@keboola/design 3.0.0 → 3.1.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.
Files changed (22) hide show
  1. package/README.md +2 -4
  2. package/dist/index.cjs +1065 -803
  3. package/dist/index.cjs.map +1 -1
  4. package/dist/index.d.cts +379 -389
  5. package/dist/index.d.ts +379 -389
  6. package/dist/index.js +1046 -785
  7. package/dist/index.js.map +1 -1
  8. package/dist/markdown-editor.cjs +200 -143
  9. package/dist/markdown-editor.cjs.map +1 -1
  10. package/dist/markdown-editor.js +199 -143
  11. package/dist/markdown-editor.js.map +1 -1
  12. package/dist/mermaid.cjs +75 -44
  13. package/dist/mermaid.cjs.map +1 -1
  14. package/dist/mermaid.js +75 -45
  15. package/dist/mermaid.js.map +1 -1
  16. package/dist/styles.css +1 -1
  17. package/dist/testing.cjs +11 -28
  18. package/dist/testing.cjs.map +1 -1
  19. package/dist/testing.js +11 -28
  20. package/dist/testing.js.map +1 -1
  21. package/package.json +13 -3
  22. package/src/styles.css +19 -18
package/dist/index.d.cts CHANGED
@@ -1,6 +1,6 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import * as react from 'react';
3
- import { ComponentProps, Ref, ElementRef, ReactNode, PropsWithChildren, HTMLAttributes, MouseEvent as MouseEvent$1, ChangeEvent, FocusEvent as FocusEvent$1, InputHTMLAttributes, JSX, KeyboardEvent as KeyboardEvent$1, ComponentPropsWithoutRef, CSSProperties, TransitionEventHandler, RefObject, MutableRefObject, RefCallback } from 'react';
3
+ import { ComponentProps, Ref, ElementRef, ReactNode, PropsWithChildren, HTMLAttributes, MouseEvent as MouseEvent$1, ChangeEvent, FocusEvent as FocusEvent$1, InputHTMLAttributes, KeyboardEvent as KeyboardEvent$1, ComponentPropsWithoutRef, CSSProperties, TransitionEventHandler, RefObject, MutableRefObject, RefCallback } from 'react';
4
4
  import * as class_variance_authority from 'class-variance-authority';
5
5
  import { VariantProps } from 'class-variance-authority';
6
6
  import * as class_variance_authority_types from 'class-variance-authority/types';
@@ -59,12 +59,12 @@ export { Brand, brandSchema, brands, exampleCustomer, getBrand, keboola, keboola
59
59
 
60
60
  declare const variants$3: (props?: ({
61
61
  block?: boolean | null | undefined;
62
- variant?: "inline" | "primary" | "secondary" | "danger" | "invisible" | "outline" | null | undefined;
62
+ variant?: "primary" | "inline" | "secondary" | "danger" | "invisible" | "outline" | null | undefined;
63
63
  size?: "small" | "medium" | "large" | "icon-lg" | "icon" | "icon-sm" | "icon-xs" | "icon-2xs" | "icon-3xs" | null | undefined;
64
64
  } & class_variance_authority_types.ClassProp) | undefined) => string;
65
65
  declare const argoVariants: (props?: ({
66
66
  block?: boolean | null | undefined;
67
- variant?: "inline" | "primary" | "secondary" | "danger" | "invisible" | "outline" | null | undefined;
67
+ variant?: "primary" | "inline" | "secondary" | "danger" | "invisible" | "outline" | null | undefined;
68
68
  size?: "small" | "medium" | "large" | "icon-lg" | "icon" | "icon-sm" | "icon-xs" | "icon-2xs" | "icon-3xs" | null | undefined;
69
69
  } & class_variance_authority_types.ClassProp) | undefined) => string;
70
70
 
@@ -77,12 +77,12 @@ declare const argoVariants: (props?: ({
77
77
  * `argo` opts into the Argo redesign styling (PageHeader / sidebar contexts) —
78
78
  * required when nested inside `PageHeader` or `PageLayout.Footer` slots.
79
79
  */
80
- type Props$1O = {
80
+ type Props$1P = {
81
81
  /** Replaces the leading content with a spinner and disables the button visually. The caller still controls `disabled`. */
82
82
  isLoading?: boolean;
83
83
  /** Render as a Radix `Slot` so the parent JSX (e.g. a `react-router` `<Link>`) becomes the button element. */
84
84
  asChild?: boolean;
85
- /** Opt into the Argo redesign variant. Required inside `PageHeader` slots and other Argo surfaces. */
85
+ /** @internal Transitional opt-in; removed once consumers wrap argo sections in `<ThemeProvider>`. */
86
86
  argo?: boolean;
87
87
  } & ComponentProps<'button'> & VariantProps<typeof variants$3>;
88
88
  /**
@@ -98,37 +98,37 @@ type Props$1O = {
98
98
  * @see RECIPES.md#disabled-button-tooltip — for the disabled-button + tooltip pattern
99
99
  * @see RECIPES.md#confirm-dialog — for destructive-action confirmation
100
100
  */
101
- declare const Button: ({ ref, children, disabled, className, type, isLoading, asChild, onClick, argo, variant, size, block, ...buttonProps }: Props$1O & {
101
+ declare const Button: ({ ref, children, disabled, className, type, isLoading, asChild, onClick, argo, variant, size, block, ...buttonProps }: Props$1P & {
102
102
  ref?: Ref<ElementRef<"button">>;
103
103
  }) => react_jsx_runtime.JSX.Element;
104
104
 
105
105
  declare const buttonInlineVariants: (props?: ({
106
- color?: "link" | "danger" | "dark" | "muted" | "custom" | null | undefined;
106
+ color?: "muted" | "link" | "danger" | "dark" | "custom" | null | undefined;
107
107
  variant?: "link" | "custom" | "link-reverse" | null | undefined;
108
108
  } & class_variance_authority_types.ClassProp) | undefined) => string;
109
- type Props$1N = ComponentProps<'button'> & VariantProps<typeof buttonInlineVariants> & {
109
+ type Props$1O = ComponentProps<'button'> & VariantProps<typeof buttonInlineVariants> & {
110
110
  asChild?: boolean;
111
111
  };
112
- declare const ButtonInline: ({ ref, children, className, variant, color, type, asChild, ...buttonProps }: Props$1N & {
112
+ declare const ButtonInline: ({ ref, children, className, variant, color, type, asChild, ...buttonProps }: Props$1O & {
113
113
  ref?: Ref<ElementRef<"button">>;
114
114
  }) => react_jsx_runtime.JSX.Element;
115
115
 
116
116
  declare const buttonGroupVariant: (props?: ({
117
117
  variant?: "inline" | "block" | null | undefined;
118
- space?: "small" | "medium" | "large" | "extra-small" | "little-small" | "compact" | null | undefined;
118
+ space?: "compact" | "small" | "medium" | "large" | "extra-small" | "little-small" | null | undefined;
119
119
  } & class_variance_authority_types.ClassProp) | undefined) => string;
120
- type Props$1M = {
120
+ type Props$1N = {
121
121
  children: ReactNode;
122
122
  className?: string;
123
123
  } & VariantProps<typeof buttonGroupVariant> & ComponentProps<'div'>;
124
- declare const ButtonGroup: ({ ref, children, space, className, variant, ...rest }: Props$1M & {
124
+ declare const ButtonGroup: ({ ref, children, space, className, variant, ...rest }: Props$1N & {
125
125
  ref?: Ref<ElementRef<"div">>;
126
126
  }) => react_jsx_runtime.JSX.Element;
127
127
 
128
128
  type Variant$9 = ComponentProps<typeof Button>['variant'];
129
129
  type Size = NonNullable<ComponentProps<typeof Button>['size']>;
130
130
  type SpitButtonSize = Exclude<Size, 'icon' | 'icon-lg' | 'icon-sm' | 'icon-xs' | 'icon-2xs' | 'icon-3xs'>;
131
- type Props$1L = {
131
+ type Props$1M = {
132
132
  actions?: ReactNode;
133
133
  isActionsOpen?: boolean;
134
134
  onActionsOpenChange?: (open: boolean) => void;
@@ -137,7 +137,7 @@ type Props$1L = {
137
137
  variant?: Exclude<Variant$9, 'inline' | 'invisible'>;
138
138
  size?: SpitButtonSize;
139
139
  } & Omit<ComponentProps<typeof Button>, 'variant' | 'size' | 'icon'>;
140
- declare const SplitButton: (({ ref, disabled, actions, variant, size, isActionsOpen, onActionsOpenChange, argo, icon, children, ...rest }: Props$1L & {
140
+ declare const SplitButton: (({ ref, disabled, actions, variant, size, isActionsOpen, onActionsOpenChange, argo, icon, children, ...rest }: Props$1M & {
141
141
  ref?: Ref<ElementRef<"button">>;
142
142
  }) => react_jsx_runtime.JSX.Element) & {
143
143
  Action: ({ ref, className, asModalTrigger, onSelect, onPointerLeave, onPointerMove, children, asChild, icon, iconClassName, isLoading, ...props }: (_radix_ui_react_dropdown_menu.DropdownMenuItemProps & react.RefAttributes<HTMLDivElement> & {
@@ -151,11 +151,11 @@ declare const SplitButton: (({ ref, disabled, actions, variant, size, isActionsO
151
151
  Actions: react.ForwardRefExoticComponent<_radix_ui_react_dropdown_menu.DropdownMenuGroupProps & react.RefAttributes<HTMLDivElement>>;
152
152
  };
153
153
 
154
- type Props$1K = {
154
+ type Props$1L = {
155
155
  className?: string;
156
156
  } & PropsWithChildren;
157
157
  declare const MultiActionButtonGroup: {
158
- ({ children, className }: Props$1K): react_jsx_runtime.JSX.Element;
158
+ ({ children, className }: Props$1L): react_jsx_runtime.JSX.Element;
159
159
  Button: ({ disabled, icon, isLoading, label, onClick, tooltipContent, tooltipVariant, "data-testid": dataTestId, }: {
160
160
  disabled?: boolean;
161
161
  icon: react.ReactNode;
@@ -169,15 +169,15 @@ declare const MultiActionButtonGroup: {
169
169
  };
170
170
 
171
171
  declare const toggleVariants: (props?: ({
172
- variant?: "ai" | "ai-vivid" | "ghost" | null | undefined;
172
+ variant?: "argo" | "ai" | "ai-vivid" | "ghost" | null | undefined;
173
173
  size?: "small" | "medium" | "large" | null | undefined;
174
174
  iconOnly?: boolean | null | undefined;
175
175
  } & class_variance_authority_types.ClassProp) | undefined) => string;
176
- type Props$1J = {
176
+ type Props$1K = {
177
177
  icon?: ReactNode;
178
178
  badge?: ReactNode;
179
179
  } & ComponentProps<typeof Root> & Omit<VariantProps<typeof toggleVariants>, 'iconOnly'>;
180
- declare const Toggle: ({ ref, className, variant, size, children, icon, badge, disabled, ...props }: Props$1J & {
180
+ declare const Toggle: ({ ref, className, variant, size, children, icon, badge, disabled, ...props }: Props$1K & {
181
181
  ref?: Ref<ElementRef<"button">>;
182
182
  }) => react_jsx_runtime.JSX.Element;
183
183
 
@@ -198,11 +198,13 @@ declare const ToggleGroup: (({ ref, className, size, ...props }: RootProps$5 & {
198
198
  declare const tooltipVariants: (props?: ({
199
199
  variant?: "action" | "explanatory" | null | undefined;
200
200
  } & class_variance_authority_types.ClassProp) | undefined) => string;
201
- type Props$1I = {
201
+ type Props$1J = {
202
202
  keepOpenOnPointerDownOutside?: boolean;
203
203
  placement?: ComponentProps<typeof Content>['side'];
204
+ /** @internal Transitional opt-in; removed once consumers wrap argo sections in `<ThemeProvider>`. */
205
+ argo?: boolean;
204
206
  } & Omit<ComponentProps<typeof Content>, 'side'> & VariantProps<typeof tooltipVariants>;
205
- declare const TooltipContent: ({ className, variant, keepOpenOnPointerDownOutside, children, onPointerDownOutside, sideOffset, collisionPadding, hideWhenDetached, placement, ...rest }: Props$1I) => react_jsx_runtime.JSX.Element;
207
+ declare const TooltipContent: ({ className, variant, argo, keepOpenOnPointerDownOutside, children, onPointerDownOutside, sideOffset, collisionPadding, hideWhenDetached, placement, ...rest }: Props$1J) => react_jsx_runtime.JSX.Element;
206
208
 
207
209
  type TriggerProps$1 = {
208
210
  triggerAsChild?: boolean;
@@ -211,7 +213,7 @@ type TriggerProps$1 = {
211
213
  * Props for `Tooltip`. `tooltip` is the popup content; `children` is the trigger element.
212
214
  * `variant` auto-resolves to `"explanatory"` for strings >30 chars, else `"action"`.
213
215
  */
214
- type Props$1H = {
216
+ type Props$1I = {
215
217
  /** Keep the tooltip visible when the user clicks the trigger (useful for click-to-copy feedback). */
216
218
  keepOpenOnTriggerClick?: boolean;
217
219
  /** Content rendered inside the tooltip. Plain text only — no interactive elements (use `HoverCard` or `Popover` for that). */
@@ -223,7 +225,7 @@ type Props$1H = {
223
225
  /** Forcibly show the tooltip regardless of hover state. Useful for guided-tour overlays. */
224
226
  forceShow?: boolean;
225
227
  className?: string;
226
- } & TriggerProps$1 & Pick<ComponentProps<typeof TooltipContent>, 'variant' | 'className'>;
228
+ } & TriggerProps$1 & Pick<ComponentProps<typeof TooltipContent>, 'variant' | 'className' | 'argo'>;
227
229
  /** Re-export of Radix `Tooltip.Provider`. Mount once at the app root so tooltips share delay state. */
228
230
  declare const TooltipProvider: react.FC<_radix_ui_react_tooltip.TooltipProviderProps>;
229
231
  /**
@@ -241,11 +243,12 @@ declare const TooltipProvider: react.FC<_radix_ui_react_tooltip.TooltipProviderP
241
243
  * @see RECIPES.md#disabled-button-tooltip — for the disabled-button + tooltip pattern
242
244
  */
243
245
  declare const Tooltip: {
244
- ({ tooltip, children, className, keepOpenOnTriggerClick, variant, placement, forceHide, forceShow, triggerAsChild, }: Props$1H): react_jsx_runtime.JSX.Element;
246
+ ({ tooltip, children, className, keepOpenOnTriggerClick, variant, argo, placement, forceHide, forceShow, triggerAsChild, }: Props$1I): react_jsx_runtime.JSX.Element;
245
247
  Root: ({ children, delayDuration, ...rest }: _radix_ui_react_tooltip.TooltipProps) => react_jsx_runtime.JSX.Element;
246
- Content: ({ className, variant, keepOpenOnPointerDownOutside, children, onPointerDownOutside, sideOffset, collisionPadding, hideWhenDetached, placement, ...rest }: {
248
+ Content: ({ className, variant, argo, keepOpenOnPointerDownOutside, children, onPointerDownOutside, sideOffset, collisionPadding, hideWhenDetached, placement, ...rest }: {
247
249
  keepOpenOnPointerDownOutside?: boolean;
248
250
  placement?: ComponentProps<typeof Content>["side"];
251
+ argo?: boolean;
249
252
  } & Omit<_radix_ui_react_tooltip.TooltipContentProps & react.RefAttributes<HTMLDivElement>, "side"> & class_variance_authority.VariantProps<(props?: ({
250
253
  variant?: "action" | "explanatory" | null | undefined;
251
254
  } & class_variance_authority_types.ClassProp) | undefined) => string>) => react_jsx_runtime.JSX.Element;
@@ -256,33 +259,33 @@ declare const Tooltip: {
256
259
  }) => react_jsx_runtime.JSX.Element;
257
260
  };
258
261
 
259
- type Props$1G = {
260
- tooltip?: Props$1H['tooltip'];
261
- tooltipPlacement?: Props$1H['placement'];
262
- tooltipVariant?: Props$1H['variant'];
263
- asChild?: Props$1H['triggerAsChild'];
262
+ type Props$1H = {
263
+ tooltip?: Props$1I['tooltip'];
264
+ tooltipPlacement?: Props$1I['placement'];
265
+ tooltipVariant?: Props$1I['variant'];
266
+ asChild?: Props$1I['triggerAsChild'];
264
267
  text?: string | (() => string);
265
268
  } & ComponentProps<'button'>;
266
- declare const Clipboard: ({ ref, text: textProp, children, tooltip, tooltipPlacement, tooltipVariant: tooltipVariantProp, asChild, onClick, className, ...restButtonProps }: Props$1G & {
269
+ declare const Clipboard: ({ ref, text: textProp, children, tooltip, tooltipPlacement, tooltipVariant: tooltipVariantProp, asChild, onClick, className, ...restButtonProps }: Props$1H & {
267
270
  ref?: Ref<ElementRef<"button">>;
268
271
  }) => react_jsx_runtime.JSX.Element;
269
272
 
270
273
  type ClipboardProps$1 = Pick<ComponentProps<typeof Clipboard>, 'text' | 'tooltip' | 'tooltipPlacement' | 'tooltipVariant'>;
271
274
  type ButtonProps$2 = Omit<ComponentProps<typeof Button>, 'disabled' | 'icon'>;
272
- type Props$1F = ClipboardProps$1 & ButtonProps$2 & {
275
+ type Props$1G = ClipboardProps$1 & ButtonProps$2 & {
273
276
  icon?: ReactNode;
274
277
  };
275
- declare const ClipboardButton: ({ text, tooltip, tooltipPlacement, tooltipVariant, icon, variant, children, ...rest }: Props$1F) => react_jsx_runtime.JSX.Element;
278
+ declare const ClipboardButton: ({ text, tooltip, tooltipPlacement, tooltipVariant, icon, variant, children, ...rest }: Props$1G) => react_jsx_runtime.JSX.Element;
276
279
 
277
280
  type ClipboardProps = Pick<ComponentProps<typeof Clipboard>, 'text' | 'tooltip' | 'tooltipPlacement' | 'tooltipVariant'>;
278
281
  type ButtonProps$1 = Omit<ComponentProps<typeof ButtonInline>, 'disabled'>;
279
- type Props$1E = {
282
+ type Props$1F = {
280
283
  hideIcon?: boolean;
281
284
  } & ClipboardProps & ButtonProps$1;
282
- declare const ClipboardInline: ({ text, tooltip, tooltipPlacement, tooltipVariant, children, hideIcon, ...rest }: Props$1E) => react_jsx_runtime.JSX.Element;
285
+ declare const ClipboardInline: ({ text, tooltip, tooltipPlacement, tooltipVariant, children, hideIcon, ...rest }: Props$1F) => react_jsx_runtime.JSX.Element;
283
286
 
284
- type Props$1D = ComponentProps<'a'>;
285
- declare const Link: ({ ref, children, target, rel, onClick, className, ...rest }: Props$1D & {
287
+ type Props$1E = ComponentProps<'a'>;
288
+ declare const Link: ({ ref, children, target, rel, onClick, className, ...rest }: Props$1E & {
286
289
  ref?: Ref<ElementRef<"a">>;
287
290
  }) => react_jsx_runtime.JSX.Element;
288
291
 
@@ -290,7 +293,7 @@ declare const Link: ({ ref, children, target, rel, onClick, className, ...rest }
290
293
  * Props for the `Modal` root — forwarded to Radix `Dialog.Root` (controls `open`, `onOpenChange`,
291
294
  * `defaultOpen`, `modal`).
292
295
  */
293
- type Props$1C = ComponentProps<typeof Root$1>;
296
+ type Props$1D = ComponentProps<typeof Root$1>;
294
297
  /**
295
298
  * Blocking dialog for confirmations, forms, and detail views. Built on Radix Dialog.
296
299
  *
@@ -306,14 +309,15 @@ type Props$1C = ComponentProps<typeof Root$1>;
306
309
  * @see RECIPES.md#confirm-dialog — for destructive-confirm dialogs
307
310
  */
308
311
  declare const Modal: {
309
- (props: Props$1C): react_jsx_runtime.JSX.Element;
312
+ (props: Props$1D): react_jsx_runtime.JSX.Element;
310
313
  /** Radix `Dialog.Close` re-export — closes the nearest `Modal` when clicked. Use `asChild` to wrap a `Button`. */
311
314
  Close: react.ForwardRefExoticComponent<_radix_ui_react_dialog.DialogCloseProps & react.RefAttributes<HTMLButtonElement>>;
312
315
  /** Radix `Dialog.Trigger` re-export — opens the modal. Use `asChild` to wrap a `Button`. */
313
316
  Trigger: react.ForwardRefExoticComponent<_radix_ui_react_dialog.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>>;
314
317
  /** Modal content container — portals into the overlay, handles sizing (`small` / `medium` / `large`) and open/close animation. */
315
- Content: ({ size, className, children, onEscapeKeyDown, ...props }: _radix_ui_react_dialog.DialogContentProps & react.RefAttributes<HTMLDivElement> & {
318
+ Content: ({ size, className, children, onEscapeKeyDown, argo, ...props }: _radix_ui_react_dialog.DialogContentProps & react.RefAttributes<HTMLDivElement> & {
316
319
  size?: "small" | "medium" | "large";
320
+ argo?: boolean;
317
321
  }) => react_jsx_runtime.JSX.Element;
318
322
  /** Scrollable body slot. Place form fields or detail content here; takes available space inside `Modal.Content`. */
319
323
  Body: ({ className, ...props }: react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & {
@@ -347,7 +351,7 @@ declare const Modal: {
347
351
  }) => react_jsx_runtime.JSX.Element;
348
352
  };
349
353
 
350
- declare const FullScreenModal: (({ children, className, lockBodyScroll, onEscapeKeyDown, argo, ...props }: react.HTMLAttributes<HTMLDivElement> & {
354
+ declare const FullScreenModal: (({ children, className, lockBodyScroll, onEscapeKeyDown, onKeyDown, argo, ...props }: react.HTMLAttributes<HTMLDivElement> & {
351
355
  children: react.ReactNode;
352
356
  lockBodyScroll?: boolean;
353
357
  onEscapeKeyDown?: (event: react.KeyboardEvent<HTMLDivElement>) => void;
@@ -369,7 +373,7 @@ declare const FullScreenModal: (({ children, className, lockBodyScroll, onEscape
369
373
  }) => react_jsx_runtime.JSX.Element;
370
374
  };
371
375
 
372
- type Props$1B = PropsWithChildren<Omit<HTMLAttributes<HTMLDivElement>, 'title'> & {
376
+ type Props$1C = PropsWithChildren<Omit<HTMLAttributes<HTMLDivElement>, 'title'> & {
373
377
  title: ReactNode;
374
378
  titleClassName?: string;
375
379
  titleWrapperClassName?: string;
@@ -378,22 +382,23 @@ type Props$1B = PropsWithChildren<Omit<HTMLAttributes<HTMLDivElement>, 'title'>
378
382
  onClose?: () => void;
379
383
  showPreviousTitle?: boolean;
380
384
  }>;
381
- declare const FullScreenModalHeader: ({ title, titleClassName, titleWrapperClassName, defaultTitleStyles, isTitleWithIcon, children, onClose, className, showPreviousTitle, ...props }: Props$1B) => react_jsx_runtime.JSX.Element;
385
+ declare const FullScreenModalHeader: ({ title, titleClassName, titleWrapperClassName, defaultTitleStyles, isTitleWithIcon, children, onClose, className, showPreviousTitle, ...props }: Props$1C) => react_jsx_runtime.JSX.Element;
382
386
 
383
- type Props$1A = HTMLAttributes<HTMLDivElement>;
384
- declare const FullScreenModalBody: ({ ref, className, children, ...props }: Props$1A & {
387
+ type Props$1B = HTMLAttributes<HTMLDivElement>;
388
+ declare const FullScreenModalBody: ({ ref, className, children, ...props }: Props$1B & {
385
389
  ref?: Ref<HTMLDivElement>;
386
390
  }) => react_jsx_runtime.JSX.Element;
387
391
 
388
- type Props$1z = ComponentProps<typeof Root$1>;
392
+ type Props$1A = ComponentProps<typeof Root$1>;
389
393
  declare const Sheet: {
390
- ({ ...props }: Props$1z): react_jsx_runtime.JSX.Element;
394
+ (props: Props$1A): react_jsx_runtime.JSX.Element;
391
395
  Close: react.ForwardRefExoticComponent<_radix_ui_react_dialog.DialogCloseProps & react.RefAttributes<HTMLButtonElement>>;
392
396
  Trigger: react.ForwardRefExoticComponent<_radix_ui_react_dialog.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>>;
393
- Content: ({ className, children, side, disableTransition, hideOverlay, keepOpenOnPointerDownOutside, onPointerDownOutside, onInteractOutside, container, ...props }: _radix_ui_react_dialog.DialogContentProps & react.RefAttributes<HTMLDivElement> & {
397
+ Content: ({ className, children, side, disableTransition, hideOverlay, keepOpenOnPointerDownOutside, onPointerDownOutside, onInteractOutside, container, argo, ...props }: _radix_ui_react_dialog.DialogContentProps & react.RefAttributes<HTMLDivElement> & {
394
398
  side?: "top" | "right" | "bottom" | "left";
395
399
  hideOverlay?: boolean;
396
400
  keepOpenOnPointerDownOutside?: boolean;
401
+ argo?: boolean;
397
402
  } & class_variance_authority.VariantProps<(props?: ({
398
403
  disableTransition?: boolean | null | undefined;
399
404
  side?: "bottom" | "left" | "right" | "top" | null | undefined;
@@ -410,9 +415,9 @@ declare const Sheet: {
410
415
  Body: ({ className, ...rest }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => react_jsx_runtime.JSX.Element;
411
416
  };
412
417
 
413
- type Props$1y = ComponentProps<typeof Root$2>;
418
+ type Props$1z = ComponentProps<typeof Root$2>;
414
419
  declare const Popover: {
415
- (props: Props$1y): react_jsx_runtime.JSX.Element;
420
+ (props: Props$1z): react_jsx_runtime.JSX.Element;
416
421
  /**
417
422
  * Main Layout
418
423
  */
@@ -434,12 +439,12 @@ type PopconfirmContextType = {
434
439
  isLoading: boolean;
435
440
  };
436
441
 
437
- type Props$1x = {
442
+ type Props$1y = {
438
443
  children: ReactNode;
439
444
  skipAsyncWait?: boolean;
440
445
  } & ComponentProps<typeof Popover> & Omit<Partial<PopconfirmContextType>, 'isLoading'>;
441
446
  declare const Popconfirm: {
442
- ({ children, onConfirm, onCancel, variant, enabled, onOpenChange, open, skipAsyncWait, ...rest }: Props$1x): react_jsx_runtime.JSX.Element;
447
+ ({ children, onConfirm, onCancel, variant, enabled, onOpenChange, open, skipAsyncWait, ...rest }: Props$1y): react_jsx_runtime.JSX.Element;
443
448
  Confirm: ({ ref, onClick, children, asChild, className, ...props }: (({
444
449
  asChild: true;
445
450
  } & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement>) | ({
@@ -451,7 +456,7 @@ declare const Popconfirm: {
451
456
  argo?: boolean;
452
457
  } & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & class_variance_authority.VariantProps<(props?: ({
453
458
  block?: boolean | null | undefined;
454
- variant?: "inline" | "primary" | "secondary" | "danger" | "invisible" | "outline" | null | undefined;
459
+ variant?: "primary" | "inline" | "secondary" | "danger" | "invisible" | "outline" | null | undefined;
455
460
  size?: "small" | "medium" | "large" | "icon-lg" | "icon" | "icon-sm" | "icon-xs" | "icon-2xs" | "icon-3xs" | null | undefined;
456
461
  } & class_variance_authority_types.ClassProp) | undefined) => string> & {
457
462
  ref?: react.Ref<react.ElementRef<"button">>;
@@ -469,7 +474,7 @@ declare const Popconfirm: {
469
474
  argo?: boolean;
470
475
  } & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & class_variance_authority.VariantProps<(props?: ({
471
476
  block?: boolean | null | undefined;
472
- variant?: "inline" | "primary" | "secondary" | "danger" | "invisible" | "outline" | null | undefined;
477
+ variant?: "primary" | "inline" | "secondary" | "danger" | "invisible" | "outline" | null | undefined;
473
478
  size?: "small" | "medium" | "large" | "icon-lg" | "icon" | "icon-sm" | "icon-xs" | "icon-2xs" | "icon-3xs" | null | undefined;
474
479
  } & class_variance_authority_types.ClassProp) | undefined) => string> & {
475
480
  ref?: react.Ref<react.ElementRef<"button">>;
@@ -481,6 +486,7 @@ declare const Popconfirm: {
481
486
  content?: string | undefined | undefined;
482
487
  translate?: "yes" | "no" | undefined | undefined;
483
488
  prefix?: string | undefined | undefined;
489
+ id?: string | undefined | undefined;
484
490
  variant?: "argo" | "default" | null | undefined;
485
491
  slot?: string | undefined | undefined;
486
492
  style?: react.CSSProperties | undefined;
@@ -501,7 +507,6 @@ declare const Popconfirm: {
501
507
  draggable?: (boolean | "true" | "false") | undefined;
502
508
  enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
503
509
  hidden?: boolean | undefined | undefined;
504
- id?: string | undefined | undefined;
505
510
  lang?: string | undefined | undefined;
506
511
  nonce?: string | undefined | undefined;
507
512
  spellCheck?: (boolean | "true" | "false") | undefined;
@@ -794,10 +799,12 @@ declare const Popconfirm: {
794
799
  Trigger: ({ onClick, ...props }: _radix_ui_react_popover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>) => react_jsx_runtime.JSX.Element;
795
800
  };
796
801
 
797
- type Props$1w = ComponentProps<typeof Root$3>;
802
+ type Props$1x = ComponentProps<typeof Root$3>;
798
803
  declare const HoverCard: {
799
- ({ openDelay, closeDelay, ...rest }: Props$1w): react_jsx_runtime.JSX.Element;
800
- Content: ({ ref, className, align, sideOffset, children, ...props }: Omit<_radix_ui_react_hover_card.HoverCardContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
804
+ ({ openDelay, closeDelay, ...rest }: Props$1x): react_jsx_runtime.JSX.Element;
805
+ Content: ({ ref, className, align, sideOffset, argo, children, ...props }: (Omit<_radix_ui_react_hover_card.HoverCardContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
806
+ argo?: boolean;
807
+ }) & {
801
808
  ref?: react.Ref<react.ElementRef<react.ForwardRefExoticComponent<_radix_ui_react_hover_card.HoverCardContentProps & react.RefAttributes<HTMLDivElement>>>>;
802
809
  }) => react_jsx_runtime.JSX.Element;
803
810
  Trigger: react.ForwardRefExoticComponent<_radix_ui_react_hover_card.HoverCardTriggerProps & react.RefAttributes<HTMLAnchorElement>>;
@@ -805,11 +812,11 @@ declare const HoverCard: {
805
812
 
806
813
  type DropdownMenuVariant = 'default' | 'argo';
807
814
 
808
- type Props$1v = ComponentProps<typeof Root$4> & {
815
+ type Props$1w = ComponentProps<typeof Root$4> & {
809
816
  variant?: DropdownMenuVariant;
810
817
  };
811
818
  declare const DropdownMenu: {
812
- ({ modal, variant, ...props }: Props$1v): react_jsx_runtime.JSX.Element;
819
+ ({ modal, variant, ...props }: Props$1w): react_jsx_runtime.JSX.Element;
813
820
  /**
814
821
  * Main Layout
815
822
  */
@@ -865,17 +872,18 @@ declare const DropdownMenu: {
865
872
  }) => react_jsx_runtime.JSX.Element;
866
873
  };
867
874
 
868
- type Props$1u = {
875
+ type Props$1v = {
876
+ /** @internal Transitional opt-in; removed once consumers wrap argo sections in `<ThemeProvider>`. */
869
877
  variant?: 'checkbox' | 'radio' | 'argo' | 'default';
870
878
  };
871
- declare const CheckIndicator: ({ variant }: Props$1u) => react_jsx_runtime.JSX.Element | null;
879
+ declare const CheckIndicator: ({ variant }: Props$1v) => react_jsx_runtime.JSX.Element | null;
872
880
 
873
881
  type Variant$8 = 'default' | 'argo';
874
- type Props$1t = ComponentProps<typeof Command$1> & {
882
+ type Props$1u = ComponentProps<typeof Command$1> & {
875
883
  variant?: Variant$8;
876
884
  };
877
885
  declare const Command: {
878
- ({ className, variant, ...rest }: Props$1t): react_jsx_runtime.JSX.Element;
886
+ ({ className, variant, ...rest }: Props$1u): react_jsx_runtime.JSX.Element;
879
887
  Content: ({ className, ...rest }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => react_jsx_runtime.JSX.Element;
880
888
  Separator: ({ className, ...props }: Pick<Pick<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof react.HTMLAttributes<HTMLDivElement>> & {
881
889
  ref?: React.Ref<HTMLDivElement>;
@@ -930,7 +938,9 @@ declare const Command: {
930
938
  size?: number | undefined | undefined;
931
939
  translate?: "yes" | "no" | undefined | undefined;
932
940
  prefix?: react.ReactNode;
933
- variant?: "primary" | "secondary" | "argo" | null | undefined;
941
+ id?: string | undefined | undefined;
942
+ name?: string | undefined | undefined;
943
+ variant?: "primary" | "argo" | "secondary" | null | undefined;
934
944
  form?: string | undefined | undefined;
935
945
  slot?: string | undefined | undefined;
936
946
  style?: react.CSSProperties | undefined;
@@ -951,7 +961,6 @@ declare const Command: {
951
961
  draggable?: (boolean | "true" | "false") | undefined;
952
962
  enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
953
963
  hidden?: boolean | undefined | undefined;
954
- id?: string | undefined | undefined;
955
964
  lang?: string | undefined | undefined;
956
965
  nonce?: string | undefined | undefined;
957
966
  spellCheck?: (boolean | "true" | "false") | undefined;
@@ -1218,7 +1227,6 @@ declare const Command: {
1218
1227
  formMethod?: string | undefined | undefined;
1219
1228
  formNoValidate?: boolean | undefined | undefined;
1220
1229
  formTarget?: string | undefined | undefined;
1221
- name?: string | undefined | undefined;
1222
1230
  height?: number | string | undefined | undefined;
1223
1231
  max?: number | string | undefined | undefined;
1224
1232
  min?: number | string | undefined | undefined;
@@ -1271,25 +1279,25 @@ declare const Command: {
1271
1279
  declare const addonVariants$1: (props?: ({
1272
1280
  align?: "inline-start" | "inline-end" | "block-start" | "block-end" | null | undefined;
1273
1281
  } & class_variance_authority_types.ClassProp) | undefined) => string;
1274
- type Props$1s = ComponentProps<'div'> & VariantProps<typeof addonVariants$1>;
1275
- declare const InputGroupAddon: ({ children, align, className, ...props }: Props$1s) => react_jsx_runtime.JSX.Element;
1282
+ type Props$1t = ComponentProps<'div'> & VariantProps<typeof addonVariants$1>;
1283
+ declare const InputGroupAddon: ({ children, align, className, ...props }: Props$1t) => react_jsx_runtime.JSX.Element;
1276
1284
 
1277
1285
  type ButtonProps = ComponentProps<typeof Button>;
1278
- type Props$1r = Omit<ButtonProps, 'size' | 'block' | 'variant'>;
1279
- declare const InputGroupButton: ({ ref, className, tabIndex, ...props }: Props$1r & {
1286
+ type Props$1s = Omit<ButtonProps, 'size' | 'block' | 'variant'>;
1287
+ declare const InputGroupButton: ({ ref, className, tabIndex, ...props }: Props$1s & {
1280
1288
  ref?: Ref<ElementRef<"button">>;
1281
1289
  }) => react_jsx_runtime.JSX.Element;
1282
1290
 
1283
- type Props$1q = ComponentProps<'input'>;
1284
- declare const InputGroupInput: ({ ref, className, ...inputProps }: Props$1q & {
1291
+ type Props$1r = ComponentProps<'input'>;
1292
+ declare const InputGroupInput: ({ ref, className, ...inputProps }: Props$1r & {
1285
1293
  ref?: Ref<ElementRef<"input">>;
1286
1294
  }) => react_jsx_runtime.JSX.Element;
1287
1295
 
1288
- type Props$1p = ComponentProps<'span'>;
1289
- declare const InputGroupText: ({ className, ...props }: Props$1p) => react_jsx_runtime.JSX.Element;
1296
+ type Props$1q = ComponentProps<'span'>;
1297
+ declare const InputGroupText: ({ className, ...props }: Props$1q) => react_jsx_runtime.JSX.Element;
1290
1298
 
1291
1299
  type TextareaNativeProps$1 = Omit<ComponentProps<typeof react_textarea_autosize__default>, 'value' | 'defaultValue' | 'rows' | 'maxRows'>;
1292
- type Props$1o = TextareaNativeProps$1 & {
1300
+ type Props$1p = TextareaNativeProps$1 & {
1293
1301
  value?: string | null;
1294
1302
  defaultValue?: string | null;
1295
1303
  onValueChange?: (value: string) => void;
@@ -1297,18 +1305,18 @@ type Props$1o = TextareaNativeProps$1 & {
1297
1305
  maxRows?: number | 'unlimited';
1298
1306
  disableResize?: boolean;
1299
1307
  };
1300
- declare const InputGroupTextArea: ({ ref, className, onChange, onValueChange, value, defaultValue, onBlur, onValueBlur, disableResize, minRows, maxRows, ...props }: Props$1o & {
1308
+ declare const InputGroupTextArea: ({ ref, className, onChange, onValueChange, value, defaultValue, onBlur, onValueBlur, disableResize, minRows, maxRows, ...props }: Props$1p & {
1301
1309
  ref?: Ref<ElementRef<"textarea">>;
1302
1310
  }) => react_jsx_runtime.JSX.Element;
1303
1311
 
1304
1312
  declare const inputGroupVariants: (props?: ({
1305
1313
  focusVariant?: "off" | "on" | "default" | null | undefined;
1306
- variant?: "primary" | "secondary" | "argo" | null | undefined;
1314
+ variant?: "primary" | "argo" | "secondary" | null | undefined;
1307
1315
  sizing?: "small" | "medium" | "default" | null | undefined;
1308
1316
  state?: "default" | "error" | "warning" | null | undefined;
1309
1317
  } & class_variance_authority_types.ClassProp) | undefined) => string;
1310
- type Props$1n = ComponentProps<'div'> & VariantProps<typeof inputGroupVariants>;
1311
- declare const InputGroupRoot: ({ ref, children, state, variant, sizing, focusVariant, className, ...props }: Props$1n & {
1318
+ type Props$1o = ComponentProps<'div'> & VariantProps<typeof inputGroupVariants>;
1319
+ declare const InputGroupRoot: ({ ref, children, state, variant, sizing, focusVariant, className, ...props }: Props$1o & {
1312
1320
  ref?: Ref<ElementRef<"div">>;
1313
1321
  }) => react_jsx_runtime.JSX.Element;
1314
1322
  declare const InputGroup: typeof InputGroupRoot & {
@@ -1335,7 +1343,7 @@ type OwnProps$1 = {
1335
1343
  * Props for `Input`. Combines `InputGroup` chrome (variant / sizing / state / focusVariant) with
1336
1344
  * input-specific slots (`prefix`, `leftSuffix`, `rightSuffix`, `allowClear`).
1337
1345
  */
1338
- type Props$1m = InputGroupProps$6 & OwnProps$1 & Omit<ComponentProps<'input'>, 'prefix' | 'value' | 'defaultValue'>;
1346
+ type Props$1n = InputGroupProps$6 & OwnProps$1 & Omit<ComponentProps<'input'>, 'prefix' | 'value' | 'defaultValue'>;
1339
1347
  /**
1340
1348
  * Low-level text input with `InputGroup` chrome — addons, clear button, sizing, focus variants.
1341
1349
  *
@@ -1345,12 +1353,12 @@ type Props$1m = InputGroupProps$6 & OwnProps$1 & Omit<ComponentProps<'input'>, '
1345
1353
  * `FormGroup.TextInput`; for search use `SearchInput`; for forms with validation use `useAppForm`.
1346
1354
  * **Composition:** wrap in `FormGroup` for shared error state, or render directly as a controlled input.
1347
1355
  */
1348
- 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 & {
1356
+ 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 & {
1349
1357
  ref?: Ref<ElementRef<"input">>;
1350
1358
  }) => react_jsx_runtime.JSX.Element;
1351
1359
 
1352
1360
  type InputProps$2 = ComponentProps<typeof Input$1>;
1353
- type Props$1l = Omit<InputProps$2, 'type' | 'value' | 'defaultValue'> & {
1361
+ type Props$1m = Omit<InputProps$2, 'type' | 'value' | 'defaultValue'> & {
1354
1362
  defaultValue?: Date | null;
1355
1363
  disabledDays?: Matcher | Matcher[];
1356
1364
  endMonth?: Date;
@@ -1359,12 +1367,12 @@ type Props$1l = Omit<InputProps$2, 'type' | 'value' | 'defaultValue'> & {
1359
1367
  startMonth?: Date;
1360
1368
  value?: Date | null;
1361
1369
  };
1362
- declare const DateInput: ({ ref, defaultValue, disabled, disabledDays, endMonth, onBlur, onChange, onValueBlur, onValueChange, placeholder, readOnly, startMonth, value, ...props }: Props$1l & {
1370
+ declare const DateInput: ({ ref, defaultValue, disabled, disabledDays, endMonth, onBlur, onChange, onValueBlur, onValueChange, placeholder, readOnly, startMonth, value, variant, ...props }: Props$1m & {
1363
1371
  ref?: Ref<ElementRef<"input">>;
1364
1372
  }) => react_jsx_runtime.JSX.Element;
1365
1373
 
1366
1374
  type InputProps$1 = ComponentProps<typeof Input$1>;
1367
- type Props$1k = Omit<InputProps$1, 'type' | 'value' | 'defaultValue'> & {
1375
+ type Props$1l = Omit<InputProps$1, 'type' | 'value' | 'defaultValue'> & {
1368
1376
  defaultValue?: DateRange$1 | null;
1369
1377
  endMonth?: Date;
1370
1378
  onValueBlur?: (value: DateRange$1 | null) => void;
@@ -1372,7 +1380,7 @@ type Props$1k = Omit<InputProps$1, 'type' | 'value' | 'defaultValue'> & {
1372
1380
  startMonth?: Date;
1373
1381
  value?: DateRange$1 | null;
1374
1382
  };
1375
- declare const DateRangeInput: ({ ref, defaultValue, disabled, endMonth, onBlur, onChange, onValueBlur, onValueChange, placeholder, readOnly, startMonth, value, ...props }: Props$1k & {
1383
+ declare const DateRangeInput: ({ ref, defaultValue, disabled, endMonth, onBlur, onChange, onValueBlur, onValueChange, placeholder, readOnly, startMonth, value, ...props }: Props$1l & {
1376
1384
  ref?: Ref<ElementRef<"input">>;
1377
1385
  }) => react_jsx_runtime.JSX.Element;
1378
1386
 
@@ -1390,7 +1398,7 @@ type OwnProps = {
1390
1398
  * Props for `TextInput`. Extends `Input` with string-typed `value` / `defaultValue` and convenience
1391
1399
  * `onValueChange` / `onValueBlur` callbacks. `null` / `undefined` are coerced to empty strings.
1392
1400
  */
1393
- type Props$1j = OwnProps & NativeProps;
1401
+ type Props$1k = OwnProps & NativeProps;
1394
1402
  /**
1395
1403
  * Standard text input with a string-only API. The default choice for a bare text input.
1396
1404
  *
@@ -1399,55 +1407,56 @@ type Props$1j = OwnProps & NativeProps;
1399
1407
  * **When NOT to use:** for fields inside a labelled group use `FormGroup.TextInput`; for forms with
1400
1408
  * validation use `useAppForm` + `field.TextField`; for search use `SearchInput`.
1401
1409
  * **Composition:** wrap in a `FormGroup` for shared error / help-text state, or render directly inside
1402
- * page layouts. In kbc-ui forms prefer `variant="secondary"` (gray background).
1410
+ * page layouts. Chrome resolves from the active brand automatically: a modern brand always renders argo
1411
+ * (any `variant` is ignored), while `variant` only tunes the legacy-brand chrome.
1403
1412
  */
1404
- declare const TextInput: ({ ref, value, defaultValue, type, onValueChange, onChange, onValueBlur, onBlur, ...props }: Props$1j & {
1413
+ declare const TextInput: ({ ref, value, defaultValue, type, variant, onValueChange, onChange, onValueBlur, onBlur, ...props }: Props$1k & {
1405
1414
  ref?: Ref<ElementRef<"input">>;
1406
1415
  }) => react_jsx_runtime.JSX.Element;
1407
1416
 
1408
1417
  type InputProps = ComponentProps<typeof Input$1>;
1409
- type Props$1i = Omit<InputProps, 'type' | 'value' | 'defaultValue' | 'rightSuffix' | 'rightSuffixVariant'> & {
1418
+ type Props$1j = Omit<InputProps, 'type' | 'value' | 'defaultValue' | 'rightSuffix' | 'rightSuffixVariant'> & {
1410
1419
  value?: string | null;
1411
1420
  defaultValue?: string | null;
1412
1421
  onValueChange?: (value: string | null) => void;
1413
1422
  onValueBlur?: (value: string | null) => void;
1414
1423
  };
1415
- declare const TimeInput: ({ ref, defaultValue, disabled, onBlur, onChange, onValueBlur, onValueChange, placeholder, readOnly, value, className, ...props }: Props$1i & {
1424
+ declare const TimeInput: ({ ref, defaultValue, disabled, onBlur, onChange, onValueBlur, onValueChange, placeholder, readOnly, value, variant, className, ...props }: Props$1j & {
1416
1425
  ref?: Ref<ElementRef<"input">>;
1417
1426
  }) => react_jsx_runtime.JSX.Element;
1418
1427
 
1419
- type Props$1h = ComponentProps<typeof TextInput>;
1420
- declare const CommandInput: ({ ref, className, ...props }: Props$1h & {
1428
+ type Props$1i = ComponentProps<typeof TextInput>;
1429
+ declare const CommandInput: ({ ref, className, ...props }: Props$1i & {
1421
1430
  ref?: Ref<ElementRef<"input">>;
1422
1431
  }) => react_jsx_runtime.JSX.Element;
1423
1432
 
1424
- type Props$1g = ComponentProps<typeof ScrollAreaPrimitive.Root> & {
1433
+ type Props$1h = ComponentProps<typeof ScrollAreaPrimitive.Root> & {
1425
1434
  viewPortClassName?: string;
1426
1435
  scrollBarClassName?: string;
1427
1436
  orientation?: ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>['orientation'];
1428
1437
  };
1429
- declare const ScrollArea: ({ ref, className, children, viewPortClassName, orientation, scrollBarClassName, ...props }: Props$1g & {
1438
+ declare const ScrollArea: ({ ref, className, children, viewPortClassName, orientation, scrollBarClassName, ...props }: Props$1h & {
1430
1439
  ref?: Ref<ElementRef<"div">>;
1431
1440
  }) => react_jsx_runtime.JSX.Element;
1432
1441
 
1433
- type Props$1f = ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>;
1434
- declare const ScrollBar: ({ className, orientation, ...props }: Props$1f) => react_jsx_runtime.JSX.Element;
1442
+ type Props$1g = ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>;
1443
+ declare const ScrollBar: ({ className, orientation, ...props }: Props$1g) => react_jsx_runtime.JSX.Element;
1435
1444
 
1436
- type Props$1e = ComponentProps<typeof Command$1.List> & Pick<ComponentProps<typeof ScrollArea>, 'viewPortClassName'>;
1437
- declare const CommandList: ({ ref, className, children, viewPortClassName, ...props }: Props$1e & {
1445
+ type Props$1f = ComponentProps<typeof Command$1.List> & Pick<ComponentProps<typeof ScrollArea>, 'viewPortClassName'>;
1446
+ declare const CommandList: ({ ref, className, children, viewPortClassName, ...props }: Props$1f & {
1438
1447
  ref?: Ref<ElementRef<"div">>;
1439
1448
  }) => react_jsx_runtime.JSX.Element;
1440
1449
 
1441
- type Props$1d = ComponentProps<typeof Command$1.Group>;
1442
- declare const CommandGroup: ({ className, ...props }: Props$1d) => react_jsx_runtime.JSX.Element;
1450
+ type Props$1e = ComponentProps<typeof Command$1.Group>;
1451
+ declare const CommandGroup: ({ className, ...props }: Props$1e) => react_jsx_runtime.JSX.Element;
1443
1452
 
1444
- type Props$1c = ComponentProps<typeof Command$1.Item> & {
1453
+ type Props$1d = ComponentProps<typeof Command$1.Item> & {
1445
1454
  icon?: ReactNode;
1446
1455
  checked?: boolean;
1447
1456
  variant?: ComponentProps<typeof CheckIndicator>['variant'];
1448
1457
  actions?: ReactNode;
1449
1458
  };
1450
- declare const CommandItem: ({ className, icon, children, checked, variant, actions, ...props }: Props$1c) => react_jsx_runtime.JSX.Element;
1459
+ declare const CommandItem: ({ className, icon, children, checked, variant, actions, ...props }: Props$1d) => react_jsx_runtime.JSX.Element;
1451
1460
 
1452
1461
  type CalendarProps = Omit<PropsBase, 'required' | 'captionLayout'> & (PropsSingle | PropsRange);
1453
1462
  declare const Calendar: {
@@ -1456,7 +1465,7 @@ declare const Calendar: {
1456
1465
  };
1457
1466
 
1458
1467
  type OwnPopoverProps = PropsWithChildren & Pick<PopoverProps, 'open' | 'onOpenChange' | 'defaultOpen'> & Pick<PopoverContentProps, 'align' | 'alignOffset' | 'sideOffset'> & {
1459
- /** Opt into the Argo redesign chrome on the popover panel. Pair with `<Button argo variant="secondary">` as trigger. */
1468
+ /** @internal Transitional opt-in; removed once consumers wrap argo sections in `<ThemeProvider>`. */
1460
1469
  argo?: boolean;
1461
1470
  };
1462
1471
  type DatePickerProps = OwnPopoverProps & CalendarProps;
@@ -1497,15 +1506,15 @@ declare const DateRangePicker: {
1497
1506
  displayName: string;
1498
1507
  };
1499
1508
 
1500
- type Props$1b = {
1509
+ type Props$1c = {
1501
1510
  children?: ReactNode;
1502
1511
  defaultSelected?: string | null;
1503
1512
  selected?: string | null;
1504
1513
  onSelect?: (time: string) => void;
1505
- /** Opt into the Argo redesign chrome on the popover panel. Pair with `<Button argo variant="secondary">` as trigger. */
1514
+ /** @internal Transitional opt-in; removed once consumers wrap argo sections in `<ThemeProvider>`. */
1506
1515
  argo?: boolean;
1507
1516
  } & Pick<PopoverProps, 'open' | 'onOpenChange' | 'defaultOpen'> & Pick<PopoverContentProps, 'align' | 'alignOffset' | 'sideOffset'>;
1508
- declare const TimePicker: ({ align, alignOffset, argo, children, defaultOpen, defaultSelected, onOpenChange, onSelect, open, selected, sideOffset, }: Props$1b) => react_jsx_runtime.JSX.Element;
1517
+ declare const TimePicker: ({ align, alignOffset, argo, children, defaultOpen, defaultSelected, onOpenChange, onSelect, open, selected, sideOffset, }: Props$1c) => react_jsx_runtime.JSX.Element;
1509
1518
 
1510
1519
  type LabelProps = {
1511
1520
  id?: string | number;
@@ -1527,34 +1536,38 @@ declare const switchVariants: (props?: ({
1527
1536
  size?: "small" | "medium" | "large" | null | undefined;
1528
1537
  } & class_variance_authority_types.ClassProp) | undefined) => string;
1529
1538
 
1530
- type Props$1a = {
1539
+ type Props$1b = {
1531
1540
  id?: string | number;
1532
1541
  children?: ReactNode;
1542
+ /** @internal Transitional opt-in; removed once consumers wrap argo sections in `<ThemeProvider>`. */
1533
1543
  argo?: boolean;
1534
1544
  description?: ReactNode;
1535
1545
  variant?: VariantProps<typeof fieldBoxVariants>['variant'];
1536
1546
  position?: 'start' | 'end';
1537
1547
  } & Omit<ComponentProps<typeof Root$5>, 'asChild' | 'id'> & Omit<VariantProps<typeof switchVariants>, 'variant'>;
1538
- declare const Switch: ({ ref, className, size, disabled, id: idProp, children, argo, description, variant, position, ...props }: Props$1a & {
1548
+ declare const Switch: ({ ref, className, size, disabled, id: idProp, children, argo, description, variant, position, ...props }: Props$1b & {
1539
1549
  ref?: Ref<ElementRef<"button">>;
1540
1550
  }) => react_jsx_runtime.JSX.Element;
1541
1551
 
1542
1552
  type Variant$7 = 'radio' | 'button' | 'radio-block';
1543
1553
  type Orientation = 'vertical' | 'horizontal';
1544
1554
 
1545
- type Props$19<Value> = {
1555
+ type Props$1a<Value> = {
1546
1556
  variant?: Variant$7;
1547
1557
  orientation?: Orientation;
1558
+ /** @internal Transitional opt-in; removed once consumers wrap argo sections in `<ThemeProvider>`. */
1559
+ argo?: boolean;
1548
1560
  onValueChange?: (value: Value) => void;
1549
1561
  value?: Value | null;
1550
1562
  defaultValue?: Value | null;
1551
1563
  } & Omit<ComponentProps<typeof RRadioGroup.Root>, 'asChild' | 'orientation' | 'onValueChange' | 'onChange' | 'value' | 'defaultValue'>;
1552
1564
  declare const RadioGroup: {
1553
- <Value extends string = string>({ variant, className, disabled, orientation, onValueChange, children, value, defaultValue, ...props }: Props$19<Value>): react_jsx_runtime.JSX.Element;
1554
- Item: <T extends string = string>({ children, tooltip, tooltipVariant, tooltipPlacement, description, ...props }: {
1565
+ <Value extends string = string>({ variant, className, disabled, orientation, argo, onValueChange, children, value, defaultValue, ...props }: Props$1a<Value>): react_jsx_runtime.JSX.Element;
1566
+ Item: <T extends string = string>({ children, tooltip, tooltipVariant, tooltipPlacement, description, argo, ...props }: {
1555
1567
  content?: string | undefined | undefined;
1556
1568
  translate?: "yes" | "no" | undefined | undefined;
1557
1569
  prefix?: string | undefined | undefined;
1570
+ id?: string | undefined | undefined;
1558
1571
  form?: string | undefined | undefined;
1559
1572
  slot?: string | undefined | undefined;
1560
1573
  style?: react.CSSProperties | undefined;
@@ -1575,7 +1588,6 @@ declare const RadioGroup: {
1575
1588
  draggable?: (boolean | "true" | "false") | undefined;
1576
1589
  enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
1577
1590
  hidden?: boolean | undefined | undefined;
1578
- id?: string | undefined | undefined;
1579
1591
  lang?: string | undefined | undefined;
1580
1592
  nonce?: string | undefined | undefined;
1581
1593
  spellCheck?: (boolean | "true" | "false") | undefined;
@@ -1846,35 +1858,36 @@ declare const RadioGroup: {
1846
1858
  required?: boolean | undefined;
1847
1859
  } & {
1848
1860
  value: T;
1861
+ argo?: boolean;
1849
1862
  tooltip?: react.ReactNode;
1850
- tooltipVariant?: Props$1H["variant"];
1851
- tooltipPlacement?: Props$1H["placement"];
1863
+ tooltipVariant?: Props$1I["variant"];
1864
+ tooltipPlacement?: Props$1I["placement"];
1852
1865
  description?: react.ReactNode;
1853
1866
  }) => react_jsx_runtime.JSX.Element;
1854
1867
  Separator: () => react_jsx_runtime.JSX.Element;
1855
1868
  };
1856
1869
 
1857
- type Props$18 = ComponentProps<typeof Thumb> & {
1870
+ type Props$19 = ComponentProps<typeof Thumb> & {
1858
1871
  tooltip?: ReactNode;
1859
1872
  tooltipSide?: ComponentProps<typeof Tooltip.Content>['placement'];
1860
1873
  };
1861
- declare const SliderThumb: ({ ref: forwardedRef, className, tooltip, tooltipSide, ...props }: Props$18 & {
1874
+ declare const SliderThumb: ({ ref: forwardedRef, className, tooltip, tooltipSide, ...props }: Props$19 & {
1862
1875
  ref?: Ref<ElementRef<typeof Thumb>>;
1863
1876
  }) => react_jsx_runtime.JSX.Element;
1864
1877
 
1865
1878
  type ThumbTooltipFn = (value: number, index: number) => ReactNode;
1866
- type Props$17 = ComponentProps<typeof Root$6> & {
1879
+ type Props$18 = ComponentProps<typeof Root$6> & {
1867
1880
  thumbTooltip?: ThumbTooltipFn;
1868
1881
  thumbTooltipSide?: ComponentProps<typeof SliderThumb>['tooltipSide'];
1869
1882
  rangeClassName?: string;
1870
1883
  };
1871
- declare const Slider: ({ ref, className, value, defaultValue, min, max, onValueChange, thumbTooltip, thumbTooltipSide, rangeClassName, ...rest }: Props$17 & {
1884
+ declare const Slider: ({ ref, className, value, defaultValue, min, max, onValueChange, thumbTooltip, thumbTooltipSide, rangeClassName, ...rest }: Props$18 & {
1872
1885
  ref?: Ref<ElementRef<typeof Root$6>>;
1873
1886
  }) => react_jsx_runtime.JSX.Element;
1874
1887
 
1875
1888
  type SearchChangeEventHandler = (value: string, event: ChangeEvent<HTMLInputElement> | MouseEvent$1<HTMLButtonElement>) => void;
1876
1889
  type SearchBlurEventHandler = (value: string, event: FocusEvent$1<HTMLInputElement, Element>) => void;
1877
- type Props$16 = {
1890
+ type Props$17 = {
1878
1891
  suffix?: ReactNode;
1879
1892
  disableDebounce?: boolean;
1880
1893
  debounceDelay?: number;
@@ -1889,14 +1902,14 @@ type Props$16 = {
1889
1902
  /**
1890
1903
  * @deprecated Use `SearchInput` instead. `Search` is kept only for the legacy (non-sidebar) layout.
1891
1904
  */
1892
- declare const Search: ({ ref, suffix, className, onBlur, onChange, disabled, readOnly, disableDebounce, debounceDelay, value: externalValue, defaultValue, testId: prefixTestId, placeholder, onClear, variant, ...rest }: Props$16 & {
1905
+ declare const Search: ({ ref, suffix, className, onBlur, onChange, disabled, readOnly, disableDebounce, debounceDelay, value: externalValue, defaultValue, testId: prefixTestId, placeholder, onClear, variant, ...rest }: Props$17 & {
1893
1906
  ref?: Ref<ElementRef<"input">>;
1894
1907
  }) => react_jsx_runtime.JSX.Element;
1895
1908
 
1896
- type Props$15 = {
1909
+ type Props$16 = {
1897
1910
  onSubmit: (value: string) => void;
1898
1911
  } & Omit<ComponentProps<typeof Search>, 'onClear' | 'onBlur' | 'onSubmit'>;
1899
- declare const SearchForm: ({ ref, onSubmit, name, ...props }: Props$15 & {
1912
+ declare const SearchForm: ({ ref, onSubmit, name, ...props }: Props$16 & {
1900
1913
  ref?: Ref<ElementRef<"input">>;
1901
1914
  }) => react_jsx_runtime.JSX.Element;
1902
1915
 
@@ -1917,12 +1930,12 @@ type SelectRootProps = {
1917
1930
  };
1918
1931
 
1919
1932
  declare const variants$2: (props?: ({
1920
- variant?: "primary" | "secondary" | "argo" | null | undefined;
1933
+ variant?: "primary" | "argo" | "secondary" | null | undefined;
1921
1934
  sizing?: "small" | "medium" | "default" | null | undefined;
1922
1935
  state?: "default" | "error" | "warning" | null | undefined;
1923
1936
  } & class_variance_authority_types.ClassProp) | undefined) => string;
1924
- type Props$14 = ComponentProps<typeof _radix_ui_react_select.Trigger> & VariantProps<typeof variants$2> & Pick<ComponentProps<typeof _radix_ui_react_select.Value>, 'placeholder'>;
1925
- declare const SelectTrigger: ({ ref, className, variant, state, sizing, placeholder, ...props }: Props$14 & {
1937
+ type Props$15 = ComponentProps<typeof _radix_ui_react_select.Trigger> & VariantProps<typeof variants$2> & Pick<ComponentProps<typeof _radix_ui_react_select.Value>, 'placeholder'>;
1938
+ declare const SelectTrigger: ({ ref, className, variant, state, sizing, placeholder, ...props }: Props$15 & {
1926
1939
  ref?: Ref<ElementRef<"button">>;
1927
1940
  }) => react_jsx_runtime.JSX.Element;
1928
1941
 
@@ -1941,7 +1954,7 @@ type TriggerProps = ComponentProps<typeof SelectTrigger>;
1941
1954
  * Props for `Select`. Combines Radix `Select.Root` control props with `Select.Trigger` chrome and the
1942
1955
  * convenience `items` shape (flat list, or grouped lists with optional labels).
1943
1956
  */
1944
- type Props$13 = Pick<SelectRootProps, 'value' | 'defaultValue' | 'onValueChange' | 'disabled' | 'name' | 'required' | 'open' | 'defaultOpen' | 'onOpenChange'> & Pick<TriggerProps, 'variant' | 'state' | 'sizing' | 'placeholder' | 'id' | 'className'> & {
1957
+ type Props$14 = Pick<SelectRootProps, 'value' | 'defaultValue' | 'onValueChange' | 'disabled' | 'name' | 'required' | 'open' | 'defaultOpen' | 'onOpenChange'> & Pick<TriggerProps, 'variant' | 'state' | 'sizing' | 'placeholder' | 'id' | 'className'> & {
1945
1958
  items?: readonly (SelectItem | SelectItemGroup)[];
1946
1959
  };
1947
1960
  /**
@@ -1956,10 +1969,10 @@ type Props$13 = Pick<SelectRootProps, 'value' | 'defaultValue' | 'onValueChange'
1956
1969
  * `Select.Item`) for custom item layouts; the top-level `Select` covers the common cases.
1957
1970
  */
1958
1971
  declare const Select: {
1959
- ({ value, defaultValue, onValueChange, disabled, name, required, open, defaultOpen, onOpenChange, variant, state, sizing, placeholder, id, className, items, }: Props$13): react_jsx_runtime.JSX.Element;
1972
+ ({ value, defaultValue, onValueChange, disabled, name, required, open, defaultOpen, onOpenChange, variant, state, sizing, placeholder, id, className, items, }: Props$14): react_jsx_runtime.JSX.Element;
1960
1973
  Root: (props: SelectRootProps) => react_jsx_runtime.JSX.Element;
1961
1974
  Trigger: ({ ref, className, variant, state, sizing, placeholder, ...props }: (_radix_ui_react_select.SelectTriggerProps & react.RefAttributes<HTMLButtonElement> & class_variance_authority.VariantProps<(props?: ({
1962
- variant?: "primary" | "secondary" | "argo" | null | undefined;
1975
+ variant?: "primary" | "argo" | "secondary" | null | undefined;
1963
1976
  sizing?: "small" | "medium" | "default" | null | undefined;
1964
1977
  state?: "default" | "error" | "warning" | null | undefined;
1965
1978
  } & class_variance_authority_types.ClassProp) | undefined) => string> & Pick<_radix_ui_react_select.SelectValueProps & react.RefAttributes<HTMLSpanElement>, "placeholder">) & {
@@ -1981,52 +1994,53 @@ declare const Select: {
1981
1994
  Separator: ({ className, ...props }: _radix_ui_react_select.SelectSeparatorProps & react.RefAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
1982
1995
  };
1983
1996
 
1984
- type Props$12 = {
1997
+ type Props$13 = {
1985
1998
  id?: string | number;
1999
+ /** @internal Transitional opt-in; removed once consumers wrap argo sections in `<ThemeProvider>`. */
1986
2000
  argo?: boolean;
1987
2001
  description?: ReactNode;
1988
2002
  variant?: VariantProps<typeof fieldBoxVariants>['variant'];
1989
2003
  position?: 'start' | 'end';
1990
- tooltip?: Props$1H['tooltip'];
1991
- tooltipPlacement?: Props$1H['placement'];
2004
+ tooltip?: Props$1I['tooltip'];
2005
+ tooltipPlacement?: Props$1I['placement'];
1992
2006
  } & Omit<ComponentProps<typeof Root$7>, 'id'>;
1993
- declare function Checkbox(prop: Omit<Props$12, 'checked' | 'onCheckedChange'> & {
2007
+ declare function Checkbox(prop: Omit<Props$13, 'checked' | 'onCheckedChange'> & {
1994
2008
  checked?: boolean;
1995
2009
  onCheckedChange?: (checked: boolean) => void;
1996
- }): JSX.Element;
1997
- declare function Checkbox(prop: Omit<Props$12, 'checked' | 'onCheckedChange'> & {
2010
+ }): ReactNode;
2011
+ declare function Checkbox(prop: Omit<Props$13, 'checked' | 'onCheckedChange'> & {
1998
2012
  checked?: CheckedState;
1999
2013
  onCheckedChange?: (checked: CheckedState) => void;
2000
- }): JSX.Element;
2014
+ }): ReactNode;
2001
2015
 
2002
2016
  type Variant$6 = 'check' | 'checkbox';
2003
- type Props$11 = Omit<ComponentProps<typeof Combobox$1.ItemIndicator>, 'className' | 'children'> & {
2017
+ type Props$12 = Omit<ComponentProps<typeof Combobox$1.ItemIndicator>, 'className' | 'children'> & {
2004
2018
  className?: string;
2005
2019
  variant?: Variant$6;
2006
2020
  };
2007
- declare const ComboboxItemIndicator: ({ ref, className, variant, ...props }: Props$11 & {
2021
+ declare const ComboboxItemIndicator: ({ ref, className, variant, ...props }: Props$12 & {
2008
2022
  ref?: Ref<ElementRef<"span">>;
2009
2023
  }) => react_jsx_runtime.JSX.Element;
2010
2024
 
2011
- type Props$10 = Omit<ComponentProps<typeof Combobox$1.Input>, 'render'>;
2012
- declare const ComboboxInput: ({ ref, ...props }: Props$10 & {
2025
+ type Props$11 = Omit<ComponentProps<typeof Combobox$1.Input>, 'render'>;
2026
+ declare const ComboboxInput: ({ ref, ...props }: Props$11 & {
2013
2027
  ref?: Ref<ElementRef<"input">>;
2014
2028
  }) => react_jsx_runtime.JSX.Element;
2015
2029
 
2016
2030
  type InputGroupProps$5 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'sizing' | 'state'>;
2017
- type Props$$ = InputGroupProps$5 & Omit<ComponentProps<typeof Combobox$1.InputGroup>, 'render' | 'className'> & {
2031
+ type Props$10 = InputGroupProps$5 & Omit<ComponentProps<typeof Combobox$1.InputGroup>, 'render' | 'className'> & {
2018
2032
  className?: string;
2019
2033
  };
2020
- declare const ComboboxInputGroup: ({ ref, state, variant, sizing, focusVariant, className, ...props }: Props$$ & {
2034
+ declare const ComboboxInputGroup: ({ ref, state, variant, sizing, focusVariant, className, ...props }: Props$10 & {
2021
2035
  ref?: Ref<ElementRef<"div">>;
2022
2036
  }) => react_jsx_runtime.JSX.Element;
2023
2037
 
2024
- type Props$_ = Omit<ComponentProps<typeof Combobox$1.Item>, 'className'> & {
2038
+ type Props$$ = Omit<ComponentProps<typeof Combobox$1.Item>, 'className'> & {
2025
2039
  className?: string;
2026
2040
  icon?: ReactNode;
2027
2041
  indicator?: ComponentProps<typeof ComboboxItemIndicator>['variant'];
2028
2042
  };
2029
- declare const ComboboxItem: ({ ref, className, children, icon, indicator: variant, ...props }: Props$_ & {
2043
+ declare const ComboboxItem: ({ ref, className, children, icon, indicator: variant, ...props }: Props$$ & {
2030
2044
  ref?: Ref<ElementRef<"div">>;
2031
2045
  }) => react_jsx_runtime.JSX.Element;
2032
2046
 
@@ -2046,7 +2060,7 @@ type CreatableProps<Value> = {
2046
2060
  queryToCreateLabel?: (query: string) => ReactNode;
2047
2061
  queryToCreateValue?: (query: string) => Value;
2048
2062
  };
2049
- type Props$Z<Value, GroupShape extends Group<Value> = Group<Value>> = PublicComboboxInputProps & PublicComboboxProps<Value> & CreatableProps<Value> & {
2063
+ type Props$_<Value, GroupShape extends Group<Value> = Group<Value>> = PublicComboboxInputProps & PublicComboboxProps<Value> & CreatableProps<Value> & {
2050
2064
  items?: readonly (Value | GroupShape)[];
2051
2065
  allowClear?: boolean;
2052
2066
  empty?: ReactNode;
@@ -2058,10 +2072,10 @@ type Props$Z<Value, GroupShape extends Group<Value> = Group<Value>> = PublicComb
2058
2072
  groupToLabel?: (group: GroupShape) => ReactNode;
2059
2073
  };
2060
2074
  declare const Combobox: {
2061
- <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;
2075
+ <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;
2062
2076
  Root: <Value, Multiple extends boolean | undefined = false>(props: Combobox$1.Root.Props<Value, Multiple>) => react_jsx_runtime.JSX.Element;
2063
2077
  InputGroup: ({ ref, state, variant, sizing, focusVariant, className, ...props }: ({
2064
- variant?: "primary" | "secondary" | "argo" | null | undefined;
2078
+ variant?: "primary" | "argo" | "secondary" | null | undefined;
2065
2079
  state?: "default" | "error" | "warning" | null | undefined;
2066
2080
  sizing?: "small" | "medium" | "default" | null | undefined;
2067
2081
  focusVariant?: "off" | "on" | "default" | null | undefined;
@@ -2075,6 +2089,8 @@ declare const Combobox: {
2075
2089
  size?: number | undefined | undefined;
2076
2090
  translate?: "yes" | "no" | undefined | undefined;
2077
2091
  prefix?: string | undefined | undefined;
2092
+ id?: string | undefined | undefined;
2093
+ name?: string | undefined | undefined;
2078
2094
  form?: string | undefined | undefined;
2079
2095
  slot?: string | undefined | undefined;
2080
2096
  style?: react.CSSProperties | ((state: _base_ui_react_combobox.ComboboxInputState) => React.CSSProperties | undefined) | undefined;
@@ -2094,7 +2110,6 @@ declare const Combobox: {
2094
2110
  draggable?: (boolean | "true" | "false") | undefined;
2095
2111
  enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
2096
2112
  hidden?: boolean | undefined | undefined;
2097
- id?: string | undefined | undefined;
2098
2113
  lang?: string | undefined | undefined;
2099
2114
  nonce?: string | undefined | undefined;
2100
2115
  spellCheck?: (boolean | "true" | "false") | undefined;
@@ -2361,7 +2376,6 @@ declare const Combobox: {
2361
2376
  formMethod?: string | undefined | undefined;
2362
2377
  formNoValidate?: boolean | undefined | undefined;
2363
2378
  formTarget?: string | undefined | undefined;
2364
- name?: string | undefined | undefined;
2365
2379
  type?: react.HTMLInputTypeAttribute | undefined;
2366
2380
  value?: string | number | readonly string[] | undefined;
2367
2381
  height?: number | string | undefined | undefined;
@@ -2443,7 +2457,7 @@ type Indicator = NonNullable<ComboboxItemProps['indicator']>;
2443
2457
  * Use `itemToLabel` / `itemToIcon` / `itemToDisabled` to project custom item shapes; use `filter` to override
2444
2458
  * the default substring matcher.
2445
2459
  */
2446
- 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'> & {
2460
+ 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'> & {
2447
2461
  items?: readonly (Value | GroupShape)[];
2448
2462
  allowClear?: boolean;
2449
2463
  allowSelectAll?: boolean;
@@ -2467,7 +2481,7 @@ type Props$Y<Value, GroupShape extends Group<Value> = Group<Value>> = Pick<Combo
2467
2481
  * @see RECIPES.md#creatable-multi-combobox — for free-form-plus-enumerated patterns
2468
2482
  * @see RECIPES.md#filter-toolbar — for combining multi-select with other filter chips
2469
2483
  */
2470
- 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;
2484
+ 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;
2471
2485
 
2472
2486
  type InputGroupProps$4 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'sizing' | 'focusVariant' | 'state'>;
2473
2487
  type TextareaNativeProps = Omit<ComponentProps<typeof InputGroup.TextArea>, 'value' | 'defaultValue' | 'rows' | 'maxRows'>;
@@ -2480,8 +2494,12 @@ type TextareaOwnProps = {
2480
2494
  disableResize?: boolean;
2481
2495
  containerClassName?: string;
2482
2496
  };
2483
- type Props$X = InputGroupProps$4 & TextareaNativeProps & TextareaOwnProps;
2484
- declare const Textarea: ({ ref, containerClassName, state, variant, sizing, focusVariant, ...rest }: Props$X & {
2497
+ type Props$Y = InputGroupProps$4 & TextareaNativeProps & TextareaOwnProps;
2498
+ /**
2499
+ * Multi-line text input. Chrome resolves from the active brand automatically: a modern brand always
2500
+ * renders argo (any `variant` is ignored), while `variant` only tunes the legacy-brand chrome.
2501
+ */
2502
+ declare const Textarea: ({ ref, containerClassName, state, variant, sizing, focusVariant, ...rest }: Props$Y & {
2485
2503
  ref?: Ref<ElementRef<"textarea">>;
2486
2504
  }) => react_jsx_runtime.JSX.Element;
2487
2505
 
@@ -2496,20 +2514,20 @@ declare const AutoSaveTextarea: ({ savedValue, onSave, placeholder, disabled, gr
2496
2514
 
2497
2515
  type InputGroupProps$3 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
2498
2516
  type InputGroupInputProps$3 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue'>;
2499
- type Props$W = InputGroupProps$3 & InputGroupInputProps$3 & {
2517
+ type Props$X = InputGroupProps$3 & InputGroupInputProps$3 & {
2500
2518
  value?: string | null;
2501
2519
  defaultValue?: string | null;
2502
2520
  onValueChange?: (value: string) => void;
2503
2521
  onValueBlur?: (value: string) => void;
2504
2522
  allowClear?: boolean;
2505
2523
  };
2506
- declare const ColorInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, onValueChange, onValueBlur, onChange, onBlur, defaultValue, allowClear, disabled, readOnly, ...restInputProps }: Props$W & {
2524
+ declare const ColorInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, onValueChange, onValueBlur, onChange, onBlur, defaultValue, allowClear, disabled, readOnly, ...restInputProps }: Props$X & {
2507
2525
  ref?: Ref<ElementRef<"input">>;
2508
2526
  }) => react_jsx_runtime.JSX.Element;
2509
2527
 
2510
2528
  type InputGroupProps$2 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
2511
2529
  type InputGroupInputProps$2 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type' | 'prefix'>;
2512
- type Props$V = InputGroupProps$2 & InputGroupInputProps$2 & {
2530
+ type Props$W = InputGroupProps$2 & InputGroupInputProps$2 & {
2513
2531
  value?: number | null;
2514
2532
  defaultValue?: number | null;
2515
2533
  onValueChange?: (value: number | null) => void;
@@ -2517,13 +2535,13 @@ type Props$V = InputGroupProps$2 & InputGroupInputProps$2 & {
2517
2535
  prefix?: ReactNode;
2518
2536
  suffix?: ReactNode;
2519
2537
  };
2520
- declare const NumberInput: ({ ref, state, variant, focusVariant, sizing, className, value, defaultValue, onValueChange, onValueBlur, onChange, onBlur, prefix, suffix, ...inputProps }: Props$V & {
2538
+ declare const NumberInput: ({ ref, state, variant, focusVariant, sizing, className, value, defaultValue, onValueChange, onValueBlur, onChange, onBlur, prefix, suffix, ...inputProps }: Props$W & {
2521
2539
  ref?: Ref<ElementRef<"input">>;
2522
2540
  }) => react_jsx_runtime.JSX.Element;
2523
2541
 
2524
2542
  type InputGroupProps$1 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
2525
2543
  type InputGroupInputProps$1 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type' | 'autoComplete'>;
2526
- type Props$U = InputGroupProps$1 & InputGroupInputProps$1 & {
2544
+ type Props$V = InputGroupProps$1 & InputGroupInputProps$1 & {
2527
2545
  value?: string | null;
2528
2546
  defaultValue?: string | null;
2529
2547
  onValueChange?: (value: string) => void;
@@ -2533,12 +2551,12 @@ type Props$U = InputGroupProps$1 & InputGroupInputProps$1 & {
2533
2551
  autoComplete?: 'new-password' | 'current-password' | 'off';
2534
2552
  defaultPasswordVisibility?: boolean;
2535
2553
  };
2536
- 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 & {
2554
+ declare const PasswordInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onKeyDown, onKeyUp, onMouseDown, allowClear, allowPasswordToggle, autoComplete, defaultPasswordVisibility, disabled, readOnly, ...restInputProps }: Props$V & {
2537
2555
  ref?: Ref<ElementRef<"input">>;
2538
2556
  }) => react_jsx_runtime.JSX.Element;
2539
2557
 
2540
2558
  declare const slotVariants: (props?: ({
2541
- sizing?: "md" | "sm" | "lg" | null | undefined;
2559
+ sizing?: "sm" | "md" | "lg" | null | undefined;
2542
2560
  state?: "default" | "error" | null | undefined;
2543
2561
  } & class_variance_authority_types.ClassProp) | undefined) => string;
2544
2562
  type SlotVariants = VariantProps<typeof slotVariants>;
@@ -2589,7 +2607,7 @@ type InputGroupInputProps = Omit<ComponentProps<typeof InputGroup.Input>, 'value
2589
2607
  * is treated as "not provided" — the component falls back to `defaultValue` (or, if absent, internal
2590
2608
  * state initialized to empty). `value={""}` is controlled-empty.
2591
2609
  */
2592
- type Props$T = InputGroupProps & InputGroupInputProps & {
2610
+ type Props$U = InputGroupProps & InputGroupInputProps & {
2593
2611
  value?: string | null;
2594
2612
  defaultValue?: string | null;
2595
2613
  /** 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`. */
@@ -2618,7 +2636,7 @@ type Props$T = InputGroupProps & InputGroupInputProps & {
2618
2636
  *
2619
2637
  * @see RECIPES.md#filter-toolbar — for the search + filter chips toolbar pattern
2620
2638
  */
2621
- 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 & {
2639
+ declare const SearchInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onClear, allowClear, disableDebounce, debounceDelay, disabled, readOnly, ...restInputProps }: Props$U & {
2622
2640
  ref?: Ref<ElementRef<"input">>;
2623
2641
  }) => react_jsx_runtime.JSX.Element;
2624
2642
 
@@ -2643,15 +2661,15 @@ declare const addonVariants: (props?: ({
2643
2661
  align?: "inline-start" | "inline-end" | null | undefined;
2644
2662
  variant?: "inline" | "floating" | null | undefined;
2645
2663
  } & class_variance_authority_types.ClassProp) | undefined) => string;
2646
- type Props$S = ComponentProps<'div'> & VariantProps<typeof addonVariants>;
2647
- declare const BadgeAddon: ({ ref, align, variant, className, ...rest }: Props$S & {
2664
+ type Props$T = ComponentProps<'div'> & VariantProps<typeof addonVariants>;
2665
+ declare const BadgeAddon: ({ ref, align, variant, className, ...rest }: Props$T & {
2648
2666
  ref?: Ref<ElementRef<"div">>;
2649
2667
  }) => react_jsx_runtime.JSX.Element;
2650
2668
 
2651
- type Props$R = ComponentProps<'span'> & {
2669
+ type Props$S = ComponentProps<'span'> & {
2652
2670
  asChild?: boolean;
2653
2671
  };
2654
- declare const BadgeLabel: ({ ref, className, asChild, ...rest }: Props$R & {
2672
+ declare const BadgeLabel: ({ ref, className, asChild, ...rest }: Props$S & {
2655
2673
  ref?: Ref<ElementRef<"span">>;
2656
2674
  }) => react_jsx_runtime.JSX.Element;
2657
2675
 
@@ -2660,8 +2678,8 @@ declare const badgeRootVariants: (props?: ({
2660
2678
  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;
2661
2679
  } & class_variance_authority_types.ClassProp) | undefined) => string;
2662
2680
 
2663
- type Props$Q = ComponentProps<'div'> & VariantProps<typeof badgeRootVariants>;
2664
- declare const BadgeRoot: ({ ref, variant, color, className, children, ...rest }: Props$Q & {
2681
+ type Props$R = ComponentProps<'div'> & VariantProps<typeof badgeRootVariants>;
2682
+ declare const BadgeRoot: ({ ref, variant, color, className, children, ...rest }: Props$R & {
2665
2683
  ref?: Ref<ElementRef<"div">>;
2666
2684
  }) => react_jsx_runtime.JSX.Element;
2667
2685
 
@@ -2673,14 +2691,14 @@ type BadgeLabelProps = ComponentProps<typeof BadgeLabel>;
2673
2691
  * `purple/cyan/teal/pink/blue/gray` for decorative tags) — colours stay fixed across brand themes.
2674
2692
  * Pass `prefix` / `suffix` for icon-style addons.
2675
2693
  */
2676
- type Props$P = Pick<BadgeRootProps, 'variant' | 'color'> & Omit<BadgeLabelProps, 'prefix'> & {
2694
+ type Props$Q = Pick<BadgeRootProps, 'variant' | 'color'> & Omit<BadgeLabelProps, 'prefix'> & {
2677
2695
  prefix?: ReactNode;
2678
2696
  prefixVariant?: AddonVariant;
2679
2697
  suffix?: ReactNode;
2680
2698
  suffixVariant?: AddonVariant;
2681
2699
  labelClassName?: string;
2682
2700
  };
2683
- declare const Badge: (({ ref, variant, color, prefix, prefixVariant, suffix, suffixVariant, className, labelClassName, ...labelProps }: Props$P & {
2701
+ declare const Badge: (({ ref, variant, color, prefix, prefixVariant, suffix, suffixVariant, className, labelClassName, ...labelProps }: Props$Q & {
2684
2702
  ref?: Ref<ElementRef<"span">>;
2685
2703
  }) => react_jsx_runtime.JSX.Element) & {
2686
2704
  Root: ({ ref, variant, color, className, children, ...rest }: (react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & class_variance_authority.VariantProps<(props?: ({
@@ -2712,45 +2730,45 @@ type TagOption = {
2712
2730
  disabled?: boolean;
2713
2731
  };
2714
2732
 
2715
- type Props$O = {
2733
+ type Props$P = {
2716
2734
  onCreate?: (search: string) => void;
2717
2735
  } & Pick<ComponentProps<typeof Command.Item>, 'value'>;
2718
- declare const TagSelectCreateItem: ({ onCreate, value }: Props$O) => react_jsx_runtime.JSX.Element;
2736
+ declare const TagSelectCreateItem: ({ onCreate, value }: Props$P) => react_jsx_runtime.JSX.Element;
2719
2737
 
2720
- type Props$N = {
2738
+ type Props$O = {
2721
2739
  value: string[];
2722
2740
  onAdd?: (selected: string[]) => void;
2723
2741
  };
2724
- declare const TagSelectValue: ({ value, onAdd }: Props$N) => react_jsx_runtime.JSX.Element;
2742
+ declare const TagSelectValue: ({ value, onAdd }: Props$O) => react_jsx_runtime.JSX.Element;
2725
2743
 
2726
- type Props$M = {
2744
+ type Props$N = {
2727
2745
  options?: TagOption[];
2728
2746
  } & Pick<ComponentProps<typeof TagSelectValue>, 'onAdd'> & Pick<ComponentProps<typeof TagSelectCreateItem>, 'onCreate'>;
2729
- declare const TagSelectList: ({ options, onAdd, onCreate }: Props$M) => react_jsx_runtime.JSX.Element;
2747
+ declare const TagSelectList: ({ options, onAdd, onCreate }: Props$N) => react_jsx_runtime.JSX.Element;
2730
2748
 
2731
- type Props$L = {
2749
+ type Props$M = {
2732
2750
  children: ReactNode;
2733
2751
  } & ComponentProps<typeof TagSelectList>;
2734
- declare const TagSelectPopover: ({ children, onAdd, options, onCreate }: Props$L) => react_jsx_runtime.JSX.Element;
2752
+ declare const TagSelectPopover: ({ children, onAdd, options, onCreate }: Props$M) => react_jsx_runtime.JSX.Element;
2735
2753
 
2736
2754
  type OnValueChangeHandler = (value: {
2737
2755
  action: 'add' | 'remove';
2738
2756
  tags: TagOption[];
2739
2757
  allTags: TagOption[];
2740
2758
  }) => void;
2741
- type Props$K = {
2759
+ type Props$L = {
2742
2760
  value?: TagOption[];
2743
2761
  onValueChange: OnValueChangeHandler;
2744
2762
  disabled?: boolean;
2745
2763
  } & Pick<ComponentProps<typeof TagSelectPopover>, 'options' | 'onCreate'>;
2746
- declare const Tagger: ({ options, value, onCreate, onValueChange, disabled, }: Props$K) => react_jsx_runtime.JSX.Element | null;
2764
+ declare const Tagger: ({ options, value, onCreate, onValueChange, disabled, }: Props$L) => react_jsx_runtime.JSX.Element | null;
2747
2765
 
2748
2766
  /**
2749
2767
  * Props for `FileUpload`. The component is uncontrolled with respect to the file
2750
2768
  * list — the caller owns the selected `File[]` and updates it from `onFilesChange`.
2751
2769
  * `FileUpload` only signals drop events; it does not store the file array.
2752
2770
  */
2753
- type Props$J = {
2771
+ type Props$K = {
2754
2772
  /** MIME / extension filter passed straight to react-dropzone. */
2755
2773
  accept?: Accept;
2756
2774
  /** Max size per file, in bytes. Oversized files are rejected and surface in `onFilesRejected`. */
@@ -2769,7 +2787,7 @@ type Props$J = {
2769
2787
  forcedState?: 'idle' | 'dragging' | 'error';
2770
2788
  children: ReactNode;
2771
2789
  } & Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'onDrop'>;
2772
- declare const FileUpload: (({ accept, maxSize, maxFiles, multiple, disabled, onFilesChange, onFilesRejected, forcedState, children, className, ...rest }: Props$J) => react_jsx_runtime.JSX.Element) & {
2790
+ declare const FileUpload: (({ accept, maxSize, maxFiles, multiple, disabled, onFilesChange, onFilesRejected, forcedState, children, className, ...rest }: Props$K) => react_jsx_runtime.JSX.Element) & {
2773
2791
  DropZone: ({ children, className, ...rest }: {
2774
2792
  children?: ReactNode;
2775
2793
  } & Omit<HTMLAttributes<HTMLDivElement>, "children">) => react_jsx_runtime.JSX.Element;
@@ -2815,7 +2833,9 @@ declare const FormGroup: {
2815
2833
  size?: number | undefined | undefined;
2816
2834
  translate?: "yes" | "no" | undefined | undefined;
2817
2835
  prefix?: ReactNode;
2818
- variant?: "primary" | "secondary" | "argo" | null | undefined;
2836
+ id?: string | undefined | undefined;
2837
+ name?: string | undefined | undefined;
2838
+ variant?: "primary" | "argo" | "secondary" | null | undefined;
2819
2839
  form?: string | undefined | undefined;
2820
2840
  slot?: string | undefined | undefined;
2821
2841
  style?: react.CSSProperties | undefined;
@@ -2837,7 +2857,6 @@ declare const FormGroup: {
2837
2857
  draggable?: (boolean | "true" | "false") | undefined;
2838
2858
  enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
2839
2859
  hidden?: boolean | undefined | undefined;
2840
- id?: string | undefined | undefined;
2841
2860
  lang?: string | undefined | undefined;
2842
2861
  nonce?: string | undefined | undefined;
2843
2862
  spellCheck?: (boolean | "true" | "false") | undefined;
@@ -3104,7 +3123,6 @@ declare const FormGroup: {
3104
3123
  formMethod?: string | undefined | undefined;
3105
3124
  formNoValidate?: boolean | undefined | undefined;
3106
3125
  formTarget?: string | undefined | undefined;
3107
- name?: string | undefined | undefined;
3108
3126
  type?: "text" | "email" | "password" | "datetime-local" | "date" | undefined;
3109
3127
  value?: string | null | undefined;
3110
3128
  height?: number | string | undefined | undefined;
@@ -3140,7 +3158,9 @@ declare const FormGroup: {
3140
3158
  size?: number | undefined | undefined;
3141
3159
  translate?: "yes" | "no" | undefined | undefined;
3142
3160
  prefix?: ReactNode;
3143
- variant?: "primary" | "secondary" | "argo" | null | undefined;
3161
+ id?: string | undefined | undefined;
3162
+ name?: string | undefined | undefined;
3163
+ variant?: "primary" | "argo" | "secondary" | null | undefined;
3144
3164
  form?: string | undefined | undefined;
3145
3165
  slot?: string | undefined | undefined;
3146
3166
  style?: react.CSSProperties | undefined;
@@ -3162,7 +3182,6 @@ declare const FormGroup: {
3162
3182
  draggable?: (boolean | "true" | "false") | undefined;
3163
3183
  enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
3164
3184
  hidden?: boolean | undefined | undefined;
3165
- id?: string | undefined | undefined;
3166
3185
  lang?: string | undefined | undefined;
3167
3186
  nonce?: string | undefined | undefined;
3168
3187
  spellCheck?: (boolean | "true" | "false") | undefined;
@@ -3430,7 +3449,6 @@ declare const FormGroup: {
3430
3449
  formMethod?: string | undefined | undefined;
3431
3450
  formNoValidate?: boolean | undefined | undefined;
3432
3451
  formTarget?: string | undefined | undefined;
3433
- name?: string | undefined | undefined;
3434
3452
  value?: number | null | undefined;
3435
3453
  height?: number | string | undefined | undefined;
3436
3454
  max?: number | string | undefined | undefined;
@@ -3461,7 +3479,9 @@ declare const FormGroup: {
3461
3479
  size?: number | undefined | undefined;
3462
3480
  translate?: "yes" | "no" | undefined | undefined;
3463
3481
  prefix?: string | undefined | undefined;
3464
- variant?: "primary" | "secondary" | "argo" | null | undefined;
3482
+ id?: string | undefined | undefined;
3483
+ name?: string | undefined | undefined;
3484
+ variant?: "primary" | "argo" | "secondary" | null | undefined;
3465
3485
  form?: string | undefined | undefined;
3466
3486
  slot?: string | undefined | undefined;
3467
3487
  style?: react.CSSProperties | undefined;
@@ -3483,7 +3503,6 @@ declare const FormGroup: {
3483
3503
  draggable?: (boolean | "true" | "false") | undefined;
3484
3504
  enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
3485
3505
  hidden?: boolean | undefined | undefined;
3486
- id?: string | undefined | undefined;
3487
3506
  lang?: string | undefined | undefined;
3488
3507
  nonce?: string | undefined | undefined;
3489
3508
  spellCheck?: (boolean | "true" | "false") | undefined;
@@ -3751,7 +3770,6 @@ declare const FormGroup: {
3751
3770
  formMethod?: string | undefined | undefined;
3752
3771
  formNoValidate?: boolean | undefined | undefined;
3753
3772
  formTarget?: string | undefined | undefined;
3754
- name?: string | undefined | undefined;
3755
3773
  type?: react.HTMLInputTypeAttribute | undefined;
3756
3774
  value?: string | null | undefined;
3757
3775
  height?: number | string | undefined | undefined;
@@ -3782,7 +3800,9 @@ declare const FormGroup: {
3782
3800
  content?: string | undefined | undefined;
3783
3801
  translate?: "yes" | "no" | undefined | undefined;
3784
3802
  prefix?: string | undefined | undefined;
3785
- variant?: "primary" | "secondary" | "argo" | null | undefined;
3803
+ id?: string | undefined | undefined;
3804
+ name?: string | undefined | undefined;
3805
+ variant?: "primary" | "argo" | "secondary" | null | undefined;
3786
3806
  form?: string | undefined | undefined;
3787
3807
  slot?: string | undefined | undefined;
3788
3808
  style?: (Omit<react.CSSProperties, "maxHeight" | "minHeight"> & {
@@ -3805,7 +3825,6 @@ declare const FormGroup: {
3805
3825
  draggable?: (boolean | "true" | "false") | undefined;
3806
3826
  enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
3807
3827
  hidden?: boolean | undefined | undefined;
3808
- id?: string | undefined | undefined;
3809
3828
  lang?: string | undefined | undefined;
3810
3829
  nonce?: string | undefined | undefined;
3811
3830
  spellCheck?: (boolean | "true" | "false") | undefined;
@@ -4066,7 +4085,6 @@ declare const FormGroup: {
4066
4085
  onTransitionStart?: react.TransitionEventHandler<HTMLTextAreaElement> | undefined;
4067
4086
  onTransitionStartCapture?: react.TransitionEventHandler<HTMLTextAreaElement> | undefined;
4068
4087
  disabled?: boolean | undefined | undefined;
4069
- name?: string | undefined | undefined;
4070
4088
  value?: string | null | undefined;
4071
4089
  onValueChange?: (((value: string) => void) & ((value: string) => void)) | undefined;
4072
4090
  required?: boolean | undefined | undefined;
@@ -4093,47 +4111,47 @@ declare const FormGroup: {
4093
4111
  declare const helpVariants: (props?: ({
4094
4112
  state?: "default" | "error" | "warning" | null | undefined;
4095
4113
  } & class_variance_authority_types.ClassProp) | undefined) => string;
4096
- type Props$I = {
4114
+ type Props$J = {
4097
4115
  className?: string;
4098
4116
  children?: ReactNode;
4099
4117
  testId?: string;
4100
4118
  } & VariantProps<typeof helpVariants>;
4101
- declare const HelpBlock: ({ children, className, state, testId }: Props$I) => react_jsx_runtime.JSX.Element | null;
4119
+ declare const HelpBlock: ({ children, className, state, testId }: Props$J) => react_jsx_runtime.JSX.Element | null;
4102
4120
 
4103
4121
  type AnswerItem = {
4104
4122
  question: string;
4105
4123
  answer?: string;
4106
4124
  };
4107
4125
  type Variant$5 = 'success' | 'dismissed';
4108
- type Props$H = {
4126
+ type Props$I = {
4109
4127
  items: readonly AnswerItem[];
4110
4128
  variant?: Variant$5;
4111
4129
  noAnswerLabel?: string;
4112
4130
  };
4113
- declare const AnswerSummary: ({ items, variant, noAnswerLabel, }: Props$H) => react_jsx_runtime.JSX.Element;
4131
+ declare const AnswerSummary: ({ items, variant, noAnswerLabel, }: Props$I) => react_jsx_runtime.JSX.Element;
4114
4132
 
4115
4133
  type Variant$4 = 'success' | 'error' | 'processing' | 'dismissed';
4116
- type Props$G = {
4134
+ type Props$H = {
4117
4135
  isExpanded: boolean;
4118
4136
  onToggle: () => void;
4119
4137
  label: ReactNode;
4120
4138
  variant?: Variant$4;
4121
4139
  };
4122
- declare const CollapsibleStepHeader: ({ isExpanded, onToggle, label, variant, }: Props$G) => react_jsx_runtime.JSX.Element;
4140
+ declare const CollapsibleStepHeader: ({ isExpanded, onToggle, label, variant, }: Props$H) => react_jsx_runtime.JSX.Element;
4123
4141
 
4124
- type Props$F = {
4142
+ type Props$G = {
4125
4143
  children: ReactNode;
4126
4144
  };
4127
- declare const InlineStepDetail: ({ children }: Props$F) => react_jsx_runtime.JSX.Element;
4145
+ declare const InlineStepDetail: ({ children }: Props$G) => react_jsx_runtime.JSX.Element;
4128
4146
 
4129
4147
  type Variant$3 = 'processing' | 'success' | 'error' | 'dismissed';
4130
- type Props$E = {
4148
+ type Props$F = {
4131
4149
  variant: Variant$3;
4132
4150
  children: ReactNode;
4133
4151
  };
4134
- declare const InlineStepLabel: ({ variant, children }: Props$E) => react_jsx_runtime.JSX.Element;
4152
+ declare const InlineStepLabel: ({ variant, children }: Props$F) => react_jsx_runtime.JSX.Element;
4135
4153
 
4136
- type Props$D = {
4154
+ type Props$E = {
4137
4155
  user?: {
4138
4156
  name: string | undefined;
4139
4157
  email: string | undefined;
@@ -4143,17 +4161,17 @@ type Props$D = {
4143
4161
  size?: number;
4144
4162
  variant?: 'circle' | 'rounded';
4145
4163
  } & ComponentProps<'span'>;
4146
- declare const Avatar: ({ ref, user, fallback, size, className, variant, ...props }: Props$D & {
4164
+ declare const Avatar: ({ ref, user, fallback, size, className, variant, ...props }: Props$E & {
4147
4165
  ref?: Ref<ElementRef<"span">>;
4148
4166
  }) => react_jsx_runtime.JSX.Element;
4149
4167
 
4150
- type Props$C = {
4168
+ type Props$D = {
4151
4169
  variant: 'user' | 'assistant';
4152
4170
  user?: ComponentProps<typeof Avatar>['user'];
4153
4171
  actions?: ReactNode;
4154
4172
  createdAt?: string;
4155
4173
  } & PropsWithChildren;
4156
- declare const MessageBubble: ({ variant, children, user, actions, createdAt }: Props$C) => react_jsx_runtime.JSX.Element;
4174
+ declare const MessageBubble: ({ variant, children, user, actions, createdAt }: Props$D) => react_jsx_runtime.JSX.Element;
4157
4175
 
4158
4176
  type PlanApprovalStatus = 'pending' | 'approved' | 'dismissed' | 'changes-requested';
4159
4177
  type PlanApprovalProps = {
@@ -4201,17 +4219,17 @@ type PromptCommand = {
4201
4219
  };
4202
4220
 
4203
4221
  type SubmitStatus = 'submitted' | 'ready' | 'streaming' | 'interrupted';
4204
- type Props$B = Pick<ComponentProps<typeof Button>, 'disabled'> & {
4222
+ type Props$C = Pick<ComponentProps<typeof Button>, 'disabled'> & {
4205
4223
  status?: SubmitStatus;
4206
4224
  };
4207
- declare const PromptInputSubmit: ({ ref, disabled, status, }: Props$B & {
4225
+ declare const PromptInputSubmit: ({ ref, disabled, status, }: Props$C & {
4208
4226
  ref?: Ref<ElementRef<"button">>;
4209
4227
  }) => react_jsx_runtime.JSX.Element;
4210
4228
 
4211
4229
  declare const promptInputVariants: (props?: ({
4212
4230
  variant?: "inline" | "default" | null | undefined;
4213
4231
  } & class_variance_authority_types.ClassProp) | undefined) => string;
4214
- type Props$A = {
4232
+ type Props$B = {
4215
4233
  onSend?: (value: string) => void;
4216
4234
  onAbort?: () => void;
4217
4235
  onContinue?: () => void;
@@ -4225,7 +4243,7 @@ type Props$A = {
4225
4243
  commands?: PromptCommand[];
4226
4244
  } & VariantProps<typeof promptInputVariants> & Pick<ComponentProps<typeof react_textarea_autosize__default>, 'placeholder' | 'minRows' | 'maxRows' | 'disabled' | 'defaultValue' | 'autoFocus'> & ComponentProps<typeof PromptInputSubmit>;
4227
4245
  declare const PromptInput: {
4228
- ({ onSend, onAbort, onContinue, prefix, variant, suffix, disabled, disableSubmit, value, onValueChange, status, maxRows, minRows, commands, ...textareaProps }: Props$A): react_jsx_runtime.JSX.Element;
4246
+ ({ onSend, onAbort, onContinue, prefix, variant, suffix, disabled, disableSubmit, value, onValueChange, status, maxRows, minRows, commands, ...textareaProps }: Props$B): react_jsx_runtime.JSX.Element;
4229
4247
  Action: ({ ref, onMouseDown, ...rest }: react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> & {
4230
4248
  ref?: react.Ref<ElementRef<"button">>;
4231
4249
  }) => react_jsx_runtime.JSX.Element;
@@ -4237,7 +4255,7 @@ type QuestionOption = {
4237
4255
  description?: string;
4238
4256
  preview?: string;
4239
4257
  };
4240
- type Props$z = {
4258
+ type Props$A = {
4241
4259
  question: string;
4242
4260
  header?: string;
4243
4261
  options: readonly QuestionOption[];
@@ -4260,7 +4278,7 @@ type Props$z = {
4260
4278
  renderPreview?: (content: string) => ReactNode;
4261
4279
  className?: string;
4262
4280
  };
4263
- 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;
4281
+ declare const Question: ({ question, header, options, multiSelect, selectedOptionIds, onSelectionChange, customAnswer, onCustomAnswerChange, onCustomAnswerConfirm, showCustomAnswer, customAnswerPlaceholder, showSkip, onSkip, onClose, onNext, submitTooltip, onPrevious, currentStep, totalSteps, renderPreview, className, }: Props$A) => react_jsx_runtime.JSX.Element;
4264
4282
 
4265
4283
  type QuestionStep = {
4266
4284
  question: string;
@@ -4274,7 +4292,7 @@ type QuestionAnswers = {
4274
4292
  selections: Record<number, readonly string[]>;
4275
4293
  customAnswers: Record<number, string>;
4276
4294
  };
4277
- type Props$y = {
4295
+ type Props$z = {
4278
4296
  steps: readonly [QuestionStep, ...QuestionStep[]];
4279
4297
  showSkip?: boolean;
4280
4298
  onSubmit?: (answers: QuestionAnswers) => void;
@@ -4282,25 +4300,25 @@ type Props$y = {
4282
4300
  renderPreview?: (content: string) => ReactNode;
4283
4301
  className?: string;
4284
4302
  };
4285
- declare const QuestionBlock: ({ steps, showSkip, onSubmit, onClose, renderPreview, className, }: Props$y) => react_jsx_runtime.JSX.Element;
4303
+ declare const QuestionBlock: ({ steps, showSkip, onSubmit, onClose, renderPreview, className, }: Props$z) => react_jsx_runtime.JSX.Element;
4286
4304
 
4287
- type Props$x = {
4305
+ type Props$y = {
4288
4306
  label: string;
4289
4307
  disabled?: boolean;
4290
4308
  onClick: () => void;
4291
4309
  icon?: ReactNode;
4292
4310
  className?: string;
4293
4311
  };
4294
- declare const SuggestedPrompt: ({ label, disabled, onClick, icon, className }: Props$x) => react_jsx_runtime.JSX.Element;
4312
+ declare const SuggestedPrompt: ({ label, disabled, onClick, icon, className }: Props$y) => react_jsx_runtime.JSX.Element;
4295
4313
 
4296
4314
  type ThinkingIndicatorProps = {
4297
4315
  label?: string;
4298
4316
  };
4299
4317
  declare const ThinkingIndicator: ({ label }: ThinkingIndicatorProps) => react_jsx_runtime.JSX.Element;
4300
4318
 
4301
- type Props$w = ComponentProps<typeof Root$8>;
4319
+ type Props$x = ComponentProps<typeof Root$8>;
4302
4320
  declare const Collapsible: {
4303
- (props: Props$w): react_jsx_runtime.JSX.Element;
4321
+ (props: Props$x): react_jsx_runtime.JSX.Element;
4304
4322
  Trigger: react.ForwardRefExoticComponent<_radix_ui_react_collapsible.CollapsibleTriggerProps & react.RefAttributes<HTMLButtonElement>>;
4305
4323
  Content: ({ ref, className, children, ...props }: Omit<_radix_ui_react_collapsible.CollapsibleContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
4306
4324
  ref?: react.Ref<react.ElementRef<react.ForwardRefExoticComponent<_radix_ui_react_collapsible.CollapsibleContentProps & react.RefAttributes<HTMLDivElement>>>>;
@@ -4308,11 +4326,12 @@ declare const Collapsible: {
4308
4326
  };
4309
4327
 
4310
4328
  type Variant$2 = 'info' | 'warning' | 'error' | 'success';
4311
- type Props$v = {
4329
+ type Props$w = {
4312
4330
  variant?: Variant$2;
4331
+ /** @internal Transitional opt-in; removed once consumers wrap argo sections in `<ThemeProvider>`. */
4313
4332
  argo?: boolean;
4314
4333
  } & ComponentProps<'div'>;
4315
- declare const AlertRoot: ({ ref, children, className, variant, argo, ...rest }: Props$v & {
4334
+ declare const AlertRoot: ({ ref, children, className, variant, argo, ...rest }: Props$w & {
4316
4335
  ref?: Ref<ElementRef<"div">>;
4317
4336
  }) => react_jsx_runtime.JSX.Element;
4318
4337
 
@@ -4337,7 +4356,7 @@ type DefaultProps = {
4337
4356
  * `"collapsible"` requires `title` + `children` (no `actions`) and renders a collapsible disclosure.
4338
4357
  * `variant` (`info` | `success` | `warning` | `error`) is a categorical colour contract.
4339
4358
  */
4340
- type Props$u = CommonProps & (CollapsibleProps | DefaultProps);
4359
+ type Props$v = CommonProps & (CollapsibleProps | DefaultProps);
4341
4360
  /**
4342
4361
  * Persistent inline banner for contextual messages tied to the page layout.
4343
4362
  *
@@ -4351,13 +4370,13 @@ type Props$u = CommonProps & (CollapsibleProps | DefaultProps);
4351
4370
  *
4352
4371
  * @see RECIPES.md#alert-with-action — for action-bearing alert composition
4353
4372
  */
4354
- declare const Alert: ({ title, variant, children, hideIcon, icon, className, actions, mode, defaultOpen, open: openProp, onOpenChange: onOpenChangeProp, ...rest }: Props$u) => react_jsx_runtime.JSX.Element;
4373
+ declare const Alert: ({ title, variant, children, hideIcon, icon, className, actions, mode, defaultOpen, open: openProp, onOpenChange: onOpenChangeProp, ...rest }: Props$v) => react_jsx_runtime.JSX.Element;
4355
4374
 
4356
4375
  declare const variants$1: (props?: ({
4357
4376
  variant?: "default" | "error" | "warning" | "success" | "info" | null | undefined;
4358
4377
  } & class_variance_authority_types.ClassProp) | undefined) => string;
4359
4378
  type Variants = VariantProps<typeof variants$1>;
4360
- type Props$t = {
4379
+ type Props$u = {
4361
4380
  id: string | number;
4362
4381
  title: ReactNode;
4363
4382
  icon?: ReactNode;
@@ -4365,8 +4384,10 @@ type Props$t = {
4365
4384
  action?: Action;
4366
4385
  loading?: boolean;
4367
4386
  duration?: number;
4387
+ /** @internal Transitional opt-in; removed once consumers wrap argo sections in `<ThemeProvider>`. */
4388
+ argo?: boolean;
4368
4389
  } & Variants;
4369
- declare const ToastRoot: ({ id, title, description, action, duration, variant, loading, icon: iconProp, }: Props$t) => react_jsx_runtime.JSX.Element;
4390
+ declare const ToastRoot: ({ id, title, description, action, duration, variant, loading, icon: iconProp, argo, }: Props$u) => react_jsx_runtime.JSX.Element;
4370
4391
 
4371
4392
  type ToastProps = ComponentProps<typeof ToastRoot>;
4372
4393
  type Title = ToastProps['title'] | ((opts: {
@@ -4387,7 +4408,7 @@ declare const toast: {
4387
4408
  dismissAll(): string | number;
4388
4409
  };
4389
4410
 
4390
- type Props$s = {
4411
+ type Props$t = {
4391
4412
  enabled?: boolean;
4392
4413
  } & Parameters<typeof toast>[0];
4393
4414
  /**
@@ -4400,22 +4421,22 @@ type Props$s = {
4400
4421
  * Use `toast()` for transient feedback after a user action
4401
4422
  * (e.g., "Saved", "Copied", "Deleted") that auto-dismisses after a few seconds.
4402
4423
  */
4403
- declare const useNotification: ({ enabled, ...toastOptions }: Props$s) => void;
4424
+ declare const useNotification: ({ enabled, ...toastOptions }: Props$t) => void;
4404
4425
 
4405
4426
  type ToasterProps = ComponentProps<typeof Toaster$1>;
4406
4427
  declare const Toaster: ({ gap, visibleToasts, ...props }: ToasterProps) => react_jsx_runtime.JSX.Element;
4407
4428
 
4408
- type Props$r = {
4429
+ type Props$s = {
4409
4430
  children?: ReactNode;
4410
4431
  };
4411
- declare const EmptySearchContent: ({ children }: Props$r) => react_jsx_runtime.JSX.Element;
4432
+ declare const EmptySearchContent: ({ children }: Props$s) => react_jsx_runtime.JSX.Element;
4412
4433
 
4413
- type Props$q = {
4434
+ type Props$r = {
4414
4435
  title: string;
4415
4436
  children: ReactNode;
4416
4437
  className?: string;
4417
4438
  };
4418
- declare const EmptyConfigurationActionCard: ({ title, children, className }: Props$q) => react_jsx_runtime.JSX.Element;
4439
+ declare const EmptyConfigurationActionCard: ({ title, children, className }: Props$r) => react_jsx_runtime.JSX.Element;
4419
4440
 
4420
4441
  declare const emptyStateClassnames: (props?: ({
4421
4442
  variant?: "compact" | "default" | null | undefined;
@@ -4465,7 +4486,7 @@ declare const EmptyState: typeof EmptyStateRoot & {
4465
4486
  };
4466
4487
 
4467
4488
  declare const errorStateClassnames: (props?: ({
4468
- variant?: "compact" | "default" | "destructive" | null | undefined;
4489
+ variant?: "destructive" | "compact" | "default" | null | undefined;
4469
4490
  } & class_variance_authority_types.ClassProp) | undefined) => string;
4470
4491
  type Variant = VariantProps<typeof errorStateClassnames>['variant'];
4471
4492
  /**
@@ -4555,8 +4576,8 @@ declare const variants: (props?: ({
4555
4576
  variant?: "default" | "success" | null | undefined;
4556
4577
  size?: "sm" | "lg" | null | undefined;
4557
4578
  } & class_variance_authority_types.ClassProp) | undefined) => string;
4558
- type Props$p = ComponentProps<typeof Root$9> & VariantProps<typeof variants>;
4559
- declare const Progress: ({ ref, className, value, variant, size, ...props }: Props$p & {
4579
+ type Props$q = ComponentProps<typeof Root$9> & VariantProps<typeof variants>;
4580
+ declare const Progress: ({ ref, className, value, variant, size, ...props }: Props$q & {
4560
4581
  ref?: Ref<ElementRef<typeof Root$9>>;
4561
4582
  }) => react_jsx_runtime.JSX.Element;
4562
4583
 
@@ -4574,7 +4595,7 @@ type CollapseProps = {
4574
4595
  /** @deprecated Use `Collapsible` instead. */
4575
4596
  declare const Collapse: ({ open, header, className, bodyClassName, children, onClick, animationClassName, hidden, ...rest }: CollapseProps & ComponentProps<"div">) => react_jsx_runtime.JSX.Element;
4576
4597
 
4577
- type Props$o = {
4598
+ type Props$p = {
4578
4599
  header: ReactNode;
4579
4600
  isDisabled?: boolean;
4580
4601
  defaultExpanded?: boolean;
@@ -4586,16 +4607,16 @@ type Props$o = {
4586
4607
  variant?: 'default' | 'white';
4587
4608
  children: ReactNode;
4588
4609
  };
4589
- declare const CollapsiblePanel: ({ header, className, bodyClassName, headerClassName, defaultExpanded, isDisabled, children, isOpen, onToggle, variant, }: Props$o) => react_jsx_runtime.JSX.Element;
4610
+ declare const CollapsiblePanel: ({ header, className, bodyClassName, headerClassName, defaultExpanded, isDisabled, children, isOpen, onToggle, variant, }: Props$p) => react_jsx_runtime.JSX.Element;
4590
4611
 
4591
- type Props$n = PropsWithChildren<{
4612
+ type Props$o = PropsWithChildren<{
4592
4613
  defaultExpanded?: boolean;
4593
4614
  labelCollapse?: ReactNode;
4594
4615
  labelOpen?: ReactNode;
4595
4616
  placement?: 'top' | 'bottom';
4596
4617
  className?: string;
4597
4618
  }>;
4598
- declare const PanelWithDetails: ({ defaultExpanded, labelCollapse, labelOpen, placement, children, }: Props$n) => react_jsx_runtime.JSX.Element;
4619
+ declare const PanelWithDetails: ({ defaultExpanded, labelCollapse, labelOpen, placement, children, }: Props$o) => react_jsx_runtime.JSX.Element;
4599
4620
 
4600
4621
  type RootProps$1 = ComponentPropsWithoutRef<'div'>;
4601
4622
  type SlotProps = ComponentPropsWithoutRef<'div'> & {
@@ -4662,7 +4683,9 @@ type FooterProps = ComponentPropsWithoutRef<'footer'> & {
4662
4683
  };
4663
4684
  /**
4664
4685
  * Compound page-chrome block. Provides every kbc-ui page with the same content-column shape:
4665
- * max-width container + vertical rhythm + named slots.
4686
+ * max-width container + vertical rhythm + named slots. The gutter between content and the app
4687
+ * frame (sidebar / navbar) is owned by the shell, not by `PageLayout` — so the `Root` adds no
4688
+ * outer page padding of its own (`PageLayout.Footer` keeps its own action-bar padding).
4666
4689
  *
4667
4690
  * **When to use:** every new kbc-ui page. Do not roll your own `<div className="tw-flex tw-flex-col">`
4668
4691
  * chrome. Host `PageHeader.Index` / `PageHeader.Detail` inside `PageLayout.Header` for the structured
@@ -4842,7 +4865,7 @@ type SidebarState$1 = 'expanded' | 'collapsed';
4842
4865
  type SidebarCollapsible = 'icon' | 'off-canvas';
4843
4866
  type SidebarVariant = 'sided-floating' | 'inset' | 'floating' | 'none';
4844
4867
 
4845
- type Props$m = {
4868
+ type Props$n = {
4846
4869
  children: ReactNode;
4847
4870
  className?: string;
4848
4871
  id?: string;
@@ -4853,7 +4876,7 @@ type Props$m = {
4853
4876
  resizable?: boolean;
4854
4877
  };
4855
4878
  declare const Sidebar: {
4856
- ({ children, className, id, side, style, container, keepMounted, resizable, }: Props$m): react_jsx_runtime.JSX.Element | null;
4879
+ ({ children, className, id, side, style, container, keepMounted, resizable, }: Props$n): react_jsx_runtime.JSX.Element | null;
4857
4880
  Header: ({ className, ...props }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => react_jsx_runtime.JSX.Element;
4858
4881
  Content: ({ ref, className, children, contentRef, }: {
4859
4882
  className?: string;
@@ -4876,6 +4899,7 @@ declare const Sidebar: {
4876
4899
  content?: string | undefined | undefined;
4877
4900
  translate?: "yes" | "no" | undefined | undefined;
4878
4901
  prefix?: string | undefined | undefined;
4902
+ id?: string | undefined | undefined;
4879
4903
  label?: ReactNode;
4880
4904
  slot?: string | undefined | undefined;
4881
4905
  style?: CSSProperties | undefined;
@@ -4896,7 +4920,6 @@ declare const Sidebar: {
4896
4920
  draggable?: (boolean | "true" | "false") | undefined;
4897
4921
  enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
4898
4922
  hidden?: boolean | undefined | undefined;
4899
- id?: string | undefined | undefined;
4900
4923
  lang?: string | undefined | undefined;
4901
4924
  nonce?: string | undefined | undefined;
4902
4925
  spellCheck?: (boolean | "true" | "false") | undefined;
@@ -5188,6 +5211,8 @@ declare const Sidebar: {
5188
5211
  content?: string | undefined | undefined;
5189
5212
  size?: number | undefined | undefined;
5190
5213
  translate?: "yes" | "no" | undefined | undefined;
5214
+ id?: string | undefined | undefined;
5215
+ name?: string | undefined | undefined;
5191
5216
  form?: string | undefined | undefined;
5192
5217
  slot?: string | undefined | undefined;
5193
5218
  style?: CSSProperties | undefined;
@@ -5209,7 +5234,6 @@ declare const Sidebar: {
5209
5234
  draggable?: (boolean | "true" | "false") | undefined;
5210
5235
  enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
5211
5236
  hidden?: boolean | undefined | undefined;
5212
- id?: string | undefined | undefined;
5213
5237
  lang?: string | undefined | undefined;
5214
5238
  nonce?: string | undefined | undefined;
5215
5239
  spellCheck?: (boolean | "true" | "false") | undefined;
@@ -5477,7 +5501,6 @@ declare const Sidebar: {
5477
5501
  formMethod?: string | undefined | undefined;
5478
5502
  formNoValidate?: boolean | undefined | undefined;
5479
5503
  formTarget?: string | undefined | undefined;
5480
- name?: string | undefined | undefined;
5481
5504
  type?: react.HTMLInputTypeAttribute | undefined;
5482
5505
  value?: string | number | readonly string[] | undefined;
5483
5506
  height?: number | string | undefined | undefined;
@@ -5519,7 +5542,7 @@ declare const Sidebar: {
5519
5542
  }) => react_jsx_runtime.JSX.Element;
5520
5543
  };
5521
5544
 
5522
- type Props$l = {
5545
+ type Props$m = {
5523
5546
  children?: ReactNode;
5524
5547
  defaultLeftMode?: SidebarMode;
5525
5548
  leftMode?: SidebarMode;
@@ -5537,7 +5560,7 @@ type Props$l = {
5537
5560
  onRightWidthChange?: (width: number) => void;
5538
5561
  defaultFilledSide?: SidebarSide | null;
5539
5562
  };
5540
- declare const SidebarProvider: ({ children, defaultLeftMode, leftMode, onLeftModeChange, defaultRightMode, rightMode, onRightModeChange, leftCollapsible, leftVariant, leftWidth, rightCollapsible, rightVariant, rightWidth, onLeftWidthChange, onRightWidthChange, defaultFilledSide, }: Props$l) => react_jsx_runtime.JSX.Element;
5563
+ declare const SidebarProvider: ({ children, defaultLeftMode, leftMode, onLeftModeChange, defaultRightMode, rightMode, onRightModeChange, leftCollapsible, leftVariant, leftWidth, rightCollapsible, rightVariant, rightWidth, onLeftWidthChange, onRightWidthChange, defaultFilledSide, }: Props$m) => react_jsx_runtime.JSX.Element;
5541
5564
 
5542
5565
  type Input = {
5543
5566
  variant: SidebarVariant;
@@ -5553,12 +5576,12 @@ type EffectiveWidths = {
5553
5576
  };
5554
5577
  declare const calcEffectiveWidths: ({ variant, width: customWidth, collapsible, state, mode, }: Input) => EffectiveWidths;
5555
5578
 
5556
- type Props$k = {
5579
+ type Props$l = {
5557
5580
  defaultMode?: SidebarMode;
5558
5581
  mode?: SidebarMode;
5559
5582
  onModeChange?: (state: SidebarMode) => void;
5560
5583
  };
5561
- declare const useSidebarState: ({ defaultMode, mode: modeProp, onModeChange }: Props$k) => {
5584
+ declare const useSidebarState: ({ defaultMode, mode: modeProp, onModeChange }: Props$l) => {
5562
5585
  isHovered: boolean;
5563
5586
  toggle: () => void;
5564
5587
  setMode: (dispatch: Parameters<react.Dispatch<react.SetStateAction<"expanded" | "collapsed" | "expand-on-hover">>>[0]) => void;
@@ -5588,7 +5611,7 @@ declare const separatorVariants: (props?: ({
5588
5611
  size?: "full" | "1/2" | "3/4" | null | undefined;
5589
5612
  orientation?: "horizontal" | "vertical" | null | undefined;
5590
5613
  } & class_variance_authority_types.ClassProp) | undefined) => string;
5591
- type Props$j = VariantProps<typeof separatorVariants> & Omit<ComponentProps<typeof RSeparator.Root>, 'decorative'> & {
5614
+ type Props$k = VariantProps<typeof separatorVariants> & Omit<ComponentProps<typeof RSeparator.Root>, 'decorative'> & {
5592
5615
  /**
5593
5616
  * Optional label rendered centered between two line segments
5594
5617
  * (typical "OR" divider). Implies `orientation="horizontal"`.
@@ -5596,12 +5619,12 @@ type Props$j = VariantProps<typeof separatorVariants> & Omit<ComponentProps<type
5596
5619
  */
5597
5620
  label?: ReactNode;
5598
5621
  };
5599
- declare const Separator: ({ className, orientation, size, label, ...props }: Props$j) => react_jsx_runtime.JSX.Element;
5622
+ declare const Separator: ({ className, orientation, size, label, ...props }: Props$k) => react_jsx_runtime.JSX.Element;
5600
5623
 
5601
5624
  declare const navbarClassnames: (props?: ({
5602
5625
  bordered?: boolean | null | undefined;
5603
5626
  } & class_variance_authority_types.ClassProp) | undefined) => string;
5604
- type Props$i = ComponentProps<'header'> & VariantProps<typeof navbarClassnames> & {
5627
+ type Props$j = ComponentProps<'header'> & VariantProps<typeof navbarClassnames> & {
5605
5628
  accent?: 'blue' | 'purple' | 'green' | 'orange';
5606
5629
  };
5607
5630
  /**
@@ -5611,7 +5634,7 @@ type Props$i = ComponentProps<'header'> & VariantProps<typeof navbarClassnames>
5611
5634
  * Design (WIP), missing a lot of actual cases: https://www.figma.com/design/HEBm5hXa4AIxcCh5PGKoF9/Main-Navigation?node-id=1568-1126&t=s3RREpciWrKQTL8p-0
5612
5635
  */
5613
5636
  declare const Navbar: {
5614
- ({ className, accent, bordered, ...rest }: Props$i): react_jsx_runtime.JSX.Element;
5637
+ ({ className, accent, bordered, ...rest }: Props$j): react_jsx_runtime.JSX.Element;
5615
5638
  Header: ({ children, className, ...rest }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => react_jsx_runtime.JSX.Element;
5616
5639
  Footer: ({ children, className, ...rest }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => react_jsx_runtime.JSX.Element;
5617
5640
  Content: ({ children, className }: {
@@ -5645,9 +5668,9 @@ declare const Navbar: {
5645
5668
  }) => react_jsx_runtime.JSX.Element;
5646
5669
  };
5647
5670
 
5648
- type Props$h = ComponentProps<'nav'>;
5671
+ type Props$i = ComponentProps<'nav'>;
5649
5672
  declare const Breadcrumb: {
5650
- ({ className, ...props }: Props$h): react_jsx_runtime.JSX.Element;
5673
+ ({ className, ...props }: Props$i): react_jsx_runtime.JSX.Element;
5651
5674
  List: ({ className, ...props }: react.DetailedHTMLProps<react.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>) => react_jsx_runtime.JSX.Element;
5652
5675
  Item: ({ className, ...props }: react.DetailedHTMLProps<react.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>) => react_jsx_runtime.JSX.Element;
5653
5676
  Link: ({ ref, asChild, className, ...props }: (react.ClassAttributes<HTMLAnchorElement> & react.AnchorHTMLAttributes<HTMLAnchorElement> & {
@@ -5664,29 +5687,12 @@ declare const Breadcrumb: {
5664
5687
  }) => react_jsx_runtime.JSX.Element;
5665
5688
  };
5666
5689
 
5667
- /**
5668
- * Tab trigger descriptor. `value` keys the tab; `title` is the visible label; `onClose` makes the tab
5669
- * closable (renders an x button on hover). Generic over `T` so consumers can use string-literal unions.
5670
- */
5671
5690
  type Trigger<T extends string> = {
5672
5691
  value: T;
5673
5692
  title: ReactNode;
5674
- /** When set, renders an inline close button on the trigger. Called with the tab's `value`. */
5675
5693
  onClose?: (value: T) => void;
5676
- } & Omit<RadixTabs.TabsTriggerProps, 'title'>;
5677
- /**
5678
- * Tabbed navigation with a single content area. Built on Radix Tabs.
5679
- *
5680
- * **When to use:** switching between sibling views of the same context (overview / runs / settings on a
5681
- * detail page; sections inside a modal body). The triggers row is horizontally scrollable on overflow.
5682
- * **When NOT to use:** for top-level routing prefer `PageHeader` `headerNav` slot or `PageLayout.Tabs`;
5683
- * for accordion-style disclosure use `Collapsible`.
5684
- * **Composition:** pass `triggers` as the declarative list and one or more `TabsContent` children keyed
5685
- * by `value`. Use `compact` for dense in-modal tabs.
5686
- *
5687
- * @see RECIPES.md#page-header-tabs — for the page-header + routed tabs pattern
5688
- */
5689
- declare const Tabs: <T extends string>({ triggers, compact, children, defaultValue, onValueChange, rootClassName, listClassName, triggerClassName, ...rest }: {
5694
+ } & Omit<RadixTabs.TabsTriggerProps, 'title' | 'asChild'>;
5695
+ type Props$h<T extends string> = {
5690
5696
  triggers: Trigger<T>[];
5691
5697
  compact?: boolean;
5692
5698
  children: ReactNode;
@@ -5695,11 +5701,10 @@ declare const Tabs: <T extends string>({ triggers, compact, children, defaultVal
5695
5701
  rootClassName?: string;
5696
5702
  listClassName?: string;
5697
5703
  triggerClassName?: string;
5698
- } & Omit<RadixTabs.TabsProps, "onValueChange">) => react_jsx_runtime.JSX.Element;
5699
- /**
5700
- * Content panel for a single tab. Matched to a `Tabs` trigger by `value`. Receives `tabIndex={-1}` so the
5701
- * panel is focusable for screen readers without being a tab stop.
5702
- */
5704
+ triggerGroupClassName?: string;
5705
+ } & Omit<RadixTabs.TabsProps, 'onValueChange'>;
5706
+ declare const Tabs: <T extends string>({ triggers, compact, children, defaultValue, onValueChange, rootClassName, listClassName, triggerClassName, triggerGroupClassName, ...rest }: Props$h<T>) => react_jsx_runtime.JSX.Element;
5707
+
5703
5708
  declare const TabsContent: (props: RadixTabs.TabsContentProps) => react_jsx_runtime.JSX.Element;
5704
5709
 
5705
5710
  type StepperOrientation = 'horizontal' | 'vertical';
@@ -5755,26 +5760,12 @@ declare const cardClassnames: (props?: ({
5755
5760
  padding?: "none" | "small" | "medium" | "large" | null | undefined;
5756
5761
  } & class_variance_authority_types.ClassProp) | undefined) => string;
5757
5762
 
5758
- /**
5759
- * Props for `Card`. `padding` controls internal spacing; `bordered` adds a subtle border.
5760
- * All standard `<div>` attributes pass through.
5761
- */
5762
- type Props$f = HTMLAttributes<HTMLDivElement> & VariantProps<typeof cardClassnames>;
5763
- /**
5764
- * Semantic content surface — a panel with its own padding, optional border, and header / content slots.
5765
- *
5766
- * **When to use:** wrapping a conceptually-distinct chunk of content (a config section, a stats panel,
5767
- * a list of heterogeneous items). Each `Card` is a self-contained surface inside `PageLayout.Content`.
5768
- * **When NOT to use:** for tabular data use `Table`; for ad-hoc layout grids use Tailwind utility classes
5769
- * directly; for empty / error placeholders use `EmptyState` / `ErrorState`.
5770
- * **Composition:** nest `Card.Header` + `Card.Title` for the header row, then `Card.Content` for the body.
5771
- * Multiple cards usually share a `tw-grid` or `tw-flex tw-flex-col tw-gap-4` parent.
5772
- *
5773
- * @see RECIPES.md#card-with-empty-state — for an empty card placeholder pattern
5774
- * @see RECIPES.md#data-card-with-skeleton — for a loading card with `Skeleton` placeholders
5775
- */
5763
+ type Props$f = HTMLAttributes<HTMLDivElement> & VariantProps<typeof cardClassnames> & {
5764
+ /** @internal Transitional opt-in; removed once consumers wrap argo sections in `<ThemeProvider>`. */
5765
+ argo?: boolean;
5766
+ };
5776
5767
  declare const Card: {
5777
- ({ children, className, bordered, padding, ...rest }: Props$f): react_jsx_runtime.JSX.Element;
5768
+ ({ children, className, bordered, padding, argo, ...rest }: Props$f): react_jsx_runtime.JSX.Element;
5778
5769
  Header: ({ children, ...rest }: HTMLAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
5779
5770
  Content: ({ children, ...rest }: HTMLAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
5780
5771
  Title: ({ children, className, ...rest }: HTMLAttributes<HTMLHeadingElement>) => react_jsx_runtime.JSX.Element;
@@ -5841,8 +5832,8 @@ type Props$c = {
5841
5832
  twoLines?: boolean;
5842
5833
  noTooltip?: boolean;
5843
5834
  redact?: boolean;
5844
- tooltipVariant?: Props$1H['variant'];
5845
- tooltipPlacement?: Props$1H['placement'];
5835
+ tooltipVariant?: Props$1I['variant'];
5836
+ tooltipPlacement?: Props$1I['placement'];
5846
5837
  } & Omit<ComponentPropsWithoutRef<'span'>, 'children'>;
5847
5838
  declare const Truncated: ({ ref, text, tooltip, className, twoLines, noTooltip, redact, tooltipVariant, tooltipPlacement, ...rest }: Props$c & {
5848
5839
  ref?: Ref<ElementRef<"span">>;
@@ -5893,7 +5884,7 @@ declare const Pagination: {
5893
5884
  argo?: boolean;
5894
5885
  } & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & class_variance_authority.VariantProps<(props?: ({
5895
5886
  block?: boolean | null | undefined;
5896
- variant?: "inline" | "primary" | "secondary" | "danger" | "invisible" | "outline" | null | undefined;
5887
+ variant?: "primary" | "inline" | "secondary" | "danger" | "invisible" | "outline" | null | undefined;
5897
5888
  size?: "small" | "medium" | "large" | "icon-lg" | "icon" | "icon-sm" | "icon-xs" | "icon-2xs" | "icon-3xs" | null | undefined;
5898
5889
  } & class_variance_authority_types.ClassProp) | undefined) => string> & {
5899
5890
  ref?: react.Ref<react.ElementRef<"button">>;
@@ -5908,7 +5899,7 @@ declare const Pagination: {
5908
5899
  argo?: boolean;
5909
5900
  } & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & class_variance_authority.VariantProps<(props?: ({
5910
5901
  block?: boolean | null | undefined;
5911
- variant?: "inline" | "primary" | "secondary" | "danger" | "invisible" | "outline" | null | undefined;
5902
+ variant?: "primary" | "inline" | "secondary" | "danger" | "invisible" | "outline" | null | undefined;
5912
5903
  size?: "small" | "medium" | "large" | "icon-lg" | "icon" | "icon-sm" | "icon-xs" | "icon-2xs" | "icon-3xs" | null | undefined;
5913
5904
  } & class_variance_authority_types.ClassProp) | undefined) => string> & {
5914
5905
  ref?: react.Ref<react.ElementRef<"button">>;
@@ -5923,7 +5914,7 @@ declare const Pagination: {
5923
5914
  argo?: boolean;
5924
5915
  } & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & class_variance_authority.VariantProps<(props?: ({
5925
5916
  block?: boolean | null | undefined;
5926
- variant?: "inline" | "primary" | "secondary" | "danger" | "invisible" | "outline" | null | undefined;
5917
+ variant?: "primary" | "inline" | "secondary" | "danger" | "invisible" | "outline" | null | undefined;
5927
5918
  size?: "small" | "medium" | "large" | "icon-lg" | "icon" | "icon-sm" | "icon-xs" | "icon-2xs" | "icon-3xs" | null | undefined;
5928
5919
  } & class_variance_authority_types.ClassProp) | undefined) => string> & {
5929
5920
  ref?: react.Ref<react.ElementRef<"button">>;
@@ -6049,14 +6040,17 @@ type Props$7 = {
6049
6040
  middleClassName?: string;
6050
6041
  rightHeader?: ReactNode;
6051
6042
  className?: string;
6043
+ /** @internal Transitional opt-in; removed once consumers wrap argo sections in `<ThemeProvider>`. */
6044
+ argo?: boolean;
6052
6045
  /**
6053
- * When true, the editor's internal accept and dismiss buttons render in the
6054
- * `argo` button variant. Layout chrome (panes, pane headers, scrollers) is
6055
- * unchanged — only consumer-controlled interactive surfaces switch theme.
6046
+ * Paint the corresponding read-only pane with the error palette to signal the
6047
+ * side has been deleted upstream. The diff is still rendered so the user can
6048
+ * see what was lost; accept/dismiss controls for that side are suppressed.
6056
6049
  */
6057
- argo?: boolean;
6050
+ leftDeleted?: boolean;
6051
+ rightDeleted?: boolean;
6058
6052
  };
6059
- declare const MergeEditor: ({ mergeValue, handleMergeChange, leftText, rightText, leftConflicts, rightConflicts, leftHighlightedLines, rightHighlightedLines, leftClassification, rightClassification, mergeHighlightedLines, mergeClassification, acceptLeft, acceptRight, dismissLeft, dismissRight, leftHeader, middleHeader, middleHeaderClassName, middleClassName, rightHeader, className, argo, }: Props$7) => react_jsx_runtime.JSX.Element;
6053
+ declare const MergeEditor: ({ mergeValue, handleMergeChange, leftText, rightText, leftConflicts, rightConflicts, leftHighlightedLines, rightHighlightedLines, leftClassification, rightClassification, mergeHighlightedLines, mergeClassification, acceptLeft, acceptRight, dismissLeft, dismissRight, leftHeader, middleHeader, middleHeaderClassName, middleClassName, rightHeader, className, argo, leftDeleted, rightDeleted, }: Props$7) => react_jsx_runtime.JSX.Element;
6060
6054
 
6061
6055
  type Props$6 = {
6062
6056
  label: string;
@@ -6118,7 +6112,9 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_form_core.FormV
6118
6112
  size?: number | undefined | undefined;
6119
6113
  translate?: "yes" | "no" | undefined | undefined;
6120
6114
  prefix?: react.ReactNode;
6121
- variant?: "primary" | "secondary" | "argo" | null | undefined;
6115
+ id?: string | undefined | undefined;
6116
+ name?: string | undefined | undefined;
6117
+ variant?: "primary" | "argo" | "secondary" | null | undefined;
6122
6118
  form?: string | undefined | undefined;
6123
6119
  slot?: string | undefined | undefined;
6124
6120
  style?: react.CSSProperties | undefined;
@@ -6140,7 +6136,6 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_form_core.FormV
6140
6136
  draggable?: (boolean | "true" | "false") | undefined;
6141
6137
  enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
6142
6138
  hidden?: boolean | undefined | undefined;
6143
- id?: string | undefined | undefined;
6144
6139
  lang?: string | undefined | undefined;
6145
6140
  nonce?: string | undefined | undefined;
6146
6141
  spellCheck?: (boolean | "true" | "false") | undefined;
@@ -6407,7 +6402,6 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_form_core.FormV
6407
6402
  formMethod?: string | undefined | undefined;
6408
6403
  formNoValidate?: boolean | undefined | undefined;
6409
6404
  formTarget?: string | undefined | undefined;
6410
- name?: string | undefined | undefined;
6411
6405
  type?: "text" | "email" | "password" | "datetime-local" | "date" | undefined;
6412
6406
  value?: string | null | undefined;
6413
6407
  height?: number | string | undefined | undefined;
@@ -6437,7 +6431,7 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_form_core.FormV
6437
6431
  testId?: string | undefined;
6438
6432
  } & {
6439
6433
  ref?: react.Ref<react.ElementRef<"input">>;
6440
- }, "id" | "onBlur" | "onChange" | "name" | "value">) => react_jsx_runtime.JSX.Element;
6434
+ }, "id" | "name" | "onBlur" | "onChange" | "value">) => react_jsx_runtime.JSX.Element;
6441
6435
  readonly NumberField: ({ label, required, help, className, ...inputProps }: {
6442
6436
  label?: react.ReactNode;
6443
6437
  required?: boolean;
@@ -6448,7 +6442,9 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_form_core.FormV
6448
6442
  size?: number | undefined | undefined;
6449
6443
  translate?: "yes" | "no" | undefined | undefined;
6450
6444
  prefix?: react.ReactNode;
6451
- variant?: "primary" | "secondary" | "argo" | null | undefined;
6445
+ id?: string | undefined | undefined;
6446
+ name?: string | undefined | undefined;
6447
+ variant?: "primary" | "argo" | "secondary" | null | undefined;
6452
6448
  form?: string | undefined | undefined;
6453
6449
  slot?: string | undefined | undefined;
6454
6450
  style?: react.CSSProperties | undefined;
@@ -6470,7 +6466,6 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_form_core.FormV
6470
6466
  draggable?: (boolean | "true" | "false") | undefined;
6471
6467
  enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
6472
6468
  hidden?: boolean | undefined | undefined;
6473
- id?: string | undefined | undefined;
6474
6469
  lang?: string | undefined | undefined;
6475
6470
  nonce?: string | undefined | undefined;
6476
6471
  spellCheck?: (boolean | "true" | "false") | undefined;
@@ -6738,7 +6733,6 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_form_core.FormV
6738
6733
  formMethod?: string | undefined | undefined;
6739
6734
  formNoValidate?: boolean | undefined | undefined;
6740
6735
  formTarget?: string | undefined | undefined;
6741
- name?: string | undefined | undefined;
6742
6736
  value?: number | null | undefined;
6743
6737
  height?: number | string | undefined | undefined;
6744
6738
  max?: number | string | undefined | undefined;
@@ -6763,14 +6757,14 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_form_core.FormV
6763
6757
  suffix?: react.ReactNode;
6764
6758
  } & {
6765
6759
  ref?: react.Ref<react.ElementRef<"input">>;
6766
- }, "id" | "onBlur" | "name" | "value" | "onValueChange">) => react_jsx_runtime.JSX.Element;
6760
+ }, "id" | "name" | "onBlur" | "value" | "onValueChange">) => react_jsx_runtime.JSX.Element;
6767
6761
  readonly PasswordField: ({ label, required, help, className, ...inputProps }: {
6768
6762
  label?: react.ReactNode;
6769
6763
  required?: boolean;
6770
6764
  help?: react.ReactNode;
6771
6765
  className?: string;
6772
6766
  } & Omit<{
6773
- variant?: "primary" | "secondary" | "argo" | null | undefined;
6767
+ variant?: "primary" | "argo" | "secondary" | null | undefined;
6774
6768
  state?: "default" | "error" | "warning" | null | undefined;
6775
6769
  sizing?: "small" | "medium" | "default" | null | undefined;
6776
6770
  focusVariant?: "off" | "on" | "default" | null | undefined;
@@ -6779,6 +6773,8 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_form_core.FormV
6779
6773
  size?: number | undefined | undefined;
6780
6774
  translate?: "yes" | "no" | undefined | undefined;
6781
6775
  prefix?: string | undefined | undefined;
6776
+ id?: string | undefined | undefined;
6777
+ name?: string | undefined | undefined;
6782
6778
  form?: string | undefined | undefined;
6783
6779
  slot?: string | undefined | undefined;
6784
6780
  style?: react.CSSProperties | undefined;
@@ -6799,7 +6795,6 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_form_core.FormV
6799
6795
  draggable?: (boolean | "true" | "false") | undefined;
6800
6796
  enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
6801
6797
  hidden?: boolean | undefined | undefined;
6802
- id?: string | undefined | undefined;
6803
6798
  lang?: string | undefined | undefined;
6804
6799
  nonce?: string | undefined | undefined;
6805
6800
  spellCheck?: (boolean | "true" | "false") | undefined;
@@ -7067,7 +7062,6 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_form_core.FormV
7067
7062
  formMethod?: string | undefined | undefined;
7068
7063
  formNoValidate?: boolean | undefined | undefined;
7069
7064
  formTarget?: string | undefined | undefined;
7070
- name?: string | undefined | undefined;
7071
7065
  height?: number | string | undefined | undefined;
7072
7066
  max?: number | string | undefined | undefined;
7073
7067
  min?: number | string | undefined | undefined;
@@ -7094,7 +7088,7 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_form_core.FormV
7094
7088
  defaultPasswordVisibility?: boolean;
7095
7089
  } & {
7096
7090
  ref?: react.Ref<react.ElementRef<"input">>;
7097
- }, "id" | "onBlur" | "name" | "value" | "onValueChange">) => react_jsx_runtime.JSX.Element;
7091
+ }, "id" | "name" | "onBlur" | "value" | "onValueChange">) => react_jsx_runtime.JSX.Element;
7098
7092
  readonly TextAreaField: ({ label, required, help, className, ...inputProps }: {
7099
7093
  label?: react.ReactNode;
7100
7094
  required?: boolean;
@@ -7104,7 +7098,9 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_form_core.FormV
7104
7098
  content?: string | undefined | undefined;
7105
7099
  translate?: "yes" | "no" | undefined | undefined;
7106
7100
  prefix?: string | undefined | undefined;
7107
- variant?: "primary" | "secondary" | "argo" | null | undefined;
7101
+ id?: string | undefined | undefined;
7102
+ name?: string | undefined | undefined;
7103
+ variant?: "primary" | "argo" | "secondary" | null | undefined;
7108
7104
  form?: string | undefined | undefined;
7109
7105
  slot?: string | undefined | undefined;
7110
7106
  style?: (Omit<react.CSSProperties, "maxHeight" | "minHeight"> & {
@@ -7127,7 +7123,6 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_form_core.FormV
7127
7123
  draggable?: (boolean | "true" | "false") | undefined;
7128
7124
  enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
7129
7125
  hidden?: boolean | undefined | undefined;
7130
- id?: string | undefined | undefined;
7131
7126
  lang?: string | undefined | undefined;
7132
7127
  nonce?: string | undefined | undefined;
7133
7128
  spellCheck?: (boolean | "true" | "false") | undefined;
@@ -7388,7 +7383,6 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_form_core.FormV
7388
7383
  onTransitionStart?: react.TransitionEventHandler<HTMLTextAreaElement> | undefined;
7389
7384
  onTransitionStartCapture?: react.TransitionEventHandler<HTMLTextAreaElement> | undefined;
7390
7385
  disabled?: boolean | undefined | undefined;
7391
- name?: string | undefined | undefined;
7392
7386
  value?: string | null | undefined;
7393
7387
  onValueChange?: (((value: string) => void) & ((value: string) => void)) | undefined;
7394
7388
  required?: boolean | undefined | undefined;
@@ -7409,7 +7403,7 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_form_core.FormV
7409
7403
  sizing?: "small" | "medium" | "default" | null | undefined;
7410
7404
  focusVariant?: "off" | "on" | "default" | null | undefined;
7411
7405
  containerClassName?: string | undefined;
7412
- }, "id" | "onBlur" | "name" | "value" | "onValueChange">) => react_jsx_runtime.JSX.Element;
7406
+ }, "id" | "name" | "onBlur" | "value" | "onValueChange">) => react_jsx_runtime.JSX.Element;
7413
7407
  readonly SelectField: ({ label, required, help, className, options, placeholder, triggerClassName, variant, state, sizing, ...rootProps }: {
7414
7408
  label?: react.ReactNode;
7415
7409
  required?: boolean;
@@ -7421,7 +7415,7 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_form_core.FormV
7421
7415
  }[];
7422
7416
  placeholder?: string;
7423
7417
  triggerClassName?: string;
7424
- variant?: "primary" | "secondary" | "argo" | null | undefined;
7418
+ variant?: "primary" | "argo" | "secondary" | null | undefined;
7425
7419
  state?: "default" | "error" | "warning" | null | undefined;
7426
7420
  sizing?: "small" | "medium" | "default" | null | undefined;
7427
7421
  } & Omit<SelectRootProps, "children" | "value" | "onValueChange">) => react_jsx_runtime.JSX.Element;
@@ -7435,8 +7429,8 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_form_core.FormV
7435
7429
  description?: react.ReactNode;
7436
7430
  variant?: class_variance_authority.VariantProps<typeof fieldBoxVariants>["variant"];
7437
7431
  position?: "start" | "end";
7438
- tooltip?: Props$1H["tooltip"];
7439
- tooltipPlacement?: Props$1H["placement"];
7432
+ tooltip?: Props$1I["tooltip"];
7433
+ tooltipPlacement?: Props$1I["placement"];
7440
7434
  } & Omit<_radix_ui_react_checkbox.CheckboxProps & react.RefAttributes<HTMLButtonElement>, "id">, "checked" | "onCheckedChange"> & {
7441
7435
  checked?: _radix_ui_react_checkbox.CheckedState;
7442
7436
  onCheckedChange?: (checked: _radix_ui_react_checkbox.CheckedState) => void;
@@ -7470,7 +7464,7 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_form_core.FormV
7470
7464
  argo?: boolean;
7471
7465
  } & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & class_variance_authority.VariantProps<(props?: ({
7472
7466
  block?: boolean | null | undefined;
7473
- variant?: "inline" | "primary" | "secondary" | "danger" | "invisible" | "outline" | null | undefined;
7467
+ variant?: "primary" | "inline" | "secondary" | "danger" | "invisible" | "outline" | null | undefined;
7474
7468
  size?: "small" | "medium" | "large" | "icon-lg" | "icon" | "icon-sm" | "icon-xs" | "icon-2xs" | "icon-3xs" | null | undefined;
7475
7469
  } & class_variance_authority_types.ClassProp) | undefined) => string> & {
7476
7470
  ref?: react.Ref<react.ElementRef<"button">>;
@@ -7487,7 +7481,9 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_form_core.FormVal
7487
7481
  size?: number | undefined | undefined;
7488
7482
  translate?: "yes" | "no" | undefined | undefined;
7489
7483
  prefix?: react.ReactNode;
7490
- variant?: "primary" | "secondary" | "argo" | null | undefined;
7484
+ id?: string | undefined | undefined;
7485
+ name?: string | undefined | undefined;
7486
+ variant?: "primary" | "argo" | "secondary" | null | undefined;
7491
7487
  form?: string | undefined | undefined;
7492
7488
  slot?: string | undefined | undefined;
7493
7489
  style?: react.CSSProperties | undefined;
@@ -7509,7 +7505,6 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_form_core.FormVal
7509
7505
  draggable?: (boolean | "true" | "false") | undefined;
7510
7506
  enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
7511
7507
  hidden?: boolean | undefined | undefined;
7512
- id?: string | undefined | undefined;
7513
7508
  lang?: string | undefined | undefined;
7514
7509
  nonce?: string | undefined | undefined;
7515
7510
  spellCheck?: (boolean | "true" | "false") | undefined;
@@ -7776,7 +7771,6 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_form_core.FormVal
7776
7771
  formMethod?: string | undefined | undefined;
7777
7772
  formNoValidate?: boolean | undefined | undefined;
7778
7773
  formTarget?: string | undefined | undefined;
7779
- name?: string | undefined | undefined;
7780
7774
  type?: "text" | "email" | "password" | "datetime-local" | "date" | undefined;
7781
7775
  value?: string | null | undefined;
7782
7776
  height?: number | string | undefined | undefined;
@@ -7806,7 +7800,7 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_form_core.FormVal
7806
7800
  testId?: string | undefined;
7807
7801
  } & {
7808
7802
  ref?: react.Ref<react.ElementRef<"input">>;
7809
- }, "id" | "onBlur" | "onChange" | "name" | "value">) => react_jsx_runtime.JSX.Element;
7803
+ }, "id" | "name" | "onBlur" | "onChange" | "value">) => react_jsx_runtime.JSX.Element;
7810
7804
  readonly NumberField: ({ label, required, help, className, ...inputProps }: {
7811
7805
  label?: react.ReactNode;
7812
7806
  required?: boolean;
@@ -7817,7 +7811,9 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_form_core.FormVal
7817
7811
  size?: number | undefined | undefined;
7818
7812
  translate?: "yes" | "no" | undefined | undefined;
7819
7813
  prefix?: react.ReactNode;
7820
- variant?: "primary" | "secondary" | "argo" | null | undefined;
7814
+ id?: string | undefined | undefined;
7815
+ name?: string | undefined | undefined;
7816
+ variant?: "primary" | "argo" | "secondary" | null | undefined;
7821
7817
  form?: string | undefined | undefined;
7822
7818
  slot?: string | undefined | undefined;
7823
7819
  style?: react.CSSProperties | undefined;
@@ -7839,7 +7835,6 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_form_core.FormVal
7839
7835
  draggable?: (boolean | "true" | "false") | undefined;
7840
7836
  enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
7841
7837
  hidden?: boolean | undefined | undefined;
7842
- id?: string | undefined | undefined;
7843
7838
  lang?: string | undefined | undefined;
7844
7839
  nonce?: string | undefined | undefined;
7845
7840
  spellCheck?: (boolean | "true" | "false") | undefined;
@@ -8107,7 +8102,6 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_form_core.FormVal
8107
8102
  formMethod?: string | undefined | undefined;
8108
8103
  formNoValidate?: boolean | undefined | undefined;
8109
8104
  formTarget?: string | undefined | undefined;
8110
- name?: string | undefined | undefined;
8111
8105
  value?: number | null | undefined;
8112
8106
  height?: number | string | undefined | undefined;
8113
8107
  max?: number | string | undefined | undefined;
@@ -8132,14 +8126,14 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_form_core.FormVal
8132
8126
  suffix?: react.ReactNode;
8133
8127
  } & {
8134
8128
  ref?: react.Ref<react.ElementRef<"input">>;
8135
- }, "id" | "onBlur" | "name" | "value" | "onValueChange">) => react_jsx_runtime.JSX.Element;
8129
+ }, "id" | "name" | "onBlur" | "value" | "onValueChange">) => react_jsx_runtime.JSX.Element;
8136
8130
  readonly PasswordField: ({ label, required, help, className, ...inputProps }: {
8137
8131
  label?: react.ReactNode;
8138
8132
  required?: boolean;
8139
8133
  help?: react.ReactNode;
8140
8134
  className?: string;
8141
8135
  } & Omit<{
8142
- variant?: "primary" | "secondary" | "argo" | null | undefined;
8136
+ variant?: "primary" | "argo" | "secondary" | null | undefined;
8143
8137
  state?: "default" | "error" | "warning" | null | undefined;
8144
8138
  sizing?: "small" | "medium" | "default" | null | undefined;
8145
8139
  focusVariant?: "off" | "on" | "default" | null | undefined;
@@ -8148,6 +8142,8 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_form_core.FormVal
8148
8142
  size?: number | undefined | undefined;
8149
8143
  translate?: "yes" | "no" | undefined | undefined;
8150
8144
  prefix?: string | undefined | undefined;
8145
+ id?: string | undefined | undefined;
8146
+ name?: string | undefined | undefined;
8151
8147
  form?: string | undefined | undefined;
8152
8148
  slot?: string | undefined | undefined;
8153
8149
  style?: react.CSSProperties | undefined;
@@ -8168,7 +8164,6 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_form_core.FormVal
8168
8164
  draggable?: (boolean | "true" | "false") | undefined;
8169
8165
  enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
8170
8166
  hidden?: boolean | undefined | undefined;
8171
- id?: string | undefined | undefined;
8172
8167
  lang?: string | undefined | undefined;
8173
8168
  nonce?: string | undefined | undefined;
8174
8169
  spellCheck?: (boolean | "true" | "false") | undefined;
@@ -8436,7 +8431,6 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_form_core.FormVal
8436
8431
  formMethod?: string | undefined | undefined;
8437
8432
  formNoValidate?: boolean | undefined | undefined;
8438
8433
  formTarget?: string | undefined | undefined;
8439
- name?: string | undefined | undefined;
8440
8434
  height?: number | string | undefined | undefined;
8441
8435
  max?: number | string | undefined | undefined;
8442
8436
  min?: number | string | undefined | undefined;
@@ -8463,7 +8457,7 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_form_core.FormVal
8463
8457
  defaultPasswordVisibility?: boolean;
8464
8458
  } & {
8465
8459
  ref?: react.Ref<react.ElementRef<"input">>;
8466
- }, "id" | "onBlur" | "name" | "value" | "onValueChange">) => react_jsx_runtime.JSX.Element;
8460
+ }, "id" | "name" | "onBlur" | "value" | "onValueChange">) => react_jsx_runtime.JSX.Element;
8467
8461
  readonly TextAreaField: ({ label, required, help, className, ...inputProps }: {
8468
8462
  label?: react.ReactNode;
8469
8463
  required?: boolean;
@@ -8473,7 +8467,9 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_form_core.FormVal
8473
8467
  content?: string | undefined | undefined;
8474
8468
  translate?: "yes" | "no" | undefined | undefined;
8475
8469
  prefix?: string | undefined | undefined;
8476
- variant?: "primary" | "secondary" | "argo" | null | undefined;
8470
+ id?: string | undefined | undefined;
8471
+ name?: string | undefined | undefined;
8472
+ variant?: "primary" | "argo" | "secondary" | null | undefined;
8477
8473
  form?: string | undefined | undefined;
8478
8474
  slot?: string | undefined | undefined;
8479
8475
  style?: (Omit<react.CSSProperties, "maxHeight" | "minHeight"> & {
@@ -8496,7 +8492,6 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_form_core.FormVal
8496
8492
  draggable?: (boolean | "true" | "false") | undefined;
8497
8493
  enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
8498
8494
  hidden?: boolean | undefined | undefined;
8499
- id?: string | undefined | undefined;
8500
8495
  lang?: string | undefined | undefined;
8501
8496
  nonce?: string | undefined | undefined;
8502
8497
  spellCheck?: (boolean | "true" | "false") | undefined;
@@ -8757,7 +8752,6 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_form_core.FormVal
8757
8752
  onTransitionStart?: react.TransitionEventHandler<HTMLTextAreaElement> | undefined;
8758
8753
  onTransitionStartCapture?: react.TransitionEventHandler<HTMLTextAreaElement> | undefined;
8759
8754
  disabled?: boolean | undefined | undefined;
8760
- name?: string | undefined | undefined;
8761
8755
  value?: string | null | undefined;
8762
8756
  onValueChange?: (((value: string) => void) & ((value: string) => void)) | undefined;
8763
8757
  required?: boolean | undefined | undefined;
@@ -8778,7 +8772,7 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_form_core.FormVal
8778
8772
  sizing?: "small" | "medium" | "default" | null | undefined;
8779
8773
  focusVariant?: "off" | "on" | "default" | null | undefined;
8780
8774
  containerClassName?: string | undefined;
8781
- }, "id" | "onBlur" | "name" | "value" | "onValueChange">) => react_jsx_runtime.JSX.Element;
8775
+ }, "id" | "name" | "onBlur" | "value" | "onValueChange">) => react_jsx_runtime.JSX.Element;
8782
8776
  readonly SelectField: ({ label, required, help, className, options, placeholder, triggerClassName, variant, state, sizing, ...rootProps }: {
8783
8777
  label?: react.ReactNode;
8784
8778
  required?: boolean;
@@ -8790,7 +8784,7 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_form_core.FormVal
8790
8784
  }[];
8791
8785
  placeholder?: string;
8792
8786
  triggerClassName?: string;
8793
- variant?: "primary" | "secondary" | "argo" | null | undefined;
8787
+ variant?: "primary" | "argo" | "secondary" | null | undefined;
8794
8788
  state?: "default" | "error" | "warning" | null | undefined;
8795
8789
  sizing?: "small" | "medium" | "default" | null | undefined;
8796
8790
  } & Omit<SelectRootProps, "children" | "value" | "onValueChange">) => react_jsx_runtime.JSX.Element;
@@ -8804,8 +8798,8 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_form_core.FormVal
8804
8798
  description?: react.ReactNode;
8805
8799
  variant?: class_variance_authority.VariantProps<typeof fieldBoxVariants>["variant"];
8806
8800
  position?: "start" | "end";
8807
- tooltip?: Props$1H["tooltip"];
8808
- tooltipPlacement?: Props$1H["placement"];
8801
+ tooltip?: Props$1I["tooltip"];
8802
+ tooltipPlacement?: Props$1I["placement"];
8809
8803
  } & Omit<_radix_ui_react_checkbox.CheckboxProps & react.RefAttributes<HTMLButtonElement>, "id">, "checked" | "onCheckedChange"> & {
8810
8804
  checked?: _radix_ui_react_checkbox.CheckedState;
8811
8805
  onCheckedChange?: (checked: _radix_ui_react_checkbox.CheckedState) => void;
@@ -8839,7 +8833,7 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_form_core.FormVal
8839
8833
  argo?: boolean;
8840
8834
  } & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & class_variance_authority.VariantProps<(props?: ({
8841
8835
  block?: boolean | null | undefined;
8842
- variant?: "inline" | "primary" | "secondary" | "danger" | "invisible" | "outline" | null | undefined;
8836
+ variant?: "primary" | "inline" | "secondary" | "danger" | "invisible" | "outline" | null | undefined;
8843
8837
  size?: "small" | "medium" | "large" | "icon-lg" | "icon" | "icon-sm" | "icon-xs" | "icon-2xs" | "icon-3xs" | null | undefined;
8844
8838
  } & class_variance_authority_types.ClassProp) | undefined) => string> & {
8845
8839
  ref?: react.Ref<react.ElementRef<"button">>;
@@ -8856,7 +8850,9 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_form_core.FormVal
8856
8850
  size?: number | undefined | undefined;
8857
8851
  translate?: "yes" | "no" | undefined | undefined;
8858
8852
  prefix?: react.ReactNode;
8859
- variant?: "primary" | "secondary" | "argo" | null | undefined;
8853
+ id?: string | undefined | undefined;
8854
+ name?: string | undefined | undefined;
8855
+ variant?: "primary" | "argo" | "secondary" | null | undefined;
8860
8856
  form?: string | undefined | undefined;
8861
8857
  slot?: string | undefined | undefined;
8862
8858
  style?: react.CSSProperties | undefined;
@@ -8878,7 +8874,6 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_form_core.FormVal
8878
8874
  draggable?: (boolean | "true" | "false") | undefined;
8879
8875
  enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
8880
8876
  hidden?: boolean | undefined | undefined;
8881
- id?: string | undefined | undefined;
8882
8877
  lang?: string | undefined | undefined;
8883
8878
  nonce?: string | undefined | undefined;
8884
8879
  spellCheck?: (boolean | "true" | "false") | undefined;
@@ -9145,7 +9140,6 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_form_core.FormVal
9145
9140
  formMethod?: string | undefined | undefined;
9146
9141
  formNoValidate?: boolean | undefined | undefined;
9147
9142
  formTarget?: string | undefined | undefined;
9148
- name?: string | undefined | undefined;
9149
9143
  type?: "text" | "email" | "password" | "datetime-local" | "date" | undefined;
9150
9144
  value?: string | null | undefined;
9151
9145
  height?: number | string | undefined | undefined;
@@ -9175,7 +9169,7 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_form_core.FormVal
9175
9169
  testId?: string | undefined;
9176
9170
  } & {
9177
9171
  ref?: react.Ref<react.ElementRef<"input">>;
9178
- }, "id" | "onBlur" | "onChange" | "name" | "value">) => react_jsx_runtime.JSX.Element;
9172
+ }, "id" | "name" | "onBlur" | "onChange" | "value">) => react_jsx_runtime.JSX.Element;
9179
9173
  readonly NumberField: ({ label, required, help, className, ...inputProps }: {
9180
9174
  label?: react.ReactNode;
9181
9175
  required?: boolean;
@@ -9186,7 +9180,9 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_form_core.FormVal
9186
9180
  size?: number | undefined | undefined;
9187
9181
  translate?: "yes" | "no" | undefined | undefined;
9188
9182
  prefix?: react.ReactNode;
9189
- variant?: "primary" | "secondary" | "argo" | null | undefined;
9183
+ id?: string | undefined | undefined;
9184
+ name?: string | undefined | undefined;
9185
+ variant?: "primary" | "argo" | "secondary" | null | undefined;
9190
9186
  form?: string | undefined | undefined;
9191
9187
  slot?: string | undefined | undefined;
9192
9188
  style?: react.CSSProperties | undefined;
@@ -9208,7 +9204,6 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_form_core.FormVal
9208
9204
  draggable?: (boolean | "true" | "false") | undefined;
9209
9205
  enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
9210
9206
  hidden?: boolean | undefined | undefined;
9211
- id?: string | undefined | undefined;
9212
9207
  lang?: string | undefined | undefined;
9213
9208
  nonce?: string | undefined | undefined;
9214
9209
  spellCheck?: (boolean | "true" | "false") | undefined;
@@ -9476,7 +9471,6 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_form_core.FormVal
9476
9471
  formMethod?: string | undefined | undefined;
9477
9472
  formNoValidate?: boolean | undefined | undefined;
9478
9473
  formTarget?: string | undefined | undefined;
9479
- name?: string | undefined | undefined;
9480
9474
  value?: number | null | undefined;
9481
9475
  height?: number | string | undefined | undefined;
9482
9476
  max?: number | string | undefined | undefined;
@@ -9501,14 +9495,14 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_form_core.FormVal
9501
9495
  suffix?: react.ReactNode;
9502
9496
  } & {
9503
9497
  ref?: react.Ref<react.ElementRef<"input">>;
9504
- }, "id" | "onBlur" | "name" | "value" | "onValueChange">) => react_jsx_runtime.JSX.Element;
9498
+ }, "id" | "name" | "onBlur" | "value" | "onValueChange">) => react_jsx_runtime.JSX.Element;
9505
9499
  readonly PasswordField: ({ label, required, help, className, ...inputProps }: {
9506
9500
  label?: react.ReactNode;
9507
9501
  required?: boolean;
9508
9502
  help?: react.ReactNode;
9509
9503
  className?: string;
9510
9504
  } & Omit<{
9511
- variant?: "primary" | "secondary" | "argo" | null | undefined;
9505
+ variant?: "primary" | "argo" | "secondary" | null | undefined;
9512
9506
  state?: "default" | "error" | "warning" | null | undefined;
9513
9507
  sizing?: "small" | "medium" | "default" | null | undefined;
9514
9508
  focusVariant?: "off" | "on" | "default" | null | undefined;
@@ -9517,6 +9511,8 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_form_core.FormVal
9517
9511
  size?: number | undefined | undefined;
9518
9512
  translate?: "yes" | "no" | undefined | undefined;
9519
9513
  prefix?: string | undefined | undefined;
9514
+ id?: string | undefined | undefined;
9515
+ name?: string | undefined | undefined;
9520
9516
  form?: string | undefined | undefined;
9521
9517
  slot?: string | undefined | undefined;
9522
9518
  style?: react.CSSProperties | undefined;
@@ -9537,7 +9533,6 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_form_core.FormVal
9537
9533
  draggable?: (boolean | "true" | "false") | undefined;
9538
9534
  enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
9539
9535
  hidden?: boolean | undefined | undefined;
9540
- id?: string | undefined | undefined;
9541
9536
  lang?: string | undefined | undefined;
9542
9537
  nonce?: string | undefined | undefined;
9543
9538
  spellCheck?: (boolean | "true" | "false") | undefined;
@@ -9805,7 +9800,6 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_form_core.FormVal
9805
9800
  formMethod?: string | undefined | undefined;
9806
9801
  formNoValidate?: boolean | undefined | undefined;
9807
9802
  formTarget?: string | undefined | undefined;
9808
- name?: string | undefined | undefined;
9809
9803
  height?: number | string | undefined | undefined;
9810
9804
  max?: number | string | undefined | undefined;
9811
9805
  min?: number | string | undefined | undefined;
@@ -9832,7 +9826,7 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_form_core.FormVal
9832
9826
  defaultPasswordVisibility?: boolean;
9833
9827
  } & {
9834
9828
  ref?: react.Ref<react.ElementRef<"input">>;
9835
- }, "id" | "onBlur" | "name" | "value" | "onValueChange">) => react_jsx_runtime.JSX.Element;
9829
+ }, "id" | "name" | "onBlur" | "value" | "onValueChange">) => react_jsx_runtime.JSX.Element;
9836
9830
  readonly TextAreaField: ({ label, required, help, className, ...inputProps }: {
9837
9831
  label?: react.ReactNode;
9838
9832
  required?: boolean;
@@ -9842,7 +9836,9 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_form_core.FormVal
9842
9836
  content?: string | undefined | undefined;
9843
9837
  translate?: "yes" | "no" | undefined | undefined;
9844
9838
  prefix?: string | undefined | undefined;
9845
- variant?: "primary" | "secondary" | "argo" | null | undefined;
9839
+ id?: string | undefined | undefined;
9840
+ name?: string | undefined | undefined;
9841
+ variant?: "primary" | "argo" | "secondary" | null | undefined;
9846
9842
  form?: string | undefined | undefined;
9847
9843
  slot?: string | undefined | undefined;
9848
9844
  style?: (Omit<react.CSSProperties, "maxHeight" | "minHeight"> & {
@@ -9865,7 +9861,6 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_form_core.FormVal
9865
9861
  draggable?: (boolean | "true" | "false") | undefined;
9866
9862
  enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
9867
9863
  hidden?: boolean | undefined | undefined;
9868
- id?: string | undefined | undefined;
9869
9864
  lang?: string | undefined | undefined;
9870
9865
  nonce?: string | undefined | undefined;
9871
9866
  spellCheck?: (boolean | "true" | "false") | undefined;
@@ -10126,7 +10121,6 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_form_core.FormVal
10126
10121
  onTransitionStart?: react.TransitionEventHandler<HTMLTextAreaElement> | undefined;
10127
10122
  onTransitionStartCapture?: react.TransitionEventHandler<HTMLTextAreaElement> | undefined;
10128
10123
  disabled?: boolean | undefined | undefined;
10129
- name?: string | undefined | undefined;
10130
10124
  value?: string | null | undefined;
10131
10125
  onValueChange?: (((value: string) => void) & ((value: string) => void)) | undefined;
10132
10126
  required?: boolean | undefined | undefined;
@@ -10147,7 +10141,7 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_form_core.FormVal
10147
10141
  sizing?: "small" | "medium" | "default" | null | undefined;
10148
10142
  focusVariant?: "off" | "on" | "default" | null | undefined;
10149
10143
  containerClassName?: string | undefined;
10150
- }, "id" | "onBlur" | "name" | "value" | "onValueChange">) => react_jsx_runtime.JSX.Element;
10144
+ }, "id" | "name" | "onBlur" | "value" | "onValueChange">) => react_jsx_runtime.JSX.Element;
10151
10145
  readonly SelectField: ({ label, required, help, className, options, placeholder, triggerClassName, variant, state, sizing, ...rootProps }: {
10152
10146
  label?: react.ReactNode;
10153
10147
  required?: boolean;
@@ -10159,7 +10153,7 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_form_core.FormVal
10159
10153
  }[];
10160
10154
  placeholder?: string;
10161
10155
  triggerClassName?: string;
10162
- variant?: "primary" | "secondary" | "argo" | null | undefined;
10156
+ variant?: "primary" | "argo" | "secondary" | null | undefined;
10163
10157
  state?: "default" | "error" | "warning" | null | undefined;
10164
10158
  sizing?: "small" | "medium" | "default" | null | undefined;
10165
10159
  } & Omit<SelectRootProps, "children" | "value" | "onValueChange">) => react_jsx_runtime.JSX.Element;
@@ -10173,8 +10167,8 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_form_core.FormVal
10173
10167
  description?: react.ReactNode;
10174
10168
  variant?: class_variance_authority.VariantProps<typeof fieldBoxVariants>["variant"];
10175
10169
  position?: "start" | "end";
10176
- tooltip?: Props$1H["tooltip"];
10177
- tooltipPlacement?: Props$1H["placement"];
10170
+ tooltip?: Props$1I["tooltip"];
10171
+ tooltipPlacement?: Props$1I["placement"];
10178
10172
  } & Omit<_radix_ui_react_checkbox.CheckboxProps & react.RefAttributes<HTMLButtonElement>, "id">, "checked" | "onCheckedChange"> & {
10179
10173
  checked?: _radix_ui_react_checkbox.CheckedState;
10180
10174
  onCheckedChange?: (checked: _radix_ui_react_checkbox.CheckedState) => void;
@@ -10208,7 +10202,7 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_form_core.FormVal
10208
10202
  argo?: boolean;
10209
10203
  } & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & class_variance_authority.VariantProps<(props?: ({
10210
10204
  block?: boolean | null | undefined;
10211
- variant?: "inline" | "primary" | "secondary" | "danger" | "invisible" | "outline" | null | undefined;
10205
+ variant?: "primary" | "inline" | "secondary" | "danger" | "invisible" | "outline" | null | undefined;
10212
10206
  size?: "small" | "medium" | "large" | "icon-lg" | "icon" | "icon-sm" | "icon-xs" | "icon-2xs" | "icon-3xs" | null | undefined;
10213
10207
  } & class_variance_authority_types.ClassProp) | undefined) => string> & {
10214
10208
  ref?: react.Ref<react.ElementRef<"button">>;
@@ -10266,26 +10260,9 @@ declare const mergeRefs: <T>(...refs: PossibleRef<T>[]) => (node: T) => void;
10266
10260
 
10267
10261
  declare const isMac: boolean;
10268
10262
 
10269
- /**
10270
- * Shim helpers for design wrappers whose `icon` prop accepts both a Lucide
10271
- * `ReactNode` (preferred) and a legacy FontAwesome value (`"name"` or
10272
- * `[prefix, name]`). FA dispatch is provided by the consuming app via
10273
- * `setLegacyIconRenderer`; @keboola/design itself no longer imports FA.
10274
- *
10275
- * Removed once all kbc-ui callsites pass `ReactNode` icons (UT-4109 endgame).
10276
- */
10277
- type LegacyFAIconValue = string | [string, string];
10278
- type LegacyIconRenderer = (value: LegacyFAIconValue) => ReactNode;
10279
- /**
10280
- * Register the FA Icon renderer once at app boot. Apps that still pass
10281
- * legacy FA-string icon values to design wrappers (kbc-ui during UT-4109)
10282
- * must call this with `(value) => <Icon icon={value} />`. Storybook does
10283
- * the same via the preview decorator.
10284
- */
10285
- declare const setLegacyIconRenderer: (renderer: LegacyIconRenderer) => void;
10286
-
10287
10263
  type Props$4 = {
10288
- /** Raw HTML/SVG string. Caller is responsible for sanitizing user-generated content before passing. */
10264
+ /** Raw SVG markup. Sanitized internally with DOMPurify (SVG profile) before rendering, so it is
10265
+ * safe even when it originates from user/LLM-controlled content. Non-SVG HTML is stripped. */
10289
10266
  html: string;
10290
10267
  copyText?: string;
10291
10268
  className?: string;
@@ -10407,6 +10384,8 @@ type ThemeContextValue = {
10407
10384
  */
10408
10385
  declare const useTheme: () => ThemeContextValue;
10409
10386
 
10387
+ declare const useIsLegacyBrand: () => boolean;
10388
+
10410
10389
  type Props = {
10411
10390
  brand: Brand;
10412
10391
  children: ReactNode;
@@ -10442,6 +10421,17 @@ declare const themeToolbarBrands: {
10442
10421
  destructiveForeground: string;
10443
10422
  };
10444
10423
  shell: "sidebar" | "topnav";
10424
+ colorsDark?: {
10425
+ foreground: string;
10426
+ background: string;
10427
+ muted: string;
10428
+ mutedForeground: string;
10429
+ border: string;
10430
+ primary: string;
10431
+ primaryForeground: string;
10432
+ destructive: string;
10433
+ destructiveForeground: string;
10434
+ } | undefined;
10445
10435
  typography?: {
10446
10436
  fontFamily: string;
10447
10437
  } | undefined;
@@ -10450,7 +10440,7 @@ declare const themeToolbarBrands: {
10450
10440
  md: string;
10451
10441
  lg: string;
10452
10442
  } | undefined;
10453
- density?: "compact" | "comfortable" | undefined;
10443
+ density?: "comfortable" | "compact" | undefined;
10454
10444
  }[];
10455
10445
  /**
10456
10446
  * Resolve a brand ID coming from the Storybook globals object. Falls back to
@@ -10459,4 +10449,4 @@ declare const themeToolbarBrands: {
10459
10449
  */
10460
10450
  declare const resolveStorybookBrand: (id: unknown) => Brand;
10461
10451
 
10462
- export { Alert, 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, type ChangeClassification, Checkbox, Clipboard, ClipboardButton, ClipboardInline, CodeEditor, Collapse, Collapsible, CollapsiblePanel, CollapsibleStepHeader, ColorInput, Combobox, Command, CommandGroup, CommandInput, CommandItem, CommandList, ConflictStatusIndicator, DateInput, DatePicker, type DateRange, DateRangeInput, DateRangePicker, type DateRangePreset, type DiffChunk, type DiffInformation, type DiffRow, DiffType, DiffView, DotsLoader, DropdownMenu, EmptyConfigurationActionCard, EmptySearchContent, EmptyState, type RootProps$3 as EmptyStateProps, type Variant$1 as EmptyStateVariant, ErrorState, type RootProps$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 LegacyFAIconValue, type LineInformation, Link, MarkedText, type MergeConflict, MergeEditor, 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, 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, SqlEditor, 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$1H as TooltipProps, TooltipProvider, type Trigger, Truncated, type UseAutosizeInputOptions, type UseAutosizeInputReturn, type ValidityState, type WordInformation, ZoomableSvg, argoVariants, cn, computeDiffRows, computeLineInformation, copyToClipboard, isMac, kbdVariants, keys, mergeRefs, resolveStorybookBrand, setLegacyIconRenderer, setServerFieldErrors, themeToolbarBrands, toast, useAppForm, useAutosizeInput, useInputOtpContext, useMergeDiff, useNotification, useScrollbarPosition, useSidebar, useTheme, withForm };
10452
+ export { Alert, AnswerSummary, type AnswerItem as AnswerSummaryItem, type Props$I as AnswerSummaryProps, type Variant$5 as AnswerSummaryVariant, AppShell, AutoSaveTextarea, Avatar, Badge, Breadcrumb, Button, ButtonGroup, ButtonInline, Calendar, type CalendarProps, Card, type ChangeClassification, Checkbox, Clipboard, ClipboardButton, ClipboardInline, CodeEditor, Collapse, Collapsible, CollapsiblePanel, CollapsibleStepHeader, ColorInput, Combobox, Command, CommandGroup, CommandInput, CommandItem, CommandList, ConflictStatusIndicator, DateInput, DatePicker, type DateRange, DateRangeInput, DateRangePicker, type DateRangePreset, type DiffChunk, type DiffInformation, type DiffRow, DiffType, DiffView, DotsLoader, DropdownMenu, EmptyConfigurationActionCard, EmptySearchContent, EmptyState, type RootProps$3 as EmptyStateProps, type Variant$1 as EmptyStateVariant, ErrorState, type RootProps$2 as ErrorStateProps, type Variant as ErrorStateVariant, FileUpload, FormGroup, FullScreenModal, FullScreenModalBody, FullScreenModalHeader, HelpBlock, HoverCard, InlineStepDetail, type Props$G as InlineStepDetailProps, InlineStepLabel, type Props$F as InlineStepLabelProps, type Variant$3 as InlineStepLabelVariant, InputGroup, InputOtp, type RootProps$4 as InputOtpProps, Kbd, Label, type LineInformation, Link, MarkedText, type MergeConflict, MergeEditor, 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$z as QuestionBlockProps, type QuestionOption, type Props$A as QuestionProps, type QuestionStep, RadioGroup, ResizableHandle, ResizablePanel, ResizablePanelGroup, 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, SqlEditor, 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, type UseAutosizeInputOptions, type UseAutosizeInputReturn, type ValidityState, type WordInformation, ZoomableSvg, argoVariants, cn, computeDiffRows, computeLineInformation, copyToClipboard, isMac, kbdVariants, keys, mergeRefs, resolveStorybookBrand, setServerFieldErrors, themeToolbarBrands, toast, useAppForm, useAutosizeInput, useInputOtpContext, useIsLegacyBrand, useMergeDiff, useNotification, useScrollbarPosition, useSidebar, useTheme, withForm };