@hua-labs/ui 1.1.0-alpha.6 → 2.0.0-alpha.10

package/dist/chunk-57XAC4ZA.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Container.tsx","../src/components/Progress.tsx","../src/components/Alert.tsx","../src/components/Accordion.tsx","../src/components/Tabs.tsx"],"names":["Container","React","className","size","padding","centered","fluid","props","ref","sizeClasses","paddingClasses","jsx","merge","Progress","value","max","variant","showValue","animated","striped","label","description","percentage","getVariantClasses","getStripedClasses","jsxs","ProgressSuccess","ProgressWarning","ProgressError","ProgressInfo","ProgressWrapper","title","ProgressGroup","children","Alert","icon","action","closable","onClose","getIconClasses","getDefaultIcon","AlertSuccess","AlertWarning","AlertError","AlertInfo","Accordion","type","defaultValue","onValueChange","collapsible","openItems","setOpenItems","handleItemToggle","itemValue","newOpenItems","item","itemValues","values","child","childProps","handleKeyDown","e","_a","target","currentValue","currentIndex","newIndex","triggerElement","AccordionItem","disabled","onToggle","isOpen","AccordionTrigger","iconPosition","defaultIcon","Icon","contentId","triggerId","AccordionContent","dataValue","height","setHeight","contentRef","TabsContent","active","Tabs","orientation","activeTab","setActiveTab","isControlled","handleTabChange","newValue","TabsList","listRef","tabValues","getSizeClasses","TabsTrigger","_orientation","handleClick","TabsPills","TabsUnderline","TabsCards"],"mappings":"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","file":"chunk-57XAC4ZA.mjs","sourcesContent":["\"use client\"\n\nimport React from \"react\"\nimport { merge } from \"../lib/utils\"\n\n/**\n * Container 컴포넌트의 props\n * @typedef {Object} ContainerProps\n * @property {\"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\"} [size=\"lg\"] - 컨테이너 최대 너비\n * @property {\"none\" | \"sm\" | \"md\" | \"lg\" | \"xl\"} [padding=\"md\"] - 내부 패딩 크기\n * @property {boolean} [centered=true] - 컨테이너를 중앙 정렬할지 여부\n * @property {boolean} [fluid=false] - 최대 너비 제한 없이 전체 너비 사용\n * @extends {React.HTMLAttributes<HTMLDivElement>}\n */\nexport interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {\n  size?: \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\"\n  padding?: \"none\" | \"sm\" | \"md\" | \"lg\" | \"xl\"\n  centered?: boolean\n  fluid?: boolean\n}\n\n/**\n * Container 컴포넌트\n * \n * 콘텐츠를 감싸는 컨테이너 컴포넌트입니다.\n * 반응형 최대 너비와 패딩을 제공하여 일관된 레이아웃을 구성합니다.\n * \n * @component\n * @example\n * // 기본 사용\n * <Container>\n *   <h1>제목</h1>\n *   <p>내용</p>\n * </Container>\n * \n * @example\n * // 작은 크기, 패딩 없음\n * <Container size=\"sm\" padding=\"none\">\n *   <div>콘텐츠</div>\n * </Container>\n * \n * @example\n * // 전체 너비 사용\n * <Container fluid padding=\"xl\">\n *   <div>전체 너비 콘텐츠</div>\n * </Container>\n * \n * @param {ContainerProps} props - Container 컴포넌트의 props\n * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref\n * @returns {JSX.Element} Container 컴포넌트\n */\nconst Container = React.forwardRef<HTMLDivElement, ContainerProps>(\n  ({ \n    className, \n    size = \"lg\",\n    padding = \"md\",\n    centered = true,\n    fluid = false,\n    ...props \n  }, ref) => {\n    const sizeClasses = {\n      sm: \"max-w-2xl\", // 672px\n      md: \"max-w-4xl\", // 896px\n      lg: \"max-w-6xl\", // 1152px\n      xl: \"max-w-7xl\", // 1280px\n      full: \"max-w-full\"\n    }\n\n    const paddingClasses = {\n      none: \"\",\n      sm: \"px-4 py-8\", // 16px 좌우, 32px 상하\n      md: \"px-6 py-12\", // 24px 좌우, 48px 상하\n      lg: \"px-8 py-16\", // 32px 좌우, 64px 상하\n      xl: \"px-12 py-20\" // 48px 좌우, 80px 상하\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={merge(\n          \"w-full\",\n          !fluid && sizeClasses[size],\n          paddingClasses[padding],\n          centered && \"mx-auto\",\n          \"bg-white/5 backdrop-blur-sm rounded-xl shadow-xl\",\n          \"dark:bg-slate-900/5\",\n          className\n        )}\n        {...props}\n      />\n    )\n  }\n)\nContainer.displayName = \"Container\"\n\nexport { Container } ","\"use client\"\n\nimport React from \"react\"\nimport { merge } from \"../lib/utils\"\n\n/**\n * Progress 컴포넌트의 props\n * @typedef {Object} ProgressProps\n * @property {number} [value=0] - 진행률 값\n * @property {number} [max=100] - 최대값\n * @property {\"sm\" | \"md\" | \"lg\"} [size=\"md\"] - Progress 바 크기\n * @property {\"default\" | \"success\" | \"warning\" | \"error\" | \"info\" | \"glass\"} [variant=\"default\"] - Progress 스타일 변형\n * @property {boolean} [showValue=false] - 진행률 퍼센트 표시 여부\n * @property {boolean} [animated=true] - 애니메이션 활성화 여부\n * @property {boolean} [striped=false] - 줄무늬 패턴 표시 여부\n * @property {string} [label] - Progress 라벨 텍스트\n * @property {string} [description] - Progress 설명 텍스트\n * @extends {React.HTMLAttributes<HTMLDivElement>}\n */\nexport interface ProgressProps extends React.HTMLAttributes<HTMLDivElement> {\n  value?: number\n  max?: number\n  size?: \"sm\" | \"md\" | \"lg\"\n  variant?: \"default\" | \"success\" | \"warning\" | \"error\" | \"info\" | \"glass\"\n  showValue?: boolean\n  animated?: boolean\n  striped?: boolean\n  label?: string\n  description?: string\n}\n\n/**\n * Progress 컴포넌트 / Progress component\n * \n * 진행률을 표시하는 프로그레스 바 컴포넌트입니다.\n * 다양한 스타일과 애니메이션을 지원합니다.\n * \n * Progress bar component that displays progress.\n * Supports various styles and animations.\n * \n * @component\n * @example\n * // 기본 사용 / Basic usage\n * <Progress value={50} />\n * \n * @example\n * // 라벨과 값 표시 / Show label and value\n * <Progress \n *   value={75} \n *   label=\"업로드 진행률\"\n *   showValue\n * />\n * \n * @example\n * // Success 스타일, 줄무늬 패턴 / Success style, striped pattern\n * <Progress \n *   value={90}\n *   variant=\"success\"\n *   striped\n *   animated\n * />\n * \n * @param {ProgressProps} props - Progress 컴포넌트의 props / Progress component props\n * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref\n * @returns {JSX.Element} Progress 컴포넌트 / Progress component\n */\nconst Progress = React.forwardRef<HTMLDivElement, ProgressProps>(\n  ({ \n    className, \n    value = 0,\n    max = 100,\n    size = \"md\",\n    variant = \"default\",\n    showValue = false,\n    animated = true,\n    striped = false,\n    label,\n    description,\n    ...props \n  }, ref) => {\n    const percentage = Math.min(Math.max((value / max) * 100, 0), 100)\n\n    const sizeClasses = {\n      sm: \"h-2\", // 8px 높이\n      md: \"h-3\", // 12px 높이\n      lg: \"h-4\" // 16px 높이\n    }\n\n    const getVariantClasses = () => {\n      switch (variant) {\n        case \"success\":\n          return \"bg-green-500 dark:bg-green-400\"\n        case \"warning\":\n          return \"bg-yellow-500 dark:bg-yellow-400\"\n        case \"error\":\n          return \"bg-red-500 dark:bg-red-400\"\n        case \"info\":\n          return \"bg-blue-500 dark:bg-blue-400\"\n        case \"glass\":\n          return \"bg-white/50 backdrop-blur-sm\"\n        default:\n          return \"bg-gray-900 dark:bg-gray-100\"\n      }\n    }\n\n    const getStripedClasses = () => {\n      if (!striped) return \"\"\n      return \"bg-gradient-to-r from-transparent via-white/20 to-transparent bg-[length:20px_100%] animate-pulse\"\n    }\n\n    return (\n      <div className={merge(\"w-full\", className)} {...props}>\n        {/* 라벨과 값 */}\n        {(label || showValue) && (\n          <div className=\"flex items-center justify-between mb-2\"> {/* 8px 여백 */}\n            {label && (\n              <span className=\"text-sm font-medium text-gray-700 dark:text-gray-300\">\n                {label}\n              </span>\n            )}\n            {showValue && (\n              <span className=\"text-sm text-gray-600 dark:text-gray-400\">\n                {Math.round(percentage)}%\n              </span>\n            )}\n          </div>\n        )}\n\n        {/* 프로그레스 바 */}\n        <div\n          ref={ref}\n          className={merge(\n            \"relative w-full overflow-hidden rounded-full\",\n            variant === \"glass\" \n              ? \"bg-white/10 backdrop-blur-sm border border-white/20 dark:bg-slate-800/10 dark:border-slate-700/50\"\n              : \"bg-gray-200 dark:bg-gray-700\",\n            sizeClasses[size]\n          )}\n        >\n          <div\n            className={merge(\n              \"h-full rounded-full transition-all duration-300 ease-out\",\n              getVariantClasses(),\n              getStripedClasses(),\n              animated && \"animate-pulse\"\n            )}\n            style={{\n              width: `${percentage}%`,\n              transition: animated ? \"width 0.3s ease-out\" : \"none\"\n            }}\n          />\n        </div>\n\n        {/* 설명 */}\n        {description && (\n          <p className=\"mt-2 text-xs text-gray-500 dark:text-gray-400\"> {/* 8px 여백 */}\n            {description}\n          </p>\n        )}\n      </div>\n    )\n  }\n)\nProgress.displayName = \"Progress\"\n\n// 편의 컴포넌트들\nexport const ProgressSuccess = React.forwardRef<HTMLDivElement, Omit<ProgressProps, \"variant\">>(\n  ({ className, ...props }, ref) => (\n    <Progress ref={ref} variant=\"success\" className={className} {...props} />\n  )\n)\nProgressSuccess.displayName = \"ProgressSuccess\"\n\nexport const ProgressWarning = React.forwardRef<HTMLDivElement, Omit<ProgressProps, \"variant\">>(\n  ({ className, ...props }, ref) => (\n    <Progress ref={ref} variant=\"warning\" className={className} {...props} />\n  )\n)\nProgressWarning.displayName = \"ProgressWarning\"\n\nexport const ProgressError = React.forwardRef<HTMLDivElement, Omit<ProgressProps, \"variant\">>(\n  ({ className, ...props }, ref) => (\n    <Progress ref={ref} variant=\"error\" className={className} {...props} />\n  )\n)\nProgressError.displayName = \"ProgressError\"\n\nexport const ProgressInfo = React.forwardRef<HTMLDivElement, Omit<ProgressProps, \"variant\">>(\n  ({ className, ...props }, ref) => (\n    <Progress ref={ref} variant=\"info\" className={className} {...props} />\n  )\n)\nProgressInfo.displayName = \"ProgressInfo\"\n\n// 복합 Progress 컴포넌트들\nexport const ProgressWrapper = React.forwardRef<HTMLDivElement, ProgressProps & { title?: string }>(\n  ({ title, className, ...props }, ref) => (\n    <div className={merge(\"p-4 bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700\", className)}>\n      {title && (\n        <h3 className=\"text-sm font-semibold text-gray-900 dark:text-white mb-3\"> {/* 12px 여백 */}\n          {title}\n        </h3>\n      )}\n      <Progress ref={ref} {...props} />\n    </div>\n  )\n)\nProgressWrapper.displayName = \"ProgressWrapper\"\n\nexport const ProgressGroup = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, children, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={merge(\"space-y-4\", className)} // 16px 간격\n      {...props}\n    >\n      {children}\n    </div>\n  )\n)\nProgressGroup.displayName = \"ProgressGroup\"\n\nexport { Progress } ","\"use client\"\n\nimport React from \"react\"\nimport { merge } from \"../lib/utils\"\n\n/**\n * Alert 컴포넌트의 props\n * @typedef {Object} AlertProps\n * @property {\"default\" | \"success\" | \"warning\" | \"error\" | \"info\"} [variant=\"default\"] - Alert 스타일 변형\n * @property {string} [title] - Alert 제목\n * @property {string} [description] - Alert 설명\n * @property {React.ReactNode} [icon] - 커스텀 아이콘\n * @property {React.ReactNode} [action] - 액션 버튼/요소\n * @property {boolean} [closable=false] - 닫기 버튼 표시 여부\n * @property {() => void} [onClose] - 닫기 버튼 클릭 시 호출되는 콜백\n * @extends {React.HTMLAttributes<HTMLDivElement>}\n */\nexport interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {\n  variant?: \"default\" | \"success\" | \"warning\" | \"error\" | \"info\"\n  title?: string\n  description?: string\n  icon?: React.ReactNode\n  action?: React.ReactNode\n  closable?: boolean\n  onClose?: () => void\n}\n\n/**\n * Alert 컴포넌트 / Alert component\n * \n * 사용자에게 중요한 정보나 경고를 표시하는 컴포넌트입니다.\n * 다양한 변형(variant)을 지원하며, 아이콘, 제목, 설명, 액션 버튼을 포함할 수 있습니다.\n * \n * Component for displaying important information or warnings to users.\n * Supports various variants and can include icons, titles, descriptions, and action buttons.\n * \n * @component\n * @example\n * // 기본 사용 / Basic usage\n * <Alert variant=\"info\" title=\"정보\" description=\"이것은 정보 메시지입니다.\" />\n * \n * @example\n * // 닫기 버튼 포함 / With close button\n * <Alert \n *   variant=\"warning\" \n *   title=\"경고\" \n *   closable \n *   onClose={() => console.log('닫기')}\n * />\n * \n * @example\n * // 커스텀 아이콘과 액션 / Custom icon and action\n * <Alert \n *   variant=\"success\"\n *   icon={<Icon name=\"check\" />}\n *   action={<Button size=\"sm\">확인</Button>}\n * >\n *   작업이 완료되었습니다.\n * </Alert>\n * \n * @param {AlertProps} props - Alert 컴포넌트의 props / Alert component props\n * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref\n * @returns {JSX.Element} Alert 컴포넌트 / Alert component\n */\nconst Alert = React.forwardRef<HTMLDivElement, AlertProps>(\n  ({ \n    className, \n    variant = \"default\",\n    title,\n    description,\n    icon,\n    action,\n    closable = false,\n    onClose,\n    children,\n    ...props \n  }, ref) => {\n    const getVariantClasses = () => {\n      switch (variant) {\n        case \"success\":\n          return \"bg-green-500/10 backdrop-blur-sm border-green-400/30 text-green-200 dark:bg-green-500/10 dark:border-green-400/30 dark:text-green-200\"\n        case \"warning\":\n          return \"bg-yellow-500/10 backdrop-blur-sm border-yellow-400/30 text-yellow-200 dark:bg-yellow-500/10 dark:border-yellow-400/30 dark:text-yellow-200\"\n        case \"error\":\n          return \"bg-red-500/10 backdrop-blur-sm border-red-400/30 text-red-200 dark:bg-red-500/10 dark:border-red-400/30 dark:text-red-200\"\n        case \"info\":\n          return \"bg-blue-500/10 backdrop-blur-sm border-blue-400/30 text-blue-200 dark:bg-blue-500/10 dark:border-blue-400/30 dark:text-blue-200\"\n        default:\n          return \"bg-white/10 backdrop-blur-sm border-white/30 text-white dark:bg-slate-800/20 dark:border-slate-700/50 dark:text-slate-200\"\n      }\n    }\n\n    const getIconClasses = () => {\n      switch (variant) {\n        case \"success\":\n          return \"text-green-500 dark:text-green-400\"\n        case \"warning\":\n          return \"text-yellow-500 dark:text-yellow-400\"\n        case \"error\":\n          return \"text-red-500 dark:text-red-400\"\n        case \"info\":\n          return \"text-blue-500 dark:text-blue-400\"\n        default:\n          return \"text-gray-500 dark:text-gray-400\"\n      }\n    }\n\n    const getDefaultIcon = () => {\n      switch (variant) {\n        case \"success\":\n          return (\n            <svg className=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M5 13l4 4L19 7\" />\n            </svg>\n          )\n        case \"warning\":\n          return (\n            <svg className=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-2.5L13.732 4c-.77-.833-1.964-.833-2.732 0L3.732 16.5c-.77.833.192 2.5 1.732 2.5z\" />\n            </svg>\n          )\n        case \"error\":\n          return (\n            <svg className=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M6 18L18 6M6 6l12 12\" />\n            </svg>\n          )\n        case \"info\":\n          return (\n            <svg className=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" />\n            </svg>\n          )\n        default:\n          return null\n      }\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={merge(\n          \"relative rounded-lg border p-4\", // 16px 패딩\n          getVariantClasses(),\n          className\n        )}\n        {...props}\n      >\n        <div className=\"flex items-start gap-3\"> {/* 12px 간격 */}\n          {/* 아이콘 */}\n          {(icon || getDefaultIcon()) && (\n            <div className={merge(\"flex-shrink-0 mt-0.5\", getIconClasses())}>\n              {icon || getDefaultIcon()}\n            </div>\n          )}\n\n          {/* 내용 */}\n          <div className=\"flex-1 min-w-0\">\n            {title && (\n              <h4 className=\"text-sm font-semibold mb-1\"> {/* 4px 여백 */}\n                {title}\n              </h4>\n            )}\n            {description && (\n              <p className=\"text-sm leading-relaxed\">\n                {description}\n              </p>\n            )}\n            {children && (\n              <div className=\"mt-2\"> {/* 8px 여백 */}\n                {children}\n              </div>\n            )}\n          </div>\n\n          {/* 액션 */}\n          {(action || closable) && (\n            <div className=\"flex-shrink-0 flex items-center gap-2\"> {/* 8px 간격 */}\n              {action}\n              {closable && (\n                <button\n                  onClick={onClose}\n                  className={merge(\n                    \"inline-flex rounded-md p-1.5 focus:outline-none focus:ring-2 focus:ring-offset-2 transition-all duration-200 hover:bg-black/5 dark:hover:bg-white/5\",\n                    getIconClasses()\n                  )}\n                  aria-label=\"닫기\"\n                >\n                  <svg className=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M6 18L18 6M6 6l12 12\" />\n                  </svg>\n                </button>\n              )}\n            </div>\n          )}\n        </div>\n      </div>\n    )\n  }\n)\nAlert.displayName = \"Alert\"\n\n// 편의 컴포넌트들\nexport const AlertSuccess = React.forwardRef<HTMLDivElement, Omit<AlertProps, \"variant\">>(\n  ({ className, ...props }, ref) => (\n    <Alert ref={ref} variant=\"success\" className={className} {...props} />\n  )\n)\nAlertSuccess.displayName = \"AlertSuccess\"\n\nexport const AlertWarning = React.forwardRef<HTMLDivElement, Omit<AlertProps, \"variant\">>(\n  ({ className, ...props }, ref) => (\n    <Alert ref={ref} variant=\"warning\" className={className} {...props} />\n  )\n)\nAlertWarning.displayName = \"AlertWarning\"\n\nexport const AlertError = React.forwardRef<HTMLDivElement, Omit<AlertProps, \"variant\">>(\n  ({ className, ...props }, ref) => (\n    <Alert ref={ref} variant=\"error\" className={className} {...props} />\n  )\n)\nAlertError.displayName = \"AlertError\"\n\nexport const AlertInfo = React.forwardRef<HTMLDivElement, Omit<AlertProps, \"variant\">>(\n  ({ className, ...props }, ref) => (\n    <Alert ref={ref} variant=\"info\" className={className} {...props} />\n  )\n)\nAlertInfo.displayName = \"AlertInfo\"\n\nexport { Alert } ","\"use client\"\n\nimport React from \"react\"\nimport { merge } from \"../lib/utils\"\nimport { Icon } from \"./Icon\"\n\n/**\n * Accordion 컴포넌트의 props / Accordion component props\n * @typedef {Object} AccordionProps\n * @property {React.ReactNode} children - AccordionItem 컴포넌트들 / AccordionItem components\n * @property {string} [className] - 추가 CSS 클래스 / Additional CSS class\n * @property {\"single\" | \"multiple\"} [type=\"single\"] - 단일 또는 다중 아이템 열기 허용 / Allow single or multiple items to be open\n * @property {string | string[]} [defaultValue] - 초기 열린 아이템 값 (비제어 컴포넌트) / Initial open item value (uncontrolled component)\n * @property {string | string[]} [value] - 현재 열린 아이템 값 (제어 컴포넌트) / Current open item value (controlled component)\n * @property {(value: string | string[]) => void} [onValueChange] - 아이템 열림/닫힘 콜백 / Item open/close callback\n * @property {boolean} [collapsible=false] - 단일 모드에서 열린 아이템을 닫을 수 있는지 여부 / Whether open item can be closed in single mode\n */\ninterface AccordionProps {\n  children: React.ReactNode\n  className?: string\n  type?: \"single\" | \"multiple\"\n  defaultValue?: string | string[]\n  value?: string | string[]\n  onValueChange?: (value: string | string[]) => void\n  collapsible?: boolean\n}\n\n/**\n * Accordion 컴포넌트 / Accordion component\n * \n * 접을 수 있는 콘텐츠 섹션을 제공하는 컴포넌트입니다.\n * 키보드 네비게이션(Arrow keys, Home/End)을 지원하며, ARIA 속성을 자동으로 설정합니다.\n * \n * Component that provides collapsible content sections.\n * Supports keyboard navigation (Arrow keys, Home/End) and automatically sets ARIA attributes.\n * \n * @component\n * @example\n * // 기본 사용 (단일 열기) / Basic usage (single open)\n * <Accordion type=\"single\">\n *   <AccordionItem value=\"item1\">\n *     <AccordionTrigger>제목 1</AccordionTrigger>\n *     <AccordionContent>내용 1</AccordionContent>\n *   </AccordionItem>\n *   <AccordionItem value=\"item2\">\n *     <AccordionTrigger>제목 2</AccordionTrigger>\n *     <AccordionContent>내용 2</AccordionContent>\n *   </AccordionItem>\n * </Accordion>\n * \n * @example\n * // 다중 열기 / Multiple open\n * <Accordion type=\"multiple\" defaultValue={[\"item1\", \"item2\"]}>\n *   <AccordionItem value=\"item1\">\n *     <AccordionTrigger>제목 1</AccordionTrigger>\n *     <AccordionContent>내용 1</AccordionContent>\n *   </AccordionItem>\n * </Accordion>\n * \n * @example\n * // 제어 컴포넌트 / Controlled component\n * const [openItems, setOpenItems] = useState<string[]>([])\n * <Accordion type=\"multiple\" value={openItems} onValueChange={setOpenItems}>\n *   <AccordionItem value=\"item1\">\n *     <AccordionTrigger>제목</AccordionTrigger>\n *     <AccordionContent>내용</AccordionContent>\n *   </AccordionItem>\n * </Accordion>\n * \n * @param {AccordionProps} props - Accordion 컴포넌트의 props / Accordion component props\n * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref\n * @returns {JSX.Element} Accordion 컴포넌트 / Accordion component\n */\nconst Accordion = React.forwardRef<HTMLDivElement, AccordionProps>(\n  ({ \n    children, \n    className,\n    type = \"single\",\n    defaultValue,\n    value,\n    onValueChange,\n    collapsible = false,\n    ...props \n  }, ref) => {\n    const [openItems, setOpenItems] = React.useState<string[]>(\n      value ? (Array.isArray(value) ? value : [value]) : \n      defaultValue ? (Array.isArray(defaultValue) ? defaultValue : [defaultValue]) : []\n    )\n\n    React.useEffect(() => {\n      if (value !== undefined) {\n        setOpenItems(Array.isArray(value) ? value : [value])\n      }\n    }, [value])\n\n    const handleItemToggle = (itemValue: string) => {\n      let newOpenItems: string[]\n\n      if (type === \"single\") {\n        if (openItems.includes(itemValue)) {\n          newOpenItems = collapsible ? [] : openItems\n        } else {\n          newOpenItems = [itemValue]\n        }\n      } else {\n        if (openItems.includes(itemValue)) {\n          newOpenItems = openItems.filter(item => item !== itemValue)\n        } else {\n          newOpenItems = [...openItems, itemValue]\n        }\n      }\n\n      setOpenItems(newOpenItems)\n      onValueChange?.(type === \"single\" ? newOpenItems[0] || \"\" : newOpenItems)\n    }\n\n    // 모든 아이템의 value를 수집\n    const itemValues = React.useMemo(() => {\n      const values: string[] = []\n      React.Children.forEach(children, (child) => {\n        if (React.isValidElement(child)) {\n          const childProps = child.props as { value?: string }\n          if (childProps.value) {\n            values.push(childProps.value)\n          }\n        }\n      })\n      return values\n    }, [children])\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n      const target = e.target as HTMLElement\n      if (!target.hasAttribute('data-accordion-trigger')) return\n\n      const currentValue = target.getAttribute('data-accordion-value')\n      if (!currentValue) return\n\n      const currentIndex = itemValues.indexOf(currentValue)\n      if (currentIndex === -1) return\n\n      let newIndex = currentIndex\n\n      if (e.key === \"ArrowDown\") {\n        e.preventDefault()\n        newIndex = currentIndex < itemValues.length - 1 ? currentIndex + 1 : 0\n      } else if (e.key === \"ArrowUp\") {\n        e.preventDefault()\n        newIndex = currentIndex > 0 ? currentIndex - 1 : itemValues.length - 1\n      } else if (e.key === \"Home\") {\n        e.preventDefault()\n        newIndex = 0\n      } else if (e.key === \"End\") {\n        e.preventDefault()\n        newIndex = itemValues.length - 1\n      }\n\n      if (newIndex !== currentIndex && itemValues[newIndex]) {\n        const triggerElement = target.closest('[data-accordion-item]')?.querySelector(\n          `[data-accordion-value=\"${itemValues[newIndex]}\"]`\n        ) as HTMLElement\n        triggerElement?.focus()\n      }\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={merge(\"space-y-2\", className)}\n        onKeyDown={handleKeyDown}\n        {...props}\n      >\n        {React.Children.map(children, (child) => {\n          if (React.isValidElement(child)) {\n            return React.cloneElement(child, {\n              openItems,\n              onToggle: handleItemToggle\n            } as Partial<AccordionItemProps>)\n          }\n          return child\n        })}\n      </div>\n    )\n  }\n)\nAccordion.displayName = \"Accordion\"\n\n/**\n * AccordionItem 컴포넌트의 props / AccordionItem component props\n * @typedef {Object} AccordionItemProps\n * @property {string} value - 아이템의 고유 값 / Item unique value\n * @property {React.ReactNode} children - AccordionTrigger와 AccordionContent / AccordionTrigger and AccordionContent\n * @property {string} [className] - 추가 CSS 클래스 / Additional CSS class\n * @property {boolean} [disabled=false] - 아이템 비활성화 여부 / Item disabled state\n * @property {string[]} [openItems] - 열린 아이템 목록 (Accordion에서 자동 전달) / Open items list (auto-passed from Accordion)\n * @property {(value: string) => void} [onToggle] - 토글 콜백 (Accordion에서 자동 전달) / Toggle callback (auto-passed from Accordion)\n */\ninterface AccordionItemProps {\n  value: string\n  children: React.ReactNode\n  className?: string\n  disabled?: boolean\n  openItems?: string[]\n  onToggle?: (value: string) => void\n}\n\n/**\n * AccordionItem 컴포넌트 / AccordionItem component\n * 아코디언의 개별 아이템을 감싸는 컨테이너입니다.\n * Container that wraps an individual accordion item.\n * \n * @component\n * @param {AccordionItemProps} props - AccordionItem 컴포넌트의 props / AccordionItem component props\n * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref\n * @returns {JSX.Element} AccordionItem 컴포넌트 / AccordionItem component\n */\nconst AccordionItem = React.forwardRef<HTMLDivElement, AccordionItemProps>(\n  ({ \n    value, \n    children, \n    className,\n    disabled = false,\n    openItems = [],\n    onToggle,\n    ...props \n  }, ref) => {\n    const isOpen = openItems.includes(value)\n\n    return (\n      <div\n        ref={ref}\n        data-accordion-item\n        className={merge(\n          \"border border-gray-200/50 dark:border-gray-700/50 rounded-lg overflow-hidden\",\n          disabled && \"opacity-50 pointer-events-none\",\n          className\n        )}\n        {...props}\n      >\n        {React.Children.map(children, (child) => {\n          if (React.isValidElement(child)) {\n            return React.cloneElement(child, {\n              value,\n              isOpen,\n              disabled,\n              onToggle: () => onToggle?.(value),\n              'data-accordion-value': value\n            } as Partial<AccordionTriggerProps | AccordionContentProps>)\n          }\n          return child\n        })}\n      </div>\n    )\n  }\n)\nAccordionItem.displayName = \"AccordionItem\"\n\ninterface AccordionTriggerProps {\n  children: React.ReactNode\n  className?: string\n  icon?: React.ReactNode\n  iconPosition?: \"left\" | \"right\"\n  value?: string // Optional: AccordionItem에서 자동으로 전달됨 / Optional: Auto-passed from AccordionItem\n  isOpen?: boolean\n  disabled?: boolean\n  onToggle?: () => void\n}\n\nconst AccordionTrigger = React.forwardRef<HTMLButtonElement, AccordionTriggerProps>(\n  ({ \n    children, \n    className,\n    icon,\n    iconPosition = \"right\",\n    value,\n    isOpen = false,\n    disabled = false,\n    onToggle,\n    ...props \n  }, ref) => {\n    const defaultIcon = (\n      <Icon \n        name=\"chevronDown\" \n        size={20} \n        className={merge(\n          \"transition-transform duration-300 ease-out text-gray-500 dark:text-gray-400\",\n          isOpen && \"rotate-180\"\n        )} \n      />\n    )\n\n    const contentId = `accordion-content-${value}`\n    const triggerId = `accordion-trigger-${value}`\n\n    return (\n      <button\n        ref={ref}\n        id={triggerId}\n        data-accordion-trigger\n        data-accordion-value={value}\n        aria-expanded={isOpen}\n        aria-controls={contentId}\n        onClick={onToggle}\n        disabled={disabled}\n        className={merge(\n          \"flex w-full items-center justify-between px-6 py-4 text-left font-medium transition-all hover:bg-gray-50/80 dark:hover:bg-gray-800/80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500/50 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50\",\n          className\n        )}\n        {...props}\n      >\n        <div className=\"flex items-center gap-3 flex-1\">\n          {iconPosition === \"left\" && (icon || defaultIcon)}\n          <span className=\"flex-1\">{children}</span>\n        </div>\n        {iconPosition === \"right\" && (icon || defaultIcon)}\n      </button>\n    )\n  }\n)\nAccordionTrigger.displayName = \"AccordionTrigger\"\n\n/**\n * AccordionTrigger 컴포넌트 / AccordionTrigger component\n * 아코디언 아이템을 열고 닫는 트리거 버튼입니다.\n * Button that opens and closes an accordion item.\n * \n * @component\n * @param {AccordionTriggerProps} props - AccordionTrigger 컴포넌트의 props / AccordionTrigger component props\n * @param {React.Ref<HTMLButtonElement>} ref - button 요소 ref / button element ref\n * @returns {JSX.Element} AccordionTrigger 컴포넌트 / AccordionTrigger component\n */\n\n/**\n * AccordionContent 컴포넌트의 props\n * @typedef {Object} AccordionContentProps\n * @property {React.ReactNode} children - 콘텐츠\n * @property {string} [className] - 추가 CSS 클래스\n * @property {boolean} [isOpen] - 열림 상태 (AccordionItem에서 자동 전달)\n * @property {string} [value] - 아이템 값 (AccordionItem에서 자동 전달)\n * @property {string} ['data-accordion-value'] - 아이템 값 (내부 사용)\n */\ninterface AccordionContentProps {\n  children: React.ReactNode\n  className?: string\n  isOpen?: boolean\n  value?: string\n  'data-accordion-value'?: string\n}\n\n/**\n * AccordionContent 컴포넌트 / AccordionContent component\n * 아코디언 아이템의 콘텐츠를 표시합니다.\n * Displays the content of an accordion item.\n * \n * @component\n * @param {AccordionContentProps} props - AccordionContent 컴포넌트의 props / AccordionContent component props\n * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref\n * @returns {JSX.Element} AccordionContent 컴포넌트 / AccordionContent component\n */\nconst AccordionContent = React.forwardRef<HTMLDivElement, AccordionContentProps>(\n  ({ children, className, isOpen = false, value, 'data-accordion-value': dataValue, ...props }, ref) => {\n    const [height, setHeight] = React.useState(0)\n    const contentRef = React.useRef<HTMLDivElement>(null)\n    const itemValue = value || dataValue || 'unknown'\n\n    React.useEffect(() => {\n      if (contentRef.current) {\n        if (isOpen) {\n          setHeight(contentRef.current.scrollHeight)\n        } else {\n          setHeight(0)\n        }\n      }\n    }, [isOpen, children])\n\n    const triggerId = `accordion-trigger-${itemValue}`\n    const contentId = `accordion-content-${itemValue}`\n\n    return (\n      <div\n        ref={ref}\n        id={contentId}\n        role=\"region\"\n        aria-labelledby={triggerId}\n        hidden={!isOpen}\n        className=\"overflow-hidden transition-all duration-300 ease-out\"\n        style={{ height: `${height}px` }}\n        {...props}\n      >\n        <div\n          ref={contentRef}\n          className={merge(\"px-6 pt-2 pb-4\", className)}\n        >\n          {children}\n        </div>\n      </div>\n    )\n  }\n)\nAccordionContent.displayName = \"AccordionContent\"\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent } ","\"use client\"\n\nimport React from 'react'\nimport { merge } from '../lib/utils'\n\n/**\n * TabsContent 컴포넌트의 props / TabsContent component props\n * @typedef {Object} TabsContentProps\n * @property {string} value - 탭 패널의 고유 값 (TabsTrigger의 value와 일치해야 함) / Unique value for tab panel (must match TabsTrigger value)\n * @property {boolean} [active] - 탭 패널 활성화 상태 (자동 설정됨) / Tab panel active state (auto-set)\n * @extends {React.HTMLAttributes<HTMLDivElement>}\n */\nexport interface TabsContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  value: string\n  active?: boolean\n}\n\n/**\n * TabsContent 컴포넌트 / TabsContent component\n * 탭의 콘텐츠 패널을 표시합니다. Tabs 컴포넌트 내부에서 사용됩니다.\n * Displays the tab content panel. Used inside Tabs component.\n * \n * @component\n * @param {TabsContentProps} props - TabsContent 컴포넌트의 props / TabsContent component props\n * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref\n * @returns {JSX.Element} TabsContent 컴포넌트 / TabsContent component\n */\nconst TabsContent = React.forwardRef<HTMLDivElement, TabsContentProps>(\n  ({ className, value, active, children, ...props }, ref) => {\n    // active prop이 명시적으로 false로 설정된 경우에만 숨김\n    if (active === false) return null\n\n    return (\n      <div\n        ref={ref}\n        role=\"tabpanel\"\n        id={`tabpanel-${value}`}\n        aria-labelledby={`tab-${value}`}\n        hidden={!active}\n        className={merge(\n          \"mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n      </div>\n    )\n  }\n)\nTabsContent.displayName = \"TabsContent\"\n\n/**\n * Tabs 컴포넌트의 props / Tabs component props\n * @typedef {Object} TabsProps\n * @property {string} [value] - 현재 활성화된 탭 값 (제어 컴포넌트) / Currently active tab value (controlled component)\n * @property {string} [defaultValue] - 초기 활성화된 탭 값 (비제어 컴포넌트) / Initial active tab value (uncontrolled component)\n * @property {(value: string) => void} [onValueChange] - 탭 변경 시 호출되는 콜백 / Callback when tab changes\n * @property {\"horizontal\" | \"vertical\"} [orientation=\"horizontal\"] - 탭 방향 / Tab orientation\n * @property {\"default\" | \"pills\" | \"underline\" | \"cards\"} [variant=\"default\"] - 탭 스타일 변형 / Tab style variant\n * @property {\"sm\" | \"md\" | \"lg\"} [size=\"md\"] - 탭 크기 / Tab size\n * @extends {React.HTMLAttributes<HTMLDivElement>}\n */\nexport interface TabsProps extends React.HTMLAttributes<HTMLDivElement> {\n  value?: string\n  defaultValue?: string\n  onValueChange?: (value: string) => void\n  orientation?: \"horizontal\" | \"vertical\"\n  variant?: \"default\" | \"pills\" | \"underline\" | \"cards\"\n  size?: \"sm\" | \"md\" | \"lg\"\n}\n\n/**\n * Tabs 컴포넌트 / Tabs component\n * \n * 탭 네비게이션을 제공하는 컴포넌트입니다.\n * 키보드 네비게이션(Arrow keys, Home/End)을 지원하며, ARIA 속성을 자동으로 설정합니다.\n * \n * Component that provides tab navigation.\n * Supports keyboard navigation (Arrow keys, Home/End) and automatically sets ARIA attributes.\n * \n * @component\n * @example\n * // 기본 사용 / Basic usage\n * <Tabs defaultValue=\"tab1\">\n *   <TabsList>\n *     <TabsTrigger value=\"tab1\">탭 1</TabsTrigger>\n *     <TabsTrigger value=\"tab2\">탭 2</TabsTrigger>\n *   </TabsList>\n *   <TabsContent value=\"tab1\">탭 1 내용</TabsContent>\n *   <TabsContent value=\"tab2\">탭 2 내용</TabsContent>\n * </Tabs>\n * \n * @example\n * // 제어 컴포넌트 / Controlled component\n * const [activeTab, setActiveTab] = useState(\"tab1\")\n * <Tabs value={activeTab} onValueChange={setActiveTab}>\n *   <TabsList>\n *     <TabsTrigger value=\"tab1\">탭 1</TabsTrigger>\n *   </TabsList>\n *   <TabsContent value=\"tab1\">내용</TabsContent>\n * </Tabs>\n * \n * @example\n * // 다양한 변형 / Various variants\n * <Tabs variant=\"pills\" size=\"lg\">\n *   <TabsList>\n *     <TabsTrigger value=\"tab1\">Pills 스타일</TabsTrigger>\n *   </TabsList>\n * </Tabs>\n * \n * @param {TabsProps} props - Tabs 컴포넌트의 props / Tabs component props\n * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref\n * @returns {JSX.Element} Tabs 컴포넌트 / Tabs component\n */\nconst Tabs = React.forwardRef<HTMLDivElement, TabsProps>(\n  ({ \n    className, \n    value,\n    defaultValue,\n    onValueChange,\n    orientation = \"horizontal\",\n    variant = \"default\",\n    size = \"md\",\n    children,\n    ...props \n  }, ref) => {\n    const [activeTab, setActiveTab] = React.useState(value || defaultValue || \"\")\n    const isControlled = value !== undefined\n    const currentValue = isControlled ? value : activeTab\n\n    const handleTabChange = (newValue: string) => {\n      if (!isControlled) {\n        setActiveTab(newValue)\n      }\n      onValueChange?.(newValue)\n    }\n\n    React.useEffect(() => {\n      if (value !== undefined) {\n        setActiveTab(value)\n      }\n    }, [value])\n\n    return (\n      <div\n        ref={ref}\n        className={merge(\n          \"w-full\",\n          orientation === \"vertical\" && \"flex\",\n          className\n        )}\n        {...props}\n      >\n        {React.Children.map(children, (child) => {\n          if (React.isValidElement(child)) {\n            // TabsContent인 경우 active prop을 자동으로 설정\n            if (child.type === TabsContent) {\n              const childProps = child.props as TabsContentProps\n              return React.cloneElement(child, {\n                value: currentValue,\n                onValueChange: handleTabChange,\n                orientation,\n                variant,\n                size,\n                active: childProps.value === currentValue\n              } as Partial<TabsContentProps>)\n            }\n            // 다른 컴포넌트들\n            return React.cloneElement(child, {\n              value: currentValue,\n              onValueChange: handleTabChange,\n              orientation,\n              variant,\n              size\n            } as Partial<TabsTriggerProps | TabsListProps>)\n          }\n          return child\n        })}\n      </div>\n    )\n  }\n)\nTabs.displayName = \"Tabs\"\n\n/**\n * TabsList 컴포넌트의 props / TabsList component props\n * @typedef {Object} TabsListProps\n * @property {string} [value] - 현재 활성화된 탭 값 (Tabs에서 자동 전달) / Currently active tab value (auto-passed from Tabs)\n * @property {(value: string) => void} [onValueChange] - 탭 변경 콜백 (Tabs에서 자동 전달) / Tab change callback (auto-passed from Tabs)\n * @property {\"horizontal\" | \"vertical\"} [orientation] - 탭 방향 (Tabs에서 자동 전달) / Tab orientation (auto-passed from Tabs)\n * @property {\"default\" | \"pills\" | \"underline\" | \"cards\"} [variant] - 탭 스타일 (Tabs에서 자동 전달) / Tab style (auto-passed from Tabs)\n * @property {\"sm\" | \"md\" | \"lg\"} [size] - 탭 크기 (Tabs에서 자동 전달) / Tab size (auto-passed from Tabs)\n * @extends {React.HTMLAttributes<HTMLDivElement>}\n */\nexport interface TabsListProps extends React.HTMLAttributes<HTMLDivElement> {\n  value?: string\n  onValueChange?: (value: string) => void\n  orientation?: \"horizontal\" | \"vertical\"\n  variant?: \"default\" | \"pills\" | \"underline\" | \"cards\"\n  size?: \"sm\" | \"md\" | \"lg\"\n}\n\n/**\n * TabsList 컴포넌트 / TabsList component\n * 탭 트리거 목록을 표시합니다. Tabs 컴포넌트 내부에서 사용됩니다.\n * Displays the list of tab triggers. Used inside Tabs component.\n * \n * @component\n * @param {TabsListProps} props - TabsList 컴포넌트의 props / TabsList component props\n * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref\n * @returns {JSX.Element} TabsList 컴포넌트 / TabsList component\n */\nconst TabsList = React.forwardRef<HTMLDivElement, TabsListProps>(\n  ({ \n    className, \n    value,\n    onValueChange,\n    orientation = \"horizontal\",\n    variant = \"default\",\n    size = \"md\",\n    children,\n    ...props \n  }, ref) => {\n    const listRef = React.useRef<HTMLDivElement>(null)\n    React.useImperativeHandle(ref, () => listRef.current as HTMLDivElement)\n    \n    // 모든 탭 트리거의 value를 수집\n    const tabValues = React.useMemo(() => {\n      const values: string[] = []\n      React.Children.forEach(children, (child) => {\n        if (React.isValidElement(child)) {\n          const childProps = child.props as { value?: string }\n          if (childProps.value) {\n            values.push(childProps.value)\n          }\n        }\n      })\n      return values\n    }, [children])\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n      if (!value || tabValues.length === 0) return\n\n      const currentIndex = tabValues.indexOf(value)\n      if (currentIndex === -1) return\n\n      let newIndex = currentIndex\n\n      if (orientation === \"horizontal\") {\n        if (e.key === \"ArrowLeft\") {\n          e.preventDefault()\n          newIndex = currentIndex > 0 ? currentIndex - 1 : tabValues.length - 1\n        } else if (e.key === \"ArrowRight\") {\n          e.preventDefault()\n          newIndex = currentIndex < tabValues.length - 1 ? currentIndex + 1 : 0\n        } else if (e.key === \"Home\") {\n          e.preventDefault()\n          newIndex = 0\n        } else if (e.key === \"End\") {\n          e.preventDefault()\n          newIndex = tabValues.length - 1\n        }\n      } else {\n        if (e.key === \"ArrowUp\") {\n          e.preventDefault()\n          newIndex = currentIndex > 0 ? currentIndex - 1 : tabValues.length - 1\n        } else if (e.key === \"ArrowDown\") {\n          e.preventDefault()\n          newIndex = currentIndex < tabValues.length - 1 ? currentIndex + 1 : 0\n        } else if (e.key === \"Home\") {\n          e.preventDefault()\n          newIndex = 0\n        } else if (e.key === \"End\") {\n          e.preventDefault()\n          newIndex = tabValues.length - 1\n        }\n      }\n\n      if (newIndex !== currentIndex && tabValues[newIndex]) {\n        onValueChange?.(tabValues[newIndex])\n        // 포커스 이동\n        const triggerElement = listRef.current?.querySelector(\n          `[data-tab-value=\"${tabValues[newIndex]}\"]`\n        ) as HTMLElement\n        triggerElement?.focus()\n      }\n    }\n    const getVariantClasses = () => {\n      switch (variant) {\n        case \"pills\":\n          return \"bg-gray-50 dark:bg-gray-800/80 p-3 rounded-xl border border-gray-200/50 dark:border-gray-700/50\"\n        case \"underline\":\n          return \"border-b border-gray-200 dark:border-gray-700\"\n        case \"cards\":\n          return \"bg-gray-50/80 dark:bg-gray-900/80 p-3 rounded-xl border border-gray-200/50 dark:border-gray-700/50\"\n        default:\n          return \"bg-gray-50 dark:bg-gray-800/80 p-3 rounded-xl border border-gray-200/50 dark:border-gray-700/50\"\n      }\n    }\n\n    const getSizeClasses = () => {\n      switch (size) {\n        case \"sm\":\n          return \"h-12\"\n        case \"lg\":\n          return \"h-16\"\n        default:\n          return \"h-14\"\n      }\n    }\n\n    return (\n      <div\n        ref={listRef}\n        role=\"tablist\"\n        aria-orientation={orientation}\n        onKeyDown={handleKeyDown}\n        className={merge(\n          \"flex items-center justify-center\",\n          orientation === \"vertical\" && \"flex-col\",\n          getVariantClasses(),\n          getSizeClasses(),\n          className\n        )}\n        {...props}\n      >\n        {React.Children.map(children, (child) => {\n          if (React.isValidElement(child)) {\n            return React.cloneElement(child, {\n              value,\n              onValueChange,\n              orientation,\n              variant,\n              size\n            } as Partial<TabsTriggerProps>)\n          }\n          return child\n        })}\n      </div>\n    )\n  }\n)\nTabsList.displayName = \"TabsList\"\n\n/**\n * TabsTrigger 컴포넌트의 props\n * @typedef {Object} TabsTriggerProps\n * @property {string} value - 탭 트리거의 고유 값 (TabsContent의 value와 일치해야 함)\n * @property {(value: string) => void} [onValueChange] - 탭 변경 콜백 (TabsList에서 자동 전달)\n * @property {\"horizontal\" | \"vertical\"} [orientation] - 탭 방향 (TabsList에서 자동 전달)\n * @property {\"default\" | \"pills\" | \"underline\" | \"cards\"} [variant] - 탭 스타일 (TabsList에서 자동 전달)\n * @property {\"sm\" | \"md\" | \"lg\"} [size] - 탭 크기 (TabsList에서 자동 전달)\n * @property {boolean} [active] - 탭 활성화 상태 (자동 설정됨)\n * @extends {React.ButtonHTMLAttributes<HTMLButtonElement>}\n */\nexport interface TabsTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  value: string\n  onValueChange?: (value: string) => void\n  orientation?: \"horizontal\" | \"vertical\"\n  variant?: \"default\" | \"pills\" | \"underline\" | \"cards\"\n  size?: \"sm\" | \"md\" | \"lg\"\n  active?: boolean\n}\n\n/**\n * TabsTrigger 컴포넌트 / TabsTrigger component\n * 탭을 활성화하는 버튼입니다. TabsList 컴포넌트 내부에서 사용됩니다.\n * Button that activates a tab. Used inside TabsList component.\n * \n * @component\n * @param {TabsTriggerProps} props - TabsTrigger 컴포넌트의 props / TabsTrigger component props\n * @param {React.Ref<HTMLButtonElement>} ref - button 요소 ref / button element ref\n * @returns {JSX.Element} TabsTrigger 컴포넌트 / TabsTrigger component\n */\nconst TabsTrigger = React.forwardRef<HTMLButtonElement, TabsTriggerProps>(\n  ({ \n    className,\n    value,\n    onValueChange,\n    orientation: _orientation = \"horizontal\",\n    variant = \"default\",\n    size = \"md\",\n    active = false,\n    children,\n    ...props\n  }, ref) => {\n    const getVariantClasses = () => {\n      switch (variant) {\n        case \"pills\":\n          return merge(\n            \"inline-flex items-center justify-center whitespace-nowrap rounded-lg px-4 py-2.5 text-sm font-medium ring-offset-background transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50\",\n            active \n              ? \"bg-white dark:bg-gray-900 text-gray-900 dark:text-white shadow-md\" \n              : \"text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white hover:bg-gray-100 dark:hover:bg-gray-800\"\n          )\n        case \"underline\":\n          return merge(\n            \"inline-flex items-center justify-center whitespace-nowrap border-b-2 px-4 py-2.5 text-sm font-medium ring-offset-background transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50\",\n            active \n              ? \"border-blue-500 text-blue-600 dark:text-blue-400\" \n              : \"border-transparent text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white\"\n          )\n        case \"cards\":\n          return merge(\n            \"inline-flex items-center justify-center whitespace-nowrap rounded-lg px-4 py-2.5 text-sm font-medium ring-offset-background transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50\",\n            active \n              ? \"bg-white dark:bg-gray-900 text-gray-900 dark:text-white shadow-md\" \n              : \"text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white hover:bg-gray-100 dark:hover:bg-gray-800\"\n          )\n        default:\n          return merge(\n            \"inline-flex items-center justify-center whitespace-nowrap rounded-lg px-4 py-2.5 text-sm font-medium ring-offset-background transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50\",\n            active \n              ? \"bg-white dark:bg-gray-900 text-gray-900 dark:text-white shadow-md\" \n              : \"text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white hover:bg-gray-100 dark:hover:bg-gray-800\"\n          )\n      }\n    }\n\n    const getSizeClasses = () => {\n      switch (size) {\n        case \"sm\":\n          return \"h-10 px-4 py-2 text-xs\"\n        case \"lg\":\n          return \"h-14 px-6 py-3 text-base\"\n        default:\n          return \"h-12 px-5 py-2.5 text-sm\"\n      }\n    }\n\n    const handleClick = () => {\n      if (onValueChange) {\n        onValueChange(value)\n      }\n    }\n\n    return (\n      <button\n        ref={ref}\n        role=\"tab\"\n        aria-selected={active}\n        aria-controls={`tabpanel-${value}`}\n        id={`tab-${value}`}\n        data-tab-value={value}\n        tabIndex={active ? 0 : -1}\n        className={merge(\n          getVariantClasses(),\n          getSizeClasses(),\n          className\n        )}\n        onClick={handleClick}\n        type=\"button\"\n        {...props}\n      >\n        {children}\n      </button>\n    )\n  }\n)\nTabsTrigger.displayName = \"TabsTrigger\"\n\n// 편의 컴포넌트들\nconst TabsPills = React.forwardRef<HTMLDivElement, TabsProps>(\n  (props, ref) => <Tabs ref={ref} variant=\"pills\" {...props} />\n)\nTabsPills.displayName = \"TabsPills\"\n\nconst TabsUnderline = React.forwardRef<HTMLDivElement, TabsProps>(\n  (props, ref) => <Tabs ref={ref} variant=\"underline\" {...props} />\n)\nTabsUnderline.displayName = \"TabsUnderline\"\n\nconst TabsCards = React.forwardRef<HTMLDivElement, TabsProps>(\n  (props, ref) => <Tabs ref={ref} variant=\"cards\" {...props} />\n)\nTabsCards.displayName = \"TabsCards\"\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent, TabsPills, TabsUnderline, TabsCards } "]}

package/dist/chunk-6JWIMJDJ.mjs

@@ -1,2 +0,0 @@
-import {l}from'./chunk-36N7GXIA.mjs';import {a}from'./chunk-UUHAXGMO.mjs';import h from'react';import {jsxs,jsx}from'react/jsx-runtime';var y=h.forwardRef(({className:c,children:l$1,items:n,maxItems:i,showHomeIcon:r,homeLabel:s="Home",separator:u=jsx(l,{name:"chevronRight",className:"w-3 h-3 text-slate-400 dark:text-slate-500 flex-shrink-0"}),variant:N="default",...w},p)=>{let v={default:"inline-flex items-center text-sm w-fit",subtle:"inline-flex items-center text-xs bg-white/40 dark:bg-slate-800/40 backdrop-blur-md rounded-md px-3 py-2 border border-slate-200/30 dark:border-white/20 w-fit shadow-sm",transparent:"inline-flex items-center text-xs w-fit",glass:"inline-flex items-center text-xs bg-white/30 dark:bg-slate-800/30 backdrop-blur-lg rounded-lg px-4 py-2 border border-slate-200/25 dark:border-white/15 w-fit shadow-lg"},m=(()=>{if(n){let a=[...n];if(i&&a.length>i){let t=a[0],g=a.slice(-(i-1));a=[t,{label:"...",href:void 0},...g];}return a.map((t,g)=>{let B=g===a.length-1&&!t.href;return jsxs(b,{href:t.href,isCurrent:B,children:[t.icon&&jsx(l,{name:t.icon,className:"w-4 h-4 mr-1"}),t.label]},g)})}return l$1?h.Children.map(l$1,(a,t)=>h.isValidElement(a)?jsxs("li",{className:"flex items-center",children:[a,t<h.Children.count(l$1)-1&&jsx("span",{className:"mx-3 text-slate-400 dark:text-slate-500 flex items-center justify-center","aria-hidden":"true",children:u})]},t):a):null})(),L=n?n.length:l$1?h.Children.count(l$1):0;return jsx("nav",{ref:p,"aria-label":"Breadcrumb",className:a(v[N],c),...w,children:jsxs("ol",{className:"inline-flex items-center",children:[r&&jsxs("li",{className:"flex items-center",children:[jsxs(b,{href:"/",children:[jsx(l,{name:"home",className:"w-4 h-4 mr-1"}),s]}),L>0&&jsx("span",{className:"mx-3 text-slate-400 dark:text-slate-500 flex items-center justify-center","aria-hidden":"true",children:u})]}),n?m==null?void 0:m.map((a,t)=>jsxs("li",{className:"flex items-center",children:[a,t<((m==null?void 0:m.length)||0)-1&&jsx("span",{className:"mx-3 text-slate-400 dark:text-slate-500 flex items-center justify-center","aria-hidden":"true",children:u})]},t)):m]})})});y.displayName="Breadcrumb";var b=h.forwardRef(({className:c,href:l,isCurrent:n=false,children:i,...r},s)=>n?jsx("span",{ref:s,"aria-current":"page",className:a("text-slate-500 dark:text-slate-400 font-medium",c),...r,children:i}):l?jsx("a",{href:l,className:a("text-slate-400 hover:text-slate-600 dark:text-slate-500 dark:hover:text-slate-300 transition-colors",c),...r,children:i}):jsx("span",{ref:s,className:a("text-slate-400 dark:text-slate-500",c),...r,children:i}));b.displayName="BreadcrumbItem";var I=h.forwardRef(({className:c,title:l,description:n,children:i,prevPage:r,nextPage:s,breadcrumbItems:u=[{label:"Components",href:"/components"}],...N},w)=>jsxs("div",{className:"relative min-h-screen",children:[jsx("div",{className:"fixed right-4 top-4 z-50 hidden lg:block",children:jsx("div",{className:"flex flex-col space-y-4",children:r&&jsx("a",{href:r.href,className:"group p-3 bg-white/80 backdrop-blur-sm border border-slate-200 rounded-full shadow-lg hover:shadow-2xl hover:bg-white/90 active:scale-95 transition-all duration-200",title:`\uC774\uC804: ${r.title}`,children:jsx("svg",{className:"w-5 h-5 text-slate-600 group-hover:text-blue-600 group-active:text-blue-800 transition-colors",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M5 15l7-7 7 7"})})})})}),jsx("div",{className:"fixed right-4 bottom-4 z-50 hidden lg:block",children:jsx("div",{className:"flex flex-col space-y-4",children:s&&jsx("a",{href:s.href,className:"group p-3 bg-white/80 backdrop-blur-sm border border-slate-200 rounded-full shadow-lg hover:shadow-2xl hover:bg-white/90 active:scale-95 transition-all duration-200",title:`\uB2E4\uC74C: ${s.title}`,children:jsx("svg",{className:"w-5 h-5 text-slate-600 group-hover:text-blue-600 group-active:text-blue-800 transition-colors",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M19 9l-7 7-7-7"})})})})}),jsx("div",{ref:w,className:a("container mx-auto px-4 py-8",c),...N,children:jsxs("div",{className:"max-w-4xl mx-auto",children:[jsx(y,{className:"mb-6",children:u.map((p,v)=>jsx(b,{href:p.href,isCurrent:v===u.length-1,children:p.label},v))}),jsxs("div",{className:"mb-8",children:[jsx("h1",{className:"text-4xl font-bold mb-4",children:l}),jsx("p",{className:"text-lg text-slate-600 dark:text-slate-400",children:n})]}),jsx("div",{className:"space-y-8",children:i}),jsx("div",{className:"mt-12 lg:hidden",children:jsxs("div",{className:"flex items-center justify-between py-4 border-t border-slate-200 dark:border-slate-700",children:[r&&jsxs("a",{href:r.href,className:"flex items-center text-sm text-slate-600 hover:text-slate-900 dark:text-slate-400 dark:hover:text-slate-100 transition-colors",children:[jsx("svg",{className:"w-4 h-4 mr-2",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M15 19l-7-7 7-7"})}),r.title]}),s&&jsxs("a",{href:s.href,className:"flex items-center text-sm text-slate-600 hover:text-slate-900 dark:text-slate-400 dark:hover:text-slate-100 transition-colors",children:[s.title,jsx("svg",{className:"w-4 h-4 ml-2",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 5l7 7-7 7"})})]})]})})]})})]}));I.displayName="ComponentLayout";export{y as a,b,I as c};//# sourceMappingURL=chunk-6JWIMJDJ.mjs.map
-//# sourceMappingURL=chunk-6JWIMJDJ.mjs.map

package/dist/chunk-6JWIMJDJ.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Breadcrumb.tsx","../src/components/ComponentLayout.tsx"],"names":["Breadcrumb","React","className","children","items","maxItems","showHomeIcon","homeLabel","separator","jsx","Icon","variant","props","ref","variantStyles","renderedItems","displayItems","firstItem","lastItems","item","index","isCurrent","jsxs","BreadcrumbItem","child","itemsCount","merge","href","ComponentLayout","title","description","prevPage","nextPage","breadcrumbItems"],"mappings":"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","file":"chunk-6JWIMJDJ.mjs","sourcesContent":["\"use client\"\n\nimport React from \"react\"\nimport { merge } from \"../lib/utils\"\nimport { Icon } from \"./Icon\"\nimport type { IconName } from \"../lib/icons\"\n\n/**\n * Breadcrumb 항목 타입 / Breadcrumb item type\n */\nexport interface BreadcrumbItemData {\n  label: string\n  href?: string\n  icon?: IconName\n}\n\n/**\n * Breadcrumb 컴포넌트의 props / Breadcrumb component props\n * @typedef {Object} BreadcrumbProps\n * @property {React.ReactNode} [children] - BreadcrumbItem 컴포넌트들 / BreadcrumbItem components\n * @property {BreadcrumbItemData[]} [items] - Breadcrumb 항목 배열 (children 대신 사용 가능) / Breadcrumb items array (alternative to children)\n * @property {number} [maxItems] - 최대 표시할 항목 수 (긴 경로 처리) / Maximum number of items to display (for long paths)\n * @property {boolean} [showHomeIcon] - 홈 아이콘 표시 여부 / Show home icon\n * @property {string} [homeLabel] - 홈 라벨 (기본: \"Home\") / Home label (default: \"Home\")\n * @property {React.ReactNode} [separator] - 항목 사이 구분자 (기본: chevronRight 아이콘) / Separator between items (default: chevronRight icon)\n * @property {'default' | 'subtle' | 'transparent' | 'glass'} [variant='default'] - Breadcrumb 스타일 변형 / Breadcrumb style variant\n * @extends {React.HTMLAttributes<HTMLDivElement>}\n */\nexport interface BreadcrumbProps extends React.HTMLAttributes<HTMLDivElement> {\n  children?: React.ReactNode\n  items?: BreadcrumbItemData[]\n  maxItems?: number\n  showHomeIcon?: boolean\n  homeLabel?: string\n  separator?: React.ReactNode\n  variant?: 'default' | 'subtle' | 'transparent' | 'glass'\n}\n\n/**\n * BreadcrumbItem 컴포넌트의 props / BreadcrumbItem component props\n * @typedef {Object} BreadcrumbItemProps\n * @property {string} [href] - 링크 URL (없으면 일반 텍스트) / Link URL (plain text if not provided)\n * @property {boolean} [isCurrent=false] - 현재 페이지 여부 / Current page indicator\n * @property {React.ReactNode} children - 항목 텍스트 / Item text\n * @property {string} [className] - 추가 CSS 클래스 / Additional CSS class\n */\nexport interface BreadcrumbItemProps {\n  href?: string\n  isCurrent?: boolean\n  children: React.ReactNode\n  className?: string\n}\n\n/**\n * Breadcrumb 컴포넌트 / Breadcrumb component\n * \n * 네비게이션 경로를 표시하는 breadcrumb 컴포넌트입니다.\n * 현재 위치와 경로를 시각적으로 표현합니다.\n * \n * Breadcrumb component for displaying navigation paths.\n * Visually represents current location and path.\n * \n * @component\n * @example\n * // 기본 사용 / Basic usage\n * <Breadcrumb>\n *   <BreadcrumbItem href=\"/\">홈</BreadcrumbItem>\n *   <BreadcrumbItem href=\"/products\">상품</BreadcrumbItem>\n *   <BreadcrumbItem isCurrent>상세</BreadcrumbItem>\n * </Breadcrumb>\n * \n * @example\n * // 커스텀 구분자 / Custom separator\n * <Breadcrumb separator={<span>/</span>}>\n *   <BreadcrumbItem href=\"/\">홈</BreadcrumbItem>\n *   <BreadcrumbItem isCurrent>현재</BreadcrumbItem>\n * </Breadcrumb>\n * \n * @param {BreadcrumbProps} props - Breadcrumb 컴포넌트의 props / Breadcrumb component props\n * @param {React.Ref<HTMLDivElement>} ref - nav 요소 ref / nav element ref\n * @returns {JSX.Element} Breadcrumb 컴포넌트 / Breadcrumb component\n */\nconst Breadcrumb = React.forwardRef<HTMLDivElement, BreadcrumbProps>(\n  ({ \n    className, \n    children, \n    items,\n    maxItems,\n    showHomeIcon,\n    homeLabel = \"Home\",\n    separator = <Icon name=\"chevronRight\" className=\"w-3 h-3 text-slate-400 dark:text-slate-500 flex-shrink-0\" />, \n    variant = 'default', \n    ...props \n  }, ref) => {\n    const variantStyles = {\n      default: \"inline-flex items-center text-sm w-fit\",\n      subtle: \"inline-flex items-center text-xs bg-white/40 dark:bg-slate-800/40 backdrop-blur-md rounded-md px-3 py-2 border border-slate-200/30 dark:border-white/20 w-fit shadow-sm\",\n      transparent: \"inline-flex items-center text-xs w-fit\",\n      glass: \"inline-flex items-center text-xs bg-white/30 dark:bg-slate-800/30 backdrop-blur-lg rounded-lg px-4 py-2 border border-slate-200/25 dark:border-white/15 w-fit shadow-lg\"\n    }\n    \n    // items prop이 있으면 BreadcrumbItem으로 변환\n    const renderItems = () => {\n      if (items) {\n        let displayItems = [...items]\n        \n        // maxItems 처리\n        if (maxItems && displayItems.length > maxItems) {\n          const firstItem = displayItems[0]\n          const lastItems = displayItems.slice(-(maxItems - 1))\n          displayItems = [firstItem, { label: '...', href: undefined }, ...lastItems]\n        }\n        \n        // 마지막 항목은 isCurrent로 표시\n        return displayItems.map((item, index) => {\n          const isLast = index === displayItems.length - 1\n          const isCurrent = isLast && !item.href\n          \n          return (\n            <BreadcrumbItem\n              key={index}\n              href={item.href}\n              isCurrent={isCurrent}\n            >\n              {item.icon && (\n                <Icon name={item.icon} className=\"w-4 h-4 mr-1\" />\n              )}\n              {item.label}\n            </BreadcrumbItem>\n          )\n        })\n      }\n      \n      // children이 있으면 그대로 사용\n      if (children) {\n        return React.Children.map(children, (child, index) => {\n          if (React.isValidElement(child)) {\n            return (\n              <li key={index} className=\"flex items-center\">\n                {child}\n                {index < React.Children.count(children) - 1 && (\n                  <span className=\"mx-3 text-slate-400 dark:text-slate-500 flex items-center justify-center\" aria-hidden=\"true\">\n                    {separator}\n                  </span>\n                )}\n              </li>\n            )\n          }\n          return child\n        })\n      }\n      \n      return null\n    }\n    \n    const renderedItems = renderItems()\n    const itemsCount = items ? items.length : (children ? React.Children.count(children) : 0)\n    \n    return (\n      <nav\n        ref={ref}\n        aria-label=\"Breadcrumb\"\n        className={merge(variantStyles[variant], className)}\n        {...props}\n      >\n        <ol className=\"inline-flex items-center\">\n          {showHomeIcon && (\n            <li className=\"flex items-center\">\n              <BreadcrumbItem href=\"/\">\n                <Icon name=\"home\" className=\"w-4 h-4 mr-1\" />\n                {homeLabel}\n              </BreadcrumbItem>\n              {itemsCount > 0 && (\n                <span className=\"mx-3 text-slate-400 dark:text-slate-500 flex items-center justify-center\" aria-hidden=\"true\">\n                  {separator}\n                </span>\n              )}\n            </li>\n          )}\n          {items ? (\n            renderedItems?.map((item, index) => (\n              <li key={index} className=\"flex items-center\">\n                {item}\n                {index < (renderedItems?.length || 0) - 1 && (\n                  <span className=\"mx-3 text-slate-400 dark:text-slate-500 flex items-center justify-center\" aria-hidden=\"true\">\n                    {separator}\n                  </span>\n                )}\n              </li>\n            ))\n          ) : (\n            renderedItems\n          )}\n        </ol>\n      </nav>\n    )\n  }\n)\nBreadcrumb.displayName = \"Breadcrumb\"\n\n/**\n * BreadcrumbItem 컴포넌트\n * Breadcrumb의 개별 항목을 표시합니다.\n * \n * @component\n * @param {BreadcrumbItemProps} props - BreadcrumbItem 컴포넌트의 props\n * @param {React.Ref<HTMLLIElement>} ref - li 요소 ref\n * @returns {JSX.Element} BreadcrumbItem 컴포넌트\n */\nconst BreadcrumbItem = React.forwardRef<HTMLLIElement, BreadcrumbItemProps>(\n  ({ className, href, isCurrent = false, children, ...props }, ref) => {\n    if (isCurrent) {\n      return (\n        <span\n          ref={ref}\n          aria-current=\"page\"\n          className={merge(\n            \"text-slate-500 dark:text-slate-400 font-medium\",\n            className\n          )}\n          {...props}\n        >\n          {children}\n        </span>\n      )\n    }\n\n    if (href) {\n      return (\n        <a\n          href={href}\n          className={merge(\n            \"text-slate-400 hover:text-slate-600 dark:text-slate-500 dark:hover:text-slate-300 transition-colors\",\n            className\n          )}\n          {...props}\n        >\n          {children}\n        </a>\n      )\n    }\n\n    return (\n      <span\n        ref={ref}\n        className={merge(\n          \"text-slate-400 dark:text-slate-500\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n      </span>\n    )\n  }\n)\nBreadcrumbItem.displayName = \"BreadcrumbItem\"\n\nexport { Breadcrumb, BreadcrumbItem } ","\"use client\"\n\nimport React from \"react\"\nimport { merge } from \"../lib/utils\"\nimport { Breadcrumb, BreadcrumbItem } from \"./Breadcrumb\"\n\n/**\n * ComponentLayout 컴포넌트의 props / ComponentLayout component props\n * @typedef {Object} ComponentLayoutProps\n * @property {string} title - 페이지 제목 / Page title\n * @property {string} description - 페이지 설명 / Page description\n * @property {React.ReactNode} children - 페이지 내용 / Page content\n * @property {Object} [prevPage] - 이전 페이지 정보 / Previous page information\n * @property {string} prevPage.title - 이전 페이지 제목 / Previous page title\n * @property {string} prevPage.href - 이전 페이지 링크 / Previous page link\n * @property {Object} [nextPage] - 다음 페이지 정보 / Next page information\n * @property {string} nextPage.title - 다음 페이지 제목 / Next page title\n * @property {string} nextPage.href - 다음 페이지 링크 / Next page link\n * @property {Array<Object>} [breadcrumbItems] - Breadcrumb 항목들 / Breadcrumb items\n * @property {string} breadcrumbItems[].label - Breadcrumb 라벨 / Breadcrumb label\n * @property {string} [breadcrumbItems[].href] - Breadcrumb 링크 / Breadcrumb link\n * @extends {React.HTMLAttributes<HTMLDivElement>}\n */\nexport interface ComponentLayoutProps extends React.HTMLAttributes<HTMLDivElement> {\n  title: string\n  description: string\n  children: React.ReactNode\n  prevPage?: {\n    title: string\n    href: string\n  }\n  nextPage?: {\n    title: string\n    href: string\n  }\n  breadcrumbItems?: Array<{\n    label: string\n    href?: string\n  }>\n}\n\n/**\n * ComponentLayout 컴포넌트 / ComponentLayout component\n * \n * 컴포넌트 문서 페이지 레이아웃을 제공하는 컴포넌트입니다.\n * 제목, 설명, Breadcrumb, 이전/다음 페이지 네비게이션을 포함합니다.\n * \n * Component that provides layout for component documentation pages.\n * Includes title, description, Breadcrumb, and previous/next page navigation.\n * \n * @component\n * @example\n * // 기본 사용 / Basic usage\n * <ComponentLayout\n *   title=\"Button 컴포넌트\"\n *   description=\"버튼 컴포넌트 사용법\"\n * >\n *   <Button>예제</Button>\n * </ComponentLayout>\n * \n * @example\n * // 이전/다음 페이지 네비게이션 포함 / With previous/next page navigation\n * <ComponentLayout\n *   title=\"Input 컴포넌트\"\n *   description=\"입력 컴포넌트 사용법\"\n *   prevPage={{ title: \"Button\", href: \"/components/button\" }}\n *   nextPage={{ title: \"Select\", href: \"/components/select\" }}\n * >\n *   <Input placeholder=\"입력하세요\" />\n * </ComponentLayout>\n * \n * @param {ComponentLayoutProps} props - ComponentLayout 컴포넌트의 props / ComponentLayout component props\n * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref\n * @returns {JSX.Element} ComponentLayout 컴포넌트 / ComponentLayout component\n */\nconst ComponentLayout = React.forwardRef<HTMLDivElement, ComponentLayoutProps>(\n  ({ \n    className, \n    title, \n    description, \n    children, \n    prevPage, \n    nextPage,\n    breadcrumbItems = [\n      { label: \"Components\", href: \"/components\" }\n    ],\n    ...props \n  }, ref) => {\n    return (\n      <div className=\"relative min-h-screen\">\n        {/* 고정된 페이지 네비게이션 - 위쪽 */}\n        <div className=\"fixed right-4 top-4 z-50 hidden lg:block\">\n          <div className=\"flex flex-col space-y-4\">\n            {prevPage && (\n                              <a\n                  href={prevPage.href}\n                  className=\"group p-3 bg-white/80 backdrop-blur-sm border border-slate-200 rounded-full shadow-lg hover:shadow-2xl hover:bg-white/90 active:scale-95 transition-all duration-200\"\n                  title={`이전: ${prevPage.title}`}\n                >\n                  <svg \n                    className=\"w-5 h-5 text-slate-600 group-hover:text-blue-600 group-active:text-blue-800 transition-colors\" \n                    fill=\"none\" \n                    stroke=\"currentColor\" \n                    viewBox=\"0 0 24 24\"\n                  >\n                    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M5 15l7-7 7 7\" />\n                  </svg>\n                </a>\n            )}\n          </div>\n        </div>\n\n        {/* 고정된 페이지 네비게이션 - 아래쪽 */}\n        <div className=\"fixed right-4 bottom-4 z-50 hidden lg:block\">\n          <div className=\"flex flex-col space-y-4\">\n            {nextPage && (\n                              <a\n                  href={nextPage.href}\n                  className=\"group p-3 bg-white/80 backdrop-blur-sm border border-slate-200 rounded-full shadow-lg hover:shadow-2xl hover:bg-white/90 active:scale-95 transition-all duration-200\"\n                  title={`다음: ${nextPage.title}`}\n                >\n                  <svg \n                    className=\"w-5 h-5 text-slate-600 group-hover:text-blue-600 group-active:text-blue-800 transition-colors\" \n                    fill=\"none\" \n                    stroke=\"currentColor\" \n                    viewBox=\"0 0 24 24\"\n                  >\n                    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M19 9l-7 7-7-7\" />\n                  </svg>\n                </a>\n            )}\n          </div>\n        </div>\n\n        {/* 메인 콘텐츠 */}\n        <div\n          ref={ref}\n          className={merge(\"container mx-auto px-4 py-8\", className)}\n          {...props}\n        >\n          <div className=\"max-w-4xl mx-auto\">\n            {/* 브레드크럼 */}\n            <Breadcrumb className=\"mb-6\">\n              {breadcrumbItems.map((item, index) => (\n                <BreadcrumbItem \n                  key={index}\n                  href={item.href}\n                  isCurrent={index === breadcrumbItems.length - 1}\n                >\n                  {item.label}\n                </BreadcrumbItem>\n              ))}\n            </Breadcrumb>\n\n            {/* 페이지 헤더 */}\n            <div className=\"mb-8\">\n              <h1 className=\"text-4xl font-bold mb-4\">{title}</h1>\n              <p className=\"text-lg text-slate-600 dark:text-slate-400\">\n                {description}\n              </p>\n            </div>\n\n            {/* 페이지 콘텐츠 */}\n            <div className=\"space-y-8\">\n              {children}\n            </div>\n\n            {/* 모바일 페이지 네비게이션 */}\n            <div className=\"mt-12 lg:hidden\">\n              <div className=\"flex items-center justify-between py-4 border-t border-slate-200 dark:border-slate-700\">\n                {prevPage && (\n                  <a\n                    href={prevPage.href}\n                    className=\"flex items-center text-sm text-slate-600 hover:text-slate-900 dark:text-slate-400 dark:hover:text-slate-100 transition-colors\"\n                  >\n                    <svg className=\"w-4 h-4 mr-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M15 19l-7-7 7-7\" />\n                    </svg>\n                    {prevPage.title}\n                  </a>\n                )}\n                {nextPage && (\n                  <a\n                    href={nextPage.href}\n                    className=\"flex items-center text-sm text-slate-600 hover:text-slate-900 dark:text-slate-400 dark:hover:text-slate-100 transition-colors\"\n                  >\n                    {nextPage.title}\n                    <svg className=\"w-4 h-4 ml-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M9 5l7 7-7 7\" />\n                    </svg>\n                  </a>\n                )}\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    )\n  }\n)\nComponentLayout.displayName = \"ComponentLayout\"\n\nexport { ComponentLayout } "]}

package/dist/chunk-7QQMY5I2.mjs

@@ -1,2 +0,0 @@
-import {l}from'./chunk-36N7GXIA.mjs';import {a}from'./chunk-UUHAXGMO.mjs';import f,{useState,useEffect}from'react';import {jsxs,jsx}from'react/jsx-runtime';var M=f.forwardRef(({className:t,prevPage:e,nextPage:i,showOnMobile:o=false,...n},m)=>!e&&!i?null:jsxs("div",{ref:m,className:a("flex items-center justify-between py-4",!o&&"hidden md:flex",t),...n,children:[jsx("div",{className:"flex-1",children:e&&jsxs("a",{href:e.href,className:"group inline-flex items-center text-sm text-slate-600 hover:text-slate-900 dark:text-slate-400 dark:hover:text-slate-100 transition-colors",children:[jsx(l,{name:"chevronLeft",className:"w-4 h-4 mr-2 transition-transform group-hover:-translate-x-1"}),jsx("span",{className:"hidden sm:inline",children:e.title})]})}),jsx("div",{className:"flex-1 flex justify-end",children:i&&jsxs("a",{href:i.href,className:"group inline-flex items-center text-sm text-slate-600 hover:text-slate-900 dark:text-slate-400 dark:hover:text-slate-100 transition-colors",children:[jsx("span",{className:"hidden sm:inline mr-2",children:i.title}),jsx(l,{name:"chevronRight",className:"w-4 h-4 transition-transform group-hover:translate-x-1"})]})})]}));M.displayName="PageNavigation";function h({className:t,size:e="md",variant:i="default",text:o,color:n="default"}){let m={sm:"w-6 h-6",md:"w-8 h-8",lg:"w-12 h-12",xl:"w-16 h-16"},s={default:"border-gray-300 border-t-gray-600 dark:border-gray-600 dark:border-t-gray-300",primary:"border-blue-300 border-t-blue-600 dark:border-blue-600 dark:border-t-blue-300",secondary:"border-gray-300 border-t-gray-600 dark:border-gray-600 dark:border-t-gray-300",success:"border-green-300 border-t-green-600 dark:border-green-600 dark:border-t-green-300",warning:"border-yellow-300 border-t-yellow-600 dark:border-yellow-600 dark:border-t-yellow-300",error:"border-red-300 border-t-red-600 dark:border-red-600 dark:border-t-red-300",glass:"border-white/30 border-t-white/50 dark:border-slate-600/50 dark:border-t-slate-400/50"},d=()=>{switch(i){case "dots":return jsxs("div",{className:"flex space-x-1",children:[jsx("div",{className:"w-2 h-2 bg-current rounded-full animate-bounce"}),jsx("div",{className:"w-2 h-2 bg-current rounded-full animate-bounce delay-100"}),jsx("div",{className:"w-2 h-2 bg-current rounded-full animate-bounce delay-200"})]});case "bars":return jsxs("div",{className:"flex space-x-1 h-full items-end",children:[jsx("div",{className:"w-1 bg-current animate-pulse",style:{height:"60%"}}),jsx("div",{className:"w-1 bg-current animate-pulse delay-100",style:{height:"80%"}}),jsx("div",{className:"w-1 bg-current animate-pulse delay-200",style:{height:"40%"}}),jsx("div",{className:"w-1 bg-current animate-pulse delay-300",style:{height:"100%"}}),jsx("div",{className:"w-1 bg-current animate-pulse delay-500",style:{height:"70%"}})]});case "ring":return jsx("div",{className:a("animate-spin rounded-full border-2",s[n]||s.default)});case "ripple":return jsxs("div",{className:"relative",children:[jsx("div",{className:a("absolute inset-0 rounded-full border-2 animate-ping",s[n]||s.default)}),jsx("div",{className:a("rounded-full border-2",s[n]||s.default)})]});default:return jsx("div",{className:a("animate-spin rounded-full border-2",s[n]||s.default)})}};return jsxs("div",{className:a("flex flex-col items-center justify-center",t),children:[jsx("div",{className:a(m[e],"text-gray-600 dark:text-gray-400"),children:d()}),o&&jsx("p",{className:"mt-3 text-sm text-gray-600 dark:text-gray-400 text-center",children:o})]})}var u=f.forwardRef(({children:t,className:e,duration:i=300,variant:o="fade",loadingVariant:n="ripple",loadingText:m="\uD398\uC774\uC9C0 \uB85C\uB529 \uC911...",showLoading:s=true,onTransitionStart:d,onTransitionEnd:p},N)=>{let[w,k]=useState(true),[g,T]=useState(false);useEffect(()=>{let L=setTimeout(()=>{k(false),T(true),p==null||p();},i);return d==null||d(),()=>clearTimeout(L)},[i,d,p]);let P={fade:a("transition-opacity duration-300 ease-in-out",g?"opacity-100":"opacity-0"),slide:a("transition-transform duration-300 ease-in-out",g?"translate-x-0":"translate-x-full"),scale:a("transition-all duration-300 ease-in-out",g?"scale-100 opacity-100":"scale-95 opacity-0"),flip:a("transition-all duration-500 ease-in-out",g?"rotate-y-0 opacity-100":"rotate-y-90 opacity-0")};return w&&s?jsx("div",{className:a("flex flex-col items-center justify-center min-h-screen bg-gradient-to-br from-blue-50 to-purple-50 dark:from-slate-900 dark:to-slate-800",e),children:jsx(h,{size:"lg",variant:n,text:m})}):jsx("div",{ref:N,className:a("w-full",P[o],e),style:{transitionDuration:`${i}ms`},children:t})});u.displayName="PageTransition";var H=f.forwardRef((t,e)=>jsx(u,{ref:e,variant:"fade",...t})),S=f.forwardRef((t,e)=>jsx(u,{ref:e,variant:"slide",...t})),O=f.forwardRef((t,e)=>jsx(u,{ref:e,variant:"scale",...t})),E=f.forwardRef((t,e)=>jsx(u,{ref:e,variant:"flip",...t}));H.displayName="FadeTransition";S.displayName="SlideTransition";O.displayName="ScaleTransition";E.displayName="FlipTransition";export{M as a,h as b,u as c};//# sourceMappingURL=chunk-7QQMY5I2.mjs.map
-//# sourceMappingURL=chunk-7QQMY5I2.mjs.map

package/dist/chunk-7QQMY5I2.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/PageNavigation.tsx","../src/components/LoadingSpinner.tsx","../src/components/PageTransition.tsx"],"names":["PageNavigation","React","className","prevPage","nextPage","showOnMobile","props","ref","jsxs","merge","jsx","Icon","LoadingSpinner","size","variant","text","color","sizeClasses","spinnerColors","renderSpinner","PageTransition","children","duration","loadingVariant","loadingText","showLoading","onTransitionStart","onTransitionEnd","isLoading","setIsLoading","useState","isVisible","setIsVisible","useEffect","timer","transitionClasses","FadeTransition","SlideTransition","ScaleTransition","FlipTransition"],"mappings":"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","file":"chunk-7QQMY5I2.mjs","sourcesContent":["\"use client\"\n\nimport React from \"react\"\nimport { merge } from \"../lib/utils\"\nimport { Icon } from \"./Icon\"\n\n/**\n * PageNavigation 컴포넌트의 props / PageNavigation component props\n * @typedef {Object} PageNavigationProps\n * @property {Object} [prevPage] - 이전 페이지 정보 / Previous page information\n * @property {string} prevPage.title - 이전 페이지 제목 / Previous page title\n * @property {string} prevPage.href - 이전 페이지 링크 / Previous page link\n * @property {Object} [nextPage] - 다음 페이지 정보 / Next page information\n * @property {string} nextPage.title - 다음 페이지 제목 / Next page title\n * @property {string} nextPage.href - 다음 페이지 링크 / Next page link\n * @property {boolean} [showOnMobile=false] - 모바일에서 표시 여부 / Show on mobile\n * @extends {React.HTMLAttributes<HTMLDivElement>}\n */\nexport interface PageNavigationProps extends React.HTMLAttributes<HTMLDivElement> {\n  prevPage?: {\n    title: string\n    href: string\n  }\n  nextPage?: {\n    title: string\n    href: string\n  }\n  showOnMobile?: boolean\n}\n\n/**\n * PageNavigation 컴포넌트 / PageNavigation component\n * \n * 이전/다음 페이지로 이동하는 네비게이션 컴포넌트입니다.\n * 문서 페이지나 가이드 페이지에서 사용하기 적합합니다.\n * \n * Navigation component for moving to previous/next pages.\n * Suitable for documentation or guide pages.\n * \n * @component\n * @example\n * // 기본 사용 / Basic usage\n * <PageNavigation\n *   prevPage={{ title: \"이전 페이지\", href: \"/prev\" }}\n *   nextPage={{ title: \"다음 페이지\", href: \"/next\" }}\n * />\n * \n * @param {PageNavigationProps} props - PageNavigation 컴포넌트의 props / PageNavigation component props\n * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref\n * @returns {JSX.Element} PageNavigation 컴포넌트 / PageNavigation component\n */\nconst PageNavigation = React.forwardRef<HTMLDivElement, PageNavigationProps>(\n  ({ \n    className, \n    prevPage, \n    nextPage, \n    showOnMobile = false,\n    ...props \n  }, ref) => {\n    if (!prevPage && !nextPage) {\n      return null\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={merge(\n          \"flex items-center justify-between py-4\",\n          !showOnMobile && \"hidden md:flex\",\n          className\n        )}\n        {...props}\n      >\n        {/* 이전 페이지 */}\n        <div className=\"flex-1\">\n          {prevPage && (\n            <a\n              href={prevPage.href}\n              className=\"group inline-flex items-center text-sm text-slate-600 hover:text-slate-900 dark:text-slate-400 dark:hover:text-slate-100 transition-colors\"\n            >\n              <Icon \n                name=\"chevronLeft\" \n                className=\"w-4 h-4 mr-2 transition-transform group-hover:-translate-x-1\" \n              />\n              <span className=\"hidden sm:inline\">{prevPage.title}</span>\n            </a>\n          )}\n        </div>\n\n        {/* 다음 페이지 */}\n        <div className=\"flex-1 flex justify-end\">\n          {nextPage && (\n            <a\n              href={nextPage.href}\n              className=\"group inline-flex items-center text-sm text-slate-600 hover:text-slate-900 dark:text-slate-400 dark:hover:text-slate-100 transition-colors\"\n            >\n              <span className=\"hidden sm:inline mr-2\">{nextPage.title}</span>\n              <Icon \n                name=\"chevronRight\" \n                className=\"w-4 h-4 transition-transform group-hover:translate-x-1\" \n              />\n            </a>\n          )}\n        </div>\n      </div>\n    )\n  }\n)\nPageNavigation.displayName = \"PageNavigation\"\n\nexport { PageNavigation } ","\"use client\"\n\nimport React from \"react\"\nimport { merge } from \"../lib/utils\"\n\n/**\n * LoadingSpinner 컴포넌트의 props / LoadingSpinner component props\n * @typedef {Object} LoadingSpinnerProps\n * @property {\"sm\" | \"md\" | \"lg\" | \"xl\"} [size=\"md\"] - Spinner 크기 / Spinner size\n * @property {\"default\" | \"dots\" | \"bars\" | \"ring\" | \"ripple\"} [variant=\"default\"] - Spinner 애니메이션 타입 / Spinner animation type\n * @property {string} [text] - Spinner 아래 표시할 텍스트 / Text to display below spinner\n * @property {\"default\" | \"primary\" | \"secondary\" | \"success\" | \"warning\" | \"error\" | \"glass\"} [color=\"default\"] - Spinner 색상 / Spinner color\n * @property {string} [className] - 추가 CSS 클래스 / Additional CSS class\n */\nexport interface LoadingSpinnerProps {\n  size?: \"sm\" | \"md\" | \"lg\" | \"xl\"\n  variant?: \"default\" | \"dots\" | \"bars\" | \"ring\" | \"ripple\"\n  text?: string\n  color?: \"default\" | \"primary\" | \"secondary\" | \"success\" | \"warning\" | \"error\" | \"glass\"\n  className?: string\n}\n\n/**\n * LoadingSpinner 컴포넌트 / LoadingSpinner component\n * \n * 로딩 상태를 표시하는 스피너 컴포넌트입니다.\n * 다양한 애니메이션 타입과 크기를 지원합니다.\n * \n * Spinner component that displays loading state.\n * Supports various animation types and sizes.\n * \n * @component\n * @example\n * // 기본 사용 / Basic usage\n * <LoadingSpinner />\n * \n * @example\n * // 텍스트와 함께 / With text\n * <LoadingSpinner \n *   text=\"로딩 중...\"\n *   size=\"lg\"\n *   color=\"primary\"\n * />\n * \n * @example\n * // 다양한 애니메이션 / Various animations\n * <LoadingSpinner variant=\"dots\" />\n * <LoadingSpinner variant=\"bars\" color=\"success\" />\n * <LoadingSpinner variant=\"ripple\" size=\"xl\" />\n * \n * @param {LoadingSpinnerProps} props - LoadingSpinner 컴포넌트의 props / LoadingSpinner component props\n * @returns {JSX.Element} LoadingSpinner 컴포넌트 / LoadingSpinner component\n */\nexport function LoadingSpinner({ \n  className, \n  size = \"md\", \n  variant = \"default\", \n  text, \n  color = \"default\" \n}: LoadingSpinnerProps) {\n  const sizeClasses = {\n    sm: \"w-6 h-6\", // 24px - 더 넉넉한 크기\n    md: \"w-8 h-8\", // 32px - 더 넉넉한 크기\n    lg: \"w-12 h-12\", // 48px - 더 넉넉한 크기\n    xl: \"w-16 h-16\" // 64px - 더 넉넉한 크기\n  }\n\n  // LoadingSpinner는 border 색상을 사용하므로 특화 색상 시스템 사용\n  const spinnerColors: Record<string, string> = {\n    default: \"border-gray-300 border-t-gray-600 dark:border-gray-600 dark:border-t-gray-300\",\n    primary: \"border-blue-300 border-t-blue-600 dark:border-blue-600 dark:border-t-blue-300\",\n    secondary: \"border-gray-300 border-t-gray-600 dark:border-gray-600 dark:border-t-gray-300\",\n    success: \"border-green-300 border-t-green-600 dark:border-green-600 dark:border-t-green-300\",\n    warning: \"border-yellow-300 border-t-yellow-600 dark:border-yellow-600 dark:border-t-yellow-300\",\n    error: \"border-red-300 border-t-red-600 dark:border-red-600 dark:border-t-red-300\",\n    glass: \"border-white/30 border-t-white/50 dark:border-slate-600/50 dark:border-t-slate-400/50\"\n  }\n\n  const renderSpinner = () => {\n    switch (variant) {\n      case \"dots\":\n        return (\n          <div className=\"flex space-x-1\">\n            <div className=\"w-2 h-2 bg-current rounded-full animate-bounce\" />\n            <div className=\"w-2 h-2 bg-current rounded-full animate-bounce delay-100\" />\n            <div className=\"w-2 h-2 bg-current rounded-full animate-bounce delay-200\" />\n          </div>\n        )\n      case \"bars\":\n        return (\n          <div className=\"flex space-x-1 h-full items-end\">\n            <div className=\"w-1 bg-current animate-pulse\" style={{ height: '60%' }} />\n            <div className=\"w-1 bg-current animate-pulse delay-100\" style={{ height: '80%' }} />\n            <div className=\"w-1 bg-current animate-pulse delay-200\" style={{ height: '40%' }} />\n            <div className=\"w-1 bg-current animate-pulse delay-300\" style={{ height: '100%' }} />\n            <div className=\"w-1 bg-current animate-pulse delay-500\" style={{ height: '70%' }} />\n          </div>\n        )\n      case \"ring\":\n        return (\n          <div className={merge(\n            \"animate-spin rounded-full border-2\",\n            spinnerColors[color] || spinnerColors.default\n          )} />\n        )\n      case \"ripple\":\n        return (\n          <div className=\"relative\">\n            <div className={merge(\n              \"absolute inset-0 rounded-full border-2 animate-ping\",\n              spinnerColors[color] || spinnerColors.default\n            )} />\n            <div className={merge(\n              \"rounded-full border-2\",\n              spinnerColors[color] || spinnerColors.default\n            )} />\n          </div>\n        )\n      default:\n        return (\n          <div className={merge(\n            \"animate-spin rounded-full border-2\",\n            spinnerColors[color] || spinnerColors.default\n          )} />\n        )\n    }\n  }\n\n  return (\n    <div className={merge(\"flex flex-col items-center justify-center\", className)}>\n      <div className={merge(sizeClasses[size], \"text-gray-600 dark:text-gray-400\")}>\n        {renderSpinner()}\n      </div>\n      {text && (\n        <p className=\"mt-3 text-sm text-gray-600 dark:text-gray-400 text-center\">\n          {text}\n        </p>\n      )}\n    </div>\n  )\n} ","'use client'\n\nimport React, { useState, useEffect } from 'react'\nimport { merge } from '../lib/utils'\nimport { LoadingSpinner } from './LoadingSpinner'\n\n/**\n * PageTransition 컴포넌트의 props / PageTransition component props\n * @typedef {Object} PageTransitionProps\n * @property {React.ReactNode} children - 페이지 내용 / Page content\n * @property {string} [className] - 추가 CSS 클래스 / Additional CSS class\n * @property {number} [duration=300] - 전환 지속 시간 (ms) / Transition duration (ms)\n * @property {'fade' | 'slide' | 'scale' | 'flip'} [variant='fade'] - 전환 애니메이션 타입 / Transition animation type\n * @property {'default' | 'dots' | 'bars' | 'ring' | 'ripple'} [loadingVariant='ripple'] - 로딩 스피너 타입 / Loading spinner type\n * @property {string} [loadingText='페이지 로딩 중...'] - 로딩 텍스트 / Loading text\n * @property {boolean} [showLoading=true] - 로딩 표시 여부 / Show loading\n * @property {() => void} [onTransitionStart] - 전환 시작 콜백 / Transition start callback\n * @property {() => void} [onTransitionEnd] - 전환 종료 콜백 / Transition end callback\n */\nexport interface PageTransitionProps {\n  children: React.ReactNode\n  className?: string\n  duration?: number\n  variant?: 'fade' | 'slide' | 'scale' | 'flip'\n  loadingVariant?: 'default' | 'dots' | 'bars' | 'ring' | 'ripple'\n  loadingText?: string\n  showLoading?: boolean\n  onTransitionStart?: () => void\n  onTransitionEnd?: () => void\n}\n\n/**\n * PageTransition 컴포넌트 / PageTransition component\n * \n * 페이지 전환 애니메이션을 제공하는 컴포넌트입니다.\n * 다양한 전환 효과와 로딩 스피너를 지원합니다.\n * \n * Component that provides page transition animations.\n * Supports various transition effects and loading spinners.\n * \n * @component\n * @example\n * // 기본 사용 / Basic usage\n * <PageTransition>\n *   <div>페이지 내용</div>\n * </PageTransition>\n * \n * @example\n * // Slide 전환 / Slide transition\n * <PageTransition\n *   variant=\"slide\"\n *   duration={500}\n *   loadingVariant=\"dots\"\n * >\n *   <div>페이지 내용</div>\n * </PageTransition>\n * \n * @param {PageTransitionProps} props - PageTransition 컴포넌트의 props / PageTransition component props\n * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref\n * @returns {JSX.Element} PageTransition 컴포넌트 / PageTransition component\n */\nexport const PageTransition = React.forwardRef<HTMLDivElement, PageTransitionProps>(({\n  children,\n  className,\n  duration = 300,\n  variant = 'fade',\n  loadingVariant = 'ripple',\n  loadingText = '페이지 로딩 중...',\n  showLoading = true,\n  onTransitionStart,\n  onTransitionEnd\n}, ref) => {\n  const [isLoading, setIsLoading] = useState(true)\n  const [isVisible, setIsVisible] = useState(false)\n\n  useEffect(() => {\n    const timer = setTimeout(() => {\n      setIsLoading(false)\n      setIsVisible(true)\n      onTransitionEnd?.()\n    }, duration)\n\n    onTransitionStart?.()\n\n    return () => clearTimeout(timer)\n  }, [duration, onTransitionStart, onTransitionEnd])\n\n  const transitionClasses = {\n    fade: merge(\n      'transition-opacity duration-300 ease-in-out',\n      isVisible ? 'opacity-100' : 'opacity-0'\n    ),\n    slide: merge(\n      'transition-transform duration-300 ease-in-out',\n      isVisible ? 'translate-x-0' : 'translate-x-full'\n    ),\n    scale: merge(\n      'transition-all duration-300 ease-in-out',\n      isVisible ? 'scale-100 opacity-100' : 'scale-95 opacity-0'\n    ),\n    flip: merge(\n      'transition-all duration-500 ease-in-out',\n      isVisible ? 'rotate-y-0 opacity-100' : 'rotate-y-90 opacity-0'\n    )\n  }\n\n  if (isLoading && showLoading) {\n    return (\n      <div className={merge('flex flex-col items-center justify-center min-h-screen bg-gradient-to-br from-blue-50 to-purple-50 dark:from-slate-900 dark:to-slate-800', className)}>\n        <LoadingSpinner\n          size=\"lg\"\n          variant={loadingVariant}\n          text={loadingText}\n        />\n      </div>\n    )\n  }\n\n  return (\n    <div\n      ref={ref}\n      className={merge(\n        'w-full',\n        transitionClasses[variant],\n        className\n      )}\n      style={{ transitionDuration: `${duration}ms` }}\n    >\n      {children}\n    </div>\n  )\n})\n\nPageTransition.displayName = 'PageTransition'\n\n// Convenience components for different transition types\nexport const FadeTransition = React.forwardRef<HTMLDivElement, Omit<PageTransitionProps, 'variant'>>((props, ref) => (\n  <PageTransition ref={ref} variant=\"fade\" {...props} />\n))\n\nexport const SlideTransition = React.forwardRef<HTMLDivElement, Omit<PageTransitionProps, 'variant'>>((props, ref) => (\n  <PageTransition ref={ref} variant=\"slide\" {...props} />\n))\n\nexport const ScaleTransition = React.forwardRef<HTMLDivElement, Omit<PageTransitionProps, 'variant'>>((props, ref) => (\n  <PageTransition ref={ref} variant=\"scale\" {...props} />\n))\n\nexport const FlipTransition = React.forwardRef<HTMLDivElement, Omit<PageTransitionProps, 'variant'>>((props, ref) => (\n  <PageTransition ref={ref} variant=\"flip\" {...props} />\n))\n\n// Add displayName for convenience components\nFadeTransition.displayName = 'FadeTransition'\nSlideTransition.displayName = 'SlideTransition'\nScaleTransition.displayName = 'ScaleTransition'\nFlipTransition.displayName = 'FlipTransition' "]}

package/dist/chunk-DMLVCGZL.mjs

@@ -1,2 +0,0 @@
-import {l}from'./chunk-36N7GXIA.mjs';import {a}from'./chunk-UUHAXGMO.mjs';import c from'react';import {jsx,jsxs}from'react/jsx-runtime';var O=c.forwardRef(({className:e,variant:t="default",size:r="md",...o},l)=>{let n=()=>{switch(t){case "bordered":return "border border-slate-200 dark:border-slate-700 divide-x divide-slate-200 dark:divide-slate-700";case "striped":return "divide-y divide-slate-200 dark:divide-slate-700";default:return ""}},p=()=>{switch(r){case "sm":return "text-sm";case "lg":return "text-base";default:return "text-sm"}};return jsx("div",{className:"w-full overflow-auto",children:jsx("table",{ref:l,className:a("w-full caption-bottom",n(),p(),e),...o})})});O.displayName="Table";var q=c.forwardRef(({className:e,...t},r)=>jsx("thead",{ref:r,className:a("[&_tr]:border-b",e),...t}));q.displayName="TableHeader";var J=c.forwardRef(({className:e,...t},r)=>jsx("tbody",{ref:r,className:a("[&_tr:last-child]:border-0",e),...t}));J.displayName="TableBody";var Q=c.forwardRef(({className:e,...t},r)=>jsx("tfoot",{ref:r,className:a("border-t bg-slate-50 dark:bg-slate-800/50 font-medium [&>tr]:last:border-b-0",e),...t}));Q.displayName="TableFooter";var U=c.forwardRef(({className:e,variant:t="default",...r},o)=>jsx("tr",{ref:o,className:a("border-b transition-colors data-[state=selected]:bg-slate-50 dark:data-[state=selected]:bg-slate-800/50",t==="hover"?"hover:bg-slate-50 dark:hover:bg-slate-800/50":"",e),...r}));U.displayName="TableRow";var X=c.forwardRef(({className:e,...t},r)=>jsx("th",{ref:r,className:a("h-12 px-4 text-left align-middle font-medium text-slate-500 dark:text-slate-400 [&:has([role=checkbox])]:pr-0",e),...t}));X.displayName="TableHead";var Y=c.forwardRef(({className:e,...t},r)=>jsx("td",{ref:r,className:a("p-4 align-middle [&:has([role=checkbox])]:pr-0",e),...t}));Y.displayName="TableCell";var Z=c.forwardRef(({className:e,...t},r)=>jsx("caption",{ref:r,className:a("mt-4 text-sm text-slate-500 dark:text-slate-400",e),...t}));Z.displayName="TableCaption";var V=c.forwardRef(({className:e,content:t,children:r,position:o="top",variant:l="default",delay:n=300,disabled:p=false,...g},C)=>{let[P,A]=c.useState(false),[S,z]=c.useState({x:0,y:0}),w=c.useRef(void 0),f=c.useRef(null),x=L=>{var s;if(p)return;let d=L.currentTarget.getBoundingClientRect();(s=f.current)==null?void 0:s.getBoundingClientRect();let M=0,D=0;switch(o){case "top":M=d.left+d.width/2,D=d.top-8;break;case "bottom":M=d.left+d.width/2,D=d.bottom+8;break;case "left":M=d.left-8,D=d.top+d.height/2;break;case "right":M=d.right+8,D=d.top+d.height/2;break}z({x:M,y:D}),w.current=window.setTimeout(()=>{A(true);},n);},h=()=>{w.current&&clearTimeout(w.current),A(false);};c.useEffect(()=>()=>{w.current&&clearTimeout(w.current);},[]);let T=()=>{switch(l){case "light":return "bg-white text-gray-900 border border-gray-200 shadow-lg";case "dark":return "bg-gray-900 text-white shadow-lg";default:return "bg-gray-800 text-white shadow-lg"}},i=()=>{switch(o){case "top":return "top-full left-1/2 -translate-x-1/2 border-t-gray-800 dark:border-t-gray-800";case "bottom":return "bottom-full left-1/2 -translate-x-1/2 border-b-gray-800 dark:border-b-gray-800";case "left":return "left-full top-1/2 -translate-y-1/2 border-l-gray-800 dark:border-l-gray-800";case "right":return "right-full top-1/2 -translate-y-1/2 border-r-gray-800 dark:border-r-gray-800";default:return "top-full left-1/2 -translate-x-1/2 border-t-gray-800 dark:border-t-gray-800"}};return jsxs("div",{ref:C,className:a("relative inline-block",e),onMouseEnter:x,onMouseLeave:h,...g,children:[r,P&&jsxs("div",{ref:f,className:a("fixed z-50 px-3 py-2 text-sm rounded-lg whitespace-nowrap pointer-events-none",T()),style:{left:`${S.x}px`,top:`${S.y}px`,transform:"translate(-50%, -50%)"},children:[t,jsx("div",{className:a("absolute w-0 h-0 border-4 border-transparent",i())})]})]})});V.displayName="Tooltip";var j=c.forwardRef(({className:e,...t},r)=>jsx(V,{ref:r,variant:"light",className:e,...t}));j.displayName="TooltipLight";var ee=c.forwardRef(({className:e,...t},r)=>jsx(V,{ref:r,variant:"dark",className:e,...t}));ee.displayName="TooltipDark";var te=c.forwardRef(({className:e,trigger:t,children:r,open:o,onOpenChange:l,placement:n="bottom",align:p="start",offset:g=8,disabled:C=false,showArrow:P=true,...A},S)=>{let[z,w]=c.useState(false),[f,x]=c.useState({x:0,y:0}),h=c.useRef(null),T=c.useRef(null),B=o!==void 0,i=B?o:z,L=c.useCallback(s=>{C||(B||w(s),l==null||l(s));},[C,B,l]),d=()=>{L(!i);},H=c.useCallback(()=>{if(!h.current||!T.current)return;let s=h.current.getBoundingClientRect(),u=T.current.getBoundingClientRect(),_=window.innerWidth,$=window.innerHeight,b=0,m=0;switch(n){case "top":b=s.left,m=s.top-g;break;case "bottom":b=s.left,m=s.bottom+g;break;case "left":b=s.left-g,m=s.top;break;case "right":b=s.right+g,m=s.top;break}switch(p){case "center":n==="top"||n==="bottom"?b=s.left+s.width/2-u.width/2:m=s.top+s.height/2-u.height/2;break;case "end":n==="top"||n==="bottom"?b=s.right-u.width:m=s.bottom-u.height;break;}b<8&&(b=8),b+u.width>_-8&&(b=_-u.width-8),m<8&&(m=8),m+u.height>$-8&&(m=$-u.height-8),x({x:b,y:m});},[n,p,g]);c.useEffect(()=>{if(i)return H(),window.addEventListener("resize",H),window.addEventListener("scroll",H),()=>{window.removeEventListener("resize",H),window.removeEventListener("scroll",H);}},[i,H]),c.useEffect(()=>{let s=u=>{h.current&&T.current&&!h.current.contains(u.target)&&!T.current.contains(u.target)&&L(false);};if(i)return document.addEventListener("mousedown",s),()=>{document.removeEventListener("mousedown",s);}},[i,L]);let M=()=>{switch(n){case "top":return "bottom-full left-0 mb-2";case "bottom":return "top-full left-0 mt-2";case "left":return "right-full top-0 mr-2";case "right":return "left-full top-0 ml-2";default:return "top-full left-0 mt-2"}},D=()=>{switch(n){case "top":return "top-full left-4 -translate-x-1/2 border-t-gray-100 dark:border-t-gray-800";case "bottom":return "bottom-full left-4 -translate-x-1/2 border-b-gray-100 dark:border-b-gray-800";case "left":return "left-full top-4 -translate-y-1/2 border-l-gray-100 dark:border-l-gray-800";case "right":return "right-full top-4 -translate-y-1/2 border-r-gray-100 dark:border-r-gray-800";default:return "bottom-full left-4 -translate-x-1/2 border-b-gray-100 dark:border-b-gray-800"}};return jsxs("div",{ref:S,className:a("relative",e),...A,children:[jsx("div",{ref:h,onClick:d,className:"inline-block cursor-pointer",children:t}),i&&jsxs("div",{ref:T,className:a("absolute z-50 bg-white dark:bg-gray-800 rounded-lg shadow-xl backdrop-blur-sm","min-w-[200px] py-2",M()),style:{transform:`translate(${f.x}px, ${f.y}px)`,boxShadow:"0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)"},children:[P&&jsx("div",{className:a("absolute w-0 h-0 border-4 border-transparent",D())}),jsx("div",{className:"relative z-10",children:r})]})]})});te.displayName="Dropdown";var re=c.forwardRef(({className:e,icon:t,variant:r="default",children:o,disabled:l,...n},p)=>jsxs("button",{ref:p,className:a("w-full flex items-center gap-3 px-4 py-3 text-sm font-medium transition-colors focus:outline-none focus:bg-gray-100 dark:focus:bg-gray-700",(()=>{switch(r){case "destructive":return "text-red-600 dark:text-red-400 hover:bg-red-50 dark:hover:bg-red-900/20";case "disabled":return "text-gray-400 dark:text-gray-500 cursor-not-allowed";default:return "text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700"}})(),e),disabled:l||r==="disabled",...n,children:[t&&jsx("div",{className:"flex-shrink-0 w-4 h-4",children:t}),jsx("span",{className:"flex-1 text-left",children:o})]}));re.displayName="DropdownItem";var ae=c.forwardRef(({className:e,...t},r)=>jsx("div",{ref:r,className:a("h-px bg-gray-200 dark:bg-gray-700 my-2",e),...t}));ae.displayName="DropdownSeparator";var oe=c.forwardRef(({className:e,children:t,...r},o)=>jsx("div",{ref:o,className:a("px-4 py-2 text-xs font-semibold text-gray-500 dark:text-gray-400 uppercase tracking-wide",e),...r,children:t}));oe.displayName="DropdownLabel";var le=c.forwardRef(({className:e,children:t,...r},o)=>jsx("div",{ref:o,className:a("py-1",e),...r,children:t}));le.displayName="DropdownMenu";var se=c.forwardRef(({className:e,children:t,...r},o)=>jsx("div",{ref:o,className:a("space-y-1",e),...r,children:t}));se.displayName="DropdownGroup";var ne=c.forwardRef(({open:e,onOpenChange:t,children:r,className:o,side:l="right",size:n="md",showBackdrop:p=true,backdropClassName:g,closeOnBackdropClick:C=true,closeOnEscape:P=true,...A},S)=>{let[z,w]=c.useState(false),[f,x]=c.useState(false);if(c.useEffect(()=>{if(e){w(true),x(true);let i=setTimeout(()=>x(false),50);return ()=>clearTimeout(i)}else {x(true);let i=setTimeout(()=>{w(false),x(false);},300);return ()=>clearTimeout(i)}},[e]),c.useEffect(()=>{if(!P)return;let i=L=>{L.key==="Escape"&&e&&t(false);};return e&&(document.addEventListener("keydown",i),document.body.style.overflow="hidden"),()=>{document.removeEventListener("keydown",i),document.body.style.overflow="";}},[e,P,t]),!z)return null;let h={sm:l==="left"||l==="right"?"w-80":"h-64",md:l==="left"||l==="right"?"w-96":"h-96",lg:l==="left"||l==="right"?"w-[28rem]":"h-[32rem]",xl:l==="left"||l==="right"?"w-[32rem]":"h-[40rem]",full:l==="left"||l==="right"?"w-full":"h-full"},T={left:"left-0 top-0 h-full translate-x-0",right:"right-0 top-0 h-full translate-x-0",top:"top-0 left-0 w-full translate-y-0",bottom:"bottom-0 left-0 w-full translate-y-0"},B={left:f?e?"translate-x-0":"-translate-x-full":"",right:f?e?"translate-x-0":"translate-x-full":"",top:f?e?"translate-y-0":"-translate-y-full":"",bottom:f?e?"translate-y-0":"translate-y-full":""};return jsxs("div",{className:"fixed inset-0 z-50",children:[p&&jsx("div",{className:a("absolute inset-0 bg-black/60 backdrop-blur-md transition-opacity duration-300",f?e?"opacity-100":"opacity-0":"",g),onClick:C?()=>t(false):void 0}),jsx("div",{ref:S,className:a("absolute bg-white/95 dark:!bg-gray-800/95 backdrop-blur-xl border border-gray-200/50 dark:!border-gray-600/50 shadow-2xl transition-transform duration-300 ease-out",h[n],T[l],B[l],o),...A,children:r})]})});ne.displayName="Drawer";var ie=c.forwardRef(({children:e,className:t,showCloseButton:r=true,onClose:o,...l$1},n)=>jsxs("div",{ref:n,className:a("flex items-center justify-between p-6 border-b border-gray-200/50 dark:border-gray-700/50",t),...l$1,children:[jsx("div",{className:"flex-1",children:e}),r&&jsx("button",{onClick:o,className:"p-2 rounded-lg hover:bg-gray-100/80 dark:hover:bg-gray-800/80 transition-colors",children:jsx(l,{name:"close",size:20})})]}));ie.displayName="DrawerHeader";var de=c.forwardRef(({children:e,className:t,...r},o)=>jsx("div",{ref:o,className:a("flex-1 p-6 overflow-y-auto",t),...r,children:e}));de.displayName="DrawerContent";var ce=c.forwardRef(({children:e,className:t,...r},o)=>jsx("div",{ref:o,className:a("flex items-center justify-end gap-3 p-6 border-t border-gray-200/50 dark:border-gray-700/50",t),...r,children:e}));ce.displayName="DrawerFooter";export{O as a,q as b,J as c,Q as d,U as e,X as f,Y as g,Z as h,V as i,j,ee as k,te as l,re as m,ae as n,oe as o,le as p,se as q,ne as r,ie as s,de as t,ce as u};//# sourceMappingURL=chunk-DMLVCGZL.mjs.map
-//# sourceMappingURL=chunk-DMLVCGZL.mjs.map

package/dist/chunk-DMLVCGZL.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Table.tsx","../src/components/Tooltip.tsx","../src/components/Dropdown.tsx","../src/components/Drawer.tsx"],"names":["Table","React","className","variant","size","props","ref","getVariantClasses","getSizeClasses","jsx","merge","TableHeader","TableBody","TableFooter","TableRow","TableHead","TableCell","TableCaption","Tooltip","content","children","position","delay","disabled","isVisible","setIsVisible","coords","setCoords","timeoutRef","tooltipRef","showTooltip","e","_a","rect","_tooltipRect","x","y","hideTooltip","getArrowClasses","jsxs","TooltipLight","TooltipDark","Dropdown","trigger","controlledOpen","onOpenChange","placement","align","offset","showArrow","internalOpen","setInternalOpen","triggerRef","dropdownRef","isControlled","isOpen","handleOpenChange","newOpen","handleTriggerClick","updatePosition","triggerRect","dropdownRect","viewportWidth","viewportHeight","handleClickOutside","event","getPlacementClasses","DropdownItem","icon","DropdownSeparator","DropdownLabel","DropdownMenu","DropdownGroup","Drawer","open","side","showBackdrop","backdropClassName","closeOnBackdropClick","closeOnEscape","isAnimating","setIsAnimating","timer","handleEscape","sizeClasses","sideClasses","transformClasses","DrawerHeader","showCloseButton","onClose","Icon","DrawerContent","DrawerFooter"],"mappings":"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","file":"chunk-DMLVCGZL.mjs","sourcesContent":["\"use client\"\n\nimport React from \"react\"\nimport { merge } from \"../lib/utils\"\n\n/**\n * Table 컴포넌트의 props / Table component props\n * @typedef {Object} TableProps\n * @property {React.ReactNode} children - TableHeader, TableBody, TableFooter 등 / TableHeader, TableBody, TableFooter, etc.\n * @property {\"default\" | \"bordered\" | \"striped\"} [variant=\"default\"] - Table 스타일 변형 / Table style variant\n * @property {\"sm\" | \"md\" | \"lg\"} [size=\"md\"] - Table 크기 / Table size\n * @extends {React.HTMLAttributes<HTMLTableElement>}\n */\nexport interface TableProps extends React.HTMLAttributes<HTMLTableElement> {\n  children: React.ReactNode\n  variant?: \"default\" | \"bordered\" | \"striped\"\n  size?: \"sm\" | \"md\" | \"lg\"\n}\n\n/**\n * TableHeader 컴포넌트의 props / TableHeader component props\n * @typedef {Object} TableHeaderProps\n * @property {React.ReactNode} children - TableHead 컴포넌트들 / TableHead components\n * @extends {React.HTMLAttributes<HTMLTableSectionElement>}\n */\nexport interface TableHeaderProps extends React.HTMLAttributes<HTMLTableSectionElement> {\n  children: React.ReactNode\n}\n\n/**\n * TableBody 컴포넌트의 props / TableBody component props\n * @typedef {Object} TableBodyProps\n * @property {React.ReactNode} children - TableRow 컴포넌트들 / TableRow components\n * @extends {React.HTMLAttributes<HTMLTableSectionElement>}\n */\nexport interface TableBodyProps extends React.HTMLAttributes<HTMLTableSectionElement> {\n  children: React.ReactNode\n}\n\n/**\n * TableFooter 컴포넌트의 props / TableFooter component props\n * @typedef {Object} TableFooterProps\n * @property {React.ReactNode} children - TableRow 컴포넌트들 / TableRow components\n * @extends {React.HTMLAttributes<HTMLTableSectionElement>}\n */\nexport interface TableFooterProps extends React.HTMLAttributes<HTMLTableSectionElement> {\n  children: React.ReactNode\n}\n\n/**\n * TableRow 컴포넌트의 props / TableRow component props\n * @typedef {Object} TableRowProps\n * @property {React.ReactNode} children - TableHead 또는 TableCell 컴포넌트들 / TableHead or TableCell components\n * @property {\"default\" | \"hover\"} [variant=\"default\"] - Row 스타일 변형 / Row style variant\n * @extends {React.HTMLAttributes<HTMLTableRowElement>}\n */\nexport interface TableRowProps extends React.HTMLAttributes<HTMLTableRowElement> {\n  children: React.ReactNode\n  variant?: \"default\" | \"hover\"\n}\n\n/**\n * TableHead 컴포넌트의 props / TableHead component props\n * @typedef {Object} TableHeadProps\n * @property {React.ReactNode} children - 헤더 셀 내용 / Header cell content\n * @extends {React.ThHTMLAttributes<HTMLTableCellElement>}\n */\nexport interface TableHeadProps extends React.ThHTMLAttributes<HTMLTableCellElement> {\n  children: React.ReactNode\n}\n\n/**\n * TableCell 컴포넌트의 props / TableCell component props\n * @typedef {Object} TableCellProps\n * @property {React.ReactNode} children - 셀 내용 / Cell content\n * @extends {React.TdHTMLAttributes<HTMLTableCellElement>}\n */\nexport interface TableCellProps extends React.TdHTMLAttributes<HTMLTableCellElement> {\n  children: React.ReactNode\n}\n\n/**\n * Table 컴포넌트 / Table component\n * \n * 데이터를 표 형태로 표시하는 테이블 컴포넌트입니다.\n * TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell과 함께 사용합니다.\n * \n * Table component that displays data in tabular format.\n * Used with TableHeader, TableBody, TableFooter, TableRow, TableHead, and TableCell.\n * \n * @component\n * @example\n * // 기본 사용 / Basic usage\n * <Table>\n *   <TableHeader>\n *     <TableRow>\n *       <TableHead>이름</TableHead>\n *       <TableHead>나이</TableHead>\n *     </TableRow>\n *   </TableHeader>\n *   <TableBody>\n *     <TableRow>\n *       <TableCell>홍길동</TableCell>\n *       <TableCell>30</TableCell>\n *     </TableRow>\n *   </TableBody>\n * </Table>\n * \n * @example\n * // Bordered 스타일 / Bordered style\n * <Table variant=\"bordered\">\n *   <TableHeader>\n *     <TableRow>\n *       <TableHead>항목</TableHead>\n *     </TableRow>\n *   </TableHeader>\n *   <TableBody>\n *     <TableRow>\n *       <TableCell>값</TableCell>\n *     </TableRow>\n *   </TableBody>\n * </Table>\n * \n * @example\n * // Striped 스타일, 호버 효과 / Striped style with hover effect\n * <Table variant=\"striped\">\n *   <TableBody>\n *     <TableRow variant=\"hover\">\n *       <TableCell>데이터</TableCell>\n *     </TableRow>\n *   </TableBody>\n * </Table>\n * \n * @param {TableProps} props - Table 컴포넌트의 props / Table component props\n * @param {React.Ref<HTMLTableElement>} ref - table 요소 ref / table element ref\n * @returns {JSX.Element} Table 컴포넌트 / Table component\n */\nconst Table = React.forwardRef<HTMLTableElement, TableProps>(\n  ({ className, variant = \"default\", size = \"md\", ...props }, ref) => {\n    const getVariantClasses = () => {\n      switch (variant) {\n        case \"bordered\":\n          return \"border border-slate-200 dark:border-slate-700 divide-x divide-slate-200 dark:divide-slate-700\"\n        case \"striped\":\n          return \"divide-y divide-slate-200 dark:divide-slate-700\"\n        default:\n          return \"\"\n      }\n    }\n\n    const getSizeClasses = () => {\n      switch (size) {\n        case \"sm\":\n          return \"text-sm\"\n        case \"lg\":\n          return \"text-base\"\n        default:\n          return \"text-sm\"\n      }\n    }\n\n    return (\n      <div className=\"w-full overflow-auto\">\n        <table\n          ref={ref}\n          className={merge(\n            \"w-full caption-bottom\",\n            getVariantClasses(),\n            getSizeClasses(),\n            className\n          )}\n          {...props}\n        />\n      </div>\n    )\n  }\n)\nTable.displayName = \"Table\"\n\n/**\n * TableHeader 컴포넌트 / TableHeader component\n * 테이블의 헤더 영역을 표시합니다.\n * Displays the header area of a table.\n * \n * @component\n * @param {TableHeaderProps} props - TableHeader 컴포넌트의 props / TableHeader component props\n * @param {React.Ref<HTMLTableSectionElement>} ref - thead 요소 ref / thead element ref\n * @returns {JSX.Element} TableHeader 컴포넌트 / TableHeader component\n */\nconst TableHeader = React.forwardRef<HTMLTableSectionElement, TableHeaderProps>(\n  ({ className, ...props }, ref) => (\n    <thead ref={ref} className={merge(\"[&_tr]:border-b\", className)} {...props} />\n  )\n)\nTableHeader.displayName = \"TableHeader\"\n\n/**\n * TableBody 컴포넌트 / TableBody component\n * 테이블의 본문 영역을 표시합니다.\n * Displays the body area of a table.\n * \n * @component\n * @param {TableBodyProps} props - TableBody 컴포넌트의 props / TableBody component props\n * @param {React.Ref<HTMLTableSectionElement>} ref - tbody 요소 ref / tbody element ref\n * @returns {JSX.Element} TableBody 컴포넌트 / TableBody component\n */\nconst TableBody = React.forwardRef<HTMLTableSectionElement, TableBodyProps>(\n  ({ className, ...props }, ref) => (\n    <tbody\n      ref={ref}\n      className={merge(\"[&_tr:last-child]:border-0\", className)}\n      {...props}\n    />\n  )\n)\nTableBody.displayName = \"TableBody\"\n\n/**\n * TableFooter 컴포넌트 / TableFooter component\n * 테이블의 푸터 영역을 표시합니다.\n * Displays the footer area of a table.\n * \n * @component\n * @param {TableFooterProps} props - TableFooter 컴포넌트의 props / TableFooter component props\n * @param {React.Ref<HTMLTableSectionElement>} ref - tfoot 요소 ref / tfoot element ref\n * @returns {JSX.Element} TableFooter 컴포넌트 / TableFooter component\n */\nconst TableFooter = React.forwardRef<HTMLTableSectionElement, TableFooterProps>(\n  ({ className, ...props }, ref) => (\n    <tfoot\n      ref={ref}\n      className={merge(\n        \"border-t bg-slate-50 dark:bg-slate-800/50 font-medium [&>tr]:last:border-b-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n)\nTableFooter.displayName = \"TableFooter\"\n\n/**\n * TableRow 컴포넌트 / TableRow component\n * 테이블의 행을 표시합니다.\n * Displays a table row.\n * \n * @component\n * @param {TableRowProps} props - TableRow 컴포넌트의 props / TableRow component props\n * @param {React.Ref<HTMLTableRowElement>} ref - tr 요소 ref / tr element ref\n * @returns {JSX.Element} TableRow 컴포넌트 / TableRow component\n */\nconst TableRow = React.forwardRef<HTMLTableRowElement, TableRowProps>(\n  ({ className, variant = \"default\", ...props }, ref) => {\n    const getVariantClasses = () => {\n      switch (variant) {\n        case \"hover\":\n          return \"hover:bg-slate-50 dark:hover:bg-slate-800/50\"\n        default:\n          return \"\"\n      }\n    }\n\n    return (\n      <tr\n        ref={ref}\n        className={merge(\n          \"border-b transition-colors data-[state=selected]:bg-slate-50 dark:data-[state=selected]:bg-slate-800/50\",\n          getVariantClasses(),\n          className\n        )}\n        {...props}\n      />\n    )\n  }\n)\nTableRow.displayName = \"TableRow\"\n\n/**\n * TableHead 컴포넌트 / TableHead component\n * 테이블의 헤더 셀을 표시합니다.\n * Displays a table header cell.\n * \n * @component\n * @param {TableHeadProps} props - TableHead 컴포넌트의 props / TableHead component props\n * @param {React.Ref<HTMLTableCellElement>} ref - th 요소 ref / th element ref\n * @returns {JSX.Element} TableHead 컴포넌트 / TableHead component\n */\nconst TableHead = React.forwardRef<HTMLTableCellElement, TableHeadProps>(\n  ({ className, ...props }, ref) => (\n    <th\n      ref={ref}\n      className={merge(\n        \"h-12 px-4 text-left align-middle font-medium text-slate-500 dark:text-slate-400 [&:has([role=checkbox])]:pr-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n)\nTableHead.displayName = \"TableHead\"\n\n/**\n * TableCell 컴포넌트 / TableCell component\n * 테이블의 데이터 셀을 표시합니다.\n * Displays a table data cell.\n * \n * @component\n * @param {TableCellProps} props - TableCell 컴포넌트의 props / TableCell component props\n * @param {React.Ref<HTMLTableCellElement>} ref - td 요소 ref / td element ref\n * @returns {JSX.Element} TableCell 컴포넌트 / TableCell component\n */\nconst TableCell = React.forwardRef<HTMLTableCellElement, TableCellProps>(\n  ({ className, ...props }, ref) => (\n    <td\n      ref={ref}\n      className={merge(\"p-4 align-middle [&:has([role=checkbox])]:pr-0\", className)}\n      {...props}\n    />\n  )\n)\nTableCell.displayName = \"TableCell\"\n\n/**\n * TableCaption 컴포넌트 / TableCaption component\n * 테이블의 캡션을 표시합니다.\n * Displays a table caption.\n * \n * @component\n * @param {React.HTMLAttributes<HTMLTableCaptionElement>} props - TableCaption 컴포넌트의 props / TableCaption component props\n * @param {React.Ref<HTMLTableCaptionElement>} ref - caption 요소 ref / caption element ref\n * @returns {JSX.Element} TableCaption 컴포넌트 / TableCaption component\n */\nconst TableCaption = React.forwardRef<HTMLTableCaptionElement, React.HTMLAttributes<HTMLTableCaptionElement>>(\n  ({ className, ...props }, ref) => (\n    <caption\n      ref={ref}\n      className={merge(\"mt-4 text-sm text-slate-500 dark:text-slate-400\", className)}\n      {...props}\n    />\n  )\n)\nTableCaption.displayName = \"TableCaption\"\n\nexport {\n  Table,\n  TableHeader,\n  TableBody,\n  TableFooter,\n  TableHead,\n  TableRow,\n  TableCell,\n  TableCaption,\n} ","\"use client\"\n\nimport React from \"react\"\nimport { merge } from \"../lib/utils\"\n\n/**\n * Tooltip 컴포넌트의 props / Tooltip component props\n * @typedef {Object} TooltipProps\n * @property {string} content - Tooltip 내용 / Tooltip content\n * @property {React.ReactNode} children - Tooltip이 연결될 요소 / Element to attach tooltip to\n * @property {\"top\" | \"bottom\" | \"left\" | \"right\"} [position=\"top\"] - Tooltip 표시 위치 / Tooltip display position\n * @property {\"default\" | \"light\" | \"dark\"} [variant=\"default\"] - Tooltip 스타일 변형 / Tooltip style variant\n * @property {number} [delay=300] - Tooltip 표시 지연 시간(ms) / Tooltip display delay (ms)\n * @property {boolean} [disabled=false] - Tooltip 비활성화 여부 / Disable tooltip\n * @extends {React.HTMLAttributes<HTMLDivElement>}\n */\nexport interface TooltipProps extends React.HTMLAttributes<HTMLDivElement> {\n  content: string\n  children: React.ReactNode\n  position?: \"top\" | \"bottom\" | \"left\" | \"right\"\n  variant?: \"default\" | \"light\" | \"dark\"\n  delay?: number\n  disabled?: boolean\n}\n\n/**\n * Tooltip 컴포넌트 / Tooltip component\n * \n * 호버 시 추가 정보를 표시하는 툴팁 컴포넌트입니다.\n * 마우스 호버 시 지연 시간 후 표시됩니다.\n * \n * Tooltip component that displays additional information on hover.\n * Appears after a delay when the mouse hovers over the element.\n * \n * @component\n * @example\n * // 기본 사용 / Basic usage\n * <Tooltip content=\"이것은 도움말입니다\">\n *   <Button>호버하세요</Button>\n * </Tooltip>\n * \n * @example\n * // 다양한 위치 / Different positions\n * <Tooltip content=\"위치 변경\" position=\"bottom\">\n *   <Icon name=\"info\" />\n * </Tooltip>\n * \n * @example\n * // 커스텀 스타일 / Custom styles\n * <Tooltip content=\"라이트 스타일\" variant=\"light\" delay={500}>\n *   <span>호버</span>\n * </Tooltip>\n * \n * @param {TooltipProps} props - Tooltip 컴포넌트의 props / Tooltip component props\n * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref\n * @returns {JSX.Element} Tooltip 컴포넌트 / Tooltip component\n * \n * @todo 접근성 개선: role=\"tooltip\" 추가 필요 / Accessibility: Add role=\"tooltip\"\n * @todo 접근성 개선: aria-describedby 연결 필요 / Accessibility: Connect aria-describedby\n * @todo 접근성 개선: 키보드 포커스 시 Tooltip 표시 필요 / Accessibility: Show tooltip on keyboard focus\n */\nconst Tooltip = React.forwardRef<HTMLDivElement, TooltipProps>(\n  ({ \n    className, \n    content,\n    children,\n    position = \"top\",\n    variant = \"default\",\n    delay = 300,\n    disabled = false,\n    ...props \n  }, ref) => {\n    const [isVisible, setIsVisible] = React.useState(false)\n    const [coords, setCoords] = React.useState({ x: 0, y: 0 })\n    const timeoutRef = React.useRef<number | undefined>(undefined)\n    const tooltipRef = React.useRef<HTMLDivElement>(null)\n\n    const showTooltip = (e: React.MouseEvent) => {\n      if (disabled) return\n      \n      const rect = e.currentTarget.getBoundingClientRect()\n      const _tooltipRect = tooltipRef.current?.getBoundingClientRect()\n      \n      let x = 0\n      let y = 0\n      \n      switch (position) {\n        case \"top\":\n          x = rect.left + rect.width / 2\n          y = rect.top - 8 // 8px 간격\n          break\n        case \"bottom\":\n          x = rect.left + rect.width / 2\n          y = rect.bottom + 8 // 8px 간격\n          break\n        case \"left\":\n          x = rect.left - 8 // 8px 간격\n          y = rect.top + rect.height / 2\n          break\n        case \"right\":\n          x = rect.right + 8 // 8px 간격\n          y = rect.top + rect.height / 2\n          break\n      }\n      \n      setCoords({ x, y })\n      \n      timeoutRef.current = window.setTimeout(() => {\n        setIsVisible(true)\n      }, delay)\n    }\n\n    const hideTooltip = () => {\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current)\n      }\n      setIsVisible(false)\n    }\n\n    React.useEffect(() => {\n      return () => {\n        if (timeoutRef.current) {\n          clearTimeout(timeoutRef.current)\n        }\n      }\n    }, [])\n\n    const getVariantClasses = () => {\n      switch (variant) {\n        case \"light\":\n          return \"bg-white text-gray-900 border border-gray-200 shadow-lg\"\n        case \"dark\":\n          return \"bg-gray-900 text-white shadow-lg\"\n        default:\n          return \"bg-gray-800 text-white shadow-lg\"\n      }\n    }\n\n    const _getPositionClasses = () => {\n      switch (position) {\n        case \"top\":\n          return \"bottom-full left-1/2 -translate-x-1/2 mb-2\" // 8px 간격\n        case \"bottom\":\n          return \"top-full left-1/2 -translate-x-1/2 mt-2\" // 8px 간격\n        case \"left\":\n          return \"right-full top-1/2 -translate-y-1/2 mr-2\" // 8px 간격\n        case \"right\":\n          return \"left-full top-1/2 -translate-y-1/2 ml-2\" // 8px 간격\n        default:\n          return \"bottom-full left-1/2 -translate-x-1/2 mb-2\"\n      }\n    }\n\n    const getArrowClasses = () => {\n      switch (position) {\n        case \"top\":\n          return \"top-full left-1/2 -translate-x-1/2 border-t-gray-800 dark:border-t-gray-800\"\n        case \"bottom\":\n          return \"bottom-full left-1/2 -translate-x-1/2 border-b-gray-800 dark:border-b-gray-800\"\n        case \"left\":\n          return \"left-full top-1/2 -translate-y-1/2 border-l-gray-800 dark:border-l-gray-800\"\n        case \"right\":\n          return \"right-full top-1/2 -translate-y-1/2 border-r-gray-800 dark:border-r-gray-800\"\n        default:\n          return \"top-full left-1/2 -translate-x-1/2 border-t-gray-800 dark:border-t-gray-800\"\n      }\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={merge(\"relative inline-block\", className)}\n        onMouseEnter={showTooltip}\n        onMouseLeave={hideTooltip}\n        {...props}\n      >\n        {children}\n        \n        {isVisible && (\n          <div\n            ref={tooltipRef}\n            className={merge(\n              \"fixed z-50 px-3 py-2 text-sm rounded-lg whitespace-nowrap pointer-events-none\", // 12px, 8px 패딩\n              getVariantClasses()\n            )}\n            style={{\n              left: `${coords.x}px`,\n              top: `${coords.y}px`,\n              transform: 'translate(-50%, -50%)'\n            }}\n          >\n            {content}\n            {/* 화살표 */}\n            <div\n              className={merge(\n                \"absolute w-0 h-0 border-4 border-transparent\",\n                getArrowClasses()\n              )}\n            />\n          </div>\n        )}\n      </div>\n    )\n  }\n)\nTooltip.displayName = \"Tooltip\"\n\n// 편의 컴포넌트들\nexport const TooltipLight = React.forwardRef<HTMLDivElement, Omit<TooltipProps, \"variant\">>(\n  ({ className, ...props }, ref) => (\n    <Tooltip ref={ref} variant=\"light\" className={className} {...props} />\n  )\n)\nTooltipLight.displayName = \"TooltipLight\"\n\nexport const TooltipDark = React.forwardRef<HTMLDivElement, Omit<TooltipProps, \"variant\">>(\n  ({ className, ...props }, ref) => (\n    <Tooltip ref={ref} variant=\"dark\" className={className} {...props} />\n  )\n)\nTooltipDark.displayName = \"TooltipDark\"\n\nexport { Tooltip } ","\"use client\"\n\nimport React from \"react\"\nimport { merge } from \"../lib/utils\"\n\n/**\n * Dropdown 컴포넌트의 props / Dropdown component props\n * @typedef {Object} DropdownProps\n * @property {React.ReactNode} trigger - Dropdown을 열기 위한 트리거 요소 / Trigger element to open dropdown\n * @property {React.ReactNode} children - Dropdown 내용 / Dropdown content\n * @property {boolean} [open] - 제어 모드에서 열림/닫힘 상태 / Open/close state in controlled mode\n * @property {(open: boolean) => void} [onOpenChange] - 상태 변경 콜백 / State change callback\n * @property {\"top\" | \"bottom\" | \"left\" | \"right\"} [placement=\"bottom\"] - Dropdown 표시 위치 / Dropdown display position\n * @property {\"start\" | \"center\" | \"end\"} [align=\"start\"] - Dropdown 정렬 / Dropdown alignment\n * @property {number} [offset=8] - 트리거와 Dropdown 사이 간격 (px) / Spacing between trigger and dropdown (px)\n * @property {boolean} [disabled=false] - Dropdown 비활성화 여부 / Disable dropdown\n * @property {boolean} [showArrow=true] - 화살표 표시 여부 / Show arrow\n * @extends {React.HTMLAttributes<HTMLDivElement>}\n */\nexport interface DropdownProps extends React.HTMLAttributes<HTMLDivElement> {\n  trigger: React.ReactNode\n  children: React.ReactNode\n  open?: boolean\n  onOpenChange?: (open: boolean) => void\n  placement?: \"top\" | \"bottom\" | \"left\" | \"right\"\n  align?: \"start\" | \"center\" | \"end\"\n  offset?: number\n  disabled?: boolean\n  showArrow?: boolean\n}\n\n/**\n * Dropdown 컴포넌트 / Dropdown component\n * \n * 트리거 요소를 클릭하면 표시되는 드롭다운 메뉴 컴포넌트입니다.\n * 외부 클릭 시 자동으로 닫히며, 뷰포트 경계를 자동으로 감지하여 위치를 조정합니다.\n * \n * Dropdown menu component that appears when the trigger element is clicked.\n * Automatically closes on outside click and adjusts position by detecting viewport boundaries.\n * \n * @component\n * @example\n * // 기본 사용 / Basic usage\n * <Dropdown trigger={<Button>메뉴</Button>}>\n *   <Menu>\n *     <MenuItem>항목 1</MenuItem>\n *     <MenuItem>항목 2</MenuItem>\n *   </Menu>\n * </Dropdown>\n * \n * @example\n * // 제어 모드, 화살표 없음 / Controlled mode, no arrow\n * const [open, setOpen] = useState(false)\n * <Dropdown \n *   open={open}\n *   onOpenChange={setOpen}\n *   trigger={<Button>제어 모드</Button>}\n *   placement=\"top\"\n *   showArrow={false}\n * >\n *   <div className=\"p-4\">내용</div>\n * </Dropdown>\n * \n * @param {DropdownProps} props - Dropdown 컴포넌트의 props / Dropdown component props\n * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref\n * @returns {JSX.Element} Dropdown 컴포넌트 / Dropdown component\n */\nconst Dropdown = React.forwardRef<HTMLDivElement, DropdownProps>(\n  ({ \n    className, \n    trigger,\n    children,\n    open: controlledOpen,\n    onOpenChange,\n    placement = \"bottom\",\n    align = \"start\",\n    offset = 8,\n    disabled = false,\n    showArrow = true,\n    ...props \n  }, ref) => {\n    const [internalOpen, setInternalOpen] = React.useState(false)\n    const [coords, setCoords] = React.useState({ x: 0, y: 0 })\n    const triggerRef = React.useRef<HTMLDivElement>(null)\n    const dropdownRef = React.useRef<HTMLDivElement>(null)\n    const isControlled = controlledOpen !== undefined\n    const isOpen = isControlled ? controlledOpen : internalOpen\n\n    const handleOpenChange = React.useCallback((newOpen: boolean) => {\n      if (disabled) return\n\n      if (!isControlled) {\n        setInternalOpen(newOpen)\n      }\n      onOpenChange?.(newOpen)\n    }, [disabled, isControlled, onOpenChange])\n\n    const handleTriggerClick = () => {\n      handleOpenChange(!isOpen)\n    }\n\n    const updatePosition = React.useCallback(() => {\n      if (!triggerRef.current || !dropdownRef.current) return\n\n      const triggerRect = triggerRef.current.getBoundingClientRect()\n      const dropdownRect = dropdownRef.current.getBoundingClientRect()\n      const viewportWidth = window.innerWidth\n      const viewportHeight = window.innerHeight\n\n      let x = 0\n      let y = 0\n\n      // 기본 위치 계산\n      switch (placement) {\n        case \"top\":\n          x = triggerRect.left\n          y = triggerRect.top - offset\n          break\n        case \"bottom\":\n          x = triggerRect.left\n          y = triggerRect.bottom + offset\n          break\n        case \"left\":\n          x = triggerRect.left - offset\n          y = triggerRect.top\n          break\n        case \"right\":\n          x = triggerRect.right + offset\n          y = triggerRect.top\n          break\n      }\n\n      // 정렬 조정\n      switch (align) {\n        case \"center\":\n          if (placement === \"top\" || placement === \"bottom\") {\n            x = triggerRect.left + triggerRect.width / 2 - dropdownRect.width / 2\n          } else {\n            y = triggerRect.top + triggerRect.height / 2 - dropdownRect.height / 2\n          }\n          break\n        case \"end\":\n          if (placement === \"top\" || placement === \"bottom\") {\n            x = triggerRect.right - dropdownRect.width\n          } else {\n            y = triggerRect.bottom - dropdownRect.height\n          }\n          break\n        case \"start\":\n        default:\n          // 기본값은 이미 start 정렬\n          break\n      }\n\n      // 뷰포트 경계 확인 및 조정\n      if (x < 8) x = 8 // 8px 여백\n      if (x + dropdownRect.width > viewportWidth - 8) {\n        x = viewportWidth - dropdownRect.width - 8 // 8px 여백\n      }\n      if (y < 8) y = 8 // 8px 여백\n      if (y + dropdownRect.height > viewportHeight - 8) {\n        y = viewportHeight - dropdownRect.height - 8 // 8px 여백\n      }\n\n      setCoords({ x, y })\n    }, [placement, align, offset])\n\n    React.useEffect(() => {\n      if (isOpen) {\n        updatePosition()\n        window.addEventListener('resize', updatePosition)\n        window.addEventListener('scroll', updatePosition)\n        \n        return () => {\n          window.removeEventListener('resize', updatePosition)\n          window.removeEventListener('scroll', updatePosition)\n        }\n      }\n    }, [isOpen, updatePosition])\n\n    React.useEffect(() => {\n      const handleClickOutside = (event: MouseEvent) => {\n        if (\n          triggerRef.current &&\n          dropdownRef.current &&\n          !triggerRef.current.contains(event.target as Node) &&\n          !dropdownRef.current.contains(event.target as Node)\n        ) {\n          handleOpenChange(false)\n        }\n      }\n\n      if (isOpen) {\n        document.addEventListener('mousedown', handleClickOutside)\n        return () => {\n          document.removeEventListener('mousedown', handleClickOutside)\n        }\n      }\n    }, [isOpen, handleOpenChange])\n\n    const getPlacementClasses = () => {\n      switch (placement) {\n        case \"top\":\n          return \"bottom-full left-0 mb-2\" // 8px 간격\n        case \"bottom\":\n          return \"top-full left-0 mt-2\" // 8px 간격\n        case \"left\":\n          return \"right-full top-0 mr-2\" // 8px 간격\n        case \"right\":\n          return \"left-full top-0 ml-2\" // 8px 간격\n        default:\n          return \"top-full left-0 mt-2\"\n      }\n    }\n\n    const getArrowClasses = () => {\n      switch (placement) {\n        case \"top\":\n          return \"top-full left-4 -translate-x-1/2 border-t-gray-100 dark:border-t-gray-800\"\n        case \"bottom\":\n          return \"bottom-full left-4 -translate-x-1/2 border-b-gray-100 dark:border-b-gray-800\"\n        case \"left\":\n          return \"left-full top-4 -translate-y-1/2 border-l-gray-100 dark:border-l-gray-800\"\n        case \"right\":\n          return \"right-full top-4 -translate-y-1/2 border-r-gray-100 dark:border-r-gray-800\"\n        default:\n          return \"bottom-full left-4 -translate-x-1/2 border-b-gray-100 dark:border-b-gray-800\"\n      }\n    }\n\n    return (\n      <div ref={ref} className={merge(\"relative\", className)} {...props}>\n        {/* 트리거 */}\n        <div\n          ref={triggerRef}\n          onClick={handleTriggerClick}\n          className=\"inline-block cursor-pointer\"\n        >\n          {trigger}\n        </div>\n\n        {/* 드롭다운 */}\n        {isOpen && (\n          <div\n            ref={dropdownRef}\n            className={merge(\n              \"absolute z-50 bg-white dark:bg-gray-800 rounded-lg shadow-xl backdrop-blur-sm\", // 보더 대신 섀도우 사용\n              \"min-w-[200px] py-2\", // 16px 패딩\n              getPlacementClasses()\n            )}\n            style={{\n              transform: `translate(${coords.x}px, ${coords.y}px)`,\n              boxShadow: \"0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)\"\n            }}\n          >\n            {/* 화살표 */}\n            {showArrow && (\n              <div\n                className={merge(\n                  \"absolute w-0 h-0 border-4 border-transparent\",\n                  getArrowClasses()\n                )}\n              />\n            )}\n            \n            {/* 내용 */}\n            <div className=\"relative z-10\">\n              {children}\n            </div>\n          </div>\n        )}\n      </div>\n    )\n  }\n)\nDropdown.displayName = \"Dropdown\"\n\n// 드롭다운 아이템 컴포넌트들\nexport interface DropdownItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  icon?: React.ReactNode\n  variant?: \"default\" | \"destructive\" | \"disabled\"\n}\n\nconst DropdownItem = React.forwardRef<HTMLButtonElement, DropdownItemProps>(\n  ({ \n    className, \n    icon,\n    variant = \"default\",\n    children,\n    disabled,\n    ...props \n  }, ref) => {\n    const getVariantClasses = () => {\n      switch (variant) {\n        case \"destructive\":\n          return \"text-red-600 dark:text-red-400 hover:bg-red-50 dark:hover:bg-red-900/20\"\n        case \"disabled\":\n          return \"text-gray-400 dark:text-gray-500 cursor-not-allowed\"\n        default:\n          return \"text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700\"\n      }\n    }\n\n    return (\n      <button\n        ref={ref}\n        className={merge(\n          \"w-full flex items-center gap-3 px-4 py-3 text-sm font-medium transition-colors focus:outline-none focus:bg-gray-100 dark:focus:bg-gray-700\", // 16px, 12px 패딩\n          getVariantClasses(),\n          className\n        )}\n        disabled={disabled || variant === \"disabled\"}\n        {...props}\n      >\n        {icon && (\n          <div className=\"flex-shrink-0 w-4 h-4\">\n            {icon}\n          </div>\n        )}\n        <span className=\"flex-1 text-left\">{children}</span>\n      </button>\n    )\n  }\n)\nDropdownItem.displayName = \"DropdownItem\"\n\nexport interface DropdownSeparatorProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst DropdownSeparator = React.forwardRef<HTMLDivElement, DropdownSeparatorProps>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={merge(\"h-px bg-gray-200 dark:bg-gray-700 my-2\", className)} // 8px 여백\n      {...props}\n    />\n  )\n)\nDropdownSeparator.displayName = \"DropdownSeparator\"\n\nexport interface DropdownLabelProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst DropdownLabel = React.forwardRef<HTMLDivElement, DropdownLabelProps>(\n  ({ className, children, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={merge(\"px-4 py-2 text-xs font-semibold text-gray-500 dark:text-gray-400 uppercase tracking-wide\", className)} // 16px, 8px 패딩\n      {...props}\n    >\n      {children}\n    </div>\n  )\n)\nDropdownLabel.displayName = \"DropdownLabel\"\n\n// 편의 컴포넌트들\nconst DropdownMenu = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, children, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={merge(\"py-1\", className)} // 4px 패딩\n      {...props}\n    >\n      {children}\n    </div>\n  )\n)\nDropdownMenu.displayName = \"DropdownMenu\"\n\nconst DropdownGroup = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, children, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={merge(\"space-y-1\", className)} // 4px 간격\n      {...props}\n    >\n      {children}\n    </div>\n  )\n)\nDropdownGroup.displayName = \"DropdownGroup\"\n\nexport { Dropdown, DropdownItem, DropdownSeparator, DropdownLabel, DropdownMenu, DropdownGroup } ","\"use client\"\n\nimport React from \"react\"\nimport { merge } from \"../lib/utils\"\nimport { Icon } from \"./Icon\"\n\n/**\n * Drawer 컴포넌트의 props / Drawer component props\n * @typedef {Object} DrawerProps\n * @property {boolean} open - Drawer 열림/닫힘 상태 / Drawer open/close state\n * @property {(open: boolean) => void} onOpenChange - 상태 변경 콜백 / State change callback\n * @property {React.ReactNode} children - Drawer 내용 / Drawer content\n * @property {string} [className] - 추가 CSS 클래스 / Additional CSS class\n * @property {\"left\" | \"right\" | \"top\" | \"bottom\"} [side=\"right\"] - Drawer 표시 위치 / Drawer display position\n * @property {\"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\"} [size=\"md\"] - Drawer 크기 / Drawer size\n * @property {boolean} [showBackdrop=true] - 배경 오버레이 표시 여부 / Show backdrop overlay\n * @property {string} [backdropClassName] - 배경 오버레이 추가 CSS 클래스 / Backdrop overlay additional CSS class\n * @property {boolean} [closeOnBackdropClick=true] - 배경 클릭 시 닫기 여부 / Close on backdrop click\n * @property {boolean} [closeOnEscape=true] - ESC 키로 닫기 여부 / Close on ESC key\n */\ninterface DrawerProps {\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  children: React.ReactNode\n  className?: string\n  side?: \"left\" | \"right\" | \"top\" | \"bottom\"\n  size?: \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\"\n  showBackdrop?: boolean\n  backdropClassName?: string\n  closeOnBackdropClick?: boolean\n  closeOnEscape?: boolean\n}\n\n/**\n * Drawer 컴포넌트 / Drawer component\n * \n * 사이드에서 슬라이드되는 패널 컴포넌트입니다.\n * Modal과 유사하지만 특정 방향에서 슬라이드되는 애니메이션을 제공합니다.\n * ESC 키로 닫기, 배경 클릭으로 닫기 기능을 지원합니다.\n * \n * Panel component that slides from the side.\n * Similar to Modal but provides slide animation from a specific direction.\n * Supports closing with ESC key and backdrop click.\n * \n * @component\n * @example\n * // 기본 사용 / Basic usage\n * const [open, setOpen] = useState(false)\n * \n * <Drawer open={open} onOpenChange={setOpen}>\n *   <DrawerHeader>제목</DrawerHeader>\n *   <DrawerContent>내용</DrawerContent>\n *   <DrawerFooter>\n *     <Button onClick={() => setOpen(false)}>닫기</Button>\n *   </DrawerFooter>\n * </Drawer>\n * \n * @example\n * // 왼쪽에서 열기 / Open from left\n * <Drawer open={open} onOpenChange={setOpen} side=\"left\" size=\"lg\">\n *   <DrawerContent>사이드바 내용</DrawerContent>\n * </Drawer>\n * \n * @param {DrawerProps} props - Drawer 컴포넌트의 props / Drawer component props\n * @param {React.Ref<HTMLDivElement>} ref - Drawer 컨테이너 ref / Drawer container ref\n * @returns {JSX.Element} Drawer 컴포넌트 / Drawer component\n * \n * @todo 접근성 개선: role=\"dialog\", aria-modal=\"true\" 추가 필요 / Accessibility: Add role=\"dialog\", aria-modal=\"true\"\n * @todo 접근성 개선: aria-labelledby, aria-describedby 연결 필요 / Accessibility: Connect aria-labelledby, aria-describedby\n */\nconst Drawer = React.forwardRef<HTMLDivElement, DrawerProps>(\n  ({ \n    open, \n    onOpenChange, \n    children, \n    className,\n    side = \"right\",\n    size = \"md\",\n    showBackdrop = true,\n    backdropClassName,\n    closeOnBackdropClick = true,\n    closeOnEscape = true,\n    ...props \n  }, ref) => {\n    const [isVisible, setIsVisible] = React.useState(false)\n    const [isAnimating, setIsAnimating] = React.useState(false)\n\n    React.useEffect(() => {\n      if (open) {\n        setIsVisible(true)\n        setIsAnimating(true)\n        // 애니메이션 시작을 위한 지연\n        const timer = setTimeout(() => setIsAnimating(false), 50)\n        return () => clearTimeout(timer)\n      } else {\n        setIsAnimating(true)\n        const timer = setTimeout(() => {\n          setIsVisible(false)\n          setIsAnimating(false)\n        }, 300) // 애니메이션 완료 후 숨김\n        return () => clearTimeout(timer)\n      }\n    }, [open])\n\n    React.useEffect(() => {\n      if (!closeOnEscape) return\n\n      const handleEscape = (e: KeyboardEvent) => {\n        if (e.key === \"Escape\" && open) {\n          onOpenChange(false)\n        }\n      }\n\n      if (open) {\n        document.addEventListener(\"keydown\", handleEscape)\n        document.body.style.overflow = \"hidden\"\n      }\n\n      return () => {\n        document.removeEventListener(\"keydown\", handleEscape)\n        document.body.style.overflow = \"\"\n      }\n    }, [open, closeOnEscape, onOpenChange])\n\n    if (!isVisible) return null\n\n    const sizeClasses = {\n      sm: side === \"left\" || side === \"right\" ? \"w-80\" : \"h-64\",\n      md: side === \"left\" || side === \"right\" ? \"w-96\" : \"h-96\",\n      lg: side === \"left\" || side === \"right\" ? \"w-[28rem]\" : \"h-[32rem]\",\n      xl: side === \"left\" || side === \"right\" ? \"w-[32rem]\" : \"h-[40rem]\",\n      full: side === \"left\" || side === \"right\" ? \"w-full\" : \"h-full\"\n    }\n\n    const sideClasses = {\n      left: \"left-0 top-0 h-full translate-x-0\",\n      right: \"right-0 top-0 h-full translate-x-0\",\n      top: \"top-0 left-0 w-full translate-y-0\",\n      bottom: \"bottom-0 left-0 w-full translate-y-0\"\n    }\n\n    const transformClasses = {\n      left: isAnimating ? (open ? \"translate-x-0\" : \"-translate-x-full\") : \"\",\n      right: isAnimating ? (open ? \"translate-x-0\" : \"translate-x-full\") : \"\",\n      top: isAnimating ? (open ? \"translate-y-0\" : \"-translate-y-full\") : \"\",\n      bottom: isAnimating ? (open ? \"translate-y-0\" : \"translate-y-full\") : \"\"\n    }\n\n    return (\n      <div className=\"fixed inset-0 z-50\">\n        {/* Backdrop */}\n        {showBackdrop && (\n          <div\n            className={merge(\n              \"absolute inset-0 bg-black/60 backdrop-blur-md transition-opacity duration-300\",\n              isAnimating ? (open ? \"opacity-100\" : \"opacity-0\") : \"\",\n              backdropClassName\n            )}\n            onClick={closeOnBackdropClick ? () => onOpenChange(false) : undefined}\n          />\n        )}\n\n        {/* Drawer Content */}\n        <div\n          ref={ref}\n          className={merge(\n            \"absolute bg-white/95 dark:!bg-gray-800/95 backdrop-blur-xl border border-gray-200/50 dark:!border-gray-600/50 shadow-2xl transition-transform duration-300 ease-out\",\n            sizeClasses[size],\n            sideClasses[side],\n            transformClasses[side],\n            className\n          )}\n          {...props}\n        >\n          {children}\n        </div>\n      </div>\n    )\n  }\n)\nDrawer.displayName = \"Drawer\"\n\n/**\n * DrawerHeader 컴포넌트의 props / DrawerHeader component props\n * @typedef {Object} DrawerHeaderProps\n * @property {React.ReactNode} children - 헤더 내용 / Header content\n * @property {string} [className] - 추가 CSS 클래스 / Additional CSS class\n * @property {boolean} [showCloseButton=true] - 닫기 버튼 표시 여부 / Show close button\n * @property {() => void} [onClose] - 닫기 버튼 클릭 콜백 / Close button click callback\n */\ninterface DrawerHeaderProps {\n  children: React.ReactNode\n  className?: string\n  showCloseButton?: boolean\n  onClose?: () => void\n}\n\n/**\n * DrawerHeader 컴포넌트 / DrawerHeader component\n * Drawer의 헤더 영역을 표시합니다.\n * Displays the header area of a Drawer.\n * \n * @component\n * @param {DrawerHeaderProps} props - DrawerHeader 컴포넌트의 props / DrawerHeader component props\n * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref\n * @returns {JSX.Element} DrawerHeader 컴포넌트 / DrawerHeader component\n */\nconst DrawerHeader = React.forwardRef<HTMLDivElement, DrawerHeaderProps>(\n  ({ children, className, showCloseButton = true, onClose, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={merge(\"flex items-center justify-between p-6 border-b border-gray-200/50 dark:border-gray-700/50\", className)}\n        {...props}\n      >\n        <div className=\"flex-1\">{children}</div>\n        {showCloseButton && (\n          <button\n            onClick={onClose}\n            className=\"p-2 rounded-lg hover:bg-gray-100/80 dark:hover:bg-gray-800/80 transition-colors\"\n          >\n            <Icon name=\"close\" size={20} />\n          </button>\n        )}\n      </div>\n    )\n  }\n)\nDrawerHeader.displayName = \"DrawerHeader\"\n\n/**\n * DrawerContent 컴포넌트의 props / DrawerContent component props\n * @typedef {Object} DrawerContentProps\n * @property {React.ReactNode} children - 콘텐츠 / Content\n * @property {string} [className] - 추가 CSS 클래스 / Additional CSS class\n */\ninterface DrawerContentProps {\n  children: React.ReactNode\n  className?: string\n}\n\n/**\n * DrawerContent 컴포넌트 / DrawerContent component\n * Drawer의 메인 콘텐츠 영역을 표시합니다.\n * Displays the main content area of a Drawer.\n * \n * @component\n * @param {DrawerContentProps} props - DrawerContent 컴포넌트의 props / DrawerContent component props\n * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref\n * @returns {JSX.Element} DrawerContent 컴포넌트 / DrawerContent component\n */\nconst DrawerContent = React.forwardRef<HTMLDivElement, DrawerContentProps>(\n  ({ children, className, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={merge(\"flex-1 p-6 overflow-y-auto\", className)}\n        {...props}\n      >\n        {children}\n      </div>\n    )\n  }\n)\nDrawerContent.displayName = \"DrawerContent\"\n\n/**\n * DrawerFooter 컴포넌트의 props / DrawerFooter component props\n * @typedef {Object} DrawerFooterProps\n * @property {React.ReactNode} children - 푸터 내용 / Footer content\n * @property {string} [className] - 추가 CSS 클래스 / Additional CSS class\n */\ninterface DrawerFooterProps {\n  children: React.ReactNode\n  className?: string\n}\n\n/**\n * DrawerFooter 컴포넌트 / DrawerFooter component\n * Drawer의 푸터 영역을 표시합니다. 주로 액션 버튼을 배치합니다.\n * Displays the footer area of a Drawer. Typically used for action buttons.\n * \n * @component\n * @param {DrawerFooterProps} props - DrawerFooter 컴포넌트의 props / DrawerFooter component props\n * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref\n * @returns {JSX.Element} DrawerFooter 컴포넌트 / DrawerFooter component\n */\nconst DrawerFooter = React.forwardRef<HTMLDivElement, DrawerFooterProps>(\n  ({ children, className, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={merge(\"flex items-center justify-end gap-3 p-6 border-t border-gray-200/50 dark:border-gray-700/50\", className)}\n        {...props}\n      >\n        {children}\n      </div>\n    )\n  }\n)\nDrawerFooter.displayName = \"DrawerFooter\"\n\nexport { Drawer, DrawerHeader, DrawerContent, DrawerFooter } "]}