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

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

package/dist/components/ConfirmModal.d.ts

@@ -1,4 +1,28 @@
-import * as React from "react";
+import React from "react";
+/**
+ * ConfirmModal 컴포넌트의 props / ConfirmModal component props
+ * @typedef {Object} ConfirmModalProps
+ * @property {boolean} isOpen - 모달 열림/닫힘 상태 / Modal open/close state
+ * @property {() => void} onClose - 닫기 콜백 / Close callback
+ * @property {() => void} onConfirm - 확인 콜백 / Confirm callback
+ * @property {string} title - 모달 제목 / Modal title
+ * @property {string} message - 모달 메시지 / Modal message
+ * @property {string} [warning] - 경고 메시지 / Warning message
+ * @property {string} [confirmText="확인"] - 확인 버튼 텍스트 / Confirm button text
+ * @property {string} [cancelText="취소"] - 취소 버튼 텍스트 / Cancel button text
+ * @property {string} [confirmButtonText] - 확인 버튼 커스텀 텍스트 / Custom confirm button text
+ * @property {"danger" | "warning" | "info" | "success" | "error"} [type="danger"] - 모달 타입 / Modal type
+ * @property {boolean} [loading=false] - 로딩 상태 / Loading state
+ * @property {boolean} [disabled=false] - 비활성화 여부 / Disabled state
+ * @property {boolean} [showInput=false] - 입력 필드 표시 여부 / Show input field
+ * @property {string} [inputValue=""] - 입력 필드 값 / Input field value
+ * @property {(value: string) => void} [onInputChange] - 입력 값 변경 콜백 / Input value change callback
+ * @property {string} [inputPlaceholder] - 입력 필드 플레이스홀더 / Input field placeholder
+ * @property {string} [inputLabel] - 입력 필드 라벨 / Input field label
+ * @property {string} [requiredInputValue] - 필수 입력 값 (확인 버튼 활성화 조건) / Required input value (confirm button activation condition)
+ * @property {boolean} [showCancel=true] - 취소 버튼 표시 여부 / Show cancel button
+ * @property {"sm" | "md" | "lg" | "xl" | "2xl"} [size="md"] - 모달 크기 / Modal size
+ */
 export interface ConfirmModalProps {
     isOpen: boolean;
     onClose: () => void;
@@ -21,6 +45,47 @@ export interface ConfirmModalProps {
     showCancel?: boolean;
     size?: "sm" | "md" | "lg" | "xl" | "2xl";
 }
+/**
+ * ConfirmModal 컴포넌트 / ConfirmModal component
+ *
+ * 확인/취소가 필요한 모달 컴포넌트입니다.
+ * 다양한 타입(danger, warning, info, success, error)을 지원하며,
+ * 입력 필드와 필수 입력 값 검증을 지원합니다.
+ *
+ * Modal component that requires confirmation/cancellation.
+ * Supports various types (danger, warning, info, success, error),
+ * and supports input fields and required input value validation.
+ *
+ * @component
+ * @example
+ * // 기본 사용 / Basic usage
+ * <ConfirmModal
+ *   isOpen={isOpen}
+ *   onClose={() => setIsOpen(false)}
+ *   onConfirm={handleConfirm}
+ *   title="삭제 확인"
+ *   message="정말 삭제하시겠습니까?"
+ * />
+ *
+ * @example
+ * // 입력 필드와 함께 / With input field
+ * <ConfirmModal
+ *   isOpen={isOpen}
+ *   onClose={() => setIsOpen(false)}
+ *   onConfirm={handleDelete}
+ *   title="삭제 확인"
+ *   message="삭제하려면 'DELETE'를 입력하세요"
+ *   showInput
+ *   inputLabel="확인 입력"
+ *   requiredInputValue="DELETE"
+ *   inputValue={inputValue}
+ *   onInputChange={setInputValue}
+ * />
+ *
+ * @param {ConfirmModalProps} props - ConfirmModal 컴포넌트의 props / ConfirmModal component props
+ * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
+ * @returns {JSX.Element} ConfirmModal 컴포넌트 / ConfirmModal component
+ */
 declare const ConfirmModal: React.ForwardRefExoticComponent<ConfirmModalProps & React.RefAttributes<HTMLDivElement>>;
 export { ConfirmModal };
 //# sourceMappingURL=ConfirmModal.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ConfirmModal.d.ts","sourceRoot":"","sources":["../../src/components/ConfirmModal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,IAAI,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAA;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAA;CACzC;AAED,QAAA,MAAM,YAAY,0FAkLjB,CAAA;AAGD,OAAO,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"ConfirmModal.d.ts","sourceRoot":"","sources":["../../src/components/ConfirmModal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,IAAI,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAA;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAA;CACzC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,QAAA,MAAM,YAAY,0FAiLjB,CAAA;AAGD,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/dist/components/Container.d.ts

@@ -1,10 +1,49 @@
 import React from "react";
+/**
+ * Container 컴포넌트의 props
+ * @typedef {Object} ContainerProps
+ * @property {"sm" | "md" | "lg" | "xl" | "full"} [size="lg"] - 컨테이너 최대 너비
+ * @property {"none" | "sm" | "md" | "lg" | "xl"} [padding="md"] - 내부 패딩 크기
+ * @property {boolean} [centered=true] - 컨테이너를 중앙 정렬할지 여부
+ * @property {boolean} [fluid=false] - 최대 너비 제한 없이 전체 너비 사용
+ * @extends {React.HTMLAttributes<HTMLDivElement>}
+ */
 export interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {
     size?: "sm" | "md" | "lg" | "xl" | "full";
     padding?: "none" | "sm" | "md" | "lg" | "xl";
     centered?: boolean;
     fluid?: boolean;
 }
+/**
+ * Container 컴포넌트
+ *
+ * 콘텐츠를 감싸는 컨테이너 컴포넌트입니다.
+ * 반응형 최대 너비와 패딩을 제공하여 일관된 레이아웃을 구성합니다.
+ *
+ * @component
+ * @example
+ * // 기본 사용
+ * <Container>
+ *   <h1>제목</h1>
+ *   <p>내용</p>
+ * </Container>
+ *
+ * @example
+ * // 작은 크기, 패딩 없음
+ * <Container size="sm" padding="none">
+ *   <div>콘텐츠</div>
+ * </Container>
+ *
+ * @example
+ * // 전체 너비 사용
+ * <Container fluid padding="xl">
+ *   <div>전체 너비 콘텐츠</div>
+ * </Container>
+ *
+ * @param {ContainerProps} props - Container 컴포넌트의 props
+ * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref
+ * @returns {JSX.Element} Container 컴포넌트
+ */
 declare const Container: React.ForwardRefExoticComponent<ContainerProps & React.RefAttributes<HTMLDivElement>>;
 export { Container };
 //# sourceMappingURL=Container.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../src/components/Container.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC1E,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAA;IACzC,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAED,QAAA,MAAM,SAAS,uFAuCd,CAAA;AAGD,OAAO,EAAE,SAAS,EAAE,CAAA"}
+{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../src/components/Container.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB;;;;;;;;GAQG;AACH,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC1E,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAA;IACzC,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,QAAA,MAAM,SAAS,uFAyCd,CAAA;AAGD,OAAO,EAAE,SAAS,EAAE,CAAA"}

package/dist/components/ContextMenu.d.ts

@@ -1,4 +1,17 @@
-import * as React from "react";
+import React from "react";
+/**
+ * ContextMenu 컴포넌트의 props / ContextMenu component props
+ * @typedef {Object} ContextMenuProps
+ * @property {React.ReactNode} children - ContextMenu 내용 / ContextMenu content
+ * @property {boolean} [open] - 제어 모드에서 열림/닫힘 상태 / Open/close state in controlled mode
+ * @property {(open: boolean) => void} [onOpenChange] - 상태 변경 콜백 / State change callback
+ * @property {React.ReactNode} [trigger] - ContextMenu를 열기 위한 트리거 요소 (우클릭 이벤트) / Trigger element to open context menu (right-click event)
+ * @property {"top" | "bottom" | "left" | "right"} [placement="bottom"] - ContextMenu 표시 위치 / ContextMenu display position
+ * @property {"start" | "center" | "end"} [align="start"] - ContextMenu 정렬 / ContextMenu alignment
+ * @property {number} [offset=8] - 트리거와 ContextMenu 사이 간격 (px) / Spacing between trigger and context menu (px)
+ * @property {boolean} [disabled=false] - ContextMenu 비활성화 여부 / Disable context menu
+ * @extends {React.HTMLAttributes<HTMLDivElement>}
+ */
 export interface ContextMenuProps extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
     open?: boolean;
@@ -9,6 +22,43 @@ export interface ContextMenuProps extends React.HTMLAttributes<HTMLDivElement> {
     offset?: number;
     disabled?: boolean;
 }
+/**
+ * ContextMenu 컴포넌트 / ContextMenu component
+ *
+ * 우클릭 시 표시되는 컨텍스트 메뉴 컴포넌트입니다.
+ * 트리거 요소에 우클릭 이벤트를 자동으로 연결합니다.
+ *
+ * Context menu component that appears on right-click.
+ * Automatically connects right-click events to the trigger element.
+ *
+ * @component
+ * @example
+ * // 기본 사용 / Basic usage
+ * <ContextMenu trigger={<div>우클릭하세요</div>}>
+ *   <div className="p-2">
+ *     <button>항목 1</button>
+ *     <button>항목 2</button>
+ *   </div>
+ * </ContextMenu>
+ *
+ * @example
+ * // 제어 모드 / Controlled mode
+ * const [open, setOpen] = useState(false)
+ * <ContextMenu
+ *   open={open}
+ *   onOpenChange={setOpen}
+ *   trigger={<div>우클릭</div>}
+ * >
+ *   <Menu>
+ *     <MenuItem>복사</MenuItem>
+ *     <MenuItem>삭제</MenuItem>
+ *   </Menu>
+ * </ContextMenu>
+ *
+ * @param {ContextMenuProps} props - ContextMenu 컴포넌트의 props / ContextMenu component props
+ * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
+ * @returns {JSX.Element} ContextMenu 컴포넌트 / ContextMenu component
+ */
 declare const ContextMenu: React.ForwardRefExoticComponent<ContextMenuProps & React.RefAttributes<HTMLDivElement>>;
 export interface ContextMenuItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     icon?: React.ReactNode;

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

@@ -1 +1 @@
-{"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../src/components/ContextMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;IAC/C,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IAClC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,QAAA,MAAM,WAAW,yFAmIhB,CAAA;AAGD,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACzF,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,UAAU,CAAA;CACjD;AAED,QAAA,MAAM,eAAe,gGAwCpB,CAAA;AAGD,MAAM,WAAW,yBAA0B,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE1F,QAAA,MAAM,oBAAoB,kGAQzB,CAAA;AAGD,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEtF,QAAA,MAAM,gBAAgB,8FAUrB,CAAA;AAID,QAAA,MAAM,gBAAgB,6GAUrB,CAAA;AAGD,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAA"}
+{"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../src/components/ContextMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;IAC/C,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IAClC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,QAAA,MAAM,WAAW,yFAmIhB,CAAA;AAGD,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACzF,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,UAAU,CAAA;CACjD;AAED,QAAA,MAAM,eAAe,gGAwCpB,CAAA;AAGD,MAAM,WAAW,yBAA0B,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE1F,QAAA,MAAM,oBAAoB,kGAQzB,CAAA;AAGD,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEtF,QAAA,MAAM,gBAAgB,8FAUrB,CAAA;AAID,QAAA,MAAM,gBAAgB,6GAUrB,CAAA;AAGD,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAA"}

package/dist/components/DatePicker.d.ts

@@ -0,0 +1,62 @@
+import React from "react";
+/**
+ * DatePicker 컴포넌트의 props / DatePicker component props
+ * @typedef {Object} DatePickerProps
+ * @property {Date | null} [value] - 선택된 날짜 / Selected date
+ * @property {(date: Date | null) => void} [onChange] - 날짜 변경 핸들러 / Date change handler
+ * @property {Date} [minDate] - 최소 날짜 / Minimum date
+ * @property {Date} [maxDate] - 최대 날짜 / Maximum date
+ * @property {string} [placeholder="날짜를 선택하세요"] - 플레이스홀더 / Placeholder
+ * @property {boolean} [disabled=false] - 비활성화 상태 / Disabled state
+ * @property {boolean} [error=false] - 에러 상태 / Error state
+ * @property {string} [dateFormat="YYYY-MM-DD"] - 날짜 포맷 / Date format
+ * @property {string} [locale="ko-KR"] - 로케일 / Locale
+ * @property {"sm" | "md" | "lg"} [size="md"] - 크기 / Size
+ * @property {string} [className] - 추가 클래스명 / Additional class name
+ * @extends {Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>}
+ */
+export interface DatePickerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    value?: Date | null;
+    onChange?: (date: Date | null) => void;
+    minDate?: Date;
+    maxDate?: Date;
+    placeholder?: string;
+    disabled?: boolean;
+    error?: boolean;
+    dateFormat?: string;
+    locale?: string;
+    size?: "sm" | "md" | "lg";
+    className?: string;
+}
+/**
+ * DatePicker 컴포넌트 / DatePicker component
+ *
+ * 날짜를 선택할 수 있는 컴포넌트입니다.
+ * 캘린더 팝오버를 통해 직관적으로 날짜를 선택할 수 있습니다.
+ *
+ * Component for selecting dates.
+ * Allows intuitive date selection through a calendar popover.
+ *
+ * @component
+ * @example
+ * // 기본 사용 / Basic usage
+ * <DatePicker
+ *   value={selectedDate}
+ *   onChange={setSelectedDate}
+ * />
+ *
+ * @example
+ * // 날짜 범위 제한 / Date range restriction
+ * <DatePicker
+ *   value={date}
+ *   onChange={setDate}
+ *   minDate={new Date("2024-01-01")}
+ *   maxDate={new Date("2024-12-31")}
+ *   placeholder="날짜 선택"
+ * />
+ *
+ * @param {DatePickerProps} props - DatePicker 컴포넌트의 props / DatePicker component props
+ * @returns {JSX.Element} DatePicker 컴포넌트 / DatePicker component
+ */
+export declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=DatePicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../src/components/DatePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB;;;;;;;;;;;;;;;GAeG;AACH,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC7F,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACnB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAA;IACtC,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AA6BD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,UAAU,wFAuOtB,CAAA"}