@hua-labs/ui 1.0.0 → 1.1.0-alpha.0.1

package/dist/chunk-ZQAAB3P4.mjs

@@ -0,0 +1,2 @@
+import {l}from'./chunk-DMYT7RZ4.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-ZQAAB3P4.mjs.map
+//# sourceMappingURL=chunk-ZQAAB3P4.mjs.map

package/dist/chunk-ZQAAB3P4.mjs.map

@@ -0,0 +1 @@
+{"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-ZQAAB3P4.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/components/Accordion.d.ts

@@ -1,4 +1,15 @@
-import * as React from "react";
+import React from "react";
+/**
+ * Accordion 컴포넌트의 props / Accordion component props
+ * @typedef {Object} AccordionProps
+ * @property {React.ReactNode} children - AccordionItem 컴포넌트들 / AccordionItem components
+ * @property {string} [className] - 추가 CSS 클래스 / Additional CSS class
+ * @property {"single" | "multiple"} [type="single"] - 단일 또는 다중 아이템 열기 허용 / Allow single or multiple items to be open
+ * @property {string | string[]} [defaultValue] - 초기 열린 아이템 값 (비제어 컴포넌트) / Initial open item value (uncontrolled component)
+ * @property {string | string[]} [value] - 현재 열린 아이템 값 (제어 컴포넌트) / Current open item value (controlled component)
+ * @property {(value: string | string[]) => void} [onValueChange] - 아이템 열림/닫힘 콜백 / Item open/close callback
+ * @property {boolean} [collapsible=false] - 단일 모드에서 열린 아이템을 닫을 수 있는지 여부 / Whether open item can be closed in single mode
+ */
 interface AccordionProps {
     children: React.ReactNode;
     className?: string;
@@ -8,7 +19,63 @@ interface AccordionProps {
     onValueChange?: (value: string | string[]) => void;
     collapsible?: boolean;
 }
+/**
+ * Accordion 컴포넌트 / Accordion component
+ *
+ * 접을 수 있는 콘텐츠 섹션을 제공하는 컴포넌트입니다.
+ * 키보드 네비게이션(Arrow keys, Home/End)을 지원하며, ARIA 속성을 자동으로 설정합니다.
+ *
+ * Component that provides collapsible content sections.
+ * Supports keyboard navigation (Arrow keys, Home/End) and automatically sets ARIA attributes.
+ *
+ * @component
+ * @example
+ * // 기본 사용 (단일 열기) / Basic usage (single open)
+ * <Accordion type="single">
+ *   <AccordionItem value="item1">
+ *     <AccordionTrigger>제목 1</AccordionTrigger>
+ *     <AccordionContent>내용 1</AccordionContent>
+ *   </AccordionItem>
+ *   <AccordionItem value="item2">
+ *     <AccordionTrigger>제목 2</AccordionTrigger>
+ *     <AccordionContent>내용 2</AccordionContent>
+ *   </AccordionItem>
+ * </Accordion>
+ *
+ * @example
+ * // 다중 열기 / Multiple open
+ * <Accordion type="multiple" defaultValue={["item1", "item2"]}>
+ *   <AccordionItem value="item1">
+ *     <AccordionTrigger>제목 1</AccordionTrigger>
+ *     <AccordionContent>내용 1</AccordionContent>
+ *   </AccordionItem>
+ * </Accordion>
+ *
+ * @example
+ * // 제어 컴포넌트 / Controlled component
+ * const [openItems, setOpenItems] = useState<string[]>([])
+ * <Accordion type="multiple" value={openItems} onValueChange={setOpenItems}>
+ *   <AccordionItem value="item1">
+ *     <AccordionTrigger>제목</AccordionTrigger>
+ *     <AccordionContent>내용</AccordionContent>
+ *   </AccordionItem>
+ * </Accordion>
+ *
+ * @param {AccordionProps} props - Accordion 컴포넌트의 props / Accordion component props
+ * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
+ * @returns {JSX.Element} Accordion 컴포넌트 / Accordion component
+ */
 declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * AccordionItem 컴포넌트의 props / AccordionItem component props
+ * @typedef {Object} AccordionItemProps
+ * @property {string} value - 아이템의 고유 값 / Item unique value
+ * @property {React.ReactNode} children - AccordionTrigger와 AccordionContent / AccordionTrigger and AccordionContent
+ * @property {string} [className] - 추가 CSS 클래스 / Additional CSS class
+ * @property {boolean} [disabled=false] - 아이템 비활성화 여부 / Item disabled state
+ * @property {string[]} [openItems] - 열린 아이템 목록 (Accordion에서 자동 전달) / Open items list (auto-passed from Accordion)
+ * @property {(value: string) => void} [onToggle] - 토글 콜백 (Accordion에서 자동 전달) / Toggle callback (auto-passed from Accordion)
+ */
 interface AccordionItemProps {
     value: string;
     children: React.ReactNode;
@@ -17,6 +84,16 @@ interface AccordionItemProps {
     openItems?: string[];
     onToggle?: (value: string) => void;
 }
+/**
+ * AccordionItem 컴포넌트 / AccordionItem component
+ * 아코디언의 개별 아이템을 감싸는 컨테이너입니다.
+ * Container that wraps an individual accordion item.
+ *
+ * @component
+ * @param {AccordionItemProps} props - AccordionItem 컴포넌트의 props / AccordionItem component props
+ * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
+ * @returns {JSX.Element} AccordionItem 컴포넌트 / AccordionItem component
+ */
 declare const AccordionItem: React.ForwardRefExoticComponent<AccordionItemProps & React.RefAttributes<HTMLDivElement>>;
 interface AccordionTriggerProps {
     children: React.ReactNode;
@@ -29,11 +106,42 @@ interface AccordionTriggerProps {
     onToggle?: () => void;
 }
 declare const AccordionTrigger: React.ForwardRefExoticComponent<AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+/**
+ * AccordionTrigger 컴포넌트 / AccordionTrigger component
+ * 아코디언 아이템을 열고 닫는 트리거 버튼입니다.
+ * Button that opens and closes an accordion item.
+ *
+ * @component
+ * @param {AccordionTriggerProps} props - AccordionTrigger 컴포넌트의 props / AccordionTrigger component props
+ * @param {React.Ref<HTMLButtonElement>} ref - button 요소 ref / button element ref
+ * @returns {JSX.Element} AccordionTrigger 컴포넌트 / AccordionTrigger component
+ */
+/**
+ * AccordionContent 컴포넌트의 props
+ * @typedef {Object} AccordionContentProps
+ * @property {React.ReactNode} children - 콘텐츠
+ * @property {string} [className] - 추가 CSS 클래스
+ * @property {boolean} [isOpen] - 열림 상태 (AccordionItem에서 자동 전달)
+ * @property {string} [value] - 아이템 값 (AccordionItem에서 자동 전달)
+ * @property {string} ['data-accordion-value'] - 아이템 값 (내부 사용)
+ */
 interface AccordionContentProps {
     children: React.ReactNode;
     className?: string;
     isOpen?: boolean;
+    value?: string;
+    'data-accordion-value'?: string;
 }
+/**
+ * AccordionContent 컴포넌트 / AccordionContent component
+ * 아코디언 아이템의 콘텐츠를 표시합니다.
+ * Displays the content of an accordion item.
+ *
+ * @component
+ * @param {AccordionContentProps} props - AccordionContent 컴포넌트의 props / AccordionContent component props
+ * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
+ * @returns {JSX.Element} AccordionContent 컴포넌트 / AccordionContent component
+ */
 declare const AccordionContent: React.ForwardRefExoticComponent<AccordionContentProps & React.RefAttributes<HTMLDivElement>>;
 export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };
 //# sourceMappingURL=Accordion.d.ts.map

package/dist/components/Accordion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../src/components/Accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,UAAU,cAAc;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAA;IAC5B,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAChC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IACzB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAA;IAClD,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED,QAAA,MAAM,SAAS,uFA8Dd,CAAA;AAGD,UAAU,kBAAkB;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,EAAE,CAAA;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACnC;AAED,QAAA,MAAM,aAAa,2FAqClB,CAAA;AAGD,UAAU,qBAAqB;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB;AAED,QAAA,MAAM,gBAAgB,iGAyCrB,CAAA;AAGD,UAAU,qBAAqB;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,QAAA,MAAM,gBAAgB,8FA+BrB,CAAA;AAGD,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAA"}
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../src/components/Accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB;;;;;;;;;;GAUG;AACH,UAAU,cAAc;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAA;IAC5B,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAChC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IACzB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAA;IAClD,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,QAAA,MAAM,SAAS,uFA8Gd,CAAA;AAGD;;;;;;;;;GASG;AACH,UAAU,kBAAkB;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,EAAE,CAAA;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACnC;AAED;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,2FAsClB,CAAA;AAGD,UAAU,qBAAqB;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB;AAED,QAAA,MAAM,gBAAgB,iGAkDrB,CAAA;AAGD;;;;;;;;;GASG;AAEH;;;;;;;;GAQG;AACH,UAAU,qBAAqB;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,sBAAsB,CAAC,EAAE,MAAM,CAAA;CAChC;AAED;;;;;;;;;GASG;AACH,QAAA,MAAM,gBAAgB,8FAuCrB,CAAA;AAGD,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAA"}

package/dist/components/Action.d.ts

@@ -0,0 +1,68 @@
+import React from "react";
+import { type ButtonProps } from "./Button";
+/** Action 전용 옵션(버튼 공통 옵션은 ButtonProps에서 상속) */
+type ActionKind = "primary" | "secondary" | "tertiary" | "magical" | "cyberpunk" | "ninja" | "wizard" | "sniper";
+type FeedbackKind = "ripple" | "particle" | "sound" | "haptic" | "glitch" | "sparkle" | "smoke";
+type ActionExtras = {
+    actionType?: ActionKind;
+    feedback?: FeedbackKind;
+    particleEffect?: boolean;
+    rippleEffect?: boolean;
+    soundEffect?: boolean;
+    hapticFeedback?: boolean;
+    transparency?: number;
+    blurIntensity?: number;
+    glowIntensity?: number;
+    glowColor?: string;
+};
+/**
+ * Action 컴포넌트의 props / Action component props
+ * @typedef {Object} ActionProps
+ * @property {ActionKind} [actionType="primary"] - Action 타입 / Action type
+ * @property {FeedbackKind} [feedback="ripple"] - 피드백 타입 / Feedback type
+ * @property {boolean} [particleEffect=false] - 파티클 효과 활성화 / Enable particle effect
+ * @property {boolean} [rippleEffect=false] - 리플 효과 활성화 / Enable ripple effect
+ * @property {boolean} [soundEffect=false] - 사운드 효과 활성화 / Enable sound effect
+ * @property {boolean} [hapticFeedback=false] - 햅틱 피드백 활성화 / Enable haptic feedback
+ * @property {number} [transparency=1] - 투명도 (0-1) / Transparency (0-1)
+ * @property {number} [blurIntensity=0] - blur 강도 (px) / Blur intensity (px)
+ * @property {number} [glowIntensity=0] - 글로우 강도 (px) / Glow intensity (px)
+ * @property {string} [glowColor="rgba(91,140,255,.8)"] - 글로우 색상 / Glow color
+ * @extends {ButtonProps}
+ */
+export type ActionProps = ButtonProps & ActionExtras;
+type AnchorEl = HTMLAnchorElement;
+type ButtonEl = HTMLButtonElement;
+type AnchorOrButton = AnchorEl | ButtonEl;
+/**
+ * Action 컴포넌트 / Action component
+ *
+ * 고급 효과를 가진 액션 버튼 컴포넌트입니다.
+ * Button 컴포넌트를 기반으로 하며, 파티클, 리플, 사운드, 햅틱 피드백 등을 지원합니다.
+ *
+ * Action button component with advanced effects.
+ * Based on Button component, supports particle, ripple, sound, haptic feedback, etc.
+ *
+ * @component
+ * @example
+ * // 기본 사용 / Basic usage
+ * <Action>클릭</Action>
+ *
+ * @example
+ * // 고급 효과 / Advanced effects
+ * <Action
+ *   actionType="magical"
+ *   feedback="particle"
+ *   particleEffect
+ *   rippleEffect
+ * >
+ *   마법 버튼
+ * </Action>
+ *
+ * @param {ActionProps} props - Action 컴포넌트의 props / Action component props
+ * @param {React.Ref<AnchorOrButton>} ref - button 또는 anchor 요소 ref / button or anchor element ref
+ * @returns {JSX.Element} Action 컴포넌트 / Action component
+ */
+export declare const Action: React.ForwardRefExoticComponent<ActionProps & React.RefAttributes<AnchorOrButton>>;
+export {};
+//# sourceMappingURL=Action.d.ts.map

package/dist/components/Action.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Action.d.ts","sourceRoot":"","sources":["../../src/components/Action.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAEpD,+CAA+C;AAC/C,KAAK,UAAU,GACX,SAAS,GAAG,WAAW,GAAG,UAAU,GACpC,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAC5D,KAAK,YAAY,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC;AAEhG,KAAK,YAAY,GAAG;IAClB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,YAAY,CAAC;IAExB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,MAAM,MAAM,WAAW,GAAG,WAAW,GAAG,YAAY,CAAC;AAErD,KAAK,QAAQ,GAAG,iBAAiB,CAAC;AAClC,KAAK,QAAQ,GAAG,iBAAiB,CAAC;AAClC,KAAK,cAAc,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAgB1C;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,MAAM,oFAiOlB,CAAC"}

package/dist/components/ActionToolbar.d.ts

@@ -0,0 +1,65 @@
+import React from 'react';
+import type { IconName } from '../lib/icons';
+/**
+ * ActionButton 인터페이스
+ * @typedef {Object} ActionButton
+ * @property {string} label - 버튼 라벨 (데스크톱)
+ * @property {string} [labelMobile] - 버튼 라벨 (모바일, 없으면 label 사용)
+ * @property {IconName} [icon] - 버튼 아이콘
+ * @property {() => void} onClick - 클릭 핸들러
+ * @property {boolean} [disabled] - 비활성화 여부
+ * @property {'default' | 'outline' | 'destructive' | 'ghost'} [variant='outline'] - 버튼 스타일
+ * @property {Object} [badge] - 배지 정보
+ * @property {number} badge.count - 배지 숫자
+ * @property {'blue' | 'red' | 'gray' | 'green'} [badge.color='gray'] - 배지 색상
+ * @property {string} [className] - 추가 CSS 클래스
+ */
+export interface ActionButton {
+    label: string;
+    labelMobile?: string;
+    icon?: IconName;
+    onClick: () => void;
+    disabled?: boolean;
+    variant?: 'default' | 'outline' | 'destructive' | 'ghost';
+    badge?: {
+        count: number;
+        color?: 'blue' | 'red' | 'gray' | 'green';
+    };
+    className?: string;
+}
+/**
+ * ActionToolbar 컴포넌트의 props / ActionToolbar component props
+ * @typedef {Object} ActionToolbarProps
+ * @property {boolean} [isSelectMode=false] - 선택 모드 활성화 여부 / Enable select mode
+ * @property {number} [totalCount=0] - 전체 항목 개수 / Total item count
+ * @property {number} [selectedCount=0] - 선택된 항목 개수 / Selected item count
+ * @property {ActionButton[]} [actions=[]] - 일반 모드 액션 버튼들 / Normal mode action buttons
+ * @property {ActionButton[]} [selectModeActions=[]] - 선택 모드 액션 버튼들 / Select mode action buttons
+ * @property {() => void} [onToggleSelectMode] - 선택 모드 토글 함수 / Toggle select mode function
+ * @property {() => void} [onToggleSelectAll] - 전체 선택/해제 함수 / Toggle select all function
+ * @property {() => void} [onCancelSelect] - 선택 모드 취소 함수 / Cancel select mode function
+ * @property {boolean} [loading=false] - 로딩 상태 / Loading state
+ * @extends {React.HTMLAttributes<HTMLDivElement>}
+ */
+export interface ActionToolbarProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** 선택 모드 활성화 여부 */
+    isSelectMode?: boolean;
+    /** 전체 항목 개수 */
+    totalCount?: number;
+    /** 선택된 항목 개수 */
+    selectedCount?: number;
+    /** 일반 모드 액션 버튼들 */
+    actions?: ActionButton[];
+    /** 선택 모드 액션 버튼들 */
+    selectModeActions?: ActionButton[];
+    /** 선택 모드 토글 함수 */
+    onToggleSelectMode?: () => void;
+    /** 전체 선택/해제 함수 */
+    onToggleSelectAll?: () => void;
+    /** 선택 모드 취소 함수 */
+    onCancelSelect?: () => void;
+    /** 로딩 상태 */
+    loading?: boolean;
+}
+export declare const ActionToolbar: React.NamedExoticComponent<ActionToolbarProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ActionToolbar.d.ts.map

package/dist/components/ActionToolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionToolbar.d.ts","sourceRoot":"","sources":["../../src/components/ActionToolbar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAGpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAG7C;;;;;;;;;;;;;GAaG;AACH,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,aAAa,GAAG,OAAO,CAAC;IAC1D,KAAK,CAAC,EAAE;QACN,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,MAAM,GAAG,OAAO,CAAC;KAC3C,CAAC;IACF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;GAaG;AACH,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9E,mBAAmB;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mBAAmB;IACnB,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,mBAAmB;IACnB,iBAAiB,CAAC,EAAE,YAAY,EAAE,CAAC;IACnC,kBAAkB;IAClB,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,kBAAkB;IAClB,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,kBAAkB;IAClB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,YAAY;IACZ,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAqLD,eAAO,MAAM,aAAa,sFAAqC,CAAC"}

package/dist/components/Alert.d.ts

@@ -1,4 +1,16 @@
 import React from "react";
+/**
+ * Alert 컴포넌트의 props
+ * @typedef {Object} AlertProps
+ * @property {"default" | "success" | "warning" | "error" | "info"} [variant="default"] - Alert 스타일 변형
+ * @property {string} [title] - Alert 제목
+ * @property {string} [description] - Alert 설명
+ * @property {React.ReactNode} [icon] - 커스텀 아이콘
+ * @property {React.ReactNode} [action] - 액션 버튼/요소
+ * @property {boolean} [closable=false] - 닫기 버튼 표시 여부
+ * @property {() => void} [onClose] - 닫기 버튼 클릭 시 호출되는 콜백
+ * @extends {React.HTMLAttributes<HTMLDivElement>}
+ */
 export interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {
     variant?: "default" | "success" | "warning" | "error" | "info";
     title?: string;
@@ -8,6 +20,43 @@ export interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {
     closable?: boolean;
     onClose?: () => void;
 }
+/**
+ * Alert 컴포넌트 / Alert component
+ *
+ * 사용자에게 중요한 정보나 경고를 표시하는 컴포넌트입니다.
+ * 다양한 변형(variant)을 지원하며, 아이콘, 제목, 설명, 액션 버튼을 포함할 수 있습니다.
+ *
+ * Component for displaying important information or warnings to users.
+ * Supports various variants and can include icons, titles, descriptions, and action buttons.
+ *
+ * @component
+ * @example
+ * // 기본 사용 / Basic usage
+ * <Alert variant="info" title="정보" description="이것은 정보 메시지입니다." />
+ *
+ * @example
+ * // 닫기 버튼 포함 / With close button
+ * <Alert
+ *   variant="warning"
+ *   title="경고"
+ *   closable
+ *   onClose={() => console.log('닫기')}
+ * />
+ *
+ * @example
+ * // 커스텀 아이콘과 액션 / Custom icon and action
+ * <Alert
+ *   variant="success"
+ *   icon={<Icon name="check" />}
+ *   action={<Button size="sm">확인</Button>}
+ * >
+ *   작업이 완료되었습니다.
+ * </Alert>
+ *
+ * @param {AlertProps} props - Alert 컴포넌트의 props / Alert component props
+ * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
+ * @returns {JSX.Element} Alert 컴포넌트 / Alert component
+ */
 declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
 export declare const AlertSuccess: React.ForwardRefExoticComponent<Omit<AlertProps, "variant"> & React.RefAttributes<HTMLDivElement>>;
 export declare const AlertWarning: React.ForwardRefExoticComponent<Omit<AlertProps, "variant"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Alert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../src/components/Alert.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAA;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,QAAA,MAAM,KAAK,mFAuIV,CAAA;AAID,eAAO,MAAM,YAAY,oGAIxB,CAAA;AAGD,eAAO,MAAM,YAAY,oGAIxB,CAAA;AAGD,eAAO,MAAM,UAAU,oGAItB,CAAA;AAGD,eAAO,MAAM,SAAS,oGAIrB,CAAA;AAGD,OAAO,EAAE,KAAK,EAAE,CAAA"}
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../src/components/Alert.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAA;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,QAAA,MAAM,KAAK,mFAuIV,CAAA;AAID,eAAO,MAAM,YAAY,oGAIxB,CAAA;AAGD,eAAO,MAAM,YAAY,oGAIxB,CAAA;AAGD,eAAO,MAAM,UAAU,oGAItB,CAAA;AAGD,eAAO,MAAM,SAAS,oGAIrB,CAAA;AAGD,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/dist/components/Autocomplete.d.ts

@@ -0,0 +1,88 @@
+import React from "react";
+/**
+ * Autocomplete 옵션 인터페이스 / Autocomplete option interface
+ * @typedef {Object} AutocompleteOption
+ * @property {string} value - 옵션 값 / Option value
+ * @property {string} label - 옵션 라벨 / Option label
+ * @property {string} [description] - 옵션 설명 / Option description
+ * @property {React.ReactNode} [icon] - 옵션 아이콘 / Option icon
+ * @property {Record<string, unknown>} [data] - 추가 데이터 / Additional data
+ */
+export interface AutocompleteOption {
+    value: string;
+    label: string;
+    description?: string;
+    icon?: React.ReactNode;
+    data?: Record<string, unknown>;
+}
+/**
+ * Autocomplete 컴포넌트의 props / Autocomplete component props
+ * @typedef {Object} AutocompleteProps
+ * @property {AutocompleteOption[]} options - 옵션 목록 / Options list
+ * @property {string} [value] - 선택된 값 / Selected value
+ * @property {(value: string, option?: AutocompleteOption) => void} [onChange] - 값 변경 핸들러 / Value change handler
+ * @property {string} [placeholder="검색하거나 선택하세요"] - 플레이스홀더 / Placeholder
+ * @property {boolean} [disabled=false] - 비활성화 상태 / Disabled state
+ * @property {boolean} [error=false] - 에러 상태 / Error state
+ * @property {boolean} [loading=false] - 로딩 상태 / Loading state
+ * @property {number} [maxHeight=300] - 드롭다운 최대 높이 (px) / Dropdown max height in px
+ * @property {boolean} [clearable=true] - 지우기 버튼 표시 / Show clear button
+ * @property {boolean} [filterable=true] - 필터링 활성화 / Enable filtering
+ * @property {(query: string) => AutocompleteOption[] | Promise<AutocompleteOption[]>} [onSearch] - 검색 핸들러 (비동기 지원) / Search handler (async support)
+ * @property {React.ReactNode} [emptyText="결과가 없습니다"] - 빈 결과 텍스트 / Empty result text
+ * @property {"sm" | "md" | "lg"} [size="md"] - 크기 / Size
+ * @property {string} [className] - 추가 클래스명 / Additional class name
+ * @extends {Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>}
+ */
+export interface AutocompleteProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    options: AutocompleteOption[];
+    value?: string;
+    onChange?: (value: string, option?: AutocompleteOption) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    error?: boolean;
+    loading?: boolean;
+    maxHeight?: number;
+    clearable?: boolean;
+    filterable?: boolean;
+    onSearch?: (query: string) => AutocompleteOption[] | Promise<AutocompleteOption[]>;
+    emptyText?: string;
+    size?: "sm" | "md" | "lg";
+    className?: string;
+}
+/**
+ * Autocomplete 컴포넌트 / Autocomplete component
+ *
+ * 자동완성 입력 컴포넌트입니다.
+ * 입력하면서 옵션을 필터링하고 선택할 수 있습니다.
+ *
+ * Autocomplete input component.
+ * Filters and selects options as you type.
+ *
+ * @component
+ * @example
+ * // 기본 사용 / Basic usage
+ * <Autocomplete
+ *   options={[
+ *     { value: "1", label: "옵션 1" },
+ *     { value: "2", label: "옵션 2" }
+ *   ]}
+ *   onChange={(value) => console.log(value)}
+ * />
+ *
+ * @example
+ * // 비동기 검색 / Async search
+ * <Autocomplete
+ *   options={options}
+ *   onSearch={async (query) => {
+ *     const results = await searchAPI(query)
+ *     return results
+ *   }}
+ *   loading={isLoading}
+ * />
+ *
+ * @param {AutocompleteProps} props - Autocomplete 컴포넌트의 props / Autocomplete component props
+ * @returns {JSX.Element} Autocomplete 컴포넌트 / Autocomplete component
+ */
+export declare const Autocomplete: React.ForwardRefExoticComponent<AutocompleteProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Autocomplete.d.ts.map

package/dist/components/Autocomplete.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../src/components/Autocomplete.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB;;;;;;;;GAQG;AACH,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CAC/B;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC/F,OAAO,EAAE,kBAAkB,EAAE,CAAA;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,kBAAkB,KAAK,IAAI,CAAA;IAC/D,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,kBAAkB,EAAE,GAAG,OAAO,CAAC,kBAAkB,EAAE,CAAC,CAAA;IAClF,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAQD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,YAAY,0FAqQxB,CAAA"}

package/dist/components/Avatar.d.ts

@@ -1,13 +1,83 @@
-import * as React from "react";
+import React from "react";
+/**
+ * Avatar 컴포넌트의 props / Avatar component props
+ * @typedef {Object} AvatarProps
+ * @property {"sm" | "md" | "lg"} [size="md"] - 아바타 크기 / Avatar size
+ * @property {"default" | "glass"} [variant="default"] - 아바타 스타일 변형 / Avatar style variant
+ * @property {string} [src] - 이미지 URL / Image URL
+ * @property {string} [alt] - 이미지 대체 텍스트 / Image alt text
+ * @extends {React.HTMLAttributes<HTMLDivElement>}
+ */
 export interface AvatarProps extends React.HTMLAttributes<HTMLDivElement> {
     size?: "sm" | "md" | "lg";
+    variant?: "default" | "glass";
+    src?: string;
+    alt?: string;
 }
+/**
+ * AvatarImage 컴포넌트의 props
+ * @typedef {Object} AvatarImageProps
+ * @extends {React.ImgHTMLAttributes<HTMLImageElement>}
+ */
 export interface AvatarImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {
 }
+/**
+ * AvatarFallback 컴포넌트의 props
+ * @typedef {Object} AvatarFallbackProps
+ * @extends {React.HTMLAttributes<HTMLDivElement>}
+ */
 export interface AvatarFallbackProps extends React.HTMLAttributes<HTMLDivElement> {
 }
+/**
+ * Avatar 컴포넌트 / Avatar component
+ *
+ * 사용자 프로필 이미지를 표시하는 컴포넌트입니다.
+ * 이미지가 없을 경우 대체 텍스트나 초기 문자를 표시합니다.
+ *
+ * Component for displaying user profile images.
+ * Shows fallback text or initials when image is not available.
+ *
+ * @component
+ * @example
+ * // 기본 사용 (이미지) / Basic usage (with image)
+ * <Avatar src="/user.jpg" alt="사용자" />
+ *
+ * @example
+ * // 대체 텍스트 / Fallback text
+ * <Avatar alt="홍길동">홍</Avatar>
+ *
+ * @example
+ * // Glass 스타일 / Glass style
+ * <Avatar variant="glass" size="lg" src="/user.jpg" alt="사용자" />
+ *
+ * @param {AvatarProps} props - Avatar 컴포넌트의 props / Avatar component props
+ * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
+ * @returns {JSX.Element} Avatar 컴포넌트 / Avatar component
+ */
 declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * AvatarImage 컴포넌트 / AvatarImage component
+ *
+ * 아바타 이미지를 표시하는 컴포넌트입니다.
+ * Displays the avatar image.
+ *
+ * @component
+ * @param {AvatarImageProps} props - AvatarImage 컴포넌트의 props / AvatarImage component props
+ * @param {React.Ref<HTMLImageElement>} ref - img 요소 ref / img element ref
+ * @returns {JSX.Element} AvatarImage 컴포넌트 / AvatarImage component
+ */
 declare const AvatarImage: React.ForwardRefExoticComponent<AvatarImageProps & React.RefAttributes<HTMLImageElement>>;
+/**
+ * AvatarFallback 컴포넌트 / AvatarFallback component
+ *
+ * 아바타 이미지가 없을 때 표시되는 대체 컴포넌트입니다.
+ * Fallback component displayed when avatar image is not available.
+ *
+ * @component
+ * @param {AvatarFallbackProps} props - AvatarFallback 컴포넌트의 props / AvatarFallback component props
+ * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
+ * @returns {JSX.Element} AvatarFallback 컴포넌트 / AvatarFallback component
+ */
 declare const AvatarFallback: React.ForwardRefExoticComponent<AvatarFallbackProps & React.RefAttributes<HTMLDivElement>>;
 export { Avatar, AvatarImage, AvatarFallback };
 //# sourceMappingURL=Avatar.d.ts.map

package/dist/components/Avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../src/components/Avatar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACvE,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAC1B;AAED,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC;CAAG;AAEtF,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEpF,QAAA,MAAM,MAAM,oFAoBX,CAAA;AAGD,QAAA,MAAM,WAAW,2FAQhB,CAAA;AAGD,QAAA,MAAM,cAAc,4FAWnB,CAAA;AAGD,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,CAAA"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../src/components/Avatar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB;;;;;;;;GAQG;AACH,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACvE,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAC7B,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;CACb;AAED;;;;GAIG;AACH,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC;CAAG;AAEtF;;;;GAIG;AACH,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEpF;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,QAAA,MAAM,MAAM,oFAkCX,CAAA;AAGD;;;;;;;;;;GAUG;AACH,QAAA,MAAM,WAAW,2FAQhB,CAAA;AAGD;;;;;;;;;;GAUG;AACH,QAAA,MAAM,cAAc,4FAWnB,CAAA;AAGD,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,CAAA"}