Changelog

fix(command): default size to full (width-less, container-governed) instead of md.

Add a self-contained RedpandaLogo icon and use it for the Auth0 authentication header, replacing the external S3-hosted redpanda-text-color.svg wordmark. The wordmark paints with currentColor so it adapts to light and dark themes (navy on light, white on dark), while the brand mark keeps its red. Removes the runtime dependency on the S3 asset.

fix(popover): default popover positioning to fixed so opening a popover with auto-scrolling content (e.g. a Command search input) no longer jumps the page to the top, and the popup flips above/below based on available room

fix(data-table): hide the "N of M row(s) selected" info text in DataTablePagination when enableRowSelection is false

Dark mode now uses a near-black surface palette. Backgrounds and the page surface drop to grey-black, cards/popovers/surfaces/muted sit one step up at grey-900, and elevated surfaces use grey-800. Border and divider tokens move to a solid grey-800 / grey-700 / grey-600 (subtle / default / strong) ramp, mirroring the light-mode grey ramp from the dark end of the scale.

Separator now applies its orientation sizing via plain h-px w-full / h-full w-px classes instead of data-[orientation] variants. This lowers the selector specificity so a consumer's explicit size class (e.g. h-4 on a vertical separator) wins over the default, while horizontal/vertical defaults stay the same when no override is passed.

Card and Table now use the semantic border-border token for their outline instead of a hardcoded border-base-800, so the border follows dark-mode theming instead of rendering a fixed grey on dark surfaces. They also use bg-card instead of bg-white dark:bg-base-900, making the surface fully token-driven; the dark --color-card token moves from grey-800 to grey-900 to match. Sidebar no longer draws the left/right divider border between the sidebar and content.

Stepper step buttons now extend buttonVariants. Data table pagination 'number of items per page' in selector are now customizable via pageOptions prop.

fix(auto-form): hide the internal __autoform_unset__ sentinel in select, boolean, and oneof triggers. Unset values now render user-facing labels ("Not set" for optional select/boolean, the placeholder for required/oneof controls) via a SelectValue render-prop instead of leaking the sentinel string.

fix(separator): stretch vertical separators with self-stretch instead of h-full so they fill the height of a flex row even when the container has no explicit height (previously they collapsed to zero height)

fix(tabs): render the underline variant's active indicator over the bottom border so the full indicator is visible instead of being tucked beneath the line

fix(typography): forward refs on all typography components (Text, Link, List, etc.) so they can be used as asChild/Slot triggers (e.g. inside TooltipTrigger) without React ref warnings, and set displayName on each for clearer React DevTools and error stacks

Add Stat and StatGroup display components for labelled metrics and responsive KPI strips. Stat supports size (sm/md/lg), tone (default/muted/success/warning/destructive), mono tabular figures, and an optional delta change indicator (direction-driven icon and color). StatGroup arranges stats in a responsive grid via columns (2/3/4) and gap (sm/md/lg). Implements UX-668.

Fix a TypeScript error in consumer apps on @types/react@18 by rendering the hoisted theme <style> (React 19 href/precedence props) through an ElementType-typed tag. Runtime behavior is unchanged.

Add SyncCodeBlock — a synchronous variant of DynamicCodeBlock that highlights with a pre-bundled Shiki core highlighter (JS engine + statically imported grammars). Because the grammars are bundled, highlighting runs during render instead of in a client effect, so there's no loading skeleton and no highlight flash. Pair with keepBackground + a dark theme to render a flash-free dark terminal. Supported languages are fixed at build time (bash, go, java, javascript, json, python, sql, tsx, typescript, yaml); use DynamicCodeBlock for arbitrary languages. Grammar imports are side-effect-free, so DynamicCodeBlock-only consumers tree-shake them away.

Fix the drawer panel being hidden behind its own overlay. The overlay and content were both z-50, so paint order depended on DOM order. A fast open/close toggle lets vaul remount the overlay after the content, flipping that order and letting the bg-black/80 overlay paint over the panel — greying the whole screen including the panel. The panel is now z-[60], so it always sits above its overlay regardless of mount order.

Associate AutoForm select, multiselect, and toggle-group invalid states with their rendered error messages using aria-invalid and aria-describedby.

Improve badge text/fill contrast for the Warning, Info, Destructive, and Success variants in both light and dark themes. Brand (Redpanda Red) tokens are intentionally untouched. Also refreshes the badge-variants demo to cover every color × style combination.

Add accessible names to Input icon-only controls and expose password reveal pressed state.

Show a pointer cursor on the trigger and vertically center the chevron when values are present. Stop the page from scrolling when the dropdown flips above the trigger by focusing the search input with preventScroll.

Tighten React Doctor compatibility for registry components.

Upstreams five fixes and one feature that have been living as overrides in adp-ui:

Add height controls and scroll-edge affordances to Dialog.

Restore stable full-width sidebar menu skeleton rows and remove randomized loading widths.

Add regression coverage that ToggleGroup item state is derived without async act warnings.

Removes padding from ListLayout, so that it can be managed by an outer component

Adds PrometheusIcon — the official Prometheus brand mark in its canonical orange (#e6522c), matching the other branded SVG icons (Python, Go, Java, Node, etc.).

Three Sidebar tweaks:

Removed the in/out animation on TabsContent (the y-translate + blur + opacity fade) and the height layout spring on TabsContents. Switching tabs now only animates the highlight on the trigger row — the panel swap is instant. TabsContent no longer accepts transition/motion props; TabsContents is a plain <div> wrapper. The trigger-row highlight now also respects prefers-reduced-motion and snaps instead of springing for users with that preference set.

Expanded underline-variant coverage across docs and playground (small, large, equal/full/gap layouts, count badges, icon-only, disabled-with-tooltip, as-links). Switched the docs ComponentPreview's Preview/Code switcher to the underline style. Fixed the disabled-tab styling that was silently dead: Base UI sets aria-disabled rather than the native disabled attribute, so the trigger now targets aria-disabled:* and the opacity-50 cue actually applies.

Fixes tooltip lingering after its anchor scrolls out of view by hiding the positioner (opacity-0 + pointer-events-none) when Base UI marks the anchor as hidden via data-anchor-hidden.

Security maintenance: bump Next.js and enforce patched runtime transitive versions for uuid, DOMPurify, and PostCSS after the May 2026 Snyk sweep.

Security maintenance: refresh Mermaid and related lockfile metadata after the May 13, 2026 frontend supply-chain sweep.

Render the Sonner Toaster into document.body via createPortal so toasts stay anchored to the viewport when the component is mounted inside federated consumer hosts or parents that establish a new containing block (e.g. overflow: hidden, CSS transform). Demos no longer mount their own <Toaster /> — they rely on the global one from RedpandaProvider. The registry now propagates @redpanda/sonner as a registry dependency for any item that imports toast from 'sonner', so CLI consumers continue to receive the styled Toaster they need to see those toasts.

Pin shipped dependency floors to the version we develop against. Registry items now declare ranges like ^5.1.9 (the actual installed version) instead of collapsing to ^5.0.0, so consumers start on the known-tested baseline while caret semantics still allow any compatible release within the same major.

Add isLoading prop to Button. Renders a centered spinner overlay while preserving the button's natural width, blocks interaction, and sets aria-busy. New playground/docs demos showcase the state across variants and sizes.

Polish the Tabs active-indicator animation. The highlight now slides strictly along the tab strip's axis (left/right for horizontal tabs, up/down for vertical tabs) instead of drifting diagonally when tabs wrap onto multiple rows or reflow. Eliminates a small opacity flicker that occurred at the end of each tab switch.

Port the auto-form subsystem from ADP UI back to the registry.

Tighten Base UI compat around Radix-parity edges:

Fix Checkbox rendering a stuck checkmark on initial mount when checked={false}, and restore the indeterminate state visual. The checkmark and dash now animate in and out reliably in both controlled and uncontrolled modes.

Center DialogFooter content by default.

Type inputRef as useRef<HTMLInputElement | null>(null) so the internal inputRef.current = node assignment compiles for consumers on @types/react@18 (which requires the MutableRefObject overload). No-op under React 19 types.

Fix JSONField JSON editor highlighting so it does not depend on Prism's global JSON language side-effect import.

Rewrite NavigationMenu against Base UI's canonical Portal/Positioner/Popup/Viewport structure. Panels now open and animate correctly. NavigationMenuPositioner is exported with side/sideOffset/align/alignOffset. The viewport prop, the NavigationMenuViewport alias, and the no-op NavigationMenuIndicator have been removed along with the remaining Radix-era data-attribute shims.

Cleaner, denser playground landing page for browsing component demos.

Add RedpandaProvider — a single root provider that wires up theming, motion configuration, and the toast surface for consumer apps. Animated registry components now respect the user's reduced-motion preference out of the box.

Finish the Select/MultiSelect migration to Base UI: drop the remaining --radix-select-* CSS variable shims, and fix SelectItem layout so icons or avatars sit inline with the label.

Close several consumer-facing gaps from the Base UI migration:

Fix the playground Sidebar gallery: stack all 12 variants on one page using a CSS-contained preview frame instead of stacking fixed-positioned sidebars on top of each other. Drops an iframe-based prototype that was throttling framer-motion's tooltip opacity animation, which made disabled-item tooltips appear progressively more transparent on each hover.

Add structured changelog page powered by changeset components metadata. Each registry-bumping changeset now declares the components it touches via a components: [...] line in its body; the docs site renders a filterable timeline at /docs/changelog plus a "Recent changes" panel auto-injected into each component's docs page.

Tighten Tabs underline variant spacing and improve active highlight positioning.

Fix the active highlight animating on both axes when surrounding layout shifts, and fix vertical orientation rendering. Horizontal groups now animate only left/right, vertical groups only up/down.

Theme docs refresh, readability pass on semantic foregrounds, and consumer-facing Base UI regression fixes.

Bulk install experience and Dialog polish.

Post-Base-UI polish. Public API unchanged.

Migrate every Radix-based primitive to @base-ui/react@^1.4.0 (Base UI).

🚧 Updated

Add theme-provider component to the registry with documentation and tests. Includes playground type improvements (export RegistryItem, remove as-const boilerplate) and docs site dark mode border color fix.

fix(data-table): show "Page 0 of 0" when table has no data instead of "Page 1 of 0" feat(protobuf-provider): add 'secretSelector' to ProtoFieldRenderType union feat(migrate): add remote migration script for fumadocs/cli to shadcn CLI conversion

🚧 Updated

✨ New

Initial release of the Redpanda UI Registry — a component distribution system built with React, TypeScript, and Tailwind CSS v4.