@keboola/design 11.0.1 → 11.2.0

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import { ChangeClassification, DiffChunk, MergeConflict } from "./constants-D6JcsD4_.js";
+import { BrandId, ChangeClassification, ColorScheme, DiffChunk, FieldItemProps, MergeConflict, ResolvedColorScheme, Theme, Tokens } from "./FieldItem-CAPj9lj3.js";
 import { LucideIcon } from "./index-m-kQEWiY.js";
 import { Slot, Slot as Slot$1 } from "@radix-ui/react-slot";
 import * as React$2 from "react";
@@ -27,13 +27,13 @@ import { Root as Root$9, Thumb as Thumb$1 } from "@radix-ui/react-slider";
 import * as SelectPrimitive from "@radix-ui/react-select";
 import { CheckedState, Root as Root$11 } from "@radix-ui/react-checkbox";
 import { Combobox as Combobox$1 } from "@base-ui/react/combobox";
+import { AnyFormApi } from "@tanstack/react-form";
 import { OTPInput, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS, SlotProps as OtpInputRenderSlotProps } from "input-otp";
 import { Root as Root$12 } from "@radix-ui/react-progress";
 import { CollapsibleTrigger, Content as Content$5, Root as Root$13 } from "@radix-ui/react-collapsible";
 import { Action as Action$1, ExternalToast, Toaster as Toaster$1 } from "sonner";
 import { Group as Group$1, Panel as ResizablePanel, PanelImperativeHandle, Separator as Separator$1, useDefaultLayout } from "react-resizable-panels";
 import * as RadixTabs from "@radix-ui/react-tabs";
-import { AnyFormApi } from "@tanstack/react-form";
 //#region src/components/Button/styles.d.ts
 declare const variants$7: (props?: ({
   block?: boolean | null | undefined;
@@ -3875,6 +3875,14 @@ type CreatableProps$1<Value> = {
   allowCreate?: boolean;
   queryToCreateLabel?: (query: string) => ReactNode;
   queryToCreateValue?: (query: string) => Value;
+  /**
+   * Gate on the typed query for `allowCreate`.
+   *
+   * - Returning `false` hides the create row, so the empty state shows instead.
+   * - Only called for a non-empty query that matches no existing item.
+   * - Reach for it when a free-form value has a format (an email address, a URL, an identifier).
+   */
+  canCreate?: (query: string) => boolean;
 };
 type Props$148<Value, GroupShape extends Group$2<Value> = Group$2<Value>> = PublicComboboxInputProps & PublicComboboxProps<Value> & CreatableProps$1<Value> & {
   items?: readonly (Value | GroupShape)[];
@@ -3889,12 +3897,13 @@ type Props$148<Value, GroupShape extends Group$2<Value> = Group$2<Value>> = Publ
    * or `true` to force it. Grouped lists are never virtualized.
    */
   virtualized?: boolean | 'auto';
-  itemToLabel?: (item: Value) => ReactNode;
+  /** `query` is the current search text — pass it to `MarkedText` to highlight the match. */
+  itemToLabel?: (item: Value, query: string) => ReactNode;
   itemToIcon?: (item: Value) => ReactNode;
   itemToDisabled?: (item: Value) => boolean;
   groupToLabel?: (group: GroupShape) => ReactNode;
 };
-declare function Combobox<Value, GroupShape extends Group$2<Value> = Group$2<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$148<Value, GroupShape>): import("react/jsx-runtime").JSX.Element;
+declare function Combobox<Value, GroupShape extends Group$2<Value> = Group$2<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, canCreate, itemToDisabled, itemToLabel, itemToIcon, groupToLabel }: Props$148<Value, GroupShape>): import("react/jsx-runtime").JSX.Element;
 declare namespace Combobox {
   export { ComboboxRoot as Root };
   export { ComboboxInputGroup as InputGroup };
@@ -3928,7 +3937,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$147<Value, GroupShape extends Group$2<Value> = Group$2<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$147<Value, GroupShape extends Group$2<Value> = Group$2<Value>> = Pick<ComboboxInputProps, 'placeholder' | 'id' | 'name' | 'onBlur' | 'aria-describedby' | 'aria-invalid' | 'aria-required'> & 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;
@@ -3952,7 +3961,38 @@ type Props$147<Value, GroupShape extends Group$2<Value> = Group$2<Value>> = Pick
  * @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$2<Value> = Group$2<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$147<Value, GroupShape>) => import("react/jsx-runtime").JSX.Element;
+declare const MultiCombobox: <Value, GroupShape extends Group$2<Value> = Group$2<Value>>({ items: _itemsProp, value: _valueProp, defaultValue, onValueChange, itemToStringLabel, itemToStringValue, disabled, filter: filterProp, inputRef, variant, sizing, focusVariant, state, placeholder, allowClear, id, name, onBlur, 'aria-describedby': ariaDescribedBy, 'aria-invalid': ariaInvalid, 'aria-required': ariaRequired, className, allowSelectAll, empty, indicator, allowCreate, queryToCreateValue, queryToCreateLabel, itemToDisabled, itemToLabel, itemToIcon, groupToLabel, itemToChipLabel, itemToChipColor, maxVisible }: Props$147<Value, GroupShape>) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+//#region src/blocks/Form/connectors/MultiComboboxField.d.ts
+type Props$146 = FieldItemProps & Omit<ComponentProps<typeof MultiCombobox<string>>, 'id' | 'name' | 'value' | 'defaultValue' | 'onValueChange' | 'onBlur' | 'aria-describedby' | 'aria-invalid' | 'aria-required' | 'className' | 'state'> & {
+  inputClassName?: string;
+};
+/**
+ * Multi-selection field. State is `string[]`.
+ *
+ * ⚠️ Imported by name, not reached as `field.MultiComboboxField`, for the same reason as
+ * `CodeEditorField`: `fieldComponents` is an object literal handed to `createFormHook`, so no bundler
+ * shakes it per key — registering this here made every `useAppForm` consumer carry Base UI's combobox
+ * and `@tanstack/react-virtual`, measured at **+45 kB brotlied** (135 → 180 kB for
+ * `import { useAppForm }`), including apps that only render a `TextField`. As a named export the
+ * weight is opt-in, and anyone rendering a multi-select pays it via `MultiCombobox` regardless.
+ *
+ * It still reads the field from context, so it composes exactly like a connector:
+ *
+ * ```tsx
+ * import { MultiComboboxField } from '@keboola/design';
+ *
+ * <form.AppField name="features">{() => <MultiComboboxField label="Features" items={FEATURES} />}</form.AppField>
+ * ```
+ *
+ * Locked to `string` items rather than generic over the item shape: a form value is what gets
+ * submitted, and a field holding `{ label, value }` objects would put presentation into the payload.
+ * Project labels with `itemToLabel` instead.
+ *
+ * Pass `allowCreate` for an enum the user may extend — an open list of synchronous action names, say.
+ * The created values land in the field value like any other.
+ */
+declare const MultiComboboxField: ({ label, action, required, requiredMark, help, tooltip, className, 'aria-describedby': ariaDescribedBy, inputClassName, ...comboboxProps }: Props$146) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/Textarea/Textarea.d.ts
 type InputGroupProps$7 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'sizing' | 'focusVariant' | 'state'>;
@@ -3966,12 +4006,12 @@ type TextareaOwnProps = {
   disableResize?: boolean;
   containerClassName?: string;
 };
-type Props$146 = InputGroupProps$7 & TextareaNativeProps & TextareaOwnProps;
+type Props$145 = 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$146) => import("react/jsx-runtime").JSX.Element;
+declare const Textarea: ({ ref, containerClassName, state, variant, sizing, focusVariant, value: valueProp, defaultValue, onValueChange, ...rest }: Props$145) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/AutoSaveTextarea/AutoSaveTextarea.d.ts
 type AutoSaveTextareaProps = {
@@ -3986,21 +4026,14 @@ declare const AutoSaveTextarea: ({ savedValue, onSave, placeholder, disabled, gr
 //#region src/blocks/ColorInput/ColorInput.d.ts
 type InputGroupProps$6 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
 type InputGroupInputProps$6 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue'>;
-type Props$145 = InputGroupProps$6 & InputGroupInputProps$6 & {
+type Props$144 = 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$145) => import("react/jsx-runtime").JSX.Element;
-//#endregion
-//#region src/components/ThemeProvider/types.d.ts
-type BrandId = string;
-type ResolvedColorScheme = 'light' | 'dark';
-type ColorScheme = 'system' | ResolvedColorScheme;
-type Tokens = Record<string, string>;
-type Theme = Pick<Brand$1, 'id' | 'name' | 'shell' | 'logo'>;
+declare const ColorInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, onValueChange, onValueBlur, onChange, onBlur, defaultValue, allowClear, disabled, readOnly, ...restInputProps }: Props$144) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/ThemeProvider/useBrandState.d.ts
 type UseBrandOptions = {
@@ -4032,12 +4065,12 @@ declare const useColorSchemeState: ({ defaultScheme, scheme: propScheme, onSchem
 };
 //#endregion
 //#region src/components/ThemeProvider/ThemeProvider.d.ts
-type Props$144 = UseColorSchemeOptions & UseBrandOptions & {
+type Props$143 = UseColorSchemeOptions & UseBrandOptions & {
   /** Brands this provider knows about; the active brand id resolves against these. */
   brands?: readonly Brand$1[];
   children: ReactNode;
 };
-declare const ThemeProvider: ({ defaultScheme, scheme, onSchemeChange, defaultBrandId, brandId, onBrandIdChange, brands, children }: Props$144) => import("react/jsx-runtime").JSX.Element;
+declare const ThemeProvider: ({ defaultScheme, scheme, onSchemeChange, defaultBrandId, brandId, onBrandIdChange, brands, children }: Props$143) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/ThemeProvider/context.d.ts
 type ThemeContextValue = ReturnType<typeof useColorSchemeState> & ReturnType<typeof useBrandState> & {
@@ -4064,7 +4097,7 @@ declare const DEFAULT_COLOR_SCHEME: ResolvedColorScheme;
 declare const DEFAULT_BRAND_ID = "design-system";
 //#endregion
 //#region src/blocks/ColorModeSwitch/ColorModeSwitch.d.ts
-type Props$143 = {
+type Props$142 = {
   /** The active color scheme. Controlled — pair with `onValueChange`. */
   value: ColorScheme;
   /** Called with the chosen scheme when the user picks a menu item. */
@@ -4089,12 +4122,12 @@ type Props$143 = {
  * 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$143) => import("react/jsx-runtime").JSX.Element;
+declare const ColorModeSwitch: ({ value, onValueChange, size, className }: Props$142) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/DateInput/DateInput.d.ts
 type InputGroupProps$5 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
 type InputGroupInputProps$5 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type'>;
-type Props$142 = InputGroupProps$5 & InputGroupInputProps$5 & {
+type Props$141 = InputGroupProps$5 & InputGroupInputProps$5 & {
   value?: Date | null;
   defaultValue?: Date | null;
   onValueChange?: (value: Date | null) => void;
@@ -4104,12 +4137,12 @@ type Props$142 = 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$142) => import("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$141) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/NumberInput/NumberInput.d.ts
 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$141 = InputGroupProps$4 & InputGroupInputProps$4 & {
+type Props$140 = InputGroupProps$4 & InputGroupInputProps$4 & {
   value?: number | null;
   defaultValue?: number | null;
   onValueChange?: (value: number | null) => void;
@@ -4117,12 +4150,12 @@ type Props$141 = 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$141) => import("react/jsx-runtime").JSX.Element;
+declare const NumberInput: ({ ref, state, variant, focusVariant, sizing, className, value, defaultValue, onValueChange, onValueBlur, onChange, onBlur, prefix, suffix, ...inputProps }: Props$140) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/PasswordInput/PasswordInput.d.ts
 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$140 = InputGroupProps$3 & InputGroupInputProps$3 & {
+type Props$139 = InputGroupProps$3 & InputGroupInputProps$3 & {
   value?: string | null;
   defaultValue?: string | null;
   onValueChange?: (value: string) => void;
@@ -4139,24 +4172,24 @@ type Props$140 = 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$140) => import("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$139) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/TimeInput/TimeInput.d.ts
 type InputGroupProps$2 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
 type InputGroupInputProps$2 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type'>;
-type Props$139 = InputGroupProps$2 & InputGroupInputProps$2 & {
+type Props$138 = 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$139) => import("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$138) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/DateRangeInput/DateRangeInput.d.ts
 type InputGroupProps$1 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
 type InputGroupInputProps$1 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type'>;
-type Props$138 = InputGroupProps$1 & InputGroupInputProps$1 & {
+type Props$137 = InputGroupProps$1 & InputGroupInputProps$1 & {
   value?: DateRange$1 | null;
   defaultValue?: DateRange$1 | null;
   onValueChange?: (value: DateRange$1 | null) => void;
@@ -4165,7 +4198,7 @@ type Props$138 = 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$138) => import("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$137) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/OtpInput/OtpInputGroup.d.ts
 type GroupProps = ComponentProps<'div'>;
@@ -4216,7 +4249,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$137 = InputGroupProps & InputGroupInputProps & {
+type Props$136 = 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`. */
@@ -4245,7 +4278,7 @@ type Props$137 = 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$137) => import("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$136) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/SearchInputWithNavigation/SearchInputWithNavigation.d.ts
 type SearchInputWithNavigationProps = {
@@ -4365,7 +4398,7 @@ declare const useFileDropTarget: ({ accept, maxSize, maxFiles, multiple, disable
 declare const useFileUploadRejections: () => FileUploadRejection[];
 //#endregion
 //#region src/components/FileUpload/FileUploadDropZone.d.ts
-type Props$136 = {
+type Props$135 = {
   /** Override the default copy / icon block. */
   children?: ReactNode;
   /** `id` for the underlying file input, so an external `<Label htmlFor>` can address it. */
@@ -4375,10 +4408,10 @@ type Props$136 = {
  * Drop-zone target. Defaults to "Drag files here or click to browse" + Upload icon.
  * Pass `children` to fully replace the inner block.
  */
-declare const FileUploadDropZone: ({ children, inputId, className, ...rest }: Props$136) => import("react/jsx-runtime").JSX.Element;
+declare const FileUploadDropZone: ({ children, inputId, className, ...rest }: Props$135) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/FileUpload/FileUploadFileList.d.ts
-type Props$135 = {
+type Props$134 = {
   files: File[];
   onRemove?: (file: File, index: number) => void;
   /**
@@ -4391,7 +4424,7 @@ type Props$135 = {
  * Selected-files list. Caller owns the `files` array — pass it back into the list and handle
  * removal via `onRemove`.
  */
-declare const FileUploadFileList: ({ files, onRemove, invalid, className, ...rest }: Props$135) => import("react/jsx-runtime").JSX.Element | null;
+declare const FileUploadFileList: ({ files, onRemove, invalid, className, ...rest }: Props$134) => import("react/jsx-runtime").JSX.Element | null;
 //#endregion
 //#region src/components/FileUpload/FileUpload.d.ts
 /**
@@ -4399,7 +4432,7 @@ declare const FileUploadFileList: ({ files, onRemove, invalid, className, ...res
  * 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$134 = Omit<FileDropTargetOptions, 'noClick' | 'noKeyboard'> & {
+type Props$133 = Omit<FileDropTargetOptions, 'noClick' | 'noKeyboard'> & {
   /** Storybook-only: force a visual state without simulating real drag events. */
   forcedState?: 'idle' | 'dragging' | 'error';
   children: ReactNode;
@@ -4418,18 +4451,18 @@ type Props$134 = Omit<FileDropTargetOptions, 'noClick' | 'noKeyboard'> & {
  * for the selected-files list. The caller stores the `File[]` and renders it back into `FileList`.
  * Rejection copy is the caller's — read it with `useFileUploadRejections()`.
  */
-declare const FileUploadInner: ({ accept, maxSize, maxFiles, multiple, disabled, onFilesChange, onFilesRejected, forcedState, children, className, ...rest }: Props$134) => import("react/jsx-runtime").JSX.Element;
+declare const FileUploadInner: ({ accept, maxSize, maxFiles, multiple, disabled, onFilesChange, onFilesRejected, forcedState, children, className, ...rest }: Props$133) => import("react/jsx-runtime").JSX.Element;
 declare const FileUpload: typeof FileUploadInner & {
   DropZone: typeof FileUploadDropZone;
   FileList: typeof FileUploadFileList;
 };
 //#endregion
 //#region src/blocks/FormGroup/FormGroupColorInput.d.ts
-type Props$133 = Omit<ComponentProps<typeof ColorInput>, 'state'>;
-declare const FormGroupColorInput: ({ ref, ...props }: Props$133) => import("react/jsx-runtime").JSX.Element;
+type Props$132 = Omit<ComponentProps<typeof ColorInput>, 'state'>;
+declare const FormGroupColorInput: ({ ref, ...props }: Props$132) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/FormGroup/FormGroupError.d.ts
-type Props$132 = ComponentPropsWithRef<'div'> & {
+type Props$131 = ComponentPropsWithRef<'div'> & {
   /**
    * Field validation errors. TanStack Form errors are strings (function validators) or
    * `{ message }` objects (Standard Schema / zod). A single message renders inline; several
@@ -4445,30 +4478,30 @@ type Props$132 = ComponentPropsWithRef<'div'> & {
  * field (e.g. surfaced on submit). Renders a `<div>` (not `<p>`) so multiple errors can render
  * as a `<ul>`.
  */
-declare const FormGroupError: ({ children, className, errors, ...rest }: Props$132) => import("react/jsx-runtime").JSX.Element | null;
+declare const FormGroupError: ({ children, className, errors, ...rest }: Props$131) => import("react/jsx-runtime").JSX.Element | null;
 //#endregion
 //#region src/components/HelpBlock/HelpBlock.d.ts
 declare const helpVariants: (props?: ({
   state?: "default" | "warning" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-type Props$131 = ComponentPropsWithRef<'p'> & VariantProps<typeof helpVariants>;
-declare const HelpBlock: ({ children, className, state, ...rest }: Props$131) => import("react/jsx-runtime").JSX.Element | null;
+type Props$130 = ComponentPropsWithRef<'p'> & VariantProps<typeof helpVariants>;
+declare const HelpBlock: ({ children, className, state, ...rest }: Props$130) => import("react/jsx-runtime").JSX.Element | null;
 //#endregion
 //#region src/blocks/FormGroup/FormGroupHelp.d.ts
-type Props$130 = Omit<ComponentProps<typeof HelpBlock>, 'state'>;
-declare const FormGroupHelp: ({ children, ...rest }: Props$130) => import("react/jsx-runtime").JSX.Element;
+type Props$129 = Omit<ComponentProps<typeof HelpBlock>, 'state'>;
+declare const FormGroupHelp: ({ children, ...rest }: Props$129) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/FormGroup/FormGroupNumberInput.d.ts
-type Props$129 = Omit<ComponentProps<typeof NumberInput>, 'state'>;
-declare const FormGroupNumberInput: ({ ref, ...props }: Props$129) => import("react/jsx-runtime").JSX.Element;
+type Props$128 = Omit<ComponentProps<typeof NumberInput>, 'state'>;
+declare const FormGroupNumberInput: ({ ref, ...props }: Props$128) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/FormGroup/FormGroupTextarea.d.ts
-type Props$128 = Omit<ComponentProps<typeof Textarea>, 'state'>;
-declare const FormGroupTextarea: (props: Props$128) => import("react/jsx-runtime").JSX.Element;
+type Props$127 = Omit<ComponentProps<typeof Textarea>, 'state'>;
+declare const FormGroupTextarea: (props: Props$127) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/FormGroup/FormGroupTextInput.d.ts
-type Props$127 = Omit<ComponentProps<typeof TextInput>, 'state'>;
-declare const FormGroupTextInput: ({ ref, ...props }: Props$127) => import("react/jsx-runtime").JSX.Element;
+type Props$126 = Omit<ComponentProps<typeof TextInput>, 'state'>;
+declare const FormGroupTextInput: ({ ref, ...props }: Props$126) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/FormGroup/types.d.ts
 type ValidityState = 'default' | 'error' | 'warning';
@@ -4508,13 +4541,13 @@ declare const AnswerSummary: ({ items, variant, noAnswerLabel }: Props) => impor
 //#endregion
 //#region src/blocks/AIKit/CollapsibleStepHeader.d.ts
 type Variant$5 = 'success' | 'error' | 'processing' | 'dismissed';
-type Props$126 = {
+type Props$125 = {
   isExpanded: boolean;
   onToggle: () => void;
   label: ReactNode;
   variant?: Variant$5;
 };
-declare const CollapsibleStepHeader: ({ isExpanded, onToggle, label, variant }: Props$126) => import("react/jsx-runtime").JSX.Element;
+declare const CollapsibleStepHeader: ({ isExpanded, onToggle, label, variant }: Props$125) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/AIKit/InlineStepDetail.d.ts
 type Props$1 = {
@@ -4531,7 +4564,7 @@ type Props$2 = {
 declare const InlineStepLabel: ({ variant, children }: Props$2) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/AIKit/Markdown.d.ts
-type Props$125 = {
+type Props$124 = {
   /** 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. */
@@ -4543,10 +4576,10 @@ type Props$125 = {
  * `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$125) => import("react/jsx-runtime").JSX.Element;
+declare const Markdown: ({ children, className }: Props$124) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Avatar.d.ts
-type Props$124 = {
+type Props$123 = {
   user?: {
     name: string | undefined;
     email: string | undefined;
@@ -4556,16 +4589,16 @@ type Props$124 = {
   size?: number;
   variant?: 'circle' | 'rounded';
 } & ComponentProps<'span'>;
-declare const Avatar: ({ ref, user, fallback, size, className, variant, ...props }: Props$124) => import("react/jsx-runtime").JSX.Element;
+declare const Avatar: ({ ref, user, fallback, size, className, variant, ...props }: Props$123) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/AIKit/MessageBubble.d.ts
-type Props$123 = {
+type Props$122 = {
   variant: 'user' | 'assistant';
   user?: ComponentProps<typeof Avatar>['user'];
   actions?: ReactNode;
   createdAt?: string;
 } & PropsWithChildren;
-declare const MessageBubble: ({ variant, children, user, actions, createdAt }: Props$123) => import("react/jsx-runtime").JSX.Element;
+declare const MessageBubble: ({ variant, children, user, actions, createdAt }: Props$122) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/AIKit/PlanApproval.d.ts
 type PlanApprovalStatus = 'pending' | 'approved' | 'dismissed' | 'changes-requested';
@@ -4609,8 +4642,8 @@ type PlanRewritingIndicatorProps = {
 declare const PlanRewritingIndicator: ({ label }: PlanRewritingIndicatorProps) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/AIKit/PromptInputAction.d.ts
-type Props$122 = ComponentProps<'button'>;
-declare const PromptInputAction: ({ ref, onMouseDown, ...rest }: Props$122) => import("react/jsx-runtime").JSX.Element;
+type Props$121 = ComponentProps<'button'>;
+declare const PromptInputAction: ({ ref, onMouseDown, ...rest }: Props$121) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/AIKit/PromptInputCommands.d.ts
 type PromptCommand = {
@@ -4623,16 +4656,16 @@ type PromptCommand = {
 //#endregion
 //#region src/blocks/AIKit/PromptInputSubmit.d.ts
 type SubmitStatus = 'submitted' | 'ready' | 'streaming' | 'interrupted';
-type Props$121 = Pick<ComponentProps<typeof Button>, 'disabled' | 'ref'> & {
+type Props$120 = Pick<ComponentProps<typeof Button>, 'disabled' | 'ref'> & {
   status?: SubmitStatus;
 };
-declare const PromptInputSubmit: ({ ref, disabled, status }: Props$121) => import("react/jsx-runtime").JSX.Element;
+declare const PromptInputSubmit: ({ ref, disabled, status }: Props$120) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/AIKit/PromptInput.d.ts
 declare const promptInputVariants: (props?: ({
   variant?: "default" | "inline" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-type Props$120 = {
+type Props$119 = {
   onSend?: (value: string) => void;
   onAbort?: () => void;
   onContinue?: () => void;
@@ -4645,7 +4678,7 @@ type Props$120 = {
   disableSubmit?: boolean;
   commands?: PromptCommand[];
 } & VariantProps<typeof promptInputVariants> & Pick<ComponentProps<typeof TextareaAutosize>, 'placeholder' | 'minRows' | 'maxRows' | 'disabled' | 'defaultValue' | 'autoFocus'> & ComponentProps<typeof PromptInputSubmit>;
-declare function PromptInput({ onSend, onAbort, onContinue, prefix, variant, suffix, disabled, disableSubmit, value, onValueChange, status, maxRows, minRows, commands, ...textareaProps }: Props$120): import("react/jsx-runtime").JSX.Element;
+declare function PromptInput({ onSend, onAbort, onContinue, prefix, variant, suffix, disabled, disableSubmit, value, onValueChange, status, maxRows, minRows, commands, ...textareaProps }: Props$119): import("react/jsx-runtime").JSX.Element;
 declare namespace PromptInput {
   export { PromptInputAction as Action };
 }
@@ -4706,14 +4739,14 @@ type Props$4 = {
 declare const QuestionBlock: ({ steps, showSkip, onSubmit, onClose, renderPreview, className }: Props$4) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/AIKit/SuggestedPrompt.d.ts
-type Props$119 = {
+type Props$118 = {
   label: string;
   disabled?: boolean;
   onClick: () => void;
   icon?: ReactNode;
   className?: string;
 };
-declare const SuggestedPrompt: ({ label, disabled, onClick, icon, className }: Props$119) => import("react/jsx-runtime").JSX.Element;
+declare const SuggestedPrompt: ({ label, disabled, onClick, icon, className }: Props$118) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/AIKit/ThinkingIndicator.d.ts
 type ThinkingIndicatorProps = {
@@ -4776,7 +4809,7 @@ type ToolCallChipProps = {
 declare const ToolCallChip: ({ label, state, icon, trailing, onClick, className }: ToolCallChipProps) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/AIKit/UsageStats.d.ts
-type Props$118 = {
+type Props$117 = {
   value: number;
   alert?: boolean;
   children: ReactNode;
@@ -4790,23 +4823,23 @@ type Props$118 = {
   side?: ComponentProps<typeof HoverCard.Content>['side'];
   sideOffset?: ComponentProps<typeof HoverCard.Content>['sideOffset'];
 };
-declare const UsageStats: ({ value, alert, children, className, ariaLabel, align, side, sideOffset }: Props$118) => import("react/jsx-runtime").JSX.Element;
+declare const UsageStats: ({ value, alert, children, className, ariaLabel, align, side, sideOffset }: Props$117) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/AIKit/UsageStatsRing.d.ts
-type Props$117 = {
+type Props$116 = {
   value: number;
   size?: number;
   strokeWidth?: number;
   className?: string;
 };
-declare const UsageStatsRing: ({ value, size, strokeWidth, className }: Props$117) => import("react/jsx-runtime").JSX.Element;
+declare const UsageStatsRing: ({ value, size, strokeWidth, className }: Props$116) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Collapsible/CollapsibleContent.d.ts
-type Props$116 = ComponentProps<typeof Content$5>;
-declare const CollapsibleContent: ({ ref, className, children, ...props }: Props$116) => import("react/jsx-runtime").JSX.Element;
+type Props$115 = ComponentProps<typeof Content$5>;
+declare const CollapsibleContent: ({ ref, className, children, ...props }: Props$115) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Collapsible/CollapsibleTrigger.d.ts
-type Props$115 = ComponentProps<typeof CollapsibleTrigger>;
+type Props$114 = ComponentProps<typeof CollapsibleTrigger>;
 /**
  * A `Collapsible` toggle.
  *
@@ -4814,11 +4847,11 @@ type Props$115 = ComponentProps<typeof CollapsibleTrigger>;
  *   reset is opt-in, so without it a host app without a global reset gets UA button chrome.
  * - Under `asChild` the class lands on a design component that already declares it — harmless.
  */
-declare const CollapsibleTrigger$1: ({ ref, className, children, ...props }: Props$115) => import("react/jsx-runtime").JSX.Element;
+declare const CollapsibleTrigger$1: ({ ref, className, children, ...props }: Props$114) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Collapsible/Collapsible.d.ts
-type Props$114 = ComponentProps<typeof Root$13>;
-declare function Collapsible(props: Props$114): import("react/jsx-runtime").JSX.Element;
+type Props$113 = ComponentProps<typeof Root$13>;
+declare function Collapsible(props: Props$113): import("react/jsx-runtime").JSX.Element;
 declare namespace Collapsible {
   export { CollapsibleTrigger$1 as Trigger };
   export { CollapsibleContent as Content };
@@ -4826,10 +4859,10 @@ declare namespace Collapsible {
 //#endregion
 //#region src/components/Alert/AlertRoot.d.ts
 type Variant$4 = 'info' | 'warning' | 'error' | 'success';
-type Props$113 = {
+type Props$112 = {
   variant?: Variant$4;
 } & ComponentProps<'div'>;
-declare const AlertRoot: ({ ref, children, className, variant, ...rest }: Props$113) => import("react/jsx-runtime").JSX.Element;
+declare const AlertRoot: ({ ref, children, className, variant, ...rest }: Props$112) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Alert/Alert.d.ts
 type CommonProps = {
@@ -4853,7 +4886,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$112 = CommonProps & (CollapsibleProps | DefaultProps);
+type Props$111 = CommonProps & (CollapsibleProps | DefaultProps);
 /**
  * Persistent inline banner for contextual messages tied to the page layout.
  *
@@ -4867,14 +4900,14 @@ type Props$112 = 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$112) => import("react/jsx-runtime").JSX.Element;
+declare const Alert: ({ title, variant, children, hideIcon, icon, className, actions, mode, defaultOpen, open: openProp, onOpenChange: onOpenChangeProp, ...rest }: Props$111) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Toast/ToastRoot.d.ts
 declare const variants$4: (props?: ({
   variant?: "default" | "error" | "info" | "success" | "warning" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type Variants = VariantProps<typeof variants$4>;
-type Props$111 = {
+type Props$110 = {
   id: string | number;
   title: ReactNode;
   icon?: ReactNode;
@@ -4883,7 +4916,7 @@ type Props$111 = {
   loading?: boolean;
   duration?: number;
 } & Variants;
-declare const ToastRoot: ({ id, title, description, action, duration, variant, loading, icon: iconProp }: Props$111) => import("react/jsx-runtime").JSX.Element;
+declare const ToastRoot: ({ id, title, description, action, duration, variant, loading, icon: iconProp }: Props$110) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Toast/toast.d.ts
 type ToastProps = ComponentProps<typeof ToastRoot>;
@@ -4906,7 +4939,7 @@ declare namespace toast {
 }
 //#endregion
 //#region src/components/Toast/useNotification.d.ts
-type Props$110 = {
+type Props$109 = {
   enabled?: boolean;
 } & Parameters<typeof toast>[0];
 /**
@@ -4919,25 +4952,25 @@ type Props$110 = {
  * 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$110) => void;
+declare const useNotification: ({ enabled, ...toastOptions }: Props$109) => void;
 //#endregion
 //#region src/components/Toast/Toaster.d.ts
 type ToasterProps = ComponentProps<typeof Toaster$1>;
 declare const Toaster: ({ gap, visibleToasts, ...props }: ToasterProps) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/EmptySearchContent.d.ts
-type Props$109 = {
+type Props$108 = {
   children?: ReactNode;
 };
-declare const EmptySearchContent: ({ children }: Props$109) => import("react/jsx-runtime").JSX.Element;
+declare const EmptySearchContent: ({ children }: Props$108) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/EmptyConfigurationActionCard/EmptyConfigurationActionCard.d.ts
-type Props$108 = {
+type Props$107 = {
   title: string;
   children: ReactNode;
   className?: string;
 };
-declare const EmptyConfigurationActionCard: ({ title, children, className }: Props$108) => import("react/jsx-runtime").JSX.Element;
+declare const EmptyConfigurationActionCard: ({ title, children, className }: Props$107) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/EmptyState/EmptyState.d.ts
 declare const emptyStateClassnames: (props?: ({
@@ -5087,11 +5120,11 @@ declare const variants$3: (props?: ({
   variant?: "default" | "success" | null | undefined;
   size?: "lg" | "sm" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-type Props$107 = ComponentProps<typeof Root$12> & VariantProps<typeof variants$3>;
-declare const Progress: ({ ref, className, value, variant, size, ...props }: Props$107) => import("react/jsx-runtime").JSX.Element;
+type Props$106 = ComponentProps<typeof Root$12> & VariantProps<typeof variants$3>;
+declare const Progress: ({ ref, className, value, variant, size, ...props }: Props$106) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/CollapsiblePanel.d.ts
-type Props$106 = {
+type Props$105 = {
   header: ReactNode;
   isDisabled?: boolean;
   defaultExpanded?: boolean;
@@ -5103,17 +5136,17 @@ type Props$106 = {
   variant?: 'default' | 'white';
   children: ReactNode;
 };
-declare const CollapsiblePanel: ({ header, className, bodyClassName, headerClassName, defaultExpanded, isDisabled, children, isOpen, onToggle, variant }: Props$106) => import("react/jsx-runtime").JSX.Element;
+declare const CollapsiblePanel: ({ header, className, bodyClassName, headerClassName, defaultExpanded, isDisabled, children, isOpen, onToggle, variant }: Props$105) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/PanelWithDetails.d.ts
-type Props$105 = PropsWithChildren<{
+type Props$104 = PropsWithChildren<{
   defaultExpanded?: boolean;
   labelCollapse?: ReactNode;
   labelOpen?: ReactNode;
   placement?: 'top' | 'bottom';
   className?: string;
 }>;
-declare const PanelWithDetails: ({ defaultExpanded, labelCollapse, labelOpen, placement, children }: Props$105) => import("react/jsx-runtime").JSX.Element;
+declare const PanelWithDetails: ({ defaultExpanded, labelCollapse, labelOpen, placement, children }: Props$104) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/AppShell/types.d.ts
 /**
@@ -5510,7 +5543,7 @@ type SectionNavItemRenderProps = {
 };
 //#endregion
 //#region src/blocks/SectionNav/SectionNav.d.ts
-type Props$104 = {
+type Props$103 = {
   /**
    * 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.
@@ -5562,10 +5595,10 @@ type Props$104 = {
  *
  * @see RECIPES.md#section-nav
  */
-declare const SectionNav: ({ groups, activeId, renderItem, showDescriptions, label, className }: Props$104) => import("react/jsx-runtime").JSX.Element;
+declare const SectionNav: ({ groups, activeId, renderItem, showDescriptions, label, className }: Props$103) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/BrandLogo/BrandLogo.d.ts
-type Props$103 = {
+type Props$102 = {
   /** `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`). */
@@ -5575,7 +5608,7 @@ type Props$103 = {
  * 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$103) => import("react/jsx-runtime").JSX.Element | null;
+declare const BrandLogo: ({ variant, className }: Props$102) => import("react/jsx-runtime").JSX.Element | null;
 //#endregion
 //#region src/components/Resizable/ResizableHandle.d.ts
 declare const ResizableHandle: ({ className, ...props }: ComponentProps<typeof Separator$1>) => import("react/jsx-runtime").JSX.Element;
@@ -5584,13 +5617,13 @@ declare const ResizableHandle: ({ className, ...props }: ComponentProps<typeof S
 declare const ResizablePanelGroup: ({ className, orientation, ...props }: ComponentProps<typeof Group$1>) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Sidebar/SidebarContent.d.ts
-type Props$102 = {
+type Props$101 = {
   className?: string;
   children?: ReactNode;
   contentRef?: ComponentProps<'div'>['ref'];
   ref?: ComponentProps<'div'>['ref'];
 };
-declare const SidebarContent: ({ ref, className, children, contentRef }: Props$102) => import("react/jsx-runtime").JSX.Element;
+declare const SidebarContent: ({ ref, className, children, contentRef }: Props$101) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Sidebar/types.d.ts
 type SidebarMode = 'expanded' | 'collapsed' | 'expand-on-hover';
@@ -5600,102 +5633,102 @@ type SidebarCollapsible = 'icon' | 'off-canvas';
 type SidebarVariant = 'sided-floating' | 'inset' | 'floating' | 'none';
 //#endregion
 //#region src/components/Sidebar/SidebarFillTrigger.d.ts
-type Props$101 = ComponentProps<typeof Slot$1> & {
+type Props$100 = ComponentProps<typeof Slot$1> & {
   side?: SidebarSide;
 };
-declare const SidebarFillTrigger: ({ ref, side, onClick, ...rest }: Props$101) => import("react/jsx-runtime").JSX.Element;
+declare const SidebarFillTrigger: ({ ref, side, onClick, ...rest }: Props$100) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Sidebar/SidebarFooter.d.ts
-type Props$100 = ComponentProps<'div'>;
-declare const SidebarFooter: ({ className, ...props }: Props$100) => import("react/jsx-runtime").JSX.Element;
+type Props$99 = ComponentProps<'div'>;
+declare const SidebarFooter: ({ className, ...props }: Props$99) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Sidebar/SidebarGroup/SidebarGroup.d.ts
-type Props$99 = ComponentProps<'div'>;
-declare const SidebarGroup: ({ className, ...props }: Props$99) => import("react/jsx-runtime").JSX.Element;
+type Props$98 = ComponentProps<'div'>;
+declare const SidebarGroup: ({ className, ...props }: Props$98) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Sidebar/SidebarGroup/SidebarGroupContent.d.ts
-type Props$98 = ComponentProps<'div'>;
-declare const SidebarGroupContent: ({ className, ...props }: Props$98) => import("react/jsx-runtime").JSX.Element;
+type Props$97 = ComponentProps<'div'>;
+declare const SidebarGroupContent: ({ className, ...props }: Props$97) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Sidebar/SidebarGroup/SidebarGroupAction.d.ts
-type Props$97 = ComponentProps<'button'>;
-declare const SidebarGroupAction: ({ ref, className, type, children, ...props }: Props$97) => import("react/jsx-runtime").JSX.Element;
+type Props$96 = ComponentProps<'button'>;
+declare const SidebarGroupAction: ({ ref, className, type, children, ...props }: Props$96) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Sidebar/SidebarGroup/SidebarGroupLabel.d.ts
-type Props$96 = ComponentProps<'div'>;
-declare const SidebarGroupLabel: ({ ref, className, children, ...props }: Props$96 & {
+type Props$95 = ComponentProps<'div'>;
+declare const SidebarGroupLabel: ({ ref, className, children, ...props }: Props$95 & {
   ref?: Ref<HTMLDivElement>;
 }) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Sidebar/SidebarHeader.d.ts
-type Props$95 = ComponentProps<'div'>;
-declare const SidebarHeader: ({ className, children, ...props }: Props$95) => import("react/jsx-runtime").JSX.Element;
+type Props$94 = ComponentProps<'div'>;
+declare const SidebarHeader: ({ className, children, ...props }: Props$94) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Sidebar/SidebarMenu/SidebarMenu.d.ts
-type Props$94 = ComponentProps<'ul'>;
-declare const SidebarMenu: ({ className, ...props }: Props$94) => import("react/jsx-runtime").JSX.Element;
+type Props$93 = ComponentProps<'ul'>;
+declare const SidebarMenu: ({ className, ...props }: Props$93) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Sidebar/SidebarMenu/SidebarMenuButton.d.ts
-type Props$93 = ComponentProps<'button'> & {
+type Props$92 = ComponentProps<'button'> & {
   asChild?: boolean;
   tooltip?: ReactNode;
   icon?: ReactNode;
 };
-declare const SidebarMenuButton: ({ ref, 'aria-selected': selected, className, children, asChild, icon, tooltip, ...props }: Props$93 & {
+declare const SidebarMenuButton: ({ ref, 'aria-selected': selected, className, children, asChild, icon, tooltip, ...props }: Props$92 & {
   ref?: Ref<HTMLButtonElement>;
 }) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Sidebar/SidebarMenu/SidebarMenuItem.d.ts
-type Props$92 = ComponentProps<'li'>;
-declare const SidebarMenuItem: ({ className, ...props }: Props$92) => import("react/jsx-runtime").JSX.Element;
+type Props$91 = ComponentProps<'li'>;
+declare const SidebarMenuItem: ({ className, ...props }: Props$91) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Sidebar/SidebarMenu/SidebarMenuIcon.d.ts
-type Props$91 = ComponentProps<'span'>;
-declare const SidebarMenuIcon: ({ ref, className, children, ...rest }: Props$91) => import("react/jsx-runtime").JSX.Element;
+type Props$90 = ComponentProps<'span'>;
+declare const SidebarMenuIcon: ({ ref, className, children, ...rest }: Props$90) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Sidebar/SidebarMenu/SidebarMenuAction.d.ts
-type Props$90 = ComponentProps<'button'> & {
+type Props$89 = ComponentProps<'button'> & {
   asChild?: boolean;
   showOnHover?: boolean;
 };
-declare const SidebarMenuAction: ({ ref, className, asChild, showOnHover, children, ...props }: Props$90) => import("react/jsx-runtime").JSX.Element;
+declare const SidebarMenuAction: ({ ref, className, asChild, showOnHover, children, ...props }: Props$89) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Sidebar/SidebarMenu/SidebarSearchInput.d.ts
-type Props$89 = Omit<ComponentProps<'input'>, 'prefix'>;
-declare const SidebarSearchInput: ({ ref: forwardedRef, className, ...inputProps }: Props$89) => import("react/jsx-runtime").JSX.Element;
+type Props$88 = Omit<ComponentProps<'input'>, 'prefix'>;
+declare const SidebarSearchInput: ({ ref: forwardedRef, className, ...inputProps }: Props$88) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Sidebar/SidebarMenu/SidebarMenuCard.d.ts
-type Props$88 = HTMLAttributes<HTMLDivElement> & {
+type Props$87 = HTMLAttributes<HTMLDivElement> & {
   icon: ReactNode;
   title: ReactNode;
 };
-declare const SidebarMenuCard: ({ children, className, icon, title, ...rest }: Props$88) => import("react/jsx-runtime").JSX.Element;
+declare const SidebarMenuCard: ({ children, className, icon, title, ...rest }: Props$87) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Sidebar/SidebarMenu/SidebarMenuBadge.d.ts
-type Props$87 = ComponentProps<'div'>;
-declare const SidebarMenuBadge: ({ ref, className, ...props }: Props$87) => import("react/jsx-runtime").JSX.Element;
+type Props$86 = ComponentProps<'div'>;
+declare const SidebarMenuBadge: ({ ref, className, ...props }: Props$86) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Sidebar/SidebarMenu/SidebarMenuSub.d.ts
-type Props$86 = {
+type Props$85 = {
   children: ReactNode;
   icon: ReactNode;
   isActive?: boolean;
   label: string;
 } & Pick<ComponentProps<typeof Collapsible>, 'defaultOpen' | 'open' | 'onOpenChange'>;
-declare const SidebarMenuSub: ({ children, icon, isActive, label, defaultOpen, open: openProp, onOpenChange }: Props$86) => import("react/jsx-runtime").JSX.Element;
+declare const SidebarMenuSub: ({ children, icon, isActive, label, defaultOpen, open: openProp, onOpenChange }: Props$85) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Sidebar/SidebarMenu/SidebarMenuSubItem.d.ts
-type Props$85 = ComponentProps<'button'> & {
+type Props$84 = ComponentProps<'button'> & {
   asChild?: boolean;
 };
-declare const SidebarMenuSubItem: ({ ref, className, asChild, children, disabled, 'aria-current': ariaCurrent, ...props }: Props$85) => import("react/jsx-runtime").JSX.Element;
+declare const SidebarMenuSubItem: ({ ref, className, asChild, children, disabled, 'aria-current': ariaCurrent, ...props }: Props$84) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Separator/Separator.d.ts
 declare const separatorVariants: (props?: ({
   size?: "1/2" | "3/4" | "full" | null | undefined;
   orientation?: "horizontal" | "vertical" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-type Props$84 = VariantProps<typeof separatorVariants> & Omit<ComponentProps<typeof RSeparator.Root>, 'decorative'> & {
+type Props$83 = VariantProps<typeof separatorVariants> & Omit<ComponentProps<typeof RSeparator.Root>, 'decorative'> & {
   /**
    * Optional label rendered centered between two line segments
    * (typical "OR" divider). Implies `orientation="horizontal"`.
@@ -5703,21 +5736,21 @@ type Props$84 = VariantProps<typeof separatorVariants> & Omit<ComponentProps<typ
    */
   label?: ReactNode;
 };
-declare const Separator: ({ className, orientation, size, label, ...props }: Props$84) => import("react/jsx-runtime").JSX.Element;
+declare const Separator: ({ className, orientation, size, label, ...props }: Props$83) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Sidebar/SidebarSeparator.d.ts
-type Props$83 = Omit<ComponentProps<typeof Separator>, 'orientation' | 'size'>;
-declare const SidebarSeparator: ({ className, ...props }: Props$83) => import("react/jsx-runtime").JSX.Element;
+type Props$82 = Omit<ComponentProps<typeof Separator>, 'orientation' | 'size'>;
+declare const SidebarSeparator: ({ className, ...props }: Props$82) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Sidebar/SidebarTrigger.d.ts
-type Props$82 = ComponentProps<typeof Slot$1> & {
+type Props$81 = ComponentProps<typeof Slot$1> & {
   side?: SidebarSide;
   hideWhenCollapsed?: boolean;
 };
-declare const SidebarTrigger: ({ side, onClick, hideWhenCollapsed, className, ...rest }: Props$82) => import("react/jsx-runtime").JSX.Element;
+declare const SidebarTrigger: ({ side, onClick, hideWhenCollapsed, className, ...rest }: Props$81) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Sidebar/Sidebar.d.ts
-type Props$81 = {
+type Props$80 = {
   children: ReactNode;
   className?: string;
   id?: string;
@@ -5727,7 +5760,7 @@ type Props$81 = {
   keepMounted?: boolean;
   resizable?: boolean;
 };
-declare function Sidebar({ children, className, id, side, style, container, keepMounted, resizable }: Props$81): import("react/jsx-runtime").JSX.Element | null;
+declare function Sidebar({ children, className, id, side, style, container, keepMounted, resizable }: Props$80): import("react/jsx-runtime").JSX.Element | null;
 declare namespace Sidebar {
   export { SidebarHeader as Header };
   export { SidebarContent as Content };
@@ -5752,7 +5785,7 @@ declare namespace Sidebar {
 }
 //#endregion
 //#region src/components/Sidebar/SidebarProvider/SidebarProvider.d.ts
-type Props$80 = {
+type Props$79 = {
   children?: ReactNode;
   defaultLeftMode?: SidebarMode;
   leftMode?: SidebarMode;
@@ -5770,7 +5803,7 @@ type Props$80 = {
   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$80) => import("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$79) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Sidebar/utils.d.ts
 type Input = {
@@ -5788,12 +5821,12 @@ type EffectiveWidths = {
 declare const calcEffectiveWidths: ({ variant, width: customWidth, collapsible, state, mode }: Input) => EffectiveWidths;
 //#endregion
 //#region src/components/Sidebar/SidebarProvider/useSidebarState.d.ts
-type Props$79 = {
+type Props$78 = {
   defaultMode?: SidebarMode;
   mode?: SidebarMode;
   onModeChange?: (state: SidebarMode) => void;
 };
-declare const useSidebarState: ({ defaultMode, mode: modeProp, onModeChange }: Props$79) => {
+declare const useSidebarState: ({ defaultMode, mode: modeProp, onModeChange }: Props$78) => {
   isHovered: boolean;
   toggle: () => void;
   setMode: (dispatch: Parameters<import("react").Dispatch<import("react").SetStateAction<"collapsed" | "expand-on-hover" | "expanded">>>[0]) => void;
@@ -5827,66 +5860,66 @@ declare const useOptionalSidebar: (side?: SidebarSide) => SidebarSideValue | nul
 declare const useSidebar: (side?: SidebarSide) => SidebarSideValue;
 //#endregion
 //#region src/components/Navbar/NavbarContent.d.ts
-type Props$78 = {
+type Props$77 = {
   className?: string;
   children?: ReactNode;
 };
-declare const NavbarContent: ({ children, className }: Props$78) => import("react/jsx-runtime").JSX.Element;
+declare const NavbarContent: ({ children, className }: Props$77) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Navbar/NavbarFooter.d.ts
-type Props$77 = ComponentProps<'div'>;
-declare const NavbarFooter: ({ children, className, ...rest }: Props$77) => import("react/jsx-runtime").JSX.Element;
+type Props$76 = ComponentProps<'div'>;
+declare const NavbarFooter: ({ children, className, ...rest }: Props$76) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Navbar/NavbarHeader.d.ts
-type Props$76 = ComponentProps<'div'>;
-declare const NavbarHeader: ({ children, className, ...rest }: Props$76) => import("react/jsx-runtime").JSX.Element;
+type Props$75 = ComponentProps<'div'>;
+declare const NavbarHeader: ({ children, className, ...rest }: Props$75) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Navbar/NavbarMenu.d.ts
 declare const variants$2: (props?: ({
   marker?: "forward-slash" | "none" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-type Props$75 = ComponentProps<'ul'> & VariantProps<typeof variants$2>;
-declare const NavbarMenu: ({ className, marker, ...rest }: Props$75) => import("react/jsx-runtime").JSX.Element;
+type Props$74 = ComponentProps<'ul'> & VariantProps<typeof variants$2>;
+declare const NavbarMenu: ({ className, marker, ...rest }: Props$74) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Navbar/NavbarMenuAvatar.d.ts
-type Props$74 = ComponentProps<'button'> & {
+type Props$73 = ComponentProps<'button'> & {
   src?: string;
   alt?: string;
 };
-declare const NavbarMenuAvatar: ({ ref, className, type, src, alt, ...rest }: Props$74) => import("react/jsx-runtime").JSX.Element;
+declare const NavbarMenuAvatar: ({ ref, className, type, src, alt, ...rest }: Props$73) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Navbar/NavbarMenuButton.d.ts
 declare const variants$1: (props?: ({
   variant?: "default" | "emphasized" | "icon" | "search" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-type Props$73 = ComponentProps<'button'> & {
+type Props$72 = ComponentProps<'button'> & {
   /** Optional leading-icon slot. Pass a Lucide icon node to render an adornment before children. */
   icon?: ReactNode;
   asChild?: boolean;
 } & VariantProps<typeof variants$1>;
-declare const NavbarMenuButton: ({ ref, className, type, children, icon, asChild, variant, ...rest }: Props$73) => import("react/jsx-runtime").JSX.Element;
+declare const NavbarMenuButton: ({ ref, className, type, children, icon, asChild, variant, ...rest }: Props$72) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Navbar/NavbarMenuItem.d.ts
-type Props$72 = ComponentProps<'li'>;
-declare const NavbarMenuItem: ({ className, ...rest }: Props$72) => import("react/jsx-runtime").JSX.Element;
+type Props$71 = ComponentProps<'li'>;
+declare const NavbarMenuItem: ({ className, ...rest }: Props$71) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Navbar/NavbarMenuItemAdornment.d.ts
 declare const variants: (props?: ({
   variant?: "icon" | "icon-accent" | "icon-accent-emphasized" | "icon-button" | "icon-emphasized" | "shortcut" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-type Props$71 = {
+type Props$70 = {
   asChild?: boolean;
 } & ComponentProps<'span'> & VariantProps<typeof variants>;
-declare const NavbarMenuItemAdornment: ({ ref, asChild, className, variant, ...props }: Props$71) => import("react/jsx-runtime").JSX.Element;
+declare const NavbarMenuItemAdornment: ({ ref, asChild, className, variant, ...props }: Props$70) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Navbar/Navbar.d.ts
 declare const navbarClassnames: (props?: ({
   bordered?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-type Props$70 = ComponentProps<'nav'> & VariantProps<typeof navbarClassnames> & {
+type Props$69 = ComponentProps<'nav'> & VariantProps<typeof navbarClassnames> & {
   accent?: 'blue' | 'purple' | 'green' | 'orange';
 };
-declare function Navbar({ className, accent, bordered, ...rest }: Props$70): import("react/jsx-runtime").JSX.Element;
+declare function Navbar({ className, accent, bordered, ...rest }: Props$69): import("react/jsx-runtime").JSX.Element;
 declare namespace Navbar {
   export { NavbarHeader as Header };
   export { NavbarFooter as Footer };
@@ -5932,20 +5965,20 @@ type WorkbenchContextValue = WorkbenchActions & {
 declare const useWorkbench: () => WorkbenchContextValue;
 //#endregion
 //#region src/components/Workbench/WorkbenchBar/WorkbenchBarEnd.d.ts
-type Props$69 = ComponentProps<'div'>;
-declare const WorkbenchBarEnd: ({ className, ...props }: Props$69) => import("react/jsx-runtime").JSX.Element;
+type Props$68 = ComponentProps<'div'>;
+declare const WorkbenchBarEnd: ({ className, ...props }: Props$68) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Workbench/WorkbenchBar/WorkbenchBarMiddle.d.ts
-type Props$68 = ComponentProps<'div'>;
-declare const WorkbenchBarMiddle: ({ className, ...props }: Props$68) => import("react/jsx-runtime").JSX.Element;
+type Props$67 = ComponentProps<'div'>;
+declare const WorkbenchBarMiddle: ({ className, ...props }: Props$67) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Workbench/WorkbenchBar/WorkbenchBarStart.d.ts
-type Props$67 = ComponentProps<'div'>;
-declare const WorkbenchBarStart: ({ className, ...props }: Props$67) => import("react/jsx-runtime").JSX.Element;
+type Props$66 = ComponentProps<'div'>;
+declare const WorkbenchBarStart: ({ className, ...props }: Props$66) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Workbench/WorkbenchBar/WorkbenchBar.d.ts
-type Props$66 = ComponentProps<'div'>;
-declare function WorkbenchBar({ className, children, ...props }: Props$66): import("react/jsx-runtime").JSX.Element;
+type Props$65 = ComponentProps<'div'>;
+declare function WorkbenchBar({ className, children, ...props }: Props$65): import("react/jsx-runtime").JSX.Element;
 declare namespace WorkbenchBar {
   export { WorkbenchBarStart as Start };
   export { WorkbenchBarMiddle as Middle };
@@ -5953,35 +5986,35 @@ declare namespace WorkbenchBar {
 }
 //#endregion
 //#region src/components/Workbench/WorkbenchFullScreenTrigger.d.ts
-type Props$65 = ComponentProps<'button'> & {
+type Props$64 = ComponentProps<'button'> & {
   asChild?: boolean;
 };
-declare const WorkbenchFullScreenTrigger: ({ asChild, onClick, ...props }: Props$65) => import("react/jsx-runtime").JSX.Element;
+declare const WorkbenchFullScreenTrigger: ({ asChild, onClick, ...props }: Props$64) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Workbench/WorkbenchPanel/WorkbenchPanel.d.ts
-type Props$64 = ComponentProps<'div'>;
-declare const WorkbenchPanel: ({ className, children, ...props }: Props$64) => import("react/jsx-runtime").JSX.Element;
+type Props$63 = ComponentProps<'div'>;
+declare const WorkbenchPanel: ({ className, children, ...props }: Props$63) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Workbench/WorkbenchPanel/WorkbenchPanelActions.d.ts
-type Props$63 = ComponentProps<'div'> & {
+type Props$62 = ComponentProps<'div'> & {
   asChild?: boolean;
 };
-declare const WorkbenchPanelActions: ({ className, asChild, ...props }: Props$63) => import("react/jsx-runtime").JSX.Element;
+declare const WorkbenchPanelActions: ({ className, asChild, ...props }: Props$62) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Workbench/WorkbenchPanel/WorkbenchPanelContent.d.ts
-type Props$62 = ComponentProps<'div'>;
-declare const WorkbenchPanelContent: ({ className, children, ...props }: Props$62) => import("react/jsx-runtime").JSX.Element;
+type Props$61 = ComponentProps<'div'>;
+declare const WorkbenchPanelContent: ({ className, children, ...props }: Props$61) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Workbench/WorkbenchPanel/WorkbenchPanelHeader.d.ts
-type Props$61 = ComponentProps<'div'>;
-declare const WorkbenchPanelHeader: ({ className, children, ...props }: Props$61) => import("react/jsx-runtime").JSX.Element;
+type Props$60 = ComponentProps<'div'>;
+declare const WorkbenchPanelHeader: ({ className, children, ...props }: Props$60) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Workbench/WorkbenchPanel/WorkbenchPanelTitle.d.ts
-type Props$60 = ComponentProps<'div'>;
-declare const WorkbenchPanelTitle: ({ className, ...props }: Props$60) => import("react/jsx-runtime").JSX.Element;
+type Props$59 = ComponentProps<'div'>;
+declare const WorkbenchPanelTitle: ({ className, ...props }: Props$59) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Workbench/Workbench.d.ts
-type Props$59 = {
+type Props$58 = {
   className?: string;
   children: ReactNode;
   state?: WorkbenchState;
@@ -5992,7 +6025,7 @@ type Props$59 = {
   defaultPanelHeight?: number;
   onPanelHeightChange?: (panelHeight: number) => void;
 };
-declare function Workbench({ className, children, state: stateProp, defaultState, onStateChange, barHeight, panelHeight: panelHeightProp, defaultPanelHeight, onPanelHeightChange }: Props$59): import("react/jsx-runtime").JSX.Element;
+declare function Workbench({ className, children, state: stateProp, defaultState, onStateChange, barHeight, panelHeight: panelHeightProp, defaultPanelHeight, onPanelHeightChange }: Props$58): import("react/jsx-runtime").JSX.Element;
 declare namespace Workbench {
   export { WorkbenchBar as Bar };
   export { WorkbenchBarStart as BarStart };
@@ -6117,34 +6150,34 @@ declare namespace BreadcrumbDropdown {
 }
 //#endregion
 //#region src/components/Breadcrumb/BreadcrumbEllipsis.d.ts
-type Props$58 = ComponentProps<'button'>;
-declare const BreadcrumbEllipsis: ({ ref, className, ...props }: Props$58) => import("react/jsx-runtime").JSX.Element;
+type Props$57 = ComponentProps<'button'>;
+declare const BreadcrumbEllipsis: ({ ref, className, ...props }: Props$57) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Breadcrumb/BreadcrumbItem.d.ts
-type Props$57 = ComponentProps<'li'>;
-declare const BreadcrumbItem: ({ className, ...props }: Props$57) => import("react/jsx-runtime").JSX.Element;
+type Props$56 = ComponentProps<'li'>;
+declare const BreadcrumbItem: ({ className, ...props }: Props$56) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Breadcrumb/BreadcrumbLink.d.ts
-type Props$56 = ComponentProps<'a'> & {
+type Props$55 = ComponentProps<'a'> & {
   asChild?: boolean;
 };
-declare const BreadcrumbLink: ({ ref, asChild, className, ...props }: Props$56) => import("react/jsx-runtime").JSX.Element;
+declare const BreadcrumbLink: ({ ref, asChild, className, ...props }: Props$55) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Breadcrumb/BreadcrumbList.d.ts
-type Props$55 = ComponentProps<'ol'>;
-declare const BreadcrumbList: ({ className, ...props }: Props$55) => import("react/jsx-runtime").JSX.Element;
+type Props$54 = ComponentProps<'ol'>;
+declare const BreadcrumbList: ({ className, ...props }: Props$54) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Breadcrumb/BreadcrumbPage.d.ts
-type Props$54 = ComponentProps<'span'>;
-declare const BreadcrumbPage: ({ ref, className, ...props }: Props$54) => import("react/jsx-runtime").JSX.Element;
+type Props$53 = ComponentProps<'span'>;
+declare const BreadcrumbPage: ({ ref, className, ...props }: Props$53) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Breadcrumb/BreadcrumbSeparator.d.ts
-type Props$53 = ComponentProps<'li'>;
-declare const BreadcrumbSeparator: ({ children, className, ...props }: Props$53) => import("react/jsx-runtime").JSX.Element;
+type Props$52 = ComponentProps<'li'>;
+declare const BreadcrumbSeparator: ({ children, className, ...props }: Props$52) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Breadcrumb/Breadcrumb.d.ts
-type Props$52 = ComponentProps<'nav'>;
-declare function Breadcrumb({ className, ...props }: Props$52): import("react/jsx-runtime").JSX.Element;
+type Props$51 = ComponentProps<'nav'>;
+declare function Breadcrumb({ className, ...props }: Props$51): import("react/jsx-runtime").JSX.Element;
 declare namespace Breadcrumb {
   export { BreadcrumbList as List };
   export { BreadcrumbItem as Item };
@@ -6161,7 +6194,7 @@ type Trigger<T extends string> = {
   title: ReactNode;
   onClose?: (value: T) => void;
 } & Omit<RadixTabs.TabsTriggerProps, 'title' | 'asChild'>;
-type Props$51<T extends string> = {
+type Props$50<T extends string> = {
   triggers: readonly Trigger<T>[];
   compact?: boolean;
   children: ReactNode;
@@ -6172,7 +6205,7 @@ type Props$51<T extends string> = {
   triggerClassName?: string;
   triggerGroupClassName?: string;
 } & Omit<RadixTabs.TabsProps, 'onValueChange'>;
-declare const Tabs: <T extends string>({ triggers, compact, children, defaultValue, onValueChange, rootClassName, listClassName, triggerClassName, triggerGroupClassName, ...rest }: Props$51<T>) => import("react/jsx-runtime").JSX.Element;
+declare const Tabs: <T extends string>({ triggers, compact, children, defaultValue, onValueChange, rootClassName, listClassName, triggerClassName, triggerGroupClassName, ...rest }: Props$50<T>) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Tabs/TabsContent.d.ts
 declare const TabsContent: (props: RadixTabs.TabsContentProps) => import("react/jsx-runtime").JSX.Element;
@@ -6188,7 +6221,7 @@ declare const STEP_STATUS: {
 type StepStatus = (typeof STEP_STATUS)[keyof typeof STEP_STATUS];
 //#endregion
 //#region src/components/Stepper/StepperStep.d.ts
-type Props$50 = {
+type Props$49 = {
   /** Visual state of the step. Drives indicator + connector colour. Defaults to `'upcoming'`. */
   status?: StepStatus;
   children: ReactNode;
@@ -6200,23 +6233,23 @@ type Props$50 = {
  *
  * Set `Stepper`'s `onStepClick` prop to make every step a button; otherwise the Step renders as `<div>`.
  */
-declare const StepperStep: ({ status, children, className, ...props }: Props$50) => import("react/jsx-runtime").JSX.Element;
+declare const StepperStep: ({ status, children, className, ...props }: Props$49) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Stepper/StepperStepConnector.d.ts
-type Props$49 = ComponentProps<'span'>;
+type Props$48 = ComponentProps<'span'>;
 /**
  * Visual line between two steps. Internal — `Stepper` renders connectors automatically between
  * adjacent `Stepper.Step`s. Connector colour follows the preceding step's status.
  */
-declare const StepperStepConnector: ({ className, ...props }: Props$49) => import("react/jsx-runtime").JSX.Element;
+declare const StepperStepConnector: ({ className, ...props }: Props$48) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Stepper/StepperStepDescription.d.ts
-type Props$48 = ComponentProps<'span'>;
+type Props$47 = ComponentProps<'span'>;
 /** Optional secondary text below the step label. */
-declare const StepperStepDescription: ({ className, ...props }: Props$48) => import("react/jsx-runtime").JSX.Element;
+declare const StepperStepDescription: ({ className, ...props }: Props$47) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Stepper/StepperStepIndicator.d.ts
-type Props$47 = {
+type Props$46 = {
   /** Override the default content. By default renders Check for complete, X for error, step number otherwise. */
   children?: ReactNode;
 } & ComponentProps<'span'>;
@@ -6224,12 +6257,12 @@ type Props$47 = {
  * Circular indicator slot. Renders the status icon (Check / X) or the step number automatically based on
  * the parent `Stepper.Step` status. Pass `children` to override.
  */
-declare const StepperStepIndicator: ({ children, className, ...props }: Props$47) => import("react/jsx-runtime").JSX.Element;
+declare const StepperStepIndicator: ({ children, className, ...props }: Props$46) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Stepper/StepperStepLabel.d.ts
-type Props$46 = ComponentProps<'span'>;
+type Props$45 = ComponentProps<'span'>;
 /** Step title — short label describing the step (e.g. "Account", "Payment"). */
-declare const StepperStepLabel: ({ className, ...props }: Props$46) => import("react/jsx-runtime").JSX.Element;
+declare const StepperStepLabel: ({ className, ...props }: Props$45) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Stepper/styles.d.ts
 declare const stepperVariants: (props?: ({
@@ -6237,7 +6270,7 @@ declare const stepperVariants: (props?: ({
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 //#endregion
 //#region src/components/Stepper/Stepper.d.ts
-type Props$45 = {
+type Props$44 = {
   /** Layout direction. Defaults to `horizontal`. */
   orientation?: StepperOrientation;
   /**
@@ -6247,7 +6280,7 @@ type Props$45 = {
   onStepClick?: (index: number) => void;
   children: ReactNode;
 } & Omit<ComponentProps<'ol'>, 'children'> & VariantProps<typeof stepperVariants>;
-declare function Stepper({ orientation, onStepClick, children, className, ...props }: Props$45): import("react/jsx-runtime").JSX.Element;
+declare function Stepper({ orientation, onStepClick, children, className, ...props }: Props$44): import("react/jsx-runtime").JSX.Element;
 declare namespace Stepper {
   export { StepperStep as Step };
   export { StepperStepIndicator as StepIndicator };
@@ -6257,15 +6290,15 @@ declare namespace Stepper {
 }
 //#endregion
 //#region src/components/Card/CardContent.d.ts
-type Props$44 = HTMLAttributes<HTMLDivElement> & {
+type Props$43 = HTMLAttributes<HTMLDivElement> & {
   /** Applies the standard body padding. Use with `Card padding="none"`, where the
    *  root adds none — otherwise the padding is doubled. */
   padded?: boolean;
 };
-declare const CardContent: ({ children, className, padded, ...rest }: Props$44) => import("react/jsx-runtime").JSX.Element;
+declare const CardContent: ({ children, className, padded, ...rest }: Props$43) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Card/CardHeader.d.ts
-type Props$43 = HTMLAttributes<HTMLDivElement> & {
+type Props$42 = HTMLAttributes<HTMLDivElement> & {
   /** Adds a bottom rule, the header's own padding, and a 64px height floor so the
    *  band stays the same height with or without an action button. The rule spans the
    *  full card width — pair with `Card padding="none"`; on a padded root it is inset. */
@@ -6276,16 +6309,16 @@ type Props$43 = HTMLAttributes<HTMLDivElement> & {
    *  under the title. */
   layout?: 'row' | 'inline' | 'stack';
 };
-declare const CardHeader: ({ children, className, divider, layout, ...rest }: Props$43) => import("react/jsx-runtime").JSX.Element;
+declare const CardHeader: ({ children, className, divider, layout, ...rest }: Props$42) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Card/CardTitle.d.ts
 type HeadingLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
-type Props$42 = HTMLAttributes<HTMLHeadingElement> & {
+type Props$41 = HTMLAttributes<HTMLHeadingElement> & {
   /** Heading tag to render. Defaults to `h3`; set explicitly to avoid a heading-order skip
    *  (e.g. `as="h2"` when the Card sits directly under a page's `h1`). */
   as?: HeadingLevel;
 };
-declare const CardTitle: ({ children, className, as: Tag, ...rest }: Props$42) => import("react/jsx-runtime").JSX.Element;
+declare const CardTitle: ({ children, className, as: Tag, ...rest }: Props$41) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Card/styles.d.ts
 declare const cardClassnames: (props?: ({
@@ -6294,8 +6327,8 @@ declare const cardClassnames: (props?: ({
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 //#endregion
 //#region src/components/Card/Card.d.ts
-type Props$41 = HTMLAttributes<HTMLDivElement> & VariantProps<typeof cardClassnames>;
-declare function Card({ children, className, bordered, padding, ...rest }: Props$41): import("react/jsx-runtime").JSX.Element;
+type Props$40 = HTMLAttributes<HTMLDivElement> & VariantProps<typeof cardClassnames>;
+declare function Card({ children, className, bordered, padding, ...rest }: Props$40): import("react/jsx-runtime").JSX.Element;
 declare namespace Card {
   export { CardHeader as Header };
   export { CardContent as Content };
@@ -6328,7 +6361,7 @@ declare const TableRow: ({ ref, className, ...props }: ComponentProps<'tr'>) =>
 type TableSortDirection = 'asc' | 'desc' | false;
 /** Maps a sort direction to the `aria-sort` value for the enclosing `Table.Head`. */
 declare const tableAriaSort: (sorted: TableSortDirection) => ComponentProps<'th'>['aria-sort'];
-type Props$40 = {
+type Props$39 = {
   /** Current sort state for this column: `'asc'`, `'desc'`, or `false` when unsorted. */
   sorted: TableSortDirection;
   children: ReactNode;
@@ -6340,19 +6373,19 @@ type Props$40 = {
  * key/direction pair, or `@tanstack/react-table`'s `getToggleSortingHandler()` / `getIsSorted()`)
  * and set `aria-sort` on the enclosing `Table.Head` via {@link tableAriaSort}.
  */
-declare const TableSortHeader: ({ sorted, children, className, ...props }: Props$40) => import("react/jsx-runtime").JSX.Element;
+declare const TableSortHeader: ({ sorted, children, className, ...props }: Props$39) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Table/Table.d.ts
 /**
  * Props for `Table`. `borderCollapsed` toggles standard collapsed borders vs separate row spacing;
  * `bordered` wraps the table in a rounded bordered container with overflow scrolling.
  */
-type Props$39 = {
+type Props$38 = {
   borderCollapsed?: boolean;
   bordered?: boolean;
   containerClassName?: string;
 } & ComponentProps<'table'>;
-declare function Table({ borderCollapsed, bordered, containerClassName, className, ...props }: Props$39): import("react/jsx-runtime").JSX.Element;
+declare function Table({ borderCollapsed, bordered, containerClassName, className, ...props }: Props$38): import("react/jsx-runtime").JSX.Element;
 declare namespace Table {
   export { TableHeader as Header };
   export { TableHead as Head };
@@ -6370,25 +6403,25 @@ declare const connectorWrapper: (props?: ({
 declare const connector: (props?: ({
   variant?: "icon" | "label" | "line" | "none" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-type Props$38 = {
+type Props$37 = {
   asChild?: boolean;
   offset?: number;
 } & ComponentProps<'div'> & VariantProps<typeof connectorWrapper> & VariantProps<typeof connector>;
-declare const TimelineConnector: ({ className, children, asChild, variant, align, offset, style, ...rest }: Props$38) => import("react/jsx-runtime").JSX.Element;
+declare const TimelineConnector: ({ className, children, asChild, variant, align, offset, style, ...rest }: Props$37) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Timeline/TimelineContent.d.ts
-type Props$37 = ComponentProps<'div'>;
-declare const TimelineContent: ({ className, ...rest }: Props$37) => import("react/jsx-runtime").JSX.Element;
+type Props$36 = ComponentProps<'div'>;
+declare const TimelineContent: ({ className, ...rest }: Props$36) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Timeline/TimelineItem.d.ts
-type Props$36 = ComponentProps<'li'>;
-declare const TimelineItem: ({ className, ...rest }: Props$36) => import("react/jsx-runtime").JSX.Element;
+type Props$35 = ComponentProps<'li'>;
+declare const TimelineItem: ({ className, ...rest }: Props$35) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Timeline/Timeline.d.ts
-type Props$35 = ComponentProps<'ul'> & {
+type Props$34 = ComponentProps<'ul'> & {
   variant?: 'solid' | 'dashed';
 };
-declare function Timeline({ className, variant, ...rest }: Props$35): import("react/jsx-runtime").JSX.Element;
+declare function Timeline({ className, variant, ...rest }: Props$34): import("react/jsx-runtime").JSX.Element;
 declare namespace Timeline {
   export { TimelineItem as Item };
   export { TimelineContent as Content };
@@ -6396,7 +6429,7 @@ declare namespace Timeline {
 }
 //#endregion
 //#region src/components/Truncated.d.ts
-type Props$34 = {
+type Props$33 = {
   text: ReactNode;
   tooltip?: ReactNode;
   twoLines?: boolean;
@@ -6404,26 +6437,26 @@ type Props$34 = {
   tooltipVariant?: Props$7['variant'];
   tooltipPlacement?: Props$7['placement'];
 } & Omit<ComponentProps<'span'>, 'children'>;
-declare const Truncated: ({ ref, text, tooltip, className, twoLines, noTooltip, tooltipVariant, tooltipPlacement, ...rest }: Props$34) => import("react/jsx-runtime").JSX.Element;
+declare const Truncated: ({ ref, text, tooltip, className, twoLines, noTooltip, tooltipVariant, tooltipPlacement, ...rest }: Props$33) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/MarkedText/MarkedText.d.ts
-type Props$33 = {
+type Props$32 = {
   source: string;
   className?: string;
   mark?: string;
   isCaseSensitive?: boolean;
 } & ComponentProps<'span'>;
-declare const MarkedText: ({ ref, source, mark, isCaseSensitive, ...spanProps }: Props$33) => import("react/jsx-runtime").JSX.Element;
+declare const MarkedText: ({ ref, source, mark, isCaseSensitive, ...spanProps }: Props$32) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Kbd/KbdGroup.d.ts
-type Props$32 = {
+type Props$31 = {
   separator?: string;
 } & ComponentProps<'kbd'>;
-declare const KbdGroup: ({ ref, className, children, separator, ...props }: Props$32) => import("react/jsx-runtime").JSX.Element;
+declare const KbdGroup: ({ ref, className, children, separator, ...props }: Props$31) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Kbd/KbdSeparator.d.ts
-type Props$31 = ComponentProps<'span'>;
-declare const KbdSeparator: ({ className, ...props }: Props$31) => import("react/jsx-runtime").JSX.Element;
+type Props$30 = ComponentProps<'span'>;
+declare const KbdSeparator: ({ className, ...props }: Props$30) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Kbd/styles.d.ts
 declare const kbdVariants: (props?: ({
@@ -6431,8 +6464,8 @@ declare const kbdVariants: (props?: ({
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 //#endregion
 //#region src/components/Kbd/Kbd.d.ts
-type Props$30 = ComponentProps<'kbd'> & VariantProps<typeof kbdVariants>;
-declare function Kbd({ children, className, variant, ...rest }: Props$30): import("react/jsx-runtime").JSX.Element;
+type Props$29 = ComponentProps<'kbd'> & VariantProps<typeof kbdVariants>;
+declare function Kbd({ children, className, variant, ...rest }: Props$29): import("react/jsx-runtime").JSX.Element;
 declare namespace Kbd {
   export { KbdGroup as Group };
   export { KbdSeparator as Separator };
@@ -6447,34 +6480,34 @@ type KeyRepresentation = {
 declare const keys: Record<KeyName, KeyRepresentation>;
 //#endregion
 //#region src/components/Pagination/PaginationButton.d.ts
-type Props$29 = {
+type Props$28 = {
   active?: boolean;
 } & Omit<ComponentProps<typeof Button>, 'variant'>;
-declare const PaginationButton: ({ ref, active: isActive, className, children, size, ...props }: Props$29) => import("react/jsx-runtime").JSX.Element;
+declare const PaginationButton: ({ ref, active: isActive, className, children, size, ...props }: Props$28) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Pagination/PaginationContent.d.ts
-type Props$28 = ComponentProps<'ul'>;
-declare const PaginationContent: ({ className, ...props }: Props$28) => import("react/jsx-runtime").JSX.Element;
+type Props$27 = ComponentProps<'ul'>;
+declare const PaginationContent: ({ className, ...props }: Props$27) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Pagination/PaginationEllipsis.d.ts
-type Props$27 = ComponentProps<'span'>;
-declare const PaginationEllipsis: ({ className, ...props }: Props$27) => import("react/jsx-runtime").JSX.Element;
+type Props$26 = ComponentProps<'span'>;
+declare const PaginationEllipsis: ({ className, ...props }: Props$26) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Pagination/PaginationItem.d.ts
-type Props$26 = ComponentProps<'li'>;
-declare const PaginationItem: ({ className, ...props }: Props$26) => import("react/jsx-runtime").JSX.Element;
+type Props$25 = ComponentProps<'li'>;
+declare const PaginationItem: ({ className, ...props }: Props$25) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Pagination/PaginationNext.d.ts
-type Props$25 = ComponentProps<typeof PaginationButton>;
-declare const PaginationNext: ({ children, className, ...props }: Props$25) => import("react/jsx-runtime").JSX.Element;
+type Props$24 = ComponentProps<typeof PaginationButton>;
+declare const PaginationNext: ({ children, className, ...props }: Props$24) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Pagination/PaginationPrevious.d.ts
-type Props$24 = ComponentProps<typeof PaginationButton>;
-declare const PaginationPrevious: ({ children, ...props }: Props$24) => import("react/jsx-runtime").JSX.Element;
+type Props$23 = ComponentProps<typeof PaginationButton>;
+declare const PaginationPrevious: ({ children, ...props }: Props$23) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Pagination/Pagination.d.ts
-type Props$23 = ComponentProps<'nav'>;
-declare function Pagination({ className, ...props }: Props$23): import("react/jsx-runtime").JSX.Element;
+type Props$22 = ComponentProps<'nav'>;
+declare function Pagination({ className, ...props }: Props$22): import("react/jsx-runtime").JSX.Element;
 declare namespace Pagination {
   export { PaginationContent as Content };
   export { PaginationItem as Item };
@@ -6485,7 +6518,7 @@ declare namespace Pagination {
 }
 //#endregion
 //#region src/components/DiffView/DiffView.d.ts
-type Props$22 = {
+type Props$21 = {
   oldValue: string;
   newValue: string;
   ignoreWhitespace?: boolean;
@@ -6495,7 +6528,7 @@ type Props$22 = {
   rightTitle: ReactNode;
   rightTitleGutter?: ReactNode;
 };
-declare const DiffView: ({ leftTitle, leftTitleGutter, rightTitle, rightTitleGutter, oldValue, newValue, ignoreWhitespace, className }: Props$22) => import("react/jsx-runtime").JSX.Element;
+declare const DiffView: ({ leftTitle, leftTitleGutter, rightTitle, rightTitleGutter, oldValue, newValue, ignoreWhitespace, className }: Props$21) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/DiffView/util.d.ts
 declare const DiffType: {
@@ -6542,18 +6575,18 @@ declare const computeLineInformation: (oldString: string, newString: string, ign
 declare const computeDiffRows: (lineInformation: LineInformation[], diffLines: number[], expandedBlocks: number[]) => DiffRow[];
 //#endregion
 //#region src/components/MergeEditor/PaneHeader.d.ts
-type Props$21 = {
+type Props$20 = {
   label: string;
   sublabel?: string;
 };
-declare const PaneHeader: ({ label, sublabel }: Props$21) => import("react/jsx-runtime").JSX.Element;
+declare const PaneHeader: ({ label, sublabel }: Props$20) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/MergeEditor/ConflictStatus/ConflictStatusIndicator.d.ts
-type Props$20 = {
+type Props$19 = {
   remainingConflicts: number;
   remainingSafeChanges: number;
 };
-declare const ConflictStatusIndicator: ({ remainingConflicts, remainingSafeChanges }: Props$20) => import("react/jsx-runtime").JSX.Element;
+declare const ConflictStatusIndicator: ({ remainingConflicts, remainingSafeChanges }: Props$19) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/MergeEditor/useMergeDiff.d.ts
 declare const useMergeDiff: (baseText: string, leftText: string, rightText: string) => {
@@ -6690,16 +6723,16 @@ type RootProps = Omit<ComponentProps<typeof Card>, 'title'> & {
 declare const ChartPanel: ({ title, description, titleAs, toolbar, footer, className, bordered, children, ...rest }: RootProps) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/Form/components/FormBody.d.ts
-type Props$19 = {
+type Props$18 = {
   children: ReactNode;
 } & Omit<ComponentProps<'form'>, 'onSubmit'>;
-declare const FormBody: ({ children, className, ...formProps }: Props$19) => import("react/jsx-runtime").JSX.Element;
+declare const FormBody: ({ children, className, ...formProps }: Props$18) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/Form/components/SubmitButton.d.ts
-type Props$18 = {
+type Props$17 = {
   children?: ReactNode;
 } & Omit<ComponentProps<typeof Button>, 'type' | 'isLoading' | 'disabled'>;
-declare const SubmitButton: ({ children, ...buttonProps }: Props$18) => import("react/jsx-runtime").JSX.Element;
+declare const SubmitButton: ({ children, ...buttonProps }: Props$17) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/blocks/Form/components/SubmitErrorAlert.d.ts
 /**
@@ -6709,44 +6742,6 @@ declare const SubmitButton: ({ children, ...buttonProps }: Props$18) => import("
  */
 declare const SubmitErrorAlert: () => import("react/jsx-runtime").JSX.Element;
 //#endregion
-//#region src/blocks/Form/connectors/FieldItem.d.ts
-/**
- * The a11y wiring `FieldItem` derives from the field and hands back to the control — spread it onto
- * whatever element the field renders. Callers never author these attributes themselves.
- */
-type FieldControlProps = {
-  id: string;
-  name: string;
-  'aria-required'?: true;
-  'aria-invalid'?: true;
-  'aria-describedby'?: string;
-};
-/** Which marker sits next to the label. Purely visual — `aria-required` is driven by `required`. */
-type RequiredMark = 'required' | 'optional' | 'hidden';
-type Props$17 = {
-  label?: ReactNode;
-  /**
-   * Optional node rendered at the trailing edge of the label row (opposite the label) — e.g. a
-   * "Forgot password?" link beside a Password label. Presentational placement only; it is a sibling
-   * of the `<Label>`, not part of the field's accessible name. Provide an interactive element
-   * (`ButtonInline` / `Link`).
-   */
-  action?: ReactNode;
-  required?: boolean;
-  /**
-   * Which marker to show beside the label — gated by `required` so it never lies: `'required'`
-   * renders `*` only when the field is `required`; `'optional'` renders `(optional)` only when it
-   * is not; `'hidden'` renders neither. Defaults to `'required'`.
-   */
-  requiredMark?: RequiredMark;
-  help?: ReactNode;
-  tooltip?: ReactNode;
-  className?: string;
-  'aria-describedby'?: string;
-  children: (control: FieldControlProps) => ReactNode;
-};
-type FieldItemProps = Omit<Props$17, 'children'>;
-//#endregion
 //#region src/blocks/Form/connectors/CheckboxField.d.ts
 type Props$16 = Pick<FieldItemProps, 'className'> & Omit<ComponentProps<typeof Checkbox>, 'id' | 'name' | 'checked' | 'onCheckedChange'>;
 declare const CheckboxField: ({ className, children, ...checkboxProps }: Props$16) => import("react/jsx-runtime").JSX.Element;
@@ -6790,7 +6785,10 @@ declare const TextField: ({ label, action, required, requiredMark, help, tooltip
  * modals, drawers, multi-step wizards. Use `useAppForm({ defaultValues, validators, onSubmit })` at the
  * top of the form component, then render the typed `field.TextField` / `field.NumberField` /
  * `field.PasswordField` / `field.TextareaField` / `field.SelectField` / `field.CheckboxField` /
- * `field.SwitchField` connectors inside `form.AppForm` → `form.FormBody`. Submit via `form.SubmitButton`.
+ * `field.SwitchField` / `field.OtpInputField` connectors inside `form.AppForm` → `form.FormBody`. Submit via `form.SubmitButton`.
+ * `MultiComboboxField` (from `@keboola/design`) and `CodeEditorField` (from `@keboola/design/editors`)
+ * compose the same way but are imported by name — `fieldComponents` does not shake per key, so a
+ * control with heavy dependencies would be carried by every consumer. See their own docs.
  * **When NOT to use:** for a single uncontrolled `<input>` use `TextInput` directly; for a bare label + input
  * pair without validation use `FormGroup` + `FormGroup.TextInput`.
  * **Composition:** schema-library agnostic — pass any [Standard Schema](https://standardschema.dev/) validator
@@ -6848,7 +6846,11 @@ type ServerFieldError = {
 };
 /**
  * Map a list of server-returned field errors onto a TanStack form instance.
- * Marks each field as touched so the error renders immediately.
+ *
+ * - Marks each field blurred — that is what `FieldItem` gates the error reveal on.
+ * - `isTouched` alongside it, for anything reading TanStack's own meta (`canSubmit`, dirty checks).
+ * - Both are needed. Called from a mutation's `onError` there is no submit attempt to fall back on, so
+ *   without `isBlurred` the message would sit in `errorMap` and render nowhere.
  */
 declare const setServerFieldErrors: (form: AnyFormApi, errors: readonly ServerFieldError[]) => void;
 //#endregion
@@ -7006,5 +7008,5 @@ 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';
 //#endregion
-export { Alert, AlertModal, AnswerSummary, type AnswerItem as AnswerSummaryItem, type Props as AnswerSummaryProps, type Variant as AnswerSummaryVariant, AppShell, type AppShellHeaderSpan, ArgoDesignContext, AutoSaveTextarea, Avatar, Badge, type Brand, BrandEditor, type BrandEditorProps, BrandId, BrandLogo, Breadcrumb, Button, ButtonGroup, ButtonInline, Calendar, type CalendarProps, Card, type ChangeClassification, ChartPanel, type RootProps as ChartPanelProps, Checkbox, Clipboard, ClipboardButton, ClipboardInline, Collapsible, CollapsiblePanel, CollapsibleStepHeader, ColorInput, ColorModeSwitch, 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$1 as DashboardHeroProps, DateInput, DatePicker, type DateRange, DateRangeInput, DateRangePicker, type DateRangePreset, type DiffChunk, type DiffInformation, type DiffRow, DiffType, DiffView, DotsLoader, DropdownMenu, EmptyConfigurationActionCard, EmptySearchContent, EmptyState, type RootProps$2 as EmptyStateProps, type Variant$1 as EmptyStateVariant, ErrorState, type RootProps$3 as ErrorStateProps, type Variant$2 as ErrorStateVariant, ExportMenu, ExportMenuItem, FileUpload, type FileUploadAccept, type FileUploadRejection, type FileUploadRejectionCode, FormGroup, FullScreenModal, FullScreenModalBody, FullScreenModalHeader, GoogleButton, HelpBlock, HoverCard, InlineStepDetail, type Props$1 as InlineStepDetailProps, InlineStepLabel, type Props$2 as InlineStepLabelProps, type Variant$3 as InlineStepLabelVariant, InputGroup, Kbd, Label, type LineInformation, Link, MIN_WORKBENCH_PANEL_HEIGHT_IN_PX, Markdown, MarkedText, type MergeConflict, MessageBubble, MicrosoftButton, Modal, MultiActionButtonGroup, MultiCombobox, Navbar, NumberInput, OtpInput, type RootProps$4 as OtpInputProps, type OtpInputRenderSlotProps, PageHeader, PageLayout, PageToolbar, Pagination, PaneHeader, type PanelImperativeHandle, PanelWithDetails, PasswordInput, PlanApproval, type PlanApprovalProps, type PlanApprovalStatus, PlanRewritingIndicator, type PlanRewritingIndicatorProps, Popconfirm, Popover, Progress, type PromptCommand, PromptInput, Props$3 as Props, Question, type QuestionAnswers, QuestionBlock, type Props$4 as QuestionBlockProps, type QuestionOption, type Props$5 as QuestionProps, type QuestionStep, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS, RadioGroup, type RadiusSize, ResizableHandle, ResizablePanel, ResizablePanelGroup, ResolvedColorScheme, ScrollArea, ScrollBar, Search, SearchForm, SearchInput, SearchInputWithNavigation, SectionNav, type SectionNavGroup, type SectionNavItem, type SectionNavItemRenderProps, Select, SelectItem, SelectItemGroup, Separator, type ServerFieldError, Sheet, type SideInformation, Sidebar, type SidebarMode, SidebarProvider, type SidebarSide, type SidebarSlot, Skeleton, SkeletonList, Slider, Slot, SplitButton, SpotlightBackdrop, SpotlightTarget, StatCard, StatCardGrid, type Props$6 as StatCardGridProps, type RootProps$5 as StatCardProps, type TrendDirection as StatCardTrendDirection, type TrendProps as StatCardTrendProps, type StepStatus, Stepper, type StepperOrientation, SuggestedPrompt, Switch, Table, type TableSortDirection, Tabs, TabsContent, TargetRect, TextInput, Textarea, Theme, ThemeProvider, ThinkingIndicator, ThumbTooltipFn, TimeInput, TimePicker, Timeline, type ToastOptions, Toaster, Toggle, ToggleGroup, Tokens, ToolCallApproval, type ToolCallApprovalProps, type ToolCallApprovalStatus, ToolCallChip, type ToolCallChipProps, type ToolCallState, Tooltip, type Props$7 as TooltipProps, TooltipProvider, type Trigger, Truncated, UsageStats, UsageStatsRing, UseAutosizeInputOptions, UseAutosizeInputReturn, type ValidityState, type WordInformation, Workbench, type WorkbenchState, ZoomableSvg, argoVariants, brandSchema, channelsToHex, cn, computeDiffRows, computeLineInformation, contrastRatio, copyToClipboard, defaultFilter, exampleCustomer, hexToChannels, isMac, kbdVariants, keboola, keboolaLegacySidebar, keboolaLegacyTopnav, keys, mergeRefs, setServerFieldErrors, setSubmitError, svgToPngBlob, tableAriaSort, toSvgFileContent, toast, useAppForm, useArgoDesign, useAutosizeInput, useCommandState, useDefaultLayout, useFileDropTarget, useFileUploadRejections, useMergeDiff, useNotification, useOptionalSidebar, useScrollbarPosition, useSidebar, useStableCallback, useTargetRect, useTheme, useWorkbench, wcagLevel, withForm };
+export { Alert, AlertModal, AnswerSummary, type AnswerItem as AnswerSummaryItem, type Props as AnswerSummaryProps, type Variant as AnswerSummaryVariant, AppShell, type AppShellHeaderSpan, ArgoDesignContext, AutoSaveTextarea, Avatar, Badge, type Brand, BrandEditor, type BrandEditorProps, BrandId, BrandLogo, Breadcrumb, Button, ButtonGroup, ButtonInline, Calendar, type CalendarProps, Card, type ChangeClassification, ChartPanel, type RootProps as ChartPanelProps, Checkbox, Clipboard, ClipboardButton, ClipboardInline, Collapsible, CollapsiblePanel, CollapsibleStepHeader, ColorInput, ColorModeSwitch, 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$1 as DashboardHeroProps, DateInput, DatePicker, type DateRange, DateRangeInput, DateRangePicker, type DateRangePreset, type DiffChunk, type DiffInformation, type DiffRow, DiffType, DiffView, DotsLoader, DropdownMenu, EmptyConfigurationActionCard, EmptySearchContent, EmptyState, type RootProps$2 as EmptyStateProps, type Variant$1 as EmptyStateVariant, ErrorState, type RootProps$3 as ErrorStateProps, type Variant$2 as ErrorStateVariant, ExportMenu, ExportMenuItem, FileUpload, type FileUploadAccept, type FileUploadRejection, type FileUploadRejectionCode, FormGroup, FullScreenModal, FullScreenModalBody, FullScreenModalHeader, GoogleButton, HelpBlock, HoverCard, InlineStepDetail, type Props$1 as InlineStepDetailProps, InlineStepLabel, type Props$2 as InlineStepLabelProps, type Variant$3 as InlineStepLabelVariant, InputGroup, Kbd, Label, type LineInformation, Link, MIN_WORKBENCH_PANEL_HEIGHT_IN_PX, Markdown, MarkedText, type MergeConflict, MessageBubble, MicrosoftButton, Modal, MultiActionButtonGroup, MultiCombobox, MultiComboboxField, Navbar, NumberInput, OtpInput, type RootProps$4 as OtpInputProps, type OtpInputRenderSlotProps, PageHeader, PageLayout, PageToolbar, Pagination, PaneHeader, type PanelImperativeHandle, PanelWithDetails, PasswordInput, PlanApproval, type PlanApprovalProps, type PlanApprovalStatus, PlanRewritingIndicator, type PlanRewritingIndicatorProps, Popconfirm, Popover, Progress, type PromptCommand, PromptInput, Props$3 as Props, Question, type QuestionAnswers, QuestionBlock, type Props$4 as QuestionBlockProps, type QuestionOption, type Props$5 as QuestionProps, type QuestionStep, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS, RadioGroup, type RadiusSize, ResizableHandle, ResizablePanel, ResizablePanelGroup, ResolvedColorScheme, ScrollArea, ScrollBar, Search, SearchForm, SearchInput, SearchInputWithNavigation, SectionNav, type SectionNavGroup, type SectionNavItem, type SectionNavItemRenderProps, Select, SelectItem, SelectItemGroup, Separator, type ServerFieldError, Sheet, type SideInformation, Sidebar, type SidebarMode, SidebarProvider, type SidebarSide, type SidebarSlot, Skeleton, SkeletonList, Slider, Slot, SplitButton, SpotlightBackdrop, SpotlightTarget, StatCard, StatCardGrid, type Props$6 as StatCardGridProps, type RootProps$5 as StatCardProps, type TrendDirection as StatCardTrendDirection, type TrendProps as StatCardTrendProps, type StepStatus, Stepper, type StepperOrientation, SuggestedPrompt, Switch, Table, type TableSortDirection, Tabs, TabsContent, TargetRect, TextInput, Textarea, Theme, ThemeProvider, ThinkingIndicator, ThumbTooltipFn, TimeInput, TimePicker, Timeline, type ToastOptions, Toaster, Toggle, ToggleGroup, Tokens, ToolCallApproval, type ToolCallApprovalProps, type ToolCallApprovalStatus, ToolCallChip, type ToolCallChipProps, type ToolCallState, Tooltip, type Props$7 as TooltipProps, TooltipProvider, type Trigger, Truncated, UsageStats, UsageStatsRing, UseAutosizeInputOptions, UseAutosizeInputReturn, type ValidityState, type WordInformation, Workbench, type WorkbenchState, ZoomableSvg, argoVariants, brandSchema, channelsToHex, cn, computeDiffRows, computeLineInformation, contrastRatio, copyToClipboard, defaultFilter, exampleCustomer, hexToChannels, isMac, kbdVariants, keboola, keboolaLegacySidebar, keboolaLegacyTopnav, keys, mergeRefs, setServerFieldErrors, setSubmitError, svgToPngBlob, tableAriaSort, toSvgFileContent, toast, useAppForm, useArgoDesign, useAutosizeInput, useCommandState, useDefaultLayout, useFileDropTarget, useFileUploadRejections, useMergeDiff, useNotification, useOptionalSidebar, useScrollbarPosition, useSidebar, useStableCallback, useTargetRect, useTheme, useWorkbench, wcagLevel, withForm };
 //# sourceMappingURL=index.d.ts.map