@hua-labs/ui 2.1.1 → 2.3.0

package/dist/interactive.d.mts

@@ -1,10 +1,14 @@
 import React from 'react';
+export { b as DatePreset, c as DateRangeConfig, D as Toolbar, T as ToolbarAction, a as ToolbarProps } from './DashboardToolbar-BRZayZNz.mjs';
+import './icons-DcOBy9Hf.mjs';
+import '@phosphor-icons/react';
 
 /**
  * Accordion 컴포넌트의 props / Accordion component props
  * @typedef {Object} AccordionProps
  * @property {React.ReactNode} children - AccordionItem 컴포넌트들 / AccordionItem components
- * @property {string} [className] - 추가 CSS 클래스 / Additional CSS class
+ * @property {string} [dot] - dot 유틸리티 스트링 / dot utility string
+ * @property {React.CSSProperties} [style] - 인라인 스타일 / Inline style
  * @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)
@@ -13,7 +17,10 @@ import React from 'react';
  */
 interface AccordionProps {
     children: React.ReactNode;
-    className?: string;
+    /** dot 유틸리티 스트링 (인라인 스타일로 변환) / dot utility string (converted to inline style) */
+    dot?: string;
+    /** 인라인 스타일 / Inline style */
+    style?: React.CSSProperties;
     type?: "single" | "multiple";
     defaultValue?: string | string[];
     value?: string | string[];
@@ -72,7 +79,7 @@ declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.
  * @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 {React.CSSProperties} [style] - 인라인 스타일 / Inline style
  * @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)
@@ -80,7 +87,8 @@ declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.
 interface AccordionItemProps {
     value: string;
     children: React.ReactNode;
-    className?: string;
+    /** 인라인 스타일 / Inline style */
+    style?: React.CSSProperties;
     disabled?: boolean;
     openItems?: string[];
     onToggle?: (value: string) => void;
@@ -98,7 +106,8 @@ interface AccordionItemProps {
 declare const AccordionItem: React.ForwardRefExoticComponent<AccordionItemProps & React.RefAttributes<HTMLDivElement>>;
 interface AccordionTriggerProps {
     children: React.ReactNode;
-    className?: string;
+    /** 인라인 스타일 / Inline style */
+    style?: React.CSSProperties;
     icon?: React.ReactNode;
     iconPosition?: "left" | "right";
     value?: string;
@@ -121,14 +130,15 @@ declare const AccordionTrigger: React.ForwardRefExoticComponent<AccordionTrigger
  * AccordionContent 컴포넌트의 props
  * @typedef {Object} AccordionContentProps
  * @property {React.ReactNode} children - 콘텐츠
- * @property {string} [className] - 추가 CSS 클래스
+ * @property {React.CSSProperties} [style] - 인라인 스타일
  * @property {boolean} [isOpen] - 열림 상태 (AccordionItem에서 자동 전달)
  * @property {string} [value] - 아이템 값 (AccordionItem에서 자동 전달)
  * @property {string} ['data-accordion-value'] - 아이템 값 (내부 사용)
  */
 interface AccordionContentProps {
     children: React.ReactNode;
-    className?: string;
+    /** 인라인 스타일 / Inline style */
+    style?: React.CSSProperties;
     isOpen?: boolean;
     value?: string;
     'data-accordion-value'?: string;
@@ -146,264 +156,236 @@ interface AccordionContentProps {
 declare const AccordionContent: React.ForwardRefExoticComponent<AccordionContentProps & React.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>}
+ * TabsContent component props
+ * @property {string} value - Unique value for tab panel (must match TabsTrigger value)
+ * @property {boolean} [active] - Tab panel active state (auto-set)
  */
-interface TabsContentProps extends React.HTMLAttributes<HTMLDivElement> {
+interface TabsContentProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "className"> {
     value: string;
     active?: boolean;
+    dot?: string;
+    style?: React.CSSProperties;
 }
 /**
- * TabsContent 컴포넌트 / TabsContent component
- * 탭의 콘텐츠 패널을 표시합니다. Tabs 컴포넌트 내부에서 사용됩니다.
+ * TabsContent component
  * 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.ForwardRefExoticComponent<TabsContentProps & React.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.HTMLAttributes<HTMLDivElement> {
+ * Tabs component props
+ * @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
+ */
+interface TabsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "className"> {
     value?: string;
     defaultValue?: string;
     onValueChange?: (value: string) => void;
     orientation?: "horizontal" | "vertical";
     variant?: "default" | "pills" | "underline" | "cards";
     size?: "sm" | "md" | "lg";
+    dot?: string;
+    style?: React.CSSProperties;
 }
 /**
- * Tabs 컴포넌트 / Tabs component
- *
- * 탭 네비게이션을 제공하는 컴포넌트입니다.
- * 키보드 네비게이션(Arrow keys, Home/End)을 지원하며, ARIA 속성을 자동으로 설정합니다.
+ * Tabs component
  *
  * 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>
+ *     <TabsTrigger value="tab1">Tab 1</TabsTrigger>
+ *     <TabsTrigger value="tab2">Tab 2</TabsTrigger>
  *   </TabsList>
- *   <TabsContent value="tab1">탭 1 내용</TabsContent>
- *   <TabsContent value="tab2">탭 2 내용</TabsContent>
+ *   <TabsContent value="tab1">Content 1</TabsContent>
+ *   <TabsContent value="tab2">Content 2</TabsContent>
  * </Tabs>
  *
  * @example
- * // 제어 컴포넌트 / Controlled component
+ * // Controlled component
  * const [activeTab, setActiveTab] = useState("tab1")
  * <Tabs value={activeTab} onValueChange={setActiveTab}>
  *   <TabsList>
- *     <TabsTrigger value="tab1">탭 1</TabsTrigger>
+ *     <TabsTrigger value="tab1">Tab 1</TabsTrigger>
  *   </TabsList>
- *   <TabsContent value="tab1">내용</TabsContent>
+ *   <TabsContent value="tab1">Content</TabsContent>
  * </Tabs>
  *
  * @example
- * // 다양한 변형 / Various variants
+ * // Various variants
  * <Tabs variant="pills" size="lg">
  *   <TabsList>
- *     <TabsTrigger value="tab1">Pills 스타일</TabsTrigger>
+ *     <TabsTrigger value="tab1">Pills style</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.ForwardRefExoticComponent<TabsProps & React.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>}
+ * TabsList component props
+ * @property {string} [value] - Currently active tab value (auto-passed from Tabs)
+ * @property {(value: string) => void} [onValueChange] - Tab change callback (auto-passed from Tabs)
+ * @property {"horizontal" | "vertical"} [orientation] - Tab orientation (auto-passed from Tabs)
+ * @property {"default" | "pills" | "underline" | "cards"} [variant] - Tab style (auto-passed from Tabs)
+ * @property {"sm" | "md" | "lg"} [size] - Tab size (auto-passed from Tabs)
  */
-interface TabsListProps extends React.HTMLAttributes<HTMLDivElement> {
+interface TabsListProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "className"> {
     value?: string;
     onValueChange?: (value: string) => void;
     orientation?: "horizontal" | "vertical";
     variant?: "default" | "pills" | "underline" | "cards";
     size?: "sm" | "md" | "lg";
+    dot?: string;
+    style?: React.CSSProperties;
 }
 /**
- * TabsList 컴포넌트 / TabsList component
- * 탭 트리거 목록을 표시합니다. Tabs 컴포넌트 내부에서 사용됩니다.
+ * TabsList component
  * 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.ForwardRefExoticComponent<TabsListProps & React.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.ButtonHTMLAttributes<HTMLButtonElement> {
+ * TabsTrigger component props
+ * @property {string} value - Unique trigger value (must match TabsContent value)
+ * @property {(value: string) => void} [onValueChange] - Tab change callback (auto-passed from TabsList)
+ * @property {"horizontal" | "vertical"} [orientation] - Tab orientation (auto-passed from TabsList)
+ * @property {"default" | "pills" | "underline" | "cards"} [variant] - Tab style (auto-passed from TabsList)
+ * @property {"sm" | "md" | "lg"} [size] - Tab size (auto-passed from TabsList)
+ * @property {boolean} [active] - Active state (auto-set)
+ */
+interface TabsTriggerProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "className"> {
     value: string;
     onValueChange?: (value: string) => void;
     orientation?: "horizontal" | "vertical";
     variant?: "default" | "pills" | "underline" | "cards";
     size?: "sm" | "md" | "lg";
     active?: boolean;
+    dot?: string;
+    style?: React.CSSProperties;
 }
 /**
- * TabsTrigger 컴포넌트 / TabsTrigger component
- * 탭을 활성화하는 버튼입니다. TabsList 컴포넌트 내부에서 사용됩니다.
+ * TabsTrigger component
  * 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.ForwardRefExoticComponent<TabsTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 declare const TabsPills: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>>;
 declare const TabsUnderline: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>>;
 declare const TabsCards: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>>;
 
+type MenuVariant = "default" | "horizontal" | "vertical" | "compact";
+type MenuSize = "sm" | "md" | "lg";
 /**
- * Menu 컴포넌트의 props / Menu component 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.HTMLAttributes<HTMLDivElement> {
+ * @property {React.ReactNode} children - MenuItem, MenuSeparator, MenuLabel components
+ * @property {"default" | "horizontal" | "vertical" | "compact"} [variant="default"] - Menu direction and style
+ * @property {"sm" | "md" | "lg"} [size="md"] - Menu item size
+ * @property {string} [dot] - dot utility string for additional styles
+ * @property {React.CSSProperties} [style] - Inline style overrides
+ * @extends {Omit<React.HTMLAttributes<HTMLDivElement>, 'className'>}
+ */
+interface MenuProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "className"> {
     children: React.ReactNode;
-    variant?: "default" | "horizontal" | "vertical" | "compact";
-    size?: "sm" | "md" | "lg";
+    variant?: MenuVariant;
+    size?: MenuSize;
+    dot?: string;
+    style?: React.CSSProperties;
 }
 /**
- * Menu 컴포넌트 / Menu component
- *
- * 메뉴 리스트를 제공하는 컴포넌트입니다.
- * MenuItem, MenuSeparator, MenuLabel과 함께 사용합니다.
+ * Menu component
  *
  * Component that provides menu lists.
  * Used with MenuItem, MenuSeparator, and MenuLabel.
  *
  * @component
  * @example
- * // 기본 수직 메뉴 / Basic vertical menu
+ * // Basic vertical menu
  * <Menu>
- *   <MenuItem icon={<Icon name="home" />}>홈</MenuItem>
- *   <MenuItem icon={<Icon name="settings" />}>설정</MenuItem>
+ *   <MenuItem icon={<Icon name="home" />}>Home</MenuItem>
+ *   <MenuItem icon={<Icon name="settings" />}>Settings</MenuItem>
  *   <MenuSeparator />
- *   <MenuItem>로그아웃</MenuItem>
+ *   <MenuItem>Logout</MenuItem>
  * </Menu>
  *
  * @example
- * // 수평 메뉴 / Horizontal menu
+ * // Horizontal menu
  * <Menu variant="horizontal">
- *   <MenuItem>메뉴 1</MenuItem>
- *   <MenuItem>메뉴 2</MenuItem>
+ *   <MenuItem>Menu 1</MenuItem>
+ *   <MenuItem>Menu 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.ForwardRefExoticComponent<MenuProps & React.RefAttributes<HTMLDivElement>>;
 /**
- * MenuItem 컴포넌트의 props / MenuItem component 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.ButtonHTMLAttributes<HTMLButtonElement> {
+ * @property {React.ReactNode} [icon] - Menu item icon
+ * @property {"default" | "horizontal" | "vertical" | "compact"} [variant] - Menu variant (auto-passed from Menu)
+ * @property {"sm" | "md" | "lg"} [size] - Menu size (auto-passed from Menu)
+ * @property {boolean} [active=false] - Active state
+ * @property {boolean} [disabled=false] - Disabled state
+ * @property {string} [dot] - dot utility string for additional styles
+ * @property {React.CSSProperties} [style] - Inline style overrides
+ * @extends {Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'className'>}
+ */
+interface MenuItemProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "className"> {
     icon?: React.ReactNode;
-    variant?: "default" | "horizontal" | "vertical" | "compact";
-    size?: "sm" | "md" | "lg";
+    variant?: MenuVariant;
+    size?: MenuSize;
     active?: boolean;
     disabled?: boolean;
+    dot?: string;
+    style?: React.CSSProperties;
 }
 /**
- * MenuItem 컴포넌트 / MenuItem component
- * 메뉴의 개별 아이템을 표시합니다.
+ * 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.ForwardRefExoticComponent<MenuItemProps & React.RefAttributes<HTMLButtonElement>>;
 /**
- * MenuSeparator 컴포넌트의 props / MenuSeparator component 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.HTMLAttributes<HTMLDivElement> {
-    variant?: "default" | "horizontal" | "vertical" | "compact";
+ * @property {"default" | "horizontal" | "vertical" | "compact"} [variant] - Menu variant (auto-passed from Menu)
+ * @property {string} [dot] - dot utility string for additional styles
+ * @property {React.CSSProperties} [style] - Inline style overrides
+ * @extends {Omit<React.HTMLAttributes<HTMLDivElement>, 'className'>}
+ */
+interface MenuSeparatorProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "className"> {
+    variant?: MenuVariant;
+    dot?: string;
+    style?: React.CSSProperties;
 }
 /**
- * MenuSeparator 컴포넌트 / MenuSeparator component
- * 메뉴 아이템들을 구분하는 구분선을 표시합니다.
+ * 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.ForwardRefExoticComponent<MenuSeparatorProps & React.RefAttributes<HTMLDivElement>>;
 /**
- * MenuLabel 컴포넌트의 props / MenuLabel component 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.HTMLAttributes<HTMLDivElement> {
-    variant?: "default" | "horizontal" | "vertical" | "compact";
-    size?: "sm" | "md" | "lg";
+ * @property {"default" | "horizontal" | "vertical" | "compact"} [variant] - Menu variant (auto-passed from Menu)
+ * @property {"sm" | "md" | "lg"} [size] - Menu size (auto-passed from Menu)
+ * @property {string} [dot] - dot utility string for additional styles
+ * @property {React.CSSProperties} [style] - Inline style overrides
+ * @extends {Omit<React.HTMLAttributes<HTMLDivElement>, 'className'>}
+ */
+interface MenuLabelProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "className"> {
+    variant?: MenuVariant;
+    size?: MenuSize;
+    dot?: string;
+    style?: React.CSSProperties;
 }
 /**
- * MenuLabel 컴포넌트 / MenuLabel component
- * 메뉴 섹션의 레이블을 표시합니다.
+ * 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.ForwardRefExoticComponent<MenuLabelProps & React.RefAttributes<HTMLDivElement>>;
 declare const MenuHorizontal: React.ForwardRefExoticComponent<Omit<MenuProps, "variant"> & React.RefAttributes<HTMLDivElement>>;
@@ -411,19 +393,18 @@ declare const MenuVertical: React.ForwardRefExoticComponent<Omit<MenuProps, "var
 declare const MenuCompact: React.ForwardRefExoticComponent<Omit<MenuProps, "variant"> & React.RefAttributes<HTMLDivElement>>;
 
 /**
- * ContextMenu 컴포넌트의 props / ContextMenu component 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.HTMLAttributes<HTMLDivElement> {
+ * @property {React.ReactNode} children - ContextMenu content
+ * @property {boolean} [open] - Open/close state in controlled mode
+ * @property {(open: boolean) => void} [onOpenChange] - State change callback
+ * @property {React.ReactNode} [trigger] - Trigger element to open context menu (right-click event)
+ * @property {"top" | "bottom" | "left" | "right"} [placement="bottom"] - ContextMenu display position
+ * @property {"start" | "center" | "end"} [align="start"] - ContextMenu alignment
+ * @property {number} [offset=8] - Spacing between trigger and context menu (px)
+ * @property {boolean} [disabled=false] - Disable context menu
+ */
+interface ContextMenuProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "className"> {
     children: React.ReactNode;
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
@@ -432,57 +413,58 @@ interface ContextMenuProps extends React.HTMLAttributes<HTMLDivElement> {
     align?: "start" | "center" | "end";
     offset?: number;
     disabled?: boolean;
+    dot?: string;
+    style?: React.CSSProperties;
 }
 /**
- * ContextMenu 컴포넌트 / ContextMenu component
- *
- * 우클릭 시 표시되는 컨텍스트 메뉴 컴포넌트입니다.
- * 트리거 요소에 우클릭 이벤트를 자동으로 연결합니다.
+ * 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>
+ * // Basic usage
+ * <ContextMenu trigger={<div>Right-click here</div>}>
+ *   <ContextMenuItem>Item 1</ContextMenuItem>
+ *   <ContextMenuItem>Item 2</ContextMenuItem>
  * </ContextMenu>
  *
  * @example
- * // 제어 모드 / Controlled mode
+ * // Controlled mode
  * const [open, setOpen] = useState(false)
  * <ContextMenu
  *   open={open}
  *   onOpenChange={setOpen}
- *   trigger={<div>우클릭</div>}
+ *   trigger={<div>Right-click</div>}
  * >
- *   <Menu>
- *     <MenuItem>복사</MenuItem>
- *     <MenuItem>삭제</MenuItem>
- *   </Menu>
+ *   <ContextMenuItem>Copy</ContextMenuItem>
+ *   <ContextMenuItem>Delete</ContextMenuItem>
  * </ContextMenu>
- *
- * @param {ContextMenuProps} props - ContextMenu 컴포넌트의 props / ContextMenu component props
- * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
- * @returns {JSX.Element} ContextMenu 컴포넌트 / ContextMenu component
  */
 declare const ContextMenu: React.ForwardRefExoticComponent<ContextMenuProps & React.RefAttributes<HTMLDivElement>>;
-interface ContextMenuItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+interface ContextMenuItemProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "className"> {
     icon?: React.ReactNode;
     variant?: "default" | "destructive" | "disabled";
+    dot?: string;
+    style?: React.CSSProperties;
 }
 declare const ContextMenuItem: React.ForwardRefExoticComponent<ContextMenuItemProps & React.RefAttributes<HTMLButtonElement>>;
-interface ContextMenuSeparatorProps extends React.HTMLAttributes<HTMLDivElement> {
+interface ContextMenuSeparatorProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "className"> {
+    dot?: string;
+    style?: React.CSSProperties;
 }
 declare const ContextMenuSeparator: React.ForwardRefExoticComponent<ContextMenuSeparatorProps & React.RefAttributes<HTMLDivElement>>;
-interface ContextMenuLabelProps extends React.HTMLAttributes<HTMLDivElement> {
+interface ContextMenuLabelProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "className"> {
+    dot?: string;
+    style?: React.CSSProperties;
 }
 declare const ContextMenuLabel: React.ForwardRefExoticComponent<ContextMenuLabelProps & React.RefAttributes<HTMLDivElement>>;
-declare const ContextMenuGroup: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+interface ContextMenuGroupProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "className"> {
+    dot?: string;
+    style?: React.CSSProperties;
+}
+declare const ContextMenuGroup: React.ForwardRefExoticComponent<ContextMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
 
 /**
  * Command 컴포넌트의 props / Command component props
@@ -494,9 +476,9 @@ declare const ContextMenuGroup: React.ForwardRefExoticComponent<React.HTMLAttrib
  * @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>}
+ * @extends {Omit<React.HTMLAttributes<HTMLDivElement>, 'className'>}
  */
-interface CommandProps extends React.HTMLAttributes<HTMLDivElement> {
+interface CommandProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "className"> {
     children: React.ReactNode;
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
@@ -504,6 +486,8 @@ interface CommandProps extends React.HTMLAttributes<HTMLDivElement> {
     searchValue?: string;
     onSearchChange?: (value: string) => void;
     disabled?: boolean;
+    dot?: string;
+    style?: React.CSSProperties;
 }
 /**
  * Command 컴포넌트 / Command component
@@ -549,12 +533,16 @@ declare const Command: React.ForwardRefExoticComponent<CommandProps & React.RefA
 /**
  * CommandInput 컴포넌트의 props / CommandInput component props
  * @typedef {Object} CommandInputProps
- * @extends {React.InputHTMLAttributes<HTMLInputElement>}
+ * @extends {Omit<React.InputHTMLAttributes<HTMLInputElement>, 'className'>}
  */
-interface CommandInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+interface CommandInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "className"> {
+    dot?: string;
+    style?: React.CSSProperties;
 }
 declare const CommandInput: React.ForwardRefExoticComponent<CommandInputProps & React.RefAttributes<HTMLInputElement>>;
-interface CommandListProps extends React.HTMLAttributes<HTMLDivElement> {
+interface CommandListProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "className"> {
+    dot?: string;
+    style?: React.CSSProperties;
 }
 declare const CommandList: React.ForwardRefExoticComponent<CommandListProps & React.RefAttributes<HTMLDivElement>>;
 /**
@@ -563,38 +551,46 @@ declare const CommandList: React.ForwardRefExoticComponent<CommandListProps & Re
  * @property {React.ReactNode} [icon] - 항목 아이콘 / Item icon
  * @property {boolean} [selected=false] - 선택 상태 / Selected state
  * @property {() => void} [onSelect] - 선택 시 콜백 / Selection callback
- * @extends {React.ButtonHTMLAttributes<HTMLButtonElement>}
+ * @extends {Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'className'>}
  */
-interface CommandItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+interface CommandItemProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "className"> {
     icon?: React.ReactNode;
     selected?: boolean;
     onSelect?: () => void;
+    dot?: string;
+    style?: React.CSSProperties;
 }
 declare const CommandItem: React.ForwardRefExoticComponent<CommandItemProps & React.RefAttributes<HTMLButtonElement>>;
 /**
  * CommandGroup 컴포넌트의 props / CommandGroup component props
  * @typedef {Object} CommandGroupProps
  * @property {React.ReactNode} [heading] - 그룹 제목 / Group heading
- * @extends {React.HTMLAttributes<HTMLDivElement>}
+ * @extends {Omit<React.HTMLAttributes<HTMLDivElement>, 'className'>}
  */
-interface CommandGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+interface CommandGroupProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "className"> {
     heading?: React.ReactNode;
+    dot?: string;
+    style?: React.CSSProperties;
 }
 declare const CommandGroup: React.ForwardRefExoticComponent<CommandGroupProps & React.RefAttributes<HTMLDivElement>>;
 /**
  * CommandSeparator 컴포넌트의 props / CommandSeparator component props
  * @typedef {Object} CommandSeparatorProps
- * @extends {React.HTMLAttributes<HTMLDivElement>}
+ * @extends {Omit<React.HTMLAttributes<HTMLDivElement>, 'className'>}
  */
-interface CommandSeparatorProps extends React.HTMLAttributes<HTMLDivElement> {
+interface CommandSeparatorProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "className"> {
+    dot?: string;
+    style?: React.CSSProperties;
 }
 declare const CommandSeparator: React.ForwardRefExoticComponent<CommandSeparatorProps & React.RefAttributes<HTMLDivElement>>;
 /**
  * CommandEmpty 컴포넌트의 props / CommandEmpty component props
  * @typedef {Object} CommandEmptyProps
- * @extends {React.HTMLAttributes<HTMLDivElement>}
+ * @extends {Omit<React.HTMLAttributes<HTMLDivElement>, 'className'>}
  */
-interface CommandEmptyProps extends React.HTMLAttributes<HTMLDivElement> {
+interface CommandEmptyProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "className"> {
+    dot?: string;
+    style?: React.CSSProperties;
 }
 declare const CommandEmpty: React.ForwardRefExoticComponent<CommandEmptyProps & React.RefAttributes<HTMLDivElement>>;
 declare const CommandDialog: React.ForwardRefExoticComponent<CommandProps & React.RefAttributes<HTMLDivElement>>;