@keboola/design 5.1.0 → 6.1.0

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import { ComponentProps, Ref, ElementRef, ReactNode, PropsWithChildren, MouseEvent as MouseEvent$1, HTMLAttributes, RefObject, MouseEventHandler, ChangeEvent, FocusEvent as FocusEvent$1, InputHTMLAttributes, KeyboardEvent as KeyboardEvent$1, ComponentPropsWithoutRef, CSSProperties, TransitionEventHandler, MutableRefObject, RefCallback } from 'react';
+import { ComponentProps, Ref, ElementRef, ReactNode, PropsWithChildren, MouseEvent as MouseEvent$1, HTMLAttributes, RefObject, MouseEventHandler, ComponentPropsWithRef, ChangeEvent, FocusEvent as FocusEvent$1, InputHTMLAttributes, KeyboardEvent as KeyboardEvent$1, ComponentPropsWithoutRef, CSSProperties, TransitionEventHandler, MutableRefObject, RefCallback } from 'react';
 import * as class_variance_authority from 'class-variance-authority';
 import { VariantProps } from 'class-variance-authority';
 import * as class_variance_authority_types from 'class-variance-authority/types';
@@ -24,7 +24,7 @@ export { defaultFilter, useCommandState } from 'cmdk';
 import * as react_textarea_autosize from 'react-textarea-autosize';
 import react_textarea_autosize__default from 'react-textarea-autosize';
 import { Matcher, DateRange as DateRange$1, PropsBase, PropsSingle, PropsRange } from 'react-day-picker';
-import { LabelProps as LabelProps$1 } from '@radix-ui/react-label';
+import { LabelProps } from '@radix-ui/react-label';
 import * as _radix_ui_react_switch from '@radix-ui/react-switch';
 import { Root as Root$6 } from '@radix-ui/react-switch';
 import * as RRadioGroup from '@radix-ui/react-radio-group';
@@ -38,8 +38,8 @@ import { Combobox as Combobox$1 } from '@base-ui/react/combobox';
 import * as _base_ui_react_types from '@base-ui/react/types';
 import { Brand } from '@keboola/brand-registry';
 export { Brand, brandSchema, exampleCustomer, keboola, keboolaLegacySidebar, keboolaLegacyTopnav } from '@keboola/brand-registry';
-import { OTPInput, RenderProps } from 'input-otp';
-export { SlotProps as InputOtpRenderSlotProps, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS } from 'input-otp';
+import { OTPInput } from 'input-otp';
+export { SlotProps as OtpInputRenderSlotProps, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS } from 'input-otp';
 import { Accept, FileRejection } from 'react-dropzone';
 import * as _radix_ui_react_collapsible from '@radix-ui/react-collapsible';
 import { Root as Root$9 } from '@radix-ui/react-collapsible';
@@ -59,12 +59,12 @@ export { Slot } from '@radix-ui/react-slot';
 declare const variants$3: (props?: ({
     block?: boolean | null | undefined;
     variant?: "primary" | "secondary" | "inline" | "danger" | "invisible" | "outline" | null | undefined;
-    size?: "small" | "medium" | "large" | "icon-lg" | "icon" | "icon-sm" | "icon-xs" | "icon-2xs" | "icon-3xs" | null | undefined;
+    size?: "medium" | "small" | "large" | "icon-lg" | "icon" | "icon-sm" | "icon-xs" | "icon-2xs" | "icon-3xs" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const argoVariants: (props?: ({
     block?: boolean | null | undefined;
     variant?: "primary" | "secondary" | "inline" | "danger" | "invisible" | "outline" | null | undefined;
-    size?: "small" | "medium" | "large" | "icon-lg" | "icon" | "icon-sm" | "icon-xs" | "icon-2xs" | "icon-3xs" | null | undefined;
+    size?: "medium" | "small" | "large" | "icon-lg" | "icon" | "icon-sm" | "icon-xs" | "icon-2xs" | "icon-3xs" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
 /**
@@ -74,7 +74,7 @@ declare const argoVariants: (props?: ({
  * for height (including `icon-*` sizes when rendering icon-only). Icons are
  * composed as children — `<Button><Trash2 className="tw-size-4" /> Delete</Button>`.
  */
-type Props$1S = {
+type Props$1U = {
     /** Replaces the leading content with a spinner and disables the button visually. The caller still controls `disabled`. */
     isLoading?: boolean;
     /** Render as a Radix `Slot` so the parent JSX (e.g. a `react-router` `<Link>`) becomes the button element. */
@@ -93,7 +93,7 @@ type Props$1S = {
  * @see RECIPES.md#disabled-button-tooltip — for the disabled-button + tooltip pattern
  * @see RECIPES.md#confirm-dialog — for destructive-action confirmation
  */
-declare const Button: ({ ref, children, disabled, className, type, isLoading, asChild, onClick, variant, size, block, ...buttonProps }: Props$1S & {
+declare const Button: ({ ref, children, disabled, className, type, isLoading, asChild, onClick, variant, size, block, ...buttonProps }: Props$1U & {
     ref?: Ref<ElementRef<"button">>;
 }) => react_jsx_runtime.JSX.Element;
 
@@ -101,29 +101,29 @@ declare const buttonInlineVariants: (props?: ({
     color?: "dark" | "muted" | "link" | "danger" | "custom" | null | undefined;
     variant?: "link" | "custom" | "link-reverse" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type Props$1R = ComponentProps<'button'> & VariantProps<typeof buttonInlineVariants> & {
+type Props$1T = ComponentProps<'button'> & VariantProps<typeof buttonInlineVariants> & {
     asChild?: boolean;
 };
-declare const ButtonInline: ({ ref, children, className, variant, color, type, asChild, ...buttonProps }: Props$1R & {
+declare const ButtonInline: ({ ref, children, className, variant, color, type, asChild, ...buttonProps }: Props$1T & {
     ref?: Ref<ElementRef<"button">>;
 }) => react_jsx_runtime.JSX.Element;
 
 declare const buttonGroupVariant: (props?: ({
     variant?: "inline" | "block" | null | undefined;
-    space?: "small" | "medium" | "large" | "extra-small" | "little-small" | "compact" | null | undefined;
+    space?: "medium" | "small" | "large" | "extra-small" | "little-small" | "compact" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type Props$1Q = {
+type Props$1S = {
     children: ReactNode;
     className?: string;
 } & VariantProps<typeof buttonGroupVariant> & ComponentProps<'div'>;
-declare const ButtonGroup: ({ ref, children, space, className, variant, ...rest }: Props$1Q & {
+declare const ButtonGroup: ({ ref, children, space, className, variant, ...rest }: Props$1S & {
     ref?: Ref<ElementRef<"div">>;
 }) => react_jsx_runtime.JSX.Element;
 
 type Variant$8 = ComponentProps<typeof Button>['variant'];
 type Size = NonNullable<ComponentProps<typeof Button>['size']>;
 type SpitButtonSize = Exclude<Size, 'icon' | 'icon-lg' | 'icon-sm' | 'icon-xs' | 'icon-2xs' | 'icon-3xs'>;
-type Props$1P = {
+type Props$1R = {
     actions?: ReactNode;
     isActionsOpen?: boolean;
     onActionsOpenChange?: (open: boolean) => void;
@@ -132,7 +132,7 @@ type Props$1P = {
     variant?: Exclude<Variant$8, 'inline' | 'invisible'>;
     size?: SpitButtonSize;
 } & Omit<ComponentProps<typeof Button>, 'variant' | 'size' | 'icon'>;
-declare const SplitButton: (({ ref, disabled, actions, variant, size, isActionsOpen, onActionsOpenChange, icon, children, ...rest }: Props$1P & {
+declare const SplitButton: (({ ref, disabled, actions, variant, size, isActionsOpen, onActionsOpenChange, icon, children, ...rest }: Props$1R & {
     ref?: Ref<ElementRef<"button">>;
 }) => react_jsx_runtime.JSX.Element) & {
     Action: ({ ref, className, asModalTrigger, onSelect, onPointerLeave, onPointerMove, children, asChild, icon, iconClassName, isLoading, ...props }: (_radix_ui_react_dropdown_menu.DropdownMenuItemProps & react.RefAttributes<HTMLDivElement> & {
@@ -146,11 +146,11 @@ declare const SplitButton: (({ ref, disabled, actions, variant, size, isActionsO
     Actions: react.ForwardRefExoticComponent<_radix_ui_react_dropdown_menu.DropdownMenuGroupProps & react.RefAttributes<HTMLDivElement>>;
 };
 
-type Props$1O = {
+type Props$1Q = {
     className?: string;
 } & PropsWithChildren;
 declare const MultiActionButtonGroup: {
-    ({ children, className }: Props$1O): react_jsx_runtime.JSX.Element;
+    ({ children, className }: Props$1Q): react_jsx_runtime.JSX.Element;
     Button: ({ disabled, icon, isLoading, label, onClick, tooltipContent, tooltipVariant, "data-testid": dataTestId, }: {
         disabled?: boolean;
         icon: react.ReactNode;
@@ -165,19 +165,19 @@ declare const MultiActionButtonGroup: {
 
 declare const toggleVariants: (props?: ({
     variant?: "ai" | "ai-vivid" | "ghost" | null | undefined;
-    size?: "small" | "medium" | "large" | null | undefined;
+    size?: "medium" | "small" | "large" | null | undefined;
     iconOnly?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type Props$1N = {
+type Props$1P = {
     icon?: ReactNode;
     badge?: ReactNode;
 } & ComponentProps<typeof Root> & Omit<VariantProps<typeof toggleVariants>, 'iconOnly'>;
-declare const Toggle: ({ ref, className, variant, size, children, icon, badge, disabled, ...props }: Props$1N & {
+declare const Toggle: ({ ref, className, variant, size, children, icon, badge, disabled, ...props }: Props$1P & {
     ref?: Ref<ElementRef<"button">>;
 }) => react_jsx_runtime.JSX.Element;
 
 declare const rootVariants: (props?: ({
-    size?: "small" | "medium" | "large" | null | undefined;
+    size?: "medium" | "small" | "large" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type RootProps$5 = ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof rootVariants>;
 type ItemProps = ComponentProps<typeof ToggleGroupPrimitive.Item>;
@@ -193,11 +193,11 @@ declare const ToggleGroup: (({ ref, className, size, ...props }: RootProps$5 & {
 declare const tooltipVariants: (props?: ({
     variant?: "action" | "explanatory" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type Props$1M = {
+type Props$1O = {
     keepOpenOnPointerDownOutside?: boolean;
     placement?: ComponentProps<typeof Content>['side'];
 } & Omit<ComponentProps<typeof Content>, 'side'> & VariantProps<typeof tooltipVariants>;
-declare const TooltipContent: ({ className, variant, keepOpenOnPointerDownOutside, children, onPointerDownOutside, sideOffset, collisionPadding, hideWhenDetached, placement, ...rest }: Props$1M) => react_jsx_runtime.JSX.Element;
+declare const TooltipContent: ({ className, variant, keepOpenOnPointerDownOutside, children, onPointerDownOutside, sideOffset, collisionPadding, hideWhenDetached, placement, ...rest }: Props$1O) => react_jsx_runtime.JSX.Element;
 
 type TriggerProps$1 = {
     triggerAsChild?: boolean;
@@ -206,7 +206,7 @@ type TriggerProps$1 = {
  * Props for `Tooltip`. `tooltip` is the popup content; `children` is the trigger element.
  * `variant` auto-resolves to `"explanatory"` for strings >30 chars, else `"action"`.
  */
-type Props$1L = {
+type Props$1N = {
     /** Keep the tooltip visible when the user clicks the trigger (useful for click-to-copy feedback). */
     keepOpenOnTriggerClick?: boolean;
     /** Content rendered inside the tooltip. Plain text only — no interactive elements (use `HoverCard` or `Popover` for that). */
@@ -236,7 +236,7 @@ declare const TooltipProvider: react.FC<_radix_ui_react_tooltip.TooltipProviderP
  * @see RECIPES.md#disabled-button-tooltip — for the disabled-button + tooltip pattern
  */
 declare const Tooltip: {
-    ({ tooltip, children, className, keepOpenOnTriggerClick, variant, placement, forceHide, forceShow, triggerAsChild, }: Props$1L): react_jsx_runtime.JSX.Element;
+    ({ tooltip, children, className, keepOpenOnTriggerClick, variant, placement, forceHide, forceShow, triggerAsChild, }: Props$1N): react_jsx_runtime.JSX.Element;
     Root: ({ children, delayDuration, ...rest }: _radix_ui_react_tooltip.TooltipProps) => react_jsx_runtime.JSX.Element;
     Content: ({ className, variant, keepOpenOnPointerDownOutside, children, onPointerDownOutside, sideOffset, collisionPadding, hideWhenDetached, placement, ...rest }: {
         keepOpenOnPointerDownOutside?: boolean;
@@ -251,33 +251,136 @@ declare const Tooltip: {
     }) => react_jsx_runtime.JSX.Element;
 };
 
-type Props$1K = {
-    tooltip?: Props$1L['tooltip'];
-    tooltipPlacement?: Props$1L['placement'];
-    tooltipVariant?: Props$1L['variant'];
-    asChild?: Props$1L['triggerAsChild'];
+type Props$1M = {
+    tooltip?: Props$1N['tooltip'];
+    tooltipPlacement?: Props$1N['placement'];
+    tooltipVariant?: Props$1N['variant'];
+    asChild?: Props$1N['triggerAsChild'];
     text?: string | (() => string);
 } & ComponentProps<'button'>;
-declare const Clipboard: ({ ref, text: textProp, children, tooltip, tooltipPlacement, tooltipVariant: tooltipVariantProp, asChild, onClick, className, ...restButtonProps }: Props$1K & {
+declare const Clipboard: ({ ref, text: textProp, children, tooltip, tooltipPlacement, tooltipVariant: tooltipVariantProp, asChild, onClick, className, ...restButtonProps }: Props$1M & {
     ref?: Ref<ElementRef<"button">>;
 }) => react_jsx_runtime.JSX.Element;
 
 type ClipboardProps$1 = Pick<ComponentProps<typeof Clipboard>, 'text' | 'tooltip' | 'tooltipPlacement' | 'tooltipVariant'>;
 type ButtonProps$2 = Omit<ComponentProps<typeof Button>, 'disabled' | 'icon'>;
-type Props$1J = ClipboardProps$1 & ButtonProps$2 & {
+type Props$1L = ClipboardProps$1 & ButtonProps$2 & {
     icon?: ReactNode;
 };
-declare const ClipboardButton: ({ text, tooltip, tooltipPlacement, tooltipVariant, icon, variant, children, ...rest }: Props$1J) => react_jsx_runtime.JSX.Element;
+declare const ClipboardButton: ({ text, tooltip, tooltipPlacement, tooltipVariant, icon, variant, children, ...rest }: Props$1L) => react_jsx_runtime.JSX.Element;
 
 type ClipboardProps = Pick<ComponentProps<typeof Clipboard>, 'text' | 'tooltip' | 'tooltipPlacement' | 'tooltipVariant'>;
 type ButtonProps$1 = Omit<ComponentProps<typeof ButtonInline>, 'disabled'>;
-type Props$1I = {
+type Props$1K = {
     hideIcon?: boolean;
 } & ClipboardProps & ButtonProps$1;
-declare const ClipboardInline: ({ text, tooltip, tooltipPlacement, tooltipVariant, children, hideIcon, ...rest }: Props$1I) => react_jsx_runtime.JSX.Element;
+declare const ClipboardInline: ({ text, tooltip, tooltipPlacement, tooltipVariant, children, hideIcon, ...rest }: Props$1K) => react_jsx_runtime.JSX.Element;
 
-type Props$1H = ComponentProps<'a'>;
-declare const Link: ({ ref, children, target, rel, onClick, className, ...rest }: Props$1H & {
+/**
+ * Compound component for readonly value/command boxes with inline copy.
+ *
+ * `CopyField.Root` owns the `value` and copy/mask state; `CopyField.Box` is the clickable
+ * copy target. Clicking anywhere in the box copies the real `value` to the
+ * clipboard (guarded by text-selection so drag-select does NOT trigger a copy),
+ * with a Copy → Check feedback for ~1.5s.
+ *
+ * Shapes:
+ * - **Single-line value row** — default proportional font, value truncates.
+ * - **Monospace command box** — `mono` on `CopyField.Root`.
+ * - **Multi-line** — `maxLines > 1`; content wraps and scrolls between
+ *   `minLines` and `maxLines` tall.
+ *
+ * Masking: wrap sensitive content in `CopyField.Hidden`. Revealable hidden content is
+ * toggled by `CopyField.Reveal` (an eye button); copy still copies the real value.
+ *
+ * @example Monospace command
+ * ```tsx
+ * <CopyField.Root value={installCommand} mono>
+ *   <CopyField.Label>Install the Keboola CLI</CopyField.Label>
+ *   <CopyField.Box>
+ *     <CopyField.Children>{installCommand}</CopyField.Children>
+ *     <CopyField.Button />
+ *   </CopyField.Box>
+ * </CopyField.Root>
+ * ```
+ *
+ * @example Masked token with reveal + prefix/suffix
+ * ```tsx
+ * <CopyField.Root value={dataAppUrl} hiddenByDefault>
+ *   <CopyField.Label leading={<InfoButton />} trailing={<Switch />}>Data app URL</CopyField.Label>
+ *   <CopyField.Box>
+ *     <CopyField.Prefix>https://</CopyField.Prefix>
+ *     <CopyField.Children><CopyField.Hidden>{slug}</CopyField.Hidden></CopyField.Children>
+ *     <CopyField.Suffix>.keboola.com</CopyField.Suffix>
+ *     <CopyField.Reveal />
+ *     <CopyField.Button />
+ *   </CopyField.Box>
+ *   <CopyField.Footer>Click to copy</CopyField.Footer>
+ * </CopyField.Root>
+ * ```
+ */
+declare const CopyField: {
+    /** Container. Owns the copied `value`, mask state, and copy context. */
+    Root: ({ value, mono, onCopy, hiddenByDefault, minLines, maxLines, className, children, }: {
+        value: string;
+        mono?: boolean;
+        onCopy?: () => void;
+        hiddenByDefault?: boolean;
+        minLines?: number;
+        maxLines?: number;
+        className?: string;
+        children: react.ReactNode;
+    }) => react_jsx_runtime.JSX.Element;
+    /** Visible label above the box, with optional `leading`/`trailing` slots. */
+    Label: ({ children, leading, trailing, className }: {
+        children: react.ReactNode;
+        leading?: react.ReactNode;
+        trailing?: react.ReactNode;
+        className?: string;
+    }) => react_jsx_runtime.JSX.Element;
+    /** The clickable copy target row. */
+    Box: ({ className, children }: {
+        className?: string;
+        children: react.ReactNode;
+    }) => react_jsx_runtime.JSX.Element;
+    /** Muted, non-selectable prefix addon (not copied). */
+    Prefix: ({ children, className }: {
+        children: react.ReactNode;
+        className?: string;
+    }) => react_jsx_runtime.JSX.Element;
+    /** Displayed value (truncates single-line, wraps multi-line). */
+    Children: ({ children, className }: {
+        children: react.ReactNode;
+        className?: string;
+    }) => react_jsx_runtime.JSX.Element;
+    /** Muted, non-selectable suffix addon (not copied). */
+    Suffix: ({ children, className }: {
+        children: react.ReactNode;
+        className?: string;
+    }) => react_jsx_runtime.JSX.Element;
+    /** Masks its children with dots; copy still copies the real value. */
+    Hidden: ({ children, revealable, className }: {
+        children: react.ReactNode;
+        revealable?: boolean;
+        className?: string;
+    }) => react_jsx_runtime.JSX.Element;
+    /** Eye toggle that reveals/masks revealable `CopyField.Hidden` content. */
+    Reveal: ({ className }: {
+        className?: string;
+    }) => react_jsx_runtime.JSX.Element | null;
+    /** Copy affordance icon — shows Copy/Check with feedback. */
+    Button: ({ className }: {
+        className?: string;
+    }) => react_jsx_runtime.JSX.Element;
+    /** Small helper text below the box. */
+    Footer: ({ children, className }: {
+        children: react.ReactNode;
+        className?: string;
+    }) => react_jsx_runtime.JSX.Element | null;
+};
+
+type Props$1J = ComponentProps<'a'>;
+declare const Link: ({ ref, children, target, rel, onClick, className, ...rest }: Props$1J & {
     ref?: Ref<ElementRef<"a">>;
 }) => react_jsx_runtime.JSX.Element;
 
@@ -289,13 +392,13 @@ type AlertModalVariant = 'info' | 'warning' | 'danger' | 'success';
 
 type ConfirmHandler = (event: MouseEvent$1<HTMLButtonElement>) => void | Promise<unknown>;
 type CancelHandler = (event: MouseEvent$1<HTMLButtonElement>) => void;
-type Props$1G = {
+type Props$1I = {
     onConfirm?: ConfirmHandler;
     onCancel?: CancelHandler;
     skipAsyncWait?: boolean;
 } & ComponentProps<typeof Root$1>;
 declare const AlertModal: {
-    ({ children, onConfirm, onCancel, skipAsyncWait, open, defaultOpen, onOpenChange, ...rest }: Props$1G): react_jsx_runtime.JSX.Element;
+    ({ children, onConfirm, onCancel, skipAsyncWait, open, defaultOpen, onOpenChange, ...rest }: Props$1I): react_jsx_runtime.JSX.Element;
     Trigger: ({ ref, onClick, onKeyDown, ...props }: _radix_ui_react_alert_dialog.AlertDialogTriggerProps & react.RefAttributes<HTMLButtonElement>) => react_jsx_runtime.JSX.Element;
     Content: ({ variant, icon, title, cancelLabel, confirmLabel: actionLabel, container, className, children, onEscapeKeyDown, ...props }: {
         variant?: AlertModalVariant;
@@ -307,7 +410,7 @@ declare const AlertModal: {
     } & Omit<_radix_ui_react_alert_dialog.AlertDialogContentProps & react.RefAttributes<HTMLDivElement>, "title">) => react_jsx_runtime.JSX.Element;
 };
 
-type Props$1F = ComponentProps<typeof Root$2>;
+type Props$1H = ComponentProps<typeof Root$2>;
 /**
  * Blocking dialog for confirmations, forms, and detail views. Built on Radix Dialog.
  *
@@ -323,7 +426,7 @@ type Props$1F = ComponentProps<typeof Root$2>;
  * @see RECIPES.md#confirm-dialog — for destructive-confirm dialogs
  */
 declare const Modal: {
-    (props: Props$1F): react_jsx_runtime.JSX.Element;
+    (props: Props$1H): react_jsx_runtime.JSX.Element;
     Close: react.ForwardRefExoticComponent<_radix_ui_react_dialog.DialogCloseProps & react.RefAttributes<HTMLButtonElement>>;
     Trigger: react.ForwardRefExoticComponent<_radix_ui_react_dialog.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>>;
     Content: ({ size, className, children, onEscapeKeyDown, ...props }: _radix_ui_react_dialog.DialogContentProps & react.RefAttributes<HTMLDivElement> & {
@@ -376,7 +479,7 @@ declare const FullScreenModal: (({ children, className, lockBodyScroll, onEscape
     }) => react_jsx_runtime.JSX.Element;
 };
 
-type Props$1E = PropsWithChildren<Omit<HTMLAttributes<HTMLDivElement>, 'title'> & {
+type Props$1G = PropsWithChildren<Omit<HTMLAttributes<HTMLDivElement>, 'title'> & {
     title: ReactNode;
     titleClassName?: string;
     titleWrapperClassName?: string;
@@ -385,16 +488,16 @@ type Props$1E = PropsWithChildren<Omit<HTMLAttributes<HTMLDivElement>, 'title'>
     onClose?: () => void;
     showPreviousTitle?: boolean;
 }>;
-declare const FullScreenModalHeader: ({ title, titleClassName, titleWrapperClassName, defaultTitleStyles, isTitleWithIcon, children, onClose, className, showPreviousTitle, ...props }: Props$1E) => react_jsx_runtime.JSX.Element;
+declare const FullScreenModalHeader: ({ title, titleClassName, titleWrapperClassName, defaultTitleStyles, isTitleWithIcon, children, onClose, className, showPreviousTitle, ...props }: Props$1G) => react_jsx_runtime.JSX.Element;
 
-type Props$1D = HTMLAttributes<HTMLDivElement>;
-declare const FullScreenModalBody: ({ ref, className, children, ...props }: Props$1D & {
+type Props$1F = HTMLAttributes<HTMLDivElement>;
+declare const FullScreenModalBody: ({ ref, className, children, ...props }: Props$1F & {
     ref?: Ref<HTMLDivElement>;
 }) => react_jsx_runtime.JSX.Element;
 
-type Props$1C = ComponentProps<typeof Root$2>;
+type Props$1E = ComponentProps<typeof Root$2>;
 declare const Sheet: {
-    (props: Props$1C): react_jsx_runtime.JSX.Element;
+    (props: Props$1E): react_jsx_runtime.JSX.Element;
     Close: react.ForwardRefExoticComponent<_radix_ui_react_dialog.DialogCloseProps & react.RefAttributes<HTMLButtonElement>>;
     Trigger: react.ForwardRefExoticComponent<_radix_ui_react_dialog.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>>;
     Content: ({ className, children, side, disableTransition, hideOverlay, keepOpenOnPointerDownOutside, onPointerDownOutside, onInteractOutside, container, ...props }: _radix_ui_react_dialog.DialogContentProps & react.RefAttributes<HTMLDivElement> & {
@@ -417,9 +520,9 @@ declare const Sheet: {
     Body: ({ className, ...rest }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => react_jsx_runtime.JSX.Element;
 };
 
-type Props$1B = ComponentProps<typeof Root$3>;
+type Props$1D = ComponentProps<typeof Root$3>;
 declare const Popover: {
-    (props: Props$1B): react_jsx_runtime.JSX.Element;
+    (props: Props$1D): react_jsx_runtime.JSX.Element;
     /**
      * Main Layout
      */
@@ -441,12 +544,12 @@ type PopconfirmContextType = {
     isLoading: boolean;
 };
 
-type Props$1A = {
+type Props$1C = {
     children: ReactNode;
     skipAsyncWait?: boolean;
 } & ComponentProps<typeof Popover> & Omit<Partial<PopconfirmContextType>, 'isLoading'>;
 declare const Popconfirm: {
-    ({ children, onConfirm, onCancel, variant, enabled, onOpenChange, open, skipAsyncWait, ...rest }: Props$1A): react_jsx_runtime.JSX.Element;
+    ({ children, onConfirm, onCancel, variant, enabled, onOpenChange, open, skipAsyncWait, ...rest }: Props$1C): react_jsx_runtime.JSX.Element;
     Confirm: ({ ref, onClick, children, asChild, className, ...props }: (({
         asChild: true;
     } & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement>) | ({
@@ -458,7 +561,7 @@ declare const Popconfirm: {
     } & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & class_variance_authority.VariantProps<(props?: ({
         block?: boolean | null | undefined;
         variant?: "primary" | "secondary" | "inline" | "danger" | "invisible" | "outline" | null | undefined;
-        size?: "small" | "medium" | "large" | "icon-lg" | "icon" | "icon-sm" | "icon-xs" | "icon-2xs" | "icon-3xs" | null | undefined;
+        size?: "medium" | "small" | "large" | "icon-lg" | "icon" | "icon-sm" | "icon-xs" | "icon-2xs" | "icon-3xs" | null | undefined;
     } & class_variance_authority_types.ClassProp) | undefined) => string> & {
         ref?: react.Ref<react.ElementRef<"button">>;
     }, "children" | "isLoading">)) & {
@@ -475,7 +578,7 @@ declare const Popconfirm: {
     } & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & class_variance_authority.VariantProps<(props?: ({
         block?: boolean | null | undefined;
         variant?: "primary" | "secondary" | "inline" | "danger" | "invisible" | "outline" | null | undefined;
-        size?: "small" | "medium" | "large" | "icon-lg" | "icon" | "icon-sm" | "icon-xs" | "icon-2xs" | "icon-3xs" | null | undefined;
+        size?: "medium" | "small" | "large" | "icon-lg" | "icon" | "icon-sm" | "icon-xs" | "icon-2xs" | "icon-3xs" | null | undefined;
     } & class_variance_authority_types.ClassProp) | undefined) => string> & {
         ref?: react.Ref<react.ElementRef<"button">>;
     }, "children">)) & {
@@ -799,18 +902,18 @@ declare const Popconfirm: {
     Trigger: ({ onClick, ...props }: _radix_ui_react_popover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>) => react_jsx_runtime.JSX.Element;
 };
 
-type Props$1z = ComponentProps<typeof Root$4>;
+type Props$1B = ComponentProps<typeof Root$4>;
 declare const HoverCard: {
-    ({ openDelay, closeDelay, ...rest }: Props$1z): react_jsx_runtime.JSX.Element;
+    ({ openDelay, closeDelay, ...rest }: Props$1B): react_jsx_runtime.JSX.Element;
     Content: ({ ref, className, align, sideOffset, children, ...props }: Omit<_radix_ui_react_hover_card.HoverCardContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
         ref?: react.Ref<react.ElementRef<react.ForwardRefExoticComponent<_radix_ui_react_hover_card.HoverCardContentProps & react.RefAttributes<HTMLDivElement>>>>;
     }) => react_jsx_runtime.JSX.Element;
     Trigger: react.ForwardRefExoticComponent<_radix_ui_react_hover_card.HoverCardTriggerProps & react.RefAttributes<HTMLAnchorElement>>;
 };
 
-type Props$1y = ComponentProps<typeof Root$5>;
+type Props$1A = ComponentProps<typeof Root$5>;
 declare const DropdownMenu: {
-    ({ modal, ...props }: Props$1y): react_jsx_runtime.JSX.Element;
+    ({ modal, ...props }: Props$1A): react_jsx_runtime.JSX.Element;
     /**
      * Main Layout
      */
@@ -866,14 +969,14 @@ declare const DropdownMenu: {
     }) => react_jsx_runtime.JSX.Element;
 };
 
-type Props$1x = {
+type Props$1z = {
     variant?: 'checkbox' | 'radio' | 'default';
 };
-declare const CheckIndicator: ({ variant }: Props$1x) => react_jsx_runtime.JSX.Element | null;
+declare const CheckIndicator: ({ variant }: Props$1z) => react_jsx_runtime.JSX.Element | null;
 
-type Props$1w = ComponentProps<typeof Command$1>;
+type Props$1y = ComponentProps<typeof Command$1>;
 declare const Command: {
-    ({ className, ...rest }: Props$1w): react_jsx_runtime.JSX.Element;
+    ({ className, ...rest }: Props$1y): react_jsx_runtime.JSX.Element;
     Content: ({ className, ...rest }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => react_jsx_runtime.JSX.Element;
     Separator: ({ className, ...props }: Pick<Pick<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof react.HTMLAttributes<HTMLDivElement>> & {
         ref?: React.Ref<HTMLDivElement>;
@@ -1233,7 +1336,7 @@ declare const Command: {
         minLength?: number | undefined | undefined;
         placeholder?: string | undefined | undefined;
         readOnly?: boolean | undefined | undefined;
-        sizing?: "small" | "medium" | "default" | null | undefined;
+        sizing?: "medium" | "small" | "default" | null | undefined;
         focusVariant?: "off" | "on" | "default" | null | undefined;
         rightSuffix?: react.ReactNode;
         rightSuffixVariant?: "addon" | "default" | undefined;
@@ -1269,25 +1372,25 @@ declare const Command: {
 declare const addonVariants$1: (props?: ({
     align?: "inline-start" | "inline-end" | "block-start" | "block-end" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type Props$1v = ComponentProps<'div'> & VariantProps<typeof addonVariants$1>;
-declare const InputGroupAddon: ({ children, align, className, ...props }: Props$1v) => react_jsx_runtime.JSX.Element;
+type Props$1x = ComponentProps<'div'> & VariantProps<typeof addonVariants$1>;
+declare const InputGroupAddon: ({ children, align, className, ...props }: Props$1x) => react_jsx_runtime.JSX.Element;
 
 type ButtonProps = ComponentProps<typeof Button>;
-type Props$1u = Omit<ButtonProps, 'size' | 'block' | 'variant'>;
-declare const InputGroupButton: ({ ref, className, tabIndex, ...props }: Props$1u & {
+type Props$1w = Omit<ButtonProps, 'size' | 'block' | 'variant'>;
+declare const InputGroupButton: ({ ref, className, tabIndex, ...props }: Props$1w & {
     ref?: Ref<ElementRef<"button">>;
 }) => react_jsx_runtime.JSX.Element;
 
-type Props$1t = ComponentProps<'input'>;
-declare const InputGroupInput: ({ ref, className, ...inputProps }: Props$1t & {
+type Props$1v = ComponentProps<'input'>;
+declare const InputGroupInput: ({ ref, className, ...inputProps }: Props$1v & {
     ref?: Ref<ElementRef<"input">>;
 }) => react_jsx_runtime.JSX.Element;
 
-type Props$1s = ComponentProps<'span'>;
-declare const InputGroupText: ({ className, ...props }: Props$1s) => react_jsx_runtime.JSX.Element;
+type Props$1u = ComponentProps<'span'>;
+declare const InputGroupText: ({ className, ...props }: Props$1u) => react_jsx_runtime.JSX.Element;
 
 type TextareaNativeProps$1 = Omit<ComponentProps<typeof react_textarea_autosize__default>, 'value' | 'defaultValue' | 'rows' | 'maxRows'>;
-type Props$1r = TextareaNativeProps$1 & {
+type Props$1t = TextareaNativeProps$1 & {
     value?: string | null;
     defaultValue?: string | null;
     onValueChange?: (value: string) => void;
@@ -1295,20 +1398,20 @@ type Props$1r = TextareaNativeProps$1 & {
     maxRows?: number | 'unlimited';
     disableResize?: boolean;
 };
-declare const InputGroupTextArea: ({ ref, className, onChange, onValueChange, value, defaultValue, onBlur, onValueBlur, disableResize, minRows, maxRows, ...props }: Props$1r & {
+declare const InputGroupTextArea: ({ ref, className, onChange, onValueChange, value, defaultValue, onBlur, onValueBlur, disableResize, minRows, maxRows, ...props }: Props$1t & {
     ref?: Ref<ElementRef<"textarea">>;
 }) => react_jsx_runtime.JSX.Element;
 
 declare const inputGroupVariants: (props?: ({
     focusVariant?: "off" | "on" | "default" | null | undefined;
     variant?: "primary" | "secondary" | "argo" | null | undefined;
-    sizing?: "small" | "medium" | "default" | null | undefined;
+    sizing?: "medium" | "small" | "default" | null | undefined;
     state?: "warning" | "default" | "error" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type Props$1q = ComponentProps<'div'> & Omit<VariantProps<typeof inputGroupVariants>, 'variant'> & {
+type Props$1s = ComponentProps<'div'> & Omit<VariantProps<typeof inputGroupVariants>, 'variant'> & {
     variant?: Exclude<VariantProps<typeof inputGroupVariants>['variant'], 'argo'>;
 };
-declare const InputGroupRoot: ({ ref, children, state, variant, sizing, focusVariant, className, ...props }: Props$1q & {
+declare const InputGroupRoot: ({ ref, children, state, variant, sizing, focusVariant, className, ...props }: Props$1s & {
     ref?: Ref<ElementRef<"div">>;
 }) => react_jsx_runtime.JSX.Element;
 declare const InputGroup: typeof InputGroupRoot & {
@@ -1335,7 +1438,7 @@ type OwnProps$1 = {
  * Props for `Input`. Combines `InputGroup` chrome (variant / sizing / state / focusVariant) with
  * input-specific slots (`prefix`, `leftSuffix`, `rightSuffix`, `allowClear`).
  */
-type Props$1p = InputGroupProps$7 & OwnProps$1 & Omit<ComponentProps<'input'>, 'prefix' | 'value' | 'defaultValue'>;
+type Props$1r = InputGroupProps$7 & OwnProps$1 & Omit<ComponentProps<'input'>, 'prefix' | 'value' | 'defaultValue'>;
 /**
  * Low-level text input with `InputGroup` chrome — addons, clear button, sizing, focus variants.
  *
@@ -1345,12 +1448,12 @@ type Props$1p = InputGroupProps$7 & OwnProps$1 & Omit<ComponentProps<'input'>, '
  * `FormGroup.TextInput`; for search use `SearchInput`; for forms with validation use `useAppForm`.
  * **Composition:** wrap in `FormGroup` for shared error state, or render directly as a controlled input.
  */
-declare const Input$1: ({ ref: forwardedRef, state, sizing, className, prefix, rightSuffix, rightSuffixVariant, leftSuffix, allowClear, onClear, disabled, testId: prefixTestId, autoFocus, id, name, variant, readOnly, type, focusVariant, onChange, onBlur, value, defaultValue, ...inputProps }: Props$1p & {
+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$1r & {
     ref?: Ref<ElementRef<"input">>;
 }) => react_jsx_runtime.JSX.Element;
 
 type InputProps$1 = ComponentProps<typeof Input$1>;
-type Props$1o = Omit<InputProps$1, 'type' | 'value' | 'defaultValue'> & {
+type Props$1q = Omit<InputProps$1, 'type' | 'value' | 'defaultValue'> & {
     defaultValue?: Date | null;
     disabledDays?: Matcher | Matcher[];
     endMonth?: Date;
@@ -1359,12 +1462,12 @@ type Props$1o = Omit<InputProps$1, 'type' | 'value' | 'defaultValue'> & {
     startMonth?: Date;
     value?: Date | null;
 };
-declare const DateInput: ({ ref, defaultValue, disabled, disabledDays, endMonth, onBlur, onChange, onValueBlur, onValueChange, placeholder, readOnly, startMonth, value, variant, ...props }: Props$1o & {
+declare const DateInput: ({ ref, defaultValue, disabled, disabledDays, endMonth, onBlur, onChange, onValueBlur, onValueChange, placeholder, readOnly, startMonth, value, variant, ...props }: Props$1q & {
     ref?: Ref<ElementRef<"input">>;
 }) => react_jsx_runtime.JSX.Element;
 
 type InputProps = ComponentProps<typeof Input$1>;
-type Props$1n = Omit<InputProps, 'type' | 'value' | 'defaultValue'> & {
+type Props$1p = Omit<InputProps, 'type' | 'value' | 'defaultValue'> & {
     defaultValue?: DateRange$1 | null;
     endMonth?: Date;
     onValueBlur?: (value: DateRange$1 | null) => void;
@@ -1372,7 +1475,7 @@ type Props$1n = Omit<InputProps, 'type' | 'value' | 'defaultValue'> & {
     startMonth?: Date;
     value?: DateRange$1 | null;
 };
-declare const DateRangeInput: ({ ref, defaultValue, disabled, endMonth, onBlur, onChange, onValueBlur, onValueChange, placeholder, readOnly, startMonth, value, ...props }: Props$1n & {
+declare const DateRangeInput: ({ ref, defaultValue, disabled, endMonth, onBlur, onChange, onValueBlur, onValueChange, placeholder, readOnly, startMonth, value, ...props }: Props$1p & {
     ref?: Ref<ElementRef<"input">>;
 }) => react_jsx_runtime.JSX.Element;
 
@@ -1390,7 +1493,7 @@ type OwnProps = {
  * Props for `TextInput`. Extends `Input` with string-typed `value` / `defaultValue` and convenience
  * `onValueChange` / `onValueBlur` callbacks. `null` / `undefined` are coerced to empty strings.
  */
-type Props$1m = OwnProps & NativeProps;
+type Props$1o = OwnProps & NativeProps;
 /**
  * Standard text input with a string-only API. The default choice for a bare text input.
  *
@@ -1402,42 +1505,42 @@ type Props$1m = OwnProps & NativeProps;
  * page layouts. Chrome resolves from the active brand automatically: a modern brand always renders argo
  * (any `variant` is ignored), while `variant` only tunes the legacy-brand chrome.
  */
-declare const TextInput: ({ ref, value, defaultValue, type, variant, onValueChange, onChange, onValueBlur, onBlur, ...props }: Props$1m & {
+declare const TextInput: ({ ref, value, defaultValue, type, variant, onValueChange, onChange, onValueBlur, onBlur, ...props }: Props$1o & {
     ref?: Ref<ElementRef<"input">>;
 }) => react_jsx_runtime.JSX.Element;
 
-type Props$1l = ComponentProps<typeof TextInput>;
-declare const CommandInput: ({ ref, className, ...props }: Props$1l & {
+type Props$1n = ComponentProps<typeof TextInput>;
+declare const CommandInput: ({ ref, className, ...props }: Props$1n & {
     ref?: Ref<ElementRef<"input">>;
 }) => react_jsx_runtime.JSX.Element;
 
-type Props$1k = ComponentProps<typeof ScrollAreaPrimitive.Root> & {
+type Props$1m = ComponentProps<typeof ScrollAreaPrimitive.Root> & {
     viewPortClassName?: string;
     scrollBarClassName?: string;
     orientation?: ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>['orientation'];
 };
-declare const ScrollArea: ({ ref, className, children, viewPortClassName, orientation, scrollBarClassName, ...props }: Props$1k & {
+declare const ScrollArea: ({ ref, className, children, viewPortClassName, orientation, scrollBarClassName, ...props }: Props$1m & {
     ref?: Ref<ElementRef<"div">>;
 }) => react_jsx_runtime.JSX.Element;
 
-type Props$1j = ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>;
-declare const ScrollBar: ({ className, orientation, ...props }: Props$1j) => react_jsx_runtime.JSX.Element;
+type Props$1l = ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>;
+declare const ScrollBar: ({ className, orientation, ...props }: Props$1l) => react_jsx_runtime.JSX.Element;
 
-type Props$1i = ComponentProps<typeof Command$1.List> & Pick<ComponentProps<typeof ScrollArea>, 'viewPortClassName'>;
-declare const CommandList: ({ ref, className, children, viewPortClassName, ...props }: Props$1i & {
+type Props$1k = ComponentProps<typeof Command$1.List> & Pick<ComponentProps<typeof ScrollArea>, 'viewPortClassName'>;
+declare const CommandList: ({ ref, className, children, viewPortClassName, ...props }: Props$1k & {
     ref?: Ref<ElementRef<"div">>;
 }) => react_jsx_runtime.JSX.Element;
 
-type Props$1h = ComponentProps<typeof Command$1.Group>;
-declare const CommandGroup: ({ className, ...props }: Props$1h) => react_jsx_runtime.JSX.Element;
+type Props$1j = ComponentProps<typeof Command$1.Group>;
+declare const CommandGroup: ({ className, ...props }: Props$1j) => react_jsx_runtime.JSX.Element;
 
-type Props$1g = ComponentProps<typeof Command$1.Item> & {
+type Props$1i = ComponentProps<typeof Command$1.Item> & {
     icon?: ReactNode;
     checked?: boolean;
     variant?: ComponentProps<typeof CheckIndicator>['variant'];
     actions?: ReactNode;
 };
-declare const CommandItem: ({ className, icon, children, checked, variant, actions, ...props }: Props$1g) => react_jsx_runtime.JSX.Element;
+declare const CommandItem: ({ className, icon, children, checked, variant, actions, ...props }: Props$1i) => react_jsx_runtime.JSX.Element;
 
 /** Viewport-relative box of the highlighted target. */
 type TargetRect = {
@@ -1457,7 +1560,7 @@ type SpotlightTarget = string | RefObject<Element | null> | undefined;
  */
 declare const useTargetRect: (target: SpotlightTarget, enabled: boolean) => TargetRect | null;
 
-type Props$1f = {
+type Props$1h = {
     /** Target box to cut out of the dim layer, or `null` for a full dim (no highlight). */
     rect: TargetRect | null;
     /** Padding around the target inside the cut-out, in px. */
@@ -1479,7 +1582,7 @@ type Props$1f = {
  * (steps, next/prev, "seen" persistence) is intentionally app-owned; see the
  * "Guided tour (recipe)" story for the composition.
  */
-declare const SpotlightBackdrop: ({ rect, padding, radius, className, onClick }: Props$1f) => react_jsx_runtime.JSX.Element;
+declare const SpotlightBackdrop: ({ rect, padding, radius, className, onClick }: Props$1h) => react_jsx_runtime.JSX.Element;
 
 type CalendarProps = Omit<PropsBase, 'required' | 'captionLayout'> & (PropsSingle | PropsRange);
 declare const Calendar: {
@@ -1523,23 +1626,22 @@ declare const DateRangePicker: {
     displayName: string;
 };
 
-type Props$1e = {
+type Props$1g = {
     children?: ReactNode;
     defaultSelected?: string | null;
     selected?: string | null;
     onSelect?: (time: string) => void;
 } & Pick<PopoverProps, 'open' | 'onOpenChange' | 'defaultOpen'> & Pick<PopoverContentProps, 'align' | 'alignOffset' | 'sideOffset'>;
-declare const TimePicker: ({ align, alignOffset, children, defaultOpen, defaultSelected, onOpenChange, onSelect, open, selected, sideOffset, }: Props$1e) => react_jsx_runtime.JSX.Element;
+declare const TimePicker: ({ align, alignOffset, children, defaultOpen, defaultSelected, onOpenChange, onSelect, open, selected, sideOffset, }: Props$1g) => react_jsx_runtime.JSX.Element;
 
-type LabelProps = {
+type Props$1f = {
     id?: string | number;
     htmlFor?: string | number;
-} & Omit<LabelProps$1, 'id' | 'htmlFor'>;
+} & Omit<LabelProps, 'id' | 'htmlFor'>;
 declare const Label: {
-    ({ className, children, id, htmlFor, ...rest }: LabelProps): react_jsx_runtime.JSX.Element;
-    Optional: ({ className }: {
-        className?: string;
-    }) => react_jsx_runtime.JSX.Element;
+    ({ className, children, id, htmlFor, ...rest }: Props$1f): react_jsx_runtime.JSX.Element;
+    Optional: ({ className, ...props }: ComponentPropsWithRef<"span">) => react_jsx_runtime.JSX.Element;
+    Required: ({ className, ...props }: ComponentPropsWithRef<"span">) => react_jsx_runtime.JSX.Element;
 };
 
 declare const fieldBoxVariants: (props?: ({
@@ -1548,24 +1650,24 @@ declare const fieldBoxVariants: (props?: ({
 
 declare const switchVariants: (props?: ({
     variant?: "default" | "argo" | null | undefined;
-    size?: "small" | "medium" | "large" | null | undefined;
+    size?: "medium" | "small" | "large" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
-type Props$1d = {
+type Props$1e = {
     id?: string | number;
     children?: ReactNode;
     description?: ReactNode;
     variant?: VariantProps<typeof fieldBoxVariants>['variant'];
     position?: 'start' | 'end';
 } & Omit<ComponentProps<typeof Root$6>, 'asChild' | 'id'> & Omit<VariantProps<typeof switchVariants>, 'variant'>;
-declare const Switch: ({ ref, className, size, disabled, id: idProp, children, description, variant, position, ...props }: Props$1d & {
+declare const Switch: ({ ref, className, size, disabled, id: idProp, children, description, variant, position, ...props }: Props$1e & {
     ref?: Ref<ElementRef<"button">>;
 }) => react_jsx_runtime.JSX.Element;
 
 type Variant$7 = 'radio' | 'button' | 'radio-block';
 type Orientation = 'vertical' | 'horizontal';
 
-type Props$1c<Value> = {
+type Props$1d<Value> = {
     variant?: Variant$7;
     orientation?: Orientation;
     onValueChange?: (value: Value) => void;
@@ -1573,7 +1675,7 @@ type Props$1c<Value> = {
     defaultValue?: Value | null;
 } & Omit<ComponentProps<typeof RRadioGroup.Root>, 'asChild' | 'orientation' | 'onValueChange' | 'onChange' | 'value' | 'defaultValue'>;
 declare const RadioGroup: {
-    <Value extends string = string>({ variant, className, disabled, orientation, onValueChange, children, value, defaultValue, ...props }: Props$1c<Value>): react_jsx_runtime.JSX.Element;
+    <Value extends string = string>({ variant, className, disabled, orientation, onValueChange, children, value, defaultValue, ...props }: Props$1d<Value>): react_jsx_runtime.JSX.Element;
     Item: <T extends string = string>({ children, tooltip, tooltipVariant, tooltipPlacement, description, ...props }: {
         content?: string | undefined | undefined;
         translate?: "yes" | "no" | undefined | undefined;
@@ -1870,34 +1972,34 @@ declare const RadioGroup: {
     } & {
         value: T;
         tooltip?: react.ReactNode;
-        tooltipVariant?: Props$1L["variant"];
-        tooltipPlacement?: Props$1L["placement"];
+        tooltipVariant?: Props$1N["variant"];
+        tooltipPlacement?: Props$1N["placement"];
         description?: react.ReactNode;
     }) => react_jsx_runtime.JSX.Element;
     Separator: () => react_jsx_runtime.JSX.Element;
 };
 
-type Props$1b = ComponentProps<typeof Thumb> & {
+type Props$1c = ComponentProps<typeof Thumb> & {
     tooltip?: ReactNode;
     tooltipSide?: ComponentProps<typeof Tooltip.Content>['placement'];
 };
-declare const SliderThumb: ({ ref: forwardedRef, className, tooltip, tooltipSide, ...props }: Props$1b & {
+declare const SliderThumb: ({ ref: forwardedRef, className, tooltip, tooltipSide, ...props }: Props$1c & {
     ref?: Ref<ElementRef<typeof Thumb>>;
 }) => react_jsx_runtime.JSX.Element;
 
 type ThumbTooltipFn = (value: number, index: number) => ReactNode;
-type Props$1a = ComponentProps<typeof Root$7> & {
+type Props$1b = ComponentProps<typeof Root$7> & {
     thumbTooltip?: ThumbTooltipFn;
     thumbTooltipSide?: ComponentProps<typeof SliderThumb>['tooltipSide'];
     rangeClassName?: string;
 };
-declare const Slider: ({ ref, className, value, defaultValue, min, max, onValueChange, thumbTooltip, thumbTooltipSide, rangeClassName, ...rest }: Props$1a & {
+declare const Slider: ({ ref, className, value, defaultValue, min, max, onValueChange, thumbTooltip, thumbTooltipSide, rangeClassName, ...rest }: Props$1b & {
     ref?: Ref<ElementRef<typeof Root$7>>;
 }) => react_jsx_runtime.JSX.Element;
 
 type SearchChangeEventHandler = (value: string, event: ChangeEvent<HTMLInputElement> | MouseEvent$1<HTMLButtonElement>) => void;
 type SearchBlurEventHandler = (value: string, event: FocusEvent$1<HTMLInputElement, Element>) => void;
-type Props$19 = {
+type Props$1a = {
     suffix?: ReactNode;
     disableDebounce?: boolean;
     debounceDelay?: number;
@@ -1912,14 +2014,14 @@ type Props$19 = {
 /**
  * @deprecated Use `SearchInput` instead. `Search` is kept only for the legacy (non-sidebar) layout.
  */
-declare const Search: ({ ref, suffix, className, onBlur, onChange, disabled, readOnly, disableDebounce, debounceDelay, value: externalValue, defaultValue, testId: prefixTestId, placeholder, onClear, variant, ...rest }: Props$19 & {
+declare const Search: ({ ref, suffix, className, onBlur, onChange, disabled, readOnly, disableDebounce, debounceDelay, value: externalValue, defaultValue, testId: prefixTestId, placeholder, onClear, variant, ...rest }: Props$1a & {
     ref?: Ref<ElementRef<"input">>;
 }) => react_jsx_runtime.JSX.Element;
 
-type Props$18 = {
+type Props$19 = {
     onSubmit: (value: string) => void;
 } & Omit<ComponentProps<typeof Search>, 'onClear' | 'onBlur' | 'onSubmit'>;
-declare const SearchForm: ({ ref, onSubmit, name, ...props }: Props$18 & {
+declare const SearchForm: ({ ref, onSubmit, name, ...props }: Props$19 & {
     ref?: Ref<ElementRef<"input">>;
 }) => react_jsx_runtime.JSX.Element;
 
@@ -1941,13 +2043,13 @@ type SelectRootProps = {
 
 declare const variants$2: (props?: ({
     variant?: "primary" | "secondary" | "argo" | null | undefined;
-    sizing?: "small" | "medium" | "default" | null | undefined;
+    sizing?: "medium" | "small" | "default" | null | undefined;
     state?: "warning" | "default" | "error" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type Props$17 = ComponentProps<typeof _radix_ui_react_select.Trigger> & Omit<VariantProps<typeof variants$2>, 'variant'> & {
+type Props$18 = ComponentProps<typeof _radix_ui_react_select.Trigger> & Omit<VariantProps<typeof variants$2>, 'variant'> & {
     variant?: Exclude<VariantProps<typeof variants$2>['variant'], 'argo'>;
 } & Pick<ComponentProps<typeof _radix_ui_react_select.Value>, 'placeholder'>;
-declare const SelectTrigger: ({ ref, className, variant, state, sizing, placeholder, ...props }: Props$17 & {
+declare const SelectTrigger: ({ ref, className, variant, state, sizing, placeholder, ...props }: Props$18 & {
     ref?: Ref<ElementRef<"button">>;
 }) => react_jsx_runtime.JSX.Element;
 
@@ -1966,7 +2068,7 @@ type TriggerProps = ComponentProps<typeof SelectTrigger>;
  * Props for `Select`. Combines Radix `Select.Root` control props with `Select.Trigger` chrome and the
  * convenience `items` shape (flat list, or grouped lists with optional labels).
  */
-type Props$16 = Pick<SelectRootProps, 'value' | 'defaultValue' | 'onValueChange' | 'disabled' | 'name' | 'required' | 'open' | 'defaultOpen' | 'onOpenChange'> & Pick<TriggerProps, 'variant' | 'state' | 'sizing' | 'placeholder' | 'id' | 'className'> & {
+type Props$17 = Pick<SelectRootProps, 'value' | 'defaultValue' | 'onValueChange' | 'disabled' | 'name' | 'required' | 'open' | 'defaultOpen' | 'onOpenChange'> & Pick<TriggerProps, 'variant' | 'state' | 'sizing' | 'placeholder' | 'id' | 'className'> & {
     items?: readonly (SelectItem | SelectItemGroup)[];
 };
 /**
@@ -1981,16 +2083,16 @@ type Props$16 = Pick<SelectRootProps, 'value' | 'defaultValue' | 'onValueChange'
  * `Select.Item`) for custom item layouts; the top-level `Select` covers the common cases.
  */
 declare const Select: {
-    ({ value, defaultValue, onValueChange, disabled, name, required, open, defaultOpen, onOpenChange, variant, state, sizing, placeholder, id, className, items, }: Props$16): react_jsx_runtime.JSX.Element;
+    ({ value, defaultValue, onValueChange, disabled, name, required, open, defaultOpen, onOpenChange, variant, state, sizing, placeholder, id, className, items, }: Props$17): react_jsx_runtime.JSX.Element;
     Root: (props: SelectRootProps) => react_jsx_runtime.JSX.Element;
     Trigger: ({ ref, className, variant, state, sizing, placeholder, ...props }: (_radix_ui_react_select.SelectTriggerProps & react.RefAttributes<HTMLButtonElement> & Omit<class_variance_authority.VariantProps<(props?: ({
         variant?: "primary" | "secondary" | "argo" | null | undefined;
-        sizing?: "small" | "medium" | "default" | null | undefined;
+        sizing?: "medium" | "small" | "default" | null | undefined;
         state?: "warning" | "default" | "error" | null | undefined;
     } & class_variance_authority_types.ClassProp) | undefined) => string>, "variant"> & {
         variant?: Exclude<class_variance_authority.VariantProps<(props?: ({
             variant?: "primary" | "secondary" | "argo" | null | undefined;
-            sizing?: "small" | "medium" | "default" | null | undefined;
+            sizing?: "medium" | "small" | "default" | null | undefined;
             state?: "warning" | "default" | "error" | null | undefined;
         } & class_variance_authority_types.ClassProp) | undefined) => string>["variant"], "argo">;
     } & Pick<_radix_ui_react_select.SelectValueProps & react.RefAttributes<HTMLSpanElement>, "placeholder">) & {
@@ -2011,51 +2113,51 @@ declare const Select: {
     Separator: ({ className, ...props }: _radix_ui_react_select.SelectSeparatorProps & react.RefAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
 };
 
-type Props$15 = {
+type Props$16 = {
     id?: string | number;
     description?: ReactNode;
     variant?: VariantProps<typeof fieldBoxVariants>['variant'];
     position?: 'start' | 'end';
-    tooltip?: Props$1L['tooltip'];
-    tooltipPlacement?: Props$1L['placement'];
+    tooltip?: Props$1N['tooltip'];
+    tooltipPlacement?: Props$1N['placement'];
 } & Omit<ComponentProps<typeof Root$8>, 'id'>;
-declare function Checkbox(prop: Omit<Props$15, 'checked' | 'onCheckedChange'> & {
+declare function Checkbox(prop: Omit<Props$16, 'checked' | 'onCheckedChange'> & {
     checked?: boolean;
     onCheckedChange?: (checked: boolean) => void;
 }): ReactNode;
-declare function Checkbox(prop: Omit<Props$15, 'checked' | 'onCheckedChange'> & {
+declare function Checkbox(prop: Omit<Props$16, 'checked' | 'onCheckedChange'> & {
     checked?: CheckedState;
     onCheckedChange?: (checked: CheckedState) => void;
 }): ReactNode;
 
 type Variant$6 = 'check' | 'checkbox';
-type Props$14 = Omit<ComponentProps<typeof Combobox$1.ItemIndicator>, 'className' | 'children'> & {
+type Props$15 = Omit<ComponentProps<typeof Combobox$1.ItemIndicator>, 'className' | 'children'> & {
     className?: string;
     variant?: Variant$6;
 };
-declare const ComboboxItemIndicator: ({ ref, className, variant, ...props }: Props$14 & {
+declare const ComboboxItemIndicator: ({ ref, className, variant, ...props }: Props$15 & {
     ref?: Ref<ElementRef<"span">>;
 }) => react_jsx_runtime.JSX.Element;
 
-type Props$13 = Omit<ComponentProps<typeof Combobox$1.Input>, 'render'>;
-declare const ComboboxInput: ({ ref, ...props }: Props$13 & {
+type Props$14 = Omit<ComponentProps<typeof Combobox$1.Input>, 'render'>;
+declare const ComboboxInput: ({ ref, ...props }: Props$14 & {
     ref?: Ref<ElementRef<"input">>;
 }) => react_jsx_runtime.JSX.Element;
 
 type InputGroupProps$6 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'sizing' | 'state'>;
-type Props$12 = InputGroupProps$6 & Omit<ComponentProps<typeof Combobox$1.InputGroup>, 'render' | 'className'> & {
+type Props$13 = InputGroupProps$6 & Omit<ComponentProps<typeof Combobox$1.InputGroup>, 'render' | 'className'> & {
     className?: string;
 };
-declare const ComboboxInputGroup: ({ ref, state, variant, sizing, focusVariant, className, ...props }: Props$12 & {
+declare const ComboboxInputGroup: ({ ref, state, variant, sizing, focusVariant, className, ...props }: Props$13 & {
     ref?: Ref<ElementRef<"div">>;
 }) => react_jsx_runtime.JSX.Element;
 
-type Props$11 = Omit<ComponentProps<typeof Combobox$1.Item>, 'className'> & {
+type Props$12 = Omit<ComponentProps<typeof Combobox$1.Item>, 'className'> & {
     className?: string;
     icon?: ReactNode;
     indicator?: ComponentProps<typeof ComboboxItemIndicator>['variant'];
 };
-declare const ComboboxItem: ({ ref, className, children, icon, indicator: variant, ...props }: Props$11 & {
+declare const ComboboxItem: ({ ref, className, children, icon, indicator: variant, ...props }: Props$12 & {
     ref?: Ref<ElementRef<"div">>;
 }) => react_jsx_runtime.JSX.Element;
 
@@ -2075,7 +2177,7 @@ type CreatableProps<Value> = {
     queryToCreateLabel?: (query: string) => ReactNode;
     queryToCreateValue?: (query: string) => Value;
 };
-type Props$10<Value, GroupShape extends Group<Value> = Group<Value>> = PublicComboboxInputProps & PublicComboboxProps<Value> & CreatableProps<Value> & {
+type Props$11<Value, GroupShape extends Group<Value> = Group<Value>> = PublicComboboxInputProps & PublicComboboxProps<Value> & CreatableProps<Value> & {
     items?: readonly (Value | GroupShape)[];
     allowClear?: boolean;
     empty?: ReactNode;
@@ -2087,12 +2189,12 @@ type Props$10<Value, GroupShape extends Group<Value> = Group<Value>> = PublicCom
     groupToLabel?: (group: GroupShape) => ReactNode;
 };
 declare const Combobox: {
-    <Value, GroupShape extends Group<Value> = Group<Value>>({ items: _itemsProp, value, defaultValue, onValueChange, itemToStringLabel: itemToStringLabelProp, itemToStringValue, disabled, filter, inputRef, onOpenChangeComplete, isItemEqualToValue: isItemEqualToValueProp, variant, sizing, focusVariant, state, placeholder, allowClear, id, className, empty, indicator, prefix, allowCreate, queryToCreateValue, queryToCreateLabel, itemToDisabled, itemToLabel, itemToIcon, groupToLabel, }: Props$10<Value, GroupShape>): react_jsx_runtime.JSX.Element;
+    <Value, GroupShape extends Group<Value> = Group<Value>>({ items: _itemsProp, value, defaultValue, onValueChange, itemToStringLabel: itemToStringLabelProp, itemToStringValue, disabled, filter, inputRef, onOpenChangeComplete, isItemEqualToValue: isItemEqualToValueProp, variant, sizing, focusVariant, state, placeholder, allowClear, id, className, empty, indicator, prefix, allowCreate, queryToCreateValue, queryToCreateLabel, itemToDisabled, itemToLabel, itemToIcon, groupToLabel, }: Props$11<Value, GroupShape>): react_jsx_runtime.JSX.Element;
     Root: <Value, Multiple extends boolean | undefined = false>(props: Combobox$1.Root.Props<Value, Multiple>) => react_jsx_runtime.JSX.Element;
     InputGroup: ({ ref, state, variant, sizing, focusVariant, className, ...props }: ({
         variant?: "primary" | "secondary" | null | undefined;
         state?: "warning" | "default" | "error" | null | undefined;
-        sizing?: "small" | "medium" | "default" | null | undefined;
+        sizing?: "medium" | "small" | "default" | null | undefined;
         focusVariant?: "off" | "on" | "default" | null | undefined;
     } & Omit<Omit<_base_ui_react_combobox.ComboboxInputGroupProps, "ref"> & react.RefAttributes<HTMLDivElement>, "className" | "render"> & {
         className?: string;
@@ -2470,7 +2572,7 @@ type Indicator = NonNullable<ComboboxItemProps['indicator']>;
  * Use `itemToLabel` / `itemToIcon` / `itemToDisabled` to project custom item shapes; use `filter` to override
  * the default substring matcher.
  */
-type Props$$<Value, GroupShape extends Group<Value> = Group<Value>> = Pick<ComboboxInputProps, 'placeholder' | 'id'> & Pick<ComboboxInputGroupProps, 'variant' | 'focusVariant' | 'sizing' | 'state' | 'className'> & Pick<ComboboxProps<Value>, 'disabled' | 'inputRef' | 'value' | 'defaultValue' | 'onValueChange' | 'itemToStringLabel' | 'itemToStringValue' | 'filter'> & Pick<ComboboxChipsProps, 'itemToChipLabel' | 'itemToChipColor' | 'maxVisible'> & {
+type Props$10<Value, GroupShape extends Group<Value> = Group<Value>> = Pick<ComboboxInputProps, 'placeholder' | 'id'> & Pick<ComboboxInputGroupProps, 'variant' | 'focusVariant' | 'sizing' | 'state' | 'className'> & Pick<ComboboxProps<Value>, 'disabled' | 'inputRef' | 'value' | 'defaultValue' | 'onValueChange' | 'itemToStringLabel' | 'itemToStringValue' | 'filter'> & Pick<ComboboxChipsProps, 'itemToChipLabel' | 'itemToChipColor' | 'maxVisible'> & {
     items?: readonly (Value | GroupShape)[];
     allowClear?: boolean;
     allowSelectAll?: boolean;
@@ -2494,7 +2596,7 @@ type Props$$<Value, GroupShape extends Group<Value> = Group<Value>> = Pick<Combo
  * @see RECIPES.md#creatable-multi-combobox — for free-form-plus-enumerated patterns
  * @see RECIPES.md#filter-toolbar — for combining multi-select with other filter chips
  */
-declare const MultiCombobox: <Value, GroupShape extends Group<Value> = Group<Value>>({ items: _itemsProp, value: _valueProp, defaultValue, onValueChange, itemToStringLabel, itemToStringValue, disabled, filter: filterProp, inputRef, variant, sizing, focusVariant, state, placeholder, allowClear, id, className, allowSelectAll, empty, indicator, itemToDisabled, itemToLabel, itemToIcon, groupToLabel, itemToChipLabel, itemToChipColor, maxVisible, }: Props$$<Value, GroupShape>) => react_jsx_runtime.JSX.Element;
+declare const MultiCombobox: <Value, GroupShape extends Group<Value> = Group<Value>>({ items: _itemsProp, value: _valueProp, defaultValue, onValueChange, itemToStringLabel, itemToStringValue, disabled, filter: filterProp, inputRef, variant, sizing, focusVariant, state, placeholder, allowClear, id, className, allowSelectAll, empty, indicator, itemToDisabled, itemToLabel, itemToIcon, groupToLabel, itemToChipLabel, itemToChipColor, maxVisible, }: Props$10<Value, GroupShape>) => react_jsx_runtime.JSX.Element;
 
 type InputGroupProps$5 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'sizing' | 'focusVariant' | 'state'>;
 type TextareaNativeProps = Omit<ComponentProps<typeof InputGroup.TextArea>, 'value' | 'defaultValue' | 'rows' | 'maxRows'>;
@@ -2507,12 +2609,12 @@ type TextareaOwnProps = {
     disableResize?: boolean;
     containerClassName?: string;
 };
-type Props$_ = InputGroupProps$5 & TextareaNativeProps & TextareaOwnProps;
+type Props$$ = InputGroupProps$5 & TextareaNativeProps & TextareaOwnProps;
 /**
  * Multi-line text input. Chrome resolves from the active brand automatically: a modern brand always
  * renders argo (any `variant` is ignored), while `variant` only tunes the legacy-brand chrome.
  */
-declare const Textarea: ({ ref, containerClassName, state, variant, sizing, focusVariant, ...rest }: Props$_ & {
+declare const Textarea: ({ ref, containerClassName, state, variant, sizing, focusVariant, ...rest }: Props$$ & {
     ref?: Ref<ElementRef<"textarea">>;
 }) => react_jsx_runtime.JSX.Element;
 
@@ -2527,14 +2629,14 @@ declare const AutoSaveTextarea: ({ savedValue, onSave, placeholder, disabled, gr
 
 type InputGroupProps$4 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
 type InputGroupInputProps$4 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue'>;
-type Props$Z = InputGroupProps$4 & InputGroupInputProps$4 & {
+type Props$_ = InputGroupProps$4 & InputGroupInputProps$4 & {
     value?: string | null;
     defaultValue?: string | null;
     onValueChange?: (value: string) => void;
     onValueBlur?: (value: string) => void;
     allowClear?: boolean;
 };
-declare const ColorInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, onValueChange, onValueBlur, onChange, onBlur, defaultValue, allowClear, disabled, readOnly, ...restInputProps }: Props$Z & {
+declare const ColorInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, onValueChange, onValueBlur, onChange, onBlur, defaultValue, allowClear, disabled, readOnly, ...restInputProps }: Props$_ & {
     ref?: Ref<ElementRef<"input">>;
 }) => react_jsx_runtime.JSX.Element;
 
@@ -2571,12 +2673,12 @@ declare const useColorSchemeState: ({ defaultScheme, scheme: propScheme, onSchem
     setScheme: (next: ColorScheme) => void;
 };
 
-type Props$Y = UseColorSchemeOptions & UseBrandOptions & {
+type Props$Z = UseColorSchemeOptions & UseBrandOptions & {
     /** Brands this provider knows about; the active brand id resolves against these. */
     brands?: readonly Brand[];
     children: ReactNode;
 };
-declare const ThemeProvider: ({ defaultScheme, scheme, onSchemeChange, defaultBrandId, brandId, onBrandIdChange, brands, children, }: Props$Y) => react_jsx_runtime.JSX.Element;
+declare const ThemeProvider: ({ defaultScheme, scheme, onSchemeChange, defaultBrandId, brandId, onBrandIdChange, brands, children, }: Props$Z) => react_jsx_runtime.JSX.Element;
 
 type ThemeContextValue = ReturnType<typeof useColorSchemeState> & ReturnType<typeof useBrandState> & {
     themes: Theme[];
@@ -2600,7 +2702,7 @@ declare const useArgoDesign: () => boolean;
 declare const DEFAULT_COLOR_SCHEME: ResolvedColorScheme;
 declare const DEFAULT_BRAND_ID = "design-system";
 
-type Props$X = {
+type Props$Y = {
     /** The active color scheme. Controlled — pair with `onValueChange`. */
     value: ColorScheme;
     /** Called with the chosen scheme when the user picks a menu item. */
@@ -2625,11 +2727,11 @@ type Props$X = {
  * The menu uses `DropdownMenu.RadioGroup` for single-select semantics; the active
  * item is marked as checked. The trigger's `aria-label` names the current scheme.
  */
-declare const ColorModeSwitch: ({ value, onValueChange, size, className }: Props$X) => react_jsx_runtime.JSX.Element;
+declare const ColorModeSwitch: ({ value, onValueChange, size, className }: Props$Y) => react_jsx_runtime.JSX.Element;
 
 type InputGroupProps$3 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
 type InputGroupInputProps$3 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type' | 'prefix'>;
-type Props$W = InputGroupProps$3 & InputGroupInputProps$3 & {
+type Props$X = InputGroupProps$3 & InputGroupInputProps$3 & {
     value?: number | null;
     defaultValue?: number | null;
     onValueChange?: (value: number | null) => void;
@@ -2637,13 +2739,13 @@ type Props$W = InputGroupProps$3 & InputGroupInputProps$3 & {
     prefix?: ReactNode;
     suffix?: ReactNode;
 };
-declare const NumberInput: ({ ref, state, variant, focusVariant, sizing, className, value, defaultValue, onValueChange, onValueBlur, onChange, onBlur, prefix, suffix, ...inputProps }: Props$W & {
+declare const NumberInput: ({ ref, state, variant, focusVariant, sizing, className, value, defaultValue, onValueChange, onValueBlur, onChange, onBlur, prefix, suffix, ...inputProps }: Props$X & {
     ref?: Ref<ElementRef<"input">>;
 }) => react_jsx_runtime.JSX.Element;
 
 type InputGroupProps$2 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
 type InputGroupInputProps$2 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type' | 'autoComplete'>;
-type Props$V = InputGroupProps$2 & InputGroupInputProps$2 & {
+type Props$W = InputGroupProps$2 & InputGroupInputProps$2 & {
     value?: string | null;
     defaultValue?: string | null;
     onValueChange?: (value: string) => void;
@@ -2653,46 +2755,34 @@ type Props$V = InputGroupProps$2 & InputGroupInputProps$2 & {
     autoComplete?: 'new-password' | 'current-password' | 'off';
     defaultPasswordVisibility?: boolean;
 };
-declare const PasswordInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onKeyDown, onKeyUp, onMouseDown, allowClear, allowPasswordToggle, autoComplete, defaultPasswordVisibility, disabled, readOnly, ...restInputProps }: Props$V & {
+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$W & {
     ref?: Ref<ElementRef<"input">>;
 }) => react_jsx_runtime.JSX.Element;
 
 type InputGroupProps$1 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
 type InputGroupInputProps$1 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type'>;
-type Props$U = InputGroupProps$1 & InputGroupInputProps$1 & {
+type Props$V = InputGroupProps$1 & InputGroupInputProps$1 & {
     value?: string | null;
     defaultValue?: string | null;
     onValueChange?: (value: string | null) => void;
     onValueBlur?: (value: string | null) => void;
     allowClear?: boolean;
 };
-declare const TimeInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, allowClear, disabled, readOnly, placeholder, ...restInputProps }: Props$U & {
+declare const TimeInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, allowClear, disabled, readOnly, placeholder, ...restInputProps }: Props$V & {
     ref?: Ref<ElementRef<"input">>;
 }) => react_jsx_runtime.JSX.Element;
 
-declare const slotVariants: (props?: ({
-    sizing?: "sm" | "md" | "lg" | null | undefined;
-    state?: "default" | "error" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-type SlotVariants = VariantProps<typeof slotVariants>;
-
-type Sizing = NonNullable<SlotVariants['sizing']>;
-type State = NonNullable<SlotVariants['state']>;
-
-type OtpInputProps = ComponentProps<typeof OTPInput>;
-type OtpInputChildrenProps = Omit<Extract<OtpInputProps, {
+type OtpInputSizing = 'sm' | 'md' | 'lg';
+type OtpElementProps = ComponentProps<typeof OTPInput>;
+type OtpElementChildrenProps = Omit<Extract<OtpElementProps, {
     children: ReactNode;
 }>, 'containerClassName'>;
 type RootOwnProps = {
-    /** Visual size of each slot. Defaults to `md`. Matches InputGroup heights (sm/md/lg ≈ 32 / 36 / 40px). */
-    sizing?: Sizing;
-    /** Drives the error ring/border on each slot and `aria-invalid` on the inner input. */
-    state?: State;
-    /** Class for the outer flex container that holds groups + separators. */
+    sizing?: OtpInputSizing;
     containerClassName?: string;
 };
-type RootProps$4 = OtpInputChildrenProps & RootOwnProps;
-declare const InputOtp: (({ ref, sizing, state, pattern, containerClassName, className, children, ...rest }: RootProps$4 & {
+type RootProps$4 = OtpElementChildrenProps & RootOwnProps;
+declare const OtpInput: (({ ref, sizing, pattern, containerClassName, className, children, "aria-invalid": ariaInvalid, ...rest }: RootProps$4 & {
     ref?: Ref<HTMLInputElement>;
 }) => react_jsx_runtime.JSX.Element) & {
     Group: ({ ref, className, ...props }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement> & {
@@ -2708,12 +2798,6 @@ declare const InputOtp: (({ ref, sizing, state, pattern, containerClassName, cla
     }) => react_jsx_runtime.JSX.Element;
 };
 
-/**
- * Access the `input-otp` render context (slots, focus, hover) — use this inside a custom
- * child of `<InputOtp>` to render slots yourself. Throws if called outside `<InputOtp>`.
- */
-declare const useInputOtpContext: () => RenderProps;
-
 type InputGroupProps = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
 type InputGroupInputProps = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue'>;
 /**
@@ -2722,7 +2806,7 @@ type InputGroupInputProps = Omit<ComponentProps<typeof InputGroup.Input>, 'value
  * is treated as "not provided" — the component falls back to `defaultValue` (or, if absent, internal
  * state initialized to empty). `value={""}` is controlled-empty.
  */
-type Props$T = InputGroupProps & InputGroupInputProps & {
+type Props$U = InputGroupProps & InputGroupInputProps & {
     value?: string | null;
     defaultValue?: string | null;
     /** Called with the latest string value after the debounce window (default 300ms). Fires synchronously on clear and when `disableDebounce` is set. For sync echo of every keystroke use `onChange`. */
@@ -2751,7 +2835,7 @@ type Props$T = InputGroupProps & InputGroupInputProps & {
  *
  * @see RECIPES.md#filter-toolbar — for the search + filter chips toolbar pattern
  */
-declare const SearchInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onClear, allowClear, disableDebounce, debounceDelay, disabled, readOnly, ...restInputProps }: Props$T & {
+declare const SearchInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onClear, allowClear, disableDebounce, debounceDelay, disabled, readOnly, ...restInputProps }: Props$U & {
     ref?: Ref<ElementRef<"input">>;
 }) => react_jsx_runtime.JSX.Element;
 
@@ -2776,15 +2860,15 @@ declare const addonVariants: (props?: ({
     align?: "inline-start" | "inline-end" | null | undefined;
     variant?: "inline" | "floating" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type Props$S = ComponentProps<'div'> & VariantProps<typeof addonVariants>;
-declare const BadgeAddon: ({ ref, align, variant, className, ...rest }: Props$S & {
+type Props$T = ComponentProps<'div'> & VariantProps<typeof addonVariants>;
+declare const BadgeAddon: ({ ref, align, variant, className, ...rest }: Props$T & {
     ref?: Ref<ElementRef<"div">>;
 }) => react_jsx_runtime.JSX.Element;
 
-type Props$R = ComponentProps<'span'> & {
+type Props$S = ComponentProps<'span'> & {
     asChild?: boolean;
 };
-declare const BadgeLabel: ({ ref, className, asChild, ...rest }: Props$R & {
+declare const BadgeLabel: ({ ref, className, asChild, ...rest }: Props$S & {
     ref?: Ref<ElementRef<"span">>;
 }) => react_jsx_runtime.JSX.Element;
 
@@ -2793,8 +2877,8 @@ declare const badgeRootVariants: (props?: ({
     color?: "orange" | "blue" | "red" | "green" | "gray" | "cyan" | "purple" | "teal" | "white" | "gray-darker" | "gray-inverse" | "green-darker" | "green-inverse" | "blue-inverse" | "orange-inverse" | "amber" | "amber-inverse" | "teal-inverse" | "purple-inverse" | "cyan-inverse" | "sidebar-primary" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
-type Props$Q = ComponentProps<'div'> & VariantProps<typeof badgeRootVariants>;
-declare const BadgeRoot: ({ ref, variant, color, className, children, ...rest }: Props$Q & {
+type Props$R = ComponentProps<'div'> & VariantProps<typeof badgeRootVariants>;
+declare const BadgeRoot: ({ ref, variant, color, className, children, ...rest }: Props$R & {
     ref?: Ref<ElementRef<"div">>;
 }) => react_jsx_runtime.JSX.Element;
 
@@ -2806,14 +2890,14 @@ type BadgeLabelProps = ComponentProps<typeof BadgeLabel>;
  * `amber` = caution, `purple/cyan/teal/blue/gray` for decorative tags) — colours stay fixed across brand themes.
  * Pass `prefix` / `suffix` for icon-style addons.
  */
-type Props$P = Pick<BadgeRootProps, 'variant' | 'color'> & Omit<BadgeLabelProps, 'prefix'> & {
+type Props$Q = Pick<BadgeRootProps, 'variant' | 'color'> & Omit<BadgeLabelProps, 'prefix'> & {
     prefix?: ReactNode;
     prefixVariant?: AddonVariant;
     suffix?: ReactNode;
     suffixVariant?: AddonVariant;
     labelClassName?: string;
 };
-declare const Badge: (({ ref, variant, color, prefix, prefixVariant, suffix, suffixVariant, className, labelClassName, ...labelProps }: Props$P & {
+declare const Badge: (({ ref, variant, color, prefix, prefixVariant, suffix, suffixVariant, className, labelClassName, ...labelProps }: Props$Q & {
     ref?: Ref<ElementRef<"span">>;
 }) => react_jsx_runtime.JSX.Element) & {
     Root: ({ ref, variant, color, className, children, ...rest }: (react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & class_variance_authority.VariantProps<(props?: ({
@@ -2845,45 +2929,45 @@ type TagOption = {
     disabled?: boolean;
 };
 
-type Props$O = {
+type Props$P = {
     onCreate?: (search: string) => void;
 } & Pick<ComponentProps<typeof Command.Item>, 'value'>;
-declare const TagSelectCreateItem: ({ onCreate, value }: Props$O) => react_jsx_runtime.JSX.Element;
+declare const TagSelectCreateItem: ({ onCreate, value }: Props$P) => react_jsx_runtime.JSX.Element;
 
-type Props$N = {
+type Props$O = {
     value: string[];
     onAdd?: (selected: string[]) => void;
 };
-declare const TagSelectValue: ({ value, onAdd }: Props$N) => react_jsx_runtime.JSX.Element;
+declare const TagSelectValue: ({ value, onAdd }: Props$O) => react_jsx_runtime.JSX.Element;
 
-type Props$M = {
+type Props$N = {
     options?: TagOption[];
 } & Pick<ComponentProps<typeof TagSelectValue>, 'onAdd'> & Pick<ComponentProps<typeof TagSelectCreateItem>, 'onCreate'>;
-declare const TagSelectList: ({ options, onAdd, onCreate }: Props$M) => react_jsx_runtime.JSX.Element;
+declare const TagSelectList: ({ options, onAdd, onCreate }: Props$N) => react_jsx_runtime.JSX.Element;
 
-type Props$L = {
+type Props$M = {
     children: ReactNode;
 } & ComponentProps<typeof TagSelectList>;
-declare const TagSelectPopover: ({ children, onAdd, options, onCreate }: Props$L) => react_jsx_runtime.JSX.Element;
+declare const TagSelectPopover: ({ children, onAdd, options, onCreate }: Props$M) => react_jsx_runtime.JSX.Element;
 
 type OnValueChangeHandler = (value: {
     action: 'add' | 'remove';
     tags: TagOption[];
     allTags: TagOption[];
 }) => void;
-type Props$K = {
+type Props$L = {
     value?: TagOption[];
     onValueChange: OnValueChangeHandler;
     disabled?: boolean;
 } & Pick<ComponentProps<typeof TagSelectPopover>, 'options' | 'onCreate'>;
-declare const Tagger: ({ options, value, onCreate, onValueChange, disabled, }: Props$K) => react_jsx_runtime.JSX.Element | null;
+declare const Tagger: ({ options, value, onCreate, onValueChange, disabled, }: Props$L) => react_jsx_runtime.JSX.Element | null;
 
 /**
  * Props for `FileUpload`. The component is uncontrolled with respect to the file
  * list — the caller owns the selected `File[]` and updates it from `onFilesChange`.
  * `FileUpload` only signals drop events; it does not store the file array.
  */
-type Props$J = {
+type Props$K = {
     /** MIME / extension filter passed straight to react-dropzone. */
     accept?: Accept;
     /** Max size per file, in bytes. Oversized files are rejected and surface in `onFilesRejected`. */
@@ -2902,7 +2986,7 @@ type Props$J = {
     forcedState?: 'idle' | 'dragging' | 'error';
     children: ReactNode;
 } & Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'onDrop'>;
-declare const FileUpload: (({ accept, maxSize, maxFiles, multiple, disabled, onFilesChange, onFilesRejected, forcedState, children, className, ...rest }: Props$J) => react_jsx_runtime.JSX.Element) & {
+declare const FileUpload: (({ accept, maxSize, maxFiles, multiple, disabled, onFilesChange, onFilesRejected, forcedState, children, className, ...rest }: Props$K) => react_jsx_runtime.JSX.Element) & {
     DropZone: ({ children, className, ...rest }: {
         children?: ReactNode;
     } & Omit<HTMLAttributes<HTMLDivElement>, "children">) => react_jsx_runtime.JSX.Element;
@@ -2918,36 +3002,320 @@ type FormGroupContext = {
 };
 
 /**
- * Props for `FormGroup`. `state` from `FormGroupContext` ("default" | "error") propagates to nested inputs
- * and help text via context.
+ * Props for `FormGroup`. `state` from `FormGroupContext` ("default" | "error" | "warning") propagates via
+ * context to nested inputs. `FormGroup.Help` stays advisory (it reacts only to "warning"); validation errors
+ * render through `FormGroup.Error`, not the input `state`.
  */
-type FormGroupProps = {
-    children: ReactNode;
-    className?: string;
-    testId?: string;
-} & FormGroupContext;
+type FormGroupProps = ComponentPropsWithRef<'div'> & FormGroupContext;
 /**
  * Label + input + help-text grouping with shared validation state. Provides the chrome for a single field.
  *
  * **When to use:** rendering a label + bare input + help/error text outside `useAppForm` (e.g. one-off
- * filter fields, settings panes). The `state="error"` flips both `FormGroup.TextInput` and `FormGroup.Help`
- * to error styling without per-component wiring.
+ * filter fields, settings panes). `state="error"` flips `FormGroup.TextInput` chrome without per-component
+ * wiring; the error message itself renders via `FormGroup.Error` (`role="alert"`), while `FormGroup.Help`
+ * stays advisory.
  * **When NOT to use:** for a full form with validation and submit state, use `useAppForm` from `blocks/Form` —
  * it composes `FormGroup` internally via the typed field connectors.
  * **Composition:** nest a `Label`, then one of `FormGroup.TextInput` / `FormGroup.NumberInput` /
- * `FormGroup.ColorInput` / `FormGroup.Textarea`, optionally followed by `FormGroup.Help`.
+ * `FormGroup.ColorInput` / `FormGroup.Textarea`, optionally followed by `FormGroup.Help`
+ * (advisory description) or `FormGroup.Error` (validation error, announced via `role="alert"`).
  */
 declare const FormGroup: {
-    ({ className, children, state, testId }: FormGroupProps): react_jsx_runtime.JSX.Element;
+    ({ className, children, state, ...rest }: FormGroupProps): react_jsx_runtime.JSX.Element;
     Help: ({ children, ...rest }: {
-        className?: string | undefined;
-        children?: ReactNode;
+        content?: string | undefined | undefined;
+        translate?: "yes" | "no" | undefined | undefined;
+        prefix?: string | undefined | undefined;
+        id?: string | undefined | undefined;
+        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
+        slot?: string | undefined | undefined;
+        style?: react.CSSProperties | undefined;
+        title?: string | undefined | undefined;
+        ref?: react.Ref<HTMLParagraphElement> | undefined;
+        key?: react.Key | null | undefined;
+        defaultChecked?: boolean | undefined | undefined;
+        defaultValue?: string | number | readonly string[] | undefined;
+        suppressContentEditableWarning?: boolean | undefined | undefined;
+        suppressHydrationWarning?: boolean | undefined | undefined;
+        accessKey?: string | undefined | undefined;
+        autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
+        autoFocus?: boolean | undefined | undefined;
+        className?: string | undefined | undefined;
+        contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+        contextMenu?: string | undefined | undefined;
+        dir?: string | undefined | undefined;
+        draggable?: (boolean | "true" | "false") | undefined;
+        enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
+        hidden?: boolean | undefined | undefined;
+        lang?: string | undefined | undefined;
+        nonce?: string | undefined | undefined;
+        spellCheck?: (boolean | "true" | "false") | undefined;
+        tabIndex?: number | undefined | undefined;
+        radioGroup?: string | undefined | undefined;
+        role?: react.AriaRole | undefined;
+        about?: string | undefined | undefined;
+        datatype?: string | undefined | undefined;
+        inlist?: any;
+        property?: string | undefined | undefined;
+        rel?: string | undefined | undefined;
+        resource?: string | undefined | undefined;
+        rev?: string | undefined | undefined;
+        typeof?: string | undefined | undefined;
+        vocab?: string | undefined | undefined;
+        autoCorrect?: string | undefined | undefined;
+        autoSave?: string | undefined | undefined;
+        color?: string | undefined | undefined;
+        itemProp?: string | undefined | undefined;
+        itemScope?: boolean | undefined | undefined;
+        itemType?: string | undefined | undefined;
+        itemID?: string | undefined | undefined;
+        itemRef?: string | undefined | undefined;
+        results?: number | undefined | undefined;
+        security?: string | undefined | undefined;
+        unselectable?: "on" | "off" | undefined | undefined;
+        popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+        popoverTarget?: string | undefined | undefined;
+        inert?: boolean | undefined | undefined;
+        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
+        is?: string | undefined | undefined;
+        exportparts?: string | undefined | undefined;
+        part?: string | undefined | undefined;
+        "aria-activedescendant"?: string | undefined | undefined;
+        "aria-atomic"?: (boolean | "true" | "false") | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
+        "aria-braillelabel"?: string | undefined | undefined;
+        "aria-brailleroledescription"?: string | undefined | undefined;
+        "aria-busy"?: (boolean | "true" | "false") | undefined;
+        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+        "aria-colcount"?: number | undefined | undefined;
+        "aria-colindex"?: number | undefined | undefined;
+        "aria-colindextext"?: string | undefined | undefined;
+        "aria-colspan"?: number | undefined | undefined;
+        "aria-controls"?: string | undefined | undefined;
+        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
+        "aria-describedby"?: string | undefined | undefined;
+        "aria-description"?: string | undefined | undefined;
+        "aria-details"?: string | undefined | undefined;
+        "aria-disabled"?: (boolean | "true" | "false") | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
+        "aria-errormessage"?: string | undefined | undefined;
+        "aria-expanded"?: (boolean | "true" | "false") | undefined;
+        "aria-flowto"?: string | undefined | undefined;
+        "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
+        "aria-hidden"?: (boolean | "true" | "false") | undefined;
+        "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
+        "aria-keyshortcuts"?: string | undefined | undefined;
+        "aria-label"?: string | undefined | undefined;
+        "aria-labelledby"?: string | undefined | undefined;
+        "aria-level"?: number | undefined | undefined;
+        "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
+        "aria-modal"?: (boolean | "true" | "false") | undefined;
+        "aria-multiline"?: (boolean | "true" | "false") | undefined;
+        "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+        "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
+        "aria-owns"?: string | undefined | undefined;
+        "aria-placeholder"?: string | undefined | undefined;
+        "aria-posinset"?: number | undefined | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+        "aria-readonly"?: (boolean | "true" | "false") | undefined;
+        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
+        "aria-required"?: (boolean | "true" | "false") | undefined;
+        "aria-roledescription"?: string | undefined | undefined;
+        "aria-rowcount"?: number | undefined | undefined;
+        "aria-rowindex"?: number | undefined | undefined;
+        "aria-rowindextext"?: string | undefined | undefined;
+        "aria-rowspan"?: number | undefined | undefined;
+        "aria-selected"?: (boolean | "true" | "false") | undefined;
+        "aria-setsize"?: number | undefined | undefined;
+        "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
+        "aria-valuemax"?: number | undefined | undefined;
+        "aria-valuemin"?: number | undefined | undefined;
+        "aria-valuenow"?: number | undefined | undefined;
+        "aria-valuetext"?: string | undefined | undefined;
+        children?: react.ReactNode;
+        dangerouslySetInnerHTML?: {
+            __html: string | TrustedHTML;
+        } | undefined | undefined;
+        onCopy?: react.ClipboardEventHandler<HTMLParagraphElement> | undefined;
+        onCopyCapture?: react.ClipboardEventHandler<HTMLParagraphElement> | undefined;
+        onCut?: react.ClipboardEventHandler<HTMLParagraphElement> | undefined;
+        onCutCapture?: react.ClipboardEventHandler<HTMLParagraphElement> | undefined;
+        onPaste?: react.ClipboardEventHandler<HTMLParagraphElement> | undefined;
+        onPasteCapture?: react.ClipboardEventHandler<HTMLParagraphElement> | undefined;
+        onCompositionEnd?: react.CompositionEventHandler<HTMLParagraphElement> | undefined;
+        onCompositionEndCapture?: react.CompositionEventHandler<HTMLParagraphElement> | undefined;
+        onCompositionStart?: react.CompositionEventHandler<HTMLParagraphElement> | undefined;
+        onCompositionStartCapture?: react.CompositionEventHandler<HTMLParagraphElement> | undefined;
+        onCompositionUpdate?: react.CompositionEventHandler<HTMLParagraphElement> | undefined;
+        onCompositionUpdateCapture?: react.CompositionEventHandler<HTMLParagraphElement> | undefined;
+        onFocus?: react.FocusEventHandler<HTMLParagraphElement> | undefined;
+        onFocusCapture?: react.FocusEventHandler<HTMLParagraphElement> | undefined;
+        onBlur?: react.FocusEventHandler<HTMLParagraphElement> | undefined;
+        onBlurCapture?: react.FocusEventHandler<HTMLParagraphElement> | undefined;
+        onChange?: react.ChangeEventHandler<HTMLParagraphElement, Element> | undefined;
+        onChangeCapture?: react.ChangeEventHandler<HTMLParagraphElement, Element> | undefined;
+        onBeforeInput?: react.InputEventHandler<HTMLParagraphElement> | undefined;
+        onBeforeInputCapture?: react.InputEventHandler<HTMLParagraphElement> | undefined;
+        onInput?: react.InputEventHandler<HTMLParagraphElement> | undefined;
+        onInputCapture?: react.InputEventHandler<HTMLParagraphElement> | undefined;
+        onReset?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
+        onResetCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
+        onSubmit?: react.SubmitEventHandler<HTMLParagraphElement> | undefined;
+        onSubmitCapture?: react.SubmitEventHandler<HTMLParagraphElement> | undefined;
+        onInvalid?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
+        onInvalidCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
+        onLoad?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
+        onLoadCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
+        onError?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
+        onErrorCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
+        onKeyDown?: react.KeyboardEventHandler<HTMLParagraphElement> | undefined;
+        onKeyDownCapture?: react.KeyboardEventHandler<HTMLParagraphElement> | undefined;
+        onKeyPress?: react.KeyboardEventHandler<HTMLParagraphElement> | undefined;
+        onKeyPressCapture?: react.KeyboardEventHandler<HTMLParagraphElement> | undefined;
+        onKeyUp?: react.KeyboardEventHandler<HTMLParagraphElement> | undefined;
+        onKeyUpCapture?: react.KeyboardEventHandler<HTMLParagraphElement> | undefined;
+        onAbort?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
+        onAbortCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
+        onCanPlay?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
+        onCanPlayCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
+        onCanPlayThrough?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
+        onCanPlayThroughCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
+        onDurationChange?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
+        onDurationChangeCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
+        onEmptied?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
+        onEmptiedCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
+        onEncrypted?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
+        onEncryptedCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
+        onEnded?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
+        onEndedCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
+        onLoadedData?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
+        onLoadedDataCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
+        onLoadedMetadata?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
+        onLoadedMetadataCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
+        onLoadStart?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
+        onLoadStartCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
+        onPause?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
+        onPauseCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
+        onPlay?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
+        onPlayCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
+        onPlaying?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
+        onPlayingCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
+        onProgress?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
+        onProgressCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
+        onRateChange?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
+        onRateChangeCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
+        onSeeked?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
+        onSeekedCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
+        onSeeking?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
+        onSeekingCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
+        onStalled?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
+        onStalledCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
+        onSuspend?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
+        onSuspendCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
+        onTimeUpdate?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
+        onTimeUpdateCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
+        onVolumeChange?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
+        onVolumeChangeCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
+        onWaiting?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
+        onWaitingCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
+        onAuxClick?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
+        onAuxClickCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
+        onClick?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
+        onClickCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
+        onContextMenu?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
+        onContextMenuCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
+        onDoubleClick?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
+        onDoubleClickCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
+        onDrag?: react.DragEventHandler<HTMLParagraphElement> | undefined;
+        onDragCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
+        onDragEnd?: react.DragEventHandler<HTMLParagraphElement> | undefined;
+        onDragEndCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
+        onDragEnter?: react.DragEventHandler<HTMLParagraphElement> | undefined;
+        onDragEnterCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
+        onDragExit?: react.DragEventHandler<HTMLParagraphElement> | undefined;
+        onDragExitCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
+        onDragLeave?: react.DragEventHandler<HTMLParagraphElement> | undefined;
+        onDragLeaveCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
+        onDragOver?: react.DragEventHandler<HTMLParagraphElement> | undefined;
+        onDragOverCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
+        onDragStart?: react.DragEventHandler<HTMLParagraphElement> | undefined;
+        onDragStartCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
+        onDrop?: react.DragEventHandler<HTMLParagraphElement> | undefined;
+        onDropCapture?: react.DragEventHandler<HTMLParagraphElement> | undefined;
+        onMouseDown?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
+        onMouseDownCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
+        onMouseEnter?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
+        onMouseLeave?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
+        onMouseMove?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
+        onMouseMoveCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
+        onMouseOut?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
+        onMouseOutCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
+        onMouseOver?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
+        onMouseOverCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
+        onMouseUp?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
+        onMouseUpCapture?: react.MouseEventHandler<HTMLParagraphElement> | undefined;
+        onSelect?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
+        onSelectCapture?: react.ReactEventHandler<HTMLParagraphElement> | undefined;
+        onTouchCancel?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
+        onTouchCancelCapture?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
+        onTouchEnd?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
+        onTouchEndCapture?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
+        onTouchMove?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
+        onTouchMoveCapture?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
+        onTouchStart?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
+        onTouchStartCapture?: react.TouchEventHandler<HTMLParagraphElement> | undefined;
+        onPointerDown?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
+        onPointerDownCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
+        onPointerMove?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
+        onPointerMoveCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
+        onPointerUp?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
+        onPointerUpCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
+        onPointerCancel?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
+        onPointerCancelCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
+        onPointerEnter?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
+        onPointerLeave?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
+        onPointerOver?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
+        onPointerOverCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
+        onPointerOut?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
+        onPointerOutCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
+        onGotPointerCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
+        onGotPointerCaptureCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
+        onLostPointerCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
+        onLostPointerCaptureCapture?: react.PointerEventHandler<HTMLParagraphElement> | undefined;
+        onScroll?: react.UIEventHandler<HTMLParagraphElement> | undefined;
+        onScrollCapture?: react.UIEventHandler<HTMLParagraphElement> | undefined;
+        onScrollEnd?: react.UIEventHandler<HTMLParagraphElement> | undefined;
+        onScrollEndCapture?: react.UIEventHandler<HTMLParagraphElement> | undefined;
+        onWheel?: react.WheelEventHandler<HTMLParagraphElement> | undefined;
+        onWheelCapture?: react.WheelEventHandler<HTMLParagraphElement> | undefined;
+        onAnimationStart?: react.AnimationEventHandler<HTMLParagraphElement> | undefined;
+        onAnimationStartCapture?: react.AnimationEventHandler<HTMLParagraphElement> | undefined;
+        onAnimationEnd?: react.AnimationEventHandler<HTMLParagraphElement> | undefined;
+        onAnimationEndCapture?: react.AnimationEventHandler<HTMLParagraphElement> | undefined;
+        onAnimationIteration?: react.AnimationEventHandler<HTMLParagraphElement> | undefined;
+        onAnimationIterationCapture?: react.AnimationEventHandler<HTMLParagraphElement> | undefined;
+        onToggle?: react.ToggleEventHandler<HTMLParagraphElement> | undefined;
+        onBeforeToggle?: react.ToggleEventHandler<HTMLParagraphElement> | undefined;
+        onTransitionCancel?: react.TransitionEventHandler<HTMLParagraphElement> | undefined;
+        onTransitionCancelCapture?: react.TransitionEventHandler<HTMLParagraphElement> | undefined;
+        onTransitionEnd?: react.TransitionEventHandler<HTMLParagraphElement> | undefined;
+        onTransitionEndCapture?: react.TransitionEventHandler<HTMLParagraphElement> | undefined;
+        onTransitionRun?: react.TransitionEventHandler<HTMLParagraphElement> | undefined;
+        onTransitionRunCapture?: react.TransitionEventHandler<HTMLParagraphElement> | undefined;
+        onTransitionStart?: react.TransitionEventHandler<HTMLParagraphElement> | undefined;
+        onTransitionStartCapture?: react.TransitionEventHandler<HTMLParagraphElement> | undefined;
     }) => react_jsx_runtime.JSX.Element;
+    Error: ({ children, className, errors, ...rest }: react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & {
+        errors?: readonly (string | {
+            message?: string;
+        } | undefined)[];
+    }) => react_jsx_runtime.JSX.Element | null;
     TextInput: ({ ref, ...props }: {
         content?: string | undefined | undefined;
         size?: number | undefined | undefined;
         translate?: "yes" | "no" | undefined | undefined;
-        prefix?: ReactNode;
+        prefix?: react.ReactNode;
         id?: string | undefined | undefined;
         name?: string | undefined | undefined;
         popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
@@ -3059,7 +3427,7 @@ declare const FormGroup: {
         "aria-valuemin"?: number | undefined | undefined;
         "aria-valuenow"?: number | undefined | undefined;
         "aria-valuetext"?: string | undefined | undefined;
-        children?: ReactNode;
+        children?: react.ReactNode;
         dangerouslySetInnerHTML?: {
             __html: string | TrustedHTML;
         } | undefined | undefined;
@@ -3257,11 +3625,11 @@ declare const FormGroup: {
         placeholder?: string | undefined | undefined;
         readOnly?: boolean | undefined | undefined;
         onValueBlur?: ((value: string) => void) | undefined;
-        sizing?: "small" | "medium" | "default" | null | undefined;
+        sizing?: "medium" | "small" | "default" | null | undefined;
         focusVariant?: "off" | "on" | "default" | null | undefined;
-        rightSuffix?: ReactNode;
+        rightSuffix?: react.ReactNode;
         rightSuffixVariant?: "addon" | "default" | undefined;
-        leftSuffix?: ReactNode;
+        leftSuffix?: react.ReactNode;
         allowClear?: boolean | undefined;
         onClear?: (() => void) | undefined;
         testId?: string | undefined;
@@ -3272,7 +3640,7 @@ declare const FormGroup: {
         content?: string | undefined | undefined;
         size?: number | undefined | undefined;
         translate?: "yes" | "no" | undefined | undefined;
-        prefix?: ReactNode;
+        prefix?: react.ReactNode;
         id?: string | undefined | undefined;
         name?: string | undefined | undefined;
         popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
@@ -3384,7 +3752,7 @@ declare const FormGroup: {
         "aria-valuemin"?: number | undefined | undefined;
         "aria-valuenow"?: number | undefined | undefined;
         "aria-valuetext"?: string | undefined | undefined;
-        children?: ReactNode;
+        children?: react.ReactNode;
         dangerouslySetInnerHTML?: {
             __html: string | TrustedHTML;
         } | undefined | undefined;
@@ -3583,9 +3951,9 @@ declare const FormGroup: {
         placeholder?: string | undefined | undefined;
         readOnly?: boolean | undefined | undefined;
         onValueBlur?: ((value: number | null) => void) | undefined;
-        sizing?: "small" | "medium" | "default" | null | undefined;
+        sizing?: "medium" | "small" | "default" | null | undefined;
         focusVariant?: "off" | "on" | "default" | null | undefined;
-        suffix?: ReactNode;
+        suffix?: react.ReactNode;
     } & {
         ref?: react.Ref<react.ElementRef<"input">>;
     }) => react_jsx_runtime.JSX.Element;
@@ -3705,7 +4073,7 @@ declare const FormGroup: {
         "aria-valuemin"?: number | undefined | undefined;
         "aria-valuenow"?: number | undefined | undefined;
         "aria-valuetext"?: string | undefined | undefined;
-        children?: ReactNode;
+        children?: react.ReactNode;
         dangerouslySetInnerHTML?: {
             __html: string | TrustedHTML;
         } | undefined | undefined;
@@ -3905,7 +4273,7 @@ declare const FormGroup: {
         placeholder?: string | undefined | undefined;
         readOnly?: boolean | undefined | undefined;
         onValueBlur?: ((value: string) => void) | undefined;
-        sizing?: "small" | "medium" | "default" | null | undefined;
+        sizing?: "medium" | "small" | "default" | null | undefined;
         focusVariant?: "off" | "on" | "default" | null | undefined;
         allowClear?: boolean | undefined;
     } & {
@@ -3921,7 +4289,7 @@ declare const FormGroup: {
         variant?: "primary" | "secondary" | null | undefined;
         form?: string | undefined | undefined;
         slot?: string | undefined | undefined;
-        style?: (Omit<react.CSSProperties, "maxHeight" | "minHeight"> & {
+        style?: (Omit<react.CSSProperties, "minHeight" | "maxHeight"> & {
             height?: number;
         }) | undefined;
         title?: string | undefined | undefined;
@@ -4027,7 +4395,7 @@ declare const FormGroup: {
         "aria-valuemin"?: number | undefined | undefined;
         "aria-valuenow"?: number | undefined | undefined;
         "aria-valuetext"?: string | undefined | undefined;
-        children?: ReactNode;
+        children?: react.ReactNode;
         dangerouslySetInnerHTML?: {
             __html: string | TrustedHTML;
         } | undefined | undefined;
@@ -4217,56 +4585,52 @@ declare const FormGroup: {
         cacheMeasurements?: boolean | undefined;
         onValueBlur?: (((value: string) => void) & ((value: string) => void)) | undefined;
         disableResize?: boolean | undefined;
-        sizing?: "small" | "medium" | "default" | null | undefined;
+        sizing?: "medium" | "small" | "default" | null | undefined;
         focusVariant?: "off" | "on" | "default" | null | undefined;
         containerClassName?: string | undefined;
     }) => react_jsx_runtime.JSX.Element;
 };
 
 declare const helpVariants: (props?: ({
-    state?: "warning" | "default" | "error" | null | undefined;
+    state?: "warning" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type Props$I = {
-    className?: string;
-    children?: ReactNode;
-    testId?: string;
-} & VariantProps<typeof helpVariants>;
-declare const HelpBlock: ({ children, className, state, testId }: Props$I) => react_jsx_runtime.JSX.Element | null;
+type Props$J = ComponentPropsWithRef<'p'> & VariantProps<typeof helpVariants>;
+declare const HelpBlock: ({ children, className, state, ...rest }: Props$J) => react_jsx_runtime.JSX.Element | null;
 
 type AnswerItem = {
     question: string;
     answer?: string;
 };
 type Variant$5 = 'success' | 'dismissed';
-type Props$H = {
+type Props$I = {
     items: readonly AnswerItem[];
     variant?: Variant$5;
     noAnswerLabel?: string;
 };
-declare const AnswerSummary: ({ items, variant, noAnswerLabel, }: Props$H) => react_jsx_runtime.JSX.Element;
+declare const AnswerSummary: ({ items, variant, noAnswerLabel, }: Props$I) => react_jsx_runtime.JSX.Element;
 
 type Variant$4 = 'success' | 'error' | 'processing' | 'dismissed';
-type Props$G = {
+type Props$H = {
     isExpanded: boolean;
     onToggle: () => void;
     label: ReactNode;
     variant?: Variant$4;
 };
-declare const CollapsibleStepHeader: ({ isExpanded, onToggle, label, variant, }: Props$G) => react_jsx_runtime.JSX.Element;
+declare const CollapsibleStepHeader: ({ isExpanded, onToggle, label, variant, }: Props$H) => react_jsx_runtime.JSX.Element;
 
-type Props$F = {
+type Props$G = {
     children: ReactNode;
 };
-declare const InlineStepDetail: ({ children }: Props$F) => react_jsx_runtime.JSX.Element;
+declare const InlineStepDetail: ({ children }: Props$G) => react_jsx_runtime.JSX.Element;
 
 type Variant$3 = 'processing' | 'success' | 'error' | 'dismissed';
-type Props$E = {
+type Props$F = {
     variant: Variant$3;
     children: ReactNode;
 };
-declare const InlineStepLabel: ({ variant, children }: Props$E) => react_jsx_runtime.JSX.Element;
+declare const InlineStepLabel: ({ variant, children }: Props$F) => react_jsx_runtime.JSX.Element;
 
-type Props$D = {
+type Props$E = {
     /** Markdown source (GFM: tables, task lists, strikethrough, autolinks). Tables
      *  render through the design `Table`; fenced ```mermaid blocks render via
      *  `MermaidDiagram`; other fenced blocks get a hover copy button. */
@@ -4278,9 +4642,9 @@ type Props$D = {
  * `MessageBubble` to render an assistant message body. Code blocks expose a
  * copy button, so mount a `TooltipProvider` once at the app root.
  */
-declare const Markdown: ({ children, className }: Props$D) => react_jsx_runtime.JSX.Element;
+declare const Markdown: ({ children, className }: Props$E) => react_jsx_runtime.JSX.Element;
 
-type Props$C = {
+type Props$D = {
     user?: {
         name: string | undefined;
         email: string | undefined;
@@ -4290,17 +4654,17 @@ type Props$C = {
     size?: number;
     variant?: 'circle' | 'rounded';
 } & ComponentProps<'span'>;
-declare const Avatar: ({ ref, user, fallback, size, className, variant, ...props }: Props$C & {
+declare const Avatar: ({ ref, user, fallback, size, className, variant, ...props }: Props$D & {
     ref?: Ref<ElementRef<"span">>;
 }) => react_jsx_runtime.JSX.Element;
 
-type Props$B = {
+type Props$C = {
     variant: 'user' | 'assistant';
     user?: ComponentProps<typeof Avatar>['user'];
     actions?: ReactNode;
     createdAt?: string;
 } & PropsWithChildren;
-declare const MessageBubble: ({ variant, children, user, actions, createdAt }: Props$B) => react_jsx_runtime.JSX.Element;
+declare const MessageBubble: ({ variant, children, user, actions, createdAt }: Props$C) => react_jsx_runtime.JSX.Element;
 
 type PlanApprovalStatus = 'pending' | 'approved' | 'dismissed' | 'changes-requested';
 type PlanApprovalProps = {
@@ -4348,17 +4712,17 @@ type PromptCommand = {
 };
 
 type SubmitStatus = 'submitted' | 'ready' | 'streaming' | 'interrupted';
-type Props$A = Pick<ComponentProps<typeof Button>, 'disabled'> & {
+type Props$B = Pick<ComponentProps<typeof Button>, 'disabled'> & {
     status?: SubmitStatus;
 };
-declare const PromptInputSubmit: ({ ref, disabled, status, }: Props$A & {
+declare const PromptInputSubmit: ({ ref, disabled, status, }: Props$B & {
     ref?: Ref<ElementRef<"button">>;
 }) => react_jsx_runtime.JSX.Element;
 
 declare const promptInputVariants: (props?: ({
     variant?: "inline" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type Props$z = {
+type Props$A = {
     onSend?: (value: string) => void;
     onAbort?: () => void;
     onContinue?: () => void;
@@ -4372,7 +4736,7 @@ type Props$z = {
     commands?: PromptCommand[];
 } & VariantProps<typeof promptInputVariants> & Pick<ComponentProps<typeof react_textarea_autosize__default>, 'placeholder' | 'minRows' | 'maxRows' | 'disabled' | 'defaultValue' | 'autoFocus'> & ComponentProps<typeof PromptInputSubmit>;
 declare const PromptInput: {
-    ({ onSend, onAbort, onContinue, prefix, variant, suffix, disabled, disableSubmit, value, onValueChange, status, maxRows, minRows, commands, ...textareaProps }: Props$z): react_jsx_runtime.JSX.Element;
+    ({ onSend, onAbort, onContinue, prefix, variant, suffix, disabled, disableSubmit, value, onValueChange, status, maxRows, minRows, commands, ...textareaProps }: Props$A): react_jsx_runtime.JSX.Element;
     Action: ({ ref, onMouseDown, ...rest }: react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> & {
         ref?: react.Ref<ElementRef<"button">>;
     }) => react_jsx_runtime.JSX.Element;
@@ -4384,7 +4748,7 @@ type QuestionOption = {
     description?: string;
     preview?: string;
 };
-type Props$y = {
+type Props$z = {
     question: string;
     header?: string;
     options: readonly QuestionOption[];
@@ -4407,7 +4771,7 @@ type Props$y = {
     renderPreview?: (content: string) => ReactNode;
     className?: string;
 };
-declare const Question: ({ question, header, options, multiSelect, selectedOptionIds, onSelectionChange, customAnswer, onCustomAnswerChange, onCustomAnswerConfirm, showCustomAnswer, customAnswerPlaceholder, showSkip, onSkip, onClose, onNext, submitTooltip, onPrevious, currentStep, totalSteps, renderPreview, className, }: Props$y) => react_jsx_runtime.JSX.Element;
+declare const Question: ({ question, header, options, multiSelect, selectedOptionIds, onSelectionChange, customAnswer, onCustomAnswerChange, onCustomAnswerConfirm, showCustomAnswer, customAnswerPlaceholder, showSkip, onSkip, onClose, onNext, submitTooltip, onPrevious, currentStep, totalSteps, renderPreview, className, }: Props$z) => react_jsx_runtime.JSX.Element;
 
 type QuestionStep = {
     question: string;
@@ -4421,7 +4785,7 @@ type QuestionAnswers = {
     selections: Record<number, readonly string[]>;
     customAnswers: Record<number, string>;
 };
-type Props$x = {
+type Props$y = {
     steps: readonly [QuestionStep, ...QuestionStep[]];
     showSkip?: boolean;
     onSubmit?: (answers: QuestionAnswers) => void;
@@ -4429,16 +4793,16 @@ type Props$x = {
     renderPreview?: (content: string) => ReactNode;
     className?: string;
 };
-declare const QuestionBlock: ({ steps, showSkip, onSubmit, onClose, renderPreview, className, }: Props$x) => react_jsx_runtime.JSX.Element;
+declare const QuestionBlock: ({ steps, showSkip, onSubmit, onClose, renderPreview, className, }: Props$y) => react_jsx_runtime.JSX.Element;
 
-type Props$w = {
+type Props$x = {
     label: string;
     disabled?: boolean;
     onClick: () => void;
     icon?: ReactNode;
     className?: string;
 };
-declare const SuggestedPrompt: ({ label, disabled, onClick, icon, className }: Props$w) => react_jsx_runtime.JSX.Element;
+declare const SuggestedPrompt: ({ label, disabled, onClick, icon, className }: Props$x) => react_jsx_runtime.JSX.Element;
 
 type ThinkingIndicatorProps = {
     label?: string;
@@ -4497,7 +4861,7 @@ type ToolCallChipProps = {
  */
 declare const ToolCallChip: ({ label, state, icon, trailing, onClick, className, }: ToolCallChipProps) => react_jsx_runtime.JSX.Element;
 
-type Props$v = {
+type Props$w = {
     value: number;
     alert?: boolean;
     children: ReactNode;
@@ -4511,19 +4875,19 @@ type Props$v = {
     side?: ComponentProps<typeof HoverCard.Content>['side'];
     sideOffset?: ComponentProps<typeof HoverCard.Content>['sideOffset'];
 };
-declare const UsageStats: ({ value, alert, children, className, ariaLabel, align, side, sideOffset, }: Props$v) => react_jsx_runtime.JSX.Element;
+declare const UsageStats: ({ value, alert, children, className, ariaLabel, align, side, sideOffset, }: Props$w) => react_jsx_runtime.JSX.Element;
 
-type Props$u = {
+type Props$v = {
     value: number;
     size?: number;
     strokeWidth?: number;
     className?: string;
 };
-declare const UsageStatsRing: ({ value, size, strokeWidth, className }: Props$u) => react_jsx_runtime.JSX.Element;
+declare const UsageStatsRing: ({ value, size, strokeWidth, className }: Props$v) => react_jsx_runtime.JSX.Element;
 
-type Props$t = ComponentProps<typeof Root$9>;
+type Props$u = ComponentProps<typeof Root$9>;
 declare const Collapsible: {
-    (props: Props$t): react_jsx_runtime.JSX.Element;
+    (props: Props$u): react_jsx_runtime.JSX.Element;
     Trigger: react.ForwardRefExoticComponent<_radix_ui_react_collapsible.CollapsibleTriggerProps & react.RefAttributes<HTMLButtonElement>>;
     Content: ({ ref, className, children, ...props }: Omit<_radix_ui_react_collapsible.CollapsibleContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
         ref?: react.Ref<react.ElementRef<react.ForwardRefExoticComponent<_radix_ui_react_collapsible.CollapsibleContentProps & react.RefAttributes<HTMLDivElement>>>>;
@@ -4531,10 +4895,10 @@ declare const Collapsible: {
 };
 
 type Variant$2 = 'info' | 'warning' | 'error' | 'success';
-type Props$s = {
+type Props$t = {
     variant?: Variant$2;
 } & ComponentProps<'div'>;
-declare const AlertRoot: ({ ref, children, className, variant, ...rest }: Props$s & {
+declare const AlertRoot: ({ ref, children, className, variant, ...rest }: Props$t & {
     ref?: Ref<ElementRef<"div">>;
 }) => react_jsx_runtime.JSX.Element;
 
@@ -4559,7 +4923,7 @@ type DefaultProps = {
  * `"collapsible"` requires `title` + `children` (no `actions`) and renders a collapsible disclosure.
  * `variant` (`info` | `success` | `warning` | `error`) is a categorical colour contract.
  */
-type Props$r = CommonProps & (CollapsibleProps | DefaultProps);
+type Props$s = CommonProps & (CollapsibleProps | DefaultProps);
 /**
  * Persistent inline banner for contextual messages tied to the page layout.
  *
@@ -4573,13 +4937,13 @@ type Props$r = CommonProps & (CollapsibleProps | DefaultProps);
  *
  * @see RECIPES.md#alert-with-action — for action-bearing alert composition
  */
-declare const Alert: ({ title, variant, children, hideIcon, icon, className, actions, mode, defaultOpen, open: openProp, onOpenChange: onOpenChangeProp, ...rest }: Props$r) => react_jsx_runtime.JSX.Element;
+declare const Alert: ({ title, variant, children, hideIcon, icon, className, actions, mode, defaultOpen, open: openProp, onOpenChange: onOpenChangeProp, ...rest }: Props$s) => react_jsx_runtime.JSX.Element;
 
 declare const variants$1: (props?: ({
     variant?: "success" | "warning" | "info" | "default" | "error" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type Variants = VariantProps<typeof variants$1>;
-type Props$q = {
+type Props$r = {
     id: string | number;
     title: ReactNode;
     icon?: ReactNode;
@@ -4588,7 +4952,7 @@ type Props$q = {
     loading?: boolean;
     duration?: number;
 } & Variants;
-declare const ToastRoot: ({ id, title, description, action, duration, variant, loading, icon: iconProp, }: Props$q) => react_jsx_runtime.JSX.Element;
+declare const ToastRoot: ({ id, title, description, action, duration, variant, loading, icon: iconProp, }: Props$r) => react_jsx_runtime.JSX.Element;
 
 type ToastProps = ComponentProps<typeof ToastRoot>;
 type Title = ToastProps['title'] | ((opts: {
@@ -4609,7 +4973,7 @@ declare const toast: {
     dismissAll(): string | number;
 };
 
-type Props$p = {
+type Props$q = {
     enabled?: boolean;
 } & Parameters<typeof toast>[0];
 /**
@@ -4622,22 +4986,22 @@ type Props$p = {
  * Use `toast()` for transient feedback after a user action
  * (e.g., "Saved", "Copied", "Deleted") that auto-dismisses after a few seconds.
  */
-declare const useNotification: ({ enabled, ...toastOptions }: Props$p) => void;
+declare const useNotification: ({ enabled, ...toastOptions }: Props$q) => void;
 
 type ToasterProps = ComponentProps<typeof Toaster$1>;
 declare const Toaster: ({ gap, visibleToasts, ...props }: ToasterProps) => react_jsx_runtime.JSX.Element;
 
-type Props$o = {
+type Props$p = {
     children?: ReactNode;
 };
-declare const EmptySearchContent: ({ children }: Props$o) => react_jsx_runtime.JSX.Element;
+declare const EmptySearchContent: ({ children }: Props$p) => react_jsx_runtime.JSX.Element;
 
-type Props$n = {
+type Props$o = {
     title: string;
     children: ReactNode;
     className?: string;
 };
-declare const EmptyConfigurationActionCard: ({ title, children, className }: Props$n) => react_jsx_runtime.JSX.Element;
+declare const EmptyConfigurationActionCard: ({ title, children, className }: Props$o) => react_jsx_runtime.JSX.Element;
 
 declare const emptyStateClassnames: (props?: ({
     variant?: "compact" | "default" | null | undefined;
@@ -4777,8 +5141,8 @@ declare const variants: (props?: ({
     variant?: "success" | "default" | null | undefined;
     size?: "sm" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type Props$m = ComponentProps<typeof Root$a> & VariantProps<typeof variants>;
-declare const Progress: ({ ref, className, value, variant, size, ...props }: Props$m & {
+type Props$n = ComponentProps<typeof Root$a> & VariantProps<typeof variants>;
+declare const Progress: ({ ref, className, value, variant, size, ...props }: Props$n & {
     ref?: Ref<ElementRef<typeof Root$a>>;
 }) => react_jsx_runtime.JSX.Element;
 
@@ -4796,7 +5160,7 @@ type CollapseProps = {
 /** @deprecated Use `Collapsible` instead. */
 declare const Collapse: ({ open, header, className, bodyClassName, children, onClick, animationClassName, hidden, ...rest }: CollapseProps & ComponentProps<"div">) => react_jsx_runtime.JSX.Element;
 
-type Props$l = {
+type Props$m = {
     header: ReactNode;
     isDisabled?: boolean;
     defaultExpanded?: boolean;
@@ -4808,16 +5172,16 @@ type Props$l = {
     variant?: 'default' | 'white';
     children: ReactNode;
 };
-declare const CollapsiblePanel: ({ header, className, bodyClassName, headerClassName, defaultExpanded, isDisabled, children, isOpen, onToggle, variant, }: Props$l) => react_jsx_runtime.JSX.Element;
+declare const CollapsiblePanel: ({ header, className, bodyClassName, headerClassName, defaultExpanded, isDisabled, children, isOpen, onToggle, variant, }: Props$m) => react_jsx_runtime.JSX.Element;
 
-type Props$k = PropsWithChildren<{
+type Props$l = PropsWithChildren<{
     defaultExpanded?: boolean;
     labelCollapse?: ReactNode;
     labelOpen?: ReactNode;
     placement?: 'top' | 'bottom';
     className?: string;
 }>;
-declare const PanelWithDetails: ({ defaultExpanded, labelCollapse, labelOpen, placement, children, }: Props$k) => react_jsx_runtime.JSX.Element;
+declare const PanelWithDetails: ({ defaultExpanded, labelCollapse, labelOpen, placement, children, }: Props$l) => react_jsx_runtime.JSX.Element;
 
 type RootProps$1 = ComponentPropsWithoutRef<'div'>;
 type SlotProps = ComponentPropsWithoutRef<'div'> & {
@@ -5059,7 +5423,7 @@ declare const PageToolbar: (({ ref, className, children, ...props }: DivProps) =
     Clear: ({ className, children, ...props }: ActionProps) => react_jsx_runtime.JSX.Element;
 };
 
-type Props$j = {
+type Props$k = {
     /** `wordmark` (default, full logo) or `mark` (square icon); each falls back to the other. */
     variant?: 'mark' | 'wordmark';
     /** Sets the logo height; aspect ratio is preserved (e.g. `tw-h-7`). */
@@ -5069,7 +5433,7 @@ type Props$j = {
  * Renders the active brand's logo from the nearest `<ThemeProvider>`, or `null`
  * if the brand ships none. Inline SVG inherits `currentColor`; URLs use `<img>`.
  */
-declare const BrandLogo: ({ variant, className }: Props$j) => react_jsx_runtime.JSX.Element | null;
+declare const BrandLogo: ({ variant, className }: Props$k) => react_jsx_runtime.JSX.Element | null;
 
 declare const ResizableHandle: ({ className, ...props }: ComponentProps<typeof Separator$1>) => react_jsx_runtime.JSX.Element;
 
@@ -5081,7 +5445,7 @@ type SidebarState$1 = 'expanded' | 'collapsed';
 type SidebarCollapsible = 'icon' | 'off-canvas';
 type SidebarVariant = 'sided-floating' | 'inset' | 'floating' | 'none';
 
-type Props$i = {
+type Props$j = {
     children: ReactNode;
     className?: string;
     id?: string;
@@ -5092,7 +5456,7 @@ type Props$i = {
     resizable?: boolean;
 };
 declare const Sidebar: {
-    ({ children, className, id, side, style, container, keepMounted, resizable, }: Props$i): react_jsx_runtime.JSX.Element | null;
+    ({ children, className, id, side, style, container, keepMounted, resizable, }: Props$j): react_jsx_runtime.JSX.Element | null;
     Header: ({ className, children, ...props }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => react_jsx_runtime.JSX.Element;
     Content: ({ ref, className, children, contentRef, }: {
         className?: string;
@@ -5762,7 +6126,7 @@ declare const Sidebar: {
     }) => react_jsx_runtime.JSX.Element;
 };
 
-type Props$h = {
+type Props$i = {
     children?: ReactNode;
     defaultLeftMode?: SidebarMode;
     leftMode?: SidebarMode;
@@ -5780,7 +6144,7 @@ type Props$h = {
     onRightWidthChange?: (width: number) => void;
     defaultFilledSide?: SidebarSide | null;
 };
-declare const SidebarProvider: ({ children, defaultLeftMode, leftMode, onLeftModeChange, defaultRightMode, rightMode, onRightModeChange, leftCollapsible, leftVariant, leftWidth, rightCollapsible, rightVariant, rightWidth, onLeftWidthChange, onRightWidthChange, defaultFilledSide, }: Props$h) => react_jsx_runtime.JSX.Element;
+declare const SidebarProvider: ({ children, defaultLeftMode, leftMode, onLeftModeChange, defaultRightMode, rightMode, onRightModeChange, leftCollapsible, leftVariant, leftWidth, rightCollapsible, rightVariant, rightWidth, onLeftWidthChange, onRightWidthChange, defaultFilledSide, }: Props$i) => react_jsx_runtime.JSX.Element;
 
 type Input = {
     variant: SidebarVariant;
@@ -5796,12 +6160,12 @@ type EffectiveWidths = {
 };
 declare const calcEffectiveWidths: ({ variant, width: customWidth, collapsible, state, mode, }: Input) => EffectiveWidths;
 
-type Props$g = {
+type Props$h = {
     defaultMode?: SidebarMode;
     mode?: SidebarMode;
     onModeChange?: (state: SidebarMode) => void;
 };
-declare const useSidebarState: ({ defaultMode, mode: modeProp, onModeChange }: Props$g) => {
+declare const useSidebarState: ({ defaultMode, mode: modeProp, onModeChange }: Props$h) => {
     isHovered: boolean;
     toggle: () => void;
     setMode: (dispatch: Parameters<react.Dispatch<react.SetStateAction<"expanded" | "collapsed" | "expand-on-hover">>>[0]) => void;
@@ -5831,7 +6195,7 @@ declare const separatorVariants: (props?: ({
     size?: "full" | "1/2" | "3/4" | null | undefined;
     orientation?: "horizontal" | "vertical" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type Props$f = VariantProps<typeof separatorVariants> & Omit<ComponentProps<typeof RSeparator.Root>, 'decorative'> & {
+type Props$g = VariantProps<typeof separatorVariants> & Omit<ComponentProps<typeof RSeparator.Root>, 'decorative'> & {
     /**
      * Optional label rendered centered between two line segments
      * (typical "OR" divider). Implies `orientation="horizontal"`.
@@ -5839,12 +6203,12 @@ type Props$f = VariantProps<typeof separatorVariants> & Omit<ComponentProps<type
      */
     label?: ReactNode;
 };
-declare const Separator: ({ className, orientation, size, label, ...props }: Props$f) => react_jsx_runtime.JSX.Element;
+declare const Separator: ({ className, orientation, size, label, ...props }: Props$g) => react_jsx_runtime.JSX.Element;
 
 declare const navbarClassnames: (props?: ({
     bordered?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type Props$e = ComponentProps<'nav'> & VariantProps<typeof navbarClassnames> & {
+type Props$f = ComponentProps<'nav'> & VariantProps<typeof navbarClassnames> & {
     accent?: 'blue' | 'purple' | 'green' | 'orange';
 };
 /**
@@ -5862,7 +6226,7 @@ type Props$e = ComponentProps<'nav'> & VariantProps<typeof navbarClassnames> & {
  * @see AppShell — pair with `AppShell.Header`; the sidebar rail uses `Sidebar` instead.
  */
 declare const Navbar: {
-    ({ className, accent, bordered, ...rest }: Props$e): react_jsx_runtime.JSX.Element;
+    ({ className, accent, bordered, ...rest }: Props$f): react_jsx_runtime.JSX.Element;
     Header: ({ children, className, ...rest }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => react_jsx_runtime.JSX.Element;
     Footer: ({ children, className, ...rest }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => react_jsx_runtime.JSX.Element;
     Content: ({ children, className }: {
@@ -5896,9 +6260,9 @@ declare const Navbar: {
     }) => react_jsx_runtime.JSX.Element;
 };
 
-type Props$d = ComponentProps<'nav'>;
+type Props$e = ComponentProps<'nav'>;
 declare const Breadcrumb: {
-    ({ className, ...props }: Props$d): react_jsx_runtime.JSX.Element;
+    ({ className, ...props }: Props$e): react_jsx_runtime.JSX.Element;
     List: ({ className, ...props }: react.DetailedHTMLProps<react.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>) => react_jsx_runtime.JSX.Element;
     Item: ({ className, ...props }: react.DetailedHTMLProps<react.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>) => react_jsx_runtime.JSX.Element;
     Link: ({ ref, asChild, className, ...props }: (react.ClassAttributes<HTMLAnchorElement> & react.AnchorHTMLAttributes<HTMLAnchorElement> & {
@@ -5921,7 +6285,7 @@ declare const Breadcrumb: {
             open?: boolean;
             defaultOpen?: boolean;
             onOpenChange?: (open: boolean) => void;
-            size?: "small" | "medium" | "large";
+            size?: "medium" | "small" | "large";
             filter?: boolean;
             shouldFilter?: boolean;
             searchValue?: string;
@@ -5954,7 +6318,7 @@ type Trigger<T extends string> = {
     title: ReactNode;
     onClose?: (value: T) => void;
 } & Omit<RadixTabs.TabsTriggerProps, 'title' | 'asChild'>;
-type Props$c<T extends string> = {
+type Props$d<T extends string> = {
     triggers: readonly Trigger<T>[];
     compact?: boolean;
     children: ReactNode;
@@ -5965,7 +6329,7 @@ type Props$c<T extends string> = {
     triggerClassName?: string;
     triggerGroupClassName?: string;
 } & Omit<RadixTabs.TabsProps, 'onValueChange'>;
-declare const Tabs: <T extends string>({ triggers, compact, children, defaultValue, onValueChange, rootClassName, listClassName, triggerClassName, triggerGroupClassName, ...rest }: Props$c<T>) => react_jsx_runtime.JSX.Element;
+declare const Tabs: <T extends string>({ triggers, compact, children, defaultValue, onValueChange, rootClassName, listClassName, triggerClassName, triggerGroupClassName, ...rest }: Props$d<T>) => react_jsx_runtime.JSX.Element;
 
 declare const TabsContent: (props: RadixTabs.TabsContentProps) => react_jsx_runtime.JSX.Element;
 
@@ -5982,7 +6346,7 @@ declare const stepperVariants: (props?: ({
     orientation?: "horizontal" | "vertical" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
-type Props$b = {
+type Props$c = {
     /** Layout direction. Defaults to `horizontal`. */
     orientation?: StepperOrientation;
     /**
@@ -6004,7 +6368,7 @@ type Props$b = {
  * otherwise the stepper is visual only. Each step's `status` prop drives the indicator + connector colour.
  */
 declare const Stepper: {
-    ({ orientation, onStepClick, children, className, ...props }: Props$b): react_jsx_runtime.JSX.Element;
+    ({ orientation, onStepClick, children, className, ...props }: Props$c): react_jsx_runtime.JSX.Element;
     Step: ({ status, children, className, ...props }: {
         status?: StepStatus;
         children: ReactNode;
@@ -6019,22 +6383,24 @@ declare const Stepper: {
 
 declare const cardClassnames: (props?: ({
     bordered?: boolean | null | undefined;
-    padding?: "none" | "small" | "medium" | "large" | null | undefined;
+    padding?: "none" | "medium" | "small" | "large" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
-type Props$a = HTMLAttributes<HTMLDivElement> & VariantProps<typeof cardClassnames>;
+type Props$b = HTMLAttributes<HTMLDivElement> & VariantProps<typeof cardClassnames>;
 declare const Card: {
-    ({ children, className, bordered, padding, ...rest }: Props$a): react_jsx_runtime.JSX.Element;
+    ({ children, className, bordered, padding, ...rest }: Props$b): react_jsx_runtime.JSX.Element;
     Header: ({ children, ...rest }: HTMLAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
     Content: ({ children, ...rest }: HTMLAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
-    Title: ({ children, className, ...rest }: HTMLAttributes<HTMLHeadingElement>) => react_jsx_runtime.JSX.Element;
+    Title: ({ children, className, as: Tag, ...rest }: HTMLAttributes<HTMLHeadingElement> & {
+        as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+    }) => react_jsx_runtime.JSX.Element;
 };
 
 /**
  * Props for `Table`. `borderCollapsed` toggles standard collapsed borders vs separate row spacing;
  * `bordered` wraps the table in a rounded bordered container with overflow scrolling.
  */
-type Props$9 = {
+type Props$a = {
     borderCollapsed?: boolean;
     bordered?: boolean;
     containerClassName?: string;
@@ -6053,7 +6419,7 @@ type Props$9 = {
  * @see RECIPES.md#list-detail — for a list-table + row-click-to-detail pattern
  */
 declare const Table: {
-    ({ borderCollapsed, bordered, containerClassName, className, ...props }: Props$9): react_jsx_runtime.JSX.Element;
+    ({ borderCollapsed, bordered, containerClassName, className, ...props }: Props$a): react_jsx_runtime.JSX.Element;
     Header: ({ withShadow, className, ...props }: {
         withShadow?: boolean;
     } & ComponentProps<"thead">) => react_jsx_runtime.JSX.Element;
@@ -6068,11 +6434,11 @@ declare const Table: {
     Footer: ({ className, ...props }: ComponentProps<"tfoot">) => react_jsx_runtime.JSX.Element;
 };
 
-type Props$8 = ComponentProps<'ul'> & {
+type Props$9 = ComponentProps<'ul'> & {
     variant?: 'solid' | 'dashed';
 };
 declare const Timeline: {
-    ({ className, variant, ...rest }: Props$8): react_jsx_runtime.JSX.Element;
+    ({ className, variant, ...rest }: Props$9): react_jsx_runtime.JSX.Element;
     Item: ({ className, ...rest }: react.DetailedHTMLProps<react.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>) => react_jsx_runtime.JSX.Element;
     Content: ({ className, ...rest }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => react_jsx_runtime.JSX.Element;
     Connector: ({ className, children, asChild, variant, align, offset, style, ...rest }: {
@@ -6085,25 +6451,25 @@ declare const Timeline: {
     } & class_variance_authority_types.ClassProp) | undefined) => string>) => react_jsx_runtime.JSX.Element;
 };
 
-type Props$7 = {
+type Props$8 = {
     text: ReactNode;
     tooltip?: ReactNode;
     twoLines?: boolean;
     noTooltip?: boolean;
-    tooltipVariant?: Props$1L['variant'];
-    tooltipPlacement?: Props$1L['placement'];
+    tooltipVariant?: Props$1N['variant'];
+    tooltipPlacement?: Props$1N['placement'];
 } & Omit<ComponentPropsWithoutRef<'span'>, 'children'>;
-declare const Truncated: ({ ref, text, tooltip, className, twoLines, noTooltip, tooltipVariant, tooltipPlacement, ...rest }: Props$7 & {
+declare const Truncated: ({ ref, text, tooltip, className, twoLines, noTooltip, tooltipVariant, tooltipPlacement, ...rest }: Props$8 & {
     ref?: Ref<ElementRef<"span">>;
 }) => react_jsx_runtime.JSX.Element;
 
-type Props$6 = {
+type Props$7 = {
     source: string;
     className?: string;
     mark?: string;
     isCaseSensitive?: boolean;
 } & ComponentProps<'span'>;
-declare const MarkedText: ({ ref, source, mark, isCaseSensitive, ...spanProps }: Props$6 & {
+declare const MarkedText: ({ ref, source, mark, isCaseSensitive, ...spanProps }: Props$7 & {
     ref?: Ref<ElementRef<"span">>;
 }) => react_jsx_runtime.JSX.Element;
 
@@ -6111,9 +6477,9 @@ declare const kbdVariants: (props?: ({
     variant?: "primary" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
-type Props$5 = ComponentProps<'kbd'> & VariantProps<typeof kbdVariants>;
+type Props$6 = ComponentProps<'kbd'> & VariantProps<typeof kbdVariants>;
 declare const Kbd: {
-    ({ children, className, variant, ...rest }: Props$5): react_jsx_runtime.JSX.Element;
+    ({ children, className, variant, ...rest }: Props$6): react_jsx_runtime.JSX.Element;
     Group: ({ ref, className, children, separator, ...props }: ({
         separator?: string;
     } & react.ClassAttributes<HTMLElement> & react.HTMLAttributes<HTMLElement>) & {
@@ -6129,9 +6495,9 @@ type KeyRepresentation = {
 };
 declare const keys: Record<KeyName, KeyRepresentation>;
 
-type Props$4 = ComponentProps<'nav'>;
+type Props$5 = ComponentProps<'nav'>;
 declare const Pagination: {
-    ({ className, ...props }: Props$4): react_jsx_runtime.JSX.Element;
+    ({ className, ...props }: Props$5): react_jsx_runtime.JSX.Element;
     Content: ({ className, ...props }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLUListElement>, HTMLUListElement>) => react_jsx_runtime.JSX.Element;
     Item: ({ className, ...props }: react.DetailedHTMLProps<react.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>) => react_jsx_runtime.JSX.Element;
     Button: ({ ref, active: isActive, className, children, size, ...props }: ({
@@ -6142,7 +6508,7 @@ declare const Pagination: {
     } & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & class_variance_authority.VariantProps<(props?: ({
         block?: boolean | null | undefined;
         variant?: "primary" | "secondary" | "inline" | "danger" | "invisible" | "outline" | null | undefined;
-        size?: "small" | "medium" | "large" | "icon-lg" | "icon" | "icon-sm" | "icon-xs" | "icon-2xs" | "icon-3xs" | null | undefined;
+        size?: "medium" | "small" | "large" | "icon-lg" | "icon" | "icon-sm" | "icon-xs" | "icon-2xs" | "icon-3xs" | null | undefined;
     } & class_variance_authority_types.ClassProp) | undefined) => string> & {
         ref?: react.Ref<react.ElementRef<"button">>;
     }, "variant">) & {
@@ -6156,7 +6522,7 @@ declare const Pagination: {
     } & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & class_variance_authority.VariantProps<(props?: ({
         block?: boolean | null | undefined;
         variant?: "primary" | "secondary" | "inline" | "danger" | "invisible" | "outline" | null | undefined;
-        size?: "small" | "medium" | "large" | "icon-lg" | "icon" | "icon-sm" | "icon-xs" | "icon-2xs" | "icon-3xs" | null | undefined;
+        size?: "medium" | "small" | "large" | "icon-lg" | "icon" | "icon-sm" | "icon-xs" | "icon-2xs" | "icon-3xs" | null | undefined;
     } & class_variance_authority_types.ClassProp) | undefined) => string> & {
         ref?: react.Ref<react.ElementRef<"button">>;
     }, "variant"> & {
@@ -6170,7 +6536,7 @@ declare const Pagination: {
     } & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & class_variance_authority.VariantProps<(props?: ({
         block?: boolean | null | undefined;
         variant?: "primary" | "secondary" | "inline" | "danger" | "invisible" | "outline" | null | undefined;
-        size?: "small" | "medium" | "large" | "icon-lg" | "icon" | "icon-sm" | "icon-xs" | "icon-2xs" | "icon-3xs" | null | undefined;
+        size?: "medium" | "small" | "large" | "icon-lg" | "icon" | "icon-sm" | "icon-xs" | "icon-2xs" | "icon-3xs" | null | undefined;
     } & class_variance_authority_types.ClassProp) | undefined) => string> & {
         ref?: react.Ref<react.ElementRef<"button">>;
     }, "variant"> & {
@@ -6179,7 +6545,7 @@ declare const Pagination: {
     Ellipsis: ({ className, ...props }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>) => react_jsx_runtime.JSX.Element;
 };
 
-type Props$3 = {
+type Props$4 = {
     oldValue: string;
     newValue: string;
     ignoreWhitespace?: boolean;
@@ -6189,7 +6555,7 @@ type Props$3 = {
     rightTitle: ReactNode;
     rightTitleGutter?: ReactNode;
 };
-declare const DiffView: ({ leftTitle, leftTitleGutter, rightTitle, rightTitleGutter, oldValue, newValue, ignoreWhitespace, className, }: Props$3) => react_jsx_runtime.JSX.Element;
+declare const DiffView: ({ leftTitle, leftTitleGutter, rightTitle, rightTitleGutter, oldValue, newValue, ignoreWhitespace, className, }: Props$4) => react_jsx_runtime.JSX.Element;
 
 declare const DiffType: {
     readonly DEFAULT: "default";
@@ -6234,17 +6600,17 @@ type DiffRow = {
 declare const computeLineInformation: (oldString: string, newString: string, ignoreWhitespace?: boolean) => ComputedLineInformation;
 declare const computeDiffRows: (lineInformation: LineInformation[], diffLines: number[], expandedBlocks: number[]) => DiffRow[];
 
-type Props$2 = {
+type Props$3 = {
     label: string;
     sublabel?: string;
 };
-declare const PaneHeader: ({ label, sublabel }: Props$2) => react_jsx_runtime.JSX.Element;
+declare const PaneHeader: ({ label, sublabel }: Props$3) => react_jsx_runtime.JSX.Element;
 
-type Props$1 = {
+type Props$2 = {
     remainingConflicts: number;
     remainingSafeChanges: number;
 };
-declare const ConflictStatusIndicator: ({ remainingConflicts, remainingSafeChanges }: Props$1) => react_jsx_runtime.JSX.Element;
+declare const ConflictStatusIndicator: ({ remainingConflicts, remainingSafeChanges }: Props$2) => react_jsx_runtime.JSX.Element;
 
 declare const useMergeDiff: (baseText: string, leftText: string, rightText: string) => {
     mergeValue: string;
@@ -6268,13 +6634,43 @@ declare const useMergeDiff: (baseText: string, leftText: string, rightText: stri
     reset: () => void;
 };
 
+/**
+ * The a11y wiring `FieldItem` derives from the field and hands back to the control — spread it onto
+ * whatever element the field renders. Callers never author these attributes themselves.
+ */
+type FieldControlProps = {
+    id: string;
+    name: string;
+    'aria-required'?: true;
+    'aria-invalid'?: true;
+    'aria-describedby'?: string;
+};
+/** Which marker sits next to the label. Purely visual — `aria-required` is driven by `required`. */
+type RequiredMark = 'required' | 'optional' | 'hidden';
+type Props$1 = {
+    label?: ReactNode;
+    required?: boolean;
+    /**
+     * Which marker to show beside the label — gated by `required` so it never lies: `'required'`
+     * renders `*` only when the field is `required`; `'optional'` renders `(optional)` only when it
+     * is not; `'hidden'` renders neither. Defaults to `'required'`.
+     */
+    requiredMark?: RequiredMark;
+    help?: ReactNode;
+    tooltip?: ReactNode;
+    className?: string;
+    'aria-describedby'?: string;
+    children: (control: FieldControlProps) => ReactNode;
+};
+type FieldItemProps = Omit<Props$1, 'children'>;
+
 /**
  * Typed form hook + `withForm` binding for the design system.
  *
  * **When to use:** any form layout that has validation, server-side errors, or a submit state — pages,
  * modals, drawers, multi-step wizards. Use `useAppForm({ defaultValues, validators, onSubmit })` at the
  * top of the form component, then render the typed `field.TextField` / `field.NumberField` /
- * `field.PasswordField` / `field.TextAreaField` / `field.SelectField` / `field.CheckboxField` /
+ * `field.PasswordField` / `field.TextareaField` / `field.SelectField` / `field.CheckboxField` /
  * `field.SwitchField` connectors inside `form.AppForm` → `form.FormBody`. Submit via `form.SubmitButton`.
  * **When NOT to use:** for a single uncontrolled `<input>` use `TextInput` directly; for a bare label + input
  * pair without validation use `FormGroup` + `FormGroup.TextInput`.
@@ -6284,12 +6680,7 @@ declare const useMergeDiff: (baseText: string, leftText: string, rightText: stri
  * @see RECIPES.md#modal-form — for the canonical form-in-modal composition
  */
 declare const useAppForm: <TFormData, TOnMount extends _tanstack_react_form.FormValidateOrFn<TFormData> | undefined, TOnChange extends _tanstack_react_form.FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends _tanstack_react_form.FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends _tanstack_react_form.FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends _tanstack_react_form.FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends _tanstack_react_form.FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends _tanstack_react_form.FormAsyncValidateOrFn<TFormData> | undefined, TOnDynamic extends _tanstack_react_form.FormValidateOrFn<TFormData> | undefined, TOnDynamicAsync extends _tanstack_react_form.FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends _tanstack_react_form.FormAsyncValidateOrFn<TFormData> | undefined, TSubmitMeta>(props: _tanstack_react_form.FormOptions<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta>) => _tanstack_react_form.AppFieldExtendedReactFormApi<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta, {
-    readonly TextField: ({ label, required, help, className, ...inputProps }: {
-        label?: react.ReactNode;
-        required?: boolean;
-        help?: react.ReactNode;
-        className?: string;
-    } & Omit<{
+    readonly TextField: ({ label, required, requiredMark, help, tooltip, className, "aria-describedby": ariaDescribedBy, ...inputProps }: FieldItemProps & Omit<{
         content?: string | undefined | undefined;
         size?: number | undefined | undefined;
         translate?: "yes" | "no" | undefined | undefined;
@@ -6603,7 +6994,7 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_react_form.Form
         placeholder?: string | undefined | undefined;
         readOnly?: boolean | undefined | undefined;
         onValueBlur?: ((value: string) => void) | undefined;
-        sizing?: "small" | "medium" | "default" | null | undefined;
+        sizing?: "medium" | "small" | "default" | null | undefined;
         focusVariant?: "off" | "on" | "default" | null | undefined;
         rightSuffix?: react.ReactNode;
         rightSuffixVariant?: "addon" | "default" | undefined;
@@ -6614,12 +7005,7 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_react_form.Form
     } & {
         ref?: react.Ref<react.ElementRef<"input">>;
     }, "id" | "name" | "onBlur" | "onChange" | "value">) => react_jsx_runtime.JSX.Element;
-    readonly NumberField: ({ label, required, help, className, ...inputProps }: {
-        label?: react.ReactNode;
-        required?: boolean;
-        help?: react.ReactNode;
-        className?: string;
-    } & Omit<{
+    readonly NumberField: ({ label, required, requiredMark, help, tooltip, className, "aria-describedby": ariaDescribedBy, ...inputProps }: FieldItemProps & Omit<{
         content?: string | undefined | undefined;
         size?: number | undefined | undefined;
         translate?: "yes" | "no" | undefined | undefined;
@@ -6934,21 +7320,16 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_react_form.Form
         placeholder?: string | undefined | undefined;
         readOnly?: boolean | undefined | undefined;
         onValueBlur?: ((value: number | null) => void) | undefined;
-        sizing?: "small" | "medium" | "default" | null | undefined;
+        sizing?: "medium" | "small" | "default" | null | undefined;
         focusVariant?: "off" | "on" | "default" | null | undefined;
         suffix?: react.ReactNode;
     } & {
         ref?: react.Ref<react.ElementRef<"input">>;
     }, "id" | "name" | "onBlur" | "value" | "onValueChange">) => react_jsx_runtime.JSX.Element;
-    readonly PasswordField: ({ label, required, help, className, ...inputProps }: {
-        label?: react.ReactNode;
-        required?: boolean;
-        help?: react.ReactNode;
-        className?: string;
-    } & Omit<{
+    readonly PasswordField: ({ label, required, requiredMark, help, tooltip, className, "aria-describedby": ariaDescribedBy, ...inputProps }: FieldItemProps & Omit<{
         variant?: "primary" | "secondary" | null | undefined;
         state?: "warning" | "default" | "error" | null | undefined;
-        sizing?: "small" | "medium" | "default" | null | undefined;
+        sizing?: "medium" | "small" | "default" | null | undefined;
         focusVariant?: "off" | "on" | "default" | null | undefined;
     } & {
         content?: string | undefined | undefined;
@@ -7271,12 +7652,7 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_react_form.Form
     } & {
         ref?: react.Ref<react.ElementRef<"input">>;
     }, "id" | "name" | "onBlur" | "value" | "onValueChange">) => react_jsx_runtime.JSX.Element;
-    readonly TextAreaField: ({ label, required, help, className, ...inputProps }: {
-        label?: react.ReactNode;
-        required?: boolean;
-        help?: react.ReactNode;
-        className?: string;
-    } & Omit<{
+    readonly TextareaField: ({ label, required, requiredMark, help, tooltip, className, "aria-describedby": ariaDescribedBy, ...inputProps }: FieldItemProps & Omit<{
         content?: string | undefined | undefined;
         translate?: "yes" | "no" | undefined | undefined;
         prefix?: string | undefined | undefined;
@@ -7286,7 +7662,7 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_react_form.Form
         variant?: "primary" | "secondary" | null | undefined;
         form?: string | undefined | undefined;
         slot?: string | undefined | undefined;
-        style?: (Omit<react.CSSProperties, "maxHeight" | "minHeight"> & {
+        style?: (Omit<react.CSSProperties, "minHeight" | "maxHeight"> & {
             height?: number;
         }) | undefined;
         title?: string | undefined | undefined;
@@ -7582,20 +7958,16 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_react_form.Form
         cacheMeasurements?: boolean | undefined;
         onValueBlur?: (((value: string) => void) & ((value: string) => void)) | undefined;
         disableResize?: boolean | undefined;
-        sizing?: "small" | "medium" | "default" | null | undefined;
+        sizing?: "medium" | "small" | "default" | null | undefined;
         focusVariant?: "off" | "on" | "default" | null | undefined;
         containerClassName?: string | undefined;
     }, "id" | "name" | "onBlur" | "value" | "onValueChange">) => react_jsx_runtime.JSX.Element;
-    readonly SelectField: ({ label, required, help, className, items, options, placeholder, triggerClassName, variant, state, sizing, ...rootProps }: {
-        label?: react.ReactNode;
-        required?: boolean;
-        help?: react.ReactNode;
-        className?: string;
+    readonly SelectField: ({ label, required, requiredMark, help, tooltip, className, "aria-describedby": ariaDescribedBy, items, options, placeholder, triggerClassName, variant, state, sizing, ...rootProps }: FieldItemProps & {
         placeholder?: string;
         triggerClassName?: string;
         variant?: "primary" | "secondary" | null | undefined;
         state?: "warning" | "default" | "error" | null | undefined;
-        sizing?: "small" | "medium" | "default" | null | undefined;
+        sizing?: "medium" | "small" | "default" | null | undefined;
     } & Omit<SelectRootProps, "children" | "value" | "onValueChange"> & ({
         items: readonly {
             value: string;
@@ -7615,26 +7987,18 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_react_form.Form
             label: react.ReactNode;
         }[];
     })) => react_jsx_runtime.JSX.Element;
-    readonly CheckboxField: ({ label, help, className, children, ...checkboxProps }: {
-        label?: react.ReactNode;
-        help?: react.ReactNode;
-        className?: string;
-    } & Omit<Omit<{
+    readonly CheckboxField: ({ className, children, ...checkboxProps }: Pick<FieldItemProps, "className"> & Omit<Omit<{
         id?: string | number;
         description?: react.ReactNode;
         variant?: class_variance_authority.VariantProps<typeof fieldBoxVariants>["variant"];
         position?: "start" | "end";
-        tooltip?: Props$1L["tooltip"];
-        tooltipPlacement?: Props$1L["placement"];
+        tooltip?: Props$1N["tooltip"];
+        tooltipPlacement?: Props$1N["placement"];
     } & Omit<_radix_ui_react_checkbox.CheckboxProps & react.RefAttributes<HTMLButtonElement>, "id">, "checked" | "onCheckedChange"> & {
         checked?: _radix_ui_react_checkbox.CheckedState;
         onCheckedChange?: (checked: _radix_ui_react_checkbox.CheckedState) => void;
     }, "id" | "name" | "checked" | "onCheckedChange">) => react_jsx_runtime.JSX.Element;
-    readonly SwitchField: ({ label, help, className, children, ...switchProps }: {
-        label?: react.ReactNode;
-        help?: react.ReactNode;
-        className?: string;
-    } & Omit<{
+    readonly SwitchField: ({ className, children, ...switchProps }: Pick<FieldItemProps, "className"> & Omit<{
         id?: string | number;
         children?: react.ReactNode;
         description?: react.ReactNode;
@@ -7642,10 +8006,11 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_react_form.Form
         position?: "start" | "end";
     } & Omit<_radix_ui_react_switch.SwitchProps & react.RefAttributes<HTMLButtonElement>, "id" | "asChild"> & Omit<class_variance_authority.VariantProps<(props?: ({
         variant?: "default" | "argo" | null | undefined;
-        size?: "small" | "medium" | "large" | null | undefined;
+        size?: "medium" | "small" | "large" | null | undefined;
     } & class_variance_authority_types.ClassProp) | undefined) => string>, "variant"> & {
         ref?: react.Ref<react.ElementRef<"button">>;
     }, "id" | "name" | "checked" | "onCheckedChange">) => react_jsx_runtime.JSX.Element;
+    readonly OtpInputField: ({ label, required, requiredMark, help, tooltip, className, "aria-describedby": ariaDescribedBy, maxLength, ...otpProps }: FieldItemProps & Omit<RootProps$4, "id" | "name" | "aria-describedby" | "aria-invalid" | "aria-required" | "children" | "onChange" | "value">) => react_jsx_runtime.JSX.Element;
 }, {
     readonly FormBody: ({ children, className, ...formProps }: {
         children: react.ReactNode;
@@ -7658,18 +8023,13 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_react_form.Form
     } & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & class_variance_authority.VariantProps<(props?: ({
         block?: boolean | null | undefined;
         variant?: "primary" | "secondary" | "inline" | "danger" | "invisible" | "outline" | null | undefined;
-        size?: "small" | "medium" | "large" | "icon-lg" | "icon" | "icon-sm" | "icon-xs" | "icon-2xs" | "icon-3xs" | null | undefined;
+        size?: "medium" | "small" | "large" | "icon-lg" | "icon" | "icon-sm" | "icon-xs" | "icon-2xs" | "icon-3xs" | null | undefined;
     } & class_variance_authority_types.ClassProp) | undefined) => string> & {
         ref?: react.Ref<react.ElementRef<"button">>;
     }, "disabled" | "type" | "isLoading">) => react_jsx_runtime.JSX.Element;
 }>;
 declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormValidateOrFn<TFormData> | undefined, TOnChange extends _tanstack_react_form.FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends _tanstack_react_form.FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends _tanstack_react_form.FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends _tanstack_react_form.FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends _tanstack_react_form.FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends _tanstack_react_form.FormAsyncValidateOrFn<TFormData> | undefined, TOnDynamic extends _tanstack_react_form.FormValidateOrFn<TFormData> | undefined, TOnDynamicAsync extends _tanstack_react_form.FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends _tanstack_react_form.FormAsyncValidateOrFn<TFormData> | undefined, TSubmitMeta, TRenderProps extends object = {}>({ render, props, }: _tanstack_react_form.WithFormProps<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta, {
-    readonly TextField: ({ label, required, help, className, ...inputProps }: {
-        label?: react.ReactNode;
-        required?: boolean;
-        help?: react.ReactNode;
-        className?: string;
-    } & Omit<{
+    readonly TextField: ({ label, required, requiredMark, help, tooltip, className, "aria-describedby": ariaDescribedBy, ...inputProps }: FieldItemProps & Omit<{
         content?: string | undefined | undefined;
         size?: number | undefined | undefined;
         translate?: "yes" | "no" | undefined | undefined;
@@ -7983,7 +8343,7 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
         placeholder?: string | undefined | undefined;
         readOnly?: boolean | undefined | undefined;
         onValueBlur?: ((value: string) => void) | undefined;
-        sizing?: "small" | "medium" | "default" | null | undefined;
+        sizing?: "medium" | "small" | "default" | null | undefined;
         focusVariant?: "off" | "on" | "default" | null | undefined;
         rightSuffix?: react.ReactNode;
         rightSuffixVariant?: "addon" | "default" | undefined;
@@ -7994,12 +8354,7 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
     } & {
         ref?: react.Ref<react.ElementRef<"input">>;
     }, "id" | "name" | "onBlur" | "onChange" | "value">) => react_jsx_runtime.JSX.Element;
-    readonly NumberField: ({ label, required, help, className, ...inputProps }: {
-        label?: react.ReactNode;
-        required?: boolean;
-        help?: react.ReactNode;
-        className?: string;
-    } & Omit<{
+    readonly NumberField: ({ label, required, requiredMark, help, tooltip, className, "aria-describedby": ariaDescribedBy, ...inputProps }: FieldItemProps & Omit<{
         content?: string | undefined | undefined;
         size?: number | undefined | undefined;
         translate?: "yes" | "no" | undefined | undefined;
@@ -8314,21 +8669,16 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
         placeholder?: string | undefined | undefined;
         readOnly?: boolean | undefined | undefined;
         onValueBlur?: ((value: number | null) => void) | undefined;
-        sizing?: "small" | "medium" | "default" | null | undefined;
+        sizing?: "medium" | "small" | "default" | null | undefined;
         focusVariant?: "off" | "on" | "default" | null | undefined;
         suffix?: react.ReactNode;
     } & {
         ref?: react.Ref<react.ElementRef<"input">>;
     }, "id" | "name" | "onBlur" | "value" | "onValueChange">) => react_jsx_runtime.JSX.Element;
-    readonly PasswordField: ({ label, required, help, className, ...inputProps }: {
-        label?: react.ReactNode;
-        required?: boolean;
-        help?: react.ReactNode;
-        className?: string;
-    } & Omit<{
+    readonly PasswordField: ({ label, required, requiredMark, help, tooltip, className, "aria-describedby": ariaDescribedBy, ...inputProps }: FieldItemProps & Omit<{
         variant?: "primary" | "secondary" | null | undefined;
         state?: "warning" | "default" | "error" | null | undefined;
-        sizing?: "small" | "medium" | "default" | null | undefined;
+        sizing?: "medium" | "small" | "default" | null | undefined;
         focusVariant?: "off" | "on" | "default" | null | undefined;
     } & {
         content?: string | undefined | undefined;
@@ -8651,12 +9001,7 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
     } & {
         ref?: react.Ref<react.ElementRef<"input">>;
     }, "id" | "name" | "onBlur" | "value" | "onValueChange">) => react_jsx_runtime.JSX.Element;
-    readonly TextAreaField: ({ label, required, help, className, ...inputProps }: {
-        label?: react.ReactNode;
-        required?: boolean;
-        help?: react.ReactNode;
-        className?: string;
-    } & Omit<{
+    readonly TextareaField: ({ label, required, requiredMark, help, tooltip, className, "aria-describedby": ariaDescribedBy, ...inputProps }: FieldItemProps & Omit<{
         content?: string | undefined | undefined;
         translate?: "yes" | "no" | undefined | undefined;
         prefix?: string | undefined | undefined;
@@ -8666,7 +9011,7 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
         variant?: "primary" | "secondary" | null | undefined;
         form?: string | undefined | undefined;
         slot?: string | undefined | undefined;
-        style?: (Omit<react.CSSProperties, "maxHeight" | "minHeight"> & {
+        style?: (Omit<react.CSSProperties, "minHeight" | "maxHeight"> & {
             height?: number;
         }) | undefined;
         title?: string | undefined | undefined;
@@ -8962,20 +9307,16 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
         cacheMeasurements?: boolean | undefined;
         onValueBlur?: (((value: string) => void) & ((value: string) => void)) | undefined;
         disableResize?: boolean | undefined;
-        sizing?: "small" | "medium" | "default" | null | undefined;
+        sizing?: "medium" | "small" | "default" | null | undefined;
         focusVariant?: "off" | "on" | "default" | null | undefined;
         containerClassName?: string | undefined;
     }, "id" | "name" | "onBlur" | "value" | "onValueChange">) => react_jsx_runtime.JSX.Element;
-    readonly SelectField: ({ label, required, help, className, items, options, placeholder, triggerClassName, variant, state, sizing, ...rootProps }: {
-        label?: react.ReactNode;
-        required?: boolean;
-        help?: react.ReactNode;
-        className?: string;
+    readonly SelectField: ({ label, required, requiredMark, help, tooltip, className, "aria-describedby": ariaDescribedBy, items, options, placeholder, triggerClassName, variant, state, sizing, ...rootProps }: FieldItemProps & {
         placeholder?: string;
         triggerClassName?: string;
         variant?: "primary" | "secondary" | null | undefined;
         state?: "warning" | "default" | "error" | null | undefined;
-        sizing?: "small" | "medium" | "default" | null | undefined;
+        sizing?: "medium" | "small" | "default" | null | undefined;
     } & Omit<SelectRootProps, "children" | "value" | "onValueChange"> & ({
         items: readonly {
             value: string;
@@ -8995,26 +9336,18 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
             label: react.ReactNode;
         }[];
     })) => react_jsx_runtime.JSX.Element;
-    readonly CheckboxField: ({ label, help, className, children, ...checkboxProps }: {
-        label?: react.ReactNode;
-        help?: react.ReactNode;
-        className?: string;
-    } & Omit<Omit<{
+    readonly CheckboxField: ({ className, children, ...checkboxProps }: Pick<FieldItemProps, "className"> & Omit<Omit<{
         id?: string | number;
         description?: react.ReactNode;
         variant?: class_variance_authority.VariantProps<typeof fieldBoxVariants>["variant"];
         position?: "start" | "end";
-        tooltip?: Props$1L["tooltip"];
-        tooltipPlacement?: Props$1L["placement"];
+        tooltip?: Props$1N["tooltip"];
+        tooltipPlacement?: Props$1N["placement"];
     } & Omit<_radix_ui_react_checkbox.CheckboxProps & react.RefAttributes<HTMLButtonElement>, "id">, "checked" | "onCheckedChange"> & {
         checked?: _radix_ui_react_checkbox.CheckedState;
         onCheckedChange?: (checked: _radix_ui_react_checkbox.CheckedState) => void;
     }, "id" | "name" | "checked" | "onCheckedChange">) => react_jsx_runtime.JSX.Element;
-    readonly SwitchField: ({ label, help, className, children, ...switchProps }: {
-        label?: react.ReactNode;
-        help?: react.ReactNode;
-        className?: string;
-    } & Omit<{
+    readonly SwitchField: ({ className, children, ...switchProps }: Pick<FieldItemProps, "className"> & Omit<{
         id?: string | number;
         children?: react.ReactNode;
         description?: react.ReactNode;
@@ -9022,10 +9355,11 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
         position?: "start" | "end";
     } & Omit<_radix_ui_react_switch.SwitchProps & react.RefAttributes<HTMLButtonElement>, "id" | "asChild"> & Omit<class_variance_authority.VariantProps<(props?: ({
         variant?: "default" | "argo" | null | undefined;
-        size?: "small" | "medium" | "large" | null | undefined;
+        size?: "medium" | "small" | "large" | null | undefined;
     } & class_variance_authority_types.ClassProp) | undefined) => string>, "variant"> & {
         ref?: react.Ref<react.ElementRef<"button">>;
     }, "id" | "name" | "checked" | "onCheckedChange">) => react_jsx_runtime.JSX.Element;
+    readonly OtpInputField: ({ label, required, requiredMark, help, tooltip, className, "aria-describedby": ariaDescribedBy, maxLength, ...otpProps }: FieldItemProps & Omit<RootProps$4, "id" | "name" | "aria-describedby" | "aria-invalid" | "aria-required" | "children" | "onChange" | "value">) => react_jsx_runtime.JSX.Element;
 }, {
     readonly FormBody: ({ children, className, ...formProps }: {
         children: react.ReactNode;
@@ -9038,18 +9372,13 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
     } & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & class_variance_authority.VariantProps<(props?: ({
         block?: boolean | null | undefined;
         variant?: "primary" | "secondary" | "inline" | "danger" | "invisible" | "outline" | null | undefined;
-        size?: "small" | "medium" | "large" | "icon-lg" | "icon" | "icon-sm" | "icon-xs" | "icon-2xs" | "icon-3xs" | null | undefined;
+        size?: "medium" | "small" | "large" | "icon-lg" | "icon" | "icon-sm" | "icon-xs" | "icon-2xs" | "icon-3xs" | null | undefined;
     } & class_variance_authority_types.ClassProp) | undefined) => string> & {
         ref?: react.Ref<react.ElementRef<"button">>;
     }, "disabled" | "type" | "isLoading">) => react_jsx_runtime.JSX.Element;
 }, TRenderProps>) => react.FunctionComponent<react.PropsWithChildren<NoInfer<[unknown] extends [TRenderProps] ? any : TRenderProps> & {
     form: _tanstack_react_form.AppFieldExtendedReactFormApi<[unknown] extends [TFormData] ? any : TFormData, [_tanstack_react_form.FormValidateOrFn<TFormData> | undefined] extends [TOnMount] ? [TOnMount] extends [TOnMount & (_tanstack_react_form.FormValidateOrFn<TFormData> | undefined)] ? any : TOnMount : TOnMount, [_tanstack_react_form.FormValidateOrFn<TFormData> | undefined] extends [TOnChange] ? [TOnChange] extends [TOnChange & (_tanstack_react_form.FormValidateOrFn<TFormData> | undefined)] ? any : TOnChange : TOnChange, [_tanstack_react_form.FormValidateOrFn<TFormData> | undefined] extends [TOnChangeAsync] ? [TOnChangeAsync] extends [TOnChangeAsync & (_tanstack_react_form.FormValidateOrFn<TFormData> | undefined)] ? any : TOnChangeAsync : TOnChangeAsync, [_tanstack_react_form.FormValidateOrFn<TFormData> | undefined] extends [TOnBlur] ? [TOnBlur] extends [TOnBlur & (_tanstack_react_form.FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlur : TOnBlur, [_tanstack_react_form.FormValidateOrFn<TFormData> | undefined] extends [TOnBlurAsync] ? [TOnBlurAsync] extends [TOnBlurAsync & (_tanstack_react_form.FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlurAsync : TOnBlurAsync, [_tanstack_react_form.FormValidateOrFn<TFormData> | undefined] extends [TOnSubmit] ? [TOnSubmit] extends [TOnSubmit & (_tanstack_react_form.FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmit : TOnSubmit, [_tanstack_react_form.FormValidateOrFn<TFormData> | undefined] extends [TOnSubmitAsync] ? [TOnSubmitAsync] extends [TOnSubmitAsync & (_tanstack_react_form.FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmitAsync : TOnSubmitAsync, [_tanstack_react_form.FormValidateOrFn<TFormData> | undefined] extends [TOnDynamic] ? [TOnDynamic] extends [TOnDynamic & (_tanstack_react_form.FormValidateOrFn<TFormData> | undefined)] ? any : TOnDynamic : TOnDynamic, [_tanstack_react_form.FormValidateOrFn<TFormData> | undefined] extends [TOnDynamicAsync] ? [TOnDynamicAsync] extends [TOnDynamicAsync & (_tanstack_react_form.FormValidateOrFn<TFormData> | undefined)] ? any : TOnDynamicAsync : TOnDynamicAsync, [_tanstack_react_form.FormValidateOrFn<TFormData> | undefined] extends [TOnServer] ? [TOnServer] extends [TOnServer & (_tanstack_react_form.FormValidateOrFn<TFormData> | undefined)] ? any : TOnServer : TOnServer, [unknown] extends [TSubmitMeta] ? any : TSubmitMeta, {
-        readonly TextField: ({ label, required, help, className, ...inputProps }: {
-            label?: react.ReactNode;
-            required?: boolean;
-            help?: react.ReactNode;
-            className?: string;
-        } & Omit<{
+        readonly TextField: ({ label, required, requiredMark, help, tooltip, className, "aria-describedby": ariaDescribedBy, ...inputProps }: FieldItemProps & Omit<{
             content?: string | undefined | undefined;
             size?: number | undefined | undefined;
             translate?: "yes" | "no" | undefined | undefined;
@@ -9363,7 +9692,7 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
             placeholder?: string | undefined | undefined;
             readOnly?: boolean | undefined | undefined;
             onValueBlur?: ((value: string) => void) | undefined;
-            sizing?: "small" | "medium" | "default" | null | undefined;
+            sizing?: "medium" | "small" | "default" | null | undefined;
             focusVariant?: "off" | "on" | "default" | null | undefined;
             rightSuffix?: react.ReactNode;
             rightSuffixVariant?: "addon" | "default" | undefined;
@@ -9374,12 +9703,7 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
         } & {
             ref?: react.Ref<react.ElementRef<"input">>;
         }, "id" | "name" | "onBlur" | "onChange" | "value">) => react_jsx_runtime.JSX.Element;
-        readonly NumberField: ({ label, required, help, className, ...inputProps }: {
-            label?: react.ReactNode;
-            required?: boolean;
-            help?: react.ReactNode;
-            className?: string;
-        } & Omit<{
+        readonly NumberField: ({ label, required, requiredMark, help, tooltip, className, "aria-describedby": ariaDescribedBy, ...inputProps }: FieldItemProps & Omit<{
             content?: string | undefined | undefined;
             size?: number | undefined | undefined;
             translate?: "yes" | "no" | undefined | undefined;
@@ -9694,21 +10018,16 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
             placeholder?: string | undefined | undefined;
             readOnly?: boolean | undefined | undefined;
             onValueBlur?: ((value: number | null) => void) | undefined;
-            sizing?: "small" | "medium" | "default" | null | undefined;
+            sizing?: "medium" | "small" | "default" | null | undefined;
             focusVariant?: "off" | "on" | "default" | null | undefined;
             suffix?: react.ReactNode;
         } & {
             ref?: react.Ref<react.ElementRef<"input">>;
         }, "id" | "name" | "onBlur" | "value" | "onValueChange">) => react_jsx_runtime.JSX.Element;
-        readonly PasswordField: ({ label, required, help, className, ...inputProps }: {
-            label?: react.ReactNode;
-            required?: boolean;
-            help?: react.ReactNode;
-            className?: string;
-        } & Omit<{
+        readonly PasswordField: ({ label, required, requiredMark, help, tooltip, className, "aria-describedby": ariaDescribedBy, ...inputProps }: FieldItemProps & Omit<{
             variant?: "primary" | "secondary" | null | undefined;
             state?: "warning" | "default" | "error" | null | undefined;
-            sizing?: "small" | "medium" | "default" | null | undefined;
+            sizing?: "medium" | "small" | "default" | null | undefined;
             focusVariant?: "off" | "on" | "default" | null | undefined;
         } & {
             content?: string | undefined | undefined;
@@ -10031,12 +10350,7 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
         } & {
             ref?: react.Ref<react.ElementRef<"input">>;
         }, "id" | "name" | "onBlur" | "value" | "onValueChange">) => react_jsx_runtime.JSX.Element;
-        readonly TextAreaField: ({ label, required, help, className, ...inputProps }: {
-            label?: react.ReactNode;
-            required?: boolean;
-            help?: react.ReactNode;
-            className?: string;
-        } & Omit<{
+        readonly TextareaField: ({ label, required, requiredMark, help, tooltip, className, "aria-describedby": ariaDescribedBy, ...inputProps }: FieldItemProps & Omit<{
             content?: string | undefined | undefined;
             translate?: "yes" | "no" | undefined | undefined;
             prefix?: string | undefined | undefined;
@@ -10046,7 +10360,7 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
             variant?: "primary" | "secondary" | null | undefined;
             form?: string | undefined | undefined;
             slot?: string | undefined | undefined;
-            style?: (Omit<react.CSSProperties, "maxHeight" | "minHeight"> & {
+            style?: (Omit<react.CSSProperties, "minHeight" | "maxHeight"> & {
                 height?: number;
             }) | undefined;
             title?: string | undefined | undefined;
@@ -10342,20 +10656,16 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
             cacheMeasurements?: boolean | undefined;
             onValueBlur?: (((value: string) => void) & ((value: string) => void)) | undefined;
             disableResize?: boolean | undefined;
-            sizing?: "small" | "medium" | "default" | null | undefined;
+            sizing?: "medium" | "small" | "default" | null | undefined;
             focusVariant?: "off" | "on" | "default" | null | undefined;
             containerClassName?: string | undefined;
         }, "id" | "name" | "onBlur" | "value" | "onValueChange">) => react_jsx_runtime.JSX.Element;
-        readonly SelectField: ({ label, required, help, className, items, options, placeholder, triggerClassName, variant, state, sizing, ...rootProps }: {
-            label?: react.ReactNode;
-            required?: boolean;
-            help?: react.ReactNode;
-            className?: string;
+        readonly SelectField: ({ label, required, requiredMark, help, tooltip, className, "aria-describedby": ariaDescribedBy, items, options, placeholder, triggerClassName, variant, state, sizing, ...rootProps }: FieldItemProps & {
             placeholder?: string;
             triggerClassName?: string;
             variant?: "primary" | "secondary" | null | undefined;
             state?: "warning" | "default" | "error" | null | undefined;
-            sizing?: "small" | "medium" | "default" | null | undefined;
+            sizing?: "medium" | "small" | "default" | null | undefined;
         } & Omit<SelectRootProps, "children" | "value" | "onValueChange"> & ({
             items: readonly {
                 value: string;
@@ -10375,26 +10685,18 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
                 label: react.ReactNode;
             }[];
         })) => react_jsx_runtime.JSX.Element;
-        readonly CheckboxField: ({ label, help, className, children, ...checkboxProps }: {
-            label?: react.ReactNode;
-            help?: react.ReactNode;
-            className?: string;
-        } & Omit<Omit<{
+        readonly CheckboxField: ({ className, children, ...checkboxProps }: Pick<FieldItemProps, "className"> & Omit<Omit<{
             id?: string | number;
             description?: react.ReactNode;
             variant?: class_variance_authority.VariantProps<typeof fieldBoxVariants>["variant"];
             position?: "start" | "end";
-            tooltip?: Props$1L["tooltip"];
-            tooltipPlacement?: Props$1L["placement"];
+            tooltip?: Props$1N["tooltip"];
+            tooltipPlacement?: Props$1N["placement"];
         } & Omit<_radix_ui_react_checkbox.CheckboxProps & react.RefAttributes<HTMLButtonElement>, "id">, "checked" | "onCheckedChange"> & {
             checked?: _radix_ui_react_checkbox.CheckedState;
             onCheckedChange?: (checked: _radix_ui_react_checkbox.CheckedState) => void;
         }, "id" | "name" | "checked" | "onCheckedChange">) => react_jsx_runtime.JSX.Element;
-        readonly SwitchField: ({ label, help, className, children, ...switchProps }: {
-            label?: react.ReactNode;
-            help?: react.ReactNode;
-            className?: string;
-        } & Omit<{
+        readonly SwitchField: ({ className, children, ...switchProps }: Pick<FieldItemProps, "className"> & Omit<{
             id?: string | number;
             children?: react.ReactNode;
             description?: react.ReactNode;
@@ -10402,10 +10704,11 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
             position?: "start" | "end";
         } & Omit<_radix_ui_react_switch.SwitchProps & react.RefAttributes<HTMLButtonElement>, "id" | "asChild"> & Omit<class_variance_authority.VariantProps<(props?: ({
             variant?: "default" | "argo" | null | undefined;
-            size?: "small" | "medium" | "large" | null | undefined;
+            size?: "medium" | "small" | "large" | null | undefined;
         } & class_variance_authority_types.ClassProp) | undefined) => string>, "variant"> & {
             ref?: react.Ref<react.ElementRef<"button">>;
         }, "id" | "name" | "checked" | "onCheckedChange">) => react_jsx_runtime.JSX.Element;
+        readonly OtpInputField: ({ label, required, requiredMark, help, tooltip, className, "aria-describedby": ariaDescribedBy, maxLength, ...otpProps }: FieldItemProps & Omit<RootProps$4, "id" | "name" | "aria-describedby" | "aria-invalid" | "aria-required" | "children" | "onChange" | "value">) => react_jsx_runtime.JSX.Element;
     }, {
         readonly FormBody: ({ children, className, ...formProps }: {
             children: react.ReactNode;
@@ -10418,7 +10721,7 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
         } & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & class_variance_authority.VariantProps<(props?: ({
             block?: boolean | null | undefined;
             variant?: "primary" | "secondary" | "inline" | "danger" | "invisible" | "outline" | null | undefined;
-            size?: "small" | "medium" | "large" | "icon-lg" | "icon" | "icon-sm" | "icon-xs" | "icon-2xs" | "icon-3xs" | null | undefined;
+            size?: "medium" | "small" | "large" | "icon-lg" | "icon" | "icon-sm" | "icon-xs" | "icon-2xs" | "icon-3xs" | null | undefined;
         } & class_variance_authority_types.ClassProp) | undefined) => string> & {
             ref?: react.Ref<react.ElementRef<"button">>;
         }, "disabled" | "type" | "isLoading">) => react_jsx_runtime.JSX.Element;
@@ -10482,4 +10785,4 @@ type Props = {
 };
 declare const ZoomableSvg: ({ html, copyText, className }: Props) => react_jsx_runtime.JSX.Element;
 
-export { Alert, AlertModal, AnswerSummary, type AnswerItem as AnswerSummaryItem, type Props$H as AnswerSummaryProps, type Variant$5 as AnswerSummaryVariant, AppShell, ArgoDesignContext, AutoSaveTextarea, Avatar, Badge, type BrandId, BrandLogo, Breadcrumb, Button, ButtonGroup, ButtonInline, Calendar, type CalendarProps, Card, ChangeClassification, Checkbox, Clipboard, ClipboardButton, ClipboardInline, Collapse, Collapsible, CollapsiblePanel, CollapsibleStepHeader, ColorInput, ColorModeSwitch, type ColorScheme, Combobox, Command, CommandGroup, CommandInput, CommandItem, CommandList, ConflictStatusIndicator, DEFAULT_COLOR_SCHEME, DEFAULT_BRAND_ID as DEFAULT_KEBOOLA_BRAND_ID, DateInput, DatePicker, type DateRange, DateRangeInput, DateRangePicker, type DateRangePreset, type DiffInformation, type DiffRow, DiffType, DiffView, DotsLoader, DropdownMenu, EmptyConfigurationActionCard, EmptySearchContent, EmptyState, type RootProps$3 as EmptyStateProps, type Variant$1 as EmptyStateVariant, ErrorState, type RootProps$2 as ErrorStateProps, type Variant as ErrorStateVariant, FileUpload, FormGroup, FullScreenModal, FullScreenModalBody, FullScreenModalHeader, HelpBlock, HoverCard, InlineStepDetail, type Props$F as InlineStepDetailProps, InlineStepLabel, type Props$E as InlineStepLabelProps, type Variant$3 as InlineStepLabelVariant, InputGroup, InputOtp, type RootProps$4 as InputOtpProps, Kbd, Label, type LineInformation, Link, Markdown, MarkedText, MergeConflict, MessageBubble, Modal, MultiActionButtonGroup, MultiCombobox, Navbar, NumberInput, PageHeader, PageLayout, PageToolbar, Pagination, PaneHeader, PanelWithDetails, PasswordInput, PlanApproval, type PlanApprovalProps, type PlanApprovalStatus, PlanRewritingIndicator, type PlanRewritingIndicatorProps, Popconfirm, Popover, Progress, type PromptCommand, PromptInput, type Props$1m as Props, Question, type QuestionAnswers, QuestionBlock, type Props$x as QuestionBlockProps, type QuestionOption, type Props$y as QuestionProps, type QuestionStep, RadioGroup, ResizableHandle, ResizablePanelGroup, type ResolvedColorScheme, ScrollArea, ScrollBar, Search, SearchForm, SearchInput, SearchInputWithNavigation, Select, type SelectItem, type SelectItemGroup, Separator, type ServerFieldError, Sheet, type SideInformation, Sidebar, type SidebarMode, SidebarProvider, type SidebarSide, Skeleton, SkeletonList, Slider, SplitButton, SpotlightBackdrop, type SpotlightTarget, type StepStatus, Stepper, type StepperOrientation, SuggestedPrompt, Switch, Table, Tabs, TabsContent, Tagger, type TargetRect, TextInput, Textarea, type Theme, ThemeProvider, ThinkingIndicator, type ThumbTooltipFn, TimeInput, TimePicker, Timeline, type ToastOptions, Toaster, Toggle, ToggleGroup, type Tokens, ToolCallApproval, type ToolCallApprovalProps, type ToolCallApprovalStatus, ToolCallChip, type ToolCallChipProps, type ToolCallState, Tooltip, type Props$1L as TooltipProps, TooltipProvider, type Trigger, Truncated, UsageStats, UsageStatsRing, type UseAutosizeInputOptions, type UseAutosizeInputReturn, type ValidityState, type WordInformation, ZoomableSvg, argoVariants, cn, computeDiffRows, computeLineInformation, copyToClipboard, isMac, kbdVariants, keys, mergeRefs, setServerFieldErrors, toast, useAppForm, useArgoDesign, useAutosizeInput, useInputOtpContext, useMergeDiff, useNotification, useScrollbarPosition, useSidebar, useTargetRect, useTheme, withForm };
+export { Alert, AlertModal, AnswerSummary, type AnswerItem as AnswerSummaryItem, type Props$I as AnswerSummaryProps, type Variant$5 as AnswerSummaryVariant, AppShell, ArgoDesignContext, AutoSaveTextarea, Avatar, Badge, type BrandId, BrandLogo, Breadcrumb, Button, ButtonGroup, ButtonInline, Calendar, type CalendarProps, Card, ChangeClassification, Checkbox, Clipboard, ClipboardButton, ClipboardInline, Collapse, Collapsible, CollapsiblePanel, CollapsibleStepHeader, ColorInput, ColorModeSwitch, type ColorScheme, Combobox, Command, CommandGroup, CommandInput, CommandItem, CommandList, ConflictStatusIndicator, CopyField, DEFAULT_COLOR_SCHEME, DEFAULT_BRAND_ID as DEFAULT_KEBOOLA_BRAND_ID, DateInput, DatePicker, type DateRange, DateRangeInput, DateRangePicker, type DateRangePreset, type DiffInformation, type DiffRow, DiffType, DiffView, DotsLoader, DropdownMenu, EmptyConfigurationActionCard, EmptySearchContent, EmptyState, type RootProps$3 as EmptyStateProps, type Variant$1 as EmptyStateVariant, ErrorState, type RootProps$2 as ErrorStateProps, type Variant as ErrorStateVariant, FileUpload, FormGroup, FullScreenModal, FullScreenModalBody, FullScreenModalHeader, HelpBlock, HoverCard, InlineStepDetail, type Props$G as InlineStepDetailProps, InlineStepLabel, type Props$F as InlineStepLabelProps, type Variant$3 as InlineStepLabelVariant, InputGroup, Kbd, Label, type LineInformation, Link, Markdown, MarkedText, MergeConflict, MessageBubble, Modal, MultiActionButtonGroup, MultiCombobox, Navbar, NumberInput, OtpInput, type RootProps$4 as OtpInputProps, PageHeader, PageLayout, PageToolbar, Pagination, PaneHeader, PanelWithDetails, PasswordInput, PlanApproval, type PlanApprovalProps, type PlanApprovalStatus, PlanRewritingIndicator, type PlanRewritingIndicatorProps, Popconfirm, Popover, Progress, type PromptCommand, PromptInput, type Props$1o as Props, Question, type QuestionAnswers, QuestionBlock, type Props$y as QuestionBlockProps, type QuestionOption, type Props$z as QuestionProps, type QuestionStep, RadioGroup, ResizableHandle, ResizablePanelGroup, type ResolvedColorScheme, ScrollArea, ScrollBar, Search, SearchForm, SearchInput, SearchInputWithNavigation, Select, type SelectItem, type SelectItemGroup, Separator, type ServerFieldError, Sheet, type SideInformation, Sidebar, type SidebarMode, SidebarProvider, type SidebarSide, Skeleton, SkeletonList, Slider, SplitButton, SpotlightBackdrop, type SpotlightTarget, type StepStatus, Stepper, type StepperOrientation, SuggestedPrompt, Switch, Table, Tabs, TabsContent, Tagger, type TargetRect, TextInput, Textarea, type Theme, ThemeProvider, ThinkingIndicator, type ThumbTooltipFn, TimeInput, TimePicker, Timeline, type ToastOptions, Toaster, Toggle, ToggleGroup, type Tokens, ToolCallApproval, type ToolCallApprovalProps, type ToolCallApprovalStatus, ToolCallChip, type ToolCallChipProps, type ToolCallState, Tooltip, type Props$1N as TooltipProps, TooltipProvider, type Trigger, Truncated, UsageStats, UsageStatsRing, type UseAutosizeInputOptions, type UseAutosizeInputReturn, type ValidityState, type WordInformation, ZoomableSvg, argoVariants, cn, computeDiffRows, computeLineInformation, copyToClipboard, isMac, kbdVariants, keys, mergeRefs, setServerFieldErrors, toast, useAppForm, useArgoDesign, useAutosizeInput, useMergeDiff, useNotification, useScrollbarPosition, useSidebar, useTargetRect, useTheme, withForm };