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

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

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../../src/components/Breadcrumb.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,UAAU,eAAe;IACvB,KAAK,EAAE,cAAc,EAAE,CAAA;IACvB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,QAAA,MAAM,UAAU,wFA0Gf,CAAA;AAGD,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,QAAA,MAAM,cAAc,mHAsBnB,CAAA;AAGD,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,CAAA"}
+{"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../../src/components/Breadcrumb.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,KAAK,CAAC,EAAE,kBAAkB,EAAE,CAAA;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,aAAa,GAAG,OAAO,CAAA;CACzD;AAED;;;;;;;GAOG;AACH,MAAM,WAAW,mBAAmB;IAClC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,QAAA,MAAM,UAAU,wFAmHf,CAAA;AAGD;;;;;;;;GAQG;AACH,QAAA,MAAM,cAAc,2FA8CnB,CAAA;AAGD,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,CAAA"}

package/dist/components/Button.d.ts

@@ -1,9 +1,84 @@
 import React from "react";
-export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    variant?: "default" | "primary" | "secondary" | "outline" | "ghost" | "destructive";
-    size?: "sm" | "md" | "lg" | "icon";
-    asChild?: boolean;
-}
-declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
-export { Button };
+/**
+ * 버튼 스타일 변형 / Button style variant
+ * @typedef {"default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | "gradient" | "neon" | "glass"} Variant
+ */
+type Variant = "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | "gradient" | "neon" | "glass";
+/**
+ * 버튼 크기 / Button size
+ * @typedef {"sm" | "md" | "lg" | "xl" | "icon"} Size
+ */
+type Size = "sm" | "md" | "lg" | "xl" | "icon";
+/**
+ * 버튼 모서리 둥글기 / Button border radius
+ * @typedef {"sm" | "md" | "lg" | "full"} Rounded
+ */
+type Rounded = "sm" | "md" | "lg" | "full";
+/**
+ * 버튼 그림자 / Button shadow
+ * @typedef {"none" | "sm" | "md" | "lg" | "xl"} Shadow
+ */
+type Shadow = "none" | "sm" | "md" | "lg" | "xl";
+/**
+ * 버튼 호버 효과 / Button hover effect
+ * @typedef {"scale" | "glow" | "slide" | "none"} Hover
+ */
+type Hover = "scale" | "glow" | "slide" | "none";
+/**
+ * 그라디언트 색상 이름 / Gradient color name
+ * @typedef {"blue" | "purple" | "green" | "orange" | "pink" | "custom"} GradientName
+ */
+type GradientName = "blue" | "purple" | "green" | "orange" | "pink" | "custom";
+/**
+ * Button 컴포넌트의 공통 props / Common props for Button component
+ * @typedef {Object} CommonProps
+ * @property {Variant} [variant="default"] - 버튼 스타일 변형 / Button style variant
+ * @property {Size} [size="md"] - 버튼 크기 / Button size
+ * @property {boolean} [loading=false] - 로딩 상태 (스피너 표시) / Loading state (shows spinner)
+ * @property {React.ReactNode} [icon] - 아이콘 요소 / Icon element
+ * @property {"left" | "right"} [iconPosition="left"] - 아이콘 위치 / Icon position
+ * @property {GradientName} [gradient="blue"] - 그라디언트 색상 (variant="gradient"일 때) / Gradient color (when variant="gradient")
+ * @property {string} [customGradient] - 커스텀 그라디언트 클래스 (variant="gradient"일 때) / Custom gradient class (when variant="gradient")
+ * @property {Rounded} [rounded="md"] - 모서리 둥글기 / Border radius
+ * @property {Shadow} [shadow="md"] - 그림자 크기 / Shadow size
+ * @property {Hover} [hover="scale"] - 호버 효과 / Hover effect
+ * @property {boolean} [fullWidth=false] - 전체 너비 사용 / Use full width
+ * @property {boolean} [iconOnly=false] - 아이콘만 표시 (aria-label 필수) / Icon only (aria-label required)
+ * @property {string} [aria-label] - 접근성을 위한 레이블 (iconOnly일 때 필수) / Accessibility label (required when iconOnly)
+ * @property {string} [className] - 추가 CSS 클래스 / Additional CSS class
+ * @property {boolean} [disabled=false] - 비활성화 상태 / Disabled state
+ */
+type CommonProps = {
+    variant?: Variant;
+    size?: Size;
+    loading?: boolean;
+    icon?: React.ReactNode;
+    iconPosition?: "left" | "right";
+    gradient?: GradientName;
+    customGradient?: string;
+    rounded?: Rounded;
+    shadow?: Shadow;
+    hover?: Hover;
+    fullWidth?: boolean;
+    iconOnly?: boolean;
+    "aria-label"?: string;
+    className?: string;
+    disabled?: boolean;
+};
+type AnchorProps = CommonProps & Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "className"> & {
+    href: string;
+};
+type NativeButtonProps = CommonProps & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "className" | "type"> & {
+    href?: undefined;
+};
+/**
+ * Button 컴포넌트의 props 타입 / Button component props type
+ * href가 제공되면 앵커 태그로, 그렇지 않으면 버튼 태그로 렌더링됩니다.
+ * Renders as anchor tag if href is provided, otherwise as button tag.
+ * @typedef {AnchorProps | NativeButtonProps} ButtonProps
+ */
+export type ButtonProps = AnchorProps | NativeButtonProps;
+type AnchorOrButton = HTMLAnchorElement | HTMLButtonElement;
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<AnchorOrButton>>;
+export {};
 //# sourceMappingURL=Button.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAChF,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,aAAa,CAAA;IACnF,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAA;IAClC,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,QAAA,MAAM,MAAM,uFA+BX,CAAA;AAGD,OAAO,EAAE,MAAM,EAAE,CAAA"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B;;;GAGG;AACH,KAAK,OAAO,GACR,SAAS,GAAG,aAAa,GAAG,SAAS,GAAG,WAAW,GACnD,OAAO,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,CAAC;AAErD;;;GAGG;AACH,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAE/C;;;GAGG;AACH,KAAK,OAAO,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAE3C;;;GAGG;AACH,KAAK,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEjD;;;GAGG;AACH,KAAK,KAAK,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;AAEjD;;;GAGG;AACH,KAAK,YAAY,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAC;AAE/E;;;;;;;;;;;;;;;;;;GAkBG;AACH,KAAK,WAAW,GAAG;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,KAAK,WAAW,GAAG,WAAW,GAC5B,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,WAAW,CAAC,GAAG;IACjE,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEJ,KAAK,iBAAiB,GAAG,WAAW,GAClC,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC,GAAG;IAC1E,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,CAAC;AAEJ;;;;;GAKG;AACH,MAAM,MAAM,WAAW,GAAG,WAAW,GAAG,iBAAiB,CAAC;AAE1D,KAAK,cAAc,GAAG,iBAAiB,GAAG,iBAAiB,CAAC;AAqO5D,eAAO,MAAM,MAAM,oFAAc,CAAC"}

package/dist/components/Card.d.ts

@@ -1,21 +1,138 @@
 import React from "react";
+/**
+ * Card 컴포넌트의 props / Card component props
+ * @typedef {Object} CardProps
+ * @property {"default" | "outline" | "elevated"} [variant="default"] - 카드 스타일 변형 / Card style variant
+ * @extends {React.HTMLAttributes<HTMLDivElement>}
+ */
 export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
+    variant?: "default" | "outline" | "elevated";
 }
+/**
+ * Card 컴포넌트 / Card component
+ *
+ * 콘텐츠를 카드 형태로 표시하는 컴포넌트입니다.
+ * CardHeader, CardTitle, CardDescription, CardContent, CardFooter와 함께 사용합니다.
+ *
+ * Component that displays content in card format.
+ * Used with CardHeader, CardTitle, CardDescription, CardContent, and CardFooter.
+ *
+ * @component
+ * @example
+ * // 기본 카드 / Basic card
+ * <Card>
+ *   <CardHeader>
+ *     <CardTitle>카드 제목</CardTitle>
+ *     <CardDescription>카드 설명</CardDescription>
+ *   </CardHeader>
+ *   <CardContent>
+ *     <p>카드 내용</p>
+ *   </CardContent>
+ *   <CardFooter>
+ *     <Button>액션</Button>
+ *   </CardFooter>
+ * </Card>
+ *
+ * @example
+ * // Elevated 스타일 / Elevated style
+ * <Card variant="elevated">
+ *   <CardContent>강조된 카드</CardContent>
+ * </Card>
+ *
+ * @param {CardProps} props - Card 컴포넌트의 props / Card component props
+ * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
+ * @returns {JSX.Element} Card 컴포넌트 / Card component
+ */
+declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * CardHeader 컴포넌트의 props / CardHeader component props
+ * @typedef {Object} CardHeaderProps
+ * @extends {React.HTMLAttributes<HTMLDivElement>}
+ */
 export interface CardHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
 }
+/**
+ * CardHeader 컴포넌트 / CardHeader component
+ * 카드의 헤더 영역을 표시합니다. CardTitle과 CardDescription을 포함합니다.
+ * Displays the header area of a card. Contains CardTitle and CardDescription.
+ *
+ * @component
+ * @param {CardHeaderProps} props - CardHeader 컴포넌트의 props / CardHeader component props
+ * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
+ * @returns {JSX.Element} CardHeader 컴포넌트 / CardHeader component
+ */
+declare const CardHeader: React.ForwardRefExoticComponent<CardHeaderProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * CardTitle 컴포넌트의 props / CardTitle component props
+ * @typedef {Object} CardTitleProps
+ * @extends {React.HTMLAttributes<HTMLHeadingElement>}
+ */
 export interface CardTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {
 }
+/**
+ * CardTitle 컴포넌트 / CardTitle component
+ * 카드의 제목을 표시합니다. h3 태그로 렌더링됩니다.
+ * Displays the card title. Renders as h3 tag.
+ *
+ * @component
+ * @param {CardTitleProps} props - CardTitle 컴포넌트의 props / CardTitle component props
+ * @param {React.Ref<HTMLParagraphElement>} ref - h3 요소 ref / h3 element ref
+ * @returns {JSX.Element} CardTitle 컴포넌트 / CardTitle component
+ */
+declare const CardTitle: React.ForwardRefExoticComponent<CardTitleProps & React.RefAttributes<HTMLParagraphElement>>;
+/**
+ * CardDescription 컴포넌트의 props / CardDescription component props
+ * @typedef {Object} CardDescriptionProps
+ * @extends {React.HTMLAttributes<HTMLParagraphElement>}
+ */
 export interface CardDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {
 }
+/**
+ * CardDescription 컴포넌트 / CardDescription component
+ * 카드의 설명 텍스트를 표시합니다.
+ * Displays the card description text.
+ *
+ * @component
+ * @param {CardDescriptionProps} props - CardDescription 컴포넌트의 props / CardDescription component props
+ * @param {React.Ref<HTMLParagraphElement>} ref - p 요소 ref / p element ref
+ * @returns {JSX.Element} CardDescription 컴포넌트 / CardDescription component
+ */
+declare const CardDescription: React.ForwardRefExoticComponent<CardDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
+/**
+ * CardContent 컴포넌트의 props / CardContent component props
+ * @typedef {Object} CardContentProps
+ * @extends {React.HTMLAttributes<HTMLDivElement>}
+ */
 export interface CardContentProps extends React.HTMLAttributes<HTMLDivElement> {
 }
+/**
+ * CardContent 컴포넌트 / CardContent component
+ * 카드의 메인 콘텐츠 영역을 표시합니다.
+ * Displays the main content area of a card.
+ *
+ * @component
+ * @param {CardContentProps} props - CardContent 컴포넌트의 props / CardContent component props
+ * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
+ * @returns {JSX.Element} CardContent 컴포넌트 / CardContent component
+ */
+declare const CardContent: React.ForwardRefExoticComponent<CardContentProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * CardFooter 컴포넌트의 props / CardFooter component props
+ * @typedef {Object} CardFooterProps
+ * @extends {React.HTMLAttributes<HTMLDivElement>}
+ */
 export interface CardFooterProps extends React.HTMLAttributes<HTMLDivElement> {
 }
-declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
-declare const CardHeader: React.ForwardRefExoticComponent<CardHeaderProps & React.RefAttributes<HTMLDivElement>>;
-declare const CardTitle: React.ForwardRefExoticComponent<CardTitleProps & React.RefAttributes<HTMLHeadingElement>>;
-declare const CardDescription: React.ForwardRefExoticComponent<CardDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
-declare const CardContent: React.ForwardRefExoticComponent<CardContentProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * CardFooter 컴포넌트 / CardFooter component
+ * 카드의 푸터 영역을 표시합니다. 주로 액션 버튼을 배치합니다.
+ * Displays the footer area of a card. Typically used for action buttons.
+ *
+ * @component
+ * @param {CardFooterProps} props - CardFooter 컴포넌트의 props / CardFooter component props
+ * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
+ * @returns {JSX.Element} CardFooter 컴포넌트 / CardFooter component
+ */
 declare const CardFooter: React.ForwardRefExoticComponent<CardFooterProps & React.RefAttributes<HTMLDivElement>>;
 export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent };
 //# sourceMappingURL=Card.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../src/components/Card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE1E,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEhF,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;CAAG;AAEnF,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC;CAAG;AAE3F,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjF,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEhF,QAAA,MAAM,IAAI,kFAWT,CAAA;AAGD,QAAA,MAAM,UAAU,wFAQf,CAAA;AAGD,QAAA,MAAM,SAAS,2FAWd,CAAA;AAGD,QAAA,MAAM,eAAe,mGAQpB,CAAA;AAGD,QAAA,MAAM,WAAW,yFAIhB,CAAA;AAGD,QAAA,MAAM,UAAU,wFAQf,CAAA;AAGD,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,eAAe,EAAE,WAAW,EAAE,CAAA"}
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../src/components/Card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB;;;;;GAKG;AACH,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACrE,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,UAAU,CAAA;CAC7C;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,QAAA,MAAM,IAAI,kFAoBT,CAAA;AAID;;;;GAIG;AACH,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEhF;;;;;;;;;GASG;AACH,QAAA,MAAM,UAAU,wFAQf,CAAA;AAID;;;;GAIG;AACH,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;CAAG;AAEnF;;;;;;;;;GASG;AACH,QAAA,MAAM,SAAS,6FAWd,CAAA;AAID;;;;GAIG;AACH,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC;CAAG;AAE3F;;;;;;;;;GASG;AACH,QAAA,MAAM,eAAe,mGAQpB,CAAA;AAID;;;;GAIG;AACH,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjF;;;;;;;;;GASG;AACH,QAAA,MAAM,WAAW,yFAIhB,CAAA;AAID;;;;GAIG;AACH,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEhF;;;;;;;;;GASG;AACH,QAAA,MAAM,UAAU,wFAQf,CAAA;AAID,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,eAAe,EAAE,WAAW,EAAE,CAAA"}

package/dist/components/ChatMessage.d.ts

@@ -1,4 +1,34 @@
-import * as React from "react";
+import React from "react";
+/**
+ * ChatMessage 컴포넌트의 props / ChatMessage component props
+ * @typedef {Object} ChatMessageProps
+ * @property {Object} message - 메시지 데이터 / Message data
+ * @property {string} message.id - 메시지 ID / Message ID
+ * @property {string} message.content - 메시지 내용 / Message content
+ * @property {"user" | "assistant" | "system"} message.role - 메시지 역할 / Message role
+ * @property {Date} message.timestamp - 메시지 타임스탬프 / Message timestamp
+ * @property {string} [message.emotion] - 감정 정보 / Emotion information
+ * @property {number} [message.intensity] - 감정 강도 / Emotion intensity
+ * @property {boolean} [message.isTyping] - 타이핑 중 여부 / Typing state
+ * @property {Object} [user] - 사용자 정보 / User information
+ * @property {string} [user.name="사용자"] - 사용자 이름 / User name
+ * @property {string} [user.avatar] - 사용자 아바타 URL / User avatar URL
+ * @property {string} [user.color="#3b82f6"] - 사용자 색상 / User color
+ * @property {Object} [assistant] - AI 어시스턴트 정보 / AI assistant information
+ * @property {string} [assistant.name="AI"] - AI 이름 / AI name
+ * @property {string} [assistant.avatar] - AI 아바타 URL / AI avatar URL
+ * @property {string} [assistant.color="#10b981"] - AI 색상 / AI color
+ * @property {boolean} [showAvatar=true] - 아바타 표시 여부 / Show avatar
+ * @property {boolean} [showTimestamp=true] - 타임스탬프 표시 여부 / Show timestamp
+ * @property {boolean} [showEmotion=true] - 감정 표시 여부 / Show emotion
+ * @property {"default" | "compact" | "bubble"} [variant="default"] - ChatMessage 스타일 변형 / ChatMessage style variant
+ * @property {Object} [theme] - 커스텀 테마 / Custom theme
+ * @property {string} [theme.userBubbleBg] - 사용자 버블 배경색 / User bubble background color
+ * @property {string} [theme.userBubbleText] - 사용자 버블 텍스트 색상 / User bubble text color
+ * @property {string} [theme.aiBubbleBg] - AI 버블 배경색 / AI bubble background color
+ * @property {string} [theme.aiBubbleText] - AI 버블 텍스트 색상 / AI bubble text color
+ * @extends {React.HTMLAttributes<HTMLDivElement>}
+ */
 interface ChatMessageProps extends React.HTMLAttributes<HTMLDivElement> {
     message: {
         id: string;
@@ -30,6 +60,42 @@ interface ChatMessageProps extends React.HTMLAttributes<HTMLDivElement> {
         aiBubbleText?: string;
     };
 }
+/**
+ * ChatMessage 컴포넌트
+ *
+ * 채팅 메시지를 표시하는 컴포넌트입니다.
+ * 사용자, AI 어시스턴트, 시스템 메시지를 지원하며, 감정 정보를 표시할 수 있습니다.
+ *
+ * @component
+ * @example
+ * // 기본 사용
+ * <ChatMessage
+ *   message={{
+ *     id: "1",
+ *     content: "안녕하세요!",
+ *     role: "user",
+ *     timestamp: new Date()
+ *   }}
+ * />
+ *
+ * @example
+ * // AI 메시지, 감정 정보 포함
+ * <ChatMessage
+ *   message={{
+ *     id: "2",
+ *     content: "안녕하세요! 도와드릴까요?",
+ *     role: "assistant",
+ *     timestamp: new Date(),
+ *     emotion: "joy",
+ *     intensity: 0.8
+ *   }}
+ *   variant="bubble"
+ * />
+ *
+ * @param {ChatMessageProps} props - ChatMessage 컴포넌트의 props / ChatMessage component props
+ * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
+ * @returns {JSX.Element} ChatMessage 컴포넌트 / ChatMessage component
+ */
 declare const ChatMessage: React.ForwardRefExoticComponent<ChatMessageProps & React.RefAttributes<HTMLDivElement>>;
 export { ChatMessage };
 //# sourceMappingURL=ChatMessage.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ChatMessage.d.ts","sourceRoot":"","sources":["../../src/components/ChatMessage.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,UAAU,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACrE,OAAO,EAAE;QACP,EAAE,EAAE,MAAM,CAAA;QACV,OAAO,EAAE,MAAM,CAAA;QACf,IAAI,EAAE,MAAM,GAAG,WAAW,GAAG,QAAQ,CAAA;QACrC,SAAS,EAAE,IAAI,CAAA;QACf,OAAO,CAAC,EAAE,MAAM,CAAA;QAChB,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;KACnB,CAAA;IACD,IAAI,CAAC,EAAE;QACL,IAAI,CAAC,EAAE,MAAM,CAAA;QACb,MAAM,CAAC,EAAE,MAAM,CAAA;QACf,KAAK,CAAC,EAAE,MAAM,CAAA;KACf,CAAA;IACD,SAAS,CAAC,EAAE;QACV,IAAI,CAAC,EAAE,MAAM,CAAA;QACb,MAAM,CAAC,EAAE,MAAM,CAAA;QACf,KAAK,CAAC,EAAE,MAAM,CAAA;KACf,CAAA;IACD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAA;IAC1C,KAAK,CAAC,EAAE;QACN,YAAY,CAAC,EAAE,MAAM,CAAA;QACrB,cAAc,CAAC,EAAE,MAAM,CAAA;QACvB,UAAU,CAAC,EAAE,MAAM,CAAA;QACnB,YAAY,CAAC,EAAE,MAAM,CAAA;KACtB,CAAA;CACF;AAED,QAAA,MAAM,WAAW,yFA2PhB,CAAA;AAID,OAAO,EAAE,WAAW,EAAE,CAAA"}
+{"version":3,"file":"ChatMessage.d.ts","sourceRoot":"","sources":["../../src/components/ChatMessage.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,UAAU,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACrE,OAAO,EAAE;QACP,EAAE,EAAE,MAAM,CAAA;QACV,OAAO,EAAE,MAAM,CAAA;QACf,IAAI,EAAE,MAAM,GAAG,WAAW,GAAG,QAAQ,CAAA;QACrC,SAAS,EAAE,IAAI,CAAA;QACf,OAAO,CAAC,EAAE,MAAM,CAAA;QAChB,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;KACnB,CAAA;IACD,IAAI,CAAC,EAAE;QACL,IAAI,CAAC,EAAE,MAAM,CAAA;QACb,MAAM,CAAC,EAAE,MAAM,CAAA;QACf,KAAK,CAAC,EAAE,MAAM,CAAA;KACf,CAAA;IACD,SAAS,CAAC,EAAE;QACV,IAAI,CAAC,EAAE,MAAM,CAAA;QACb,MAAM,CAAC,EAAE,MAAM,CAAA;QACf,KAAK,CAAC,EAAE,MAAM,CAAA;KACf,CAAA;IACD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAA;IAC1C,KAAK,CAAC,EAAE;QACN,YAAY,CAAC,EAAE,MAAM,CAAA;QACrB,cAAc,CAAC,EAAE,MAAM,CAAA;QACvB,UAAU,CAAC,EAAE,MAAM,CAAA;QACnB,YAAY,CAAC,EAAE,MAAM,CAAA;KACtB,CAAA;CACF;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,QAAA,MAAM,WAAW,yFA2PhB,CAAA;AAID,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/dist/components/Checkbox.d.ts

@@ -1,12 +1,58 @@
-import * as React from "react";
+import React from "react";
+/**
+ * Checkbox 컴포넌트의 props / Checkbox component props
+ * @typedef {Object} CheckboxProps
+ * @property {"default" | "outline" | "filled" | "glass"} [variant="default"] - Checkbox 스타일 변형 / Checkbox style variant
+ * @property {"sm" | "md" | "lg"} [size="md"] - Checkbox 크기 / Checkbox size
+ * @property {boolean} [error=false] - 에러 상태 표시 / Error state
+ * @property {boolean} [success=false] - 성공 상태 표시 / Success state
+ * @property {string} [label] - 체크박스 레이블 텍스트 / Checkbox label text
+ * @property {string} [description] - 체크박스 설명 텍스트 / Checkbox description text
+ * @extends {Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>}
+ */
 export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {
-    variant?: "default" | "outline" | "filled";
+    variant?: "default" | "outline" | "filled" | "glass";
     size?: "sm" | "md" | "lg";
     error?: boolean;
     success?: boolean;
     label?: string;
     description?: string;
 }
+/**
+ * Checkbox 컴포넌트 / Checkbox component
+ *
+ * 체크박스 입력 필드를 제공하는 컴포넌트입니다.
+ * ARIA 속성을 자동으로 설정하여 접근성을 지원합니다.
+ *
+ * Checkbox input field component.
+ * Automatically sets ARIA attributes for accessibility support.
+ *
+ * @component
+ * @example
+ * // 기본 사용 / Basic usage
+ * <Checkbox label="이용약관에 동의합니다" />
+ *
+ * @example
+ * // 에러 상태와 설명 / Error state with description
+ * <Checkbox
+ *   label="필수 항목"
+ *   description="이 항목은 필수입니다"
+ *   error
+ * />
+ *
+ * @example
+ * // 제어 컴포넌트 / Controlled component
+ * const [checked, setChecked] = useState(false)
+ * <Checkbox
+ *   checked={checked}
+ *   onChange={(e) => setChecked(e.target.checked)}
+ *   label="동의"
+ * />
+ *
+ * @param {CheckboxProps} props - Checkbox 컴포넌트의 props / Checkbox component props
+ * @param {React.Ref<HTMLInputElement>} ref - input 요소 ref / input element ref
+ * @returns {JSX.Element} Checkbox 컴포넌트 / Checkbox component
+ */
 declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
 export { Checkbox };
 //# sourceMappingURL=Checkbox.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/components/Checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC9F,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAA;IAC1C,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,QAAA,MAAM,QAAQ,wFAkFb,CAAA;AAGD,OAAO,EAAE,QAAQ,EAAE,CAAA"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/components/Checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB;;;;;;;;;;GAUG;AACH,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC9F,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAA;IACpD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,QAAA,MAAM,QAAQ,wFAsGb,CAAA;AAGD,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/components/Command.d.ts

@@ -1,4 +1,16 @@
-import * as React from "react";
+import React from "react";
+/**
+ * Command 컴포넌트의 props / Command component props
+ * @typedef {Object} CommandProps
+ * @property {React.ReactNode} children - CommandList, CommandItem 등 / CommandList, CommandItem, etc.
+ * @property {boolean} [open] - 제어 모드에서 열림/닫힘 상태 / Open/close state in controlled mode
+ * @property {(open: boolean) => void} [onOpenChange] - 상태 변경 콜백 / State change callback
+ * @property {string} [placeholder="명령어를 검색하세요..."] - 검색 입력 플레이스홀더 / Search input placeholder
+ * @property {string} [searchValue] - 제어 모드에서 검색 값 / Search value in controlled mode
+ * @property {(value: string) => void} [onSearchChange] - 검색 값 변경 콜백 / Search value change callback
+ * @property {boolean} [disabled=false] - Command 비활성화 여부 / Disable command
+ * @extends {React.HTMLAttributes<HTMLDivElement>}
+ */
 export interface CommandProps extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
     open?: boolean;
@@ -8,26 +20,95 @@ export interface CommandProps extends React.HTMLAttributes<HTMLDivElement> {
     onSearchChange?: (value: string) => void;
     disabled?: boolean;
 }
+/**
+ * Command 컴포넌트 / Command component
+ *
+ * 명령 팔레트(Command Palette) 컴포넌트입니다.
+ * Cmd+K (Mac) 또는 Ctrl+K (Windows)로 열 수 있습니다.
+ * 키보드 네비게이션(Arrow keys, Enter, Escape)을 지원합니다.
+ *
+ * Command Palette component.
+ * Can be opened with Cmd+K (Mac) or Ctrl+K (Windows).
+ * Supports keyboard navigation (Arrow keys, Enter, Escape).
+ *
+ * @component
+ * @example
+ * // 기본 사용 / Basic usage
+ * <Command>
+ *   <CommandInput placeholder="검색..." />
+ *   <CommandList>
+ *     <CommandItem>항목 1</CommandItem>
+ *     <CommandItem>항목 2</CommandItem>
+ *   </CommandList>
+ * </Command>
+ *
+ * @example
+ * // 제어 모드 / Controlled mode
+ * const [open, setOpen] = useState(false)
+ * <Command
+ *   open={open}
+ *   onOpenChange={setOpen}
+ * >
+ *   <CommandList>
+ *     <CommandGroup heading="파일">
+ *       <CommandItem>새 파일</CommandItem>
+ *     </CommandGroup>
+ *   </CommandList>
+ * </Command>
+ *
+ * @param {CommandProps} props - Command 컴포넌트의 props / Command component props
+ * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
+ * @returns {JSX.Element} Command 컴포넌트 / Command component
+ */
 declare const Command: React.ForwardRefExoticComponent<CommandProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * CommandInput 컴포넌트의 props / CommandInput component props
+ * @typedef {Object} CommandInputProps
+ * @extends {React.InputHTMLAttributes<HTMLInputElement>}
+ */
 export interface CommandInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
 }
 declare const CommandInput: React.ForwardRefExoticComponent<CommandInputProps & React.RefAttributes<HTMLInputElement>>;
 export interface CommandListProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 declare const CommandList: React.ForwardRefExoticComponent<CommandListProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * CommandItem 컴포넌트의 props / CommandItem component props
+ * @typedef {Object} CommandItemProps
+ * @property {React.ReactNode} [icon] - 항목 아이콘 / Item icon
+ * @property {boolean} [selected=false] - 선택 상태 / Selected state
+ * @property {() => void} [onSelect] - 선택 시 콜백 / Selection callback
+ * @extends {React.ButtonHTMLAttributes<HTMLButtonElement>}
+ */
 export interface CommandItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     icon?: React.ReactNode;
     selected?: boolean;
     onSelect?: () => void;
 }
 declare const CommandItem: React.ForwardRefExoticComponent<CommandItemProps & React.RefAttributes<HTMLButtonElement>>;
+/**
+ * CommandGroup 컴포넌트의 props / CommandGroup component props
+ * @typedef {Object} CommandGroupProps
+ * @property {React.ReactNode} [heading] - 그룹 제목 / Group heading
+ * @extends {React.HTMLAttributes<HTMLDivElement>}
+ */
 export interface CommandGroupProps extends React.HTMLAttributes<HTMLDivElement> {
     heading?: React.ReactNode;
 }
 declare const CommandGroup: React.ForwardRefExoticComponent<CommandGroupProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * CommandSeparator 컴포넌트의 props / CommandSeparator component props
+ * @typedef {Object} CommandSeparatorProps
+ * @extends {React.HTMLAttributes<HTMLDivElement>}
+ */
 export interface CommandSeparatorProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 declare const CommandSeparator: React.ForwardRefExoticComponent<CommandSeparatorProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * CommandEmpty 컴포넌트의 props / CommandEmpty component props
+ * @typedef {Object} CommandEmptyProps
+ * @extends {React.HTMLAttributes<HTMLDivElement>}
+ */
 export interface CommandEmptyProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 declare const CommandEmpty: React.ForwardRefExoticComponent<CommandEmptyProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -1 +1 @@
-{"version":3,"file":"Command.d.ts","sourceRoot":"","sources":["../../src/components/Command.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACxE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,QAAA,MAAM,OAAO,qFAyJZ,CAAA;AAGD,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;CAAG;AAEzF,QAAA,MAAM,YAAY,4FAajB,CAAA;AAGD,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjF,QAAA,MAAM,WAAW,yFAQhB,CAAA;AAGD,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrF,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB;AAED,QAAA,MAAM,WAAW,4FAmChB,CAAA;AAGD,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,QAAA,MAAM,YAAY,0FAajB,CAAA;AAGD,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEtF,QAAA,MAAM,gBAAgB,8FAQrB,CAAA;AAGD,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAElF,QAAA,MAAM,YAAY,0FAajB,CAAA;AAID,eAAO,MAAM,aAAa,qFAIzB,CAAA;AAGD,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,gBAAgB,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"Command.d.ts","sourceRoot":"","sources":["../../src/components/Command.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACxE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,QAAA,MAAM,OAAO,qFAyJZ,CAAA;AAGD;;;;GAIG;AACH,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;CAAG;AAEzF,QAAA,MAAM,YAAY,4FAajB,CAAA;AAGD,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjF,QAAA,MAAM,WAAW,yFAQhB,CAAA;AAGD;;;;;;;GAOG;AACH,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrF,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB;AAED,QAAA,MAAM,WAAW,4FAmChB,CAAA;AAGD;;;;;GAKG;AACH,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,QAAA,MAAM,YAAY,0FAajB,CAAA;AAGD;;;;GAIG;AACH,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEtF,QAAA,MAAM,gBAAgB,8FAQrB,CAAA;AAGD;;;;GAIG;AACH,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAElF,QAAA,MAAM,YAAY,0FAajB,CAAA;AAID,eAAO,MAAM,aAAa,qFAIzB,CAAA;AAGD,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,gBAAgB,EAAE,YAAY,EAAE,CAAA"}

package/dist/components/ComponentLayout.d.ts

@@ -0,0 +1,72 @@
+import React from "react";
+/**
+ * ComponentLayout 컴포넌트의 props / ComponentLayout component props
+ * @typedef {Object} ComponentLayoutProps
+ * @property {string} title - 페이지 제목 / Page title
+ * @property {string} description - 페이지 설명 / Page description
+ * @property {React.ReactNode} children - 페이지 내용 / Page content
+ * @property {Object} [prevPage] - 이전 페이지 정보 / Previous page information
+ * @property {string} prevPage.title - 이전 페이지 제목 / Previous page title
+ * @property {string} prevPage.href - 이전 페이지 링크 / Previous page link
+ * @property {Object} [nextPage] - 다음 페이지 정보 / Next page information
+ * @property {string} nextPage.title - 다음 페이지 제목 / Next page title
+ * @property {string} nextPage.href - 다음 페이지 링크 / Next page link
+ * @property {Array<Object>} [breadcrumbItems] - Breadcrumb 항목들 / Breadcrumb items
+ * @property {string} breadcrumbItems[].label - Breadcrumb 라벨 / Breadcrumb label
+ * @property {string} [breadcrumbItems[].href] - Breadcrumb 링크 / Breadcrumb link
+ * @extends {React.HTMLAttributes<HTMLDivElement>}
+ */
+export interface ComponentLayoutProps extends React.HTMLAttributes<HTMLDivElement> {
+    title: string;
+    description: string;
+    children: React.ReactNode;
+    prevPage?: {
+        title: string;
+        href: string;
+    };
+    nextPage?: {
+        title: string;
+        href: string;
+    };
+    breadcrumbItems?: Array<{
+        label: string;
+        href?: string;
+    }>;
+}
+/**
+ * ComponentLayout 컴포넌트 / ComponentLayout component
+ *
+ * 컴포넌트 문서 페이지 레이아웃을 제공하는 컴포넌트입니다.
+ * 제목, 설명, Breadcrumb, 이전/다음 페이지 네비게이션을 포함합니다.
+ *
+ * Component that provides layout for component documentation pages.
+ * Includes title, description, Breadcrumb, and previous/next page navigation.
+ *
+ * @component
+ * @example
+ * // 기본 사용 / Basic usage
+ * <ComponentLayout
+ *   title="Button 컴포넌트"
+ *   description="버튼 컴포넌트 사용법"
+ * >
+ *   <Button>예제</Button>
+ * </ComponentLayout>
+ *
+ * @example
+ * // 이전/다음 페이지 네비게이션 포함 / With previous/next page navigation
+ * <ComponentLayout
+ *   title="Input 컴포넌트"
+ *   description="입력 컴포넌트 사용법"
+ *   prevPage={{ title: "Button", href: "/components/button" }}
+ *   nextPage={{ title: "Select", href: "/components/select" }}
+ * >
+ *   <Input placeholder="입력하세요" />
+ * </ComponentLayout>
+ *
+ * @param {ComponentLayoutProps} props - ComponentLayout 컴포넌트의 props / ComponentLayout component props
+ * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
+ * @returns {JSX.Element} ComponentLayout 컴포넌트 / ComponentLayout component
+ */
+declare const ComponentLayout: React.ForwardRefExoticComponent<ComponentLayoutProps & React.RefAttributes<HTMLDivElement>>;
+export { ComponentLayout };
+//# sourceMappingURL=ComponentLayout.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentLayout.d.ts","sourceRoot":"","sources":["../../src/components/ComponentLayout.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAChF,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,QAAQ,CAAC,EAAE;QACT,KAAK,EAAE,MAAM,CAAA;QACb,IAAI,EAAE,MAAM,CAAA;KACb,CAAA;IACD,QAAQ,CAAC,EAAE;QACT,KAAK,EAAE,MAAM,CAAA;QACb,IAAI,EAAE,MAAM,CAAA;KACb,CAAA;IACD,eAAe,CAAC,EAAE,KAAK,CAAC;QACtB,KAAK,EAAE,MAAM,CAAA;QACb,IAAI,CAAC,EAAE,MAAM,CAAA;KACd,CAAC,CAAA;CACH;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,QAAA,MAAM,eAAe,6FA4HpB,CAAA;AAGD,OAAO,EAAE,eAAe,EAAE,CAAA"}