Foundations
The surfaces and glyphs everything else is built from- Cardsurfaces, shadows, skeleton
- Iconreact-icons registry, one key per concept
- Spinner + Progressbusy states, SkeletonGroup
- PageSkeletonthe page-shaped Suspense fallback, promoted from speedway
- CodeBlockstored documents, copy, line numbers
- StatTileheadline numbers, tones, trends
- Stepperthe pipeline strip, promoted from three hand-builds
- Kickerthe section-opener label, two sizes
- Typographythe ramp, roles not sizes, ink ladder, mono cases
Forms
How a reader acts and enters: buttons, inputs, pickers, chips- Buttonvariants, presets, promisify, badges
- Inputsurfaces, field dials, check + toggle
- Selectkeyboard nav, search, groups
- SchemaForma form from a JSON Schema, one anatomy
- Menus and pickerswhich picker when: dropdown, select, facet, split, palette
- Chipselectable tokens
- Inline Editclick-to-edit text
- Dropzoneupload entry
Feedback
How the app talks back: status, alerts, empty and loading states, dialogs- Status Pill + Dotthe status vocabulary
- Page Infothe centered-message primitive
- Empty StatePageInfo preset
- Page Statesloading, error, list states
- Alerttoned banners, actions, markdown
- Modalregistry, confirm, reactive bodies
- ToastpushAlert, custom controls
- Tooltipcolors, rich preset, interactive
Structure
How a page is laid out: shells, titles, tabs, panels, prose- Tabspipeline stages, status + detail slots
- Dropdownfloating panels, any trigger
- App Shellsidebar + topbar chrome
- Page Titlepage header row, back-link slot
- Markdownstored markdown, rendered with the kit
- Breadcrumbsthe trail and the topbar crumb
- List Itemlist-in-card rows, row-as-link
- Side Panelright column, esc-aware, resizable
- IdentityIdentityRow, WorkspaceSwitcher
Data
How records are shown and filtered: tables, chips, toolbars- Tablelean core, look contract, row expand
- DataTablesort, filters, selection, pager
- Table hooksLayer B: sort, search, filters, selection
- FacetBarstanding facets, FilterableCell
- FieldChipfield and file name tokens
- Chip speciesChip, FieldChip, the ruled lg frame, side by side
- Toolbar comparisonkit FacetBar, walmart standing selects, speedway FilterBar
Ergonomics
The small conveniences: copy, timestamps, the hooks underneath- Copy Buttonone-click copy with acknowledgment
- Interaction hookskeypress, debounce, storage, guards
- Timestamprelative time, absolute, formatters
- InternalsrenderNode, markdown-lite, accent, portal