Files
2026-05-27 23:47:53 +01:00

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…
  • alert — (no submodules) - alert.variants — alertVariants is the cva config……
    • alert — (no submodules) - alert.variants — alertVariants is the cva config……
    • alert.variants — alertVariants is the cva config that powers the <Alert> chassis component. It exposes a variant axis with four ru…
  • 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 — aspectRatioVariants is th…
    • aspect-ratio — (no submodules) - aspect-ratio.variants — aspectRatioVariants is th…
    • aspect-ratio.variants — aspectRatioVariants is the cva (class-variance-authority) configuration powering the <AspectRatio> outer wrapper. I…
  • avatar — (no submodules) - avatar.variants — avatarVariants is the cva confi…
    • avatar — (no submodules) - avatar.variants — avatarVariants is the cva confi…
    • avatar.variants — avatarVariants is the cva config that powers the <Avatar> chassis component (<AvatarImage> and <AvatarFallback>…
  • badge — (no submodules) - badge.variants — badgeVariants is the cva config……
    • badge — (no submodules) - badge.variants — badgeVariants is the cva config……
    • badge.variants — badgeVariants is the cva config that powers the <Badge> chassis component. It exposes a variant axis with four ru…
  • breadcrumb — (no submodules) - breadcrumb.variants — breadcrumbVariants, `breadc…
    • breadcrumb — (no submodules) - breadcrumb.variants — breadcrumbVariants, `breadc…
    • breadcrumb.variants — breadcrumbVariants, breadcrumbListVariants, breadcrumbItemVariants, breadcrumbLinkVariants, `breadcrumbPageVari…
  • button — (no submodules) - button.variants — buttonVariants is the cva (clas…
    • button — (no submodules) - button.variants — buttonVariants is the cva (clas…
    • button.variants — buttonVariants is the cva (class-variance-authority) configuration that powers every <Button> render. It is split f…
  • 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 — calendarVariants is 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 resolvers cardHeaderVariants, cardTitleVariants, `cardDescriptionVariants…
  • checkbox — (no submodules) - checkbox.variants — checkboxVariants is the cva (…
    • checkbox — (no submodules) - checkbox.variants — checkboxVariants is the cva (…
    • checkbox.variants — checkboxVariants is the cva (class-variance-authority) configuration that powers every <Checkbox> render. It is spl…
  • collapsible — (no submodules) - collapsible.variants — collapsibleVariants, `coll…
    • collapsible — (no submodules) - collapsible.variants — collapsibleVariants, `coll…
    • collapsible.variants — collapsibleVariants, collapsibleTriggerVariants, and collapsibleContentVariants are the cva (class-variance-autho…
  • confirm-delete-dialog — (no submodules) - confirm-delete-dialog.test-fixtures — Wave-3g local…
  • 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, and dataTableSortHeaderVariants drive the chassis <DataTable> o…
  • dialog — (no submodules) - dialog.variants — dialogOverlayVariants, `dialogC…
    • dialog — (no submodules) - dialog.variants — dialogOverlayVariants, `dialogC…
    • dialog.variants — dialogOverlayVariants, dialogContentVariants, dialogHeaderVariants, dialogFooterVariants, dialogTitleVariants…
  • drawer — (no submodules) - drawer.variants — drawerOverlayVariants, `drawerC…
    • drawer — (no submodules) - drawer.variants — drawerOverlayVariants, `drawerC…
    • drawer.variants — drawerOverlayVariants, drawerContentVariants, drawerHandleVariants, drawerHeaderVariants, `drawerFooterVariants…
  • 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 — emptyVariants is the cva config……
    • empty — (no submodules) - empty.variants — emptyVariants is the cva config……
    • empty.variants — emptyVariants is the cva config that powers the <Empty> chassis component (with emptyHeaderVariants, `emptyMediaV…
  • 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, and fieldErrorVariants are the four cva (class-var…
  • field-group — (no submodules) - field-group.variants — fieldGroupVariants is the……
    • field-group — (no submodules) - field-group.variants — fieldGroupVariants is the……
    • field-group.variants — fieldGroupVariants is the cva (class-variance-authority) configuration powering every <FieldGroup> render. It is sp…
  • field-set — (no submodules) - field-set.variants — fieldSetVariants and `fieldL…
    • field-set — (no submodules) - field-set.variants — fieldSetVariants and `fieldL…
    • field-set.variants — fieldSetVariants and fieldLegendVariants are the cva (class-variance-authority) configurations powering `…
  • hover-card — (no submodules) - hover-card.variants — hoverCardContentVariants is…
    • hover-card — (no submodules) - hover-card.variants — hoverCardContentVariants is…
    • hover-card.variants — hoverCardContentVariants is the cva configuration powering the <HoverCardContent> floating panel. It is split from…
  • input — (no submodules) - input-number — _(no submodu…
    • input-number — (no submodules)
    • input — (no submodules) - input-number — _(no submodu…
    • input.variants — inputVariants is 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…
  • label — (no submodules) - label.variants — labelVariants is the cva (class-…
    • label — (no submodules) - label.variants — labelVariants is the cva (class-…
    • label.variants — labelVariants is the cva (class-variance-authority) configuration that powers every <Label> render. It is split fro…
  • menubar — (no submodules) - menubar.variants — menubarVariants, `menubarTrigg…
    • menubar — (no submodules) - menubar.variants — menubarVariants, `menubarTrigg…
    • menubar.variants — menubarVariants, menubarTriggerVariants, menubarContentVariants, menubarItemVariants, menubarLabelVariants, `…
  • pagination — (no submodules) - pagination.variants — paginationVariants, `pagina…
    • pagination — (no submodules) - pagination.variants — paginationVariants, `pagina…
    • pagination.variants — paginationVariants, paginationContentVariants, paginationItemVariants, paginationLinkVariants, `paginationPrevN…
  • popover — (no submodules) - popover.variants — popoverContentVariants is the……
    • popover — (no submodules) - popover.variants — popoverContentVariants is the……
    • popover.variants — popoverContentVariants is the cva configuration powering the <PopoverContent> floating panel. It is split from `pop…
  • progress — (no submodules) - progress.variants — progressVariants is the cva c…
    • progress — (no submodules) - progress.variants — progressVariants is the cva c…
    • progress.variants — progressVariants is the cva config that powers the <Progress> chassis component (paired with `progressIndicatorVari…
  • radio-group — (no submodules) - radio-group.variants — radioGroupVariants and `ra…
    • radio-group — (no submodules) - radio-group.variants — radioGroupVariants and `ra…
    • radio-group.variants — radioGroupVariants and radioGroupItemVariants are the cva (class-variance-authority) configurations powering `<Radi…
  • resizable — (no submodules) - resizable.variants — resizablePanelGroupVariants,…
    • resizable — (no submodules) - resizable.variants — resizablePanelGroupVariants,…
    • resizable.variants — resizablePanelGroupVariants, resizablePanelVariants, resizableHandleVariants, and resizableHandleGripVariants a…
  • 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…
  • 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.placeholder key. 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 — separatorVariants is the cva…
    • separator — (no submodules) - separator.variants — separatorVariants is the cva…
    • separator.variants — separatorVariants is the cva (class-variance-authority) configuration that powers every <Separator> render. It is s…
  • sheet — (no submodules) - sheet.variants — sheetOverlayVariants, `sheetCont…
    • sheet — (no submodules) - sheet.variants — sheetOverlayVariants, `sheetCont…
    • sheet.variants — sheetOverlayVariants, sheetContentVariants, sheetHeaderVariants, sheetFooterVariants, sheetTitleVariants, `sh…
  • skeleton — (no submodules) - skeleton.variants — skeletonVariants is the cva (…
    • skeleton — (no submodules) - skeleton.variants — skeletonVariants is the cva (…
    • skeleton.variants — skeletonVariants is the cva (class-variance-authority) configuration that powers every <Skeleton> render. It is spl…
  • sonner — (no submodules) - sonner.variants — Defines the `sonnerToasterVariant…
    • sonner — (no submodules) - sonner.variants — Defines the `sonnerToasterVariant…
    • sonner.variants — Defines the sonnerToasterVariants cva slot for the chassis <Sonner> toaster host. Sonner manages its own stacking,…
  • spinner — (no submodules) - spinner.variants — spinnerVariants is the cva con…
    • spinner — (no submodules) - spinner.variants — spinnerVariants is the cva con…
    • spinner.variants — spinnerVariants is the cva config that powers the <Spinner> chassis component. It exposes a size axis (sm / `de…
  • status-badge — (no submodules) - status-badge.variants — statusBadgeVariants is th…
    • status-badge — (no submodules) - status-badge.variants — statusBadgeVariants is th…
    • status-badge.variants — statusBadgeVariants is the cva config that powers the <StatusBadge> chassis component. It exposes a status axis w…
  • switch — (no submodules) - switch.variants — switchVariants and `switchThumb…
    • switch — (no submodules) - switch.variants — switchVariants and `switchThumb…
    • switch.variants — switchVariants and switchThumbVariants are the two cva (class-variance-authority) configurations that together powe…
  • table — (no submodules) - table.variants — tableVariants and its eight sub-…
    • table — (no submodules) - table.variants — tableVariants and its eight sub-…
    • table.variants — tableVariants and its eight sub-component cva resolvers (tableHeaderVariants, tableBodyVariants, `tableFooterVari…
  • tabs — (no submodules) - tabs.variants — tabsVariants, tabsListVariants,…
    • tabs — (no submodules) - tabs.variants — tabsVariants, tabsListVariants,…
    • tabs.variants — tabsVariants, tabsListVariants, tabsTriggerVariants, and tabsContentVariants are the cva (class-variance-author…
  • textarea — (no submodules) - textarea.variants — textareaVariants is the cva (…
    • textarea — (no submodules) - textarea.variants — textareaVariants is the cva (…
    • textarea.variants — textareaVariants is the cva (class-variance-authority) configuration that powers every <Textarea> render. It is spl…
  • 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 — toggleVariants is the cva (clas…
    • toggle — (no submodules) - toggle.variants — toggleVariants is the cva (clas…
    • toggle.variants — toggleVariants is the cva (class-variance-authority) configuration powering every <Toggle> render. It is split from…
  • toggle-group — (no submodules) - toggle-group.variants — toggleGroupVariants and `…
    • toggle-group — (no submodules) - toggle-group.variants — toggleGroupVariants and `…
    • toggle-group.variants — toggleGroupVariants and toggleGroupItemVariants are the cva (class-variance-authority) configurations powering `<To…
  • tooltip — (no submodules) - tooltip.variants — tooltipContentVariants is the……
    • tooltip — (no submodules) - tooltip.variants — tooltipContentVariants is the……
    • tooltip.variants — tooltipContentVariants is the cva configuration powering the <TooltipContent> floating bubble. It is split from `to…
  • use-toast-sonner-bridge — (no submodules)
  • error-codes — Defines every stable error code emitted by the @suaveplan/react-ui package. Codes are grouped under the REACT_UI na…
  • react-ui-error — Owns every error thrown by the @suaveplan/react-ui package. Extends the project-wide SuaveplanError so each instan…
  • use-mobile — (no submodules)
  • use-toast — (no submodules)
  • formatted-cell — (no submodules)
  • formatted-currency — (no submodules)
  • formatted-date — (no submodules)
  • formatted-list — (no submodules)
  • formatted-message — (no submodules)
  • formatted-number — (no submodules)
  • formatted-relative-time — (no submodules)
  • plural — (no submodules)
  • react-ui-i18n-bridge — (no submodules)
  • stories-shell — (no submodules)
  • tanstack-bridge — (no submodules)
  • validation-message-bridge — (no submodules)
  • augmentation — Side-effect-only TypeScript module that augments @suaveplan/react-i18n's ContributedTranslationKeys interface with…
  • schema — Zod schema asserting that every locale bundle declares exactly the keys present in the canonical en-GB.json source-of…
  • translation-keys — translation-keys.ts is the codegen-emitted string-literal union of every translation key contributed by `@suaveplan/r…
  • observability — (no submodules)
  • pack — (no submodules) - pack-registry-provider — _(…
  • react-ui-provider — (no submodules)
  • theme — (no submodules) - theme-provider — _(no submo…
    • layer-stack — The layer-stack module is the runtime engine that backs <ThemeProvider>, useThemeMutator(), and `useResolvedTheme…
      • layer-stack — The layer-stack module is the runtime engine that backs <ThemeProvider>, useThemeMutator(), and `useResolvedTheme…
    • theme-provider — (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 ThemePlugin instance shipped with @suaveplan/react-ui. lightTheme matches the shadcn nova token pre…
    • use-resolved-theme-tokens — useResolvedThemeTokens() is the read-side counterpart to useThemeMutator(). It returns the live merged token state…
      • use-resolved-theme-tokens — useResolvedThemeTokens() is the read-side counterpart to useThemeMutator(). It returns the live merged token state…
    • 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-tokens — (no submodules)
    • use-themed-variants — (no submodules)
    • theme-context — (no submodules) - theme-provider — _(no submo…
  • cn — (no submodules)
    • cn — (no submodules)
  • motion — (no submodules)
  • variants — (no submodules)
  • version — Declares the running version of @suaveplan/react-ui as the constant REACT_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 — alertVariants is the cva config……

    • alert — (no submodules)- alert.variants — alertVariants is the cva config……
    • alert.variants — alertVariants is the cva config that powers the <Alert> chassis component. It exposes a variant axis with four ru…
  • 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 — aspectRatioVariants is th…

    • aspect-ratio — (no submodules)- aspect-ratio.variants — aspectRatioVariants is th…
    • aspect-ratio.variants — aspectRatioVariants is the cva (class-variance-authority) configuration powering the <AspectRatio> outer wrapper. I…
  • avatar — (no submodules)- avatar.variants — avatarVariants is the cva confi…

    • avatar — (no submodules)- avatar.variants — avatarVariants is the cva confi…
    • avatar.variants — avatarVariants is the cva config that powers the <Avatar> chassis component (<AvatarImage> and <AvatarFallback>…
  • badge — (no submodules)- badge.variants — badgeVariants is the cva config……

    • badge — (no submodules)- badge.variants — badgeVariants is the cva config……
    • badge.variants — badgeVariants is the cva config that powers the <Badge> chassis component. It exposes a variant axis with four ru…
  • breadcrumb — (no submodules)- breadcrumb.variants — breadcrumbVariants, `breadc…

    • breadcrumb — (no submodules)- breadcrumb.variants — breadcrumbVariants, `breadc…
    • breadcrumb.variants — breadcrumbVariants, breadcrumbListVariants, breadcrumbItemVariants, breadcrumbLinkVariants, `breadcrumbPageVari…
  • button — (no submodules)- button.variants — buttonVariants is the cva (clas…

    • button — (no submodules)- button.variants — buttonVariants is the cva (clas…
    • button.variants — buttonVariants is the cva (class-variance-authority) configuration that powers every <Button> render. It is split f…
  • 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 — calendarVariants is 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 resolvers cardHeaderVariants, cardTitleVariants, `cardDescriptionVariants…
  • checkbox — (no submodules)- checkbox.variants — checkboxVariants is the cva (…

    • checkbox — (no submodules)- checkbox.variants — checkboxVariants is the cva (…
    • checkbox.variants — checkboxVariants is the cva (class-variance-authority) configuration that powers every <Checkbox> render. It is spl…
  • collapsible — (no submodules)- collapsible.variants — collapsibleVariants, `coll…

    • collapsible — (no submodules)- collapsible.variants — collapsibleVariants, `coll…
    • collapsible.variants — collapsibleVariants, collapsibleTriggerVariants, and collapsibleContentVariants are the cva (class-variance-autho…
  • confirm-delete-dialog — (no submodules)- confirm-delete-dialog.test-fixtures — Wave-3g local…

  • 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, and dataTableSortHeaderVariants drive the chassis <DataTable> o…
  • dialog — (no submodules)- dialog.variants — dialogOverlayVariants, `dialogC…

    • dialog — (no submodules)- dialog.variants — dialogOverlayVariants, `dialogC…
    • dialog.variants — dialogOverlayVariants, dialogContentVariants, dialogHeaderVariants, dialogFooterVariants, dialogTitleVariants…
  • drawer — (no submodules)- drawer.variants — drawerOverlayVariants, `drawerC…

    • drawer — (no submodules)- drawer.variants — drawerOverlayVariants, `drawerC…
    • drawer.variants — drawerOverlayVariants, drawerContentVariants, drawerHandleVariants, drawerHeaderVariants, `drawerFooterVariants…
  • 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 — emptyVariants is the cva config……

    • empty — (no submodules)- empty.variants — emptyVariants is the cva config……
    • empty.variants — emptyVariants is the cva config that powers the <Empty> chassis component (with emptyHeaderVariants, `emptyMediaV…
  • 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, and fieldErrorVariants are the four cva (class-var…
  • field-group — (no submodules)- field-group.variants — fieldGroupVariants is the……

    • field-group — (no submodules)- field-group.variants — fieldGroupVariants is the……
    • field-group.variants — fieldGroupVariants is the cva (class-variance-authority) configuration powering every <FieldGroup> render. It is sp…
  • field-set — (no submodules)- field-set.variants — fieldSetVariants and `fieldL…

    • field-set — (no submodules)- field-set.variants — fieldSetVariants and `fieldL…
    • field-set.variants — fieldSetVariants and fieldLegendVariants are the cva (class-variance-authority) configurations powering `…
  • hover-card — (no submodules)- hover-card.variants — hoverCardContentVariants is…

    • hover-card — (no submodules)- hover-card.variants — hoverCardContentVariants is…
    • hover-card.variants — hoverCardContentVariants is 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 — inputVariants is 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…
  • label — (no submodules)- label.variants — labelVariants is the cva (class-…

    • label — (no submodules)- label.variants — labelVariants is the cva (class-…
    • label.variants — labelVariants is the cva (class-variance-authority) configuration that powers every <Label> render. It is split fro…
  • menubar — (no submodules)- menubar.variants — menubarVariants, `menubarTrigg…

    • menubar — (no submodules)- menubar.variants — menubarVariants, `menubarTrigg…
    • menubar.variants — menubarVariants, menubarTriggerVariants, menubarContentVariants, menubarItemVariants, menubarLabelVariants, `…
  • pagination — (no submodules)- pagination.variants — paginationVariants, `pagina…

    • pagination — (no submodules)- pagination.variants — paginationVariants, `pagina…
    • pagination.variants — paginationVariants, paginationContentVariants, paginationItemVariants, paginationLinkVariants, `paginationPrevN…
  • popover — (no submodules)- popover.variants — popoverContentVariants is the……

    • popover — (no submodules)- popover.variants — popoverContentVariants is the……
    • popover.variants — popoverContentVariants is the cva configuration powering the <PopoverContent> floating panel. It is split from `pop…
  • progress — (no submodules)- progress.variants — progressVariants is the cva c…

    • progress — (no submodules)- progress.variants — progressVariants is the cva c…
    • progress.variants — progressVariants is the cva config that powers the <Progress> chassis component (paired with `progressIndicatorVari…
  • radio-group — (no submodules)- radio-group.variants — radioGroupVariants and `ra…

    • radio-group — (no submodules)- radio-group.variants — radioGroupVariants and `ra…
    • radio-group.variants — radioGroupVariants and radioGroupItemVariants are the cva (class-variance-authority) configurations powering `<Radi…
  • resizable — (no submodules)- resizable.variants — resizablePanelGroupVariants,…

    • resizable — (no submodules)- resizable.variants — resizablePanelGroupVariants,…
    • resizable.variants — resizablePanelGroupVariants, resizablePanelVariants, resizableHandleVariants, and resizableHandleGripVariants a…
  • 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…
  • 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.placeholder key. 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 — separatorVariants is the cva…

    • separator — (no submodules)- separator.variants — separatorVariants is the cva…
    • separator.variants — separatorVariants is the cva (class-variance-authority) configuration that powers every <Separator> render. It is s…
  • sheet — (no submodules)- sheet.variants — sheetOverlayVariants, `sheetCont…

    • sheet — (no submodules)- sheet.variants — sheetOverlayVariants, `sheetCont…
    • sheet.variants — sheetOverlayVariants, sheetContentVariants, sheetHeaderVariants, sheetFooterVariants, sheetTitleVariants, `sh…
  • skeleton — (no submodules)- skeleton.variants — skeletonVariants is the cva (…

    • skeleton — (no submodules)- skeleton.variants — skeletonVariants is the cva (…
    • skeleton.variants — skeletonVariants is the cva (class-variance-authority) configuration that powers every <Skeleton> render. It is spl…
  • sonner — (no submodules)- sonner.variants — Defines the `sonnerToasterVariant…

    • sonner — (no submodules)- sonner.variants — Defines the `sonnerToasterVariant…
    • sonner.variants — Defines the sonnerToasterVariants cva slot for the chassis <Sonner> toaster host. Sonner manages its own stacking,…
  • spinner — (no submodules)- spinner.variants — spinnerVariants is the cva con…

    • spinner — (no submodules)- spinner.variants — spinnerVariants is the cva con…
    • spinner.variants — spinnerVariants is the cva config that powers the <Spinner> chassis component. It exposes a size axis (sm / `de…
  • status-badge — (no submodules)- status-badge.variants — statusBadgeVariants is th…

    • status-badge — (no submodules)- status-badge.variants — statusBadgeVariants is th…
    • status-badge.variants — statusBadgeVariants is the cva config that powers the <StatusBadge> chassis component. It exposes a status axis w…
  • switch — (no submodules)- switch.variants — switchVariants and `switchThumb…

    • switch — (no submodules)- switch.variants — switchVariants and `switchThumb…
    • switch.variants — switchVariants and switchThumbVariants are the two cva (class-variance-authority) configurations that together powe…
  • table — (no submodules)- table.variants — tableVariants and its eight sub-…

    • table — (no submodules)- table.variants — tableVariants and its eight sub-…
    • table.variants — tableVariants and its eight sub-component cva resolvers (tableHeaderVariants, tableBodyVariants, `tableFooterVari…
  • tabs — (no submodules)- tabs.variants — tabsVariants, tabsListVariants,…

    • tabs — (no submodules)- tabs.variants — tabsVariants, tabsListVariants,…
    • tabs.variants — tabsVariants, tabsListVariants, tabsTriggerVariants, and tabsContentVariants are the cva (class-variance-author…
  • textarea — (no submodules)- textarea.variants — textareaVariants is the cva (…

    • textarea — (no submodules)- textarea.variants — textareaVariants is the cva (…
    • textarea.variants — textareaVariants is the cva (class-variance-authority) configuration that powers every <Textarea> render. It is spl…
  • 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 — toggleVariants is the cva (clas…

    • toggle — (no submodules)- toggle.variants — toggleVariants is the cva (clas…
    • toggle.variants — toggleVariants is the cva (class-variance-authority) configuration powering every <Toggle> render. It is split from…
  • toggle-group — (no submodules)- toggle-group.variants — toggleGroupVariants and `…

    • toggle-group — (no submodules)- toggle-group.variants — toggleGroupVariants and `…
    • toggle-group.variants — toggleGroupVariants and toggleGroupItemVariants are the cva (class-variance-authority) configurations powering `<To…
  • tooltip — (no submodules)- tooltip.variants — tooltipContentVariants is the……

    • tooltip — (no submodules)- tooltip.variants — tooltipContentVariants is the……
    • tooltip.variants — tooltipContentVariants is 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-ui package. Codes are grouped under the REACT_UI na…

  • react-ui-error — Owns every error thrown by the @suaveplan/react-ui package. Extends the project-wide SuaveplanError so 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's ContributedTranslationKeys interface with…

  • schema — Zod schema asserting that every locale bundle declares exactly the keys present in the canonical en-GB.json source-of…

  • translation-keys — translation-keys.ts is 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 ThemePlugin instance shipped with @suaveplan/react-ui. lightTheme matches the shadcn nova token 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-ui as the constant REACT_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 — alertVariants is the cva config……

    • alert — (no submodules)- alert.variants — alertVariants is the cva config……
    • alert.variants — alertVariants is the cva config that powers the <Alert> chassis component. It exposes a variant axis with four ru…
  • 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 — aspectRatioVariants is th…

    • aspect-ratio — (no submodules)- aspect-ratio.variants — aspectRatioVariants is th…
    • aspect-ratio.variants — aspectRatioVariants is the cva (class-variance-authority) configuration powering the <AspectRatio> outer wrapper. I…
  • avatar — (no submodules)- avatar.variants — avatarVariants is the cva confi…

    • avatar — (no submodules)- avatar.variants — avatarVariants is the cva confi…
    • avatar.variants — avatarVariants is the cva config that powers the <Avatar> chassis component (<AvatarImage> and <AvatarFallback>…
  • badge — (no submodules)- badge.variants — badgeVariants is the cva config……

    • badge — (no submodules)- badge.variants — badgeVariants is the cva config……
    • badge.variants — badgeVariants is the cva config that powers the <Badge> chassis component. It exposes a variant axis with four ru…
  • breadcrumb — (no submodules)- breadcrumb.variants — breadcrumbVariants, `breadc…

    • breadcrumb — (no submodules)- breadcrumb.variants — breadcrumbVariants, `breadc…
    • breadcrumb.variants — breadcrumbVariants, breadcrumbListVariants, breadcrumbItemVariants, breadcrumbLinkVariants, `breadcrumbPageVari…
  • button — (no submodules)- button.variants — buttonVariants is the cva (clas…

    • button — (no submodules)- button.variants — buttonVariants is the cva (clas…
    • button.variants — buttonVariants is the cva (class-variance-authority) configuration that powers every <Button> render. It is split f…
  • 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 — calendarVariants is 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 resolvers cardHeaderVariants, cardTitleVariants, `cardDescriptionVariants…
  • checkbox — (no submodules)- checkbox.variants — checkboxVariants is the cva (…

    • checkbox — (no submodules)- checkbox.variants — checkboxVariants is the cva (…
    • checkbox.variants — checkboxVariants is the cva (class-variance-authority) configuration that powers every <Checkbox> render. It is spl…
  • collapsible — (no submodules)- collapsible.variants — collapsibleVariants, `coll…

    • collapsible — (no submodules)- collapsible.variants — collapsibleVariants, `coll…
    • collapsible.variants — collapsibleVariants, collapsibleTriggerVariants, and collapsibleContentVariants are the cva (class-variance-autho…
  • confirm-delete-dialog — (no submodules)- confirm-delete-dialog.test-fixtures — Wave-3g local…

  • 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, and dataTableSortHeaderVariants drive the chassis <DataTable> o…
  • dialog — (no submodules)- dialog.variants — dialogOverlayVariants, `dialogC…

    • dialog — (no submodules)- dialog.variants — dialogOverlayVariants, `dialogC…
    • dialog.variants — dialogOverlayVariants, dialogContentVariants, dialogHeaderVariants, dialogFooterVariants, dialogTitleVariants…
  • drawer — (no submodules)- drawer.variants — drawerOverlayVariants, `drawerC…

    • drawer — (no submodules)- drawer.variants — drawerOverlayVariants, `drawerC…
    • drawer.variants — drawerOverlayVariants, drawerContentVariants, drawerHandleVariants, drawerHeaderVariants, `drawerFooterVariants…
  • 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 — emptyVariants is the cva config……

    • empty — (no submodules)- empty.variants — emptyVariants is the cva config……
    • empty.variants — emptyVariants is the cva config that powers the <Empty> chassis component (with emptyHeaderVariants, `emptyMediaV…
  • 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, and fieldErrorVariants are the four cva (class-var…
  • field-group — (no submodules)- field-group.variants — fieldGroupVariants is the……

    • field-group — (no submodules)- field-group.variants — fieldGroupVariants is the……
    • field-group.variants — fieldGroupVariants is the cva (class-variance-authority) configuration powering every <FieldGroup> render. It is sp…
  • field-set — (no submodules)- field-set.variants — fieldSetVariants and `fieldL…

    • field-set — (no submodules)- field-set.variants — fieldSetVariants and `fieldL…
    • field-set.variants — fieldSetVariants and fieldLegendVariants are the cva (class-variance-authority) configurations powering `…
  • hover-card — (no submodules)- hover-card.variants — hoverCardContentVariants is…

    • hover-card — (no submodules)- hover-card.variants — hoverCardContentVariants is…
    • hover-card.variants — hoverCardContentVariants is the cva configuration powering the <HoverCardContent> floating panel. It is split from…
  • input — (no submodules)- input-number — <!-- begin:au…

    • input-number — (no submodules)- input-number — (no submodules)- input — (no submodules)- input-number — <!-- begin:au…
    • input.variants — inputVariants is 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…
  • label — (no submodules)- label.variants — labelVariants is the cva (class-…

    • label — (no submodules)- label.variants — labelVariants is the cva (class-…
    • label.variants — labelVariants is the cva (class-variance-authority) configuration that powers every <Label> render. It is split fro…
  • menubar — (no submodules)- menubar.variants — menubarVariants, `menubarTrigg…

    • menubar — (no submodules)- menubar.variants — menubarVariants, `menubarTrigg…
    • menubar.variants — menubarVariants, menubarTriggerVariants, menubarContentVariants, menubarItemVariants, menubarLabelVariants, `…
  • pagination — (no submodules)- pagination.variants — paginationVariants, `pagina…

    • pagination — (no submodules)- pagination.variants — paginationVariants, `pagina…
    • pagination.variants — paginationVariants, paginationContentVariants, paginationItemVariants, paginationLinkVariants, `paginationPrevN…
  • popover — (no submodules)- popover.variants — popoverContentVariants is the……

    • popover — (no submodules)- popover.variants — popoverContentVariants is the……
    • popover.variants — popoverContentVariants is the cva configuration powering the <PopoverContent> floating panel. It is split from `pop…
  • progress — (no submodules)- progress.variants — progressVariants is the cva c…

    • progress — (no submodules)- progress.variants — progressVariants is the cva c…
    • progress.variants — progressVariants is the cva config that powers the <Progress> chassis component (paired with `progressIndicatorVari…
  • radio-group — (no submodules)- radio-group.variants — radioGroupVariants and `ra…

    • radio-group — (no submodules)- radio-group.variants — radioGroupVariants and `ra…
    • radio-group.variants — radioGroupVariants and radioGroupItemVariants are the cva (class-variance-authority) configurations powering `<Radi…
  • resizable — (no submodules)- resizable.variants — resizablePanelGroupVariants,…

    • resizable — (no submodules)- resizable.variants — resizablePanelGroupVariants,…
    • resizable.variants — resizablePanelGroupVariants, resizablePanelVariants, resizableHandleVariants, and resizableHandleGripVariants a…
  • 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…
  • 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.placeholder key. 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 — separatorVariants is the cva…

    • separator — (no submodules)- separator.variants — separatorVariants is the cva…
    • separator.variants — separatorVariants is the cva (class-variance-authority) configuration that powers every <Separator> render. It is s…
  • sheet — (no submodules)- sheet.variants — sheetOverlayVariants, `sheetCont…

    • sheet — (no submodules)- sheet.variants — sheetOverlayVariants, `sheetCont…
    • sheet.variants — sheetOverlayVariants, sheetContentVariants, sheetHeaderVariants, sheetFooterVariants, sheetTitleVariants, `sh…
  • skeleton — (no submodules)- skeleton.variants — skeletonVariants is the cva (…

    • skeleton — (no submodules)- skeleton.variants — skeletonVariants is the cva (…
    • skeleton.variants — skeletonVariants is the cva (class-variance-authority) configuration that powers every <Skeleton> render. It is spl…
  • sonner — (no submodules)- sonner.variants — Defines the `sonnerToasterVariant…

    • sonner — (no submodules)- sonner.variants — Defines the `sonnerToasterVariant…
    • sonner.variants — Defines the sonnerToasterVariants cva slot for the chassis <Sonner> toaster host. Sonner manages its own stacking,…
  • spinner — (no submodules)- spinner.variants — spinnerVariants is the cva con…

    • spinner — (no submodules)- spinner.variants — spinnerVariants is the cva con…
    • spinner.variants — spinnerVariants is the cva config that powers the <Spinner> chassis component. It exposes a size axis (sm / `de…
  • status-badge — (no submodules)- status-badge.variants — statusBadgeVariants is th…

    • status-badge — (no submodules)- status-badge.variants — statusBadgeVariants is th…
    • status-badge.variants — statusBadgeVariants is the cva config that powers the <StatusBadge> chassis component. It exposes a status axis w…
  • switch — (no submodules)- switch.variants — switchVariants and `switchThumb…

    • switch — (no submodules)- switch.variants — switchVariants and `switchThumb…
    • switch.variants — switchVariants and switchThumbVariants are the two cva (class-variance-authority) configurations that together powe…
  • table — (no submodules)- table.variants — tableVariants and its eight sub-…

    • table — (no submodules)- table.variants — tableVariants and its eight sub-…
    • table.variants — tableVariants and its eight sub-component cva resolvers (tableHeaderVariants, tableBodyVariants, `tableFooterVari…
  • tabs — (no submodules)- tabs.variants — tabsVariants, tabsListVariants,…

    • tabs — (no submodules)- tabs.variants — tabsVariants, tabsListVariants,…
    • tabs.variants — tabsVariants, tabsListVariants, tabsTriggerVariants, and tabsContentVariants are the cva (class-variance-author…
  • textarea — (no submodules)- textarea.variants — textareaVariants is the cva (…

    • textarea — (no submodules)- textarea.variants — textareaVariants is the cva (…
    • textarea.variants — textareaVariants is the cva (class-variance-authority) configuration that powers every <Textarea> render. It is spl…
  • 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 — toggleVariants is the cva (clas…

    • toggle — (no submodules)- toggle.variants — toggleVariants is the cva (clas…
    • toggle.variants — toggleVariants is the cva (class-variance-authority) configuration powering every <Toggle> render. It is split from…
  • toggle-group — (no submodules)- toggle-group.variants — toggleGroupVariants and `…

    • toggle-group — (no submodules)- toggle-group.variants — toggleGroupVariants and `…
    • toggle-group.variants — toggleGroupVariants and toggleGroupItemVariants are the cva (class-variance-authority) configurations powering `<To…
  • tooltip — (no submodules)- tooltip.variants — tooltipContentVariants is the……

    • tooltip — (no submodules)- tooltip.variants — tooltipContentVariants is the……
    • tooltip.variants — tooltipContentVariants is 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-ui package. Codes are grouped under the REACT_UI na…

  • react-ui-error — Owns every error thrown by the @suaveplan/react-ui package. Extends the project-wide SuaveplanError so 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's ContributedTranslationKeys interface with…

  • schema — Zod schema asserting that every locale bundle declares exactly the keys present in the canonical en-GB.json source-of…

  • translation-keys — translation-keys.ts is 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 — <!-…

  • react-ui-provider — (no submodules)- react-ui-provider — (no submodules)- theme — (no submodules)- theme-provider — <!-- begin:…

  • 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-ui as the constant REACT_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 — alertVariants is the cva config…

    • alert — (no submodules)- alert.variants — alertVariants is the cva config…
    • alert.variants — alertVariants is the cva config that powers the <Alert> chassis component. It exposes a variant axis with four ru…
  • 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 — aspectRatioVariants is th…

    • aspect-ratio — (no submodules)- aspect-ratio.variants — aspectRatioVariants is th…
    • aspect-ratio.variants — aspectRatioVariants is the cva (class-variance-authority) configuration powering the <AspectRatio> outer wrapper. I…
  • avatar — (no submodules)- avatar.variants — avatarVariants is the cva confi…

    • avatar — (no submodules)- avatar.variants — avatarVariants is the cva confi…
    • avatar.variants — avatarVariants is the cva config that powers the <Avatar> chassis component (<AvatarImage> and <AvatarFallback>…
  • badge — (no submodules)- badge.variants — badgeVariants is the cva config…

    • badge — (no submodules)- badge.variants — badgeVariants is the cva config…
    • badge.variants — badgeVariants is the cva config that powers the <Badge> chassis component. It exposes a variant axis with four ru…
  • breadcrumb — (no submodules)- breadcrumb.variants — breadcrumbVariants, `breadc…

    • breadcrumb — (no submodules)- breadcrumb.variants — breadcrumbVariants, `breadc…
    • breadcrumb.variants — breadcrumbVariants, breadcrumbListVariants, breadcrumbItemVariants, breadcrumbLinkVariants, `breadcrumbPageVari…
  • button — (no submodules)- button.variants — buttonVariants is the cva (clas…

    • button — (no submodules)- button.variants — buttonVariants is the cva (clas…
    • button.variants — buttonVariants is the cva (class-variance-authority) configuration that powers every <Button> render. It is split f…
  • 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 — calendarVariants is 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 resolvers cardHeaderVariants, cardTitleVariants, `cardDescriptionVariants…
  • checkbox — (no submodules)- checkbox.variants — checkboxVariants is the cva (…

    • checkbox — (no submodules)- checkbox.variants — checkboxVariants is the cva (…
    • checkbox.variants — checkboxVariants is the cva (class-variance-authority) configuration that powers every <Checkbox> render. It is spl…
  • collapsible — (no submodules)- collapsible.variants — collapsibleVariants, `coll…

    • collapsible — (no submodules)- collapsible.variants — collapsibleVariants, `coll…
    • collapsible.variants — collapsibleVariants, collapsibleTriggerVariants, and collapsibleContentVariants are the cva (class-variance-autho…
  • confirm-delete-dialog — (no submodules)- confirm-delete-dialog.test-fixtures — Wave-3g local…

  • 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, and dataTableSortHeaderVariants drive the chassis <DataTable> o…
  • dialog — (no submodules)- dialog.variants — dialogOverlayVariants, `dialogC…

    • dialog — (no submodules)- dialog.variants — dialogOverlayVariants, `dialogC…
    • dialog.variants — dialogOverlayVariants, dialogContentVariants, dialogHeaderVariants, dialogFooterVariants, dialogTitleVariants…
  • drawer — (no submodules)- drawer.variants — drawerOverlayVariants, `drawerC…

    • drawer — (no submodules)- drawer.variants — drawerOverlayVariants, `drawerC…
    • drawer.variants — drawerOverlayVariants, drawerContentVariants, drawerHandleVariants, drawerHeaderVariants, `drawerFooterVariants…
  • 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 — emptyVariants is the cva config…

    • empty — (no submodules)- empty.variants — emptyVariants is the cva config…
    • empty.variants — emptyVariants is the cva config that powers the <Empty> chassis component (with emptyHeaderVariants, `emptyMediaV…
  • 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, and fieldErrorVariants are the four cva (class-var…
  • field-group — (no submodules)- field-group.variants — fieldGroupVariants is the…

    • field-group — (no submodules)- field-group.variants — fieldGroupVariants is the…
    • field-group.variants — fieldGroupVariants is the cva (class-variance-authority) configuration powering every <FieldGroup> render. It is sp…
  • field-set — (no submodules)- field-set.variants — fieldSetVariants and `fieldL…

    • field-set — (no submodules)- field-set.variants — fieldSetVariants and `fieldL…
    • field-set.variants — fieldSetVariants and fieldLegendVariants are the cva (class-variance-authority) configurations powering `…
  • hover-card — (no submodules)- hover-card.variants — hoverCardContentVariants is…

    • hover-card — (no submodules)- hover-card.variants — hoverCardContentVariants is…
    • hover-card.variants — hoverCardContentVariants is the cva configuration powering the <HoverCardContent> floating panel. It is split from…
  • input — (no submodules)- input-number — _(no submod…

    • input-number — (no submodules)- input-number — (no submodules)- input — (no submodules)- input-number — _(no submod…
    • input.variants — inputVariants is 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…
  • label — (no submodules)- label.variants — labelVariants is the cva (class-…

    • label — (no submodules)- label.variants — labelVariants is the cva (class-…
    • label.variants — labelVariants is the cva (class-variance-authority) configuration that powers every <Label> render. It is split fro…
  • menubar — (no submodules)- menubar.variants — menubarVariants, `menubarTrigg…

    • menubar — (no submodules)- menubar.variants — menubarVariants, `menubarTrigg…
    • menubar.variants — menubarVariants, menubarTriggerVariants, menubarContentVariants, menubarItemVariants, menubarLabelVariants, `…
  • pagination — (no submodules)- pagination.variants — paginationVariants, `pagina…

    • pagination — (no submodules)- pagination.variants — paginationVariants, `pagina…
    • pagination.variants — paginationVariants, paginationContentVariants, paginationItemVariants, paginationLinkVariants, `paginationPrevN…
  • popover — (no submodules)- popover.variants — popoverContentVariants is the…

    • popover — (no submodules)- popover.variants — popoverContentVariants is the…
    • popover.variants — popoverContentVariants is the cva configuration powering the <PopoverContent> floating panel. It is split from `pop…
  • progress — (no submodules)- progress.variants — progressVariants is the cva c…

    • progress — (no submodules)- progress.variants — progressVariants is the cva c…
    • progress.variants — progressVariants is the cva config that powers the <Progress> chassis component (paired with `progressIndicatorVari…
  • radio-group — (no submodules)- radio-group.variants — radioGroupVariants and `ra…

    • radio-group — (no submodules)- radio-group.variants — radioGroupVariants and `ra…
    • radio-group.variants — radioGroupVariants and radioGroupItemVariants are the cva (class-variance-authority) configurations powering `<Radi…
  • resizable — (no submodules)- resizable.variants — resizablePanelGroupVariants,…

    • resizable — (no submodules)- resizable.variants — resizablePanelGroupVariants,…
    • resizable.variants — resizablePanelGroupVariants, resizablePanelVariants, resizableHandleVariants, and resizableHandleGripVariants a…
  • 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…
  • 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.placeholder key. 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 — separatorVariants is the cva…

    • separator — (no submodules)- separator.variants — separatorVariants is the cva…
    • separator.variants — separatorVariants is the cva (class-variance-authority) configuration that powers every <Separator> render. It is s…
  • sheet — (no submodules)- sheet.variants — sheetOverlayVariants, `sheetCont…

    • sheet — (no submodules)- sheet.variants — sheetOverlayVariants, `sheetCont…
    • sheet.variants — sheetOverlayVariants, sheetContentVariants, sheetHeaderVariants, sheetFooterVariants, sheetTitleVariants, `sh…
  • skeleton — (no submodules)- skeleton.variants — skeletonVariants is the cva (…

    • skeleton — (no submodules)- skeleton.variants — skeletonVariants is the cva (…
    • skeleton.variants — skeletonVariants is the cva (class-variance-authority) configuration that powers every <Skeleton> render. It is spl…
  • sonner — (no submodules)- sonner.variants — Defines the `sonnerToasterVariant…

    • sonner — (no submodules)- sonner.variants — Defines the `sonnerToasterVariant…
    • sonner.variants — Defines the sonnerToasterVariants cva slot for the chassis <Sonner> toaster host. Sonner manages its own stacking,…
  • spinner — (no submodules)- spinner.variants — spinnerVariants is the cva con…

    • spinner — (no submodules)- spinner.variants — spinnerVariants is the cva con…
    • spinner.variants — spinnerVariants is the cva config that powers the <Spinner> chassis component. It exposes a size axis (sm / `de…
  • status-badge — (no submodules)- status-badge.variants — statusBadgeVariants is th…

    • status-badge — (no submodules)- status-badge.variants — statusBadgeVariants is th…
    • status-badge.variants — statusBadgeVariants is the cva config that powers the <StatusBadge> chassis component. It exposes a status axis w…
  • switch — (no submodules)- switch.variants — switchVariants and `switchThumb…

    • switch — (no submodules)- switch.variants — switchVariants and `switchThumb…
    • switch.variants — switchVariants and switchThumbVariants are the two cva (class-variance-authority) configurations that together powe…
  • table — (no submodules)- table.variants — tableVariants and its eight sub-…

    • table — (no submodules)- table.variants — tableVariants and its eight sub-…
    • table.variants — tableVariants and its eight sub-component cva resolvers (tableHeaderVariants, tableBodyVariants, `tableFooterVari…
  • tabs — (no submodules)- tabs.variants — tabsVariants, tabsListVariants,…

    • tabs — (no submodules)- tabs.variants — tabsVariants, tabsListVariants,…
    • tabs.variants — tabsVariants, tabsListVariants, tabsTriggerVariants, and tabsContentVariants are the cva (class-variance-author…
  • textarea — (no submodules)- textarea.variants — textareaVariants is the cva (…

    • textarea — (no submodules)- textarea.variants — textareaVariants is the cva (…
    • textarea.variants — textareaVariants is the cva (class-variance-authority) configuration that powers every <Textarea> render. It is spl…
  • 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 — toggleVariants is the cva (clas…

    • toggle — (no submodules)- toggle.variants — toggleVariants is the cva (clas…
    • toggle.variants — toggleVariants is the cva (class-variance-authority) configuration powering every <Toggle> render. It is split from…
  • toggle-group — (no submodules)- toggle-group.variants — toggleGroupVariants and `…

    • toggle-group — (no submodules)- toggle-group.variants — toggleGroupVariants and `…
    • toggle-group.variants — toggleGroupVariants and toggleGroupItemVariants are the cva (class-variance-authority) configurations powering `<To…
  • tooltip — (no submodules)- tooltip.variants — tooltipContentVariants is the…

    • tooltip — (no submodules)- tooltip.variants — tooltipContentVariants is the…
    • tooltip.variants — tooltipContentVariants is 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-ui package. Codes are grouped under the REACT_UI na…

  • react-ui-error — Owns every error thrown by the @suaveplan/react-ui package. Extends the project-wide SuaveplanError so 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's ContributedTranslationKeys interface with…

  • schema — Zod schema asserting that every locale bundle declares exactly the keys present in the canonical en-GB.json source-of…

  • translation-keys — translation-keys.ts is 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 — _…

  • react-ui-provider — (no submodules)- react-ui-provider — (no submodules)- theme — (no submodules)- theme-provider — _(no subm…

  • 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-ui as the constant REACT_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 — alertVariants is the cva config that powers the <Alert> chassis component. It exposes a variant axis 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 — aspectRatioVariants is the cva (class-variance-authority) configuration powering the <AspectRatio> outer wrapper. I…

  • avatar — (no submodules) - avatar — (no submodules) - avatar.variants — avatarVariants is the cva config that powers the <Avatar> chassis component (<AvatarImage> and <AvatarFallback>…

  • badge — (no submodules) - badge — (no submodules) - badge.variants — badgeVariants is the cva config that powers the <Badge> chassis component. It exposes a variant axis with four ru…

  • breadcrumb — (no submodules) - breadcrumb — (no submodules) - breadcrumb.variants — breadcrumbVariants, breadcrumbListVariants, breadcrumbItemVariants, breadcrumbLinkVariants, `breadcrumbPageVari…

  • button — (no submodules) - button — (no submodules) - button.variants — buttonVariants is 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 — calendarVariants is the cva config that powers the outer wrapper of <Calendar>. The recipe is intentionally minimal…
  • card — (no submodules) - card — (no submodules) - card.variants — cardVariants (and its sub-component cva resolvers cardHeaderVariants, cardTitleVariants, `cardDescriptionVariants…

  • checkbox — (no submodules) - checkbox — (no submodules) - checkbox.variants — checkboxVariants is the cva (class-variance-authority) configuration that powers every <Checkbox> render. It is spl…

  • collapsible — (no submodules) - collapsible — (no submodules) - collapsible.variants — collapsibleVariants, collapsibleTriggerVariants, and collapsibleContentVariants are 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, and dataTableSortHeaderVariants drive 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 — emptyVariants is the cva config that powers the <Empty> chassis component (with emptyHeaderVariants, `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…
  • field — (no submodules) - field — (no submodules) - field.variants — fieldVariants, fieldLabelVariants, fieldDescriptionVariants, and fieldErrorVariants are the four cva (class-var…

  • field-group — (no submodules) - field-group — (no submodules) - field-group.variants — fieldGroupVariants is the cva (class-variance-authority) configuration powering every <FieldGroup> render. It is sp…

  • field-set — (no submodules) - field-set — (no submodules) - field-set.variants — fieldSetVariants and fieldLegendVariants are the cva (class-variance-authority) configurations powering `

    …

  • hover-card — (no submodules) - hover-card — (no submodules) - hover-card.variants — hoverCardContentVariants is 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 — inputVariants is 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 — labelVariants is 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 — popoverContentVariants is the cva configuration powering the <PopoverContent> floating panel. It is split from `pop…

  • progress — (no submodules) - progress — (no submodules) - progress.variants — progressVariants is the cva config that powers the <Progress> chassis component (paired with `progressIndicatorVari…

  • radio-group — (no submodules) - radio-group — (no submodules) - radio-group.variants — radioGroupVariants and radioGroupItemVariants are the cva (class-variance-authority) configurations powering `<Radi…

  • resizable — (no submodules) - resizable — (no submodules) - resizable.variants — resizablePanelGroupVariants, resizablePanelVariants, resizableHandleVariants, and resizableHandleGripVariants a…

  • 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.placeholder key. 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 — (no submodules) - separator.variants — separatorVariants is 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 — skeletonVariants is the cva (class-variance-authority) configuration that powers every <Skeleton> render. It is spl…

  • sonner — (no submodules) - sonner — (no submodules) - sonner.variants — Defines the sonnerToasterVariants cva slot for the chassis <Sonner> toaster host. Sonner manages its own stacking,…

  • spinner — (no submodules) - spinner — (no submodules) - spinner.variants — spinnerVariants is the cva config that powers the <Spinner> chassis component. It exposes a size axis (sm / `de…

  • status-badge — (no submodules) - status-badge — (no submodules) - status-badge.variants — statusBadgeVariants is the cva config that powers the <StatusBadge> chassis component. It exposes a status axis w…

  • switch — (no submodules) - switch — (no submodules) - switch.variants — switchVariants and switchThumbVariants are the two cva (class-variance-authority) configurations that together powe…

  • table — (no submodules) - table — (no submodules) - table.variants — tableVariants and its eight sub-component cva resolvers (tableHeaderVariants, tableBodyVariants, `tableFooterVari…

  • tabs — (no submodules) - tabs — (no submodules) - tabs.variants — tabsVariants, tabsListVariants, tabsTriggerVariants, and tabsContentVariants are the cva (class-variance-author…

  • textarea — (no submodules) - textarea — (no submodules) - textarea.variants — textareaVariants is 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 — toggleVariants is 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 — toggleGroupVariants and toggleGroupItemVariants are the cva (class-variance-authority) configurations powering `<To…

  • tooltip — (no submodules) - tooltip — (no submodules) - tooltip.variants — tooltipContentVariants is 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-ui package. Codes are grouped under the REACT_UI na…

  • react-ui-error — Owns every error thrown by the @suaveplan/react-ui package. Extends the project-wide SuaveplanError so 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's ContributedTranslationKeys interface with…

  • schema — Zod schema asserting that every locale bundle declares exactly the keys present in the canonical en-GB.json source-of…

  • translation-keys — translation-keys.ts is 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 ThemePlugin instance shipped with @suaveplan/react-ui. lightTheme matches the shadcn nova token 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-ui as the constant REACT_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-motion listeners, and a schema-validated ThemePlugin contract
  • <PackRegistryProvider> — plugin registry with collision detection, lifecycle hooks, peer-version checks (warn-only), and per-pack translation auto-registration
  • useTheme, useThemeTokens, useThemedVariants, <ThemeSwitcher> — read-side hooks
  • usePackComponent — typed pack-component lookup
  • useMobile, useToast, useDirection — chassis hooks
  • cn, motionToken, defineVariants, cva — utilities + variant authoring helpers
  • Three built-in themes: lightTheme (shadcn nova), 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#exports so a consumer importing only cn (import { cn } from '@suaveplan/react-ui/utils/cn') does NOT pull the rest of the chassis.
  • CSS side-effects: package.json#sideEffects whitelists styles/global.css and the bundled locale *.json so 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.