@keboola/design 6.1.0 → 6.3.0

package/dist/index.d.cts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import { ComponentProps, Ref, ElementRef, ReactNode, PropsWithChildren, MouseEvent as MouseEvent$1, HTMLAttributes, RefObject, MouseEventHandler, ComponentPropsWithRef, ChangeEvent, FocusEvent as FocusEvent$1, InputHTMLAttributes, KeyboardEvent as KeyboardEvent$1, ComponentPropsWithoutRef, CSSProperties, TransitionEventHandler, MutableRefObject, RefCallback } from 'react';
+import { ComponentProps, Ref, ElementRef, ReactNode, PropsWithChildren, ComponentPropsWithRef, MouseEvent as MouseEvent$1, HTMLAttributes, RefObject, MouseEventHandler, ChangeEvent, FocusEvent as FocusEvent$1, InputHTMLAttributes, KeyboardEvent as KeyboardEvent$1, ComponentPropsWithoutRef, CSSProperties, TransitionEventHandler, MutableRefObject, RefCallback } from 'react';
 import * as class_variance_authority from 'class-variance-authority';
 import { VariantProps } from 'class-variance-authority';
 import * as class_variance_authority_types from 'class-variance-authority/types';
@@ -24,7 +24,7 @@ export { defaultFilter, useCommandState } from 'cmdk';
 import * as react_textarea_autosize from 'react-textarea-autosize';
 import react_textarea_autosize__default from 'react-textarea-autosize';
 import { Matcher, DateRange as DateRange$1, PropsBase, PropsSingle, PropsRange } from 'react-day-picker';
-import { LabelProps } from '@radix-ui/react-label';
+import { LabelProps as LabelProps$1 } from '@radix-ui/react-label';
 import * as _radix_ui_react_switch from '@radix-ui/react-switch';
 import { Root as Root$6 } from '@radix-ui/react-switch';
 import * as RRadioGroup from '@radix-ui/react-radio-group';
@@ -56,7 +56,7 @@ import { AnyFormApi } from '@tanstack/react-form';
 import { ClassValue } from 'clsx';
 export { Slot } from '@radix-ui/react-slot';
 
-declare const variants$3: (props?: ({
+declare const variants$4: (props?: ({
     block?: boolean | null | undefined;
     variant?: "primary" | "secondary" | "inline" | "danger" | "invisible" | "outline" | null | undefined;
     size?: "medium" | "small" | "large" | "icon-lg" | "icon" | "icon-sm" | "icon-xs" | "icon-2xs" | "icon-3xs" | null | undefined;
@@ -74,12 +74,12 @@ 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$1U = {
+type Props$1W = {
     /** 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. */
     asChild?: boolean;
-} & ComponentProps<'button'> & VariantProps<typeof variants$3>;
+} & ComponentProps<'button'> & VariantProps<typeof variants$4>;
 /**
  * Primary action surface for the design system — covers all clickable controls except inline text links.
  *
@@ -93,7 +93,7 @@ type Props$1U = {
  * @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$1U & {
+declare const Button: ({ ref, children, disabled, className, type, isLoading, asChild, onClick, variant, size, block, ...buttonProps }: Props$1W & {
     ref?: Ref<ElementRef<"button">>;
 }) => react_jsx_runtime.JSX.Element;
 
@@ -101,10 +101,10 @@ declare const buttonInlineVariants: (props?: ({
     color?: "dark" | "muted" | "link" | "danger" | "custom" | null | undefined;
     variant?: "link" | "custom" | "link-reverse" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type Props$1T = ComponentProps<'button'> & VariantProps<typeof buttonInlineVariants> & {
+type Props$1V = ComponentProps<'button'> & VariantProps<typeof buttonInlineVariants> & {
     asChild?: boolean;
 };
-declare const ButtonInline: ({ ref, children, className, variant, color, type, asChild, ...buttonProps }: Props$1T & {
+declare const ButtonInline: ({ ref, children, className, variant, color, type, asChild, ...buttonProps }: Props$1V & {
     ref?: Ref<ElementRef<"button">>;
 }) => react_jsx_runtime.JSX.Element;
 
@@ -112,18 +112,18 @@ declare const buttonGroupVariant: (props?: ({
     variant?: "inline" | "block" | null | undefined;
     space?: "medium" | "small" | "large" | "extra-small" | "little-small" | "compact" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type Props$1S = {
+type Props$1U = {
     children: ReactNode;
     className?: string;
 } & VariantProps<typeof buttonGroupVariant> & ComponentProps<'div'>;
-declare const ButtonGroup: ({ ref, children, space, className, variant, ...rest }: Props$1S & {
+declare const ButtonGroup: ({ ref, children, space, className, variant, ...rest }: Props$1U & {
     ref?: Ref<ElementRef<"div">>;
 }) => react_jsx_runtime.JSX.Element;
 
 type Variant$8 = 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$1R = {
+type Props$1T = {
     actions?: ReactNode;
     isActionsOpen?: boolean;
     onActionsOpenChange?: (open: boolean) => void;
@@ -132,7 +132,7 @@ type Props$1R = {
     variant?: Exclude<Variant$8, 'inline' | 'invisible'>;
     size?: SpitButtonSize;
 } & Omit<ComponentProps<typeof Button>, 'variant' | 'size' | 'icon'>;
-declare const SplitButton: (({ ref, disabled, actions, variant, size, isActionsOpen, onActionsOpenChange, icon, children, ...rest }: Props$1R & {
+declare const SplitButton: (({ ref, disabled, actions, variant, size, isActionsOpen, onActionsOpenChange, icon, children, ...rest }: Props$1T & {
     ref?: Ref<ElementRef<"button">>;
 }) => react_jsx_runtime.JSX.Element) & {
     Action: ({ ref, className, asModalTrigger, onSelect, onPointerLeave, onPointerMove, children, asChild, icon, iconClassName, isLoading, ...props }: (_radix_ui_react_dropdown_menu.DropdownMenuItemProps & react.RefAttributes<HTMLDivElement> & {
@@ -146,11 +146,11 @@ declare const SplitButton: (({ ref, disabled, actions, variant, size, isActionsO
     Actions: react.ForwardRefExoticComponent<_radix_ui_react_dropdown_menu.DropdownMenuGroupProps & react.RefAttributes<HTMLDivElement>>;
 };
 
-type Props$1Q = {
+type Props$1S = {
     className?: string;
 } & PropsWithChildren;
 declare const MultiActionButtonGroup: {
-    ({ children, className }: Props$1Q): react_jsx_runtime.JSX.Element;
+    ({ children, className }: Props$1S): react_jsx_runtime.JSX.Element;
     Button: ({ disabled, icon, isLoading, label, onClick, tooltipContent, tooltipVariant, "data-testid": dataTestId, }: {
         disabled?: boolean;
         icon: react.ReactNode;
@@ -168,20 +168,20 @@ declare const toggleVariants: (props?: ({
     size?: "medium" | "small" | "large" | null | undefined;
     iconOnly?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type Props$1P = {
+type Props$1R = {
     icon?: ReactNode;
     badge?: ReactNode;
 } & ComponentProps<typeof Root> & Omit<VariantProps<typeof toggleVariants>, 'iconOnly'>;
-declare const Toggle: ({ ref, className, variant, size, children, icon, badge, disabled, ...props }: Props$1P & {
+declare const Toggle: ({ ref, className, variant, size, children, icon, badge, disabled, ...props }: Props$1R & {
     ref?: Ref<ElementRef<"button">>;
 }) => react_jsx_runtime.JSX.Element;
 
 declare const rootVariants: (props?: ({
     size?: "medium" | "small" | "large" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type RootProps$5 = ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof rootVariants>;
+type RootProps$8 = ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof rootVariants>;
 type ItemProps = ComponentProps<typeof ToggleGroupPrimitive.Item>;
-declare const ToggleGroup: (({ ref, className, size, ...props }: RootProps$5 & {
+declare const ToggleGroup: (({ ref, className, size, ...props }: RootProps$8 & {
     ref?: Ref<ElementRef<"div">>;
 }) => react_jsx_runtime.JSX.Element) & {
     /** Individual segment inside a `ToggleGroup`. `value` is required and must be unique within the group. */
@@ -193,11 +193,11 @@ declare const ToggleGroup: (({ ref, className, size, ...props }: RootProps$5 & {
 declare const tooltipVariants: (props?: ({
     variant?: "action" | "explanatory" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type Props$1O = {
+type Props$1Q = {
     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$1O) => react_jsx_runtime.JSX.Element;
+declare const TooltipContent: ({ className, variant, keepOpenOnPointerDownOutside, children, onPointerDownOutside, sideOffset, collisionPadding, hideWhenDetached, placement, ...rest }: Props$1Q) => react_jsx_runtime.JSX.Element;
 
 type TriggerProps$1 = {
     triggerAsChild?: boolean;
@@ -206,7 +206,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$1N = {
+type Props$1P = {
     /** 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). */
@@ -236,7 +236,7 @@ declare const TooltipProvider: react.FC<_radix_ui_react_tooltip.TooltipProviderP
  * @see RECIPES.md#disabled-button-tooltip — for the disabled-button + tooltip pattern
  */
 declare const Tooltip: {
-    ({ tooltip, children, className, keepOpenOnTriggerClick, variant, placement, forceHide, forceShow, triggerAsChild, }: Props$1N): react_jsx_runtime.JSX.Element;
+    ({ tooltip, children, className, keepOpenOnTriggerClick, variant, placement, forceHide, forceShow, triggerAsChild, }: Props$1P): react_jsx_runtime.JSX.Element;
     Root: ({ children, delayDuration, ...rest }: _radix_ui_react_tooltip.TooltipProps) => react_jsx_runtime.JSX.Element;
     Content: ({ className, variant, keepOpenOnPointerDownOutside, children, onPointerDownOutside, sideOffset, collisionPadding, hideWhenDetached, placement, ...rest }: {
         keepOpenOnPointerDownOutside?: boolean;
@@ -251,30 +251,30 @@ declare const Tooltip: {
     }) => react_jsx_runtime.JSX.Element;
 };
 
-type Props$1M = {
-    tooltip?: Props$1N['tooltip'];
-    tooltipPlacement?: Props$1N['placement'];
-    tooltipVariant?: Props$1N['variant'];
-    asChild?: Props$1N['triggerAsChild'];
+type Props$1O = {
+    tooltip?: Props$1P['tooltip'];
+    tooltipPlacement?: Props$1P['placement'];
+    tooltipVariant?: Props$1P['variant'];
+    asChild?: Props$1P['triggerAsChild'];
     text?: string | (() => string);
 } & ComponentProps<'button'>;
-declare const Clipboard: ({ ref, text: textProp, children, tooltip, tooltipPlacement, tooltipVariant: tooltipVariantProp, asChild, onClick, className, ...restButtonProps }: Props$1M & {
+declare const Clipboard: ({ ref, text: textProp, children, tooltip, tooltipPlacement, tooltipVariant: tooltipVariantProp, asChild, onClick, className, ...restButtonProps }: Props$1O & {
     ref?: Ref<ElementRef<"button">>;
 }) => react_jsx_runtime.JSX.Element;
 
 type ClipboardProps$1 = Pick<ComponentProps<typeof Clipboard>, 'text' | 'tooltip' | 'tooltipPlacement' | 'tooltipVariant'>;
 type ButtonProps$2 = Omit<ComponentProps<typeof Button>, 'disabled' | 'icon'>;
-type Props$1L = ClipboardProps$1 & ButtonProps$2 & {
+type Props$1N = ClipboardProps$1 & ButtonProps$2 & {
     icon?: ReactNode;
 };
-declare const ClipboardButton: ({ text, tooltip, tooltipPlacement, tooltipVariant, icon, variant, children, ...rest }: Props$1L) => react_jsx_runtime.JSX.Element;
+declare const ClipboardButton: ({ text, tooltip, tooltipPlacement, tooltipVariant, icon, variant, children, ...rest }: Props$1N) => react_jsx_runtime.JSX.Element;
 
 type ClipboardProps = Pick<ComponentProps<typeof Clipboard>, 'text' | 'tooltip' | 'tooltipPlacement' | 'tooltipVariant'>;
 type ButtonProps$1 = Omit<ComponentProps<typeof ButtonInline>, 'disabled'>;
-type Props$1K = {
+type Props$1M = {
     hideIcon?: boolean;
 } & ClipboardProps & ButtonProps$1;
-declare const ClipboardInline: ({ text, tooltip, tooltipPlacement, tooltipVariant, children, hideIcon, ...rest }: Props$1K) => react_jsx_runtime.JSX.Element;
+declare const ClipboardInline: ({ text, tooltip, tooltipPlacement, tooltipVariant, children, hideIcon, ...rest }: Props$1M) => react_jsx_runtime.JSX.Element;
 
 /**
  * Compound component for readonly value/command boxes with inline copy.
@@ -379,8 +379,25 @@ declare const CopyField: {
     }) => react_jsx_runtime.JSX.Element | null;
 };
 
-type Props$1J = ComponentProps<'a'>;
-declare const Link: ({ ref, children, target, rel, onClick, className, ...rest }: Props$1J & {
+declare const LABELS: {
+    readonly signin: "Sign in with Google";
+    readonly signup: "Sign up with Google";
+    readonly continue: "Continue with Google";
+    readonly 'signin-short': "Sign in";
+};
+declare const variants$3: (props?: ({
+    variant?: "default" | "neutral" | null | undefined;
+    shape?: "circle" | "rectangular" | null | undefined;
+    size?: "icon" | "default" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type Props$1L = ComponentPropsWithRef<'button'> & VariantProps<typeof variants$3> & {
+    label?: keyof typeof LABELS;
+    isLoading?: boolean;
+};
+declare const GoogleButton: ({ ref, variant, shape, size, label, isLoading, disabled, type, className, children, style, ...buttonProps }: Props$1L) => react_jsx_runtime.JSX.Element;
+
+type Props$1K = ComponentProps<'a'>;
+declare const Link: ({ ref, children, target, rel, onClick, className, ...rest }: Props$1K & {
     ref?: Ref<ElementRef<"a">>;
 }) => react_jsx_runtime.JSX.Element;
 
@@ -392,13 +409,13 @@ type AlertModalVariant = 'info' | 'warning' | 'danger' | 'success';
 
 type ConfirmHandler = (event: MouseEvent$1<HTMLButtonElement>) => void | Promise<unknown>;
 type CancelHandler = (event: MouseEvent$1<HTMLButtonElement>) => void;
-type Props$1I = {
+type Props$1J = {
     onConfirm?: ConfirmHandler;
     onCancel?: CancelHandler;
     skipAsyncWait?: boolean;
 } & ComponentProps<typeof Root$1>;
 declare const AlertModal: {
-    ({ children, onConfirm, onCancel, skipAsyncWait, open, defaultOpen, onOpenChange, ...rest }: Props$1I): react_jsx_runtime.JSX.Element;
+    ({ children, onConfirm, onCancel, skipAsyncWait, open, defaultOpen, onOpenChange, ...rest }: Props$1J): react_jsx_runtime.JSX.Element;
     Trigger: ({ ref, onClick, onKeyDown, ...props }: _radix_ui_react_alert_dialog.AlertDialogTriggerProps & react.RefAttributes<HTMLButtonElement>) => react_jsx_runtime.JSX.Element;
     Content: ({ variant, icon, title, cancelLabel, confirmLabel: actionLabel, container, className, children, onEscapeKeyDown, ...props }: {
         variant?: AlertModalVariant;
@@ -410,7 +427,7 @@ declare const AlertModal: {
     } & Omit<_radix_ui_react_alert_dialog.AlertDialogContentProps & react.RefAttributes<HTMLDivElement>, "title">) => react_jsx_runtime.JSX.Element;
 };
 
-type Props$1H = ComponentProps<typeof Root$2>;
+type Props$1I = ComponentProps<typeof Root$2>;
 /**
  * Blocking dialog for confirmations, forms, and detail views. Built on Radix Dialog.
  *
@@ -426,7 +443,7 @@ type Props$1H = ComponentProps<typeof Root$2>;
  * @see RECIPES.md#confirm-dialog — for destructive-confirm dialogs
  */
 declare const Modal: {
-    (props: Props$1H): react_jsx_runtime.JSX.Element;
+    (props: Props$1I): react_jsx_runtime.JSX.Element;
     Close: react.ForwardRefExoticComponent<_radix_ui_react_dialog.DialogCloseProps & react.RefAttributes<HTMLButtonElement>>;
     Trigger: react.ForwardRefExoticComponent<_radix_ui_react_dialog.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>>;
     Content: ({ size, className, children, onEscapeKeyDown, ...props }: _radix_ui_react_dialog.DialogContentProps & react.RefAttributes<HTMLDivElement> & {
@@ -436,7 +453,7 @@ declare const Modal: {
         as?: "form";
     }) => react_jsx_runtime.JSX.Element;
     Icon: ({ color, icon }: {
-        color: ("orange" | "blue" | "red" | "green" | "gray" | "violet") | (string & {});
+        color: ("blue" | "gray" | "green" | "orange" | "red" | "violet") | (string & {});
         icon: react.ReactNode;
     }) => react_jsx_runtime.JSX.Element;
     Image: ({ src, alt }: {
@@ -479,7 +496,7 @@ declare const FullScreenModal: (({ children, className, lockBodyScroll, onEscape
     }) => react_jsx_runtime.JSX.Element;
 };
 
-type Props$1G = PropsWithChildren<Omit<HTMLAttributes<HTMLDivElement>, 'title'> & {
+type Props$1H = PropsWithChildren<Omit<HTMLAttributes<HTMLDivElement>, 'title'> & {
     title: ReactNode;
     titleClassName?: string;
     titleWrapperClassName?: string;
@@ -488,16 +505,16 @@ type Props$1G = PropsWithChildren<Omit<HTMLAttributes<HTMLDivElement>, 'title'>
     onClose?: () => void;
     showPreviousTitle?: boolean;
 }>;
-declare const FullScreenModalHeader: ({ title, titleClassName, titleWrapperClassName, defaultTitleStyles, isTitleWithIcon, children, onClose, className, showPreviousTitle, ...props }: Props$1G) => react_jsx_runtime.JSX.Element;
+declare const FullScreenModalHeader: ({ title, titleClassName, titleWrapperClassName, defaultTitleStyles, isTitleWithIcon, children, onClose, className, showPreviousTitle, ...props }: Props$1H) => react_jsx_runtime.JSX.Element;
 
-type Props$1F = HTMLAttributes<HTMLDivElement>;
-declare const FullScreenModalBody: ({ ref, className, children, ...props }: Props$1F & {
+type Props$1G = HTMLAttributes<HTMLDivElement>;
+declare const FullScreenModalBody: ({ ref, className, children, ...props }: Props$1G & {
     ref?: Ref<HTMLDivElement>;
 }) => react_jsx_runtime.JSX.Element;
 
-type Props$1E = ComponentProps<typeof Root$2>;
+type Props$1F = ComponentProps<typeof Root$2>;
 declare const Sheet: {
-    (props: Props$1E): react_jsx_runtime.JSX.Element;
+    (props: Props$1F): react_jsx_runtime.JSX.Element;
     Close: react.ForwardRefExoticComponent<_radix_ui_react_dialog.DialogCloseProps & react.RefAttributes<HTMLButtonElement>>;
     Trigger: react.ForwardRefExoticComponent<_radix_ui_react_dialog.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>>;
     Content: ({ className, children, side, disableTransition, hideOverlay, keepOpenOnPointerDownOutside, onPointerDownOutside, onInteractOutside, container, ...props }: _radix_ui_react_dialog.DialogContentProps & react.RefAttributes<HTMLDivElement> & {
@@ -520,9 +537,9 @@ declare const Sheet: {
     Body: ({ className, ...rest }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => react_jsx_runtime.JSX.Element;
 };
 
-type Props$1D = ComponentProps<typeof Root$3>;
+type Props$1E = ComponentProps<typeof Root$3>;
 declare const Popover: {
-    (props: Props$1D): react_jsx_runtime.JSX.Element;
+    (props: Props$1E): react_jsx_runtime.JSX.Element;
     /**
      * Main Layout
      */
@@ -544,12 +561,12 @@ type PopconfirmContextType = {
     isLoading: boolean;
 };
 
-type Props$1C = {
+type Props$1D = {
     children: ReactNode;
     skipAsyncWait?: boolean;
 } & ComponentProps<typeof Popover> & Omit<Partial<PopconfirmContextType>, 'isLoading'>;
 declare const Popconfirm: {
-    ({ children, onConfirm, onCancel, variant, enabled, onOpenChange, open, skipAsyncWait, ...rest }: Props$1C): react_jsx_runtime.JSX.Element;
+    ({ children, onConfirm, onCancel, variant, enabled, onOpenChange, open, skipAsyncWait, ...rest }: Props$1D): react_jsx_runtime.JSX.Element;
     Confirm: ({ ref, onClick, children, asChild, className, ...props }: (({
         asChild: true;
     } & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement>) | ({
@@ -902,18 +919,18 @@ declare const Popconfirm: {
     Trigger: ({ onClick, ...props }: _radix_ui_react_popover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>) => react_jsx_runtime.JSX.Element;
 };
 
-type Props$1B = ComponentProps<typeof Root$4>;
+type Props$1C = ComponentProps<typeof Root$4>;
 declare const HoverCard: {
-    ({ openDelay, closeDelay, ...rest }: Props$1B): react_jsx_runtime.JSX.Element;
+    ({ openDelay, closeDelay, ...rest }: Props$1C): react_jsx_runtime.JSX.Element;
     Content: ({ ref, className, align, sideOffset, children, ...props }: Omit<_radix_ui_react_hover_card.HoverCardContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
         ref?: react.Ref<react.ElementRef<react.ForwardRefExoticComponent<_radix_ui_react_hover_card.HoverCardContentProps & react.RefAttributes<HTMLDivElement>>>>;
     }) => react_jsx_runtime.JSX.Element;
     Trigger: react.ForwardRefExoticComponent<_radix_ui_react_hover_card.HoverCardTriggerProps & react.RefAttributes<HTMLAnchorElement>>;
 };
 
-type Props$1A = ComponentProps<typeof Root$5>;
+type Props$1B = ComponentProps<typeof Root$5>;
 declare const DropdownMenu: {
-    ({ modal, ...props }: Props$1A): react_jsx_runtime.JSX.Element;
+    ({ modal, ...props }: Props$1B): react_jsx_runtime.JSX.Element;
     /**
      * Main Layout
      */
@@ -969,14 +986,14 @@ declare const DropdownMenu: {
     }) => react_jsx_runtime.JSX.Element;
 };
 
-type Props$1z = {
+type Props$1A = {
     variant?: 'checkbox' | 'radio' | 'default';
 };
-declare const CheckIndicator: ({ variant }: Props$1z) => react_jsx_runtime.JSX.Element | null;
+declare const CheckIndicator: ({ variant }: Props$1A) => react_jsx_runtime.JSX.Element | null;
 
-type Props$1y = ComponentProps<typeof Command$1>;
+type Props$1z = ComponentProps<typeof Command$1>;
 declare const Command: {
-    ({ className, ...rest }: Props$1y): react_jsx_runtime.JSX.Element;
+    ({ className, ...rest }: Props$1z): react_jsx_runtime.JSX.Element;
     Content: ({ className, ...rest }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => react_jsx_runtime.JSX.Element;
     Separator: ({ className, ...props }: Pick<Pick<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof react.HTMLAttributes<HTMLDivElement>> & {
         ref?: React.Ref<HTMLDivElement>;
@@ -1370,27 +1387,27 @@ declare const Command: {
 };
 
 declare const addonVariants$1: (props?: ({
-    align?: "inline-start" | "inline-end" | "block-start" | "block-end" | null | undefined;
+    align?: "inline-end" | "inline-start" | "block-end" | "block-start" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type Props$1x = ComponentProps<'div'> & VariantProps<typeof addonVariants$1>;
-declare const InputGroupAddon: ({ children, align, className, ...props }: Props$1x) => react_jsx_runtime.JSX.Element;
+type Props$1y = ComponentProps<'div'> & VariantProps<typeof addonVariants$1>;
+declare const InputGroupAddon: ({ children, align, className, ...props }: Props$1y) => react_jsx_runtime.JSX.Element;
 
 type ButtonProps = ComponentProps<typeof Button>;
-type Props$1w = Omit<ButtonProps, 'size' | 'block' | 'variant'>;
-declare const InputGroupButton: ({ ref, className, tabIndex, ...props }: Props$1w & {
+type Props$1x = Omit<ButtonProps, 'size' | 'block' | 'variant'>;
+declare const InputGroupButton: ({ ref, className, tabIndex, ...props }: Props$1x & {
     ref?: Ref<ElementRef<"button">>;
 }) => react_jsx_runtime.JSX.Element;
 
-type Props$1v = ComponentProps<'input'>;
-declare const InputGroupInput: ({ ref, className, ...inputProps }: Props$1v & {
+type Props$1w = ComponentProps<'input'>;
+declare const InputGroupInput: ({ ref, className, ...inputProps }: Props$1w & {
     ref?: Ref<ElementRef<"input">>;
 }) => react_jsx_runtime.JSX.Element;
 
-type Props$1u = ComponentProps<'span'>;
-declare const InputGroupText: ({ className, ...props }: Props$1u) => react_jsx_runtime.JSX.Element;
+type Props$1v = ComponentProps<'span'>;
+declare const InputGroupText: ({ className, ...props }: Props$1v) => react_jsx_runtime.JSX.Element;
 
 type TextareaNativeProps$1 = Omit<ComponentProps<typeof react_textarea_autosize__default>, 'value' | 'defaultValue' | 'rows' | 'maxRows'>;
-type Props$1t = TextareaNativeProps$1 & {
+type Props$1u = TextareaNativeProps$1 & {
     value?: string | null;
     defaultValue?: string | null;
     onValueChange?: (value: string) => void;
@@ -1398,7 +1415,7 @@ type Props$1t = TextareaNativeProps$1 & {
     maxRows?: number | 'unlimited';
     disableResize?: boolean;
 };
-declare const InputGroupTextArea: ({ ref, className, onChange, onValueChange, value, defaultValue, onBlur, onValueBlur, disableResize, minRows, maxRows, ...props }: Props$1t & {
+declare const InputGroupTextArea: ({ ref, className, onChange, onValueChange, value, defaultValue, onBlur, onValueBlur, disableResize, minRows, maxRows, ...props }: Props$1u & {
     ref?: Ref<ElementRef<"textarea">>;
 }) => react_jsx_runtime.JSX.Element;
 
@@ -1408,10 +1425,10 @@ declare const inputGroupVariants: (props?: ({
     sizing?: "medium" | "small" | "default" | null | undefined;
     state?: "warning" | "default" | "error" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type Props$1s = ComponentProps<'div'> & Omit<VariantProps<typeof inputGroupVariants>, 'variant'> & {
+type Props$1t = ComponentProps<'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$1s & {
+declare const InputGroupRoot: ({ ref, children, state, variant, sizing, focusVariant, className, ...props }: Props$1t & {
     ref?: Ref<ElementRef<"div">>;
 }) => react_jsx_runtime.JSX.Element;
 declare const InputGroup: typeof InputGroupRoot & {
@@ -1438,7 +1455,7 @@ type OwnProps$1 = {
  * Props for `Input`. Combines `InputGroup` chrome (variant / sizing / state / focusVariant) with
  * input-specific slots (`prefix`, `leftSuffix`, `rightSuffix`, `allowClear`).
  */
-type Props$1r = InputGroupProps$7 & OwnProps$1 & Omit<ComponentProps<'input'>, 'prefix' | 'value' | 'defaultValue'>;
+type Props$1s = InputGroupProps$7 & OwnProps$1 & Omit<ComponentProps<'input'>, 'prefix' | 'value' | 'defaultValue'>;
 /**
  * Low-level text input with `InputGroup` chrome — addons, clear button, sizing, focus variants.
  *
@@ -1448,12 +1465,12 @@ type Props$1r = InputGroupProps$7 & OwnProps$1 & Omit<ComponentProps<'input'>, '
  * `FormGroup.TextInput`; for search use `SearchInput`; for forms with validation use `useAppForm`.
  * **Composition:** wrap in `FormGroup` for shared error state, or render directly as a controlled input.
  */
-declare const Input$1: ({ ref: forwardedRef, state, sizing, className, prefix, rightSuffix, rightSuffixVariant, leftSuffix, allowClear, onClear, disabled, testId: prefixTestId, autoFocus, id, name, variant, readOnly, type, focusVariant, onChange, onBlur, value, defaultValue, ...inputProps }: Props$1r & {
+declare const Input$1: ({ ref: forwardedRef, state, sizing, className, prefix, rightSuffix, rightSuffixVariant, leftSuffix, allowClear, onClear, disabled, testId: prefixTestId, autoFocus, id, name, variant, readOnly, type, focusVariant, onChange, onBlur, value, defaultValue, ...inputProps }: Props$1s & {
     ref?: Ref<ElementRef<"input">>;
 }) => react_jsx_runtime.JSX.Element;
 
 type InputProps$1 = ComponentProps<typeof Input$1>;
-type Props$1q = Omit<InputProps$1, 'type' | 'value' | 'defaultValue'> & {
+type Props$1r = Omit<InputProps$1, 'type' | 'value' | 'defaultValue'> & {
     defaultValue?: Date | null;
     disabledDays?: Matcher | Matcher[];
     endMonth?: Date;
@@ -1462,12 +1479,12 @@ type Props$1q = Omit<InputProps$1, 'type' | 'value' | 'defaultValue'> & {
     startMonth?: Date;
     value?: Date | null;
 };
-declare const DateInput: ({ ref, defaultValue, disabled, disabledDays, endMonth, onBlur, onChange, onValueBlur, onValueChange, placeholder, readOnly, startMonth, value, variant, ...props }: Props$1q & {
+declare const DateInput: ({ ref, defaultValue, disabled, disabledDays, endMonth, onBlur, onChange, onValueBlur, onValueChange, placeholder, readOnly, startMonth, value, variant, ...props }: Props$1r & {
     ref?: Ref<ElementRef<"input">>;
 }) => react_jsx_runtime.JSX.Element;
 
 type InputProps = ComponentProps<typeof Input$1>;
-type Props$1p = Omit<InputProps, 'type' | 'value' | 'defaultValue'> & {
+type Props$1q = Omit<InputProps, 'type' | 'value' | 'defaultValue'> & {
     defaultValue?: DateRange$1 | null;
     endMonth?: Date;
     onValueBlur?: (value: DateRange$1 | null) => void;
@@ -1475,7 +1492,7 @@ type Props$1p = Omit<InputProps, 'type' | 'value' | 'defaultValue'> & {
     startMonth?: Date;
     value?: DateRange$1 | null;
 };
-declare const DateRangeInput: ({ ref, defaultValue, disabled, endMonth, onBlur, onChange, onValueBlur, onValueChange, placeholder, readOnly, startMonth, value, ...props }: Props$1p & {
+declare const DateRangeInput: ({ ref, defaultValue, disabled, endMonth, onBlur, onChange, onValueBlur, onValueChange, placeholder, readOnly, startMonth, value, ...props }: Props$1q & {
     ref?: Ref<ElementRef<"input">>;
 }) => react_jsx_runtime.JSX.Element;
 
@@ -1493,7 +1510,7 @@ type OwnProps = {
  * Props for `TextInput`. Extends `Input` with string-typed `value` / `defaultValue` and convenience
  * `onValueChange` / `onValueBlur` callbacks. `null` / `undefined` are coerced to empty strings.
  */
-type Props$1o = OwnProps & NativeProps;
+type Props$1p = OwnProps & NativeProps;
 /**
  * Standard text input with a string-only API. The default choice for a bare text input.
  *
@@ -1505,42 +1522,42 @@ type Props$1o = OwnProps & NativeProps;
  * 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, value, defaultValue, type, variant, onValueChange, onChange, onValueBlur, onBlur, ...props }: Props$1o & {
+declare const TextInput: ({ ref, value, defaultValue, type, variant, onValueChange, onChange, onValueBlur, onBlur, ...props }: Props$1p & {
     ref?: Ref<ElementRef<"input">>;
 }) => react_jsx_runtime.JSX.Element;
 
-type Props$1n = ComponentProps<typeof TextInput>;
-declare const CommandInput: ({ ref, className, ...props }: Props$1n & {
+type Props$1o = ComponentProps<typeof TextInput>;
+declare const CommandInput: ({ ref, className, ...props }: Props$1o & {
     ref?: Ref<ElementRef<"input">>;
 }) => react_jsx_runtime.JSX.Element;
 
-type Props$1m = ComponentProps<typeof ScrollAreaPrimitive.Root> & {
+type Props$1n = 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$1m & {
+declare const ScrollArea: ({ ref, className, children, viewPortClassName, orientation, scrollBarClassName, ...props }: Props$1n & {
     ref?: Ref<ElementRef<"div">>;
 }) => react_jsx_runtime.JSX.Element;
 
-type Props$1l = ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>;
-declare const ScrollBar: ({ className, orientation, ...props }: Props$1l) => react_jsx_runtime.JSX.Element;
+type Props$1m = ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>;
+declare const ScrollBar: ({ className, orientation, ...props }: Props$1m) => react_jsx_runtime.JSX.Element;
 
-type Props$1k = ComponentProps<typeof Command$1.List> & Pick<ComponentProps<typeof ScrollArea>, 'viewPortClassName'>;
-declare const CommandList: ({ ref, className, children, viewPortClassName, ...props }: Props$1k & {
+type Props$1l = ComponentProps<typeof Command$1.List> & Pick<ComponentProps<typeof ScrollArea>, 'viewPortClassName'>;
+declare const CommandList: ({ ref, className, children, viewPortClassName, ...props }: Props$1l & {
     ref?: Ref<ElementRef<"div">>;
 }) => react_jsx_runtime.JSX.Element;
 
-type Props$1j = ComponentProps<typeof Command$1.Group>;
-declare const CommandGroup: ({ className, ...props }: Props$1j) => react_jsx_runtime.JSX.Element;
+type Props$1k = ComponentProps<typeof Command$1.Group>;
+declare const CommandGroup: ({ className, ...props }: Props$1k) => react_jsx_runtime.JSX.Element;
 
-type Props$1i = ComponentProps<typeof Command$1.Item> & {
+type Props$1j = 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$1i) => react_jsx_runtime.JSX.Element;
+declare const CommandItem: ({ className, icon, children, checked, variant, actions, ...props }: Props$1j) => react_jsx_runtime.JSX.Element;
 
 /** Viewport-relative box of the highlighted target. */
 type TargetRect = {
@@ -1560,7 +1577,7 @@ type SpotlightTarget = string | RefObject<Element | null> | undefined;
  */
 declare const useTargetRect: (target: SpotlightTarget, enabled: boolean) => TargetRect | null;
 
-type Props$1h = {
+type Props$1i = {
     /** 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. */
@@ -1582,7 +1599,7 @@ type Props$1h = {
  * (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$1h) => react_jsx_runtime.JSX.Element;
+declare const SpotlightBackdrop: ({ rect, padding, radius, className, onClick }: Props$1i) => react_jsx_runtime.JSX.Element;
 
 type CalendarProps = Omit<PropsBase, 'required' | 'captionLayout'> & (PropsSingle | PropsRange);
 declare const Calendar: {
@@ -1626,20 +1643,20 @@ declare const DateRangePicker: {
     displayName: string;
 };
 
-type Props$1g = {
+type Props$1h = {
     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$1g) => react_jsx_runtime.JSX.Element;
+declare const TimePicker: ({ align, alignOffset, children, defaultOpen, defaultSelected, onOpenChange, onSelect, open, selected, sideOffset, }: Props$1h) => react_jsx_runtime.JSX.Element;
 
-type Props$1f = {
+type Props$1g = {
     id?: string | number;
     htmlFor?: string | number;
-} & Omit<LabelProps, 'id' | 'htmlFor'>;
+} & Omit<LabelProps$1, 'id' | 'htmlFor'>;
 declare const Label: {
-    ({ className, children, id, htmlFor, ...rest }: Props$1f): react_jsx_runtime.JSX.Element;
+    ({ className, children, id, htmlFor, ...rest }: Props$1g): react_jsx_runtime.JSX.Element;
     Optional: ({ className, ...props }: ComponentPropsWithRef<"span">) => react_jsx_runtime.JSX.Element;
     Required: ({ className, ...props }: ComponentPropsWithRef<"span">) => react_jsx_runtime.JSX.Element;
 };
@@ -1653,21 +1670,21 @@ declare const switchVariants: (props?: ({
     size?: "medium" | "small" | "large" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
-type Props$1e = {
+type Props$1f = {
     id?: string | number;
     children?: ReactNode;
     description?: ReactNode;
     variant?: VariantProps<typeof fieldBoxVariants>['variant'];
     position?: 'start' | 'end';
 } & Omit<ComponentProps<typeof Root$6>, 'asChild' | 'id'> & Omit<VariantProps<typeof switchVariants>, 'variant'>;
-declare const Switch: ({ ref, className, size, disabled, id: idProp, children, description, variant, position, ...props }: Props$1e & {
+declare const Switch: ({ ref, className, size, disabled, id: idProp, children, description, variant, position, ...props }: Props$1f & {
     ref?: Ref<ElementRef<"button">>;
 }) => react_jsx_runtime.JSX.Element;
 
 type Variant$7 = 'radio' | 'button' | 'radio-block';
 type Orientation = 'vertical' | 'horizontal';
 
-type Props$1d<Value> = {
+type Props$1e<Value> = {
     variant?: Variant$7;
     orientation?: Orientation;
     onValueChange?: (value: Value) => void;
@@ -1675,7 +1692,7 @@ type Props$1d<Value> = {
     defaultValue?: Value | null;
 } & Omit<ComponentProps<typeof RRadioGroup.Root>, 'asChild' | 'orientation' | 'onValueChange' | 'onChange' | 'value' | 'defaultValue'>;
 declare const RadioGroup: {
-    <Value extends string = string>({ variant, className, disabled, orientation, onValueChange, children, value, defaultValue, ...props }: Props$1d<Value>): react_jsx_runtime.JSX.Element;
+    <Value extends string = string>({ variant, className, disabled, orientation, onValueChange, children, value, defaultValue, ...props }: Props$1e<Value>): react_jsx_runtime.JSX.Element;
     Item: <T extends string = string>({ children, tooltip, tooltipVariant, tooltipPlacement, description, ...props }: {
         content?: string | undefined | undefined;
         translate?: "yes" | "no" | undefined | undefined;
@@ -1972,34 +1989,34 @@ declare const RadioGroup: {
     } & {
         value: T;
         tooltip?: react.ReactNode;
-        tooltipVariant?: Props$1N["variant"];
-        tooltipPlacement?: Props$1N["placement"];
+        tooltipVariant?: Props$1P["variant"];
+        tooltipPlacement?: Props$1P["placement"];
         description?: react.ReactNode;
     }) => react_jsx_runtime.JSX.Element;
     Separator: () => react_jsx_runtime.JSX.Element;
 };
 
-type Props$1c = ComponentProps<typeof Thumb> & {
+type Props$1d = ComponentProps<typeof Thumb> & {
     tooltip?: ReactNode;
     tooltipSide?: ComponentProps<typeof Tooltip.Content>['placement'];
 };
-declare const SliderThumb: ({ ref: forwardedRef, className, tooltip, tooltipSide, ...props }: Props$1c & {
+declare const SliderThumb: ({ ref: forwardedRef, className, tooltip, tooltipSide, ...props }: Props$1d & {
     ref?: Ref<ElementRef<typeof Thumb>>;
 }) => react_jsx_runtime.JSX.Element;
 
 type ThumbTooltipFn = (value: number, index: number) => ReactNode;
-type Props$1b = ComponentProps<typeof Root$7> & {
+type Props$1c = ComponentProps<typeof Root$7> & {
     thumbTooltip?: ThumbTooltipFn;
     thumbTooltipSide?: ComponentProps<typeof SliderThumb>['tooltipSide'];
     rangeClassName?: string;
 };
-declare const Slider: ({ ref, className, value, defaultValue, min, max, onValueChange, thumbTooltip, thumbTooltipSide, rangeClassName, ...rest }: Props$1b & {
+declare const Slider: ({ ref, className, value, defaultValue, min, max, onValueChange, thumbTooltip, thumbTooltipSide, rangeClassName, ...rest }: Props$1c & {
     ref?: Ref<ElementRef<typeof Root$7>>;
 }) => react_jsx_runtime.JSX.Element;
 
 type SearchChangeEventHandler = (value: string, event: ChangeEvent<HTMLInputElement> | MouseEvent$1<HTMLButtonElement>) => void;
 type SearchBlurEventHandler = (value: string, event: FocusEvent$1<HTMLInputElement, Element>) => void;
-type Props$1a = {
+type Props$1b = {
     suffix?: ReactNode;
     disableDebounce?: boolean;
     debounceDelay?: number;
@@ -2014,14 +2031,14 @@ type Props$1a = {
 /**
  * @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$1a & {
+declare const Search: ({ ref, suffix, className, onBlur, onChange, disabled, readOnly, disableDebounce, debounceDelay, value: externalValue, defaultValue, testId: prefixTestId, placeholder, onClear, variant, ...rest }: Props$1b & {
     ref?: Ref<ElementRef<"input">>;
 }) => react_jsx_runtime.JSX.Element;
 
-type Props$19 = {
+type Props$1a = {
     onSubmit: (value: string) => void;
 } & Omit<ComponentProps<typeof Search>, 'onClear' | 'onBlur' | 'onSubmit'>;
-declare const SearchForm: ({ ref, onSubmit, name, ...props }: Props$19 & {
+declare const SearchForm: ({ ref, onSubmit, name, ...props }: Props$1a & {
     ref?: Ref<ElementRef<"input">>;
 }) => react_jsx_runtime.JSX.Element;
 
@@ -2046,10 +2063,10 @@ declare const variants$2: (props?: ({
     sizing?: "medium" | "small" | "default" | null | undefined;
     state?: "warning" | "default" | "error" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type Props$18 = ComponentProps<typeof _radix_ui_react_select.Trigger> & Omit<VariantProps<typeof variants$2>, 'variant'> & {
+type Props$19 = ComponentProps<typeof _radix_ui_react_select.Trigger> & Omit<VariantProps<typeof variants$2>, 'variant'> & {
     variant?: Exclude<VariantProps<typeof variants$2>['variant'], 'argo'>;
 } & Pick<ComponentProps<typeof _radix_ui_react_select.Value>, 'placeholder'>;
-declare const SelectTrigger: ({ ref, className, variant, state, sizing, placeholder, ...props }: Props$18 & {
+declare const SelectTrigger: ({ ref, className, variant, state, sizing, placeholder, ...props }: Props$19 & {
     ref?: Ref<ElementRef<"button">>;
 }) => react_jsx_runtime.JSX.Element;
 
@@ -2068,7 +2085,7 @@ type TriggerProps = ComponentProps<typeof SelectTrigger>;
  * Props for `Select`. Combines Radix `Select.Root` control props with `Select.Trigger` chrome and the
  * convenience `items` shape (flat list, or grouped lists with optional labels).
  */
-type Props$17 = Pick<SelectRootProps, 'value' | 'defaultValue' | 'onValueChange' | 'disabled' | 'name' | 'required' | 'open' | 'defaultOpen' | 'onOpenChange'> & Pick<TriggerProps, 'variant' | 'state' | 'sizing' | 'placeholder' | 'id' | 'className'> & {
+type Props$18 = Pick<SelectRootProps, 'value' | 'defaultValue' | 'onValueChange' | 'disabled' | 'name' | 'required' | 'open' | 'defaultOpen' | 'onOpenChange'> & Pick<TriggerProps, 'variant' | 'state' | 'sizing' | 'placeholder' | 'id' | 'className'> & {
     items?: readonly (SelectItem | SelectItemGroup)[];
 };
 /**
@@ -2083,7 +2100,7 @@ type Props$17 = Pick<SelectRootProps, 'value' | 'defaultValue' | 'onValueChange'
  * `Select.Item`) for custom item layouts; the top-level `Select` covers the common cases.
  */
 declare const Select: {
-    ({ value, defaultValue, onValueChange, disabled, name, required, open, defaultOpen, onOpenChange, variant, state, sizing, placeholder, id, className, items, }: Props$17): react_jsx_runtime.JSX.Element;
+    ({ value, defaultValue, onValueChange, disabled, name, required, open, defaultOpen, onOpenChange, variant, state, sizing, placeholder, id, className, items, }: Props$18): react_jsx_runtime.JSX.Element;
     Root: (props: SelectRootProps) => react_jsx_runtime.JSX.Element;
     Trigger: ({ ref, className, variant, state, sizing, placeholder, ...props }: (_radix_ui_react_select.SelectTriggerProps & react.RefAttributes<HTMLButtonElement> & Omit<class_variance_authority.VariantProps<(props?: ({
         variant?: "primary" | "secondary" | "argo" | null | undefined;
@@ -2113,51 +2130,51 @@ declare const Select: {
     Separator: ({ className, ...props }: _radix_ui_react_select.SelectSeparatorProps & react.RefAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
 };
 
-type Props$16 = {
+type Props$17 = {
     id?: string | number;
     description?: ReactNode;
     variant?: VariantProps<typeof fieldBoxVariants>['variant'];
     position?: 'start' | 'end';
-    tooltip?: Props$1N['tooltip'];
-    tooltipPlacement?: Props$1N['placement'];
+    tooltip?: Props$1P['tooltip'];
+    tooltipPlacement?: Props$1P['placement'];
 } & Omit<ComponentProps<typeof Root$8>, 'id'>;
-declare function Checkbox(prop: Omit<Props$16, 'checked' | 'onCheckedChange'> & {
+declare function Checkbox(prop: Omit<Props$17, 'checked' | 'onCheckedChange'> & {
     checked?: boolean;
     onCheckedChange?: (checked: boolean) => void;
 }): ReactNode;
-declare function Checkbox(prop: Omit<Props$16, 'checked' | 'onCheckedChange'> & {
+declare function Checkbox(prop: Omit<Props$17, 'checked' | 'onCheckedChange'> & {
     checked?: CheckedState;
     onCheckedChange?: (checked: CheckedState) => void;
 }): ReactNode;
 
 type Variant$6 = 'check' | 'checkbox';
-type Props$15 = Omit<ComponentProps<typeof Combobox$1.ItemIndicator>, 'className' | 'children'> & {
+type Props$16 = Omit<ComponentProps<typeof Combobox$1.ItemIndicator>, 'className' | 'children'> & {
     className?: string;
     variant?: Variant$6;
 };
-declare const ComboboxItemIndicator: ({ ref, className, variant, ...props }: Props$15 & {
+declare const ComboboxItemIndicator: ({ ref, className, variant, ...props }: Props$16 & {
     ref?: Ref<ElementRef<"span">>;
 }) => react_jsx_runtime.JSX.Element;
 
-type Props$14 = Omit<ComponentProps<typeof Combobox$1.Input>, 'render'>;
-declare const ComboboxInput: ({ ref, ...props }: Props$14 & {
+type Props$15 = Omit<ComponentProps<typeof Combobox$1.Input>, 'render'>;
+declare const ComboboxInput: ({ ref, ...props }: Props$15 & {
     ref?: Ref<ElementRef<"input">>;
 }) => react_jsx_runtime.JSX.Element;
 
 type InputGroupProps$6 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'sizing' | 'state'>;
-type Props$13 = InputGroupProps$6 & Omit<ComponentProps<typeof Combobox$1.InputGroup>, 'render' | 'className'> & {
+type Props$14 = InputGroupProps$6 & Omit<ComponentProps<typeof Combobox$1.InputGroup>, 'render' | 'className'> & {
     className?: string;
 };
-declare const ComboboxInputGroup: ({ ref, state, variant, sizing, focusVariant, className, ...props }: Props$13 & {
+declare const ComboboxInputGroup: ({ ref, state, variant, sizing, focusVariant, className, ...props }: Props$14 & {
     ref?: Ref<ElementRef<"div">>;
 }) => react_jsx_runtime.JSX.Element;
 
-type Props$12 = Omit<ComponentProps<typeof Combobox$1.Item>, 'className'> & {
+type Props$13 = 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$12 & {
+declare const ComboboxItem: ({ ref, className, children, icon, indicator: variant, ...props }: Props$13 & {
     ref?: Ref<ElementRef<"div">>;
 }) => react_jsx_runtime.JSX.Element;
 
@@ -2177,7 +2194,7 @@ type CreatableProps<Value> = {
     queryToCreateLabel?: (query: string) => ReactNode;
     queryToCreateValue?: (query: string) => Value;
 };
-type Props$11<Value, GroupShape extends Group<Value> = Group<Value>> = PublicComboboxInputProps & PublicComboboxProps<Value> & CreatableProps<Value> & {
+type Props$12<Value, GroupShape extends Group<Value> = Group<Value>> = PublicComboboxInputProps & PublicComboboxProps<Value> & CreatableProps<Value> & {
     items?: readonly (Value | GroupShape)[];
     allowClear?: boolean;
     empty?: ReactNode;
@@ -2189,7 +2206,7 @@ type Props$11<Value, GroupShape extends Group<Value> = Group<Value>> = PublicCom
     groupToLabel?: (group: GroupShape) => ReactNode;
 };
 declare const Combobox: {
-    <Value, GroupShape extends Group<Value> = Group<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, allowCreate, queryToCreateValue, queryToCreateLabel, itemToDisabled, itemToLabel, itemToIcon, groupToLabel, }: Props$11<Value, GroupShape>): react_jsx_runtime.JSX.Element;
+    <Value, GroupShape extends Group<Value> = Group<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, allowCreate, queryToCreateValue, queryToCreateLabel, itemToDisabled, itemToLabel, itemToIcon, groupToLabel, }: Props$12<Value, GroupShape>): react_jsx_runtime.JSX.Element;
     Root: <Value, Multiple extends boolean | undefined = false>(props: Combobox$1.Root.Props<Value, Multiple>) => react_jsx_runtime.JSX.Element;
     InputGroup: ({ ref, state, variant, sizing, focusVariant, className, ...props }: ({
         variant?: "primary" | "secondary" | null | undefined;
@@ -2556,7 +2573,7 @@ declare const Combobox: {
     Chips: <Value>({ maxVisible, itemToChipLabel, itemToChipColor, variant, }: {
         maxVisible?: number;
         itemToChipLabel?: ((item: Value) => ReactNode) | undefined;
-        itemToChipColor?: ((item: Value) => "orange" | "blue" | "red" | "green" | "gray" | "cyan" | "purple" | "teal" | "white" | "gray-darker" | "gray-inverse" | "green-darker" | "green-inverse" | "blue-inverse" | "orange-inverse" | "amber" | "amber-inverse" | "teal-inverse" | "purple-inverse" | "cyan-inverse" | "sidebar-primary" | undefined) | undefined;
+        itemToChipColor?: ((item: Value) => "blue" | "cyan" | "gray" | "green" | "orange" | "purple" | "red" | "teal" | "white" | "gray-darker" | "gray-inverse" | "green-darker" | "green-inverse" | "blue-inverse" | "orange-inverse" | "amber" | "amber-inverse" | "teal-inverse" | "purple-inverse" | "cyan-inverse" | "sidebar-primary" | undefined) | undefined;
         variant?: "default" | "tag" | "pill" | null | undefined;
     }) => react_jsx_runtime.JSX.Element;
 };
@@ -2572,7 +2589,7 @@ type Indicator = NonNullable<ComboboxItemProps['indicator']>;
  * Use `itemToLabel` / `itemToIcon` / `itemToDisabled` to project custom item shapes; use `filter` to override
  * the default substring matcher.
  */
-type Props$10<Value, GroupShape extends Group<Value> = Group<Value>> = Pick<ComboboxInputProps, 'placeholder' | 'id'> & Pick<ComboboxInputGroupProps, 'variant' | 'focusVariant' | 'sizing' | 'state' | 'className'> & Pick<ComboboxProps<Value>, 'disabled' | 'inputRef' | 'value' | 'defaultValue' | 'onValueChange' | 'itemToStringLabel' | 'itemToStringValue' | 'filter'> & Pick<ComboboxChipsProps, 'itemToChipLabel' | 'itemToChipColor' | 'maxVisible'> & {
+type Props$11<Value, GroupShape extends Group<Value> = Group<Value>> = Pick<ComboboxInputProps, 'placeholder' | 'id'> & Pick<ComboboxInputGroupProps, 'variant' | 'focusVariant' | 'sizing' | 'state' | 'className'> & Pick<ComboboxProps<Value>, 'disabled' | 'inputRef' | 'value' | 'defaultValue' | 'onValueChange' | 'itemToStringLabel' | 'itemToStringValue' | 'filter'> & Pick<ComboboxChipsProps, 'itemToChipLabel' | 'itemToChipColor' | 'maxVisible'> & {
     items?: readonly (Value | GroupShape)[];
     allowClear?: boolean;
     allowSelectAll?: boolean;
@@ -2596,7 +2613,7 @@ type Props$10<Value, GroupShape extends Group<Value> = Group<Value>> = Pick<Comb
  * @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<Value> = Group<Value>>({ items: _itemsProp, value: _valueProp, defaultValue, onValueChange, itemToStringLabel, itemToStringValue, disabled, filter: filterProp, inputRef, variant, sizing, focusVariant, state, placeholder, allowClear, id, className, allowSelectAll, empty, indicator, itemToDisabled, itemToLabel, itemToIcon, groupToLabel, itemToChipLabel, itemToChipColor, maxVisible, }: Props$10<Value, GroupShape>) => react_jsx_runtime.JSX.Element;
+declare const MultiCombobox: <Value, GroupShape extends Group<Value> = Group<Value>>({ items: _itemsProp, value: _valueProp, defaultValue, onValueChange, itemToStringLabel, itemToStringValue, disabled, filter: filterProp, inputRef, variant, sizing, focusVariant, state, placeholder, allowClear, id, className, allowSelectAll, empty, indicator, itemToDisabled, itemToLabel, itemToIcon, groupToLabel, itemToChipLabel, itemToChipColor, maxVisible, }: Props$11<Value, GroupShape>) => react_jsx_runtime.JSX.Element;
 
 type InputGroupProps$5 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'sizing' | 'focusVariant' | 'state'>;
 type TextareaNativeProps = Omit<ComponentProps<typeof InputGroup.TextArea>, 'value' | 'defaultValue' | 'rows' | 'maxRows'>;
@@ -2609,12 +2626,12 @@ type TextareaOwnProps = {
     disableResize?: boolean;
     containerClassName?: string;
 };
-type Props$$ = InputGroupProps$5 & TextareaNativeProps & TextareaOwnProps;
+type Props$10 = InputGroupProps$5 & 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, ...rest }: Props$$ & {
+declare const Textarea: ({ ref, containerClassName, state, variant, sizing, focusVariant, ...rest }: Props$10 & {
     ref?: Ref<ElementRef<"textarea">>;
 }) => react_jsx_runtime.JSX.Element;
 
@@ -2629,14 +2646,14 @@ declare const AutoSaveTextarea: ({ savedValue, onSave, placeholder, disabled, gr
 
 type InputGroupProps$4 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
 type InputGroupInputProps$4 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue'>;
-type Props$_ = InputGroupProps$4 & InputGroupInputProps$4 & {
+type Props$$ = InputGroupProps$4 & InputGroupInputProps$4 & {
     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$_ & {
+declare const ColorInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, onValueChange, onValueBlur, onChange, onBlur, defaultValue, allowClear, disabled, readOnly, ...restInputProps }: Props$$ & {
     ref?: Ref<ElementRef<"input">>;
 }) => react_jsx_runtime.JSX.Element;
 
@@ -2673,12 +2690,12 @@ declare const useColorSchemeState: ({ defaultScheme, scheme: propScheme, onSchem
     setScheme: (next: ColorScheme) => void;
 };
 
-type Props$Z = UseColorSchemeOptions & UseBrandOptions & {
+type Props$_ = UseColorSchemeOptions & UseBrandOptions & {
     /** Brands this provider knows about; the active brand id resolves against these. */
     brands?: readonly Brand[];
     children: ReactNode;
 };
-declare const ThemeProvider: ({ defaultScheme, scheme, onSchemeChange, defaultBrandId, brandId, onBrandIdChange, brands, children, }: Props$Z) => react_jsx_runtime.JSX.Element;
+declare const ThemeProvider: ({ defaultScheme, scheme, onSchemeChange, defaultBrandId, brandId, onBrandIdChange, brands, children, }: Props$_) => react_jsx_runtime.JSX.Element;
 
 type ThemeContextValue = ReturnType<typeof useColorSchemeState> & ReturnType<typeof useBrandState> & {
     themes: Theme[];
@@ -2702,7 +2719,7 @@ declare const useArgoDesign: () => boolean;
 declare const DEFAULT_COLOR_SCHEME: ResolvedColorScheme;
 declare const DEFAULT_BRAND_ID = "design-system";
 
-type Props$Y = {
+type Props$Z = {
     /** The active color scheme. Controlled — pair with `onValueChange`. */
     value: ColorScheme;
     /** Called with the chosen scheme when the user picks a menu item. */
@@ -2727,11 +2744,11 @@ type Props$Y = {
  * 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$Y) => react_jsx_runtime.JSX.Element;
+declare const ColorModeSwitch: ({ value, onValueChange, size, className }: Props$Z) => react_jsx_runtime.JSX.Element;
 
 type InputGroupProps$3 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
 type InputGroupInputProps$3 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type' | 'prefix'>;
-type Props$X = InputGroupProps$3 & InputGroupInputProps$3 & {
+type Props$Y = InputGroupProps$3 & InputGroupInputProps$3 & {
     value?: number | null;
     defaultValue?: number | null;
     onValueChange?: (value: number | null) => void;
@@ -2739,13 +2756,13 @@ type Props$X = InputGroupProps$3 & InputGroupInputProps$3 & {
     prefix?: ReactNode;
     suffix?: ReactNode;
 };
-declare const NumberInput: ({ ref, state, variant, focusVariant, sizing, className, value, defaultValue, onValueChange, onValueBlur, onChange, onBlur, prefix, suffix, ...inputProps }: Props$X & {
+declare const NumberInput: ({ ref, state, variant, focusVariant, sizing, className, value, defaultValue, onValueChange, onValueBlur, onChange, onBlur, prefix, suffix, ...inputProps }: Props$Y & {
     ref?: Ref<ElementRef<"input">>;
 }) => react_jsx_runtime.JSX.Element;
 
 type InputGroupProps$2 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
 type InputGroupInputProps$2 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type' | 'autoComplete'>;
-type Props$W = InputGroupProps$2 & InputGroupInputProps$2 & {
+type Props$X = InputGroupProps$2 & InputGroupInputProps$2 & {
     value?: string | null;
     defaultValue?: string | null;
     onValueChange?: (value: string) => void;
@@ -2755,20 +2772,20 @@ type Props$W = InputGroupProps$2 & InputGroupInputProps$2 & {
     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, autoComplete, defaultPasswordVisibility, disabled, readOnly, ...restInputProps }: Props$W & {
+declare const PasswordInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onKeyDown, onKeyUp, onMouseDown, allowClear, allowPasswordToggle, autoComplete, defaultPasswordVisibility, disabled, readOnly, ...restInputProps }: Props$X & {
     ref?: Ref<ElementRef<"input">>;
 }) => react_jsx_runtime.JSX.Element;
 
 type InputGroupProps$1 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
 type InputGroupInputProps$1 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type'>;
-type Props$V = InputGroupProps$1 & InputGroupInputProps$1 & {
+type Props$W = InputGroupProps$1 & InputGroupInputProps$1 & {
     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$V & {
+declare const TimeInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, allowClear, disabled, readOnly, placeholder, ...restInputProps }: Props$W & {
     ref?: Ref<ElementRef<"input">>;
 }) => react_jsx_runtime.JSX.Element;
 
@@ -2781,8 +2798,8 @@ type RootOwnProps = {
     sizing?: OtpInputSizing;
     containerClassName?: string;
 };
-type RootProps$4 = OtpElementChildrenProps & RootOwnProps;
-declare const OtpInput: (({ ref, sizing, pattern, containerClassName, className, children, "aria-invalid": ariaInvalid, ...rest }: RootProps$4 & {
+type RootProps$7 = OtpElementChildrenProps & RootOwnProps;
+declare const OtpInput: (({ ref, sizing, pattern, containerClassName, className, children, "aria-invalid": ariaInvalid, ...rest }: RootProps$7 & {
     ref?: Ref<HTMLInputElement>;
 }) => react_jsx_runtime.JSX.Element) & {
     Group: ({ ref, className, ...props }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement> & {
@@ -2806,7 +2823,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$U = InputGroupProps & InputGroupInputProps & {
+type Props$V = 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`. */
@@ -2835,7 +2852,7 @@ type Props$U = 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$U & {
+declare const SearchInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onClear, allowClear, disableDebounce, debounceDelay, disabled, readOnly, ...restInputProps }: Props$V & {
     ref?: Ref<ElementRef<"input">>;
 }) => react_jsx_runtime.JSX.Element;
 
@@ -2857,28 +2874,28 @@ declare const SearchInputWithNavigation: ({ ref, value, onValueChange, placehold
 }) => react_jsx_runtime.JSX.Element;
 
 declare const addonVariants: (props?: ({
-    align?: "inline-start" | "inline-end" | null | undefined;
+    align?: "inline-end" | "inline-start" | null | undefined;
     variant?: "inline" | "floating" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type Props$T = ComponentProps<'div'> & VariantProps<typeof addonVariants>;
-declare const BadgeAddon: ({ ref, align, variant, className, ...rest }: Props$T & {
+type Props$U = ComponentProps<'div'> & VariantProps<typeof addonVariants>;
+declare const BadgeAddon: ({ ref, align, variant, className, ...rest }: Props$U & {
     ref?: Ref<ElementRef<"div">>;
 }) => react_jsx_runtime.JSX.Element;
 
-type Props$S = ComponentProps<'span'> & {
+type Props$T = ComponentProps<'span'> & {
     asChild?: boolean;
 };
-declare const BadgeLabel: ({ ref, className, asChild, ...rest }: Props$S & {
+declare const BadgeLabel: ({ ref, className, asChild, ...rest }: Props$T & {
     ref?: Ref<ElementRef<"span">>;
 }) => react_jsx_runtime.JSX.Element;
 
 declare const badgeRootVariants: (props?: ({
     variant?: "default" | "tag" | "pill" | null | undefined;
-    color?: "orange" | "blue" | "red" | "green" | "gray" | "cyan" | "purple" | "teal" | "white" | "gray-darker" | "gray-inverse" | "green-darker" | "green-inverse" | "blue-inverse" | "orange-inverse" | "amber" | "amber-inverse" | "teal-inverse" | "purple-inverse" | "cyan-inverse" | "sidebar-primary" | null | undefined;
+    color?: "blue" | "cyan" | "gray" | "green" | "orange" | "purple" | "red" | "teal" | "white" | "gray-darker" | "gray-inverse" | "green-darker" | "green-inverse" | "blue-inverse" | "orange-inverse" | "amber" | "amber-inverse" | "teal-inverse" | "purple-inverse" | "cyan-inverse" | "sidebar-primary" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
-type Props$R = ComponentProps<'div'> & VariantProps<typeof badgeRootVariants>;
-declare const BadgeRoot: ({ ref, variant, color, className, children, ...rest }: Props$R & {
+type Props$S = ComponentProps<'div'> & VariantProps<typeof badgeRootVariants>;
+declare const BadgeRoot: ({ ref, variant, color, className, children, ...rest }: Props$S & {
     ref?: Ref<ElementRef<"div">>;
 }) => react_jsx_runtime.JSX.Element;
 
@@ -2890,19 +2907,19 @@ 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$Q = Pick<BadgeRootProps, 'variant' | 'color'> & Omit<BadgeLabelProps, 'prefix'> & {
+type Props$R = Pick<BadgeRootProps, 'variant' | 'color'> & Omit<BadgeLabelProps, 'prefix'> & {
     prefix?: ReactNode;
     prefixVariant?: AddonVariant;
     suffix?: ReactNode;
     suffixVariant?: AddonVariant;
     labelClassName?: string;
 };
-declare const Badge: (({ ref, variant, color, prefix, prefixVariant, suffix, suffixVariant, className, labelClassName, ...labelProps }: Props$Q & {
+declare const Badge: (({ ref, variant, color, prefix, prefixVariant, suffix, suffixVariant, className, labelClassName, ...labelProps }: Props$R & {
     ref?: Ref<ElementRef<"span">>;
 }) => react_jsx_runtime.JSX.Element) & {
     Root: ({ ref, variant, color, className, children, ...rest }: (react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & class_variance_authority.VariantProps<(props?: ({
         variant?: "default" | "tag" | "pill" | null | undefined;
-        color?: "orange" | "blue" | "red" | "green" | "gray" | "cyan" | "purple" | "teal" | "white" | "gray-darker" | "gray-inverse" | "green-darker" | "green-inverse" | "blue-inverse" | "orange-inverse" | "amber" | "amber-inverse" | "teal-inverse" | "purple-inverse" | "cyan-inverse" | "sidebar-primary" | null | undefined;
+        color?: "blue" | "cyan" | "gray" | "green" | "orange" | "purple" | "red" | "teal" | "white" | "gray-darker" | "gray-inverse" | "green-darker" | "green-inverse" | "blue-inverse" | "orange-inverse" | "amber" | "amber-inverse" | "teal-inverse" | "purple-inverse" | "cyan-inverse" | "sidebar-primary" | null | undefined;
     } & class_variance_authority_types.ClassProp) | undefined) => string>) & {
         ref?: Ref<ElementRef<"div">>;
     }) => react_jsx_runtime.JSX.Element;
@@ -2915,7 +2932,7 @@ declare const Badge: (({ ref, variant, color, prefix, prefixVariant, suffix, suf
         ref?: Ref<ElementRef<"span">>;
     }) => react_jsx_runtime.JSX.Element;
     Addon: ({ ref, align, variant, className, ...rest }: (react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & class_variance_authority.VariantProps<(props?: ({
-        align?: "inline-start" | "inline-end" | null | undefined;
+        align?: "inline-end" | "inline-start" | null | undefined;
         variant?: "inline" | "floating" | null | undefined;
     } & class_variance_authority_types.ClassProp) | undefined) => string>) & {
         ref?: Ref<ElementRef<"div">>;
@@ -2929,45 +2946,45 @@ type TagOption = {
     disabled?: boolean;
 };
 
-type Props$P = {
+type Props$Q = {
     onCreate?: (search: string) => void;
 } & Pick<ComponentProps<typeof Command.Item>, 'value'>;
-declare const TagSelectCreateItem: ({ onCreate, value }: Props$P) => react_jsx_runtime.JSX.Element;
+declare const TagSelectCreateItem: ({ onCreate, value }: Props$Q) => react_jsx_runtime.JSX.Element;
 
-type Props$O = {
+type Props$P = {
     value: string[];
     onAdd?: (selected: string[]) => void;
 };
-declare const TagSelectValue: ({ value, onAdd }: Props$O) => react_jsx_runtime.JSX.Element;
+declare const TagSelectValue: ({ value, onAdd }: Props$P) => react_jsx_runtime.JSX.Element;
 
-type Props$N = {
+type Props$O = {
     options?: TagOption[];
 } & Pick<ComponentProps<typeof TagSelectValue>, 'onAdd'> & Pick<ComponentProps<typeof TagSelectCreateItem>, 'onCreate'>;
-declare const TagSelectList: ({ options, onAdd, onCreate }: Props$N) => react_jsx_runtime.JSX.Element;
+declare const TagSelectList: ({ options, onAdd, onCreate }: Props$O) => react_jsx_runtime.JSX.Element;
 
-type Props$M = {
+type Props$N = {
     children: ReactNode;
 } & ComponentProps<typeof TagSelectList>;
-declare const TagSelectPopover: ({ children, onAdd, options, onCreate }: Props$M) => react_jsx_runtime.JSX.Element;
+declare const TagSelectPopover: ({ children, onAdd, options, onCreate }: Props$N) => react_jsx_runtime.JSX.Element;
 
 type OnValueChangeHandler = (value: {
     action: 'add' | 'remove';
     tags: TagOption[];
     allTags: TagOption[];
 }) => void;
-type Props$L = {
+type Props$M = {
     value?: TagOption[];
     onValueChange: OnValueChangeHandler;
     disabled?: boolean;
 } & Pick<ComponentProps<typeof TagSelectPopover>, 'options' | 'onCreate'>;
-declare const Tagger: ({ options, value, onCreate, onValueChange, disabled, }: Props$L) => react_jsx_runtime.JSX.Element | null;
+declare const Tagger: ({ options, value, onCreate, onValueChange, disabled, }: Props$M) => react_jsx_runtime.JSX.Element | null;
 
 /**
  * Props for `FileUpload`. The component is uncontrolled with respect to the file
  * 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$K = {
+type Props$L = {
     /** MIME / extension filter passed straight to react-dropzone. */
     accept?: Accept;
     /** Max size per file, in bytes. Oversized files are rejected and surface in `onFilesRejected`. */
@@ -2986,7 +3003,7 @@ type Props$K = {
     forcedState?: 'idle' | 'dragging' | 'error';
     children: ReactNode;
 } & Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'onDrop'>;
-declare const FileUpload: (({ accept, maxSize, maxFiles, multiple, disabled, onFilesChange, onFilesRejected, forcedState, children, className, ...rest }: Props$K) => react_jsx_runtime.JSX.Element) & {
+declare const FileUpload: (({ accept, maxSize, maxFiles, multiple, disabled, onFilesChange, onFilesRejected, forcedState, children, className, ...rest }: Props$L) => react_jsx_runtime.JSX.Element) & {
     DropZone: ({ children, className, ...rest }: {
         children?: ReactNode;
     } & Omit<HTMLAttributes<HTMLDivElement>, "children">) => react_jsx_runtime.JSX.Element;
@@ -4570,6 +4587,7 @@ declare const FormGroup: {
         disabled?: boolean | undefined | undefined;
         value?: string | null | undefined;
         onValueChange?: (((value: string) => void) & ((value: string) => void)) | undefined;
+        wrap?: string | undefined | undefined;
         required?: boolean | undefined | undefined;
         autoComplete?: string | undefined | undefined;
         maxLength?: number | undefined | undefined;
@@ -4578,7 +4596,6 @@ declare const FormGroup: {
         readOnly?: boolean | undefined | undefined;
         cols?: number | undefined | undefined;
         dirName?: string | undefined | undefined;
-        wrap?: string | undefined | undefined;
         maxRows?: number | "unlimited" | undefined;
         minRows?: number | undefined;
         onHeightChange?: ((height: number, meta: react_textarea_autosize.TextareaHeightChangeMeta) => void) | undefined;
@@ -4594,43 +4611,43 @@ declare const FormGroup: {
 declare const helpVariants: (props?: ({
     state?: "warning" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type Props$J = ComponentPropsWithRef<'p'> & VariantProps<typeof helpVariants>;
-declare const HelpBlock: ({ children, className, state, ...rest }: Props$J) => react_jsx_runtime.JSX.Element | null;
+type Props$K = ComponentPropsWithRef<'p'> & VariantProps<typeof helpVariants>;
+declare const HelpBlock: ({ children, className, state, ...rest }: Props$K) => react_jsx_runtime.JSX.Element | null;
 
 type AnswerItem = {
     question: string;
     answer?: string;
 };
 type Variant$5 = 'success' | 'dismissed';
-type Props$I = {
+type Props$J = {
     items: readonly AnswerItem[];
     variant?: Variant$5;
     noAnswerLabel?: string;
 };
-declare const AnswerSummary: ({ items, variant, noAnswerLabel, }: Props$I) => react_jsx_runtime.JSX.Element;
+declare const AnswerSummary: ({ items, variant, noAnswerLabel, }: Props$J) => react_jsx_runtime.JSX.Element;
 
 type Variant$4 = 'success' | 'error' | 'processing' | 'dismissed';
-type Props$H = {
+type Props$I = {
     isExpanded: boolean;
     onToggle: () => void;
     label: ReactNode;
     variant?: Variant$4;
 };
-declare const CollapsibleStepHeader: ({ isExpanded, onToggle, label, variant, }: Props$H) => react_jsx_runtime.JSX.Element;
+declare const CollapsibleStepHeader: ({ isExpanded, onToggle, label, variant, }: Props$I) => react_jsx_runtime.JSX.Element;
 
-type Props$G = {
+type Props$H = {
     children: ReactNode;
 };
-declare const InlineStepDetail: ({ children }: Props$G) => react_jsx_runtime.JSX.Element;
+declare const InlineStepDetail: ({ children }: Props$H) => react_jsx_runtime.JSX.Element;
 
 type Variant$3 = 'processing' | 'success' | 'error' | 'dismissed';
-type Props$F = {
+type Props$G = {
     variant: Variant$3;
     children: ReactNode;
 };
-declare const InlineStepLabel: ({ variant, children }: Props$F) => react_jsx_runtime.JSX.Element;
+declare const InlineStepLabel: ({ variant, children }: Props$G) => react_jsx_runtime.JSX.Element;
 
-type Props$E = {
+type Props$F = {
     /** Markdown source (GFM: tables, task lists, strikethrough, autolinks). Tables
      *  render through the design `Table`; fenced ```mermaid blocks render via
      *  `MermaidDiagram`; other fenced blocks get a hover copy button. */
@@ -4642,9 +4659,9 @@ type Props$E = {
  * `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 }: Props$E) => react_jsx_runtime.JSX.Element;
+declare const Markdown: ({ children, className }: Props$F) => react_jsx_runtime.JSX.Element;
 
-type Props$D = {
+type Props$E = {
     user?: {
         name: string | undefined;
         email: string | undefined;
@@ -4654,17 +4671,17 @@ type Props$D = {
     size?: number;
     variant?: 'circle' | 'rounded';
 } & ComponentProps<'span'>;
-declare const Avatar: ({ ref, user, fallback, size, className, variant, ...props }: Props$D & {
+declare const Avatar: ({ ref, user, fallback, size, className, variant, ...props }: Props$E & {
     ref?: Ref<ElementRef<"span">>;
 }) => react_jsx_runtime.JSX.Element;
 
-type Props$C = {
+type Props$D = {
     variant: 'user' | 'assistant';
     user?: ComponentProps<typeof Avatar>['user'];
     actions?: ReactNode;
     createdAt?: string;
 } & PropsWithChildren;
-declare const MessageBubble: ({ variant, children, user, actions, createdAt }: Props$C) => react_jsx_runtime.JSX.Element;
+declare const MessageBubble: ({ variant, children, user, actions, createdAt }: Props$D) => react_jsx_runtime.JSX.Element;
 
 type PlanApprovalStatus = 'pending' | 'approved' | 'dismissed' | 'changes-requested';
 type PlanApprovalProps = {
@@ -4712,17 +4729,17 @@ type PromptCommand = {
 };
 
 type SubmitStatus = 'submitted' | 'ready' | 'streaming' | 'interrupted';
-type Props$B = Pick<ComponentProps<typeof Button>, 'disabled'> & {
+type Props$C = Pick<ComponentProps<typeof Button>, 'disabled'> & {
     status?: SubmitStatus;
 };
-declare const PromptInputSubmit: ({ ref, disabled, status, }: Props$B & {
+declare const PromptInputSubmit: ({ ref, disabled, status, }: Props$C & {
     ref?: Ref<ElementRef<"button">>;
 }) => react_jsx_runtime.JSX.Element;
 
 declare const promptInputVariants: (props?: ({
     variant?: "inline" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type Props$A = {
+type Props$B = {
     onSend?: (value: string) => void;
     onAbort?: () => void;
     onContinue?: () => void;
@@ -4736,7 +4753,7 @@ type Props$A = {
     commands?: PromptCommand[];
 } & VariantProps<typeof promptInputVariants> & Pick<ComponentProps<typeof react_textarea_autosize__default>, 'placeholder' | 'minRows' | 'maxRows' | 'disabled' | 'defaultValue' | 'autoFocus'> & ComponentProps<typeof PromptInputSubmit>;
 declare const PromptInput: {
-    ({ onSend, onAbort, onContinue, prefix, variant, suffix, disabled, disableSubmit, value, onValueChange, status, maxRows, minRows, commands, ...textareaProps }: Props$A): react_jsx_runtime.JSX.Element;
+    ({ onSend, onAbort, onContinue, prefix, variant, suffix, disabled, disableSubmit, value, onValueChange, status, maxRows, minRows, commands, ...textareaProps }: Props$B): react_jsx_runtime.JSX.Element;
     Action: ({ ref, onMouseDown, ...rest }: react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> & {
         ref?: react.Ref<ElementRef<"button">>;
     }) => react_jsx_runtime.JSX.Element;
@@ -4748,7 +4765,7 @@ type QuestionOption = {
     description?: string;
     preview?: string;
 };
-type Props$z = {
+type Props$A = {
     question: string;
     header?: string;
     options: readonly QuestionOption[];
@@ -4771,7 +4788,7 @@ type Props$z = {
     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$z) => 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$A) => react_jsx_runtime.JSX.Element;
 
 type QuestionStep = {
     question: string;
@@ -4785,7 +4802,7 @@ type QuestionAnswers = {
     selections: Record<number, readonly string[]>;
     customAnswers: Record<number, string>;
 };
-type Props$y = {
+type Props$z = {
     steps: readonly [QuestionStep, ...QuestionStep[]];
     showSkip?: boolean;
     onSubmit?: (answers: QuestionAnswers) => void;
@@ -4793,16 +4810,16 @@ type Props$y = {
     renderPreview?: (content: string) => ReactNode;
     className?: string;
 };
-declare const QuestionBlock: ({ steps, showSkip, onSubmit, onClose, renderPreview, className, }: Props$y) => react_jsx_runtime.JSX.Element;
+declare const QuestionBlock: ({ steps, showSkip, onSubmit, onClose, renderPreview, className, }: Props$z) => react_jsx_runtime.JSX.Element;
 
-type Props$x = {
+type Props$y = {
     label: string;
     disabled?: boolean;
     onClick: () => void;
     icon?: ReactNode;
     className?: string;
 };
-declare const SuggestedPrompt: ({ label, disabled, onClick, icon, className }: Props$x) => react_jsx_runtime.JSX.Element;
+declare const SuggestedPrompt: ({ label, disabled, onClick, icon, className }: Props$y) => react_jsx_runtime.JSX.Element;
 
 type ThinkingIndicatorProps = {
     label?: string;
@@ -4861,7 +4878,7 @@ type ToolCallChipProps = {
  */
 declare const ToolCallChip: ({ label, state, icon, trailing, onClick, className, }: ToolCallChipProps) => react_jsx_runtime.JSX.Element;
 
-type Props$w = {
+type Props$x = {
     value: number;
     alert?: boolean;
     children: ReactNode;
@@ -4875,19 +4892,19 @@ type Props$w = {
     side?: ComponentProps<typeof HoverCard.Content>['side'];
     sideOffset?: ComponentProps<typeof HoverCard.Content>['sideOffset'];
 };
-declare const UsageStats: ({ value, alert, children, className, ariaLabel, align, side, sideOffset, }: Props$w) => react_jsx_runtime.JSX.Element;
+declare const UsageStats: ({ value, alert, children, className, ariaLabel, align, side, sideOffset, }: Props$x) => react_jsx_runtime.JSX.Element;
 
-type Props$v = {
+type Props$w = {
     value: number;
     size?: number;
     strokeWidth?: number;
     className?: string;
 };
-declare const UsageStatsRing: ({ value, size, strokeWidth, className }: Props$v) => react_jsx_runtime.JSX.Element;
+declare const UsageStatsRing: ({ value, size, strokeWidth, className }: Props$w) => react_jsx_runtime.JSX.Element;
 
-type Props$u = ComponentProps<typeof Root$9>;
+type Props$v = ComponentProps<typeof Root$9>;
 declare const Collapsible: {
-    (props: Props$u): react_jsx_runtime.JSX.Element;
+    (props: Props$v): react_jsx_runtime.JSX.Element;
     Trigger: react.ForwardRefExoticComponent<_radix_ui_react_collapsible.CollapsibleTriggerProps & react.RefAttributes<HTMLButtonElement>>;
     Content: ({ ref, className, children, ...props }: Omit<_radix_ui_react_collapsible.CollapsibleContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
         ref?: react.Ref<react.ElementRef<react.ForwardRefExoticComponent<_radix_ui_react_collapsible.CollapsibleContentProps & react.RefAttributes<HTMLDivElement>>>>;
@@ -4895,10 +4912,10 @@ declare const Collapsible: {
 };
 
 type Variant$2 = 'info' | 'warning' | 'error' | 'success';
-type Props$t = {
+type Props$u = {
     variant?: Variant$2;
 } & ComponentProps<'div'>;
-declare const AlertRoot: ({ ref, children, className, variant, ...rest }: Props$t & {
+declare const AlertRoot: ({ ref, children, className, variant, ...rest }: Props$u & {
     ref?: Ref<ElementRef<"div">>;
 }) => react_jsx_runtime.JSX.Element;
 
@@ -4923,7 +4940,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$s = CommonProps & (CollapsibleProps | DefaultProps);
+type Props$t = CommonProps & (CollapsibleProps | DefaultProps);
 /**
  * Persistent inline banner for contextual messages tied to the page layout.
  *
@@ -4937,13 +4954,13 @@ type Props$s = 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$s) => react_jsx_runtime.JSX.Element;
+declare const Alert: ({ title, variant, children, hideIcon, icon, className, actions, mode, defaultOpen, open: openProp, onOpenChange: onOpenChangeProp, ...rest }: Props$t) => react_jsx_runtime.JSX.Element;
 
 declare const variants$1: (props?: ({
     variant?: "success" | "warning" | "info" | "default" | "error" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type Variants = VariantProps<typeof variants$1>;
-type Props$r = {
+type Props$s = {
     id: string | number;
     title: ReactNode;
     icon?: ReactNode;
@@ -4952,7 +4969,7 @@ type Props$r = {
     loading?: boolean;
     duration?: number;
 } & Variants;
-declare const ToastRoot: ({ id, title, description, action, duration, variant, loading, icon: iconProp, }: Props$r) => react_jsx_runtime.JSX.Element;
+declare const ToastRoot: ({ id, title, description, action, duration, variant, loading, icon: iconProp, }: Props$s) => react_jsx_runtime.JSX.Element;
 
 type ToastProps = ComponentProps<typeof ToastRoot>;
 type Title = ToastProps['title'] | ((opts: {
@@ -4973,7 +4990,7 @@ declare const toast: {
     dismissAll(): string | number;
 };
 
-type Props$q = {
+type Props$r = {
     enabled?: boolean;
 } & Parameters<typeof toast>[0];
 /**
@@ -4986,22 +5003,22 @@ type Props$q = {
  * 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$q) => void;
+declare const useNotification: ({ enabled, ...toastOptions }: Props$r) => void;
 
 type ToasterProps = ComponentProps<typeof Toaster$1>;
 declare const Toaster: ({ gap, visibleToasts, ...props }: ToasterProps) => react_jsx_runtime.JSX.Element;
 
-type Props$p = {
+type Props$q = {
     children?: ReactNode;
 };
-declare const EmptySearchContent: ({ children }: Props$p) => react_jsx_runtime.JSX.Element;
+declare const EmptySearchContent: ({ children }: Props$q) => react_jsx_runtime.JSX.Element;
 
-type Props$o = {
+type Props$p = {
     title: string;
     children: ReactNode;
     className?: string;
 };
-declare const EmptyConfigurationActionCard: ({ title, children, className }: Props$o) => react_jsx_runtime.JSX.Element;
+declare const EmptyConfigurationActionCard: ({ title, children, className }: Props$p) => react_jsx_runtime.JSX.Element;
 
 declare const emptyStateClassnames: (props?: ({
     variant?: "compact" | "default" | null | undefined;
@@ -5011,7 +5028,7 @@ type Variant$1 = VariantProps<typeof emptyStateClassnames>['variant'];
  * Props for `EmptyState`. `variant` chooses spacing — `"default"` for full-page empty states,
  * `"compact"` for inside cards / small surfaces.
  */
-type RootProps$3 = ComponentProps<'div'> & VariantProps<typeof emptyStateClassnames> & {
+type RootProps$6 = ComponentProps<'div'> & VariantProps<typeof emptyStateClassnames> & {
     variant?: Variant$1;
 };
 /**
@@ -5026,23 +5043,23 @@ type RootProps$3 = ComponentProps<'div'> & VariantProps<typeof emptyStateClassna
  *
  * @see RECIPES.md#card-with-empty-state — for the empty-card pattern
  */
-declare const EmptyStateRoot: ({ className, variant, children, ...rest }: RootProps$3) => react_jsx_runtime.JSX.Element;
+declare const EmptyStateRoot: ({ className, variant, children, ...rest }: RootProps$6) => react_jsx_runtime.JSX.Element;
 type SlotProps$2 = ComponentProps<'div'> & {
     variant?: Variant$1;
 };
 declare const EmptyStateIcon: ({ className, variant, children, ...rest }: SlotProps$2) => react_jsx_runtime.JSX.Element;
-type TitleProps$1 = ComponentProps<'h3'> & {
+type TitleProps$2 = ComponentProps<'h3'> & {
     variant?: Variant$1;
 };
-declare const EmptyStateTitle: ({ className, variant, children, ...rest }: TitleProps$1) => react_jsx_runtime.JSX.Element;
-type DescriptionProps$1 = ComponentProps<'p'> & {
+declare const EmptyStateTitle: ({ className, variant, children, ...rest }: TitleProps$2) => react_jsx_runtime.JSX.Element;
+type DescriptionProps$2 = ComponentProps<'p'> & {
     variant?: Variant$1;
 };
-declare const EmptyStateDescription: ({ className, variant, children, ...rest }: DescriptionProps$1) => react_jsx_runtime.JSX.Element;
-type ActionsProps$1 = ComponentProps<'div'> & {
+declare const EmptyStateDescription: ({ className, variant, children, ...rest }: DescriptionProps$2) => react_jsx_runtime.JSX.Element;
+type ActionsProps$2 = ComponentProps<'div'> & {
     variant?: Variant$1;
 };
-declare const EmptyStateActions: ({ className, variant, children, ...rest }: ActionsProps$1) => react_jsx_runtime.JSX.Element;
+declare const EmptyStateActions: ({ className, variant, children, ...rest }: ActionsProps$2) => react_jsx_runtime.JSX.Element;
 declare const EmptyState: typeof EmptyStateRoot & {
     Icon: typeof EmptyStateIcon;
     Title: typeof EmptyStateTitle;
@@ -5058,7 +5075,7 @@ type Variant = VariantProps<typeof errorStateClassnames>['variant'];
  * Props for `ErrorState`. `variant` chooses look — `"default"` for non-blocking errors, `"compact"` for
  * inside cards, `"destructive"` for blocking failures (red title + icon).
  */
-type RootProps$2 = ComponentProps<'div'> & VariantProps<typeof errorStateClassnames> & {
+type RootProps$5 = ComponentProps<'div'> & VariantProps<typeof errorStateClassnames> & {
     variant?: Variant;
 };
 /**
@@ -5072,23 +5089,23 @@ type RootProps$2 = ComponentProps<'div'> & VariantProps<typeof errorStateClassna
  * **Composition:** nest `ErrorState.Icon`, `ErrorState.Title`, `ErrorState.Description`, and
  * `ErrorState.Actions`. Use `variant="destructive"` for full-page critical failures.
  */
-declare const ErrorStateRoot: ({ className, variant, children, ...rest }: RootProps$2) => react_jsx_runtime.JSX.Element;
+declare const ErrorStateRoot: ({ className, variant, children, ...rest }: RootProps$5) => react_jsx_runtime.JSX.Element;
 type SlotProps$1 = ComponentProps<'div'> & {
     variant?: Variant;
 };
 declare const ErrorStateIcon: ({ className, variant, children, ...rest }: SlotProps$1) => react_jsx_runtime.JSX.Element;
-type TitleProps = ComponentProps<'h3'> & {
+type TitleProps$1 = ComponentProps<'h3'> & {
     variant?: Variant;
 };
-declare const ErrorStateTitle: ({ className, variant, children, ...rest }: TitleProps) => react_jsx_runtime.JSX.Element;
-type DescriptionProps = ComponentProps<'p'> & {
+declare const ErrorStateTitle: ({ className, variant, children, ...rest }: TitleProps$1) => react_jsx_runtime.JSX.Element;
+type DescriptionProps$1 = ComponentProps<'p'> & {
     variant?: Variant;
 };
-declare const ErrorStateDescription: ({ className, variant, children, ...rest }: DescriptionProps) => react_jsx_runtime.JSX.Element;
-type ActionsProps = ComponentProps<'div'> & {
+declare const ErrorStateDescription: ({ className, variant, children, ...rest }: DescriptionProps$1) => react_jsx_runtime.JSX.Element;
+type ActionsProps$1 = ComponentProps<'div'> & {
     variant?: Variant;
 };
-declare const ErrorStateActions: ({ className, variant, children, ...rest }: ActionsProps) => react_jsx_runtime.JSX.Element;
+declare const ErrorStateActions: ({ className, variant, children, ...rest }: ActionsProps$1) => react_jsx_runtime.JSX.Element;
 declare const ErrorState: typeof ErrorStateRoot & {
     Icon: typeof ErrorStateIcon;
     Title: typeof ErrorStateTitle;
@@ -5141,8 +5158,8 @@ declare const variants: (props?: ({
     variant?: "success" | "default" | null | undefined;
     size?: "sm" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type Props$n = ComponentProps<typeof Root$a> & VariantProps<typeof variants>;
-declare const Progress: ({ ref, className, value, variant, size, ...props }: Props$n & {
+type Props$o = ComponentProps<typeof Root$a> & VariantProps<typeof variants>;
+declare const Progress: ({ ref, className, value, variant, size, ...props }: Props$o & {
     ref?: Ref<ElementRef<typeof Root$a>>;
 }) => react_jsx_runtime.JSX.Element;
 
@@ -5160,7 +5177,7 @@ type CollapseProps = {
 /** @deprecated Use `Collapsible` instead. */
 declare const Collapse: ({ open, header, className, bodyClassName, children, onClick, animationClassName, hidden, ...rest }: CollapseProps & ComponentProps<"div">) => react_jsx_runtime.JSX.Element;
 
-type Props$m = {
+type Props$n = {
     header: ReactNode;
     isDisabled?: boolean;
     defaultExpanded?: boolean;
@@ -5172,18 +5189,18 @@ type Props$m = {
     variant?: 'default' | 'white';
     children: ReactNode;
 };
-declare const CollapsiblePanel: ({ header, className, bodyClassName, headerClassName, defaultExpanded, isDisabled, children, isOpen, onToggle, variant, }: Props$m) => react_jsx_runtime.JSX.Element;
+declare const CollapsiblePanel: ({ header, className, bodyClassName, headerClassName, defaultExpanded, isDisabled, children, isOpen, onToggle, variant, }: Props$n) => react_jsx_runtime.JSX.Element;
 
-type Props$l = PropsWithChildren<{
+type Props$m = PropsWithChildren<{
     defaultExpanded?: boolean;
     labelCollapse?: ReactNode;
     labelOpen?: ReactNode;
     placement?: 'top' | 'bottom';
     className?: string;
 }>;
-declare const PanelWithDetails: ({ defaultExpanded, labelCollapse, labelOpen, placement, children, }: Props$l) => react_jsx_runtime.JSX.Element;
+declare const PanelWithDetails: ({ defaultExpanded, labelCollapse, labelOpen, placement, children, }: Props$m) => react_jsx_runtime.JSX.Element;
 
-type RootProps$1 = ComponentPropsWithoutRef<'div'>;
+type RootProps$4 = ComponentPropsWithoutRef<'div'>;
 type SlotProps = ComponentPropsWithoutRef<'div'> & {
     /** Render as the child element (Radix-Slot pattern), forwarding props onto it. */
     asChild?: boolean;
@@ -5207,7 +5224,7 @@ type SlotProps = ComponentPropsWithoutRef<'div'> & {
  * @see AppShell.stories.tsx — flip the Storybook brand toolbar to see the
  * sidebar / top-nav geometry swap from a single composition.
  */
-declare const AppShell: (({ ref, className, children, ...props }: RootProps$1 & {
+declare const AppShell: (({ ref, className, children, ...props }: RootProps$4 & {
     ref?: Ref<ElementRef<"div">>;
 }) => react_jsx_runtime.JSX.Element) & {
     /**
@@ -5244,7 +5261,7 @@ declare const AppShell: (({ ref, className, children, ...props }: RootProps$1 &
  * `narrow` (976px) for forms, `default` (1280px) for most pages, `wide` (1600px) for dense detail views,
  * `full` for edge-to-edge layouts.
  */
-type RootProps = ComponentPropsWithoutRef<'div'> & {
+type RootProps$3 = ComponentPropsWithoutRef<'div'> & {
     maxWidth?: 'default' | 'narrow' | 'wide' | 'full';
 };
 type FooterProps = ComponentPropsWithoutRef<'footer'> & {
@@ -5267,7 +5284,7 @@ type FooterProps = ComponentPropsWithoutRef<'footer'> & {
  *
  * @see RECIPES.md#list-detail — for the index → detail page pattern
  */
-declare const PageLayout: (({ ref, className, maxWidth, children, ...props }: RootProps & {
+declare const PageLayout: (({ ref, className, maxWidth, children, ...props }: RootProps$3 & {
     ref?: Ref<ElementRef<"div">>;
 }) => react_jsx_runtime.JSX.Element) & {
     /** Detail-pattern breadcrumb row. Usually composed automatically by `PageHeader.Detail` — slot exists for layouts that don't fit either `PageHeader` variant. */
@@ -5396,7 +5413,7 @@ declare const PageToolbar: (({ ref, className, children, ...props }: DivProps) =
      */
     Token: ({ children, popover, onRemove, removeAriaLabel, ...props }: Omit<Omit<Pick<react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & class_variance_authority.VariantProps<(props?: ({
         variant?: "default" | "tag" | "pill" | null | undefined;
-        color?: "orange" | "blue" | "red" | "green" | "gray" | "cyan" | "purple" | "teal" | "white" | "gray-darker" | "gray-inverse" | "green-darker" | "green-inverse" | "blue-inverse" | "orange-inverse" | "amber" | "amber-inverse" | "teal-inverse" | "purple-inverse" | "cyan-inverse" | "sidebar-primary" | null | undefined;
+        color?: "blue" | "cyan" | "gray" | "green" | "orange" | "purple" | "red" | "teal" | "white" | "gray-darker" | "gray-inverse" | "green-darker" | "green-inverse" | "blue-inverse" | "orange-inverse" | "amber" | "amber-inverse" | "teal-inverse" | "purple-inverse" | "cyan-inverse" | "sidebar-primary" | null | undefined;
     } & class_variance_authority_types.ClassProp) | undefined) => string> & {
         ref?: Ref<ElementRef<"div">>;
     }, "variant" | "color"> & Omit<react.ClassAttributes<HTMLSpanElement> & react.HTMLAttributes<HTMLSpanElement> & {
@@ -5423,7 +5440,7 @@ declare const PageToolbar: (({ ref, className, children, ...props }: DivProps) =
     Clear: ({ className, children, ...props }: ActionProps) => react_jsx_runtime.JSX.Element;
 };
 
-type Props$k = {
+type Props$l = {
     /** `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`). */
@@ -5433,7 +5450,7 @@ type Props$k = {
  * 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 }: Props$k) => react_jsx_runtime.JSX.Element | null;
+declare const BrandLogo: ({ variant, className }: Props$l) => react_jsx_runtime.JSX.Element | null;
 
 declare const ResizableHandle: ({ className, ...props }: ComponentProps<typeof Separator$1>) => react_jsx_runtime.JSX.Element;
 
@@ -5445,7 +5462,7 @@ type SidebarState$1 = 'expanded' | 'collapsed';
 type SidebarCollapsible = 'icon' | 'off-canvas';
 type SidebarVariant = 'sided-floating' | 'inset' | 'floating' | 'none';
 
-type Props$j = {
+type Props$k = {
     children: ReactNode;
     className?: string;
     id?: string;
@@ -5456,7 +5473,7 @@ type Props$j = {
     resizable?: boolean;
 };
 declare const Sidebar: {
-    ({ children, className, id, side, style, container, keepMounted, resizable, }: Props$j): react_jsx_runtime.JSX.Element | null;
+    ({ children, className, id, side, style, container, keepMounted, resizable, }: Props$k): react_jsx_runtime.JSX.Element | null;
     Header: ({ className, children, ...props }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => react_jsx_runtime.JSX.Element;
     Content: ({ ref, className, children, contentRef, }: {
         className?: string;
@@ -6126,7 +6143,7 @@ declare const Sidebar: {
     }) => react_jsx_runtime.JSX.Element;
 };
 
-type Props$i = {
+type Props$j = {
     children?: ReactNode;
     defaultLeftMode?: SidebarMode;
     leftMode?: SidebarMode;
@@ -6144,7 +6161,7 @@ type Props$i = {
     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$i) => react_jsx_runtime.JSX.Element;
+declare const SidebarProvider: ({ children, defaultLeftMode, leftMode, onLeftModeChange, defaultRightMode, rightMode, onRightModeChange, leftCollapsible, leftVariant, leftWidth, rightCollapsible, rightVariant, rightWidth, onLeftWidthChange, onRightWidthChange, defaultFilledSide, }: Props$j) => react_jsx_runtime.JSX.Element;
 
 type Input = {
     variant: SidebarVariant;
@@ -6160,12 +6177,12 @@ type EffectiveWidths = {
 };
 declare const calcEffectiveWidths: ({ variant, width: customWidth, collapsible, state, mode, }: Input) => EffectiveWidths;
 
-type Props$h = {
+type Props$i = {
     defaultMode?: SidebarMode;
     mode?: SidebarMode;
     onModeChange?: (state: SidebarMode) => void;
 };
-declare const useSidebarState: ({ defaultMode, mode: modeProp, onModeChange }: Props$h) => {
+declare const useSidebarState: ({ defaultMode, mode: modeProp, onModeChange }: Props$i) => {
     isHovered: boolean;
     toggle: () => void;
     setMode: (dispatch: Parameters<react.Dispatch<react.SetStateAction<"expanded" | "collapsed" | "expand-on-hover">>>[0]) => void;
@@ -6195,7 +6212,7 @@ declare const separatorVariants: (props?: ({
     size?: "full" | "1/2" | "3/4" | null | undefined;
     orientation?: "horizontal" | "vertical" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type Props$g = VariantProps<typeof separatorVariants> & Omit<ComponentProps<typeof RSeparator.Root>, 'decorative'> & {
+type Props$h = VariantProps<typeof separatorVariants> & Omit<ComponentProps<typeof RSeparator.Root>, 'decorative'> & {
     /**
      * Optional label rendered centered between two line segments
      * (typical "OR" divider). Implies `orientation="horizontal"`.
@@ -6203,12 +6220,12 @@ type Props$g = VariantProps<typeof separatorVariants> & Omit<ComponentProps<type
      */
     label?: ReactNode;
 };
-declare const Separator: ({ className, orientation, size, label, ...props }: Props$g) => react_jsx_runtime.JSX.Element;
+declare const Separator: ({ className, orientation, size, label, ...props }: Props$h) => react_jsx_runtime.JSX.Element;
 
 declare const navbarClassnames: (props?: ({
     bordered?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type Props$f = ComponentProps<'nav'> & VariantProps<typeof navbarClassnames> & {
+type Props$g = ComponentProps<'nav'> & VariantProps<typeof navbarClassnames> & {
     accent?: 'blue' | 'purple' | 'green' | 'orange';
 };
 /**
@@ -6226,7 +6243,7 @@ type Props$f = ComponentProps<'nav'> & VariantProps<typeof navbarClassnames> & {
  * @see AppShell — pair with `AppShell.Header`; the sidebar rail uses `Sidebar` instead.
  */
 declare const Navbar: {
-    ({ className, accent, bordered, ...rest }: Props$f): react_jsx_runtime.JSX.Element;
+    ({ className, accent, bordered, ...rest }: Props$g): react_jsx_runtime.JSX.Element;
     Header: ({ children, className, ...rest }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => react_jsx_runtime.JSX.Element;
     Footer: ({ children, className, ...rest }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => react_jsx_runtime.JSX.Element;
     Content: ({ children, className }: {
@@ -6260,9 +6277,9 @@ declare const Navbar: {
     }) => react_jsx_runtime.JSX.Element;
 };
 
-type Props$e = ComponentProps<'nav'>;
+type Props$f = ComponentProps<'nav'>;
 declare const Breadcrumb: {
-    ({ className, ...props }: Props$e): react_jsx_runtime.JSX.Element;
+    ({ className, ...props }: Props$f): react_jsx_runtime.JSX.Element;
     List: ({ className, ...props }: react.DetailedHTMLProps<react.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>) => react_jsx_runtime.JSX.Element;
     Item: ({ className, ...props }: react.DetailedHTMLProps<react.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>) => react_jsx_runtime.JSX.Element;
     Link: ({ ref, asChild, className, ...props }: (react.ClassAttributes<HTMLAnchorElement> & react.AnchorHTMLAttributes<HTMLAnchorElement> & {
@@ -6318,7 +6335,7 @@ type Trigger<T extends string> = {
     title: ReactNode;
     onClose?: (value: T) => void;
 } & Omit<RadixTabs.TabsTriggerProps, 'title' | 'asChild'>;
-type Props$d<T extends string> = {
+type Props$e<T extends string> = {
     triggers: readonly Trigger<T>[];
     compact?: boolean;
     children: ReactNode;
@@ -6329,7 +6346,7 @@ type Props$d<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$d<T>) => react_jsx_runtime.JSX.Element;
+declare const Tabs: <T extends string>({ triggers, compact, children, defaultValue, onValueChange, rootClassName, listClassName, triggerClassName, triggerGroupClassName, ...rest }: Props$e<T>) => react_jsx_runtime.JSX.Element;
 
 declare const TabsContent: (props: RadixTabs.TabsContentProps) => react_jsx_runtime.JSX.Element;
 
@@ -6346,7 +6363,7 @@ declare const stepperVariants: (props?: ({
     orientation?: "horizontal" | "vertical" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
-type Props$c = {
+type Props$d = {
     /** Layout direction. Defaults to `horizontal`. */
     orientation?: StepperOrientation;
     /**
@@ -6368,7 +6385,7 @@ type Props$c = {
  * otherwise the stepper is visual only. Each step's `status` prop drives the indicator + connector colour.
  */
 declare const Stepper: {
-    ({ orientation, onStepClick, children, className, ...props }: Props$c): react_jsx_runtime.JSX.Element;
+    ({ orientation, onStepClick, children, className, ...props }: Props$d): react_jsx_runtime.JSX.Element;
     Step: ({ status, children, className, ...props }: {
         status?: StepStatus;
         children: ReactNode;
@@ -6386,9 +6403,9 @@ declare const cardClassnames: (props?: ({
     padding?: "none" | "medium" | "small" | "large" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
-type Props$b = HTMLAttributes<HTMLDivElement> & VariantProps<typeof cardClassnames>;
+type Props$c = HTMLAttributes<HTMLDivElement> & VariantProps<typeof cardClassnames>;
 declare const Card: {
-    ({ children, className, bordered, padding, ...rest }: Props$b): react_jsx_runtime.JSX.Element;
+    ({ children, className, bordered, padding, ...rest }: Props$c): react_jsx_runtime.JSX.Element;
     Header: ({ children, ...rest }: HTMLAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
     Content: ({ children, ...rest }: HTMLAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
     Title: ({ children, className, as: Tag, ...rest }: HTMLAttributes<HTMLHeadingElement> & {
@@ -6400,7 +6417,7 @@ declare const Card: {
  * 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$a = {
+type Props$b = {
     borderCollapsed?: boolean;
     bordered?: boolean;
     containerClassName?: string;
@@ -6419,7 +6436,7 @@ type Props$a = {
  * @see RECIPES.md#list-detail — for a list-table + row-click-to-detail pattern
  */
 declare const Table: {
-    ({ borderCollapsed, bordered, containerClassName, className, ...props }: Props$a): react_jsx_runtime.JSX.Element;
+    ({ borderCollapsed, bordered, containerClassName, className, ...props }: Props$b): react_jsx_runtime.JSX.Element;
     Header: ({ withShadow, className, ...props }: {
         withShadow?: boolean;
     } & ComponentProps<"thead">) => react_jsx_runtime.JSX.Element;
@@ -6434,11 +6451,11 @@ declare const Table: {
     Footer: ({ className, ...props }: ComponentProps<"tfoot">) => react_jsx_runtime.JSX.Element;
 };
 
-type Props$9 = ComponentProps<'ul'> & {
+type Props$a = ComponentProps<'ul'> & {
     variant?: 'solid' | 'dashed';
 };
 declare const Timeline: {
-    ({ className, variant, ...rest }: Props$9): react_jsx_runtime.JSX.Element;
+    ({ className, variant, ...rest }: Props$a): react_jsx_runtime.JSX.Element;
     Item: ({ className, ...rest }: react.DetailedHTMLProps<react.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>) => react_jsx_runtime.JSX.Element;
     Content: ({ className, ...rest }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => react_jsx_runtime.JSX.Element;
     Connector: ({ className, children, asChild, variant, align, offset, style, ...rest }: {
@@ -6451,25 +6468,25 @@ declare const Timeline: {
     } & class_variance_authority_types.ClassProp) | undefined) => string>) => react_jsx_runtime.JSX.Element;
 };
 
-type Props$8 = {
+type Props$9 = {
     text: ReactNode;
     tooltip?: ReactNode;
     twoLines?: boolean;
     noTooltip?: boolean;
-    tooltipVariant?: Props$1N['variant'];
-    tooltipPlacement?: Props$1N['placement'];
+    tooltipVariant?: Props$1P['variant'];
+    tooltipPlacement?: Props$1P['placement'];
 } & Omit<ComponentPropsWithoutRef<'span'>, 'children'>;
-declare const Truncated: ({ ref, text, tooltip, className, twoLines, noTooltip, tooltipVariant, tooltipPlacement, ...rest }: Props$8 & {
+declare const Truncated: ({ ref, text, tooltip, className, twoLines, noTooltip, tooltipVariant, tooltipPlacement, ...rest }: Props$9 & {
     ref?: Ref<ElementRef<"span">>;
 }) => react_jsx_runtime.JSX.Element;
 
-type Props$7 = {
+type Props$8 = {
     source: string;
     className?: string;
     mark?: string;
     isCaseSensitive?: boolean;
 } & ComponentProps<'span'>;
-declare const MarkedText: ({ ref, source, mark, isCaseSensitive, ...spanProps }: Props$7 & {
+declare const MarkedText: ({ ref, source, mark, isCaseSensitive, ...spanProps }: Props$8 & {
     ref?: Ref<ElementRef<"span">>;
 }) => react_jsx_runtime.JSX.Element;
 
@@ -6477,9 +6494,9 @@ declare const kbdVariants: (props?: ({
     variant?: "primary" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
-type Props$6 = ComponentProps<'kbd'> & VariantProps<typeof kbdVariants>;
+type Props$7 = ComponentProps<'kbd'> & VariantProps<typeof kbdVariants>;
 declare const Kbd: {
-    ({ children, className, variant, ...rest }: Props$6): react_jsx_runtime.JSX.Element;
+    ({ children, className, variant, ...rest }: Props$7): react_jsx_runtime.JSX.Element;
     Group: ({ ref, className, children, separator, ...props }: ({
         separator?: string;
     } & react.ClassAttributes<HTMLElement> & react.HTMLAttributes<HTMLElement>) & {
@@ -6495,9 +6512,9 @@ type KeyRepresentation = {
 };
 declare const keys: Record<KeyName, KeyRepresentation>;
 
-type Props$5 = ComponentProps<'nav'>;
+type Props$6 = ComponentProps<'nav'>;
 declare const Pagination: {
-    ({ className, ...props }: Props$5): react_jsx_runtime.JSX.Element;
+    ({ className, ...props }: Props$6): react_jsx_runtime.JSX.Element;
     Content: ({ className, ...props }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLUListElement>, HTMLUListElement>) => react_jsx_runtime.JSX.Element;
     Item: ({ className, ...props }: react.DetailedHTMLProps<react.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>) => react_jsx_runtime.JSX.Element;
     Button: ({ ref, active: isActive, className, children, size, ...props }: ({
@@ -6545,7 +6562,7 @@ declare const Pagination: {
     Ellipsis: ({ className, ...props }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>) => react_jsx_runtime.JSX.Element;
 };
 
-type Props$4 = {
+type Props$5 = {
     oldValue: string;
     newValue: string;
     ignoreWhitespace?: boolean;
@@ -6555,7 +6572,7 @@ type Props$4 = {
     rightTitle: ReactNode;
     rightTitleGutter?: ReactNode;
 };
-declare const DiffView: ({ leftTitle, leftTitleGutter, rightTitle, rightTitleGutter, oldValue, newValue, ignoreWhitespace, className, }: Props$4) => react_jsx_runtime.JSX.Element;
+declare const DiffView: ({ leftTitle, leftTitleGutter, rightTitle, rightTitleGutter, oldValue, newValue, ignoreWhitespace, className, }: Props$5) => react_jsx_runtime.JSX.Element;
 
 declare const DiffType: {
     readonly DEFAULT: "default";
@@ -6600,17 +6617,17 @@ type DiffRow = {
 declare const computeLineInformation: (oldString: string, newString: string, ignoreWhitespace?: boolean) => ComputedLineInformation;
 declare const computeDiffRows: (lineInformation: LineInformation[], diffLines: number[], expandedBlocks: number[]) => DiffRow[];
 
-type Props$3 = {
+type Props$4 = {
     label: string;
     sublabel?: string;
 };
-declare const PaneHeader: ({ label, sublabel }: Props$3) => react_jsx_runtime.JSX.Element;
+declare const PaneHeader: ({ label, sublabel }: Props$4) => react_jsx_runtime.JSX.Element;
 
-type Props$2 = {
+type Props$3 = {
     remainingConflicts: number;
     remainingSafeChanges: number;
 };
-declare const ConflictStatusIndicator: ({ remainingConflicts, remainingSafeChanges }: Props$2) => react_jsx_runtime.JSX.Element;
+declare const ConflictStatusIndicator: ({ remainingConflicts, remainingSafeChanges }: Props$3) => react_jsx_runtime.JSX.Element;
 
 declare const useMergeDiff: (baseText: string, leftText: string, rightText: string) => {
     mergeValue: string;
@@ -6634,6 +6651,113 @@ declare const useMergeDiff: (baseText: string, leftText: string, rightText: stri
     reset: () => void;
 };
 
+type RootProps$2 = ComponentProps<'section'>;
+/**
+ * Signature dashboard hero banner — the opinionated top-of-page welcome/summary surface
+ * (daily-brief header, project overview, greeting + primary CTA).
+ *
+ * **When to use:** the first block on a landing or dashboard page, above the KPI strip and
+ * chart panels. It sets tone with an eyebrow, a large title, a lead paragraph, and an actions row.
+ * **When NOT to use:** for an in-app page title use `PageHeader.Index`; for an empty page use
+ * `EmptyState`. **Composition:** `DashboardHero.Eyebrow`, `.Title`, `.Description`, `.Actions`,
+ * and an optional `.Aside` that floats to the right on wide screens. Reads semantic tokens only.
+ */
+declare const DashboardHeroRoot: ({ className, children, ...rest }: RootProps$2) => react_jsx_runtime.JSX.Element;
+type BodyProps = ComponentProps<'div'>;
+declare const DashboardHeroBody: ({ className, children, ...rest }: BodyProps) => react_jsx_runtime.JSX.Element;
+type EyebrowProps = ComponentProps<'p'>;
+declare const DashboardHeroEyebrow: ({ className, children, ...rest }: EyebrowProps) => react_jsx_runtime.JSX.Element;
+type TitleProps = ComponentProps<'h1'>;
+declare const DashboardHeroTitle: ({ className, children, ...rest }: TitleProps) => react_jsx_runtime.JSX.Element;
+type DescriptionProps = ComponentProps<'p'>;
+declare const DashboardHeroDescription: ({ className, children, ...rest }: DescriptionProps) => react_jsx_runtime.JSX.Element;
+type ActionsProps = ComponentProps<'div'>;
+declare const DashboardHeroActions: ({ className, children, ...rest }: ActionsProps) => react_jsx_runtime.JSX.Element;
+type AsideProps = ComponentProps<'div'>;
+declare const DashboardHeroAside: ({ className, children, ...rest }: AsideProps) => react_jsx_runtime.JSX.Element;
+declare const DashboardHero: typeof DashboardHeroRoot & {
+    Body: typeof DashboardHeroBody;
+    Eyebrow: typeof DashboardHeroEyebrow;
+    Title: typeof DashboardHeroTitle;
+    Description: typeof DashboardHeroDescription;
+    Actions: typeof DashboardHeroActions;
+    Aside: typeof DashboardHeroAside;
+};
+
+declare const trendClassnames: (props?: ({
+    direction?: "flat" | "up" | "down" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type TrendDirection = NonNullable<VariantProps<typeof trendClassnames>['direction']>;
+type RootProps$1 = ComponentProps<typeof Card>;
+/**
+ * A single KPI / metric tile — a signature composition over `Card` with a label,
+ * a large value, an optional trend delta, and an optional leading icon + footnote.
+ *
+ * **When to use:** the headline numbers of a dashboard (revenue, active users, uptime),
+ * usually in a `StatCardGrid` strip at the top of a page.
+ * **When NOT to use:** for a chart use `ChartPanel`; for a generic content surface use `Card`.
+ * **Composition:** `StatCard.Icon`, `StatCard.Label`, `StatCard.Value`, `StatCard.Trend`,
+ * `StatCard.Footnote`. All colours read semantic tokens, so the tile re-skins with the brand.
+ */
+declare const StatCardRoot: ({ className, children, bordered, ...rest }: RootProps$1) => react_jsx_runtime.JSX.Element;
+type IconProps = ComponentProps<'div'>;
+declare const StatCardIcon: ({ className, children, ...rest }: IconProps) => react_jsx_runtime.JSX.Element;
+type LabelProps = ComponentProps<'p'>;
+declare const StatCardLabel: ({ className, children, ...rest }: LabelProps) => react_jsx_runtime.JSX.Element;
+type ValueProps = ComponentProps<'p'>;
+declare const StatCardValue: ({ className, children, ...rest }: ValueProps) => react_jsx_runtime.JSX.Element;
+type TrendProps = ComponentProps<'span'> & {
+    /** Which way the metric moved — sets the semantic colour (`success` / `destructive` / muted). */
+    direction?: TrendDirection;
+    /** Optional leading icon (e.g. an arrow). */
+    icon?: ReactNode;
+};
+declare const StatCardTrend: ({ className, direction, icon, children, ...rest }: TrendProps) => react_jsx_runtime.JSX.Element;
+type FootnoteProps = ComponentProps<'p'>;
+declare const StatCardFootnote: ({ className, children, ...rest }: FootnoteProps) => react_jsx_runtime.JSX.Element;
+declare const StatCard: typeof StatCardRoot & {
+    Icon: typeof StatCardIcon;
+    Label: typeof StatCardLabel;
+    Value: typeof StatCardValue;
+    Trend: typeof StatCardTrend;
+    Footnote: typeof StatCardFootnote;
+};
+
+declare const gridClassnames: (props?: ({
+    columns?: 2 | 4 | 3 | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type Props$2 = 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$2) => react_jsx_runtime.JSX.Element;
+
+type RootProps = Omit<ComponentProps<typeof Card>, 'title'> & {
+    /** Panel heading. */
+    title: ReactNode;
+    /** Optional supporting line under the title. */
+    description?: ReactNode;
+    /** Heading level for the title — defaults to `h3`. Set to sit correctly under a page `h1`/`h2`. */
+    titleAs?: ComponentProps<typeof Card.Title>['as'];
+    /** Right-aligned header slot — range picker, legend toggle, menu, etc. */
+    toolbar?: ReactNode;
+    /** Optional footer row (e.g. a source note or an inline legend). */
+    footer?: ReactNode;
+};
+/**
+ * Signature chart panel — a `Card` shell with a title/description header, an optional toolbar,
+ * a chart body, and an optional footer. Pass a `@keboola/design/charts` chart (`LineChart`,
+ * `BarChart`, `AreaChart`, `PieChart`) as children; the panel owns the chrome, the chart owns
+ * its own responsive container and themed palette.
+ *
+ * **When to use:** any framed data-viz block on a dashboard.
+ * **When NOT to use:** for a KPI number use `StatCard`; for a raw unframed chart drop the chart
+ * component directly. Charts follow the active brand's chart palette — never hardcode colours.
+ */
+declare const ChartPanel: ({ title, description, titleAs, toolbar, footer, className, bordered, children, ...rest }: RootProps) => react_jsx_runtime.JSX.Element;
+
 /**
  * The a11y wiring `FieldItem` derives from the field and hands back to the control — spread it onto
  * whatever element the field renders. Callers never author these attributes themselves.
@@ -7943,6 +8067,7 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_react_form.Form
         disabled?: boolean | undefined | undefined;
         value?: string | null | undefined;
         onValueChange?: (((value: string) => void) & ((value: string) => void)) | undefined;
+        wrap?: string | undefined | undefined;
         required?: boolean | undefined | undefined;
         autoComplete?: string | undefined | undefined;
         maxLength?: number | undefined | undefined;
@@ -7951,7 +8076,6 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_react_form.Form
         readOnly?: boolean | undefined | undefined;
         cols?: number | undefined | undefined;
         dirName?: string | undefined | undefined;
-        wrap?: string | undefined | undefined;
         maxRows?: number | "unlimited" | undefined;
         minRows?: number | undefined;
         onHeightChange?: ((height: number, meta: react_textarea_autosize.TextareaHeightChangeMeta) => void) | undefined;
@@ -7992,8 +8116,8 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_react_form.Form
         description?: react.ReactNode;
         variant?: class_variance_authority.VariantProps<typeof fieldBoxVariants>["variant"];
         position?: "start" | "end";
-        tooltip?: Props$1N["tooltip"];
-        tooltipPlacement?: Props$1N["placement"];
+        tooltip?: Props$1P["tooltip"];
+        tooltipPlacement?: Props$1P["placement"];
     } & Omit<_radix_ui_react_checkbox.CheckboxProps & react.RefAttributes<HTMLButtonElement>, "id">, "checked" | "onCheckedChange"> & {
         checked?: _radix_ui_react_checkbox.CheckedState;
         onCheckedChange?: (checked: _radix_ui_react_checkbox.CheckedState) => void;
@@ -8010,7 +8134,7 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_react_form.Form
     } & class_variance_authority_types.ClassProp) | undefined) => string>, "variant"> & {
         ref?: react.Ref<react.ElementRef<"button">>;
     }, "id" | "name" | "checked" | "onCheckedChange">) => react_jsx_runtime.JSX.Element;
-    readonly OtpInputField: ({ label, required, requiredMark, help, tooltip, className, "aria-describedby": ariaDescribedBy, maxLength, ...otpProps }: FieldItemProps & Omit<RootProps$4, "id" | "name" | "aria-describedby" | "aria-invalid" | "aria-required" | "children" | "onChange" | "value">) => react_jsx_runtime.JSX.Element;
+    readonly OtpInputField: ({ label, required, requiredMark, help, tooltip, className, "aria-describedby": ariaDescribedBy, maxLength, ...otpProps }: FieldItemProps & Omit<RootProps$7, "id" | "name" | "aria-describedby" | "aria-invalid" | "aria-required" | "children" | "onChange" | "value">) => react_jsx_runtime.JSX.Element;
 }, {
     readonly FormBody: ({ children, className, ...formProps }: {
         children: react.ReactNode;
@@ -9292,6 +9416,7 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
         disabled?: boolean | undefined | undefined;
         value?: string | null | undefined;
         onValueChange?: (((value: string) => void) & ((value: string) => void)) | undefined;
+        wrap?: string | undefined | undefined;
         required?: boolean | undefined | undefined;
         autoComplete?: string | undefined | undefined;
         maxLength?: number | undefined | undefined;
@@ -9300,7 +9425,6 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
         readOnly?: boolean | undefined | undefined;
         cols?: number | undefined | undefined;
         dirName?: string | undefined | undefined;
-        wrap?: string | undefined | undefined;
         maxRows?: number | "unlimited" | undefined;
         minRows?: number | undefined;
         onHeightChange?: ((height: number, meta: react_textarea_autosize.TextareaHeightChangeMeta) => void) | undefined;
@@ -9341,8 +9465,8 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
         description?: react.ReactNode;
         variant?: class_variance_authority.VariantProps<typeof fieldBoxVariants>["variant"];
         position?: "start" | "end";
-        tooltip?: Props$1N["tooltip"];
-        tooltipPlacement?: Props$1N["placement"];
+        tooltip?: Props$1P["tooltip"];
+        tooltipPlacement?: Props$1P["placement"];
     } & Omit<_radix_ui_react_checkbox.CheckboxProps & react.RefAttributes<HTMLButtonElement>, "id">, "checked" | "onCheckedChange"> & {
         checked?: _radix_ui_react_checkbox.CheckedState;
         onCheckedChange?: (checked: _radix_ui_react_checkbox.CheckedState) => void;
@@ -9359,7 +9483,7 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
     } & class_variance_authority_types.ClassProp) | undefined) => string>, "variant"> & {
         ref?: react.Ref<react.ElementRef<"button">>;
     }, "id" | "name" | "checked" | "onCheckedChange">) => react_jsx_runtime.JSX.Element;
-    readonly OtpInputField: ({ label, required, requiredMark, help, tooltip, className, "aria-describedby": ariaDescribedBy, maxLength, ...otpProps }: FieldItemProps & Omit<RootProps$4, "id" | "name" | "aria-describedby" | "aria-invalid" | "aria-required" | "children" | "onChange" | "value">) => react_jsx_runtime.JSX.Element;
+    readonly OtpInputField: ({ label, required, requiredMark, help, tooltip, className, "aria-describedby": ariaDescribedBy, maxLength, ...otpProps }: FieldItemProps & Omit<RootProps$7, "id" | "name" | "aria-describedby" | "aria-invalid" | "aria-required" | "children" | "onChange" | "value">) => react_jsx_runtime.JSX.Element;
 }, {
     readonly FormBody: ({ children, className, ...formProps }: {
         children: react.ReactNode;
@@ -10641,6 +10765,7 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
             disabled?: boolean | undefined | undefined;
             value?: string | null | undefined;
             onValueChange?: (((value: string) => void) & ((value: string) => void)) | undefined;
+            wrap?: string | undefined | undefined;
             required?: boolean | undefined | undefined;
             autoComplete?: string | undefined | undefined;
             maxLength?: number | undefined | undefined;
@@ -10649,7 +10774,6 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
             readOnly?: boolean | undefined | undefined;
             cols?: number | undefined | undefined;
             dirName?: string | undefined | undefined;
-            wrap?: string | undefined | undefined;
             maxRows?: number | "unlimited" | undefined;
             minRows?: number | undefined;
             onHeightChange?: ((height: number, meta: react_textarea_autosize.TextareaHeightChangeMeta) => void) | undefined;
@@ -10690,8 +10814,8 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
             description?: react.ReactNode;
             variant?: class_variance_authority.VariantProps<typeof fieldBoxVariants>["variant"];
             position?: "start" | "end";
-            tooltip?: Props$1N["tooltip"];
-            tooltipPlacement?: Props$1N["placement"];
+            tooltip?: Props$1P["tooltip"];
+            tooltipPlacement?: Props$1P["placement"];
         } & Omit<_radix_ui_react_checkbox.CheckboxProps & react.RefAttributes<HTMLButtonElement>, "id">, "checked" | "onCheckedChange"> & {
             checked?: _radix_ui_react_checkbox.CheckedState;
             onCheckedChange?: (checked: _radix_ui_react_checkbox.CheckedState) => void;
@@ -10708,7 +10832,7 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
         } & class_variance_authority_types.ClassProp) | undefined) => string>, "variant"> & {
             ref?: react.Ref<react.ElementRef<"button">>;
         }, "id" | "name" | "checked" | "onCheckedChange">) => react_jsx_runtime.JSX.Element;
-        readonly OtpInputField: ({ label, required, requiredMark, help, tooltip, className, "aria-describedby": ariaDescribedBy, maxLength, ...otpProps }: FieldItemProps & Omit<RootProps$4, "id" | "name" | "aria-describedby" | "aria-invalid" | "aria-required" | "children" | "onChange" | "value">) => react_jsx_runtime.JSX.Element;
+        readonly OtpInputField: ({ label, required, requiredMark, help, tooltip, className, "aria-describedby": ariaDescribedBy, maxLength, ...otpProps }: FieldItemProps & Omit<RootProps$7, "id" | "name" | "aria-describedby" | "aria-invalid" | "aria-required" | "children" | "onChange" | "value">) => react_jsx_runtime.JSX.Element;
     }, {
         readonly FormBody: ({ children, className, ...formProps }: {
             children: react.ReactNode;
@@ -10785,4 +10909,41 @@ type Props = {
 };
 declare const ZoomableSvg: ({ html, copyText, className }: Props) => react_jsx_runtime.JSX.Element;
 
-export { Alert, AlertModal, AnswerSummary, type AnswerItem as AnswerSummaryItem, type Props$I as AnswerSummaryProps, type Variant$5 as AnswerSummaryVariant, AppShell, ArgoDesignContext, AutoSaveTextarea, Avatar, Badge, type BrandId, BrandLogo, Breadcrumb, Button, ButtonGroup, ButtonInline, Calendar, type CalendarProps, Card, ChangeClassification, Checkbox, Clipboard, ClipboardButton, ClipboardInline, Collapse, Collapsible, CollapsiblePanel, CollapsibleStepHeader, ColorInput, ColorModeSwitch, type ColorScheme, Combobox, Command, CommandGroup, CommandInput, CommandItem, CommandList, ConflictStatusIndicator, CopyField, DEFAULT_COLOR_SCHEME, DEFAULT_BRAND_ID as DEFAULT_KEBOOLA_BRAND_ID, DateInput, DatePicker, type DateRange, DateRangeInput, DateRangePicker, type DateRangePreset, type DiffInformation, type DiffRow, DiffType, DiffView, DotsLoader, DropdownMenu, EmptyConfigurationActionCard, EmptySearchContent, EmptyState, type RootProps$3 as EmptyStateProps, type Variant$1 as EmptyStateVariant, ErrorState, type RootProps$2 as ErrorStateProps, type Variant as ErrorStateVariant, FileUpload, FormGroup, FullScreenModal, FullScreenModalBody, FullScreenModalHeader, HelpBlock, HoverCard, InlineStepDetail, type Props$G as InlineStepDetailProps, InlineStepLabel, type Props$F as InlineStepLabelProps, type Variant$3 as InlineStepLabelVariant, InputGroup, Kbd, Label, type LineInformation, Link, Markdown, MarkedText, MergeConflict, MessageBubble, Modal, MultiActionButtonGroup, MultiCombobox, Navbar, NumberInput, OtpInput, type RootProps$4 as OtpInputProps, PageHeader, PageLayout, PageToolbar, Pagination, PaneHeader, PanelWithDetails, PasswordInput, PlanApproval, type PlanApprovalProps, type PlanApprovalStatus, PlanRewritingIndicator, type PlanRewritingIndicatorProps, Popconfirm, Popover, Progress, type PromptCommand, PromptInput, type Props$1o as Props, Question, type QuestionAnswers, QuestionBlock, type Props$y as QuestionBlockProps, type QuestionOption, type Props$z as QuestionProps, type QuestionStep, RadioGroup, ResizableHandle, ResizablePanelGroup, type ResolvedColorScheme, ScrollArea, ScrollBar, Search, SearchForm, SearchInput, SearchInputWithNavigation, Select, type SelectItem, type SelectItemGroup, Separator, type ServerFieldError, Sheet, type SideInformation, Sidebar, type SidebarMode, SidebarProvider, type SidebarSide, Skeleton, SkeletonList, Slider, SplitButton, SpotlightBackdrop, type SpotlightTarget, type StepStatus, Stepper, type StepperOrientation, SuggestedPrompt, Switch, Table, Tabs, TabsContent, Tagger, type TargetRect, TextInput, Textarea, type Theme, ThemeProvider, ThinkingIndicator, type ThumbTooltipFn, TimeInput, TimePicker, Timeline, type ToastOptions, Toaster, Toggle, ToggleGroup, type Tokens, ToolCallApproval, type ToolCallApprovalProps, type ToolCallApprovalStatus, ToolCallChip, type ToolCallChipProps, type ToolCallState, Tooltip, type Props$1N as TooltipProps, TooltipProvider, type Trigger, Truncated, UsageStats, UsageStatsRing, type UseAutosizeInputOptions, type UseAutosizeInputReturn, type ValidityState, type WordInformation, ZoomableSvg, argoVariants, cn, computeDiffRows, computeLineInformation, copyToClipboard, isMac, kbdVariants, keys, mergeRefs, setServerFieldErrors, toast, useAppForm, useArgoDesign, useAutosizeInput, useMergeDiff, useNotification, useScrollbarPosition, useSidebar, useTargetRect, useTheme, withForm };
+type ColorSlot = keyof Omit<NonNullable<Brand['theme']['colors']>, 'sidebar' | 'chart'>;
+type SidebarSlot = keyof NonNullable<NonNullable<Brand['theme']['colors']>['sidebar']>;
+type RadiusSize = keyof NonNullable<Brand['theme']['radii']>;
+declare const DEFAULT_FALLBACK_FONT = "'Inter', system-ui, sans-serif";
+declare const DEFAULT_FONT_OPTIONS: {
+    value: string;
+    label: string;
+}[];
+type BrandEditorProps = {
+    value: Brand;
+    onChange: (next: Brand) => void;
+    /** Palette being edited. Controlled. Default 'light'. */
+    colorScheme?: 'light' | 'dark';
+    /** If provided, the editor shows a light/dark toggle that calls this. If omitted, no toggle. */
+    onColorSchemeChange?: (scheme: 'light' | 'dark') => void;
+    /** Font choices for the typography Select. Defaults to DEFAULT_FONT_OPTIONS. */
+    fontOptions?: {
+        value: string;
+        label: string;
+    }[];
+};
+/**
+ * Controlled brand-editing block — colors (light/dark), sidebar colors, WCAG contrast readout,
+ * corner radius, typography, and logo. Reads/writes a `Brand` (`@keboola/brand-registry`) via
+ * `value` / `onChange`; owns no state of its own, so the caller decides where the brand and the
+ * active color scheme live (Kai build-mode preview, theme-generator, …).
+ */
+declare const BrandEditor: ({ value, onChange, colorScheme, onColorSchemeChange, fontOptions, }: BrandEditorProps) => react_jsx_runtime.JSX.Element;
+
+declare const hexToChannels: (hex: string) => string;
+declare const channelsToHex: (channels: string) => string;
+
+/** WCAG contrast ratio (1–21) between two `"R G B"` colours. */
+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";
+
+export { Alert, AlertModal, AnswerSummary, type AnswerItem as AnswerSummaryItem, type Props$J as AnswerSummaryProps, type Variant$5 as AnswerSummaryVariant, AppShell, ArgoDesignContext, AutoSaveTextarea, Avatar, Badge, BrandEditor, type BrandEditorProps, type BrandId, BrandLogo, Breadcrumb, Button, ButtonGroup, ButtonInline, Calendar, type CalendarProps, Card, ChangeClassification, ChartPanel, type RootProps as ChartPanelProps, Checkbox, Clipboard, ClipboardButton, ClipboardInline, Collapse, Collapsible, CollapsiblePanel, CollapsibleStepHeader, ColorInput, ColorModeSwitch, type 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, DashboardHero, type RootProps$2 as DashboardHeroProps, DateInput, DatePicker, type DateRange, DateRangeInput, DateRangePicker, type DateRangePreset, type DiffInformation, type DiffRow, DiffType, DiffView, DotsLoader, DropdownMenu, EmptyConfigurationActionCard, EmptySearchContent, EmptyState, type RootProps$6 as EmptyStateProps, type Variant$1 as EmptyStateVariant, ErrorState, type RootProps$5 as ErrorStateProps, type Variant as ErrorStateVariant, FileUpload, FormGroup, FullScreenModal, FullScreenModalBody, FullScreenModalHeader, GoogleButton, HelpBlock, HoverCard, InlineStepDetail, type Props$H as InlineStepDetailProps, InlineStepLabel, type Props$G as InlineStepLabelProps, type Variant$3 as InlineStepLabelVariant, InputGroup, Kbd, Label, type LineInformation, Link, Markdown, MarkedText, MergeConflict, MessageBubble, Modal, MultiActionButtonGroup, MultiCombobox, Navbar, NumberInput, OtpInput, type RootProps$7 as OtpInputProps, PageHeader, PageLayout, PageToolbar, Pagination, PaneHeader, PanelWithDetails, PasswordInput, PlanApproval, type PlanApprovalProps, type PlanApprovalStatus, PlanRewritingIndicator, type PlanRewritingIndicatorProps, Popconfirm, Popover, Progress, type PromptCommand, PromptInput, type Props$1p as Props, Question, type QuestionAnswers, QuestionBlock, type Props$z as QuestionBlockProps, type QuestionOption, type Props$A as QuestionProps, type QuestionStep, RadioGroup, type RadiusSize, ResizableHandle, ResizablePanelGroup, type ResolvedColorScheme, ScrollArea, ScrollBar, Search, SearchForm, SearchInput, SearchInputWithNavigation, Select, type SelectItem, type SelectItemGroup, Separator, type ServerFieldError, Sheet, type SideInformation, Sidebar, type SidebarMode, SidebarProvider, type SidebarSide, type SidebarSlot, Skeleton, SkeletonList, Slider, SplitButton, SpotlightBackdrop, type SpotlightTarget, StatCard, StatCardGrid, type Props$2 as StatCardGridProps, type RootProps$1 as StatCardProps, type TrendDirection as StatCardTrendDirection, type TrendProps as StatCardTrendProps, type StepStatus, Stepper, type StepperOrientation, SuggestedPrompt, Switch, Table, Tabs, TabsContent, Tagger, type TargetRect, TextInput, Textarea, type Theme, ThemeProvider, ThinkingIndicator, type ThumbTooltipFn, TimeInput, TimePicker, Timeline, type ToastOptions, Toaster, Toggle, ToggleGroup, type Tokens, ToolCallApproval, type ToolCallApprovalProps, type ToolCallApprovalStatus, ToolCallChip, type ToolCallChipProps, type ToolCallState, Tooltip, type Props$1P as TooltipProps, TooltipProvider, type Trigger, Truncated, UsageStats, UsageStatsRing, type UseAutosizeInputOptions, type UseAutosizeInputReturn, type ValidityState, type WordInformation, ZoomableSvg, argoVariants, channelsToHex, cn, computeDiffRows, computeLineInformation, contrastRatio, copyToClipboard, hexToChannels, isMac, kbdVariants, keys, mergeRefs, setServerFieldErrors, toast, useAppForm, useArgoDesign, useAutosizeInput, useMergeDiff, useNotification, useScrollbarPosition, useSidebar, useTargetRect, useTheme, wcagLevel, withForm };