0.82.0 - Add SplitButton component

[jalexw]

Summary

Introduces a new SplitButton component that combines a primary action button with a dropdown menu of related secondary actions. This follows the split button UI pattern commonly used for operations like "Save" with options like "Save as draft" or "Deploy" with environment variants.

Changes

• New component: SplitButton with composable sub-components

  • SplitButton - Root container managing dropdown state and context
  • SplitButtonAction - Primary action button (left side)
  • SplitButtonTrigger - Dropdown trigger button with chevron icon (right side)
  • SplitButtonContent - Dropdown menu content wrapper

• Variant support: Mirrors Button variants (default, destructive, outline, secondary, ghost)

• Size support: Matches Button sizes (sm, default, lg) with appropriately scaled chevron icons

• Accessibility:

  • Icon-only trigger includes aria-label (defaults to "Show more actions")
  • Proper aria-haspopup="menu" on trigger
  • Context-based validation ensures components are used correctly

• Styling details:

  • Divider between action and trigger with variant-specific colors and opacity
  • Rounded corners removed where buttons meet (rounded-r-none on action, rounded-l-none on trigger)
  • Focus ring z-index management for proper stacking
  • Chevron rotates 180° when dropdown opens

• Comprehensive Storybook stories demonstrating:

  • Default pattern with Save action
  • Destructive variant (Delete vault)
  • Outline, Secondary, and Ghost variants
  • Disabled state
  • All variants side-by-side comparison
  • All sizes side-by-side comparison
  • Real-world schema migration example

• Package exports: Added to main src/components/ui/index.ts for public API

• Version bump: 0.80.0 → 0.81.0

https://claude.ai/code/session_01VYAiy4xGQG2Jd1a713EHBK

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
ui	Ready	Preview, Comment	Jul 8, 2026 12:54pm