@keboola/design 4.2.1 → 4.3.1

package/dist/index.d.cts

@@ -36,6 +36,8 @@ import * as _base_ui_react_separator from '@base-ui/react/separator';
 import * as _base_ui_react_combobox from '@base-ui/react/combobox';
 import { Combobox as Combobox$1 } from '@base-ui/react/combobox';
 import * as _base_ui_react_types from '@base-ui/react/types';
+import { Brand } from '@keboola/brand-registry';
+export { Brand, brandSchema, brands, exampleCustomer, getBrand, keboola, keboolaLegacy } from '@keboola/brand-registry';
 import { OTPInput, RenderProps } from 'input-otp';
 export { SlotProps as InputOtpRenderSlotProps, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS } from 'input-otp';
 import { Accept, FileRejection } from 'react-dropzone';
@@ -53,8 +55,6 @@ import * as _tanstack_react_form from '@tanstack/react-form';
 import { AnyFormApi } from '@tanstack/react-form';
 import { ClassValue } from 'clsx';
 export { Slot } from '@radix-ui/react-slot';
-import { Brand } from '@keboola/brand-registry';
-export { Brand, brandSchema, brands, exampleCustomer, getBrand, keboola, keboolaLegacy } from '@keboola/brand-registry';
 
 declare const variants$3: (props?: ({
     block?: boolean | null | undefined;
@@ -74,7 +74,7 @@ declare const argoVariants: (props?: ({
  * for height (including `icon-*` sizes when rendering icon-only). Icons are
  * composed as children — `<Button><Trash2 className="tw-size-4" /> Delete</Button>`.
  */
-type Props$1P = {
+type Props$1Q = {
     /** 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. */
@@ -93,7 +93,7 @@ type Props$1P = {
  * @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$1P & {
+declare const Button: ({ ref, children, disabled, className, type, isLoading, asChild, onClick, variant, size, block, ...buttonProps }: Props$1Q & {
     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$1O = ComponentProps<'button'> & VariantProps<typeof buttonInlineVariants> & {
+type Props$1P = ComponentProps<'button'> & VariantProps<typeof buttonInlineVariants> & {
     asChild?: boolean;
 };
-declare const ButtonInline: ({ ref, children, className, variant, color, type, asChild, ...buttonProps }: Props$1O & {
+declare const ButtonInline: ({ ref, children, className, variant, color, type, asChild, ...buttonProps }: Props$1P & {
     ref?: Ref<ElementRef<"button">>;
 }) => react_jsx_runtime.JSX.Element;
 
@@ -112,18 +112,18 @@ declare const buttonGroupVariant: (props?: ({
     variant?: "inline" | "block" | null | undefined;
     space?: "compact" | "small" | "medium" | "large" | "extra-small" | "little-small" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type Props$1N = {
+type Props$1O = {
     children: ReactNode;
     className?: string;
 } & VariantProps<typeof buttonGroupVariant> & ComponentProps<'div'>;
-declare const ButtonGroup: ({ ref, children, space, className, variant, ...rest }: Props$1N & {
+declare const ButtonGroup: ({ ref, children, space, className, variant, ...rest }: Props$1O & {
     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$1M = {
+type Props$1N = {
     actions?: ReactNode;
     isActionsOpen?: boolean;
     onActionsOpenChange?: (open: boolean) => void;
@@ -132,7 +132,7 @@ type Props$1M = {
     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$1M & {
+declare const SplitButton: (({ ref, disabled, actions, variant, size, isActionsOpen, onActionsOpenChange, icon, children, ...rest }: Props$1N & {
     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$1L = {
+type Props$1M = {
     className?: string;
 } & PropsWithChildren;
 declare const MultiActionButtonGroup: {
-    ({ children, className }: Props$1L): react_jsx_runtime.JSX.Element;
+    ({ children, className }: Props$1M): react_jsx_runtime.JSX.Element;
     Button: ({ disabled, icon, isLoading, label, onClick, tooltipContent, tooltipVariant, "data-testid": dataTestId, }: {
         disabled?: boolean;
         icon: react.ReactNode;
@@ -168,11 +168,11 @@ declare const toggleVariants: (props?: ({
     size?: "small" | "medium" | "large" | null | undefined;
     iconOnly?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type Props$1K = {
+type Props$1L = {
     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$1K & {
+declare const Toggle: ({ ref, className, variant, size, children, icon, badge, disabled, ...props }: Props$1L & {
     ref?: Ref<ElementRef<"button">>;
 }) => react_jsx_runtime.JSX.Element;
 
@@ -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$1J = {
+type Props$1K = {
     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$1J) => react_jsx_runtime.JSX.Element;
+declare const TooltipContent: ({ className, variant, keepOpenOnPointerDownOutside, children, onPointerDownOutside, sideOffset, collisionPadding, hideWhenDetached, placement, ...rest }: Props$1K) => 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$1I = {
+type Props$1J = {
     /** 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$1I): react_jsx_runtime.JSX.Element;
+    ({ tooltip, children, className, keepOpenOnTriggerClick, variant, placement, forceHide, forceShow, triggerAsChild, }: Props$1J): 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,33 +251,33 @@ declare const Tooltip: {
     }) => react_jsx_runtime.JSX.Element;
 };
 
-type Props$1H = {
-    tooltip?: Props$1I['tooltip'];
-    tooltipPlacement?: Props$1I['placement'];
-    tooltipVariant?: Props$1I['variant'];
-    asChild?: Props$1I['triggerAsChild'];
+type Props$1I = {
+    tooltip?: Props$1J['tooltip'];
+    tooltipPlacement?: Props$1J['placement'];
+    tooltipVariant?: Props$1J['variant'];
+    asChild?: Props$1J['triggerAsChild'];
     text?: string | (() => string);
 } & ComponentProps<'button'>;
-declare const Clipboard: ({ ref, text: textProp, children, tooltip, tooltipPlacement, tooltipVariant: tooltipVariantProp, asChild, onClick, className, ...restButtonProps }: Props$1H & {
+declare const Clipboard: ({ ref, text: textProp, children, tooltip, tooltipPlacement, tooltipVariant: tooltipVariantProp, asChild, onClick, className, ...restButtonProps }: Props$1I & {
     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$1G = ClipboardProps$1 & ButtonProps$2 & {
+type Props$1H = ClipboardProps$1 & ButtonProps$2 & {
     icon?: ReactNode;
 };
-declare const ClipboardButton: ({ text, tooltip, tooltipPlacement, tooltipVariant, icon, variant, children, ...rest }: Props$1G) => react_jsx_runtime.JSX.Element;
+declare const ClipboardButton: ({ text, tooltip, tooltipPlacement, tooltipVariant, icon, variant, children, ...rest }: Props$1H) => 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$1F = {
+type Props$1G = {
     hideIcon?: boolean;
 } & ClipboardProps & ButtonProps$1;
-declare const ClipboardInline: ({ text, tooltip, tooltipPlacement, tooltipVariant, children, hideIcon, ...rest }: Props$1F) => react_jsx_runtime.JSX.Element;
+declare const ClipboardInline: ({ text, tooltip, tooltipPlacement, tooltipVariant, children, hideIcon, ...rest }: Props$1G) => react_jsx_runtime.JSX.Element;
 
-type Props$1E = ComponentProps<'a'>;
-declare const Link: ({ ref, children, target, rel, onClick, className, ...rest }: Props$1E & {
+type Props$1F = ComponentProps<'a'>;
+declare const Link: ({ ref, children, target, rel, onClick, className, ...rest }: Props$1F & {
     ref?: Ref<ElementRef<"a">>;
 }) => react_jsx_runtime.JSX.Element;
 
@@ -289,13 +289,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$1D = {
+type Props$1E = {
     onConfirm?: ConfirmHandler;
     onCancel?: CancelHandler;
     skipAsyncWait?: boolean;
 } & ComponentProps<typeof Root$1>;
 declare const AlertModal: {
-    ({ children, onConfirm, onCancel, skipAsyncWait, open, defaultOpen, onOpenChange, ...rest }: Props$1D): react_jsx_runtime.JSX.Element;
+    ({ children, onConfirm, onCancel, skipAsyncWait, open, defaultOpen, onOpenChange, ...rest }: Props$1E): 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;
@@ -311,7 +311,7 @@ declare const AlertModal: {
  * Props for the `Modal` root — forwarded to Radix `Dialog.Root` (controls `open`, `onOpenChange`,
  * `defaultOpen`, `modal`).
  */
-type Props$1C = ComponentProps<typeof Root$2>;
+type Props$1D = ComponentProps<typeof Root$2>;
 /**
  * Blocking dialog for confirmations, forms, and detail views. Built on Radix Dialog.
  *
@@ -327,7 +327,7 @@ type Props$1C = ComponentProps<typeof Root$2>;
  * @see RECIPES.md#confirm-dialog — for destructive-confirm dialogs
  */
 declare const Modal: {
-    (props: Props$1C): react_jsx_runtime.JSX.Element;
+    (props: Props$1D): react_jsx_runtime.JSX.Element;
     /** Radix `Dialog.Close` re-export — closes the nearest `Modal` when clicked. Use `asChild` to wrap a `Button`. */
     Close: react.ForwardRefExoticComponent<_radix_ui_react_dialog.DialogCloseProps & react.RefAttributes<HTMLButtonElement>>;
     /** Radix `Dialog.Trigger` re-export — opens the modal. Use `asChild` to wrap a `Button`. */
@@ -389,7 +389,7 @@ declare const FullScreenModal: (({ children, className, lockBodyScroll, onEscape
     }) => react_jsx_runtime.JSX.Element;
 };
 
-type Props$1B = PropsWithChildren<Omit<HTMLAttributes<HTMLDivElement>, 'title'> & {
+type Props$1C = PropsWithChildren<Omit<HTMLAttributes<HTMLDivElement>, 'title'> & {
     title: ReactNode;
     titleClassName?: string;
     titleWrapperClassName?: string;
@@ -398,16 +398,16 @@ type Props$1B = PropsWithChildren<Omit<HTMLAttributes<HTMLDivElement>, 'title'>
     onClose?: () => void;
     showPreviousTitle?: boolean;
 }>;
-declare const FullScreenModalHeader: ({ title, titleClassName, titleWrapperClassName, defaultTitleStyles, isTitleWithIcon, children, onClose, className, showPreviousTitle, ...props }: Props$1B) => react_jsx_runtime.JSX.Element;
+declare const FullScreenModalHeader: ({ title, titleClassName, titleWrapperClassName, defaultTitleStyles, isTitleWithIcon, children, onClose, className, showPreviousTitle, ...props }: Props$1C) => react_jsx_runtime.JSX.Element;
 
-type Props$1A = HTMLAttributes<HTMLDivElement>;
-declare const FullScreenModalBody: ({ ref, className, children, ...props }: Props$1A & {
+type Props$1B = HTMLAttributes<HTMLDivElement>;
+declare const FullScreenModalBody: ({ ref, className, children, ...props }: Props$1B & {
     ref?: Ref<HTMLDivElement>;
 }) => react_jsx_runtime.JSX.Element;
 
-type Props$1z = ComponentProps<typeof Root$2>;
+type Props$1A = ComponentProps<typeof Root$2>;
 declare const Sheet: {
-    (props: Props$1z): react_jsx_runtime.JSX.Element;
+    (props: Props$1A): 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> & {
@@ -430,9 +430,9 @@ declare const Sheet: {
     Body: ({ className, ...rest }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => react_jsx_runtime.JSX.Element;
 };
 
-type Props$1y = ComponentProps<typeof Root$3>;
+type Props$1z = ComponentProps<typeof Root$3>;
 declare const Popover: {
-    (props: Props$1y): react_jsx_runtime.JSX.Element;
+    (props: Props$1z): react_jsx_runtime.JSX.Element;
     /**
      * Main Layout
      */
@@ -454,12 +454,12 @@ type PopconfirmContextType = {
     isLoading: boolean;
 };
 
-type Props$1x = {
+type Props$1y = {
     children: ReactNode;
     skipAsyncWait?: boolean;
 } & ComponentProps<typeof Popover> & Omit<Partial<PopconfirmContextType>, 'isLoading'>;
 declare const Popconfirm: {
-    ({ children, onConfirm, onCancel, variant, enabled, onOpenChange, open, skipAsyncWait, ...rest }: Props$1x): react_jsx_runtime.JSX.Element;
+    ({ children, onConfirm, onCancel, variant, enabled, onOpenChange, open, skipAsyncWait, ...rest }: Props$1y): react_jsx_runtime.JSX.Element;
     Confirm: ({ ref, onClick, children, asChild, className, ...props }: (({
         asChild: true;
     } & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement>) | ({
@@ -812,18 +812,18 @@ declare const Popconfirm: {
     Trigger: ({ onClick, ...props }: _radix_ui_react_popover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>) => react_jsx_runtime.JSX.Element;
 };
 
-type Props$1w = ComponentProps<typeof Root$4>;
+type Props$1x = ComponentProps<typeof Root$4>;
 declare const HoverCard: {
-    ({ openDelay, closeDelay, ...rest }: Props$1w): react_jsx_runtime.JSX.Element;
+    ({ openDelay, closeDelay, ...rest }: Props$1x): 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$1v = ComponentProps<typeof Root$5>;
+type Props$1w = ComponentProps<typeof Root$5>;
 declare const DropdownMenu: {
-    ({ modal, ...props }: Props$1v): react_jsx_runtime.JSX.Element;
+    ({ modal, ...props }: Props$1w): react_jsx_runtime.JSX.Element;
     /**
      * Main Layout
      */
@@ -879,14 +879,14 @@ declare const DropdownMenu: {
     }) => react_jsx_runtime.JSX.Element;
 };
 
-type Props$1u = {
+type Props$1v = {
     variant?: 'checkbox' | 'radio' | 'default';
 };
-declare const CheckIndicator: ({ variant }: Props$1u) => react_jsx_runtime.JSX.Element | null;
+declare const CheckIndicator: ({ variant }: Props$1v) => react_jsx_runtime.JSX.Element | null;
 
-type Props$1t = ComponentProps<typeof Command$1>;
+type Props$1u = ComponentProps<typeof Command$1>;
 declare const Command: {
-    ({ className, ...rest }: Props$1t): react_jsx_runtime.JSX.Element;
+    ({ className, ...rest }: Props$1u): 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>;
@@ -1282,25 +1282,25 @@ declare const Command: {
 declare const addonVariants$1: (props?: ({
     align?: "inline-start" | "inline-end" | "block-start" | "block-end" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type Props$1s = ComponentProps<'div'> & VariantProps<typeof addonVariants$1>;
-declare const InputGroupAddon: ({ children, align, className, ...props }: Props$1s) => react_jsx_runtime.JSX.Element;
+type Props$1t = ComponentProps<'div'> & VariantProps<typeof addonVariants$1>;
+declare const InputGroupAddon: ({ children, align, className, ...props }: Props$1t) => react_jsx_runtime.JSX.Element;
 
 type ButtonProps = ComponentProps<typeof Button>;
-type Props$1r = Omit<ButtonProps, 'size' | 'block' | 'variant'>;
-declare const InputGroupButton: ({ ref, className, tabIndex, ...props }: Props$1r & {
+type Props$1s = Omit<ButtonProps, 'size' | 'block' | 'variant'>;
+declare const InputGroupButton: ({ ref, className, tabIndex, ...props }: Props$1s & {
     ref?: Ref<ElementRef<"button">>;
 }) => react_jsx_runtime.JSX.Element;
 
-type Props$1q = ComponentProps<'input'>;
-declare const InputGroupInput: ({ ref, className, ...inputProps }: Props$1q & {
+type Props$1r = ComponentProps<'input'>;
+declare const InputGroupInput: ({ ref, className, ...inputProps }: Props$1r & {
     ref?: Ref<ElementRef<"input">>;
 }) => react_jsx_runtime.JSX.Element;
 
-type Props$1p = ComponentProps<'span'>;
-declare const InputGroupText: ({ className, ...props }: Props$1p) => react_jsx_runtime.JSX.Element;
+type Props$1q = ComponentProps<'span'>;
+declare const InputGroupText: ({ className, ...props }: Props$1q) => react_jsx_runtime.JSX.Element;
 
 type TextareaNativeProps$1 = Omit<ComponentProps<typeof react_textarea_autosize__default>, 'value' | 'defaultValue' | 'rows' | 'maxRows'>;
-type Props$1o = TextareaNativeProps$1 & {
+type Props$1p = TextareaNativeProps$1 & {
     value?: string | null;
     defaultValue?: string | null;
     onValueChange?: (value: string) => void;
@@ -1308,7 +1308,7 @@ type Props$1o = TextareaNativeProps$1 & {
     maxRows?: number | 'unlimited';
     disableResize?: boolean;
 };
-declare const InputGroupTextArea: ({ ref, className, onChange, onValueChange, value, defaultValue, onBlur, onValueBlur, disableResize, minRows, maxRows, ...props }: Props$1o & {
+declare const InputGroupTextArea: ({ ref, className, onChange, onValueChange, value, defaultValue, onBlur, onValueBlur, disableResize, minRows, maxRows, ...props }: Props$1p & {
     ref?: Ref<ElementRef<"textarea">>;
 }) => react_jsx_runtime.JSX.Element;
 
@@ -1318,10 +1318,10 @@ declare const inputGroupVariants: (props?: ({
     sizing?: "small" | "medium" | "default" | null | undefined;
     state?: "default" | "error" | "warning" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type Props$1n = ComponentProps<'div'> & Omit<VariantProps<typeof inputGroupVariants>, 'variant'> & {
+type Props$1o = 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$1n & {
+declare const InputGroupRoot: ({ ref, children, state, variant, sizing, focusVariant, className, ...props }: Props$1o & {
     ref?: Ref<ElementRef<"div">>;
 }) => react_jsx_runtime.JSX.Element;
 declare const InputGroup: typeof InputGroupRoot & {
@@ -1332,7 +1332,7 @@ declare const InputGroup: typeof InputGroupRoot & {
     Text: typeof InputGroupText;
 };
 
-type InputGroupProps$6 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'sizing' | 'state'>;
+type InputGroupProps$7 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'sizing' | 'state'>;
 type OwnProps$1 = {
     prefix?: ReactNode;
     rightSuffix?: ReactNode;
@@ -1348,7 +1348,7 @@ type OwnProps$1 = {
  * Props for `Input`. Combines `InputGroup` chrome (variant / sizing / state / focusVariant) with
  * input-specific slots (`prefix`, `leftSuffix`, `rightSuffix`, `allowClear`).
  */
-type Props$1m = InputGroupProps$6 & OwnProps$1 & Omit<ComponentProps<'input'>, 'prefix' | 'value' | 'defaultValue'>;
+type Props$1n = InputGroupProps$7 & OwnProps$1 & Omit<ComponentProps<'input'>, 'prefix' | 'value' | 'defaultValue'>;
 /**
  * Low-level text input with `InputGroup` chrome — addons, clear button, sizing, focus variants.
  *
@@ -1358,12 +1358,12 @@ type Props$1m = InputGroupProps$6 & 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$1m & {
+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$1n & {
     ref?: Ref<ElementRef<"input">>;
 }) => react_jsx_runtime.JSX.Element;
 
-type InputProps$2 = ComponentProps<typeof Input$1>;
-type Props$1l = Omit<InputProps$2, 'type' | 'value' | 'defaultValue'> & {
+type InputProps$1 = ComponentProps<typeof Input$1>;
+type Props$1m = Omit<InputProps$1, 'type' | 'value' | 'defaultValue'> & {
     defaultValue?: Date | null;
     disabledDays?: Matcher | Matcher[];
     endMonth?: Date;
@@ -1372,12 +1372,12 @@ type Props$1l = Omit<InputProps$2, '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$1l & {
+declare const DateInput: ({ ref, defaultValue, disabled, disabledDays, endMonth, onBlur, onChange, onValueBlur, onValueChange, placeholder, readOnly, startMonth, value, variant, ...props }: Props$1m & {
     ref?: Ref<ElementRef<"input">>;
 }) => react_jsx_runtime.JSX.Element;
 
-type InputProps$1 = ComponentProps<typeof Input$1>;
-type Props$1k = Omit<InputProps$1, 'type' | 'value' | 'defaultValue'> & {
+type InputProps = ComponentProps<typeof Input$1>;
+type Props$1l = Omit<InputProps, 'type' | 'value' | 'defaultValue'> & {
     defaultValue?: DateRange$1 | null;
     endMonth?: Date;
     onValueBlur?: (value: DateRange$1 | null) => void;
@@ -1385,7 +1385,7 @@ type Props$1k = Omit<InputProps$1, '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$1k & {
+declare const DateRangeInput: ({ ref, defaultValue, disabled, endMonth, onBlur, onChange, onValueBlur, onValueChange, placeholder, readOnly, startMonth, value, ...props }: Props$1l & {
     ref?: Ref<ElementRef<"input">>;
 }) => react_jsx_runtime.JSX.Element;
 
@@ -1403,7 +1403,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$1j = OwnProps & NativeProps;
+type Props$1k = OwnProps & NativeProps;
 /**
  * Standard text input with a string-only API. The default choice for a bare text input.
  *
@@ -1415,53 +1415,42 @@ type Props$1j = 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$1j & {
+declare const TextInput: ({ ref, value, defaultValue, type, variant, onValueChange, onChange, onValueBlur, onBlur, ...props }: Props$1k & {
     ref?: Ref<ElementRef<"input">>;
 }) => react_jsx_runtime.JSX.Element;
 
-type InputProps = ComponentProps<typeof Input$1>;
-type Props$1i = Omit<InputProps, 'type' | 'value' | 'defaultValue' | 'rightSuffix' | 'rightSuffixVariant'> & {
-    value?: string | null;
-    defaultValue?: string | null;
-    onValueChange?: (value: string | null) => void;
-    onValueBlur?: (value: string | null) => void;
-};
-declare const TimeInput: ({ ref, defaultValue, disabled, onBlur, onChange, onValueBlur, onValueChange, placeholder, readOnly, value, variant, className, ...props }: Props$1i & {
+type Props$1j = ComponentProps<typeof TextInput>;
+declare const CommandInput: ({ ref, className, ...props }: Props$1j & {
     ref?: Ref<ElementRef<"input">>;
 }) => react_jsx_runtime.JSX.Element;
 
-type Props$1h = ComponentProps<typeof TextInput>;
-declare const CommandInput: ({ ref, className, ...props }: Props$1h & {
-    ref?: Ref<ElementRef<"input">>;
-}) => react_jsx_runtime.JSX.Element;
-
-type Props$1g = ComponentProps<typeof ScrollAreaPrimitive.Root> & {
+type Props$1i = 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$1g & {
+declare const ScrollArea: ({ ref, className, children, viewPortClassName, orientation, scrollBarClassName, ...props }: Props$1i & {
     ref?: Ref<ElementRef<"div">>;
 }) => react_jsx_runtime.JSX.Element;
 
-type Props$1f = ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>;
-declare const ScrollBar: ({ className, orientation, ...props }: Props$1f) => react_jsx_runtime.JSX.Element;
+type Props$1h = ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>;
+declare const ScrollBar: ({ className, orientation, ...props }: Props$1h) => react_jsx_runtime.JSX.Element;
 
-type Props$1e = ComponentProps<typeof Command$1.List> & Pick<ComponentProps<typeof ScrollArea>, 'viewPortClassName'>;
-declare const CommandList: ({ ref, className, children, viewPortClassName, ...props }: Props$1e & {
+type Props$1g = ComponentProps<typeof Command$1.List> & Pick<ComponentProps<typeof ScrollArea>, 'viewPortClassName'>;
+declare const CommandList: ({ ref, className, children, viewPortClassName, ...props }: Props$1g & {
     ref?: Ref<ElementRef<"div">>;
 }) => react_jsx_runtime.JSX.Element;
 
-type Props$1d = ComponentProps<typeof Command$1.Group>;
-declare const CommandGroup: ({ className, ...props }: Props$1d) => react_jsx_runtime.JSX.Element;
+type Props$1f = ComponentProps<typeof Command$1.Group>;
+declare const CommandGroup: ({ className, ...props }: Props$1f) => react_jsx_runtime.JSX.Element;
 
-type Props$1c = ComponentProps<typeof Command$1.Item> & {
+type Props$1e = 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$1c) => react_jsx_runtime.JSX.Element;
+declare const CommandItem: ({ className, icon, children, checked, variant, actions, ...props }: Props$1e) => react_jsx_runtime.JSX.Element;
 
 type CalendarProps = Omit<PropsBase, 'required' | 'captionLayout'> & (PropsSingle | PropsRange);
 declare const Calendar: {
@@ -1505,13 +1494,13 @@ declare const DateRangePicker: {
     displayName: string;
 };
 
-type Props$1b = {
+type Props$1d = {
     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$1b) => react_jsx_runtime.JSX.Element;
+declare const TimePicker: ({ align, alignOffset, children, defaultOpen, defaultSelected, onOpenChange, onSelect, open, selected, sideOffset, }: Props$1d) => react_jsx_runtime.JSX.Element;
 
 type LabelProps = {
     id?: string | number;
@@ -1533,21 +1522,21 @@ declare const switchVariants: (props?: ({
     size?: "small" | "medium" | "large" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
-type Props$1a = {
+type Props$1c = {
     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$1a & {
+declare const Switch: ({ ref, className, size, disabled, id: idProp, children, description, variant, position, ...props }: Props$1c & {
     ref?: Ref<ElementRef<"button">>;
 }) => react_jsx_runtime.JSX.Element;
 
 type Variant$7 = 'radio' | 'button' | 'radio-block';
 type Orientation = 'vertical' | 'horizontal';
 
-type Props$19<Value> = {
+type Props$1b<Value> = {
     variant?: Variant$7;
     orientation?: Orientation;
     onValueChange?: (value: Value) => void;
@@ -1555,7 +1544,7 @@ type Props$19<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$19<Value>): react_jsx_runtime.JSX.Element;
+    <Value extends string = string>({ variant, className, disabled, orientation, onValueChange, children, value, defaultValue, ...props }: Props$1b<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;
@@ -1852,34 +1841,34 @@ declare const RadioGroup: {
     } & {
         value: T;
         tooltip?: react.ReactNode;
-        tooltipVariant?: Props$1I["variant"];
-        tooltipPlacement?: Props$1I["placement"];
+        tooltipVariant?: Props$1J["variant"];
+        tooltipPlacement?: Props$1J["placement"];
         description?: react.ReactNode;
     }) => react_jsx_runtime.JSX.Element;
     Separator: () => react_jsx_runtime.JSX.Element;
 };
 
-type Props$18 = ComponentProps<typeof Thumb> & {
+type Props$1a = ComponentProps<typeof Thumb> & {
     tooltip?: ReactNode;
     tooltipSide?: ComponentProps<typeof Tooltip.Content>['placement'];
 };
-declare const SliderThumb: ({ ref: forwardedRef, className, tooltip, tooltipSide, ...props }: Props$18 & {
+declare const SliderThumb: ({ ref: forwardedRef, className, tooltip, tooltipSide, ...props }: Props$1a & {
     ref?: Ref<ElementRef<typeof Thumb>>;
 }) => react_jsx_runtime.JSX.Element;
 
 type ThumbTooltipFn = (value: number, index: number) => ReactNode;
-type Props$17 = ComponentProps<typeof Root$7> & {
+type Props$19 = 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$17 & {
+declare const Slider: ({ ref, className, value, defaultValue, min, max, onValueChange, thumbTooltip, thumbTooltipSide, rangeClassName, ...rest }: Props$19 & {
     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$16 = {
+type Props$18 = {
     suffix?: ReactNode;
     disableDebounce?: boolean;
     debounceDelay?: number;
@@ -1894,14 +1883,14 @@ type Props$16 = {
 /**
  * @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$16 & {
+declare const Search: ({ ref, suffix, className, onBlur, onChange, disabled, readOnly, disableDebounce, debounceDelay, value: externalValue, defaultValue, testId: prefixTestId, placeholder, onClear, variant, ...rest }: Props$18 & {
     ref?: Ref<ElementRef<"input">>;
 }) => react_jsx_runtime.JSX.Element;
 
-type Props$15 = {
+type Props$17 = {
     onSubmit: (value: string) => void;
 } & Omit<ComponentProps<typeof Search>, 'onClear' | 'onBlur' | 'onSubmit'>;
-declare const SearchForm: ({ ref, onSubmit, name, ...props }: Props$15 & {
+declare const SearchForm: ({ ref, onSubmit, name, ...props }: Props$17 & {
     ref?: Ref<ElementRef<"input">>;
 }) => react_jsx_runtime.JSX.Element;
 
@@ -1926,10 +1915,10 @@ declare const variants$2: (props?: ({
     sizing?: "small" | "medium" | "default" | null | undefined;
     state?: "default" | "error" | "warning" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type Props$14 = ComponentProps<typeof _radix_ui_react_select.Trigger> & Omit<VariantProps<typeof variants$2>, 'variant'> & {
+type Props$16 = 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$14 & {
+declare const SelectTrigger: ({ ref, className, variant, state, sizing, placeholder, ...props }: Props$16 & {
     ref?: Ref<ElementRef<"button">>;
 }) => react_jsx_runtime.JSX.Element;
 
@@ -1948,7 +1937,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$13 = Pick<SelectRootProps, 'value' | 'defaultValue' | 'onValueChange' | 'disabled' | 'name' | 'required' | 'open' | 'defaultOpen' | 'onOpenChange'> & Pick<TriggerProps, 'variant' | 'state' | 'sizing' | 'placeholder' | 'id' | 'className'> & {
+type Props$15 = Pick<SelectRootProps, 'value' | 'defaultValue' | 'onValueChange' | 'disabled' | 'name' | 'required' | 'open' | 'defaultOpen' | 'onOpenChange'> & Pick<TriggerProps, 'variant' | 'state' | 'sizing' | 'placeholder' | 'id' | 'className'> & {
     items?: readonly (SelectItem | SelectItemGroup)[];
 };
 /**
@@ -1963,7 +1952,7 @@ type Props$13 = 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$13): react_jsx_runtime.JSX.Element;
+    ({ value, defaultValue, onValueChange, disabled, name, required, open, defaultOpen, onOpenChange, variant, state, sizing, placeholder, id, className, items, }: Props$15): 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;
@@ -1993,51 +1982,51 @@ declare const Select: {
     Separator: ({ className, ...props }: _radix_ui_react_select.SelectSeparatorProps & react.RefAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
 };
 
-type Props$12 = {
+type Props$14 = {
     id?: string | number;
     description?: ReactNode;
     variant?: VariantProps<typeof fieldBoxVariants>['variant'];
     position?: 'start' | 'end';
-    tooltip?: Props$1I['tooltip'];
-    tooltipPlacement?: Props$1I['placement'];
+    tooltip?: Props$1J['tooltip'];
+    tooltipPlacement?: Props$1J['placement'];
 } & Omit<ComponentProps<typeof Root$8>, 'id'>;
-declare function Checkbox(prop: Omit<Props$12, 'checked' | 'onCheckedChange'> & {
+declare function Checkbox(prop: Omit<Props$14, 'checked' | 'onCheckedChange'> & {
     checked?: boolean;
     onCheckedChange?: (checked: boolean) => void;
 }): ReactNode;
-declare function Checkbox(prop: Omit<Props$12, 'checked' | 'onCheckedChange'> & {
+declare function Checkbox(prop: Omit<Props$14, 'checked' | 'onCheckedChange'> & {
     checked?: CheckedState;
     onCheckedChange?: (checked: CheckedState) => void;
 }): ReactNode;
 
 type Variant$6 = 'check' | 'checkbox';
-type Props$11 = Omit<ComponentProps<typeof Combobox$1.ItemIndicator>, 'className' | 'children'> & {
+type Props$13 = Omit<ComponentProps<typeof Combobox$1.ItemIndicator>, 'className' | 'children'> & {
     className?: string;
     variant?: Variant$6;
 };
-declare const ComboboxItemIndicator: ({ ref, className, variant, ...props }: Props$11 & {
+declare const ComboboxItemIndicator: ({ ref, className, variant, ...props }: Props$13 & {
     ref?: Ref<ElementRef<"span">>;
 }) => react_jsx_runtime.JSX.Element;
 
-type Props$10 = Omit<ComponentProps<typeof Combobox$1.Input>, 'render'>;
-declare const ComboboxInput: ({ ref, ...props }: Props$10 & {
+type Props$12 = Omit<ComponentProps<typeof Combobox$1.Input>, 'render'>;
+declare const ComboboxInput: ({ ref, ...props }: Props$12 & {
     ref?: Ref<ElementRef<"input">>;
 }) => react_jsx_runtime.JSX.Element;
 
-type InputGroupProps$5 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'sizing' | 'state'>;
-type Props$$ = InputGroupProps$5 & Omit<ComponentProps<typeof Combobox$1.InputGroup>, 'render' | 'className'> & {
+type InputGroupProps$6 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'sizing' | 'state'>;
+type Props$11 = InputGroupProps$6 & Omit<ComponentProps<typeof Combobox$1.InputGroup>, 'render' | 'className'> & {
     className?: string;
 };
-declare const ComboboxInputGroup: ({ ref, state, variant, sizing, focusVariant, className, ...props }: Props$$ & {
+declare const ComboboxInputGroup: ({ ref, state, variant, sizing, focusVariant, className, ...props }: Props$11 & {
     ref?: Ref<ElementRef<"div">>;
 }) => react_jsx_runtime.JSX.Element;
 
-type Props$_ = Omit<ComponentProps<typeof Combobox$1.Item>, 'className'> & {
+type Props$10 = 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$_ & {
+declare const ComboboxItem: ({ ref, className, children, icon, indicator: variant, ...props }: Props$10 & {
     ref?: Ref<ElementRef<"div">>;
 }) => react_jsx_runtime.JSX.Element;
 
@@ -2057,7 +2046,7 @@ type CreatableProps<Value> = {
     queryToCreateLabel?: (query: string) => ReactNode;
     queryToCreateValue?: (query: string) => Value;
 };
-type Props$Z<Value, GroupShape extends Group<Value> = Group<Value>> = PublicComboboxInputProps & PublicComboboxProps<Value> & CreatableProps<Value> & {
+type Props$$<Value, GroupShape extends Group<Value> = Group<Value>> = PublicComboboxInputProps & PublicComboboxProps<Value> & CreatableProps<Value> & {
     items?: readonly (Value | GroupShape)[];
     allowClear?: boolean;
     empty?: ReactNode;
@@ -2069,7 +2058,7 @@ type Props$Z<Value, GroupShape extends Group<Value> = Group<Value>> = PublicComb
     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$Z<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$$<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;
@@ -2452,7 +2441,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$Y<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$_<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;
@@ -2476,9 +2465,9 @@ type Props$Y<Value, GroupShape extends Group<Value> = Group<Value>> = Pick<Combo
  * @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$Y<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$_<Value, GroupShape>) => react_jsx_runtime.JSX.Element;
 
-type InputGroupProps$4 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'sizing' | 'focusVariant' | 'state'>;
+type InputGroupProps$5 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'sizing' | 'focusVariant' | 'state'>;
 type TextareaNativeProps = Omit<ComponentProps<typeof InputGroup.TextArea>, 'value' | 'defaultValue' | 'rows' | 'maxRows'>;
 type TextareaOwnProps = {
     value?: string | null;
@@ -2489,12 +2478,12 @@ type TextareaOwnProps = {
     disableResize?: boolean;
     containerClassName?: string;
 };
-type Props$X = InputGroupProps$4 & TextareaNativeProps & TextareaOwnProps;
+type Props$Z = 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$X & {
+declare const Textarea: ({ ref, containerClassName, state, variant, sizing, focusVariant, ...rest }: Props$Z & {
     ref?: Ref<ElementRef<"textarea">>;
 }) => react_jsx_runtime.JSX.Element;
 
@@ -2507,22 +2496,229 @@ type AutoSaveTextareaProps = {
 } & Pick<ComponentProps<typeof Textarea>, 'variant' | 'minRows' | 'maxRows' | 'className' | 'containerClassName' | 'maxLength'>;
 declare const AutoSaveTextarea: ({ savedValue, onSave, placeholder, disabled, grow, ...textareaProps }: AutoSaveTextareaProps) => 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 Props$W = InputGroupProps$3 & InputGroupInputProps$3 & {
+type InputGroupProps$4 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
+type InputGroupInputProps$4 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue'>;
+type Props$Y = 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$W & {
+declare const ColorInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, onValueChange, onValueBlur, onChange, onBlur, defaultValue, allowClear, disabled, readOnly, ...restInputProps }: 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' | 'prefix'>;
-type Props$V = InputGroupProps$2 & InputGroupInputProps$2 & {
+type ColorScheme = 'light' | 'dark' | 'system';
+type ResolvedMode = 'light' | 'dark';
+type ThemeContextValue = {
+    brand: Brand;
+    setBrand?: (brand: Brand) => void;
+    /** The configured color scheme (may be `'system'`). */
+    colorScheme: ColorScheme;
+    /** The effective light/dark mode after resolving `'system'`. */
+    resolvedMode: ResolvedMode;
+};
+
+type Props$X = {
+    /**
+     * Brand whose tokens drive the chrome (`@keboola/design`'s semantic CSS
+     * variables) inside this provider's subtree. Defaults to the canonical
+     * `keboola` brand so existing apps that mount `<ThemeProvider>` without a
+     * `brand` prop continue to render as today.
+     */
+    brand?: Brand;
+    /**
+     * Optional setter exposed through `useTheme()` so consumers can flip
+     * brands at runtime (Storybook toolbar, a customer-impersonation switch).
+     */
+    setBrand?: (brand: Brand) => void;
+    /**
+     * Light/dark mode. `'system'` follows `prefers-color-scheme` and updates
+     * reactively. Defaults to `'light'` so existing mounts don't drift. Only
+     * the ROOT provider applies this (sets `data-theme`, owns the media
+     * listener); a nested provider inherits the root's resolved mode.
+     */
+    colorScheme?: ColorScheme;
+    children: ReactNode;
+};
+/**
+ * Responsibilities:
+ * - ROOT only: render hidden SVG gradient definitions (`aigradient-600`,
+ *   `aigradient-700`). The IDs are hardcoded, so a nested provider must not
+ *   re-emit them or the document gains duplicate (HTML-invalid) IDs.
+ * - Set `data-brand="<brand.id>"` on `<html>` and inject the matching `--color-*` /
+ *   `--radius-*` CSS variables (for the resolved light/dark mode) so chrome
+ *   re-skins for the supplied brand.
+ * - ROOT only: set `data-theme` (`light` | `dark`) on `<html>` and own the
+ *   `prefers-color-scheme` media listener when `colorScheme === 'system'`.
+ *   A nested provider inherits the resolved mode from the parent context and
+ *   touches neither `data-theme` nor a media listener.
+ * - Expose `{ brand, setBrand?, colorScheme, resolvedMode }` via `useTheme()`.
+ * - ROOT only: mount a Radix `TooltipProvider` around the subtree so any
+ *   `Tooltip` works without a separately-mounted provider. Nested providers
+ *   inherit the root's `TooltipProvider` via context, so they add none of their
+ *   own — this keeps a single delay group across the app (apps like kbc-ui mount
+ *   dozens of scoped `ThemeProvider`s, so re-mounting a provider per subtree
+ *   would fragment tooltip delay behavior). A consumer's own `TooltipProvider`
+ *   still composes fine.
+ *
+ * Brand × mode: the active mode's palette is injected inline on `<html>`. When
+ * the resolved mode is `dark` and the brand has no `colorsDark`, the colour
+ * vars are NOT emitted — the stylesheet `[data-theme='dark']` block supplies
+ * them, so no `!important` override is ever needed.
+ *
+ * `data-brand` (brand id) and `data-theme` (light/dark) are separate axes so
+ * they compose without clobbering each other.
+ */
+declare const ThemeProvider: ({ brand, setBrand, colorScheme, children, }: Props$X) => react_jsx_runtime.JSX.Element;
+
+/**
+ * Read the active brand (and optional setter) from the nearest `<ThemeProvider>`.
+ *
+ * Throws if no provider is mounted — mirrors TanStack Query's `useQueryClient`
+ * error UX so missing-provider bugs surface as a clear runtime message instead
+ * of a confusing "undefined.brand" downstream.
+ */
+declare const useTheme: () => ThemeContextValue;
+
+/**
+ * Read the configured color scheme and the effective light/dark mode from the
+ * nearest `<ThemeProvider>`. Read-only — there is no setter (yet).
+ *
+ * Throws if no provider is mounted (mirrors `useTheme()`).
+ */
+declare const useColorScheme: () => {
+    colorScheme: ColorScheme;
+    resolvedMode: ResolvedMode;
+};
+
+declare const useIsLegacyBrand: () => boolean;
+
+type Props$W = {
+    brand: Brand;
+    colorScheme?: ColorScheme;
+    children: ReactNode;
+};
+/**
+ * Storybook decorator that wraps every story in a `ThemeProvider`. Wire it
+ * once in `.storybook/preview.tsx` (added to the global `decorators` array),
+ * driven by the `brand` global the toolbar item sets. Pair with
+ * `resolveStorybookBrand` + `themeToolbarBrands` from `./storybookBrands` to
+ * build the toolbar. This is the empirical brand-swap harness UT-4047
+ * promised for the layer-0 contract.
+ *
+ * `colorScheme` (driven by the **Mode** toolbar) is forwarded to the provider
+ * so flipping it sets `data-theme` and emits the active mode's palette — the
+ * empirical light/dark switch. The story is rendered on a `bg-background`
+ * surface so the mode is actually visible (otherwise dark-mode text sits on
+ * the unrelated canvas backdrop).
+ */
+declare const ThemeDecorator: ({ brand, colorScheme, children }: Props$W) => react_jsx_runtime.JSX.Element;
+
+/**
+ * Default toolbar items shipped with `ThemeDecorator` — the same brand IDs
+ * the registry exports today. Re-exported so a downstream Storybook config
+ * can extend the list with additional brands without re-implementing the
+ * decorator wiring.
+ */
+declare const themeToolbarBrands: {
+    id: string;
+    name: string;
+    colors: {
+        foreground: string;
+        background: string;
+        muted: string;
+        mutedForeground: string;
+        border: string;
+        primary: string;
+        primaryForeground: string;
+        destructive: string;
+        destructiveForeground: string;
+        accent?: string | undefined;
+        accentForeground?: string | undefined;
+    };
+    shell: "sidebar" | "topnav";
+    colorsDark?: {
+        foreground: string;
+        background: string;
+        muted: string;
+        mutedForeground: string;
+        border: string;
+        primary: string;
+        primaryForeground: string;
+        destructive: string;
+        destructiveForeground: string;
+        accent?: string | undefined;
+        accentForeground?: string | undefined;
+    } | undefined;
+    sidebarColors?: {
+        sidebar?: string | undefined;
+        sidebarForeground?: string | undefined;
+        sidebarPrimary?: string | undefined;
+        sidebarPrimaryForeground?: string | undefined;
+        sidebarAccent?: string | undefined;
+        sidebarAccentForeground?: string | undefined;
+        sidebarBorder?: string | undefined;
+        sidebarRing?: string | undefined;
+    } | undefined;
+    sidebarColorsDark?: {
+        sidebar?: string | undefined;
+        sidebarForeground?: string | undefined;
+        sidebarPrimary?: string | undefined;
+        sidebarPrimaryForeground?: string | undefined;
+        sidebarAccent?: string | undefined;
+        sidebarAccentForeground?: string | undefined;
+        sidebarBorder?: string | undefined;
+        sidebarRing?: string | undefined;
+    } | undefined;
+    typography?: {
+        fontFamily: string;
+    } | undefined;
+    radii?: {
+        sm: string;
+        md: string;
+        lg: string;
+    } | undefined;
+    density?: "comfortable" | "compact" | undefined;
+}[];
+/**
+ * Resolve a brand ID coming from the Storybook globals object. Falls back to
+ * the canonical Keboola brand if the ID is unknown — keeps the decorator
+ * defensive against stale URL state.
+ */
+declare const resolveStorybookBrand: (id: unknown) => Brand;
+
+type Props$V = {
+    /** The active color scheme. Controlled — pair with `onValueChange`. */
+    value: ColorScheme;
+    /** Called with the chosen scheme when the user picks a menu item. */
+    onValueChange: (value: ColorScheme) => void;
+    /** Trigger button size. Defaults to `small`. */
+    size?: 'small' | 'medium';
+    className?: string;
+};
+/**
+ * Light / dark / system control — a single icon-only `Button` (showing the active
+ * scheme) that opens a `DropdownMenu` of the three options. Composed, not a new
+ * primitive. **Controlled:** it renders `value` and reports changes; it does not
+ * own the state. `ThemeProvider.colorScheme` is a controlled prop, so wire this to
+ * wherever that state lives:
+ *
+ * ```tsx
+ * const [scheme, setScheme] = useState<ColorScheme>('system');
+ * <ThemeProvider colorScheme={scheme}>…</ThemeProvider>
+ * <ColorModeSwitch value={scheme} onValueChange={setScheme} />
+ * ```
+ *
+ * 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$V) => 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$U = InputGroupProps$3 & InputGroupInputProps$3 & {
     value?: number | null;
     defaultValue?: number | null;
     onValueChange?: (value: number | null) => void;
@@ -2530,13 +2726,13 @@ type Props$V = InputGroupProps$2 & InputGroupInputProps$2 & {
     prefix?: ReactNode;
     suffix?: ReactNode;
 };
-declare const NumberInput: ({ ref, state, variant, focusVariant, sizing, className, value, defaultValue, onValueChange, onValueBlur, onChange, onBlur, prefix, suffix, ...inputProps }: Props$V & {
+declare const NumberInput: ({ ref, state, variant, focusVariant, sizing, className, value, defaultValue, onValueChange, onValueBlur, onChange, onBlur, prefix, suffix, ...inputProps }: Props$U & {
     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' | 'autoComplete'>;
-type Props$U = InputGroupProps$1 & InputGroupInputProps$1 & {
+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$T = InputGroupProps$2 & InputGroupInputProps$2 & {
     value?: string | null;
     defaultValue?: string | null;
     onValueChange?: (value: string) => void;
@@ -2546,7 +2742,20 @@ type Props$U = InputGroupProps$1 & InputGroupInputProps$1 & {
     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$U & {
+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$T & {
+    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$S = 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$S & {
     ref?: Ref<ElementRef<"input">>;
 }) => react_jsx_runtime.JSX.Element;
 
@@ -2602,7 +2811,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$T = InputGroupProps & InputGroupInputProps & {
+type Props$R = 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`. */
@@ -2631,7 +2840,7 @@ type Props$T = 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$T & {
+declare const SearchInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onClear, allowClear, disableDebounce, debounceDelay, disabled, readOnly, ...restInputProps }: Props$R & {
     ref?: Ref<ElementRef<"input">>;
 }) => react_jsx_runtime.JSX.Element;
 
@@ -2656,15 +2865,15 @@ declare const addonVariants: (props?: ({
     align?: "inline-start" | "inline-end" | null | undefined;
     variant?: "inline" | "floating" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type Props$S = ComponentProps<'div'> & VariantProps<typeof addonVariants>;
-declare const BadgeAddon: ({ ref, align, variant, className, ...rest }: Props$S & {
+type Props$Q = ComponentProps<'div'> & VariantProps<typeof addonVariants>;
+declare const BadgeAddon: ({ ref, align, variant, className, ...rest }: Props$Q & {
     ref?: Ref<ElementRef<"div">>;
 }) => react_jsx_runtime.JSX.Element;
 
-type Props$R = ComponentProps<'span'> & {
+type Props$P = ComponentProps<'span'> & {
     asChild?: boolean;
 };
-declare const BadgeLabel: ({ ref, className, asChild, ...rest }: Props$R & {
+declare const BadgeLabel: ({ ref, className, asChild, ...rest }: Props$P & {
     ref?: Ref<ElementRef<"span">>;
 }) => react_jsx_runtime.JSX.Element;
 
@@ -2673,8 +2882,8 @@ declare const badgeRootVariants: (props?: ({
     color?: "orange" | "blue" | "red" | "green" | "gray" | "cyan" | "purple" | "teal" | "white" | "gray-darker" | "gray-inverse" | "green-darker" | "green-inverse" | "blue-inverse" | "orange-inverse" | "teal-inverse" | "purple-inverse" | "cyan-inverse" | "sidebar-primary" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
-type Props$Q = ComponentProps<'div'> & VariantProps<typeof badgeRootVariants>;
-declare const BadgeRoot: ({ ref, variant, color, className, children, ...rest }: Props$Q & {
+type Props$O = ComponentProps<'div'> & VariantProps<typeof badgeRootVariants>;
+declare const BadgeRoot: ({ ref, variant, color, className, children, ...rest }: Props$O & {
     ref?: Ref<ElementRef<"div">>;
 }) => react_jsx_runtime.JSX.Element;
 
@@ -2686,14 +2895,14 @@ type BadgeLabelProps = ComponentProps<typeof BadgeLabel>;
  * `purple/cyan/teal/blue/gray` for decorative tags) — colours stay fixed across brand themes.
  * Pass `prefix` / `suffix` for icon-style addons.
  */
-type Props$P = Pick<BadgeRootProps, 'variant' | 'color'> & Omit<BadgeLabelProps, 'prefix'> & {
+type Props$N = 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$P & {
+declare const Badge: (({ ref, variant, color, prefix, prefixVariant, suffix, suffixVariant, className, labelClassName, ...labelProps }: Props$N & {
     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?: ({
@@ -2725,45 +2934,45 @@ type TagOption = {
     disabled?: boolean;
 };
 
-type Props$O = {
+type Props$M = {
     onCreate?: (search: string) => void;
 } & Pick<ComponentProps<typeof Command.Item>, 'value'>;
-declare const TagSelectCreateItem: ({ onCreate, value }: Props$O) => react_jsx_runtime.JSX.Element;
+declare const TagSelectCreateItem: ({ onCreate, value }: Props$M) => react_jsx_runtime.JSX.Element;
 
-type Props$N = {
+type Props$L = {
     value: string[];
     onAdd?: (selected: string[]) => void;
 };
-declare const TagSelectValue: ({ value, onAdd }: Props$N) => react_jsx_runtime.JSX.Element;
+declare const TagSelectValue: ({ value, onAdd }: Props$L) => react_jsx_runtime.JSX.Element;
 
-type Props$M = {
+type Props$K = {
     options?: TagOption[];
 } & Pick<ComponentProps<typeof TagSelectValue>, 'onAdd'> & Pick<ComponentProps<typeof TagSelectCreateItem>, 'onCreate'>;
-declare const TagSelectList: ({ options, onAdd, onCreate }: Props$M) => react_jsx_runtime.JSX.Element;
+declare const TagSelectList: ({ options, onAdd, onCreate }: Props$K) => react_jsx_runtime.JSX.Element;
 
-type Props$L = {
+type Props$J = {
     children: ReactNode;
 } & ComponentProps<typeof TagSelectList>;
-declare const TagSelectPopover: ({ children, onAdd, options, onCreate }: Props$L) => react_jsx_runtime.JSX.Element;
+declare const TagSelectPopover: ({ children, onAdd, options, onCreate }: Props$J) => react_jsx_runtime.JSX.Element;
 
 type OnValueChangeHandler = (value: {
     action: 'add' | 'remove';
     tags: TagOption[];
     allTags: TagOption[];
 }) => void;
-type Props$K = {
+type Props$I = {
     value?: TagOption[];
     onValueChange: OnValueChangeHandler;
     disabled?: boolean;
 } & Pick<ComponentProps<typeof TagSelectPopover>, 'options' | 'onCreate'>;
-declare const Tagger: ({ options, value, onCreate, onValueChange, disabled, }: Props$K) => react_jsx_runtime.JSX.Element | null;
+declare const Tagger: ({ options, value, onCreate, onValueChange, disabled, }: Props$I) => 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$J = {
+type Props$H = {
     /** MIME / extension filter passed straight to react-dropzone. */
     accept?: Accept;
     /** Max size per file, in bytes. Oversized files are rejected and surface in `onFilesRejected`. */
@@ -2782,7 +2991,7 @@ type Props$J = {
     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$J) => react_jsx_runtime.JSX.Element) & {
+declare const FileUpload: (({ accept, maxSize, maxFiles, multiple, disabled, onFilesChange, onFilesRejected, forcedState, children, className, ...rest }: Props$H) => react_jsx_runtime.JSX.Element) & {
     DropZone: ({ children, className, ...rest }: {
         children?: ReactNode;
     } & Omit<HTMLAttributes<HTMLDivElement>, "children">) => react_jsx_runtime.JSX.Element;
@@ -4106,47 +4315,47 @@ declare const FormGroup: {
 declare const helpVariants: (props?: ({
     state?: "default" | "error" | "warning" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type Props$I = {
+type Props$G = {
     className?: string;
     children?: ReactNode;
     testId?: string;
 } & VariantProps<typeof helpVariants>;
-declare const HelpBlock: ({ children, className, state, testId }: Props$I) => react_jsx_runtime.JSX.Element | null;
+declare const HelpBlock: ({ children, className, state, testId }: Props$G) => react_jsx_runtime.JSX.Element | null;
 
 type AnswerItem = {
     question: string;
     answer?: string;
 };
 type Variant$5 = 'success' | 'dismissed';
-type Props$H = {
+type Props$F = {
     items: readonly AnswerItem[];
     variant?: Variant$5;
     noAnswerLabel?: string;
 };
-declare const AnswerSummary: ({ items, variant, noAnswerLabel, }: Props$H) => react_jsx_runtime.JSX.Element;
+declare const AnswerSummary: ({ items, variant, noAnswerLabel, }: Props$F) => react_jsx_runtime.JSX.Element;
 
 type Variant$4 = 'success' | 'error' | 'processing' | 'dismissed';
-type Props$G = {
+type Props$E = {
     isExpanded: boolean;
     onToggle: () => void;
     label: ReactNode;
     variant?: Variant$4;
 };
-declare const CollapsibleStepHeader: ({ isExpanded, onToggle, label, variant, }: Props$G) => react_jsx_runtime.JSX.Element;
+declare const CollapsibleStepHeader: ({ isExpanded, onToggle, label, variant, }: Props$E) => react_jsx_runtime.JSX.Element;
 
-type Props$F = {
+type Props$D = {
     children: ReactNode;
 };
-declare const InlineStepDetail: ({ children }: Props$F) => react_jsx_runtime.JSX.Element;
+declare const InlineStepDetail: ({ children }: Props$D) => react_jsx_runtime.JSX.Element;
 
 type Variant$3 = 'processing' | 'success' | 'error' | 'dismissed';
-type Props$E = {
+type Props$C = {
     variant: Variant$3;
     children: ReactNode;
 };
-declare const InlineStepLabel: ({ variant, children }: Props$E) => react_jsx_runtime.JSX.Element;
+declare const InlineStepLabel: ({ variant, children }: Props$C) => react_jsx_runtime.JSX.Element;
 
-type Props$D = {
+type Props$B = {
     user?: {
         name: string | undefined;
         email: string | undefined;
@@ -4156,17 +4365,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$B & {
     ref?: Ref<ElementRef<"span">>;
 }) => react_jsx_runtime.JSX.Element;
 
-type Props$C = {
+type Props$A = {
     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$A) => react_jsx_runtime.JSX.Element;
 
 type PlanApprovalStatus = 'pending' | 'approved' | 'dismissed' | 'changes-requested';
 type PlanApprovalProps = {
@@ -4214,17 +4423,17 @@ type PromptCommand = {
 };
 
 type SubmitStatus = 'submitted' | 'ready' | 'streaming' | 'interrupted';
-type Props$B = Pick<ComponentProps<typeof Button>, 'disabled'> & {
+type Props$z = Pick<ComponentProps<typeof Button>, 'disabled'> & {
     status?: SubmitStatus;
 };
-declare const PromptInputSubmit: ({ ref, disabled, status, }: Props$B & {
+declare const PromptInputSubmit: ({ ref, disabled, status, }: Props$z & {
     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$y = {
     onSend?: (value: string) => void;
     onAbort?: () => void;
     onContinue?: () => void;
@@ -4238,7 +4447,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$y): 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;
@@ -4250,7 +4459,7 @@ type QuestionOption = {
     description?: string;
     preview?: string;
 };
-type Props$z = {
+type Props$x = {
     question: string;
     header?: string;
     options: readonly QuestionOption[];
@@ -4273,7 +4482,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$x) => react_jsx_runtime.JSX.Element;
 
 type QuestionStep = {
     question: string;
@@ -4287,7 +4496,7 @@ type QuestionAnswers = {
     selections: Record<number, readonly string[]>;
     customAnswers: Record<number, string>;
 };
-type Props$y = {
+type Props$w = {
     steps: readonly [QuestionStep, ...QuestionStep[]];
     showSkip?: boolean;
     onSubmit?: (answers: QuestionAnswers) => void;
@@ -4295,23 +4504,23 @@ 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$w) => react_jsx_runtime.JSX.Element;
 
-type Props$x = {
+type Props$v = {
     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$v) => react_jsx_runtime.JSX.Element;
 
 type ThinkingIndicatorProps = {
     label?: string;
 };
 declare const ThinkingIndicator: ({ label }: ThinkingIndicatorProps) => react_jsx_runtime.JSX.Element;
 
-type Props$w = {
+type Props$u = {
     value: number;
     alert?: boolean;
     children: ReactNode;
@@ -4325,19 +4534,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$u) => react_jsx_runtime.JSX.Element;
 
-type Props$v = {
+type Props$t = {
     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$t) => react_jsx_runtime.JSX.Element;
 
-type Props$u = ComponentProps<typeof Root$9>;
+type Props$s = ComponentProps<typeof Root$9>;
 declare const Collapsible: {
-    (props: Props$u): react_jsx_runtime.JSX.Element;
+    (props: Props$s): 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>>>>;
@@ -4345,10 +4554,10 @@ declare const Collapsible: {
 };
 
 type Variant$2 = 'info' | 'warning' | 'error' | 'success';
-type Props$t = {
+type Props$r = {
     variant?: Variant$2;
 } & ComponentProps<'div'>;
-declare const AlertRoot: ({ ref, children, className, variant, ...rest }: Props$t & {
+declare const AlertRoot: ({ ref, children, className, variant, ...rest }: Props$r & {
     ref?: Ref<ElementRef<"div">>;
 }) => react_jsx_runtime.JSX.Element;
 
@@ -4373,7 +4582,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$q = CommonProps & (CollapsibleProps | DefaultProps);
 /**
  * Persistent inline banner for contextual messages tied to the page layout.
  *
@@ -4387,13 +4596,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$q) => react_jsx_runtime.JSX.Element;
 
 declare const variants$1: (props?: ({
     variant?: "default" | "error" | "info" | "warning" | "success" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type Variants = VariantProps<typeof variants$1>;
-type Props$r = {
+type Props$p = {
     id: string | number;
     title: ReactNode;
     icon?: ReactNode;
@@ -4402,7 +4611,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$p) => react_jsx_runtime.JSX.Element;
 
 type ToastProps = ComponentProps<typeof ToastRoot>;
 type Title = ToastProps['title'] | ((opts: {
@@ -4423,7 +4632,7 @@ declare const toast: {
     dismissAll(): string | number;
 };
 
-type Props$q = {
+type Props$o = {
     enabled?: boolean;
 } & Parameters<typeof toast>[0];
 /**
@@ -4436,22 +4645,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$o) => void;
 
 type ToasterProps = ComponentProps<typeof Toaster$1>;
 declare const Toaster: ({ gap, visibleToasts, ...props }: ToasterProps) => react_jsx_runtime.JSX.Element;
 
-type Props$p = {
+type Props$n = {
     children?: ReactNode;
 };
-declare const EmptySearchContent: ({ children }: Props$p) => react_jsx_runtime.JSX.Element;
+declare const EmptySearchContent: ({ children }: Props$n) => react_jsx_runtime.JSX.Element;
 
-type Props$o = {
+type Props$m = {
     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$m) => react_jsx_runtime.JSX.Element;
 
 declare const emptyStateClassnames: (props?: ({
     variant?: "compact" | "default" | null | undefined;
@@ -4591,8 +4800,8 @@ declare const variants: (props?: ({
     variant?: "default" | "success" | 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$l = ComponentProps<typeof Root$a> & VariantProps<typeof variants>;
+declare const Progress: ({ ref, className, value, variant, size, ...props }: Props$l & {
     ref?: Ref<ElementRef<typeof Root$a>>;
 }) => react_jsx_runtime.JSX.Element;
 
@@ -4610,7 +4819,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$k = {
     header: ReactNode;
     isDisabled?: boolean;
     defaultExpanded?: boolean;
@@ -4622,16 +4831,16 @@ 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$k) => react_jsx_runtime.JSX.Element;
 
-type Props$l = PropsWithChildren<{
+type Props$j = 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$j) => react_jsx_runtime.JSX.Element;
 
 type RootProps$1 = ComponentPropsWithoutRef<'div'>;
 type SlotProps = ComponentPropsWithoutRef<'div'> & {
@@ -4887,7 +5096,7 @@ type SidebarState$1 = 'expanded' | 'collapsed';
 type SidebarCollapsible = 'icon' | 'off-canvas';
 type SidebarVariant = 'sided-floating' | 'inset' | 'floating' | 'none';
 
-type Props$k = {
+type Props$i = {
     children: ReactNode;
     className?: string;
     id?: string;
@@ -4898,7 +5107,7 @@ type Props$k = {
     resizable?: boolean;
 };
 declare const Sidebar: {
-    ({ children, className, id, side, style, container, keepMounted, resizable, }: Props$k): react_jsx_runtime.JSX.Element | null;
+    ({ children, className, id, side, style, container, keepMounted, resizable, }: Props$i): react_jsx_runtime.JSX.Element | null;
     Header: ({ className, ...props }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => react_jsx_runtime.JSX.Element;
     Content: ({ ref, className, children, contentRef, }: {
         className?: string;
@@ -5568,7 +5777,7 @@ declare const Sidebar: {
     }) => react_jsx_runtime.JSX.Element;
 };
 
-type Props$j = {
+type Props$h = {
     children?: ReactNode;
     defaultLeftMode?: SidebarMode;
     leftMode?: SidebarMode;
@@ -5586,7 +5795,7 @@ type Props$j = {
     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$j) => 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$h) => react_jsx_runtime.JSX.Element;
 
 type Input = {
     variant: SidebarVariant;
@@ -5602,12 +5811,12 @@ type EffectiveWidths = {
 };
 declare const calcEffectiveWidths: ({ variant, width: customWidth, collapsible, state, mode, }: Input) => EffectiveWidths;
 
-type Props$i = {
+type Props$g = {
     defaultMode?: SidebarMode;
     mode?: SidebarMode;
     onModeChange?: (state: SidebarMode) => void;
 };
-declare const useSidebarState: ({ defaultMode, mode: modeProp, onModeChange }: Props$i) => {
+declare const useSidebarState: ({ defaultMode, mode: modeProp, onModeChange }: Props$g) => {
     isHovered: boolean;
     toggle: () => void;
     setMode: (dispatch: Parameters<react.Dispatch<react.SetStateAction<"expanded" | "collapsed" | "expand-on-hover">>>[0]) => void;
@@ -5637,7 +5846,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$h = VariantProps<typeof separatorVariants> & Omit<ComponentProps<typeof RSeparator.Root>, 'decorative'> & {
+type Props$f = VariantProps<typeof separatorVariants> & Omit<ComponentProps<typeof RSeparator.Root>, 'decorative'> & {
     /**
      * Optional label rendered centered between two line segments
      * (typical "OR" divider). Implies `orientation="horizontal"`.
@@ -5645,12 +5854,12 @@ type Props$h = VariantProps<typeof separatorVariants> & Omit<ComponentProps<type
      */
     label?: ReactNode;
 };
-declare const Separator: ({ className, orientation, size, label, ...props }: Props$h) => react_jsx_runtime.JSX.Element;
+declare const Separator: ({ className, orientation, size, label, ...props }: Props$f) => react_jsx_runtime.JSX.Element;
 
 declare const navbarClassnames: (props?: ({
     bordered?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type Props$g = ComponentProps<'nav'> & VariantProps<typeof navbarClassnames> & {
+type Props$e = ComponentProps<'nav'> & VariantProps<typeof navbarClassnames> & {
     accent?: 'blue' | 'purple' | 'green' | 'orange';
 };
 /**
@@ -5668,7 +5877,7 @@ type Props$g = 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$g): react_jsx_runtime.JSX.Element;
+    ({ className, accent, bordered, ...rest }: Props$e): 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 }: {
@@ -5702,9 +5911,9 @@ declare const Navbar: {
     }) => react_jsx_runtime.JSX.Element;
 };
 
-type Props$f = ComponentProps<'nav'>;
+type Props$d = ComponentProps<'nav'>;
 declare const Breadcrumb: {
-    ({ className, ...props }: Props$f): react_jsx_runtime.JSX.Element;
+    ({ className, ...props }: Props$d): 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> & {
@@ -5726,8 +5935,8 @@ type Trigger<T extends string> = {
     title: ReactNode;
     onClose?: (value: T) => void;
 } & Omit<RadixTabs.TabsTriggerProps, 'title' | 'asChild'>;
-type Props$e<T extends string> = {
-    triggers: Trigger<T>[];
+type Props$c<T extends string> = {
+    triggers: readonly Trigger<T>[];
     compact?: boolean;
     children: ReactNode;
     defaultValue?: string;
@@ -5737,7 +5946,7 @@ type Props$e<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$e<T>) => react_jsx_runtime.JSX.Element;
+declare const Tabs: <T extends string>({ triggers, compact, children, defaultValue, onValueChange, rootClassName, listClassName, triggerClassName, triggerGroupClassName, ...rest }: Props$c<T>) => react_jsx_runtime.JSX.Element;
 
 declare const TabsContent: (props: RadixTabs.TabsContentProps) => react_jsx_runtime.JSX.Element;
 
@@ -5754,7 +5963,7 @@ declare const stepperVariants: (props?: ({
     orientation?: "horizontal" | "vertical" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
-type Props$d = {
+type Props$b = {
     /** Layout direction. Defaults to `horizontal`. */
     orientation?: StepperOrientation;
     /**
@@ -5776,7 +5985,7 @@ type Props$d = {
  * 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$d): react_jsx_runtime.JSX.Element;
+    ({ orientation, onStepClick, children, className, ...props }: Props$b): react_jsx_runtime.JSX.Element;
     Step: ({ status, children, className, ...props }: {
         status?: StepStatus;
         children: ReactNode;
@@ -5794,9 +6003,9 @@ declare const cardClassnames: (props?: ({
     padding?: "none" | "small" | "medium" | "large" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
-type Props$c = HTMLAttributes<HTMLDivElement> & VariantProps<typeof cardClassnames>;
+type Props$a = HTMLAttributes<HTMLDivElement> & VariantProps<typeof cardClassnames>;
 declare const Card: {
-    ({ children, className, bordered, padding, ...rest }: Props$c): react_jsx_runtime.JSX.Element;
+    ({ children, className, bordered, padding, ...rest }: Props$a): 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, ...rest }: HTMLAttributes<HTMLHeadingElement>) => react_jsx_runtime.JSX.Element;
@@ -5806,7 +6015,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$b = {
+type Props$9 = {
     borderCollapsed?: boolean;
     bordered?: boolean;
     containerClassName?: string;
@@ -5825,7 +6034,7 @@ type Props$b = {
  * @see RECIPES.md#list-detail — for a list-table + row-click-to-detail pattern
  */
 declare const Table: {
-    ({ borderCollapsed, bordered, containerClassName, className, ...props }: Props$b): react_jsx_runtime.JSX.Element;
+    ({ borderCollapsed, bordered, containerClassName, className, ...props }: Props$9): react_jsx_runtime.JSX.Element;
     Header: ({ withShadow, className, ...props }: {
         withShadow?: boolean;
     } & ComponentProps<"thead">) => react_jsx_runtime.JSX.Element;
@@ -5840,11 +6049,11 @@ declare const Table: {
     Footer: ({ className, ...props }: ComponentProps<"tfoot">) => react_jsx_runtime.JSX.Element;
 };
 
-type Props$a = ComponentProps<'ul'> & {
+type Props$8 = ComponentProps<'ul'> & {
     variant?: 'solid' | 'dashed';
 };
 declare const Timeline: {
-    ({ className, variant, ...rest }: Props$a): react_jsx_runtime.JSX.Element;
+    ({ className, variant, ...rest }: Props$8): 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 }: {
@@ -5857,25 +6066,25 @@ declare const Timeline: {
     } & class_variance_authority_types.ClassProp) | undefined) => string>) => react_jsx_runtime.JSX.Element;
 };
 
-type Props$9 = {
+type Props$7 = {
     text: ReactNode;
     tooltip?: ReactNode;
     twoLines?: boolean;
     noTooltip?: boolean;
-    tooltipVariant?: Props$1I['variant'];
-    tooltipPlacement?: Props$1I['placement'];
+    tooltipVariant?: Props$1J['variant'];
+    tooltipPlacement?: Props$1J['placement'];
 } & Omit<ComponentPropsWithoutRef<'span'>, 'children'>;
-declare const Truncated: ({ ref, text, tooltip, className, twoLines, noTooltip, tooltipVariant, tooltipPlacement, ...rest }: Props$9 & {
+declare const Truncated: ({ ref, text, tooltip, className, twoLines, noTooltip, tooltipVariant, tooltipPlacement, ...rest }: Props$7 & {
     ref?: Ref<ElementRef<"span">>;
 }) => react_jsx_runtime.JSX.Element;
 
-type Props$8 = {
+type Props$6 = {
     source: string;
     className?: string;
     mark?: string;
     isCaseSensitive?: boolean;
 } & ComponentProps<'span'>;
-declare const MarkedText: ({ ref, source, mark, isCaseSensitive, ...spanProps }: Props$8 & {
+declare const MarkedText: ({ ref, source, mark, isCaseSensitive, ...spanProps }: Props$6 & {
     ref?: Ref<ElementRef<"span">>;
 }) => react_jsx_runtime.JSX.Element;
 
@@ -5883,9 +6092,9 @@ declare const kbdVariants: (props?: ({
     variant?: "primary" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
-type Props$7 = ComponentProps<'kbd'> & VariantProps<typeof kbdVariants>;
+type Props$5 = ComponentProps<'kbd'> & VariantProps<typeof kbdVariants>;
 declare const Kbd: {
-    ({ children, className, variant, ...rest }: Props$7): react_jsx_runtime.JSX.Element;
+    ({ children, className, variant, ...rest }: Props$5): react_jsx_runtime.JSX.Element;
     Group: ({ ref, className, children, separator, ...props }: ({
         separator?: string;
     } & react.ClassAttributes<HTMLElement> & react.HTMLAttributes<HTMLElement>) & {
@@ -5901,9 +6110,9 @@ type KeyRepresentation = {
 };
 declare const keys: Record<KeyName, KeyRepresentation>;
 
-type Props$6 = ComponentProps<'nav'>;
+type Props$4 = ComponentProps<'nav'>;
 declare const Pagination: {
-    ({ className, ...props }: Props$6): react_jsx_runtime.JSX.Element;
+    ({ className, ...props }: Props$4): 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 }: ({
@@ -5951,7 +6160,7 @@ declare const Pagination: {
     Ellipsis: ({ className, ...props }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>) => react_jsx_runtime.JSX.Element;
 };
 
-type Props$5 = {
+type Props$3 = {
     oldValue: string;
     newValue: string;
     ignoreWhitespace?: boolean;
@@ -5961,7 +6170,7 @@ type Props$5 = {
     rightTitle: ReactNode;
     rightTitleGutter?: ReactNode;
 };
-declare const DiffView: ({ leftTitle, leftTitleGutter, rightTitle, rightTitleGutter, oldValue, newValue, ignoreWhitespace, className, }: Props$5) => react_jsx_runtime.JSX.Element;
+declare const DiffView: ({ leftTitle, leftTitleGutter, rightTitle, rightTitleGutter, oldValue, newValue, ignoreWhitespace, className, }: Props$3) => react_jsx_runtime.JSX.Element;
 
 declare const DiffType: {
     readonly DEFAULT: "default";
@@ -6006,17 +6215,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$4 = {
+type Props$2 = {
     label: string;
     sublabel?: string;
 };
-declare const PaneHeader: ({ label, sublabel }: Props$4) => react_jsx_runtime.JSX.Element;
+declare const PaneHeader: ({ label, sublabel }: Props$2) => react_jsx_runtime.JSX.Element;
 
-type Props$3 = {
+type Props$1 = {
     remainingConflicts: number;
     remainingSafeChanges: number;
 };
-declare const ConflictStatusIndicator: ({ remainingConflicts, remainingSafeChanges }: Props$3) => react_jsx_runtime.JSX.Element;
+declare const ConflictStatusIndicator: ({ remainingConflicts, remainingSafeChanges }: Props$1) => react_jsx_runtime.JSX.Element;
 
 declare const useMergeDiff: (baseText: string, leftText: string, rightText: string) => {
     mergeValue: string;
@@ -7396,8 +7605,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$1I["tooltip"];
-        tooltipPlacement?: Props$1I["placement"];
+        tooltip?: Props$1J["tooltip"];
+        tooltipPlacement?: Props$1J["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;
@@ -8776,8 +8985,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$1I["tooltip"];
-        tooltipPlacement?: Props$1I["placement"];
+        tooltip?: Props$1J["tooltip"];
+        tooltipPlacement?: Props$1J["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;
@@ -10156,8 +10365,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$1I["tooltip"];
-            tooltipPlacement?: Props$1I["placement"];
+            tooltip?: Props$1J["tooltip"];
+            tooltipPlacement?: Props$1J["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;
@@ -10245,186 +10454,13 @@ declare const mergeRefs: <T>(...refs: PossibleRef<T>[]) => (node: T) => void;
 
 declare const isMac: boolean;
 
-type Props$2 = {
+type Props = {
     /** Raw SVG markup. Sanitized internally with DOMPurify (SVG profile) before rendering, so it is
      *  safe even when it originates from user/LLM-controlled content. Non-SVG HTML is stripped. */
     html: string;
     copyText?: string;
     className?: string;
 };
-declare const ZoomableSvg: ({ html, copyText, className }: Props$2) => react_jsx_runtime.JSX.Element;
-
-type ColorScheme = 'light' | 'dark' | 'system';
-type ResolvedMode = 'light' | 'dark';
-type ThemeContextValue = {
-    brand: Brand;
-    setBrand?: (brand: Brand) => void;
-    /** The configured color scheme (may be `'system'`). */
-    colorScheme: ColorScheme;
-    /** The effective light/dark mode after resolving `'system'`. */
-    resolvedMode: ResolvedMode;
-};
-
-type Props$1 = {
-    /**
-     * Brand whose tokens drive the chrome (`@keboola/design`'s semantic CSS
-     * variables) inside this provider's subtree. Defaults to the canonical
-     * `keboola` brand so existing apps that mount `<ThemeProvider>` without a
-     * `brand` prop continue to render as today.
-     */
-    brand?: Brand;
-    /**
-     * Optional setter exposed through `useTheme()` so consumers can flip
-     * brands at runtime (Storybook toolbar, a customer-impersonation switch).
-     */
-    setBrand?: (brand: Brand) => void;
-    /**
-     * Light/dark mode. `'system'` follows `prefers-color-scheme` and updates
-     * reactively. Defaults to `'light'` so existing mounts don't drift. Only
-     * the ROOT provider applies this (sets `data-theme`, owns the media
-     * listener); a nested provider inherits the root's resolved mode.
-     */
-    colorScheme?: ColorScheme;
-    children: ReactNode;
-};
-/**
- * Responsibilities:
- * - ROOT only: render hidden SVG gradient definitions (`aigradient-600`,
- *   `aigradient-700`). The IDs are hardcoded, so a nested provider must not
- *   re-emit them or the document gains duplicate (HTML-invalid) IDs.
- * - Set `data-brand="<brand.id>"` on `<html>` and inject the matching `--color-*` /
- *   `--radius-*` CSS variables (for the resolved light/dark mode) so chrome
- *   re-skins for the supplied brand.
- * - ROOT only: set `data-theme` (`light` | `dark`) on `<html>` and own the
- *   `prefers-color-scheme` media listener when `colorScheme === 'system'`.
- *   A nested provider inherits the resolved mode from the parent context and
- *   touches neither `data-theme` nor a media listener.
- * - Expose `{ brand, setBrand?, colorScheme, resolvedMode }` via `useTheme()`.
- *
- * Brand × mode: the active mode's palette is injected inline on `<html>`. When
- * the resolved mode is `dark` and the brand has no `colorsDark`, the colour
- * vars are NOT emitted — the stylesheet `[data-theme='dark']` block supplies
- * them, so no `!important` override is ever needed.
- *
- * `data-brand` (brand id) and `data-theme` (light/dark) are separate axes so
- * they compose without clobbering each other.
- */
-declare const ThemeProvider: ({ brand, setBrand, colorScheme, children, }: Props$1) => react_jsx_runtime.JSX.Element;
-
-/**
- * Read the active brand (and optional setter) from the nearest `<ThemeProvider>`.
- *
- * Throws if no provider is mounted — mirrors TanStack Query's `useQueryClient`
- * error UX so missing-provider bugs surface as a clear runtime message instead
- * of a confusing "undefined.brand" downstream.
- */
-declare const useTheme: () => ThemeContextValue;
-
-/**
- * Read the configured color scheme and the effective light/dark mode from the
- * nearest `<ThemeProvider>`. Read-only — there is no setter (yet).
- *
- * Throws if no provider is mounted (mirrors `useTheme()`).
- */
-declare const useColorScheme: () => {
-    colorScheme: ColorScheme;
-    resolvedMode: ResolvedMode;
-};
-
-declare const useIsLegacyBrand: () => boolean;
-
-type Props = {
-    brand: Brand;
-    colorScheme?: ColorScheme;
-    children: ReactNode;
-};
-/**
- * Storybook decorator that wraps every story in a `ThemeProvider`. Wire it
- * once in `.storybook/preview.tsx` (added to the global `decorators` array),
- * driven by the `brand` global the toolbar item sets. Pair with
- * `resolveStorybookBrand` + `themeToolbarBrands` from `./storybookBrands` to
- * build the toolbar. This is the empirical brand-swap harness UT-4047
- * promised for the layer-0 contract.
- *
- * `colorScheme` (driven by the **Mode** toolbar) is forwarded to the provider
- * so flipping it sets `data-theme` and emits the active mode's palette — the
- * empirical light/dark switch. The story is rendered on a `bg-background`
- * surface so the mode is actually visible (otherwise dark-mode text sits on
- * the unrelated canvas backdrop).
- */
-declare const ThemeDecorator: ({ brand, colorScheme, children }: Props) => react_jsx_runtime.JSX.Element;
-
-/**
- * Default toolbar items shipped with `ThemeDecorator` — the same brand IDs
- * the registry exports today. Re-exported so a downstream Storybook config
- * can extend the list with additional brands without re-implementing the
- * decorator wiring.
- */
-declare const themeToolbarBrands: {
-    id: string;
-    name: string;
-    colors: {
-        foreground: string;
-        background: string;
-        muted: string;
-        mutedForeground: string;
-        border: string;
-        primary: string;
-        primaryForeground: string;
-        destructive: string;
-        destructiveForeground: string;
-        accent?: string | undefined;
-        accentForeground?: string | undefined;
-    };
-    shell: "sidebar" | "topnav";
-    colorsDark?: {
-        foreground: string;
-        background: string;
-        muted: string;
-        mutedForeground: string;
-        border: string;
-        primary: string;
-        primaryForeground: string;
-        destructive: string;
-        destructiveForeground: string;
-        accent?: string | undefined;
-        accentForeground?: string | undefined;
-    } | undefined;
-    sidebarColors?: {
-        sidebar?: string | undefined;
-        sidebarForeground?: string | undefined;
-        sidebarPrimary?: string | undefined;
-        sidebarPrimaryForeground?: string | undefined;
-        sidebarAccent?: string | undefined;
-        sidebarAccentForeground?: string | undefined;
-        sidebarBorder?: string | undefined;
-        sidebarRing?: string | undefined;
-    } | undefined;
-    sidebarColorsDark?: {
-        sidebar?: string | undefined;
-        sidebarForeground?: string | undefined;
-        sidebarPrimary?: string | undefined;
-        sidebarPrimaryForeground?: string | undefined;
-        sidebarAccent?: string | undefined;
-        sidebarAccentForeground?: string | undefined;
-        sidebarBorder?: string | undefined;
-        sidebarRing?: string | undefined;
-    } | undefined;
-    typography?: {
-        fontFamily: string;
-    } | undefined;
-    radii?: {
-        sm: string;
-        md: string;
-        lg: string;
-    } | undefined;
-    density?: "comfortable" | "compact" | undefined;
-}[];
-/**
- * Resolve a brand ID coming from the Storybook globals object. Falls back to
- * the canonical Keboola brand if the ID is unknown — keeps the decorator
- * defensive against stale URL state.
- */
-declare const resolveStorybookBrand: (id: unknown) => Brand;
+declare const ZoomableSvg: ({ html, copyText, className }: Props) => react_jsx_runtime.JSX.Element;
 
-export { Alert, AlertModal, AnswerSummary, type AnswerItem as AnswerSummaryItem, type Props$H as AnswerSummaryProps, type Variant$5 as AnswerSummaryVariant, AppShell, AutoSaveTextarea, Avatar, Badge, Breadcrumb, Button, ButtonGroup, ButtonInline, Calendar, type CalendarProps, Card, ChangeClassification, Checkbox, Clipboard, ClipboardButton, ClipboardInline, Collapse, Collapsible, CollapsiblePanel, CollapsibleStepHeader, ColorInput, type ColorScheme, Combobox, Command, CommandGroup, CommandInput, CommandItem, CommandList, ConflictStatusIndicator, 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$F as InlineStepDetailProps, InlineStepLabel, type Props$E as InlineStepLabelProps, type Variant$3 as InlineStepLabelVariant, InputGroup, InputOtp, type RootProps$4 as InputOtpProps, Kbd, Label, type LineInformation, Link, MarkedText, MergeConflict, MessageBubble, Modal, MultiActionButtonGroup, MultiCombobox, Navbar, NumberInput, PageHeader, PageLayout, PageToolbar, Pagination, PaneHeader, PanelWithDetails, PasswordInput, PlanApproval, type PlanApprovalProps, type PlanApprovalStatus, PlanRewritingIndicator, type PlanRewritingIndicatorProps, Popconfirm, Popover, Progress, type PromptCommand, PromptInput, type Props$1j as Props, Question, type QuestionAnswers, QuestionBlock, type Props$y as QuestionBlockProps, type QuestionOption, type Props$z as QuestionProps, type QuestionStep, RadioGroup, ResizableHandle, ResizablePanel, ResizablePanelGroup, type ResolvedMode, 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, type StepStatus, Stepper, type StepperOrientation, SuggestedPrompt, Switch, Table, Tabs, TabsContent, Tagger, TextInput, Textarea, type ThemeContextValue, ThemeDecorator, ThemeProvider, ThinkingIndicator, type ThumbTooltipFn, TimeInput, TimePicker, Timeline, type ToastOptions, Toaster, Toggle, ToggleGroup, Tooltip, type Props$1I 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, resolveStorybookBrand, setServerFieldErrors, themeToolbarBrands, toast, useAppForm, useAutosizeInput, useColorScheme, useInputOtpContext, useIsLegacyBrand, useMergeDiff, useNotification, useScrollbarPosition, useSidebar, useTheme, withForm };
+export { Alert, AlertModal, AnswerSummary, type AnswerItem as AnswerSummaryItem, type Props$F as AnswerSummaryProps, type Variant$5 as AnswerSummaryVariant, AppShell, AutoSaveTextarea, Avatar, Badge, 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, 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$D as InlineStepDetailProps, InlineStepLabel, type Props$C as InlineStepLabelProps, type Variant$3 as InlineStepLabelVariant, InputGroup, InputOtp, type RootProps$4 as InputOtpProps, Kbd, Label, type LineInformation, Link, MarkedText, MergeConflict, MessageBubble, Modal, MultiActionButtonGroup, MultiCombobox, Navbar, NumberInput, PageHeader, PageLayout, PageToolbar, Pagination, PaneHeader, PanelWithDetails, PasswordInput, PlanApproval, type PlanApprovalProps, type PlanApprovalStatus, PlanRewritingIndicator, type PlanRewritingIndicatorProps, Popconfirm, Popover, Progress, type PromptCommand, PromptInput, type Props$1k as Props, Question, type QuestionAnswers, QuestionBlock, type Props$w as QuestionBlockProps, type QuestionOption, type Props$x as QuestionProps, type QuestionStep, RadioGroup, ResizableHandle, ResizablePanel, ResizablePanelGroup, type ResolvedMode, 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, type StepStatus, Stepper, type StepperOrientation, SuggestedPrompt, Switch, Table, Tabs, TabsContent, Tagger, TextInput, Textarea, type ThemeContextValue, ThemeDecorator, ThemeProvider, ThinkingIndicator, type ThumbTooltipFn, TimeInput, TimePicker, Timeline, type ToastOptions, Toaster, Toggle, ToggleGroup, Tooltip, type Props$1J 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, resolveStorybookBrand, setServerFieldErrors, themeToolbarBrands, toast, useAppForm, useAutosizeInput, useColorScheme, useInputOtpContext, useIsLegacyBrand, useMergeDiff, useNotification, useScrollbarPosition, useSidebar, useTheme, withForm };