Forms

A collapsed-by-default group of secondary settings.

BoundedNumber — a NumberInput preset for a bounded numeric where "empty" has a semantic meaning ("No limit") instead of reading as a blank box.

Buttons joined into one connected control — a segmented choice or a set of related actions.

Date picker calendar (react-day-picker v9), themed with brand tokens.

Binary on/off toggle within a form (multi-select within a group).

ColorPicker — a token-safe swatch picker backed by a Popover.

Searchable single/multi select — Select with typeahead over a large or async option set.

Single-date picker (Popover + Calendar).

Date range picker (Popover + Calendar in range mode).

A compound field anatomy — FieldRoot + FieldLabel/FieldControl/FieldDescription/FieldError — for callers who need to COMPOSE a field layout FieldRow (Forms/FieldRow) can't express: more than one control in one row, or a description placed before the control.

Label/description/error/aria-describedby wiring for a single field OUTSIDE a react-hook-form context.

FileUpload — compound-component root (Provider).

react-hook-form + zod integration layer.

An input with attached prefix and suffix slots — a unit, an icon, a button — as one field.

A one-time-code entry with one slot per digit and paste support.

KeyValueEditor — key/value rows with per-row secret masking.

The caption for a form control, wired to it for clicks and assistive technology.

ListEditor — one Input per row over a string[], with add / remove / keyboard-operable reorder (move-up/move-down buttons, not drag-and-drop — no drag library exists in the monorepo and none should be added for this).

An @-mention text field on a real <textarea>.

NumberInput — a numeric stepper that composes InputGroup + two step buttons.

Mutually-exclusive single choice from a small visible set.

Rating — a star rating control.

Convenience composition: Provider → Root(form) → title/description → Fields → Error → Submit.

SegmentedField — a labelled segmented control with STICKY selection.

Single-choice dropdown from a known set of options.

One Thumb is rendered per value.

SliderNumber — a Slider and a NumberInput bound to one value, clamped and rounded in lockstep so they can never disagree, plus an explicit null state meaning "use the provider default" with a reset control.

Immediate on/off setting toggle (applies on change, not on submit).

TagInput — chip-style multi-value text entry.

A two-state button that stays pressed, for an on/off setting shown as a button.

Several toggles as one control, choosing one or several of the options.

Two lists with move buttons between them, for choosing a subset of items from a larger set.

A select whose options are a hierarchical {@link Tree}.

A combobox backed by @tanstack/react-virtual that renders only the visible window of options.