Skip to content

feat: install all shadcn components with tests and MUI-categorized stories#14

Merged
bromso merged 16 commits into
masterfrom
chore/storybook-categorize
Apr 22, 2026
Merged

feat: install all shadcn components with tests and MUI-categorized stories#14
bromso merged 16 commits into
masterfrom
chore/storybook-categorize

Conversation

@bromso
Copy link
Copy Markdown
Owner

@bromso bromso commented Apr 22, 2026

Summary

  • Install all 36 remaining shadcn/ui components (radix-nova style, Tailwind v4)
  • Export all 46 components from @repo/ui grouped by MUI category
  • Create 35 new Storybook stories organized into 7 MUI-style categories (Inputs, Data Display, Feedback, Navigation, Surfaces, Layout, Custom)
  • Reorganize 14 existing stories into category subdirectories
  • Write 27 interaction test files (90 tests passing) for all interactive components

Story categories

Category Count Components
Inputs 13 Button, Calendar, Checkbox, Input, InputGroup, InputOTP, RadioGroup, Select, Slider, Switch, Textarea, Toggle, ToggleGroup
Data Display 10 Avatar, Badge, Card, Carousel, Chart, Icon, Label, Table, Tooltip, Type
Feedback 8 Alert, AlertDialog, Dialog, Drawer, Progress, Sheet, Skeleton, Sonner
Navigation 7 Breadcrumb, ContextMenu, DropdownMenu, Menubar, NavigationMenu, Pagination, Tabs
Surfaces 5 Accordion, Collapsible, Command, HoverCard, Popover
Layout 4 AspectRatio, Resizable, ScrollArea, Separator
Custom 2 IconButton, SectionTitle

Test plan

  • All 90 tests pass (bun run test)
  • Storybook builds successfully (turbo run build-storybook)
  • Lint passes for changed packages
  • Visual review of stories in Storybook dev server

🤖 Generated with Claude Code

bromso and others added 16 commits April 22, 2026 23:19
Add 36 new shadcn/ui components (radix-nova style) and update 3 existing
ones (button, input, textarea) to latest version. Configure biome overrides
to accommodate official shadcn patterns.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
…ategory

Organize exports into Inputs, Data Display, Feedback, Navigation, Surfaces,
Layout, Custom Figma Components, Hooks, and Utilities sections. Add ButtonProps
type export to button.tsx to support existing type tests.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Move all 14 story files from flat directory into category folders:
Inputs, DataDisplay, Feedback, Surfaces, and Custom. Update story
titles to match new directory structure.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Add stories for Calendar, InputGroup, InputOTP, Slider, Toggle, and ToggleGroup components.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Add stories for Avatar, Badge, Card, Carousel, Chart, Table, and Tooltip components.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Add stories for AlertDialog, Dialog, Drawer, Progress, Sheet, Skeleton, and Sonner components.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Add stories for Breadcrumb, ContextMenu, DropdownMenu, Menubar, NavigationMenu, Pagination, and Tabs components.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Add stories for Collapsible, Command, HoverCard, and Popover components.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Add stories for AspectRatio, Resizable, ScrollArea, and Separator components.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Add @repo/ui/* path alias to tsconfig so self-referencing imports
resolve during tsc --noEmit. Fix pagination size prop duplication
(TS2783) and remove unused import in hover-card test.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@bromso bromso self-assigned this Apr 22, 2026
@bromso bromso added enhancement New feature or request labels Apr 22, 2026
@bromso bromso merged commit 29d8cd6 into master Apr 22, 2026
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

enhancement New feature or request

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant