Skip to content

feat(registry): migrate input-base dependents to shadcn input-group - #62

Merged
junwen-k merged 6 commits into
nextfrom
feat/input-group-migration
Jul 15, 2026
Merged

junwen-k merged 6 commits into
nextfrom
feat/input-group-migration

Conversation

@junwen-k

Copy link
Copy Markdown
Owner

Summary

Migrates all registry components that depended on the ui-x input-base component to compose the vendored shadcn/ui input-group component instead, continuing the style-refresh roadmap.

Registry components

  • comboboxComboboxInputBase renamed to ComboboxInputGroup; input, clear and trigger now slot onto InputGroupInput / InputGroupButton. ComboboxTagsInput uses an h-auto min-h-8 group so tags wrap naturally.
  • date-picker — anchor group with clear + calendar trigger as icon-xs group buttons; DatePickerTrigger uses the plain outline Button.
  • date-time-field / date-time-range-field — segment inputs slot onto InputGroupInput inside a single group.
  • password-input — visibility toggle is an InputGroupButton in an inline-end addon.
  • native-select — no longer needs a group wrapper; adopts shadcn's standalone select styling (appearance-none + absolute chevron), dropping the input-base dependency entirely.

Also updated

  • Examples: phone-input (demo/separated/combobox), wheel-picker form, emoji-picker form, homepage card demo. Form invalid styling now flows through FormControl's aria-invalid instead of the old error prop.
  • registry.json: input-base dependency replaced with input-group (removed for native-select).
  • MDX docs: manual-install steps point at Input Group; input-base callout notes that dependents have moved off it. input-base itself stays published as-is.

Verification

  • tsc --noEmit clean; eslint 0 errors (9 pre-existing warnings in untouched files); prettier applied.
  • Verified in the browser on all affected docs pages + homepage: groups measure 32px (h-8), the phone-input 4px height mismatch between input and country select is gone, segments/clear/trigger/toggle addons render correctly, zero console errors or warnings.

🤖 Generated with Claude Code

Rewrite combobox, date-picker, date-time-field, date-time-range-field,
native-select and password-input to compose the vendored shadcn/ui
input-group component instead of the ui-x input-base component.
Native select now follows shadcn's standalone base-nova select styling.

Update the affected examples and the homepage card demo, swap the
registry dependencies in registry.json, and point the manual
installation docs at Input Group. The input-base component itself
stays published as-is.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@vercel

vercel Bot commented Jul 15, 2026

Copy link
Copy Markdown
Contributor

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

Project Deployment Actions Updated (UTC)
ui-x Ready Ready Preview, Comment Jul 15, 2026 10:27am
1 Skipped Deployment
Project Deployment Actions Updated (UTC)
v3-ui-x Skipped Skipped Jul 15, 2026 10:27am

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Split sidebar folders into sections at meta.json separator entries so the
components predating their shadcn/ui counterparts are grouped under a
"Provided as-is" label in both the desktop sidebar and mobile nav.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@vercel
vercel Bot temporarily deployed to Preview – v3-ui-x July 15, 2026 10:21 Inactive
@junwen-k
junwen-k merged commit 27f8b63 into next Jul 15, 2026
4 checks passed
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.

1 participant