@dloizides/ui-forms 1.13.4 → 1.15.0

package/CHANGELOG.md

@@ -1,5 +1,46 @@
 # Changelog
 
+## 1.15.0
+
+**`FormSwitch` now emits `aria-checked` / `aria-disabled` on web; `ChipSelector` gained an option icon slot and opt-in radio semantics.**
+
+`FormSwitch` (A11Y-ARIA-CHECKED-1): react-native-web 0.21 emits nothing from `accessibilityState` on web, so the
+switch wrapper rendered `role="switch"` with no `aria-checked` - an invalid switch that announced no state. The
+state is now passed as literal `aria-checked` (always) and `aria-disabled` (only when disabled) web props;
+`accessibilityState` also carries `disabled` for native.
+
+`ChipSelector`:
+- `ChipOption.icon?: React.ReactNode` - rendered before the label inside the chip, wrapped `aria-hidden`. Options
+  without an icon render the exact same tree as before.
+- `singleSelectRole?: 'button' | 'radio'` (type `ChipSingleSelectRole`). Default `button` = unchanged. With
+  `radio` and `multiple` unset, the group is `role="radiogroup"` and each chip `role="radio"` + `aria-checked`.
+  Ignored for multi-select. Trade-off: RN-web renders a radio chip as a `<div>`, which activates on Enter but not
+  Space and has no arrow-key roving focus.
+
+**Additive and backward-compatible.** No prop set = identical DOM for every existing consumer.
+
+## 1.14.0
+
+**`FormField` gained an opt-in `recentKey` — remember the last N submitted values and offer them on focus.**
+
+A search / filter / lookup box that the user retypes the same handful of values into now gets a
+"recent values" dropdown for free. Set `recentKey="<namespace>"` on a `FormField` and the values it
+submits are remembered (per key) and surfaced in a menu on focus; picking one fills the input. A
+value is recorded on submit (Enter) **and** on blur-with-content, so both "hit enter" and "typed then
+moved on" are captured. The dropdown reuses the kit's `AnchoredMenu` (portalled to `document.body`, so
+it is never painted behind a table / card / the next field) with full a11y (menu name, per-row label +
+hint + role).
+
+Persistence is `localStorage` under `@dloizides/ui-forms:recent:<recentKey>`; the list de-dupes
+case-insensitively, promotes a repeat to the front, and caps at `recentMax` (default 10). On native /
+SSR / when storage is disabled it is a silent no-op (recents are always `[]`), and every storage
+access is wrapped so a quota or privacy-mode failure can never throw into render.
+
+**Additive and backward-compatible.** Leave `recentKey` unset — the default — and the field behaves
+exactly as before: nothing rendered, no state/refs/effects, no storage touched. NEVER set it on a
+password / secure field. The engine is also exported standalone as `useRecentValues(key, max?)` for
+bespoke recents surfaces, and `AnchoredMenu` gained an optional `accessibilityLabel` for naming the menu.
+
 ## 1.13.3
 
 **Placeholder text was too dark — it read like an already-filled value.**

package/dist/index.d.mts

@@ -394,8 +394,21 @@ interface FormFieldProps extends Omit<TextInputProps, 'style'> {
     required?: boolean;
     error?: string;
     containerStyle?: ViewStyle;
+    /**
+     * OPT-IN "recent values" behaviour. When set, the values submitted through this field are
+     * remembered (per this key) and offered in a dropdown on focus; picking one fills the input.
+     * Values are recorded on submit (Enter) and on blur-with-content. Persisted to `localStorage`
+     * under `@dloizides/ui-forms:recent:<recentKey>`; a silent no-op on native / when storage is
+     * unavailable.
+     *
+     * Leave it UNSET (the default) and the field behaves exactly as before — nothing rendered, no
+     * storage touched. NEVER set it on a password / secure field: recents must not persist secrets.
+     */
+    recentKey?: string;
+    /** Cap on remembered values when {@link recentKey} is set (most-recent-first). Default 10. */
+    recentMax?: number;
 }
-declare const FormField: ({ label, labelHidden, required, error, containerStyle, ...textInputProps }: FormFieldProps) => React.ReactElement;
+declare const FormField: ({ label, labelHidden, required, error, containerStyle, recentKey, recentMax, ...textInputProps }: FormFieldProps) => React.ReactElement;
 
 /**
  * `ThemedTextInput` — the shared, readable + lively text-input primitive. A thin `<TextInput>`
@@ -479,28 +492,57 @@ interface ThemedInput {
 }
 declare function useThemedInput(options?: UseThemedInputOptions): ThemedInput;
 
+interface RecentValues {
+    /** The remembered values, most-recent-first (never longer than `max`; `[]` when storage is unavailable). */
+    recents: string[];
+    /** Fold a value into the list (trim / de-dupe / promote / cap) and persist. Empty values are ignored. */
+    remember: (value: string) => void;
+    /** Forget every remembered value for this key and clear it from storage. */
+    clear: () => void;
+}
 /**
- * Chip/pill selector for selecting one or multiple options.
- *
- * Two visual variants (both fully theme-driven):
- *  - `solid` (default) — the original filled-pill look: selected = solid primary fill with
- *    white ink. Unchanged, so existing consumers (erevna / katalogos / kefi) render identically.
- *  - `outline` — the AML v1 console look: an outlined pill on a muted fill; selected = a subtle
- *    tinted-outline (primary border + primary ink + a low-alpha primary wash), NOT a solid fill.
- *    Hover (web) lifts the border/ink to the primary colour.
- *
- * The label row, the error line and the container spacing come from the shared `Field` wrapper —
- * NOT from a local `<Text>`. Its own label used to drift from `Field` on three of four axes
- * (`marginBottom: 8` vs 4, no `fontSize` at all so ~14 vs 13, `colors.text` vs `textSecondary`),
- * so a `ChipSelector` next to a `FormField` in a row/grid started a different distance down the
- * column and read as a different weight of text. Now there is exactly one label implementation.
+ * @param key logical name for this input's history (namespaced under `@dloizides/ui-forms:recent:`).
+ * @param max most-recent-first cap on remembered values. Default {@link DEFAULT_MAX_RECENTS}.
+ */
+declare function useRecentValues(key: string, max?: number): RecentValues;
+
+/**
+ * `recentValuesCore` — the pure + storage-facing internals of {@link useRecentValues}, kept out of
+ * the hook file so the list algebra (trim / de-dupe / promote / cap) and the `localStorage` access
+ * are each unit-testable in isolation.
+ *
+ * ## RN-web storage reality
+ *
+ * `ui-forms` runs on react-native-web, so a component using this may mount on web (where
+ * `window.localStorage` exists), on native (where it does NOT), or under SSR / a hardened browser
+ * where touching `window.localStorage` THROWS (disabled cookies, privacy mode, quota). Every access
+ * therefore goes through {@link getStorage}, which returns `null` rather than throwing, and every
+ * read/write is wrapped so a storage failure degrades to an in-memory-only no-op instead of
+ * exploding inside render. On native / when storage is unavailable the feature is simply inert and
+ * the recents list is always `[]`.
+ */
+/** Default cap on remembered values (most-recent-first). */
+declare const DEFAULT_MAX_RECENTS = 10;
+
+/**
+ * Public + internal types for ChipSelector. Split out of `ChipSelector.tsx` so the component, its
+ * two chip variants and the radio keyboard hook can share them without a circular import.
  */
 
 /** Visual variant. `solid` = filled selected pill (default); `outline` = v1 tinted-outline. */
 type ChipVariant = 'solid' | 'outline';
+/**
+ * Role of a SINGLE-select chip. `button` (default) = today's semantics; `radio` = opt-in
+ * `radiogroup` of `radio` chips carrying `aria-checked`. Ignored when `multiple` is set.
+ * A string union rather than a `const enum` to match `ChipVariant`: a const enum does not
+ * survive the package boundary for consumers compiled with `isolatedModules`.
+ */
+type ChipSingleSelectRole = 'button' | 'radio';
 interface ChipOption<T> {
     value: T;
     label: string;
+    /** Optional decorative icon rendered before the label; hidden from assistive tech. */
+    icon?: React.ReactNode;
 }
 interface ChipSelectorProps<T> {
     /** Optional — with no label, no label row is rendered (no phantom gap above the chips). */
@@ -540,8 +582,37 @@ interface ChipSelectorProps<T> {
      * consumers keep their current announcement.
      */
     optionAccessibilityHint?: string;
+    /**
+     * Opt-in radio semantics for a SINGLE-select group: the group becomes `role="radiogroup"` and
+     * each chip `role="radio"` + `aria-checked`, with the WAI-ARIA radio group keyboard pattern
+     * (Space activates, arrow keys move focus + selection with wrap, one roving tab stop).
+     * Defaults to `button` (unchanged behaviour). Ignored when `multiple` is set — a multi chip
+     * stays a toggle button with `aria-pressed`.
+     */
+    singleSelectRole?: ChipSingleSelectRole;
 }
-declare const ChipSelector: <T extends string | number>({ label, options, value, onChange, multiple, disabled, variant, containerStyle, spacing, required, error, testID, chipTestIDPrefix, optionAccessibilityHint, }: ChipSelectorProps<T>) => React.ReactElement;
+
+/**
+ * Chip/pill selector for selecting one or multiple options.
+ *
+ * Two visual variants (both fully theme-driven):
+ *  - `solid` (default) — the original filled-pill look: selected = solid primary fill with
+ *    white ink. Unchanged, so existing consumers (erevna / katalogos / kefi) render identically.
+ *  - `outline` — the AML v1 console look: an outlined pill on a muted fill; selected = a subtle
+ *    tinted-outline (primary border + primary ink + a low-alpha primary wash), NOT a solid fill.
+ *    Hover (web) lifts the border/ink to the primary colour.
+ *
+ * The label row, the error line and the container spacing come from the shared `Field` wrapper —
+ * NOT from a local `<Text>`. Its own label used to drift from `Field` on three of four axes
+ * (`marginBottom: 8` vs 4, no `fontSize` at all so ~14 vs 13, `colors.text` vs `textSecondary`),
+ * so a `ChipSelector` next to a `FormField` in a row/grid started a different distance down the
+ * column and read as a different weight of text. Now there is exactly one label implementation.
+ *
+ * Structure: chip variants in `components/`, the radio keyboard wiring in `hooks/`, and the pure
+ * resolvers (`chipIdentity`, colours, radio key logic) in `utils/`.
+ */
+
+declare const ChipSelector: <T extends string | number>({ label, options, value, onChange, multiple, disabled, variant, containerStyle, spacing, required, error, testID, chipTestIDPrefix, optionAccessibilityHint, singleSelectRole, }: ChipSelectorProps<T>) => React.ReactElement;
 
 /**
  * Reusable form switch/toggle with an optional description.
@@ -770,6 +841,12 @@ interface AnchoredMenuProps {
     colors: AnchoredMenuColors;
     /** PRE-LOCALIZED accessibility hint applied to every option. */
     optionHint: string;
+    /**
+     * PRE-LOCALIZED accessible NAME for the menu container itself (e.g. "Recent values"). Optional and
+     * additive — omitted, the menu keeps only its `role="menu"` as before, so existing callers are
+     * unaffected. Supplied, a screen reader announces the list's purpose, not just "menu".
+     */
+    accessibilityLabel?: string;
     /** Base testID: the menu is `${testID}-menu`, each option `${testID}-option-${value}`. */
     testID: string;
     /** Node whose clicks count as "inside" (the anchor) so its own press doesn't self-dismiss. */
@@ -788,7 +865,7 @@ interface AnchoredMenuProps {
      */
     usePortal?: boolean;
 }
-declare function AnchoredMenu({ options, selectedValue, onSelect, onDismiss, colors, optionHint, testID, anchorRef, usePortal, }: AnchoredMenuProps): React.ReactElement;
+declare function AnchoredMenu({ options, selectedValue, onSelect, onDismiss, colors, optionHint, accessibilityLabel, testID, anchorRef, usePortal, }: AnchoredMenuProps): React.ReactElement;
 
 declare const controlStyles: {
     /**
@@ -893,4 +970,4 @@ declare function suggestOptions(options: readonly ControlOption[], query: string
 /** True when `text` is non-empty yet matches no option's value or label exactly (case-insensitive). */
 declare function isUnmatched(options: readonly ControlOption[], text: string): boolean;
 
-export { AnchoredMenu, type AnchoredMenuColors, type AnchoredMenuProps, type ChipOption, ChipSelector, type ChipSelectorProps, type ChipVariant, type ControlOption, DEFAULT_OPTIONAL_LABEL, DEFAULT_TYPEAHEAD_MAX_SUGGESTIONS, DEFAULT_TYPEAHEAD_MIN_CHARS, DateRangeControl, type DateRangeControlProps, type DateRangeValue, Field, type FieldChildContext, type FieldChildren, type FieldLabelVariant, type FieldMarker, type FieldProps, type FieldSpacing, FormActions, type FormActionsProps, FormCell, type FormCellProps, FormCheckbox, type FormCheckboxProps, FormField, type FormFieldProps, FormGrid, type FormGridProps, FormSection, type FormSectionProps, FormSwitch, type FormSwitchProps, SelectControl, type SelectControlProps, type ThemedInput, ThemedTextInput, type ThemedTextInputProps, TypeaheadControl, type TypeaheadControlProps, type UseThemedInputOptions, controlStyles, isUnmatched, suggestOptions, useThemedInput };
+export { AnchoredMenu, type AnchoredMenuColors, type AnchoredMenuProps, type ChipOption, ChipSelector, type ChipSelectorProps, type ChipSingleSelectRole, type ChipVariant, type ControlOption, DEFAULT_MAX_RECENTS, DEFAULT_OPTIONAL_LABEL, DEFAULT_TYPEAHEAD_MAX_SUGGESTIONS, DEFAULT_TYPEAHEAD_MIN_CHARS, DateRangeControl, type DateRangeControlProps, type DateRangeValue, Field, type FieldChildContext, type FieldChildren, type FieldLabelVariant, type FieldMarker, type FieldProps, type FieldSpacing, FormActions, type FormActionsProps, FormCell, type FormCellProps, FormCheckbox, type FormCheckboxProps, FormField, type FormFieldProps, FormGrid, type FormGridProps, FormSection, type FormSectionProps, FormSwitch, type FormSwitchProps, type RecentValues, SelectControl, type SelectControlProps, type ThemedInput, ThemedTextInput, type ThemedTextInputProps, TypeaheadControl, type TypeaheadControlProps, type UseThemedInputOptions, controlStyles, isUnmatched, suggestOptions, useRecentValues, useThemedInput };

package/dist/index.d.ts

@@ -394,8 +394,21 @@ interface FormFieldProps extends Omit<TextInputProps, 'style'> {
     required?: boolean;
     error?: string;
     containerStyle?: ViewStyle;
+    /**
+     * OPT-IN "recent values" behaviour. When set, the values submitted through this field are
+     * remembered (per this key) and offered in a dropdown on focus; picking one fills the input.
+     * Values are recorded on submit (Enter) and on blur-with-content. Persisted to `localStorage`
+     * under `@dloizides/ui-forms:recent:<recentKey>`; a silent no-op on native / when storage is
+     * unavailable.
+     *
+     * Leave it UNSET (the default) and the field behaves exactly as before — nothing rendered, no
+     * storage touched. NEVER set it on a password / secure field: recents must not persist secrets.
+     */
+    recentKey?: string;
+    /** Cap on remembered values when {@link recentKey} is set (most-recent-first). Default 10. */
+    recentMax?: number;
 }
-declare const FormField: ({ label, labelHidden, required, error, containerStyle, ...textInputProps }: FormFieldProps) => React.ReactElement;
+declare const FormField: ({ label, labelHidden, required, error, containerStyle, recentKey, recentMax, ...textInputProps }: FormFieldProps) => React.ReactElement;
 
 /**
  * `ThemedTextInput` — the shared, readable + lively text-input primitive. A thin `<TextInput>`
@@ -479,28 +492,57 @@ interface ThemedInput {
 }
 declare function useThemedInput(options?: UseThemedInputOptions): ThemedInput;
 
+interface RecentValues {
+    /** The remembered values, most-recent-first (never longer than `max`; `[]` when storage is unavailable). */
+    recents: string[];
+    /** Fold a value into the list (trim / de-dupe / promote / cap) and persist. Empty values are ignored. */
+    remember: (value: string) => void;
+    /** Forget every remembered value for this key and clear it from storage. */
+    clear: () => void;
+}
 /**
- * Chip/pill selector for selecting one or multiple options.
- *
- * Two visual variants (both fully theme-driven):
- *  - `solid` (default) — the original filled-pill look: selected = solid primary fill with
- *    white ink. Unchanged, so existing consumers (erevna / katalogos / kefi) render identically.
- *  - `outline` — the AML v1 console look: an outlined pill on a muted fill; selected = a subtle
- *    tinted-outline (primary border + primary ink + a low-alpha primary wash), NOT a solid fill.
- *    Hover (web) lifts the border/ink to the primary colour.
- *
- * The label row, the error line and the container spacing come from the shared `Field` wrapper —
- * NOT from a local `<Text>`. Its own label used to drift from `Field` on three of four axes
- * (`marginBottom: 8` vs 4, no `fontSize` at all so ~14 vs 13, `colors.text` vs `textSecondary`),
- * so a `ChipSelector` next to a `FormField` in a row/grid started a different distance down the
- * column and read as a different weight of text. Now there is exactly one label implementation.
+ * @param key logical name for this input's history (namespaced under `@dloizides/ui-forms:recent:`).
+ * @param max most-recent-first cap on remembered values. Default {@link DEFAULT_MAX_RECENTS}.
+ */
+declare function useRecentValues(key: string, max?: number): RecentValues;
+
+/**
+ * `recentValuesCore` — the pure + storage-facing internals of {@link useRecentValues}, kept out of
+ * the hook file so the list algebra (trim / de-dupe / promote / cap) and the `localStorage` access
+ * are each unit-testable in isolation.
+ *
+ * ## RN-web storage reality
+ *
+ * `ui-forms` runs on react-native-web, so a component using this may mount on web (where
+ * `window.localStorage` exists), on native (where it does NOT), or under SSR / a hardened browser
+ * where touching `window.localStorage` THROWS (disabled cookies, privacy mode, quota). Every access
+ * therefore goes through {@link getStorage}, which returns `null` rather than throwing, and every
+ * read/write is wrapped so a storage failure degrades to an in-memory-only no-op instead of
+ * exploding inside render. On native / when storage is unavailable the feature is simply inert and
+ * the recents list is always `[]`.
+ */
+/** Default cap on remembered values (most-recent-first). */
+declare const DEFAULT_MAX_RECENTS = 10;
+
+/**
+ * Public + internal types for ChipSelector. Split out of `ChipSelector.tsx` so the component, its
+ * two chip variants and the radio keyboard hook can share them without a circular import.
  */
 
 /** Visual variant. `solid` = filled selected pill (default); `outline` = v1 tinted-outline. */
 type ChipVariant = 'solid' | 'outline';
+/**
+ * Role of a SINGLE-select chip. `button` (default) = today's semantics; `radio` = opt-in
+ * `radiogroup` of `radio` chips carrying `aria-checked`. Ignored when `multiple` is set.
+ * A string union rather than a `const enum` to match `ChipVariant`: a const enum does not
+ * survive the package boundary for consumers compiled with `isolatedModules`.
+ */
+type ChipSingleSelectRole = 'button' | 'radio';
 interface ChipOption<T> {
     value: T;
     label: string;
+    /** Optional decorative icon rendered before the label; hidden from assistive tech. */
+    icon?: React.ReactNode;
 }
 interface ChipSelectorProps<T> {
     /** Optional — with no label, no label row is rendered (no phantom gap above the chips). */
@@ -540,8 +582,37 @@ interface ChipSelectorProps<T> {
      * consumers keep their current announcement.
      */
     optionAccessibilityHint?: string;
+    /**
+     * Opt-in radio semantics for a SINGLE-select group: the group becomes `role="radiogroup"` and
+     * each chip `role="radio"` + `aria-checked`, with the WAI-ARIA radio group keyboard pattern
+     * (Space activates, arrow keys move focus + selection with wrap, one roving tab stop).
+     * Defaults to `button` (unchanged behaviour). Ignored when `multiple` is set — a multi chip
+     * stays a toggle button with `aria-pressed`.
+     */
+    singleSelectRole?: ChipSingleSelectRole;
 }
-declare const ChipSelector: <T extends string | number>({ label, options, value, onChange, multiple, disabled, variant, containerStyle, spacing, required, error, testID, chipTestIDPrefix, optionAccessibilityHint, }: ChipSelectorProps<T>) => React.ReactElement;
+
+/**
+ * Chip/pill selector for selecting one or multiple options.
+ *
+ * Two visual variants (both fully theme-driven):
+ *  - `solid` (default) — the original filled-pill look: selected = solid primary fill with
+ *    white ink. Unchanged, so existing consumers (erevna / katalogos / kefi) render identically.
+ *  - `outline` — the AML v1 console look: an outlined pill on a muted fill; selected = a subtle
+ *    tinted-outline (primary border + primary ink + a low-alpha primary wash), NOT a solid fill.
+ *    Hover (web) lifts the border/ink to the primary colour.
+ *
+ * The label row, the error line and the container spacing come from the shared `Field` wrapper —
+ * NOT from a local `<Text>`. Its own label used to drift from `Field` on three of four axes
+ * (`marginBottom: 8` vs 4, no `fontSize` at all so ~14 vs 13, `colors.text` vs `textSecondary`),
+ * so a `ChipSelector` next to a `FormField` in a row/grid started a different distance down the
+ * column and read as a different weight of text. Now there is exactly one label implementation.
+ *
+ * Structure: chip variants in `components/`, the radio keyboard wiring in `hooks/`, and the pure
+ * resolvers (`chipIdentity`, colours, radio key logic) in `utils/`.
+ */
+
+declare const ChipSelector: <T extends string | number>({ label, options, value, onChange, multiple, disabled, variant, containerStyle, spacing, required, error, testID, chipTestIDPrefix, optionAccessibilityHint, singleSelectRole, }: ChipSelectorProps<T>) => React.ReactElement;
 
 /**
  * Reusable form switch/toggle with an optional description.
@@ -770,6 +841,12 @@ interface AnchoredMenuProps {
     colors: AnchoredMenuColors;
     /** PRE-LOCALIZED accessibility hint applied to every option. */
     optionHint: string;
+    /**
+     * PRE-LOCALIZED accessible NAME for the menu container itself (e.g. "Recent values"). Optional and
+     * additive — omitted, the menu keeps only its `role="menu"` as before, so existing callers are
+     * unaffected. Supplied, a screen reader announces the list's purpose, not just "menu".
+     */
+    accessibilityLabel?: string;
     /** Base testID: the menu is `${testID}-menu`, each option `${testID}-option-${value}`. */
     testID: string;
     /** Node whose clicks count as "inside" (the anchor) so its own press doesn't self-dismiss. */
@@ -788,7 +865,7 @@ interface AnchoredMenuProps {
      */
     usePortal?: boolean;
 }
-declare function AnchoredMenu({ options, selectedValue, onSelect, onDismiss, colors, optionHint, testID, anchorRef, usePortal, }: AnchoredMenuProps): React.ReactElement;
+declare function AnchoredMenu({ options, selectedValue, onSelect, onDismiss, colors, optionHint, accessibilityLabel, testID, anchorRef, usePortal, }: AnchoredMenuProps): React.ReactElement;
 
 declare const controlStyles: {
     /**
@@ -893,4 +970,4 @@ declare function suggestOptions(options: readonly ControlOption[], query: string
 /** True when `text` is non-empty yet matches no option's value or label exactly (case-insensitive). */
 declare function isUnmatched(options: readonly ControlOption[], text: string): boolean;
 
-export { AnchoredMenu, type AnchoredMenuColors, type AnchoredMenuProps, type ChipOption, ChipSelector, type ChipSelectorProps, type ChipVariant, type ControlOption, DEFAULT_OPTIONAL_LABEL, DEFAULT_TYPEAHEAD_MAX_SUGGESTIONS, DEFAULT_TYPEAHEAD_MIN_CHARS, DateRangeControl, type DateRangeControlProps, type DateRangeValue, Field, type FieldChildContext, type FieldChildren, type FieldLabelVariant, type FieldMarker, type FieldProps, type FieldSpacing, FormActions, type FormActionsProps, FormCell, type FormCellProps, FormCheckbox, type FormCheckboxProps, FormField, type FormFieldProps, FormGrid, type FormGridProps, FormSection, type FormSectionProps, FormSwitch, type FormSwitchProps, SelectControl, type SelectControlProps, type ThemedInput, ThemedTextInput, type ThemedTextInputProps, TypeaheadControl, type TypeaheadControlProps, type UseThemedInputOptions, controlStyles, isUnmatched, suggestOptions, useThemedInput };
+export { AnchoredMenu, type AnchoredMenuColors, type AnchoredMenuProps, type ChipOption, ChipSelector, type ChipSelectorProps, type ChipSingleSelectRole, type ChipVariant, type ControlOption, DEFAULT_MAX_RECENTS, DEFAULT_OPTIONAL_LABEL, DEFAULT_TYPEAHEAD_MAX_SUGGESTIONS, DEFAULT_TYPEAHEAD_MIN_CHARS, DateRangeControl, type DateRangeControlProps, type DateRangeValue, Field, type FieldChildContext, type FieldChildren, type FieldLabelVariant, type FieldMarker, type FieldProps, type FieldSpacing, FormActions, type FormActionsProps, FormCell, type FormCellProps, FormCheckbox, type FormCheckboxProps, FormField, type FormFieldProps, FormGrid, type FormGridProps, FormSection, type FormSectionProps, FormSwitch, type FormSwitchProps, type RecentValues, SelectControl, type SelectControlProps, type ThemedInput, ThemedTextInput, type ThemedTextInputProps, TypeaheadControl, type TypeaheadControlProps, type UseThemedInputOptions, controlStyles, isUnmatched, suggestOptions, useRecentValues, useThemedInput };