@hua-labs/ui 1.1.0-alpha.6 → 2.0.0-alpha.10

package/dist/index.d.mts

@@ -1,13 +1,16 @@
-import React__default from 'react';
-export { Autocomplete, AutocompleteOption, AutocompleteProps, Checkbox, DatePicker, DatePickerProps, Form, FormField, FormGroup, Form as Frm, Input as Inp, Input, Label, Radio, Select, SelectOption, Slider, Switch, Textarea, Upload, UploadProps, UploadedFile } from './form.mjs';
+import React$1 from 'react';
+export { I as Input, L as Label, N as NumberInput, c as NumberInputProps, S as Switch } from './Switch-BB6GZnqn.mjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { I as IconName, e as emotionIcons, s as statusIcons } from './icons-DcEq-9hv.mjs';
-export { i as iconCategories } from './icons-DcEq-9hv.mjs';
-export { C as ComponentLayout } from './ComponentLayout-BFW39DKh.mjs';
-export { PageNavigation, PageTransition } from './navigation.mjs';
-export { Toast, ToastProvider, useToast } from './feedback.mjs';
+import { e as emotionIcons, s as statusIcons, I as IconName } from './icons-Bj_nr8Ba.mjs';
+export { i as iconCategories } from './icons-Bj_nr8Ba.mjs';
+import { A as AllIconName } from './ComponentLayout-btJq4TjA.mjs';
+export { C as ComponentLayout, P as ProjectIconName, g as getIconNameForProvider, i as iconNames, a as iconProviderMapping, b as isValidIconName } from './ComponentLayout-btJq4TjA.mjs';
+export { M as Modal, a as ModalProps } from './Modal-LokAqhCz.mjs';
+export { Alert, AlertError, AlertInfo, AlertSuccess, AlertWarning, LoadingSpinner, Toast, ToastProvider, Tooltip, TooltipDark, TooltipLight, useToast, useToastSafe } from './feedback.mjs';
 import { ClassValue } from 'clsx';
-import 'lucide-react';
+import { C as Color, E as ExtendedVariant, S as Size$1 } from './common-YLvZxA_K.mjs';
+export { B as BaseVariant } from './common-YLvZxA_K.mjs';
+import '@phosphor-icons/react';
 
 /**
  * 버튼 스타일 변형 / Button style variant
@@ -23,12 +26,12 @@ type Size = "sm" | "md" | "lg" | "xl" | "icon";
  * 버튼 모서리 둥글기 / Button border radius
  * @typedef {"sm" | "md" | "lg" | "full"} Rounded
  */
-type Rounded = "sm" | "md" | "lg" | "full";
+type Rounded$1 = "sm" | "md" | "lg" | "full";
 /**
  * 버튼 그림자 / Button shadow
  * @typedef {"none" | "sm" | "md" | "lg" | "xl"} Shadow
  */
-type Shadow = "none" | "sm" | "md" | "lg" | "xl";
+type Shadow$1 = "none" | "sm" | "md" | "lg" | "xl";
 /**
  * 버튼 호버 효과 / Button hover effect
  * "springy"가 HUA-UI 시그니처 - 공 튕기듯 미세한 반동
@@ -63,12 +66,12 @@ type CommonProps = {
     variant?: Variant;
     size?: Size;
     loading?: boolean;
-    icon?: React__default.ReactNode;
+    icon?: React$1.ReactNode;
     iconPosition?: "left" | "right";
     gradient?: GradientName;
     customGradient?: string;
-    rounded?: Rounded;
-    shadow?: Shadow;
+    rounded?: Rounded$1;
+    shadow?: Shadow$1;
     hover?: Hover;
     fullWidth?: boolean;
     iconOnly?: boolean;
@@ -77,10 +80,10 @@ type CommonProps = {
     disabled?: boolean;
     asChild?: boolean;
 };
-type AnchorProps = CommonProps & Omit<React__default.AnchorHTMLAttributes<HTMLAnchorElement>, "className"> & {
+type AnchorProps = CommonProps & Omit<React$1.AnchorHTMLAttributes<HTMLAnchorElement>, "className"> & {
     href: string;
 };
-type NativeButtonProps = CommonProps & Omit<React__default.ButtonHTMLAttributes<HTMLButtonElement>, "className" | "type"> & {
+type NativeButtonProps = CommonProps & Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "className" | "type"> & {
     href?: undefined;
 };
 /**
@@ -91,7 +94,7 @@ type NativeButtonProps = CommonProps & Omit<React__default.ButtonHTMLAttributes<
  */
 type ButtonProps = AnchorProps | NativeButtonProps;
 type AnchorOrButton$1 = HTMLAnchorElement | HTMLButtonElement;
-declare const Button: React__default.ForwardRefExoticComponent<ButtonProps & React__default.RefAttributes<AnchorOrButton$1>>;
+declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<AnchorOrButton$1>>;
 
 /** Action 전용 옵션(버튼 공통 옵션은 ButtonProps에서 상속) */
 type ActionKind = "primary" | "secondary" | "tertiary" | "magical" | "cyberpunk" | "ninja" | "wizard" | "sniper";
@@ -156,7 +159,7 @@ type AnchorOrButton = AnchorEl | ButtonEl;
  * @param {React.Ref<AnchorOrButton>} ref - button 또는 anchor 요소 ref / button or anchor element ref
  * @returns {JSX.Element} Action 컴포넌트 / Action component
  */
-declare const Action: React__default.ForwardRefExoticComponent<ActionProps & React__default.RefAttributes<AnchorOrButton>>;
+declare const Action: React$1.ForwardRefExoticComponent<ActionProps & React$1.RefAttributes<AnchorOrButton>>;
 
 /**
  * Link 컴포넌트의 props / Link component props
@@ -171,7 +174,7 @@ declare const Action: React__default.ForwardRefExoticComponent<ActionProps & Rea
  */
 interface LinkProps {
     href: string;
-    children: React__default.ReactNode;
+    children: React$1.ReactNode;
     variant?: "default" | "primary" | "secondary" | "ghost" | "underline";
     size?: "sm" | "md" | "lg";
     external?: boolean;
@@ -215,14 +218,16 @@ declare function Link({ href, children, className, variant, size, external, onCl
  * Icon 시스템의 설정 타입 정의
  * 상태관리는 서비스 레벨에서 관리 (Zustand 등)
  */
-type IconSet = 'lucide' | 'phosphor' | 'untitled' | 'iconsax';
+type IconSet = 'lucide' | 'phosphor' | 'iconsax';
 type PhosphorWeight = 'thin' | 'light' | 'regular' | 'bold' | 'duotone' | 'fill';
+type IconsaxVariant = 'line' | 'bold';
 interface IconConfig {
     set: IconSet;
     weight: PhosphorWeight;
     size: number;
     color: string;
     strokeWidth?: number;
+    iconsaxVariant?: IconsaxVariant;
 }
 declare const defaultIconConfig: IconConfig;
 /**
@@ -232,694 +237,30 @@ declare const getDefaultStrokeWidth: (set: IconSet) => number;
 
 /**
  * IconProvider 컴포넌트 Props
- *
- * IconProvider component props interface.
- *
- * @interface IconProviderProps
  */
 interface IconProviderProps {
-    /** 아이콘 세트 (lucide, phosphor, untitled) / Icon set (lucide, phosphor, untitled) */
+    /** 아이콘 세트 (lucide, phosphor, iconsax) */
     set?: IconSet;
-    /** Phosphor 아이콘 weight (thin, light, regular, bold, duotone, fill) / Phosphor icon weight */
+    /** Phosphor 아이콘 weight */
     weight?: PhosphorWeight;
-    /** 기본 아이콘 크기 / Default icon size */
+    /** Iconsax 아이콘 변형 (line, bold) */
+    iconsaxVariant?: IconsaxVariant;
+    /** 기본 아이콘 크기 */
     size?: number;
-    /** 기본 아이콘 색상 / Default icon color */
+    /** 기본 아이콘 색상 */
     color?: string;
-    /** Lucide/Untitled 아이콘 stroke width / Lucide/Untitled icon stroke width */
+    /** Lucide/Iconsax 아이콘 stroke width */
     strokeWidth?: number;
-    /** 자식 컴포넌트 / Child components */
-    children: React__default.ReactNode;
+    /** 자식 컴포넌트 */
+    children: React$1.ReactNode;
 }
 interface IconContextValue extends IconConfig {
 }
-/**
- * IconProvider 컴포넌트
- *
- * 전역 아이콘 설정을 Context로 제공합니다.
- * 서비스에서 Zustand로 관리한 값을 props로 전달할 수 있습니다.
- *
- * IconProvider component
- *
- * Provides global icon settings through Context API.
- * Can receive values managed by Zustand at the service level.
- *
- * @component
- * @example
- * ```tsx
- * // 기본 사용 / Basic usage
- * <IconProvider set="phosphor" weight="regular" size={20}>
- *   <App />
- * </IconProvider>
- *
- * // Zustand와 함께 사용 / With Zustand
- * const iconConfig = useIconStore(state => state.iconConfig)
- * <IconProvider {...iconConfig}>
- *   <App />
- * </IconProvider>
- *
- * // Lucide 아이콘 사용 / Using Lucide icons
- * <IconProvider set="lucide" size={24} strokeWidth={1.5}>
- *   <App />
- * </IconProvider>
- * ```
- *
- * @param props - IconProvider 컴포넌트 props / IconProvider component props
- * @returns IconProvider 컴포넌트 / IconProvider component
- */
-declare function IconProvider({ set, weight, size, color, strokeWidth, children, }: IconProviderProps): react_jsx_runtime.JSX.Element;
-/**
- * useIconContext Hook
- *
- * Icon Context를 사용하는 Hook입니다.
- * Icon 컴포넌트 내부에서 사용됩니다.
- *
- * Hook to use Icon Context.
- * Used internally by Icon component.
- *
- * @returns Icon 설정 값 / Icon configuration value
- *
- * @example
- * ```tsx
- * // Icon 컴포넌트 내부에서 사용 / Used inside Icon component
- * const config = useIconContext()
- * const iconSet = config.set
- * const iconSize = config.size
- * ```
- */
+declare function IconProvider({ set, weight, iconsaxVariant, size, color, strokeWidth, children, }: IconProviderProps): react_jsx_runtime.JSX.Element;
 declare function useIconContext(): IconContextValue;
 
-/**
- * Icon Provider System
- *
- * Supports multiple icon libraries:
- * - Lucide Icons (default)
- * - Phosphor Icons
- * - Untitled Icons (SVG-based)
- * - Iconsax Icons (SVG-based, dynamically loaded)
- *
- * Only imports icons that are actually used in the project for optimal bundle size.
- */
-
-/**
- * Project-specific icon list
- * These are the icons actually used in SumUp project
- * Only these icons will be loaded for optimal bundle size
- */
-declare const PROJECT_ICONS: {
-    readonly home: {
-        readonly lucide: "Home";
-        readonly phosphor: "House";
-        readonly untitled: "home";
-        readonly iconsax: "Home2";
-    };
-    readonly 'layout-dashboard': {
-        readonly lucide: "LayoutDashboard";
-        readonly phosphor: "SquaresFour";
-        readonly untitled: "layout-dashboard";
-    };
-    readonly folder: {
-        readonly lucide: "Folder";
-        readonly phosphor: "Folder";
-        readonly untitled: "folder";
-        readonly iconsax: "Folder";
-    };
-    readonly 'alert-circle': {
-        readonly lucide: "AlertCircle";
-        readonly phosphor: "WarningCircle";
-        readonly untitled: "alert-circle";
-    };
-    readonly alertCircle: {
-        readonly lucide: "AlertCircle";
-        readonly phosphor: "WarningCircle";
-        readonly untitled: "alert-circle";
-    };
-    readonly columns: {
-        readonly lucide: "Columns";
-        readonly phosphor: "Columns";
-        readonly untitled: "columns";
-    };
-    readonly users: {
-        readonly lucide: "Users";
-        readonly phosphor: "Users";
-        readonly untitled: "users";
-    };
-    readonly settings: {
-        readonly lucide: "Settings";
-        readonly phosphor: "Gear";
-        readonly untitled: "settings";
-    };
-    readonly menu: {
-        readonly lucide: "Menu";
-        readonly phosphor: "List";
-        readonly untitled: "menu";
-        readonly iconsax: "Menu";
-    };
-    readonly close: {
-        readonly lucide: "X";
-        readonly phosphor: "X";
-        readonly untitled: "close";
-        readonly iconsax: "CloseCircle";
-    };
-    readonly chevronLeft: {
-        readonly lucide: "ChevronLeft";
-        readonly phosphor: "CaretLeft";
-        readonly untitled: "chevron-left";
-    };
-    readonly chevronRight: {
-        readonly lucide: "ChevronRight";
-        readonly phosphor: "CaretRight";
-        readonly untitled: "chevron-right";
-    };
-    readonly chevronDown: {
-        readonly lucide: "ChevronDown";
-        readonly phosphor: "CaretDown";
-        readonly untitled: "chevron-down";
-    };
-    readonly chevronUp: {
-        readonly lucide: "ChevronUp";
-        readonly phosphor: "CaretUp";
-        readonly untitled: "chevron-up";
-    };
-    readonly arrowLeft: {
-        readonly lucide: "ArrowLeft";
-        readonly phosphor: "ArrowLeft";
-        readonly untitled: "arrow-left";
-        readonly iconsax: "ArrowLeft";
-    };
-    readonly arrowRight: {
-        readonly lucide: "ArrowRight";
-        readonly phosphor: "ArrowRight";
-        readonly untitled: "arrow-right";
-        readonly iconsax: "ArrowRight";
-    };
-    readonly arrowUp: {
-        readonly lucide: "ArrowUp";
-        readonly phosphor: "ArrowUp";
-        readonly untitled: "arrow-up";
-        readonly iconsax: "ArrowUp";
-    };
-    readonly arrowDown: {
-        readonly lucide: "ArrowDown";
-        readonly phosphor: "ArrowDown";
-        readonly untitled: "arrow-down";
-        readonly iconsax: "ArrowDown";
-    };
-    readonly add: {
-        readonly lucide: "Plus";
-        readonly phosphor: "Plus";
-        readonly untitled: "add";
-        readonly iconsax: "Add";
-    };
-    readonly edit: {
-        readonly lucide: "Edit";
-        readonly phosphor: "Pencil";
-        readonly untitled: "edit";
-    };
-    readonly pencil: {
-        readonly lucide: "Pencil";
-        readonly phosphor: "Pencil";
-        readonly untitled: "pencil";
-    };
-    readonly delete: {
-        readonly lucide: "Trash2";
-        readonly phosphor: "Trash";
-        readonly untitled: "trash";
-    };
-    readonly trash: {
-        readonly lucide: "Trash2";
-        readonly phosphor: "Trash";
-        readonly untitled: "trash";
-        readonly iconsax: "Trash";
-    };
-    readonly upload: {
-        readonly lucide: "Upload";
-        readonly phosphor: "Upload";
-        readonly untitled: "upload";
-        readonly iconsax: "Upload";
-    };
-    readonly download: {
-        readonly lucide: "Download";
-        readonly phosphor: "Download";
-        readonly untitled: "download";
-        readonly iconsax: "Download";
-    };
-    readonly x: {
-        readonly lucide: "X";
-        readonly phosphor: "X";
-        readonly untitled: "close";
-    };
-    readonly check: {
-        readonly lucide: "Check";
-        readonly phosphor: "Check";
-        readonly untitled: "check";
-        readonly iconsax: "Check";
-    };
-    readonly search: {
-        readonly lucide: "Search";
-        readonly phosphor: "MagnifyingGlass";
-        readonly untitled: "search";
-        readonly iconsax: "SearchNormal";
-    };
-    readonly share: {
-        readonly lucide: "Share";
-        readonly phosphor: "Share";
-        readonly untitled: "share";
-    };
-    readonly copy: {
-        readonly lucide: "Copy";
-        readonly phosphor: "Copy";
-        readonly untitled: "copy";
-    };
-    readonly save: {
-        readonly lucide: "Save";
-        readonly phosphor: "FloppyDisk";
-        readonly untitled: "save";
-    };
-    readonly loader: {
-        readonly lucide: "Loader2";
-        readonly phosphor: "Spinner";
-        readonly untitled: "loader";
-    };
-    readonly loader2: {
-        readonly lucide: "Loader2";
-        readonly phosphor: "Spinner";
-        readonly untitled: "loader";
-    };
-    readonly 'check-circle': {
-        readonly lucide: "CheckCircle";
-        readonly phosphor: "CheckCircle";
-        readonly untitled: "check-circle";
-    };
-    readonly checkCircle: {
-        readonly lucide: "CheckCircle";
-        readonly phosphor: "CheckCircle";
-        readonly untitled: "check-circle";
-    };
-    readonly success: {
-        readonly lucide: "CheckCircle";
-        readonly phosphor: "CheckCircle";
-        readonly untitled: "check-circle";
-    };
-    readonly error: {
-        readonly lucide: "XCircle";
-        readonly phosphor: "XCircle";
-        readonly untitled: "error";
-    };
-    readonly warning: {
-        readonly lucide: "AlertCircle";
-        readonly phosphor: "WarningCircle";
-        readonly untitled: "warning";
-        readonly iconsax: "Warning2";
-    };
-    readonly info: {
-        readonly lucide: "Info";
-        readonly phosphor: "Info";
-        readonly untitled: "info";
-        readonly iconsax: "InfoCircle";
-    };
-    readonly refresh: {
-        readonly lucide: "RefreshCw";
-        readonly phosphor: "ArrowClockwise";
-        readonly untitled: "refresh";
-        readonly iconsax: "Refresh";
-    };
-    readonly refreshCw: {
-        readonly lucide: "RefreshCw";
-        readonly phosphor: "ArrowClockwise";
-        readonly untitled: "refresh";
-        readonly iconsax: "Refresh";
-    };
-    readonly bell: {
-        readonly lucide: "Bell";
-        readonly phosphor: "Bell";
-        readonly untitled: "bell";
-        readonly iconsax: "Bell";
-    };
-    readonly heart: {
-        readonly lucide: "Heart";
-        readonly phosphor: "Heart";
-        readonly untitled: "heart";
-        readonly iconsax: "Heart";
-    };
-    readonly star: {
-        readonly lucide: "Star";
-        readonly phosphor: "Star";
-        readonly untitled: "star";
-        readonly iconsax: "Star";
-    };
-    readonly bookmark: {
-        readonly lucide: "Bookmark";
-        readonly phosphor: "Bookmark";
-        readonly untitled: "bookmark";
-    };
-    readonly user: {
-        readonly lucide: "User";
-        readonly phosphor: "User";
-        readonly untitled: "user";
-        readonly iconsax: "User";
-    };
-    readonly userPlus: {
-        readonly lucide: "UserPlus";
-        readonly phosphor: "UserPlus";
-        readonly untitled: "user-plus";
-    };
-    readonly logIn: {
-        readonly lucide: "LogIn";
-        readonly phosphor: "SignIn";
-        readonly untitled: "log-in";
-        readonly iconsax: "Login";
-    };
-    readonly logOut: {
-        readonly lucide: "LogOut";
-        readonly phosphor: "SignOut";
-        readonly untitled: "log-out";
-        readonly iconsax: "Logout";
-    };
-    readonly chrome: {
-        readonly lucide: "Chrome";
-        readonly phosphor: "ChromeLogo";
-        readonly untitled: "chrome";
-    };
-    readonly github: {
-        readonly lucide: "Github";
-        readonly phosphor: "GithubLogo";
-        readonly untitled: "github";
-    };
-    readonly message: {
-        readonly lucide: "MessageCircle";
-        readonly phosphor: "ChatCircle";
-        readonly untitled: "message";
-    };
-    readonly messageSquare: {
-        readonly lucide: "MessageSquare";
-        readonly phosphor: "ChatSquare";
-        readonly untitled: "message-square";
-    };
-    readonly 'message-square': {
-        readonly lucide: "MessageSquare";
-        readonly phosphor: "ChatSquare";
-        readonly untitled: "message-square";
-    };
-    readonly inbox: {
-        readonly lucide: "Inbox";
-        readonly phosphor: "Inbox";
-        readonly untitled: "inbox";
-    };
-    readonly calendar: {
-        readonly lucide: "Calendar";
-        readonly phosphor: "Calendar";
-        readonly untitled: "calendar";
-    };
-    readonly calendarPlus: {
-        readonly lucide: "CalendarPlus";
-        readonly phosphor: "CalendarPlus";
-        readonly untitled: "calendar-plus";
-    };
-    readonly checkSquare: {
-        readonly lucide: "CheckSquare";
-        readonly phosphor: "CheckSquare";
-        readonly untitled: "check-square";
-    };
-    readonly clock: {
-        readonly lucide: "Clock";
-        readonly phosphor: "Clock";
-        readonly untitled: "clock";
-    };
-    readonly book: {
-        readonly lucide: "Book";
-        readonly phosphor: "Book";
-        readonly untitled: "book";
-        readonly iconsax: "Book";
-    };
-    readonly bookOpen: {
-        readonly lucide: "BookOpen";
-        readonly phosphor: "BookOpen";
-        readonly untitled: "book-open";
-    };
-    readonly monitor: {
-        readonly lucide: "Monitor";
-        readonly phosphor: "Monitor";
-        readonly untitled: "monitor";
-        readonly iconsax: "Monitor";
-    };
-    readonly sun: {
-        readonly lucide: "Sun";
-        readonly phosphor: "Sun";
-        readonly untitled: "sun";
-        readonly iconsax: "Sun";
-    };
-    readonly moon: {
-        readonly lucide: "Moon";
-        readonly phosphor: "Moon";
-        readonly untitled: "moon";
-        readonly iconsax: "Moon";
-    };
-    readonly sparkles: {
-        readonly lucide: "Sparkles";
-        readonly phosphor: "Sparkle";
-        readonly untitled: "sparkles";
-    };
-    readonly lightbulb: {
-        readonly lucide: "Lightbulb";
-        readonly phosphor: "Lightbulb";
-        readonly untitled: "lightbulb";
-    };
-    readonly brain: {
-        readonly lucide: "Brain";
-        readonly phosphor: "Brain";
-        readonly untitled: "brain";
-    };
-    readonly zap: {
-        readonly lucide: "Zap";
-        readonly phosphor: "Lightning";
-        readonly untitled: "zap";
-    };
-    readonly chart: {
-        readonly lucide: "BarChart3";
-        readonly phosphor: "ChartBar";
-        readonly untitled: "chart";
-    };
-    readonly barChart: {
-        readonly lucide: "BarChart";
-        readonly phosphor: "ChartBar";
-        readonly untitled: "bar-chart";
-    };
-    readonly trendingUp: {
-        readonly lucide: "TrendingUp";
-        readonly phosphor: "TrendUp";
-        readonly untitled: "trending-up";
-    };
-    readonly trendingDown: {
-        readonly lucide: "TrendingDown";
-        readonly phosphor: "TrendDown";
-        readonly untitled: "trending-down";
-    };
-    readonly activity: {
-        readonly lucide: "Activity";
-        readonly phosphor: "Activity";
-        readonly untitled: "activity";
-    };
-    readonly database: {
-        readonly lucide: "Database";
-        readonly phosphor: "Database";
-        readonly untitled: "database";
-    };
-    readonly dollarSign: {
-        readonly lucide: "DollarSign";
-        readonly phosphor: "CurrencyDollar";
-        readonly untitled: "dollar-sign";
-    };
-    readonly dollar: {
-        readonly lucide: "DollarSign";
-        readonly phosphor: "CurrencyDollar";
-        readonly untitled: "dollar-sign";
-    };
-    readonly currency: {
-        readonly lucide: "DollarSign";
-        readonly phosphor: "CurrencyDollar";
-        readonly untitled: "currency";
-    };
-    readonly lock: {
-        readonly lucide: "Lock";
-        readonly phosphor: "Lock";
-        readonly untitled: "lock";
-        readonly iconsax: "Lock";
-    };
-    readonly unlock: {
-        readonly lucide: "Unlock";
-        readonly phosphor: "LockOpen";
-        readonly untitled: "unlock";
-    };
-    readonly shield: {
-        readonly lucide: "Shield";
-        readonly phosphor: "Shield";
-        readonly untitled: "shield";
-        readonly iconsax: "Shield";
-    };
-    readonly key: {
-        readonly lucide: "Key";
-        readonly phosphor: "Key";
-        readonly untitled: "key";
-    };
-    readonly play: {
-        readonly lucide: "Play";
-        readonly phosphor: "Play";
-        readonly untitled: "play";
-    };
-    readonly pause: {
-        readonly lucide: "Pause";
-        readonly phosphor: "Pause";
-        readonly untitled: "pause";
-    };
-    readonly image: {
-        readonly lucide: "Image";
-        readonly phosphor: "Image";
-        readonly untitled: "image";
-    };
-    readonly video: {
-        readonly lucide: "Video";
-        readonly phosphor: "Video";
-        readonly untitled: "video";
-    };
-    readonly camera: {
-        readonly lucide: "Camera";
-        readonly phosphor: "Camera";
-        readonly untitled: "camera";
-    };
-    readonly fileText: {
-        readonly lucide: "FileText";
-        readonly phosphor: "FileText";
-        readonly untitled: "file-text";
-    };
-    readonly file: {
-        readonly lucide: "File";
-        readonly phosphor: "File";
-        readonly untitled: "file";
-    };
-    readonly externalLink: {
-        readonly lucide: "ExternalLink";
-        readonly phosphor: "ArrowSquareOut";
-        readonly untitled: "external-link";
-    };
-    readonly link: {
-        readonly lucide: "Link";
-        readonly phosphor: "Link";
-        readonly untitled: "link";
-        readonly iconsax: "Link";
-    };
-    readonly moreHorizontal: {
-        readonly lucide: "MoreHorizontal";
-        readonly phosphor: "DotsThreeOutline";
-        readonly untitled: "more-horizontal";
-    };
-    readonly moreVertical: {
-        readonly lucide: "MoreVertical";
-        readonly phosphor: "DotsThreeVertical";
-        readonly untitled: "more-vertical";
-    };
-    readonly remove: {
-        readonly lucide: "Minus";
-        readonly phosphor: "Minus";
-        readonly untitled: "remove";
-    };
-    readonly eye: {
-        readonly lucide: "Eye";
-        readonly phosphor: "Eye";
-        readonly untitled: "eye";
-        readonly iconsax: "Eye";
-    };
-    readonly eyeOff: {
-        readonly lucide: "EyeOff";
-        readonly phosphor: "EyeSlash";
-        readonly untitled: "eye-off";
-        readonly iconsax: "EyeSlash";
-    };
-    readonly smile: {
-        readonly lucide: "Smile";
-        readonly phosphor: "Smiley";
-        readonly untitled: "smile";
-    };
-    readonly frown: {
-        readonly lucide: "Frown";
-        readonly phosphor: "SmileySad";
-        readonly untitled: "frown";
-    };
-    readonly meh: {
-        readonly lucide: "Meh";
-        readonly phosphor: "SmileyMeh";
-        readonly untitled: "meh";
-    };
-    readonly mail: {
-        readonly lucide: "Mail";
-        readonly phosphor: "Envelope";
-        readonly untitled: "mail";
-    };
-    readonly phone: {
-        readonly lucide: "Phone";
-        readonly phosphor: "Phone";
-        readonly untitled: "phone";
-    };
-    readonly flag: {
-        readonly lucide: "Flag";
-        readonly phosphor: "Flag";
-        readonly untitled: "flag";
-        readonly iconsax: "Flag";
-    };
-};
-
-/**
- * Icon Names - 자동완성 지원
- *
- * 이 파일은 TypeScript 자동완성을 위한 아이콘 이름 목록입니다.
- * 실제 아이콘은 icons.ts와 PROJECT_ICONS에서 관리됩니다.
- */
-
-/**
- * PROJECT_ICONS에 정의된 모든 아이콘 이름
- */
-type ProjectIconName = keyof typeof PROJECT_ICONS;
-/**
- * 사용 가능한 모든 아이콘 이름 (icons.ts + PROJECT_ICONS)
- */
-type AllIconName = IconName | ProjectIconName;
-/**
- * 아이콘 이름 목록 (자동완성용)
- */
-declare const iconNames: readonly ["home", "menu", "close", "search", "settings", "user", "bell", "arrowLeft", "arrowRight", "arrowUp", "arrowDown", "chevronLeft", "chevronRight", "chevronUp", "chevronDown", "add", "edit", "delete", "remove", "check", "share", "download", "upload", "save", "copy", "refresh", "search", "loader", "success", "error", "warning", "info", "alertCircle", "heart", "star", "bookmark", "logIn", "logOut", "shield", "key", "lock", "unlock", "eye", "eyeOff", "users", "userPlus", "chart", "barChart", "pieChart", "trendingUp", "trendingDown", "activity", "database", "zap", "circle", "dollarSign", "dollar", "currency", "fileText", "file", "folder", "book", "bookOpen", "image", "video", "camera", "message", "messageSquare", "phone", "mail", "send", "play", "pause", "mic", "headphones", "smile", "frown", "meh", "laugh", "angry", "thumbsUp", "thumbsDown", "clock", "timer", "calendar", "calendarDays", "monitor", "sun", "moon", "sparkles", "lightbulb", "brain", "externalLink", "link", "moreHorizontal", "moreVertical"];
-/**
- * 프로바이더별 아이콘 이름 매핑 (참고용)
- *
- * @example
- * // Lucide 아이콘 사용
- * <Icon name="home" provider="lucide" />  // Lucide: Home
- *
- * // Phosphor 아이콘 사용
- * <Icon name="home" provider="phosphor" />  // Phosphor: House
- *
- * // Untitled 아이콘 사용
- * <Icon name="home" provider="untitled" />  // Untitled: home
- */
-declare const iconProviderMapping: Record<string, {
-    lucide: string;
-    phosphor: string;
-    untitled: string;
-}>;
-/**
- * 아이콘 이름이 유효한지 확인
- */
-declare function isValidIconName(name: string): name is AllIconName;
-/**
- * 프로바이더별 아이콘 이름 가져오기
- */
-declare function getIconNameForProvider(iconName: string, provider: 'lucide' | 'phosphor' | 'untitled'): string | null;
-
 /**
  * Icon 컴포넌트 Props
- *
- * Icon component props interface.
- *
- * @interface IconProps
  */
 interface IconProps {
     /** 아이콘 이름 / Icon name */
@@ -932,7 +273,7 @@ interface IconProps {
     emotion?: keyof typeof emotionIcons;
     /** 상태 아이콘 타입 / Status icon type */
     status?: keyof typeof statusIcons;
-    /** 아이콘 프로바이더 오버라이드 (전역 설정 무시) / Icon provider override (ignores global config) */
+    /** 아이콘 프로바이더 오버라이드 / Icon provider override */
     provider?: IconSet;
     /** 부드러운 애니메이션 효과 / Smooth animation effect */
     animated?: boolean;
@@ -943,129 +284,41 @@ interface IconProps {
     /** 바운스 애니메이션 / Bounce animation */
     bounce?: boolean;
     /** 색상 변형 / Color variant */
-    variant?: 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'muted';
+    variant?: 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'muted' | 'inherit';
     /** Phosphor 아이콘 weight 오버라이드 / Phosphor icon weight override */
     weight?: PhosphorWeight;
-    /** 스크린 리더용 라벨 (의미 있는 아이콘인 경우) / Screen reader label (for meaningful icons) */
+    /** 스크린 리더용 라벨 / Screen reader label */
     'aria-label'?: string;
-    /** 장식용 아이콘인 경우 true (스크린 리더에서 숨김) / Set to true for decorative icons (hidden from screen readers) */
+    /** 장식용 아이콘 / Decorative icon (hidden from screen readers) */
     'aria-hidden'?: boolean;
 }
 /**
  * Icon 컴포넌트
  *
- * 다중 아이콘 라이브러리(Lucide, Phosphor, Untitled)를 지원하는 통합 아이콘 컴포넌트입니다.
- * IconProvider를 통해 전역 설정을 관리할 수 있으며, 개별 아이콘에서도 설정을 오버라이드할 수 있습니다.
+ * 다중 아이콘 라이브러리(Phosphor, Lucide, Iconsax)를 지원하는 통합 아이콘 컴포넌트.
+ * IconProvider를 통해 전역 설정을 관리하며, 개별 아이콘에서도 오버라이드 가능.
  *
- * Icon component that supports multiple icon libraries (Lucide, Phosphor, Untitled).
- * Global settings can be managed through IconProvider, and individual icons can override settings.
+ * Iconsax는 별도 entry('@hua-labs/ui/iconsax')를 import해야 동작합니다.
  *
- * @component
  * @example
  * ```tsx
- * // 기본 사용 / Basic usage
  * <Icon name="heart" />
- *
- * // 크기 지정 / Specify size
  * <Icon name="user" size={24} />
- *
- * // 색상 변형 / Color variant
  * <Icon name="check" variant="success" />
- *
- * // 애니메이션 / Animation
  * <Icon name="loader" spin />
- * <Icon name="heart" pulse />
- *
- * // 접근성 / Accessibility
- * <Icon name="search" aria-label="검색" />
- * <Icon name="decorative-icon" aria-hidden />
- *
- * // 감정 아이콘 / Emotion icon
- * <Icon emotion="happy" />
- *
- * // 상태 아이콘 / Status icon
- * <Icon status="loading" spin />
  * ```
- *
- * @param props - Icon 컴포넌트 props / Icon component props
- * @returns Icon 컴포넌트 / Icon component
  */
-declare const IconComponent: React__default.ForwardRefExoticComponent<IconProps & React__default.RefAttributes<HTMLSpanElement>>;
+declare const IconComponent: React$1.ForwardRefExoticComponent<IconProps & React$1.RefAttributes<HTMLSpanElement>>;
 declare const Icon: typeof IconComponent;
-/**
- * EmotionIcon 컴포넌트
- *
- * 감정을 표현하는 아이콘 컴포넌트입니다.
- * Icon component for expressing emotions.
- *
- * @component
- * @example
- * ```tsx
- * <EmotionIcon emotion="happy" />
- * <EmotionIcon emotion="sad" size={24} />
- * ```
- */
-declare const EmotionIcon: React__default.ForwardRefExoticComponent<Omit<IconProps, "name"> & {
+declare const EmotionIcon: React$1.ForwardRefExoticComponent<Omit<IconProps, "name"> & {
     emotion: keyof typeof emotionIcons;
-} & React__default.RefAttributes<HTMLSpanElement>>;
-/**
- * StatusIcon 컴포넌트
- *
- * 상태를 표현하는 아이콘 컴포넌트입니다.
- * Icon component for expressing status.
- *
- * @component
- * @example
- * ```tsx
- * <StatusIcon status="loading" spin />
- * <StatusIcon status="success" variant="success" />
- * ```
- */
-declare const StatusIcon: React__default.ForwardRefExoticComponent<Omit<IconProps, "name"> & {
+} & React$1.RefAttributes<HTMLSpanElement>>;
+declare const StatusIcon: React$1.ForwardRefExoticComponent<Omit<IconProps, "name"> & {
     status: keyof typeof statusIcons;
-} & React__default.RefAttributes<HTMLSpanElement>>;
-/**
- * LoadingIcon 컴포넌트
- *
- * 로딩 상태를 표시하는 전용 아이콘 컴포넌트입니다.
- * Dedicated icon component for displaying loading status.
- *
- * @component
- * @example
- * ```tsx
- * <LoadingIcon />
- * <LoadingIcon size={32} />
- * ```
- */
-declare const LoadingIcon: React__default.ForwardRefExoticComponent<Omit<IconProps, "status" | "name"> & React__default.RefAttributes<HTMLDivElement>>;
-/**
- * SuccessIcon 컴포넌트
- *
- * 성공 상태를 표시하는 전용 아이콘 컴포넌트입니다.
- * Dedicated icon component for displaying success status.
- *
- * @component
- * @example
- * ```tsx
- * <SuccessIcon />
- * <SuccessIcon size={24} />
- * ```
- */
-declare const SuccessIcon: React__default.ForwardRefExoticComponent<Omit<IconProps, "status" | "name"> & React__default.RefAttributes<HTMLDivElement>>;
-/**
- * ErrorIcon 컴포넌트
- *
- * 에러 상태를 표시하는 전용 아이콘 컴포넌트입니다.
- * Dedicated icon component for displaying error status.
- *
- * @component
- * @example
- * ```tsx
- * <ErrorIcon />
- * <ErrorIcon size={24} />
- * ```
- */
-declare const ErrorIcon: React__default.ForwardRefExoticComponent<Omit<IconProps, "status" | "name"> & React__default.RefAttributes<HTMLDivElement>>;
+} & React$1.RefAttributes<HTMLSpanElement>>;
+declare const LoadingIcon: React$1.ForwardRefExoticComponent<Omit<IconProps, "status" | "name"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SuccessIcon: React$1.ForwardRefExoticComponent<Omit<IconProps, "status" | "name"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const ErrorIcon: React$1.ForwardRefExoticComponent<Omit<IconProps, "status" | "name"> & React$1.RefAttributes<HTMLDivElement>>;
 
 /**
  * Avatar 컴포넌트의 props / Avatar component props
@@ -1074,27 +327,29 @@ declare const ErrorIcon: React__default.ForwardRefExoticComponent<Omit<IconProps
  * @property {"default" | "glass"} [variant="default"] - 아바타 스타일 변형 / Avatar style variant
  * @property {string} [src] - 이미지 URL / Image URL
  * @property {string} [alt] - 이미지 대체 텍스트 / Image alt text
+ * @property {string} [fallbackText] - Fallback 표시 텍스트 (기본: alt의 첫 글자) / Fallback display text (default: first char of alt)
  * @extends {React.HTMLAttributes<HTMLDivElement>}
  */
-interface AvatarProps extends React__default.HTMLAttributes<HTMLDivElement> {
+interface AvatarProps extends React$1.HTMLAttributes<HTMLDivElement> {
     size?: "sm" | "md" | "lg";
     variant?: "default" | "glass";
     src?: string;
     alt?: string;
+    fallbackText?: string;
 }
 /**
  * AvatarImage 컴포넌트의 props
  * @typedef {Object} AvatarImageProps
  * @extends {React.ImgHTMLAttributes<HTMLImageElement>}
  */
-interface AvatarImageProps extends React__default.ImgHTMLAttributes<HTMLImageElement> {
+interface AvatarImageProps extends React$1.ImgHTMLAttributes<HTMLImageElement> {
 }
 /**
  * AvatarFallback 컴포넌트의 props
  * @typedef {Object} AvatarFallbackProps
  * @extends {React.HTMLAttributes<HTMLDivElement>}
  */
-interface AvatarFallbackProps extends React__default.HTMLAttributes<HTMLDivElement> {
+interface AvatarFallbackProps extends React$1.HTMLAttributes<HTMLDivElement> {
 }
 /**
  * Avatar 컴포넌트 / Avatar component
@@ -1122,7 +377,7 @@ interface AvatarFallbackProps extends React__default.HTMLAttributes<HTMLDivEleme
  * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
  * @returns {JSX.Element} Avatar 컴포넌트 / Avatar component
  */
-declare const Avatar: React__default.ForwardRefExoticComponent<AvatarProps & React__default.RefAttributes<HTMLDivElement>>;
+declare const Avatar: React$1.ForwardRefExoticComponent<AvatarProps & React$1.RefAttributes<HTMLDivElement>>;
 /**
  * AvatarImage 컴포넌트 / AvatarImage component
  *
@@ -1134,7 +389,7 @@ declare const Avatar: React__default.ForwardRefExoticComponent<AvatarProps & Rea
  * @param {React.Ref<HTMLImageElement>} ref - img 요소 ref / img element ref
  * @returns {JSX.Element} AvatarImage 컴포넌트 / AvatarImage component
  */
-declare const AvatarImage: React__default.ForwardRefExoticComponent<AvatarImageProps & React__default.RefAttributes<HTMLImageElement>>;
+declare const AvatarImage: React$1.ForwardRefExoticComponent<AvatarImageProps & React$1.RefAttributes<HTMLImageElement>>;
 /**
  * AvatarFallback 컴포넌트 / AvatarFallback component
  *
@@ -1146,83 +401,7 @@ declare const AvatarImage: React__default.ForwardRefExoticComponent<AvatarImageP
  * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
  * @returns {JSX.Element} AvatarFallback 컴포넌트 / AvatarFallback component
  */
-declare const AvatarFallback: React__default.ForwardRefExoticComponent<AvatarFallbackProps & React__default.RefAttributes<HTMLDivElement>>;
-
-/**
- * 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
- */
-interface ModalProps {
-    isOpen: boolean;
-    onClose: () => void;
-    children: React__default.ReactNode;
-    size?: "sm" | "md" | "lg" | "xl" | "2xl" | "3xl";
-    showCloseButton?: boolean;
-    closeOnOverlayClick?: boolean;
-    title?: string;
-    description?: string;
-    showBackdrop?: boolean;
-    backdropClassName?: string;
-    centered?: boolean;
-    className?: string;
-}
-/**
- * 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
- */
-declare const Modal: React__default.ForwardRefExoticComponent<ModalProps & React__default.RefAttributes<HTMLDivElement>>;
+declare const AvatarFallback: React$1.ForwardRefExoticComponent<AvatarFallbackProps & React$1.RefAttributes<HTMLDivElement>>;
 
 /**
  * Container 컴포넌트의 props
@@ -1233,7 +412,7 @@ declare const Modal: React__default.ForwardRefExoticComponent<ModalProps & React
  * @property {boolean} [fluid=false] - 최대 너비 제한 없이 전체 너비 사용
  * @extends {React.HTMLAttributes<HTMLDivElement>}
  */
-interface ContainerProps extends React__default.HTMLAttributes<HTMLDivElement> {
+interface ContainerProps extends React$1.HTMLAttributes<HTMLDivElement> {
     size?: "sm" | "md" | "lg" | "xl" | "full";
     padding?: "none" | "sm" | "md" | "lg" | "xl";
     centered?: boolean;
@@ -1269,7 +448,7 @@ interface ContainerProps extends React__default.HTMLAttributes<HTMLDivElement> {
  * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref
  * @returns {JSX.Element} Container 컴포넌트
  */
-declare const Container: React__default.ForwardRefExoticComponent<ContainerProps & React__default.RefAttributes<HTMLDivElement>>;
+declare const Container: React$1.ForwardRefExoticComponent<ContainerProps & React$1.RefAttributes<HTMLDivElement>>;
 
 /**
  * Grid 컴포넌트의 props
@@ -1281,7 +460,7 @@ declare const Container: React__default.ForwardRefExoticComponent<ContainerProps
  * @property {boolean} [responsive=true] - 반응형 그리드 활성화 (모바일: 1열, 태블릿: 2열, 데스크톱: 지정 열)
  * @extends {React.HTMLAttributes<HTMLDivElement>}
  */
-interface GridProps extends React__default.HTMLAttributes<HTMLDivElement> {
+interface GridProps extends React$1.HTMLAttributes<HTMLDivElement> {
     cols?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
     gap?: "none" | "sm" | "md" | "lg" | "xl";
     gapX?: "none" | "sm" | "md" | "lg" | "xl";
@@ -1319,7 +498,7 @@ interface GridProps extends React__default.HTMLAttributes<HTMLDivElement> {
  * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref
  * @returns {JSX.Element} Grid 컴포넌트
  */
-declare const Grid: React__default.ForwardRefExoticComponent<GridProps & React__default.RefAttributes<HTMLDivElement>>;
+declare const Grid: React$1.ForwardRefExoticComponent<GridProps & React$1.RefAttributes<HTMLDivElement>>;
 
 /**
  * Stack 컴포넌트의 props
@@ -1331,7 +510,7 @@ declare const Grid: React__default.ForwardRefExoticComponent<GridProps & React__
  * @property {boolean} [wrap=false] - 아이템 줄바꿈 허용
  * @extends {React.HTMLAttributes<HTMLDivElement>}
  */
-interface StackProps extends React__default.HTMLAttributes<HTMLDivElement> {
+interface StackProps extends React$1.HTMLAttributes<HTMLDivElement> {
     direction?: "vertical" | "horizontal";
     spacing?: "none" | "sm" | "md" | "lg" | "xl";
     align?: "start" | "center" | "end" | "stretch";
@@ -1369,7 +548,7 @@ interface StackProps extends React__default.HTMLAttributes<HTMLDivElement> {
  * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref
  * @returns {JSX.Element} Stack 컴포넌트
  */
-declare const Stack: React__default.ForwardRefExoticComponent<StackProps & React__default.RefAttributes<HTMLDivElement>>;
+declare const Stack: React$1.ForwardRefExoticComponent<StackProps & React$1.RefAttributes<HTMLDivElement>>;
 
 /**
  * Divider 컴포넌트의 props / Divider component props
@@ -1381,23 +560,30 @@ declare const Stack: React__default.ForwardRefExoticComponent<StackProps & React
  * @property {"default" | "muted" | "primary" | "secondary"} [color="default"] - Divider 색상 / Divider color
  * @extends {React.HTMLAttributes<HTMLDivElement>}
  */
-interface DividerProps extends React__default.HTMLAttributes<HTMLDivElement> {
+interface DividerProps extends React$1.HTMLAttributes<HTMLDivElement> {
     orientation?: "horizontal" | "vertical";
     variant?: "solid" | "dashed" | "dotted" | "gradient" | "glass";
     size?: "sm" | "md" | "lg";
     spacing?: "none" | "sm" | "md" | "lg" | "xl";
     color?: "default" | "muted" | "primary" | "secondary";
 }
-declare const Divider: React__default.NamedExoticComponent<DividerProps & React__default.RefAttributes<HTMLDivElement>>;
+declare const Divider: React$1.NamedExoticComponent<DividerProps & React$1.RefAttributes<HTMLDivElement>>;
 
 /**
  * Card 컴포넌트의 props / Card component props
  * @typedef {Object} CardProps
  * @property {"default" | "outline" | "elevated"} [variant="default"] - 카드 스타일 변형 / Card style variant
+ * @property {"none" | "sm" | "md" | "lg"} [shadow] - 그림자 크기 (none으로 끄기) / Shadow size (use none to disable)
+ * @property {"none" | "sm" | "md" | "lg"} [padding="none"] - 패딩 크기 (기본: none) / Padding size (default: none)
  * @extends {React.HTMLAttributes<HTMLDivElement>}
  */
-interface CardProps extends React__default.HTMLAttributes<HTMLDivElement> {
+interface CardProps extends React$1.HTMLAttributes<HTMLDivElement> {
     variant?: "default" | "outline" | "elevated";
+    shadow?: "none" | "sm" | "md" | "lg";
+    /** 패딩 크기 (기본: none - 슬림 기본값, 필요시 늘리기) */
+    padding?: "none" | "sm" | "md" | "lg";
+    /** 호버 시 효과 활성화 */
+    hoverable?: boolean;
 }
 /**
  * Card 컴포넌트 / Card component
@@ -1434,13 +620,13 @@ interface CardProps extends React__default.HTMLAttributes<HTMLDivElement> {
  * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
  * @returns {JSX.Element} Card 컴포넌트 / Card component
  */
-declare const Card: React__default.ForwardRefExoticComponent<CardProps & React__default.RefAttributes<HTMLDivElement>>;
+declare const Card: React$1.ForwardRefExoticComponent<CardProps & React$1.RefAttributes<HTMLDivElement>>;
 /**
  * CardHeader 컴포넌트의 props / CardHeader component props
  * @typedef {Object} CardHeaderProps
  * @extends {React.HTMLAttributes<HTMLDivElement>}
  */
-interface CardHeaderProps extends React__default.HTMLAttributes<HTMLDivElement> {
+interface CardHeaderProps extends React$1.HTMLAttributes<HTMLDivElement> {
 }
 /**
  * CardHeader 컴포넌트 / CardHeader component
@@ -1452,13 +638,13 @@ interface CardHeaderProps extends React__default.HTMLAttributes<HTMLDivElement>
  * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
  * @returns {JSX.Element} CardHeader 컴포넌트 / CardHeader component
  */
-declare const CardHeader: React__default.ForwardRefExoticComponent<CardHeaderProps & React__default.RefAttributes<HTMLDivElement>>;
+declare const CardHeader: React$1.ForwardRefExoticComponent<CardHeaderProps & React$1.RefAttributes<HTMLDivElement>>;
 /**
  * CardTitle 컴포넌트의 props / CardTitle component props
  * @typedef {Object} CardTitleProps
  * @extends {React.HTMLAttributes<HTMLHeadingElement>}
  */
-interface CardTitleProps extends React__default.HTMLAttributes<HTMLHeadingElement> {
+interface CardTitleProps extends React$1.HTMLAttributes<HTMLHeadingElement> {
 }
 /**
  * CardTitle 컴포넌트 / CardTitle component
@@ -1470,13 +656,13 @@ interface CardTitleProps extends React__default.HTMLAttributes<HTMLHeadingElemen
  * @param {React.Ref<HTMLParagraphElement>} ref - h3 요소 ref / h3 element ref
  * @returns {JSX.Element} CardTitle 컴포넌트 / CardTitle component
  */
-declare const CardTitle: React__default.ForwardRefExoticComponent<CardTitleProps & React__default.RefAttributes<HTMLParagraphElement>>;
+declare const CardTitle: React$1.ForwardRefExoticComponent<CardTitleProps & React$1.RefAttributes<HTMLParagraphElement>>;
 /**
  * CardDescription 컴포넌트의 props / CardDescription component props
  * @typedef {Object} CardDescriptionProps
  * @extends {React.HTMLAttributes<HTMLParagraphElement>}
  */
-interface CardDescriptionProps extends React__default.HTMLAttributes<HTMLParagraphElement> {
+interface CardDescriptionProps extends React$1.HTMLAttributes<HTMLParagraphElement> {
 }
 /**
  * CardDescription 컴포넌트 / CardDescription component
@@ -1488,13 +674,13 @@ interface CardDescriptionProps extends React__default.HTMLAttributes<HTMLParagra
  * @param {React.Ref<HTMLParagraphElement>} ref - p 요소 ref / p element ref
  * @returns {JSX.Element} CardDescription 컴포넌트 / CardDescription component
  */
-declare const CardDescription: React__default.ForwardRefExoticComponent<CardDescriptionProps & React__default.RefAttributes<HTMLParagraphElement>>;
+declare const CardDescription: React$1.ForwardRefExoticComponent<CardDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>>;
 /**
  * CardContent 컴포넌트의 props / CardContent component props
  * @typedef {Object} CardContentProps
  * @extends {React.HTMLAttributes<HTMLDivElement>}
  */
-interface CardContentProps extends React__default.HTMLAttributes<HTMLDivElement> {
+interface CardContentProps extends React$1.HTMLAttributes<HTMLDivElement> {
 }
 /**
  * CardContent 컴포넌트 / CardContent component
@@ -1506,13 +692,13 @@ interface CardContentProps extends React__default.HTMLAttributes<HTMLDivElement>
  * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
  * @returns {JSX.Element} CardContent 컴포넌트 / CardContent component
  */
-declare const CardContent: React__default.ForwardRefExoticComponent<CardContentProps & React__default.RefAttributes<HTMLDivElement>>;
+declare const CardContent: React$1.ForwardRefExoticComponent<CardContentProps & React$1.RefAttributes<HTMLDivElement>>;
 /**
  * CardFooter 컴포넌트의 props / CardFooter component props
  * @typedef {Object} CardFooterProps
  * @extends {React.HTMLAttributes<HTMLDivElement>}
  */
-interface CardFooterProps extends React__default.HTMLAttributes<HTMLDivElement> {
+interface CardFooterProps extends React$1.HTMLAttributes<HTMLDivElement> {
 }
 /**
  * CardFooter 컴포넌트 / CardFooter component
@@ -1524,7 +710,7 @@ interface CardFooterProps extends React__default.HTMLAttributes<HTMLDivElement>
  * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
  * @returns {JSX.Element} CardFooter 컴포넌트 / CardFooter component
  */
-declare const CardFooter: React__default.ForwardRefExoticComponent<CardFooterProps & React__default.RefAttributes<HTMLDivElement>>;
+declare const CardFooter: React$1.ForwardRefExoticComponent<CardFooterProps & React$1.RefAttributes<HTMLDivElement>>;
 
 /**
  * Panel 컴포넌트의 props / Panel component props
@@ -1555,7 +741,7 @@ declare const CardFooter: React__default.ForwardRefExoticComponent<CardFooterPro
  * @property {boolean} [hoverGlow=false] - 호버 시 글로우 효과 / Glow effect on hover
  * @extends {Omit<CardProps, 'variant' | 'style'>}
  */
-interface PanelProps extends Omit<CardProps, 'variant' | 'style'> {
+interface PanelProps extends Omit<CardProps, 'variant' | 'style' | 'padding'> {
     style?: "default" | "solid" | "glass" | "outline" | "elevated" | "neon" | "holographic" | "cyberpunk" | "minimal" | "luxury";
     effect?: "none" | "glow" | "shadow" | "gradient" | "animated";
     transparency?: number;
@@ -1620,7 +806,7 @@ interface PanelProps extends Omit<CardProps, 'variant' | 'style'> {
  * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
  * @returns {JSX.Element} Panel 컴포넌트 / Panel component
  */
-declare const Panel: React__default.ForwardRefExoticComponent<PanelProps & React__default.RefAttributes<HTMLDivElement>>;
+declare const Panel: React$1.ForwardRefExoticComponent<PanelProps & React$1.RefAttributes<HTMLDivElement>>;
 
 /**
  * ActionButton 인터페이스
@@ -1663,7 +849,7 @@ interface ActionButton {
  * @property {boolean} [loading=false] - 로딩 상태 / Loading state
  * @extends {React.HTMLAttributes<HTMLDivElement>}
  */
-interface ActionToolbarProps extends React__default.HTMLAttributes<HTMLDivElement> {
+interface ActionToolbarProps extends React$1.HTMLAttributes<HTMLDivElement> {
     /** 선택 모드 활성화 여부 */
     isSelectMode?: boolean;
     /** 전체 항목 개수 */
@@ -1683,444 +869,16 @@ interface ActionToolbarProps extends React__default.HTMLAttributes<HTMLDivElemen
     /** 로딩 상태 */
     loading?: boolean;
 }
-declare const ActionToolbar: React__default.NamedExoticComponent<ActionToolbarProps & React__default.RefAttributes<HTMLDivElement>>;
-
-/**
- * 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'>}
- */
-interface NavigationProps extends Omit<React__default.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'>}
- */
-interface NavigationListProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, 'style'> {
-    value?: string;
-    onValueChange?: (value: string) => void;
-    variant?: "pills" | "underline" | "cards";
-    scale?: "small" | "medium" | "large";
-}
-declare const NavigationList: React__default.ForwardRefExoticComponent<NavigationListProps & React__default.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'>}
- */
-interface NavigationItemProps extends Omit<React__default.ButtonHTMLAttributes<HTMLButtonElement>, 'style'> {
-    value: string;
-    onValueChange?: (value: string) => void;
-    variant?: "pills" | "underline" | "cards";
-    scale?: "small" | "medium" | "large";
-    active?: boolean;
-}
-declare const NavigationItem: React__default.ForwardRefExoticComponent<NavigationItemProps & React__default.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>}
- */
-interface NavigationContentProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    value: string;
-    active?: boolean;
-}
-declare const NavigationContent: React__default.ForwardRefExoticComponent<NavigationContentProps & React__default.RefAttributes<HTMLDivElement>>;
-interface NavigationComponent extends React__default.ForwardRefExoticComponent<NavigationProps & React__default.RefAttributes<HTMLDivElement>> {
-    List: typeof NavigationList;
-    Item: typeof NavigationItem;
-    Content: typeof NavigationContent;
-}
-declare const NavigationComponent: NavigationComponent;
+declare const ActionToolbar: React$1.NamedExoticComponent<ActionToolbarProps & React$1.RefAttributes<HTMLDivElement>>;
 
 /**
- * Breadcrumb 항목 타입 / Breadcrumb item type
- */
-interface BreadcrumbItemData {
-    label: string;
-    href?: string;
-    icon?: IconName;
-}
-/**
- * Breadcrumb 컴포넌트의 props / Breadcrumb component props
- * @typedef {Object} BreadcrumbProps
- * @property {React.ReactNode} [children] - BreadcrumbItem 컴포넌트들 / BreadcrumbItem components
- * @property {BreadcrumbItemData[]} [items] - Breadcrumb 항목 배열 (children 대신 사용 가능) / Breadcrumb items array (alternative to children)
- * @property {number} [maxItems] - 최대 표시할 항목 수 (긴 경로 처리) / Maximum number of items to display (for long paths)
- * @property {boolean} [showHomeIcon] - 홈 아이콘 표시 여부 / Show home icon
- * @property {string} [homeLabel] - 홈 라벨 (기본: "Home") / Home label (default: "Home")
- * @property {React.ReactNode} [separator] - 항목 사이 구분자 (기본: chevronRight 아이콘) / Separator between items (default: chevronRight icon)
- * @property {'default' | 'subtle' | 'transparent' | 'glass'} [variant='default'] - Breadcrumb 스타일 변형 / Breadcrumb style variant
+ * Badge 컴포넌트의 props / Badge component props
+ * @typedef {Object} BadgeProps
+ * @property {"default" | "secondary" | "destructive" | "error" | "outline" | "glass"} [variant="default"] - Badge 스타일 변형 / Badge style variant
  * @extends {React.HTMLAttributes<HTMLDivElement>}
  */
-interface BreadcrumbProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    children?: React__default.ReactNode;
-    items?: BreadcrumbItemData[];
-    maxItems?: number;
-    showHomeIcon?: boolean;
-    homeLabel?: string;
-    separator?: React__default.ReactNode;
-    variant?: 'default' | 'subtle' | 'transparent' | 'glass';
-}
-/**
- * BreadcrumbItem 컴포넌트의 props / BreadcrumbItem component props
- * @typedef {Object} BreadcrumbItemProps
- * @property {string} [href] - 링크 URL (없으면 일반 텍스트) / Link URL (plain text if not provided)
- * @property {boolean} [isCurrent=false] - 현재 페이지 여부 / Current page indicator
- * @property {React.ReactNode} children - 항목 텍스트 / Item text
- * @property {string} [className] - 추가 CSS 클래스 / Additional CSS class
- */
-interface BreadcrumbItemProps {
-    href?: string;
-    isCurrent?: boolean;
-    children: React__default.ReactNode;
-    className?: string;
-}
-/**
- * Breadcrumb 컴포넌트 / Breadcrumb component
- *
- * 네비게이션 경로를 표시하는 breadcrumb 컴포넌트입니다.
- * 현재 위치와 경로를 시각적으로 표현합니다.
- *
- * Breadcrumb component for displaying navigation paths.
- * Visually represents current location and path.
- *
- * @component
- * @example
- * // 기본 사용 / Basic usage
- * <Breadcrumb>
- *   <BreadcrumbItem href="/">홈</BreadcrumbItem>
- *   <BreadcrumbItem href="/products">상품</BreadcrumbItem>
- *   <BreadcrumbItem isCurrent>상세</BreadcrumbItem>
- * </Breadcrumb>
- *
- * @example
- * // 커스텀 구분자 / Custom separator
- * <Breadcrumb separator={<span>/</span>}>
- *   <BreadcrumbItem href="/">홈</BreadcrumbItem>
- *   <BreadcrumbItem isCurrent>현재</BreadcrumbItem>
- * </Breadcrumb>
- *
- * @param {BreadcrumbProps} props - Breadcrumb 컴포넌트의 props / Breadcrumb component props
- * @param {React.Ref<HTMLDivElement>} ref - nav 요소 ref / nav element ref
- * @returns {JSX.Element} Breadcrumb 컴포넌트 / Breadcrumb component
- */
-declare const Breadcrumb: React__default.ForwardRefExoticComponent<BreadcrumbProps & React__default.RefAttributes<HTMLDivElement>>;
-/**
- * BreadcrumbItem 컴포넌트
- * Breadcrumb의 개별 항목을 표시합니다.
- *
- * @component
- * @param {BreadcrumbItemProps} props - BreadcrumbItem 컴포넌트의 props
- * @param {React.Ref<HTMLLIElement>} ref - li 요소 ref
- * @returns {JSX.Element} BreadcrumbItem 컴포넌트
- */
-declare const BreadcrumbItem: React__default.ForwardRefExoticComponent<BreadcrumbItemProps & React__default.RefAttributes<HTMLLIElement>>;
-
-/**
- * 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>}
- */
-interface PaginationProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    currentPage: number;
-    totalPages: number;
-    onPageChange: (page: number) => void;
-    showFirstLast?: boolean;
-    showPrevNext?: boolean;
-    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__default.ForwardRefExoticComponent<PaginationProps & React__default.RefAttributes<HTMLDivElement>>;
-declare const PaginationOutlined: React__default.ForwardRefExoticComponent<Omit<PaginationProps, "variant"> & React__default.RefAttributes<HTMLDivElement>>;
-declare const PaginationMinimal: React__default.ForwardRefExoticComponent<Omit<PaginationProps, "variant"> & React__default.RefAttributes<HTMLDivElement>>;
-declare const PaginationWithInfo: React__default.ForwardRefExoticComponent<PaginationProps & {
-    totalItems?: number;
-    itemsPerPage?: number;
-    showInfo?: boolean;
-} & React__default.RefAttributes<HTMLDivElement>>;
-
-/**
- * Table 컴포넌트의 props / Table component props
- * @typedef {Object} TableProps
- * @property {React.ReactNode} children - TableHeader, TableBody, TableFooter 등 / TableHeader, TableBody, TableFooter, etc.
- * @property {"default" | "bordered" | "striped"} [variant="default"] - Table 스타일 변형 / Table style variant
- * @property {"sm" | "md" | "lg"} [size="md"] - Table 크기 / Table size
- * @extends {React.HTMLAttributes<HTMLTableElement>}
- */
-interface TableProps extends React__default.HTMLAttributes<HTMLTableElement> {
-    children: React__default.ReactNode;
-    variant?: "default" | "bordered" | "striped";
-    size?: "sm" | "md" | "lg";
-}
-/**
- * TableHeader 컴포넌트의 props / TableHeader component props
- * @typedef {Object} TableHeaderProps
- * @property {React.ReactNode} children - TableHead 컴포넌트들 / TableHead components
- * @extends {React.HTMLAttributes<HTMLTableSectionElement>}
- */
-interface TableHeaderProps extends React__default.HTMLAttributes<HTMLTableSectionElement> {
-    children: React__default.ReactNode;
-}
-/**
- * TableBody 컴포넌트의 props / TableBody component props
- * @typedef {Object} TableBodyProps
- * @property {React.ReactNode} children - TableRow 컴포넌트들 / TableRow components
- * @extends {React.HTMLAttributes<HTMLTableSectionElement>}
- */
-interface TableBodyProps extends React__default.HTMLAttributes<HTMLTableSectionElement> {
-    children: React__default.ReactNode;
-}
-/**
- * TableFooter 컴포넌트의 props / TableFooter component props
- * @typedef {Object} TableFooterProps
- * @property {React.ReactNode} children - TableRow 컴포넌트들 / TableRow components
- * @extends {React.HTMLAttributes<HTMLTableSectionElement>}
- */
-interface TableFooterProps extends React__default.HTMLAttributes<HTMLTableSectionElement> {
-    children: React__default.ReactNode;
-}
-/**
- * TableRow 컴포넌트의 props / TableRow component props
- * @typedef {Object} TableRowProps
- * @property {React.ReactNode} children - TableHead 또는 TableCell 컴포넌트들 / TableHead or TableCell components
- * @property {"default" | "hover"} [variant="default"] - Row 스타일 변형 / Row style variant
- * @extends {React.HTMLAttributes<HTMLTableRowElement>}
- */
-interface TableRowProps extends React__default.HTMLAttributes<HTMLTableRowElement> {
-    children: React__default.ReactNode;
-    variant?: "default" | "hover";
-}
-/**
- * TableHead 컴포넌트의 props / TableHead component props
- * @typedef {Object} TableHeadProps
- * @property {React.ReactNode} children - 헤더 셀 내용 / Header cell content
- * @extends {React.ThHTMLAttributes<HTMLTableCellElement>}
- */
-interface TableHeadProps extends React__default.ThHTMLAttributes<HTMLTableCellElement> {
-    children: React__default.ReactNode;
-}
-/**
- * TableCell 컴포넌트의 props / TableCell component props
- * @typedef {Object} TableCellProps
- * @property {React.ReactNode} children - 셀 내용 / Cell content
- * @extends {React.TdHTMLAttributes<HTMLTableCellElement>}
- */
-interface TableCellProps extends React__default.TdHTMLAttributes<HTMLTableCellElement> {
-    children: React__default.ReactNode;
-}
-/**
- * Table 컴포넌트 / Table component
- *
- * 데이터를 표 형태로 표시하는 테이블 컴포넌트입니다.
- * TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell과 함께 사용합니다.
- *
- * Table component that displays data in tabular format.
- * Used with TableHeader, TableBody, TableFooter, TableRow, TableHead, and TableCell.
- *
- * @component
- * @example
- * // 기본 사용 / Basic usage
- * <Table>
- *   <TableHeader>
- *     <TableRow>
- *       <TableHead>이름</TableHead>
- *       <TableHead>나이</TableHead>
- *     </TableRow>
- *   </TableHeader>
- *   <TableBody>
- *     <TableRow>
- *       <TableCell>홍길동</TableCell>
- *       <TableCell>30</TableCell>
- *     </TableRow>
- *   </TableBody>
- * </Table>
- *
- * @example
- * // Bordered 스타일 / Bordered style
- * <Table variant="bordered">
- *   <TableHeader>
- *     <TableRow>
- *       <TableHead>항목</TableHead>
- *     </TableRow>
- *   </TableHeader>
- *   <TableBody>
- *     <TableRow>
- *       <TableCell>값</TableCell>
- *     </TableRow>
- *   </TableBody>
- * </Table>
- *
- * @example
- * // Striped 스타일, 호버 효과 / Striped style with hover effect
- * <Table variant="striped">
- *   <TableBody>
- *     <TableRow variant="hover">
- *       <TableCell>데이터</TableCell>
- *     </TableRow>
- *   </TableBody>
- * </Table>
- *
- * @param {TableProps} props - Table 컴포넌트의 props / Table component props
- * @param {React.Ref<HTMLTableElement>} ref - table 요소 ref / table element ref
- * @returns {JSX.Element} Table 컴포넌트 / Table component
- */
-declare const Table: React__default.ForwardRefExoticComponent<TableProps & React__default.RefAttributes<HTMLTableElement>>;
-/**
- * TableHeader 컴포넌트 / TableHeader component
- * 테이블의 헤더 영역을 표시합니다.
- * Displays the header area of a table.
- *
- * @component
- * @param {TableHeaderProps} props - TableHeader 컴포넌트의 props / TableHeader component props
- * @param {React.Ref<HTMLTableSectionElement>} ref - thead 요소 ref / thead element ref
- * @returns {JSX.Element} TableHeader 컴포넌트 / TableHeader component
- */
-declare const TableHeader: React__default.ForwardRefExoticComponent<TableHeaderProps & React__default.RefAttributes<HTMLTableSectionElement>>;
-/**
- * TableBody 컴포넌트 / TableBody component
- * 테이블의 본문 영역을 표시합니다.
- * Displays the body area of a table.
- *
- * @component
- * @param {TableBodyProps} props - TableBody 컴포넌트의 props / TableBody component props
- * @param {React.Ref<HTMLTableSectionElement>} ref - tbody 요소 ref / tbody element ref
- * @returns {JSX.Element} TableBody 컴포넌트 / TableBody component
- */
-declare const TableBody: React__default.ForwardRefExoticComponent<TableBodyProps & React__default.RefAttributes<HTMLTableSectionElement>>;
-/**
- * TableFooter 컴포넌트 / TableFooter component
- * 테이블의 푸터 영역을 표시합니다.
- * Displays the footer area of a table.
- *
- * @component
- * @param {TableFooterProps} props - TableFooter 컴포넌트의 props / TableFooter component props
- * @param {React.Ref<HTMLTableSectionElement>} ref - tfoot 요소 ref / tfoot element ref
- * @returns {JSX.Element} TableFooter 컴포넌트 / TableFooter component
- */
-declare const TableFooter: React__default.ForwardRefExoticComponent<TableFooterProps & React__default.RefAttributes<HTMLTableSectionElement>>;
-/**
- * TableRow 컴포넌트 / TableRow component
- * 테이블의 행을 표시합니다.
- * Displays a table row.
- *
- * @component
- * @param {TableRowProps} props - TableRow 컴포넌트의 props / TableRow component props
- * @param {React.Ref<HTMLTableRowElement>} ref - tr 요소 ref / tr element ref
- * @returns {JSX.Element} TableRow 컴포넌트 / TableRow component
- */
-declare const TableRow: React__default.ForwardRefExoticComponent<TableRowProps & React__default.RefAttributes<HTMLTableRowElement>>;
-/**
- * TableHead 컴포넌트 / TableHead component
- * 테이블의 헤더 셀을 표시합니다.
- * Displays a table header cell.
- *
- * @component
- * @param {TableHeadProps} props - TableHead 컴포넌트의 props / TableHead component props
- * @param {React.Ref<HTMLTableCellElement>} ref - th 요소 ref / th element ref
- * @returns {JSX.Element} TableHead 컴포넌트 / TableHead component
- */
-declare const TableHead: React__default.ForwardRefExoticComponent<TableHeadProps & React__default.RefAttributes<HTMLTableCellElement>>;
-/**
- * TableCell 컴포넌트 / TableCell component
- * 테이블의 데이터 셀을 표시합니다.
- * Displays a table data cell.
- *
- * @component
- * @param {TableCellProps} props - TableCell 컴포넌트의 props / TableCell component props
- * @param {React.Ref<HTMLTableCellElement>} ref - td 요소 ref / td element ref
- * @returns {JSX.Element} TableCell 컴포넌트 / TableCell component
- */
-declare const TableCell: React__default.ForwardRefExoticComponent<TableCellProps & React__default.RefAttributes<HTMLTableCellElement>>;
-/**
- * TableCaption 컴포넌트 / TableCaption component
- * 테이블의 캡션을 표시합니다.
- * Displays a table caption.
- *
- * @component
- * @param {React.HTMLAttributes<HTMLTableCaptionElement>} props - TableCaption 컴포넌트의 props / TableCaption component props
- * @param {React.Ref<HTMLTableCaptionElement>} ref - caption 요소 ref / caption element ref
- * @returns {JSX.Element} TableCaption 컴포넌트 / TableCaption component
- */
-declare const TableCaption: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLTableCaptionElement> & React__default.RefAttributes<HTMLTableCaptionElement>>;
-
-/**
- * Badge 컴포넌트의 props / Badge component props
- * @typedef {Object} BadgeProps
- * @property {"default" | "secondary" | "destructive" | "error" | "outline" | "glass"} [variant="default"] - Badge 스타일 변형 / Badge style variant
- * @extends {React.HTMLAttributes<HTMLDivElement>}
- */
-interface BadgeProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    variant?: "default" | "secondary" | "destructive" | "error" | "outline" | "glass";
+interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    variant?: "default" | "secondary" | "destructive" | "error" | "outline" | "glass";
 }
 /**
  * Badge 컴포넌트 / Badge component
@@ -2146,7 +904,7 @@ interface BadgeProps extends React__default.HTMLAttributes<HTMLDivElement> {
  * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
  * @returns {JSX.Element} Badge 컴포넌트 / Badge component
  */
-declare const Badge: React__default.NamedExoticComponent<BadgeProps & React__default.RefAttributes<HTMLDivElement>>;
+declare const Badge: React$1.NamedExoticComponent<BadgeProps & React$1.RefAttributes<HTMLDivElement>>;
 
 /**
  * Progress 컴포넌트의 props
@@ -2162,7 +920,7 @@ declare const Badge: React__default.NamedExoticComponent<BadgeProps & React__def
  * @property {string} [description] - Progress 설명 텍스트
  * @extends {React.HTMLAttributes<HTMLDivElement>}
  */
-interface ProgressProps extends React__default.HTMLAttributes<HTMLDivElement> {
+interface ProgressProps extends React$1.HTMLAttributes<HTMLDivElement> {
     value?: number;
     max?: number;
     size?: "sm" | "md" | "lg";
@@ -2208,12 +966,12 @@ interface ProgressProps extends React__default.HTMLAttributes<HTMLDivElement> {
  * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
  * @returns {JSX.Element} Progress 컴포넌트 / Progress component
  */
-declare const Progress: React__default.ForwardRefExoticComponent<ProgressProps & React__default.RefAttributes<HTMLDivElement>>;
-declare const ProgressSuccess: React__default.ForwardRefExoticComponent<Omit<ProgressProps, "variant"> & React__default.RefAttributes<HTMLDivElement>>;
-declare const ProgressWarning: React__default.ForwardRefExoticComponent<Omit<ProgressProps, "variant"> & React__default.RefAttributes<HTMLDivElement>>;
-declare const ProgressError: React__default.ForwardRefExoticComponent<Omit<ProgressProps, "variant"> & React__default.RefAttributes<HTMLDivElement>>;
-declare const ProgressInfo: React__default.ForwardRefExoticComponent<Omit<ProgressProps, "variant"> & React__default.RefAttributes<HTMLDivElement>>;
-declare const ProgressGroup: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
+declare const Progress: React$1.ForwardRefExoticComponent<ProgressProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const ProgressSuccess: React$1.ForwardRefExoticComponent<Omit<ProgressProps, "variant"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const ProgressWarning: React$1.ForwardRefExoticComponent<Omit<ProgressProps, "variant"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const ProgressError: React$1.ForwardRefExoticComponent<Omit<ProgressProps, "variant"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const ProgressInfo: React$1.ForwardRefExoticComponent<Omit<ProgressProps, "variant"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const ProgressGroup: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
 
 /**
  * Skeleton 컴포넌트의 props
@@ -2225,7 +983,7 @@ declare const ProgressGroup: React__default.ForwardRefExoticComponent<React__def
  * @property {string} [className] - 추가 CSS 클래스
  * @extends {React.HTMLAttributes<HTMLDivElement>}
  */
-interface SkeletonProps extends React__default.HTMLAttributes<HTMLDivElement> {
+interface SkeletonProps extends React$1.HTMLAttributes<HTMLDivElement> {
     variant?: "text" | "circular" | "rectangular" | "rounded";
     width?: string | number;
     height?: string | number;
@@ -2263,1215 +1021,77 @@ interface SkeletonProps extends React__default.HTMLAttributes<HTMLDivElement> {
  * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
  * @returns {JSX.Element} Skeleton 컴포넌트 / Skeleton component
  */
-declare const Skeleton: React__default.ForwardRefExoticComponent<SkeletonProps & React__default.RefAttributes<HTMLDivElement>>;
-declare const SkeletonText: React__default.ForwardRefExoticComponent<Omit<SkeletonProps, "variant"> & React__default.RefAttributes<HTMLDivElement>>;
-declare const SkeletonCircle: React__default.ForwardRefExoticComponent<Omit<SkeletonProps, "variant"> & React__default.RefAttributes<HTMLDivElement>>;
-declare const SkeletonRectangle: React__default.ForwardRefExoticComponent<Omit<SkeletonProps, "variant"> & React__default.RefAttributes<HTMLDivElement>>;
-declare const SkeletonRounded: React__default.ForwardRefExoticComponent<Omit<SkeletonProps, "variant"> & React__default.RefAttributes<HTMLDivElement>>;
-declare const SkeletonCard: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
-declare const SkeletonAvatar: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
-declare const SkeletonImage: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
-declare const SkeletonUserProfile: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
-declare const SkeletonList: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
-declare const SkeletonTable: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
+declare const Skeleton: React$1.ForwardRefExoticComponent<SkeletonProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const SkeletonText: React$1.ForwardRefExoticComponent<Omit<SkeletonProps, "variant"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SkeletonCircle: React$1.ForwardRefExoticComponent<Omit<SkeletonProps, "variant"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SkeletonRectangle: React$1.ForwardRefExoticComponent<Omit<SkeletonProps, "variant"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SkeletonRounded: React$1.ForwardRefExoticComponent<Omit<SkeletonProps, "variant"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SkeletonCard: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SkeletonAvatar: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SkeletonImage: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SkeletonUserProfile: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SkeletonList: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SkeletonTable: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
 
 /**
- * Alert 컴포넌트의 props
- * @typedef {Object} AlertProps
- * @property {"default" | "success" | "warning" | "error" | "info"} [variant="default"] - Alert 스타일 변형
- * @property {string} [title] - Alert 제목
- * @property {string} [description] - Alert 설명
- * @property {React.ReactNode} [icon] - 커스텀 아이콘
- * @property {React.ReactNode} [action] - 액션 버튼/요소
- * @property {boolean} [closable=false] - 닫기 버튼 표시 여부
- * @property {() => void} [onClose] - 닫기 버튼 클릭 시 호출되는 콜백
- * @extends {React.HTMLAttributes<HTMLDivElement>}
+ * Toggle 컴포넌트의 props / Toggle component props
+ * @typedef {Object} ToggleProps
+ * @property {"default" | "outline" | "filled" | "ghost" | "glass"} [variant="default"] - Toggle 스타일 변형 / Toggle style variant
+ * @property {"sm" | "md" | "lg"} [size="md"] - Toggle 크기 / Toggle size
+ * @property {boolean} [pressed] - 제어 모드에서 눌림 상태 / Pressed state in controlled mode
+ * @property {(pressed: boolean) => void} [onPressedChange] - 상태 변경 콜백 / State change callback
+ * @property {string} [label] - Toggle 라벨 텍스트 / Toggle label text
+ * @property {string} [description] - Toggle 설명 텍스트 / Toggle description text
+ * @property {React.ReactNode} [icon] - 아이콘 / Icon
+ * @property {"left" | "right"} [iconPosition="left"] - 아이콘 위치 / Icon position
+ * @extends {Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'size'>}
  */
-interface AlertProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    variant?: "default" | "success" | "warning" | "error" | "info";
-    title?: string;
+interface ToggleProps extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, 'size'> {
+    variant?: "default" | "outline" | "filled" | "ghost" | "glass";
+    size?: "sm" | "md" | "lg";
+    pressed?: boolean;
+    onPressedChange?: (pressed: boolean) => void;
+    label?: string;
     description?: string;
-    icon?: React__default.ReactNode;
-    action?: React__default.ReactNode;
-    closable?: boolean;
-    onClose?: () => void;
-}
-/**
- * Alert 컴포넌트 / Alert component
- *
- * 사용자에게 중요한 정보나 경고를 표시하는 컴포넌트입니다.
- * 다양한 변형(variant)을 지원하며, 아이콘, 제목, 설명, 액션 버튼을 포함할 수 있습니다.
- *
- * Component for displaying important information or warnings to users.
- * Supports various variants and can include icons, titles, descriptions, and action buttons.
- *
- * @component
- * @example
- * // 기본 사용 / Basic usage
- * <Alert variant="info" title="정보" description="이것은 정보 메시지입니다." />
- *
- * @example
- * // 닫기 버튼 포함 / With close button
- * <Alert
- *   variant="warning"
- *   title="경고"
- *   closable
- *   onClose={() => console.log('닫기')}
- * />
- *
- * @example
- * // 커스텀 아이콘과 액션 / Custom icon and action
- * <Alert
- *   variant="success"
- *   icon={<Icon name="check" />}
- *   action={<Button size="sm">확인</Button>}
- * >
- *   작업이 완료되었습니다.
- * </Alert>
- *
- * @param {AlertProps} props - Alert 컴포넌트의 props / Alert component props
- * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
- * @returns {JSX.Element} Alert 컴포넌트 / Alert component
- */
-declare const Alert: React__default.ForwardRefExoticComponent<AlertProps & React__default.RefAttributes<HTMLDivElement>>;
-declare const AlertSuccess: React__default.ForwardRefExoticComponent<Omit<AlertProps, "variant"> & React__default.RefAttributes<HTMLDivElement>>;
-declare const AlertWarning: React__default.ForwardRefExoticComponent<Omit<AlertProps, "variant"> & React__default.RefAttributes<HTMLDivElement>>;
-declare const AlertError: React__default.ForwardRefExoticComponent<Omit<AlertProps, "variant"> & React__default.RefAttributes<HTMLDivElement>>;
-declare const AlertInfo: React__default.ForwardRefExoticComponent<Omit<AlertProps, "variant"> & React__default.RefAttributes<HTMLDivElement>>;
-
-/**
- * LoadingSpinner 컴포넌트의 props / LoadingSpinner component props
- * @typedef {Object} LoadingSpinnerProps
- * @property {"sm" | "md" | "lg" | "xl"} [size="md"] - Spinner 크기 / Spinner size
- * @property {"default" | "dots" | "bars" | "ring" | "ripple"} [variant="default"] - Spinner 애니메이션 타입 / Spinner animation type
- * @property {string} [text] - Spinner 아래 표시할 텍스트 / Text to display below spinner
- * @property {"default" | "primary" | "secondary" | "success" | "warning" | "error" | "glass"} [color="default"] - Spinner 색상 / Spinner color
- * @property {string} [className] - 추가 CSS 클래스 / Additional CSS class
- */
-interface LoadingSpinnerProps {
-    size?: "sm" | "md" | "lg" | "xl";
-    variant?: "default" | "dots" | "bars" | "ring" | "ripple";
-    text?: string;
-    color?: "default" | "primary" | "secondary" | "success" | "warning" | "error" | "glass";
-    className?: string;
-}
-/**
- * LoadingSpinner 컴포넌트 / LoadingSpinner component
- *
- * 로딩 상태를 표시하는 스피너 컴포넌트입니다.
- * 다양한 애니메이션 타입과 크기를 지원합니다.
- *
- * Spinner component that displays loading state.
- * Supports various animation types and sizes.
- *
- * @component
- * @example
- * // 기본 사용 / Basic usage
- * <LoadingSpinner />
- *
- * @example
- * // 텍스트와 함께 / With text
- * <LoadingSpinner
- *   text="로딩 중..."
- *   size="lg"
- *   color="primary"
- * />
- *
- * @example
- * // 다양한 애니메이션 / Various animations
- * <LoadingSpinner variant="dots" />
- * <LoadingSpinner variant="bars" color="success" />
- * <LoadingSpinner variant="ripple" size="xl" />
- *
- * @param {LoadingSpinnerProps} props - LoadingSpinner 컴포넌트의 props / LoadingSpinner component props
- * @returns {JSX.Element} LoadingSpinner 컴포넌트 / LoadingSpinner component
- */
-declare function LoadingSpinner({ className, size, variant, text, color }: LoadingSpinnerProps): react_jsx_runtime.JSX.Element;
-
-/**
- * Tooltip 컴포넌트의 props / Tooltip component props
- * @typedef {Object} TooltipProps
- * @property {string} content - Tooltip 내용 / Tooltip content
- * @property {React.ReactNode} children - Tooltip이 연결될 요소 / Element to attach tooltip to
- * @property {"top" | "bottom" | "left" | "right"} [position="top"] - Tooltip 표시 위치 / Tooltip display position
- * @property {"default" | "light" | "dark"} [variant="default"] - Tooltip 스타일 변형 / Tooltip style variant
- * @property {number} [delay=300] - Tooltip 표시 지연 시간(ms) / Tooltip display delay (ms)
- * @property {boolean} [disabled=false] - Tooltip 비활성화 여부 / Disable tooltip
- * @extends {React.HTMLAttributes<HTMLDivElement>}
- */
-interface TooltipProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    content: string;
-    children: React__default.ReactNode;
-    position?: "top" | "bottom" | "left" | "right";
-    variant?: "default" | "light" | "dark";
-    delay?: number;
-    disabled?: boolean;
-}
-/**
- * Tooltip 컴포넌트 / Tooltip component
- *
- * 호버 시 추가 정보를 표시하는 툴팁 컴포넌트입니다.
- * 마우스 호버 시 지연 시간 후 표시됩니다.
- *
- * Tooltip component that displays additional information on hover.
- * Appears after a delay when the mouse hovers over the element.
- *
- * @component
- * @example
- * // 기본 사용 / Basic usage
- * <Tooltip content="이것은 도움말입니다">
- *   <Button>호버하세요</Button>
- * </Tooltip>
- *
- * @example
- * // 다양한 위치 / Different positions
- * <Tooltip content="위치 변경" position="bottom">
- *   <Icon name="info" />
- * </Tooltip>
- *
- * @example
- * // 커스텀 스타일 / Custom styles
- * <Tooltip content="라이트 스타일" variant="light" delay={500}>
- *   <span>호버</span>
- * </Tooltip>
- *
- * @param {TooltipProps} props - Tooltip 컴포넌트의 props / Tooltip component props
- * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
- * @returns {JSX.Element} Tooltip 컴포넌트 / Tooltip component
- *
- * @todo 접근성 개선: role="tooltip" 추가 필요 / Accessibility: Add role="tooltip"
- * @todo 접근성 개선: aria-describedby 연결 필요 / Accessibility: Connect aria-describedby
- * @todo 접근성 개선: 키보드 포커스 시 Tooltip 표시 필요 / Accessibility: Show tooltip on keyboard focus
- */
-declare const Tooltip: React__default.ForwardRefExoticComponent<TooltipProps & React__default.RefAttributes<HTMLDivElement>>;
-declare const TooltipLight: React__default.ForwardRefExoticComponent<Omit<TooltipProps, "variant"> & React__default.RefAttributes<HTMLDivElement>>;
-declare const TooltipDark: React__default.ForwardRefExoticComponent<Omit<TooltipProps, "variant"> & React__default.RefAttributes<HTMLDivElement>>;
-
-/**
- * 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>}
- */
-interface PopoverProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    children: React__default.ReactNode;
-    trigger: React__default.ReactNode;
-    open?: boolean;
-    onOpenChange?: (open: boolean) => void;
-    position?: "top" | "bottom" | "left" | "right";
-    align?: "start" | "center" | "end";
-    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__default.ForwardRefExoticComponent<PopoverProps & React__default.RefAttributes<HTMLDivElement>>;
-declare const PopoverTrigger: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
-declare const PopoverContent: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
-
-/**
- * Dropdown 컴포넌트의 props / Dropdown component props
- * @typedef {Object} DropdownProps
- * @property {React.ReactNode} trigger - Dropdown을 열기 위한 트리거 요소 / Trigger element to open dropdown
- * @property {React.ReactNode} children - Dropdown 내용 / Dropdown content
- * @property {boolean} [open] - 제어 모드에서 열림/닫힘 상태 / Open/close state in controlled mode
- * @property {(open: boolean) => void} [onOpenChange] - 상태 변경 콜백 / State change callback
- * @property {"top" | "bottom" | "left" | "right"} [placement="bottom"] - Dropdown 표시 위치 / Dropdown display position
- * @property {"start" | "center" | "end"} [align="start"] - Dropdown 정렬 / Dropdown alignment
- * @property {number} [offset=8] - 트리거와 Dropdown 사이 간격 (px) / Spacing between trigger and dropdown (px)
- * @property {boolean} [disabled=false] - Dropdown 비활성화 여부 / Disable dropdown
- * @property {boolean} [showArrow=true] - 화살표 표시 여부 / Show arrow
- * @extends {React.HTMLAttributes<HTMLDivElement>}
- */
-interface DropdownProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    trigger: React__default.ReactNode;
-    children: React__default.ReactNode;
-    open?: boolean;
-    onOpenChange?: (open: boolean) => void;
-    placement?: "top" | "bottom" | "left" | "right";
-    align?: "start" | "center" | "end";
-    offset?: number;
-    disabled?: boolean;
-    showArrow?: boolean;
-}
-/**
- * Dropdown 컴포넌트 / Dropdown component
- *
- * 트리거 요소를 클릭하면 표시되는 드롭다운 메뉴 컴포넌트입니다.
- * 외부 클릭 시 자동으로 닫히며, 뷰포트 경계를 자동으로 감지하여 위치를 조정합니다.
- *
- * Dropdown menu component that appears when the trigger element is clicked.
- * Automatically closes on outside click and adjusts position by detecting viewport boundaries.
- *
- * @component
- * @example
- * // 기본 사용 / Basic usage
- * <Dropdown trigger={<Button>메뉴</Button>}>
- *   <Menu>
- *     <MenuItem>항목 1</MenuItem>
- *     <MenuItem>항목 2</MenuItem>
- *   </Menu>
- * </Dropdown>
- *
- * @example
- * // 제어 모드, 화살표 없음 / Controlled mode, no arrow
- * const [open, setOpen] = useState(false)
- * <Dropdown
- *   open={open}
- *   onOpenChange={setOpen}
- *   trigger={<Button>제어 모드</Button>}
- *   placement="top"
- *   showArrow={false}
- * >
- *   <div className="p-4">내용</div>
- * </Dropdown>
- *
- * @param {DropdownProps} props - Dropdown 컴포넌트의 props / Dropdown component props
- * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
- * @returns {JSX.Element} Dropdown 컴포넌트 / Dropdown component
- */
-declare const Dropdown: React__default.ForwardRefExoticComponent<DropdownProps & React__default.RefAttributes<HTMLDivElement>>;
-interface DropdownItemProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
-    icon?: React__default.ReactNode;
-    variant?: "default" | "destructive" | "disabled";
-}
-declare const DropdownItem: React__default.ForwardRefExoticComponent<DropdownItemProps & React__default.RefAttributes<HTMLButtonElement>>;
-interface DropdownSeparatorProps extends React__default.HTMLAttributes<HTMLDivElement> {
-}
-declare const DropdownSeparator: React__default.ForwardRefExoticComponent<DropdownSeparatorProps & React__default.RefAttributes<HTMLDivElement>>;
-interface DropdownLabelProps extends React__default.HTMLAttributes<HTMLDivElement> {
-}
-declare const DropdownLabel: React__default.ForwardRefExoticComponent<DropdownLabelProps & React__default.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenu: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
-declare const DropdownGroup: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
-
-/**
- * Drawer 컴포넌트의 props / Drawer component props
- * @typedef {Object} DrawerProps
- * @property {boolean} open - Drawer 열림/닫힘 상태 / Drawer open/close state
- * @property {(open: boolean) => void} onOpenChange - 상태 변경 콜백 / State change callback
- * @property {React.ReactNode} children - Drawer 내용 / Drawer content
- * @property {string} [className] - 추가 CSS 클래스 / Additional CSS class
- * @property {"left" | "right" | "top" | "bottom"} [side="right"] - Drawer 표시 위치 / Drawer display position
- * @property {"sm" | "md" | "lg" | "xl" | "full"} [size="md"] - Drawer 크기 / Drawer size
- * @property {boolean} [showBackdrop=true] - 배경 오버레이 표시 여부 / Show backdrop overlay
- * @property {string} [backdropClassName] - 배경 오버레이 추가 CSS 클래스 / Backdrop overlay additional CSS class
- * @property {boolean} [closeOnBackdropClick=true] - 배경 클릭 시 닫기 여부 / Close on backdrop click
- * @property {boolean} [closeOnEscape=true] - ESC 키로 닫기 여부 / Close on ESC key
- */
-interface DrawerProps {
-    open: boolean;
-    onOpenChange: (open: boolean) => void;
-    children: React__default.ReactNode;
-    className?: string;
-    side?: "left" | "right" | "top" | "bottom";
-    size?: "sm" | "md" | "lg" | "xl" | "full";
-    showBackdrop?: boolean;
-    backdropClassName?: string;
-    closeOnBackdropClick?: boolean;
-    closeOnEscape?: boolean;
-}
-/**
- * Drawer 컴포넌트 / Drawer component
- *
- * 사이드에서 슬라이드되는 패널 컴포넌트입니다.
- * Modal과 유사하지만 특정 방향에서 슬라이드되는 애니메이션을 제공합니다.
- * ESC 키로 닫기, 배경 클릭으로 닫기 기능을 지원합니다.
- *
- * Panel component that slides from the side.
- * Similar to Modal but provides slide animation from a specific direction.
- * Supports closing with ESC key and backdrop click.
- *
- * @component
- * @example
- * // 기본 사용 / Basic usage
- * const [open, setOpen] = useState(false)
- *
- * <Drawer open={open} onOpenChange={setOpen}>
- *   <DrawerHeader>제목</DrawerHeader>
- *   <DrawerContent>내용</DrawerContent>
- *   <DrawerFooter>
- *     <Button onClick={() => setOpen(false)}>닫기</Button>
- *   </DrawerFooter>
- * </Drawer>
- *
- * @example
- * // 왼쪽에서 열기 / Open from left
- * <Drawer open={open} onOpenChange={setOpen} side="left" size="lg">
- *   <DrawerContent>사이드바 내용</DrawerContent>
- * </Drawer>
- *
- * @param {DrawerProps} props - Drawer 컴포넌트의 props / Drawer component props
- * @param {React.Ref<HTMLDivElement>} ref - Drawer 컨테이너 ref / Drawer container ref
- * @returns {JSX.Element} Drawer 컴포넌트 / Drawer component
- *
- * @todo 접근성 개선: role="dialog", aria-modal="true" 추가 필요 / Accessibility: Add role="dialog", aria-modal="true"
- * @todo 접근성 개선: aria-labelledby, aria-describedby 연결 필요 / Accessibility: Connect aria-labelledby, aria-describedby
- */
-declare const Drawer: React__default.ForwardRefExoticComponent<DrawerProps & React__default.RefAttributes<HTMLDivElement>>;
-/**
- * DrawerHeader 컴포넌트의 props / DrawerHeader component props
- * @typedef {Object} DrawerHeaderProps
- * @property {React.ReactNode} children - 헤더 내용 / Header content
- * @property {string} [className] - 추가 CSS 클래스 / Additional CSS class
- * @property {boolean} [showCloseButton=true] - 닫기 버튼 표시 여부 / Show close button
- * @property {() => void} [onClose] - 닫기 버튼 클릭 콜백 / Close button click callback
- */
-interface DrawerHeaderProps {
-    children: React__default.ReactNode;
-    className?: string;
-    showCloseButton?: boolean;
-    onClose?: () => void;
-}
-/**
- * DrawerHeader 컴포넌트 / DrawerHeader component
- * Drawer의 헤더 영역을 표시합니다.
- * Displays the header area of a Drawer.
- *
- * @component
- * @param {DrawerHeaderProps} props - DrawerHeader 컴포넌트의 props / DrawerHeader component props
- * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
- * @returns {JSX.Element} DrawerHeader 컴포넌트 / DrawerHeader component
- */
-declare const DrawerHeader: React__default.ForwardRefExoticComponent<DrawerHeaderProps & React__default.RefAttributes<HTMLDivElement>>;
-/**
- * DrawerContent 컴포넌트의 props / DrawerContent component props
- * @typedef {Object} DrawerContentProps
- * @property {React.ReactNode} children - 콘텐츠 / Content
- * @property {string} [className] - 추가 CSS 클래스 / Additional CSS class
- */
-interface DrawerContentProps {
-    children: React__default.ReactNode;
-    className?: string;
-}
-/**
- * DrawerContent 컴포넌트 / DrawerContent component
- * Drawer의 메인 콘텐츠 영역을 표시합니다.
- * Displays the main content area of a Drawer.
- *
- * @component
- * @param {DrawerContentProps} props - DrawerContent 컴포넌트의 props / DrawerContent component props
- * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
- * @returns {JSX.Element} DrawerContent 컴포넌트 / DrawerContent component
- */
-declare const DrawerContent: React__default.ForwardRefExoticComponent<DrawerContentProps & React__default.RefAttributes<HTMLDivElement>>;
-/**
- * DrawerFooter 컴포넌트의 props / DrawerFooter component props
- * @typedef {Object} DrawerFooterProps
- * @property {React.ReactNode} children - 푸터 내용 / Footer content
- * @property {string} [className] - 추가 CSS 클래스 / Additional CSS class
- */
-interface DrawerFooterProps {
-    children: React__default.ReactNode;
-    className?: string;
-}
-/**
- * DrawerFooter 컴포넌트 / DrawerFooter component
- * Drawer의 푸터 영역을 표시합니다. 주로 액션 버튼을 배치합니다.
- * Displays the footer area of a Drawer. Typically used for action buttons.
- *
- * @component
- * @param {DrawerFooterProps} props - DrawerFooter 컴포넌트의 props / DrawerFooter component props
- * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
- * @returns {JSX.Element} DrawerFooter 컴포넌트 / DrawerFooter component
- */
-declare const DrawerFooter: React__default.ForwardRefExoticComponent<DrawerFooterProps & React__default.RefAttributes<HTMLDivElement>>;
-
-/**
- * BottomSheet 컴포넌트의 props / BottomSheet component props
- * @typedef {Object} BottomSheetProps
- * @property {boolean} open - BottomSheet 열림/닫힘 상태 / BottomSheet open/close state
- * @property {(open: boolean) => void} onOpenChange - 상태 변경 콜백 / State change callback
- * @property {React.ReactNode} children - BottomSheet 내용 / BottomSheet content
- * @property {string} [className] - 추가 CSS 클래스 / Additional CSS class
- * @property {"sm" | "md" | "lg" | "xl" | "full"} [height="md"] - BottomSheet 높이 / BottomSheet height
- * @property {boolean} [showBackdrop=true] - 배경 오버레이 표시 여부 / Show backdrop overlay
- * @property {string} [backdropClassName] - 배경 오버레이 추가 CSS 클래스 / Backdrop overlay additional CSS class
- * @property {boolean} [closeOnBackdropClick=true] - 배경 클릭 시 닫기 여부 / Close on backdrop click
- * @property {boolean} [closeOnEscape=true] - ESC 키로 닫기 여부 / Close on ESC key
- * @property {boolean} [showDragHandle=true] - 드래그 핸들 표시 여부 / Show drag handle
- * @property {number[]} [snapPoints=[25, 50, 75, 100]] - 스냅 포인트 (퍼센트) / Snap points (percentage)
- * @property {number} [defaultSnap=50] - 기본 스냅 포인트 (퍼센트) / Default snap point (percentage)
- */
-interface BottomSheetProps {
-    open: boolean;
-    onOpenChange: (open: boolean) => void;
-    children: React__default.ReactNode;
-    className?: string;
-    height?: "sm" | "md" | "lg" | "xl" | "full";
-    showBackdrop?: boolean;
-    backdropClassName?: string;
-    closeOnBackdropClick?: boolean;
-    closeOnEscape?: boolean;
-    showDragHandle?: boolean;
-    snapPoints?: number[];
-    defaultSnap?: number;
-}
-/**
- * BottomSheet 컴포넌트 / BottomSheet component
- *
- * 화면 하단에서 올라오는 시트 컴포넌트입니다.
- * 모바일 친화적인 UI를 제공하며, 드래그로 높이를 조절할 수 있습니다.
- * 스냅 포인트를 지원하여 특정 높이에서 멈출 수 있습니다.
- *
- * Sheet component that slides up from the bottom of the screen.
- * Provides mobile-friendly UI and allows height adjustment by dragging.
- * Supports snap points to stop at specific heights.
- *
- * @component
- * @example
- * // 기본 사용 / Basic usage
- * const [open, setOpen] = useState(false)
- *
- * <BottomSheet open={open} onOpenChange={setOpen}>
- *   <BottomSheetHeader>제목</BottomSheetHeader>
- *   <BottomSheetContent>내용</BottomSheetContent>
- * </BottomSheet>
- *
- * @example
- * // 커스텀 스냅 포인트 / Custom snap points
- * <BottomSheet
- *   open={open}
- *   onOpenChange={setOpen}
- *   snapPoints={[30, 60, 90]}
- *   defaultSnap={30}
- * >
- *   <BottomSheetContent>내용</BottomSheetContent>
- * </BottomSheet>
- *
- * @param {BottomSheetProps} props - BottomSheet 컴포넌트의 props / BottomSheet component props
- * @param {React.Ref<HTMLDivElement>} ref - BottomSheet 컨테이너 ref / BottomSheet container ref
- * @returns {JSX.Element} BottomSheet 컴포넌트 / BottomSheet component
- *
- * @todo 접근성 개선: role="dialog", aria-modal="true" 추가 필요 / Accessibility: Add role="dialog", aria-modal="true"
- * @todo 접근성 개선: aria-labelledby, aria-describedby 연결 필요 / Accessibility: Connect aria-labelledby, aria-describedby
- */
-declare const BottomSheet: React__default.ForwardRefExoticComponent<BottomSheetProps & React__default.RefAttributes<HTMLDivElement>>;
-
-/**
- * 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
- */
-interface ConfirmModalProps {
-    isOpen: boolean;
-    onClose: () => void;
-    onConfirm: () => void;
-    title: string;
-    message: string;
-    warning?: string;
-    confirmText?: string;
-    cancelText?: string;
-    confirmButtonText?: string;
-    type?: "danger" | "warning" | "info" | "success" | "error";
-    loading?: boolean;
-    disabled?: boolean;
-    showInput?: boolean;
-    inputValue?: string;
-    onInputChange?: (value: string) => void;
-    inputPlaceholder?: string;
-    inputLabel?: string;
-    requiredInputValue?: string;
-    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__default.ForwardRefExoticComponent<ConfirmModalProps & React__default.RefAttributes<HTMLDivElement>>;
-
-/**
- * Accordion 컴포넌트의 props / Accordion component props
- * @typedef {Object} AccordionProps
- * @property {React.ReactNode} children - AccordionItem 컴포넌트들 / AccordionItem components
- * @property {string} [className] - 추가 CSS 클래스 / Additional CSS class
- * @property {"single" | "multiple"} [type="single"] - 단일 또는 다중 아이템 열기 허용 / Allow single or multiple items to be open
- * @property {string | string[]} [defaultValue] - 초기 열린 아이템 값 (비제어 컴포넌트) / Initial open item value (uncontrolled component)
- * @property {string | string[]} [value] - 현재 열린 아이템 값 (제어 컴포넌트) / Current open item value (controlled component)
- * @property {(value: string | string[]) => void} [onValueChange] - 아이템 열림/닫힘 콜백 / Item open/close callback
- * @property {boolean} [collapsible=false] - 단일 모드에서 열린 아이템을 닫을 수 있는지 여부 / Whether open item can be closed in single mode
- */
-interface AccordionProps {
-    children: React__default.ReactNode;
-    className?: string;
-    type?: "single" | "multiple";
-    defaultValue?: string | string[];
-    value?: string | string[];
-    onValueChange?: (value: string | string[]) => void;
-    collapsible?: boolean;
-}
-/**
- * Accordion 컴포넌트 / Accordion component
- *
- * 접을 수 있는 콘텐츠 섹션을 제공하는 컴포넌트입니다.
- * 키보드 네비게이션(Arrow keys, Home/End)을 지원하며, ARIA 속성을 자동으로 설정합니다.
- *
- * Component that provides collapsible content sections.
- * Supports keyboard navigation (Arrow keys, Home/End) and automatically sets ARIA attributes.
- *
- * @component
- * @example
- * // 기본 사용 (단일 열기) / Basic usage (single open)
- * <Accordion type="single">
- *   <AccordionItem value="item1">
- *     <AccordionTrigger>제목 1</AccordionTrigger>
- *     <AccordionContent>내용 1</AccordionContent>
- *   </AccordionItem>
- *   <AccordionItem value="item2">
- *     <AccordionTrigger>제목 2</AccordionTrigger>
- *     <AccordionContent>내용 2</AccordionContent>
- *   </AccordionItem>
- * </Accordion>
- *
- * @example
- * // 다중 열기 / Multiple open
- * <Accordion type="multiple" defaultValue={["item1", "item2"]}>
- *   <AccordionItem value="item1">
- *     <AccordionTrigger>제목 1</AccordionTrigger>
- *     <AccordionContent>내용 1</AccordionContent>
- *   </AccordionItem>
- * </Accordion>
- *
- * @example
- * // 제어 컴포넌트 / Controlled component
- * const [openItems, setOpenItems] = useState<string[]>([])
- * <Accordion type="multiple" value={openItems} onValueChange={setOpenItems}>
- *   <AccordionItem value="item1">
- *     <AccordionTrigger>제목</AccordionTrigger>
- *     <AccordionContent>내용</AccordionContent>
- *   </AccordionItem>
- * </Accordion>
- *
- * @param {AccordionProps} props - Accordion 컴포넌트의 props / Accordion component props
- * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
- * @returns {JSX.Element} Accordion 컴포넌트 / Accordion component
- */
-declare const Accordion: React__default.ForwardRefExoticComponent<AccordionProps & React__default.RefAttributes<HTMLDivElement>>;
-/**
- * AccordionItem 컴포넌트의 props / AccordionItem component props
- * @typedef {Object} AccordionItemProps
- * @property {string} value - 아이템의 고유 값 / Item unique value
- * @property {React.ReactNode} children - AccordionTrigger와 AccordionContent / AccordionTrigger and AccordionContent
- * @property {string} [className] - 추가 CSS 클래스 / Additional CSS class
- * @property {boolean} [disabled=false] - 아이템 비활성화 여부 / Item disabled state
- * @property {string[]} [openItems] - 열린 아이템 목록 (Accordion에서 자동 전달) / Open items list (auto-passed from Accordion)
- * @property {(value: string) => void} [onToggle] - 토글 콜백 (Accordion에서 자동 전달) / Toggle callback (auto-passed from Accordion)
- */
-interface AccordionItemProps {
-    value: string;
-    children: React__default.ReactNode;
-    className?: string;
-    disabled?: boolean;
-    openItems?: string[];
-    onToggle?: (value: string) => void;
-}
-/**
- * AccordionItem 컴포넌트 / AccordionItem component
- * 아코디언의 개별 아이템을 감싸는 컨테이너입니다.
- * Container that wraps an individual accordion item.
- *
- * @component
- * @param {AccordionItemProps} props - AccordionItem 컴포넌트의 props / AccordionItem component props
- * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
- * @returns {JSX.Element} AccordionItem 컴포넌트 / AccordionItem component
- */
-declare const AccordionItem: React__default.ForwardRefExoticComponent<AccordionItemProps & React__default.RefAttributes<HTMLDivElement>>;
-interface AccordionTriggerProps {
-    children: React__default.ReactNode;
-    className?: string;
-    icon?: React__default.ReactNode;
+    icon?: React$1.ReactNode;
     iconPosition?: "left" | "right";
-    value?: string;
-    isOpen?: boolean;
-    disabled?: boolean;
-    onToggle?: () => void;
-}
-declare const AccordionTrigger: React__default.ForwardRefExoticComponent<AccordionTriggerProps & React__default.RefAttributes<HTMLButtonElement>>;
-/**
- * AccordionTrigger 컴포넌트 / AccordionTrigger component
- * 아코디언 아이템을 열고 닫는 트리거 버튼입니다.
- * Button that opens and closes an accordion item.
- *
- * @component
- * @param {AccordionTriggerProps} props - AccordionTrigger 컴포넌트의 props / AccordionTrigger component props
- * @param {React.Ref<HTMLButtonElement>} ref - button 요소 ref / button element ref
- * @returns {JSX.Element} AccordionTrigger 컴포넌트 / AccordionTrigger component
- */
-/**
- * AccordionContent 컴포넌트의 props
- * @typedef {Object} AccordionContentProps
- * @property {React.ReactNode} children - 콘텐츠
- * @property {string} [className] - 추가 CSS 클래스
- * @property {boolean} [isOpen] - 열림 상태 (AccordionItem에서 자동 전달)
- * @property {string} [value] - 아이템 값 (AccordionItem에서 자동 전달)
- * @property {string} ['data-accordion-value'] - 아이템 값 (내부 사용)
- */
-interface AccordionContentProps {
-    children: React__default.ReactNode;
-    className?: string;
-    isOpen?: boolean;
-    value?: string;
-    'data-accordion-value'?: string;
-}
-/**
- * AccordionContent 컴포넌트 / AccordionContent component
- * 아코디언 아이템의 콘텐츠를 표시합니다.
- * Displays the content of an accordion item.
- *
- * @component
- * @param {AccordionContentProps} props - AccordionContent 컴포넌트의 props / AccordionContent component props
- * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
- * @returns {JSX.Element} AccordionContent 컴포넌트 / AccordionContent component
- */
-declare const AccordionContent: React__default.ForwardRefExoticComponent<AccordionContentProps & React__default.RefAttributes<HTMLDivElement>>;
-
-/**
- * TabsContent 컴포넌트의 props / TabsContent component props
- * @typedef {Object} TabsContentProps
- * @property {string} value - 탭 패널의 고유 값 (TabsTrigger의 value와 일치해야 함) / Unique value for tab panel (must match TabsTrigger value)
- * @property {boolean} [active] - 탭 패널 활성화 상태 (자동 설정됨) / Tab panel active state (auto-set)
- * @extends {React.HTMLAttributes<HTMLDivElement>}
- */
-interface TabsContentProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    value: string;
-    active?: boolean;
-}
-/**
- * TabsContent 컴포넌트 / TabsContent component
- * 탭의 콘텐츠 패널을 표시합니다. Tabs 컴포넌트 내부에서 사용됩니다.
- * Displays the tab content panel. Used inside Tabs component.
- *
- * @component
- * @param {TabsContentProps} props - TabsContent 컴포넌트의 props / TabsContent component props
- * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
- * @returns {JSX.Element} TabsContent 컴포넌트 / TabsContent component
- */
-declare const TabsContent: React__default.ForwardRefExoticComponent<TabsContentProps & React__default.RefAttributes<HTMLDivElement>>;
-/**
- * Tabs 컴포넌트의 props / Tabs component props
- * @typedef {Object} TabsProps
- * @property {string} [value] - 현재 활성화된 탭 값 (제어 컴포넌트) / Currently active tab value (controlled component)
- * @property {string} [defaultValue] - 초기 활성화된 탭 값 (비제어 컴포넌트) / Initial active tab value (uncontrolled component)
- * @property {(value: string) => void} [onValueChange] - 탭 변경 시 호출되는 콜백 / Callback when tab changes
- * @property {"horizontal" | "vertical"} [orientation="horizontal"] - 탭 방향 / Tab orientation
- * @property {"default" | "pills" | "underline" | "cards"} [variant="default"] - 탭 스타일 변형 / Tab style variant
- * @property {"sm" | "md" | "lg"} [size="md"] - 탭 크기 / Tab size
- * @extends {React.HTMLAttributes<HTMLDivElement>}
- */
-interface TabsProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    value?: string;
-    defaultValue?: string;
-    onValueChange?: (value: string) => void;
-    orientation?: "horizontal" | "vertical";
-    variant?: "default" | "pills" | "underline" | "cards";
-    size?: "sm" | "md" | "lg";
-}
-/**
- * Tabs 컴포넌트 / Tabs component
- *
- * 탭 네비게이션을 제공하는 컴포넌트입니다.
- * 키보드 네비게이션(Arrow keys, Home/End)을 지원하며, ARIA 속성을 자동으로 설정합니다.
- *
- * Component that provides tab navigation.
- * Supports keyboard navigation (Arrow keys, Home/End) and automatically sets ARIA attributes.
- *
- * @component
- * @example
- * // 기본 사용 / Basic usage
- * <Tabs defaultValue="tab1">
- *   <TabsList>
- *     <TabsTrigger value="tab1">탭 1</TabsTrigger>
- *     <TabsTrigger value="tab2">탭 2</TabsTrigger>
- *   </TabsList>
- *   <TabsContent value="tab1">탭 1 내용</TabsContent>
- *   <TabsContent value="tab2">탭 2 내용</TabsContent>
- * </Tabs>
- *
- * @example
- * // 제어 컴포넌트 / Controlled component
- * const [activeTab, setActiveTab] = useState("tab1")
- * <Tabs value={activeTab} onValueChange={setActiveTab}>
- *   <TabsList>
- *     <TabsTrigger value="tab1">탭 1</TabsTrigger>
- *   </TabsList>
- *   <TabsContent value="tab1">내용</TabsContent>
- * </Tabs>
- *
- * @example
- * // 다양한 변형 / Various variants
- * <Tabs variant="pills" size="lg">
- *   <TabsList>
- *     <TabsTrigger value="tab1">Pills 스타일</TabsTrigger>
- *   </TabsList>
- * </Tabs>
- *
- * @param {TabsProps} props - Tabs 컴포넌트의 props / Tabs component props
- * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
- * @returns {JSX.Element} Tabs 컴포넌트 / Tabs component
- */
-declare const Tabs: React__default.ForwardRefExoticComponent<TabsProps & React__default.RefAttributes<HTMLDivElement>>;
-/**
- * TabsList 컴포넌트의 props / TabsList component props
- * @typedef {Object} TabsListProps
- * @property {string} [value] - 현재 활성화된 탭 값 (Tabs에서 자동 전달) / Currently active tab value (auto-passed from Tabs)
- * @property {(value: string) => void} [onValueChange] - 탭 변경 콜백 (Tabs에서 자동 전달) / Tab change callback (auto-passed from Tabs)
- * @property {"horizontal" | "vertical"} [orientation] - 탭 방향 (Tabs에서 자동 전달) / Tab orientation (auto-passed from Tabs)
- * @property {"default" | "pills" | "underline" | "cards"} [variant] - 탭 스타일 (Tabs에서 자동 전달) / Tab style (auto-passed from Tabs)
- * @property {"sm" | "md" | "lg"} [size] - 탭 크기 (Tabs에서 자동 전달) / Tab size (auto-passed from Tabs)
- * @extends {React.HTMLAttributes<HTMLDivElement>}
- */
-interface TabsListProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    value?: string;
-    onValueChange?: (value: string) => void;
-    orientation?: "horizontal" | "vertical";
-    variant?: "default" | "pills" | "underline" | "cards";
-    size?: "sm" | "md" | "lg";
-}
-/**
- * TabsList 컴포넌트 / TabsList component
- * 탭 트리거 목록을 표시합니다. Tabs 컴포넌트 내부에서 사용됩니다.
- * Displays the list of tab triggers. Used inside Tabs component.
- *
- * @component
- * @param {TabsListProps} props - TabsList 컴포넌트의 props / TabsList component props
- * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
- * @returns {JSX.Element} TabsList 컴포넌트 / TabsList component
- */
-declare const TabsList: React__default.ForwardRefExoticComponent<TabsListProps & React__default.RefAttributes<HTMLDivElement>>;
-/**
- * TabsTrigger 컴포넌트의 props
- * @typedef {Object} TabsTriggerProps
- * @property {string} value - 탭 트리거의 고유 값 (TabsContent의 value와 일치해야 함)
- * @property {(value: string) => void} [onValueChange] - 탭 변경 콜백 (TabsList에서 자동 전달)
- * @property {"horizontal" | "vertical"} [orientation] - 탭 방향 (TabsList에서 자동 전달)
- * @property {"default" | "pills" | "underline" | "cards"} [variant] - 탭 스타일 (TabsList에서 자동 전달)
- * @property {"sm" | "md" | "lg"} [size] - 탭 크기 (TabsList에서 자동 전달)
- * @property {boolean} [active] - 탭 활성화 상태 (자동 설정됨)
- * @extends {React.ButtonHTMLAttributes<HTMLButtonElement>}
- */
-interface TabsTriggerProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
-    value: string;
-    onValueChange?: (value: string) => void;
-    orientation?: "horizontal" | "vertical";
-    variant?: "default" | "pills" | "underline" | "cards";
-    size?: "sm" | "md" | "lg";
-    active?: boolean;
-}
-/**
- * TabsTrigger 컴포넌트 / TabsTrigger component
- * 탭을 활성화하는 버튼입니다. TabsList 컴포넌트 내부에서 사용됩니다.
- * Button that activates a tab. Used inside TabsList component.
- *
- * @component
- * @param {TabsTriggerProps} props - TabsTrigger 컴포넌트의 props / TabsTrigger component props
- * @param {React.Ref<HTMLButtonElement>} ref - button 요소 ref / button element ref
- * @returns {JSX.Element} TabsTrigger 컴포넌트 / TabsTrigger component
- */
-declare const TabsTrigger: React__default.ForwardRefExoticComponent<TabsTriggerProps & React__default.RefAttributes<HTMLButtonElement>>;
-declare const TabsPills: React__default.ForwardRefExoticComponent<TabsProps & React__default.RefAttributes<HTMLDivElement>>;
-declare const TabsUnderline: React__default.ForwardRefExoticComponent<TabsProps & React__default.RefAttributes<HTMLDivElement>>;
-declare const TabsCards: React__default.ForwardRefExoticComponent<TabsProps & React__default.RefAttributes<HTMLDivElement>>;
-
-/**
- * Menu 컴포넌트의 props / Menu component props
- * @typedef {Object} MenuProps
- * @property {React.ReactNode} children - MenuItem, MenuSeparator, MenuLabel 컴포넌트들 / MenuItem, MenuSeparator, MenuLabel components
- * @property {"default" | "horizontal" | "vertical" | "compact"} [variant="default"] - 메뉴 방향 및 스타일 / Menu direction and style
- * @property {"sm" | "md" | "lg"} [size="md"] - 메뉴 아이템 크기 / Menu item size
- * @extends {React.HTMLAttributes<HTMLDivElement>}
- */
-interface MenuProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    children: React__default.ReactNode;
-    variant?: "default" | "horizontal" | "vertical" | "compact";
-    size?: "sm" | "md" | "lg";
-}
-/**
- * Menu 컴포넌트 / Menu component
- *
- * 메뉴 리스트를 제공하는 컴포넌트입니다.
- * MenuItem, MenuSeparator, MenuLabel과 함께 사용합니다.
- *
- * Component that provides menu lists.
- * Used with MenuItem, MenuSeparator, and MenuLabel.
- *
- * @component
- * @example
- * // 기본 수직 메뉴 / Basic vertical menu
- * <Menu>
- *   <MenuItem icon={<Icon name="home" />}>홈</MenuItem>
- *   <MenuItem icon={<Icon name="settings" />}>설정</MenuItem>
- *   <MenuSeparator />
- *   <MenuItem>로그아웃</MenuItem>
- * </Menu>
- *
- * @example
- * // 수평 메뉴 / Horizontal menu
- * <Menu variant="horizontal">
- *   <MenuItem>메뉴 1</MenuItem>
- *   <MenuItem>메뉴 2</MenuItem>
- * </Menu>
- *
- * @param {MenuProps} props - Menu 컴포넌트의 props / Menu component props
- * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
- * @returns {JSX.Element} Menu 컴포넌트 / Menu component
- */
-declare const Menu: React__default.ForwardRefExoticComponent<MenuProps & React__default.RefAttributes<HTMLDivElement>>;
-/**
- * MenuItem 컴포넌트의 props / MenuItem component props
- * @typedef {Object} MenuItemProps
- * @property {React.ReactNode} [icon] - 메뉴 아이템 아이콘 / Menu item icon
- * @property {"default" | "horizontal" | "vertical" | "compact"} [variant] - 메뉴 변형 (Menu에서 자동 전달) / Menu variant (auto-passed from Menu)
- * @property {"sm" | "md" | "lg"} [size] - 메뉴 크기 (Menu에서 자동 전달) / Menu size (auto-passed from Menu)
- * @property {boolean} [active=false] - 활성화 상태 / Active state
- * @property {boolean} [disabled=false] - 비활성화 상태 / Disabled state
- * @extends {React.ButtonHTMLAttributes<HTMLButtonElement>}
- */
-interface MenuItemProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
-    icon?: React__default.ReactNode;
-    variant?: "default" | "horizontal" | "vertical" | "compact";
-    size?: "sm" | "md" | "lg";
-    active?: boolean;
-    disabled?: boolean;
-}
-/**
- * MenuItem 컴포넌트 / MenuItem component
- * 메뉴의 개별 아이템을 표시합니다.
- * Displays an individual menu item.
- *
- * @component
- * @param {MenuItemProps} props - MenuItem 컴포넌트의 props / MenuItem component props
- * @param {React.Ref<HTMLButtonElement>} ref - button 요소 ref / button element ref
- * @returns {JSX.Element} MenuItem 컴포넌트 / MenuItem component
- */
-declare const MenuItem: React__default.ForwardRefExoticComponent<MenuItemProps & React__default.RefAttributes<HTMLButtonElement>>;
-/**
- * MenuSeparator 컴포넌트의 props / MenuSeparator component props
- * @typedef {Object} MenuSeparatorProps
- * @property {"default" | "horizontal" | "vertical" | "compact"} [variant] - 메뉴 변형 (Menu에서 자동 전달) / Menu variant (auto-passed from Menu)
- * @extends {React.HTMLAttributes<HTMLDivElement>}
- */
-interface MenuSeparatorProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    variant?: "default" | "horizontal" | "vertical" | "compact";
-}
-/**
- * MenuSeparator 컴포넌트 / MenuSeparator component
- * 메뉴 아이템들을 구분하는 구분선을 표시합니다.
- * Displays a separator line between menu items.
- *
- * @component
- * @param {MenuSeparatorProps} props - MenuSeparator 컴포넌트의 props / MenuSeparator component props
- * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
- * @returns {JSX.Element} MenuSeparator 컴포넌트 / MenuSeparator component
- */
-declare const MenuSeparator: React__default.ForwardRefExoticComponent<MenuSeparatorProps & React__default.RefAttributes<HTMLDivElement>>;
-/**
- * MenuLabel 컴포넌트의 props / MenuLabel component props
- * @typedef {Object} MenuLabelProps
- * @property {"default" | "horizontal" | "vertical" | "compact"} [variant] - 메뉴 변형 (Menu에서 자동 전달) / Menu variant (auto-passed from Menu)
- * @property {"sm" | "md" | "lg"} [size] - 메뉴 크기 (Menu에서 자동 전달) / Menu size (auto-passed from Menu)
- * @extends {React.HTMLAttributes<HTMLDivElement>}
- */
-interface MenuLabelProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    variant?: "default" | "horizontal" | "vertical" | "compact";
-    size?: "sm" | "md" | "lg";
-}
-/**
- * MenuLabel 컴포넌트 / MenuLabel component
- * 메뉴 섹션의 레이블을 표시합니다.
- * Displays a label for a menu section.
- *
- * @component
- * @param {MenuLabelProps} props - MenuLabel 컴포넌트의 props / MenuLabel component props
- * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
- * @returns {JSX.Element} MenuLabel 컴포넌트 / MenuLabel component
- */
-declare const MenuLabel: React__default.ForwardRefExoticComponent<MenuLabelProps & React__default.RefAttributes<HTMLDivElement>>;
-declare const MenuHorizontal: React__default.ForwardRefExoticComponent<Omit<MenuProps, "variant"> & React__default.RefAttributes<HTMLDivElement>>;
-declare const MenuVertical: React__default.ForwardRefExoticComponent<Omit<MenuProps, "variant"> & React__default.RefAttributes<HTMLDivElement>>;
-declare const MenuCompact: React__default.ForwardRefExoticComponent<Omit<MenuProps, "variant"> & React__default.RefAttributes<HTMLDivElement>>;
-
-/**
- * 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>}
- */
-interface ContextMenuProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    children: React__default.ReactNode;
-    open?: boolean;
-    onOpenChange?: (open: boolean) => void;
-    trigger?: React__default.ReactNode;
-    placement?: "top" | "bottom" | "left" | "right";
-    align?: "start" | "center" | "end";
-    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__default.ForwardRefExoticComponent<ContextMenuProps & React__default.RefAttributes<HTMLDivElement>>;
-interface ContextMenuItemProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
-    icon?: React__default.ReactNode;
-    variant?: "default" | "destructive" | "disabled";
-}
-declare const ContextMenuItem: React__default.ForwardRefExoticComponent<ContextMenuItemProps & React__default.RefAttributes<HTMLButtonElement>>;
-interface ContextMenuSeparatorProps extends React__default.HTMLAttributes<HTMLDivElement> {
-}
-declare const ContextMenuSeparator: React__default.ForwardRefExoticComponent<ContextMenuSeparatorProps & React__default.RefAttributes<HTMLDivElement>>;
-interface ContextMenuLabelProps extends React__default.HTMLAttributes<HTMLDivElement> {
 }
-declare const ContextMenuLabel: React__default.ForwardRefExoticComponent<ContextMenuLabelProps & React__default.RefAttributes<HTMLDivElement>>;
-declare const ContextMenuGroup: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
-
 /**
- * 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>}
- */
-interface CommandProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    children: React__default.ReactNode;
-    open?: boolean;
-    onOpenChange?: (open: boolean) => void;
-    placeholder?: string;
-    searchValue?: string;
-    onSearchChange?: (value: string) => void;
-    disabled?: boolean;
-}
-/**
- * Command 컴포넌트 / Command component
+ * Toggle 컴포넌트 / Toggle component
  *
- * 명령 팔레트(Command Palette) 컴포넌트입니다.
- * Cmd+K (Mac) 또는 Ctrl+K (Windows)로 열 수 있습니다.
- * 키보드 네비게이션(Arrow keys, Enter, Escape)을 지원합니다.
+ * 눌림 상태를 가지는 토글 버튼 컴포넌트입니다.
+ * Switch와 달리 버튼 형태로 표시되며, 여러 개를 그룹으로 사용할 수 있습니다.
  *
- * Command Palette component.
- * Can be opened with Cmd+K (Mac) or Ctrl+K (Windows).
- * Supports keyboard navigation (Arrow keys, Enter, Escape).
+ * Toggle button component with pressed state.
+ * Unlike Switch, displayed as a button and can be used in groups.
  *
  * @component
  * @example
  * // 기본 사용 / Basic usage
- * <Command>
- *   <CommandInput placeholder="검색..." />
- *   <CommandList>
- *     <CommandItem>항목 1</CommandItem>
- *     <CommandItem>항목 2</CommandItem>
- *   </CommandList>
- * </Command>
+ * <Toggle label="알림" />
  *
- * @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__default.ForwardRefExoticComponent<CommandProps & React__default.RefAttributes<HTMLDivElement>>;
-/**
- * CommandInput 컴포넌트의 props / CommandInput component props
- * @typedef {Object} CommandInputProps
- * @extends {React.InputHTMLAttributes<HTMLInputElement>}
- */
-interface CommandInputProps extends React__default.InputHTMLAttributes<HTMLInputElement> {
-}
-declare const CommandInput: React__default.ForwardRefExoticComponent<CommandInputProps & React__default.RefAttributes<HTMLInputElement>>;
-interface CommandListProps extends React__default.HTMLAttributes<HTMLDivElement> {
-}
-declare const CommandList: React__default.ForwardRefExoticComponent<CommandListProps & React__default.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>}
- */
-interface CommandItemProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
-    icon?: React__default.ReactNode;
-    selected?: boolean;
-    onSelect?: () => void;
-}
-declare const CommandItem: React__default.ForwardRefExoticComponent<CommandItemProps & React__default.RefAttributes<HTMLButtonElement>>;
-/**
- * CommandGroup 컴포넌트의 props / CommandGroup component props
- * @typedef {Object} CommandGroupProps
- * @property {React.ReactNode} [heading] - 그룹 제목 / Group heading
- * @extends {React.HTMLAttributes<HTMLDivElement>}
- */
-interface CommandGroupProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    heading?: React__default.ReactNode;
-}
-declare const CommandGroup: React__default.ForwardRefExoticComponent<CommandGroupProps & React__default.RefAttributes<HTMLDivElement>>;
-/**
- * CommandSeparator 컴포넌트의 props / CommandSeparator component props
- * @typedef {Object} CommandSeparatorProps
- * @extends {React.HTMLAttributes<HTMLDivElement>}
- */
-interface CommandSeparatorProps extends React__default.HTMLAttributes<HTMLDivElement> {
-}
-declare const CommandSeparator: React__default.ForwardRefExoticComponent<CommandSeparatorProps & React__default.RefAttributes<HTMLDivElement>>;
-/**
- * CommandEmpty 컴포넌트의 props / CommandEmpty component props
- * @typedef {Object} CommandEmptyProps
- * @extends {React.HTMLAttributes<HTMLDivElement>}
+ * @example
+ * // 제어 모드 / Controlled mode
+ * const [pressed, setPressed] = useState(false)
+ * <Toggle
+ *   pressed={pressed}
+ *   onPressedChange={setPressed}
+ *   label="다크 모드"
+ *   icon={<Icon name="moon" />}
+ * />
+ *
+ * @example
+ * // 아이콘만 / Icon only
+ * <Toggle
+ *   icon={<Icon name="heart" />}
+ *   variant="ghost"
+ * />
+ *
+ * @param {ToggleProps} props - Toggle 컴포넌트의 props / Toggle component props
+ * @param {React.Ref<HTMLButtonElement>} ref - button 요소 ref / button element ref
+ * @returns {JSX.Element} Toggle 컴포넌트 / Toggle component
  */
-interface CommandEmptyProps extends React__default.HTMLAttributes<HTMLDivElement> {
-}
-declare const CommandEmpty: React__default.ForwardRefExoticComponent<CommandEmptyProps & React__default.RefAttributes<HTMLDivElement>>;
-declare const CommandDialog: React__default.ForwardRefExoticComponent<CommandProps & React__default.RefAttributes<HTMLDivElement>>;
+declare const Toggle: React$1.ForwardRefExoticComponent<ToggleProps & React$1.RefAttributes<HTMLButtonElement>>;
 
 /**
  * ScrollArea 컴포넌트의 props / ScrollArea component props
@@ -3483,8 +1103,8 @@ declare const CommandDialog: React__default.ForwardRefExoticComponent<CommandPro
  * @property {"auto" | "always" | "scroll" | "hover"} [type="hover"] - 스크롤바 표시 타입 / Scrollbar display type
  * @extends {React.HTMLAttributes<HTMLDivElement>}
  */
-interface ScrollAreaProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    children: React__default.ReactNode;
+interface ScrollAreaProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    children: React$1.ReactNode;
     className?: string;
     orientation?: "vertical" | "horizontal" | "both";
     scrollHideDelay?: number;
@@ -3516,7 +1136,7 @@ interface ScrollAreaProps extends React__default.HTMLAttributes<HTMLDivElement>
  * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
  * @returns {JSX.Element} ScrollArea 컴포넌트 / ScrollArea component
  */
-declare const ScrollArea: React__default.ForwardRefExoticComponent<ScrollAreaProps & React__default.RefAttributes<HTMLDivElement>>;
+declare const ScrollArea: React$1.ForwardRefExoticComponent<ScrollAreaProps & React$1.RefAttributes<HTMLDivElement>>;
 
 /**
  * ScrollToTop 컴포넌트의 props / ScrollToTop component props
@@ -3530,7 +1150,7 @@ declare const ScrollArea: React__default.ForwardRefExoticComponent<ScrollAreaPro
  * @property {boolean} [showOnMount=false] - 마운트 시 즉시 표시 여부 / Show immediately on mount
  * @extends {React.HTMLAttributes<HTMLButtonElement>}
  */
-interface ScrollToTopProps extends React__default.HTMLAttributes<HTMLButtonElement> {
+interface ScrollToTopProps extends React$1.HTMLAttributes<HTMLButtonElement> {
     threshold?: number;
     smooth?: boolean;
     className?: string;
@@ -3578,7 +1198,7 @@ type Theme = "light" | "dark" | "system";
  * @property {boolean} [enableTransition=true] - 테마 전환 애니메이션 활성화 / Enable theme transition animation
  */
 interface ThemeProviderProps {
-    children: React__default.ReactNode;
+    children: React$1.ReactNode;
     defaultTheme?: Theme;
     storageKey?: string;
     enableSystem?: boolean;
@@ -3631,7 +1251,7 @@ interface ThemeProviderState {
  * @returns {JSX.Element} ThemeProvider 컴포넌트 / ThemeProvider component
  */
 declare function ThemeProvider({ children, defaultTheme, // system에서 light로 변경
-storageKey, enableSystem, enableTransition, ...props }: ThemeProviderProps): React__default.ReactElement;
+storageKey, enableSystem, enableTransition, ...props }: ThemeProviderProps): React$1.ReactElement;
 /**
  * useTheme 훅 / useTheme hook
  *
@@ -3804,4 +1424,736 @@ declare function formatRelativeTime(timestamp: Date | string, locale?: string):
 declare function mergeMap(classMap: Record<string, boolean | undefined | null>): string;
 declare const cn: typeof merge;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Action as Act, Action, type ActionButton, ActionToolbar, type ActionToolbarProps, Alert, AlertError, AlertInfo, AlertSuccess, AlertWarning, type AllIconName, Alert as Alt, Avatar, AvatarFallback, AvatarImage, Avatar as Avt, Badge, BottomSheet, Breadcrumb, BreadcrumbItem, type BreadcrumbItemData, type BreadcrumbItemProps, type BreadcrumbProps, Button as Btn, Button, type ButtonProps, Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, ConfirmModal, Container as Cont, Container, ContextMenu, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuSeparator, Card as Crd, Divider, Drawer, DrawerContent, DrawerFooter, DrawerHeader, Dropdown, DropdownGroup, DropdownItem, DropdownLabel, DropdownMenu, DropdownSeparator, EmotionIcon, ErrorIcon, Grid, ICON_ALIASES, Icon as Ic, Icon, type IconConfig, IconName, type IconProps, IconProvider, type IconProviderProps, type IconSet, Link, Link as Lnk, LoadingSpinner as Loading, LoadingIcon, LoadingSpinner, Modal as Mdl, Menu, MenuCompact, MenuHorizontal, MenuItem, MenuLabel, MenuSeparator, MenuVertical, Modal, type ModalProps, NavigationComponent as Navigation, NavigationContent, NavigationItem, NavigationList, Pagination, PaginationMinimal, PaginationOutlined, PaginationWithInfo, Panel, type PhosphorWeight, Popover, PopoverContent, PopoverTrigger, Progress, ProgressError, ProgressGroup, ProgressInfo, ProgressSuccess, ProgressWarning, type ProjectIconName, ScrollArea, ScrollToTop, Skeleton, SkeletonAvatar, SkeletonCard, SkeletonCircle, SkeletonImage, SkeletonList, SkeletonRectangle, SkeletonRounded, SkeletonTable, SkeletonText, SkeletonUserProfile, Stack, StatusIcon, SuccessIcon, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsCards, TabsContent, TabsList, TabsPills, TabsTrigger, TabsUnderline, Table as Tbl, ThemeProvider, ThemeToggle, Tooltip, TooltipDark, TooltipLight, cn, defaultIconConfig, emotionIcons, formatRelativeTime, getDefaultStrokeWidth, getIconAliases, getIconNameForProvider, iconNames, iconProviderMapping, isValidIconName, merge, mergeIf, mergeMap, resolveIconAlias, statusIcons, useIconContext, useTheme };
+/**
+ * Slot 컴포넌트
+ *
+ * Radix UI의 asChild 패턴을 구현합니다.
+ * 자식 요소의 props와 ref를 병합하여 하나의 요소로 렌더링합니다.
+ *
+ * @example
+ * // Button에서 asChild 사용
+ * <Button asChild>
+ *   <Link href="/home">홈으로</Link>
+ * </Button>
+ *
+ * @see https://www.radix-ui.com/primitives/docs/utilities/slot
+ */
+type SlotProps = React$1.HTMLAttributes<HTMLElement> & {
+    children?: React$1.ReactNode;
+};
+/**
+ * 여러 ref를 하나로 합칩니다
+ */
+declare function composeRefs<T>(...refs: (React$1.Ref<T> | undefined)[]): React$1.RefCallback<T>;
+/**
+ * props를 병합합니다 (이벤트 핸들러, className, style 등)
+ */
+declare function mergeProps(slotProps: Record<string, unknown>, childProps: Record<string, unknown>): Record<string, unknown>;
+/**
+ * Slot 컴포넌트
+ *
+ * 자식 요소에 부모의 props를 주입합니다.
+ * asChild 패턴을 구현할 때 사용합니다.
+ */
+declare const Slot: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLElement> & {
+    children?: React$1.ReactNode;
+} & React$1.RefAttributes<HTMLElement>>;
+
+/**
+ * HUA UI 공통 색상 시스템
+ * 중앙화된 색상 팔레트와 스타일 생성 유틸리티
+ */
+
+/**
+ * Tailwind CSS 색상 클래스 매핑
+ * 각 색상의 50-900 단계를 정의합니다.
+ */
+declare const colorShades: {
+    readonly 50: "50";
+    readonly 100: "100";
+    readonly 200: "200";
+    readonly 300: "300";
+    readonly 400: "400";
+    readonly 500: "500";
+    readonly 600: "600";
+    readonly 700: "700";
+    readonly 800: "800";
+    readonly 900: "900";
+};
+type ColorShade = keyof typeof colorShades;
+/**
+ * 색상 스타일 설정 인터페이스
+ */
+interface ColorStyleConfig {
+    /** 기본 variant 스타일 */
+    default?: {
+        border?: {
+            light: ColorShade;
+            dark?: ColorShade;
+        };
+        background?: {
+            light: ColorShade;
+            dark?: ColorShade;
+            opacity?: string;
+        };
+    };
+    /** 그라데이션 variant 스타일 */
+    gradient?: {
+        from?: ColorShade;
+        to?: ColorShade;
+        border?: {
+            light: ColorShade;
+            dark?: ColorShade;
+        };
+    };
+    /** 아웃라인 variant 스타일 */
+    outline?: {
+        border?: {
+            light: ColorShade;
+            dark?: ColorShade;
+        };
+        background?: string;
+        text?: {
+            light: ColorShade;
+            dark?: ColorShade;
+        };
+    };
+    /** Elevated variant 스타일 */
+    elevated?: {
+        border?: {
+            light: ColorShade;
+            dark?: ColorShade;
+        };
+        background?: {
+            light: string;
+            dark: string;
+        };
+        shadow?: string;
+    };
+    /** 아이콘 스타일 */
+    icon?: {
+        background?: {
+            light: ColorShade;
+            dark?: ColorShade;
+            opacity?: string;
+        };
+        text?: {
+            light: ColorShade;
+            dark?: ColorShade;
+        };
+    };
+    /** 배지 스타일 */
+    badge?: {
+        background?: {
+            light: ColorShade;
+            dark?: ColorShade;
+            opacity?: string;
+        };
+        text?: {
+            light: ColorShade;
+            dark?: ColorShade;
+        };
+    };
+}
+/**
+ * 생성된 색상 스타일 인터페이스
+ */
+interface ColorStyles {
+    default: string;
+    gradient: string;
+    outline: string;
+    elevated: string;
+    icon: string;
+    badge: string;
+}
+/**
+ * 색상 스타일 생성 함수
+ *
+ * @param color - 색상 이름
+ * @param config - 커스텀 스타일 설정 (선택사항)
+ * @returns 생성된 색상 스타일 객체
+ *
+ * @example
+ * ```tsx
+ * const styles = createColorStyles("blue");
+ * // styles.default, styles.gradient, styles.outline 등 사용 가능
+ * ```
+ */
+declare function createColorStyles(color: Color, config?: Partial<ColorStyleConfig>): ColorStyles;
+/**
+ * 메모이제이션된 색상 스타일 생성 함수
+ *
+ * @param color - 색상 이름
+ * @param config - 커스텀 스타일 설정 (선택사항)
+ * @returns 생성된 색상 스타일 객체
+ */
+declare function useColorStyles(color: Color, config?: Partial<ColorStyleConfig>): ColorStyles;
+
+/**
+ * HUA UI 공통 Variant 시스템
+ * 컴포넌트 variant 스타일 생성 유틸리티
+ */
+
+/**
+ * Variant 스타일 생성 함수
+ *
+ * @param variant - Variant 타입
+ * @param colorStyles - 색상 스타일 객체
+ * @returns 생성된 variant 클래스 문자열
+ *
+ * @example
+ * ```tsx
+ * const colorStyles = useColorStyles("blue");
+ * const variantClass = createVariantStyles("elevated", colorStyles);
+ * ```
+ */
+declare function createVariantStyles(variant: ExtendedVariant, colorStyles: ColorStyles): string;
+/**
+ * Size 스타일 설정 인터페이스
+ */
+interface SizeStyles {
+    container: string;
+    icon: string;
+    iconContainer: string;
+    text: string;
+    title: string;
+    description: string;
+}
+/**
+ * Size 스타일 생성 함수
+ *
+ * @param size - 크기 타입
+ * @returns 생성된 size 스타일 객체
+ *
+ * @example
+ * ```tsx
+ * const sizeStyles = createSizeStyles("md");
+ * // sizeStyles.container, sizeStyles.icon 등 사용 가능
+ * ```
+ */
+declare function createSizeStyles(size?: Size$1): SizeStyles;
+/**
+ * Rounded 스타일 타입
+ */
+type Rounded = "sm" | "md" | "lg" | "xl" | "full" | "none";
+/**
+ * Rounded 스타일 생성 함수
+ *
+ * @param rounded - Rounded 타입
+ * @returns 생성된 rounded 클래스 문자열
+ */
+declare function createRoundedStyles(rounded?: Rounded): string;
+/**
+ * Shadow 스타일 타입
+ */
+type Shadow = "none" | "sm" | "md" | "lg" | "xl" | "2xl";
+/**
+ * Shadow 스타일 생성 함수
+ *
+ * @param shadow - Shadow 타입
+ * @returns 생성된 shadow 클래스 문자열
+ */
+declare function createShadowStyles(shadow?: Shadow): string;
+/**
+ * Hover 효과 타입
+ */
+type HoverEffect = "scale" | "glow" | "slide" | "springy" | "none";
+/**
+ * HUA-UI 스프링 이징
+ * 공 튕기듯 아주 미세한 반동 - cubic-bezier(0.34, 1.56, 0.64, 1)
+ */
+declare const HUA_SPRING_EASING = "cubic-bezier(0.34, 1.56, 0.64, 1)";
+/**
+ * Hover 효과 스타일 생성 함수
+ *
+ * @param hover - Hover 효과 타입
+ * @param reducedMotion - 애니메이션 축소 설정 여부
+ * @returns 생성된 hover 클래스 문자열
+ *
+ * @description
+ * HUA-UI 시그니처: "스륵 부드럽고 아주 미세하게 쫀득"
+ * - 스프링 이징으로 미세한 반동 효과
+ * - 1.5% 스케일 변화로 자연스러운 피드백
+ */
+declare function createHoverStyles(hover?: HoverEffect, reducedMotion?: boolean): string;
+
+/**
+ * HUA UI 스타일 유틸리티 함수
+ * 다크 모드, 그라데이션 등 공통 스타일 유틸리티
+ */
+/**
+ * 다크 모드 지원 클래스 생성
+ *
+ * @param lightClass - 라이트 모드 클래스
+ * @param darkClass - 다크 모드 클래스
+ * @returns 다크 모드 지원 클래스 문자열
+ *
+ * @example
+ * ```tsx
+ * withDarkMode("bg-white", "bg-gray-900")
+ * // "bg-white dark:bg-gray-900"
+ * ```
+ */
+declare function withDarkMode(lightClass: string, darkClass: string): string;
+/**
+ * 그라데이션 클래스 생성
+ *
+ * @param from - 시작 색상
+ * @param to - 끝 색상
+ * @param direction - 그라데이션 방향 (기본값: "to-r")
+ * @returns 그라데이션 클래스 문자열
+ *
+ * @example
+ * ```tsx
+ * createGradient("blue-500", "purple-600")
+ * // "bg-gradient-to-r from-blue-500 to-purple-600"
+ * ```
+ */
+declare function createGradient(from: string, to: string, direction?: "to-r" | "to-l" | "to-b" | "to-t" | "to-br" | "to-bl" | "to-tr" | "to-tl"): string;
+/**
+ * 불투명도가 포함된 색상 클래스 생성
+ *
+ * @param color - 색상 클래스 (예: "blue-500")
+ * @param opacity - 불투명도 (0-100)
+ * @returns 불투명도가 포함된 색상 클래스
+ *
+ * @example
+ * ```tsx
+ * withOpacity("blue-500", 50)
+ * // "blue-500/50"
+ * ```
+ */
+declare function withOpacity(color: string, opacity: number): string;
+/**
+ * 텍스트 색상이 그라데이션 variant일 때 흰색으로 변경하는지 확인
+ *
+ * @param variant - Variant 타입
+ * @returns 텍스트가 흰색이어야 하는지 여부
+ */
+declare function isTextWhite(variant: string): boolean;
+/**
+ * 그라데이션 variant인지 확인
+ *
+ * @param variant - Variant 타입
+ * @returns 그라데이션 variant인지 여부
+ */
+declare function isGradientVariant(variant: string): boolean;
+/**
+ * 반응형 클래스 생성 헬퍼
+ *
+ * @param base - 기본 클래스
+ * @param sm - 작은 화면 클래스
+ * @param md - 중간 화면 클래스
+ * @param lg - 큰 화면 클래스
+ * @param xl - 매우 큰 화면 클래스
+ * @returns 반응형 클래스 문자열
+ *
+ * @example
+ * ```tsx
+ * responsive("text-sm", "md:text-base", "lg:text-lg")
+ * ```
+ */
+declare function responsive(base: string, sm?: string, md?: string, lg?: string, xl?: string): string;
+/**
+ * 조건부 클래스 적용
+ *
+ * @param condition - 조건
+ * @param trueClass - 조건이 true일 때 적용할 클래스
+ * @param falseClass - 조건이 false일 때 적용할 클래스 (선택사항)
+ * @returns 조건에 따라 선택된 클래스
+ */
+declare function conditionalClass(condition: boolean, trueClass: string, falseClass?: string): string;
+
+/**
+ * HUA-UI 마이크로 모션 시스템 타입
+ *
+ * "스륵 부드럽고 쫀득" - HUA-UI의 고유 모션 아이덴티티
+ */
+type MicroMotionPreset = 'subtle' | 'soft' | 'springy' | 'bouncy' | 'snappy';
+interface MicroMotionConfig {
+    /** 모션 프리셋 */
+    preset?: MicroMotionPreset;
+    /** 지속 시간 (ms) */
+    duration?: number;
+    /** 딜레이 (ms) */
+    delay?: number;
+    /** 스케일 변화량 (1.0 기준) */
+    scale?: number;
+    /** Y축 이동량 (px) */
+    translateY?: number;
+    /** X축 이동량 (px) */
+    translateX?: number;
+    /** 회전량 (deg) */
+    rotate?: number;
+    /** 비활성화 */
+    disabled?: boolean;
+}
+interface MicroMotionState {
+    isHovered: boolean;
+    isPressed: boolean;
+    isFocused: boolean;
+    isAnimating: boolean;
+}
+interface MicroMotionStyle {
+    transform: string;
+    transition: string;
+    willChange: string;
+}
+
+/**
+ * HUA-UI 마이크로 모션 프리셋
+ *
+ * 핵심 철학: "스륵 부드럽고 아주 조금 쫀득"
+ * - 스륵: 자연스럽고 부드러운 시작/끝
+ * - 쫀득: 약간의 오버슈트로 생동감
+ */
+
+/**
+ * CSS easing 함수 (스프링 근사)
+ * 각 프리셋에 맞는 cubic-bezier 값
+ */
+declare const EASING_FUNCTIONS: Record<MicroMotionPreset, string>;
+/**
+ * 기본 지속시간 (ms)
+ */
+declare const DURATIONS: Record<MicroMotionPreset, number>;
+/**
+ * 컴포넌트별 기본 모션 설정
+ * 아주 미세한 반동으로 생동감 있게
+ */
+declare const COMPONENT_MOTION_DEFAULTS: {
+    button: {
+        preset: MicroMotionPreset;
+        duration: number;
+        scale: number;
+        translateY: number;
+    };
+    card: {
+        preset: MicroMotionPreset;
+        duration: number;
+        scale: number;
+        translateY: number;
+    };
+    menuItem: {
+        preset: MicroMotionPreset;
+        duration: number;
+        translateX: number;
+    };
+    modal: {
+        preset: MicroMotionPreset;
+        duration: number;
+        scale: number;
+    };
+    dropdown: {
+        preset: MicroMotionPreset;
+        duration: number;
+        translateY: number;
+    };
+    tooltip: {
+        preset: MicroMotionPreset;
+        duration: number;
+        scale: number;
+    };
+    checkbox: {
+        preset: MicroMotionPreset;
+        duration: number;
+        scale: number;
+    };
+    switch: {
+        preset: MicroMotionPreset;
+        duration: number;
+    };
+};
+/**
+ * CSS 변수로 사용할 수 있는 기본값들
+ * 미세한 스프링 반동 느낌
+ */
+declare const CSS_MOTION_VARS: {
+    readonly '--hua-motion-duration': "180ms";
+    readonly '--hua-motion-easing': string;
+    readonly '--hua-motion-scale-hover': "1.008";
+    readonly '--hua-motion-scale-active': "0.992";
+    readonly '--hua-motion-translate-y': "-0.5px";
+};
+
+interface UseMicroMotionOptions extends MicroMotionConfig {
+    /** hover 시 모션 활성화 */
+    enableHover?: boolean;
+    /** press 시 모션 활성화 */
+    enablePress?: boolean;
+    /** focus 시 모션 활성화 */
+    enableFocus?: boolean;
+}
+interface UseMicroMotionReturn {
+    /** 모션 상태 */
+    state: MicroMotionState;
+    /** 적용할 스타일 */
+    style: MicroMotionStyle;
+    /** 이벤트 핸들러들 */
+    handlers: {
+        onMouseEnter: () => void;
+        onMouseLeave: () => void;
+        onMouseDown: () => void;
+        onMouseUp: () => void;
+        onFocus: () => void;
+        onBlur: () => void;
+    };
+    /** CSS 클래스 (Tailwind 호환) */
+    className: string;
+}
+/**
+ * HUA-UI 마이크로 모션 훅
+ *
+ * "스륵 부드럽고 쫀득" 모션을 적용하는 훅
+ *
+ * @example
+ * ```tsx
+ * const { handlers, style, className } = useMicroMotion({ preset: 'springy' })
+ *
+ * return (
+ *   <button
+ *     {...handlers}
+ *     style={style}
+ *     className={className}
+ *   >
+ *     Click me
+ *   </button>
+ * )
+ * ```
+ */
+declare function useMicroMotion(options?: UseMicroMotionOptions): UseMicroMotionReturn;
+/**
+ * 간단한 CSS-only 마이크로 모션 클래스 생성기
+ *
+ * motion-core 없이도 "스륵 쫀득" 느낌을 주는 Tailwind 클래스
+ */
+declare function getMicroMotionClasses(preset?: MicroMotionPreset, options?: {
+    enableHover?: boolean;
+    enableActive?: boolean;
+    enableFocus?: boolean;
+}): string;
+
+/**
+ * useInView 훅의 옵션 / useInView hook options
+ * @property {number} [threshold=0] - 뷰포트 진입 임계값 (0-1) / Viewport entry threshold
+ * @property {string} [rootMargin="0px"] - 루트 마진 / Root margin
+ * @property {boolean} [triggerOnce=false] - 한 번만 트리거 / Trigger only once
+ * @property {(entry: IntersectionObserverEntry) => void} [onChange] - 상태 변경 콜백 / State change callback
+ */
+interface UseInViewOptions {
+    threshold?: number | number[];
+    rootMargin?: string;
+    triggerOnce?: boolean;
+    onChange?: (entry: IntersectionObserverEntry) => void;
+}
+/**
+ * useInView 훅의 반환값 / useInView hook return value
+ */
+interface UseInViewReturn<T extends HTMLElement = HTMLElement> {
+    ref: React.RefObject<T | null>;
+    inView: boolean;
+    entry: IntersectionObserverEntry | null;
+}
+/**
+ * useInView 훅 / useInView hook
+ *
+ * 요소가 뷰포트에 진입했는지 감지하는 훅입니다.
+ * 애니메이션 트리거, 레이지 로딩, 무한 스크롤 등에 사용합니다.
+ *
+ * Hook that detects when an element enters the viewport.
+ * Used for animation triggers, lazy loading, infinite scroll, etc.
+ *
+ * @example
+ * // 기본 사용 / Basic usage
+ * const { ref, inView } = useInView();
+ *
+ * return (
+ *   <div ref={ref} className={inView ? "animate-in" : "opacity-0"}>
+ *     Content
+ *   </div>
+ * );
+ *
+ * @example
+ * // 한 번만 트리거 / Trigger once
+ * const { ref, inView } = useInView({ triggerOnce: true, threshold: 0.5 });
+ */
+declare function useInView<T extends HTMLElement = HTMLElement>(options?: UseInViewOptions): UseInViewReturn<T>;
+
+/**
+ * useScrollProgress 훅의 옵션 / useScrollProgress hook options
+ * @property {"page" | "element"} [target="page"] - 추적 대상 / Tracking target
+ * @property {number} [throttle=16] - 쓰로틀 간격 (ms) / Throttle interval
+ */
+interface UseScrollProgressOptions {
+    target?: "page" | "element";
+    throttle?: number;
+}
+/**
+ * useScrollProgress 훅의 반환값 / useScrollProgress hook return value
+ */
+interface UseScrollProgressReturn<T extends HTMLElement = HTMLElement> {
+    ref: React.RefObject<T | null>;
+    progress: number;
+    scrollY: number;
+    scrollX: number;
+    isScrolling: boolean;
+    direction: "up" | "down" | null;
+}
+/**
+ * useScrollProgress 훅 / useScrollProgress hook
+ *
+ * 페이지 또는 요소의 스크롤 진행률을 추적하는 훅입니다.
+ * 스크롤 기반 애니메이션, 진행률 표시 등에 사용합니다.
+ *
+ * Hook that tracks scroll progress of page or element.
+ * Used for scroll-based animations, progress indicators, etc.
+ *
+ * @example
+ * // 페이지 스크롤 / Page scroll
+ * const { progress, direction } = useScrollProgress();
+ *
+ * return (
+ *   <div style={{ width: `${progress * 100}%` }} className="progress-bar" />
+ * );
+ *
+ * @example
+ * // 요소 스크롤 / Element scroll
+ * const { ref, progress } = useScrollProgress({ target: "element" });
+ *
+ * return (
+ *   <div ref={ref} className="overflow-auto h-[400px]">
+ *     <p>Progress: {Math.round(progress * 100)}%</p>
+ *   </div>
+ * );
+ */
+declare function useScrollProgress<T extends HTMLElement = HTMLElement>(options?: UseScrollProgressOptions): UseScrollProgressReturn<T>;
+
+/**
+ * useMouse 훅의 옵션 / useMouse hook options
+ * @property {"page" | "element" | "viewport"} [type="page"] - 좌표 타입 / Coordinate type
+ * @property {boolean} [touch=false] - 터치 이벤트 포함 / Include touch events
+ * @property {number} [throttle=0] - 쓰로틀 간격 (ms) / Throttle interval
+ */
+interface UseMouseOptions {
+    type?: "page" | "element" | "viewport";
+    touch?: boolean;
+    throttle?: number;
+}
+/**
+ * useMouse 훅의 반환값 / useMouse hook return value
+ */
+interface UseMouseReturn<T extends HTMLElement = HTMLElement> {
+    ref: React.RefObject<T | null>;
+    x: number;
+    y: number;
+    elementX: number;
+    elementY: number;
+    elementPositionX: number;
+    elementPositionY: number;
+    isInside: boolean;
+    isMoving: boolean;
+}
+/**
+ * useMouse 훅 / useMouse hook
+ *
+ * 마우스 위치를 추적하는 훅입니다.
+ * 커서 효과, 마우스 따라다니는 요소 등에 사용합니다.
+ *
+ * Hook that tracks mouse position.
+ * Used for cursor effects, mouse-following elements, etc.
+ *
+ * @example
+ * // 전역 마우스 위치 / Global mouse position
+ * const { x, y } = useMouse();
+ *
+ * return (
+ *   <div style={{ transform: `translate(${x}px, ${y}px)` }} className="cursor" />
+ * );
+ *
+ * @example
+ * // 요소 내 상대 위치 / Relative position in element
+ * const { ref, elementX, elementY, isInside } = useMouse({ type: "element" });
+ *
+ * return (
+ *   <div ref={ref} className="relative">
+ *     {isInside && (
+ *       <div style={{ left: elementX, top: elementY }} className="spotlight" />
+ *     )}
+ *   </div>
+ * );
+ */
+declare function useMouse<T extends HTMLElement = HTMLElement>(options?: UseMouseOptions): UseMouseReturn<T>;
+
+/**
+ * useReducedMotion 훅 / useReducedMotion hook
+ *
+ * 사용자의 모션 감소 선호 설정을 감지하는 훅입니다.
+ * 접근성을 위해 애니메이션을 조건부로 적용할 때 사용합니다.
+ *
+ * Hook that detects user's reduced motion preference.
+ * Used for conditionally applying animations for accessibility.
+ *
+ * @returns {boolean} 모션 감소 선호 여부 / Whether reduced motion is preferred
+ *
+ * @example
+ * const prefersReducedMotion = useReducedMotion();
+ *
+ * return (
+ *   <div
+ *     className={prefersReducedMotion ? "" : "animate-bounce"}
+ *     style={{ transition: prefersReducedMotion ? "none" : "all 0.3s" }}
+ *   >
+ *     Content
+ *   </div>
+ * );
+ *
+ * @example
+ * // 조건부 애니메이션 / Conditional animation
+ * const prefersReducedMotion = useReducedMotion();
+ *
+ * const variants = {
+ *   initial: { opacity: 0, y: prefersReducedMotion ? 0 : 20 },
+ *   animate: { opacity: 1, y: 0 },
+ * };
+ */
+declare function useReducedMotion(): boolean;
+
+/**
+ * useWindowSize 훅의 반환값 / useWindowSize hook return value
+ */
+interface UseWindowSizeReturn {
+    width: number;
+    height: number;
+    isMobile: boolean;
+    isTablet: boolean;
+    isDesktop: boolean;
+}
+/**
+ * useWindowSize 훅의 옵션 / useWindowSize hook options
+ */
+interface UseWindowSizeOptions {
+    throttle?: number;
+    mobileBreakpoint?: number;
+    tabletBreakpoint?: number;
+}
+/**
+ * useWindowSize 훅 / useWindowSize hook
+ *
+ * 윈도우 크기를 추적하는 훅입니다.
+ * 반응형 애니메이션, 조건부 렌더링 등에 사용합니다.
+ *
+ * Hook that tracks window size.
+ * Used for responsive animations, conditional rendering, etc.
+ *
+ * @example
+ * const { width, height, isMobile } = useWindowSize();
+ *
+ * return (
+ *   <div style={{ fontSize: isMobile ? "14px" : "16px" }}>
+ *     Window: {width} x {height}
+ *   </div>
+ * );
+ */
+declare function useWindowSize(options?: UseWindowSizeOptions): UseWindowSizeReturn;
+
+export { Action, type ActionButton, ActionToolbar, type ActionToolbarProps, AllIconName, Avatar, AvatarFallback, AvatarImage, Badge, Button, type ButtonProps, COMPONENT_MOTION_DEFAULTS, CSS_MOTION_VARS, Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, Color, type ColorStyleConfig, type ColorStyles, Container, DURATIONS, Divider, EASING_FUNCTIONS, EmotionIcon, ErrorIcon, ExtendedVariant, Grid, HUA_SPRING_EASING, type HoverEffect, ICON_ALIASES, Icon, type IconConfig, IconName, type IconProps, IconProvider, type IconProviderProps, type IconSet, Link, LoadingIcon, type MicroMotionConfig, type MicroMotionPreset, type MicroMotionState, Panel, type PhosphorWeight, Progress, ProgressError, ProgressGroup, ProgressInfo, ProgressSuccess, ProgressWarning, type Rounded, ScrollArea, ScrollToTop, type Shadow, Size$1 as Size, type SizeStyles, Skeleton, SkeletonAvatar, SkeletonCard, SkeletonCircle, SkeletonImage, SkeletonList, SkeletonRectangle, SkeletonRounded, SkeletonTable, SkeletonText, SkeletonUserProfile, Slot, type SlotProps, Stack, StatusIcon, SuccessIcon, ThemeProvider, type ThemeProviderProps, type ThemeProviderState, ThemeToggle, Toggle, type ToggleProps, type UseInViewOptions, type UseInViewReturn, type UseMouseOptions, type UseMouseReturn, type UseScrollProgressOptions, type UseScrollProgressReturn, type UseWindowSizeOptions, type UseWindowSizeReturn, cn, composeRefs, conditionalClass, createColorStyles, createGradient, createHoverStyles, createRoundedStyles, createShadowStyles, createSizeStyles, createVariantStyles, defaultIconConfig, emotionIcons, formatRelativeTime, getDefaultStrokeWidth, getIconAliases, getMicroMotionClasses, isGradientVariant, isTextWhite, merge, mergeIf, mergeMap, mergeProps, resolveIconAlias, responsive, statusIcons, useColorStyles, useIconContext, useInView, useMicroMotion, useMouse, useReducedMotion, useScrollProgress, useTheme, useWindowSize, withDarkMode, withOpacity };