@evinvest/uikit 0.30.0 → 0.32.0

package/dist/index.d.ts

@@ -274,8 +274,8 @@ declare function mergeRefs<T>(...refs: Array<React.Ref<T> | undefined>): React.R
 declare const alertVariants: {
     readonly neutral: "bg-card text-ink border-border";
     readonly destructive: "text-accent-error bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-ink-mid";
-    readonly success: "text-positive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-ink-mid";
-    readonly info: "text-accent-info bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-ink-mid";
+    readonly success: "text-positive-ink bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-ink-mid";
+    readonly info: "text-accent-info-ink bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-ink-mid";
 };
 type AlertVariant = keyof typeof alertVariants;
 
@@ -291,11 +291,12 @@ declare function AvatarImage({ className, onError, ...props }: React.ComponentPr
 declare function AvatarFallback({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 
 declare const badgeVariants: {
-    readonly primary: "border-transparent bg-primary text-on-primary [a&]:hover:bg-primary/90 focus-visible:ring-0 focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring";
-    readonly secondary: "border-transparent bg-secondary text-on-secondary [a&]:hover:bg-secondary/90 focus-visible:ring-0 focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring";
-    readonly destructive: "border-transparent bg-accent-error text-on-accent-error [a&]:hover:bg-accent-error/90 focus-visible:ring-accent-error/20 focus-visible:ring-0 focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring";
-    readonly outline: "border-border text-ink [a&]:hover:bg-hover [a&]:hover:text-ink";
-    readonly success: "border-transparent bg-positive/20 text-positive";
+    readonly neutral: "border-chip-neutral-border bg-chip-neutral-bg text-ink-mid [a&]:hover:bg-active";
+    readonly primary: "border-chip-primary-border bg-chip-primary-bg text-primary-ink [a&]:hover:bg-hover";
+    readonly positive: "border-chip-positive-border bg-chip-positive-bg text-positive-ink [a&]:hover:bg-hover";
+    readonly info: "border-chip-info-border bg-chip-info-bg text-accent-info-ink [a&]:hover:bg-hover";
+    readonly warn: "border-chip-warn-border bg-chip-warn-bg text-accent-warn [a&]:hover:bg-hover";
+    readonly error: "border-chip-error-border bg-chip-error-bg text-accent-error [a&]:hover:bg-hover";
 };
 type BadgeVariant = keyof typeof badgeVariants;
 
@@ -319,18 +320,18 @@ declare function BreadcrumbEllipsis({ className, ...props }: React.ComponentProp
 declare const accentTextClasses: {
     readonly trace: "text-accent-trace";
     readonly debug: "text-accent-debug";
-    readonly info: "text-accent-info";
+    readonly info: "text-accent-info-ink";
     readonly warn: "text-accent-warn";
     readonly error: "text-accent-error";
 };
 type Accent = keyof typeof accentTextClasses;
 
 declare const buttonVariantClasses: {
-    readonly primary: "bg-primary text-on-primary hover:bg-primary/90 focus-visible:ring-0 focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring";
+    readonly primary: "bg-primary text-on-primary hover:bg-primary-hover focus-visible:ring-0 focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring";
     readonly secondary: "bg-secondary text-on-secondary hover:bg-secondary/80 focus-visible:ring-0 focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring";
-    readonly outline: "border border-input bg-transparent shadow-xs hover:bg-hover hover:text-ink";
+    readonly outline: "border border-border bg-secondary text-ink hover:bg-[image:linear-gradient(var(--hover),var(--hover))]";
     readonly ghost: "hover:bg-hover hover:text-ink";
-    readonly destructive: "bg-accent-error text-on-accent-error hover:bg-accent-error/90 focus-visible:ring-accent-error/20 focus-visible:ring-0 focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring";
+    readonly destructive: "border border-button-danger-border bg-button-danger-bg text-button-danger-ink hover:bg-button-danger-hover focus-visible:ring-0 focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring";
     readonly link: "text-primary-ink underline-offset-4 hover:underline";
 };
 type ButtonVariant = keyof typeof buttonVariantClasses;
@@ -361,7 +362,7 @@ interface ButtonVariantsOptions {
  * The accent fuses after the variant so it recolours whatever the variant set.
  */
 declare function buttonVariants({ variant, size, icon, accent, className, }?: ButtonVariantsOptions): string;
-interface ButtonProps extends React.ComponentProps<"button"> {
+interface ButtonProps extends React.ComponentPropsWithoutRef<"button"> {
     variant?: ButtonVariant;
     size?: ButtonSize;
     icon?: boolean;
@@ -371,7 +372,7 @@ interface ButtonProps extends React.ComponentProps<"button"> {
      *  call to action is still a link. */
     href?: string;
 }
-declare function Button({ className, variant, size, icon, accent, asChild, href, ...props }: ButtonProps): React.JSX.Element;
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
 
 declare const buttonGroupOrientationClasses: {
     readonly horizontal: "[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none";
@@ -1227,7 +1228,7 @@ interface DropdownMenuCheckboxItemProps extends React.ComponentProps<"div"> {
     checked?: boolean;
     disabled?: boolean;
 }
-declare function DropdownMenuCheckboxItem({ className, children, checked, disabled, onClick, ...props }: DropdownMenuCheckboxItemProps): React.JSX.Element;
+declare function DropdownMenuCheckboxItem({ className, children, checked, disabled, onClick, onKeyDown, ...props }: DropdownMenuCheckboxItemProps): React.JSX.Element;
 interface DropdownMenuRadioGroupProps extends Omit<React.ComponentProps<"div">, "onChange"> {
     value?: string;
     onValueChange?: (value: string) => void;
@@ -1254,8 +1255,8 @@ declare function DropdownMenuSub({ open, defaultOpen, onOpenChange, children }:
 interface DropdownMenuSubTriggerProps extends React.ComponentProps<"div"> {
     inset?: boolean;
 }
-declare function DropdownMenuSubTrigger({ className, inset, children, onClick, ...props }: DropdownMenuSubTriggerProps): React.JSX.Element;
-declare function DropdownMenuSubContent({ className, children, ...props }: React.ComponentProps<"div">): React.JSX.Element | null;
+declare function DropdownMenuSubTrigger({ className, inset, children, onClick, onKeyDown, ...props }: DropdownMenuSubTriggerProps): React.JSX.Element;
+declare function DropdownMenuSubContent({ className, children, onKeyDown, ...props }: React.ComponentProps<"div">): React.JSX.Element | null;
 
 interface ContextMenuProps {
     open?: boolean;
@@ -1283,7 +1284,7 @@ interface ContextMenuCheckboxItemProps extends React.ComponentProps<"div"> {
     checked?: boolean;
     disabled?: boolean;
 }
-declare function ContextMenuCheckboxItem({ className, children, checked, disabled, onClick, ...props }: ContextMenuCheckboxItemProps): React.JSX.Element;
+declare function ContextMenuCheckboxItem({ className, children, checked, disabled, onClick, onKeyDown, ...props }: ContextMenuCheckboxItemProps): React.JSX.Element;
 interface ContextMenuRadioGroupProps extends Omit<React.ComponentProps<"div">, "onChange"> {
     value?: string;
     onValueChange?: (value: string) => void;
@@ -1310,8 +1311,8 @@ declare function ContextMenuSub({ open, defaultOpen, onOpenChange, children }: C
 interface ContextMenuSubTriggerProps extends React.ComponentProps<"div"> {
     inset?: boolean;
 }
-declare function ContextMenuSubTrigger({ className, inset, children, onClick, ...props }: ContextMenuSubTriggerProps): React.JSX.Element;
-declare function ContextMenuSubContent({ className, children, ...props }: React.ComponentProps<"div">): React.JSX.Element | null;
+declare function ContextMenuSubTrigger({ className, inset, children, onClick, onKeyDown, ...props }: ContextMenuSubTriggerProps): React.JSX.Element;
+declare function ContextMenuSubContent({ className, children, onKeyDown, ...props }: React.ComponentProps<"div">): React.JSX.Element | null;
 
 declare function Menubar({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 interface MenubarMenuProps {
@@ -1356,10 +1357,10 @@ interface MenubarSubProps {
     children?: React.ReactNode;
 }
 declare function MenubarSub({ open, defaultOpen, onOpenChange, children }: MenubarSubProps): React.JSX.Element;
-declare function MenubarSubTrigger({ className, inset, children, onClick, ...props }: React.ComponentProps<"div"> & {
+declare function MenubarSubTrigger({ className, inset, children, onClick, onKeyDown, ...props }: React.ComponentProps<"div"> & {
     inset?: boolean;
 }): React.JSX.Element;
-declare function MenubarSubContent({ className, children, ...props }: React.ComponentProps<"div">): React.JSX.Element | null;
+declare function MenubarSubContent({ className, children, onKeyDown, ...props }: React.ComponentProps<"div">): React.JSX.Element | null;
 
 /**
  * Fused canonical trigger class string, the mirror of Rust's
@@ -1530,9 +1531,9 @@ declare const selectTriggerSizeClasses: {
 };
 type SelectTriggerSize = keyof typeof selectTriggerSizeClasses;
 declare const nativeSelectSizeClasses: {
-    readonly sm: "h-8";
-    readonly md: "h-9";
-    readonly lg: "h-12 pr-11 pl-4 text-base md:text-base";
+    readonly sm: "h-6";
+    readonly md: "h-7";
+    readonly lg: "h-11 pr-11 pl-3 text-base pointer-fine:text-base";
 };
 type NativeSelectSize = keyof typeof nativeSelectSizeClasses;
 
@@ -1747,9 +1748,9 @@ declare function DateTimePicker({ value: valueProp, defaultValue, onChange, min,
 
 declare const toastVariantClasses: {
     readonly neutral: "bg-popover text-ink border-border";
-    readonly positive: "bg-popover text-ink border-positive/40";
-    readonly info: "bg-popover text-ink border-border";
-    readonly warn: "bg-popover text-ink border-border";
+    readonly positive: "bg-popover text-ink border-chip-positive-border";
+    readonly info: "bg-popover text-ink border-chip-info-border";
+    readonly warn: "bg-popover text-ink border-accent-warn/50";
     readonly error: "bg-popover text-ink border-accent-error/50";
 };
 type ToastVariant = keyof typeof toastVariantClasses;
@@ -1831,123 +1832,6 @@ declare function FormControl({ error, ...props }: React.ComponentProps<typeof Sl
 declare function FormDescription({ className, ...props }: React.ComponentProps<"p">): React.JSX.Element;
 declare function FormMessage({ className, children, ...props }: React.ComponentProps<"p">): React.JSX.Element | null;
 
-declare const terminalAreaClasses: {
-    readonly ticker: "lg:col-span-3 lg:row-start-1";
-    readonly chart: "lg:col-start-1 lg:row-start-2";
-    readonly book: "lg:col-start-2 lg:row-start-2";
-    readonly form: "lg:col-start-3 lg:row-start-2";
-    readonly orders: "lg:col-span-3 lg:row-start-3";
-};
-type TerminalArea = keyof typeof terminalAreaClasses;
-declare const bookSideClasses: {
-    readonly bid: "text-positive";
-    readonly ask: "text-accent-error";
-};
-type BookSide = keyof typeof bookSideClasses;
-declare const orderSideClasses: {
-    readonly buy: "bg-positive text-on-positive hover:bg-positive/90";
-    readonly sell: "bg-accent-error text-on-accent-error hover:bg-accent-error/90";
-};
-type OrderSide = keyof typeof orderSideClasses;
-
-/**
- * The trading terminal — an order book over an investment product's shares,
- * laid out like a spot exchange: ticker, then chart | book | order form, then
- * the trader's own orders. Every pane is a slot; the chart host is empty on
- * purpose (the plotting engine is the consumer's), the open-orders table is
- * `Table`, the tabs over it are `Tabs`.
- */
-/**
- * The frame: a phone stacks the panes in DOM order, `lg` and up places them
- * by `TerminalArea` on a viewport-bound grid.
- */
-declare function Terminal({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-interface TerminalPaneProps extends React.ComponentProps<"section"> {
-    area: TerminalArea;
-}
-/**
- * One cell of the frame. `area` is where it sits on the desktop grid;
- * `TerminalPaneHeader` and `TerminalPaneBody` go inside.
- */
-declare function TerminalPane({ area, className, ...props }: TerminalPaneProps): React.JSX.Element;
-declare function TerminalPaneHeader({ className, ...props }: React.ComponentProps<"header">): React.JSX.Element;
-/** The scrolling part of a pane. */
-declare function TerminalPaneBody({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-/**
- * The sized host a plotting engine mounts into. Renders nothing itself; a
- * consumer mounts its chart on the element (via `ref`) or fills it with
- * children. `forwardRef` rather than a `ref` prop so the handle also reaches
- * the element under React 18, where function components drop `ref`.
- */
-declare const TerminalChart: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-/**
- * The strip across the top; holds `TickerStat`s. Already placed in the
- * `ticker` slot.
- */
-declare function TerminalTicker({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-interface TickerStatProps extends Omit<React.ComponentProps<"div">, "children"> {
-    label: React.ReactNode;
-    value: React.ReactNode;
-}
-/**
- * A labelled figure in the ticker. `className` lands on the figure, so a
- * change figure passes its valence colour there.
- */
-declare function TickerStat({ label, value, className, ...props }: TickerStatProps): React.JSX.Element;
-/** The book: `OrderBookHead`, then ask rows, `OrderBookSpread`, bid rows. */
-declare function OrderBook({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-interface OrderBookHeadProps extends Omit<React.ComponentProps<"div">, "children"> {
-    price: React.ReactNode;
-    size: React.ReactNode;
-    total: React.ReactNode;
-}
-/** The three column captions — price, size, total — in the consumer's words. */
-declare function OrderBookHead({ price, size, total, className, ...props }: OrderBookHeadProps): React.JSX.Element;
-interface OrderBookRowProps extends Omit<React.ComponentProps<"div">, "children"> {
-    side: BookSide;
-    price: React.ReactNode;
-    size: React.ReactNode;
-    total: React.ReactNode;
-    /**
-     * This level's cumulative size as a fraction of the deepest level shown
-     * (`0..=1`); it sizes the bar behind the figures.
-     */
-    depth?: number;
-}
-/** One price level. */
-declare function OrderBookRow({ side, price, size, total, depth, className, ...props }: OrderBookRowProps): React.JSX.Element;
-/**
- * The line between asks and bids: the consumer passes the mid and the spread
- * as it wants them formatted.
- */
-declare function OrderBookSpread({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-interface TradesTapeRowProps extends Omit<React.ComponentProps<"div">, "children"> {
-    side: BookSide;
-    price: React.ReactNode;
-    size: React.ReactNode;
-    time: React.ReactNode;
-}
-/** One print in the tape: price coloured by the aggressor's side, then size and time. */
-declare function TradesTapeRow({ side, price, size, time, className, ...props }: TradesTapeRowProps): React.JSX.Element;
-/**
- * The order form. Owns no state: the consumer wires the inputs and handles
- * `onSubmit`; the default is prevented here so a submit never navigates.
- */
-declare function OrderForm({ className, onSubmit, ...props }: React.ComponentProps<"form">): React.JSX.Element;
-interface OrderFormRowProps extends Omit<React.ComponentProps<"div">, "children"> {
-    label: React.ReactNode;
-    value: React.ReactNode;
-}
-/** A label / figure line in the order summary — cost, fee, what is available. */
-declare function OrderFormRow({ label, value, className, ...props }: OrderFormRowProps): React.JSX.Element;
-interface OrderFormSubmitProps extends Omit<React.ComponentProps<"button">, "type"> {
-    side?: OrderSide;
-}
-/** The submit, filled in the colour of the intent. */
-declare function OrderFormSubmit({ side, className, ...props }: OrderFormSubmitProps): React.JSX.Element;
-/** The open-orders pane with nothing in it. */
-declare function OpenOrdersEmpty({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-
 /** Where the shell swaps the bottom tab bar for the rail. */
 type ShellBreakpoint = "md" | "lg";
 interface AppShellProps extends React.ComponentProps<"div"> {
@@ -1959,6 +1843,8 @@ interface AppShellProps extends React.ComponentProps<"div"> {
     topBar?: React.ReactNode;
     /** Strips above the page (`SystemBanner`s). An empty slot takes no room. */
     banner?: React.ReactNode;
+    /** Right of the content column: an `AsidePanel` and its `AsideRail`, side by side. Sticks like the rail. */
+    aside?: React.ReactNode;
     /** Default `lg`. */
     breakpoint?: ShellBreakpoint;
     /** Props for the `<main>` the page renders into (an `id` for a skip link, say). */
@@ -1974,7 +1860,30 @@ interface AppShellProps extends React.ComponentProps<"div"> {
  * by itself when it cannot fit. The column reserves the tab bar's height plus
  * the bottom safe area, so the bar never covers content.
  */
-declare function AppShell({ rail, tabBar, topBar, banner, breakpoint, mainProps, className, children, ...props }: AppShellProps): React.JSX.Element;
+declare function AppShell({ rail, tabBar, topBar, banner, aside, breakpoint, mainProps, className, children, ...props }: AppShellProps): React.JSX.Element;
+
+/** What a nav group takes to become a section that opens and closes. */
+interface NavGroupCollapse {
+    /**
+     * Draws the group's `label` as a header with a chevron and lets the rows fold
+     * away. Needs a `label`. Off by default so an existing rail keeps its static
+     * eyebrow.
+     */
+    collapsible?: boolean;
+    /** Open on mount. Default: open exactly when the group holds the current item. */
+    defaultOpen?: boolean;
+    /** Controlled open state; pair with `onOpenChange`. */
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** A landing page: the label navigates to it and only the chevron toggles. */
+    href?: string;
+}
+interface NavCollapseLabels {
+    /** Spoken before the group's name on a closed section's chevron. Default `"Expand"`. */
+    expand?: string;
+    /** Spoken before the group's name on an open section's chevron. Default `"Collapse"`. */
+    collapse?: string;
+}
 
 /**
  * How a {@link NavItem} decides it is the current one.
@@ -2022,7 +1931,7 @@ interface NavItem {
     disabled?: boolean;
 }
 /** A titled run of items; the rail draws one marker per group. */
-interface NavGroup {
+interface NavGroup extends NavGroupCollapse {
     id: string;
     /** The eyebrow above the rows; also the list's accessible name. */
     label?: React.ReactNode;
@@ -2070,7 +1979,7 @@ interface NavLinkCallbacks {
     onNavigate?: ((item: NavItem) => void) | undefined;
 }
 
-interface ShellNavLabels {
+interface ShellNavLabels extends NavCollapseLabels {
     /** Accessible name of the nav holding `groups`. Default `"Main"`. */
     primary?: string;
     /** Accessible name of the nav holding `footerGroups`. Default `"Account"`. */
@@ -2093,6 +2002,8 @@ interface ShellNavProps extends Omit<React.ComponentProps<"aside">, "children">,
     /** Replaces a row's content (icon, label, badge); the link, `aria-current` and the marker stay the kit's. */
     renderItem?: (item: NavItem, state: NavItemState) => React.ReactNode;
     labels?: ShellNavLabels;
+    /** Makes every labelled group collapsible; a group's own `collapsible` wins. Default `false`. */
+    collapsible?: boolean;
 }
 /**
  * The app's left rail: data-driven groups, a footer block pinned to the bottom,
@@ -2103,7 +2014,7 @@ interface ShellNavProps extends Omit<React.ComponentProps<"aside">, "children">,
  * (see {@link resolveActiveNavItem}) — so overlapping `prefix` items are safe.
  * Visibility (roles, flags) is the caller's: pass only the items to show.
  */
-declare function ShellNav({ groups, footerGroups, pathname, linkComponent, header, footer, renderItem, onItemIntent, onNavigate, labels, className, ...props }: ShellNavProps): React.JSX.Element;
+declare function ShellNav({ groups, footerGroups, pathname, linkComponent, header, footer, renderItem, onItemIntent, onNavigate, labels, collapsible, className, ...props }: ShellNavProps): React.JSX.Element;
 
 type NavBadgeVariant = "pill" | "corner";
 interface NavBadgeProps extends Omit<React.ComponentProps<"span">, "children"> {
@@ -2186,6 +2097,53 @@ interface TopBarProps extends React.ComponentProps<"header"> {
  */
 declare function TopBar({ start, end, className, ...props }: TopBarProps): React.JSX.Element;
 
+interface AccountMenuTab {
+    id: string;
+    label: React.ReactNode;
+    /** Shown instead of the menu body when this tab is current; the first tab is always the menu itself. */
+    content?: React.ReactNode;
+}
+interface AccountMenuProfile {
+    /** Under the name on the profile card, e.g. "Free". */
+    plan?: string;
+    /** Makes the card a menu item that runs this and closes the menu, e.g. to open the account settings. */
+    onOpenProfile?: () => void;
+    tabs?: readonly AccountMenuTab[];
+    /** Names the tab row for assistive tech. Default `"Sections"`. */
+    tabsLabel?: string;
+    /** Current tab id (controlled). */
+    tab?: string;
+    onTabChange?: (id: string) => void;
+    /** A row with a short value badge on the right ("EN"); picking it runs `onSelect`. */
+    language?: {
+        label: string;
+        value: string;
+        onSelect?: () => void;
+    };
+    /** A row with a switch; the menu closes after a toggle. */
+    darkTheme?: {
+        label: string;
+        checked: boolean;
+        onCheckedChange: (checked: boolean) => void;
+    };
+    /** A submenu of radio options; the current one's label shows on the row. */
+    colorTheme?: {
+        label: string;
+        value: string;
+        options: readonly {
+            id: string;
+            label: string;
+        }[];
+        onValueChange: (id: string) => void;
+    };
+    /** Glyphs for the rows, so the kit carries no icon set. */
+    icons?: {
+        language?: React.ReactNode;
+        darkTheme?: React.ReactNode;
+        colorTheme?: React.ReactNode;
+    };
+}
+
 interface AccountMenuLabels {
     /** Accessible name of the trigger. Default `"Account"`. */
     trigger?: string;
@@ -2210,6 +2168,11 @@ interface AccountMenuProps {
     onSignOut: () => void;
     linkComponent?: React.ElementType;
     labels?: AccountMenuLabels;
+    /**
+     * The wide profile form: tabs, a profile card, language and theme rows. Absent,
+     * the menu is the compact one it always was.
+     */
+    profile?: AccountMenuProfile;
     className?: string;
 }
 /**
@@ -2217,7 +2180,7 @@ interface AccountMenuProps {
  * center, the service's groups, switching, signing out — so every service's
  * menu reads the same; a service adds groups and nothing else.
  */
-declare function AccountMenu({ account, manageHref, switchHref, groups, onSignOut, linkComponent, labels, className, }: AccountMenuProps): React.JSX.Element;
+declare function AccountMenu({ account, manageHref, switchHref, groups, onSignOut, linkComponent, labels, profile, className, }: AccountMenuProps): React.JSX.Element;
 
 interface MobileAppBarLabels {
     /** Accessible name of the back control. Default `"Back"`. */
@@ -2248,7 +2211,12 @@ interface MobileAppBarProps extends Omit<React.ComponentProps<"header">, "title"
  */
 declare function MobileAppBar({ title, back, right, linkComponent, hideFrom, labels, className, ...props }: MobileAppBarProps): React.JSX.Element;
 
-type SectionLabelTone = "muted" | "accent";
+declare const sectionLabelToneClasses: {
+    readonly muted: "text-ink-soft";
+    readonly accent: "text-primary-ink";
+};
+type SectionLabelTone = keyof typeof sectionLabelToneClasses;
+
 interface SectionLabelProps extends React.HTMLAttributes<HTMLElement> {
     as?: React.ElementType;
     /** `muted` labels a group or a section; `accent` announces a hero figure. */
@@ -2307,14 +2275,14 @@ interface SectionNavItem {
     trailing?: React.ReactNode;
     disabled?: boolean;
 }
-interface SectionNavGroup {
+interface SectionNavGroup extends NavGroupCollapse {
     id: string;
     label?: React.ReactNode;
     /** One line under the label saying what kind of thing lives here. */
     description?: React.ReactNode;
     items: readonly SectionNavItem[];
 }
-interface SectionNavLabels {
+interface SectionNavLabels extends NavCollapseLabels {
     /** Accessible name of the nav. Default `"Sections"`. */
     nav?: string;
 }
@@ -2326,6 +2294,8 @@ interface SectionNavProps extends Omit<React.ComponentProps<"nav">, "children">
     onValueChange?: (id: string) => void;
     linkComponent?: React.ElementType;
     labels?: SectionNavLabels;
+    /** Makes every labelled group collapsible; a group's own `collapsible` wins. Default `false`. */
+    collapsible?: boolean;
 }
 /**
  * A screen's own section rail — settings panes, a document's chapters: grouped
@@ -2333,7 +2303,7 @@ interface SectionNavProps extends Omit<React.ComponentProps<"nav">, "children">
  * is `ShellNav`; this one lives inside a page, so it carries a tint rather than
  * the rail's solid marker and does not slide.
  */
-declare function SectionNav({ groups, value, onValueChange, linkComponent, labels, className, ...props }: SectionNavProps): React.JSX.Element;
+declare function SectionNav({ groups, value, onValueChange, linkComponent, labels, collapsible, className, ...props }: SectionNavProps): React.JSX.Element;
 
 interface ResourceErrorLabels {
     /** The retry button. Default `"Try again"`. */
@@ -2367,7 +2337,14 @@ type ResourceErrorProps = ResourceErrorBase & ({
  */
 declare function ResourceError(props: ResourceErrorProps): React.JSX.Element;
 
-type SystemBannerTone = "warn" | "info";
+declare const systemBannerIconToneClasses: {
+    readonly neutral: "text-ink-soft";
+    readonly primary: "text-primary-ink";
+    readonly info: "text-accent-info-ink";
+    readonly warn: "text-accent-warn";
+};
+type SystemBannerTone = keyof typeof systemBannerIconToneClasses;
+
 interface SystemBannerLabels {
     /** The close button. Default `"Dismiss"`. */
     dismiss?: string;
@@ -2381,6 +2358,8 @@ interface SystemBannerProps extends Omit<React.ComponentProps<"div">, "title"> {
     icon?: React.ReactNode;
     /** Shows a close button; remembering the dismissal is the caller's. */
     onDismiss?: () => void;
+    /** A link or button after the message. */
+    action?: React.ReactNode;
     labels?: SystemBannerLabels;
 }
 /**
@@ -2388,7 +2367,7 @@ interface SystemBannerProps extends Omit<React.ComponentProps<"div">, "title"> {
  * comes from, and whether a dismissal sticks, are the caller's. Put it in
  * `AppShell`'s `banner` slot; several stack with a gap.
  */
-declare function SystemBanner({ tone, title, icon, onDismiss, labels, className, children, ...props }: SystemBannerProps): React.JSX.Element;
+declare function SystemBanner({ tone, title, icon, onDismiss, action, labels, className, children, ...props }: SystemBannerProps): React.JSX.Element;
 
 interface SettledProps extends Omit<React.ComponentProps<"div">, "children"> {
     /** True while the data this surface needs is in flight. */
@@ -2414,4 +2393,721 @@ interface SettledProps extends Omit<React.ComponentProps<"div">, "children"> {
  */
 declare function Settled({ loading, skeleton, children, ...props }: SettledProps): React.JSX.Element;
 
-export { type Accent, Accordion, AccordionContent, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, AccountMenu, type AccountMenuLabels, type AccountMenuProps, Alert, AlertDescription, AlertDialog, AlertDialogAction, type AlertDialogActionProps, AlertDialogCancel, type AlertDialogCancelProps, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, type AlertDialogOverlayProps, type AlertDialogProps, AlertDialogTitle, AlertDialogTrigger, type AlertDialogTriggerProps, type AlertProps, AlertTitle, type AlertVariant, type Align, AppShell, type AppShellProps, AuthWall, type AuthWallProps, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, type BadgeVariant, type BookSide, BottomTabBar, type BottomTabBarLabels, type BottomTabBarProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, type ButtonGroupOrientation, type ButtonGroupProps, ButtonGroupSeparator, ButtonGroupText, type ButtonGroupTextProps, type ButtonProps, type ButtonSize, type ButtonVariant, type ButtonVariantsOptions, Calendar, type CalendarProps, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselEdgeFade, CarouselItem, CarouselNext, CarouselPrevious, type CarouselProps, Check, Checkbox, type CheckboxProps, Collapsible, CollapsibleContent, type CollapsibleProps, CollapsibleTrigger, Command, CommandDialog, type CommandDialogProps, CommandEmpty, CommandGroup, type CommandGroupProps, CommandInput, CommandItem, type CommandItemProps, CommandList, type CommandProps, CommandSeparator, CommandShortcut, Container, type ContainerProps, ContextMenu, ContextMenuCheckboxItem, type ContextMenuCheckboxItemProps, ContextMenuContent, ContextMenuGroup, ContextMenuItem, type ContextMenuItemProps, ContextMenuLabel, type ContextMenuLabelProps, ContextMenuPortal, type ContextMenuProps, ContextMenuRadioGroup, type ContextMenuRadioGroupProps, ContextMenuRadioItem, type ContextMenuRadioItemProps, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, type ContextMenuSubProps, ContextMenuSubTrigger, type ContextMenuSubTriggerProps, ContextMenuTrigger, type ContextMenuTriggerProps, DateTimePicker, type DateTimePickerLabels, type DateTimePickerProps, Dialog, DialogClose, type DialogCloseProps, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, type DialogOverlayProps, DialogPortal, type DialogPortalProps, type DialogProps, DialogTitle, DialogTrigger, type DialogTriggerProps, type DismissEvent, DismissableLayerScope, Display, Drawer, DrawerClose, type DrawerCloseProps, DrawerContent, DrawerDescription, type DrawerDirection, DrawerFooter, DrawerHeader, DrawerOverlay, type DrawerProps, DrawerTitle, DrawerTrigger, type DrawerTriggerProps, DropdownMenu, DropdownMenuCheckboxItem, type DropdownMenuCheckboxItemProps, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPortal, type DropdownMenuProps, DropdownMenuRadioGroup, type DropdownMenuRadioGroupProps, DropdownMenuRadioItem, type DropdownMenuRadioItemProps, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, type DropdownMenuSubProps, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, type DropdownMenuTriggerProps, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, type EmptyMediaProps, type EmptyMediaVariant, EmptyTitle, Eyebrow, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, type FieldOrientation, FieldSeparator, FieldSet, FieldTitle, type FloatingResult, Footer, type FooterLink, type FooterLinkGroup, type FooterOffice, type FooterProps, Forbidden, Form, FormControl, FormDescription, FormItem, FormLabel, FormMessage, HoverCard, HoverCardContent, type HoverCardContentProps, type HoverCardProps, HoverCardTrigger, type HoverCardTriggerProps, type HoverIntentHandlers, InfoTip, InfoTipContent, type InfoTipContentProps, type InfoTipProps, InfoTipTrigger, type InfoTipTriggerProps, Input, InputGroup, InputGroupAddon, type InputGroupAddonAlign, type InputGroupAddonProps, InputGroupButton, type InputGroupButtonProps, type InputGroupButtonSize, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, type InputOTPProps, InputOTPSeparator, InputOTPSlot, type InputOTPSlotProps, type InputProps, type InputSize, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, type ItemMediaProps, type ItemMediaVariant, type ItemProps, ItemSeparator, type ItemSize, ItemTitle, type ItemVariant, Kbd, KbdGroup, LAYER_IGNORE_ATTR, Label, ListRow, ListRowLabel, type ListRowLabelProps, type ListRowProps, ListRowValue, ListRows, type ListRowsProps, type ListRowsVariant, Logo, type LogoProps, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, type MenubarMenuProps, MenubarRadioGroup, type MenubarRadioGroupProps, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, type MenubarSubProps, MenubarSubTrigger, MenubarTrigger, MobileAppBar, type MobileAppBarBack, type MobileAppBarLabels, type MobileAppBarProps, NativeSelect, NativeSelectGroup, NativeSelectOption, type NativeSelectProps, type NativeSelectSize, NavBadge, type NavBadgeProps, type NavBadgeVariant, NavDot, type NavDotProps, type NavDotTone, type NavGroup, type NavItem, type NavItemState, type NavMatch, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, type NavigationMenuItemProps, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NotFound, OpenOrdersEmpty, OrderBook, OrderBookHead, type OrderBookHeadProps, OrderBookRow, type OrderBookRowProps, OrderBookSpread, OrderForm, OrderFormRow, type OrderFormRowProps, OrderFormSubmit, type OrderFormSubmitProps, type OrderSide, PageFrame, type PageFrameProps, type PageFrameWidth, PageHeading, type PageHeadingProps, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, type PaginationLinkProps, PaginationNext, PaginationPrevious, type Polarity, Popover, PopoverAnchor, type PopoverAnchorProps, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, Portal, type PortalProps, PortalProvider, type PortalProviderProps, Progress, type ProgressProps, Prose, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, ResourceError, type ResourceErrorLabels, type ResourceErrorProps, ScrollArea, ScrollBar, type ScrollBarOrientation, type ScrollBarProps, Section, SectionDescriptor, type SectionDescriptorProps, SectionHead, type SectionHeadProps, SectionLabel, type SectionLabelProps, type SectionLabelTone, SectionNav, type SectionNavGroup, type SectionNavItem, type SectionNavLabels, type SectionNavProps, type SectionProps, Select, SelectContent, type SelectContentProps, SelectGroup, SelectItem, type SelectItemProps, SelectLabel, type SelectProps, SelectSeparator, SelectTrigger, type SelectTriggerProps, type SelectTriggerSize, SelectValue, type SelectValueProps, Separator, type SeparatorOrientation, type SeparatorProps, ServerError, type ServerErrorProps, Settled, type SettledProps, Sheet, SheetClose, type SheetCloseProps, SheetContent, type SheetContentProps, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, type SheetOverlayProps, type SheetProps, SheetTitle, SheetTrigger, type SheetTriggerProps, type ShellBreakpoint, ShellNav, type ShellNavLabels, type ShellNavProps, type Side, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, type SidebarGroupLabelProps, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuButton, type SidebarMenuButtonProps, type SidebarMenuButtonSize, SidebarMenuItem, type SidebarProps, SidebarProvider, type SidebarProviderProps, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, type SliderProps, Slot, type SlotProps, Spinner, Stat, type StatProps, type StatusLinkData, type StatusPageProps, StatusScreen, type StatusScreenProps, type Surface, Switch, type SwitchProps, SystemBanner, type SystemBannerLabels, type SystemBannerProps, type SystemBannerTone, Table, type TableAlign, TableBody, TableCaption, TableCard, TableCell, type TableCellProps, type TableDensity, TableFooter, TableHead, type TableHeadProps, TableHeader, type TableProps, TableRow, type TableVariant, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsProps, TabsTrigger, type TabsTriggerProps, Terminal, type TerminalArea, TerminalChart, TerminalPane, TerminalPaneBody, TerminalPaneHeader, type TerminalPaneProps, TerminalTicker, Textarea, type TextareaProps, type TextareaSize, TickerStat, type TickerStatProps, type Toast, type ToastFn, type ToastOptions, type ToastPosition, type ToastState, type ToastVariant, Toaster, type ToasterProps, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleProps, type ToggleSize, type ToggleVariant, type ToggleVariantsOptions, Tooltip, TooltipContent, type TooltipContentProps, type TooltipProps, TooltipProvider, type TooltipProviderProps, TooltipTrigger, type TooltipTriggerProps, TopBar, type TopBarProps, TradesTapeRow, type TradesTapeRowProps, buttonVariants, cn, isNavItemActive, isPlainLeftClick, mergeRefs, navItemMatch, navigationMenuTriggerStyle, resolveActiveNavItem, statusCtaClass, toast, toggleVariants, useControllableState, useDismissableLayer, useFloating, useFocusScope, useHoverIntent, usePendingNavigation, usePresence, useRovingFocus, useSidebar };
+type RollDirection = 1 | -1 | 0;
+
+interface AnimatedNumberProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "children" | "prefix"> {
+    value: number;
+    /** Passed to `Intl.NumberFormat`: currency, percent, compact, `signDisplay`... */
+    format?: Intl.NumberFormatOptions;
+    locales?: Intl.LocalesArgument;
+    /** `roll`: digit columns spin. `count`: the number is tweened and re-formatted each frame. Default `roll`. */
+    mode?: "roll" | "count";
+    /**
+     * Roll only. `1` every column spins up, `-1` down, `0` each column takes its
+     * shorter way. Default: up when the value rose, down when it fell.
+     */
+    trend?: RollDirection;
+    /** Milliseconds one change takes: the spin in `roll` (default 750), the whole tween in `count` (default 800). */
+    duration?: number;
+    prefix?: React.ReactNode;
+    suffix?: React.ReactNode;
+    /** Announce each new value politely. Off by default: a ticker would talk over the page. */
+    live?: boolean;
+    /** Animate the first render from `from`. The server markup still prints `value`. */
+    animateOnMount?: boolean;
+    /** The first-render start with `animateOnMount`. Default `0`. */
+    from?: number;
+}
+/**
+ * A number that animates when `value` changes. `roll` (default) spins each
+ * digit column like an odometer; `count` tweens the number itself. Both format
+ * with `Intl.NumberFormat`, inherit font and colour, and swap instantly under
+ * `prefers-reduced-motion`. The final formatted value is in the DOM once, as
+ * text for assistive tech and for copying; the moving glyphs are `aria-hidden`.
+ */
+declare function AnimatedNumber({ value, format, locales, mode, trend, duration, prefix, suffix, live, animateOnMount, from, className, style, ...props }: AnimatedNumberProps): React.JSX.Element;
+
+interface CountTweenOptions {
+    /** Milliseconds from the old value to the new one. Default `800`. */
+    duration?: number;
+    /** Maps progress 0..1 to eased progress 0..1. Default ease-out cubic. */
+    easing?: (progress: number) => number;
+    /** Count up from here on the first render. Default `0`; only read with `animateOnMount`. */
+    from?: number;
+    /** Tween on the first render too. Off by default so the server markup is the final value. */
+    animateOnMount?: boolean;
+}
+/**
+ * The number a count-up is showing right now, for custom renderers (charts,
+ * labels). It returns `value` itself on the first render and whenever nothing
+ * is in flight, so a server render prints the final figure. A new `value`
+ * mid-flight restarts from what is on screen. Reduced motion returns `value`
+ * with no frames at all.
+ */
+declare function useCountTween(value: number, options?: CountTweenOptions): number;
+
+declare const iconButtonSizeClasses: {
+    readonly sm: "h-6";
+    readonly md: "h-7";
+    readonly touch: "";
+};
+type IconButtonSize = keyof typeof iconButtonSizeClasses;
+
+type IconButtonVariant = "outline" | "ghost";
+interface IconButtonProps extends Omit<React.ComponentPropsWithoutRef<"button">, "aria-label" | "children"> {
+    /** Required: a glyph alone names nothing. */
+    "aria-label": string;
+    /** The glyph, 16 px. */
+    children: React.ReactNode;
+    variant?: IconButtonVariant;
+    size?: IconButtonSize;
+    /** Toggled on: the active fill, and `aria-pressed` for assistive tech. */
+    pressed?: boolean;
+    /** Shown in a Tooltip on hover and focus. */
+    tooltip?: React.ReactNode;
+}
+/**
+ * A square button holding one glyph. It forwards its ref (also on React 18,
+ * where function components drop `ref`) so it can be the child of any
+ * `asChild` trigger; with a `tooltip` the same element anchors the tooltip.
+ */
+declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
+declare const statusDotClasses: {
+    readonly positive: "bg-positive";
+    readonly neutral: "bg-ink-soft";
+    readonly warn: "bg-accent-warn";
+    readonly error: "bg-accent-error";
+    readonly muted: "bg-ink-soft/50";
+};
+type StatusTone = keyof typeof statusDotClasses;
+
+interface StatusDotProps extends React.ComponentProps<"span"> {
+    tone?: StatusTone;
+}
+/** The 6 px dot alone; decorative, so the text next to it must carry the meaning. */
+declare function StatusDot({ tone, className, ...props }: StatusDotProps): React.JSX.Element;
+interface StatusItemProps extends React.ComponentProps<"span"> {
+    tone?: StatusTone;
+    /** A figure after the label, e.g. a latency. */
+    value?: React.ReactNode;
+}
+/** A dot and a short label: connection, sync, environment. */
+declare function StatusItem({ tone, value, className, children, ...props }: StatusItemProps): React.JSX.Element;
+
+interface WorkspaceTabsProps extends Omit<React.ComponentProps<"div">, "onChange" | "defaultValue"> {
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+}
+/**
+ * A row of open workspaces. Arrow keys move focus (Home/End jump); selecting is
+ * Enter, Space or a click, so moving through the row never swaps the screen.
+ */
+declare function WorkspaceTabs({ value, defaultValue, onValueChange, className, onKeyDown, ...props }: WorkspaceTabsProps): React.JSX.Element;
+interface WorkspaceTabProps extends Omit<React.ComponentProps<"button">, "value"> {
+    value: string;
+    /** Leading glyph; the layers glyph by default. */
+    icon?: React.ReactNode;
+    /** Adds a close button; Delete and Backspace on the tab close it too. */
+    onClose?: () => void;
+    /** Names the close button, e.g. "Close Trading". */
+    closeLabel?: string;
+}
+declare function WorkspaceTab({ value, icon, onClose, closeLabel, className, children, onClick, onKeyDown, ...props }: WorkspaceTabProps): React.JSX.Element;
+
+interface KeyValueLabels {
+    /** The copy button. Default `"Copy {label}"` (just `"Copy"` when the label is not text). */
+    copy?: string;
+    /** The polite announcement after a copy. Default `"Copied"`. */
+    copied?: string;
+}
+interface KeyValueProps extends Omit<React.ComponentProps<"div">, "children"> {
+    label: React.ReactNode;
+    value: React.ReactNode;
+    /** Adds a copy button for this text. */
+    copyText?: string;
+    labels?: KeyValueLabels;
+}
+/** A small label over its value, with an optional copy button. */
+declare function KeyValue({ label, value, copyText, labels, className, ...props }: KeyValueProps): React.JSX.Element;
+
+interface FormRowProps extends Omit<React.ComponentProps<"div">, "title"> {
+    label: React.ReactNode;
+    /** The id of the control in `children`; renders the label as a `<label for>`. */
+    htmlFor?: string;
+    /** A line under the label. */
+    description?: React.ReactNode;
+    /** A caption under the control, e.g. a format hint. */
+    hint?: React.ReactNode;
+    /** Hairline under the row. Default true; the last row of a group turns it off. */
+    divider?: boolean;
+}
+/**
+ * Label on the left, the value or its control on the right; they stack on a
+ * phone. A plain `div`, not `ListRow`: it is a form field row, not a list item,
+ * and its label column has a fixed width so controls line up down the page.
+ */
+declare function FormRow({ label, htmlFor, description, hint, divider, className, children, ...props }: FormRowProps): React.JSX.Element;
+
+declare const settingsSectionToneClasses: {
+    readonly default: "border-border";
+    readonly danger: "border-accent-error";
+};
+type SettingsSectionTone = keyof typeof settingsSectionToneClasses;
+
+interface SettingsLayoutProps extends Omit<React.ComponentProps<"div">, "title"> {
+    /** The section rail (`SectionNav`), 256 wide from `lg` up and on top below it. */
+    nav: React.ReactNode;
+}
+/**
+ * Rail on the left, cards in the main column; centres a 1408 px measure. The column is a
+ * div: `AppShell` already renders the page's `<main>`.
+ */
+declare function SettingsLayout({ nav, className, children, ...props }: SettingsLayoutProps): React.JSX.Element;
+interface SettingsSectionProps extends Omit<React.ComponentProps<"section">, "title"> {
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    /** Top-right control, e.g. a "Create team" button. */
+    action?: React.ReactNode;
+    /** `danger` draws the destructive-zone edge. */
+    tone?: SettingsSectionTone;
+    /** Rows run edge to edge with their hairlines; otherwise the body is padded. */
+    flush?: boolean;
+}
+/** A settings card: title, a line saying what it is for, then the body. */
+declare function SettingsSection({ title, description, action, tone, flush, className, children, ...props }: SettingsSectionProps): React.JSX.Element;
+interface SettingsRowProps extends FormRowProps {
+    /** Keeps label and control on one line at every width, control at the end: for a switch or a button. */
+    inline?: boolean;
+}
+/** A `FormRow` for settings; `inline` suits toggles. */
+declare function SettingsRow({ inline, className, ...props }: SettingsRowProps): React.JSX.Element;
+
+interface AccountSettingsSection {
+    id: string;
+    label: React.ReactNode;
+    icon?: React.ReactNode;
+    content: React.ReactNode;
+}
+interface AccountSettingsDialogLabels {
+    /** The close button. Default `"Close"`. */
+    close?: string;
+}
+interface AccountSettingsDialogProps {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** The heading of the content pane. */
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    /** One sidebar entry each; the active one's `content` fills the pane. */
+    sections: readonly AccountSettingsSection[];
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (id: string) => void;
+    /** Pinned under the sidebar entries: sign out, language. */
+    sidebarFooter?: React.ReactNode;
+    labels?: AccountSettingsDialogLabels;
+    className?: string;
+}
+/**
+ * The account modal: a vertical tab rail on the left, the active section on
+ * the right. Sections are the caller's, so Profile and Security (or any other)
+ * are built from `SettingsSection` and `SettingsRow` inside `content`.
+ */
+declare function AccountSettingsDialog({ open, defaultOpen, onOpenChange, title, description, sections, value, defaultValue, onValueChange, sidebarFooter, labels, className, }: AccountSettingsDialogProps): React.JSX.Element;
+
+declare const confirmDialogIconToneClasses: {
+    readonly default: "bg-muted text-ink-mid";
+    readonly danger: "bg-chip-error-bg text-accent-error";
+};
+type ConfirmDialogTone = keyof typeof confirmDialogIconToneClasses;
+
+interface ConfirmDialogLabels {
+    cancel?: string;
+    /** Shown when `onConfirm` rejects with something that has no message. */
+    error?: string;
+}
+interface ConfirmDialogProps {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** Opens the dialog; wrapped with `asChild`, so pass one button. */
+    trigger?: React.ReactNode;
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    tone?: ConfirmDialogTone;
+    confirmLabel: React.ReactNode;
+    /**
+     * Resolve to close the dialog. While a returned promise is pending both
+     * buttons are disabled and Escape and outside clicks do nothing; a rejection
+     * keeps the dialog open and shows its message under the text.
+     */
+    onConfirm: () => void | Promise<void>;
+    /** Replaces the tone's glyph. */
+    icon?: React.ReactNode;
+    labels?: ConfirmDialogLabels;
+    className?: string;
+}
+declare function ConfirmDialog({ open, defaultOpen, onOpenChange, trigger, title, description, tone, confirmLabel, onConfirm, icon, labels, className, }: ConfirmDialogProps): React.JSX.Element;
+
+interface AccountListProps extends Omit<React.ComponentProps<"div">, "onChange" | "defaultValue"> {
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    /** Accessible name of the group, e.g. "Accounts". */
+    "aria-label": string;
+}
+/**
+ * Pick the account you act as: one is current, arrows move and select
+ * (radio-group semantics), so the current account is the only tab stop.
+ */
+declare function AccountList({ value, defaultValue, onValueChange, className, onKeyDown, ...props }: AccountListProps): React.JSX.Element;
+interface AccountListItemProps extends Omit<React.ComponentProps<"div">, "value" | "title"> {
+    value: string;
+    name: React.ReactNode;
+    /** A line under the name: handle, email. */
+    handle?: React.ReactNode;
+    /** Replaces the initial-in-a-square default. */
+    avatar?: React.ReactNode;
+    /** Role badges after the name block. */
+    badges?: React.ReactNode;
+    /** A figure at the end, set in the serif face: a balance. */
+    figure?: React.ReactNode;
+    /** Controls beside the row (a menu button); they cannot live inside the radio. */
+    actions?: React.ReactNode;
+    disabled?: boolean;
+}
+declare function AccountListItem({ value, name, handle, avatar, badges, figure, actions, disabled, className, ...props }: AccountListItemProps): React.JSX.Element;
+
+interface PopoverFormLabels {
+    submit?: string;
+    reset?: string;
+}
+interface PopoverFormProps {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** The button that opens the form; wrapped with `asChild`, so pass one element. */
+    trigger: React.ReactNode;
+    title: React.ReactNode;
+    /** The fields: `Field`s with an `Input`, `Select` or `Checkbox`. */
+    children: React.ReactNode;
+    /** Called on submit; the popover closes afterwards. */
+    onSubmit?: (event: React.FormEvent<HTMLFormElement>) => void;
+    /** Called when Reset is pressed; native fields are reset by the browser first. */
+    onReset?: () => void;
+    labels?: PopoverFormLabels;
+    className?: string;
+}
+/** A filter-style form in a popover: a title, fields, Reset and Apply. */
+declare function PopoverForm({ open, defaultOpen, onOpenChange, trigger, title, children, onSubmit, onReset, labels, className, }: PopoverFormProps): React.JSX.Element;
+
+interface CommandPaletteItem {
+    id: string;
+    label: string;
+    icon?: React.ReactNode;
+    /** Shown at the row end, e.g. "⌘N". */
+    shortcut?: string;
+    /** Extra words the search matches besides the label. */
+    keywords?: readonly string[];
+    disabled?: boolean;
+    onSelect: () => void;
+}
+interface CommandPaletteGroup {
+    id: string;
+    heading?: string;
+    items: readonly CommandPaletteItem[];
+}
+interface CommandPaletteLabels {
+    /** Names the dialog for assistive tech. Default `"Command palette"`. */
+    title?: string;
+    placeholder?: string;
+    empty?: string;
+    navigate?: string;
+    select?: string;
+    close?: string;
+}
+interface CommandPaletteProps {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    groups: readonly CommandPaletteGroup[];
+    labels?: CommandPaletteLabels;
+    className?: string;
+}
+/**
+ * Search-and-run over a list of actions. Choosing a row runs it and closes the
+ * palette. Pair it with `useCommandPaletteShortcut` for ⌘K / Ctrl+K.
+ */
+declare function CommandPalette({ open, defaultOpen, onOpenChange, groups, labels, className, }: CommandPaletteProps): React.JSX.Element;
+/**
+ * Calls `onTrigger` on ⌘K (Mac) or Ctrl+K, and keeps the browser from taking
+ * the key (Chrome focuses the address bar on Ctrl+K in some layouts). Matches the
+ * physical key (`code`), so it also works on a Russian or other non-Latin layout.
+ */
+declare function useCommandPaletteShortcut(onTrigger: () => void, enabled?: boolean): void;
+
+declare const headerBalanceToneClasses: {
+    readonly default: "text-ink";
+    readonly warn: "text-accent-warn";
+};
+type HeaderBalanceTone = keyof typeof headerBalanceToneClasses;
+
+interface HeaderBalanceProps extends Omit<React.HTMLAttributes<HTMLElement>, "children"> {
+    /** Only meaningful with `onClick`. */
+    disabled?: boolean;
+    label?: React.ReactNode;
+    /** The figure, already formatted: "$0.00". Ignored when `amount` is given. */
+    value?: React.ReactNode;
+    /** The figure as a number: it rolls to each new amount, formatted by `format` and `locales`. */
+    amount?: number;
+    /** Formatting for `amount`. Default: USD currency. */
+    format?: Intl.NumberFormatOptions;
+    locales?: Intl.LocalesArgument;
+    /** True until the balance is known; the figure then reveals in place of the skeleton. */
+    loading?: boolean;
+    /** A glyph before the label. */
+    icon?: React.ReactNode;
+    /** `warn` colours the figure as a low-funds signal. */
+    tone?: HeaderBalanceTone;
+}
+/** "Balance: $0.00" in the header; a button only when given `onClick`. */
+declare function HeaderBalance({ label, value, amount, format, locales, loading, icon, tone, onClick, disabled, className, ...props }: HeaderBalanceProps): React.JSX.Element;
+interface HeaderNotification {
+    id: string;
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    /** Already formatted: "2m ago". */
+    time?: React.ReactNode;
+    unread?: boolean;
+}
+interface NotificationBellLabels {
+    /** The bell's name. Default `"Notifications"`. */
+    trigger?: string;
+    /** Spoken after the name when something is unread; gets the count. Default `"{n} unread"`. */
+    unread?: (count: number) => string;
+    /** Default `"No notifications"`. */
+    empty?: string;
+}
+interface NotificationBellProps {
+    notifications: readonly HeaderNotification[];
+    onSelect?: (id: string) => void;
+    labels?: NotificationBellLabels;
+    /** Under the list: "View all". */
+    footer?: React.ReactNode;
+    className?: string;
+}
+/** The bell with an unread dot; the list opens in a popover. */
+declare function NotificationBell({ notifications, onSelect, labels, footer, className }: NotificationBellProps): React.JSX.Element;
+interface HeaderSearchProps extends React.ComponentProps<"button"> {
+    placeholder?: string;
+    /** The shortcut hint at the end. Default: `⌘K` on Apple platforms, `Ctrl K` elsewhere. */
+    shortcut?: string;
+}
+/** A button dressed as the search field; it opens the palette rather than taking input. */
+declare function HeaderSearch({ placeholder, shortcut, className, ...props }: HeaderSearchProps): React.JSX.Element;
+
+type SmartHeaderState = "default" | "collapsed" | "banner" | "search";
+interface SmartHeaderProps extends Omit<React.ComponentProps<"div">, "children"> {
+    /**
+     * `default` — bar, toolbar and context line; `collapsed` — the toolbar folds
+     * into the bar as `collapsed`; `banner` — a banner row above one bar;
+     * `search` — one bar with the `palette` under it.
+     */
+    state?: SmartHeaderState;
+    /** Brand, workspace tabs: the left side of the bar. */
+    start?: React.ReactNode;
+    /** The right side of the bar: icon actions, balance, bell, account menu. */
+    end?: React.ReactNode;
+    /** The folded toolbar, between `start` and `end`; shown in `collapsed` only. */
+    collapsed?: React.ReactNode;
+    /** A `SystemBanner`; shown in `banner` only. */
+    banner?: React.ReactNode;
+    /** The second row, 44 high; shown in `default` only. */
+    toolbar?: React.ReactNode;
+    /** The slim line on the page fill under the toolbar; shown in `default` only. */
+    context?: React.ReactNode;
+    /** A `CommandPalette` or any panel that drops from the bar; shown in `search` only. */
+    palette?: React.ReactNode;
+}
+/**
+ * A page header that adapts to scroll and alerts. The bar is the same in every
+ * state, so switching never moves the brand or the account: only the rows
+ * around it come and go. Layout only; the caller owns the state and its trigger
+ * (a scroll observer, a feed status, the search button).
+ */
+declare function SmartHeader({ state, start, end, collapsed, banner, toolbar, context, palette, className, ...props }: SmartHeaderProps): React.JSX.Element;
+
+declare const asidePanelSideClasses: {
+    readonly left: "border-r border-border";
+    readonly right: "border-l border-border";
+};
+type AsidePanelSide = keyof typeof asidePanelSideClasses;
+
+interface AsideHeaderLabels {
+    back?: string;
+    close?: string;
+}
+interface AsideHeaderProps extends Omit<React.ComponentProps<"div">, "title"> {
+    title: React.ReactNode;
+    /** Shows the back button first. */
+    onBack?: () => void;
+    /** Shows the close button last. */
+    onClose?: () => void;
+    /** `IconButton`s between the title and the close button: pin, more. */
+    actions?: React.ReactNode;
+    labels?: AsideHeaderLabels;
+}
+/** The 44 px title row of an aside. */
+declare function AsideHeader({ title, onBack, onClose, actions, labels, className, ...props }: AsideHeaderProps): React.JSX.Element;
+interface AsideRailItem {
+    id: string;
+    /** Names the button and fills its tooltip. */
+    label: string;
+    icon: React.ReactNode;
+}
+interface AsideRailProps extends Omit<React.ComponentProps<"div">, "onChange"> {
+    items: readonly AsideRailItem[];
+    /** Pinned to the bottom, e.g. settings. */
+    endItems?: readonly AsideRailItem[];
+    /** The open aside's id; `null` when all are closed. */
+    value: string | null;
+    /** Pressing the open item's button asks for `null`. */
+    onValueChange: (id: string | null) => void;
+    /** Accessible name of the rail. Default `"Panels"`. */
+    "aria-label"?: string;
+}
+/** The 44 px strip of icon buttons that opens and closes the asides. */
+declare function AsideRail({ items, endItems, value, onValueChange, className, "aria-label": ariaLabel, ...props }: AsideRailProps): React.JSX.Element;
+type AsidePanelMode = "docked" | "overlay";
+interface AsidePanelProps extends Omit<React.ComponentProps<"aside">, "title"> {
+    /** Names the panel. */
+    "aria-label": string;
+    mode?: AsidePanelMode;
+    /** Which edge of the screen it hugs. Default `right`. */
+    side?: AsidePanelSide;
+    open?: boolean;
+    /**
+     * Escape, the scrim and the drawer drag call it with `false`. A docked panel
+     * is only dismissable this way where it falls back to the drawer (below `md`).
+     */
+    onOpenChange?: (open: boolean) => void;
+    /** An `AsideHeader`. */
+    header?: React.ReactNode;
+    /** Sticky under the body: actions. */
+    footer?: React.ReactNode;
+    /**
+     * Below this width the panel floats on a drawer so the content keeps its room.
+     * `false` keeps it docked (or on a sheet) at every width, for a framed preview
+     * or an embedded layout where the viewport says nothing about the room.
+     */
+    collapseBelow?: "md" | false;
+    /** Docked 380 (260 for a left navigation), overlay 420: a width class overrides it. */
+    className?: string;
+}
+/**
+ * A side panel. `docked` sits in the layout and takes room from the content;
+ * `overlay` floats over a scrim on a Sheet. Below `md` both use a bottom Drawer.
+ * The edge facing the content is the only border.
+ */
+declare function AsidePanel({ mode, side, open, onOpenChange, header, footer, collapseBelow, className, children, ...props }: AsidePanelProps): React.JSX.Element | null;
+
+declare const chatBubbleVariantClasses: {
+    readonly user: "max-w-105 rounded-lg border border-border bg-secondary px-3.5 py-2.5";
+    readonly assistant: "py-0.5";
+    readonly muted: "max-w-105 rounded-lg border border-border-subtle bg-muted px-3.5 py-2.5";
+};
+type ChatBubbleVariant = keyof typeof chatBubbleVariantClasses;
+declare const chatStatusDotClasses: {
+    readonly running: "bg-primary-ink motion-safe:animate-pulse";
+    readonly done: "bg-ink-soft";
+};
+type ChatStatusState = keyof typeof chatStatusDotClasses;
+declare const chatToolMetaClasses: {
+    readonly running: "text-primary-ink";
+    readonly done: "text-ink-soft";
+    readonly error: "text-accent-error";
+};
+type ChatToolState = keyof typeof chatToolMetaClasses;
+
+interface ChatBubbleProps extends React.ComponentProps<"div"> {
+    variant?: ChatBubbleVariant;
+    /**
+     * Still receiving text: a soft caret pulses after it, and string children
+     * fade in word by word (`ChatStreamText`). Stays set until the text is complete.
+     */
+    streaming?: boolean;
+}
+/** One block of message text; `assistant` has no box so long answers read as a page. */
+declare function ChatBubble({ variant, streaming, className, children, ...props }: ChatBubbleProps): React.JSX.Element;
+interface ChatMessageProps extends Omit<React.ComponentProps<"div">, "role"> {
+    role: "assistant" | "user";
+    /** "Assistant", "You". */
+    name?: React.ReactNode;
+    /** Already formatted: "13:04". */
+    time?: React.ReactNode;
+    /** The assistant's tile; a default sparkle tile when omitted. */
+    avatar?: React.ReactNode;
+    /** Drops the name row and the avatar, for a narrow dock. */
+    compact?: boolean;
+}
+/** A turn: who spoke, when, then the bubbles and markers. Fades in and rises once when it mounts. */
+declare function ChatMessage({ role, name, time, avatar, compact, className, children, ...props }: ChatMessageProps): React.JSX.Element;
+type ChatMarkerProps = Omit<React.ComponentProps<"div">, "title"> & ({
+    type: "status";
+    state?: ChatStatusState;
+} | {
+    type: "tool";
+    state?: ChatToolState;
+    /** The tool's name. */
+    title: React.ReactNode;
+    detail?: React.ReactNode;
+    /** The right-hand note: "Running…", "0.4s", "Failed · 1.2s". */
+    meta?: React.ReactNode;
+} | {
+    type: "separator";
+});
+/** The quiet lines between messages: progress, a tool call, or a day break. */
+declare function ChatMarker(allProps: ChatMarkerProps): React.JSX.Element;
+interface ChatAttachmentProps extends Omit<React.ComponentProps<"div">, "children"> {
+    type?: "file" | "image";
+    state?: "ready" | "uploading";
+    name: string;
+    /** "PDF · 1.2 MB"; while uploading, defaults to the percentage. */
+    meta?: React.ReactNode;
+    /** 0 to 100, while uploading. */
+    progress?: number;
+    /** Shows the remove button. */
+    onRemove?: () => void;
+    /** Default `"Remove {name}"`. */
+    removeLabel?: string;
+}
+/** A card for a file in a message or in the composer. */
+declare function ChatAttachment({ type, state, name, meta, progress, onRemove, removeLabel, className, ...props }: ChatAttachmentProps): React.JSX.Element;
+
+interface ChatStreamTextProps extends Omit<React.ComponentProps<"span">, "children"> {
+    /** The text so far. Pass the whole growing string; only the appended tail animates. */
+    text: string;
+    /**
+     * The text is still growing. A string that is already complete when this
+     * mounts as `false` shows at once, with no entrance.
+     */
+    streaming?: boolean;
+}
+/**
+ * Text that arrives word by word. New words fade in from a soft blur and settle
+ * (motion.css); words already on screen are never touched again. Once a word has
+ * landed it folds into one plain text node, so a long reply costs a handful of
+ * elements, not thousands. The text content stays exactly `text`.
+ */
+declare function ChatStreamText({ text, streaming, ...props }: ChatStreamTextProps): React.JSX.Element;
+
+interface ChatTypingProps extends Omit<React.ComponentProps<"span">, "children"> {
+    /** Names the state for assistive tech. Default `"Assistant is thinking"`. */
+    label?: string;
+}
+/**
+ * The wait before the first token: three dots whose opacity ripples. Under
+ * reduced motion CSS swaps them for a still "…". It is a status region, so a
+ * screen reader hears the label once when it appears.
+ */
+declare function ChatTyping({ label, className, ...props }: ChatTypingProps): React.JSX.Element;
+
+interface ModelOption {
+    id: string;
+    label: string;
+}
+interface ModelChipProps {
+    models: readonly ModelOption[];
+    value: string;
+    onValueChange: (id: string) => void;
+    /** Names the menu. Default `"Model"`. */
+    "aria-label"?: string;
+    className?: string;
+}
+/** The small bordered button naming the model; opens a radio menu of the options. */
+declare function ModelChip({ models, value, onValueChange, "aria-label": ariaLabel, className }: ModelChipProps): React.JSX.Element;
+interface ChatComposerLabels {
+    /** Names the message field. Default `"Message"`. */
+    field?: string;
+    send?: string;
+    stop?: string;
+    attach?: string;
+}
+interface ChatComposerProps extends Omit<React.ComponentProps<"div">, "onChange" | "defaultValue"> {
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    /** Enter or the send button, with the trimmed text. The field clears afterwards. */
+    onSend: (text: string) => void;
+    /** The assistant is answering: the button becomes Stop. Enter still queues a follow-up. */
+    streaming?: boolean;
+    onStop?: () => void;
+    placeholder?: string;
+    /** Shows the attach button. */
+    onAttach?: () => void;
+    /** A row of `ChatAttachment`s above the field. */
+    attachments?: React.ReactNode;
+    /** Model chips and other toolbar controls, after the attach button. */
+    tools?: React.ReactNode;
+    /** A caption in the toolbar: "Enter to send · Shift+Enter for a new line". */
+    hint?: React.ReactNode;
+    disabled?: boolean;
+    labels?: ChatComposerLabels;
+}
+declare function ChatComposer({ value, defaultValue, onValueChange, onSend, streaming, onStop, placeholder, onAttach, attachments, tools, hint, disabled, labels, className, ...props }: ChatComposerProps): React.JSX.Element;
+
+interface ChatPanelLabels {
+    /** The scroll-to-end button. Default `"Jump to latest"`. */
+    jump?: string;
+    /** Names the log region. Default `"Conversation"`. */
+    log?: string;
+}
+interface ChatPanelProps extends Omit<React.ComponentProps<"div">, "children"> {
+    /** `ChatMessage`s and `ChatMarker`s, oldest first. */
+    children?: React.ReactNode;
+    /** Shown instead of the log while there is nothing to read. */
+    empty?: React.ReactNode;
+    /** The composer, under the log. */
+    composer?: React.ReactNode;
+    /**
+     * The last turn is still arriving. The log is marked busy, so a screen reader
+     * waits for the finished text instead of announcing every chunk.
+     */
+    streaming?: boolean;
+    labels?: ChatPanelLabels;
+}
+/**
+ * The conversation: a scrolling log that follows new content while the reader
+ * is at the end, and lets go the moment they scroll up. The jump button brings
+ * them back. The log is a polite live region, so new turns are announced
+ * without taking focus.
+ */
+declare function ChatPanel({ children, empty, composer, streaming, labels, className, ...props }: ChatPanelProps): React.JSX.Element;
+interface ChatDockLabels extends ChatPanelLabels {
+    /** The launcher bar's name when collapsed. Default `"Open assistant"`. */
+    open?: string;
+    /** Default `"Collapse"`. */
+    collapse?: string;
+}
+interface ChatDockProps extends Omit<React.ComponentProps<"section">, "title" | "children"> {
+    title: React.ReactNode;
+    expanded?: boolean;
+    defaultExpanded?: boolean;
+    onExpandedChange?: (expanded: boolean) => void;
+    /** Header buttons before collapse: history. */
+    actions?: React.ReactNode;
+    /** The launcher bar's text when collapsed. */
+    prompt?: string;
+    children?: React.ReactNode;
+    empty?: React.ReactNode;
+    composer?: React.ReactNode;
+    streaming?: boolean;
+    labels?: ChatDockLabels;
+}
+/** The assistant docked in a column: a launcher bar when collapsed, header + conversation + composer when open. */
+declare function ChatDock({ title, expanded, defaultExpanded, onExpandedChange, actions, prompt, children, empty, composer, streaming, labels, className, ...props }: ChatDockProps): React.JSX.Element;
+
+export { type Accent, Accordion, AccordionContent, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, AccountList, AccountListItem, type AccountListItemProps, type AccountListProps, AccountMenu, type AccountMenuLabels, type AccountMenuProfile, type AccountMenuProps, type AccountMenuTab, AccountSettingsDialog, type AccountSettingsDialogLabels, type AccountSettingsDialogProps, type AccountSettingsSection, Alert, AlertDescription, AlertDialog, AlertDialogAction, type AlertDialogActionProps, AlertDialogCancel, type AlertDialogCancelProps, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, type AlertDialogOverlayProps, type AlertDialogProps, AlertDialogTitle, AlertDialogTrigger, type AlertDialogTriggerProps, type AlertProps, AlertTitle, type AlertVariant, type Align, AnimatedNumber, type AnimatedNumberProps, AppShell, type AppShellProps, AsideHeader, type AsideHeaderLabels, type AsideHeaderProps, AsidePanel, type AsidePanelMode, type AsidePanelProps, AsideRail, type AsideRailItem, type AsideRailProps, AuthWall, type AuthWallProps, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, type BadgeVariant, BottomTabBar, type BottomTabBarLabels, type BottomTabBarProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, type ButtonGroupOrientation, type ButtonGroupProps, ButtonGroupSeparator, ButtonGroupText, type ButtonGroupTextProps, type ButtonProps, type ButtonSize, type ButtonVariant, type ButtonVariantsOptions, Calendar, type CalendarProps, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselEdgeFade, CarouselItem, CarouselNext, CarouselPrevious, type CarouselProps, ChatAttachment, type ChatAttachmentProps, ChatBubble, type ChatBubbleProps, type ChatBubbleVariant, ChatComposer, type ChatComposerLabels, type ChatComposerProps, ChatDock, type ChatDockLabels, type ChatDockProps, ChatMarker, type ChatMarkerProps, ChatMessage, type ChatMessageProps, ChatPanel, type ChatPanelLabels, type ChatPanelProps, ChatStreamText, type ChatStreamTextProps, ChatTyping, type ChatTypingProps, Check, Checkbox, type CheckboxProps, Collapsible, CollapsibleContent, type CollapsibleProps, CollapsibleTrigger, Command, CommandDialog, type CommandDialogProps, CommandEmpty, CommandGroup, type CommandGroupProps, CommandInput, CommandItem, type CommandItemProps, CommandList, CommandPalette, type CommandPaletteGroup, type CommandPaletteItem, type CommandPaletteLabels, type CommandPaletteProps, type CommandProps, CommandSeparator, CommandShortcut, ConfirmDialog, type ConfirmDialogLabels, type ConfirmDialogProps, type ConfirmDialogTone, Container, type ContainerProps, ContextMenu, ContextMenuCheckboxItem, type ContextMenuCheckboxItemProps, ContextMenuContent, ContextMenuGroup, ContextMenuItem, type ContextMenuItemProps, ContextMenuLabel, type ContextMenuLabelProps, ContextMenuPortal, type ContextMenuProps, ContextMenuRadioGroup, type ContextMenuRadioGroupProps, ContextMenuRadioItem, type ContextMenuRadioItemProps, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, type ContextMenuSubProps, ContextMenuSubTrigger, type ContextMenuSubTriggerProps, ContextMenuTrigger, type ContextMenuTriggerProps, type CountTweenOptions, DateTimePicker, type DateTimePickerLabels, type DateTimePickerProps, Dialog, DialogClose, type DialogCloseProps, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, type DialogOverlayProps, DialogPortal, type DialogPortalProps, type DialogProps, DialogTitle, DialogTrigger, type DialogTriggerProps, type DismissEvent, DismissableLayerScope, Display, Drawer, DrawerClose, type DrawerCloseProps, DrawerContent, DrawerDescription, type DrawerDirection, DrawerFooter, DrawerHeader, DrawerOverlay, type DrawerProps, DrawerTitle, DrawerTrigger, type DrawerTriggerProps, DropdownMenu, DropdownMenuCheckboxItem, type DropdownMenuCheckboxItemProps, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPortal, type DropdownMenuProps, DropdownMenuRadioGroup, type DropdownMenuRadioGroupProps, DropdownMenuRadioItem, type DropdownMenuRadioItemProps, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, type DropdownMenuSubProps, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, type DropdownMenuTriggerProps, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, type EmptyMediaProps, type EmptyMediaVariant, EmptyTitle, Eyebrow, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, type FieldOrientation, FieldSeparator, FieldSet, FieldTitle, type FloatingResult, Footer, type FooterLink, type FooterLinkGroup, type FooterOffice, type FooterProps, Forbidden, Form, FormControl, FormDescription, FormItem, FormLabel, FormMessage, FormRow, type FormRowProps, HeaderBalance, type HeaderBalanceProps, type HeaderNotification, HeaderSearch, type HeaderSearchProps, HoverCard, HoverCardContent, type HoverCardContentProps, type HoverCardProps, HoverCardTrigger, type HoverCardTriggerProps, type HoverIntentHandlers, IconButton, type IconButtonProps, type IconButtonSize, type IconButtonVariant, InfoTip, InfoTipContent, type InfoTipContentProps, type InfoTipProps, InfoTipTrigger, type InfoTipTriggerProps, Input, InputGroup, InputGroupAddon, type InputGroupAddonAlign, type InputGroupAddonProps, InputGroupButton, type InputGroupButtonProps, type InputGroupButtonSize, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, type InputOTPProps, InputOTPSeparator, InputOTPSlot, type InputOTPSlotProps, type InputProps, type InputSize, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, type ItemMediaProps, type ItemMediaVariant, type ItemProps, ItemSeparator, type ItemSize, ItemTitle, type ItemVariant, Kbd, KbdGroup, KeyValue, type KeyValueLabels, type KeyValueProps, LAYER_IGNORE_ATTR, Label, ListRow, ListRowLabel, type ListRowLabelProps, type ListRowProps, ListRowValue, ListRows, type ListRowsProps, type ListRowsVariant, Logo, type LogoProps, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, type MenubarMenuProps, MenubarRadioGroup, type MenubarRadioGroupProps, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, type MenubarSubProps, MenubarSubTrigger, MenubarTrigger, MobileAppBar, type MobileAppBarBack, type MobileAppBarLabels, type MobileAppBarProps, ModelChip, type ModelChipProps, type ModelOption, NativeSelect, NativeSelectGroup, NativeSelectOption, type NativeSelectProps, type NativeSelectSize, NavBadge, type NavBadgeProps, type NavBadgeVariant, type NavCollapseLabels, NavDot, type NavDotProps, type NavDotTone, type NavGroup, type NavGroupCollapse, type NavItem, type NavItemState, type NavMatch, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, type NavigationMenuItemProps, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NotFound, NotificationBell, type NotificationBellLabels, type NotificationBellProps, PageFrame, type PageFrameProps, type PageFrameWidth, PageHeading, type PageHeadingProps, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, type PaginationLinkProps, PaginationNext, PaginationPrevious, type Polarity, Popover, PopoverAnchor, type PopoverAnchorProps, PopoverContent, type PopoverContentProps, PopoverForm, type PopoverFormLabels, type PopoverFormProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, Portal, type PortalProps, PortalProvider, type PortalProviderProps, Progress, type ProgressProps, Prose, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, ResourceError, type ResourceErrorLabels, type ResourceErrorProps, ScrollArea, ScrollBar, type ScrollBarOrientation, type ScrollBarProps, Section, SectionDescriptor, type SectionDescriptorProps, SectionHead, type SectionHeadProps, SectionLabel, type SectionLabelProps, type SectionLabelTone, SectionNav, type SectionNavGroup, type SectionNavItem, type SectionNavLabels, type SectionNavProps, type SectionProps, Select, SelectContent, type SelectContentProps, SelectGroup, SelectItem, type SelectItemProps, SelectLabel, type SelectProps, SelectSeparator, SelectTrigger, type SelectTriggerProps, type SelectTriggerSize, SelectValue, type SelectValueProps, Separator, type SeparatorOrientation, type SeparatorProps, ServerError, type ServerErrorProps, SettingsLayout, type SettingsLayoutProps, SettingsRow, type SettingsRowProps, SettingsSection, type SettingsSectionProps, Settled, type SettledProps, Sheet, SheetClose, type SheetCloseProps, SheetContent, type SheetContentProps, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, type SheetOverlayProps, type SheetProps, SheetTitle, SheetTrigger, type SheetTriggerProps, type ShellBreakpoint, ShellNav, type ShellNavLabels, type ShellNavProps, type Side, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, type SidebarGroupLabelProps, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuButton, type SidebarMenuButtonProps, type SidebarMenuButtonSize, SidebarMenuItem, type SidebarProps, SidebarProvider, type SidebarProviderProps, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, type SliderProps, Slot, type SlotProps, SmartHeader, type SmartHeaderProps, type SmartHeaderState, Spinner, Stat, type StatProps, StatusDot, type StatusDotProps, StatusItem, type StatusItemProps, type StatusLinkData, type StatusPageProps, StatusScreen, type StatusScreenProps, type StatusTone, type Surface, Switch, type SwitchProps, SystemBanner, type SystemBannerLabels, type SystemBannerProps, type SystemBannerTone, Table, type TableAlign, TableBody, TableCaption, TableCard, TableCell, type TableCellProps, type TableDensity, TableFooter, TableHead, type TableHeadProps, TableHeader, type TableProps, TableRow, type TableVariant, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsProps, TabsTrigger, type TabsTriggerProps, Textarea, type TextareaProps, type TextareaSize, type Toast, type ToastFn, type ToastOptions, type ToastPosition, type ToastState, type ToastVariant, Toaster, type ToasterProps, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleProps, type ToggleSize, type ToggleVariant, type ToggleVariantsOptions, Tooltip, TooltipContent, type TooltipContentProps, type TooltipProps, TooltipProvider, type TooltipProviderProps, TooltipTrigger, type TooltipTriggerProps, TopBar, type TopBarProps, WorkspaceTab, type WorkspaceTabProps, WorkspaceTabs, type WorkspaceTabsProps, buttonVariants, cn, isNavItemActive, isPlainLeftClick, mergeRefs, navItemMatch, navigationMenuTriggerStyle, resolveActiveNavItem, statusCtaClass, toast, toggleVariants, useCommandPaletteShortcut, useControllableState, useCountTween, useDismissableLayer, useFloating, useFocusScope, useHoverIntent, usePendingNavigation, usePresence, useRovingFocus, useSidebar };