@vllnt/ui 0.2.1-canary.9e6a7be → 0.2.1-canary.e1bc2b3

package/dist/components/conversation-thread/conversation-thread.js

@@ -0,0 +1,348 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import {
+  createContext,
+  forwardRef,
+  useCallback,
+  useContext,
+  useEffect,
+  useMemo,
+  useRef,
+  useState
+} from "react";
+import { ArrowDown, RefreshCw, ThumbsDown, ThumbsUp } from "lucide-react";
+import { cn } from "../../lib/utils";
+import { ThinkingBlock } from "../thinking-block";
+const ConversationThreadContext = createContext(null);
+function useConversationThreadContext() {
+  const ctx = useContext(ConversationThreadContext);
+  if (!ctx) {
+    throw new Error(
+      "ConversationThread compound components must be used within <ConversationThread>"
+    );
+  }
+  return ctx;
+}
+function MessageActions({ messageId }) {
+  const { onFeedback, onRetry } = useConversationThreadContext();
+  return /* @__PURE__ */ jsxs("div", { className: "mt-2 flex items-center gap-1", children: [
+    onRetry ? /* @__PURE__ */ jsx(
+      "button",
+      {
+        "aria-label": "Retry message",
+        className: "rounded p-1 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+        onClick: () => {
+          onRetry(messageId);
+        },
+        type: "button",
+        children: /* @__PURE__ */ jsx(RefreshCw, { className: "h-3 w-3" })
+      }
+    ) : null,
+    onFeedback ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          "aria-label": "Positive feedback",
+          className: "rounded p-1 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+          onClick: () => {
+            onFeedback(messageId, "positive");
+          },
+          type: "button",
+          children: /* @__PURE__ */ jsx(ThumbsUp, { className: "h-3 w-3" })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          "aria-label": "Negative feedback",
+          className: "rounded p-1 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+          onClick: () => {
+            onFeedback(messageId, "negative");
+          },
+          type: "button",
+          children: /* @__PURE__ */ jsx(ThumbsDown, { className: "h-3 w-3" })
+        }
+      )
+    ] }) : null
+  ] });
+}
+function MessageItem({ message }) {
+  const isUser = message.role === "user";
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "mb-4 flex gap-3",
+        isUser ? "justify-end" : "justify-start"
+      ),
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn(
+            "max-w-[80%] rounded-2xl px-4 py-3 text-sm",
+            isUser ? "rounded-br-sm bg-primary text-primary-foreground" : "rounded-bl-sm bg-muted text-foreground"
+          ),
+          children: [
+            !isUser && message.thinking ? /* @__PURE__ */ jsx(
+              ThinkingBlock,
+              {
+                isStreaming: message.isStreaming,
+                thinking: message.thinking
+              }
+            ) : null,
+            message.toolCalls && message.toolCalls.length > 0 ? /* @__PURE__ */ jsx(
+              "ul",
+              {
+                "aria-label": "Tool calls",
+                className: "mb-2 flex flex-col gap-1 text-xs text-muted-foreground",
+                children: message.toolCalls.map((toolCall) => /* @__PURE__ */ jsx("li", { className: "font-mono", children: toolCall.name }, toolCall.id))
+              }
+            ) : null,
+            /* @__PURE__ */ jsx("p", { className: "whitespace-pre-wrap leading-relaxed", children: message.content }),
+            isUser ? null : /* @__PURE__ */ jsx(MessageActions, { messageId: message.id })
+          ]
+        }
+      )
+    }
+  );
+}
+function useConversationScroll(messages, isStreaming) {
+  const scrollContainerRef = useRef(null);
+  const messagesEndRef = useRef(null);
+  const isAtBottomRef = useRef(true);
+  const [isAtBottom, setIsAtBottom] = useState(true);
+  const scrollToBottom = useCallback(() => {
+    const element = messagesEndRef.current;
+    if (element && typeof element.scrollIntoView === "function") {
+      element.scrollIntoView({ behavior: "smooth" });
+    }
+  }, []);
+  const scrollToBottomInstant = useCallback(() => {
+    const element = messagesEndRef.current;
+    if (element && typeof element.scrollIntoView === "function") {
+      element.scrollIntoView({ behavior: "instant" });
+    }
+  }, []);
+  const handleScroll = useCallback(() => {
+    const container = scrollContainerRef.current;
+    if (!container) return;
+    const { clientHeight, scrollHeight, scrollTop } = container;
+    const nearBottom = scrollHeight - scrollTop - clientHeight <= 100;
+    isAtBottomRef.current = nearBottom;
+    setIsAtBottom(nearBottom);
+  }, []);
+  useEffect(() => {
+    if (!isAtBottomRef.current) return;
+    scrollToBottomInstant();
+  }, [messages, scrollToBottomInstant]);
+  useEffect(() => {
+    if (!isStreaming || !isAtBottomRef.current) return;
+    scrollToBottomInstant();
+  }, [isStreaming, scrollToBottomInstant]);
+  return {
+    handleScroll,
+    isAtBottom,
+    messagesEndRef,
+    scrollContainerRef,
+    scrollToBottom
+  };
+}
+const ConversationThread = forwardRef(
+  ({
+    children,
+    className,
+    isStreaming = false,
+    messages,
+    onFeedback,
+    onRetry,
+    onSend
+  }, reference) => {
+    const {
+      handleScroll,
+      isAtBottom,
+      messagesEndRef,
+      scrollContainerRef,
+      scrollToBottom
+    } = useConversationScroll(messages, isStreaming);
+    const contextValue = useMemo(
+      () => ({
+        handleScroll,
+        isAtBottom,
+        isStreaming,
+        messages,
+        messagesEndRef,
+        onFeedback,
+        onRetry,
+        onSend,
+        scrollContainerRef,
+        scrollToBottom
+      }),
+      [
+        handleScroll,
+        isAtBottom,
+        isStreaming,
+        messages,
+        messagesEndRef,
+        onFeedback,
+        onRetry,
+        onSend,
+        scrollContainerRef,
+        scrollToBottom
+      ]
+    );
+    return /* @__PURE__ */ jsx(ConversationThreadContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn("flex h-full flex-col overflow-hidden", className),
+        ref: reference,
+        children
+      }
+    ) });
+  }
+);
+ConversationThread.displayName = "ConversationThread";
+const ConversationHeader = forwardRef(({ children, className }, reference) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("flex shrink-0 items-center border-b px-4 py-3", className),
+      ref: reference,
+      children
+    }
+  );
+});
+ConversationHeader.displayName = "ConversationHeader";
+const ConversationTitle = forwardRef(({ children, className }, reference) => {
+  return /* @__PURE__ */ jsx(
+    "h2",
+    {
+      className: cn("text-sm font-semibold leading-none", className),
+      ref: reference,
+      children
+    }
+  );
+});
+ConversationTitle.displayName = "ConversationTitle";
+const ConversationMessages = forwardRef(({ children, className }, reference) => {
+  const { handleScroll, messages, messagesEndRef, scrollContainerRef } = useConversationThreadContext();
+  return /* @__PURE__ */ jsxs("div", { className: cn("relative min-h-0 flex-1", className), ref: reference, children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        "aria-label": "Conversation messages",
+        "aria-live": "polite",
+        className: "absolute inset-0 overflow-y-auto",
+        onScroll: handleScroll,
+        ref: scrollContainerRef,
+        role: "log",
+        children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col p-4", children: [
+          messages.map((message) => /* @__PURE__ */ jsx(MessageItem, { message }, message.id)),
+          /* @__PURE__ */ jsx("div", { "aria-hidden": "true", ref: messagesEndRef })
+        ] })
+      }
+    ),
+    children
+  ] });
+});
+ConversationMessages.displayName = "ConversationMessages";
+const ConversationEmpty = forwardRef(({ children, className }, reference) => {
+  const { messages } = useConversationThreadContext();
+  if (messages.length > 0) return null;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "pointer-events-none absolute inset-0 flex flex-col items-center justify-center gap-4 p-8",
+        className
+      ),
+      ref: reference,
+      children: /* @__PURE__ */ jsx("div", { className: "pointer-events-auto flex flex-col items-center gap-4", children })
+    }
+  );
+});
+ConversationEmpty.displayName = "ConversationEmpty";
+const ConversationSuggestions = forwardRef(({ className, suggestions = [] }, reference) => {
+  const { onSend } = useConversationThreadContext();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("flex flex-wrap justify-center gap-2", className),
+      ref: reference,
+      children: suggestions.map((suggestion) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          className: "rounded-full border bg-background px-4 py-2 text-sm transition-colors hover:bg-muted",
+          onClick: () => onSend?.(suggestion),
+          type: "button",
+          children: suggestion
+        },
+        suggestion
+      ))
+    }
+  );
+});
+ConversationSuggestions.displayName = "ConversationSuggestions";
+const ConversationScrollButton = forwardRef(({ className }, reference) => {
+  const { isAtBottom, scrollToBottom } = useConversationThreadContext();
+  if (isAtBottom) return null;
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      "aria-label": "Scroll to bottom",
+      className: cn(
+        "absolute bottom-4 right-4 flex h-8 w-8 items-center justify-center rounded-full border bg-background shadow-md transition-colors hover:bg-muted",
+        className
+      ),
+      onClick: scrollToBottom,
+      ref: reference,
+      type: "button",
+      children: /* @__PURE__ */ jsx(ArrowDown, { className: "h-4 w-4" })
+    }
+  );
+});
+ConversationScrollButton.displayName = "ConversationScrollButton";
+const ConversationLoading = forwardRef(({ className }, reference) => {
+  const { isStreaming, messages } = useConversationThreadContext();
+  const lastMessage = messages.at(-1);
+  if (!isStreaming || lastMessage?.role !== "assistant") return null;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "aria-label": "Assistant is typing",
+      className: cn(
+        "absolute bottom-4 left-4 flex items-center gap-1",
+        className
+      ),
+      ref: reference,
+      role: "status",
+      children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "h-2 w-2 animate-bounce rounded-full bg-muted-foreground",
+            style: { animationDelay: "-0.3s" }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "h-2 w-2 animate-bounce rounded-full bg-muted-foreground",
+            style: { animationDelay: "-0.15s" }
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "h-2 w-2 animate-bounce rounded-full bg-muted-foreground" })
+      ]
+    }
+  );
+});
+ConversationLoading.displayName = "ConversationLoading";
+export {
+  ConversationEmpty,
+  ConversationHeader,
+  ConversationLoading,
+  ConversationMessages,
+  ConversationScrollButton,
+  ConversationSuggestions,
+  ConversationThread,
+  ConversationTitle
+};

package/dist/components/conversation-thread/index.js

@@ -0,0 +1,20 @@
+import {
+  ConversationEmpty,
+  ConversationHeader,
+  ConversationLoading,
+  ConversationMessages,
+  ConversationScrollButton,
+  ConversationSuggestions,
+  ConversationThread,
+  ConversationTitle
+} from "./conversation-thread";
+export {
+  ConversationEmpty,
+  ConversationHeader,
+  ConversationLoading,
+  ConversationMessages,
+  ConversationScrollButton,
+  ConversationSuggestions,
+  ConversationThread,
+  ConversationTitle
+};

package/dist/components/index.js

@@ -539,6 +539,16 @@ import {
   ObjectCard
 } from "./object-card";
 import { ObjectHandle } from "./object-handle";
+import {
+  ConversationEmpty,
+  ConversationHeader,
+  ConversationLoading,
+  ConversationMessages,
+  ConversationScrollButton,
+  ConversationSuggestions,
+  ConversationThread,
+  ConversationTitle
+} from "./conversation-thread";
 import { InlineInput } from "./inline-input";
 import {
   ModelSelector
@@ -644,6 +654,14 @@ export {
   ContextMenuSubContent,
   ContextMenuSubTrigger,
   ContextMenuTrigger,
+  ConversationEmpty,
+  ConversationHeader,
+  ConversationLoading,
+  ConversationMessages,
+  ConversationScrollButton,
+  ConversationSuggestions,
+  ConversationThread,
+  ConversationTitle,
   CookieConsent,
   CountdownTimer,
   CreditBadge,

package/dist/index.d.ts

@@ -3460,6 +3460,105 @@ declare const ObjectHandle: react.ForwardRefExoticComponent<Omit<Omit<react.Deta
     label?: ReactNode;
 } & react.RefAttributes<HTMLButtonElement>>;
 
+/** A single tool call made by the assistant. */
+type ToolCall = {
+    id: string;
+    input?: Record<string, unknown>;
+    name: string;
+    result?: string;
+};
+/** A single message in the conversation. */
+type ConversationMessage = {
+    content: string;
+    id: string;
+    /** Whether the assistant still streams this individual message. */
+    isStreaming?: boolean;
+    role: "assistant" | "user";
+    /** AI reasoning/thinking content. The component renders this via ThinkingBlock. */
+    thinking?: string;
+    toolCalls?: ToolCall[];
+};
+type ConversationThreadProps = {
+    children?: ReactNode;
+    className?: string;
+    /** Whether the assistant generates a response. */
+    isStreaming?: boolean;
+    messages: ConversationMessage[];
+    onFeedback?: (messageId: string, feedback: "negative" | "positive") => void;
+    onRetry?: (messageId: string) => void;
+    /** Calls onSend with the suggestion text after the user clicks a ConversationSuggestions chip. */
+    onSend?: (message: string) => void;
+};
+type ConversationHeaderProps = {
+    children?: ReactNode;
+    className?: string;
+};
+type ConversationTitleProps = {
+    children?: ReactNode;
+    className?: string;
+};
+type ConversationMessagesProps = {
+    /** Overlay children: ConversationEmpty, ConversationScrollButton, ConversationLoading. */
+    children?: ReactNode;
+    className?: string;
+};
+type ConversationEmptyProps = {
+    children?: ReactNode;
+    className?: string;
+};
+type ConversationSuggestionsProps = {
+    className?: string;
+    suggestions?: string[];
+};
+type ConversationScrollButtonProps = {
+    className?: string;
+};
+type ConversationLoadingProps = {
+    className?: string;
+};
+/**
+ * Root provider for the ConversationThread compound component family.
+ *
+ * @example
+ * ```tsx
+ * <ConversationThread messages={messages} isStreaming={isStreaming} onSend={handleSend}>
+ *   <ConversationHeader><ConversationTitle>Chat</ConversationTitle></ConversationHeader>
+ *   <ConversationMessages>
+ *     <ConversationEmpty>
+ *       <ConversationSuggestions suggestions={["Hello!", "Help me with..."]} />
+ *     </ConversationEmpty>
+ *     <ConversationScrollButton />
+ *     <ConversationLoading />
+ *   </ConversationMessages>
+ * </ConversationThread>
+ * ```
+ */
+declare const ConversationThread: react.ForwardRefExoticComponent<ConversationThreadProps & react.RefAttributes<HTMLDivElement>>;
+/** Optional header slot, rendered above the message list. */
+declare const ConversationHeader: react.ForwardRefExoticComponent<ConversationHeaderProps & react.RefAttributes<HTMLDivElement>>;
+/** Title text for use inside ConversationHeader. */
+declare const ConversationTitle: react.ForwardRefExoticComponent<ConversationTitleProps & react.RefAttributes<HTMLHeadingElement>>;
+/**
+ * Scrollable message list container. Renders messages from context.
+ * Pass ConversationEmpty, ConversationScrollButton, and ConversationLoading as children —
+ * the component renders these as absolute overlays that read state from context.
+ */
+declare const ConversationMessages: react.ForwardRefExoticComponent<ConversationMessagesProps & react.RefAttributes<HTMLDivElement>>;
+/**
+ * Shown when the message list is empty. Hides automatically once messages exist.
+ * Renders as a centered overlay — pass ConversationSuggestions or custom content as children.
+ */
+declare const ConversationEmpty: react.ForwardRefExoticComponent<ConversationEmptyProps & react.RefAttributes<HTMLDivElement>>;
+/** Suggested prompt chips displayed in the empty state. Calls onSend when clicked. */
+declare const ConversationSuggestions: react.ForwardRefExoticComponent<ConversationSuggestionsProps & react.RefAttributes<HTMLDivElement>>;
+/** Floating button that appears when the user scrolls up, to jump back to the bottom. */
+declare const ConversationScrollButton: react.ForwardRefExoticComponent<ConversationScrollButtonProps & react.RefAttributes<HTMLButtonElement>>;
+/**
+ * Typing indicator shown while the assistant is streaming a response.
+ * Visible when isStreaming is true and the last message role is "assistant".
+ */
+declare const ConversationLoading: react.ForwardRefExoticComponent<ConversationLoadingProps & react.RefAttributes<HTMLDivElement>>;
+
 type InlineInputProps = {
     className?: string;
     /** Called when user presses Escape or blurs without changes. */
@@ -3624,4 +3723,4 @@ declare function useHorizontalScroll(): UseHorizontalScrollReturn;
 
 declare function cn(...inputs: ClassValue[]): string;
 
-export { AIChatInput, type AIChatInputProps, AIMessageBubble, type AIMessageBubbleProps, AISourceCitation, type AISourceCitationProps, AIStreamingText, type AIStreamingTextProps, AIToolCallDisplay, type AIToolCallDisplayProps, type AIToolCallStatus, Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, ActivityHeatmap, type ActivityHeatmapItem, type ActivityHeatmapProps, ActivityLog, type ActivityLogItem, type ActivityLogProps, type ActivityLogTone, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AnchorPort, type AnchorPortProps, AnimatedText, type AnimatedTextProps, Annotation, type AnnotationProps, AreaChart, AspectRatio, Avatar, AvatarFallback, AvatarGroup, type AvatarGroupItem, type AvatarGroupProps, AvatarImage, Badge, type BadgeProps, BarChart, BeforeAfter, type BeforeAfterProps, BlogCard, BorderBeam, type BorderBeamProps, BottomBar, type BottomBarProps, Breadcrumb, type BreadcrumbItem, Button, type ButtonProps, Calendar, type CalendarProps, Callout, type CalloutProps, type CalloutVariant, CandlestickChart, type CandlestickChartProps, type CandlestickDatum, CanvasShell, type CanvasShellInsets, type CanvasShellProps, type CanvasShellRouteConfig, CanvasView, type CanvasViewHandle, type CanvasViewProps, type CanvasViewport, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, CategoryFilter, type ChatDockMessage, ChatDockSection, type ChatDockSectionProps, Checkbox, Checklist, type ChecklistItem, type ChecklistProps, CodeBlock, CodePlayground, type CodePlaygroundProps, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, type ComboboxOption, type ComboboxProps, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, CommonMistake, type CommonMistakeProps, Comparison, type ComparisonProps, CompletionDialog, type CompletionDialogProps, ConnectorEdge, type ConnectorEdgePoint, type ConnectorEdgeProps, Content, ContentCard$1 as ContentCard, ContentIntro, type ContentIntroLabels, type ContentIntroProps, type ContentIntroSection, type ContentMeta, type ContentProgress, type ContentSection, type ContentSectionMinimal, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CookieConsent, type CookieConsentProps, type CopyStatus, CountdownTimer, type CountdownTimerProps, CreditBadge, type CreditBadgeProps, type CreditBadgeStatus, Curriculum, CurriculumLesson, type CurriculumLessonProps, CurriculumModule, type CurriculumModuleProps, type CurriculumProps, DataList, DataListItem, type DataListItemProps, DataListLabel, type DataListProps, DataListValue, DataTableComponent as DataTable, type DataTableFilter, type DataTableFilterOption, type DataTableProps, DatePicker, type DatePickerProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, type DifficultyLevel, 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, EdgeLabel, type EdgeLabelProps, Exercise, type ExerciseProps, FAQ, FAQItem, type FAQItemProps, type FAQProps, FileTree, type FileTreeProps, FileUpload, type FileUploadProps, FilterBar, type FilterBarLabels, type FilterBarProps, type FilterOption, type FilterUpdates, Flashcard, type FlashcardProps, FloatingActionButton, type FloatingActionButtonProps, FlowControls, type FlowControlsProps, FlowDiagram, type FlowDiagramEdge, type FlowDiagramNode, type FlowDiagramProps, FlowErrorBoundary, FlowFullscreen, type FlowFullscreenProps, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, type FormProps, GlassPanel, type GlassPanelProps, Glossary, type GlossaryProps, GroupHull, type GroupHullProps, Highlight, type HighlightProps, HorizontalScrollRow, type HorizontalScrollRowProps, HoverCard, HoverCardContent, HoverCardTrigger, InlineInput, type InlineInputProps, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, KeyConcept, type KeyConceptProps, type KeyboardShortcut, KeyboardShortcutsHelp, type KeyboardShortcutsHelpProps, LANGUAGE_NAMES, Label, LangProvider, LearningObjectives, type LearningObjectivesProps, LeftRail, type LeftRailProps, type LessonDifficulty, type LessonStatus, LineChart, LiveFeed, type LiveFeedEvent, type LiveFeedProps, MDXContent, MarketTreemap, type MarketTreemapItem, type MarketTreemapProps, Marquee, type MarqueeProps, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MetricGauge, type MetricGaugeProps, type MetricGaugeThreshold, type MiniMapMarker, MiniMapPanel, type MiniMapPanelProps, type ModelInfo, ModelSelector, type ModelSelectorProps, MultiSelect, type MultiSelectOption, type MultiSelectProps, type NavItem, NavbarSaas, type NavbarSaasProps, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NumberInput, type NumberInputProps, NumberTicker, type NumberTickerProps, ObjectCard, type ObjectCardAction, type ObjectCardMetric, type ObjectCardProps, ObjectHandle, type ObjectHandleProps, OrderBook, type OrderBookLevel, type OrderBookProps, OverviewBoard, type OverviewBoardItem, type OverviewBoardProps, OverviewCard, type OverviewCardProps, type OverviewCardTone, Pagination, type PaginationProps, PasswordInput, type PasswordInputProps, PlanBadge, type PlanBadgeProps, type PlanBadgeState, type PlanBadgeTier, type PlatformConfig, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Prerequisites, type PrerequisitesProps, ProTip, type ProTipProps, type ProTipVariant, ProfileSection, ProgressBar, type ProgressBarProps, ContentCard as ProgressCard, type ContentCardProgress as ProgressCardProgress, type ContentCardProps as ProgressCardProps, ProgressTracker, ProgressTrackerBadge, type ProgressTrackerBadgeProps, ProgressTrackerModule, type ProgressTrackerModuleItem, type ProgressTrackerModuleProps, type ProgressTrackerModuleStatus, ProgressTrackerModules, type ProgressTrackerModulesProps, ProgressTrackerOverview, type ProgressTrackerOverviewProps, type ProgressTrackerProps, ProgressTrackerStat, type ProgressTrackerStatProps, ProgressTrackerStats, type ProgressTrackerStatsProps, Quiz, type QuizOption, type QuizProps, RadioGroup, RadioGroupItem, Rating, type RatingProps, ResizableHandle, ResizablePanel, ResizablePanelGroup, RightDock, type RightDockProps, RoleBadge, type RoleBadgeProps, type RoleBadgeRole, ScopeSelector, type ScopeSelectorNode, type ScopeSelectorProps, type ScopeSelectorSelection, ScrollArea, ScrollBar, SearchBar, SearchDialog, SegmentedControl, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, SeverityBadge, type SeverityBadgeLevel, type SeverityBadgeProps, ShareDialog, type ShareDialogLabels, type SharePlatform as ShareDialogPlatform, type ShareDialogProps, type SharePlatform$1 as SharePlatform, type SharePlatformConfig, ShareSection, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, type SidebarItem, SidebarProvider, type SidebarSection, SidebarToggle, type SidebarToggleProps, SimpleTerminal, type SimpleTerminalProps, Skeleton, Slider, Slideshow, type SlideshowLabels, type SlideshowProps, type SlideshowSection, SocialFAB, type SocialFabActionConfig, type SocialFabLabels, type SocialFabProps, SparklineGrid, type SparklineGridItem, type SparklineGridProps, Spinner, type SpinnerProps, StatCard, type StatCardProps, StatusBoard, type StatusBoardItem, type StatusBoardProps, type StatusBoardStatus, StatusIndicator, type StatusIndicatorProps, Step, StepByStep, type StepByStepProps, StepNavigation, type StepNavigationProps, type StepProps, Stepper, type StepperProps, type StepperStep, SubscriptionCard, type SubscriptionCardProps, type SubscriptionCardStatus, Summary, type SummaryProps, Switch, TLDRSection, type TOCSection, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableOfContents, TableOfContentsPanel, type TableOfContentsPanelProps, TableRow, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, TagsInput, type TagsInputProps, Terminal, type TerminalLine, type TerminalProps, Textarea, type TextareaProps, ThemeProvider, ThemeToggle, ThinkingBlock, type ThinkingBlockProps, TickerTape, type TickerTapeItem, type TickerTapeProps, Toast, ToastAction, ToastClose, ToastDescription, type ToastProps, ToastTitle, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TopBar, type TopBarProps, Tour, type TourProps, type TourStep, TruncatedText, type TruncatedTextProps, TutorialCard, type TutorialCardLabels, type TutorialCardMeta, type TutorialCardProgress, type TutorialCardProps, TutorialComplete, type TutorialCompleteLabels, type TutorialCompleteProps, type TutorialCompleteRelatedContent, type TutorialCompleteSection, TutorialFilters, type TutorialFiltersLabels, type TutorialFiltersProps, TutorialIntroContent, type TutorialIntroContentProps, TutorialMDX, type TutorialMDXProps, type SupportedLanguage as UISupportedLanguage, UnicodeSpinner, type UnicodeSpinnerAnimation, type UnicodeSpinnerProps, UsageBreakdown, type UsageBreakdownItem, type UsageBreakdownProps, type UsageBreakdownTone, type UseFlowDiagramOptions, type UseFlowDiagramReturn, VideoEmbed, type VideoEmbedProps, type ViewOption, ViewSwitcher, type ViewSwitcherProps, WalletCard, type WalletCardProps, Watchlist, type WatchlistItem, type WatchlistProps, type WorkspaceOption, WorkspaceSwitcher, type WorkspaceSwitcherProps, WorldClockBar, type WorldClockBarProps, type WorldClockBarZone, ZoomHUD, type ZoomHUDProps, alertVariants, avatarGroupVariants, avatarItemVariants, badgeVariants, buttonVariants, cn, cookieConsentVariants, dataListItemVariants, dataListVariants, dotVariants, getOtherLanguage, mdxComponents, navigationMenuTriggerStyle, segmentedControlItemVariants, segmentedControlVariants, severityBadgeVariants, statCardVariants, statusIndicatorVariants, toggleVariants, useDebounce, useFlowDiagram, useFormField, useHorizontalScroll, useMobile, useProgressTrackerContext, useSidebar, useSocialFab };
+export { AIChatInput, type AIChatInputProps, AIMessageBubble, type AIMessageBubbleProps, AISourceCitation, type AISourceCitationProps, AIStreamingText, type AIStreamingTextProps, AIToolCallDisplay, type AIToolCallDisplayProps, type AIToolCallStatus, Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, ActivityHeatmap, type ActivityHeatmapItem, type ActivityHeatmapProps, ActivityLog, type ActivityLogItem, type ActivityLogProps, type ActivityLogTone, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AnchorPort, type AnchorPortProps, AnimatedText, type AnimatedTextProps, Annotation, type AnnotationProps, AreaChart, AspectRatio, Avatar, AvatarFallback, AvatarGroup, type AvatarGroupItem, type AvatarGroupProps, AvatarImage, Badge, type BadgeProps, BarChart, BeforeAfter, type BeforeAfterProps, BlogCard, BorderBeam, type BorderBeamProps, BottomBar, type BottomBarProps, Breadcrumb, type BreadcrumbItem, Button, type ButtonProps, Calendar, type CalendarProps, Callout, type CalloutProps, type CalloutVariant, CandlestickChart, type CandlestickChartProps, type CandlestickDatum, CanvasShell, type CanvasShellInsets, type CanvasShellProps, type CanvasShellRouteConfig, CanvasView, type CanvasViewHandle, type CanvasViewProps, type CanvasViewport, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, CategoryFilter, type ChatDockMessage, ChatDockSection, type ChatDockSectionProps, Checkbox, Checklist, type ChecklistItem, type ChecklistProps, CodeBlock, CodePlayground, type CodePlaygroundProps, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, type ComboboxOption, type ComboboxProps, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, CommonMistake, type CommonMistakeProps, Comparison, type ComparisonProps, CompletionDialog, type CompletionDialogProps, ConnectorEdge, type ConnectorEdgePoint, type ConnectorEdgeProps, Content, ContentCard$1 as ContentCard, ContentIntro, type ContentIntroLabels, type ContentIntroProps, type ContentIntroSection, type ContentMeta, type ContentProgress, type ContentSection, type ContentSectionMinimal, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, ConversationEmpty, type ConversationEmptyProps, ConversationHeader, type ConversationHeaderProps, ConversationLoading, type ConversationLoadingProps, type ConversationMessage, ConversationMessages, type ConversationMessagesProps, ConversationScrollButton, type ConversationScrollButtonProps, ConversationSuggestions, type ConversationSuggestionsProps, ConversationThread, type ConversationThreadProps, ConversationTitle, type ConversationTitleProps, CookieConsent, type CookieConsentProps, type CopyStatus, CountdownTimer, type CountdownTimerProps, CreditBadge, type CreditBadgeProps, type CreditBadgeStatus, Curriculum, CurriculumLesson, type CurriculumLessonProps, CurriculumModule, type CurriculumModuleProps, type CurriculumProps, DataList, DataListItem, type DataListItemProps, DataListLabel, type DataListProps, DataListValue, DataTableComponent as DataTable, type DataTableFilter, type DataTableFilterOption, type DataTableProps, DatePicker, type DatePickerProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, type DifficultyLevel, 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, EdgeLabel, type EdgeLabelProps, Exercise, type ExerciseProps, FAQ, FAQItem, type FAQItemProps, type FAQProps, FileTree, type FileTreeProps, FileUpload, type FileUploadProps, FilterBar, type FilterBarLabels, type FilterBarProps, type FilterOption, type FilterUpdates, Flashcard, type FlashcardProps, FloatingActionButton, type FloatingActionButtonProps, FlowControls, type FlowControlsProps, FlowDiagram, type FlowDiagramEdge, type FlowDiagramNode, type FlowDiagramProps, FlowErrorBoundary, FlowFullscreen, type FlowFullscreenProps, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, type FormProps, GlassPanel, type GlassPanelProps, Glossary, type GlossaryProps, GroupHull, type GroupHullProps, Highlight, type HighlightProps, HorizontalScrollRow, type HorizontalScrollRowProps, HoverCard, HoverCardContent, HoverCardTrigger, InlineInput, type InlineInputProps, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, KeyConcept, type KeyConceptProps, type KeyboardShortcut, KeyboardShortcutsHelp, type KeyboardShortcutsHelpProps, LANGUAGE_NAMES, Label, LangProvider, LearningObjectives, type LearningObjectivesProps, LeftRail, type LeftRailProps, type LessonDifficulty, type LessonStatus, LineChart, LiveFeed, type LiveFeedEvent, type LiveFeedProps, MDXContent, MarketTreemap, type MarketTreemapItem, type MarketTreemapProps, Marquee, type MarqueeProps, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MetricGauge, type MetricGaugeProps, type MetricGaugeThreshold, type MiniMapMarker, MiniMapPanel, type MiniMapPanelProps, type ModelInfo, ModelSelector, type ModelSelectorProps, MultiSelect, type MultiSelectOption, type MultiSelectProps, type NavItem, NavbarSaas, type NavbarSaasProps, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NumberInput, type NumberInputProps, NumberTicker, type NumberTickerProps, ObjectCard, type ObjectCardAction, type ObjectCardMetric, type ObjectCardProps, ObjectHandle, type ObjectHandleProps, OrderBook, type OrderBookLevel, type OrderBookProps, OverviewBoard, type OverviewBoardItem, type OverviewBoardProps, OverviewCard, type OverviewCardProps, type OverviewCardTone, Pagination, type PaginationProps, PasswordInput, type PasswordInputProps, PlanBadge, type PlanBadgeProps, type PlanBadgeState, type PlanBadgeTier, type PlatformConfig, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Prerequisites, type PrerequisitesProps, ProTip, type ProTipProps, type ProTipVariant, ProfileSection, ProgressBar, type ProgressBarProps, ContentCard as ProgressCard, type ContentCardProgress as ProgressCardProgress, type ContentCardProps as ProgressCardProps, ProgressTracker, ProgressTrackerBadge, type ProgressTrackerBadgeProps, ProgressTrackerModule, type ProgressTrackerModuleItem, type ProgressTrackerModuleProps, type ProgressTrackerModuleStatus, ProgressTrackerModules, type ProgressTrackerModulesProps, ProgressTrackerOverview, type ProgressTrackerOverviewProps, type ProgressTrackerProps, ProgressTrackerStat, type ProgressTrackerStatProps, ProgressTrackerStats, type ProgressTrackerStatsProps, Quiz, type QuizOption, type QuizProps, RadioGroup, RadioGroupItem, Rating, type RatingProps, ResizableHandle, ResizablePanel, ResizablePanelGroup, RightDock, type RightDockProps, RoleBadge, type RoleBadgeProps, type RoleBadgeRole, ScopeSelector, type ScopeSelectorNode, type ScopeSelectorProps, type ScopeSelectorSelection, ScrollArea, ScrollBar, SearchBar, SearchDialog, SegmentedControl, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, SeverityBadge, type SeverityBadgeLevel, type SeverityBadgeProps, ShareDialog, type ShareDialogLabels, type SharePlatform as ShareDialogPlatform, type ShareDialogProps, type SharePlatform$1 as SharePlatform, type SharePlatformConfig, ShareSection, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, type SidebarItem, SidebarProvider, type SidebarSection, SidebarToggle, type SidebarToggleProps, SimpleTerminal, type SimpleTerminalProps, Skeleton, Slider, Slideshow, type SlideshowLabels, type SlideshowProps, type SlideshowSection, SocialFAB, type SocialFabActionConfig, type SocialFabLabels, type SocialFabProps, SparklineGrid, type SparklineGridItem, type SparklineGridProps, Spinner, type SpinnerProps, StatCard, type StatCardProps, StatusBoard, type StatusBoardItem, type StatusBoardProps, type StatusBoardStatus, StatusIndicator, type StatusIndicatorProps, Step, StepByStep, type StepByStepProps, StepNavigation, type StepNavigationProps, type StepProps, Stepper, type StepperProps, type StepperStep, SubscriptionCard, type SubscriptionCardProps, type SubscriptionCardStatus, Summary, type SummaryProps, Switch, TLDRSection, type TOCSection, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableOfContents, TableOfContentsPanel, type TableOfContentsPanelProps, TableRow, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, TagsInput, type TagsInputProps, Terminal, type TerminalLine, type TerminalProps, Textarea, type TextareaProps, ThemeProvider, ThemeToggle, ThinkingBlock, type ThinkingBlockProps, TickerTape, type TickerTapeItem, type TickerTapeProps, Toast, ToastAction, ToastClose, ToastDescription, type ToastProps, ToastTitle, Toaster, Toggle, ToggleGroup, ToggleGroupItem, type ToolCall, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TopBar, type TopBarProps, Tour, type TourProps, type TourStep, TruncatedText, type TruncatedTextProps, TutorialCard, type TutorialCardLabels, type TutorialCardMeta, type TutorialCardProgress, type TutorialCardProps, TutorialComplete, type TutorialCompleteLabels, type TutorialCompleteProps, type TutorialCompleteRelatedContent, type TutorialCompleteSection, TutorialFilters, type TutorialFiltersLabels, type TutorialFiltersProps, TutorialIntroContent, type TutorialIntroContentProps, TutorialMDX, type TutorialMDXProps, type SupportedLanguage as UISupportedLanguage, UnicodeSpinner, type UnicodeSpinnerAnimation, type UnicodeSpinnerProps, UsageBreakdown, type UsageBreakdownItem, type UsageBreakdownProps, type UsageBreakdownTone, type UseFlowDiagramOptions, type UseFlowDiagramReturn, VideoEmbed, type VideoEmbedProps, type ViewOption, ViewSwitcher, type ViewSwitcherProps, WalletCard, type WalletCardProps, Watchlist, type WatchlistItem, type WatchlistProps, type WorkspaceOption, WorkspaceSwitcher, type WorkspaceSwitcherProps, WorldClockBar, type WorldClockBarProps, type WorldClockBarZone, ZoomHUD, type ZoomHUDProps, alertVariants, avatarGroupVariants, avatarItemVariants, badgeVariants, buttonVariants, cn, cookieConsentVariants, dataListItemVariants, dataListVariants, dotVariants, getOtherLanguage, mdxComponents, navigationMenuTriggerStyle, segmentedControlItemVariants, segmentedControlVariants, severityBadgeVariants, statCardVariants, statusIndicatorVariants, toggleVariants, useDebounce, useFlowDiagram, useFormField, useHorizontalScroll, useMobile, useProgressTrackerContext, useSidebar, useSocialFab };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vllnt/ui",
-  "version": "0.2.1-canary.9e6a7be",
+  "version": "0.2.1-canary.e1bc2b3",
   "description": "React component library — 93 components built on Radix UI, Tailwind CSS, and CVA",
   "license": "MIT",
   "author": "vllnt",