175 KiB
@suaveplan/react-ui - React UI component library — opinionated providers, theme/pack plugin contracts, bundled translations, telemetry, shadcn-compatible registry generator.
Summary
Chassis for the Suaveplan React UI component library — opinionated providers, theme/pack plugin contracts, bundled translations, telemetry, and a shadcn-compatible registry generator.
This package ships the chassis for @suaveplan/react-ui. The 57+
components land per-batch under Wave 3 (a-h) of spec change
enterprise-react-ui-v2;
this README covers what Wave 2 ships.
Documentation tree
- accordion — (no submodules) - accordion.variants —
accordionVariants, `accordio…- accordion — (no submodules) - accordion.variants —
accordionVariants, `accordio… - accordion.variants —
accordionVariants,accordionItemVariants,accordionHeaderVariants,accordionTriggerVariants, and `accordionCont…
- accordion — (no submodules) - accordion.variants —
- alert — (no submodules) - alert.variants —
alertVariantsis the cva config……- alert — (no submodules) - alert.variants —
alertVariantsis the cva config…… - alert.variants —
alertVariantsis the cva config that powers the<Alert>chassis component. It exposes avariantaxis with four ru…
- alert — (no submodules) - alert.variants —
- alert-dialog — (no submodules) - alert-dialog.variants — `alertDialogOverlayVariants…
- alert-dialog — (no submodules) - alert-dialog.variants — `alertDialogOverlayVariants…
- alert-dialog.variants —
alertDialogOverlayVariants,alertDialogContentVariants,alertDialogHeaderVariants,alertDialogFooterVariants, `…
- aspect-ratio — (no submodules) - aspect-ratio.variants —
aspectRatioVariantsis th…- aspect-ratio — (no submodules) - aspect-ratio.variants —
aspectRatioVariantsis th… - aspect-ratio.variants —
aspectRatioVariantsis the cva (class-variance-authority) configuration powering the<AspectRatio>outer wrapper. I…
- aspect-ratio — (no submodules) - aspect-ratio.variants —
- avatar — (no submodules) - avatar.variants —
avatarVariantsis the cva confi…- avatar — (no submodules) - avatar.variants —
avatarVariantsis the cva confi… - avatar.variants —
avatarVariantsis the cva config that powers the<Avatar>chassis component (<AvatarImage>and<AvatarFallback>…
- avatar — (no submodules) - avatar.variants —
- badge — (no submodules) - badge.variants —
badgeVariantsis the cva config……- badge — (no submodules) - badge.variants —
badgeVariantsis the cva config…… - badge.variants —
badgeVariantsis the cva config that powers the<Badge>chassis component. It exposes avariantaxis with four ru…
- badge — (no submodules) - badge.variants —
- breadcrumb — (no submodules) - breadcrumb.variants —
breadcrumbVariants, `breadc…- breadcrumb — (no submodules) - breadcrumb.variants —
breadcrumbVariants, `breadc… - breadcrumb.variants —
breadcrumbVariants,breadcrumbListVariants,breadcrumbItemVariants,breadcrumbLinkVariants, `breadcrumbPageVari…
- breadcrumb — (no submodules) - breadcrumb.variants —
- button — (no submodules) - button.variants —
buttonVariantsis the cva (clas…- button — (no submodules) - button.variants —
buttonVariantsis the cva (clas… - button.variants —
buttonVariantsis the cva (class-variance-authority) configuration that powers every<Button>render. It is split f…
- button — (no submodules) - button.variants —
- calendar — (no submodules) - calendar.test-fixtures — Wave-3h local test fixture…
- calendar — (no submodules) - calendar.test-fixtures — Wave-3h local test fixture…
- calendar.test-fixtures — Wave-3h local test fixture that augments the chassis test i18n instance with the
react-ui.calendar.*keyset. The chas… - calendar.variants —
calendarVariantsis the cva config that powers the outer wrapper of<Calendar>. The recipe is intentionally minimal…
- card — (no submodules) - card.variants —
cardVariants(and its sub-compone…- card — (no submodules) - card.variants —
cardVariants(and its sub-compone… - card.variants —
cardVariants(and its sub-component cva resolverscardHeaderVariants,cardTitleVariants, `cardDescriptionVariants…
- card — (no submodules) - card.variants —
- checkbox — (no submodules) - checkbox.variants —
checkboxVariantsis the cva (…- checkbox — (no submodules) - checkbox.variants —
checkboxVariantsis the cva (… - checkbox.variants —
checkboxVariantsis the cva (class-variance-authority) configuration that powers every<Checkbox>render. It is spl…
- checkbox — (no submodules) - checkbox.variants —
- collapsible — (no submodules) - collapsible.variants —
collapsibleVariants, `coll…- collapsible — (no submodules) - collapsible.variants —
collapsibleVariants, `coll… - collapsible.variants —
collapsibleVariants,collapsibleTriggerVariants, andcollapsibleContentVariantsare the cva (class-variance-autho…
- collapsible — (no submodules) - collapsible.variants —
- confirm-delete-dialog — (no submodules) - confirm-delete-dialog.test-fixtures — Wave-3g local…
- confirm-delete-dialog — (no submodules) - confirm-delete-dialog.test-fixtures — Wave-3g local…
- confirm-delete-dialog.test-fixtures — Wave-3g local test fixture that augments the chassis test i18n instance with the
react-ui.confirmDelete.*keyset. The…
- context-menu — (no submodules) - context-menu.variants — `contextMenuContentVariants…
- context-menu — (no submodules) - context-menu.variants — `contextMenuContentVariants…
- context-menu.variants —
contextMenuContentVariants,contextMenuItemVariants,contextMenuLabelVariants,contextMenuSeparatorVariants, `c…
- data-table — (no submodules) - data-table.variants —
dataTableVariants, `dataTab…- data-table — (no submodules) - data-table.variants —
dataTableVariants, `dataTab… - data-table.variants —
dataTableVariants,dataTablePaginationVariants, anddataTableSortHeaderVariantsdrive the chassis<DataTable>o…
- data-table — (no submodules) - data-table.variants —
- dialog — (no submodules) - dialog.variants —
dialogOverlayVariants, `dialogC…- dialog — (no submodules) - dialog.variants —
dialogOverlayVariants, `dialogC… - dialog.variants —
dialogOverlayVariants,dialogContentVariants,dialogHeaderVariants,dialogFooterVariants,dialogTitleVariants…
- dialog — (no submodules) - dialog.variants —
- drawer — (no submodules) - drawer.variants —
drawerOverlayVariants, `drawerC…- drawer — (no submodules) - drawer.variants —
drawerOverlayVariants, `drawerC… - drawer.variants —
drawerOverlayVariants,drawerContentVariants,drawerHandleVariants,drawerHeaderVariants, `drawerFooterVariants…
- drawer — (no submodules) - drawer.variants —
- dropdown-menu — (no submodules) - dropdown-menu.variants — `dropdownMenuContentVarian…
- dropdown-menu — (no submodules) - dropdown-menu.variants — `dropdownMenuContentVarian…
- dropdown-menu.variants —
dropdownMenuContentVariants,dropdownMenuItemVariants,dropdownMenuLabelVariants,dropdownMenuSeparatorVariants…
- empty — (no submodules) - empty.variants —
emptyVariantsis the cva config……- empty — (no submodules) - empty.variants —
emptyVariantsis the cva config…… - empty.variants —
emptyVariantsis the cva config that powers the<Empty>chassis component (withemptyHeaderVariants, `emptyMediaV…
- empty — (no submodules) - empty.variants —
- error-boundary — (no submodules) - error-boundary.metrics — Co-located OTel counter fo…
- error-boundary — (no submodules) - error-boundary.metrics — Co-located OTel counter fo…
- error-boundary.metrics — Co-located OTel counter for the chassis
<ErrorBoundary>component. Lives next to the boundary itself rather than in t… - error-boundary.test-fixtures — Wave-3g local test fixture that augments the chassis test i18n instance with the
react-ui.errorBoundary.*keyset. The… - error-boundary.variants — Cva slot definitions for the chassis
<ErrorBoundary>default fallback. Splits the fallback into four named slots — ou…
- field — (no submodules) - field.variants —
fieldVariants, `fieldLabelVarian…- field — (no submodules) - field.variants —
fieldVariants, `fieldLabelVarian… - field.variants —
fieldVariants,fieldLabelVariants,fieldDescriptionVariants, andfieldErrorVariantsare the four cva (class-var…
- field — (no submodules) - field.variants —
- field-group — (no submodules) - field-group.variants —
fieldGroupVariantsis the……- field-group — (no submodules) - field-group.variants —
fieldGroupVariantsis the…… - field-group.variants —
fieldGroupVariantsis the cva (class-variance-authority) configuration powering every<FieldGroup>render. It is sp…
- field-group — (no submodules) - field-group.variants —
- field-set — (no submodules) - field-set.variants —
fieldSetVariantsand `fieldL…- field-set — (no submodules) - field-set.variants —
fieldSetVariantsand `fieldL… - field-set.variants —
fieldSetVariantsandfieldLegendVariantsare the cva (class-variance-authority) configurations powering `…
- field-set — (no submodules) - field-set.variants —
- hover-card — (no submodules) - hover-card.variants —
hoverCardContentVariantsis…- hover-card — (no submodules) - hover-card.variants —
hoverCardContentVariantsis… - hover-card.variants —
hoverCardContentVariantsis the cva configuration powering the<HoverCardContent>floating panel. It is split from…
- hover-card — (no submodules) - hover-card.variants —
- input — (no submodules) - input-number — _(no submodu…
- input-number — (no submodules)
- input-number — (no submodules)
- input — (no submodules) - input-number — _(no submodu…
- input.variants —
inputVariantsis the cva (class-variance-authority) configuration that powers every<Input>render. It is split fro…
- input-number — (no submodules)
- input-group — (no submodules) - input-group.variants —
inputGroupVariants, `input…- input-group — (no submodules) - input-group.variants —
inputGroupVariants, `input… - input-group.variants —
inputGroupVariants,inputGroupAddonVariants,inputGroupInputVariants,inputGroupTextareaVariants, and `inputGro…
- input-group — (no submodules) - input-group.variants —
- label — (no submodules) - label.variants —
labelVariantsis the cva (class-…- label — (no submodules) - label.variants —
labelVariantsis the cva (class-… - label.variants —
labelVariantsis the cva (class-variance-authority) configuration that powers every<Label>render. It is split fro…
- label — (no submodules) - label.variants —
- menubar — (no submodules) - menubar.variants —
menubarVariants, `menubarTrigg…- menubar — (no submodules) - menubar.variants —
menubarVariants, `menubarTrigg… - menubar.variants —
menubarVariants,menubarTriggerVariants,menubarContentVariants,menubarItemVariants,menubarLabelVariants, `…
- menubar — (no submodules) - menubar.variants —
- pagination — (no submodules) - pagination.variants —
paginationVariants, `pagina…- pagination — (no submodules) - pagination.variants —
paginationVariants, `pagina… - pagination.variants —
paginationVariants,paginationContentVariants,paginationItemVariants,paginationLinkVariants, `paginationPrevN…
- pagination — (no submodules) - pagination.variants —
- popover — (no submodules) - popover.variants —
popoverContentVariantsis the……- popover — (no submodules) - popover.variants —
popoverContentVariantsis the…… - popover.variants —
popoverContentVariantsis the cva configuration powering the<PopoverContent>floating panel. It is split from `pop…
- popover — (no submodules) - popover.variants —
- progress — (no submodules) - progress.variants —
progressVariantsis the cva c…- progress — (no submodules) - progress.variants —
progressVariantsis the cva c… - progress.variants —
progressVariantsis the cva config that powers the<Progress>chassis component (paired with `progressIndicatorVari…
- progress — (no submodules) - progress.variants —
- radio-group — (no submodules) - radio-group.variants —
radioGroupVariantsand `ra…- radio-group — (no submodules) - radio-group.variants —
radioGroupVariantsand `ra… - radio-group.variants —
radioGroupVariantsandradioGroupItemVariantsare the cva (class-variance-authority) configurations powering `<Radi…
- radio-group — (no submodules) - radio-group.variants —
- resizable — (no submodules) - resizable.variants —
resizablePanelGroupVariants,…- resizable — (no submodules) - resizable.variants —
resizablePanelGroupVariants,… - resizable.variants —
resizablePanelGroupVariants,resizablePanelVariants,resizableHandleVariants, andresizableHandleGripVariantsa…
- resizable — (no submodules) - resizable.variants —
- scroll-area — (no submodules) - scroll-area.variants —
scrollAreaVariants, `scrol…- scroll-area — (no submodules) - scroll-area.variants —
scrollAreaVariants, `scrol… - scroll-area.variants —
scrollAreaVariants,scrollAreaViewportVariants,scrollAreaScrollbarVariants,scrollAreaThumbVariants, and `scro…
- scroll-area — (no submodules) - scroll-area.variants —
- select — (no submodules) - select.test-fixtures — Wave-3h local test fixture t…
- select — (no submodules) - select.test-fixtures — Wave-3h local test fixture t…
- select.test-fixtures — Wave-3h local test fixture that augments the chassis test i18n instance with the
react-ui.select.placeholderkey. The… - select.variants — The
<Select>component is composed of six visual slots — trigger, content panel, item row, group label, separator, an…
- separator — (no submodules) - separator.variants —
separatorVariantsis the cva…- separator — (no submodules) - separator.variants —
separatorVariantsis the cva… - separator.variants —
separatorVariantsis the cva (class-variance-authority) configuration that powers every<Separator>render. It is s…
- separator — (no submodules) - separator.variants —
- sheet — (no submodules) - sheet.variants —
sheetOverlayVariants, `sheetCont…- sheet — (no submodules) - sheet.variants —
sheetOverlayVariants, `sheetCont… - sheet.variants —
sheetOverlayVariants,sheetContentVariants,sheetHeaderVariants,sheetFooterVariants,sheetTitleVariants, `sh…
- sheet — (no submodules) - sheet.variants —
- skeleton — (no submodules) - skeleton.variants —
skeletonVariantsis the cva (…- skeleton — (no submodules) - skeleton.variants —
skeletonVariantsis the cva (… - skeleton.variants —
skeletonVariantsis the cva (class-variance-authority) configuration that powers every<Skeleton>render. It is spl…
- skeleton — (no submodules) - skeleton.variants —
- sonner — (no submodules) - sonner.variants — Defines the `sonnerToasterVariant…
- sonner — (no submodules) - sonner.variants — Defines the `sonnerToasterVariant…
- sonner.variants — Defines the
sonnerToasterVariantscva slot for the chassis<Sonner>toaster host. Sonner manages its own stacking,…
- spinner — (no submodules) - spinner.variants —
spinnerVariantsis the cva con…- spinner — (no submodules) - spinner.variants —
spinnerVariantsis the cva con… - spinner.variants —
spinnerVariantsis the cva config that powers the<Spinner>chassis component. It exposes asizeaxis (sm/ `de…
- spinner — (no submodules) - spinner.variants —
- status-badge — (no submodules) - status-badge.variants —
statusBadgeVariantsis th…- status-badge — (no submodules) - status-badge.variants —
statusBadgeVariantsis th… - status-badge.variants —
statusBadgeVariantsis the cva config that powers the<StatusBadge>chassis component. It exposes astatusaxis w…
- status-badge — (no submodules) - status-badge.variants —
- switch — (no submodules) - switch.variants —
switchVariantsand `switchThumb…- switch — (no submodules) - switch.variants —
switchVariantsand `switchThumb… - switch.variants —
switchVariantsandswitchThumbVariantsare the two cva (class-variance-authority) configurations that together powe…
- switch — (no submodules) - switch.variants —
- table — (no submodules) - table.variants —
tableVariantsand its eight sub-…- table — (no submodules) - table.variants —
tableVariantsand its eight sub-… - table.variants —
tableVariantsand its eight sub-component cva resolvers (tableHeaderVariants,tableBodyVariants, `tableFooterVari…
- table — (no submodules) - table.variants —
- tabs — (no submodules) - tabs.variants —
tabsVariants,tabsListVariants,…- tabs — (no submodules) - tabs.variants —
tabsVariants,tabsListVariants,… - tabs.variants —
tabsVariants,tabsListVariants,tabsTriggerVariants, andtabsContentVariantsare the cva (class-variance-author…
- tabs — (no submodules) - tabs.variants —
- textarea — (no submodules) - textarea.variants —
textareaVariantsis the cva (…- textarea — (no submodules) - textarea.variants —
textareaVariantsis the cva (… - textarea.variants —
textareaVariantsis the cva (class-variance-authority) configuration that powers every<Textarea>render. It is spl…
- textarea — (no submodules) - textarea.variants —
- theme-toggle — (no submodules) - theme-toggle.variants — Cva slot for the chassis `<…
- theme-toggle — (no submodules) - theme-toggle.variants — Cva slot for the chassis `<…
- theme-toggle.variants — Cva slot for the chassis
<ThemeToggle>icon-button. Mirrors the shape of<Button variant="outline" size="icon">so…
- toast — (no submodules)
- toast — (no submodules)
- toggle — (no submodules) - toggle.variants —
toggleVariantsis the cva (clas…- toggle — (no submodules) - toggle.variants —
toggleVariantsis the cva (clas… - toggle.variants —
toggleVariantsis the cva (class-variance-authority) configuration powering every<Toggle>render. It is split from…
- toggle — (no submodules) - toggle.variants —
- toggle-group — (no submodules) - toggle-group.variants —
toggleGroupVariantsand `…- toggle-group — (no submodules) - toggle-group.variants —
toggleGroupVariantsand `… - toggle-group.variants —
toggleGroupVariantsandtoggleGroupItemVariantsare the cva (class-variance-authority) configurations powering `<To…
- toggle-group — (no submodules) - toggle-group.variants —
- tooltip — (no submodules) - tooltip.variants —
tooltipContentVariantsis the……- tooltip — (no submodules) - tooltip.variants —
tooltipContentVariantsis the…… - tooltip.variants —
tooltipContentVariantsis the cva configuration powering the<TooltipContent>floating bubble. It is split from `to…
- tooltip — (no submodules) - tooltip.variants —
- use-toast-sonner-bridge — (no submodules)
- use-toast-sonner-bridge — (no submodules)
- error-codes — Defines every stable error code emitted by the
@suaveplan/react-uipackage. Codes are grouped under theREACT_UIna… - react-ui-error — Owns every error thrown by the
@suaveplan/react-uipackage. Extends the project-wideSuaveplanErrorso each instan… - use-mobile — (no submodules)
- use-mobile — (no submodules)
- use-toast — (no submodules)
- use-toast — (no submodules)
- formatted-cell — (no submodules)
- formatted-cell — (no submodules)
- formatted-currency — (no submodules)
- formatted-currency — (no submodules)
- formatted-date — (no submodules)
- formatted-date — (no submodules)
- formatted-list — (no submodules)
- formatted-list — (no submodules)
- formatted-message — (no submodules)
- formatted-message — (no submodules)
- formatted-number — (no submodules)
- formatted-number — (no submodules)
- formatted-relative-time — (no submodules)
- formatted-relative-time — (no submodules)
- plural — (no submodules)
- plural — (no submodules)
- react-ui-i18n-bridge — (no submodules)
- react-ui-i18n-bridge — (no submodules)
- stories-shell — (no submodules)
- stories-shell — (no submodules)
- tanstack-bridge — (no submodules)
- tanstack-bridge — (no submodules)
- validation-message-bridge — (no submodules)
- validation-message-bridge — (no submodules)
- augmentation — Side-effect-only TypeScript module that augments
@suaveplan/react-i18n'sContributedTranslationKeysinterface with… - schema — Zod schema asserting that every locale bundle declares exactly the keys present in the canonical
en-GB.jsonsource-of… - translation-keys —
translation-keys.tsis the codegen-emitted string-literal union of every translation key contributed by `@suaveplan/r… - observability — (no submodules)
- react-ui-metrics — (no submodules)
- pack — (no submodules) - pack-registry-provider — _(…
- pack-registry-provider — (no submodules)
- pack-registry-provider — (no submodules)
- runtime-override — (no submodules)
- runtime-override — (no submodules)
- use-pack-component — (no submodules)
- use-pack-component — (no submodules)
- version-check — (no submodules)
- version-check — (no submodules)
- pack-context — (no submodules) - pack-registry-provider — _(…
- pack-registry-provider — (no submodules)
- react-ui-provider — (no submodules)
- react-ui-provider — (no submodules)
- theme — (no submodules) - theme-provider — _(no submo…
- layer-stack — The
layer-stackmodule is the runtime engine that backs<ThemeProvider>,useThemeMutator(), and `useResolvedTheme…- layer-stack — The
layer-stackmodule is the runtime engine that backs<ThemeProvider>,useThemeMutator(), and `useResolvedTheme…
- layer-stack — The
- theme-provider — (no submodules)
- theme-provider — (no submodules)
- theme-switcher — (no submodules)
- theme-switcher — (no submodules)
- dark — The dark counterpart of
lightTheme. Same variant surface, same token names, lightness anchors inverted so foreground… - high-contrast — Accessibility-first theme that meets WCAG AAA contrast for normal and large text alike. Pure-white foreground (`#FFFFFF…
- light — The default
ThemePlugininstance shipped with@suaveplan/react-ui.lightThemematches the shadcnnovatoken pre… - use-resolved-theme-tokens —
useResolvedThemeTokens()is the read-side counterpart touseThemeMutator(). It returns the live merged token state…- use-resolved-theme-tokens —
useResolvedThemeTokens()is the read-side counterpart touseThemeMutator(). It returns the live merged token state…
- use-resolved-theme-tokens —
- use-theme — (no submodules)
- use-theme — (no submodules)
- use-theme-mutator —
useThemeMutator()is the public surface a consumer reaches for when it wants to push CSS custom properties onto the a…- use-theme-mutator —
useThemeMutator()is the public surface a consumer reaches for when it wants to push CSS custom properties onto the a…
- use-theme-mutator —
- use-theme-tokens — (no submodules)
- use-theme-tokens — (no submodules)
- use-themed-variants — (no submodules)
- use-themed-variants — (no submodules)
- theme-context — (no submodules) - theme-provider — _(no submo…
- layer-stack — The
- cn — (no submodules)
- cn — (no submodules)
- motion — (no submodules)
- motion — (no submodules)
- variants — (no submodules)
- variants — (no submodules)
- version — Declares the running version of
@suaveplan/react-uias the constantREACT_UI_VERSION. The version is hand-maintaine…
-
accordion — (no submodules)- accordion.variants —
accordionVariants, `accordio… -
accordion.variants —
accordionVariants,accordionItemVariants,accordionHeaderVariants,accordionTriggerVariants, and `accordionCont… -
alert — (no submodules)- alert.variants —
alertVariantsis the cva config……- alert — (no submodules)- alert.variants —
alertVariantsis the cva config…… - alert.variants —
alertVariantsis the cva config that powers the<Alert>chassis component. It exposes avariantaxis with four ru…
- alert — (no submodules)- alert.variants —
-
alert-dialog — (no submodules)- alert-dialog.variants — `alertDialogOverlayVariants…
- alert-dialog — (no submodules)- alert-dialog.variants — `alertDialogOverlayVariants…
- alert-dialog.variants —
alertDialogOverlayVariants,alertDialogContentVariants,alertDialogHeaderVariants,alertDialogFooterVariants, `…
-
aspect-ratio — (no submodules)- aspect-ratio.variants —
aspectRatioVariantsis th…- aspect-ratio — (no submodules)- aspect-ratio.variants —
aspectRatioVariantsis th… - aspect-ratio.variants —
aspectRatioVariantsis the cva (class-variance-authority) configuration powering the<AspectRatio>outer wrapper. I…
- aspect-ratio — (no submodules)- aspect-ratio.variants —
-
avatar — (no submodules)- avatar.variants —
avatarVariantsis the cva confi…- avatar — (no submodules)- avatar.variants —
avatarVariantsis the cva confi… - avatar.variants —
avatarVariantsis the cva config that powers the<Avatar>chassis component (<AvatarImage>and<AvatarFallback>…
- avatar — (no submodules)- avatar.variants —
-
badge — (no submodules)- badge.variants —
badgeVariantsis the cva config……- badge — (no submodules)- badge.variants —
badgeVariantsis the cva config…… - badge.variants —
badgeVariantsis the cva config that powers the<Badge>chassis component. It exposes avariantaxis with four ru…
- badge — (no submodules)- badge.variants —
-
breadcrumb — (no submodules)- breadcrumb.variants —
breadcrumbVariants, `breadc…- breadcrumb — (no submodules)- breadcrumb.variants —
breadcrumbVariants, `breadc… - breadcrumb.variants —
breadcrumbVariants,breadcrumbListVariants,breadcrumbItemVariants,breadcrumbLinkVariants, `breadcrumbPageVari…
- breadcrumb — (no submodules)- breadcrumb.variants —
-
button — (no submodules)- button.variants —
buttonVariantsis the cva (clas…- button — (no submodules)- button.variants —
buttonVariantsis the cva (clas… - button.variants —
buttonVariantsis the cva (class-variance-authority) configuration that powers every<Button>render. It is split f…
- button — (no submodules)- button.variants —
-
calendar — (no submodules)- calendar.test-fixtures — Wave-3h local test fixture…
- calendar — (no submodules)- calendar.test-fixtures — Wave-3h local test fixture…
- calendar.test-fixtures — Wave-3h local test fixture that augments the chassis test i18n instance with the
react-ui.calendar.*keyset. The chas… - calendar.variants —
calendarVariantsis the cva config that powers the outer wrapper of<Calendar>. The recipe is intentionally minimal…
-
card — (no submodules)- card.variants —
cardVariants(and its sub-compone…- card — (no submodules)- card.variants —
cardVariants(and its sub-compone… - card.variants —
cardVariants(and its sub-component cva resolverscardHeaderVariants,cardTitleVariants, `cardDescriptionVariants…
- card — (no submodules)- card.variants —
-
checkbox — (no submodules)- checkbox.variants —
checkboxVariantsis the cva (…- checkbox — (no submodules)- checkbox.variants —
checkboxVariantsis the cva (… - checkbox.variants —
checkboxVariantsis the cva (class-variance-authority) configuration that powers every<Checkbox>render. It is spl…
- checkbox — (no submodules)- checkbox.variants —
-
collapsible — (no submodules)- collapsible.variants —
collapsibleVariants, `coll…- collapsible — (no submodules)- collapsible.variants —
collapsibleVariants, `coll… - collapsible.variants —
collapsibleVariants,collapsibleTriggerVariants, andcollapsibleContentVariantsare the cva (class-variance-autho…
- collapsible — (no submodules)- collapsible.variants —
-
confirm-delete-dialog — (no submodules)- confirm-delete-dialog.test-fixtures — Wave-3g local…
- confirm-delete-dialog — (no submodules)- confirm-delete-dialog.test-fixtures — Wave-3g local…
- confirm-delete-dialog.test-fixtures — Wave-3g local test fixture that augments the chassis test i18n instance with the
react-ui.confirmDelete.*keyset. The…
-
context-menu — (no submodules)- context-menu.variants — `contextMenuContentVariants…
- context-menu — (no submodules)- context-menu.variants — `contextMenuContentVariants…
- context-menu.variants —
contextMenuContentVariants,contextMenuItemVariants,contextMenuLabelVariants,contextMenuSeparatorVariants, `c…
-
data-table — (no submodules)- data-table.variants —
dataTableVariants, `dataTab…- data-table — (no submodules)- data-table.variants —
dataTableVariants, `dataTab… - data-table.variants —
dataTableVariants,dataTablePaginationVariants, anddataTableSortHeaderVariantsdrive the chassis<DataTable>o…
- data-table — (no submodules)- data-table.variants —
-
dialog — (no submodules)- dialog.variants —
dialogOverlayVariants, `dialogC…- dialog — (no submodules)- dialog.variants —
dialogOverlayVariants, `dialogC… - dialog.variants —
dialogOverlayVariants,dialogContentVariants,dialogHeaderVariants,dialogFooterVariants,dialogTitleVariants…
- dialog — (no submodules)- dialog.variants —
-
drawer — (no submodules)- drawer.variants —
drawerOverlayVariants, `drawerC…- drawer — (no submodules)- drawer.variants —
drawerOverlayVariants, `drawerC… - drawer.variants —
drawerOverlayVariants,drawerContentVariants,drawerHandleVariants,drawerHeaderVariants, `drawerFooterVariants…
- drawer — (no submodules)- drawer.variants —
-
dropdown-menu — (no submodules)- dropdown-menu.variants — `dropdownMenuContentVarian…
- dropdown-menu — (no submodules)- dropdown-menu.variants — `dropdownMenuContentVarian…
- dropdown-menu.variants —
dropdownMenuContentVariants,dropdownMenuItemVariants,dropdownMenuLabelVariants,dropdownMenuSeparatorVariants…
-
empty — (no submodules)- empty.variants —
emptyVariantsis the cva config……- empty — (no submodules)- empty.variants —
emptyVariantsis the cva config…… - empty.variants —
emptyVariantsis the cva config that powers the<Empty>chassis component (withemptyHeaderVariants, `emptyMediaV…
- empty — (no submodules)- empty.variants —
-
error-boundary — (no submodules)- error-boundary.metrics — Co-located OTel counter fo…
- error-boundary — (no submodules)- error-boundary.metrics — Co-located OTel counter fo…
- error-boundary.metrics — Co-located OTel counter for the chassis
<ErrorBoundary>component. Lives next to the boundary itself rather than in t… - error-boundary.test-fixtures — Wave-3g local test fixture that augments the chassis test i18n instance with the
react-ui.errorBoundary.*keyset. The… - error-boundary.variants — Cva slot definitions for the chassis
<ErrorBoundary>default fallback. Splits the fallback into four named slots — ou…
-
field — (no submodules)- field.variants —
fieldVariants, `fieldLabelVarian…- field — (no submodules)- field.variants —
fieldVariants, `fieldLabelVarian… - field.variants —
fieldVariants,fieldLabelVariants,fieldDescriptionVariants, andfieldErrorVariantsare the four cva (class-var…
- field — (no submodules)- field.variants —
-
field-group — (no submodules)- field-group.variants —
fieldGroupVariantsis the……- field-group — (no submodules)- field-group.variants —
fieldGroupVariantsis the…… - field-group.variants —
fieldGroupVariantsis the cva (class-variance-authority) configuration powering every<FieldGroup>render. It is sp…
- field-group — (no submodules)- field-group.variants —
-
field-set — (no submodules)- field-set.variants —
fieldSetVariantsand `fieldL…- field-set — (no submodules)- field-set.variants —
fieldSetVariantsand `fieldL… - field-set.variants —
fieldSetVariantsandfieldLegendVariantsare the cva (class-variance-authority) configurations powering `…
- field-set — (no submodules)- field-set.variants —
-
hover-card — (no submodules)- hover-card.variants —
hoverCardContentVariantsis…- hover-card — (no submodules)- hover-card.variants —
hoverCardContentVariantsis… - hover-card.variants —
hoverCardContentVariantsis the cva configuration powering the<HoverCardContent>floating panel. It is split from…
- hover-card — (no submodules)- hover-card.variants —
-
input — (no submodules)- input-number — (no submodules)- input-number — (no submodules)- input — (no submodules)- input.variants —
inputVariantsis the cva (class-variance-authority) configuration that powers every<Input>render. It is split fro… -
input-group — (no submodules)- input-group.variants —
inputGroupVariants, `input…- input-group — (no submodules)- input-group.variants —
inputGroupVariants, `input… - input-group.variants —
inputGroupVariants,inputGroupAddonVariants,inputGroupInputVariants,inputGroupTextareaVariants, and `inputGro…
- input-group — (no submodules)- input-group.variants —
-
label — (no submodules)- label.variants —
labelVariantsis the cva (class-…- label — (no submodules)- label.variants —
labelVariantsis the cva (class-… - label.variants —
labelVariantsis the cva (class-variance-authority) configuration that powers every<Label>render. It is split fro…
- label — (no submodules)- label.variants —
-
menubar — (no submodules)- menubar.variants —
menubarVariants, `menubarTrigg…- menubar — (no submodules)- menubar.variants —
menubarVariants, `menubarTrigg… - menubar.variants —
menubarVariants,menubarTriggerVariants,menubarContentVariants,menubarItemVariants,menubarLabelVariants, `…
- menubar — (no submodules)- menubar.variants —
-
pagination — (no submodules)- pagination.variants —
paginationVariants, `pagina…- pagination — (no submodules)- pagination.variants —
paginationVariants, `pagina… - pagination.variants —
paginationVariants,paginationContentVariants,paginationItemVariants,paginationLinkVariants, `paginationPrevN…
- pagination — (no submodules)- pagination.variants —
-
popover — (no submodules)- popover.variants —
popoverContentVariantsis the……- popover — (no submodules)- popover.variants —
popoverContentVariantsis the…… - popover.variants —
popoverContentVariantsis the cva configuration powering the<PopoverContent>floating panel. It is split from `pop…
- popover — (no submodules)- popover.variants —
-
progress — (no submodules)- progress.variants —
progressVariantsis the cva c…- progress — (no submodules)- progress.variants —
progressVariantsis the cva c… - progress.variants —
progressVariantsis the cva config that powers the<Progress>chassis component (paired with `progressIndicatorVari…
- progress — (no submodules)- progress.variants —
-
radio-group — (no submodules)- radio-group.variants —
radioGroupVariantsand `ra…- radio-group — (no submodules)- radio-group.variants —
radioGroupVariantsand `ra… - radio-group.variants —
radioGroupVariantsandradioGroupItemVariantsare the cva (class-variance-authority) configurations powering `<Radi…
- radio-group — (no submodules)- radio-group.variants —
-
resizable — (no submodules)- resizable.variants —
resizablePanelGroupVariants,…- resizable — (no submodules)- resizable.variants —
resizablePanelGroupVariants,… - resizable.variants —
resizablePanelGroupVariants,resizablePanelVariants,resizableHandleVariants, andresizableHandleGripVariantsa…
- resizable — (no submodules)- resizable.variants —
-
scroll-area — (no submodules)- scroll-area.variants —
scrollAreaVariants, `scrol…- scroll-area — (no submodules)- scroll-area.variants —
scrollAreaVariants, `scrol… - scroll-area.variants —
scrollAreaVariants,scrollAreaViewportVariants,scrollAreaScrollbarVariants,scrollAreaThumbVariants, and `scro…
- scroll-area — (no submodules)- scroll-area.variants —
-
select — (no submodules)- select.test-fixtures — Wave-3h local test fixture t…
- select — (no submodules)- select.test-fixtures — Wave-3h local test fixture t…
- select.test-fixtures — Wave-3h local test fixture that augments the chassis test i18n instance with the
react-ui.select.placeholderkey. The… - select.variants — The
<Select>component is composed of six visual slots — trigger, content panel, item row, group label, separator, an…
-
separator — (no submodules)- separator.variants —
separatorVariantsis the cva…- separator — (no submodules)- separator.variants —
separatorVariantsis the cva… - separator.variants —
separatorVariantsis the cva (class-variance-authority) configuration that powers every<Separator>render. It is s…
- separator — (no submodules)- separator.variants —
-
sheet — (no submodules)- sheet.variants —
sheetOverlayVariants, `sheetCont…- sheet — (no submodules)- sheet.variants —
sheetOverlayVariants, `sheetCont… - sheet.variants —
sheetOverlayVariants,sheetContentVariants,sheetHeaderVariants,sheetFooterVariants,sheetTitleVariants, `sh…
- sheet — (no submodules)- sheet.variants —
-
skeleton — (no submodules)- skeleton.variants —
skeletonVariantsis the cva (…- skeleton — (no submodules)- skeleton.variants —
skeletonVariantsis the cva (… - skeleton.variants —
skeletonVariantsis the cva (class-variance-authority) configuration that powers every<Skeleton>render. It is spl…
- skeleton — (no submodules)- skeleton.variants —
-
sonner — (no submodules)- sonner.variants — Defines the `sonnerToasterVariant…
- sonner — (no submodules)- sonner.variants — Defines the `sonnerToasterVariant…
- sonner.variants — Defines the
sonnerToasterVariantscva slot for the chassis<Sonner>toaster host. Sonner manages its own stacking,…
-
spinner — (no submodules)- spinner.variants —
spinnerVariantsis the cva con…- spinner — (no submodules)- spinner.variants —
spinnerVariantsis the cva con… - spinner.variants —
spinnerVariantsis the cva config that powers the<Spinner>chassis component. It exposes asizeaxis (sm/ `de…
- spinner — (no submodules)- spinner.variants —
-
status-badge — (no submodules)- status-badge.variants —
statusBadgeVariantsis th…- status-badge — (no submodules)- status-badge.variants —
statusBadgeVariantsis th… - status-badge.variants —
statusBadgeVariantsis the cva config that powers the<StatusBadge>chassis component. It exposes astatusaxis w…
- status-badge — (no submodules)- status-badge.variants —
-
switch — (no submodules)- switch.variants —
switchVariantsand `switchThumb…- switch — (no submodules)- switch.variants —
switchVariantsand `switchThumb… - switch.variants —
switchVariantsandswitchThumbVariantsare the two cva (class-variance-authority) configurations that together powe…
- switch — (no submodules)- switch.variants —
-
table — (no submodules)- table.variants —
tableVariantsand its eight sub-…- table — (no submodules)- table.variants —
tableVariantsand its eight sub-… - table.variants —
tableVariantsand its eight sub-component cva resolvers (tableHeaderVariants,tableBodyVariants, `tableFooterVari…
- table — (no submodules)- table.variants —
-
tabs — (no submodules)- tabs.variants —
tabsVariants,tabsListVariants,…- tabs — (no submodules)- tabs.variants —
tabsVariants,tabsListVariants,… - tabs.variants —
tabsVariants,tabsListVariants,tabsTriggerVariants, andtabsContentVariantsare the cva (class-variance-author…
- tabs — (no submodules)- tabs.variants —
-
textarea — (no submodules)- textarea.variants —
textareaVariantsis the cva (…- textarea — (no submodules)- textarea.variants —
textareaVariantsis the cva (… - textarea.variants —
textareaVariantsis the cva (class-variance-authority) configuration that powers every<Textarea>render. It is spl…
- textarea — (no submodules)- textarea.variants —
-
theme-toggle — (no submodules)- theme-toggle.variants — Cva slot for the chassis `<…
- theme-toggle — (no submodules)- theme-toggle.variants — Cva slot for the chassis `<…
- theme-toggle.variants — Cva slot for the chassis
<ThemeToggle>icon-button. Mirrors the shape of<Button variant="outline" size="icon">so…
-
toast — (no submodules)- toast — (no submodules)- toggle — (no submodules)- toggle.variants —
toggleVariantsis the cva (clas…- toggle — (no submodules)- toggle.variants —
toggleVariantsis the cva (clas… - toggle.variants —
toggleVariantsis the cva (class-variance-authority) configuration powering every<Toggle>render. It is split from…
- toggle — (no submodules)- toggle.variants —
-
toggle-group — (no submodules)- toggle-group.variants —
toggleGroupVariantsand `…- toggle-group — (no submodules)- toggle-group.variants —
toggleGroupVariantsand `… - toggle-group.variants —
toggleGroupVariantsandtoggleGroupItemVariantsare the cva (class-variance-authority) configurations powering `<To…
- toggle-group — (no submodules)- toggle-group.variants —
-
tooltip — (no submodules)- tooltip.variants —
tooltipContentVariantsis the……- tooltip — (no submodules)- tooltip.variants —
tooltipContentVariantsis the…… - tooltip.variants —
tooltipContentVariantsis the cva configuration powering the<TooltipContent>floating bubble. It is split from `to…
- tooltip — (no submodules)- tooltip.variants —
-
use-toast-sonner-bridge — (no submodules)- use-toast-sonner-bridge — (no submodules)- error-codes — Defines every stable error code emitted by the
@suaveplan/react-uipackage. Codes are grouped under theREACT_UIna… -
react-ui-error — Owns every error thrown by the
@suaveplan/react-uipackage. Extends the project-wideSuaveplanErrorso each instan… -
use-mobile — (no submodules)- use-mobile — (no submodules)- use-toast — (no submodules)- use-toast — (no submodules)- formatted-cell — (no submodules)- formatted-cell — (no submodules)- formatted-currency — (no submodules)- formatted-currency — (no submodules)- formatted-date — (no submodules)- formatted-date — (no submodules)- formatted-list — (no submodules)- formatted-list — (no submodules)- formatted-message — (no submodules)- formatted-message — (no submodules)- formatted-number — (no submodules)- formatted-number — (no submodules)- formatted-relative-time — (no submodules)- formatted-relative-time — (no submodules)- plural — (no submodules)- plural — (no submodules)- react-ui-i18n-bridge — (no submodules)- react-ui-i18n-bridge — (no submodules)- stories-shell — (no submodules)- stories-shell — (no submodules)- tanstack-bridge — (no submodules)- tanstack-bridge — (no submodules)- validation-message-bridge — (no submodules)- validation-message-bridge — (no submodules)- augmentation — Side-effect-only TypeScript module that augments
@suaveplan/react-i18n'sContributedTranslationKeysinterface with… -
schema — Zod schema asserting that every locale bundle declares exactly the keys present in the canonical
en-GB.jsonsource-of… -
translation-keys —
translation-keys.tsis the codegen-emitted string-literal union of every translation key contributed by `@suaveplan/r… -
observability — (no submodules)- react-ui-metrics — (no submodules)- pack — (no submodules)- pack-registry-provider — (no submodules)- pack-registry-provider — (no submodules)- runtime-override — (no submodules)- runtime-override — (no submodules)- use-pack-component — (no submodules)- use-pack-component — (no submodules)- version-check — (no submodules)- version-check — (no submodules)- pack-context — (no submodules)- react-ui-provider — (no submodules)- react-ui-provider — (no submodules)- theme — (no submodules)- theme-provider — (no submodules)- theme-provider — (no submodules)- theme-switcher — (no submodules)- theme-switcher — (no submodules)- dark — The dark counterpart of
lightTheme. Same variant surface, same token names, lightness anchors inverted so foreground…- high-contrast — Accessibility-first theme that meets WCAG AAA contrast for normal and large text alike. Pure-white foreground (`#FFFFFF…
- light — The default
ThemePlugininstance shipped with@suaveplan/react-ui.lightThemematches the shadcnnovatoken pre… - use-theme — (no submodules)- use-theme — (no submodules)- use-theme-tokens — (no submodules)- use-theme-tokens — (no submodules)- use-themed-variants — (no submodules)- use-themed-variants — (no submodules)- theme-context — (no submodules)- cn — (no submodules)- cn — (no submodules)- motion — (no submodules)- motion — (no submodules)- variants — (no submodules)- variants — (no submodules)- version — Declares the running version of
@suaveplan/react-uias the constantREACT_UI_VERSION. The version is hand-maintaine…
-
accordion.variants —
accordionVariants, `accordio… -
accordion — (no submodules)- accordion.variants —
accordionVariants, `accordio… -
accordion.variants —
accordionVariants,accordionItemVariants,accordionHeaderVariants,accordionTriggerVariants, and `accordionCont… -
alert — (no submodules)- alert.variants —
alertVariantsis the cva config……- alert — (no submodules)- alert.variants —
alertVariantsis the cva config…… - alert.variants —
alertVariantsis the cva config that powers the<Alert>chassis component. It exposes avariantaxis with four ru…
- alert — (no submodules)- alert.variants —
-
alert-dialog — (no submodules)- alert-dialog.variants — `alertDialogOverlayVariants…
- alert-dialog — (no submodules)- alert-dialog.variants — `alertDialogOverlayVariants…
- alert-dialog.variants —
alertDialogOverlayVariants,alertDialogContentVariants,alertDialogHeaderVariants,alertDialogFooterVariants, `…
-
aspect-ratio — (no submodules)- aspect-ratio.variants —
aspectRatioVariantsis th…- aspect-ratio — (no submodules)- aspect-ratio.variants —
aspectRatioVariantsis th… - aspect-ratio.variants —
aspectRatioVariantsis the cva (class-variance-authority) configuration powering the<AspectRatio>outer wrapper. I…
- aspect-ratio — (no submodules)- aspect-ratio.variants —
-
avatar — (no submodules)- avatar.variants —
avatarVariantsis the cva confi…- avatar — (no submodules)- avatar.variants —
avatarVariantsis the cva confi… - avatar.variants —
avatarVariantsis the cva config that powers the<Avatar>chassis component (<AvatarImage>and<AvatarFallback>…
- avatar — (no submodules)- avatar.variants —
-
badge — (no submodules)- badge.variants —
badgeVariantsis the cva config……- badge — (no submodules)- badge.variants —
badgeVariantsis the cva config…… - badge.variants —
badgeVariantsis the cva config that powers the<Badge>chassis component. It exposes avariantaxis with four ru…
- badge — (no submodules)- badge.variants —
-
breadcrumb — (no submodules)- breadcrumb.variants —
breadcrumbVariants, `breadc…- breadcrumb — (no submodules)- breadcrumb.variants —
breadcrumbVariants, `breadc… - breadcrumb.variants —
breadcrumbVariants,breadcrumbListVariants,breadcrumbItemVariants,breadcrumbLinkVariants, `breadcrumbPageVari…
- breadcrumb — (no submodules)- breadcrumb.variants —
-
button — (no submodules)- button.variants —
buttonVariantsis the cva (clas…- button — (no submodules)- button.variants —
buttonVariantsis the cva (clas… - button.variants —
buttonVariantsis the cva (class-variance-authority) configuration that powers every<Button>render. It is split f…
- button — (no submodules)- button.variants —
-
calendar — (no submodules)- calendar.test-fixtures — Wave-3h local test fixture…
- calendar — (no submodules)- calendar.test-fixtures — Wave-3h local test fixture…
- calendar.test-fixtures — Wave-3h local test fixture that augments the chassis test i18n instance with the
react-ui.calendar.*keyset. The chas… - calendar.variants —
calendarVariantsis the cva config that powers the outer wrapper of<Calendar>. The recipe is intentionally minimal…
-
card — (no submodules)- card.variants —
cardVariants(and its sub-compone…- card — (no submodules)- card.variants —
cardVariants(and its sub-compone… - card.variants —
cardVariants(and its sub-component cva resolverscardHeaderVariants,cardTitleVariants, `cardDescriptionVariants…
- card — (no submodules)- card.variants —
-
checkbox — (no submodules)- checkbox.variants —
checkboxVariantsis the cva (…- checkbox — (no submodules)- checkbox.variants —
checkboxVariantsis the cva (… - checkbox.variants —
checkboxVariantsis the cva (class-variance-authority) configuration that powers every<Checkbox>render. It is spl…
- checkbox — (no submodules)- checkbox.variants —
-
collapsible — (no submodules)- collapsible.variants —
collapsibleVariants, `coll…- collapsible — (no submodules)- collapsible.variants —
collapsibleVariants, `coll… - collapsible.variants —
collapsibleVariants,collapsibleTriggerVariants, andcollapsibleContentVariantsare the cva (class-variance-autho…
- collapsible — (no submodules)- collapsible.variants —
-
confirm-delete-dialog — (no submodules)- confirm-delete-dialog.test-fixtures — Wave-3g local…
- confirm-delete-dialog — (no submodules)- confirm-delete-dialog.test-fixtures — Wave-3g local…
- confirm-delete-dialog.test-fixtures — Wave-3g local test fixture that augments the chassis test i18n instance with the
react-ui.confirmDelete.*keyset. The…
-
context-menu — (no submodules)- context-menu.variants — `contextMenuContentVariants…
- context-menu — (no submodules)- context-menu.variants — `contextMenuContentVariants…
- context-menu.variants —
contextMenuContentVariants,contextMenuItemVariants,contextMenuLabelVariants,contextMenuSeparatorVariants, `c…
-
data-table — (no submodules)- data-table.variants —
dataTableVariants, `dataTab…- data-table — (no submodules)- data-table.variants —
dataTableVariants, `dataTab… - data-table.variants —
dataTableVariants,dataTablePaginationVariants, anddataTableSortHeaderVariantsdrive the chassis<DataTable>o…
- data-table — (no submodules)- data-table.variants —
-
dialog — (no submodules)- dialog.variants —
dialogOverlayVariants, `dialogC…- dialog — (no submodules)- dialog.variants —
dialogOverlayVariants, `dialogC… - dialog.variants —
dialogOverlayVariants,dialogContentVariants,dialogHeaderVariants,dialogFooterVariants,dialogTitleVariants…
- dialog — (no submodules)- dialog.variants —
-
drawer — (no submodules)- drawer.variants —
drawerOverlayVariants, `drawerC…- drawer — (no submodules)- drawer.variants —
drawerOverlayVariants, `drawerC… - drawer.variants —
drawerOverlayVariants,drawerContentVariants,drawerHandleVariants,drawerHeaderVariants, `drawerFooterVariants…
- drawer — (no submodules)- drawer.variants —
-
dropdown-menu — (no submodules)- dropdown-menu.variants — `dropdownMenuContentVarian…
- dropdown-menu — (no submodules)- dropdown-menu.variants — `dropdownMenuContentVarian…
- dropdown-menu.variants —
dropdownMenuContentVariants,dropdownMenuItemVariants,dropdownMenuLabelVariants,dropdownMenuSeparatorVariants…
-
empty — (no submodules)- empty.variants —
emptyVariantsis the cva config……- empty — (no submodules)- empty.variants —
emptyVariantsis the cva config…… - empty.variants —
emptyVariantsis the cva config that powers the<Empty>chassis component (withemptyHeaderVariants, `emptyMediaV…
- empty — (no submodules)- empty.variants —
-
error-boundary — (no submodules)- error-boundary.metrics — Co-located OTel counter fo…
- error-boundary — (no submodules)- error-boundary.metrics — Co-located OTel counter fo…
- error-boundary.metrics — Co-located OTel counter for the chassis
<ErrorBoundary>component. Lives next to the boundary itself rather than in t… - error-boundary.test-fixtures — Wave-3g local test fixture that augments the chassis test i18n instance with the
react-ui.errorBoundary.*keyset. The… - error-boundary.variants — Cva slot definitions for the chassis
<ErrorBoundary>default fallback. Splits the fallback into four named slots — ou…
-
field — (no submodules)- field.variants —
fieldVariants, `fieldLabelVarian…- field — (no submodules)- field.variants —
fieldVariants, `fieldLabelVarian… - field.variants —
fieldVariants,fieldLabelVariants,fieldDescriptionVariants, andfieldErrorVariantsare the four cva (class-var…
- field — (no submodules)- field.variants —
-
field-group — (no submodules)- field-group.variants —
fieldGroupVariantsis the……- field-group — (no submodules)- field-group.variants —
fieldGroupVariantsis the…… - field-group.variants —
fieldGroupVariantsis the cva (class-variance-authority) configuration powering every<FieldGroup>render. It is sp…
- field-group — (no submodules)- field-group.variants —
-
field-set — (no submodules)- field-set.variants —
fieldSetVariantsand `fieldL…- field-set — (no submodules)- field-set.variants —
fieldSetVariantsand `fieldL… - field-set.variants —
fieldSetVariantsandfieldLegendVariantsare the cva (class-variance-authority) configurations powering `…
- field-set — (no submodules)- field-set.variants —
-
hover-card — (no submodules)- hover-card.variants —
hoverCardContentVariantsis…- hover-card — (no submodules)- hover-card.variants —
hoverCardContentVariantsis… - hover-card.variants —
hoverCardContentVariantsis the cva configuration powering the<HoverCardContent>floating panel. It is split from…
- hover-card — (no submodules)- hover-card.variants —
-
input — (no submodules)- input-number — <!-- begin:au…
- input-number — (no submodules)- input-number — (no submodules)- input — (no submodules)- input-number — <!-- begin:au…
- input.variants —
inputVariantsis the cva (class-variance-authority) configuration that powers every<Input>render. It is split fro…
-
input-group — (no submodules)- input-group.variants —
inputGroupVariants, `input…- input-group — (no submodules)- input-group.variants —
inputGroupVariants, `input… - input-group.variants —
inputGroupVariants,inputGroupAddonVariants,inputGroupInputVariants,inputGroupTextareaVariants, and `inputGro…
- input-group — (no submodules)- input-group.variants —
-
label — (no submodules)- label.variants —
labelVariantsis the cva (class-…- label — (no submodules)- label.variants —
labelVariantsis the cva (class-… - label.variants —
labelVariantsis the cva (class-variance-authority) configuration that powers every<Label>render. It is split fro…
- label — (no submodules)- label.variants —
-
menubar — (no submodules)- menubar.variants —
menubarVariants, `menubarTrigg…- menubar — (no submodules)- menubar.variants —
menubarVariants, `menubarTrigg… - menubar.variants —
menubarVariants,menubarTriggerVariants,menubarContentVariants,menubarItemVariants,menubarLabelVariants, `…
- menubar — (no submodules)- menubar.variants —
-
pagination — (no submodules)- pagination.variants —
paginationVariants, `pagina…- pagination — (no submodules)- pagination.variants —
paginationVariants, `pagina… - pagination.variants —
paginationVariants,paginationContentVariants,paginationItemVariants,paginationLinkVariants, `paginationPrevN…
- pagination — (no submodules)- pagination.variants —
-
popover — (no submodules)- popover.variants —
popoverContentVariantsis the……- popover — (no submodules)- popover.variants —
popoverContentVariantsis the…… - popover.variants —
popoverContentVariantsis the cva configuration powering the<PopoverContent>floating panel. It is split from `pop…
- popover — (no submodules)- popover.variants —
-
progress — (no submodules)- progress.variants —
progressVariantsis the cva c…- progress — (no submodules)- progress.variants —
progressVariantsis the cva c… - progress.variants —
progressVariantsis the cva config that powers the<Progress>chassis component (paired with `progressIndicatorVari…
- progress — (no submodules)- progress.variants —
-
radio-group — (no submodules)- radio-group.variants —
radioGroupVariantsand `ra…- radio-group — (no submodules)- radio-group.variants —
radioGroupVariantsand `ra… - radio-group.variants —
radioGroupVariantsandradioGroupItemVariantsare the cva (class-variance-authority) configurations powering `<Radi…
- radio-group — (no submodules)- radio-group.variants —
-
resizable — (no submodules)- resizable.variants —
resizablePanelGroupVariants,…- resizable — (no submodules)- resizable.variants —
resizablePanelGroupVariants,… - resizable.variants —
resizablePanelGroupVariants,resizablePanelVariants,resizableHandleVariants, andresizableHandleGripVariantsa…
- resizable — (no submodules)- resizable.variants —
-
scroll-area — (no submodules)- scroll-area.variants —
scrollAreaVariants, `scrol…- scroll-area — (no submodules)- scroll-area.variants —
scrollAreaVariants, `scrol… - scroll-area.variants —
scrollAreaVariants,scrollAreaViewportVariants,scrollAreaScrollbarVariants,scrollAreaThumbVariants, and `scro…
- scroll-area — (no submodules)- scroll-area.variants —
-
select — (no submodules)- select.test-fixtures — Wave-3h local test fixture t…
- select — (no submodules)- select.test-fixtures — Wave-3h local test fixture t…
- select.test-fixtures — Wave-3h local test fixture that augments the chassis test i18n instance with the
react-ui.select.placeholderkey. The… - select.variants — The
<Select>component is composed of six visual slots — trigger, content panel, item row, group label, separator, an…
-
separator — (no submodules)- separator.variants —
separatorVariantsis the cva…- separator — (no submodules)- separator.variants —
separatorVariantsis the cva… - separator.variants —
separatorVariantsis the cva (class-variance-authority) configuration that powers every<Separator>render. It is s…
- separator — (no submodules)- separator.variants —
-
sheet — (no submodules)- sheet.variants —
sheetOverlayVariants, `sheetCont…- sheet — (no submodules)- sheet.variants —
sheetOverlayVariants, `sheetCont… - sheet.variants —
sheetOverlayVariants,sheetContentVariants,sheetHeaderVariants,sheetFooterVariants,sheetTitleVariants, `sh…
- sheet — (no submodules)- sheet.variants —
-
skeleton — (no submodules)- skeleton.variants —
skeletonVariantsis the cva (…- skeleton — (no submodules)- skeleton.variants —
skeletonVariantsis the cva (… - skeleton.variants —
skeletonVariantsis the cva (class-variance-authority) configuration that powers every<Skeleton>render. It is spl…
- skeleton — (no submodules)- skeleton.variants —
-
sonner — (no submodules)- sonner.variants — Defines the `sonnerToasterVariant…
- sonner — (no submodules)- sonner.variants — Defines the `sonnerToasterVariant…
- sonner.variants — Defines the
sonnerToasterVariantscva slot for the chassis<Sonner>toaster host. Sonner manages its own stacking,…
-
spinner — (no submodules)- spinner.variants —
spinnerVariantsis the cva con…- spinner — (no submodules)- spinner.variants —
spinnerVariantsis the cva con… - spinner.variants —
spinnerVariantsis the cva config that powers the<Spinner>chassis component. It exposes asizeaxis (sm/ `de…
- spinner — (no submodules)- spinner.variants —
-
status-badge — (no submodules)- status-badge.variants —
statusBadgeVariantsis th…- status-badge — (no submodules)- status-badge.variants —
statusBadgeVariantsis th… - status-badge.variants —
statusBadgeVariantsis the cva config that powers the<StatusBadge>chassis component. It exposes astatusaxis w…
- status-badge — (no submodules)- status-badge.variants —
-
switch — (no submodules)- switch.variants —
switchVariantsand `switchThumb…- switch — (no submodules)- switch.variants —
switchVariantsand `switchThumb… - switch.variants —
switchVariantsandswitchThumbVariantsare the two cva (class-variance-authority) configurations that together powe…
- switch — (no submodules)- switch.variants —
-
table — (no submodules)- table.variants —
tableVariantsand its eight sub-…- table — (no submodules)- table.variants —
tableVariantsand its eight sub-… - table.variants —
tableVariantsand its eight sub-component cva resolvers (tableHeaderVariants,tableBodyVariants, `tableFooterVari…
- table — (no submodules)- table.variants —
-
tabs — (no submodules)- tabs.variants —
tabsVariants,tabsListVariants,…- tabs — (no submodules)- tabs.variants —
tabsVariants,tabsListVariants,… - tabs.variants —
tabsVariants,tabsListVariants,tabsTriggerVariants, andtabsContentVariantsare the cva (class-variance-author…
- tabs — (no submodules)- tabs.variants —
-
textarea — (no submodules)- textarea.variants —
textareaVariantsis the cva (…- textarea — (no submodules)- textarea.variants —
textareaVariantsis the cva (… - textarea.variants —
textareaVariantsis the cva (class-variance-authority) configuration that powers every<Textarea>render. It is spl…
- textarea — (no submodules)- textarea.variants —
-
theme-toggle — (no submodules)- theme-toggle.variants — Cva slot for the chassis `<…
- theme-toggle — (no submodules)- theme-toggle.variants — Cva slot for the chassis `<…
- theme-toggle.variants — Cva slot for the chassis
<ThemeToggle>icon-button. Mirrors the shape of<Button variant="outline" size="icon">so…
-
toast — (no submodules)- toast — (no submodules)- toggle — (no submodules)- toggle.variants —
toggleVariantsis the cva (clas…- toggle — (no submodules)- toggle.variants —
toggleVariantsis the cva (clas… - toggle.variants —
toggleVariantsis the cva (class-variance-authority) configuration powering every<Toggle>render. It is split from…
- toggle — (no submodules)- toggle.variants —
-
toggle-group — (no submodules)- toggle-group.variants —
toggleGroupVariantsand `…- toggle-group — (no submodules)- toggle-group.variants —
toggleGroupVariantsand `… - toggle-group.variants —
toggleGroupVariantsandtoggleGroupItemVariantsare the cva (class-variance-authority) configurations powering `<To…
- toggle-group — (no submodules)- toggle-group.variants —
-
tooltip — (no submodules)- tooltip.variants —
tooltipContentVariantsis the……- tooltip — (no submodules)- tooltip.variants —
tooltipContentVariantsis the…… - tooltip.variants —
tooltipContentVariantsis the cva configuration powering the<TooltipContent>floating bubble. It is split from `to…
- tooltip — (no submodules)- tooltip.variants —
-
use-toast-sonner-bridge — (no submodules)- use-toast-sonner-bridge — (no submodules)- error-codes — Defines every stable error code emitted by the
@suaveplan/react-uipackage. Codes are grouped under theREACT_UIna… -
react-ui-error — Owns every error thrown by the
@suaveplan/react-uipackage. Extends the project-wideSuaveplanErrorso each instan… -
use-mobile — (no submodules)- use-mobile — (no submodules)- use-toast — (no submodules)- use-toast — (no submodules)- formatted-cell — (no submodules)- formatted-cell — (no submodules)- formatted-currency — (no submodules)- formatted-currency — (no submodules)- formatted-date — (no submodules)- formatted-date — (no submodules)- formatted-list — (no submodules)- formatted-list — (no submodules)- formatted-message — (no submodules)- formatted-message — (no submodules)- formatted-number — (no submodules)- formatted-number — (no submodules)- formatted-relative-time — (no submodules)- formatted-relative-time — (no submodules)- plural — (no submodules)- plural — (no submodules)- react-ui-i18n-bridge — (no submodules)- react-ui-i18n-bridge — (no submodules)- stories-shell — (no submodules)- stories-shell — (no submodules)- tanstack-bridge — (no submodules)- tanstack-bridge — (no submodules)- validation-message-bridge — (no submodules)- validation-message-bridge — (no submodules)- augmentation — Side-effect-only TypeScript module that augments
@suaveplan/react-i18n'sContributedTranslationKeysinterface with… -
schema — Zod schema asserting that every locale bundle declares exactly the keys present in the canonical
en-GB.jsonsource-of… -
translation-keys —
translation-keys.tsis the codegen-emitted string-literal union of every translation key contributed by `@suaveplan/r… -
observability — (no submodules)- react-ui-metrics — (no submodules)- pack — (no submodules)- pack-registry-provider — <!-…
- pack-registry-provider — (no submodules)- pack-registry-provider — (no submodules)- runtime-override — (no submodules)- runtime-override — (no submodules)- use-pack-component — (no submodules)- use-pack-component — (no submodules)- version-check — (no submodules)- version-check — (no submodules)- pack-context — (no submodules)- pack-registry-provider — <!-…
-
react-ui-provider — (no submodules)- react-ui-provider — (no submodules)- theme — (no submodules)- theme-provider — <!-- begin:…
- theme-provider — (no submodules)- theme-provider — (no submodules)- theme-switcher — (no submodules)- theme-switcher — (no submodules)- dark — The dark counterpart of
lightTheme. Same variant surface, same token names, lightness anchors inverted so foreground… - high-contrast — Accessibility-first theme that meets WCAG AAA contrast for normal and large text alike. Pure-white foreground (`#FFFFFF…
- light — The default
ThemePlugininstance shipped with@suaveplan/react-ui.lightThemematches the shadcnnovatoken pre… - use-theme — (no submodules)- use-theme — (no submodules)- use-theme-tokens — (no submodules)- use-theme-tokens — (no submodules)- use-themed-variants — (no submodules)- use-themed-variants — (no submodules)- theme-context — (no submodules)- theme-provider — <!-- begin:…
- theme-provider — (no submodules)- theme-provider — (no submodules)- theme-switcher — (no submodules)- theme-switcher — (no submodules)- dark — The dark counterpart of
-
cn — (no submodules)- cn — (no submodules)- motion — (no submodules)- motion — (no submodules)- variants — (no submodules)- variants — (no submodules)- version — Declares the running version of
@suaveplan/react-uias the constantREACT_UI_VERSION. The version is hand-maintaine… -
accordion.variants —
accordionVariants, `accordio… -
accordion — (no submodules)- accordion.variants —
accordionVariants, `accordio… -
accordion.variants —
accordionVariants,accordionItemVariants,accordionHeaderVariants,accordionTriggerVariants, and `accordionCont… -
alert — (no submodules)- alert.variants —
alertVariantsis the cva config…- alert — (no submodules)- alert.variants —
alertVariantsis the cva config… - alert.variants —
alertVariantsis the cva config that powers the<Alert>chassis component. It exposes avariantaxis with four ru…
- alert — (no submodules)- alert.variants —
-
alert-dialog — (no submodules)- alert-dialog.variants — `alertDialogOverlayVariants…
- alert-dialog — (no submodules)- alert-dialog.variants — `alertDialogOverlayVariants…
- alert-dialog.variants —
alertDialogOverlayVariants,alertDialogContentVariants,alertDialogHeaderVariants,alertDialogFooterVariants, `…
-
aspect-ratio — (no submodules)- aspect-ratio.variants —
aspectRatioVariantsis th…- aspect-ratio — (no submodules)- aspect-ratio.variants —
aspectRatioVariantsis th… - aspect-ratio.variants —
aspectRatioVariantsis the cva (class-variance-authority) configuration powering the<AspectRatio>outer wrapper. I…
- aspect-ratio — (no submodules)- aspect-ratio.variants —
-
avatar — (no submodules)- avatar.variants —
avatarVariantsis the cva confi…- avatar — (no submodules)- avatar.variants —
avatarVariantsis the cva confi… - avatar.variants —
avatarVariantsis the cva config that powers the<Avatar>chassis component (<AvatarImage>and<AvatarFallback>…
- avatar — (no submodules)- avatar.variants —
-
badge — (no submodules)- badge.variants —
badgeVariantsis the cva config…- badge — (no submodules)- badge.variants —
badgeVariantsis the cva config… - badge.variants —
badgeVariantsis the cva config that powers the<Badge>chassis component. It exposes avariantaxis with four ru…
- badge — (no submodules)- badge.variants —
-
breadcrumb — (no submodules)- breadcrumb.variants —
breadcrumbVariants, `breadc…- breadcrumb — (no submodules)- breadcrumb.variants —
breadcrumbVariants, `breadc… - breadcrumb.variants —
breadcrumbVariants,breadcrumbListVariants,breadcrumbItemVariants,breadcrumbLinkVariants, `breadcrumbPageVari…
- breadcrumb — (no submodules)- breadcrumb.variants —
-
button — (no submodules)- button.variants —
buttonVariantsis the cva (clas…- button — (no submodules)- button.variants —
buttonVariantsis the cva (clas… - button.variants —
buttonVariantsis the cva (class-variance-authority) configuration that powers every<Button>render. It is split f…
- button — (no submodules)- button.variants —
-
calendar — (no submodules)- calendar.test-fixtures — Wave-3h local test fixture…
- calendar — (no submodules)- calendar.test-fixtures — Wave-3h local test fixture…
- calendar.test-fixtures — Wave-3h local test fixture that augments the chassis test i18n instance with the
react-ui.calendar.*keyset. The chas… - calendar.variants —
calendarVariantsis the cva config that powers the outer wrapper of<Calendar>. The recipe is intentionally minimal…
-
card — (no submodules)- card.variants —
cardVariants(and its sub-compone…- card — (no submodules)- card.variants —
cardVariants(and its sub-compone… - card.variants —
cardVariants(and its sub-component cva resolverscardHeaderVariants,cardTitleVariants, `cardDescriptionVariants…
- card — (no submodules)- card.variants —
-
checkbox — (no submodules)- checkbox.variants —
checkboxVariantsis the cva (…- checkbox — (no submodules)- checkbox.variants —
checkboxVariantsis the cva (… - checkbox.variants —
checkboxVariantsis the cva (class-variance-authority) configuration that powers every<Checkbox>render. It is spl…
- checkbox — (no submodules)- checkbox.variants —
-
collapsible — (no submodules)- collapsible.variants —
collapsibleVariants, `coll…- collapsible — (no submodules)- collapsible.variants —
collapsibleVariants, `coll… - collapsible.variants —
collapsibleVariants,collapsibleTriggerVariants, andcollapsibleContentVariantsare the cva (class-variance-autho…
- collapsible — (no submodules)- collapsible.variants —
-
confirm-delete-dialog — (no submodules)- confirm-delete-dialog.test-fixtures — Wave-3g local…
- confirm-delete-dialog — (no submodules)- confirm-delete-dialog.test-fixtures — Wave-3g local…
- confirm-delete-dialog.test-fixtures — Wave-3g local test fixture that augments the chassis test i18n instance with the
react-ui.confirmDelete.*keyset. The…
-
context-menu — (no submodules)- context-menu.variants — `contextMenuContentVariants…
- context-menu — (no submodules)- context-menu.variants — `contextMenuContentVariants…
- context-menu.variants —
contextMenuContentVariants,contextMenuItemVariants,contextMenuLabelVariants,contextMenuSeparatorVariants, `c…
-
data-table — (no submodules)- data-table.variants —
dataTableVariants, `dataTab…- data-table — (no submodules)- data-table.variants —
dataTableVariants, `dataTab… - data-table.variants —
dataTableVariants,dataTablePaginationVariants, anddataTableSortHeaderVariantsdrive the chassis<DataTable>o…
- data-table — (no submodules)- data-table.variants —
-
dialog — (no submodules)- dialog.variants —
dialogOverlayVariants, `dialogC…- dialog — (no submodules)- dialog.variants —
dialogOverlayVariants, `dialogC… - dialog.variants —
dialogOverlayVariants,dialogContentVariants,dialogHeaderVariants,dialogFooterVariants,dialogTitleVariants…
- dialog — (no submodules)- dialog.variants —
-
drawer — (no submodules)- drawer.variants —
drawerOverlayVariants, `drawerC…- drawer — (no submodules)- drawer.variants —
drawerOverlayVariants, `drawerC… - drawer.variants —
drawerOverlayVariants,drawerContentVariants,drawerHandleVariants,drawerHeaderVariants, `drawerFooterVariants…
- drawer — (no submodules)- drawer.variants —
-
dropdown-menu — (no submodules)- dropdown-menu.variants — `dropdownMenuContentVarian…
- dropdown-menu — (no submodules)- dropdown-menu.variants — `dropdownMenuContentVarian…
- dropdown-menu.variants —
dropdownMenuContentVariants,dropdownMenuItemVariants,dropdownMenuLabelVariants,dropdownMenuSeparatorVariants…
-
empty — (no submodules)- empty.variants —
emptyVariantsis the cva config…- empty — (no submodules)- empty.variants —
emptyVariantsis the cva config… - empty.variants —
emptyVariantsis the cva config that powers the<Empty>chassis component (withemptyHeaderVariants, `emptyMediaV…
- empty — (no submodules)- empty.variants —
-
error-boundary — (no submodules)- error-boundary.metrics — Co-located OTel counter fo…
- error-boundary — (no submodules)- error-boundary.metrics — Co-located OTel counter fo…
- error-boundary.metrics — Co-located OTel counter for the chassis
<ErrorBoundary>component. Lives next to the boundary itself rather than in t… - error-boundary.test-fixtures — Wave-3g local test fixture that augments the chassis test i18n instance with the
react-ui.errorBoundary.*keyset. The… - error-boundary.variants — Cva slot definitions for the chassis
<ErrorBoundary>default fallback. Splits the fallback into four named slots — ou…
-
field — (no submodules)- field.variants —
fieldVariants, `fieldLabelVarian…- field — (no submodules)- field.variants —
fieldVariants, `fieldLabelVarian… - field.variants —
fieldVariants,fieldLabelVariants,fieldDescriptionVariants, andfieldErrorVariantsare the four cva (class-var…
- field — (no submodules)- field.variants —
-
field-group — (no submodules)- field-group.variants —
fieldGroupVariantsis the…- field-group — (no submodules)- field-group.variants —
fieldGroupVariantsis the… - field-group.variants —
fieldGroupVariantsis the cva (class-variance-authority) configuration powering every<FieldGroup>render. It is sp…
- field-group — (no submodules)- field-group.variants —
-
field-set — (no submodules)- field-set.variants —
fieldSetVariantsand `fieldL…- field-set — (no submodules)- field-set.variants —
fieldSetVariantsand `fieldL… - field-set.variants —
fieldSetVariantsandfieldLegendVariantsare the cva (class-variance-authority) configurations powering `…
- field-set — (no submodules)- field-set.variants —
-
hover-card — (no submodules)- hover-card.variants —
hoverCardContentVariantsis…- hover-card — (no submodules)- hover-card.variants —
hoverCardContentVariantsis… - hover-card.variants —
hoverCardContentVariantsis the cva configuration powering the<HoverCardContent>floating panel. It is split from…
- hover-card — (no submodules)- hover-card.variants —
-
input — (no submodules)- input-number — _(no submod…
- input-number — (no submodules)- input-number — (no submodules)- input — (no submodules)- input-number — _(no submod…
- input.variants —
inputVariantsis the cva (class-variance-authority) configuration that powers every<Input>render. It is split fro…
-
input-group — (no submodules)- input-group.variants —
inputGroupVariants, `input…- input-group — (no submodules)- input-group.variants —
inputGroupVariants, `input… - input-group.variants —
inputGroupVariants,inputGroupAddonVariants,inputGroupInputVariants,inputGroupTextareaVariants, and `inputGro…
- input-group — (no submodules)- input-group.variants —
-
label — (no submodules)- label.variants —
labelVariantsis the cva (class-…- label — (no submodules)- label.variants —
labelVariantsis the cva (class-… - label.variants —
labelVariantsis the cva (class-variance-authority) configuration that powers every<Label>render. It is split fro…
- label — (no submodules)- label.variants —
-
menubar — (no submodules)- menubar.variants —
menubarVariants, `menubarTrigg…- menubar — (no submodules)- menubar.variants —
menubarVariants, `menubarTrigg… - menubar.variants —
menubarVariants,menubarTriggerVariants,menubarContentVariants,menubarItemVariants,menubarLabelVariants, `…
- menubar — (no submodules)- menubar.variants —
-
pagination — (no submodules)- pagination.variants —
paginationVariants, `pagina…- pagination — (no submodules)- pagination.variants —
paginationVariants, `pagina… - pagination.variants —
paginationVariants,paginationContentVariants,paginationItemVariants,paginationLinkVariants, `paginationPrevN…
- pagination — (no submodules)- pagination.variants —
-
popover — (no submodules)- popover.variants —
popoverContentVariantsis the…- popover — (no submodules)- popover.variants —
popoverContentVariantsis the… - popover.variants —
popoverContentVariantsis the cva configuration powering the<PopoverContent>floating panel. It is split from `pop…
- popover — (no submodules)- popover.variants —
-
progress — (no submodules)- progress.variants —
progressVariantsis the cva c…- progress — (no submodules)- progress.variants —
progressVariantsis the cva c… - progress.variants —
progressVariantsis the cva config that powers the<Progress>chassis component (paired with `progressIndicatorVari…
- progress — (no submodules)- progress.variants —
-
radio-group — (no submodules)- radio-group.variants —
radioGroupVariantsand `ra…- radio-group — (no submodules)- radio-group.variants —
radioGroupVariantsand `ra… - radio-group.variants —
radioGroupVariantsandradioGroupItemVariantsare the cva (class-variance-authority) configurations powering `<Radi…
- radio-group — (no submodules)- radio-group.variants —
-
resizable — (no submodules)- resizable.variants —
resizablePanelGroupVariants,…- resizable — (no submodules)- resizable.variants —
resizablePanelGroupVariants,… - resizable.variants —
resizablePanelGroupVariants,resizablePanelVariants,resizableHandleVariants, andresizableHandleGripVariantsa…
- resizable — (no submodules)- resizable.variants —
-
scroll-area — (no submodules)- scroll-area.variants —
scrollAreaVariants, `scrol…- scroll-area — (no submodules)- scroll-area.variants —
scrollAreaVariants, `scrol… - scroll-area.variants —
scrollAreaVariants,scrollAreaViewportVariants,scrollAreaScrollbarVariants,scrollAreaThumbVariants, and `scro…
- scroll-area — (no submodules)- scroll-area.variants —
-
select — (no submodules)- select.test-fixtures — Wave-3h local test fixture t…
- select — (no submodules)- select.test-fixtures — Wave-3h local test fixture t…
- select.test-fixtures — Wave-3h local test fixture that augments the chassis test i18n instance with the
react-ui.select.placeholderkey. The… - select.variants — The
<Select>component is composed of six visual slots — trigger, content panel, item row, group label, separator, an…
-
separator — (no submodules)- separator.variants —
separatorVariantsis the cva…- separator — (no submodules)- separator.variants —
separatorVariantsis the cva… - separator.variants —
separatorVariantsis the cva (class-variance-authority) configuration that powers every<Separator>render. It is s…
- separator — (no submodules)- separator.variants —
-
sheet — (no submodules)- sheet.variants —
sheetOverlayVariants, `sheetCont…- sheet — (no submodules)- sheet.variants —
sheetOverlayVariants, `sheetCont… - sheet.variants —
sheetOverlayVariants,sheetContentVariants,sheetHeaderVariants,sheetFooterVariants,sheetTitleVariants, `sh…
- sheet — (no submodules)- sheet.variants —
-
skeleton — (no submodules)- skeleton.variants —
skeletonVariantsis the cva (…- skeleton — (no submodules)- skeleton.variants —
skeletonVariantsis the cva (… - skeleton.variants —
skeletonVariantsis the cva (class-variance-authority) configuration that powers every<Skeleton>render. It is spl…
- skeleton — (no submodules)- skeleton.variants —
-
sonner — (no submodules)- sonner.variants — Defines the `sonnerToasterVariant…
- sonner — (no submodules)- sonner.variants — Defines the `sonnerToasterVariant…
- sonner.variants — Defines the
sonnerToasterVariantscva slot for the chassis<Sonner>toaster host. Sonner manages its own stacking,…
-
spinner — (no submodules)- spinner.variants —
spinnerVariantsis the cva con…- spinner — (no submodules)- spinner.variants —
spinnerVariantsis the cva con… - spinner.variants —
spinnerVariantsis the cva config that powers the<Spinner>chassis component. It exposes asizeaxis (sm/ `de…
- spinner — (no submodules)- spinner.variants —
-
status-badge — (no submodules)- status-badge.variants —
statusBadgeVariantsis th…- status-badge — (no submodules)- status-badge.variants —
statusBadgeVariantsis th… - status-badge.variants —
statusBadgeVariantsis the cva config that powers the<StatusBadge>chassis component. It exposes astatusaxis w…
- status-badge — (no submodules)- status-badge.variants —
-
switch — (no submodules)- switch.variants —
switchVariantsand `switchThumb…- switch — (no submodules)- switch.variants —
switchVariantsand `switchThumb… - switch.variants —
switchVariantsandswitchThumbVariantsare the two cva (class-variance-authority) configurations that together powe…
- switch — (no submodules)- switch.variants —
-
table — (no submodules)- table.variants —
tableVariantsand its eight sub-…- table — (no submodules)- table.variants —
tableVariantsand its eight sub-… - table.variants —
tableVariantsand its eight sub-component cva resolvers (tableHeaderVariants,tableBodyVariants, `tableFooterVari…
- table — (no submodules)- table.variants —
-
tabs — (no submodules)- tabs.variants —
tabsVariants,tabsListVariants,…- tabs — (no submodules)- tabs.variants —
tabsVariants,tabsListVariants,… - tabs.variants —
tabsVariants,tabsListVariants,tabsTriggerVariants, andtabsContentVariantsare the cva (class-variance-author…
- tabs — (no submodules)- tabs.variants —
-
textarea — (no submodules)- textarea.variants —
textareaVariantsis the cva (…- textarea — (no submodules)- textarea.variants —
textareaVariantsis the cva (… - textarea.variants —
textareaVariantsis the cva (class-variance-authority) configuration that powers every<Textarea>render. It is spl…
- textarea — (no submodules)- textarea.variants —
-
theme-toggle — (no submodules)- theme-toggle.variants — Cva slot for the chassis `<…
- theme-toggle — (no submodules)- theme-toggle.variants — Cva slot for the chassis `<…
- theme-toggle.variants — Cva slot for the chassis
<ThemeToggle>icon-button. Mirrors the shape of<Button variant="outline" size="icon">so…
-
toast — (no submodules)- toast — (no submodules)- toggle — (no submodules)- toggle.variants —
toggleVariantsis the cva (clas…- toggle — (no submodules)- toggle.variants —
toggleVariantsis the cva (clas… - toggle.variants —
toggleVariantsis the cva (class-variance-authority) configuration powering every<Toggle>render. It is split from…
- toggle — (no submodules)- toggle.variants —
-
toggle-group — (no submodules)- toggle-group.variants —
toggleGroupVariantsand `…- toggle-group — (no submodules)- toggle-group.variants —
toggleGroupVariantsand `… - toggle-group.variants —
toggleGroupVariantsandtoggleGroupItemVariantsare the cva (class-variance-authority) configurations powering `<To…
- toggle-group — (no submodules)- toggle-group.variants —
-
tooltip — (no submodules)- tooltip.variants —
tooltipContentVariantsis the…- tooltip — (no submodules)- tooltip.variants —
tooltipContentVariantsis the… - tooltip.variants —
tooltipContentVariantsis the cva configuration powering the<TooltipContent>floating bubble. It is split from `to…
- tooltip — (no submodules)- tooltip.variants —
-
use-toast-sonner-bridge — (no submodules)- use-toast-sonner-bridge — (no submodules)- error-codes — Defines every stable error code emitted by the
@suaveplan/react-uipackage. Codes are grouped under theREACT_UIna… -
react-ui-error — Owns every error thrown by the
@suaveplan/react-uipackage. Extends the project-wideSuaveplanErrorso each instan… -
use-mobile — (no submodules)- use-mobile — (no submodules)- use-toast — (no submodules)- use-toast — (no submodules)- formatted-cell — (no submodules)- formatted-cell — (no submodules)- formatted-currency — (no submodules)- formatted-currency — (no submodules)- formatted-date — (no submodules)- formatted-date — (no submodules)- formatted-list — (no submodules)- formatted-list — (no submodules)- formatted-message — (no submodules)- formatted-message — (no submodules)- formatted-number — (no submodules)- formatted-number — (no submodules)- formatted-relative-time — (no submodules)- formatted-relative-time — (no submodules)- plural — (no submodules)- plural — (no submodules)- react-ui-i18n-bridge — (no submodules)- react-ui-i18n-bridge — (no submodules)- stories-shell — (no submodules)- stories-shell — (no submodules)- tanstack-bridge — (no submodules)- tanstack-bridge — (no submodules)- validation-message-bridge — (no submodules)- validation-message-bridge — (no submodules)- augmentation — Side-effect-only TypeScript module that augments
@suaveplan/react-i18n'sContributedTranslationKeysinterface with… -
schema — Zod schema asserting that every locale bundle declares exactly the keys present in the canonical
en-GB.jsonsource-of… -
translation-keys —
translation-keys.tsis the codegen-emitted string-literal union of every translation key contributed by `@suaveplan/r… -
observability — (no submodules)- react-ui-metrics — (no submodules)- pack — (no submodules)- pack-registry-provider — _…
- pack-registry-provider — (no submodules)- pack-registry-provider — (no submodules)- runtime-override — (no submodules)- runtime-override — (no submodules)- use-pack-component — (no submodules)- use-pack-component — (no submodules)- version-check — (no submodules)- version-check — (no submodules)- pack-context — (no submodules)- pack-registry-provider — _…
-
react-ui-provider — (no submodules)- react-ui-provider — (no submodules)- theme — (no submodules)- theme-provider — _(no subm…
- theme-provider — (no submodules)- theme-provider — (no submodules)- theme-switcher — (no submodules)- theme-switcher — (no submodules)- dark — The dark counterpart of
lightTheme. Same variant surface, same token names, lightness anchors inverted so foreground… - high-contrast — Accessibility-first theme that meets WCAG AAA contrast for normal and large text alike. Pure-white foreground (`#FFFFFF…
- light — The default
ThemePlugininstance shipped with@suaveplan/react-ui.lightThemematches the shadcnnovatoken pre… - use-theme — (no submodules)- use-theme — (no submodules)- use-theme-tokens — (no submodules)- use-theme-tokens — (no submodules)- use-themed-variants — (no submodules)- use-themed-variants — (no submodules)- theme-context — (no submodules)- theme-provider — _(no subm…
- theme-provider — (no submodules)- theme-provider — (no submodules)- theme-switcher — (no submodules)- theme-switcher — (no submodules)- dark — The dark counterpart of
-
cn — (no submodules)- cn — (no submodules)- motion — (no submodules)- motion — (no submodules)- variants — (no submodules)- variants — (no submodules)- version — Declares the running version of
@suaveplan/react-uias the constantREACT_UI_VERSION. The version is hand-maintaine… -
accordion — (no submodules)- accordion.variants —
accordionVariants,accordionItemVariants,accordionHeaderVariants,accordionTriggerVariants, and `accordionCont… -
alert — (no submodules) - alert — (no submodules) - alert.variants —
alertVariantsis the cva config that powers the<Alert>chassis component. It exposes avariantaxis with four ru… -
alert-dialog — (no submodules) - alert-dialog — (no submodules) - alert-dialog.variants —
alertDialogOverlayVariants,alertDialogContentVariants,alertDialogHeaderVariants,alertDialogFooterVariants, `… -
aspect-ratio — (no submodules) - aspect-ratio — (no submodules) - aspect-ratio.variants —
aspectRatioVariantsis the cva (class-variance-authority) configuration powering the<AspectRatio>outer wrapper. I… -
avatar — (no submodules) - avatar — (no submodules) - avatar.variants —
avatarVariantsis the cva config that powers the<Avatar>chassis component (<AvatarImage>and<AvatarFallback>… -
badge — (no submodules) - badge — (no submodules) - badge.variants —
badgeVariantsis the cva config that powers the<Badge>chassis component. It exposes avariantaxis with four ru… -
breadcrumb — (no submodules) - breadcrumb — (no submodules) - breadcrumb.variants —
breadcrumbVariants,breadcrumbListVariants,breadcrumbItemVariants,breadcrumbLinkVariants, `breadcrumbPageVari… -
button — (no submodules) - button — (no submodules) - button.variants —
buttonVariantsis the cva (class-variance-authority) configuration that powers every<Button>render. It is split f… -
calendar — (no submodules) - calendar — (no submodules) - calendar.test-fixtures — Wave-3h local test fixture that augments the chassis test i18n instance with the
react-ui.calendar.*keyset. The chas…- calendar.variants —
calendarVariantsis the cva config that powers the outer wrapper of<Calendar>. The recipe is intentionally minimal…
- calendar.variants —
-
card — (no submodules) - card — (no submodules) - card.variants —
cardVariants(and its sub-component cva resolverscardHeaderVariants,cardTitleVariants, `cardDescriptionVariants… -
checkbox — (no submodules) - checkbox — (no submodules) - checkbox.variants —
checkboxVariantsis the cva (class-variance-authority) configuration that powers every<Checkbox>render. It is spl… -
collapsible — (no submodules) - collapsible — (no submodules) - collapsible.variants —
collapsibleVariants,collapsibleTriggerVariants, andcollapsibleContentVariantsare the cva (class-variance-autho… -
confirm-delete-dialog — (no submodules) - confirm-delete-dialog — (no submodules) - confirm-delete-dialog.test-fixtures — Wave-3g local test fixture that augments the chassis test i18n instance with the
react-ui.confirmDelete.*keyset. The… -
context-menu — (no submodules) - context-menu — (no submodules) - context-menu.variants —
contextMenuContentVariants,contextMenuItemVariants,contextMenuLabelVariants,contextMenuSeparatorVariants, `c… -
data-table — (no submodules) - data-table — (no submodules) - data-table.variants —
dataTableVariants,dataTablePaginationVariants, anddataTableSortHeaderVariantsdrive the chassis<DataTable>o… -
dialog — (no submodules) - dialog — (no submodules) - dialog.variants —
dialogOverlayVariants,dialogContentVariants,dialogHeaderVariants,dialogFooterVariants,dialogTitleVariants… -
drawer — (no submodules) - drawer — (no submodules) - drawer.variants —
drawerOverlayVariants,drawerContentVariants,drawerHandleVariants,drawerHeaderVariants, `drawerFooterVariants… -
dropdown-menu — (no submodules) - dropdown-menu — (no submodules) - dropdown-menu.variants —
dropdownMenuContentVariants,dropdownMenuItemVariants,dropdownMenuLabelVariants,dropdownMenuSeparatorVariants… -
empty — (no submodules) - empty — (no submodules) - empty.variants —
emptyVariantsis the cva config that powers the<Empty>chassis component (withemptyHeaderVariants, `emptyMediaV… -
error-boundary — (no submodules) - error-boundary — (no submodules) - error-boundary.metrics — Co-located OTel counter for the chassis
<ErrorBoundary>component. Lives next to the boundary itself rather than in t…- error-boundary.test-fixtures — Wave-3g local test fixture that augments the chassis test i18n instance with the
react-ui.errorBoundary.*keyset. The… - error-boundary.variants — Cva slot definitions for the chassis
<ErrorBoundary>default fallback. Splits the fallback into four named slots — ou…
- error-boundary.test-fixtures — Wave-3g local test fixture that augments the chassis test i18n instance with the
-
field — (no submodules) - field — (no submodules) - field.variants —
fieldVariants,fieldLabelVariants,fieldDescriptionVariants, andfieldErrorVariantsare the four cva (class-var… -
field-group — (no submodules) - field-group — (no submodules) - field-group.variants —
fieldGroupVariantsis the cva (class-variance-authority) configuration powering every<FieldGroup>render. It is sp… -
field-set — (no submodules) - field-set — (no submodules) - field-set.variants —
…fieldSetVariantsandfieldLegendVariantsare the cva (class-variance-authority) configurations powering ` -
hover-card — (no submodules) - hover-card — (no submodules) - hover-card.variants —
hoverCardContentVariantsis the cva configuration powering the<HoverCardContent>floating panel. It is split from… -
input — (no submodules) - input-number — (no submodules) - input-number — (no submodules) - input — (no submodules) - input.variants —
inputVariantsis the cva (class-variance-authority) configuration that powers every<Input>render. It is split fro… -
input-group — (no submodules) - input-group — (no submodules) - input-group.variants —
inputGroupVariants,inputGroupAddonVariants,inputGroupInputVariants,inputGroupTextareaVariants, and `inputGro… -
label — (no submodules) - label — (no submodules) - label.variants —
labelVariantsis the cva (class-variance-authority) configuration that powers every<Label>render. It is split fro… -
menubar — (no submodules) - menubar — (no submodules) - menubar.variants —
menubarVariants,menubarTriggerVariants,menubarContentVariants,menubarItemVariants,menubarLabelVariants, `… -
pagination — (no submodules) - pagination — (no submodules) - pagination.variants —
paginationVariants,paginationContentVariants,paginationItemVariants,paginationLinkVariants, `paginationPrevN… -
popover — (no submodules) - popover — (no submodules) - popover.variants —
popoverContentVariantsis the cva configuration powering the<PopoverContent>floating panel. It is split from `pop… -
progress — (no submodules) - progress — (no submodules) - progress.variants —
progressVariantsis the cva config that powers the<Progress>chassis component (paired with `progressIndicatorVari… -
radio-group — (no submodules) - radio-group — (no submodules) - radio-group.variants —
radioGroupVariantsandradioGroupItemVariantsare the cva (class-variance-authority) configurations powering `<Radi… -
resizable — (no submodules) - resizable — (no submodules) - resizable.variants —
resizablePanelGroupVariants,resizablePanelVariants,resizableHandleVariants, andresizableHandleGripVariantsa… -
scroll-area — (no submodules) - scroll-area — (no submodules) - scroll-area.variants —
scrollAreaVariants,scrollAreaViewportVariants,scrollAreaScrollbarVariants,scrollAreaThumbVariants, and `scro… -
select — (no submodules) - select — (no submodules) - select.test-fixtures — Wave-3h local test fixture that augments the chassis test i18n instance with the
react-ui.select.placeholderkey. The…- select.variants — The
<Select>component is composed of six visual slots — trigger, content panel, item row, group label, separator, an…
- select.variants — The
-
separator — (no submodules) - separator — (no submodules) - separator.variants —
separatorVariantsis the cva (class-variance-authority) configuration that powers every<Separator>render. It is s… -
sheet — (no submodules) - sheet — (no submodules) - sheet.variants —
sheetOverlayVariants,sheetContentVariants,sheetHeaderVariants,sheetFooterVariants,sheetTitleVariants, `sh… -
skeleton — (no submodules) - skeleton — (no submodules) - skeleton.variants —
skeletonVariantsis the cva (class-variance-authority) configuration that powers every<Skeleton>render. It is spl… -
sonner — (no submodules) - sonner — (no submodules) - sonner.variants — Defines the
sonnerToasterVariantscva slot for the chassis<Sonner>toaster host. Sonner manages its own stacking,… -
spinner — (no submodules) - spinner — (no submodules) - spinner.variants —
spinnerVariantsis the cva config that powers the<Spinner>chassis component. It exposes asizeaxis (sm/ `de… -
status-badge — (no submodules) - status-badge — (no submodules) - status-badge.variants —
statusBadgeVariantsis the cva config that powers the<StatusBadge>chassis component. It exposes astatusaxis w… -
switch — (no submodules) - switch — (no submodules) - switch.variants —
switchVariantsandswitchThumbVariantsare the two cva (class-variance-authority) configurations that together powe… -
table — (no submodules) - table — (no submodules) - table.variants —
tableVariantsand its eight sub-component cva resolvers (tableHeaderVariants,tableBodyVariants, `tableFooterVari… -
tabs — (no submodules) - tabs — (no submodules) - tabs.variants —
tabsVariants,tabsListVariants,tabsTriggerVariants, andtabsContentVariantsare the cva (class-variance-author… -
textarea — (no submodules) - textarea — (no submodules) - textarea.variants —
textareaVariantsis the cva (class-variance-authority) configuration that powers every<Textarea>render. It is spl… -
theme-toggle — (no submodules) - theme-toggle — (no submodules) - theme-toggle.variants — Cva slot for the chassis
<ThemeToggle>icon-button. Mirrors the shape of<Button variant="outline" size="icon">so… -
toast — (no submodules) - toast — (no submodules)- toggle — (no submodules) - toggle — (no submodules) - toggle.variants —
toggleVariantsis the cva (class-variance-authority) configuration powering every<Toggle>render. It is split from… -
toggle-group — (no submodules) - toggle-group — (no submodules) - toggle-group.variants —
toggleGroupVariantsandtoggleGroupItemVariantsare the cva (class-variance-authority) configurations powering `<To… -
tooltip — (no submodules) - tooltip — (no submodules) - tooltip.variants —
tooltipContentVariantsis the cva configuration powering the<TooltipContent>floating bubble. It is split from `to… -
use-toast-sonner-bridge — (no submodules) - use-toast-sonner-bridge — (no submodules)- error-codes — Defines every stable error code emitted by the
@suaveplan/react-uipackage. Codes are grouped under theREACT_UIna… -
react-ui-error — Owns every error thrown by the
@suaveplan/react-uipackage. Extends the project-wideSuaveplanErrorso each instan… -
use-mobile — (no submodules) - use-mobile — (no submodules)- use-toast — (no submodules) - use-toast — (no submodules)- formatted-cell — (no submodules) - formatted-cell — (no submodules)- formatted-currency — (no submodules) - formatted-currency — (no submodules)- formatted-date — (no submodules) - formatted-date — (no submodules)- formatted-list — (no submodules) - formatted-list — (no submodules)- formatted-message — (no submodules) - formatted-message — (no submodules)- formatted-number — (no submodules) - formatted-number — (no submodules)- formatted-relative-time — (no submodules) - formatted-relative-time — (no submodules)- plural — (no submodules) - plural — (no submodules)- react-ui-i18n-bridge — (no submodules) - react-ui-i18n-bridge — (no submodules)- stories-shell — (no submodules) - stories-shell — (no submodules)- tanstack-bridge — (no submodules) - tanstack-bridge — (no submodules)- validation-message-bridge — (no submodules) - validation-message-bridge — (no submodules)- augmentation — Side-effect-only TypeScript module that augments
@suaveplan/react-i18n'sContributedTranslationKeysinterface with… -
schema — Zod schema asserting that every locale bundle declares exactly the keys present in the canonical
en-GB.jsonsource-of… -
translation-keys —
translation-keys.tsis the codegen-emitted string-literal union of every translation key contributed by `@suaveplan/r… -
observability — (no submodules) - react-ui-metrics — (no submodules)- pack — (no submodules) - pack-registry-provider — (no submodules) - pack-registry-provider — (no submodules) - runtime-override — (no submodules) - runtime-override — (no submodules) - use-pack-component — (no submodules) - use-pack-component — (no submodules) - version-check — (no submodules) - version-check — (no submodules) - pack-context — (no submodules)- react-ui-provider — (no submodules) - react-ui-provider — (no submodules)- theme — (no submodules) - theme-provider — (no submodules) - theme-provider — (no submodules) - theme-switcher — (no submodules) - theme-switcher — (no submodules) - dark — The dark counterpart of
lightTheme. Same variant surface, same token names, lightness anchors inverted so foreground…- high-contrast — Accessibility-first theme that meets WCAG AAA contrast for normal and large text alike. Pure-white foreground (`#FFFFFF…
- light — The default
ThemePlugininstance shipped with@suaveplan/react-ui.lightThemematches the shadcnnovatoken pre… - use-theme — (no submodules) - use-theme — (no submodules) - use-theme-tokens — (no submodules) - use-theme-tokens — (no submodules) - use-themed-variants — (no submodules) - use-themed-variants — (no submodules) - theme-context — (no submodules)- cn — (no submodules) - cn — (no submodules)- motion — (no submodules) - motion — (no submodules)- variants — (no submodules) - variants — (no submodules)- version — Declares the running version of
@suaveplan/react-uias the constantREACT_UI_VERSION. The version is hand-maintaine…
What is here
<ReactUiProvider>— opinionated wrapper composing<TranslationProvider>→<ThemeProvider>→<PackRegistryProvider><ThemeProvider>— theme registry with FOUC-prevention inline script,prefers-color-scheme+prefers-reduced-motionlisteners, and a schema-validatedThemePlugincontract<PackRegistryProvider>— plugin registry with collision detection, lifecycle hooks, peer-version checks (warn-only), and per-pack translation auto-registrationuseTheme,useThemeTokens,useThemedVariants,<ThemeSwitcher>— read-side hooksusePackComponent— typed pack-component lookupuseMobile,useToast,useDirection— chassis hookscn,motionToken,defineVariants,cva— utilities + variant authoring helpers- Three built-in themes:
lightTheme(shadcnnova),darkTheme(pure inversion),highContrastTheme(WCAG AAA) - Five bundled locale catalogs (
en-GB,zh-CN,ar-AE,cy-GB,ru-RU); auto-registered into the active i18n instance - OpenTelemetry counters / histograms / spans for every chassis surface (theme switches, pack lifecycle, locale-bundle loads, themed variants resolve, toast notifications, provider mount)
- shadcn-CLI-compatible registry generator at
scripts/build-registry.ts
Installation
bun add @suaveplan/react-ui @suaveplan/react-i18n @suaveplan/i18n
Quickstart
import { ReactUiProvider } from "@suaveplan/react-ui/provider";
import { darkTheme, lightTheme } from "@suaveplan/react-ui/theme";
import { createI18n } from "@suaveplan/i18n/plugin";
const i18n = createI18n({ defaultLocale: "en-GB" });
export function App() {
return (
<ReactUiProvider
i18n={i18n}
themes={[lightTheme, darkTheme]}
defaultTheme="light"
>
<YourApp />
</ReactUiProvider>
);
}
Tier and tree-shaking
- Tier: React. Peer-deps
react ^18.0.0 || ^19.0.0/react-dom ^18.0.0 || ^19.0.0. - Tree-shaken: each feature module is exported under its own
subpath in
package.json#exportsso a consumer importing onlycn(import { cn } from '@suaveplan/react-ui/utils/cn') does NOT pull the rest of the chassis. - CSS side-effects:
package.json#sideEffectswhitelistsstyles/global.cssand the bundled locale*.jsonso bundlers preserve CSS layer registration AND lazy-import chunk emission.
OpenSpec
Owning change: enterprise-react-ui-v2.
Cross-cutting design: docs/cross-cutting-designs/2026-05-05-react-ui-react-i18n-react-forms.md.
License
MIT — © Suaveplan Team.