@kohaku-ui/renderer-wc 0.1.0 → 0.2.0

package/CHANGELOG.md

@@ -0,0 +1,48 @@
+# @kohaku-ui/renderer-wc
+
+## 0.2.0
+
+### Minor Changes
+
+- [#23](https://github.com/yosuque/kohaku/pull/23) [`ffff046`](https://github.com/yosuque/kohaku/commit/ffff046628f1779bbc9b1a1a4c9d4256f82a9cd3) Thanks [@yosuque](https://github.com/yosuque)! - `provenance.generatorVersion` / `provenance.kit` (both MAY, spec/SPEC.md §2.1 Appendix item 13):
+  the composer now stamps the Spec's `provenance` with the generator identity (`ComposePolicy.generatorVersion`)
+  and design kit (`designSystem.kit`'s `{id, version}`) in effect at composition time, whenever either is
+  set — on every tier, and preserved unchanged through a cache hit or an L1→L0 fixation.
+  
+  `mountSandbox`'s `kitCss?: string` option is now `@deprecated` (kept, unchanged, backward compatible) in
+  favor of `kit?: DesignKitStylesheet | string | ((node, spec) => DesignKitStylesheet | string | undefined)`.
+  A versioned `DesignKitStylesheet` (`{id, version, css}`) is compared against the Spec's own
+  `provenance.kit` and a mismatch is reported via `bridge.onTelemetry({kind: "kit-mismatch"})` — fail-open,
+  never blocking rendering (**SPEC-KIT-001**, SHOULD). This closes the gap where a design kit's CSS and
+  vocabulary version had no verification mechanism (a vocabulary bump with no matching CSS change, or vice
+  versa, previously rendered unstyled markup with no signal).
+  
+  `kit`'s resolver form, called with the frame's own `node`/`spec`, is available on both `SandboxFrame`
+  (React) and `<kohaku-surface>`'s `context.sandbox.kit` (WC, closing the prior React/WC asymmetry). A host
+  can read `spec.provenance.kit` inside it to serve each artifact the stylesheet it was actually composed
+  against, rather than one stylesheet for the whole surface — replacing `kitCss: ""`'s all-or-nothing
+  rollback (previously, silencing a regression in newly generated artifacts by clearing `kitCss` also
+  stripped styling from every already-generated artifact under the old kit).
+  
+  Fully additive: existing `kitCss` callers, and Specs whose provenance carries neither field, are
+  unaffected. `PROMPT_REVISION` and `policyFingerprint` are untouched by this change.
+
+- [#23](https://github.com/yosuque/kohaku/pull/23) [`8f6fe5a`](https://github.com/yosuque/kohaku/commit/8f6fe5aaee025c83c8494f5dc4bd97a2a7513b11) Thanks [@yosuque](https://github.com/yosuque)! - Design kit for L2 free generation: `DesignSystemGuide.kit` (built-in `DEFAULT_KIT_VOCABULARY`) presents component classes (`k-card`, `k-kpi`, `k-table`, …) and a token-driven utility subset to the model and enables the `L2_UNKNOWN_CLASS` lint; `mountSandbox` / `SandboxFrame` / `<kohaku-surface>` inject renderer-core's `defaultDesignKit.css` by default (`kitCss: ""` opts out, any other string is your own kit). The L2 system prompt now carries a design brief. Also, `collectL2Issues` and `collectUnknownKitClasses` are now exported from `@kohaku-ui/composer`'s root barrel (`collectL2Issues` was previously internal).
+  
+  This CSS injection is still not keyed by prompt revision or by the compose cache key, so it still applies to every L2 artifact the host renders — not only new generations — including artifacts already in the compose cache, already fixated, and already promoted into a catalog. Concretely, previously generated HTML now picks up `*,*::before,*::after{box-sizing:border-box}`, `html,body{margin:0;padding:0}`, the `body` rule setting font family/size/line-height/colour/background (an artifact that set only `color` and relied on the browser's white background now sits on the theme background instead, e.g. going dark in dark mode), the `h1`–`h4` heading scale, and the `:focus-visible` ring. An empty CSS string (`kit: ""` / `kitCss: ""` — the `SandboxFrame` prop, `mountSandbox`'s option, or `<kohaku-surface>`'s `context.sandbox.kit`) is still the per-surface opt-out; re-reviewing promoted L2 catalog entries after upgrading is advisable.
+  
+  A separate follow-up narrows this limitation without removing it: `mountSandbox`'s `kit` option now also accepts a versioned `DesignKitStylesheet` (`{id, version, css}`, superseding the now-`@deprecated` `kitCss` string) and a per-node resolver `(node, spec) => …`. The composer stamps the kit and generator identity it composed with onto every delivered Spec (`provenance.generatorVersion` / `provenance.kit`, both MAY — spec/SPEC.md §2.1 Appendix item 13), preserved unchanged through a cache hit or a fixation, and a versioned `kit` is compared against it (`bridge.onTelemetry({kind: "kit-mismatch"})`, fail-open — SPEC-KIT-001). A resolver reading `spec.provenance.kit` can then serve each artifact the CSS it was actually written against instead of one CSS for the whole surface — the fix for the all-or-nothing rollback this note originally described (`kitCss: ""` silencing a new artifact's regression by also stripping styling from every already-generated one). See docs/user-guide.md's design-kit section ("Detecting a stale kit" / "Rolling a kit change back per artifact").
+
+- [#23](https://github.com/yosuque/kohaku/pull/23) [`01ed79f`](https://github.com/yosuque/kohaku/commit/01ed79fb52322acafabe89736561d8a66b2ccd39) Thanks [@yosuque](https://github.com/yosuque)! - Built-in parts read the non-color tokens (radius / space / font sizes / shadows) instead of literal px, the KPI renders as a card, tables get a muted header with 1px dividers, and hover / active / focus-visible states come from a theme-neutral stylesheet injected once per document (React) / shadow root (WC) — `PARTS_STATE_CSS` is injected unconditionally in this release, with no opt-out. The L2 sandbox chrome is tokenized and `badge="hidden"` removes the badge. Dialogs and toasts render with a stronger elevation, since `shadow.md`'s default was raised. Pre-existing presenter style functions gained an optional trailing `sizing` argument (default = the light theme's sizing); the new helpers (`metric*Style`, `dataStateNoticeStyle`, `gapFor`, `text-style.ts`, `misc-style.ts`) take `sizing` as a required parameter. New exports: `useSizing` (renderer-react) and `DEFAULT_SIZING` (renderer-core). `FORM_ROOT_STYLE` / `FIELD_ROW_STYLE` / `GAP` are deprecated in favour of `formRootStyle` / `fieldRowStyle` / `gapFor`.
+
+### Patch Changes
+
+- [#9](https://github.com/yosuque/kohaku/pull/9) [`1c2a1da`](https://github.com/yosuque/kohaku/commit/1c2a1da8760ce3af8a49d90d803f6a574c851bbe) Thanks [@yosuque](https://github.com/yosuque)! - Bound client-supplied lineage strings (`surface`/`renderer`/`locale` to 64 chars, `specHash`/`artifactId` to 128) in host-rest's request schemas; verify a fixation's `intentHash`/`structureHash` against its own `pinnedSpec` before delivery in composer's `materializeFixation`; resolve `host-a2ui`'s per-ref data model concurrently instead of one ref at a time; and stop `<kohaku-surface>` from rebuilding its whole tree when only `onEvent`/`onNodeError`/`onActionResult` changes, plus repair properties assigned before the element was upgraded (the standard Custom Elements pattern).
+
+- [#9](https://github.com/yosuque/kohaku/pull/9) [`0e47898`](https://github.com/yosuque/kohaku/commit/0e478989d5f34980498d27cc95dfae40f8f4868b) Thanks [@yosuque](https://github.com/yosuque)! - Implement `presentSpreadsheet`'s already-declared `sortChange` and `cellEdit` events and `editable` prop in both renderers: a user sort toggle can now emit `sortChange` (`{ value: { field, dir } }`), and `editable: true` turns idle cells into edit-trigger buttons that swap to a text input, coercing the typed value by column type and delivering a changed, valid edit via `cellEdit` (`{ row, value: { column, value, previousValue, rowIndex } }`) over the invoke path — with an optimistic local display that a fresh fetch discards automatically. Also cap `presentSpreadsheet`'s local (non-serverSide) row rendering at 500 rows and make the truncation footer honest when the source reports no `total`.
+- Updated dependencies [[`ffff046`](https://github.com/yosuque/kohaku/commit/ffff046628f1779bbc9b1a1a4c9d4256f82a9cd3), [`8f6fe5a`](https://github.com/yosuque/kohaku/commit/8f6fe5aaee025c83c8494f5dc4bd97a2a7513b11), [`cec01e1`](https://github.com/yosuque/kohaku/commit/cec01e166d2947fe8b4bbbfbe5c306c33aaccf99), [`01ed79f`](https://github.com/yosuque/kohaku/commit/01ed79fb52322acafabe89736561d8a66b2ccd39), [`0e47898`](https://github.com/yosuque/kohaku/commit/0e478989d5f34980498d27cc95dfae40f8f4868b), [`a318995`](https://github.com/yosuque/kohaku/commit/a318995245309f7b492b52a44fbae1a8c891a353), [`cb9f653`](https://github.com/yosuque/kohaku/commit/cb9f6538511151dd59980cc5e98c19d16f3f099d)]:
+  - @kohaku-ui/spec-core@0.2.0
+  - @kohaku-ui/sandbox@0.2.0
+  - @kohaku-ui/renderer-core@0.2.0
+  - @kohaku-ui/data-binding@0.2.0
+  - @kohaku-ui/registry@0.2.0

package/dist/dom.d.ts

@@ -1,3 +1,4 @@
+import { type SizingTokens } from "@kohaku-ui/renderer-core";
 /** A teardown function that does nothing. */
 export declare const noop: () => void;
 /** Combines multiple teardowns into one. */
@@ -19,5 +20,5 @@ export declare function text(value: string): Text;
  * Generic placeholder for when a part cannot be rendered (unimplemented type / sandbox not injected / render failure).
  * Same markup as renderer-react's NodeNotice (SpecView.tsx).
  */
-export declare function nodeNotice(message: string, color: string): HTMLElement;
+export declare function nodeNotice(message: string, color: string, sizing: SizingTokens): HTMLElement;
 //# sourceMappingURL=dom.d.ts.map

package/dist/dom.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../src/dom.ts"],"names":[],"mappings":"AAGA,6CAA6C;AAC7C,eAAO,MAAM,IAAI,QAAO,IAAU,CAAC;AAEnC,4CAA4C;AAC5C,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,CAAC,MAAM,IAAI,CAAC,EAAE,GAAG,MAAM,IAAI,CAKtE;AAmED;;;GAGG;AACH,wBAAgB,QAAQ,CACtB,EAAE,EAAE,WAAW,GAAG,UAAU,EAC5B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,GACxD,IAAI,CAKN;AAED,gIAAgI;AAChI,wBAAgB,EAAE,CAChB,GAAG,EAAE,MAAM,EACX,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC,EACpE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,GACzD,WAAW,CAKb;AAED,kIAAkI;AAClI,wBAAgB,QAAQ,CACtB,IAAI,EAAE,OAAO,EACb,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC,GAClE,IAAI,CAKN;AAID,uHAAuH;AACvH,wBAAgB,KAAK,CACnB,GAAG,EAAE,MAAM,EACX,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC,EACpE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,GACzD,UAAU,CAKZ;AAED,8HAA8H;AAC9H,wBAAgB,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAExC;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,WAAW,CActE"}
+{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../src/dom.ts"],"names":[],"mappings":"AAGA,OAAO,EAA4B,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAEvF,6CAA6C;AAC7C,eAAO,MAAM,IAAI,QAAO,IAAU,CAAC;AAEnC,4CAA4C;AAC5C,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,CAAC,MAAM,IAAI,CAAC,EAAE,GAAG,MAAM,IAAI,CAKtE;AAmED;;;GAGG;AACH,wBAAgB,QAAQ,CACtB,EAAE,EAAE,WAAW,GAAG,UAAU,EAC5B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,GACxD,IAAI,CAKN;AAED,gIAAgI;AAChI,wBAAgB,EAAE,CAChB,GAAG,EAAE,MAAM,EACX,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC,EACpE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,GACzD,WAAW,CAKb;AAED,kIAAkI;AAClI,wBAAgB,QAAQ,CACtB,IAAI,EAAE,OAAO,EACb,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC,GAClE,IAAI,CAKN;AAID,uHAAuH;AACvH,wBAAgB,KAAK,CACnB,GAAG,EAAE,MAAM,EACX,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC,EACpE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,GACzD,UAAU,CAKZ;AAED,8HAA8H;AAC9H,wBAAgB,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAExC;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,GAAG,WAAW,CAI5F"}

package/dist/dom.js

@@ -1,5 +1,6 @@
 // Groundwork for the raw-DOM builders. Generating strings equivalent to React's inline-style expansion is
 // the mechanism behind pixel-match. The px-suffixing rules for style values follow React's dangerousStyleValue.
+import { renderFailureNoticeStyle } from "@kohaku-ui/renderer-core";
 /** A teardown function that does nothing. */
 export const noop = () => { };
 /** Combines multiple teardowns into one. */
@@ -118,14 +119,8 @@ export function text(value) {
  * Generic placeholder for when a part cannot be rendered (unimplemented type / sandbox not injected / render failure).
  * Same markup as renderer-react's NodeNotice (SpecView.tsx).
  */
-export function nodeNotice(message, color) {
-    const node = el("div", { role: "note" }, {
-        border: `1px dashed ${color}`,
-        color,
-        borderRadius: 6,
-        padding: "8px 12px",
-        fontSize: 13,
-    });
+export function nodeNotice(message, color, sizing) {
+    const node = el("div", { role: "note" }, renderFailureNoticeStyle(color, sizing));
     node.appendChild(text(message));
     return node;
 }

package/dist/dom.js.map

@@ -1 +1 @@
-{"version":3,"file":"dom.js","sourceRoot":"","sources":["../src/dom.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"dom.js","sourceRoot":"","sources":["../src/dom.ts"],"names":[],"mappings":"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"}

package/dist/kohaku-surface.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"kohaku-surface.d.ts","sourceRoot":"","sources":["../src/kohaku-surface.ts"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,gBAAgB,EAItB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAqB,KAAK,WAAW,EAAE,KAAK,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAIxF,OAAO,KAAK,EAAe,cAAc,EAAY,MAAM,YAAY,CAAC;AAExE,2FAA2F;AAC3F,eAAO,MAAM,YAAY,iBAAiB,CAAC;AAE3C;;;;;;;;;GASG;AACH,qBAAa,aAAc,SAAQ,WAAW;;IAW5C,cASC;IAED,iBAAiB,IAAI,IAAI,CAExB;IAED,oBAAoB,IAAI,IAAI,CAG3B;IAED,gGAAgG;IAChG,IAAI,IAAI,IAAI,MAAM,GAAG,IAAI,CAExB;IACD,IAAI,IAAI,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,EAK3B;IAED;;;OAGG;IACH,IAAI,OAAO,IAAI,cAAc,CAE5B;IACD,IAAI,OAAO,CAAC,IAAI,EAAE,cAAc,EAG/B;IAED,4EAA4E;IAC5E,IAAI,OAAO,CAAC,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,EAEvC;IACD,IAAI,KAAK,CAAC,CAAC,EAAE,WAAW,GAAG,SAAS,EAEnC;IACD,IAAI,MAAM,CAAC,CAAC,EAAE,MAAM,GAAG,SAAS,EAE/B;IACD,IAAI,QAAQ,CAAC,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,GAAG,SAAS,EAEpD;IACD,IAAI,OAAO,CAAC,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,EAEvC;IACD,IAAI,WAAW,CAAC,CAAC,EAAE,cAAc,CAAC,aAAa,CAAC,EAE/C;IACD,IAAI,cAAc,CAAC,CAAC,EAAE,cAAc,CAAC,gBAAgB,CAAC,EAErD;IACD,IAAI,OAAO,CAAC,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,EAEvC;CA+DF;AAED,mEAAmE;AACnE,wBAAgB,mBAAmB,CAAC,OAAO,SAAmB,GAAG,IAAI,CAIpE"}
+{"version":3,"file":"kohaku-surface.d.ts","sourceRoot":"","sources":["../src/kohaku-surface.ts"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,gBAAgB,EAItB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAqB,KAAK,WAAW,EAAE,KAAK,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAIxF,OAAO,KAAK,EAAe,cAAc,EAAY,MAAM,YAAY,CAAC;AAExE,2FAA2F;AAC3F,eAAO,MAAM,YAAY,iBAAiB,CAAC;AA0B3C;;;;;;;;;GASG;AACH,qBAAa,aAAc,SAAQ,WAAW;;IAW5C,cAYC;IAED,iBAAiB,IAAI,IAAI,CAUxB;IAED,oBAAoB,IAAI,IAAI,CAG3B;IAUD,gGAAgG;IAChG,IAAI,IAAI,IAAI,MAAM,GAAG,IAAI,CAExB;IACD,IAAI,IAAI,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,EAK3B;IAED;;;OAGG;IACH,IAAI,OAAO,IAAI,cAAc,CAE5B;IACD,IAAI,OAAO,CAAC,IAAI,EAAE,cAAc,EAG/B;IAED,4EAA4E;IAC5E,IAAI,OAAO,CAAC,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,EAEvC;IACD,IAAI,KAAK,CAAC,CAAC,EAAE,WAAW,GAAG,SAAS,EAEnC;IACD,IAAI,MAAM,CAAC,CAAC,EAAE,MAAM,GAAG,SAAS,EAE/B;IACD,IAAI,QAAQ,CAAC,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,GAAG,SAAS,EAEpD;IACD,IAAI,OAAO,CAAC,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,EAEvC;IACD,IAAI,WAAW,CAAC,CAAC,EAAE,cAAc,CAAC,aAAa,CAAC,EAE/C;IACD,IAAI,cAAc,CAAC,CAAC,EAAE,cAAc,CAAC,gBAAgB,CAAC,EAErD;IACD,IAAI,OAAO,CAAC,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,EAEvC;CA2EF;AAED,mEAAmE;AACnE,wBAAgB,mBAAmB,CAAC,OAAO,SAAmB,GAAG,IAAI,CAIpE"}

package/dist/kohaku-surface.js

@@ -1,10 +1,32 @@
-import { createDataInvalidationBus, createSpecStateStore, DEFAULT_LOCALE, DEFAULT_MESSAGES, themeTokensToCssVars, } from "@kohaku-ui/renderer-core";
+import { createDataInvalidationBus, createSpecStateStore, DEFAULT_LOCALE, DEFAULT_MESSAGES, PARTS_STATE_CSS, themeTokensToCssVars, } from "@kohaku-ui/renderer-core";
 import { ROOT_COMPONENT_ID } from "@kohaku-ui/spec-core";
 import { noop } from "./dom.js";
 import { createCoreRenderRegistry } from "./registry.js";
 import { createRuntime, mountTree } from "./tree.js";
 /** Name of the forward event dispatched by <kohaku-surface> (detail is a SurfaceEvent). */
 export const KOHAKU_EVENT = "kohaku-event";
+/**
+ * Individual context properties whose change requires tearing down and rebuilding the mounted tree
+ * (they are baked into the RenderRuntime at #render time — binding/theme/locale/messages feed the
+ * BoundDataController / theme resolution / message lookup, and sandbox is read at mount time by the
+ * sandbox.html part builder). `onEvent` / `onNodeError` / `onActionResult` are deliberately **not** in
+ * this set: they are read live from `#context` at call time (see `#dispatchForward` and the wrapper
+ * closures built in `#render`), so reassigning one of them mid-lifecycle must not force a full rebuild.
+ */
+const REBUILD_KEYS = new Set(["binding", "theme", "locale", "messages", "sandbox"]);
+/** Every property <kohaku-surface> exposes as a plain instance accessor (used by #upgradeProperty). */
+const UPGRADE_PROPS = [
+    "spec",
+    "context",
+    "binding",
+    "theme",
+    "locale",
+    "messages",
+    "onEvent",
+    "onNodeError",
+    "onActionResult",
+    "sandbox",
+];
 /**
  * The single host element <kohaku-surface> (Shadow DOM). It builds the entire UI Spec tree into one shadow root
  * (rather than a Custom Element per part type — a single-element surface). Spec / context are received as properties.
@@ -28,13 +50,25 @@ export class KohakuSurface extends HTMLElement {
         super();
         const shadow = this.attachShadow({ mode: "open" });
         const style = document.createElement("style");
-        // Minimal reset only (appearance is carried by each part's inline style = the pixel-match mechanism).
-        style.textContent = ":host{display:block}";
+        // Minimal reset (appearance is carried by each part's inline style = the pixel-match mechanism), plus
+        // the theme-neutral L1 state stylesheet (hover/active/focus-visible rules for the parts). Unlike
+        // renderer-react, which hoists one de-duplicated <style> per document (React 19's href/precedence),
+        // each shadow root is its own style scope, so it is injected here once per <kohaku-surface> instance.
+        style.textContent = `:host{display:block}${PARTS_STATE_CSS}`;
         this.#root = document.createElement("div");
         this.#root.className = "kohaku-root";
         shadow.append(style, this.#root);
     }
     connectedCallback() {
+        // Standard Custom Elements "upgrade property" pattern: a value assigned on this element before the
+        // class was registered (customElements.define) — a common pattern when the element is constructed
+        // eagerly and defined lazily — lands as a plain own-property that shadows this class's accessor
+        // forever, so its setter logic (patchContext / re-render) would never fire again once the element is
+        // upgraded. Re-apply each such value through its accessor exactly once, here, at upgrade time
+        // (connectedCallback always fires after the class is defined). A no-op for an element created after
+        // define() (no own-property was ever set).
+        for (const prop of UPGRADE_PROPS)
+            this.#upgradeProperty(prop);
         if (this.#spec != null)
             this.#render();
     }
@@ -42,6 +76,14 @@ export class KohakuSurface extends HTMLElement {
         this.#teardown();
         this.#teardown = noop;
     }
+    #upgradeProperty(prop) {
+        const self = this;
+        if (!Object.hasOwn(this, prop))
+            return;
+        const value = self[prop];
+        delete self[prop];
+        self[prop] = value;
+    }
     /** UI Spec. Setting it triggers resetForIntent → rebuild the tree + reattach the controller. */
     get spec() {
         return this.#spec;
@@ -94,16 +136,20 @@ export class KohakuSurface extends HTMLElement {
         // Skip rebuild if there is no effective change after applying the patch (prevents a full rebuild when the same value is re-assigned to a setter).
         // A shallow reference comparison suffices (binding/theme/messages, etc. are updated by swapping object references).
         let changed = false;
+        let needsRebuild = false;
         for (const key of Object.keys(patch)) {
             if (this.#context[key] !== patch[key]) {
                 changed = true;
-                break;
+                if (REBUILD_KEYS.has(key))
+                    needsRebuild = true;
             }
         }
         if (!changed)
             return;
         this.#context = { ...this.#context, ...patch };
-        if (this.#spec != null)
+        // onEvent/onNodeError/onActionResult changing does not, by itself, require tearing down and rebuilding
+        // the mounted tree (see REBUILD_KEYS's doc) — they are read live from #context, not baked into it.
+        if (needsRebuild && this.#spec != null)
             this.#render();
     }
     #render() {
@@ -136,7 +182,16 @@ export class KohakuSurface extends HTMLElement {
             theme,
             locale,
             messages,
-            ctx: this.#context,
+            // onNodeError/onActionResult are wrapped so RenderRuntime always reads the *current* #context value
+            // at call time, rather than the value snapshotted at this #render — see REBUILD_KEYS's doc: changing
+            // just one of these callbacks does not go through #render again, so RenderRuntime's own onNodeError/
+            // onActionResult fields (baked in once here) must forward through a stable indirection instead of
+            // holding a stale reference to whatever callback existed when the tree was last built.
+            ctx: {
+                ...this.#context,
+                onNodeError: (args) => this.#context.onNodeError?.(args),
+                onActionResult: (args) => this.#context.onActionResult?.(args),
+            },
             registry: this.#registry,
             dispatchForward: (event) => this.#dispatchForward(event),
         });

package/dist/kohaku-surface.js.map

@@ -1 +1 @@
-{"version":3,"file":"kohaku-surface.js","sourceRoot":"","sources":["../src/kohaku-surface.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"kohaku-surface.js","sourceRoot":"","sources":["../src/kohaku-surface.ts"],"names":[],"mappings":"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"}

package/dist/parts/action-button.js

@@ -26,7 +26,7 @@ export const actionButton = (rt, parent, node, row) => {
             button.setAttribute("aria-busy", "true");
         else
             button.removeAttribute("aria-busy");
-        setStyle(button, actionButtonStyle(variant, tokens, { disabled }));
+        setStyle(button, actionButtonStyle(variant, tokens, { disabled }, rt.sizing));
     };
     apply({ phase: "idle" });
     button.addEventListener("click", () => {

package/dist/parts/action-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"action-button.js","sourceRoot":"","sources":["../../src/parts/action-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC;;;;GAIG;AACH,MAAM,CAAC,MAAM,YAAY,GAAgB,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE;IACjE,MAAM,OAAO,GAAG,QAAQ,CAAC,EAAE,EAAE,eAAe,CAAC,CAAC;IAC9C,MAAM,MAAM,GAAG,QAAQ,CAAC,EAAE,EAAE,cAAc,CAAC,CAAC;IAC5C,MAAM,MAAM,GAAG,QAAQ,CAAC,EAAE,EAAE,cAAc,CAAC,CAAC;IAC5C,MAAM,SAAS,GAAG,QAAQ,CAAC,EAAE,EAAE,YAAY,CAAC,CAAC;IAC7C,MAAM,SAAS,GAAG,QAAQ,CAAC,EAAE,EAAE,kBAAkB,CAAC,CAAC;IAEnD,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC;IAChD,MAAM,OAAO,GAAI,IAAI,CAAC,KAAK,CAAC,SAAS,CAAY,IAAI,SAAS,CAAC;IAC/D,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;IACrD,MAAM,MAAM,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC;IAEvE,MAAM,MAAM,GAAG,EAAE,CAAC,QAAQ,EAAE,EAAE,aAAa,EAAE,IAAI,CAAC,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC;IACxE,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;IAEhC,MAAM,KAAK,GAAG,CAAC,KAAkB,EAAQ,EAAE;QACzC,MAAM,OAAO,GAAG,KAAK,CAAC,KAAK,KAAK,SAAS,CAAC;QAC1C,MAAM,QAAQ,GAAG,YAAY,IAAI,OAAO,CAAC;QACxC,MAA4B,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAClD,IAAI,OAAO;YAAE,MAAM,CAAC,YAAY,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;;YACjD,MAAM,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC;QACzC,QAAQ,CAAC,MAAM,EAAE,iBAAiB,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC;IACrE,CAAC,CAAC;IACF,KAAK,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC;IAEzB,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;QACpC,KAAK,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;IAChD,CAAC,CAAC,CAAC;IAEH,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3B,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;AAC/B,CAAC,CAAC"}
+{"version":3,"file":"action-button.js","sourceRoot":"","sources":["../../src/parts/action-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC;;;;GAIG;AACH,MAAM,CAAC,MAAM,YAAY,GAAgB,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE;IACjE,MAAM,OAAO,GAAG,QAAQ,CAAC,EAAE,EAAE,eAAe,CAAC,CAAC;IAC9C,MAAM,MAAM,GAAG,QAAQ,CAAC,EAAE,EAAE,cAAc,CAAC,CAAC;IAC5C,MAAM,MAAM,GAAG,QAAQ,CAAC,EAAE,EAAE,cAAc,CAAC,CAAC;IAC5C,MAAM,SAAS,GAAG,QAAQ,CAAC,EAAE,EAAE,YAAY,CAAC,CAAC;IAC7C,MAAM,SAAS,GAAG,QAAQ,CAAC,EAAE,EAAE,kBAAkB,CAAC,CAAC;IAEnD,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC;IAChD,MAAM,OAAO,GAAI,IAAI,CAAC,KAAK,CAAC,SAAS,CAAY,IAAI,SAAS,CAAC;IAC/D,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;IACrD,MAAM,MAAM,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC;IAEvE,MAAM,MAAM,GAAG,EAAE,CAAC,QAAQ,EAAE,EAAE,aAAa,EAAE,IAAI,CAAC,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC;IACxE,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;IAEhC,MAAM,KAAK,GAAG,CAAC,KAAkB,EAAQ,EAAE;QACzC,MAAM,OAAO,GAAG,KAAK,CAAC,KAAK,KAAK,SAAS,CAAC;QAC1C,MAAM,QAAQ,GAAG,YAAY,IAAI,OAAO,CAAC;QACxC,MAA4B,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAClD,IAAI,OAAO;YAAE,MAAM,CAAC,YAAY,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;;YACjD,MAAM,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC;QACzC,QAAQ,CAAC,MAAM,EAAE,iBAAiB,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAChF,CAAC,CAAC;IACF,KAAK,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC;IAEzB,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;QACpC,KAAK,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;IAChD,CAAC,CAAC,CAAC;IAEH,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3B,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;AAC/B,CAAC,CAAC"}

package/dist/parts/chart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chart.d.ts","sourceRoot":"","sources":["../../src/parts/chart.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,WAAW,EAAiB,MAAM,aAAa,CAAC;AAI9D;;;;;GAKG;AACH,eAAO,MAAM,YAAY,EAAE,WAC0D,CAAC"}
+{"version":3,"file":"chart.d.ts","sourceRoot":"","sources":["../../src/parts/chart.ts"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,WAAW,EAAiB,MAAM,aAAa,CAAC;AAI9D;;;;;GAKG;AACH,eAAO,MAAM,YAAY,EAAE,WAC0D,CAAC"}

package/dist/parts/chart.js

@@ -1,4 +1,4 @@
-import { A11Y_TABLE_ROW_CAP, chartPointRow, resolveChartConfig, resolveToken, visuallyHiddenStyle, } from "@kohaku-ui/renderer-core";
+import { CHART_TOKEN_KEYS, chartCaptionStyle, chartPointRow, chartTableStyle, describeChartDataTable, resolveChartConfig, resolveToken, visuallyHiddenStyle, } from "@kohaku-ui/renderer-core";
 import { el, setStyle, text } from "../dom.js";
 import { buildChartSvg } from "./chart-svg.js";
 import { dataStateNotice, mountBoundPart } from "./kit.js";
@@ -12,12 +12,12 @@ export const presentChart = (rt, parent, node) => mountBoundPart(rt, parent, nod
 function renderChart(rt, node, state) {
     if (state.status !== "ready")
         return dataStateNotice(rt, state);
-    const palette = String(resolveToken(rt.theme, "chart.palette")).split(",");
+    const palette = String(resolveToken(rt.theme, CHART_TOKEN_KEYS.palette)).split(",");
     // Resolve the colors of reference lines / axes / point strokes / axis labels from tokens (equivalent to React's useToken path).
     const chartColors = {
-        axis: String(resolveToken(rt.theme, "chart.axis")),
-        dotStroke: String(resolveToken(rt.theme, "color.background")),
-        axisLabel: String(resolveToken(rt.theme, "color.muted")),
+        axis: String(resolveToken(rt.theme, CHART_TOKEN_KEYS.axis)),
+        dotStroke: String(resolveToken(rt.theme, CHART_TOKEN_KEYS.dotStroke)),
+        axisLabel: String(resolveToken(rt.theme, CHART_TOKEN_KEYS.axisLabel)),
     };
     // The config / view model (prop defaults, default label, pointClickable) comes from renderer-core; only the markup is emitted here.
     const cfg = resolveChartConfig(node, rt.spec, state.data.rows, rt.messages);
@@ -36,13 +36,13 @@ function renderChart(rt, node, state) {
     // Give it a name via figure's implicit role + aria-label (no role="img" — let the descendant a11y table be read).
     const figure = el("figure", { "data-kohaku": node.id, "aria-label": label }, { margin: 0, width: "100%" });
     if (title != null) {
-        const caption = el("figcaption", {}, { fontSize: 13, fontWeight: 600, marginBottom: 6 });
+        const caption = el("figcaption", {}, chartCaptionStyle(rt.sizing));
         caption.appendChild(text(title));
         figure.appendChild(caption);
     }
     if (kind === "pie" || kind === "scatter") {
         // Not a hand-drawn SVG kind. Substitute with a visible data table (a visible table separate from the a11y table).
-        figure.appendChild(visibleFallbackTable(x, yKeys, rows));
+        figure.appendChild(visibleFallbackTable(x, yKeys, rows, rt.sizing));
     }
     else {
         // When non-interactive, mark the SVG aria-hidden and defer to the a11y table. When interactive, remove aria-hidden
@@ -53,51 +53,52 @@ function renderChart(rt, node, state) {
         svgHolder.appendChild(buildChartSvg(cfg, chartColors, palette, point));
         figure.appendChild(svgHolder);
     }
-    figure.appendChild(a11yTable(label, x, yKeys, rows));
+    figure.appendChild(a11yTable(label, x, yKeys, rows, rt.sizing));
     return figure;
 }
-/** Visually hidden data-table substitute (same as renderer-react's ChartDataTable). Row count is truncated at the cap. */
-function a11yTable(label, x, yKeys, rows) {
+/**
+ * Visually hidden data-table substitute (same as renderer-react's ChartDataTable). Row count is truncated
+ * at the cap. The a11y alternative must stay visually hidden regardless of sizing, so visuallyHiddenStyle's
+ * position/width/height/clip win over chartTableStyle's own width -- only borderCollapse/fontSize survive
+ * from it (a purely additive consistency pickup; the table was previously unstyled beyond visuallyHiddenStyle).
+ */
+function a11yTable(label, x, yKeys, rows, sizing) {
+    const { headers, cells } = describeChartDataTable(x, yKeys, rows);
     const table = el("table");
-    setStyle(table, visuallyHiddenStyle);
+    setStyle(table, { ...chartTableStyle(sizing), ...visuallyHiddenStyle });
     const caption = el("caption");
     caption.appendChild(text(label));
     table.appendChild(caption);
-    table.appendChild(headRow(x, yKeys));
-    table.appendChild(bodyRows(x, yKeys, rows.slice(0, A11Y_TABLE_ROW_CAP)));
+    table.appendChild(headRow(headers));
+    table.appendChild(bodyRows(cells));
     return table;
 }
 /** Visible fallback table for pie/scatter (a plain visible table). */
-function visibleFallbackTable(x, yKeys, rows) {
-    const table = el("table", {}, { width: "100%", borderCollapse: "collapse", fontSize: 13.5 });
-    table.appendChild(headRow(x, yKeys));
-    table.appendChild(bodyRows(x, yKeys, rows.slice(0, A11Y_TABLE_ROW_CAP)));
+function visibleFallbackTable(x, yKeys, rows, sizing) {
+    const { headers, cells } = describeChartDataTable(x, yKeys, rows);
+    const table = el("table", {}, chartTableStyle(sizing));
+    table.appendChild(headRow(headers));
+    table.appendChild(bodyRows(cells));
     return table;
 }
-function headRow(x, yKeys) {
+function headRow(headers) {
     const thead = el("thead");
     const tr = el("tr");
-    const xh = el("th", { scope: "col" });
-    xh.appendChild(text(x));
-    tr.appendChild(xh);
-    for (const key of yKeys) {
+    for (const header of headers) {
         const th = el("th", { scope: "col" });
-        th.appendChild(text(key));
+        th.appendChild(text(header));
         tr.appendChild(th);
     }
     thead.appendChild(tr);
     return thead;
 }
-function bodyRows(x, yKeys, rows) {
+function bodyRows(cells) {
     const tbody = el("tbody");
-    for (const row of rows) {
+    for (const row of cells) {
         const tr = el("tr");
-        const xd = el("td");
-        xd.appendChild(text(String(row[x] ?? "")));
-        tr.appendChild(xd);
-        for (const key of yKeys) {
+        for (const cell of row) {
             const td = el("td");
-            td.appendChild(text(String(row[key] ?? "")));
+            td.appendChild(text(cell));
             tr.appendChild(td);
         }
         tbody.appendChild(tr);

package/dist/parts/chart.js.map

@@ -1 +1 @@
-{"version":3,"file":"chart.js","sourceRoot":"","sources":["../../src/parts/chart.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"chart.js","sourceRoot":"","sources":["../../src/parts/chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,gBAAgB,EAChB,iBAAiB,EACjB,aAAa,EACb,eAAe,EACf,sBAAsB,EACtB,kBAAkB,EAClB,YAAY,EAEZ,mBAAmB,GACpB,MAAM,0BAA0B,CAAC;AAElC,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAE/C,OAAO,EAAE,aAAa,EAA0B,MAAM,gBAAgB,CAAC;AACvE,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE3D;;;;;GAKG;AACH,MAAM,CAAC,MAAM,YAAY,GAAgB,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,CAC5D,cAAc,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,WAAW,CAAC,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;AAEtF,SAAS,WAAW,CAAC,EAAiB,EAAE,IAAmB,EAAE,KAAgB;IAC3E,IAAI,KAAK,CAAC,MAAM,KAAK,OAAO;QAAE,OAAO,eAAe,CAAC,EAAE,EAAE,KAAK,CAAE,CAAC;IAEjE,MAAM,OAAO,GAAG,MAAM,CAAC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IACpF,gIAAgI;IAChI,MAAM,WAAW,GAAG;QAClB,IAAI,EAAE,MAAM,CAAC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,CAAC,IAAI,CAAC,CAAC;QAC3D,SAAS,EAAE,MAAM,CAAC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,CAAC,SAAS,CAAC,CAAC;QACrE,SAAS,EAAE,MAAM,CAAC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,CAAC,SAAS,CAAC,CAAC;KACtE,CAAC;IAEF,oIAAoI;IACpI,MAAM,GAAG,GAAG,kBAAkB,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC;IAC5E,MAAM,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,GAAG,CAAC;IAE3D,wFAAwF;IACxF,MAAM,KAAK,GAAkC,GAAG,CAAC,cAAc;QAC7D,CAAC,CAAC;YACE,OAAO,EAAE,CAAC,OAAO,EAAE,IAAI,EAAE,EAAE,CACzB,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,YAAY,EAAE,EAAE,GAAG,EAAE,aAAa,CAAC,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,EAAE,IAAI,CAAC;YAChG,SAAS,EAAE,CAAC,OAAO,EAAE,IAAI,EAAE,EAAE;gBAC3B,MAAM,IAAI,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;gBACtC,MAAM,GAAG,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;gBACxC,OAAO,MAAM,IAAI,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,IAAI,IAAI,MAAM,IAAI,IAAI,KAAK,GAAG,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,IAAI,IAAI,IAAI,KAAK,GAAG,EAAE,CAAC;YACpG,CAAC;SACF;QACH,CAAC,CAAC,SAAS,CAAC;IAEd,kHAAkH;IAClH,MAAM,MAAM,GAAG,EAAE,CAAC,QAAQ,EAAE,EAAE,aAAa,EAAE,IAAI,CAAC,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC;IAE3G,IAAI,KAAK,IAAI,IAAI,EAAE,CAAC;QAClB,MAAM,OAAO,GAAG,EAAE,CAAC,YAAY,EAAE,EAAE,EAAE,iBAAiB,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;QACnE,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;QACjC,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IAC9B,CAAC;IAED,IAAI,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;QACzC,kHAAkH;QAClH,MAAM,CAAC,WAAW,CAAC,oBAAoB,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IACtE,CAAC;SAAM,CAAC;QACN,mHAAmH;QACnH,mHAAmH;QACnH,MAAM,SAAS,GACb,KAAK,IAAI,IAAI;YACX,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC;YACnF,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC;QAC3E,SAAS,CAAC,WAAW,CAAC,aAAa,CAAC,GAAG,EAAE,WAAW,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;QACvE,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;IAChC,CAAC;IAED,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAChE,OAAO,MAAM,CAAC;AAChB,CAAC;AAED;;;;;GAKG;AACH,SAAS,SAAS,CAChB,KAAa,EACb,CAAS,EACT,KAAe,EACf,IAAkB,EAClB,MAAoB;IAEpB,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,sBAAsB,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;IAClE,MAAM,KAAK,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC;IAC1B,QAAQ,CAAC,KAAK,EAAE,EAAE,GAAG,eAAe,CAAC,MAAM,CAAC,EAAE,GAAG,mBAAmB,EAAE,CAAC,CAAC;IACxE,MAAM,OAAO,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC;IAC9B,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;IACjC,KAAK,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IAC3B,KAAK,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;IACpC,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;IACnC,OAAO,KAAK,CAAC;AACf,CAAC;AAED,sEAAsE;AACtE,SAAS,oBAAoB,CAC3B,CAAS,EACT,KAAe,EACf,IAAkB,EAClB,MAAoB;IAEpB,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,sBAAsB,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;IAClE,MAAM,KAAK,GAAG,EAAE,CAAC,OAAO,EAAE,EAAE,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC;IACvD,KAAK,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;IACpC,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;IACnC,OAAO,KAAK,CAAC;AACf,CAAC;AAED,SAAS,OAAO,CAAC,OAAiB;IAChC,MAAM,KAAK,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC;IAC1B,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC;IACpB,KAAK,MAAM,MAAM,IAAI,OAAO,EAAE,CAAC;QAC7B,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;QACtC,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;QAC7B,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;IACrB,CAAC;IACD,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;IACtB,OAAO,KAAK,CAAC;AACf,CAAC;AAED,SAAS,QAAQ,CAAC,KAAiB;IACjC,MAAM,KAAK,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC;IAC1B,KAAK,MAAM,GAAG,IAAI,KAAK,EAAE,CAAC;QACxB,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC;QACpB,KAAK,MAAM,IAAI,IAAI,GAAG,EAAE,CAAC;YACvB,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC;YACpB,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;YAC3B,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;QACrB,CAAC;QACD,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;IACxB,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC"}

package/dist/parts/control-select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"control-select.d.ts","sourceRoot":"","sources":["../../src/parts/control-select.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAG/C;;;;;GAKG;AACH,eAAO,MAAM,aAAa,EAAE,WAqD3B,CAAC"}
+{"version":3,"file":"control-select.d.ts","sourceRoot":"","sources":["../../src/parts/control-select.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAG/C;;;;;GAKG;AACH,eAAO,MAAM,aAAa,EAAE,WA+C3B,CAAC"}

package/dist/parts/control-select.js

@@ -1,4 +1,4 @@
-import { boundStateKey, normalizeSelectOptions } from "@kohaku-ui/renderer-core";
+import { boundStateKey, controlSelectStyle, normalizeSelectOptions } from "@kohaku-ui/renderer-core";
 import { el, text } from "../dom.js";
 import { tokenStr } from "./kit.js";
 /**
@@ -12,13 +12,7 @@ export const controlSelect = (rt, parent, node, row) => {
     const options = normalizeSelectOptions(node.props["options"]);
     const placeholder = node.props["placeholder"];
     const label = node.props["label"];
-    const select = el("select", { "data-kohaku": node.id }, {
-        border: `1px solid ${border}`,
-        borderRadius: 6,
-        padding: "7px 10px",
-        fontSize: 13.5,
-        alignSelf: "flex-start",
-    });
+    const select = el("select", { "data-kohaku": node.id }, { ...controlSelectStyle(border, rt.sizing), alignSelf: "flex-start" });
     if (label != null)
         select.setAttribute("aria-label", String(label));
     if (placeholder != null) {

package/dist/parts/control-select.js.map

@@ -1 +1 @@
-{"version":3,"file":"control-select.js","sourceRoot":"","sources":["../../src/parts/control-select.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"control-select.js","sourceRoot":"","sources":["../../src/parts/control-select.ts"],"names":[],"mappings":"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"}

package/dist/parts/form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../src/parts/form.ts"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAe,WAAW,EAA2B,MAAM,aAAa,CAAC;AAGrF;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,EAAE,WAiJzB,CAAC"}
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../src/parts/form.ts"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAe,WAAW,EAA2B,MAAM,aAAa,CAAC;AAGrF;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,EAAE,WAmJzB,CAAC"}

package/dist/parts/form.js

@@ -1,4 +1,4 @@
-import { asStringArray, buildDefaults, describeControl, describedByOf, describeFieldRow, FIELD_ROW_STYLE, FORM_ROOT_STYLE, focusFieldSelectors, formControlBaseStyle, formFillKey, formSubmitButtonStyle, mergeRow, normalizeOptions, planFormSubmit, } from "@kohaku-ui/renderer-core";
+import { asStringArray, buildDefaults, describeControl, describedByOf, describeFieldRow, fieldRowStyle, focusFieldSelectors, formControlBaseStyle, formFillKey, formRootStyle, formSubmitButtonStyle, mergeRow, normalizeOptions, planFormSubmit, } from "@kohaku-ui/renderer-core";
 import { el, noop, setAttrs, setStyle, text } from "../dom.js";
 import { dataStateNotice, tokenStr } from "./kit.js";
 /**
@@ -23,7 +23,7 @@ export const presentForm = (rt, parent, node, row) => {
     // Display of declarative-validation violations (locally updates aria-invalid + inline error per field).
     const applyError = new Map();
     const disablers = [];
-    const form = el("form", { "data-kohaku": node.id }, FORM_ROOT_STYLE);
+    const form = el("form", { "data-kohaku": node.id }, formRootStyle(rt.sizing));
     // Aggregated error slot for validation violations (at the form's start; inserts a role="alert" div).
     const summarySlot = document.createComment(`kohaku:form-summary:${node.id}`);
     form.appendChild(summarySlot);
@@ -74,7 +74,7 @@ export const presentForm = (rt, parent, node, row) => {
             submit.setAttribute("aria-busy", "true");
         else
             submit.removeAttribute("aria-busy");
-        setStyle(submit, formSubmitButtonStyle(accent, onPrimary, { busy }));
+        setStyle(submit, formSubmitButtonStyle(accent, onPrimary, { busy }, rt.sizing));
     };
     applyBusy();
     const onPhase = (phase) => {
@@ -82,12 +82,12 @@ export const presentForm = (rt, parent, node, row) => {
         applyBusy();
         if (phase.phase === "succeeded") {
             const msg = String(node.props["successMessage"] ?? rt.messages.formSubmitted);
-            const div = el("div", { role: "status" }, { color: positiveText, fontSize: 13 });
+            const div = el("div", { role: "status" }, { color: positiveText, fontSize: rt.sizing.fontSm });
             div.appendChild(text(msg));
             setResult(div);
         }
         else if (phase.phase === "failed") {
-            const div = el("div", { role: "alert" }, { color: negativeText, fontSize: 13 });
+            const div = el("div", { role: "alert" }, { color: negativeText, fontSize: rt.sizing.fontSm });
             div.appendChild(text(phase.message));
             setResult(div);
         }
@@ -102,7 +102,9 @@ export const presentForm = (rt, parent, node, row) => {
         const byField = new Map(found.map((v) => [v.field, v]));
         for (const field of fields)
             applyError.get(field.name)?.(byField.get(field.name));
-        setSummary(found.length > 0 ? buildSummary(rt.messages.formErrorSummary(found.length), found, negativeText) : null);
+        setSummary(found.length > 0
+            ? buildSummary(rt.messages.formErrorSummary(found.length), found, negativeText, rt.sizing)
+            : null);
     };
     form.addEventListener("submit", (e) => {
         e.preventDefault();
@@ -151,7 +153,7 @@ function buildFieldRow(rt, node, field, values, colors, applyValue, applyError,
     const { border, muted, requiredColor, errorColor } = colors;
     // ids / label / grouping come from renderer-core's describeFieldRow (the shared id scheme with renderer-react).
     const { fieldId, helpId, errorId, labelText, required, isGroup } = describeFieldRow(node.id, field);
-    const rowEl = el("div", {}, FIELD_ROW_STYLE);
+    const rowEl = el("div", {}, fieldRowStyle(rt.sizing));
     if (isGroup)
         setAttrs(rowEl, { role: "group", "aria-label": labelText });
     const labelEl = el(isGroup ? "span" : "label", {}, { fontWeight: 600 });
@@ -167,7 +169,7 @@ function buildFieldRow(rt, node, field, values, colors, applyValue, applyError,
     const controlEl = buildControl(rt, field, fieldId, helpId, values, border, applyValue, disablers);
     rowEl.appendChild(controlEl);
     if (field.helpText != null) {
-        const help = el("span", { id: helpId }, { color: muted, fontSize: 12 });
+        const help = el("span", { id: helpId }, { color: muted, fontSize: rt.sizing.fontXs });
         help.appendChild(text(field.helpText));
         rowEl.appendChild(help);
     }
@@ -181,7 +183,7 @@ function buildFieldRow(rt, node, field, values, colors, applyValue, applyError,
         : [...controlEl.querySelectorAll("input,select,textarea")];
     applyError.set(field.name, (violation) => {
         if (violation != null) {
-            const span = el("span", { id: errorId }, { color: errorColor, fontSize: 12 });
+            const span = el("span", { id: errorId }, { color: errorColor, fontSize: rt.sizing.fontXs });
             span.appendChild(text(violation.message));
             errorNode.replaceWith(span);
             errorNode = span;
@@ -206,8 +208,8 @@ function buildFieldRow(rt, node, field, values, colors, applyValue, applyError,
     return rowEl;
 }
 /** Aggregated error for validation violations (role="alert"; a count heading + a mention of each field). Semantically equivalent to React's aggregated div. */
-function buildSummary(heading, violations, errorColor) {
-    const div = el("div", { role: "alert" }, { color: errorColor, fontSize: 13 });
+function buildSummary(heading, violations, errorColor, sizing) {
+    const div = el("div", { role: "alert" }, { color: errorColor, fontSize: sizing.fontSm });
     const head = el("span");
     head.appendChild(text(heading));
     div.appendChild(head);
@@ -225,7 +227,7 @@ function buildControl(rt, field, fieldId, helpId, values, border, applyValue, di
     // The per-type decisions (tag / input type / constraint attributes / inputmode / rows / minHeight)
     // come from renderer-core's describeControl; only the element assembly and event wiring live here.
     const desc = describeControl(field);
-    const baseStyle = formControlBaseStyle(border);
+    const baseStyle = formControlBaseStyle(border, rt.sizing);
     const common = (elm) => {
         elm.id = fieldId;
         if (field.required === true)
@@ -280,10 +282,10 @@ function buildControl(rt, field, fieldId, helpId, values, border, applyValue, di
             return select;
         }
         case "radio": {
-            const group = el("div", {}, { display: "flex", flexDirection: "column", gap: 4 });
+            const group = el("div", {}, { display: "flex", flexDirection: "column", gap: rt.sizing.space1 });
             const inputs = [];
             for (const opt of normalizeOptions(field.options)) {
-                const lbl = el("label", {}, { display: "flex", alignItems: "center", gap: 6, fontWeight: 400 });
+                const lbl = el("label", {}, { display: "flex", alignItems: "center", gap: rt.sizing.space2, fontWeight: 400 });
                 const input = el("input", { type: "radio", name: fieldId, value: opt.value });
                 if (helpId != null)
                     input.setAttribute("aria-describedby", helpId);