@mondrianai/runyourai-design-system 0.0.1 → 0.0.2
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 +52 -70
- package/dist/index.d.ts +52 -70
- package/dist/index.js +405 -690
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +381 -667
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -41,14 +41,11 @@ interface AvatarProps {
|
|
|
41
41
|
src?: string;
|
|
42
42
|
/** 이미지 alt 텍스트 */
|
|
43
43
|
alt?: string;
|
|
44
|
+
/** 이미지 fallback으로 이니셜 표시. 미제공 시 User 아이콘 표시 */
|
|
45
|
+
username?: string;
|
|
44
46
|
/**
|
|
45
|
-
*
|
|
46
|
-
* square
|
|
47
|
-
*/
|
|
48
|
-
fallback?: string;
|
|
49
|
-
/**
|
|
50
|
-
* circle (기본) — 원형, 사진 아바타
|
|
51
|
-
* square — 모서리 둥근 사각형, 이니셜 아바타 (bg-gray-500 + 흰 글자)
|
|
47
|
+
* circle(기본): 원형, 사진 아바타
|
|
48
|
+
* square: 모서리 둥근 사각형, 이니셜 아바타 (bg-gray-500 + 흰 글자)
|
|
52
49
|
*/
|
|
53
50
|
shape?: 'circle' | 'square';
|
|
54
51
|
/** sm (24px) | md (32px, 기본) | lg (40px) */
|
|
@@ -58,16 +55,16 @@ interface AvatarProps {
|
|
|
58
55
|
interface AvatarGroupItem {
|
|
59
56
|
/** 고유 식별자 (key prop으로 사용) */
|
|
60
57
|
id: string;
|
|
58
|
+
username?: string;
|
|
61
59
|
src?: string;
|
|
62
60
|
alt?: string;
|
|
63
|
-
fallback?: string;
|
|
64
61
|
}
|
|
65
62
|
interface AvatarGroupProps {
|
|
66
63
|
avatars: AvatarGroupItem[];
|
|
67
64
|
size?: AvatarSize;
|
|
68
65
|
className?: string;
|
|
69
66
|
}
|
|
70
|
-
declare function Avatar({ src, alt,
|
|
67
|
+
declare function Avatar({ src, alt, username, shape, size, className, }: AvatarProps): react_jsx_runtime.JSX.Element;
|
|
71
68
|
declare function AvatarGroup({ avatars, size, className }: AvatarGroupProps): react_jsx_runtime.JSX.Element;
|
|
72
69
|
|
|
73
70
|
/**
|
|
@@ -356,7 +353,7 @@ interface UserMenuSection {
|
|
|
356
353
|
label?: string;
|
|
357
354
|
items: UserMenuSectionItem[];
|
|
358
355
|
}
|
|
359
|
-
interface NotificationItem
|
|
356
|
+
interface NotificationItem {
|
|
360
357
|
id: string;
|
|
361
358
|
badge?: string;
|
|
362
359
|
date?: string;
|
|
@@ -378,7 +375,7 @@ interface HeaderProps {
|
|
|
378
375
|
onUpgrade?: () => void;
|
|
379
376
|
userEmail?: string;
|
|
380
377
|
userMenuSections?: UserMenuSection[];
|
|
381
|
-
notifications?: NotificationItem
|
|
378
|
+
notifications?: NotificationItem[];
|
|
382
379
|
onViewAllNotifications?: () => void;
|
|
383
380
|
hasNotification?: boolean;
|
|
384
381
|
languages?: LanguageItem[];
|
|
@@ -512,81 +509,66 @@ interface SheetProps {
|
|
|
512
509
|
declare function Sheet({ open, onClose, title, description, children, footer }: SheetProps): react_jsx_runtime.JSX.Element;
|
|
513
510
|
|
|
514
511
|
/**
|
|
515
|
-
* 링크
|
|
516
|
-
* 미지정 시 기본 <a> 태그로
|
|
512
|
+
* 링크 컴포넌트 타입. next/link의 Link, react-router의 Link 등을 그대로 전달할 수 있습니다.
|
|
513
|
+
* 미지정 시 기본 <a> 태그로 렌더링됩니다.
|
|
517
514
|
*/
|
|
518
|
-
type
|
|
515
|
+
type SidebarLinkComponent = React$1.ComponentType<{
|
|
519
516
|
href: string;
|
|
517
|
+
children: React$1.ReactNode;
|
|
520
518
|
className?: string;
|
|
521
519
|
style?: React$1.CSSProperties;
|
|
522
520
|
onClick?: () => void;
|
|
523
|
-
|
|
524
|
-
|
|
525
|
-
|
|
521
|
+
}>;
|
|
522
|
+
type SidebarSubMenuItem = {
|
|
523
|
+
id: string;
|
|
524
|
+
title: string;
|
|
526
525
|
href: string;
|
|
527
|
-
label: string;
|
|
528
526
|
icon: React$1.ReactNode;
|
|
529
|
-
isActive
|
|
527
|
+
isActive?: boolean;
|
|
528
|
+
titleBadge?: string | number;
|
|
530
529
|
onClick?: () => void;
|
|
531
|
-
/** true이면 이 항목 앞에 구분선을 렌더링합니다. */
|
|
532
|
-
dividerBefore?: boolean;
|
|
533
|
-
};
|
|
534
|
-
type SidebarTaskMenuItem = {
|
|
535
|
-
label: string;
|
|
536
|
-
icon?: React$1.ReactNode;
|
|
537
|
-
onSelect?: () => void;
|
|
538
|
-
variant?: 'default' | 'destructive';
|
|
539
|
-
/** true이면 이 항목 앞에 구분선(간격)을 렌더링합니다. */
|
|
540
|
-
separatorBefore?: boolean;
|
|
541
530
|
};
|
|
542
|
-
type
|
|
531
|
+
type SidebarMainMenuItem = {
|
|
543
532
|
id: string;
|
|
544
533
|
title: string;
|
|
545
|
-
/** 클릭 시 이동할 경로. renderLink 또는 기본 <a>로 렌더링됩니다. */
|
|
546
534
|
href: string;
|
|
547
|
-
icon?: React$1.ReactNode;
|
|
548
|
-
favorited?: boolean;
|
|
549
|
-
};
|
|
550
|
-
type SidebarUtilityLink = {
|
|
551
|
-
label: string;
|
|
552
535
|
icon: React$1.ReactNode;
|
|
553
|
-
|
|
554
|
-
href?: string;
|
|
536
|
+
isActive?: boolean;
|
|
555
537
|
onClick?: () => void;
|
|
538
|
+
onHover?: (e: React$1.MouseEvent<HTMLElement>) => void;
|
|
539
|
+
subMenus?: SidebarSubMenuItem[];
|
|
556
540
|
};
|
|
557
|
-
|
|
558
|
-
type SidebarLabels = {
|
|
559
|
-
taskSectionTitle?: string;
|
|
560
|
-
taskSectionHide?: string;
|
|
561
|
-
taskSectionShow?: string;
|
|
562
|
-
taskEmptyMessage?: string;
|
|
563
|
-
};
|
|
564
|
-
interface NotificationItem {
|
|
541
|
+
type SidebarUtilityItem = {
|
|
565
542
|
id: string;
|
|
566
|
-
|
|
567
|
-
|
|
568
|
-
|
|
569
|
-
|
|
570
|
-
|
|
571
|
-
|
|
543
|
+
/**
|
|
544
|
+
* popover가 지정된 경우 icon·label·href·onClick은 무시됩니다.
|
|
545
|
+
* Sidebar는 단순 렌더링만 수행합니다.
|
|
546
|
+
*/
|
|
547
|
+
popover?: React$1.ReactNode;
|
|
548
|
+
icon?: React$1.ReactNode;
|
|
549
|
+
label?: string;
|
|
550
|
+
href?: string;
|
|
551
|
+
onClick?: (e: React$1.MouseEvent<HTMLElement>) => void;
|
|
552
|
+
onHover?: (e: React$1.MouseEvent<HTMLElement>) => void;
|
|
553
|
+
notiBadge?: boolean | number;
|
|
554
|
+
};
|
|
555
|
+
declare function SidebarLink({ href, className, style, onClick, children, }: {
|
|
556
|
+
href: string;
|
|
572
557
|
className?: string;
|
|
573
|
-
|
|
574
|
-
|
|
575
|
-
|
|
576
|
-
|
|
577
|
-
|
|
578
|
-
|
|
579
|
-
|
|
580
|
-
|
|
581
|
-
|
|
582
|
-
|
|
583
|
-
|
|
584
|
-
|
|
585
|
-
|
|
586
|
-
|
|
587
|
-
onDeleteTask?: (id: string) => void;
|
|
588
|
-
labels?: SidebarLabels;
|
|
589
|
-
renderLink?: RenderLinkFn;
|
|
558
|
+
style?: React$1.CSSProperties;
|
|
559
|
+
onClick?: () => void;
|
|
560
|
+
children: React$1.ReactNode;
|
|
561
|
+
}): React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>>;
|
|
562
|
+
declare function Sidebar({ logo, menus, avatar, utilities, panelTopContent, panelCenterContent, panelBottomContent, className, LinkComponent, }: {
|
|
563
|
+
logo: React$1.ReactNode;
|
|
564
|
+
menus: SidebarMainMenuItem[];
|
|
565
|
+
avatar: React$1.ReactNode;
|
|
566
|
+
utilities?: SidebarUtilityItem[];
|
|
567
|
+
panelTopContent?: React$1.ReactNode;
|
|
568
|
+
panelCenterContent?: React$1.ReactNode;
|
|
569
|
+
panelBottomContent?: React$1.ReactNode;
|
|
570
|
+
className?: string;
|
|
571
|
+
LinkComponent: SidebarLinkComponent;
|
|
590
572
|
}): react_jsx_runtime.JSX.Element;
|
|
591
573
|
|
|
592
574
|
declare const Slider: React$1.ForwardRefExoticComponent<Omit<Slider$1.SliderProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
|
|
@@ -1033,4 +1015,4 @@ declare function ShoppingBagIcon({ className }: {
|
|
|
1033
1015
|
className?: string;
|
|
1034
1016
|
}): react_jsx_runtime.JSX.Element;
|
|
1035
1017
|
|
|
1036
|
-
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, 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, BADGE_VARIANT_STYLES, Badge, type BadgeProps, type BadgeVariant, BlockquoteIcon, BoldIcon, BookUpIcon, Breadcrumb, BreadcrumbDropdownItem, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Card, type CardProps, type CardSpec, Checkbox, CheckboxCard, type CheckboxCardProps, type CheckboxProps, ChevronsUpDownIcon, ChoiceCardGroup, type ChoiceCardGroupProps, ChoiceCardItem, type ChoiceCardItemProps, CircleCheckFillIcon, CircleOutlineIcon, ClaudeIcon, CodeIcon, CodeSquareIcon, Collapsible, CollapsibleContent, type CollapsibleProps, CollapsibleRoot, CollapsibleTrigger, type CollapsibleWorkspace, Combobox, type ComboboxOption, type ComboboxProps, DeepSeekIcon, DownloadIcon, Field, FieldDivider, type FieldProps, FieldRow, type FieldRowProps, FieldSection, type FieldSectionProps, FileCodeIcon, FileSearchIcon, FolderAmberIcon, GeminiIcon, GoogleIcon, GroupedSelect, Header, type HeaderNavItem, type HeaderProps, HeadingIcon, ICON_NODES, Icon, type IconProps, ImageIcon, ImportIcon, IndentIcon, ItalicIcon, type LanguageItem, LayersIcon, LayoutGridIcon, LineChartIcon, LinkIcon, ListIcon, ListOrderedIcon, type MachineType, MarkdownMessage, Menubar, MenubarContent, MenubarGroup, MenubarItem, MenubarMenu, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MessageCircleIcon, MessageFooter, type MessageFooterProps, MessagesSquareIcon, type ModelGroup, type ModelItem, MyPageIcon, type NavDropdownItem, type NotificationItem
|
|
1018
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, 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, BookUpIcon, Breadcrumb, BreadcrumbDropdownItem, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Card, type CardProps, type CardSpec, Checkbox, CheckboxCard, type CheckboxCardProps, type CheckboxProps, ChevronsUpDownIcon, ChoiceCardGroup, type ChoiceCardGroupProps, ChoiceCardItem, type ChoiceCardItemProps, CircleCheckFillIcon, CircleOutlineIcon, ClaudeIcon, CodeIcon, CodeSquareIcon, Collapsible, CollapsibleContent, type CollapsibleProps, CollapsibleRoot, CollapsibleTrigger, type CollapsibleWorkspace, Combobox, type ComboboxOption, type ComboboxProps, DeepSeekIcon, DownloadIcon, Field, FieldDivider, type FieldProps, FieldRow, type FieldRowProps, FieldSection, type FieldSectionProps, FileCodeIcon, FileSearchIcon, FolderAmberIcon, GeminiIcon, GoogleIcon, GroupedSelect, Header, type HeaderNavItem, type HeaderProps, HeadingIcon, ICON_NODES, Icon, type IconProps, ImageIcon, ImportIcon, IndentIcon, ItalicIcon, type LanguageItem, LayersIcon, LayoutGridIcon, LineChartIcon, LinkIcon, ListIcon, ListOrderedIcon, type MachineType, MarkdownMessage, Menubar, MenubarContent, MenubarGroup, MenubarItem, MenubarMenu, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MessageCircleIcon, MessageFooter, type MessageFooterProps, MessagesSquareIcon, type ModelGroup, type ModelItem, MyPageIcon, type NavDropdownItem, type NotificationItem, NumberBadge, type NumberBadgeProps, OpenAiIcon, OutdentIcon, PenLineIcon, PencilLineIcon, PresentationIcon, Providers, RyaiLogoIcon, SegmentedControl, Select, type SelectGroup, type SelectOption, type SelectProps, Sheet, ShoppingBagIcon, Sidebar, SidebarLink, type SidebarMainMenuItem, type SidebarSubMenuItem, type SidebarUtilityItem, Slider, SmileIcon, SparklesIcon, SquareCheckIcon, SquareCheckOutlineIcon, StarIcon, Stepper, type StepperProps, type StepperStep, StrikethroughIcon, Switch, SwitchField, type SwitchFieldProps, TablePropertiesIcon, Tooltip, type TooltipProps, TooltipProvider, TooltipWithIcon, type TooltipWithIconProps, TrashIcon, UpstageIcon, type UserMenuSection, type UserMenuSectionItem, UserMessageBubble, WandSparklesIcon, buttonVariants };
|
package/dist/index.d.ts
CHANGED
|
@@ -41,14 +41,11 @@ interface AvatarProps {
|
|
|
41
41
|
src?: string;
|
|
42
42
|
/** 이미지 alt 텍스트 */
|
|
43
43
|
alt?: string;
|
|
44
|
+
/** 이미지 fallback으로 이니셜 표시. 미제공 시 User 아이콘 표시 */
|
|
45
|
+
username?: string;
|
|
44
46
|
/**
|
|
45
|
-
*
|
|
46
|
-
* square
|
|
47
|
-
*/
|
|
48
|
-
fallback?: string;
|
|
49
|
-
/**
|
|
50
|
-
* circle (기본) — 원형, 사진 아바타
|
|
51
|
-
* square — 모서리 둥근 사각형, 이니셜 아바타 (bg-gray-500 + 흰 글자)
|
|
47
|
+
* circle(기본): 원형, 사진 아바타
|
|
48
|
+
* square: 모서리 둥근 사각형, 이니셜 아바타 (bg-gray-500 + 흰 글자)
|
|
52
49
|
*/
|
|
53
50
|
shape?: 'circle' | 'square';
|
|
54
51
|
/** sm (24px) | md (32px, 기본) | lg (40px) */
|
|
@@ -58,16 +55,16 @@ interface AvatarProps {
|
|
|
58
55
|
interface AvatarGroupItem {
|
|
59
56
|
/** 고유 식별자 (key prop으로 사용) */
|
|
60
57
|
id: string;
|
|
58
|
+
username?: string;
|
|
61
59
|
src?: string;
|
|
62
60
|
alt?: string;
|
|
63
|
-
fallback?: string;
|
|
64
61
|
}
|
|
65
62
|
interface AvatarGroupProps {
|
|
66
63
|
avatars: AvatarGroupItem[];
|
|
67
64
|
size?: AvatarSize;
|
|
68
65
|
className?: string;
|
|
69
66
|
}
|
|
70
|
-
declare function Avatar({ src, alt,
|
|
67
|
+
declare function Avatar({ src, alt, username, shape, size, className, }: AvatarProps): react_jsx_runtime.JSX.Element;
|
|
71
68
|
declare function AvatarGroup({ avatars, size, className }: AvatarGroupProps): react_jsx_runtime.JSX.Element;
|
|
72
69
|
|
|
73
70
|
/**
|
|
@@ -356,7 +353,7 @@ interface UserMenuSection {
|
|
|
356
353
|
label?: string;
|
|
357
354
|
items: UserMenuSectionItem[];
|
|
358
355
|
}
|
|
359
|
-
interface NotificationItem
|
|
356
|
+
interface NotificationItem {
|
|
360
357
|
id: string;
|
|
361
358
|
badge?: string;
|
|
362
359
|
date?: string;
|
|
@@ -378,7 +375,7 @@ interface HeaderProps {
|
|
|
378
375
|
onUpgrade?: () => void;
|
|
379
376
|
userEmail?: string;
|
|
380
377
|
userMenuSections?: UserMenuSection[];
|
|
381
|
-
notifications?: NotificationItem
|
|
378
|
+
notifications?: NotificationItem[];
|
|
382
379
|
onViewAllNotifications?: () => void;
|
|
383
380
|
hasNotification?: boolean;
|
|
384
381
|
languages?: LanguageItem[];
|
|
@@ -512,81 +509,66 @@ interface SheetProps {
|
|
|
512
509
|
declare function Sheet({ open, onClose, title, description, children, footer }: SheetProps): react_jsx_runtime.JSX.Element;
|
|
513
510
|
|
|
514
511
|
/**
|
|
515
|
-
* 링크
|
|
516
|
-
* 미지정 시 기본 <a> 태그로
|
|
512
|
+
* 링크 컴포넌트 타입. next/link의 Link, react-router의 Link 등을 그대로 전달할 수 있습니다.
|
|
513
|
+
* 미지정 시 기본 <a> 태그로 렌더링됩니다.
|
|
517
514
|
*/
|
|
518
|
-
type
|
|
515
|
+
type SidebarLinkComponent = React$1.ComponentType<{
|
|
519
516
|
href: string;
|
|
517
|
+
children: React$1.ReactNode;
|
|
520
518
|
className?: string;
|
|
521
519
|
style?: React$1.CSSProperties;
|
|
522
520
|
onClick?: () => void;
|
|
523
|
-
|
|
524
|
-
|
|
525
|
-
|
|
521
|
+
}>;
|
|
522
|
+
type SidebarSubMenuItem = {
|
|
523
|
+
id: string;
|
|
524
|
+
title: string;
|
|
526
525
|
href: string;
|
|
527
|
-
label: string;
|
|
528
526
|
icon: React$1.ReactNode;
|
|
529
|
-
isActive
|
|
527
|
+
isActive?: boolean;
|
|
528
|
+
titleBadge?: string | number;
|
|
530
529
|
onClick?: () => void;
|
|
531
|
-
/** true이면 이 항목 앞에 구분선을 렌더링합니다. */
|
|
532
|
-
dividerBefore?: boolean;
|
|
533
|
-
};
|
|
534
|
-
type SidebarTaskMenuItem = {
|
|
535
|
-
label: string;
|
|
536
|
-
icon?: React$1.ReactNode;
|
|
537
|
-
onSelect?: () => void;
|
|
538
|
-
variant?: 'default' | 'destructive';
|
|
539
|
-
/** true이면 이 항목 앞에 구분선(간격)을 렌더링합니다. */
|
|
540
|
-
separatorBefore?: boolean;
|
|
541
530
|
};
|
|
542
|
-
type
|
|
531
|
+
type SidebarMainMenuItem = {
|
|
543
532
|
id: string;
|
|
544
533
|
title: string;
|
|
545
|
-
/** 클릭 시 이동할 경로. renderLink 또는 기본 <a>로 렌더링됩니다. */
|
|
546
534
|
href: string;
|
|
547
|
-
icon?: React$1.ReactNode;
|
|
548
|
-
favorited?: boolean;
|
|
549
|
-
};
|
|
550
|
-
type SidebarUtilityLink = {
|
|
551
|
-
label: string;
|
|
552
535
|
icon: React$1.ReactNode;
|
|
553
|
-
|
|
554
|
-
href?: string;
|
|
536
|
+
isActive?: boolean;
|
|
555
537
|
onClick?: () => void;
|
|
538
|
+
onHover?: (e: React$1.MouseEvent<HTMLElement>) => void;
|
|
539
|
+
subMenus?: SidebarSubMenuItem[];
|
|
556
540
|
};
|
|
557
|
-
|
|
558
|
-
type SidebarLabels = {
|
|
559
|
-
taskSectionTitle?: string;
|
|
560
|
-
taskSectionHide?: string;
|
|
561
|
-
taskSectionShow?: string;
|
|
562
|
-
taskEmptyMessage?: string;
|
|
563
|
-
};
|
|
564
|
-
interface NotificationItem {
|
|
541
|
+
type SidebarUtilityItem = {
|
|
565
542
|
id: string;
|
|
566
|
-
|
|
567
|
-
|
|
568
|
-
|
|
569
|
-
|
|
570
|
-
|
|
571
|
-
|
|
543
|
+
/**
|
|
544
|
+
* popover가 지정된 경우 icon·label·href·onClick은 무시됩니다.
|
|
545
|
+
* Sidebar는 단순 렌더링만 수행합니다.
|
|
546
|
+
*/
|
|
547
|
+
popover?: React$1.ReactNode;
|
|
548
|
+
icon?: React$1.ReactNode;
|
|
549
|
+
label?: string;
|
|
550
|
+
href?: string;
|
|
551
|
+
onClick?: (e: React$1.MouseEvent<HTMLElement>) => void;
|
|
552
|
+
onHover?: (e: React$1.MouseEvent<HTMLElement>) => void;
|
|
553
|
+
notiBadge?: boolean | number;
|
|
554
|
+
};
|
|
555
|
+
declare function SidebarLink({ href, className, style, onClick, children, }: {
|
|
556
|
+
href: string;
|
|
572
557
|
className?: string;
|
|
573
|
-
|
|
574
|
-
|
|
575
|
-
|
|
576
|
-
|
|
577
|
-
|
|
578
|
-
|
|
579
|
-
|
|
580
|
-
|
|
581
|
-
|
|
582
|
-
|
|
583
|
-
|
|
584
|
-
|
|
585
|
-
|
|
586
|
-
|
|
587
|
-
onDeleteTask?: (id: string) => void;
|
|
588
|
-
labels?: SidebarLabels;
|
|
589
|
-
renderLink?: RenderLinkFn;
|
|
558
|
+
style?: React$1.CSSProperties;
|
|
559
|
+
onClick?: () => void;
|
|
560
|
+
children: React$1.ReactNode;
|
|
561
|
+
}): React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>>;
|
|
562
|
+
declare function Sidebar({ logo, menus, avatar, utilities, panelTopContent, panelCenterContent, panelBottomContent, className, LinkComponent, }: {
|
|
563
|
+
logo: React$1.ReactNode;
|
|
564
|
+
menus: SidebarMainMenuItem[];
|
|
565
|
+
avatar: React$1.ReactNode;
|
|
566
|
+
utilities?: SidebarUtilityItem[];
|
|
567
|
+
panelTopContent?: React$1.ReactNode;
|
|
568
|
+
panelCenterContent?: React$1.ReactNode;
|
|
569
|
+
panelBottomContent?: React$1.ReactNode;
|
|
570
|
+
className?: string;
|
|
571
|
+
LinkComponent: SidebarLinkComponent;
|
|
590
572
|
}): react_jsx_runtime.JSX.Element;
|
|
591
573
|
|
|
592
574
|
declare const Slider: React$1.ForwardRefExoticComponent<Omit<Slider$1.SliderProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
|
|
@@ -1033,4 +1015,4 @@ declare function ShoppingBagIcon({ className }: {
|
|
|
1033
1015
|
className?: string;
|
|
1034
1016
|
}): react_jsx_runtime.JSX.Element;
|
|
1035
1017
|
|
|
1036
|
-
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, 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, BADGE_VARIANT_STYLES, Badge, type BadgeProps, type BadgeVariant, BlockquoteIcon, BoldIcon, BookUpIcon, Breadcrumb, BreadcrumbDropdownItem, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Card, type CardProps, type CardSpec, Checkbox, CheckboxCard, type CheckboxCardProps, type CheckboxProps, ChevronsUpDownIcon, ChoiceCardGroup, type ChoiceCardGroupProps, ChoiceCardItem, type ChoiceCardItemProps, CircleCheckFillIcon, CircleOutlineIcon, ClaudeIcon, CodeIcon, CodeSquareIcon, Collapsible, CollapsibleContent, type CollapsibleProps, CollapsibleRoot, CollapsibleTrigger, type CollapsibleWorkspace, Combobox, type ComboboxOption, type ComboboxProps, DeepSeekIcon, DownloadIcon, Field, FieldDivider, type FieldProps, FieldRow, type FieldRowProps, FieldSection, type FieldSectionProps, FileCodeIcon, FileSearchIcon, FolderAmberIcon, GeminiIcon, GoogleIcon, GroupedSelect, Header, type HeaderNavItem, type HeaderProps, HeadingIcon, ICON_NODES, Icon, type IconProps, ImageIcon, ImportIcon, IndentIcon, ItalicIcon, type LanguageItem, LayersIcon, LayoutGridIcon, LineChartIcon, LinkIcon, ListIcon, ListOrderedIcon, type MachineType, MarkdownMessage, Menubar, MenubarContent, MenubarGroup, MenubarItem, MenubarMenu, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MessageCircleIcon, MessageFooter, type MessageFooterProps, MessagesSquareIcon, type ModelGroup, type ModelItem, MyPageIcon, type NavDropdownItem, type NotificationItem
|
|
1018
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, 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, BookUpIcon, Breadcrumb, BreadcrumbDropdownItem, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Card, type CardProps, type CardSpec, Checkbox, CheckboxCard, type CheckboxCardProps, type CheckboxProps, ChevronsUpDownIcon, ChoiceCardGroup, type ChoiceCardGroupProps, ChoiceCardItem, type ChoiceCardItemProps, CircleCheckFillIcon, CircleOutlineIcon, ClaudeIcon, CodeIcon, CodeSquareIcon, Collapsible, CollapsibleContent, type CollapsibleProps, CollapsibleRoot, CollapsibleTrigger, type CollapsibleWorkspace, Combobox, type ComboboxOption, type ComboboxProps, DeepSeekIcon, DownloadIcon, Field, FieldDivider, type FieldProps, FieldRow, type FieldRowProps, FieldSection, type FieldSectionProps, FileCodeIcon, FileSearchIcon, FolderAmberIcon, GeminiIcon, GoogleIcon, GroupedSelect, Header, type HeaderNavItem, type HeaderProps, HeadingIcon, ICON_NODES, Icon, type IconProps, ImageIcon, ImportIcon, IndentIcon, ItalicIcon, type LanguageItem, LayersIcon, LayoutGridIcon, LineChartIcon, LinkIcon, ListIcon, ListOrderedIcon, type MachineType, MarkdownMessage, Menubar, MenubarContent, MenubarGroup, MenubarItem, MenubarMenu, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MessageCircleIcon, MessageFooter, type MessageFooterProps, MessagesSquareIcon, type ModelGroup, type ModelItem, MyPageIcon, type NavDropdownItem, type NotificationItem, NumberBadge, type NumberBadgeProps, OpenAiIcon, OutdentIcon, PenLineIcon, PencilLineIcon, PresentationIcon, Providers, RyaiLogoIcon, SegmentedControl, Select, type SelectGroup, type SelectOption, type SelectProps, Sheet, ShoppingBagIcon, Sidebar, SidebarLink, type SidebarMainMenuItem, type SidebarSubMenuItem, type SidebarUtilityItem, Slider, SmileIcon, SparklesIcon, SquareCheckIcon, SquareCheckOutlineIcon, StarIcon, Stepper, type StepperProps, type StepperStep, StrikethroughIcon, Switch, SwitchField, type SwitchFieldProps, TablePropertiesIcon, Tooltip, type TooltipProps, TooltipProvider, TooltipWithIcon, type TooltipWithIconProps, TrashIcon, UpstageIcon, type UserMenuSection, type UserMenuSectionItem, UserMessageBubble, WandSparklesIcon, buttonVariants };
|