@yuva-devlab/ui 1.4.4 → 2.1.0

package/dist/index.d.ts

@@ -1,7 +1,8 @@
 import { ClassValue } from 'clsx';
+export { ClassValue } from 'clsx';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
-import React__default from 'react';
+import React__default, { HTMLAttributes, ReactNode } from 'react';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
@@ -44,17 +45,26 @@ import * as TogglePrimitive from '@radix-ui/react-toggle';
 import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
 
 /**
- * Merges multiple Tailwind class names and conditionally applied class definitions.
- * Combines clsx dynamic toggling with tailwind-merge collision deduplication.
+ * Platform-native class name composer.
+ * Zero-overhead utility that joins class names and evaluates conditional expressions.
+ * Use for @layer dl-* semantic class composition.
+ *
+ * @param inputs - Class names, falsy conditionals, or arrays.
+ * @returns Clean joined class name string.
+ */
+declare function cx(...inputs: ClassValue[]): string;
+/**
+ * Canonical class name helper for components.
+ * Joins class names and filters falsy values.
  *
  * @param inputs - List of class names, conditional records, or arrays.
- * @returns Deduplicated, normalized CSS class string.
+ * @returns Clean joined CSS class string.
  */
 declare function cn(...inputs: ClassValue[]): string;
 
 type Theme = "dark" | "light" | "system" | string;
 type ThemeMode = "light" | "dark" | "system";
-type Brand = "finai" | "orchestrai" | string;
+type Brand = "finai" | "orchestrai" | "logs" | "vitalai" | "portal" | string;
 interface ThemeProviderProps {
     children: React__default.ReactNode;
     brand?: Brand;
@@ -143,7 +153,7 @@ interface AlertProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProp
  * @example
  * ```tsx
  * <Alert variant="destructive">
- *   <AlertCircle className="size-4" />
+ *   <AlertCircle />
  *   <AlertTitle>Authentication Failed</AlertTitle>
  *   <AlertDescription>
  *     Your session has expired. Please log in again to continue.
@@ -268,18 +278,38 @@ declare const badgeVariants: (props?: ({
     variant?: "default" | "destructive" | "outline" | "secondary" | "success" | "warning" | "info" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
+    /** Numeric count displayed inside the floating notification badge */
+    count?: number | React$1.ReactNode;
+    /** Max numeric threshold before displaying '+' (e.g., 99+). Defaults to 99 */
+    overflowCount?: number;
+    /** Whether to render as a red indicator dot without numeric count */
+    dot?: boolean;
+    /** Whether to display the badge when count is zero. Defaults to false */
+    showZero?: boolean;
+    /** Offset tuple [x, y] to position the badge relative to wrapped element */
+    offset?: [number | string, number | string];
 }
 /**
- * Small status or label indicator with curated design-token variant styling.
+ * Versatile badge primitive supporting both standalone status labels
+ * and floating notification counter badges over child components.
  *
  * @example
  * ```tsx
+ * // Standalone label badge
  * <Badge variant="success">Completed</Badge>
- * <Badge variant="destructive">Failed</Badge>
- * <Badge variant="outline">v1.2.0</Badge>
+ *
+ * // Notification counter badge over icon
+ * <Badge count={5}>
+ *   <Button variant="ghost" size="icon"><Bell /></Button>
+ * </Badge>
+ *
+ * // Unread indicator dot over avatar
+ * <Badge dot>
+ *   <Avatar src="/user.png" />
+ * </Badge>
  * ```
  */
-declare function Badge({ className, variant, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
+declare function Badge({ className, variant, children, count, overflowCount, dot, showZero, offset, style, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
 
 type BreadcrumbProps = React$1.ComponentPropsWithoutRef<"nav"> & {
     separator?: React$1.ReactNode;
@@ -375,7 +405,6 @@ interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, V
 }
 /**
  * Primary interactive button component for triggering actions, submitting forms, or navigation.
- * Pure CSS with zero runtime Tailwind dependencies.
  *
  * @example
  * ```tsx
@@ -489,6 +518,7 @@ type CarouselContextProps = {
     canScrollPrev: boolean;
     canScrollNext: boolean;
 } & CarouselProps;
+declare const CarouselContext: React$1.Context<CarouselContextProps | null>;
 /**
  * Accesses the parent Carousel context.
  */
@@ -500,9 +530,8 @@ declare function useCarousel(): CarouselContextProps;
  * ```tsx
  * <Carousel>
  *   <CarouselContent>
- *     <CarouselItem className="basis-1/3">Slide 1</CarouselItem>
- *     <CarouselItem className="basis-1/3">Slide 2</CarouselItem>
- *     <CarouselItem className="basis-1/3">Slide 3</CarouselItem>
+ *     <CarouselItem>Slide 1</CarouselItem>
+ *     <CarouselItem>Slide 2</CarouselItem>
  *   </CarouselContent>
  *   <CarouselPrevious />
  *   <CarouselNext />
@@ -510,6 +539,7 @@ declare function useCarousel(): CarouselContextProps;
  * ```
  */
 declare const Carousel: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & CarouselProps & React$1.RefAttributes<HTMLDivElement>>;
+
 type CarouselContentProps = React$1.HTMLAttributes<HTMLDivElement>;
 /**
  * Viewport and track container holding all carousel slides.
@@ -531,10 +561,81 @@ type CarouselNextProps = React$1.ComponentProps<typeof Button>;
  */
 declare const CarouselNext: React$1.ForwardRefExoticComponent<Omit<ButtonProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 
+interface ChainOfThoughtStepItem {
+    id?: string | number;
+    title: string;
+    status?: "running" | "success" | "error" | "default";
+    icon?: React$1.ReactNode;
+}
+interface ChainOfThoughtProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "title"> {
+    /** Whether the agent is currently reasoning */
+    isThinking?: boolean;
+    /** Elapsed thinking time in seconds */
+    durationSeconds?: number;
+    /** Controlled open state of reasoning steps */
+    open?: boolean;
+    /** Initial open state in uncontrolled mode. Defaults to false */
+    defaultOpen?: boolean;
+    /** Callback fired when collapsible state toggles */
+    onOpenChange?: (open: boolean) => void;
+    /** Header title override. Defaults to auto-computed summary */
+    title?: React$1.ReactNode;
+}
+interface ChainOfThoughtHeaderProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
+    isThinking?: boolean;
+    durationSeconds?: number;
+}
+interface ChainOfThoughtStepProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    status?: "running" | "success" | "error" | "default";
+    icon?: React$1.ReactNode;
+}
+
+declare const ChainOfThoughtHeader: React$1.ForwardRefExoticComponent<ChainOfThoughtHeaderProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const ChainOfThoughtStep: React$1.ForwardRefExoticComponent<ChainOfThoughtStepProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const ChainOfThoughtContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+/**
+ * Visualizes an AI model's internal step-by-step reasoning and thought process.
+ *
+ * @example
+ * ```tsx
+ * <ChainOfThought durationSeconds={3.8}>
+ *   <ChainOfThoughtHeader />
+ *   <ChainOfThoughtContent>
+ *     <ChainOfThoughtStep status="success">Inspected git status</ChainOfThoughtStep>
+ *     <ChainOfThoughtStep status="success">Compiled TypeScript bundle</ChainOfThoughtStep>
+ *   </ChainOfThoughtContent>
+ * </ChainOfThought>
+ * ```
+ */
+declare function ChainOfThought({ isThinking, durationSeconds, open: propOpen, defaultOpen, onOpenChange, className, title, children, ...props }: ChainOfThoughtProps): react_jsx_runtime.JSX.Element;
+
+interface CheckpointProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** Timestamp or label describing the checkpoint */
+    label?: React$1.ReactNode;
+    /** Callback fired when restore is clicked */
+    onRestore?: () => void;
+    /** Custom label for restore button. Defaults to "Restore" */
+    restoreLabel?: string;
+}
+
+/**
+ * Checkpoint divider marking a notable conversation turn or restore snapshot.
+ *
+ * @example
+ * ```tsx
+ * <Checkpoint label="Checkpoint: Before schema migration" onRestore={handleRestore} />
+ * ```
+ */
+declare const Checkpoint: React$1.ForwardRefExoticComponent<CheckpointProps & React$1.RefAttributes<HTMLDivElement>>;
+
+/** Theme mappings for chart color resolution. */
 declare const THEMES: {
     readonly light: "";
     readonly dark: ".dark";
 };
+/**
+ * Configuration mapping series keys to colors, labels, and icons.
+ */
 type ChartConfig = {
     [k in string]: {
         label?: React$1.ReactNode;
@@ -547,35 +648,55 @@ type ChartConfig = {
         theme: Record<keyof typeof THEMES, string>;
     });
 };
+type ChartContextProps = {
+    config: ChartConfig;
+};
+declare const ChartContext: React$1.Context<ChartContextProps | null>;
+/**
+ * Accesses active chart series configuration from parent `<ChartContainer />`.
+ */
+declare function useChart(): ChartContextProps;
+/**
+ * Helper to extract item config from a Recharts payload.
+ */
+declare function getPayloadConfigFromPayload(config: ChartConfig, payload: unknown, key: string): ({
+    label?: React$1.ReactNode;
+    icon?: React$1.ComponentType;
+} & ({
+    color?: string;
+    theme?: never;
+} | {
+    color?: never;
+    theme: Record<keyof typeof THEMES, string>;
+})) | undefined;
+
 type ChartContainerProps = React$1.ComponentProps<"div"> & {
     /** Configuration mapping series keys to colors, labels, and icons */
     config: ChartConfig;
     /** Responsive chart content (Recharts element) */
     children: React$1.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
 };
+/**
+ * Dynamic style block injecting CSS custom properties for chart color keys.
+ */
+declare const ChartStyle: ({ id, config, }: {
+    id: string;
+    config: ChartConfig;
+}) => react_jsx_runtime.JSX.Element | null;
 /**
  * Responsive wrapper for Recharts visualizations with CSS variable theming and unified legend/tooltip support.
  *
  * @example
  * ```tsx
- * const chartConfig = {
- *   desktop: { label: "Desktop", color: "var(--color-primary)" },
- *   mobile: { label: "Mobile", color: "var(--color-muted)" },
- * } satisfies ChartConfig;
- *
  * <ChartContainer config={chartConfig} className="min-h-[200px] w-full">
  *   <BarChart data={chartData}>
  *     <Bar dataKey="desktop" fill="var(--color-desktop)" radius={4} />
- *     <Bar dataKey="mobile" fill="var(--color-mobile)" radius={4} />
  *   </BarChart>
  * </ChartContainer>
  * ```
  */
 declare const ChartContainer: React$1.ForwardRefExoticComponent<Omit<ChartContainerProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-declare const ChartStyle: ({ id, config }: {
-    id: string;
-    config: ChartConfig;
-}) => react_jsx_runtime.JSX.Element | null;
+
 /**
  * Tooltip trigger component from Recharts.
  */
@@ -596,6 +717,7 @@ type ChartTooltipContentProps = React$1.ComponentProps<typeof RechartsPrimitive.
  * Standard content container rendered inside a `ChartTooltip`.
  */
 declare const ChartTooltipContent: React$1.ForwardRefExoticComponent<Omit<ChartTooltipContentProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
 /**
  * Legend component from Recharts.
  */
@@ -615,15 +737,14 @@ type CheckboxProps = React$1.ComponentPropsWithoutRef<typeof CheckboxPrimitive.R
 /**
  * Accessible binary selection control built upon Radix UI Checkbox.
  * Supports checked, unchecked, and indeterminate states with smooth micro-animations.
- * Pure CSS with zero runtime Tailwind dependencies.
  *
  * @example
  * ```tsx
  * // Basic checkbox with associated label
- * <div className="flex items-center gap-2">
+ * <Flex align="center" gap="2">
  *   <Checkbox id="terms" checked={agreed} onCheckedChange={setAgreed} />
  *   <Label htmlFor="terms">Accept terms and conditions</Label>
- * </div>
+ * </Flex>
  *
  * // Disabled checkbox
  * <Checkbox disabled checked />
@@ -631,6 +752,56 @@ type CheckboxProps = React$1.ComponentPropsWithoutRef<typeof CheckboxPrimitive.R
  */
 declare const Checkbox: React$1.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 
+interface CodeBlockProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** Optional file path or label displayed in the header */
+    filename?: string;
+    /** Programming language label, e.g. "typescript", "json", "python" */
+    language?: string;
+    /** Code string to display and copy */
+    code?: string;
+    /** Whether to show the copy to clipboard action. Defaults to true */
+    copyable?: boolean;
+    /** Whether to display line numbers. Defaults to false */
+    lineNumbers?: boolean;
+}
+interface CodeBlockHeaderProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** File name or title */
+    filename?: string;
+    /** Code language badge text */
+    language?: string;
+}
+interface CodeBlockContentProps extends React$1.HTMLAttributes<HTMLPreElement> {
+    /** Whether code should wrap instead of scrolling horizontally */
+    wrap?: boolean;
+    /** Whether line numbers are rendered */
+    lineNumbers?: boolean;
+}
+
+/**
+ * Copy to clipboard button with temporary success checkmark animation.
+ */
+declare const CodeBlockCopyButton: React$1.ForwardRefExoticComponent<React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
+    code?: string;
+} & React$1.RefAttributes<HTMLButtonElement>>;
+/**
+ * Header section of a code block showing filename, language badge, and actions.
+ */
+declare const CodeBlockHeader: React$1.ForwardRefExoticComponent<CodeBlockHeaderProps & React$1.RefAttributes<HTMLDivElement>>;
+/**
+ * Code container pre element with support for horizontal scrolling or word wrapping.
+ */
+declare const CodeBlockContent: React$1.ForwardRefExoticComponent<CodeBlockContentProps & React$1.RefAttributes<HTMLPreElement>>;
+/**
+ * Enterprise code snippet display with syntax font, optional header, copy button,
+ * and line numbers.
+ *
+ * @example
+ * ```tsx
+ * <CodeBlock code="const a = 10;" language="typescript" filename="main.ts" />
+ * ```
+ */
+declare const CodeBlock: React$1.ForwardRefExoticComponent<CodeBlockProps & React$1.RefAttributes<HTMLDivElement>>;
+
 type CollapsibleProps = React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Root>;
 /**
  * An interactive component which expands and collapses a panel.
@@ -837,23 +1008,49 @@ interface ConfirmDialogProps {
  */
 declare function ConfirmDialog({ open, onOpenChange, title, description, onConfirm, confirmText, cancelText, destructive, }: ConfirmDialogProps): react_jsx_runtime.JSX.Element;
 
+interface ConfirmationProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** Visual appearance style */
+    variant?: "outline" | "card" | "destructive";
+    /** Size variant */
+    size?: "sm" | "md";
+}
+interface ConfirmationMediaProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** Variant */
+    variant?: "icon" | "avatar";
+}
+type ConfirmationContentProps = React$1.HTMLAttributes<HTMLDivElement>;
+type ConfirmationTitleProps = React$1.HTMLAttributes<HTMLHeadingElement>;
+type ConfirmationDescriptionProps = React$1.HTMLAttributes<HTMLParagraphElement>;
+type ConfirmationActionsProps = React$1.HTMLAttributes<HTMLDivElement>;
+
+declare const ConfirmationMedia: React$1.ForwardRefExoticComponent<ConfirmationMediaProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const ConfirmationTitle: React$1.ForwardRefExoticComponent<ConfirmationTitleProps & React$1.RefAttributes<HTMLHeadingElement>>;
+declare const ConfirmationDescription: React$1.ForwardRefExoticComponent<ConfirmationDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>>;
+declare const ConfirmationContent: React$1.ForwardRefExoticComponent<ConfirmationContentProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const ConfirmationActions: React$1.ForwardRefExoticComponent<ConfirmationActionsProps & React$1.RefAttributes<HTMLDivElement>>;
 /**
- * Root ContextMenu container.
+ * Human-in-the-loop action approval card for sensitive or destructive agent operations.
  *
  * @example
  * ```tsx
- * <ContextMenu>
- *   <ContextMenuTrigger className="flex h-[150px] w-[300px] items-center justify-center rounded-md border border-dashed text-sm">
- *     Right click here
- *   </ContextMenuTrigger>
- *   <ContextMenuContent>
- *     <ContextMenuItem>Back</ContextMenuItem>
- *     <ContextMenuItem>Forward</ContextMenuItem>
- *     <ContextMenuItem>Reload</ContextMenuItem>
- *   </ContextMenuContent>
- * </ContextMenu>
+ * <Confirmation>
+ *   <ConfirmationMedia><AlertTriangle /></ConfirmationMedia>
+ *   <ConfirmationContent>
+ *     <ConfirmationTitle>Run migration script?</ConfirmationTitle>
+ *     <ConfirmationDescription>Alters 3 database tables.</ConfirmationDescription>
+ *   </ConfirmationContent>
+ *   <ConfirmationActions>
+ *     <Button variant="outline" size="sm">Deny</Button>
+ *     <Button size="sm">Approve</Button>
+ *   </ConfirmationActions>
+ * </Confirmation>
  * ```
  */
+declare const Confirmation: React$1.ForwardRefExoticComponent<ConfirmationProps & React$1.RefAttributes<HTMLDivElement>>;
+
+/**
+ * Root ContextMenu container.
+ */
 declare const ContextMenu: React$1.FC<ContextMenuPrimitive.ContextMenuProps>;
 /**
  * The area that triggers the context menu on right click or long press.
@@ -894,6 +1091,7 @@ type ContextMenuContentProps = React$1.ComponentPropsWithoutRef<typeof ContextMe
  * Floating content panel containing context menu items.
  */
 declare const ContextMenuContent: React$1.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
 type ContextMenuItemProps = React$1.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Item> & {
     inset?: boolean;
 };
@@ -936,6 +1134,68 @@ declare const ContextMenuShortcut: {
     displayName: string;
 };
 
+/**
+ * Column definition for generic `DataTable`.
+ */
+interface DataTableColumn<T> {
+    /** Unique key identifying the column (matches a field in T or arbitrary string) */
+    key: string;
+    /** Header title or custom rendered header */
+    header: React$1.ReactNode;
+    /** Custom cell renderer. Defaults to rendering `row[key]` */
+    cell?: (row: T, index: number) => React$1.ReactNode;
+    /** Whether the column can be sorted */
+    sortable?: boolean;
+    /** Text alignment within cells */
+    align?: "left" | "center" | "right";
+    /** Optional custom CSS class for header and cells */
+    className?: string;
+    /** Optional custom sort comparator function */
+    sortFn?: (a: T, b: T) => number;
+}
+/**
+ * Pagination configuration options for `DataTable`.
+ */
+interface DataTablePaginationConfig {
+    /** Number of items per page. Defaults to 10 */
+    pageSize?: number;
+    /** Active page (1-based index) for controlled mode */
+    page?: number;
+    /** Total count of items for server-side pagination */
+    total?: number;
+    /** Callback fired when page index changes */
+    onPageChange?: (page: number) => void;
+    /** Whether to show "Showing X to Y of Z entries" summary. Defaults to true */
+    showSummary?: boolean;
+}
+/**
+ * Props for generic `DataTable`.
+ */
+interface DataTableProps<T> {
+    /** Dataset rows array */
+    data: T[];
+    /** Column definitions */
+    columns: DataTableColumn<T>[];
+    /** Unique row key extractor or field name. Defaults to "id" */
+    rowKey?: keyof T | ((row: T, index: number) => string | number);
+    /** Pagination configuration or boolean to toggle client-side pagination */
+    pagination?: boolean | DataTablePaginationConfig;
+    /** Loading state indicator */
+    loading?: boolean;
+    /** Custom empty state message or element */
+    emptyState?: React$1.ReactNode;
+    /** Callback fired when clicking a table row */
+    onRowClick?: (row: T) => void;
+    /** Additional CSS class names */
+    className?: string;
+}
+
+/**
+ * Generic enterprise data table with integrated sorting, client/server pagination,
+ * custom column renderers, and zero-config empty states.
+ */
+declare function DataTable<T extends Record<string, unknown>>({ data, columns, rowKey, pagination, loading, emptyState, onRowClick, className, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
+
 interface DatePickerProps {
     /**
      * The selected date formatted as an ISO string (`YYYY-MM-DD`).
@@ -963,7 +1223,6 @@ interface DatePickerProps {
 /**
  * Accessible date picker component featuring an interactive popover calendar.
  * Formats dates safely in local timezone to prevent UTC day-shifting.
- * Pure CSS with zero runtime Tailwind dependencies.
  *
  * @example
  * ```tsx
@@ -1085,23 +1344,6 @@ declare const DrawerDescription: React$1.ForwardRefExoticComponent<Omit<DialogPr
 
 /**
  * Root DropdownMenu container managing open/closed state.
- *
- * @example
- * ```tsx
- * <DropdownMenu>
- *   <DropdownMenuTrigger asChild>
- *     <Button variant="outline">Open Menu</Button>
- *   </DropdownMenuTrigger>
- *   <DropdownMenuContent>
- *     <DropdownMenuLabel>My Account</DropdownMenuLabel>
- *     <DropdownMenuSeparator />
- *     <DropdownMenuItem>Profile</DropdownMenuItem>
- *     <DropdownMenuItem>Settings</DropdownMenuItem>
- *     <DropdownMenuSeparator />
- *     <DropdownMenuItem>Logout</DropdownMenuItem>
- *   </DropdownMenuContent>
- * </DropdownMenu>
- * ```
  */
 declare const DropdownMenu: React$1.FC<DropdownMenuPrimitive.DropdownMenuProps>;
 /**
@@ -1143,6 +1385,7 @@ type DropdownMenuContentProps = React$1.ComponentPropsWithoutRef<typeof Dropdown
  * Floating content panel containing dropdown menu items.
  */
 declare const DropdownMenuContent: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
 type DropdownMenuItemProps = React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {
     inset?: boolean;
 };
@@ -1185,6 +1428,37 @@ declare const DropdownMenuShortcut: {
     displayName: string;
 };
 
+/**
+ * Properties for configuring the {@link EmptyState} component.
+ */
+interface EmptyStateProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "title"> {
+    /** Primary headline or title text */
+    readonly title: React$1.ReactNode;
+    /** Secondary explanatory description */
+    readonly description?: React$1.ReactNode;
+    /** Optional visual icon displayed in the central badge */
+    readonly icon?: React$1.ReactNode;
+    /** Primary action button or trigger node */
+    readonly action?: React$1.ReactNode;
+    /** Custom children rendered beneath the description */
+    readonly children?: React$1.ReactNode;
+}
+/**
+ * Universal EmptyState component displaying cybernetic or theme-adaptive placeholders
+ * when queries, tables, or collections yield zero entries.
+ *
+ * @example
+ * ```tsx
+ * <EmptyState
+ *   icon={<Search />}
+ *   title="No results found"
+ *   description="Try adjusting your filters or search keywords."
+ *   action={<Button variant="outline">Reset filters</Button>}
+ * />
+ * ```
+ */
+declare const EmptyState: React$1.ForwardRefExoticComponent<EmptyStateProps & React$1.RefAttributes<HTMLDivElement>>;
+
 /**
  * Top-level form provider component wrapping react-hook-form.
  */
@@ -1250,7 +1524,6 @@ interface InputProps extends React$1.InputHTMLAttributes<HTMLInputElement> {
 /**
  * Textual input control styled with design system tokens and scoped CSS.
  * Provides accessible focus states, logical padding, and seamless icon integration.
- * Zero Tailwind runtime dependencies.
  *
  * @example
  * ```tsx
@@ -1261,7 +1534,7 @@ interface InputProps extends React$1.InputHTMLAttributes<HTMLInputElement> {
  * <Input
  *   type="search"
  *   placeholder="Search agents..."
- *   startIcon={<Search className="size-4" />}
+ *   startIcon={<Search />}
  * />
  *
  * // Password field with end visibility action
@@ -1282,7 +1555,6 @@ type InputOTPProps = React$1.ComponentPropsWithoutRef<typeof OTPInput>;
 /**
  * Accessible One-Time Password (OTP) input component with pin slots and fake carets.
  * Built upon the `input-otp` primitive with scoped token styling.
- * Zero Tailwind runtime dependencies.
  *
  * @example
  * ```tsx
@@ -1313,6 +1585,124 @@ declare const InputOTPSlot: React$1.ForwardRefExoticComponent<InputOTPSlotProps
 /** Divider component between OTP groups. */
 declare const InputOTPSeparator: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 
+interface InputNumberProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue" | "prefix"> {
+    /** Numeric value in controlled mode */
+    value?: number | null;
+    /** Initial numeric value in uncontrolled mode */
+    defaultValue?: number;
+    /** Callback fired when numeric value changes */
+    onChange?: (value: number | null) => void;
+    /** Minimum permitted value */
+    min?: number;
+    /** Maximum permitted value */
+    max?: number;
+    /** Increment / decrement step size. Defaults to 1 */
+    step?: number;
+    /** Decimal places precision */
+    precision?: number;
+    /** Whether the control is non-interactive */
+    disabled?: boolean;
+    /** Whether to render vertical stepper controls. Defaults to true */
+    controls?: boolean;
+    /** Optional leading decorative element (e.g. $, #) */
+    prefix?: React$1.ReactNode;
+    /** Optional trailing unit label (e.g. px, ms, MB) */
+    suffix?: React$1.ReactNode;
+    /** Placeholder hint text */
+    placeholder?: string;
+    /** Accessible label */
+    "aria-label"?: string;
+}
+/**
+ * Precision numeric input control with accessible stepper buttons, min/max guards,
+ * and keyboard arrow navigation.
+ *
+ * @example
+ * ```tsx
+ * <InputNumber min={1} max={100} step={5} defaultValue={20} suffix="ms" />
+ * ```
+ */
+declare const InputNumber: React$1.ForwardRefExoticComponent<InputNumberProps & React$1.RefAttributes<HTMLDivElement>>;
+
+interface PasswordInputProps extends Omit<InputProps, "type"> {
+    /**
+     * Whether to display the interactive show/hide password toggle button.
+     * @default true
+     */
+    showToggle?: boolean;
+}
+/**
+ * Enterprise password input control with accessible show/hide toggle.
+ * Built with design system tokens and Radix focus management.
+ *
+ * @example
+ * ```tsx
+ * <PasswordInput placeholder="Enter your credentials" required />
+ * ```
+ */
+declare const PasswordInput: React$1.ForwardRefExoticComponent<PasswordInputProps & React$1.RefAttributes<HTMLInputElement>>;
+
+interface SearchInputProps extends InputProps {
+    /**
+     * Callback fired when the clear search button is clicked.
+     */
+    onClear?: () => void;
+    /**
+     * Whether to display an inline loading spinner indicating background filtering.
+     * @default false
+     */
+    loading?: boolean;
+}
+/**
+ * Standardized search input control with integrated search icon, clear button,
+ * and loading indicator.
+ *
+ * @example
+ * ```tsx
+ * <SearchInput
+ *   value={search}
+ *   onChange={(e) => setSearch(e.target.value)}
+ *   onClear={() => setSearch("")}
+ *   placeholder="Search applications..."
+ * />
+ * ```
+ */
+declare const SearchInput: React$1.ForwardRefExoticComponent<SearchInputProps & React$1.RefAttributes<HTMLInputElement>>;
+
+interface KbdProps extends React$1.HTMLAttributes<HTMLElement> {
+    /** Visual presentation variant */
+    variant?: "default" | "outline" | "ghost";
+    /** Size variant */
+    size?: "sm" | "md" | "lg";
+}
+/**
+ * Semantic keycap element used to display keyboard shortcuts and hotkeys.
+ *
+ * @example
+ * ```tsx
+ * <Kbd>⌘</Kbd>
+ * <Kbd>K</Kbd>
+ * ```
+ */
+declare const Kbd: React$1.ForwardRefExoticComponent<KbdProps & React$1.RefAttributes<HTMLElement>>;
+interface KbdGroupProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** Optional delimiter between keys, e.g. "+" or empty */
+    separator?: React$1.ReactNode;
+}
+/**
+ * Container grouping multiple keycaps into a hotkey combination sequence.
+ *
+ * @example
+ * ```tsx
+ * <KbdGroup>
+ *   <Kbd>⌘</Kbd>
+ *   <Kbd>⇧</Kbd>
+ *   <Kbd>P</Kbd>
+ * </KbdGroup>
+ * ```
+ */
+declare const KbdGroup: React$1.ForwardRefExoticComponent<KbdGroupProps & React$1.RefAttributes<HTMLDivElement>>;
+
 declare const labelVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
 interface LabelProps extends React$1.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>, VariantProps<typeof labelVariants> {
     /**
@@ -1325,15 +1715,14 @@ interface LabelProps extends React$1.ComponentPropsWithoutRef<typeof LabelPrimit
 /**
  * Accessible label component associated with input controls, checkboxes, or form fields.
  * Built upon Radix UI Label primitive with design token typography and disabled styling.
- * Zero Tailwind runtime dependencies.
  *
  * @example
  * ```tsx
  * // Associated with an Input via htmlFor
- * <div className="grid gap-1.5">
+ * <Stack gap="2">
  *   <Label htmlFor="email">Email address</Label>
  *   <Input id="email" type="email" placeholder="name@company.com" />
- * </div>
+ * </Stack>
  * ```
  */
 declare const Label: React$1.ForwardRefExoticComponent<LabelProps & React$1.RefAttributes<HTMLLabelElement>>;
@@ -1422,6 +1811,7 @@ type MenubarContentProps = React$1.ComponentPropsWithoutRef<typeof MenubarPrimit
  * Floating panel displaying items under a top-level `MenubarTrigger`.
  */
 declare const MenubarContent: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
 type MenubarItemProps = React$1.ComponentPropsWithoutRef<typeof MenubarPrimitive.Item> & {
     inset?: boolean;
 };
@@ -1464,6 +1854,65 @@ declare const MenubarShortcut: {
     displayName: string;
 };
 
+/**
+ * Option item structure for `MultiSelect`.
+ */
+interface MultiSelectOption {
+    /** The human-readable text label */
+    label: string;
+    /** The unique value identifier */
+    value: string;
+    /** Whether this individual option is disabled */
+    disabled?: boolean;
+    /** Optional icon or avatar element */
+    icon?: React$1.ReactNode;
+}
+/**
+ * Props for `MultiSelect`.
+ */
+interface MultiSelectProps {
+    /** List of selectable options */
+    options: MultiSelectOption[];
+    /** Currently selected array of values (controlled) */
+    value?: string[];
+    /** Initial selected array of values (uncontrolled) */
+    defaultValue?: string[];
+    /** Callback fired when selection changes */
+    onChange?: (values: string[]) => void;
+    /** Placeholder text when nothing is selected */
+    placeholder?: string;
+    /** Search input placeholder text */
+    searchPlaceholder?: string;
+    /** Maximum number of tag chips to display before collapsing into +N more */
+    maxCount?: number;
+    /** Whether to show the Select All / Clear All action bar */
+    showActions?: boolean;
+    /** Whether the dropdown control is non-interactive */
+    disabled?: boolean;
+    /** Additional CSS class names */
+    className?: string;
+    /** Unique HTML id attribute */
+    id?: string;
+}
+
+/**
+ * MultiSelect component allowing users to filter, select, and manage multiple options
+ * displayed as dismissible tags in the trigger.
+ *
+ * @example
+ * ```tsx
+ * <MultiSelect
+ *   options={[
+ *     { label: "Engineering", value: "eng" },
+ *     { label: "Design", value: "design" },
+ *   ]}
+ *   value={selectedDepts}
+ *   onChange={setSelectedDepts}
+ * />
+ * ```
+ */
+declare function MultiSelect({ options, value: propValue, defaultValue, onChange, placeholder, searchPlaceholder, maxCount, showActions, disabled, className, id, }: MultiSelectProps): react_jsx_runtime.JSX.Element;
+
 type NavigationMenuProps = React$1.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root>;
 /**
  * Responsive navigation menu with animated indicator and dropdown content panels.
@@ -1475,7 +1924,7 @@ type NavigationMenuProps = React$1.ComponentPropsWithoutRef<typeof NavigationMen
  *     <NavigationMenuItem>
  *       <NavigationMenuTrigger>Getting Started</NavigationMenuTrigger>
  *       <NavigationMenuContent>
- *         <ul className="grid gap-3 p-6 md:w-[400px]">
+ *         <ul>
  *           <li><a href="/intro">Introduction</a></li>
  *           <li><a href="/install">Installation</a></li>
  *         </ul>
@@ -1628,11 +2077,11 @@ declare const Panel: React$1.ForwardRefExoticComponent<PanelProps & React$1.RefA
  *   <PopoverTrigger asChild>
  *     <Button variant="outline">Open Filters</Button>
  *   </PopoverTrigger>
- *   <PopoverContent align="start" className="w-80">
- *     <div className="grid gap-2">
- *       <h4 className="font-semibold text-sm">Filter Results</h4>
- *       <p className="text-xs text-muted-foreground">Adjust display criteria.</p>
- *     </div>
+ *   <PopoverContent align="start">
+ *     <Stack gap="2">
+ *       <h4>Filter Results</h4>
+ *       <p>Adjust display criteria.</p>
+ *     </Stack>
  *   </PopoverContent>
  * </Popover>
  * ```
@@ -1667,14 +2116,14 @@ type RadioGroupProps = React$1.ComponentPropsWithoutRef<typeof RadioGroupPrimiti
  * @example
  * ```tsx
  * <RadioGroup defaultValue="monthly" onValueChange={setBillingCycle}>
- *   <div className="flex items-center gap-2">
+ *   <Flex align="center" gap="2">
  *     <RadioGroupItem value="monthly" id="r1" />
  *     <Label htmlFor="r1">Monthly Billing</Label>
- *   </div>
- *   <div className="flex items-center gap-2">
+ *   </Flex>
+ *   <Flex align="center" gap="2">
  *     <RadioGroupItem value="annual" id="r2" />
  *     <Label htmlFor="r2">Annual Billing (Save 20%)</Label>
- *   </div>
+ *   </Flex>
  * </RadioGroup>
  * ```
  */
@@ -1691,7 +2140,7 @@ type ResizablePanelGroupProps = React$1.ComponentProps<typeof Group>;
  *
  * @example
  * ```tsx
- * <ResizablePanelGroup direction="horizontal">
+ * <ResizablePanelGroup orientation="horizontal">
  *   <ResizablePanel defaultSize={50}>Left Content</ResizablePanel>
  *   <ResizableHandle withHandle />
  *   <ResizablePanel defaultSize={50}>Right Content</ResizablePanel>
@@ -1719,12 +2168,12 @@ type ScrollAreaProps = React$1.ComponentPropsWithoutRef<typeof ScrollAreaPrimiti
  *
  * @example
  * ```tsx
- * <ScrollArea className="h-72 w-48 rounded-md border">
- *   <div className="p-4">
+ * <ScrollArea>
+ *   <Box p="4">
  *     {items.map((item) => (
  *       <div key={item.id}>{item.name}</div>
  *     ))}
- *   </div>
+ *   </Box>
  * </ScrollArea>
  * ```
  */
@@ -1773,6 +2222,7 @@ interface SearchableSelectProps {
     /** Unique HTML id attribute */
     id?: string;
 }
+
 /**
  * Searchable select component with live filtering, keyboard navigation, option grouping,
  * and optional creation of new entries.
@@ -1843,14 +2293,14 @@ type SeparatorProps = React$1.ComponentPropsWithoutRef<typeof SeparatorPrimitive
  * @example
  * ```tsx
  * <div>
- *   <h4>Radix Primitives</h4>
- *   <p>An open-source UI component library.</p>
- *   <Separator className="my-4" />
- *   <div className="flex h-5 items-center space-x-4">
+ *   <h4>Primitives</h4>
+ *   <p>An enterprise UI component library.</p>
+ *   <Separator />
+ *   <Flex align="center" gap="4">
  *     <div>Blog</div>
  *     <Separator orientation="vertical" />
  *     <div>Docs</div>
- *   </div>
+ *   </Flex>
  * </div>
  * ```
  */
@@ -1871,7 +2321,7 @@ declare const Separator: React$1.ForwardRefExoticComponent<Omit<SeparatorPrimiti
  *       <SheetTitle>Navigation Menu</SheetTitle>
  *       <SheetDescription>Explore workspace features.</SheetDescription>
  *     </SheetHeader>
- *     <div className="py-4">Sheet navigation links...</div>
+ *     <Box py="4">Sheet navigation links...</Box>
  *   </SheetContent>
  * </Sheet>
  * ```
@@ -1890,7 +2340,7 @@ declare const SheetOverlay: React$1.ForwardRefExoticComponent<Omit<DialogPrimiti
  * Sheet layout variants for top, bottom, left, and right side drawers.
  */
 declare const sheetVariants: (props?: ({
-    side?: "left" | "right" | "top" | "bottom" | null | undefined;
+    side?: "left" | "right" | "bottom" | "top" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface SheetContentProps extends React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof sheetVariants> {
 }
@@ -1911,37 +2361,15 @@ declare const SheetTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive
 /** Accessible explanatory text for the sheet panel. */
 declare const SheetDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
 
-/** Global provider setting delay duration and hover behavior for all child Tooltips. */
-declare const TooltipProvider: React$1.FC<TooltipPrimitive.TooltipProviderProps>;
-/**
- * Root container for accessible hover/focus contextual tooltips.
- * Built upon Radix UI Tooltip.
- *
- * @example
- * ```tsx
- * <TooltipProvider>
- *   <Tooltip>
- *     <TooltipTrigger asChild>
- *       <Button variant="ghost" size="icon">
- *         <Info />
- *       </Button>
- *     </TooltipTrigger>
- *     <TooltipContent side="top">
- *       <p>Display telemetry details</p>
- *     </TooltipContent>
- *   </Tooltip>
- * </TooltipProvider>
- * ```
- */
-declare const Tooltip: React$1.FC<TooltipPrimitive.TooltipProps>;
-/** Trigger element that displays the tooltip on hover or keyboard focus. */
-declare const TooltipTrigger: React$1.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
-type TooltipContentProps = React$1.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>;
+declare const SIDEBAR_COOKIE_NAME = "sidebar_state";
+declare const SIDEBAR_COOKIE_MAX_AGE: number;
+declare const SIDEBAR_WIDTH = "16rem";
+declare const SIDEBAR_WIDTH_MOBILE = "18rem";
+declare const SIDEBAR_WIDTH_ICON = "3rem";
+declare const SIDEBAR_KEYBOARD_SHORTCUT = "b";
 /**
- * Floating tooltip content element styled with scoped `dl-tooltip` CSS tokens.
+ * Shape of the context provided by `SidebarProvider`.
  */
-declare const TooltipContent: React$1.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-
 type SidebarContextProps = {
     state: "expanded" | "collapsed";
     open: boolean;
@@ -1951,10 +2379,16 @@ type SidebarContextProps = {
     isMobile: boolean;
     toggleSidebar: () => void;
 };
+declare const SidebarContext: React$1.Context<SidebarContextProps | null>;
 /**
  * Hook to access the parent Sidebar context state and controls.
+ *
+ * @throws Error if used outside of `SidebarProvider`.
  */
 declare function useSidebar(): SidebarContextProps;
+/**
+ * Props for `SidebarProvider`.
+ */
 type SidebarProviderProps = React$1.ComponentProps<"div"> & {
     /** Initial open state in uncontrolled mode (default: true) */
     defaultOpen?: boolean;
@@ -1969,81 +2403,51 @@ type SidebarProviderProps = React$1.ComponentProps<"div"> & {
  * @example
  * ```tsx
  * <SidebarProvider>
- *   <Sidebar>
- *     <SidebarHeader>My App</SidebarHeader>
- *     <SidebarContent>
- *       <SidebarMenu>
- *         <SidebarMenuItem>
- *           <SidebarMenuButton>Dashboard</SidebarMenuButton>
- *         </SidebarMenuItem>
- *       </SidebarMenu>
- *     </SidebarContent>
- *   </Sidebar>
- *   <SidebarInset>
- *     <header><SidebarTrigger /></header>
- *     <main>Main Page Content</main>
- *   </SidebarInset>
+ *   <Sidebar>...</Sidebar>
+ *   <SidebarInset>...</SidebarInset>
  * </SidebarProvider>
  * ```
  */
 declare const SidebarProvider: React$1.ForwardRefExoticComponent<Omit<SidebarProviderProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
+/** Props for `Sidebar`. */
 type SidebarProps = React$1.ComponentProps<"div"> & {
-    /** Side where the sidebar is positioned (default: "left") */
     side?: "left" | "right";
-    /** Sidebar variant style (default: "sidebar") */
     variant?: "sidebar" | "floating" | "inset";
-    /** Collapse behavior when toggled (default: "offcanvas") */
     collapsible?: "offcanvas" | "icon" | "none";
 };
 /**
  * Main collapsible navigation sidebar supporting floating, inset, desktop, and mobile sheet views.
  */
 declare const Sidebar: React$1.ForwardRefExoticComponent<Omit<SidebarProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-type SidebarTriggerProps = React$1.ComponentProps<typeof Button>;
-/**
- * Button trigger toggling sidebar collapsed/expanded state.
- */
-declare const SidebarTrigger: React$1.ForwardRefExoticComponent<Omit<ButtonProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+/** Props for `SidebarRail`. */
 type SidebarRailProps = React$1.ComponentProps<"button">;
-/**
- * Hoverable/draggable rail divider on the edge of the sidebar for quick toggling.
- */
+/** Hoverable/draggable rail divider on the edge of the sidebar for quick toggling. */
 declare const SidebarRail: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+/** Props for `SidebarInset`. */
 type SidebarInsetProps = React$1.ComponentProps<"main">;
-/**
- * Main application container when paired with an inset or standard sidebar.
- */
+/** Main application container when paired with an inset or standard sidebar. */
 declare const SidebarInset: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-type SidebarInputProps = React$1.ComponentProps<typeof Input>;
-/**
- * Styled text input tailored for use inside a sidebar header or filter bar.
- */
-declare const SidebarInput: React$1.ForwardRefExoticComponent<Omit<InputProps & React$1.RefAttributes<HTMLInputElement>, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
+/** Props for `SidebarHeader`. */
 type SidebarHeaderProps = React$1.ComponentProps<"div">;
-/**
- * Header section at the top of a sidebar.
- */
+/** Header section at the top of a sidebar. */
 declare const SidebarHeader: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+/** Props for `SidebarFooter`. */
 type SidebarFooterProps = React$1.ComponentProps<"div">;
-/**
- * Footer section pinned to the bottom of a sidebar.
- */
+/** Footer section pinned to the bottom of a sidebar. */
 declare const SidebarFooter: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-type SidebarSeparatorProps = React$1.ComponentProps<typeof Separator>;
-/**
- * Divider separating sidebar sections.
- */
-declare const SidebarSeparator: React$1.ForwardRefExoticComponent<Omit<Omit<SeparatorPrimitive.SeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+/** Props for `SidebarContent`. */
 type SidebarContentProps = React$1.ComponentProps<"div">;
-/**
- * Scrollable middle container holding sidebar navigation groups.
- */
+/** Scrollable middle container holding sidebar navigation groups. */
 declare const SidebarContent: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
+/** Props for `SidebarGroup`. */
 type SidebarGroupProps = React$1.ComponentProps<"div">;
 /**
  * Section grouping related sidebar menu items.
  */
 declare const SidebarGroup: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+/** Props for `SidebarGroupLabel`. */
 type SidebarGroupLabelProps = React$1.ComponentProps<"div"> & {
     asChild?: boolean;
 };
@@ -2051,6 +2455,7 @@ type SidebarGroupLabelProps = React$1.ComponentProps<"div"> & {
  * Text heading or label for a `SidebarGroup`.
  */
 declare const SidebarGroupLabel: React$1.ForwardRefExoticComponent<Omit<SidebarGroupLabelProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+/** Props for `SidebarGroupAction`. */
 type SidebarGroupActionProps = React$1.ComponentProps<"button"> & {
     asChild?: boolean;
 };
@@ -2058,73 +2463,118 @@ type SidebarGroupActionProps = React$1.ComponentProps<"button"> & {
  * Secondary action button placed beside a `SidebarGroupLabel` (e.g. "+" to add items).
  */
 declare const SidebarGroupAction: React$1.ForwardRefExoticComponent<Omit<SidebarGroupActionProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+/** Props for `SidebarGroupContent`. */
 type SidebarGroupContentProps = React$1.ComponentProps<"div">;
 /**
  * Content container rendered inside a `SidebarGroup`.
  */
 declare const SidebarGroupContent: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-type SidebarMenuProps = React$1.ComponentProps<"ul">;
+
+/** Global provider setting delay duration and hover behavior for all child Tooltips. */
+declare const TooltipProvider: React$1.FC<TooltipPrimitive.TooltipProviderProps>;
 /**
- * Vertical list (`<ul>`) holding sidebar menu items.
+ * Root container for accessible hover/focus contextual tooltips.
+ * Built upon Radix UI Tooltip.
+ *
+ * @example
+ * ```tsx
+ * <TooltipProvider>
+ *   <Tooltip>
+ *     <TooltipTrigger asChild>
+ *       <Button variant="ghost" size="icon">
+ *         <Info />
+ *       </Button>
+ *     </TooltipTrigger>
+ *     <TooltipContent side="top">
+ *       <p>Display telemetry details</p>
+ *     </TooltipContent>
+ *   </Tooltip>
+ * </TooltipProvider>
+ * ```
  */
-declare const SidebarMenu: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React$1.RefAttributes<HTMLUListElement>>;
-type SidebarMenuItemProps = React$1.ComponentProps<"li">;
+declare const Tooltip: React$1.FC<TooltipPrimitive.TooltipProps>;
+/** Trigger element that displays the tooltip on hover or keyboard focus. */
+declare const TooltipTrigger: React$1.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+type TooltipContentProps = React$1.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>;
 /**
- * List item (`<li>`) wrapper for a sidebar navigation button or link.
+ * Floating tooltip content element styled with scoped `dl-tooltip` CSS tokens.
  */
-declare const SidebarMenuItem: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React$1.RefAttributes<HTMLLIElement>>;
+declare const TooltipContent: React$1.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
+/** Menu button variant styles. */
 declare const sidebarMenuButtonVariants: (props?: ({
     variant?: "default" | "outline" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
+/** Props for `SidebarMenu`. */
+type SidebarMenuProps = React$1.ComponentProps<"ul">;
+/** Vertical list (`<ul>`) holding sidebar menu items. */
+declare const SidebarMenu: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React$1.RefAttributes<HTMLUListElement>>;
+/** Props for `SidebarMenuItem`. */
+type SidebarMenuItemProps = React$1.ComponentProps<"li">;
+/** List item (`<li>`) wrapper for a sidebar navigation button or link. */
+declare const SidebarMenuItem: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React$1.RefAttributes<HTMLLIElement>>;
+/** Props for `SidebarMenuButton`. */
 type SidebarMenuButtonProps = React$1.ComponentProps<"button"> & {
     asChild?: boolean;
     isActive?: boolean;
     tooltip?: string | React$1.ComponentProps<typeof TooltipContent>;
 } & VariantProps<typeof sidebarMenuButtonVariants>;
-/**
- * Interactive navigation button inside a sidebar menu item, with automatic tooltip in collapsed icon mode.
- */
+/** Interactive navigation button inside a sidebar menu item, with automatic tooltip in collapsed icon mode. */
 declare const SidebarMenuButton: React$1.ForwardRefExoticComponent<Omit<SidebarMenuButtonProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+/** Props for `SidebarMenuAction`. */
 type SidebarMenuActionProps = React$1.ComponentProps<"button"> & {
     asChild?: boolean;
     showOnHover?: boolean;
 };
-/**
- * Secondary action button placed beside a sidebar menu button (e.g. "..." more options menu).
- */
+/** Secondary action button placed beside a sidebar menu button. */
 declare const SidebarMenuAction: React$1.ForwardRefExoticComponent<Omit<SidebarMenuActionProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+/** Props for `SidebarMenuBadge`. */
 type SidebarMenuBadgeProps = React$1.ComponentProps<"div">;
-/**
- * Numeric or label badge placed on the right side of a sidebar menu button.
- */
+/** Numeric or label badge placed on the right side of a sidebar menu button. */
 declare const SidebarMenuBadge: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
+/** Props for `SidebarMenuSkeleton`. */
 type SidebarMenuSkeletonProps = React$1.ComponentProps<"div"> & {
     showIcon?: boolean;
 };
-/**
- * Loading skeleton placeholder simulating a sidebar menu item.
- */
+/** Loading skeleton placeholder simulating a sidebar menu item. */
 declare const SidebarMenuSkeleton: React$1.ForwardRefExoticComponent<Omit<SidebarMenuSkeletonProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+/** Props for `SidebarMenuSub`. */
 type SidebarMenuSubProps = React$1.ComponentProps<"ul">;
-/**
- * Nested sub-list container for hierarchical sidebar navigation.
- */
+/** Nested sub-list container for hierarchical sidebar navigation. */
 declare const SidebarMenuSub: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React$1.RefAttributes<HTMLUListElement>>;
+/** Props for `SidebarMenuSubItem`. */
 type SidebarMenuSubItemProps = React$1.ComponentProps<"li">;
-/**
- * Nested item wrapper inside a `SidebarMenuSub`.
- */
+/** Nested item wrapper inside a `SidebarMenuSub`. */
 declare const SidebarMenuSubItem: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React$1.RefAttributes<HTMLLIElement>>;
+/** Props for `SidebarMenuSubButton`. */
 type SidebarMenuSubButtonProps = React$1.ComponentProps<"a"> & {
     asChild?: boolean;
     size?: "sm" | "md";
     isActive?: boolean;
 };
+/** Navigation button/link inside a nested `SidebarMenuSub` tree. */
+declare const SidebarMenuSubButton: React$1.ForwardRefExoticComponent<Omit<SidebarMenuSubButtonProps, "ref"> & React$1.RefAttributes<HTMLAnchorElement>>;
+
+/** Props for `SidebarTrigger`. */
+type SidebarTriggerProps = React$1.ComponentProps<typeof Button>;
 /**
- * Navigation button/link inside a nested `SidebarMenuSub` tree.
+ * Button trigger toggling sidebar collapsed/expanded state.
  */
-declare const SidebarMenuSubButton: React$1.ForwardRefExoticComponent<Omit<SidebarMenuSubButtonProps, "ref"> & React$1.RefAttributes<HTMLAnchorElement>>;
+declare const SidebarTrigger: React$1.ForwardRefExoticComponent<Omit<ButtonProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+/** Props for `SidebarSeparator`. */
+type SidebarSeparatorProps = React$1.ComponentProps<typeof Separator>;
+/**
+ * Divider separating sidebar sections.
+ */
+declare const SidebarSeparator: React$1.ForwardRefExoticComponent<Omit<Omit<SeparatorPrimitive.SeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+/** Props for `SidebarInput`. */
+type SidebarInputProps = React$1.ComponentProps<typeof Input>;
+/**
+ * Styled text input tailored for use inside a sidebar header or filter bar.
+ */
+declare const SidebarInput: React$1.ForwardRefExoticComponent<Omit<InputProps & React$1.RefAttributes<HTMLInputElement>, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
 
 type SkeletonProps = React$1.HTMLAttributes<HTMLDivElement>;
 /**
@@ -2132,13 +2582,13 @@ type SkeletonProps = React$1.HTMLAttributes<HTMLDivElement>;
  *
  * @example
  * ```tsx
- * <div className="flex items-center space-x-4">
- *   <Skeleton className="h-12 w-12 rounded-full" />
- *   <div className="space-y-2">
- *     <Skeleton className="h-4 w-[250px]" />
- *     <Skeleton className="h-4 w-[200px]" />
- *   </div>
- * </div>
+ * <Flex align="center" gap="4">
+ *   <Skeleton variant="circle" />
+ *   <Stack gap="2">
+ *     <Skeleton />
+ *     <Skeleton />
+ *   </Stack>
+ * </Flex>
  * ```
  */
 declare function Skeleton({ className, ...props }: SkeletonProps): react_jsx_runtime.JSX.Element;
@@ -2147,7 +2597,6 @@ type SliderProps = React$1.ComponentPropsWithoutRef<typeof SliderPrimitive.Root>
 /**
  * Interactive slider component for selecting single numeric values or continuous ranges.
  * Built upon Radix UI Slider with scoped CSS track and thumb styling.
- * Zero Tailwind runtime dependencies.
  *
  * @example
  * ```tsx
@@ -2188,7 +2637,7 @@ type ToastTheme = ThemeMode;
  * toast.error("Failed to execute agent workflow.");
  * ```
  */
-declare const Toaster: ({ theme: propTheme, ...props }: ToasterProps) => react_jsx_runtime.JSX.Element;
+declare const Toaster: ({ theme: propTheme, position, ...props }: ToasterProps) => react_jsx_runtime.JSX.Element;
 
 interface StatusBadgeProps extends React$1.HTMLAttributes<HTMLSpanElement> {
     /** The status string to display (e.g. "Active", "Operational", "Failed") */
@@ -2227,7 +2676,6 @@ type SwitchProps = React$1.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root
 /**
  * Interactive toggle control that allows users to switch between on and off states.
  * Powered by Radix UI Switch primitive with scoped CSS transitions and token styling.
- * Zero Tailwind runtime dependencies.
  *
  * @example
  * ```tsx
@@ -2341,7 +2789,6 @@ type TextareaProps = React$1.TextareaHTMLAttributes<HTMLTextAreaElement>;
 /**
  * Multi-line text field styled with design system tokens and scoped CSS.
  * Provides accessible focus states, vertical resizing, and clean error integration.
- * Zero Tailwind runtime dependencies.
  *
  * @example
  * ```tsx
@@ -2370,7 +2817,7 @@ type ToggleProps = React$1.ComponentPropsWithoutRef<typeof TogglePrimitive.Root>
  * @example
  * ```tsx
  * <Toggle aria-label="Toggle italic">
- *   <Italic className="size-4" />
+ *   <Italic />
  * </Toggle>
  * ```
  */
@@ -2387,10 +2834,10 @@ type ToggleGroupProps = React$1.ComponentPropsWithoutRef<typeof ToggleGroupPrimi
  * ```tsx
  * <ToggleGroup type="multiple">
  *   <ToggleGroupItem value="bold" aria-label="Toggle bold">
- *     <Bold className="size-4" />
+ *     <Bold />
  *   </ToggleGroupItem>
  *   <ToggleGroupItem value="italic" aria-label="Toggle italic">
- *     <Italic className="size-4" />
+ *     <Italic />
  *   </ToggleGroupItem>
  * </ToggleGroup>
  * ```
@@ -2405,81 +2852,1128 @@ declare const ToggleGroupItem: React$1.ForwardRefExoticComponent<Omit<ToggleGrou
     size?: "default" | "sm" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLButtonElement>>;
 
-interface MetricCardProps extends React$1.HTMLAttributes<HTMLDivElement> {
-    /** Label describing the metric */
-    readonly label: string;
-    /** Primary numeric or textual value */
-    readonly value: React$1.ReactNode;
-    /** Contextual note, subtitle, or percentage delta */
-    readonly note?: string;
-    /** Indicates positive trend (green highlight) */
-    readonly positive?: boolean;
-    /** Optional icon displayed next to the label */
-    readonly icon?: React$1.ReactNode;
+type ToolCallStatusType = "running" | "success" | "error";
+interface ToolCallProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** Name of the executed tool, e.g. "search_database" or "execute_bash" */
+    name: string;
+    /** Status of the tool execution */
+    status?: ToolCallStatusType;
+    /** Optional icon override */
+    icon?: React$1.ReactNode;
+    /** Optional arguments object or record */
+    args?: Record<string, unknown> | string;
+    /** Optional output result */
+    result?: string;
+    /** Controlled open state of result preview */
+    open?: boolean;
+    /** Default open state in uncontrolled mode */
+    defaultOpen?: boolean;
+    /** Callback fired when collapsible state toggles */
+    onOpenChange?: (open: boolean) => void;
+}
+interface ToolCallHeaderProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
+    name: string;
+    status?: ToolCallStatusType;
+    icon?: React$1.ReactNode;
+}
+interface ToolCallArgsProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    args: Record<string, unknown> | string;
+}
+interface ToolCallResultProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    result: string;
+    language?: string;
 }
+
+declare const ToolCallHeader: React$1.ForwardRefExoticComponent<ToolCallHeaderProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const ToolCallArgs: React$1.ForwardRefExoticComponent<ToolCallArgsProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const ToolCallResult: React$1.ForwardRefExoticComponent<ToolCallResultProps & React$1.RefAttributes<HTMLDivElement>>;
 /**
- * MetricCard component displaying key statistical benchmarks with labels, values, and trends.
+ * Visualizer card for agent tool executions, displaying tool name, parameter pills,
+ * live execution status badge, and expandable return payloads.
  *
  * @example
  * ```tsx
- * <MetricCard
- *   label="Active services"
- *   value={5}
- *   note="100% operational"
- *   positive={true}
+ * <ToolCall
+ *   name="query_database"
+ *   status="success"
+ *   args={{ table: "users", limit: 5 }}
+ *   result='[{"id": 1, "name": "Alice"}]'
  * />
  * ```
  */
-declare const MetricCard: React$1.ForwardRefExoticComponent<MetricCardProps & React$1.RefAttributes<HTMLDivElement>>;
-interface MetricsGridProps extends React$1.HTMLAttributes<HTMLDivElement> {
-    /** Grid items */
-    readonly children: React$1.ReactNode;
+declare function ToolCall({ name, status, icon, args, result, open: propOpen, defaultOpen, onOpenChange, className, children, ...props }: ToolCallProps): react_jsx_runtime.JSX.Element;
+
+type TraceStatus = "default" | "running" | "success" | "error";
+interface TraceProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** Visual presentation mode */
+    variant?: "default" | "card";
+}
+interface TraceLineProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** Execution status governing the icon and line tint */
+    status?: TraceStatus;
+}
+interface TraceIconProps extends React$1.HTMLAttributes<HTMLSpanElement> {
+    /** Execution status */
+    status?: TraceStatus;
+}
+interface TraceTitleProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** Additional custom class names */
+    className?: string;
+}
+interface TraceContentProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** Additional custom class names */
+    className?: string;
+}
+interface TraceCollapsibleProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** Controlled open state */
+    open?: boolean;
+    /** Initial open state in uncontrolled mode. Defaults to false */
+    defaultOpen?: boolean;
+    /** Callback fired when collapsible toggle is clicked */
+    onOpenChange?: (open: boolean) => void;
+}
+
+declare const Trace: React$1.ForwardRefExoticComponent<TraceProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const TraceLine: React$1.ForwardRefExoticComponent<TraceLineProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const TraceIcon: React$1.ForwardRefExoticComponent<TraceIconProps & React$1.RefAttributes<HTMLSpanElement>>;
+declare const TraceTitle: React$1.ForwardRefExoticComponent<TraceTitleProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const TraceContent: React$1.ForwardRefExoticComponent<TraceContentProps & React$1.RefAttributes<HTMLDivElement>>;
+declare function TraceCollapsible({ open: propOpen, defaultOpen, onOpenChange, className, children, ...props }: TraceCollapsibleProps): react_jsx_runtime.JSX.Element;
+declare function TraceCollapsibleTrigger({ className, children, ...props }: React$1.ButtonHTMLAttributes<HTMLButtonElement>): react_jsx_runtime.JSX.Element;
+declare function TraceCollapsibleContent({ className, children, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element | null;
+
+interface PromptInputAttachmentItem {
+    id: string;
+    name: string;
+    size?: number | string;
+    type?: string;
+}
+interface PromptInputProps extends Omit<React$1.HTMLAttributes<HTMLFormElement>, "onSubmit"> {
+    /** Current text value in controlled mode */
+    value?: string;
+    /** Initial text value in uncontrolled mode */
+    defaultValue?: string;
+    /** Callback fired when textarea value changes */
+    onValueChange?: (value: string) => void;
+    /** Callback fired on submission (Enter without Shift or Send button click) */
+    onSubmit?: (value: string, attachments: PromptInputAttachmentItem[]) => void;
+    /** Callback fired when the Stop generation button is pressed */
+    onStop?: () => void;
+    /** Placeholder hint in the textarea */
+    placeholder?: string;
+    /** Whether the model is currently generating output */
+    isGenerating?: boolean;
+    /** Whether the prompt input is disabled */
+    disabled?: boolean;
+    /** Initial or controlled attachments array */
+    attachments?: PromptInputAttachmentItem[];
+    /** Callback fired when attachments are added or removed */
+    onAttachmentsChange?: (attachments: PromptInputAttachmentItem[]) => void;
+    /** Maximum number of attachments permitted */
+    maxAttachments?: number;
+    /** Optional slot for ModelSelector or custom model badge */
+    modelSelector?: React$1.ReactNode;
 }
+
 /**
- * Container component arranging MetricCards in a cohesive responsive grid layout.
+ * Enterprise message composition field for conversational AI and agent commands.
+ * Features auto-resize textarea, file attachments, model selector slot, and Enter submission.
+ *
+ * @example
+ * ```tsx
+ * <PromptInput
+ *   onSubmit={(val, files) => handleSendMessage(val, files)}
+ *   placeholder="Ask the agent to refactor code..."
+ * />
+ * ```
  */
-declare const MetricsGrid: React$1.ForwardRefExoticComponent<MetricsGridProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const PromptInput: React$1.ForwardRefExoticComponent<PromptInputProps & React$1.RefAttributes<HTMLFormElement>>;
 
-interface CopyButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
-    /** Text content to write to user clipboard */
-    readonly textToCopy: string;
-    /** Label when in default idle state */
-    readonly label?: string;
-    /** Label shown upon successful copy */
-    readonly copiedLabel?: string;
-    /** Duration in milliseconds to maintain copied feedback (default 2000) */
-    readonly resetTimeoutMs?: number;
+type MessageRole = "user" | "assistant" | "system";
+interface MessageProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** Speaker role */
+    role?: MessageRole;
+}
+interface MessageAvatarProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    role?: MessageRole;
+    src?: string;
+    fallback?: React$1.ReactNode;
 }
+type MessageContentProps = React$1.HTMLAttributes<HTMLDivElement>;
+interface MessageActionsProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** Text content for copy action */
+    copyText?: string;
+    /** Callback fired on copy */
+    onCopy?: () => void;
+    /** Callback fired on retry */
+    onRetry?: () => void;
+    /** Callback fired on thumbs up */
+    onThumbsUp?: () => void;
+    /** Callback fired on thumbs down */
+    onThumbsDown?: () => void;
+}
+
+declare const MessageAvatar: React$1.ForwardRefExoticComponent<MessageAvatarProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const MessageContent: React$1.ForwardRefExoticComponent<MessageContentProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const MessageActions: React$1.ForwardRefExoticComponent<MessageActionsProps & React$1.RefAttributes<HTMLDivElement>>;
 /**
- * CopyButton component provides one-click clipboard copying with animated feedback.
+ * Conversational turn wrapper representing user or AI agent responses with
+ * avatars, rich content blocks, and action toolbars.
  *
  * @example
  * ```tsx
- * <CopyButton textToCopy="dl_live_9a8f...bc01" label="Copy Key" />
+ * <Message role="assistant">
+ *   <MessageAvatar />
+ *   <div className="dl-message__body">
+ *     <MessageContent>Here is the updated schema.</MessageContent>
+ *     <MessageActions copyText="Here is the updated schema." />
+ *   </div>
+ * </Message>
  * ```
  */
-declare const CopyButton: React$1.ForwardRefExoticComponent<CopyButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const Message: React$1.ForwardRefExoticComponent<MessageProps & React$1.RefAttributes<HTMLDivElement>>;
 
-interface SecretRevealCardProps extends React$1.HTMLAttributes<HTMLDivElement> {
-    /** The sensitive secret or API key to reveal */
-    readonly secret: string;
-    /** Custom warning message (default informs about one-time reveal) */
-    readonly warningMessage?: string;
-    /** Label for copy button */
-    readonly copyLabel?: string;
+interface SuggestionProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
+    /** Leading icon or visual */
+    icon?: React$1.ReactNode;
+    /** Primary suggestion text */
+    label?: string;
+    /** Optional secondary subtitle or category */
+    description?: string;
 }
+interface SuggestionListProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** Layout direction: wrap or horizontal scroll */
+    layout?: "wrap" | "scroll";
+}
+
 /**
- * SecretRevealCard component securely displays newly provisioned API keys and secrets
- * with copy capabilities and one-time retrieval warnings.
+ * Clickable starter prompt or follow-up question pill.
  *
  * @example
  * ```tsx
- * <SecretRevealCard
- *   secret="dl_live_49f82bc9..."
- *   warningMessage="Copy this key now. It is hashed with SHA-256 and will never be shown again."
+ * <Suggestion label="Explain the error in audit-table.tsx" />
+ * ```
+ */
+declare const Suggestion: React$1.ForwardRefExoticComponent<SuggestionProps & React$1.RefAttributes<HTMLButtonElement>>;
+/**
+ * Row or scrollable list of suggestion pills.
+ */
+declare const SuggestionList: React$1.ForwardRefExoticComponent<SuggestionListProps & React$1.RefAttributes<HTMLDivElement>>;
+
+interface TerminalProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** Command executed, e.g. "pnpm build" or "docker compose up" */
+    command?: string;
+    /** Terminal output string */
+    output?: string;
+    /** Maximum visible height before scrolling. Defaults to "16rem" */
+    maxHeight?: string;
+    /** Whether to show window dot buttons in header */
+    windowControls?: boolean;
+}
+interface TerminalHeaderProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    command?: string;
+    windowControls?: boolean;
+    onCopy?: () => void;
+    output?: string;
+}
+interface TerminalOutputProps extends React$1.HTMLAttributes<HTMLPreElement> {
+    command?: string;
+    maxHeight?: string;
+}
+
+declare const TerminalHeader: React$1.ForwardRefExoticComponent<TerminalHeaderProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const TerminalOutput: React$1.ForwardRefExoticComponent<TerminalOutputProps & React$1.RefAttributes<HTMLPreElement>>;
+/**
+ * Shell command execution terminal container displaying CLI prompts and streaming logs.
+ *
+ * @example
+ * ```tsx
+ * <Terminal command="pnpm build" output="✓ built in 941ms" />
+ * ```
+ */
+declare const Terminal: React$1.ForwardRefExoticComponent<TerminalProps & React$1.RefAttributes<HTMLDivElement>>;
+
+interface AIModel {
+    /** Unique model identifier (e.g., "claude-3-5-sonnet", "gpt-4o") */
+    id: string;
+    /** Human-readable model display name */
+    name: string;
+    /** Model provider name (e.g., "Anthropic", "OpenAI", "Google", "DeepSeek") */
+    provider: string;
+    /** Brief summary of model intelligence or use-case */
+    description?: string;
+    /** Tags describing model capabilities (e.g., "Vision", "Reasoning", "200k") */
+    tags?: string[];
+    /** Optional icon representing provider or model */
+    icon?: React$1.ReactNode;
+    /** Whether the model is disabled or unavailable */
+    disabled?: boolean;
+}
+interface ModelSelectorProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "onChange"> {
+    /** Available models array */
+    models?: AIModel[];
+    /** Selected model ID */
+    value?: string;
+    /** Initial selected model ID when uncontrolled */
+    defaultValue?: string;
+    /** Change callback with selected model ID */
+    onValueChange?: (modelId: string) => void;
+    /** Placeholder when no model is chosen */
+    placeholder?: string;
+    /** Selector size variation */
+    size?: "sm" | "md";
+    /** Whether the selector is disabled */
+    disabled?: boolean;
+}
+
+declare const DEFAULT_AI_MODELS: AIModel[];
+/**
+ * Model picker dropdown for LLMs and agent backends.
+ * Features search filtering, capability tags, provider metadata, and custom trigger slots.
+ *
+ * @example
+ * ```tsx
+ * <ModelSelector
+ *   value={model}
+ *   onValueChange={setModel}
  * />
  * ```
  */
-declare const SecretRevealCard: React$1.ForwardRefExoticComponent<SecretRevealCardProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const ModelSelector: React$1.ForwardRefExoticComponent<ModelSelectorProps & React$1.RefAttributes<HTMLDivElement>>;
+
+type TaskStatus = "pending" | "running" | "completed" | "failed";
+interface PlanTaskItem {
+    id: string;
+    title: string;
+    description?: string;
+    status: TaskStatus;
+    subtasks?: Array<{
+        id: string;
+        title: string;
+        completed: boolean;
+    }>;
+}
+interface PlanProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** Title of the plan, defaults to "Execution Plan" */
+    title?: string;
+    /** Overall plan status */
+    status?: "pending" | "in-progress" | "completed" | "failed";
+    /** Optional current step index or description */
+    currentStep?: number;
+    /** Total step count */
+    totalSteps?: number;
+}
+interface PlanHeaderProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    title?: string;
+    status?: "pending" | "in-progress" | "completed" | "failed";
+    progress?: string;
+}
+interface PlanTaskProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    title: string;
+    description?: string;
+    status?: TaskStatus;
+    defaultExpanded?: boolean;
+}
+
+declare const PlanHeader: React$1.ForwardRefExoticComponent<PlanHeaderProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const PlanTask: React$1.ForwardRefExoticComponent<PlanTaskProps & React$1.RefAttributes<HTMLDivElement>>;
+/**
+ * Agent task execution plan checklist container.
+ * Displays overall plan status, progress counts, and granular step tasks.
+ *
+ * @example
+ * ```tsx
+ * <Plan title="Refactoring Architecture" status="in-progress">
+ *   <PlanHeader progress="2 of 4 steps" status="in-progress" />
+ *   <div className="dl-plan__tasks">
+ *     <PlanTask title="Read schema" status="completed" />
+ *     <PlanTask title="Migrate columns" status="running" />
+ *   </div>
+ * </Plan>
+ * ```
+ */
+declare const Plan: React$1.ForwardRefExoticComponent<PlanProps & React$1.RefAttributes<HTMLDivElement>>;
+
+interface SourceItem {
+    id: string;
+    index: number;
+    title: string;
+    url: string;
+    domain?: string;
+    snippet?: string;
+    favicon?: string;
+}
+interface InlineCitationProps extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "children"> {
+    /** Index number of the citation, e.g. 1 */
+    index: number;
+    /** Title of the cited source */
+    title?: string;
+    /** URL of the source */
+    url?: string;
+    /** Text snippet from source */
+    snippet?: string;
+    /** Optional click handler to navigate or open preview */
+    onCitationClick?: (index: number) => void;
+}
+interface SourcesProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** List of source references */
+    sources: SourceItem[];
+    /** Optional callback when a source card is clicked */
+    onSourceClick?: (source: SourceItem) => void;
+}
+interface SourceCardProps extends React$1.AnchorHTMLAttributes<HTMLAnchorElement> {
+    source: SourceItem;
+}
+
+/**
+ * Clickable citation reference badge embedded inline in AI-generated answers.
+ *
+ * @example
+ * ```tsx
+ * <span>According to PostgreSQL official docs <InlineCitation index={1} title="MVCC Concurrency" /></span>
+ * ```
+ */
+declare const InlineCitation: React$1.ForwardRefExoticComponent<InlineCitationProps & React$1.RefAttributes<HTMLButtonElement>>;
+/**
+ * Card representing an external referenced source or documentation link.
+ */
+declare const SourceCard: React$1.ForwardRefExoticComponent<SourceCardProps & React$1.RefAttributes<HTMLAnchorElement>>;
+/**
+ * Grid or card list displaying sources, citations, and ground-truth web search links.
+ *
+ * @example
+ * ```tsx
+ * <Sources sources={[{ id: "1", index: 1, title: "Turborepo Docs", url: "https://turbo.build" }]} />
+ * ```
+ */
+declare const Sources: React$1.ForwardRefExoticComponent<SourcesProps & React$1.RefAttributes<HTMLDivElement>>;
+
+interface FileTreeItem {
+    id: string;
+    name: string;
+    type: "file" | "folder";
+    children?: FileTreeItem[];
+    defaultOpen?: boolean;
+}
+interface FileTreeProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "onSelect"> {
+    /** Root or recursive file tree data */
+    data: FileTreeItem[];
+    /** Currently selected file or folder ID */
+    selectedId?: string;
+    /** Selection callback */
+    onSelect?: (item: FileTreeItem) => void;
+    /** Initial selected ID */
+    defaultSelectedId?: string;
+}
+interface FileTreeNodeProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "onSelect"> {
+    item: FileTreeItem;
+    level?: number;
+    selectedId?: string;
+    onSelect?: (item: FileTreeItem) => void;
+}
+
+declare const FileTreeNode: React$1.ForwardRefExoticComponent<FileTreeNodeProps & React$1.RefAttributes<HTMLDivElement>>;
+/**
+ * Interactive workspace file and directory tree view for agent codebases.
+ *
+ * @example
+ * ```tsx
+ * <FileTree
+ *   data={[{ id: "src", name: "src", type: "folder", children: [...] }]}
+ *   onSelect={(file) => console.log(file)}
+ * />
+ * ```
+ */
+declare const FileTree: React$1.ForwardRefExoticComponent<FileTreeProps & React$1.RefAttributes<HTMLDivElement>>;
+
+interface StackFrameItem {
+    id: string;
+    functionName?: string;
+    fileName: string;
+    lineNumber: number;
+    columnNumber?: number;
+    snippet?: string;
+    highlightLine?: number;
+    isInternal?: boolean;
+}
+interface StackTraceProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "title"> {
+    /** Error class name or type (e.g. "TypeError", "InvariantViolation") */
+    errorType?: string;
+    /** Detailed error message */
+    message: string;
+    /** Call stack frames list */
+    frames?: StackFrameItem[];
+    /** Raw unparsed stack trace string */
+    rawStack?: string;
+    /** Whether copy stack button is displayed */
+    copyable?: boolean;
+}
+interface StackFrameProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    frame: StackFrameItem;
+    defaultExpanded?: boolean;
+}
+
+declare const StackFrame: React$1.ForwardRefExoticComponent<StackFrameProps & React$1.RefAttributes<HTMLDivElement>>;
+/**
+ * Diagnostic stack trace viewer formatting error exceptions and code call frames.
+ *
+ * @example
+ * ```tsx
+ * <StackTrace
+ *   errorType="TypeError"
+ *   message="Cannot read properties of undefined (reading 'map')"
+ *   frames={frames}
+ * />
+ * ```
+ */
+declare const StackTrace: React$1.ForwardRefExoticComponent<StackTraceProps & React$1.RefAttributes<HTMLDivElement>>;
+
+type SubagentStatus = "idle" | "running" | "completed" | "failed";
+interface SubagentProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "title"> {
+    /** Name of the subagent */
+    name: string;
+    /** Role description or job title (e.g. 'Codebase Researcher') */
+    role?: string;
+    /** Execution status */
+    status?: SubagentStatus;
+    /** Model used by the subagent */
+    model?: string;
+    /** Subagent identifier or conversation ID */
+    conversationId?: string;
+    /** Whether the subagent details/logs are open */
+    defaultOpen?: boolean;
+}
+
+/**
+ * Subagent delegation card displaying autonomous agent lifecycle and messages.
+ *
+ * @example
+ * ```tsx
+ * <Subagent
+ *   name="Codebase Researcher"
+ *   role="Repository Explorer"
+ *   status="running"
+ *   model="flash"
+ * />
+ * ```
+ */
+declare const Subagent: React$1.ForwardRefExoticComponent<SubagentProps & React$1.RefAttributes<HTMLDivElement>>;
+
+interface TokenUsageBreakdown {
+    inputTokens?: number;
+    outputTokens?: number;
+    reasoningTokens?: number;
+    cachedTokens?: number;
+}
+interface ContextUsageProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** Tokens currently used */
+    usedTokens: number;
+    /** Maximum context window limit */
+    maxTokens: number;
+    /** Optional detailed breakdown of token consumption */
+    breakdown?: TokenUsageBreakdown;
+    /** Model or context label, e.g. "Claude 3.5 Sonnet (200k)" */
+    label?: string;
+    /** Size variant */
+    size?: "sm" | "md";
+}
+
+/**
+ * Context window token utilization gauge displaying consumption metrics and breakdown.
+ *
+ * @example
+ * ```tsx
+ * <ContextUsage
+ *   usedTokens={48200}
+ *   maxTokens={200000}
+ *   label="Claude 3.5 Sonnet"
+ *   breakdown={{ inputTokens: 42000, outputTokens: 6200 }}
+ * />
+ * ```
+ */
+declare const ContextUsage: React$1.ForwardRefExoticComponent<ContextUsageProps & React$1.RefAttributes<HTMLDivElement>>;
+
+interface QueueTask {
+    id: string;
+    title: string;
+    priority?: "low" | "normal" | "high";
+    status?: "waiting" | "active" | "paused";
+    estimatedDuration?: string;
+}
+interface QueueProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** Tasks in the execution queue */
+    tasks: QueueTask[];
+    /** Title of the queue */
+    title?: string;
+    /** Callback when removing/cancelling a task */
+    onRemoveTask?: (taskId: string) => void;
+}
+interface QueueItemProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    task: QueueTask;
+    index: number;
+    onRemove?: () => void;
+}
+
+declare const QueueItem: React$1.ForwardRefExoticComponent<QueueItemProps & React$1.RefAttributes<HTMLDivElement>>;
+/**
+ * Agent task execution queue container tracking scheduled, running, and queued jobs.
+ *
+ * @example
+ * ```tsx
+ * <Queue
+ *   tasks={[
+ *     { id: "1", title: "Index codebase", priority: "high", status: "active" },
+ *     { id: "2", title: "Generate tests", priority: "normal", status: "waiting" }
+ *   ]}
+ * />
+ * ```
+ */
+declare const Queue: React$1.ForwardRefExoticComponent<QueueProps & React$1.RefAttributes<HTMLDivElement>>;
+
+type TestCaseStatus = "passed" | "failed" | "skipped";
+interface TestCaseItem {
+    id: string;
+    name: string;
+    status: TestCaseStatus;
+    durationMs?: number;
+    errorMessage?: string;
+}
+interface TestResultsProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "title"> {
+    /** Test suite title */
+    title?: string;
+    /** Total elapsed time, e.g. "1.4s" */
+    duration?: string;
+    /** Test cases list */
+    tests: TestCaseItem[];
+}
+interface TestCaseProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    test: TestCaseItem;
+    defaultExpanded?: boolean;
+}
+
+declare const TestCase: React$1.ForwardRefExoticComponent<TestCaseProps & React$1.RefAttributes<HTMLDivElement>>;
+/**
+ * Test execution results dashboard visualizing passed, failed, and skipped unit or integration tests.
+ *
+ * @example
+ * ```tsx
+ * <TestResults
+ *   title="packages/ui Unit Tests"
+ *   duration="1.2s"
+ *   tests={[
+ *     { id: "1", name: "renders button correctly", status: "passed", durationMs: 4 },
+ *     { id: "2", name: "validates zod schema", status: "failed", errorMessage: "Expected true, received false" }
+ *   ]}
+ * />
+ * ```
+ */
+declare const TestResults: React$1.ForwardRefExoticComponent<TestResultsProps & React$1.RefAttributes<HTMLDivElement>>;
+
+interface MetricCardProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** Label describing the metric */
+    readonly label: string;
+    /** Primary numeric or textual value */
+    readonly value: React$1.ReactNode;
+    /** Contextual note, subtitle, or percentage delta */
+    readonly note?: string;
+    /** Indicates positive trend (green highlight) */
+    readonly positive?: boolean;
+    /** Optional icon displayed next to the label */
+    readonly icon?: React$1.ReactNode;
+}
+/**
+ * MetricCard component displaying key statistical benchmarks with labels, values, and trends.
+ *
+ * @example
+ * ```tsx
+ * <MetricCard
+ *   label="Active services"
+ *   value={5}
+ *   note="100% operational"
+ *   positive={true}
+ * />
+ * ```
+ */
+declare const MetricCard: React$1.ForwardRefExoticComponent<MetricCardProps & React$1.RefAttributes<HTMLDivElement>>;
+interface MetricsGridProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** Grid items */
+    readonly children: React$1.ReactNode;
+}
+/**
+ * Container component arranging MetricCards in a cohesive responsive grid layout.
+ */
+declare const MetricsGrid: React$1.ForwardRefExoticComponent<MetricsGridProps & React$1.RefAttributes<HTMLDivElement>>;
+
+interface CopyButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
+    /** Text content to write to user clipboard */
+    readonly textToCopy: string;
+    /** Label when in default idle state */
+    readonly label?: string;
+    /** Label shown upon successful copy */
+    readonly copiedLabel?: string;
+    /** Duration in milliseconds to maintain copied feedback (default 2000) */
+    readonly resetTimeoutMs?: number;
+}
+/**
+ * CopyButton component provides one-click clipboard copying with animated feedback.
+ *
+ * @example
+ * ```tsx
+ * <CopyButton textToCopy="dl_live_9a8f...bc01" label="Copy Key" />
+ * ```
+ */
+declare const CopyButton: React$1.ForwardRefExoticComponent<CopyButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
+
+interface SecretRevealCardProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** The sensitive secret or API key to reveal */
+    readonly secret: string;
+    /** Custom warning message (default informs about one-time reveal) */
+    readonly warningMessage?: string;
+    /** Label for copy button */
+    readonly copyLabel?: string;
+}
+/**
+ * SecretRevealCard component securely displays newly provisioned API keys and secrets
+ * with copy capabilities and one-time retrieval warnings.
+ *
+ * @example
+ * ```tsx
+ * <SecretRevealCard
+ *   secret="dl_live_49f82bc9..."
+ *   warningMessage="Copy this key now. It is hashed with SHA-256 and will never be shown again."
+ * />
+ * ```
+ */
+declare const SecretRevealCard: React$1.ForwardRefExoticComponent<SecretRevealCardProps & React$1.RefAttributes<HTMLDivElement>>;
+
+/**
+ * @file typography.types.ts
+ * @description Type definitions and prop contracts for Heading and Text typography primitives.
+ */
+
+/**
+ * Supported heading HTML tag elements for semantic hierarchy.
+ */
+type HeadingTag = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "div";
+/**
+ * Typographic visual size levels corresponding to the design token scale.
+ */
+type HeadingSize = "display" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+/**
+ * Text element tags for semantic markup.
+ */
+type TextTag = "p" | "span" | "div" | "label" | "small" | "strong" | "em" | "code";
+/**
+ * Body and inline text scale variants.
+ */
+type TextVariant = "body-lg" | "body" | "body-sm" | "caption" | "code" | "metric";
+/**
+ * Typographic color semantics mapped to design tokens.
+ */
+type TypographyColor = "default" | "muted" | "subtle" | "primary" | "destructive" | "warning" | "success" | "info";
+/**
+ * Text alignment options.
+ */
+type TypographyAlign = "left" | "center" | "right";
+/**
+ * Font weight overrides.
+ */
+type TypographyWeight = "normal" | "medium" | "semibold" | "bold" | "extrabold";
+/**
+ * Props for the Heading component.
+ */
+interface HeadingProps extends HTMLAttributes<HTMLHeadingElement> {
+    /**
+     * The underlying HTML element tag rendered in the DOM for accessibility and SEO.
+     * Allows decoupling semantic hierarchy (e.g. `as="h1"`) from visual appearance (e.g. `size="h3"`).
+     * @default Matching the `size` prop if h1-h6, otherwise "h2"
+     */
+    readonly as?: HeadingTag;
+    /**
+     * The visual size styling applied to the heading from the design scale.
+     * @default "h2"
+     */
+    readonly size?: HeadingSize;
+    /**
+     * Semantic color variant.
+     * @default "default"
+     */
+    readonly color?: TypographyColor;
+    /**
+     * Explicit font-weight override.
+     */
+    readonly weight?: TypographyWeight;
+    /**
+     * Horizontal text alignment.
+     * @default "left"
+     */
+    readonly align?: TypographyAlign;
+    /**
+     * Whether to truncate long text with an ellipsis on a single line.
+     * @default false
+     */
+    readonly truncate?: boolean;
+    /**
+     * Additional custom CSS classes.
+     */
+    readonly className?: string;
+    /**
+     * Heading content.
+     */
+    readonly children?: ReactNode;
+}
+/**
+ * Props for the Text component.
+ */
+interface TextProps extends HTMLAttributes<HTMLElement> {
+    /**
+     * The underlying HTML element tag rendered in the DOM.
+     * @default "p"
+     */
+    readonly as?: TextTag;
+    /**
+     * Visual typography variant from the token scale.
+     * @default "body"
+     */
+    readonly variant?: TextVariant;
+    /**
+     * Semantic color variant.
+     * @default "default"
+     */
+    readonly color?: TypographyColor;
+    /**
+     * Explicit font-weight override.
+     */
+    readonly weight?: TypographyWeight;
+    /**
+     * Horizontal text alignment.
+     * @default "left"
+     */
+    readonly align?: TypographyAlign;
+    /**
+     * Whether to truncate long text with an ellipsis on a single line.
+     * @default false
+     */
+    readonly truncate?: boolean;
+    /**
+     * Additional custom CSS classes.
+     */
+    readonly className?: string;
+    /**
+     * Text content.
+     */
+    readonly children?: ReactNode;
+}
+
+/**
+ * Heading primitive component.
+ *
+ * Allows developers to decouple semantic accessibility (`as="h1"`) from visual
+ * design styling (`size="h3"`), ensuring 100% SEO/a11y compliance without breaking layouts.
+ *
+ * @example
+ * ```tsx
+ * // Visual h3 styling but semantic h1 tag in document outline
+ * <Heading as="h1" size="h3">Financial Overview</Heading>
+ *
+ * // Standard display heading
+ * <Heading size="display" color="primary">Hero Headline</Heading>
+ * ```
+ */
+declare const Heading: React$1.ForwardRefExoticComponent<HeadingProps & React$1.RefAttributes<HTMLHeadingElement>>;
+
+/**
+ * Text primitive component.
+ *
+ * Provides standardized body, caption, code, and metric formatting consuming
+ * centralized design tokens across all brands.
+ *
+ * @example
+ * ```tsx
+ * <Text variant="body-sm" color="muted">Updated 2 minutes ago</Text>
+ * <Text as="span" variant="metric" color="success">+18.4%</Text>
+ * ```
+ */
+declare const Text: React$1.ForwardRefExoticComponent<TextProps & React$1.RefAttributes<HTMLElement>>;
+
+/**
+ * Visual padding scale tokens mapped to semantic spacing CSS variables.
+ */
+type BoxPadding = "0" | "1" | "2" | "3" | "4" | "5" | "6" | "8" | "10" | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10;
+/**
+ * Border radius scale tokens mapped to brand radius CSS variables.
+ */
+type BoxRadius = "none" | "sm" | "md" | "lg" | "xl" | "full";
+/**
+ * Elevation shadow scale tokens.
+ */
+type BoxShadow = "none" | "sm" | "md" | "lg" | "glass";
+/**
+ * Props for the polymorphic Box layout primitive.
+ */
+interface BoxProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /**
+     * If true, delegates rendering to the direct child element via Radix Slot.
+     * @default false
+     */
+    asChild?: boolean;
+    /**
+     * HTML element type to render.
+     * @default "div"
+     */
+    as?: React$1.ElementType;
+    /**
+     * Internal padding token mapped to --space-* CSS variables.
+     */
+    p?: BoxPadding;
+    /**
+     * Horizontal padding token mapped to --space-* CSS variables.
+     */
+    px?: BoxPadding;
+    /**
+     * Vertical padding token mapped to --space-* CSS variables.
+     */
+    py?: BoxPadding;
+    /**
+     * Border radius token mapped to --radius-* CSS variables.
+     */
+    radius?: BoxRadius;
+    /**
+     * Elevation shadow token.
+     */
+    shadow?: BoxShadow;
+    /**
+     * Whether to render a default 1px border using var(--border).
+     * @default false
+     */
+    border?: boolean;
+    /**
+     * Background surface token.
+     */
+    bg?: "background" | "card" | "surface" | "surface-2" | "muted" | "transparent";
+}
+/**
+ * Primitive bounding Box component for structured spacing, borders, and surfaces.
+ *
+ * @example
+ * ```tsx
+ * <Box p="6" bg="card" border radius="lg" shadow="md">
+ *   <p>Card Content</p>
+ * </Box>
+ * ```
+ */
+declare const Box: React$1.ForwardRefExoticComponent<BoxProps & React$1.RefAttributes<HTMLDivElement>>;
+
+/**
+ * Flexbox direction options.
+ */
+type FlexDirection = "row" | "row-reverse" | "col" | "col-reverse";
+/**
+ * Flexbox content alignment options along the main axis.
+ */
+type FlexJustify = "start" | "center" | "end" | "between" | "around" | "evenly";
+/**
+ * Flexbox item alignment options along the cross axis.
+ */
+type FlexAlign = "start" | "center" | "end" | "stretch" | "baseline";
+/**
+ * Spacing gap scale tokens mapped to --space-* CSS variables.
+ */
+type LayoutGap = "0" | "1" | "2" | "3" | "4" | "5" | "6" | "8" | "10" | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10;
+/**
+ * Props for the Flex layout primitive.
+ */
+interface FlexProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /**
+     * If true, delegates rendering to the direct child element via Radix Slot.
+     * @default false
+     */
+    asChild?: boolean;
+    /**
+     * HTML element type to render.
+     * @default "div"
+     */
+    as?: React$1.ElementType;
+    /**
+     * Flex direction.
+     * @default "row"
+     */
+    direction?: FlexDirection;
+    /**
+     * Main axis alignment (justify-content).
+     */
+    justify?: FlexJustify;
+    /**
+     * Cross axis alignment (align-items).
+     */
+    align?: FlexAlign;
+    /**
+     * Flex wrap behavior.
+     * @default false
+     */
+    wrap?: boolean | "wrap" | "nowrap" | "reverse";
+    /**
+     * Gap spacing token mapped to --space-*.
+     */
+    gap?: LayoutGap;
+    /**
+     * Whether to display as inline-flex.
+     * @default false
+     */
+    inline?: boolean;
+}
+/**
+ * Polymorphic Flex container component for fluid 1-dimensional layouts.
+ *
+ * @example
+ * ```tsx
+ * <Flex justify="between" align="center" gap="4">
+ *   <span>Title</span>
+ *   <Button size="sm">Action</Button>
+ * </Flex>
+ * ```
+ */
+declare const Flex: React$1.ForwardRefExoticComponent<FlexProps & React$1.RefAttributes<HTMLDivElement>>;
+
+/**
+ * Direction orientation for Stack flow.
+ */
+type StackDirection = "col" | "row";
+/**
+ * Alignment options for Stack items.
+ */
+type StackAlign = "start" | "center" | "end" | "stretch" | "baseline";
+/**
+ * Props for the Stack layout primitive.
+ */
+interface StackProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /**
+     * If true, delegates rendering to the direct child element via Radix Slot.
+     * @default false
+     */
+    asChild?: boolean;
+    /**
+     * HTML element type to render.
+     * @default "div"
+     */
+    as?: React$1.ElementType;
+    /**
+     * Flow orientation of the stack items.
+     * @default "col"
+     */
+    direction?: StackDirection;
+    /**
+     * Spacing gap token mapped to --space-* CSS variables.
+     * @default "3"
+     */
+    gap?: LayoutGap;
+    /**
+     * Alignment along the cross axis.
+     * @default "stretch"
+     */
+    align?: StackAlign;
+}
+/**
+ * High-velocity Stack layout primitive for structured vertical or horizontal flows.
+ *
+ * @example
+ * ```tsx
+ * <Stack direction="col" gap="4">
+ *   <Input label="Name" />
+ *   <Input label="Email" />
+ *   <Button>Submit</Button>
+ * </Stack>
+ * ```
+ */
+declare const Stack: React$1.ForwardRefExoticComponent<StackProps & React$1.RefAttributes<HTMLDivElement>>;
+
+/**
+ * Grid column counts (1 through 12).
+ */
+type GridColumns = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+/**
+ * Props for the Grid layout primitive.
+ */
+interface GridProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /**
+     * If true, delegates rendering to the direct child element via Radix Slot.
+     * @default false
+     */
+    asChild?: boolean;
+    /**
+     * HTML element type to render.
+     * @default "div"
+     */
+    as?: React$1.ElementType;
+    /**
+     * Number of uniform columns, or an auto-fit minItemWidth (e.g. "280px").
+     * @default 1
+     */
+    cols?: GridColumns | string;
+    /**
+     * Alias for `cols`.
+     */
+    columns?: GridColumns | string;
+    /**
+     * Spacing gap token mapped to --space-* CSS variables.
+     * @default "4"
+     */
+    gap?: LayoutGap;
+    /**
+     * Whether to display as inline-grid.
+     * @default false
+     */
+    inline?: boolean;
+}
+/**
+ * Responsive 2D Grid layout primitive.
+ *
+ * @example
+ * ```tsx
+ * <Grid cols={3} gap="4">
+ *   <MetricCard title="A" />
+ *   <MetricCard title="B" />
+ *   <MetricCard title="C" />
+ * </Grid>
+ * ```
+ */
+declare const Grid: React$1.ForwardRefExoticComponent<GridProps & React$1.RefAttributes<HTMLDivElement>>;
+
+/**
+ * Responsive maximum width constraint for the Container.
+ */
+type ContainerSize = "sm" | "md" | "lg" | "xl" | "2xl" | "fluid";
+/**
+ * Props for the Container layout primitive.
+ */
+interface ContainerProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /**
+     * If true, delegates rendering to the direct child element via Radix Slot.
+     * @default false
+     */
+    asChild?: boolean;
+    /**
+     * HTML element type to render.
+     * @default "div"
+     */
+    as?: React$1.ElementType;
+    /**
+     * Maximum width threshold.
+     * @default "xl"
+     */
+    size?: ContainerSize;
+}
+/**
+ * Centered responsive max-width boundary component for page sections and layouts.
+ *
+ * @example
+ * ```tsx
+ * <Container size="xl">
+ *   <Header />
+ *   <Main />
+ * </Container>
+ * ```
+ */
+declare const Container: React$1.ForwardRefExoticComponent<ContainerProps & React$1.RefAttributes<HTMLDivElement>>;
 
-export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, AccordionTrigger, type AccordionTriggerProps, Alert, AlertDescription, type AlertDescriptionProps, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, type AlertDialogOverlayProps, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, type AlertTitleProps, AspectRatio, type AspectRatioProps, Avatar, AvatarFallback, type AvatarFallbackProps, AvatarImage, type AvatarImageProps, type AvatarProps, Badge, type BadgeProps, type Brand, Breadcrumb, BreadcrumbEllipsis, type BreadcrumbEllipsisProps, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbList, type BreadcrumbListProps, BreadcrumbPage, type BreadcrumbPageProps, type BreadcrumbProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps, Button, type ButtonProps, Calendar, CalendarDayButton, type CalendarProps, Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, Carousel, type CarouselApi, CarouselContent, type CarouselContentProps, CarouselItem, type CarouselItemProps, CarouselNext, type CarouselNextProps, CarouselPrevious, type CarouselPreviousProps, type CarouselProps, type ChartConfig, ChartContainer, type ChartContainerProps, ChartLegend, ChartLegendContent, type ChartLegendContentProps, ChartStyle, ChartTooltip, ChartTooltipContent, type ChartTooltipContentProps, Checkbox, type CheckboxProps, Collapsible, CollapsibleContent, type CollapsibleContentProps, type CollapsibleProps, CollapsibleTrigger, type CollapsibleTriggerProps, Command, CommandDialog, type CommandDialogProps, CommandEmpty, type CommandEmptyProps, CommandGroup, type CommandGroupProps, CommandInput, type CommandInputProps, CommandItem, type CommandItemProps, CommandList, type CommandListProps, type CommandProps, CommandSeparator, type CommandSeparatorProps, CommandShortcut, type CommandShortcutProps, ConfigProvider, type ConfigProviderProps, ConfirmDialog, type ConfirmDialogProps, ContextMenu, ContextMenuCheckboxItem, type ContextMenuCheckboxItemProps, ContextMenuContent, type ContextMenuContentProps, ContextMenuGroup, ContextMenuItem, type ContextMenuItemProps, ContextMenuLabel, type ContextMenuLabelProps, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, type ContextMenuRadioItemProps, ContextMenuSeparator, type ContextMenuSeparatorProps, ContextMenuShortcut, type ContextMenuShortcutProps, ContextMenuSub, ContextMenuSubContent, type ContextMenuSubContentProps, ContextMenuSubTrigger, type ContextMenuSubTriggerProps, ContextMenuTrigger, CopyButton, type CopyButtonProps, DatePicker, type DatePickerProps, Dialog, DialogBody, DialogClose, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, type DialogOverlayProps, DialogPortal, type DialogSize, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, type DropdownMenuCheckboxItemProps, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, type DropdownMenuRadioItemProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuShortcut, type DropdownMenuShortcutProps, DropdownMenuSub, DropdownMenuSubContent, type DropdownMenuSubContentProps, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputOTP, InputOTPGroup, type InputOTPProps, InputOTPSeparator, InputOTPSlot, type InputOTPSlotProps, type InputProps, Label, type LabelProps, LoadingState, type LoadingStateProps, Menubar, MenubarCheckboxItem, type MenubarCheckboxItemProps, MenubarContent, type MenubarContentProps, MenubarGroup, MenubarItem, type MenubarItemProps, MenubarLabel, type MenubarLabelProps, MenubarMenu, MenubarPortal, type MenubarProps, MenubarRadioGroup, MenubarRadioItem, type MenubarRadioItemProps, MenubarSeparator, type MenubarSeparatorProps, MenubarShortcut, type MenubarShortcutProps, MenubarSub, MenubarSubContent, type MenubarSubContentProps, MenubarSubTrigger, type MenubarSubTriggerProps, MenubarTrigger, type MenubarTriggerProps, MetricCard, type MetricCardProps, MetricsGrid, type MetricsGridProps, NavigationMenu, NavigationMenuContent, type NavigationMenuContentProps, NavigationMenuIndicator, type NavigationMenuIndicatorProps, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, type NavigationMenuListProps, type NavigationMenuProps, NavigationMenuTrigger, type NavigationMenuTriggerProps, NavigationMenuViewport, type NavigationMenuViewportProps, Pagination, PaginationContent, type PaginationContentProps, PaginationEllipsis, type PaginationEllipsisProps, PaginationItem, type PaginationItemProps, PaginationLink, type PaginationLinkProps, PaginationNext, type PaginationNextProps, PaginationPrevious, type PaginationPreviousProps, type PaginationProps, Panel, type PanelProps, Popover, PopoverAnchor, PopoverContent, type PopoverContentProps, PopoverTrigger, Progress, type ProgressProps, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, ResizableHandle, type ResizableHandleProps, ResizablePanel, ResizablePanelGroup, type ResizablePanelGroupProps, type ResizablePanelProps, ScrollArea, type ScrollAreaProps, ScrollBar, type ScrollBarProps, SearchableSelect, type SearchableSelectOption, type SearchableSelectProps, SecretRevealCard, type SecretRevealCardProps, Select, SelectContent, type SelectContentProps, SelectGroup, SelectItem, type SelectItemProps, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, Separator, type SeparatorProps, Sheet, SheetClose, SheetContent, type SheetContentProps, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, type SheetOverlayProps, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, type SidebarContentProps, SidebarFooter, type SidebarFooterProps, SidebarGroup, SidebarGroupAction, type SidebarGroupActionProps, SidebarGroupContent, type SidebarGroupContentProps, SidebarGroupLabel, type SidebarGroupLabelProps, type SidebarGroupProps, SidebarHeader, type SidebarHeaderProps, SidebarInput, type SidebarInputProps, SidebarInset, type SidebarInsetProps, SidebarMenu, SidebarMenuAction, type SidebarMenuActionProps, SidebarMenuBadge, type SidebarMenuBadgeProps, SidebarMenuButton, type SidebarMenuButtonProps, SidebarMenuItem, type SidebarMenuItemProps, type SidebarMenuProps, SidebarMenuSkeleton, type SidebarMenuSkeletonProps, SidebarMenuSub, SidebarMenuSubButton, type SidebarMenuSubButtonProps, SidebarMenuSubItem, type SidebarMenuSubItemProps, type SidebarMenuSubProps, type SidebarProps, SidebarProvider, type SidebarProviderProps, SidebarRail, type SidebarRailProps, SidebarSeparator, type SidebarSeparatorProps, SidebarTrigger, type SidebarTriggerProps, Skeleton, type SkeletonProps, Slider, type SliderProps, StatusBadge, type StatusBadgeProps, StatusChip, type StatusChipProps, Switch, type SwitchProps, Table, TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, TabsTrigger, type TabsTriggerProps, Textarea, type TextareaProps, type Theme, type ThemeMode, ThemeProvider, type ThemeProviderProps, type ThemeProviderState, type ToastTheme, Toaster, type ToasterProps, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleProps, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, alertVariants, badgeVariants, buttonVariants, cn, labelVariants, navigationMenuTriggerStyle, sheetVariants, toggleVariants, useCarousel, useConfig, useFormField, useIsMobile, useSidebar, useTheme };
+export { type AIModel, Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, AccordionTrigger, type AccordionTriggerProps, Alert, AlertDescription, type AlertDescriptionProps, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, type AlertDialogOverlayProps, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, type AlertTitleProps, AspectRatio, type AspectRatioProps, Avatar, AvatarFallback, type AvatarFallbackProps, AvatarImage, type AvatarImageProps, type AvatarProps, Badge, type BadgeProps, Box, type BoxPadding, type BoxProps, type BoxRadius, type BoxShadow, type Brand, Breadcrumb, BreadcrumbEllipsis, type BreadcrumbEllipsisProps, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbList, type BreadcrumbListProps, BreadcrumbPage, type BreadcrumbPageProps, type BreadcrumbProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps, Button, type ButtonProps, Calendar, CalendarDayButton, type CalendarProps, Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, Carousel, type CarouselApi, CarouselContent, type CarouselContentProps, CarouselContext, type CarouselContextProps, CarouselItem, type CarouselItemProps, CarouselNext, type CarouselNextProps, CarouselPrevious, type CarouselPreviousProps, type CarouselProps, ChainOfThought, ChainOfThoughtContent, ChainOfThoughtHeader, type ChainOfThoughtHeaderProps, type ChainOfThoughtProps, ChainOfThoughtStep, type ChainOfThoughtStepItem, type ChainOfThoughtStepProps, type ChartConfig, ChartContainer, type ChartContainerProps, ChartContext, type ChartContextProps, ChartLegend, ChartLegendContent, type ChartLegendContentProps, ChartStyle, ChartTooltip, ChartTooltipContent, type ChartTooltipContentProps, Checkbox, type CheckboxProps, Checkpoint, type CheckpointProps, CodeBlock, CodeBlockContent, type CodeBlockContentProps, CodeBlockCopyButton, CodeBlockHeader, type CodeBlockHeaderProps, type CodeBlockProps, Collapsible, CollapsibleContent, type CollapsibleContentProps, type CollapsibleProps, CollapsibleTrigger, type CollapsibleTriggerProps, Command, CommandDialog, type CommandDialogProps, CommandEmpty, type CommandEmptyProps, CommandGroup, type CommandGroupProps, CommandInput, type CommandInputProps, CommandItem, type CommandItemProps, CommandList, type CommandListProps, type CommandProps, CommandSeparator, type CommandSeparatorProps, CommandShortcut, type CommandShortcutProps, ConfigProvider, type ConfigProviderProps, ConfirmDialog, type ConfirmDialogProps, Confirmation, ConfirmationActions, type ConfirmationActionsProps, ConfirmationContent, type ConfirmationContentProps, ConfirmationDescription, type ConfirmationDescriptionProps, ConfirmationMedia, type ConfirmationMediaProps, type ConfirmationProps, ConfirmationTitle, type ConfirmationTitleProps, Container, type ContainerProps, type ContainerSize, ContextMenu, ContextMenuCheckboxItem, type ContextMenuCheckboxItemProps, ContextMenuContent, type ContextMenuContentProps, ContextMenuGroup, ContextMenuItem, type ContextMenuItemProps, ContextMenuLabel, type ContextMenuLabelProps, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, type ContextMenuRadioItemProps, ContextMenuSeparator, type ContextMenuSeparatorProps, ContextMenuShortcut, type ContextMenuShortcutProps, ContextMenuSub, ContextMenuSubContent, type ContextMenuSubContentProps, ContextMenuSubTrigger, type ContextMenuSubTriggerProps, ContextMenuTrigger, ContextUsage, type ContextUsageProps, CopyButton, type CopyButtonProps, DEFAULT_AI_MODELS, DataTable, type DataTableColumn, type DataTablePaginationConfig, type DataTableProps, DatePicker, type DatePickerProps, Dialog, DialogBody, DialogClose, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, type DialogOverlayProps, DialogPortal, type DialogSize, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, type DropdownMenuCheckboxItemProps, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, type DropdownMenuRadioItemProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuShortcut, type DropdownMenuShortcutProps, DropdownMenuSub, DropdownMenuSubContent, type DropdownMenuSubContentProps, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, EmptyState, type EmptyStateProps, FileTree, type FileTreeItem, FileTreeNode, type FileTreeNodeProps, type FileTreeProps, Flex, type FlexAlign, type FlexDirection, type FlexJustify, type FlexProps, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, Grid, type GridColumns, type GridProps, Heading, type HeadingProps, type HeadingSize, type HeadingTag, HoverCard, HoverCardContent, HoverCardTrigger, InlineCitation, type InlineCitationProps, Input, InputNumber, type InputNumberProps, InputOTP, InputOTPGroup, type InputOTPProps, InputOTPSeparator, InputOTPSlot, type InputOTPSlotProps, type InputProps, Kbd, KbdGroup, type KbdGroupProps, type KbdProps, Label, type LabelProps, type LayoutGap, LoadingState, type LoadingStateProps, Menubar, MenubarCheckboxItem, type MenubarCheckboxItemProps, MenubarContent, type MenubarContentProps, MenubarGroup, MenubarItem, type MenubarItemProps, MenubarLabel, type MenubarLabelProps, MenubarMenu, MenubarPortal, type MenubarProps, MenubarRadioGroup, MenubarRadioItem, type MenubarRadioItemProps, MenubarSeparator, type MenubarSeparatorProps, MenubarShortcut, type MenubarShortcutProps, MenubarSub, MenubarSubContent, type MenubarSubContentProps, MenubarSubTrigger, type MenubarSubTriggerProps, MenubarTrigger, type MenubarTriggerProps, Message, MessageActions, type MessageActionsProps, MessageAvatar, type MessageAvatarProps, MessageContent, type MessageContentProps, type MessageProps, type MessageRole, MetricCard, type MetricCardProps, MetricsGrid, type MetricsGridProps, ModelSelector, type ModelSelectorProps, MultiSelect, type MultiSelectOption, type MultiSelectProps, NavigationMenu, NavigationMenuContent, type NavigationMenuContentProps, NavigationMenuIndicator, type NavigationMenuIndicatorProps, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, type NavigationMenuListProps, type NavigationMenuProps, NavigationMenuTrigger, type NavigationMenuTriggerProps, NavigationMenuViewport, type NavigationMenuViewportProps, Pagination, PaginationContent, type PaginationContentProps, PaginationEllipsis, type PaginationEllipsisProps, PaginationItem, type PaginationItemProps, PaginationLink, type PaginationLinkProps, PaginationNext, type PaginationNextProps, PaginationPrevious, type PaginationPreviousProps, type PaginationProps, Panel, type PanelProps, PasswordInput, type PasswordInputProps, Plan, PlanHeader, type PlanHeaderProps, type PlanProps, PlanTask, type PlanTaskItem, type PlanTaskProps, Popover, PopoverAnchor, PopoverContent, type PopoverContentProps, PopoverTrigger, Progress, type ProgressProps, PromptInput, type PromptInputAttachmentItem, type PromptInputProps, Queue, QueueItem, type QueueItemProps, type QueueProps, type QueueTask, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, ResizableHandle, type ResizableHandleProps, ResizablePanel, ResizablePanelGroup, type ResizablePanelGroupProps, type ResizablePanelProps, SIDEBAR_COOKIE_MAX_AGE, SIDEBAR_COOKIE_NAME, SIDEBAR_KEYBOARD_SHORTCUT, SIDEBAR_WIDTH, SIDEBAR_WIDTH_ICON, SIDEBAR_WIDTH_MOBILE, ScrollArea, type ScrollAreaProps, ScrollBar, type ScrollBarProps, SearchInput, type SearchInputProps, SearchableSelect, type SearchableSelectOption, type SearchableSelectProps, SecretRevealCard, type SecretRevealCardProps, Select, SelectContent, type SelectContentProps, SelectGroup, SelectItem, type SelectItemProps, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, Separator, type SeparatorProps, Sheet, SheetClose, SheetContent, type SheetContentProps, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, type SheetOverlayProps, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, type SidebarContentProps, SidebarContext, type SidebarContextProps, SidebarFooter, type SidebarFooterProps, SidebarGroup, SidebarGroupAction, type SidebarGroupActionProps, SidebarGroupContent, type SidebarGroupContentProps, SidebarGroupLabel, type SidebarGroupLabelProps, type SidebarGroupProps, SidebarHeader, type SidebarHeaderProps, SidebarInput, type SidebarInputProps, SidebarInset, type SidebarInsetProps, SidebarMenu, SidebarMenuAction, type SidebarMenuActionProps, SidebarMenuBadge, type SidebarMenuBadgeProps, SidebarMenuButton, type SidebarMenuButtonProps, SidebarMenuItem, type SidebarMenuItemProps, type SidebarMenuProps, SidebarMenuSkeleton, type SidebarMenuSkeletonProps, SidebarMenuSub, SidebarMenuSubButton, type SidebarMenuSubButtonProps, SidebarMenuSubItem, type SidebarMenuSubItemProps, type SidebarMenuSubProps, type SidebarProps, SidebarProvider, type SidebarProviderProps, SidebarRail, type SidebarRailProps, SidebarSeparator, type SidebarSeparatorProps, SidebarTrigger, type SidebarTriggerProps, Skeleton, type SkeletonProps, Slider, type SliderProps, SourceCard, type SourceCardProps, type SourceItem, Sources, type SourcesProps, Stack, type StackAlign, type StackDirection, StackFrame, type StackFrameItem, type StackFrameProps, type StackProps, StackTrace, type StackTraceProps, StatusBadge, type StatusBadgeProps, StatusChip, type StatusChipProps, Subagent, type SubagentProps, type SubagentStatus, Suggestion, SuggestionList, type SuggestionListProps, type SuggestionProps, Switch, type SwitchProps, THEMES, Table, TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, TabsTrigger, type TabsTriggerProps, type TaskStatus, Terminal, TerminalHeader, type TerminalHeaderProps, TerminalOutput, type TerminalOutputProps, type TerminalProps, TestCase, type TestCaseItem, type TestCaseProps, type TestCaseStatus, TestResults, type TestResultsProps, Text, type TextProps, type TextTag, type TextVariant, Textarea, type TextareaProps, type Theme, type ThemeMode, ThemeProvider, type ThemeProviderProps, type ThemeProviderState, type ToastTheme, Toaster, type ToasterProps, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleProps, type TokenUsageBreakdown, ToolCall, ToolCallArgs, type ToolCallArgsProps, ToolCallHeader, type ToolCallHeaderProps, type ToolCallProps, ToolCallResult, type ToolCallResultProps, type ToolCallStatusType, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, Trace, TraceCollapsible, TraceCollapsibleContent, type TraceCollapsibleProps, TraceCollapsibleTrigger, TraceContent, type TraceContentProps, TraceIcon, type TraceIconProps, TraceLine, type TraceLineProps, type TraceProps, type TraceStatus, TraceTitle, type TraceTitleProps, type TypographyAlign, type TypographyColor, type TypographyWeight, alertVariants, badgeVariants, buttonVariants, cn, cx, getPayloadConfigFromPayload, labelVariants, navigationMenuTriggerStyle, sheetVariants, sidebarMenuButtonVariants, toggleVariants, useCarousel, useChart, useConfig, useFormField, useIsMobile, useSidebar, useTheme };