@siena-ai/design-system 0.0.17 → 0.0.19

package/dist/globals.css

@@ -453,6 +453,76 @@
     @apply outline-none ring-2 ring-offset-2 ring-offset-background ring-primary/50;
   }
 
+  /* ============================================================
+   * STATE BORDER UTILITIES
+   * Semantic classes for interactive element states.
+   * Use these instead of raw border-primary for consistency.
+   *
+   * Change the design here → updates everywhere automatically.
+   * ============================================================ */
+
+  /* SELECTED — User actively chose this option (OptionCard, template picker) */
+  .state-selected {
+    @apply border-primary bg-primary/5;
+  }
+
+  /* ACTIVE FILTER — A filter/toggle is currently applied (softer than selected) */
+  .state-active-filter {
+    @apply border-primary/50 bg-primary/5;
+  }
+
+  /* EXPANDED — Collapsible content is open (NOT an action, just state) */
+  .state-expanded {
+    @apply border-muted-foreground/30;
+  }
+
+  /* ─────────────────────────────────────────────────────────────
+   * CARD HOVER UTILITY
+   *
+   * ONE pattern for clickable cards: subtle purple border + shadow lift.
+   * Use `state-hover-card` on any card that triggers an action (opens
+   * sheet, navigates, expands content).
+   *
+   * ONE RULE: Interactive card = state-hover-card
+   * "Interactive" = clicking the card triggers something (expand, modal, navigate)
+   *
+   * DO NOT USE when:
+   * - Card is display-only (info card with interactive buttons INSIDE)
+   * - Card border communicates status (green = pass, red = error)
+   * ───────────────────────────────────────────────────────────── */
+
+  /* CARD HOVER — Purple border + shadow lift + cursor for interactive cards */
+  .state-hover-card {
+    @apply hover:border-primary/50 transition-all cursor-pointer;
+  }
+  .state-hover-card:hover {
+    box-shadow:
+      0 1px 2px hsl(var(--shadow-color) / 0.04),
+      0 2px 4px hsl(var(--shadow-color) / 0.04),
+      0 4px 8px hsl(var(--shadow-color) / 0.04);
+  }
+
+  /* Aliases for backward compatibility — all resolve to same effect */
+  .state-hover-card-subtle {
+    @apply hover:border-primary/50 transition-all;
+  }
+  .state-hover-card-subtle:hover {
+    box-shadow:
+      0 1px 2px hsl(var(--shadow-color) / 0.04),
+      0 2px 4px hsl(var(--shadow-color) / 0.04),
+      0 4px 8px hsl(var(--shadow-color) / 0.04);
+  }
+
+  .state-hover-interactive {
+    @apply hover:border-primary/50 transition-all;
+  }
+  .state-hover-interactive:hover {
+    box-shadow:
+      0 1px 2px hsl(var(--shadow-color) / 0.04),
+      0 2px 4px hsl(var(--shadow-color) / 0.04),
+      0 4px 8px hsl(var(--shadow-color) / 0.04);
+  }
+
   /* ─────────────────────────────────────────────────────────────
      CHAT UTILITIES
      ───────────────────────────────────────────────────────────── */
@@ -552,31 +622,127 @@
 }
 
 /* ═══════════════════════════════════════════════════════════════
-   SIENA ENGAGED INDICATOR
-   - Text shimmer: .siena-shimmer (for Siena name in conversation)
-   - Avatar ring: .siena-engaged-ring (simple border for left menu)
+   PRESENTATION ANIMATIONS
+   Understated, elegant transitions - no aggressive movement
+   Inspired by Apple Keynote's refined approach
    ═══════════════════════════════════════════════════════════════ */
 
-@keyframes siena-shimmer {
-  0% { background-position: -200% 0; }
-  100% { background-position: 200% 0; }
+/* Simple fade in - the primary transition */
+@keyframes slide-fade-in {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+@keyframes slide-fade-in-reverse {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
 }
 
-/* Siena text shimmer - terracotta with elegant shine (for main conversation) */
+/* Subtle upward fade for content elements */
+@keyframes slide-fade-up {
+  from {
+    opacity: 0;
+    transform: translateY(8px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+/* Very gentle scale for cards */
+@keyframes slide-scale-in {
+  from {
+    opacity: 0;
+    transform: scale(0.98);
+  }
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+
+/* Stat counter animation - subtle rise */
+@keyframes stat-enter {
+  from {
+    opacity: 0;
+    transform: translateY(12px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+/* Legacy classes for backward compatibility */
+@keyframes slide-enter {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+@keyframes slide-enter-reverse {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+@layer utilities {
+  /* Primary slide transitions - DISABLED (instant) */
+  .animate-slide-fade-in {
+    opacity: 1;
+  }
+
+  .animate-slide-fade-in-reverse {
+    opacity: 1;
+  }
+
+  /* Content element animations - DISABLED (instant) */
+  .animate-slide-fade-up {
+    opacity: 1;
+  }
+
+  .animate-slide-scale-in {
+    opacity: 1;
+  }
+
+  .animate-stat-enter {
+    opacity: 1;
+  }
+
+  /* Legacy support - DISABLED (instant) */
+  .animate-slide-enter {
+    opacity: 1;
+  }
+
+  .animate-slide-enter-reverse {
+    opacity: 1;
+  }
+}
+
+/* ═══════════════════════════════════════════════════════════════
+   SIENA ENGAGED INDICATOR
+   - Text color: .siena-shimmer (solid terracotta for Siena name)
+   - Avatar ring: .siena-engaged-ring (simple border for left menu)
+   ═══════════════════════════════════════════════════════════════ */
+
+/* Siena text - solid terracotta (for main conversation) */
 .siena-shimmer {
-  background: linear-gradient(
-    90deg,
-    var(--siena-terracotta) 0%,
-    color-mix(in srgb, var(--siena-terracotta) 50%, white) 25%,
-    var(--siena-terracotta) 50%,
-    color-mix(in srgb, var(--siena-terracotta) 50%, white) 75%,
-    var(--siena-terracotta) 100%
-  );
-  background-size: 200% 100%;
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
-  background-clip: text;
-  animation: siena-shimmer 4s ease-in-out infinite;
+  color: var(--siena-terracotta);
 }
 
 /* Siena engaged avatar ring - simple 1px terracotta border (for left menu) */

package/dist/index.d.ts

@@ -587,7 +587,7 @@ declare function DrawerFooter({ className, ...props }: React$1.ComponentProps<"d
 declare function DrawerTitle({ className, ...props }: React$1.ComponentProps<typeof Drawer$1.Title>): react_jsx_runtime.JSX.Element;
 declare function DrawerDescription({ className, ...props }: React$1.ComponentProps<typeof Drawer$1.Description>): react_jsx_runtime.JSX.Element;
 
-declare function DropdownMenu({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenu({ modal, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Root>): react_jsx_runtime.JSX.Element;
 declare function DropdownMenuPortal({ container, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Portal>): react_jsx_runtime.JSX.Element;
 declare function DropdownMenuTrigger({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
 declare function DropdownMenuContent({ className, sideOffset, container, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Content> & {
@@ -616,7 +616,7 @@ declare function HoverCard({ ...props }: React$1.ComponentProps<typeof HoverCard
 declare function HoverCardTrigger({ ...props }: React$1.ComponentProps<typeof HoverCardPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
 declare function HoverCardContent({ className, align, sideOffset, ...props }: React$1.ComponentProps<typeof HoverCardPrimitive.Content>): react_jsx_runtime.JSX.Element;
 
-declare function Popover({ ...props }: React$1.ComponentProps<typeof PopoverPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function Popover({ modal, ...props }: React$1.ComponentProps<typeof PopoverPrimitive.Root>): react_jsx_runtime.JSX.Element;
 declare function PopoverTrigger({ ...props }: React$1.ComponentProps<typeof PopoverPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
 declare function PopoverContent({ className, align, sideOffset, container, ...props }: React$1.ComponentProps<typeof PopoverPrimitive.Content> & {
     container?: HTMLElement | null;
@@ -1331,7 +1331,7 @@ interface ChatInputProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "o
 }
 declare function ChatInput({ value, onChange, onSend, onAttach, placeholder, disabled, loading, maxLength, showCount, attachments, onRemoveAttachment, onVoiceTranscript, showVoice, voiceSlot, isTranscripting, submitShortcut, maxRows, minRows, showAttachButton, onAttachClick, showSendButton, footerContent, leftSlot, rightSlot, enableDragDrop, context, className, ...props }: ChatInputProps): react_jsx_runtime.JSX.Element;
 
-type Channel$1 = "dm" | "comment" | "email" | "sms" | "phone";
+type Channel$2 = "dm" | "comment" | "email" | "sms" | "phone";
 type Platform$1 = "instagram" | "facebook" | "tiktok" | "twitter" | "email" | "sms";
 
 /** The mode of the input - determines context bar styling and behavior */
@@ -1346,7 +1346,7 @@ type InputContext = {
     platform: Platform$1;
 } | {
     type: "channel";
-    channel: Channel$1;
+    channel: Channel$2;
     platform: Platform$1;
     customerName: string;
 } | {
@@ -1412,7 +1412,7 @@ interface Persona {
     avatar?: string;
     description?: string;
 }
-interface Channel {
+interface Channel$1 {
     id: string;
     name: string;
     icon?: React$1.ReactNode;
@@ -1443,7 +1443,7 @@ interface PlaygroundInputProps extends Omit<React$1.HTMLAttributes<HTMLDivElemen
     /** Persona change callback */
     onPersonaChange?: (personaId: string) => void;
     /** Available channels */
-    channels?: Channel[];
+    channels?: Channel$1[];
     /** Selected channel ID */
     selectedChannel?: string;
     /** Channel change callback */
@@ -2395,11 +2395,38 @@ interface PersonSheetProps {
 declare function PersonSheet({ personName, open, onOpenChange, deelData, onPriorityClick, }: PersonSheetProps): react_jsx_runtime.JSX.Element | null;
 
 type CustomerSegment = "enterprise" | "commercial" | "smb";
-type Product = "support" | "intelligence" | "shopping" | "voice";
+type Product = "support" | "intelligence" | "shopping" | "voice" | "white_glove" | "shipping_protection";
+type Channel = "email" | "live-chat-3p" | "siena-live-chat" | "social-comments" | "social-dms" | "sms" | "slack";
 type HealthStatus = "healthy" | "at-risk" | "critical";
 type VitallyPulse = "Healthy" | "Concerning" | "Poor";
 type BillingFrequency = "Monthly" | "Quarterly" | "Bi-Annually" | "Annually" | "Free";
 type EngagementType = "self-service" | "csm-assisted" | "white-glove";
+type Vertical = "fashion-apparel" | "beauty-personal-care" | "health-supplements" | "food-beverage" | "home-living" | "baby-family" | "pet" | "tech-electronics" | "sports-outdoors";
+type WorkModel = "remote" | "hybrid" | "office";
+interface Headquarters {
+    city?: string;
+    state?: string;
+    country: string;
+}
+type MeetingType = "on-site" | "virtual" | "qbr" | "exec-review";
+interface Visit {
+    date: string;
+    attendees: string[];
+    location: string;
+    notes?: string;
+    meetingType: MeetingType;
+}
+interface Storefront {
+    name: string;
+    domain: string;
+    region?: string;
+}
+type CompetitorCategory = "qa" | "voc" | "helpdesk" | "chat" | "social" | "analytics";
+interface CompetitorProduct {
+    category: CompetitorCategory;
+    name: string;
+    notes?: string;
+}
 interface Customer {
     id: string;
     hubspotId: string;
@@ -2407,6 +2434,15 @@ interface Customer {
     domain: string;
     logo?: string;
     segment: CustomerSegment | null;
+    vertical: Vertical | null;
+    employeeCount: number | null;
+    annualRevenue: number | null;
+    headquarters: Headquarters | null;
+    workModel: WorkModel | null;
+    parentOrg: string | null;
+    isParentOrg?: boolean;
+    childBrands?: string[];
+    storefronts?: Storefront[];
     arr: number;
     contractStart: string;
     contractEnd: string;
@@ -2420,9 +2456,14 @@ interface Customer {
     healthStatus: HealthStatus | null;
     products: Product[];
     productsUnderConsideration?: Product[];
+    channels: Channel[];
     engagementType: EngagementType | null;
     csmEmail: string | null;
     pmBuddy: string | null;
+    forwardDeployedPM: string | null;
+    forwardDeployedEngineer: string | null;
+    executiveSponsor: string | null;
+    visits: Visit[];
     automationRate: number | null;
     usagePercent: number | null;
     hasSienaChat: boolean;
@@ -2432,6 +2473,23 @@ interface Customer {
     bpoName: string | null;
     cxTeamSize: number | null;
     conversations30d: number | null;
+    yearlyConversations: number | null;
+    yearlyVoiceCalls: number | null;
+    yearlyWebsiteVisits: number | null;
+    yearOverYearGrowth: number | null;
+    foundedYear: number | null;
+    orbPurchased: number | null;
+    orbUsed: number | null;
+    orbRemaining: number | null;
+    orbUsagePercent: number | null;
+    automatedLast30d: number | null;
+    qaAgentCount: number | null;
+    qaVolumeMonthly: number | null;
+    qaTools: string[];
+    qaCompetitor: string | null;
+    vocTools: string[];
+    vocCompetitor: string | null;
+    competitorProducts?: CompetitorProduct[];
     linkedPriorityIds: string[];
     expansionOpportunities?: ExpansionOpportunity[];
 }
@@ -2465,8 +2523,9 @@ interface CustomerSheetProps {
     customer: Customer | null;
     open: boolean;
     onOpenChange: (open: boolean) => void;
+    allCustomers?: Customer[];
 }
-declare function CustomerSheet({ customer, open, onOpenChange }: CustomerSheetProps): react_jsx_runtime.JSX.Element | null;
+declare function CustomerSheet({ customer, open, onOpenChange, allCustomers }: CustomerSheetProps): react_jsx_runtime.JSX.Element | null;
 
 interface PriorityChangelogSheetProps {
     open: boolean;
@@ -2639,6 +2698,6 @@ declare function PortalContainerProvider({ container, children, }: {
 }): react_jsx_runtime.JSX.Element;
 declare function usePortalContainer(): HTMLElement | null;
 
-declare const VERSION = "6.0.0";
+declare const VERSION = "6.3.0";
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, type Account, AccountPicker, type AccountPickerProps, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, ApiKeyDisplay, AppLayout, AppSidebar, AspectRatio, type Attachment$1 as Attachment, AttachmentLightbox, type AttachmentLightboxProps, AttachmentMenu, type AttachmentMenuProps, AttachmentPreview, type AttachmentPreviewProps, Avatar, type AvatarColor, AvatarFallback, AvatarImage, Badge, type BadgeProps, type BrandIdentity, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, CTASection, Calendar, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, CategoryFilterChips, type ChangeItem, ChangelogSheet, type Channel, ChannelIcons, ChartCard, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, ChatAvatar, type ChatAvatarProps, ChatHeader, type ChatHeaderProps, ChatInput, type ChatInputContext, type ChatInputProps, ChatMessageList, type ChatMessageListProps, ChatPanel, type ChatPanelProps, ChatSidebar, type ChatSidebarProps, ChatWidget, type ChatWidgetProps, ChatWindow, type ChatWindowProps, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextCard, ContextCardGrid, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, type Conversation, type ConversationActions, type ConversationChannel, type ConversationStatus, type CurrentUser, CustomerSheet, DataTable, DataTableColumnHeader, type DatePreset, DateRangePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DocumentHeader, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmailIcon, EmojiPicker, EmptyState, type ExternalLinkItem, FacebookIcon, FeatureGrid, FilterBar, type FilterChip, FilterDropdown, type FilterOption, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, GorgiasIcon, HelpMenu, type HelpMenuItem, Hero, HoverCard, HoverCardContent, HoverCardTrigger, IconSelect, Input, type InputContext, type InputMode, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, InputPlusMenu, type InputProps, InsightReport, type InsightReportData, InstagramIcon, IntegrationCard, type IntegrationType, IntercomIcon, Kbd, Label, LinkButton, LinkedInIcon, LiveChatIcon, LogoCloud, MarkdownRenderer, type MarkdownRendererProps, type MemberRole, type MemberStatus, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, type Message, MessageActions, type MessageActionsProps, MessageBubble, type MessageBubbleProps, type MessageChannel, MessengerIcon, type Model, ModelSelector, type ModelSelectorProps, type NavItem, NavMain, type NavSection, type NavSubItem, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, type PageBreadcrumbItem, PageHeader, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PasswordInput, PersonSheet, type Persona, PhoneIcon, PlaceholderLogo, type Platform, type Playbook, PlaygroundInput, type PlaygroundInputProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PortalContainerProvider, PriorityBadge, PriorityChangelogBanner, PriorityChangelogSheet, type PriorityLevel, ProductBadge, ProductCard, type ProductTag, Progress, RadioGroup, RadioGroupItem, type Recommendation, RelatedLinks, type Release, type ReleaseHighlight, type Report, ReportCard, ResizableHandle, ResizablePanel, ResizablePanelGroup, ReviewsIcon, ScrollArea, ScrollBar, SearchInput, type SearchInputProps, SearchableSelect, type SearchableSelectOption, type SearchableSelectProps, SectionHeader, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, ShareDialog, type ShareDialogProps, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, ShopifyIcon, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, SlackIcon, Slider, SmsIcon, Spinner, StatCard, StreamingText, type StreamingTextProps, SuggestionChips, type SuggestionChipsProps, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, type TeamMember, TeamMemberList, Textarea, type TextareaProps, ThemeToggle, TikTokIcon, Toaster, Toggle, ToggleGroup, ToggleGroupItem, type Tool, type ToolCall, ToolCallBlock, type ToolCallBlockProps, type ToolProvider, ToolsPanelContent, type ToolsPanelContentProps, ToolsPopover, type ToolsPopoverProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TrendBadge, type TrendData, type TrendSection, TwitterIcon, TypingIndicator, type TypingIndicatorProps, UnifiedInput, UnsavedChangesBar, type UserData, UserMenu, type UserMenuItem, VERSION, VoiceInput, type VoiceInputProps, WhatsAppIcon, type Workspace, WorkspaceSelector, YouTubeIcon, ZendeskIcon, badgeVariants, buttonVariants, cn, defaultModels, defaultPlaybooks, formatShortDate, getChannelIcon, getReleaseTitle, inputVariants, navigationMenuTriggerStyle, productConfig, sampleReleases, textareaVariants, toggleVariants, useFormField, useIsMobile, usePortalContainer, useSidebar };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, type Account, AccountPicker, type AccountPickerProps, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, ApiKeyDisplay, AppLayout, AppSidebar, AspectRatio, type Attachment$1 as Attachment, AttachmentLightbox, type AttachmentLightboxProps, AttachmentMenu, type AttachmentMenuProps, AttachmentPreview, type AttachmentPreviewProps, Avatar, type AvatarColor, AvatarFallback, AvatarImage, Badge, type BadgeProps, type BrandIdentity, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, CTASection, Calendar, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, CategoryFilterChips, type ChangeItem, ChangelogSheet, type Channel$1 as Channel, ChannelIcons, ChartCard, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, ChatAvatar, type ChatAvatarProps, ChatHeader, type ChatHeaderProps, ChatInput, type ChatInputContext, type ChatInputProps, ChatMessageList, type ChatMessageListProps, ChatPanel, type ChatPanelProps, ChatSidebar, type ChatSidebarProps, ChatWidget, type ChatWidgetProps, ChatWindow, type ChatWindowProps, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextCard, ContextCardGrid, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, type Conversation, type ConversationActions, type ConversationChannel, type ConversationStatus, type CurrentUser, CustomerSheet, DataTable, DataTableColumnHeader, type DatePreset, DateRangePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DocumentHeader, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmailIcon, EmojiPicker, EmptyState, type ExternalLinkItem, FacebookIcon, FeatureGrid, FilterBar, type FilterChip, FilterDropdown, type FilterOption, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, GorgiasIcon, HelpMenu, type HelpMenuItem, Hero, HoverCard, HoverCardContent, HoverCardTrigger, IconSelect, Input, type InputContext, type InputMode, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, InputPlusMenu, type InputProps, InsightReport, type InsightReportData, InstagramIcon, IntegrationCard, type IntegrationType, IntercomIcon, Kbd, Label, LinkButton, LinkedInIcon, LiveChatIcon, LogoCloud, MarkdownRenderer, type MarkdownRendererProps, type MemberRole, type MemberStatus, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, type Message, MessageActions, type MessageActionsProps, MessageBubble, type MessageBubbleProps, type MessageChannel, MessengerIcon, type Model, ModelSelector, type ModelSelectorProps, type NavItem, NavMain, type NavSection, type NavSubItem, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, type PageBreadcrumbItem, PageHeader, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PasswordInput, PersonSheet, type Persona, PhoneIcon, PlaceholderLogo, type Platform, type Playbook, PlaygroundInput, type PlaygroundInputProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PortalContainerProvider, PriorityBadge, PriorityChangelogBanner, PriorityChangelogSheet, type PriorityLevel, ProductBadge, ProductCard, type ProductTag, Progress, RadioGroup, RadioGroupItem, type Recommendation, RelatedLinks, type Release, type ReleaseHighlight, type Report, ReportCard, ResizableHandle, ResizablePanel, ResizablePanelGroup, ReviewsIcon, ScrollArea, ScrollBar, SearchInput, type SearchInputProps, SearchableSelect, type SearchableSelectOption, type SearchableSelectProps, SectionHeader, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, ShareDialog, type ShareDialogProps, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, ShopifyIcon, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, SlackIcon, Slider, SmsIcon, Spinner, StatCard, StreamingText, type StreamingTextProps, SuggestionChips, type SuggestionChipsProps, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, type TeamMember, TeamMemberList, Textarea, type TextareaProps, ThemeToggle, TikTokIcon, Toaster, Toggle, ToggleGroup, ToggleGroupItem, type Tool, type ToolCall, ToolCallBlock, type ToolCallBlockProps, type ToolProvider, ToolsPanelContent, type ToolsPanelContentProps, ToolsPopover, type ToolsPopoverProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TrendBadge, type TrendData, type TrendSection, TwitterIcon, TypingIndicator, type TypingIndicatorProps, UnifiedInput, UnsavedChangesBar, type UserData, UserMenu, type UserMenuItem, VERSION, VoiceInput, type VoiceInputProps, WhatsAppIcon, type Workspace, WorkspaceSelector, YouTubeIcon, ZendeskIcon, badgeVariants, buttonVariants, cn, defaultModels, defaultPlaybooks, formatShortDate, getChannelIcon, getReleaseTitle, inputVariants, navigationMenuTriggerStyle, productConfig, sampleReleases, textareaVariants, toggleVariants, useFormField, useIsMobile, usePortalContainer, useSidebar };