@keboola/design 9.1.0 → 10.1.0

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import { ComponentProps, ReactNode, PropsWithChildren, ComponentPropsWithRef, MouseEvent as MouseEvent$1, HTMLAttributes, Ref, RefObject, MouseEventHandler, ChangeEvent, FocusEvent as FocusEvent$1, CSSProperties, KeyboardEvent as KeyboardEvent$1, ComponentPropsWithoutRef, ComponentRef, TransitionEventHandler, MutableRefObject, RefCallback } from 'react';
+import { ComponentProps, ReactNode, PropsWithChildren, ComponentPropsWithRef, MouseEvent as MouseEvent$1, HTMLAttributes, Ref, RefObject, MouseEventHandler, ChangeEvent, FocusEvent as FocusEvent$1, CSSProperties, KeyboardEvent as KeyboardEvent$1, ComponentPropsWithoutRef, ComponentRef, TransitionEventHandler, Dispatch, SetStateAction, 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';
@@ -40,11 +40,12 @@ import { Brand } from '@keboola/brand-registry';
 export { Brand, brandSchema, exampleCustomer, keboola, keboolaLegacySidebar, keboolaLegacyTopnav } from '@keboola/brand-registry';
 import { OTPInput } from 'input-otp';
 export { SlotProps as OtpInputRenderSlotProps, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS } from 'input-otp';
-import { Accept, FileRejection } from 'react-dropzone';
+import { DropzoneState } from 'react-dropzone';
 import * as _radix_ui_react_collapsible from '@radix-ui/react-collapsible';
 import { Root as Root$9 } from '@radix-ui/react-collapsible';
 import { Action, ExternalToast, Toaster as Toaster$1 } from 'sonner';
 import { Root as Root$a } from '@radix-ui/react-progress';
+import { LucideIcon } from 'lucide-react';
 import { Separator as Separator$1, Group as Group$1 } from 'react-resizable-panels';
 export { PanelImperativeHandle, Panel as ResizablePanel, useDefaultLayout } from 'react-resizable-panels';
 import * as RSeparator from '@radix-ui/react-separator';
@@ -56,15 +57,15 @@ import { AnyFormApi } from '@tanstack/react-form';
 import { ClassValue } from 'clsx';
 export { Slot } from '@radix-ui/react-slot';
 
-declare const variants$4: (props?: ({
+declare const variants$3: (props?: ({
     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;
+    size?: "small" | "medium" | "large" | "icon-lg" | "icon" | "icon-sm" | "icon-xs" | "icon-2xs" | "icon-3xs" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const argoVariants: (props?: ({
     block?: boolean | null | undefined;
     variant?: "primary" | "secondary" | "inline" | "danger" | "invisible" | "outline" | null | undefined;
-    size?: "medium" | "small" | "large" | "icon-lg" | "icon" | "icon-sm" | "icon-xs" | "icon-2xs" | "icon-3xs" | null | undefined;
+    size?: "small" | "medium" | "large" | "icon-lg" | "icon" | "icon-sm" | "icon-xs" | "icon-2xs" | "icon-3xs" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
 /**
@@ -74,12 +75,12 @@ declare const argoVariants: (props?: ({
  * for height (including `icon-*` sizes when rendering icon-only). Icons are
  * composed as children — `<Button><Trash2 className="tw:size-4" /> Delete</Button>`.
  */
-type Props$1S = {
+type Props$1U = {
     /** Replaces the leading content with a spinner and disables the button visually. The caller still controls `disabled`. */
     isLoading?: boolean;
     /** Render as a Radix `Slot` so the parent JSX (e.g. a `react-router` `<Link>`) becomes the button element. */
     asChild?: boolean;
-} & ComponentProps<'button'> & VariantProps<typeof variants$4>;
+} & ComponentProps<'button'> & VariantProps<typeof variants$3>;
 /**
  * Primary action surface for the design system — covers all clickable controls except inline text links.
  *
@@ -93,31 +94,31 @@ type Props$1S = {
  * @see RECIPES.md#disabled-button-tooltip — for the disabled-button + tooltip pattern
  * @see RECIPES.md#confirm-dialog — for destructive-action confirmation
  */
-declare const Button: ({ ref, children, disabled, className, type, isLoading, asChild, onClick, variant, size, block, ...buttonProps }: Props$1S) => react_jsx_runtime.JSX.Element;
+declare const Button: ({ ref, children, disabled, className, type, isLoading, asChild, onClick, variant, size, block, ...buttonProps }: Props$1U) => react_jsx_runtime.JSX.Element;
 
 declare const buttonInlineVariants: (props?: ({
-    color?: "dark" | "muted" | "link" | "danger" | "custom" | null | undefined;
+    color?: "link" | "dark" | "muted" | "danger" | "custom" | null | undefined;
     variant?: "link" | "custom" | "link-reverse" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type Props$1R = ComponentProps<'button'> & VariantProps<typeof buttonInlineVariants> & {
+type Props$1T = ComponentProps<'button'> & VariantProps<typeof buttonInlineVariants> & {
     asChild?: boolean;
 };
-declare const ButtonInline: ({ ref, children, className, variant, color, type, asChild, ...buttonProps }: Props$1R) => react_jsx_runtime.JSX.Element;
+declare const ButtonInline: ({ ref, children, className, variant, color, type, asChild, ...buttonProps }: Props$1T) => 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;
+    space?: "small" | "medium" | "large" | "extra-small" | "little-small" | "compact" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type Props$1Q = {
+type Props$1S = {
     children: ReactNode;
     className?: string;
 } & VariantProps<typeof buttonGroupVariant> & ComponentProps<'div'>;
-declare const ButtonGroup: ({ ref, children, space, className, variant, ...rest }: Props$1Q) => react_jsx_runtime.JSX.Element;
+declare const ButtonGroup: ({ ref, children, space, className, variant, ...rest }: Props$1S) => react_jsx_runtime.JSX.Element;
 
 type Variant$8 = ComponentProps<typeof Button>['variant'];
 type Size = NonNullable<ComponentProps<typeof Button>['size']>;
 type SpitButtonSize = Exclude<Size, 'icon' | 'icon-lg' | 'icon-sm' | 'icon-xs' | 'icon-2xs' | 'icon-3xs'>;
-type Props$1P = {
+type Props$1R = {
     actions?: ReactNode;
     isActionsOpen?: boolean;
     onActionsOpenChange?: (open: boolean) => void;
@@ -126,7 +127,7 @@ type Props$1P = {
     variant?: Exclude<Variant$8, 'inline' | 'invisible'>;
     size?: SpitButtonSize;
 } & Omit<ComponentProps<typeof Button>, 'variant' | 'size' | 'icon'>;
-declare const SplitButton: (({ ref, disabled, actions, variant, size, isActionsOpen, onActionsOpenChange, icon, children, ...rest }: Props$1P) => react_jsx_runtime.JSX.Element) & {
+declare const SplitButton: (({ ref, disabled, actions, variant, size, isActionsOpen, onActionsOpenChange, icon, children, ...rest }: Props$1R) => 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;
@@ -136,11 +137,11 @@ declare const SplitButton: (({ ref, disabled, actions, variant, size, isActionsO
     Actions: react.ForwardRefExoticComponent<_radix_ui_react_dropdown_menu.DropdownMenuGroupProps & react.RefAttributes<HTMLDivElement>>;
 };
 
-type Props$1O = {
+type Props$1Q = {
     className?: string;
 } & PropsWithChildren;
 declare const MultiActionButtonGroup: {
-    ({ children, className }: Props$1O): react_jsx_runtime.JSX.Element;
+    ({ children, className }: Props$1Q): react_jsx_runtime.JSX.Element;
     Button: ({ disabled, icon, isLoading, label, onClick, tooltipContent, tooltipVariant, "data-testid": dataTestId, }: {
         disabled?: boolean;
         icon: react.ReactNode;
@@ -155,19 +156,19 @@ declare const MultiActionButtonGroup: {
 
 declare const toggleVariants: (props?: ({
     variant?: "ai" | "ai-vivid" | "ghost" | null | undefined;
-    size?: "medium" | "small" | "large" | null | undefined;
+    size?: "small" | "medium" | "large" | null | undefined;
     orientation?: "horizontal" | "vertical" | null | undefined;
     iconOnly?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type Props$1N = {
+type Props$1P = {
     icon?: ReactNode;
     badge?: ReactNode;
     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 Toggle: ({ ref, className, variant, size, orientation, children, icon, badge, disabled, ...props }: Props$1P) => react_jsx_runtime.JSX.Element;
 
 declare const rootVariants: (props?: ({
-    size?: "medium" | "small" | "large" | null | undefined;
+    size?: "small" | "medium" | "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>;
@@ -179,11 +180,11 @@ declare const ToggleGroup: (({ ref, className, size, ...props }: RootProps$8) =>
 declare const tooltipVariants: (props?: ({
     variant?: "action" | "explanatory" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type Props$1M = {
+type Props$1O = {
     keepOpenOnPointerDownOutside?: boolean;
     placement?: ComponentProps<typeof Content>['side'];
 } & Omit<ComponentProps<typeof Content>, 'side'> & VariantProps<typeof tooltipVariants>;
-declare const TooltipContent: ({ className, variant, keepOpenOnPointerDownOutside, children, onPointerDownOutside, sideOffset, collisionPadding, hideWhenDetached, placement, ...rest }: Props$1M) => react_jsx_runtime.JSX.Element;
+declare const TooltipContent: ({ className, variant, keepOpenOnPointerDownOutside, children, onPointerDownOutside, sideOffset, collisionPadding, hideWhenDetached, placement, ...rest }: Props$1O) => react_jsx_runtime.JSX.Element;
 
 type TriggerProps$1 = {
     triggerAsChild?: boolean;
@@ -192,7 +193,7 @@ type TriggerProps$1 = {
  * Props for `Tooltip`. `tooltip` is the popup content; `children` is the trigger element.
  * `variant` auto-resolves to `"explanatory"` for strings >30 chars, else `"action"`.
  */
-type Props$1L = {
+type Props$1N = {
     /** Keep the tooltip visible when the user clicks the trigger (useful for click-to-copy feedback). */
     keepOpenOnTriggerClick?: boolean;
     /** Content rendered inside the tooltip. Plain text only — no interactive elements (use `HoverCard` or `Popover` for that). */
@@ -224,7 +225,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, delayDuration, triggerAsChild, }: Props$1L): react_jsx_runtime.JSX.Element;
+    ({ tooltip, children, className, keepOpenOnTriggerClick, variant, placement, forceHide, forceShow, delayDuration, triggerAsChild, }: Props$1N): react_jsx_runtime.JSX.Element;
     Root: ({ children, delayDuration, ...rest }: _radix_ui_react_tooltip.TooltipProps) => react_jsx_runtime.JSX.Element;
     Content: ({ className, variant, keepOpenOnPointerDownOutside, children, onPointerDownOutside, sideOffset, collisionPadding, hideWhenDetached, placement, ...rest }: {
         keepOpenOnPointerDownOutside?: boolean;
@@ -237,35 +238,35 @@ declare const Tooltip: {
     } & _radix_ui_react_tooltip.TooltipTriggerProps & react.RefAttributes<HTMLButtonElement>) => react_jsx_runtime.JSX.Element;
 };
 
-type Props$1K = {
-    tooltip?: Props$1L['tooltip'];
-    tooltipPlacement?: Props$1L['placement'];
-    tooltipVariant?: Props$1L['variant'];
-    asChild?: Props$1L['triggerAsChild'];
+type Props$1M = {
+    tooltip?: Props$1N['tooltip'];
+    tooltipPlacement?: Props$1N['placement'];
+    tooltipVariant?: Props$1N['variant'];
+    asChild?: Props$1N['triggerAsChild'];
     text?: string | (() => string);
 } & ComponentProps<'button'>;
-declare const Clipboard: ({ ref, text: textProp, children, tooltip, tooltipPlacement, tooltipVariant: tooltipVariantProp, asChild, onClick, className, ...restButtonProps }: Props$1K) => react_jsx_runtime.JSX.Element;
+declare const Clipboard: ({ ref, text: textProp, children, tooltip, tooltipPlacement, tooltipVariant: tooltipVariantProp, asChild, onClick, className, ...restButtonProps }: Props$1M) => react_jsx_runtime.JSX.Element;
 
 type ClipboardProps$1 = Pick<ComponentProps<typeof Clipboard>, 'text' | 'tooltip' | 'tooltipPlacement' | 'tooltipVariant'>;
 type ButtonProps$2 = Omit<ComponentProps<typeof Button>, 'disabled' | 'icon'>;
-type Props$1J = ClipboardProps$1 & ButtonProps$2 & {
+type Props$1L = ClipboardProps$1 & ButtonProps$2 & {
     icon?: ReactNode;
 };
-declare const ClipboardButton: ({ text, tooltip, tooltipPlacement, tooltipVariant, icon, variant, children, ...rest }: Props$1J) => react_jsx_runtime.JSX.Element;
+declare const ClipboardButton: ({ text, tooltip, tooltipPlacement, tooltipVariant, icon, variant, children, ...rest }: Props$1L) => react_jsx_runtime.JSX.Element;
 
 type ClipboardProps = Pick<ComponentProps<typeof Clipboard>, 'text' | 'tooltip' | 'tooltipPlacement' | 'tooltipVariant'>;
 type ButtonProps$1 = Omit<ComponentProps<typeof ButtonInline>, 'disabled'>;
-type Props$1I = {
+type Props$1K = {
     hideIcon?: boolean;
 } & ClipboardProps & ButtonProps$1;
-declare const ClipboardInline: ({ text, tooltip, tooltipPlacement, tooltipVariant, children, hideIcon, ...rest }: Props$1I) => react_jsx_runtime.JSX.Element;
+declare const ClipboardInline: ({ text, tooltip, tooltipPlacement, tooltipVariant, children, hideIcon, ...rest }: Props$1K) => react_jsx_runtime.JSX.Element;
 
 type ExportMenuItem = {
     /** Menu label, e.g. "Download as CSV". */
     label: string;
     onSelect: () => void;
 };
-type Props$1H = {
+type Props$1J = {
     items: ExportMenuItem[];
     /** Accessible name + tooltip for the trigger, e.g. "Export table". */
     label: string;
@@ -275,18 +276,13 @@ type Props$1H = {
  * 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"`.
+ * component ships behind the lazy `@keboola/design/mermaid` boundary, and Radix's
+ * menu is not in that chunk closure — importing it there would pull ~11 kB
+ * brotlied of chunk-mates (`DropdownMenu` travels with `ButtonGroup` and `toast`,
+ * which in turn pulls `ScrollArea`) plus two more external deps behind the lazy
+ * boundary. Callers already paying for the barrel inject this instead.
  */
-declare const ExportMenu: ({ items, label, size }: Props$1H) => react_jsx_runtime.JSX.Element;
+declare const ExportMenu: ({ items, label, size }: Props$1J) => react_jsx_runtime.JSX.Element;
 
 /**
  * Compound component for readonly value/command boxes with inline copy.
@@ -398,11 +394,11 @@ declare const LABELS$1: {
     readonly signup: "Sign up with Microsoft";
     readonly continue: "Continue with Microsoft";
 };
-type Props$1G = ComponentPropsWithRef<'button'> & {
+type Props$1I = ComponentPropsWithRef<'button'> & {
     label?: keyof typeof LABELS$1;
     isLoading?: boolean;
 };
-declare const MicrosoftButton: ({ ref, label, isLoading, disabled, type, className, children, style, ...buttonProps }: Props$1G) => react_jsx_runtime.JSX.Element;
+declare const MicrosoftButton: ({ ref, label, isLoading, disabled, type, className, children, style, ...buttonProps }: Props$1I) => react_jsx_runtime.JSX.Element;
 
 declare const LABELS: {
     readonly signin: "Sign in with Google";
@@ -410,19 +406,19 @@ declare const LABELS: {
     readonly continue: "Continue with Google";
     readonly 'signin-short': "Sign in";
 };
-declare const variants$3: (props?: ({
+declare const variants$2: (props?: ({
     variant?: "default" | "neutral" | null | undefined;
     shape?: "circle" | "rectangular" | null | undefined;
     size?: "icon" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type Props$1F = ComponentPropsWithRef<'button'> & VariantProps<typeof variants$3> & {
+type Props$1H = ComponentPropsWithRef<'button'> & VariantProps<typeof variants$2> & {
     label?: keyof typeof LABELS;
     isLoading?: boolean;
 };
-declare const GoogleButton: ({ ref, variant, shape, size, label, isLoading, disabled, type, className, children, style, ...buttonProps }: Props$1F) => react_jsx_runtime.JSX.Element;
+declare const GoogleButton: ({ ref, variant, shape, size, label, isLoading, disabled, type, className, children, style, ...buttonProps }: Props$1H) => 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;
+type Props$1G = ComponentProps<'a'>;
+declare const Link: ({ ref, children, target, rel, onClick, className, ...rest }: Props$1G) => react_jsx_runtime.JSX.Element;
 
 /**
  * AlertModal status variants. Mirrors `Alert`'s set but exposes `danger` (not `error`) since an
@@ -432,25 +428,28 @@ type AlertModalVariant = 'info' | 'warning' | 'danger' | 'success';
 
 type ConfirmHandler = (event: MouseEvent$1<HTMLButtonElement>) => void | Promise<unknown>;
 type CancelHandler = (event: MouseEvent$1<HTMLButtonElement>) => void;
-type Props$1D = {
+type Props$1F = {
     onConfirm?: ConfirmHandler;
     onCancel?: CancelHandler;
     skipAsyncWait?: boolean;
+    /** Marks the confirm action busy from the outside, on top of the state inferred from a thenable `onConfirm`. */
+    isLoading?: boolean;
 } & ComponentProps<typeof Root$1>;
 declare const AlertModal: {
-    ({ children, onConfirm, onCancel, skipAsyncWait, open, defaultOpen, onOpenChange, ...rest }: Props$1D): react_jsx_runtime.JSX.Element;
+    ({ children, onConfirm, onCancel, skipAsyncWait, isLoading, open, defaultOpen, onOpenChange, ...rest }: Props$1F): 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 }: {
+    Content: ({ variant, icon, title, cancelLabel, confirmLabel: actionLabel, confirmDisabled, container, className, children, onEscapeKeyDown, ...props }: {
         variant?: AlertModalVariant;
         icon?: react.ReactNode;
         title?: react.ReactNode;
         cancelLabel?: react.ReactNode;
         confirmLabel?: react.ReactNode;
+        confirmDisabled?: boolean;
         container?: ComponentProps<react.FC<_radix_ui_react_alert_dialog.AlertDialogPortalProps>>["container"];
     } & Omit<_radix_ui_react_alert_dialog.AlertDialogContentProps & react.RefAttributes<HTMLDivElement>, "title">) => react_jsx_runtime.JSX.Element;
 };
 
-type Props$1C = ComponentProps<typeof Root$2>;
+type Props$1E = ComponentProps<typeof Root$2>;
 /**
  * Blocking dialog for confirmations, forms, and detail views. Built on Radix Dialog.
  *
@@ -466,7 +465,7 @@ type Props$1C = ComponentProps<typeof Root$2>;
  * @see RECIPES.md#confirm-dialog — for destructive-confirm dialogs
  */
 declare const Modal: {
-    (props: Props$1C): react_jsx_runtime.JSX.Element;
+    (props: Props$1E): react_jsx_runtime.JSX.Element;
     Close: react.ForwardRefExoticComponent<_radix_ui_react_dialog.DialogCloseProps & react.RefAttributes<HTMLButtonElement>>;
     Trigger: react.ForwardRefExoticComponent<_radix_ui_react_dialog.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>>;
     Content: ({ size, className, children, onEscapeKeyDown, ...props }: _radix_ui_react_dialog.DialogContentProps & react.RefAttributes<HTMLDivElement> & {
@@ -517,7 +516,7 @@ declare const FullScreenModal: (({ children, className, lockBodyScroll, onEscape
     }) => react_jsx_runtime.JSX.Element;
 };
 
-type Props$1B = PropsWithChildren<Omit<HTMLAttributes<HTMLDivElement>, 'title'> & {
+type Props$1D = PropsWithChildren<Omit<HTMLAttributes<HTMLDivElement>, 'title'> & {
     title: ReactNode;
     titleClassName?: string;
     titleWrapperClassName?: string;
@@ -526,16 +525,16 @@ type Props$1B = PropsWithChildren<Omit<HTMLAttributes<HTMLDivElement>, 'title'>
     onClose?: () => void;
     showPreviousTitle?: boolean;
 }>;
-declare const FullScreenModalHeader: ({ title, titleClassName, titleWrapperClassName, defaultTitleStyles, isTitleWithIcon, children, onClose, className, showPreviousTitle, ...props }: Props$1B) => react_jsx_runtime.JSX.Element;
+declare const FullScreenModalHeader: ({ title, titleClassName, titleWrapperClassName, defaultTitleStyles, isTitleWithIcon, children, onClose, className, showPreviousTitle, ...props }: Props$1D) => react_jsx_runtime.JSX.Element;
 
-type Props$1A = HTMLAttributes<HTMLDivElement>;
-declare const FullScreenModalBody: ({ ref, className, children, ...props }: Props$1A & {
+type Props$1C = HTMLAttributes<HTMLDivElement>;
+declare const FullScreenModalBody: ({ ref, className, children, ...props }: Props$1C & {
     ref?: Ref<HTMLDivElement>;
 }) => react_jsx_runtime.JSX.Element;
 
-type Props$1z = ComponentProps<typeof Root$2>;
+type Props$1B = ComponentProps<typeof Root$2>;
 declare const Sheet: {
-    (props: Props$1z): react_jsx_runtime.JSX.Element;
+    (props: Props$1B): 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> & {
@@ -558,9 +557,9 @@ declare const Sheet: {
     Body: ({ className, ...rest }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => react_jsx_runtime.JSX.Element;
 };
 
-type Props$1y = ComponentProps<typeof Root$3>;
+type Props$1A = ComponentProps<typeof Root$3>;
 declare const Popover: {
-    (props: Props$1y): react_jsx_runtime.JSX.Element;
+    (props: Props$1A): react_jsx_runtime.JSX.Element;
     /**
      * Main Layout
      */
@@ -580,12 +579,12 @@ type PopconfirmContextType = {
     isLoading: boolean;
 };
 
-type Props$1x = {
+type Props$1z = {
     children: ReactNode;
     skipAsyncWait?: boolean;
 } & ComponentProps<typeof Popover> & Omit<Partial<PopconfirmContextType>, 'isLoading'>;
 declare const Popconfirm: {
-    ({ children, onConfirm, onCancel, variant, enabled, onOpenChange, open, skipAsyncWait, ...rest }: Props$1x): react_jsx_runtime.JSX.Element;
+    ({ children, onConfirm, onCancel, variant, enabled, onOpenChange, open, skipAsyncWait, ...rest }: Props$1z): react_jsx_runtime.JSX.Element;
     Confirm: ({ ref, onClick, children, asChild, className, ...props }: ({
         asChild: true;
     } & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement>) | ({
@@ -597,7 +596,7 @@ declare const Popconfirm: {
     } & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & class_variance_authority.VariantProps<(props?: ({
         block?: boolean | null | undefined;
         variant?: "primary" | "secondary" | "inline" | "danger" | "invisible" | "outline" | null | undefined;
-        size?: "medium" | "small" | "large" | "icon-lg" | "icon" | "icon-sm" | "icon-xs" | "icon-2xs" | "icon-3xs" | null | undefined;
+        size?: "small" | "medium" | "large" | "icon-lg" | "icon" | "icon-sm" | "icon-xs" | "icon-2xs" | "icon-3xs" | null | undefined;
     } & class_variance_authority_types.ClassProp) | undefined) => string>, "children" | "isLoading">)) => react_jsx_runtime.JSX.Element;
     Cancel: ({ ref, onClick, children, asChild, className, ...props }: ({
         asChild: true;
@@ -610,7 +609,7 @@ declare const Popconfirm: {
     } & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & class_variance_authority.VariantProps<(props?: ({
         block?: boolean | null | undefined;
         variant?: "primary" | "secondary" | "inline" | "danger" | "invisible" | "outline" | null | undefined;
-        size?: "medium" | "small" | "large" | "icon-lg" | "icon" | "icon-sm" | "icon-xs" | "icon-2xs" | "icon-3xs" | null | undefined;
+        size?: "small" | "medium" | "large" | "icon-lg" | "icon" | "icon-sm" | "icon-xs" | "icon-2xs" | "icon-3xs" | null | undefined;
     } & 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 }: {
@@ -618,11 +617,11 @@ declare const Popconfirm: {
         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;
+        id?: string | undefined | undefined;
+        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
         ref?: react.Ref<HTMLDivElement> | undefined;
         key?: react.Key | null | undefined;
         defaultChecked?: boolean | undefined | undefined;
@@ -930,16 +929,16 @@ declare const Popconfirm: {
     Trigger: ({ onClick, ...props }: _radix_ui_react_popover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>) => react_jsx_runtime.JSX.Element;
 };
 
-type Props$1w = ComponentProps<typeof Root$4>;
+type Props$1y = ComponentProps<typeof Root$4>;
 declare const HoverCard: {
-    ({ openDelay, closeDelay, ...rest }: Props$1w): react_jsx_runtime.JSX.Element;
+    ({ openDelay, closeDelay, ...rest }: Props$1y): 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$1v = ComponentProps<typeof Root$5>;
+type Props$1x = ComponentProps<typeof Root$5>;
 declare const DropdownMenu: {
-    ({ modal, ...props }: Props$1v): react_jsx_runtime.JSX.Element;
+    ({ modal, ...props }: Props$1x): react_jsx_runtime.JSX.Element;
     /**
      * Main Layout
      */
@@ -991,14 +990,14 @@ declare const DropdownMenu: {
     }) => react_jsx_runtime.JSX.Element;
 };
 
-type Props$1u = {
+type Props$1w = {
     variant?: 'checkbox' | 'radio' | 'default';
 };
-declare const CheckIndicator: ({ variant }: Props$1u) => react_jsx_runtime.JSX.Element | null;
+declare const CheckIndicator: ({ variant }: Props$1w) => react_jsx_runtime.JSX.Element | null;
 
-type Props$1t = ComponentProps<typeof Command$1>;
+type Props$1v = ComponentProps<typeof Command$1>;
 declare const Command: {
-    ({ className, ...rest }: Props$1t): react_jsx_runtime.JSX.Element;
+    ({ className, ...rest }: Props$1v): 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>;
@@ -1041,7 +1040,7 @@ declare const Command: {
     Input: ({ ref, className, ...props }: {
         variant?: "primary" | "secondary" | null | undefined;
         state?: "warning" | "default" | "error" | null | undefined;
-        sizing?: "medium" | "small" | "default" | null | undefined;
+        sizing?: "small" | "medium" | "default" | null | undefined;
         focusVariant?: "off" | "on" | "default" | null | undefined;
     } & {
         prefix?: react.ReactNode;
@@ -1080,21 +1079,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$1s = ComponentProps<'div'> & VariantProps<typeof addonVariants$1>;
-declare const InputGroupAddon: ({ children, align, className, ...props }: Props$1s) => react_jsx_runtime.JSX.Element;
+type Props$1u = ComponentProps<'div'> & VariantProps<typeof addonVariants$1>;
+declare const InputGroupAddon: ({ children, align, className, ...props }: Props$1u) => react_jsx_runtime.JSX.Element;
 
 type ButtonProps = ComponentProps<typeof Button>;
-type Props$1r = Omit<ButtonProps, 'size' | 'block' | 'variant'>;
-declare const InputGroupButton: ({ ref, className, tabIndex, ...props }: Props$1r) => react_jsx_runtime.JSX.Element;
+type Props$1t = Omit<ButtonProps, 'size' | 'block' | 'variant'>;
+declare const InputGroupButton: ({ ref, className, tabIndex, ...props }: Props$1t) => 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$1s = ComponentProps<'input'>;
+declare const InputGroupInput: ({ ref, className, ...inputProps }: Props$1s) => react_jsx_runtime.JSX.Element;
 
-type Props$1p = ComponentProps<'span'>;
-declare const InputGroupText: ({ className, ...props }: Props$1p) => react_jsx_runtime.JSX.Element;
+type Props$1r = ComponentProps<'span'>;
+declare const InputGroupText: ({ className, ...props }: Props$1r) => react_jsx_runtime.JSX.Element;
 
 type TextareaNativeProps$1 = Omit<ComponentProps<typeof react_textarea_autosize__default>, 'value' | 'defaultValue' | 'rows' | 'maxRows'>;
-type Props$1o = TextareaNativeProps$1 & {
+type Props$1q = TextareaNativeProps$1 & {
     value?: string | null;
     defaultValue?: string | null;
     onValueChange?: (value: string) => void;
@@ -1102,18 +1101,18 @@ type Props$1o = TextareaNativeProps$1 & {
     maxRows?: number | 'unlimited';
     disableResize?: boolean;
 };
-declare const InputGroupTextArea: ({ ref, className, onChange, onValueChange, value, defaultValue, onBlur, onValueBlur, disableResize, minRows, maxRows, ...props }: Props$1o) => react_jsx_runtime.JSX.Element;
+declare const InputGroupTextArea: ({ ref, className, onChange, onValueChange, value, defaultValue, onBlur, onValueBlur, disableResize, minRows, maxRows, ...props }: Props$1q) => react_jsx_runtime.JSX.Element;
 
 declare const inputGroupVariants: (props?: ({
     focusVariant?: "off" | "on" | "default" | null | undefined;
     variant?: "primary" | "secondary" | "argo" | null | undefined;
-    sizing?: "medium" | "small" | "default" | null | undefined;
+    sizing?: "small" | "medium" | "default" | null | undefined;
     state?: "warning" | "default" | "error" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type Props$1n = ComponentPropsWithRef<'div'> & Omit<VariantProps<typeof inputGroupVariants>, 'variant'> & {
+type Props$1p = 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$1n) => react_jsx_runtime.JSX.Element;
+declare const InputGroupRoot: ({ ref, children, state, variant, sizing, focusVariant, className, ...props }: Props$1p) => react_jsx_runtime.JSX.Element;
 declare const InputGroup: typeof InputGroupRoot & {
     Input: typeof InputGroupInput;
     Addon: typeof InputGroupAddon;
@@ -1145,7 +1144,7 @@ type OwnProps = {
  * `value` / `defaultValue` plus convenience `onValueChange` / `onValueBlur` callbacks. `null` /
  * `undefined` are coerced to empty strings.
  */
-type Props$1m = InputGroupProps$9 & OwnProps & Omit<ComponentProps<'input'>, 'prefix' | 'value' | 'defaultValue' | 'type' | 'accept' | 'step'>;
+type Props$1o = InputGroupProps$9 & OwnProps & Omit<ComponentProps<'input'>, 'prefix' | 'value' | 'defaultValue' | 'type' | 'accept' | 'step'>;
 /**
  * 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.
@@ -1158,34 +1157,34 @@ type Props$1m = InputGroupProps$9 & OwnProps & Omit<ComponentProps<'input'>, 'pr
  * 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: 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;
+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$1o) => 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 TextInput>;
+declare const CommandInput: ({ ref, className, ...props }: Props$1n) => react_jsx_runtime.JSX.Element;
 
-type Props$1k = ComponentProps<typeof ScrollAreaPrimitive.Root> & {
+type Props$1m = ComponentProps<typeof ScrollAreaPrimitive.Root> & {
     viewPortClassName?: string;
     scrollBarClassName?: string;
     orientation?: ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>['orientation'];
 };
-declare const ScrollArea: ({ ref, className, children, viewPortClassName, orientation, scrollBarClassName, ...props }: Props$1k) => react_jsx_runtime.JSX.Element;
+declare const ScrollArea: ({ ref, className, children, viewPortClassName, orientation, scrollBarClassName, ...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 ScrollAreaPrimitive.ScrollAreaScrollbar>;
+declare const ScrollBar: ({ className, orientation, ...props }: Props$1l) => react_jsx_runtime.JSX.Element;
 
-type Props$1i = ComponentProps<typeof Command$1.List> & Pick<ComponentProps<typeof ScrollArea>, 'viewPortClassName'>;
-declare const CommandList: ({ ref, className, children, viewPortClassName, ...props }: Props$1i) => react_jsx_runtime.JSX.Element;
+type Props$1k = ComponentProps<typeof Command$1.List> & Pick<ComponentProps<typeof ScrollArea>, 'viewPortClassName'>;
+declare const CommandList: ({ ref, className, children, viewPortClassName, ...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.Group>;
+declare const CommandGroup: ({ className, ...props }: Props$1j) => react_jsx_runtime.JSX.Element;
 
-type Props$1g = ComponentProps<typeof Command$1.Item> & {
+type Props$1i = ComponentProps<typeof Command$1.Item> & {
     icon?: ReactNode;
     checked?: boolean;
     variant?: ComponentProps<typeof CheckIndicator>['variant'];
     actions?: ReactNode;
 };
-declare const CommandItem: ({ className, icon, children, checked, variant, actions, ...props }: Props$1g) => react_jsx_runtime.JSX.Element;
+declare const CommandItem: ({ className, icon, children, checked, variant, actions, ...props }: Props$1i) => react_jsx_runtime.JSX.Element;
 
 /** Viewport-relative box of the highlighted target. */
 type TargetRect = {
@@ -1205,7 +1204,7 @@ type SpotlightTarget = string | RefObject<Element | null> | undefined;
  */
 declare const useTargetRect: (target: SpotlightTarget, enabled: boolean) => TargetRect | null;
 
-type Props$1f = {
+type Props$1h = {
     /** Target box to cut out of the dim layer, or `null` for a full dim (no highlight). */
     rect: TargetRect | null;
     /** Padding around the target inside the cut-out, in px. */
@@ -1227,7 +1226,7 @@ type Props$1f = {
  * (steps, next/prev, "seen" persistence) is intentionally app-owned; see the
  * "Guided tour (recipe)" story for the composition.
  */
-declare const SpotlightBackdrop: ({ rect, padding, radius, className, onClick }: Props$1f) => react_jsx_runtime.JSX.Element;
+declare const SpotlightBackdrop: ({ rect, padding, radius, className, onClick }: Props$1h) => react_jsx_runtime.JSX.Element;
 
 type CalendarProps = Omit<PropsBase, 'required' | 'captionLayout'> & (PropsSingle | PropsRange);
 declare const Calendar: {
@@ -1242,49 +1241,87 @@ declare const DatePicker: {
     displayName: string;
 };
 
+/**
+ * Chrome for a control that looks like an input but opens an overlay on click. Shared by
+ * `SelectTrigger` and `DateRangePicker`'s trigger so both sit at the same height and colour when
+ * they stand next to each other in a filter row.
+ */
+declare const overlayTriggerVariants: (props?: ({
+    variant?: "primary" | "secondary" | "argo" | null | undefined;
+    sizing?: "small" | "medium" | "default" | null | undefined;
+    state?: "warning" | "default" | "error" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
 type DateRange = {
     from: Date;
     to?: Date;
 };
 type DateRangePreset = {
     label: string;
-    range: {
-        from: Date;
-        to: Date;
-    };
+    /**
+     * The range the preset stands for. A preset may omit it and carry `value` instead — or neither,
+     * for a clear-the-range preset ("All time"): without `onPresetSelect`, picking one calls
+     * `onChange(undefined)`.
+     */
+    range?: DateRange;
+    /**
+     * Echoed back through `onPresetSelect` instead of `range`. For consumers whose stored form of a
+     * range is not two dates: a relative token the server resolves per request, such as `-7 days`.
+     */
+    value?: string;
 };
 type DateRangePickerProps = {
     value: DateRange | undefined;
     onChange: (range: DateRange | undefined) => void;
+    /**
+     * Replaces the formatted range on the trigger entirely — the name of the active preset. For a
+     * range in the app's own date style, prefer `formatDate`, which keeps the from → to join here.
+     */
+    label?: ReactNode;
+    /**
+     * Formats one end of the range on the trigger, replacing the built-in ISO format (which is
+     * unambiguous but matches no app in particular, including the `withTime` time-of-day part).
+     * The from → to join stays with the component.
+     */
+    formatDate?: (date: Date) => string;
     placeholder?: string;
-    presets?: DateRangePreset[];
+    presets?: readonly DateRangePreset[];
+    /** Called instead of `onChange` when a preset is picked, with the preset itself. */
+    onPresetSelect?: (preset: DateRangePreset) => void;
+    /** Adds a start/end time-of-day row; the emitted `from` / `to` then carry hours and minutes. */
+    withTime?: boolean;
+    /** Hold edits in a draft and emit only on Apply, so one range costs one `onChange`. */
+    requireApply?: boolean;
+    /** Days that cannot be picked, as a react-day-picker matcher — e.g. `{ after: new Date() }`. */
+    disabledDays?: Matcher | Matcher[];
+    variant?: Exclude<VariantProps<typeof overlayTriggerVariants>['variant'], 'argo'>;
     disabled?: boolean;
     className?: string;
-};
+} & Pick<PopoverProps, 'open' | 'onOpenChange' | 'defaultOpen'> & Pick<PopoverContentProps, 'align' | 'alignOffset' | 'sideOffset'>;
 /**
- * Range-mode date picker — Popover + Calendar in `mode="range"` with an
- * optional preset list (e.g. "Last 7 days"). Use for selecting a `{ from, to }`
- * pair; for a single date use `DatePicker`.
+ * Range-mode date picker — `Popover` + `Calendar` in range mode, with an optional preset sidebar,
+ * a time-of-day row (`withTime`) and an explicit Apply step (`requireApply`). Use for selecting a
+ * `{ from, to }` pair; for a single date use `DatePicker`.
  */
 declare const DateRangePicker: {
-    ({ value, onChange, placeholder, presets, disabled, className, }: DateRangePickerProps): react_jsx_runtime.JSX.Element;
+    ({ align, alignOffset, className, defaultOpen, disabled, disabledDays, formatDate, label, onChange, onOpenChange, onPresetSelect, open, placeholder, presets, requireApply, sideOffset, value, variant, withTime, }: DateRangePickerProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
-type Props$1e = {
+type Props$1g = {
     children?: ReactNode;
     defaultSelected?: string | null;
     selected?: string | null;
     onSelect?: (time: string) => void;
 } & Pick<PopoverProps, 'open' | 'onOpenChange' | 'defaultOpen'> & Pick<PopoverContentProps, 'align' | 'alignOffset' | 'sideOffset'>;
-declare const TimePicker: ({ align, alignOffset, children, defaultOpen, defaultSelected, onOpenChange, onSelect, open, selected, sideOffset, }: Props$1e) => react_jsx_runtime.JSX.Element;
+declare const TimePicker: ({ align, alignOffset, children, defaultOpen, defaultSelected, onOpenChange, onSelect, open, selected, sideOffset, }: Props$1g) => react_jsx_runtime.JSX.Element;
 
-type Props$1d = {
+type Props$1f = {
     id?: string | number;
     htmlFor?: string | number;
 } & Omit<LabelProps$1, 'id' | 'htmlFor'>;
 declare const Label: {
-    ({ className, children, id, htmlFor, ...rest }: Props$1d): react_jsx_runtime.JSX.Element;
+    ({ className, children, id, htmlFor, ...rest }: Props$1f): react_jsx_runtime.JSX.Element;
     Optional: ({ className, ...props }: ComponentPropsWithRef<"span">) => react_jsx_runtime.JSX.Element;
     Required: ({ className, ...props }: ComponentPropsWithRef<"span">) => react_jsx_runtime.JSX.Element;
 };
@@ -1295,22 +1332,22 @@ declare const fieldBoxVariants: (props?: ({
 
 declare const switchVariants: (props?: ({
     variant?: "default" | "argo" | null | undefined;
-    size?: "medium" | "small" | "large" | null | undefined;
+    size?: "small" | "medium" | "large" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
-type Props$1c = {
+type Props$1e = {
     id?: string | number;
     children?: ReactNode;
     description?: ReactNode;
     variant?: VariantProps<typeof fieldBoxVariants>['variant'];
     position?: 'start' | 'end';
 } & Omit<ComponentProps<typeof Root$6>, 'asChild' | 'id'> & Omit<VariantProps<typeof switchVariants>, 'variant'>;
-declare const Switch: ({ ref, className, size, disabled, id: idProp, children, description, variant, position, ...props }: Props$1c) => react_jsx_runtime.JSX.Element;
+declare const Switch: ({ ref, className, size, disabled, id: idProp, children, description, variant, position, ...props }: Props$1e) => react_jsx_runtime.JSX.Element;
 
 type Variant$7 = 'radio' | 'button' | 'radio-block';
 type Orientation = 'vertical' | 'horizontal';
 
-type Props$1b<Value> = {
+type Props$1d<Value> = {
     variant?: Variant$7;
     orientation?: Orientation;
     onValueChange?: (value: Value) => void;
@@ -1318,18 +1355,18 @@ type Props$1b<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$1b<Value>): react_jsx_runtime.JSX.Element;
-    Item: <T extends string = string>({ children, tooltip, tooltipVariant, tooltipPlacement, description, ...props }: {
+    <Value extends string = string>({ variant, className, disabled, orientation, onValueChange, children, value, defaultValue, ...props }: Props$1d<Value>): react_jsx_runtime.JSX.Element;
+    Item: <T extends string = string>({ children, className, 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;
         form?: string | undefined | undefined;
         slot?: string | undefined | undefined;
         style?: react.CSSProperties | undefined;
         title?: string | undefined | undefined;
+        id?: string | undefined | undefined;
+        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
         ref?: react.Ref<HTMLButtonElement> | undefined;
         key?: react.Key | null | undefined;
         defaultChecked?: boolean | undefined | undefined;
@@ -1615,30 +1652,30 @@ declare const RadioGroup: {
     } & {
         value: T;
         tooltip?: react.ReactNode;
-        tooltipVariant?: Props$1L["variant"];
-        tooltipPlacement?: Props$1L["placement"];
+        tooltipVariant?: Props$1N["variant"];
+        tooltipPlacement?: Props$1N["placement"];
         description?: react.ReactNode;
     }) => react_jsx_runtime.JSX.Element;
     Separator: () => react_jsx_runtime.JSX.Element;
 };
 
-type Props$1a = ComponentProps<typeof Thumb> & {
+type Props$1c = ComponentProps<typeof Thumb> & {
     tooltip?: ReactNode;
     tooltipSide?: ComponentProps<typeof Tooltip.Content>['placement'];
 };
-declare const SliderThumb: ({ ref: forwardedRef, className, tooltip, tooltipSide, ...props }: Props$1a) => react_jsx_runtime.JSX.Element;
+declare const SliderThumb: ({ ref: forwardedRef, className, tooltip, tooltipSide, ...props }: Props$1c) => react_jsx_runtime.JSX.Element;
 
 type ThumbTooltipFn = (value: number, index: number) => ReactNode;
-type Props$19 = ComponentProps<typeof Root$7> & {
+type Props$1b = ComponentProps<typeof Root$7> & {
     thumbTooltip?: ThumbTooltipFn;
     thumbTooltipSide?: ComponentProps<typeof SliderThumb>['tooltipSide'];
     rangeClassName?: string;
 };
-declare const Slider: ({ ref, className, value, defaultValue, min, max, onValueChange, thumbTooltip, thumbTooltipSide, rangeClassName, ...rest }: Props$19) => react_jsx_runtime.JSX.Element;
+declare const Slider: ({ ref, className, value, defaultValue, min, max, onValueChange, thumbTooltip, thumbTooltipSide, rangeClassName, ...rest }: Props$1b) => 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$18 = {
+type Props$1a = {
     suffix?: ReactNode;
     disableDebounce?: boolean;
     debounceDelay?: number;
@@ -1653,12 +1690,12 @@ type Props$18 = {
 /**
  * @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$18) => 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$1a) => react_jsx_runtime.JSX.Element;
 
-type Props$17 = {
+type Props$19 = {
     onSubmit: (value: string) => void;
 } & Omit<ComponentProps<typeof Search>, 'onClear' | 'onBlur' | 'onSubmit'>;
-declare const SearchForm: ({ ref, onSubmit, name, ...props }: Props$17) => react_jsx_runtime.JSX.Element;
+declare const SearchForm: ({ ref, onSubmit, name, ...props }: Props$19) => react_jsx_runtime.JSX.Element;
 
 type SelectRootProps = {
     children?: ReactNode;
@@ -1676,15 +1713,10 @@ type SelectRootProps = {
     onValueChange?(value: string): void;
 };
 
-declare const variants$2: (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;
-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';
+type Props$18 = ComponentProps<typeof _radix_ui_react_select.Trigger> & Omit<VariantProps<typeof overlayTriggerVariants>, 'variant'> & {
+    variant?: Exclude<VariantProps<typeof overlayTriggerVariants>['variant'], 'argo'> | 'inline';
 } & Pick<ComponentProps<typeof _radix_ui_react_select.Value>, 'placeholder'>;
-declare const SelectTrigger: ({ ref, className, variant, state, sizing, placeholder, ...props }: Props$16) => react_jsx_runtime.JSX.Element;
+declare const SelectTrigger: ({ ref, className, variant, state, sizing, placeholder, ...props }: Props$18) => react_jsx_runtime.JSX.Element;
 
 type SelectItem = {
     value: string;
@@ -1697,7 +1729,7 @@ type SelectItemGroup = {
     items: readonly SelectItem[];
 };
 type TriggerProps = ComponentProps<typeof SelectTrigger>;
-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'> & {
+type Props$17 = 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)[];
 };
 /**
@@ -1711,18 +1743,14 @@ type Props$15 = Pick<SelectRootProps, 'value' | 'defaultValue' | 'onValueChange'
  * `Select.Item`) for custom item layouts; the top-level `Select` covers the common cases.
  */
 declare const Select: {
-    ({ value, defaultValue, onValueChange, disabled, name, required, open, defaultOpen, onOpenChange, 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;
+    ({ 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$17): react_jsx_runtime.JSX.Element;
     Root: (props: SelectRootProps) => react_jsx_runtime.JSX.Element;
     Trigger: ({ ref, className, variant, state, sizing, placeholder, ...props }: _radix_ui_react_select.SelectTriggerProps & react.RefAttributes<HTMLButtonElement> & Omit<class_variance_authority.VariantProps<(props?: ({
         variant?: "primary" | "secondary" | "argo" | null | undefined;
-        sizing?: "medium" | "small" | "default" | null | undefined;
+        sizing?: "small" | "medium" | "default" | null | undefined;
         state?: "warning" | "default" | "error" | null | undefined;
     } & class_variance_authority_types.ClassProp) | undefined) => string>, "variant"> & {
-        variant?: Exclude<class_variance_authority.VariantProps<(props?: ({
-            variant?: "primary" | "secondary" | "argo" | null | undefined;
-            sizing?: "medium" | "small" | "default" | null | undefined;
-            state?: "warning" | "default" | "error" | null | undefined;
-        } & class_variance_authority_types.ClassProp) | undefined) => string>["variant"], "argo"> | "inline";
+        variant?: Exclude<class_variance_authority.VariantProps<typeof overlayTriggerVariants>["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;
@@ -1735,45 +1763,45 @@ declare const Select: {
     Separator: ({ className, ...props }: _radix_ui_react_select.SelectSeparatorProps & react.RefAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
 };
 
-type Props$14 = {
+type Props$16 = {
     id?: string | number;
     description?: ReactNode;
     variant?: VariantProps<typeof fieldBoxVariants>['variant'];
     position?: 'start' | 'end';
-    tooltip?: Props$1L['tooltip'];
-    tooltipPlacement?: Props$1L['placement'];
+    tooltip?: Props$1N['tooltip'];
+    tooltipPlacement?: Props$1N['placement'];
 } & Omit<ComponentProps<typeof Root$8>, 'id'>;
-declare function Checkbox(prop: Omit<Props$14, 'checked' | 'onCheckedChange'> & {
+declare function Checkbox(prop: Omit<Props$16, 'checked' | 'onCheckedChange'> & {
     checked?: boolean;
     onCheckedChange?: (checked: boolean) => void;
 }): ReactNode;
-declare function Checkbox(prop: Omit<Props$14, 'checked' | 'onCheckedChange'> & {
+declare function Checkbox(prop: Omit<Props$16, 'checked' | 'onCheckedChange'> & {
     checked?: CheckedState;
     onCheckedChange?: (checked: CheckedState) => void;
 }): ReactNode;
 
 type Variant$6 = 'check' | 'checkbox';
-type Props$13 = Omit<ComponentProps<typeof Combobox$1.ItemIndicator>, 'className' | 'children'> & {
+type Props$15 = Omit<ComponentProps<typeof Combobox$1.ItemIndicator>, 'className' | 'children'> & {
     className?: string;
     variant?: Variant$6;
 };
-declare const ComboboxItemIndicator: ({ ref, className, variant, ...props }: Props$13) => react_jsx_runtime.JSX.Element;
+declare const ComboboxItemIndicator: ({ ref, className, variant, ...props }: Props$15) => 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 Props$14 = Omit<ComponentProps<typeof Combobox$1.Input>, 'render'>;
+declare const ComboboxInput: ({ ref, ...props }: Props$14) => react_jsx_runtime.JSX.Element;
 
 type InputGroupProps$8 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'sizing' | 'state'>;
-type Props$11 = InputGroupProps$8 & Omit<ComponentProps<typeof Combobox$1.InputGroup>, 'render' | 'className'> & {
+type Props$13 = InputGroupProps$8 & Omit<ComponentProps<typeof Combobox$1.InputGroup>, 'render' | 'className'> & {
     className?: string;
 };
-declare const ComboboxInputGroup: ({ ref, state, variant, sizing, focusVariant, className, ...props }: Props$11) => react_jsx_runtime.JSX.Element;
+declare const ComboboxInputGroup: ({ ref, state, variant, sizing, focusVariant, className, ...props }: Props$13) => react_jsx_runtime.JSX.Element;
 
-type Props$10 = Omit<ComponentProps<typeof Combobox$1.Item>, 'className'> & {
+type Props$12 = Omit<ComponentProps<typeof Combobox$1.Item>, 'className'> & {
     className?: string;
     icon?: ReactNode;
     indicator?: ComponentProps<typeof ComboboxItemIndicator>['variant'];
 };
-declare const ComboboxItem: ({ ref, className, children, icon, indicator: variant, ...props }: Props$10) => react_jsx_runtime.JSX.Element;
+declare const ComboboxItem: ({ ref, className, children, icon, indicator: variant, ...props }: Props$12) => react_jsx_runtime.JSX.Element;
 
 type Group<Item = unknown> = {
     items: readonly Item[];
@@ -1791,7 +1819,7 @@ type CreatableProps$1<Value> = {
     queryToCreateLabel?: (query: string) => ReactNode;
     queryToCreateValue?: (query: string) => Value;
 };
-type Props$$<Value, GroupShape extends Group<Value> = Group<Value>> = PublicComboboxInputProps & PublicComboboxProps<Value> & CreatableProps$1<Value> & {
+type Props$11<Value, GroupShape extends Group<Value> = Group<Value>> = PublicComboboxInputProps & PublicComboboxProps<Value> & CreatableProps$1<Value> & {
     items?: readonly (Value | GroupShape)[];
     allowClear?: boolean;
     empty?: ReactNode;
@@ -1810,12 +1838,12 @@ type Props$$<Value, GroupShape extends Group<Value> = Group<Value>> = PublicComb
     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, virtualized, allowCreate, queryToCreateValue, queryToCreateLabel, itemToDisabled, itemToLabel, itemToIcon, groupToLabel, }: Props$$<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, virtualized, allowCreate, queryToCreateValue, queryToCreateLabel, itemToDisabled, itemToLabel, itemToIcon, groupToLabel, }: Props$11<Value, GroupShape>): react_jsx_runtime.JSX.Element;
     Root: <Value, Multiple extends boolean | undefined = false>(props: Combobox$1.Root.Props<Value, Multiple>) => react_jsx_runtime.JSX.Element;
     InputGroup: ({ ref, state, variant, sizing, focusVariant, className, ...props }: {
         variant?: "primary" | "secondary" | null | undefined;
         state?: "warning" | "default" | "error" | null | undefined;
-        sizing?: "medium" | "small" | "default" | null | undefined;
+        sizing?: "small" | "medium" | "default" | null | undefined;
         focusVariant?: "off" | "on" | "default" | null | undefined;
     } & Omit<Omit<_base_ui_react_combobox.ComboboxInputGroupProps, "ref"> & react.RefAttributes<HTMLDivElement>, "className" | "render"> & {
         className?: string;
@@ -1825,13 +1853,13 @@ declare const Combobox: {
         size?: number | undefined | undefined;
         translate?: "yes" | "no" | undefined | undefined;
         prefix?: string | undefined | undefined;
-        id?: string | undefined | undefined;
-        name?: string | undefined | undefined;
-        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
         form?: string | undefined | undefined;
         slot?: string | undefined | undefined;
         style?: CSSProperties | ((state: _base_ui_react_combobox.ComboboxInputState) => React.CSSProperties | undefined) | undefined;
         title?: string | undefined | undefined;
+        id?: string | undefined | undefined;
+        name?: string | undefined | undefined;
+        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
         pattern?: string | undefined | undefined;
         ref?: react.Ref<HTMLInputElement> | undefined;
         key?: react.Key | null | undefined;
@@ -2159,7 +2187,7 @@ declare const Combobox: {
     Chips: <Value>({ maxVisible, itemToChipLabel, itemToChipColor, variant, }: {
         maxVisible?: number;
         itemToChipLabel?: ((item: Value) => ReactNode) | undefined;
-        itemToChipColor?: ((item: Value) => "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" | undefined) | undefined;
+        itemToChipColor?: ((item: Value) => "white" | "blue" | "cyan" | "gray" | "green" | "orange" | "purple" | "red" | "teal" | "gray-darker" | "gray-inverse" | "green-darker" | "green-inverse" | "blue-inverse" | "orange-inverse" | "amber" | "amber-inverse" | "teal-inverse" | "purple-inverse" | "cyan-inverse" | "sidebar-primary" | undefined) | undefined;
         variant?: "default" | "tag" | "pill" | null | undefined;
     }) => react_jsx_runtime.JSX.Element;
 };
@@ -2180,7 +2208,7 @@ type CreatableProps<Value> = {
  * Use `itemToLabel` / `itemToIcon` / `itemToDisabled` to project custom item shapes; use `filter` to override
  * the default substring matcher. Pass `allowCreate` to let the user add free-form values not in `items`.
  */
-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> & {
+type Props$10<Value, GroupShape extends Group<Value> = Group<Value>> = Pick<ComboboxInputProps, 'placeholder' | 'id'> & Pick<ComboboxInputGroupProps, 'variant' | 'focusVariant' | 'sizing' | 'state' | 'className'> & Pick<ComboboxProps<Value>, 'disabled' | 'inputRef' | 'value' | 'defaultValue' | 'onValueChange' | 'itemToStringLabel' | 'itemToStringValue' | 'filter'> & Pick<ComboboxChipsProps, 'itemToChipLabel' | 'itemToChipColor' | 'maxVisible'> & CreatableProps<Value> & {
     items?: readonly (Value | GroupShape)[];
     allowClear?: boolean;
     allowSelectAll?: boolean;
@@ -2204,7 +2232,7 @@ type Props$_<Value, GroupShape extends Group<Value> = Group<Value>> = Pick<Combo
  * @see RECIPES.md#creatable-multi-combobox — for free-form-plus-enumerated patterns
  * @see RECIPES.md#filter-toolbar — for combining multi-select with other filter chips
  */
-declare const MultiCombobox: <Value, GroupShape extends Group<Value> = Group<Value>>({ items: _itemsProp, value: _valueProp, defaultValue, onValueChange, itemToStringLabel, itemToStringValue, disabled, filter: filterProp, inputRef, variant, sizing, focusVariant, state, placeholder, allowClear, id, className, allowSelectAll, empty, indicator, allowCreate, queryToCreateValue, queryToCreateLabel, itemToDisabled, itemToLabel, itemToIcon, groupToLabel, itemToChipLabel, itemToChipColor, maxVisible, }: Props$_<Value, GroupShape>) => react_jsx_runtime.JSX.Element;
+declare const MultiCombobox: <Value, GroupShape extends Group<Value> = Group<Value>>({ items: _itemsProp, value: _valueProp, defaultValue, onValueChange, itemToStringLabel, itemToStringValue, disabled, filter: filterProp, inputRef, variant, sizing, focusVariant, state, placeholder, allowClear, id, className, allowSelectAll, empty, indicator, allowCreate, queryToCreateValue, queryToCreateLabel, itemToDisabled, itemToLabel, itemToIcon, groupToLabel, itemToChipLabel, itemToChipColor, maxVisible, }: Props$10<Value, GroupShape>) => react_jsx_runtime.JSX.Element;
 
 type InputGroupProps$7 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'sizing' | 'focusVariant' | 'state'>;
 type TextareaNativeProps = Omit<ComponentProps<typeof InputGroup.TextArea>, 'value' | 'defaultValue' | 'rows' | 'maxRows'>;
@@ -2217,12 +2245,12 @@ type TextareaOwnProps = {
     disableResize?: boolean;
     containerClassName?: string;
 };
-type Props$Z = InputGroupProps$7 & TextareaNativeProps & TextareaOwnProps;
+type Props$$ = InputGroupProps$7 & TextareaNativeProps & TextareaOwnProps;
 /**
  * Multi-line text input. Chrome resolves from the active brand automatically: a modern brand always
  * renders argo (any `variant` is ignored), while `variant` only tunes the legacy-brand chrome.
  */
-declare const Textarea: ({ ref, containerClassName, state, variant, sizing, focusVariant, value: valueProp, defaultValue, onValueChange, ...rest }: Props$Z) => react_jsx_runtime.JSX.Element;
+declare const Textarea: ({ ref, containerClassName, state, variant, sizing, focusVariant, value: valueProp, defaultValue, onValueChange, ...rest }: Props$$) => react_jsx_runtime.JSX.Element;
 
 type AutoSaveTextareaProps = {
     savedValue?: string;
@@ -2235,14 +2263,14 @@ declare const AutoSaveTextarea: ({ savedValue, onSave, placeholder, disabled, gr
 
 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 & {
+type Props$_ = 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$Y) => 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$_) => react_jsx_runtime.JSX.Element;
 
 type BrandId = string;
 type ResolvedColorScheme = 'light' | 'dark';
@@ -2277,12 +2305,12 @@ declare const useColorSchemeState: ({ defaultScheme, scheme: propScheme, onSchem
     setScheme: (next: ColorScheme) => void;
 };
 
-type Props$X = UseColorSchemeOptions & UseBrandOptions & {
+type Props$Z = UseColorSchemeOptions & UseBrandOptions & {
     /** Brands this provider knows about; the active brand id resolves against these. */
     brands?: readonly Brand[];
     children: ReactNode;
 };
-declare const ThemeProvider: ({ defaultScheme, scheme, onSchemeChange, defaultBrandId, brandId, onBrandIdChange, brands, children, }: Props$X) => react_jsx_runtime.JSX.Element;
+declare const ThemeProvider: ({ defaultScheme, scheme, onSchemeChange, defaultBrandId, brandId, onBrandIdChange, brands, children, }: Props$Z) => react_jsx_runtime.JSX.Element;
 
 type ThemeContextValue = ReturnType<typeof useColorSchemeState> & ReturnType<typeof useBrandState> & {
     themes: Theme[];
@@ -2306,7 +2334,7 @@ declare const useArgoDesign: () => boolean;
 declare const DEFAULT_COLOR_SCHEME: ResolvedColorScheme;
 declare const DEFAULT_BRAND_ID = "design-system";
 
-type Props$W = {
+type Props$Y = {
     /** The active color scheme. Controlled — pair with `onValueChange`. */
     value: ColorScheme;
     /** Called with the chosen scheme when the user picks a menu item. */
@@ -2331,11 +2359,11 @@ type Props$W = {
  * 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$W) => react_jsx_runtime.JSX.Element;
+declare const ColorModeSwitch: ({ value, onValueChange, size, className }: Props$Y) => react_jsx_runtime.JSX.Element;
 
 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 & {
+type Props$X = InputGroupProps$5 & InputGroupInputProps$5 & {
     value?: Date | null;
     defaultValue?: Date | null;
     onValueChange?: (value: Date | null) => void;
@@ -2345,11 +2373,11 @@ type Props$V = InputGroupProps$5 & InputGroupInputProps$5 & {
     endMonth?: Date;
     startMonth?: Date;
 };
-declare const DateInput: ({ ref, state, variant, focusVariant, sizing, className, value, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onFocus, allowClear, disabledDays, endMonth, startMonth, disabled, readOnly, placeholder, ...restInputProps }: Props$V) => react_jsx_runtime.JSX.Element;
+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$X) => 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 & {
+type Props$W = InputGroupProps$4 & InputGroupInputProps$4 & {
     value?: number | null;
     defaultValue?: number | null;
     onValueChange?: (value: number | null) => void;
@@ -2357,11 +2385,11 @@ type Props$U = InputGroupProps$4 & InputGroupInputProps$4 & {
     prefix?: ReactNode;
     suffix?: ReactNode;
 };
-declare const NumberInput: ({ ref, state, variant, focusVariant, sizing, className, value, defaultValue, onValueChange, onValueBlur, onChange, onBlur, prefix, suffix, ...inputProps }: Props$U) => react_jsx_runtime.JSX.Element;
+declare const NumberInput: ({ ref, state, variant, focusVariant, sizing, className, value, defaultValue, onValueChange, onValueBlur, onChange, onBlur, prefix, suffix, ...inputProps }: 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' | 'autoComplete'>;
-type Props$T = InputGroupProps$3 & InputGroupInputProps$3 & {
+type Props$V = InputGroupProps$3 & InputGroupInputProps$3 & {
     value?: string | null;
     defaultValue?: string | null;
     onValueChange?: (value: string) => void;
@@ -2378,22 +2406,22 @@ type Props$T = InputGroupProps$3 & InputGroupInputProps$3 & {
     autoComplete?: 'new-password' | 'current-password' | 'off';
     defaultPasswordVisibility?: boolean;
 };
-declare const PasswordInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onKeyDown, onKeyUp, onMouseDown, allowClear, allowPasswordToggle, passwordToggleLabel, autoComplete, defaultPasswordVisibility, disabled, readOnly, ...restInputProps }: Props$T) => 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$V) => 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'>;
-type Props$S = InputGroupProps$2 & InputGroupInputProps$2 & {
+type Props$U = 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$S) => 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$U) => 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 & {
+type Props$T = InputGroupProps$1 & InputGroupInputProps$1 & {
     value?: DateRange$1 | null;
     defaultValue?: DateRange$1 | null;
     onValueChange?: (value: DateRange$1 | null) => void;
@@ -2402,7 +2430,7 @@ type Props$R = InputGroupProps$1 & InputGroupInputProps$1 & {
     startMonth?: Date;
     endMonth?: Date;
 };
-declare const DateRangeInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onFocus, allowClear, startMonth, endMonth, disabled, readOnly, placeholder, ...restInputProps }: Props$R) => react_jsx_runtime.JSX.Element;
+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$T) => react_jsx_runtime.JSX.Element;
 
 type OtpInputSizing = 'sm' | 'md' | 'lg';
 type OtpElementProps = ComponentProps<typeof OTPInput>;
@@ -2438,7 +2466,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$Q = InputGroupProps & InputGroupInputProps & {
+type Props$S = 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`. */
@@ -2467,7 +2495,7 @@ type Props$Q = InputGroupProps & InputGroupInputProps & {
  *
  * @see RECIPES.md#filter-toolbar — for the search + filter chips toolbar pattern
  */
-declare const SearchInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onClear, allowClear, disableDebounce, debounceDelay, disabled, readOnly, ...restInputProps }: Props$Q) => 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$S) => react_jsx_runtime.JSX.Element;
 
 type SearchInputWithNavigationProps = {
     currentIndex: number | null;
@@ -2486,37 +2514,83 @@ declare const SearchInputWithNavigation: ({ ref, value, onValueChange, placehold
     ref?: Ref<HTMLInputElement>;
 }) => react_jsx_runtime.JSX.Element;
 
+/** MIME type → extensions map, e.g. `{ 'text/csv': ['.csv'] }`. */
+type FileUploadAccept = Record<string, string[]>;
 /**
- * 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.
+ * Every rejection reason a drop target can emit. `FileUploadRejection.errors[].code` stays
+ * `string` (the underlying library types it that way), but the vocabulary is closed — type a
+ * rejection-copy map as `Record<FileUploadRejectionCode, string>` and it is checkably exhaustive.
  */
-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`. */
+type FileUploadRejectionCode = 'file-invalid-type' | 'file-too-large' | 'file-too-small' | 'too-many-files';
+/** A file the drop target refused, with the reason(s) why. */
+type FileUploadRejection = {
+    file: File;
+    errors: {
+        code: string;
+        message: string;
+    }[];
+};
+type FileDropTargetOptions = {
+    /** MIME / extension filter. Omit to accept every type. */
+    accept?: FileUploadAccept;
+    /** Max size per file, in bytes. Oversized files surface in `onFilesRejected`. */
     maxSize?: number;
     /** Max number of files accepted per drop. */
     maxFiles?: number;
     /** Allow multiple files. Defaults to true. */
     multiple?: boolean;
-    /** Disable the dropzone. */
+    /** Disable the target — no drops, no click, no keyboard. */
     disabled?: boolean;
+    /** Don't open the file dialog on click. Set when wrapping a clickable subtree. */
+    noClick?: boolean;
+    /** Don't open the file dialog on Space / Enter. Set when wrapping a focusable subtree. */
+    noKeyboard?: boolean;
     /** Called with the accepted files on every drop. The caller owns the merged file list. */
     onFilesChange?: (files: File[]) => void;
-    /** Called with rejected files (oversized, wrong type, too many). */
-    onFilesRejected?: (rejections: FileRejection[]) => void;
+    /** Called with the rejected files (wrong type, too large, too many). */
+    onFilesRejected?: (rejections: FileUploadRejection[]) => void;
+};
+type FileDropTarget = Pick<DropzoneState, 'getRootProps' | 'getInputProps' | 'isDragActive'> & {
+    /** Rejections from the most recent drop — replaced on every drop. */
+    rejections: FileUploadRejection[];
+};
+/**
+ * Headless drop target — turns any element into one via `getRootProps()`.
+ *
+ * **When to use:** the drop affordance is an existing subtree you style yourself (a message
+ * composer, a card, a whole panel). Pair with `noClick` / `noKeyboard` when that subtree is
+ * already interactive, so clicking or typing inside it doesn't open the file dialog.
+ * **When NOT to use:** a standalone drop box — compose `FileUpload` + `FileUpload.DropZone`,
+ * which own the dashed-border chrome and the drag / error visual states.
+ */
+declare const useFileDropTarget: ({ accept, maxSize, maxFiles, multiple, disabled, noClick, noKeyboard, onFilesChange, onFilesRejected, }?: FileDropTargetOptions) => FileDropTarget;
+
+/**
+ * Rejections from the most recent drop, read from the enclosing `FileUpload`. Use it to render
+ * your own "why was this refused" copy next to the drop zone — `FileUpload` ships none, because
+ * the wording is product copy. Replaced on every drop, so it never goes stale.
+ */
+declare const useFileUploadRejections: () => FileUploadRejection[];
+
+/**
+ * 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$R = Omit<FileDropTargetOptions, 'noClick' | 'noKeyboard'> & {
     /** Storybook-only: force a visual state without simulating real drag events. */
     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$P) => react_jsx_runtime.JSX.Element) & {
-    DropZone: ({ children, className, ...rest }: {
+declare const FileUpload: (({ accept, maxSize, maxFiles, multiple, disabled, onFilesChange, onFilesRejected, forcedState, children, className, ...rest }: Props$R) => react_jsx_runtime.JSX.Element) & {
+    DropZone: ({ children, inputId, className, ...rest }: {
         children?: ReactNode;
+        inputId?: string;
     } & Omit<HTMLAttributes<HTMLDivElement>, "children">) => react_jsx_runtime.JSX.Element;
-    FileList: ({ files, onRemove, className, ...rest }: {
+    FileList: ({ files, onRemove, invalid, className, ...rest }: {
         files: File[];
         onRemove?: (file: File, index: number) => void;
+        invalid?: boolean;
     } & Omit<HTMLAttributes<HTMLUListElement>, "children">) => react_jsx_runtime.JSX.Element | null;
 };
 
@@ -2551,11 +2625,11 @@ declare const FormGroup: {
         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;
+        id?: string | undefined | undefined;
+        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
         ref?: react.Ref<HTMLParagraphElement> | undefined;
         key?: react.Key | null | undefined;
         defaultChecked?: boolean | undefined | undefined;
@@ -2841,14 +2915,14 @@ declare const FormGroup: {
         translate?: "yes" | "no" | undefined | undefined;
         color?: string | 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;
+        id?: string | undefined | undefined;
+        name?: string | undefined | undefined;
+        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
+        variant?: "primary" | "secondary" | null | undefined;
         pattern?: string | undefined | undefined;
         ref?: react.Ref<HTMLInputElement> | undefined;
         key?: react.Key | null | undefined;
@@ -3149,7 +3223,7 @@ declare const FormGroup: {
         readOnly?: boolean | undefined | undefined;
         required?: boolean | undefined | undefined;
         onValueBlur?: ((value: string) => void) | undefined;
-        sizing?: "medium" | "small" | "default" | null | undefined;
+        sizing?: "small" | "medium" | "default" | null | undefined;
         focusVariant?: "off" | "on" | "default" | null | undefined;
         rightSuffix?: react.ReactNode;
         rightSuffixVariant?: "addon" | "default" | undefined;
@@ -3164,14 +3238,14 @@ declare const FormGroup: {
         translate?: "yes" | "no" | undefined | undefined;
         color?: string | 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;
+        id?: string | undefined | undefined;
+        name?: string | undefined | undefined;
+        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
+        variant?: "primary" | "secondary" | null | undefined;
         pattern?: string | undefined | undefined;
         ref?: react.Ref<HTMLInputElement> | undefined;
         key?: react.Key | null | undefined;
@@ -3473,7 +3547,7 @@ declare const FormGroup: {
         readOnly?: boolean | undefined | undefined;
         required?: boolean | undefined | undefined;
         onValueBlur?: ((value: number | null) => void) | undefined;
-        sizing?: "medium" | "small" | "default" | null | undefined;
+        sizing?: "small" | "medium" | "default" | null | undefined;
         focusVariant?: "off" | "on" | "default" | null | undefined;
         suffix?: react.ReactNode;
     }) => react_jsx_runtime.JSX.Element;
@@ -3483,14 +3557,14 @@ declare const FormGroup: {
         translate?: "yes" | "no" | undefined | undefined;
         color?: string | undefined | undefined;
         prefix?: string | undefined | undefined;
-        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;
+        id?: string | undefined | undefined;
+        name?: string | undefined | undefined;
+        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
+        variant?: "primary" | "secondary" | null | undefined;
         pattern?: string | undefined | undefined;
         ref?: react.Ref<HTMLInputElement> | undefined;
         key?: react.Key | null | undefined;
@@ -3793,7 +3867,7 @@ declare const FormGroup: {
         readOnly?: boolean | undefined | undefined;
         required?: boolean | undefined | undefined;
         onValueBlur?: ((value: string) => void) | undefined;
-        sizing?: "medium" | "small" | "default" | null | undefined;
+        sizing?: "small" | "medium" | "default" | null | undefined;
         focusVariant?: "off" | "on" | "default" | null | undefined;
         allowClear?: boolean | undefined;
     }) => react_jsx_runtime.JSX.Element;
@@ -3803,16 +3877,16 @@ declare const FormGroup: {
         wrap?: string | undefined | undefined;
         color?: string | undefined | undefined;
         prefix?: string | undefined | undefined;
-        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?: (Omit<react.CSSProperties, "minHeight" | "maxHeight"> & {
             height?: number;
         }) | undefined;
         title?: string | undefined | undefined;
+        id?: string | undefined | undefined;
+        name?: string | undefined | undefined;
+        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
+        variant?: "primary" | "secondary" | null | undefined;
         ref?: react.Ref<HTMLTextAreaElement> | undefined;
         key?: react.Key | null | undefined;
         defaultChecked?: boolean | undefined | undefined;
@@ -4103,7 +4177,7 @@ declare const FormGroup: {
         cacheMeasurements?: boolean | undefined;
         onValueBlur?: (((value: string) => void) & ((value: string) => void)) | undefined;
         disableResize?: boolean | undefined;
-        sizing?: "medium" | "small" | "default" | null | undefined;
+        sizing?: "small" | "medium" | "default" | null | undefined;
         focusVariant?: "off" | "on" | "default" | null | undefined;
         containerClassName?: string | undefined;
     }) => react_jsx_runtime.JSX.Element;
@@ -4112,43 +4186,43 @@ declare const FormGroup: {
 declare const helpVariants: (props?: ({
     state?: "warning" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type Props$O = ComponentPropsWithRef<'p'> & VariantProps<typeof helpVariants>;
-declare const HelpBlock: ({ children, className, state, ...rest }: Props$O) => react_jsx_runtime.JSX.Element | null;
+type Props$Q = ComponentPropsWithRef<'p'> & VariantProps<typeof helpVariants>;
+declare const HelpBlock: ({ children, className, state, ...rest }: Props$Q) => react_jsx_runtime.JSX.Element | null;
 
 type AnswerItem = {
     question: string;
     answer?: string;
 };
 type Variant$5 = 'success' | 'dismissed';
-type Props$N = {
+type Props$P = {
     items: readonly AnswerItem[];
     variant?: Variant$5;
     noAnswerLabel?: string;
 };
-declare const AnswerSummary: ({ items, variant, noAnswerLabel, }: Props$N) => react_jsx_runtime.JSX.Element;
+declare const AnswerSummary: ({ items, variant, noAnswerLabel, }: Props$P) => react_jsx_runtime.JSX.Element;
 
 type Variant$4 = 'success' | 'error' | 'processing' | 'dismissed';
-type Props$M = {
+type Props$O = {
     isExpanded: boolean;
     onToggle: () => void;
     label: ReactNode;
     variant?: Variant$4;
 };
-declare const CollapsibleStepHeader: ({ isExpanded, onToggle, label, variant, }: Props$M) => react_jsx_runtime.JSX.Element;
+declare const CollapsibleStepHeader: ({ isExpanded, onToggle, label, variant, }: Props$O) => react_jsx_runtime.JSX.Element;
 
-type Props$L = {
+type Props$N = {
     children: ReactNode;
 };
-declare const InlineStepDetail: ({ children }: Props$L) => react_jsx_runtime.JSX.Element;
+declare const InlineStepDetail: ({ children }: Props$N) => react_jsx_runtime.JSX.Element;
 
 type Variant$3 = 'processing' | 'success' | 'error' | 'dismissed';
-type Props$K = {
+type Props$M = {
     variant: Variant$3;
     children: ReactNode;
 };
-declare const InlineStepLabel: ({ variant, children }: Props$K) => react_jsx_runtime.JSX.Element;
+declare const InlineStepLabel: ({ variant, children }: Props$M) => react_jsx_runtime.JSX.Element;
 
-type Props$J = {
+type Props$L = {
     /** 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. */
@@ -4160,9 +4234,9 @@ type Props$J = {
  * `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$J) => react_jsx_runtime.JSX.Element;
+declare const Markdown: ({ children, className }: Props$L) => react_jsx_runtime.JSX.Element;
 
-type Props$I = {
+type Props$K = {
     user?: {
         name: string | undefined;
         email: string | undefined;
@@ -4172,15 +4246,15 @@ type Props$I = {
     size?: number;
     variant?: 'circle' | 'rounded';
 } & ComponentProps<'span'>;
-declare const Avatar: ({ ref, user, fallback, size, className, variant, ...props }: Props$I) => react_jsx_runtime.JSX.Element;
+declare const Avatar: ({ ref, user, fallback, size, className, variant, ...props }: Props$K) => react_jsx_runtime.JSX.Element;
 
-type Props$H = {
+type Props$J = {
     variant: 'user' | 'assistant';
     user?: ComponentProps<typeof Avatar>['user'];
     actions?: ReactNode;
     createdAt?: string;
 } & PropsWithChildren;
-declare const MessageBubble: ({ variant, children, user, actions, createdAt }: Props$H) => react_jsx_runtime.JSX.Element;
+declare const MessageBubble: ({ variant, children, user, actions, createdAt }: Props$J) => react_jsx_runtime.JSX.Element;
 
 type PlanApprovalStatus = 'pending' | 'approved' | 'dismissed' | 'changes-requested';
 type PlanApprovalProps = {
@@ -4230,15 +4304,15 @@ type PromptCommand = {
 };
 
 type SubmitStatus = 'submitted' | 'ready' | 'streaming' | 'interrupted';
-type Props$G = Pick<ComponentProps<typeof Button>, 'disabled' | 'ref'> & {
+type Props$I = Pick<ComponentProps<typeof Button>, 'disabled' | 'ref'> & {
     status?: SubmitStatus;
 };
-declare const PromptInputSubmit: ({ ref, disabled, status }: Props$G) => react_jsx_runtime.JSX.Element;
+declare const PromptInputSubmit: ({ ref, disabled, status }: Props$I) => react_jsx_runtime.JSX.Element;
 
 declare const promptInputVariants: (props?: ({
     variant?: "inline" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type Props$F = {
+type Props$H = {
     onSend?: (value: string) => void;
     onAbort?: () => void;
     onContinue?: () => void;
@@ -4252,7 +4326,7 @@ type Props$F = {
     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$F): react_jsx_runtime.JSX.Element;
+    ({ onSend, onAbort, onContinue, prefix, variant, suffix, disabled, disableSubmit, value, onValueChange, status, maxRows, minRows, commands, ...textareaProps }: Props$H): react_jsx_runtime.JSX.Element;
     Action: ({ ref, onMouseDown, ...rest }: react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>) => react_jsx_runtime.JSX.Element;
 };
 
@@ -4262,7 +4336,7 @@ type QuestionOption = {
     description?: string;
     preview?: string;
 };
-type Props$E = {
+type Props$G = {
     question: string;
     header?: string;
     options: readonly QuestionOption[];
@@ -4285,7 +4359,7 @@ type Props$E = {
     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$E) => 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$G) => react_jsx_runtime.JSX.Element;
 
 type QuestionStep = {
     question: string;
@@ -4299,7 +4373,7 @@ type QuestionAnswers = {
     selections: Record<number, readonly string[]>;
     customAnswers: Record<number, string>;
 };
-type Props$D = {
+type Props$F = {
     steps: readonly [QuestionStep, ...QuestionStep[]];
     showSkip?: boolean;
     onSubmit?: (answers: QuestionAnswers) => void;
@@ -4307,16 +4381,16 @@ type Props$D = {
     renderPreview?: (content: string) => ReactNode;
     className?: string;
 };
-declare const QuestionBlock: ({ steps, showSkip, onSubmit, onClose, renderPreview, className, }: Props$D) => react_jsx_runtime.JSX.Element;
+declare const QuestionBlock: ({ steps, showSkip, onSubmit, onClose, renderPreview, className, }: Props$F) => react_jsx_runtime.JSX.Element;
 
-type Props$C = {
+type Props$E = {
     label: string;
     disabled?: boolean;
     onClick: () => void;
     icon?: ReactNode;
     className?: string;
 };
-declare const SuggestedPrompt: ({ label, disabled, onClick, icon, className }: Props$C) => react_jsx_runtime.JSX.Element;
+declare const SuggestedPrompt: ({ label, disabled, onClick, icon, className }: Props$E) => react_jsx_runtime.JSX.Element;
 
 type ThinkingIndicatorProps = {
     label?: string;
@@ -4375,7 +4449,7 @@ type ToolCallChipProps = {
  */
 declare const ToolCallChip: ({ label, state, icon, trailing, onClick, className, }: ToolCallChipProps) => react_jsx_runtime.JSX.Element;
 
-type Props$B = {
+type Props$D = {
     value: number;
     alert?: boolean;
     children: ReactNode;
@@ -4389,28 +4463,28 @@ type Props$B = {
     side?: ComponentProps<typeof HoverCard.Content>['side'];
     sideOffset?: ComponentProps<typeof HoverCard.Content>['sideOffset'];
 };
-declare const UsageStats: ({ value, alert, children, className, ariaLabel, align, side, sideOffset, }: Props$B) => react_jsx_runtime.JSX.Element;
+declare const UsageStats: ({ value, alert, children, className, ariaLabel, align, side, sideOffset, }: Props$D) => react_jsx_runtime.JSX.Element;
 
-type Props$A = {
+type Props$C = {
     value: number;
     size?: number;
     strokeWidth?: number;
     className?: string;
 };
-declare const UsageStatsRing: ({ value, size, strokeWidth, className }: Props$A) => react_jsx_runtime.JSX.Element;
+declare const UsageStatsRing: ({ value, size, strokeWidth, className }: Props$C) => react_jsx_runtime.JSX.Element;
 
-type Props$z = ComponentProps<typeof Root$9>;
+type Props$B = ComponentProps<typeof Root$9>;
 declare const Collapsible: {
-    (props: Props$z): react_jsx_runtime.JSX.Element;
+    (props: Props$B): react_jsx_runtime.JSX.Element;
     Trigger: react.ForwardRefExoticComponent<_radix_ui_react_collapsible.CollapsibleTriggerProps & react.RefAttributes<HTMLButtonElement>>;
     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$y = {
+type Props$A = {
     variant?: Variant$2;
 } & ComponentProps<'div'>;
-declare const AlertRoot: ({ ref, children, className, variant, ...rest }: Props$y) => react_jsx_runtime.JSX.Element;
+declare const AlertRoot: ({ ref, children, className, variant, ...rest }: Props$A) => react_jsx_runtime.JSX.Element;
 
 type CommonProps = {
     hideIcon?: boolean;
@@ -4433,7 +4507,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$x = CommonProps & (CollapsibleProps | DefaultProps);
+type Props$z = CommonProps & (CollapsibleProps | DefaultProps);
 /**
  * Persistent inline banner for contextual messages tied to the page layout.
  *
@@ -4447,13 +4521,13 @@ type Props$x = 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$x) => react_jsx_runtime.JSX.Element;
+declare const Alert: ({ title, variant, children, hideIcon, icon, className, actions, mode, defaultOpen, open: openProp, onOpenChange: onOpenChangeProp, ...rest }: Props$z) => 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$w = {
+type Props$y = {
     id: string | number;
     title: ReactNode;
     icon?: ReactNode;
@@ -4462,7 +4536,7 @@ type Props$w = {
     loading?: boolean;
     duration?: number;
 } & Variants;
-declare const ToastRoot: ({ id, title, description, action, duration, variant, loading, icon: iconProp, }: Props$w) => react_jsx_runtime.JSX.Element;
+declare const ToastRoot: ({ id, title, description, action, duration, variant, loading, icon: iconProp, }: Props$y) => react_jsx_runtime.JSX.Element;
 
 type ToastProps = ComponentProps<typeof ToastRoot>;
 type Title = ToastProps['title'] | ((opts: {
@@ -4483,7 +4557,7 @@ declare const toast: {
     dismissAll(): string | number;
 };
 
-type Props$v = {
+type Props$x = {
     enabled?: boolean;
 } & Parameters<typeof toast>[0];
 /**
@@ -4496,22 +4570,22 @@ type Props$v = {
  * 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$v) => void;
+declare const useNotification: ({ enabled, ...toastOptions }: Props$x) => void;
 
 type ToasterProps = ComponentProps<typeof Toaster$1>;
 declare const Toaster: ({ gap, visibleToasts, ...props }: ToasterProps) => react_jsx_runtime.JSX.Element;
 
-type Props$u = {
+type Props$w = {
     children?: ReactNode;
 };
-declare const EmptySearchContent: ({ children }: Props$u) => react_jsx_runtime.JSX.Element;
+declare const EmptySearchContent: ({ children }: Props$w) => react_jsx_runtime.JSX.Element;
 
-type Props$t = {
+type Props$v = {
     title: string;
     children: ReactNode;
     className?: string;
 };
-declare const EmptyConfigurationActionCard: ({ title, children, className }: Props$t) => react_jsx_runtime.JSX.Element;
+declare const EmptyConfigurationActionCard: ({ title, children, className }: Props$v) => react_jsx_runtime.JSX.Element;
 
 declare const emptyStateClassnames: (props?: ({
     variant?: "compact" | "default" | null | undefined;
@@ -4651,8 +4725,8 @@ declare const variants: (props?: ({
     variant?: "success" | "default" | null | undefined;
     size?: "sm" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-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;
+type Props$u = ComponentProps<typeof Root$a> & VariantProps<typeof variants>;
+declare const Progress: ({ ref, className, value, variant, size, ...props }: Props$u) => react_jsx_runtime.JSX.Element;
 
 /** @deprecated Use `Collapsible` instead. */
 type CollapseProps = {
@@ -4668,7 +4742,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$r = {
+type Props$t = {
     header: ReactNode;
     isDisabled?: boolean;
     defaultExpanded?: boolean;
@@ -4680,22 +4754,59 @@ type Props$r = {
     variant?: 'default' | 'white';
     children: ReactNode;
 };
-declare const CollapsiblePanel: ({ header, className, bodyClassName, headerClassName, defaultExpanded, isDisabled, children, isOpen, onToggle, variant, }: Props$r) => react_jsx_runtime.JSX.Element;
+declare const CollapsiblePanel: ({ header, className, bodyClassName, headerClassName, defaultExpanded, isDisabled, children, isOpen, onToggle, variant, }: Props$t) => react_jsx_runtime.JSX.Element;
 
-type Props$q = PropsWithChildren<{
+type Props$s = PropsWithChildren<{
     defaultExpanded?: boolean;
     labelCollapse?: ReactNode;
     labelOpen?: ReactNode;
     placement?: 'top' | 'bottom';
     className?: string;
 }>;
-declare const PanelWithDetails: ({ defaultExpanded, labelCollapse, labelOpen, placement, children, }: Props$q) => react_jsx_runtime.JSX.Element;
+declare const PanelWithDetails: ({ defaultExpanded, labelCollapse, labelOpen, placement, children, }: Props$s) => react_jsx_runtime.JSX.Element;
+
+/**
+ * How far the header row stretches across the shell.
+ *
+ * - `content` — the header occupies the middle column only (`"sidebar header aside"`),
+ *   so both rails sit beside it and run the full height.
+ * - `full` — the header spans all three columns and the rails sit below it, so the
+ *   brand mark aligns to the viewport's left edge.
+ *
+ * Only the sidebar geometry honours this; the top-nav geometry's header is
+ * already full width.
+ */
+type AppShellHeaderSpan = 'content' | 'full';
 
-type RootProps$4 = ComponentPropsWithoutRef<'div'>;
+type RootProps$4 = ComponentPropsWithoutRef<'div'> & {
+    /**
+     * How far the header row stretches. `content` (default) gives it the middle
+     * column only, with both rails beside it; `full` spans all three columns and
+     * drops the rails below it, so the brand mark aligns to the viewport edge.
+     * No-op under the top-nav geometry, whose header is already full width.
+     *
+     * Reach for `full` when the header carries app-wide identity (brand mark,
+     * project switcher, account menu) rather than page-level navigation.
+     */
+    headerSpan?: AppShellHeaderSpan;
+};
 type SlotProps = ComponentPropsWithoutRef<'div'> & {
     /** Render as the child element (Radix-Slot pattern), forwarding props onto it. */
     asChild?: boolean;
 };
+type ChromeSlotProps = SlotProps & {
+    /**
+     * Drop the slot's own padding, background and border so a hosted chrome component
+     * (`Navbar` in `Header`, `Sidebar side="right"` in `Aside`) can render edge to edge.
+     *
+     * The slots paint themselves, which is right when you put content straight into them.
+     * It is wrong when the child is already a full-bleed surface: the child ends up inset
+     * inside the slot with the slot's background showing through as gutters at each end.
+     * Use this instead of re-stating the overrides at the call site — hand-written
+     * overrides also have to win a cascade fight, which is why they tend to grow an `!`.
+     */
+    flush?: boolean;
+};
 /**
  * App-shell layout primitive. Reads `useTheme().brand.shell` and dispatches to
  * a sidebar (left rail) or top-nav geometry. Consumers compose the same
@@ -4705,7 +4816,8 @@ type SlotProps = ComponentPropsWithoutRef<'div'> & {
  *
  * **When to use:** the root layout of any app that wants to follow the active
  * brand's shell geometry. Host a `PageLayout` inside `<AppShell.Main>` for
- * the per-page content column.
+ * the per-page content column. Pass `headerSpan="full"` for a full-bleed header
+ * row above both rails.
  * **When NOT to use:** standalone screens that aren't part of a navigated app
  * (sign-in, error pages). Render those without `AppShell`.
  * **Composition:** must be rendered inside a `<ThemeProvider>` — the geometry
@@ -4715,14 +4827,14 @@ type SlotProps = ComponentPropsWithoutRef<'div'> & {
  * @see AppShell.stories.tsx — flip the Storybook brand toolbar to see the
  * sidebar / top-nav geometry swap from a single composition.
  */
-declare const AppShell: (({ ref, className, children, ...props }: RootProps$4 & {
+declare const AppShell: (({ ref, className, headerSpan, children, ...props }: RootProps$4 & {
     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 & {
+    Header: ({ ref, className, asChild, flush, children, ...props }: ChromeSlotProps & {
         ref?: Ref<ComponentRef<"header">>;
     }) => react_jsx_runtime.JSX.Element;
     /**
@@ -4742,7 +4854,7 @@ declare const AppShell: (({ ref, className, children, ...props }: RootProps$4 &
         ref?: Ref<ComponentRef<"main">>;
     }) => react_jsx_runtime.JSX.Element;
     /** Optional right rail. Present in both shells. */
-    Aside: ({ ref, className, asChild, children, ...props }: SlotProps & {
+    Aside: ({ ref, className, asChild, flush, children, ...props }: ChromeSlotProps & {
         ref?: Ref<ComponentRef<"aside">>;
     }) => react_jsx_runtime.JSX.Element;
 };
@@ -4755,6 +4867,12 @@ declare const AppShell: (({ ref, className, children, ...props }: RootProps$4 &
 type RootProps$3 = ComponentProps<'div'> & {
     maxWidth?: 'default' | 'narrow' | 'wide' | 'full';
 };
+type HeaderProps = ComponentProps<'header'> & {
+    sticky?: boolean;
+};
+type ContentProps = ComponentProps<'div'> & {
+    nav?: ReactNode;
+};
 type FooterProps = ComponentProps<'footer'> & {
     sticky?: boolean;
 };
@@ -4774,16 +4892,17 @@ type FooterProps = ComponentProps<'footer'> & {
  * `PageLayout.Footer sticky`.
  *
  * @see RECIPES.md#list-detail — for the index → detail page pattern
+ * @see RECIPES.md#section-nav — for the in-page vertical navigation pattern
  */
 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 }: 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 }: ComponentProps<"header">) => react_jsx_runtime.JSX.Element;
+    /** Host slot for `PageHeader.Index` / `PageHeader.Detail`, or custom header JSX when neither variant fits. Pass `sticky` to pin it — it then also publishes its measured height as `--page-header-height` on the root, which `Content nav` pins the nav to. */
+    Header: ({ ref, className, sticky, children, ...props }: HeaderProps) => 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 }: ComponentProps<"div">) => react_jsx_runtime.JSX.Element;
-    /** Main content slot. Lists, cards, tables. */
-    Content: ({ ref, className, children, ...props }: ComponentProps<"div">) => react_jsx_runtime.JSX.Element;
+    /** Main content slot. Lists, cards, tables. Pass `nav` (a `SectionNav`) for the two-column in-page-navigation layout; without it the slot is a plain column, exactly as before. */
+    Content: ({ ref, className, nav, children, ...props }: ContentProps) => 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) => react_jsx_runtime.JSX.Element;
 };
@@ -4832,21 +4951,21 @@ 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$r = ComponentProps<'div'> & VariantProps<typeof addonVariants>;
+declare const BadgeAddon: ({ ref, align, variant, className, ...rest }: Props$r) => react_jsx_runtime.JSX.Element;
 
-type Props$o = ComponentProps<'span'> & {
+type Props$q = ComponentProps<'span'> & {
     asChild?: boolean;
 };
-declare const BadgeLabel: ({ ref, className, asChild, ...rest }: Props$o) => react_jsx_runtime.JSX.Element;
+declare const BadgeLabel: ({ ref, className, asChild, ...rest }: Props$q) => 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;
+    color?: "white" | "blue" | "cyan" | "gray" | "green" | "orange" | "purple" | "red" | "teal" | "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 Props$p = ComponentProps<'div'> & VariantProps<typeof badgeRootVariants>;
+declare const BadgeRoot: ({ ref, variant, color, className, children, ...rest }: Props$p) => react_jsx_runtime.JSX.Element;
 
 type AddonVariant = ComponentProps<typeof BadgeAddon>['variant'];
 type BadgeRootProps = ComponentProps<typeof BadgeRoot>;
@@ -4856,17 +4975,17 @@ type BadgeLabelProps = ComponentProps<typeof BadgeLabel>;
  * `amber` = caution, `purple/cyan/teal/blue/gray` for decorative tags) — colours stay fixed across brand themes.
  * Pass `prefix` / `suffix` for icon-style addons.
  */
-type Props$m = Pick<BadgeRootProps, 'variant' | 'color'> & Omit<BadgeLabelProps, 'prefix'> & {
+type Props$o = 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) & {
+declare const Badge: (({ ref, variant, color, prefix, prefixVariant, suffix, suffixVariant, className, labelClassName, ...labelProps }: Props$o) => 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;
+        color?: "white" | "blue" | "cyan" | "gray" | "green" | "orange" | "purple" | "red" | "teal" | "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> & {
@@ -4936,7 +5055,7 @@ 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;
+        color?: "white" | "blue" | "cyan" | "gray" | "green" | "orange" | "purple" | "red" | "teal" | "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>, "color" | "variant"> & Omit<react.ClassAttributes<HTMLSpanElement> & react.HTMLAttributes<HTMLSpanElement> & {
         asChild?: boolean;
     }, "prefix"> & {
@@ -4957,7 +5076,107 @@ declare const PageToolbar: (({ ref, className, children, ...props }: DivProps) =
     Clear: ({ className, children, ...props }: ActionProps) => react_jsx_runtime.JSX.Element;
 };
 
-type Props$l = {
+type SectionNavItem = {
+    /**
+     * Identity **and** navigation target: `renderItem` gets it back as `targetId`, and `activeId` is
+     * matched against it. Unique across the whole `groups` array.
+     */
+    id: string;
+    title: string;
+    icon?: LucideIcon;
+    /** Printed under the title when `showDescriptions` is on. */
+    description?: string;
+    /** Marks the row with a "New" badge. */
+    isNew?: boolean;
+};
+type SectionNavGroup = SectionNavItem & {
+    /**
+     * Sub-sections, each a destination of its own. A group with children navigates to its first one,
+     * so only a **childless** group's `id` is ever used as a target — that one has to be routable.
+     */
+    children: SectionNavItem[];
+    /** Rendered under the group's children in the tree — e.g. "More apps coming soon." */
+    note?: ReactNode;
+};
+type SectionNavItemRenderProps = {
+    /** Where this row goes. A group with children resolves to `children[0].id`. */
+    targetId: string;
+    /** `true` when `activeId` names this exact row. A group holding the active child is not "active". */
+    isActive: boolean;
+    /** The composed row body — icon, title, "New" badge, chevron, description. Render as children. */
+    children: ReactNode;
+    /**
+     * Spread whole onto the clickable element; don't cherry-pick. `onClick` owns the group's open
+     * state and calls `preventDefault()` on a click that only collapses a group, so a link handed
+     * these props never navigates when it shouldn't — every router `Link` worth using checks
+     * `defaultPrevented` before it navigates. If yours doesn't, render an `<a>` and navigate yourself.
+     */
+    itemProps: {
+        className: string;
+        'aria-current': 'page' | undefined;
+        'aria-expanded': boolean | undefined;
+        /** `true` on a group row whose subtree holds the active section — the row is tinted, but it is
+         *  not the current page, so it carries no `aria-current`. */
+        'data-active': true | undefined;
+        onClick: (event: MouseEvent$1<HTMLElement>) => void;
+    };
+};
+
+type Props$n = {
+    /**
+     * The sections to show, already filtered. Visibility, permissions and feature flags stay in the
+     * app — this block renders exactly what it is handed, in order.
+     */
+    groups: SectionNavGroup[];
+    /** `id` of the current section: a child's, or a childless group's. */
+    activeId?: string;
+    /**
+     * Renders the clickable element for one row, so routing never enters the design system. Return a
+     * `NavLink` / TanStack `Link` / `<a>` pointing at `targetId` and spread `itemProps` onto it.
+     */
+    renderItem: (props: SectionNavItemRenderProps) => ReactNode;
+    /** Print each section's `description` under its title. Off — the tree stays scannable without it. */
+    showDescriptions?: boolean;
+    /** Accessible name for the tree's `<nav>`, and the collapsed label with nothing active. */
+    label?: string;
+    /** Applied to the tree's `<nav>`. The column's own geometry belongs to `PageLayout.Content nav`. */
+    className?: string;
+};
+/**
+ * In-page grouped navigation for one page's sections: a tree above the container's breakpoint, a
+ * single dropdown below it. Both are rendered and CSS picks one, and both draw their rows through
+ * the same renderer, so the two can never drift apart.
+ *
+ * **This is not `Sidebar`.** `Sidebar` is the app-level left rail — `SidebarProvider`, icon-collapse,
+ * one per app shell, outside `PageLayout`. `SectionNav` is scoped to a single page's sections, lives
+ * inside `PageLayout.Content`, and owns no global state. See `AGENTS.md`.
+ *
+ * **Router-agnostic:** `renderItem` is the seam. Pass it whatever your router calls a link.
+ *
+ * ```tsx
+ * <PageLayout.Content nav={
+ *   <SectionNav
+ *     groups={groups}
+ *     activeId={activeId}
+ *     renderItem={({ targetId, children, itemProps }) => (
+ *       <Link to={targetId} {...itemProps}>{children}</Link>
+ *     )}
+ *   />
+ * }>
+ *   {page}
+ * </PageLayout.Content>
+ * ```
+ *
+ * The tree↔dropdown switch is a **container** query on the content area's width, never the viewport
+ * — a product sidebar or a chat panel narrows the page without the window resizing.
+ * `PageLayout.Content nav={…}` names that container; standalone, put `tw:@container/section-nav` on
+ * an ancestor yourself.
+ *
+ * @see RECIPES.md#section-nav
+ */
+declare const SectionNav: ({ groups, activeId, renderItem, showDescriptions, label, className, }: Props$n) => react_jsx_runtime.JSX.Element;
+
+type Props$m = {
     /** `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`). */
@@ -4967,7 +5186,7 @@ type Props$l = {
  * Renders the active brand's logo from the nearest `<ThemeProvider>`, or `null`
  * if the brand ships none. Inline SVG inherits `currentColor`; URLs use `<img>`.
  */
-declare const BrandLogo: ({ variant, className }: Props$l) => react_jsx_runtime.JSX.Element | null;
+declare const BrandLogo: ({ variant, className }: Props$m) => react_jsx_runtime.JSX.Element | null;
 
 declare const ResizableHandle: ({ className, ...props }: ComponentProps<typeof Separator$1>) => react_jsx_runtime.JSX.Element;
 
@@ -4979,7 +5198,7 @@ type SidebarState$1 = 'expanded' | 'collapsed';
 type SidebarCollapsible = 'icon' | 'off-canvas';
 type SidebarVariant = 'sided-floating' | 'inset' | 'floating' | 'none';
 
-type Props$k = {
+type Props$l = {
     children: ReactNode;
     className?: string;
     id?: string;
@@ -4990,7 +5209,7 @@ type Props$k = {
     resizable?: boolean;
 };
 declare const Sidebar: {
-    ({ children, className, id, side, style, container, keepMounted, resizable, }: Props$k): react_jsx_runtime.JSX.Element | null;
+    ({ children, className, id, side, style, container, keepMounted, resizable, }: Props$l): react_jsx_runtime.JSX.Element | null;
     Header: ({ className, children, ...props }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => react_jsx_runtime.JSX.Element;
     Content: ({ ref, className, children, contentRef }: {
         className?: string;
@@ -5015,12 +5234,12 @@ declare const Sidebar: {
         translate?: "yes" | "no" | undefined | undefined;
         color?: string | undefined | undefined;
         prefix?: string | undefined | undefined;
-        id?: string | undefined | undefined;
-        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
         label?: ReactNode;
         slot?: string | undefined | undefined;
         style?: CSSProperties | undefined;
         title?: string | undefined | undefined;
+        id?: string | undefined | undefined;
+        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
         ref?: react.Ref<HTMLDivElement> | undefined;
         key?: react.Key | null | undefined;
         defaultChecked?: boolean | undefined | undefined;
@@ -5321,13 +5540,13 @@ declare const Sidebar: {
         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;
         form?: string | undefined | undefined;
         slot?: string | undefined | undefined;
         style?: CSSProperties | undefined;
         title?: string | undefined | undefined;
+        id?: string | undefined | undefined;
+        name?: string | undefined | undefined;
+        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
         pattern?: string | undefined | undefined;
         ref?: react.Ref<HTMLInputElement> | undefined;
         key?: react.Key | null | undefined;
@@ -5645,7 +5864,7 @@ declare const Sidebar: {
     }) => react_jsx_runtime.JSX.Element;
 };
 
-type Props$j = {
+type Props$k = {
     children?: ReactNode;
     defaultLeftMode?: SidebarMode;
     leftMode?: SidebarMode;
@@ -5663,7 +5882,7 @@ type Props$j = {
     onRightWidthChange?: (width: number) => void;
     defaultFilledSide?: SidebarSide | null;
 };
-declare const SidebarProvider: ({ children, defaultLeftMode, leftMode, onLeftModeChange, defaultRightMode, rightMode, onRightModeChange, leftCollapsible, leftVariant, leftWidth, rightCollapsible, rightVariant, rightWidth, onLeftWidthChange, onRightWidthChange, defaultFilledSide, }: Props$j) => react_jsx_runtime.JSX.Element;
+declare const SidebarProvider: ({ children, defaultLeftMode, leftMode, onLeftModeChange, defaultRightMode, rightMode, onRightModeChange, leftCollapsible, leftVariant, leftWidth, rightCollapsible, rightVariant, rightWidth, onLeftWidthChange, onRightWidthChange, defaultFilledSide, }: Props$k) => react_jsx_runtime.JSX.Element;
 
 type Input = {
     variant: SidebarVariant;
@@ -5679,12 +5898,12 @@ type EffectiveWidths = {
 };
 declare const calcEffectiveWidths: ({ variant, width: customWidth, collapsible, state, mode, }: Input) => EffectiveWidths;
 
-type Props$i = {
+type Props$j = {
     defaultMode?: SidebarMode;
     mode?: SidebarMode;
     onModeChange?: (state: SidebarMode) => void;
 };
-declare const useSidebarState: ({ defaultMode, mode: modeProp, onModeChange }: Props$i) => {
+declare const useSidebarState: ({ defaultMode, mode: modeProp, onModeChange }: Props$j) => {
     isHovered: boolean;
     toggle: () => void;
     setMode: (dispatch: Parameters<react.Dispatch<react.SetStateAction<"expanded" | "collapsed" | "expand-on-hover">>>[0]) => void;
@@ -5708,13 +5927,19 @@ type SidebarSideValue = SidebarState & {
     isDragging: boolean;
     setIsDragging: (dragging: boolean) => void;
 };
+/**
+ * The sidebar if there is one, `null` otherwise — for code that ENHANCES a page when the app shell is
+ * around it (borrowing width, collapsing a panel) and must still render without one, in a test, a
+ * story, or an embedded surface. Anything that genuinely requires a sidebar keeps `useSidebar`.
+ */
+declare const useOptionalSidebar: (side?: SidebarSide) => SidebarSideValue | null;
 declare const useSidebar: (side?: SidebarSide) => SidebarSideValue;
 
 declare const separatorVariants: (props?: ({
     size?: "full" | "1/2" | "3/4" | null | undefined;
     orientation?: "horizontal" | "vertical" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type Props$h = VariantProps<typeof separatorVariants> & Omit<ComponentProps<typeof RSeparator.Root>, 'decorative'> & {
+type Props$i = VariantProps<typeof separatorVariants> & Omit<ComponentProps<typeof RSeparator.Root>, 'decorative'> & {
     /**
      * Optional label rendered centered between two line segments
      * (typical "OR" divider). Implies `orientation="horizontal"`.
@@ -5722,12 +5947,12 @@ type Props$h = VariantProps<typeof separatorVariants> & Omit<ComponentProps<type
      */
     label?: ReactNode;
 };
-declare const Separator: ({ className, orientation, size, label, ...props }: Props$h) => react_jsx_runtime.JSX.Element;
+declare const Separator: ({ className, orientation, size, label, ...props }: Props$i) => react_jsx_runtime.JSX.Element;
 
 declare const navbarClassnames: (props?: ({
     bordered?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type Props$g = ComponentProps<'nav'> & VariantProps<typeof navbarClassnames> & {
+type Props$h = ComponentProps<'nav'> & VariantProps<typeof navbarClassnames> & {
     accent?: 'blue' | 'purple' | 'green' | 'orange';
 };
 /**
@@ -5745,7 +5970,7 @@ type Props$g = ComponentProps<'nav'> & VariantProps<typeof navbarClassnames> & {
  * @see AppShell — pair with `AppShell.Header`; the sidebar rail uses `Sidebar` instead.
  */
 declare const Navbar: {
-    ({ className, accent, bordered, ...rest }: Props$g): react_jsx_runtime.JSX.Element;
+    ({ className, accent, bordered, ...rest }: Props$h): react_jsx_runtime.JSX.Element;
     Header: ({ children, className, ...rest }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => react_jsx_runtime.JSX.Element;
     Footer: ({ children, className, ...rest }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => react_jsx_runtime.JSX.Element;
     Content: ({ children, className }: {
@@ -5773,6 +5998,72 @@ declare const Navbar: {
     }) => react_jsx_runtime.JSX.Element;
 };
 
+declare const DEFAULT_WORKBENCH_BAR_HEIGHT_IN_REM = 2.75;
+declare const DEFAULT_WORKBENCH_PANEL_HEIGHT_IN_PX = 320;
+declare const MIN_WORKBENCH_PANEL_HEIGHT_IN_PX = 120;
+
+/**
+ * Full screen is a mode of the open panel, not a flag beside it — as two booleans the fourth
+ * combination (collapsed *and* full screen) is expressible but meaningless.
+ */
+type WorkbenchState = 'collapsed' | 'expanded' | 'full-screen';
+type WorkbenchActions = {
+    expand: () => void;
+    collapse: () => void;
+    toggleExpanded: () => void;
+    enterFullScreen: () => void;
+    exitFullScreen: () => void;
+    toggleFullScreen: () => void;
+};
+type WorkbenchContextValue = WorkbenchActions & {
+    state: WorkbenchState;
+    setState: Dispatch<SetStateAction<WorkbenchState>>;
+    panelHeight: number;
+    setPanelHeight: Dispatch<SetStateAction<number>>;
+    isResizing: boolean;
+    setIsResizing: (isResizing: boolean) => void;
+};
+/**
+ * The parts sit at arbitrary depth under `<Workbench>` — a trigger lives inside the panel header,
+ * three levels down — so the state travels by context rather than props.
+ */
+declare const useWorkbench: () => WorkbenchContextValue;
+
+type Props$g = {
+    className?: string;
+    children: ReactNode;
+    state?: WorkbenchState;
+    defaultState?: WorkbenchState;
+    onStateChange?: (state: WorkbenchState) => void;
+    barHeight?: number;
+    panelHeight?: number;
+    defaultPanelHeight?: number;
+    onPanelHeightChange?: (panelHeight: number) => void;
+};
+declare const Workbench: {
+    ({ className, children, state: stateProp, defaultState, onStateChange, barHeight, panelHeight: panelHeightProp, defaultPanelHeight, onPanelHeightChange, }: Props$g): react_jsx_runtime.JSX.Element;
+    Bar: {
+        ({ className, children, ...props }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>): react_jsx_runtime.JSX.Element;
+        Start: ({ className, ...props }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => react_jsx_runtime.JSX.Element;
+        Middle: ({ className, ...props }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => react_jsx_runtime.JSX.Element;
+        End: ({ className, ...props }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => react_jsx_runtime.JSX.Element;
+    };
+    BarStart: ({ className, ...props }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => react_jsx_runtime.JSX.Element;
+    BarMiddle: ({ className, ...props }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => react_jsx_runtime.JSX.Element;
+    BarEnd: ({ className, ...props }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => react_jsx_runtime.JSX.Element;
+    Panel: ({ className, children, ...props }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => react_jsx_runtime.JSX.Element;
+    PanelHeader: ({ className, children, ...props }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => react_jsx_runtime.JSX.Element;
+    PanelTitle: ({ className, ...props }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => react_jsx_runtime.JSX.Element;
+    PanelActions: ({ className, asChild, ...props }: react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & {
+        asChild?: boolean;
+    }) => react_jsx_runtime.JSX.Element;
+    PanelContent: ({ className, children, ...props }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => react_jsx_runtime.JSX.Element;
+    Trigger: react.ForwardRefExoticComponent<_radix_ui_react_collapsible.CollapsibleTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+    FullScreenTrigger: ({ asChild, onClick, ...props }: react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & {
+        asChild?: boolean;
+    }) => react_jsx_runtime.JSX.Element;
+};
+
 type Props$f = ComponentProps<'nav'>;
 declare const Breadcrumb: {
     ({ className, ...props }: Props$f): react_jsx_runtime.JSX.Element;
@@ -5792,7 +6083,7 @@ declare const Breadcrumb: {
             open?: boolean;
             defaultOpen?: boolean;
             onOpenChange?: (open: boolean) => void;
-            size?: "medium" | "small" | "large";
+            size?: "small" | "medium" | "large";
             filter?: boolean;
             shouldFilter?: boolean;
             searchValue?: string;
@@ -5888,14 +6179,19 @@ declare const Stepper: {
 
 declare const cardClassnames: (props?: ({
     bordered?: boolean | null | undefined;
-    padding?: "none" | "medium" | "small" | "large" | null | undefined;
+    padding?: "small" | "none" | "medium" | "large" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
 type Props$c = HTMLAttributes<HTMLDivElement> & VariantProps<typeof cardClassnames>;
 declare const Card: {
     ({ children, className, bordered, padding, ...rest }: Props$c): react_jsx_runtime.JSX.Element;
-    Header: ({ children, ...rest }: HTMLAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
-    Content: ({ children, ...rest }: HTMLAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
+    Header: ({ children, className, divider, layout, ...rest }: HTMLAttributes<HTMLDivElement> & {
+        divider?: boolean;
+        layout?: "row" | "inline" | "stack";
+    }) => react_jsx_runtime.JSX.Element;
+    Content: ({ children, className, padded, ...rest }: HTMLAttributes<HTMLDivElement> & {
+        padded?: boolean;
+    }) => react_jsx_runtime.JSX.Element;
     Title: ({ children, className, as: Tag, ...rest }: HTMLAttributes<HTMLHeadingElement> & {
         as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
     }) => react_jsx_runtime.JSX.Element;
@@ -5958,7 +6254,7 @@ declare const Timeline: {
     } & react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & class_variance_authority.VariantProps<(props?: ({
         align?: "end" | "start" | "center" | "baseline" | null | undefined;
     } & class_variance_authority_types.ClassProp) | undefined) => string> & class_variance_authority.VariantProps<(props?: ({
-        variant?: "none" | "label" | "line" | "icon" | null | undefined;
+        variant?: "label" | "none" | "line" | "icon" | null | undefined;
     } & class_variance_authority_types.ClassProp) | undefined) => string>) => react_jsx_runtime.JSX.Element;
 };
 
@@ -5967,8 +6263,8 @@ type Props$9 = {
     tooltip?: ReactNode;
     twoLines?: boolean;
     noTooltip?: boolean;
-    tooltipVariant?: Props$1L['variant'];
-    tooltipPlacement?: Props$1L['placement'];
+    tooltipVariant?: Props$1N['variant'];
+    tooltipPlacement?: Props$1N['placement'];
 } & Omit<ComponentProps<'span'>, 'children'>;
 declare const Truncated: ({ ref, text, tooltip, className, twoLines, noTooltip, tooltipVariant, tooltipPlacement, ...rest }: Props$9) => react_jsx_runtime.JSX.Element;
 
@@ -6013,7 +6309,7 @@ declare const Pagination: {
     } & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & class_variance_authority.VariantProps<(props?: ({
         block?: boolean | null | undefined;
         variant?: "primary" | "secondary" | "inline" | "danger" | "invisible" | "outline" | null | undefined;
-        size?: "medium" | "small" | "large" | "icon-lg" | "icon" | "icon-sm" | "icon-xs" | "icon-2xs" | "icon-3xs" | null | undefined;
+        size?: "small" | "medium" | "large" | "icon-lg" | "icon" | "icon-sm" | "icon-xs" | "icon-2xs" | "icon-3xs" | null | undefined;
     } & class_variance_authority_types.ClassProp) | undefined) => string>, "variant">) => react_jsx_runtime.JSX.Element;
     Previous: ({ children, ...props }: {
         active?: boolean;
@@ -6023,7 +6319,7 @@ declare const Pagination: {
     } & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & class_variance_authority.VariantProps<(props?: ({
         block?: boolean | null | undefined;
         variant?: "primary" | "secondary" | "inline" | "danger" | "invisible" | "outline" | null | undefined;
-        size?: "medium" | "small" | "large" | "icon-lg" | "icon" | "icon-sm" | "icon-xs" | "icon-2xs" | "icon-3xs" | null | undefined;
+        size?: "small" | "medium" | "large" | "icon-lg" | "icon" | "icon-sm" | "icon-xs" | "icon-2xs" | "icon-3xs" | null | undefined;
     } & class_variance_authority_types.ClassProp) | undefined) => string>, "variant">) => react_jsx_runtime.JSX.Element;
     Next: ({ children, className, ...props }: {
         active?: boolean;
@@ -6033,7 +6329,7 @@ declare const Pagination: {
     } & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & class_variance_authority.VariantProps<(props?: ({
         block?: boolean | null | undefined;
         variant?: "primary" | "secondary" | "inline" | "danger" | "invisible" | "outline" | null | undefined;
-        size?: "medium" | "small" | "large" | "icon-lg" | "icon" | "icon-sm" | "icon-xs" | "icon-2xs" | "icon-3xs" | null | undefined;
+        size?: "small" | "medium" | "large" | "icon-lg" | "icon" | "icon-sm" | "icon-xs" | "icon-2xs" | "icon-3xs" | null | undefined;
     } & 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;
 };
@@ -6293,14 +6589,14 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_react_form.Form
         translate?: "yes" | "no" | undefined | undefined;
         color?: string | 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;
+        id?: string | undefined | undefined;
+        name?: string | undefined | undefined;
+        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
+        variant?: "primary" | "secondary" | null | undefined;
         pattern?: string | undefined | undefined;
         ref?: react.Ref<HTMLInputElement> | undefined;
         key?: react.Key | null | undefined;
@@ -6601,7 +6897,7 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_react_form.Form
         readOnly?: boolean | undefined | undefined;
         required?: boolean | undefined | undefined;
         onValueBlur?: ((value: string) => void) | undefined;
-        sizing?: "medium" | "small" | "default" | null | undefined;
+        sizing?: "small" | "medium" | "default" | null | undefined;
         focusVariant?: "off" | "on" | "default" | null | undefined;
         rightSuffix?: react.ReactNode;
         rightSuffixVariant?: "addon" | "default" | undefined;
@@ -6616,14 +6912,14 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_react_form.Form
         translate?: "yes" | "no" | undefined | undefined;
         color?: string | 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;
+        id?: string | undefined | undefined;
+        name?: string | undefined | undefined;
+        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
+        variant?: "primary" | "secondary" | null | undefined;
         pattern?: string | undefined | undefined;
         ref?: react.Ref<HTMLInputElement> | undefined;
         key?: react.Key | null | undefined;
@@ -6925,14 +7221,14 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_react_form.Form
         readOnly?: boolean | undefined | undefined;
         required?: boolean | undefined | undefined;
         onValueBlur?: ((value: number | null) => void) | undefined;
-        sizing?: "medium" | "small" | "default" | null | undefined;
+        sizing?: "small" | "medium" | "default" | null | undefined;
         focusVariant?: "off" | "on" | "default" | null | undefined;
         suffix?: react.ReactNode;
     }, "id" | "name" | "onBlur" | "value" | "onValueChange">) => react_jsx_runtime.JSX.Element;
     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;
+        sizing?: "small" | "medium" | "default" | null | undefined;
         focusVariant?: "off" | "on" | "default" | null | undefined;
     } & {
         content?: string | undefined | undefined;
@@ -6940,13 +7236,13 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_react_form.Form
         translate?: "yes" | "no" | undefined | undefined;
         color?: string | undefined | undefined;
         prefix?: string | undefined | undefined;
-        id?: string | undefined | undefined;
-        name?: string | undefined | undefined;
-        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
         form?: string | undefined | undefined;
         slot?: string | undefined | undefined;
         style?: react.CSSProperties | undefined;
         title?: string | undefined | undefined;
+        id?: string | undefined | undefined;
+        name?: string | undefined | undefined;
+        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
         pattern?: string | undefined | undefined;
         ref?: react.Ref<HTMLInputElement> | undefined;
         key?: react.Key | null | undefined;
@@ -7260,16 +7556,16 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_react_form.Form
         wrap?: string | undefined | undefined;
         color?: string | undefined | undefined;
         prefix?: string | undefined | undefined;
-        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?: (Omit<react.CSSProperties, "minHeight" | "maxHeight"> & {
             height?: number;
         }) | undefined;
         title?: string | undefined | undefined;
+        id?: string | undefined | undefined;
+        name?: string | undefined | undefined;
+        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
+        variant?: "primary" | "secondary" | null | undefined;
         ref?: react.Ref<HTMLTextAreaElement> | undefined;
         key?: react.Key | null | undefined;
         defaultChecked?: boolean | undefined | undefined;
@@ -7560,20 +7856,16 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_react_form.Form
         cacheMeasurements?: boolean | undefined;
         onValueBlur?: (((value: string) => void) & ((value: string) => void)) | undefined;
         disableResize?: boolean | undefined;
-        sizing?: "medium" | "small" | "default" | null | undefined;
+        sizing?: "small" | "medium" | "default" | null | undefined;
         focusVariant?: "off" | "on" | "default" | null | undefined;
         containerClassName?: string | undefined;
     }, "id" | "name" | "onBlur" | "value" | "onValueChange">) => react_jsx_runtime.JSX.Element;
-    readonly SelectField: ({ label, 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?: ({
+    readonly SelectField: ({ label, action, required, requiredMark, help, tooltip, className, "aria-describedby": ariaDescribedBy, triggerClassName, ...selectProps }: FieldItemProps & Omit<Pick<SelectRootProps, "form" | "name" | "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;
+        sizing?: "small" | "medium" | "default" | null | undefined;
         state?: "warning" | "default" | "error" | null | undefined;
     } & class_variance_authority_types.ClassProp) | undefined) => string>, "variant"> & {
-        variant?: Exclude<class_variance_authority.VariantProps<(props?: ({
-            variant?: "primary" | "secondary" | "argo" | null | undefined;
-            sizing?: "medium" | "small" | "default" | null | undefined;
-            state?: "warning" | "default" | "error" | null | undefined;
-        } & class_variance_authority_types.ClassProp) | undefined) => string>["variant"], "argo"> | "inline";
+        variant?: Exclude<class_variance_authority.VariantProps<typeof overlayTriggerVariants>["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"> & {
@@ -7585,8 +7877,8 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_react_form.Form
         description?: react.ReactNode;
         variant?: class_variance_authority.VariantProps<typeof fieldBoxVariants>["variant"];
         position?: "start" | "end";
-        tooltip?: Props$1L["tooltip"];
-        tooltipPlacement?: Props$1L["placement"];
+        tooltip?: Props$1N["tooltip"];
+        tooltipPlacement?: Props$1N["placement"];
     } & Omit<_radix_ui_react_checkbox.CheckboxProps & react.RefAttributes<HTMLButtonElement>, "id">, "checked" | "onCheckedChange"> & {
         checked?: _radix_ui_react_checkbox.CheckedState;
         onCheckedChange?: (checked: _radix_ui_react_checkbox.CheckedState) => void;
@@ -7599,7 +7891,7 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_react_form.Form
         position?: "start" | "end";
     } & Omit<_radix_ui_react_switch.SwitchProps & react.RefAttributes<HTMLButtonElement>, "id" | "asChild"> & Omit<class_variance_authority.VariantProps<(props?: ({
         variant?: "default" | "argo" | null | undefined;
-        size?: "medium" | "small" | "large" | null | undefined;
+        size?: "small" | "medium" | "large" | null | undefined;
     } & 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;
 }, {
@@ -7614,7 +7906,7 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_react_form.Form
     } & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & class_variance_authority.VariantProps<(props?: ({
         block?: boolean | null | undefined;
         variant?: "primary" | "secondary" | "inline" | "danger" | "invisible" | "outline" | null | undefined;
-        size?: "medium" | "small" | "large" | "icon-lg" | "icon" | "icon-sm" | "icon-xs" | "icon-2xs" | "icon-3xs" | null | undefined;
+        size?: "small" | "medium" | "large" | "icon-lg" | "icon" | "icon-sm" | "icon-xs" | "icon-2xs" | "icon-3xs" | null | undefined;
     } & class_variance_authority_types.ClassProp) | undefined) => string>, "disabled" | "type" | "isLoading">) => react_jsx_runtime.JSX.Element;
     readonly SubmitErrorAlert: () => react_jsx_runtime.JSX.Element;
 }>;
@@ -7625,14 +7917,14 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
         translate?: "yes" | "no" | undefined | undefined;
         color?: string | 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;
+        id?: string | undefined | undefined;
+        name?: string | undefined | undefined;
+        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
+        variant?: "primary" | "secondary" | null | undefined;
         pattern?: string | undefined | undefined;
         ref?: react.Ref<HTMLInputElement> | undefined;
         key?: react.Key | null | undefined;
@@ -7933,7 +8225,7 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
         readOnly?: boolean | undefined | undefined;
         required?: boolean | undefined | undefined;
         onValueBlur?: ((value: string) => void) | undefined;
-        sizing?: "medium" | "small" | "default" | null | undefined;
+        sizing?: "small" | "medium" | "default" | null | undefined;
         focusVariant?: "off" | "on" | "default" | null | undefined;
         rightSuffix?: react.ReactNode;
         rightSuffixVariant?: "addon" | "default" | undefined;
@@ -7948,14 +8240,14 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
         translate?: "yes" | "no" | undefined | undefined;
         color?: string | 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;
+        id?: string | undefined | undefined;
+        name?: string | undefined | undefined;
+        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
+        variant?: "primary" | "secondary" | null | undefined;
         pattern?: string | undefined | undefined;
         ref?: react.Ref<HTMLInputElement> | undefined;
         key?: react.Key | null | undefined;
@@ -8257,14 +8549,14 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
         readOnly?: boolean | undefined | undefined;
         required?: boolean | undefined | undefined;
         onValueBlur?: ((value: number | null) => void) | undefined;
-        sizing?: "medium" | "small" | "default" | null | undefined;
+        sizing?: "small" | "medium" | "default" | null | undefined;
         focusVariant?: "off" | "on" | "default" | null | undefined;
         suffix?: react.ReactNode;
     }, "id" | "name" | "onBlur" | "value" | "onValueChange">) => react_jsx_runtime.JSX.Element;
     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;
+        sizing?: "small" | "medium" | "default" | null | undefined;
         focusVariant?: "off" | "on" | "default" | null | undefined;
     } & {
         content?: string | undefined | undefined;
@@ -8272,13 +8564,13 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
         translate?: "yes" | "no" | undefined | undefined;
         color?: string | undefined | undefined;
         prefix?: string | undefined | undefined;
-        id?: string | undefined | undefined;
-        name?: string | undefined | undefined;
-        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
         form?: string | undefined | undefined;
         slot?: string | undefined | undefined;
         style?: react.CSSProperties | undefined;
         title?: string | undefined | undefined;
+        id?: string | undefined | undefined;
+        name?: string | undefined | undefined;
+        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
         pattern?: string | undefined | undefined;
         ref?: react.Ref<HTMLInputElement> | undefined;
         key?: react.Key | null | undefined;
@@ -8592,16 +8884,16 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
         wrap?: string | undefined | undefined;
         color?: string | undefined | undefined;
         prefix?: string | undefined | undefined;
-        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?: (Omit<react.CSSProperties, "minHeight" | "maxHeight"> & {
             height?: number;
         }) | undefined;
         title?: string | undefined | undefined;
+        id?: string | undefined | undefined;
+        name?: string | undefined | undefined;
+        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
+        variant?: "primary" | "secondary" | null | undefined;
         ref?: react.Ref<HTMLTextAreaElement> | undefined;
         key?: react.Key | null | undefined;
         defaultChecked?: boolean | undefined | undefined;
@@ -8892,20 +9184,16 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
         cacheMeasurements?: boolean | undefined;
         onValueBlur?: (((value: string) => void) & ((value: string) => void)) | undefined;
         disableResize?: boolean | undefined;
-        sizing?: "medium" | "small" | "default" | null | undefined;
+        sizing?: "small" | "medium" | "default" | null | undefined;
         focusVariant?: "off" | "on" | "default" | null | undefined;
         containerClassName?: string | undefined;
     }, "id" | "name" | "onBlur" | "value" | "onValueChange">) => react_jsx_runtime.JSX.Element;
-    readonly SelectField: ({ label, 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?: ({
+    readonly SelectField: ({ label, action, required, requiredMark, help, tooltip, className, "aria-describedby": ariaDescribedBy, triggerClassName, ...selectProps }: FieldItemProps & Omit<Pick<SelectRootProps, "form" | "name" | "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;
+        sizing?: "small" | "medium" | "default" | null | undefined;
         state?: "warning" | "default" | "error" | null | undefined;
     } & class_variance_authority_types.ClassProp) | undefined) => string>, "variant"> & {
-        variant?: Exclude<class_variance_authority.VariantProps<(props?: ({
-            variant?: "primary" | "secondary" | "argo" | null | undefined;
-            sizing?: "medium" | "small" | "default" | null | undefined;
-            state?: "warning" | "default" | "error" | null | undefined;
-        } & class_variance_authority_types.ClassProp) | undefined) => string>["variant"], "argo"> | "inline";
+        variant?: Exclude<class_variance_authority.VariantProps<typeof overlayTriggerVariants>["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"> & {
@@ -8917,8 +9205,8 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
         description?: react.ReactNode;
         variant?: class_variance_authority.VariantProps<typeof fieldBoxVariants>["variant"];
         position?: "start" | "end";
-        tooltip?: Props$1L["tooltip"];
-        tooltipPlacement?: Props$1L["placement"];
+        tooltip?: Props$1N["tooltip"];
+        tooltipPlacement?: Props$1N["placement"];
     } & Omit<_radix_ui_react_checkbox.CheckboxProps & react.RefAttributes<HTMLButtonElement>, "id">, "checked" | "onCheckedChange"> & {
         checked?: _radix_ui_react_checkbox.CheckedState;
         onCheckedChange?: (checked: _radix_ui_react_checkbox.CheckedState) => void;
@@ -8931,7 +9219,7 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
         position?: "start" | "end";
     } & Omit<_radix_ui_react_switch.SwitchProps & react.RefAttributes<HTMLButtonElement>, "id" | "asChild"> & Omit<class_variance_authority.VariantProps<(props?: ({
         variant?: "default" | "argo" | null | undefined;
-        size?: "medium" | "small" | "large" | null | undefined;
+        size?: "small" | "medium" | "large" | null | undefined;
     } & 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;
 }, {
@@ -8946,7 +9234,7 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
     } & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & class_variance_authority.VariantProps<(props?: ({
         block?: boolean | null | undefined;
         variant?: "primary" | "secondary" | "inline" | "danger" | "invisible" | "outline" | null | undefined;
-        size?: "medium" | "small" | "large" | "icon-lg" | "icon" | "icon-sm" | "icon-xs" | "icon-2xs" | "icon-3xs" | null | undefined;
+        size?: "small" | "medium" | "large" | "icon-lg" | "icon" | "icon-sm" | "icon-xs" | "icon-2xs" | "icon-3xs" | null | undefined;
     } & 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> & {
@@ -8957,14 +9245,14 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
             translate?: "yes" | "no" | undefined | undefined;
             color?: string | 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;
+            id?: string | undefined | undefined;
+            name?: string | undefined | undefined;
+            popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
+            variant?: "primary" | "secondary" | null | undefined;
             pattern?: string | undefined | undefined;
             ref?: react.Ref<HTMLInputElement> | undefined;
             key?: react.Key | null | undefined;
@@ -9265,7 +9553,7 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
             readOnly?: boolean | undefined | undefined;
             required?: boolean | undefined | undefined;
             onValueBlur?: ((value: string) => void) | undefined;
-            sizing?: "medium" | "small" | "default" | null | undefined;
+            sizing?: "small" | "medium" | "default" | null | undefined;
             focusVariant?: "off" | "on" | "default" | null | undefined;
             rightSuffix?: react.ReactNode;
             rightSuffixVariant?: "addon" | "default" | undefined;
@@ -9280,14 +9568,14 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
             translate?: "yes" | "no" | undefined | undefined;
             color?: string | 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;
+            id?: string | undefined | undefined;
+            name?: string | undefined | undefined;
+            popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
+            variant?: "primary" | "secondary" | null | undefined;
             pattern?: string | undefined | undefined;
             ref?: react.Ref<HTMLInputElement> | undefined;
             key?: react.Key | null | undefined;
@@ -9589,14 +9877,14 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
             readOnly?: boolean | undefined | undefined;
             required?: boolean | undefined | undefined;
             onValueBlur?: ((value: number | null) => void) | undefined;
-            sizing?: "medium" | "small" | "default" | null | undefined;
+            sizing?: "small" | "medium" | "default" | null | undefined;
             focusVariant?: "off" | "on" | "default" | null | undefined;
             suffix?: react.ReactNode;
         }, "id" | "name" | "onBlur" | "value" | "onValueChange">) => react_jsx_runtime.JSX.Element;
         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;
+            sizing?: "small" | "medium" | "default" | null | undefined;
             focusVariant?: "off" | "on" | "default" | null | undefined;
         } & {
             content?: string | undefined | undefined;
@@ -9604,13 +9892,13 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
             translate?: "yes" | "no" | undefined | undefined;
             color?: string | undefined | undefined;
             prefix?: string | undefined | undefined;
-            id?: string | undefined | undefined;
-            name?: string | undefined | undefined;
-            popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
             form?: string | undefined | undefined;
             slot?: string | undefined | undefined;
             style?: react.CSSProperties | undefined;
             title?: string | undefined | undefined;
+            id?: string | undefined | undefined;
+            name?: string | undefined | undefined;
+            popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
             pattern?: string | undefined | undefined;
             ref?: react.Ref<HTMLInputElement> | undefined;
             key?: react.Key | null | undefined;
@@ -9924,16 +10212,16 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
             wrap?: string | undefined | undefined;
             color?: string | undefined | undefined;
             prefix?: string | undefined | undefined;
-            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?: (Omit<react.CSSProperties, "minHeight" | "maxHeight"> & {
                 height?: number;
             }) | undefined;
             title?: string | undefined | undefined;
+            id?: string | undefined | undefined;
+            name?: string | undefined | undefined;
+            popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
+            variant?: "primary" | "secondary" | null | undefined;
             ref?: react.Ref<HTMLTextAreaElement> | undefined;
             key?: react.Key | null | undefined;
             defaultChecked?: boolean | undefined | undefined;
@@ -10224,20 +10512,16 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
             cacheMeasurements?: boolean | undefined;
             onValueBlur?: (((value: string) => void) & ((value: string) => void)) | undefined;
             disableResize?: boolean | undefined;
-            sizing?: "medium" | "small" | "default" | null | undefined;
+            sizing?: "small" | "medium" | "default" | null | undefined;
             focusVariant?: "off" | "on" | "default" | null | undefined;
             containerClassName?: string | undefined;
         }, "id" | "name" | "onBlur" | "value" | "onValueChange">) => react_jsx_runtime.JSX.Element;
-        readonly SelectField: ({ label, 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?: ({
+        readonly SelectField: ({ label, action, required, requiredMark, help, tooltip, className, "aria-describedby": ariaDescribedBy, triggerClassName, ...selectProps }: FieldItemProps & Omit<Pick<SelectRootProps, "form" | "name" | "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;
+            sizing?: "small" | "medium" | "default" | null | undefined;
             state?: "warning" | "default" | "error" | null | undefined;
         } & class_variance_authority_types.ClassProp) | undefined) => string>, "variant"> & {
-            variant?: Exclude<class_variance_authority.VariantProps<(props?: ({
-                variant?: "primary" | "secondary" | "argo" | null | undefined;
-                sizing?: "medium" | "small" | "default" | null | undefined;
-                state?: "warning" | "default" | "error" | null | undefined;
-            } & class_variance_authority_types.ClassProp) | undefined) => string>["variant"], "argo"> | "inline";
+            variant?: Exclude<class_variance_authority.VariantProps<typeof overlayTriggerVariants>["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"> & {
@@ -10249,8 +10533,8 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
             description?: react.ReactNode;
             variant?: class_variance_authority.VariantProps<typeof fieldBoxVariants>["variant"];
             position?: "start" | "end";
-            tooltip?: Props$1L["tooltip"];
-            tooltipPlacement?: Props$1L["placement"];
+            tooltip?: Props$1N["tooltip"];
+            tooltipPlacement?: Props$1N["placement"];
         } & Omit<_radix_ui_react_checkbox.CheckboxProps & react.RefAttributes<HTMLButtonElement>, "id">, "checked" | "onCheckedChange"> & {
             checked?: _radix_ui_react_checkbox.CheckedState;
             onCheckedChange?: (checked: _radix_ui_react_checkbox.CheckedState) => void;
@@ -10263,7 +10547,7 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
             position?: "start" | "end";
         } & Omit<_radix_ui_react_switch.SwitchProps & react.RefAttributes<HTMLButtonElement>, "id" | "asChild"> & Omit<class_variance_authority.VariantProps<(props?: ({
             variant?: "default" | "argo" | null | undefined;
-            size?: "medium" | "small" | "large" | null | undefined;
+            size?: "small" | "medium" | "large" | null | undefined;
         } & 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;
     }, {
@@ -10278,7 +10562,7 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
         } & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & class_variance_authority.VariantProps<(props?: ({
             block?: boolean | null | undefined;
             variant?: "primary" | "secondary" | "inline" | "danger" | "invisible" | "outline" | null | undefined;
-            size?: "medium" | "small" | "large" | "icon-lg" | "icon" | "icon-sm" | "icon-xs" | "icon-2xs" | "icon-3xs" | null | undefined;
+            size?: "small" | "medium" | "large" | "icon-lg" | "icon" | "icon-sm" | "icon-xs" | "icon-2xs" | "icon-3xs" | null | undefined;
         } & class_variance_authority_types.ClassProp) | undefined) => string>, "disabled" | "type" | "isLoading">) => react_jsx_runtime.JSX.Element;
         readonly SubmitErrorAlert: () => react_jsx_runtime.JSX.Element;
     }>;
@@ -10435,4 +10719,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$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, useStableCallback, useTargetRect, useTheme, wcagLevel, withForm };
+export { Alert, AlertModal, AnswerSummary, type AnswerItem as AnswerSummaryItem, type Props$P as AnswerSummaryProps, type Variant$5 as AnswerSummaryVariant, AppShell, type AppShellHeaderSpan, 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, DEFAULT_WORKBENCH_BAR_HEIGHT_IN_REM, DEFAULT_WORKBENCH_PANEL_HEIGHT_IN_PX, 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, type FileUploadAccept, type FileUploadRejection, type FileUploadRejectionCode, FormGroup, FullScreenModal, FullScreenModalBody, FullScreenModalHeader, GoogleButton, HelpBlock, HoverCard, InlineStepDetail, type Props$N as InlineStepDetailProps, InlineStepLabel, type Props$M as InlineStepLabelProps, type Variant$3 as InlineStepLabelVariant, InputGroup, Kbd, Label, type LineInformation, Link, MIN_WORKBENCH_PANEL_HEIGHT_IN_PX, 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$1o as Props, Question, type QuestionAnswers, QuestionBlock, type Props$F as QuestionBlockProps, type QuestionOption, type Props$G as QuestionProps, type QuestionStep, RadioGroup, type RadiusSize, ResizableHandle, ResizablePanelGroup, type ResolvedColorScheme, ScrollArea, ScrollBar, Search, SearchForm, SearchInput, SearchInputWithNavigation, SectionNav, type SectionNavGroup, type SectionNavItem, type SectionNavItemRenderProps, 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$1N as TooltipProps, TooltipProvider, type Trigger, Truncated, UsageStats, UsageStatsRing, type UseAutosizeInputOptions, type UseAutosizeInputReturn, type ValidityState, type WordInformation, Workbench, type WorkbenchState, ZoomableSvg, argoVariants, channelsToHex, cn, computeDiffRows, computeLineInformation, contrastRatio, copyToClipboard, hexToChannels, isMac, kbdVariants, keys, mergeRefs, setServerFieldErrors, setSubmitError, svgToPngBlob, tableAriaSort, toSvgFileContent, toast, useAppForm, useArgoDesign, useAutosizeInput, useFileDropTarget, useFileUploadRejections, useMergeDiff, useNotification, useOptionalSidebar, useScrollbarPosition, useSidebar, useStableCallback, useTargetRect, useTheme, useWorkbench, wcagLevel, withForm };