Skip to content

feat(headless): add Tabs primitive#8476

Open
alexcarpenter wants to merge 7 commits into
carp/headless-accordionfrom
carp/headless-tabs
Open

feat(headless): add Tabs primitive#8476
alexcarpenter wants to merge 7 commits into
carp/headless-accordionfrom
carp/headless-tabs

Conversation

@alexcarpenter
Copy link
Copy Markdown
Member

@alexcarpenter alexcarpenter commented May 5, 2026 •
edited
Loading

Summary

  • Adds Tabs primitive with animated indicator via CSS custom properties
  • Roving tabindex navigation, manual/automatic activation modes
  • shouldForceMount for directional slide animations

Review Stack

Review order — start at #8474 (foundation) and work up. Each PR adds one primitive on top of the previous.

# PR What it adds Base
1 #8474 Foundation (infra + hooks + utils + Dialog) main
2 #8475 Accordion ← #8474
3 #8476 Tabs ← #8475
4 #8477 cssVars + Tooltip ← #8476
5 #8478 Popover ← #8477
6 #8479 Select ← #8478
7 #8480 Menu ← #8479
8 #8481 Autocomplete + integration tests ← #8480

Test plan

  • pnpm build succeeds
  • pnpm test passes (+45 tabs tests)
  • CI passes

🤖 Generated with Claude Code

@vercel
Copy link
Copy Markdown

vercel Bot commented May 5, 2026 •
edited
Loading

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

Project Deployment Actions Updated (UTC)
clerk-js-sandbox Error Error Jun 3, 2026 5:33pm

Request Review

@changeset-bot
Copy link
Copy Markdown

changeset-bot Bot commented May 5, 2026 •
edited
Loading

⚠️ No Changeset found

Latest commit: 8ed36d3

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

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

Click here to learn what changesets are, and how to add one.

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

@alexcarpenter alexcarpenter force-pushed the carp/headless-accordion branch from 9f473a8 to 5b5ddfa Compare May 5, 2026 15:26
@alexcarpenter alexcarpenter mentioned this pull request May 5, 2026
Open
3 tasks
This was referenced May 5, 2026
Open
Open
Open
Open
Open
Open
@alexcarpenter alexcarpenter force-pushed the carp/headless-accordion branch from 5b5ddfa to 47cce7a Compare May 5, 2026 15:39
@alexcarpenter alexcarpenter force-pushed the carp/headless-accordion branch from 47cce7a to 78ffbf1 Compare May 5, 2026 15:49
@alexcarpenter alexcarpenter force-pushed the carp/headless-accordion branch from 78ffbf1 to 22dc58f Compare May 5, 2026 18:38
@alexcarpenter alexcarpenter force-pushed the carp/headless-accordion branch from 483637a to a7cbc25 Compare June 3, 2026 17:23
alexcarpenter and others added 2 commits June 3, 2026 13:32
@alexcarpenter @claude
feat(headless): add package foundation with Dialog primitive
854a75e 
Introduces the @clerk/headless package — a zero-style React component
library providing accessible headless UI primitives. This first PR
establishes the core infrastructure and patterns:

- Package scaffold: Vite build, Vitest browser tests (Chromium), TypeScript config
- Core utils: renderElement (polymorphic rendering with render prop support),
  mergeProps (event handler chaining, style/className merging)
- Hooks: useControllableState, useTransitionStatus, useAnimationsFinished, useTransition
- First primitive: Dialog (modal with focus trapping, scroll lock, portal support)

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@alexcarpenter @claude
feat(headless): add package foundation with Dialog primitive
b6ce123 
Introduces the @clerk/headless package — a zero-style React component
library providing accessible headless UI primitives. This first PR
establishes the core infrastructure and patterns:

- Package scaffold: Vite build, Vitest browser tests (Chromium), TypeScript config
- Core utils: renderElement (polymorphic rendering with render prop support),
  mergeProps (event handler chaining, style/className merging)
- Hooks: useControllableState, useTransitionStatus, useAnimationsFinished, useTransition
- First primitive: Dialog (modal with focus trapping, scroll lock, portal support)

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@alexcarpenter alexcarpenter force-pushed the carp/headless-accordion branch from a7cbc25 to 2379a11 Compare June 3, 2026 17:33
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

1 participant

@alexcarpenter