@designbasekorea/ui 0.1.21 → 0.1.22

package/dist/index.d.ts

@@ -54,7 +54,7 @@ declare const Accordion: React$2.FC<AccordionProps>;
  * 접근성: ARIA 가이드라인 준수, 키보드 네비게이션 지원
  */
 
-type AlertVariant = 'info' | 'success' | 'warning' | 'danger';
+type AlertVariant = 'default' | 'info' | 'success' | 'warning' | 'danger';
 type AlertSize = 's' | 'm' | 'l';
 interface AlertAction {
     /** 액션 라벨 */
@@ -400,10 +400,7 @@ interface BadgeProps {
 declare const Badge: React$2.FC<BadgeProps>;
 
 type BannerSize = 's' | 'm' | 'l';
-type BannerVariant = 'default' | 'success' | 'warning' | 'error' | 'info' | 'promo';
-type BannerStyle = 'solid' | 'outline' | 'soft' | 'gradient';
-type BannerPosition = 'top' | 'bottom' | 'fixed' | 'sticky';
-type BannerAlignment = 'left' | 'center' | 'right';
+type BannerVariant = 'primary' | 'secondary' | 'tertiary' | 'image';
 interface BannerAction {
     /** 액션 텍스트 */
     text: string;
@@ -433,36 +430,12 @@ interface BannerProps {
     imageAlt?: string;
     /** 액션들 */
     actions?: BannerAction[];
-    /** 닫기 버튼 표시 */
-    dismissible?: boolean;
-    /** 자동 닫기 시간 (ms) */
-    autoDismiss?: number;
     /** 배너 크기 */
     size?: BannerSize;
-    /** 배너 스타일 변형 */
+    /** 배너 변형 */
     variant?: BannerVariant;
-    /** 배너 스타일 */
-    style?: BannerStyle;
-    /** 배너 위치 */
-    position?: BannerPosition;
-    /** 콘텐츠 정렬 */
-    alignment?: BannerAlignment;
-    /** 애니메이션 */
-    animated?: boolean;
-    /** 전체 너비 */
-    fullWidth?: boolean;
-    /** 그림자 */
-    shadow?: boolean;
-    /** 둥근 모서리 */
-    rounded?: boolean;
-    /** 배경 이미지 */
+    /** 배경 이미지 (variant가 'image'일 때 사용) */
     backgroundImage?: string;
-    /** 배경 오버레이 색상 */
-    overlayColor?: string;
-    /** 배경 오버레이 투명도 */
-    overlayOpacity?: number;
-    /** 닫기 핸들러 */
-    onDismiss?: () => void;
     /** 추가 CSS 클래스 */
     className?: string;
 }
@@ -505,6 +478,8 @@ interface BottomSheetProps {
     animationDuration?: number;
     /** z-index */
     zIndex?: number;
+    /** 배경 딤 레이어 표시 여부 */
+    showBackdrop?: boolean;
     /** 배경 블러 효과 */
     backdropBlur?: boolean;
     /** 배경 투명도 */
@@ -684,100 +659,55 @@ type CardSize = 's' | 'm' | 'l' | 'xl';
 type CardLayout = 'vertical' | 'horizontal' | 'compact';
 type CardImagePosition = 'top' | 'bottom' | 'left' | 'right' | 'background';
 interface CardImage {
-    /** 이미지 URL */
     src: string;
-    /** 이미지 대체 텍스트 */
     alt?: string;
-    /** 이미지 비율 */
     ratio?: '1:1' | '16:9' | '4:3' | '3:2' | '3:4' | '2:1' | 'auto';
-    /** 이미지 피팅 방식 */
     fit?: 'cover' | 'contain' | 'fill' | 'none' | 'scale-down';
-    /** 이미지 로딩 방식 */
     loading?: 'lazy' | 'eager';
-    /** 이미지 플레이스홀더 */
     placeholder?: 'skeleton' | 'blur' | 'none';
-    /** 이미지 클릭 핸들러 */
     onClick?: () => void;
 }
 interface CardAction {
-    /** 액션 라벨 */
     label: string;
-    /** 액션 타입 */
     variant?: 'primary' | 'secondary' | 'outline' | 'ghost' | 'link';
-    /** 액션 크기 */
     size?: 's' | 'm' | 'l';
-    /** 액션 아이콘 */
     icon?: React$2.ComponentType<any>;
-    /** 액션 클릭 핸들러 */
     onClick?: () => void;
-    /** 액션 비활성화 여부 */
     disabled?: boolean;
-    /** 액션 로딩 상태 */
     loading?: boolean;
 }
 interface CardProps {
-    /** 카드 제목 */
     title?: string;
-    /** 카드 부제목 */
     subtitle?: string;
-    /** 카드 설명 */
     description?: string;
-    /** 카드 내용 */
     children?: React$2.ReactNode;
-    /** 카드 이미지 */
     image?: CardImage;
-    /** 카드 아이콘 */
     icon?: React$2.ComponentType<any>;
-    /** 카드 액션들 */
     actions?: CardAction[];
-    /** 카드 태그들 */
     tags?: string[];
-    /** 카드 메타 정보 */
     meta?: {
-        /** 작성자 */
         author?: string;
-        /** 날짜 */
         date?: string;
-        /** 조회수 */
         views?: number;
-        /** 좋아요 수 */
         likes?: number;
-        /** 댓글 수 */
         comments?: number;
-        /** 커스텀 메타 정보 */
         custom?: Record<string, any>;
     };
-    /** 카드 변형 */
     variant?: CardVariant;
-    /** 카드 크기 */
     size?: CardSize;
-    /** 카드 레이아웃 */
     layout?: CardLayout;
-    /** 이미지 위치 */
     imagePosition?: CardImagePosition;
-    /** 전체 너비 여부 */
     fullWidth?: boolean;
-    /** 클릭 가능 여부 */
     clickable?: boolean;
-    /** 호버 효과 여부 */
     hoverable?: boolean;
-    /** 선택 가능 여부 */
     selectable?: boolean;
-    /** 선택된 상태 */
     selected?: boolean;
-    /** 비활성화 여부 */
     disabled?: boolean;
-    /** 로딩 상태 */
     loading?: boolean;
-    /** 추가 CSS 클래스 */
     className?: string;
-    /** 추가 스타일 */
     style?: React$2.CSSProperties;
-    /** 클릭 핸들러 */
     onClick?: () => void;
-    /** 선택 핸들러 */
     onSelect?: (selected: boolean) => void;
-    /** 액션 클릭 핸들러 */
     onAction?: (action: CardAction, index: number) => void;
 }
 declare const Card: React$2.ForwardRefExoticComponent<CardProps & React$2.RefAttributes<HTMLDivElement>>;
@@ -905,7 +835,7 @@ interface CheckboxProps {
     isReadOnly?: boolean;
     isRequired?: boolean;
     hasLabel?: boolean;
-    size?: 'xs' | 's' | 'm' | 'l' | 'xl';
+    size?: 's' | 'm' | 'l';
     children?: React$2.ReactNode;
     className?: string;
     name?: string;
@@ -958,6 +888,43 @@ interface ChipProps {
 }
 declare const Chip: React$2.FC<ChipProps>;
 
+/**
+ * ColorPicker 컴포넌트
+ *
+ * 목적: 색상 선택을 위한 컬러 피커
+ * 기능: 드롭다운/모달 타입, 입력 필드 옵션, HEX/RGB 지원
+ */
+
+type ColorPickerSize = 's' | 'm' | 'l';
+type ColorPickerType = 'dropdown' | 'modal';
+interface ColorPickerProps {
+    /** 컬러 피커 크기 */
+    size?: ColorPickerSize;
+    /** 컬러 피커 타입 (dropdown/modal) */
+    type?: ColorPickerType;
+    /** 현재 선택된 색상 (HEX) */
+    value?: string;
+    /** 기본 색상 */
+    defaultValue?: string;
+    /** 입력 필드 표시 여부 */
+    showInput?: boolean;
+    /** 알파 채널 지원 여부 */
+    showAlpha?: boolean;
+    /** 색상 포맷 선택 표시 여부 */
+    showFormatSelector?: boolean;
+    /** 복사 버튼 표시 여부 */
+    showCopyButton?: boolean;
+    /** 비활성화 상태 */
+    disabled?: boolean;
+    /** 읽기 전용 상태 */
+    readonly?: boolean;
+    /** 색상 변경 핸들러 */
+    onChange?: (color: string) => void;
+    /** 추가 CSS 클래스 */
+    className?: string;
+}
+declare const ColorPicker: React$2.FC<ColorPickerProps>;
+
 /**
  * Confirm 컴포넌트
  *
@@ -1096,6 +1063,7 @@ declare const ContextMenu: React$2.FC<ContextMenuProps>;
 
 type DatePickerMode = 'single' | 'range' | 'multiple';
 type DatePickerSize = 's' | 'm' | 'l';
+type DatePickerType = 'dropdown' | 'modal';
 type DatePickerVariant = 'default' | 'outlined' | 'filled';
 type StartOfWeek = 'sunday' | 'monday';
 interface DatePickerEvent {
@@ -1106,10 +1074,15 @@ interface DatePickerEvent {
 }
 interface DatePickerProps {
     mode?: DatePickerMode;
+    type?: DatePickerType;
     value?: Date | Date[] | {
         start: Date;
         end: Date;
     };
+    defaultValue?: Date | Date[] | {
+        start: Date;
+        end: Date;
+    };
     onChange?: (value: Date | Date[] | {
         start: Date;
         end: Date;
@@ -1129,10 +1102,6 @@ interface DatePickerProps {
     className?: string;
     disabled?: boolean;
     readonly?: boolean;
-    isOpen?: boolean;
-    onOpenChange?: (isOpen: boolean) => void;
-    trigger?: React$2.ReactNode;
-    placement?: 'top' | 'bottom' | 'left' | 'right';
     inline?: boolean;
 }
 declare const DatePicker: React$2.FC<DatePickerProps>;
@@ -1306,7 +1275,7 @@ declare const Dropzone: React$2.FC<DropzoneProps>;
  */
 
 type EmptyStateVariant = 'no-data' | 'no-results' | 'no-access' | 'error' | 'onboarding';
-type EmptyStateSize = 'xs' | 's' | 'm' | 'l' | 'xl';
+type EmptyStateSize = 's' | 'm' | 'l';
 interface EmptyStateProps {
     /** 빈 상태 유형 */
     variant?: EmptyStateVariant;
@@ -1395,8 +1364,8 @@ declare const FileUploader: React$2.FC<FileUploaderProps>;
  * 접근성: 스크린 리더 지원, 키보드 네비게이션, 포커스 표시
  */
 
-type FloatingActionButtonSize = 's' | 'm' | 'l' | 'xl';
-type FloatingActionButtonVariant = 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'info';
+type FloatingActionButtonSize = 's' | 'm' | 'l';
+type FloatingActionButtonVariant = 'primary' | 'secondary' | 'tertiary';
 interface FloatingActionButtonProps {
     /** 버튼 크기 */
     size?: FloatingActionButtonSize;
@@ -1404,6 +1373,8 @@ interface FloatingActionButtonProps {
     variant?: FloatingActionButtonVariant;
     /** 아이콘 */
     icon?: React$2.ReactNode;
+    /** 로딩 상태 */
+    loading?: boolean;
     /** 비활성화 여부 */
     disabled?: boolean;
     /** 클릭 시 호출되는 함수 */
@@ -1417,14 +1388,14 @@ interface FloatingActionButtonProps {
 }
 declare const FloatingActionButton: React$2.ForwardRefExoticComponent<Omit<FloatingActionButtonProps, "ref"> & React$2.RefAttributes<HTMLButtonElement>>;
 
-type FormLayout = 'vertical' | 'horizontal' | 'inline';
+type FormColumns = 1 | 2;
 type FormSize = 's' | 'm' | 'l';
 type FormVariant = 'default' | 'bordered' | 'filled';
 interface FormField {
     /** 필드 이름 */
     name: string;
     /** 필드 타입 */
-    type: 'text' | 'email' | 'password' | 'number' | 'tel' | 'url' | 'search' | 'textarea' | 'select' | 'radio' | 'checkbox' | 'date' | 'time' | 'datetime-local' | 'file';
+    type: 'text' | 'email' | 'password' | 'number' | 'tel' | 'url' | 'search' | 'textarea' | 'select' | 'radio' | 'checkbox' | 'date' | 'file' | 'color' | 'timepicker';
     /** 필드 라벨 */
     label?: string;
     /** 필드 값 */
@@ -1491,8 +1462,8 @@ interface FormField {
 interface FormProps {
     /** 폼 필드들 */
     fields: FormField[];
-    /** 폼 레이아웃 */
-    layout?: FormLayout;
+    /** 폼 컬럼 수 (1단 또는 2단) */
+    columns?: FormColumns;
     /** 폼 크기 */
     size?: FormSize;
     /** 폼 스타일 변형 */
@@ -1925,8 +1896,6 @@ interface LabelProps {
 declare const Label: React$2.FC<LabelProps>;
 
 type LightboxSize = 's' | 'm' | 'l' | 'xl';
-type LightboxVariant = 'default' | 'minimal' | 'fullscreen';
-type LightboxTheme = 'light' | 'dark';
 interface LightboxImage {
     /** 이미지 ID */
     id: string;
@@ -1952,10 +1921,6 @@ interface LightboxProps {
     currentIndex?: number;
     /** Lightbox 크기 */
     size?: LightboxSize;
-    /** Lightbox 스타일 변형 */
-    variant?: LightboxVariant;
-    /** 테마 */
-    theme?: LightboxTheme;
     /** 열림 상태 */
     isOpen: boolean;
     /** 열림 상태 변경 핸들러 */
@@ -1988,10 +1953,6 @@ interface LightboxProps {
     closeOnBackdropClick?: boolean;
     /** ESC 키로 닫기 */
     closeOnEscape?: boolean;
-    /** 읽기 전용 */
-    readonly?: boolean;
-    /** 비활성화 */
-    disabled?: boolean;
     /** 추가 CSS 클래스 */
     className?: string;
 }
@@ -2015,8 +1976,8 @@ interface ListItem {
     /** 아이템 배지 */
     badge?: {
         text: string;
-        color?: 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info';
-        variant?: 'solid' | 'outline' | 'soft';
+        variant?: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'danger';
+        style?: 'text' | 'outlined';
     };
     /** 아이템 메타 정보 */
     meta?: {
@@ -2397,6 +2358,9 @@ interface ModalFooterProps {
     children?: React$2.ReactNode;
 }
 declare const Modal: React$2.FC<ModalProps>;
+declare const ModalHeader: React$2.FC<ModalHeaderProps>;
+declare const ModalBody: React$2.FC<ModalBodyProps>;
+declare const ModalFooter: React$2.FC<ModalFooterProps>;
 
 /**
  * Navbar 컴포넌트
@@ -2407,11 +2371,13 @@ declare const Modal: React$2.FC<ModalProps>;
  */
 
 type NavbarSize = 's' | 'm' | 'l';
-type NavbarVariant = 'default' | 'transparent' | 'solid';
+type NavbarVariant = 'default' | 'transparent';
 type NavbarPosition = 'fixed' | 'sticky' | 'static';
 interface NavbarItem extends Omit<MenuItemProps, 'onClick' | 'onChildClick'> {
     /** 하위 메뉴 아이템들 */
     children?: NavbarItem[];
+    /** 메뉴 아이템 클릭 핸들러 */
+    onClick?: (item: NavbarItem) => void;
 }
 interface NavbarProps {
     /** 네비게이션 바 크기 */
@@ -2442,8 +2408,10 @@ interface NavbarProps {
         badgeStyle?: 'dot' | 'number' | 'text' | 'outlined';
         badgeText?: string;
     };
-    /** 로그인/로그아웃 핸들러 */
-    onAuthClick?: () => void;
+    /** 로그인 핸들러 */
+    onLoginClick?: () => void;
+    /** 로그아웃 핸들러 */
+    onLogoutClick?: () => void;
     /** 인증 상태 */
     isAuthenticated?: boolean;
     /** 검색 기능 활성화 */
@@ -2520,56 +2488,29 @@ interface PaginationProps {
 }
 declare const Pagination: React$2.FC<PaginationProps>;
 
-/**
- * Popover 컴포넌트
- *
- * 목적: 요소에 대한 추가 콘텐츠를 표시하는 팝오버 제공
- * 기능: 다양한 위치, 크기, 스타일, 클릭/호버 트리거
- * 접근성: ARIA 가이드라인 준수, 키보드 네비게이션 지원
- */
-
 type PopoverPosition = 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end';
 type PopoverSize = 's' | 'm' | 'l';
 type PopoverVariant = 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info';
 type PopoverTrigger = 'click' | 'hover' | 'focus' | 'manual';
 interface PopoverProps {
-    /** 팝오버 내용 */
     content: React$2.ReactNode;
-    /** 팝오버를 표시할 요소 */
     children: React$2.ReactElement;
-    /** 팝오버 위치 */
+    title?: string;
     position?: PopoverPosition;
-    /** 팝오버 크기 */
     size?: PopoverSize;
-    /** 팝오버 스타일 */
     variant?: PopoverVariant;
-    /** 트리거 방식 */
     trigger?: PopoverTrigger;
-    /** 표시 지연 시간 (ms) - hover 트리거용 */
     delay?: number;
-    /** 숨김 지연 시간 (ms) - hover 트리거용 */
     hideDelay?: number;
-    /** 항상 표시 여부 */
     alwaysShow?: boolean;
-    /** 비활성화 여부 */
     disabled?: boolean;
-    /** 최대 너비 */
     maxWidth?: number;
-    /** 화살표 표시 여부 */
     showArrow?: boolean;
-    /** 배경 클릭 시 닫기 여부 */
     closeOnOutsideClick?: boolean;
-    /** ESC 키로 닫기 여부 */
     closeOnEscape?: boolean;
-    /** 팝오버 열림 상태 */
     open?: boolean;
-    /** 팝오버 열림/닫힘 핸들러 */
     onOpenChange?: (open: boolean) => void;
-    /** 닫기 버튼 표시 여부 */
-    showCloseButton?: boolean;
-    /** 추가 CSS 클래스 */
     className?: string;
-    /** 추가 props */
     [key: string]: any;
 }
 declare const Popover: React$2.FC<PopoverProps>;
@@ -2608,9 +2549,8 @@ interface ProgressProps {
 }
 declare const Progress: React$2.FC<ProgressProps>;
 
-type ProgressStepVariant = 'default' | 'outlined' | 'filled' | 'minimal';
 type ProgressStepSize = 's' | 'm' | 'l';
-type ProgressStepLayout = 'vertical' | 'horizontal' | 'alternating';
+type ProgressStepLayout = 'vertical' | 'horizontal';
 interface ProgressStepItem {
     /** 단계 ID */
     id: string;
@@ -2634,8 +2574,6 @@ interface ProgressStepItem {
 interface ProgressStepProps {
     /** 진행 단계 아이템들 */
     items: ProgressStepItem[];
-    /** 진행 단계 변형 */
-    variant?: ProgressStepVariant;
     /** 진행 단계 크기 */
     size?: ProgressStepSize;
     /** 진행 단계 레이아웃 */
@@ -2665,7 +2603,7 @@ declare const ProgressStep: React$2.FC<ProgressStepProps>;
  * 접근성: ARIA 가이드라인 준수, 스크린 리더 지원
  */
 
-type ProgressbarSize = 'xs' | 's' | 'm' | 'l' | 'xl';
+type ProgressbarSize = 's' | 'm' | 'l';
 type ProgressbarVariant = 'default' | 'primary' | 'success' | 'warning' | 'danger';
 type ProgressbarStyle = 'solid' | 'striped' | 'animated';
 interface ProgressbarProps {
@@ -3177,7 +3115,7 @@ interface SelectProps {
 }
 declare const Select: React$2.FC<SelectProps>;
 
-type SharePlatform = 'facebook' | 'twitter' | 'instagram' | 'linkedin' | 'pinterest' | 'whatsapp' | 'telegram' | 'email' | 'link' | 'qr';
+type SharePlatform = 'facebook' | 'x' | 'instagram' | 'linkedin' | 'pinterest' | 'whatsapp' | 'telegram' | 'email' | 'link' | 'qr';
 type ShareVariant = 'button' | 'dropdown' | 'modal' | 'inline';
 type ShareSize = 's' | 'm' | 'l';
 type SharePosition = 'top' | 'bottom' | 'left' | 'right';
@@ -19447,13 +19385,27 @@ interface TableProps<T = any> {
     height?: string | number;
     /** 스크롤 가능 여부 */
     scrollable?: boolean;
+    /** 페이지네이션 사용 여부 */
+    pagination?: boolean;
+    /** 현재 페이지 (1-base) */
+    page?: number;
+    /** 페이지 크기 */
+    pageSize?: number;
+    /** 총 아이템 수 (서버 페이지네이션용). 미지정 시 data.length 사용 */
+    totalItems?: number;
+    /** 페이지 변경 핸들러 */
+    onPageChange?: (page: number) => void;
+    /** 페이지 크기 변경 핸들러 */
+    onPageSizeChange?: (size: number) => void;
+    /** 페이지 크기 옵션 */
+    pageSizeOptions?: number[];
     /** 추가 CSS 클래스 */
     className?: string;
     /** 추가 props */
     [key: string]: any;
 }
 declare const Table: {
-    <T extends Record<string, any>>({ data, columns, title, showCountBadge, showFilter, filterOptions, onFilterChange, size, variant, selectable, multiSelect, selectedRows, onSelectionChange, sortable, sortColumn, sortDirection, onSortChange, loading, emptyMessage, onRowClick, rowKey, height, scrollable, className, ...props }: TableProps<T>): JSX$1.Element;
+    <T extends Record<string, any>>({ data, columns, title, showCountBadge, showFilter, filterOptions, onFilterChange, size, variant, selectable, multiSelect, selectedRows, onSelectionChange, sortable, sortColumn, sortDirection, onSortChange, loading, emptyMessage, onRowClick, rowKey, height, scrollable, pagination, page, pageSize, totalItems, onPageChange, onPageSizeChange, pageSizeOptions, className, ...props }: TableProps<T>): JSX$1.Element;
     displayName: string;
 };
 
@@ -19556,47 +19508,19 @@ interface TextareaProps {
 }
 declare const Textarea: React$2.ForwardRefExoticComponent<Omit<TextareaProps, "ref"> & React$2.RefAttributes<HTMLTextAreaElement>>;
 
-/**
- * TimePicker 컴포넌트
- *
- * 시간을 선택할 수 있는 직관적이고 사용하기 쉬운 컴포넌트입니다.
- * 12시간/24시간 형식, 시간/분 선택, 드롭다운 형태를 지원합니다.
- */
-
 type TimePickerSize = 's' | 'm' | 'l';
-type TimePickerVariant = 'default' | 'outlined' | 'filled';
-type TimeFormat = '12h' | '24h';
-type TimePickerMode = 'dropdown' | 'inline';
+type TimePickerType = 'dropdown' | 'modal';
+type TimeFormat = '12h' | '24h' | '12h-with-seconds' | '24h-with-seconds';
 interface TimePickerProps {
-    /** 선택된 시간 */
-    value?: Date;
-    /** 시간 변경 핸들러 */
-    onChange?: (time: Date) => void;
-    /** 시간 형식 */
+    size?: TimePickerSize;
+    type?: TimePickerType;
+    value?: string;
+    defaultValue?: string;
     format?: TimeFormat;
-    /** 피커 모드 */
-    mode?: TimePickerMode;
-    /** 시간 단위 */
-    hourStep?: number;
-    /** 분 단위 */
     minuteStep?: number;
-    /** 최소 시간 */
-    minTime?: Date;
-    /** 최대 시간 */
-    maxTime?: Date;
-    /** 피커 크기 */
-    size?: TimePickerSize;
-    /** 피커 변형 */
-    variant?: TimePickerVariant;
-    /** 비활성화 여부 */
     disabled?: boolean;
-    /** 읽기 전용 */
     readonly?: boolean;
-    /** 플레이스홀더 */
-    placeholder?: string;
-    /** 시간 표시 형식 */
-    displayFormat?: string;
-    /** 추가 CSS 클래스 */
+    onChange?: (time24: string) => void;
     className?: string;
 }
 declare const TimePicker: React$2.FC<TimePickerProps>;
@@ -19700,7 +19624,7 @@ interface ToggleProps {
     defaultSelected?: boolean;
     isDisabled?: boolean;
     isReadOnly?: boolean;
-    size?: 'xs' | 's' | 'm' | 'l' | 'xl';
+    size?: 's' | 'm' | 'l';
     children?: React$2.ReactNode;
     className?: string;
     onChange?: (isSelected: boolean) => void;
@@ -19775,43 +19699,22 @@ interface ToolbarProps {
 }
 declare const Toolbar: React$2.FC<ToolbarProps>;
 
-/**
- * Tooltip 컴포넌트
- *
- * 목적: 요소에 대한 추가 정보를 표시하는 툴팁 제공
- * 기능: 다양한 위치, 크기, 스타일, 지연 시간 설정
- * 접근성: ARIA 가이드라인 준수, 키보드 네비게이션 지원
- */
-
 type TooltipPosition = 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end';
 type TooltipSize = 's' | 'm' | 'l';
 type TooltipVariant = 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info';
 interface TooltipProps {
-    /** 툴팁 내용 */
     content: React$2.ReactNode;
-    /** 툴팁을 표시할 요소 */
     children: React$2.ReactElement;
-    /** 툴팁 위치 */
     position?: TooltipPosition;
-    /** 툴팁 크기 */
     size?: TooltipSize;
-    /** 툴팁 스타일 */
     variant?: TooltipVariant;
-    /** 표시 지연 시간 (ms) */
     delay?: number;
-    /** 숨김 지연 시간 (ms) */
     hideDelay?: number;
-    /** 항상 표시 여부 */
     alwaysShow?: boolean;
-    /** 비활성화 여부 */
     disabled?: boolean;
-    /** 최대 너비 */
     maxWidth?: number;
-    /** 화살표 표시 여부 */
     showArrow?: boolean;
-    /** 추가 CSS 클래스 */
     className?: string;
-    /** 추가 props */
     [key: string]: any;
 }
 declare const Tooltip: React$2.FC<TooltipProps>;
@@ -20013,5 +19916,5 @@ declare const setTheme: (theme: string) => void;
 declare const getTheme: () => string;
 declare const toggleTheme: () => void;
 
-export { Accordion, Alert, AnimationBackground, AnimationText, AudioPlayer, Avatar, Backdrop, Badge, Banner, BottomSheet, Breadcrumbs, Button, Calendar, Card, Carousel, Checkbox, Chip, Confirm, Container, ContextMenu, DatePicker, Divider, Drawer, Dropdown, Dropzone, EmptyState, FileUploader, FloatingActionButton, Form, Gradient, Grid, HeroFeature, Image, ImageList, Input, Label, Lightbox, List, Logo, MarkdownEditor, Masonry, MenuItem, Modal, Navbar, Pagination, Popover, Progress, ProgressStep, Progressbar, Radio, RangeSlider, Rating, Reorder, ResizablePanels, ScrollArea, SearchBar, Section, SegmentControl, Select, Share, Sidebar, Skeleton, Spinner, SplitView, Stack, Stat, Stepper, Table, Tabs, Textarea, TimePicker, Timeline, Toast, Toggle, Toolbar, Tooltip, VideoPlayer, YouTubePlayer, getTheme, setTheme, toggleTheme };
-export type { AccordionItem, AccordionItemType, AccordionProps, AlertAction, AlertProps, AlertSize, AlertVariant, AnimationBackgroundProps, AnimationTextProps, AudioPlayerProps, AudioPlayerSize, AudioPlayerTheme, AudioPlayerVariant, AvatarGroupProps, AvatarProps, AvatarSize, AvatarStatus, AvatarVariant, BackdropProps, BadgeProps, BadgeSize, BadgeStyle, BadgeVariant, BannerAction, BannerAlignment, BannerPosition, BannerProps, BannerSize, BannerStyle, BannerVariant, BottomSheetProps, BottomSheetSize, BottomSheetVariant, BreadcrumbItem, BreadcrumbsProps, BreadcrumbsSize, BreadcrumbsStyle, ButtonProps, CalendarEvent, CalendarEventType, CalendarProps, CalendarView, CardAction, CardImage, CardImagePosition, CardLayout, CardProps, CardSize, CardVariant, CarouselIndicatorStyle, CarouselItem, CarouselProps, CarouselSize, CarouselTheme, CarouselTransition, CarouselVariant, CheckboxProps, ChipColor, ChipProps, ChipSize, ChipVariant, ComponentBaseProps, ConfirmProps, ConfirmSize, ConfirmVariant, ContainerPadding, ContainerProps, ContainerSize, ContainerVariant, ContextMenuItem, ContextMenuProps, DatePickerEvent, DatePickerMode, DatePickerProps, DatePickerSize, DatePickerVariant, DividerProps, DrawerPosition, DrawerProps, DrawerSize, DropdownItem, DropdownProps, DropzoneProps, DropzoneSize, DropzoneVariant, EmptyStateProps, EmptyStateSize, EmptyStateVariant, FileStatus, FileUploaderProps, FileUploaderSize, FileUploaderVariant, FloatingActionButtonProps, FloatingActionButtonSize, FloatingActionButtonVariant, FormField, FormLayout, FormProps, FormSize, FormVariant, GradientColor, GradientDirection, GradientProps, GradientSize, GradientVariant, GridAlignment, GridBreakpoint, GridColProps, GridJustify, GridProps, GridRowProps, GridSize, HeroFeatureAlignment, HeroFeatureButton, HeroFeatureProps, HeroFeatureSize, HeroFeatureTheme, HeroFeatureVariant, ImageFit, ImageItem, ImageListColumns, ImageListLayout, ImageListProps, ImageListSpacing, ImageLoading, ImagePlaceholder, ImageProps, ImageRatio, ImageRounded, InputProps, LabelProps, LightboxImage, LightboxProps, LightboxSize, LightboxTheme, LightboxVariant, ListItem, ListItemType, ListLayout, ListProps, ListSize, ListVariant, LogoProps, LogoSize, LogoType, LogoVariant, MarkdownEditorMode, MarkdownEditorProps, MarkdownEditorSize, MarkdownEditorTheme, MarkdownEditorVariant, MarkdownToolbarItem, MasonryAnimation, MasonryColumns, MasonryItem, MasonryProps, MasonrySpacing, MenuItemChild, MenuItemProps, MenuItemSize, MenuItemStyle, MenuItemType, MenuItemVariant, ModalBodyProps, ModalFooterProps, ModalHeaderProps, ModalProps, NavbarItem, NavbarPosition, NavbarProps, NavbarSize, NavbarVariant, PaginationAlignment, PaginationProps, PaginationSize, PaginationVariant, PopoverPosition, PopoverProps, PopoverSize, PopoverTrigger, PopoverVariant, ProgressProps, ProgressSize, ProgressStepItem, ProgressStepLayout, ProgressStepProps, ProgressStepSize, ProgressStepVariant, ProgressType, ProgressVariant, ProgressbarProps, ProgressbarSize, ProgressbarStyle, ProgressbarVariant, RadioProps, RangeSliderProps, RangeSliderSize, RangeSliderVariant, RatingDisplay, RatingProps, RatingSize, RatingType, RatingVariant, ReorderItem, ReorderOrientation, ReorderProps, ReorderSize, ReorderVariant, ResizablePanelsProps, ScrollAreaProps, ScrollAreaSize, ScrollDirection, ScrollbarStyle, SearchBarProps, SearchBarSize, SearchBarVariant, SectionProps, SectionSize, SectionVariant, SegmentControlProps, SegmentOption, SelectOption, SelectProps, SharePlatform, SharePlatformConfig, SharePosition, ShareProps, ShareSize, ShareVariant, SidebarItem, SidebarPosition, SidebarProps, SidebarSize, SidebarVariant, SkeletonProps, SortDirection, SpinnerProps, SpinnerSize, SpinnerType, SplitDirection, SplitMode, SplitSize, SplitViewProps, StackAlignment, StackDirection, StackJustify, StackProps, StackSpacing, StartOfWeek, StatColor, StatLayout, StatProps, StatSize, StatVariant, StepperProps, StepperSize, StepperVariant, TabItem, TableColumn, TableProps, TableSize, TableVariant, TabsProps, TextareaProps, TimeFormat, TimePickerMode, TimePickerProps, TimePickerSize, TimePickerVariant, TimelineColor, TimelineItem, TimelinePosition, TimelineProps, TimelineSize, TimelineVariant, ToastProps, ToastStatus, ToggleProps, ToolbarItem, ToolbarPosition, ToolbarProps, ToolbarSize, ToolbarVariant, TooltipPosition, TooltipProps, TooltipSize, TooltipVariant, UploadFile, VideoPlayerProps, VideoPlayerSize, VideoPlayerTheme, VideoPlayerVariant, YouTubePlayerProps, YouTubePlayerSize, YouTubePlayerTheme, YouTubePlayerVariant };
+export { Accordion, Alert, AnimationBackground, AnimationText, AudioPlayer, Avatar, Backdrop, Badge, Banner, BottomSheet, Breadcrumbs, Button, Calendar, Card, Carousel, Checkbox, Chip, ColorPicker, Confirm, Container, ContextMenu, DatePicker, Divider, Drawer, Dropdown, Dropzone, EmptyState, FileUploader, FloatingActionButton, Form, Gradient, Grid, HeroFeature, Image, ImageList, Input, Label, Lightbox, List, Logo, MarkdownEditor, Masonry, MenuItem, Modal, ModalBody, ModalFooter, ModalHeader, Navbar, Pagination, Popover, Progress, ProgressStep, Progressbar, Radio, RangeSlider, Rating, Reorder, ResizablePanels, ScrollArea, SearchBar, Section, SegmentControl, Select, Share, Sidebar, Skeleton, Spinner, SplitView, Stack, Stat, Stepper, Table, Tabs, Textarea, TimePicker, Timeline, Toast, Toggle, Toolbar, Tooltip, VideoPlayer, YouTubePlayer, getTheme, setTheme, toggleTheme };
+export type { AccordionItem, AccordionItemType, AccordionProps, AlertAction, AlertProps, AlertSize, AlertVariant, AnimationBackgroundProps, AnimationTextProps, AudioPlayerProps, AudioPlayerSize, AudioPlayerTheme, AudioPlayerVariant, AvatarGroupProps, AvatarProps, AvatarSize, AvatarStatus, AvatarVariant, BackdropProps, BadgeProps, BadgeSize, BadgeStyle, BadgeVariant, BannerAction, BannerProps, BannerSize, BannerVariant, BottomSheetProps, BottomSheetSize, BottomSheetVariant, BreadcrumbItem, BreadcrumbsProps, BreadcrumbsSize, BreadcrumbsStyle, ButtonProps, CalendarEvent, CalendarEventType, CalendarProps, CalendarView, CardAction, CardImage, CardImagePosition, CardLayout, CardProps, CardSize, CardVariant, CarouselIndicatorStyle, CarouselItem, CarouselProps, CarouselSize, CarouselTheme, CarouselTransition, CarouselVariant, CheckboxProps, ChipColor, ChipProps, ChipSize, ChipVariant, ColorPickerProps, ColorPickerSize, ColorPickerType, ComponentBaseProps, ConfirmProps, ConfirmSize, ConfirmVariant, ContainerPadding, ContainerProps, ContainerSize, ContainerVariant, ContextMenuItem, ContextMenuProps, DatePickerEvent, DatePickerMode, DatePickerProps, DatePickerSize, DatePickerVariant, DividerProps, DrawerPosition, DrawerProps, DrawerSize, DropdownItem, DropdownProps, DropzoneProps, DropzoneSize, DropzoneVariant, EmptyStateProps, EmptyStateSize, EmptyStateVariant, FileStatus, FileUploaderProps, FileUploaderSize, FileUploaderVariant, FloatingActionButtonProps, FloatingActionButtonSize, FloatingActionButtonVariant, FormField, FormProps, FormSize, FormVariant, GradientColor, GradientDirection, GradientProps, GradientSize, GradientVariant, GridAlignment, GridBreakpoint, GridColProps, GridJustify, GridProps, GridRowProps, GridSize, HeroFeatureAlignment, HeroFeatureButton, HeroFeatureProps, HeroFeatureSize, HeroFeatureTheme, HeroFeatureVariant, ImageFit, ImageItem, ImageListColumns, ImageListLayout, ImageListProps, ImageListSpacing, ImageLoading, ImagePlaceholder, ImageProps, ImageRatio, ImageRounded, InputProps, LabelProps, LightboxImage, LightboxProps, LightboxSize, ListItem, ListItemType, ListLayout, ListProps, ListSize, ListVariant, LogoProps, LogoSize, LogoType, LogoVariant, MarkdownEditorMode, MarkdownEditorProps, MarkdownEditorSize, MarkdownEditorTheme, MarkdownEditorVariant, MarkdownToolbarItem, MasonryAnimation, MasonryColumns, MasonryItem, MasonryProps, MasonrySpacing, MenuItemChild, MenuItemProps, MenuItemSize, MenuItemStyle, MenuItemType, MenuItemVariant, ModalBodyProps, ModalFooterProps, ModalHeaderProps, ModalProps, NavbarItem, NavbarPosition, NavbarProps, NavbarSize, NavbarVariant, PaginationAlignment, PaginationProps, PaginationSize, PaginationVariant, PopoverPosition, PopoverProps, PopoverSize, PopoverTrigger, PopoverVariant, ProgressProps, ProgressSize, ProgressStepItem, ProgressStepLayout, ProgressStepProps, ProgressStepSize, ProgressType, ProgressVariant, ProgressbarProps, ProgressbarSize, ProgressbarStyle, ProgressbarVariant, RadioProps, RangeSliderProps, RangeSliderSize, RangeSliderVariant, RatingDisplay, RatingProps, RatingSize, RatingType, RatingVariant, ReorderItem, ReorderOrientation, ReorderProps, ReorderSize, ReorderVariant, ResizablePanelsProps, ScrollAreaProps, ScrollAreaSize, ScrollDirection, ScrollbarStyle, SearchBarProps, SearchBarSize, SearchBarVariant, SectionProps, SectionSize, SectionVariant, SegmentControlProps, SegmentOption, SelectOption, SelectProps, SharePlatform, SharePlatformConfig, SharePosition, ShareProps, ShareSize, ShareVariant, SidebarItem, SidebarPosition, SidebarProps, SidebarSize, SidebarVariant, SkeletonProps, SortDirection, SpinnerProps, SpinnerSize, SpinnerType, SplitDirection, SplitMode, SplitSize, SplitViewProps, StackAlignment, StackDirection, StackJustify, StackProps, StackSpacing, StartOfWeek, StatColor, StatLayout, StatProps, StatSize, StatVariant, StepperProps, StepperSize, StepperVariant, TabItem, TableColumn, TableProps, TableSize, TableVariant, TabsProps, TextareaProps, TimeFormat, TimePickerProps, TimePickerSize, TimePickerType, TimelineColor, TimelineItem, TimelinePosition, TimelineProps, TimelineSize, TimelineVariant, ToastProps, ToastStatus, ToggleProps, ToolbarItem, ToolbarPosition, ToolbarProps, ToolbarSize, ToolbarVariant, TooltipPosition, TooltipProps, TooltipSize, TooltipVariant, UploadFile, VideoPlayerProps, VideoPlayerSize, VideoPlayerTheme, VideoPlayerVariant, YouTubePlayerProps, YouTubePlayerSize, YouTubePlayerTheme, YouTubePlayerVariant };