@evinvest/uikit 0.31.0 → 0.33.0

package/dist/index.d.ts

@@ -125,7 +125,11 @@ declare function useDismissableLayer(opts: {
     modal?: boolean;
 }): React.RefObject<HTMLDivElement | null>;
 
-type Side = "top" | "right" | "bottom" | "left";
+declare const SIDES: readonly ["top", "right", "bottom", "left"];
+type Side = (typeof SIDES)[number];
+declare const ROVING_ORIENTATIONS: readonly ["horizontal", "vertical", "both"];
+type RovingOrientation = (typeof ROVING_ORIENTATIONS)[number];
+
 type Align = "start" | "center" | "end";
 interface FloatingResult {
     floatingRef: React.RefObject<HTMLElement | null>;
@@ -235,7 +239,7 @@ declare function usePresence(present: boolean): {
  */
 declare function useRovingFocus(opts: {
     count: number | (() => number);
-    orientation?: "horizontal" | "vertical" | "both";
+    orientation?: RovingOrientation;
     loop?: boolean;
     initial?: number;
 }): {
@@ -271,18 +275,20 @@ declare function useHoverIntent(opts: {
  */
 declare function mergeRefs<T>(...refs: Array<React.Ref<T> | undefined>): React.RefCallback<T>;
 
-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-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";
+declare const toneClasses: {
+    readonly neutral: "[--tone-fill:var(--tint-neutral-fill)] [--tone-edge:var(--tint-neutral-edge)] [--tone-wash:var(--tint-neutral-wash)] [--tone-ink:var(--ink)]";
+    readonly primary: "[--tone-fill:var(--tint-primary-fill)] [--tone-edge:var(--tint-primary-edge)] [--tone-wash:var(--tint-primary-wash)] [--tone-ink:var(--primary-ink)]";
+    readonly positive: "[--tone-fill:var(--tint-positive-fill)] [--tone-edge:var(--tint-positive-edge)] [--tone-wash:var(--tint-positive-wash)] [--tone-ink:var(--positive-ink)]";
+    readonly info: "[--tone-fill:var(--tint-info-fill)] [--tone-edge:var(--tint-info-edge)] [--tone-wash:var(--tint-info-wash)] [--tone-ink:var(--accent-info-ink)]";
+    readonly warn: "[--tone-fill:var(--tint-warn-fill)] [--tone-edge:var(--tint-warn-edge)] [--tone-wash:var(--tint-warn-wash)] [--tone-ink:var(--accent-warn)]";
+    readonly error: "[--tone-fill:var(--tint-error-fill)] [--tone-edge:var(--tint-error-edge)] [--tone-wash:var(--tint-error-wash)] [--tone-ink:var(--accent-error)]";
 };
-type AlertVariant = keyof typeof alertVariants;
+type Tone = keyof typeof toneClasses;
 
 interface AlertProps extends React.ComponentProps<"div"> {
-    variant?: AlertVariant;
+    tone?: Tone;
 }
-declare function Alert({ className, variant, ...props }: AlertProps): React.JSX.Element;
+declare function Alert({ className, tone, ...props }: AlertProps): React.JSX.Element;
 declare function AlertTitle({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 declare function AlertDescription({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 
@@ -290,21 +296,11 @@ declare function Avatar({ className, ...props }: React.ComponentProps<"div">): R
 declare function AvatarImage({ className, onError, ...props }: React.ComponentProps<"img">): React.JSX.Element | null;
 declare function AvatarFallback({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 
-declare const badgeVariants: {
-    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;
-
 interface BadgeProps extends React.ComponentProps<"span"> {
-    variant?: BadgeVariant;
+    tone?: Tone;
     asChild?: boolean;
 }
-declare function Badge({ className, variant, asChild, ...props }: BadgeProps): React.JSX.Element;
+declare function Badge({ className, tone, asChild, ...props }: BadgeProps): React.JSX.Element;
 
 declare function Breadcrumb({ ...props }: React.ComponentProps<"nav">): React.JSX.Element;
 declare function BreadcrumbList({ className, ...props }: React.ComponentProps<"ol">): React.JSX.Element;
@@ -317,6 +313,16 @@ declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<"s
 declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<"li">): React.JSX.Element;
 declare function BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
 
+declare const sizeClasses: {
+    readonly xs: "[--control-box:var(--control-h-xs)] [--control-pad:var(--control-inset-xs)] text-xs";
+    readonly sm: "[--control-box:var(--control-h-sm)] [--control-pad:var(--control-inset-sm)] text-sm";
+    readonly md: "[--control-box:var(--control-h-md)] [--control-pad:var(--control-inset-md)] text-sm";
+    readonly lg: "[--control-box:var(--control-h-lg)] [--control-pad:var(--control-inset-lg)] text-base";
+    readonly xl: "[--control-box:var(--control-h-xl)] [--control-pad:var(--control-inset-xl)] text-[length:var(--control-text)]";
+    readonly touch: "[--control-box:var(--control-h-touch)] [--control-pad:var(--control-inset-touch)] text-base";
+};
+type Size = keyof typeof sizeClasses;
+
 declare const accentTextClasses: {
     readonly trace: "text-accent-trace";
     readonly debug: "text-accent-debug";
@@ -328,22 +334,15 @@ type Accent = keyof typeof accentTextClasses;
 
 declare const buttonVariantClasses: {
     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 secondary: "bg-secondary text-on-secondary hover:bg-[image:linear-gradient(var(--hover),var(--hover))] 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-border bg-secondary text-ink hover:bg-[image:linear-gradient(var(--hover),var(--hover))]";
     readonly ghost: "hover:bg-hover hover:text-ink";
     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;
-declare const buttonSizeClasses: {
-    readonly xs: "h-7 gap-1 px-2 text-xs has-[>svg]:px-1.5";
-    readonly sm: "h-8 gap-1.5 px-3 has-[>svg]:px-2.5";
-    readonly md: "h-9 px-4 py-[var(--control-py)] has-[>svg]:px-3";
-    readonly lg: "h-10 px-6 has-[>svg]:px-4";
-    readonly xl: "px-[var(--control-px)] py-[var(--control-py)] text-[length:var(--control-text)]";
-    readonly touch: "min-h-11 px-6 has-[>svg]:px-4";
-};
-type ButtonSize = keyof typeof buttonSizeClasses;
+
+type ButtonSize = Size;
 
 interface ButtonVariantsOptions {
     variant?: ButtonVariant;
@@ -400,7 +399,7 @@ declare function CardFooter({ className, ...props }: React.ComponentProps<"div">
 
 declare const emptyMediaVariants: {
     readonly bare: "bg-transparent";
-    readonly icon: "bg-muted text-ink flex size-10 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-6";
+    readonly icon: "bg-muted text-ink flex size-10 shrink-0 items-center justify-center rounded-control [&_svg:not([class*='size-'])]:size-6";
 };
 type EmptyMediaVariant = keyof typeof emptyMediaVariants;
 
@@ -433,10 +432,12 @@ declare const fieldOrientation: {
     readonly responsive: "flex-col [&>*]:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto @md/field-group:[&>[data-slot=field-label]]:flex-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px";
 };
 type FieldOrientation = keyof typeof fieldOrientation;
+declare const FIELD_LEGEND_VARIANTS: readonly ["legend", "label"];
+type FieldLegendVariant = (typeof FIELD_LEGEND_VARIANTS)[number];
 
 declare function FieldSet({ className, ...props }: React.ComponentProps<"fieldset">): React.JSX.Element;
 declare function FieldLegend({ className, variant, ...props }: React.ComponentProps<"legend"> & {
-    variant?: "legend" | "label";
+    variant?: FieldLegendVariant;
 }): React.JSX.Element;
 declare function FieldGroup({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 /**
@@ -487,30 +488,27 @@ interface SectionDescriptorProps extends Omit<React.ComponentProps<"section">, "
 declare function SectionDescriptor({ title, icon, collapsible, defaultOpen, className, children, ...props }: SectionDescriptorProps): React.JSX.Element;
 
 /**
- * A 12-col footer grid — brand 3 | sitemap groups 2 each | offices 3 |
- * newsletter 2 — with the legal links and copyright line. On mobile the sitemap
- * columns sit side by side. The kit brings no content of its own: every string,
- * the mark and the lock-up are the caller's, and each column renders only when
- * it has something in it. `children` render right after the `<footer>` tag —
- * the slot for app-side extras like a build-version easter egg.
- *
- * The lock-up is either composed from `mark` + `brand` + `tagline`, or handed
- * over whole as `lockup` when a brand's arrangement is not that one.
- *
- * `linkComponent` lets Next hosts pass `next/link`; everyone else gets `<a>`.
+ * A footer sitemap link.
  */
-interface FooterLink {
+type FooterLink = {
     label: string;
     href: string;
-}
-interface FooterLinkGroup {
+};
+/**
+ * A footer sitemap column: a heading over its links. Each renders `lg:col-span-2`.
+ */
+type FooterLinkGroup = {
     heading: string;
     links: readonly FooterLink[];
-}
-interface FooterOffice {
+};
+/**
+ * An office entry in the footer's offices column.
+ */
+type FooterOffice = {
     name: string;
     address: string;
-}
+};
+
 interface FooterProps {
     /** The whole lock-up; replaces the one `mark` + `brand` + `tagline` compose. */
     lockup?: React.ReactNode;
@@ -534,12 +532,25 @@ interface FooterProps {
     linkComponent?: React.ElementType;
     children?: React.ReactNode;
 }
+/**
+ * A 12-col footer grid — brand 3 | sitemap groups 2 each | offices 3 |
+ * newsletter 2 — with the legal links and copyright line. On mobile the sitemap
+ * columns sit side by side. The kit brings no content of its own: every string,
+ * the mark and the lock-up are the caller's, and each column renders only when
+ * it has something in it. `children` render right after the `<footer>` tag —
+ * the slot for app-side extras like a build-version easter egg.
+ *
+ * The lock-up is either composed from `mark` + `brand` + `tagline`, or handed
+ * over whole as `lockup` when a brand's arrangement is not that one.
+ *
+ * `linkComponent` lets Next hosts pass `next/link`; everyone else gets `<a>`.
+ */
 declare function Footer({ lockup, brand, mark, tagline, description, copyright, nav, offices, officesHeading, legalLinks, newsletter, newsletterHeading, newsletterBlurb, version, commitHref, linkComponent, children, }: FooterProps): React.JSX.Element;
 
 declare const inputSizeClasses: {
-    readonly sm: "h-8";
-    readonly md: "h-9";
-    readonly lg: "h-12 px-4 text-base md:text-base file:h-9";
+    readonly sm: "h-(--control-h-sm)";
+    readonly md: "h-(--control-h-md)";
+    readonly lg: "h-(--control-h-xl) px-(--control-inset-md) text-base md:text-base file:h-(--control-h-md)";
 };
 type InputSize = keyof typeof inputSizeClasses;
 
@@ -590,10 +601,10 @@ declare const inputGroupAddonAligns: {
 };
 type InputGroupAddonAlign = keyof typeof inputGroupAddonAligns;
 declare const inputGroupButtonSizes: {
-    readonly xs: "h-6 gap-1 px-2 rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-3.5 has-[>svg]:px-2";
-    readonly sm: "h-8 px-2.5 gap-1.5 rounded-md has-[>svg]:px-2.5";
-    readonly "icon-xs": "size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0";
-    readonly "icon-sm": "size-8 p-0 has-[>svg]:p-0";
+    readonly xs: "[--control-box:var(--control-h-2xs)] [--control-pad:var(--control-inset-xs)] rounded-control [&>svg:not([class*='size-'])]:size-3.5";
+    readonly sm: "[--control-box:var(--control-h-sm)] [--control-pad:var(--control-inset-sm)] rounded-control";
+    readonly "icon-xs": "[--control-box:var(--control-h-2xs)] aspect-square rounded-control [--control-pad:0px]";
+    readonly "icon-sm": "[--control-box:var(--control-h-sm)] aspect-square [--control-pad:0px]";
 };
 type InputGroupButtonSize = keyof typeof inputGroupButtonSizes;
 
@@ -624,7 +635,7 @@ declare function Separator({ className, orientation, ...props }: SeparatorProps)
 declare const itemVariants: {
     readonly bare: "bg-transparent";
     readonly outline: "border-border";
-    readonly muted: "bg-muted/50";
+    readonly muted: "bg-muted";
 };
 type ItemVariant = keyof typeof itemVariants;
 declare const itemSizes: {
@@ -634,8 +645,8 @@ declare const itemSizes: {
 type ItemSize = keyof typeof itemSizes;
 declare const itemMediaVariants: {
     readonly bare: "bg-transparent";
-    readonly icon: "size-8 border border-border rounded-sm bg-muted [&_svg:not([class*='size-'])]:size-4";
-    readonly image: "size-10 rounded-sm overflow-hidden [&_img]:size-full [&_img]:object-cover";
+    readonly icon: "size-8 border border-border rounded-control bg-muted [&_svg:not([class*='size-'])]:size-4";
+    readonly image: "size-10 rounded-control overflow-hidden [&_img]:size-full [&_img]:object-cover";
 };
 type ItemMediaVariant = keyof typeof itemMediaVariants;
 
@@ -724,7 +735,7 @@ declare function StatusScreen({ accent, eyebrow, code, headlineLead, headlineAcc
 interface StatusPageProps {
     /** CTA element — `next/link` for soft nav; defaults to `<a>` (full load). */
     linkComponent?: React.ElementType;
-    /** "Back to home" target — `/` for the landing, `/cabinet` for the cabinet. */
+    /** copy.STATUS_HOME target — `/` for the landing, `/cabinet` for the cabinet. */
     homeHref?: string;
     /** Secondary CTA target (contact / request access). */
     contactHref?: string;
@@ -736,7 +747,7 @@ declare function Forbidden({ linkComponent, homeHref, contactHref }: StatusPageP
 interface ServerErrorProps {
     /** CTA element — `next/link` for soft nav; defaults to `<a>` (full load). */
     linkComponent?: React.ElementType;
-    /** "Back to home" target — `/` for the landing, `/cabinet` for the cabinet. */
+    /** copy.STATUS_HOME target — `/` for the landing, `/cabinet` for the cabinet. */
     homeHref?: string;
     /** Retry handler (e.g. Next's error-boundary `reset`); falls back to a reload. */
     reset?: () => void;
@@ -751,7 +762,7 @@ declare const tableVariants: {
 type TableVariant = keyof typeof tableVariants;
 declare const tableDensities: {
     readonly default: "[--table-dense-py:initial] [--table-head-h:initial]";
-    readonly compact: "[--table-dense-py:calc(var(--spacing)*1.5)] [--table-head-h:calc(var(--spacing)*8)]";
+    readonly compact: "[--table-dense-py:calc(var(--spacing)*1.5)] [--table-head-h:var(--control-h-sm)]";
 };
 type TableDensity = keyof typeof tableDensities;
 declare const tableAligns: {
@@ -812,7 +823,9 @@ declare function ListRowLabel({ description, className, children, ...props }: Li
  */
 declare function ListRowValue({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
 
-type AccordionType = "single" | "multiple";
+declare const ACCORDION_TYPES: readonly ["single", "multiple"];
+type AccordionType = (typeof ACCORDION_TYPES)[number];
+
 interface AccordionProps extends Omit<React.ComponentProps<"div">, "onChange"> {
     type?: AccordionType;
     collapsible?: boolean;
@@ -903,12 +916,14 @@ declare function Stat({ figure, label, className, ...props }: StatProps): React.
  */
 declare function Check({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
 
-type TabsOrientation = "horizontal" | "vertical";
+declare const ORIENTATIONS: readonly ["horizontal", "vertical"];
+type Orientation = (typeof ORIENTATIONS)[number];
+
 interface TabsProps extends Omit<React.ComponentProps<"div">, "onChange"> {
     value?: string;
     defaultValue?: string;
     onValueChange?: (value: string) => void;
-    orientation?: TabsOrientation;
+    orientation?: Orientation;
 }
 declare function Tabs({ className, value, defaultValue, onValueChange, orientation, children, ...props }: TabsProps): React.JSX.Element;
 declare function TabsList({ className, children, onKeyDown, ...props }: React.ComponentProps<"div">): React.JSX.Element;
@@ -931,14 +946,8 @@ declare const toggleVariantClasses: {
     readonly outline: "border border-input bg-transparent shadow-xs hover:bg-hover hover:text-ink data-[state=on]:border-primary";
 };
 type ToggleVariant = keyof typeof toggleVariantClasses;
-declare const toggleSizeClasses: {
-    readonly md: "h-9 px-2 min-w-9";
-    readonly xs: "h-7 px-1 min-w-7";
-    readonly sm: "h-8 px-1.5 min-w-8";
-    readonly lg: "h-10 px-2.5 min-w-10";
-    readonly xl: "h-12 px-3 min-w-12";
-};
-type ToggleSize = keyof typeof toggleSizeClasses;
+
+type ToggleSize = Size;
 
 interface ToggleVariantsOptions {
     variant?: ToggleVariant;
@@ -959,10 +968,13 @@ interface ToggleProps extends Omit<React.ComponentProps<"button">, "onChange"> {
 }
 declare function Toggle({ className, variant, size, pressed, defaultPressed, onPressedChange, onClick, ...props }: ToggleProps): React.JSX.Element;
 
+declare const TOGGLE_GROUP_TYPES: readonly ["single", "multiple"];
+type ToggleGroupType = (typeof TOGGLE_GROUP_TYPES)[number];
+
 interface ToggleGroupProps extends Omit<React.ComponentProps<"div">, "onChange"> {
     variant?: ToggleVariant;
     size?: ToggleSize;
-    type?: "single" | "multiple";
+    type?: ToggleGroupType;
     value?: string | string[];
     defaultValue?: string | string[];
     onValueChange?: (value: string | string[]) => void;
@@ -1000,7 +1012,6 @@ interface RadioGroupItemProps extends Omit<React.ComponentProps<"button">, "valu
 }
 declare function RadioGroupItem({ className, value, disabled, onClick, ...props }: RadioGroupItemProps): React.JSX.Element;
 
-type Orientation = "horizontal" | "vertical";
 interface SliderProps extends Omit<React.ComponentProps<"span">, "defaultValue" | "onChange"> {
     value?: number;
     defaultValue?: number;
@@ -1025,10 +1036,16 @@ interface ScrollBarProps extends React.ComponentProps<"div"> {
 }
 declare function ScrollBar({ className, orientation, ...props }: ScrollBarProps): React.JSX.Element;
 
+declare const SIDEBAR_SIDES: readonly ["left", "right"];
+type SidebarSide = (typeof SIDEBAR_SIDES)[number];
+declare const SIDEBAR_VARIANTS: readonly ["sidebar", "floating", "inset"];
+type SidebarVariant = (typeof SIDEBAR_VARIANTS)[number];
+declare const SIDEBAR_COLLAPSIBLES: readonly ["offcanvas", "icon", "none"];
+type SidebarCollapsible = (typeof SIDEBAR_COLLAPSIBLES)[number];
 declare const sidebarMenuButtonSizeClasses: {
-    readonly xs: "h-7 text-xs";
-    readonly sm: "h-8 text-sm";
-    readonly lg: "h-12 text-sm group-data-[collapsible=icon]:p-0!";
+    readonly xs: "h-(--control-h-xs) text-xs";
+    readonly sm: "h-(--control-h-sm) text-sm";
+    readonly lg: "h-(--control-h-xl) text-sm group-data-[collapsible=icon]:p-0!";
 };
 type SidebarMenuButtonSize = keyof typeof sidebarMenuButtonSizeClasses;
 
@@ -1046,9 +1063,9 @@ interface SidebarProviderProps extends React.ComponentProps<"div"> {
 }
 declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange, className, style, children, ...props }: SidebarProviderProps): React.JSX.Element;
 interface SidebarProps extends React.ComponentProps<"div"> {
-    side?: "left" | "right";
-    variant?: "sidebar" | "floating" | "inset";
-    collapsible?: "offcanvas" | "icon" | "none";
+    side?: SidebarSide;
+    variant?: SidebarVariant;
+    collapsible?: SidebarCollapsible;
 }
 declare function Sidebar({ side, variant, collapsible, className, children, ...props }: SidebarProps): React.JSX.Element;
 declare function SidebarTrigger({ className, onClick, children, ...props }: React.ComponentProps<"button">): React.JSX.Element;
@@ -1074,9 +1091,8 @@ interface SidebarMenuButtonProps extends React.ComponentProps<"button"> {
 }
 declare function SidebarMenuButton({ asChild, isActive, variant, size, className, ...props }: SidebarMenuButtonProps): React.JSX.Element;
 
-type CarouselOrientation = "horizontal" | "vertical";
 interface CarouselProps extends React.ComponentProps<"div"> {
-    orientation?: CarouselOrientation;
+    orientation?: Orientation;
     index?: number;
     defaultIndex?: number;
     onIndexChange?: (index: number) => void;
@@ -1127,7 +1143,7 @@ interface TooltipTriggerProps extends React.ComponentProps<"button"> {
 }
 declare function TooltipTrigger({ asChild, onPointerEnter, onPointerLeave, onFocus, onBlur, ...props }: TooltipTriggerProps): React.JSX.Element;
 interface TooltipContentProps extends React.ComponentProps<"div"> {
-    side?: "top" | "right" | "bottom" | "left";
+    side?: Side;
     sideOffset?: number;
 }
 declare function TooltipContent({ className, side: sideProp, sideOffset, children, ...props }: TooltipContentProps): React.JSX.Element | null;
@@ -1148,7 +1164,7 @@ interface PopoverAnchorProps extends React.ComponentProps<"div"> {
 }
 declare function PopoverAnchor({ asChild, ...props }: PopoverAnchorProps): React.JSX.Element;
 interface PopoverContentProps extends React.ComponentProps<"div"> {
-    side?: "top" | "right" | "bottom" | "left";
+    side?: Side;
     align?: "start" | "center" | "end";
     sideOffset?: number;
     /** Where focus lands on open. Default `first` (e.g. a `Command` search input). */
@@ -1172,7 +1188,7 @@ interface InfoTipTriggerProps extends React.ComponentProps<"button"> {
 }
 declare function InfoTipTrigger({ asChild, label, hoverDelay, className, onClick, onBlur, onPointerEnter, onPointerLeave, children, ...props }: InfoTipTriggerProps): React.JSX.Element;
 interface InfoTipContentProps extends React.ComponentProps<"div"> {
-    side?: "top" | "right" | "bottom" | "left";
+    side?: Side;
     align?: "start" | "center" | "end";
     sideOffset?: number;
 }
@@ -1190,12 +1206,15 @@ interface HoverCardTriggerProps extends React.ComponentProps<"a"> {
 }
 declare function HoverCardTrigger({ asChild, onPointerEnter, onPointerLeave, ...props }: HoverCardTriggerProps): React.JSX.Element;
 interface HoverCardContentProps extends React.ComponentProps<"div"> {
-    side?: "top" | "right" | "bottom" | "left";
+    side?: Side;
     align?: "start" | "center" | "end";
     sideOffset?: number;
 }
 declare function HoverCardContent({ className, side: sideProp, align, sideOffset, children, ...props }: HoverCardContentProps): React.JSX.Element | null;
 
+declare const MENU_ITEM_VARIANTS: readonly ["neutral", "destructive"];
+type MenuItemVariant = (typeof MENU_ITEM_VARIANTS)[number];
+
 interface DropdownMenuProps {
     open?: boolean;
     defaultOpen?: boolean;
@@ -1220,7 +1239,7 @@ interface DropdownMenuItemProps extends React.ComponentProps<"div"> {
     /** Render the child (a link) as the item. */
     asChild?: boolean;
     inset?: boolean;
-    variant?: "neutral" | "destructive";
+    variant?: MenuItemVariant;
     disabled?: boolean;
 }
 declare function DropdownMenuItem({ asChild, className, inset, variant, disabled, onClick, onKeyDown, ...props }: DropdownMenuItemProps): React.JSX.Element;
@@ -1276,7 +1295,7 @@ declare function ContextMenuGroup({ className, ...props }: React.ComponentProps<
 declare function ContextMenuContent({ className, children, ...props }: React.ComponentProps<"div">): React.JSX.Element | null;
 interface ContextMenuItemProps extends React.ComponentProps<"div"> {
     inset?: boolean;
-    variant?: "neutral" | "destructive";
+    variant?: MenuItemVariant;
     disabled?: boolean;
 }
 declare function ContextMenuItem({ className, inset, variant, disabled, onClick, onKeyDown, ...props }: ContextMenuItemProps): React.JSX.Element;
@@ -1329,7 +1348,7 @@ declare function MenubarContent({ className, children, align, ...props }: React.
 declare function MenubarGroup({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 declare function MenubarItem({ className, inset, variant, ...props }: React.ComponentProps<"div"> & {
     inset?: boolean;
-    variant?: "neutral" | "destructive";
+    variant?: MenuItemVariant;
 }): React.JSX.Element;
 declare function MenubarCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<"div"> & {
     checked?: boolean;
@@ -1462,7 +1481,7 @@ interface SheetOverlayProps extends React.ComponentProps<"div"> {
 }
 declare function SheetOverlay({ className, ...props }: SheetOverlayProps): React.JSX.Element;
 interface SheetContentProps extends React.ComponentProps<"div"> {
-    side?: "top" | "right" | "bottom" | "left";
+    side?: Side;
     /**
      * Where focus lands on open. Default `container`: a sheet is a panel of
      * content, and its first Tab stop is as likely an action as a field — the
@@ -1481,8 +1500,8 @@ declare function SheetTitle({ className, ...props }: React.ComponentProps<"h2">)
 declare function SheetDescription({ className, ...props }: React.ComponentProps<"p">): React.JSX.Element;
 
 declare const drawerDirectionClasses: {
-    readonly bottom: "inset-x-0 bottom-0 mt-24 max-h-[80vh] flex-col rounded-t-lg border-b-0";
-    readonly top: "inset-x-0 top-0 mb-24 max-h-[80vh] flex-col rounded-b-lg border-t-0";
+    readonly bottom: "inset-x-0 bottom-0 mt-24 max-h-[80vh] flex-col rounded-t-panel border-b-0";
+    readonly top: "inset-x-0 top-0 mb-24 max-h-[80vh] flex-col rounded-b-panel border-t-0";
     readonly left: "inset-y-0 left-0 w-3/4 flex-row border-r sm:max-w-sm";
     readonly right: "inset-y-0 right-0 w-3/4 flex-row border-l sm:max-w-sm";
 };
@@ -1525,15 +1544,15 @@ declare function DrawerTitle({ className, ...props }: React.ComponentProps<"div"
 declare function DrawerDescription({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 
 declare const selectTriggerSizeClasses: {
-    readonly sm: "h-8";
-    readonly md: "h-9";
-    readonly lg: "h-12 px-4 text-base";
+    readonly sm: "h-(--control-h-sm)";
+    readonly md: "h-(--control-h-md)";
+    readonly lg: "h-(--control-h-xl) px-(--control-inset-md) text-base";
 };
 type SelectTriggerSize = keyof typeof selectTriggerSizeClasses;
 declare const nativeSelectSizeClasses: {
-    readonly sm: "h-6";
-    readonly md: "h-7";
-    readonly lg: "h-11 pr-11 pl-3 text-base pointer-fine:text-base";
+    readonly sm: "h-(--control-h-2xs)";
+    readonly md: "h-(--control-h-xs)";
+    readonly lg: "h-(--control-h-touch) pr-11 pl-3 text-base pointer-fine:text-base";
 };
 type NativeSelectSize = keyof typeof nativeSelectSizeClasses;
 
@@ -1564,7 +1583,7 @@ interface SelectValueProps extends React.ComponentProps<"span"> {
  */
 declare function SelectValue({ className, placeholder, children, ...props }: SelectValueProps): React.JSX.Element;
 interface SelectContentProps extends React.ComponentProps<"div"> {
-    side?: "top" | "right" | "bottom" | "left";
+    side?: Side;
     align?: "start" | "center" | "end";
     sideOffset?: number;
 }
@@ -1746,14 +1765,6 @@ interface DateTimePickerProps extends React.AriaAttributes, Pick<React.Component
  */
 declare function DateTimePicker({ value: valueProp, defaultValue, onChange, min, max, locale, format, placeholder, labels, disabled, name, today, open, defaultOpen, onOpenChange, align, className, id, ...rest }: DateTimePickerProps): React.JSX.Element;
 
-declare const toastVariantClasses: {
-    readonly neutral: "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;
 declare const positionClasses: {
     readonly "top-left": "top-4 left-4";
     readonly "top-center": "top-4 left-1/2 -translate-x-1/2";
@@ -1779,14 +1790,14 @@ interface ToastOptions {
      * `toast.dismiss(id)` removes it. Hovering the stack also pauses the countdown.
      */
     duration?: number;
-    variant?: ToastVariant;
+    tone?: Tone;
 }
 interface Toast {
     id: number;
     message: React.ReactNode;
     description?: React.ReactNode;
     duration: number;
-    variant: ToastVariant;
+    tone: Tone;
     state: ToastState;
 }
 interface ToastFn {
@@ -1799,7 +1810,7 @@ interface ToastFn {
 }
 /**
  * Global toast handle. `toast(msg)` enqueues a neutral toast; the `.positive`,
- * `.error`, `.info` and `.warn` helpers pin the variant; `toast.dismiss(id)`
+ * `.error`, `.info` and `.warn` helpers pin the tone; `toast.dismiss(id)`
  * removes one early. Mirrors Rust's `use_toaster()` handle methods.
  */
 declare const toast: ToastFn;
@@ -2085,6 +2096,58 @@ interface BottomTabBarProps extends Omit<React.ComponentProps<"nav">, "children"
  */
 declare function BottomTabBar({ items, pathname, linkComponent, onItemIntent, onNavigate, labels, className, ...props }: BottomTabBarProps): React.JSX.Element;
 
+type Letter = "A" | "B" | "C" | "D" | "E" | "F" | "G" | "H" | "I" | "J" | "K" | "L" | "M" | "N" | "O" | "P" | "Q" | "R" | "S" | "T" | "U" | "V" | "W" | "X" | "Y" | "Z";
+type Digit = "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9";
+type HotbarKey = Letter | Digit;
+interface HotbarAction {
+    id: string;
+    label: string;
+    icon: React.ComponentType<{
+        className?: string;
+    }>;
+    /** `"N"` alone, or `"mod+K"` — ⌘ on Apple, Ctrl elsewhere. Shown in a `Kbd` and bound while the bar is mounted, pinned or not. */
+    shortcut?: HotbarKey | `mod+${HotbarKey}`;
+    onSelect: () => void;
+    /** A toggle that is on — the agent connected, a map layer shown. The app owns the state. */
+    pressed?: boolean;
+    /** `false` lists it only under Customize until the user pins it. Default pinned. */
+    pinned?: boolean;
+}
+interface HotbarLabels {
+    /** Accessible name of the strip. Default `"Hotbar"`. */
+    region?: string;
+    /** The customize button. Default `"Customize"`. */
+    customize?: string;
+    /** Default `"Customize hotbar"`. */
+    title?: string;
+    /** Default `"Pinned actions show in the bar and in the mobile chip row."`. */
+    description?: string;
+    /** Default `"Reset to default"`. */
+    reset?: string;
+    /** Default `"Done"`. */
+    done?: string;
+}
+interface HotbarProps extends Omit<React.ComponentProps<"section">, "children"> {
+    /** Every action the app offers, in bar order. */
+    actions: readonly HotbarAction[];
+    /** `StatusItem`s at the end of the wide strip. */
+    status?: React.ReactNode;
+    /** An urgent level: replaces the actions with its message until the app clears it. */
+    takeover?: {
+        tone: "warn" | "error";
+        message: React.ReactNode;
+        action?: React.ReactNode;
+    };
+    labels?: HotbarLabels;
+}
+/**
+ * The bottom strip of a terminal-style app: pinned actions with bound shortcuts,
+ * a customize popover, live status at the end. Position-agnostic — the app docks
+ * it. Below a 64rem strip it turns into a sideways-scrolling chip row with no
+ * status. Which actions are pinned is the user's, kept in this browser.
+ */
+declare function Hotbar({ actions, status, takeover, labels, className, ...props }: HotbarProps): React.JSX.Element;
+
 interface TopBarProps extends React.ComponentProps<"header"> {
     /** The app switcher, or the service's name. */
     start?: React.ReactNode;
@@ -2337,21 +2400,13 @@ type ResourceErrorProps = ResourceErrorBase & ({
  */
 declare function ResourceError(props: ResourceErrorProps): React.JSX.Element;
 
-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;
 }
 interface SystemBannerProps extends Omit<React.ComponentProps<"div">, "title"> {
     /** `warn` — a platform state (maintenance, read-only); `info` — an announcement. */
-    tone?: SystemBannerTone;
+    tone?: Tone;
     /** Bold lead before the message. */
     title?: React.ReactNode;
     /** Replaces the tone's glyph; `null` drops it. */
@@ -2446,14 +2501,15 @@ interface CountTweenOptions {
  */
 declare function useCountTween(value: number, options?: CountTweenOptions): number;
 
+declare const ICON_BUTTON_VARIANTS: readonly ["outline", "ghost"];
+type IconButtonVariant = (typeof ICON_BUTTON_VARIANTS)[number];
 declare const iconButtonSizeClasses: {
-    readonly sm: "h-6";
-    readonly md: "h-7";
+    readonly sm: "[--control-box:var(--control-h-2xs)]";
+    readonly md: "[--control-box:var(--control-h-xs)]";
     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;
@@ -2550,12 +2606,6 @@ interface FormRowProps extends Omit<React.ComponentProps<"div">, "title"> {
  */
 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;
@@ -2570,8 +2620,8 @@ interface SettingsSectionProps extends Omit<React.ComponentProps<"section">, "ti
     description?: React.ReactNode;
     /** Top-right control, e.g. a "Create team" button. */
     action?: React.ReactNode;
-    /** `danger` draws the destructive-zone edge. */
-    tone?: SettingsSectionTone;
+    /** `error` draws the destructive-zone edge. */
+    tone?: Tone;
     /** Rows run edge to edge with their hairlines; otherwise the body is padded. */
     flush?: boolean;
 }
@@ -2618,12 +2668,6 @@ interface AccountSettingsDialogProps {
  */
 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. */
@@ -2637,7 +2681,7 @@ interface ConfirmDialogProps {
     trigger?: React.ReactNode;
     title: React.ReactNode;
     description?: React.ReactNode;
-    tone?: ConfirmDialogTone;
+    tone?: Tone;
     confirmLabel: React.ReactNode;
     /**
      * Resolve to close the dialog. While a returned promise is pending both
@@ -2749,12 +2793,6 @@ declare function CommandPalette({ open, defaultOpen, onOpenChange, groups, label
  */
 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;
@@ -2771,7 +2809,7 @@ interface HeaderBalanceProps extends Omit<React.HTMLAttributes<HTMLElement>, "ch
     /** A glyph before the label. */
     icon?: React.ReactNode;
     /** `warn` colours the figure as a low-funds signal. */
-    tone?: HeaderBalanceTone;
+    tone?: Tone;
 }
 /** "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;
@@ -2809,7 +2847,9 @@ interface HeaderSearchProps extends React.ComponentProps<"button"> {
 /** 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";
+declare const SMART_HEADER_STATES: readonly ["default", "collapsed", "banner", "search"];
+type SmartHeaderState = (typeof SMART_HEADER_STATES)[number];
+
 interface SmartHeaderProps extends Omit<React.ComponentProps<"div">, "children"> {
     /**
      * `default` — bar, toolbar and context line; `collapsed` — the toolbar folds
@@ -2845,6 +2885,8 @@ declare const asidePanelSideClasses: {
     readonly right: "border-l border-border";
 };
 type AsidePanelSide = keyof typeof asidePanelSideClasses;
+declare const ASIDE_PANEL_MODES: readonly ["docked", "overlay"];
+type AsidePanelMode = (typeof ASIDE_PANEL_MODES)[number];
 
 interface AsideHeaderLabels {
     back?: string;
@@ -2881,7 +2923,7 @@ interface AsideRailProps extends Omit<React.ComponentProps<"div">, "onChange"> {
 }
 /** 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;
@@ -2915,9 +2957,9 @@ interface AsidePanelProps extends Omit<React.ComponentProps<"aside">, "title"> {
 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 user: "max-w-105 rounded-panel border border-border bg-card 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";
+    readonly muted: "max-w-105 rounded-panel border border-border-subtle bg-muted px-3.5 py-2.5";
 };
 type ChatBubbleVariant = keyof typeof chatBubbleVariantClasses;
 declare const chatStatusDotClasses: {
@@ -2931,6 +2973,12 @@ declare const chatToolMetaClasses: {
     readonly error: "text-accent-error";
 };
 type ChatToolState = keyof typeof chatToolMetaClasses;
+declare const CHAT_MESSAGE_ROLES: readonly ["assistant", "user"];
+type ChatMessageRole = (typeof CHAT_MESSAGE_ROLES)[number];
+declare const CHAT_ATTACHMENT_TYPES: readonly ["file", "image"];
+type ChatAttachmentType = (typeof CHAT_ATTACHMENT_TYPES)[number];
+declare const CHAT_ATTACHMENT_STATES: readonly ["ready", "uploading"];
+type ChatAttachmentState = (typeof CHAT_ATTACHMENT_STATES)[number];
 
 interface ChatBubbleProps extends React.ComponentProps<"div"> {
     variant?: ChatBubbleVariant;
@@ -2943,7 +2991,7 @@ interface ChatBubbleProps extends React.ComponentProps<"div"> {
 /** 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";
+    role: ChatMessageRole;
     /** "Assistant", "You". */
     name?: React.ReactNode;
     /** Already formatted: "13:04". */
@@ -2972,8 +3020,8 @@ type ChatMarkerProps = Omit<React.ComponentProps<"div">, "title"> & ({
 /** 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";
+    type?: ChatAttachmentType;
+    state?: ChatAttachmentState;
     name: string;
     /** "PDF · 1.2 MB"; while uploading, defaults to the percentage. */
     meta?: React.ReactNode;
@@ -3110,4 +3158,4 @@ interface ChatDockProps extends Omit<React.ComponentProps<"section">, "title" |
 /** 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 };
+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 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, 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, 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, Hotbar, type HotbarAction, type HotbarLabels, type HotbarProps, 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, 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, Toaster, type ToasterProps, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleProps, type ToggleSize, type ToggleVariant, type ToggleVariantsOptions, type Tone, 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 };