@keboola/design 6.4.0 → 8.0.0

package/dist/index.d.cts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import { ComponentProps, Ref, ElementRef, ReactNode, PropsWithChildren, ComponentPropsWithRef, 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, ReactNode, PropsWithChildren, ComponentPropsWithRef, MouseEvent as MouseEvent$1, HTMLAttributes, Ref, RefObject, MouseEventHandler, ChangeEvent, FocusEvent as FocusEvent$1, KeyboardEvent as KeyboardEvent$1, ComponentPropsWithoutRef, ComponentRef, 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';
@@ -23,7 +23,7 @@ import { Command as Command$1 } from 'cmdk';
 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 { PropsBase, PropsSingle, PropsRange, Matcher, DateRange as DateRange$1 } from 'react-day-picker';
 import { LabelProps as LabelProps$1 } 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';
@@ -72,9 +72,9 @@ declare const argoVariants: (props?: ({
  *
  * Pass `variant` for primary/secondary/danger/outline/invisible looks, `size`
  * for height (including `icon-*` sizes when rendering icon-only). Icons are
- * composed as children — `<Button><Trash2 className="tw-size-4" /> Delete</Button>`.
+ * composed as children — `<Button><Trash2 className="tw:size-4" /> Delete</Button>`.
  */
-type Props$1X = {
+type Props$1S = {
     /** Replaces the leading content with a spinner and disables the button visually. The caller still controls `disabled`. */
     isLoading?: boolean;
     /** Render as a Radix `Slot` so the parent JSX (e.g. a `react-router` `<Link>`) becomes the button element. */
@@ -93,37 +93,31 @@ type Props$1X = {
  * @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$1X & {
-    ref?: Ref<ElementRef<"button">>;
-}) => react_jsx_runtime.JSX.Element;
+declare const Button: ({ ref, children, disabled, className, type, isLoading, asChild, onClick, variant, size, block, ...buttonProps }: Props$1S) => react_jsx_runtime.JSX.Element;
 
 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$1W = ComponentProps<'button'> & VariantProps<typeof buttonInlineVariants> & {
+type Props$1R = ComponentProps<'button'> & VariantProps<typeof buttonInlineVariants> & {
     asChild?: boolean;
 };
-declare const ButtonInline: ({ ref, children, className, variant, color, type, asChild, ...buttonProps }: Props$1W & {
-    ref?: Ref<ElementRef<"button">>;
-}) => react_jsx_runtime.JSX.Element;
+declare const ButtonInline: ({ ref, children, className, variant, color, type, asChild, ...buttonProps }: Props$1R) => react_jsx_runtime.JSX.Element;
 
 declare const buttonGroupVariant: (props?: ({
     variant?: "inline" | "block" | null | undefined;
     space?: "medium" | "small" | "large" | "extra-small" | "little-small" | "compact" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type Props$1V = {
+type Props$1Q = {
     children: ReactNode;
     className?: string;
 } & VariantProps<typeof buttonGroupVariant> & ComponentProps<'div'>;
-declare const ButtonGroup: ({ ref, children, space, className, variant, ...rest }: Props$1V & {
-    ref?: Ref<ElementRef<"div">>;
-}) => react_jsx_runtime.JSX.Element;
+declare const ButtonGroup: ({ ref, children, space, className, variant, ...rest }: Props$1Q) => 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$1U = {
+type Props$1P = {
     actions?: ReactNode;
     isActionsOpen?: boolean;
     onActionsOpenChange?: (open: boolean) => void;
@@ -132,25 +126,21 @@ type Props$1U = {
     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$1U & {
-    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> & {
+declare const SplitButton: (({ ref, disabled, actions, variant, size, isActionsOpen, onActionsOpenChange, icon, children, ...rest }: Props$1P) => 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> & {
         asModalTrigger?: boolean;
         icon?: ReactNode;
         isLoading?: boolean;
         iconClassName?: string;
-    }) & {
-        ref?: Ref<ElementRef<"div">>;
     }) => react_jsx_runtime.JSX.Element;
     Actions: react.ForwardRefExoticComponent<_radix_ui_react_dropdown_menu.DropdownMenuGroupProps & react.RefAttributes<HTMLDivElement>>;
 };
 
-type Props$1T = {
+type Props$1O = {
     className?: string;
 } & PropsWithChildren;
 declare const MultiActionButtonGroup: {
-    ({ children, className }: Props$1T): react_jsx_runtime.JSX.Element;
+    ({ children, className }: Props$1O): react_jsx_runtime.JSX.Element;
     Button: ({ disabled, icon, isLoading, label, onClick, tooltipContent, tooltipVariant, "data-testid": dataTestId, }: {
         disabled?: boolean;
         icon: react.ReactNode;
@@ -166,38 +156,34 @@ declare const MultiActionButtonGroup: {
 declare const toggleVariants: (props?: ({
     variant?: "ai" | "ai-vivid" | "ghost" | null | undefined;
     size?: "medium" | "small" | "large" | null | undefined;
+    orientation?: "horizontal" | "vertical" | null | undefined;
     iconOnly?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type Props$1S = {
+type Props$1N = {
     icon?: ReactNode;
     badge?: ReactNode;
-} & ComponentProps<typeof Root> & Omit<VariantProps<typeof toggleVariants>, 'iconOnly'>;
-declare const Toggle: ({ ref, className, variant, size, children, icon, badge, disabled, ...props }: Props$1S & {
-    ref?: Ref<ElementRef<"button">>;
-}) => react_jsx_runtime.JSX.Element;
+    orientation?: 'horizontal' | 'vertical';
+} & ComponentProps<typeof Root> & Omit<VariantProps<typeof toggleVariants>, 'iconOnly' | 'orientation'>;
+declare const Toggle: ({ ref, className, variant, size, orientation, children, icon, badge, disabled, ...props }: Props$1N) => react_jsx_runtime.JSX.Element;
 
 declare const rootVariants: (props?: ({
     size?: "medium" | "small" | "large" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type RootProps$8 = ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof rootVariants>;
 type ItemProps = ComponentProps<typeof ToggleGroupPrimitive.Item>;
-declare const ToggleGroup: (({ ref, className, size, ...props }: RootProps$8 & {
-    ref?: Ref<ElementRef<"div">>;
-}) => react_jsx_runtime.JSX.Element) & {
+declare const ToggleGroup: (({ ref, className, size, ...props }: RootProps$8) => react_jsx_runtime.JSX.Element) & {
     /** Individual segment inside a `ToggleGroup`. `value` is required and must be unique within the group. */
-    Item: ({ ref, className, ...props }: ItemProps & {
-        ref?: Ref<ElementRef<"button">>;
-    }) => react_jsx_runtime.JSX.Element;
+    Item: ({ ref, className, ...props }: ItemProps) => react_jsx_runtime.JSX.Element;
 };
 
 declare const tooltipVariants: (props?: ({
     variant?: "action" | "explanatory" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type Props$1R = {
+type Props$1M = {
     keepOpenOnPointerDownOutside?: boolean;
     placement?: ComponentProps<typeof Content>['side'];
 } & Omit<ComponentProps<typeof Content>, 'side'> & VariantProps<typeof tooltipVariants>;
-declare const TooltipContent: ({ className, variant, keepOpenOnPointerDownOutside, children, onPointerDownOutside, sideOffset, collisionPadding, hideWhenDetached, placement, ...rest }: Props$1R) => react_jsx_runtime.JSX.Element;
+declare const TooltipContent: ({ className, variant, keepOpenOnPointerDownOutside, children, onPointerDownOutside, sideOffset, collisionPadding, hideWhenDetached, placement, ...rest }: Props$1M) => react_jsx_runtime.JSX.Element;
 
 type TriggerProps$1 = {
     triggerAsChild?: boolean;
@@ -206,7 +192,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$1Q = {
+type Props$1L = {
     /** Keep the tooltip visible when the user clicks the trigger (useful for click-to-copy feedback). */
     keepOpenOnTriggerClick?: boolean;
     /** Content rendered inside the tooltip. Plain text only — no interactive elements (use `HoverCard` or `Popover` for that). */
@@ -217,6 +203,8 @@ type Props$1Q = {
     forceHide?: boolean;
     /** Forcibly show the tooltip regardless of hover state. Useful for guided-tour overlays. */
     forceShow?: boolean;
+    /** Hover delay before the tooltip opens, in ms. Defaults to the shared 300ms. */
+    delayDuration?: number;
     className?: string;
 } & TriggerProps$1 & Pick<ComponentProps<typeof TooltipContent>, 'variant' | 'className'>;
 /** Re-export of Radix `Tooltip.Provider`. Mount once at the app root so tooltips share delay state. */
@@ -236,7 +224,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$1Q): react_jsx_runtime.JSX.Element;
+    ({ tooltip, children, className, keepOpenOnTriggerClick, variant, placement, forceHide, forceShow, delayDuration, triggerAsChild, }: Props$1L): react_jsx_runtime.JSX.Element;
     Root: ({ children, delayDuration, ...rest }: _radix_ui_react_tooltip.TooltipProps) => react_jsx_runtime.JSX.Element;
     Content: ({ className, variant, keepOpenOnPointerDownOutside, children, onPointerDownOutside, sideOffset, collisionPadding, hideWhenDetached, placement, ...rest }: {
         keepOpenOnPointerDownOutside?: boolean;
@@ -244,37 +232,61 @@ declare const Tooltip: {
     } & Omit<_radix_ui_react_tooltip.TooltipContentProps & react.RefAttributes<HTMLDivElement>, "side"> & class_variance_authority.VariantProps<(props?: ({
         variant?: "action" | "explanatory" | null | undefined;
     } & class_variance_authority_types.ClassProp) | undefined) => string>) => react_jsx_runtime.JSX.Element;
-    Trigger: ({ ref, children, className, keepOpenOnClick, onClick, onPointerDown, asChild, ...rest }: ({
+    Trigger: ({ ref, children, className, keepOpenOnClick, onClick, onPointerDown, asChild, ...rest }: {
         keepOpenOnClick?: boolean;
-    } & _radix_ui_react_tooltip.TooltipTriggerProps & react.RefAttributes<HTMLButtonElement>) & {
-        ref?: react.Ref<react.ElementRef<"button">>;
-    }) => react_jsx_runtime.JSX.Element;
+    } & _radix_ui_react_tooltip.TooltipTriggerProps & react.RefAttributes<HTMLButtonElement>) => react_jsx_runtime.JSX.Element;
 };
 
-type Props$1P = {
-    tooltip?: Props$1Q['tooltip'];
-    tooltipPlacement?: Props$1Q['placement'];
-    tooltipVariant?: Props$1Q['variant'];
-    asChild?: Props$1Q['triggerAsChild'];
+type Props$1K = {
+    tooltip?: Props$1L['tooltip'];
+    tooltipPlacement?: Props$1L['placement'];
+    tooltipVariant?: Props$1L['variant'];
+    asChild?: Props$1L['triggerAsChild'];
     text?: string | (() => string);
 } & ComponentProps<'button'>;
-declare const Clipboard: ({ ref, text: textProp, children, tooltip, tooltipPlacement, tooltipVariant: tooltipVariantProp, asChild, onClick, className, ...restButtonProps }: Props$1P & {
-    ref?: Ref<ElementRef<"button">>;
-}) => react_jsx_runtime.JSX.Element;
+declare const Clipboard: ({ ref, text: textProp, children, tooltip, tooltipPlacement, tooltipVariant: tooltipVariantProp, asChild, onClick, className, ...restButtonProps }: Props$1K) => 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$1O = ClipboardProps$1 & ButtonProps$2 & {
+type Props$1J = ClipboardProps$1 & ButtonProps$2 & {
     icon?: ReactNode;
 };
-declare const ClipboardButton: ({ text, tooltip, tooltipPlacement, tooltipVariant, icon, variant, children, ...rest }: Props$1O) => react_jsx_runtime.JSX.Element;
+declare const ClipboardButton: ({ text, tooltip, tooltipPlacement, tooltipVariant, icon, variant, children, ...rest }: Props$1J) => react_jsx_runtime.JSX.Element;
 
 type ClipboardProps = Pick<ComponentProps<typeof Clipboard>, 'text' | 'tooltip' | 'tooltipPlacement' | 'tooltipVariant'>;
 type ButtonProps$1 = Omit<ComponentProps<typeof ButtonInline>, 'disabled'>;
-type Props$1N = {
+type Props$1I = {
     hideIcon?: boolean;
 } & ClipboardProps & ButtonProps$1;
-declare const ClipboardInline: ({ text, tooltip, tooltipPlacement, tooltipVariant, children, hideIcon, ...rest }: Props$1N) => react_jsx_runtime.JSX.Element;
+declare const ClipboardInline: ({ text, tooltip, tooltipPlacement, tooltipVariant, children, hideIcon, ...rest }: Props$1I) => react_jsx_runtime.JSX.Element;
+
+type ExportMenuItem = {
+    /** Menu label, e.g. "Download as CSV". */
+    label: string;
+    onSelect: () => void;
+};
+type Props$1H = {
+    items: ExportMenuItem[];
+    /** Accessible name + tooltip for the trigger, e.g. "Export table". */
+    label: string;
+    size?: 'icon-xs' | 'icon-sm';
+};
+/**
+ * Download-icon trigger with a menu of export formats.
+ *
+ * Lives in the root barrel rather than inside `ZoomableSvg` on purpose: that
+ * component ships in the lazy `@keboola/design/mermaid` chunk, and importing
+ * Radix's menu there costs ~2.7 kB brotlied against a tight budget. Callers that
+ * are already paying for the barrel inject this instead.
+ *
+ * Renders argo chrome unconditionally. `ArgoDesignContext` is scoped per bundle
+ * entry, so a consumer whose neighbouring toolbar buttons come from a lazy
+ * subpath (`ZoomableSvg` via `@keboola/design/mermaid`, which sees the argo
+ * default) would otherwise place a legacy-styled trigger beside argo-styled
+ * siblings — different border, background and icon colour from the same
+ * `variant="outline"`.
+ */
+declare const ExportMenu: ({ items, label, size }: Props$1H) => react_jsx_runtime.JSX.Element;
 
 /**
  * Compound component for readonly value/command boxes with inline copy.
@@ -321,13 +333,14 @@ declare const ClipboardInline: ({ text, tooltip, tooltipPlacement, tooltipVarian
  */
 declare const CopyField: {
     /** Container. Owns the copied `value`, mask state, and copy context. */
-    Root: ({ value, mono, onCopy, hiddenByDefault, minLines, maxLines, className, children, }: {
+    Root: ({ value, mono, onCopy, hiddenByDefault, minLines, maxLines, hoverHint, className, children, }: {
         value: string;
         mono?: boolean;
         onCopy?: () => void;
         hiddenByDefault?: boolean;
         minLines?: number;
         maxLines?: number;
+        hoverHint?: boolean;
         className?: string;
         children: react.ReactNode;
     }) => react_jsx_runtime.JSX.Element;
@@ -385,11 +398,11 @@ declare const LABELS$1: {
     readonly signup: "Sign up with Microsoft";
     readonly continue: "Continue with Microsoft";
 };
-type Props$1M = ComponentPropsWithRef<'button'> & {
+type Props$1G = ComponentPropsWithRef<'button'> & {
     label?: keyof typeof LABELS$1;
     isLoading?: boolean;
 };
-declare const MicrosoftButton: ({ ref, label, isLoading, disabled, type, className, children, style, ...buttonProps }: Props$1M) => react_jsx_runtime.JSX.Element;
+declare const MicrosoftButton: ({ ref, label, isLoading, disabled, type, className, children, style, ...buttonProps }: Props$1G) => react_jsx_runtime.JSX.Element;
 
 declare const LABELS: {
     readonly signin: "Sign in with Google";
@@ -402,16 +415,14 @@ declare const variants$3: (props?: ({
     shape?: "circle" | "rectangular" | null | undefined;
     size?: "icon" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type Props$1L = ComponentPropsWithRef<'button'> & VariantProps<typeof variants$3> & {
+type Props$1F = ComponentPropsWithRef<'button'> & VariantProps<typeof variants$3> & {
     label?: keyof typeof LABELS;
     isLoading?: boolean;
 };
-declare const GoogleButton: ({ ref, variant, shape, size, label, isLoading, disabled, type, className, children, style, ...buttonProps }: Props$1L) => react_jsx_runtime.JSX.Element;
+declare const GoogleButton: ({ ref, variant, shape, size, label, isLoading, disabled, type, className, children, style, ...buttonProps }: Props$1F) => react_jsx_runtime.JSX.Element;
 
-type Props$1K = ComponentProps<'a'>;
-declare const Link: ({ ref, children, target, rel, onClick, className, ...rest }: Props$1K & {
-    ref?: Ref<ElementRef<"a">>;
-}) => react_jsx_runtime.JSX.Element;
+type Props$1E = ComponentProps<'a'>;
+declare const Link: ({ ref, children, target, rel, onClick, className, ...rest }: Props$1E) => react_jsx_runtime.JSX.Element;
 
 /**
  * AlertModal status variants. Mirrors `Alert`'s set but exposes `danger` (not `error`) since an
@@ -421,13 +432,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$1J = {
+type Props$1D = {
     onConfirm?: ConfirmHandler;
     onCancel?: CancelHandler;
     skipAsyncWait?: boolean;
 } & ComponentProps<typeof Root$1>;
 declare const AlertModal: {
-    ({ children, onConfirm, onCancel, skipAsyncWait, open, defaultOpen, onOpenChange, ...rest }: Props$1J): react_jsx_runtime.JSX.Element;
+    ({ children, onConfirm, onCancel, skipAsyncWait, open, defaultOpen, onOpenChange, ...rest }: Props$1D): 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;
@@ -439,7 +450,7 @@ declare const AlertModal: {
     } & Omit<_radix_ui_react_alert_dialog.AlertDialogContentProps & react.RefAttributes<HTMLDivElement>, "title">) => react_jsx_runtime.JSX.Element;
 };
 
-type Props$1I = ComponentProps<typeof Root$2>;
+type Props$1C = ComponentProps<typeof Root$2>;
 /**
  * Blocking dialog for confirmations, forms, and detail views. Built on Radix Dialog.
  *
@@ -455,7 +466,7 @@ type Props$1I = ComponentProps<typeof Root$2>;
  * @see RECIPES.md#confirm-dialog — for destructive-confirm dialogs
  */
 declare const Modal: {
-    (props: Props$1I): react_jsx_runtime.JSX.Element;
+    (props: Props$1C): react_jsx_runtime.JSX.Element;
     Close: react.ForwardRefExoticComponent<_radix_ui_react_dialog.DialogCloseProps & react.RefAttributes<HTMLButtonElement>>;
     Trigger: react.ForwardRefExoticComponent<_radix_ui_react_dialog.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>>;
     Content: ({ size, className, children, onEscapeKeyDown, ...props }: _radix_ui_react_dialog.DialogContentProps & react.RefAttributes<HTMLDivElement> & {
@@ -480,10 +491,8 @@ declare const Modal: {
         actions?: react.ReactNode;
         hideCloseIcon?: boolean;
     } & react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
-    Overlay: ({ ref, className, disableTransition, ...props }: (_radix_ui_react_dialog.DialogOverlayProps & react.RefAttributes<HTMLDivElement> & {
+    Overlay: ({ ref, className, disableTransition, ...props }: _radix_ui_react_dialog.DialogOverlayProps & react.RefAttributes<HTMLDivElement> & {
         disableTransition?: boolean;
-    }) & {
-        ref?: react.Ref<react.ElementRef<"div">>;
     }) => react_jsx_runtime.JSX.Element;
 };
 
@@ -508,7 +517,7 @@ declare const FullScreenModal: (({ children, className, lockBodyScroll, onEscape
     }) => react_jsx_runtime.JSX.Element;
 };
 
-type Props$1H = PropsWithChildren<Omit<HTMLAttributes<HTMLDivElement>, 'title'> & {
+type Props$1B = PropsWithChildren<Omit<HTMLAttributes<HTMLDivElement>, 'title'> & {
     title: ReactNode;
     titleClassName?: string;
     titleWrapperClassName?: string;
@@ -517,16 +526,16 @@ type Props$1H = PropsWithChildren<Omit<HTMLAttributes<HTMLDivElement>, 'title'>
     onClose?: () => void;
     showPreviousTitle?: boolean;
 }>;
-declare const FullScreenModalHeader: ({ title, titleClassName, titleWrapperClassName, defaultTitleStyles, isTitleWithIcon, children, onClose, className, showPreviousTitle, ...props }: Props$1H) => react_jsx_runtime.JSX.Element;
+declare const FullScreenModalHeader: ({ title, titleClassName, titleWrapperClassName, defaultTitleStyles, isTitleWithIcon, children, onClose, className, showPreviousTitle, ...props }: Props$1B) => react_jsx_runtime.JSX.Element;
 
-type Props$1G = HTMLAttributes<HTMLDivElement>;
-declare const FullScreenModalBody: ({ ref, className, children, ...props }: Props$1G & {
+type Props$1A = HTMLAttributes<HTMLDivElement>;
+declare const FullScreenModalBody: ({ ref, className, children, ...props }: Props$1A & {
     ref?: Ref<HTMLDivElement>;
 }) => react_jsx_runtime.JSX.Element;
 
-type Props$1F = ComponentProps<typeof Root$2>;
+type Props$1z = ComponentProps<typeof Root$2>;
 declare const Sheet: {
-    (props: Props$1F): react_jsx_runtime.JSX.Element;
+    (props: Props$1z): 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> & {
@@ -549,18 +558,16 @@ declare const Sheet: {
     Body: ({ className, ...rest }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => react_jsx_runtime.JSX.Element;
 };
 
-type Props$1E = ComponentProps<typeof Root$3>;
+type Props$1y = ComponentProps<typeof Root$3>;
 declare const Popover: {
-    (props: Props$1E): react_jsx_runtime.JSX.Element;
+    (props: Props$1y): react_jsx_runtime.JSX.Element;
     /**
      * Main Layout
      */
-    Content: ({ ref, className, align, sideOffset, matchTriggerWidth, children, onEscapeKeyDown, ...props }: (Omit<_radix_ui_react_popover.PopoverContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & Omit<class_variance_authority.VariantProps<(props?: ({
+    Content: ({ ref, className, align, sideOffset, matchTriggerWidth, children, onEscapeKeyDown, ...props }: _radix_ui_react_popover.PopoverContentProps & react.RefAttributes<HTMLDivElement> & Omit<class_variance_authority.VariantProps<(props?: ({
         variant?: "default" | "argo" | null | undefined;
         matchTriggerWidth?: boolean | null | undefined;
-    } & class_variance_authority_types.ClassProp) | undefined) => string>, "variant">) & {
-        ref?: react.Ref<react.ElementRef<react.ForwardRefExoticComponent<_radix_ui_react_popover.PopoverContentProps & react.RefAttributes<HTMLDivElement>>>>;
-    }) => react_jsx_runtime.JSX.Element;
+    } & class_variance_authority_types.ClassProp) | undefined) => string>, "variant">) => react_jsx_runtime.JSX.Element;
     Trigger: react.ForwardRefExoticComponent<_radix_ui_react_popover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>>;
     Close: react.ForwardRefExoticComponent<_radix_ui_react_popover.PopoverCloseProps & react.RefAttributes<HTMLButtonElement>>;
 };
@@ -573,13 +580,13 @@ type PopconfirmContextType = {
     isLoading: boolean;
 };
 
-type Props$1D = {
+type Props$1x = {
     children: ReactNode;
     skipAsyncWait?: boolean;
 } & ComponentProps<typeof Popover> & Omit<Partial<PopconfirmContextType>, 'isLoading'>;
 declare const Popconfirm: {
-    ({ children, onConfirm, onCancel, variant, enabled, onOpenChange, open, skipAsyncWait, ...rest }: Props$1D): react_jsx_runtime.JSX.Element;
-    Confirm: ({ ref, onClick, children, asChild, className, ...props }: (({
+    ({ children, onConfirm, onCancel, variant, enabled, onOpenChange, open, skipAsyncWait, ...rest }: Props$1x): react_jsx_runtime.JSX.Element;
+    Confirm: ({ ref, onClick, children, asChild, className, ...props }: ({
         asChild: true;
     } & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement>) | ({
         asChild?: false;
@@ -591,12 +598,8 @@ declare const Popconfirm: {
         block?: boolean | null | undefined;
         variant?: "primary" | "secondary" | "inline" | "danger" | "invisible" | "outline" | 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">)) & {
-        ref?: react.Ref<react.ElementRef<"button">>;
-    }) => react_jsx_runtime.JSX.Element;
-    Cancel: ({ ref, onClick, children, asChild, className, ...props }: (({
+    } & class_variance_authority_types.ClassProp) | undefined) => string>, "children" | "isLoading">)) => react_jsx_runtime.JSX.Element;
+    Cancel: ({ ref, onClick, children, asChild, className, ...props }: ({
         asChild: true;
     } & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement>) | ({
         asChild?: false;
@@ -608,22 +611,19 @@ declare const Popconfirm: {
         block?: boolean | null | undefined;
         variant?: "primary" | "secondary" | "inline" | "danger" | "invisible" | "outline" | 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">)) & {
-        ref?: react.Ref<react.ElementRef<"button">>;
-    }) => react_jsx_runtime.JSX.Element;
+    } & class_variance_authority_types.ClassProp) | undefined) => string>, "children">)) => react_jsx_runtime.JSX.Element;
     Footer: ({ className, ...props }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => react_jsx_runtime.JSX.Element;
     Content: ({ className, onInteractOutside, ...props }: {
         content?: string | undefined | undefined;
         translate?: "yes" | "no" | undefined | undefined;
+        color?: string | 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<react.ElementRef<react.ForwardRefExoticComponent<_radix_ui_react_popover.PopoverContentProps & react.RefAttributes<HTMLDivElement>>>> | undefined;
+        ref?: react.Ref<HTMLDivElement> | undefined;
         key?: react.Key | null | undefined;
         defaultChecked?: boolean | undefined | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
@@ -656,7 +656,6 @@ declare const Popconfirm: {
         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;
@@ -931,24 +930,20 @@ declare const Popconfirm: {
     Trigger: ({ onClick, ...props }: _radix_ui_react_popover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>) => react_jsx_runtime.JSX.Element;
 };
 
-type Props$1C = ComponentProps<typeof Root$4>;
+type Props$1w = ComponentProps<typeof Root$4>;
 declare const HoverCard: {
-    ({ openDelay, closeDelay, ...rest }: Props$1C): 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;
+    ({ openDelay, closeDelay, ...rest }: Props$1w): react_jsx_runtime.JSX.Element;
+    Content: ({ ref, className, align, sideOffset, children, ...props }: _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$1B = ComponentProps<typeof Root$5>;
+type Props$1v = ComponentProps<typeof Root$5>;
 declare const DropdownMenu: {
-    ({ modal, ...props }: Props$1B): react_jsx_runtime.JSX.Element;
+    ({ modal, ...props }: Props$1v): react_jsx_runtime.JSX.Element;
     /**
      * Main Layout
      */
-    Trigger: ({ ref, className, ...props }: (_radix_ui_react_dropdown_menu.DropdownMenuTriggerProps & react.RefAttributes<HTMLButtonElement>) & {
-        ref?: react.Ref<react.ElementRef<"button">>;
-    }) => react_jsx_runtime.JSX.Element;
+    Trigger: ({ ref, className, ...props }: _radix_ui_react_dropdown_menu.DropdownMenuTriggerProps & react.RefAttributes<HTMLButtonElement>) => react_jsx_runtime.JSX.Element;
     Content: ({ className, sideOffset, forceMount, children, viewPortClassName, container, ...props }: Omit<_radix_ui_react_dropdown_menu.DropdownMenuContentProps & react.RefAttributes<HTMLDivElement>, "asChild" | "forceMount"> & {
         forceMount?: boolean;
         viewPortClassName?: string;
@@ -966,13 +961,11 @@ declare const DropdownMenu: {
      */
     Separator: ({ className, ...props }: _radix_ui_react_dropdown_menu.DropdownMenuSeparatorProps & react.RefAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
     Label: ({ className, ...props }: _radix_ui_react_dropdown_menu.DropdownMenuLabelProps & react.RefAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
-    Item: ({ ref, className, asModalTrigger, onSelect, onPointerLeave, onPointerMove, children, asChild, icon, iconClassName, isLoading, ...props }: (_radix_ui_react_dropdown_menu.DropdownMenuItemProps & react.RefAttributes<HTMLDivElement> & {
+    Item: ({ ref, className, asModalTrigger, onSelect, onPointerLeave, onPointerMove, children, asChild, icon, iconClassName, isLoading, ...props }: _radix_ui_react_dropdown_menu.DropdownMenuItemProps & react.RefAttributes<HTMLDivElement> & {
         asModalTrigger?: boolean;
         icon?: react.ReactNode;
         isLoading?: boolean;
         iconClassName?: string;
-    }) & {
-        ref?: react.Ref<react.ElementRef<"div">>;
     }) => react_jsx_runtime.JSX.Element;
     CheckboxItem: ({ className, children, checked, closeOnSelect, onSelect, indicatorAlign, indicator, isLoading, ...props }: _radix_ui_react_dropdown_menu.DropdownMenuCheckboxItemProps & react.RefAttributes<HTMLDivElement> & {
         closeOnSelect?: boolean;
@@ -981,403 +974,89 @@ declare const DropdownMenu: {
         isLoading?: boolean;
     }) => react_jsx_runtime.JSX.Element;
     RadioGroup: <Value extends string = string>({ value, defaultValue, onValueChange, ...props }: Omit<_radix_ui_react_dropdown_menu.DropdownMenuRadioGroupProps & react.RefAttributes<HTMLDivElement>, "defaultValue" | "value" | "onValueChange"> & {
-        value?: Value | undefined;
-        defaultValue?: Value | undefined;
-        onValueChange?: ((value: Value) => void) | undefined;
-    }) => react_jsx_runtime.JSX.Element;
-    RadioItem: ({ className, children, closeOnSelect, onSelect, indicatorAlign, indicator, icon, iconClassName, isLoading, ...props }: _radix_ui_react_dropdown_menu.DropdownMenuRadioItemProps & react.RefAttributes<HTMLDivElement> & {
-        closeOnSelect?: boolean;
-        indicatorAlign?: "start" | "end";
-        indicator?: "radio" | "check" | "none";
-        icon?: react.ReactNode;
-        iconClassName?: string;
-        isLoading?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    ItemDescription: ({ className, children, hideOnHover, ...props }: react.ClassAttributes<HTMLSpanElement> & react.HTMLAttributes<HTMLSpanElement> & {
-        hideOnHover?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-};
-
-type Props$1A = {
-    variant?: 'checkbox' | 'radio' | 'default';
-};
-declare const CheckIndicator: ({ variant }: Props$1A) => react_jsx_runtime.JSX.Element | null;
-
-type Props$1z = ComponentProps<typeof Command$1>;
-declare const Command: {
-    ({ className, ...rest }: Props$1z): 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>;
-    } & {
-        asChild?: boolean;
-    }, "key" | keyof react.HTMLAttributes<HTMLDivElement> | "asChild"> & {
-        alwaysRender?: boolean;
-    } & react.RefAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
-    List: ({ ref, className, children, viewPortClassName, ...props }: ({
-        children?: React.ReactNode;
-    } & Pick<Pick<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof react.HTMLAttributes<HTMLDivElement>> & {
-        ref?: React.Ref<HTMLDivElement>;
-    } & {
-        asChild?: boolean;
-    }, "key" | keyof react.HTMLAttributes<HTMLDivElement> | "asChild"> & {
-        label?: string;
-    } & react.RefAttributes<HTMLDivElement> & Pick<ScrollAreaPrimitive.ScrollAreaProps & react.RefAttributes<HTMLDivElement> & {
-        viewPortClassName?: string;
-        scrollBarClassName?: string;
-        orientation?: ComponentProps<react.ForwardRefExoticComponent<ScrollAreaPrimitive.ScrollAreaScrollbarProps & react.RefAttributes<HTMLDivElement>>>["orientation"];
-    } & {
-        ref?: react.Ref<react.ElementRef<"div">>;
-    }, "viewPortClassName">) & {
-        ref?: react.Ref<react.ElementRef<"div">>;
-    }) => react_jsx_runtime.JSX.Element;
-    Group: ({ className, ...props }: {
-        children?: React.ReactNode;
-    } & Omit<Pick<Pick<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof react.HTMLAttributes<HTMLDivElement>> & {
-        ref?: React.Ref<HTMLDivElement>;
-    } & {
-        asChild?: boolean;
-    }, "key" | keyof react.HTMLAttributes<HTMLDivElement> | "asChild">, "heading" | "value"> & {
-        heading?: React.ReactNode;
-        value?: string;
-        forceMount?: boolean;
-    } & react.RefAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
-    Empty: ({ ...props }: {
-        children?: React.ReactNode;
-    } & Pick<Pick<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof react.HTMLAttributes<HTMLDivElement>> & {
-        ref?: React.Ref<HTMLDivElement>;
-    } & {
-        asChild?: boolean;
-    }, "key" | keyof react.HTMLAttributes<HTMLDivElement> | "asChild"> & react.RefAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
-    Input: ({ ref, className, ...props }: ({
-        value?: string | null;
-        defaultValue?: string | null;
-        onValueChange?: (value: string) => void;
-        onValueBlur?: (value: string) => void;
-        type?: "text" | "email" | "password" | "datetime-local" | "date";
-    } & {
-        content?: string | undefined | undefined;
-        size?: number | undefined | undefined;
-        translate?: "yes" | "no" | undefined | undefined;
-        prefix?: react.ReactNode;
-        id?: string | undefined | undefined;
-        name?: string | undefined | undefined;
-        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
-        variant?: "primary" | "secondary" | null | undefined;
-        form?: string | undefined | undefined;
-        slot?: string | undefined | undefined;
-        style?: react.CSSProperties | undefined;
-        title?: string | undefined | undefined;
-        pattern?: string | undefined | undefined;
-        ref?: react.Ref<HTMLInputElement> | undefined;
-        key?: react.Key | null | undefined;
-        defaultChecked?: boolean | undefined | 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<HTMLInputElement> | undefined;
-        onCopyCapture?: react.ClipboardEventHandler<HTMLInputElement> | undefined;
-        onCut?: react.ClipboardEventHandler<HTMLInputElement> | undefined;
-        onCutCapture?: react.ClipboardEventHandler<HTMLInputElement> | undefined;
-        onPaste?: react.ClipboardEventHandler<HTMLInputElement> | undefined;
-        onPasteCapture?: react.ClipboardEventHandler<HTMLInputElement> | undefined;
-        onCompositionEnd?: react.CompositionEventHandler<HTMLInputElement> | undefined;
-        onCompositionEndCapture?: react.CompositionEventHandler<HTMLInputElement> | undefined;
-        onCompositionStart?: react.CompositionEventHandler<HTMLInputElement> | undefined;
-        onCompositionStartCapture?: react.CompositionEventHandler<HTMLInputElement> | undefined;
-        onCompositionUpdate?: react.CompositionEventHandler<HTMLInputElement> | undefined;
-        onCompositionUpdateCapture?: react.CompositionEventHandler<HTMLInputElement> | undefined;
-        onFocus?: react.FocusEventHandler<HTMLInputElement> | undefined;
-        onFocusCapture?: react.FocusEventHandler<HTMLInputElement> | undefined;
-        onBlur?: react.FocusEventHandler<HTMLInputElement> | undefined;
-        onBlurCapture?: react.FocusEventHandler<HTMLInputElement> | undefined;
-        onChange?: react.ChangeEventHandler<HTMLInputElement, HTMLInputElement> | undefined;
-        onChangeCapture?: react.ChangeEventHandler<HTMLInputElement, Element> | undefined;
-        onBeforeInput?: react.InputEventHandler<HTMLInputElement> | undefined;
-        onBeforeInputCapture?: react.InputEventHandler<HTMLInputElement> | undefined;
-        onInput?: react.InputEventHandler<HTMLInputElement> | undefined;
-        onInputCapture?: react.InputEventHandler<HTMLInputElement> | undefined;
-        onReset?: react.ReactEventHandler<HTMLInputElement> | undefined;
-        onResetCapture?: react.ReactEventHandler<HTMLInputElement> | undefined;
-        onSubmit?: react.SubmitEventHandler<HTMLInputElement> | undefined;
-        onSubmitCapture?: react.SubmitEventHandler<HTMLInputElement> | undefined;
-        onInvalid?: react.ReactEventHandler<HTMLInputElement> | undefined;
-        onInvalidCapture?: react.ReactEventHandler<HTMLInputElement> | undefined;
-        onLoad?: react.ReactEventHandler<HTMLInputElement> | undefined;
-        onLoadCapture?: react.ReactEventHandler<HTMLInputElement> | undefined;
-        onError?: react.ReactEventHandler<HTMLInputElement> | undefined;
-        onErrorCapture?: react.ReactEventHandler<HTMLInputElement> | undefined;
-        onKeyDown?: react.KeyboardEventHandler<HTMLInputElement> | undefined;
-        onKeyDownCapture?: react.KeyboardEventHandler<HTMLInputElement> | undefined;
-        onKeyPress?: react.KeyboardEventHandler<HTMLInputElement> | undefined;
-        onKeyPressCapture?: react.KeyboardEventHandler<HTMLInputElement> | undefined;
-        onKeyUp?: react.KeyboardEventHandler<HTMLInputElement> | undefined;
-        onKeyUpCapture?: react.KeyboardEventHandler<HTMLInputElement> | undefined;
-        onAbort?: react.ReactEventHandler<HTMLInputElement> | undefined;
-        onAbortCapture?: react.ReactEventHandler<HTMLInputElement> | undefined;
-        onCanPlay?: react.ReactEventHandler<HTMLInputElement> | undefined;
-        onCanPlayCapture?: react.ReactEventHandler<HTMLInputElement> | undefined;
-        onCanPlayThrough?: react.ReactEventHandler<HTMLInputElement> | undefined;
-        onCanPlayThroughCapture?: react.ReactEventHandler<HTMLInputElement> | undefined;
-        onDurationChange?: react.ReactEventHandler<HTMLInputElement> | undefined;
-        onDurationChangeCapture?: react.ReactEventHandler<HTMLInputElement> | undefined;
-        onEmptied?: react.ReactEventHandler<HTMLInputElement> | undefined;
-        onEmptiedCapture?: react.ReactEventHandler<HTMLInputElement> | undefined;
-        onEncrypted?: react.ReactEventHandler<HTMLInputElement> | undefined;
-        onEncryptedCapture?: react.ReactEventHandler<HTMLInputElement> | undefined;
-        onEnded?: react.ReactEventHandler<HTMLInputElement> | undefined;
-        onEndedCapture?: react.ReactEventHandler<HTMLInputElement> | undefined;
-        onLoadedData?: react.ReactEventHandler<HTMLInputElement> | undefined;
-        onLoadedDataCapture?: react.ReactEventHandler<HTMLInputElement> | undefined;
-        onLoadedMetadata?: react.ReactEventHandler<HTMLInputElement> | undefined;
-        onLoadedMetadataCapture?: react.ReactEventHandler<HTMLInputElement> | undefined;
-        onLoadStart?: react.ReactEventHandler<HTMLInputElement> | undefined;
-        onLoadStartCapture?: react.ReactEventHandler<HTMLInputElement> | undefined;
-        onPause?: react.ReactEventHandler<HTMLInputElement> | undefined;
-        onPauseCapture?: react.ReactEventHandler<HTMLInputElement> | undefined;
-        onPlay?: react.ReactEventHandler<HTMLInputElement> | undefined;
-        onPlayCapture?: react.ReactEventHandler<HTMLInputElement> | undefined;
-        onPlaying?: react.ReactEventHandler<HTMLInputElement> | undefined;
-        onPlayingCapture?: react.ReactEventHandler<HTMLInputElement> | undefined;
-        onProgress?: react.ReactEventHandler<HTMLInputElement> | undefined;
-        onProgressCapture?: react.ReactEventHandler<HTMLInputElement> | undefined;
-        onRateChange?: react.ReactEventHandler<HTMLInputElement> | undefined;
-        onRateChangeCapture?: react.ReactEventHandler<HTMLInputElement> | undefined;
-        onSeeked?: react.ReactEventHandler<HTMLInputElement> | undefined;
-        onSeekedCapture?: react.ReactEventHandler<HTMLInputElement> | undefined;
-        onSeeking?: react.ReactEventHandler<HTMLInputElement> | undefined;
-        onSeekingCapture?: react.ReactEventHandler<HTMLInputElement> | undefined;
-        onStalled?: react.ReactEventHandler<HTMLInputElement> | undefined;
-        onStalledCapture?: react.ReactEventHandler<HTMLInputElement> | undefined;
-        onSuspend?: react.ReactEventHandler<HTMLInputElement> | undefined;
-        onSuspendCapture?: react.ReactEventHandler<HTMLInputElement> | undefined;
-        onTimeUpdate?: react.ReactEventHandler<HTMLInputElement> | undefined;
-        onTimeUpdateCapture?: react.ReactEventHandler<HTMLInputElement> | undefined;
-        onVolumeChange?: react.ReactEventHandler<HTMLInputElement> | undefined;
-        onVolumeChangeCapture?: react.ReactEventHandler<HTMLInputElement> | undefined;
-        onWaiting?: react.ReactEventHandler<HTMLInputElement> | undefined;
-        onWaitingCapture?: react.ReactEventHandler<HTMLInputElement> | undefined;
-        onAuxClick?: react.MouseEventHandler<HTMLInputElement> | undefined;
-        onAuxClickCapture?: react.MouseEventHandler<HTMLInputElement> | undefined;
-        onClick?: react.MouseEventHandler<HTMLInputElement> | undefined;
-        onClickCapture?: react.MouseEventHandler<HTMLInputElement> | undefined;
-        onContextMenu?: react.MouseEventHandler<HTMLInputElement> | undefined;
-        onContextMenuCapture?: react.MouseEventHandler<HTMLInputElement> | undefined;
-        onDoubleClick?: react.MouseEventHandler<HTMLInputElement> | undefined;
-        onDoubleClickCapture?: react.MouseEventHandler<HTMLInputElement> | undefined;
-        onDrag?: react.DragEventHandler<HTMLInputElement> | undefined;
-        onDragCapture?: react.DragEventHandler<HTMLInputElement> | undefined;
-        onDragEnd?: react.DragEventHandler<HTMLInputElement> | undefined;
-        onDragEndCapture?: react.DragEventHandler<HTMLInputElement> | undefined;
-        onDragEnter?: react.DragEventHandler<HTMLInputElement> | undefined;
-        onDragEnterCapture?: react.DragEventHandler<HTMLInputElement> | undefined;
-        onDragExit?: react.DragEventHandler<HTMLInputElement> | undefined;
-        onDragExitCapture?: react.DragEventHandler<HTMLInputElement> | undefined;
-        onDragLeave?: react.DragEventHandler<HTMLInputElement> | undefined;
-        onDragLeaveCapture?: react.DragEventHandler<HTMLInputElement> | undefined;
-        onDragOver?: react.DragEventHandler<HTMLInputElement> | undefined;
-        onDragOverCapture?: react.DragEventHandler<HTMLInputElement> | undefined;
-        onDragStart?: react.DragEventHandler<HTMLInputElement> | undefined;
-        onDragStartCapture?: react.DragEventHandler<HTMLInputElement> | undefined;
-        onDrop?: react.DragEventHandler<HTMLInputElement> | undefined;
-        onDropCapture?: react.DragEventHandler<HTMLInputElement> | undefined;
-        onMouseDown?: react.MouseEventHandler<HTMLInputElement> | undefined;
-        onMouseDownCapture?: react.MouseEventHandler<HTMLInputElement> | undefined;
-        onMouseEnter?: react.MouseEventHandler<HTMLInputElement> | undefined;
-        onMouseLeave?: react.MouseEventHandler<HTMLInputElement> | undefined;
-        onMouseMove?: react.MouseEventHandler<HTMLInputElement> | undefined;
-        onMouseMoveCapture?: react.MouseEventHandler<HTMLInputElement> | undefined;
-        onMouseOut?: react.MouseEventHandler<HTMLInputElement> | undefined;
-        onMouseOutCapture?: react.MouseEventHandler<HTMLInputElement> | undefined;
-        onMouseOver?: react.MouseEventHandler<HTMLInputElement> | undefined;
-        onMouseOverCapture?: react.MouseEventHandler<HTMLInputElement> | undefined;
-        onMouseUp?: react.MouseEventHandler<HTMLInputElement> | undefined;
-        onMouseUpCapture?: react.MouseEventHandler<HTMLInputElement> | undefined;
-        onSelect?: react.ReactEventHandler<HTMLInputElement> | undefined;
-        onSelectCapture?: react.ReactEventHandler<HTMLInputElement> | undefined;
-        onTouchCancel?: react.TouchEventHandler<HTMLInputElement> | undefined;
-        onTouchCancelCapture?: react.TouchEventHandler<HTMLInputElement> | undefined;
-        onTouchEnd?: react.TouchEventHandler<HTMLInputElement> | undefined;
-        onTouchEndCapture?: react.TouchEventHandler<HTMLInputElement> | undefined;
-        onTouchMove?: react.TouchEventHandler<HTMLInputElement> | undefined;
-        onTouchMoveCapture?: react.TouchEventHandler<HTMLInputElement> | undefined;
-        onTouchStart?: react.TouchEventHandler<HTMLInputElement> | undefined;
-        onTouchStartCapture?: react.TouchEventHandler<HTMLInputElement> | undefined;
-        onPointerDown?: react.PointerEventHandler<HTMLInputElement> | undefined;
-        onPointerDownCapture?: react.PointerEventHandler<HTMLInputElement> | undefined;
-        onPointerMove?: react.PointerEventHandler<HTMLInputElement> | undefined;
-        onPointerMoveCapture?: react.PointerEventHandler<HTMLInputElement> | undefined;
-        onPointerUp?: react.PointerEventHandler<HTMLInputElement> | undefined;
-        onPointerUpCapture?: react.PointerEventHandler<HTMLInputElement> | undefined;
-        onPointerCancel?: react.PointerEventHandler<HTMLInputElement> | undefined;
-        onPointerCancelCapture?: react.PointerEventHandler<HTMLInputElement> | undefined;
-        onPointerEnter?: react.PointerEventHandler<HTMLInputElement> | undefined;
-        onPointerLeave?: react.PointerEventHandler<HTMLInputElement> | undefined;
-        onPointerOver?: react.PointerEventHandler<HTMLInputElement> | undefined;
-        onPointerOverCapture?: react.PointerEventHandler<HTMLInputElement> | undefined;
-        onPointerOut?: react.PointerEventHandler<HTMLInputElement> | undefined;
-        onPointerOutCapture?: react.PointerEventHandler<HTMLInputElement> | undefined;
-        onGotPointerCapture?: react.PointerEventHandler<HTMLInputElement> | undefined;
-        onGotPointerCaptureCapture?: react.PointerEventHandler<HTMLInputElement> | undefined;
-        onLostPointerCapture?: react.PointerEventHandler<HTMLInputElement> | undefined;
-        onLostPointerCaptureCapture?: react.PointerEventHandler<HTMLInputElement> | undefined;
-        onScroll?: react.UIEventHandler<HTMLInputElement> | undefined;
-        onScrollCapture?: react.UIEventHandler<HTMLInputElement> | undefined;
-        onScrollEnd?: react.UIEventHandler<HTMLInputElement> | undefined;
-        onScrollEndCapture?: react.UIEventHandler<HTMLInputElement> | undefined;
-        onWheel?: react.WheelEventHandler<HTMLInputElement> | undefined;
-        onWheelCapture?: react.WheelEventHandler<HTMLInputElement> | undefined;
-        onAnimationStart?: react.AnimationEventHandler<HTMLInputElement> | undefined;
-        onAnimationStartCapture?: react.AnimationEventHandler<HTMLInputElement> | undefined;
-        onAnimationEnd?: react.AnimationEventHandler<HTMLInputElement> | undefined;
-        onAnimationEndCapture?: react.AnimationEventHandler<HTMLInputElement> | undefined;
-        onAnimationIteration?: react.AnimationEventHandler<HTMLInputElement> | undefined;
-        onAnimationIterationCapture?: react.AnimationEventHandler<HTMLInputElement> | undefined;
-        onToggle?: react.ToggleEventHandler<HTMLInputElement> | undefined;
-        onBeforeToggle?: react.ToggleEventHandler<HTMLInputElement> | undefined;
-        onTransitionCancel?: react.TransitionEventHandler<HTMLInputElement> | undefined;
-        onTransitionCancelCapture?: react.TransitionEventHandler<HTMLInputElement> | undefined;
-        onTransitionEnd?: react.TransitionEventHandler<HTMLInputElement> | undefined;
-        onTransitionEndCapture?: react.TransitionEventHandler<HTMLInputElement> | undefined;
-        onTransitionRun?: react.TransitionEventHandler<HTMLInputElement> | undefined;
-        onTransitionRunCapture?: react.TransitionEventHandler<HTMLInputElement> | undefined;
-        onTransitionStart?: react.TransitionEventHandler<HTMLInputElement> | undefined;
-        onTransitionStartCapture?: react.TransitionEventHandler<HTMLInputElement> | undefined;
-        list?: string | undefined | undefined;
-        disabled?: boolean | undefined | undefined;
-        formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
-        formEncType?: string | undefined | undefined;
-        formMethod?: string | undefined | undefined;
-        formNoValidate?: boolean | undefined | undefined;
-        formTarget?: string | undefined | undefined;
-        height?: number | string | undefined | undefined;
-        max?: number | string | undefined | undefined;
-        min?: number | string | undefined | undefined;
-        width?: number | string | undefined | undefined;
-        checked?: boolean | undefined | undefined;
-        multiple?: boolean | undefined | undefined;
+        value?: Value | undefined;
+        defaultValue?: Value | undefined;
+        onValueChange?: ((value: Value) => void) | undefined;
+    }) => react_jsx_runtime.JSX.Element;
+    RadioItem: ({ className, children, closeOnSelect, onSelect, indicatorAlign, indicator, icon, iconClassName, isLoading, ...props }: _radix_ui_react_dropdown_menu.DropdownMenuRadioItemProps & react.RefAttributes<HTMLDivElement> & {
+        closeOnSelect?: boolean;
+        indicatorAlign?: "start" | "end";
+        indicator?: "radio" | "check" | "none";
+        icon?: react.ReactNode;
+        iconClassName?: string;
+        isLoading?: boolean;
+    }) => react_jsx_runtime.JSX.Element;
+    ItemDescription: ({ className, children, hideOnHover, ...props }: react.ClassAttributes<HTMLSpanElement> & react.HTMLAttributes<HTMLSpanElement> & {
+        hideOnHover?: boolean;
+    }) => react_jsx_runtime.JSX.Element;
+};
+
+type Props$1u = {
+    variant?: 'checkbox' | 'radio' | 'default';
+};
+declare const CheckIndicator: ({ variant }: Props$1u) => react_jsx_runtime.JSX.Element | null;
+
+type Props$1t = ComponentProps<typeof Command$1>;
+declare const Command: {
+    ({ className, ...rest }: Props$1t): 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>;
+    } & {
+        asChild?: boolean;
+    }, "key" | keyof react.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+        alwaysRender?: boolean;
+    } & react.RefAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
+    List: ({ ref, className, children, viewPortClassName, ...props }: {
+        children?: React.ReactNode;
+    } & Pick<Pick<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof react.HTMLAttributes<HTMLDivElement>> & {
+        ref?: React.Ref<HTMLDivElement>;
+    } & {
+        asChild?: boolean;
+    }, "key" | keyof react.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+        label?: string;
+    } & react.RefAttributes<HTMLDivElement> & Pick<ScrollAreaPrimitive.ScrollAreaProps & react.RefAttributes<HTMLDivElement> & {
+        viewPortClassName?: string;
+        scrollBarClassName?: string;
+        orientation?: ComponentProps<react.ForwardRefExoticComponent<ScrollAreaPrimitive.ScrollAreaScrollbarProps & react.RefAttributes<HTMLDivElement>>>["orientation"];
+    }, "viewPortClassName">) => react_jsx_runtime.JSX.Element;
+    Group: ({ className, ...props }: {
+        children?: React.ReactNode;
+    } & Omit<Pick<Pick<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof react.HTMLAttributes<HTMLDivElement>> & {
+        ref?: React.Ref<HTMLDivElement>;
+    } & {
+        asChild?: boolean;
+    }, "key" | keyof react.HTMLAttributes<HTMLDivElement> | "asChild">, "heading" | "value"> & {
+        heading?: React.ReactNode;
+        value?: string;
+        forceMount?: boolean;
+    } & react.RefAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
+    Empty: ({ ...props }: {
+        children?: React.ReactNode;
+    } & Pick<Pick<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof react.HTMLAttributes<HTMLDivElement>> & {
+        ref?: React.Ref<HTMLDivElement>;
+    } & {
+        asChild?: boolean;
+    }, "key" | keyof react.HTMLAttributes<HTMLDivElement> | "asChild"> & react.RefAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
+    Input: ({ ref, className, ...props }: {
+        variant?: "primary" | "secondary" | null | undefined;
         state?: "warning" | "default" | "error" | null | undefined;
-        src?: string | undefined | undefined;
-        alt?: string | undefined | undefined;
-        required?: boolean | undefined | undefined;
-        autoComplete?: react.HTMLInputAutoCompleteAttribute | undefined;
-        capture?: boolean | "user" | "environment" | undefined | undefined;
-        maxLength?: number | undefined | undefined;
-        minLength?: number | undefined | undefined;
-        placeholder?: string | undefined | undefined;
-        readOnly?: boolean | undefined | undefined;
         sizing?: "medium" | "small" | "default" | null | undefined;
         focusVariant?: "off" | "on" | "default" | null | undefined;
+    } & {
+        prefix?: react.ReactNode;
         rightSuffix?: react.ReactNode;
-        rightSuffixVariant?: "addon" | "default" | undefined;
+        rightSuffixVariant?: "addon" | "default";
         leftSuffix?: react.ReactNode;
-        allowClear?: boolean | undefined;
-        onClear?: (() => void) | undefined;
-        testId?: string | undefined;
-    } & {
-        ref?: react.Ref<react.ElementRef<"input">>;
-    }) & {
-        ref?: react.Ref<react.ElementRef<"input">>;
-    }) => react_jsx_runtime.JSX.Element;
+        allowClear?: boolean;
+        onClear?: () => void;
+        testId?: string;
+        value?: string | null;
+        defaultValue?: string | null;
+        onValueChange?: (value: string) => void;
+        onValueBlur?: (value: string) => void;
+        type?: "text" | "email" | "password" | "datetime-local" | "date";
+    } & Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "prefix" | "defaultValue" | "step" | "type" | "value" | "accept">) => react_jsx_runtime.JSX.Element;
     Item: ({ className, icon, children, checked, variant, actions, ...props }: {
         children?: React.ReactNode;
     } & Omit<Pick<Pick<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof react.HTMLAttributes<HTMLDivElement>> & {
@@ -1401,25 +1080,21 @@ declare const Command: {
 declare const addonVariants$1: (props?: ({
     align?: "inline-end" | "inline-start" | "block-end" | "block-start" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type Props$1y = ComponentProps<'div'> & VariantProps<typeof addonVariants$1>;
-declare const InputGroupAddon: ({ children, align, className, ...props }: Props$1y) => react_jsx_runtime.JSX.Element;
+type Props$1s = ComponentProps<'div'> & VariantProps<typeof addonVariants$1>;
+declare const InputGroupAddon: ({ children, align, className, ...props }: Props$1s) => react_jsx_runtime.JSX.Element;
 
 type ButtonProps = ComponentProps<typeof Button>;
-type Props$1x = Omit<ButtonProps, 'size' | 'block' | 'variant'>;
-declare const InputGroupButton: ({ ref, className, tabIndex, ...props }: Props$1x & {
-    ref?: Ref<ElementRef<"button">>;
-}) => react_jsx_runtime.JSX.Element;
+type Props$1r = Omit<ButtonProps, 'size' | 'block' | 'variant'>;
+declare const InputGroupButton: ({ ref, className, tabIndex, ...props }: Props$1r) => react_jsx_runtime.JSX.Element;
 
-type Props$1w = ComponentProps<'input'>;
-declare const InputGroupInput: ({ ref, className, ...inputProps }: Props$1w & {
-    ref?: Ref<ElementRef<"input">>;
-}) => react_jsx_runtime.JSX.Element;
+type Props$1q = ComponentProps<'input'>;
+declare const InputGroupInput: ({ ref, className, ...inputProps }: Props$1q) => react_jsx_runtime.JSX.Element;
 
-type Props$1v = ComponentProps<'span'>;
-declare const InputGroupText: ({ className, ...props }: Props$1v) => react_jsx_runtime.JSX.Element;
+type Props$1p = ComponentProps<'span'>;
+declare const InputGroupText: ({ className, ...props }: Props$1p) => react_jsx_runtime.JSX.Element;
 
 type TextareaNativeProps$1 = Omit<ComponentProps<typeof react_textarea_autosize__default>, 'value' | 'defaultValue' | 'rows' | 'maxRows'>;
-type Props$1u = TextareaNativeProps$1 & {
+type Props$1o = TextareaNativeProps$1 & {
     value?: string | null;
     defaultValue?: string | null;
     onValueChange?: (value: string) => void;
@@ -1427,9 +1102,7 @@ type Props$1u = TextareaNativeProps$1 & {
     maxRows?: number | 'unlimited';
     disableResize?: boolean;
 };
-declare const InputGroupTextArea: ({ ref, className, onChange, onValueChange, value, defaultValue, onBlur, onValueBlur, disableResize, minRows, maxRows, ...props }: Props$1u & {
-    ref?: Ref<ElementRef<"textarea">>;
-}) => react_jsx_runtime.JSX.Element;
+declare const InputGroupTextArea: ({ ref, className, onChange, onValueChange, value, defaultValue, onBlur, onValueBlur, disableResize, minRows, maxRows, ...props }: Props$1o) => react_jsx_runtime.JSX.Element;
 
 declare const inputGroupVariants: (props?: ({
     focusVariant?: "off" | "on" | "default" | null | undefined;
@@ -1437,12 +1110,10 @@ declare const inputGroupVariants: (props?: ({
     sizing?: "medium" | "small" | "default" | null | undefined;
     state?: "warning" | "default" | "error" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type Props$1t = ComponentProps<'div'> & Omit<VariantProps<typeof inputGroupVariants>, 'variant'> & {
+type Props$1n = ComponentPropsWithRef<'div'> & Omit<VariantProps<typeof inputGroupVariants>, 'variant'> & {
     variant?: Exclude<VariantProps<typeof inputGroupVariants>['variant'], 'argo'>;
 };
-declare const InputGroupRoot: ({ ref, children, state, variant, sizing, focusVariant, className, ...props }: Props$1t & {
-    ref?: Ref<ElementRef<"div">>;
-}) => react_jsx_runtime.JSX.Element;
+declare const InputGroupRoot: ({ ref, children, state, variant, sizing, focusVariant, className, ...props }: Props$1n) => react_jsx_runtime.JSX.Element;
 declare const InputGroup: typeof InputGroupRoot & {
     Input: typeof InputGroupInput;
     Addon: typeof InputGroupAddon;
@@ -1451,8 +1122,8 @@ declare const InputGroup: typeof InputGroupRoot & {
     Text: typeof InputGroupText;
 };
 
-type InputGroupProps$7 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'sizing' | 'state'>;
-type OwnProps$1 = {
+type InputGroupProps$9 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'sizing' | 'state'>;
+type OwnProps = {
     prefix?: ReactNode;
     rightSuffix?: ReactNode;
     rightSuffixVariant?: 'addon' | 'default';
@@ -1460,56 +1131,6 @@ type OwnProps$1 = {
     allowClear?: boolean;
     onClear?: () => void;
     testId?: string;
-    value?: ComponentProps<'input'>['value'] | null;
-    defaultValue?: ComponentProps<'input'>['defaultValue'] | null;
-};
-/**
- * Props for `Input`. Combines `InputGroup` chrome (variant / sizing / state / focusVariant) with
- * input-specific slots (`prefix`, `leftSuffix`, `rightSuffix`, `allowClear`).
- */
-type Props$1s = InputGroupProps$7 & OwnProps$1 & Omit<ComponentProps<'input'>, 'prefix' | 'value' | 'defaultValue'>;
-/**
- * Low-level text input with `InputGroup` chrome — addons, clear button, sizing, focus variants.
- *
- * **When to use:** when you need an input with prefix / suffix slots or a clear button and don't need the
- * `onValueChange` convenience callback. Rare on its own — most call sites should use `TextInput`.
- * **When NOT to use:** for plain text fields use `TextInput`; for fields inside a `FormGroup` use
- * `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$1s & {
-    ref?: Ref<ElementRef<"input">>;
-}) => react_jsx_runtime.JSX.Element;
-
-type InputProps$1 = ComponentProps<typeof Input$1>;
-type Props$1r = Omit<InputProps$1, 'type' | 'value' | 'defaultValue'> & {
-    defaultValue?: Date | null;
-    disabledDays?: Matcher | Matcher[];
-    endMonth?: Date;
-    onValueBlur?: (value: Date | null) => void;
-    onValueChange?: (value: Date | null) => void;
-    startMonth?: Date;
-    value?: Date | null;
-};
-declare const DateInput: ({ ref, defaultValue, disabled, disabledDays, endMonth, onBlur, onChange, onValueBlur, onValueChange, placeholder, readOnly, startMonth, value, variant, ...props }: Props$1r & {
-    ref?: Ref<ElementRef<"input">>;
-}) => react_jsx_runtime.JSX.Element;
-
-type InputProps = ComponentProps<typeof Input$1>;
-type Props$1q = Omit<InputProps, 'type' | 'value' | 'defaultValue'> & {
-    defaultValue?: DateRange$1 | null;
-    endMonth?: Date;
-    onValueBlur?: (value: DateRange$1 | null) => void;
-    onValueChange?: (value: DateRange$1 | null) => void;
-    startMonth?: Date;
-    value?: DateRange$1 | null;
-};
-declare const DateRangeInput: ({ ref, defaultValue, disabled, endMonth, onBlur, onChange, onValueBlur, onValueChange, placeholder, readOnly, startMonth, value, ...props }: Props$1q & {
-    ref?: Ref<ElementRef<"input">>;
-}) => react_jsx_runtime.JSX.Element;
-
-type NativeProps = Omit<ComponentProps<typeof Input$1>, 'type' | 'value' | 'defaultValue' | 'accept' | 'step'>;
-type OwnProps = {
     value?: string | null;
     defaultValue?: string | null;
     /** Called with the unwrapped string value on every change. For the raw event use `onChange`. */
@@ -1519,12 +1140,15 @@ type OwnProps = {
     type?: 'text' | 'email' | 'password' | 'datetime-local' | 'date';
 };
 /**
- * Props for `TextInput`. Extends `Input` with string-typed `value` / `defaultValue` and convenience
- * `onValueChange` / `onValueBlur` callbacks. `null` / `undefined` are coerced to empty strings.
+ * Props for `TextInput`. Combines `InputGroup` chrome (variant / sizing / state / focusVariant) with
+ * input-specific slots (`prefix`, `leftSuffix`, `rightSuffix`, `allowClear`) and a string-typed
+ * `value` / `defaultValue` plus convenience `onValueChange` / `onValueBlur` callbacks. `null` /
+ * `undefined` are coerced to empty strings.
  */
-type Props$1p = OwnProps & NativeProps;
+type Props$1m = InputGroupProps$9 & OwnProps & Omit<ComponentProps<'input'>, 'prefix' | 'value' | 'defaultValue' | 'type' | 'accept' | 'step'>;
 /**
- * Standard text input with a string-only API. The default choice for a bare text input.
+ * Standard text input with a string-only API, built on `InputGroup` chrome — addons, clear button,
+ * sizing, focus variants. The default choice for a bare text input.
  *
  * **When to use:** any plain text / email / password / date-input field outside `useAppForm`. Pair with
  * `onValueChange` instead of unwrapping `event.target.value` from `onChange`.
@@ -1534,42 +1158,34 @@ type Props$1p = 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$1p & {
-    ref?: Ref<ElementRef<"input">>;
-}) => react_jsx_runtime.JSX.Element;
+declare const TextInput: ({ ref: forwardedRef, state, sizing, className, prefix, rightSuffix, rightSuffixVariant, leftSuffix, allowClear, onClear, disabled, testId: prefixTestId, autoFocus, id, name, variant, readOnly, type, focusVariant, onChange, onBlur, onValueChange, onValueBlur, value: valueProp, defaultValue, ...inputProps }: Props$1m) => react_jsx_runtime.JSX.Element;
 
-type Props$1o = ComponentProps<typeof TextInput>;
-declare const CommandInput: ({ ref, className, ...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) => react_jsx_runtime.JSX.Element;
 
-type Props$1n = ComponentProps<typeof ScrollAreaPrimitive.Root> & {
+type Props$1k = ComponentProps<typeof ScrollAreaPrimitive.Root> & {
     viewPortClassName?: string;
     scrollBarClassName?: string;
     orientation?: ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>['orientation'];
 };
-declare const ScrollArea: ({ ref, className, children, viewPortClassName, orientation, scrollBarClassName, ...props }: Props$1n & {
-    ref?: Ref<ElementRef<"div">>;
-}) => react_jsx_runtime.JSX.Element;
+declare const ScrollArea: ({ ref, className, children, viewPortClassName, orientation, scrollBarClassName, ...props }: Props$1k) => react_jsx_runtime.JSX.Element;
 
-type Props$1m = ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>;
-declare const ScrollBar: ({ className, orientation, ...props }: Props$1m) => 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 Command$1.List> & Pick<ComponentProps<typeof ScrollArea>, 'viewPortClassName'>;
-declare const CommandList: ({ ref, className, children, viewPortClassName, ...props }: Props$1l & {
-    ref?: Ref<ElementRef<"div">>;
-}) => 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) => react_jsx_runtime.JSX.Element;
 
-type Props$1k = ComponentProps<typeof Command$1.Group>;
-declare const CommandGroup: ({ className, ...props }: Props$1k) => 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.Item> & {
+type Props$1g = ComponentProps<typeof Command$1.Item> & {
     icon?: ReactNode;
     checked?: boolean;
     variant?: ComponentProps<typeof CheckIndicator>['variant'];
     actions?: ReactNode;
 };
-declare const CommandItem: ({ className, icon, children, checked, variant, actions, ...props }: Props$1j) => react_jsx_runtime.JSX.Element;
+declare const CommandItem: ({ className, icon, children, checked, variant, actions, ...props }: Props$1g) => react_jsx_runtime.JSX.Element;
 
 /** Viewport-relative box of the highlighted target. */
 type TargetRect = {
@@ -1589,7 +1205,7 @@ type SpotlightTarget = string | RefObject<Element | null> | undefined;
  */
 declare const useTargetRect: (target: SpotlightTarget, enabled: boolean) => TargetRect | null;
 
-type Props$1i = {
+type Props$1f = {
     /** Target box to cut out of the dim layer, or `null` for a full dim (no highlight). */
     rect: TargetRect | null;
     /** Padding around the target inside the cut-out, in px. */
@@ -1611,7 +1227,7 @@ type Props$1i = {
  * (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$1i) => react_jsx_runtime.JSX.Element;
+declare const SpotlightBackdrop: ({ rect, padding, radius, className, onClick }: Props$1f) => react_jsx_runtime.JSX.Element;
 
 type CalendarProps = Omit<PropsBase, 'required' | 'captionLayout'> & (PropsSingle | PropsRange);
 declare const Calendar: {
@@ -1655,20 +1271,20 @@ declare const DateRangePicker: {
     displayName: string;
 };
 
-type Props$1h = {
+type Props$1e = {
     children?: ReactNode;
     defaultSelected?: string | null;
     selected?: string | null;
     onSelect?: (time: string) => void;
 } & Pick<PopoverProps, 'open' | 'onOpenChange' | 'defaultOpen'> & Pick<PopoverContentProps, 'align' | 'alignOffset' | 'sideOffset'>;
-declare const TimePicker: ({ align, alignOffset, children, defaultOpen, defaultSelected, onOpenChange, onSelect, open, selected, sideOffset, }: Props$1h) => react_jsx_runtime.JSX.Element;
+declare const TimePicker: ({ align, alignOffset, children, defaultOpen, defaultSelected, onOpenChange, onSelect, open, selected, sideOffset, }: Props$1e) => react_jsx_runtime.JSX.Element;
 
-type Props$1g = {
+type Props$1d = {
     id?: string | number;
     htmlFor?: string | number;
 } & Omit<LabelProps$1, 'id' | 'htmlFor'>;
 declare const Label: {
-    ({ className, children, id, htmlFor, ...rest }: Props$1g): react_jsx_runtime.JSX.Element;
+    ({ className, children, id, htmlFor, ...rest }: Props$1d): 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;
 };
@@ -1682,21 +1298,19 @@ declare const switchVariants: (props?: ({
     size?: "medium" | "small" | "large" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
-type Props$1f = {
+type Props$1c = {
     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$1f & {
-    ref?: Ref<ElementRef<"button">>;
-}) => react_jsx_runtime.JSX.Element;
+declare const Switch: ({ ref, className, size, disabled, id: idProp, children, description, variant, position, ...props }: Props$1c) => react_jsx_runtime.JSX.Element;
 
 type Variant$7 = 'radio' | 'button' | 'radio-block';
 type Orientation = 'vertical' | 'horizontal';
 
-type Props$1e<Value> = {
+type Props$1b<Value> = {
     variant?: Variant$7;
     orientation?: Orientation;
     onValueChange?: (value: Value) => void;
@@ -1704,10 +1318,11 @@ type Props$1e<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$1e<Value>): react_jsx_runtime.JSX.Element;
+    <Value extends string = string>({ variant, className, disabled, orientation, onValueChange, children, value, defaultValue, ...props }: Props$1b<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;
+        color?: string | undefined | undefined;
         prefix?: string | undefined | undefined;
         id?: string | undefined | undefined;
         popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
@@ -1748,7 +1363,6 @@ declare const RadioGroup: {
         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;
@@ -2001,34 +1615,30 @@ declare const RadioGroup: {
     } & {
         value: T;
         tooltip?: react.ReactNode;
-        tooltipVariant?: Props$1Q["variant"];
-        tooltipPlacement?: Props$1Q["placement"];
+        tooltipVariant?: Props$1L["variant"];
+        tooltipPlacement?: Props$1L["placement"];
         description?: react.ReactNode;
     }) => react_jsx_runtime.JSX.Element;
     Separator: () => react_jsx_runtime.JSX.Element;
 };
 
-type Props$1d = ComponentProps<typeof Thumb> & {
+type Props$1a = ComponentProps<typeof Thumb> & {
     tooltip?: ReactNode;
     tooltipSide?: ComponentProps<typeof Tooltip.Content>['placement'];
 };
-declare const SliderThumb: ({ ref: forwardedRef, className, tooltip, tooltipSide, ...props }: Props$1d & {
-    ref?: Ref<ElementRef<typeof Thumb>>;
-}) => react_jsx_runtime.JSX.Element;
+declare const SliderThumb: ({ ref: forwardedRef, className, tooltip, tooltipSide, ...props }: Props$1a) => react_jsx_runtime.JSX.Element;
 
 type ThumbTooltipFn = (value: number, index: number) => ReactNode;
-type Props$1c = ComponentProps<typeof Root$7> & {
+type Props$19 = 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$1c & {
-    ref?: Ref<ElementRef<typeof Root$7>>;
-}) => react_jsx_runtime.JSX.Element;
+declare const Slider: ({ ref, className, value, defaultValue, min, max, onValueChange, thumbTooltip, thumbTooltipSide, rangeClassName, ...rest }: Props$19) => 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$1b = {
+type Props$18 = {
     suffix?: ReactNode;
     disableDebounce?: boolean;
     debounceDelay?: number;
@@ -2039,20 +1649,16 @@ type Props$1b = {
     testId?: string;
     onClear?: () => void;
     variant?: 'default' | 'ai';
-} & Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'onBlur' | 'onChange' | 'value' | 'defaultValue' | 'prefix' | 'suffix'>;
+} & Omit<ComponentProps<'input'>, 'type' | 'onBlur' | 'onChange' | 'value' | 'defaultValue' | 'prefix' | 'suffix'>;
 /**
  * @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$1b & {
-    ref?: Ref<ElementRef<"input">>;
-}) => react_jsx_runtime.JSX.Element;
+declare const Search: ({ ref, suffix, className, onBlur, onChange, disabled, readOnly, disableDebounce, debounceDelay, value: externalValue, defaultValue, testId: prefixTestId, placeholder, onClear, variant, ...rest }: Props$18) => react_jsx_runtime.JSX.Element;
 
-type Props$1a = {
+type Props$17 = {
     onSubmit: (value: string) => void;
 } & Omit<ComponentProps<typeof Search>, 'onClear' | 'onBlur' | 'onSubmit'>;
-declare const SearchForm: ({ ref, onSubmit, name, ...props }: Props$1a & {
-    ref?: Ref<ElementRef<"input">>;
-}) => react_jsx_runtime.JSX.Element;
+declare const SearchForm: ({ ref, onSubmit, name, ...props }: Props$17) => react_jsx_runtime.JSX.Element;
 
 type SelectRootProps = {
     children?: ReactNode;
@@ -2075,12 +1681,10 @@ declare const variants$2: (props?: ({
     sizing?: "medium" | "small" | "default" | null | undefined;
     state?: "warning" | "default" | "error" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type Props$19 = ComponentProps<typeof _radix_ui_react_select.Trigger> & Omit<VariantProps<typeof variants$2>, 'variant'> & {
-    variant?: Exclude<VariantProps<typeof variants$2>['variant'], 'argo'>;
+type Props$16 = ComponentProps<typeof _radix_ui_react_select.Trigger> & Omit<VariantProps<typeof variants$2>, 'variant'> & {
+    variant?: Exclude<VariantProps<typeof variants$2>['variant'], 'argo'> | 'inline';
 } & Pick<ComponentProps<typeof _radix_ui_react_select.Value>, 'placeholder'>;
-declare const SelectTrigger: ({ ref, className, variant, state, sizing, placeholder, ...props }: Props$19 & {
-    ref?: Ref<ElementRef<"button">>;
-}) => react_jsx_runtime.JSX.Element;
+declare const SelectTrigger: ({ ref, className, variant, state, sizing, placeholder, ...props }: Props$16) => react_jsx_runtime.JSX.Element;
 
 type SelectItem = {
     value: string;
@@ -2093,11 +1697,7 @@ type SelectItemGroup = {
     items: readonly SelectItem[];
 };
 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$18 = Pick<SelectRootProps, 'value' | 'defaultValue' | 'onValueChange' | 'disabled' | 'name' | 'required' | 'open' | 'defaultOpen' | 'onOpenChange'> & Pick<TriggerProps, 'variant' | 'state' | 'sizing' | 'placeholder' | 'id' | 'className'> & {
+type Props$15 = Pick<SelectRootProps, 'value' | 'defaultValue' | 'onValueChange' | 'disabled' | 'name' | 'required' | 'open' | 'defaultOpen' | 'onOpenChange' | 'dir' | 'autoComplete' | 'form'> & Pick<TriggerProps, 'variant' | 'state' | 'sizing' | 'placeholder' | 'id' | 'className' | 'onBlur' | 'aria-describedby' | 'aria-invalid' | 'aria-required'> & {
     items?: readonly (SelectItem | SelectItemGroup)[];
 };
 /**
@@ -2105,16 +1705,15 @@ type Props$18 = Pick<SelectRootProps, 'value' | 'defaultValue' | 'onValueChange'
  *
  * **When to use:** picking one value from ~10 or fewer options where search adds no value (status,
  * region, role). Pass a flat `items` array or grouped arrays with optional labels for headings.
- * **When NOT to use:** for longer lists with search use `Combobox`; for multi-select use `MultiCombobox`;
- * for free-form tag entry use `Tagger`.
+ * **When NOT to use:** for longer lists with search use `Combobox`; for multi-select use `MultiCombobox`.
  * **Composition:** wrap in `FormGroup` for label + help text, or use `useAppForm` + `field.SelectField`
  * for forms with validation. Use the compound parts (`Select.Root`, `Select.Trigger`, `Select.Content`,
  * `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$18): react_jsx_runtime.JSX.Element;
+    ({ value, defaultValue, onValueChange, disabled, name, required, open, defaultOpen, onOpenChange, dir, autoComplete, form, variant, state, sizing, placeholder, id, className, onBlur, "aria-describedby": ariaDescribedBy, "aria-invalid": ariaInvalid, "aria-required": ariaRequired, items, }: Props$15): 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?: ({
+    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?: "medium" | "small" | "default" | null | undefined;
         state?: "warning" | "default" | "error" | null | undefined;
@@ -2123,72 +1722,58 @@ declare const Select: {
             variant?: "primary" | "secondary" | "argo" | 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">) & {
-        ref?: react.Ref<react.ElementRef<"button">>;
-    }) => react_jsx_runtime.JSX.Element;
-    Content: ({ ref, className, children, container, position, sideOffset, ...props }: (_radix_ui_react_select.SelectContentProps & react.RefAttributes<HTMLDivElement> & {
+        } & class_variance_authority_types.ClassProp) | undefined) => string>["variant"], "argo"> | "inline";
+    } & Pick<_radix_ui_react_select.SelectValueProps & react.RefAttributes<HTMLSpanElement>, "placeholder">) => react_jsx_runtime.JSX.Element;
+    Content: ({ ref, className, children, container, position, sideOffset, ...props }: _radix_ui_react_select.SelectContentProps & react.RefAttributes<HTMLDivElement> & {
         container?: HTMLElement | null;
-    }) & {
-        ref?: react.Ref<react.ElementRef<"div">>;
     }) => react_jsx_runtime.JSX.Element;
-    Item: ({ ref, className, children, icon, ...props }: (_radix_ui_react_select.SelectItemProps & react.RefAttributes<HTMLDivElement> & {
+    Item: ({ ref, className, children, icon, ...props }: _radix_ui_react_select.SelectItemProps & react.RefAttributes<HTMLDivElement> & {
         icon?: ReactNode;
-    }) & {
-        ref?: react.Ref<react.ElementRef<"div">>;
     }) => react_jsx_runtime.JSX.Element;
     Group: ({ className, ...props }: _radix_ui_react_select.SelectGroupProps & react.RefAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
     Label: ({ className, ...props }: _radix_ui_react_select.SelectLabelProps & react.RefAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
     Separator: ({ className, ...props }: _radix_ui_react_select.SelectSeparatorProps & react.RefAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
 };
 
-type Props$17 = {
+type Props$14 = {
     id?: string | number;
     description?: ReactNode;
     variant?: VariantProps<typeof fieldBoxVariants>['variant'];
     position?: 'start' | 'end';
-    tooltip?: Props$1Q['tooltip'];
-    tooltipPlacement?: Props$1Q['placement'];
+    tooltip?: Props$1L['tooltip'];
+    tooltipPlacement?: Props$1L['placement'];
 } & Omit<ComponentProps<typeof Root$8>, 'id'>;
-declare function Checkbox(prop: Omit<Props$17, 'checked' | 'onCheckedChange'> & {
+declare function Checkbox(prop: Omit<Props$14, 'checked' | 'onCheckedChange'> & {
     checked?: boolean;
     onCheckedChange?: (checked: boolean) => void;
 }): ReactNode;
-declare function Checkbox(prop: Omit<Props$17, 'checked' | 'onCheckedChange'> & {
+declare function Checkbox(prop: Omit<Props$14, 'checked' | 'onCheckedChange'> & {
     checked?: CheckedState;
     onCheckedChange?: (checked: CheckedState) => void;
 }): ReactNode;
 
 type Variant$6 = 'check' | 'checkbox';
-type Props$16 = Omit<ComponentProps<typeof Combobox$1.ItemIndicator>, 'className' | 'children'> & {
+type Props$13 = Omit<ComponentProps<typeof Combobox$1.ItemIndicator>, 'className' | 'children'> & {
     className?: string;
     variant?: Variant$6;
 };
-declare const ComboboxItemIndicator: ({ ref, className, variant, ...props }: Props$16 & {
-    ref?: Ref<ElementRef<"span">>;
-}) => react_jsx_runtime.JSX.Element;
+declare const ComboboxItemIndicator: ({ ref, className, variant, ...props }: Props$13) => react_jsx_runtime.JSX.Element;
 
-type Props$15 = Omit<ComponentProps<typeof Combobox$1.Input>, 'render'>;
-declare const ComboboxInput: ({ ref, ...props }: Props$15 & {
-    ref?: Ref<ElementRef<"input">>;
-}) => react_jsx_runtime.JSX.Element;
+type Props$12 = Omit<ComponentProps<typeof Combobox$1.Input>, 'render'>;
+declare const ComboboxInput: ({ ref, ...props }: Props$12) => react_jsx_runtime.JSX.Element;
 
-type InputGroupProps$6 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'sizing' | 'state'>;
-type Props$14 = InputGroupProps$6 & Omit<ComponentProps<typeof Combobox$1.InputGroup>, 'render' | 'className'> & {
+type InputGroupProps$8 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'sizing' | 'state'>;
+type Props$11 = InputGroupProps$8 & Omit<ComponentProps<typeof Combobox$1.InputGroup>, 'render' | 'className'> & {
     className?: string;
 };
-declare const ComboboxInputGroup: ({ ref, state, variant, sizing, focusVariant, className, ...props }: Props$14 & {
-    ref?: Ref<ElementRef<"div">>;
-}) => react_jsx_runtime.JSX.Element;
+declare const ComboboxInputGroup: ({ ref, state, variant, sizing, focusVariant, className, ...props }: Props$11) => react_jsx_runtime.JSX.Element;
 
-type Props$13 = Omit<ComponentProps<typeof Combobox$1.Item>, 'className'> & {
+type Props$10 = 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$13 & {
-    ref?: Ref<ElementRef<"div">>;
-}) => react_jsx_runtime.JSX.Element;
+declare const ComboboxItem: ({ ref, className, children, icon, indicator: variant, ...props }: Props$10) => react_jsx_runtime.JSX.Element;
 
 type Group<Item = unknown> = {
     items: readonly Item[];
@@ -2201,12 +1786,12 @@ type ComboboxItemProps$1 = ComponentProps<typeof ComboboxItem>;
 type Indicator$1 = NonNullable<ComboboxItemProps$1['indicator']>;
 type PublicComboboxInputProps = Pick<ComboboxInputProps$1, 'placeholder' | 'id'> & Pick<ComboboxInputGroupProps$1, 'variant' | 'focusVariant' | 'sizing' | 'state' | 'className'>;
 type PublicComboboxProps<Value> = Pick<ComboboxProps$1<Value>, 'disabled' | 'inputRef' | 'value' | 'defaultValue' | 'onValueChange' | 'itemToStringLabel' | 'itemToStringValue' | 'filter' | 'onOpenChangeComplete' | 'isItemEqualToValue'>;
-type CreatableProps<Value> = {
+type CreatableProps$1<Value> = {
     allowCreate?: boolean;
     queryToCreateLabel?: (query: string) => ReactNode;
     queryToCreateValue?: (query: string) => Value;
 };
-type Props$12<Value, GroupShape extends Group<Value> = Group<Value>> = PublicComboboxInputProps & PublicComboboxProps<Value> & CreatableProps<Value> & {
+type Props$$<Value, GroupShape extends Group<Value> = Group<Value>> = PublicComboboxInputProps & PublicComboboxProps<Value> & CreatableProps$1<Value> & {
     items?: readonly (Value | GroupShape)[];
     allowClear?: boolean;
     empty?: ReactNode;
@@ -2218,17 +1803,15 @@ type Props$12<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$12<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$$<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 }: ({
+    InputGroup: ({ ref, state, variant, sizing, focusVariant, className, ...props }: {
         variant?: "primary" | "secondary" | null | undefined;
         state?: "warning" | "default" | "error" | 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;
-    }) & {
-        ref?: react.Ref<react.ElementRef<"div">>;
     }) => react_jsx_runtime.JSX.Element;
     Input: ({ ref, ...props }: {
         content?: string | undefined | undefined;
@@ -2532,7 +2115,6 @@ declare const Combobox: {
         multiple?: boolean | undefined | undefined;
         src?: string | undefined | undefined;
         alt?: string | undefined | undefined;
-        required?: boolean | undefined | undefined;
         accept?: string | undefined | undefined;
         autoComplete?: react.HTMLInputAutoCompleteAttribute | undefined;
         capture?: boolean | "user" | "environment" | undefined | undefined;
@@ -2540,46 +2122,31 @@ declare const Combobox: {
         minLength?: number | undefined | undefined;
         placeholder?: string | undefined | undefined;
         readOnly?: boolean | undefined | undefined;
-    } & {
-        ref?: react.Ref<react.ElementRef<"input">>;
+        required?: boolean | undefined | undefined;
     }) => react_jsx_runtime.JSX.Element;
-    Content: ({ ref, align, side, sideOffset, alignOffset, anchor, container, className, children, ...popupProps }: (Omit<Omit<_base_ui_react_combobox.ComboboxPopupProps, "ref"> & react.RefAttributes<HTMLDivElement>, "className"> & {
+    Content: ({ ref, align, side, sideOffset, alignOffset, anchor, container, className, children, ...popupProps }: Omit<Omit<_base_ui_react_combobox.ComboboxPopupProps, "ref"> & react.RefAttributes<HTMLDivElement>, "className"> & {
         className?: string;
-    } & Pick<Omit<_base_ui_react_combobox.ComboboxPositionerProps, "ref"> & react.RefAttributes<HTMLDivElement>, "side" | "sideOffset" | "align" | "alignOffset" | "anchor"> & Pick<Omit<_base_ui_react_combobox.ComboboxPortalProps, "ref"> & react.RefAttributes<HTMLDivElement>, "container">) & {
-        ref?: react.Ref<react.ElementRef<"div">>;
-    }) => react_jsx_runtime.JSX.Element;
-    List: ({ ref, className, ...props }: (Omit<Omit<_base_ui_react_combobox.ComboboxListProps, "ref"> & react.RefAttributes<HTMLDivElement>, "className"> & {
+    } & Pick<Omit<_base_ui_react_combobox.ComboboxPositionerProps, "ref"> & react.RefAttributes<HTMLDivElement>, "side" | "sideOffset" | "align" | "alignOffset" | "anchor"> & Pick<Omit<_base_ui_react_combobox.ComboboxPortalProps, "ref"> & react.RefAttributes<HTMLDivElement>, "container">) => react_jsx_runtime.JSX.Element;
+    List: ({ ref, className, ...props }: Omit<Omit<_base_ui_react_combobox.ComboboxListProps, "ref"> & react.RefAttributes<HTMLDivElement>, "className"> & {
         className?: string;
-    }) & {
-        ref?: react.Ref<react.ElementRef<"div">>;
     }) => react_jsx_runtime.JSX.Element;
-    Item: ({ ref, className, children, icon, indicator: variant, ...props }: (Omit<Omit<_base_ui_react_combobox.ComboboxItemProps, "ref"> & react.RefAttributes<HTMLDivElement>, "className"> & {
+    Item: ({ ref, className, children, icon, indicator: variant, ...props }: Omit<Omit<_base_ui_react_combobox.ComboboxItemProps, "ref"> & react.RefAttributes<HTMLDivElement>, "className"> & {
         className?: string;
         icon?: ReactNode;
         indicator?: ComponentProps<typeof ComboboxItemIndicator>["variant"];
-    }) & {
-        ref?: react.Ref<react.ElementRef<"div">>;
     }) => react_jsx_runtime.JSX.Element;
-    Empty: ({ ref, className, ...props }: (Omit<Omit<_base_ui_react_combobox.ComboboxEmptyProps, "ref"> & react.RefAttributes<HTMLDivElement>, "className"> & {
+    Empty: ({ ref, className, ...props }: Omit<Omit<_base_ui_react_combobox.ComboboxEmptyProps, "ref"> & react.RefAttributes<HTMLDivElement>, "className"> & {
         className?: string;
-    }) & {
-        ref?: react.Ref<react.ElementRef<"div">>;
     }) => react_jsx_runtime.JSX.Element;
     Value: typeof Combobox$1.Value;
-    Separator: ({ ref, className, ...props }: (Omit<Omit<_base_ui_react_separator.SeparatorProps, "ref"> & react.RefAttributes<HTMLDivElement>, "className"> & {
+    Separator: ({ ref, className, ...props }: Omit<Omit<_base_ui_react_separator.SeparatorProps, "ref"> & react.RefAttributes<HTMLDivElement>, "className"> & {
         className?: string;
-    }) & {
-        ref?: react.Ref<react.ElementRef<"div">>;
     }) => react_jsx_runtime.JSX.Element;
-    Group: ({ ref, className, children, ...props }: (Omit<Omit<_base_ui_react_combobox.ComboboxGroupProps, "ref"> & react.RefAttributes<HTMLDivElement>, "className"> & {
+    Group: ({ ref, className, children, ...props }: Omit<Omit<_base_ui_react_combobox.ComboboxGroupProps, "ref"> & react.RefAttributes<HTMLDivElement>, "className"> & {
         className?: string;
-    }) & {
-        ref?: react.Ref<react.ElementRef<"div">>;
     }) => react_jsx_runtime.JSX.Element;
-    GroupLabel: ({ ref, className, ...props }: (Omit<_base_ui_react_combobox.ComboboxGroupLabelProps, "className"> & {
+    GroupLabel: ({ ref, className, ...props }: Omit<_base_ui_react_combobox.ComboboxGroupLabelProps, "className"> & {
         className?: string;
-    }) & {
-        ref?: react.Ref<react.ElementRef<"div">>;
     }) => react_jsx_runtime.JSX.Element;
     GroupList: ({ ...props }: _base_ui_react_combobox.ComboboxCollectionProps) => react_jsx_runtime.JSX.Element;
     Chips: <Value>({ maxVisible, itemToChipLabel, itemToChipColor, variant, }: {
@@ -2596,12 +2163,17 @@ type ComboboxInputGroupProps = ComponentProps<typeof Combobox.InputGroup>;
 type ComboboxItemProps = ComponentProps<typeof Combobox.Item>;
 type ComboboxChipsProps = ComponentProps<typeof Combobox.Chips>;
 type Indicator = NonNullable<ComboboxItemProps['indicator']>;
+type CreatableProps<Value> = {
+    allowCreate?: boolean;
+    queryToCreateLabel?: (query: string) => ReactNode;
+    queryToCreateValue?: (query: string) => Value;
+};
 /**
  * Props for `MultiCombobox`. Generic over `Value` (the item shape) and `GroupShape` (optional group wrapper).
  * Use `itemToLabel` / `itemToIcon` / `itemToDisabled` to project custom item shapes; use `filter` to override
- * the default substring matcher.
+ * the default substring matcher. Pass `allowCreate` to let the user add free-form values not in `items`.
  */
-type Props$11<Value, GroupShape extends Group<Value> = Group<Value>> = Pick<ComboboxInputProps, 'placeholder' | 'id'> & Pick<ComboboxInputGroupProps, 'variant' | 'focusVariant' | 'sizing' | 'state' | 'className'> & Pick<ComboboxProps<Value>, 'disabled' | 'inputRef' | 'value' | 'defaultValue' | 'onValueChange' | 'itemToStringLabel' | 'itemToStringValue' | 'filter'> & Pick<ComboboxChipsProps, 'itemToChipLabel' | 'itemToChipColor' | 'maxVisible'> & {
+type Props$_<Value, GroupShape extends Group<Value> = Group<Value>> = Pick<ComboboxInputProps, 'placeholder' | 'id'> & Pick<ComboboxInputGroupProps, 'variant' | 'focusVariant' | 'sizing' | 'state' | 'className'> & Pick<ComboboxProps<Value>, 'disabled' | 'inputRef' | 'value' | 'defaultValue' | 'onValueChange' | 'itemToStringLabel' | 'itemToStringValue' | 'filter'> & Pick<ComboboxChipsProps, 'itemToChipLabel' | 'itemToChipColor' | 'maxVisible'> & CreatableProps<Value> & {
     items?: readonly (Value | GroupShape)[];
     allowClear?: boolean;
     allowSelectAll?: boolean;
@@ -2617,17 +2189,17 @@ type Props$11<Value, GroupShape extends Group<Value> = Group<Value>> = Pick<Comb
  *
  * **When to use:** picking several items from a searchable enumerated list (filter by tags, assign labels).
  * Items render as chips above the input; `maxVisible` collapses excess into a `+N more` chip.
- * **When NOT to use:** for single selection use `Combobox`; for short enums without search use `Select`;
- * for free-form chip entry where the user types arbitrary new values use `Tagger`.
+ * **When NOT to use:** for single selection use `Combobox`; for short enums without search use `Select`.
  * **Composition:** wrap in `FormGroup` for label + help text, or use `useAppForm` for form integration.
- * Pass `allowSelectAll` for a sticky "Select All" item when the full enum is small.
+ * Pass `allowSelectAll` for a sticky "Select All" item when the full enum is small. Pass `allowCreate`
+ * to let the user add free-form values that are not in `items` (e.g. entering column names by hand).
  *
  * @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$11<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, allowCreate, queryToCreateValue, queryToCreateLabel, itemToDisabled, itemToLabel, itemToIcon, groupToLabel, itemToChipLabel, itemToChipColor, maxVisible, }: Props$_<Value, GroupShape>) => react_jsx_runtime.JSX.Element;
 
-type InputGroupProps$5 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'sizing' | 'focusVariant' | 'state'>;
+type InputGroupProps$7 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'sizing' | 'focusVariant' | 'state'>;
 type TextareaNativeProps = Omit<ComponentProps<typeof InputGroup.TextArea>, 'value' | 'defaultValue' | 'rows' | 'maxRows'>;
 type TextareaOwnProps = {
     value?: string | null;
@@ -2638,14 +2210,12 @@ type TextareaOwnProps = {
     disableResize?: boolean;
     containerClassName?: string;
 };
-type Props$10 = InputGroupProps$5 & TextareaNativeProps & TextareaOwnProps;
+type Props$Z = InputGroupProps$7 & TextareaNativeProps & TextareaOwnProps;
 /**
  * Multi-line text input. Chrome resolves from the active brand automatically: a modern brand always
  * renders argo (any `variant` is ignored), while `variant` only tunes the legacy-brand chrome.
  */
-declare const Textarea: ({ ref, containerClassName, state, variant, sizing, focusVariant, ...rest }: Props$10 & {
-    ref?: Ref<ElementRef<"textarea">>;
-}) => react_jsx_runtime.JSX.Element;
+declare const Textarea: ({ ref, containerClassName, state, variant, sizing, focusVariant, value: valueProp, defaultValue, onValueChange, ...rest }: Props$Z) => react_jsx_runtime.JSX.Element;
 
 type AutoSaveTextareaProps = {
     savedValue?: string;
@@ -2656,18 +2226,16 @@ type AutoSaveTextareaProps = {
 } & Pick<ComponentProps<typeof Textarea>, 'variant' | 'minRows' | 'maxRows' | 'className' | 'containerClassName' | 'maxLength'>;
 declare const AutoSaveTextarea: ({ savedValue, onSave, placeholder, disabled, grow, ...textareaProps }: AutoSaveTextareaProps) => react_jsx_runtime.JSX.Element;
 
-type InputGroupProps$4 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
-type InputGroupInputProps$4 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue'>;
-type Props$$ = InputGroupProps$4 & InputGroupInputProps$4 & {
+type InputGroupProps$6 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
+type InputGroupInputProps$6 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue'>;
+type Props$Y = InputGroupProps$6 & InputGroupInputProps$6 & {
     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$$ & {
-    ref?: Ref<ElementRef<"input">>;
-}) => react_jsx_runtime.JSX.Element;
+declare const ColorInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, onValueChange, onValueBlur, onChange, onBlur, defaultValue, allowClear, disabled, readOnly, ...restInputProps }: Props$Y) => react_jsx_runtime.JSX.Element;
 
 type BrandId = string;
 type ResolvedColorScheme = 'light' | 'dark';
@@ -2702,12 +2270,12 @@ declare const useColorSchemeState: ({ defaultScheme, scheme: propScheme, onSchem
     setScheme: (next: ColorScheme) => void;
 };
 
-type Props$_ = UseColorSchemeOptions & UseBrandOptions & {
+type Props$X = 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$_) => react_jsx_runtime.JSX.Element;
+declare const ThemeProvider: ({ defaultScheme, scheme, onSchemeChange, defaultBrandId, brandId, onBrandIdChange, brands, children, }: Props$X) => react_jsx_runtime.JSX.Element;
 
 type ThemeContextValue = ReturnType<typeof useColorSchemeState> & ReturnType<typeof useBrandState> & {
     themes: Theme[];
@@ -2731,7 +2299,7 @@ declare const useArgoDesign: () => boolean;
 declare const DEFAULT_COLOR_SCHEME: ResolvedColorScheme;
 declare const DEFAULT_BRAND_ID = "design-system";
 
-type Props$Z = {
+type Props$W = {
     /** The active color scheme. Controlled — pair with `onValueChange`. */
     value: ColorScheme;
     /** Called with the chosen scheme when the user picks a menu item. */
@@ -2756,11 +2324,25 @@ type Props$Z = {
  * 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$Z) => react_jsx_runtime.JSX.Element;
+declare const ColorModeSwitch: ({ value, onValueChange, size, className }: Props$W) => 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$Y = InputGroupProps$3 & InputGroupInputProps$3 & {
+type InputGroupProps$5 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
+type InputGroupInputProps$5 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type'>;
+type Props$V = InputGroupProps$5 & InputGroupInputProps$5 & {
+    value?: Date | null;
+    defaultValue?: Date | null;
+    onValueChange?: (value: Date | null) => void;
+    onValueBlur?: (value: Date | null) => void;
+    allowClear?: boolean;
+    disabledDays?: Matcher | Matcher[];
+    endMonth?: Date;
+    startMonth?: Date;
+};
+declare const DateInput: ({ ref, state, variant, focusVariant, sizing, className, value, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onFocus, allowClear, disabledDays, endMonth, startMonth, disabled, readOnly, placeholder, ...restInputProps }: Props$V) => react_jsx_runtime.JSX.Element;
+
+type InputGroupProps$4 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
+type InputGroupInputProps$4 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type' | 'prefix'>;
+type Props$U = InputGroupProps$4 & InputGroupInputProps$4 & {
     value?: number | null;
     defaultValue?: number | null;
     onValueChange?: (value: number | null) => void;
@@ -2768,38 +2350,52 @@ type Props$Y = 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$Y & {
-    ref?: Ref<ElementRef<"input">>;
-}) => react_jsx_runtime.JSX.Element;
+declare const NumberInput: ({ ref, state, variant, focusVariant, sizing, className, value, defaultValue, onValueChange, onValueBlur, onChange, onBlur, prefix, suffix, ...inputProps }: Props$U) => 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$X = InputGroupProps$2 & InputGroupInputProps$2 & {
+type InputGroupProps$3 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
+type InputGroupInputProps$3 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type' | 'autoComplete'>;
+type Props$T = InputGroupProps$3 & InputGroupInputProps$3 & {
     value?: string | null;
     defaultValue?: string | null;
     onValueChange?: (value: string) => void;
     onValueBlur?: (value: string) => void;
     allowClear?: boolean;
     allowPasswordToggle?: boolean;
+    /**
+     * Suffix appended to the reveal button's accessible name, e.g. the field
+     * title. Use it to disambiguate multiple password fields on one form —
+     * "Show password: API token" / "Hide password: API token". Omit for a
+     * single field.
+     */
+    passwordToggleLabel?: string;
     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$X & {
-    ref?: Ref<ElementRef<"input">>;
-}) => react_jsx_runtime.JSX.Element;
+declare const PasswordInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onKeyDown, onKeyUp, onMouseDown, allowClear, allowPasswordToggle, passwordToggleLabel, autoComplete, defaultPasswordVisibility, disabled, readOnly, ...restInputProps }: Props$T) => 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$W = InputGroupProps$1 & InputGroupInputProps$1 & {
+type InputGroupProps$2 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
+type InputGroupInputProps$2 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type'>;
+type Props$S = InputGroupProps$2 & InputGroupInputProps$2 & {
     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$W & {
-    ref?: Ref<ElementRef<"input">>;
-}) => react_jsx_runtime.JSX.Element;
+declare const TimeInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, allowClear, disabled, readOnly, placeholder, ...restInputProps }: Props$S) => 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$R = InputGroupProps$1 & InputGroupInputProps$1 & {
+    value?: DateRange$1 | null;
+    defaultValue?: DateRange$1 | null;
+    onValueChange?: (value: DateRange$1 | null) => void;
+    onValueBlur?: (value: DateRange$1 | null) => void;
+    allowClear?: boolean;
+    startMonth?: Date;
+    endMonth?: Date;
+};
+declare const DateRangeInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onFocus, allowClear, startMonth, endMonth, disabled, readOnly, placeholder, ...restInputProps }: Props$R) => react_jsx_runtime.JSX.Element;
 
 type OtpInputSizing = 'sm' | 'md' | 'lg';
 type OtpElementProps = ComponentProps<typeof OTPInput>;
@@ -2835,7 +2431,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$V = InputGroupProps & InputGroupInputProps & {
+type Props$Q = 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`. */
@@ -2858,15 +2454,13 @@ type Props$V = InputGroupProps & InputGroupInputProps & {
  * free-text filters. `onValueChange` is debounced so callers can wire it directly to fetches without
  * `useMemo` plumbing.
  * **When NOT to use:** for a plain string input use `TextInput`; for selecting from a known enumerated
- * list use `Combobox` (which has its own search built in); for free-form tag entry use `Tagger`.
+ * list use `Combobox` (which has its own search built in).
  * **Composition:** typically rendered in `PageToolbar.Search` next to `MultiCombobox` filter pills. Use
  * `allowClear` for the canonical x-to-reset affordance.
  *
  * @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$V & {
-    ref?: Ref<ElementRef<"input">>;
-}) => react_jsx_runtime.JSX.Element;
+declare const SearchInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onClear, allowClear, disableDebounce, debounceDelay, disabled, readOnly, ...restInputProps }: Props$Q) => react_jsx_runtime.JSX.Element;
 
 type SearchInputWithNavigationProps = {
     currentIndex: number | null;
@@ -2885,118 +2479,12 @@ declare const SearchInputWithNavigation: ({ ref, value, onValueChange, placehold
     ref?: Ref<HTMLInputElement>;
 }) => react_jsx_runtime.JSX.Element;
 
-declare const addonVariants: (props?: ({
-    align?: "inline-end" | "inline-start" | null | undefined;
-    variant?: "inline" | "floating" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-type Props$U = ComponentProps<'div'> & VariantProps<typeof addonVariants>;
-declare const BadgeAddon: ({ ref, align, variant, className, ...rest }: Props$U & {
-    ref?: Ref<ElementRef<"div">>;
-}) => react_jsx_runtime.JSX.Element;
-
-type Props$T = ComponentProps<'span'> & {
-    asChild?: boolean;
-};
-declare const BadgeLabel: ({ ref, className, asChild, ...rest }: Props$T & {
-    ref?: Ref<ElementRef<"span">>;
-}) => react_jsx_runtime.JSX.Element;
-
-declare const badgeRootVariants: (props?: ({
-    variant?: "default" | "tag" | "pill" | null | undefined;
-    color?: "blue" | "cyan" | "gray" | "green" | "orange" | "purple" | "red" | "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$S = ComponentProps<'div'> & VariantProps<typeof badgeRootVariants>;
-declare const BadgeRoot: ({ ref, variant, color, className, children, ...rest }: Props$S & {
-    ref?: Ref<ElementRef<"div">>;
-}) => react_jsx_runtime.JSX.Element;
-
-type AddonVariant = ComponentProps<typeof BadgeAddon>['variant'];
-type BadgeRootProps = ComponentProps<typeof BadgeRoot>;
-type BadgeLabelProps = ComponentProps<typeof BadgeLabel>;
-/**
- * Props for `Badge`. `color` is a categorical contract (`green` = success, `red` = error, `orange` = warning,
- * `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$R = 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$R & {
-    ref?: Ref<ElementRef<"span">>;
-}) => react_jsx_runtime.JSX.Element) & {
-    Root: ({ ref, variant, color, className, children, ...rest }: (react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & class_variance_authority.VariantProps<(props?: ({
-        variant?: "default" | "tag" | "pill" | null | undefined;
-        color?: "blue" | "cyan" | "gray" | "green" | "orange" | "purple" | "red" | "teal" | "white" | "gray-darker" | "gray-inverse" | "green-darker" | "green-inverse" | "blue-inverse" | "orange-inverse" | "amber" | "amber-inverse" | "teal-inverse" | "purple-inverse" | "cyan-inverse" | "sidebar-primary" | null | undefined;
-    } & class_variance_authority_types.ClassProp) | undefined) => string>) & {
-        ref?: Ref<ElementRef<"div">>;
-    }) => react_jsx_runtime.JSX.Element;
-    Button: ({ ref, className, type, children, ...rest }: react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> & {
-        ref?: Ref<ElementRef<"button">>;
-    }) => react_jsx_runtime.JSX.Element;
-    Label: ({ ref, className, asChild, ...rest }: (react.ClassAttributes<HTMLSpanElement> & react.HTMLAttributes<HTMLSpanElement> & {
-        asChild?: boolean;
-    }) & {
-        ref?: Ref<ElementRef<"span">>;
-    }) => react_jsx_runtime.JSX.Element;
-    Addon: ({ ref, align, variant, className, ...rest }: (react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & class_variance_authority.VariantProps<(props?: ({
-        align?: "inline-end" | "inline-start" | null | undefined;
-        variant?: "inline" | "floating" | null | undefined;
-    } & class_variance_authority_types.ClassProp) | undefined) => string>) & {
-        ref?: Ref<ElementRef<"div">>;
-    }) => react_jsx_runtime.JSX.Element;
-};
-
-type Color = ComponentProps<typeof Badge>['color'];
-type TagOption = {
-    name: string;
-    color: Color;
-    disabled?: boolean;
-};
-
-type Props$Q = {
-    onCreate?: (search: string) => void;
-} & Pick<ComponentProps<typeof Command.Item>, 'value'>;
-declare const TagSelectCreateItem: ({ onCreate, value }: Props$Q) => react_jsx_runtime.JSX.Element;
-
-type Props$P = {
-    value: string[];
-    onAdd?: (selected: string[]) => void;
-};
-declare const TagSelectValue: ({ value, onAdd }: Props$P) => react_jsx_runtime.JSX.Element;
-
-type Props$O = {
-    options?: TagOption[];
-} & Pick<ComponentProps<typeof TagSelectValue>, 'onAdd'> & Pick<ComponentProps<typeof TagSelectCreateItem>, 'onCreate'>;
-declare const TagSelectList: ({ options, onAdd, onCreate }: Props$O) => react_jsx_runtime.JSX.Element;
-
-type Props$N = {
-    children: ReactNode;
-} & ComponentProps<typeof TagSelectList>;
-declare const TagSelectPopover: ({ children, onAdd, options, onCreate }: Props$N) => react_jsx_runtime.JSX.Element;
-
-type OnValueChangeHandler = (value: {
-    action: 'add' | 'remove';
-    tags: TagOption[];
-    allTags: TagOption[];
-}) => void;
-type Props$M = {
-    value?: TagOption[];
-    onValueChange: OnValueChangeHandler;
-    disabled?: boolean;
-} & Pick<ComponentProps<typeof TagSelectPopover>, 'options' | 'onCreate'>;
-declare const Tagger: ({ options, value, onCreate, onValueChange, disabled, }: Props$M) => 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$L = {
+type Props$P = {
     /** MIME / extension filter passed straight to react-dropzone. */
     accept?: Accept;
     /** Max size per file, in bytes. Oversized files are rejected and surface in `onFilesRejected`. */
@@ -3015,7 +2503,7 @@ type Props$L = {
     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$L) => react_jsx_runtime.JSX.Element) & {
+declare const FileUpload: (({ accept, maxSize, maxFiles, multiple, disabled, onFilesChange, onFilesRejected, forcedState, children, className, ...rest }: Props$P) => react_jsx_runtime.JSX.Element) & {
     DropZone: ({ children, className, ...rest }: {
         children?: ReactNode;
     } & Omit<HTMLAttributes<HTMLDivElement>, "children">) => react_jsx_runtime.JSX.Element;
@@ -3054,6 +2542,7 @@ declare const FormGroup: {
     Help: ({ children, ...rest }: {
         content?: string | undefined | undefined;
         translate?: "yes" | "no" | undefined | undefined;
+        color?: string | undefined | undefined;
         prefix?: string | undefined | undefined;
         id?: string | undefined | undefined;
         popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
@@ -3093,7 +2582,6 @@ declare const FormGroup: {
         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;
@@ -3344,6 +2832,7 @@ declare const FormGroup: {
         content?: string | undefined | undefined;
         size?: number | undefined | undefined;
         translate?: "yes" | "no" | undefined | undefined;
+        color?: string | undefined | undefined;
         prefix?: react.ReactNode;
         id?: string | undefined | undefined;
         name?: string | undefined | undefined;
@@ -3387,7 +2876,6 @@ declare const FormGroup: {
         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;
@@ -3646,13 +3134,13 @@ declare const FormGroup: {
         multiple?: boolean | undefined | undefined;
         src?: string | undefined | undefined;
         alt?: string | undefined | undefined;
-        required?: boolean | undefined | undefined;
         autoComplete?: react.HTMLInputAutoCompleteAttribute | undefined;
         capture?: boolean | "user" | "environment" | undefined | undefined;
         maxLength?: number | undefined | undefined;
         minLength?: number | undefined | undefined;
         placeholder?: string | undefined | undefined;
         readOnly?: boolean | undefined | undefined;
+        required?: boolean | undefined | undefined;
         onValueBlur?: ((value: string) => void) | undefined;
         sizing?: "medium" | "small" | "default" | null | undefined;
         focusVariant?: "off" | "on" | "default" | null | undefined;
@@ -3662,13 +3150,12 @@ declare const FormGroup: {
         allowClear?: boolean | undefined;
         onClear?: (() => void) | undefined;
         testId?: string | undefined;
-    } & {
-        ref?: react.Ref<react.ElementRef<"input">>;
     }) => react_jsx_runtime.JSX.Element;
     NumberInput: ({ ref, ...props }: {
         content?: string | undefined | undefined;
         size?: number | undefined | undefined;
         translate?: "yes" | "no" | undefined | undefined;
+        color?: string | undefined | undefined;
         prefix?: react.ReactNode;
         id?: string | undefined | undefined;
         name?: string | undefined | undefined;
@@ -3712,7 +3199,6 @@ declare const FormGroup: {
         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;
@@ -3971,7 +3457,6 @@ declare const FormGroup: {
         multiple?: boolean | undefined | undefined;
         src?: string | undefined | undefined;
         alt?: string | undefined | undefined;
-        required?: boolean | undefined | undefined;
         accept?: string | undefined | undefined;
         autoComplete?: react.HTMLInputAutoCompleteAttribute | undefined;
         capture?: boolean | "user" | "environment" | undefined | undefined;
@@ -3979,17 +3464,17 @@ declare const FormGroup: {
         minLength?: number | undefined | undefined;
         placeholder?: string | undefined | undefined;
         readOnly?: boolean | undefined | undefined;
+        required?: boolean | undefined | undefined;
         onValueBlur?: ((value: number | null) => void) | undefined;
         sizing?: "medium" | "small" | "default" | null | undefined;
         focusVariant?: "off" | "on" | "default" | null | undefined;
         suffix?: react.ReactNode;
-    } & {
-        ref?: react.Ref<react.ElementRef<"input">>;
     }) => react_jsx_runtime.JSX.Element;
     ColorInput: ({ ref, ...props }: {
         content?: string | undefined | undefined;
         size?: number | undefined | undefined;
         translate?: "yes" | "no" | undefined | undefined;
+        color?: string | undefined | undefined;
         prefix?: string | undefined | undefined;
         id?: string | undefined | undefined;
         name?: string | undefined | undefined;
@@ -4033,7 +3518,6 @@ declare const FormGroup: {
         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;
@@ -4293,7 +3777,6 @@ declare const FormGroup: {
         multiple?: boolean | undefined | undefined;
         src?: string | undefined | undefined;
         alt?: string | undefined | undefined;
-        required?: boolean | undefined | undefined;
         accept?: string | undefined | undefined;
         autoComplete?: react.HTMLInputAutoCompleteAttribute | undefined;
         capture?: boolean | "user" | "environment" | undefined | undefined;
@@ -4301,16 +3784,17 @@ declare const FormGroup: {
         minLength?: number | undefined | undefined;
         placeholder?: string | undefined | undefined;
         readOnly?: boolean | undefined | undefined;
+        required?: boolean | undefined | undefined;
         onValueBlur?: ((value: string) => void) | undefined;
         sizing?: "medium" | "small" | "default" | null | undefined;
         focusVariant?: "off" | "on" | "default" | null | undefined;
         allowClear?: boolean | undefined;
-    } & {
-        ref?: react.Ref<react.ElementRef<"input">>;
     }) => react_jsx_runtime.JSX.Element;
     Textarea: (props: {
         content?: string | undefined | undefined;
         translate?: "yes" | "no" | undefined | undefined;
+        wrap?: string | undefined | undefined;
+        color?: string | undefined | undefined;
         prefix?: string | undefined | undefined;
         id?: string | undefined | undefined;
         name?: string | undefined | undefined;
@@ -4355,7 +3839,6 @@ declare const FormGroup: {
         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;
@@ -4599,13 +4082,12 @@ declare const FormGroup: {
         disabled?: boolean | undefined | undefined;
         value?: string | null | undefined;
         onValueChange?: (((value: string) => void) & ((value: string) => void)) | undefined;
-        wrap?: string | undefined | undefined;
-        required?: boolean | undefined | undefined;
         autoComplete?: string | undefined | undefined;
         maxLength?: number | undefined | undefined;
         minLength?: number | undefined | undefined;
         placeholder?: string | undefined | undefined;
         readOnly?: boolean | undefined | undefined;
+        required?: boolean | undefined | undefined;
         cols?: number | undefined | undefined;
         dirName?: string | undefined | undefined;
         maxRows?: number | "unlimited" | undefined;
@@ -4623,43 +4105,43 @@ declare const FormGroup: {
 declare const helpVariants: (props?: ({
     state?: "warning" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type Props$K = ComponentPropsWithRef<'p'> & VariantProps<typeof helpVariants>;
-declare const HelpBlock: ({ children, className, state, ...rest }: Props$K) => react_jsx_runtime.JSX.Element | null;
+type Props$O = ComponentPropsWithRef<'p'> & VariantProps<typeof helpVariants>;
+declare const HelpBlock: ({ children, className, state, ...rest }: Props$O) => react_jsx_runtime.JSX.Element | null;
 
 type AnswerItem = {
     question: string;
     answer?: string;
 };
 type Variant$5 = 'success' | 'dismissed';
-type Props$J = {
+type Props$N = {
     items: readonly AnswerItem[];
     variant?: Variant$5;
     noAnswerLabel?: string;
 };
-declare const AnswerSummary: ({ items, variant, noAnswerLabel, }: Props$J) => react_jsx_runtime.JSX.Element;
+declare const AnswerSummary: ({ items, variant, noAnswerLabel, }: Props$N) => react_jsx_runtime.JSX.Element;
 
 type Variant$4 = 'success' | 'error' | 'processing' | 'dismissed';
-type Props$I = {
+type Props$M = {
     isExpanded: boolean;
     onToggle: () => void;
     label: ReactNode;
     variant?: Variant$4;
 };
-declare const CollapsibleStepHeader: ({ isExpanded, onToggle, label, variant, }: Props$I) => react_jsx_runtime.JSX.Element;
+declare const CollapsibleStepHeader: ({ isExpanded, onToggle, label, variant, }: Props$M) => react_jsx_runtime.JSX.Element;
 
-type Props$H = {
+type Props$L = {
     children: ReactNode;
 };
-declare const InlineStepDetail: ({ children }: Props$H) => react_jsx_runtime.JSX.Element;
+declare const InlineStepDetail: ({ children }: Props$L) => react_jsx_runtime.JSX.Element;
 
 type Variant$3 = 'processing' | 'success' | 'error' | 'dismissed';
-type Props$G = {
+type Props$K = {
     variant: Variant$3;
     children: ReactNode;
 };
-declare const InlineStepLabel: ({ variant, children }: Props$G) => react_jsx_runtime.JSX.Element;
+declare const InlineStepLabel: ({ variant, children }: Props$K) => react_jsx_runtime.JSX.Element;
 
-type Props$F = {
+type Props$J = {
     /** 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. */
@@ -4671,9 +4153,9 @@ type Props$F = {
  * `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$F) => react_jsx_runtime.JSX.Element;
+declare const Markdown: ({ children, className }: Props$J) => react_jsx_runtime.JSX.Element;
 
-type Props$E = {
+type Props$I = {
     user?: {
         name: string | undefined;
         email: string | undefined;
@@ -4683,17 +4165,15 @@ type Props$E = {
     size?: number;
     variant?: 'circle' | 'rounded';
 } & ComponentProps<'span'>;
-declare const Avatar: ({ ref, user, fallback, size, className, variant, ...props }: Props$E & {
-    ref?: Ref<ElementRef<"span">>;
-}) => react_jsx_runtime.JSX.Element;
+declare const Avatar: ({ ref, user, fallback, size, className, variant, ...props }: Props$I) => react_jsx_runtime.JSX.Element;
 
-type Props$D = {
+type Props$H = {
     variant: 'user' | 'assistant';
     user?: ComponentProps<typeof Avatar>['user'];
     actions?: ReactNode;
     createdAt?: string;
 } & PropsWithChildren;
-declare const MessageBubble: ({ variant, children, user, actions, createdAt }: Props$D) => react_jsx_runtime.JSX.Element;
+declare const MessageBubble: ({ variant, children, user, actions, createdAt }: Props$H) => react_jsx_runtime.JSX.Element;
 
 type PlanApprovalStatus = 'pending' | 'approved' | 'dismissed' | 'changes-requested';
 type PlanApprovalProps = {
@@ -4720,12 +4200,14 @@ type PlanApprovalProps = {
     showMoreLabel?: string;
     showLessLabel?: string;
     closeLabel?: string;
+    fullScreenLabel?: string;
+    exitFullScreenLabel?: string;
     changeRequestPlaceholder?: string;
     changeRequestSubmitLabel?: string;
     stepCountLabel?: (count: number) => string;
     className?: string;
 };
-declare const PlanApproval: ({ status, title, summary, stepCount, planBody, defaultExpanded, isExpanded: isExpandedProp, onExpandToggle, onApprove, onRequestChanges, onClose, isSubmitting, approveTooltip, pendingPillLabel, approvedPillLabel, dismissedPillLabel, changesRequestedPillLabel, approveLabel, requestChangesLabel, cancelLabel, showMoreLabel, showLessLabel, closeLabel, changeRequestPlaceholder, changeRequestSubmitLabel, stepCountLabel, className, }: PlanApprovalProps) => react_jsx_runtime.JSX.Element;
+declare const PlanApproval: ({ status, title, summary, stepCount, planBody, defaultExpanded, isExpanded: isExpandedProp, onExpandToggle, onApprove, onRequestChanges, onClose, isSubmitting, approveTooltip, pendingPillLabel, approvedPillLabel, dismissedPillLabel, changesRequestedPillLabel, approveLabel, requestChangesLabel, cancelLabel, showMoreLabel, showLessLabel, closeLabel, fullScreenLabel, exitFullScreenLabel, changeRequestPlaceholder, changeRequestSubmitLabel, stepCountLabel, className, }: PlanApprovalProps) => react_jsx_runtime.JSX.Element;
 
 type PlanRewritingIndicatorProps = {
     label?: string;
@@ -4741,17 +4223,15 @@ type PromptCommand = {
 };
 
 type SubmitStatus = 'submitted' | 'ready' | 'streaming' | 'interrupted';
-type Props$C = Pick<ComponentProps<typeof Button>, 'disabled'> & {
+type Props$G = Pick<ComponentProps<typeof Button>, 'disabled' | 'ref'> & {
     status?: SubmitStatus;
 };
-declare const PromptInputSubmit: ({ ref, disabled, status, }: Props$C & {
-    ref?: Ref<ElementRef<"button">>;
-}) => react_jsx_runtime.JSX.Element;
+declare const PromptInputSubmit: ({ ref, disabled, status }: Props$G) => react_jsx_runtime.JSX.Element;
 
 declare const promptInputVariants: (props?: ({
     variant?: "inline" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type Props$B = {
+type Props$F = {
     onSend?: (value: string) => void;
     onAbort?: () => void;
     onContinue?: () => void;
@@ -4765,10 +4245,8 @@ type Props$B = {
     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$B): 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;
+    ({ onSend, onAbort, onContinue, prefix, variant, suffix, disabled, disableSubmit, value, onValueChange, status, maxRows, minRows, commands, ...textareaProps }: Props$F): react_jsx_runtime.JSX.Element;
+    Action: ({ ref, onMouseDown, ...rest }: react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>) => react_jsx_runtime.JSX.Element;
 };
 
 type QuestionOption = {
@@ -4777,7 +4255,7 @@ type QuestionOption = {
     description?: string;
     preview?: string;
 };
-type Props$A = {
+type Props$E = {
     question: string;
     header?: string;
     options: readonly QuestionOption[];
@@ -4800,7 +4278,7 @@ type Props$A = {
     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$A) => 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$E) => react_jsx_runtime.JSX.Element;
 
 type QuestionStep = {
     question: string;
@@ -4814,7 +4292,7 @@ type QuestionAnswers = {
     selections: Record<number, readonly string[]>;
     customAnswers: Record<number, string>;
 };
-type Props$z = {
+type Props$D = {
     steps: readonly [QuestionStep, ...QuestionStep[]];
     showSkip?: boolean;
     onSubmit?: (answers: QuestionAnswers) => void;
@@ -4822,16 +4300,16 @@ type Props$z = {
     renderPreview?: (content: string) => ReactNode;
     className?: string;
 };
-declare const QuestionBlock: ({ steps, showSkip, onSubmit, onClose, renderPreview, className, }: Props$z) => react_jsx_runtime.JSX.Element;
+declare const QuestionBlock: ({ steps, showSkip, onSubmit, onClose, renderPreview, className, }: Props$D) => react_jsx_runtime.JSX.Element;
 
-type Props$y = {
+type Props$C = {
     label: string;
     disabled?: boolean;
     onClick: () => void;
     icon?: ReactNode;
     className?: string;
 };
-declare const SuggestedPrompt: ({ label, disabled, onClick, icon, className }: Props$y) => react_jsx_runtime.JSX.Element;
+declare const SuggestedPrompt: ({ label, disabled, onClick, icon, className }: Props$C) => react_jsx_runtime.JSX.Element;
 
 type ThinkingIndicatorProps = {
     label?: string;
@@ -4890,7 +4368,7 @@ type ToolCallChipProps = {
  */
 declare const ToolCallChip: ({ label, state, icon, trailing, onClick, className, }: ToolCallChipProps) => react_jsx_runtime.JSX.Element;
 
-type Props$x = {
+type Props$B = {
     value: number;
     alert?: boolean;
     children: ReactNode;
@@ -4904,32 +4382,28 @@ type Props$x = {
     side?: ComponentProps<typeof HoverCard.Content>['side'];
     sideOffset?: ComponentProps<typeof HoverCard.Content>['sideOffset'];
 };
-declare const UsageStats: ({ value, alert, children, className, ariaLabel, align, side, sideOffset, }: Props$x) => react_jsx_runtime.JSX.Element;
+declare const UsageStats: ({ value, alert, children, className, ariaLabel, align, side, sideOffset, }: Props$B) => react_jsx_runtime.JSX.Element;
 
-type Props$w = {
+type Props$A = {
     value: number;
     size?: number;
     strokeWidth?: number;
     className?: string;
 };
-declare const UsageStatsRing: ({ value, size, strokeWidth, className }: Props$w) => react_jsx_runtime.JSX.Element;
+declare const UsageStatsRing: ({ value, size, strokeWidth, className }: Props$A) => react_jsx_runtime.JSX.Element;
 
-type Props$v = ComponentProps<typeof Root$9>;
+type Props$z = ComponentProps<typeof Root$9>;
 declare const Collapsible: {
-    (props: Props$v): react_jsx_runtime.JSX.Element;
+    (props: Props$z): 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>>>>;
-    }) => react_jsx_runtime.JSX.Element;
+    Content: ({ ref, className, children, ...props }: _radix_ui_react_collapsible.CollapsibleContentProps & react.RefAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
 };
 
 type Variant$2 = 'info' | 'warning' | 'error' | 'success';
-type Props$u = {
+type Props$y = {
     variant?: Variant$2;
 } & ComponentProps<'div'>;
-declare const AlertRoot: ({ ref, children, className, variant, ...rest }: Props$u & {
-    ref?: Ref<ElementRef<"div">>;
-}) => react_jsx_runtime.JSX.Element;
+declare const AlertRoot: ({ ref, children, className, variant, ...rest }: Props$y) => react_jsx_runtime.JSX.Element;
 
 type CommonProps = {
     hideIcon?: boolean;
@@ -4952,7 +4426,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$t = CommonProps & (CollapsibleProps | DefaultProps);
+type Props$x = CommonProps & (CollapsibleProps | DefaultProps);
 /**
  * Persistent inline banner for contextual messages tied to the page layout.
  *
@@ -4966,13 +4440,13 @@ type Props$t = 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$t) => react_jsx_runtime.JSX.Element;
+declare const Alert: ({ title, variant, children, hideIcon, icon, className, actions, mode, defaultOpen, open: openProp, onOpenChange: onOpenChangeProp, ...rest }: Props$x) => 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$s = {
+type Props$w = {
     id: string | number;
     title: ReactNode;
     icon?: ReactNode;
@@ -4981,7 +4455,7 @@ type Props$s = {
     loading?: boolean;
     duration?: number;
 } & Variants;
-declare const ToastRoot: ({ id, title, description, action, duration, variant, loading, icon: iconProp, }: Props$s) => react_jsx_runtime.JSX.Element;
+declare const ToastRoot: ({ id, title, description, action, duration, variant, loading, icon: iconProp, }: Props$w) => react_jsx_runtime.JSX.Element;
 
 type ToastProps = ComponentProps<typeof ToastRoot>;
 type Title = ToastProps['title'] | ((opts: {
@@ -5002,7 +4476,7 @@ declare const toast: {
     dismissAll(): string | number;
 };
 
-type Props$r = {
+type Props$v = {
     enabled?: boolean;
 } & Parameters<typeof toast>[0];
 /**
@@ -5015,22 +4489,22 @@ type Props$r = {
  * 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$r) => void;
+declare const useNotification: ({ enabled, ...toastOptions }: Props$v) => void;
 
 type ToasterProps = ComponentProps<typeof Toaster$1>;
 declare const Toaster: ({ gap, visibleToasts, ...props }: ToasterProps) => react_jsx_runtime.JSX.Element;
 
-type Props$q = {
+type Props$u = {
     children?: ReactNode;
 };
-declare const EmptySearchContent: ({ children }: Props$q) => react_jsx_runtime.JSX.Element;
+declare const EmptySearchContent: ({ children }: Props$u) => react_jsx_runtime.JSX.Element;
 
-type Props$p = {
+type Props$t = {
     title: string;
     children: ReactNode;
     className?: string;
 };
-declare const EmptyConfigurationActionCard: ({ title, children, className }: Props$p) => react_jsx_runtime.JSX.Element;
+declare const EmptyConfigurationActionCard: ({ title, children, className }: Props$t) => react_jsx_runtime.JSX.Element;
 
 declare const emptyStateClassnames: (props?: ({
     variant?: "compact" | "default" | null | undefined;
@@ -5170,10 +4644,8 @@ declare const variants: (props?: ({
     variant?: "success" | "default" | null | undefined;
     size?: "sm" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type Props$o = ComponentProps<typeof Root$a> & VariantProps<typeof variants>;
-declare const Progress: ({ ref, className, value, variant, size, ...props }: Props$o & {
-    ref?: Ref<ElementRef<typeof Root$a>>;
-}) => react_jsx_runtime.JSX.Element;
+type Props$s = ComponentProps<typeof Root$a> & VariantProps<typeof variants>;
+declare const Progress: ({ ref, className, value, variant, size, ...props }: Props$s) => react_jsx_runtime.JSX.Element;
 
 /** @deprecated Use `Collapsible` instead. */
 type CollapseProps = {
@@ -5189,7 +4661,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$n = {
+type Props$r = {
     header: ReactNode;
     isDisabled?: boolean;
     defaultExpanded?: boolean;
@@ -5201,16 +4673,16 @@ type Props$n = {
     variant?: 'default' | 'white';
     children: ReactNode;
 };
-declare const CollapsiblePanel: ({ header, className, bodyClassName, headerClassName, defaultExpanded, isDisabled, children, isOpen, onToggle, variant, }: Props$n) => react_jsx_runtime.JSX.Element;
+declare const CollapsiblePanel: ({ header, className, bodyClassName, headerClassName, defaultExpanded, isDisabled, children, isOpen, onToggle, variant, }: Props$r) => react_jsx_runtime.JSX.Element;
 
-type Props$m = PropsWithChildren<{
+type Props$q = PropsWithChildren<{
     defaultExpanded?: boolean;
     labelCollapse?: ReactNode;
     labelOpen?: ReactNode;
     placement?: 'top' | 'bottom';
     className?: string;
 }>;
-declare const PanelWithDetails: ({ defaultExpanded, labelCollapse, labelOpen, placement, children, }: Props$m) => react_jsx_runtime.JSX.Element;
+declare const PanelWithDetails: ({ defaultExpanded, labelCollapse, labelOpen, placement, children, }: Props$q) => react_jsx_runtime.JSX.Element;
 
 type RootProps$4 = ComponentPropsWithoutRef<'div'>;
 type SlotProps = ComponentPropsWithoutRef<'div'> & {
@@ -5237,14 +4709,14 @@ type SlotProps = ComponentPropsWithoutRef<'div'> & {
  * sidebar / top-nav geometry swap from a single composition.
  */
 declare const AppShell: (({ ref, className, children, ...props }: RootProps$4 & {
-    ref?: Ref<ElementRef<"div">>;
+    ref?: Ref<ComponentRef<"div">>;
 }) => react_jsx_runtime.JSX.Element) & {
     /**
      * Top header row. Renders above `Main` in the sidebar shell; renders as the
      * top bar (with full-width navigation room) in the top-nav shell.
      */
     Header: ({ ref, className, asChild, children, ...props }: SlotProps & {
-        ref?: Ref<ElementRef<"header">>;
+        ref?: Ref<ComponentRef<"header">>;
     }) => react_jsx_runtime.JSX.Element;
     /**
      * Left navigation rail. Rendered in the sidebar shell; hidden by the
@@ -5252,19 +4724,19 @@ declare const AppShell: (({ ref, className, children, ...props }: RootProps$4 &
      * primary navigation into `Header` for top-nav-first compositions.
      */
     Sidebar: ({ ref, className, asChild, children, ...props }: SlotProps & {
-        ref?: Ref<ElementRef<"div">>;
+        ref?: Ref<ComponentRef<"div">>;
     }) => react_jsx_runtime.JSX.Element;
     /**
-     * Main content outlet. Applies an opinionated default page gutter (`tw-p-6`)
-     * so content looks right out of the box; override the padding (e.g. `tw-p-0`)
+     * Main content outlet. Applies an opinionated default page gutter (`tw:p-6`)
+     * so content looks right out of the box; override the padding (e.g. `tw:p-0`)
      * when the app owns its own gutter.
      */
     Main: ({ ref, className, asChild, children, ...props }: SlotProps & {
-        ref?: Ref<ElementRef<"main">>;
+        ref?: Ref<ComponentRef<"main">>;
     }) => react_jsx_runtime.JSX.Element;
     /** Optional right rail. Present in both shells. */
     Aside: ({ ref, className, asChild, children, ...props }: SlotProps & {
-        ref?: Ref<ElementRef<"aside">>;
+        ref?: Ref<ComponentRef<"aside">>;
     }) => react_jsx_runtime.JSX.Element;
 };
 
@@ -5273,10 +4745,10 @@ declare const AppShell: (({ ref, className, children, ...props }: RootProps$4 &
  * `narrow` (976px) for forms, `default` (1280px) for most pages, `wide` (1600px) for dense detail views,
  * `full` for edge-to-edge layouts.
  */
-type RootProps$3 = ComponentPropsWithoutRef<'div'> & {
+type RootProps$3 = ComponentProps<'div'> & {
     maxWidth?: 'default' | 'narrow' | 'wide' | 'full';
 };
-type FooterProps = ComponentPropsWithoutRef<'footer'> & {
+type FooterProps = ComponentProps<'footer'> & {
     sticky?: boolean;
 };
 /**
@@ -5285,7 +4757,7 @@ type FooterProps = ComponentPropsWithoutRef<'footer'> & {
  * frame (sidebar / navbar) is owned by the shell, not by `PageLayout` — so the `Root` adds no
  * outer page padding of its own (`PageLayout.Footer` keeps its own action-bar padding).
  *
- * **When to use:** every new kbc-ui page. Do not roll your own `<div className="tw-flex tw-flex-col">`
+ * **When to use:** every new kbc-ui page. Do not roll your own `<div className="tw:flex tw:flex-col">`
  * chrome. Host `PageHeader.Index` / `PageHeader.Detail` inside `PageLayout.Header` for the structured
  * page-header patterns.
  * **When NOT to use:** the left-rail `Sidebar` lives in the app shell outside `PageLayout`. For embedded
@@ -5296,29 +4768,17 @@ type FooterProps = ComponentPropsWithoutRef<'footer'> & {
  *
  * @see RECIPES.md#list-detail — for the index → detail page pattern
  */
-declare const PageLayout: (({ ref, className, maxWidth, children, ...props }: RootProps$3 & {
-    ref?: Ref<ElementRef<"div">>;
-}) => react_jsx_runtime.JSX.Element) & {
+declare const PageLayout: (({ ref, className, maxWidth, children, ...props }: RootProps$3) => react_jsx_runtime.JSX.Element) & {
     /** Detail-pattern breadcrumb row. Usually composed automatically by `PageHeader.Detail` — slot exists for layouts that don't fit either `PageHeader` variant. */
-    Breadcrumbs: ({ ref, className, children, ...props }: ComponentPropsWithoutRef<"div"> & {
-        ref?: Ref<ElementRef<"div">>;
-    }) => react_jsx_runtime.JSX.Element;
+    Breadcrumbs: ({ ref, className, children, ...props }: ComponentProps<"div">) => react_jsx_runtime.JSX.Element;
     /** Host slot for `PageHeader.Index` / `PageHeader.Detail`, or custom header JSX when neither variant fits. */
-    Header: ({ ref, className, children, ...props }: ComponentPropsWithoutRef<"header"> & {
-        ref?: Ref<ElementRef<"header">>;
-    }) => react_jsx_runtime.JSX.Element;
+    Header: ({ ref, className, children, ...props }: ComponentProps<"header">) => react_jsx_runtime.JSX.Element;
     /** Escape hatch for routing-based tab rows. Use `Tabs` / `TabsContent` core components inside, never a raw `<button>`. */
-    Tabs: ({ ref, className, children, ...props }: ComponentPropsWithoutRef<"div"> & {
-        ref?: Ref<ElementRef<"div">>;
-    }) => react_jsx_runtime.JSX.Element;
+    Tabs: ({ ref, className, children, ...props }: ComponentProps<"div">) => react_jsx_runtime.JSX.Element;
     /** Main content slot. Lists, cards, tables. */
-    Content: ({ ref, className, children, ...props }: ComponentPropsWithoutRef<"div"> & {
-        ref?: Ref<ElementRef<"div">>;
-    }) => react_jsx_runtime.JSX.Element;
+    Content: ({ ref, className, children, ...props }: ComponentProps<"div">) => react_jsx_runtime.JSX.Element;
     /** Bottom action bar — form submit + cancel. Pass `sticky` for a footer that pins to the viewport. */
-    Footer: ({ ref, className, sticky, children, ...props }: FooterProps & {
-        ref?: Ref<ElementRef<"footer">>;
-    }) => react_jsx_runtime.JSX.Element;
+    Footer: ({ ref, className, sticky, children, ...props }: FooterProps) => react_jsx_runtime.JSX.Element;
 };
 
 /**
@@ -5336,7 +4796,7 @@ declare const PageLayout: (({ ref, className, maxWidth, children, ...props }: Ro
  */
 declare const PageHeader: {
     /** Index variant — top-level list / collection pages. No breadcrumbs; `metadata` wins over `description`. */
-    Index: ({ ref, className, title, description, metadata, documentation, action, headerNav, fullWidthDescription, ...props }: (Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "title"> & {
+    Index: ({ ref, className, title, description, metadata, documentation, action, headerNav, fullWidthDescription, ...props }: Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "title"> & {
         title: react.ReactNode;
         description?: react.ReactNode;
         metadata?: react.ReactNode;
@@ -5344,11 +4804,9 @@ declare const PageHeader: {
         action?: react.ReactNode;
         headerNav?: react.ReactNode;
         fullWidthDescription?: boolean;
-    }) & {
-        ref?: react.Ref<react.ElementRef<"header">>;
     }) => react_jsx_runtime.JSX.Element;
     /** Detail variant — single-entity pages with required breadcrumbs and an overflow-actions slot. Max 2 visible actions. */
-    Detail: ({ ref, className, breadcrumbs, overflowActions, title, titleIcon, badges, description, compact, primaryAction, secondaryAction, headerNav, fullWidthDescription, ...props }: (Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "title"> & {
+    Detail: ({ ref, className, breadcrumbs, overflowActions, title, titleIcon, badges, description, compact, primaryAction, secondaryAction, headerNav, fullWidthDescription, ...props }: Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "title"> & {
         breadcrumbs: react.ReactNode;
         overflowActions?: react.ReactNode;
         title: react.ReactNode;
@@ -5360,14 +4818,60 @@ declare const PageHeader: {
         secondaryAction?: react.ReactNode;
         headerNav?: react.ReactNode;
         fullWidthDescription?: boolean;
-    }) & {
-        ref?: react.Ref<react.ElementRef<"header">>;
     }) => react_jsx_runtime.JSX.Element;
 };
 
-type DivProps = ComponentPropsWithoutRef<'div'> & {
-    ref?: Ref<ElementRef<'div'>>;
+declare const addonVariants: (props?: ({
+    align?: "inline-end" | "inline-start" | null | undefined;
+    variant?: "inline" | "floating" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type Props$p = ComponentProps<'div'> & VariantProps<typeof addonVariants>;
+declare const BadgeAddon: ({ ref, align, variant, className, ...rest }: Props$p) => react_jsx_runtime.JSX.Element;
+
+type Props$o = ComponentProps<'span'> & {
+    asChild?: boolean;
+};
+declare const BadgeLabel: ({ ref, className, asChild, ...rest }: Props$o) => react_jsx_runtime.JSX.Element;
+
+declare const badgeRootVariants: (props?: ({
+    variant?: "default" | "tag" | "pill" | null | undefined;
+    color?: "blue" | "cyan" | "gray" | "green" | "orange" | "purple" | "red" | "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$n = ComponentProps<'div'> & VariantProps<typeof badgeRootVariants>;
+declare const BadgeRoot: ({ ref, variant, color, className, children, ...rest }: Props$n) => react_jsx_runtime.JSX.Element;
+
+type AddonVariant = ComponentProps<typeof BadgeAddon>['variant'];
+type BadgeRootProps = ComponentProps<typeof BadgeRoot>;
+type BadgeLabelProps = ComponentProps<typeof BadgeLabel>;
+/**
+ * Props for `Badge`. `color` is a categorical contract (`green` = success, `red` = error, `orange` = warning,
+ * `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$m = 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$m) => react_jsx_runtime.JSX.Element) & {
+    Root: ({ ref, variant, color, className, children, ...rest }: react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & class_variance_authority.VariantProps<(props?: ({
+        variant?: "default" | "tag" | "pill" | null | undefined;
+        color?: "blue" | "cyan" | "gray" | "green" | "orange" | "purple" | "red" | "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>) => react_jsx_runtime.JSX.Element;
+    Button: ({ ref, className, type, children, ...rest }: react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>) => react_jsx_runtime.JSX.Element;
+    Label: ({ ref, className, asChild, ...rest }: react.ClassAttributes<HTMLSpanElement> & react.HTMLAttributes<HTMLSpanElement> & {
+        asChild?: boolean;
+    }) => react_jsx_runtime.JSX.Element;
+    Addon: ({ ref, align, variant, className, ...rest }: react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & class_variance_authority.VariantProps<(props?: ({
+        align?: "inline-end" | "inline-start" | null | undefined;
+        variant?: "inline" | "floating" | null | undefined;
+    } & class_variance_authority_types.ClassProp) | undefined) => string>) => react_jsx_runtime.JSX.Element;
 };
+
+type DivProps = ComponentProps<'div'>;
 type ChipProps = Omit<ComponentPropsWithoutRef<typeof Badge>, 'variant' | 'color' | 'suffix' | 'children'> & {
     children: ReactNode;
     onRemove: () => void;
@@ -5426,21 +4930,15 @@ declare const PageToolbar: (({ ref, className, children, ...props }: DivProps) =
     Token: ({ children, popover, onRemove, removeAriaLabel, ...props }: Omit<Omit<Pick<react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & class_variance_authority.VariantProps<(props?: ({
         variant?: "default" | "tag" | "pill" | null | undefined;
         color?: "blue" | "cyan" | "gray" | "green" | "orange" | "purple" | "red" | "teal" | "white" | "gray-darker" | "gray-inverse" | "green-darker" | "green-inverse" | "blue-inverse" | "orange-inverse" | "amber" | "amber-inverse" | "teal-inverse" | "purple-inverse" | "cyan-inverse" | "sidebar-primary" | null | undefined;
-    } & class_variance_authority_types.ClassProp) | undefined) => string> & {
-        ref?: Ref<ElementRef<"div">>;
-    }, "variant" | "color"> & Omit<react.ClassAttributes<HTMLSpanElement> & react.HTMLAttributes<HTMLSpanElement> & {
+    } & class_variance_authority_types.ClassProp) | undefined) => string>, "color" | "variant"> & Omit<react.ClassAttributes<HTMLSpanElement> & react.HTMLAttributes<HTMLSpanElement> & {
         asChild?: boolean;
-    } & {
-        ref?: Ref<ElementRef<"span">>;
     }, "prefix"> & {
         prefix?: ReactNode;
         prefixVariant?: "inline" | "floating" | null | undefined;
         suffix?: ReactNode;
         suffixVariant?: "inline" | "floating" | null | undefined;
         labelClassName?: string;
-    } & {
-        ref?: Ref<ElementRef<"span">>;
-    }, "ref">, "popover" | "variant" | "color" | "children" | "asChild" | "suffix"> & {
+    }, "ref">, "color" | "popover" | "variant" | "children" | "asChild" | "suffix"> & {
         children: ReactNode;
         popover: ReactNode;
         onRemove: () => void;
@@ -5455,7 +4953,7 @@ declare const PageToolbar: (({ ref, className, children, ...props }: DivProps) =
 type Props$l = {
     /** `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`). */
+    /** Sets the logo height; aspect ratio is preserved (e.g. `tw:h-7`). */
     className?: string;
 };
 /**
@@ -5487,12 +4985,11 @@ type Props$k = {
 declare const Sidebar: {
     ({ children, className, id, side, style, container, keepMounted, resizable, }: Props$k): 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, }: {
+    Content: ({ ref, className, children, contentRef }: {
         className?: string;
         children?: ReactNode;
         contentRef?: react.ComponentProps<"div">["ref"];
-    } & {
-        ref?: react.Ref<react.ElementRef<"div">>;
+        ref?: react.ComponentProps<"div">["ref"];
     }) => react_jsx_runtime.JSX.Element;
     Footer: ({ className, ...props }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => react_jsx_runtime.JSX.Element;
     Trigger: ({ side, onClick, hideWhenCollapsed, className, ...rest }: react.HTMLAttributes<HTMLElement> & {
@@ -5501,16 +4998,15 @@ declare const Sidebar: {
         side?: SidebarSide;
         hideWhenCollapsed?: boolean;
     }) => react_jsx_runtime.JSX.Element;
-    FillTrigger: ({ ref, side, onClick, ...rest }: (react.HTMLAttributes<HTMLElement> & {
+    FillTrigger: ({ ref, side, onClick, ...rest }: react.HTMLAttributes<HTMLElement> & {
         children?: React.ReactNode;
     } & react.RefAttributes<HTMLElement> & {
         side?: SidebarSide;
-    }) & {
-        ref?: react.Ref<react.ElementRef<"button">>;
     }) => react_jsx_runtime.JSX.Element;
     Separator: ({ className, ...props }: {
         content?: string | undefined | undefined;
         translate?: "yes" | "no" | undefined | undefined;
+        color?: string | undefined | undefined;
         prefix?: string | undefined | undefined;
         id?: string | undefined | undefined;
         popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
@@ -5551,7 +5047,6 @@ declare const Sidebar: {
         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;
@@ -5794,17 +5289,13 @@ declare const Sidebar: {
         onTransitionStartCapture?: TransitionEventHandler<HTMLDivElement> | undefined;
         asChild?: boolean | undefined;
     }) => react_jsx_runtime.JSX.Element;
-    MenuIcon: ({ ref, className, children, ...rest }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> & {
-        ref?: react.Ref<react.ElementRef<"span">>;
-    }) => react_jsx_runtime.JSX.Element;
+    MenuIcon: ({ ref, className, children, ...rest }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>) => react_jsx_runtime.JSX.Element;
     Group: ({ className, ...props }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => react_jsx_runtime.JSX.Element;
     GroupLabel: ({ ref, className, children, ...props }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement> & {
         ref?: react.Ref<HTMLDivElement>;
     }) => react_jsx_runtime.JSX.Element;
     GroupContent: ({ className, ...props }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => react_jsx_runtime.JSX.Element;
-    GroupAction: ({ ref, className, type, children, ...props }: react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> & {
-        ref?: react.Ref<react.ElementRef<"button">>;
-    }) => react_jsx_runtime.JSX.Element;
+    GroupAction: ({ ref, className, type, children, ...props }: react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>) => react_jsx_runtime.JSX.Element;
     Menu: ({ className, ...props }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLUListElement>, HTMLUListElement>) => react_jsx_runtime.JSX.Element;
     MenuItem: ({ className, ...props }: react.DetailedHTMLProps<react.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>) => react_jsx_runtime.JSX.Element;
     MenuButton: ({ ref, "aria-selected": selected, className, children, asChild, icon, tooltip, ...props }: (react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & {
@@ -5814,16 +5305,15 @@ declare const Sidebar: {
     }) & {
         ref?: react.Ref<HTMLButtonElement>;
     }) => react_jsx_runtime.JSX.Element;
-    MenuAction: ({ ref, className, asChild, showOnHover, children, ...props }: (react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & {
+    MenuAction: ({ ref, className, asChild, showOnHover, children, ...props }: react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & {
         asChild?: boolean;
         showOnHover?: boolean;
-    }) & {
-        ref?: react.Ref<react.ElementRef<"button">>;
     }) => react_jsx_runtime.JSX.Element;
     SearchInput: ({ ref: forwardedRef, className, ...inputProps }: {
         content?: string | undefined | undefined;
         size?: number | undefined | undefined;
         translate?: "yes" | "no" | undefined | undefined;
+        color?: string | undefined | undefined;
         id?: string | undefined | undefined;
         name?: string | undefined | undefined;
         popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
@@ -5865,7 +5355,6 @@ declare const Sidebar: {
         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;
@@ -6124,7 +5613,6 @@ declare const Sidebar: {
         multiple?: boolean | undefined | undefined;
         src?: string | undefined | undefined;
         alt?: string | undefined | undefined;
-        required?: boolean | undefined | undefined;
         accept?: string | undefined | undefined;
         autoComplete?: react.HTMLInputAutoCompleteAttribute | undefined;
         capture?: boolean | "user" | "environment" | undefined | undefined;
@@ -6132,26 +5620,21 @@ declare const Sidebar: {
         minLength?: number | undefined | undefined;
         placeholder?: string | undefined | undefined;
         readOnly?: boolean | undefined | undefined;
-    } & {
-        ref?: react.Ref<react.ElementRef<"input">>;
+        required?: boolean | undefined | undefined;
     }) => react_jsx_runtime.JSX.Element;
     MenuCard: ({ children, className, icon, title, ...rest }: react.HTMLAttributes<HTMLDivElement> & {
         icon: ReactNode;
         title: ReactNode;
     }) => react_jsx_runtime.JSX.Element;
-    MenuBadge: ({ ref, className, ...props }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement> & {
-        ref?: react.Ref<react.ElementRef<"div">>;
-    }) => react_jsx_runtime.JSX.Element;
+    MenuBadge: ({ ref, className, ...props }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => react_jsx_runtime.JSX.Element;
     SubMenu: ({ children, icon, isActive, label, defaultOpen, open: openProp, onOpenChange, }: {
         children: ReactNode;
         icon: ReactNode;
         isActive?: boolean;
         label: string;
     } & Pick<_radix_ui_react_collapsible.CollapsibleProps & react.RefAttributes<HTMLDivElement>, "open" | "defaultOpen" | "onOpenChange">) => react_jsx_runtime.JSX.Element;
-    SubItem: ({ ref, className, asChild, children, disabled, "aria-current": ariaCurrent, ...props }: (react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & {
+    SubItem: ({ ref, className, asChild, children, disabled, "aria-current": ariaCurrent, ...props }: react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & {
         asChild?: boolean;
-    }) & {
-        ref?: react.Ref<react.ElementRef<"button">>;
     }) => react_jsx_runtime.JSX.Element;
 };
 
@@ -6266,26 +5749,20 @@ declare const Navbar: {
         marker?: "none" | "forward-slash" | null | undefined;
     } & class_variance_authority_types.ClassProp) | undefined) => string>) => react_jsx_runtime.JSX.Element;
     MenuItem: ({ className, ...rest }: react.DetailedHTMLProps<react.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>) => react_jsx_runtime.JSX.Element;
-    MenuButton: ({ ref, className, type, children, icon, asChild, variant, ...rest }: (react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & {
+    MenuButton: ({ ref, className, type, children, icon, asChild, variant, ...rest }: react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & {
         icon?: react.ReactNode;
         asChild?: boolean;
     } & VariantProps<(props?: ({
         variant?: "search" | "icon" | "default" | "emphasized" | null | undefined;
-    } & class_variance_authority_types.ClassProp) | undefined) => string>) & {
-        ref?: react.Ref<react.ElementRef<"button">>;
-    }) => react_jsx_runtime.JSX.Element;
-    MenuItemAdornment: ({ ref, asChild, className, variant, ...props }: ({
+    } & class_variance_authority_types.ClassProp) | undefined) => string>) => react_jsx_runtime.JSX.Element;
+    MenuItemAdornment: ({ ref, asChild, className, variant, ...props }: {
         asChild?: boolean;
     } & react.ClassAttributes<HTMLSpanElement> & react.HTMLAttributes<HTMLSpanElement> & VariantProps<(props?: ({
         variant?: "icon" | "icon-accent" | "icon-emphasized" | "icon-accent-emphasized" | "icon-button" | "shortcut" | null | undefined;
-    } & class_variance_authority_types.ClassProp) | undefined) => string>) & {
-        ref?: react.Ref<react.ElementRef<"span">>;
-    }) => react_jsx_runtime.JSX.Element;
-    MenuAvatar: ({ ref, className, type, src, alt, ...rest }: (react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & {
+    } & class_variance_authority_types.ClassProp) | undefined) => string>) => react_jsx_runtime.JSX.Element;
+    MenuAvatar: ({ ref, className, type, src, alt, ...rest }: react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & {
         src?: string;
         alt?: string;
-    }) & {
-        ref?: react.Ref<react.ElementRef<"button">>;
     }) => react_jsx_runtime.JSX.Element;
 };
 
@@ -6294,18 +5771,12 @@ declare const Breadcrumb: {
     ({ className, ...props }: Props$f): 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> & {
+    Link: ({ ref, asChild, className, ...props }: react.ClassAttributes<HTMLAnchorElement> & react.AnchorHTMLAttributes<HTMLAnchorElement> & {
         asChild?: boolean;
-    }) & {
-        ref?: react.Ref<react.ElementRef<"a">>;
-    }) => react_jsx_runtime.JSX.Element;
-    Page: ({ ref, className, ...props }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> & {
-        ref?: react.Ref<react.ElementRef<"span">>;
     }) => react_jsx_runtime.JSX.Element;
+    Page: ({ ref, className, ...props }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>) => react_jsx_runtime.JSX.Element;
     Separator: ({ children, className, ...props }: react.DetailedHTMLProps<react.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>) => react_jsx_runtime.JSX.Element;
-    Ellipsis: ({ ref, className, ...props }: react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> & {
-        ref?: react.Ref<react.ElementRef<"button">>;
-    }) => react_jsx_runtime.JSX.Element;
+    Ellipsis: ({ ref, className, ...props }: react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>) => react_jsx_runtime.JSX.Element;
     Dropdown: {
         ({ label, splitTrigger, triggerLabel, open, defaultOpen, onOpenChange, size, filter, shouldFilter, searchValue, onSearchChange, searchPlaceholder, emptyMessage, children, }: {
             label: react.ReactNode;
@@ -6323,13 +5794,11 @@ declare const Breadcrumb: {
             emptyMessage?: react.ReactNode;
             children: react.ReactNode;
         }): react_jsx_runtime.JSX.Element;
-        Item: ({ ref, asChild, textValue, active, closeOnSelect, className, children, onClick, ...props }: (react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & {
+        Item: ({ ref, asChild, textValue, active, closeOnSelect, className, children, onClick, ...props }: react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & {
             asChild?: boolean;
             textValue?: string;
             active?: boolean;
             closeOnSelect?: boolean;
-        }) & {
-            ref?: react.Ref<react.ElementRef<"button">>;
         }) => react_jsx_runtime.JSX.Element | null;
         Group: ({ label, textValue, collapsible, defaultExpanded, className, children, }: {
             label: react.ReactNode;
@@ -6425,6 +5894,10 @@ declare const Card: {
     }) => react_jsx_runtime.JSX.Element;
 };
 
+type TableSortDirection = 'asc' | 'desc' | false;
+/** Maps a sort direction to the `aria-sort` value for the enclosing `Table.Head`. */
+declare const tableAriaSort: (sorted: TableSortDirection) => ComponentProps<"th">["aria-sort"];
+
 /**
  * Props for `Table`. `borderCollapsed` toggles standard collapsed borders vs separate row spacing;
  * `bordered` wraps the table in a rounded bordered container with overflow scrolling.
@@ -6456,11 +5929,13 @@ declare const Table: {
     Body: ({ withBorderSeparator, className, ...props }: {
         withBorderSeparator?: boolean;
     } & ComponentProps<"tbody">) => react_jsx_runtime.JSX.Element;
-    Row: ({ ref, className, ...props }: ComponentProps<"tr"> & {
-        ref?: react.Ref<react.ElementRef<"tr">>;
-    }) => react_jsx_runtime.JSX.Element;
+    Row: ({ ref, className, ...props }: ComponentProps<"tr">) => react_jsx_runtime.JSX.Element;
     Cell: ({ className, ...props }: ComponentProps<"td">) => react_jsx_runtime.JSX.Element;
     Footer: ({ className, ...props }: ComponentProps<"tfoot">) => react_jsx_runtime.JSX.Element;
+    SortHeader: ({ sorted, children, className, ...props }: {
+        sorted: TableSortDirection;
+        children: react.ReactNode;
+    } & Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "children" | "type">) => react_jsx_runtime.JSX.Element;
 };
 
 type Props$a = ComponentProps<'ul'> & {
@@ -6485,12 +5960,10 @@ type Props$9 = {
     tooltip?: ReactNode;
     twoLines?: boolean;
     noTooltip?: boolean;
-    tooltipVariant?: Props$1Q['variant'];
-    tooltipPlacement?: Props$1Q['placement'];
-} & Omit<ComponentPropsWithoutRef<'span'>, 'children'>;
-declare const Truncated: ({ ref, text, tooltip, className, twoLines, noTooltip, tooltipVariant, tooltipPlacement, ...rest }: Props$9 & {
-    ref?: Ref<ElementRef<"span">>;
-}) => react_jsx_runtime.JSX.Element;
+    tooltipVariant?: Props$1L['variant'];
+    tooltipPlacement?: Props$1L['placement'];
+} & Omit<ComponentProps<'span'>, 'children'>;
+declare const Truncated: ({ ref, text, tooltip, className, twoLines, noTooltip, tooltipVariant, tooltipPlacement, ...rest }: Props$9) => react_jsx_runtime.JSX.Element;
 
 type Props$8 = {
     source: string;
@@ -6498,9 +5971,7 @@ type Props$8 = {
     mark?: string;
     isCaseSensitive?: boolean;
 } & ComponentProps<'span'>;
-declare const MarkedText: ({ ref, source, mark, isCaseSensitive, ...spanProps }: Props$8 & {
-    ref?: Ref<ElementRef<"span">>;
-}) => react_jsx_runtime.JSX.Element;
+declare const MarkedText: ({ ref, source, mark, isCaseSensitive, ...spanProps }: Props$8) => react_jsx_runtime.JSX.Element;
 
 declare const kbdVariants: (props?: ({
     variant?: "primary" | "default" | null | undefined;
@@ -6509,11 +5980,9 @@ declare const kbdVariants: (props?: ({
 type Props$7 = ComponentProps<'kbd'> & VariantProps<typeof kbdVariants>;
 declare const Kbd: {
     ({ children, className, variant, ...rest }: Props$7): react_jsx_runtime.JSX.Element;
-    Group: ({ ref, className, children, separator, ...props }: ({
+    Group: ({ ref, className, children, separator, ...props }: {
         separator?: string;
-    } & react.ClassAttributes<HTMLElement> & react.HTMLAttributes<HTMLElement>) & {
-        ref?: react.Ref<react.ElementRef<"kbd">>;
-    }) => react_jsx_runtime.JSX.Element;
+    } & react.ClassAttributes<HTMLElement> & react.HTMLAttributes<HTMLElement>) => react_jsx_runtime.JSX.Element;
     Separator: ({ className, ...props }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>) => react_jsx_runtime.JSX.Element;
 };
 
@@ -6529,7 +5998,7 @@ declare const Pagination: {
     ({ className, ...props }: Props$6): 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 }: ({
+    Button: ({ ref, active: isActive, className, children, size, ...props }: {
         active?: boolean;
     } & Omit<{
         isLoading?: boolean;
@@ -6538,11 +6007,7 @@ declare const Pagination: {
         block?: boolean | null | undefined;
         variant?: "primary" | "secondary" | "inline" | "danger" | "invisible" | "outline" | 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">) & {
-        ref?: react.Ref<react.ElementRef<"button">>;
-    }) => react_jsx_runtime.JSX.Element;
+    } & class_variance_authority_types.ClassProp) | undefined) => string>, "variant">) => react_jsx_runtime.JSX.Element;
     Previous: ({ children, ...props }: {
         active?: boolean;
     } & Omit<{
@@ -6552,11 +6017,7 @@ declare const Pagination: {
         block?: boolean | null | undefined;
         variant?: "primary" | "secondary" | "inline" | "danger" | "invisible" | "outline" | 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"> & {
-        ref?: react.Ref<react.ElementRef<"button">>;
-    }) => react_jsx_runtime.JSX.Element;
+    } & class_variance_authority_types.ClassProp) | undefined) => string>, "variant">) => react_jsx_runtime.JSX.Element;
     Next: ({ children, className, ...props }: {
         active?: boolean;
     } & Omit<{
@@ -6566,11 +6027,7 @@ declare const Pagination: {
         block?: boolean | null | undefined;
         variant?: "primary" | "secondary" | "inline" | "danger" | "invisible" | "outline" | 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"> & {
-        ref?: react.Ref<react.ElementRef<"button">>;
-    }) => react_jsx_runtime.JSX.Element;
+    } & class_variance_authority_types.ClassProp) | undefined) => string>, "variant">) => react_jsx_runtime.JSX.Element;
     Ellipsis: ({ className, ...props }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>) => react_jsx_runtime.JSX.Element;
 };
 
@@ -6785,6 +6242,13 @@ type FieldControlProps = {
 type RequiredMark = 'required' | 'optional' | 'hidden';
 type Props$1 = {
     label?: ReactNode;
+    /**
+     * Optional node rendered at the trailing edge of the label row (opposite the label) — e.g. a
+     * "Forgot password?" link beside a Password label. Presentational placement only; it is a sibling
+     * of the `<Label>`, not part of the field's accessible name. Provide an interactive element
+     * (`ButtonInline` / `Link`).
+     */
+    action?: ReactNode;
     required?: boolean;
     /**
      * Which marker to show beside the label — gated by `required` so it never lies: `'required'`
@@ -6816,10 +6280,11 @@ type FieldItemProps = Omit<Props$1, 'children'>;
  * @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, requiredMark, help, tooltip, className, "aria-describedby": ariaDescribedBy, ...inputProps }: FieldItemProps & Omit<{
+    readonly TextField: ({ label, action, required, requiredMark, help, tooltip, className, "aria-describedby": ariaDescribedBy, ...inputProps }: FieldItemProps & Omit<{
         content?: string | undefined | undefined;
         size?: number | undefined | undefined;
         translate?: "yes" | "no" | undefined | undefined;
+        color?: string | undefined | undefined;
         prefix?: react.ReactNode;
         id?: string | undefined | undefined;
         name?: string | undefined | undefined;
@@ -6863,7 +6328,6 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_react_form.Form
         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;
@@ -7122,13 +6586,13 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_react_form.Form
         multiple?: boolean | undefined | undefined;
         src?: string | undefined | undefined;
         alt?: string | undefined | undefined;
-        required?: boolean | undefined | undefined;
         autoComplete?: react.HTMLInputAutoCompleteAttribute | undefined;
         capture?: boolean | "user" | "environment" | undefined | undefined;
         maxLength?: number | undefined | undefined;
         minLength?: number | undefined | undefined;
         placeholder?: string | undefined | undefined;
         readOnly?: boolean | undefined | undefined;
+        required?: boolean | undefined | undefined;
         onValueBlur?: ((value: string) => void) | undefined;
         sizing?: "medium" | "small" | "default" | null | undefined;
         focusVariant?: "off" | "on" | "default" | null | undefined;
@@ -7138,13 +6602,12 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_react_form.Form
         allowClear?: boolean | undefined;
         onClear?: (() => void) | undefined;
         testId?: string | undefined;
-    } & {
-        ref?: react.Ref<react.ElementRef<"input">>;
     }, "id" | "name" | "onBlur" | "onChange" | "value">) => react_jsx_runtime.JSX.Element;
-    readonly NumberField: ({ label, required, requiredMark, help, tooltip, className, "aria-describedby": ariaDescribedBy, ...inputProps }: FieldItemProps & Omit<{
+    readonly NumberField: ({ label, action, required, requiredMark, help, tooltip, className, "aria-describedby": ariaDescribedBy, ...inputProps }: FieldItemProps & Omit<{
         content?: string | undefined | undefined;
         size?: number | undefined | undefined;
         translate?: "yes" | "no" | undefined | undefined;
+        color?: string | undefined | undefined;
         prefix?: react.ReactNode;
         id?: string | undefined | undefined;
         name?: string | undefined | undefined;
@@ -7188,7 +6651,6 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_react_form.Form
         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;
@@ -7447,7 +6909,6 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_react_form.Form
         multiple?: boolean | undefined | undefined;
         src?: string | undefined | undefined;
         alt?: string | undefined | undefined;
-        required?: boolean | undefined | undefined;
         accept?: string | undefined | undefined;
         autoComplete?: react.HTMLInputAutoCompleteAttribute | undefined;
         capture?: boolean | "user" | "environment" | undefined | undefined;
@@ -7455,14 +6916,13 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_react_form.Form
         minLength?: number | undefined | undefined;
         placeholder?: string | undefined | undefined;
         readOnly?: boolean | undefined | undefined;
+        required?: boolean | undefined | undefined;
         onValueBlur?: ((value: number | null) => void) | 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, requiredMark, help, tooltip, className, "aria-describedby": ariaDescribedBy, ...inputProps }: FieldItemProps & Omit<{
+    readonly PasswordField: ({ label, action, required, requiredMark, help, tooltip, className, "aria-describedby": ariaDescribedBy, ...inputProps }: FieldItemProps & Omit<{
         variant?: "primary" | "secondary" | null | undefined;
         state?: "warning" | "default" | "error" | null | undefined;
         sizing?: "medium" | "small" | "default" | null | undefined;
@@ -7471,6 +6931,7 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_react_form.Form
         content?: string | undefined | undefined;
         size?: number | undefined | undefined;
         translate?: "yes" | "no" | undefined | undefined;
+        color?: string | undefined | undefined;
         prefix?: string | undefined | undefined;
         id?: string | undefined | undefined;
         name?: string | undefined | undefined;
@@ -7512,7 +6973,6 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_react_form.Form
         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;
@@ -7769,13 +7229,13 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_react_form.Form
         multiple?: boolean | undefined | undefined;
         src?: string | undefined | undefined;
         alt?: string | undefined | undefined;
-        required?: boolean | undefined | undefined;
         accept?: string | undefined | undefined;
         capture?: boolean | "user" | "environment" | undefined | undefined;
         maxLength?: number | undefined | undefined;
         minLength?: number | undefined | undefined;
         placeholder?: string | undefined | undefined;
         readOnly?: boolean | undefined | undefined;
+        required?: boolean | undefined | undefined;
     } & {
         value?: string | null;
         defaultValue?: string | null;
@@ -7783,14 +7243,15 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_react_form.Form
         onValueBlur?: (value: string) => void;
         allowClear?: boolean;
         allowPasswordToggle?: boolean;
+        passwordToggleLabel?: string;
         autoComplete?: "new-password" | "current-password" | "off";
         defaultPasswordVisibility?: boolean;
-    } & {
-        ref?: react.Ref<react.ElementRef<"input">>;
     }, "id" | "name" | "onBlur" | "value" | "onValueChange">) => react_jsx_runtime.JSX.Element;
-    readonly TextareaField: ({ label, required, requiredMark, help, tooltip, className, "aria-describedby": ariaDescribedBy, ...inputProps }: FieldItemProps & Omit<{
+    readonly TextareaField: ({ label, action, required, requiredMark, help, tooltip, className, "aria-describedby": ariaDescribedBy, ...inputProps }: FieldItemProps & Omit<{
         content?: string | undefined | undefined;
         translate?: "yes" | "no" | undefined | undefined;
+        wrap?: string | undefined | undefined;
+        color?: string | undefined | undefined;
         prefix?: string | undefined | undefined;
         id?: string | undefined | undefined;
         name?: string | undefined | undefined;
@@ -7835,7 +7296,6 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_react_form.Form
         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;
@@ -8079,13 +7539,12 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_react_form.Form
         disabled?: boolean | undefined | undefined;
         value?: string | null | undefined;
         onValueChange?: (((value: string) => void) & ((value: string) => void)) | undefined;
-        wrap?: string | undefined | undefined;
-        required?: boolean | undefined | undefined;
         autoComplete?: string | undefined | undefined;
         maxLength?: number | undefined | undefined;
         minLength?: number | undefined | undefined;
         placeholder?: string | undefined | undefined;
         readOnly?: boolean | undefined | undefined;
+        required?: boolean | undefined | undefined;
         cols?: number | undefined | undefined;
         dirName?: string | undefined | undefined;
         maxRows?: number | "unlimited" | undefined;
@@ -8098,38 +7557,29 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_react_form.Form
         focusVariant?: "off" | "on" | "default" | null | undefined;
         containerClassName?: string | undefined;
     }, "id" | "name" | "onBlur" | "value" | "onValueChange">) => react_jsx_runtime.JSX.Element;
-    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;
+    readonly SelectField: ({ label, action, required, requiredMark, help, tooltip, className, "aria-describedby": ariaDescribedBy, triggerClassName, ...selectProps }: FieldItemProps & Omit<Pick<SelectRootProps, "name" | "form" | "defaultValue" | "dir" | "open" | "defaultOpen" | "onOpenChange" | "disabled" | "value" | "onValueChange" | "autoComplete" | "required"> & Pick<_radix_ui_react_select.SelectTriggerProps & react.RefAttributes<HTMLButtonElement> & Omit<class_variance_authority.VariantProps<(props?: ({
+        variant?: "primary" | "secondary" | "argo" | null | undefined;
         sizing?: "medium" | "small" | "default" | null | undefined;
-    } & Omit<SelectRootProps, "children" | "value" | "onValueChange"> & ({
-        items: readonly {
-            value: string;
-            label: react.ReactNode;
-        }[];
-        options?: readonly {
-            value: string;
-            label: react.ReactNode;
-        }[];
-    } | {
-        items?: readonly {
-            value: string;
-            label: react.ReactNode;
-        }[];
-        options: readonly {
-            value: string;
-            label: react.ReactNode;
-        }[];
-    })) => react_jsx_runtime.JSX.Element;
+        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?: "medium" | "small" | "default" | null | undefined;
+            state?: "warning" | "default" | "error" | null | undefined;
+        } & class_variance_authority_types.ClassProp) | undefined) => string>["variant"], "argo"> | "inline";
+    } & Pick<_radix_ui_react_select.SelectValueProps & react.RefAttributes<HTMLSpanElement>, "placeholder">, "id" | "variant" | "className" | "aria-describedby" | "aria-invalid" | "aria-required" | "onBlur" | "state" | "placeholder" | "sizing"> & {
+        items?: readonly (SelectItem | SelectItemGroup)[];
+    }, "id" | "name" | "defaultValue" | "className" | "aria-describedby" | "aria-invalid" | "aria-required" | "onBlur" | "value" | "onValueChange" | "items"> & {
+        items: readonly (SelectItem | SelectItemGroup)[];
+        triggerClassName?: string;
+    }) => react_jsx_runtime.JSX.Element;
     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$1Q["tooltip"];
-        tooltipPlacement?: Props$1Q["placement"];
+        tooltip?: Props$1L["tooltip"];
+        tooltipPlacement?: Props$1L["placement"];
     } & Omit<_radix_ui_react_checkbox.CheckboxProps & react.RefAttributes<HTMLButtonElement>, "id">, "checked" | "onCheckedChange"> & {
         checked?: _radix_ui_react_checkbox.CheckedState;
         onCheckedChange?: (checked: _radix_ui_react_checkbox.CheckedState) => void;
@@ -8143,10 +7593,8 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_react_form.Form
     } & Omit<_radix_ui_react_switch.SwitchProps & react.RefAttributes<HTMLButtonElement>, "id" | "asChild"> & Omit<class_variance_authority.VariantProps<(props?: ({
         variant?: "default" | "argo" | 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$7, "id" | "name" | "aria-describedby" | "aria-invalid" | "aria-required" | "children" | "onChange" | "value">) => react_jsx_runtime.JSX.Element;
+    } & class_variance_authority_types.ClassProp) | undefined) => string>, "variant">, "id" | "name" | "checked" | "onCheckedChange">) => react_jsx_runtime.JSX.Element;
+    readonly OtpInputField: ({ label, action, required, requiredMark, help, tooltip, className, "aria-describedby": ariaDescribedBy, maxLength, ...otpProps }: FieldItemProps & Omit<RootProps$7, "id" | "name" | "aria-describedby" | "aria-invalid" | "aria-required" | "children" | "onChange" | "value">) => react_jsx_runtime.JSX.Element;
 }, {
     readonly FormBody: ({ children, className, ...formProps }: {
         children: react.ReactNode;
@@ -8160,15 +7608,15 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_react_form.Form
         block?: boolean | null | undefined;
         variant?: "primary" | "secondary" | "inline" | "danger" | "invisible" | "outline" | 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;
+    } & class_variance_authority_types.ClassProp) | undefined) => string>, "disabled" | "type" | "isLoading">) => react_jsx_runtime.JSX.Element;
+    readonly SubmitErrorAlert: () => 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, requiredMark, help, tooltip, className, "aria-describedby": ariaDescribedBy, ...inputProps }: FieldItemProps & Omit<{
+    readonly TextField: ({ label, action, required, requiredMark, help, tooltip, className, "aria-describedby": ariaDescribedBy, ...inputProps }: FieldItemProps & Omit<{
         content?: string | undefined | undefined;
         size?: number | undefined | undefined;
         translate?: "yes" | "no" | undefined | undefined;
+        color?: string | undefined | undefined;
         prefix?: react.ReactNode;
         id?: string | undefined | undefined;
         name?: string | undefined | undefined;
@@ -8212,7 +7660,6 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
         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;
@@ -8471,13 +7918,13 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
         multiple?: boolean | undefined | undefined;
         src?: string | undefined | undefined;
         alt?: string | undefined | undefined;
-        required?: boolean | undefined | undefined;
         autoComplete?: react.HTMLInputAutoCompleteAttribute | undefined;
         capture?: boolean | "user" | "environment" | undefined | undefined;
         maxLength?: number | undefined | undefined;
         minLength?: number | undefined | undefined;
         placeholder?: string | undefined | undefined;
         readOnly?: boolean | undefined | undefined;
+        required?: boolean | undefined | undefined;
         onValueBlur?: ((value: string) => void) | undefined;
         sizing?: "medium" | "small" | "default" | null | undefined;
         focusVariant?: "off" | "on" | "default" | null | undefined;
@@ -8487,13 +7934,12 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
         allowClear?: boolean | undefined;
         onClear?: (() => void) | undefined;
         testId?: string | undefined;
-    } & {
-        ref?: react.Ref<react.ElementRef<"input">>;
     }, "id" | "name" | "onBlur" | "onChange" | "value">) => react_jsx_runtime.JSX.Element;
-    readonly NumberField: ({ label, required, requiredMark, help, tooltip, className, "aria-describedby": ariaDescribedBy, ...inputProps }: FieldItemProps & Omit<{
+    readonly NumberField: ({ label, action, required, requiredMark, help, tooltip, className, "aria-describedby": ariaDescribedBy, ...inputProps }: FieldItemProps & Omit<{
         content?: string | undefined | undefined;
         size?: number | undefined | undefined;
         translate?: "yes" | "no" | undefined | undefined;
+        color?: string | undefined | undefined;
         prefix?: react.ReactNode;
         id?: string | undefined | undefined;
         name?: string | undefined | undefined;
@@ -8537,7 +7983,6 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
         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;
@@ -8796,7 +8241,6 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
         multiple?: boolean | undefined | undefined;
         src?: string | undefined | undefined;
         alt?: string | undefined | undefined;
-        required?: boolean | undefined | undefined;
         accept?: string | undefined | undefined;
         autoComplete?: react.HTMLInputAutoCompleteAttribute | undefined;
         capture?: boolean | "user" | "environment" | undefined | undefined;
@@ -8804,14 +8248,13 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
         minLength?: number | undefined | undefined;
         placeholder?: string | undefined | undefined;
         readOnly?: boolean | undefined | undefined;
+        required?: boolean | undefined | undefined;
         onValueBlur?: ((value: number | null) => void) | 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, requiredMark, help, tooltip, className, "aria-describedby": ariaDescribedBy, ...inputProps }: FieldItemProps & Omit<{
+    readonly PasswordField: ({ label, action, required, requiredMark, help, tooltip, className, "aria-describedby": ariaDescribedBy, ...inputProps }: FieldItemProps & Omit<{
         variant?: "primary" | "secondary" | null | undefined;
         state?: "warning" | "default" | "error" | null | undefined;
         sizing?: "medium" | "small" | "default" | null | undefined;
@@ -8820,6 +8263,7 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
         content?: string | undefined | undefined;
         size?: number | undefined | undefined;
         translate?: "yes" | "no" | undefined | undefined;
+        color?: string | undefined | undefined;
         prefix?: string | undefined | undefined;
         id?: string | undefined | undefined;
         name?: string | undefined | undefined;
@@ -8861,7 +8305,6 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
         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;
@@ -9118,13 +8561,13 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
         multiple?: boolean | undefined | undefined;
         src?: string | undefined | undefined;
         alt?: string | undefined | undefined;
-        required?: boolean | undefined | undefined;
         accept?: string | undefined | undefined;
         capture?: boolean | "user" | "environment" | undefined | undefined;
         maxLength?: number | undefined | undefined;
         minLength?: number | undefined | undefined;
         placeholder?: string | undefined | undefined;
         readOnly?: boolean | undefined | undefined;
+        required?: boolean | undefined | undefined;
     } & {
         value?: string | null;
         defaultValue?: string | null;
@@ -9132,14 +8575,15 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
         onValueBlur?: (value: string) => void;
         allowClear?: boolean;
         allowPasswordToggle?: boolean;
+        passwordToggleLabel?: string;
         autoComplete?: "new-password" | "current-password" | "off";
         defaultPasswordVisibility?: boolean;
-    } & {
-        ref?: react.Ref<react.ElementRef<"input">>;
     }, "id" | "name" | "onBlur" | "value" | "onValueChange">) => react_jsx_runtime.JSX.Element;
-    readonly TextareaField: ({ label, required, requiredMark, help, tooltip, className, "aria-describedby": ariaDescribedBy, ...inputProps }: FieldItemProps & Omit<{
+    readonly TextareaField: ({ label, action, required, requiredMark, help, tooltip, className, "aria-describedby": ariaDescribedBy, ...inputProps }: FieldItemProps & Omit<{
         content?: string | undefined | undefined;
         translate?: "yes" | "no" | undefined | undefined;
+        wrap?: string | undefined | undefined;
+        color?: string | undefined | undefined;
         prefix?: string | undefined | undefined;
         id?: string | undefined | undefined;
         name?: string | undefined | undefined;
@@ -9184,7 +8628,6 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
         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;
@@ -9428,13 +8871,12 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
         disabled?: boolean | undefined | undefined;
         value?: string | null | undefined;
         onValueChange?: (((value: string) => void) & ((value: string) => void)) | undefined;
-        wrap?: string | undefined | undefined;
-        required?: boolean | undefined | undefined;
         autoComplete?: string | undefined | undefined;
         maxLength?: number | undefined | undefined;
         minLength?: number | undefined | undefined;
         placeholder?: string | undefined | undefined;
         readOnly?: boolean | undefined | undefined;
+        required?: boolean | undefined | undefined;
         cols?: number | undefined | undefined;
         dirName?: string | undefined | undefined;
         maxRows?: number | "unlimited" | undefined;
@@ -9447,38 +8889,29 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
         focusVariant?: "off" | "on" | "default" | null | undefined;
         containerClassName?: string | undefined;
     }, "id" | "name" | "onBlur" | "value" | "onValueChange">) => react_jsx_runtime.JSX.Element;
-    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;
+    readonly SelectField: ({ label, action, required, requiredMark, help, tooltip, className, "aria-describedby": ariaDescribedBy, triggerClassName, ...selectProps }: FieldItemProps & Omit<Pick<SelectRootProps, "name" | "form" | "defaultValue" | "dir" | "open" | "defaultOpen" | "onOpenChange" | "disabled" | "value" | "onValueChange" | "autoComplete" | "required"> & Pick<_radix_ui_react_select.SelectTriggerProps & react.RefAttributes<HTMLButtonElement> & Omit<class_variance_authority.VariantProps<(props?: ({
+        variant?: "primary" | "secondary" | "argo" | null | undefined;
         sizing?: "medium" | "small" | "default" | null | undefined;
-    } & Omit<SelectRootProps, "children" | "value" | "onValueChange"> & ({
-        items: readonly {
-            value: string;
-            label: react.ReactNode;
-        }[];
-        options?: readonly {
-            value: string;
-            label: react.ReactNode;
-        }[];
-    } | {
-        items?: readonly {
-            value: string;
-            label: react.ReactNode;
-        }[];
-        options: readonly {
-            value: string;
-            label: react.ReactNode;
-        }[];
-    })) => react_jsx_runtime.JSX.Element;
+        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?: "medium" | "small" | "default" | null | undefined;
+            state?: "warning" | "default" | "error" | null | undefined;
+        } & class_variance_authority_types.ClassProp) | undefined) => string>["variant"], "argo"> | "inline";
+    } & Pick<_radix_ui_react_select.SelectValueProps & react.RefAttributes<HTMLSpanElement>, "placeholder">, "id" | "variant" | "className" | "aria-describedby" | "aria-invalid" | "aria-required" | "onBlur" | "state" | "placeholder" | "sizing"> & {
+        items?: readonly (SelectItem | SelectItemGroup)[];
+    }, "id" | "name" | "defaultValue" | "className" | "aria-describedby" | "aria-invalid" | "aria-required" | "onBlur" | "value" | "onValueChange" | "items"> & {
+        items: readonly (SelectItem | SelectItemGroup)[];
+        triggerClassName?: string;
+    }) => react_jsx_runtime.JSX.Element;
     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$1Q["tooltip"];
-        tooltipPlacement?: Props$1Q["placement"];
+        tooltip?: Props$1L["tooltip"];
+        tooltipPlacement?: Props$1L["placement"];
     } & Omit<_radix_ui_react_checkbox.CheckboxProps & react.RefAttributes<HTMLButtonElement>, "id">, "checked" | "onCheckedChange"> & {
         checked?: _radix_ui_react_checkbox.CheckedState;
         onCheckedChange?: (checked: _radix_ui_react_checkbox.CheckedState) => void;
@@ -9492,10 +8925,8 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
     } & Omit<_radix_ui_react_switch.SwitchProps & react.RefAttributes<HTMLButtonElement>, "id" | "asChild"> & Omit<class_variance_authority.VariantProps<(props?: ({
         variant?: "default" | "argo" | 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$7, "id" | "name" | "aria-describedby" | "aria-invalid" | "aria-required" | "children" | "onChange" | "value">) => react_jsx_runtime.JSX.Element;
+    } & class_variance_authority_types.ClassProp) | undefined) => string>, "variant">, "id" | "name" | "checked" | "onCheckedChange">) => react_jsx_runtime.JSX.Element;
+    readonly OtpInputField: ({ label, action, required, requiredMark, help, tooltip, className, "aria-describedby": ariaDescribedBy, maxLength, ...otpProps }: FieldItemProps & Omit<RootProps$7, "id" | "name" | "aria-describedby" | "aria-invalid" | "aria-required" | "children" | "onChange" | "value">) => react_jsx_runtime.JSX.Element;
 }, {
     readonly FormBody: ({ children, className, ...formProps }: {
         children: react.ReactNode;
@@ -9509,15 +8940,15 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
         block?: boolean | null | undefined;
         variant?: "primary" | "secondary" | "inline" | "danger" | "invisible" | "outline" | 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;
+    } & class_variance_authority_types.ClassProp) | undefined) => string>, "disabled" | "type" | "isLoading">) => react_jsx_runtime.JSX.Element;
+    readonly SubmitErrorAlert: () => 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, requiredMark, help, tooltip, className, "aria-describedby": ariaDescribedBy, ...inputProps }: FieldItemProps & Omit<{
+        readonly TextField: ({ label, action, required, requiredMark, help, tooltip, className, "aria-describedby": ariaDescribedBy, ...inputProps }: FieldItemProps & Omit<{
             content?: string | undefined | undefined;
             size?: number | undefined | undefined;
             translate?: "yes" | "no" | undefined | undefined;
+            color?: string | undefined | undefined;
             prefix?: react.ReactNode;
             id?: string | undefined | undefined;
             name?: string | undefined | undefined;
@@ -9561,7 +8992,6 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
             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;
@@ -9820,13 +9250,13 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
             multiple?: boolean | undefined | undefined;
             src?: string | undefined | undefined;
             alt?: string | undefined | undefined;
-            required?: boolean | undefined | undefined;
             autoComplete?: react.HTMLInputAutoCompleteAttribute | undefined;
             capture?: boolean | "user" | "environment" | undefined | undefined;
             maxLength?: number | undefined | undefined;
             minLength?: number | undefined | undefined;
             placeholder?: string | undefined | undefined;
             readOnly?: boolean | undefined | undefined;
+            required?: boolean | undefined | undefined;
             onValueBlur?: ((value: string) => void) | undefined;
             sizing?: "medium" | "small" | "default" | null | undefined;
             focusVariant?: "off" | "on" | "default" | null | undefined;
@@ -9836,13 +9266,12 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
             allowClear?: boolean | undefined;
             onClear?: (() => void) | undefined;
             testId?: string | undefined;
-        } & {
-            ref?: react.Ref<react.ElementRef<"input">>;
         }, "id" | "name" | "onBlur" | "onChange" | "value">) => react_jsx_runtime.JSX.Element;
-        readonly NumberField: ({ label, required, requiredMark, help, tooltip, className, "aria-describedby": ariaDescribedBy, ...inputProps }: FieldItemProps & Omit<{
+        readonly NumberField: ({ label, action, required, requiredMark, help, tooltip, className, "aria-describedby": ariaDescribedBy, ...inputProps }: FieldItemProps & Omit<{
             content?: string | undefined | undefined;
             size?: number | undefined | undefined;
             translate?: "yes" | "no" | undefined | undefined;
+            color?: string | undefined | undefined;
             prefix?: react.ReactNode;
             id?: string | undefined | undefined;
             name?: string | undefined | undefined;
@@ -9886,7 +9315,6 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
             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;
@@ -10145,7 +9573,6 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
             multiple?: boolean | undefined | undefined;
             src?: string | undefined | undefined;
             alt?: string | undefined | undefined;
-            required?: boolean | undefined | undefined;
             accept?: string | undefined | undefined;
             autoComplete?: react.HTMLInputAutoCompleteAttribute | undefined;
             capture?: boolean | "user" | "environment" | undefined | undefined;
@@ -10153,14 +9580,13 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
             minLength?: number | undefined | undefined;
             placeholder?: string | undefined | undefined;
             readOnly?: boolean | undefined | undefined;
+            required?: boolean | undefined | undefined;
             onValueBlur?: ((value: number | null) => void) | 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, requiredMark, help, tooltip, className, "aria-describedby": ariaDescribedBy, ...inputProps }: FieldItemProps & Omit<{
+        readonly PasswordField: ({ label, action, required, requiredMark, help, tooltip, className, "aria-describedby": ariaDescribedBy, ...inputProps }: FieldItemProps & Omit<{
             variant?: "primary" | "secondary" | null | undefined;
             state?: "warning" | "default" | "error" | null | undefined;
             sizing?: "medium" | "small" | "default" | null | undefined;
@@ -10169,6 +9595,7 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
             content?: string | undefined | undefined;
             size?: number | undefined | undefined;
             translate?: "yes" | "no" | undefined | undefined;
+            color?: string | undefined | undefined;
             prefix?: string | undefined | undefined;
             id?: string | undefined | undefined;
             name?: string | undefined | undefined;
@@ -10210,7 +9637,6 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
             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;
@@ -10467,13 +9893,13 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
             multiple?: boolean | undefined | undefined;
             src?: string | undefined | undefined;
             alt?: string | undefined | undefined;
-            required?: boolean | undefined | undefined;
             accept?: string | undefined | undefined;
             capture?: boolean | "user" | "environment" | undefined | undefined;
             maxLength?: number | undefined | undefined;
             minLength?: number | undefined | undefined;
             placeholder?: string | undefined | undefined;
             readOnly?: boolean | undefined | undefined;
+            required?: boolean | undefined | undefined;
         } & {
             value?: string | null;
             defaultValue?: string | null;
@@ -10481,14 +9907,15 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
             onValueBlur?: (value: string) => void;
             allowClear?: boolean;
             allowPasswordToggle?: boolean;
+            passwordToggleLabel?: string;
             autoComplete?: "new-password" | "current-password" | "off";
             defaultPasswordVisibility?: boolean;
-        } & {
-            ref?: react.Ref<react.ElementRef<"input">>;
         }, "id" | "name" | "onBlur" | "value" | "onValueChange">) => react_jsx_runtime.JSX.Element;
-        readonly TextareaField: ({ label, required, requiredMark, help, tooltip, className, "aria-describedby": ariaDescribedBy, ...inputProps }: FieldItemProps & Omit<{
+        readonly TextareaField: ({ label, action, required, requiredMark, help, tooltip, className, "aria-describedby": ariaDescribedBy, ...inputProps }: FieldItemProps & Omit<{
             content?: string | undefined | undefined;
             translate?: "yes" | "no" | undefined | undefined;
+            wrap?: string | undefined | undefined;
+            color?: string | undefined | undefined;
             prefix?: string | undefined | undefined;
             id?: string | undefined | undefined;
             name?: string | undefined | undefined;
@@ -10533,7 +9960,6 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
             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;
@@ -10777,13 +10203,12 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
             disabled?: boolean | undefined | undefined;
             value?: string | null | undefined;
             onValueChange?: (((value: string) => void) & ((value: string) => void)) | undefined;
-            wrap?: string | undefined | undefined;
-            required?: boolean | undefined | undefined;
             autoComplete?: string | undefined | undefined;
             maxLength?: number | undefined | undefined;
             minLength?: number | undefined | undefined;
             placeholder?: string | undefined | undefined;
             readOnly?: boolean | undefined | undefined;
+            required?: boolean | undefined | undefined;
             cols?: number | undefined | undefined;
             dirName?: string | undefined | undefined;
             maxRows?: number | "unlimited" | undefined;
@@ -10796,38 +10221,29 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
             focusVariant?: "off" | "on" | "default" | null | undefined;
             containerClassName?: string | undefined;
         }, "id" | "name" | "onBlur" | "value" | "onValueChange">) => react_jsx_runtime.JSX.Element;
-        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;
+        readonly SelectField: ({ label, action, required, requiredMark, help, tooltip, className, "aria-describedby": ariaDescribedBy, triggerClassName, ...selectProps }: FieldItemProps & Omit<Pick<SelectRootProps, "name" | "form" | "defaultValue" | "dir" | "open" | "defaultOpen" | "onOpenChange" | "disabled" | "value" | "onValueChange" | "autoComplete" | "required"> & Pick<_radix_ui_react_select.SelectTriggerProps & react.RefAttributes<HTMLButtonElement> & Omit<class_variance_authority.VariantProps<(props?: ({
+            variant?: "primary" | "secondary" | "argo" | null | undefined;
             sizing?: "medium" | "small" | "default" | null | undefined;
-        } & Omit<SelectRootProps, "children" | "value" | "onValueChange"> & ({
-            items: readonly {
-                value: string;
-                label: react.ReactNode;
-            }[];
-            options?: readonly {
-                value: string;
-                label: react.ReactNode;
-            }[];
-        } | {
-            items?: readonly {
-                value: string;
-                label: react.ReactNode;
-            }[];
-            options: readonly {
-                value: string;
-                label: react.ReactNode;
-            }[];
-        })) => react_jsx_runtime.JSX.Element;
+            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?: "medium" | "small" | "default" | null | undefined;
+                state?: "warning" | "default" | "error" | null | undefined;
+            } & class_variance_authority_types.ClassProp) | undefined) => string>["variant"], "argo"> | "inline";
+        } & Pick<_radix_ui_react_select.SelectValueProps & react.RefAttributes<HTMLSpanElement>, "placeholder">, "id" | "variant" | "className" | "aria-describedby" | "aria-invalid" | "aria-required" | "onBlur" | "state" | "placeholder" | "sizing"> & {
+            items?: readonly (SelectItem | SelectItemGroup)[];
+        }, "id" | "name" | "defaultValue" | "className" | "aria-describedby" | "aria-invalid" | "aria-required" | "onBlur" | "value" | "onValueChange" | "items"> & {
+            items: readonly (SelectItem | SelectItemGroup)[];
+            triggerClassName?: string;
+        }) => react_jsx_runtime.JSX.Element;
         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$1Q["tooltip"];
-            tooltipPlacement?: Props$1Q["placement"];
+            tooltip?: Props$1L["tooltip"];
+            tooltipPlacement?: Props$1L["placement"];
         } & Omit<_radix_ui_react_checkbox.CheckboxProps & react.RefAttributes<HTMLButtonElement>, "id">, "checked" | "onCheckedChange"> & {
             checked?: _radix_ui_react_checkbox.CheckedState;
             onCheckedChange?: (checked: _radix_ui_react_checkbox.CheckedState) => void;
@@ -10841,10 +10257,8 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
         } & Omit<_radix_ui_react_switch.SwitchProps & react.RefAttributes<HTMLButtonElement>, "id" | "asChild"> & Omit<class_variance_authority.VariantProps<(props?: ({
             variant?: "default" | "argo" | 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$7, "id" | "name" | "aria-describedby" | "aria-invalid" | "aria-required" | "children" | "onChange" | "value">) => react_jsx_runtime.JSX.Element;
+        } & class_variance_authority_types.ClassProp) | undefined) => string>, "variant">, "id" | "name" | "checked" | "onCheckedChange">) => react_jsx_runtime.JSX.Element;
+        readonly OtpInputField: ({ label, action, required, requiredMark, help, tooltip, className, "aria-describedby": ariaDescribedBy, maxLength, ...otpProps }: FieldItemProps & Omit<RootProps$7, "id" | "name" | "aria-describedby" | "aria-invalid" | "aria-required" | "children" | "onChange" | "value">) => react_jsx_runtime.JSX.Element;
     }, {
         readonly FormBody: ({ children, className, ...formProps }: {
             children: react.ReactNode;
@@ -10858,9 +10272,8 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
             block?: boolean | null | undefined;
             variant?: "primary" | "secondary" | "inline" | "danger" | "invisible" | "outline" | 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;
+        } & class_variance_authority_types.ClassProp) | undefined) => string>, "disabled" | "type" | "isLoading">) => react_jsx_runtime.JSX.Element;
+        readonly SubmitErrorAlert: () => react_jsx_runtime.JSX.Element;
     }>;
 }>>;
 
@@ -10874,6 +10287,16 @@ type ServerFieldError = {
  */
 declare const setServerFieldErrors: (form: AnyFormApi, errors: readonly ServerFieldError[]) => void;
 
+/**
+ * Set a **form-level** submit error on a TanStack form instance — a failed submission that isn't tied
+ * to a single field (bad credentials, 5xx, network). Stored on `errorMap.onSubmit` and rendered by
+ * `SubmitErrorAlert`. For field-specific server errors use `setServerFieldErrors` instead.
+ *
+ * Note: any error entry makes the form "invalid", so pair this with `canSubmitWhenInvalid: true` on
+ * the form to keep the submit button retryable (a resubmit re-runs the validators and clears it).
+ */
+declare const setSubmitError: (form: AnyFormApi, message: string) => void;
+
 type UseAutosizeInputOptions = {
     value?: string;
     placeholder?: string;
@@ -10918,8 +10341,37 @@ type Props = {
     html: string;
     copyText?: string;
     className?: string;
+    /**
+     * Opt in to keeping `<foreignObject>` elements through sanitization. Off by
+     * default — the SVG profile drops `<foreignObject>` so no HTML subtree can
+     * survive. Only enable when the caller pre-flattens each `<foreignObject>` to
+     * bare text (the SVG profile still strips any HTML children even when the
+     * element itself is allowed). `MermaidDiagram` sets this for node/icon labels.
+     */
+    allowForeignObject?: boolean;
+    /**
+     * Extra toolbar controls, rendered between the copy and fullscreen buttons.
+     *
+     * Injected rather than built in, so export behaviour — filenames,
+     * rasterization, error reporting — stays with the consumer and this component
+     * keeps shipping in the lazy `@keboola/design/mermaid` chunk with no download
+     * dependencies of its own. Pass `ExportMenu` here. Receives the sanitized
+     * SVG so an exporter writes exactly what is on screen.
+     */
+    renderActions?: (safeSvg: string) => ReactNode;
 };
-declare const ZoomableSvg: ({ html, copyText, className }: Props) => react_jsx_runtime.JSX.Element;
+declare const ZoomableSvg: ({ html, copyText, className, allowForeignObject, renderActions, }: Props) => react_jsx_runtime.JSX.Element;
+
+declare const toSvgFileContent: (svg: string) => string;
+/**
+ * Rasterize SVG markup to a PNG blob at 2x for legible text.
+ *
+ * The SVG is loaded as a data URL rather than a blob URL: an <img> loading SVG
+ * is treated as a foreign resource, so a blob URL would taint the canvas and
+ * make toBlob throw a SecurityError. A background is painted first because a
+ * transparent PNG reads as unusable when pasted into a slide deck.
+ */
+declare const svgToPngBlob: (svg: string, background?: string) => Promise<Blob>;
 
 type ColorSlot = keyof Omit<NonNullable<Brand['theme']['colors']>, 'sidebar' | 'chart'>;
 type SidebarSlot = keyof NonNullable<NonNullable<Brand['theme']['colors']>['sidebar']>;
@@ -10958,4 +10410,4 @@ declare const contrastRatio: (fg: string, bg: string) => number;
 /** WCAG level for normal-size text at a given ratio. */
 declare const wcagLevel: (ratio: number) => "AAA" | "AA" | "fail";
 
-export { Alert, AlertModal, AnswerSummary, type AnswerItem as AnswerSummaryItem, type Props$J as AnswerSummaryProps, type Variant$5 as AnswerSummaryVariant, AppShell, ArgoDesignContext, AutoSaveTextarea, Avatar, Badge, BrandEditor, type BrandEditorProps, type BrandId, BrandLogo, Breadcrumb, Button, ButtonGroup, ButtonInline, Calendar, type CalendarProps, Card, ChangeClassification, ChartPanel, type RootProps as ChartPanelProps, Checkbox, Clipboard, ClipboardButton, ClipboardInline, Collapse, Collapsible, CollapsiblePanel, CollapsibleStepHeader, ColorInput, ColorModeSwitch, type ColorScheme, type ColorSlot, Combobox, Command, CommandGroup, CommandInput, CommandItem, CommandList, ConflictStatusIndicator, CopyField, DEFAULT_COLOR_SCHEME, DEFAULT_FALLBACK_FONT, DEFAULT_FONT_OPTIONS, DEFAULT_BRAND_ID as DEFAULT_KEBOOLA_BRAND_ID, DashboardHero, type RootProps$2 as DashboardHeroProps, DateInput, DatePicker, type DateRange, DateRangeInput, DateRangePicker, type DateRangePreset, type DiffInformation, type DiffRow, DiffType, DiffView, DotsLoader, DropdownMenu, EmptyConfigurationActionCard, EmptySearchContent, EmptyState, type RootProps$6 as EmptyStateProps, type Variant$1 as EmptyStateVariant, ErrorState, type RootProps$5 as ErrorStateProps, type Variant as ErrorStateVariant, FileUpload, FormGroup, FullScreenModal, FullScreenModalBody, FullScreenModalHeader, GoogleButton, HelpBlock, HoverCard, InlineStepDetail, type Props$H as InlineStepDetailProps, InlineStepLabel, type Props$G as InlineStepLabelProps, type Variant$3 as InlineStepLabelVariant, InputGroup, Kbd, Label, type LineInformation, Link, Markdown, MarkedText, MergeConflict, MessageBubble, MicrosoftButton, Modal, MultiActionButtonGroup, MultiCombobox, Navbar, NumberInput, OtpInput, type RootProps$7 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$1p as Props, Question, type QuestionAnswers, QuestionBlock, type Props$z as QuestionBlockProps, type QuestionOption, type Props$A as QuestionProps, type QuestionStep, RadioGroup, type RadiusSize, 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, type SidebarSlot, Skeleton, SkeletonList, Slider, SplitButton, SpotlightBackdrop, type SpotlightTarget, StatCard, StatCardGrid, type Props$2 as StatCardGridProps, type RootProps$1 as StatCardProps, type TrendDirection as StatCardTrendDirection, type TrendProps as StatCardTrendProps, 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$1Q as TooltipProps, TooltipProvider, type Trigger, Truncated, UsageStats, UsageStatsRing, type UseAutosizeInputOptions, type UseAutosizeInputReturn, type ValidityState, type WordInformation, ZoomableSvg, argoVariants, channelsToHex, cn, computeDiffRows, computeLineInformation, contrastRatio, copyToClipboard, hexToChannels, isMac, kbdVariants, keys, mergeRefs, setServerFieldErrors, toast, useAppForm, useArgoDesign, useAutosizeInput, useMergeDiff, useNotification, useScrollbarPosition, useSidebar, useTargetRect, useTheme, wcagLevel, withForm };
+export { Alert, AlertModal, AnswerSummary, type AnswerItem as AnswerSummaryItem, type Props$N as AnswerSummaryProps, type Variant$5 as AnswerSummaryVariant, AppShell, ArgoDesignContext, AutoSaveTextarea, Avatar, Badge, BrandEditor, type BrandEditorProps, type BrandId, BrandLogo, Breadcrumb, Button, ButtonGroup, ButtonInline, Calendar, type CalendarProps, Card, ChangeClassification, ChartPanel, type RootProps as ChartPanelProps, Checkbox, Clipboard, ClipboardButton, ClipboardInline, Collapse, Collapsible, CollapsiblePanel, CollapsibleStepHeader, ColorInput, ColorModeSwitch, type ColorScheme, type ColorSlot, Combobox, Command, CommandGroup, CommandInput, CommandItem, CommandList, ConflictStatusIndicator, CopyField, DEFAULT_COLOR_SCHEME, DEFAULT_FALLBACK_FONT, DEFAULT_FONT_OPTIONS, DEFAULT_BRAND_ID as DEFAULT_KEBOOLA_BRAND_ID, DashboardHero, type RootProps$2 as DashboardHeroProps, DateInput, DatePicker, type DateRange, DateRangeInput, DateRangePicker, type DateRangePreset, type DiffInformation, type DiffRow, DiffType, DiffView, DotsLoader, DropdownMenu, EmptyConfigurationActionCard, EmptySearchContent, EmptyState, type RootProps$6 as EmptyStateProps, type Variant$1 as EmptyStateVariant, ErrorState, type RootProps$5 as ErrorStateProps, type Variant as ErrorStateVariant, ExportMenu, type ExportMenuItem, FileUpload, FormGroup, FullScreenModal, FullScreenModalBody, FullScreenModalHeader, GoogleButton, HelpBlock, HoverCard, InlineStepDetail, type Props$L as InlineStepDetailProps, InlineStepLabel, type Props$K as InlineStepLabelProps, type Variant$3 as InlineStepLabelVariant, InputGroup, Kbd, Label, type LineInformation, Link, Markdown, MarkedText, MergeConflict, MessageBubble, MicrosoftButton, Modal, MultiActionButtonGroup, MultiCombobox, Navbar, NumberInput, OtpInput, type RootProps$7 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$1m as Props, Question, type QuestionAnswers, QuestionBlock, type Props$D as QuestionBlockProps, type QuestionOption, type Props$E as QuestionProps, type QuestionStep, RadioGroup, type RadiusSize, 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, type SidebarSlot, Skeleton, SkeletonList, Slider, SplitButton, SpotlightBackdrop, type SpotlightTarget, StatCard, StatCardGrid, type Props$2 as StatCardGridProps, type RootProps$1 as StatCardProps, type TrendDirection as StatCardTrendDirection, type TrendProps as StatCardTrendProps, type StepStatus, Stepper, type StepperOrientation, SuggestedPrompt, Switch, Table, type TableSortDirection, Tabs, TabsContent, 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, channelsToHex, cn, computeDiffRows, computeLineInformation, contrastRatio, copyToClipboard, hexToChannels, isMac, kbdVariants, keys, mergeRefs, setServerFieldErrors, setSubmitError, svgToPngBlob, tableAriaSort, toSvgFileContent, toast, useAppForm, useArgoDesign, useAutosizeInput, useMergeDiff, useNotification, useScrollbarPosition, useSidebar, useTargetRect, useTheme, wcagLevel, withForm };