@aircall/blocks 0.12.0 → 0.14.0

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import { Badge, Button, CounterBadge, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, SidebarProvider, TabsList, useSidebar } from "@aircall/ds";
 import * as React$1 from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 import * as _tanstack_react_form0 from "@tanstack/react-form";
 import { DeepKeys, DeepKeysOfType, DeepValue, FieldAsyncValidateOrFn, FieldListeners, FieldValidateOrFn, FieldValidators } from "@tanstack/react-form";
@@ -119,7 +119,7 @@ declare function ChatbotResponseBlock({
   sources,
   onFeedback,
   className
-}: ChatbotResponseBlockProps): react_jsx_runtime0.JSX.Element;
+}: ChatbotResponseBlockProps): react_jsx_runtime4.JSX.Element;
 //#endregion
 //#region src/components/chatbot-response-loading.d.ts
 interface ChatbotResponseLoadingProps {
@@ -146,7 +146,7 @@ interface ChatbotResponseLoadingProps {
 declare function ChatbotResponseLoading({
   text,
   className
-}: ChatbotResponseLoadingProps): react_jsx_runtime0.JSX.Element;
+}: ChatbotResponseLoadingProps): react_jsx_runtime4.JSX.Element;
 //#endregion
 //#region src/components/chatbot-page.d.ts
 declare const ChatbotPage: React$1.ForwardRefExoticComponent<ChatbotPageProps & React$1.RefAttributes<HTMLDivElement>>;
@@ -322,7 +322,7 @@ declare function ChatbotPanelHeader({
   onClose,
   className,
   ...props
-}: ChatbotPanelHeaderProps): react_jsx_runtime0.JSX.Element;
+}: ChatbotPanelHeaderProps): react_jsx_runtime4.JSX.Element;
 //#endregion
 //#region src/components/chatbot-sidebar.d.ts
 interface ChatbotSidebarConversation {
@@ -356,6 +356,12 @@ interface ChatbotSidebarProps {
   renderConversationMenuContent?: (conversation: ChatbotSidebarConversation) => React$1.ReactNode;
   /** Label above the conversation list. Defaults to "Recent"*/
   recentLabel?: string;
+  /**
+   * When false, hides the "+ New Chat" entry at the top of the list.
+   * Useful in read-only history views (e.g. the `ChatbotInput` history popover).
+   * @default true
+   */
+  showNewChat?: boolean;
   popup?: boolean;
   className?: string;
 }
@@ -365,6 +371,11 @@ declare namespace ChatbotSidebar {
 }
 //#endregion
 //#region src/components/chatbot-input.d.ts
+interface ChatbotInputSuggestion {
+  id: string;
+  /** Text shown on the pill button. */
+  label: string;
+}
 declare const textareaVariants: (props?: ({
   size?: "default" | "large" | null | undefined;
   expanded?: boolean | null | undefined;
@@ -382,6 +393,20 @@ type ChatbotInputProps = Omit<React$1.ComponentProps<'textarea'>, 'onChange' | '
    * @default false
    */
   expanded?: boolean;
+  /**
+   * Optional suggestion pills shown in a row below the input.
+   * Clicking a pill calls `onSuggestionClick`. Omit to hide the row.
+   */
+  suggestions?: ChatbotInputSuggestion[]; /** Called when the user clicks a suggestion pill. */
+  onSuggestionClick?: (suggestion: ChatbotInputSuggestion) => void;
+  /**
+   * When provided, renders a history icon button that opens a conversation list
+   * popover. Pass an empty array to show the button with an empty-state message.
+   * Omit to hide the button entirely.
+   */
+  conversations?: ChatbotSidebarConversation[]; /** Highlights the matching row in the history popover. */
+  activeConversationId?: string; /** Called when the user selects a conversation from the history popover. */
+  onSelectConversation?: (id: string) => void;
 };
 declare function ChatbotInput({
   className,
@@ -394,8 +419,13 @@ declare function ChatbotInput({
   size,
   expanded,
   disabled,
+  suggestions,
+  onSuggestionClick,
+  conversations,
+  activeConversationId,
+  onSelectConversation,
   ...textareaProps
-}: ChatbotInputProps): react_jsx_runtime0.JSX.Element;
+}: ChatbotInputProps): react_jsx_runtime4.JSX.Element;
 //#endregion
 //#region src/components/copy-button.d.ts
 declare const CopyButton: React$1.ForwardRefExoticComponent<Omit<CopyButtonProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
@@ -431,7 +461,7 @@ type ChatbotPanelSuggestionProps = Omit<React.ComponentProps<typeof Button>, 'va
 declare function ChatbotPanelSuggestion({
   className,
   ...props
-}: ChatbotPanelSuggestionProps): react_jsx_runtime0.JSX.Element;
+}: ChatbotPanelSuggestionProps): react_jsx_runtime4.JSX.Element;
 //#endregion
 //#region src/components/chatbot-user-message.d.ts
 type ChatbotUserMessageProps = React.ComponentProps<'div'>;
@@ -439,7 +469,7 @@ declare function ChatbotUserMessage({
   className,
   children,
   ...props
-}: ChatbotUserMessageProps): react_jsx_runtime0.JSX.Element;
+}: ChatbotUserMessageProps): react_jsx_runtime4.JSX.Element;
 //#endregion
 //#region src/components/dashboard-standalone-page.d.ts
 declare const DashboardStandalonePage: React$1.ForwardRefExoticComponent<Omit<DashboardStandalonePageProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
@@ -447,6 +477,11 @@ interface DashboardStandalonePageProps extends React$1.ComponentProps<'div'> {}
 declare namespace DashboardStandalonePage {
   type Props = DashboardStandalonePageProps;
 }
+declare const DashboardStandalonePageContent: React$1.ForwardRefExoticComponent<Omit<DashboardStandalonePageContentProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+interface DashboardStandalonePageContentProps extends React$1.ComponentProps<'div'> {}
+declare namespace DashboardStandalonePageContent {
+  type Props = DashboardStandalonePageContentProps;
+}
 declare const DashboardStandalonePageHeader: React$1.ForwardRefExoticComponent<Omit<DashboardStandalonePageHeaderProps, "ref"> & React$1.RefAttributes<HTMLElement>>;
 interface DashboardStandalonePageHeaderProps extends React$1.ComponentProps<'header'> {}
 declare namespace DashboardStandalonePageHeader {
@@ -457,6 +492,11 @@ interface DashboardStandalonePageTitleProps extends React$1.ComponentProps<'h1'>
 declare namespace DashboardStandalonePageTitle {
   type Props = DashboardStandalonePageTitleProps;
 }
+declare const DashboardStandalonePageDescription: React$1.ForwardRefExoticComponent<Omit<DashboardStandalonePageDescriptionProps, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
+interface DashboardStandalonePageDescriptionProps extends React$1.ComponentProps<'p'> {}
+declare namespace DashboardStandalonePageDescription {
+  type Props = DashboardStandalonePageDescriptionProps;
+}
 declare const DashboardStandalonePageActions: React$1.ForwardRefExoticComponent<Omit<DashboardStandalonePageActionsProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 interface DashboardStandalonePageActionsProps extends React$1.ComponentProps<'div'> {
   side?: 'start' | 'end';
@@ -469,10 +509,10 @@ interface DashboardStandalonePageActionProps extends React$1.ComponentProps<type
 declare namespace DashboardStandalonePageAction {
   type Props = DashboardStandalonePageActionProps;
 }
-declare const DashboardStandalonePageContent: React$1.ForwardRefExoticComponent<Omit<DashboardStandalonePageContentProps, "ref"> & React$1.RefAttributes<HTMLElement>>;
-interface DashboardStandalonePageContentProps extends React$1.ComponentProps<'main'> {}
-declare namespace DashboardStandalonePageContent {
-  type Props = DashboardStandalonePageContentProps;
+declare const DashboardStandalonePageMain: React$1.ForwardRefExoticComponent<Omit<DashboardStandalonePageMainProps, "ref"> & React$1.RefAttributes<HTMLElement>>;
+interface DashboardStandalonePageMainProps extends React$1.ComponentProps<'main'> {}
+declare namespace DashboardStandalonePageMain {
+  type Props = DashboardStandalonePageMainProps;
 }
 //#endregion
 //#region src/components/dashboard-page.d.ts
@@ -604,7 +644,7 @@ declare function ChatbotPanelTrigger({
   icon,
   className,
   ...buttonProps
-}: ChatbotPanelTriggerProps): react_jsx_runtime0.JSX.Element;
+}: ChatbotPanelTriggerProps): react_jsx_runtime4.JSX.Element;
 //#endregion
 //#region src/components/chatbot-expand-suggestion.d.ts
 interface ChatbotExpandSuggestionCategory {
@@ -710,7 +750,7 @@ declare function ChatbotPanel({
   style,
   children,
   ...props
-}: ChatbotPanelProps): react_jsx_runtime0.JSX.Element;
+}: ChatbotPanelProps): react_jsx_runtime4.JSX.Element;
 //#endregion
 //#region src/hooks/use-copy-to-clipboard.d.ts
 interface UseCopyToClipboardOptions {
@@ -747,7 +787,7 @@ declare function CardSaveBar({
   submitLabel,
   savingLabel,
   resetLabel
-}: CardSaveBarProps): react_jsx_runtime0.JSX.Element;
+}: CardSaveBarProps): react_jsx_runtime4.JSX.Element;
 //#endregion
 //#region src/components/submit-button.d.ts
 /**
@@ -771,7 +811,7 @@ declare function SubmitButton({
   loadingLabel,
   className,
   ...buttonProps
-}: SubmitButtonProps): react_jsx_runtime0.JSX.Element;
+}: SubmitButtonProps): react_jsx_runtime4.JSX.Element;
 //#endregion
 //#region src/form/use-form.d.ts
 /**
@@ -1383,18 +1423,57 @@ type DescriptionProp = string | {
   content: React$1.ReactNode;
   variant?: 'instructional' | 'contextual';
 };
+/**
+ * Layout props shared by every wrapper. Both default to the vertical layout (label stacked above
+ * the control), so existing fields are unchanged.
+ *
+ * - `orientation`: `'vertical'` (default) stacks label → control. `'horizontal'` places the
+ *   label/description beside the control. `'responsive'` is vertical on narrow screens and
+ *   horizontal at the `@md` container width — it requires a `FieldGroup` ancestor (which provides
+ *   `@container/field-group`), matching the shadcn Field responsive pattern.
+ * - `controlPosition`: in horizontal/responsive layouts, which side the control sits on. Defaults
+ *   per control — `FormSwitchField` → `'start'` (switch left of its label), text/select/etc. →
+ *   `'end'` (control right of its label).
+ */
+type LayoutProps = {
+  orientation?: 'vertical' | 'horizontal' | 'responsive';
+  controlPosition?: 'start' | 'end';
+};
+/**
+ * How the control fills its side of a horizontal/responsive row. Internal — set by each wrapper,
+ * not exposed to consumers.
+ * - `'fill'` (default): the control takes a full flex column next to the label column, with the
+ *   error/contextual description stacked under it (text inputs, selects, textareas, …).
+ * - `'inline'`: the control is a bare, natural-width element (a switch); the label, descriptions
+ *   and error share one growing column on the opposite side.
+ */
+type ControlVariant = 'inline' | 'fill';
 type FormFieldShellProps = {
   label?: LabelProp;
   description?: DescriptionProp;
   necessityIndicator?: 'required' | 'optional';
+  /**
+   * `htmlFor` target for the rendered `FieldLabel`, so clicking the label focuses the field's
+   * control. Single-control wrappers set this to the same `id` they put on the control itself
+   * (see `FormFieldBase`); group/array wrappers (RadioGroup, ToggleGroup, ArrayField) have no one
+   * focusable target, so they pass an `id` with nothing matching it — same as omitting `htmlFor`.
+   */
+  id: string;
   children: React$1.ReactNode;
+  orientation?: LayoutProps['orientation'];
+  controlPosition?: LayoutProps['controlPosition'];
+  controlVariant?: ControlVariant;
 };
 declare function FormFieldShell({
   label,
   description,
   necessityIndicator,
-  children
-}: FormFieldShellProps): react_jsx_runtime0.JSX.Element;
+  id,
+  children,
+  orientation,
+  controlPosition,
+  controlVariant
+}: FormFieldShellProps): react_jsx_runtime4.JSX.Element;
 /**
  * Precisely-typed view of the bound field handed to a wrapper's `children`.
  * `TData` is `DeepValue<TFormData, TName>` — so `value` and `handleChange` are the field's
@@ -1421,10 +1500,29 @@ type TypedField<TData> = {
  * assignable, so `TForm extends BoundForm` fails and `name` cascades to `never`. The loose form
  * accepts any `createFormHook` form for any data shape; `FormFieldBase` casts `AppField` to the
  * concrete component type before use, so nothing downstream relies on the precise signature.
+ *
+ * `state.values` is `Record<string, any>`, not `unknown`, for a separate reason: every `Form*Field`
+ * wrapper is generic over `<TForm extends BoundForm, TName extends DeepKeysOfType<TForm['state']['values'], V>>`
+ * with no default type arguments. When TS checks whether such a generic function is a valid JSX
+ * element type, it evaluates the *unconstrained* signature — `TForm` falls back to `BoundForm`
+ * itself. With `values: unknown`, `DeepKeysOfType<unknown, V>` can't find any key whose value
+ * extends `V`, so it collapses to `never`, making the unconstrained `name: never` — under
+ * `strictFunctionTypes: true` (the TS default; this repo's shared tsconfig disables it, but most
+ * external consumers don't) that trips `TS2786: 'FormXField' cannot be used as a JSX component`.
+ * `Record<string, any>` fixes it because `any extends V` resolves to `true` for every `V` in a
+ * conditional type, so no key gets filtered out — the unconstrained fallback resolves to a real,
+ * inhabited `string` instead of `never` (same reason react-hook-form defaults
+ * `TFieldValues = Record<string, any>`). Real call sites are unaffected: TS infers `TForm`/`TName`
+ * from the actual threaded `form`, never from this fallback.
+ *
+ * Safe to tighten (unlike `AppField`): `state.values` is *data*, checked structurally/covariantly,
+ * so any real form's values object — however deeply nested or array-shaped — is still assignable
+ * to `Record<string, any>`. `AppField` is a *function signature*, checked contravariantly, which is
+ * why tightening it (see above) breaks real forms but tightening `values` does not.
  */
 type BoundForm = {
   state: {
-    values: unknown;
+    values: Record<string, any>;
   };
   AppField: (...args: never[]) => unknown;
 };
@@ -1481,8 +1579,17 @@ type FormFieldBaseProps<TData, TControl> = {
   asyncAlways?: boolean;
   label?: LabelProp;
   description?: DescriptionProp;
-  necessityIndicator?: 'required' | 'optional'; /** Builds the primitive-specific wiring bundle handed to `children`. */
-  buildControl: (field: TypedField<TData>) => TControl;
+  necessityIndicator?: 'required' | 'optional';
+  orientation?: LayoutProps['orientation'];
+  controlPosition?: LayoutProps['controlPosition']; /** Internal — set by the wrapper (switch → 'inline', others → 'fill'). Not a consumer prop. */
+  controlVariant?: ControlVariant;
+  /**
+   * Builds the primitive-specific wiring bundle handed to `children`. `id` is `name` (see
+   * `FormFieldBase`) — attach it to the control's actual DOM element so the shell's `FieldLabel`
+   * (`htmlFor={id}`) focuses it on click. Group controls with no single focusable target (radio
+   * group, toggle group) can ignore the parameter.
+   */
+  buildControl: (field: TypedField<TData>, id: string) => TControl;
   children: (field: TypedField<TData>, control: TControl) => React$1.ReactNode;
 };
 /**
@@ -1490,13 +1597,15 @@ type FormFieldBaseProps<TData, TControl> = {
  * Field-name/value/validator typing is enforced at each wrapper's boundary; this just renders
  * the AppField + shared shell. `TData`/`TControl` carry the precise field + bundle shapes through.
  */
-declare function FormFieldBase<TData, TControl>(props: FormFieldBaseProps<TData, TControl>): react_jsx_runtime0.JSX.Element;
+declare function FormFieldBase<TData, TControl>(props: FormFieldBaseProps<TData, TControl>): react_jsx_runtime4.JSX.Element;
 //#endregion
 //#region src/components/form-select-field.d.ts
 /**
  * Wiring bundles handed to a `FormSelectField` child. Spread each onto the matching
  * primitive — this encodes the Select-specific quirks (the `'' ↔ null` value dance,
- * `aria-invalid`) so consumers don't re-derive them.
+ * `aria-invalid`) so consumers don't re-derive them. `id` lands on `selectTriggerProps`, not
+ * `selectProps` — the trigger is the actual focusable button, matching the shell's `FieldLabel`
+ * `htmlFor`.
  */
 type SelectControl = {
   selectProps: {
@@ -1504,6 +1613,7 @@ type SelectControl = {
     onValueChange: (value: string | null) => void;
   };
   selectTriggerProps: {
+    id: string;
     onBlur: () => void;
     'aria-invalid': true | undefined;
   };
@@ -1514,7 +1624,7 @@ type FormSelectFieldProps<TForm extends BoundForm, TName extends DeepKeysOfType<
   label?: LabelProp;
   description?: DescriptionProp; /** Compose the Select yourself; spread the bundles. Trigger/content stay fully customizable. */
   children: (field: TypedField<string>, control: SelectControl) => React$1.ReactNode;
-} & FieldBindingProps<TForm['state']['values'], TName> & NecessityProps;
+} & FieldBindingProps<TForm['state']['values'], TName> & NecessityProps & LayoutProps;
 /**
  * Select field wrapper. Owns the binding + shared `Field/Label/Error` shell, and hands the
  * consumer pre-wired `selectProps` / `selectTriggerProps` to spread onto `@aircall/ds` Select
@@ -1533,15 +1643,17 @@ type FormSelectFieldProps<TForm extends BoundForm, TName extends DeepKeysOfType<
  *   )}
  * </FormSelectField>
  */
-declare function FormSelectField<TForm extends BoundForm, TName extends DeepKeysOfType<TForm['state']['values'], string>>(props: FormSelectFieldProps<TForm, TName>): react_jsx_runtime0.JSX.Element;
+declare function FormSelectField<TForm extends BoundForm, TName extends DeepKeysOfType<TForm['state']['values'], string>>(props: FormSelectFieldProps<TForm, TName>): react_jsx_runtime4.JSX.Element;
 //#endregion
 //#region src/components/form-input-field.d.ts
 /**
  * Wiring bundle handed to a `FormInputField` child. Spread `inputProps` onto a DS `Input`
- * (or any native-input-shaped control) — value/onChange/onBlur/aria are pre-wired.
+ * (or any native-input-shaped control) — value/onChange/onBlur/id/aria are pre-wired; `id`
+ * matches the shell's `FieldLabel` `htmlFor` so clicking the label focuses the input.
  */
 type InputControl = {
   inputProps: {
+    id: string;
     value: string;
     onChange: (event: React$1.ChangeEvent<HTMLInputElement>) => void;
     onBlur: () => void;
@@ -1554,7 +1666,7 @@ type FormInputFieldProps<TForm extends BoundForm, TName extends DeepKeysOfType<T
   label?: LabelProp;
   description?: DescriptionProp;
   children: (field: TypedField<string>, control: InputControl) => React$1.ReactNode;
-} & FieldBindingProps<TForm['state']['values'], TName> & NecessityProps;
+} & FieldBindingProps<TForm['state']['values'], TName> & NecessityProps & LayoutProps;
 /**
  * Text-input field wrapper — same threaded-`form` typing and shared shell as `FormSelectField`,
  * with an `inputProps` bundle. Compose the input yourself (add adornments, counters, prefixes).
@@ -1565,13 +1677,15 @@ type FormInputFieldProps<TForm extends BoundForm, TName extends DeepKeysOfType<T
  *   {(field, { inputProps }) => <Input {...inputProps} type="email" placeholder="you@co.com" />}
  * </FormInputField>
  */
-declare function FormInputField<TForm extends BoundForm, TName extends DeepKeysOfType<TForm['state']['values'], string>>(props: FormInputFieldProps<TForm, TName>): react_jsx_runtime0.JSX.Element;
+declare function FormInputField<TForm extends BoundForm, TName extends DeepKeysOfType<TForm['state']['values'], string>>(props: FormInputFieldProps<TForm, TName>): react_jsx_runtime4.JSX.Element;
 //#endregion
 //#region src/components/form-combobox-field.d.ts
 /**
  * Wiring bundles handed to a `FormComboboxField` child. The Combobox is structurally different
  * from a Select (search input instead of a trigger), so the bundles target its parts:
- * `comboboxProps` on the `<Combobox>` root, `comboboxInputProps` on `<ComboboxInput>`.
+ * `comboboxProps` on the `<Combobox>` root, `comboboxInputProps` on `<ComboboxInput>`. `id` lands
+ * on `comboboxInputProps` — the input is the actual focusable element, matching the shell's
+ * `FieldLabel` `htmlFor`.
  */
 type ComboboxControl = {
   comboboxProps: {
@@ -1579,6 +1693,7 @@ type ComboboxControl = {
     onValueChange: (value: string | null) => void;
   };
   comboboxInputProps: {
+    id: string;
     onBlur: () => void;
     'aria-invalid': true | undefined;
   };
@@ -1589,7 +1704,7 @@ type FormComboboxFieldProps<TForm extends BoundForm, TName extends DeepKeysOfTyp
   label?: LabelProp;
   description?: DescriptionProp;
   children: (field: TypedField<string>, control: ComboboxControl) => React$1.ReactNode;
-} & FieldBindingProps<TForm['state']['values'], TName> & NecessityProps;
+} & FieldBindingProps<TForm['state']['values'], TName> & NecessityProps & LayoutProps;
 /**
  * Combobox (searchable single-select) field wrapper for **string-valued** fields. Same threaded-
  * `form` typing and shared shell as the other wrappers; the render-prop hands you `comboboxProps`
@@ -1609,13 +1724,14 @@ type FormComboboxFieldProps<TForm extends BoundForm, TName extends DeepKeysOfTyp
  *   )}
  * </FormComboboxField>
  */
-declare function FormComboboxField<TForm extends BoundForm, TName extends DeepKeysOfType<TForm['state']['values'], string>>(props: FormComboboxFieldProps<TForm, TName>): react_jsx_runtime0.JSX.Element;
+declare function FormComboboxField<TForm extends BoundForm, TName extends DeepKeysOfType<TForm['state']['values'], string>>(props: FormComboboxFieldProps<TForm, TName>): react_jsx_runtime4.JSX.Element;
 //#endregion
 //#region src/components/form-multi-combobox-field.d.ts
 /**
  * Wiring bundles handed to a `FormMultiComboboxField` child. Spread `comboboxProps` onto the
  * `Combobox` root and `comboboxInputProps` onto its input — value/onValueChange live on the
- * root, while blur/`aria-invalid` belong to the input.
+ * root, while blur/id/`aria-invalid` belong to the input. `id` matches the shell's `FieldLabel`
+ * `htmlFor` so clicking the label focuses the chips input.
  */
 type MultiComboboxControl = {
   comboboxProps: {
@@ -1623,6 +1739,7 @@ type MultiComboboxControl = {
     onValueChange: (value: string[]) => void;
   };
   comboboxInputProps: {
+    id: string;
     onBlur: () => void;
     'aria-invalid': true | undefined;
   };
@@ -1633,7 +1750,7 @@ type FormMultiComboboxFieldProps<TForm extends BoundForm, TName extends DeepKeys
   label?: LabelProp;
   description?: DescriptionProp;
   children: (field: TypedField<string[]>, control: MultiComboboxControl) => React$1.ReactNode;
-} & FieldBindingProps<TForm['state']['values'], TName> & NecessityProps;
+} & FieldBindingProps<TForm['state']['values'], TName> & NecessityProps & LayoutProps;
 /**
  * Multi-select combobox field wrapper — same threaded-`form` typing and shared shell as
  * `FormSelectField`, with `comboboxProps` / `comboboxInputProps` bundles. `name` is restricted
@@ -1648,7 +1765,7 @@ type FormMultiComboboxFieldProps<TForm extends BoundForm, TName extends DeepKeys
  *   )}
  * </FormMultiComboboxField>
  */
-declare function FormMultiComboboxField<TForm extends BoundForm, TName extends DeepKeysOfType<TForm['state']['values'], string[]>>(props: FormMultiComboboxFieldProps<TForm, TName>): react_jsx_runtime0.JSX.Element;
+declare function FormMultiComboboxField<TForm extends BoundForm, TName extends DeepKeysOfType<TForm['state']['values'], string[]>>(props: FormMultiComboboxFieldProps<TForm, TName>): react_jsx_runtime4.JSX.Element;
 //#endregion
 //#region src/components/form-array-field.d.ts
 /**
@@ -1722,15 +1839,17 @@ type FormArrayFieldProps<TForm extends BoundForm, TName extends DeepKeysOfType<T
  *   )}
  * </FormArrayField>
  */
-declare function FormArrayField<TForm extends BoundForm, TName extends DeepKeysOfType<TForm['state']['values'], unknown[]>>(props: FormArrayFieldProps<TForm, TName>): react_jsx_runtime0.JSX.Element;
+declare function FormArrayField<TForm extends BoundForm, TName extends DeepKeysOfType<TForm['state']['values'], unknown[]>>(props: FormArrayFieldProps<TForm, TName>): react_jsx_runtime4.JSX.Element;
 //#endregion
 //#region src/components/form-textarea-field.d.ts
 /**
  * Wiring bundle handed to a `FormTextareaField` child. Spread `textareaProps` onto a DS
- * `Textarea` (or any native-textarea-shaped control) — value/onChange/onBlur/aria are pre-wired.
+ * `Textarea` (or any native-textarea-shaped control) — value/onChange/onBlur/id/aria are
+ * pre-wired; `id` matches the shell's `FieldLabel` `htmlFor` so clicking the label focuses it.
  */
 type TextareaControl = {
   textareaProps: {
+    id: string;
     value: string;
     onChange: (event: React$1.ChangeEvent<HTMLTextAreaElement>) => void;
     onBlur: () => void;
@@ -1743,7 +1862,7 @@ type FormTextareaFieldProps<TForm extends BoundForm, TName extends DeepKeysOfTyp
   label?: LabelProp;
   description?: DescriptionProp;
   children: (field: TypedField<string>, control: TextareaControl) => React$1.ReactNode;
-} & FieldBindingProps<TForm['state']['values'], TName> & NecessityProps;
+} & FieldBindingProps<TForm['state']['values'], TName> & NecessityProps & LayoutProps;
 /**
  * Multiline text-input field wrapper — same threaded-`form` typing and shared shell as
  * `FormSelectField`, with a `textareaProps` bundle. Compose the textarea yourself (rows,
@@ -1754,13 +1873,17 @@ type FormTextareaFieldProps<TForm extends BoundForm, TName extends DeepKeysOfTyp
  *   {(field, { textareaProps }) => <Textarea {...textareaProps} rows={4} />}
  * </FormTextareaField>
  */
-declare function FormTextareaField<TForm extends BoundForm, TName extends DeepKeysOfType<TForm['state']['values'], string>>(props: FormTextareaFieldProps<TForm, TName>): react_jsx_runtime0.JSX.Element;
+declare function FormTextareaField<TForm extends BoundForm, TName extends DeepKeysOfType<TForm['state']['values'], string>>(props: FormTextareaFieldProps<TForm, TName>): react_jsx_runtime4.JSX.Element;
 //#endregion
 //#region src/components/form-radio-group-field.d.ts
 /**
  * Wiring bundle handed to a `FormRadioGroupField` child. Spread `radioGroupProps` onto a DS
  * `RadioGroup` — this encodes the radio-specific quirks (the `'' ↔ null` value dance,
  * `aria-invalid`) so consumers don't re-derive them.
+ *
+ * No `id` here, unlike the single-control wrappers: a radio group has several focusable items,
+ * not one, so there's no single target for the shell's `FieldLabel` `htmlFor` to focus — native
+ * `<label>` click-to-focus doesn't apply to grouped controls the way it does to a single input.
  */
 type RadioGroupControl = {
   radioGroupProps: {
@@ -1776,7 +1899,7 @@ type FormRadioGroupFieldProps<TForm extends BoundForm, TName extends DeepKeysOfT
   label?: LabelProp;
   description?: DescriptionProp;
   children: (field: TypedField<string>, control: RadioGroupControl) => React$1.ReactNode;
-} & FieldBindingProps<TForm['state']['values'], TName> & NecessityProps;
+} & FieldBindingProps<TForm['state']['values'], TName> & NecessityProps & LayoutProps;
 /**
  * Radio-group field wrapper — same threaded-`form` typing and shared shell as `FormSelectField`,
  * with a `radioGroupProps` bundle. Compose the items yourself. `name` is restricted to the
@@ -1791,15 +1914,18 @@ type FormRadioGroupFieldProps<TForm extends BoundForm, TName extends DeepKeysOfT
  *   )}
  * </FormRadioGroupField>
  */
-declare function FormRadioGroupField<TForm extends BoundForm, TName extends DeepKeysOfType<TForm['state']['values'], string>>(props: FormRadioGroupFieldProps<TForm, TName>): react_jsx_runtime0.JSX.Element;
+declare function FormRadioGroupField<TForm extends BoundForm, TName extends DeepKeysOfType<TForm['state']['values'], string>>(props: FormRadioGroupFieldProps<TForm, TName>): react_jsx_runtime4.JSX.Element;
 //#endregion
 //#region src/components/form-otp-field.d.ts
 /**
  * Wiring bundle handed to a `FormOTPField` child. Spread `otpProps` onto a DS `InputOTP` —
- * value/onChange/onBlur/aria are pre-wired (`InputOTP` reports its value as a plain string).
+ * value/onChange/onBlur/id/aria are pre-wired (`InputOTP` reports its value as a plain string;
+ * it renders one real input under its visual slots, so `id` lands there and matches the shell's
+ * `FieldLabel` `htmlFor`).
  */
 type OTPControl = {
   otpProps: {
+    id: string;
     value: string;
     onChange: (value: string) => void;
     onBlur: () => void;
@@ -1812,7 +1938,7 @@ type FormOTPFieldProps<TForm extends BoundForm, TName extends DeepKeysOfType<TFo
   label?: LabelProp;
   description?: DescriptionProp;
   children: (field: TypedField<string>, control: OTPControl) => React$1.ReactNode;
-} & FieldBindingProps<TForm['state']['values'], TName> & NecessityProps;
+} & FieldBindingProps<TForm['state']['values'], TName> & NecessityProps & LayoutProps;
 /**
  * One-time-code field wrapper — same threaded-`form` typing and shared shell as `FormSelectField`,
  * with an `otpProps` bundle. Compose the slots yourself. `name` is restricted to the form's
@@ -1823,15 +1949,17 @@ type FormOTPFieldProps<TForm extends BoundForm, TName extends DeepKeysOfType<TFo
  *   {(field, { otpProps }) => <InputOTP maxLength={6} {...otpProps}>{slots}</InputOTP>}
  * </FormOTPField>
  */
-declare function FormOTPField<TForm extends BoundForm, TName extends DeepKeysOfType<TForm['state']['values'], string>>(props: FormOTPFieldProps<TForm, TName>): react_jsx_runtime0.JSX.Element;
+declare function FormOTPField<TForm extends BoundForm, TName extends DeepKeysOfType<TForm['state']['values'], string>>(props: FormOTPFieldProps<TForm, TName>): react_jsx_runtime4.JSX.Element;
 //#endregion
 //#region src/components/form-switch-field.d.ts
 /**
  * Wiring bundle handed to a `FormSwitchField` child. Spread `switchProps` onto a DS `Switch` —
- * checked/onCheckedChange/onBlur/aria are pre-wired.
+ * checked/onCheckedChange/onBlur/id/aria are pre-wired; `id` matches the shell's `FieldLabel`
+ * `htmlFor` so clicking the label toggles the switch.
  */
 type SwitchControl = {
   switchProps: {
+    id: string;
     checked: boolean;
     onCheckedChange: (checked: boolean) => void;
     onBlur: () => void;
@@ -1844,26 +1972,31 @@ type FormSwitchFieldProps<TForm extends BoundForm, TName extends DeepKeysOfType<
   label?: LabelProp;
   description?: DescriptionProp;
   children: (field: TypedField<boolean>, control: SwitchControl) => React$1.ReactNode;
-} & FieldBindingProps<TForm['state']['values'], TName> & NecessityProps;
+} & FieldBindingProps<TForm['state']['values'], TName> & NecessityProps & LayoutProps;
 /**
  * Toggle field wrapper — same threaded-`form` typing and shared shell as `FormSelectField`,
  * with a `switchProps` bundle. `name` is restricted to the form's **boolean** fields — a
  * string/number `name` is a type error.
  *
+ * In a horizontal/responsive layout the switch is a bare, natural-width control beside its label
+ * (`controlPosition` picks the side — defaults to `'start'`, i.e. switch on the left).
+ *
  * @example
  * <FormSwitchField form={form} name="enabled" label="Enabled" validators={{ onChange }}>
  *   {(field, { switchProps }) => <Switch {...switchProps} />}
  * </FormSwitchField>
  */
-declare function FormSwitchField<TForm extends BoundForm, TName extends DeepKeysOfType<TForm['state']['values'], boolean>>(props: FormSwitchFieldProps<TForm, TName>): react_jsx_runtime0.JSX.Element;
+declare function FormSwitchField<TForm extends BoundForm, TName extends DeepKeysOfType<TForm['state']['values'], boolean>>(props: FormSwitchFieldProps<TForm, TName>): react_jsx_runtime4.JSX.Element;
 //#endregion
 //#region src/components/form-numeric-field.d.ts
 /**
  * Wiring bundle handed to a `FormNumericField` child. Spread `numericProps` onto a DS
- * `NumericInput` — value/onValueChange/onBlur/aria are pre-wired (a cleared input coerces to `0`).
+ * `NumericInput` — value/onValueChange/onBlur/id/aria are pre-wired (a cleared input coerces to
+ * `0`); `id` matches the shell's `FieldLabel` `htmlFor` so clicking the label focuses the input.
  */
 type NumericControl = {
   numericProps: {
+    id: string;
     value: number;
     onValueChange: (value: number | null) => void;
     onBlur: () => void;
@@ -1876,7 +2009,7 @@ type FormNumericFieldProps<TForm extends BoundForm, TName extends DeepKeysOfType
   label?: LabelProp;
   description?: DescriptionProp;
   children: (field: TypedField<number>, control: NumericControl) => React$1.ReactNode;
-} & FieldBindingProps<TForm['state']['values'], TName> & NecessityProps;
+} & FieldBindingProps<TForm['state']['values'], TName> & NecessityProps & LayoutProps;
 /**
  * Numeric field wrapper — same threaded-`form` typing and shared shell as `FormSelectField`,
  * with a `numericProps` bundle for the DS `NumericInput` (prefer it over `Input type="number"`).
@@ -1887,17 +2020,26 @@ type FormNumericFieldProps<TForm extends BoundForm, TName extends DeepKeysOfType
  *   {(field, { numericProps }) => <NumericInput {...numericProps} />}
  * </FormNumericField>
  */
-declare function FormNumericField<TForm extends BoundForm, TName extends DeepKeysOfType<TForm['state']['values'], number>>(props: FormNumericFieldProps<TForm, TName>): react_jsx_runtime0.JSX.Element;
+declare function FormNumericField<TForm extends BoundForm, TName extends DeepKeysOfType<TForm['state']['values'], number>>(props: FormNumericFieldProps<TForm, TName>): react_jsx_runtime4.JSX.Element;
 //#endregion
 //#region src/components/form-slider-field.d.ts
 /**
  * Wiring bundle handed to a `FormSliderField` child. Spread `sliderProps` onto a DS `Slider` —
  * this encodes the single-value ↔ `number[]` dance the underlying range primitive expects.
+ *
+ * `onValueChange`'s parameter is `number | readonly number[]`, not just `number[]`: DS's
+ * `Slider` doesn't pin the `@base-ui/react` `Value` generic, so its declared `onValueChange`
+ * type is the union default. Always setting `value` to a 1-element array below does make the
+ * primitive call back with an array at runtime, but a handler typed to accept only `number[]`
+ * isn't contravariantly assignable to one the union requires — that's a real
+ * `strictFunctionTypes` violation, not a false positive, so the handler accepts (and narrows)
+ * both shapes instead of narrowing the prop.
  */
 type SliderControl = {
   sliderProps: {
+    id: string;
     value: number[];
-    onValueChange: (value: number[]) => void;
+    onValueChange: (value: number | readonly number[]) => void;
     onBlur: () => void;
   };
 };
@@ -1907,7 +2049,7 @@ type FormSliderFieldProps<TForm extends BoundForm, TName extends DeepKeysOfType<
   label?: LabelProp;
   description?: DescriptionProp;
   children: (field: TypedField<number>, control: SliderControl) => React$1.ReactNode;
-} & FieldBindingProps<TForm['state']['values'], TName> & NecessityProps;
+} & FieldBindingProps<TForm['state']['values'], TName> & NecessityProps & LayoutProps;
 /**
  * Slider field wrapper — same threaded-`form` typing and shared shell as `FormSelectField`,
  * with a `sliderProps` bundle. `name` is restricted to the form's **number** fields; the bundle
@@ -1918,13 +2060,17 @@ type FormSliderFieldProps<TForm extends BoundForm, TName extends DeepKeysOfType<
  *   {(field, { sliderProps }) => <Slider min={0} max={100} step={1} {...sliderProps} />}
  * </FormSliderField>
  */
-declare function FormSliderField<TForm extends BoundForm, TName extends DeepKeysOfType<TForm['state']['values'], number>>(props: FormSliderFieldProps<TForm, TName>): react_jsx_runtime0.JSX.Element;
+declare function FormSliderField<TForm extends BoundForm, TName extends DeepKeysOfType<TForm['state']['values'], number>>(props: FormSliderFieldProps<TForm, TName>): react_jsx_runtime4.JSX.Element;
 //#endregion
 //#region src/components/form-toggle-group-field.d.ts
 /**
  * Wiring bundle handed to a `FormToggleGroupField` child. Spread `toggleGroupProps` onto a DS
  * `ToggleGroup` — this encodes the single-value ↔ `string[]` dance the multi-select primitive
  * expects (last pressed item wins; cleared selection maps to `null`).
+ *
+ * No `id` here, unlike the single-control wrappers: a toggle group has several focusable items,
+ * not one, so there's no single target for the shell's `FieldLabel` `htmlFor` to focus — native
+ * `<label>` click-to-focus doesn't apply to grouped controls the way it does to a single input.
  */
 type ToggleGroupControl = {
   toggleGroupProps: {
@@ -1939,7 +2085,7 @@ type FormToggleGroupFieldProps<TForm extends BoundForm, TName extends DeepKeysOf
   label?: LabelProp;
   description?: DescriptionProp;
   children: (field: TypedField<string | null>, control: ToggleGroupControl) => React$1.ReactNode;
-} & FieldBindingProps<TForm['state']['values'], TName> & NecessityProps;
+} & FieldBindingProps<TForm['state']['values'], TName> & NecessityProps & LayoutProps;
 /**
  * Single-select toggle-group field wrapper — same threaded-`form` typing and shared shell as
  * `FormSelectField`, with a `toggleGroupProps` bundle. `name` is restricted to the form's
@@ -1955,7 +2101,7 @@ type FormToggleGroupFieldProps<TForm extends BoundForm, TName extends DeepKeysOf
  *   )}
  * </FormToggleGroupField>
  */
-declare function FormToggleGroupField<TForm extends BoundForm, TName extends DeepKeysOfType<TForm['state']['values'], string | null>>(props: FormToggleGroupFieldProps<TForm, TName>): react_jsx_runtime0.JSX.Element;
+declare function FormToggleGroupField<TForm extends BoundForm, TName extends DeepKeysOfType<TForm['state']['values'], string | null>>(props: FormToggleGroupFieldProps<TForm, TName>): react_jsx_runtime4.JSX.Element;
 //#endregion
 //#region src/form/field-errors.d.ts
 /**
@@ -2003,7 +2149,7 @@ declare function SaveBar({
   savingLabel,
   resetLabel,
   className
-}: SaveBarProps): react_jsx_runtime0.JSX.Element;
+}: SaveBarProps): react_jsx_runtime4.JSX.Element;
 //#endregion
 //#region src/components/dashboard-sidebar-nav.d.ts
 type DashboardSidebarNavSubmenuSeparator = {
@@ -2087,7 +2233,7 @@ type DashboardSidebarNavProps = {
 declare function DashboardSidebarNav({
   groups,
   renderLink
-}: DashboardSidebarNavProps): react_jsx_runtime0.JSX.Element;
+}: DashboardSidebarNavProps): react_jsx_runtime4.JSX.Element;
 //#endregion
 //#region src/components/dashboard-sidebar.d.ts
 declare const DashboardSidebarProvider: React$1.ForwardRefExoticComponent<Omit<DashboardSidebarProviderProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
@@ -2187,4 +2333,4 @@ declare namespace DashboardSidebarSubmenuSeparator {
   type Props = DashboardSidebarSubmenuSeparatorProps;
 }
 //#endregion
-export { type ArrayField, type ArrayItem, BetaBadge, type BoundForm, CardSaveBar, type CardSaveBarProps, ChatbotExpandSuggestion, type ChatbotExpandSuggestionProps, ChatbotInput, type ChatbotInputProps, ChatbotPage, ChatbotPageBody, type ChatbotPageBodyProps, ChatbotPageContent, type ChatbotPageContentProps, ChatbotPageConversation, type ChatbotPageConversationProps, ChatbotPageFooter, type ChatbotPageFooterProps, ChatbotPageHeading, type ChatbotPageHeadingProps, ChatbotPageInputBar, type ChatbotPageInputBarProps, type ChatbotPageProps, ChatbotPanel, ChatbotPanelHeader, type ChatbotPanelHeaderProps, type ChatbotPanelProps, ChatbotPanelSuggestion, type ChatbotPanelSuggestionItem, type ChatbotPanelSuggestionProps, ChatbotPanelTrigger, type ChatbotPanelTriggerProps, ChatbotResponseBlock, type ChatbotResponseBlockFeedback, type ChatbotResponseBlockProps, ChatbotResponseLoading, type ChatbotResponseLoadingProps, ChatbotSidebar, type ChatbotSidebarConversation, ChatbotUserMessage, type ChatbotUserMessageProps, type ComboboxControl, ComingSoonDescription, ComingSoonEmptyState, ComingSoonMedia, ComingSoonTitle, CommonForm, CopyButton, CopyButtonIcon, CopyButtonLabel, DashboardPage, DashboardPageBanner, DashboardPageContent, DashboardPageHeader, DashboardPageHeaderAction, DashboardPageHeaderActions, DashboardPageHeaderDescription, DashboardPageHeaderNav, DashboardPageHeaderNavBack, DashboardPageHeaderPrefix, DashboardPageHeaderSubtitle, DashboardPageHeaderTitle, DashboardPageHeaderTitleGroup, DashboardPageMain, DashboardPageTabs, DashboardSidebar, DashboardSidebarContent, DashboardSidebarFooter, DashboardSidebarGroup, DashboardSidebarGroupLabel, DashboardSidebarHeader, DashboardSidebarMenu, DashboardSidebarMenuBadge, DashboardSidebarMenuButton, DashboardSidebarMenuItem, DashboardSidebarNav, type DashboardSidebarNavGroup, type DashboardSidebarNavItem, type DashboardSidebarNavItemAction, type DashboardSidebarNavItemLink, type DashboardSidebarNavItemSubmenu, type DashboardSidebarNavSubmenuItem, DashboardSidebarProvider, DashboardSidebarSubmenu, DashboardSidebarSubmenuItem, DashboardSidebarSubmenuSeparator, DashboardSidebarTrigger, DashboardStandalonePage, DashboardStandalonePageAction, DashboardStandalonePageActions, DashboardStandalonePageContent, DashboardStandalonePageHeader, DashboardStandalonePageTitle, DeprecatedBadge, EmptyState, EmptyStateActions, EmptyStateButton, EmptyStateDescription, EmptyStateExternalLink, EmptyStateHeader, EmptyStateMedia, EmptyStateTitle, type FieldBindingProps, FormArrayField, type FormArrayFieldProps, FormComboboxField, type FormComboboxFieldProps, FormFieldBase, FormFieldShell, type FormFieldShellProps, type FormFieldValidators, FormInputField, type FormInputFieldProps, FormMultiComboboxField, type FormMultiComboboxFieldProps, FormNumericField, type FormNumericFieldProps, FormOTPField, type FormOTPFieldProps, FormRadioGroupField, type FormRadioGroupFieldProps, FormSelectField, type FormSelectFieldProps, FormSliderField, type FormSliderFieldProps, FormSwitchField, type FormSwitchFieldProps, FormTextareaField, type FormTextareaFieldProps, FormToggleGroupField, type FormToggleGroupFieldProps, type InputControl, type MultiComboboxControl, type NecessityProps, NewBadge, NoDataDescription, NoDataEmptyState, NoDataMedia, NoDataTitle, NoSupportDescription, NoSupportEmptyState, NoSupportMedia, NoSupportTitle, NotFoundDescription, NotFoundEmptyState, NotFoundMedia, NotFoundTitle, type NumericControl, type OTPControl, ProfessionalBadge, type RadioGroupControl, RestrictedAccessDescription, RestrictedAccessEmptyState, RestrictedAccessMedia, RestrictedAccessTitle, RoleBadge, type RoleBadgeRole, SaveBar, type SaveBarProps, type SelectControl, type SliderControl, SubmitButton, type SubmitButtonProps, type SwitchControl, type TextareaControl, type ToggleGroupControl, TrialBadge, type TypedField, UnknownErrorDescription, UnknownErrorEmptyState, UnknownErrorMedia, UnknownErrorTitle, fieldContext, formContext, toFieldErrors, useCopyToClipboard, useSidebar as useDashboardSidebar, useFieldContext, useForm, useFormContext, withFieldGroup, withForm };
+export { type ArrayField, type ArrayItem, BetaBadge, type BoundForm, CardSaveBar, type CardSaveBarProps, ChatbotExpandSuggestion, type ChatbotExpandSuggestionProps, ChatbotInput, type ChatbotInputProps, type ChatbotInputSuggestion, ChatbotPage, ChatbotPageBody, type ChatbotPageBodyProps, ChatbotPageContent, type ChatbotPageContentProps, ChatbotPageConversation, type ChatbotPageConversationProps, ChatbotPageFooter, type ChatbotPageFooterProps, ChatbotPageHeading, type ChatbotPageHeadingProps, ChatbotPageInputBar, type ChatbotPageInputBarProps, type ChatbotPageProps, ChatbotPanel, ChatbotPanelHeader, type ChatbotPanelHeaderProps, type ChatbotPanelProps, ChatbotPanelSuggestion, type ChatbotPanelSuggestionItem, type ChatbotPanelSuggestionProps, ChatbotPanelTrigger, type ChatbotPanelTriggerProps, ChatbotResponseBlock, type ChatbotResponseBlockFeedback, type ChatbotResponseBlockProps, ChatbotResponseLoading, type ChatbotResponseLoadingProps, ChatbotSidebar, type ChatbotSidebarConversation, ChatbotUserMessage, type ChatbotUserMessageProps, type ComboboxControl, ComingSoonDescription, ComingSoonEmptyState, ComingSoonMedia, ComingSoonTitle, CommonForm, CopyButton, CopyButtonIcon, CopyButtonLabel, DashboardPage, DashboardPageBanner, DashboardPageContent, DashboardPageHeader, DashboardPageHeaderAction, DashboardPageHeaderActions, DashboardPageHeaderDescription, DashboardPageHeaderNav, DashboardPageHeaderNavBack, DashboardPageHeaderPrefix, DashboardPageHeaderSubtitle, DashboardPageHeaderTitle, DashboardPageHeaderTitleGroup, DashboardPageMain, DashboardPageTabs, DashboardSidebar, DashboardSidebarContent, DashboardSidebarFooter, DashboardSidebarGroup, DashboardSidebarGroupLabel, DashboardSidebarHeader, DashboardSidebarMenu, DashboardSidebarMenuBadge, DashboardSidebarMenuButton, DashboardSidebarMenuItem, DashboardSidebarNav, type DashboardSidebarNavGroup, type DashboardSidebarNavItem, type DashboardSidebarNavItemAction, type DashboardSidebarNavItemLink, type DashboardSidebarNavItemSubmenu, type DashboardSidebarNavSubmenuItem, DashboardSidebarProvider, DashboardSidebarSubmenu, DashboardSidebarSubmenuItem, DashboardSidebarSubmenuSeparator, DashboardSidebarTrigger, DashboardStandalonePage, DashboardStandalonePageAction, DashboardStandalonePageActions, DashboardStandalonePageContent, DashboardStandalonePageDescription, DashboardStandalonePageHeader, DashboardStandalonePageMain, DashboardStandalonePageTitle, DeprecatedBadge, EmptyState, EmptyStateActions, EmptyStateButton, EmptyStateDescription, EmptyStateExternalLink, EmptyStateHeader, EmptyStateMedia, EmptyStateTitle, type FieldBindingProps, FormArrayField, type FormArrayFieldProps, FormComboboxField, type FormComboboxFieldProps, FormFieldBase, FormFieldShell, type FormFieldShellProps, type FormFieldValidators, FormInputField, type FormInputFieldProps, FormMultiComboboxField, type FormMultiComboboxFieldProps, FormNumericField, type FormNumericFieldProps, FormOTPField, type FormOTPFieldProps, FormRadioGroupField, type FormRadioGroupFieldProps, FormSelectField, type FormSelectFieldProps, FormSliderField, type FormSliderFieldProps, FormSwitchField, type FormSwitchFieldProps, FormTextareaField, type FormTextareaFieldProps, FormToggleGroupField, type FormToggleGroupFieldProps, type InputControl, type MultiComboboxControl, type NecessityProps, NewBadge, NoDataDescription, NoDataEmptyState, NoDataMedia, NoDataTitle, NoSupportDescription, NoSupportEmptyState, NoSupportMedia, NoSupportTitle, NotFoundDescription, NotFoundEmptyState, NotFoundMedia, NotFoundTitle, type NumericControl, type OTPControl, ProfessionalBadge, type RadioGroupControl, RestrictedAccessDescription, RestrictedAccessEmptyState, RestrictedAccessMedia, RestrictedAccessTitle, RoleBadge, type RoleBadgeRole, SaveBar, type SaveBarProps, type SelectControl, type SliderControl, SubmitButton, type SubmitButtonProps, type SwitchControl, type TextareaControl, type ToggleGroupControl, TrialBadge, type TypedField, UnknownErrorDescription, UnknownErrorEmptyState, UnknownErrorMedia, UnknownErrorTitle, fieldContext, formContext, toFieldErrors, useCopyToClipboard, useSidebar as useDashboardSidebar, useFieldContext, useForm, useFormContext, withFieldGroup, withForm };