@handled-ai/design-system 0.3.1 → 0.4.2

package/dist/index.d.ts

@@ -1,10 +1,11 @@
 import { ClassValue } from 'clsx';
 import * as React$1 from 'react';
+import { HTMLAttributes, ComponentProps } from 'react';
 import { Avatar as Avatar$1, Dialog as Dialog$1, DropdownMenu as DropdownMenu$1, Progress as Progress$1, ScrollArea as ScrollArea$1, Select as Select$1, Separator as Separator$1, Tooltip as Tooltip$1, Tabs as Tabs$1 } from 'radix-ui';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
 import * as RechartsPrimitive from 'recharts';
-import { SortingState } from '@tanstack/react-table';
+import { SortingState, ColumnDef } from '@tanstack/react-table';
 import * as LabelPrimitive from '@radix-ui/react-label';
 import { LucideIcon } from 'lucide-react';
 
@@ -1525,4 +1526,161 @@ interface PrototypeWorkQueueViewProps {
 }
 declare function PrototypeWorkQueueView({ headerActions, }: PrototypeWorkQueueViewProps): React$1.JSX.Element;
 
-export { type AccountFilterTab, type AccountsViewConfig, type ActiveVariant, ActivityDetail, type ActivityDetailData, type ActivityDetailProps, type ActivityItem, ActivityLog, type ActivityLogItem, type ActivityLogProps, type ActivityParticipant, ActivityRow, type ActivityThreadMessage, type AssigneeFilter, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, BarChartComponent, type BarChartComponentProps, type BarSeries, Button, CHART_CURSOR_STYLE, CHART_TOOLTIP_STYLE, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, type ChartTooltipEntry, CheckInsCard, Citation, ConnectedApps, type ContactChannel, type ContactItem, ContactList, type ContactListProps, DataTable, DataTableDisplay, type DataTableDisplayColumn, DataTableFilter, type DataTableFilterCategory, type DataTableQuickViewValue, DataTableQuickViews, DataTableToolbar, DetailViewHeader, DetailViewSummary, DetailViewThread, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DonutChart, type DonutChartProps, type DonutSegment, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EntityActivityItem, EntityDetails, type EntityMetadataField, EntityMetadataGrid, EntityPanel, type EntityPanelBrandIcons, type EntityPanelConfig, EntityPanelHeader, type EntityPanelSection, EntityPanelTabs, EntitySection, type GroupedListGroup, GroupedListView, type GroupedListViewProps, type InboxDetailSections, type InboxFilterCategory, InboxGroupHeader, InboxRow, type InboxRowProps, InboxToolbar, type InboxToolbarProps, type InboxViewConfig, Input, type InsightsViewConfig, ItemList, ItemListDisplay, type ItemListDisplayState, ItemListFilter, type ItemListFilterCategory, type ItemListGrouping, type ItemListQuickView, ItemListToolbar, type ItemListViewMode, Label, MetricCard, type MetricCardData, type MetricCardProps, type MetricDataPoint, PerformanceMetricsTable, type PerformanceMetricsTableRow, type PerformanceMetricsTableSortOption, type PipelineFilterBreakdown, PipelineOverview, type PipelineOverviewProps, type PipelineStage, type PipelineStageMetrics, type PipelineStageTiming, PotentialContacts, PreviewList, PreviewListItem, type PreviewListItemProps, Progress, PrototypeAccountsView, type PrototypeAccountsViewProps, type PrototypeBrandConfig, type PrototypeConfig, PrototypeInboxView, type PrototypeInboxViewProps, PrototypeInsightsView, type PrototypeInsightsViewProps, PrototypeShell, type PrototypeShellProps, PrototypeWorkQueueView, type PrototypeWorkQueueViewProps, type QueueItem, QuickActionChatArea, QuickActionModal, type QuickActionPriority$1 as QuickActionPriority, QuickActionSidebarNav, type QuickActionSubmitPayload, type QuickActionTaskDraft, type QuickActionTemplate, RecentActivity, RecentlyCompletedCard, type RecommendedAction, RecommendedActionsSection, ReportCard, type ReportCardProps, SankeyChart, type SankeyData, type SankeyDropOff, type SankeyHoverCardData, type SankeyLink, type SankeyNode, type SankeyStageMetrics, ScoreAnalysisModal, type ScoreAnalysisModalProps, ScoreAnalysisPanel, ScoreBreakdown, type ScoreBreakdownProps, type ScoreFactor, ScoreFeedback, ScoreRing, type ScoreRingProps, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, type SidebarNavItem, type SidebarNavSection, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, type SidebarUserProfile, SignalApproval, Actions as SignalApprovalActions, Gate as SignalApprovalGate, Root as SignalApprovalRoot, type SignalScoreData, SimpleChartTooltip, type SimpleChartTooltipProps, Skeleton, type SourceDef, SourceList, type StyledBarItem, StyledBarList, type StyledBarListProps, type SuggestedAction, type SuggestedActionCallMeta, type SuggestedActionEmailMeta, type SuggestedActionFollowUp, type SuggestedActionReplyTo, type SuggestedActionThreadMessage, type SuggestedActionTicket, SuggestedActions, type SuggestedActionsIconMap, type SuggestedActionsProps, type SuggestedContact, SystemActivity, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ThreadMessage, TimelineActivity, type TimelineActivityProps, type TimelineEvent, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TopLineMetrics, type TopLineMetricsProps, TopTasksCard, TrendAreaChart, type TrendAreaChartProps, type TrendSeries, UpcomingMeetingsCard, type UserMenuItem, type ViewMode, ViewModeToggle, type ViewModeToggleProps, VolumeAnalysisChart, type VolumeAnalysisChartProps, type VolumeDataKey, type WorkQueueViewConfig, badgeVariants, buttonVariants, cn, getScoreColor, tabsListVariants, useIsMobile, useScoreFeedback, useSidebar, useSignalApproval };
+type MessageProps = HTMLAttributes<HTMLDivElement> & {
+    from: "user" | "assistant";
+};
+declare const Message: ({ className, from, ...props }: MessageProps) => React$1.JSX.Element;
+declare const messageContentVariants: (props?: ({
+    variant?: "flat" | "contained" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type MessageContentProps = HTMLAttributes<HTMLDivElement> & VariantProps<typeof messageContentVariants>;
+declare const MessageContent: ({ children, className, variant, ...props }: MessageContentProps) => React$1.JSX.Element;
+type MessageAvatarProps = ComponentProps<typeof Avatar> & {
+    src?: string;
+    name?: string;
+};
+declare const MessageAvatar: ({ src, name, className, children, ...props }: MessageAvatarProps) => React$1.JSX.Element;
+
+type StatusType = "success" | "warning" | "error" | "neutral";
+interface StatusBadgeProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    status: string;
+    statusMap?: Record<string, StatusType>;
+}
+declare function StatusBadge({ status, statusMap, className, ...props }: StatusBadgeProps): React$1.JSX.Element;
+
+interface SimpleDataTableProps<TData> {
+    columns: ColumnDef<TData, any>[];
+    data: TData[];
+    onRowClick?: (row: TData) => void;
+    emptyIcon?: React$1.ReactNode;
+    emptyMessage?: string;
+    emptyDescription?: string;
+    className?: string;
+}
+declare function SimpleDataTable<TData>({ columns, data, onRowClick, emptyIcon, emptyMessage, emptyDescription, className, }: SimpleDataTableProps<TData>): React$1.JSX.Element;
+
+type AgentOrbState = null | "thinking" | "listening" | "talking";
+interface AgentOrbProps {
+    state?: AgentOrbState;
+    colors?: [string, string];
+    volumeMode?: "auto" | "manual";
+    manualInput?: number;
+    manualOutput?: number;
+    inputVolumeRef?: React.RefObject<number>;
+    outputVolumeRef?: React.RefObject<number>;
+    getInputVolume?: () => number;
+    getOutputVolume?: () => number;
+    seed?: number;
+    showGlow?: boolean;
+    className?: string;
+}
+/**
+ * Full AgentOrb with optional CSS glow wrapper.
+ * Colors default to CSS `--primary` via computed style at mount time.
+ */
+declare function AgentOrb({ state, colors, volumeMode, manualInput, manualOutput, inputVolumeRef, outputVolumeRef, getInputVolume, getOutputVolume, seed, showGlow, className, }: AgentOrbProps): React$1.JSX.Element;
+interface AgentOrbCanvasProps {
+    colors?: [string, string];
+    seed?: number;
+    agentState?: AgentOrbState;
+    volumeMode?: "auto" | "manual";
+    manualInput?: number;
+    manualOutput?: number;
+    inputVolumeRef?: React.RefObject<number>;
+    outputVolumeRef?: React.RefObject<number>;
+    getInputVolume?: () => number;
+    getOutputVolume?: () => number;
+    className?: string;
+    resizeDebounce?: number;
+}
+declare function AgentOrbCanvas({ colors, seed, agentState, volumeMode, manualInput, manualOutput, inputVolumeRef, outputVolumeRef, getInputVolume, getOutputVolume, className, resizeDebounce, }: AgentOrbCanvasProps): React$1.JSX.Element;
+
+type AgentWidgetStatus = "idle" | "connecting" | "connected" | "error";
+type AgentWidgetMode = "listening" | "speaking" | null;
+interface AgentWidgetMessage {
+    from: "user" | "assistant";
+    text: string;
+}
+interface AgentWidgetProps {
+    status?: AgentWidgetStatus;
+    mode?: AgentWidgetMode;
+    messages?: AgentWidgetMessage[];
+    onSendMessage?: (text: string) => void;
+    onEndSession?: () => void;
+    inputMode?: "voice" | "text" | "voice+text";
+    visualSlot?: React$1.ReactNode;
+    assistantAvatarSlot?: React$1.ReactNode;
+    header?: React$1.ReactNode;
+    footer?: React$1.ReactNode;
+    className?: string;
+}
+declare function AgentWidget({ status, mode, messages, onSendMessage, onEndSession, inputMode, visualSlot, assistantAvatarSlot, header, footer, className, }: AgentWidgetProps): React$1.JSX.Element;
+
+type AgentPopoverStep = string;
+interface AgentPopoverContextValue {
+    step: AgentPopoverStep;
+    setStep: (step: AgentPopoverStep) => void;
+}
+declare function useAgentPopover(): AgentPopoverContextValue;
+interface AgentPopoverProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    defaultStep?: string;
+    step?: string;
+    onStepChange?: (step: string) => void;
+    children: React$1.ReactNode;
+    className?: string;
+}
+declare function AgentPopover({ open, onOpenChange, defaultStep, step: controlledStep, onStepChange, children, className, }: AgentPopoverProps): React$1.JSX.Element | null;
+type ConnectionStatus = "ready" | "connected" | "listening" | "speaking";
+interface AgentPopoverBrandingProps {
+    title?: string;
+    subtitle?: string;
+    badge?: string;
+    visualSlot?: React$1.ReactNode;
+    statusIndicator?: ConnectionStatus;
+    className?: string;
+}
+declare function AgentPopoverBranding({ title, subtitle, badge, visualSlot, statusIndicator, className, }: AgentPopoverBrandingProps): React$1.JSX.Element;
+interface AgentPopoverStepContentProps {
+    step: string;
+    children: React$1.ReactNode;
+    className?: string;
+}
+declare function AgentPopoverStepContent({ step, children, className }: AgentPopoverStepContentProps): React$1.JSX.Element | null;
+interface AgentPopoverFormField {
+    name: string;
+    label: string;
+    type?: "text" | "email" | "tel" | "textarea";
+    placeholder?: string;
+    required?: boolean;
+}
+interface AgentPopoverFormProps {
+    fields?: AgentPopoverFormField[];
+    submitLabel?: string;
+    onSubmit?: (values: Record<string, string>) => void;
+    className?: string;
+    children?: React$1.ReactNode;
+}
+declare function AgentPopoverForm({ fields, submitLabel, onSubmit, className, children, }: AgentPopoverFormProps): React$1.JSX.Element;
+interface AgentPopoverOverviewProps {
+    userSummary?: Record<string, string>;
+    discussionPoints?: string[];
+    actions?: React$1.ReactNode;
+    className?: string;
+}
+declare function AgentPopoverOverview({ userSummary, discussionPoints, actions, className, }: AgentPopoverOverviewProps): React$1.JSX.Element;
+interface AgentPopoverChatProps {
+    messages?: AgentWidgetMessage[];
+    onSendMessage?: (text: string) => void;
+    onEndSession?: () => void;
+    inputMode?: "voice" | "text" | "voice+text";
+    visualSlot?: React$1.ReactNode;
+    assistantAvatarSlot?: React$1.ReactNode;
+    status?: AgentWidgetStatus;
+    mode?: AgentWidgetMode;
+    className?: string;
+}
+declare function AgentPopoverChat({ messages, onSendMessage, onEndSession, inputMode, visualSlot, assistantAvatarSlot, status, mode, className, }: AgentPopoverChatProps): React$1.JSX.Element;
+
+export { type AccountFilterTab, type AccountsViewConfig, type ActiveVariant, ActivityDetail, type ActivityDetailData, type ActivityDetailProps, type ActivityItem, ActivityLog, type ActivityLogItem, type ActivityLogProps, type ActivityParticipant, ActivityRow, type ActivityThreadMessage, AgentOrb, AgentOrbCanvas, type AgentOrbProps, type AgentOrbState, AgentPopover, AgentPopoverBranding, type AgentPopoverBrandingProps, AgentPopoverChat, type AgentPopoverChatProps, type AgentPopoverContextValue, AgentPopoverForm, type AgentPopoverFormField, type AgentPopoverFormProps, AgentPopoverOverview, type AgentPopoverOverviewProps, type AgentPopoverProps, type AgentPopoverStep, AgentPopoverStepContent, type AgentPopoverStepContentProps, AgentWidget, type AgentWidgetMessage, type AgentWidgetMode, type AgentWidgetProps, type AgentWidgetStatus, type AssigneeFilter, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, BarChartComponent, type BarChartComponentProps, type BarSeries, Button, CHART_CURSOR_STYLE, CHART_TOOLTIP_STYLE, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, type ChartTooltipEntry, CheckInsCard, Citation, ConnectedApps, type ConnectionStatus, type ContactChannel, type ContactItem, ContactList, type ContactListProps, DataTable, DataTableDisplay, type DataTableDisplayColumn, DataTableFilter, type DataTableFilterCategory, type DataTableQuickViewValue, DataTableQuickViews, DataTableToolbar, DetailViewHeader, DetailViewSummary, DetailViewThread, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DonutChart, type DonutChartProps, type DonutSegment, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EntityActivityItem, EntityDetails, type EntityMetadataField, EntityMetadataGrid, EntityPanel, type EntityPanelBrandIcons, type EntityPanelConfig, EntityPanelHeader, type EntityPanelSection, EntityPanelTabs, EntitySection, type GroupedListGroup, GroupedListView, type GroupedListViewProps, type InboxDetailSections, type InboxFilterCategory, InboxGroupHeader, InboxRow, type InboxRowProps, InboxToolbar, type InboxToolbarProps, type InboxViewConfig, Input, type InsightsViewConfig, ItemList, ItemListDisplay, type ItemListDisplayState, ItemListFilter, type ItemListFilterCategory, type ItemListGrouping, type ItemListQuickView, ItemListToolbar, type ItemListViewMode, Label, Message, MessageAvatar, type MessageAvatarProps, MessageContent, type MessageContentProps, type MessageProps, MetricCard, type MetricCardData, type MetricCardProps, type MetricDataPoint, PerformanceMetricsTable, type PerformanceMetricsTableRow, type PerformanceMetricsTableSortOption, type PipelineFilterBreakdown, PipelineOverview, type PipelineOverviewProps, type PipelineStage, type PipelineStageMetrics, type PipelineStageTiming, PotentialContacts, PreviewList, PreviewListItem, type PreviewListItemProps, Progress, PrototypeAccountsView, type PrototypeAccountsViewProps, type PrototypeBrandConfig, type PrototypeConfig, PrototypeInboxView, type PrototypeInboxViewProps, PrototypeInsightsView, type PrototypeInsightsViewProps, PrototypeShell, type PrototypeShellProps, PrototypeWorkQueueView, type PrototypeWorkQueueViewProps, type QueueItem, QuickActionChatArea, QuickActionModal, type QuickActionPriority$1 as QuickActionPriority, QuickActionSidebarNav, type QuickActionSubmitPayload, type QuickActionTaskDraft, type QuickActionTemplate, RecentActivity, RecentlyCompletedCard, type RecommendedAction, RecommendedActionsSection, ReportCard, type ReportCardProps, SankeyChart, type SankeyData, type SankeyDropOff, type SankeyHoverCardData, type SankeyLink, type SankeyNode, type SankeyStageMetrics, ScoreAnalysisModal, type ScoreAnalysisModalProps, ScoreAnalysisPanel, ScoreBreakdown, type ScoreBreakdownProps, type ScoreFactor, ScoreFeedback, ScoreRing, type ScoreRingProps, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, type SidebarNavItem, type SidebarNavSection, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, type SidebarUserProfile, SignalApproval, Actions as SignalApprovalActions, Gate as SignalApprovalGate, Root as SignalApprovalRoot, type SignalScoreData, SimpleChartTooltip, type SimpleChartTooltipProps, SimpleDataTable, type SimpleDataTableProps, Skeleton, type SourceDef, SourceList, StatusBadge, type StatusBadgeProps, type StatusType, type StyledBarItem, StyledBarList, type StyledBarListProps, type SuggestedAction, type SuggestedActionCallMeta, type SuggestedActionEmailMeta, type SuggestedActionFollowUp, type SuggestedActionReplyTo, type SuggestedActionThreadMessage, type SuggestedActionTicket, SuggestedActions, type SuggestedActionsIconMap, type SuggestedActionsProps, type SuggestedContact, SystemActivity, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ThreadMessage, TimelineActivity, type TimelineActivityProps, type TimelineEvent, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TopLineMetrics, type TopLineMetricsProps, TopTasksCard, TrendAreaChart, type TrendAreaChartProps, type TrendSeries, UpcomingMeetingsCard, type UserMenuItem, type ViewMode, ViewModeToggle, type ViewModeToggleProps, VolumeAnalysisChart, type VolumeAnalysisChartProps, type VolumeDataKey, type WorkQueueViewConfig, badgeVariants, buttonVariants, cn, getScoreColor, tabsListVariants, useAgentPopover, useIsMobile, useScoreFeedback, useSidebar, useSignalApproval };