@ponchia/ui 0.9.0 → 0.11.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ponchia/ui",
-  "version": "0.9.0",
+  "version": "0.11.0",
   "type": "module",
   "description": "CSS-first identity and UI layer for services, tools, sites, and reports \u2014 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": [
@@ -58,11 +58,6 @@
     "schemas",
     "annotations",
     "connectors",
-    "react",
-    "solid",
-    "qwik",
-    "svelte",
-    "vue",
     "shiki",
     "llms.txt",
     "CHANGELOG.md",
@@ -83,6 +78,7 @@
     "docs/vega.md",
     "docs/figure.md",
     "docs/annotations.md",
+    "docs/discussion.md",
     "docs/legends.md",
     "docs/marks.md",
     "docs/connectors.md",
@@ -118,7 +114,12 @@
     "docs/adr/0001-color-system.md",
     "docs/adr/0002-scope-and-2026-baseline.md",
     "docs/adr/0003-theme-model.md",
-    "docs/adr/0004-prune-unused-adapters.md"
+    "docs/adr/0004-prune-unused-adapters.md",
+    "docs/compositions.md",
+    "docs/adr/0005-productive-tools-and-editorial-reports.md",
+    "docs/migrations/0.9-to-0.10.md",
+    "docs/adr/0006-trusted-publishing.md",
+    "docs/migrations/0.10-to-0.11.md"
   ],
   "style": "./dist/bronto.css",
   "scripts": {
@@ -181,7 +182,6 @@
     "check:component-matrix": "node scripts/check-component-matrix.mjs",
     "check:behavior-matrix": "node scripts/check-behavior-matrix.mjs",
     "check:helper-matrix": "node scripts/check-helper-matrix.mjs",
-    "check:binding-matrix": "node scripts/check-binding-matrix.mjs",
     "check:examples": "node scripts/check-examples.mjs",
     "check:visual-baselines": "node scripts/check-visual-baselines.mjs",
     "check:playwright-container": "node scripts/check-playwright-container.mjs",
@@ -200,7 +200,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:binding-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": "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",
     "test": "node --test \"test/*.test.mjs\"",
     "test:e2e": "playwright test",
     "test:e2e:chromium": "playwright test --project=chromium",
@@ -217,7 +217,6 @@
   "devDependencies": {
     "@arethetypeswrong/cli": "^0.18.5",
     "@axe-core/playwright": "^4.11.3",
-    "@builder.io/qwik": "^1.20.0",
     "@playwright/test": "1.60.0",
     "github-actionlint": "^1.7.12",
     "jsdom": "^30.0.1",
@@ -225,9 +224,6 @@
     "pdfjs-dist": "^6.2.108",
     "prettier": "^3.9.6",
     "publint": "^0.3.23",
-    "react": "^19.2.8",
-    "react-dom": "^19.2.8",
-    "solid-js": "^1.9.14",
     "stylelint": "^17.14.1",
     "stylelint-config-standard": "^40.0.0",
     "stylelint-use-logical": "^2.1.3",
@@ -235,22 +231,6 @@
     "vega": "^6.3.1",
     "vega-lite": "^6.4.3"
   },
-  "peerDependencies": {
-    "@builder.io/qwik": ">=1.5",
-    "react": ">=18",
-    "solid-js": ">=1.6"
-  },
-  "peerDependenciesMeta": {
-    "@builder.io/qwik": {
-      "optional": true
-    },
-    "react": {
-      "optional": true
-    },
-    "solid-js": {
-      "optional": true
-    }
-  },
   "exports": {
     ".": {
       "types": "./index.d.ts",
@@ -476,10 +456,6 @@
       "types": "./behaviors/menu.d.ts",
       "default": "./behaviors/menu.js"
     },
-    "./behaviors/modal": {
-      "types": "./behaviors/modal.d.ts",
-      "default": "./behaviors/modal.js"
-    },
     "./behaviors/popover": {
       "types": "./behaviors/popover.d.ts",
       "default": "./behaviors/popover.js"
@@ -524,26 +500,6 @@
       "types": "./connectors/index.d.ts",
       "default": "./connectors/index.js"
     },
-    "./react": {
-      "types": "./react/index.d.ts",
-      "default": "./react/index.js"
-    },
-    "./solid": {
-      "types": "./solid/index.d.ts",
-      "default": "./solid/index.js"
-    },
-    "./qwik": {
-      "types": "./qwik/index.d.ts",
-      "default": "./qwik/index.js"
-    },
-    "./svelte": {
-      "types": "./svelte/index.d.ts",
-      "default": "./svelte/index.js"
-    },
-    "./vue": {
-      "types": "./vue/index.d.ts",
-      "default": "./vue/index.js"
-    },
     "./skins": {
       "types": "./tokens/skins.d.ts",
       "default": "./tokens/skins.js"
@@ -568,7 +524,15 @@
       "default": "./tokens/vega.js"
     },
     "./vega.json": "./tokens/vega.json",
-    "./fonts/*": "./fonts/*"
+    "./fonts/*": "./fonts/*",
+    "./docs/compositions.md": "./docs/compositions.md",
+    "./docs/adr/0005-productive-tools-and-editorial-reports.md": "./docs/adr/0005-productive-tools-and-editorial-reports.md",
+    "./docs/migrations/0.9-to-0.10.md": "./docs/migrations/0.9-to-0.10.md",
+    "./docs/adr/0006-trusted-publishing.md": "./docs/adr/0006-trusted-publishing.md",
+    "./docs/migrations/0.10-to-0.11.md": "./docs/migrations/0.10-to-0.11.md",
+    "./css/discussion.css": "./dist/css/discussion.css",
+    "./css/unlayered/discussion.css": "./css/discussion.css",
+    "./docs/discussion.md": "./docs/discussion.md"
   },
   "overrides": {
     "adm-zip": "0.6.0",

package/tokens/figma.variables.json

@@ -1836,12 +1836,12 @@
           "type": "FLOAT",
           "sourceCssVariable": "--radius-lg",
           "valuesByMode": {
-            "global": 3
+            "global": 6
           },
           "$extensions": {
             "com.ponchia.css": {
               "variable": "--radius-lg",
-              "value": "3px"
+              "value": "6px"
             }
           },
           "unit": "px"
@@ -1851,12 +1851,12 @@
           "type": "FLOAT",
           "sourceCssVariable": "--radius-md",
           "valuesByMode": {
-            "global": 2
+            "global": 4
           },
           "$extensions": {
             "com.ponchia.css": {
               "variable": "--radius-md",
-              "value": "2px"
+              "value": "4px"
             }
           },
           "unit": "px"
@@ -1881,12 +1881,12 @@
           "type": "FLOAT",
           "sourceCssVariable": "--radius-sm",
           "valuesByMode": {
-            "global": 1
+            "global": 2
           },
           "$extensions": {
             "com.ponchia.css": {
               "variable": "--radius-sm",
-              "value": "1px"
+              "value": "2px"
             }
           },
           "unit": "px"
@@ -1896,12 +1896,12 @@
           "type": "FLOAT",
           "sourceCssVariable": "--radius-xl",
           "valuesByMode": {
-            "global": 4
+            "global": 8
           },
           "$extensions": {
             "com.ponchia.css": {
               "variable": "--radius-xl",
-              "value": "4px"
+              "value": "8px"
             }
           },
           "unit": "px"
@@ -2114,12 +2114,12 @@
           "type": "FLOAT",
           "sourceCssVariable": "--text-2xs",
           "valuesByMode": {
-            "global": 0.72
+            "global": 0.75
           },
           "$extensions": {
             "com.ponchia.css": {
               "variable": "--text-2xs",
-              "value": "0.72rem"
+              "value": "0.75rem"
             }
           },
           "unit": "rem"
@@ -2129,12 +2129,12 @@
           "type": "FLOAT",
           "sourceCssVariable": "--text-base",
           "valuesByMode": {
-            "global": 0.95
+            "global": 1
           },
           "$extensions": {
             "com.ponchia.css": {
               "variable": "--text-base",
-              "value": "0.95rem"
+              "value": "1rem"
             }
           },
           "unit": "rem"
@@ -2144,12 +2144,12 @@
           "type": "FLOAT",
           "sourceCssVariable": "--text-lg",
           "valuesByMode": {
-            "global": 1.15
+            "global": 1.125
           },
           "$extensions": {
             "com.ponchia.css": {
               "variable": "--text-lg",
-              "value": "1.15rem"
+              "value": "1.125rem"
             }
           },
           "unit": "rem"
@@ -2159,12 +2159,12 @@
           "type": "FLOAT",
           "sourceCssVariable": "--text-sm",
           "valuesByMode": {
-            "global": 0.86
+            "global": 0.875
           },
           "$extensions": {
             "com.ponchia.css": {
               "variable": "--text-sm",
-              "value": "0.86rem"
+              "value": "0.875rem"
             }
           },
           "unit": "rem"
@@ -2174,12 +2174,12 @@
           "type": "FLOAT",
           "sourceCssVariable": "--text-xl",
           "valuesByMode": {
-            "global": 1.45
+            "global": 1.5
           },
           "$extensions": {
             "com.ponchia.css": {
               "variable": "--text-xl",
-              "value": "1.45rem"
+              "value": "1.5rem"
             }
           },
           "unit": "rem"
@@ -2189,12 +2189,12 @@
           "type": "FLOAT",
           "sourceCssVariable": "--text-xs",
           "valuesByMode": {
-            "global": 0.76
+            "global": 0.8125
           },
           "$extensions": {
             "com.ponchia.css": {
               "variable": "--text-xs",
-              "value": "0.76rem"
+              "value": "0.8125rem"
             }
           },
           "unit": "rem"

package/tokens/index.js

@@ -21,10 +21,10 @@
 export const cssVars = {
   // Global :root — scales, shared with both themes.
   global: {
-    '--radius-xl': '4px',
-    '--radius-lg': '3px',
-    '--radius-md': '2px',
-    '--radius-sm': '1px',
+    '--radius-xl': '8px',
+    '--radius-lg': '6px',
+    '--radius-md': '4px',
+    '--radius-sm': '2px',
     '--radius-pill': '999px',
     '--space-2xs': '0.25rem',
     '--space-xs': '0.5rem',
@@ -63,12 +63,12 @@ export const cssVars = {
     '--display': 'var(--dot-font)',
     '--display-weight': '700',
     '--display-weight-strong': '800',
-    '--text-2xs': '0.72rem',
-    '--text-xs': '0.76rem',
-    '--text-sm': '0.86rem',
-    '--text-base': '0.95rem',
-    '--text-lg': '1.15rem',
-    '--text-xl': '1.45rem',
+    '--text-2xs': '0.75rem',
+    '--text-xs': '0.8125rem',
+    '--text-sm': '0.875rem',
+    '--text-base': '1rem',
+    '--text-lg': '1.125rem',
+    '--text-xl': '1.5rem',
     '--tracking-wide': '0.14em',
     '--tracking-wider': '0.22em',
     '--ease-standard': 'cubic-bezier(0.2, 0.8, 0.2, 1)',

package/tokens/index.json

@@ -2,10 +2,10 @@
   "$comment": "GENERATED from tokens/index.js — do not edit by hand. Run `npm run tokens:build`; drift-checked by check:fresh. A build artifact for non-JS tooling (Style Dictionary, Figma, other languages).",
   "cssVars": {
     "global": {
-      "--radius-xl": "4px",
-      "--radius-lg": "3px",
-      "--radius-md": "2px",
-      "--radius-sm": "1px",
+      "--radius-xl": "8px",
+      "--radius-lg": "6px",
+      "--radius-md": "4px",
+      "--radius-sm": "2px",
       "--radius-pill": "999px",
       "--space-2xs": "0.25rem",
       "--space-xs": "0.5rem",
@@ -26,12 +26,12 @@
       "--display": "var(--dot-font)",
       "--display-weight": "700",
       "--display-weight-strong": "800",
-      "--text-2xs": "0.72rem",
-      "--text-xs": "0.76rem",
-      "--text-sm": "0.86rem",
-      "--text-base": "0.95rem",
-      "--text-lg": "1.15rem",
-      "--text-xl": "1.45rem",
+      "--text-2xs": "0.75rem",
+      "--text-xs": "0.8125rem",
+      "--text-sm": "0.875rem",
+      "--text-base": "1rem",
+      "--text-lg": "1.125rem",
+      "--text-xl": "1.5rem",
       "--tracking-wide": "0.14em",
       "--tracking-wider": "0.22em",
       "--ease-standard": "cubic-bezier(0.2, 0.8, 0.2, 1)",
@@ -153,10 +153,10 @@
   },
   "tokens": {
     "scale": {
-      "radius-xl": "4px",
-      "radius-lg": "3px",
-      "radius-md": "2px",
-      "radius-sm": "1px",
+      "radius-xl": "8px",
+      "radius-lg": "6px",
+      "radius-md": "4px",
+      "radius-sm": "2px",
       "radius-pill": "999px",
       "space-2xs": "0.25rem",
       "space-xs": "0.5rem",
@@ -177,12 +177,12 @@
       "display": "var(--dot-font)",
       "display-weight": "700",
       "display-weight-strong": "800",
-      "text-2xs": "0.72rem",
-      "text-xs": "0.76rem",
-      "text-sm": "0.86rem",
-      "text-base": "0.95rem",
-      "text-lg": "1.15rem",
-      "text-xl": "1.45rem",
+      "text-2xs": "0.75rem",
+      "text-xs": "0.8125rem",
+      "text-sm": "0.875rem",
+      "text-base": "1rem",
+      "text-lg": "1.125rem",
+      "text-xl": "1.5rem",
       "tracking-wide": "0.14em",
       "tracking-wider": "0.22em",
       "ease-standard": "cubic-bezier(0.2, 0.8, 0.2, 1)",

package/tokens/resolved.json

@@ -129,10 +129,10 @@
     "--focus-ring": "#ff3b41"
   },
   "scale": {
-    "--radius-xl": "4px",
-    "--radius-lg": "3px",
-    "--radius-md": "2px",
-    "--radius-sm": "1px",
+    "--radius-xl": "8px",
+    "--radius-lg": "6px",
+    "--radius-md": "4px",
+    "--radius-sm": "2px",
     "--radius-pill": "999px",
     "--space-2xs": "0.25rem",
     "--space-xs": "0.5rem",
@@ -153,12 +153,12 @@
     "--display": "'Doto', 'JetBrains Mono', 'Fira Code', 'Cascadia Code', 'SF Mono', ui-monospace, monospace",
     "--display-weight": "700",
     "--display-weight-strong": "800",
-    "--text-2xs": "0.72rem",
-    "--text-xs": "0.76rem",
-    "--text-sm": "0.86rem",
-    "--text-base": "0.95rem",
-    "--text-lg": "1.15rem",
-    "--text-xl": "1.45rem",
+    "--text-2xs": "0.75rem",
+    "--text-xs": "0.8125rem",
+    "--text-sm": "0.875rem",
+    "--text-base": "1rem",
+    "--text-lg": "1.125rem",
+    "--text-xl": "1.5rem",
     "--tracking-wide": "0.14em",
     "--tracking-wider": "0.22em",
     "--ease-standard": "cubic-bezier(0.2, 0.8, 0.2, 1)",

package/tokens/tokens.dtcg.json

@@ -25,52 +25,52 @@
       "xl": {
         "$type": "dimension",
         "$value": {
-          "value": 4,
+          "value": 8,
           "unit": "px"
         },
         "$extensions": {
           "com.ponchia.css": {
             "variable": "--radius-xl",
-            "authoredValue": "4px"
+            "authoredValue": "8px"
           }
         }
       },
       "lg": {
         "$type": "dimension",
         "$value": {
-          "value": 3,
+          "value": 6,
           "unit": "px"
         },
         "$extensions": {
           "com.ponchia.css": {
             "variable": "--radius-lg",
-            "authoredValue": "3px"
+            "authoredValue": "6px"
           }
         }
       },
       "md": {
         "$type": "dimension",
         "$value": {
-          "value": 2,
+          "value": 4,
           "unit": "px"
         },
         "$extensions": {
           "com.ponchia.css": {
             "variable": "--radius-md",
-            "authoredValue": "2px"
+            "authoredValue": "4px"
           }
         }
       },
       "sm": {
         "$type": "dimension",
         "$value": {
-          "value": 1,
+          "value": 2,
           "unit": "px"
         },
         "$extensions": {
           "com.ponchia.css": {
             "variable": "--radius-sm",
-            "authoredValue": "1px"
+            "authoredValue": "2px"
           }
         }
       },
@@ -310,78 +310,78 @@
       "2xs": {
         "$type": "dimension",
         "$value": {
-          "value": 0.72,
+          "value": 0.75,
           "unit": "rem"
         },
         "$extensions": {
           "com.ponchia.css": {
             "variable": "--text-2xs",
-            "authoredValue": "0.72rem"
+            "authoredValue": "0.75rem"
           }
         }
       },
       "xs": {
         "$type": "dimension",
         "$value": {
-          "value": 0.76,
+          "value": 0.8125,
           "unit": "rem"
         },
         "$extensions": {
           "com.ponchia.css": {
             "variable": "--text-xs",
-            "authoredValue": "0.76rem"
+            "authoredValue": "0.8125rem"
           }
         }
       },
       "sm": {
         "$type": "dimension",
         "$value": {
-          "value": 0.86,
+          "value": 0.875,
           "unit": "rem"
         },
         "$extensions": {
           "com.ponchia.css": {
             "variable": "--text-sm",
-            "authoredValue": "0.86rem"
+            "authoredValue": "0.875rem"
           }
         }
       },
       "base": {
         "$type": "dimension",
         "$value": {
-          "value": 0.95,
+          "value": 1,
           "unit": "rem"
         },
         "$extensions": {
           "com.ponchia.css": {
             "variable": "--text-base",
-            "authoredValue": "0.95rem"
+            "authoredValue": "1rem"
           }
         }
       },
       "lg": {
         "$type": "dimension",
         "$value": {
-          "value": 1.15,
+          "value": 1.125,
           "unit": "rem"
         },
         "$extensions": {
           "com.ponchia.css": {
             "variable": "--text-lg",
-            "authoredValue": "1.15rem"
+            "authoredValue": "1.125rem"
           }
         }
       },
       "xl": {
         "$type": "dimension",
         "$value": {
-          "value": 1.45,
+          "value": 1.5,
           "unit": "rem"
         },
         "$extensions": {
           "com.ponchia.css": {
             "variable": "--text-xl",
-            "authoredValue": "1.45rem"
+            "authoredValue": "1.5rem"
           }
         }
       }

package/behaviors/modal.d.ts

@@ -1,45 +0,0 @@
-/**
- * @typedef {object} ModalCloseDetail
- * @property {'escape'} reason What asked the modal to close (currently only Escape).
- */
-/**
- * Focus management for the **controlled, non-`<dialog>` modal** — the
- * `.ui-modal.is-open` path a portal/React overlay uses when it genuinely can't
- * be a native `<dialog>`. The native `<dialog>` path gets a focus trap, Escape,
- * and the top layer for free (use `initDialog`); this supplies the equivalent
- * for the `.is-open` path, which otherwise leaves focus management to the
- * consumer.
- *
- * Mark the overlay `[data-bronto-modal]` (opt-in). On bind it gives the modal a
- * `role="dialog"` + `aria-modal="true"` (unless the author set a role) and
- * dev-warns when it has no accessible name. While open, a document-level stack
- * reconciler keeps only the top controlled modal interactive, marks the rest of
- * the page `inert`, admits an open popover owned by the top modal even when the
- * panel is portaled elsewhere, and applies the trap to background nodes added
- * after open. Nested and sibling portal modals therefore share one ownership
- * model instead of independently inverting each other's `inert` state.
- *
- * Bronto owns focus only: the **consumer still owns open/close state** (the
- * `is-open` class). Escape dispatches a cancelable `bronto:modal:close`
- * ({@link ModalCloseDetail}) on the modal so the consumer can drop `is-open` in
- * response; the behavior never changes visibility itself. Closing a parent
- * modal temporarily suspends any still-`is-open` controlled descendants; they
- * resume at the top of the stack if the parent reopens.
- *
- * SSR-safe, idempotent per modal; returns a cleanup function.
- *
- * @deprecated Use a native `<dialog>` with `initDialog()`. This controlled
- * non-dialog path remains compatible in 0.7 and is scheduled for removal no
- * earlier than 0.8 because no real consumer adopted it.
- *
- * @param {import('./internal.js').DelegateOpts} [opts]
- * @returns {import('./internal.js').Cleanup}
- */
-export function initModal({ root }?: import("./internal.js").DelegateOpts): import("./internal.js").Cleanup;
-export type ModalCloseDetail = {
-    /**
-     * What asked the modal to close (currently only Escape).
-     */
-    reason: "escape";
-};
-//# sourceMappingURL=modal.d.ts.map

package/behaviors/modal.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["modal.js"],"names":[],"mappings":"AAmQA;;;GAGG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,qCAHW,OAAO,eAAe,EAAE,YAAY,GAClC,OAAO,eAAe,EAAE,OAAO,CA6E3C;;;;;YA/Ga,QAAQ"}