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

package/dist/components/Badge.d.ts

@@ -1,7 +1,37 @@
 import React from "react";
+/**
+ * Badge 컴포넌트의 props / Badge component props
+ * @typedef {Object} BadgeProps
+ * @property {"default" | "secondary" | "destructive" | "error" | "outline" | "glass"} [variant="default"] - Badge 스타일 변형 / Badge style variant
+ * @extends {React.HTMLAttributes<HTMLDivElement>}
+ */
 export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement> {
-    variant?: "default" | "secondary" | "destructive" | "outline";
+    variant?: "default" | "secondary" | "destructive" | "error" | "outline" | "glass";
 }
-declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Badge 컴포넌트 / Badge component
+ *
+ * 상태나 카테고리를 표시하는 작은 배지 컴포넌트입니다.
+ * React.memo로 최적화되어 있어 불필요한 리렌더링을 방지합니다.
+ *
+ * Small badge component for displaying status or category.
+ * Optimized with React.memo to prevent unnecessary re-renders.
+ *
+ * @component
+ * @example
+ * // 기본 사용 / Basic usage
+ * <Badge>New</Badge>
+ *
+ * @example
+ * // 다양한 변형 / Various variants
+ * <Badge variant="destructive">완료</Badge>
+ * <Badge variant="error">오류</Badge>
+ * <Badge variant="outline">대기</Badge>
+ *
+ * @param {BadgeProps} props - Badge 컴포넌트의 props / Badge component props
+ * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
+ * @returns {JSX.Element} Badge 컴포넌트 / Badge component
+ */
+declare const Badge: React.NamedExoticComponent<BadgeProps & React.RefAttributes<HTMLDivElement>>;
 export { Badge };
 //# sourceMappingURL=Badge.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../src/components/Badge.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,WAAW,GAAG,aAAa,GAAG,SAAS,CAAA;CAC9D;AAED,QAAA,MAAM,KAAK,mFAqBV,CAAA;AAGD,OAAO,EAAE,KAAK,EAAE,CAAA"}
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../src/components/Badge.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB;;;;;GAKG;AACH,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,aAAa,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAA;CAClF;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,QAAA,MAAM,KAAK,8EAuBT,CAAA;AAGF,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/dist/components/Bookmark.d.ts

@@ -0,0 +1,49 @@
+import React from "react";
+/**
+ * Bookmark 컴포넌트의 props / Bookmark component props
+ * @typedef {Object} BookmarkProps
+ * @property {string} id - 북마크 고유 ID / Bookmark unique ID
+ * @property {string} [storageKey='bookmarks'] - localStorage 키 / localStorage key
+ * @property {boolean} [defaultBookmarked=false] - 기본 북마크 상태 / Default bookmarked state
+ * @property {(bookmarked: boolean) => void} [onBookmarkChange] - 북마크 상태 변경 콜백 / Bookmark state change callback
+ * @property {'sm' | 'md' | 'lg'} [size='md'] - Bookmark 크기 / Bookmark size
+ * @property {'default' | 'filled' | 'outline'} [variant='default'] - Bookmark 스타일 변형 / Bookmark style variant
+ * @extends {React.HTMLAttributes<HTMLButtonElement>}
+ */
+export interface BookmarkProps extends React.HTMLAttributes<HTMLButtonElement> {
+    id: string;
+    storageKey?: string;
+    defaultBookmarked?: boolean;
+    onBookmarkChange?: (bookmarked: boolean) => void;
+    size?: 'sm' | 'md' | 'lg';
+    variant?: 'default' | 'filled' | 'outline';
+}
+/**
+ * Bookmark 컴포넌트 / Bookmark component
+ *
+ * 북마크 기능을 제공하는 버튼 컴포넌트입니다.
+ * localStorage에 북마크 상태를 저장하며, 여러 항목의 북마크를 관리할 수 있습니다.
+ *
+ * Button component that provides bookmark functionality.
+ * Saves bookmark state to localStorage and can manage bookmarks for multiple items.
+ *
+ * @component
+ * @example
+ * // 기본 사용 / Basic usage
+ * <Bookmark id="article-1" />
+ *
+ * @example
+ * // 상태 변경 감지 / State change detection
+ * <Bookmark
+ *   id="article-1"
+ *   onBookmarkChange={(bookmarked) => console.log(bookmarked)}
+ *   variant="filled"
+ * />
+ *
+ * @param {BookmarkProps} props - Bookmark 컴포넌트의 props / Bookmark component props
+ * @param {React.Ref<HTMLButtonElement>} ref - button 요소 ref / button element ref
+ * @returns {JSX.Element} Bookmark 컴포넌트 / Bookmark component
+ */
+declare const Bookmark: React.ForwardRefExoticComponent<BookmarkProps & React.RefAttributes<HTMLButtonElement>>;
+export { Bookmark };
+//# sourceMappingURL=Bookmark.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Bookmark.d.ts","sourceRoot":"","sources":["../../src/components/Bookmark.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAIlD;;;;;;;;;;GAUG;AACH,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC;IAC5E,EAAE,EAAE,MAAM,CAAA;IACV,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAA;IAChD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAA;CAC3C;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,QAAA,MAAM,QAAQ,yFAgFb,CAAA;AAID,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/components/BottomSheet.d.ts

@@ -1,4 +1,20 @@
-import * as React from "react";
+import React from "react";
+/**
+ * BottomSheet 컴포넌트의 props / BottomSheet component props
+ * @typedef {Object} BottomSheetProps
+ * @property {boolean} open - BottomSheet 열림/닫힘 상태 / BottomSheet open/close state
+ * @property {(open: boolean) => void} onOpenChange - 상태 변경 콜백 / State change callback
+ * @property {React.ReactNode} children - BottomSheet 내용 / BottomSheet content
+ * @property {string} [className] - 추가 CSS 클래스 / Additional CSS class
+ * @property {"sm" | "md" | "lg" | "xl" | "full"} [height="md"] - BottomSheet 높이 / BottomSheet height
+ * @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
+ * @property {boolean} [showDragHandle=true] - 드래그 핸들 표시 여부 / Show drag handle
+ * @property {number[]} [snapPoints=[25, 50, 75, 100]] - 스냅 포인트 (퍼센트) / Snap points (percentage)
+ * @property {number} [defaultSnap=50] - 기본 스냅 포인트 (퍼센트) / Default snap point (percentage)
+ */
 interface BottomSheetProps {
     open: boolean;
     onOpenChange: (open: boolean) => void;
@@ -6,24 +22,98 @@ interface BottomSheetProps {
     className?: string;
     height?: "sm" | "md" | "lg" | "xl" | "full";
     showBackdrop?: boolean;
+    backdropClassName?: string;
     closeOnBackdropClick?: boolean;
     closeOnEscape?: boolean;
     showDragHandle?: boolean;
     snapPoints?: number[];
     defaultSnap?: number;
 }
+/**
+ * BottomSheet 컴포넌트 / BottomSheet component
+ *
+ * 화면 하단에서 올라오는 시트 컴포넌트입니다.
+ * 모바일 친화적인 UI를 제공하며, 드래그로 높이를 조절할 수 있습니다.
+ * 스냅 포인트를 지원하여 특정 높이에서 멈출 수 있습니다.
+ *
+ * Sheet component that slides up from the bottom of the screen.
+ * Provides mobile-friendly UI and allows height adjustment by dragging.
+ * Supports snap points to stop at specific heights.
+ *
+ * @component
+ * @example
+ * // 기본 사용 / Basic usage
+ * const [open, setOpen] = useState(false)
+ *
+ * <BottomSheet open={open} onOpenChange={setOpen}>
+ *   <BottomSheetHeader>제목</BottomSheetHeader>
+ *   <BottomSheetContent>내용</BottomSheetContent>
+ * </BottomSheet>
+ *
+ * @example
+ * // 커스텀 스냅 포인트 / Custom snap points
+ * <BottomSheet
+ *   open={open}
+ *   onOpenChange={setOpen}
+ *   snapPoints={[30, 60, 90]}
+ *   defaultSnap={30}
+ * >
+ *   <BottomSheetContent>내용</BottomSheetContent>
+ * </BottomSheet>
+ *
+ * @param {BottomSheetProps} props - BottomSheet 컴포넌트의 props / BottomSheet component props
+ * @param {React.Ref<HTMLDivElement>} ref - BottomSheet 컨테이너 ref / BottomSheet container ref
+ * @returns {JSX.Element} BottomSheet 컴포넌트 / BottomSheet 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 BottomSheet: React.ForwardRefExoticComponent<BottomSheetProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * BottomSheetHeader 컴포넌트의 props / BottomSheetHeader component props
+ * @typedef {Object} BottomSheetHeaderProps
+ * @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 BottomSheetHeaderProps {
     children: React.ReactNode;
     className?: string;
     showCloseButton?: boolean;
     onClose?: () => void;
 }
+/**
+ * BottomSheetHeader 컴포넌트 / BottomSheetHeader component
+ * BottomSheet의 헤더 영역을 표시합니다.
+ * Displays the header area of a BottomSheet.
+ *
+ * @component
+ * @param {BottomSheetHeaderProps} props - BottomSheetHeader 컴포넌트의 props / BottomSheetHeader component props
+ * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
+ * @returns {JSX.Element} BottomSheetHeader 컴포넌트 / BottomSheetHeader component
+ */
 declare const BottomSheetHeader: React.ForwardRefExoticComponent<BottomSheetHeaderProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * BottomSheetContent 컴포넌트의 props / BottomSheetContent component props
+ * @typedef {Object} BottomSheetContentProps
+ * @property {React.ReactNode} children - 콘텐츠 / Content
+ * @property {string} [className] - 추가 CSS 클래스 / Additional CSS class
+ */
 interface BottomSheetContentProps {
     children: React.ReactNode;
     className?: string;
 }
+/**
+ * BottomSheetContent 컴포넌트 / BottomSheetContent component
+ * BottomSheet의 메인 콘텐츠 영역을 표시합니다.
+ * Displays the main content area of a BottomSheet.
+ *
+ * @component
+ * @param {BottomSheetContentProps} props - BottomSheetContent 컴포넌트의 props / BottomSheetContent component props
+ * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
+ * @returns {JSX.Element} BottomSheetContent 컴포넌트 / BottomSheetContent component
+ */
 declare const BottomSheetContent: React.ForwardRefExoticComponent<BottomSheetContentProps & React.RefAttributes<HTMLDivElement>>;
 export { BottomSheet, BottomSheetHeader, BottomSheetContent };
 //# sourceMappingURL=BottomSheet.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../src/components/BottomSheet.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,UAAU,gBAAgB;IACxB,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,MAAM,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAA;IAC3C,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,QAAA,MAAM,WAAW,yFA4IhB,CAAA;AAGD,UAAU,sBAAsB;IAC9B,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,iBAAiB,+FAoBtB,CAAA;AAGD,UAAU,uBAAuB;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,kBAAkB,gGAYvB,CAAA;AAGD,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,CAAA"}
+{"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../src/components/BottomSheet.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB;;;;;;;;;;;;;;;GAeG;AACH,UAAU,gBAAgB;IACxB,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,MAAM,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAA;IAC3C,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,QAAA,MAAM,WAAW,yFA8IhB,CAAA;AAGD;;;;;;;GAOG;AACH,UAAU,sBAAsB;IAC9B,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,iBAAiB,+FAoBtB,CAAA;AAGD;;;;;GAKG;AACH,UAAU,uBAAuB;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;;;;;GASG;AACH,QAAA,MAAM,kBAAkB,gGAYvB,CAAA;AAGD,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,CAAA"}

package/dist/components/Breadcrumb.d.ts

@@ -1,27 +1,86 @@
-import * as React from "react";
-interface BreadcrumbItem {
+import React from "react";
+/**
+ * Breadcrumb 항목 타입 / Breadcrumb item type
+ */
+export interface BreadcrumbItemData {
     label: string;
     href?: string;
     icon?: string;
-    onClick?: () => void;
 }
-interface BreadcrumbProps {
-    items: BreadcrumbItem[];
-    separator?: React.ReactNode;
-    className?: string;
+/**
+ * Breadcrumb 컴포넌트의 props / Breadcrumb component props
+ * @typedef {Object} BreadcrumbProps
+ * @property {React.ReactNode} [children] - BreadcrumbItem 컴포넌트들 / BreadcrumbItem components
+ * @property {BreadcrumbItemData[]} [items] - Breadcrumb 항목 배열 (children 대신 사용 가능) / Breadcrumb items array (alternative to children)
+ * @property {number} [maxItems] - 최대 표시할 항목 수 (긴 경로 처리) / Maximum number of items to display (for long paths)
+ * @property {boolean} [showHomeIcon] - 홈 아이콘 표시 여부 / Show home icon
+ * @property {string} [homeLabel] - 홈 라벨 (기본: "Home") / Home label (default: "Home")
+ * @property {React.ReactNode} [separator] - 항목 사이 구분자 (기본: chevronRight 아이콘) / Separator between items (default: chevronRight icon)
+ * @property {'default' | 'subtle' | 'transparent' | 'glass'} [variant='default'] - Breadcrumb 스타일 변형 / Breadcrumb style variant
+ * @extends {React.HTMLAttributes<HTMLDivElement>}
+ */
+export interface BreadcrumbProps extends React.HTMLAttributes<HTMLDivElement> {
+    children?: React.ReactNode;
+    items?: BreadcrumbItemData[];
     maxItems?: number;
     showHomeIcon?: boolean;
     homeLabel?: string;
-    homeHref?: string;
+    separator?: React.ReactNode;
+    variant?: 'default' | 'subtle' | 'transparent' | 'glass';
 }
-declare const Breadcrumb: React.ForwardRefExoticComponent<BreadcrumbProps & React.RefAttributes<HTMLDivElement>>;
-interface BreadcrumbItemProps {
+/**
+ * BreadcrumbItem 컴포넌트의 props / BreadcrumbItem component props
+ * @typedef {Object} BreadcrumbItemProps
+ * @property {string} [href] - 링크 URL (없으면 일반 텍스트) / Link URL (plain text if not provided)
+ * @property {boolean} [isCurrent=false] - 현재 페이지 여부 / Current page indicator
+ * @property {React.ReactNode} children - 항목 텍스트 / Item text
+ * @property {string} [className] - 추가 CSS 클래스 / Additional CSS class
+ */
+export interface BreadcrumbItemProps {
+    href?: string;
+    isCurrent?: boolean;
     children: React.ReactNode;
     className?: string;
-    href?: string;
-    onClick?: () => void;
-    isActive?: boolean;
 }
-declare const BreadcrumbItem: React.ForwardRefExoticComponent<BreadcrumbItemProps & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
+/**
+ * Breadcrumb 컴포넌트 / Breadcrumb component
+ *
+ * 네비게이션 경로를 표시하는 breadcrumb 컴포넌트입니다.
+ * 현재 위치와 경로를 시각적으로 표현합니다.
+ *
+ * Breadcrumb component for displaying navigation paths.
+ * Visually represents current location and path.
+ *
+ * @component
+ * @example
+ * // 기본 사용 / Basic usage
+ * <Breadcrumb>
+ *   <BreadcrumbItem href="/">홈</BreadcrumbItem>
+ *   <BreadcrumbItem href="/products">상품</BreadcrumbItem>
+ *   <BreadcrumbItem isCurrent>상세</BreadcrumbItem>
+ * </Breadcrumb>
+ *
+ * @example
+ * // 커스텀 구분자 / Custom separator
+ * <Breadcrumb separator={<span>/</span>}>
+ *   <BreadcrumbItem href="/">홈</BreadcrumbItem>
+ *   <BreadcrumbItem isCurrent>현재</BreadcrumbItem>
+ * </Breadcrumb>
+ *
+ * @param {BreadcrumbProps} props - Breadcrumb 컴포넌트의 props / Breadcrumb component props
+ * @param {React.Ref<HTMLDivElement>} ref - nav 요소 ref / nav element ref
+ * @returns {JSX.Element} Breadcrumb 컴포넌트 / Breadcrumb component
+ */
+declare const Breadcrumb: React.ForwardRefExoticComponent<BreadcrumbProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * BreadcrumbItem 컴포넌트
+ * Breadcrumb의 개별 항목을 표시합니다.
+ *
+ * @component
+ * @param {BreadcrumbItemProps} props - BreadcrumbItem 컴포넌트의 props
+ * @param {React.Ref<HTMLLIElement>} ref - li 요소 ref
+ * @returns {JSX.Element} BreadcrumbItem 컴포넌트
+ */
+declare const BreadcrumbItem: React.ForwardRefExoticComponent<BreadcrumbItemProps & React.RefAttributes<HTMLLIElement>>;
 export { Breadcrumb, BreadcrumbItem };
 //# sourceMappingURL=Breadcrumb.d.ts.map

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"}