Skip to content

feat(headless): add Select primitive#8479

Open
alexcarpenter wants to merge 8 commits into
carp/headless-popoverfrom
carp/headless-select
Open

feat(headless): add Select primitive#8479
alexcarpenter wants to merge 8 commits into
carp/headless-popoverfrom
carp/headless-select

Conversation

@alexcarpenter
Copy link
Copy Markdown
Member

@alexcarpenter alexcarpenter commented May 5, 2026

Summary

  • Adds Select primitive: dropdown with typeahead search
  • Item-to-trigger alignment, FloatingList + useListNavigation for keyboard nav
  • Controllable open/value state

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 (+34 select tests, 1 layout-dependent test skipped for happy-dom)
  • CI passes

🤖 Generated with Claude Code

@vercel
Copy link
Copy Markdown

vercel Bot commented May 5, 2026

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

⚠️ No Changeset found

Latest commit: f55dc7c

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-select branch from 12a74cf to bf64381 Compare May 5, 2026 15:26
@alexcarpenter alexcarpenter force-pushed the carp/headless-popover branch from 032b0f0 to 24adffa Compare May 5, 2026 15:26
@alexcarpenter alexcarpenter force-pushed the carp/headless-select branch from bf64381 to d7de1ca Compare May 5, 2026 15:39
@alexcarpenter alexcarpenter force-pushed the carp/headless-popover branch from 38c58e6 to 8136289 Compare May 5, 2026 15:49
@alexcarpenter alexcarpenter force-pushed the carp/headless-select branch from d7de1ca to 758050d Compare May 5, 2026 15:49
@alexcarpenter alexcarpenter force-pushed the carp/headless-select branch from 758050d to b3280a8 Compare May 5, 2026 18:38
@alexcarpenter alexcarpenter force-pushed the carp/headless-popover branch from 8136289 to 3b5f83f Compare May 5, 2026 18:38
@alexcarpenter alexcarpenter force-pushed the carp/headless-popover branch from 3b5f83f to e6b05b8 Compare June 3, 2026 17:09
@alexcarpenter alexcarpenter force-pushed the carp/headless-select branch from b3280a8 to 80923ba Compare June 3, 2026 17:09
@alexcarpenter alexcarpenter force-pushed the carp/headless-popover branch from e6b05b8 to 97e0dbd Compare June 3, 2026 17:19
@alexcarpenter alexcarpenter force-pushed the carp/headless-select branch from 80923ba to 6a4046e Compare June 3, 2026 17:20
@alexcarpenter alexcarpenter force-pushed the carp/headless-select branch from 6a4046e to a73a615 Compare June 3, 2026 17:23
@alexcarpenter alexcarpenter force-pushed the carp/headless-popover branch from 97e0dbd to 7bc3787 Compare June 3, 2026 17:23
alexcarpenter and others added 8 commits June 3, 2026 13:32
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>
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>
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>
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>
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>
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