@ponchia/ui 0.12.0 → 0.13.0

package/docs/interop/blocknote.md

@@ -0,0 +1,60 @@
+# BlockNote interop
+
+[BlockNote](https://www.blocknotejs.org) is a block editor. It themes its
+editor, menus, side menu, formatting toolbar and text highlights through
+`--bn-*` custom properties declared on `.bn-root`, with its own light and dark
+values. `css/blocknote.css` points those properties at bronto tokens, so the
+editor follows the theme, skins, contrast and the OLED surface like the rest of
+the page.
+
+## Import
+
+BlockNote's stylesheet is unlayered, and an unlayered rule outranks every
+layered one. Import this leaf's **unlayered** build, after BlockNote's:
+
+```css
+@import '@blocknote/mantine/style.css';
+@import '@ponchia/ui/css/dataviz.css';
+@import '@ponchia/ui/css/unlayered/blocknote.css';
+```
+
+The rule targets `.bn-root` and `.bn-root[data-color-scheme]`, which has the
+same specificity as BlockNote's dark block, so source order is what makes it
+win.
+
+## What maps to what
+
+| BlockNote | bronto |
+| --- | --- |
+| editor text, background | `--text`, `--panel` |
+| menu text, background | `--text`, `--panel-strong` |
+| tooltip, hovered background | `--panel-soft` |
+| selected text, background | `--on-accent`, `--accent` |
+| disabled text | `--text-dim` |
+| border, shadow | `--line` |
+| side menu (drag handle, add) | `--text-dim` |
+| font, radius | `--sans`, `--radius-lg` |
+
+Text and background highlights are categorical identity: a colour someone chose
+for a span. They take `--cat-N-ink` (text, 4.5:1 on its tint and the panel) and
+`--cat-N-tint` (background) from `css/dataviz.css`:
+
+| BlockNote highlight | Categorical hue |
+| --- | --- |
+| blue | 1 · blue |
+| orange, brown (text) | 2 · orange |
+| yellow | 4 · yellow |
+| pink | 5 · magenta |
+| green | 6 · green |
+| purple | 7 · violet |
+| red | 8 · red |
+| gray | `--text-dim` on `--panel-soft` |
+
+Without `css/dataviz.css` the highlights fall back to the status colours.
+
+## A read view that matches the editor
+
+A surface that shows the same text read-only (a preview, a fallback while the
+editor loads) can use `.ui-prose.ui-prose--blocks`. That variant reproduces
+BlockNote's block geometry, so text does not jump when the surface switches
+between reading and editing. See [the prose reference](../reference.md).

package/docs/package-contract.md

@@ -48,6 +48,7 @@ semantic versioning contract for the surfaces listed here.
 | `./css/app.css` | `./dist/css/app.css` | Bundled layered CSS leaf | Stable additive | Generated layered direct-import leaf. Also included in dist/bronto.css. |
 | `./css/skins.css` | `./dist/css/skins.css` | Opt-in layered CSS leaf | Stable additive | Generated layered direct-import leaf. Opt-in and not included in dist/bronto.css. |
 | `./css/dataviz.css` | `./dist/css/dataviz.css` | Opt-in layered CSS leaf | Stable additive | Generated layered direct-import leaf. Opt-in and not included in dist/bronto.css. |
+| `./css/blocknote.css` | `./dist/css/blocknote.css` | Opt-in layered CSS leaf | Stable additive | Generated layered direct-import leaf. Opt-in and not included in dist/bronto.css. |
 | `./css/report.css` | `./dist/css/report.css` | Opt-in layered CSS leaf | Stable additive | Generated layered direct-import leaf. Opt-in and not included in dist/bronto.css. |
 | `./css/row.css` | `./dist/css/row.css` | Bundled layered CSS leaf | Stable additive | Generated layered direct-import leaf. Also included in dist/bronto.css. |
 | `./css/figure.css` | `./dist/css/figure.css` | Opt-in layered CSS leaf | Stable additive | Generated layered direct-import leaf. Opt-in and not included in dist/bronto.css. |
@@ -94,6 +95,7 @@ semantic versioning contract for the surfaces listed here.
 | `./css/unlayered/app.css` | `./css/app.css` | Unlayered CSS leaf | Stable path | Raw authored CSS leaf for consumers that deliberately opt out of @layer bronto on that leaf. |
 | `./css/unlayered/skins.css` | `./css/skins.css` | Unlayered CSS leaf | Stable path | Raw authored CSS leaf for consumers that deliberately opt out of @layer bronto on that leaf. |
 | `./css/unlayered/dataviz.css` | `./css/dataviz.css` | Unlayered CSS leaf | Stable path | Raw authored CSS leaf for consumers that deliberately opt out of @layer bronto on that leaf. |
+| `./css/unlayered/blocknote.css` | `./css/blocknote.css` | Unlayered CSS leaf | Stable path | Raw authored CSS leaf for consumers that deliberately opt out of @layer bronto on that leaf. |
 | `./css/unlayered/report.css` | `./css/report.css` | Unlayered CSS leaf | Stable path | Raw authored CSS leaf for consumers that deliberately opt out of @layer bronto on that leaf. |
 | `./css/unlayered/row.css` | `./css/row.css` | Unlayered CSS leaf | Stable path | Raw authored CSS leaf for consumers that deliberately opt out of @layer bronto on that leaf. |
 | `./css/unlayered/figure.css` | `./css/figure.css` | Unlayered CSS leaf | Stable path | Raw authored CSS leaf for consumers that deliberately opt out of @layer bronto on that leaf. |
@@ -173,6 +175,7 @@ semantic versioning contract for the surfaces listed here.
 | `./docs/command.md` | `./docs/command.md` | Shipped documentation | Stable path | Markdown documentation shipped in the tarball. Paths are public reading assets within a compatible minor. |
 | `./docs/interop/tailwind.md` | `./docs/interop/tailwind.md` | Shipped documentation | Stable path | Markdown documentation shipped in the tarball. Paths are public reading assets within a compatible minor. |
 | `./docs/interop/react-flow.md` | `./docs/interop/react-flow.md` | Shipped documentation | Stable path | Markdown documentation shipped in the tarball. Paths are public reading assets within a compatible minor. |
+| `./docs/interop/blocknote.md` | `./docs/interop/blocknote.md` | Shipped documentation | Stable path | Markdown documentation shipped in the tarball. Paths are public reading assets within a compatible minor. |
 | `./docs/migrations/0.2-to-0.3.md` | `./docs/migrations/0.2-to-0.3.md` | Shipped documentation | Stable path | Markdown documentation shipped in the tarball. Paths are public reading assets within a compatible minor. |
 | `./docs/migrations/0.3-to-0.4.md` | `./docs/migrations/0.3-to-0.4.md` | Shipped documentation | Stable path | Markdown documentation shipped in the tarball. Paths are public reading assets within a compatible minor. |
 | `./docs/migrations/0.4-to-0.5.md` | `./docs/migrations/0.4-to-0.5.md` | Shipped documentation | Stable path | Markdown documentation shipped in the tarball. Paths are public reading assets within a compatible minor. |
@@ -299,6 +302,7 @@ always includes `package.json`, `README.md`, `LICENSE`, and
 | `docs/command.md` | Shipped documentation | Curated Markdown reading asset shipped in the npm tarball. |
 | `docs/interop/tailwind.md` | Shipped documentation | Curated Markdown reading asset shipped in the npm tarball. |
 | `docs/interop/react-flow.md` | Shipped documentation | Curated Markdown reading asset shipped in the npm tarball. |
+| `docs/interop/blocknote.md` | Shipped documentation | Curated Markdown reading asset shipped in the npm tarball. |
 | `docs/migrations/0.2-to-0.3.md` | Shipped documentation | Curated Markdown reading asset shipped in the npm tarball. |
 | `docs/migrations/0.3-to-0.4.md` | Shipped documentation | Curated Markdown reading asset shipped in the npm tarball. |
 | `docs/migrations/0.4-to-0.5.md` | Shipped documentation | Curated Markdown reading asset shipped in the npm tarball. |
@@ -328,8 +332,8 @@ result. The listed gates are part of `npm run check`.
 | Package manifest | `package.json` | docs/package-contract.md | `npm run package-contract:build` | check:fresh; check:exports; check:pack; check:consumer-surface; check:consumer-types; check:publint; check:attw | The complete export/file matrix in this document is generated from the manifest; packed tarball imports, concrete file resolution, and package-level type resolution are smoke-tested in clean consumers. |
 | Token model | `tokens/index.js` | css/tokens.css; tokens/index.json; tokens/tokens.dtcg.json; tokens/resolved.json; tokens/figma.variables.json; tokens/index.d.ts | `npm run tokens:css:build; tokens:build; dtcg:build; resolved:build; figma:variables:build; dts:build` | check:fresh; check:contrast | Token names/roles are public. Resolved and Figma handoff values are visual tuning before 1.0. |
 | Class registry | `classes/index.js plus css/*.css selectors` | classes/classes.json; classes/index.d.ts; classes/vscode.css-custom-data.json; docs/reference.md | `npm run classes:json:build; dts:build; vscode:build; reference:build` | check:fresh; check:classes; check:contract | The typed registry, JSON vocabulary, and generated reference stay aligned with real selectors. |
-| Authored CSS graph | `css/core.css plus css/*.css leaves` | dist/bronto.css; dist/css/*.css (48 layered outputs) | `npm run dist:build` | check:dist; check:exports; check:component-matrix | Default bundle and direct layered leaf imports are generated from authored CSS, size-gated, and coverage-owned as foundation or component leaves. |
-| JSDoc-authored public JS | `behaviors/; annotations/; connectors/; renderer/; react/; solid/; qwik/; svelte/; vue/` | adjacent *.d.ts and *.d.ts.map files | `npm run dts:emit` | check:dts-emit; check:types; check:consumer-surface; check:consumer-types; check:behavior-matrix; check:attw; check:publint | Declarations are emitted from the shipped JS, package subpath imports are compiled from a packed clean consumer, and public behavior exports are docs/unit/browser owned. |
+| Authored CSS graph | `css/core.css plus css/*.css leaves` | dist/bronto.css; dist/css/*.css (49 layered outputs) | `npm run dist:build` | check:dist; check:exports; check:component-matrix | Default bundle and direct layered leaf imports are generated from authored CSS, size-gated, and coverage-owned as foundation or component leaves. |
+| JSDoc-authored public JS | `connectors/; renderer/; annotations/; behaviors/` | adjacent *.d.ts and *.d.ts.map files | `npm run dts:emit` | check:dts-emit; check:types; check:consumer-surface; check:consumer-types; check:behavior-matrix; check:attw; check:publint | Declarations are emitted from the shipped JS, package subpath imports are compiled from a packed clean consumer, and public behavior exports are docs/unit/browser owned. |
 | Glyph registry | `glyphs/glyphs.js` | glyphs/glyphs.d.ts | `npm run glyphs:build` | check:glyphs; check:unit | Glyph names and render options are public. The registry stays sorted and type-covered. |
 | Display colorways | `tokens/skins.js` | css/skins.css; tokens/skins.d.ts | `npm run skins:build` | check:skins; check:contrast | Skins are opt-in root-level choices and never part of dist/bronto.css. |
 | Chart palette | `tokens/charts.js` | css/dataviz.css; tokens/charts.json; tokens/charts.d.ts | `npm run charts:build` | check:charts | Data-viz colors are opt-in, CVD-gated, and never UI chrome. |

package/docs/reference.md

@@ -9,7 +9,7 @@ rendering of every class is the kitchen-sink demo:
 **<https://ponchia.github.io/bronto-ui/>**. Theming knobs and the token
 contract: [docs/theming.md](theming.md).
 
-- 695 classes across 187 component groups
+- 696 classes across 187 component groups
 - Import the typed registry: `import { cls, ui, cx } from '@ponchia/ui/classes'`
 - Validate markup as data (no JS/TS): `@ponchia/ui/classes.json` — the same
   vocabulary as language-neutral JSON (`groups`, `classes`, `states`,
@@ -1035,6 +1035,7 @@ each one matches a real selector in the stylesheet.
 | Registry key | Class | Kind |
 | --- | --- | --- |
 | `cls.prose` | `ui-prose` | base |
+| `cls.proseBlocks` | `ui-prose--blocks` | modifier |
 | `cls.proseCompact` | `ui-prose--compact` | modifier |
 
 ### `.ui-provenance`
@@ -1759,6 +1760,10 @@ Exact mirror of the `:root` blocks in `css/tokens.css`
 | `--space-lg` | `1.35rem` |
 | `--space-xl` | `1.75rem` |
 | `--space-2xl` | `2.5rem` |
+| `--space-0-5` | `0.125rem` |
+| `--space-0-75` | `0.1875rem` |
+| `--space-1-5` | `0.375rem` |
+| `--space-2-5` | `0.625rem` |
 | `--tap-target` | `max(44px, 2.9rem)` |
 | `--tap-target-min` | `max(24px, 1.6rem)` |
 | `--safe-area-top` | `env(safe-area-inset-top, 0px)` |
@@ -1793,6 +1798,18 @@ Exact mirror of the `:root` blocks in `css/tokens.css`
 | `--z-overlay` | `30` |
 | `--z-popover` | `50` |
 | `--z-toast` | `60` |
+| `--z-canvas` | `var(--z-base)` |
+| `--z-chrome` | `var(--z-sticky)` |
+| `--z-panel` | `25` |
+| `--z-modal` | `var(--z-overlay)` |
+| `--z-menu` | `var(--z-popover)` |
+| `--z-tooltip` | `70` |
+| `--z-navigation` | `80` |
+| `--ui-zoom` | `1` |
+| `--ui-px` | `1px` |
+| `--hairline` | `1px` |
+| `--focus-ring-width` | `2px` |
+| `--focus-ring-offset` | `2px` |
 | `--accent-1` | `color-mix(in oklch, var(--accent) 8%, var(--accent-ramp-end))` |
 | `--accent-2` | `color-mix(in oklch, var(--accent) 16%, var(--accent-ramp-end))` |
 | `--accent-3` | `color-mix(in oklch, var(--accent) 32%, var(--accent-ramp-end))` |

package/docs/reporting.md

@@ -60,18 +60,18 @@ No install? Link the same files from a CDN. Pin the version — pre-1.0, breakin
 changes ship in the minor (see [stability.md](./stability.md)):
 
 ```html
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ponchia/ui@0.12.0/dist/bronto.css" />
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ponchia/ui@0.12.0/dist/css/report-kit.css" />
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ponchia/ui@0.13.0/dist/bronto.css" />
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ponchia/ui@0.13.0/dist/css/report-kit.css" />
 ```
 
 Leaf-by-leaf CDN imports use the same `dist/css/` paths:
 
 ```html
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ponchia/ui@0.12.0/dist/bronto.css" />
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ponchia/ui@0.12.0/dist/css/report.css" />
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ponchia/ui@0.12.0/dist/css/dataviz.css" />
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ponchia/ui@0.12.0/dist/css/annotations.css" />
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ponchia/ui@0.12.0/dist/css/legend.css" />
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ponchia/ui@0.13.0/dist/bronto.css" />
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ponchia/ui@0.13.0/dist/css/report.css" />
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ponchia/ui@0.13.0/dist/css/dataviz.css" />
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ponchia/ui@0.13.0/dist/css/annotations.css" />
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ponchia/ui@0.13.0/dist/css/legend.css" />
 ```
 
 The CDN serves the package's own `fonts/` next to the CSS, so font URLs resolve
@@ -885,7 +885,7 @@ or validation runtime.
 
 ```json
 {
-  "$schema": "https://cdn.jsdelivr.net/npm/@ponchia/ui@0.12.0/schemas/report-claims.v1.schema.json",
+  "$schema": "https://cdn.jsdelivr.net/npm/@ponchia/ui@0.13.0/schemas/report-claims.v1.schema.json",
   "schemaVersion": "bronto-report-claims.v1",
   "report": { "title": "Decision readiness", "type": "decision" },
   "claims": [

package/docs/stability.md

@@ -1,7 +1,7 @@
 # Public API stability
 
 `@ponchia/ui` is pre-1.0. Breaking changes ship in the minor (`0.x.0`), and
-patches are non-breaking. In practical terms: **PATCH releases (`0.12.x`) are
+patches are non-breaking. In practical terms: **PATCH releases (`0.13.x`) are
 non-breaking bug-fixes and additive changes — safe to upgrade without review;
 MINOR releases (`0.x.0`) may include breaking changes and consumers should
 review the CHANGELOG before upgrading.** Pin `~0.x` (tilde) to accept only
@@ -93,6 +93,7 @@ current public-surface matrix and the release policy above still applies.
 | Glyph registry/renderers (`@ponchia/ui/glyphs`) | Stable additive | Existing glyph names stay valid. New glyphs are additive. Renderer option names and accessibility defaults are public. |
 | `.ui-icon` mask renderer | Stable | Class name, `--icon-size`, currentColor inheritance, and `--icon-mask` contract are public. The internal data URL encoding is not. |
 | Skins (`@ponchia/ui/skins`, `css/skins.css`) | Stable additive | Existing skin names stay valid. New skins are additive. Skins are root-level choices. Skin CSS is opt-in, not in the default bundle. |
+| BlockNote interop (`css/blocknote.css`) | Stable additive | The leaf is opt-in and maps BlockNote's `--bn-*` theme variables to bronto tokens. Which bronto token a BlockNote variable points at may tune with the tokens; newly mapped BlockNote variables are additive. Import the unlayered build after BlockNote's own stylesheet. |
 | Charts (`@ponchia/ui/charts`, `charts.json`, `css/dataviz.css`) | Stable additive | Token names (`--chart-*`, `--cat-N`, `--cat-N-tint`, `--cat-N-ink`), `CATEGORICAL_HUES`, the JSON shape, and the 8 categorical slots in fixed hue order are public. `css/dataviz.css` is opt-in, not in the default bundle. Exact palette values may tune if gates and release notes justify it. |
 | Renderer tokens (`@ponchia/ui/renderer`) | Stable additive | Function names, option names and the `RendererTokens` field names are public; new fields are additive. Colours are returned as `#rrggbb` or `rgba()` literals. The exact Vega/xterm mapping may tune with the token model. |
 | External renderer themes (`@ponchia/ui/mermaid`, `@ponchia/ui/mermaid.json`, `@ponchia/ui/d2`, `@ponchia/ui/d2.json`, `@ponchia/ui/vega`, `@ponchia/ui/vega.json`) | Stable additive | Theme helper names, JSON shapes, and supported renderer theme slots are public. Values are resolved colours because Mermaid, D2, and Vega cannot consume Bronto CSS variables directly. Exact colours may tune with token changes, but `check:mermaid`, `check:d2`, and `check:vega` must prove every exported theme resolves with no `var()` leaks. No renderer runtime ships. |

package/docs/theming.md

@@ -129,7 +129,10 @@ you change CSS `--accent` later.
 
 - **Spacing** — override the `--space-2xs … --space-2xl` scale, or use a
   preset: `data-density="compact"` / `data-density="comfortable"` on any
-  element (defaults to the middle scale).
+  element (defaults to the middle scale). Dense tool chrome also gets four half
+  steps on the 0.25rem unit that the t-shirt scale skips: `--space-0-5`,
+  `--space-0-75`, `--space-1-5` and `--space-2-5` (2, 3, 6 and 10px at a 16px
+  root). The density presets scale them with the rest.
 
   **Read this before relying on the preset.** It re-points the `--space-*`
   scale, and only components whose padding is *expressed in that scale* move
@@ -189,6 +192,50 @@ you change CSS `--accent` later.
   set `accent-color` yourself on them — this is the one accent surface
   the framework can't tune for you.
 
+## A tool over a canvas: layers and zoom
+
+**Layers.** A page needs six stacking layers (`--z-base`, `--z-raised`,
+`--z-sticky`, `--z-overlay`, `--z-popover`, `--z-toast`). A tool drawn over a
+canvas needs named ones, lowest first:
+
+| Token | Value | For |
+| --- | --- | --- |
+| `--z-canvas` | `--z-base` | the canvas plane; its nodes stack locally inside it |
+| `--z-chrome` | `--z-sticky` | toolbars, headers and rails over the canvas |
+| `--z-panel` | 25 | docked and floating panels |
+| `--z-modal` | `--z-overlay` | dialogs and their scrim |
+| `--z-menu` | `--z-popover` | menus and popovers, including those a dialog opens |
+| `--z-toast` | 60 | toasts |
+| `--z-tooltip` | 70 | tooltips |
+| `--z-navigation` | 80 | presentation and tour chrome that drives the whole surface |
+
+Where a workspace layer means the same as a page layer it is an alias, so the
+two scales cannot disagree.
+
+**Zoom.** A host that draws bronto UI inside a scaled surface, such as a
+zoomable canvas, marks the scaled element with `data-ui-zoom` and sets
+`--ui-zoom` to its scale there:
+
+```css
+.canvas-viewport {
+  --ui-zoom: var(--my-canvas-zoom);
+}
+```
+
+```html
+<div class="canvas-viewport" data-ui-zoom>…</div>
+```
+
+Inside it `--ui-px` is one screen pixel (1px divided by the zoom, with the zoom
+floored at 0.15), and `--hairline`, `--focus-ring-width` and
+`--focus-ring-offset` are re-declared in it. Every bronto focus ring uses those
+tokens, so a control inside a zoomed-out canvas keeps a 2px ring on screen.
+Size your own canvas overlays the same way: `width: calc(1.5 * var(--ui-px))`.
+
+The scope is an attribute rather than an inherited value on purpose. A custom
+property that reads `--ui-zoom` resolves where it is declared, so a value set on
+`:root` could not follow a zoomed subtree.
+
 ## Beyond accent: full re-skins
 
 The "Nothing" look is the **default skin, not the architecture**. It is

package/llms.txt

@@ -45,7 +45,7 @@ the path changes from source `css/` to built `dist/css/`:
 <!-- installed locally -->
 <link rel="stylesheet" href="./node_modules/@ponchia/ui/dist/css/<leaf>.css" />
 <!-- or from a CDN; pin the version (pre-1.0, breaking changes ship in the minor) -->
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ponchia/ui@0.12.0/dist/css/<leaf>.css" />
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ponchia/ui@0.13.0/dist/css/<leaf>.css" />
 ```
 
 The flattened default bundle is `dist/bronto.css` (bundler shorthand

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ponchia/ui",
-  "version": "0.12.0",
+  "version": "0.13.0",
   "type": "module",
   "description": "CSS-first identity and UI layer for services, tools, sites, and reports — works in HTML, every framework, and PDF, no component runtime. Shared app shell, forms, tables, workflow chrome, plus opt-in analytical/report primitives. Monochrome with one rationed accent. Zero runtime dependencies.",
   "keywords": [
@@ -106,6 +106,7 @@
     "docs/command.md",
     "docs/interop/tailwind.md",
     "docs/interop/react-flow.md",
+    "docs/interop/blocknote.md",
     "docs/migrations/0.2-to-0.3.md",
     "docs/migrations/0.3-to-0.4.md",
     "docs/migrations/0.4-to-0.5.md",
@@ -164,7 +165,6 @@
     "check:recipe-types": "node scripts/check-recipe-types.mjs",
     "check:dead": "knip --treat-config-hints-as-errors",
     "check:complexity": "node scripts/check-complexity.mjs",
-    "check:chain": "node scripts/check-chain.mjs",
     "check:dts-emit": "node scripts/check-dts-emit.mjs",
     "check:glyphs": "node scripts/check-glyphs.mjs",
     "check:color-policy": "node scripts/check-color-policy.mjs",
@@ -203,7 +203,7 @@
     "check:publint": "publint --strict",
     "check:attw": "attw --pack --ignore-rules no-resolution cjs-resolves-to-esm",
     "check:workflows": "github-actionlint .github/workflows/*.yml",
-    "check": "npm run lint && npm run check:format && npm run check:exports && npm run check:fresh && npm run check:classes && npm run check:recipe-types && npm run check:dead && npm run check:complexity && npm run check:types && npm run check:unit && npm run check:shiki && npm run check:dist && npm run check:pack && npm run check:consumer-surface && npm run check:consumer-types && npm run check:component-matrix && npm run check:behavior-matrix && npm run check:helper-matrix && npm run check:examples && npm run check:visual-baselines && npm run check:playwright-container && npm run check:schemas && npm run check:publint && npm run check:attw && npm run check:workflows && npm run check:release && npm run check:versions && npm run check:migrations && npm run check:public-metadata && npm run check:public-hygiene && npm run check:doc-links && npm run check:doc-recipes && npm run check:contract && npm run check:variables && npm run check:contrast && npm run check:dtcg && npm run check:dts-emit && npm run check:glyphs && npm run check:color-policy && npm run check:skins && npm run check:charts && npm run check:mermaid && npm run check:d2 && npm run check:vega && npm run check:report && npm run check:legend && npm run check:chain",
+    "check": "node scripts/run-checks.mjs",
     "test": "node --test \"test/*.test.mjs\"",
     "test:e2e": "playwright test",
     "test:e2e:chromium": "playwright test --project=chromium",
@@ -222,16 +222,16 @@
     "@axe-core/playwright": "^4.11.3",
     "@playwright/test": "1.60.0",
     "github-actionlint": "^1.7.12",
-    "jsdom": "^30.0.1",
-    "knip": "^6.32.1",
-    "pdfjs-dist": "^6.2.108",
-    "prettier": "^3.9.6",
-    "publint": "^0.3.23",
-    "stylelint": "^17.14.1",
+    "jsdom": "^30.1.1",
+    "knip": "^6.39.0",
+    "pdfjs-dist": "^6.3.289",
+    "prettier": "^3.9.9",
+    "publint": "^0.3.24",
+    "stylelint": "^17.16.0",
     "stylelint-config-standard": "^40.0.0",
     "stylelint-use-logical": "^2.1.3",
     "typescript": "^6.0.3",
-    "vega": "^6.3.1",
+    "vega": "^6.4.0",
     "vega-lite": "^6.4.3"
   },
   "exports": {
@@ -262,6 +262,7 @@
     "./css/app.css": "./dist/css/app.css",
     "./css/skins.css": "./dist/css/skins.css",
     "./css/dataviz.css": "./dist/css/dataviz.css",
+    "./css/blocknote.css": "./dist/css/blocknote.css",
     "./css/report.css": "./dist/css/report.css",
     "./css/row.css": "./dist/css/row.css",
     "./css/figure.css": "./dist/css/figure.css",
@@ -308,6 +309,7 @@
     "./css/unlayered/app.css": "./css/app.css",
     "./css/unlayered/skins.css": "./css/skins.css",
     "./css/unlayered/dataviz.css": "./css/dataviz.css",
+    "./css/unlayered/blocknote.css": "./css/blocknote.css",
     "./css/unlayered/report.css": "./css/report.css",
     "./css/unlayered/row.css": "./css/row.css",
     "./css/unlayered/figure.css": "./css/figure.css",
@@ -390,6 +392,7 @@
     "./docs/command.md": "./docs/command.md",
     "./docs/interop/tailwind.md": "./docs/interop/tailwind.md",
     "./docs/interop/react-flow.md": "./docs/interop/react-flow.md",
+    "./docs/interop/blocknote.md": "./docs/interop/blocknote.md",
     "./docs/migrations/0.2-to-0.3.md": "./docs/migrations/0.2-to-0.3.md",
     "./docs/migrations/0.3-to-0.4.md": "./docs/migrations/0.3-to-0.4.md",
     "./docs/migrations/0.4-to-0.5.md": "./docs/migrations/0.4-to-0.5.md",

package/tokens/figma.variables.json

@@ -1817,6 +1817,51 @@
             }
           }
         },
+        {
+          "name": "focus/ring/offset",
+          "type": "FLOAT",
+          "sourceCssVariable": "--focus-ring-offset",
+          "valuesByMode": {
+            "global": 2
+          },
+          "$extensions": {
+            "com.ponchia.css": {
+              "variable": "--focus-ring-offset",
+              "value": "2px"
+            }
+          },
+          "unit": "px"
+        },
+        {
+          "name": "focus/ring/width",
+          "type": "FLOAT",
+          "sourceCssVariable": "--focus-ring-width",
+          "valuesByMode": {
+            "global": 2
+          },
+          "$extensions": {
+            "com.ponchia.css": {
+              "variable": "--focus-ring-width",
+              "value": "2px"
+            }
+          },
+          "unit": "px"
+        },
+        {
+          "name": "hairline",
+          "type": "FLOAT",
+          "sourceCssVariable": "--hairline",
+          "valuesByMode": {
+            "global": 1
+          },
+          "$extensions": {
+            "com.ponchia.css": {
+              "variable": "--hairline",
+              "value": "1px"
+            }
+          },
+          "unit": "px"
+        },
         {
           "name": "mono",
           "type": "STRING",
@@ -1976,6 +2021,66 @@
             }
           }
         },
+        {
+          "name": "space/0/5",
+          "type": "FLOAT",
+          "sourceCssVariable": "--space-0-5",
+          "valuesByMode": {
+            "global": 0.125
+          },
+          "$extensions": {
+            "com.ponchia.css": {
+              "variable": "--space-0-5",
+              "value": "0.125rem"
+            }
+          },
+          "unit": "rem"
+        },
+        {
+          "name": "space/0/75",
+          "type": "FLOAT",
+          "sourceCssVariable": "--space-0-75",
+          "valuesByMode": {
+            "global": 0.1875
+          },
+          "$extensions": {
+            "com.ponchia.css": {
+              "variable": "--space-0-75",
+              "value": "0.1875rem"
+            }
+          },
+          "unit": "rem"
+        },
+        {
+          "name": "space/1/5",
+          "type": "FLOAT",
+          "sourceCssVariable": "--space-1-5",
+          "valuesByMode": {
+            "global": 0.375
+          },
+          "$extensions": {
+            "com.ponchia.css": {
+              "variable": "--space-1-5",
+              "value": "0.375rem"
+            }
+          },
+          "unit": "rem"
+        },
+        {
+          "name": "space/2/5",
+          "type": "FLOAT",
+          "sourceCssVariable": "--space-2-5",
+          "valuesByMode": {
+            "global": 0.625
+          },
+          "$extensions": {
+            "com.ponchia.css": {
+              "variable": "--space-2-5",
+              "value": "0.625rem"
+            }
+          },
+          "unit": "rem"
+        },
         {
           "name": "space/2xl",
           "type": "FLOAT",
@@ -2229,6 +2334,36 @@
           },
           "unit": "em"
         },
+        {
+          "name": "ui/px",
+          "type": "FLOAT",
+          "sourceCssVariable": "--ui-px",
+          "valuesByMode": {
+            "global": 1
+          },
+          "$extensions": {
+            "com.ponchia.css": {
+              "variable": "--ui-px",
+              "value": "1px"
+            }
+          },
+          "unit": "px"
+        },
+        {
+          "name": "ui/zoom",
+          "type": "FLOAT",
+          "sourceCssVariable": "--ui-zoom",
+          "valuesByMode": {
+            "global": 1
+          },
+          "$extensions": {
+            "com.ponchia.css": {
+              "variable": "--ui-zoom",
+              "value": "1"
+            }
+          },
+          "unit": "number"
+        },
         {
           "name": "z/base",
           "type": "FLOAT",
@@ -2244,6 +2379,81 @@
           },
           "unit": "number"
         },
+        {
+          "name": "z/canvas",
+          "type": "FLOAT",
+          "sourceCssVariable": "--z-canvas",
+          "valuesByMode": {
+            "global": 0
+          },
+          "$extensions": {
+            "com.ponchia.css": {
+              "variable": "--z-canvas",
+              "value": "0"
+            }
+          },
+          "unit": "number"
+        },
+        {
+          "name": "z/chrome",
+          "type": "FLOAT",
+          "sourceCssVariable": "--z-chrome",
+          "valuesByMode": {
+            "global": 20
+          },
+          "$extensions": {
+            "com.ponchia.css": {
+              "variable": "--z-chrome",
+              "value": "20"
+            }
+          },
+          "unit": "number"
+        },
+        {
+          "name": "z/menu",
+          "type": "FLOAT",
+          "sourceCssVariable": "--z-menu",
+          "valuesByMode": {
+            "global": 50
+          },
+          "$extensions": {
+            "com.ponchia.css": {
+              "variable": "--z-menu",
+              "value": "50"
+            }
+          },
+          "unit": "number"
+        },
+        {
+          "name": "z/modal",
+          "type": "FLOAT",
+          "sourceCssVariable": "--z-modal",
+          "valuesByMode": {
+            "global": 30
+          },
+          "$extensions": {
+            "com.ponchia.css": {
+              "variable": "--z-modal",
+              "value": "30"
+            }
+          },
+          "unit": "number"
+        },
+        {
+          "name": "z/navigation",
+          "type": "FLOAT",
+          "sourceCssVariable": "--z-navigation",
+          "valuesByMode": {
+            "global": 80
+          },
+          "$extensions": {
+            "com.ponchia.css": {
+              "variable": "--z-navigation",
+              "value": "80"
+            }
+          },
+          "unit": "number"
+        },
         {
           "name": "z/overlay",
           "type": "FLOAT",
@@ -2259,6 +2469,21 @@
           },
           "unit": "number"
         },
+        {
+          "name": "z/panel",
+          "type": "FLOAT",
+          "sourceCssVariable": "--z-panel",
+          "valuesByMode": {
+            "global": 25
+          },
+          "$extensions": {
+            "com.ponchia.css": {
+              "variable": "--z-panel",
+              "value": "25"
+            }
+          },
+          "unit": "number"
+        },
         {
           "name": "z/popover",
           "type": "FLOAT",
@@ -2318,6 +2543,21 @@
             }
           },
           "unit": "number"
+        },
+        {
+          "name": "z/tooltip",
+          "type": "FLOAT",
+          "sourceCssVariable": "--z-tooltip",
+          "valuesByMode": {
+            "global": 70
+          },
+          "$extensions": {
+            "com.ponchia.css": {
+              "variable": "--z-tooltip",
+              "value": "70"
+            }
+          },
+          "unit": "number"
         }
       ]
     }