@keboola/design 4.2.0 → 4.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.ts CHANGED
@@ -36,6 +36,8 @@ import * as _base_ui_react_separator from '@base-ui/react/separator';
36
36
  import * as _base_ui_react_combobox from '@base-ui/react/combobox';
37
37
  import { Combobox as Combobox$1 } from '@base-ui/react/combobox';
38
38
  import * as _base_ui_react_types from '@base-ui/react/types';
39
+ import { Brand } from '@keboola/brand-registry';
40
+ export { Brand, brandSchema, brands, exampleCustomer, getBrand, keboola, keboolaLegacy } from '@keboola/brand-registry';
39
41
  import { OTPInput, RenderProps } from 'input-otp';
40
42
  export { SlotProps as InputOtpRenderSlotProps, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS } from 'input-otp';
41
43
  import { Accept, FileRejection } from 'react-dropzone';
@@ -53,8 +55,6 @@ import * as _tanstack_react_form from '@tanstack/react-form';
53
55
  import { AnyFormApi } from '@tanstack/react-form';
54
56
  import { ClassValue } from 'clsx';
55
57
  export { Slot } from '@radix-ui/react-slot';
56
- import { Brand } from '@keboola/brand-registry';
57
- export { Brand, brandSchema, brands, exampleCustomer, getBrand, keboola, keboolaLegacy } from '@keboola/brand-registry';
58
58
 
59
59
  declare const variants$3: (props?: ({
60
60
  block?: boolean | null | undefined;
@@ -74,7 +74,7 @@ declare const argoVariants: (props?: ({
74
74
  * for height (including `icon-*` sizes when rendering icon-only). Icons are
75
75
  * composed as children — `<Button><Trash2 className="tw-size-4" /> Delete</Button>`.
76
76
  */
77
- type Props$1P = {
77
+ type Props$1Q = {
78
78
  /** Replaces the leading content with a spinner and disables the button visually. The caller still controls `disabled`. */
79
79
  isLoading?: boolean;
80
80
  /** Render as a Radix `Slot` so the parent JSX (e.g. a `react-router` `<Link>`) becomes the button element. */
@@ -93,7 +93,7 @@ type Props$1P = {
93
93
  * @see RECIPES.md#disabled-button-tooltip — for the disabled-button + tooltip pattern
94
94
  * @see RECIPES.md#confirm-dialog — for destructive-action confirmation
95
95
  */
96
- declare const Button: ({ ref, children, disabled, className, type, isLoading, asChild, onClick, variant, size, block, ...buttonProps }: Props$1P & {
96
+ declare const Button: ({ ref, children, disabled, className, type, isLoading, asChild, onClick, variant, size, block, ...buttonProps }: Props$1Q & {
97
97
  ref?: Ref<ElementRef<"button">>;
98
98
  }) => react_jsx_runtime.JSX.Element;
99
99
 
@@ -101,10 +101,10 @@ declare const buttonInlineVariants: (props?: ({
101
101
  color?: "dark" | "muted" | "link" | "danger" | "custom" | null | undefined;
102
102
  variant?: "link" | "custom" | "link-reverse" | null | undefined;
103
103
  } & class_variance_authority_types.ClassProp) | undefined) => string;
104
- type Props$1O = ComponentProps<'button'> & VariantProps<typeof buttonInlineVariants> & {
104
+ type Props$1P = ComponentProps<'button'> & VariantProps<typeof buttonInlineVariants> & {
105
105
  asChild?: boolean;
106
106
  };
107
- declare const ButtonInline: ({ ref, children, className, variant, color, type, asChild, ...buttonProps }: Props$1O & {
107
+ declare const ButtonInline: ({ ref, children, className, variant, color, type, asChild, ...buttonProps }: Props$1P & {
108
108
  ref?: Ref<ElementRef<"button">>;
109
109
  }) => react_jsx_runtime.JSX.Element;
110
110
 
@@ -112,18 +112,18 @@ declare const buttonGroupVariant: (props?: ({
112
112
  variant?: "inline" | "block" | null | undefined;
113
113
  space?: "compact" | "small" | "medium" | "large" | "extra-small" | "little-small" | null | undefined;
114
114
  } & class_variance_authority_types.ClassProp) | undefined) => string;
115
- type Props$1N = {
115
+ type Props$1O = {
116
116
  children: ReactNode;
117
117
  className?: string;
118
118
  } & VariantProps<typeof buttonGroupVariant> & ComponentProps<'div'>;
119
- declare const ButtonGroup: ({ ref, children, space, className, variant, ...rest }: Props$1N & {
119
+ declare const ButtonGroup: ({ ref, children, space, className, variant, ...rest }: Props$1O & {
120
120
  ref?: Ref<ElementRef<"div">>;
121
121
  }) => react_jsx_runtime.JSX.Element;
122
122
 
123
123
  type Variant$8 = ComponentProps<typeof Button>['variant'];
124
124
  type Size = NonNullable<ComponentProps<typeof Button>['size']>;
125
125
  type SpitButtonSize = Exclude<Size, 'icon' | 'icon-lg' | 'icon-sm' | 'icon-xs' | 'icon-2xs' | 'icon-3xs'>;
126
- type Props$1M = {
126
+ type Props$1N = {
127
127
  actions?: ReactNode;
128
128
  isActionsOpen?: boolean;
129
129
  onActionsOpenChange?: (open: boolean) => void;
@@ -132,7 +132,7 @@ type Props$1M = {
132
132
  variant?: Exclude<Variant$8, 'inline' | 'invisible'>;
133
133
  size?: SpitButtonSize;
134
134
  } & Omit<ComponentProps<typeof Button>, 'variant' | 'size' | 'icon'>;
135
- declare const SplitButton: (({ ref, disabled, actions, variant, size, isActionsOpen, onActionsOpenChange, icon, children, ...rest }: Props$1M & {
135
+ declare const SplitButton: (({ ref, disabled, actions, variant, size, isActionsOpen, onActionsOpenChange, icon, children, ...rest }: Props$1N & {
136
136
  ref?: Ref<ElementRef<"button">>;
137
137
  }) => react_jsx_runtime.JSX.Element) & {
138
138
  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
146
146
  Actions: react.ForwardRefExoticComponent<_radix_ui_react_dropdown_menu.DropdownMenuGroupProps & react.RefAttributes<HTMLDivElement>>;
147
147
  };
148
148
 
149
- type Props$1L = {
149
+ type Props$1M = {
150
150
  className?: string;
151
151
  } & PropsWithChildren;
152
152
  declare const MultiActionButtonGroup: {
153
- ({ children, className }: Props$1L): react_jsx_runtime.JSX.Element;
153
+ ({ children, className }: Props$1M): react_jsx_runtime.JSX.Element;
154
154
  Button: ({ disabled, icon, isLoading, label, onClick, tooltipContent, tooltipVariant, "data-testid": dataTestId, }: {
155
155
  disabled?: boolean;
156
156
  icon: react.ReactNode;
@@ -168,11 +168,11 @@ declare const toggleVariants: (props?: ({
168
168
  size?: "small" | "medium" | "large" | null | undefined;
169
169
  iconOnly?: boolean | null | undefined;
170
170
  } & class_variance_authority_types.ClassProp) | undefined) => string;
171
- type Props$1K = {
171
+ type Props$1L = {
172
172
  icon?: ReactNode;
173
173
  badge?: ReactNode;
174
174
  } & ComponentProps<typeof Root> & Omit<VariantProps<typeof toggleVariants>, 'iconOnly'>;
175
- declare const Toggle: ({ ref, className, variant, size, children, icon, badge, disabled, ...props }: Props$1K & {
175
+ declare const Toggle: ({ ref, className, variant, size, children, icon, badge, disabled, ...props }: Props$1L & {
176
176
  ref?: Ref<ElementRef<"button">>;
177
177
  }) => react_jsx_runtime.JSX.Element;
178
178
 
@@ -193,11 +193,11 @@ declare const ToggleGroup: (({ ref, className, size, ...props }: RootProps$5 & {
193
193
  declare const tooltipVariants: (props?: ({
194
194
  variant?: "action" | "explanatory" | null | undefined;
195
195
  } & class_variance_authority_types.ClassProp) | undefined) => string;
196
- type Props$1J = {
196
+ type Props$1K = {
197
197
  keepOpenOnPointerDownOutside?: boolean;
198
198
  placement?: ComponentProps<typeof Content>['side'];
199
199
  } & Omit<ComponentProps<typeof Content>, 'side'> & VariantProps<typeof tooltipVariants>;
200
- declare const TooltipContent: ({ className, variant, keepOpenOnPointerDownOutside, children, onPointerDownOutside, sideOffset, collisionPadding, hideWhenDetached, placement, ...rest }: Props$1J) => react_jsx_runtime.JSX.Element;
200
+ declare const TooltipContent: ({ className, variant, keepOpenOnPointerDownOutside, children, onPointerDownOutside, sideOffset, collisionPadding, hideWhenDetached, placement, ...rest }: Props$1K) => react_jsx_runtime.JSX.Element;
201
201
 
202
202
  type TriggerProps$1 = {
203
203
  triggerAsChild?: boolean;
@@ -206,7 +206,7 @@ type TriggerProps$1 = {
206
206
  * Props for `Tooltip`. `tooltip` is the popup content; `children` is the trigger element.
207
207
  * `variant` auto-resolves to `"explanatory"` for strings >30 chars, else `"action"`.
208
208
  */
209
- type Props$1I = {
209
+ type Props$1J = {
210
210
  /** Keep the tooltip visible when the user clicks the trigger (useful for click-to-copy feedback). */
211
211
  keepOpenOnTriggerClick?: boolean;
212
212
  /** 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
236
236
  * @see RECIPES.md#disabled-button-tooltip — for the disabled-button + tooltip pattern
237
237
  */
238
238
  declare const Tooltip: {
239
- ({ tooltip, children, className, keepOpenOnTriggerClick, variant, placement, forceHide, forceShow, triggerAsChild, }: Props$1I): react_jsx_runtime.JSX.Element;
239
+ ({ tooltip, children, className, keepOpenOnTriggerClick, variant, placement, forceHide, forceShow, triggerAsChild, }: Props$1J): react_jsx_runtime.JSX.Element;
240
240
  Root: ({ children, delayDuration, ...rest }: _radix_ui_react_tooltip.TooltipProps) => react_jsx_runtime.JSX.Element;
241
241
  Content: ({ className, variant, keepOpenOnPointerDownOutside, children, onPointerDownOutside, sideOffset, collisionPadding, hideWhenDetached, placement, ...rest }: {
242
242
  keepOpenOnPointerDownOutside?: boolean;
@@ -251,33 +251,33 @@ declare const Tooltip: {
251
251
  }) => react_jsx_runtime.JSX.Element;
252
252
  };
253
253
 
254
- type Props$1H = {
255
- tooltip?: Props$1I['tooltip'];
256
- tooltipPlacement?: Props$1I['placement'];
257
- tooltipVariant?: Props$1I['variant'];
258
- asChild?: Props$1I['triggerAsChild'];
254
+ type Props$1I = {
255
+ tooltip?: Props$1J['tooltip'];
256
+ tooltipPlacement?: Props$1J['placement'];
257
+ tooltipVariant?: Props$1J['variant'];
258
+ asChild?: Props$1J['triggerAsChild'];
259
259
  text?: string | (() => string);
260
260
  } & ComponentProps<'button'>;
261
- declare const Clipboard: ({ ref, text: textProp, children, tooltip, tooltipPlacement, tooltipVariant: tooltipVariantProp, asChild, onClick, className, ...restButtonProps }: Props$1H & {
261
+ declare const Clipboard: ({ ref, text: textProp, children, tooltip, tooltipPlacement, tooltipVariant: tooltipVariantProp, asChild, onClick, className, ...restButtonProps }: Props$1I & {
262
262
  ref?: Ref<ElementRef<"button">>;
263
263
  }) => react_jsx_runtime.JSX.Element;
264
264
 
265
265
  type ClipboardProps$1 = Pick<ComponentProps<typeof Clipboard>, 'text' | 'tooltip' | 'tooltipPlacement' | 'tooltipVariant'>;
266
266
  type ButtonProps$2 = Omit<ComponentProps<typeof Button>, 'disabled' | 'icon'>;
267
- type Props$1G = ClipboardProps$1 & ButtonProps$2 & {
267
+ type Props$1H = ClipboardProps$1 & ButtonProps$2 & {
268
268
  icon?: ReactNode;
269
269
  };
270
- declare const ClipboardButton: ({ text, tooltip, tooltipPlacement, tooltipVariant, icon, variant, children, ...rest }: Props$1G) => react_jsx_runtime.JSX.Element;
270
+ declare const ClipboardButton: ({ text, tooltip, tooltipPlacement, tooltipVariant, icon, variant, children, ...rest }: Props$1H) => react_jsx_runtime.JSX.Element;
271
271
 
272
272
  type ClipboardProps = Pick<ComponentProps<typeof Clipboard>, 'text' | 'tooltip' | 'tooltipPlacement' | 'tooltipVariant'>;
273
273
  type ButtonProps$1 = Omit<ComponentProps<typeof ButtonInline>, 'disabled'>;
274
- type Props$1F = {
274
+ type Props$1G = {
275
275
  hideIcon?: boolean;
276
276
  } & ClipboardProps & ButtonProps$1;
277
- declare const ClipboardInline: ({ text, tooltip, tooltipPlacement, tooltipVariant, children, hideIcon, ...rest }: Props$1F) => react_jsx_runtime.JSX.Element;
277
+ declare const ClipboardInline: ({ text, tooltip, tooltipPlacement, tooltipVariant, children, hideIcon, ...rest }: Props$1G) => react_jsx_runtime.JSX.Element;
278
278
 
279
- type Props$1E = ComponentProps<'a'>;
280
- declare const Link: ({ ref, children, target, rel, onClick, className, ...rest }: Props$1E & {
279
+ type Props$1F = ComponentProps<'a'>;
280
+ declare const Link: ({ ref, children, target, rel, onClick, className, ...rest }: Props$1F & {
281
281
  ref?: Ref<ElementRef<"a">>;
282
282
  }) => react_jsx_runtime.JSX.Element;
283
283
 
@@ -289,13 +289,13 @@ type AlertModalVariant = 'info' | 'warning' | 'danger' | 'success';
289
289
 
290
290
  type ConfirmHandler = (event: MouseEvent$1<HTMLButtonElement>) => void | Promise<unknown>;
291
291
  type CancelHandler = (event: MouseEvent$1<HTMLButtonElement>) => void;
292
- type Props$1D = {
292
+ type Props$1E = {
293
293
  onConfirm?: ConfirmHandler;
294
294
  onCancel?: CancelHandler;
295
295
  skipAsyncWait?: boolean;
296
296
  } & ComponentProps<typeof Root$1>;
297
297
  declare const AlertModal: {
298
- ({ children, onConfirm, onCancel, skipAsyncWait, open, defaultOpen, onOpenChange, ...rest }: Props$1D): react_jsx_runtime.JSX.Element;
298
+ ({ children, onConfirm, onCancel, skipAsyncWait, open, defaultOpen, onOpenChange, ...rest }: Props$1E): react_jsx_runtime.JSX.Element;
299
299
  Trigger: ({ ref, onClick, onKeyDown, ...props }: _radix_ui_react_alert_dialog.AlertDialogTriggerProps & react.RefAttributes<HTMLButtonElement>) => react_jsx_runtime.JSX.Element;
300
300
  Content: ({ variant, icon, title, cancelLabel, confirmLabel: actionLabel, container, className, children, onEscapeKeyDown, ...props }: {
301
301
  variant?: AlertModalVariant;
@@ -311,7 +311,7 @@ declare const AlertModal: {
311
311
  * Props for the `Modal` root — forwarded to Radix `Dialog.Root` (controls `open`, `onOpenChange`,
312
312
  * `defaultOpen`, `modal`).
313
313
  */
314
- type Props$1C = ComponentProps<typeof Root$2>;
314
+ type Props$1D = ComponentProps<typeof Root$2>;
315
315
  /**
316
316
  * Blocking dialog for confirmations, forms, and detail views. Built on Radix Dialog.
317
317
  *
@@ -327,7 +327,7 @@ type Props$1C = ComponentProps<typeof Root$2>;
327
327
  * @see RECIPES.md#confirm-dialog — for destructive-confirm dialogs
328
328
  */
329
329
  declare const Modal: {
330
- (props: Props$1C): react_jsx_runtime.JSX.Element;
330
+ (props: Props$1D): react_jsx_runtime.JSX.Element;
331
331
  /** Radix `Dialog.Close` re-export — closes the nearest `Modal` when clicked. Use `asChild` to wrap a `Button`. */
332
332
  Close: react.ForwardRefExoticComponent<_radix_ui_react_dialog.DialogCloseProps & react.RefAttributes<HTMLButtonElement>>;
333
333
  /** Radix `Dialog.Trigger` re-export — opens the modal. Use `asChild` to wrap a `Button`. */
@@ -389,7 +389,7 @@ declare const FullScreenModal: (({ children, className, lockBodyScroll, onEscape
389
389
  }) => react_jsx_runtime.JSX.Element;
390
390
  };
391
391
 
392
- type Props$1B = PropsWithChildren<Omit<HTMLAttributes<HTMLDivElement>, 'title'> & {
392
+ type Props$1C = PropsWithChildren<Omit<HTMLAttributes<HTMLDivElement>, 'title'> & {
393
393
  title: ReactNode;
394
394
  titleClassName?: string;
395
395
  titleWrapperClassName?: string;
@@ -398,16 +398,16 @@ type Props$1B = PropsWithChildren<Omit<HTMLAttributes<HTMLDivElement>, 'title'>
398
398
  onClose?: () => void;
399
399
  showPreviousTitle?: boolean;
400
400
  }>;
401
- declare const FullScreenModalHeader: ({ title, titleClassName, titleWrapperClassName, defaultTitleStyles, isTitleWithIcon, children, onClose, className, showPreviousTitle, ...props }: Props$1B) => react_jsx_runtime.JSX.Element;
401
+ declare const FullScreenModalHeader: ({ title, titleClassName, titleWrapperClassName, defaultTitleStyles, isTitleWithIcon, children, onClose, className, showPreviousTitle, ...props }: Props$1C) => react_jsx_runtime.JSX.Element;
402
402
 
403
- type Props$1A = HTMLAttributes<HTMLDivElement>;
404
- declare const FullScreenModalBody: ({ ref, className, children, ...props }: Props$1A & {
403
+ type Props$1B = HTMLAttributes<HTMLDivElement>;
404
+ declare const FullScreenModalBody: ({ ref, className, children, ...props }: Props$1B & {
405
405
  ref?: Ref<HTMLDivElement>;
406
406
  }) => react_jsx_runtime.JSX.Element;
407
407
 
408
- type Props$1z = ComponentProps<typeof Root$2>;
408
+ type Props$1A = ComponentProps<typeof Root$2>;
409
409
  declare const Sheet: {
410
- (props: Props$1z): react_jsx_runtime.JSX.Element;
410
+ (props: Props$1A): react_jsx_runtime.JSX.Element;
411
411
  Close: react.ForwardRefExoticComponent<_radix_ui_react_dialog.DialogCloseProps & react.RefAttributes<HTMLButtonElement>>;
412
412
  Trigger: react.ForwardRefExoticComponent<_radix_ui_react_dialog.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>>;
413
413
  Content: ({ className, children, side, disableTransition, hideOverlay, keepOpenOnPointerDownOutside, onPointerDownOutside, onInteractOutside, container, ...props }: _radix_ui_react_dialog.DialogContentProps & react.RefAttributes<HTMLDivElement> & {
@@ -430,9 +430,9 @@ declare const Sheet: {
430
430
  Body: ({ className, ...rest }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => react_jsx_runtime.JSX.Element;
431
431
  };
432
432
 
433
- type Props$1y = ComponentProps<typeof Root$3>;
433
+ type Props$1z = ComponentProps<typeof Root$3>;
434
434
  declare const Popover: {
435
- (props: Props$1y): react_jsx_runtime.JSX.Element;
435
+ (props: Props$1z): react_jsx_runtime.JSX.Element;
436
436
  /**
437
437
  * Main Layout
438
438
  */
@@ -454,12 +454,12 @@ type PopconfirmContextType = {
454
454
  isLoading: boolean;
455
455
  };
456
456
 
457
- type Props$1x = {
457
+ type Props$1y = {
458
458
  children: ReactNode;
459
459
  skipAsyncWait?: boolean;
460
460
  } & ComponentProps<typeof Popover> & Omit<Partial<PopconfirmContextType>, 'isLoading'>;
461
461
  declare const Popconfirm: {
462
- ({ children, onConfirm, onCancel, variant, enabled, onOpenChange, open, skipAsyncWait, ...rest }: Props$1x): react_jsx_runtime.JSX.Element;
462
+ ({ children, onConfirm, onCancel, variant, enabled, onOpenChange, open, skipAsyncWait, ...rest }: Props$1y): react_jsx_runtime.JSX.Element;
463
463
  Confirm: ({ ref, onClick, children, asChild, className, ...props }: (({
464
464
  asChild: true;
465
465
  } & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement>) | ({
@@ -812,18 +812,18 @@ declare const Popconfirm: {
812
812
  Trigger: ({ onClick, ...props }: _radix_ui_react_popover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>) => react_jsx_runtime.JSX.Element;
813
813
  };
814
814
 
815
- type Props$1w = ComponentProps<typeof Root$4>;
815
+ type Props$1x = ComponentProps<typeof Root$4>;
816
816
  declare const HoverCard: {
817
- ({ openDelay, closeDelay, ...rest }: Props$1w): react_jsx_runtime.JSX.Element;
817
+ ({ openDelay, closeDelay, ...rest }: Props$1x): react_jsx_runtime.JSX.Element;
818
818
  Content: ({ ref, className, align, sideOffset, children, ...props }: Omit<_radix_ui_react_hover_card.HoverCardContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
819
819
  ref?: react.Ref<react.ElementRef<react.ForwardRefExoticComponent<_radix_ui_react_hover_card.HoverCardContentProps & react.RefAttributes<HTMLDivElement>>>>;
820
820
  }) => react_jsx_runtime.JSX.Element;
821
821
  Trigger: react.ForwardRefExoticComponent<_radix_ui_react_hover_card.HoverCardTriggerProps & react.RefAttributes<HTMLAnchorElement>>;
822
822
  };
823
823
 
824
- type Props$1v = ComponentProps<typeof Root$5>;
824
+ type Props$1w = ComponentProps<typeof Root$5>;
825
825
  declare const DropdownMenu: {
826
- ({ modal, ...props }: Props$1v): react_jsx_runtime.JSX.Element;
826
+ ({ modal, ...props }: Props$1w): react_jsx_runtime.JSX.Element;
827
827
  /**
828
828
  * Main Layout
829
829
  */
@@ -879,14 +879,14 @@ declare const DropdownMenu: {
879
879
  }) => react_jsx_runtime.JSX.Element;
880
880
  };
881
881
 
882
- type Props$1u = {
882
+ type Props$1v = {
883
883
  variant?: 'checkbox' | 'radio' | 'default';
884
884
  };
885
- declare const CheckIndicator: ({ variant }: Props$1u) => react_jsx_runtime.JSX.Element | null;
885
+ declare const CheckIndicator: ({ variant }: Props$1v) => react_jsx_runtime.JSX.Element | null;
886
886
 
887
- type Props$1t = ComponentProps<typeof Command$1>;
887
+ type Props$1u = ComponentProps<typeof Command$1>;
888
888
  declare const Command: {
889
- ({ className, ...rest }: Props$1t): react_jsx_runtime.JSX.Element;
889
+ ({ className, ...rest }: Props$1u): react_jsx_runtime.JSX.Element;
890
890
  Content: ({ className, ...rest }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => react_jsx_runtime.JSX.Element;
891
891
  Separator: ({ className, ...props }: Pick<Pick<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof react.HTMLAttributes<HTMLDivElement>> & {
892
892
  ref?: React.Ref<HTMLDivElement>;
@@ -1282,25 +1282,25 @@ declare const Command: {
1282
1282
  declare const addonVariants$1: (props?: ({
1283
1283
  align?: "inline-start" | "inline-end" | "block-start" | "block-end" | null | undefined;
1284
1284
  } & class_variance_authority_types.ClassProp) | undefined) => string;
1285
- type Props$1s = ComponentProps<'div'> & VariantProps<typeof addonVariants$1>;
1286
- declare const InputGroupAddon: ({ children, align, className, ...props }: Props$1s) => react_jsx_runtime.JSX.Element;
1285
+ type Props$1t = ComponentProps<'div'> & VariantProps<typeof addonVariants$1>;
1286
+ declare const InputGroupAddon: ({ children, align, className, ...props }: Props$1t) => react_jsx_runtime.JSX.Element;
1287
1287
 
1288
1288
  type ButtonProps = ComponentProps<typeof Button>;
1289
- type Props$1r = Omit<ButtonProps, 'size' | 'block' | 'variant'>;
1290
- declare const InputGroupButton: ({ ref, className, tabIndex, ...props }: Props$1r & {
1289
+ type Props$1s = Omit<ButtonProps, 'size' | 'block' | 'variant'>;
1290
+ declare const InputGroupButton: ({ ref, className, tabIndex, ...props }: Props$1s & {
1291
1291
  ref?: Ref<ElementRef<"button">>;
1292
1292
  }) => react_jsx_runtime.JSX.Element;
1293
1293
 
1294
- type Props$1q = ComponentProps<'input'>;
1295
- declare const InputGroupInput: ({ ref, className, ...inputProps }: Props$1q & {
1294
+ type Props$1r = ComponentProps<'input'>;
1295
+ declare const InputGroupInput: ({ ref, className, ...inputProps }: Props$1r & {
1296
1296
  ref?: Ref<ElementRef<"input">>;
1297
1297
  }) => react_jsx_runtime.JSX.Element;
1298
1298
 
1299
- type Props$1p = ComponentProps<'span'>;
1300
- declare const InputGroupText: ({ className, ...props }: Props$1p) => react_jsx_runtime.JSX.Element;
1299
+ type Props$1q = ComponentProps<'span'>;
1300
+ declare const InputGroupText: ({ className, ...props }: Props$1q) => react_jsx_runtime.JSX.Element;
1301
1301
 
1302
1302
  type TextareaNativeProps$1 = Omit<ComponentProps<typeof react_textarea_autosize__default>, 'value' | 'defaultValue' | 'rows' | 'maxRows'>;
1303
- type Props$1o = TextareaNativeProps$1 & {
1303
+ type Props$1p = TextareaNativeProps$1 & {
1304
1304
  value?: string | null;
1305
1305
  defaultValue?: string | null;
1306
1306
  onValueChange?: (value: string) => void;
@@ -1308,7 +1308,7 @@ type Props$1o = TextareaNativeProps$1 & {
1308
1308
  maxRows?: number | 'unlimited';
1309
1309
  disableResize?: boolean;
1310
1310
  };
1311
- declare const InputGroupTextArea: ({ ref, className, onChange, onValueChange, value, defaultValue, onBlur, onValueBlur, disableResize, minRows, maxRows, ...props }: Props$1o & {
1311
+ declare const InputGroupTextArea: ({ ref, className, onChange, onValueChange, value, defaultValue, onBlur, onValueBlur, disableResize, minRows, maxRows, ...props }: Props$1p & {
1312
1312
  ref?: Ref<ElementRef<"textarea">>;
1313
1313
  }) => react_jsx_runtime.JSX.Element;
1314
1314
 
@@ -1318,10 +1318,10 @@ declare const inputGroupVariants: (props?: ({
1318
1318
  sizing?: "small" | "medium" | "default" | null | undefined;
1319
1319
  state?: "default" | "error" | "warning" | null | undefined;
1320
1320
  } & class_variance_authority_types.ClassProp) | undefined) => string;
1321
- type Props$1n = ComponentProps<'div'> & Omit<VariantProps<typeof inputGroupVariants>, 'variant'> & {
1321
+ type Props$1o = ComponentProps<'div'> & Omit<VariantProps<typeof inputGroupVariants>, 'variant'> & {
1322
1322
  variant?: Exclude<VariantProps<typeof inputGroupVariants>['variant'], 'argo'>;
1323
1323
  };
1324
- declare const InputGroupRoot: ({ ref, children, state, variant, sizing, focusVariant, className, ...props }: Props$1n & {
1324
+ declare const InputGroupRoot: ({ ref, children, state, variant, sizing, focusVariant, className, ...props }: Props$1o & {
1325
1325
  ref?: Ref<ElementRef<"div">>;
1326
1326
  }) => react_jsx_runtime.JSX.Element;
1327
1327
  declare const InputGroup: typeof InputGroupRoot & {
@@ -1348,7 +1348,7 @@ type OwnProps$1 = {
1348
1348
  * Props for `Input`. Combines `InputGroup` chrome (variant / sizing / state / focusVariant) with
1349
1349
  * input-specific slots (`prefix`, `leftSuffix`, `rightSuffix`, `allowClear`).
1350
1350
  */
1351
- type Props$1m = InputGroupProps$6 & OwnProps$1 & Omit<ComponentProps<'input'>, 'prefix' | 'value' | 'defaultValue'>;
1351
+ type Props$1n = InputGroupProps$6 & OwnProps$1 & Omit<ComponentProps<'input'>, 'prefix' | 'value' | 'defaultValue'>;
1352
1352
  /**
1353
1353
  * Low-level text input with `InputGroup` chrome — addons, clear button, sizing, focus variants.
1354
1354
  *
@@ -1358,12 +1358,12 @@ type Props$1m = InputGroupProps$6 & OwnProps$1 & Omit<ComponentProps<'input'>, '
1358
1358
  * `FormGroup.TextInput`; for search use `SearchInput`; for forms with validation use `useAppForm`.
1359
1359
  * **Composition:** wrap in `FormGroup` for shared error state, or render directly as a controlled input.
1360
1360
  */
1361
- declare const Input$1: ({ ref: forwardedRef, state, sizing, className, prefix, rightSuffix, rightSuffixVariant, leftSuffix, allowClear, onClear, disabled, testId: prefixTestId, autoFocus, id, name, variant, readOnly, type, focusVariant, onChange, onBlur, value, defaultValue, ...inputProps }: Props$1m & {
1361
+ 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 & {
1362
1362
  ref?: Ref<ElementRef<"input">>;
1363
1363
  }) => react_jsx_runtime.JSX.Element;
1364
1364
 
1365
1365
  type InputProps$2 = ComponentProps<typeof Input$1>;
1366
- type Props$1l = Omit<InputProps$2, 'type' | 'value' | 'defaultValue'> & {
1366
+ type Props$1m = Omit<InputProps$2, 'type' | 'value' | 'defaultValue'> & {
1367
1367
  defaultValue?: Date | null;
1368
1368
  disabledDays?: Matcher | Matcher[];
1369
1369
  endMonth?: Date;
@@ -1372,12 +1372,12 @@ type Props$1l = Omit<InputProps$2, 'type' | 'value' | 'defaultValue'> & {
1372
1372
  startMonth?: Date;
1373
1373
  value?: Date | null;
1374
1374
  };
1375
- declare const DateInput: ({ ref, defaultValue, disabled, disabledDays, endMonth, onBlur, onChange, onValueBlur, onValueChange, placeholder, readOnly, startMonth, value, variant, ...props }: Props$1l & {
1375
+ declare const DateInput: ({ ref, defaultValue, disabled, disabledDays, endMonth, onBlur, onChange, onValueBlur, onValueChange, placeholder, readOnly, startMonth, value, variant, ...props }: Props$1m & {
1376
1376
  ref?: Ref<ElementRef<"input">>;
1377
1377
  }) => react_jsx_runtime.JSX.Element;
1378
1378
 
1379
1379
  type InputProps$1 = ComponentProps<typeof Input$1>;
1380
- type Props$1k = Omit<InputProps$1, 'type' | 'value' | 'defaultValue'> & {
1380
+ type Props$1l = Omit<InputProps$1, 'type' | 'value' | 'defaultValue'> & {
1381
1381
  defaultValue?: DateRange$1 | null;
1382
1382
  endMonth?: Date;
1383
1383
  onValueBlur?: (value: DateRange$1 | null) => void;
@@ -1385,7 +1385,7 @@ type Props$1k = Omit<InputProps$1, 'type' | 'value' | 'defaultValue'> & {
1385
1385
  startMonth?: Date;
1386
1386
  value?: DateRange$1 | null;
1387
1387
  };
1388
- declare const DateRangeInput: ({ ref, defaultValue, disabled, endMonth, onBlur, onChange, onValueBlur, onValueChange, placeholder, readOnly, startMonth, value, ...props }: Props$1k & {
1388
+ declare const DateRangeInput: ({ ref, defaultValue, disabled, endMonth, onBlur, onChange, onValueBlur, onValueChange, placeholder, readOnly, startMonth, value, ...props }: Props$1l & {
1389
1389
  ref?: Ref<ElementRef<"input">>;
1390
1390
  }) => react_jsx_runtime.JSX.Element;
1391
1391
 
@@ -1403,7 +1403,7 @@ type OwnProps = {
1403
1403
  * Props for `TextInput`. Extends `Input` with string-typed `value` / `defaultValue` and convenience
1404
1404
  * `onValueChange` / `onValueBlur` callbacks. `null` / `undefined` are coerced to empty strings.
1405
1405
  */
1406
- type Props$1j = OwnProps & NativeProps;
1406
+ type Props$1k = OwnProps & NativeProps;
1407
1407
  /**
1408
1408
  * Standard text input with a string-only API. The default choice for a bare text input.
1409
1409
  *
@@ -1415,53 +1415,53 @@ type Props$1j = OwnProps & NativeProps;
1415
1415
  * page layouts. Chrome resolves from the active brand automatically: a modern brand always renders argo
1416
1416
  * (any `variant` is ignored), while `variant` only tunes the legacy-brand chrome.
1417
1417
  */
1418
- declare const TextInput: ({ ref, value, defaultValue, type, variant, onValueChange, onChange, onValueBlur, onBlur, ...props }: Props$1j & {
1418
+ declare const TextInput: ({ ref, value, defaultValue, type, variant, onValueChange, onChange, onValueBlur, onBlur, ...props }: Props$1k & {
1419
1419
  ref?: Ref<ElementRef<"input">>;
1420
1420
  }) => react_jsx_runtime.JSX.Element;
1421
1421
 
1422
1422
  type InputProps = ComponentProps<typeof Input$1>;
1423
- type Props$1i = Omit<InputProps, 'type' | 'value' | 'defaultValue' | 'rightSuffix' | 'rightSuffixVariant'> & {
1423
+ type Props$1j = Omit<InputProps, 'type' | 'value' | 'defaultValue' | 'rightSuffix' | 'rightSuffixVariant'> & {
1424
1424
  value?: string | null;
1425
1425
  defaultValue?: string | null;
1426
1426
  onValueChange?: (value: string | null) => void;
1427
1427
  onValueBlur?: (value: string | null) => void;
1428
1428
  };
1429
- declare const TimeInput: ({ ref, defaultValue, disabled, onBlur, onChange, onValueBlur, onValueChange, placeholder, readOnly, value, variant, className, ...props }: Props$1i & {
1429
+ declare const TimeInput: ({ ref, defaultValue, disabled, onBlur, onChange, onValueBlur, onValueChange, placeholder, readOnly, value, variant, className, ...props }: Props$1j & {
1430
1430
  ref?: Ref<ElementRef<"input">>;
1431
1431
  }) => react_jsx_runtime.JSX.Element;
1432
1432
 
1433
- type Props$1h = ComponentProps<typeof TextInput>;
1434
- declare const CommandInput: ({ ref, className, ...props }: Props$1h & {
1433
+ type Props$1i = ComponentProps<typeof TextInput>;
1434
+ declare const CommandInput: ({ ref, className, ...props }: Props$1i & {
1435
1435
  ref?: Ref<ElementRef<"input">>;
1436
1436
  }) => react_jsx_runtime.JSX.Element;
1437
1437
 
1438
- type Props$1g = ComponentProps<typeof ScrollAreaPrimitive.Root> & {
1438
+ type Props$1h = ComponentProps<typeof ScrollAreaPrimitive.Root> & {
1439
1439
  viewPortClassName?: string;
1440
1440
  scrollBarClassName?: string;
1441
1441
  orientation?: ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>['orientation'];
1442
1442
  };
1443
- declare const ScrollArea: ({ ref, className, children, viewPortClassName, orientation, scrollBarClassName, ...props }: Props$1g & {
1443
+ declare const ScrollArea: ({ ref, className, children, viewPortClassName, orientation, scrollBarClassName, ...props }: Props$1h & {
1444
1444
  ref?: Ref<ElementRef<"div">>;
1445
1445
  }) => react_jsx_runtime.JSX.Element;
1446
1446
 
1447
- type Props$1f = ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>;
1448
- declare const ScrollBar: ({ className, orientation, ...props }: Props$1f) => react_jsx_runtime.JSX.Element;
1447
+ type Props$1g = ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>;
1448
+ declare const ScrollBar: ({ className, orientation, ...props }: Props$1g) => react_jsx_runtime.JSX.Element;
1449
1449
 
1450
- type Props$1e = ComponentProps<typeof Command$1.List> & Pick<ComponentProps<typeof ScrollArea>, 'viewPortClassName'>;
1451
- declare const CommandList: ({ ref, className, children, viewPortClassName, ...props }: Props$1e & {
1450
+ type Props$1f = ComponentProps<typeof Command$1.List> & Pick<ComponentProps<typeof ScrollArea>, 'viewPortClassName'>;
1451
+ declare const CommandList: ({ ref, className, children, viewPortClassName, ...props }: Props$1f & {
1452
1452
  ref?: Ref<ElementRef<"div">>;
1453
1453
  }) => react_jsx_runtime.JSX.Element;
1454
1454
 
1455
- type Props$1d = ComponentProps<typeof Command$1.Group>;
1456
- declare const CommandGroup: ({ className, ...props }: Props$1d) => react_jsx_runtime.JSX.Element;
1455
+ type Props$1e = ComponentProps<typeof Command$1.Group>;
1456
+ declare const CommandGroup: ({ className, ...props }: Props$1e) => react_jsx_runtime.JSX.Element;
1457
1457
 
1458
- type Props$1c = ComponentProps<typeof Command$1.Item> & {
1458
+ type Props$1d = ComponentProps<typeof Command$1.Item> & {
1459
1459
  icon?: ReactNode;
1460
1460
  checked?: boolean;
1461
1461
  variant?: ComponentProps<typeof CheckIndicator>['variant'];
1462
1462
  actions?: ReactNode;
1463
1463
  };
1464
- declare const CommandItem: ({ className, icon, children, checked, variant, actions, ...props }: Props$1c) => react_jsx_runtime.JSX.Element;
1464
+ declare const CommandItem: ({ className, icon, children, checked, variant, actions, ...props }: Props$1d) => react_jsx_runtime.JSX.Element;
1465
1465
 
1466
1466
  type CalendarProps = Omit<PropsBase, 'required' | 'captionLayout'> & (PropsSingle | PropsRange);
1467
1467
  declare const Calendar: {
@@ -1505,13 +1505,13 @@ declare const DateRangePicker: {
1505
1505
  displayName: string;
1506
1506
  };
1507
1507
 
1508
- type Props$1b = {
1508
+ type Props$1c = {
1509
1509
  children?: ReactNode;
1510
1510
  defaultSelected?: string | null;
1511
1511
  selected?: string | null;
1512
1512
  onSelect?: (time: string) => void;
1513
1513
  } & Pick<PopoverProps, 'open' | 'onOpenChange' | 'defaultOpen'> & Pick<PopoverContentProps, 'align' | 'alignOffset' | 'sideOffset'>;
1514
- declare const TimePicker: ({ align, alignOffset, children, defaultOpen, defaultSelected, onOpenChange, onSelect, open, selected, sideOffset, }: Props$1b) => react_jsx_runtime.JSX.Element;
1514
+ declare const TimePicker: ({ align, alignOffset, children, defaultOpen, defaultSelected, onOpenChange, onSelect, open, selected, sideOffset, }: Props$1c) => react_jsx_runtime.JSX.Element;
1515
1515
 
1516
1516
  type LabelProps = {
1517
1517
  id?: string | number;
@@ -1533,21 +1533,21 @@ declare const switchVariants: (props?: ({
1533
1533
  size?: "small" | "medium" | "large" | null | undefined;
1534
1534
  } & class_variance_authority_types.ClassProp) | undefined) => string;
1535
1535
 
1536
- type Props$1a = {
1536
+ type Props$1b = {
1537
1537
  id?: string | number;
1538
1538
  children?: ReactNode;
1539
1539
  description?: ReactNode;
1540
1540
  variant?: VariantProps<typeof fieldBoxVariants>['variant'];
1541
1541
  position?: 'start' | 'end';
1542
1542
  } & Omit<ComponentProps<typeof Root$6>, 'asChild' | 'id'> & Omit<VariantProps<typeof switchVariants>, 'variant'>;
1543
- declare const Switch: ({ ref, className, size, disabled, id: idProp, children, description, variant, position, ...props }: Props$1a & {
1543
+ declare const Switch: ({ ref, className, size, disabled, id: idProp, children, description, variant, position, ...props }: Props$1b & {
1544
1544
  ref?: Ref<ElementRef<"button">>;
1545
1545
  }) => react_jsx_runtime.JSX.Element;
1546
1546
 
1547
1547
  type Variant$7 = 'radio' | 'button' | 'radio-block';
1548
1548
  type Orientation = 'vertical' | 'horizontal';
1549
1549
 
1550
- type Props$19<Value> = {
1550
+ type Props$1a<Value> = {
1551
1551
  variant?: Variant$7;
1552
1552
  orientation?: Orientation;
1553
1553
  onValueChange?: (value: Value) => void;
@@ -1555,7 +1555,7 @@ type Props$19<Value> = {
1555
1555
  defaultValue?: Value | null;
1556
1556
  } & Omit<ComponentProps<typeof RRadioGroup.Root>, 'asChild' | 'orientation' | 'onValueChange' | 'onChange' | 'value' | 'defaultValue'>;
1557
1557
  declare const RadioGroup: {
1558
- <Value extends string = string>({ variant, className, disabled, orientation, onValueChange, children, value, defaultValue, ...props }: Props$19<Value>): react_jsx_runtime.JSX.Element;
1558
+ <Value extends string = string>({ variant, className, disabled, orientation, onValueChange, children, value, defaultValue, ...props }: Props$1a<Value>): react_jsx_runtime.JSX.Element;
1559
1559
  Item: <T extends string = string>({ children, tooltip, tooltipVariant, tooltipPlacement, description, ...props }: {
1560
1560
  content?: string | undefined | undefined;
1561
1561
  translate?: "yes" | "no" | undefined | undefined;
@@ -1852,34 +1852,34 @@ declare const RadioGroup: {
1852
1852
  } & {
1853
1853
  value: T;
1854
1854
  tooltip?: react.ReactNode;
1855
- tooltipVariant?: Props$1I["variant"];
1856
- tooltipPlacement?: Props$1I["placement"];
1855
+ tooltipVariant?: Props$1J["variant"];
1856
+ tooltipPlacement?: Props$1J["placement"];
1857
1857
  description?: react.ReactNode;
1858
1858
  }) => react_jsx_runtime.JSX.Element;
1859
1859
  Separator: () => react_jsx_runtime.JSX.Element;
1860
1860
  };
1861
1861
 
1862
- type Props$18 = ComponentProps<typeof Thumb> & {
1862
+ type Props$19 = ComponentProps<typeof Thumb> & {
1863
1863
  tooltip?: ReactNode;
1864
1864
  tooltipSide?: ComponentProps<typeof Tooltip.Content>['placement'];
1865
1865
  };
1866
- declare const SliderThumb: ({ ref: forwardedRef, className, tooltip, tooltipSide, ...props }: Props$18 & {
1866
+ declare const SliderThumb: ({ ref: forwardedRef, className, tooltip, tooltipSide, ...props }: Props$19 & {
1867
1867
  ref?: Ref<ElementRef<typeof Thumb>>;
1868
1868
  }) => react_jsx_runtime.JSX.Element;
1869
1869
 
1870
1870
  type ThumbTooltipFn = (value: number, index: number) => ReactNode;
1871
- type Props$17 = ComponentProps<typeof Root$7> & {
1871
+ type Props$18 = ComponentProps<typeof Root$7> & {
1872
1872
  thumbTooltip?: ThumbTooltipFn;
1873
1873
  thumbTooltipSide?: ComponentProps<typeof SliderThumb>['tooltipSide'];
1874
1874
  rangeClassName?: string;
1875
1875
  };
1876
- declare const Slider: ({ ref, className, value, defaultValue, min, max, onValueChange, thumbTooltip, thumbTooltipSide, rangeClassName, ...rest }: Props$17 & {
1876
+ declare const Slider: ({ ref, className, value, defaultValue, min, max, onValueChange, thumbTooltip, thumbTooltipSide, rangeClassName, ...rest }: Props$18 & {
1877
1877
  ref?: Ref<ElementRef<typeof Root$7>>;
1878
1878
  }) => react_jsx_runtime.JSX.Element;
1879
1879
 
1880
1880
  type SearchChangeEventHandler = (value: string, event: ChangeEvent<HTMLInputElement> | MouseEvent$1<HTMLButtonElement>) => void;
1881
1881
  type SearchBlurEventHandler = (value: string, event: FocusEvent$1<HTMLInputElement, Element>) => void;
1882
- type Props$16 = {
1882
+ type Props$17 = {
1883
1883
  suffix?: ReactNode;
1884
1884
  disableDebounce?: boolean;
1885
1885
  debounceDelay?: number;
@@ -1894,14 +1894,14 @@ type Props$16 = {
1894
1894
  /**
1895
1895
  * @deprecated Use `SearchInput` instead. `Search` is kept only for the legacy (non-sidebar) layout.
1896
1896
  */
1897
- declare const Search: ({ ref, suffix, className, onBlur, onChange, disabled, readOnly, disableDebounce, debounceDelay, value: externalValue, defaultValue, testId: prefixTestId, placeholder, onClear, variant, ...rest }: Props$16 & {
1897
+ declare const Search: ({ ref, suffix, className, onBlur, onChange, disabled, readOnly, disableDebounce, debounceDelay, value: externalValue, defaultValue, testId: prefixTestId, placeholder, onClear, variant, ...rest }: Props$17 & {
1898
1898
  ref?: Ref<ElementRef<"input">>;
1899
1899
  }) => react_jsx_runtime.JSX.Element;
1900
1900
 
1901
- type Props$15 = {
1901
+ type Props$16 = {
1902
1902
  onSubmit: (value: string) => void;
1903
1903
  } & Omit<ComponentProps<typeof Search>, 'onClear' | 'onBlur' | 'onSubmit'>;
1904
- declare const SearchForm: ({ ref, onSubmit, name, ...props }: Props$15 & {
1904
+ declare const SearchForm: ({ ref, onSubmit, name, ...props }: Props$16 & {
1905
1905
  ref?: Ref<ElementRef<"input">>;
1906
1906
  }) => react_jsx_runtime.JSX.Element;
1907
1907
 
@@ -1926,10 +1926,10 @@ declare const variants$2: (props?: ({
1926
1926
  sizing?: "small" | "medium" | "default" | null | undefined;
1927
1927
  state?: "default" | "error" | "warning" | null | undefined;
1928
1928
  } & class_variance_authority_types.ClassProp) | undefined) => string;
1929
- type Props$14 = ComponentProps<typeof _radix_ui_react_select.Trigger> & Omit<VariantProps<typeof variants$2>, 'variant'> & {
1929
+ type Props$15 = ComponentProps<typeof _radix_ui_react_select.Trigger> & Omit<VariantProps<typeof variants$2>, 'variant'> & {
1930
1930
  variant?: Exclude<VariantProps<typeof variants$2>['variant'], 'argo'>;
1931
1931
  } & Pick<ComponentProps<typeof _radix_ui_react_select.Value>, 'placeholder'>;
1932
- declare const SelectTrigger: ({ ref, className, variant, state, sizing, placeholder, ...props }: Props$14 & {
1932
+ declare const SelectTrigger: ({ ref, className, variant, state, sizing, placeholder, ...props }: Props$15 & {
1933
1933
  ref?: Ref<ElementRef<"button">>;
1934
1934
  }) => react_jsx_runtime.JSX.Element;
1935
1935
 
@@ -1948,7 +1948,7 @@ type TriggerProps = ComponentProps<typeof SelectTrigger>;
1948
1948
  * Props for `Select`. Combines Radix `Select.Root` control props with `Select.Trigger` chrome and the
1949
1949
  * convenience `items` shape (flat list, or grouped lists with optional labels).
1950
1950
  */
1951
- type Props$13 = Pick<SelectRootProps, 'value' | 'defaultValue' | 'onValueChange' | 'disabled' | 'name' | 'required' | 'open' | 'defaultOpen' | 'onOpenChange'> & Pick<TriggerProps, 'variant' | 'state' | 'sizing' | 'placeholder' | 'id' | 'className'> & {
1951
+ type Props$14 = Pick<SelectRootProps, 'value' | 'defaultValue' | 'onValueChange' | 'disabled' | 'name' | 'required' | 'open' | 'defaultOpen' | 'onOpenChange'> & Pick<TriggerProps, 'variant' | 'state' | 'sizing' | 'placeholder' | 'id' | 'className'> & {
1952
1952
  items?: readonly (SelectItem | SelectItemGroup)[];
1953
1953
  };
1954
1954
  /**
@@ -1963,7 +1963,7 @@ type Props$13 = Pick<SelectRootProps, 'value' | 'defaultValue' | 'onValueChange'
1963
1963
  * `Select.Item`) for custom item layouts; the top-level `Select` covers the common cases.
1964
1964
  */
1965
1965
  declare const Select: {
1966
- ({ value, defaultValue, onValueChange, disabled, name, required, open, defaultOpen, onOpenChange, variant, state, sizing, placeholder, id, className, items, }: Props$13): react_jsx_runtime.JSX.Element;
1966
+ ({ value, defaultValue, onValueChange, disabled, name, required, open, defaultOpen, onOpenChange, variant, state, sizing, placeholder, id, className, items, }: Props$14): react_jsx_runtime.JSX.Element;
1967
1967
  Root: (props: SelectRootProps) => react_jsx_runtime.JSX.Element;
1968
1968
  Trigger: ({ ref, className, variant, state, sizing, placeholder, ...props }: (_radix_ui_react_select.SelectTriggerProps & react.RefAttributes<HTMLButtonElement> & Omit<class_variance_authority.VariantProps<(props?: ({
1969
1969
  variant?: "primary" | "secondary" | "argo" | null | undefined;
@@ -1993,51 +1993,51 @@ declare const Select: {
1993
1993
  Separator: ({ className, ...props }: _radix_ui_react_select.SelectSeparatorProps & react.RefAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
1994
1994
  };
1995
1995
 
1996
- type Props$12 = {
1996
+ type Props$13 = {
1997
1997
  id?: string | number;
1998
1998
  description?: ReactNode;
1999
1999
  variant?: VariantProps<typeof fieldBoxVariants>['variant'];
2000
2000
  position?: 'start' | 'end';
2001
- tooltip?: Props$1I['tooltip'];
2002
- tooltipPlacement?: Props$1I['placement'];
2001
+ tooltip?: Props$1J['tooltip'];
2002
+ tooltipPlacement?: Props$1J['placement'];
2003
2003
  } & Omit<ComponentProps<typeof Root$8>, 'id'>;
2004
- declare function Checkbox(prop: Omit<Props$12, 'checked' | 'onCheckedChange'> & {
2004
+ declare function Checkbox(prop: Omit<Props$13, 'checked' | 'onCheckedChange'> & {
2005
2005
  checked?: boolean;
2006
2006
  onCheckedChange?: (checked: boolean) => void;
2007
2007
  }): ReactNode;
2008
- declare function Checkbox(prop: Omit<Props$12, 'checked' | 'onCheckedChange'> & {
2008
+ declare function Checkbox(prop: Omit<Props$13, 'checked' | 'onCheckedChange'> & {
2009
2009
  checked?: CheckedState;
2010
2010
  onCheckedChange?: (checked: CheckedState) => void;
2011
2011
  }): ReactNode;
2012
2012
 
2013
2013
  type Variant$6 = 'check' | 'checkbox';
2014
- type Props$11 = Omit<ComponentProps<typeof Combobox$1.ItemIndicator>, 'className' | 'children'> & {
2014
+ type Props$12 = Omit<ComponentProps<typeof Combobox$1.ItemIndicator>, 'className' | 'children'> & {
2015
2015
  className?: string;
2016
2016
  variant?: Variant$6;
2017
2017
  };
2018
- declare const ComboboxItemIndicator: ({ ref, className, variant, ...props }: Props$11 & {
2018
+ declare const ComboboxItemIndicator: ({ ref, className, variant, ...props }: Props$12 & {
2019
2019
  ref?: Ref<ElementRef<"span">>;
2020
2020
  }) => react_jsx_runtime.JSX.Element;
2021
2021
 
2022
- type Props$10 = Omit<ComponentProps<typeof Combobox$1.Input>, 'render'>;
2023
- declare const ComboboxInput: ({ ref, ...props }: Props$10 & {
2022
+ type Props$11 = Omit<ComponentProps<typeof Combobox$1.Input>, 'render'>;
2023
+ declare const ComboboxInput: ({ ref, ...props }: Props$11 & {
2024
2024
  ref?: Ref<ElementRef<"input">>;
2025
2025
  }) => react_jsx_runtime.JSX.Element;
2026
2026
 
2027
2027
  type InputGroupProps$5 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'sizing' | 'state'>;
2028
- type Props$$ = InputGroupProps$5 & Omit<ComponentProps<typeof Combobox$1.InputGroup>, 'render' | 'className'> & {
2028
+ type Props$10 = InputGroupProps$5 & Omit<ComponentProps<typeof Combobox$1.InputGroup>, 'render' | 'className'> & {
2029
2029
  className?: string;
2030
2030
  };
2031
- declare const ComboboxInputGroup: ({ ref, state, variant, sizing, focusVariant, className, ...props }: Props$$ & {
2031
+ declare const ComboboxInputGroup: ({ ref, state, variant, sizing, focusVariant, className, ...props }: Props$10 & {
2032
2032
  ref?: Ref<ElementRef<"div">>;
2033
2033
  }) => react_jsx_runtime.JSX.Element;
2034
2034
 
2035
- type Props$_ = Omit<ComponentProps<typeof Combobox$1.Item>, 'className'> & {
2035
+ type Props$$ = Omit<ComponentProps<typeof Combobox$1.Item>, 'className'> & {
2036
2036
  className?: string;
2037
2037
  icon?: ReactNode;
2038
2038
  indicator?: ComponentProps<typeof ComboboxItemIndicator>['variant'];
2039
2039
  };
2040
- declare const ComboboxItem: ({ ref, className, children, icon, indicator: variant, ...props }: Props$_ & {
2040
+ declare const ComboboxItem: ({ ref, className, children, icon, indicator: variant, ...props }: Props$$ & {
2041
2041
  ref?: Ref<ElementRef<"div">>;
2042
2042
  }) => react_jsx_runtime.JSX.Element;
2043
2043
 
@@ -2057,7 +2057,7 @@ type CreatableProps<Value> = {
2057
2057
  queryToCreateLabel?: (query: string) => ReactNode;
2058
2058
  queryToCreateValue?: (query: string) => Value;
2059
2059
  };
2060
- type Props$Z<Value, GroupShape extends Group<Value> = Group<Value>> = PublicComboboxInputProps & PublicComboboxProps<Value> & CreatableProps<Value> & {
2060
+ type Props$_<Value, GroupShape extends Group<Value> = Group<Value>> = PublicComboboxInputProps & PublicComboboxProps<Value> & CreatableProps<Value> & {
2061
2061
  items?: readonly (Value | GroupShape)[];
2062
2062
  allowClear?: boolean;
2063
2063
  empty?: ReactNode;
@@ -2069,7 +2069,7 @@ type Props$Z<Value, GroupShape extends Group<Value> = Group<Value>> = PublicComb
2069
2069
  groupToLabel?: (group: GroupShape) => ReactNode;
2070
2070
  };
2071
2071
  declare const Combobox: {
2072
- <Value, GroupShape extends Group<Value> = Group<Value>>({ items: _itemsProp, value, defaultValue, onValueChange, itemToStringLabel: itemToStringLabelProp, itemToStringValue, disabled, filter, inputRef, onOpenChangeComplete, isItemEqualToValue: isItemEqualToValueProp, variant, sizing, focusVariant, state, placeholder, allowClear, id, className, empty, indicator, prefix, allowCreate, queryToCreateValue, queryToCreateLabel, itemToDisabled, itemToLabel, itemToIcon, groupToLabel, }: Props$Z<Value, GroupShape>): react_jsx_runtime.JSX.Element;
2072
+ <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;
2073
2073
  Root: <Value, Multiple extends boolean | undefined = false>(props: Combobox$1.Root.Props<Value, Multiple>) => react_jsx_runtime.JSX.Element;
2074
2074
  InputGroup: ({ ref, state, variant, sizing, focusVariant, className, ...props }: ({
2075
2075
  variant?: "primary" | "secondary" | null | undefined;
@@ -2452,7 +2452,7 @@ type Indicator = NonNullable<ComboboxItemProps['indicator']>;
2452
2452
  * Use `itemToLabel` / `itemToIcon` / `itemToDisabled` to project custom item shapes; use `filter` to override
2453
2453
  * the default substring matcher.
2454
2454
  */
2455
- type Props$Y<Value, GroupShape extends Group<Value> = Group<Value>> = Pick<ComboboxInputProps, 'placeholder' | 'id'> & Pick<ComboboxInputGroupProps, 'variant' | 'focusVariant' | 'sizing' | 'state' | 'className'> & Pick<ComboboxProps<Value>, 'disabled' | 'inputRef' | 'value' | 'defaultValue' | 'onValueChange' | 'itemToStringLabel' | 'itemToStringValue' | 'filter'> & Pick<ComboboxChipsProps, 'itemToChipLabel' | 'itemToChipColor' | 'maxVisible'> & {
2455
+ type Props$Z<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'> & {
2456
2456
  items?: readonly (Value | GroupShape)[];
2457
2457
  allowClear?: boolean;
2458
2458
  allowSelectAll?: boolean;
@@ -2476,7 +2476,7 @@ type Props$Y<Value, GroupShape extends Group<Value> = Group<Value>> = Pick<Combo
2476
2476
  * @see RECIPES.md#creatable-multi-combobox — for free-form-plus-enumerated patterns
2477
2477
  * @see RECIPES.md#filter-toolbar — for combining multi-select with other filter chips
2478
2478
  */
2479
- declare const MultiCombobox: <Value, GroupShape extends Group<Value> = Group<Value>>({ items: _itemsProp, value: _valueProp, defaultValue, onValueChange, itemToStringLabel, itemToStringValue, disabled, filter: filterProp, inputRef, variant, sizing, focusVariant, state, placeholder, allowClear, id, className, allowSelectAll, empty, indicator, itemToDisabled, itemToLabel, itemToIcon, groupToLabel, itemToChipLabel, itemToChipColor, maxVisible, }: Props$Y<Value, GroupShape>) => react_jsx_runtime.JSX.Element;
2479
+ 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$Z<Value, GroupShape>) => react_jsx_runtime.JSX.Element;
2480
2480
 
2481
2481
  type InputGroupProps$4 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'sizing' | 'focusVariant' | 'state'>;
2482
2482
  type TextareaNativeProps = Omit<ComponentProps<typeof InputGroup.TextArea>, 'value' | 'defaultValue' | 'rows' | 'maxRows'>;
@@ -2489,12 +2489,12 @@ type TextareaOwnProps = {
2489
2489
  disableResize?: boolean;
2490
2490
  containerClassName?: string;
2491
2491
  };
2492
- type Props$X = InputGroupProps$4 & TextareaNativeProps & TextareaOwnProps;
2492
+ type Props$Y = InputGroupProps$4 & TextareaNativeProps & TextareaOwnProps;
2493
2493
  /**
2494
2494
  * Multi-line text input. Chrome resolves from the active brand automatically: a modern brand always
2495
2495
  * renders argo (any `variant` is ignored), while `variant` only tunes the legacy-brand chrome.
2496
2496
  */
2497
- declare const Textarea: ({ ref, containerClassName, state, variant, sizing, focusVariant, ...rest }: Props$X & {
2497
+ declare const Textarea: ({ ref, containerClassName, state, variant, sizing, focusVariant, ...rest }: Props$Y & {
2498
2498
  ref?: Ref<ElementRef<"textarea">>;
2499
2499
  }) => react_jsx_runtime.JSX.Element;
2500
2500
 
@@ -2509,20 +2509,220 @@ declare const AutoSaveTextarea: ({ savedValue, onSave, placeholder, disabled, gr
2509
2509
 
2510
2510
  type InputGroupProps$3 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
2511
2511
  type InputGroupInputProps$3 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue'>;
2512
- type Props$W = InputGroupProps$3 & InputGroupInputProps$3 & {
2512
+ type Props$X = InputGroupProps$3 & InputGroupInputProps$3 & {
2513
2513
  value?: string | null;
2514
2514
  defaultValue?: string | null;
2515
2515
  onValueChange?: (value: string) => void;
2516
2516
  onValueBlur?: (value: string) => void;
2517
2517
  allowClear?: boolean;
2518
2518
  };
2519
- declare const ColorInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, onValueChange, onValueBlur, onChange, onBlur, defaultValue, allowClear, disabled, readOnly, ...restInputProps }: Props$W & {
2519
+ declare const ColorInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, onValueChange, onValueBlur, onChange, onBlur, defaultValue, allowClear, disabled, readOnly, ...restInputProps }: Props$X & {
2520
2520
  ref?: Ref<ElementRef<"input">>;
2521
2521
  }) => react_jsx_runtime.JSX.Element;
2522
2522
 
2523
+ type ColorScheme = 'light' | 'dark' | 'system';
2524
+ type ResolvedMode = 'light' | 'dark';
2525
+ type ThemeContextValue = {
2526
+ brand: Brand;
2527
+ setBrand?: (brand: Brand) => void;
2528
+ /** The configured color scheme (may be `'system'`). */
2529
+ colorScheme: ColorScheme;
2530
+ /** The effective light/dark mode after resolving `'system'`. */
2531
+ resolvedMode: ResolvedMode;
2532
+ };
2533
+
2534
+ type Props$W = {
2535
+ /**
2536
+ * Brand whose tokens drive the chrome (`@keboola/design`'s semantic CSS
2537
+ * variables) inside this provider's subtree. Defaults to the canonical
2538
+ * `keboola` brand so existing apps that mount `<ThemeProvider>` without a
2539
+ * `brand` prop continue to render as today.
2540
+ */
2541
+ brand?: Brand;
2542
+ /**
2543
+ * Optional setter exposed through `useTheme()` so consumers can flip
2544
+ * brands at runtime (Storybook toolbar, a customer-impersonation switch).
2545
+ */
2546
+ setBrand?: (brand: Brand) => void;
2547
+ /**
2548
+ * Light/dark mode. `'system'` follows `prefers-color-scheme` and updates
2549
+ * reactively. Defaults to `'light'` so existing mounts don't drift. Only
2550
+ * the ROOT provider applies this (sets `data-theme`, owns the media
2551
+ * listener); a nested provider inherits the root's resolved mode.
2552
+ */
2553
+ colorScheme?: ColorScheme;
2554
+ children: ReactNode;
2555
+ };
2556
+ /**
2557
+ * Responsibilities:
2558
+ * - ROOT only: render hidden SVG gradient definitions (`aigradient-600`,
2559
+ * `aigradient-700`). The IDs are hardcoded, so a nested provider must not
2560
+ * re-emit them or the document gains duplicate (HTML-invalid) IDs.
2561
+ * - Set `data-brand="<brand.id>"` on `<html>` and inject the matching `--color-*` /
2562
+ * `--radius-*` CSS variables (for the resolved light/dark mode) so chrome
2563
+ * re-skins for the supplied brand.
2564
+ * - ROOT only: set `data-theme` (`light` | `dark`) on `<html>` and own the
2565
+ * `prefers-color-scheme` media listener when `colorScheme === 'system'`.
2566
+ * A nested provider inherits the resolved mode from the parent context and
2567
+ * touches neither `data-theme` nor a media listener.
2568
+ * - Expose `{ brand, setBrand?, colorScheme, resolvedMode }` via `useTheme()`.
2569
+ *
2570
+ * Brand × mode: the active mode's palette is injected inline on `<html>`. When
2571
+ * the resolved mode is `dark` and the brand has no `colorsDark`, the colour
2572
+ * vars are NOT emitted — the stylesheet `[data-theme='dark']` block supplies
2573
+ * them, so no `!important` override is ever needed.
2574
+ *
2575
+ * `data-brand` (brand id) and `data-theme` (light/dark) are separate axes so
2576
+ * they compose without clobbering each other.
2577
+ */
2578
+ declare const ThemeProvider: ({ brand, setBrand, colorScheme, children, }: Props$W) => react_jsx_runtime.JSX.Element;
2579
+
2580
+ /**
2581
+ * Read the active brand (and optional setter) from the nearest `<ThemeProvider>`.
2582
+ *
2583
+ * Throws if no provider is mounted — mirrors TanStack Query's `useQueryClient`
2584
+ * error UX so missing-provider bugs surface as a clear runtime message instead
2585
+ * of a confusing "undefined.brand" downstream.
2586
+ */
2587
+ declare const useTheme: () => ThemeContextValue;
2588
+
2589
+ /**
2590
+ * Read the configured color scheme and the effective light/dark mode from the
2591
+ * nearest `<ThemeProvider>`. Read-only — there is no setter (yet).
2592
+ *
2593
+ * Throws if no provider is mounted (mirrors `useTheme()`).
2594
+ */
2595
+ declare const useColorScheme: () => {
2596
+ colorScheme: ColorScheme;
2597
+ resolvedMode: ResolvedMode;
2598
+ };
2599
+
2600
+ declare const useIsLegacyBrand: () => boolean;
2601
+
2602
+ type Props$V = {
2603
+ brand: Brand;
2604
+ colorScheme?: ColorScheme;
2605
+ children: ReactNode;
2606
+ };
2607
+ /**
2608
+ * Storybook decorator that wraps every story in a `ThemeProvider`. Wire it
2609
+ * once in `.storybook/preview.tsx` (added to the global `decorators` array),
2610
+ * driven by the `brand` global the toolbar item sets. Pair with
2611
+ * `resolveStorybookBrand` + `themeToolbarBrands` from `./storybookBrands` to
2612
+ * build the toolbar. This is the empirical brand-swap harness UT-4047
2613
+ * promised for the layer-0 contract.
2614
+ *
2615
+ * `colorScheme` (driven by the **Mode** toolbar) is forwarded to the provider
2616
+ * so flipping it sets `data-theme` and emits the active mode's palette — the
2617
+ * empirical light/dark switch. The story is rendered on a `bg-background`
2618
+ * surface so the mode is actually visible (otherwise dark-mode text sits on
2619
+ * the unrelated canvas backdrop).
2620
+ */
2621
+ declare const ThemeDecorator: ({ brand, colorScheme, children }: Props$V) => react_jsx_runtime.JSX.Element;
2622
+
2623
+ /**
2624
+ * Default toolbar items shipped with `ThemeDecorator` — the same brand IDs
2625
+ * the registry exports today. Re-exported so a downstream Storybook config
2626
+ * can extend the list with additional brands without re-implementing the
2627
+ * decorator wiring.
2628
+ */
2629
+ declare const themeToolbarBrands: {
2630
+ id: string;
2631
+ name: string;
2632
+ colors: {
2633
+ foreground: string;
2634
+ background: string;
2635
+ muted: string;
2636
+ mutedForeground: string;
2637
+ border: string;
2638
+ primary: string;
2639
+ primaryForeground: string;
2640
+ destructive: string;
2641
+ destructiveForeground: string;
2642
+ accent?: string | undefined;
2643
+ accentForeground?: string | undefined;
2644
+ };
2645
+ shell: "sidebar" | "topnav";
2646
+ colorsDark?: {
2647
+ foreground: string;
2648
+ background: string;
2649
+ muted: string;
2650
+ mutedForeground: string;
2651
+ border: string;
2652
+ primary: string;
2653
+ primaryForeground: string;
2654
+ destructive: string;
2655
+ destructiveForeground: string;
2656
+ accent?: string | undefined;
2657
+ accentForeground?: string | undefined;
2658
+ } | undefined;
2659
+ sidebarColors?: {
2660
+ sidebar?: string | undefined;
2661
+ sidebarForeground?: string | undefined;
2662
+ sidebarPrimary?: string | undefined;
2663
+ sidebarPrimaryForeground?: string | undefined;
2664
+ sidebarAccent?: string | undefined;
2665
+ sidebarAccentForeground?: string | undefined;
2666
+ sidebarBorder?: string | undefined;
2667
+ sidebarRing?: string | undefined;
2668
+ } | undefined;
2669
+ sidebarColorsDark?: {
2670
+ sidebar?: string | undefined;
2671
+ sidebarForeground?: string | undefined;
2672
+ sidebarPrimary?: string | undefined;
2673
+ sidebarPrimaryForeground?: string | undefined;
2674
+ sidebarAccent?: string | undefined;
2675
+ sidebarAccentForeground?: string | undefined;
2676
+ sidebarBorder?: string | undefined;
2677
+ sidebarRing?: string | undefined;
2678
+ } | undefined;
2679
+ typography?: {
2680
+ fontFamily: string;
2681
+ } | undefined;
2682
+ radii?: {
2683
+ sm: string;
2684
+ md: string;
2685
+ lg: string;
2686
+ } | undefined;
2687
+ density?: "comfortable" | "compact" | undefined;
2688
+ }[];
2689
+ /**
2690
+ * Resolve a brand ID coming from the Storybook globals object. Falls back to
2691
+ * the canonical Keboola brand if the ID is unknown — keeps the decorator
2692
+ * defensive against stale URL state.
2693
+ */
2694
+ declare const resolveStorybookBrand: (id: unknown) => Brand;
2695
+
2696
+ type Props$U = {
2697
+ /** The active color scheme. Controlled — pair with `onValueChange`. */
2698
+ value: ColorScheme;
2699
+ /** Called with the chosen scheme when the user picks a menu item. */
2700
+ onValueChange: (value: ColorScheme) => void;
2701
+ /** Trigger button size. Defaults to `small`. */
2702
+ size?: 'small' | 'medium';
2703
+ className?: string;
2704
+ };
2705
+ /**
2706
+ * Light / dark / system control — a single icon-only `Button` (showing the active
2707
+ * scheme) that opens a `DropdownMenu` of the three options. Composed, not a new
2708
+ * primitive. **Controlled:** it renders `value` and reports changes; it does not
2709
+ * own the state. `ThemeProvider.colorScheme` is a controlled prop, so wire this to
2710
+ * wherever that state lives:
2711
+ *
2712
+ * ```tsx
2713
+ * const [scheme, setScheme] = useState<ColorScheme>('system');
2714
+ * <ThemeProvider colorScheme={scheme}>…</ThemeProvider>
2715
+ * <ColorModeSwitch value={scheme} onValueChange={setScheme} />
2716
+ * ```
2717
+ *
2718
+ * The menu uses `DropdownMenu.RadioGroup` for single-select semantics; the active
2719
+ * item is marked as checked. The trigger's `aria-label` names the current scheme.
2720
+ */
2721
+ declare const ColorModeSwitch: ({ value, onValueChange, size, className }: Props$U) => react_jsx_runtime.JSX.Element;
2722
+
2523
2723
  type InputGroupProps$2 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
2524
2724
  type InputGroupInputProps$2 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type' | 'prefix'>;
2525
- type Props$V = InputGroupProps$2 & InputGroupInputProps$2 & {
2725
+ type Props$T = InputGroupProps$2 & InputGroupInputProps$2 & {
2526
2726
  value?: number | null;
2527
2727
  defaultValue?: number | null;
2528
2728
  onValueChange?: (value: number | null) => void;
@@ -2530,13 +2730,13 @@ type Props$V = InputGroupProps$2 & InputGroupInputProps$2 & {
2530
2730
  prefix?: ReactNode;
2531
2731
  suffix?: ReactNode;
2532
2732
  };
2533
- declare const NumberInput: ({ ref, state, variant, focusVariant, sizing, className, value, defaultValue, onValueChange, onValueBlur, onChange, onBlur, prefix, suffix, ...inputProps }: Props$V & {
2733
+ declare const NumberInput: ({ ref, state, variant, focusVariant, sizing, className, value, defaultValue, onValueChange, onValueBlur, onChange, onBlur, prefix, suffix, ...inputProps }: Props$T & {
2534
2734
  ref?: Ref<ElementRef<"input">>;
2535
2735
  }) => react_jsx_runtime.JSX.Element;
2536
2736
 
2537
2737
  type InputGroupProps$1 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
2538
2738
  type InputGroupInputProps$1 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type' | 'autoComplete'>;
2539
- type Props$U = InputGroupProps$1 & InputGroupInputProps$1 & {
2739
+ type Props$S = InputGroupProps$1 & InputGroupInputProps$1 & {
2540
2740
  value?: string | null;
2541
2741
  defaultValue?: string | null;
2542
2742
  onValueChange?: (value: string) => void;
@@ -2546,7 +2746,7 @@ type Props$U = InputGroupProps$1 & InputGroupInputProps$1 & {
2546
2746
  autoComplete?: 'new-password' | 'current-password' | 'off';
2547
2747
  defaultPasswordVisibility?: boolean;
2548
2748
  };
2549
- declare const PasswordInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onKeyDown, onKeyUp, onMouseDown, allowClear, allowPasswordToggle, autoComplete, defaultPasswordVisibility, disabled, readOnly, ...restInputProps }: Props$U & {
2749
+ 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$S & {
2550
2750
  ref?: Ref<ElementRef<"input">>;
2551
2751
  }) => react_jsx_runtime.JSX.Element;
2552
2752
 
@@ -2602,7 +2802,7 @@ type InputGroupInputProps = Omit<ComponentProps<typeof InputGroup.Input>, 'value
2602
2802
  * is treated as "not provided" — the component falls back to `defaultValue` (or, if absent, internal
2603
2803
  * state initialized to empty). `value={""}` is controlled-empty.
2604
2804
  */
2605
- type Props$T = InputGroupProps & InputGroupInputProps & {
2805
+ type Props$R = InputGroupProps & InputGroupInputProps & {
2606
2806
  value?: string | null;
2607
2807
  defaultValue?: string | null;
2608
2808
  /** Called with the latest string value after the debounce window (default 300ms). Fires synchronously on clear and when `disableDebounce` is set. For sync echo of every keystroke use `onChange`. */
@@ -2631,7 +2831,7 @@ type Props$T = InputGroupProps & InputGroupInputProps & {
2631
2831
  *
2632
2832
  * @see RECIPES.md#filter-toolbar — for the search + filter chips toolbar pattern
2633
2833
  */
2634
- 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 & {
2834
+ 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 & {
2635
2835
  ref?: Ref<ElementRef<"input">>;
2636
2836
  }) => react_jsx_runtime.JSX.Element;
2637
2837
 
@@ -2656,15 +2856,15 @@ declare const addonVariants: (props?: ({
2656
2856
  align?: "inline-start" | "inline-end" | null | undefined;
2657
2857
  variant?: "inline" | "floating" | null | undefined;
2658
2858
  } & class_variance_authority_types.ClassProp) | undefined) => string;
2659
- type Props$S = ComponentProps<'div'> & VariantProps<typeof addonVariants>;
2660
- declare const BadgeAddon: ({ ref, align, variant, className, ...rest }: Props$S & {
2859
+ type Props$Q = ComponentProps<'div'> & VariantProps<typeof addonVariants>;
2860
+ declare const BadgeAddon: ({ ref, align, variant, className, ...rest }: Props$Q & {
2661
2861
  ref?: Ref<ElementRef<"div">>;
2662
2862
  }) => react_jsx_runtime.JSX.Element;
2663
2863
 
2664
- type Props$R = ComponentProps<'span'> & {
2864
+ type Props$P = ComponentProps<'span'> & {
2665
2865
  asChild?: boolean;
2666
2866
  };
2667
- declare const BadgeLabel: ({ ref, className, asChild, ...rest }: Props$R & {
2867
+ declare const BadgeLabel: ({ ref, className, asChild, ...rest }: Props$P & {
2668
2868
  ref?: Ref<ElementRef<"span">>;
2669
2869
  }) => react_jsx_runtime.JSX.Element;
2670
2870
 
@@ -2673,8 +2873,8 @@ declare const badgeRootVariants: (props?: ({
2673
2873
  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;
2674
2874
  } & class_variance_authority_types.ClassProp) | undefined) => string;
2675
2875
 
2676
- type Props$Q = ComponentProps<'div'> & VariantProps<typeof badgeRootVariants>;
2677
- declare const BadgeRoot: ({ ref, variant, color, className, children, ...rest }: Props$Q & {
2876
+ type Props$O = ComponentProps<'div'> & VariantProps<typeof badgeRootVariants>;
2877
+ declare const BadgeRoot: ({ ref, variant, color, className, children, ...rest }: Props$O & {
2678
2878
  ref?: Ref<ElementRef<"div">>;
2679
2879
  }) => react_jsx_runtime.JSX.Element;
2680
2880
 
@@ -2686,14 +2886,14 @@ type BadgeLabelProps = ComponentProps<typeof BadgeLabel>;
2686
2886
  * `purple/cyan/teal/blue/gray` for decorative tags) — colours stay fixed across brand themes.
2687
2887
  * Pass `prefix` / `suffix` for icon-style addons.
2688
2888
  */
2689
- type Props$P = Pick<BadgeRootProps, 'variant' | 'color'> & Omit<BadgeLabelProps, 'prefix'> & {
2889
+ type Props$N = Pick<BadgeRootProps, 'variant' | 'color'> & Omit<BadgeLabelProps, 'prefix'> & {
2690
2890
  prefix?: ReactNode;
2691
2891
  prefixVariant?: AddonVariant;
2692
2892
  suffix?: ReactNode;
2693
2893
  suffixVariant?: AddonVariant;
2694
2894
  labelClassName?: string;
2695
2895
  };
2696
- declare const Badge: (({ ref, variant, color, prefix, prefixVariant, suffix, suffixVariant, className, labelClassName, ...labelProps }: Props$P & {
2896
+ declare const Badge: (({ ref, variant, color, prefix, prefixVariant, suffix, suffixVariant, className, labelClassName, ...labelProps }: Props$N & {
2697
2897
  ref?: Ref<ElementRef<"span">>;
2698
2898
  }) => react_jsx_runtime.JSX.Element) & {
2699
2899
  Root: ({ ref, variant, color, className, children, ...rest }: (react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & class_variance_authority.VariantProps<(props?: ({
@@ -2725,45 +2925,45 @@ type TagOption = {
2725
2925
  disabled?: boolean;
2726
2926
  };
2727
2927
 
2728
- type Props$O = {
2928
+ type Props$M = {
2729
2929
  onCreate?: (search: string) => void;
2730
2930
  } & Pick<ComponentProps<typeof Command.Item>, 'value'>;
2731
- declare const TagSelectCreateItem: ({ onCreate, value }: Props$O) => react_jsx_runtime.JSX.Element;
2931
+ declare const TagSelectCreateItem: ({ onCreate, value }: Props$M) => react_jsx_runtime.JSX.Element;
2732
2932
 
2733
- type Props$N = {
2933
+ type Props$L = {
2734
2934
  value: string[];
2735
2935
  onAdd?: (selected: string[]) => void;
2736
2936
  };
2737
- declare const TagSelectValue: ({ value, onAdd }: Props$N) => react_jsx_runtime.JSX.Element;
2937
+ declare const TagSelectValue: ({ value, onAdd }: Props$L) => react_jsx_runtime.JSX.Element;
2738
2938
 
2739
- type Props$M = {
2939
+ type Props$K = {
2740
2940
  options?: TagOption[];
2741
2941
  } & Pick<ComponentProps<typeof TagSelectValue>, 'onAdd'> & Pick<ComponentProps<typeof TagSelectCreateItem>, 'onCreate'>;
2742
- declare const TagSelectList: ({ options, onAdd, onCreate }: Props$M) => react_jsx_runtime.JSX.Element;
2942
+ declare const TagSelectList: ({ options, onAdd, onCreate }: Props$K) => react_jsx_runtime.JSX.Element;
2743
2943
 
2744
- type Props$L = {
2944
+ type Props$J = {
2745
2945
  children: ReactNode;
2746
2946
  } & ComponentProps<typeof TagSelectList>;
2747
- declare const TagSelectPopover: ({ children, onAdd, options, onCreate }: Props$L) => react_jsx_runtime.JSX.Element;
2947
+ declare const TagSelectPopover: ({ children, onAdd, options, onCreate }: Props$J) => react_jsx_runtime.JSX.Element;
2748
2948
 
2749
2949
  type OnValueChangeHandler = (value: {
2750
2950
  action: 'add' | 'remove';
2751
2951
  tags: TagOption[];
2752
2952
  allTags: TagOption[];
2753
2953
  }) => void;
2754
- type Props$K = {
2954
+ type Props$I = {
2755
2955
  value?: TagOption[];
2756
2956
  onValueChange: OnValueChangeHandler;
2757
2957
  disabled?: boolean;
2758
2958
  } & Pick<ComponentProps<typeof TagSelectPopover>, 'options' | 'onCreate'>;
2759
- declare const Tagger: ({ options, value, onCreate, onValueChange, disabled, }: Props$K) => react_jsx_runtime.JSX.Element | null;
2959
+ declare const Tagger: ({ options, value, onCreate, onValueChange, disabled, }: Props$I) => react_jsx_runtime.JSX.Element | null;
2760
2960
 
2761
2961
  /**
2762
2962
  * Props for `FileUpload`. The component is uncontrolled with respect to the file
2763
2963
  * list — the caller owns the selected `File[]` and updates it from `onFilesChange`.
2764
2964
  * `FileUpload` only signals drop events; it does not store the file array.
2765
2965
  */
2766
- type Props$J = {
2966
+ type Props$H = {
2767
2967
  /** MIME / extension filter passed straight to react-dropzone. */
2768
2968
  accept?: Accept;
2769
2969
  /** Max size per file, in bytes. Oversized files are rejected and surface in `onFilesRejected`. */
@@ -2782,7 +2982,7 @@ type Props$J = {
2782
2982
  forcedState?: 'idle' | 'dragging' | 'error';
2783
2983
  children: ReactNode;
2784
2984
  } & Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'onDrop'>;
2785
- declare const FileUpload: (({ accept, maxSize, maxFiles, multiple, disabled, onFilesChange, onFilesRejected, forcedState, children, className, ...rest }: Props$J) => react_jsx_runtime.JSX.Element) & {
2985
+ declare const FileUpload: (({ accept, maxSize, maxFiles, multiple, disabled, onFilesChange, onFilesRejected, forcedState, children, className, ...rest }: Props$H) => react_jsx_runtime.JSX.Element) & {
2786
2986
  DropZone: ({ children, className, ...rest }: {
2787
2987
  children?: ReactNode;
2788
2988
  } & Omit<HTMLAttributes<HTMLDivElement>, "children">) => react_jsx_runtime.JSX.Element;
@@ -4106,47 +4306,47 @@ declare const FormGroup: {
4106
4306
  declare const helpVariants: (props?: ({
4107
4307
  state?: "default" | "error" | "warning" | null | undefined;
4108
4308
  } & class_variance_authority_types.ClassProp) | undefined) => string;
4109
- type Props$I = {
4309
+ type Props$G = {
4110
4310
  className?: string;
4111
4311
  children?: ReactNode;
4112
4312
  testId?: string;
4113
4313
  } & VariantProps<typeof helpVariants>;
4114
- declare const HelpBlock: ({ children, className, state, testId }: Props$I) => react_jsx_runtime.JSX.Element | null;
4314
+ declare const HelpBlock: ({ children, className, state, testId }: Props$G) => react_jsx_runtime.JSX.Element | null;
4115
4315
 
4116
4316
  type AnswerItem = {
4117
4317
  question: string;
4118
4318
  answer?: string;
4119
4319
  };
4120
4320
  type Variant$5 = 'success' | 'dismissed';
4121
- type Props$H = {
4321
+ type Props$F = {
4122
4322
  items: readonly AnswerItem[];
4123
4323
  variant?: Variant$5;
4124
4324
  noAnswerLabel?: string;
4125
4325
  };
4126
- declare const AnswerSummary: ({ items, variant, noAnswerLabel, }: Props$H) => react_jsx_runtime.JSX.Element;
4326
+ declare const AnswerSummary: ({ items, variant, noAnswerLabel, }: Props$F) => react_jsx_runtime.JSX.Element;
4127
4327
 
4128
4328
  type Variant$4 = 'success' | 'error' | 'processing' | 'dismissed';
4129
- type Props$G = {
4329
+ type Props$E = {
4130
4330
  isExpanded: boolean;
4131
4331
  onToggle: () => void;
4132
4332
  label: ReactNode;
4133
4333
  variant?: Variant$4;
4134
4334
  };
4135
- declare const CollapsibleStepHeader: ({ isExpanded, onToggle, label, variant, }: Props$G) => react_jsx_runtime.JSX.Element;
4335
+ declare const CollapsibleStepHeader: ({ isExpanded, onToggle, label, variant, }: Props$E) => react_jsx_runtime.JSX.Element;
4136
4336
 
4137
- type Props$F = {
4337
+ type Props$D = {
4138
4338
  children: ReactNode;
4139
4339
  };
4140
- declare const InlineStepDetail: ({ children }: Props$F) => react_jsx_runtime.JSX.Element;
4340
+ declare const InlineStepDetail: ({ children }: Props$D) => react_jsx_runtime.JSX.Element;
4141
4341
 
4142
4342
  type Variant$3 = 'processing' | 'success' | 'error' | 'dismissed';
4143
- type Props$E = {
4343
+ type Props$C = {
4144
4344
  variant: Variant$3;
4145
4345
  children: ReactNode;
4146
4346
  };
4147
- declare const InlineStepLabel: ({ variant, children }: Props$E) => react_jsx_runtime.JSX.Element;
4347
+ declare const InlineStepLabel: ({ variant, children }: Props$C) => react_jsx_runtime.JSX.Element;
4148
4348
 
4149
- type Props$D = {
4349
+ type Props$B = {
4150
4350
  user?: {
4151
4351
  name: string | undefined;
4152
4352
  email: string | undefined;
@@ -4156,17 +4356,17 @@ type Props$D = {
4156
4356
  size?: number;
4157
4357
  variant?: 'circle' | 'rounded';
4158
4358
  } & ComponentProps<'span'>;
4159
- declare const Avatar: ({ ref, user, fallback, size, className, variant, ...props }: Props$D & {
4359
+ declare const Avatar: ({ ref, user, fallback, size, className, variant, ...props }: Props$B & {
4160
4360
  ref?: Ref<ElementRef<"span">>;
4161
4361
  }) => react_jsx_runtime.JSX.Element;
4162
4362
 
4163
- type Props$C = {
4363
+ type Props$A = {
4164
4364
  variant: 'user' | 'assistant';
4165
4365
  user?: ComponentProps<typeof Avatar>['user'];
4166
4366
  actions?: ReactNode;
4167
4367
  createdAt?: string;
4168
4368
  } & PropsWithChildren;
4169
- declare const MessageBubble: ({ variant, children, user, actions, createdAt }: Props$C) => react_jsx_runtime.JSX.Element;
4369
+ declare const MessageBubble: ({ variant, children, user, actions, createdAt }: Props$A) => react_jsx_runtime.JSX.Element;
4170
4370
 
4171
4371
  type PlanApprovalStatus = 'pending' | 'approved' | 'dismissed' | 'changes-requested';
4172
4372
  type PlanApprovalProps = {
@@ -4214,17 +4414,17 @@ type PromptCommand = {
4214
4414
  };
4215
4415
 
4216
4416
  type SubmitStatus = 'submitted' | 'ready' | 'streaming' | 'interrupted';
4217
- type Props$B = Pick<ComponentProps<typeof Button>, 'disabled'> & {
4417
+ type Props$z = Pick<ComponentProps<typeof Button>, 'disabled'> & {
4218
4418
  status?: SubmitStatus;
4219
4419
  };
4220
- declare const PromptInputSubmit: ({ ref, disabled, status, }: Props$B & {
4420
+ declare const PromptInputSubmit: ({ ref, disabled, status, }: Props$z & {
4221
4421
  ref?: Ref<ElementRef<"button">>;
4222
4422
  }) => react_jsx_runtime.JSX.Element;
4223
4423
 
4224
4424
  declare const promptInputVariants: (props?: ({
4225
4425
  variant?: "inline" | "default" | null | undefined;
4226
4426
  } & class_variance_authority_types.ClassProp) | undefined) => string;
4227
- type Props$A = {
4427
+ type Props$y = {
4228
4428
  onSend?: (value: string) => void;
4229
4429
  onAbort?: () => void;
4230
4430
  onContinue?: () => void;
@@ -4238,7 +4438,7 @@ type Props$A = {
4238
4438
  commands?: PromptCommand[];
4239
4439
  } & VariantProps<typeof promptInputVariants> & Pick<ComponentProps<typeof react_textarea_autosize__default>, 'placeholder' | 'minRows' | 'maxRows' | 'disabled' | 'defaultValue' | 'autoFocus'> & ComponentProps<typeof PromptInputSubmit>;
4240
4440
  declare const PromptInput: {
4241
- ({ onSend, onAbort, onContinue, prefix, variant, suffix, disabled, disableSubmit, value, onValueChange, status, maxRows, minRows, commands, ...textareaProps }: Props$A): react_jsx_runtime.JSX.Element;
4441
+ ({ onSend, onAbort, onContinue, prefix, variant, suffix, disabled, disableSubmit, value, onValueChange, status, maxRows, minRows, commands, ...textareaProps }: Props$y): react_jsx_runtime.JSX.Element;
4242
4442
  Action: ({ ref, onMouseDown, ...rest }: react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> & {
4243
4443
  ref?: react.Ref<ElementRef<"button">>;
4244
4444
  }) => react_jsx_runtime.JSX.Element;
@@ -4250,7 +4450,7 @@ type QuestionOption = {
4250
4450
  description?: string;
4251
4451
  preview?: string;
4252
4452
  };
4253
- type Props$z = {
4453
+ type Props$x = {
4254
4454
  question: string;
4255
4455
  header?: string;
4256
4456
  options: readonly QuestionOption[];
@@ -4273,7 +4473,7 @@ type Props$z = {
4273
4473
  renderPreview?: (content: string) => ReactNode;
4274
4474
  className?: string;
4275
4475
  };
4276
- declare const Question: ({ question, header, options, multiSelect, selectedOptionIds, onSelectionChange, customAnswer, onCustomAnswerChange, onCustomAnswerConfirm, showCustomAnswer, customAnswerPlaceholder, showSkip, onSkip, onClose, onNext, submitTooltip, onPrevious, currentStep, totalSteps, renderPreview, className, }: Props$z) => react_jsx_runtime.JSX.Element;
4476
+ 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;
4277
4477
 
4278
4478
  type QuestionStep = {
4279
4479
  question: string;
@@ -4287,7 +4487,7 @@ type QuestionAnswers = {
4287
4487
  selections: Record<number, readonly string[]>;
4288
4488
  customAnswers: Record<number, string>;
4289
4489
  };
4290
- type Props$y = {
4490
+ type Props$w = {
4291
4491
  steps: readonly [QuestionStep, ...QuestionStep[]];
4292
4492
  showSkip?: boolean;
4293
4493
  onSubmit?: (answers: QuestionAnswers) => void;
@@ -4295,23 +4495,23 @@ type Props$y = {
4295
4495
  renderPreview?: (content: string) => ReactNode;
4296
4496
  className?: string;
4297
4497
  };
4298
- declare const QuestionBlock: ({ steps, showSkip, onSubmit, onClose, renderPreview, className, }: Props$y) => react_jsx_runtime.JSX.Element;
4498
+ declare const QuestionBlock: ({ steps, showSkip, onSubmit, onClose, renderPreview, className, }: Props$w) => react_jsx_runtime.JSX.Element;
4299
4499
 
4300
- type Props$x = {
4500
+ type Props$v = {
4301
4501
  label: string;
4302
4502
  disabled?: boolean;
4303
4503
  onClick: () => void;
4304
4504
  icon?: ReactNode;
4305
4505
  className?: string;
4306
4506
  };
4307
- declare const SuggestedPrompt: ({ label, disabled, onClick, icon, className }: Props$x) => react_jsx_runtime.JSX.Element;
4507
+ declare const SuggestedPrompt: ({ label, disabled, onClick, icon, className }: Props$v) => react_jsx_runtime.JSX.Element;
4308
4508
 
4309
4509
  type ThinkingIndicatorProps = {
4310
4510
  label?: string;
4311
4511
  };
4312
4512
  declare const ThinkingIndicator: ({ label }: ThinkingIndicatorProps) => react_jsx_runtime.JSX.Element;
4313
4513
 
4314
- type Props$w = {
4514
+ type Props$u = {
4315
4515
  value: number;
4316
4516
  alert?: boolean;
4317
4517
  children: ReactNode;
@@ -4325,19 +4525,19 @@ type Props$w = {
4325
4525
  side?: ComponentProps<typeof HoverCard.Content>['side'];
4326
4526
  sideOffset?: ComponentProps<typeof HoverCard.Content>['sideOffset'];
4327
4527
  };
4328
- declare const UsageStats: ({ value, alert, children, className, ariaLabel, align, side, sideOffset, }: Props$w) => react_jsx_runtime.JSX.Element;
4528
+ declare const UsageStats: ({ value, alert, children, className, ariaLabel, align, side, sideOffset, }: Props$u) => react_jsx_runtime.JSX.Element;
4329
4529
 
4330
- type Props$v = {
4530
+ type Props$t = {
4331
4531
  value: number;
4332
4532
  size?: number;
4333
4533
  strokeWidth?: number;
4334
4534
  className?: string;
4335
4535
  };
4336
- declare const UsageStatsRing: ({ value, size, strokeWidth, className }: Props$v) => react_jsx_runtime.JSX.Element;
4536
+ declare const UsageStatsRing: ({ value, size, strokeWidth, className }: Props$t) => react_jsx_runtime.JSX.Element;
4337
4537
 
4338
- type Props$u = ComponentProps<typeof Root$9>;
4538
+ type Props$s = ComponentProps<typeof Root$9>;
4339
4539
  declare const Collapsible: {
4340
- (props: Props$u): react_jsx_runtime.JSX.Element;
4540
+ (props: Props$s): react_jsx_runtime.JSX.Element;
4341
4541
  Trigger: react.ForwardRefExoticComponent<_radix_ui_react_collapsible.CollapsibleTriggerProps & react.RefAttributes<HTMLButtonElement>>;
4342
4542
  Content: ({ ref, className, children, ...props }: Omit<_radix_ui_react_collapsible.CollapsibleContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
4343
4543
  ref?: react.Ref<react.ElementRef<react.ForwardRefExoticComponent<_radix_ui_react_collapsible.CollapsibleContentProps & react.RefAttributes<HTMLDivElement>>>>;
@@ -4345,10 +4545,10 @@ declare const Collapsible: {
4345
4545
  };
4346
4546
 
4347
4547
  type Variant$2 = 'info' | 'warning' | 'error' | 'success';
4348
- type Props$t = {
4548
+ type Props$r = {
4349
4549
  variant?: Variant$2;
4350
4550
  } & ComponentProps<'div'>;
4351
- declare const AlertRoot: ({ ref, children, className, variant, ...rest }: Props$t & {
4551
+ declare const AlertRoot: ({ ref, children, className, variant, ...rest }: Props$r & {
4352
4552
  ref?: Ref<ElementRef<"div">>;
4353
4553
  }) => react_jsx_runtime.JSX.Element;
4354
4554
 
@@ -4373,7 +4573,7 @@ type DefaultProps = {
4373
4573
  * `"collapsible"` requires `title` + `children` (no `actions`) and renders a collapsible disclosure.
4374
4574
  * `variant` (`info` | `success` | `warning` | `error`) is a categorical colour contract.
4375
4575
  */
4376
- type Props$s = CommonProps & (CollapsibleProps | DefaultProps);
4576
+ type Props$q = CommonProps & (CollapsibleProps | DefaultProps);
4377
4577
  /**
4378
4578
  * Persistent inline banner for contextual messages tied to the page layout.
4379
4579
  *
@@ -4387,13 +4587,13 @@ type Props$s = CommonProps & (CollapsibleProps | DefaultProps);
4387
4587
  *
4388
4588
  * @see RECIPES.md#alert-with-action — for action-bearing alert composition
4389
4589
  */
4390
- declare const Alert: ({ title, variant, children, hideIcon, icon, className, actions, mode, defaultOpen, open: openProp, onOpenChange: onOpenChangeProp, ...rest }: Props$s) => react_jsx_runtime.JSX.Element;
4590
+ declare const Alert: ({ title, variant, children, hideIcon, icon, className, actions, mode, defaultOpen, open: openProp, onOpenChange: onOpenChangeProp, ...rest }: Props$q) => react_jsx_runtime.JSX.Element;
4391
4591
 
4392
4592
  declare const variants$1: (props?: ({
4393
4593
  variant?: "default" | "error" | "info" | "warning" | "success" | null | undefined;
4394
4594
  } & class_variance_authority_types.ClassProp) | undefined) => string;
4395
4595
  type Variants = VariantProps<typeof variants$1>;
4396
- type Props$r = {
4596
+ type Props$p = {
4397
4597
  id: string | number;
4398
4598
  title: ReactNode;
4399
4599
  icon?: ReactNode;
@@ -4402,7 +4602,7 @@ type Props$r = {
4402
4602
  loading?: boolean;
4403
4603
  duration?: number;
4404
4604
  } & Variants;
4405
- declare const ToastRoot: ({ id, title, description, action, duration, variant, loading, icon: iconProp, }: Props$r) => react_jsx_runtime.JSX.Element;
4605
+ declare const ToastRoot: ({ id, title, description, action, duration, variant, loading, icon: iconProp, }: Props$p) => react_jsx_runtime.JSX.Element;
4406
4606
 
4407
4607
  type ToastProps = ComponentProps<typeof ToastRoot>;
4408
4608
  type Title = ToastProps['title'] | ((opts: {
@@ -4423,7 +4623,7 @@ declare const toast: {
4423
4623
  dismissAll(): string | number;
4424
4624
  };
4425
4625
 
4426
- type Props$q = {
4626
+ type Props$o = {
4427
4627
  enabled?: boolean;
4428
4628
  } & Parameters<typeof toast>[0];
4429
4629
  /**
@@ -4436,22 +4636,22 @@ type Props$q = {
4436
4636
  * Use `toast()` for transient feedback after a user action
4437
4637
  * (e.g., "Saved", "Copied", "Deleted") that auto-dismisses after a few seconds.
4438
4638
  */
4439
- declare const useNotification: ({ enabled, ...toastOptions }: Props$q) => void;
4639
+ declare const useNotification: ({ enabled, ...toastOptions }: Props$o) => void;
4440
4640
 
4441
4641
  type ToasterProps = ComponentProps<typeof Toaster$1>;
4442
4642
  declare const Toaster: ({ gap, visibleToasts, ...props }: ToasterProps) => react_jsx_runtime.JSX.Element;
4443
4643
 
4444
- type Props$p = {
4644
+ type Props$n = {
4445
4645
  children?: ReactNode;
4446
4646
  };
4447
- declare const EmptySearchContent: ({ children }: Props$p) => react_jsx_runtime.JSX.Element;
4647
+ declare const EmptySearchContent: ({ children }: Props$n) => react_jsx_runtime.JSX.Element;
4448
4648
 
4449
- type Props$o = {
4649
+ type Props$m = {
4450
4650
  title: string;
4451
4651
  children: ReactNode;
4452
4652
  className?: string;
4453
4653
  };
4454
- declare const EmptyConfigurationActionCard: ({ title, children, className }: Props$o) => react_jsx_runtime.JSX.Element;
4654
+ declare const EmptyConfigurationActionCard: ({ title, children, className }: Props$m) => react_jsx_runtime.JSX.Element;
4455
4655
 
4456
4656
  declare const emptyStateClassnames: (props?: ({
4457
4657
  variant?: "compact" | "default" | null | undefined;
@@ -4591,8 +4791,8 @@ declare const variants: (props?: ({
4591
4791
  variant?: "default" | "success" | null | undefined;
4592
4792
  size?: "sm" | "lg" | null | undefined;
4593
4793
  } & class_variance_authority_types.ClassProp) | undefined) => string;
4594
- type Props$n = ComponentProps<typeof Root$a> & VariantProps<typeof variants>;
4595
- declare const Progress: ({ ref, className, value, variant, size, ...props }: Props$n & {
4794
+ type Props$l = ComponentProps<typeof Root$a> & VariantProps<typeof variants>;
4795
+ declare const Progress: ({ ref, className, value, variant, size, ...props }: Props$l & {
4596
4796
  ref?: Ref<ElementRef<typeof Root$a>>;
4597
4797
  }) => react_jsx_runtime.JSX.Element;
4598
4798
 
@@ -4610,7 +4810,7 @@ type CollapseProps = {
4610
4810
  /** @deprecated Use `Collapsible` instead. */
4611
4811
  declare const Collapse: ({ open, header, className, bodyClassName, children, onClick, animationClassName, hidden, ...rest }: CollapseProps & ComponentProps<"div">) => react_jsx_runtime.JSX.Element;
4612
4812
 
4613
- type Props$m = {
4813
+ type Props$k = {
4614
4814
  header: ReactNode;
4615
4815
  isDisabled?: boolean;
4616
4816
  defaultExpanded?: boolean;
@@ -4622,16 +4822,16 @@ type Props$m = {
4622
4822
  variant?: 'default' | 'white';
4623
4823
  children: ReactNode;
4624
4824
  };
4625
- declare const CollapsiblePanel: ({ header, className, bodyClassName, headerClassName, defaultExpanded, isDisabled, children, isOpen, onToggle, variant, }: Props$m) => react_jsx_runtime.JSX.Element;
4825
+ declare const CollapsiblePanel: ({ header, className, bodyClassName, headerClassName, defaultExpanded, isDisabled, children, isOpen, onToggle, variant, }: Props$k) => react_jsx_runtime.JSX.Element;
4626
4826
 
4627
- type Props$l = PropsWithChildren<{
4827
+ type Props$j = PropsWithChildren<{
4628
4828
  defaultExpanded?: boolean;
4629
4829
  labelCollapse?: ReactNode;
4630
4830
  labelOpen?: ReactNode;
4631
4831
  placement?: 'top' | 'bottom';
4632
4832
  className?: string;
4633
4833
  }>;
4634
- declare const PanelWithDetails: ({ defaultExpanded, labelCollapse, labelOpen, placement, children, }: Props$l) => react_jsx_runtime.JSX.Element;
4834
+ declare const PanelWithDetails: ({ defaultExpanded, labelCollapse, labelOpen, placement, children, }: Props$j) => react_jsx_runtime.JSX.Element;
4635
4835
 
4636
4836
  type RootProps$1 = ComponentPropsWithoutRef<'div'>;
4637
4837
  type SlotProps = ComponentPropsWithoutRef<'div'> & {
@@ -4887,7 +5087,7 @@ type SidebarState$1 = 'expanded' | 'collapsed';
4887
5087
  type SidebarCollapsible = 'icon' | 'off-canvas';
4888
5088
  type SidebarVariant = 'sided-floating' | 'inset' | 'floating' | 'none';
4889
5089
 
4890
- type Props$k = {
5090
+ type Props$i = {
4891
5091
  children: ReactNode;
4892
5092
  className?: string;
4893
5093
  id?: string;
@@ -4898,7 +5098,7 @@ type Props$k = {
4898
5098
  resizable?: boolean;
4899
5099
  };
4900
5100
  declare const Sidebar: {
4901
- ({ children, className, id, side, style, container, keepMounted, resizable, }: Props$k): react_jsx_runtime.JSX.Element | null;
5101
+ ({ children, className, id, side, style, container, keepMounted, resizable, }: Props$i): react_jsx_runtime.JSX.Element | null;
4902
5102
  Header: ({ className, ...props }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => react_jsx_runtime.JSX.Element;
4903
5103
  Content: ({ ref, className, children, contentRef, }: {
4904
5104
  className?: string;
@@ -5568,7 +5768,7 @@ declare const Sidebar: {
5568
5768
  }) => react_jsx_runtime.JSX.Element;
5569
5769
  };
5570
5770
 
5571
- type Props$j = {
5771
+ type Props$h = {
5572
5772
  children?: ReactNode;
5573
5773
  defaultLeftMode?: SidebarMode;
5574
5774
  leftMode?: SidebarMode;
@@ -5586,7 +5786,7 @@ type Props$j = {
5586
5786
  onRightWidthChange?: (width: number) => void;
5587
5787
  defaultFilledSide?: SidebarSide | null;
5588
5788
  };
5589
- declare const SidebarProvider: ({ children, defaultLeftMode, leftMode, onLeftModeChange, defaultRightMode, rightMode, onRightModeChange, leftCollapsible, leftVariant, leftWidth, rightCollapsible, rightVariant, rightWidth, onLeftWidthChange, onRightWidthChange, defaultFilledSide, }: Props$j) => react_jsx_runtime.JSX.Element;
5789
+ declare const SidebarProvider: ({ children, defaultLeftMode, leftMode, onLeftModeChange, defaultRightMode, rightMode, onRightModeChange, leftCollapsible, leftVariant, leftWidth, rightCollapsible, rightVariant, rightWidth, onLeftWidthChange, onRightWidthChange, defaultFilledSide, }: Props$h) => react_jsx_runtime.JSX.Element;
5590
5790
 
5591
5791
  type Input = {
5592
5792
  variant: SidebarVariant;
@@ -5602,12 +5802,12 @@ type EffectiveWidths = {
5602
5802
  };
5603
5803
  declare const calcEffectiveWidths: ({ variant, width: customWidth, collapsible, state, mode, }: Input) => EffectiveWidths;
5604
5804
 
5605
- type Props$i = {
5805
+ type Props$g = {
5606
5806
  defaultMode?: SidebarMode;
5607
5807
  mode?: SidebarMode;
5608
5808
  onModeChange?: (state: SidebarMode) => void;
5609
5809
  };
5610
- declare const useSidebarState: ({ defaultMode, mode: modeProp, onModeChange }: Props$i) => {
5810
+ declare const useSidebarState: ({ defaultMode, mode: modeProp, onModeChange }: Props$g) => {
5611
5811
  isHovered: boolean;
5612
5812
  toggle: () => void;
5613
5813
  setMode: (dispatch: Parameters<react.Dispatch<react.SetStateAction<"expanded" | "collapsed" | "expand-on-hover">>>[0]) => void;
@@ -5637,7 +5837,7 @@ declare const separatorVariants: (props?: ({
5637
5837
  size?: "full" | "1/2" | "3/4" | null | undefined;
5638
5838
  orientation?: "horizontal" | "vertical" | null | undefined;
5639
5839
  } & class_variance_authority_types.ClassProp) | undefined) => string;
5640
- type Props$h = VariantProps<typeof separatorVariants> & Omit<ComponentProps<typeof RSeparator.Root>, 'decorative'> & {
5840
+ type Props$f = VariantProps<typeof separatorVariants> & Omit<ComponentProps<typeof RSeparator.Root>, 'decorative'> & {
5641
5841
  /**
5642
5842
  * Optional label rendered centered between two line segments
5643
5843
  * (typical "OR" divider). Implies `orientation="horizontal"`.
@@ -5645,12 +5845,12 @@ type Props$h = VariantProps<typeof separatorVariants> & Omit<ComponentProps<type
5645
5845
  */
5646
5846
  label?: ReactNode;
5647
5847
  };
5648
- declare const Separator: ({ className, orientation, size, label, ...props }: Props$h) => react_jsx_runtime.JSX.Element;
5848
+ declare const Separator: ({ className, orientation, size, label, ...props }: Props$f) => react_jsx_runtime.JSX.Element;
5649
5849
 
5650
5850
  declare const navbarClassnames: (props?: ({
5651
5851
  bordered?: boolean | null | undefined;
5652
5852
  } & class_variance_authority_types.ClassProp) | undefined) => string;
5653
- type Props$g = ComponentProps<'nav'> & VariantProps<typeof navbarClassnames> & {
5853
+ type Props$e = ComponentProps<'nav'> & VariantProps<typeof navbarClassnames> & {
5654
5854
  accent?: 'blue' | 'purple' | 'green' | 'orange';
5655
5855
  };
5656
5856
  /**
@@ -5668,7 +5868,7 @@ type Props$g = ComponentProps<'nav'> & VariantProps<typeof navbarClassnames> & {
5668
5868
  * @see AppShell — pair with `AppShell.Header`; the sidebar rail uses `Sidebar` instead.
5669
5869
  */
5670
5870
  declare const Navbar: {
5671
- ({ className, accent, bordered, ...rest }: Props$g): react_jsx_runtime.JSX.Element;
5871
+ ({ className, accent, bordered, ...rest }: Props$e): react_jsx_runtime.JSX.Element;
5672
5872
  Header: ({ children, className, ...rest }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => react_jsx_runtime.JSX.Element;
5673
5873
  Footer: ({ children, className, ...rest }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => react_jsx_runtime.JSX.Element;
5674
5874
  Content: ({ children, className }: {
@@ -5702,9 +5902,9 @@ declare const Navbar: {
5702
5902
  }) => react_jsx_runtime.JSX.Element;
5703
5903
  };
5704
5904
 
5705
- type Props$f = ComponentProps<'nav'>;
5905
+ type Props$d = ComponentProps<'nav'>;
5706
5906
  declare const Breadcrumb: {
5707
- ({ className, ...props }: Props$f): react_jsx_runtime.JSX.Element;
5907
+ ({ className, ...props }: Props$d): react_jsx_runtime.JSX.Element;
5708
5908
  List: ({ className, ...props }: react.DetailedHTMLProps<react.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>) => react_jsx_runtime.JSX.Element;
5709
5909
  Item: ({ className, ...props }: react.DetailedHTMLProps<react.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>) => react_jsx_runtime.JSX.Element;
5710
5910
  Link: ({ ref, asChild, className, ...props }: (react.ClassAttributes<HTMLAnchorElement> & react.AnchorHTMLAttributes<HTMLAnchorElement> & {
@@ -5726,7 +5926,7 @@ type Trigger<T extends string> = {
5726
5926
  title: ReactNode;
5727
5927
  onClose?: (value: T) => void;
5728
5928
  } & Omit<RadixTabs.TabsTriggerProps, 'title' | 'asChild'>;
5729
- type Props$e<T extends string> = {
5929
+ type Props$c<T extends string> = {
5730
5930
  triggers: Trigger<T>[];
5731
5931
  compact?: boolean;
5732
5932
  children: ReactNode;
@@ -5737,7 +5937,7 @@ type Props$e<T extends string> = {
5737
5937
  triggerClassName?: string;
5738
5938
  triggerGroupClassName?: string;
5739
5939
  } & Omit<RadixTabs.TabsProps, 'onValueChange'>;
5740
- declare const Tabs: <T extends string>({ triggers, compact, children, defaultValue, onValueChange, rootClassName, listClassName, triggerClassName, triggerGroupClassName, ...rest }: Props$e<T>) => react_jsx_runtime.JSX.Element;
5940
+ declare const Tabs: <T extends string>({ triggers, compact, children, defaultValue, onValueChange, rootClassName, listClassName, triggerClassName, triggerGroupClassName, ...rest }: Props$c<T>) => react_jsx_runtime.JSX.Element;
5741
5941
 
5742
5942
  declare const TabsContent: (props: RadixTabs.TabsContentProps) => react_jsx_runtime.JSX.Element;
5743
5943
 
@@ -5754,7 +5954,7 @@ declare const stepperVariants: (props?: ({
5754
5954
  orientation?: "horizontal" | "vertical" | null | undefined;
5755
5955
  } & class_variance_authority_types.ClassProp) | undefined) => string;
5756
5956
 
5757
- type Props$d = {
5957
+ type Props$b = {
5758
5958
  /** Layout direction. Defaults to `horizontal`. */
5759
5959
  orientation?: StepperOrientation;
5760
5960
  /**
@@ -5776,7 +5976,7 @@ type Props$d = {
5776
5976
  * otherwise the stepper is visual only. Each step's `status` prop drives the indicator + connector colour.
5777
5977
  */
5778
5978
  declare const Stepper: {
5779
- ({ orientation, onStepClick, children, className, ...props }: Props$d): react_jsx_runtime.JSX.Element;
5979
+ ({ orientation, onStepClick, children, className, ...props }: Props$b): react_jsx_runtime.JSX.Element;
5780
5980
  Step: ({ status, children, className, ...props }: {
5781
5981
  status?: StepStatus;
5782
5982
  children: ReactNode;
@@ -5794,9 +5994,9 @@ declare const cardClassnames: (props?: ({
5794
5994
  padding?: "none" | "small" | "medium" | "large" | null | undefined;
5795
5995
  } & class_variance_authority_types.ClassProp) | undefined) => string;
5796
5996
 
5797
- type Props$c = HTMLAttributes<HTMLDivElement> & VariantProps<typeof cardClassnames>;
5997
+ type Props$a = HTMLAttributes<HTMLDivElement> & VariantProps<typeof cardClassnames>;
5798
5998
  declare const Card: {
5799
- ({ children, className, bordered, padding, ...rest }: Props$c): react_jsx_runtime.JSX.Element;
5999
+ ({ children, className, bordered, padding, ...rest }: Props$a): react_jsx_runtime.JSX.Element;
5800
6000
  Header: ({ children, ...rest }: HTMLAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
5801
6001
  Content: ({ children, ...rest }: HTMLAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
5802
6002
  Title: ({ children, className, ...rest }: HTMLAttributes<HTMLHeadingElement>) => react_jsx_runtime.JSX.Element;
@@ -5806,7 +6006,7 @@ declare const Card: {
5806
6006
  * Props for `Table`. `borderCollapsed` toggles standard collapsed borders vs separate row spacing;
5807
6007
  * `bordered` wraps the table in a rounded bordered container with overflow scrolling.
5808
6008
  */
5809
- type Props$b = {
6009
+ type Props$9 = {
5810
6010
  borderCollapsed?: boolean;
5811
6011
  bordered?: boolean;
5812
6012
  containerClassName?: string;
@@ -5825,7 +6025,7 @@ type Props$b = {
5825
6025
  * @see RECIPES.md#list-detail — for a list-table + row-click-to-detail pattern
5826
6026
  */
5827
6027
  declare const Table: {
5828
- ({ borderCollapsed, bordered, containerClassName, className, ...props }: Props$b): react_jsx_runtime.JSX.Element;
6028
+ ({ borderCollapsed, bordered, containerClassName, className, ...props }: Props$9): react_jsx_runtime.JSX.Element;
5829
6029
  Header: ({ withShadow, className, ...props }: {
5830
6030
  withShadow?: boolean;
5831
6031
  } & ComponentProps<"thead">) => react_jsx_runtime.JSX.Element;
@@ -5840,11 +6040,11 @@ declare const Table: {
5840
6040
  Footer: ({ className, ...props }: ComponentProps<"tfoot">) => react_jsx_runtime.JSX.Element;
5841
6041
  };
5842
6042
 
5843
- type Props$a = ComponentProps<'ul'> & {
6043
+ type Props$8 = ComponentProps<'ul'> & {
5844
6044
  variant?: 'solid' | 'dashed';
5845
6045
  };
5846
6046
  declare const Timeline: {
5847
- ({ className, variant, ...rest }: Props$a): react_jsx_runtime.JSX.Element;
6047
+ ({ className, variant, ...rest }: Props$8): react_jsx_runtime.JSX.Element;
5848
6048
  Item: ({ className, ...rest }: react.DetailedHTMLProps<react.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>) => react_jsx_runtime.JSX.Element;
5849
6049
  Content: ({ className, ...rest }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => react_jsx_runtime.JSX.Element;
5850
6050
  Connector: ({ className, children, asChild, variant, align, offset, style, ...rest }: {
@@ -5857,25 +6057,25 @@ declare const Timeline: {
5857
6057
  } & class_variance_authority_types.ClassProp) | undefined) => string>) => react_jsx_runtime.JSX.Element;
5858
6058
  };
5859
6059
 
5860
- type Props$9 = {
6060
+ type Props$7 = {
5861
6061
  text: ReactNode;
5862
6062
  tooltip?: ReactNode;
5863
6063
  twoLines?: boolean;
5864
6064
  noTooltip?: boolean;
5865
- tooltipVariant?: Props$1I['variant'];
5866
- tooltipPlacement?: Props$1I['placement'];
6065
+ tooltipVariant?: Props$1J['variant'];
6066
+ tooltipPlacement?: Props$1J['placement'];
5867
6067
  } & Omit<ComponentPropsWithoutRef<'span'>, 'children'>;
5868
- declare const Truncated: ({ ref, text, tooltip, className, twoLines, noTooltip, tooltipVariant, tooltipPlacement, ...rest }: Props$9 & {
6068
+ declare const Truncated: ({ ref, text, tooltip, className, twoLines, noTooltip, tooltipVariant, tooltipPlacement, ...rest }: Props$7 & {
5869
6069
  ref?: Ref<ElementRef<"span">>;
5870
6070
  }) => react_jsx_runtime.JSX.Element;
5871
6071
 
5872
- type Props$8 = {
6072
+ type Props$6 = {
5873
6073
  source: string;
5874
6074
  className?: string;
5875
6075
  mark?: string;
5876
6076
  isCaseSensitive?: boolean;
5877
6077
  } & ComponentProps<'span'>;
5878
- declare const MarkedText: ({ ref, source, mark, isCaseSensitive, ...spanProps }: Props$8 & {
6078
+ declare const MarkedText: ({ ref, source, mark, isCaseSensitive, ...spanProps }: Props$6 & {
5879
6079
  ref?: Ref<ElementRef<"span">>;
5880
6080
  }) => react_jsx_runtime.JSX.Element;
5881
6081
 
@@ -5883,9 +6083,9 @@ declare const kbdVariants: (props?: ({
5883
6083
  variant?: "primary" | "default" | null | undefined;
5884
6084
  } & class_variance_authority_types.ClassProp) | undefined) => string;
5885
6085
 
5886
- type Props$7 = ComponentProps<'kbd'> & VariantProps<typeof kbdVariants>;
6086
+ type Props$5 = ComponentProps<'kbd'> & VariantProps<typeof kbdVariants>;
5887
6087
  declare const Kbd: {
5888
- ({ children, className, variant, ...rest }: Props$7): react_jsx_runtime.JSX.Element;
6088
+ ({ children, className, variant, ...rest }: Props$5): react_jsx_runtime.JSX.Element;
5889
6089
  Group: ({ ref, className, children, separator, ...props }: ({
5890
6090
  separator?: string;
5891
6091
  } & react.ClassAttributes<HTMLElement> & react.HTMLAttributes<HTMLElement>) & {
@@ -5901,9 +6101,9 @@ type KeyRepresentation = {
5901
6101
  };
5902
6102
  declare const keys: Record<KeyName, KeyRepresentation>;
5903
6103
 
5904
- type Props$6 = ComponentProps<'nav'>;
6104
+ type Props$4 = ComponentProps<'nav'>;
5905
6105
  declare const Pagination: {
5906
- ({ className, ...props }: Props$6): react_jsx_runtime.JSX.Element;
6106
+ ({ className, ...props }: Props$4): react_jsx_runtime.JSX.Element;
5907
6107
  Content: ({ className, ...props }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLUListElement>, HTMLUListElement>) => react_jsx_runtime.JSX.Element;
5908
6108
  Item: ({ className, ...props }: react.DetailedHTMLProps<react.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>) => react_jsx_runtime.JSX.Element;
5909
6109
  Button: ({ ref, active: isActive, className, children, size, ...props }: ({
@@ -5951,7 +6151,7 @@ declare const Pagination: {
5951
6151
  Ellipsis: ({ className, ...props }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>) => react_jsx_runtime.JSX.Element;
5952
6152
  };
5953
6153
 
5954
- type Props$5 = {
6154
+ type Props$3 = {
5955
6155
  oldValue: string;
5956
6156
  newValue: string;
5957
6157
  ignoreWhitespace?: boolean;
@@ -5961,7 +6161,7 @@ type Props$5 = {
5961
6161
  rightTitle: ReactNode;
5962
6162
  rightTitleGutter?: ReactNode;
5963
6163
  };
5964
- declare const DiffView: ({ leftTitle, leftTitleGutter, rightTitle, rightTitleGutter, oldValue, newValue, ignoreWhitespace, className, }: Props$5) => react_jsx_runtime.JSX.Element;
6164
+ declare const DiffView: ({ leftTitle, leftTitleGutter, rightTitle, rightTitleGutter, oldValue, newValue, ignoreWhitespace, className, }: Props$3) => react_jsx_runtime.JSX.Element;
5965
6165
 
5966
6166
  declare const DiffType: {
5967
6167
  readonly DEFAULT: "default";
@@ -6006,17 +6206,17 @@ type DiffRow = {
6006
6206
  declare const computeLineInformation: (oldString: string, newString: string, ignoreWhitespace?: boolean) => ComputedLineInformation;
6007
6207
  declare const computeDiffRows: (lineInformation: LineInformation[], diffLines: number[], expandedBlocks: number[]) => DiffRow[];
6008
6208
 
6009
- type Props$4 = {
6209
+ type Props$2 = {
6010
6210
  label: string;
6011
6211
  sublabel?: string;
6012
6212
  };
6013
- declare const PaneHeader: ({ label, sublabel }: Props$4) => react_jsx_runtime.JSX.Element;
6213
+ declare const PaneHeader: ({ label, sublabel }: Props$2) => react_jsx_runtime.JSX.Element;
6014
6214
 
6015
- type Props$3 = {
6215
+ type Props$1 = {
6016
6216
  remainingConflicts: number;
6017
6217
  remainingSafeChanges: number;
6018
6218
  };
6019
- declare const ConflictStatusIndicator: ({ remainingConflicts, remainingSafeChanges }: Props$3) => react_jsx_runtime.JSX.Element;
6219
+ declare const ConflictStatusIndicator: ({ remainingConflicts, remainingSafeChanges }: Props$1) => react_jsx_runtime.JSX.Element;
6020
6220
 
6021
6221
  declare const useMergeDiff: (baseText: string, leftText: string, rightText: string) => {
6022
6222
  mergeValue: string;
@@ -7396,8 +7596,8 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_react_form.Form
7396
7596
  description?: react.ReactNode;
7397
7597
  variant?: class_variance_authority.VariantProps<typeof fieldBoxVariants>["variant"];
7398
7598
  position?: "start" | "end";
7399
- tooltip?: Props$1I["tooltip"];
7400
- tooltipPlacement?: Props$1I["placement"];
7599
+ tooltip?: Props$1J["tooltip"];
7600
+ tooltipPlacement?: Props$1J["placement"];
7401
7601
  } & Omit<_radix_ui_react_checkbox.CheckboxProps & react.RefAttributes<HTMLButtonElement>, "id">, "checked" | "onCheckedChange"> & {
7402
7602
  checked?: _radix_ui_react_checkbox.CheckedState;
7403
7603
  onCheckedChange?: (checked: _radix_ui_react_checkbox.CheckedState) => void;
@@ -8776,8 +8976,8 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
8776
8976
  description?: react.ReactNode;
8777
8977
  variant?: class_variance_authority.VariantProps<typeof fieldBoxVariants>["variant"];
8778
8978
  position?: "start" | "end";
8779
- tooltip?: Props$1I["tooltip"];
8780
- tooltipPlacement?: Props$1I["placement"];
8979
+ tooltip?: Props$1J["tooltip"];
8980
+ tooltipPlacement?: Props$1J["placement"];
8781
8981
  } & Omit<_radix_ui_react_checkbox.CheckboxProps & react.RefAttributes<HTMLButtonElement>, "id">, "checked" | "onCheckedChange"> & {
8782
8982
  checked?: _radix_ui_react_checkbox.CheckedState;
8783
8983
  onCheckedChange?: (checked: _radix_ui_react_checkbox.CheckedState) => void;
@@ -10156,8 +10356,8 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
10156
10356
  description?: react.ReactNode;
10157
10357
  variant?: class_variance_authority.VariantProps<typeof fieldBoxVariants>["variant"];
10158
10358
  position?: "start" | "end";
10159
- tooltip?: Props$1I["tooltip"];
10160
- tooltipPlacement?: Props$1I["placement"];
10359
+ tooltip?: Props$1J["tooltip"];
10360
+ tooltipPlacement?: Props$1J["placement"];
10161
10361
  } & Omit<_radix_ui_react_checkbox.CheckboxProps & react.RefAttributes<HTMLButtonElement>, "id">, "checked" | "onCheckedChange"> & {
10162
10362
  checked?: _radix_ui_react_checkbox.CheckedState;
10163
10363
  onCheckedChange?: (checked: _radix_ui_react_checkbox.CheckedState) => void;
@@ -10245,186 +10445,13 @@ declare const mergeRefs: <T>(...refs: PossibleRef<T>[]) => (node: T) => void;
10245
10445
 
10246
10446
  declare const isMac: boolean;
10247
10447
 
10248
- type Props$2 = {
10448
+ type Props = {
10249
10449
  /** Raw SVG markup. Sanitized internally with DOMPurify (SVG profile) before rendering, so it is
10250
10450
  * safe even when it originates from user/LLM-controlled content. Non-SVG HTML is stripped. */
10251
10451
  html: string;
10252
10452
  copyText?: string;
10253
10453
  className?: string;
10254
10454
  };
10255
- declare const ZoomableSvg: ({ html, copyText, className }: Props$2) => react_jsx_runtime.JSX.Element;
10256
-
10257
- type ColorScheme = 'light' | 'dark' | 'system';
10258
- type ResolvedMode = 'light' | 'dark';
10259
- type ThemeContextValue = {
10260
- brand: Brand;
10261
- setBrand?: (brand: Brand) => void;
10262
- /** The configured color scheme (may be `'system'`). */
10263
- colorScheme: ColorScheme;
10264
- /** The effective light/dark mode after resolving `'system'`. */
10265
- resolvedMode: ResolvedMode;
10266
- };
10267
-
10268
- type Props$1 = {
10269
- /**
10270
- * Brand whose tokens drive the chrome (`@keboola/design`'s semantic CSS
10271
- * variables) inside this provider's subtree. Defaults to the canonical
10272
- * `keboola` brand so existing apps that mount `<ThemeProvider>` without a
10273
- * `brand` prop continue to render as today.
10274
- */
10275
- brand?: Brand;
10276
- /**
10277
- * Optional setter exposed through `useTheme()` so consumers can flip
10278
- * brands at runtime (Storybook toolbar, a customer-impersonation switch).
10279
- */
10280
- setBrand?: (brand: Brand) => void;
10281
- /**
10282
- * Light/dark mode. `'system'` follows `prefers-color-scheme` and updates
10283
- * reactively. Defaults to `'light'` so existing mounts don't drift. Only
10284
- * the ROOT provider applies this (sets `data-theme`, owns the media
10285
- * listener); a nested provider inherits the root's resolved mode.
10286
- */
10287
- colorScheme?: ColorScheme;
10288
- children: ReactNode;
10289
- };
10290
- /**
10291
- * Responsibilities:
10292
- * - ROOT only: render hidden SVG gradient definitions (`aigradient-600`,
10293
- * `aigradient-700`). The IDs are hardcoded, so a nested provider must not
10294
- * re-emit them or the document gains duplicate (HTML-invalid) IDs.
10295
- * - Set `data-brand="<brand.id>"` on `<html>` and inject the matching `--color-*` /
10296
- * `--radius-*` CSS variables (for the resolved light/dark mode) so chrome
10297
- * re-skins for the supplied brand.
10298
- * - ROOT only: set `data-theme` (`light` | `dark`) on `<html>` and own the
10299
- * `prefers-color-scheme` media listener when `colorScheme === 'system'`.
10300
- * A nested provider inherits the resolved mode from the parent context and
10301
- * touches neither `data-theme` nor a media listener.
10302
- * - Expose `{ brand, setBrand?, colorScheme, resolvedMode }` via `useTheme()`.
10303
- *
10304
- * Brand × mode: the active mode's palette is injected inline on `<html>`. When
10305
- * the resolved mode is `dark` and the brand has no `colorsDark`, the colour
10306
- * vars are NOT emitted — the stylesheet `[data-theme='dark']` block supplies
10307
- * them, so no `!important` override is ever needed.
10308
- *
10309
- * `data-brand` (brand id) and `data-theme` (light/dark) are separate axes so
10310
- * they compose without clobbering each other.
10311
- */
10312
- declare const ThemeProvider: ({ brand, setBrand, colorScheme, children, }: Props$1) => react_jsx_runtime.JSX.Element;
10313
-
10314
- /**
10315
- * Read the active brand (and optional setter) from the nearest `<ThemeProvider>`.
10316
- *
10317
- * Throws if no provider is mounted — mirrors TanStack Query's `useQueryClient`
10318
- * error UX so missing-provider bugs surface as a clear runtime message instead
10319
- * of a confusing "undefined.brand" downstream.
10320
- */
10321
- declare const useTheme: () => ThemeContextValue;
10322
-
10323
- /**
10324
- * Read the configured color scheme and the effective light/dark mode from the
10325
- * nearest `<ThemeProvider>`. Read-only — there is no setter (yet).
10326
- *
10327
- * Throws if no provider is mounted (mirrors `useTheme()`).
10328
- */
10329
- declare const useColorScheme: () => {
10330
- colorScheme: ColorScheme;
10331
- resolvedMode: ResolvedMode;
10332
- };
10333
-
10334
- declare const useIsLegacyBrand: () => boolean;
10335
-
10336
- type Props = {
10337
- brand: Brand;
10338
- colorScheme?: ColorScheme;
10339
- children: ReactNode;
10340
- };
10341
- /**
10342
- * Storybook decorator that wraps every story in a `ThemeProvider`. Wire it
10343
- * once in `.storybook/preview.tsx` (added to the global `decorators` array),
10344
- * driven by the `brand` global the toolbar item sets. Pair with
10345
- * `resolveStorybookBrand` + `themeToolbarBrands` from `./storybookBrands` to
10346
- * build the toolbar. This is the empirical brand-swap harness UT-4047
10347
- * promised for the layer-0 contract.
10348
- *
10349
- * `colorScheme` (driven by the **Mode** toolbar) is forwarded to the provider
10350
- * so flipping it sets `data-theme` and emits the active mode's palette — the
10351
- * empirical light/dark switch. The story is rendered on a `bg-background`
10352
- * surface so the mode is actually visible (otherwise dark-mode text sits on
10353
- * the unrelated canvas backdrop).
10354
- */
10355
- declare const ThemeDecorator: ({ brand, colorScheme, children }: Props) => react_jsx_runtime.JSX.Element;
10356
-
10357
- /**
10358
- * Default toolbar items shipped with `ThemeDecorator` — the same brand IDs
10359
- * the registry exports today. Re-exported so a downstream Storybook config
10360
- * can extend the list with additional brands without re-implementing the
10361
- * decorator wiring.
10362
- */
10363
- declare const themeToolbarBrands: {
10364
- id: string;
10365
- name: string;
10366
- colors: {
10367
- foreground: string;
10368
- background: string;
10369
- muted: string;
10370
- mutedForeground: string;
10371
- border: string;
10372
- primary: string;
10373
- primaryForeground: string;
10374
- destructive: string;
10375
- destructiveForeground: string;
10376
- accent?: string | undefined;
10377
- accentForeground?: string | undefined;
10378
- };
10379
- shell: "sidebar" | "topnav";
10380
- colorsDark?: {
10381
- foreground: string;
10382
- background: string;
10383
- muted: string;
10384
- mutedForeground: string;
10385
- border: string;
10386
- primary: string;
10387
- primaryForeground: string;
10388
- destructive: string;
10389
- destructiveForeground: string;
10390
- accent?: string | undefined;
10391
- accentForeground?: string | undefined;
10392
- } | undefined;
10393
- sidebarColors?: {
10394
- sidebar?: string | undefined;
10395
- sidebarForeground?: string | undefined;
10396
- sidebarPrimary?: string | undefined;
10397
- sidebarPrimaryForeground?: string | undefined;
10398
- sidebarAccent?: string | undefined;
10399
- sidebarAccentForeground?: string | undefined;
10400
- sidebarBorder?: string | undefined;
10401
- sidebarRing?: string | undefined;
10402
- } | undefined;
10403
- sidebarColorsDark?: {
10404
- sidebar?: string | undefined;
10405
- sidebarForeground?: string | undefined;
10406
- sidebarPrimary?: string | undefined;
10407
- sidebarPrimaryForeground?: string | undefined;
10408
- sidebarAccent?: string | undefined;
10409
- sidebarAccentForeground?: string | undefined;
10410
- sidebarBorder?: string | undefined;
10411
- sidebarRing?: string | undefined;
10412
- } | undefined;
10413
- typography?: {
10414
- fontFamily: string;
10415
- } | undefined;
10416
- radii?: {
10417
- sm: string;
10418
- md: string;
10419
- lg: string;
10420
- } | undefined;
10421
- density?: "comfortable" | "compact" | undefined;
10422
- }[];
10423
- /**
10424
- * Resolve a brand ID coming from the Storybook globals object. Falls back to
10425
- * the canonical Keboola brand if the ID is unknown — keeps the decorator
10426
- * defensive against stale URL state.
10427
- */
10428
- declare const resolveStorybookBrand: (id: unknown) => Brand;
10455
+ declare const ZoomableSvg: ({ html, copyText, className }: Props) => react_jsx_runtime.JSX.Element;
10429
10456
 
10430
- export { Alert, AlertModal, AnswerSummary, type AnswerItem as AnswerSummaryItem, type Props$H as AnswerSummaryProps, type Variant$5 as AnswerSummaryVariant, AppShell, AutoSaveTextarea, Avatar, Badge, Breadcrumb, Button, ButtonGroup, ButtonInline, Calendar, type CalendarProps, Card, ChangeClassification, Checkbox, Clipboard, ClipboardButton, ClipboardInline, Collapse, Collapsible, CollapsiblePanel, CollapsibleStepHeader, ColorInput, type ColorScheme, Combobox, Command, CommandGroup, CommandInput, CommandItem, CommandList, ConflictStatusIndicator, DateInput, DatePicker, type DateRange, DateRangeInput, DateRangePicker, type DateRangePreset, type DiffInformation, type DiffRow, DiffType, DiffView, DotsLoader, DropdownMenu, EmptyConfigurationActionCard, EmptySearchContent, EmptyState, type RootProps$3 as EmptyStateProps, type Variant$1 as EmptyStateVariant, ErrorState, type RootProps$2 as ErrorStateProps, type Variant as ErrorStateVariant, FileUpload, FormGroup, FullScreenModal, FullScreenModalBody, FullScreenModalHeader, HelpBlock, HoverCard, InlineStepDetail, type Props$F as InlineStepDetailProps, InlineStepLabel, type Props$E as InlineStepLabelProps, type Variant$3 as InlineStepLabelVariant, InputGroup, InputOtp, type RootProps$4 as InputOtpProps, Kbd, Label, type LineInformation, Link, MarkedText, MergeConflict, MessageBubble, Modal, MultiActionButtonGroup, MultiCombobox, Navbar, NumberInput, PageHeader, PageLayout, PageToolbar, Pagination, PaneHeader, PanelWithDetails, PasswordInput, PlanApproval, type PlanApprovalProps, type PlanApprovalStatus, PlanRewritingIndicator, type PlanRewritingIndicatorProps, Popconfirm, Popover, Progress, type PromptCommand, PromptInput, type Props$1j as Props, Question, type QuestionAnswers, QuestionBlock, type Props$y as QuestionBlockProps, type QuestionOption, type Props$z as QuestionProps, type QuestionStep, RadioGroup, ResizableHandle, ResizablePanel, ResizablePanelGroup, type ResolvedMode, ScrollArea, ScrollBar, Search, SearchForm, SearchInput, SearchInputWithNavigation, Select, type SelectItem, type SelectItemGroup, Separator, type ServerFieldError, Sheet, type SideInformation, Sidebar, type SidebarMode, SidebarProvider, type SidebarSide, Skeleton, SkeletonList, Slider, SplitButton, type StepStatus, Stepper, type StepperOrientation, SuggestedPrompt, Switch, Table, Tabs, TabsContent, Tagger, TextInput, Textarea, type ThemeContextValue, ThemeDecorator, ThemeProvider, ThinkingIndicator, type ThumbTooltipFn, TimeInput, TimePicker, Timeline, type ToastOptions, Toaster, Toggle, ToggleGroup, Tooltip, type Props$1I as TooltipProps, TooltipProvider, type Trigger, Truncated, UsageStats, UsageStatsRing, type UseAutosizeInputOptions, type UseAutosizeInputReturn, type ValidityState, type WordInformation, ZoomableSvg, argoVariants, cn, computeDiffRows, computeLineInformation, copyToClipboard, isMac, kbdVariants, keys, mergeRefs, resolveStorybookBrand, setServerFieldErrors, themeToolbarBrands, toast, useAppForm, useAutosizeInput, useColorScheme, useInputOtpContext, useIsLegacyBrand, useMergeDiff, useNotification, useScrollbarPosition, useSidebar, useTheme, withForm };
10457
+ 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 };