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

package/dist/components/Modal.d.ts

@@ -1,15 +1,77 @@
-import * as React from "react";
-export interface ModalProps extends React.HTMLAttributes<HTMLDivElement> {
+import React from "react";
+/**
+ * Modal 컴포넌트의 props / Modal component props
+ * @typedef {Object} ModalProps
+ * @property {boolean} isOpen - 모달 열림/닫힘 상태 / Modal open/close state
+ * @property {() => void} onClose - 모달 닫기 콜백 함수 / Modal close callback function
+ * @property {React.ReactNode} children - 모달 내용 / Modal content
+ * @property {"sm" | "md" | "lg" | "xl" | "2xl" | "3xl"} [size="md"] - 모달 크기 / Modal size
+ * @property {boolean} [showCloseButton=true] - 닫기 버튼 표시 여부 / Show close button
+ * @property {boolean} [closeOnOverlayClick=true] - 오버레이 클릭 시 닫기 여부 / Close on overlay click
+ * @property {string} [title] - 모달 제목 / Modal title
+ * @property {string} [description] - 모달 설명 / Modal description
+ * @property {boolean} [showBackdrop=true] - 배경 오버레이 표시 여부 / Show backdrop overlay
+ * @property {string} [backdropClassName] - 배경 오버레이 추가 CSS 클래스 / Additional CSS class for backdrop
+ * @property {boolean} [centered=true] - 모달을 화면 중앙에 배치할지 여부 / Center modal on screen
+ * @property {string} [className] - 모달 컨테이너 추가 CSS 클래스 / Additional CSS class for modal container
+ */
+export interface ModalProps {
     isOpen: boolean;
     onClose: () => void;
     children: React.ReactNode;
-    size?: "sm" | "md" | "lg" | "xl" | "2xl";
+    size?: "sm" | "md" | "lg" | "xl" | "2xl" | "3xl";
     showCloseButton?: boolean;
     closeOnOverlayClick?: boolean;
     title?: string;
+    description?: string;
     showBackdrop?: boolean;
+    backdropClassName?: string;
     centered?: boolean;
+    className?: string;
 }
-declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>>;
-export { Modal };
+/**
+ * Modal 컴포넌트 / Modal component
+ *
+ * 오버레이와 함께 표시되는 모달 다이얼로그 컴포넌트입니다.
+ * ESC 키로 닫기, 오버레이 클릭으로 닫기, 접근성 속성(ARIA)을 지원합니다.
+ *
+ * Modal dialog component displayed with overlay.
+ * Supports closing with ESC key, overlay click, and ARIA accessibility attributes.
+ *
+ * @component
+ * @example
+ * // 기본 사용 / Basic usage
+ * const [isOpen, setIsOpen] = useState(false)
+ *
+ * <Modal isOpen={isOpen} onClose={() => setIsOpen(false)}>
+ *   <p>모달 내용</p>
+ * </Modal>
+ *
+ * @example
+ * // 제목과 설명 포함 / With title and description
+ * <Modal
+ *   isOpen={isOpen}
+ *   onClose={() => setIsOpen(false)}
+ *   title="확인"
+ *   description="이 작업을 계속하시겠습니까?"
+ * >
+ *   <Button onClick={handleConfirm}>확인</Button>
+ * </Modal>
+ *
+ * @example
+ * // 큰 크기 모달 / Large size modal
+ * <Modal
+ *   isOpen={isOpen}
+ *   onClose={() => setIsOpen(false)}
+ *   size="xl"
+ *   closeOnOverlayClick={false}
+ * >
+ *   <div>큰 모달 내용</div>
+ * </Modal>
+ *
+ * @param {ModalProps} props - Modal 컴포넌트의 props / Modal component props
+ * @param {React.Ref<HTMLDivElement>} ref - 모달 컨테이너 ref / Modal container ref
+ * @returns {JSX.Element} Modal 컴포넌트 / Modal component
+ */
+export declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=Modal.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../src/components/Modal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE,MAAM,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAA;IACxC,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,QAAA,MAAM,KAAK,mFAoIV,CAAA;AAGD,OAAO,EAAE,KAAK,EAAE,CAAA"}
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../src/components/Modal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB;;;;;;;;;;;;;;;GAeG;AACH,MAAM,WAAW,UAAU;IACzB,MAAM,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,CAAA;IAChD,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAoBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,eAAO,MAAM,KAAK,mFA2JhB,CAAA"}

package/dist/components/Navigation.d.ts

@@ -0,0 +1,72 @@
+import React from "react";
+/**
+ * Navigation 컴포넌트의 props / Navigation component props
+ * @typedef {Object} NavigationProps
+ * @property {string} [value] - 제어 모드에서 활성 탭 값 / Active tab value in controlled mode
+ * @property {string} [defaultValue] - 비제어 모드에서 기본 활성 탭 값 / Default active tab value in uncontrolled mode
+ * @property {(value: string) => void} [onValueChange] - 탭 변경 콜백 / Tab change callback
+ * @property {"pills" | "underline" | "cards"} [variant="pills"] - Navigation 스타일 변형 / Navigation style variant
+ * @property {"small" | "medium" | "large"} [scale="medium"] - Navigation 크기 / Navigation size
+ * @extends {Omit<React.HTMLAttributes<HTMLDivElement>, 'style'>}
+ */
+export interface NavigationProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'style'> {
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    variant?: "pills" | "underline" | "cards";
+    scale?: "small" | "medium" | "large";
+}
+/**
+ * NavigationList 컴포넌트의 props / NavigationList component props
+ * @typedef {Object} NavigationListProps
+ * @property {string} [value] - 활성 탭 값 / Active tab value
+ * @property {(value: string) => void} [onValueChange] - 탭 변경 콜백 / Tab change callback
+ * @property {"pills" | "underline" | "cards"} [variant="pills"] - Navigation 스타일 변형 / Navigation style variant
+ * @property {"small" | "medium" | "large"} [scale="medium"] - Navigation 크기 / Navigation size
+ * @extends {Omit<React.HTMLAttributes<HTMLDivElement>, 'style'>}
+ */
+export interface NavigationListProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'style'> {
+    value?: string;
+    onValueChange?: (value: string) => void;
+    variant?: "pills" | "underline" | "cards";
+    scale?: "small" | "medium" | "large";
+}
+declare const NavigationList: React.ForwardRefExoticComponent<NavigationListProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * NavigationItem 컴포넌트의 props / NavigationItem component props
+ * @typedef {Object} NavigationItemProps
+ * @property {string} value - 탭 값 / Tab value
+ * @property {(value: string) => void} [onValueChange] - 탭 변경 콜백 / Tab change callback
+ * @property {"pills" | "underline" | "cards"} [variant] - Navigation 스타일 변형 (자동으로 설정됨) / Navigation style variant (auto-set)
+ * @property {"small" | "medium" | "large"} [scale] - Navigation 크기 (자동으로 설정됨) / Navigation size (auto-set)
+ * @property {boolean} [active] - 활성 상태 (자동으로 설정됨) / Active state (auto-set)
+ * @extends {Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'style'>}
+ */
+export interface NavigationItemProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'style'> {
+    value: string;
+    onValueChange?: (value: string) => void;
+    variant?: "pills" | "underline" | "cards";
+    scale?: "small" | "medium" | "large";
+    active?: boolean;
+}
+declare const NavigationItem: React.ForwardRefExoticComponent<NavigationItemProps & React.RefAttributes<HTMLButtonElement>>;
+/**
+ * NavigationContent 컴포넌트의 props / NavigationContent component props
+ * @typedef {Object} NavigationContentProps
+ * @property {string} value - 탭 값 / Tab value
+ * @property {boolean} [active] - 활성 상태 (자동으로 설정됨) / Active state (auto-set)
+ * @extends {React.HTMLAttributes<HTMLDivElement>}
+ */
+export interface NavigationContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    value: string;
+    active?: boolean;
+}
+declare const NavigationContent: React.ForwardRefExoticComponent<NavigationContentProps & React.RefAttributes<HTMLDivElement>>;
+export interface NavigationComponent extends React.ForwardRefExoticComponent<NavigationProps & React.RefAttributes<HTMLDivElement>> {
+    List: typeof NavigationList;
+    Item: typeof NavigationItem;
+    Content: typeof NavigationContent;
+}
+declare const NavigationComponent: NavigationComponent;
+export { NavigationComponent as Navigation, NavigationList, NavigationItem, NavigationContent };
+//# sourceMappingURL=Navigation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Navigation.d.ts","sourceRoot":"","sources":["../../src/components/Navigation.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB;;;;;;;;;GASG;AACH,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC1F,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,OAAO,CAAC,EAAE,OAAO,GAAG,WAAW,GAAG,OAAO,CAAA;IACzC,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;CACrC;AA+ED;;;;;;;;GAQG;AACH,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC9F,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,OAAO,CAAC,EAAE,OAAO,GAAG,WAAW,GAAG,OAAO,CAAA;IACzC,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;CACrC;AAED,QAAA,MAAM,cAAc,4FA0DnB,CAAA;AAGD;;;;;;;;;GASG;AACH,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IACvG,KAAK,EAAE,MAAM,CAAA;IACb,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,OAAO,CAAC,EAAE,OAAO,GAAG,WAAW,GAAG,OAAO,CAAA;IACzC,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACpC,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,QAAA,MAAM,cAAc,+FA2EnB,CAAA;AAGD;;;;;;GAMG;AACH,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAClF,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,QAAA,MAAM,iBAAiB,+FAYtB,CAAA;AAID,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,yBAAyB,CAAC,eAAe,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;IACjI,IAAI,EAAE,OAAO,cAAc,CAAA;IAC3B,IAAI,EAAE,OAAO,cAAc,CAAA;IAC3B,OAAO,EAAE,OAAO,iBAAiB,CAAA;CAClC;AAED,QAAA,MAAM,mBAAmB,EAAiB,mBAAmB,CAAA;AAK7D,OAAO,EAAE,mBAAmB,IAAI,UAAU,EAAE,cAAc,EAAE,cAAc,EAAE,iBAAiB,EAAE,CAAA"}

package/dist/components/PageNavigation.d.ts

@@ -0,0 +1,48 @@
+import React from "react";
+/**
+ * PageNavigation 컴포넌트의 props / PageNavigation component props
+ * @typedef {Object} PageNavigationProps
+ * @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 {boolean} [showOnMobile=false] - 모바일에서 표시 여부 / Show on mobile
+ * @extends {React.HTMLAttributes<HTMLDivElement>}
+ */
+export interface PageNavigationProps extends React.HTMLAttributes<HTMLDivElement> {
+    prevPage?: {
+        title: string;
+        href: string;
+    };
+    nextPage?: {
+        title: string;
+        href: string;
+    };
+    showOnMobile?: boolean;
+}
+/**
+ * PageNavigation 컴포넌트 / PageNavigation component
+ *
+ * 이전/다음 페이지로 이동하는 네비게이션 컴포넌트입니다.
+ * 문서 페이지나 가이드 페이지에서 사용하기 적합합니다.
+ *
+ * Navigation component for moving to previous/next pages.
+ * Suitable for documentation or guide pages.
+ *
+ * @component
+ * @example
+ * // 기본 사용 / Basic usage
+ * <PageNavigation
+ *   prevPage={{ title: "이전 페이지", href: "/prev" }}
+ *   nextPage={{ title: "다음 페이지", href: "/next" }}
+ * />
+ *
+ * @param {PageNavigationProps} props - PageNavigation 컴포넌트의 props / PageNavigation component props
+ * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
+ * @returns {JSX.Element} PageNavigation 컴포넌트 / PageNavigation component
+ */
+declare const PageNavigation: React.ForwardRefExoticComponent<PageNavigationProps & React.RefAttributes<HTMLDivElement>>;
+export { PageNavigation };
+//# sourceMappingURL=PageNavigation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PageNavigation.d.ts","sourceRoot":"","sources":["../../src/components/PageNavigation.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC/E,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,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,QAAA,MAAM,cAAc,4FAwDnB,CAAA;AAGD,OAAO,EAAE,cAAc,EAAE,CAAA"}

package/dist/components/PageTransition.d.ts

@@ -1,15 +1,58 @@
 import React from 'react';
+/**
+ * PageTransition 컴포넌트의 props / PageTransition component props
+ * @typedef {Object} PageTransitionProps
+ * @property {React.ReactNode} children - 페이지 내용 / Page content
+ * @property {string} [className] - 추가 CSS 클래스 / Additional CSS class
+ * @property {number} [duration=300] - 전환 지속 시간 (ms) / Transition duration (ms)
+ * @property {'fade' | 'slide' | 'scale' | 'flip'} [variant='fade'] - 전환 애니메이션 타입 / Transition animation type
+ * @property {'default' | 'dots' | 'bars' | 'ring' | 'ripple'} [loadingVariant='ripple'] - 로딩 스피너 타입 / Loading spinner type
+ * @property {string} [loadingText='페이지 로딩 중...'] - 로딩 텍스트 / Loading text
+ * @property {boolean} [showLoading=true] - 로딩 표시 여부 / Show loading
+ * @property {() => void} [onTransitionStart] - 전환 시작 콜백 / Transition start callback
+ * @property {() => void} [onTransitionEnd] - 전환 종료 콜백 / Transition end callback
+ */
 export interface PageTransitionProps {
     children: React.ReactNode;
     className?: string;
     duration?: number;
     variant?: 'fade' | 'slide' | 'scale' | 'flip';
-    loadingVariant?: 'default' | 'rhythm' | 'flower' | 'heart' | 'star' | 'butterfly' | 'dots' | 'bars' | 'ring' | 'ripple';
+    loadingVariant?: 'default' | 'dots' | 'bars' | 'ring' | 'ripple';
     loadingText?: string;
     showLoading?: boolean;
     onTransitionStart?: () => void;
     onTransitionEnd?: () => void;
 }
+/**
+ * PageTransition 컴포넌트 / PageTransition component
+ *
+ * 페이지 전환 애니메이션을 제공하는 컴포넌트입니다.
+ * 다양한 전환 효과와 로딩 스피너를 지원합니다.
+ *
+ * Component that provides page transition animations.
+ * Supports various transition effects and loading spinners.
+ *
+ * @component
+ * @example
+ * // 기본 사용 / Basic usage
+ * <PageTransition>
+ *   <div>페이지 내용</div>
+ * </PageTransition>
+ *
+ * @example
+ * // Slide 전환 / Slide transition
+ * <PageTransition
+ *   variant="slide"
+ *   duration={500}
+ *   loadingVariant="dots"
+ * >
+ *   <div>페이지 내용</div>
+ * </PageTransition>
+ *
+ * @param {PageTransitionProps} props - PageTransition 컴포넌트의 props / PageTransition component props
+ * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
+ * @returns {JSX.Element} PageTransition 컴포넌트 / PageTransition component
+ */
 export declare const PageTransition: React.ForwardRefExoticComponent<PageTransitionProps & React.RefAttributes<HTMLDivElement>>;
 export declare const FadeTransition: React.ForwardRefExoticComponent<Omit<PageTransitionProps, "variant"> & React.RefAttributes<HTMLDivElement>>;
 export declare const SlideTransition: React.ForwardRefExoticComponent<Omit<PageTransitionProps, "variant"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -1 +1 @@
-{"version":3,"file":"PageTransition.d.ts","sourceRoot":"","sources":["../../src/components/PageTransition.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAIlD,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,CAAA;IAC7C,cAAc,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,GAAG,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAA;IACvH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAA;IAC9B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;CAC7B;AAED,eAAO,MAAM,cAAc,4FAoEzB,CAAA;AAKF,eAAO,MAAM,cAAc,6GAEzB,CAAA;AAEF,eAAO,MAAM,eAAe,6GAE1B,CAAA;AAEF,eAAO,MAAM,eAAe,6GAE1B,CAAA;AAEF,eAAO,MAAM,cAAc,6GAEzB,CAAA"}
+{"version":3,"file":"PageTransition.d.ts","sourceRoot":"","sources":["../../src/components/PageTransition.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAIlD;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,CAAA;IAC7C,cAAc,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAA;IAChE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAA;IAC9B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;CAC7B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,cAAc,4FAsEzB,CAAA;AAKF,eAAO,MAAM,cAAc,6GAEzB,CAAA;AAEF,eAAO,MAAM,eAAe,6GAE1B,CAAA;AAEF,eAAO,MAAM,eAAe,6GAE1B,CAAA;AAEF,eAAO,MAAM,cAAc,6GAEzB,CAAA"}

package/dist/components/Pagination.d.ts

@@ -1,4 +1,18 @@
-import * as React from "react";
+import React from "react";
+/**
+ * Pagination 컴포넌트의 props / Pagination component props
+ * @typedef {Object} PaginationProps
+ * @property {number} currentPage - 현재 페이지 번호 / Current page number
+ * @property {number} totalPages - 전체 페이지 수 / Total number of pages
+ * @property {(page: number) => void} onPageChange - 페이지 변경 콜백 / Page change callback
+ * @property {boolean} [showFirstLast=true] - 첫/마지막 페이지 버튼 표시 여부 / Show first/last page buttons
+ * @property {boolean} [showPrevNext=true] - 이전/다음 페이지 버튼 표시 여부 / Show previous/next page buttons
+ * @property {number} [maxVisiblePages=5] - 최대 표시 페이지 수 / Maximum visible page numbers
+ * @property {"sm" | "md" | "lg"} [size="md"] - Pagination 크기 / Pagination size
+ * @property {"default" | "outlined" | "minimal"} [variant="default"] - Pagination 스타일 변형 / Pagination style variant
+ * @property {"square" | "circle"} [shape="square"] - 버튼 모양 / Button shape
+ * @extends {React.HTMLAttributes<HTMLDivElement>}
+ */
 export interface PaginationProps extends React.HTMLAttributes<HTMLDivElement> {
     currentPage: number;
     totalPages: number;
@@ -8,7 +22,44 @@ export interface PaginationProps extends React.HTMLAttributes<HTMLDivElement> {
     maxVisiblePages?: number;
     size?: "sm" | "md" | "lg";
     variant?: "default" | "outlined" | "minimal";
+    shape?: "square" | "circle";
 }
+/**
+ * Pagination 컴포넌트 / Pagination component
+ *
+ * 페이지네이션 컨트롤을 제공하는 컴포넌트입니다.
+ * 첫/마지막 페이지, 이전/다음 페이지 버튼을 지원하며,
+ * 많은 페이지가 있을 경우 자동으로 생략 표시(...)를 합니다.
+ *
+ * Component that provides pagination controls.
+ * Supports first/last page and previous/next page buttons,
+ * and automatically shows ellipsis (...) when there are many pages.
+ *
+ * @component
+ * @example
+ * // 기본 사용 / Basic usage
+ * const [page, setPage] = useState(1)
+ *
+ * <Pagination
+ *   currentPage={page}
+ *   totalPages={10}
+ *   onPageChange={setPage}
+ * />
+ *
+ * @example
+ * // Outlined 스타일, 원형 버튼 / Outlined style, circular buttons
+ * <Pagination
+ *   currentPage={page}
+ *   totalPages={20}
+ *   onPageChange={setPage}
+ *   variant="outlined"
+ *   shape="circle"
+ * />
+ *
+ * @param {PaginationProps} props - Pagination 컴포넌트의 props / Pagination component props
+ * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
+ * @returns {JSX.Element} Pagination 컴포넌트 / Pagination component
+ */
 declare const Pagination: React.ForwardRefExoticComponent<PaginationProps & React.RefAttributes<HTMLDivElement>>;
 export declare const PaginationOutlined: React.ForwardRefExoticComponent<Omit<PaginationProps, "variant"> & React.RefAttributes<HTMLDivElement>>;
 export declare const PaginationMinimal: React.ForwardRefExoticComponent<Omit<PaginationProps, "variant"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -1 +1 @@
-{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../src/components/Pagination.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;IAClB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAAA;CAC7C;AAED,QAAA,MAAM,UAAU,wFAyMf,CAAA;AAID,eAAO,MAAM,kBAAkB,yGAI9B,CAAA;AAGD,eAAO,MAAM,iBAAiB,yGAI7B,CAAA;AAID,eAAO,MAAM,kBAAkB;iBAChB,MAAM;mBACJ,MAAM;eACV,OAAO;wCAuBnB,CAAA;AAGD,OAAO,EAAE,UAAU,EAAE,CAAA"}
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../src/components/Pagination.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB;;;;;;;;;;;;;GAaG;AACH,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;IAClB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAAA;IAC5C,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;CAC5B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,QAAA,MAAM,UAAU,wFA2Nf,CAAA;AAID,eAAO,MAAM,kBAAkB,yGAI9B,CAAA;AAGD,eAAO,MAAM,iBAAiB,yGAI7B,CAAA;AAID,eAAO,MAAM,kBAAkB;iBAChB,MAAM;mBACJ,MAAM;eACV,OAAO;wCAkCnB,CAAA;AAGD,OAAO,EAAE,UAAU,EAAE,CAAA"}

package/dist/components/Panel.d.ts

@@ -0,0 +1,99 @@
+import React from "react";
+import { CardProps } from "./Card";
+/**
+ * Panel 컴포넌트의 props / Panel component props
+ * @typedef {Object} PanelProps
+ * @property {"default" | "solid" | "glass" | "outline" | "elevated" | "neon" | "holographic" | "cyberpunk" | "minimal" | "luxury"} [style="default"] - Panel 스타일 / Panel style
+ * @property {"none" | "glow" | "shadow" | "gradient" | "animated"} [effect="none"] - Panel 효과 / Panel effect
+ * @property {number} [transparency=1] - 투명도 (0-1) / Transparency (0-1)
+ * @property {number} [blurIntensity=0] - backdrop-blur 강도 (px) / Backdrop blur intensity (px)
+ * @property {number} [borderOpacity=1] - 보더 투명도 (0-1) / Border opacity (0-1)
+ * @property {number} [shadowOpacity=1] - 그림자 투명도 (0-1) / Shadow opacity (0-1)
+ * @property {number} [glowIntensity=0] - 글로우 강도 (px) / Glow intensity (px)
+ * @property {string} [glowColor="blue"] - 글로우 색상 / Glow color
+ * @property {boolean} [particleEffect=false] - 파티클 효과 활성화 / Enable particle effect
+ * @property {boolean} [hoverEffect=false] - 호버 효과 활성화 / Enable hover effect
+ * @property {boolean} [animationEffect=false] - 애니메이션 효과 활성화 / Enable animation effect
+ * @property {"none" | "small" | "sm" | "medium" | "md" | "large" | "lg" | "xl" | "custom"} [padding="md"] - 패딩 크기 / Padding size
+ * @property {string} [customPadding] - 커스텀 패딩 / Custom padding
+ * @property {"none" | "sm" | "md" | "lg" | "xl" | "full" | "custom"} [rounded="lg"] - 둥근 모서리 크기 / Rounded corner size
+ * @property {string} [customRounded] - 커스텀 둥근 모서리 / Custom rounded corners
+ * @property {"solid" | "gradient" | "pattern" | "image" | "video"} [background="solid"] - 배경 타입 / Background type
+ * @property {string[]} [gradientColors] - 그라디언트 색상 배열 / Gradient color array
+ * @property {"dots" | "lines" | "grid" | "waves" | "custom"} [patternType="dots"] - 패턴 타입 / Pattern type
+ * @property {string} [backgroundImage] - 배경 이미지 URL / Background image URL
+ * @property {string} [backgroundVideo] - 배경 비디오 URL / Background video URL
+ * @property {boolean} [interactive=false] - 인터랙티브 모드 활성화 / Enable interactive mode
+ * @property {number} [hoverScale=1.05] - 호버 시 스케일 / Scale on hover
+ * @property {number} [hoverRotate=0] - 호버 시 회전 각도 / Rotation angle on hover
+ * @property {boolean} [hoverGlow=false] - 호버 시 글로우 효과 / Glow effect on hover
+ * @extends {Omit<CardProps, 'variant' | 'style'>}
+ */
+export interface PanelProps extends Omit<CardProps, 'variant' | 'style'> {
+    style?: "default" | "solid" | "glass" | "outline" | "elevated" | "neon" | "holographic" | "cyberpunk" | "minimal" | "luxury";
+    effect?: "none" | "glow" | "shadow" | "gradient" | "animated";
+    transparency?: number;
+    blurIntensity?: number;
+    borderOpacity?: number;
+    shadowOpacity?: number;
+    glowIntensity?: number;
+    glowColor?: string;
+    particleEffect?: boolean;
+    hoverEffect?: boolean;
+    animationEffect?: boolean;
+    padding?: "none" | "small" | "sm" | "medium" | "md" | "large" | "lg" | "xl" | "custom";
+    customPadding?: string;
+    rounded?: "none" | "sm" | "md" | "lg" | "xl" | "full" | "custom";
+    customRounded?: string;
+    background?: "solid" | "gradient" | "pattern" | "image" | "video";
+    gradientColors?: string[];
+    patternType?: "dots" | "lines" | "grid" | "waves" | "custom";
+    backgroundImage?: string;
+    backgroundVideo?: string;
+    interactive?: boolean;
+    hoverScale?: number;
+    hoverRotate?: number;
+    hoverGlow?: boolean;
+}
+/**
+ * Panel 컴포넌트 / Panel component
+ *
+ * 고급 스타일링 옵션을 가진 패널 컴포넌트입니다.
+ * 다양한 스타일, 효과, 배경 옵션을 지원합니다.
+ * Card 컴포넌트를 기반으로 하며, 추가적인 고급 기능을 제공합니다.
+ *
+ * Panel component with advanced styling options.
+ * Supports various styles, effects, and background options.
+ * Based on Card component with additional advanced features.
+ *
+ * @component
+ * @example
+ * // 기본 사용 / Basic usage
+ * <Panel>
+ *   <div>내용</div>
+ * </Panel>
+ *
+ * @example
+ * // Glass 스타일 / Glass style
+ * <Panel style="glass" effect="glow">
+ *   <div>Glass 패널</div>
+ * </Panel>
+ *
+ * @example
+ * // 인터랙티브 패널 / Interactive panel
+ * <Panel
+ *   style="neon"
+ *   interactive
+ *   hoverScale={1.1}
+ *   hoverGlow
+ * >
+ *   <div>호버 효과</div>
+ * </Panel>
+ *
+ * @param {PanelProps} props - Panel 컴포넌트의 props / Panel component props
+ * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
+ * @returns {JSX.Element} Panel 컴포넌트 / Panel component
+ */
+declare const Panel: React.ForwardRefExoticComponent<PanelProps & React.RefAttributes<HTMLDivElement>>;
+export { Panel };
+//# sourceMappingURL=Panel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Panel.d.ts","sourceRoot":"","sources":["../../src/components/Panel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAQ,SAAS,EAAE,MAAM,QAAQ,CAAA;AAExC;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,SAAS,EAAE,SAAS,GAAG,OAAO,CAAC;IAEtE,KAAK,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,GAAG,aAAa,GAAG,WAAW,GAAG,SAAS,GAAG,QAAQ,CAAA;IAC5H,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,UAAU,GAAG,UAAU,CAAA;IAG7D,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAGlB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,eAAe,CAAC,EAAE,OAAO,CAAA;IAGzB,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,QAAQ,GAAG,IAAI,GAAG,OAAO,GAAG,IAAI,GAAG,IAAI,GAAG,QAAQ,CAAA;IACtF,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,QAAQ,CAAA;IAChE,aAAa,CAAC,EAAE,MAAM,CAAA;IAGtB,UAAU,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,CAAA;IACjE,cAAc,CAAC,EAAE,MAAM,EAAE,CAAA;IACzB,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAA;IAC5D,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,eAAe,CAAC,EAAE,MAAM,CAAA;IAGxB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,QAAA,MAAM,KAAK,mFAkPV,CAAA;AAID,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/dist/components/Popover.d.ts

@@ -1,4 +1,17 @@
-import * as React from "react";
+import React from "react";
+/**
+ * Popover 컴포넌트의 props / Popover component props
+ * @typedef {Object} PopoverProps
+ * @property {React.ReactNode} children - Popover 내용 / Popover content
+ * @property {React.ReactNode} trigger - Popover를 열기 위한 트리거 요소 / Trigger element to open popover
+ * @property {boolean} [open] - 제어 모드에서 열림/닫힘 상태 / Open/close state in controlled mode
+ * @property {(open: boolean) => void} [onOpenChange] - 상태 변경 콜백 / State change callback
+ * @property {"top" | "bottom" | "left" | "right"} [position="bottom"] - Popover 표시 위치 / Popover display position
+ * @property {"start" | "center" | "end"} [align="center"] - Popover 정렬 / Popover alignment
+ * @property {number} [offset=8] - 트리거와 Popover 사이 간격 (px) / Spacing between trigger and popover (px)
+ * @property {boolean} [disabled=false] - Popover 비활성화 여부 / Disable popover
+ * @extends {React.HTMLAttributes<HTMLDivElement>}
+ */
 export interface PopoverProps extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
     trigger: React.ReactNode;
@@ -9,6 +22,38 @@ export interface PopoverProps extends React.HTMLAttributes<HTMLDivElement> {
     offset?: number;
     disabled?: boolean;
 }
+/**
+ * Popover 컴포넌트 / Popover component
+ *
+ * 트리거 요소를 클릭하면 표시되는 팝오버 컴포넌트입니다.
+ * 외부 클릭 시 자동으로 닫힙니다.
+ *
+ * Popover component that appears when the trigger element is clicked.
+ * Automatically closes when clicking outside.
+ *
+ * @component
+ * @example
+ * // 기본 사용 / Basic usage
+ * <Popover trigger={<Button>열기</Button>}>
+ *   <div className="p-4">Popover 내용</div>
+ * </Popover>
+ *
+ * @example
+ * // 제어 모드 / Controlled mode
+ * const [open, setOpen] = useState(false)
+ * <Popover
+ *   open={open}
+ *   onOpenChange={setOpen}
+ *   trigger={<Button>제어 모드</Button>}
+ *   position="top"
+ * >
+ *   <div className="p-4">내용</div>
+ * </Popover>
+ *
+ * @param {PopoverProps} props - Popover 컴포넌트의 props / Popover component props
+ * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
+ * @returns {JSX.Element} Popover 컴포넌트 / Popover component
+ */
 declare const Popover: React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<HTMLDivElement>>;
 export declare const PopoverTrigger: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 export declare const PopoverContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;

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

@@ -1 +1 @@
-{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../src/components/Popover.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,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;IAC9C,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IAClC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,QAAA,MAAM,OAAO,qFA+MZ,CAAA;AAID,eAAO,MAAM,cAAc,6GAU1B,CAAA;AAGD,eAAO,MAAM,cAAc,6GAU1B,CAAA;AAGD,OAAO,EAAE,OAAO,EAAE,CAAA"}
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../src/components/Popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACxE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;IAC9C,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IAClC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,QAAA,MAAM,OAAO,qFA+IZ,CAAA;AAID,eAAO,MAAM,cAAc,6GAU1B,CAAA;AAGD,eAAO,MAAM,cAAc,6GAU1B,CAAA;AAGD,OAAO,EAAE,OAAO,EAAE,CAAA"}

package/dist/components/Progress.d.ts

@@ -1,21 +1,70 @@
-import * as React from "react";
+import React from "react";
+/**
+ * Progress 컴포넌트의 props
+ * @typedef {Object} ProgressProps
+ * @property {number} [value=0] - 진행률 값
+ * @property {number} [max=100] - 최대값
+ * @property {"sm" | "md" | "lg"} [size="md"] - Progress 바 크기
+ * @property {"default" | "success" | "warning" | "error" | "info" | "glass"} [variant="default"] - Progress 스타일 변형
+ * @property {boolean} [showValue=false] - 진행률 퍼센트 표시 여부
+ * @property {boolean} [animated=true] - 애니메이션 활성화 여부
+ * @property {boolean} [striped=false] - 줄무늬 패턴 표시 여부
+ * @property {string} [label] - Progress 라벨 텍스트
+ * @property {string} [description] - Progress 설명 텍스트
+ * @extends {React.HTMLAttributes<HTMLDivElement>}
+ */
 export interface ProgressProps extends React.HTMLAttributes<HTMLDivElement> {
     value?: number;
     max?: number;
     size?: "sm" | "md" | "lg";
-    variant?: "default" | "success" | "warning" | "error" | "info";
+    variant?: "default" | "success" | "warning" | "error" | "info" | "glass";
     showValue?: boolean;
     animated?: boolean;
     striped?: boolean;
     label?: string;
     description?: string;
 }
+/**
+ * Progress 컴포넌트 / Progress component
+ *
+ * 진행률을 표시하는 프로그레스 바 컴포넌트입니다.
+ * 다양한 스타일과 애니메이션을 지원합니다.
+ *
+ * Progress bar component that displays progress.
+ * Supports various styles and animations.
+ *
+ * @component
+ * @example
+ * // 기본 사용 / Basic usage
+ * <Progress value={50} />
+ *
+ * @example
+ * // 라벨과 값 표시 / Show label and value
+ * <Progress
+ *   value={75}
+ *   label="업로드 진행률"
+ *   showValue
+ * />
+ *
+ * @example
+ * // Success 스타일, 줄무늬 패턴 / Success style, striped pattern
+ * <Progress
+ *   value={90}
+ *   variant="success"
+ *   striped
+ *   animated
+ * />
+ *
+ * @param {ProgressProps} props - Progress 컴포넌트의 props / Progress component props
+ * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
+ * @returns {JSX.Element} Progress 컴포넌트 / Progress component
+ */
 declare const Progress: React.ForwardRefExoticComponent<ProgressProps & React.RefAttributes<HTMLDivElement>>;
 export declare const ProgressSuccess: React.ForwardRefExoticComponent<Omit<ProgressProps, "variant"> & React.RefAttributes<HTMLDivElement>>;
 export declare const ProgressWarning: React.ForwardRefExoticComponent<Omit<ProgressProps, "variant"> & React.RefAttributes<HTMLDivElement>>;
 export declare const ProgressError: React.ForwardRefExoticComponent<Omit<ProgressProps, "variant"> & React.RefAttributes<HTMLDivElement>>;
 export declare const ProgressInfo: React.ForwardRefExoticComponent<Omit<ProgressProps, "variant"> & React.RefAttributes<HTMLDivElement>>;
-export declare const ProgressCard: React.ForwardRefExoticComponent<ProgressProps & {
+export declare const ProgressWrapper: React.ForwardRefExoticComponent<ProgressProps & {
     title?: string;
 } & React.RefAttributes<HTMLDivElement>>;
 export declare const ProgressGroup: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;

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

@@ -1 +1 @@
-{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../src/components/Progress.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAA;IAC9D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,QAAA,MAAM,QAAQ,sFA2Fb,CAAA;AAID,eAAO,MAAM,eAAe,uGAI3B,CAAA;AAGD,eAAO,MAAM,eAAe,uGAI3B,CAAA;AAGD,eAAO,MAAM,aAAa,uGAIzB,CAAA;AAGD,eAAO,MAAM,YAAY,uGAIxB,CAAA;AAID,eAAO,MAAM,YAAY;YAA8D,MAAM;wCAW5F,CAAA;AAGD,eAAO,MAAM,aAAa,6GAUzB,CAAA;AAGD,OAAO,EAAE,QAAQ,EAAE,CAAA"}
+{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../src/components/Progress.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB;;;;;;;;;;;;;GAaG;AACH,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,CAAA;IACxE,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,QAAA,MAAM,QAAQ,sFAgGb,CAAA;AAID,eAAO,MAAM,eAAe,uGAI3B,CAAA;AAGD,eAAO,MAAM,eAAe,uGAI3B,CAAA;AAGD,eAAO,MAAM,aAAa,uGAIzB,CAAA;AAGD,eAAO,MAAM,YAAY,uGAIxB,CAAA;AAID,eAAO,MAAM,eAAe;YAA8D,MAAM;wCAW/F,CAAA;AAGD,eAAO,MAAM,aAAa,6GAUzB,CAAA;AAGD,OAAO,EAAE,QAAQ,EAAE,CAAA"}