Scaffold design engineering playground

Next.js 16 + TypeScript + Tailwind v4 + Motion project showcasing
interface components built on semantic design tokens:

- Light/dark/system theming from one CSS variable set, with a
  pre-paint script so a saved theme never flashes
- Button, Switch and SegmentedControl with keyboard support, ARIA
  semantics and spring motion that respects reduced-motion
- Vitest + Testing Library tests, including a token-coverage test
- /tokens page documenting colour and motion tokens

Co-Authored-By: Claude Opus 5.5 <[email protected]>

This commit is contained in:

jzzliu

2026-11-09 03:52:46 +00:00

co-authored by

Claude Opus 5.5

parent 3d9c5cef51

commit 7af2315316

33 changed files with 9526 additions and 1 deletions

									
										vitest.setup.ts
									
		+5
		
												View File
												
				@@ -0,0 +1,5 @@

				import "@testing-library/jest-dom/vitest";

				import { cleanup } from "@testing-library/react";

				import { afterEach } from "vitest";

				afterEach(() => cleanup());