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

package/dist/components/Divider.d.ts

@@ -1,11 +1,21 @@
-import * as React from "react";
+import React from "react";
+/**
+ * Divider 컴포넌트의 props / Divider component props
+ * @typedef {Object} DividerProps
+ * @property {"horizontal" | "vertical"} [orientation="horizontal"] - Divider 방향 / Divider orientation
+ * @property {"solid" | "dashed" | "dotted" | "gradient" | "glass"} [variant="solid"] - Divider 스타일 변형 / Divider style variant
+ * @property {"sm" | "md" | "lg"} [size="md"] - Divider 크기 / Divider size
+ * @property {"none" | "sm" | "md" | "lg" | "xl"} [spacing="md"] - Divider 주변 여백 / Divider spacing
+ * @property {"default" | "muted" | "primary" | "secondary"} [color="default"] - Divider 색상 / Divider color
+ * @extends {React.HTMLAttributes<HTMLDivElement>}
+ */
 export interface DividerProps extends React.HTMLAttributes<HTMLDivElement> {
     orientation?: "horizontal" | "vertical";
-    variant?: "solid" | "dashed" | "dotted" | "gradient";
+    variant?: "solid" | "dashed" | "dotted" | "gradient" | "glass";
     size?: "sm" | "md" | "lg";
     spacing?: "none" | "sm" | "md" | "lg" | "xl";
     color?: "default" | "muted" | "primary" | "secondary";
 }
-declare const Divider: React.ForwardRefExoticComponent<DividerProps & React.RefAttributes<HTMLDivElement>>;
+declare const Divider: React.NamedExoticComponent<DividerProps & React.RefAttributes<HTMLDivElement>>;
 export { Divider };
 //# sourceMappingURL=Divider.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../src/components/Divider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACxE,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,CAAA;IACpD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IAC5C,KAAK,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,WAAW,CAAA;CACtD;AAED,QAAA,MAAM,OAAO,qFA6DZ,CAAA;AAGD,OAAO,EAAE,OAAO,EAAE,CAAA"}
+{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../src/components/Divider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB;;;;;;;;;GASG;AACH,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACxE,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAA;IAC9D,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IAC5C,KAAK,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,WAAW,CAAA;CACtD;AAqGD,QAAA,MAAM,OAAO,gFAA+B,CAAA;AAE5C,OAAO,EAAE,OAAO,EAAE,CAAA"}

package/dist/components/Drawer.d.ts

@@ -1,4 +1,18 @@
-import * as React from "react";
+import React from "react";
+/**
+ * Drawer 컴포넌트의 props / Drawer component props
+ * @typedef {Object} DrawerProps
+ * @property {boolean} open - Drawer 열림/닫힘 상태 / Drawer open/close state
+ * @property {(open: boolean) => void} onOpenChange - 상태 변경 콜백 / State change callback
+ * @property {React.ReactNode} children - Drawer 내용 / Drawer content
+ * @property {string} [className] - 추가 CSS 클래스 / Additional CSS class
+ * @property {"left" | "right" | "top" | "bottom"} [side="right"] - Drawer 표시 위치 / Drawer display position
+ * @property {"sm" | "md" | "lg" | "xl" | "full"} [size="md"] - Drawer 크기 / Drawer size
+ * @property {boolean} [showBackdrop=true] - 배경 오버레이 표시 여부 / Show backdrop overlay
+ * @property {string} [backdropClassName] - 배경 오버레이 추가 CSS 클래스 / Backdrop overlay additional CSS class
+ * @property {boolean} [closeOnBackdropClick=true] - 배경 클릭 시 닫기 여부 / Close on backdrop click
+ * @property {boolean} [closeOnEscape=true] - ESC 키로 닫기 여부 / Close on ESC key
+ */
 interface DrawerProps {
     open: boolean;
     onOpenChange: (open: boolean) => void;
@@ -7,26 +21,114 @@ interface DrawerProps {
     side?: "left" | "right" | "top" | "bottom";
     size?: "sm" | "md" | "lg" | "xl" | "full";
     showBackdrop?: boolean;
+    backdropClassName?: string;
     closeOnBackdropClick?: boolean;
     closeOnEscape?: boolean;
 }
+/**
+ * Drawer 컴포넌트 / Drawer component
+ *
+ * 사이드에서 슬라이드되는 패널 컴포넌트입니다.
+ * Modal과 유사하지만 특정 방향에서 슬라이드되는 애니메이션을 제공합니다.
+ * ESC 키로 닫기, 배경 클릭으로 닫기 기능을 지원합니다.
+ *
+ * Panel component that slides from the side.
+ * Similar to Modal but provides slide animation from a specific direction.
+ * Supports closing with ESC key and backdrop click.
+ *
+ * @component
+ * @example
+ * // 기본 사용 / Basic usage
+ * const [open, setOpen] = useState(false)
+ *
+ * <Drawer open={open} onOpenChange={setOpen}>
+ *   <DrawerHeader>제목</DrawerHeader>
+ *   <DrawerContent>내용</DrawerContent>
+ *   <DrawerFooter>
+ *     <Button onClick={() => setOpen(false)}>닫기</Button>
+ *   </DrawerFooter>
+ * </Drawer>
+ *
+ * @example
+ * // 왼쪽에서 열기 / Open from left
+ * <Drawer open={open} onOpenChange={setOpen} side="left" size="lg">
+ *   <DrawerContent>사이드바 내용</DrawerContent>
+ * </Drawer>
+ *
+ * @param {DrawerProps} props - Drawer 컴포넌트의 props / Drawer component props
+ * @param {React.Ref<HTMLDivElement>} ref - Drawer 컨테이너 ref / Drawer container ref
+ * @returns {JSX.Element} Drawer 컴포넌트 / Drawer component
+ *
+ * @todo 접근성 개선: role="dialog", aria-modal="true" 추가 필요 / Accessibility: Add role="dialog", aria-modal="true"
+ * @todo 접근성 개선: aria-labelledby, aria-describedby 연결 필요 / Accessibility: Connect aria-labelledby, aria-describedby
+ */
 declare const Drawer: React.ForwardRefExoticComponent<DrawerProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * DrawerHeader 컴포넌트의 props / DrawerHeader component props
+ * @typedef {Object} DrawerHeaderProps
+ * @property {React.ReactNode} children - 헤더 내용 / Header content
+ * @property {string} [className] - 추가 CSS 클래스 / Additional CSS class
+ * @property {boolean} [showCloseButton=true] - 닫기 버튼 표시 여부 / Show close button
+ * @property {() => void} [onClose] - 닫기 버튼 클릭 콜백 / Close button click callback
+ */
 interface DrawerHeaderProps {
     children: React.ReactNode;
     className?: string;
     showCloseButton?: boolean;
     onClose?: () => void;
 }
+/**
+ * DrawerHeader 컴포넌트 / DrawerHeader component
+ * Drawer의 헤더 영역을 표시합니다.
+ * Displays the header area of a Drawer.
+ *
+ * @component
+ * @param {DrawerHeaderProps} props - DrawerHeader 컴포넌트의 props / DrawerHeader component props
+ * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
+ * @returns {JSX.Element} DrawerHeader 컴포넌트 / DrawerHeader component
+ */
 declare const DrawerHeader: React.ForwardRefExoticComponent<DrawerHeaderProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * DrawerContent 컴포넌트의 props / DrawerContent component props
+ * @typedef {Object} DrawerContentProps
+ * @property {React.ReactNode} children - 콘텐츠 / Content
+ * @property {string} [className] - 추가 CSS 클래스 / Additional CSS class
+ */
 interface DrawerContentProps {
     children: React.ReactNode;
     className?: string;
 }
+/**
+ * DrawerContent 컴포넌트 / DrawerContent component
+ * Drawer의 메인 콘텐츠 영역을 표시합니다.
+ * Displays the main content area of a Drawer.
+ *
+ * @component
+ * @param {DrawerContentProps} props - DrawerContent 컴포넌트의 props / DrawerContent component props
+ * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
+ * @returns {JSX.Element} DrawerContent 컴포넌트 / DrawerContent component
+ */
 declare const DrawerContent: React.ForwardRefExoticComponent<DrawerContentProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * DrawerFooter 컴포넌트의 props / DrawerFooter component props
+ * @typedef {Object} DrawerFooterProps
+ * @property {React.ReactNode} children - 푸터 내용 / Footer content
+ * @property {string} [className] - 추가 CSS 클래스 / Additional CSS class
+ */
 interface DrawerFooterProps {
     children: React.ReactNode;
     className?: string;
 }
+/**
+ * DrawerFooter 컴포넌트 / DrawerFooter component
+ * Drawer의 푸터 영역을 표시합니다. 주로 액션 버튼을 배치합니다.
+ * Displays the footer area of a Drawer. Typically used for action buttons.
+ *
+ * @component
+ * @param {DrawerFooterProps} props - DrawerFooter 컴포넌트의 props / DrawerFooter component props
+ * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
+ * @returns {JSX.Element} DrawerFooter 컴포넌트 / DrawerFooter component
+ */
 declare const DrawerFooter: React.ForwardRefExoticComponent<DrawerFooterProps & React.RefAttributes<HTMLDivElement>>;
 export { Drawer, DrawerHeader, DrawerContent, DrawerFooter };
 //# sourceMappingURL=Drawer.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../src/components/Drawer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,UAAU,WAAW;IACnB,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAA;IAC1C,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAA;IACzC,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAED,QAAA,MAAM,MAAM,oFA2GX,CAAA;AAGD,UAAU,iBAAiB;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,QAAA,MAAM,YAAY,0FAoBjB,CAAA;AAGD,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,aAAa,2FAYlB,CAAA;AAGD,UAAU,iBAAiB;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,YAAY,0FAYjB,CAAA;AAGD,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../src/components/Drawer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB;;;;;;;;;;;;;GAaG;AACH,UAAU,WAAW;IACnB,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAA;IAC1C,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAA;IACzC,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,QAAA,MAAM,MAAM,oFA6GX,CAAA;AAGD;;;;;;;GAOG;AACH,UAAU,iBAAiB;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED;;;;;;;;;GASG;AACH,QAAA,MAAM,YAAY,0FAoBjB,CAAA;AAGD;;;;;GAKG;AACH,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,2FAYlB,CAAA;AAGD;;;;;GAKG;AACH,UAAU,iBAAiB;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;;;;;GASG;AACH,QAAA,MAAM,YAAY,0FAYjB,CAAA;AAGD,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,CAAA"}

package/dist/components/Dropdown.d.ts

@@ -1,4 +1,18 @@
-import * as React from "react";
+import React from "react";
+/**
+ * Dropdown 컴포넌트의 props / Dropdown component props
+ * @typedef {Object} DropdownProps
+ * @property {React.ReactNode} trigger - Dropdown을 열기 위한 트리거 요소 / Trigger element to open dropdown
+ * @property {React.ReactNode} children - Dropdown 내용 / Dropdown content
+ * @property {boolean} [open] - 제어 모드에서 열림/닫힘 상태 / Open/close state in controlled mode
+ * @property {(open: boolean) => void} [onOpenChange] - 상태 변경 콜백 / State change callback
+ * @property {"top" | "bottom" | "left" | "right"} [placement="bottom"] - Dropdown 표시 위치 / Dropdown display position
+ * @property {"start" | "center" | "end"} [align="start"] - Dropdown 정렬 / Dropdown alignment
+ * @property {number} [offset=8] - 트리거와 Dropdown 사이 간격 (px) / Spacing between trigger and dropdown (px)
+ * @property {boolean} [disabled=false] - Dropdown 비활성화 여부 / Disable dropdown
+ * @property {boolean} [showArrow=true] - 화살표 표시 여부 / Show arrow
+ * @extends {React.HTMLAttributes<HTMLDivElement>}
+ */
 export interface DropdownProps extends React.HTMLAttributes<HTMLDivElement> {
     trigger: React.ReactNode;
     children: React.ReactNode;
@@ -10,6 +24,42 @@ export interface DropdownProps extends React.HTMLAttributes<HTMLDivElement> {
     disabled?: boolean;
     showArrow?: boolean;
 }
+/**
+ * Dropdown 컴포넌트 / Dropdown component
+ *
+ * 트리거 요소를 클릭하면 표시되는 드롭다운 메뉴 컴포넌트입니다.
+ * 외부 클릭 시 자동으로 닫히며, 뷰포트 경계를 자동으로 감지하여 위치를 조정합니다.
+ *
+ * Dropdown menu component that appears when the trigger element is clicked.
+ * Automatically closes on outside click and adjusts position by detecting viewport boundaries.
+ *
+ * @component
+ * @example
+ * // 기본 사용 / Basic usage
+ * <Dropdown trigger={<Button>메뉴</Button>}>
+ *   <Menu>
+ *     <MenuItem>항목 1</MenuItem>
+ *     <MenuItem>항목 2</MenuItem>
+ *   </Menu>
+ * </Dropdown>
+ *
+ * @example
+ * // 제어 모드, 화살표 없음 / Controlled mode, no arrow
+ * const [open, setOpen] = useState(false)
+ * <Dropdown
+ *   open={open}
+ *   onOpenChange={setOpen}
+ *   trigger={<Button>제어 모드</Button>}
+ *   placement="top"
+ *   showArrow={false}
+ * >
+ *   <div className="p-4">내용</div>
+ * </Dropdown>
+ *
+ * @param {DropdownProps} props - Dropdown 컴포넌트의 props / Dropdown component props
+ * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
+ * @returns {JSX.Element} Dropdown 컴포넌트 / Dropdown component
+ */
 declare const Dropdown: React.ForwardRefExoticComponent<DropdownProps & React.RefAttributes<HTMLDivElement>>;
 export interface DropdownItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     icon?: React.ReactNode;

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

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../src/components/Dropdown.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;IAC/C,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IAClC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,QAAA,MAAM,QAAQ,sFA+Mb,CAAA;AAID,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACtF,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,UAAU,CAAA;CACjD;AAED,QAAA,MAAM,YAAY,6FAwCjB,CAAA;AAGD,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEvF,QAAA,MAAM,iBAAiB,+FAQtB,CAAA;AAGD,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEnF,QAAA,MAAM,aAAa,2FAUlB,CAAA;AAID,QAAA,MAAM,YAAY,6GAUjB,CAAA;AAGD,QAAA,MAAM,aAAa,6GAUlB,CAAA;AAGD,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,iBAAiB,EAAE,aAAa,EAAE,YAAY,EAAE,aAAa,EAAE,CAAA"}
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../src/components/Dropdown.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB;;;;;;;;;;;;;GAaG;AACH,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;IAC/C,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IAClC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,QAAA,MAAM,QAAQ,sFA+Mb,CAAA;AAID,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACtF,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,UAAU,CAAA;CACjD;AAED,QAAA,MAAM,YAAY,6FAwCjB,CAAA;AAGD,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEvF,QAAA,MAAM,iBAAiB,+FAQtB,CAAA;AAGD,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEnF,QAAA,MAAM,aAAa,2FAUlB,CAAA;AAID,QAAA,MAAM,YAAY,6GAUjB,CAAA;AAGD,QAAA,MAAM,aAAa,6GAUlB,CAAA;AAGD,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,iBAAiB,EAAE,aAAa,EAAE,YAAY,EAAE,aAAa,EAAE,CAAA"}

package/dist/components/EmotionAnalysis.d.ts

@@ -1,4 +1,26 @@
-import * as React from "react";
+import React from "react";
+/**
+ * EmotionAnalysis 컴포넌트의 props / EmotionAnalysis component props
+ * @typedef {Object} EmotionAnalysisProps
+ * @property {Object} [primaryEmotion] - 주요 감정 정보 / Primary emotion information
+ * @property {string} primaryEmotion.name - 감정 이름 / Emotion name
+ * @property {number} primaryEmotion.intensity - 감정 강도 (0-100) / Emotion intensity (0-100)
+ * @property {string} [primaryEmotion.color] - 감정 색상 / Emotion color
+ * @property {Array<Object>} [emotionDistribution] - 감정 분포 배열 / Emotion distribution array
+ * @property {string} emotionDistribution[].emotion - 감정 이름 / Emotion name
+ * @property {number} emotionDistribution[].percentage - 감정 비율 (0-100) / Emotion percentage (0-100)
+ * @property {string} emotionDistribution[].color - 감정 색상 / Emotion color
+ * @property {string[]} [keywords] - 키워드 배열 / Keywords array
+ * @property {number} [intensity=50] - 전체 강도 (0-100) / Overall intensity (0-100)
+ * @property {number} [positivity=70] - 긍정성 (0-100) / Positivity (0-100)
+ * @property {number} [energy=60] - 에너지 (0-100) / Energy (0-100)
+ * @property {boolean} [showMeter=true] - 강도 미터 표시 여부 / Show intensity meter
+ * @property {boolean} [showDistribution=true] - 분포 표시 여부 / Show distribution
+ * @property {boolean} [showKeywords=true] - 키워드 표시 여부 / Show keywords
+ * @property {boolean} [showMetrics=true] - 메트릭 표시 여부 / Show metrics
+ * @property {"compact" | "detailed" | "card"} [layout="detailed"] - 레이아웃 타입 / Layout type
+ * @extends {React.HTMLAttributes<HTMLDivElement>}
+ */
 interface EmotionAnalysisProps extends React.HTMLAttributes<HTMLDivElement> {
     primaryEmotion?: {
         name: string;
@@ -20,6 +42,42 @@ interface EmotionAnalysisProps extends React.HTMLAttributes<HTMLDivElement> {
     showMetrics?: boolean;
     layout?: "compact" | "detailed" | "card";
 }
+/**
+ * EmotionAnalysis 컴포넌트 / EmotionAnalysis component
+ *
+ * 감정 분석 결과를 표시하는 컴포넌트입니다.
+ * 주요 감정, 감정 분포, 키워드, 메트릭(강도, 긍정성, 에너지)을 표시할 수 있습니다.
+ *
+ * Component that displays emotion analysis results.
+ * Can display primary emotion, emotion distribution, keywords, and metrics (intensity, positivity, energy).
+ *
+ * @component
+ * @example
+ * // 기본 사용 / Basic usage
+ * <EmotionAnalysis
+ *   primaryEmotion={{ name: "기쁨", intensity: 80 }}
+ *   keywords={["행복", "만족"]}
+ * />
+ *
+ * @example
+ * // 상세 레이아웃 / Detailed layout
+ * <EmotionAnalysis
+ *   primaryEmotion={{ name: "평온", intensity: 65, color: "green" }}
+ *   emotionDistribution={[
+ *     { emotion: "기쁨", percentage: 40, color: "yellow" },
+ *     { emotion: "평온", percentage: 60, color: "green" }
+ *   ]}
+ *   keywords={["안정", "편안"]}
+ *   intensity={65}
+ *   positivity={75}
+ *   energy={50}
+ *   layout="detailed"
+ * />
+ *
+ * @param {EmotionAnalysisProps} props - EmotionAnalysis 컴포넌트의 props / EmotionAnalysis component props
+ * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
+ * @returns {JSX.Element} EmotionAnalysis 컴포넌트 / EmotionAnalysis component
+ */
 declare const EmotionAnalysis: React.ForwardRefExoticComponent<EmotionAnalysisProps & React.RefAttributes<HTMLDivElement>>;
 export { EmotionAnalysis };
 //# sourceMappingURL=EmotionAnalysis.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"EmotionAnalysis.d.ts","sourceRoot":"","sources":["../../src/components/EmotionAnalysis.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,UAAU,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,cAAc,CAAC,EAAE;QACf,IAAI,EAAE,MAAM,CAAA;QACZ,SAAS,EAAE,MAAM,CAAA;QACjB,KAAK,CAAC,EAAE,MAAM,CAAA;KACf,CAAA;IACD,mBAAmB,CAAC,EAAE,KAAK,CAAC;QAC1B,OAAO,EAAE,MAAM,CAAA;QACf,UAAU,EAAE,MAAM,CAAA;QAClB,KAAK,EAAE,MAAM,CAAA;KACd,CAAC,CAAA;IACF,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,MAAM,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,MAAM,CAAA;CACzC;AAED,QAAA,MAAM,eAAe,6FAgSpB,CAAA;AAID,OAAO,EAAE,eAAe,EAAE,CAAA"}
+{"version":3,"file":"EmotionAnalysis.d.ts","sourceRoot":"","sources":["../../src/components/EmotionAnalysis.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,UAAU,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,cAAc,CAAC,EAAE;QACf,IAAI,EAAE,MAAM,CAAA;QACZ,SAAS,EAAE,MAAM,CAAA;QACjB,KAAK,CAAC,EAAE,MAAM,CAAA;KACf,CAAA;IACD,mBAAmB,CAAC,EAAE,KAAK,CAAC;QAC1B,OAAO,EAAE,MAAM,CAAA;QACf,UAAU,EAAE,MAAM,CAAA;QAClB,KAAK,EAAE,MAAM,CAAA;KACd,CAAC,CAAA;IACF,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,MAAM,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,MAAM,CAAA;CACzC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,QAAA,MAAM,eAAe,6FAgSpB,CAAA;AAID,OAAO,EAAE,eAAe,EAAE,CAAA"}

package/dist/components/EmotionButton.d.ts

@@ -1,9 +1,43 @@
-import * as React from "react";
+import React from "react";
+/**
+ * EmotionButton 컴포넌트의 props / EmotionButton component props
+ * @typedef {Object} EmotionButtonProps
+ * @property {string} emotion - 감정 이모지 또는 텍스트 / Emotion emoji or text
+ * @property {boolean} [isSelected=false] - 선택 상태 / Selected state
+ * @property {"sm" | "md" | "lg"} [size="md"] - 버튼 크기 / Button size
+ * @extends {React.ButtonHTMLAttributes<HTMLButtonElement>}
+ */
 export interface EmotionButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     emotion: string;
     isSelected?: boolean;
     size?: "sm" | "md" | "lg";
 }
+/**
+ * EmotionButton 컴포넌트 / EmotionButton component
+ *
+ * 감정을 선택하는 버튼 컴포넌트입니다.
+ * 이모지나 텍스트로 감정을 표시하며, 선택 상태를 지원합니다.
+ *
+ * Button component for selecting emotions.
+ * Displays emotion as emoji or text and supports selected state.
+ *
+ * @component
+ * @example
+ * // 기본 사용 / Basic usage
+ * <EmotionButton emotion="😊" />
+ *
+ * @example
+ * // 선택 상태 / Selected state
+ * <EmotionButton
+ *   emotion="😊"
+ *   isSelected
+ *   size="lg"
+ * />
+ *
+ * @param {EmotionButtonProps} props - EmotionButton 컴포넌트의 props / EmotionButton component props
+ * @param {React.Ref<HTMLButtonElement>} ref - button 요소 ref / button element ref
+ * @returns {JSX.Element} EmotionButton 컴포넌트 / EmotionButton component
+ */
 declare const EmotionButton: React.ForwardRefExoticComponent<EmotionButtonProps & React.RefAttributes<HTMLButtonElement>>;
 export { EmotionButton };
 //# sourceMappingURL=EmotionButton.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"EmotionButton.d.ts","sourceRoot":"","sources":["../../src/components/EmotionButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACvF,OAAO,EAAE,MAAM,CAAA;IACf,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAC1B;AAED,QAAA,MAAM,aAAa,8FAyBlB,CAAA;AAGD,OAAO,EAAE,aAAa,EAAE,CAAA"}
+{"version":3,"file":"EmotionButton.d.ts","sourceRoot":"","sources":["../../src/components/EmotionButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB;;;;;;;GAOG;AACH,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACvF,OAAO,EAAE,MAAM,CAAA;IACf,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAC1B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,QAAA,MAAM,aAAa,8FAyBlB,CAAA;AAGD,OAAO,EAAE,aAAa,EAAE,CAAA"}

package/dist/components/EmotionMeter.d.ts

@@ -1,10 +1,46 @@
-import * as React from "react";
+import React from "react";
+import type { Color } from "../lib/types/common";
+/**
+ * EmotionMeter 컴포넌트의 props / EmotionMeter component props
+ * @typedef {Object} EmotionMeterProps
+ * @property {number} value - 감정 강도 값 (0-max) / Emotion intensity value (0-max)
+ * @property {number} [max=100] - 최대값 / Maximum value
+ * @property {"sm" | "md" | "lg"} [size="md"] - 미터 크기 / Meter size
+ * @property {"blue" | "green" | "yellow" | "red"} [color="blue"] - 미터 색상 / Meter color
+ * @extends {React.HTMLAttributes<HTMLDivElement>}
+ */
 export interface EmotionMeterProps extends React.HTMLAttributes<HTMLDivElement> {
     value: number;
     max?: number;
     size?: "sm" | "md" | "lg";
-    color?: "blue" | "green" | "yellow" | "red";
+    color?: "blue" | "green" | "yellow" | "red" | Color;
 }
+/**
+ * EmotionMeter 컴포넌트 / EmotionMeter component
+ *
+ * 감정 강도를 표시하는 미터 컴포넌트입니다.
+ * Progress 컴포넌트와 유사하지만 감정 분석에 특화되어 있습니다.
+ *
+ * Meter component that displays emotion intensity.
+ * Similar to Progress component but specialized for emotion analysis.
+ *
+ * @component
+ * @example
+ * // 기본 사용 / Basic usage
+ * <EmotionMeter value={75} />
+ *
+ * @example
+ * // 다양한 색상 / Various colors
+ * <EmotionMeter
+ *   value={80}
+ *   color="green"
+ *   size="lg"
+ * />
+ *
+ * @param {EmotionMeterProps} props - EmotionMeter 컴포넌트의 props / EmotionMeter component props
+ * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
+ * @returns {JSX.Element} EmotionMeter 컴포넌트 / EmotionMeter component
+ */
 declare const EmotionMeter: React.ForwardRefExoticComponent<EmotionMeterProps & React.RefAttributes<HTMLDivElement>>;
 export { EmotionMeter };
 //# sourceMappingURL=EmotionMeter.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"EmotionMeter.d.ts","sourceRoot":"","sources":["../../src/components/EmotionMeter.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;CAC5C;AAED,QAAA,MAAM,YAAY,0FAqCjB,CAAA;AAGD,OAAO,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"EmotionMeter.d.ts","sourceRoot":"","sources":["../../src/components/EmotionMeter.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAA;AAEhD;;;;;;;;GAQG;AACH,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,CAAA;CACpD;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,QAAA,MAAM,YAAY,0FA4CjB,CAAA;AAGD,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/dist/components/EmotionSelector.d.ts

@@ -1,4 +1,22 @@
-import * as React from "react";
+import React from "react";
+/**
+ * EmotionSelector 컴포넌트의 props / EmotionSelector component props
+ * @typedef {Object} EmotionSelectorProps
+ * @property {string} [selectedEmotion] - 선택된 감정 키 / Selected emotion key
+ * @property {(emotion: string) => void} [onEmotionSelect] - 감정 선택 콜백 / Emotion selection callback
+ * @property {"grid" | "list" | "compact"} [layout="grid"] - 레이아웃 타입 / Layout type
+ * @property {boolean} [showIntensity=false] - 강도 조절 표시 여부 / Show intensity control
+ * @property {number} [intensity=50] - 감정 강도 (0-100) / Emotion intensity (0-100)
+ * @property {(intensity: number) => void} [onIntensityChange] - 강도 변경 콜백 / Intensity change callback
+ * @property {Array<Object>} [emotions] - 감정 목록 / Emotions list
+ * @property {string} emotions[].key - 감정 키 / Emotion key
+ * @property {string} emotions[].label - 감정 라벨 / Emotion label
+ * @property {string} [emotions[].icon] - 감정 아이콘 / Emotion icon
+ * @property {string} [emotions[].color] - 감정 색상 / Emotion color
+ * @property {"sm" | "md" | "lg"} [size="md"] - 감정 버튼 크기 / Emotion button size
+ * @property {"button" | "card" | "chip"} [variant="button"] - 감정 표시 스타일 / Emotion display style
+ * @extends {React.HTMLAttributes<HTMLDivElement>}
+ */
 interface EmotionSelectorProps extends React.HTMLAttributes<HTMLDivElement> {
     selectedEmotion?: string;
     onEmotionSelect?: (emotion: string) => void;
@@ -15,6 +33,38 @@ interface EmotionSelectorProps extends React.HTMLAttributes<HTMLDivElement> {
     size?: "sm" | "md" | "lg";
     variant?: "button" | "card" | "chip";
 }
+/**
+ * EmotionSelector 컴포넌트 / EmotionSelector component
+ *
+ * 감정을 선택하는 컴포넌트입니다.
+ * 여러 감정 옵션을 제공하며, 강도 조절 기능을 포함할 수 있습니다.
+ *
+ * Component for selecting emotions.
+ * Provides multiple emotion options and can include intensity control.
+ *
+ * @component
+ * @example
+ * // 기본 사용 / Basic usage
+ * <EmotionSelector
+ *   selectedEmotion="joy"
+ *   onEmotionSelect={(emotion) => console.log(emotion)}
+ * />
+ *
+ * @example
+ * // 강도 조절 포함 / With intensity control
+ * <EmotionSelector
+ *   selectedEmotion="calm"
+ *   onEmotionSelect={handleEmotionSelect}
+ *   showIntensity
+ *   intensity={intensity}
+ *   onIntensityChange={setIntensity}
+ *   variant="card"
+ * />
+ *
+ * @param {EmotionSelectorProps} props - EmotionSelector 컴포넌트의 props / EmotionSelector component props
+ * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
+ * @returns {JSX.Element} EmotionSelector 컴포넌트 / EmotionSelector component
+ */
 declare const EmotionSelector: React.ForwardRefExoticComponent<EmotionSelectorProps & React.RefAttributes<HTMLDivElement>>;
 export { EmotionSelector };
 //# sourceMappingURL=EmotionSelector.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"EmotionSelector.d.ts","sourceRoot":"","sources":["../../src/components/EmotionSelector.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,UAAU,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;IACpC,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/C,QAAQ,CAAC,EAAE,KAAK,CAAC;QACf,GAAG,EAAE,MAAM,CAAA;QACX,KAAK,EAAE,MAAM,CAAA;QACb,IAAI,CAAC,EAAE,MAAM,CAAA;QACb,KAAK,CAAC,EAAE,MAAM,CAAA;KACf,CAAC,CAAA;IACF,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,OAAO,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAA;CACrC;AAaD,QAAA,MAAM,eAAe,6FAgJpB,CAAA;AAID,OAAO,EAAE,eAAe,EAAE,CAAA"}
+{"version":3,"file":"EmotionSelector.d.ts","sourceRoot":"","sources":["../../src/components/EmotionSelector.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB;;;;;;;;;;;;;;;;;GAiBG;AACH,UAAU,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;IACpC,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/C,QAAQ,CAAC,EAAE,KAAK,CAAC;QACf,GAAG,EAAE,MAAM,CAAA;QACX,KAAK,EAAE,MAAM,CAAA;QACb,IAAI,CAAC,EAAE,MAAM,CAAA;QACb,KAAK,CAAC,EAAE,MAAM,CAAA;KACf,CAAC,CAAA;IACF,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,OAAO,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAA;CACrC;AAaD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,QAAA,MAAM,eAAe,6FAgJpB,CAAA;AAID,OAAO,EAAE,eAAe,EAAE,CAAA"}

package/dist/components/FeatureCard.d.ts

@@ -0,0 +1,61 @@
+import React from "react";
+import type { IconName } from "../lib/icons";
+/**
+ * FeatureCard 컴포넌트의 props / FeatureCard component props
+ * @typedef {Object} FeatureCardProps
+ * @property {IconName | string} [icon] - 아이콘 (IconName 또는 이미지 URL) / Icon (IconName or image URL)
+ * @property {string} title - 카드 제목 / Card title
+ * @property {string} description - 카드 설명 / Card description
+ * @property {"default" | "gradient" | "glass" | "neon"} [variant="default"] - FeatureCard 스타일 변형 / FeatureCard style variant
+ * @property {"sm" | "md" | "lg"} [size="md"] - FeatureCard 크기 / FeatureCard size
+ * @property {"scale" | "glow" | "slide" | "none"} [hover="scale"] - 호버 효과 / Hover effect
+ * @property {"blue" | "purple" | "green" | "orange" | "pink" | "custom"} [gradient="blue"] - 그라디언트 색상 / Gradient color
+ * @property {string} [customGradient] - 커스텀 그라디언트 클래스 / Custom gradient class
+ * @extends {React.HTMLAttributes<HTMLDivElement>}
+ */
+export interface FeatureCardProps extends React.HTMLAttributes<HTMLDivElement> {
+    icon?: IconName | string;
+    title: string;
+    description: string;
+    variant?: "default" | "gradient" | "glass" | "neon";
+    size?: "sm" | "md" | "lg";
+    hover?: "scale" | "glow" | "slide" | "none";
+    gradient?: "blue" | "purple" | "green" | "orange" | "pink" | "custom";
+    customGradient?: string;
+}
+/**
+ * FeatureCard 컴포넌트 / FeatureCard component
+ *
+ * 기능을 소개하는 카드 컴포넌트입니다.
+ * 아이콘, 제목, 설명을 포함하며, 다양한 스타일과 호버 효과를 지원합니다.
+ *
+ * Card component that introduces features.
+ * Includes icon, title, and description, supports various styles and hover effects.
+ *
+ * @component
+ * @example
+ * // 기본 사용 / Basic usage
+ * <FeatureCard
+ *   icon="star"
+ *   title="고급 기능"
+ *   description="강력한 기능을 제공합니다"
+ * />
+ *
+ * @example
+ * // Gradient 스타일 / Gradient style
+ * <FeatureCard
+ *   icon="zap"
+ *   title="빠른 성능"
+ *   description="최적화된 성능"
+ *   variant="gradient"
+ *   gradient="purple"
+ *   hover="glow"
+ * />
+ *
+ * @param {FeatureCardProps} props - FeatureCard 컴포넌트의 props / FeatureCard component props
+ * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
+ * @returns {JSX.Element} FeatureCard 컴포넌트 / FeatureCard component
+ */
+declare const FeatureCard: React.ForwardRefExoticComponent<FeatureCardProps & React.RefAttributes<HTMLDivElement>>;
+export { FeatureCard };
+//# sourceMappingURL=FeatureCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureCard.d.ts","sourceRoot":"","sources":["../../src/components/FeatureCard.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAE5C;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAA;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,OAAO,GAAG,MAAM,CAAA;IACnD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAA;IAC3C,QAAQ,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAA;IACrE,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,QAAA,MAAM,WAAW,yFA4EhB,CAAA;AAeD,OAAO,EAAE,WAAW,EAAE,CAAA"}