@openuidev/thesys

OpenUI c1 components for chat, dashboard, presentation, and report surfaces. The public API is what src/index.ts exports — see the repo root CLAUDE.md for the surface contract and monorepo layout.

Stylesheets

One stylesheet ships: @openuidev/thesys/styles.css (compiled from src/styles.scss, KaTeX fonts alongside in dist/fonts/).

It is plain, unlayered CSS — the same convention as @openuidev/react-ui. Override styles the usual way: write a selector of equal or higher specificity later in your cascade. Do not wrap this sheet in a CSS @layer yourself: unlayered styles (react-ui's, your app's) beat all layered styles regardless of specificity, which silently breaks the library's own internal overrides (e.g. context-card image-variant tag styling).

Cascade-layer-based shipping is deliberately parked: layers are young, and Next.js's webpack pipeline mis-serializes @import … layer(name) into a dead @media block, so a layered entry would silently no-op for a large share of consumers. Revisit when cascade layers are better supported across the bundlers consumers use.