@mondrianai/runyourai-design-system 0.0.7 → 0.0.9

package/dist/index.d.mts

@@ -168,8 +168,9 @@ interface DataSectionProps {
     left?: React$1.ReactNode;
     right?: React$1.ReactNode;
     className?: string;
+    childrenClassName?: string;
 }
-declare function DataSection({ title, left, right, className, children, }: DataSectionProps): react_jsx_runtime.JSX.Element;
+declare function DataSection({ title, left, right, className, childrenClassName, children, }: DataSectionProps): react_jsx_runtime.JSX.Element;
 
 interface DrawerProps {
     open: boolean;
@@ -341,28 +342,6 @@ declare function FieldDivider({ className }: {
     className?: string;
 }): react_jsx_runtime.JSX.Element;
 
-type ModelItem = {
-    id: string;
-    apiId: string;
-    name: string;
-};
-type ModelGroup = {
-    id: string;
-    provider: string;
-    iconSrc: string;
-    models: ModelItem[];
-};
-/** 그룹 헤더(아이콘+이름)와 커스텀 스크롤바를 가진 그룹형 셀렉트
- * @param groups 표시할 그룹 목록 — 소비 측에서 데이터를 주입합니다.
- * @param readOnly true이면 chevron 없이 선택값만 muted-foreground로 표시 (드롭다운 비활성)
- * @param onModelChange 항목 선택 시 호출 — 선택된 항목의 apiId 전달 */
-declare function GroupedSelect({ groups, readOnly, defaultItemId, onChange, }: {
-    groups: ModelGroup[];
-    readOnly?: boolean;
-    defaultItemId?: string;
-    onChange?: (apiId: string) => void;
-}): react_jsx_runtime.JSX.Element;
-
 interface NavDropdownItem {
     label: string;
     icon?: string;
@@ -453,8 +432,9 @@ interface KbCardProps {
     /** 카드 클릭 핸들러. selectable(편집 모드)일 때는 동작하지 않음. */
     onClick?: () => void;
     className?: string;
+    variant?: 'grid' | 'list';
 }
-declare function KbCard({ name, metadata, icon, topRight, selectable, checked, onCheckedChange, onClick, className, }: KbCardProps): react_jsx_runtime.JSX.Element;
+declare function KbCard({ name, metadata, icon, topRight, selectable, checked, onCheckedChange, onClick, className, variant, }: KbCardProps): react_jsx_runtime.JSX.Element;
 
 declare function MarkdownMessage({ content, isStreaming, footerMeta, className, }: {
     content: string;
@@ -560,6 +540,25 @@ interface NumberBadgeProps {
 }
 declare function NumberBadge({ count, variant, className, }: NumberBadgeProps): react_jsx_runtime.JSX.Element;
 
+interface ProgressThreshold {
+    /** Value (0–100) at which this color activates */
+    at: number;
+    /** CSS color value, e.g. 'var(--color-amber-500)' or '#ef4444' */
+    color: string;
+}
+interface ProgressProps {
+    /** Current progress value (0–100) */
+    value: number;
+    /** Activates when value >= at */
+    warning?: ProgressThreshold;
+    /** Activates when value >= at (takes precedence over warning) */
+    danger?: ProgressThreshold;
+    /** Tooltip text shown on hover */
+    tooltip?: string;
+    className?: string;
+}
+declare function Progress({ value, warning, danger, tooltip, className, }: ProgressProps): react_jsx_runtime.JSX.Element;
+
 interface Item<T extends string> {
     key: T;
     label: string;
@@ -580,38 +579,41 @@ interface SearchInputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputEle
 declare function SearchInput({ value, onChange, placeholder, className, ...props }: SearchInputProps): react_jsx_runtime.JSX.Element;
 
 interface SelectOption {
-    /** Unique identifier for the option */
     value: string;
-    /** Display text shown in the list and trigger */
     label: string;
     /** Optional icon rendered before the label */
     icon?: React$1.ReactNode;
 }
 interface SelectGroup {
-    /** Optional category label shown above items */
+    /** Category label shown above items */
     label?: string;
-    /** Items in this group */
+    /** Icon rendered before the group label */
+    icon?: React$1.ReactNode;
     options: SelectOption[];
 }
-interface SelectProps {
-    /** List of selectable options (flat or grouped) */
+interface SelectBase {
+    /** Flat list of options (shorthand for a single unnamed group) */
     options?: SelectOption[];
-    /** Grouped options with optional category labels */
+    /** Grouped options with optional labels and icons */
     groups?: SelectGroup[];
-    /** Controlled selected value */
-    value?: string;
-    /** Default value for uncontrolled mode */
-    defaultValue?: string;
-    /** Callback when selection changes */
-    onValueChange?: (value: string) => void;
-    /** Placeholder text shown when no value is selected */
     placeholder?: string;
-    /** Additional className for the trigger button */
     className?: string;
-    /** Disable the select */
     disabled?: boolean;
 }
-declare function Select({ options, groups, value: controlledValue, defaultValue, onValueChange, placeholder, className, disabled, }: SelectProps): react_jsx_runtime.JSX.Element;
+interface SingleSelectProps extends SelectBase {
+    multiple?: false;
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+}
+interface MultiSelectProps extends SelectBase {
+    multiple: true;
+    value?: string[];
+    defaultValue?: string[];
+    onValueChange?: (value: string[]) => void;
+}
+type SelectProps = SingleSelectProps | MultiSelectProps;
+declare function Select(props: SelectProps): react_jsx_runtime.JSX.Element;
 
 interface SheetProps {
     open: boolean;
@@ -645,6 +647,7 @@ type SidebarSubMenuItem = {
     isExternal?: boolean;
 };
 type SidebarMainMenuItem = {
+    type?: 'item';
     id: string;
     title: string;
     href: string;
@@ -653,6 +656,8 @@ type SidebarMainMenuItem = {
     onClick?: () => void;
     onHover?: (e: React$1.MouseEvent<HTMLElement>) => void;
     subMenus?: SidebarSubMenuItem[];
+} | {
+    type: 'divider';
 };
 type SidebarUtilityItem = {
     id: string;
@@ -687,22 +692,27 @@ declare function Sidebar({ logo, menus, avatar, utilities, panelTopContent, pane
     LinkComponent: SidebarLinkComponent;
 }): react_jsx_runtime.JSX.Element;
 
-declare const skeletonVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface SkeletonProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof skeletonVariants> {
+interface SkeletonProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /**
+     * bar    — 가로 막대, width=100%, 양쪽 rounded-full (default)
+     * circle — 원형, size prop으로 지름 조절
+     * card   — 대형 사각형 블록, rounded-xl
+     */
+    shape?: 'bar' | 'circle' | 'card';
+    /**
+     * lg — bar: 24px / circle: 40px / card: 128px
+     * md — bar: 12px / circle: 32px / card:  96px
+     * sm — bar:  6px / circle: 24px / card:  64px
+     */
+    size?: 'lg' | 'md' | 'sm';
 }
-declare function Skeleton({ className, size, style, ...props }: SkeletonProps): react_jsx_runtime.JSX.Element;
+declare function Skeleton({ className, shape, size, ...props }: SkeletonProps): react_jsx_runtime.JSX.Element;
 
 declare const Slider: React$1.ForwardRefExoticComponent<Omit<Slider$1.SliderProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
 
-interface StepperStep {
-    /** key prop으로 사용되는 고유 식별자 */
-    id: string;
-    label: string;
-}
 interface StepperProps {
-    steps: StepperStep[];
+    /** Step 라벨 문자열 배열 */
+    steps: string[];
     /**
      * 현재 진행 중인 step의 0-based 인덱스.
      * 이 인덱스 이전 step은 complete, 이 인덱스는 current, 이후는 next.
@@ -712,6 +722,65 @@ interface StepperProps {
 }
 declare function Stepper({ steps, currentStep, className }: StepperProps): react_jsx_runtime.JSX.Element;
 
+interface TabItem<T extends string = string> {
+    value: T;
+    label: string;
+}
+interface TabsProps<T extends string = string> {
+    allTabs: TabItem<T>[];
+    current: T;
+    onTabChange: (value: T) => void;
+    /**
+     * "pill"      — 회색 배경 컨테이너 + 흰 배경 active (segment control 스타일)
+     * "underline" — 하단 밑줄 active (default)
+     */
+    variant?: 'pill' | 'underline';
+    className?: string;
+}
+declare function Tabs<T extends string = string>({ allTabs, current, onTabChange, variant, className, }: TabsProps<T>): react_jsx_runtime.JSX.Element;
+
+interface ToggleProps extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, 'onClick'> {
+    pressed?: boolean;
+    onPressedChange?: (pressed: boolean) => void;
+    size?: 'sm' | 'md' | 'lg';
+}
+declare const toggleSizeClasses: {
+    readonly sm: "h-7 min-w-7 px-1.5 text-sm";
+    readonly md: "h-9 min-w-9 px-2 text-sm";
+    readonly lg: "h-10 min-w-10 px-2.5 text-base";
+};
+declare const toggleBaseClasses = "inline-flex items-center justify-center gap-1.5 font-medium tracking-tight transition-colors select-none";
+declare function Toggle({ pressed, onPressedChange, size, disabled, className, children, ...props }: ToggleProps): react_jsx_runtime.JSX.Element;
+
+interface ToggleGroupItemData<T extends string = string> {
+    value: T;
+    children: React.ReactNode;
+    disabled?: boolean;
+}
+interface ToggleGroupBaseProps<T extends string = string> {
+    items: ToggleGroupItemData<T>[];
+    /**
+     * outlined — 컨테이너 border + 아이템 사이 divider (default)
+     * noBorder — border 없음, 아이템마다 rounded-md 독립 적용
+     */
+    variant?: 'bordered' | 'noBorder';
+    disabled?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    className?: string;
+}
+interface ToggleGroupSingleProps<T extends string = string> extends ToggleGroupBaseProps<T> {
+    type?: 'single';
+    value?: T;
+    onValueChange?: (value: T) => void;
+}
+interface ToggleGroupMultipleProps<T extends string = string> extends ToggleGroupBaseProps<T> {
+    type: 'multiple';
+    value?: T[];
+    onValueChange?: (value: T[]) => void;
+}
+type ToggleGroupProps<T extends string = string> = ToggleGroupSingleProps<T> | ToggleGroupMultipleProps<T>;
+declare function ToggleGroup<T extends string = string>({ items, variant, disabled, size, className, ...rest }: ToggleGroupProps<T>): react_jsx_runtime.JSX.Element;
+
 interface CircleIndicatorProps {
     /** 사용량 (바이트 또는 임의 단위) */
     used: number;
@@ -1380,4 +1449,4 @@ declare function WordFileIcon({ className }: {
     className?: string;
 }): react_jsx_runtime.JSX.Element;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AgentBlogIcon, AgentCsIcon, AgentDataIcon, AgentHrIcon, AgentMailIcon, AgentTrendIcon, AiAgentIcon, AiBuilderIcon, AiCloudIcon, AiDatacenterIcon, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AlignJustifyIcon, AlignLeftIcon, ArrowDownIcon, type AvailabilityStatus, Avatar, AvatarGroup, type AvatarGroupItem, type AvatarGroupProps, type AvatarProps, type AvatarSize, BADGE_VARIANT_STYLES, Badge, type BadgeProps, type BadgeVariant, BlockquoteIcon, BoldIcon, BookOpenIcon, BookUpIcon, Breadcrumb, Button, type ButtonProps, Card, type CardProps, type CardSpec, Checkbox, CheckboxCard, type CheckboxCardProps, type CheckboxProps, ChevronsUpDownIcon, ChoiceCardGroup, type ChoiceCardGroupProps, ChoiceCardItem, type ChoiceCardItemProps, CircleCheckFillIcon, CircleHelpIcon, CircleIndicator, type CircleIndicatorProps, CircleOutlineIcon, ClaudeIcon, CodeIcon, CodeSquareIcon, Collapsible, CollapsibleContent, type CollapsibleProps, CollapsibleRoot, CollapsibleTrigger, type CollapsibleWorkspace, Combobox, type ComboboxOption, type ComboboxProps, CreditIcon, DataSection, type DataSectionProps, DeepSeekIcon, DownloadIcon, Drawer, type DrawerProps, DriveIcon, Empty, EmptyTrayIcon, Field, FieldDivider, type FieldProps, FieldRow, type FieldRowProps, FieldSection, type FieldSectionProps, FileCodeIcon, FileSearchIcon, FileTypeCornerIcon, FolderAmberIcon, FolderBlueIcon, FolderClosedIcon, FolderGreenIcon, FolderVioletIcon, GeminiIcon, GoogleIcon, GroupedSelect, HangulFileIcon, Header, type HeaderNavItem, type HeaderProps, HeadingIcon, HtmlFileIcon, ICON_NODES, Icon, type IconProps, ImageIcon, ImportIcon, IndentIcon, ItalicIcon, KbCard, type KbCardMetadataItem, type KbCardProps, KeyRoundIcon, type LanguageItem, LayersIcon, LayoutGridIcon, LineChartIcon, LinkIcon, ListIcon, ListOrderedIcon, type MachineType, MarkdownFileIcon, MarkdownMessage, Menubar, MenubarContent, MenubarGroup, MenubarItem, MenubarMenu, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MessageCircleIcon, MessageFooter, type MessageFooterProps, MessagesSquareIcon, Modal, type ModalProps, type ModelGroup, type ModelItem, MyPageIcon, type NavDropdownItem, type NotificationItem, NumberBadge, type NumberBadgeProps, OpenAiIcon, OutdentIcon, Pagination, PanelLeftIcon, PdfFileIcon, PenLineIcon, PencilLineIcon, PresentationIcon, Providers, RefreshCwIcon, RyaiLogoIcon, SearchInput, type SearchInputProps, SegmentedControl, Select, type SelectGroup, type SelectOption, type SelectProps, Sheet, SheetFileIcon, ShoppingBagIcon, Sidebar, SidebarLink, type SidebarMainMenuItem, type SidebarSubMenuItem, type SidebarUtilityItem, Skeleton, type SkeletonProps, SlideFileIcon, Slider, SmileIcon, type SortDirection, SortIcon, SparklesIcon, SquareCheckIcon, SquareCheckOutlineIcon, StarIcon, Stepper, type StepperProps, type StepperStep, StrikethroughIcon, Switch, SwitchField, type SwitchFieldProps, Table, type TableColumn, type TablePaginationConfig, TablePropertiesIcon, type TableProps, type TableSortingItem, Tooltip, type TooltipProps, TooltipProvider, TooltipWithIcon, type TooltipWithIconProps, TrashIcon, UpstageIcon, type UserMenuSection, type UserMenuSectionItem, UserMessageBubble, WandSparklesIcon, WordFileIcon, buttonVariants };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AgentBlogIcon, AgentCsIcon, AgentDataIcon, AgentHrIcon, AgentMailIcon, AgentTrendIcon, AiAgentIcon, AiBuilderIcon, AiCloudIcon, AiDatacenterIcon, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AlignJustifyIcon, AlignLeftIcon, ArrowDownIcon, type AvailabilityStatus, Avatar, AvatarGroup, type AvatarGroupItem, type AvatarGroupProps, type AvatarProps, type AvatarSize, BADGE_VARIANT_STYLES, Badge, type BadgeProps, type BadgeVariant, BlockquoteIcon, BoldIcon, BookOpenIcon, BookUpIcon, Breadcrumb, Button, type ButtonProps, Card, type CardProps, type CardSpec, Checkbox, CheckboxCard, type CheckboxCardProps, type CheckboxProps, ChevronsUpDownIcon, ChoiceCardGroup, type ChoiceCardGroupProps, ChoiceCardItem, type ChoiceCardItemProps, CircleCheckFillIcon, CircleHelpIcon, CircleIndicator, type CircleIndicatorProps, CircleOutlineIcon, ClaudeIcon, CodeIcon, CodeSquareIcon, Collapsible, CollapsibleContent, type CollapsibleProps, CollapsibleRoot, CollapsibleTrigger, type CollapsibleWorkspace, Combobox, type ComboboxOption, type ComboboxProps, CreditIcon, DataSection, type DataSectionProps, DeepSeekIcon, DownloadIcon, Drawer, type DrawerProps, DriveIcon, Empty, EmptyTrayIcon, Field, FieldDivider, type FieldProps, FieldRow, type FieldRowProps, FieldSection, type FieldSectionProps, FileCodeIcon, FileSearchIcon, FileTypeCornerIcon, FolderAmberIcon, FolderBlueIcon, FolderClosedIcon, FolderGreenIcon, FolderVioletIcon, GeminiIcon, GoogleIcon, HangulFileIcon, Header, type HeaderNavItem, type HeaderProps, HeadingIcon, HtmlFileIcon, ICON_NODES, Icon, type IconProps, ImageIcon, ImportIcon, IndentIcon, ItalicIcon, KbCard, type KbCardMetadataItem, type KbCardProps, KeyRoundIcon, type LanguageItem, LayersIcon, LayoutGridIcon, LineChartIcon, LinkIcon, ListIcon, ListOrderedIcon, type MachineType, MarkdownFileIcon, MarkdownMessage, Menubar, MenubarContent, MenubarGroup, MenubarItem, MenubarMenu, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MessageCircleIcon, MessageFooter, type MessageFooterProps, MessagesSquareIcon, Modal, type ModalProps, MyPageIcon, type NavDropdownItem, type NotificationItem, NumberBadge, type NumberBadgeProps, OpenAiIcon, OutdentIcon, Pagination, PanelLeftIcon, PdfFileIcon, PenLineIcon, PencilLineIcon, PresentationIcon, Progress, type ProgressProps, type ProgressThreshold, Providers, RefreshCwIcon, RyaiLogoIcon, SearchInput, type SearchInputProps, SegmentedControl, Select, type SelectGroup, type SelectOption, type SelectProps, Sheet, SheetFileIcon, ShoppingBagIcon, Sidebar, SidebarLink, type SidebarMainMenuItem, type SidebarSubMenuItem, type SidebarUtilityItem, Skeleton, type SkeletonProps, SlideFileIcon, Slider, SmileIcon, type SortDirection, SortIcon, SparklesIcon, SquareCheckIcon, SquareCheckOutlineIcon, StarIcon, Stepper, type StepperProps, StrikethroughIcon, Switch, SwitchField, type SwitchFieldProps, type TabItem, Table, type TableColumn, type TablePaginationConfig, TablePropertiesIcon, type TableProps, type TableSortingItem, Tabs, type TabsProps, Toggle, ToggleGroup, type ToggleGroupItemData, type ToggleGroupProps, type ToggleProps, Tooltip, type TooltipProps, TooltipProvider, TooltipWithIcon, type TooltipWithIconProps, TrashIcon, UpstageIcon, type UserMenuSection, type UserMenuSectionItem, UserMessageBubble, WandSparklesIcon, WordFileIcon, buttonVariants, toggleBaseClasses, toggleSizeClasses };

package/dist/index.d.ts

@@ -168,8 +168,9 @@ interface DataSectionProps {
     left?: React$1.ReactNode;
     right?: React$1.ReactNode;
     className?: string;
+    childrenClassName?: string;
 }
-declare function DataSection({ title, left, right, className, children, }: DataSectionProps): react_jsx_runtime.JSX.Element;
+declare function DataSection({ title, left, right, className, childrenClassName, children, }: DataSectionProps): react_jsx_runtime.JSX.Element;
 
 interface DrawerProps {
     open: boolean;
@@ -341,28 +342,6 @@ declare function FieldDivider({ className }: {
     className?: string;
 }): react_jsx_runtime.JSX.Element;
 
-type ModelItem = {
-    id: string;
-    apiId: string;
-    name: string;
-};
-type ModelGroup = {
-    id: string;
-    provider: string;
-    iconSrc: string;
-    models: ModelItem[];
-};
-/** 그룹 헤더(아이콘+이름)와 커스텀 스크롤바를 가진 그룹형 셀렉트
- * @param groups 표시할 그룹 목록 — 소비 측에서 데이터를 주입합니다.
- * @param readOnly true이면 chevron 없이 선택값만 muted-foreground로 표시 (드롭다운 비활성)
- * @param onModelChange 항목 선택 시 호출 — 선택된 항목의 apiId 전달 */
-declare function GroupedSelect({ groups, readOnly, defaultItemId, onChange, }: {
-    groups: ModelGroup[];
-    readOnly?: boolean;
-    defaultItemId?: string;
-    onChange?: (apiId: string) => void;
-}): react_jsx_runtime.JSX.Element;
-
 interface NavDropdownItem {
     label: string;
     icon?: string;
@@ -453,8 +432,9 @@ interface KbCardProps {
     /** 카드 클릭 핸들러. selectable(편집 모드)일 때는 동작하지 않음. */
     onClick?: () => void;
     className?: string;
+    variant?: 'grid' | 'list';
 }
-declare function KbCard({ name, metadata, icon, topRight, selectable, checked, onCheckedChange, onClick, className, }: KbCardProps): react_jsx_runtime.JSX.Element;
+declare function KbCard({ name, metadata, icon, topRight, selectable, checked, onCheckedChange, onClick, className, variant, }: KbCardProps): react_jsx_runtime.JSX.Element;
 
 declare function MarkdownMessage({ content, isStreaming, footerMeta, className, }: {
     content: string;
@@ -560,6 +540,25 @@ interface NumberBadgeProps {
 }
 declare function NumberBadge({ count, variant, className, }: NumberBadgeProps): react_jsx_runtime.JSX.Element;
 
+interface ProgressThreshold {
+    /** Value (0–100) at which this color activates */
+    at: number;
+    /** CSS color value, e.g. 'var(--color-amber-500)' or '#ef4444' */
+    color: string;
+}
+interface ProgressProps {
+    /** Current progress value (0–100) */
+    value: number;
+    /** Activates when value >= at */
+    warning?: ProgressThreshold;
+    /** Activates when value >= at (takes precedence over warning) */
+    danger?: ProgressThreshold;
+    /** Tooltip text shown on hover */
+    tooltip?: string;
+    className?: string;
+}
+declare function Progress({ value, warning, danger, tooltip, className, }: ProgressProps): react_jsx_runtime.JSX.Element;
+
 interface Item<T extends string> {
     key: T;
     label: string;
@@ -580,38 +579,41 @@ interface SearchInputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputEle
 declare function SearchInput({ value, onChange, placeholder, className, ...props }: SearchInputProps): react_jsx_runtime.JSX.Element;
 
 interface SelectOption {
-    /** Unique identifier for the option */
     value: string;
-    /** Display text shown in the list and trigger */
     label: string;
     /** Optional icon rendered before the label */
     icon?: React$1.ReactNode;
 }
 interface SelectGroup {
-    /** Optional category label shown above items */
+    /** Category label shown above items */
     label?: string;
-    /** Items in this group */
+    /** Icon rendered before the group label */
+    icon?: React$1.ReactNode;
     options: SelectOption[];
 }
-interface SelectProps {
-    /** List of selectable options (flat or grouped) */
+interface SelectBase {
+    /** Flat list of options (shorthand for a single unnamed group) */
     options?: SelectOption[];
-    /** Grouped options with optional category labels */
+    /** Grouped options with optional labels and icons */
     groups?: SelectGroup[];
-    /** Controlled selected value */
-    value?: string;
-    /** Default value for uncontrolled mode */
-    defaultValue?: string;
-    /** Callback when selection changes */
-    onValueChange?: (value: string) => void;
-    /** Placeholder text shown when no value is selected */
     placeholder?: string;
-    /** Additional className for the trigger button */
     className?: string;
-    /** Disable the select */
     disabled?: boolean;
 }
-declare function Select({ options, groups, value: controlledValue, defaultValue, onValueChange, placeholder, className, disabled, }: SelectProps): react_jsx_runtime.JSX.Element;
+interface SingleSelectProps extends SelectBase {
+    multiple?: false;
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+}
+interface MultiSelectProps extends SelectBase {
+    multiple: true;
+    value?: string[];
+    defaultValue?: string[];
+    onValueChange?: (value: string[]) => void;
+}
+type SelectProps = SingleSelectProps | MultiSelectProps;
+declare function Select(props: SelectProps): react_jsx_runtime.JSX.Element;
 
 interface SheetProps {
     open: boolean;
@@ -645,6 +647,7 @@ type SidebarSubMenuItem = {
     isExternal?: boolean;
 };
 type SidebarMainMenuItem = {
+    type?: 'item';
     id: string;
     title: string;
     href: string;
@@ -653,6 +656,8 @@ type SidebarMainMenuItem = {
     onClick?: () => void;
     onHover?: (e: React$1.MouseEvent<HTMLElement>) => void;
     subMenus?: SidebarSubMenuItem[];
+} | {
+    type: 'divider';
 };
 type SidebarUtilityItem = {
     id: string;
@@ -687,22 +692,27 @@ declare function Sidebar({ logo, menus, avatar, utilities, panelTopContent, pane
     LinkComponent: SidebarLinkComponent;
 }): react_jsx_runtime.JSX.Element;
 
-declare const skeletonVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface SkeletonProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof skeletonVariants> {
+interface SkeletonProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /**
+     * bar    — 가로 막대, width=100%, 양쪽 rounded-full (default)
+     * circle — 원형, size prop으로 지름 조절
+     * card   — 대형 사각형 블록, rounded-xl
+     */
+    shape?: 'bar' | 'circle' | 'card';
+    /**
+     * lg — bar: 24px / circle: 40px / card: 128px
+     * md — bar: 12px / circle: 32px / card:  96px
+     * sm — bar:  6px / circle: 24px / card:  64px
+     */
+    size?: 'lg' | 'md' | 'sm';
 }
-declare function Skeleton({ className, size, style, ...props }: SkeletonProps): react_jsx_runtime.JSX.Element;
+declare function Skeleton({ className, shape, size, ...props }: SkeletonProps): react_jsx_runtime.JSX.Element;
 
 declare const Slider: React$1.ForwardRefExoticComponent<Omit<Slider$1.SliderProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
 
-interface StepperStep {
-    /** key prop으로 사용되는 고유 식별자 */
-    id: string;
-    label: string;
-}
 interface StepperProps {
-    steps: StepperStep[];
+    /** Step 라벨 문자열 배열 */
+    steps: string[];
     /**
      * 현재 진행 중인 step의 0-based 인덱스.
      * 이 인덱스 이전 step은 complete, 이 인덱스는 current, 이후는 next.
@@ -712,6 +722,65 @@ interface StepperProps {
 }
 declare function Stepper({ steps, currentStep, className }: StepperProps): react_jsx_runtime.JSX.Element;
 
+interface TabItem<T extends string = string> {
+    value: T;
+    label: string;
+}
+interface TabsProps<T extends string = string> {
+    allTabs: TabItem<T>[];
+    current: T;
+    onTabChange: (value: T) => void;
+    /**
+     * "pill"      — 회색 배경 컨테이너 + 흰 배경 active (segment control 스타일)
+     * "underline" — 하단 밑줄 active (default)
+     */
+    variant?: 'pill' | 'underline';
+    className?: string;
+}
+declare function Tabs<T extends string = string>({ allTabs, current, onTabChange, variant, className, }: TabsProps<T>): react_jsx_runtime.JSX.Element;
+
+interface ToggleProps extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, 'onClick'> {
+    pressed?: boolean;
+    onPressedChange?: (pressed: boolean) => void;
+    size?: 'sm' | 'md' | 'lg';
+}
+declare const toggleSizeClasses: {
+    readonly sm: "h-7 min-w-7 px-1.5 text-sm";
+    readonly md: "h-9 min-w-9 px-2 text-sm";
+    readonly lg: "h-10 min-w-10 px-2.5 text-base";
+};
+declare const toggleBaseClasses = "inline-flex items-center justify-center gap-1.5 font-medium tracking-tight transition-colors select-none";
+declare function Toggle({ pressed, onPressedChange, size, disabled, className, children, ...props }: ToggleProps): react_jsx_runtime.JSX.Element;
+
+interface ToggleGroupItemData<T extends string = string> {
+    value: T;
+    children: React.ReactNode;
+    disabled?: boolean;
+}
+interface ToggleGroupBaseProps<T extends string = string> {
+    items: ToggleGroupItemData<T>[];
+    /**
+     * outlined — 컨테이너 border + 아이템 사이 divider (default)
+     * noBorder — border 없음, 아이템마다 rounded-md 독립 적용
+     */
+    variant?: 'bordered' | 'noBorder';
+    disabled?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    className?: string;
+}
+interface ToggleGroupSingleProps<T extends string = string> extends ToggleGroupBaseProps<T> {
+    type?: 'single';
+    value?: T;
+    onValueChange?: (value: T) => void;
+}
+interface ToggleGroupMultipleProps<T extends string = string> extends ToggleGroupBaseProps<T> {
+    type: 'multiple';
+    value?: T[];
+    onValueChange?: (value: T[]) => void;
+}
+type ToggleGroupProps<T extends string = string> = ToggleGroupSingleProps<T> | ToggleGroupMultipleProps<T>;
+declare function ToggleGroup<T extends string = string>({ items, variant, disabled, size, className, ...rest }: ToggleGroupProps<T>): react_jsx_runtime.JSX.Element;
+
 interface CircleIndicatorProps {
     /** 사용량 (바이트 또는 임의 단위) */
     used: number;
@@ -1380,4 +1449,4 @@ declare function WordFileIcon({ className }: {
     className?: string;
 }): react_jsx_runtime.JSX.Element;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AgentBlogIcon, AgentCsIcon, AgentDataIcon, AgentHrIcon, AgentMailIcon, AgentTrendIcon, AiAgentIcon, AiBuilderIcon, AiCloudIcon, AiDatacenterIcon, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AlignJustifyIcon, AlignLeftIcon, ArrowDownIcon, type AvailabilityStatus, Avatar, AvatarGroup, type AvatarGroupItem, type AvatarGroupProps, type AvatarProps, type AvatarSize, BADGE_VARIANT_STYLES, Badge, type BadgeProps, type BadgeVariant, BlockquoteIcon, BoldIcon, BookOpenIcon, BookUpIcon, Breadcrumb, Button, type ButtonProps, Card, type CardProps, type CardSpec, Checkbox, CheckboxCard, type CheckboxCardProps, type CheckboxProps, ChevronsUpDownIcon, ChoiceCardGroup, type ChoiceCardGroupProps, ChoiceCardItem, type ChoiceCardItemProps, CircleCheckFillIcon, CircleHelpIcon, CircleIndicator, type CircleIndicatorProps, CircleOutlineIcon, ClaudeIcon, CodeIcon, CodeSquareIcon, Collapsible, CollapsibleContent, type CollapsibleProps, CollapsibleRoot, CollapsibleTrigger, type CollapsibleWorkspace, Combobox, type ComboboxOption, type ComboboxProps, CreditIcon, DataSection, type DataSectionProps, DeepSeekIcon, DownloadIcon, Drawer, type DrawerProps, DriveIcon, Empty, EmptyTrayIcon, Field, FieldDivider, type FieldProps, FieldRow, type FieldRowProps, FieldSection, type FieldSectionProps, FileCodeIcon, FileSearchIcon, FileTypeCornerIcon, FolderAmberIcon, FolderBlueIcon, FolderClosedIcon, FolderGreenIcon, FolderVioletIcon, GeminiIcon, GoogleIcon, GroupedSelect, HangulFileIcon, Header, type HeaderNavItem, type HeaderProps, HeadingIcon, HtmlFileIcon, ICON_NODES, Icon, type IconProps, ImageIcon, ImportIcon, IndentIcon, ItalicIcon, KbCard, type KbCardMetadataItem, type KbCardProps, KeyRoundIcon, type LanguageItem, LayersIcon, LayoutGridIcon, LineChartIcon, LinkIcon, ListIcon, ListOrderedIcon, type MachineType, MarkdownFileIcon, MarkdownMessage, Menubar, MenubarContent, MenubarGroup, MenubarItem, MenubarMenu, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MessageCircleIcon, MessageFooter, type MessageFooterProps, MessagesSquareIcon, Modal, type ModalProps, type ModelGroup, type ModelItem, MyPageIcon, type NavDropdownItem, type NotificationItem, NumberBadge, type NumberBadgeProps, OpenAiIcon, OutdentIcon, Pagination, PanelLeftIcon, PdfFileIcon, PenLineIcon, PencilLineIcon, PresentationIcon, Providers, RefreshCwIcon, RyaiLogoIcon, SearchInput, type SearchInputProps, SegmentedControl, Select, type SelectGroup, type SelectOption, type SelectProps, Sheet, SheetFileIcon, ShoppingBagIcon, Sidebar, SidebarLink, type SidebarMainMenuItem, type SidebarSubMenuItem, type SidebarUtilityItem, Skeleton, type SkeletonProps, SlideFileIcon, Slider, SmileIcon, type SortDirection, SortIcon, SparklesIcon, SquareCheckIcon, SquareCheckOutlineIcon, StarIcon, Stepper, type StepperProps, type StepperStep, StrikethroughIcon, Switch, SwitchField, type SwitchFieldProps, Table, type TableColumn, type TablePaginationConfig, TablePropertiesIcon, type TableProps, type TableSortingItem, Tooltip, type TooltipProps, TooltipProvider, TooltipWithIcon, type TooltipWithIconProps, TrashIcon, UpstageIcon, type UserMenuSection, type UserMenuSectionItem, UserMessageBubble, WandSparklesIcon, WordFileIcon, buttonVariants };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AgentBlogIcon, AgentCsIcon, AgentDataIcon, AgentHrIcon, AgentMailIcon, AgentTrendIcon, AiAgentIcon, AiBuilderIcon, AiCloudIcon, AiDatacenterIcon, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AlignJustifyIcon, AlignLeftIcon, ArrowDownIcon, type AvailabilityStatus, Avatar, AvatarGroup, type AvatarGroupItem, type AvatarGroupProps, type AvatarProps, type AvatarSize, BADGE_VARIANT_STYLES, Badge, type BadgeProps, type BadgeVariant, BlockquoteIcon, BoldIcon, BookOpenIcon, BookUpIcon, Breadcrumb, Button, type ButtonProps, Card, type CardProps, type CardSpec, Checkbox, CheckboxCard, type CheckboxCardProps, type CheckboxProps, ChevronsUpDownIcon, ChoiceCardGroup, type ChoiceCardGroupProps, ChoiceCardItem, type ChoiceCardItemProps, CircleCheckFillIcon, CircleHelpIcon, CircleIndicator, type CircleIndicatorProps, CircleOutlineIcon, ClaudeIcon, CodeIcon, CodeSquareIcon, Collapsible, CollapsibleContent, type CollapsibleProps, CollapsibleRoot, CollapsibleTrigger, type CollapsibleWorkspace, Combobox, type ComboboxOption, type ComboboxProps, CreditIcon, DataSection, type DataSectionProps, DeepSeekIcon, DownloadIcon, Drawer, type DrawerProps, DriveIcon, Empty, EmptyTrayIcon, Field, FieldDivider, type FieldProps, FieldRow, type FieldRowProps, FieldSection, type FieldSectionProps, FileCodeIcon, FileSearchIcon, FileTypeCornerIcon, FolderAmberIcon, FolderBlueIcon, FolderClosedIcon, FolderGreenIcon, FolderVioletIcon, GeminiIcon, GoogleIcon, HangulFileIcon, Header, type HeaderNavItem, type HeaderProps, HeadingIcon, HtmlFileIcon, ICON_NODES, Icon, type IconProps, ImageIcon, ImportIcon, IndentIcon, ItalicIcon, KbCard, type KbCardMetadataItem, type KbCardProps, KeyRoundIcon, type LanguageItem, LayersIcon, LayoutGridIcon, LineChartIcon, LinkIcon, ListIcon, ListOrderedIcon, type MachineType, MarkdownFileIcon, MarkdownMessage, Menubar, MenubarContent, MenubarGroup, MenubarItem, MenubarMenu, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MessageCircleIcon, MessageFooter, type MessageFooterProps, MessagesSquareIcon, Modal, type ModalProps, MyPageIcon, type NavDropdownItem, type NotificationItem, NumberBadge, type NumberBadgeProps, OpenAiIcon, OutdentIcon, Pagination, PanelLeftIcon, PdfFileIcon, PenLineIcon, PencilLineIcon, PresentationIcon, Progress, type ProgressProps, type ProgressThreshold, Providers, RefreshCwIcon, RyaiLogoIcon, SearchInput, type SearchInputProps, SegmentedControl, Select, type SelectGroup, type SelectOption, type SelectProps, Sheet, SheetFileIcon, ShoppingBagIcon, Sidebar, SidebarLink, type SidebarMainMenuItem, type SidebarSubMenuItem, type SidebarUtilityItem, Skeleton, type SkeletonProps, SlideFileIcon, Slider, SmileIcon, type SortDirection, SortIcon, SparklesIcon, SquareCheckIcon, SquareCheckOutlineIcon, StarIcon, Stepper, type StepperProps, StrikethroughIcon, Switch, SwitchField, type SwitchFieldProps, type TabItem, Table, type TableColumn, type TablePaginationConfig, TablePropertiesIcon, type TableProps, type TableSortingItem, Tabs, type TabsProps, Toggle, ToggleGroup, type ToggleGroupItemData, type ToggleGroupProps, type ToggleProps, Tooltip, type TooltipProps, TooltipProvider, TooltipWithIcon, type TooltipWithIconProps, TrashIcon, UpstageIcon, type UserMenuSection, type UserMenuSectionItem, UserMessageBubble, WandSparklesIcon, WordFileIcon, buttonVariants, toggleBaseClasses, toggleSizeClasses };