updated skills
This commit is contained in:
@@ -88,4 +88,3 @@ heaviest bin's count as the score and its midpoint as the alignment offset.
|
||||
## License
|
||||
|
||||
MIT — see `LICENSE` at the repo root.
|
||||
|
||||
|
||||
@@ -133,4 +133,3 @@ export function Preview({ lrc }: { lrc: string }) {
|
||||
| `./error-codes` | `REACT_AUDIO_PLAYER.*` registry. |
|
||||
|
||||
See the per-feature `.md` files for full API references.
|
||||
|
||||
|
||||
@@ -79,13 +79,13 @@ function StyledLyrics({ lrc, time }: { lrc: string; time: number }) {
|
||||
## API Reference
|
||||
|
||||
- `<LyricsDisplay>` accepts `LyricsDisplayProps`:
|
||||
- `lyrics?: readonly Lyric[]` — preferred over `lrc`.
|
||||
- `lrc?: string` — parsed once per identity change.
|
||||
- `currentSec: number` — required.
|
||||
- `intervalMs?: number` (default 100).
|
||||
- `announceLyrics?: boolean` (default `true`).
|
||||
- `className?: string`.
|
||||
- `renderLine?: ({ lyric, isActive, index }) => ReactNode`.
|
||||
- `lyrics?: readonly Lyric[]` — preferred over `lrc`.
|
||||
- `lrc?: string` — parsed once per identity change.
|
||||
- `currentSec: number` — required.
|
||||
- `intervalMs?: number` (default 100).
|
||||
- `announceLyrics?: boolean` (default `true`).
|
||||
- `className?: string`.
|
||||
- `renderLine?: ({ lyric, isActive, index }) => ReactNode`.
|
||||
|
||||
## Implementation Notes
|
||||
|
||||
|
||||
@@ -89,14 +89,14 @@ function StandaloneLyricPreview({ lrc }: { lrc: string }) {
|
||||
|
||||
- `useLyrics(opts: UseLyricsOptions): UseLyricsResult`
|
||||
- `UseLyricsOptions`:
|
||||
- `lyrics?: readonly Lyric[]` — preferred.
|
||||
- `lrc?: string` — parsed once per identity change.
|
||||
- `intervalMs?: number` (default 100).
|
||||
- `currentSec: number` — required.
|
||||
- `lyrics?: readonly Lyric[]` — preferred.
|
||||
- `lrc?: string` — parsed once per identity change.
|
||||
- `intervalMs?: number` (default 100).
|
||||
- `currentSec: number` — required.
|
||||
- `UseLyricsResult`:
|
||||
- `lyrics: readonly Lyric[]`,
|
||||
- `activeIndex: number` (`-1` for "before first cue / empty"),
|
||||
- `activeLyric: Lyric | undefined`.
|
||||
- `lyrics: readonly Lyric[]`,
|
||||
- `activeIndex: number` (`-1` for "before first cue / empty"),
|
||||
- `activeLyric: Lyric | undefined`.
|
||||
|
||||
## Implementation Notes
|
||||
|
||||
|
||||
@@ -129,4 +129,3 @@ export function App() {
|
||||
- Zero browser audio APIs: no `AudioContext` / `AudioNode` / `AudioWorklet` imports.
|
||||
- DAW solo semantics live in the mixer hook, not in each component.
|
||||
- Every hook throws `REACT_AUDIO_STREAM.NO_PROVIDER` outside a `<StreamProvider>`.
|
||||
|
||||
|
||||
@@ -203,4 +203,3 @@ Phase 1.
|
||||
## License
|
||||
|
||||
MIT
|
||||
|
||||
|
||||
@@ -84,7 +84,7 @@ without needing a snapshot store. The component keeps a local
|
||||
`version` counter that is incremented after every registration so
|
||||
React schedules a re-render — `list()` itself is a method, not a
|
||||
reactive primitive. The registration form intentionally writes a
|
||||
*placeholder* factory that throws when invoked; this prevents the
|
||||
_placeholder_ factory that throws when invoked; this prevents the
|
||||
loader from accidentally being used in production to register
|
||||
half-real factories. Consumers wanting real registration should call
|
||||
`registry.register(...)` directly from a parent component.
|
||||
|
||||
@@ -87,17 +87,17 @@ function TrackVisualizer({ adapter, trackId }) {
|
||||
|
||||
- `useAnalyser(opts?: UseAnalyserOptions): UseAnalyserResult`
|
||||
- `UseAnalyserOptions`:
|
||||
- `analyser?: AnalyserLike | null` — direct ref; supersedes `factory`.
|
||||
- `factory?: () => AnalyserLike | null` — lazy resolver, retried per tick.
|
||||
- `intervalMs?: number` — poll interval (default 16).
|
||||
- `fftSize?: number` — power-of-2 in `[32, 32768]` (default 2048).
|
||||
- `smoothingTimeConstant?: number` — `[0, 1]` (default 0.8).
|
||||
- `minDecibels?: number` — default `-100`.
|
||||
- `maxDecibels?: number` — default `-30`.
|
||||
- `analyser?: AnalyserLike | null` — direct ref; supersedes `factory`.
|
||||
- `factory?: () => AnalyserLike | null` — lazy resolver, retried per tick.
|
||||
- `intervalMs?: number` — poll interval (default 16).
|
||||
- `fftSize?: number` — power-of-2 in `[32, 32768]` (default 2048).
|
||||
- `smoothingTimeConstant?: number` — `[0, 1]` (default 0.8).
|
||||
- `minDecibels?: number` — default `-100`.
|
||||
- `maxDecibels?: number` — default `-30`.
|
||||
- `UseAnalyserResult`:
|
||||
- `analyser: AnalyserLike | null` — resolved instance or `null`.
|
||||
- `frequency: Uint8Array` — byte-magnitude FFT, identity-stable.
|
||||
- `waveform: Uint8Array` — byte time-domain, identity-stable.
|
||||
- `analyser: AnalyserLike | null` — resolved instance or `null`.
|
||||
- `frequency: Uint8Array` — byte-magnitude FFT, identity-stable.
|
||||
- `waveform: Uint8Array` — byte time-domain, identity-stable.
|
||||
|
||||
## Implementation Notes
|
||||
|
||||
|
||||
@@ -9,7 +9,7 @@ _(no submodules)_
|
||||
`useEngineState()` reports the `<AudioProvider>`'s async-init
|
||||
lifecycle phase as one of `'pending' | 'ready' | 'error'`. It is the
|
||||
only engine-aware hook that does **not** throw on the pending phase —
|
||||
its purpose is to *report* that phase so consumers can render a
|
||||
its purpose is to _report_ that phase so consumers can render a
|
||||
loading state or gate child trees on engine readiness.
|
||||
|
||||
The hook still throws `ReactAudioError(REACT_AUDIO.NO_PROVIDER)` when
|
||||
|
||||
@@ -20,7 +20,7 @@ contract.
|
||||
or throws.
|
||||
- `useAudioContextOrThrow()` — returns the raw `AudioContextValue`
|
||||
(without the pending check) for hooks like `useEngineState` that
|
||||
need to *report* the lifecycle phase rather than throw on it.
|
||||
need to _report_ the lifecycle phase rather than throw on it.
|
||||
|
||||
## Usage: Basic
|
||||
|
||||
|
||||
@@ -10,7 +10,7 @@ _(no submodules)_
|
||||
instance, the canonical owner of timeline state — tracks, clips,
|
||||
selection, loop region, master volume, undo/redo. The engine exposes
|
||||
its own typed event surface (`engine.on(event, listener)`); consumers
|
||||
who want to *subscribe* to engine events should pair this hook with
|
||||
who want to _subscribe_ to engine events should pair this hook with
|
||||
`useSyncExternalStore` and pass `engine.on(...)` as the subscribe
|
||||
callback. The hook itself returns the engine handle and does not
|
||||
trigger re-renders on engine state changes.
|
||||
|
||||
@@ -103,4 +103,3 @@ unmount.
|
||||
story gate — depend on packages not yet .
|
||||
- Bundle-size snapshot — repo-wide tooling not yet wired.
|
||||
- Playwright E2E specs — see `e2e/README.md`.
|
||||
|
||||
|
||||
@@ -123,4 +123,3 @@ This package is the **Wave 1** core. The Wave 2 forms (`LoginForm`, `RegisterFor
|
||||
## Observability
|
||||
|
||||
All instrumented call paths emit through `metrics.getMeter("suaveplan.react-auth")`. Counters: `react_auth.sign_in.total`, `react_auth.sign_up.total`, `react_auth.sign_out.total`, `react_auth.guard.allow.total`, `react_auth.guard.deny.total`. Histogram: `react_auth.session_fetch.duration_ms`.
|
||||
|
||||
|
||||
@@ -111,4 +111,3 @@ spec: changing the skin is a pure CSS-variable swap.
|
||||
user-driven `onChange` from an atomic control.
|
||||
- `control_surface_render_duration_ms` — histogram recorded by the runtime per
|
||||
surface render commit (registered for future chunks).
|
||||
|
||||
|
||||
@@ -163,4 +163,3 @@ This package ships a local mirror of the `@suaveplan/midi`
|
||||
`MidiMessage` contract in `src/midi-contract/`. Once
|
||||
`@suaveplan/midi` graduates to `workspace:^`, the local mirror is
|
||||
replaced by a re-export from that package without any shape change.
|
||||
|
||||
|
||||
@@ -17,7 +17,7 @@ specialised hooks (`useMidiInput`, `useMidiDevices`) wrap it for
|
||||
narrower use-cases.
|
||||
|
||||
The hook never throws on a `denied` / `unsupported` status — it
|
||||
*reports* the state. The only throw is the structural
|
||||
_reports_ the state. The only throw is the structural
|
||||
`REACT_MIDI.NO_PROVIDER` when rendered outside a provider.
|
||||
|
||||
## Features
|
||||
|
||||
@@ -59,7 +59,7 @@ data-MSB/LSB CCs (6 and 38) are shared with NRPN — devices follow
|
||||
the convention of sending a fresh paramHigh selector to switch
|
||||
between the two address spaces, which the reducer handles via its
|
||||
"new paramHigh resets partial state" rule. Consumers that need to
|
||||
listen to *both* NRPN and RPN streams from the same port simply
|
||||
listen to _both_ NRPN and RPN streams from the same port simply
|
||||
compose the two hooks side by side; the underlying input adapter
|
||||
fans the parsed messages out to both subscriptions without
|
||||
double-binding the Web MIDI `onmidimessage` slot.
|
||||
|
||||
@@ -246,9 +246,11 @@ this README covers what Wave 2 ships.
|
||||
- [variants](./src/variants/variants.md) — <!-- begin:auto-docs --> _(no submodules)_ <!-- end:auto-docs -->
|
||||
- [variants](./src/variants/variants.md) — <!-- begin:auto-docs --> _(no submodules)_ <!-- end:auto-docs -->
|
||||
- [version](./src/version.md) — Declares the running version of `@suaveplan/react-ui` as the constant `REACT_UI_VERSION`. The version is hand-maintaine…
|
||||
|
||||
<!-- end:auto-docs --> - accordion.variants — `accordionVariants`, `accordio…
|
||||
- [accordion](./src/components/accordion/accordion.md) — <!-- begin:auto-docs --> _(no submodules)_- accordion.variants — `accordionVariants`, `accordio…
|
||||
- [accordion.variants](./src/components/accordion/accordion.variants.md) — `accordionVariants`, `accordionItemVariants`, `accordionHeaderVariants`, `accordionTriggerVariants`, and `accordionCont…
|
||||
|
||||
- [accordion](./src/components/accordion/accordion.md) — <!-- begin:auto-docs --> _(no submodules)_- accordion.variants — `accordionVariants`, `accordio…
|
||||
- [accordion.variants](./src/components/accordion/accordion.variants.md) — `accordionVariants`, `accordionItemVariants`, `accordionHeaderVariants`, `accordionTriggerVariants`, and `accordionCont…
|
||||
- [alert](./src/components/alert/alert.md) — <!-- begin:auto-docs --> _(no submodules)_- alert.variants — `alertVariants` is the cva config……
|
||||
- [alert](./src/components/alert/alert.md) — <!-- begin:auto-docs --> _(no submodules)_- alert.variants — `alertVariants` is the cva config……
|
||||
- [alert.variants](./src/components/alert/alert.variants.md) — `alertVariants` is the cva config that powers the `<Alert>` chassis component. It exposes a `variant` axis with four ru…
|
||||
@@ -873,4 +875,3 @@ Cross-cutting design: `docs/cross-cutting-designs/2026-05-05-react-ui-react-i18n
|
||||
## License
|
||||
|
||||
MIT — © Suaveplan Team.
|
||||
|
||||
|
||||
@@ -3,6 +3,7 @@
|
||||
<!-- begin:auto-docs -->
|
||||
_(no submodules)_
|
||||
<!-- end:auto-docs --> - accordion.variants — `accordionVariants`, `accordio…
|
||||
|
||||
- [accordion.variants](./accordion.variants.md) — `accordionVariants`, `accordionItemVariants`, `accordionHeaderVariants`, `accordionTriggerVariants`, and `accordionCont…
|
||||
- accordion.variants — `accordionVariants`, `accordio…
|
||||
|
||||
|
||||
@@ -3,6 +3,7 @@
|
||||
<!-- begin:auto-docs -->
|
||||
_(no submodules)_
|
||||
<!-- end:auto-docs --> - alert-dialog.variants — `alertDialogOverlayVariants…
|
||||
|
||||
- [alert-dialog.variants](./alert-dialog.variants.md) — `alertDialogOverlayVariants`, `alertDialogContentVariants`, `alertDialogHeaderVariants`, `alertDialogFooterVariants`, `…
|
||||
- alert-dialog.variants — `alertDialogOverlayVariants…
|
||||
|
||||
|
||||
@@ -3,6 +3,7 @@
|
||||
<!-- begin:auto-docs -->
|
||||
_(no submodules)_
|
||||
<!-- end:auto-docs --> - alert.variants — `alertVariants` is the cva config……
|
||||
|
||||
- [alert.variants](./alert.variants.md) — `alertVariants` is the cva config that powers the `<Alert>` chassis component. It exposes a `variant` axis with four ru…
|
||||
- alert.variants — `alertVariants` is the cva config……
|
||||
|
||||
|
||||
@@ -3,6 +3,7 @@
|
||||
<!-- begin:auto-docs -->
|
||||
_(no submodules)_
|
||||
<!-- end:auto-docs --> - aspect-ratio.variants — `aspectRatioVariants` is th…
|
||||
|
||||
- [aspect-ratio.variants](./aspect-ratio.variants.md) — `aspectRatioVariants` is the cva (class-variance-authority) configuration powering the `<AspectRatio>` outer wrapper. I…
|
||||
- aspect-ratio.variants — `aspectRatioVariants` is th…
|
||||
|
||||
|
||||
@@ -3,6 +3,7 @@
|
||||
<!-- begin:auto-docs -->
|
||||
_(no submodules)_
|
||||
<!-- end:auto-docs --> - avatar.variants — `avatarVariants` is the cva confi…
|
||||
|
||||
- [avatar.variants](./avatar.variants.md) — `avatarVariants` is the cva config that powers the `<Avatar>` chassis component (`<AvatarImage>` and `<AvatarFallback>`…
|
||||
- avatar.variants — `avatarVariants` is the cva confi…
|
||||
|
||||
|
||||
@@ -3,6 +3,7 @@
|
||||
<!-- begin:auto-docs -->
|
||||
_(no submodules)_
|
||||
<!-- end:auto-docs --> - badge.variants — `badgeVariants` is the cva config……
|
||||
|
||||
- [badge.variants](./badge.variants.md) — `badgeVariants` is the cva config that powers the `<Badge>` chassis component. It exposes a `variant` axis with four ru…
|
||||
- badge.variants — `badgeVariants` is the cva config……
|
||||
|
||||
|
||||
@@ -3,6 +3,7 @@
|
||||
<!-- begin:auto-docs -->
|
||||
_(no submodules)_
|
||||
<!-- end:auto-docs --> - breadcrumb.variants — `breadcrumbVariants`, `breadc…
|
||||
|
||||
- [breadcrumb.variants](./breadcrumb.variants.md) — `breadcrumbVariants`, `breadcrumbListVariants`, `breadcrumbItemVariants`, `breadcrumbLinkVariants`, `breadcrumbPageVari…
|
||||
- breadcrumb.variants — `breadcrumbVariants`, `breadc…
|
||||
|
||||
|
||||
@@ -3,6 +3,7 @@
|
||||
<!-- begin:auto-docs -->
|
||||
_(no submodules)_
|
||||
<!-- end:auto-docs --> - button.variants — `buttonVariants` is the cva (clas…
|
||||
|
||||
- [button.variants](./button.variants.md) — `buttonVariants` is the cva (class-variance-authority) configuration that powers every `<Button>` render. It is split f…
|
||||
- button.variants — `buttonVariants` is the cva (clas…
|
||||
|
||||
|
||||
@@ -3,6 +3,7 @@
|
||||
<!-- begin:auto-docs -->
|
||||
_(no submodules)_
|
||||
<!-- end:auto-docs --> - calendar.test-fixtures — Wave-3h local test fixture…
|
||||
|
||||
- [calendar.test-fixtures](./calendar.test-fixtures.md) — Wave-3h local test fixture that augments the chassis test i18n instance with the `react-ui.calendar.*` keyset. The chas…
|
||||
- [calendar.variants](./calendar.variants.md) — `calendarVariants` is the cva config that powers the outer wrapper of `<Calendar>`. The recipe is intentionally minimal…
|
||||
- calendar.test-fixtures — Wave-3h local test fixture…
|
||||
|
||||
@@ -3,6 +3,7 @@
|
||||
<!-- begin:auto-docs -->
|
||||
_(no submodules)_
|
||||
<!-- end:auto-docs --> - card.variants — `cardVariants` (and its sub-compone…
|
||||
|
||||
- [card.variants](./card.variants.md) — `cardVariants` (and its sub-component cva resolvers `cardHeaderVariants`, `cardTitleVariants`, `cardDescriptionVariants…
|
||||
- card.variants — `cardVariants` (and its sub-compone…
|
||||
|
||||
|
||||
@@ -3,6 +3,7 @@
|
||||
<!-- begin:auto-docs -->
|
||||
_(no submodules)_
|
||||
<!-- end:auto-docs --> - checkbox.variants — `checkboxVariants` is the cva (…
|
||||
|
||||
- [checkbox.variants](./checkbox.variants.md) — `checkboxVariants` is the cva (class-variance-authority) configuration that powers every `<Checkbox>` render. It is spl…
|
||||
- checkbox.variants — `checkboxVariants` is the cva (…
|
||||
|
||||
|
||||
@@ -3,6 +3,7 @@
|
||||
<!-- begin:auto-docs -->
|
||||
_(no submodules)_
|
||||
<!-- end:auto-docs --> - collapsible.variants — `collapsibleVariants`, `coll…
|
||||
|
||||
- [collapsible.variants](./collapsible.variants.md) — `collapsibleVariants`, `collapsibleTriggerVariants`, and `collapsibleContentVariants` are the cva (class-variance-autho…
|
||||
- collapsible.variants — `collapsibleVariants`, `coll…
|
||||
|
||||
|
||||
@@ -3,6 +3,7 @@
|
||||
<!-- begin:auto-docs -->
|
||||
_(no submodules)_
|
||||
<!-- end:auto-docs --> - confirm-delete-dialog.test-fixtures — Wave-3g local…
|
||||
|
||||
- [confirm-delete-dialog.test-fixtures](./confirm-delete-dialog.test-fixtures.md) — Wave-3g local test fixture that augments the chassis test i18n instance with the `react-ui.confirmDelete.*` keyset. The…
|
||||
- confirm-delete-dialog.test-fixtures — Wave-3g local…
|
||||
|
||||
|
||||
@@ -3,6 +3,7 @@
|
||||
<!-- begin:auto-docs -->
|
||||
_(no submodules)_
|
||||
<!-- end:auto-docs --> - context-menu.variants — `contextMenuContentVariants…
|
||||
|
||||
- [context-menu.variants](./context-menu.variants.md) — `contextMenuContentVariants`, `contextMenuItemVariants`, `contextMenuLabelVariants`, `contextMenuSeparatorVariants`, `c…
|
||||
- context-menu.variants — `contextMenuContentVariants…
|
||||
|
||||
|
||||
@@ -3,6 +3,7 @@
|
||||
<!-- begin:auto-docs -->
|
||||
_(no submodules)_
|
||||
<!-- end:auto-docs --> - data-table.variants — `dataTableVariants`, `dataTab…
|
||||
|
||||
- [data-table.variants](./data-table.variants.md) — `dataTableVariants`, `dataTablePaginationVariants`, and `dataTableSortHeaderVariants` drive the chassis `<DataTable>` o…
|
||||
- data-table.variants — `dataTableVariants`, `dataTab…
|
||||
|
||||
|
||||
@@ -3,6 +3,7 @@
|
||||
<!-- begin:auto-docs -->
|
||||
_(no submodules)_
|
||||
<!-- end:auto-docs --> - dialog.variants — `dialogOverlayVariants`, `dialogC…
|
||||
|
||||
- [dialog.variants](./dialog.variants.md) — `dialogOverlayVariants`, `dialogContentVariants`, `dialogHeaderVariants`, `dialogFooterVariants`, `dialogTitleVariants`…
|
||||
- dialog.variants — `dialogOverlayVariants`, `dialogC…
|
||||
|
||||
|
||||
@@ -3,6 +3,7 @@
|
||||
<!-- begin:auto-docs -->
|
||||
_(no submodules)_
|
||||
<!-- end:auto-docs --> - drawer.variants — `drawerOverlayVariants`, `drawerC…
|
||||
|
||||
- [drawer.variants](./drawer.variants.md) — `drawerOverlayVariants`, `drawerContentVariants`, `drawerHandleVariants`, `drawerHeaderVariants`, `drawerFooterVariants…
|
||||
- drawer.variants — `drawerOverlayVariants`, `drawerC…
|
||||
|
||||
|
||||
@@ -3,6 +3,7 @@
|
||||
<!-- begin:auto-docs -->
|
||||
_(no submodules)_
|
||||
<!-- end:auto-docs --> - dropdown-menu.variants — `dropdownMenuContentVarian…
|
||||
|
||||
- [dropdown-menu.variants](./dropdown-menu.variants.md) — `dropdownMenuContentVariants`, `dropdownMenuItemVariants`, `dropdownMenuLabelVariants`, `dropdownMenuSeparatorVariants`…
|
||||
- dropdown-menu.variants — `dropdownMenuContentVarian…
|
||||
|
||||
|
||||
@@ -3,6 +3,7 @@
|
||||
<!-- begin:auto-docs -->
|
||||
_(no submodules)_
|
||||
<!-- end:auto-docs --> - empty.variants — `emptyVariants` is the cva config……
|
||||
|
||||
- [empty.variants](./empty.variants.md) — `emptyVariants` is the cva config that powers the `<Empty>` chassis component (with `emptyHeaderVariants`, `emptyMediaV…
|
||||
- empty.variants — `emptyVariants` is the cva config……
|
||||
|
||||
|
||||
@@ -3,6 +3,7 @@
|
||||
<!-- begin:auto-docs -->
|
||||
_(no submodules)_
|
||||
<!-- end:auto-docs --> - error-boundary.metrics — Co-located OTel counter fo…
|
||||
|
||||
- [error-boundary.metrics](./error-boundary.metrics.md) — Co-located OTel counter for the chassis `<ErrorBoundary>` component. Lives next to the boundary itself rather than in t…
|
||||
- [error-boundary.test-fixtures](./error-boundary.test-fixtures.md) — Wave-3g local test fixture that augments the chassis test i18n instance with the `react-ui.errorBoundary.*` keyset. The…
|
||||
- [error-boundary.variants](./error-boundary.variants.md) — Cva slot definitions for the chassis `<ErrorBoundary>` default fallback. Splits the fallback into four named slots — ou…
|
||||
|
||||
@@ -3,6 +3,7 @@
|
||||
<!-- begin:auto-docs -->
|
||||
_(no submodules)_
|
||||
<!-- end:auto-docs --> - field-group.variants — `fieldGroupVariants` is the……
|
||||
|
||||
- [field-group.variants](./field-group.variants.md) — `fieldGroupVariants` is the cva (class-variance-authority) configuration powering every `<FieldGroup>` render. It is sp…
|
||||
- field-group.variants — `fieldGroupVariants` is the……
|
||||
|
||||
|
||||
@@ -3,6 +3,7 @@
|
||||
<!-- begin:auto-docs -->
|
||||
_(no submodules)_
|
||||
<!-- end:auto-docs --> - field-set.variants — `fieldSetVariants` and `fieldL…
|
||||
|
||||
- [field-set.variants](./field-set.variants.md) — `fieldSetVariants` and `fieldLegendVariants` are the cva (class-variance-authority) configurations powering `<FieldSet>…
|
||||
- field-set.variants — `fieldSetVariants` and `fieldL…
|
||||
|
||||
|
||||
@@ -3,6 +3,7 @@
|
||||
<!-- begin:auto-docs -->
|
||||
_(no submodules)_
|
||||
<!-- end:auto-docs --> - field.variants — `fieldVariants`, `fieldLabelVarian…
|
||||
|
||||
- [field.variants](./field.variants.md) — `fieldVariants`, `fieldLabelVariants`, `fieldDescriptionVariants`, and `fieldErrorVariants` are the four cva (class-var…
|
||||
- field.variants — `fieldVariants`, `fieldLabelVarian…
|
||||
|
||||
|
||||
@@ -3,6 +3,7 @@
|
||||
<!-- begin:auto-docs -->
|
||||
_(no submodules)_
|
||||
<!-- end:auto-docs --> - hover-card.variants — `hoverCardContentVariants` is…
|
||||
|
||||
- [hover-card.variants](./hover-card.variants.md) — `hoverCardContentVariants` is the cva configuration powering the `<HoverCardContent>` floating panel. It is split from…
|
||||
- hover-card.variants — `hoverCardContentVariants` is…
|
||||
|
||||
|
||||
@@ -3,6 +3,7 @@
|
||||
<!-- begin:auto-docs -->
|
||||
_(no submodules)_
|
||||
<!-- end:auto-docs --> - input-group.variants — `inputGroupVariants`, `input…
|
||||
|
||||
- [input-group.variants](./input-group.variants.md) — `inputGroupVariants`, `inputGroupAddonVariants`, `inputGroupInputVariants`, `inputGroupTextareaVariants`, and `inputGro…
|
||||
- input-group.variants — `inputGroupVariants`, `input…
|
||||
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
<!-- begin:auto-docs -->
|
||||
_(no submodules)_
|
||||
<!-- end:auto-docs -->
|
||||
- [input-number](./input-number/input-number.md) — <!-- begin:auto-docs --> _(no submodules)_- [input](./input.md) — <!-- begin:auto-docs --> _(no submodules)_- input-number — <!-- begin:auto-docs --> _(no submodu…
|
||||
- [input-number](./input-number/input-number.md) — <!-- begin:auto-docs --> _(no submodules)_- [input](./input.md) — <!-- begin:auto-docs --> _(no submodules)_- input-number — <!-- begin:auto-docs --> _(no submodu…
|
||||
- [input.variants](./input.variants.md) — `inputVariants` is the cva (class-variance-authority) configuration that powers every `<Input>` render. It is split fro…
|
||||
- [input-number](./input-number/input-number.md) — <!-- begin:auto-docs --> _(no submodules)_- [input](./input.md) — <!-- begin:auto-docs --> _(no submodules)_- [input.variants](./input.variants.md) — `inputVariants` is the cva (class-variance-authority) configuration that powers every `<Input>` render. It is split fro…
|
||||
- [input-number](./input-number/input-number.md) — <!-- begin:auto-docs --> _(no submodules)_- [input](./input.md) — <!-- begin:auto-docs --> _(no submodules)_- input-number — <!-- begin:au…
|
||||
|
||||
@@ -3,6 +3,7 @@
|
||||
<!-- begin:auto-docs -->
|
||||
_(no submodules)_
|
||||
<!-- end:auto-docs --> - label.variants — `labelVariants` is the cva (class-…
|
||||
|
||||
- [label.variants](./label.variants.md) — `labelVariants` is the cva (class-variance-authority) configuration that powers every `<Label>` render. It is split fro…
|
||||
- label.variants — `labelVariants` is the cva (class-…
|
||||
|
||||
|
||||
@@ -3,6 +3,7 @@
|
||||
<!-- begin:auto-docs -->
|
||||
_(no submodules)_
|
||||
<!-- end:auto-docs --> - menubar.variants — `menubarVariants`, `menubarTrigg…
|
||||
|
||||
- [menubar.variants](./menubar.variants.md) — `menubarVariants`, `menubarTriggerVariants`, `menubarContentVariants`, `menubarItemVariants`, `menubarLabelVariants`, `…
|
||||
- menubar.variants — `menubarVariants`, `menubarTrigg…
|
||||
|
||||
|
||||
@@ -3,6 +3,7 @@
|
||||
<!-- begin:auto-docs -->
|
||||
_(no submodules)_
|
||||
<!-- end:auto-docs --> - pagination.variants — `paginationVariants`, `pagina…
|
||||
|
||||
- [pagination.variants](./pagination.variants.md) — `paginationVariants`, `paginationContentVariants`, `paginationItemVariants`, `paginationLinkVariants`, `paginationPrevN…
|
||||
- pagination.variants — `paginationVariants`, `pagina…
|
||||
|
||||
|
||||
@@ -3,6 +3,7 @@
|
||||
<!-- begin:auto-docs -->
|
||||
_(no submodules)_
|
||||
<!-- end:auto-docs --> - popover.variants — `popoverContentVariants` is the……
|
||||
|
||||
- [popover.variants](./popover.variants.md) — `popoverContentVariants` is the cva configuration powering the `<PopoverContent>` floating panel. It is split from `pop…
|
||||
- popover.variants — `popoverContentVariants` is the……
|
||||
|
||||
|
||||
@@ -3,6 +3,7 @@
|
||||
<!-- begin:auto-docs -->
|
||||
_(no submodules)_
|
||||
<!-- end:auto-docs --> - progress.variants — `progressVariants` is the cva c…
|
||||
|
||||
- [progress.variants](./progress.variants.md) — `progressVariants` is the cva config that powers the `<Progress>` chassis component (paired with `progressIndicatorVari…
|
||||
- progress.variants — `progressVariants` is the cva c…
|
||||
|
||||
|
||||
@@ -3,6 +3,7 @@
|
||||
<!-- begin:auto-docs -->
|
||||
_(no submodules)_
|
||||
<!-- end:auto-docs --> - radio-group.variants — `radioGroupVariants` and `ra…
|
||||
|
||||
- [radio-group.variants](./radio-group.variants.md) — `radioGroupVariants` and `radioGroupItemVariants` are the cva (class-variance-authority) configurations powering `<Radi…
|
||||
- radio-group.variants — `radioGroupVariants` and `ra…
|
||||
|
||||
|
||||
@@ -3,6 +3,7 @@
|
||||
<!-- begin:auto-docs -->
|
||||
_(no submodules)_
|
||||
<!-- end:auto-docs --> - resizable.variants — `resizablePanelGroupVariants`,…
|
||||
|
||||
- [resizable.variants](./resizable.variants.md) — `resizablePanelGroupVariants`, `resizablePanelVariants`, `resizableHandleVariants`, and `resizableHandleGripVariants` a…
|
||||
- resizable.variants — `resizablePanelGroupVariants`,…
|
||||
|
||||
|
||||
@@ -3,6 +3,7 @@
|
||||
<!-- begin:auto-docs -->
|
||||
_(no submodules)_
|
||||
<!-- end:auto-docs --> - scroll-area.variants — `scrollAreaVariants`, `scrol…
|
||||
|
||||
- [scroll-area.variants](./scroll-area.variants.md) — `scrollAreaVariants`, `scrollAreaViewportVariants`, `scrollAreaScrollbarVariants`, `scrollAreaThumbVariants`, and `scro…
|
||||
- scroll-area.variants — `scrollAreaVariants`, `scrol…
|
||||
|
||||
|
||||
@@ -3,6 +3,7 @@
|
||||
<!-- begin:auto-docs -->
|
||||
_(no submodules)_
|
||||
<!-- end:auto-docs --> - select.test-fixtures — Wave-3h local test fixture t…
|
||||
|
||||
- [select.test-fixtures](./select.test-fixtures.md) — Wave-3h local test fixture that augments the chassis test i18n instance with the `react-ui.select.placeholder` key. The…
|
||||
- [select.variants](./select.variants.md) — The `<Select>` component is composed of six visual slots — trigger, content panel, item row, group label, separator, an…
|
||||
- select.test-fixtures — Wave-3h local test fixture t…
|
||||
|
||||
@@ -3,6 +3,7 @@
|
||||
<!-- begin:auto-docs -->
|
||||
_(no submodules)_
|
||||
<!-- end:auto-docs --> - separator.variants — `separatorVariants` is the cva…
|
||||
|
||||
- [separator.variants](./separator.variants.md) — `separatorVariants` is the cva (class-variance-authority) configuration that powers every `<Separator>` render. It is s…
|
||||
- separator.variants — `separatorVariants` is the cva…
|
||||
|
||||
|
||||
@@ -3,6 +3,7 @@
|
||||
<!-- begin:auto-docs -->
|
||||
_(no submodules)_
|
||||
<!-- end:auto-docs --> - sheet.variants — `sheetOverlayVariants`, `sheetCont…
|
||||
|
||||
- [sheet.variants](./sheet.variants.md) — `sheetOverlayVariants`, `sheetContentVariants`, `sheetHeaderVariants`, `sheetFooterVariants`, `sheetTitleVariants`, `sh…
|
||||
- sheet.variants — `sheetOverlayVariants`, `sheetCont…
|
||||
|
||||
|
||||
@@ -3,6 +3,7 @@
|
||||
<!-- begin:auto-docs -->
|
||||
_(no submodules)_
|
||||
<!-- end:auto-docs --> - skeleton.variants — `skeletonVariants` is the cva (…
|
||||
|
||||
- [skeleton.variants](./skeleton.variants.md) — `skeletonVariants` is the cva (class-variance-authority) configuration that powers every `<Skeleton>` render. It is spl…
|
||||
- skeleton.variants — `skeletonVariants` is the cva (…
|
||||
|
||||
|
||||
@@ -3,6 +3,7 @@
|
||||
<!-- begin:auto-docs -->
|
||||
_(no submodules)_
|
||||
<!-- end:auto-docs --> - sonner.variants — Defines the `sonnerToasterVariant…
|
||||
|
||||
- [sonner.variants](./sonner.variants.md) — Defines the `sonnerToasterVariants` cva slot for the chassis `<Sonner>` toaster host. Sonner manages its own stacking,…
|
||||
- sonner.variants — Defines the `sonnerToasterVariant…
|
||||
|
||||
|
||||
@@ -3,6 +3,7 @@
|
||||
<!-- begin:auto-docs -->
|
||||
_(no submodules)_
|
||||
<!-- end:auto-docs --> - spinner.variants — `spinnerVariants` is the cva con…
|
||||
|
||||
- [spinner.variants](./spinner.variants.md) — `spinnerVariants` is the cva config that powers the `<Spinner>` chassis component. It exposes a `size` axis (`sm` / `de…
|
||||
- spinner.variants — `spinnerVariants` is the cva con…
|
||||
|
||||
|
||||
@@ -3,6 +3,7 @@
|
||||
<!-- begin:auto-docs -->
|
||||
_(no submodules)_
|
||||
<!-- end:auto-docs --> - status-badge.variants — `statusBadgeVariants` is th…
|
||||
|
||||
- [status-badge.variants](./status-badge.variants.md) — `statusBadgeVariants` is the cva config that powers the `<StatusBadge>` chassis component. It exposes a `status` axis w…
|
||||
- status-badge.variants — `statusBadgeVariants` is th…
|
||||
|
||||
|
||||
@@ -3,6 +3,7 @@
|
||||
<!-- begin:auto-docs -->
|
||||
_(no submodules)_
|
||||
<!-- end:auto-docs --> - switch.variants — `switchVariants` and `switchThumb…
|
||||
|
||||
- [switch.variants](./switch.variants.md) — `switchVariants` and `switchThumbVariants` are the two cva (class-variance-authority) configurations that together powe…
|
||||
- switch.variants — `switchVariants` and `switchThumb…
|
||||
|
||||
|
||||
@@ -3,6 +3,7 @@
|
||||
<!-- begin:auto-docs -->
|
||||
_(no submodules)_
|
||||
<!-- end:auto-docs --> - table.variants — `tableVariants` and its eight sub-…
|
||||
|
||||
- [table.variants](./table.variants.md) — `tableVariants` and its eight sub-component cva resolvers (`tableHeaderVariants`, `tableBodyVariants`, `tableFooterVari…
|
||||
- table.variants — `tableVariants` and its eight sub-…
|
||||
|
||||
|
||||
@@ -3,6 +3,7 @@
|
||||
<!-- begin:auto-docs -->
|
||||
_(no submodules)_
|
||||
<!-- end:auto-docs --> - tabs.variants — `tabsVariants`, `tabsListVariants`,…
|
||||
|
||||
- [tabs.variants](./tabs.variants.md) — `tabsVariants`, `tabsListVariants`, `tabsTriggerVariants`, and `tabsContentVariants` are the cva (class-variance-author…
|
||||
- tabs.variants — `tabsVariants`, `tabsListVariants`,…
|
||||
|
||||
|
||||
@@ -3,6 +3,7 @@
|
||||
<!-- begin:auto-docs -->
|
||||
_(no submodules)_
|
||||
<!-- end:auto-docs --> - textarea.variants — `textareaVariants` is the cva (…
|
||||
|
||||
- [textarea.variants](./textarea.variants.md) — `textareaVariants` is the cva (class-variance-authority) configuration that powers every `<Textarea>` render. It is spl…
|
||||
- textarea.variants — `textareaVariants` is the cva (…
|
||||
|
||||
|
||||
@@ -3,6 +3,7 @@
|
||||
<!-- begin:auto-docs -->
|
||||
_(no submodules)_
|
||||
<!-- end:auto-docs --> - theme-toggle.variants — Cva slot for the chassis `<…
|
||||
|
||||
- [theme-toggle.variants](./theme-toggle.variants.md) — Cva slot for the chassis `<ThemeToggle>` icon-button. Mirrors the shape of `<Button variant="outline" size="icon">` so…
|
||||
- theme-toggle.variants — Cva slot for the chassis `<…
|
||||
|
||||
|
||||
@@ -3,6 +3,7 @@
|
||||
<!-- begin:auto-docs -->
|
||||
_(no submodules)_
|
||||
<!-- end:auto-docs --> - toggle-group.variants — `toggleGroupVariants` and `…
|
||||
|
||||
- [toggle-group.variants](./toggle-group.variants.md) — `toggleGroupVariants` and `toggleGroupItemVariants` are the cva (class-variance-authority) configurations powering `<To…
|
||||
- toggle-group.variants — `toggleGroupVariants` and `…
|
||||
|
||||
|
||||
@@ -3,6 +3,7 @@
|
||||
<!-- begin:auto-docs -->
|
||||
_(no submodules)_
|
||||
<!-- end:auto-docs --> - toggle.variants — `toggleVariants` is the cva (clas…
|
||||
|
||||
- [toggle.variants](./toggle.variants.md) — `toggleVariants` is the cva (class-variance-authority) configuration powering every `<Toggle>` render. It is split from…
|
||||
- toggle.variants — `toggleVariants` is the cva (clas…
|
||||
|
||||
|
||||
@@ -3,6 +3,7 @@
|
||||
<!-- begin:auto-docs -->
|
||||
_(no submodules)_
|
||||
<!-- end:auto-docs --> - tooltip.variants — `tooltipContentVariants` is the……
|
||||
|
||||
- [tooltip.variants](./tooltip.variants.md) — `tooltipContentVariants` is the cva configuration powering the `<TooltipContent>` floating bubble. It is split from `to…
|
||||
- tooltip.variants — `tooltipContentVariants` is the……
|
||||
|
||||
|
||||
@@ -3,10 +3,11 @@
|
||||
<!-- begin:auto-docs -->
|
||||
_(no submodules)_
|
||||
<!-- end:auto-docs -->
|
||||
- [pack-registry-provider](./pack-registry-provider/pack-registry-provider.md) — <!-- begin:auto-docs --> _(no submodules)_- [runtime-override](./runtime-override/runtime-override.md) — <!-- begin:auto-docs --> _(no submodules)_ - [runtime-override](./runtime-override/runtime-override.md) — <!-- begin:auto-docs --> _(no submodules)_- [use-pack-component](./use-pack-component/use-pack-component.md) — <!-- begin:auto-docs --> _(no submodules)_ - [use-pack-component](./use-pack-component/use-pack-component.md) — <!-- begin:auto-docs --> _(no submodules)_- [version-check](./version-check/version-check.md) — <!-- begin:auto-docs --> _(no submodules)_ - [version-check](./version-check/version-check.md) — <!-- begin:auto-docs --> _(no submodules)_- [pack-context](./pack-context.md) — <!-- begin:auto-docs --> _(no submodules)_- pack-registry-provider — <!-- begin:auto-docs --> _(…
|
||||
- [pack-registry-provider](./pack-registry-provider/pack-registry-provider.md) — <!-- begin:auto-docs --> _(no submodules)_- [runtime-override](./runtime-override/runtime-override.md) — <!-- begin:auto-docs --> _(no submodules)_ - [runtime-override](./runtime-override/runtime-override.md) — <!-- begin:auto-docs --> _(no submodules)_- [use-pack-component](./use-pack-component/use-pack-component.md) — <!-- begin:auto-docs --> _(no submodules)_ - [use-pack-component](./use-pack-component/use-pack-component.md) — <!-- begin:auto-docs --> _(no submodules)_- [version-check](./version-check/version-check.md) — <!-- begin:auto-docs --> _(no submodules)_ - [version-check](./version-check/version-check.md) — <!-- begin:auto-docs --> _(no submodules)_- [pack-context](./pack-context.md) — <!-- begin:auto-docs --> _(no submodules)_- pack-registry-provider — <!-- begin:auto-docs --> _(…
|
||||
- [pack-registry-provider](./pack-registry-provider/pack-registry-provider.md) — <!-- begin:auto-docs --> _(no submodules)_- [runtime-override](./runtime-override/runtime-override.md) — <!-- begin:auto-docs --> _(no submodules)_- [runtime-override](./runtime-override/runtime-override.md) — <!-- begin:auto-docs --> _(no submodules)_- [use-pack-component](./use-pack-component/use-pack-component.md) — <!-- begin:auto-docs --> _(no submodules)_- [use-pack-component](./use-pack-component/use-pack-component.md) — <!-- begin:auto-docs --> _(no submodules)_- [version-check](./version-check/version-check.md) — <!-- begin:auto-docs --> _(no submodules)_- [version-check](./version-check/version-check.md) — <!-- begin:auto-docs --> _(no submodules)_- [pack-context](./pack-context.md) — <!-- begin:auto-docs --> _(no submodules)_- [pack-registry-provider](./pack-registry-provider/pack-registry-provider.md) — <!-- begin:auto-docs --> _(no submodules)_- [runtime-override](./runtime-override/runtime-override.md) — <!-- begin:auto-docs --> _(no submodules)_- [runtime-override](./runtime-override/runtime-override.md) — <!-- begin:auto-docs --> _(no submodules)_- [use-pack-component](./use-pack-component/use-pack-component.md) — <!-- begin:auto-docs --> _(no submodules)_- [use-pack-component](./use-pack-component/use-pack-component.md) — <!-- begin:auto-docs --> _(no submodules)_- [version-check](./version-check/version-check.md) — <!-- begin:auto-docs --> _(no submodules)_- [version-check](./version-check/version-check.md) — <!-- begin:auto-docs --> _(no submodules)_- [pack-context](./pack-context.md) — <!-- begin:auto-docs --> _(no submodules)_- pack-registry-provider — <!-…
|
||||
- [pack-registry-provider](./pack-registry-provider/pack-registry-provider.md) — <!-- begin:auto-docs --> _(no submodules)_- [runtime-override](./runtime-override/runtime-override.md) — <!-- begin:auto-docs --> _(no submodules)_- [runtime-override](./runtime-override/runtime-override.md) — <!-- begin:auto-docs --> _(no submodules)_- [use-pack-component](./use-pack-component/use-pack-component.md) — <!-- begin:auto-docs --> _(no submodules)_- [use-pack-component](./use-pack-component/use-pack-component.md) — <!-- begin:auto-docs --> _(no submodules)_- [version-check](./version-check/version-check.md) — <!-- begin:auto-docs --> _(no submodules)_- [version-check](./version-check/version-check.md) — <!-- begin:auto-docs --> _(no submodules)_- [pack-context](./pack-context.md) — <!-- begin:auto-docs --> _(no submodules)_- pack-registry-provider — <!-- begin:auto-docs --> _…
|
||||
- [pack-registry-provider](./pack-registry-provider/pack-registry-provider.md) — <!-- begin:auto-docs --> _(no submodules)_- [runtime-override](./runtime-override/runtime-override.md) — <!-- begin:auto-docs --> _(no submodules)_ - [runtime-override](./runtime-override/runtime-override.md) — <!-- begin:auto-docs --> _(no submodules)_- [use-pack-component](./use-pack-component/use-pack-component.md) — <!-- begin:auto-docs --> _(no submodules)_ - [use-pack-component](./use-pack-component/use-pack-component.md) — <!-- begin:auto-docs --> _(no submodules)_- [version-check](./version-check/version-check.md) — <!-- begin:auto-docs --> _(no submodules)_ - [version-check](./version-check/version-check.md) — <!-- begin:auto-docs --> _(no submodules)_- [pack-context](./pack-context.md) — <!-- begin:auto-docs --> _(no submodules)_
|
||||
|
||||
## Purpose
|
||||
|
||||
Owns the React `Context` `<PackRegistryProvider>` writes into and the
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
<!-- begin:auto-docs -->
|
||||
_(no submodules)_
|
||||
<!-- end:auto-docs -->
|
||||
- [theme-provider](./theme-provider/theme-provider.md) — <!-- begin:auto-docs --> _(no submodules)_- [theme-switcher](./theme-switcher/theme-switcher.md) — <!-- begin:auto-docs --> _(no submodules)_ - [theme-switcher](./theme-switcher/theme-switcher.md) — <!-- begin:auto-docs --> _(no submodules)_- [dark](./themes/dark.md) — The dark counterpart of `lightTheme`. Same variant surface, same token names, lightness anchors inverted so foreground…
|
||||
- [theme-provider](./theme-provider/theme-provider.md) — <!-- begin:auto-docs --> _(no submodules)_- [theme-switcher](./theme-switcher/theme-switcher.md) — <!-- begin:auto-docs --> _(no submodules)_ - [theme-switcher](./theme-switcher/theme-switcher.md) — <!-- begin:auto-docs --> _(no submodules)_- [dark](./themes/dark.md) — The dark counterpart of `lightTheme`. Same variant surface, same token names, lightness anchors inverted so foreground…
|
||||
- [high-contrast](./themes/high-contrast.md) — Accessibility-first theme that meets WCAG AAA contrast for normal and large text alike. Pure-white foreground (`#FFFFFF…
|
||||
- [light](./themes/light.md) — The default `ThemePlugin` instance shipped with `@suaveplan/react-ui`. `lightTheme` matches the shadcn `nova` token pre…
|
||||
- [use-resolved-theme-tokens](./use-resolved-theme-tokens/use-resolved-theme-tokens.md) — `useResolvedThemeTokens()` is the read-side counterpart to `useThemeMutator()`. It returns the live merged token state…
|
||||
@@ -26,6 +26,7 @@ _(no submodules)_
|
||||
- [high-contrast](./themes/high-contrast.md) — Accessibility-first theme that meets WCAG AAA contrast for normal and large text alike. Pure-white foreground (`#FFFFFF…
|
||||
- [light](./themes/light.md) — The default `ThemePlugin` instance shipped with `@suaveplan/react-ui`. `lightTheme` matches the shadcn `nova` token pre…
|
||||
- [use-theme](./use-theme/use-theme.md) — <!-- begin:auto-docs --> _(no submodules)_ - [use-theme](./use-theme/use-theme.md) — <!-- begin:auto-docs --> _(no submodules)_- [use-theme-tokens](./use-theme-tokens/use-theme-tokens.md) — <!-- begin:auto-docs --> _(no submodules)_ - [use-theme-tokens](./use-theme-tokens/use-theme-tokens.md) — <!-- begin:auto-docs --> _(no submodules)_- [use-themed-variants](./use-themed-variants/use-themed-variants.md) — <!-- begin:auto-docs --> _(no submodules)_ - [use-themed-variants](./use-themed-variants/use-themed-variants.md) — <!-- begin:auto-docs --> _(no submodules)_- [theme-context](./theme-context.md) — <!-- begin:auto-docs --> _(no submodules)_
|
||||
|
||||
## Purpose
|
||||
|
||||
Owns the React `Context` `<ThemeProvider>` writes into and every theme
|
||||
|
||||
Reference in New Issue
Block a user