feat(design-system): comprehensive showcase page at /design-system
Standalone discoverable hub of all LearnSpace design tokens, components,
patterns, motion, accessibility primitives, and icons.
Sections:
- Foundations: colors (WCAG ratios), typography, spacing, radii,
shadows, blur
- Components: buttons, inputs, badges, chips, cards, modal, toast,
skeleton, empty-states, avatars (all with state variants)
- Patterns: stat-card, data-table, search-bar, sidebar nav, tabs, hero,
bento, hover-row-actions
- Motion: transitions, shimmer, prefers-reduced-motion toggle
- Accessibility: focus rings, touch targets, live contrast checker
- Icons: top 50 Lucide names with click-to-copy
- Anti-patterns: 4x don't vs do examples
Interactive: click-to-copy on swatches/icons/classes, search filter
across sections, code snippets via <details> blocks per component,
LS.modal/toast live triggers with standalone fallback.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Maxim Dolgolyov
e4ec9f8823
