Skip to content

feat: add Base UI variant#450

Open
Debbl wants to merge 9 commits into
vercel:mainfrom
Debbl:feat/base-ui
Open

feat: add Base UI variant#450
Debbl wants to merge 9 commits into
vercel:mainfrom
Debbl:feat/base-ui

Conversation

@Debbl

@Debbl Debbl commented Jul 17, 2026

Copy link
Copy Markdown
Contributor

Closes #383.

Stacked on #445 (the radix-vega migration) — merge that first.

Adds Base UI as a second component-library variant alongside the Radix (radix-vega) one, so AI Elements works for projects on the shadcn Base UI distribution (#383), not just the Radix-based one. Every element ships in both flavors and the docs let you switch between them.

What's added

  • packages/base-ui — the shadcn base-vega component set (@base-ui/react), parallel to packages/shadcn-ui (radix-vega)
  • packages/elements-base + packages/examples-base — the elements and examples ported onto Base UI (full parity with the Radix versions)
  • Docs library switcherPreviewLibrarySwitch / useUILibrary render both variants per component; defaults to Base UI
  • bump-ui command — now syncs both registries: shadcn add --all --overwrite -c packages/shadcn-ui && ... -c packages/base-ui
image

Debbl added 9 commits April 30, 2026 15:18
- remove dead toast component (toast/toaster/use-toast) dropped from the
  radix-vega registry, and drop its now-unused @radix-ui/react-icons dep
- add aria-checked to ModelSelectorItem alongside data-checked
- document the ModelSelectorItem `checked` prop and cover it with a test
- regenerate skills mirrors for the updated model-selector/prompt-input examples
- bump ultracite to 7.4.4 so `ultracite check` parses under current oxlint
  (7.1.4's config referenced the removed import/no-unresolved rule), and drop
  the stale recharts/react-resizable-panels exclusion from bump-deps
Repo-wide reformat via `pnpm fix` now that ultracite 7.4.4 makes the
toolchain run. Purely formatting (import ordering, line wrapping); no
behavioural changes. `pnpm check` is green.
- add new components: attachment, bubble, marker, message, message-scroller
  (message-scroller pulls in @shadcn/react)
- bump react-day-picker 9.14 -> 10 and adopt its month_grid classNames API
- refresh button/card/carousel/sidebar/spinner/toggle-group from the registry
# Conflicts:
#	apps/docs/components/custom/preview.tsx
#	packages/shadcn-ui/components/ui/button.tsx
#	packages/shadcn-ui/components/ui/card.tsx
#	packages/shadcn-ui/components/ui/spinner.tsx
#	packages/shadcn-ui/components/ui/toggle-group.tsx
#	packages/shadcn-ui/package.json
#	pnpm-lock.yaml
Sync packages/base-ui from the shadcn base-vega registry (58 components
refreshed, add attachment/bubble/marker/message/message-scroller,
react-day-picker 9.14 -> 10, add @shadcn/react), and fix migration gaps:

- elements-base/model-selector: restore showCloseButton={false} and the
  checked/aria-checked/data-checked support that the radix variant has
- align @base-ui/react to ^1.6.0 across base-ui and shadcn-ui (drop the
  non-deterministic "latest"; dedupes to a single resolved version)
- bump-ui: also sync packages/base-ui (base-vega), not just shadcn-ui
- examples-base/tsconfig: repoint @/ aliases to base-ui (were copied from
  examples and still pointed at shadcn-ui)
- base-ui: pin recharts to ^3.8.0 to match shadcn-ui
Change the persisted `geistdocs:ui-library` atom default from "radix" to
"base" so new visitors see the Base UI preview (and the Base UI toggle) by
default.
@vercel

vercel Bot commented Jul 17, 2026

Copy link
Copy Markdown
Contributor

@Debbl is attempting to deploy a commit to the Vercel Team on Vercel.

A member of the Team first needs to authorize it.

@socket-security

Copy link
Copy Markdown

Review the following changes in direct dependencies. Learn more about Socket for GitHub.

Diff Package Supply Chain
Security
Vulnerability Quality Maintenance License
Addednpm/​@​shadcn/​react@​0.2.0701007188100
Addednpm/​@​base-ui/​react@​1.6.0721008994100
Addednpm/​recharts@​3.8.0791009995100
Addednpm/​ultracite@​7.4.4991008796100
Addednpm/​react-day-picker@​10.0.110010010087100
Addednpm/​react-resizable-panels@​4.10.09910010092100

View full report

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Support for shadcn Base UI version?

1 participant