@keboola/design 11.6.1 → 11.9.0

package/dist/index.d.ts

@@ -3,7 +3,7 @@ import { ChangeClassification, DiffChunk, FieldItemProps, MergeConflict } from "
 import { LucideIcon } from "./index-m-kQEWiY.js";
 import { Slot, Slot as Slot$1 } from "@radix-ui/react-slot";
 import * as React$2 from "react";
-import React$1, { ButtonHTMLAttributes, CSSProperties, ChangeEvent, ComponentProps, ComponentPropsWithRef, ComponentPropsWithoutRef, ComponentRef, Dispatch, FocusEvent, HTMLAttributes, KeyboardEvent, MouseEvent, MouseEventHandler, MutableRefObject, OptionHTMLAttributes, PropsWithChildren, ReactNode, Ref, RefCallback, RefObject, SelectHTMLAttributes, SetStateAction, TableHTMLAttributes, ThHTMLAttributes } from "react";
+import React$1, { ButtonHTMLAttributes, CSSProperties, ChangeEvent, ComponentProps, ComponentPropsWithRef, ComponentPropsWithoutRef, ComponentRef, Dispatch, FocusEvent, HTMLAttributes, KeyboardEvent, MouseEvent, MouseEventHandler, OptionHTMLAttributes, PropsWithChildren, ReactNode, Ref, RefCallback, RefObject, SelectHTMLAttributes, SetStateAction, TableHTMLAttributes, ThHTMLAttributes } from "react";
 import { ClassValue } from "clsx";
 import { Content, Root as Root$1, Trigger as Trigger$1 } from "@radix-ui/react-tooltip";
 import { VariantProps } from "class-variance-authority";
@@ -56,7 +56,7 @@ declare const argoVariants: (props?: ({
  * for height (including `icon-*` sizes when rendering icon-only). Icons are
  * composed as children — `<Button><Trash2 className="tw:size-4" /> Delete</Button>`.
  */
-type Props$263 = {
+type Props$269 = {
   /** Replaces the leading content with a spinner and disables the button visually. The caller still controls `disabled`. */
   isLoading?: boolean;
   /** Render as a Radix `Slot` so the parent JSX (e.g. a `react-router` `<Link>`) becomes the button element. */
@@ -75,31 +75,31 @@ type Props$263 = {
  * @see RECIPES.md#disabled-button-tooltip — for the disabled-button + tooltip pattern
  * @see RECIPES.md#confirm-dialog — for destructive-action confirmation
  */
-declare const Button: ({ ref, children, disabled, className, type, isLoading, asChild, onClick, variant, size, block, ...buttonProps }: Props$263) => import("react/jsx-runtime").JSX.Element;
+declare const Button: ({ ref, children, disabled, className, type, isLoading, asChild, onClick, variant, size, block, ...buttonProps }: Props$269) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Button/ButtonInline.d.ts
 declare const buttonInlineVariants: (props?: ({
   color?: "custom" | "danger" | "dark" | "link" | "muted" | null | undefined;
   variant?: "custom" | "link" | "link-reverse" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-type Props$262 = ComponentProps<'button'> & VariantProps<typeof buttonInlineVariants> & {
+type Props$268 = ComponentProps<'button'> & VariantProps<typeof buttonInlineVariants> & {
   asChild?: boolean;
 };
-declare const ButtonInline: ({ ref, children, className, variant, color, type, asChild, ...buttonProps }: Props$262) => import("react/jsx-runtime").JSX.Element;
+declare const ButtonInline: ({ ref, children, className, variant, color, type, asChild, ...buttonProps }: Props$268) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/ButtonGroup/ButtonGroup.d.ts
 declare const buttonGroupVariant: (props?: ({
   variant?: "block" | "inline" | null | undefined;
   space?: "compact" | "extra-small" | "large" | "little-small" | "medium" | "small" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-type Props$261 = {
+type Props$267 = {
   children: ReactNode;
   className?: string;
 } & VariantProps<typeof buttonGroupVariant> & ComponentProps<'div'>;
-declare const ButtonGroup: ({ ref, children, space, className, variant, ...rest }: Props$261) => import("react/jsx-runtime").JSX.Element;
+declare const ButtonGroup: ({ ref, children, space, className, variant, ...rest }: Props$267) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/DropdownMenu/DropdownMenuItem.d.ts
-type Props$260 = ComponentProps<typeof DropdownMenuPrimitive.Item> & {
+type Props$266 = ComponentProps<typeof DropdownMenuPrimitive.Item> & {
   /**
    * Fix for `autoFocus` on inputs not working correctly in modals.
    * While the DropdownMenuItem was animating out and the modal was animating in, the dying DropdownMenuItem was constantly trying to steal focus while the Dialog was trying to correctly set the new focus.
@@ -111,13 +111,13 @@ type Props$260 = ComponentProps<typeof DropdownMenuPrimitive.Item> & {
   isLoading?: boolean;
   iconClassName?: string;
 };
-declare const DropdownMenuItem: ({ ref, className, asModalTrigger, onSelect, onPointerLeave, onPointerMove, children, asChild, icon, iconClassName, isLoading, ...props }: Props$260) => import("react/jsx-runtime").JSX.Element;
+declare const DropdownMenuItem: ({ ref, className, asModalTrigger, onSelect, onPointerLeave, onPointerMove, children, asChild, icon, iconClassName, isLoading, ...props }: Props$266) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/SplitButton/SplitButton.d.ts
 type Variant$9 = ComponentProps<typeof Button>['variant'];
 type Size = NonNullable<ComponentProps<typeof Button>['size']>;
 type SpitButtonSize = Exclude<Size, 'icon' | 'icon-lg' | 'icon-sm' | 'icon-xs' | 'icon-2xs' | 'icon-3xs'>;
-type Props$259 = {
+type Props$265 = {
   actions?: ReactNode;
   isActionsOpen?: boolean;
   onActionsOpenChange?: (open: boolean) => void;
@@ -126,7 +126,7 @@ type Props$259 = {
   variant?: Exclude<Variant$9, 'inline' | 'invisible'>;
   size?: SpitButtonSize;
 } & Omit<ComponentProps<typeof Button>, 'variant' | 'size' | 'icon'>;
-declare const SplitButtonBase: ({ ref, disabled, actions, variant, size, isActionsOpen, onActionsOpenChange, icon, children, ...rest }: Props$259) => import("react/jsx-runtime").JSX.Element;
+declare const SplitButtonBase: ({ ref, disabled, actions, variant, size, isActionsOpen, onActionsOpenChange, icon, children, ...rest }: Props$265) => import("react/jsx-runtime").JSX.Element;
 declare const SplitButton: typeof SplitButtonBase & {
   Action: typeof DropdownMenuItem;
   Actions: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuGroupProps & import("react").RefAttributes<HTMLDivElement>>;
@@ -136,23 +136,24 @@ declare const SplitButton: typeof SplitButtonBase & {
 declare const tooltipVariants: (props?: ({
   variant?: "action" | "explanatory" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-type Props$258 = {
+type Props$264 = {
   keepOpenOnPointerDownOutside?: boolean;
   placement?: ComponentProps<typeof Content>['side'];
 } & Omit<ComponentProps<typeof Content>, 'side'> & VariantProps<typeof tooltipVariants>;
-declare const TooltipContent: ({ className, variant, keepOpenOnPointerDownOutside, children, onPointerDownOutside, sideOffset, collisionPadding, hideWhenDetached, placement, ...rest }: Props$258) => import("react/jsx-runtime").JSX.Element;
+declare const TooltipContent: ({ className, variant, keepOpenOnPointerDownOutside, children, onPointerDownOutside, sideOffset, collisionPadding, hideWhenDetached, placement, ...rest }: Props$264) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Tooltip/TooltipRoot.d.ts
-type Props$257 = ComponentProps<typeof Root$1>;
-declare const TooltipRoot: ({ children, delayDuration, ...rest }: Props$257) => import("react/jsx-runtime").JSX.Element;
+type Props$263 = ComponentProps<typeof Root$1>;
+declare const TooltipRoot: ({ children, delayDuration, ...rest }: Props$263) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Tooltip/TooltipTrigger.d.ts
-type Props$256 = {
+type Props$262 = {
   keepOpenOnClick?: boolean;
 } & ComponentProps<typeof Trigger$1>;
-declare const TooltipTrigger: ({ ref, children, className, keepOpenOnClick, onClick, onPointerDown, asChild, ...rest }: Props$256) => import("react/jsx-runtime").JSX.Element;
+declare const TooltipTrigger: ({ ref, children, className, keepOpenOnClick, onClick, onPointerDown, asChild, ...rest }: Props$262) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Tooltip/Tooltip.d.ts
+declare const HINT_UNDERLINE_CLASS_NAME = "tw:cursor-help tw:underline tw:decoration-dashed tw:decoration-neutral-300 tw:underline-offset-2";
 type TriggerProps$1 = {
   triggerAsChild?: boolean;
 };
@@ -160,7 +161,7 @@ type TriggerProps$1 = {
  * Props for `Tooltip`. `tooltip` is the popup content; `children` is the trigger element.
  * `variant` auto-resolves to `"explanatory"` for strings >30 chars, else `"action"`.
  */
-type Props$8 = {
+type Props$10 = {
   /** Keep the tooltip visible when the user clicks the trigger (useful for click-to-copy feedback). */
   keepOpenOnTriggerClick?: boolean;
   /** Content rendered inside the tooltip. Plain text only — no interactive elements (use `HoverCard` or `Popover` for that). */
@@ -173,11 +174,13 @@ type Props$8 = {
   forceShow?: boolean;
   /** Hover delay before the tooltip opens, in ms. Defaults to the shared 300ms. */
   delayDuration?: number;
+  /** Mark the trigger with the shared dashed-underline hover affordance. Works with `triggerAsChild`. */
+  hintUnderline?: boolean;
   className?: string;
 } & TriggerProps$1 & Pick<ComponentProps<typeof TooltipContent>, 'variant' | 'className'>;
 /** Re-export of Radix `Tooltip.Provider`. Mount once at the app root so tooltips share delay state. */
 declare const TooltipProvider: import("react").FC<import("@radix-ui/react-tooltip").TooltipProviderProps>;
-declare function Tooltip({ tooltip, children, className, keepOpenOnTriggerClick, variant, placement, forceHide, forceShow, delayDuration, triggerAsChild }: Props$8): import("react/jsx-runtime").JSX.Element;
+declare function Tooltip({ tooltip, children, className, keepOpenOnTriggerClick, variant, placement, forceHide, forceShow, delayDuration, triggerAsChild, hintUnderline }: Props$10): import("react/jsx-runtime").JSX.Element;
 declare namespace Tooltip {
   export { TooltipRoot as Root };
   export { TooltipContent as Content };
@@ -185,7 +188,7 @@ declare namespace Tooltip {
 }
 //#endregion
 //#region src/blocks/MultiActionButtonGroup/MultiActionButton.d.ts
-type Props$255 = {
+type Props$261 = {
   disabled?: boolean;
   icon: ReactNode;
   isLoading?: boolean;
@@ -195,13 +198,13 @@ type Props$255 = {
   tooltipVariant?: ComponentProps<typeof Tooltip>['variant'];
   'data-testid'?: string;
 };
-declare const MultiActionButton: ({ disabled, icon, isLoading, label, onClick, tooltipContent, tooltipVariant, 'data-testid': dataTestId }: Props$255) => import("react/jsx-runtime").JSX.Element;
+declare const MultiActionButton: ({ disabled, icon, isLoading, label, onClick, tooltipContent, tooltipVariant, 'data-testid': dataTestId }: Props$261) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/MultiActionButtonGroup/MultiActionButtonGroup.d.ts
-type Props$254 = {
+type Props$260 = {
   className?: string;
 } & PropsWithChildren;
-declare function MultiActionButtonGroup({ children, className }: Props$254): import("react/jsx-runtime").JSX.Element;
+declare function MultiActionButtonGroup({ children, className }: Props$260): import("react/jsx-runtime").JSX.Element;
 declare namespace MultiActionButtonGroup {
   export { MultiActionButton as Button };
 }
@@ -213,12 +216,12 @@ declare const toggleVariants: (props?: ({
   orientation?: "horizontal" | "vertical" | null | undefined;
   iconOnly?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-type Props$253 = {
+type Props$259 = {
   icon?: ReactNode;
   badge?: ReactNode;
   orientation?: 'horizontal' | 'vertical';
 } & ComponentProps<typeof Root$3> & Omit<VariantProps<typeof toggleVariants>, 'iconOnly' | 'orientation'>;
-declare const Toggle: ({ ref, className, variant, size, orientation, children, icon, badge, disabled, ...props }: Props$253) => import("react/jsx-runtime").JSX.Element;
+declare const Toggle: ({ ref, className, variant, size, orientation, children, icon, badge, disabled, ...props }: Props$259) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/ToggleGroup/ToggleGroup.d.ts
 declare const rootVariants: (props?: ({
@@ -238,30 +241,30 @@ declare const ToggleGroup: typeof Root$20 & {
 };
 //#endregion
 //#region src/components/Clipboard/Clipboard.d.ts
-type Props$252 = {
-  tooltip?: Props$8['tooltip'];
-  tooltipPlacement?: Props$8['placement'];
-  tooltipVariant?: Props$8['variant'];
-  asChild?: Props$8['triggerAsChild'];
+type Props$258 = {
+  tooltip?: Props$10['tooltip'];
+  tooltipPlacement?: Props$10['placement'];
+  tooltipVariant?: Props$10['variant'];
+  asChild?: Props$10['triggerAsChild'];
   text?: string | (() => string);
 } & ComponentProps<'button'>;
-declare const Clipboard: ({ ref, text: textProp, children, tooltip, tooltipPlacement, tooltipVariant: tooltipVariantProp, asChild, onClick, className, ...restButtonProps }: Props$252) => import("react/jsx-runtime").JSX.Element;
+declare const Clipboard: ({ ref, text: textProp, children, tooltip, tooltipPlacement, tooltipVariant: tooltipVariantProp, asChild, onClick, className, ...restButtonProps }: Props$258) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/ClipboardButton/ClipboardButton.d.ts
 type ClipboardProps$1 = Pick<ComponentProps<typeof Clipboard>, 'text' | 'tooltip' | 'tooltipPlacement' | 'tooltipVariant'>;
 type ButtonProps$4 = Omit<ComponentProps<typeof Button>, 'disabled' | 'icon'>;
-type Props$251 = ClipboardProps$1 & ButtonProps$4 & {
+type Props$257 = ClipboardProps$1 & ButtonProps$4 & {
   icon?: ReactNode;
 };
-declare const ClipboardButton: ({ text, tooltip, tooltipPlacement, tooltipVariant, icon, variant, children, ...rest }: Props$251) => import("react/jsx-runtime").JSX.Element;
+declare const ClipboardButton: ({ text, tooltip, tooltipPlacement, tooltipVariant, icon, variant, children, ...rest }: Props$257) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/ClipboardButton/ClipboardInline.d.ts
 type ClipboardProps = Pick<ComponentProps<typeof Clipboard>, 'text' | 'tooltip' | 'tooltipPlacement' | 'tooltipVariant'>;
 type ButtonProps$3 = Omit<ComponentProps<typeof ButtonInline>, 'disabled'>;
-type Props$250 = {
+type Props$256 = {
   hideIcon?: boolean;
 } & ClipboardProps & ButtonProps$3;
-declare const ClipboardInline: ({ text, tooltip, tooltipPlacement, tooltipVariant, children, hideIcon, ...rest }: Props$250) => import("react/jsx-runtime").JSX.Element;
+declare const ClipboardInline: ({ text, tooltip, tooltipPlacement, tooltipVariant, children, hideIcon, ...rest }: Props$256) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/ExportMenu/ExportMenu.d.ts
 type ExportMenuItem = {
@@ -269,7 +272,7 @@ type ExportMenuItem = {
   label: string;
   onSelect: () => void;
 };
-type Props$249 = {
+type Props$255 = {
   items: ExportMenuItem[];
   /** Accessible name + tooltip for the trigger, e.g. "Export table". */
   label: string;
@@ -291,7 +294,7 @@ type Props$249 = {
  * which in turn pulls `ScrollArea`) plus two more external deps behind the lazy
  * boundary. Callers already paying for the barrel inject this instead.
  */
-declare const ExportMenu: ({ items, label, size, variant }: Props$249) => import("react/jsx-runtime").JSX.Element;
+declare const ExportMenu: ({ items, label, size, variant }: Props$255) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/CopyField/CopyBox.d.ts
 type CopyBoxProps = {
@@ -488,11 +491,11 @@ declare const LABELS$1: {
   readonly signup: 'Sign up with Microsoft';
   readonly continue: 'Continue with Microsoft';
 };
-type Props$248 = ComponentPropsWithRef<'button'> & {
+type Props$254 = ComponentPropsWithRef<'button'> & {
   label?: keyof typeof LABELS$1;
   isLoading?: boolean;
 };
-declare const MicrosoftButton: ({ ref, label, isLoading, disabled, type, className, children, style, ...buttonProps }: Props$248) => import("react/jsx-runtime").JSX.Element;
+declare const MicrosoftButton: ({ ref, label, isLoading, disabled, type, className, children, style, ...buttonProps }: Props$254) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/GoogleButton/GoogleButton.d.ts
 declare const LABELS: {
@@ -506,15 +509,15 @@ declare const variants$6: (props?: ({
   shape?: "circle" | "rectangular" | null | undefined;
   size?: "default" | "icon" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-type Props$247 = ComponentPropsWithRef<'button'> & VariantProps<typeof variants$6> & {
+type Props$253 = ComponentPropsWithRef<'button'> & VariantProps<typeof variants$6> & {
   label?: keyof typeof LABELS;
   isLoading?: boolean;
 };
-declare const GoogleButton: ({ ref, variant, shape, size, label, isLoading, disabled, type, className, children, style, ...buttonProps }: Props$247) => import("react/jsx-runtime").JSX.Element;
+declare const GoogleButton: ({ ref, variant, shape, size, label, isLoading, disabled, type, className, children, style, ...buttonProps }: Props$253) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Link.d.ts
-type Props$246 = ComponentProps<'a'>;
-declare const Link: ({ ref, children, target, rel, onClick, className, ...rest }: Props$246) => import("react/jsx-runtime").JSX.Element;
+type Props$252 = ComponentProps<'a'>;
+declare const Link: ({ ref, children, target, rel, onClick, className, ...rest }: Props$252) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/AlertModal/variant.d.ts
 /**
@@ -524,7 +527,7 @@ declare const Link: ({ ref, children, target, rel, onClick, className, ...rest }
 type AlertModalVariant = 'info' | 'warning' | 'danger' | 'success';
 //#endregion
 //#region src/components/AlertModal/AlertModalContent.d.ts
-type Props$245 = {
+type Props$251 = {
   variant?: AlertModalVariant;
   icon?: ReactNode;
   title?: ReactNode;
@@ -534,23 +537,23 @@ type Props$245 = {
   confirmDisabled?: boolean;
   container?: ComponentProps<typeof Portal$1>['container'];
 } & Omit<ComponentProps<typeof Content$1>, 'title'>;
-declare const AlertModalContent: ({ variant, icon, title, cancelLabel, confirmLabel: actionLabel, confirmDisabled, container, className, children, onEscapeKeyDown, ...props }: Props$245) => import("react/jsx-runtime").JSX.Element;
+declare const AlertModalContent: ({ variant, icon, title, cancelLabel, confirmLabel: actionLabel, confirmDisabled, container, className, children, onEscapeKeyDown, ...props }: Props$251) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/AlertModal/AlertModalTrigger.d.ts
-type Props$244 = ComponentPropsWithRef<typeof Trigger$3>;
-declare const AlertModalTrigger: ({ ref, onClick, onKeyDown, ...props }: Props$244) => import("react/jsx-runtime").JSX.Element;
+type Props$250 = ComponentPropsWithRef<typeof Trigger$3>;
+declare const AlertModalTrigger: ({ ref, onClick, onKeyDown, ...props }: Props$250) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/AlertModal/AlertModal.d.ts
 type ConfirmHandler = (event: MouseEvent<HTMLButtonElement>) => void | Promise<unknown>;
 type CancelHandler = (event: MouseEvent<HTMLButtonElement>) => void;
-type Props$243 = {
+type Props$249 = {
   onConfirm?: ConfirmHandler;
   onCancel?: CancelHandler;
   skipAsyncWait?: boolean;
   /** Marks the confirm action busy from the outside, on top of the state inferred from a thenable `onConfirm`. */
   isLoading?: boolean;
 } & ComponentProps<typeof Root$4>;
-declare function AlertModal({ children, onConfirm, onCancel, skipAsyncWait, isLoading, open, defaultOpen, onOpenChange, ...rest }: Props$243): import("react/jsx-runtime").JSX.Element;
+declare function AlertModal({ children, onConfirm, onCancel, skipAsyncWait, isLoading, open, defaultOpen, onOpenChange, ...rest }: Props$249): import("react/jsx-runtime").JSX.Element;
 declare namespace AlertModal {
   export { AlertModalTrigger as Trigger };
   export { AlertModalContent as Content };
@@ -558,23 +561,23 @@ declare namespace AlertModal {
 //#endregion
 //#region src/components/Modal/ModalBody.d.ts
 /** Props for `Modal.Body`. Accepts all `<div>` attributes; `as="form"` is reserved for future use. */
-type Props$242 = ComponentProps<'div'> & {
+type Props$248 = ComponentProps<'div'> & {
   as?: 'form';
 };
 /**
  * Scrollable body slot for `Modal`. Place form fields, content blocks, or detail panels here.
  * Takes available height inside `Modal.Content` and scrolls when content overflows.
  */
-declare const ModalBody: ({ className, ...props }: Props$242) => import("react/jsx-runtime").JSX.Element;
+declare const ModalBody: ({ className, ...props }: Props$248) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Modal/ModalContent.d.ts
-type Props$241 = ComponentProps<typeof Content$2> & {
+type Props$247 = ComponentProps<typeof Content$2> & {
   size?: 'small' | 'medium' | 'large';
 };
-declare const ModalContent: ({ size, className, children, onEscapeKeyDown, ...props }: Props$241) => import("react/jsx-runtime").JSX.Element;
+declare const ModalContent: ({ size, className, children, onEscapeKeyDown, ...props }: Props$247) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Modal/ModalFooter.d.ts
-type Props$240 = ComponentPropsWithRef<'div'>;
+type Props$246 = ComponentPropsWithRef<'div'>;
 /**
  * The modal's action row.
  *
@@ -587,10 +590,10 @@ type Props$240 = ComponentPropsWithRef<'div'>;
  *   displaces only within a group. `tw:justify-between` replaces `justify-end`; `tw:flex-col`
  *   leaves `items-center` and the gap in place, so a stacked footer wants `tw:items-stretch` too.
  */
-declare const ModalFooter: ({ className, ...props }: Props$240) => import("react/jsx-runtime").JSX.Element;
+declare const ModalFooter: ({ className, ...props }: Props$246) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Modal/ModalHeader.d.ts
-type Props$239 = {
+type Props$245 = {
   /** Status icon slot — `<Modal.Icon />` or `<Modal.Image />`. */
   icon?: ReactNode;
   /** Visible subtitle below the title (also fills `aria-describedby`). */
@@ -603,11 +606,11 @@ type Props$239 = {
   hideCloseIcon?: boolean;
 } & ComponentProps<'div'>;
 /** Modal header: `[icon] | title (children) | actions + close` on row 1, `description` on row 2. */
-declare const ModalHeader: ({ className, icon, description, 'aria-description': ariaDescription, actions, hideCloseIcon, children, ...props }: Props$239) => import("react/jsx-runtime").JSX.Element;
+declare const ModalHeader: ({ className, icon, description, 'aria-description': ariaDescription, actions, hideCloseIcon, children, ...props }: Props$245) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Modal/ModalIcon.d.ts
 type NamedColor = 'orange' | 'blue' | 'red' | 'green' | 'gray' | 'violet';
-type Props$238 = {
+type Props$244 = {
   color: NamedColor | (string & {});
   icon: ReactNode;
 };
@@ -625,25 +628,25 @@ type Props$238 = {
  * `blue` info, `gray` neutral, `violet` agent) to encode meaning; the palette stays fixed across
  * brand themes.
  */
-declare const ModalIcon: ({ color, icon }: Props$238) => import("react/jsx-runtime").JSX.Element;
+declare const ModalIcon: ({ color, icon }: Props$244) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Modal/ModalImage.d.ts
-type Props$237 = {
+type Props$243 = {
   src: string;
   /** Accessible alt text. Defaults to `""` (decorative) — provide it when the image carries meaning. */
   alt?: string;
 };
-declare const ModalImage: ({ src, alt }: Props$237) => import("react/jsx-runtime").JSX.Element | null;
+declare const ModalImage: ({ src, alt }: Props$243) => import("react/jsx-runtime").JSX.Element | null;
 //#endregion
 //#region src/components/Modal/ModalOverlay.d.ts
-type Props$236 = ComponentProps<typeof Overlay$1> & {
+type Props$242 = ComponentProps<typeof Overlay$1> & {
   disableTransition?: boolean;
 };
-declare const ModalOverlay: ({ ref, className, disableTransition, ...props }: Props$236) => import("react/jsx-runtime").JSX.Element;
+declare const ModalOverlay: ({ ref, className, disableTransition, ...props }: Props$242) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Modal/Modal.d.ts
-type Props$235 = ComponentProps<typeof Root$5>;
-declare function Modal(props: Props$235): import("react/jsx-runtime").JSX.Element;
+type Props$241 = ComponentProps<typeof Root$5>;
+declare function Modal(props: Props$241): import("react/jsx-runtime").JSX.Element;
 declare namespace Modal {
   export { Close };
   export { Trigger$4 as Trigger };
@@ -657,13 +660,13 @@ declare namespace Modal {
 }
 //#endregion
 //#region src/components/FullScreenModal/FullScreenModalBody.d.ts
-type Props$234 = HTMLAttributes<HTMLDivElement>;
-declare const FullScreenModalBody: ({ ref, className, children, ...props }: Props$234 & {
+type Props$240 = HTMLAttributes<HTMLDivElement>;
+declare const FullScreenModalBody: ({ ref, className, children, ...props }: Props$240 & {
   ref?: Ref<HTMLDivElement>;
 }) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/FullScreenModal/FullScreenModalHeader.d.ts
-type Props$233 = PropsWithChildren<Omit<HTMLAttributes<HTMLDivElement>, 'title'> & {
+type Props$239 = PropsWithChildren<Omit<HTMLAttributes<HTMLDivElement>, 'title'> & {
   title: ReactNode;
   titleClassName?: string;
   titleWrapperClassName?: string;
@@ -672,17 +675,17 @@ type Props$233 = PropsWithChildren<Omit<HTMLAttributes<HTMLDivElement>, 'title'>
   onClose?: () => void;
   showPreviousTitle?: boolean;
 }>;
-declare const FullScreenModalHeader: ({ title, titleClassName, titleWrapperClassName, defaultTitleStyles, isTitleWithIcon, children, onClose, className, showPreviousTitle, ...props }: Props$233) => import("react/jsx-runtime").JSX.Element;
+declare const FullScreenModalHeader: ({ title, titleClassName, titleWrapperClassName, defaultTitleStyles, isTitleWithIcon, children, onClose, className, showPreviousTitle, ...props }: Props$239) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/FullScreenModal/FullScreenModalRoot.d.ts
-type Props$232 = HTMLAttributes<HTMLDivElement> & {
+type Props$238 = HTMLAttributes<HTMLDivElement> & {
   children: ReactNode;
   /** Lock body scroll when modal is open. Default: true */
   lockBodyScroll?: boolean;
   /** Callback when ESC key is pressed */
   onEscapeKeyDown?: (event: KeyboardEvent<HTMLDivElement>) => void;
 };
-declare const FullScreenModalRoot: ({ children, className, lockBodyScroll, onEscapeKeyDown, onKeyDown, ...props }: Props$232) => import("react").ReactPortal;
+declare const FullScreenModalRoot: ({ children, className, lockBodyScroll, onEscapeKeyDown, onKeyDown, ...props }: Props$238) => import("react").ReactPortal;
 //#endregion
 //#region src/components/FullScreenModal/FullScreenModal.d.ts
 declare const FullScreenModal: typeof FullScreenModalRoot & {
@@ -691,42 +694,42 @@ declare const FullScreenModal: typeof FullScreenModalRoot & {
 };
 //#endregion
 //#region src/components/Sheet/SheetBody.d.ts
-type Props$231 = ComponentProps<'div'>;
-declare const SheetBody: ({ className, ...rest }: Props$231) => import("react/jsx-runtime").JSX.Element;
+type Props$237 = ComponentProps<'div'>;
+declare const SheetBody: ({ className, ...rest }: Props$237) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Sheet/SheetContent.d.ts
 declare const sheetContentVariants: (props?: ({
   disableTransition?: boolean | null | undefined;
   side?: "bottom" | "left" | "right" | "top" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-type Props$230 = ComponentProps<typeof Content$2> & {
+type Props$236 = ComponentProps<typeof Content$2> & {
   side?: 'top' | 'right' | 'bottom' | 'left';
   hideOverlay?: boolean;
   keepOpenOnPointerDownOutside?: boolean;
 } & VariantProps<typeof sheetContentVariants> & Pick<ComponentProps<typeof Portal$2>, 'container'>;
-declare const SheetContent: ({ className, children, side, disableTransition, hideOverlay, keepOpenOnPointerDownOutside, onPointerDownOutside, onInteractOutside, container, ...props }: Props$230) => import("react/jsx-runtime").JSX.Element;
+declare const SheetContent: ({ className, children, side, disableTransition, hideOverlay, keepOpenOnPointerDownOutside, onPointerDownOutside, onInteractOutside, container, ...props }: Props$236) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Sheet/SheetFooter.d.ts
-type Props$229 = ComponentProps<'div'>;
-declare const SheetFooter: ({ className, ...props }: Props$229) => import("react/jsx-runtime").JSX.Element;
+type Props$235 = ComponentProps<'div'>;
+declare const SheetFooter: ({ className, ...props }: Props$235) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Sheet/SheetHeader.d.ts
-type Props$228 = {
+type Props$234 = {
   title?: ReactNode;
   description?: ReactNode;
   hideCloseIcon?: boolean;
 } & ComponentProps<'div'>;
-declare const SheetHeader: ({ className, children, hideCloseIcon, title, description, ...props }: Props$228) => import("react/jsx-runtime").JSX.Element;
+declare const SheetHeader: ({ className, children, hideCloseIcon, title, description, ...props }: Props$234) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Sheet/SheetTitle.d.ts
-type Props$227 = ComponentProps<typeof Title$1> & {
+type Props$233 = ComponentProps<typeof Title$1> & {
   visuallyHidden?: boolean;
 };
-declare const SheetTitle: ({ className, visuallyHidden, ...props }: Props$227) => import("react/jsx-runtime").JSX.Element;
+declare const SheetTitle: ({ className, visuallyHidden, ...props }: Props$233) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Sheet/Sheet.d.ts
-type Props$226 = ComponentProps<typeof Root$5>;
-declare function Sheet(props: Props$226): import("react/jsx-runtime").JSX.Element;
+type Props$232 = ComponentProps<typeof Root$5>;
+declare function Sheet(props: Props$232): import("react/jsx-runtime").JSX.Element;
 declare namespace Sheet {
   export { Close };
   export { Trigger$4 as Trigger };
@@ -742,7 +745,7 @@ declare const variants$5: (props?: ({
   variant?: "argo" | "default" | null | undefined;
   matchTriggerWidth?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-type Props$225 = ComponentProps<typeof Content$3> & Omit<VariantProps<typeof variants$5>, 'variant'> & {
+type Props$231 = ComponentProps<typeof Content$3> & Omit<VariantProps<typeof variants$5>, 'variant'> & {
   /**
    * Where the popover portals to. Defaults to `document.body`; a host that
    * scopes its own theme passes the element that carries it, so the panel is
@@ -750,11 +753,11 @@ type Props$225 = ComponentProps<typeof Content$3> & Omit<VariantProps<typeof var
    */
   container?: ComponentProps<typeof Portal$3>['container'];
 };
-declare const PopoverContent: ({ ref, className, align, sideOffset, matchTriggerWidth, children, onEscapeKeyDown, container, ...props }: Props$225) => import("react/jsx-runtime").JSX.Element;
+declare const PopoverContent: ({ ref, className, align, sideOffset, matchTriggerWidth, children, onEscapeKeyDown, container, ...props }: Props$231) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Popover/Popover.d.ts
-type Props$224 = ComponentProps<typeof Root$6>;
-declare function Popover(props: Props$224): import("react/jsx-runtime").JSX.Element;
+type Props$230 = ComponentProps<typeof Root$6>;
+declare function Popover(props: Props$230): import("react/jsx-runtime").JSX.Element;
 declare namespace Popover {
   export { PopoverContent as Content };
   export { Trigger$5 as Trigger };
@@ -771,8 +774,8 @@ type PopconfirmContextType = {
 };
 //#endregion
 //#region src/components/Popconfirm/PopconfirmBody.d.ts
-type Props$223 = ComponentProps<'div'>;
-declare const PopconfirmBody: (props: Props$223) => import("react/jsx-runtime").JSX.Element;
+type Props$229 = ComponentProps<'div'>;
+declare const PopconfirmBody: (props: Props$229) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Popconfirm/PopconfirmCancel.d.ts
 type SlotProps$5 = {
@@ -782,8 +785,8 @@ type ButtonProps$2 = {
   asChild?: false;
   children?: ReactNode;
 } & Omit<ComponentProps<typeof Button>, 'children'>;
-type Props$222 = SlotProps$5 | ButtonProps$2;
-declare const PopconfirmCancel: ({ ref, onClick, children, asChild, className, ...props }: Props$222) => import("react/jsx-runtime").JSX.Element;
+type Props$228 = SlotProps$5 | ButtonProps$2;
+declare const PopconfirmCancel: ({ ref, onClick, children, asChild, className, ...props }: Props$228) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Popconfirm/PopconfirmConfirm.d.ts
 type SlotProps$4 = {
@@ -793,27 +796,27 @@ type ButtonProps$1 = {
   asChild?: false;
   children?: ReactNode;
 } & Omit<ComponentProps<typeof Button>, 'children' | 'isLoading'>;
-type Props$221 = SlotProps$4 | ButtonProps$1;
-declare const PopconfirmConfirm: ({ ref, onClick, children, asChild, className, ...props }: Props$221) => import("react/jsx-runtime").JSX.Element;
+type Props$227 = SlotProps$4 | ButtonProps$1;
+declare const PopconfirmConfirm: ({ ref, onClick, children, asChild, className, ...props }: Props$227) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Popconfirm/PopconfirmContent.d.ts
-type Props$220 = Omit<ComponentProps<typeof Popover.Content>, 'showArrow'>;
-declare const PopconfirmContent: ({ className, onInteractOutside, ...props }: Props$220) => import("react/jsx-runtime").JSX.Element;
+type Props$226 = Omit<ComponentProps<typeof Popover.Content>, 'showArrow'>;
+declare const PopconfirmContent: ({ className, onInteractOutside, ...props }: Props$226) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Popconfirm/PopconfirmFooter.d.ts
-type Props$219 = ComponentProps<'div'>;
-declare const PopconfirmFooter: ({ className, ...props }: Props$219) => import("react/jsx-runtime").JSX.Element;
+type Props$225 = ComponentProps<'div'>;
+declare const PopconfirmFooter: ({ className, ...props }: Props$225) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Popconfirm/PopconfirmTrigger.d.ts
-type Props$218 = ComponentProps<typeof Popover.Trigger>;
-declare const PopconfirmTrigger: ({ onClick, ...props }: Props$218) => import("react/jsx-runtime").JSX.Element;
+type Props$224 = ComponentProps<typeof Popover.Trigger>;
+declare const PopconfirmTrigger: ({ onClick, ...props }: Props$224) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Popconfirm/Popconfirm.d.ts
-type Props$217 = {
+type Props$223 = {
   children: ReactNode;
   skipAsyncWait?: boolean;
 } & ComponentProps<typeof Popover> & Omit<Partial<PopconfirmContextType>, 'isLoading'>;
-declare function Popconfirm({ children, onConfirm, onCancel, variant, enabled, onOpenChange, open, skipAsyncWait, ...rest }: Props$217): import("react/jsx-runtime").JSX.Element;
+declare function Popconfirm({ children, onConfirm, onCancel, variant, enabled, onOpenChange, open, skipAsyncWait, ...rest }: Props$223): import("react/jsx-runtime").JSX.Element;
 declare namespace Popconfirm {
   export { PopconfirmConfirm as Confirm };
   export { PopconfirmCancel as Cancel };
@@ -824,54 +827,64 @@ declare namespace Popconfirm {
 }
 //#endregion
 //#region src/components/HoverCard/HoverCardContent.d.ts
-type Props$216 = ComponentProps<typeof Content$4>;
-declare const HoverCardContent: ({ ref, className, align, sideOffset, children, ...props }: Props$216) => import("react/jsx-runtime").JSX.Element;
+type Props$222 = ComponentProps<typeof Content$4>;
+declare const HoverCardContent: ({ ref, className, align, sideOffset, children, ...props }: Props$222) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/HoverCard/HoverCard.d.ts
-type Props$215 = ComponentProps<typeof Root$7>;
-declare function HoverCard({ openDelay, closeDelay, ...rest }: Props$215): import("react/jsx-runtime").JSX.Element;
+type Props$221 = ComponentProps<typeof Root$7>;
+declare function HoverCard({ openDelay, closeDelay, ...rest }: Props$221): import("react/jsx-runtime").JSX.Element;
 declare namespace HoverCard {
   export { HoverCardContent as Content };
   export { Trigger$6 as Trigger };
 }
 //#endregion
 //#region src/components/DropdownMenu/DropdownMenuCheckboxItem.d.ts
-type Props$214 = ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem> & {
+type Props$220 = ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem> & {
   closeOnSelect?: boolean;
   indicator?: 'switch' | 'checkbox' | 'check';
   indicatorAlign?: 'start' | 'end';
   isLoading?: boolean;
+  /** Leading Lucide icon, drawn like `DropdownMenu.Item`'s so mixed menus line up. */
+  icon?: ReactNode;
 };
-declare const DropdownMenuCheckboxItem: ({ className, children, checked, closeOnSelect, onSelect, indicatorAlign, indicator, isLoading, ...props }: Props$214) => import("react/jsx-runtime").JSX.Element;
+declare const DropdownMenuCheckboxItem: ({ className, children, checked, closeOnSelect, onSelect, indicatorAlign, indicator, isLoading, icon, ...props }: Props$220) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/DropdownMenu/DropdownMenuContent.d.ts
-type Props$213 = Omit<ComponentProps<typeof DropdownMenuPrimitive.Content>, 'forceMount' | 'asChild'> & {
+type Props$219 = Omit<ComponentProps<typeof DropdownMenuPrimitive.Content>, 'forceMount' | 'asChild'> & {
   forceMount?: boolean;
+  /**
+   * Classes for the scroll area inside the popup, not the popup itself.
+   *
+   * - A width lands on both: the popup shrink-wraps the scroll area.
+   * - A `max-width` lands on one: the popup still grows to its widest item and the scroll area
+   *   clips the rows. Give a width instead.
+   */
+  className?: string;
   viewPortClassName?: string;
   container?: HTMLElement | null;
 };
-declare const DropdownMenuContent: ({ className, sideOffset, forceMount, children, viewPortClassName, container, ...props }: Props$213) => import("react/jsx-runtime").JSX.Element;
+declare const DropdownMenuContent: ({ className, sideOffset, forceMount, children, viewPortClassName, container, ...props }: Props$219) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/DropdownMenu/DropdownMenuItemDescription.d.ts
-type Props$212 = ComponentProps<'span'> & {
+type Props$218 = ComponentProps<'span'> & {
   hideOnHover?: boolean;
 };
-declare const DropdownMenuItemDescription: ({ className, children, hideOnHover, ...props }: Props$212) => import("react/jsx-runtime").JSX.Element;
+declare const DropdownMenuItemDescription: ({ className, children, hideOnHover, ...props }: Props$218) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/DropdownMenu/DropdownMenuLabel.d.ts
-type Props$211 = ComponentProps<typeof DropdownMenuPrimitive.Label>;
-declare const DropdownMenuLabel: ({ className, ...props }: Props$211) => import("react/jsx-runtime").JSX.Element;
+type Props$217 = ComponentProps<typeof DropdownMenuPrimitive.Label>;
+declare const DropdownMenuLabel: ({ className, ...props }: Props$217) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/DropdownMenu/DropdownMenuRadioGroup/DropdownMenuRadioGroup.d.ts
-type Props$210<Value> = Omit<ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>, 'value' | 'onValueChange' | 'defaultValue'> & {
+type Props$216<Value> = Omit<ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>, 'value' | 'onValueChange' | 'defaultValue'> & {
   value?: Value;
   defaultValue?: Value;
   onValueChange?: (value: Value) => void;
 };
-declare const DropdownMenuRadioGroup: <Value extends string = string>({ value, defaultValue, onValueChange, ...props }: Props$210<Value>) => import("react/jsx-runtime").JSX.Element;
+declare const DropdownMenuRadioGroup: <Value extends string = string>({ value, defaultValue, onValueChange, ...props }: Props$216<Value>) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/DropdownMenu/DropdownMenuRadioGroup/DropdownMenuRadioItem.d.ts
-type Props$209 = ComponentProps<typeof DropdownMenuPrimitive.RadioItem> & {
+type Props$215 = ComponentProps<typeof DropdownMenuPrimitive.RadioItem> & {
   closeOnSelect?: boolean;
   indicatorAlign?: 'start' | 'end';
   indicator?: 'radio' | 'check' | 'none';
@@ -879,30 +892,33 @@ type Props$209 = ComponentProps<typeof DropdownMenuPrimitive.RadioItem> & {
   iconClassName?: string;
   isLoading?: boolean;
 };
-declare const DropdownMenuRadioItem: ({ className, children, closeOnSelect, onSelect, indicatorAlign, indicator, icon, iconClassName, isLoading, ...props }: Props$209) => import("react/jsx-runtime").JSX.Element;
+declare const DropdownMenuRadioItem: ({ className, children, closeOnSelect, onSelect, indicatorAlign, indicator, icon, iconClassName, isLoading, ...props }: Props$215) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/DropdownMenu/DropdownMenuSeparator.d.ts
-type Props$208 = ComponentProps<typeof DropdownMenuPrimitive.Separator>;
-declare const DropdownMenuSeparator: ({ className, ...props }: Props$208) => import("react/jsx-runtime").JSX.Element;
+type Props$214 = ComponentProps<typeof DropdownMenuPrimitive.Separator>;
+declare const DropdownMenuSeparator: ({ className, ...props }: Props$214) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/DropdownMenu/DropdownMenuSub/DropdownMenuSub.d.ts
 declare const DropdownMenuSub: import("react").FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
 //#endregion
 //#region src/components/DropdownMenu/DropdownMenuSub/DropdownMenuSubContent.d.ts
-type Props$207 = ComponentProps<typeof DropdownMenuPrimitive.SubContent>;
-declare const DropdownMenuSubContent: ({ className, ...props }: Props$207) => import("react/jsx-runtime").JSX.Element;
+type Props$213 = ComponentProps<typeof DropdownMenuPrimitive.SubContent>;
+declare const DropdownMenuSubContent: ({ className, ...props }: Props$213) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/DropdownMenu/DropdownMenuSub/DropdownMenuSubTrigger.d.ts
-type Props$206 = ComponentProps<typeof DropdownMenuPrimitive.SubTrigger>;
-declare const DropdownMenuSubTrigger: ({ className, children, ...props }: Props$206) => import("react/jsx-runtime").JSX.Element;
+type Props$212 = ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
+  /** Leading Lucide icon, drawn like `DropdownMenu.Item`'s so the trigger lines up with items. */
+  icon?: ReactNode;
+};
+declare const DropdownMenuSubTrigger: ({ className, children, icon, ...props }: Props$212) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/DropdownMenu/DropdownMenuTrigger.d.ts
-type Props$205 = ComponentProps<typeof Trigger$2>;
-declare const DropdownMenuTrigger: ({ ref, className, ...props }: Props$205) => import("react/jsx-runtime").JSX.Element;
+type Props$211 = ComponentProps<typeof Trigger$2>;
+declare const DropdownMenuTrigger: ({ ref, className, ...props }: Props$211) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/DropdownMenu/DropdownMenu.d.ts
-type Props$204 = ComponentProps<typeof Root$2>;
-declare function DropdownMenu({ modal, ...props }: Props$204): import("react/jsx-runtime").JSX.Element;
+type Props$210 = ComponentProps<typeof Root$2>;
+declare function DropdownMenu({ modal, ...props }: Props$210): import("react/jsx-runtime").JSX.Element;
 declare namespace DropdownMenu {
   export { DropdownMenuTrigger as Trigger };
   export { DropdownMenuContent as Content };
@@ -920,40 +936,40 @@ declare namespace DropdownMenu {
 }
 //#endregion
 //#region src/blocks/Command/CommandContent.d.ts
-type Props$203 = ComponentProps<'div'>;
-declare const CommandContent: ({ className, ...rest }: Props$203) => import("react/jsx-runtime").JSX.Element;
+type Props$209 = ComponentProps<'div'>;
+declare const CommandContent: ({ className, ...rest }: Props$209) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/Command/CommandEmpty.d.ts
-type Props$202 = ComponentProps<typeof Command$1.Empty>;
-declare const CommandEmpty: ({ ...props }: Props$202) => import("react/jsx-runtime").JSX.Element;
+type Props$208 = ComponentProps<typeof Command$1.Empty>;
+declare const CommandEmpty: ({ ...props }: Props$208) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/Command/CommandGroup.d.ts
-type Props$201 = ComponentProps<typeof Command$1.Group>;
-declare const CommandGroup: ({ className, ...props }: Props$201) => import("react/jsx-runtime").JSX.Element;
+type Props$207 = ComponentProps<typeof Command$1.Group>;
+declare const CommandGroup: ({ className, ...props }: Props$207) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/InputGroup/InputGroupAddon.d.ts
 declare const addonVariants$1: (props?: ({
   align?: "block-end" | "block-start" | "inline-end" | "inline-start" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-type Props$200 = ComponentProps<'div'> & VariantProps<typeof addonVariants$1>;
-declare const InputGroupAddon: ({ children, align, className, ...props }: Props$200) => import("react/jsx-runtime").JSX.Element;
+type Props$206 = ComponentProps<'div'> & VariantProps<typeof addonVariants$1>;
+declare const InputGroupAddon: ({ children, align, className, ...props }: Props$206) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/InputGroup/InputGroupButton.d.ts
 type ButtonProps = ComponentProps<typeof Button>;
-type Props$199 = Omit<ButtonProps, 'size' | 'block' | 'variant'>;
-declare const InputGroupButton: ({ ref, className, tabIndex, ...props }: Props$199) => import("react/jsx-runtime").JSX.Element;
+type Props$205 = Omit<ButtonProps, 'size' | 'block' | 'variant'>;
+declare const InputGroupButton: ({ ref, className, tabIndex, ...props }: Props$205) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/InputGroup/InputGroupInput.d.ts
-type Props$198 = ComponentProps<'input'>;
-declare const InputGroupInput: ({ ref, className, ...inputProps }: Props$198) => import("react/jsx-runtime").JSX.Element;
+type Props$204 = ComponentProps<'input'>;
+declare const InputGroupInput: ({ ref, className, ...inputProps }: Props$204) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/InputGroup/InputGroupText.d.ts
-type Props$197 = ComponentProps<'span'>;
-declare const InputGroupText: ({ className, ...props }: Props$197) => import("react/jsx-runtime").JSX.Element;
+type Props$203 = ComponentProps<'span'>;
+declare const InputGroupText: ({ className, ...props }: Props$203) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/InputGroup/InputGroupTextArea.d.ts
 type TextareaNativeProps$1 = Omit<ComponentProps<typeof TextareaAutosize>, 'value' | 'defaultValue' | 'rows' | 'maxRows'>;
-type Props$196 = TextareaNativeProps$1 & {
+type Props$202 = TextareaNativeProps$1 & {
   value?: string | null;
   defaultValue?: string | null;
   onValueChange?: (value: string) => void;
@@ -961,7 +977,7 @@ type Props$196 = TextareaNativeProps$1 & {
   maxRows?: number | 'unlimited';
   disableResize?: boolean;
 };
-declare const InputGroupTextArea: ({ ref, className, onChange, onValueChange, value, defaultValue, onBlur, onValueBlur, disableResize, minRows, maxRows, ...props }: Props$196) => import("react/jsx-runtime").JSX.Element;
+declare const InputGroupTextArea: ({ ref, className, onChange, onValueChange, value, defaultValue, onBlur, onValueBlur, disableResize, minRows, maxRows, ...props }: Props$202) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/InputGroup/InputGroup.d.ts
 declare const inputGroupVariants: (props?: ({
@@ -970,10 +986,10 @@ declare const inputGroupVariants: (props?: ({
   sizing?: "default" | "medium" | "small" | null | undefined;
   state?: "default" | "error" | "warning" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-type Props$195 = ComponentPropsWithRef<'div'> & Omit<VariantProps<typeof inputGroupVariants>, 'variant'> & {
+type Props$201 = ComponentPropsWithRef<'div'> & Omit<VariantProps<typeof inputGroupVariants>, 'variant'> & {
   variant?: Exclude<VariantProps<typeof inputGroupVariants>['variant'], 'argo'>;
 };
-declare const InputGroupRoot: ({ ref, children, state, variant, sizing, focusVariant, className, ...props }: Props$195) => import("react/jsx-runtime").JSX.Element;
+declare const InputGroupRoot: ({ ref, children, state, variant, sizing, focusVariant, className, ...props }: Props$201) => import("react/jsx-runtime").JSX.Element;
 declare const InputGroup: typeof InputGroupRoot & {
   Input: typeof InputGroupInput;
   Addon: typeof InputGroupAddon;
@@ -983,9 +999,15 @@ declare const InputGroup: typeof InputGroupRoot & {
 };
 //#endregion
 //#region src/blocks/TextInput/TextInput.d.ts
-type InputGroupProps$9 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'sizing' | 'state'>;
-type OwnProps = {
+type InputGroupProps$10 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'sizing' | 'state'>;
+type OwnProps$1 = {
   prefix?: ReactNode;
+  /**
+   * Content after the input.
+   *
+   * - `rightSuffixVariant="addon"` truncates it with an ellipsis when the group is narrower than its content.
+   * - The ellipsis only renders for inline content — pass text or a `<span>`, not a block element.
+   */
   rightSuffix?: ReactNode;
   rightSuffixVariant?: 'addon' | 'default';
   leftSuffix?: ReactNode;
@@ -1006,7 +1028,7 @@ type OwnProps = {
  * `value` / `defaultValue` plus convenience `onValueChange` / `onValueBlur` callbacks. `null` /
  * `undefined` are coerced to empty strings.
  */
-type Props$3 = InputGroupProps$9 & OwnProps & Omit<ComponentProps<'input'>, 'prefix' | 'value' | 'defaultValue' | 'type' | 'accept' | 'step'>;
+type Props$5 = InputGroupProps$10 & OwnProps$1 & Omit<ComponentProps<'input'>, 'prefix' | 'value' | 'defaultValue' | 'type' | 'accept' | 'step'>;
 /**
  * Standard text input with a string-only API, built on `InputGroup` chrome — addons, clear button,
  * sizing, focus variants. The default choice for a bare text input.
@@ -1019,50 +1041,50 @@ type Props$3 = InputGroupProps$9 & OwnProps & Omit<ComponentProps<'input'>, 'pre
  * page layouts. Chrome resolves from the active brand automatically: a modern brand always renders argo
  * (any `variant` is ignored), while `variant` only tunes the legacy-brand chrome.
  */
-declare const TextInput: ({ ref: forwardedRef, state, sizing, className, prefix, rightSuffix, rightSuffixVariant, leftSuffix, allowClear, onClear, disabled, testId: prefixTestId, autoFocus, id, name, variant, readOnly, type, focusVariant, onChange, onBlur, onValueChange, onValueBlur, value: valueProp, defaultValue, ...inputProps }: Props$3) => import("react/jsx-runtime").JSX.Element;
+declare const TextInput: ({ ref: forwardedRef, state, sizing, className, prefix, rightSuffix, rightSuffixVariant, leftSuffix, allowClear, onClear, disabled, testId: prefixTestId, autoFocus, id, name, variant, readOnly, type, focusVariant, onChange, onBlur, onValueChange, onValueBlur, value: valueProp, defaultValue, ...inputProps }: Props$5) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/Command/CommandInput.d.ts
-type Props$194 = ComponentProps<typeof TextInput>;
-declare const CommandInput: ({ ref, className, ...props }: Props$194) => import("react/jsx-runtime").JSX.Element;
+type Props$200 = ComponentProps<typeof TextInput>;
+declare const CommandInput: ({ ref, className, ...props }: Props$200) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/Command/CommandItem/CheckIndicator.d.ts
-type Props$193 = {
+type Props$199 = {
   variant?: 'checkbox' | 'radio' | 'default';
 };
-declare const CheckIndicator: ({ variant }: Props$193) => import("react/jsx-runtime").JSX.Element | null;
+declare const CheckIndicator: ({ variant }: Props$199) => import("react/jsx-runtime").JSX.Element | null;
 //#endregion
 //#region src/blocks/Command/CommandItem/CommandItem.d.ts
-type Props$192 = ComponentProps<typeof Command$1.Item> & {
+type Props$198 = ComponentProps<typeof Command$1.Item> & {
   icon?: ReactNode;
   checked?: boolean;
   variant?: ComponentProps<typeof CheckIndicator>['variant'];
   actions?: ReactNode;
 };
-declare const CommandItem: ({ className, icon, children, checked, variant, actions, ...props }: Props$192) => import("react/jsx-runtime").JSX.Element;
+declare const CommandItem: ({ className, icon, children, checked, variant, actions, ...props }: Props$198) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/ScrollArea/ScrollArea.d.ts
-type Props$191 = ComponentProps<typeof ScrollAreaPrimitive.Root> & {
+type Props$197 = ComponentProps<typeof ScrollAreaPrimitive.Root> & {
   viewPortClassName?: string;
   scrollBarClassName?: string;
   orientation?: ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>['orientation'];
 };
-declare const ScrollArea: ({ ref, className, children, viewPortClassName, orientation, scrollBarClassName, ...props }: Props$191) => import("react/jsx-runtime").JSX.Element;
+declare const ScrollArea: ({ ref, className, children, viewPortClassName, orientation, scrollBarClassName, ...props }: Props$197) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/ScrollArea/ScrollBar.d.ts
-type Props$190 = ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>;
-declare const ScrollBar: ({ className, orientation, ...props }: Props$190) => import("react/jsx-runtime").JSX.Element;
+type Props$196 = ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>;
+declare const ScrollBar: ({ className, orientation, ...props }: Props$196) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/Command/CommandList.d.ts
-type Props$189 = ComponentProps<typeof Command$1.List> & Pick<ComponentProps<typeof ScrollArea>, 'viewPortClassName'>;
-declare const CommandList: ({ ref, className, children, viewPortClassName, ...props }: Props$189) => import("react/jsx-runtime").JSX.Element;
+type Props$195 = ComponentProps<typeof Command$1.List> & Pick<ComponentProps<typeof ScrollArea>, 'viewPortClassName'>;
+declare const CommandList: ({ ref, className, children, viewPortClassName, ...props }: Props$195) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/Command/CommandSeparator.d.ts
-type Props$188 = ComponentProps<typeof Command$1.Separator>;
-declare const CommandSeparator: ({ className, ...props }: Props$188) => import("react/jsx-runtime").JSX.Element;
+type Props$194 = ComponentProps<typeof Command$1.Separator>;
+declare const CommandSeparator: ({ className, ...props }: Props$194) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/Command/Command.d.ts
 type Variant$8 = 'default' | 'argo';
-type Props$187 = ComponentProps<typeof Command$1> & {
+type Props$193 = ComponentProps<typeof Command$1> & {
   /**
    * Which styling the parts take, when the theme's own answer is wrong for the
    * surface.
@@ -1074,7 +1096,7 @@ type Props$187 = ComponentProps<typeof Command$1> & {
    */
   variant?: Variant$8;
 };
-declare function Command({ className, variant, ...rest }: Props$187): import("react/jsx-runtime").JSX.Element;
+declare function Command({ className, variant, ...rest }: Props$193): import("react/jsx-runtime").JSX.Element;
 declare namespace Command {
   export { CommandContent as Content };
   export { CommandSeparator as Separator };
@@ -1105,7 +1127,7 @@ type SpotlightTarget = string | RefObject<Element | null> | undefined;
 declare const useTargetRect: (target: SpotlightTarget, enabled: boolean) => TargetRect | null;
 //#endregion
 //#region src/components/SpotlightBackdrop/SpotlightBackdrop.d.ts
-type Props$186 = {
+type Props$192 = {
   /** Target box to cut out of the dim layer, or `null` for a full dim (no highlight). */
   rect: TargetRect | null;
   /** Padding around the target inside the cut-out, in px. */
@@ -1127,7 +1149,7 @@ type Props$186 = {
  * (steps, next/prev, "seen" persistence) is intentionally app-owned; see the
  * "Guided tour (recipe)" story for the composition.
  */
-declare const SpotlightBackdrop: ({ rect, padding, radius, className, onClick }: Props$186) => import("react/jsx-runtime").JSX.Element;
+declare const SpotlightBackdrop: ({ rect, padding, radius, className, onClick }: Props$192) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/locale/types.d.ts
 /**
@@ -3524,16 +3546,16 @@ declare namespace DateRangePicker {
 }
 //#endregion
 //#region src/components/TimePicker/TimePicker.d.ts
-type Props$185 = {
+type Props$191 = {
   children?: ReactNode;
   defaultSelected?: string | null;
   selected?: string | null;
   onSelect?: (time: string) => void;
 } & Pick<PopoverProps, 'open' | 'onOpenChange' | 'defaultOpen'> & Pick<PopoverContentProps, 'align' | 'alignOffset' | 'sideOffset'>;
-declare const TimePicker: ({ align, alignOffset, children, defaultOpen, defaultSelected, onOpenChange, onSelect, open, selected, sideOffset }: Props$185) => import("react/jsx-runtime").JSX.Element;
+declare const TimePicker: ({ align, alignOffset, children, defaultOpen, defaultSelected, onOpenChange, onSelect, open, selected, sideOffset }: Props$191) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Label/Label.d.ts
-type Props$184 = {
+type Props$190 = {
   id?: string | number;
   htmlFor?: string | number;
 } & Omit<LabelProps, 'id' | 'htmlFor'>;
@@ -3549,7 +3571,7 @@ declare const Optional: ({ className, ...props }: ComponentPropsWithRef<'span'>)
  * `aria-required` (or `required`) on the associated control.
  */
 declare const Required$1: ({ className, ...props }: ComponentPropsWithRef<'span'>) => import("react/jsx-runtime").JSX.Element;
-declare function Label({ className, children, id, htmlFor, ...rest }: Props$184): import("react/jsx-runtime").JSX.Element;
+declare function Label({ className, children, id, htmlFor, ...rest }: Props$190): import("react/jsx-runtime").JSX.Element;
 declare namespace Label {
   export { Optional };
   export { Required$1 as Required };
@@ -3567,14 +3589,14 @@ declare const switchVariants: (props?: ({
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 //#endregion
 //#region src/components/Switch/Switch.d.ts
-type Props$183 = {
+type Props$189 = {
   id?: string | number;
   children?: ReactNode;
   description?: ReactNode;
   variant?: VariantProps<typeof fieldBoxVariants>['variant'];
   position?: 'start' | 'end';
 } & Omit<ComponentProps<typeof Root$8>, 'asChild' | 'id'> & Omit<VariantProps<typeof switchVariants>, 'variant'>;
-declare const Switch: ({ ref, className, size, disabled, id: idProp, children, description, variant, position, ...props }: Props$183) => import("react/jsx-runtime").JSX.Element;
+declare const Switch: ({ ref, className, size, disabled, id: idProp, children, description, variant, position, ...props }: Props$189) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/RadioGroup/context.d.ts
 type Variant$7 = 'radio' | 'button' | 'radio-block';
@@ -3582,52 +3604,52 @@ type Orientation = 'vertical' | 'horizontal';
 //#endregion
 //#region src/components/RadioGroup/RadioGroupItem.d.ts
 type ItemProps = Omit<ComponentProps<typeof Item>, 'asChild' | 'value'>;
-type Props$182<T extends string = string> = ItemProps & {
+type Props$188<T extends string = string> = ItemProps & {
   value: T;
   tooltip?: ReactNode;
-  tooltipVariant?: Props$8['variant'];
-  tooltipPlacement?: Props$8['placement'];
+  tooltipVariant?: Props$10['variant'];
+  tooltipPlacement?: Props$10['placement'];
   description?: ReactNode;
 };
-declare const RadioGroupItem: <T extends string = string>({ children, className, tooltip, tooltipVariant, tooltipPlacement, description, ...props }: Props$182<T>) => import("react/jsx-runtime").JSX.Element;
+declare const RadioGroupItem: <T extends string = string>({ children, className, tooltip, tooltipVariant, tooltipPlacement, description, ...props }: Props$188<T>) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/RadioGroup/RadioGroupSeparator.d.ts
 declare const RadioGroupSeparator: () => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/RadioGroup/RadioGroup.d.ts
-type Props$181<Value> = {
+type Props$187<Value> = {
   variant?: Variant$7;
   orientation?: Orientation;
   onValueChange?: (value: Value) => void;
   value?: Value | null;
   defaultValue?: Value | null;
 } & Omit<ComponentProps<typeof RRadioGroup.Root>, 'asChild' | 'orientation' | 'onValueChange' | 'onChange' | 'value' | 'defaultValue'>;
-declare function RadioGroup<Value extends string = string>({ variant, className, disabled, orientation, onValueChange, children, value, defaultValue, ...props }: Props$181<Value>): import("react/jsx-runtime").JSX.Element;
+declare function RadioGroup<Value extends string = string>({ variant, className, disabled, orientation, onValueChange, children, value, defaultValue, ...props }: Props$187<Value>): import("react/jsx-runtime").JSX.Element;
 declare namespace RadioGroup {
   export { RadioGroupItem as Item };
   export { RadioGroupSeparator as Separator };
 }
 //#endregion
 //#region src/components/Slider/SliderThumb.d.ts
-type Props$180 = ComponentProps<typeof Thumb$1> & {
+type Props$186 = ComponentProps<typeof Thumb$1> & {
   tooltip?: ReactNode;
   tooltipSide?: ComponentProps<typeof Tooltip.Content>['placement'];
 };
-declare const SliderThumb: ({ ref: forwardedRef, className, tooltip, tooltipSide, ...props }: Props$180) => import("react/jsx-runtime").JSX.Element;
+declare const SliderThumb: ({ ref: forwardedRef, className, tooltip, tooltipSide, ...props }: Props$186) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Slider/Slider.d.ts
 type ThumbTooltipFn = (value: number, index: number) => ReactNode;
-type Props$179 = ComponentProps<typeof Root$9> & {
+type Props$185 = ComponentProps<typeof Root$9> & {
   thumbTooltip?: ThumbTooltipFn;
   thumbTooltipSide?: ComponentProps<typeof SliderThumb>['tooltipSide'];
   rangeClassName?: string;
 };
-declare const Slider: ({ ref, className, value, defaultValue, min, max, onValueChange, thumbTooltip, thumbTooltipSide, rangeClassName, ...rest }: Props$179) => import("react/jsx-runtime").JSX.Element;
+declare const Slider: ({ ref, className, value, defaultValue, min, max, onValueChange, thumbTooltip, thumbTooltipSide, rangeClassName, ...rest }: Props$185) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Search/Search.d.ts
 type SearchChangeEventHandler = (value: string, event: ChangeEvent<HTMLInputElement> | MouseEvent<HTMLButtonElement>) => void;
 type SearchBlurEventHandler = (value: string, event: FocusEvent<HTMLInputElement, Element>) => void;
-type Props$178 = {
+type Props$184 = {
   suffix?: ReactNode;
   disableDebounce?: boolean;
   debounceDelay?: number;
@@ -3642,19 +3664,19 @@ type Props$178 = {
 /**
  * @deprecated Use `SearchInput` instead. `Search` is kept only for the legacy (non-sidebar) layout.
  */
-declare const Search: ({ ref, suffix, className, onBlur, onChange, disabled, readOnly, disableDebounce, debounceDelay, value: externalValue, defaultValue, testId: prefixTestId, placeholder, onClear, variant, ...rest }: Props$178) => import("react/jsx-runtime").JSX.Element;
+declare const Search: ({ ref, suffix, className, onBlur, onChange, disabled, readOnly, disableDebounce, debounceDelay, value: externalValue, defaultValue, testId: prefixTestId, placeholder, onClear, variant, ...rest }: Props$184) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Search/SearchForm.d.ts
-type Props$177 = {
+type Props$183 = {
   onSubmit: (value: string) => void;
 } & Omit<ComponentProps<typeof Search>, 'onClear' | 'onBlur' | 'onSubmit'>;
-declare const SearchForm: ({ ref, onSubmit, name, ...props }: Props$177) => import("react/jsx-runtime").JSX.Element;
+declare const SearchForm: ({ ref, onSubmit, name, ...props }: Props$183) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Select/SelectContent.d.ts
 /**
  * Props for `Select.Content`. `container` portals the listbox into a custom element (useful inside modals).
  */
-type Props$176 = ComponentProps<typeof SelectPrimitive.Content> & {
+type Props$182 = ComponentProps<typeof SelectPrimitive.Content> & {
   container?: HTMLElement | null;
 };
 /**
@@ -3662,22 +3684,22 @@ type Props$176 = ComponentProps<typeof SelectPrimitive.Content> & {
  * Normally rendered implicitly by `Select`; use directly only when composing custom item layouts via
  * the `Select.Root` / `Select.Trigger` / `Select.Content` compound parts.
  */
-declare const SelectContent: ({ ref, className, children, container, position, sideOffset, ...props }: Props$176) => import("react/jsx-runtime").JSX.Element;
+declare const SelectContent: ({ ref, className, children, container, position, sideOffset, ...props }: Props$182) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Select/SelectGroup.d.ts
-type Props$175 = ComponentProps<typeof SelectPrimitive.Group>;
-declare const SelectGroup: ({ className, ...props }: Props$175) => import("react/jsx-runtime").JSX.Element;
+type Props$181 = ComponentProps<typeof SelectPrimitive.Group>;
+declare const SelectGroup: ({ className, ...props }: Props$181) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Select/SelectItem.d.ts
-type Props$174 = ComponentProps<typeof SelectPrimitive.Item> & {
+type Props$180 = ComponentProps<typeof SelectPrimitive.Item> & {
   icon?: ReactNode;
   hint?: ReactNode;
 };
-declare const SelectItem$1: ({ ref, className, children, icon, hint, 'aria-describedby': ariaDescribedBy, ...props }: Props$174) => import("react/jsx-runtime").JSX.Element;
+declare const SelectItem$1: ({ ref, className, children, icon, hint, 'aria-describedby': ariaDescribedBy, ...props }: Props$180) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Select/SelectLabel.d.ts
-type Props$173 = ComponentProps<typeof SelectPrimitive.Label>;
-declare const SelectLabel: ({ className, ...props }: Props$173) => import("react/jsx-runtime").JSX.Element;
+type Props$179 = ComponentProps<typeof SelectPrimitive.Label>;
+declare const SelectLabel: ({ className, ...props }: Props$179) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Select/SelectRoot.d.ts
 type SelectRootProps = {
@@ -3698,8 +3720,8 @@ type SelectRootProps = {
 declare const SelectRoot: (props: SelectRootProps) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Select/SelectSeparator.d.ts
-type Props$172 = ComponentProps<typeof SelectPrimitive.Separator>;
-declare const SelectSeparator: ({ className, ...props }: Props$172) => import("react/jsx-runtime").JSX.Element;
+type Props$178 = ComponentProps<typeof SelectPrimitive.Separator>;
+declare const SelectSeparator: ({ className, ...props }: Props$178) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Select/SelectTrigger.d.ts
 type BaseProps$1 = ComponentProps<typeof SelectPrimitive.Trigger> & Omit<VariantProps<typeof overlayTriggerVariants>, 'variant'> & {
@@ -3754,19 +3776,19 @@ declare namespace Select {
 }
 //#endregion
 //#region src/components/Checkbox/Checkbox.d.ts
-type Props$171 = {
+type Props$177 = {
   id?: string | number;
   description?: ReactNode;
   variant?: VariantProps<typeof fieldBoxVariants>['variant'];
   position?: 'start' | 'end';
-  tooltip?: Props$8['tooltip'];
-  tooltipPlacement?: Props$8['placement'];
+  tooltip?: Props$10['tooltip'];
+  tooltipPlacement?: Props$10['placement'];
 } & Omit<ComponentProps<typeof Root$11>, 'id'>;
-declare function Checkbox(prop: Omit<Props$171, 'checked' | 'onCheckedChange'> & {
+declare function Checkbox(prop: Omit<Props$177, 'checked' | 'onCheckedChange'> & {
   checked?: boolean;
   onCheckedChange?: (checked: boolean) => void;
 }): ReactNode;
-declare function Checkbox(prop: Omit<Props$171, 'checked' | 'onCheckedChange'> & {
+declare function Checkbox(prop: Omit<Props$177, 'checked' | 'onCheckedChange'> & {
   checked?: CheckedState;
   onCheckedChange?: (checked: CheckedState) => void;
 }): ReactNode;
@@ -3797,18 +3819,18 @@ declare const addonVariants: (props?: ({
   align?: "inline-end" | "inline-start" | null | undefined;
   variant?: "floating" | "inline" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-type Props$170 = ComponentProps<'div'> & VariantProps<typeof addonVariants>;
-declare const BadgeAddon: ({ ref, align, variant, className, ...rest }: Props$170) => import("react/jsx-runtime").JSX.Element;
+type Props$176 = ComponentProps<'div'> & VariantProps<typeof addonVariants>;
+declare const BadgeAddon: ({ ref, align, variant, className, ...rest }: Props$176) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Badge/BadgeButton.d.ts
-type Props$169 = ComponentProps<'button'>;
-declare const BadgeButton: ({ ref, className, type, children, ...rest }: Props$169) => import("react/jsx-runtime").JSX.Element;
+type Props$175 = ComponentProps<'button'>;
+declare const BadgeButton: ({ ref, className, type, children, ...rest }: Props$175) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Badge/BadgeLabel.d.ts
-type Props$168 = ComponentProps<'span'> & {
+type Props$174 = ComponentProps<'span'> & {
   asChild?: boolean;
 };
-declare const BadgeLabel: ({ ref, className, asChild, ...rest }: Props$168) => import("react/jsx-runtime").JSX.Element;
+declare const BadgeLabel: ({ ref, className, asChild, ...rest }: Props$174) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Badge/styles.d.ts
 declare const badgeRootVariants: (props?: ({
@@ -3817,8 +3839,8 @@ declare const badgeRootVariants: (props?: ({
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 //#endregion
 //#region src/components/Badge/BadgeRoot.d.ts
-type Props$167 = ComponentProps<'div'> & VariantProps<typeof badgeRootVariants>;
-declare const BadgeRoot: ({ ref, variant, color, className, children, ...rest }: Props$167) => import("react/jsx-runtime").JSX.Element;
+type Props$173 = ComponentProps<'div'> & VariantProps<typeof badgeRootVariants>;
+declare const BadgeRoot: ({ ref, variant, color, className, children, ...rest }: Props$173) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Badge/Badge.d.ts
 type AddonVariant = ComponentProps<typeof BadgeAddon>['variant'];
@@ -3829,7 +3851,7 @@ type BadgeLabelProps = ComponentProps<typeof BadgeLabel>;
  * `amber` = caution, `purple/cyan/teal/blue/gray` for decorative tags) — colours stay fixed across brand themes.
  * Pass `prefix` / `suffix` for icon-style addons.
  */
-type Props$166 = Pick<BadgeRootProps, 'variant' | 'color'> & Omit<BadgeLabelProps, 'prefix'> & {
+type Props$172 = Pick<BadgeRootProps, 'variant' | 'color'> & Omit<BadgeLabelProps, 'prefix'> & {
   prefix?: ReactNode;
   prefixVariant?: AddonVariant;
   suffix?: ReactNode;
@@ -3847,7 +3869,7 @@ type Props$166 = Pick<BadgeRootProps, 'variant' | 'color'> & Omit<BadgeLabelProp
  * **Composition:** drop into `PageHeader.Detail` `badges` slot, `Table.Cell`, or alongside titles in cards.
  * Use `Badge.Button` for an interactive (clickable) badge variant.
  */
-declare const BadgeInner: ({ ref, variant, color, prefix, prefixVariant, suffix, suffixVariant, className, labelClassName, ...labelProps }: Props$166) => import("react/jsx-runtime").JSX.Element;
+declare const BadgeInner: ({ ref, variant, color, prefix, prefixVariant, suffix, suffixVariant, className, labelClassName, ...labelProps }: Props$172) => import("react/jsx-runtime").JSX.Element;
 declare const Badge: typeof BadgeInner & {
   Root: typeof BadgeRoot;
   Button: typeof BadgeButton;
@@ -3856,11 +3878,11 @@ declare const Badge: typeof BadgeInner & {
 };
 //#endregion
 //#region src/components/Combobox/ComboboxChip.d.ts
-type BadgeColor = ComponentProps<typeof Badge>['color'];
+type BadgeColor$1 = ComponentProps<typeof Badge>['color'];
 type BadgeVariant = ComponentProps<typeof Badge>['variant'];
-type Props$165 = {
+type Props$171 = {
   children: ReactNode;
-  color?: BadgeColor;
+  color?: BadgeColor$1;
   variant?: BadgeVariant;
 };
 /**
@@ -3873,13 +3895,13 @@ type Props$165 = {
  * - A chip the user cannot remove is a plain `Badge`, not a chip — a chip would take a position
  *   that a removal counts against.
  */
-declare const ComboboxChip: ({ children, color, variant }: Props$165) => import("react/jsx-runtime").JSX.Element;
+declare const ComboboxChip: ({ children, color, variant }: Props$171) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Combobox/ComboboxChips.d.ts
-type Props$164<Value> = {
+type Props$170<Value> = {
   maxVisible?: number;
   itemToChipLabel?: (item: Value) => ReactNode;
-  itemToChipColor?: (item: Value) => BadgeColor;
+  itemToChipColor?: (item: Value) => BadgeColor$1;
   /**
    * Labels for chips the control shows but the user does not own — a pinned set the caller keeps.
    *
@@ -3897,7 +3919,7 @@ type Props$164<Value> = {
    */
   children?: (values: Value[]) => ReactNode;
 };
-declare const ComboboxChips: <Value>({ maxVisible, itemToChipLabel, itemToChipColor, pinnedChipLabels, variant, children }: Props$164<Value>) => import("react/jsx-runtime").JSX.Element;
+declare const ComboboxChips: <Value>({ maxVisible, itemToChipLabel, itemToChipColor, pinnedChipLabels, variant, children }: Props$170<Value>) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Combobox/ComboboxContent.d.ts
 type PortalProps = ComponentProps<typeof Combobox$1.Portal>;
@@ -3905,72 +3927,72 @@ type PositionerProps = ComponentProps<typeof Combobox$1.Positioner>;
 type PopupProps = Omit<ComponentProps<typeof Combobox$1.Popup>, 'className'> & {
   className?: string;
 };
-type Props$163 = PopupProps & Pick<PositionerProps, 'side' | 'align' | 'sideOffset' | 'alignOffset' | 'anchor'> & Pick<PortalProps, 'container'>;
-declare const ComboboxContent: ({ ref, align, side, sideOffset, alignOffset, anchor, container, className, children, ...popupProps }: Props$163) => import("react/jsx-runtime").JSX.Element;
+type Props$169 = PopupProps & Pick<PositionerProps, 'side' | 'align' | 'sideOffset' | 'alignOffset' | 'anchor'> & Pick<PortalProps, 'container'>;
+declare const ComboboxContent: ({ ref, align, side, sideOffset, alignOffset, anchor, container, className, children, ...popupProps }: Props$169) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Combobox/ComboboxEmpty.d.ts
-type Props$162 = Omit<ComponentProps<typeof Combobox$1.Empty>, 'className'> & {
+type Props$168 = Omit<ComponentProps<typeof Combobox$1.Empty>, 'className'> & {
   className?: string;
 };
-declare const ComboboxEmpty: ({ ref, className, ...props }: Props$162) => import("react/jsx-runtime").JSX.Element;
+declare const ComboboxEmpty: ({ ref, className, ...props }: Props$168) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Combobox/ComboboxInput.d.ts
-type Props$161 = Omit<ComponentProps<typeof Combobox$1.Input>, 'render'>;
-declare const ComboboxInput: ({ ref, ...props }: Props$161) => import("react/jsx-runtime").JSX.Element;
+type Props$167 = Omit<ComponentProps<typeof Combobox$1.Input>, 'render'>;
+declare const ComboboxInput: ({ ref, ...props }: Props$167) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Combobox/ComboboxInputGroup.d.ts
-type InputGroupProps$8 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'sizing' | 'state'>;
-type Props$160 = InputGroupProps$8 & Omit<ComponentProps<typeof Combobox$1.InputGroup>, 'render' | 'className'> & {
+type InputGroupProps$9 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'sizing' | 'state'>;
+type Props$166 = InputGroupProps$9 & Omit<ComponentProps<typeof Combobox$1.InputGroup>, 'render' | 'className'> & {
   className?: string;
 };
-declare const ComboboxInputGroup: ({ ref, state, variant, sizing, focusVariant, className, ...props }: Props$160) => import("react/jsx-runtime").JSX.Element;
+declare const ComboboxInputGroup: ({ ref, state, variant, sizing, focusVariant, className, ...props }: Props$166) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Combobox/ComboboxItemIndicator.d.ts
 type Variant$6 = 'check' | 'checkbox';
-type Props$159 = Omit<ComponentProps<typeof Combobox$1.ItemIndicator>, 'className' | 'children'> & {
+type Props$165 = Omit<ComponentProps<typeof Combobox$1.ItemIndicator>, 'className' | 'children'> & {
   className?: string;
   variant?: Variant$6;
 };
-declare const ComboboxItemIndicator: ({ ref, className, variant, ...props }: Props$159) => import("react/jsx-runtime").JSX.Element;
+declare const ComboboxItemIndicator: ({ ref, className, variant, ...props }: Props$165) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Combobox/ComboboxItem.d.ts
-type Props$158 = Omit<ComponentProps<typeof Combobox$1.Item>, 'className'> & {
+type Props$164 = Omit<ComponentProps<typeof Combobox$1.Item>, 'className'> & {
   className?: string;
   icon?: ReactNode;
   indicator?: ComponentProps<typeof ComboboxItemIndicator>['variant'];
 };
-declare const ComboboxItem: ({ ref, className, children, icon, indicator: variant, ...props }: Props$158) => import("react/jsx-runtime").JSX.Element;
+declare const ComboboxItem: ({ ref, className, children, icon, indicator: variant, ...props }: Props$164) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Combobox/ComboboxList.d.ts
-type Props$157 = Omit<ComponentProps<typeof Combobox$1.List>, 'className'> & {
+type Props$163 = Omit<ComponentProps<typeof Combobox$1.List>, 'className'> & {
   className?: string;
 };
-declare const ComboboxList: ({ ref, className, ...props }: Props$157) => import("react/jsx-runtime").JSX.Element;
+declare const ComboboxList: ({ ref, className, ...props }: Props$163) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Combobox/ComboboxRoot.d.ts
 declare const ComboboxRoot: <Value, Multiple extends boolean | undefined = false>(props: Combobox$1.Root.Props<Value, Multiple>) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Combobox/ComboboxSeparator.d.ts
-type Props$156 = Omit<ComponentProps<typeof Combobox$1.Separator>, 'className'> & {
+type Props$162 = Omit<ComponentProps<typeof Combobox$1.Separator>, 'className'> & {
   className?: string;
 };
-declare const ComboboxSeparator: ({ ref, className, ...props }: Props$156) => import("react/jsx-runtime").JSX.Element;
+declare const ComboboxSeparator: ({ ref, className, ...props }: Props$162) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Combobox/Group/ComboboxGroup.d.ts
-type Props$155 = Omit<ComponentProps<typeof Combobox$1.Group>, 'className'> & {
+type Props$161 = Omit<ComponentProps<typeof Combobox$1.Group>, 'className'> & {
   className?: string;
 };
-declare const ComboboxGroup: ({ ref, className, children, ...props }: Props$155) => import("react/jsx-runtime").JSX.Element;
+declare const ComboboxGroup: ({ ref, className, children, ...props }: Props$161) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Combobox/Group/ComboboxGroupLabel.d.ts
-type Props$154 = Omit<Combobox$1.GroupLabel.Props, 'className'> & {
+type Props$160 = Omit<Combobox$1.GroupLabel.Props, 'className'> & {
   className?: string;
 };
-declare const ComboboxGroupLabel: ({ ref, className, ...props }: Props$154) => import("react/jsx-runtime").JSX.Element;
+declare const ComboboxGroupLabel: ({ ref, className, ...props }: Props$160) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Combobox/Group/ComboboxCollection.d.ts
-type Props$153 = Combobox$1.Collection.Props;
-declare const ComboboxCollection: ({ ...props }: Props$153) => import("react/jsx-runtime").JSX.Element;
+type Props$159 = Combobox$1.Collection.Props;
+declare const ComboboxCollection: ({ ...props }: Props$159) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Combobox/types.d.ts
 type Group$2<Item = unknown> = {
@@ -3998,7 +4020,7 @@ type CreatableProps$1<Value> = {
    */
   canCreate?: (query: string) => boolean;
 };
-type Props$152<Value, GroupShape extends Group$2<Value> = Group$2<Value>> = PublicComboboxInputProps & PublicComboboxProps<Value> & CreatableProps$1<Value> & {
+type Props$158<Value, GroupShape extends Group$2<Value> = Group$2<Value>> = PublicComboboxInputProps & PublicComboboxProps<Value> & CreatableProps$1<Value> & {
   items?: readonly (Value | GroupShape)[];
   /**
    * Offer a clear button once a value is selected. Defaults to **`true`**.
@@ -4066,7 +4088,7 @@ type Props$152<Value, GroupShape extends Group$2<Value> = Group$2<Value>> = Publ
   itemToSelectedLabel?: (item: Value) => ReactNode;
   groupToLabel?: (group: GroupShape) => ReactNode;
 };
-declare function Combobox<Value, GroupShape extends Group$2<Value> = Group$2<Value>>({ items: _itemsProp, value, defaultValue, onValueChange, itemToStringLabel: itemToStringLabelProp, itemToStringValue, disabled, filter, inputRef, onOpenChangeComplete, isItemEqualToValue: isItemEqualToValueProp, variant, sizing, focusVariant, state, placeholder, allowClear, id, className, empty, indicator, prefix, virtualized, inputValueSanitizer, onQueryChange, allowCreate, queryToCreateValue, queryToCreateLabel, canCreate, itemToDisabled, itemToLabel, itemToIcon, itemToSelectedLabel, groupToLabel }: Props$152<Value, GroupShape>): import("react/jsx-runtime").JSX.Element;
+declare function Combobox<Value, GroupShape extends Group$2<Value> = Group$2<Value>>({ items: _itemsProp, value, defaultValue, onValueChange, itemToStringLabel: itemToStringLabelProp, itemToStringValue, disabled, filter, inputRef, onOpenChangeComplete, isItemEqualToValue: isItemEqualToValueProp, variant, sizing, focusVariant, state, placeholder, allowClear, id, className, empty, indicator, prefix, virtualized, inputValueSanitizer, onQueryChange, allowCreate, queryToCreateValue, queryToCreateLabel, canCreate, itemToDisabled, itemToLabel, itemToIcon, itemToSelectedLabel, groupToLabel }: Props$158<Value, GroupShape>): import("react/jsx-runtime").JSX.Element;
 declare namespace Combobox {
   export { ComboboxRoot as Root };
   export { ComboboxInputGroup as InputGroup };
@@ -4173,7 +4195,7 @@ type CreatableProps<Value> = {
  * without it Base UI matches `value` against `items` by reference. Pass `allowCreate` to let the user add
  * free-form values not in `items`.
  */
-type Props$151<Value, GroupShape extends Group$2<Value> = Group$2<Value>> = Pick<ComboboxInputProps, 'placeholder' | 'id' | 'name' | 'onBlur' | 'aria-describedby' | 'aria-invalid' | 'aria-required'> & Pick<ComboboxInputGroupProps, 'variant' | 'focusVariant' | 'sizing' | 'state' | 'className'> & Pick<ComboboxProps<Value>, 'disabled' | 'inputRef' | 'value' | 'defaultValue' | 'onValueChange' | 'itemToStringLabel' | 'itemToStringValue' | 'filter' | 'isItemEqualToValue'> & Pick<ComboboxChipsProps<Value>, 'itemToChipLabel' | 'itemToChipColor' | 'pinnedChipLabels' | 'maxVisible'> & CreatableProps<Value> & {
+type Props$157<Value, GroupShape extends Group$2<Value> = Group$2<Value>> = Pick<ComboboxInputProps, 'placeholder' | 'id' | 'name' | 'onBlur' | 'aria-describedby' | 'aria-invalid' | 'aria-required'> & Pick<ComboboxInputGroupProps, 'variant' | 'focusVariant' | 'sizing' | 'state' | 'className'> & Pick<ComboboxProps<Value>, 'disabled' | 'inputRef' | 'value' | 'defaultValue' | 'onValueChange' | 'itemToStringLabel' | 'itemToStringValue' | 'filter' | 'isItemEqualToValue'> & Pick<ComboboxChipsProps<Value>, 'itemToChipLabel' | 'itemToChipColor' | 'pinnedChipLabels' | 'maxVisible'> & CreatableProps<Value> & {
   items?: readonly (Value | GroupShape)[];
   /**
    * Offer a clear-all button once something is selected. Defaults to **`true`**.
@@ -4251,10 +4273,10 @@ type Props$151<Value, GroupShape extends Group$2<Value> = Group$2<Value>> = Pick
  * @see RECIPES.md#creatable-multi-combobox — for free-form-plus-enumerated patterns
  * @see RECIPES.md#filter-toolbar — for combining multi-select with other filter chips
  */
-declare const MultiCombobox: <Value, GroupShape extends Group$2<Value> = Group$2<Value>>({ items: _itemsProp, value: _valueProp, defaultValue, onValueChange, itemToStringLabel, itemToStringValue, disabled, filter: filterProp, isItemEqualToValue: isItemEqualToValueProp, inputRef, variant, sizing, focusVariant, state, placeholder, allowClear, id, name, onBlur, 'aria-describedby': ariaDescribedBy, 'aria-invalid': ariaInvalid, 'aria-required': ariaRequired, className, allowSelectAll, empty, indicator, inputValueSanitizer, onQueryChange, allowCreate, canCreate, queryToCreateValue, queryToCreateLabel, createSeparator, itemToDisabled, itemToLabel: itemToLabelProp, itemToIcon, groupToLabel, itemToChipLabel, itemToChipColor, pinnedChipLabels, renderChips, maxVisible }: Props$151<Value, GroupShape>) => import("react/jsx-runtime").JSX.Element;
+declare const MultiCombobox: <Value, GroupShape extends Group$2<Value> = Group$2<Value>>({ items: _itemsProp, value: _valueProp, defaultValue, onValueChange, itemToStringLabel, itemToStringValue, disabled, filter: filterProp, isItemEqualToValue: isItemEqualToValueProp, inputRef, variant, sizing, focusVariant, state, placeholder, allowClear, id, name, onBlur, 'aria-describedby': ariaDescribedBy, 'aria-invalid': ariaInvalid, 'aria-required': ariaRequired, className, allowSelectAll, empty, indicator, inputValueSanitizer, onQueryChange, allowCreate, canCreate, queryToCreateValue, queryToCreateLabel, createSeparator, itemToDisabled, itemToLabel: itemToLabelProp, itemToIcon, groupToLabel, itemToChipLabel, itemToChipColor, pinnedChipLabels, renderChips, maxVisible }: Props$157<Value, GroupShape>) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/Form/connectors/MultiComboboxField.d.ts
-type Props$150 = FieldItemProps & Omit<ComponentProps<typeof MultiCombobox<string>>, 'id' | 'name' | 'value' | 'defaultValue' | 'onValueChange' | 'onBlur' | 'aria-describedby' | 'aria-invalid' | 'aria-required' | 'className' | 'state'> & {
+type Props$156 = FieldItemProps & Omit<ComponentProps<typeof MultiCombobox<string>>, 'id' | 'name' | 'value' | 'defaultValue' | 'onValueChange' | 'onBlur' | 'aria-describedby' | 'aria-invalid' | 'aria-required' | 'className' | 'state'> & {
   inputClassName?: string;
 };
 /**
@@ -4282,7 +4304,52 @@ type Props$150 = FieldItemProps & Omit<ComponentProps<typeof MultiCombobox<strin
  * Pass `allowCreate` for an enum the user may extend — an open list of synchronous action names, say.
  * The created values land in the field value like any other.
  */
-declare const MultiComboboxField: ({ label, action, required, requiredMark, help, tooltip, className, 'aria-describedby': ariaDescribedBy, inputClassName, ...comboboxProps }: Props$150) => import("react/jsx-runtime").JSX.Element;
+declare const MultiComboboxField: ({ label, action, required, requiredMark, help, tooltip, className, 'aria-describedby': ariaDescribedBy, inputClassName, ...comboboxProps }: Props$156) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+//#region src/blocks/ChipEditor/ChipEditor.d.ts
+type InputGroupProps$8 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'sizing' | 'state'>;
+type BadgeColor = ComponentProps<typeof Badge>['color'];
+type OwnProps = {
+  value?: string[];
+  defaultValue?: string[];
+  /** Called with the whole next list whenever a value is added or removed. */
+  onValueChange?: (value: string[]) => void;
+  /**
+   * Splits one committed entry into several values — the same split as `MultiCombobox`'s
+   * `createSeparator`, so a pasted list becomes one chip per value rather than a chip literally
+   * named `id1, id2, id3`. `null` for a value that can itself contain the separator.
+   */
+  separator?: string | RegExp | null;
+  /**
+   * Gates each value, after the split and before it becomes a chip.
+   *
+   * - Reach for it when the value has a **format** the user must get right — an identifier, an
+   *   email, a domain.
+   * - A pasted list keeps the values that pass and drops the rest, so one bad value never costs
+   *   the good ones.
+   */
+  canAdd?: (value: string) => boolean;
+  /** The chip colour. Decorative — it categorises values, it does not encode their state. */
+  chipColor?: BadgeColor;
+  /** Names each remove button for a screen reader. */
+  removeLabel?: (value: string) => string;
+  testId?: string;
+};
+type Props$1 = InputGroupProps$8 & OwnProps & Omit<ComponentProps<'input'>, 'value' | 'defaultValue' | 'type' | 'prefix'>;
+/**
+ * Free-text token editor — type a value, press Enter, it becomes a removable chip.
+ *
+ * **When to use:** a list of strings the user writes rather than picks — tags, feature flags,
+ * column names, permitted email domains. It is the one chip editor on the platform, so an app
+ * never rebuilds the input-plus-chips row itself.
+ * **When NOT to use:** when the values come from a known list use `MultiCombobox` (with
+ * `allowCreate` when the list is open-ended) — a searchable popup beats blind typing. A list the
+ * user cannot edit is a row of plain `Badge`s.
+ * **Composition:** wrap in a `FormGroup` for a label and error state, or pass `state="error"` /
+ * `aria-invalid` directly. Values are compared case-insensitively, so one already held is never
+ * added twice.
+ */
+declare const ChipEditor: ({ ref: forwardedRef, value: valueProp, defaultValue, onValueChange, separator, canAdd, chipColor, removeLabel, testId, state, sizing, variant, focusVariant, className, disabled, readOnly, onChange, onBlur, onKeyDown, ...inputProps }: Props$1) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/Textarea/Textarea.d.ts
 type InputGroupProps$7 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'sizing' | 'focusVariant' | 'state'>;
@@ -4296,12 +4363,12 @@ type TextareaOwnProps = {
   disableResize?: boolean;
   containerClassName?: string;
 };
-type Props$149 = InputGroupProps$7 & TextareaNativeProps & TextareaOwnProps;
+type Props$155 = InputGroupProps$7 & TextareaNativeProps & TextareaOwnProps;
 /**
  * Multi-line text input. Chrome resolves from the active brand automatically: a modern brand always
  * renders argo (any `variant` is ignored), while `variant` only tunes the legacy-brand chrome.
  */
-declare const Textarea: ({ ref, containerClassName, state, variant, sizing, focusVariant, value: valueProp, defaultValue, onValueChange, ...rest }: Props$149) => import("react/jsx-runtime").JSX.Element;
+declare const Textarea: ({ ref, containerClassName, state, variant, sizing, focusVariant, value: valueProp, defaultValue, onValueChange, ...rest }: Props$155) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/AutoSaveTextarea/AutoSaveTextarea.d.ts
 type AutoSaveTextareaProps = {
@@ -4316,14 +4383,14 @@ declare const AutoSaveTextarea: ({ savedValue, onSave, placeholder, disabled, gr
 //#region src/blocks/ColorInput/ColorInput.d.ts
 type InputGroupProps$6 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
 type InputGroupInputProps$6 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue'>;
-type Props$148 = InputGroupProps$6 & InputGroupInputProps$6 & {
+type Props$154 = InputGroupProps$6 & InputGroupInputProps$6 & {
   value?: string | null;
   defaultValue?: string | null;
   onValueChange?: (value: string) => void;
   onValueBlur?: (value: string) => void;
   allowClear?: boolean;
 };
-declare const ColorInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, onValueChange, onValueBlur, onChange, onBlur, defaultValue, allowClear, disabled, readOnly, ...restInputProps }: Props$148) => import("react/jsx-runtime").JSX.Element;
+declare const ColorInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, onValueChange, onValueBlur, onChange, onBlur, defaultValue, allowClear, disabled, readOnly, ...restInputProps }: Props$154) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/ThemeProvider/useBrandState.d.ts
 type UseBrandOptions = {
@@ -4355,17 +4422,17 @@ declare const useColorSchemeState: ({ defaultScheme, scheme: propScheme, onSchem
 };
 //#endregion
 //#region src/components/ThemeProvider/ThemeProvider.d.ts
-type Props$147 = UseColorSchemeOptions & UseBrandOptions & {
+type Props$153 = UseColorSchemeOptions & UseBrandOptions & {
   /** Brands this provider knows about; the active brand id resolves against these. */
   brands?: readonly Brand$1[];
   children: ReactNode;
 };
-declare const ThemeProvider: ({ defaultScheme, scheme, onSchemeChange, defaultBrandId, brandId, onBrandIdChange, brands, children }: Props$147) => import("react/jsx-runtime").JSX.Element;
+declare const ThemeProvider: ({ defaultScheme, scheme, onSchemeChange, defaultBrandId, brandId, onBrandIdChange, brands, children }: Props$153) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/ThemeProvider/ThemeScope.d.ts
 /** The scope's themed portal container, or `null` outside a `ThemeScope`. */
 declare const useThemeScopeContainer: () => HTMLElement | null;
-type Props$146 = {
+type Props$152 = {
   /** Colour scheme for this subtree. `system` follows the OS preference. */
   scheme: ColorScheme;
   /** Merged onto the child element. */
@@ -4389,7 +4456,7 @@ type Props$146 = {
  * layout ignores but selectors do not) silently breaks direct-child selectors
  * like `[data-fill=true] > &` in the element it wraps.
  */
-declare const ThemeScope: ({ scheme, className, children }: Props$146) => import("react/jsx-runtime").JSX.Element;
+declare const ThemeScope: ({ scheme, className, children }: Props$152) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/ThemeProvider/context.d.ts
 type ThemeContextValue = ReturnType<typeof useColorSchemeState> & ReturnType<typeof useBrandState> & {
@@ -4422,7 +4489,7 @@ declare const DEFAULT_COLOR_SCHEME: ResolvedColorScheme;
 declare const DEFAULT_BRAND_ID = "design-system";
 //#endregion
 //#region src/blocks/ColorModeSwitch/ColorModeSwitch.d.ts
-type Props$145 = {
+type Props$151 = {
   /** The active color scheme. Controlled — pair with `onValueChange`. */
   value: ColorScheme;
   /** Called with the chosen scheme when the user picks a menu item. */
@@ -4447,12 +4514,12 @@ type Props$145 = {
  * The menu uses `DropdownMenu.RadioGroup` for single-select semantics; the active
  * item is marked as checked. The trigger's `aria-label` names the current scheme.
  */
-declare const ColorModeSwitch: ({ value, onValueChange, size, className }: Props$145) => import("react/jsx-runtime").JSX.Element;
+declare const ColorModeSwitch: ({ value, onValueChange, size, className }: Props$151) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/DateInput/DateInput.d.ts
 type InputGroupProps$5 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
 type InputGroupInputProps$5 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type'>;
-type Props$144 = InputGroupProps$5 & InputGroupInputProps$5 & {
+type Props$150 = InputGroupProps$5 & InputGroupInputProps$5 & {
   value?: Date | null;
   defaultValue?: Date | null;
   onValueChange?: (value: Date | null) => void;
@@ -4462,12 +4529,12 @@ type Props$144 = InputGroupProps$5 & InputGroupInputProps$5 & {
   endMonth?: Date;
   startMonth?: Date;
 };
-declare const DateInput: ({ ref, state, variant, focusVariant, sizing, className, value, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onFocus, allowClear, disabledDays, endMonth, startMonth, disabled, readOnly, placeholder, ...restInputProps }: Props$144) => import("react/jsx-runtime").JSX.Element;
+declare const DateInput: ({ ref, state, variant, focusVariant, sizing, className, value, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onFocus, allowClear, disabledDays, endMonth, startMonth, disabled, readOnly, placeholder, ...restInputProps }: Props$150) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/NumberInput/NumberInput.d.ts
 type InputGroupProps$4 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
 type InputGroupInputProps$4 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type' | 'prefix'>;
-type Props$143 = InputGroupProps$4 & InputGroupInputProps$4 & {
+type Props$149 = InputGroupProps$4 & InputGroupInputProps$4 & {
   value?: number | null;
   defaultValue?: number | null;
   onValueChange?: (value: number | null) => void;
@@ -4475,12 +4542,12 @@ type Props$143 = InputGroupProps$4 & InputGroupInputProps$4 & {
   prefix?: ReactNode;
   suffix?: ReactNode;
 };
-declare const NumberInput: ({ ref, state, variant, focusVariant, sizing, className, value, defaultValue, onValueChange, onValueBlur, onChange, onBlur, prefix, suffix, ...inputProps }: Props$143) => import("react/jsx-runtime").JSX.Element;
+declare const NumberInput: ({ ref, state, variant, focusVariant, sizing, className, value, defaultValue, onValueChange, onValueBlur, onChange, onBlur, prefix, suffix, ...inputProps }: Props$149) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/PasswordInput/PasswordInput.d.ts
 type InputGroupProps$3 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
 type InputGroupInputProps$3 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type' | 'autoComplete'>;
-type Props$142 = InputGroupProps$3 & InputGroupInputProps$3 & {
+type Props$148 = InputGroupProps$3 & InputGroupInputProps$3 & {
   value?: string | null;
   defaultValue?: string | null;
   onValueChange?: (value: string) => void;
@@ -4497,24 +4564,24 @@ type Props$142 = InputGroupProps$3 & InputGroupInputProps$3 & {
   autoComplete?: 'new-password' | 'current-password' | 'off';
   defaultPasswordVisibility?: boolean;
 };
-declare const PasswordInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onKeyDown, onKeyUp, onMouseDown, allowClear, allowPasswordToggle, passwordToggleLabel, autoComplete, defaultPasswordVisibility, disabled, readOnly, ...restInputProps }: Props$142) => import("react/jsx-runtime").JSX.Element;
+declare const PasswordInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onKeyDown, onKeyUp, onMouseDown, allowClear, allowPasswordToggle, passwordToggleLabel, autoComplete, defaultPasswordVisibility, disabled, readOnly, ...restInputProps }: Props$148) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/TimeInput/TimeInput.d.ts
 type InputGroupProps$2 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
 type InputGroupInputProps$2 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type'>;
-type Props$141 = InputGroupProps$2 & InputGroupInputProps$2 & {
+type Props$147 = InputGroupProps$2 & InputGroupInputProps$2 & {
   value?: string | null;
   defaultValue?: string | null;
   onValueChange?: (value: string | null) => void;
   onValueBlur?: (value: string | null) => void;
   allowClear?: boolean;
 };
-declare const TimeInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, allowClear, disabled, readOnly, placeholder, ...restInputProps }: Props$141) => import("react/jsx-runtime").JSX.Element;
+declare const TimeInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, allowClear, disabled, readOnly, placeholder, ...restInputProps }: Props$147) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/DateRangeInput/DateRangeInput.d.ts
 type InputGroupProps$1 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
 type InputGroupInputProps$1 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type'>;
-type Props$140 = InputGroupProps$1 & InputGroupInputProps$1 & {
+type Props$146 = InputGroupProps$1 & InputGroupInputProps$1 & {
   value?: DateRange$1 | null;
   defaultValue?: DateRange$1 | null;
   onValueChange?: (value: DateRange$1 | null) => void;
@@ -4523,7 +4590,7 @@ type Props$140 = InputGroupProps$1 & InputGroupInputProps$1 & {
   startMonth?: Date;
   endMonth?: Date;
 };
-declare const DateRangeInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onFocus, allowClear, startMonth, endMonth, disabled, readOnly, placeholder, ...restInputProps }: Props$140) => import("react/jsx-runtime").JSX.Element;
+declare const DateRangeInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onFocus, allowClear, startMonth, endMonth, disabled, readOnly, placeholder, ...restInputProps }: Props$146) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/OtpInput/OtpInputGroup.d.ts
 type GroupProps = ComponentProps<'div'>;
@@ -4574,7 +4641,7 @@ type InputGroupInputProps = Omit<ComponentProps<typeof InputGroup.Input>, 'value
  * is treated as "not provided" — the component falls back to `defaultValue` (or, if absent, internal
  * state initialized to empty). `value={""}` is controlled-empty.
  */
-type Props$139 = InputGroupProps & InputGroupInputProps & {
+type Props$145 = InputGroupProps & InputGroupInputProps & {
   value?: string | null;
   defaultValue?: string | null;
   /** Called with the latest string value after the debounce window (default 300ms). Fires synchronously on clear and when `disableDebounce` is set. For sync echo of every keystroke use `onChange`. */
@@ -4603,7 +4670,7 @@ type Props$139 = InputGroupProps & InputGroupInputProps & {
  *
  * @see RECIPES.md#filter-toolbar — for the search + filter chips toolbar pattern
  */
-declare const SearchInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onClear, allowClear, disableDebounce, debounceDelay, disabled, readOnly, ...restInputProps }: Props$139) => import("react/jsx-runtime").JSX.Element;
+declare const SearchInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onClear, allowClear, disableDebounce, debounceDelay, disabled, readOnly, ...restInputProps }: Props$145) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/SearchInputWithNavigation/SearchInputWithNavigation.d.ts
 type SearchInputWithNavigationProps = {
@@ -4723,7 +4790,7 @@ declare const useFileDropTarget: ({ accept, maxSize, maxFiles, multiple, disable
 declare const useFileUploadRejections: () => FileUploadRejection[];
 //#endregion
 //#region src/components/FileUpload/FileUploadDropZone.d.ts
-type Props$138 = {
+type Props$144 = {
   /** Override the default copy / icon block. */
   children?: ReactNode;
   /** `id` for the underlying file input, so an external `<Label htmlFor>` can address it. */
@@ -4733,10 +4800,10 @@ type Props$138 = {
  * Drop-zone target. Defaults to "Drag files here or click to browse" + Upload icon.
  * Pass `children` to fully replace the inner block.
  */
-declare const FileUploadDropZone: ({ children, inputId, className, ...rest }: Props$138) => import("react/jsx-runtime").JSX.Element;
+declare const FileUploadDropZone: ({ children, inputId, className, ...rest }: Props$144) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/FileUpload/FileUploadFileList.d.ts
-type Props$137 = {
+type Props$143 = {
   files: File[];
   onRemove?: (file: File, index: number) => void;
   /**
@@ -4749,7 +4816,7 @@ type Props$137 = {
  * Selected-files list. Caller owns the `files` array — pass it back into the list and handle
  * removal via `onRemove`.
  */
-declare const FileUploadFileList: ({ files, onRemove, invalid, className, ...rest }: Props$137) => import("react/jsx-runtime").JSX.Element | null;
+declare const FileUploadFileList: ({ files, onRemove, invalid, className, ...rest }: Props$143) => import("react/jsx-runtime").JSX.Element | null;
 //#endregion
 //#region src/components/FileUpload/FileUpload.d.ts
 /**
@@ -4757,7 +4824,7 @@ declare const FileUploadFileList: ({ files, onRemove, invalid, className, ...res
  * list — the caller owns the selected `File[]` and updates it from `onFilesChange`.
  * `FileUpload` only signals drop events; it does not store the file array.
  */
-type Props$136 = Omit<FileDropTargetOptions, 'noClick' | 'noKeyboard'> & {
+type Props$142 = Omit<FileDropTargetOptions, 'noClick' | 'noKeyboard'> & {
   /** Storybook-only: force a visual state without simulating real drag events. */
   forcedState?: 'idle' | 'dragging' | 'error';
   children: ReactNode;
@@ -4776,18 +4843,18 @@ type Props$136 = Omit<FileDropTargetOptions, 'noClick' | 'noKeyboard'> & {
  * for the selected-files list. The caller stores the `File[]` and renders it back into `FileList`.
  * Rejection copy is the caller's — read it with `useFileUploadRejections()`.
  */
-declare const FileUploadInner: ({ accept, maxSize, maxFiles, multiple, disabled, onFilesChange, onFilesRejected, forcedState, children, className, ...rest }: Props$136) => import("react/jsx-runtime").JSX.Element;
+declare const FileUploadInner: ({ accept, maxSize, maxFiles, multiple, disabled, onFilesChange, onFilesRejected, forcedState, children, className, ...rest }: Props$142) => import("react/jsx-runtime").JSX.Element;
 declare const FileUpload: typeof FileUploadInner & {
   DropZone: typeof FileUploadDropZone;
   FileList: typeof FileUploadFileList;
 };
 //#endregion
 //#region src/blocks/FormGroup/FormGroupColorInput.d.ts
-type Props$135 = Omit<ComponentProps<typeof ColorInput>, 'state'>;
-declare const FormGroupColorInput: ({ ref, ...props }: Props$135) => import("react/jsx-runtime").JSX.Element;
+type Props$141 = Omit<ComponentProps<typeof ColorInput>, 'state'>;
+declare const FormGroupColorInput: ({ ref, ...props }: Props$141) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/FormGroup/FormGroupError.d.ts
-type Props$134 = ComponentPropsWithRef<'div'> & {
+type Props$140 = ComponentPropsWithRef<'div'> & {
   /**
    * Field validation errors. TanStack Form errors are strings (function validators) or
    * `{ message }` objects (Standard Schema / zod). A single message renders inline; several
@@ -4803,30 +4870,30 @@ type Props$134 = ComponentPropsWithRef<'div'> & {
  * field (e.g. surfaced on submit). Renders a `<div>` (not `<p>`) so multiple errors can render
  * as a `<ul>`.
  */
-declare const FormGroupError: ({ children, className, errors, ...rest }: Props$134) => import("react/jsx-runtime").JSX.Element | null;
+declare const FormGroupError: ({ children, className, errors, ...rest }: Props$140) => import("react/jsx-runtime").JSX.Element | null;
 //#endregion
 //#region src/components/HelpBlock/HelpBlock.d.ts
 declare const helpVariants: (props?: ({
   state?: "default" | "warning" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-type Props$133 = ComponentPropsWithRef<'p'> & VariantProps<typeof helpVariants>;
-declare const HelpBlock: ({ children, className, state, ...rest }: Props$133) => import("react/jsx-runtime").JSX.Element | null;
+type Props$139 = ComponentPropsWithRef<'p'> & VariantProps<typeof helpVariants>;
+declare const HelpBlock: ({ children, className, state, ...rest }: Props$139) => import("react/jsx-runtime").JSX.Element | null;
 //#endregion
 //#region src/blocks/FormGroup/FormGroupHelp.d.ts
-type Props$132 = Omit<ComponentProps<typeof HelpBlock>, 'state'>;
-declare const FormGroupHelp: ({ children, ...rest }: Props$132) => import("react/jsx-runtime").JSX.Element;
+type Props$138 = Omit<ComponentProps<typeof HelpBlock>, 'state'>;
+declare const FormGroupHelp: ({ children, ...rest }: Props$138) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/FormGroup/FormGroupNumberInput.d.ts
-type Props$131 = Omit<ComponentProps<typeof NumberInput>, 'state'>;
-declare const FormGroupNumberInput: ({ ref, ...props }: Props$131) => import("react/jsx-runtime").JSX.Element;
+type Props$137 = Omit<ComponentProps<typeof NumberInput>, 'state'>;
+declare const FormGroupNumberInput: ({ ref, ...props }: Props$137) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/FormGroup/FormGroupTextarea.d.ts
-type Props$130 = Omit<ComponentProps<typeof Textarea>, 'state'>;
-declare const FormGroupTextarea: (props: Props$130) => import("react/jsx-runtime").JSX.Element;
+type Props$136 = Omit<ComponentProps<typeof Textarea>, 'state'>;
+declare const FormGroupTextarea: (props: Props$136) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/FormGroup/FormGroupTextInput.d.ts
-type Props$129 = Omit<ComponentProps<typeof TextInput>, 'state'>;
-declare const FormGroupTextInput: ({ ref, ...props }: Props$129) => import("react/jsx-runtime").JSX.Element;
+type Props$135 = Omit<ComponentProps<typeof TextInput>, 'state'>;
+declare const FormGroupTextInput: ({ ref, ...props }: Props$135) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/FormGroup/types.d.ts
 type ValidityState = 'default' | 'error' | 'warning';
@@ -4854,7 +4921,18 @@ declare namespace FormGroup {
 //#region src/blocks/AIKit/AnswerActions.d.ts
 /** Which way a reader rated an answer. */
 type AnswerVote = 'up' | 'down';
-type Props$128 = {
+/** Roomier for a panel a reader sits in; the compact one suits a row inside a dense transcript. */
+declare const SIZES: {
+  readonly small: {
+    readonly button: 'icon-xs';
+    readonly gap: 'extra-small';
+  };
+  readonly medium: {
+    readonly button: 'icon-sm';
+    readonly gap: 'little-small';
+  };
+};
+type Props$134 = {
   /**
    * The answer as the reader would read it, for the clipboard.
    *
@@ -4865,6 +4943,33 @@ type Props$128 = {
   /** The vote already recorded against this answer, or `null` for none. */
   vote: AnswerVote | null;
   onVote: (vote: AnswerVote) => void;
+  /** Extra controls for the answer — a report button, say. Drawn beside copy, ahead of it. */
+  actions?: ReactNode;
+  /** What the thumbs are called. Some surfaces rate a "response", others an "answer". */
+  labels?: {
+    up: string;
+    down: string;
+  };
+  /**
+   * What to say back once a vote lands, if anything.
+   *
+   * - Announced politely, so a reader who cannot see it still hears the vote registered.
+   */
+  confirmation?: {
+    up: string;
+    down: string;
+  };
+  size?: keyof typeof SIZES;
+  /**
+   * How the row sits under the answer.
+   *
+   * - `inline` (default) — one group, reading left to right.
+   * - `split` — the verdict on the left, what to do with the answer on the right, pushed to the
+   *   edges of the bubble.
+   */
+  layout?: 'inline' | 'split';
+  /** Fires when the reader takes the answer away; the copy itself is the button's own. */
+  onCopy?: () => void;
 };
 /**
  * What a reader can do with a finished answer: take it away, and say whether it was any good.
@@ -4878,7 +4983,7 @@ type Props$128 = {
  * - The recorded vote and the write are the caller's: the two chats vote against different
  *   endpoints, and only the caller knows whether a turn is finished enough to rate.
  */
-declare const AnswerActions: ({ copyText, vote, onVote }: Props$128) => import("react/jsx-runtime").JSX.Element;
+declare const AnswerActions: ({ copyText, vote, onVote, onCopy, actions, labels, confirmation, size, layout }: Props$134) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/AIKit/AnswerSummary.d.ts
 type AnswerItem = {
@@ -4894,29 +4999,124 @@ type Props = {
 };
 declare const AnswerSummary: ({ items, variant, noAnswerLabel, onExpandToggle }: Props) => import("react/jsx-runtime").JSX.Element;
 //#endregion
+//#region src/blocks/AIKit/ChatInlineIcon.d.ts
+/**
+ * The icon name in a code node's text, if the text is a token — drawn, or still arriving.
+ *
+ * - `icon:table` → `table`; anything else, including `icon: table`, `icon:Table` and
+ *   `icon:unicorn` → `undefined`.
+ * - A name the registry lacks answers `undefined` on purpose, so every call site's own `<code>`
+ *   fall-through keeps the text its author typed. `icon:` is an ordinary way to name a property,
+ *   and this renderer draws vendor descriptions and dashboard text as well as agent answers.
+ * - A name that only starts one it draws is a token still arriving, answered with so that
+ *   `<ChatInlineIcon />` draws nothing: an answer streams `icon:t`, `icon:ta`, `icon:tab` before
+ *   the name lands, and each of those as code is a chip that reflows the line for a frame.
+ * - A name that is both — `save`, the start of `save-changes` — is drawn now; waiting would leave
+ *   a finished token blank for the rest of the answer.
+ * - The token reaches a renderer as inline code either because the model wrote it in backticks
+ *   or because a remark plugin turned the bare text into an `inlineCode` node. Parsing the
+ *   token is the vocabulary's; producing it is the app's, since the plugin is workspace-internal.
+ */
+declare const getChatInlineIconName: (text: string) => string | undefined;
+type Props$133 = {
+  /** The name from the token, without the `icon:` prefix. */
+  name: string;
+};
+/**
+ * One inline `icon:<name>` token, drawn at the size of the text it leads.
+ *
+ * - An unknown name renders nothing, which is how a token still arriving (`icon:tabl`) stays
+ *   blank instead of flashing as a code chip. A name `getChatInlineIconName` withholds keeps its
+ *   text at the call site's own `<code>` fall-through and never reaches here.
+ * - `size-[1em]` tracks the font size, so the icon matches a heading instead of sitting small
+ *   beside it, and `align-[-0.125em]` on an inline-block optically centres it against the
+ *   baseline.
+ * - `mr` tops up the single source space, which is a word gap and reads as cramped between a
+ *   glyph and the phrase it labels.
+ * - A heavier stroke so an outline icon holds its own next to the bold weight a heading carries.
+ * - `spinner` also spins; the mapping owns that, not the caller. See `ICON_CLASSES`.
+ * - `aria-hidden`, because the glyph is decorative: the token's text is removed from the answer and
+ *   nothing replaces it as a label, so a reader that announces unnamed inline SVGs would read an
+ *   unlabelled graphic before every phrase the agent decorates.
+ */
+declare const ChatInlineIcon: ({ name }: Props$133) => import("react/jsx-runtime").JSX.Element | null;
+//#endregion
 //#region src/blocks/AIKit/CollapsibleStepHeader.d.ts
 type Variant$5 = 'success' | 'error' | 'processing' | 'dismissed';
-type Props$127 = {
+type Props$132 = {
   isExpanded: boolean;
   onToggle: () => void;
   label: ReactNode;
   variant?: Variant$5;
 };
-declare const CollapsibleStepHeader: ({ isExpanded, onToggle, label, variant }: Props$127) => import("react/jsx-runtime").JSX.Element;
+declare const CollapsibleStepHeader: ({ isExpanded, onToggle, label, variant }: Props$132) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/AIKit/InlineStepDetail.d.ts
-type Props$1 = {
+type Props$2 = {
   children: ReactNode;
 };
-declare const InlineStepDetail: ({ children }: Props$1) => import("react/jsx-runtime").JSX.Element;
+declare const InlineStepDetail: ({ children }: Props$2) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/AIKit/InlineStepLabel.d.ts
 type Variant$3 = 'processing' | 'success' | 'error' | 'dismissed';
-type Props$2 = {
+type Props$4 = {
   variant: Variant$3;
   children: ReactNode;
 };
-declare const InlineStepLabel: ({ variant, children }: Props$2) => import("react/jsx-runtime").JSX.Element;
+declare const InlineStepLabel: ({ variant, children }: Props$4) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+//#region src/blocks/AIKit/InlineStepGroup.d.ts
+type Props$3 = {
+  /** The one line the run collapses to. */
+  label: ReactNode;
+  /** How the whole run reads in one mark. */
+  variant?: Variant$3;
+  isExpanded: boolean;
+  onToggle: () => void;
+  /**
+   * What paints behind the group, as a CSS colour.
+   *
+   * - The step icons mask the connector against it, so each mark reads as a break in the rule
+   *   rather than a chip laid over it.
+   * - Wrong value, wrong-coloured notches. A transcript on a panel surface passes that surface,
+   *   not the page background.
+   */
+  surface?: string;
+  /** Names the group for a screen reader. Without one the run is an unnamed grouping. */
+  'aria-label'?: string;
+  /**
+   * The hook an E2E suite anchors the group on.
+   *
+   * - Named by the host, because the name is the host's contract with its own tests.
+   * - A selector held in `packages/e2e-testing` breaks silently when this attribute moves.
+   */
+  'data-testid'?: string;
+  className?: string;
+  /** The rows: `InlineStepLabel`, `InlineStepDetail`, and whatever a host draws between them. */
+  children: ReactNode;
+};
+/**
+ * A run of steps an agent took, behind one line that says how far along it is.
+ *
+ * - The frame only. What a step *says* is the host's — one product names buckets and tables,
+ *   another must never put those words on screen — so the rows arrive as children and this
+ *   supplies the header, the collapse, the connector and the rhythm they share.
+ * - One rule behind the whole run at the icon centre line: the list's `pl-5` plus half a
+ *   `size-5` icon box. Drawn once rather than per row, so it does not vanish beside a row that
+ *   happens to have no icon.
+ * - `grid-template-rows` rather than height, because the rows are text of unknown length and a
+ *   transition needs a number at both ends. The children stay mounted while closed: a group the
+ *   reader reopens must not re-run whatever mounting a row costs. A closed group is `inert` and
+ *   `aria-hidden`, so staying mounted does not mean staying reachable.
+ * - Expansion is the caller's state. Whether a group opens itself while work is happening, and
+ *   whether a reader's own toggle outranks that, is a transcript-level decision.
+ * - `role="group"` rather than the `<section>`'s own landmark semantics: a transcript draws one
+ *   of these per run of steps, so a long conversation would hand a screen reader a landmark
+ *   list of dozens of identically named `region`s and drown the page's real landmarks in it.
+ *   The name still reads — a named `group` is announced by it — and it is the role the
+ *   grounding panel already gives its repeated named answer sections.
+ */
+declare const InlineStepGroup: ({ label, variant, isExpanded, onToggle, surface, 'aria-label': ariaLabel, 'data-testid': testId, className, children }: Props$3) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/AIKit/Markdown.d.ts
 /**
@@ -4930,7 +5130,7 @@ declare const InlineStepLabel: ({ variant, children }: Props$2) => import("react
  *   every other app in the same bundle holds a fence back.
  */
 declare const DIAGRAM_LANGUAGES: readonly string[];
-type Props$126 = {
+type Props$131 = {
   /** Markdown source (GFM: tables, task lists, strikethrough, autolinks). Tables
    *  render through the design `Table`; fenced ```mermaid and ```flint blocks render
    *  as diagrams; every other fenced block gets a hover copy button. */
@@ -4962,7 +5162,7 @@ type Props$126 = {
  * `MessageBubble` to render an assistant message body. Code blocks expose a
  * copy button, so mount a `TooltipProvider` once at the app root.
  */
-declare const Markdown: ({ children, className, remarkPlugins, components: componentOverrides }: Props$126) => import("react/jsx-runtime").JSX.Element;
+declare const Markdown: ({ children, className, remarkPlugins, components: componentOverrides }: Props$131) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/AIKit/MarkdownTable.d.ts
 /**
@@ -4977,7 +5177,7 @@ declare const FADE_SURFACE: {
   readonly background: 'tw:from-background';
 };
 type Surface = keyof typeof FADE_SURFACE;
-type Props$125 = {
+type Props$130 = {
   /**
    * The table itself — a `Table bordered`, whose own container is the scrolling element.
    *
@@ -5028,10 +5228,10 @@ type Props$125 = {
  * - Past `EXPAND_RATIO` the fade is joined by `onExpand`'s action, drawn without waiting for a
  *   hover: it reports that content is cut off, which the reader needs before going looking.
  */
-declare const MarkdownTable: ({ children, actions, onExpand, surface, className }: Props$125) => import("react/jsx-runtime").JSX.Element;
+declare const MarkdownTable: ({ children, actions, onExpand, surface, className }: Props$130) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Avatar.d.ts
-type Props$124 = {
+type Props$129 = {
   user?: {
     name: string | undefined;
     email: string | undefined;
@@ -5041,17 +5241,17 @@ type Props$124 = {
   size?: number;
   variant?: 'circle' | 'rounded';
 } & ComponentProps<'span'>;
-declare const Avatar: ({ ref, user, fallback, size, className, variant, ...props }: Props$124) => import("react/jsx-runtime").JSX.Element;
+declare const Avatar: ({ ref, user, fallback, size, className, variant, ...props }: Props$129) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/AIKit/MessageBubble.d.ts
-type Props$123 = {
+type Props$128 = {
   variant: 'user' | 'assistant';
   actions?: ReactNode;
   createdAt?: string;
   /** @deprecated No avatar is rendered; accepted so existing call sites keep compiling. */
   user?: ComponentProps<typeof Avatar>['user'];
 } & PropsWithChildren;
-declare const MessageBubble: ({ variant, children, actions, createdAt }: Props$123) => import("react/jsx-runtime").JSX.Element;
+declare const MessageBubble: ({ variant, children, actions, createdAt }: Props$128) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/AIKit/PlanApproval.d.ts
 type PlanApprovalStatus = 'pending' | 'approved' | 'dismissed' | 'changes-requested';
@@ -5095,30 +5295,45 @@ type PlanRewritingIndicatorProps = {
 declare const PlanRewritingIndicator: ({ label }: PlanRewritingIndicatorProps) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/AIKit/PromptInputAction.d.ts
-type Props$122 = ComponentProps<'button'>;
-declare const PromptInputAction: ({ ref, onMouseDown, ...rest }: Props$122) => import("react/jsx-runtime").JSX.Element;
+type Props$127 = ComponentProps<'button'>;
+declare const PromptInputAction: ({ ref, onMouseDown, ...rest }: Props$127) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/AIKit/PromptInputCommands.d.ts
 type PromptCommand = {
   label: string;
   value: string;
   description?: string;
-  icon?: ReactNode;
   group: string;
 };
 //#endregion
+//#region src/blocks/AIKit/PromptInputMenuTrigger.d.ts
+type Props$126 = Omit<ComponentProps<typeof Button>, 'children' | 'size' | 'variant'> & {
+  /** Whether the menu this opens is showing; the glyph turns into an × while it is. */
+  open?: boolean;
+  /** Sized up to match a large composer's send button. */
+  large?: boolean;
+};
+/**
+ * The composer's "add to message" button.
+ *
+ * - One glyph for both states: a plus rotated 45° reads as a close cross, so nothing swaps.
+ * - `aria-expanded` mirrors `open`; the accessible name changes with it.
+ * - Wrapped in `PromptInputAction` so a click does not hand focus to the textarea.
+ */
+declare const PromptInputMenuTrigger: ({ open, large, className, ref, ...props }: Props$126) => import("react/jsx-runtime").JSX.Element;
+//#endregion
 //#region src/blocks/AIKit/PromptInputSubmit.d.ts
 type SubmitStatus = 'submitted' | 'ready' | 'streaming' | 'interrupted';
-type Props$121 = Pick<ComponentProps<typeof Button>, 'disabled' | 'ref'> & {
+type Props$125 = Pick<ComponentProps<typeof Button>, 'disabled' | 'ref'> & {
   status?: SubmitStatus;
 };
-declare const PromptInputSubmit: ({ ref, disabled, status }: Props$121) => import("react/jsx-runtime").JSX.Element;
+declare const PromptInputSubmit: ({ ref, disabled, status }: Props$125) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/AIKit/PromptInput.d.ts
 declare const promptInputVariants: (props?: ({
   variant?: "default" | "inline" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-type Props$120 = {
+type Props$124 = {
   /** The textarea, for a host that has to put the caret back. Not `ref`: that name is the textarea's own. */
   textareaRef?: RefObject<ComponentRef<'textarea'> | null>;
   onSend?: (value: string) => void;
@@ -5129,13 +5344,19 @@ type Props$120 = {
   defaultValue?: string;
   prefix?: ReactNode;
   suffix?: ReactNode;
+  /** Images and chips already attached, in rows of their own above the text. */
+  attachments?: ReactNode;
+  /** Extra classes on the field, e.g. taller padding for a hero placement. */
+  className?: string;
   variant?: 'default' | 'inline';
   disableSubmit?: boolean;
+  /** `/` menu: pick one and it becomes the start of the message. */
   commands?: PromptCommand[];
 } & VariantProps<typeof promptInputVariants> & Pick<ComponentProps<typeof TextareaAutosize>, 'placeholder' | 'minRows' | 'maxRows' | 'disabled' | 'defaultValue' | 'autoFocus'> & ComponentProps<typeof PromptInputSubmit>;
-declare function PromptInput({ onSend, onAbort, onContinue, prefix, variant, suffix, disabled, disableSubmit, value, onValueChange, status, maxRows, minRows, commands, autoFocus, textareaRef: publishedRef, ...textareaProps }: Props$120): import("react/jsx-runtime").JSX.Element;
+declare function PromptInput({ onSend, onAbort, onContinue, prefix, variant, suffix, attachments, className, disabled, disableSubmit, value, onValueChange, status, maxRows, minRows, commands, autoFocus, textareaRef: publishedRef, ...textareaProps }: Props$124): import("react/jsx-runtime").JSX.Element;
 declare namespace PromptInput {
   export { PromptInputAction as Action };
+  export { PromptInputMenuTrigger as MenuTrigger };
 }
 //#endregion
 //#region src/blocks/AIKit/Question.d.ts
@@ -5145,7 +5366,7 @@ type QuestionOption = {
   description?: string;
   preview?: string;
 };
-type Props$5 = {
+type Props$7 = {
   question: string;
   header?: string;
   options: readonly QuestionOption[];
@@ -5168,7 +5389,7 @@ type Props$5 = {
   renderPreview?: (content: string) => ReactNode;
   className?: string;
 };
-declare const Question: ({ question, header, options, multiSelect, selectedOptionIds, onSelectionChange, customAnswer, onCustomAnswerChange, onCustomAnswerConfirm, showCustomAnswer, customAnswerPlaceholder, showSkip, onSkip, onClose, onNext, submitTooltip, onPrevious, currentStep, totalSteps, renderPreview, className }: Props$5) => import("react/jsx-runtime").JSX.Element;
+declare const Question: ({ question, header, options, multiSelect, selectedOptionIds, onSelectionChange, customAnswer, onCustomAnswerChange, onCustomAnswerConfirm, showCustomAnswer, customAnswerPlaceholder, showSkip, onSkip, onClose, onNext, submitTooltip, onPrevious, currentStep, totalSteps, renderPreview, className }: Props$7) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/AIKit/QuestionBlock.d.ts
 type QuestionStep = {
@@ -5183,7 +5404,7 @@ type QuestionAnswers = {
   selections: Record<number, readonly string[]>;
   customAnswers: Record<number, string>;
 };
-type Props$4 = {
+type Props$6 = {
   steps: readonly [QuestionStep, ...QuestionStep[]];
   showSkip?: boolean;
   onSubmit?: (answers: QuestionAnswers) => void;
@@ -5191,17 +5412,17 @@ type Props$4 = {
   renderPreview?: (content: string) => ReactNode;
   className?: string;
 };
-declare const QuestionBlock: ({ steps, showSkip, onSubmit, onClose, renderPreview, className }: Props$4) => import("react/jsx-runtime").JSX.Element;
+declare const QuestionBlock: ({ steps, showSkip, onSubmit, onClose, renderPreview, className }: Props$6) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/AIKit/SuggestedPrompt.d.ts
-type Props$119 = {
+type Props$123 = {
   label: string;
   disabled?: boolean;
   onClick: () => void;
   icon?: ReactNode;
   className?: string;
 };
-declare const SuggestedPrompt: ({ label, disabled, onClick, icon, className }: Props$119) => import("react/jsx-runtime").JSX.Element;
+declare const SuggestedPrompt: ({ label, disabled, onClick, icon, className }: Props$123) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/AIKit/ThinkingIndicator.d.ts
 type ThinkingIndicatorProps = {
@@ -5274,7 +5495,7 @@ declare const ToolCallChip: ({ label, state, icon, trailing, onClick, className
 //#endregion
 //#region src/blocks/AIKit/ToolCallStatusHeader.d.ts
 type ToolCallStatus = 'processing' | 'warning' | 'success' | 'error';
-type Props$7 = {
+type Props$9 = {
   icon: LucideIcon;
   iconSpin?: boolean;
   status: ToolCallStatus;
@@ -5284,10 +5505,48 @@ type Props$7 = {
   isCollapsed?: boolean;
   onToggleCollapse?: () => void;
 };
-declare const ToolCallStatusHeader: ({ icon: IconComponent, iconSpin, status, text, needsConfirmation, isCollapsible, isCollapsed, onToggleCollapse }: Props$7) => import("react/jsx-runtime").JSX.Element;
+declare const ToolCallStatusHeader: ({ icon: IconComponent, iconSpin, status, text, needsConfirmation, isCollapsible, isCollapsed, onToggleCollapse }: Props$9) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+//#region src/components/Progress/Progress.d.ts
+declare const variants$4: (props?: ({
+  variant?: "default" | "error" | "success" | "warning" | null | undefined;
+  size?: "lg" | "sm" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type Props$122 = ComponentProps<typeof Root$12> & VariantProps<typeof variants$4>;
+declare const Progress: ({ ref, className, value, variant, size, ...props }: Props$122) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+//#region src/blocks/AIKit/UsageBar.d.ts
+type Props$121 = Omit<ComponentProps<'span'>, 'children'> & {
+  /**
+   * The share of the budget already SPENT, 0–100.
+   *
+   * - The bar fills as the budget is used, so it reads the same way as an admin's spend table.
+   * - The figure beside the label says what is LEFT, because the reader's question at a ceiling
+   *   is how much room remains. One value drives both; they cannot disagree.
+   */
+  value: number;
+  /** The budget being measured — "Project usage", "This month's budget for your questions". */
+  label: ReactNode;
+  /**
+   * The bar's tone, at the host's discretion.
+   *
+   * - Untoned by default. Which percentage counts as close to a ceiling is a product rule, and
+   *   the surfaces drawing this do not share one: a meter that escalates beside a banner that
+   *   also escalates puts a single event on the screen twice.
+   */
+  variant?: ComponentProps<typeof Progress>['variant'];
+};
+/**
+ * One budget, as a labelled row over a bar.
+ *
+ * - The label and the figure sit on one baseline at either end of the row; the bar spans both.
+ * - `value` over 100 or `NaN` is clamped by `clampPercentage` — `Progress`'s indicator is
+ *   unclamped and would otherwise slide off the row.
+ */
+declare const UsageBar: ({ value, label, variant, className, ...props }: Props$121) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/AIKit/UsageStats.d.ts
-type Props$118 = {
+type Props$120 = {
   value: number;
   /**
    * `true` (or `'error'`) renders the red corner badge; `'warning'` renders
@@ -5308,16 +5567,16 @@ type Props$118 = {
   open?: ComponentProps<typeof HoverCard>['open'];
   onOpenChange?: ComponentProps<typeof HoverCard>['onOpenChange'];
 };
-declare const UsageStats: ({ value, alert, children, className, ariaLabel, align, side, sideOffset, open, onOpenChange }: Props$118) => import("react/jsx-runtime").JSX.Element;
+declare const UsageStats: ({ value, alert, children, className, ariaLabel, align, side, sideOffset, open, onOpenChange }: Props$120) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/AIKit/UsageStatsRing.d.ts
-type Props$117 = {
+type Props$119 = {
   value: number;
   size?: number;
   strokeWidth?: number;
   className?: string;
 };
-declare const UsageStatsRing: ({ value, size, strokeWidth, className }: Props$117) => import("react/jsx-runtime").JSX.Element;
+declare const UsageStatsRing: ({ value, size, strokeWidth, className }: Props$119) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/AIKit/usageStatsHelpers.d.ts
 /**
@@ -5338,11 +5597,11 @@ declare const clampPercentage: (value: number) => number;
 declare const formatPercentage: (value: number) => string;
 //#endregion
 //#region src/components/Collapsible/CollapsibleContent.d.ts
-type Props$116 = ComponentProps<typeof Content$5>;
-declare const CollapsibleContent: ({ ref, className, children, ...props }: Props$116) => import("react/jsx-runtime").JSX.Element;
+type Props$118 = ComponentProps<typeof Content$5>;
+declare const CollapsibleContent: ({ ref, className, children, ...props }: Props$118) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Collapsible/CollapsibleTrigger.d.ts
-type Props$115 = ComponentProps<typeof CollapsibleTrigger>;
+type Props$117 = ComponentProps<typeof CollapsibleTrigger>;
 /**
  * A `Collapsible` toggle.
  *
@@ -5350,11 +5609,11 @@ type Props$115 = ComponentProps<typeof CollapsibleTrigger>;
  *   reset is opt-in, so without it a host app without a global reset gets UA button chrome.
  * - Under `asChild` the class lands on a design component that already declares it — harmless.
  */
-declare const CollapsibleTrigger$1: ({ ref, className, children, ...props }: Props$115) => import("react/jsx-runtime").JSX.Element;
+declare const CollapsibleTrigger$1: ({ ref, className, children, ...props }: Props$117) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Collapsible/Collapsible.d.ts
-type Props$114 = ComponentProps<typeof Root$13>;
-declare function Collapsible(props: Props$114): import("react/jsx-runtime").JSX.Element;
+type Props$116 = ComponentProps<typeof Root$13>;
+declare function Collapsible(props: Props$116): import("react/jsx-runtime").JSX.Element;
 declare namespace Collapsible {
   export { CollapsibleTrigger$1 as Trigger };
   export { CollapsibleContent as Content };
@@ -5362,10 +5621,10 @@ declare namespace Collapsible {
 //#endregion
 //#region src/components/Alert/AlertRoot.d.ts
 type Variant$4 = 'info' | 'warning' | 'error' | 'success';
-type Props$113 = {
+type Props$115 = {
   variant?: Variant$4;
 } & ComponentProps<'div'>;
-declare const AlertRoot: ({ ref, children, className, variant, ...rest }: Props$113) => import("react/jsx-runtime").JSX.Element;
+declare const AlertRoot: ({ ref, children, className, variant, ...rest }: Props$115) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Alert/Alert.d.ts
 type CommonProps = {
@@ -5389,7 +5648,7 @@ type DefaultProps = {
  * `"collapsible"` requires `title` + `children` (no `actions`) and renders a collapsible disclosure.
  * `variant` (`info` | `success` | `warning` | `error`) is a categorical colour contract.
  */
-type Props$112 = CommonProps & (CollapsibleProps | DefaultProps);
+type Props$114 = CommonProps & (CollapsibleProps | DefaultProps);
 /**
  * Persistent inline banner for contextual messages tied to the page layout.
  *
@@ -5403,14 +5662,55 @@ type Props$112 = CommonProps & (CollapsibleProps | DefaultProps);
  *
  * @see RECIPES.md#alert-with-action — for action-bearing alert composition
  */
-declare const Alert: ({ title, variant, children, hideIcon, icon, className, actions, mode, defaultOpen, open: openProp, onOpenChange: onOpenChangeProp, ...rest }: Props$112) => import("react/jsx-runtime").JSX.Element;
+declare const Alert: ({ title, variant, children, hideIcon, icon, className, actions, mode, defaultOpen, open: openProp, onOpenChange: onOpenChangeProp, ...rest }: Props$114) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+//#region src/components/StatusDot/StatusDot.d.ts
+/**
+ * The dot's fill.
+ *
+ * - One class per state, each a brand-overridable status token — never a primitive hue.
+ * - `neutral` is chrome, not a status: an entity that has no state yet, or one the caller cannot
+ *   resolve.
+ * - A solid fill is the whole mark, so the "tint + legible foreground" rule for status _surfaces_
+ *   does not apply — there is no foreground on top of it.
+ */
+declare const statusDotVariants: (props?: ({
+  status?: "destructive" | "info" | "neutral" | "success" | "warning" | null | undefined;
+  size?: "default" | "large" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type Props$113 = Omit<ComponentProps<'span'>, 'children'> & VariantProps<typeof statusDotVariants> & {
+  /** Animates the dot. Reserve it for work that is still running. */
+  pulse?: boolean;
+  /**
+   * What the dot says on its own.
+   *
+   * - Omitted, the dot is decorative (`aria-hidden`) — the right choice whenever a visible label
+   *   sits beside it, which would otherwise be announced twice.
+   * - Given, the dot becomes an image with that name: the only state a screen reader gets.
+   */
+  label?: string;
+};
+/**
+ * A small round state mark — the one way the platform paints status as a colour.
+ *
+ * **When to use:** an entity's state beside its name in a row, a header or a chip — running,
+ * failed, stale, idle. `status` is the whole colour API, so a customer brand recolours every dot
+ * on the platform at once.
+ * **When NOT to use:** as the only carrier of meaning where colour is the sole difference between
+ * two rows — pair it with text, or use `Badge` (a labelled pill) / `Alert` (a contextual message).
+ * For an in-flight *step* use `Stepper`, and for indeterminate background work `DotsLoader`.
+ * **Composition:** `tw:flex tw:items-center tw:gap-2` with the label next to it. An overlay dot on
+ * top of an icon needs a ring in the surface's own colour (`tw:ring-2 tw:ring-card`) — pass it in
+ * `className` at the call site, since only the call site knows what it overlaps.
+ */
+declare const StatusDot: ({ ref, status, size, pulse, label, className, ...rest }: Props$113) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Toast/ToastRoot.d.ts
-declare const variants$4: (props?: ({
+declare const variants$3: (props?: ({
   variant?: "default" | "error" | "info" | "success" | "warning" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-type Variants = VariantProps<typeof variants$4>;
-type Props$111 = {
+type Variants = VariantProps<typeof variants$3>;
+type Props$112 = {
   id: string | number;
   title: ReactNode;
   icon?: ReactNode;
@@ -5419,7 +5719,7 @@ type Props$111 = {
   loading?: boolean;
   duration?: number;
 } & Variants;
-declare const ToastRoot: ({ id, title, description, action, duration, variant, loading, icon: iconProp }: Props$111) => import("react/jsx-runtime").JSX.Element;
+declare const ToastRoot: ({ id, title, description, action, duration, variant, loading, icon: iconProp }: Props$112) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Toast/toast.d.ts
 type ToastProps = ComponentProps<typeof ToastRoot>;
@@ -5442,7 +5742,7 @@ declare namespace toast {
 }
 //#endregion
 //#region src/components/Toast/useNotification.d.ts
-type Props$110 = {
+type Props$111 = {
   enabled?: boolean;
 } & Parameters<typeof toast>[0];
 /**
@@ -5455,25 +5755,25 @@ type Props$110 = {
  * Use `toast()` for transient feedback after a user action
  * (e.g., "Saved", "Copied", "Deleted") that auto-dismisses after a few seconds.
  */
-declare const useNotification: ({ enabled, ...toastOptions }: Props$110) => void;
+declare const useNotification: ({ enabled, ...toastOptions }: Props$111) => void;
 //#endregion
 //#region src/components/Toast/Toaster.d.ts
 type ToasterProps = ComponentProps<typeof Toaster$1>;
 declare const Toaster: ({ gap, visibleToasts, ...props }: ToasterProps) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/EmptySearchContent.d.ts
-type Props$109 = {
+type Props$110 = {
   children?: ReactNode;
 };
-declare const EmptySearchContent: ({ children }: Props$109) => import("react/jsx-runtime").JSX.Element;
+declare const EmptySearchContent: ({ children }: Props$110) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/EmptyConfigurationActionCard/EmptyConfigurationActionCard.d.ts
-type Props$108 = {
+type Props$109 = {
   title: string;
   children: ReactNode;
   className?: string;
 };
-declare const EmptyConfigurationActionCard: ({ title, children, className }: Props$108) => import("react/jsx-runtime").JSX.Element;
+declare const EmptyConfigurationActionCard: ({ title, children, className }: Props$109) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/EmptyState/EmptyState.d.ts
 declare const emptyStateClassnames: (props?: ({
@@ -5621,16 +5921,8 @@ declare const DotsLoader: ({ className }: DotsLoaderProps) => import("react/jsx-
 //#region src/blocks/DiagramShared/DiagramSkeleton.d.ts
 declare const DiagramSkeleton: () => import("react/jsx-runtime").JSX.Element;
 //#endregion
-//#region src/components/Progress/Progress.d.ts
-declare const variants$3: (props?: ({
-  variant?: "default" | "error" | "success" | "warning" | null | undefined;
-  size?: "lg" | "sm" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-type Props$107 = ComponentProps<typeof Root$12> & VariantProps<typeof variants$3>;
-declare const Progress: ({ ref, className, value, variant, size, ...props }: Props$107) => import("react/jsx-runtime").JSX.Element;
-//#endregion
 //#region src/components/CollapsiblePanel.d.ts
-type Props$106 = {
+type Props$108 = {
   header: ReactNode;
   isDisabled?: boolean;
   defaultExpanded?: boolean;
@@ -5642,17 +5934,17 @@ type Props$106 = {
   variant?: 'default' | 'white';
   children: ReactNode;
 };
-declare const CollapsiblePanel: ({ header, className, bodyClassName, headerClassName, defaultExpanded, isDisabled, children, isOpen, onToggle, variant }: Props$106) => import("react/jsx-runtime").JSX.Element;
+declare const CollapsiblePanel: ({ header, className, bodyClassName, headerClassName, defaultExpanded, isDisabled, children, isOpen, onToggle, variant }: Props$108) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/PanelWithDetails.d.ts
-type Props$105 = PropsWithChildren<{
+type Props$107 = PropsWithChildren<{
   defaultExpanded?: boolean;
   labelCollapse?: ReactNode;
   labelOpen?: ReactNode;
   placement?: 'top' | 'bottom';
   className?: string;
 }>;
-declare const PanelWithDetails: ({ defaultExpanded, labelCollapse, labelOpen, placement, children }: Props$105) => import("react/jsx-runtime").JSX.Element;
+declare const PanelWithDetails: ({ defaultExpanded, labelCollapse, labelOpen, placement, children }: Props$107) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/AppShell/types.d.ts
 /**
@@ -6165,7 +6457,7 @@ type SectionNavItemRenderProps = {
 };
 //#endregion
 //#region src/blocks/SectionNav/SectionNav.d.ts
-type Props$104 = {
+type Props$106 = {
   /**
    * The sections to show, already filtered. Visibility, permissions and feature flags stay in the
    * app — this block renders exactly what it is handed, in order.
@@ -6217,10 +6509,10 @@ type Props$104 = {
  *
  * @see RECIPES.md#section-nav
  */
-declare const SectionNav: ({ groups, activeId, renderItem, showDescriptions, label, className }: Props$104) => import("react/jsx-runtime").JSX.Element;
+declare const SectionNav: ({ groups, activeId, renderItem, showDescriptions, label, className }: Props$106) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/BrandLogo/BrandLogo.d.ts
-type Props$103 = {
+type Props$105 = {
   /** `wordmark` (default, full logo) or `mark` (square icon); each falls back to the other. */
   variant?: 'mark' | 'wordmark';
   /** Sets the logo height; aspect ratio is preserved (e.g. `tw:h-7`). */
@@ -6239,7 +6531,7 @@ type Props$103 = {
  * Renders the active brand's logo from the nearest `<ThemeProvider>`, or `null`
  * if the brand ships none. Inline SVG inherits `currentColor`; URLs use `<img>`.
  */
-declare const BrandLogo: ({ variant, className, label }: Props$103) => import("react/jsx-runtime").JSX.Element | null;
+declare const BrandLogo: ({ variant, className, label }: Props$105) => import("react/jsx-runtime").JSX.Element | null;
 //#endregion
 //#region src/components/Resizable/ResizableHandle.d.ts
 declare const ResizableHandle: ({ className, ...props }: ComponentProps<typeof Separator$1>) => import("react/jsx-runtime").JSX.Element;
@@ -6248,13 +6540,13 @@ declare const ResizableHandle: ({ className, ...props }: ComponentProps<typeof S
 declare const ResizablePanelGroup: ({ className, orientation, ...props }: ComponentProps<typeof Group$1>) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Sidebar/SidebarContent.d.ts
-type Props$102 = {
+type Props$104 = {
   className?: string;
   children?: ReactNode;
   contentRef?: ComponentProps<'div'>['ref'];
   ref?: ComponentProps<'div'>['ref'];
 };
-declare const SidebarContent: ({ ref, className, children, contentRef }: Props$102) => import("react/jsx-runtime").JSX.Element;
+declare const SidebarContent: ({ ref, className, children, contentRef }: Props$104) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Sidebar/types.d.ts
 type SidebarMode = 'expanded' | 'collapsed' | 'expand-on-hover';
@@ -6264,102 +6556,106 @@ type SidebarCollapsible = 'icon' | 'off-canvas';
 type SidebarVariant = 'sided-floating' | 'inset' | 'floating' | 'none';
 //#endregion
 //#region src/components/Sidebar/SidebarFillTrigger.d.ts
-type Props$101 = ComponentProps<typeof Slot$1> & {
+type Props$103 = ComponentProps<typeof Slot$1> & {
   side?: SidebarSide;
 };
-declare const SidebarFillTrigger: ({ ref, side, onClick, ...rest }: Props$101) => import("react/jsx-runtime").JSX.Element;
+declare const SidebarFillTrigger: ({ ref, side, onClick, ...rest }: Props$103) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Sidebar/SidebarFooter.d.ts
-type Props$100 = ComponentProps<'div'>;
-declare const SidebarFooter: ({ className, ...props }: Props$100) => import("react/jsx-runtime").JSX.Element;
+type Props$102 = ComponentProps<'div'>;
+declare const SidebarFooter: ({ className, ...props }: Props$102) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Sidebar/SidebarGroup/SidebarGroup.d.ts
-type Props$99 = ComponentProps<'div'>;
-declare const SidebarGroup: ({ className, ...props }: Props$99) => import("react/jsx-runtime").JSX.Element;
+type Props$101 = ComponentProps<'div'>;
+declare const SidebarGroup: ({ className, ...props }: Props$101) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Sidebar/SidebarGroup/SidebarGroupContent.d.ts
-type Props$98 = ComponentProps<'div'>;
-declare const SidebarGroupContent: ({ className, ...props }: Props$98) => import("react/jsx-runtime").JSX.Element;
+type Props$100 = ComponentProps<'div'>;
+declare const SidebarGroupContent: ({ className, ...props }: Props$100) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Sidebar/SidebarGroup/SidebarGroupAction.d.ts
-type Props$97 = ComponentProps<'button'>;
-declare const SidebarGroupAction: ({ ref, className, type, children, ...props }: Props$97) => import("react/jsx-runtime").JSX.Element;
+type Props$99 = ComponentProps<'button'>;
+declare const SidebarGroupAction: ({ ref, className, type, children, ...props }: Props$99) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Sidebar/SidebarGroup/SidebarGroupLabel.d.ts
-type Props$96 = ComponentProps<'div'>;
-declare const SidebarGroupLabel: ({ ref, className, children, ...props }: Props$96 & {
+type Props$98 = ComponentProps<'div'>;
+declare const SidebarGroupLabel: ({ ref, className, children, ...props }: Props$98 & {
   ref?: Ref<HTMLDivElement>;
 }) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Sidebar/SidebarHeader.d.ts
-type Props$95 = ComponentProps<'div'>;
-declare const SidebarHeader: ({ className, children, ...props }: Props$95) => import("react/jsx-runtime").JSX.Element;
+type Props$97 = ComponentProps<'div'>;
+declare const SidebarHeader: ({ className, children, ...props }: Props$97) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Sidebar/SidebarMenu/SidebarMenu.d.ts
-type Props$94 = ComponentProps<'ul'>;
-declare const SidebarMenu: ({ className, ...props }: Props$94) => import("react/jsx-runtime").JSX.Element;
+type Props$96 = ComponentProps<'ul'>;
+declare const SidebarMenu: ({ className, ...props }: Props$96) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Sidebar/SidebarMenu/SidebarMenuButton.d.ts
-type Props$93 = ComponentProps<'button'> & {
+type Props$95 = ComponentProps<'button'> & {
   asChild?: boolean;
   tooltip?: ReactNode;
   icon?: ReactNode;
+  /** Set by `Sidebar.Trigger` on the child it wraps — not part of a call site's API. */
+  'data-sidebar-trigger'?: string;
 };
-declare const SidebarMenuButton: ({ ref, 'aria-selected': selected, className, children, asChild, icon, tooltip, ...props }: Props$93 & {
+declare const SidebarMenuButton: ({ ref, 'aria-selected': selected, className, children, asChild, icon, tooltip, onClick, ...props }: Props$95 & {
   ref?: Ref<HTMLButtonElement>;
 }) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Sidebar/SidebarMenu/SidebarMenuItem.d.ts
-type Props$92 = ComponentProps<'li'>;
-declare const SidebarMenuItem: ({ className, ...props }: Props$92) => import("react/jsx-runtime").JSX.Element;
+type Props$94 = ComponentProps<'li'>;
+declare const SidebarMenuItem: ({ className, ...props }: Props$94) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Sidebar/SidebarMenu/SidebarMenuIcon.d.ts
-type Props$91 = ComponentProps<'span'>;
-declare const SidebarMenuIcon: ({ ref, className, children, ...rest }: Props$91) => import("react/jsx-runtime").JSX.Element;
+type Props$93 = ComponentProps<'span'>;
+declare const SidebarMenuIcon: ({ ref, className, children, ...rest }: Props$93) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Sidebar/SidebarMenu/SidebarMenuAction.d.ts
-type Props$90 = ComponentProps<'button'> & {
+type Props$92 = ComponentProps<'button'> & {
   asChild?: boolean;
   showOnHover?: boolean;
 };
-declare const SidebarMenuAction: ({ ref, className, asChild, showOnHover, children, ...props }: Props$90) => import("react/jsx-runtime").JSX.Element;
+declare const SidebarMenuAction: ({ ref, className, asChild, showOnHover, children, ...props }: Props$92) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Sidebar/SidebarMenu/SidebarSearchInput.d.ts
-type Props$89 = Omit<ComponentProps<'input'>, 'prefix'>;
-declare const SidebarSearchInput: ({ ref: forwardedRef, className, ...inputProps }: Props$89) => import("react/jsx-runtime").JSX.Element;
+type Props$91 = Omit<ComponentProps<'input'>, 'prefix'>;
+declare const SidebarSearchInput: ({ ref: forwardedRef, className, ...inputProps }: Props$91) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Sidebar/SidebarMenu/SidebarMenuCard.d.ts
-type Props$88 = HTMLAttributes<HTMLDivElement> & {
+type Props$90 = HTMLAttributes<HTMLDivElement> & {
   icon: ReactNode;
   title: ReactNode;
 };
-declare const SidebarMenuCard: ({ children, className, icon, title, ...rest }: Props$88) => import("react/jsx-runtime").JSX.Element;
+declare const SidebarMenuCard: ({ children, className, icon, title, ...rest }: Props$90) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Sidebar/SidebarMenu/SidebarMenuBadge.d.ts
-type Props$87 = ComponentProps<'div'>;
-declare const SidebarMenuBadge: ({ ref, className, ...props }: Props$87) => import("react/jsx-runtime").JSX.Element;
+type Props$89 = ComponentProps<'div'>;
+declare const SidebarMenuBadge: ({ ref, className, ...props }: Props$89) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Sidebar/SidebarMenu/SidebarMenuSub.d.ts
-type Props$86 = {
+type Props$88 = {
   children: ReactNode;
   icon: ReactNode;
   isActive?: boolean;
   label: string;
 } & Pick<ComponentProps<typeof Collapsible>, 'defaultOpen' | 'open' | 'onOpenChange'>;
-declare const SidebarMenuSub: ({ children, icon, isActive, label, defaultOpen, open: openProp, onOpenChange }: Props$86) => import("react/jsx-runtime").JSX.Element;
+declare const SidebarMenuSub: ({ children, icon, isActive, label, defaultOpen, open: openProp, onOpenChange }: Props$88) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Sidebar/SidebarMenu/SidebarMenuSubItem.d.ts
-type Props$85 = ComponentProps<'button'> & {
+type Props$87 = ComponentProps<'button'> & {
   asChild?: boolean;
+  /** Set by `Sidebar.Trigger` on the child it wraps — not part of a call site's API. */
+  'data-sidebar-trigger'?: string;
 };
-declare const SidebarMenuSubItem: ({ ref, className, asChild, children, disabled, 'aria-current': ariaCurrent, ...props }: Props$85) => import("react/jsx-runtime").JSX.Element;
+declare const SidebarMenuSubItem: ({ ref, className, asChild, children, disabled, onClick, 'aria-current': ariaCurrent, ...props }: Props$87) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Separator/Separator.d.ts
 declare const separatorVariants: (props?: ({
   size?: "1/2" | "3/4" | "full" | null | undefined;
   orientation?: "horizontal" | "vertical" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-type Props$84 = VariantProps<typeof separatorVariants> & Omit<ComponentProps<typeof RSeparator.Root>, 'decorative'> & {
+type Props$86 = VariantProps<typeof separatorVariants> & Omit<ComponentProps<typeof RSeparator.Root>, 'decorative'> & {
   /**
    * Optional label rendered centered between two line segments
    * (typical "OR" divider). Implies `orientation="horizontal"`.
@@ -6367,18 +6663,18 @@ type Props$84 = VariantProps<typeof separatorVariants> & Omit<ComponentProps<typ
    */
   label?: ReactNode;
 };
-declare const Separator: ({ className, orientation, size, label, ...props }: Props$84) => import("react/jsx-runtime").JSX.Element;
+declare const Separator: ({ className, orientation, size, label, ...props }: Props$86) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Sidebar/SidebarSeparator.d.ts
-type Props$83 = Omit<ComponentProps<typeof Separator>, 'orientation' | 'size'>;
-declare const SidebarSeparator: ({ className, ...props }: Props$83) => import("react/jsx-runtime").JSX.Element;
+type Props$85 = Omit<ComponentProps<typeof Separator>, 'orientation' | 'size'>;
+declare const SidebarSeparator: ({ className, ...props }: Props$85) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Sidebar/SidebarTrigger.d.ts
-type Props$82 = ComponentProps<typeof Slot$1> & {
+type Props$84 = ComponentProps<typeof Slot$1> & {
   side?: SidebarSide;
   hideWhenCollapsed?: boolean;
 };
-declare const SidebarTrigger: ({ side, onClick, hideWhenCollapsed, className, ...rest }: Props$82) => import("react/jsx-runtime").JSX.Element;
+declare const SidebarTrigger: ({ side, onClick, hideWhenCollapsed, className, ...rest }: Props$84) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Sidebar/Sidebar.d.ts
 /**
@@ -6386,7 +6682,7 @@ declare const SidebarTrigger: ({ side, onClick, hideWhenCollapsed, className, ..
  * (`data-*`, `aria-*`, handlers) lands on the outer element, so a `ThemeScope` around the
  * sidebar reaches it.
  */
-type Props$81 = Omit<ComponentProps<'div'>, 'children' | 'className' | 'style' | 'id'> & {
+type Props$83 = Omit<ComponentProps<'div'>, 'children' | 'className' | 'style' | 'id'> & {
   children: ReactNode;
   className?: string;
   id?: string;
@@ -6397,8 +6693,16 @@ type Props$81 = Omit<ComponentProps<'div'>, 'children' | 'className' | 'style' |
   /** Hold the panel's content back until it has finished sliding in. */
   mountAfterEnter?: boolean;
   resizable?: boolean;
+  /**
+   * Accessible name for the sheet the rail becomes under the mobile breakpoint.
+   *
+   * - Defaults to `Navigation` on the left and `Side panel` on the right.
+   * - Rendered visually hidden — the sheet is a dialog and needs a name, but the rail's
+   *   own header is already the visible one.
+   */
+  mobileTitle?: string;
 };
-declare function Sidebar({ children, className, id, side, style, container, keepMounted, mountAfterEnter, resizable, ...rest }: Props$81): import("react/jsx-runtime").JSX.Element | null;
+declare function Sidebar({ children, className, id, side, style, container, keepMounted, mountAfterEnter, resizable, mobileTitle, ...rest }: Props$83): import("react/jsx-runtime").JSX.Element | null;
 declare namespace Sidebar {
   export { SidebarHeader as Header };
   export { SidebarContent as Content };
@@ -6423,7 +6727,7 @@ declare namespace Sidebar {
 }
 //#endregion
 //#region src/components/Sidebar/SidebarProvider/SidebarProvider.d.ts
-type Props$80 = {
+type Props$82 = {
   children?: ReactNode;
   defaultLeftMode?: SidebarMode;
   leftMode?: SidebarMode;
@@ -6431,6 +6735,22 @@ type Props$80 = {
   defaultRightMode?: SidebarMode;
   rightMode?: SidebarMode;
   onRightModeChange?: (mode: SidebarMode) => void;
+  /**
+   * The left rail becomes a `Sheet` under a breakpoint instead of a grid column.
+   *
+   * - Opt-in, and per side: a `Sidebar` is also the shape of a container rail nested in a
+   *   modal or a builder canvas, where a full-screen phone sheet means nothing.
+   * - `true` uses the default breakpoint (768px, Tailwind's `md`); a number is the width in
+   *   px under which this side is a sheet, for a rail that runs out of room at its own width.
+   * - An app that opts in owes the sheet a way in — a `Sidebar.Trigger` in its header, which
+   *   routes to whichever of the two the rail currently is.
+   * - `keepMounted` and `mountAfterEnter` do not apply while this side is a sheet: the sheet
+   *   mounts its content on open and unmounts it on close. A side whose panel holds state
+   *   worth surviving a close should keep that state above the panel.
+   */
+  leftMobileSheet?: boolean | number;
+  /** The right-side twin of `leftMobileSheet`. */
+  rightMobileSheet?: boolean | number;
   leftVariant?: SidebarVariant;
   leftWidth?: number;
   leftCollapsible?: SidebarCollapsible;
@@ -6441,7 +6761,7 @@ type Props$80 = {
   onRightWidthChange?: (width: number) => void;
   defaultFilledSide?: SidebarSide | null;
 };
-declare const SidebarProvider: ({ children, defaultLeftMode, leftMode, onLeftModeChange, defaultRightMode, rightMode, onRightModeChange, leftCollapsible, leftVariant, leftWidth, rightCollapsible, rightVariant, rightWidth, onLeftWidthChange, onRightWidthChange, defaultFilledSide }: Props$80) => import("react/jsx-runtime").JSX.Element;
+declare const SidebarProvider: ({ children, defaultLeftMode, leftMode, onLeftModeChange, defaultRightMode, rightMode, onRightModeChange, leftMobileSheet, rightMobileSheet, leftCollapsible, leftVariant, leftWidth, rightCollapsible, rightVariant, rightWidth, onLeftWidthChange, onRightWidthChange, defaultFilledSide }: Props$82) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Sidebar/utils.d.ts
 type Input = {
@@ -6450,34 +6770,49 @@ type Input = {
   collapsible: SidebarCollapsible;
   mode: SidebarMode;
   state: SidebarState$1;
+  /** Below the breakpoint the rail is a sheet, so it occupies no column. */
+  isMobile?: boolean;
 };
 type EffectiveWidths = {
   sidebar: number;
   gap: number;
   fill: number;
 };
-declare const calcEffectiveWidths: ({ variant, width: customWidth, collapsible, state, mode }: Input) => EffectiveWidths;
+declare const calcEffectiveWidths: ({ variant, width: customWidth, collapsible, state, mode, isMobile }: Input) => EffectiveWidths;
 //#endregion
 //#region src/components/Sidebar/SidebarProvider/useSidebarState.d.ts
-type Props$79 = {
+type Props$81 = {
   defaultMode?: SidebarMode;
   mode?: SidebarMode;
   onModeChange?: (state: SidebarMode) => void;
 };
-declare const useSidebarState: ({ defaultMode, mode: modeProp, onModeChange }: Props$79) => {
+declare const useSidebarState: ({ defaultMode, mode: modeProp, onModeChange }: Props$81) => {
   isHovered: boolean;
   toggle: () => void;
   setMode: (dispatch: Parameters<import("react").Dispatch<import("react").SetStateAction<"collapsed" | "expand-on-hover" | "expanded">>>[0]) => void;
   mode: SidebarMode;
   state: SidebarState$1;
   sidebarElement: HTMLElement | null;
-  setSidebarElement: (node: HTMLElement | null) => void;
+  setSidebarElement: (node: HTMLElement | null) => (() => void) | undefined;
 };
 //#endregion
 //#region src/components/Sidebar/SidebarProvider/context.d.ts
 type SidebarWidths = ReturnType<typeof calcEffectiveWidths>;
 type SidebarState = ReturnType<typeof useSidebarState>;
 type SidebarSideValue = SidebarState & {
+  /**
+   * The viewport is under the mobile breakpoint, so this rail renders as a sheet rather
+   * than a grid column.
+   *
+   * - `mode` and `state` both report `expanded` here — the collapse axis has nothing to
+   *   act on, and the call site's own `mode` prop is left untouched.
+   * - `toggle` opens and closes the sheet instead of writing that prop.
+   */
+  isMobile: boolean;
+  /** Whether this side's mobile sheet is open. Always `false` above the breakpoint. */
+  isMobileOpen: boolean;
+  /** Opens or closes this side's mobile sheet; opening one closes the other. */
+  setMobileOpen: (open: boolean) => void;
   isFill: boolean;
   toggleFill: () => void;
   /** Idempotent counterpart to `toggleFill` — safe to call twice, or when already in that state. */
@@ -6500,66 +6835,66 @@ declare const useOptionalSidebar: (side?: SidebarSide) => SidebarSideValue | nul
 declare const useSidebar: (side?: SidebarSide) => SidebarSideValue;
 //#endregion
 //#region src/components/Navbar/NavbarContent.d.ts
-type Props$78 = {
+type Props$80 = {
   className?: string;
   children?: ReactNode;
 };
-declare const NavbarContent: ({ children, className }: Props$78) => import("react/jsx-runtime").JSX.Element;
+declare const NavbarContent: ({ children, className }: Props$80) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Navbar/NavbarFooter.d.ts
-type Props$77 = ComponentProps<'div'>;
-declare const NavbarFooter: ({ children, className, ...rest }: Props$77) => import("react/jsx-runtime").JSX.Element;
+type Props$79 = ComponentProps<'div'>;
+declare const NavbarFooter: ({ children, className, ...rest }: Props$79) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Navbar/NavbarHeader.d.ts
-type Props$76 = ComponentProps<'div'>;
-declare const NavbarHeader: ({ children, className, ...rest }: Props$76) => import("react/jsx-runtime").JSX.Element;
+type Props$78 = ComponentProps<'div'>;
+declare const NavbarHeader: ({ children, className, ...rest }: Props$78) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Navbar/NavbarMenu.d.ts
 declare const variants$2: (props?: ({
   marker?: "forward-slash" | "none" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-type Props$75 = ComponentProps<'ul'> & VariantProps<typeof variants$2>;
-declare const NavbarMenu: ({ className, marker, ...rest }: Props$75) => import("react/jsx-runtime").JSX.Element;
+type Props$77 = ComponentProps<'ul'> & VariantProps<typeof variants$2>;
+declare const NavbarMenu: ({ className, marker, ...rest }: Props$77) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Navbar/NavbarMenuAvatar.d.ts
-type Props$74 = ComponentProps<'button'> & {
+type Props$76 = ComponentProps<'button'> & {
   src?: string;
   alt?: string;
 };
-declare const NavbarMenuAvatar: ({ ref, className, type, src, alt, ...rest }: Props$74) => import("react/jsx-runtime").JSX.Element;
+declare const NavbarMenuAvatar: ({ ref, className, type, src, alt, ...rest }: Props$76) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Navbar/NavbarMenuButton.d.ts
 declare const variants$1: (props?: ({
   variant?: "default" | "emphasized" | "icon" | "search" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-type Props$73 = ComponentProps<'button'> & {
+type Props$75 = ComponentProps<'button'> & {
   /** Optional leading-icon slot. Pass a Lucide icon node to render an adornment before children. */
   icon?: ReactNode;
   asChild?: boolean;
 } & VariantProps<typeof variants$1>;
-declare const NavbarMenuButton: ({ ref, className, type, children, icon, asChild, variant, ...rest }: Props$73) => import("react/jsx-runtime").JSX.Element;
+declare const NavbarMenuButton: ({ ref, className, type, children, icon, asChild, variant, ...rest }: Props$75) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Navbar/NavbarMenuItem.d.ts
-type Props$72 = ComponentProps<'li'>;
-declare const NavbarMenuItem: ({ className, ...rest }: Props$72) => import("react/jsx-runtime").JSX.Element;
+type Props$74 = ComponentProps<'li'>;
+declare const NavbarMenuItem: ({ className, ...rest }: Props$74) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Navbar/NavbarMenuItemAdornment.d.ts
 declare const variants: (props?: ({
   variant?: "icon" | "icon-accent" | "icon-accent-emphasized" | "icon-button" | "icon-emphasized" | "shortcut" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-type Props$71 = {
+type Props$73 = {
   asChild?: boolean;
 } & ComponentProps<'span'> & VariantProps<typeof variants>;
-declare const NavbarMenuItemAdornment: ({ ref, asChild, className, variant, ...props }: Props$71) => import("react/jsx-runtime").JSX.Element;
+declare const NavbarMenuItemAdornment: ({ ref, asChild, className, variant, ...props }: Props$73) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Navbar/Navbar.d.ts
 declare const navbarClassnames: (props?: ({
   bordered?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-type Props$70 = ComponentProps<'nav'> & VariantProps<typeof navbarClassnames> & {
+type Props$72 = ComponentProps<'nav'> & VariantProps<typeof navbarClassnames> & {
   accent?: 'blue' | 'purple' | 'green' | 'orange';
 };
-declare function Navbar({ className, accent, bordered, ...rest }: Props$70): import("react/jsx-runtime").JSX.Element;
+declare function Navbar({ className, accent, bordered, ...rest }: Props$72): import("react/jsx-runtime").JSX.Element;
 declare namespace Navbar {
   export { NavbarHeader as Header };
   export { NavbarFooter as Footer };
@@ -6605,20 +6940,20 @@ type WorkbenchContextValue = WorkbenchActions & {
 declare const useWorkbench: () => WorkbenchContextValue;
 //#endregion
 //#region src/components/Workbench/WorkbenchBar/WorkbenchBarEnd.d.ts
-type Props$69 = ComponentProps<'div'>;
-declare const WorkbenchBarEnd: ({ className, ...props }: Props$69) => import("react/jsx-runtime").JSX.Element;
+type Props$71 = ComponentProps<'div'>;
+declare const WorkbenchBarEnd: ({ className, ...props }: Props$71) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Workbench/WorkbenchBar/WorkbenchBarMiddle.d.ts
-type Props$68 = ComponentProps<'div'>;
-declare const WorkbenchBarMiddle: ({ className, ...props }: Props$68) => import("react/jsx-runtime").JSX.Element;
+type Props$70 = ComponentProps<'div'>;
+declare const WorkbenchBarMiddle: ({ className, ...props }: Props$70) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Workbench/WorkbenchBar/WorkbenchBarStart.d.ts
-type Props$67 = ComponentProps<'div'>;
-declare const WorkbenchBarStart: ({ className, ...props }: Props$67) => import("react/jsx-runtime").JSX.Element;
+type Props$69 = ComponentProps<'div'>;
+declare const WorkbenchBarStart: ({ className, ...props }: Props$69) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Workbench/WorkbenchBar/WorkbenchBar.d.ts
-type Props$66 = ComponentProps<'div'>;
-declare function WorkbenchBar({ className, children, ...props }: Props$66): import("react/jsx-runtime").JSX.Element;
+type Props$68 = ComponentProps<'div'>;
+declare function WorkbenchBar({ className, children, ...props }: Props$68): import("react/jsx-runtime").JSX.Element;
 declare namespace WorkbenchBar {
   export { WorkbenchBarStart as Start };
   export { WorkbenchBarMiddle as Middle };
@@ -6626,35 +6961,35 @@ declare namespace WorkbenchBar {
 }
 //#endregion
 //#region src/components/Workbench/WorkbenchFullScreenTrigger.d.ts
-type Props$65 = ComponentProps<'button'> & {
+type Props$67 = ComponentProps<'button'> & {
   asChild?: boolean;
 };
-declare const WorkbenchFullScreenTrigger: ({ asChild, onClick, ...props }: Props$65) => import("react/jsx-runtime").JSX.Element;
+declare const WorkbenchFullScreenTrigger: ({ asChild, onClick, ...props }: Props$67) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Workbench/WorkbenchPanel/WorkbenchPanel.d.ts
-type Props$64 = ComponentProps<'div'>;
-declare const WorkbenchPanel: ({ className, children, ...props }: Props$64) => import("react/jsx-runtime").JSX.Element;
+type Props$66 = ComponentProps<'div'>;
+declare const WorkbenchPanel: ({ className, children, ...props }: Props$66) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Workbench/WorkbenchPanel/WorkbenchPanelActions.d.ts
-type Props$63 = ComponentProps<'div'> & {
+type Props$65 = ComponentProps<'div'> & {
   asChild?: boolean;
 };
-declare const WorkbenchPanelActions: ({ className, asChild, ...props }: Props$63) => import("react/jsx-runtime").JSX.Element;
+declare const WorkbenchPanelActions: ({ className, asChild, ...props }: Props$65) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Workbench/WorkbenchPanel/WorkbenchPanelContent.d.ts
-type Props$62 = ComponentProps<'div'>;
-declare const WorkbenchPanelContent: ({ className, children, ...props }: Props$62) => import("react/jsx-runtime").JSX.Element;
+type Props$64 = ComponentProps<'div'>;
+declare const WorkbenchPanelContent: ({ className, children, ...props }: Props$64) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Workbench/WorkbenchPanel/WorkbenchPanelHeader.d.ts
-type Props$61 = ComponentProps<'div'>;
-declare const WorkbenchPanelHeader: ({ className, children, ...props }: Props$61) => import("react/jsx-runtime").JSX.Element;
+type Props$63 = ComponentProps<'div'>;
+declare const WorkbenchPanelHeader: ({ className, children, ...props }: Props$63) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Workbench/WorkbenchPanel/WorkbenchPanelTitle.d.ts
-type Props$60 = ComponentProps<'div'>;
-declare const WorkbenchPanelTitle: ({ className, ...props }: Props$60) => import("react/jsx-runtime").JSX.Element;
+type Props$62 = ComponentProps<'div'>;
+declare const WorkbenchPanelTitle: ({ className, ...props }: Props$62) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Workbench/Workbench.d.ts
-type Props$59 = {
+type Props$61 = {
   className?: string;
   children: ReactNode;
   state?: WorkbenchState;
@@ -6665,7 +7000,7 @@ type Props$59 = {
   defaultPanelHeight?: number;
   onPanelHeightChange?: (panelHeight: number) => void;
 };
-declare function Workbench({ className, children, state: stateProp, defaultState, onStateChange, barHeight, panelHeight: panelHeightProp, defaultPanelHeight, onPanelHeightChange }: Props$59): import("react/jsx-runtime").JSX.Element;
+declare function Workbench({ className, children, state: stateProp, defaultState, onStateChange, barHeight, panelHeight: panelHeightProp, defaultPanelHeight, onPanelHeightChange }: Props$61): import("react/jsx-runtime").JSX.Element;
 declare namespace Workbench {
   export { WorkbenchBar as Bar };
   export { WorkbenchBarStart as BarStart };
@@ -6790,34 +7125,34 @@ declare namespace BreadcrumbDropdown {
 }
 //#endregion
 //#region src/components/Breadcrumb/BreadcrumbEllipsis.d.ts
-type Props$58 = ComponentProps<'button'>;
-declare const BreadcrumbEllipsis: ({ ref, className, ...props }: Props$58) => import("react/jsx-runtime").JSX.Element;
+type Props$60 = ComponentProps<'button'>;
+declare const BreadcrumbEllipsis: ({ ref, className, ...props }: Props$60) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Breadcrumb/BreadcrumbItem.d.ts
-type Props$57 = ComponentProps<'li'>;
-declare const BreadcrumbItem: ({ className, ...props }: Props$57) => import("react/jsx-runtime").JSX.Element;
+type Props$59 = ComponentProps<'li'>;
+declare const BreadcrumbItem: ({ className, ...props }: Props$59) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Breadcrumb/BreadcrumbLink.d.ts
-type Props$56 = ComponentProps<'a'> & {
+type Props$58 = ComponentProps<'a'> & {
   asChild?: boolean;
 };
-declare const BreadcrumbLink: ({ ref, asChild, className, ...props }: Props$56) => import("react/jsx-runtime").JSX.Element;
+declare const BreadcrumbLink: ({ ref, asChild, className, ...props }: Props$58) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Breadcrumb/BreadcrumbList.d.ts
-type Props$55 = ComponentProps<'ol'>;
-declare const BreadcrumbList: ({ className, ...props }: Props$55) => import("react/jsx-runtime").JSX.Element;
+type Props$57 = ComponentProps<'ol'>;
+declare const BreadcrumbList: ({ className, ...props }: Props$57) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Breadcrumb/BreadcrumbPage.d.ts
-type Props$54 = ComponentProps<'span'>;
-declare const BreadcrumbPage: ({ ref, className, ...props }: Props$54) => import("react/jsx-runtime").JSX.Element;
+type Props$56 = ComponentProps<'span'>;
+declare const BreadcrumbPage: ({ ref, className, ...props }: Props$56) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Breadcrumb/BreadcrumbSeparator.d.ts
-type Props$53 = ComponentProps<'li'>;
-declare const BreadcrumbSeparator: ({ children, className, ...props }: Props$53) => import("react/jsx-runtime").JSX.Element;
+type Props$55 = ComponentProps<'li'>;
+declare const BreadcrumbSeparator: ({ children, className, ...props }: Props$55) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Breadcrumb/Breadcrumb.d.ts
-type Props$52 = ComponentProps<'nav'>;
-declare function Breadcrumb({ className, ...props }: Props$52): import("react/jsx-runtime").JSX.Element;
+type Props$54 = ComponentProps<'nav'>;
+declare function Breadcrumb({ className, ...props }: Props$54): import("react/jsx-runtime").JSX.Element;
 declare namespace Breadcrumb {
   export { BreadcrumbList as List };
   export { BreadcrumbItem as Item };
@@ -6834,7 +7169,7 @@ type Trigger<T extends string> = {
   title: ReactNode;
   onClose?: (value: T) => void;
 } & Omit<RadixTabs.TabsTriggerProps, 'title' | 'asChild'>;
-type Props$51<T extends string> = {
+type Props$53<T extends string> = {
   triggers: readonly Trigger<T>[];
   compact?: boolean;
   children: ReactNode;
@@ -6845,7 +7180,7 @@ type Props$51<T extends string> = {
   triggerClassName?: string;
   triggerGroupClassName?: string;
 } & Omit<RadixTabs.TabsProps, 'onValueChange'>;
-declare const Tabs: <T extends string>({ triggers, compact, children, defaultValue, onValueChange, rootClassName, listClassName, triggerClassName, triggerGroupClassName, ...rest }: Props$51<T>) => import("react/jsx-runtime").JSX.Element;
+declare const Tabs: <T extends string>({ triggers, compact, children, defaultValue, onValueChange, rootClassName, listClassName, triggerClassName, triggerGroupClassName, ...rest }: Props$53<T>) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Tabs/TabsContent.d.ts
 declare const TabsContent: (props: RadixTabs.TabsContentProps) => import("react/jsx-runtime").JSX.Element;
@@ -6861,7 +7196,7 @@ declare const STEP_STATUS: {
 type StepStatus = (typeof STEP_STATUS)[keyof typeof STEP_STATUS];
 //#endregion
 //#region src/components/Stepper/StepperStep.d.ts
-type Props$50 = {
+type Props$52 = {
   /** Visual state of the step. Drives indicator + connector colour. Defaults to `'upcoming'`. */
   status?: StepStatus;
   children: ReactNode;
@@ -6873,23 +7208,23 @@ type Props$50 = {
  *
  * Set `Stepper`'s `onStepClick` prop to make every step a button; otherwise the Step renders as `<div>`.
  */
-declare const StepperStep: ({ status, children, className, ...props }: Props$50) => import("react/jsx-runtime").JSX.Element;
+declare const StepperStep: ({ status, children, className, ...props }: Props$52) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Stepper/StepperStepConnector.d.ts
-type Props$49 = ComponentProps<'span'>;
+type Props$51 = ComponentProps<'span'>;
 /**
  * Visual line between two steps. Internal — `Stepper` renders connectors automatically between
  * adjacent `Stepper.Step`s. Connector colour follows the preceding step's status.
  */
-declare const StepperStepConnector: ({ className, ...props }: Props$49) => import("react/jsx-runtime").JSX.Element;
+declare const StepperStepConnector: ({ className, ...props }: Props$51) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Stepper/StepperStepDescription.d.ts
-type Props$48 = ComponentProps<'span'>;
+type Props$50 = ComponentProps<'span'>;
 /** Optional secondary text below the step label. */
-declare const StepperStepDescription: ({ className, ...props }: Props$48) => import("react/jsx-runtime").JSX.Element;
+declare const StepperStepDescription: ({ className, ...props }: Props$50) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Stepper/StepperStepIndicator.d.ts
-type Props$47 = {
+type Props$49 = {
   /** Override the default content. By default renders Check for complete, X for error, step number otherwise. */
   children?: ReactNode;
 } & ComponentProps<'span'>;
@@ -6897,12 +7232,12 @@ type Props$47 = {
  * Circular indicator slot. Renders the status icon (Check / X) or the step number automatically based on
  * the parent `Stepper.Step` status. Pass `children` to override.
  */
-declare const StepperStepIndicator: ({ children, className, ...props }: Props$47) => import("react/jsx-runtime").JSX.Element;
+declare const StepperStepIndicator: ({ children, className, ...props }: Props$49) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Stepper/StepperStepLabel.d.ts
-type Props$46 = ComponentProps<'span'>;
+type Props$48 = ComponentProps<'span'>;
 /** Step title — short label describing the step (e.g. "Account", "Payment"). */
-declare const StepperStepLabel: ({ className, ...props }: Props$46) => import("react/jsx-runtime").JSX.Element;
+declare const StepperStepLabel: ({ className, ...props }: Props$48) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Stepper/styles.d.ts
 declare const stepperVariants: (props?: ({
@@ -6910,7 +7245,7 @@ declare const stepperVariants: (props?: ({
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 //#endregion
 //#region src/components/Stepper/Stepper.d.ts
-type Props$45 = {
+type Props$47 = {
   /** Layout direction. Defaults to `horizontal`. */
   orientation?: StepperOrientation;
   /**
@@ -6920,7 +7255,7 @@ type Props$45 = {
   onStepClick?: (index: number) => void;
   children: ReactNode;
 } & Omit<ComponentProps<'ol'>, 'children'> & VariantProps<typeof stepperVariants>;
-declare function Stepper({ orientation, onStepClick, children, className, ...props }: Props$45): import("react/jsx-runtime").JSX.Element;
+declare function Stepper({ orientation, onStepClick, children, className, ...props }: Props$47): import("react/jsx-runtime").JSX.Element;
 declare namespace Stepper {
   export { StepperStep as Step };
   export { StepperStepIndicator as StepIndicator };
@@ -6930,15 +7265,15 @@ declare namespace Stepper {
 }
 //#endregion
 //#region src/components/Card/CardContent.d.ts
-type Props$44 = HTMLAttributes<HTMLDivElement> & {
+type Props$46 = HTMLAttributes<HTMLDivElement> & {
   /** Applies the standard body padding. Use with `Card padding="none"`, where the
    *  root adds none — otherwise the padding is doubled. */
   padded?: boolean;
 };
-declare const CardContent: ({ children, className, padded, ...rest }: Props$44) => import("react/jsx-runtime").JSX.Element;
+declare const CardContent: ({ children, className, padded, ...rest }: Props$46) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Card/CardHeader.d.ts
-type Props$43 = HTMLAttributes<HTMLDivElement> & {
+type Props$45 = HTMLAttributes<HTMLDivElement> & {
   /** Adds a bottom rule, the header's own padding, and a 64px height floor so the
    *  band stays the same height with or without an action button. The rule spans the
    *  full card width — pair with `Card padding="none"`; on a padded root it is inset. */
@@ -6949,16 +7284,16 @@ type Props$43 = HTMLAttributes<HTMLDivElement> & {
    *  under the title. */
   layout?: 'row' | 'inline' | 'stack';
 };
-declare const CardHeader: ({ children, className, divider, layout, ...rest }: Props$43) => import("react/jsx-runtime").JSX.Element;
+declare const CardHeader: ({ children, className, divider, layout, ...rest }: Props$45) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Card/CardTitle.d.ts
 type HeadingLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
-type Props$42 = HTMLAttributes<HTMLHeadingElement> & {
+type Props$44 = HTMLAttributes<HTMLHeadingElement> & {
   /** Heading tag to render. Defaults to `h3`; set explicitly to avoid a heading-order skip
    *  (e.g. `as="h2"` when the Card sits directly under a page's `h1`). */
   as?: HeadingLevel;
 };
-declare const CardTitle: ({ children, className, as: Tag, ...rest }: Props$42) => import("react/jsx-runtime").JSX.Element;
+declare const CardTitle: ({ children, className, as: Tag, ...rest }: Props$44) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Card/styles.d.ts
 declare const cardClassnames: (props?: ({
@@ -6967,8 +7302,8 @@ declare const cardClassnames: (props?: ({
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 //#endregion
 //#region src/components/Card/Card.d.ts
-type Props$41 = HTMLAttributes<HTMLDivElement> & VariantProps<typeof cardClassnames>;
-declare function Card({ children, className, bordered, padding, ...rest }: Props$41): import("react/jsx-runtime").JSX.Element;
+type Props$43 = HTMLAttributes<HTMLDivElement> & VariantProps<typeof cardClassnames>;
+declare function Card({ children, className, bordered, padding, ...rest }: Props$43): import("react/jsx-runtime").JSX.Element;
 declare namespace Card {
   export { CardHeader as Header };
   export { CardContent as Content };
@@ -7001,7 +7336,7 @@ declare const TableRow: ({ ref, className, ...props }: ComponentProps<'tr'>) =>
 type TableSortDirection = 'asc' | 'desc' | false;
 /** Maps a sort direction to the `aria-sort` value for the enclosing `Table.Head`. */
 declare const tableAriaSort: (sorted: TableSortDirection) => ComponentProps<'th'>['aria-sort'];
-type Props$40 = {
+type Props$42 = {
   /** Current sort state for this column: `'asc'`, `'desc'`, or `false` when unsorted. */
   sorted: TableSortDirection;
   children: ReactNode;
@@ -7013,19 +7348,19 @@ type Props$40 = {
  * key/direction pair, or `@tanstack/react-table`'s `getToggleSortingHandler()` / `getIsSorted()`)
  * and set `aria-sort` on the enclosing `Table.Head` via {@link tableAriaSort}.
  */
-declare const TableSortHeader: ({ sorted, children, className, ...props }: Props$40) => import("react/jsx-runtime").JSX.Element;
+declare const TableSortHeader: ({ sorted, children, className, ...props }: Props$42) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Table/Table.d.ts
 /**
  * Props for `Table`. `borderCollapsed` toggles standard collapsed borders vs separate row spacing;
  * `bordered` wraps the table in a rounded bordered container with overflow scrolling.
  */
-type Props$39 = {
+type Props$41 = {
   borderCollapsed?: boolean;
   bordered?: boolean;
   containerClassName?: string;
 } & ComponentProps<'table'>;
-declare function Table({ borderCollapsed, bordered, containerClassName, className, ...props }: Props$39): import("react/jsx-runtime").JSX.Element;
+declare function Table({ borderCollapsed, bordered, containerClassName, className, ...props }: Props$41): import("react/jsx-runtime").JSX.Element;
 declare namespace Table {
   export { TableHeader as Header };
   export { TableHead as Head };
@@ -7043,25 +7378,25 @@ declare const connectorWrapper: (props?: ({
 declare const connector: (props?: ({
   variant?: "icon" | "label" | "line" | "none" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-type Props$38 = {
+type Props$40 = {
   asChild?: boolean;
   offset?: number;
 } & ComponentProps<'div'> & VariantProps<typeof connectorWrapper> & VariantProps<typeof connector>;
-declare const TimelineConnector: ({ className, children, asChild, variant, align, offset, style, ...rest }: Props$38) => import("react/jsx-runtime").JSX.Element;
+declare const TimelineConnector: ({ className, children, asChild, variant, align, offset, style, ...rest }: Props$40) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Timeline/TimelineContent.d.ts
-type Props$37 = ComponentProps<'div'>;
-declare const TimelineContent: ({ className, ...rest }: Props$37) => import("react/jsx-runtime").JSX.Element;
+type Props$39 = ComponentProps<'div'>;
+declare const TimelineContent: ({ className, ...rest }: Props$39) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Timeline/TimelineItem.d.ts
-type Props$36 = ComponentProps<'li'>;
-declare const TimelineItem: ({ className, ...rest }: Props$36) => import("react/jsx-runtime").JSX.Element;
+type Props$38 = ComponentProps<'li'>;
+declare const TimelineItem: ({ className, ...rest }: Props$38) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Timeline/Timeline.d.ts
-type Props$35 = ComponentProps<'ul'> & {
+type Props$37 = ComponentProps<'ul'> & {
   variant?: 'solid' | 'dashed';
 };
-declare function Timeline({ className, variant, ...rest }: Props$35): import("react/jsx-runtime").JSX.Element;
+declare function Timeline({ className, variant, ...rest }: Props$37): import("react/jsx-runtime").JSX.Element;
 declare namespace Timeline {
   export { TimelineItem as Item };
   export { TimelineContent as Content };
@@ -7069,40 +7404,40 @@ declare namespace Timeline {
 }
 //#endregion
 //#region src/components/Truncated.d.ts
-type Props$34 = {
+type Props$36 = {
   text: ReactNode;
   tooltip?: ReactNode;
   twoLines?: boolean;
   noTooltip?: boolean;
-  tooltipVariant?: Props$8['variant'];
-  tooltipPlacement?: Props$8['placement'];
+  tooltipVariant?: Props$10['variant'];
+  tooltipPlacement?: Props$10['placement'];
 } & Omit<ComponentProps<'span'>, 'children'>;
-declare const Truncated: ({ ref, text, tooltip, className, twoLines, noTooltip, tooltipVariant, tooltipPlacement, ...rest }: Props$34) => import("react/jsx-runtime").JSX.Element;
+declare const Truncated: ({ ref, text, tooltip, className, twoLines, noTooltip, tooltipVariant, tooltipPlacement, ...rest }: Props$36) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/MarkedText/MarkedText.d.ts
-type Props$33 = {
+type Props$35 = {
   source: string;
   className?: string;
   mark?: string;
   isCaseSensitive?: boolean;
 } & ComponentProps<'span'>;
-declare const MarkedText: ({ ref, source, mark, isCaseSensitive, ...spanProps }: Props$33) => import("react/jsx-runtime").JSX.Element;
+declare const MarkedText: ({ ref, source, mark, isCaseSensitive, ...spanProps }: Props$35) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Kbd/KbdGroup.d.ts
-type Props$32 = {
+type Props$34 = {
   separator?: string;
 } & ComponentProps<'kbd'>;
-declare const KbdGroup: ({ ref, className, children, separator, ...props }: Props$32) => import("react/jsx-runtime").JSX.Element;
+declare const KbdGroup: ({ ref, className, children, separator, ...props }: Props$34) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Kbd/KbdSeparator.d.ts
-type Props$31 = ComponentProps<'span'>;
+type Props$33 = ComponentProps<'span'>;
 /**
  * The `+` / `then` glue between two `Kbd` keys.
  *
  * - Follows the muted chrome token by default.
  * - Turns white inside the legacy dark tooltip, which sets `data-tooltip-content`.
  */
-declare const KbdSeparator: ({ className, ...props }: Props$31) => import("react/jsx-runtime").JSX.Element;
+declare const KbdSeparator: ({ className, ...props }: Props$33) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Kbd/styles.d.ts
 declare const kbdVariants: (props?: ({
@@ -7110,8 +7445,8 @@ declare const kbdVariants: (props?: ({
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 //#endregion
 //#region src/components/Kbd/Kbd.d.ts
-type Props$30 = ComponentProps<'kbd'> & VariantProps<typeof kbdVariants>;
-declare function Kbd({ children, className, variant, ...rest }: Props$30): import("react/jsx-runtime").JSX.Element;
+type Props$32 = ComponentProps<'kbd'> & VariantProps<typeof kbdVariants>;
+declare function Kbd({ children, className, variant, ...rest }: Props$32): import("react/jsx-runtime").JSX.Element;
 declare namespace Kbd {
   export { KbdGroup as Group };
   export { KbdSeparator as Separator };
@@ -7126,34 +7461,34 @@ type KeyRepresentation = {
 declare const keys: Record<KeyName, KeyRepresentation>;
 //#endregion
 //#region src/components/Pagination/PaginationButton.d.ts
-type Props$29 = {
+type Props$31 = {
   active?: boolean;
 } & Omit<ComponentProps<typeof Button>, 'variant'>;
-declare const PaginationButton: ({ ref, active: isActive, className, children, size, ...props }: Props$29) => import("react/jsx-runtime").JSX.Element;
+declare const PaginationButton: ({ ref, active: isActive, className, children, size, ...props }: Props$31) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Pagination/PaginationContent.d.ts
-type Props$28 = ComponentProps<'ul'>;
-declare const PaginationContent: ({ className, ...props }: Props$28) => import("react/jsx-runtime").JSX.Element;
+type Props$30 = ComponentProps<'ul'>;
+declare const PaginationContent: ({ className, ...props }: Props$30) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Pagination/PaginationEllipsis.d.ts
-type Props$27 = ComponentProps<'span'>;
-declare const PaginationEllipsis: ({ className, ...props }: Props$27) => import("react/jsx-runtime").JSX.Element;
+type Props$29 = ComponentProps<'span'>;
+declare const PaginationEllipsis: ({ className, ...props }: Props$29) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Pagination/PaginationItem.d.ts
-type Props$26 = ComponentProps<'li'>;
-declare const PaginationItem: ({ className, ...props }: Props$26) => import("react/jsx-runtime").JSX.Element;
+type Props$28 = ComponentProps<'li'>;
+declare const PaginationItem: ({ className, ...props }: Props$28) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Pagination/PaginationNext.d.ts
-type Props$25 = ComponentProps<typeof PaginationButton>;
-declare const PaginationNext: ({ children, className, ...props }: Props$25) => import("react/jsx-runtime").JSX.Element;
+type Props$27 = ComponentProps<typeof PaginationButton>;
+declare const PaginationNext: ({ children, className, ...props }: Props$27) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Pagination/PaginationPrevious.d.ts
-type Props$24 = ComponentProps<typeof PaginationButton>;
-declare const PaginationPrevious: ({ children, ...props }: Props$24) => import("react/jsx-runtime").JSX.Element;
+type Props$26 = ComponentProps<typeof PaginationButton>;
+declare const PaginationPrevious: ({ children, ...props }: Props$26) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Pagination/Pagination.d.ts
-type Props$23 = ComponentProps<'nav'>;
-declare function Pagination({ className, ...props }: Props$23): import("react/jsx-runtime").JSX.Element;
+type Props$25 = ComponentProps<'nav'>;
+declare function Pagination({ className, ...props }: Props$25): import("react/jsx-runtime").JSX.Element;
 declare namespace Pagination {
   export { PaginationContent as Content };
   export { PaginationItem as Item };
@@ -7164,7 +7499,7 @@ declare namespace Pagination {
 }
 //#endregion
 //#region src/components/DiffView/DiffView.d.ts
-type Props$22 = {
+type Props$24 = {
   oldValue: string;
   newValue: string;
   ignoreWhitespace?: boolean;
@@ -7174,7 +7509,7 @@ type Props$22 = {
   rightTitle: ReactNode;
   rightTitleGutter?: ReactNode;
 };
-declare const DiffView: ({ leftTitle, leftTitleGutter, rightTitle, rightTitleGutter, oldValue, newValue, ignoreWhitespace, className }: Props$22) => import("react/jsx-runtime").JSX.Element;
+declare const DiffView: ({ leftTitle, leftTitleGutter, rightTitle, rightTitleGutter, oldValue, newValue, ignoreWhitespace, className }: Props$24) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/DiffView/util.d.ts
 declare const DiffType: {
@@ -7221,18 +7556,18 @@ declare const computeLineInformation: (oldString: string, newString: string, ign
 declare const computeDiffRows: (lineInformation: LineInformation[], diffLines: number[], expandedBlocks: number[]) => DiffRow[];
 //#endregion
 //#region src/components/MergeEditor/PaneHeader.d.ts
-type Props$21 = {
+type Props$23 = {
   label: string;
   sublabel?: string;
 };
-declare const PaneHeader: ({ label, sublabel }: Props$21) => import("react/jsx-runtime").JSX.Element;
+declare const PaneHeader: ({ label, sublabel }: Props$23) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/MergeEditor/ConflictStatus/ConflictStatusIndicator.d.ts
-type Props$20 = {
+type Props$22 = {
   remainingConflicts: number;
   remainingSafeChanges: number;
 };
-declare const ConflictStatusIndicator: ({ remainingConflicts, remainingSafeChanges }: Props$20) => import("react/jsx-runtime").JSX.Element;
+declare const ConflictStatusIndicator: ({ remainingConflicts, remainingSafeChanges }: Props$22) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/MergeEditor/useMergeDiff.d.ts
 declare const useMergeDiff: (baseText: string, leftText: string, rightText: string) => {
@@ -7335,13 +7670,13 @@ declare const StatCard: typeof StatCardRoot & {
 declare const gridClassnames: (props?: ({
   columns?: 2 | 3 | 4 | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-type Props$6 = ComponentProps<'div'> & VariantProps<typeof gridClassnames>;
+type Props$8 = ComponentProps<'div'> & VariantProps<typeof gridClassnames>;
 /**
  * Responsive strip of KPI tiles. Lay `StatCard`s inside it at the top of a dashboard.
  * `columns` caps the tiles per row on large screens; the grid collapses to one column on
  * mobile and two on small screens.
  */
-declare const StatCardGrid: ({ className, columns, children, ...rest }: Props$6) => import("react/jsx-runtime").JSX.Element;
+declare const StatCardGrid: ({ className, columns, children, ...rest }: Props$8) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/ChartPanel/ChartPanel.d.ts
 type RootProps$1 = Omit<ComponentProps<typeof Card>, 'title'> & {
@@ -7369,16 +7704,16 @@ type RootProps$1 = Omit<ComponentProps<typeof Card>, 'title'> & {
 declare const ChartPanel: ({ title, description, titleAs, toolbar, footer, className, bordered, children, ...rest }: RootProps$1) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/Form/components/FormBody.d.ts
-type Props$19 = {
+type Props$21 = {
   children: ReactNode;
 } & Omit<ComponentProps<'form'>, 'onSubmit'>;
-declare const FormBody: ({ children, className, ...formProps }: Props$19) => import("react/jsx-runtime").JSX.Element;
+declare const FormBody: ({ children, className, ...formProps }: Props$21) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/Form/components/SubmitButton.d.ts
-type Props$18 = {
+type Props$20 = {
   children?: ReactNode;
 } & Omit<ComponentProps<typeof Button>, 'type' | 'isLoading' | 'disabled'>;
-declare const SubmitButton: ({ children, ...buttonProps }: Props$18) => import("react/jsx-runtime").JSX.Element;
+declare const SubmitButton: ({ children, ...buttonProps }: Props$20) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/Form/components/SubmitErrorAlert.d.ts
 /**
@@ -7389,39 +7724,39 @@ declare const SubmitButton: ({ children, ...buttonProps }: Props$18) => import("
 declare const SubmitErrorAlert: () => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/Form/connectors/CheckboxField.d.ts
-type Props$17 = Pick<FieldItemProps, 'className'> & Omit<ComponentProps<typeof Checkbox>, 'id' | 'name' | 'checked' | 'onCheckedChange'>;
-declare const CheckboxField: ({ className, children, ...checkboxProps }: Props$17) => import("react/jsx-runtime").JSX.Element;
+type Props$19 = Pick<FieldItemProps, 'className'> & Omit<ComponentProps<typeof Checkbox>, 'id' | 'name' | 'checked' | 'onCheckedChange'>;
+declare const CheckboxField: ({ className, children, ...checkboxProps }: Props$19) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/Form/connectors/NumberField.d.ts
-type Props$16 = FieldItemProps & Omit<ComponentProps<typeof FormGroup.NumberInput>, 'id' | 'name' | 'value' | 'onValueChange' | 'onBlur'>;
-declare const NumberField: ({ label, action, required, requiredMark, help, tooltip, className, 'aria-describedby': ariaDescribedBy, ...inputProps }: Props$16) => import("react/jsx-runtime").JSX.Element;
+type Props$18 = FieldItemProps & Omit<ComponentProps<typeof FormGroup.NumberInput>, 'id' | 'name' | 'value' | 'onValueChange' | 'onBlur'>;
+declare const NumberField: ({ label, action, required, requiredMark, help, tooltip, className, 'aria-describedby': ariaDescribedBy, ...inputProps }: Props$18) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/Form/connectors/OtpInputField.d.ts
-type Props$15 = FieldItemProps & Omit<RootProps$5, 'value' | 'onChange' | 'children' | 'id' | 'name' | 'aria-describedby' | 'aria-required' | 'aria-invalid'>;
-declare const OtpInputField: ({ label, action, required, requiredMark, help, tooltip, className, 'aria-describedby': ariaDescribedBy, maxLength, ...otpProps }: Props$15) => import("react/jsx-runtime").JSX.Element;
+type Props$17 = FieldItemProps & Omit<RootProps$5, 'value' | 'onChange' | 'children' | 'id' | 'name' | 'aria-describedby' | 'aria-required' | 'aria-invalid'>;
+declare const OtpInputField: ({ label, action, required, requiredMark, help, tooltip, className, 'aria-describedby': ariaDescribedBy, maxLength, ...otpProps }: Props$17) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/Form/connectors/PasswordField.d.ts
-type Props$14 = FieldItemProps & Omit<ComponentProps<typeof PasswordInput>, 'id' | 'name' | 'value' | 'onValueChange' | 'onBlur'>;
-declare const PasswordField: ({ label, action, required, requiredMark, help, tooltip, className, 'aria-describedby': ariaDescribedBy, ...inputProps }: Props$14) => import("react/jsx-runtime").JSX.Element;
+type Props$16 = FieldItemProps & Omit<ComponentProps<typeof PasswordInput>, 'id' | 'name' | 'value' | 'onValueChange' | 'onBlur'>;
+declare const PasswordField: ({ label, action, required, requiredMark, help, tooltip, className, 'aria-describedby': ariaDescribedBy, ...inputProps }: Props$16) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/Form/connectors/SelectField.d.ts
-type Props$13 = FieldItemProps & Omit<SelectProps, 'id' | 'aria-label' | 'aria-labelledby' | 'name' | 'value' | 'defaultValue' | 'onValueChange' | 'onBlur' | 'aria-describedby' | 'aria-invalid' | 'aria-required' | 'className' | 'items'> & {
+type Props$15 = FieldItemProps & Omit<SelectProps, 'id' | 'aria-label' | 'aria-labelledby' | 'name' | 'value' | 'defaultValue' | 'onValueChange' | 'onBlur' | 'aria-describedby' | 'aria-invalid' | 'aria-required' | 'className' | 'items'> & {
   items: readonly (SelectItem | SelectItemGroup)[];
   triggerClassName?: string;
 };
-declare const SelectField: ({ label, action, required, requiredMark, help, tooltip, className, 'aria-describedby': ariaDescribedBy, triggerClassName, ...selectProps }: Props$13) => import("react/jsx-runtime").JSX.Element;
+declare const SelectField: ({ label, action, required, requiredMark, help, tooltip, className, 'aria-describedby': ariaDescribedBy, triggerClassName, ...selectProps }: Props$15) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/Form/connectors/SwitchField.d.ts
-type Props$12 = Pick<FieldItemProps, 'className'> & Omit<ComponentProps<typeof Switch>, 'id' | 'name' | 'checked' | 'onCheckedChange'>;
-declare const SwitchField: ({ className, children, ...switchProps }: Props$12) => import("react/jsx-runtime").JSX.Element;
+type Props$14 = Pick<FieldItemProps, 'className'> & Omit<ComponentProps<typeof Switch>, 'id' | 'name' | 'checked' | 'onCheckedChange'>;
+declare const SwitchField: ({ className, children, ...switchProps }: Props$14) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/Form/connectors/TextareaField.d.ts
-type Props$11 = FieldItemProps & Omit<ComponentProps<typeof FormGroup.Textarea>, 'id' | 'name' | 'value' | 'onValueChange' | 'onBlur'>;
-declare const TextareaField: ({ label, action, required, requiredMark, help, tooltip, className, 'aria-describedby': ariaDescribedBy, ...inputProps }: Props$11) => import("react/jsx-runtime").JSX.Element;
+type Props$13 = FieldItemProps & Omit<ComponentProps<typeof FormGroup.Textarea>, 'id' | 'name' | 'value' | 'onValueChange' | 'onBlur'>;
+declare const TextareaField: ({ label, action, required, requiredMark, help, tooltip, className, 'aria-describedby': ariaDescribedBy, ...inputProps }: Props$13) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/Form/connectors/TextField.d.ts
-type Props$10 = FieldItemProps & Omit<ComponentProps<typeof FormGroup.TextInput>, 'id' | 'name' | 'value' | 'onChange' | 'onBlur'>;
-declare const TextField: ({ label, action, required, requiredMark, help, tooltip, className, 'aria-describedby': ariaDescribedBy, ...inputProps }: Props$10) => import("react/jsx-runtime").JSX.Element;
+type Props$12 = FieldItemProps & Omit<ComponentProps<typeof FormGroup.TextInput>, 'id' | 'name' | 'value' | 'onChange' | 'onBlur'>;
+declare const TextField: ({ label, action, required, requiredMark, help, tooltip, className, 'aria-describedby': ariaDescribedBy, ...inputProps }: Props$12) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/Form/formHook.d.ts
 /**
@@ -7531,7 +7866,7 @@ declare function useAutosizeInput({ value, placeholder, minWidth }: UseAutosizeI
 //#endregion
 //#region src/hooks/useScrollbarPosition.d.ts
 declare const useScrollbarPosition: () => {
-  setElement: (node: HTMLElement | null) => void;
+  setElement: (node: HTMLElement | null) => (() => void) | undefined;
   isTop: boolean;
   isBottom: boolean;
   isMiddle: boolean;
@@ -7587,18 +7922,22 @@ declare const findLiteralMatches: (text: string, query: string, { isCaseSensitiv
 }) => number[];
 //#endregion
 //#region src/utils/mergeRefs.d.ts
-type PossibleRef<T> = MutableRefObject<T> | RefCallback<T> | null;
+type PossibleRef<T> = Ref<T> | undefined;
 /**
- * A utility to compose multiple refs together
- * Accepts callback refs and RefObject(s)
+ * Compose several refs into the one a component can hand to an element.
+ *
+ * - Accepts callback refs and ref objects, in any mix.
+ * - Returns a cleanup of its own, so a callback ref's cleanup survives the merge. Dropping it
+ *   would leave a hook that detaches through its cleanup — `useElement` does — holding a node
+ *   that is no longer in the document.
  */
-declare const mergeRefs: <T>(...refs: PossibleRef<T>[]) => (node: T) => void;
+declare const mergeRefs: <T>(...refs: PossibleRef<T>[]) => RefCallback<T>;
 //#endregion
 //#region src/utils/isMac.d.ts
 declare const isMac: boolean;
 //#endregion
 //#region src/components/ZoomableSvg/ZoomableSvg.d.ts
-type Props$9 = {
+type Props$11 = {
   /** Raw SVG markup. Sanitized internally with DOMPurify (SVG profile) before rendering, so it is
    *  safe even when it originates from user/LLM-controlled content. Non-SVG HTML is stripped. */
   html: string;
@@ -7623,7 +7962,7 @@ type Props$9 = {
    */
   renderActions?: (safeSvg: string) => ReactNode;
 };
-declare const ZoomableSvg: ({ html, copyText, className, allowForeignObject, renderActions }: Props$9) => import("react/jsx-runtime").JSX.Element;
+declare const ZoomableSvg: ({ html, copyText, className, allowForeignObject, renderActions }: Props$11) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/ZoomableSvg/exportSvg.d.ts
 declare const toSvgFileContent: (svg: string) => string;
@@ -7677,5 +8016,5 @@ declare const contrastRatio: (fg: string, bg: string) => number;
 /** WCAG level for normal-size text at a given ratio. */
 declare const wcagLevel: (ratio: number) => 'AAA' | 'AA' | 'fail';
 //#endregion
-export { Alert, AlertModal, AnswerActions, AnswerSummary, type AnswerItem as AnswerSummaryItem, type Props as AnswerSummaryProps, type Variant as AnswerSummaryVariant, AnswerVote, AppShell, type AppShellHeaderSpan, type AppShellSlot, ArgoDesignContext, AuthLayout, type RootProps as AuthLayoutProps, AutoSaveTextarea, Avatar, Badge, type Brand, BrandEditor, type BrandEditorProps, BrandId, BrandLogo, Breadcrumb, Button, ButtonGroup, ButtonInline, Calendar, type CalendarProps, Card, type ChangeClassification, ChartPanel, type RootProps$1 as ChartPanelProps, Checkbox, Clipboard, ClipboardButton, ClipboardInline, Collapsible, CollapsiblePanel, CollapsibleStepHeader, ColorInput, ColorModeSwitch, ColorScheme, type ColorSlot, Combobox, Command, CommandGroup, CommandInput, CommandItem, CommandList, ConflictStatusIndicator, CopyField, DEFAULT_COLOR_SCHEME, DEFAULT_FALLBACK_FONT, DEFAULT_FONT_OPTIONS, DEFAULT_BRAND_ID as DEFAULT_KEBOOLA_BRAND_ID, DEFAULT_WORKBENCH_BAR_HEIGHT_IN_REM, DEFAULT_WORKBENCH_PANEL_HEIGHT_IN_PX, DIAGRAM_LANGUAGES, DashboardHero, type RootProps$2 as DashboardHeroProps, DateInput, DatePicker, type DateRange, DateRangeInput, DateRangePicker, type DateRangePreset, DiagramSkeleton, type DiffChunk, type DiffInformation, type DiffRow, DiffType, DiffView, DotsLoader, DropdownMenu, EmptyConfigurationActionCard, EmptySearchContent, EmptyState, type RootProps$3 as EmptyStateProps, type Variant$1 as EmptyStateVariant, ErrorState, type RootProps$4 as ErrorStateProps, type Variant$2 as ErrorStateVariant, ExportMenu, ExportMenuItem, FileUpload, type FileUploadAccept, type FileUploadRejection, type FileUploadRejectionCode, FormGroup, FullScreenModal, FullScreenModalBody, FullScreenModalHeader, GoogleButton, HelpBlock, HoverCard, InlineStepDetail, type Props$1 as InlineStepDetailProps, InlineStepLabel, type Props$2 as InlineStepLabelProps, type Variant$3 as InlineStepLabelVariant, InputGroup, Kbd, Label, type LineInformation, Link, MIN_WORKBENCH_PANEL_HEIGHT_IN_PX, Markdown, MarkdownTable, MarkedText, type MergeConflict, MessageBubble, MicrosoftButton, Modal, MultiActionButtonGroup, MultiCombobox, MultiComboboxField, Navbar, NumberInput, OtpInput, type RootProps$5 as OtpInputProps, type OtpInputRenderSlotProps, PageHeader, PageLayout, PageToolbar, Pagination, PaneHeader, type PanelImperativeHandle, PanelWithDetails, PasswordInput, PlanApproval, type PlanApprovalProps, type PlanApprovalStatus, PlanRewritingIndicator, type PlanRewritingIndicatorProps, Popconfirm, Popover, Progress, type PromptCommand, PromptInput, Props$3 as Props, Question, type QuestionAnswers, QuestionBlock, type Props$4 as QuestionBlockProps, type QuestionOption, type Props$5 as QuestionProps, type QuestionStep, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS, RadioGroup, type RadiusSize, ResizableHandle, ResizablePanel, ResizablePanelGroup, ResolvedColorScheme, ScrollArea, ScrollBar, Search, SearchForm, SearchInput, SearchInputWithNavigation, SectionNav, type SectionNavGroup, type SectionNavItem, type SectionNavItemRenderProps, Select, SelectItem, SelectItemGroup, SelectProps, Separator, type ServerFieldError, Sheet, type SideInformation, Sidebar, type SidebarMode, SidebarProvider, type SidebarSide, type SidebarSlot, Skeleton, SkeletonList, Slider, Slot, SplitButton, SpotlightBackdrop, SpotlightTarget, StatCard, StatCardGrid, type Props$6 as StatCardGridProps, type RootProps$6 as StatCardProps, type TrendDirection as StatCardTrendDirection, type TrendProps as StatCardTrendProps, type StepStatus, Stepper, type StepperOrientation, SuggestedPrompt, Switch, Table, type TableSortDirection, Tabs, TabsContent, TargetRect, TextInput, Textarea, Theme, ThemeProvider, ThemeScope, ThinkingIndicator, type ThinkingIndicatorProps, ThumbTooltipFn, TimeInput, TimePicker, Timeline, type ToastOptions, Toaster, Toggle, ToggleGroup, Tokens, ToolCallApproval, type ToolCallApprovalProps, type ToolCallApprovalStatus, ToolCallChip, type ToolCallChipProps, type ToolCallState, type ToolCallStatus, ToolCallStatusHeader, type Props$7 as ToolCallStatusHeaderProps, Tooltip, type Props$8 as TooltipProps, TooltipProvider, type Trigger, Truncated, UsageStats, UsageStatsRing, UseAutosizeInputOptions, UseAutosizeInputReturn, type ValidityState, type WordInformation, Workbench, type WorkbenchState, ZoomableSvg, appShellSlotSelector, argoVariants, brandSchema, channelsToHex, clampPercentage, cn, computeDiffRows, computeLineInformation, contrastRatio, copyToClipboard, defaultFilter, exampleCustomer, filterByWords, findLiteralMatches, formatPercentage, hasLiteralMatch, hexToChannels, isMac, kbdVariants, keboola, keboolaLegacySidebar, keboolaLegacyTopnav, keys, matchByWords, mergeRefs, namedLabel, setServerFieldErrors, setSubmitError, svgToPngBlob, tableAriaSort, toSvgFileContent, toast, useAppForm, useArgoDesign, useAutosizeInput, useCommandState, useDefaultLayout, useFileDropTarget, useFileUploadRejections, useMergeDiff, useNotification, useOptionalSidebar, useScrollbarPosition, useSidebar, useStableCallback, useTargetRect, useTheme, useThemeScopeContainer, useWorkbench, wcagLevel, withBlankValues, withForm };
+export { Alert, AlertModal, AnswerActions, AnswerSummary, type AnswerItem as AnswerSummaryItem, type Props as AnswerSummaryProps, type Variant as AnswerSummaryVariant, AnswerVote, AppShell, type AppShellHeaderSpan, type AppShellSlot, ArgoDesignContext, AuthLayout, type RootProps as AuthLayoutProps, AutoSaveTextarea, Avatar, Badge, type Brand, BrandEditor, type BrandEditorProps, BrandId, BrandLogo, Breadcrumb, Button, ButtonGroup, ButtonInline, Calendar, type CalendarProps, Card, type ChangeClassification, ChartPanel, type RootProps$1 as ChartPanelProps, ChatInlineIcon, Checkbox, ChipEditor, type Props$1 as ChipEditorProps, Clipboard, ClipboardButton, ClipboardInline, Collapsible, CollapsiblePanel, CollapsibleStepHeader, ColorInput, ColorModeSwitch, ColorScheme, type ColorSlot, Combobox, Command, CommandGroup, CommandInput, CommandItem, CommandList, ConflictStatusIndicator, CopyField, DEFAULT_COLOR_SCHEME, DEFAULT_FALLBACK_FONT, DEFAULT_FONT_OPTIONS, DEFAULT_BRAND_ID as DEFAULT_KEBOOLA_BRAND_ID, DEFAULT_WORKBENCH_BAR_HEIGHT_IN_REM, DEFAULT_WORKBENCH_PANEL_HEIGHT_IN_PX, DIAGRAM_LANGUAGES, DashboardHero, type RootProps$2 as DashboardHeroProps, DateInput, DatePicker, type DateRange, DateRangeInput, DateRangePicker, type DateRangePreset, DiagramSkeleton, type DiffChunk, type DiffInformation, type DiffRow, DiffType, DiffView, DotsLoader, DropdownMenu, EmptyConfigurationActionCard, EmptySearchContent, EmptyState, type RootProps$3 as EmptyStateProps, type Variant$1 as EmptyStateVariant, ErrorState, type RootProps$4 as ErrorStateProps, type Variant$2 as ErrorStateVariant, ExportMenu, ExportMenuItem, FileUpload, type FileUploadAccept, type FileUploadRejection, type FileUploadRejectionCode, FormGroup, FullScreenModal, FullScreenModalBody, FullScreenModalHeader, GoogleButton, HINT_UNDERLINE_CLASS_NAME, HelpBlock, HoverCard, InlineStepDetail, type Props$2 as InlineStepDetailProps, InlineStepGroup, type Props$3 as InlineStepGroupProps, InlineStepLabel, type Props$4 as InlineStepLabelProps, type Variant$3 as InlineStepLabelVariant, InputGroup, Kbd, Label, type LineInformation, Link, MIN_WORKBENCH_PANEL_HEIGHT_IN_PX, Markdown, MarkdownTable, MarkedText, type MergeConflict, MessageBubble, MicrosoftButton, Modal, MultiActionButtonGroup, MultiCombobox, MultiComboboxField, Navbar, NumberInput, OtpInput, type RootProps$5 as OtpInputProps, type OtpInputRenderSlotProps, PageHeader, PageLayout, PageToolbar, Pagination, PaneHeader, type PanelImperativeHandle, PanelWithDetails, PasswordInput, PlanApproval, type PlanApprovalProps, type PlanApprovalStatus, PlanRewritingIndicator, type PlanRewritingIndicatorProps, Popconfirm, Popover, Progress, type PromptCommand, PromptInput, Props$5 as Props, Question, type QuestionAnswers, QuestionBlock, type Props$6 as QuestionBlockProps, type QuestionOption, type Props$7 as QuestionProps, type QuestionStep, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS, RadioGroup, type RadiusSize, ResizableHandle, ResizablePanel, ResizablePanelGroup, ResolvedColorScheme, ScrollArea, ScrollBar, Search, SearchForm, SearchInput, SearchInputWithNavigation, SectionNav, type SectionNavGroup, type SectionNavItem, type SectionNavItemRenderProps, Select, SelectItem, SelectItemGroup, SelectProps, Separator, type ServerFieldError, Sheet, type SideInformation, Sidebar, type SidebarMode, SidebarProvider, type SidebarSide, type SidebarSlot, Skeleton, SkeletonList, Slider, Slot, SplitButton, SpotlightBackdrop, SpotlightTarget, StatCard, StatCardGrid, type Props$8 as StatCardGridProps, type RootProps$6 as StatCardProps, type TrendDirection as StatCardTrendDirection, type TrendProps as StatCardTrendProps, StatusDot, type StepStatus, Stepper, type StepperOrientation, SuggestedPrompt, Switch, Table, type TableSortDirection, Tabs, TabsContent, TargetRect, TextInput, Textarea, Theme, ThemeProvider, ThemeScope, ThinkingIndicator, type ThinkingIndicatorProps, ThumbTooltipFn, TimeInput, TimePicker, Timeline, type ToastOptions, Toaster, Toggle, ToggleGroup, Tokens, ToolCallApproval, type ToolCallApprovalProps, type ToolCallApprovalStatus, ToolCallChip, type ToolCallChipProps, type ToolCallState, type ToolCallStatus, ToolCallStatusHeader, type Props$9 as ToolCallStatusHeaderProps, Tooltip, type Props$10 as TooltipProps, TooltipProvider, type Trigger, Truncated, UsageBar, UsageStats, UsageStatsRing, UseAutosizeInputOptions, UseAutosizeInputReturn, type ValidityState, type WordInformation, Workbench, type WorkbenchState, ZoomableSvg, appShellSlotSelector, argoVariants, brandSchema, channelsToHex, clampPercentage, cn, computeDiffRows, computeLineInformation, contrastRatio, copyToClipboard, defaultFilter, exampleCustomer, filterByWords, findLiteralMatches, formatPercentage, getChatInlineIconName, hasLiteralMatch, hexToChannels, isMac, kbdVariants, keboola, keboolaLegacySidebar, keboolaLegacyTopnav, keys, matchByWords, mergeRefs, namedLabel, setServerFieldErrors, setSubmitError, statusDotVariants, svgToPngBlob, tableAriaSort, toSvgFileContent, toast, useAppForm, useArgoDesign, useAutosizeInput, useCommandState, useDefaultLayout, useFileDropTarget, useFileUploadRejections, useMergeDiff, useNotification, useOptionalSidebar, useScrollbarPosition, useSidebar, useStableCallback, useTargetRect, useTheme, useThemeScopeContainer, useWorkbench, wcagLevel, withBlankValues, withForm };
 //# sourceMappingURL=index.d.ts.map