@citron-systems/citron-ui 1.9.0 → 1.11.0

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.cts CHANGED
@@ -1,8 +1,9 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import * as react from 'react';
3
- import { ReactNode, TextareaHTMLAttributes, ButtonHTMLAttributes, Component, InputHTMLAttributes, ComponentType, HTMLAttributes } from 'react';
4
- import { FallbackProps } from 'react-error-boundary';
3
+ import { ReactNode, TextareaHTMLAttributes, ButtonHTMLAttributes, Component, InputHTMLAttributes, ComponentType, HTMLAttributes, RefObject, FormHTMLAttributes, LabelHTMLAttributes, SelectHTMLAttributes, TableHTMLAttributes, TdHTMLAttributes, ThHTMLAttributes } from 'react';
5
4
  import { LucideIcon } from 'lucide-react';
5
+ import { FallbackProps } from 'react-error-boundary';
6
+ import { NavLinkProps as NavLinkProps$1 } from 'react-router-dom';
6
7
 
7
8
  interface ActionButtonItem {
8
9
  id: string;
@@ -55,9 +56,17 @@ interface CampaignTableProps {
55
56
  label: string;
56
57
  }[];
57
58
  rows: CampaignTableRow[];
59
+ sortKey?: string;
60
+ sortDirection?: 'asc' | 'desc';
61
+ defaultSortKey?: string;
62
+ defaultSortDirection?: 'asc' | 'desc';
63
+ onSortChange?: (key: string, direction: 'asc' | 'desc') => void;
64
+ sortableColumns?: string[];
65
+ emptyTitle?: string;
66
+ emptyDescription?: string;
58
67
  className?: string;
59
68
  }
60
- declare function CampaignTable({ columns, rows, className, }: CampaignTableProps): react_jsx_runtime.JSX.Element;
69
+ declare function CampaignTable({ columns, rows, sortKey, sortDirection, defaultSortKey, defaultSortDirection, onSortChange, sortableColumns, emptyTitle, emptyDescription, className, }: CampaignTableProps): react_jsx_runtime.JSX.Element;
61
70
 
62
71
  interface EmailTemplateItem {
63
72
  id: string;
@@ -93,14 +102,27 @@ interface Edge {
93
102
  type: string;
94
103
  target?: string;
95
104
  }
105
+ interface EntityCardStat {
106
+ label: string;
107
+ value: string;
108
+ icon?: LucideIcon;
109
+ }
96
110
  interface EntityCardProps {
97
111
  name: string;
98
112
  entityType: EntityType;
113
+ /** Subtitle text displayed below the name (e.g. "Enterprise · Series C · SaaS"). */
114
+ subtitle?: string;
115
+ /** Status badge label (e.g. "Active"). Only shown in company variant. */
116
+ statusLabel?: string;
99
117
  metadata?: Record<string, string>;
100
118
  edges?: Edge[];
119
+ /** Stats grid displayed under the header. Activates the company card layout. */
120
+ stats?: EntityCardStat[];
121
+ /** Connections summary text (e.g. "Connected to Jane Smith, TechVentures +3 more"). */
122
+ connections?: string;
101
123
  className?: string;
102
124
  }
103
- declare function EntityCard({ name, entityType, metadata, edges, className, }: EntityCardProps): react_jsx_runtime.JSX.Element;
125
+ declare function EntityCard({ name, entityType, subtitle, statusLabel, metadata, edges, stats, connections, className, }: EntityCardProps): react_jsx_runtime.JSX.Element;
104
126
 
105
127
  interface EntityCommandCardStat {
106
128
  label: string;
@@ -263,12 +285,18 @@ interface OSNavigationRailItem {
263
285
  icon: ReactNode;
264
286
  label?: string;
265
287
  active?: boolean;
288
+ disabled?: boolean;
289
+ onClick?: (id: string) => void;
266
290
  }
267
291
  interface OSNavigationRailProps {
268
292
  items: OSNavigationRailItem[];
293
+ activeItemId?: string;
294
+ defaultActiveItemId?: string;
295
+ onActiveItemChange?: (id: string, item: OSNavigationRailItem) => void;
296
+ onItemClick?: (id: string, item: OSNavigationRailItem) => void;
269
297
  className?: string;
270
298
  }
271
- declare function OSNavigationRail({ items, className }: OSNavigationRailProps): react_jsx_runtime.JSX.Element;
299
+ declare function OSNavigationRail({ items, activeItemId, defaultActiveItemId, onActiveItemChange, onItemClick, className, }: OSNavigationRailProps): react_jsx_runtime.JSX.Element;
272
300
 
273
301
  type StatCardChangeVariant = 'success' | 'error' | 'neutral';
274
302
  interface StatCardItem {
@@ -361,7 +389,7 @@ interface TemplateCardProps {
361
389
  }
362
390
  declare function TemplateCard({ category, title, uses, onClick, className, }: TemplateCardProps): react_jsx_runtime.JSX.Element;
363
391
 
364
- interface GraphNode {
392
+ interface GraphNode$1 {
365
393
  id: string;
366
394
  type: EntityType;
367
395
  name: string;
@@ -377,8 +405,8 @@ interface ChatMessage {
377
405
 
378
406
  interface ActivityStreamProps {
379
407
  events: CitronEvent[];
380
- onEntitySelect?: (entity: GraphNode) => void;
381
- findEntity?: (name: string) => GraphNode | null;
408
+ onEntitySelect?: (entity: GraphNode$1) => void;
409
+ findEntity?: (name: string) => GraphNode$1 | null;
382
410
  emptyMessage?: string;
383
411
  className?: string;
384
412
  }
@@ -399,10 +427,10 @@ interface AppNavigationRailProps {
399
427
  declare function AppNavigationRail({ items, brandLogo, brandTitle, className, }: AppNavigationRailProps): react_jsx_runtime.JSX.Element;
400
428
 
401
429
  interface ChatFeedProps {
402
- entities: GraphNode[];
430
+ entities: GraphNode$1[];
403
431
  events: CitronEvent[];
404
- onFocusEntity?: (entity: GraphNode) => void;
405
- findEntity?: (name: string) => GraphNode | null;
432
+ onFocusEntity?: (entity: GraphNode$1) => void;
433
+ findEntity?: (name: string) => GraphNode$1 | null;
406
434
  placeholder?: string;
407
435
  emptyMessage?: string;
408
436
  className?: string;
@@ -440,10 +468,10 @@ interface IntelligenceLabInsight {
440
468
  confidence: number;
441
469
  }
442
470
  interface IntelligenceLabProps {
443
- entities: GraphNode[];
471
+ entities: GraphNode$1[];
444
472
  events: CitronEvent[];
445
- focusEntity: GraphNode;
446
- setFocusEntity: (entity: GraphNode) => void;
473
+ focusEntity: GraphNode$1;
474
+ setFocusEntity: (entity: GraphNode$1) => void;
447
475
  loading: boolean;
448
476
  kpiCards?: IntelligenceLabKpiCard[];
449
477
  aiInsights?: IntelligenceLabInsight[];
@@ -490,4 +518,881 @@ interface EmailCampaignsViewProps {
490
518
  }
491
519
  declare function EmailCampaignsView({ onSendNow, onSchedule, onSaveDraft, onNewCampaign, onGenerateWithAI, onTemplateClick, className, }: EmailCampaignsViewProps): react_jsx_runtime.JSX.Element;
492
520
 
493
- export { AIComposeInput, type AIComposeInputProps, type ActionButtonItem, ActionButtons, type ActionButtonsProps, ActivityStream, type ActivityStreamProps, AppNavigationRail, type AppNavigationRailItem, type AppNavigationRailProps, Button, type ButtonProps, type ButtonVariant, type CampaignStatus, CampaignTable, type CampaignTableProps, type CampaignTableRow, ChatFeed, type ChatFeedProps, type ChatMessage, type CitronEvent, CommandBar, type CommandBarProps, CommandInterface, type CommandInterfaceProps, type Edge, EmailCampaignsView, type EmailCampaignsViewProps, EmailComposeActionButtons, type EmailTemplateItem, EmailTemplatesSection, type EmailTemplatesSectionProps, EntityCard, type EntityCardProps, EntityCommandCard, type EntityCommandCardProps, type EntityCommandCardStat, type EntityType, ErrorBoundary, type ErrorBoundaryProps, EventRow, type EventRowProps, type EventStreamEvent, EventStreamFeed, type EventStreamFeedProps, EventStreamSidebar, type EventStreamSidebarProps, type EventStreamStatus, type GraphNode, Input, type InputProps, IntelligenceLab, type IntelligenceLabInsight, type IntelligenceLabKpiCard, type IntelligenceLabProps, IntelligenceScoreCard, type IntelligenceScoreCardProps, MainShell, type MainShellProps, type MetricComparisonItem, MetricComparisonList, type MetricComparisonListProps, type MetricComparisonVariant, ModuleContainer, type ModuleContainerProps, ModuleErrorBoundary, type ModuleErrorBoundaryProps, ModuleSkeleton, type ModuleSkeletonProps, OSNavigationRail, type OSNavigationRailItem, type OSNavigationRailProps, PageErrorFallback, type PageErrorFallbackProps, PageHeader, PageHeaderActionButton, type PageHeaderActionButtonProps, type PageHeaderProps, RouteWithErrorBoundary, type RouteWithErrorBoundaryProps, SearchBar, type SearchBarProps, Skeleton, type SkeletonProps, type StatCardChangeVariant, StatCardGrid, type StatCardGridProps, type StatCardItem, type StatCardWithChartItem, StatCards, type StatCardsProps, StatCardsWithChart, type StatCardsWithChartProps, StatusBadge, type StatusBadgeProps, type StatusBadgeVariant, type TabItem, TabSystem, type TabSystemProps, TaskCreateForm, type TaskCreateFormProps, type TaskCreatePayload, TaskItem, type TaskItemData, type TaskItemProps, TaskList, type TaskListProps, type TaskPriority, type TaskSection, type TaskStatus, type TaskWithStatus, TasksView, type TasksViewProps, TemplateCard, type TemplateCardProps };
521
+ interface AccordionItem {
522
+ id: string;
523
+ title: ReactNode;
524
+ content: ReactNode;
525
+ disabled?: boolean;
526
+ }
527
+ interface AccordionProps {
528
+ items: AccordionItem[];
529
+ defaultValue?: string[];
530
+ allowMultiple?: boolean;
531
+ className?: string;
532
+ }
533
+ declare function Accordion({ items, defaultValue, allowMultiple, className, }: AccordionProps): react_jsx_runtime.JSX.Element;
534
+
535
+ type AlertVariant = 'info' | 'success' | 'warning' | 'error';
536
+ interface AlertProps {
537
+ title: ReactNode;
538
+ description?: ReactNode;
539
+ variant?: AlertVariant;
540
+ className?: string;
541
+ }
542
+ declare function Alert({ title, description, variant, className, }: AlertProps): react_jsx_runtime.JSX.Element;
543
+
544
+ interface AlertDialogProps {
545
+ open: boolean;
546
+ title: string;
547
+ description?: string;
548
+ confirmLabel?: string;
549
+ cancelLabel?: string;
550
+ destructive?: boolean;
551
+ confirmDisabled?: boolean;
552
+ closeOnConfirm?: boolean;
553
+ initialFocusRef?: RefObject<HTMLElement | null>;
554
+ onOpenChange?: (open: boolean) => void;
555
+ onConfirm?: () => void;
556
+ onCancel?: () => void;
557
+ className?: string;
558
+ }
559
+ declare function AlertDialog({ open, title, description, confirmLabel, cancelLabel, destructive, confirmDisabled, closeOnConfirm, initialFocusRef, onOpenChange, onConfirm, onCancel, className, }: AlertDialogProps): react_jsx_runtime.JSX.Element | null;
560
+
561
+ type BlockType = 'heading' | 'text' | 'image' | 'button' | 'divider' | 'columns';
562
+ interface EmailBlock {
563
+ id: string;
564
+ type: BlockType;
565
+ content: string;
566
+ }
567
+ interface EmailBlockEditorProps {
568
+ blocks: EmailBlock[];
569
+ onBlocksChange: (blocks: EmailBlock[]) => void;
570
+ availableBlockTypes?: BlockType[];
571
+ editingId?: string | null;
572
+ onEditingIdChange?: (editingId: string | null) => void;
573
+ onAddBlock?: (type: BlockType, block: EmailBlock) => void;
574
+ onDeleteBlock?: (id: string) => void;
575
+ onMoveBlock?: (id: string, direction: -1 | 1) => void;
576
+ onBlockContentChange?: (id: string, content: string) => void;
577
+ readOnly?: boolean;
578
+ className?: string;
579
+ }
580
+ declare function EmailBlockEditor({ blocks, onBlocksChange, availableBlockTypes, editingId, onEditingIdChange, onAddBlock, onDeleteBlock, onMoveBlock, onBlockContentChange, readOnly, className, }: EmailBlockEditorProps): react_jsx_runtime.JSX.Element;
581
+
582
+ interface AIEmailGeneratorProps {
583
+ value?: string;
584
+ defaultValue?: string;
585
+ onValueChange?: (value: string) => void;
586
+ isGenerating?: boolean;
587
+ onGeneratingChange?: (isGenerating: boolean) => void;
588
+ generated?: boolean;
589
+ onGeneratedChange?: (generated: boolean) => void;
590
+ generationDelayMs?: number;
591
+ onSubmitPrompt?: (prompt: string) => void;
592
+ generateBlocks?: (prompt: string) => EmailBlock[] | Promise<EmailBlock[]>;
593
+ onGenerate?: (blocks: EmailBlock[]) => void;
594
+ suggestions?: string[];
595
+ className?: string;
596
+ }
597
+ declare function AIEmailGenerator({ value, defaultValue, onValueChange, isGenerating, onGeneratingChange, generated, onGeneratedChange, generationDelayMs, onSubmitPrompt, generateBlocks, onGenerate, suggestions, className, }: AIEmailGeneratorProps): react_jsx_runtime.JSX.Element;
598
+
599
+ interface AppSidebarItem {
600
+ id: string;
601
+ icon: LucideIcon;
602
+ label: string;
603
+ path: string;
604
+ dataTour?: string;
605
+ }
606
+ interface AppSidebarProps {
607
+ items?: AppSidebarItem[];
608
+ bottomItems?: AppSidebarItem[];
609
+ activePath?: string;
610
+ onNavigate?: (path: string) => void;
611
+ logo?: ReactNode;
612
+ /** When true the status dot at the bottom pulses with an animation. */
613
+ showStatusDot?: boolean;
614
+ className?: string;
615
+ }
616
+ declare function AppSidebar({ items, bottomItems, activePath, onNavigate, logo, showStatusDot, className, }: AppSidebarProps): react_jsx_runtime.JSX.Element;
617
+
618
+ type EventStatus = 'success' | 'warning' | 'error' | 'danger' | 'info';
619
+ interface EventFeedItem {
620
+ id: string | number;
621
+ icon: LucideIcon;
622
+ title: string;
623
+ meta: string;
624
+ time: string;
625
+ status: EventStatus;
626
+ }
627
+ interface EventFeedProps {
628
+ title?: string;
629
+ liveLabel?: string;
630
+ events?: EventFeedItem[];
631
+ onItemClick?: (event: EventFeedItem) => void;
632
+ className?: string;
633
+ }
634
+ declare function EventFeed({ title, liveLabel, events, onItemClick, className, }: EventFeedProps): react_jsx_runtime.JSX.Element;
635
+
636
+ interface CanvasBlock {
637
+ id: string;
638
+ type: 'text' | 'entity' | 'intelligence' | 'loading';
639
+ content?: string;
640
+ }
641
+ interface CanvasContextValue {
642
+ blocks: CanvasBlock[];
643
+ addBlocks: (blocks: CanvasBlock[]) => void;
644
+ clearBlocks: () => void;
645
+ }
646
+ declare function useCanvas(): CanvasContextValue;
647
+ interface CanvasProviderProps {
648
+ children: ReactNode;
649
+ initialBlocks?: CanvasBlock[];
650
+ }
651
+ declare function CanvasProvider({ children, initialBlocks }: CanvasProviderProps): react_jsx_runtime.JSX.Element;
652
+
653
+ type RightPanelTab = 'chat' | 'events';
654
+ interface RightPanelAgent {
655
+ id: string;
656
+ label: string;
657
+ icon: LucideIcon;
658
+ description: string;
659
+ }
660
+ interface RightPanelChatMessage {
661
+ id: string;
662
+ role: 'user' | 'assistant';
663
+ content: string;
664
+ files?: string[];
665
+ }
666
+ interface RightPanelProps {
667
+ defaultTab?: RightPanelTab;
668
+ tab?: RightPanelTab;
669
+ onTabChange?: (tab: RightPanelTab) => void;
670
+ agents?: RightPanelAgent[];
671
+ defaultAgent?: RightPanelAgent;
672
+ agent?: RightPanelAgent;
673
+ onAgentChange?: (agent: RightPanelAgent) => void;
674
+ messages?: RightPanelChatMessage[];
675
+ defaultMessages?: RightPanelChatMessage[];
676
+ onMessagesChange?: (messages: RightPanelChatMessage[]) => void;
677
+ onSend?: (content: string, files: File[]) => void;
678
+ onAddCanvasBlocks?: (blocks: CanvasBlock[]) => void;
679
+ agentResponses?: Record<string, {
680
+ text: string;
681
+ cards: ('entity' | 'intelligence')[];
682
+ }>;
683
+ autoRespond?: boolean;
684
+ autoRespondDelayMs?: number;
685
+ renderEventsTab?: () => ReactNode;
686
+ className?: string;
687
+ }
688
+ declare function RightPanel({ defaultTab, tab, onTabChange, agents, defaultAgent, agent, onAgentChange, messages, defaultMessages, onMessagesChange, onSend, onAddCanvasBlocks, agentResponses, autoRespond, autoRespondDelayMs, renderEventsTab, className, }: RightPanelProps): react_jsx_runtime.JSX.Element;
689
+
690
+ interface AppLayoutProps {
691
+ children: ReactNode;
692
+ /** @deprecated Use `showRightPanel` instead. */
693
+ showEventFeed?: boolean;
694
+ /** Shows the AI chat + events right panel. */
695
+ showRightPanel?: boolean;
696
+ sidebarProps?: Partial<AppSidebarProps>;
697
+ eventFeedProps?: Partial<EventFeedProps>;
698
+ rightPanelProps?: Partial<RightPanelProps>;
699
+ canvasProviderProps?: Partial<CanvasProviderProps>;
700
+ className?: string;
701
+ }
702
+ declare function AppLayout({ children, showEventFeed, showRightPanel, sidebarProps, eventFeedProps, rightPanelProps, canvasProviderProps, className, }: AppLayoutProps): react_jsx_runtime.JSX.Element;
703
+
704
+ interface AspectRatioProps {
705
+ ratio?: number;
706
+ children: ReactNode;
707
+ className?: string;
708
+ }
709
+ declare function AspectRatio({ ratio, children, className }: AspectRatioProps): react_jsx_runtime.JSX.Element;
710
+
711
+ type AvatarSize = 'sm' | 'md' | 'lg';
712
+ interface AvatarProps {
713
+ src?: string;
714
+ alt?: string;
715
+ fallback?: string;
716
+ size?: AvatarSize;
717
+ disabled?: boolean;
718
+ className?: string;
719
+ }
720
+ declare function Avatar({ src, alt, fallback, size, disabled, className, }: AvatarProps): react_jsx_runtime.JSX.Element;
721
+
722
+ type BadgeVariant = 'default' | 'secondary' | 'success' | 'warning' | 'error' | 'outline';
723
+ interface BadgeProps {
724
+ children: ReactNode;
725
+ variant?: BadgeVariant;
726
+ disabled?: boolean;
727
+ className?: string;
728
+ }
729
+ declare function Badge({ children, variant, disabled, className, }: BadgeProps): react_jsx_runtime.JSX.Element;
730
+
731
+ interface BreadcrumbItem {
732
+ id: string;
733
+ label: string;
734
+ href?: string;
735
+ current?: boolean;
736
+ disabled?: boolean;
737
+ onClick?: () => void;
738
+ }
739
+ interface BreadcrumbProps {
740
+ items: BreadcrumbItem[];
741
+ className?: string;
742
+ }
743
+ declare function Breadcrumb({ items, className }: BreadcrumbProps): react_jsx_runtime.JSX.Element;
744
+
745
+ interface CalendarProps {
746
+ value?: Date;
747
+ onChange?: (date: Date) => void;
748
+ disabledDates?: Date[];
749
+ className?: string;
750
+ }
751
+ declare function Calendar({ value, onChange, disabledDates, className }: CalendarProps): react_jsx_runtime.JSX.Element;
752
+
753
+ interface CardProps extends HTMLAttributes<HTMLDivElement> {
754
+ interactive?: boolean;
755
+ disabled?: boolean;
756
+ }
757
+ declare function Card({ className, interactive, disabled, ...props }: CardProps): react_jsx_runtime.JSX.Element;
758
+ declare function CardHeader({ className, ...props }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
759
+ declare function CardTitle({ className, ...props }: HTMLAttributes<HTMLHeadingElement>): react_jsx_runtime.JSX.Element;
760
+ declare function CardDescription({ className, ...props }: HTMLAttributes<HTMLParagraphElement>): react_jsx_runtime.JSX.Element;
761
+ declare function CardContent({ className, ...props }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
762
+ declare function CardFooter({ className, ...props }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
763
+
764
+ interface CarouselProps {
765
+ items: ReactNode[];
766
+ initialIndex?: number;
767
+ loop?: boolean;
768
+ className?: string;
769
+ }
770
+ declare function Carousel({ items, initialIndex, loop, className, }: CarouselProps): react_jsx_runtime.JSX.Element;
771
+
772
+ interface ChartDatum {
773
+ id: string;
774
+ label: string;
775
+ value: number;
776
+ color?: string;
777
+ }
778
+ interface ChartProps {
779
+ data: ChartDatum[];
780
+ title?: string;
781
+ emptyMessage?: string;
782
+ className?: string;
783
+ }
784
+ declare function Chart({ data, title, emptyMessage, className, }: ChartProps): react_jsx_runtime.JSX.Element;
785
+
786
+ interface CheckboxProps {
787
+ checked?: boolean;
788
+ defaultChecked?: boolean;
789
+ onCheckedChange?: (checked: boolean) => void;
790
+ label?: ReactNode;
791
+ description?: ReactNode;
792
+ disabled?: boolean;
793
+ error?: boolean;
794
+ className?: string;
795
+ }
796
+ declare function Checkbox({ checked, defaultChecked, onCheckedChange, label, description, disabled, error, className, }: CheckboxProps): react_jsx_runtime.JSX.Element;
797
+
798
+ interface CircularScoreProps {
799
+ label: string;
800
+ value: number;
801
+ tone?: 'success' | 'warning' | 'error' | 'info' | 'primary';
802
+ /** Override the stroke color with an arbitrary CSS color value. Takes precedence over `tone`. */
803
+ color?: string;
804
+ /** When true the arc represents the inverse (100 - value). Useful for risk-style scores. */
805
+ inverted?: boolean;
806
+ size?: number;
807
+ className?: string;
808
+ }
809
+ declare function CircularScore({ label, value, tone, color, inverted, size, className, }: CircularScoreProps): react_jsx_runtime.JSX.Element;
810
+
811
+ interface CollapsibleProps {
812
+ title: ReactNode;
813
+ children: ReactNode;
814
+ defaultOpen?: boolean;
815
+ disabled?: boolean;
816
+ className?: string;
817
+ }
818
+ declare function Collapsible({ title, children, defaultOpen, disabled, className, }: CollapsibleProps): react_jsx_runtime.JSX.Element;
819
+
820
+ interface CommandItem {
821
+ id: string;
822
+ label: string;
823
+ keywords?: string[];
824
+ icon?: ReactNode;
825
+ disabled?: boolean;
826
+ }
827
+ interface CommandProps {
828
+ items: CommandItem[];
829
+ placeholder?: string;
830
+ onSelect?: (item: CommandItem) => void;
831
+ className?: string;
832
+ }
833
+ declare function Command({ items, placeholder, onSelect, className, }: CommandProps): react_jsx_runtime.JSX.Element;
834
+
835
+ type CommandCanvasCardType = 'entity' | 'intelligence';
836
+ interface CommandCanvasMessage {
837
+ id: string;
838
+ role: 'user' | 'assistant';
839
+ content: string;
840
+ cards?: CommandCanvasCardType[];
841
+ }
842
+ interface CommandCanvasProps {
843
+ title?: string;
844
+ subtitle?: string;
845
+ readyLabel?: string;
846
+ placeholder?: string;
847
+ footerText?: string;
848
+ /**
849
+ * When provided, the canvas renders blocks from CanvasContext instead of the
850
+ * built-in message list. Use `renderBlock` to customise how each block type
851
+ * is rendered.
852
+ */
853
+ blocks?: CanvasBlock[];
854
+ /** Custom renderer for each block type when using blocks mode. */
855
+ renderBlock?: (block: CanvasBlock) => ReactNode;
856
+ messages?: CommandCanvasMessage[];
857
+ initialMessages?: CommandCanvasMessage[];
858
+ onMessagesChange?: (messages: CommandCanvasMessage[]) => void;
859
+ inputValue?: string;
860
+ defaultInputValue?: string;
861
+ onInputValueChange?: (value: string) => void;
862
+ autoAssistantResponse?: boolean;
863
+ assistantResponseDelayMs?: number;
864
+ isResponding?: boolean;
865
+ onRespondingChange?: (isResponding: boolean) => void;
866
+ onSend?: (value: string) => void;
867
+ generateAssistantMessage?: (value: string) => Omit<CommandCanvasMessage, 'id' | 'role'>;
868
+ renderCard?: (type: CommandCanvasCardType) => ReactNode;
869
+ /** When true, hides the built-in input bar. Useful when using RightPanel for input. */
870
+ hideInput?: boolean;
871
+ className?: string;
872
+ }
873
+ declare function CommandCanvas({ title, subtitle, readyLabel, placeholder, footerText, blocks, renderBlock, messages, initialMessages, onMessagesChange, inputValue, defaultInputValue, onInputValueChange, autoAssistantResponse, assistantResponseDelayMs, isResponding, onRespondingChange, onSend, generateAssistantMessage, renderCard, hideInput, className, }: CommandCanvasProps): react_jsx_runtime.JSX.Element;
874
+
875
+ interface ContextMenuItem {
876
+ id: string;
877
+ label: string;
878
+ icon?: ReactNode;
879
+ shortcut?: string;
880
+ disabled?: boolean;
881
+ danger?: boolean;
882
+ onSelect?: () => void;
883
+ }
884
+ interface ContextMenuProps {
885
+ trigger: ReactNode;
886
+ items: ContextMenuItem[];
887
+ className?: string;
888
+ }
889
+ declare function ContextMenu({ trigger, items, className }: ContextMenuProps): react_jsx_runtime.JSX.Element;
890
+
891
+ interface DialogProps {
892
+ open?: boolean;
893
+ defaultOpen?: boolean;
894
+ onOpenChange?: (open: boolean) => void;
895
+ children: ReactNode;
896
+ }
897
+ declare function Dialog({ open, defaultOpen, onOpenChange, children, }: DialogProps): react_jsx_runtime.JSX.Element;
898
+ type DialogTriggerProps = ButtonHTMLAttributes<HTMLButtonElement>;
899
+ declare const DialogTrigger: react.ForwardRefExoticComponent<DialogTriggerProps & react.RefAttributes<HTMLButtonElement>>;
900
+ interface DialogContentProps extends HTMLAttributes<HTMLDivElement> {
901
+ showCloseButton?: boolean;
902
+ initialFocusRef?: RefObject<HTMLElement | null>;
903
+ }
904
+ declare const DialogContent: react.ForwardRefExoticComponent<DialogContentProps & react.RefAttributes<HTMLDivElement>>;
905
+ interface DialogHeaderProps extends HTMLAttributes<HTMLDivElement> {
906
+ }
907
+ declare function DialogHeader({ className, ...props }: DialogHeaderProps): react_jsx_runtime.JSX.Element;
908
+ type DialogTitleProps = HTMLAttributes<HTMLHeadingElement>;
909
+ declare function DialogTitle({ className, ...props }: DialogTitleProps): react_jsx_runtime.JSX.Element;
910
+ type DialogDescriptionProps = HTMLAttributes<HTMLParagraphElement>;
911
+ declare function DialogDescription({ className, ...props }: DialogDescriptionProps): react_jsx_runtime.JSX.Element;
912
+ interface DialogFooterProps extends HTMLAttributes<HTMLDivElement> {
913
+ }
914
+ declare function DialogFooter({ className, ...props }: DialogFooterProps): react_jsx_runtime.JSX.Element;
915
+ type DialogCloseProps = ButtonHTMLAttributes<HTMLButtonElement>;
916
+ declare const DialogClose: react.ForwardRefExoticComponent<DialogCloseProps & react.RefAttributes<HTMLButtonElement>>;
917
+
918
+ type DrawerSide = 'left' | 'right';
919
+ interface DrawerProps {
920
+ children: ReactNode;
921
+ open?: boolean;
922
+ defaultOpen?: boolean;
923
+ onOpenChange?: (open: boolean) => void;
924
+ side?: DrawerSide;
925
+ }
926
+ declare function Drawer({ children, open, defaultOpen, onOpenChange, side, }: DrawerProps): react_jsx_runtime.JSX.Element;
927
+ type DrawerTriggerProps = ButtonHTMLAttributes<HTMLButtonElement>;
928
+ declare const DrawerTrigger: react.ForwardRefExoticComponent<DrawerTriggerProps & react.RefAttributes<HTMLButtonElement>>;
929
+ interface DrawerContentProps extends HTMLAttributes<HTMLDivElement> {
930
+ initialFocusRef?: RefObject<HTMLElement | null>;
931
+ }
932
+ declare const DrawerContent: react.ForwardRefExoticComponent<DrawerContentProps & react.RefAttributes<HTMLDivElement>>;
933
+ interface DrawerHeaderProps extends HTMLAttributes<HTMLDivElement> {
934
+ }
935
+ declare function DrawerHeader({ className, ...props }: DrawerHeaderProps): react_jsx_runtime.JSX.Element;
936
+ type DrawerTitleProps = HTMLAttributes<HTMLHeadingElement>;
937
+ declare function DrawerTitle({ className, ...props }: DrawerTitleProps): react_jsx_runtime.JSX.Element;
938
+ type DrawerDescriptionProps = HTMLAttributes<HTMLParagraphElement>;
939
+ declare function DrawerDescription({ className, ...props }: DrawerDescriptionProps): react_jsx_runtime.JSX.Element;
940
+ interface DrawerFooterProps extends HTMLAttributes<HTMLDivElement> {
941
+ }
942
+ declare function DrawerFooter({ className, ...props }: DrawerFooterProps): react_jsx_runtime.JSX.Element;
943
+ type DrawerCloseProps = ButtonHTMLAttributes<HTMLButtonElement>;
944
+ declare const DrawerClose: react.ForwardRefExoticComponent<DrawerCloseProps & react.RefAttributes<HTMLButtonElement>>;
945
+
946
+ interface DropdownMenuProps {
947
+ children: ReactNode;
948
+ open?: boolean;
949
+ defaultOpen?: boolean;
950
+ onOpenChange?: (open: boolean) => void;
951
+ }
952
+ declare function DropdownMenu({ children, open, defaultOpen, onOpenChange, }: DropdownMenuProps): react_jsx_runtime.JSX.Element;
953
+ interface DropdownMenuTriggerProps extends ButtonHTMLAttributes<HTMLButtonElement> {
954
+ showChevron?: boolean;
955
+ }
956
+ declare const DropdownMenuTrigger: react.ForwardRefExoticComponent<DropdownMenuTriggerProps & react.RefAttributes<HTMLButtonElement>>;
957
+ interface DropdownMenuContentProps extends HTMLAttributes<HTMLDivElement> {
958
+ }
959
+ declare const DropdownMenuContent: react.ForwardRefExoticComponent<DropdownMenuContentProps & react.RefAttributes<HTMLDivElement>>;
960
+ interface DropdownMenuItemProps extends ButtonHTMLAttributes<HTMLButtonElement> {
961
+ icon?: ReactNode;
962
+ }
963
+ declare const DropdownMenuItem: react.ForwardRefExoticComponent<DropdownMenuItemProps & react.RefAttributes<HTMLButtonElement>>;
964
+ interface DropdownMenuSeparatorProps extends HTMLAttributes<HTMLDivElement> {
965
+ }
966
+ declare function DropdownMenuSeparator({ className, ...props }: DropdownMenuSeparatorProps): react_jsx_runtime.JSX.Element;
967
+
968
+ interface FormProps extends FormHTMLAttributes<HTMLFormElement> {
969
+ }
970
+ declare const Form: react.ForwardRefExoticComponent<FormProps & react.RefAttributes<HTMLFormElement>>;
971
+ interface FormFieldProps extends HTMLAttributes<HTMLDivElement> {
972
+ label?: ReactNode;
973
+ hint?: ReactNode;
974
+ error?: ReactNode;
975
+ requiredIndicator?: boolean;
976
+ }
977
+ declare function FormField({ className, label, hint, error, children, requiredIndicator, ...props }: FormFieldProps): react_jsx_runtime.JSX.Element;
978
+ interface FormActionsProps extends HTMLAttributes<HTMLDivElement> {
979
+ }
980
+ declare function FormActions({ className, ...props }: FormActionsProps): react_jsx_runtime.JSX.Element;
981
+
982
+ interface GraphNode {
983
+ id: string;
984
+ label: string;
985
+ kind: 'org' | 'person';
986
+ x: number;
987
+ y: number;
988
+ score: number;
989
+ }
990
+ interface GraphEdge {
991
+ from: string;
992
+ to: string;
993
+ strength: number;
994
+ }
995
+ interface GraphViewProps {
996
+ title?: string;
997
+ subtitle?: string;
998
+ nodes?: GraphNode[];
999
+ edges?: GraphEdge[];
1000
+ className?: string;
1001
+ }
1002
+ declare function GraphView({ title, subtitle, nodes, edges, className, }: GraphViewProps): react_jsx_runtime.JSX.Element;
1003
+
1004
+ interface GuidedTourStep {
1005
+ target: string;
1006
+ title: string;
1007
+ description: string;
1008
+ position: 'top' | 'bottom' | 'left' | 'right';
1009
+ }
1010
+ interface GuidedTourProps {
1011
+ steps?: GuidedTourStep[];
1012
+ open?: boolean;
1013
+ defaultOpen?: boolean;
1014
+ onOpenChange?: (open: boolean) => void;
1015
+ stepIndex?: number;
1016
+ defaultStepIndex?: number;
1017
+ onStepIndexChange?: (stepIndex: number) => void;
1018
+ onComplete: () => void;
1019
+ className?: string;
1020
+ }
1021
+ declare function GuidedTour({ steps, open, defaultOpen, onOpenChange, stepIndex, defaultStepIndex, onStepIndexChange, onComplete, className, }: GuidedTourProps): react_jsx_runtime.JSX.Element | null;
1022
+
1023
+ interface HoverCardProps {
1024
+ children: ReactNode;
1025
+ openDelay?: number;
1026
+ closeDelay?: number;
1027
+ }
1028
+ declare function HoverCard({ children, openDelay, closeDelay, }: HoverCardProps): react_jsx_runtime.JSX.Element;
1029
+ interface HoverCardTriggerProps extends HTMLAttributes<HTMLDivElement> {
1030
+ }
1031
+ declare const HoverCardTrigger: react.ForwardRefExoticComponent<HoverCardTriggerProps & react.RefAttributes<HTMLDivElement>>;
1032
+ interface HoverCardContentProps extends HTMLAttributes<HTMLDivElement> {
1033
+ }
1034
+ declare const HoverCardContent: react.ForwardRefExoticComponent<HoverCardContentProps & react.RefAttributes<HTMLDivElement>>;
1035
+
1036
+ interface InputOtpProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'defaultValue' | 'onChange'> {
1037
+ length?: number;
1038
+ value?: string;
1039
+ defaultValue?: string;
1040
+ onValueChange?: (value: string) => void;
1041
+ containerProps?: HTMLAttributes<HTMLDivElement>;
1042
+ }
1043
+ declare const InputOtp: react.ForwardRefExoticComponent<InputOtpProps & react.RefAttributes<HTMLDivElement>>;
1044
+
1045
+ interface IntelligenceScoreItem {
1046
+ label: string;
1047
+ value: number;
1048
+ tone?: 'success' | 'warning' | 'error' | 'info' | 'primary';
1049
+ /** Override the stroke color with an arbitrary CSS color value. */
1050
+ color?: string;
1051
+ /** When true the arc represents the inverse (100 - value). Useful for risk scores. */
1052
+ inverted?: boolean;
1053
+ }
1054
+ interface IntelligenceCardProps {
1055
+ title?: string;
1056
+ items?: IntelligenceScoreItem[];
1057
+ className?: string;
1058
+ }
1059
+ declare function IntelligenceCard({ title, items, className, }: IntelligenceCardProps): react_jsx_runtime.JSX.Element;
1060
+
1061
+ interface LabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
1062
+ requiredIndicator?: boolean;
1063
+ }
1064
+ declare const Label: react.ForwardRefExoticComponent<LabelProps & react.RefAttributes<HTMLLabelElement>>;
1065
+
1066
+ interface MenubarProps extends HTMLAttributes<HTMLDivElement> {
1067
+ }
1068
+ declare const Menubar: react.ForwardRefExoticComponent<MenubarProps & react.RefAttributes<HTMLDivElement>>;
1069
+ interface MenubarMenuProps extends HTMLAttributes<HTMLDivElement> {
1070
+ id: string;
1071
+ }
1072
+ declare function MenubarMenu({ id, className, ...props }: MenubarMenuProps): react_jsx_runtime.JSX.Element;
1073
+ interface MenubarTriggerProps extends ButtonHTMLAttributes<HTMLButtonElement> {
1074
+ showChevron?: boolean;
1075
+ }
1076
+ declare const MenubarTrigger: react.ForwardRefExoticComponent<MenubarTriggerProps & react.RefAttributes<HTMLButtonElement>>;
1077
+ interface MenubarContentProps extends HTMLAttributes<HTMLDivElement> {
1078
+ }
1079
+ declare const MenubarContent: react.ForwardRefExoticComponent<MenubarContentProps & react.RefAttributes<HTMLDivElement>>;
1080
+ interface MenubarItemProps extends ButtonHTMLAttributes<HTMLButtonElement> {
1081
+ icon?: ReactNode;
1082
+ }
1083
+ declare const MenubarItem: react.ForwardRefExoticComponent<MenubarItemProps & react.RefAttributes<HTMLButtonElement>>;
1084
+ interface MenubarSeparatorProps extends HTMLAttributes<HTMLDivElement> {
1085
+ }
1086
+ declare function MenubarSeparator({ className, ...props }: MenubarSeparatorProps): react_jsx_runtime.JSX.Element;
1087
+ interface MenubarCloseZoneProps extends HTMLAttributes<HTMLDivElement> {
1088
+ }
1089
+ declare const MenubarCloseZone: react.ForwardRefExoticComponent<MenubarCloseZoneProps & react.RefAttributes<HTMLDivElement>>;
1090
+
1091
+ interface NavigationMenuItem {
1092
+ id: string;
1093
+ label: string;
1094
+ href?: string;
1095
+ active?: boolean;
1096
+ disabled?: boolean;
1097
+ icon?: ReactNode;
1098
+ }
1099
+ interface NavigationMenuProps {
1100
+ items: NavigationMenuItem[];
1101
+ className?: string;
1102
+ onItemSelect?: (item: NavigationMenuItem) => void;
1103
+ }
1104
+ declare function NavigationMenu({ items, className, onItemSelect, }: NavigationMenuProps): react_jsx_runtime.JSX.Element;
1105
+
1106
+ interface NavLinkProps {
1107
+ label: string;
1108
+ icon: LucideIcon;
1109
+ active?: boolean;
1110
+ onClick?: () => void;
1111
+ title?: string;
1112
+ dataTour?: string;
1113
+ className?: string;
1114
+ }
1115
+ declare function NavLink({ label, icon: Icon, active, onClick, title, dataTour, className, }: NavLinkProps): react_jsx_runtime.JSX.Element;
1116
+
1117
+ interface OnboardingStep {
1118
+ id: string;
1119
+ question: string;
1120
+ subtitle: string;
1121
+ icon: LucideIcon;
1122
+ type: 'input' | 'select' | 'multi-select';
1123
+ field: string;
1124
+ placeholder?: string;
1125
+ options?: Array<{
1126
+ value: string;
1127
+ label: string;
1128
+ }>;
1129
+ }
1130
+ interface OnboardingWizardProps {
1131
+ onComplete: (data: Record<string, string | string[]>) => void;
1132
+ steps?: OnboardingStep[];
1133
+ value?: Record<string, string | string[]>;
1134
+ defaultValue?: Record<string, string | string[]>;
1135
+ onValueChange?: (value: Record<string, string | string[]>) => void;
1136
+ stepIndex?: number;
1137
+ defaultStepIndex?: number;
1138
+ onStepIndexChange?: (index: number) => void;
1139
+ onCancel?: () => void;
1140
+ showSkip?: boolean;
1141
+ className?: string;
1142
+ }
1143
+ declare function OnboardingWizard({ onComplete, steps, value, defaultValue, onValueChange, stepIndex, defaultStepIndex, onStepIndexChange, onCancel, showSkip, className, }: OnboardingWizardProps): react_jsx_runtime.JSX.Element;
1144
+
1145
+ interface PaginationProps {
1146
+ page: number;
1147
+ totalPages: number;
1148
+ onPageChange: (page: number) => void;
1149
+ className?: string;
1150
+ }
1151
+ declare function Pagination({ page, totalPages, onPageChange, className, }: PaginationProps): react_jsx_runtime.JSX.Element;
1152
+
1153
+ interface PopoverProps {
1154
+ children: ReactNode;
1155
+ open?: boolean;
1156
+ defaultOpen?: boolean;
1157
+ onOpenChange?: (open: boolean) => void;
1158
+ }
1159
+ declare function Popover({ children, open, defaultOpen, onOpenChange, }: PopoverProps): react_jsx_runtime.JSX.Element;
1160
+ type PopoverTriggerProps = ButtonHTMLAttributes<HTMLButtonElement>;
1161
+ declare const PopoverTrigger: react.ForwardRefExoticComponent<PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>>;
1162
+ interface PopoverContentProps extends HTMLAttributes<HTMLDivElement> {
1163
+ }
1164
+ declare const PopoverContent: react.ForwardRefExoticComponent<PopoverContentProps & react.RefAttributes<HTMLDivElement>>;
1165
+ type PopoverCloseProps = ButtonHTMLAttributes<HTMLButtonElement>;
1166
+ declare const PopoverClose: react.ForwardRefExoticComponent<PopoverCloseProps & react.RefAttributes<HTMLButtonElement>>;
1167
+
1168
+ interface ProgressProps extends HTMLAttributes<HTMLDivElement> {
1169
+ value: number;
1170
+ max?: number;
1171
+ showValueLabel?: boolean;
1172
+ }
1173
+ declare const Progress: react.ForwardRefExoticComponent<ProgressProps & react.RefAttributes<HTMLDivElement>>;
1174
+
1175
+ interface RadioGroupOption {
1176
+ value: string;
1177
+ label: ReactNode;
1178
+ description?: ReactNode;
1179
+ disabled?: boolean;
1180
+ }
1181
+ interface RadioGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
1182
+ options: RadioGroupOption[];
1183
+ value?: string;
1184
+ defaultValue?: string;
1185
+ onValueChange?: (value: string) => void;
1186
+ name?: string;
1187
+ }
1188
+ declare const RadioGroup: react.ForwardRefExoticComponent<RadioGroupProps & react.RefAttributes<HTMLDivElement>>;
1189
+ interface RadioGroupItemProps extends InputHTMLAttributes<HTMLInputElement> {
1190
+ }
1191
+ declare const RadioGroupItem: react.ForwardRefExoticComponent<RadioGroupItemProps & react.RefAttributes<HTMLInputElement>>;
1192
+
1193
+ type ResizableDirection = 'horizontal' | 'vertical';
1194
+ interface ResizableProps {
1195
+ primary: ReactNode;
1196
+ secondary: ReactNode;
1197
+ direction?: ResizableDirection;
1198
+ defaultPrimarySize?: number;
1199
+ minPrimarySize?: number;
1200
+ minSecondarySize?: number;
1201
+ className?: string;
1202
+ }
1203
+ declare function Resizable({ primary, secondary, direction, defaultPrimarySize, minPrimarySize, minSecondarySize, className, }: ResizableProps): react_jsx_runtime.JSX.Element;
1204
+
1205
+ interface ScrollAreaProps extends HTMLAttributes<HTMLDivElement> {
1206
+ maxHeight?: string;
1207
+ }
1208
+ declare const ScrollArea: react.ForwardRefExoticComponent<ScrollAreaProps & react.RefAttributes<HTMLDivElement>>;
1209
+
1210
+ interface SelectOption {
1211
+ value: string;
1212
+ label: string;
1213
+ disabled?: boolean;
1214
+ }
1215
+ interface SelectProps extends SelectHTMLAttributes<HTMLSelectElement> {
1216
+ options: SelectOption[];
1217
+ placeholder?: string;
1218
+ error?: boolean;
1219
+ }
1220
+ declare const Select: react.ForwardRefExoticComponent<SelectProps & react.RefAttributes<HTMLSelectElement>>;
1221
+
1222
+ type SeparatorOrientation = 'horizontal' | 'vertical';
1223
+ interface SeparatorProps extends HTMLAttributes<HTMLDivElement> {
1224
+ orientation?: SeparatorOrientation;
1225
+ decorative?: boolean;
1226
+ }
1227
+ declare const Separator: react.ForwardRefExoticComponent<SeparatorProps & react.RefAttributes<HTMLDivElement>>;
1228
+
1229
+ type SheetSide = 'top' | 'right' | 'bottom' | 'left';
1230
+ interface SheetProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
1231
+ open: boolean;
1232
+ onOpenChange?: (open: boolean) => void;
1233
+ side?: SheetSide;
1234
+ title?: ReactNode;
1235
+ description?: ReactNode;
1236
+ showCloseButton?: boolean;
1237
+ overlayClassName?: string;
1238
+ }
1239
+ declare function Sheet({ open, onOpenChange, side, title, description, showCloseButton, className, overlayClassName, children, ...props }: SheetProps): react_jsx_runtime.JSX.Element | null;
1240
+
1241
+ interface SidebarItem {
1242
+ id: string;
1243
+ label: string;
1244
+ icon?: LucideIcon;
1245
+ active?: boolean;
1246
+ disabled?: boolean;
1247
+ badge?: ReactNode;
1248
+ onClick?: () => void;
1249
+ }
1250
+ interface SidebarProps extends HTMLAttributes<HTMLElement> {
1251
+ items: SidebarItem[];
1252
+ collapsed?: boolean;
1253
+ onCollapsedChange?: (collapsed: boolean) => void;
1254
+ header?: ReactNode;
1255
+ footer?: ReactNode;
1256
+ }
1257
+ declare function Sidebar({ items, collapsed, onCollapsedChange, header, footer, className, ...props }: SidebarProps): react_jsx_runtime.JSX.Element;
1258
+
1259
+ interface SliderProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'value' | 'defaultValue' | 'onChange'> {
1260
+ value?: number;
1261
+ defaultValue?: number;
1262
+ min?: number;
1263
+ max?: number;
1264
+ step?: number;
1265
+ showValue?: boolean;
1266
+ onValueChange?: (value: number) => void;
1267
+ }
1268
+ declare const Slider: react.ForwardRefExoticComponent<SliderProps & react.RefAttributes<HTMLInputElement>>;
1269
+
1270
+ type ToastVariant = 'info' | 'success' | 'warning' | 'error';
1271
+ interface ToastAction extends ButtonHTMLAttributes<HTMLButtonElement> {
1272
+ label: string;
1273
+ }
1274
+ interface ToastProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
1275
+ title: ReactNode;
1276
+ description?: ReactNode;
1277
+ variant?: ToastVariant;
1278
+ action?: ToastAction;
1279
+ onClose?: () => void;
1280
+ }
1281
+ declare function Toast({ title, description, variant, action, onClose, className, ...props }: ToastProps): react_jsx_runtime.JSX.Element;
1282
+
1283
+ type ToasterPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
1284
+ interface ToasterItem extends ToastProps {
1285
+ id: string;
1286
+ }
1287
+ interface ToasterProps extends HTMLAttributes<HTMLDivElement> {
1288
+ toasts: ToasterItem[];
1289
+ position?: ToasterPosition;
1290
+ onDismiss?: (id: string) => void;
1291
+ }
1292
+ declare function Toaster({ toasts, position, onDismiss, className, ...props }: ToasterProps): react_jsx_runtime.JSX.Element;
1293
+
1294
+ interface SonnerProps extends HTMLAttributes<HTMLDivElement> {
1295
+ toasts: ToasterItem[];
1296
+ maxVisible?: number;
1297
+ position?: ToasterPosition;
1298
+ onDismiss?: (id: string) => void;
1299
+ }
1300
+ declare function Sonner({ toasts, maxVisible, position, onDismiss, ...props }: SonnerProps): react_jsx_runtime.JSX.Element;
1301
+
1302
+ interface SwitchProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {
1303
+ checked?: boolean;
1304
+ defaultChecked?: boolean;
1305
+ onCheckedChange?: (checked: boolean) => void;
1306
+ }
1307
+ declare const Switch: react.ForwardRefExoticComponent<SwitchProps & react.RefAttributes<HTMLButtonElement>>;
1308
+
1309
+ declare const Table: react.ForwardRefExoticComponent<TableHTMLAttributes<HTMLTableElement> & react.RefAttributes<HTMLTableElement>>;
1310
+ declare const TableHeader: react.ForwardRefExoticComponent<HTMLAttributes<HTMLTableSectionElement> & react.RefAttributes<HTMLTableSectionElement>>;
1311
+ declare const TableBody: react.ForwardRefExoticComponent<HTMLAttributes<HTMLTableSectionElement> & react.RefAttributes<HTMLTableSectionElement>>;
1312
+ declare const TableRow: react.ForwardRefExoticComponent<HTMLAttributes<HTMLTableRowElement> & react.RefAttributes<HTMLTableRowElement>>;
1313
+ type TableSortDirection = 'asc' | 'desc';
1314
+ interface TableHeadProps extends ThHTMLAttributes<HTMLTableCellElement> {
1315
+ sortable?: boolean;
1316
+ sortDirection?: TableSortDirection;
1317
+ onSort?: () => void;
1318
+ sortButtonProps?: Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'type' | 'onClick'>;
1319
+ }
1320
+ declare const TableHead: react.ForwardRefExoticComponent<TableHeadProps & react.RefAttributes<HTMLTableCellElement>>;
1321
+ declare const TableCell: react.ForwardRefExoticComponent<TdHTMLAttributes<HTMLTableCellElement> & react.RefAttributes<HTMLTableCellElement>>;
1322
+ declare const TableCaption: react.ForwardRefExoticComponent<HTMLAttributes<HTMLTableCaptionElement> & react.RefAttributes<HTMLTableCaptionElement>>;
1323
+ interface TableEmptyStateProps extends TdHTMLAttributes<HTMLTableCellElement> {
1324
+ colSpan: number;
1325
+ title?: string;
1326
+ description?: string;
1327
+ }
1328
+ declare const TableEmptyState: react.ForwardRefExoticComponent<TableEmptyStateProps & react.RefAttributes<HTMLTableCellElement>>;
1329
+
1330
+ interface TabsItem {
1331
+ id: string;
1332
+ label: ReactNode;
1333
+ content: ReactNode;
1334
+ disabled?: boolean;
1335
+ }
1336
+ interface TabsProps extends HTMLAttributes<HTMLDivElement> {
1337
+ items: TabsItem[];
1338
+ value?: string;
1339
+ defaultValue?: string;
1340
+ onValueChange?: (value: string) => void;
1341
+ fullWidth?: boolean;
1342
+ }
1343
+ declare function Tabs({ items, value, defaultValue, onValueChange, fullWidth, className, ...props }: TabsProps): react_jsx_runtime.JSX.Element;
1344
+
1345
+ type TextareaResize = 'none' | 'vertical' | 'horizontal' | 'both';
1346
+ interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
1347
+ error?: boolean;
1348
+ resize?: TextareaResize;
1349
+ }
1350
+ declare const Textarea: react.ForwardRefExoticComponent<TextareaProps & react.RefAttributes<HTMLTextAreaElement>>;
1351
+
1352
+ type ToggleSize = 'sm' | 'md' | 'lg';
1353
+ type ToggleVariant = 'default' | 'outline';
1354
+ interface ToggleProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {
1355
+ pressed?: boolean;
1356
+ defaultPressed?: boolean;
1357
+ onPressedChange?: (pressed: boolean) => void;
1358
+ size?: ToggleSize;
1359
+ variant?: ToggleVariant;
1360
+ }
1361
+ declare function Toggle({ pressed, defaultPressed, onPressedChange, size, variant, disabled, className, children, ...props }: ToggleProps): react_jsx_runtime.JSX.Element;
1362
+
1363
+ type ToggleGroupType = 'single' | 'multiple';
1364
+ interface ToggleGroupItem {
1365
+ id: string;
1366
+ label: string;
1367
+ icon?: LucideIcon;
1368
+ disabled?: boolean;
1369
+ }
1370
+ interface ToggleGroupProps extends HTMLAttributes<HTMLDivElement> {
1371
+ type?: ToggleGroupType;
1372
+ items: ToggleGroupItem[];
1373
+ value?: string | string[];
1374
+ defaultValue?: string | string[];
1375
+ onValueChange?: (value: string | string[]) => void;
1376
+ }
1377
+ declare function ToggleGroup({ type, items, value, defaultValue, onValueChange, className, ...props }: ToggleGroupProps): react_jsx_runtime.JSX.Element;
1378
+
1379
+ type TooltipSide = 'top' | 'right' | 'bottom' | 'left';
1380
+ interface TooltipProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'content'> {
1381
+ content: ReactNode;
1382
+ side?: TooltipSide;
1383
+ open?: boolean;
1384
+ defaultOpen?: boolean;
1385
+ onOpenChange?: (open: boolean) => void;
1386
+ disabled?: boolean;
1387
+ children: ReactNode;
1388
+ }
1389
+ declare function Tooltip({ content, side, open, defaultOpen, onOpenChange, disabled, className, children, ...props }: TooltipProps): react_jsx_runtime.JSX.Element;
1390
+
1391
+ interface NavLinkRouterProps extends Omit<NavLinkProps$1, 'className'> {
1392
+ className?: string;
1393
+ activeClassName?: string;
1394
+ pendingClassName?: string;
1395
+ }
1396
+ declare const NavLinkRouter: react.ForwardRefExoticComponent<NavLinkRouterProps & react.RefAttributes<HTMLAnchorElement>>;
1397
+
1398
+ export { AIComposeInput, type AIComposeInputProps, AIEmailGenerator, type AIEmailGeneratorProps, Accordion, type AccordionItem, type AccordionProps, type ActionButtonItem, ActionButtons, type ActionButtonsProps, ActivityStream, type ActivityStreamProps, Alert, AlertDialog, type AlertDialogProps, type AlertProps, type AlertVariant, AppLayout, type AppLayoutProps, AppNavigationRail, type AppNavigationRailItem, type AppNavigationRailProps, AppSidebar, type AppSidebarItem, type AppSidebarProps, AspectRatio, type AspectRatioProps, Avatar, type AvatarProps, type AvatarSize, Badge, type BadgeProps, type BadgeVariant, type BlockType, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, Button, type ButtonProps, type ButtonVariant, Calendar, type CalendarProps, type CampaignStatus, CampaignTable, type CampaignTableProps, type CampaignTableRow, type CanvasBlock, type CanvasContextValue, CanvasProvider, type CanvasProviderProps, Card, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Carousel, type CarouselProps, Chart, type ChartDatum, type ChartProps, ChatFeed, type ChatFeedProps, type ChatMessage, Checkbox, type CheckboxProps, CircularScore, type CircularScoreProps, type CitronEvent, Collapsible, type CollapsibleProps, Command, CommandBar, type CommandBarProps, CommandCanvas, type CommandCanvasCardType, type CommandCanvasMessage, type CommandCanvasProps, CommandInterface, type CommandInterfaceProps, type CommandItem, type CommandProps, ContextMenu, type ContextMenuItem, type ContextMenuProps, Dialog, DialogClose, type DialogCloseProps, DialogContent, type DialogContentProps, DialogDescription, type DialogDescriptionProps, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, type DialogProps, DialogTitle, type DialogTitleProps, DialogTrigger, type DialogTriggerProps, Drawer, DrawerClose, type DrawerCloseProps, DrawerContent, type DrawerContentProps, DrawerDescription, type DrawerDescriptionProps, DrawerFooter, type DrawerFooterProps, DrawerHeader, type DrawerHeaderProps, type DrawerProps, DrawerTitle, type DrawerTitleProps, DrawerTrigger, type DrawerTriggerProps, DropdownMenu, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuItem, type DropdownMenuItemProps, type DropdownMenuProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuTrigger, type DropdownMenuTriggerProps, type Edge, type EmailBlock, EmailBlockEditor, type EmailBlockEditorProps, EmailCampaignsView, type EmailCampaignsViewProps, EmailComposeActionButtons, type EmailTemplateItem, EmailTemplatesSection, type EmailTemplatesSectionProps, EntityCard, type EntityCardProps, type EntityCardStat, EntityCommandCard, type EntityCommandCardProps, type EntityCommandCardStat, type EntityType, ErrorBoundary, type ErrorBoundaryProps, EventFeed, type EventFeedItem, type EventFeedProps, EventRow, type EventRowProps, type EventStatus, type EventStreamEvent, EventStreamFeed, type EventStreamFeedProps, EventStreamSidebar, type EventStreamSidebarProps, type EventStreamStatus, Form, FormActions, type FormActionsProps, FormField, type FormFieldProps, type FormProps, type GraphEdge, type GraphNode$1 as GraphNode, GraphView, type GraphViewProps, GuidedTour, type GuidedTourProps, type GuidedTourStep, HoverCard, HoverCardContent, type HoverCardContentProps, type HoverCardProps, HoverCardTrigger, type HoverCardTriggerProps, Input, InputOtp, type InputOtpProps, type InputProps, IntelligenceCard, type IntelligenceCardProps, IntelligenceLab, type IntelligenceLabInsight, type IntelligenceLabKpiCard, type IntelligenceLabProps, IntelligenceScoreCard, type IntelligenceScoreCardProps, type IntelligenceScoreItem, Label, type LabelProps, MainShell, type MainShellProps, Menubar, MenubarCloseZone, type MenubarCloseZoneProps, MenubarContent, type MenubarContentProps, MenubarItem, type MenubarItemProps, MenubarMenu, type MenubarMenuProps, type MenubarProps, MenubarSeparator, type MenubarSeparatorProps, MenubarTrigger, type MenubarTriggerProps, type MetricComparisonItem, MetricComparisonList, type MetricComparisonListProps, type MetricComparisonVariant, ModuleContainer, type ModuleContainerProps, ModuleErrorBoundary, type ModuleErrorBoundaryProps, ModuleSkeleton, type ModuleSkeletonProps, NavLink, type NavLinkProps, NavLinkRouter, type NavLinkRouterProps, NavigationMenu, type NavigationMenuItem, type NavigationMenuProps, OSNavigationRail, type OSNavigationRailItem, type OSNavigationRailProps, OnboardingWizard, type OnboardingWizardProps, PageErrorFallback, type PageErrorFallbackProps, PageHeader, PageHeaderActionButton, type PageHeaderActionButtonProps, type PageHeaderProps, Pagination, type PaginationProps, Popover, PopoverClose, type PopoverCloseProps, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, Progress, type ProgressProps, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupOption, type RadioGroupProps, Resizable, type ResizableProps, RightPanel, type RightPanelAgent, type RightPanelChatMessage, type RightPanelProps, type RightPanelTab, RouteWithErrorBoundary, type RouteWithErrorBoundaryProps, ScrollArea, type ScrollAreaProps, SearchBar, type SearchBarProps, Select, type SelectOption, type SelectProps, Separator, type SeparatorOrientation, type SeparatorProps, Sheet, type SheetProps, type SheetSide, Sidebar, type SidebarItem, type SidebarProps, Skeleton, type SkeletonProps, Slider, type SliderProps, Sonner, type SonnerProps, type StatCardChangeVariant, StatCardGrid, type StatCardGridProps, type StatCardItem, type StatCardWithChartItem, StatCards, type StatCardsProps, StatCardsWithChart, type StatCardsWithChartProps, StatusBadge, type StatusBadgeProps, type StatusBadgeVariant, Switch, type SwitchProps, type TabItem, TabSystem, type TabSystemProps, Table, TableBody, TableCaption, TableCell, TableEmptyState, TableHead, TableHeader, TableRow, type TableSortDirection, Tabs, type TabsItem, type TabsProps, TaskCreateForm, type TaskCreateFormProps, type TaskCreatePayload, TaskItem, type TaskItemData, type TaskItemProps, TaskList, type TaskListProps, type TaskPriority, type TaskSection, type TaskStatus, type TaskWithStatus, TasksView, type TasksViewProps, TemplateCard, type TemplateCardProps, Textarea, type TextareaProps, type TextareaResize, Toast, type ToastAction, type ToastProps, type ToastVariant, Toaster, type ToasterItem, type ToasterPosition, type ToasterProps, Toggle, ToggleGroup, type ToggleGroupItem, type ToggleGroupProps, type ToggleGroupType, type ToggleProps, type ToggleSize, type ToggleVariant, Tooltip, type TooltipProps, type TooltipSide, useCanvas };