@mondrianai/runyourai-design-system 0.0.7 → 0.0.8
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 +80 -14
- package/dist/index.d.ts +80 -14
- package/dist/index.js +732 -511
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +683 -467
- package/dist/index.mjs.map +1 -1
- package/dist/styles/index.css +5 -5
- package/dist/styles/index.css.map +1 -1
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -168,8 +168,9 @@ interface DataSectionProps {
|
|
|
168
168
|
left?: React$1.ReactNode;
|
|
169
169
|
right?: React$1.ReactNode;
|
|
170
170
|
className?: string;
|
|
171
|
+
childrenClassName?: string;
|
|
171
172
|
}
|
|
172
|
-
declare function DataSection({ title, left, right, className, children, }: DataSectionProps): react_jsx_runtime.JSX.Element;
|
|
173
|
+
declare function DataSection({ title, left, right, className, childrenClassName, children, }: DataSectionProps): react_jsx_runtime.JSX.Element;
|
|
173
174
|
|
|
174
175
|
interface DrawerProps {
|
|
175
176
|
open: boolean;
|
|
@@ -453,8 +454,9 @@ interface KbCardProps {
|
|
|
453
454
|
/** 카드 클릭 핸들러. selectable(편집 모드)일 때는 동작하지 않음. */
|
|
454
455
|
onClick?: () => void;
|
|
455
456
|
className?: string;
|
|
457
|
+
variant?: 'grid' | 'list';
|
|
456
458
|
}
|
|
457
|
-
declare function KbCard({ name, metadata, icon, topRight, selectable, checked, onCheckedChange, onClick, className, }: KbCardProps): react_jsx_runtime.JSX.Element;
|
|
459
|
+
declare function KbCard({ name, metadata, icon, topRight, selectable, checked, onCheckedChange, onClick, className, variant, }: KbCardProps): react_jsx_runtime.JSX.Element;
|
|
458
460
|
|
|
459
461
|
declare function MarkdownMessage({ content, isStreaming, footerMeta, className, }: {
|
|
460
462
|
content: string;
|
|
@@ -687,22 +689,27 @@ declare function Sidebar({ logo, menus, avatar, utilities, panelTopContent, pane
|
|
|
687
689
|
LinkComponent: SidebarLinkComponent;
|
|
688
690
|
}): react_jsx_runtime.JSX.Element;
|
|
689
691
|
|
|
690
|
-
|
|
691
|
-
|
|
692
|
-
|
|
693
|
-
|
|
692
|
+
interface SkeletonProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
693
|
+
/**
|
|
694
|
+
* bar — 가로 막대, width=100%, 양쪽 rounded-full (default)
|
|
695
|
+
* circle — 원형, size prop으로 지름 조절
|
|
696
|
+
* card — 대형 사각형 블록, rounded-xl
|
|
697
|
+
*/
|
|
698
|
+
shape?: 'bar' | 'circle' | 'card';
|
|
699
|
+
/**
|
|
700
|
+
* lg — bar: 24px / circle: 40px / card: 128px
|
|
701
|
+
* md — bar: 12px / circle: 32px / card: 96px
|
|
702
|
+
* sm — bar: 6px / circle: 24px / card: 64px
|
|
703
|
+
*/
|
|
704
|
+
size?: 'lg' | 'md' | 'sm';
|
|
694
705
|
}
|
|
695
|
-
declare function Skeleton({ className,
|
|
706
|
+
declare function Skeleton({ className, shape, size, ...props }: SkeletonProps): react_jsx_runtime.JSX.Element;
|
|
696
707
|
|
|
697
708
|
declare const Slider: React$1.ForwardRefExoticComponent<Omit<Slider$1.SliderProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
|
|
698
709
|
|
|
699
|
-
interface StepperStep {
|
|
700
|
-
/** key prop으로 사용되는 고유 식별자 */
|
|
701
|
-
id: string;
|
|
702
|
-
label: string;
|
|
703
|
-
}
|
|
704
710
|
interface StepperProps {
|
|
705
|
-
|
|
711
|
+
/** Step 라벨 문자열 배열 */
|
|
712
|
+
steps: string[];
|
|
706
713
|
/**
|
|
707
714
|
* 현재 진행 중인 step의 0-based 인덱스.
|
|
708
715
|
* 이 인덱스 이전 step은 complete, 이 인덱스는 current, 이후는 next.
|
|
@@ -712,6 +719,65 @@ interface StepperProps {
|
|
|
712
719
|
}
|
|
713
720
|
declare function Stepper({ steps, currentStep, className }: StepperProps): react_jsx_runtime.JSX.Element;
|
|
714
721
|
|
|
722
|
+
interface TabItem<T extends string = string> {
|
|
723
|
+
value: T;
|
|
724
|
+
label: string;
|
|
725
|
+
}
|
|
726
|
+
interface TabsProps<T extends string = string> {
|
|
727
|
+
allTabs: TabItem<T>[];
|
|
728
|
+
current: T;
|
|
729
|
+
onTabChange: (value: T) => void;
|
|
730
|
+
/**
|
|
731
|
+
* "pill" — 회색 배경 컨테이너 + 흰 배경 active (segment control 스타일)
|
|
732
|
+
* "underline" — 하단 밑줄 active (default)
|
|
733
|
+
*/
|
|
734
|
+
variant?: 'pill' | 'underline';
|
|
735
|
+
className?: string;
|
|
736
|
+
}
|
|
737
|
+
declare function Tabs<T extends string = string>({ allTabs, current, onTabChange, variant, className, }: TabsProps<T>): react_jsx_runtime.JSX.Element;
|
|
738
|
+
|
|
739
|
+
interface ToggleProps extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, 'onClick'> {
|
|
740
|
+
pressed?: boolean;
|
|
741
|
+
onPressedChange?: (pressed: boolean) => void;
|
|
742
|
+
size?: 'sm' | 'md' | 'lg';
|
|
743
|
+
}
|
|
744
|
+
declare const toggleSizeClasses: {
|
|
745
|
+
readonly sm: "h-7 min-w-7 px-1.5 text-sm";
|
|
746
|
+
readonly md: "h-9 min-w-9 px-2 text-sm";
|
|
747
|
+
readonly lg: "h-10 min-w-10 px-2.5 text-base";
|
|
748
|
+
};
|
|
749
|
+
declare const toggleBaseClasses = "inline-flex items-center justify-center gap-1.5 font-medium tracking-tight transition-colors select-none";
|
|
750
|
+
declare function Toggle({ pressed, onPressedChange, size, disabled, className, children, ...props }: ToggleProps): react_jsx_runtime.JSX.Element;
|
|
751
|
+
|
|
752
|
+
interface ToggleGroupItemData<T extends string = string> {
|
|
753
|
+
value: T;
|
|
754
|
+
children: React.ReactNode;
|
|
755
|
+
disabled?: boolean;
|
|
756
|
+
}
|
|
757
|
+
interface ToggleGroupBaseProps<T extends string = string> {
|
|
758
|
+
items: ToggleGroupItemData<T>[];
|
|
759
|
+
/**
|
|
760
|
+
* outlined — 컨테이너 border + 아이템 사이 divider (default)
|
|
761
|
+
* noBorder — border 없음, 아이템마다 rounded-md 독립 적용
|
|
762
|
+
*/
|
|
763
|
+
variant?: 'bordered' | 'noBorder';
|
|
764
|
+
disabled?: boolean;
|
|
765
|
+
size?: 'sm' | 'md' | 'lg';
|
|
766
|
+
className?: string;
|
|
767
|
+
}
|
|
768
|
+
interface ToggleGroupSingleProps<T extends string = string> extends ToggleGroupBaseProps<T> {
|
|
769
|
+
type?: 'single';
|
|
770
|
+
value?: T;
|
|
771
|
+
onValueChange?: (value: T) => void;
|
|
772
|
+
}
|
|
773
|
+
interface ToggleGroupMultipleProps<T extends string = string> extends ToggleGroupBaseProps<T> {
|
|
774
|
+
type: 'multiple';
|
|
775
|
+
value?: T[];
|
|
776
|
+
onValueChange?: (value: T[]) => void;
|
|
777
|
+
}
|
|
778
|
+
type ToggleGroupProps<T extends string = string> = ToggleGroupSingleProps<T> | ToggleGroupMultipleProps<T>;
|
|
779
|
+
declare function ToggleGroup<T extends string = string>({ items, variant, disabled, size, className, ...rest }: ToggleGroupProps<T>): react_jsx_runtime.JSX.Element;
|
|
780
|
+
|
|
715
781
|
interface CircleIndicatorProps {
|
|
716
782
|
/** 사용량 (바이트 또는 임의 단위) */
|
|
717
783
|
used: number;
|
|
@@ -1380,4 +1446,4 @@ declare function WordFileIcon({ className }: {
|
|
|
1380
1446
|
className?: string;
|
|
1381
1447
|
}): react_jsx_runtime.JSX.Element;
|
|
1382
1448
|
|
|
1383
|
-
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,
|
|
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 };
|
package/dist/index.d.ts
CHANGED
|
@@ -168,8 +168,9 @@ interface DataSectionProps {
|
|
|
168
168
|
left?: React$1.ReactNode;
|
|
169
169
|
right?: React$1.ReactNode;
|
|
170
170
|
className?: string;
|
|
171
|
+
childrenClassName?: string;
|
|
171
172
|
}
|
|
172
|
-
declare function DataSection({ title, left, right, className, children, }: DataSectionProps): react_jsx_runtime.JSX.Element;
|
|
173
|
+
declare function DataSection({ title, left, right, className, childrenClassName, children, }: DataSectionProps): react_jsx_runtime.JSX.Element;
|
|
173
174
|
|
|
174
175
|
interface DrawerProps {
|
|
175
176
|
open: boolean;
|
|
@@ -453,8 +454,9 @@ interface KbCardProps {
|
|
|
453
454
|
/** 카드 클릭 핸들러. selectable(편집 모드)일 때는 동작하지 않음. */
|
|
454
455
|
onClick?: () => void;
|
|
455
456
|
className?: string;
|
|
457
|
+
variant?: 'grid' | 'list';
|
|
456
458
|
}
|
|
457
|
-
declare function KbCard({ name, metadata, icon, topRight, selectable, checked, onCheckedChange, onClick, className, }: KbCardProps): react_jsx_runtime.JSX.Element;
|
|
459
|
+
declare function KbCard({ name, metadata, icon, topRight, selectable, checked, onCheckedChange, onClick, className, variant, }: KbCardProps): react_jsx_runtime.JSX.Element;
|
|
458
460
|
|
|
459
461
|
declare function MarkdownMessage({ content, isStreaming, footerMeta, className, }: {
|
|
460
462
|
content: string;
|
|
@@ -687,22 +689,27 @@ declare function Sidebar({ logo, menus, avatar, utilities, panelTopContent, pane
|
|
|
687
689
|
LinkComponent: SidebarLinkComponent;
|
|
688
690
|
}): react_jsx_runtime.JSX.Element;
|
|
689
691
|
|
|
690
|
-
|
|
691
|
-
|
|
692
|
-
|
|
693
|
-
|
|
692
|
+
interface SkeletonProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
693
|
+
/**
|
|
694
|
+
* bar — 가로 막대, width=100%, 양쪽 rounded-full (default)
|
|
695
|
+
* circle — 원형, size prop으로 지름 조절
|
|
696
|
+
* card — 대형 사각형 블록, rounded-xl
|
|
697
|
+
*/
|
|
698
|
+
shape?: 'bar' | 'circle' | 'card';
|
|
699
|
+
/**
|
|
700
|
+
* lg — bar: 24px / circle: 40px / card: 128px
|
|
701
|
+
* md — bar: 12px / circle: 32px / card: 96px
|
|
702
|
+
* sm — bar: 6px / circle: 24px / card: 64px
|
|
703
|
+
*/
|
|
704
|
+
size?: 'lg' | 'md' | 'sm';
|
|
694
705
|
}
|
|
695
|
-
declare function Skeleton({ className,
|
|
706
|
+
declare function Skeleton({ className, shape, size, ...props }: SkeletonProps): react_jsx_runtime.JSX.Element;
|
|
696
707
|
|
|
697
708
|
declare const Slider: React$1.ForwardRefExoticComponent<Omit<Slider$1.SliderProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
|
|
698
709
|
|
|
699
|
-
interface StepperStep {
|
|
700
|
-
/** key prop으로 사용되는 고유 식별자 */
|
|
701
|
-
id: string;
|
|
702
|
-
label: string;
|
|
703
|
-
}
|
|
704
710
|
interface StepperProps {
|
|
705
|
-
|
|
711
|
+
/** Step 라벨 문자열 배열 */
|
|
712
|
+
steps: string[];
|
|
706
713
|
/**
|
|
707
714
|
* 현재 진행 중인 step의 0-based 인덱스.
|
|
708
715
|
* 이 인덱스 이전 step은 complete, 이 인덱스는 current, 이후는 next.
|
|
@@ -712,6 +719,65 @@ interface StepperProps {
|
|
|
712
719
|
}
|
|
713
720
|
declare function Stepper({ steps, currentStep, className }: StepperProps): react_jsx_runtime.JSX.Element;
|
|
714
721
|
|
|
722
|
+
interface TabItem<T extends string = string> {
|
|
723
|
+
value: T;
|
|
724
|
+
label: string;
|
|
725
|
+
}
|
|
726
|
+
interface TabsProps<T extends string = string> {
|
|
727
|
+
allTabs: TabItem<T>[];
|
|
728
|
+
current: T;
|
|
729
|
+
onTabChange: (value: T) => void;
|
|
730
|
+
/**
|
|
731
|
+
* "pill" — 회색 배경 컨테이너 + 흰 배경 active (segment control 스타일)
|
|
732
|
+
* "underline" — 하단 밑줄 active (default)
|
|
733
|
+
*/
|
|
734
|
+
variant?: 'pill' | 'underline';
|
|
735
|
+
className?: string;
|
|
736
|
+
}
|
|
737
|
+
declare function Tabs<T extends string = string>({ allTabs, current, onTabChange, variant, className, }: TabsProps<T>): react_jsx_runtime.JSX.Element;
|
|
738
|
+
|
|
739
|
+
interface ToggleProps extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, 'onClick'> {
|
|
740
|
+
pressed?: boolean;
|
|
741
|
+
onPressedChange?: (pressed: boolean) => void;
|
|
742
|
+
size?: 'sm' | 'md' | 'lg';
|
|
743
|
+
}
|
|
744
|
+
declare const toggleSizeClasses: {
|
|
745
|
+
readonly sm: "h-7 min-w-7 px-1.5 text-sm";
|
|
746
|
+
readonly md: "h-9 min-w-9 px-2 text-sm";
|
|
747
|
+
readonly lg: "h-10 min-w-10 px-2.5 text-base";
|
|
748
|
+
};
|
|
749
|
+
declare const toggleBaseClasses = "inline-flex items-center justify-center gap-1.5 font-medium tracking-tight transition-colors select-none";
|
|
750
|
+
declare function Toggle({ pressed, onPressedChange, size, disabled, className, children, ...props }: ToggleProps): react_jsx_runtime.JSX.Element;
|
|
751
|
+
|
|
752
|
+
interface ToggleGroupItemData<T extends string = string> {
|
|
753
|
+
value: T;
|
|
754
|
+
children: React.ReactNode;
|
|
755
|
+
disabled?: boolean;
|
|
756
|
+
}
|
|
757
|
+
interface ToggleGroupBaseProps<T extends string = string> {
|
|
758
|
+
items: ToggleGroupItemData<T>[];
|
|
759
|
+
/**
|
|
760
|
+
* outlined — 컨테이너 border + 아이템 사이 divider (default)
|
|
761
|
+
* noBorder — border 없음, 아이템마다 rounded-md 독립 적용
|
|
762
|
+
*/
|
|
763
|
+
variant?: 'bordered' | 'noBorder';
|
|
764
|
+
disabled?: boolean;
|
|
765
|
+
size?: 'sm' | 'md' | 'lg';
|
|
766
|
+
className?: string;
|
|
767
|
+
}
|
|
768
|
+
interface ToggleGroupSingleProps<T extends string = string> extends ToggleGroupBaseProps<T> {
|
|
769
|
+
type?: 'single';
|
|
770
|
+
value?: T;
|
|
771
|
+
onValueChange?: (value: T) => void;
|
|
772
|
+
}
|
|
773
|
+
interface ToggleGroupMultipleProps<T extends string = string> extends ToggleGroupBaseProps<T> {
|
|
774
|
+
type: 'multiple';
|
|
775
|
+
value?: T[];
|
|
776
|
+
onValueChange?: (value: T[]) => void;
|
|
777
|
+
}
|
|
778
|
+
type ToggleGroupProps<T extends string = string> = ToggleGroupSingleProps<T> | ToggleGroupMultipleProps<T>;
|
|
779
|
+
declare function ToggleGroup<T extends string = string>({ items, variant, disabled, size, className, ...rest }: ToggleGroupProps<T>): react_jsx_runtime.JSX.Element;
|
|
780
|
+
|
|
715
781
|
interface CircleIndicatorProps {
|
|
716
782
|
/** 사용량 (바이트 또는 임의 단위) */
|
|
717
783
|
used: number;
|
|
@@ -1380,4 +1446,4 @@ declare function WordFileIcon({ className }: {
|
|
|
1380
1446
|
className?: string;
|
|
1381
1447
|
}): react_jsx_runtime.JSX.Element;
|
|
1382
1448
|
|
|
1383
|
-
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,
|
|
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 };
|