feat: 공통화 button 컴포넌트 haptic 이벤트 적용

Author: supersett

src/components/ui/button.tsx

@@ -3,6 +3,7 @@
 import { Slot } from '@radix-ui/react-slot';
 import { type VariantProps, cva } from 'class-variance-authority';
 import type * as React from 'react';
+import { HapticStyles } from '@/types/haptic';
 
 import { cn } from '@/lib/utils';
 
@@ -35,20 +36,23 @@ const buttonVariants = cva(
 export interface ButtonProps
   extends React.ButtonHTMLAttributes<HTMLButtonElement>,
     VariantProps<typeof buttonVariants> {
+  haptic?: keyof typeof HapticStyles;
   asChild?: boolean;
 }
 
 const Button = ({
   className,
   variant,
   size,
+  haptic = 'impactLight', // 기본 진동 설정
   asChild = false,
   ...props
 }: ButtonProps) => {
   const Comp = asChild ? Slot : 'button';
   return (
     <Comp
       className={cn(buttonVariants({ variant, size, className }))}
+      data-haptic={haptic}
       {...props}
     />
   );

src/types/haptic.ts

@@ -0,0 +1,12 @@
+/**
+ * 지원 가능한 스타일 목록
+ */
+export const HapticStyles = {
+  impactLight: 'impactLight',
+  impactMedium: 'impactMedium',
+  impactHeavy: 'impactHeavy',
+  selection: 'selection',
+  notificationSuccess: 'notificationSuccess',
+  notificationWarning: 'notificationWarning',
+  notificationError: 'notificationError',
+} as const;