@citron-systems/citron-ui 1.10.0 → 1.12.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 +168 -9
- package/dist/index.d.ts +168 -9
- package/dist/index.js +3 -3
- package/dist/index.mjs +3 -3
- package/package.json +8 -5
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
3
|
import { ReactNode, TextareaHTMLAttributes, ButtonHTMLAttributes, Component, InputHTMLAttributes, ComponentType, HTMLAttributes, RefObject, FormHTMLAttributes, LabelHTMLAttributes, SelectHTMLAttributes, TableHTMLAttributes, TdHTMLAttributes, ThHTMLAttributes } from 'react';
|
|
4
|
-
import { FallbackProps } from 'react-error-boundary';
|
|
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;
|
|
@@ -101,14 +102,27 @@ interface Edge {
|
|
|
101
102
|
type: string;
|
|
102
103
|
target?: string;
|
|
103
104
|
}
|
|
105
|
+
interface EntityCardStat {
|
|
106
|
+
label: string;
|
|
107
|
+
value: string;
|
|
108
|
+
icon?: LucideIcon;
|
|
109
|
+
}
|
|
104
110
|
interface EntityCardProps {
|
|
105
111
|
name: string;
|
|
106
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;
|
|
107
117
|
metadata?: Record<string, string>;
|
|
108
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;
|
|
109
123
|
className?: string;
|
|
110
124
|
}
|
|
111
|
-
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;
|
|
112
126
|
|
|
113
127
|
interface EntityCommandCardStat {
|
|
114
128
|
label: string;
|
|
@@ -335,6 +349,8 @@ interface TaskItemData {
|
|
|
335
349
|
date: string;
|
|
336
350
|
assignee: string;
|
|
337
351
|
completed?: boolean;
|
|
352
|
+
/** Jira issue key when synced (e.g. PROJ-123). Shown on Kanban cards. */
|
|
353
|
+
jiraKey?: string;
|
|
338
354
|
}
|
|
339
355
|
interface TaskWithStatus extends TaskItemData {
|
|
340
356
|
status: TaskStatus;
|
|
@@ -489,9 +505,11 @@ interface TasksViewProps {
|
|
|
489
505
|
onTaskCreate?: (payload: TaskCreatePayload) => void;
|
|
490
506
|
onTaskToggle?: (taskId: string) => void;
|
|
491
507
|
onTaskClick?: (taskId: string) => void;
|
|
508
|
+
/** Invoked when tasks are reordered or moved between columns in Kanban (Jira-style board). */
|
|
509
|
+
onTasksReorder?: (tasks: TaskWithStatus[]) => void;
|
|
492
510
|
className?: string;
|
|
493
511
|
}
|
|
494
|
-
declare function TasksView({ initialTasks, onTaskCreate, onTaskToggle, onTaskClick, className, }: TasksViewProps): react_jsx_runtime.JSX.Element;
|
|
512
|
+
declare function TasksView({ initialTasks, onTaskCreate, onTaskToggle, onTaskClick, onTasksReorder, className, }: TasksViewProps): react_jsx_runtime.JSX.Element;
|
|
495
513
|
|
|
496
514
|
interface EmailCampaignsViewProps {
|
|
497
515
|
onSendNow?: () => void;
|
|
@@ -504,6 +522,47 @@ interface EmailCampaignsViewProps {
|
|
|
504
522
|
}
|
|
505
523
|
declare function EmailCampaignsView({ onSendNow, onSchedule, onSaveDraft, onNewCampaign, onGenerateWithAI, onTemplateClick, className, }: EmailCampaignsViewProps): react_jsx_runtime.JSX.Element;
|
|
506
524
|
|
|
525
|
+
type CitronTheme = 'light' | 'dark';
|
|
526
|
+
declare const CITRON_THEME_STORAGE_KEY = "citron-ui-theme";
|
|
527
|
+
interface ThemeContextValue {
|
|
528
|
+
theme: CitronTheme;
|
|
529
|
+
setTheme: (theme: CitronTheme) => void;
|
|
530
|
+
toggleTheme: () => void;
|
|
531
|
+
}
|
|
532
|
+
interface ThemeProviderProps {
|
|
533
|
+
children: ReactNode;
|
|
534
|
+
}
|
|
535
|
+
declare function ThemeProvider({ children }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
|
|
536
|
+
declare function useTheme(): ThemeContextValue;
|
|
537
|
+
|
|
538
|
+
interface ThemeSwitcherButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
539
|
+
className?: string;
|
|
540
|
+
}
|
|
541
|
+
declare function ThemeSwitcherButton({ className, type, ...props }: ThemeSwitcherButtonProps): react_jsx_runtime.JSX.Element;
|
|
542
|
+
|
|
543
|
+
interface TaskKanbanBoardProps {
|
|
544
|
+
tasks: TaskWithStatus[];
|
|
545
|
+
onTasksChange: (tasks: TaskWithStatus[]) => void;
|
|
546
|
+
className?: string;
|
|
547
|
+
}
|
|
548
|
+
declare function TaskKanbanBoard({ tasks, onTasksChange, className }: TaskKanbanBoardProps): react_jsx_runtime.JSX.Element;
|
|
549
|
+
|
|
550
|
+
interface TaskKanbanColumnProps {
|
|
551
|
+
columnId: TaskStatus;
|
|
552
|
+
title: string;
|
|
553
|
+
count: number;
|
|
554
|
+
children: ReactNode;
|
|
555
|
+
className?: string;
|
|
556
|
+
}
|
|
557
|
+
declare function TaskKanbanColumn({ columnId, title, count, children, className, }: TaskKanbanColumnProps): react_jsx_runtime.JSX.Element;
|
|
558
|
+
|
|
559
|
+
interface TaskKanbanCardProps {
|
|
560
|
+
task: TaskWithStatus;
|
|
561
|
+
index: number;
|
|
562
|
+
className?: string;
|
|
563
|
+
}
|
|
564
|
+
declare function TaskKanbanCard({ task, index, className }: TaskKanbanCardProps): react_jsx_runtime.JSX.Element;
|
|
565
|
+
|
|
507
566
|
interface AccordionItem {
|
|
508
567
|
id: string;
|
|
509
568
|
title: ReactNode;
|
|
@@ -595,11 +654,15 @@ interface AppSidebarProps {
|
|
|
595
654
|
activePath?: string;
|
|
596
655
|
onNavigate?: (path: string) => void;
|
|
597
656
|
logo?: ReactNode;
|
|
657
|
+
/** When true the status dot at the bottom pulses with an animation. */
|
|
658
|
+
showStatusDot?: boolean;
|
|
659
|
+
/** Renders the global theme toggle (moon/sun) next to bottom nav items. Requires ThemeProvider. */
|
|
660
|
+
showThemeToggle?: boolean;
|
|
598
661
|
className?: string;
|
|
599
662
|
}
|
|
600
|
-
declare function AppSidebar({ items, bottomItems, activePath, onNavigate, logo, className, }: AppSidebarProps): react_jsx_runtime.JSX.Element;
|
|
663
|
+
declare function AppSidebar({ items, bottomItems, activePath, onNavigate, logo, showStatusDot, showThemeToggle, className, }: AppSidebarProps): react_jsx_runtime.JSX.Element;
|
|
601
664
|
|
|
602
|
-
type EventStatus = 'success' | 'warning' | 'error' | 'info';
|
|
665
|
+
type EventStatus = 'success' | 'warning' | 'error' | 'danger' | 'info';
|
|
603
666
|
interface EventFeedItem {
|
|
604
667
|
id: string | number;
|
|
605
668
|
icon: LucideIcon;
|
|
@@ -617,14 +680,73 @@ interface EventFeedProps {
|
|
|
617
680
|
}
|
|
618
681
|
declare function EventFeed({ title, liveLabel, events, onItemClick, className, }: EventFeedProps): react_jsx_runtime.JSX.Element;
|
|
619
682
|
|
|
683
|
+
interface CanvasBlock {
|
|
684
|
+
id: string;
|
|
685
|
+
type: 'text' | 'entity' | 'intelligence' | 'loading';
|
|
686
|
+
content?: string;
|
|
687
|
+
}
|
|
688
|
+
interface CanvasContextValue {
|
|
689
|
+
blocks: CanvasBlock[];
|
|
690
|
+
addBlocks: (blocks: CanvasBlock[]) => void;
|
|
691
|
+
clearBlocks: () => void;
|
|
692
|
+
}
|
|
693
|
+
declare function useCanvas(): CanvasContextValue;
|
|
694
|
+
interface CanvasProviderProps {
|
|
695
|
+
children: ReactNode;
|
|
696
|
+
initialBlocks?: CanvasBlock[];
|
|
697
|
+
}
|
|
698
|
+
declare function CanvasProvider({ children, initialBlocks }: CanvasProviderProps): react_jsx_runtime.JSX.Element;
|
|
699
|
+
|
|
700
|
+
type RightPanelTab = 'chat' | 'events';
|
|
701
|
+
interface RightPanelAgent {
|
|
702
|
+
id: string;
|
|
703
|
+
label: string;
|
|
704
|
+
icon: LucideIcon;
|
|
705
|
+
description: string;
|
|
706
|
+
}
|
|
707
|
+
interface RightPanelChatMessage {
|
|
708
|
+
id: string;
|
|
709
|
+
role: 'user' | 'assistant';
|
|
710
|
+
content: string;
|
|
711
|
+
files?: string[];
|
|
712
|
+
}
|
|
713
|
+
interface RightPanelProps {
|
|
714
|
+
defaultTab?: RightPanelTab;
|
|
715
|
+
tab?: RightPanelTab;
|
|
716
|
+
onTabChange?: (tab: RightPanelTab) => void;
|
|
717
|
+
agents?: RightPanelAgent[];
|
|
718
|
+
defaultAgent?: RightPanelAgent;
|
|
719
|
+
agent?: RightPanelAgent;
|
|
720
|
+
onAgentChange?: (agent: RightPanelAgent) => void;
|
|
721
|
+
messages?: RightPanelChatMessage[];
|
|
722
|
+
defaultMessages?: RightPanelChatMessage[];
|
|
723
|
+
onMessagesChange?: (messages: RightPanelChatMessage[]) => void;
|
|
724
|
+
onSend?: (content: string, files: File[]) => void;
|
|
725
|
+
onAddCanvasBlocks?: (blocks: CanvasBlock[]) => void;
|
|
726
|
+
agentResponses?: Record<string, {
|
|
727
|
+
text: string;
|
|
728
|
+
cards: ('entity' | 'intelligence')[];
|
|
729
|
+
}>;
|
|
730
|
+
autoRespond?: boolean;
|
|
731
|
+
autoRespondDelayMs?: number;
|
|
732
|
+
renderEventsTab?: () => ReactNode;
|
|
733
|
+
className?: string;
|
|
734
|
+
}
|
|
735
|
+
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;
|
|
736
|
+
|
|
620
737
|
interface AppLayoutProps {
|
|
621
738
|
children: ReactNode;
|
|
739
|
+
/** @deprecated Use `showRightPanel` instead. */
|
|
622
740
|
showEventFeed?: boolean;
|
|
741
|
+
/** Shows the AI chat + events right panel. */
|
|
742
|
+
showRightPanel?: boolean;
|
|
623
743
|
sidebarProps?: Partial<AppSidebarProps>;
|
|
624
744
|
eventFeedProps?: Partial<EventFeedProps>;
|
|
745
|
+
rightPanelProps?: Partial<RightPanelProps>;
|
|
746
|
+
canvasProviderProps?: Partial<CanvasProviderProps>;
|
|
625
747
|
className?: string;
|
|
626
748
|
}
|
|
627
|
-
declare function AppLayout({ children, showEventFeed, sidebarProps, eventFeedProps, className, }: AppLayoutProps): react_jsx_runtime.JSX.Element;
|
|
749
|
+
declare function AppLayout({ children, showEventFeed, showRightPanel, sidebarProps, eventFeedProps, rightPanelProps, canvasProviderProps, className, }: AppLayoutProps): react_jsx_runtime.JSX.Element;
|
|
628
750
|
|
|
629
751
|
interface AspectRatioProps {
|
|
630
752
|
ratio?: number;
|
|
@@ -724,10 +846,14 @@ interface CircularScoreProps {
|
|
|
724
846
|
label: string;
|
|
725
847
|
value: number;
|
|
726
848
|
tone?: 'success' | 'warning' | 'error' | 'info' | 'primary';
|
|
849
|
+
/** Override the stroke color with an arbitrary CSS color value. Takes precedence over `tone`. */
|
|
850
|
+
color?: string;
|
|
851
|
+
/** When true the arc represents the inverse (100 - value). Useful for risk-style scores. */
|
|
852
|
+
inverted?: boolean;
|
|
727
853
|
size?: number;
|
|
728
854
|
className?: string;
|
|
729
855
|
}
|
|
730
|
-
declare function CircularScore({ label, value, tone, size, className, }: CircularScoreProps): react_jsx_runtime.JSX.Element;
|
|
856
|
+
declare function CircularScore({ label, value, tone, color, inverted, size, className, }: CircularScoreProps): react_jsx_runtime.JSX.Element;
|
|
731
857
|
|
|
732
858
|
interface CollapsibleProps {
|
|
733
859
|
title: ReactNode;
|
|
@@ -766,6 +892,14 @@ interface CommandCanvasProps {
|
|
|
766
892
|
readyLabel?: string;
|
|
767
893
|
placeholder?: string;
|
|
768
894
|
footerText?: string;
|
|
895
|
+
/**
|
|
896
|
+
* When provided, the canvas renders blocks from CanvasContext instead of the
|
|
897
|
+
* built-in message list. Use `renderBlock` to customise how each block type
|
|
898
|
+
* is rendered.
|
|
899
|
+
*/
|
|
900
|
+
blocks?: CanvasBlock[];
|
|
901
|
+
/** Custom renderer for each block type when using blocks mode. */
|
|
902
|
+
renderBlock?: (block: CanvasBlock) => ReactNode;
|
|
769
903
|
messages?: CommandCanvasMessage[];
|
|
770
904
|
initialMessages?: CommandCanvasMessage[];
|
|
771
905
|
onMessagesChange?: (messages: CommandCanvasMessage[]) => void;
|
|
@@ -779,9 +913,11 @@ interface CommandCanvasProps {
|
|
|
779
913
|
onSend?: (value: string) => void;
|
|
780
914
|
generateAssistantMessage?: (value: string) => Omit<CommandCanvasMessage, 'id' | 'role'>;
|
|
781
915
|
renderCard?: (type: CommandCanvasCardType) => ReactNode;
|
|
916
|
+
/** When true, hides the built-in input bar. Useful when using RightPanel for input. */
|
|
917
|
+
hideInput?: boolean;
|
|
782
918
|
className?: string;
|
|
783
919
|
}
|
|
784
|
-
declare function CommandCanvas({ title, subtitle, readyLabel, placeholder, footerText, messages, initialMessages, onMessagesChange, inputValue, defaultInputValue, onInputValueChange, autoAssistantResponse, assistantResponseDelayMs, isResponding, onRespondingChange, onSend, generateAssistantMessage, renderCard, className, }: CommandCanvasProps): react_jsx_runtime.JSX.Element;
|
|
920
|
+
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;
|
|
785
921
|
|
|
786
922
|
interface ContextMenuItem {
|
|
787
923
|
id: string;
|
|
@@ -957,6 +1093,10 @@ interface IntelligenceScoreItem {
|
|
|
957
1093
|
label: string;
|
|
958
1094
|
value: number;
|
|
959
1095
|
tone?: 'success' | 'warning' | 'error' | 'info' | 'primary';
|
|
1096
|
+
/** Override the stroke color with an arbitrary CSS color value. */
|
|
1097
|
+
color?: string;
|
|
1098
|
+
/** When true the arc represents the inverse (100 - value). Useful for risk scores. */
|
|
1099
|
+
inverted?: boolean;
|
|
960
1100
|
}
|
|
961
1101
|
interface IntelligenceCardProps {
|
|
962
1102
|
title?: string;
|
|
@@ -1295,4 +1435,23 @@ interface TooltipProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'content'>
|
|
|
1295
1435
|
}
|
|
1296
1436
|
declare function Tooltip({ content, side, open, defaultOpen, onOpenChange, disabled, className, children, ...props }: TooltipProps): react_jsx_runtime.JSX.Element;
|
|
1297
1437
|
|
|
1298
|
-
|
|
1438
|
+
interface NavLinkRouterProps extends Omit<NavLinkProps$1, 'className'> {
|
|
1439
|
+
className?: string;
|
|
1440
|
+
activeClassName?: string;
|
|
1441
|
+
pendingClassName?: string;
|
|
1442
|
+
}
|
|
1443
|
+
declare const NavLinkRouter: react.ForwardRefExoticComponent<NavLinkRouterProps & react.RefAttributes<HTMLAnchorElement>>;
|
|
1444
|
+
|
|
1445
|
+
/**
|
|
1446
|
+
* Semantic CSS variable names from @citron-systems/citron-ds (resolved values follow [data-theme] on documentElement).
|
|
1447
|
+
*/
|
|
1448
|
+
declare const semanticBackgroundPrimary = "var(--inkblot-semantic-color-background-primary)";
|
|
1449
|
+
declare const semanticBackgroundSecondary = "var(--inkblot-semantic-color-background-secondary)";
|
|
1450
|
+
declare const semanticBorderDefault = "var(--inkblot-semantic-color-border-default)";
|
|
1451
|
+
declare const semanticTextPrimary = "var(--inkblot-semantic-color-text-primary)";
|
|
1452
|
+
declare const semanticTextSecondary = "var(--inkblot-semantic-color-text-secondary)";
|
|
1453
|
+
declare const semanticInteractivePrimary = "var(--inkblot-semantic-color-interactive-primary)";
|
|
1454
|
+
declare const semanticInteractiveSecondary = "var(--inkblot-semantic-color-interactive-secondary)";
|
|
1455
|
+
declare const semanticInteractiveSecondaryHover = "var(--inkblot-semantic-color-interactive-secondary-hover)";
|
|
1456
|
+
|
|
1457
|
+
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, CITRON_THEME_STORAGE_KEY, 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, type CitronTheme, 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, TaskKanbanBoard, type TaskKanbanBoardProps, TaskKanbanCard, type TaskKanbanCardProps, TaskKanbanColumn, type TaskKanbanColumnProps, TaskList, type TaskListProps, type TaskPriority, type TaskSection, type TaskStatus, type TaskWithStatus, TasksView, type TasksViewProps, TemplateCard, type TemplateCardProps, Textarea, type TextareaProps, type TextareaResize, type ThemeContextValue, ThemeProvider, ThemeSwitcherButton, type ThemeSwitcherButtonProps, 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, semanticBackgroundPrimary, semanticBackgroundSecondary, semanticBorderDefault, semanticInteractivePrimary, semanticInteractiveSecondary, semanticInteractiveSecondaryHover, semanticTextPrimary, semanticTextSecondary, useCanvas, useTheme };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import * as react from 'react';
|
|
3
3
|
import { ReactNode, TextareaHTMLAttributes, ButtonHTMLAttributes, Component, InputHTMLAttributes, ComponentType, HTMLAttributes, RefObject, FormHTMLAttributes, LabelHTMLAttributes, SelectHTMLAttributes, TableHTMLAttributes, TdHTMLAttributes, ThHTMLAttributes } from 'react';
|
|
4
|
-
import { FallbackProps } from 'react-error-boundary';
|
|
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;
|
|
@@ -101,14 +102,27 @@ interface Edge {
|
|
|
101
102
|
type: string;
|
|
102
103
|
target?: string;
|
|
103
104
|
}
|
|
105
|
+
interface EntityCardStat {
|
|
106
|
+
label: string;
|
|
107
|
+
value: string;
|
|
108
|
+
icon?: LucideIcon;
|
|
109
|
+
}
|
|
104
110
|
interface EntityCardProps {
|
|
105
111
|
name: string;
|
|
106
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;
|
|
107
117
|
metadata?: Record<string, string>;
|
|
108
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;
|
|
109
123
|
className?: string;
|
|
110
124
|
}
|
|
111
|
-
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;
|
|
112
126
|
|
|
113
127
|
interface EntityCommandCardStat {
|
|
114
128
|
label: string;
|
|
@@ -335,6 +349,8 @@ interface TaskItemData {
|
|
|
335
349
|
date: string;
|
|
336
350
|
assignee: string;
|
|
337
351
|
completed?: boolean;
|
|
352
|
+
/** Jira issue key when synced (e.g. PROJ-123). Shown on Kanban cards. */
|
|
353
|
+
jiraKey?: string;
|
|
338
354
|
}
|
|
339
355
|
interface TaskWithStatus extends TaskItemData {
|
|
340
356
|
status: TaskStatus;
|
|
@@ -489,9 +505,11 @@ interface TasksViewProps {
|
|
|
489
505
|
onTaskCreate?: (payload: TaskCreatePayload) => void;
|
|
490
506
|
onTaskToggle?: (taskId: string) => void;
|
|
491
507
|
onTaskClick?: (taskId: string) => void;
|
|
508
|
+
/** Invoked when tasks are reordered or moved between columns in Kanban (Jira-style board). */
|
|
509
|
+
onTasksReorder?: (tasks: TaskWithStatus[]) => void;
|
|
492
510
|
className?: string;
|
|
493
511
|
}
|
|
494
|
-
declare function TasksView({ initialTasks, onTaskCreate, onTaskToggle, onTaskClick, className, }: TasksViewProps): react_jsx_runtime.JSX.Element;
|
|
512
|
+
declare function TasksView({ initialTasks, onTaskCreate, onTaskToggle, onTaskClick, onTasksReorder, className, }: TasksViewProps): react_jsx_runtime.JSX.Element;
|
|
495
513
|
|
|
496
514
|
interface EmailCampaignsViewProps {
|
|
497
515
|
onSendNow?: () => void;
|
|
@@ -504,6 +522,47 @@ interface EmailCampaignsViewProps {
|
|
|
504
522
|
}
|
|
505
523
|
declare function EmailCampaignsView({ onSendNow, onSchedule, onSaveDraft, onNewCampaign, onGenerateWithAI, onTemplateClick, className, }: EmailCampaignsViewProps): react_jsx_runtime.JSX.Element;
|
|
506
524
|
|
|
525
|
+
type CitronTheme = 'light' | 'dark';
|
|
526
|
+
declare const CITRON_THEME_STORAGE_KEY = "citron-ui-theme";
|
|
527
|
+
interface ThemeContextValue {
|
|
528
|
+
theme: CitronTheme;
|
|
529
|
+
setTheme: (theme: CitronTheme) => void;
|
|
530
|
+
toggleTheme: () => void;
|
|
531
|
+
}
|
|
532
|
+
interface ThemeProviderProps {
|
|
533
|
+
children: ReactNode;
|
|
534
|
+
}
|
|
535
|
+
declare function ThemeProvider({ children }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
|
|
536
|
+
declare function useTheme(): ThemeContextValue;
|
|
537
|
+
|
|
538
|
+
interface ThemeSwitcherButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
539
|
+
className?: string;
|
|
540
|
+
}
|
|
541
|
+
declare function ThemeSwitcherButton({ className, type, ...props }: ThemeSwitcherButtonProps): react_jsx_runtime.JSX.Element;
|
|
542
|
+
|
|
543
|
+
interface TaskKanbanBoardProps {
|
|
544
|
+
tasks: TaskWithStatus[];
|
|
545
|
+
onTasksChange: (tasks: TaskWithStatus[]) => void;
|
|
546
|
+
className?: string;
|
|
547
|
+
}
|
|
548
|
+
declare function TaskKanbanBoard({ tasks, onTasksChange, className }: TaskKanbanBoardProps): react_jsx_runtime.JSX.Element;
|
|
549
|
+
|
|
550
|
+
interface TaskKanbanColumnProps {
|
|
551
|
+
columnId: TaskStatus;
|
|
552
|
+
title: string;
|
|
553
|
+
count: number;
|
|
554
|
+
children: ReactNode;
|
|
555
|
+
className?: string;
|
|
556
|
+
}
|
|
557
|
+
declare function TaskKanbanColumn({ columnId, title, count, children, className, }: TaskKanbanColumnProps): react_jsx_runtime.JSX.Element;
|
|
558
|
+
|
|
559
|
+
interface TaskKanbanCardProps {
|
|
560
|
+
task: TaskWithStatus;
|
|
561
|
+
index: number;
|
|
562
|
+
className?: string;
|
|
563
|
+
}
|
|
564
|
+
declare function TaskKanbanCard({ task, index, className }: TaskKanbanCardProps): react_jsx_runtime.JSX.Element;
|
|
565
|
+
|
|
507
566
|
interface AccordionItem {
|
|
508
567
|
id: string;
|
|
509
568
|
title: ReactNode;
|
|
@@ -595,11 +654,15 @@ interface AppSidebarProps {
|
|
|
595
654
|
activePath?: string;
|
|
596
655
|
onNavigate?: (path: string) => void;
|
|
597
656
|
logo?: ReactNode;
|
|
657
|
+
/** When true the status dot at the bottom pulses with an animation. */
|
|
658
|
+
showStatusDot?: boolean;
|
|
659
|
+
/** Renders the global theme toggle (moon/sun) next to bottom nav items. Requires ThemeProvider. */
|
|
660
|
+
showThemeToggle?: boolean;
|
|
598
661
|
className?: string;
|
|
599
662
|
}
|
|
600
|
-
declare function AppSidebar({ items, bottomItems, activePath, onNavigate, logo, className, }: AppSidebarProps): react_jsx_runtime.JSX.Element;
|
|
663
|
+
declare function AppSidebar({ items, bottomItems, activePath, onNavigate, logo, showStatusDot, showThemeToggle, className, }: AppSidebarProps): react_jsx_runtime.JSX.Element;
|
|
601
664
|
|
|
602
|
-
type EventStatus = 'success' | 'warning' | 'error' | 'info';
|
|
665
|
+
type EventStatus = 'success' | 'warning' | 'error' | 'danger' | 'info';
|
|
603
666
|
interface EventFeedItem {
|
|
604
667
|
id: string | number;
|
|
605
668
|
icon: LucideIcon;
|
|
@@ -617,14 +680,73 @@ interface EventFeedProps {
|
|
|
617
680
|
}
|
|
618
681
|
declare function EventFeed({ title, liveLabel, events, onItemClick, className, }: EventFeedProps): react_jsx_runtime.JSX.Element;
|
|
619
682
|
|
|
683
|
+
interface CanvasBlock {
|
|
684
|
+
id: string;
|
|
685
|
+
type: 'text' | 'entity' | 'intelligence' | 'loading';
|
|
686
|
+
content?: string;
|
|
687
|
+
}
|
|
688
|
+
interface CanvasContextValue {
|
|
689
|
+
blocks: CanvasBlock[];
|
|
690
|
+
addBlocks: (blocks: CanvasBlock[]) => void;
|
|
691
|
+
clearBlocks: () => void;
|
|
692
|
+
}
|
|
693
|
+
declare function useCanvas(): CanvasContextValue;
|
|
694
|
+
interface CanvasProviderProps {
|
|
695
|
+
children: ReactNode;
|
|
696
|
+
initialBlocks?: CanvasBlock[];
|
|
697
|
+
}
|
|
698
|
+
declare function CanvasProvider({ children, initialBlocks }: CanvasProviderProps): react_jsx_runtime.JSX.Element;
|
|
699
|
+
|
|
700
|
+
type RightPanelTab = 'chat' | 'events';
|
|
701
|
+
interface RightPanelAgent {
|
|
702
|
+
id: string;
|
|
703
|
+
label: string;
|
|
704
|
+
icon: LucideIcon;
|
|
705
|
+
description: string;
|
|
706
|
+
}
|
|
707
|
+
interface RightPanelChatMessage {
|
|
708
|
+
id: string;
|
|
709
|
+
role: 'user' | 'assistant';
|
|
710
|
+
content: string;
|
|
711
|
+
files?: string[];
|
|
712
|
+
}
|
|
713
|
+
interface RightPanelProps {
|
|
714
|
+
defaultTab?: RightPanelTab;
|
|
715
|
+
tab?: RightPanelTab;
|
|
716
|
+
onTabChange?: (tab: RightPanelTab) => void;
|
|
717
|
+
agents?: RightPanelAgent[];
|
|
718
|
+
defaultAgent?: RightPanelAgent;
|
|
719
|
+
agent?: RightPanelAgent;
|
|
720
|
+
onAgentChange?: (agent: RightPanelAgent) => void;
|
|
721
|
+
messages?: RightPanelChatMessage[];
|
|
722
|
+
defaultMessages?: RightPanelChatMessage[];
|
|
723
|
+
onMessagesChange?: (messages: RightPanelChatMessage[]) => void;
|
|
724
|
+
onSend?: (content: string, files: File[]) => void;
|
|
725
|
+
onAddCanvasBlocks?: (blocks: CanvasBlock[]) => void;
|
|
726
|
+
agentResponses?: Record<string, {
|
|
727
|
+
text: string;
|
|
728
|
+
cards: ('entity' | 'intelligence')[];
|
|
729
|
+
}>;
|
|
730
|
+
autoRespond?: boolean;
|
|
731
|
+
autoRespondDelayMs?: number;
|
|
732
|
+
renderEventsTab?: () => ReactNode;
|
|
733
|
+
className?: string;
|
|
734
|
+
}
|
|
735
|
+
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;
|
|
736
|
+
|
|
620
737
|
interface AppLayoutProps {
|
|
621
738
|
children: ReactNode;
|
|
739
|
+
/** @deprecated Use `showRightPanel` instead. */
|
|
622
740
|
showEventFeed?: boolean;
|
|
741
|
+
/** Shows the AI chat + events right panel. */
|
|
742
|
+
showRightPanel?: boolean;
|
|
623
743
|
sidebarProps?: Partial<AppSidebarProps>;
|
|
624
744
|
eventFeedProps?: Partial<EventFeedProps>;
|
|
745
|
+
rightPanelProps?: Partial<RightPanelProps>;
|
|
746
|
+
canvasProviderProps?: Partial<CanvasProviderProps>;
|
|
625
747
|
className?: string;
|
|
626
748
|
}
|
|
627
|
-
declare function AppLayout({ children, showEventFeed, sidebarProps, eventFeedProps, className, }: AppLayoutProps): react_jsx_runtime.JSX.Element;
|
|
749
|
+
declare function AppLayout({ children, showEventFeed, showRightPanel, sidebarProps, eventFeedProps, rightPanelProps, canvasProviderProps, className, }: AppLayoutProps): react_jsx_runtime.JSX.Element;
|
|
628
750
|
|
|
629
751
|
interface AspectRatioProps {
|
|
630
752
|
ratio?: number;
|
|
@@ -724,10 +846,14 @@ interface CircularScoreProps {
|
|
|
724
846
|
label: string;
|
|
725
847
|
value: number;
|
|
726
848
|
tone?: 'success' | 'warning' | 'error' | 'info' | 'primary';
|
|
849
|
+
/** Override the stroke color with an arbitrary CSS color value. Takes precedence over `tone`. */
|
|
850
|
+
color?: string;
|
|
851
|
+
/** When true the arc represents the inverse (100 - value). Useful for risk-style scores. */
|
|
852
|
+
inverted?: boolean;
|
|
727
853
|
size?: number;
|
|
728
854
|
className?: string;
|
|
729
855
|
}
|
|
730
|
-
declare function CircularScore({ label, value, tone, size, className, }: CircularScoreProps): react_jsx_runtime.JSX.Element;
|
|
856
|
+
declare function CircularScore({ label, value, tone, color, inverted, size, className, }: CircularScoreProps): react_jsx_runtime.JSX.Element;
|
|
731
857
|
|
|
732
858
|
interface CollapsibleProps {
|
|
733
859
|
title: ReactNode;
|
|
@@ -766,6 +892,14 @@ interface CommandCanvasProps {
|
|
|
766
892
|
readyLabel?: string;
|
|
767
893
|
placeholder?: string;
|
|
768
894
|
footerText?: string;
|
|
895
|
+
/**
|
|
896
|
+
* When provided, the canvas renders blocks from CanvasContext instead of the
|
|
897
|
+
* built-in message list. Use `renderBlock` to customise how each block type
|
|
898
|
+
* is rendered.
|
|
899
|
+
*/
|
|
900
|
+
blocks?: CanvasBlock[];
|
|
901
|
+
/** Custom renderer for each block type when using blocks mode. */
|
|
902
|
+
renderBlock?: (block: CanvasBlock) => ReactNode;
|
|
769
903
|
messages?: CommandCanvasMessage[];
|
|
770
904
|
initialMessages?: CommandCanvasMessage[];
|
|
771
905
|
onMessagesChange?: (messages: CommandCanvasMessage[]) => void;
|
|
@@ -779,9 +913,11 @@ interface CommandCanvasProps {
|
|
|
779
913
|
onSend?: (value: string) => void;
|
|
780
914
|
generateAssistantMessage?: (value: string) => Omit<CommandCanvasMessage, 'id' | 'role'>;
|
|
781
915
|
renderCard?: (type: CommandCanvasCardType) => ReactNode;
|
|
916
|
+
/** When true, hides the built-in input bar. Useful when using RightPanel for input. */
|
|
917
|
+
hideInput?: boolean;
|
|
782
918
|
className?: string;
|
|
783
919
|
}
|
|
784
|
-
declare function CommandCanvas({ title, subtitle, readyLabel, placeholder, footerText, messages, initialMessages, onMessagesChange, inputValue, defaultInputValue, onInputValueChange, autoAssistantResponse, assistantResponseDelayMs, isResponding, onRespondingChange, onSend, generateAssistantMessage, renderCard, className, }: CommandCanvasProps): react_jsx_runtime.JSX.Element;
|
|
920
|
+
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;
|
|
785
921
|
|
|
786
922
|
interface ContextMenuItem {
|
|
787
923
|
id: string;
|
|
@@ -957,6 +1093,10 @@ interface IntelligenceScoreItem {
|
|
|
957
1093
|
label: string;
|
|
958
1094
|
value: number;
|
|
959
1095
|
tone?: 'success' | 'warning' | 'error' | 'info' | 'primary';
|
|
1096
|
+
/** Override the stroke color with an arbitrary CSS color value. */
|
|
1097
|
+
color?: string;
|
|
1098
|
+
/** When true the arc represents the inverse (100 - value). Useful for risk scores. */
|
|
1099
|
+
inverted?: boolean;
|
|
960
1100
|
}
|
|
961
1101
|
interface IntelligenceCardProps {
|
|
962
1102
|
title?: string;
|
|
@@ -1295,4 +1435,23 @@ interface TooltipProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'content'>
|
|
|
1295
1435
|
}
|
|
1296
1436
|
declare function Tooltip({ content, side, open, defaultOpen, onOpenChange, disabled, className, children, ...props }: TooltipProps): react_jsx_runtime.JSX.Element;
|
|
1297
1437
|
|
|
1298
|
-
|
|
1438
|
+
interface NavLinkRouterProps extends Omit<NavLinkProps$1, 'className'> {
|
|
1439
|
+
className?: string;
|
|
1440
|
+
activeClassName?: string;
|
|
1441
|
+
pendingClassName?: string;
|
|
1442
|
+
}
|
|
1443
|
+
declare const NavLinkRouter: react.ForwardRefExoticComponent<NavLinkRouterProps & react.RefAttributes<HTMLAnchorElement>>;
|
|
1444
|
+
|
|
1445
|
+
/**
|
|
1446
|
+
* Semantic CSS variable names from @citron-systems/citron-ds (resolved values follow [data-theme] on documentElement).
|
|
1447
|
+
*/
|
|
1448
|
+
declare const semanticBackgroundPrimary = "var(--inkblot-semantic-color-background-primary)";
|
|
1449
|
+
declare const semanticBackgroundSecondary = "var(--inkblot-semantic-color-background-secondary)";
|
|
1450
|
+
declare const semanticBorderDefault = "var(--inkblot-semantic-color-border-default)";
|
|
1451
|
+
declare const semanticTextPrimary = "var(--inkblot-semantic-color-text-primary)";
|
|
1452
|
+
declare const semanticTextSecondary = "var(--inkblot-semantic-color-text-secondary)";
|
|
1453
|
+
declare const semanticInteractivePrimary = "var(--inkblot-semantic-color-interactive-primary)";
|
|
1454
|
+
declare const semanticInteractiveSecondary = "var(--inkblot-semantic-color-interactive-secondary)";
|
|
1455
|
+
declare const semanticInteractiveSecondaryHover = "var(--inkblot-semantic-color-interactive-secondary-hover)";
|
|
1456
|
+
|
|
1457
|
+
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, CITRON_THEME_STORAGE_KEY, 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, type CitronTheme, 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, TaskKanbanBoard, type TaskKanbanBoardProps, TaskKanbanCard, type TaskKanbanCardProps, TaskKanbanColumn, type TaskKanbanColumnProps, TaskList, type TaskListProps, type TaskPriority, type TaskSection, type TaskStatus, type TaskWithStatus, TasksView, type TasksViewProps, TemplateCard, type TemplateCardProps, Textarea, type TextareaProps, type TextareaResize, type ThemeContextValue, ThemeProvider, ThemeSwitcherButton, type ThemeSwitcherButtonProps, 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, semanticBackgroundPrimary, semanticBackgroundSecondary, semanticBorderDefault, semanticInteractivePrimary, semanticInteractiveSecondary, semanticInteractiveSecondaryHover, semanticTextPrimary, semanticTextSecondary, useCanvas, useTheme };
|