Registry catalog, Field variants, form generator, and Radix → Base UI migration

[hasanharman]

Summary

This PR does four things: it makes the shadcn registry complete, deepens the form builder, runs the official Radix → Base UI migration, and adds CI. It is 35 commits, one per concern and one per migrated components/ui wrapper, so it can be reviewed or reverted commit by commit.

+registry.json                     # Registry catalog: 33 items, built by `shadcn build` → public/r
-registry/  scripts/build-registry.ts  public/registry/   # hand-rolled schema, 16 byte-copied twins
 lib/
+├── registry-catalog.ts           # only reader of registry.json (docs, sidebars, install commands)
+├── form-code/                    # one generator + adapters: react-hook-form, tanstack-form
 components/
+├── field-variants/               # one module per Field variant (22)
 ├── ui/                           # Primitive seam: now @base-ui/react, the only place allowed to import it
-screens/render-form-field  generate-code-field  generate-code-parts/   # 18 switch statements on `variant: string`

Registry. registry.json is now the single source for each registry item, and docs pages read it instead of repeating metadata. Adding a component used to mean editing 7 places; it now means editing 3 (source file, catalog entry, docs page).

• Published: all 16 existing components, the 8 playground components that previously couldn't be installed, and every Template as a registry:block.
• Items are primitive-agnostic: no asChild/render, no state-attribute classes. So one published item installs into Radix and Base UI projects alike.
• The old /registry/*.json URLs redirect to /r/*.json.

Field variants. Adding a field type is now one module.

FieldVariant = defaults, settings, schema(field) → zx expr, defaultValue, Control (preview), control(field, binding) (source)
generateFormCode(fields, library)
  adapter.field(name, binding → fieldShellSource(field, binding, variant.control(field, binding)))

Base UI. This follows the official migrate-radix-to-base skill: wrappers come from the shadcn CLI as base-vega (shadcn's "classic look" style), with the site's customizations ported onto them. Consumers moved from asChild to render, and the Radix packages are removed. Details are in .migration/project.md.

Evidence

Bugs fixed along the way:

Before	After
Generated schemas lost .min/.max/.email under zod v4 (zodSchemaToString read check.kind).	form schema › keeps zod checks in generated source passes.
React Hook Form output rendered 15 of 22 variants as plain <Input>, and used register() on Radix Switch/Select, which never fire onChange.	renders a bound control for every field and binds … through the library, not register() pass.
TanStack output used the removed zod-form-adapter and never validated.	validates TanStack forms with the schema through Standard Schema passes.
location-input installed without its countries/states data, and credit-card installed a 294-line older API than the site renders.	Installed code is the rendered code.
6 of 7 templates showed shadcn add <slug> for items that didn't exist.	The blocks exist and install.

Checks:

• pnpm vitest run: 7 files, 344 tests pass. This includes typechecking a generated form that uses every variant, for both libraries.
• pnpm typecheck, pnpm registry:validate (33 items) and pnpm build all pass.
• Manual, not in CI: all 33 items shadcn add and typecheck in fresh radix-nova, base-nova and new-york-v4 projects. Generated forms typecheck against stock radix-nova and base-nova components.
• Checked in a browser: the playground renders all 22 variants and shows validation messages on submit, and the theme menu, selects, popovers, the Signature Pad dialog, tabs, sidebars and template flow links all work.

Merge Danger

Door: two-way. Nothing is destructive and each commit reverts cleanly. The Base UI switch is spread across 25 small commits, one per wrapper plus setup and finishing steps.

Blast Radius:

• Look: wrappers now use base-vega classes instead of the 2024 new-york ones, so padding, rings and hover shades change slightly across the site.
• Behavior:
  • Tabs activate manually.
  • Select lists align over the trigger.
  • The accordion allows one open item at a time.
  • The full list is in .migration/project.md.
• Removed from the playground: the Server Actions (disabled "Coming Soon") and Bring-Your-Own (unreachable) generators. Saved library choices fall back to React Hook Form.
• Registry consumers: item URLs move to /r/<name>.json, and /registry/* 308-redirects there. credit-card now ships the API the site renders (cvvLabel is a prop, not a value field).
• Build: pnpm dev/build run shadcn build first. public/r is gitignored, and shadcn is now a runtime dependency because globals.css imports shadcn/tailwind.css.
• Not done here: listing the registry in the shadcn directory (a PR to shadcn-ui/ui) and a {style} per-base split (not needed while items stay primitive-agnostic).

🤖 Generated with Claude Code

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated
shadcn-form	Ready	Preview	Sep 27, 2026 5:11pm UTC