@mondrianai/runyourai-design-system 0.0.8 → 0.0.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.mts CHANGED
@@ -305,6 +305,41 @@ interface ComboboxProps {
305
305
  }
306
306
  declare function Combobox({ options, value, onValueChange, placeholder, searchPlaceholder, showSearch, footer, className, disabled, }: ComboboxProps): react_jsx_runtime.JSX.Element;
307
307
 
308
+ type DatePickerLocale = 'ko' | 'en' | 'jp';
309
+ type DatePickerMode = 'date' | 'offset';
310
+ interface DatePickerProps {
311
+ /** Controlled value */
312
+ value?: Date;
313
+ /** Uncontrolled default value */
314
+ defaultValue?: Date;
315
+ /** Called when user selects a date */
316
+ onChange?: (date: Date | undefined) => void;
317
+ /**
318
+ * 'date' — trigger shows formatted date (e.g. "June 01, 2025")
319
+ * 'offset' — trigger shows days-from-today (e.g. "In 2 days")
320
+ */
321
+ mode?: DatePickerMode;
322
+ /** When true, dates before today cannot be selected and prev-month nav is blocked at current month */
323
+ disablePast?: boolean;
324
+ locale?: DatePickerLocale;
325
+ /** Override the placeholder shown when no date is selected */
326
+ placeholder?: string;
327
+ /**
328
+ * Receives the selected date and returns a helper string rendered below the trigger.
329
+ * Only shown when mode='offset' and a date is selected.
330
+ */
331
+ className?: string;
332
+ /**
333
+ * [minYear, maxYear] for the year dropdown.
334
+ * Defaults to [currentYear - 10, currentYear + 10].
335
+ */
336
+ yearRange?: [number, number];
337
+ /** When true, shows locale-specific "Today" label instead of formatted date when today is selected */
338
+ showTodayLabel?: boolean;
339
+ disabled?: boolean;
340
+ }
341
+ declare function DatePicker({ value, defaultValue, onChange, mode, disablePast, locale, placeholder, className, yearRange, showTodayLabel, disabled, }: DatePickerProps): react_jsx_runtime.JSX.Element;
342
+
308
343
  interface FieldProps {
309
344
  /** 필드 레이블 */
310
345
  label?: string;
@@ -342,28 +377,6 @@ declare function FieldDivider({ className }: {
342
377
  className?: string;
343
378
  }): react_jsx_runtime.JSX.Element;
344
379
 
345
- type ModelItem = {
346
- id: string;
347
- apiId: string;
348
- name: string;
349
- };
350
- type ModelGroup = {
351
- id: string;
352
- provider: string;
353
- iconSrc: string;
354
- models: ModelItem[];
355
- };
356
- /** 그룹 헤더(아이콘+이름)와 커스텀 스크롤바를 가진 그룹형 셀렉트
357
- * @param groups 표시할 그룹 목록 — 소비 측에서 데이터를 주입합니다.
358
- * @param readOnly true이면 chevron 없이 선택값만 muted-foreground로 표시 (드롭다운 비활성)
359
- * @param onModelChange 항목 선택 시 호출 — 선택된 항목의 apiId 전달 */
360
- declare function GroupedSelect({ groups, readOnly, defaultItemId, onChange, }: {
361
- groups: ModelGroup[];
362
- readOnly?: boolean;
363
- defaultItemId?: string;
364
- onChange?: (apiId: string) => void;
365
- }): react_jsx_runtime.JSX.Element;
366
-
367
380
  interface NavDropdownItem {
368
381
  label: string;
369
382
  icon?: string;
@@ -562,6 +575,25 @@ interface NumberBadgeProps {
562
575
  }
563
576
  declare function NumberBadge({ count, variant, className, }: NumberBadgeProps): react_jsx_runtime.JSX.Element;
564
577
 
578
+ interface ProgressThreshold {
579
+ /** Value (0–100) at which this color activates */
580
+ at: number;
581
+ /** CSS color value, e.g. 'var(--color-amber-500)' or '#ef4444' */
582
+ color: string;
583
+ }
584
+ interface ProgressProps {
585
+ /** Current progress value (0–100) */
586
+ value: number;
587
+ /** Activates when value >= at */
588
+ warning?: ProgressThreshold;
589
+ /** Activates when value >= at (takes precedence over warning) */
590
+ danger?: ProgressThreshold;
591
+ /** Tooltip text shown on hover */
592
+ tooltip?: string;
593
+ className?: string;
594
+ }
595
+ declare function Progress({ value, warning, danger, tooltip, className, }: ProgressProps): react_jsx_runtime.JSX.Element;
596
+
565
597
  interface Item<T extends string> {
566
598
  key: T;
567
599
  label: string;
@@ -582,38 +614,41 @@ interface SearchInputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputEle
582
614
  declare function SearchInput({ value, onChange, placeholder, className, ...props }: SearchInputProps): react_jsx_runtime.JSX.Element;
583
615
 
584
616
  interface SelectOption {
585
- /** Unique identifier for the option */
586
617
  value: string;
587
- /** Display text shown in the list and trigger */
588
618
  label: string;
589
619
  /** Optional icon rendered before the label */
590
620
  icon?: React$1.ReactNode;
591
621
  }
592
622
  interface SelectGroup {
593
- /** Optional category label shown above items */
623
+ /** Category label shown above items */
594
624
  label?: string;
595
- /** Items in this group */
625
+ /** Icon rendered before the group label */
626
+ icon?: React$1.ReactNode;
596
627
  options: SelectOption[];
597
628
  }
598
- interface SelectProps {
599
- /** List of selectable options (flat or grouped) */
629
+ interface SelectBase {
630
+ /** Flat list of options (shorthand for a single unnamed group) */
600
631
  options?: SelectOption[];
601
- /** Grouped options with optional category labels */
632
+ /** Grouped options with optional labels and icons */
602
633
  groups?: SelectGroup[];
603
- /** Controlled selected value */
604
- value?: string;
605
- /** Default value for uncontrolled mode */
606
- defaultValue?: string;
607
- /** Callback when selection changes */
608
- onValueChange?: (value: string) => void;
609
- /** Placeholder text shown when no value is selected */
610
634
  placeholder?: string;
611
- /** Additional className for the trigger button */
612
635
  className?: string;
613
- /** Disable the select */
614
636
  disabled?: boolean;
615
637
  }
616
- declare function Select({ options, groups, value: controlledValue, defaultValue, onValueChange, placeholder, className, disabled, }: SelectProps): react_jsx_runtime.JSX.Element;
638
+ interface SingleSelectProps extends SelectBase {
639
+ multiple?: false;
640
+ value?: string;
641
+ defaultValue?: string;
642
+ onValueChange?: (value: string) => void;
643
+ }
644
+ interface MultiSelectProps extends SelectBase {
645
+ multiple: true;
646
+ value?: string[];
647
+ defaultValue?: string[];
648
+ onValueChange?: (value: string[]) => void;
649
+ }
650
+ type SelectProps = SingleSelectProps | MultiSelectProps;
651
+ declare function Select(props: SelectProps): react_jsx_runtime.JSX.Element;
617
652
 
618
653
  interface SheetProps {
619
654
  open: boolean;
@@ -647,6 +682,7 @@ type SidebarSubMenuItem = {
647
682
  isExternal?: boolean;
648
683
  };
649
684
  type SidebarMainMenuItem = {
685
+ type?: 'item';
650
686
  id: string;
651
687
  title: string;
652
688
  href: string;
@@ -655,6 +691,8 @@ type SidebarMainMenuItem = {
655
691
  onClick?: () => void;
656
692
  onHover?: (e: React$1.MouseEvent<HTMLElement>) => void;
657
693
  subMenus?: SidebarSubMenuItem[];
694
+ } | {
695
+ type: 'divider';
658
696
  };
659
697
  type SidebarUtilityItem = {
660
698
  id: string;
@@ -732,9 +770,11 @@ interface TabsProps<T extends string = string> {
732
770
  * "underline" — 하단 밑줄 active (default)
733
771
  */
734
772
  variant?: 'pill' | 'underline';
773
+ /** 컨테이너를 w-full로 펼치고 각 탭 버튼을 균등 분할(flex-1)합니다 */
774
+ block?: boolean;
735
775
  className?: string;
736
776
  }
737
- declare function Tabs<T extends string = string>({ allTabs, current, onTabChange, variant, className, }: TabsProps<T>): react_jsx_runtime.JSX.Element;
777
+ declare function Tabs<T extends string = string>({ allTabs, current, onTabChange, variant, block, className, }: TabsProps<T>): react_jsx_runtime.JSX.Element;
738
778
 
739
779
  interface ToggleProps extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, 'onClick'> {
740
780
  pressed?: boolean;
@@ -1446,4 +1486,4 @@ declare function WordFileIcon({ className }: {
1446
1486
  className?: string;
1447
1487
  }): react_jsx_runtime.JSX.Element;
1448
1488
 
1449
- 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, 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 };
1489
+ 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, DatePicker, type DatePickerLocale, type DatePickerMode, type DatePickerProps, 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 CHANGED
@@ -305,6 +305,41 @@ interface ComboboxProps {
305
305
  }
306
306
  declare function Combobox({ options, value, onValueChange, placeholder, searchPlaceholder, showSearch, footer, className, disabled, }: ComboboxProps): react_jsx_runtime.JSX.Element;
307
307
 
308
+ type DatePickerLocale = 'ko' | 'en' | 'jp';
309
+ type DatePickerMode = 'date' | 'offset';
310
+ interface DatePickerProps {
311
+ /** Controlled value */
312
+ value?: Date;
313
+ /** Uncontrolled default value */
314
+ defaultValue?: Date;
315
+ /** Called when user selects a date */
316
+ onChange?: (date: Date | undefined) => void;
317
+ /**
318
+ * 'date' — trigger shows formatted date (e.g. "June 01, 2025")
319
+ * 'offset' — trigger shows days-from-today (e.g. "In 2 days")
320
+ */
321
+ mode?: DatePickerMode;
322
+ /** When true, dates before today cannot be selected and prev-month nav is blocked at current month */
323
+ disablePast?: boolean;
324
+ locale?: DatePickerLocale;
325
+ /** Override the placeholder shown when no date is selected */
326
+ placeholder?: string;
327
+ /**
328
+ * Receives the selected date and returns a helper string rendered below the trigger.
329
+ * Only shown when mode='offset' and a date is selected.
330
+ */
331
+ className?: string;
332
+ /**
333
+ * [minYear, maxYear] for the year dropdown.
334
+ * Defaults to [currentYear - 10, currentYear + 10].
335
+ */
336
+ yearRange?: [number, number];
337
+ /** When true, shows locale-specific "Today" label instead of formatted date when today is selected */
338
+ showTodayLabel?: boolean;
339
+ disabled?: boolean;
340
+ }
341
+ declare function DatePicker({ value, defaultValue, onChange, mode, disablePast, locale, placeholder, className, yearRange, showTodayLabel, disabled, }: DatePickerProps): react_jsx_runtime.JSX.Element;
342
+
308
343
  interface FieldProps {
309
344
  /** 필드 레이블 */
310
345
  label?: string;
@@ -342,28 +377,6 @@ declare function FieldDivider({ className }: {
342
377
  className?: string;
343
378
  }): react_jsx_runtime.JSX.Element;
344
379
 
345
- type ModelItem = {
346
- id: string;
347
- apiId: string;
348
- name: string;
349
- };
350
- type ModelGroup = {
351
- id: string;
352
- provider: string;
353
- iconSrc: string;
354
- models: ModelItem[];
355
- };
356
- /** 그룹 헤더(아이콘+이름)와 커스텀 스크롤바를 가진 그룹형 셀렉트
357
- * @param groups 표시할 그룹 목록 — 소비 측에서 데이터를 주입합니다.
358
- * @param readOnly true이면 chevron 없이 선택값만 muted-foreground로 표시 (드롭다운 비활성)
359
- * @param onModelChange 항목 선택 시 호출 — 선택된 항목의 apiId 전달 */
360
- declare function GroupedSelect({ groups, readOnly, defaultItemId, onChange, }: {
361
- groups: ModelGroup[];
362
- readOnly?: boolean;
363
- defaultItemId?: string;
364
- onChange?: (apiId: string) => void;
365
- }): react_jsx_runtime.JSX.Element;
366
-
367
380
  interface NavDropdownItem {
368
381
  label: string;
369
382
  icon?: string;
@@ -562,6 +575,25 @@ interface NumberBadgeProps {
562
575
  }
563
576
  declare function NumberBadge({ count, variant, className, }: NumberBadgeProps): react_jsx_runtime.JSX.Element;
564
577
 
578
+ interface ProgressThreshold {
579
+ /** Value (0–100) at which this color activates */
580
+ at: number;
581
+ /** CSS color value, e.g. 'var(--color-amber-500)' or '#ef4444' */
582
+ color: string;
583
+ }
584
+ interface ProgressProps {
585
+ /** Current progress value (0–100) */
586
+ value: number;
587
+ /** Activates when value >= at */
588
+ warning?: ProgressThreshold;
589
+ /** Activates when value >= at (takes precedence over warning) */
590
+ danger?: ProgressThreshold;
591
+ /** Tooltip text shown on hover */
592
+ tooltip?: string;
593
+ className?: string;
594
+ }
595
+ declare function Progress({ value, warning, danger, tooltip, className, }: ProgressProps): react_jsx_runtime.JSX.Element;
596
+
565
597
  interface Item<T extends string> {
566
598
  key: T;
567
599
  label: string;
@@ -582,38 +614,41 @@ interface SearchInputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputEle
582
614
  declare function SearchInput({ value, onChange, placeholder, className, ...props }: SearchInputProps): react_jsx_runtime.JSX.Element;
583
615
 
584
616
  interface SelectOption {
585
- /** Unique identifier for the option */
586
617
  value: string;
587
- /** Display text shown in the list and trigger */
588
618
  label: string;
589
619
  /** Optional icon rendered before the label */
590
620
  icon?: React$1.ReactNode;
591
621
  }
592
622
  interface SelectGroup {
593
- /** Optional category label shown above items */
623
+ /** Category label shown above items */
594
624
  label?: string;
595
- /** Items in this group */
625
+ /** Icon rendered before the group label */
626
+ icon?: React$1.ReactNode;
596
627
  options: SelectOption[];
597
628
  }
598
- interface SelectProps {
599
- /** List of selectable options (flat or grouped) */
629
+ interface SelectBase {
630
+ /** Flat list of options (shorthand for a single unnamed group) */
600
631
  options?: SelectOption[];
601
- /** Grouped options with optional category labels */
632
+ /** Grouped options with optional labels and icons */
602
633
  groups?: SelectGroup[];
603
- /** Controlled selected value */
604
- value?: string;
605
- /** Default value for uncontrolled mode */
606
- defaultValue?: string;
607
- /** Callback when selection changes */
608
- onValueChange?: (value: string) => void;
609
- /** Placeholder text shown when no value is selected */
610
634
  placeholder?: string;
611
- /** Additional className for the trigger button */
612
635
  className?: string;
613
- /** Disable the select */
614
636
  disabled?: boolean;
615
637
  }
616
- declare function Select({ options, groups, value: controlledValue, defaultValue, onValueChange, placeholder, className, disabled, }: SelectProps): react_jsx_runtime.JSX.Element;
638
+ interface SingleSelectProps extends SelectBase {
639
+ multiple?: false;
640
+ value?: string;
641
+ defaultValue?: string;
642
+ onValueChange?: (value: string) => void;
643
+ }
644
+ interface MultiSelectProps extends SelectBase {
645
+ multiple: true;
646
+ value?: string[];
647
+ defaultValue?: string[];
648
+ onValueChange?: (value: string[]) => void;
649
+ }
650
+ type SelectProps = SingleSelectProps | MultiSelectProps;
651
+ declare function Select(props: SelectProps): react_jsx_runtime.JSX.Element;
617
652
 
618
653
  interface SheetProps {
619
654
  open: boolean;
@@ -647,6 +682,7 @@ type SidebarSubMenuItem = {
647
682
  isExternal?: boolean;
648
683
  };
649
684
  type SidebarMainMenuItem = {
685
+ type?: 'item';
650
686
  id: string;
651
687
  title: string;
652
688
  href: string;
@@ -655,6 +691,8 @@ type SidebarMainMenuItem = {
655
691
  onClick?: () => void;
656
692
  onHover?: (e: React$1.MouseEvent<HTMLElement>) => void;
657
693
  subMenus?: SidebarSubMenuItem[];
694
+ } | {
695
+ type: 'divider';
658
696
  };
659
697
  type SidebarUtilityItem = {
660
698
  id: string;
@@ -732,9 +770,11 @@ interface TabsProps<T extends string = string> {
732
770
  * "underline" — 하단 밑줄 active (default)
733
771
  */
734
772
  variant?: 'pill' | 'underline';
773
+ /** 컨테이너를 w-full로 펼치고 각 탭 버튼을 균등 분할(flex-1)합니다 */
774
+ block?: boolean;
735
775
  className?: string;
736
776
  }
737
- declare function Tabs<T extends string = string>({ allTabs, current, onTabChange, variant, className, }: TabsProps<T>): react_jsx_runtime.JSX.Element;
777
+ declare function Tabs<T extends string = string>({ allTabs, current, onTabChange, variant, block, className, }: TabsProps<T>): react_jsx_runtime.JSX.Element;
738
778
 
739
779
  interface ToggleProps extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, 'onClick'> {
740
780
  pressed?: boolean;
@@ -1446,4 +1486,4 @@ declare function WordFileIcon({ className }: {
1446
1486
  className?: string;
1447
1487
  }): react_jsx_runtime.JSX.Element;
1448
1488
 
1449
- 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, 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 };
1489
+ 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, DatePicker, type DatePickerLocale, type DatePickerMode, type DatePickerProps, 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 };