UI Component Kit / Design System
Create a shared component library that all features will use. Includes form inputs, buttons, modals, tables (TanStack), slide-overs, cards, badges, alerts, dropdowns, date pickers, file uploaders, and layout primitives. Built with React, TypeScript, and Tailwind CSS v4.
Acceptance Criteria
Button component with variants (primary, secondary, danger, ghost) and sizes (sm, md, lg)
Form field components: text input, textarea, select, checkbox, radio, toggle, date picker, file upload
Table component using TanStack Table with sorting, filtering, pagination, and row selection
Modal and SlideOver dialog components
Card component with header, body, footer sections
Badge and status indicator components
Alert / Toast notification component
Dropdown menu component
Tabs component
Empty state component
Loading spinner and skeleton loaders
Confirmation dialog component
All components support dark mode
All components are typed with TypeScript
Test Plan
Unit tests for each component rendering correctly
Test all variants and states (disabled, loading, error, etc.)
Test keyboard navigation and accessibility
Visual snapshot tests for dark mode