@ponchia/ui — the road to 0.5.0

The library was extracted into its own standalone package and re-skinned to a Nothing-inspired design language: a monochrome dual light/dark palette, a single red accent, the Doto dot-matrix display type, flat hairline surfaces, sharp radii, and no soft shadows.

• motion.css — keyframes plus reveal / stagger / skeleton / spinner / caret utilities with full reduced-motion handling.
• dots.css — dot-grid surfaces, dotted rules, the live-pulse status dot, dot loaders and progress, matrix-reveal.
• forms.css — input, select, textarea, search, switch, checkbox.
• table.css — ui-table with dense / comfortable / lined variants and numeric helpers.
• An expanded admin shell (app.css): rail with dot nav, blurred sticky topbar, toolbar, panel, metric tiles, empty state, mobile collapse.

The architectural turn: keep plain CSS as the universal substrate, add thin optional layers on top. The whole framework now ships inside @layer bronto, so un-layered consumer CSS overrides it without specificity fights.

• @ponchia/ui/tokens — design tokens as data (canonical JS, generated JSON, typed themeColor()).
• @ponchia/ui/classes — a typed class-name contract: the cls registry, ui.* recipe builders, cx().
• @ponchia/ui/behaviors — vanilla, SSR-safe, dependency-free helpers (theme, dismissible, disclosure).
• Published to npm as @ponchia/ui with provenance; drift gates check-tokens / check-classes added.

Removed private project names and personal paths from shipped CSS comments and docs (no selector or token changes). Supersedes 0.2.0, which still carried those references.

Component and mobile expansion followed by a framework-grade hardening pass driven by multi-agent review.

• RTL / logical properties across every file, lint-enforced.
• A11y: initTabs WAI-ARIA pattern, forced-colors support, WCAG contrast fixes, an axe gate.
• Theming contract: --accent as one knob; density and high-contrast presets.
• content.css: .ui-prose styles raw Markdown HTML with zero per-element classes.
• Prebuilt bundles (dist/bronto.css), Playwright visual snapshots, DTCG token export, and a print stylesheet.

A six-perspective review drove the big cleanup: the entire non-ui-* legacy vocabulary was removed or migrated, so everything shipped now lives under the .ui-* contract and the check-classes drift gate.

• New --accent-text token so a pale re-brand can't silently fail text contrast; --focus-ring wired live.
• Generated literal .d.ts types — mistyped class/token keys are now compile errors.
• Per-leaf imports are now layer-safe; the raw escape hatch moved to css/unlayered/*.
• First-class site.css content shell and ui-quote; an optional Shiki theme.

ui-combobox, ui-popover, initFormValidation, initTableSort, busy buttons; form/layout primitives; semantic --bronto-color-* and ramp tokens; a generated reference, framework guides, and example apps.

Promotes genuinely generic, token-only primitives upstream: ui-stat/ui-statgrid, ui-link--cta, ui-badge--dot/--muted, ui-num, ui-dotmatrix, ui-container--wide — all non-breaking, with permanent aliases for the old shell-locked names.

tokens/resolved.json (every color resolved to hex per theme, for canvas/WebGL/SVG); button size scale; a shell-agnostic ui-empty-state; a controlled ui-modal is-open path; llms.txt and shipped docs in the tarball for offline agents.

A CI-gated WCAG 2.1 contrast matrix (docs/contrast.md, check:contrast); a docs/usage.md decision guide; the info status tone wired through the full status family; a full re-skin recipe proving "Nothing" is a token skin, not the architecture.

Primitives adopters were hand-rolling: ui-pagehead, ui-steps, ui-timeline, ui-meter, ui-kbd, ui-input-icon, plus a scroll-snap ui-carousel + initCarousel and a <dialog>-based lightbox.

@ponchia/ui/glyphs — a frozen 43-glyph 16×16 dot-matrix display-icon set rendered on the existing .ui-dotmatrix primitive (no SVG, no icon font), with a solid mode legible as an inline icon down to ~16px and an initDotGlyph() behavior. The GlyphName union is generated and drift-checked.

A governed evolution beyond pure monochrome — ADR-0001 steps 1–8. The tier model is written down and enforced (check:color-policy), and the "Nothing" look is proven to be a skin, not the architecture.

• Colorways (skins.css): amber CRT · phosphor green · e-ink, each a contrast-gated one-hue re-point, opt-in only.
• Data-viz palette (dataviz.css, charts.json): accent-led + Okabe-Ito, colourblind-gated, with pattern fills so colour is never the sole signal.
• OKLCH authoring + a perceptually-even accent ramp; an APCA advisory contrast track.
• Optional React + Solid bindings; a one-node glyph mask render path + .ui-icon.
• The only break: the orphan --orange token was removed.

Patch hardening plus the first step of the modern-platform motion direction (ADR-0002) — and the static report kit this very document is built on.

• Static report kit (css/report.css, docs/reporting.md): covers, sections, summaries, findings, evidence, chart wrappers, and print utilities — PDF-first, opt-in, runtime-free.
• Zero-JS enter and exit motion for dialog, drawer, popover, toast, and accordion via @starting-style + allow-discrete.
• Scroll-driven motion and View Transitions as progressive enhancement; browser floor raised (Chrome 125 / Safari 18 / Firefox 129).
• Optional Qwik bindings; OLED data-surface="oled"; a re-tuned, more readable dark theme.

• SVG annotations (annotations.css) — the d3-annotation grammar: subject · connector · note, with many variants, six tones, and reduced-motion-safe draw/reveal motion.
• Legends / data keys (legend.css) — a standalone data-key layer reading the --chart-* palette; WCAG 1.4.1 by construction; optional series-toggling.
• Text marks / evidence (marks.css) — sober, report-grade emphasis for running prose (the inline counterpart to SVG annotations).
• Connectors / leader lines (connectors.css) — a line between two DOM elements; the geometry kernel now single-sources both connectors and annotations.
• Spotlight, crosshair / readout, and selection states — guided focus, a plot ruler that reports position (not data), and an on/off/maybe emphasis vocabulary.
• Sources, citations & provenance (sources.css) — a CSS-only trust layer: "where did this come from?", with verified/reviewed/generated/unverified/stale/conflict states.
• Label declutter + direct labels — deterministic 1-D de-overlap and direct-labeling helpers (pure, no DOM/scales).
• Plus a command palette, workbench tool-UI core, lifecycle/system state, generated-content trust surfaces, the .ui-shortcut hint, and an analytical.css roll-up.

Per the versioning policy, the minor carries the breaking changes — here, three small ones, all mechanical:

1. The chart data key moved out of the report kit into the standalone .ui-legend layer.
2. Annotation arrowheads now render via the shared connectors geometry kernel — a small path-shape change.
3. The opt-in marks' rationed-accent tone was renamed evidence → accent to match the rest of the analytical vocabulary.

The default dist/bronto.css is otherwise unchanged. The Doto webfont also moved to woff2-only, cutting the six-weight payload from ~823 kB to ~35 kB.