Description

Executive summary: A production-ready React component system with Tailwind tokens, first-class accessibility, theming, and Storybook docs—designed for velocity with quality.

What’s inside (modules):
– 60+ Components: forms, inputs, tables, lists, navs, tabs, modals, toasts, skeletons, empty-states, chart placeholders.
– Design Tokens & Theming: light/dark modes, reduced-motion, high-contrast; CSS variables mapped to Tailwind config.
– Accessibility: focus traps, ARIA roles, keyboard maps, screen-reader helpers.
– Documentation: Storybook with MDX usage, prop tables, interactive controls; testing utilities (RTL + Vitest).
– Performance Patterns: virtualized lists, code-splitting templates, suspense-friendly boundaries.

Technical specifications:
– Artifacts: .tsx source, Tailwind config, .mdx docs, testing setup.
– Compat: React 18+, Vite/Next.js, Tailwind 3+; tree-shakable structure.

Setup & integration:
– Install; add theme provider; import components; extend tokens via Tailwind plugin; run Storybook.

KPIs & ROI:
– 2–3× faster UI delivery; fewer accessibility defects; lower design drift.

Included files:
/src/components/*, /src/theme/*, /storybook/*, /tests/*, /docs/*