@keboola/design 4.4.0 → 5.0.0

package/dist/index.d.cts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import { ComponentProps, Ref, ElementRef, ReactNode, PropsWithChildren, MouseEvent as MouseEvent$1, HTMLAttributes, ChangeEvent, FocusEvent as FocusEvent$1, InputHTMLAttributes, KeyboardEvent as KeyboardEvent$1, ComponentPropsWithoutRef, CSSProperties, TransitionEventHandler, RefObject, MutableRefObject, RefCallback } from 'react';
+import { ComponentProps, Ref, ElementRef, ReactNode, PropsWithChildren, MouseEvent as MouseEvent$1, HTMLAttributes, RefObject, MouseEventHandler, ChangeEvent, FocusEvent as FocusEvent$1, InputHTMLAttributes, KeyboardEvent as KeyboardEvent$1, ComponentPropsWithoutRef, CSSProperties, TransitionEventHandler, MutableRefObject, RefCallback } from 'react';
 import * as class_variance_authority from 'class-variance-authority';
 import { VariantProps } from 'class-variance-authority';
 import * as class_variance_authority_types from 'class-variance-authority/types';
@@ -37,7 +37,7 @@ 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';
+export { Brand, brandSchema, exampleCustomer, keboola, keboolaLegacySidebar, keboolaLegacyTopnav } 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';
@@ -45,8 +45,8 @@ import * as _radix_ui_react_collapsible from '@radix-ui/react-collapsible';
 import { Root as Root$9 } from '@radix-ui/react-collapsible';
 import { Action, ExternalToast, Toaster as Toaster$1 } from 'sonner';
 import { Root as Root$a } from '@radix-ui/react-progress';
-import * as ResizablePrimitive from 'react-resizable-panels';
-export { ImperativePanelHandle } from 'react-resizable-panels';
+import { Separator as Separator$1, Group as Group$1 } from 'react-resizable-panels';
+export { PanelImperativeHandle, Panel as ResizablePanel, useDefaultLayout } from 'react-resizable-panels';
 import * as RSeparator from '@radix-ui/react-separator';
 import * as RadixTabs from '@radix-ui/react-tabs';
 import { M as MergeConflict, C as ChangeClassification } from './constants-D3gaMY-W.cjs';
@@ -58,12 +58,12 @@ export { Slot } from '@radix-ui/react-slot';
 
 declare const variants$3: (props?: ({
     block?: boolean | null | undefined;
-    variant?: "primary" | "inline" | "secondary" | "danger" | "invisible" | "outline" | null | undefined;
+    variant?: "primary" | "secondary" | "inline" | "danger" | "invisible" | "outline" | null | undefined;
     size?: "small" | "medium" | "large" | "icon-lg" | "icon" | "icon-sm" | "icon-xs" | "icon-2xs" | "icon-3xs" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const argoVariants: (props?: ({
     block?: boolean | null | undefined;
-    variant?: "primary" | "inline" | "secondary" | "danger" | "invisible" | "outline" | null | undefined;
+    variant?: "primary" | "secondary" | "inline" | "danger" | "invisible" | "outline" | null | undefined;
     size?: "small" | "medium" | "large" | "icon-lg" | "icon" | "icon-sm" | "icon-xs" | "icon-2xs" | "icon-3xs" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
@@ -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$1Q = {
+type Props$1S = {
     /** 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$1Q = {
  * @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$1Q & {
+declare const Button: ({ ref, children, disabled, className, type, isLoading, asChild, onClick, variant, size, block, ...buttonProps }: Props$1S & {
     ref?: Ref<ElementRef<"button">>;
 }) => react_jsx_runtime.JSX.Element;
 
@@ -101,29 +101,29 @@ 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$1P = ComponentProps<'button'> & VariantProps<typeof buttonInlineVariants> & {
+type Props$1R = ComponentProps<'button'> & VariantProps<typeof buttonInlineVariants> & {
     asChild?: boolean;
 };
-declare const ButtonInline: ({ ref, children, className, variant, color, type, asChild, ...buttonProps }: Props$1P & {
+declare const ButtonInline: ({ ref, children, className, variant, color, type, asChild, ...buttonProps }: Props$1R & {
     ref?: Ref<ElementRef<"button">>;
 }) => react_jsx_runtime.JSX.Element;
 
 declare const buttonGroupVariant: (props?: ({
     variant?: "inline" | "block" | null | undefined;
-    space?: "compact" | "small" | "medium" | "large" | "extra-small" | "little-small" | null | undefined;
+    space?: "small" | "medium" | "large" | "extra-small" | "little-small" | "compact" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type Props$1O = {
+type Props$1Q = {
     children: ReactNode;
     className?: string;
 } & VariantProps<typeof buttonGroupVariant> & ComponentProps<'div'>;
-declare const ButtonGroup: ({ ref, children, space, className, variant, ...rest }: Props$1O & {
+declare const ButtonGroup: ({ ref, children, space, className, variant, ...rest }: Props$1Q & {
     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$1N = {
+type Props$1P = {
     actions?: ReactNode;
     isActionsOpen?: boolean;
     onActionsOpenChange?: (open: boolean) => void;
@@ -132,7 +132,7 @@ type Props$1N = {
     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$1N & {
+declare const SplitButton: (({ ref, disabled, actions, variant, size, isActionsOpen, onActionsOpenChange, icon, children, ...rest }: Props$1P & {
     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$1M = {
+type Props$1O = {
     className?: string;
 } & PropsWithChildren;
 declare const MultiActionButtonGroup: {
-    ({ children, className }: Props$1M): react_jsx_runtime.JSX.Element;
+    ({ children, className }: Props$1O): 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$1L = {
+type Props$1N = {
     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$1L & {
+declare const Toggle: ({ ref, className, variant, size, children, icon, badge, disabled, ...props }: Props$1N & {
     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$1K = {
+type Props$1M = {
     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$1K) => react_jsx_runtime.JSX.Element;
+declare const TooltipContent: ({ className, variant, keepOpenOnPointerDownOutside, children, onPointerDownOutside, sideOffset, collisionPadding, hideWhenDetached, placement, ...rest }: Props$1M) => 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$1J = {
+type Props$1L = {
     /** 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$1J): react_jsx_runtime.JSX.Element;
+    ({ tooltip, children, className, keepOpenOnTriggerClick, variant, placement, forceHide, forceShow, triggerAsChild, }: Props$1L): 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$1I = {
-    tooltip?: Props$1J['tooltip'];
-    tooltipPlacement?: Props$1J['placement'];
-    tooltipVariant?: Props$1J['variant'];
-    asChild?: Props$1J['triggerAsChild'];
+type Props$1K = {
+    tooltip?: Props$1L['tooltip'];
+    tooltipPlacement?: Props$1L['placement'];
+    tooltipVariant?: Props$1L['variant'];
+    asChild?: Props$1L['triggerAsChild'];
     text?: string | (() => string);
 } & ComponentProps<'button'>;
-declare const Clipboard: ({ ref, text: textProp, children, tooltip, tooltipPlacement, tooltipVariant: tooltipVariantProp, asChild, onClick, className, ...restButtonProps }: Props$1I & {
+declare const Clipboard: ({ ref, text: textProp, children, tooltip, tooltipPlacement, tooltipVariant: tooltipVariantProp, asChild, onClick, className, ...restButtonProps }: Props$1K & {
     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$1H = ClipboardProps$1 & ButtonProps$2 & {
+type Props$1J = ClipboardProps$1 & ButtonProps$2 & {
     icon?: ReactNode;
 };
-declare const ClipboardButton: ({ text, tooltip, tooltipPlacement, tooltipVariant, icon, variant, children, ...rest }: Props$1H) => react_jsx_runtime.JSX.Element;
+declare const ClipboardButton: ({ text, tooltip, tooltipPlacement, tooltipVariant, icon, variant, children, ...rest }: Props$1J) => 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$1G = {
+type Props$1I = {
     hideIcon?: boolean;
 } & ClipboardProps & ButtonProps$1;
-declare const ClipboardInline: ({ text, tooltip, tooltipPlacement, tooltipVariant, children, hideIcon, ...rest }: Props$1G) => react_jsx_runtime.JSX.Element;
+declare const ClipboardInline: ({ text, tooltip, tooltipPlacement, tooltipVariant, children, hideIcon, ...rest }: Props$1I) => react_jsx_runtime.JSX.Element;
 
-type Props$1F = ComponentProps<'a'>;
-declare const Link: ({ ref, children, target, rel, onClick, className, ...rest }: Props$1F & {
+type Props$1H = ComponentProps<'a'>;
+declare const Link: ({ ref, children, target, rel, onClick, className, ...rest }: Props$1H & {
     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$1E = {
+type Props$1G = {
     onConfirm?: ConfirmHandler;
     onCancel?: CancelHandler;
     skipAsyncWait?: boolean;
 } & ComponentProps<typeof Root$1>;
 declare const AlertModal: {
-    ({ children, onConfirm, onCancel, skipAsyncWait, open, defaultOpen, onOpenChange, ...rest }: Props$1E): react_jsx_runtime.JSX.Element;
+    ({ children, onConfirm, onCancel, skipAsyncWait, open, defaultOpen, onOpenChange, ...rest }: Props$1G): 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;
@@ -307,11 +307,7 @@ declare const AlertModal: {
     } & Omit<_radix_ui_react_alert_dialog.AlertDialogContentProps & react.RefAttributes<HTMLDivElement>, "title">) => react_jsx_runtime.JSX.Element;
 };
 
-/**
- * Props for the `Modal` root — forwarded to Radix `Dialog.Root` (controls `open`, `onOpenChange`,
- * `defaultOpen`, `modal`).
- */
-type Props$1D = ComponentProps<typeof Root$2>;
+type Props$1F = ComponentProps<typeof Root$2>;
 /**
  * Blocking dialog for confirmations, forms, and detail views. Built on Radix Dialog.
  *
@@ -327,40 +323,31 @@ type Props$1D = ComponentProps<typeof Root$2>;
  * @see RECIPES.md#confirm-dialog — for destructive-confirm dialogs
  */
 declare const Modal: {
-    (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`. */
+    (props: Props$1F): react_jsx_runtime.JSX.Element;
     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`. */
     Trigger: react.ForwardRefExoticComponent<_radix_ui_react_dialog.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>>;
-    /** Modal content container — portals into the overlay, handles sizing (`small` / `medium` / `large`) and open/close animation. */
     Content: ({ size, className, children, onEscapeKeyDown, ...props }: _radix_ui_react_dialog.DialogContentProps & react.RefAttributes<HTMLDivElement> & {
         size?: "small" | "medium" | "large";
     }) => react_jsx_runtime.JSX.Element;
-    /** Scrollable body slot. Place form fields or detail content here; takes available space inside `Modal.Content`. */
     Body: ({ className, ...props }: react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & {
         as?: "form";
     }) => react_jsx_runtime.JSX.Element;
-    /** Status-coloured circular icon docked to the top-left of `Modal.Content`. Use `color="red"` for destructive, `"orange"` for warning, etc. */
-    Icon: (props: {
+    Icon: ({ color, icon }: {
         color: ("orange" | "blue" | "red" | "green" | "gray" | "violet") | (string & {});
         icon: react.ReactNode;
-        iconUrl?: never;
-        iconAlt?: never;
-    } | {
-        color?: never;
-        iconUrl: string;
-        iconAlt?: string;
-        icon?: never;
+    }) => react_jsx_runtime.JSX.Element;
+    Image: ({ src, alt }: {
+        src: string;
+        alt?: string;
     }) => react_jsx_runtime.JSX.Element | null;
-    /** Bottom action row. Place the primary + cancel `Button`s here; sits below `Modal.Body`. */
     Footer: ({ className, ...props }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => react_jsx_runtime.JSX.Element;
-    /** Top row with title, optional description, and close icon. Pass `title` / `description` props or nest custom JSX. */
-    Header: ({ className, title, description, hideCloseIcon, children, ...props }: {
-        title?: react.ReactNode;
+    Header: ({ className, icon, description, "aria-description": ariaDescription, actions, hideCloseIcon, children, ...props }: {
+        icon?: react.ReactNode;
         description?: react.ReactNode;
+        'aria-description'?: string;
+        actions?: react.ReactNode;
         hideCloseIcon?: boolean;
     } & react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
-    /** Backdrop overlay rendered behind `Modal.Content`. Normally implicit — only override for non-standard layouts. */
     Overlay: ({ ref, className, disableTransition, ...props }: (_radix_ui_react_dialog.DialogOverlayProps & react.RefAttributes<HTMLDivElement> & {
         disableTransition?: boolean;
     }) & {
@@ -389,7 +376,7 @@ declare const FullScreenModal: (({ children, className, lockBodyScroll, onEscape
     }) => react_jsx_runtime.JSX.Element;
 };
 
-type Props$1C = PropsWithChildren<Omit<HTMLAttributes<HTMLDivElement>, 'title'> & {
+type Props$1E = PropsWithChildren<Omit<HTMLAttributes<HTMLDivElement>, 'title'> & {
     title: ReactNode;
     titleClassName?: string;
     titleWrapperClassName?: string;
@@ -398,16 +385,16 @@ type Props$1C = PropsWithChildren<Omit<HTMLAttributes<HTMLDivElement>, 'title'>
     onClose?: () => void;
     showPreviousTitle?: boolean;
 }>;
-declare const FullScreenModalHeader: ({ title, titleClassName, titleWrapperClassName, defaultTitleStyles, isTitleWithIcon, children, onClose, className, showPreviousTitle, ...props }: Props$1C) => react_jsx_runtime.JSX.Element;
+declare const FullScreenModalHeader: ({ title, titleClassName, titleWrapperClassName, defaultTitleStyles, isTitleWithIcon, children, onClose, className, showPreviousTitle, ...props }: Props$1E) => react_jsx_runtime.JSX.Element;
 
-type Props$1B = HTMLAttributes<HTMLDivElement>;
-declare const FullScreenModalBody: ({ ref, className, children, ...props }: Props$1B & {
+type Props$1D = HTMLAttributes<HTMLDivElement>;
+declare const FullScreenModalBody: ({ ref, className, children, ...props }: Props$1D & {
     ref?: Ref<HTMLDivElement>;
 }) => react_jsx_runtime.JSX.Element;
 
-type Props$1A = ComponentProps<typeof Root$2>;
+type Props$1C = ComponentProps<typeof Root$2>;
 declare const Sheet: {
-    (props: Props$1A): react_jsx_runtime.JSX.Element;
+    (props: Props$1C): 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 +417,9 @@ declare const Sheet: {
     Body: ({ className, ...rest }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => react_jsx_runtime.JSX.Element;
 };
 
-type Props$1z = ComponentProps<typeof Root$3>;
+type Props$1B = ComponentProps<typeof Root$3>;
 declare const Popover: {
-    (props: Props$1z): react_jsx_runtime.JSX.Element;
+    (props: Props$1B): react_jsx_runtime.JSX.Element;
     /**
      * Main Layout
      */
@@ -454,12 +441,12 @@ type PopconfirmContextType = {
     isLoading: boolean;
 };
 
-type Props$1y = {
+type Props$1A = {
     children: ReactNode;
     skipAsyncWait?: boolean;
 } & ComponentProps<typeof Popover> & Omit<Partial<PopconfirmContextType>, 'isLoading'>;
 declare const Popconfirm: {
-    ({ children, onConfirm, onCancel, variant, enabled, onOpenChange, open, skipAsyncWait, ...rest }: Props$1y): react_jsx_runtime.JSX.Element;
+    ({ children, onConfirm, onCancel, variant, enabled, onOpenChange, open, skipAsyncWait, ...rest }: Props$1A): react_jsx_runtime.JSX.Element;
     Confirm: ({ ref, onClick, children, asChild, className, ...props }: (({
         asChild: true;
     } & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement>) | ({
@@ -470,7 +457,7 @@ declare const Popconfirm: {
         asChild?: boolean;
     } & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & class_variance_authority.VariantProps<(props?: ({
         block?: boolean | null | undefined;
-        variant?: "primary" | "inline" | "secondary" | "danger" | "invisible" | "outline" | null | undefined;
+        variant?: "primary" | "secondary" | "inline" | "danger" | "invisible" | "outline" | null | undefined;
         size?: "small" | "medium" | "large" | "icon-lg" | "icon" | "icon-sm" | "icon-xs" | "icon-2xs" | "icon-3xs" | null | undefined;
     } & class_variance_authority_types.ClassProp) | undefined) => string> & {
         ref?: react.Ref<react.ElementRef<"button">>;
@@ -487,7 +474,7 @@ declare const Popconfirm: {
         asChild?: boolean;
     } & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & class_variance_authority.VariantProps<(props?: ({
         block?: boolean | null | undefined;
-        variant?: "primary" | "inline" | "secondary" | "danger" | "invisible" | "outline" | null | undefined;
+        variant?: "primary" | "secondary" | "inline" | "danger" | "invisible" | "outline" | null | undefined;
         size?: "small" | "medium" | "large" | "icon-lg" | "icon" | "icon-sm" | "icon-xs" | "icon-2xs" | "icon-3xs" | null | undefined;
     } & class_variance_authority_types.ClassProp) | undefined) => string> & {
         ref?: react.Ref<react.ElementRef<"button">>;
@@ -500,6 +487,7 @@ declare const Popconfirm: {
         translate?: "yes" | "no" | undefined | undefined;
         prefix?: string | undefined | undefined;
         id?: string | undefined | undefined;
+        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
         slot?: string | undefined | undefined;
         style?: react.CSSProperties | undefined;
         title?: string | undefined | undefined;
@@ -545,7 +533,6 @@ declare const Popconfirm: {
         results?: number | undefined | undefined;
         security?: string | undefined | undefined;
         unselectable?: "on" | "off" | undefined | undefined;
-        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
         popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
         popoverTarget?: string | undefined | undefined;
         inert?: boolean | undefined | undefined;
@@ -812,18 +799,18 @@ declare const Popconfirm: {
     Trigger: ({ onClick, ...props }: _radix_ui_react_popover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>) => react_jsx_runtime.JSX.Element;
 };
 
-type Props$1x = ComponentProps<typeof Root$4>;
+type Props$1z = ComponentProps<typeof Root$4>;
 declare const HoverCard: {
-    ({ openDelay, closeDelay, ...rest }: Props$1x): react_jsx_runtime.JSX.Element;
+    ({ openDelay, closeDelay, ...rest }: Props$1z): 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$1w = ComponentProps<typeof Root$5>;
+type Props$1y = ComponentProps<typeof Root$5>;
 declare const DropdownMenu: {
-    ({ modal, ...props }: Props$1w): react_jsx_runtime.JSX.Element;
+    ({ modal, ...props }: Props$1y): react_jsx_runtime.JSX.Element;
     /**
      * Main Layout
      */
@@ -879,14 +866,14 @@ declare const DropdownMenu: {
     }) => react_jsx_runtime.JSX.Element;
 };
 
-type Props$1v = {
+type Props$1x = {
     variant?: 'checkbox' | 'radio' | 'default';
 };
-declare const CheckIndicator: ({ variant }: Props$1v) => react_jsx_runtime.JSX.Element | null;
+declare const CheckIndicator: ({ variant }: Props$1x) => react_jsx_runtime.JSX.Element | null;
 
-type Props$1u = ComponentProps<typeof Command$1>;
+type Props$1w = ComponentProps<typeof Command$1>;
 declare const Command: {
-    ({ className, ...rest }: Props$1u): react_jsx_runtime.JSX.Element;
+    ({ className, ...rest }: Props$1w): 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>;
@@ -943,6 +930,7 @@ declare const Command: {
         prefix?: react.ReactNode;
         id?: string | undefined | undefined;
         name?: string | undefined | undefined;
+        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
         variant?: "primary" | "secondary" | null | undefined;
         form?: string | undefined | undefined;
         slot?: string | undefined | undefined;
@@ -990,7 +978,6 @@ declare const Command: {
         results?: number | undefined | undefined;
         security?: string | undefined | undefined;
         unselectable?: "on" | "off" | undefined | undefined;
-        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
         popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
         popoverTarget?: string | undefined | undefined;
         inert?: boolean | undefined | undefined;
@@ -1236,7 +1223,7 @@ declare const Command: {
         width?: number | string | undefined | undefined;
         checked?: boolean | undefined | undefined;
         multiple?: boolean | undefined | undefined;
-        state?: "default" | "error" | "warning" | null | undefined;
+        state?: "warning" | "default" | "error" | null | undefined;
         src?: string | undefined | undefined;
         alt?: string | undefined | undefined;
         required?: boolean | undefined | undefined;
@@ -1282,25 +1269,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$1t = ComponentProps<'div'> & VariantProps<typeof addonVariants$1>;
-declare const InputGroupAddon: ({ children, align, className, ...props }: Props$1t) => react_jsx_runtime.JSX.Element;
+type Props$1v = ComponentProps<'div'> & VariantProps<typeof addonVariants$1>;
+declare const InputGroupAddon: ({ children, align, className, ...props }: Props$1v) => react_jsx_runtime.JSX.Element;
 
 type ButtonProps = ComponentProps<typeof Button>;
-type Props$1s = Omit<ButtonProps, 'size' | 'block' | 'variant'>;
-declare const InputGroupButton: ({ ref, className, tabIndex, ...props }: Props$1s & {
+type Props$1u = Omit<ButtonProps, 'size' | 'block' | 'variant'>;
+declare const InputGroupButton: ({ ref, className, tabIndex, ...props }: Props$1u & {
     ref?: Ref<ElementRef<"button">>;
 }) => react_jsx_runtime.JSX.Element;
 
-type Props$1r = ComponentProps<'input'>;
-declare const InputGroupInput: ({ ref, className, ...inputProps }: Props$1r & {
+type Props$1t = ComponentProps<'input'>;
+declare const InputGroupInput: ({ ref, className, ...inputProps }: Props$1t & {
     ref?: Ref<ElementRef<"input">>;
 }) => react_jsx_runtime.JSX.Element;
 
-type Props$1q = ComponentProps<'span'>;
-declare const InputGroupText: ({ className, ...props }: Props$1q) => react_jsx_runtime.JSX.Element;
+type Props$1s = ComponentProps<'span'>;
+declare const InputGroupText: ({ className, ...props }: Props$1s) => react_jsx_runtime.JSX.Element;
 
 type TextareaNativeProps$1 = Omit<ComponentProps<typeof react_textarea_autosize__default>, 'value' | 'defaultValue' | 'rows' | 'maxRows'>;
-type Props$1p = TextareaNativeProps$1 & {
+type Props$1r = TextareaNativeProps$1 & {
     value?: string | null;
     defaultValue?: string | null;
     onValueChange?: (value: string) => void;
@@ -1308,7 +1295,7 @@ type Props$1p = TextareaNativeProps$1 & {
     maxRows?: number | 'unlimited';
     disableResize?: boolean;
 };
-declare const InputGroupTextArea: ({ ref, className, onChange, onValueChange, value, defaultValue, onBlur, onValueBlur, disableResize, minRows, maxRows, ...props }: Props$1p & {
+declare const InputGroupTextArea: ({ ref, className, onChange, onValueChange, value, defaultValue, onBlur, onValueBlur, disableResize, minRows, maxRows, ...props }: Props$1r & {
     ref?: Ref<ElementRef<"textarea">>;
 }) => react_jsx_runtime.JSX.Element;
 
@@ -1316,12 +1303,12 @@ declare const inputGroupVariants: (props?: ({
     focusVariant?: "off" | "on" | "default" | null | undefined;
     variant?: "primary" | "secondary" | "argo" | null | undefined;
     sizing?: "small" | "medium" | "default" | null | undefined;
-    state?: "default" | "error" | "warning" | null | undefined;
+    state?: "warning" | "default" | "error" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type Props$1o = ComponentProps<'div'> & Omit<VariantProps<typeof inputGroupVariants>, 'variant'> & {
+type Props$1q = 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$1o & {
+declare const InputGroupRoot: ({ ref, children, state, variant, sizing, focusVariant, className, ...props }: Props$1q & {
     ref?: Ref<ElementRef<"div">>;
 }) => react_jsx_runtime.JSX.Element;
 declare const InputGroup: typeof InputGroupRoot & {
@@ -1348,7 +1335,7 @@ type OwnProps$1 = {
  * Props for `Input`. Combines `InputGroup` chrome (variant / sizing / state / focusVariant) with
  * input-specific slots (`prefix`, `leftSuffix`, `rightSuffix`, `allowClear`).
  */
-type Props$1n = InputGroupProps$7 & OwnProps$1 & Omit<ComponentProps<'input'>, 'prefix' | 'value' | 'defaultValue'>;
+type Props$1p = 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 +1345,12 @@ type Props$1n = InputGroupProps$7 & OwnProps$1 & Omit<ComponentProps<'input'>, '
  * `FormGroup.TextInput`; for search use `SearchInput`; for forms with validation use `useAppForm`.
  * **Composition:** wrap in `FormGroup` for shared error state, or render directly as a controlled input.
  */
-declare const Input$1: ({ ref: forwardedRef, state, sizing, className, prefix, rightSuffix, rightSuffixVariant, leftSuffix, allowClear, onClear, disabled, testId: prefixTestId, autoFocus, id, name, variant, readOnly, type, focusVariant, onChange, onBlur, value, defaultValue, ...inputProps }: Props$1n & {
+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$1p & {
     ref?: Ref<ElementRef<"input">>;
 }) => react_jsx_runtime.JSX.Element;
 
 type InputProps$1 = ComponentProps<typeof Input$1>;
-type Props$1m = Omit<InputProps$1, 'type' | 'value' | 'defaultValue'> & {
+type Props$1o = Omit<InputProps$1, 'type' | 'value' | 'defaultValue'> & {
     defaultValue?: Date | null;
     disabledDays?: Matcher | Matcher[];
     endMonth?: Date;
@@ -1372,12 +1359,12 @@ type Props$1m = Omit<InputProps$1, 'type' | 'value' | 'defaultValue'> & {
     startMonth?: Date;
     value?: Date | null;
 };
-declare const DateInput: ({ ref, defaultValue, disabled, disabledDays, endMonth, onBlur, onChange, onValueBlur, onValueChange, placeholder, readOnly, startMonth, value, variant, ...props }: Props$1m & {
+declare const DateInput: ({ ref, defaultValue, disabled, disabledDays, endMonth, onBlur, onChange, onValueBlur, onValueChange, placeholder, readOnly, startMonth, value, variant, ...props }: Props$1o & {
     ref?: Ref<ElementRef<"input">>;
 }) => react_jsx_runtime.JSX.Element;
 
 type InputProps = ComponentProps<typeof Input$1>;
-type Props$1l = Omit<InputProps, 'type' | 'value' | 'defaultValue'> & {
+type Props$1n = Omit<InputProps, 'type' | 'value' | 'defaultValue'> & {
     defaultValue?: DateRange$1 | null;
     endMonth?: Date;
     onValueBlur?: (value: DateRange$1 | null) => void;
@@ -1385,7 +1372,7 @@ type Props$1l = Omit<InputProps, 'type' | 'value' | 'defaultValue'> & {
     startMonth?: Date;
     value?: DateRange$1 | null;
 };
-declare const DateRangeInput: ({ ref, defaultValue, disabled, endMonth, onBlur, onChange, onValueBlur, onValueChange, placeholder, readOnly, startMonth, value, ...props }: Props$1l & {
+declare const DateRangeInput: ({ ref, defaultValue, disabled, endMonth, onBlur, onChange, onValueBlur, onValueChange, placeholder, readOnly, startMonth, value, ...props }: Props$1n & {
     ref?: Ref<ElementRef<"input">>;
 }) => react_jsx_runtime.JSX.Element;
 
@@ -1403,7 +1390,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$1k = OwnProps & NativeProps;
+type Props$1m = OwnProps & NativeProps;
 /**
  * Standard text input with a string-only API. The default choice for a bare text input.
  *
@@ -1415,42 +1402,84 @@ type Props$1k = 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$1k & {
+declare const TextInput: ({ ref, value, defaultValue, type, variant, onValueChange, onChange, onValueBlur, onBlur, ...props }: Props$1m & {
     ref?: Ref<ElementRef<"input">>;
 }) => react_jsx_runtime.JSX.Element;
 
-type Props$1j = ComponentProps<typeof TextInput>;
-declare const CommandInput: ({ ref, className, ...props }: Props$1j & {
+type Props$1l = ComponentProps<typeof TextInput>;
+declare const CommandInput: ({ ref, className, ...props }: Props$1l & {
     ref?: Ref<ElementRef<"input">>;
 }) => react_jsx_runtime.JSX.Element;
 
-type Props$1i = ComponentProps<typeof ScrollAreaPrimitive.Root> & {
+type Props$1k = 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$1i & {
+declare const ScrollArea: ({ ref, className, children, viewPortClassName, orientation, scrollBarClassName, ...props }: Props$1k & {
     ref?: Ref<ElementRef<"div">>;
 }) => 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$1j = ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>;
+declare const ScrollBar: ({ className, orientation, ...props }: Props$1j) => react_jsx_runtime.JSX.Element;
 
-type Props$1g = ComponentProps<typeof Command$1.List> & Pick<ComponentProps<typeof ScrollArea>, 'viewPortClassName'>;
-declare const CommandList: ({ ref, className, children, viewPortClassName, ...props }: Props$1g & {
+type Props$1i = ComponentProps<typeof Command$1.List> & Pick<ComponentProps<typeof ScrollArea>, 'viewPortClassName'>;
+declare const CommandList: ({ ref, className, children, viewPortClassName, ...props }: Props$1i & {
     ref?: Ref<ElementRef<"div">>;
 }) => 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$1h = ComponentProps<typeof Command$1.Group>;
+declare const CommandGroup: ({ className, ...props }: Props$1h) => react_jsx_runtime.JSX.Element;
 
-type Props$1e = ComponentProps<typeof Command$1.Item> & {
+type Props$1g = 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$1e) => react_jsx_runtime.JSX.Element;
+declare const CommandItem: ({ className, icon, children, checked, variant, actions, ...props }: Props$1g) => react_jsx_runtime.JSX.Element;
+
+/** Viewport-relative box of the highlighted target. */
+type TargetRect = {
+    top: number;
+    left: number;
+    width: number;
+    height: number;
+};
+/** Element to track: a CSS selector, a React ref, or nothing (centered/no target). */
+type SpotlightTarget = string | RefObject<Element | null> | undefined;
+/**
+ * Resolves a `target` (CSS selector or React ref) to a live viewport rect and
+ * keeps it in sync while `enabled` — re-measuring on resize and scroll so an
+ * anchored overlay (e.g. `SpotlightBackdrop` + `Popover`) follows the element.
+ * Returns `null` when disabled or the target is absent, so callers can fall
+ * back to a centered/full-dim layout.
+ */
+declare const useTargetRect: (target: SpotlightTarget, enabled: boolean) => TargetRect | null;
+
+type Props$1f = {
+    /** Target box to cut out of the dim layer, or `null` for a full dim (no highlight). */
+    rect: TargetRect | null;
+    /** Padding around the target inside the cut-out, in px. */
+    padding?: number;
+    /** Corner radius of the cut-out, in px. */
+    radius?: number;
+    className?: string;
+    /** Fired when the dim layer is clicked (e.g. to dismiss). Receives the click event. */
+    onClick?: MouseEventHandler<HTMLDivElement>;
+};
+/**
+ * Full-viewport dimmed layer with an SVG-mask cut-out around a target rect,
+ * producing a spotlight highlight. With `rect={null}` it dims the whole viewport
+ * (no cut-out). The dim tone uses the semantic `foreground` token, so it re-skins
+ * with the active brand.
+ *
+ * **Presentational primitive** — pass a `rect` from `useTargetRect`, and compose
+ * with `Popover` for an anchored callout. Tour / coachmark orchestration
+ * (steps, next/prev, "seen" persistence) is intentionally app-owned; see the
+ * "Guided tour (recipe)" story for the composition.
+ */
+declare const SpotlightBackdrop: ({ rect, padding, radius, className, onClick }: Props$1f) => react_jsx_runtime.JSX.Element;
 
 type CalendarProps = Omit<PropsBase, 'required' | 'captionLayout'> & (PropsSingle | PropsRange);
 declare const Calendar: {
@@ -1494,13 +1523,13 @@ declare const DateRangePicker: {
     displayName: string;
 };
 
-type Props$1d = {
+type Props$1e = {
     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$1d) => react_jsx_runtime.JSX.Element;
+declare const TimePicker: ({ align, alignOffset, children, defaultOpen, defaultSelected, onOpenChange, onSelect, open, selected, sideOffset, }: Props$1e) => react_jsx_runtime.JSX.Element;
 
 type LabelProps = {
     id?: string | number;
@@ -1522,21 +1551,21 @@ declare const switchVariants: (props?: ({
     size?: "small" | "medium" | "large" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
-type Props$1c = {
+type Props$1d = {
     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$1c & {
+declare const Switch: ({ ref, className, size, disabled, id: idProp, children, description, variant, position, ...props }: Props$1d & {
     ref?: Ref<ElementRef<"button">>;
 }) => react_jsx_runtime.JSX.Element;
 
 type Variant$7 = 'radio' | 'button' | 'radio-block';
 type Orientation = 'vertical' | 'horizontal';
 
-type Props$1b<Value> = {
+type Props$1c<Value> = {
     variant?: Variant$7;
     orientation?: Orientation;
     onValueChange?: (value: Value) => void;
@@ -1544,12 +1573,13 @@ type Props$1b<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$1b<Value>): react_jsx_runtime.JSX.Element;
+    <Value extends string = string>({ variant, className, disabled, orientation, onValueChange, children, value, defaultValue, ...props }: Props$1c<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;
         prefix?: string | undefined | undefined;
         id?: string | undefined | undefined;
+        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
         form?: string | undefined | undefined;
         slot?: string | undefined | undefined;
         style?: react.CSSProperties | undefined;
@@ -1596,7 +1626,6 @@ declare const RadioGroup: {
         results?: number | undefined | undefined;
         security?: string | undefined | undefined;
         unselectable?: "on" | "off" | undefined | undefined;
-        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
         popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
         popoverTarget?: string | undefined | undefined;
         inert?: boolean | undefined | undefined;
@@ -1841,34 +1870,34 @@ declare const RadioGroup: {
     } & {
         value: T;
         tooltip?: react.ReactNode;
-        tooltipVariant?: Props$1J["variant"];
-        tooltipPlacement?: Props$1J["placement"];
+        tooltipVariant?: Props$1L["variant"];
+        tooltipPlacement?: Props$1L["placement"];
         description?: react.ReactNode;
     }) => react_jsx_runtime.JSX.Element;
     Separator: () => react_jsx_runtime.JSX.Element;
 };
 
-type Props$1a = ComponentProps<typeof Thumb> & {
+type Props$1b = ComponentProps<typeof Thumb> & {
     tooltip?: ReactNode;
     tooltipSide?: ComponentProps<typeof Tooltip.Content>['placement'];
 };
-declare const SliderThumb: ({ ref: forwardedRef, className, tooltip, tooltipSide, ...props }: Props$1a & {
+declare const SliderThumb: ({ ref: forwardedRef, className, tooltip, tooltipSide, ...props }: Props$1b & {
     ref?: Ref<ElementRef<typeof Thumb>>;
 }) => react_jsx_runtime.JSX.Element;
 
 type ThumbTooltipFn = (value: number, index: number) => ReactNode;
-type Props$19 = ComponentProps<typeof Root$7> & {
+type Props$1a = 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$19 & {
+declare const Slider: ({ ref, className, value, defaultValue, min, max, onValueChange, thumbTooltip, thumbTooltipSide, rangeClassName, ...rest }: Props$1a & {
     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$18 = {
+type Props$19 = {
     suffix?: ReactNode;
     disableDebounce?: boolean;
     debounceDelay?: number;
@@ -1883,14 +1912,14 @@ type Props$18 = {
 /**
  * @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$18 & {
+declare const Search: ({ ref, suffix, className, onBlur, onChange, disabled, readOnly, disableDebounce, debounceDelay, value: externalValue, defaultValue, testId: prefixTestId, placeholder, onClear, variant, ...rest }: Props$19 & {
     ref?: Ref<ElementRef<"input">>;
 }) => react_jsx_runtime.JSX.Element;
 
-type Props$17 = {
+type Props$18 = {
     onSubmit: (value: string) => void;
 } & Omit<ComponentProps<typeof Search>, 'onClear' | 'onBlur' | 'onSubmit'>;
-declare const SearchForm: ({ ref, onSubmit, name, ...props }: Props$17 & {
+declare const SearchForm: ({ ref, onSubmit, name, ...props }: Props$18 & {
     ref?: Ref<ElementRef<"input">>;
 }) => react_jsx_runtime.JSX.Element;
 
@@ -1913,12 +1942,12 @@ type SelectRootProps = {
 declare const variants$2: (props?: ({
     variant?: "primary" | "secondary" | "argo" | null | undefined;
     sizing?: "small" | "medium" | "default" | null | undefined;
-    state?: "default" | "error" | "warning" | null | undefined;
+    state?: "warning" | "default" | "error" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type Props$16 = ComponentProps<typeof _radix_ui_react_select.Trigger> & Omit<VariantProps<typeof variants$2>, 'variant'> & {
+type Props$17 = 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$16 & {
+declare const SelectTrigger: ({ ref, className, variant, state, sizing, placeholder, ...props }: Props$17 & {
     ref?: Ref<ElementRef<"button">>;
 }) => react_jsx_runtime.JSX.Element;
 
@@ -1937,7 +1966,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$15 = Pick<SelectRootProps, 'value' | 'defaultValue' | 'onValueChange' | 'disabled' | 'name' | 'required' | 'open' | 'defaultOpen' | 'onOpenChange'> & Pick<TriggerProps, 'variant' | 'state' | 'sizing' | 'placeholder' | 'id' | 'className'> & {
+type Props$16 = Pick<SelectRootProps, 'value' | 'defaultValue' | 'onValueChange' | 'disabled' | 'name' | 'required' | 'open' | 'defaultOpen' | 'onOpenChange'> & Pick<TriggerProps, 'variant' | 'state' | 'sizing' | 'placeholder' | 'id' | 'className'> & {
     items?: readonly (SelectItem | SelectItemGroup)[];
 };
 /**
@@ -1952,17 +1981,17 @@ type Props$15 = 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$15): react_jsx_runtime.JSX.Element;
+    ({ value, defaultValue, onValueChange, disabled, name, required, open, defaultOpen, onOpenChange, variant, state, sizing, placeholder, id, className, items, }: Props$16): 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;
         sizing?: "small" | "medium" | "default" | null | undefined;
-        state?: "default" | "error" | "warning" | null | undefined;
+        state?: "warning" | "default" | "error" | null | undefined;
     } & class_variance_authority_types.ClassProp) | undefined) => string>, "variant"> & {
         variant?: Exclude<class_variance_authority.VariantProps<(props?: ({
             variant?: "primary" | "secondary" | "argo" | null | undefined;
             sizing?: "small" | "medium" | "default" | null | undefined;
-            state?: "default" | "error" | "warning" | null | undefined;
+            state?: "warning" | "default" | "error" | null | undefined;
         } & class_variance_authority_types.ClassProp) | undefined) => string>["variant"], "argo">;
     } & Pick<_radix_ui_react_select.SelectValueProps & react.RefAttributes<HTMLSpanElement>, "placeholder">) & {
         ref?: react.Ref<react.ElementRef<"button">>;
@@ -1982,51 +2011,51 @@ declare const Select: {
     Separator: ({ className, ...props }: _radix_ui_react_select.SelectSeparatorProps & react.RefAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
 };
 
-type Props$14 = {
+type Props$15 = {
     id?: string | number;
     description?: ReactNode;
     variant?: VariantProps<typeof fieldBoxVariants>['variant'];
     position?: 'start' | 'end';
-    tooltip?: Props$1J['tooltip'];
-    tooltipPlacement?: Props$1J['placement'];
+    tooltip?: Props$1L['tooltip'];
+    tooltipPlacement?: Props$1L['placement'];
 } & Omit<ComponentProps<typeof Root$8>, 'id'>;
-declare function Checkbox(prop: Omit<Props$14, 'checked' | 'onCheckedChange'> & {
+declare function Checkbox(prop: Omit<Props$15, 'checked' | 'onCheckedChange'> & {
     checked?: boolean;
     onCheckedChange?: (checked: boolean) => void;
 }): ReactNode;
-declare function Checkbox(prop: Omit<Props$14, 'checked' | 'onCheckedChange'> & {
+declare function Checkbox(prop: Omit<Props$15, 'checked' | 'onCheckedChange'> & {
     checked?: CheckedState;
     onCheckedChange?: (checked: CheckedState) => void;
 }): ReactNode;
 
 type Variant$6 = 'check' | 'checkbox';
-type Props$13 = Omit<ComponentProps<typeof Combobox$1.ItemIndicator>, 'className' | 'children'> & {
+type Props$14 = Omit<ComponentProps<typeof Combobox$1.ItemIndicator>, 'className' | 'children'> & {
     className?: string;
     variant?: Variant$6;
 };
-declare const ComboboxItemIndicator: ({ ref, className, variant, ...props }: Props$13 & {
+declare const ComboboxItemIndicator: ({ ref, className, variant, ...props }: Props$14 & {
     ref?: Ref<ElementRef<"span">>;
 }) => react_jsx_runtime.JSX.Element;
 
-type Props$12 = Omit<ComponentProps<typeof Combobox$1.Input>, 'render'>;
-declare const ComboboxInput: ({ ref, ...props }: Props$12 & {
+type Props$13 = Omit<ComponentProps<typeof Combobox$1.Input>, 'render'>;
+declare const ComboboxInput: ({ ref, ...props }: Props$13 & {
     ref?: Ref<ElementRef<"input">>;
 }) => react_jsx_runtime.JSX.Element;
 
 type InputGroupProps$6 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'sizing' | 'state'>;
-type Props$11 = InputGroupProps$6 & Omit<ComponentProps<typeof Combobox$1.InputGroup>, 'render' | 'className'> & {
+type Props$12 = InputGroupProps$6 & Omit<ComponentProps<typeof Combobox$1.InputGroup>, 'render' | 'className'> & {
     className?: string;
 };
-declare const ComboboxInputGroup: ({ ref, state, variant, sizing, focusVariant, className, ...props }: Props$11 & {
+declare const ComboboxInputGroup: ({ ref, state, variant, sizing, focusVariant, className, ...props }: Props$12 & {
     ref?: Ref<ElementRef<"div">>;
 }) => react_jsx_runtime.JSX.Element;
 
-type Props$10 = Omit<ComponentProps<typeof Combobox$1.Item>, 'className'> & {
+type Props$11 = 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$10 & {
+declare const ComboboxItem: ({ ref, className, children, icon, indicator: variant, ...props }: Props$11 & {
     ref?: Ref<ElementRef<"div">>;
 }) => react_jsx_runtime.JSX.Element;
 
@@ -2046,7 +2075,7 @@ type CreatableProps<Value> = {
     queryToCreateLabel?: (query: string) => ReactNode;
     queryToCreateValue?: (query: string) => Value;
 };
-type Props$$<Value, GroupShape extends Group<Value> = Group<Value>> = PublicComboboxInputProps & PublicComboboxProps<Value> & CreatableProps<Value> & {
+type Props$10<Value, GroupShape extends Group<Value> = Group<Value>> = PublicComboboxInputProps & PublicComboboxProps<Value> & CreatableProps<Value> & {
     items?: readonly (Value | GroupShape)[];
     allowClear?: boolean;
     empty?: ReactNode;
@@ -2058,11 +2087,11 @@ type Props$$<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$$<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$10<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;
-        state?: "default" | "error" | "warning" | null | undefined;
+        state?: "warning" | "default" | "error" | null | undefined;
         sizing?: "small" | "medium" | "default" | null | undefined;
         focusVariant?: "off" | "on" | "default" | null | undefined;
     } & Omit<Omit<_base_ui_react_combobox.ComboboxInputGroupProps, "ref"> & react.RefAttributes<HTMLDivElement>, "className" | "render"> & {
@@ -2077,6 +2106,7 @@ declare const Combobox: {
         prefix?: string | undefined | undefined;
         id?: string | undefined | undefined;
         name?: string | undefined | undefined;
+        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
         form?: string | undefined | undefined;
         slot?: string | undefined | undefined;
         style?: react.CSSProperties | ((state: _base_ui_react_combobox.ComboboxInputState) => React.CSSProperties | undefined) | undefined;
@@ -2121,7 +2151,6 @@ declare const Combobox: {
         results?: number | undefined | undefined;
         security?: string | undefined | undefined;
         unselectable?: "on" | "off" | undefined | undefined;
-        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
         popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
         popoverTarget?: string | undefined | undefined;
         inert?: boolean | undefined | undefined;
@@ -2425,7 +2454,7 @@ declare const Combobox: {
     Chips: <Value>({ maxVisible, itemToChipLabel, itemToChipColor, variant, }: {
         maxVisible?: number;
         itemToChipLabel?: ((item: Value) => ReactNode) | undefined;
-        itemToChipColor?: ((item: Value) => "orange" | "blue" | "red" | "green" | "gray" | "cyan" | "purple" | "teal" | "white" | "gray-darker" | "gray-inverse" | "green-darker" | "green-inverse" | "blue-inverse" | "orange-inverse" | "teal-inverse" | "purple-inverse" | "cyan-inverse" | "sidebar-primary" | undefined) | undefined;
+        itemToChipColor?: ((item: Value) => "orange" | "blue" | "red" | "green" | "gray" | "cyan" | "purple" | "teal" | "white" | "gray-darker" | "gray-inverse" | "green-darker" | "green-inverse" | "blue-inverse" | "orange-inverse" | "amber" | "amber-inverse" | "teal-inverse" | "purple-inverse" | "cyan-inverse" | "sidebar-primary" | undefined) | undefined;
         variant?: "default" | "tag" | "pill" | null | undefined;
     }) => react_jsx_runtime.JSX.Element;
 };
@@ -2441,7 +2470,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$_<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;
@@ -2465,7 +2494,7 @@ type Props$_<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$_<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$5 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'sizing' | 'focusVariant' | 'state'>;
 type TextareaNativeProps = Omit<ComponentProps<typeof InputGroup.TextArea>, 'value' | 'defaultValue' | 'rows' | 'maxRows'>;
@@ -2478,12 +2507,12 @@ type TextareaOwnProps = {
     disableResize?: boolean;
     containerClassName?: string;
 };
-type Props$Z = InputGroupProps$5 & TextareaNativeProps & TextareaOwnProps;
+type Props$_ = 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$Z & {
+declare const Textarea: ({ ref, containerClassName, state, variant, sizing, focusVariant, ...rest }: Props$_ & {
     ref?: Ref<ElementRef<"textarea">>;
 }) => react_jsx_runtime.JSX.Element;
 
@@ -2498,198 +2527,80 @@ declare const AutoSaveTextarea: ({ savedValue, onSave, placeholder, disabled, gr
 
 type InputGroupProps$4 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
 type InputGroupInputProps$4 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue'>;
-type Props$Y = InputGroupProps$4 & InputGroupInputProps$4 & {
+type Props$Z = 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$Y & {
+declare const ColorInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, onValueChange, onValueBlur, onChange, onBlur, defaultValue, allowClear, disabled, readOnly, ...restInputProps }: Props$Z & {
     ref?: Ref<ElementRef<"input">>;
 }) => 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$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;
+type BrandId = string;
+type ResolvedColorScheme = 'light' | 'dark';
+type ColorScheme = 'system' | ResolvedColorScheme;
+type Tokens = Record<string, string>;
+type Theme = Pick<Brand, 'id' | 'name' | 'shell' | 'logo'>;
+
+type UseBrandOptions = {
+    /** Initial active brand id for uncontrolled use. Defaults to the design-system sentinel (`DEFAULT_BRAND_ID`) — no brand tokens injected, so the stylesheet defaults apply. */
+    defaultBrandId?: BrandId;
+    /** Controlled active brand id. When set, the parent owns the value and `setBrand` only notifies via `onBrandIdChange` (it does not mutate internal state). */
+    brandId?: BrandId;
+    /** Called with the next id whenever `setBrand` runs — required to persist the choice in controlled mode. */
+    onBrandIdChange?: (brandId: BrandId) => void;
+};
+declare const useBrandState: ({ defaultBrandId: defaultBrand, brandId: controlledBrand, onBrandIdChange: onBrandChange, }?: UseBrandOptions) => {
+    brandId: string;
+    setBrand: (next: BrandId) => void;
+};
+
+type UseColorSchemeOptions = {
+    /** Initial colour scheme for uncontrolled use. Defaults to `light` (`DEFAULT_COLOR_SCHEME`). */
+    defaultScheme?: ColorScheme;
+    /** Controlled colour scheme (`light` / `dark` / `system`). When set, the parent owns the value and `setScheme` only notifies via `onSchemeChange`. `system` follows `prefers-color-scheme` and resolves reactively. */
+    scheme?: ColorScheme;
+    /** Called with the next scheme whenever `setScheme` runs — required to persist the choice in controlled mode. */
+    onSchemeChange?: (theme: ColorScheme) => void;
+};
+declare const useColorSchemeState: ({ defaultScheme, scheme: propScheme, onSchemeChange, }?: UseColorSchemeOptions) => {
+    scheme: ColorScheme;
+    resolvedScheme: ResolvedColorScheme;
+    setScheme: (next: ColorScheme) => void;
+};
+
+type Props$Y = UseColorSchemeOptions & UseBrandOptions & {
+    /** Brands this provider knows about; the active brand id resolves against these. */
+    brands?: readonly Brand[];
     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;
+declare const ThemeProvider: ({ defaultScheme, scheme, onSchemeChange, defaultBrandId, brandId, onBrandIdChange, brands, children, }: Props$Y) => 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.
- */
+type ThemeContextValue = ReturnType<typeof useColorSchemeState> & ReturnType<typeof useBrandState> & {
+    themes: Theme[];
+    currentTheme: Theme;
+};
 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).
+ * TEMPORARY — kbc-ui-internal only.
  *
- * Throws if no provider is mounted (mirrors `useTheme()`).
+ * Flags whether the subtree renders the argo design language. Defaults to argo
+ * (`true`) — the modern default; legacy chrome is the exception. It exists
+ * solely to bridge kbc-ui while its chrome is migrated off the legacy design
+ * language: kbc-ui provides `false` for legacy brands/surfaces (see its
+ * `AppThemeProvider`) and reads it via `useArgoDesign`. `ThemeProvider` does
+ * not set it — argo is decoupled from the brand. Once every kbc-ui surface has
+ * been migrated, this context and its hook can be deleted.
  */
-declare const useColorScheme: () => {
-    colorScheme: ColorScheme;
-    resolvedMode: ResolvedMode;
-};
-
-declare const useIsLegacyBrand: () => boolean;
+declare const ArgoDesignContext: react.Context<boolean>;
+declare const useArgoDesign: () => 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;
+declare const DEFAULT_COLOR_SCHEME: ResolvedColorScheme;
+declare const DEFAULT_BRAND_ID = "design-system";
 
-/**
- * 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 = {
+type Props$X = {
     /** The active color scheme. Controlled — pair with `onValueChange`. */
     value: ColorScheme;
     /** Called with the chosen scheme when the user picks a menu item. */
@@ -2714,11 +2625,11 @@ type Props$V = {
  * 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;
+declare const ColorModeSwitch: ({ value, onValueChange, size, className }: Props$X) => 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 & {
+type Props$W = InputGroupProps$3 & InputGroupInputProps$3 & {
     value?: number | null;
     defaultValue?: number | null;
     onValueChange?: (value: number | null) => void;
@@ -2726,13 +2637,13 @@ type Props$U = InputGroupProps$3 & InputGroupInputProps$3 & {
     prefix?: ReactNode;
     suffix?: ReactNode;
 };
-declare const NumberInput: ({ ref, state, variant, focusVariant, sizing, className, value, defaultValue, onValueChange, onValueBlur, onChange, onBlur, prefix, suffix, ...inputProps }: Props$U & {
+declare const NumberInput: ({ ref, state, variant, focusVariant, sizing, className, value, defaultValue, onValueChange, onValueBlur, onChange, onBlur, prefix, suffix, ...inputProps }: Props$W & {
     ref?: Ref<ElementRef<"input">>;
 }) => react_jsx_runtime.JSX.Element;
 
 type InputGroupProps$2 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
 type InputGroupInputProps$2 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type' | 'autoComplete'>;
-type Props$T = InputGroupProps$2 & InputGroupInputProps$2 & {
+type Props$V = InputGroupProps$2 & InputGroupInputProps$2 & {
     value?: string | null;
     defaultValue?: string | null;
     onValueChange?: (value: string) => void;
@@ -2742,20 +2653,20 @@ type Props$T = InputGroupProps$2 & InputGroupInputProps$2 & {
     autoComplete?: 'new-password' | 'current-password' | 'off';
     defaultPasswordVisibility?: boolean;
 };
-declare const PasswordInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onKeyDown, onKeyUp, onMouseDown, allowClear, allowPasswordToggle, autoComplete, defaultPasswordVisibility, disabled, readOnly, ...restInputProps }: Props$T & {
+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$V & {
     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 & {
+type Props$U = 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 & {
+declare const TimeInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, allowClear, disabled, readOnly, placeholder, ...restInputProps }: Props$U & {
     ref?: Ref<ElementRef<"input">>;
 }) => react_jsx_runtime.JSX.Element;
 
@@ -2811,7 +2722,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$R = InputGroupProps & InputGroupInputProps & {
+type Props$T = 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`. */
@@ -2840,7 +2751,7 @@ type Props$R = 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$R & {
+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 & {
     ref?: Ref<ElementRef<"input">>;
 }) => react_jsx_runtime.JSX.Element;
 
@@ -2865,25 +2776,25 @@ 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$Q = ComponentProps<'div'> & VariantProps<typeof addonVariants>;
-declare const BadgeAddon: ({ ref, align, variant, className, ...rest }: Props$Q & {
+type Props$S = ComponentProps<'div'> & VariantProps<typeof addonVariants>;
+declare const BadgeAddon: ({ ref, align, variant, className, ...rest }: Props$S & {
     ref?: Ref<ElementRef<"div">>;
 }) => react_jsx_runtime.JSX.Element;
 
-type Props$P = ComponentProps<'span'> & {
+type Props$R = ComponentProps<'span'> & {
     asChild?: boolean;
 };
-declare const BadgeLabel: ({ ref, className, asChild, ...rest }: Props$P & {
+declare const BadgeLabel: ({ ref, className, asChild, ...rest }: Props$R & {
     ref?: Ref<ElementRef<"span">>;
 }) => react_jsx_runtime.JSX.Element;
 
 declare const badgeRootVariants: (props?: ({
     variant?: "default" | "tag" | "pill" | null | undefined;
-    color?: "orange" | "blue" | "red" | "green" | "gray" | "cyan" | "purple" | "teal" | "white" | "gray-darker" | "gray-inverse" | "green-darker" | "green-inverse" | "blue-inverse" | "orange-inverse" | "teal-inverse" | "purple-inverse" | "cyan-inverse" | "sidebar-primary" | null | undefined;
+    color?: "orange" | "blue" | "red" | "green" | "gray" | "cyan" | "purple" | "teal" | "white" | "gray-darker" | "gray-inverse" | "green-darker" | "green-inverse" | "blue-inverse" | "orange-inverse" | "amber" | "amber-inverse" | "teal-inverse" | "purple-inverse" | "cyan-inverse" | "sidebar-primary" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
-type Props$O = ComponentProps<'div'> & VariantProps<typeof badgeRootVariants>;
-declare const BadgeRoot: ({ ref, variant, color, className, children, ...rest }: Props$O & {
+type Props$Q = ComponentProps<'div'> & VariantProps<typeof badgeRootVariants>;
+declare const BadgeRoot: ({ ref, variant, color, className, children, ...rest }: Props$Q & {
     ref?: Ref<ElementRef<"div">>;
 }) => react_jsx_runtime.JSX.Element;
 
@@ -2892,22 +2803,22 @@ type BadgeRootProps = ComponentProps<typeof BadgeRoot>;
 type BadgeLabelProps = ComponentProps<typeof BadgeLabel>;
 /**
  * Props for `Badge`. `color` is a categorical contract (`green` = success, `red` = error, `orange` = warning,
- * `purple/cyan/teal/blue/gray` for decorative tags) — colours stay fixed across brand themes.
+ * `amber` = caution, `purple/cyan/teal/blue/gray` for decorative tags) — colours stay fixed across brand themes.
  * Pass `prefix` / `suffix` for icon-style addons.
  */
-type Props$N = Pick<BadgeRootProps, 'variant' | 'color'> & Omit<BadgeLabelProps, 'prefix'> & {
+type Props$P = 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$N & {
+declare const Badge: (({ ref, variant, color, prefix, prefixVariant, suffix, suffixVariant, className, labelClassName, ...labelProps }: Props$P & {
     ref?: Ref<ElementRef<"span">>;
 }) => react_jsx_runtime.JSX.Element) & {
     Root: ({ ref, variant, color, className, children, ...rest }: (react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & class_variance_authority.VariantProps<(props?: ({
         variant?: "default" | "tag" | "pill" | null | undefined;
-        color?: "orange" | "blue" | "red" | "green" | "gray" | "cyan" | "purple" | "teal" | "white" | "gray-darker" | "gray-inverse" | "green-darker" | "green-inverse" | "blue-inverse" | "orange-inverse" | "teal-inverse" | "purple-inverse" | "cyan-inverse" | "sidebar-primary" | null | undefined;
+        color?: "orange" | "blue" | "red" | "green" | "gray" | "cyan" | "purple" | "teal" | "white" | "gray-darker" | "gray-inverse" | "green-darker" | "green-inverse" | "blue-inverse" | "orange-inverse" | "amber" | "amber-inverse" | "teal-inverse" | "purple-inverse" | "cyan-inverse" | "sidebar-primary" | null | undefined;
     } & class_variance_authority_types.ClassProp) | undefined) => string>) & {
         ref?: Ref<ElementRef<"div">>;
     }) => react_jsx_runtime.JSX.Element;
@@ -2934,45 +2845,45 @@ type TagOption = {
     disabled?: boolean;
 };
 
-type Props$M = {
+type Props$O = {
     onCreate?: (search: string) => void;
 } & Pick<ComponentProps<typeof Command.Item>, 'value'>;
-declare const TagSelectCreateItem: ({ onCreate, value }: Props$M) => react_jsx_runtime.JSX.Element;
+declare const TagSelectCreateItem: ({ onCreate, value }: Props$O) => react_jsx_runtime.JSX.Element;
 
-type Props$L = {
+type Props$N = {
     value: string[];
     onAdd?: (selected: string[]) => void;
 };
-declare const TagSelectValue: ({ value, onAdd }: Props$L) => react_jsx_runtime.JSX.Element;
+declare const TagSelectValue: ({ value, onAdd }: Props$N) => react_jsx_runtime.JSX.Element;
 
-type Props$K = {
+type Props$M = {
     options?: TagOption[];
 } & Pick<ComponentProps<typeof TagSelectValue>, 'onAdd'> & Pick<ComponentProps<typeof TagSelectCreateItem>, 'onCreate'>;
-declare const TagSelectList: ({ options, onAdd, onCreate }: Props$K) => react_jsx_runtime.JSX.Element;
+declare const TagSelectList: ({ options, onAdd, onCreate }: Props$M) => react_jsx_runtime.JSX.Element;
 
-type Props$J = {
+type Props$L = {
     children: ReactNode;
 } & ComponentProps<typeof TagSelectList>;
-declare const TagSelectPopover: ({ children, onAdd, options, onCreate }: Props$J) => react_jsx_runtime.JSX.Element;
+declare const TagSelectPopover: ({ children, onAdd, options, onCreate }: Props$L) => react_jsx_runtime.JSX.Element;
 
 type OnValueChangeHandler = (value: {
     action: 'add' | 'remove';
     tags: TagOption[];
     allTags: TagOption[];
 }) => void;
-type Props$I = {
+type Props$K = {
     value?: TagOption[];
     onValueChange: OnValueChangeHandler;
     disabled?: boolean;
 } & Pick<ComponentProps<typeof TagSelectPopover>, 'options' | 'onCreate'>;
-declare const Tagger: ({ options, value, onCreate, onValueChange, disabled, }: Props$I) => react_jsx_runtime.JSX.Element | null;
+declare const Tagger: ({ options, value, onCreate, onValueChange, disabled, }: Props$K) => 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$H = {
+type Props$J = {
     /** MIME / extension filter passed straight to react-dropzone. */
     accept?: Accept;
     /** Max size per file, in bytes. Oversized files are rejected and surface in `onFilesRejected`. */
@@ -2991,7 +2902,7 @@ type Props$H = {
     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$H) => react_jsx_runtime.JSX.Element) & {
+declare const FileUpload: (({ accept, maxSize, maxFiles, multiple, disabled, onFilesChange, onFilesRejected, forcedState, children, className, ...rest }: Props$J) => react_jsx_runtime.JSX.Element) & {
     DropZone: ({ children, className, ...rest }: {
         children?: ReactNode;
     } & Omit<HTMLAttributes<HTMLDivElement>, "children">) => react_jsx_runtime.JSX.Element;
@@ -3039,6 +2950,7 @@ declare const FormGroup: {
         prefix?: ReactNode;
         id?: string | undefined | undefined;
         name?: string | undefined | undefined;
+        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
         variant?: "primary" | "secondary" | null | undefined;
         form?: string | undefined | undefined;
         slot?: string | undefined | undefined;
@@ -3087,7 +2999,6 @@ declare const FormGroup: {
         results?: number | undefined | undefined;
         security?: string | undefined | undefined;
         unselectable?: "on" | "off" | undefined | undefined;
-        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
         popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
         popoverTarget?: string | undefined | undefined;
         inert?: boolean | undefined | undefined;
@@ -3364,6 +3275,7 @@ declare const FormGroup: {
         prefix?: ReactNode;
         id?: string | undefined | undefined;
         name?: string | undefined | undefined;
+        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
         variant?: "primary" | "secondary" | null | undefined;
         form?: string | undefined | undefined;
         slot?: string | undefined | undefined;
@@ -3412,7 +3324,6 @@ declare const FormGroup: {
         results?: number | undefined | undefined;
         security?: string | undefined | undefined;
         unselectable?: "on" | "off" | undefined | undefined;
-        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
         popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
         popoverTarget?: string | undefined | undefined;
         inert?: boolean | undefined | undefined;
@@ -3685,6 +3596,7 @@ declare const FormGroup: {
         prefix?: string | undefined | undefined;
         id?: string | undefined | undefined;
         name?: string | undefined | undefined;
+        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
         variant?: "primary" | "secondary" | null | undefined;
         form?: string | undefined | undefined;
         slot?: string | undefined | undefined;
@@ -3733,7 +3645,6 @@ declare const FormGroup: {
         results?: number | undefined | undefined;
         security?: string | undefined | undefined;
         unselectable?: "on" | "off" | undefined | undefined;
-        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
         popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
         popoverTarget?: string | undefined | undefined;
         inert?: boolean | undefined | undefined;
@@ -4006,6 +3917,7 @@ declare const FormGroup: {
         prefix?: string | undefined | undefined;
         id?: string | undefined | undefined;
         name?: string | undefined | undefined;
+        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
         variant?: "primary" | "secondary" | null | undefined;
         form?: string | undefined | undefined;
         slot?: string | undefined | undefined;
@@ -4055,7 +3967,6 @@ declare const FormGroup: {
         results?: number | undefined | undefined;
         security?: string | undefined | undefined;
         unselectable?: "on" | "off" | undefined | undefined;
-        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
         popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
         popoverTarget?: string | undefined | undefined;
         inert?: boolean | undefined | undefined;
@@ -4313,49 +4224,63 @@ declare const FormGroup: {
 };
 
 declare const helpVariants: (props?: ({
-    state?: "default" | "error" | "warning" | null | undefined;
+    state?: "warning" | "default" | "error" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type Props$G = {
+type Props$I = {
     className?: string;
     children?: ReactNode;
     testId?: string;
 } & VariantProps<typeof helpVariants>;
-declare const HelpBlock: ({ children, className, state, testId }: Props$G) => react_jsx_runtime.JSX.Element | null;
+declare const HelpBlock: ({ children, className, state, testId }: Props$I) => react_jsx_runtime.JSX.Element | null;
 
 type AnswerItem = {
     question: string;
     answer?: string;
 };
 type Variant$5 = 'success' | 'dismissed';
-type Props$F = {
+type Props$H = {
     items: readonly AnswerItem[];
     variant?: Variant$5;
     noAnswerLabel?: string;
 };
-declare const AnswerSummary: ({ items, variant, noAnswerLabel, }: Props$F) => react_jsx_runtime.JSX.Element;
+declare const AnswerSummary: ({ items, variant, noAnswerLabel, }: Props$H) => react_jsx_runtime.JSX.Element;
 
 type Variant$4 = 'success' | 'error' | 'processing' | 'dismissed';
-type Props$E = {
+type Props$G = {
     isExpanded: boolean;
     onToggle: () => void;
     label: ReactNode;
     variant?: Variant$4;
 };
-declare const CollapsibleStepHeader: ({ isExpanded, onToggle, label, variant, }: Props$E) => react_jsx_runtime.JSX.Element;
+declare const CollapsibleStepHeader: ({ isExpanded, onToggle, label, variant, }: Props$G) => react_jsx_runtime.JSX.Element;
 
-type Props$D = {
+type Props$F = {
     children: ReactNode;
 };
-declare const InlineStepDetail: ({ children }: Props$D) => react_jsx_runtime.JSX.Element;
+declare const InlineStepDetail: ({ children }: Props$F) => react_jsx_runtime.JSX.Element;
 
 type Variant$3 = 'processing' | 'success' | 'error' | 'dismissed';
-type Props$C = {
+type Props$E = {
     variant: Variant$3;
     children: ReactNode;
 };
-declare const InlineStepLabel: ({ variant, children }: Props$C) => react_jsx_runtime.JSX.Element;
+declare const InlineStepLabel: ({ variant, children }: Props$E) => react_jsx_runtime.JSX.Element;
 
-type Props$B = {
+type Props$D = {
+    /** Markdown source (GFM: tables, task lists, strikethrough, autolinks). Tables
+     *  render through the design `Table`; fenced ```mermaid blocks render via
+     *  `MermaidDiagram`; other fenced blocks get a hover copy button. */
+    children: string;
+    className?: string;
+};
+/**
+ * Read-only GFM Markdown renderer with design-token typography. Pair with
+ * `MessageBubble` to render an assistant message body. Code blocks expose a
+ * copy button, so mount a `TooltipProvider` once at the app root.
+ */
+declare const Markdown: ({ children, className }: Props$D) => react_jsx_runtime.JSX.Element;
+
+type Props$C = {
     user?: {
         name: string | undefined;
         email: string | undefined;
@@ -4365,17 +4290,17 @@ type Props$B = {
     size?: number;
     variant?: 'circle' | 'rounded';
 } & ComponentProps<'span'>;
-declare const Avatar: ({ ref, user, fallback, size, className, variant, ...props }: Props$B & {
+declare const Avatar: ({ ref, user, fallback, size, className, variant, ...props }: Props$C & {
     ref?: Ref<ElementRef<"span">>;
 }) => react_jsx_runtime.JSX.Element;
 
-type Props$A = {
+type Props$B = {
     variant: 'user' | 'assistant';
     user?: ComponentProps<typeof Avatar>['user'];
     actions?: ReactNode;
     createdAt?: string;
 } & PropsWithChildren;
-declare const MessageBubble: ({ variant, children, user, actions, createdAt }: Props$A) => react_jsx_runtime.JSX.Element;
+declare const MessageBubble: ({ variant, children, user, actions, createdAt }: Props$B) => react_jsx_runtime.JSX.Element;
 
 type PlanApprovalStatus = 'pending' | 'approved' | 'dismissed' | 'changes-requested';
 type PlanApprovalProps = {
@@ -4423,17 +4348,17 @@ type PromptCommand = {
 };
 
 type SubmitStatus = 'submitted' | 'ready' | 'streaming' | 'interrupted';
-type Props$z = Pick<ComponentProps<typeof Button>, 'disabled'> & {
+type Props$A = Pick<ComponentProps<typeof Button>, 'disabled'> & {
     status?: SubmitStatus;
 };
-declare const PromptInputSubmit: ({ ref, disabled, status, }: Props$z & {
+declare const PromptInputSubmit: ({ ref, disabled, status, }: Props$A & {
     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$y = {
+type Props$z = {
     onSend?: (value: string) => void;
     onAbort?: () => void;
     onContinue?: () => void;
@@ -4447,7 +4372,7 @@ type Props$y = {
     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$y): react_jsx_runtime.JSX.Element;
+    ({ onSend, onAbort, onContinue, prefix, variant, suffix, disabled, disableSubmit, value, onValueChange, status, maxRows, minRows, commands, ...textareaProps }: Props$z): 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;
@@ -4459,7 +4384,7 @@ type QuestionOption = {
     description?: string;
     preview?: string;
 };
-type Props$x = {
+type Props$y = {
     question: string;
     header?: string;
     options: readonly QuestionOption[];
@@ -4482,7 +4407,7 @@ type Props$x = {
     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$x) => 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$y) => react_jsx_runtime.JSX.Element;
 
 type QuestionStep = {
     question: string;
@@ -4496,7 +4421,7 @@ type QuestionAnswers = {
     selections: Record<number, readonly string[]>;
     customAnswers: Record<number, string>;
 };
-type Props$w = {
+type Props$x = {
     steps: readonly [QuestionStep, ...QuestionStep[]];
     showSkip?: boolean;
     onSubmit?: (answers: QuestionAnswers) => void;
@@ -4504,23 +4429,75 @@ type Props$w = {
     renderPreview?: (content: string) => ReactNode;
     className?: string;
 };
-declare const QuestionBlock: ({ steps, showSkip, onSubmit, onClose, renderPreview, className, }: Props$w) => react_jsx_runtime.JSX.Element;
+declare const QuestionBlock: ({ steps, showSkip, onSubmit, onClose, renderPreview, className, }: Props$x) => react_jsx_runtime.JSX.Element;
 
-type Props$v = {
+type Props$w = {
     label: string;
     disabled?: boolean;
     onClick: () => void;
     icon?: ReactNode;
     className?: string;
 };
-declare const SuggestedPrompt: ({ label, disabled, onClick, icon, className }: Props$v) => react_jsx_runtime.JSX.Element;
+declare const SuggestedPrompt: ({ label, disabled, onClick, icon, className }: Props$w) => react_jsx_runtime.JSX.Element;
 
 type ThinkingIndicatorProps = {
     label?: string;
 };
 declare const ThinkingIndicator: ({ label }: ThinkingIndicatorProps) => react_jsx_runtime.JSX.Element;
 
-type Props$u = {
+type ToolCallApprovalStatus = 'pending' | 'approved' | 'rejected' | 'expired';
+type ToolCallApprovalProps = {
+    /** The tool being called (e.g. `run_sql`). Rendered as a monospace tag. */
+    toolName: string;
+    /** Human-readable summary of what the tool will do. */
+    title?: ReactNode;
+    status: ToolCallApprovalStatus;
+    onApprove?: () => void;
+    onReject?: () => void;
+    /** App-rendered detail — a diff, a `ToolCallChip`, a chart, arguments. */
+    children?: ReactNode;
+    /**
+     * Replaces the default Approve/Reject buttons in the pending state. Use when
+     * the call needs bespoke controls (e.g. an inline reason field).
+     */
+    actions?: ReactNode;
+    isSubmitting?: boolean;
+    /**
+     * Opt into `Enter` = approve / `Escape` = reject while pending. Off by
+     * default so the shortcuts never fire unexpectedly in a busy chat.
+     */
+    enableShortcuts?: boolean;
+    approveLabel?: string;
+    rejectLabel?: string;
+    className?: string;
+};
+/**
+ * Per-tool-call approve/reject frame — the granular sibling of `PlanApproval`
+ * (which approves a whole plan). Chrome + status + actions only: the app
+ * renders the call detail as `children` and owns the SDK/permission wiring.
+ */
+declare const ToolCallApproval: ({ toolName, title, status, onApprove, onReject, children, actions, isSubmitting, enableShortcuts, approveLabel, rejectLabel, className, }: ToolCallApprovalProps) => react_jsx_runtime.JSX.Element;
+
+type ToolCallState = 'processing' | 'done' | 'error';
+type ToolCallChipProps = {
+    label: ReactNode;
+    state: ToolCallState;
+    /** Leading icon; defaults to a state glyph (spinner / check / x). */
+    icon?: ReactNode;
+    /** Trailing node (e.g. a chevron or count). */
+    trailing?: ReactNode;
+    /** When set, the chip renders as a button and fires this on click. */
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+    className?: string;
+};
+/**
+ * Presentational chip summarising a single tool call (icon + label + optional
+ * trailing action). It has **no** URL/router knowledge — wrap it in a `Link`
+ * or pass `onClick` for navigation; the app owns deep-linking.
+ */
+declare const ToolCallChip: ({ label, state, icon, trailing, onClick, className, }: ToolCallChipProps) => react_jsx_runtime.JSX.Element;
+
+type Props$v = {
     value: number;
     alert?: boolean;
     children: ReactNode;
@@ -4534,19 +4511,19 @@ type Props$u = {
     side?: ComponentProps<typeof HoverCard.Content>['side'];
     sideOffset?: ComponentProps<typeof HoverCard.Content>['sideOffset'];
 };
-declare const UsageStats: ({ value, alert, children, className, ariaLabel, align, side, sideOffset, }: Props$u) => react_jsx_runtime.JSX.Element;
+declare const UsageStats: ({ value, alert, children, className, ariaLabel, align, side, sideOffset, }: Props$v) => react_jsx_runtime.JSX.Element;
 
-type Props$t = {
+type Props$u = {
     value: number;
     size?: number;
     strokeWidth?: number;
     className?: string;
 };
-declare const UsageStatsRing: ({ value, size, strokeWidth, className }: Props$t) => react_jsx_runtime.JSX.Element;
+declare const UsageStatsRing: ({ value, size, strokeWidth, className }: Props$u) => react_jsx_runtime.JSX.Element;
 
-type Props$s = ComponentProps<typeof Root$9>;
+type Props$t = ComponentProps<typeof Root$9>;
 declare const Collapsible: {
-    (props: Props$s): react_jsx_runtime.JSX.Element;
+    (props: Props$t): 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>>>>;
@@ -4554,10 +4531,10 @@ declare const Collapsible: {
 };
 
 type Variant$2 = 'info' | 'warning' | 'error' | 'success';
-type Props$r = {
+type Props$s = {
     variant?: Variant$2;
 } & ComponentProps<'div'>;
-declare const AlertRoot: ({ ref, children, className, variant, ...rest }: Props$r & {
+declare const AlertRoot: ({ ref, children, className, variant, ...rest }: Props$s & {
     ref?: Ref<ElementRef<"div">>;
 }) => react_jsx_runtime.JSX.Element;
 
@@ -4582,7 +4559,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$q = CommonProps & (CollapsibleProps | DefaultProps);
+type Props$r = CommonProps & (CollapsibleProps | DefaultProps);
 /**
  * Persistent inline banner for contextual messages tied to the page layout.
  *
@@ -4596,13 +4573,13 @@ type Props$q = 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$q) => react_jsx_runtime.JSX.Element;
+declare const Alert: ({ title, variant, children, hideIcon, icon, className, actions, mode, defaultOpen, open: openProp, onOpenChange: onOpenChangeProp, ...rest }: Props$r) => react_jsx_runtime.JSX.Element;
 
 declare const variants$1: (props?: ({
-    variant?: "default" | "error" | "info" | "warning" | "success" | null | undefined;
+    variant?: "success" | "warning" | "info" | "default" | "error" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type Variants = VariantProps<typeof variants$1>;
-type Props$p = {
+type Props$q = {
     id: string | number;
     title: ReactNode;
     icon?: ReactNode;
@@ -4611,7 +4588,7 @@ type Props$p = {
     loading?: boolean;
     duration?: number;
 } & Variants;
-declare const ToastRoot: ({ id, title, description, action, duration, variant, loading, icon: iconProp, }: Props$p) => react_jsx_runtime.JSX.Element;
+declare const ToastRoot: ({ id, title, description, action, duration, variant, loading, icon: iconProp, }: Props$q) => react_jsx_runtime.JSX.Element;
 
 type ToastProps = ComponentProps<typeof ToastRoot>;
 type Title = ToastProps['title'] | ((opts: {
@@ -4632,7 +4609,7 @@ declare const toast: {
     dismissAll(): string | number;
 };
 
-type Props$o = {
+type Props$p = {
     enabled?: boolean;
 } & Parameters<typeof toast>[0];
 /**
@@ -4645,22 +4622,22 @@ type Props$o = {
  * 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$o) => void;
+declare const useNotification: ({ enabled, ...toastOptions }: Props$p) => void;
 
 type ToasterProps = ComponentProps<typeof Toaster$1>;
 declare const Toaster: ({ gap, visibleToasts, ...props }: ToasterProps) => react_jsx_runtime.JSX.Element;
 
-type Props$n = {
+type Props$o = {
     children?: ReactNode;
 };
-declare const EmptySearchContent: ({ children }: Props$n) => react_jsx_runtime.JSX.Element;
+declare const EmptySearchContent: ({ children }: Props$o) => react_jsx_runtime.JSX.Element;
 
-type Props$m = {
+type Props$n = {
     title: string;
     children: ReactNode;
     className?: string;
 };
-declare const EmptyConfigurationActionCard: ({ title, children, className }: Props$m) => react_jsx_runtime.JSX.Element;
+declare const EmptyConfigurationActionCard: ({ title, children, className }: Props$n) => react_jsx_runtime.JSX.Element;
 
 declare const emptyStateClassnames: (props?: ({
     variant?: "compact" | "default" | null | undefined;
@@ -4797,11 +4774,11 @@ type DotsLoaderProps = {
 declare const DotsLoader: ({ className }: DotsLoaderProps) => react_jsx_runtime.JSX.Element;
 
 declare const variants: (props?: ({
-    variant?: "default" | "success" | null | undefined;
+    variant?: "success" | "default" | null | undefined;
     size?: "sm" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type Props$l = ComponentProps<typeof Root$a> & VariantProps<typeof variants>;
-declare const Progress: ({ ref, className, value, variant, size, ...props }: Props$l & {
+type Props$m = ComponentProps<typeof Root$a> & VariantProps<typeof variants>;
+declare const Progress: ({ ref, className, value, variant, size, ...props }: Props$m & {
     ref?: Ref<ElementRef<typeof Root$a>>;
 }) => react_jsx_runtime.JSX.Element;
 
@@ -4819,7 +4796,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$k = {
+type Props$l = {
     header: ReactNode;
     isDisabled?: boolean;
     defaultExpanded?: boolean;
@@ -4831,16 +4808,16 @@ type Props$k = {
     variant?: 'default' | 'white';
     children: ReactNode;
 };
-declare const CollapsiblePanel: ({ header, className, bodyClassName, headerClassName, defaultExpanded, isDisabled, children, isOpen, onToggle, variant, }: Props$k) => react_jsx_runtime.JSX.Element;
+declare const CollapsiblePanel: ({ header, className, bodyClassName, headerClassName, defaultExpanded, isDisabled, children, isOpen, onToggle, variant, }: Props$l) => react_jsx_runtime.JSX.Element;
 
-type Props$j = PropsWithChildren<{
+type Props$k = PropsWithChildren<{
     defaultExpanded?: boolean;
     labelCollapse?: ReactNode;
     labelOpen?: ReactNode;
     placement?: 'top' | 'bottom';
     className?: string;
 }>;
-declare const PanelWithDetails: ({ defaultExpanded, labelCollapse, labelOpen, placement, children, }: Props$j) => react_jsx_runtime.JSX.Element;
+declare const PanelWithDetails: ({ defaultExpanded, labelCollapse, labelOpen, placement, children, }: Props$k) => react_jsx_runtime.JSX.Element;
 
 type RootProps$1 = ComponentPropsWithoutRef<'div'>;
 type SlotProps = ComponentPropsWithoutRef<'div'> & {
@@ -5055,7 +5032,7 @@ declare const PageToolbar: (({ ref, className, children, ...props }: DivProps) =
      */
     Token: ({ children, popover, onRemove, removeAriaLabel, ...props }: Omit<Omit<Pick<react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & class_variance_authority.VariantProps<(props?: ({
         variant?: "default" | "tag" | "pill" | null | undefined;
-        color?: "orange" | "blue" | "red" | "green" | "gray" | "cyan" | "purple" | "teal" | "white" | "gray-darker" | "gray-inverse" | "green-darker" | "green-inverse" | "blue-inverse" | "orange-inverse" | "teal-inverse" | "purple-inverse" | "cyan-inverse" | "sidebar-primary" | null | undefined;
+        color?: "orange" | "blue" | "red" | "green" | "gray" | "cyan" | "purple" | "teal" | "white" | "gray-darker" | "gray-inverse" | "green-darker" | "green-inverse" | "blue-inverse" | "orange-inverse" | "amber" | "amber-inverse" | "teal-inverse" | "purple-inverse" | "cyan-inverse" | "sidebar-primary" | null | undefined;
     } & class_variance_authority_types.ClassProp) | undefined) => string> & {
         ref?: Ref<ElementRef<"div">>;
     }, "variant" | "color"> & Omit<react.ClassAttributes<HTMLSpanElement> & react.HTMLAttributes<HTMLSpanElement> & {
@@ -5070,7 +5047,7 @@ declare const PageToolbar: (({ ref, className, children, ...props }: DivProps) =
         labelClassName?: string;
     } & {
         ref?: Ref<ElementRef<"span">>;
-    }, "ref">, "variant" | "color" | "popover" | "children" | "asChild" | "suffix"> & {
+    }, "ref">, "popover" | "variant" | "color" | "children" | "asChild" | "suffix"> & {
         children: ReactNode;
         popover: ReactNode;
         onRemove: () => void;
@@ -5082,13 +5059,21 @@ declare const PageToolbar: (({ ref, className, children, ...props }: DivProps) =
     Clear: ({ className, children, ...props }: ActionProps) => react_jsx_runtime.JSX.Element;
 };
 
-declare const ResizableHandle: ({ className, ...props }: ComponentProps<typeof ResizablePrimitive.PanelResizeHandle>) => react_jsx_runtime.JSX.Element;
+type Props$j = {
+    /** `wordmark` (default, full logo) or `mark` (square icon); each falls back to the other. */
+    variant?: 'mark' | 'wordmark';
+    /** Sets the logo height; aspect ratio is preserved (e.g. `tw-h-7`). */
+    className?: string;
+};
+/**
+ * Renders the active brand's logo from the nearest `<ThemeProvider>`, or `null`
+ * if the brand ships none. Inline SVG inherits `currentColor`; URLs use `<img>`.
+ */
+declare const BrandLogo: ({ variant, className }: Props$j) => react_jsx_runtime.JSX.Element | null;
 
-declare const ResizablePanel: ({ ref, ...props }: ComponentProps<typeof ResizablePrimitive.Panel> & {
-    ref?: Ref<ResizablePrimitive.ImperativePanelHandle>;
-}) => react_jsx_runtime.JSX.Element;
+declare const ResizableHandle: ({ className, ...props }: ComponentProps<typeof Separator$1>) => react_jsx_runtime.JSX.Element;
 
-declare const ResizablePanelGroup: ({ className, ...props }: ComponentProps<typeof ResizablePrimitive.PanelGroup>) => react_jsx_runtime.JSX.Element;
+declare const ResizablePanelGroup: ({ className, orientation, ...props }: ComponentProps<typeof Group$1>) => react_jsx_runtime.JSX.Element;
 
 type SidebarMode = 'expanded' | 'collapsed' | 'expand-on-hover';
 type SidebarSide = 'left' | 'right';
@@ -5108,7 +5093,7 @@ type Props$i = {
 };
 declare const Sidebar: {
     ({ 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;
+    Header: ({ className, children, ...props }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => react_jsx_runtime.JSX.Element;
     Content: ({ ref, className, children, contentRef, }: {
         className?: string;
         children?: ReactNode;
@@ -5135,6 +5120,7 @@ declare const Sidebar: {
         translate?: "yes" | "no" | undefined | undefined;
         prefix?: string | undefined | undefined;
         id?: string | undefined | undefined;
+        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
         label?: ReactNode;
         slot?: string | undefined | undefined;
         style?: CSSProperties | undefined;
@@ -5181,7 +5167,6 @@ declare const Sidebar: {
         results?: number | undefined | undefined;
         security?: string | undefined | undefined;
         unselectable?: "on" | "off" | undefined | undefined;
-        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
         popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
         popoverTarget?: string | undefined | undefined;
         inert?: boolean | undefined | undefined;
@@ -5448,6 +5433,7 @@ declare const Sidebar: {
         translate?: "yes" | "no" | undefined | undefined;
         id?: string | undefined | undefined;
         name?: string | undefined | undefined;
+        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
         form?: string | undefined | undefined;
         slot?: string | undefined | undefined;
         style?: CSSProperties | undefined;
@@ -5495,7 +5481,6 @@ declare const Sidebar: {
         results?: number | undefined | undefined;
         security?: string | undefined | undefined;
         unselectable?: "on" | "off" | undefined | undefined;
-        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
         popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
         popoverTarget?: string | undefined | undefined;
         inert?: boolean | undefined | undefined;
@@ -5928,6 +5913,40 @@ declare const Breadcrumb: {
     Ellipsis: ({ ref, className, ...props }: react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> & {
         ref?: react.Ref<react.ElementRef<"button">>;
     }) => react_jsx_runtime.JSX.Element;
+    Dropdown: {
+        ({ label, splitTrigger, triggerLabel, open, defaultOpen, onOpenChange, size, filter, shouldFilter, searchValue, onSearchChange, searchPlaceholder, emptyMessage, children, }: {
+            label: react.ReactNode;
+            splitTrigger?: boolean;
+            triggerLabel?: string;
+            open?: boolean;
+            defaultOpen?: boolean;
+            onOpenChange?: (open: boolean) => void;
+            size?: "small" | "medium" | "large";
+            filter?: boolean;
+            shouldFilter?: boolean;
+            searchValue?: string;
+            onSearchChange?: (value: string) => void;
+            searchPlaceholder?: string;
+            emptyMessage?: react.ReactNode;
+            children: react.ReactNode;
+        }): react_jsx_runtime.JSX.Element;
+        Item: ({ ref, asChild, textValue, active, closeOnSelect, className, children, onClick, ...props }: (react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & {
+            asChild?: boolean;
+            textValue?: string;
+            active?: boolean;
+            closeOnSelect?: boolean;
+        }) & {
+            ref?: react.Ref<react.ElementRef<"button">>;
+        }) => react_jsx_runtime.JSX.Element | null;
+        Group: ({ label, textValue, collapsible, defaultExpanded, className, children, }: {
+            label: react.ReactNode;
+            textValue?: string;
+            collapsible?: boolean;
+            defaultExpanded?: boolean;
+            className?: string;
+            children: react.ReactNode;
+        }) => react_jsx_runtime.JSX.Element;
+    };
 };
 
 type Trigger<T extends string> = {
@@ -6071,8 +6090,8 @@ type Props$7 = {
     tooltip?: ReactNode;
     twoLines?: boolean;
     noTooltip?: boolean;
-    tooltipVariant?: Props$1J['variant'];
-    tooltipPlacement?: Props$1J['placement'];
+    tooltipVariant?: Props$1L['variant'];
+    tooltipPlacement?: Props$1L['placement'];
 } & Omit<ComponentPropsWithoutRef<'span'>, 'children'>;
 declare const Truncated: ({ ref, text, tooltip, className, twoLines, noTooltip, tooltipVariant, tooltipPlacement, ...rest }: Props$7 & {
     ref?: Ref<ElementRef<"span">>;
@@ -6122,7 +6141,7 @@ declare const Pagination: {
         asChild?: boolean;
     } & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & class_variance_authority.VariantProps<(props?: ({
         block?: boolean | null | undefined;
-        variant?: "primary" | "inline" | "secondary" | "danger" | "invisible" | "outline" | null | undefined;
+        variant?: "primary" | "secondary" | "inline" | "danger" | "invisible" | "outline" | null | undefined;
         size?: "small" | "medium" | "large" | "icon-lg" | "icon" | "icon-sm" | "icon-xs" | "icon-2xs" | "icon-3xs" | null | undefined;
     } & class_variance_authority_types.ClassProp) | undefined) => string> & {
         ref?: react.Ref<react.ElementRef<"button">>;
@@ -6136,7 +6155,7 @@ declare const Pagination: {
         asChild?: boolean;
     } & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & class_variance_authority.VariantProps<(props?: ({
         block?: boolean | null | undefined;
-        variant?: "primary" | "inline" | "secondary" | "danger" | "invisible" | "outline" | null | undefined;
+        variant?: "primary" | "secondary" | "inline" | "danger" | "invisible" | "outline" | null | undefined;
         size?: "small" | "medium" | "large" | "icon-lg" | "icon" | "icon-sm" | "icon-xs" | "icon-2xs" | "icon-3xs" | null | undefined;
     } & class_variance_authority_types.ClassProp) | undefined) => string> & {
         ref?: react.Ref<react.ElementRef<"button">>;
@@ -6150,7 +6169,7 @@ declare const Pagination: {
         asChild?: boolean;
     } & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & class_variance_authority.VariantProps<(props?: ({
         block?: boolean | null | undefined;
-        variant?: "primary" | "inline" | "secondary" | "danger" | "invisible" | "outline" | null | undefined;
+        variant?: "primary" | "secondary" | "inline" | "danger" | "invisible" | "outline" | null | undefined;
         size?: "small" | "medium" | "large" | "icon-lg" | "icon" | "icon-sm" | "icon-xs" | "icon-2xs" | "icon-3xs" | null | undefined;
     } & class_variance_authority_types.ClassProp) | undefined) => string> & {
         ref?: react.Ref<react.ElementRef<"button">>;
@@ -6277,6 +6296,7 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_react_form.Form
         prefix?: react.ReactNode;
         id?: string | undefined | undefined;
         name?: string | undefined | undefined;
+        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
         variant?: "primary" | "secondary" | null | undefined;
         form?: string | undefined | undefined;
         slot?: string | undefined | undefined;
@@ -6325,7 +6345,6 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_react_form.Form
         results?: number | undefined | undefined;
         security?: string | undefined | undefined;
         unselectable?: "on" | "off" | undefined | undefined;
-        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
         popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
         popoverTarget?: string | undefined | undefined;
         inert?: boolean | undefined | undefined;
@@ -6607,6 +6626,7 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_react_form.Form
         prefix?: react.ReactNode;
         id?: string | undefined | undefined;
         name?: string | undefined | undefined;
+        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
         variant?: "primary" | "secondary" | null | undefined;
         form?: string | undefined | undefined;
         slot?: string | undefined | undefined;
@@ -6655,7 +6675,6 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_react_form.Form
         results?: number | undefined | undefined;
         security?: string | undefined | undefined;
         unselectable?: "on" | "off" | undefined | undefined;
-        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
         popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
         popoverTarget?: string | undefined | undefined;
         inert?: boolean | undefined | undefined;
@@ -6928,7 +6947,7 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_react_form.Form
         className?: string;
     } & Omit<{
         variant?: "primary" | "secondary" | null | undefined;
-        state?: "default" | "error" | "warning" | null | undefined;
+        state?: "warning" | "default" | "error" | null | undefined;
         sizing?: "small" | "medium" | "default" | null | undefined;
         focusVariant?: "off" | "on" | "default" | null | undefined;
     } & {
@@ -6938,6 +6957,7 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_react_form.Form
         prefix?: string | undefined | undefined;
         id?: string | undefined | undefined;
         name?: string | undefined | undefined;
+        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
         form?: string | undefined | undefined;
         slot?: string | undefined | undefined;
         style?: react.CSSProperties | undefined;
@@ -6984,7 +7004,6 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_react_form.Form
         results?: number | undefined | undefined;
         security?: string | undefined | undefined;
         unselectable?: "on" | "off" | undefined | undefined;
-        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
         popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
         popoverTarget?: string | undefined | undefined;
         inert?: boolean | undefined | undefined;
@@ -7263,6 +7282,7 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_react_form.Form
         prefix?: string | undefined | undefined;
         id?: string | undefined | undefined;
         name?: string | undefined | undefined;
+        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
         variant?: "primary" | "secondary" | null | undefined;
         form?: string | undefined | undefined;
         slot?: string | undefined | undefined;
@@ -7312,7 +7332,6 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_react_form.Form
         results?: number | undefined | undefined;
         security?: string | undefined | undefined;
         unselectable?: "on" | "off" | undefined | undefined;
-        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
         popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
         popoverTarget?: string | undefined | undefined;
         inert?: boolean | undefined | undefined;
@@ -7575,7 +7594,7 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_react_form.Form
         placeholder?: string;
         triggerClassName?: string;
         variant?: "primary" | "secondary" | null | undefined;
-        state?: "default" | "error" | "warning" | null | undefined;
+        state?: "warning" | "default" | "error" | null | undefined;
         sizing?: "small" | "medium" | "default" | null | undefined;
     } & Omit<SelectRootProps, "children" | "value" | "onValueChange"> & ({
         items: readonly {
@@ -7605,8 +7624,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$1J["tooltip"];
-        tooltipPlacement?: Props$1J["placement"];
+        tooltip?: Props$1L["tooltip"];
+        tooltipPlacement?: Props$1L["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;
@@ -7638,7 +7657,7 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_react_form.Form
         asChild?: boolean;
     } & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & class_variance_authority.VariantProps<(props?: ({
         block?: boolean | null | undefined;
-        variant?: "primary" | "inline" | "secondary" | "danger" | "invisible" | "outline" | null | undefined;
+        variant?: "primary" | "secondary" | "inline" | "danger" | "invisible" | "outline" | null | undefined;
         size?: "small" | "medium" | "large" | "icon-lg" | "icon" | "icon-sm" | "icon-xs" | "icon-2xs" | "icon-3xs" | null | undefined;
     } & class_variance_authority_types.ClassProp) | undefined) => string> & {
         ref?: react.Ref<react.ElementRef<"button">>;
@@ -7657,6 +7676,7 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
         prefix?: react.ReactNode;
         id?: string | undefined | undefined;
         name?: string | undefined | undefined;
+        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
         variant?: "primary" | "secondary" | null | undefined;
         form?: string | undefined | undefined;
         slot?: string | undefined | undefined;
@@ -7705,7 +7725,6 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
         results?: number | undefined | undefined;
         security?: string | undefined | undefined;
         unselectable?: "on" | "off" | undefined | undefined;
-        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
         popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
         popoverTarget?: string | undefined | undefined;
         inert?: boolean | undefined | undefined;
@@ -7987,6 +8006,7 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
         prefix?: react.ReactNode;
         id?: string | undefined | undefined;
         name?: string | undefined | undefined;
+        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
         variant?: "primary" | "secondary" | null | undefined;
         form?: string | undefined | undefined;
         slot?: string | undefined | undefined;
@@ -8035,7 +8055,6 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
         results?: number | undefined | undefined;
         security?: string | undefined | undefined;
         unselectable?: "on" | "off" | undefined | undefined;
-        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
         popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
         popoverTarget?: string | undefined | undefined;
         inert?: boolean | undefined | undefined;
@@ -8308,7 +8327,7 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
         className?: string;
     } & Omit<{
         variant?: "primary" | "secondary" | null | undefined;
-        state?: "default" | "error" | "warning" | null | undefined;
+        state?: "warning" | "default" | "error" | null | undefined;
         sizing?: "small" | "medium" | "default" | null | undefined;
         focusVariant?: "off" | "on" | "default" | null | undefined;
     } & {
@@ -8318,6 +8337,7 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
         prefix?: string | undefined | undefined;
         id?: string | undefined | undefined;
         name?: string | undefined | undefined;
+        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
         form?: string | undefined | undefined;
         slot?: string | undefined | undefined;
         style?: react.CSSProperties | undefined;
@@ -8364,7 +8384,6 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
         results?: number | undefined | undefined;
         security?: string | undefined | undefined;
         unselectable?: "on" | "off" | undefined | undefined;
-        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
         popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
         popoverTarget?: string | undefined | undefined;
         inert?: boolean | undefined | undefined;
@@ -8643,6 +8662,7 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
         prefix?: string | undefined | undefined;
         id?: string | undefined | undefined;
         name?: string | undefined | undefined;
+        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
         variant?: "primary" | "secondary" | null | undefined;
         form?: string | undefined | undefined;
         slot?: string | undefined | undefined;
@@ -8692,7 +8712,6 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
         results?: number | undefined | undefined;
         security?: string | undefined | undefined;
         unselectable?: "on" | "off" | undefined | undefined;
-        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
         popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
         popoverTarget?: string | undefined | undefined;
         inert?: boolean | undefined | undefined;
@@ -8955,7 +8974,7 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
         placeholder?: string;
         triggerClassName?: string;
         variant?: "primary" | "secondary" | null | undefined;
-        state?: "default" | "error" | "warning" | null | undefined;
+        state?: "warning" | "default" | "error" | null | undefined;
         sizing?: "small" | "medium" | "default" | null | undefined;
     } & Omit<SelectRootProps, "children" | "value" | "onValueChange"> & ({
         items: readonly {
@@ -8985,8 +9004,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$1J["tooltip"];
-        tooltipPlacement?: Props$1J["placement"];
+        tooltip?: Props$1L["tooltip"];
+        tooltipPlacement?: Props$1L["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;
@@ -9018,7 +9037,7 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
         asChild?: boolean;
     } & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & class_variance_authority.VariantProps<(props?: ({
         block?: boolean | null | undefined;
-        variant?: "primary" | "inline" | "secondary" | "danger" | "invisible" | "outline" | null | undefined;
+        variant?: "primary" | "secondary" | "inline" | "danger" | "invisible" | "outline" | null | undefined;
         size?: "small" | "medium" | "large" | "icon-lg" | "icon" | "icon-sm" | "icon-xs" | "icon-2xs" | "icon-3xs" | null | undefined;
     } & class_variance_authority_types.ClassProp) | undefined) => string> & {
         ref?: react.Ref<react.ElementRef<"button">>;
@@ -9037,6 +9056,7 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
             prefix?: react.ReactNode;
             id?: string | undefined | undefined;
             name?: string | undefined | undefined;
+            popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
             variant?: "primary" | "secondary" | null | undefined;
             form?: string | undefined | undefined;
             slot?: string | undefined | undefined;
@@ -9085,7 +9105,6 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
             results?: number | undefined | undefined;
             security?: string | undefined | undefined;
             unselectable?: "on" | "off" | undefined | undefined;
-            popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
             popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
             popoverTarget?: string | undefined | undefined;
             inert?: boolean | undefined | undefined;
@@ -9367,6 +9386,7 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
             prefix?: react.ReactNode;
             id?: string | undefined | undefined;
             name?: string | undefined | undefined;
+            popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
             variant?: "primary" | "secondary" | null | undefined;
             form?: string | undefined | undefined;
             slot?: string | undefined | undefined;
@@ -9415,7 +9435,6 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
             results?: number | undefined | undefined;
             security?: string | undefined | undefined;
             unselectable?: "on" | "off" | undefined | undefined;
-            popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
             popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
             popoverTarget?: string | undefined | undefined;
             inert?: boolean | undefined | undefined;
@@ -9688,7 +9707,7 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
             className?: string;
         } & Omit<{
             variant?: "primary" | "secondary" | null | undefined;
-            state?: "default" | "error" | "warning" | null | undefined;
+            state?: "warning" | "default" | "error" | null | undefined;
             sizing?: "small" | "medium" | "default" | null | undefined;
             focusVariant?: "off" | "on" | "default" | null | undefined;
         } & {
@@ -9698,6 +9717,7 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
             prefix?: string | undefined | undefined;
             id?: string | undefined | undefined;
             name?: string | undefined | undefined;
+            popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
             form?: string | undefined | undefined;
             slot?: string | undefined | undefined;
             style?: react.CSSProperties | undefined;
@@ -9744,7 +9764,6 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
             results?: number | undefined | undefined;
             security?: string | undefined | undefined;
             unselectable?: "on" | "off" | undefined | undefined;
-            popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
             popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
             popoverTarget?: string | undefined | undefined;
             inert?: boolean | undefined | undefined;
@@ -10023,6 +10042,7 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
             prefix?: string | undefined | undefined;
             id?: string | undefined | undefined;
             name?: string | undefined | undefined;
+            popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
             variant?: "primary" | "secondary" | null | undefined;
             form?: string | undefined | undefined;
             slot?: string | undefined | undefined;
@@ -10072,7 +10092,6 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
             results?: number | undefined | undefined;
             security?: string | undefined | undefined;
             unselectable?: "on" | "off" | undefined | undefined;
-            popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
             popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
             popoverTarget?: string | undefined | undefined;
             inert?: boolean | undefined | undefined;
@@ -10335,7 +10354,7 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
             placeholder?: string;
             triggerClassName?: string;
             variant?: "primary" | "secondary" | null | undefined;
-            state?: "default" | "error" | "warning" | null | undefined;
+            state?: "warning" | "default" | "error" | null | undefined;
             sizing?: "small" | "medium" | "default" | null | undefined;
         } & Omit<SelectRootProps, "children" | "value" | "onValueChange"> & ({
             items: readonly {
@@ -10365,8 +10384,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$1J["tooltip"];
-            tooltipPlacement?: Props$1J["placement"];
+            tooltip?: Props$1L["tooltip"];
+            tooltipPlacement?: Props$1L["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;
@@ -10398,7 +10417,7 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
             asChild?: boolean;
         } & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & class_variance_authority.VariantProps<(props?: ({
             block?: boolean | null | undefined;
-            variant?: "primary" | "inline" | "secondary" | "danger" | "invisible" | "outline" | null | undefined;
+            variant?: "primary" | "secondary" | "inline" | "danger" | "invisible" | "outline" | null | undefined;
             size?: "small" | "medium" | "large" | "icon-lg" | "icon" | "icon-sm" | "icon-xs" | "icon-2xs" | "icon-3xs" | null | undefined;
         } & class_variance_authority_types.ClassProp) | undefined) => string> & {
             ref?: react.Ref<react.ElementRef<"button">>;
@@ -10463,4 +10482,4 @@ type Props = {
 };
 declare const ZoomableSvg: ({ html, copyText, className }: Props) => react_jsx_runtime.JSX.Element;
 
-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 };
+export { Alert, AlertModal, AnswerSummary, type AnswerItem as AnswerSummaryItem, type Props$H as AnswerSummaryProps, type Variant$5 as AnswerSummaryVariant, AppShell, ArgoDesignContext, AutoSaveTextarea, Avatar, Badge, type BrandId, BrandLogo, Breadcrumb, Button, ButtonGroup, ButtonInline, Calendar, type CalendarProps, Card, ChangeClassification, Checkbox, Clipboard, ClipboardButton, ClipboardInline, Collapse, Collapsible, CollapsiblePanel, CollapsibleStepHeader, ColorInput, ColorModeSwitch, type ColorScheme, Combobox, Command, CommandGroup, CommandInput, CommandItem, CommandList, ConflictStatusIndicator, DEFAULT_COLOR_SCHEME, DEFAULT_BRAND_ID as DEFAULT_KEBOOLA_BRAND_ID, DateInput, DatePicker, type DateRange, DateRangeInput, DateRangePicker, type DateRangePreset, type DiffInformation, type DiffRow, DiffType, DiffView, DotsLoader, DropdownMenu, EmptyConfigurationActionCard, EmptySearchContent, EmptyState, type RootProps$3 as EmptyStateProps, type Variant$1 as EmptyStateVariant, ErrorState, type RootProps$2 as ErrorStateProps, type Variant as ErrorStateVariant, FileUpload, FormGroup, FullScreenModal, FullScreenModalBody, FullScreenModalHeader, HelpBlock, HoverCard, InlineStepDetail, type Props$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, Markdown, 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$1m as Props, Question, type QuestionAnswers, QuestionBlock, type Props$x as QuestionBlockProps, type QuestionOption, type Props$y as QuestionProps, type QuestionStep, RadioGroup, ResizableHandle, ResizablePanelGroup, type ResolvedColorScheme, ScrollArea, ScrollBar, Search, SearchForm, SearchInput, SearchInputWithNavigation, Select, type SelectItem, type SelectItemGroup, Separator, type ServerFieldError, Sheet, type SideInformation, Sidebar, type SidebarMode, SidebarProvider, type SidebarSide, Skeleton, SkeletonList, Slider, SplitButton, SpotlightBackdrop, type SpotlightTarget, type StepStatus, Stepper, type StepperOrientation, SuggestedPrompt, Switch, Table, Tabs, TabsContent, Tagger, type TargetRect, TextInput, Textarea, type Theme, ThemeProvider, ThinkingIndicator, type ThumbTooltipFn, TimeInput, TimePicker, Timeline, type ToastOptions, Toaster, Toggle, ToggleGroup, type Tokens, ToolCallApproval, type ToolCallApprovalProps, type ToolCallApprovalStatus, ToolCallChip, type ToolCallChipProps, type ToolCallState, Tooltip, type Props$1L as TooltipProps, TooltipProvider, type Trigger, Truncated, UsageStats, UsageStatsRing, type UseAutosizeInputOptions, type UseAutosizeInputReturn, type ValidityState, type WordInformation, ZoomableSvg, argoVariants, cn, computeDiffRows, computeLineInformation, copyToClipboard, isMac, kbdVariants, keys, mergeRefs, setServerFieldErrors, toast, useAppForm, useArgoDesign, useAutosizeInput, useInputOtpContext, useMergeDiff, useNotification, useScrollbarPosition, useSidebar, useTargetRect, useTheme, withForm };