@keboola/design 14.0.0 → 15.0.0

package/dist/index.d.ts

@@ -15,7 +15,6 @@ import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
 import { LabelProps } from "@radix-ui/react-label";
 import { Content as Content$1, Portal as Portal$1, Root as Root$4, Trigger as Trigger$3 } from "@radix-ui/react-alert-dialog";
 import { Close, Content as Content$2, Overlay as Overlay$1, Portal as Portal$2, Root as Root$5, Title as Title$1, Trigger as Trigger$4 } from "@radix-ui/react-dialog";
-import * as RSeparator from "@radix-ui/react-separator";
 import { Anchor, Close as Close$1, Content as Content$3, PopoverContentProps, PopoverProps, Portal as Portal$3, Root as Root$6, Trigger as Trigger$5 } from "@radix-ui/react-popover";
 import { Content as Content$4, Root as Root$7, Trigger as Trigger$6 } from "@radix-ui/react-hover-card";
 import { Command as Command$1, defaultFilter, useCommandState } from "cmdk";
@@ -23,6 +22,7 @@ import TextareaAutosize from "react-textarea-autosize";
 import { Root as Root$8 } from "@radix-ui/react-switch";
 import * as RRadioGroup from "@radix-ui/react-radio-group";
 import { Item } from "@radix-ui/react-radio-group";
+import * as RSeparator from "@radix-ui/react-separator";
 import { Root as Root$9, Thumb as Thumb$1 } from "@radix-ui/react-slider";
 import * as SelectPrimitive from "@radix-ui/react-select";
 import { CheckedState, Root as Root$11 } from "@radix-ui/react-checkbox";
@@ -32,17 +32,12 @@ import { CollapsibleTrigger, Content as Content$5, Root as Root$12 } from "@radi
 import { Components, Options } from "react-markdown";
 import { Root as Root$13 } from "@radix-ui/react-progress";
 import { Action as Action$1, ExternalToast, Toaster as Toaster$1 } from "sonner";
-import { Brand, Brand as Brand$1, agnes, brandSchema, exampleCustomer, harbor, keboola, keboolaLegacySidebar } from "@keboola/brand-registry";
+import { Brand, Brand as Brand$1, agnes, brandSchema, exampleCustomer, harbor, kbcUi, keboola } from "@keboola/brand-registry";
 import { Group as Group$1, Panel as ResizablePanel, PanelImperativeHandle, Separator as Separator$1, useDefaultLayout } from "react-resizable-panels";
 import * as RadixTabs from "@radix-ui/react-tabs";
 import { AnyFormApi } from "@tanstack/form-core";
 //#region src/components/Button/styles.d.ts
-declare const variants$7: (props?: ({
-  block?: boolean | null | undefined;
-  variant?: "danger" | "inline" | "invisible" | "kai" | "outline" | "primary" | "secondary" | null | undefined;
-  size?: "icon" | "icon-2xs" | "icon-3xs" | "icon-lg" | "icon-sm" | "icon-xs" | "large" | "medium" | "small" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-declare const argoVariants: (props?: ({
+declare const buttonVariants: (props?: ({
   block?: boolean | null | undefined;
   variant?: "danger" | "inline" | "invisible" | "kai" | "outline" | "primary" | "secondary" | null | undefined;
   size?: "icon" | "icon-2xs" | "icon-3xs" | "icon-lg" | "icon-sm" | "icon-xs" | "large" | "medium" | "small" | null | undefined;
@@ -55,7 +50,7 @@ type Props$279 = {
   isLoading?: boolean;
   /** Render as a Radix `Slot` so the parent JSX (e.g. a `react-router` `<Link>`) becomes the button element. */
   asChild?: boolean;
-} & ComponentProps<'button'> & VariantProps<typeof variants$7>;
+} & ComponentProps<'button'> & VariantProps<typeof buttonVariants>;
 /**
  * Any user-initiated action; `size="icon-*"` with no children is the icon-only button.
  *
@@ -194,7 +189,7 @@ declare namespace DropdownMenu {
 }
 //#endregion
 //#region src/blocks/SplitButton/SplitButton.d.ts
-type Variant$9 = ComponentProps<typeof Button>['variant'];
+type Variant$8 = ComponentProps<typeof Button>['variant'];
 type Size$1 = NonNullable<ComponentProps<typeof Button>['size']>;
 type SpitButtonSize = Exclude<Size$1, 'icon' | 'icon-lg' | 'icon-sm' | 'icon-xs' | 'icon-2xs' | 'icon-3xs'>;
 type Props$264 = {
@@ -205,7 +200,7 @@ type Props$264 = {
   onActionsCloseAutoFocus?: ComponentProps<typeof DropdownMenu.Content>['onCloseAutoFocus'];
   /** Optional leading-icon slot — pass a Lucide icon node. */
   icon?: ReactNode;
-  variant?: Exclude<Variant$9, 'inline' | 'invisible'>;
+  variant?: Exclude<Variant$8, 'inline' | 'invisible'>;
   size?: SpitButtonSize;
 } & Omit<ComponentProps<typeof Button>, 'variant' | 'size' | 'icon'>;
 declare const SplitButtonBase: ({ ref, disabled, actions, variant, size, isActionsOpen, onActionsOpenChange, onActionsCloseAutoFocus, icon, children, ...rest }: Props$264) => import("react").JSX.Element;
@@ -220,11 +215,9 @@ declare const tooltipVariants: (props?: ({
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type Props$263 = {
   keepOpenOnPointerDownOutside?: boolean;
-  /** Force argo (`true`) or legacy (`false`) chrome; `undefined` follows the brand. */
-  argo?: boolean;
   placement?: ComponentProps<typeof Content>['side'];
 } & Omit<ComponentProps<typeof Content>, 'side'> & VariantProps<typeof tooltipVariants>;
-declare const TooltipContent: ({ className, variant, keepOpenOnPointerDownOutside, argo, children, onPointerDownOutside, sideOffset, collisionPadding, hideWhenDetached, placement, ...rest }: Props$263) => import("react").JSX.Element;
+declare const TooltipContent: ({ className, variant, keepOpenOnPointerDownOutside, children, onPointerDownOutside, sideOffset, collisionPadding, hideWhenDetached, placement, ...rest }: Props$263) => import("react").JSX.Element;
 //#endregion
 //#region src/components/Tooltip/TooltipRoot.d.ts
 type Props$262 = ComponentProps<typeof Root$1>;
@@ -232,9 +225,7 @@ declare const TooltipRoot: ({ children, delayDuration, ...rest }: Props$262) =>
 //#endregion
 //#region src/components/Tooltip/TooltipTitle.d.ts
 /**
- * Small uppercase heading above a rich tooltip's body copy.
- *
- * - Takes the tooltip's text colour, so it reads on both the legacy and the argo chrome.
+ * Small uppercase heading above a rich tooltip's body copy, in the tooltip's text colour.
  */
 declare const TooltipTitle: ({ className, ...rest }: ComponentProps<'div'>) => import("react").JSX.Element;
 //#endregion
@@ -245,7 +236,7 @@ type Props$261 = {
 declare const TooltipTrigger: ({ ref, children, className, keepOpenOnClick, onClick, onPointerDown, asChild, ...rest }: Props$261) => import("react").JSX.Element;
 //#endregion
 //#region src/components/Tooltip/Tooltip.d.ts
-declare const HINT_UNDERLINE_CLASS_NAME = "tw:cursor-help tw:underline tw:decoration-dashed tw:decoration-neutral-300 tw:underline-offset-2";
+declare const HINT_UNDERLINE_CLASS_NAME = "tw:cursor-help tw:underline tw:decoration-dashed tw:decoration-muted-foreground/50 tw:underline-offset-2";
 type TriggerProps$1 = {
   triggerAsChild?: boolean;
 };
@@ -264,13 +255,11 @@ type Props$10 = {
   delayDuration?: number;
   /** Dashed-underline hover hint on the trigger. */
   hintUnderline?: boolean;
-  /** Force one chrome. Default: argo inside `Navbar` / `Sidebar` DOM, else the brand's. */
-  chrome?: 'argo' | 'legacy';
   className?: string;
 } & TriggerProps$1 & Pick<ComponentProps<typeof TooltipContent>, 'variant' | 'className'>;
 /** Mount once at the app root so tooltips share delay state. */
 declare const TooltipProvider: import("react").FC<import("@radix-ui/react-tooltip").TooltipProviderProps>;
-declare function Tooltip({ tooltip, children, className, keepOpenOnTriggerClick, variant, placement, forceHide, forceShow, delayDuration, chrome, triggerAsChild, hintUnderline }: Props$10): import("react").JSX.Element;
+declare function Tooltip({ tooltip, children, className, keepOpenOnTriggerClick, variant, placement, forceHide, forceShow, delayDuration, triggerAsChild, hintUnderline }: Props$10): import("react").JSX.Element;
 declare namespace Tooltip {
   export { TooltipRoot as Root };
   export { TooltipContent as Content };
@@ -680,9 +669,7 @@ type Props$242 = {
 /**
  * Status-coloured icon for `Modal`, authored inside `Modal.Header`; remote images use `Modal.Image`.
  *
- * - Legacy: solid circular badge, absolutely docked to `Modal.Content`'s top-left.
- * - Argo (`data-argo` on `Modal.Content`): soft-tinted inline badge next to the title.
- * - CSS (`group-data-[argo=true]/modal:`) toggles the two, no context.
+ * - Soft-tinted inline badge in the header grid's first column, next to the title.
  * - `color` is categorical (`red` destructive … `violet` agent), fixed across brand themes.
  */
 declare const ModalIcon: ({ color, icon }: Props$242) => import("react").JSX.Element;
@@ -799,10 +786,9 @@ declare namespace Sheet {
 //#endregion
 //#region src/components/Popover/PopoverContent.d.ts
 declare const variants$5: (props?: ({
-  variant?: "argo" | "default" | null | undefined;
   matchTriggerWidth?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-type Props$229 = ComponentProps<typeof Content$3> & Omit<VariantProps<typeof variants$5>, 'variant'> & {
+type Props$229 = ComponentProps<typeof Content$3> & VariantProps<typeof variants$5> & {
   /**
    * Portal target, default `document.body`; pass a theme-scoped host so the panel takes its theme.
    */
@@ -941,14 +927,10 @@ declare const InputGroupTextArea: ({ ref, className, onChange, onValueChange, va
 //#region src/components/InputGroup/InputGroup.d.ts
 declare const inputGroupVariants: (props?: ({
   focusVariant?: "default" | "off" | "on" | null | undefined;
-  variant?: "argo" | "primary" | "secondary" | null | undefined;
-  sizing?: "default" | "medium" | "small" | null | undefined;
   state?: "default" | "error" | "warning" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-type Props$210 = ComponentPropsWithRef<'div'> & Omit<VariantProps<typeof inputGroupVariants>, 'variant'> & {
-  variant?: Exclude<VariantProps<typeof inputGroupVariants>['variant'], 'argo'>;
-};
-declare const InputGroupRoot: ({ ref, children, state, variant, sizing, focusVariant, className, ...props }: Props$210) => import("react").JSX.Element;
+type Props$210 = ComponentPropsWithRef<'div'> & VariantProps<typeof inputGroupVariants>;
+declare const InputGroupRoot: ({ ref, children, state, focusVariant, className, ...props }: Props$210) => import("react").JSX.Element;
 declare const InputGroup: typeof InputGroupRoot & {
   Input: typeof InputGroupInput;
   Addon: typeof InputGroupAddon;
@@ -958,7 +940,7 @@ declare const InputGroup: typeof InputGroupRoot & {
 };
 //#endregion
 //#region src/blocks/TextInput/TextInput.d.ts
-type InputGroupProps$10 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'sizing' | 'state'>;
+type InputGroupProps$10 = Pick<ComponentProps<typeof InputGroup>, 'focusVariant' | 'state'>;
 type OwnProps$1 = {
   prefix?: ReactNode;
   /** `rightSuffixVariant="addon"` truncates it; the ellipsis needs inline content (text or `<span>`). */
@@ -984,12 +966,12 @@ type Props$5 = InputGroupProps$10 & OwnProps$1 & Omit<ComponentProps<'input'>, '
  * **When to use:** plain text / email / password / date fields outside `useAppForm`.
  * **When NOT to use:** `FormGroup.TextInput` (labelled group), `field.TextField` (validated
  * form), `SearchInput` (search).
- * **Brand:** a modern brand always renders argo and ignores `variant`.
  */
-declare const TextInput: ({ ref: forwardedRef, state, sizing, className, prefix, rightSuffix, rightSuffixVariant, leftSuffix, allowClear, onClear, disabled, testId: prefixTestId, autoFocus, id, name, variant, readOnly, type, focusVariant, onChange, onBlur, onValueChange, onValueBlur, value: valueProp, defaultValue, ...inputProps }: Props$5) => import("react").JSX.Element;
+declare const TextInput: ({ ref: forwardedRef, state, className, prefix, rightSuffix, rightSuffixVariant, leftSuffix, allowClear, onClear, disabled, testId: prefixTestId, autoFocus, id, name, readOnly, type, focusVariant, onChange, onBlur, onValueChange, onValueBlur, value: valueProp, defaultValue, ...inputProps }: Props$5) => import("react").JSX.Element;
 //#endregion
 //#region src/blocks/Command/CommandInput.d.ts
 type Props$209 = ComponentProps<typeof TextInput>;
+/** The search field; a bare full-width row unless the `Command` is `compact`. */
 declare const CommandInput: ({ ref, className, ...props }: Props$209) => import("react").JSX.Element;
 //#endregion
 //#region src/blocks/Command/CommandItem/CheckIndicator.d.ts
@@ -1028,13 +1010,11 @@ type Props$203 = ComponentProps<typeof Command$1.Separator>;
 declare const CommandSeparator: ({ className, ...props }: Props$203) => import("react").JSX.Element;
 //#endregion
 //#region src/blocks/Command/Command.d.ts
-type Variant$8 = 'default' | 'argo';
 type Props$202 = ComponentProps<typeof Command$1> & {
-  /** Unset follows the theme (`argo` under the new design system); `default` suits small
-   * surfaces like popovers, as `argo` is sized for the full-screen palette. */
-  variant?: Variant$8;
+  /** Drops the palette padding and the bare search row; suits small surfaces like popovers. */
+  compact?: boolean;
 };
-declare function Command({ className, variant, ...rest }: Props$202): import("react").JSX.Element;
+declare function Command({ className, compact, ...rest }: Props$202): import("react").JSX.Element;
 declare namespace Command {
   export { CommandContent as Content };
   export { CommandSeparator as Separator };
@@ -3414,18 +3394,6 @@ declare namespace DatePicker {
   var displayName: string;
 }
 //#endregion
-//#region src/components/OverlayTrigger/styles.d.ts
-/**
- * Chrome for a control that looks like an input but opens an overlay on click. Shared by
- * `SelectTrigger` and `DateRangePicker`'s trigger so both sit at the same height and colour when
- * they stand next to each other in a filter row.
- */
-declare const overlayTriggerVariants: (props?: ({
-  variant?: "argo" | "primary" | "secondary" | null | undefined;
-  sizing?: "default" | "medium" | "small" | null | undefined;
-  state?: "default" | "error" | "warning" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-//#endregion
 //#region src/components/DateRangePicker/DateRangePicker.d.ts
 type DateRange = {
   from: Date;
@@ -3455,11 +3423,10 @@ type DateRangePickerProps = {
   requireApply?: boolean;
   /** Days that cannot be picked, as a react-day-picker matcher — e.g. `{ after: new Date() }`. */
   disabledDays?: Matcher | Matcher[];
-  variant?: Exclude<VariantProps<typeof overlayTriggerVariants>['variant'], 'argo'>;
   disabled?: boolean;
   className?: string;
 } & Pick<PopoverProps, 'open' | 'onOpenChange' | 'defaultOpen'> & Pick<PopoverContentProps, 'align' | 'alignOffset' | 'sideOffset'>;
-declare function DateRangePicker({ align, alignOffset, className, defaultOpen, disabled, disabledDays, formatDate, label, onChange, onOpenChange, onPresetSelect, open, placeholder, presets, requireApply, sideOffset, value, variant, withTime }: DateRangePickerProps): import("react").JSX.Element;
+declare function DateRangePicker({ align, alignOffset, className, defaultOpen, disabled, disabledDays, formatDate, label, onChange, onOpenChange, onPresetSelect, open, placeholder, presets, requireApply, sideOffset, value, withTime }: DateRangePickerProps): import("react").JSX.Element;
 declare namespace DateRangePicker {
   var displayName: string;
 }
@@ -3501,12 +3468,6 @@ declare const fieldBoxVariants: (props?: ({
   variant?: "boxed" | "default" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 //#endregion
-//#region src/components/Switch/styles.d.ts
-declare const switchVariants: (props?: ({
-  variant?: "argo" | "default" | null | undefined;
-  size?: "large" | "medium" | "small" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-//#endregion
 //#region src/components/Switch/Switch.d.ts
 type Props$198 = {
   id?: string | number;
@@ -3514,8 +3475,8 @@ type Props$198 = {
   description?: ReactNode;
   variant?: VariantProps<typeof fieldBoxVariants>['variant'];
   position?: 'start' | 'end';
-} & Omit<ComponentProps<typeof Root$8>, 'asChild' | 'id'> & Omit<VariantProps<typeof switchVariants>, 'variant'>;
-declare const Switch: ({ ref, className, size, disabled, id: idProp, children, description, variant, position, ...props }: Props$198) => import("react").JSX.Element;
+} & Omit<ComponentProps<typeof Root$8>, 'asChild' | 'id'>;
+declare const Switch: ({ ref, className, disabled, id: idProp, children, description, variant, position, ...props }: Props$198) => import("react").JSX.Element;
 //#endregion
 //#region src/components/RadioGroup/context.d.ts
 type Variant$7 = 'radio' | 'button' | 'radio-block';
@@ -3664,13 +3625,24 @@ declare const SelectRoot: (props: SelectRootProps) => import("react").JSX.Elemen
 type Props$187 = ComponentProps<typeof SelectPrimitive.Separator>;
 declare const SelectSeparator: ({ className, ...props }: Props$187) => import("react").JSX.Element;
 //#endregion
+//#region src/components/OverlayTrigger/styles.d.ts
+/**
+ * Chrome for a control that looks like an input but opens an overlay on click. Shared by
+ * `SelectTrigger` and `DateRangePicker`'s trigger so both sit at the same height and colour when
+ * they stand next to each other in a filter row.
+ */
+declare const overlayTriggerVariants: (props?: ({
+  state?: "default" | "error" | "warning" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+//#endregion
 //#region src/components/Select/SelectTrigger.d.ts
-type BaseProps$3 = ComponentProps<typeof SelectPrimitive.Trigger> & Omit<VariantProps<typeof overlayTriggerVariants>, 'variant'> & {
-  variant?: Exclude<VariantProps<typeof overlayTriggerVariants>['variant'], 'argo'> | 'inline';
+type BaseProps$3 = ComponentProps<typeof SelectPrimitive.Trigger> & VariantProps<typeof overlayTriggerVariants> & {
+  /** Text-like trigger with no field chrome, for a select inside a sentence or toolbar; ignores `state`. */
+  inline?: boolean;
 } & Pick<ComponentProps<typeof SelectPrimitive.Value>, 'placeholder'>;
 /** `role="combobox"` is not named from content: neither the item label nor `placeholder` names it. */
 type SelectTriggerProps = WithAccessibleName<BaseProps$3>;
-declare const SelectTrigger: ({ ref, className, variant, state, sizing, placeholder, ...props }: SelectTriggerProps) => import("react").JSX.Element;
+declare const SelectTrigger: ({ ref, className, inline, state, placeholder, ...props }: SelectTriggerProps) => import("react").JSX.Element;
 //#endregion
 //#region src/components/Select/Select.d.ts
 type SelectItem = {
@@ -3686,12 +3658,12 @@ type SelectItemGroup = {
   items: readonly SelectItem[];
 };
 type TriggerProps = ComponentProps<typeof SelectTrigger>;
-type BaseProps$2 = Pick<SelectRootProps, 'value' | 'defaultValue' | 'onValueChange' | 'disabled' | 'name' | 'required' | 'open' | 'defaultOpen' | 'onOpenChange' | 'dir' | 'autoComplete' | 'form'> & Pick<TriggerProps, 'variant' | 'state' | 'sizing' | 'placeholder' | 'id' | 'className' | 'onBlur' | 'aria-label' | 'aria-labelledby' | 'aria-describedby' | 'aria-invalid' | 'aria-required'> & {
+type BaseProps$2 = Pick<SelectRootProps, 'value' | 'defaultValue' | 'onValueChange' | 'disabled' | 'name' | 'required' | 'open' | 'defaultOpen' | 'onOpenChange' | 'dir' | 'autoComplete' | 'form'> & Pick<TriggerProps, 'inline' | 'state' | 'placeholder' | 'id' | 'className' | 'onBlur' | 'aria-label' | 'aria-labelledby' | 'aria-describedby' | 'aria-invalid' | 'aria-required'> & {
   items?: readonly (SelectItem | SelectItemGroup)[];
 };
 /** `role="combobox"` is not named from content: neither the item label nor `placeholder` names it. */
 type SelectProps = WithAccessibleName<BaseProps$2>;
-declare function Select({ value, defaultValue, onValueChange, disabled, name, required, open, defaultOpen, onOpenChange, dir, autoComplete, form, variant, state, sizing, placeholder, className, onBlur, 'aria-describedby': ariaDescribedBy, 'aria-invalid': ariaInvalid, 'aria-required': ariaRequired, items, ...accessibleName }: SelectProps): import("react").JSX.Element;
+declare function Select({ value, defaultValue, onValueChange, disabled, name, required, open, defaultOpen, onOpenChange, dir, autoComplete, form, inline, state, placeholder, className, onBlur, 'aria-describedby': ariaDescribedBy, 'aria-invalid': ariaInvalid, 'aria-required': ariaRequired, items, ...accessibleName }: SelectProps): import("react").JSX.Element;
 declare namespace Select {
   export { SelectRoot as Root };
   export { SelectTrigger as Trigger };
@@ -3769,7 +3741,7 @@ declare const BadgeLabel: ({ ref, className, asChild, ...rest }: Props$183) => i
 //#region src/components/Badge/styles.d.ts
 declare const badgeRootVariants: (props?: ({
   variant?: "default" | "pill" | "tag" | null | undefined;
-  color?: "amber" | "amber-inverse" | "blue" | "blue-inverse" | "cyan" | "cyan-inverse" | "gray" | "gray-darker" | "gray-inverse" | "green" | "green-darker" | "green-inverse" | "orange" | "orange-inverse" | "purple" | "purple-inverse" | "red" | "sidebar-primary" | "teal" | "teal-inverse" | "white" | null | undefined;
+  color?: "amber" | "amber-inverse" | "blue" | "blue-inverse" | "cyan" | "cyan-inverse" | "destructive" | "destructive-subtle" | "gray" | "gray-darker" | "gray-inverse" | "green" | "green-darker" | "green-inverse" | "info" | "info-subtle" | "neutral" | "neutral-subtle" | "orange" | "orange-inverse" | "purple" | "purple-inverse" | "red" | "red-inverse" | "sidebar-primary" | "success" | "success-subtle" | "teal" | "teal-inverse" | "warning" | "warning-subtle" | "white" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 //#endregion
 //#region src/components/Badge/BadgeRoot.d.ts
@@ -3781,8 +3753,8 @@ type AddonVariant = ComponentProps<typeof BadgeAddon>['variant'];
 type BadgeRootProps = ComponentProps<typeof BadgeRoot>;
 type BadgeLabelProps = ComponentProps<typeof BadgeLabel>;
 /**
- * - `color` is semantic (`green` success, `red` error, `orange` warning, `amber` caution; rest decorative).
- * - Colours stay fixed across brand themes.
+ * - `color` status values (`success`, `warning-subtle`, …) follow the brand; use them for a state.
+ * - `color` hues (`green`, `purple`, …) stay fixed; use them for categorical labels.
  */
 type Props$181 = Pick<BadgeRootProps, 'variant' | 'color'> & Omit<BadgeLabelProps, 'prefix'> & {
   prefix?: ReactNode;
@@ -3860,11 +3832,11 @@ type Props$176 = WithAccessibleName<Omit<ComponentProps<typeof Combobox$1.Input>
 declare const ComboboxInput: ({ ref, ...props }: Props$176) => import("react").JSX.Element;
 //#endregion
 //#region src/components/Combobox/ComboboxInputGroup.d.ts
-type InputGroupProps$9 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'sizing' | 'state'>;
+type InputGroupProps$9 = Pick<ComponentProps<typeof InputGroup>, 'focusVariant' | 'state'>;
 type Props$175 = InputGroupProps$9 & Omit<ComponentProps<typeof Combobox$1.InputGroup>, 'render' | 'className'> & {
   className?: string;
 };
-declare const ComboboxInputGroup: ({ ref, state, variant, sizing, focusVariant, className, ...props }: Props$175) => import("react").JSX.Element;
+declare const ComboboxInputGroup: ({ ref, state, focusVariant, className, ...props }: Props$175) => import("react").JSX.Element;
 //#endregion
 //#region src/components/Combobox/ComboboxItemIndicator.d.ts
 type Variant$6 = 'check' | 'checkbox';
@@ -3933,7 +3905,7 @@ type ComboboxInputProps$1 = ComponentProps<typeof ComboboxInput>;
 type ComboboxInputGroupProps$1 = ComponentProps<typeof ComboboxInputGroup>;
 type ComboboxItemProps$1 = ComponentProps<typeof ComboboxItem>;
 type Indicator$4 = Exclude<NonNullable<ComboboxItemProps$1['indicator']>, 'none'>;
-type PublicComboboxInputProps = Pick<ComboboxInputProps$1, 'placeholder' | 'id' | 'name' | 'onBlur' | 'aria-label' | 'aria-labelledby' | 'aria-describedby' | 'aria-invalid' | 'aria-required'> & Pick<ComboboxInputGroupProps$1, 'variant' | 'focusVariant' | 'sizing' | 'state' | 'className'>;
+type PublicComboboxInputProps = Pick<ComboboxInputProps$1, 'placeholder' | 'id' | 'name' | 'onBlur' | 'aria-label' | 'aria-labelledby' | 'aria-describedby' | 'aria-invalid' | 'aria-required'> & Pick<ComboboxInputGroupProps$1, 'focusVariant' | 'state' | 'className'>;
 type PublicComboboxProps<Value> = Pick<ComboboxProps$1<Value>, 'disabled' | 'inputRef' | 'value' | 'defaultValue' | 'onValueChange' | 'itemToStringLabel' | 'itemToStringValue' | 'filter' | 'onOpenChangeComplete' | 'isItemEqualToValue'>;
 type CreatableProps$1<Value> = {
   allowCreate?: boolean;
@@ -3992,7 +3964,7 @@ type BaseProps$1<Value, GroupShape extends Group$2<Value> = Group$2<Value>> = Pu
   groupToValue?: (group: GroupShape) => Value;
 };
 type Props$167<Value, GroupShape extends Group$2<Value> = Group$2<Value>> = WithAccessibleName<BaseProps$1<Value, GroupShape>>;
-declare function Combobox<Value, GroupShape extends Group$2<Value> = Group$2<Value>>({ items: _itemsProp, value, defaultValue, onValueChange, itemToStringLabel: itemToStringLabelProp, itemToStringValue, disabled, filter, inputRef, onOpenChangeComplete, isItemEqualToValue: isItemEqualToValueProp, variant, sizing, focusVariant, state, placeholder, allowClear, name, onBlur, 'aria-describedby': ariaDescribedBy, 'aria-invalid': ariaInvalid, 'aria-required': ariaRequired, className, empty, isLoading, indicator, prefix, virtualized, inputValueSanitizer, onQueryChange, allowCreate, queryToCreateValue, queryToCreateLabel, canCreate, itemToDisabled, itemToLabel: itemToLabelProp, itemToIcon, itemToSelectedLabel, groupToLabel, collapsibleGroups, groupToValue, ...accessibleName }: Props$167<Value, GroupShape>): import("react").JSX.Element;
+declare function Combobox<Value, GroupShape extends Group$2<Value> = Group$2<Value>>({ items: _itemsProp, value, defaultValue, onValueChange, itemToStringLabel: itemToStringLabelProp, itemToStringValue, disabled, filter, inputRef, onOpenChangeComplete, isItemEqualToValue: isItemEqualToValueProp, focusVariant, state, placeholder, allowClear, name, onBlur, 'aria-describedby': ariaDescribedBy, 'aria-invalid': ariaInvalid, 'aria-required': ariaRequired, className, empty, isLoading, indicator, prefix, virtualized, inputValueSanitizer, onQueryChange, allowCreate, queryToCreateValue, queryToCreateLabel, canCreate, itemToDisabled, itemToLabel: itemToLabelProp, itemToIcon, itemToSelectedLabel, groupToLabel, collapsibleGroups, groupToValue, ...accessibleName }: Props$167<Value, GroupShape>): import("react").JSX.Element;
 declare namespace Combobox {
   export { ComboboxRoot as Root };
   export { ComboboxInputGroup as InputGroup };
@@ -4058,7 +4030,7 @@ type CreatableProps<Value> = {
   /** Splits one entry into several values (default `','`). A `RegExp` must not capture; `null` never splits. */
   createSeparator?: string | RegExp | null;
 };
-type BaseProps<Value, GroupShape extends Group$2<Value> = Group$2<Value>> = Pick<ComboboxInputProps, 'placeholder' | 'id' | 'name' | 'onBlur' | 'aria-label' | 'aria-labelledby' | 'aria-describedby' | 'aria-invalid' | 'aria-required'> & Pick<ComboboxInputGroupProps, 'variant' | 'focusVariant' | 'sizing' | 'state' | 'className'> & Pick<ComboboxProps<Value>, 'disabled' | 'inputRef' | 'value' | 'defaultValue' | 'onValueChange' | 'itemToStringLabel' | 'itemToStringValue' | 'filter' | 'isItemEqualToValue'> & Pick<ComboboxChipsProps<Value>, 'itemToChipLabel' | 'itemToChipColor' | 'pinnedChipLabels' | 'maxVisible'> & CreatableProps<Value> & VirtualizedProps & {
+type BaseProps<Value, GroupShape extends Group$2<Value> = Group$2<Value>> = Pick<ComboboxInputProps, 'placeholder' | 'id' | 'name' | 'onBlur' | 'aria-label' | 'aria-labelledby' | 'aria-describedby' | 'aria-invalid' | 'aria-required'> & Pick<ComboboxInputGroupProps, 'focusVariant' | 'state' | 'className'> & Pick<ComboboxProps<Value>, 'disabled' | 'inputRef' | 'value' | 'defaultValue' | 'onValueChange' | 'itemToStringLabel' | 'itemToStringValue' | 'filter' | 'isItemEqualToValue'> & Pick<ComboboxChipsProps<Value>, 'itemToChipLabel' | 'itemToChipColor' | 'pinnedChipLabels' | 'maxVisible'> & CreatableProps<Value> & VirtualizedProps & {
   /** Read as immutable: pass a new array to change it; one mutated in place is not re-filtered. */
   items?: readonly (Value | GroupShape)[];
   /** Clear-all button, shown only while chips exist. Chips stay removable either way. */
@@ -4125,7 +4097,7 @@ type Props$166<Value, GroupShape extends Group$2<Value> = Group$2<Value>> = With
  * @see RECIPES.md#creatable-multi-combobox
  * @see RECIPES.md#filter-toolbar
  */
-declare const MultiCombobox: <Value, GroupShape extends Group$2<Value> = Group$2<Value>>({ items: _itemsProp, value: _valueProp, defaultValue, onValueChange, itemToStringLabel, itemToStringValue, disabled, filter: filterProp, isItemEqualToValue: isItemEqualToValueProp, inputRef, variant, sizing, focusVariant, state, placeholder, allowClear, name, onBlur, 'aria-describedby': ariaDescribedBy, 'aria-invalid': ariaInvalid, 'aria-required': ariaRequired, className, allowSelectAll, empty, isLoading, indicator, virtualized, inputValueSanitizer, onQueryChange, allowCreate, canCreate, queryToCreateValue, queryToCreateLabel, createSeparator, itemToDisabled, itemToLocked, itemToLabel: itemToLabelProp, itemToIcon, groupToLabel, collapsibleGroups, selectableGroups, collapseSelectedGroups, groupAppearance, itemToChipLabel, itemToChipColor, pinnedChipLabels, renderChips, renderAside, asideOpen: asideOpenProp, onAsideOpenChange, defaultOpen, onOpenChange, anchor, query: queryProp, maxVisible, ...accessibleName }: Props$166<Value, GroupShape>) => import("react").JSX.Element;
+declare const MultiCombobox: <Value, GroupShape extends Group$2<Value> = Group$2<Value>>({ items: _itemsProp, value: _valueProp, defaultValue, onValueChange, itemToStringLabel, itemToStringValue, disabled, filter: filterProp, isItemEqualToValue: isItemEqualToValueProp, inputRef, focusVariant, state, placeholder, allowClear, name, onBlur, 'aria-describedby': ariaDescribedBy, 'aria-invalid': ariaInvalid, 'aria-required': ariaRequired, className, allowSelectAll, empty, isLoading, indicator, virtualized, inputValueSanitizer, onQueryChange, allowCreate, canCreate, queryToCreateValue, queryToCreateLabel, createSeparator, itemToDisabled, itemToLocked, itemToLabel: itemToLabelProp, itemToIcon, groupToLabel, collapsibleGroups, selectableGroups, collapseSelectedGroups, groupAppearance, itemToChipLabel, itemToChipColor, pinnedChipLabels, renderChips, renderAside, asideOpen: asideOpenProp, onAsideOpenChange, defaultOpen, onOpenChange, anchor, query: queryProp, maxVisible, ...accessibleName }: Props$166<Value, GroupShape>) => import("react").JSX.Element;
 //#endregion
 //#region src/blocks/Form/connectors/ComboboxField.d.ts
 type Props$165 = FieldItemProps & Omit<ComponentProps<typeof Combobox<string>>, 'id' | 'aria-label' | 'aria-labelledby' | 'name' | 'value' | 'defaultValue' | 'onValueChange' | 'onBlur' | 'aria-describedby' | 'aria-invalid' | 'aria-required' | 'className' | 'state'> & {
@@ -4156,7 +4128,7 @@ type Props$164 = FieldItemProps & Omit<ComponentProps<typeof MultiCombobox<strin
 declare const MultiComboboxField: ({ label, action, required, requiredMark, help, tooltip, className, 'aria-describedby': ariaDescribedBy, inputClassName, ...comboboxProps }: Props$164) => import("react").JSX.Element;
 //#endregion
 //#region src/blocks/ChipEditor/ChipEditor.d.ts
-type InputGroupProps$8 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'sizing' | 'state'>;
+type InputGroupProps$8 = Pick<ComponentProps<typeof InputGroup>, 'focusVariant' | 'state'>;
 type BadgeColor = ComponentProps<typeof Badge>['color'];
 type OwnProps = {
   value?: string[];
@@ -4185,10 +4157,10 @@ type Props$1 = InputGroupProps$8 & OwnProps & Omit<ComponentProps<'input'>, 'val
  * - Wrap in a `FormGroup` for label and error state.
  * - Values are compared case-insensitively.
  */
-declare const ChipEditor: ({ ref: forwardedRef, value: valueProp, defaultValue, onValueChange, separator, canAdd, chipColor, removeLabel, testId, state, sizing, variant, focusVariant, className, disabled, readOnly, onChange, onBlur, onKeyDown, ...inputProps }: Props$1) => import("react").JSX.Element;
+declare const ChipEditor: ({ ref: forwardedRef, value: valueProp, defaultValue, onValueChange, separator, canAdd, chipColor, removeLabel, testId, state, focusVariant, className, disabled, readOnly, onChange, onBlur, onKeyDown, ...inputProps }: Props$1) => import("react").JSX.Element;
 //#endregion
 //#region src/blocks/Textarea/Textarea.d.ts
-type InputGroupProps$7 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'sizing' | 'focusVariant' | 'state'>;
+type InputGroupProps$7 = Pick<ComponentProps<typeof InputGroup>, 'focusVariant' | 'state'>;
 type TextareaNativeProps = Omit<ComponentProps<typeof InputGroup.TextArea>, 'value' | 'defaultValue' | 'rows' | 'maxRows'>;
 type TextareaOwnProps = {
   value?: string | null;
@@ -4200,11 +4172,8 @@ type TextareaOwnProps = {
   containerClassName?: string;
 };
 type Props$163 = InputGroupProps$7 & TextareaNativeProps & TextareaOwnProps;
-/**
- * Multi-line text input. Chrome resolves from the active brand automatically: a modern brand always
- * renders argo (any `variant` is ignored), while `variant` only tunes the legacy-brand chrome.
- */
-declare const Textarea: ({ ref, containerClassName, state, variant, sizing, focusVariant, value: valueProp, defaultValue, onValueChange, ...rest }: Props$163) => import("react").JSX.Element;
+/** Multi-line text input in `InputGroup` chrome. */
+declare const Textarea: ({ ref, containerClassName, state, focusVariant, value: valueProp, defaultValue, onValueChange, ...rest }: Props$163) => import("react").JSX.Element;
 //#endregion
 //#region src/blocks/AutoSaveTextarea/AutoSaveTextarea.d.ts
 type AutoSaveTextareaProps = {
@@ -4213,7 +4182,7 @@ type AutoSaveTextareaProps = {
   placeholder?: string;
   disabled?: boolean;
   grow?: boolean;
-} & Pick<ComponentProps<typeof Textarea>, 'variant' | 'minRows' | 'maxRows' | 'className' | 'containerClassName' | 'maxLength'>;
+} & Pick<ComponentProps<typeof Textarea>, 'minRows' | 'maxRows' | 'className' | 'containerClassName' | 'maxLength'>;
 declare const AutoSaveTextarea: ({ savedValue, onSave, placeholder, disabled, grow, ...textareaProps }: AutoSaveTextareaProps) => import("react").JSX.Element;
 //#endregion
 //#region src/blocks/InlineEdit/InlineEdit.d.ts
@@ -4264,7 +4233,7 @@ type Props$162 = {
 declare const InlineEdit: ({ value, onChange, onSubmit, onCancel, isEditing, onEditStart, isChanged, isSaving, invalidReason, readOnly, fill, multiline, size, truncate, placeholder, editTooltip, tooltipPlacement, maxLength, 'aria-label': ariaLabel, className }: Props$162) => import("react").JSX.Element;
 //#endregion
 //#region src/blocks/ColorInput/ColorInput.d.ts
-type InputGroupProps$6 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
+type InputGroupProps$6 = Pick<ComponentProps<typeof InputGroup>, 'focusVariant' | 'state'>;
 type InputGroupInputProps$6 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue'>;
 type Props$161 = InputGroupProps$6 & InputGroupInputProps$6 & {
   value?: string | null;
@@ -4273,7 +4242,7 @@ type Props$161 = InputGroupProps$6 & InputGroupInputProps$6 & {
   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$161) => import("react").JSX.Element;
+declare const ColorInput: ({ ref, state, focusVariant, className, value: valueProp, onValueChange, onValueBlur, onChange, onBlur, defaultValue, allowClear, disabled, readOnly, ...restInputProps }: Props$161) => import("react").JSX.Element;
 //#endregion
 //#region src/components/ThemeProvider/useBrandState.d.ts
 type UseBrandOptions = {
@@ -4343,15 +4312,6 @@ type ThemeContextValue = ReturnType<typeof useColorSchemeState> & ReturnType<typ
   brandTheme: Brand$1['theme'];
 };
 declare const useTheme: () => ThemeContextValue;
-/**
- * TEMPORARY, kbc-ui-internal: whether the subtree renders the argo design language.
- *
- * - kbc-ui provides `false` for legacy brands/surfaces (its `AppThemeProvider`).
- * - `ThemeProvider` never sets it — argo is independent of the brand.
- * - Delete it and `useArgoDesign` once kbc-ui's chrome is migrated.
- */
-declare const ArgoDesignContext: import("react").Context<boolean>;
-declare const useArgoDesign: () => boolean;
 //#endregion
 //#region src/components/ThemeProvider/defaults.d.ts
 declare const DEFAULT_COLOR_SCHEME: ResolvedColorScheme;
@@ -4374,7 +4334,7 @@ type Props$158 = {
 declare const ColorModeSwitch: ({ value, onValueChange, size, className }: Props$158) => import("react").JSX.Element;
 //#endregion
 //#region src/blocks/DateInput/DateInput.d.ts
-type InputGroupProps$5 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
+type InputGroupProps$5 = Pick<ComponentProps<typeof InputGroup>, 'focusVariant' | 'state'>;
 type InputGroupInputProps$5 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type'>;
 type Props$157 = InputGroupProps$5 & InputGroupInputProps$5 & {
   value?: Date | null;
@@ -4386,10 +4346,10 @@ type Props$157 = InputGroupProps$5 & InputGroupInputProps$5 & {
   endMonth?: Date;
   startMonth?: Date;
 };
-declare const DateInput: ({ ref, state, variant, focusVariant, sizing, className, value, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onFocus, allowClear, disabledDays, endMonth, startMonth, disabled, readOnly, placeholder, ...restInputProps }: Props$157) => import("react").JSX.Element;
+declare const DateInput: ({ ref, state, focusVariant, className, value, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onFocus, allowClear, disabledDays, endMonth, startMonth, disabled, readOnly, placeholder, ...restInputProps }: Props$157) => import("react").JSX.Element;
 //#endregion
 //#region src/blocks/NumberInput/NumberInput.d.ts
-type InputGroupProps$4 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
+type InputGroupProps$4 = Pick<ComponentProps<typeof InputGroup>, 'focusVariant' | 'state'>;
 type InputGroupInputProps$4 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type' | 'prefix'>;
 type Props$156 = InputGroupProps$4 & InputGroupInputProps$4 & {
   value?: number | null;
@@ -4399,10 +4359,10 @@ type Props$156 = InputGroupProps$4 & InputGroupInputProps$4 & {
   prefix?: ReactNode;
   suffix?: ReactNode;
 };
-declare const NumberInput: ({ ref, state, variant, focusVariant, sizing, className, value, defaultValue, onValueChange, onValueBlur, onChange, onBlur, prefix, suffix, ...inputProps }: Props$156) => import("react").JSX.Element;
+declare const NumberInput: ({ ref, state, focusVariant, className, value, defaultValue, onValueChange, onValueBlur, onChange, onBlur, prefix, suffix, ...inputProps }: Props$156) => import("react").JSX.Element;
 //#endregion
 //#region src/blocks/PasswordInput/PasswordInput.d.ts
-type InputGroupProps$3 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
+type InputGroupProps$3 = Pick<ComponentProps<typeof InputGroup>, 'focusVariant' | 'state'>;
 type InputGroupInputProps$3 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type' | 'autoComplete'>;
 type Props$155 = InputGroupProps$3 & InputGroupInputProps$3 & {
   value?: string | null;
@@ -4416,10 +4376,10 @@ type Props$155 = InputGroupProps$3 & InputGroupInputProps$3 & {
   autoComplete?: 'new-password' | 'current-password' | 'off';
   defaultPasswordVisibility?: boolean;
 };
-declare const PasswordInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onKeyDown, onKeyUp, onMouseDown, allowClear, allowPasswordToggle, passwordToggleLabel, autoComplete, defaultPasswordVisibility, disabled, readOnly, ...restInputProps }: Props$155) => import("react").JSX.Element;
+declare const PasswordInput: ({ ref, state, focusVariant, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onKeyDown, onKeyUp, onMouseDown, allowClear, allowPasswordToggle, passwordToggleLabel, autoComplete, defaultPasswordVisibility, disabled, readOnly, ...restInputProps }: Props$155) => import("react").JSX.Element;
 //#endregion
 //#region src/blocks/TimeInput/TimeInput.d.ts
-type InputGroupProps$2 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
+type InputGroupProps$2 = Pick<ComponentProps<typeof InputGroup>, 'focusVariant' | 'state'>;
 type InputGroupInputProps$2 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type'>;
 type Props$154 = InputGroupProps$2 & InputGroupInputProps$2 & {
   value?: string | null;
@@ -4428,10 +4388,10 @@ type Props$154 = InputGroupProps$2 & InputGroupInputProps$2 & {
   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$154) => import("react").JSX.Element;
+declare const TimeInput: ({ ref, state, focusVariant, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, allowClear, disabled, readOnly, placeholder, ...restInputProps }: Props$154) => import("react").JSX.Element;
 //#endregion
 //#region src/blocks/DateRangeInput/DateRangeInput.d.ts
-type InputGroupProps$1 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
+type InputGroupProps$1 = Pick<ComponentProps<typeof InputGroup>, 'focusVariant' | 'state'>;
 type InputGroupInputProps$1 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type'>;
 type Props$153 = InputGroupProps$1 & InputGroupInputProps$1 & {
   value?: DateRange$1 | null;
@@ -4442,7 +4402,7 @@ type Props$153 = InputGroupProps$1 & InputGroupInputProps$1 & {
   startMonth?: Date;
   endMonth?: Date;
 };
-declare const DateRangeInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onFocus, allowClear, startMonth, endMonth, disabled, readOnly, placeholder, ...restInputProps }: Props$153) => import("react").JSX.Element;
+declare const DateRangeInput: ({ ref, state, focusVariant, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onFocus, allowClear, startMonth, endMonth, disabled, readOnly, placeholder, ...restInputProps }: Props$153) => import("react").JSX.Element;
 //#endregion
 //#region src/blocks/OtpInput/OtpInputGroup.d.ts
 type GroupProps = ComponentProps<'div'>;
@@ -4485,7 +4445,7 @@ declare const OtpInput: typeof Root$18 & {
 };
 //#endregion
 //#region src/blocks/SearchInput/SearchInput.d.ts
-type InputGroupProps = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
+type InputGroupProps = Pick<ComponentProps<typeof InputGroup>, 'focusVariant' | 'state'>;
 type InputGroupInputProps = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue'>;
 /**
  * - `onValueChange` is debounced by default (300ms).
@@ -4515,7 +4475,7 @@ type Props$152 = InputGroupProps & InputGroupInputProps & {
  *
  * @see RECIPES.md#filter-toolbar
  */
-declare const SearchInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onClear, allowClear, disableDebounce, debounceDelay, disabled, readOnly, ...restInputProps }: Props$152) => import("react").JSX.Element;
+declare const SearchInput: ({ ref, state, focusVariant, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onClear, allowClear, disableDebounce, debounceDelay, disabled, readOnly, ...restInputProps }: Props$152) => import("react").JSX.Element;
 //#endregion
 //#region src/blocks/SearchInputWithNavigation/SearchInputWithNavigation.d.ts
 type SearchInputWithNavigationProps = {
@@ -4526,12 +4486,11 @@ type SearchInputWithNavigationProps = {
   onNavigatePrevious: () => void;
   value?: string;
   placeholder?: string;
-  variant?: 'primary' | 'secondary';
   onClear?: () => void;
   focusVariant?: ComponentProps<typeof TextInput>['focusVariant'];
   className?: string;
 };
-declare const SearchInputWithNavigation: ({ ref, value, onValueChange, placeholder, variant, onClear, focusVariant, currentIndex, totalResults, onNavigateNext, onNavigatePrevious, className }: SearchInputWithNavigationProps & {
+declare const SearchInputWithNavigation: ({ ref, value, onValueChange, placeholder, onClear, focusVariant, currentIndex, totalResults, onNavigateNext, onNavigatePrevious, className }: SearchInputWithNavigationProps & {
   ref?: Ref<HTMLInputElement>;
 }) => import("react").JSX.Element;
 //#endregion
@@ -4672,7 +4631,7 @@ type Props$149 = Omit<FileDropTargetOptions, 'noClick' | 'noKeyboard'> & {
 /**
  * Drop-zone primitive — the caller owns the `File[]`; the component only signals drops.
  *
- * - Brand-neutral (semantic tokens), so it renders under legacy chrome too.
+ * - Brand-neutral: semantic tokens only.
  * - Compose `<FileUpload.DropZone />` + `<FileUpload.FileList />`; pass the `File[]` to `FileList`.
  * - Upload progress/lifecycle is app-level state on top of `onFilesChange`.
  * - For a drop target you style yourself, use `useFileDropTarget`.
@@ -7313,12 +7272,7 @@ declare const KbdGroup: ({ ref, className, children, separator, ...props }: Prop
 //#endregion
 //#region src/components/Kbd/KbdSeparator.d.ts
 type Props$33 = ComponentProps<'span'>;
-/**
- * The `+` / `then` glue between two `Kbd` keys.
- *
- * - Follows the muted chrome token by default.
- * - Turns white inside the legacy dark tooltip, which sets `data-tooltip-content`.
- */
+/** The `+` / `then` glue between two `Kbd` keys, in the muted chrome token. */
 declare const KbdSeparator: ({ className, ...props }: Props$33) => import("react").JSX.Element;
 //#endregion
 //#region src/components/Kbd/styles.d.ts
@@ -7881,5 +7835,5 @@ declare const contrastRatio: (fg: string, bg: string) => number;
 /** WCAG level for normal-size text at a given ratio. */
 declare const wcagLevel: (ratio: number) => 'AAA' | 'AA' | 'fail';
 //#endregion
-export { ANSWER_SOURCES_VISIBLE, Alert, AlertModal, AnswerActions, AnswerSource, AnswerSources, AnswerSummary, type AnswerItem as AnswerSummaryItem, type Props as AnswerSummaryProps, type Variant as AnswerSummaryVariant, AnswerVote, AppShell, type AppShellHeaderSpan, type AppShellSlot, ArgoDesignContext, AttachmentChip, AttachmentStatus, AuthLayout, type RootProps as AuthLayoutProps, AutoSaveTextarea, Avatar, BLANK_VALUES, Badge, type Brand, BrandEditor, type BrandEditorProps, BrandId, BrandLogo, Breadcrumb, Button, ButtonGroup, ButtonInline, CONTEXT_CHIP_EXPANDABLE_LENGTH, Calendar, type CalendarProps, Card, type ChangeClassification, ChartPanel, type RootProps$1 as ChartPanelProps, ChatInlineIcon, ChatNotice, ChatNoticeTone, Checkbox, ChipEditor, type Props$1 as ChipEditorProps, Clipboard, ClipboardButton, ClipboardInline, Collapsible, CollapsiblePanel, CollapsibleStepHeader, ColorInput, ColorModeSwitch, ColorScheme, type ColorSlot, Combobox, ComboboxField, Command, CommandGroup, CommandInput, CommandItem, CommandList, ConflictStatusIndicator, ContextChip, CopyField, DEFAULT_COLOR_SCHEME, DEFAULT_FALLBACK_FONT, DEFAULT_FONT_OPTIONS, DEFAULT_BRAND_ID as DEFAULT_KEBOOLA_BRAND_ID, DEFAULT_WORKBENCH_BAR_HEIGHT_IN_REM, DEFAULT_WORKBENCH_PANEL_HEIGHT_IN_PX, DIAGRAM_LANGUAGES, DashboardHero, type RootProps$2 as DashboardHeroProps, DateInput, DatePicker, type DateRange, DateRangeInput, DateRangePicker, type DateRangePreset, DiagramSkeleton, type DiffChunk, type DiffInformation, type DiffRow, DiffType, DiffView, DotsLoader, DropdownMenu, EmptyConfigurationActionCard, EmptySearchContent, EmptyState, type RootProps$3 as EmptyStateProps, type Variant$1 as EmptyStateVariant, ErrorState, type RootProps$4 as ErrorStateProps, type Variant$2 as ErrorStateVariant, ExportMenu, ExportMenuItem, FacebookButton, FileDownloadChip, FileGallery, type FileGalleryImage, FileUpload, type FileUploadAccept, type FileUploadRejection, type FileUploadRejectionCode, FormGroup, FullScreenModal, FullScreenModalBody, FullScreenModalHeader, GoogleButton, HINT_UNDERLINE_CLASS_NAME, HelpBlock, HoverCard, InlineEdit, InlineStepDetail, type Props$2 as InlineStepDetailProps, InlineStepGroup, type Props$3 as InlineStepGroupProps, InlineStepLabel, type Props$4 as InlineStepLabelProps, type Variant$3 as InlineStepLabelVariant, InputGroup, JumpToLatest, Kbd, Label, type LineInformation, Link, MAX_DIGIT_HOTKEY, MIN_WORKBENCH_PANEL_HEIGHT_IN_PX, Markdown, MarkdownTable, MarkedText, type MergeConflict, MessageBubble, MicrosoftButton, Modal, ModeChip, MultiActionButtonGroup, MultiCombobox, MultiComboboxField, MultiComboboxHighlighted, Navbar, NumberInput, OtpInput, type RootProps$5 as OtpInputProps, type OtpInputRenderSlotProps, PROMPT_INPUT_CONTAINER, PageHeader, PageLayout, PageToolbar, Pagination, PaneHeader, type PanelImperativeHandle, PanelWithDetails, PasswordInput, PlanApproval, type PlanApprovalProps, type PlanApprovalStatus, PlanRewritingIndicator, type PlanRewritingIndicatorProps, Popconfirm, Popover, Progress, type PromptCommand, PromptInput, Props$5 as Props, Question, type QuestionAnswers, QuestionBlock, type Props$6 as QuestionBlockProps, type QuestionOption, type Props$7 as QuestionProps, type QuestionStep, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS, RadioGroup, type RadiusSize, ResizableHandle, ResizablePanel, ResizablePanelGroup, ResolvedColorScheme, ScrollArea, ScrollBar, Search, SearchForm, SearchInput, SearchInputWithNavigation, SectionNav, type SectionNavGroup, type SectionNavItem, type SectionNavItemRenderProps, Select, SelectItem, SelectItemGroup, SelectProps, Separator, type ServerFieldError, Sheet, type SideInformation, Sidebar, type SidebarMode, SidebarProvider, type SidebarSide, type SidebarSlot, Skeleton, SkeletonList, Slider, Slot, SourceChip, SourceChipProps, SourceState, SplitButton, SpotlightBackdrop, SpotlightTarget, StatCard, StatCardGrid, type Props$8 as StatCardGridProps, type RootProps$6 as StatCardProps, type TrendDirection as StatCardTrendDirection, type TrendProps as StatCardTrendProps, type StepStatus, Stepper, type StepperOrientation, SuggestedPrompt, Switch, Table, type TableSkeletonColumn, type TableSortDirection, Tabs, TabsContent, TargetRect, TextInput, Textarea, Theme, ThemeProvider, ThemeScope, ThinkingIndicator, type ThinkingIndicatorProps, ThumbTooltipFn, TimeInput, TimePicker, Timeline, type ToastOptions, Toaster, Toggle, ToggleGroup, Tokens, ToolCallApproval, type ToolCallApprovalAction, type ToolCallApprovalExtraAction, type ToolCallApprovalNoticeItem, type NoticeTone as ToolCallApprovalNoticeTone, type ToolCallApprovalProps, type ShortcutKey as ToolCallApprovalShortcutKey, type ToolCallApprovalStatus, ToolCallChip, type ToolCallChipProps, type ToolCallState, type ToolCallStatus, ToolCallStatusHeader, type Props$9 as ToolCallStatusHeaderProps, Tooltip, type Props$10 as TooltipProps, TooltipProvider, type Trigger, Truncated, UsageBar, UsageStats, UsageStatsRing, UseAutosizeInputOptions, UseAutosizeInputReturn, type ValidityState, type WithAccessibleName, type WordInformation, Workbench, type WorkbenchState, ZoomableSvg, agnes, appShellSlotSelector, argoVariants, brandSchema, channelsToHex, clampPercentage, cn, computeDiffRows, computeLineInformation, contrastRatio, copyToClipboard, defaultFilter, digitFromKeyCode, exampleCustomer, filterByWords, findLiteralMatches, findMentionToken, findSlashToken, formatPercentage, forwardAccessibleName, getChatInlineIconName, harbor, hasLiteralMatch, hexToChannels, isMac, kbdVariants, keboola, keboolaLegacySidebar, keys, matchByWords, mergeRefs, namedLabel, setServerFieldErrors, setSubmitError, splitSealedBlocks, svgToPngBlob, tableAriaSort, toSvgFileContent, toast, useAltDigitHotkey, useAppForm, useArgoDesign, useAutosizeInput, useCommandState, useDefaultLayout, useFileDropTarget, useFileUploadRejections, useMergeDiff, useNotification, useOptionalSidebar, useScrollbarPosition, useSidebar, useStableCallback, useTargetRect, useTheme, useThemeScopeContainer, useWorkbench, wcagLevel, withBlankValues, withForm, withholdOpenTail };
+export { ANSWER_SOURCES_VISIBLE, Alert, AlertModal, AnswerActions, AnswerSource, AnswerSources, AnswerSummary, type AnswerItem as AnswerSummaryItem, type Props as AnswerSummaryProps, type Variant as AnswerSummaryVariant, AnswerVote, AppShell, type AppShellHeaderSpan, type AppShellSlot, AttachmentChip, AttachmentStatus, AuthLayout, type RootProps as AuthLayoutProps, AutoSaveTextarea, Avatar, BLANK_VALUES, Badge, type Brand, BrandEditor, type BrandEditorProps, BrandId, BrandLogo, Breadcrumb, Button, ButtonGroup, ButtonInline, CONTEXT_CHIP_EXPANDABLE_LENGTH, Calendar, type CalendarProps, Card, type ChangeClassification, ChartPanel, type RootProps$1 as ChartPanelProps, ChatInlineIcon, ChatNotice, ChatNoticeTone, Checkbox, ChipEditor, type Props$1 as ChipEditorProps, Clipboard, ClipboardButton, ClipboardInline, Collapsible, CollapsiblePanel, CollapsibleStepHeader, ColorInput, ColorModeSwitch, ColorScheme, type ColorSlot, Combobox, ComboboxField, Command, CommandGroup, CommandInput, CommandItem, CommandList, ConflictStatusIndicator, ContextChip, CopyField, DEFAULT_COLOR_SCHEME, DEFAULT_FALLBACK_FONT, DEFAULT_FONT_OPTIONS, DEFAULT_BRAND_ID as DEFAULT_KEBOOLA_BRAND_ID, DEFAULT_WORKBENCH_BAR_HEIGHT_IN_REM, DEFAULT_WORKBENCH_PANEL_HEIGHT_IN_PX, DIAGRAM_LANGUAGES, DashboardHero, type RootProps$2 as DashboardHeroProps, DateInput, DatePicker, type DateRange, DateRangeInput, DateRangePicker, type DateRangePreset, DiagramSkeleton, type DiffChunk, type DiffInformation, type DiffRow, DiffType, DiffView, DotsLoader, DropdownMenu, EmptyConfigurationActionCard, EmptySearchContent, EmptyState, type RootProps$3 as EmptyStateProps, type Variant$1 as EmptyStateVariant, ErrorState, type RootProps$4 as ErrorStateProps, type Variant$2 as ErrorStateVariant, ExportMenu, ExportMenuItem, FacebookButton, FileDownloadChip, FileGallery, type FileGalleryImage, FileUpload, type FileUploadAccept, type FileUploadRejection, type FileUploadRejectionCode, FormGroup, FullScreenModal, FullScreenModalBody, FullScreenModalHeader, GoogleButton, HINT_UNDERLINE_CLASS_NAME, HelpBlock, HoverCard, InlineEdit, InlineStepDetail, type Props$2 as InlineStepDetailProps, InlineStepGroup, type Props$3 as InlineStepGroupProps, InlineStepLabel, type Props$4 as InlineStepLabelProps, type Variant$3 as InlineStepLabelVariant, InputGroup, JumpToLatest, Kbd, Label, type LineInformation, Link, MAX_DIGIT_HOTKEY, MIN_WORKBENCH_PANEL_HEIGHT_IN_PX, Markdown, MarkdownTable, MarkedText, type MergeConflict, MessageBubble, MicrosoftButton, Modal, ModeChip, MultiActionButtonGroup, MultiCombobox, MultiComboboxField, MultiComboboxHighlighted, Navbar, NumberInput, OtpInput, type RootProps$5 as OtpInputProps, type OtpInputRenderSlotProps, PROMPT_INPUT_CONTAINER, PageHeader, PageLayout, PageToolbar, Pagination, PaneHeader, type PanelImperativeHandle, PanelWithDetails, PasswordInput, PlanApproval, type PlanApprovalProps, type PlanApprovalStatus, PlanRewritingIndicator, type PlanRewritingIndicatorProps, Popconfirm, Popover, Progress, type PromptCommand, PromptInput, Props$5 as Props, Question, type QuestionAnswers, QuestionBlock, type Props$6 as QuestionBlockProps, type QuestionOption, type Props$7 as QuestionProps, type QuestionStep, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS, RadioGroup, type RadiusSize, ResizableHandle, ResizablePanel, ResizablePanelGroup, ResolvedColorScheme, ScrollArea, ScrollBar, Search, SearchForm, SearchInput, SearchInputWithNavigation, SectionNav, type SectionNavGroup, type SectionNavItem, type SectionNavItemRenderProps, Select, SelectItem, SelectItemGroup, SelectProps, Separator, type ServerFieldError, Sheet, type SideInformation, Sidebar, type SidebarMode, SidebarProvider, type SidebarSide, type SidebarSlot, Skeleton, SkeletonList, Slider, Slot, SourceChip, SourceChipProps, SourceState, SplitButton, SpotlightBackdrop, SpotlightTarget, StatCard, StatCardGrid, type Props$8 as StatCardGridProps, type RootProps$6 as StatCardProps, type TrendDirection as StatCardTrendDirection, type TrendProps as StatCardTrendProps, type StepStatus, Stepper, type StepperOrientation, SuggestedPrompt, Switch, Table, type TableSkeletonColumn, type TableSortDirection, Tabs, TabsContent, TargetRect, TextInput, Textarea, Theme, ThemeProvider, ThemeScope, ThinkingIndicator, type ThinkingIndicatorProps, ThumbTooltipFn, TimeInput, TimePicker, Timeline, type ToastOptions, Toaster, Toggle, ToggleGroup, Tokens, ToolCallApproval, type ToolCallApprovalAction, type ToolCallApprovalExtraAction, type ToolCallApprovalNoticeItem, type NoticeTone as ToolCallApprovalNoticeTone, type ToolCallApprovalProps, type ShortcutKey as ToolCallApprovalShortcutKey, type ToolCallApprovalStatus, ToolCallChip, type ToolCallChipProps, type ToolCallState, type ToolCallStatus, ToolCallStatusHeader, type Props$9 as ToolCallStatusHeaderProps, Tooltip, type Props$10 as TooltipProps, TooltipProvider, type Trigger, Truncated, UsageBar, UsageStats, UsageStatsRing, UseAutosizeInputOptions, UseAutosizeInputReturn, type ValidityState, type WithAccessibleName, type WordInformation, Workbench, type WorkbenchState, ZoomableSvg, agnes, appShellSlotSelector, brandSchema, buttonVariants, channelsToHex, clampPercentage, cn, computeDiffRows, computeLineInformation, contrastRatio, copyToClipboard, defaultFilter, digitFromKeyCode, exampleCustomer, filterByWords, findLiteralMatches, findMentionToken, findSlashToken, formatPercentage, forwardAccessibleName, getChatInlineIconName, harbor, hasLiteralMatch, hexToChannels, isMac, kbcUi, kbdVariants, keboola, keys, matchByWords, mergeRefs, namedLabel, setServerFieldErrors, setSubmitError, splitSealedBlocks, svgToPngBlob, tableAriaSort, toSvgFileContent, toast, useAltDigitHotkey, useAppForm, useAutosizeInput, useCommandState, useDefaultLayout, useFileDropTarget, useFileUploadRejections, useMergeDiff, useNotification, useOptionalSidebar, useScrollbarPosition, useSidebar, useStableCallback, useTargetRect, useTheme, useThemeScopeContainer, useWorkbench, wcagLevel, withBlankValues, withForm, withholdOpenTail };
 //# sourceMappingURL=index.d.ts.map