@elabs-ai/components-tokens
Semantic CSS-variable themes + ThemeProvider/useTheme.
pnpm add @elabs-ai/components-tokensReach for them through resolvePalette() in @elabs-ai/components-charts rather than naming steps by hand.
Each swatch is theme-reactive: it fills from var(--token), so switching the toolbar theme recolors the entire page.
The stacked elevation ramp (shadow-2xs → shadow-2xl) and its hairline-ring variant (shadow-ring-*) for floating surfaces, plus shadow-hairline for a bare 1px edge.
Opt-in drafting-paper grounds — bg-dot-grid (dot field), bg-paper (dots + construction rules + tooth) and the existing bg-grid-paper (engineering grid).
The spacing scale (standard Tailwind 0.25rem step) and the token-backed radius scale (rounded-* ← --radius).
How data-theme + semantic tokens give one component set any number of looks — the two reference themes (light, dark), a theme you author yourself, plus the orthogonal decoration / density / motion dials.