Foundations
The surfaces and glyphs everything else is built from- surfaces, shadows, skeleton
- react-icons registry, one key per concept
- busy states, SkeletonGroup
- the page-shaped Suspense fallback, promoted from speedway
- stored documents, copy, line numbers
- headline numbers, tones, trends
- the pipeline strip, promoted from three hand-builds
- the section-opener label, two sizes
- the ramp, roles not sizes, ink ladder, mono cases
Forms
How a reader acts and enters: buttons, inputs, pickers, chips- variants, presets, promisify, badges
- surfaces, field dials, check + toggle
- keyboard nav, search, groups
- a form from a JSON Schema, one anatomy
- which picker when: dropdown, select, facet, split, palette
- selectable tokens
- click-to-edit text
- upload entry
Feedback
How the app talks back: status, alerts, empty and loading states, dialogs- the status vocabulary
- the centered-message primitive
- PageInfo preset
- loading, error, list states
- toned banners, actions, markdown
- registry, confirm, reactive bodies
- pushAlert, custom controls
- colors, rich preset, interactive
Structure
How a page is laid out: shells, titles, tabs, panels, prose- pipeline stages, status + detail slots
- floating panels, any trigger
- sidebar + topbar chrome
- page header row, back-link slot
- stored markdown, rendered with the kit
- the trail and the topbar crumb
- list-in-card rows, row-as-link
- right column, esc-aware, resizable
- IdentityRow, WorkspaceSwitcher
Data
How records are shown and filtered: tables, chips, toolbars- lean core, look contract, row expand
- sort, filters, selection, pager
- Layer B: sort, search, filters, selection
- standing facets, FilterableCell
- field and file name tokens
- descriptive facts, borderless
- Chip, FieldChip, the ruled lg frame, side by side
- every recorded table at its stress values, no widths written
- kit FacetBar, walmart standing selects, speedway FilterBar
Ergonomics
The small conveniences: copy, timestamps, the hooks underneath- one-click copy with acknowledgment
- keypress, debounce, storage, guards
- relative time, absolute, formatters
- renderNode, markdown-lite, accent, portal