feat(ui): add input group

[austincalvelage]

Description

https://swingset-git-austin-input-group.clerkstage.dev/components/input-group

Adds Mosaic InputGroup for composing text and controls inside shared field chrome. It coordinates sizing, field state, and focus behavior with a headless Input.

[changeset-bot]

🦋 Changeset detected

Latest commit: 8840a78

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 0 packages

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[vercel]

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

Project	Deployment	Actions	Updated
clerk-js-sandbox	Ready	Preview	Sep 9, 2026 10:05pm UTC
swingset	Ready	Preview	Sep 9, 2026 10:05pm UTC

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository YAML (base), Organization UI (inherited)

Review profile: ASSERTIVE

Plan: Team

Run ID: ad664f72-db16-4606-848b-52750370c361

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

---

_{Comment @coderabbitai help to get the list of available commands.}

[maxyinger]

I know we don't do concentic border radii on this project a lot, but wondering if we use this size button anywhere else and if it makes sense to just make its radius concentric with the input

[pkg-pr-new]

Open in StackBlitz

@clerk/astro

npm i https://pkg.pr.new/@clerk/astro@9654

@clerk/backend

npm i https://pkg.pr.new/@clerk/backend@9654

@clerk/chrome-extension

npm i https://pkg.pr.new/@clerk/chrome-extension@9654

@clerk/clerk-js

npm i https://pkg.pr.new/@clerk/clerk-js@9654

@clerk/electron

npm i https://pkg.pr.new/@clerk/electron@9654

@clerk/electron-passkeys

npm i https://pkg.pr.new/@clerk/electron-passkeys@9654

@clerk/eslint-plugin

npm i https://pkg.pr.new/@clerk/eslint-plugin@9654

@clerk/expo

npm i https://pkg.pr.new/@clerk/expo@9654

@clerk/expo-google-signin

npm i https://pkg.pr.new/@clerk/expo-google-signin@9654

@clerk/expo-passkeys

npm i https://pkg.pr.new/@clerk/expo-passkeys@9654

@clerk/express

npm i https://pkg.pr.new/@clerk/express@9654

@clerk/fastify

npm i https://pkg.pr.new/@clerk/fastify@9654

@clerk/hono

npm i https://pkg.pr.new/@clerk/hono@9654

@clerk/localizations

npm i https://pkg.pr.new/@clerk/localizations@9654

@clerk/nextjs

npm i https://pkg.pr.new/@clerk/nextjs@9654

@clerk/nuxt

npm i https://pkg.pr.new/@clerk/nuxt@9654

@clerk/react

npm i https://pkg.pr.new/@clerk/react@9654

@clerk/react-router

npm i https://pkg.pr.new/@clerk/react-router@9654

@clerk/shared

npm i https://pkg.pr.new/@clerk/shared@9654

@clerk/tanstack-react-start

npm i https://pkg.pr.new/@clerk/tanstack-react-start@9654

@clerk/testing

npm i https://pkg.pr.new/@clerk/testing@9654

@clerk/ui

npm i https://pkg.pr.new/@clerk/ui@9654

@clerk/upgrade

npm i https://pkg.pr.new/@clerk/upgrade@9654

@clerk/vue

npm i https://pkg.pr.new/@clerk/vue@9654

commit: b57eead