chore(clerk-js): Keyless ui refactor

[alexcarpenter]

Description

Goals of this refactor:

• Improve animation to support flexible content
• Extract the content to be easier to update/maintain vs being spread throughout the component rendering
• Make it easier to test the component

Checklist

• pnpm test runs as expected.
• pnpm build runs as expected.
• (If applicable) JSDoc comments have been added or updated for any package exports
• (If applicable) Documentation has been updated

Type of change

• 🐛 Bug fix
• 🌟 New feature
• 🔨 Breaking change
• 📖 Refactoring / dependency upgrade / documentation
• other:

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
clerk-js-sandbox	Ready	Preview, Comment	Feb 10, 2026 10:48pm

[changeset-bot]

🦋 Changeset detected

Latest commit: 4e80842

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

This PR includes changesets to release 3 packages

Name	Type
@clerk/clerk-js	Patch
@clerk/chrome-extension	Patch
@clerk/clerk-expo	Patch

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

[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.

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

✨ Finishing touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch alexcarpenter/keyless-take-3

---

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

[alexcarpenter]

!snapshot

[clerk-cookie]

Hey @alexcarpenter - the snapshot version command generated the following package versions:

Package	Version
@clerk/agent-toolkit	0.2.22-snapshot.v20260210151434
@clerk/astro	2.17.2-snapshot.v20260210151434
@clerk/backend	2.31.0-snapshot.v20260210151434
@clerk/chrome-extension	2.9.2-snapshot.v20260210151434
@clerk/clerk-js	5.123.0-snapshot.v20260210151434
@clerk/clerk-expo	2.19.23-snapshot.v20260210151434
@clerk/express	1.7.70-snapshot.v20260210151434
@clerk/fastify	2.6.22-snapshot.v20260210151434
@clerk/nextjs	6.37.4-snapshot.v20260210151434
@clerk/nuxt	1.13.20-snapshot.v20260210151434
@clerk/react-router	2.4.4-snapshot.v20260210151434
@clerk/remix	4.13.37-snapshot.v20260210151434
@clerk/tanstack-react-start	0.29.2-snapshot.v20260210151434
@clerk/testing	1.13.36-snapshot.v20260210151434

Tip: Use the snippet copy button below to quickly install the required packages.
@clerk/agent-toolkit

npm i @clerk/agent-toolkit@0.2.22-snapshot.v20260210151434 --save-exact

@clerk/astro

npm i @clerk/astro@2.17.2-snapshot.v20260210151434 --save-exact

@clerk/backend

npm i @clerk/backend@2.31.0-snapshot.v20260210151434 --save-exact

@clerk/chrome-extension

npm i @clerk/chrome-extension@2.9.2-snapshot.v20260210151434 --save-exact

@clerk/clerk-js

npm i @clerk/clerk-js@5.123.0-snapshot.v20260210151434 --save-exact

@clerk/clerk-expo

npm i @clerk/clerk-expo@2.19.23-snapshot.v20260210151434 --save-exact

@clerk/express

npm i @clerk/express@1.7.70-snapshot.v20260210151434 --save-exact

@clerk/fastify

npm i @clerk/fastify@2.6.22-snapshot.v20260210151434 --save-exact

@clerk/nextjs

npm i @clerk/nextjs@6.37.4-snapshot.v20260210151434 --save-exact

@clerk/nuxt

npm i @clerk/nuxt@1.13.20-snapshot.v20260210151434 --save-exact

@clerk/react-router

npm i @clerk/react-router@2.4.4-snapshot.v20260210151434 --save-exact

@clerk/remix

npm i @clerk/remix@4.13.37-snapshot.v20260210151434 --save-exact

@clerk/tanstack-react-start

npm i @clerk/tanstack-react-start@0.29.2-snapshot.v20260210151434 --save-exact

@clerk/testing

npm i @clerk/testing@1.13.36-snapshot.v20260210151434 --save-exact

[pkg-pr-new]

Open in StackBlitz

@clerk/agent-toolkit

npm i https://pkg.pr.new/@clerk/agent-toolkit@7798

@clerk/astro

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

@clerk/backend

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

@clerk/chrome-extension

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

@clerk/clerk-js

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

@clerk/dev-cli

npm i https://pkg.pr.new/@clerk/dev-cli@7798

@clerk/elements

npm i https://pkg.pr.new/@clerk/elements@7798

@clerk/clerk-expo

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

@clerk/expo-passkeys

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

@clerk/express

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

@clerk/fastify

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

@clerk/localizations

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

@clerk/nextjs

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

@clerk/nuxt

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

@clerk/clerk-react

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

@clerk/react-router

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

@clerk/remix

npm i https://pkg.pr.new/@clerk/remix@7798

@clerk/shared

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

@clerk/tanstack-react-start

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

@clerk/testing

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

@clerk/themes

npm i https://pkg.pr.new/@clerk/themes@7798

@clerk/types

npm i https://pkg.pr.new/@clerk/types@7798

@clerk/upgrade

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

@clerk/vue

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

commit: 4e80842

[alexcarpenter]

!snapshot

[clerk-cookie]

Hey @alexcarpenter - the snapshot version command generated the following package versions:

Package	Version
@clerk/agent-toolkit	0.2.22-snapshot.v20260210172346
@clerk/astro	2.17.2-snapshot.v20260210172346
@clerk/backend	2.31.0-snapshot.v20260210172346
@clerk/chrome-extension	2.9.2-snapshot.v20260210172346
@clerk/clerk-js	5.123.0-snapshot.v20260210172346
@clerk/clerk-expo	2.19.23-snapshot.v20260210172346
@clerk/express	1.7.70-snapshot.v20260210172346
@clerk/fastify	2.6.22-snapshot.v20260210172346
@clerk/nextjs	6.37.4-snapshot.v20260210172346
@clerk/nuxt	1.13.20-snapshot.v20260210172346
@clerk/react-router	2.4.4-snapshot.v20260210172346
@clerk/remix	4.13.37-snapshot.v20260210172346
@clerk/tanstack-react-start	0.29.2-snapshot.v20260210172346
@clerk/testing	1.13.36-snapshot.v20260210172346

Tip: Use the snippet copy button below to quickly install the required packages.
@clerk/agent-toolkit

npm i @clerk/agent-toolkit@0.2.22-snapshot.v20260210172346 --save-exact

@clerk/astro

npm i @clerk/astro@2.17.2-snapshot.v20260210172346 --save-exact

@clerk/backend

npm i @clerk/backend@2.31.0-snapshot.v20260210172346 --save-exact

@clerk/chrome-extension

npm i @clerk/chrome-extension@2.9.2-snapshot.v20260210172346 --save-exact

@clerk/clerk-js

npm i @clerk/clerk-js@5.123.0-snapshot.v20260210172346 --save-exact

@clerk/clerk-expo

npm i @clerk/clerk-expo@2.19.23-snapshot.v20260210172346 --save-exact

@clerk/express

npm i @clerk/express@1.7.70-snapshot.v20260210172346 --save-exact

@clerk/fastify

npm i @clerk/fastify@2.6.22-snapshot.v20260210172346 --save-exact

@clerk/nextjs

npm i @clerk/nextjs@6.37.4-snapshot.v20260210172346 --save-exact

@clerk/nuxt

npm i @clerk/nuxt@1.13.20-snapshot.v20260210172346 --save-exact

@clerk/react-router

npm i @clerk/react-router@2.4.4-snapshot.v20260210172346 --save-exact

@clerk/remix

npm i @clerk/remix@4.13.37-snapshot.v20260210172346 --save-exact

@clerk/tanstack-react-start

npm i @clerk/tanstack-react-start@0.29.2-snapshot.v20260210172346 --save-exact

@clerk/testing

npm i @clerk/testing@1.13.36-snapshot.v20260210172346 --save-exact