@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 +81 -41
- package/dist/index.d.ts +81 -41
- package/dist/index.js +2358 -1084
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +2193 -920
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
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
|
-
/**
|
|
623
|
+
/** Category label shown above items */
|
|
594
624
|
label?: string;
|
|
595
|
-
/**
|
|
625
|
+
/** Icon rendered before the group label */
|
|
626
|
+
icon?: React$1.ReactNode;
|
|
596
627
|
options: SelectOption[];
|
|
597
628
|
}
|
|
598
|
-
interface
|
|
599
|
-
/**
|
|
629
|
+
interface SelectBase {
|
|
630
|
+
/** Flat list of options (shorthand for a single unnamed group) */
|
|
600
631
|
options?: SelectOption[];
|
|
601
|
-
/** Grouped options with optional
|
|
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
|
-
|
|
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,
|
|
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
|
-
/**
|
|
623
|
+
/** Category label shown above items */
|
|
594
624
|
label?: string;
|
|
595
|
-
/**
|
|
625
|
+
/** Icon rendered before the group label */
|
|
626
|
+
icon?: React$1.ReactNode;
|
|
596
627
|
options: SelectOption[];
|
|
597
628
|
}
|
|
598
|
-
interface
|
|
599
|
-
/**
|
|
629
|
+
interface SelectBase {
|
|
630
|
+
/** Flat list of options (shorthand for a single unnamed group) */
|
|
600
631
|
options?: SelectOption[];
|
|
601
|
-
/** Grouped options with optional
|
|
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
|
-
|
|
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,
|
|
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 };
|