@pebble-software/bonsai 0.2.1 → 0.3.0

package/README.md

@@ -141,6 +141,8 @@ export function Example() {
 | `@pebble-software/bonsai/constants` | Component type names (`COMPONENT`, `COMPONENT_LIST`) and webhook event names. |
 | `@pebble-software/bonsai/ast` | The expression engine (`compileExpression`, `isExpression`, `parseExpression`, `extractVariables`, `clearExpressionCache`). |
 | `@pebble-software/bonsai/styles/*` | The raw layer stylesheets (`css/*.css`, `vendor/*.css`) and `presets.json`, for compiling template CSS yourself, e.g. `styles/css/theme.css?raw` in Vite. |
+| `@pebble-software/bonsai/classes.json` | The class manifest: every Tailwind candidate each component type can emit, for compiling a per-template stylesheet without rendering (see [Compiling CSS per template](#compiling-css-per-template)). |
+| `@pebble-software/bonsai/classes` | `classesFor(manifest, templates)` and the `ClassManifest` type. |
 
 Named exports of `@pebble-software/bonsai` and `@pebble-software/bonsai/core`:
 
@@ -269,7 +271,7 @@ The template format is defined by the Zod schema in [`library/schemas/src/bonsai
 
 ### Validating templates
 
-Validation is a separate, explicit step. The root entry exports `validateTemplate(template, registry, options?)`, which checks a template against a registry — unknown types, each component's `args` against its `propsSchema`, whether it accepts children, and whether it supports the target `mode` (`"web"` or `"pdf"`):
+Validation is a separate, explicit step. The root entry exports `validateTemplate(template, registry, options?)`, which checks a template against a registry — unknown types, each component's `args` against its `propsSchema`, whether it accepts children, whether it supports the target `mode` (`"web"` or `"pdf"`), and whether every class a `className` expression can produce is written whole in a string literal (see [Compiling CSS per template](#compiling-css-per-template)):
 
 ```ts
 import { validateTemplate, pebbleRegistry } from "@pebble-software/bonsai";
@@ -304,7 +306,7 @@ Complete example templates live in the repo's [`examples/`](https://github.com/P
   - To mix text and values, put each part in its own child (`["{{a}}", " of ", "{{b}}"]`), or build the string in one expression (`"{{ concat(a, ' of ', b) }}"`).
 - Paths support dot notation (`user.email`) and array indexing (`addresses[0].street`).
 - Missing keys resolve to `undefined`; use the `default(value, fallback)` helper for a fallback inline, or handle defaults in host data.
-- Any `args` prop or string child can contain a binding.
+- Any `args` prop or string child can contain a binding. A `className` binding must resolve to classes written whole in its string literals, so stylesheets can be compiled without rendering — see [Compiling CSS per template](#compiling-css-per-template).
 - Besides your own `data`, the instance's top-level state fields — `status`, `expiry`, and `submitting` — are readable from bindings (e.g. an `if` on `{{submitting}}`). **These names are reserved:** a top-level `data` key called `status`, `expiry`, or `submitting` is shadowed by the state field and can't be read from a binding. Nest it (`{{order.status}}`) instead.
 - Inside an `each` row, an identifier resolves against the loop alias first (e.g. `applicant.name`), then falls back to the surrounding data for anything the alias doesn't shadow (e.g. `orgName` from outside the loop) — see [Structural nodes](#structural-nodes-each--if).
 - On the client, evaluating a node's bindings is also what subscribes that node to the store — see [Controlled inputs & state](#controlled-inputs--state).
@@ -490,6 +492,29 @@ Bonsai is styled with **Tailwind CSS v4**. Components emit plain Tailwind utilit
 - **Theming**: the theme is token-driven — redefine the CSS variables (e.g. `--color-main`, `--font-heading`) after the stylesheet to restyle every component at once, or target `.bonsai-root` descendants for finer overrides.
 - **Utilities in your templates**: a `className` utility that no built-in component uses (say, `grid-cols-5`) is only generated if your build also scans the templates that use it — add their location with `@source`. Inside the Pebble Bonsai platform, CSS is compiled per template so this never comes up.
 
+### Compiling CSS per template
+
+To ship each template a minimal stylesheet, compile it from two sources instead of rendering the template: the template's own JSON, for the classes it writes, and the class manifest, for the classes Bonsai's components emit.
+
+```ts
+import { compile } from "tailwindcss";
+import manifest from "@pebble-software/bonsai/classes.json" with { type: "json" };
+import { classesFor } from "@pebble-software/bonsai/classes";
+
+const candidates = [
+  ...classesFor(manifest, [template, header, footer]),
+  ...tokensFrom(JSON.stringify([template, header, footer])), // your own scan of the template text
+];
+const css = (await compile(input, { loadStylesheet })).build(candidates);
+```
+
+- **Every state is covered.** The manifest lists every variant and state of each component type a template uses, whichever `if` branch, status, render mode or data the template ends up rendered with. One stylesheet serves them all.
+- **It overshoots slightly.** A template with one `button` gets the classes for every button size and variant, and the lists include tokens that aren't utilities. Tailwind ignores candidates it can't parse, so the extra tokens cost nothing.
+- **Cache on `manifest.hash`.** It changes whenever any component's classes do, so include it in the cache key of any stylesheet you store.
+- **`className` expressions must write each class whole.** `{{ status == 'pending' ? 'bg-accent-cyan p-4' : 'hidden' }}` and `{{ 'p-4 ' + (done ? 'line-through' : '') }}` are fine. `{{ 'bg-' + color }}` and `{{ cls }}` are not, because the class only exists once data arrives. `validateTemplate` reports them.
+
+The manifest is generated on every build from the component sources by Tailwind's own scanner; see `scripts/class-manifest.ts`.
+
 ## Extending Bonsai
 
 ### Add or replace components
@@ -579,8 +604,9 @@ To add a component to Bonsai itself (in this monorepo):
 
 1. Add it to `COMPONENT` in `library/constants/src/components.ts`.
 2. Add its node and `args` contract to `library/schemas/src/bonsai.schema.ts`, and list it in `PEBBLE_COMPONENT_SCHEMAS` there (that is where `pebbleRegistry` gets its `propsSchema`).
-3. Register the React implementation in `coreComponents` (`apps/bonsai/src/renderer/core-registry.ts`) — or, if it pulls in a heavy dependency, in a new preset under `apps/bonsai/src/renderer/presets/`, with a matching entry in `vite.config.ts` and `package.json#exports`.
+3. Register the React implementation in `coreComponents` (`apps/bonsai/src/renderer/core-registry.ts`) — or, if it pulls in a heavy dependency, in a new preset under `apps/bonsai/src/renderer/presets/`, with a matching entry in `vite.config.ts` and `package.json#exports`. Keep the `[COMPONENT.X]: Component` form, with `Component` imported by name from a module in `src/`: the class manifest build reads these entries to find each type's source.
 4. If it's an input, add its binding to `coreControlledInputs` (or the preset's `controlledInputs`).
+5. Write its classes as whole string literals (in `cva` variants or `cn(...)` arguments), never built with interpolation like `` `bg-${color}` ``. The class manifest is scanned from source, so an interpolated class is missing from every per-template stylesheet; `src/tests/classes.manifest.test.tsx` renders the example templates and fails on any class the manifest doesn't cover.
 
 ## Performance
 
@@ -636,8 +662,8 @@ From `apps/bonsai`:
 pnpm lint        # Static analysis using ESLint
 pnpm test        # Run the test suite (vitest)
 pnpm type-check  # TypeScript without emit
-pnpm build       # Bundles dist/ (ESM + type declarations) via Vite and copies the raw index.css theme
+pnpm build       # Bundles dist/ (ESM + type declarations) via Vite, copies the raw index.css theme and writes classes.json
 pnpm size-check  # Checks each entry against its gzip budget (run after build)
 ```
 
-`dist/` contains the ESM bundle, TypeScript declarations, and the uncompiled `index.css` theme consumed by downstream Tailwind builds. The shared `@bonsai/constants` and `@bonsai/schemas` workspaces are aliased to their sources and bundled in, so the published package has no workspace dependencies.
+`dist/` contains the ESM bundle, TypeScript declarations, the uncompiled `index.css` theme consumed by downstream Tailwind builds, and `classes.json`, the class manifest for consumers that compile CSS per template. The shared `@bonsai/constants` and `@bonsai/schemas` workspaces are aliased to their sources and bundled in, so the published package has no workspace dependencies.

package/dist/chunks/{create-renderer-C4nV9RV6.js → create-renderer-kgClEYyp.js}

@@ -1,23 +1,23 @@
 import { jsx as d } from "react/jsx-runtime";
 import { createElement as y, memo as h, useCallback as N, useState as j, useRef as B, useEffectEvent as L, useLayoutEffect as M, useEffect as P, createContext as W, useContext as A } from "react";
-import { i as T, B as O, r as b, j as S, k as V, l as D, m, n as $, o as q, p as R, q as J, V as z, s as F, t as G, v as H, f as Q, b as U, w as X } from "./render-shared-Cwb527d4.js";
+import { i as T, B as O, r as b, j as S, k as V, l as D, m, n as R, o as q, p as $, q as J, V as z, s as F, t as G, v as H, f as Q, b as U, w as X } from "./render-shared-CrG0OFhJ.js";
 import { proxy as Y, snapshot as v, subscribe as Z, useSnapshot as k } from "valtio";
 const tt = {
   dataSlice(t, e, r) {
     return D(t.dynamicKeys, (n) => n in r && n !== "data" ? r[n] : m(r.data ?? r, n));
   },
-  rowCtx(t, e, r, n, s, o) {
-    const { as: a, indexAlias: i } = s, c = {
+  rowCtx(t, e, r, n, o, s) {
+    const { as: a, indexAlias: i } = o, c = {
       ...e,
       data: {
         ...e.data ?? e,
         [a]: r,
         ...i ? { [i]: n } : {}
       }
-    }, u = o ? { ...t.scope, [a]: `${o}.${n}` } : t.scope;
+    }, u = s ? { ...t.scope, [a]: `${s}.${n}` } : t.scope;
     return { data: c, scope: u };
   },
-  renderChild(t, e, r, n, s) {
+  renderChild(t, e, r, n, o) {
     return /* @__PURE__ */ d(
       K,
       {
@@ -27,20 +27,20 @@ const tt = {
         data: n.data,
         scope: n.scope
       },
-      s
+      o
     );
   }
 }, K = h(
-  ({ node: t, index: e = 0, path: r = "root", data: n, scope: s }) => {
-    const o = S(), a = N(() => {
+  ({ node: t, index: e = 0, path: r = "root", data: n, scope: o }) => {
+    const s = S(), a = N(() => {
     }, []);
     return V(
       t,
       e,
       r,
-      { data: n, scope: s },
+      { data: n, scope: o },
       n,
-      o,
+      s,
       a,
       tt
     );
@@ -51,8 +51,8 @@ function et({
   expiry: e,
   data: r,
   status: n = "pending",
-  render: s = "web",
-  as: o,
+  render: o = "web",
+  as: s,
   registry: a
 }) {
   const i = {
@@ -60,12 +60,12 @@ function et({
     expiry: e ?? "",
     status: n,
     submitting: !1
-  }, c = T(t).root, u = b(s, o);
-  return /* @__PURE__ */ d(O, { registry: a, render: s, children: y(
+  }, c = T(t).root, u = b(o, s);
+  return /* @__PURE__ */ d(O, { registry: a, render: o, children: y(
     u,
     {
-      "data-mode": s,
-      className: `group bonsai-root${s === "pdf" ? " w-full" : ""}`
+      "data-mode": o,
+      className: o === "pdf" ? "group bonsai-root w-full" : "group bonsai-root"
     },
     /* @__PURE__ */ d(K, { node: c, index: 0, path: "root", data: i })
   ) });
@@ -84,18 +84,18 @@ function rt() {
     [t]
   );
 }
-function nt(t, e, r, n, s) {
-  const o = G(t);
-  return n && o in n ? t === o ? n[o] : void 0 : r && o in r ? m(e.data ?? e, H(t, r)) : s && Object.hasOwn(s, o) ? m(s, t) : t in e && t !== "data" ? e[t] : m(e.data ?? e, t);
+function nt(t, e, r, n, o) {
+  const s = G(t);
+  return n && s in n ? t === s ? n[s] : void 0 : r && s in r ? m(e.data ?? e, H(t, r)) : o && Object.hasOwn(o, s) ? m(o, t) : t in e && t !== "data" ? e[t] : m(e.data ?? e, t);
 }
-const st = h(
-  ({ node: t, index: e = 0, path: r = "root", scope: n, indexScope: s, valueScope: o }) => {
+const ot = h(
+  ({ node: t, index: e = 0, path: r = "root", scope: n, indexScope: o, valueScope: s }) => {
     const a = S(), i = t.source;
     if (!i) return null;
     if (t.isText)
       return i;
     try {
-      const c = t.type, u = q(a, c), p = R(t, e, r), l = J(t, {}, p);
+      const c = t.type, u = q(a, c), p = $(t, e, r), l = J(t, {}, p);
       if (t.isImage && (l.src === "" || l.src == null))
         return null;
       const f = t.children.length > 0 ? t.children.map(
@@ -104,9 +104,9 @@ const st = h(
           E,
           `${r}-${e}`,
           n,
-          s,
           o,
-          R(t, E, `${r}-${e}`)
+          s,
+          $(t, E, `${r}-${e}`)
         )
       ) : void 0, C = typeof u == "string" && z.has(u) ? void 0 : f;
       return C !== void 0 ? y(u, l, C) : y(u, l);
@@ -115,16 +115,16 @@ const st = h(
     }
   }
 );
-function g(t, e, r, n, s, o, a) {
+function g(t, e, r, n, o, s, a) {
   return t.isStatic ? /* @__PURE__ */ d(
-    st,
+    ot,
     {
       node: t,
       index: e,
       path: r,
       scope: n,
-      indexScope: s,
-      valueScope: o
+      indexScope: o,
+      valueScope: s
     },
     a
   ) : /* @__PURE__ */ d(
@@ -134,8 +134,8 @@ function g(t, e, r, n, s, o, a) {
       index: e,
       path: r,
       scope: n,
-      indexScope: s,
-      valueScope: o
+      indexScope: o,
+      valueScope: s
     },
     a
   );
@@ -145,17 +145,17 @@ function x(t, e) {
   const r = { ...t };
   return delete r[e], r;
 }
-const ot = {
+const st = {
   dataSlice(t, e, r) {
     return D(
       t.dynamicKeys,
       (n) => nt(n, r, e.scope, e.indexScope, e.valueScope)
     );
   },
-  rowCtx(t, e, r, n, s, o) {
-    const { as: a, indexAlias: i } = s, c = i ? { ...t.indexScope, [i]: n } : t.indexScope;
-    return o ? {
-      scope: { ...t.scope, [a]: `${o}.${n}` },
+  rowCtx(t, e, r, n, o, s) {
+    const { as: a, indexAlias: i } = o, c = i ? { ...t.indexScope, [i]: n } : t.indexScope;
+    return s ? {
+      scope: { ...t.scope, [a]: `${s}.${n}` },
       indexScope: c,
       valueScope: x(t.valueScope, a)
     } : {
@@ -164,21 +164,21 @@ const ot = {
       valueScope: { ...t.valueScope, [a]: r }
     };
   },
-  renderChild(t, e, r, n, s) {
-    return g(t, e, r, n.scope, n.indexScope, n.valueScope, s);
+  renderChild(t, e, r, n, o) {
+    return g(t, e, r, n.scope, n.indexScope, n.valueScope, o);
   }
 }, at = h(
-  ({ node: t, index: e = 0, path: r = "root", scope: n, indexScope: s, valueScope: o }) => {
+  ({ node: t, index: e = 0, path: r = "root", scope: n, indexScope: o, valueScope: s }) => {
     const a = S(), i = w(), c = k(i, { sync: !0 }), u = rt();
     return V(
       t,
       e,
       r,
-      { scope: n, indexScope: s, valueScope: o },
+      { scope: n, indexScope: o, valueScope: s },
       c,
       a,
       u,
-      ot
+      st
     );
   }
 );
@@ -187,16 +187,16 @@ function it({
   template: e,
   render: r = "web",
   as: n,
-  onSubmit: s,
-  onError: o,
+  onSubmit: o,
+  onError: s,
   registry: a
 }) {
   const i = w(), c = async (l) => {
-    if (l.preventDefault(), i.status === "pending" && !(!s && !t)) {
+    if (l.preventDefault(), i.status === "pending" && !(!o && !t)) {
       i.submitting = !0;
       try {
-        if (s)
-          await s(v(i.data));
+        if (o)
+          await o(v(i.data));
         else {
           const f = await fetch(t, {
             method: "POST",
@@ -213,8 +213,8 @@ function it({
         }
         i.status = "captured";
       } catch (f) {
-        if (!o) throw f;
-        o(f);
+        if (!s) throw f;
+        s(f);
       } finally {
         i.submitting = !1;
       }
@@ -224,7 +224,7 @@ function it({
     p,
     {
       "data-mode": r,
-      className: `group bonsai-root${r === "pdf" ? " w-full" : ""}`,
+      className: r === "pdf" ? "group bonsai-root w-full" : "group bonsai-root",
       ...p === "form" ? { onSubmit: c } : {}
     },
     g(u, 0, "root", void 0, void 0, void 0, "root-0")
@@ -235,28 +235,28 @@ function ct(t) {
     () => Y({
       status: t.status ?? "pending",
       expiry: t.expiry ?? "",
-      data: $(t.data ?? {}),
+      data: R(t.data ?? {}),
       submitting: !1
     })
-  ), r = B(t.data), n = B(!1), s = L((o) => {
-    t.onDataChange?.(o);
+  ), r = B(t.data), n = B(!1), o = L((s) => {
+    t.onDataChange?.(s);
   });
   return M(() => {
     if (!Object.is(r.current, t.data)) {
       r.current = t.data, n.current = !0;
       try {
-        e.data = $(t.data ?? {});
+        e.data = R(t.data ?? {});
       } finally {
         n.current = !1;
       }
     }
   }, [e, t.data]), P(() => {
-    let o = v(e.data);
+    let s = v(e.data);
     return Z(
       e,
       () => {
         const a = v(e.data);
-        a !== o && (o = a, !n.current && s(a));
+        a !== s && (s = a, !n.current && o(a));
       },
       !0
     );
@@ -279,4 +279,4 @@ export {
   mt as c,
   rt as u
 };
-//# sourceMappingURL=create-renderer-C4nV9RV6.js.map
+//# sourceMappingURL=create-renderer-kgClEYyp.js.map

package/dist/chunks/create-renderer-kgClEYyp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-renderer-kgClEYyp.js","sources":["../../src/components/core/render-tree-server.tsx","../../src/components/core/render-tree-client.tsx","../../src/components/core/bonsai.tsx","../../src/renderer/create-renderer.tsx"],"sourcesContent":["import { createElement, memo, useCallback } from \"react\";\nimport { type CompiledNode } from \"../../lib/renderer/compile-template\";\nimport { compileTemplate } from \"../../lib/renderer/compile-template\";\nimport {\n  BonsaiRoot,\n  useBonsaiRegistry,\n  buildDataSlice,\n  getValue,\n  resolveWrapper,\n  renderCompiledNode,\n  type GlobalData,\n  type NodeCtx,\n  type RenderStrategy,\n  type BonsaiProps,\n} from \"./render-shared\";\n\ninterface RenderTreeServerProps {\n  // Precompiled metadata for this node; `node.source` is the raw template node.\n  node: CompiledNode;\n  index?: number;\n  path?: string;\n  data: GlobalData;\n  // Alias -> real store path prefix set by an ancestor `each` (e.g. { applicant: \"applicants.3\" }); SSR-only.\n  scope?: Record<string, string>;\n}\n\n// SSR ctx is the prop-drilled global data object plus the current `each` scope.\ninterface ServerCtx extends NodeCtx {\n  data: GlobalData;\n}\n\nconst SERVER_MODE: RenderStrategy<ServerCtx> = {\n  dataSlice(node, _ctx, globalData) {\n    return buildDataSlice(node.dynamicKeys, (key) => {\n      if (key in globalData && key !== \"data\") return globalData[key];\n      return getValue(globalData.data ?? globalData, key);\n    });\n  },\n  rowCtx(ctx, globalData, item, i, each, realItemsPath) {\n    const { as, indexAlias } = each;\n    const rowData = {\n      ...globalData,\n      data: {\n        ...(globalData.data ?? globalData),\n        [as]: item,\n        ...(indexAlias ? { [indexAlias]: i } : {}),\n      },\n    };\n    const rowScope = realItemsPath\n      ? { ...ctx.scope, [as]: `${realItemsPath}.${i}` }\n      : ctx.scope;\n    return { data: rowData, scope: rowScope };\n  },\n  renderChild(child, i, path, ctx, key) {\n    return (\n      <RenderTreeServer\n        key={key}\n        node={child}\n        index={i}\n        path={path}\n        data={ctx.data}\n        scope={ctx.scope}\n      />\n    );\n  },\n};\n\n// SSR: single-pass render over a plain, prop-drilled object — no store, no snapshots.\nconst RenderTreeServer = memo(\n  ({ node, index = 0, path = \"root\", data, scope }: RenderTreeServerProps) => {\n    const registry = useBonsaiRegistry();\n    const updateData = useCallback(() => {\n      // Attached for the controlled-component contract but never invoked during SSR.\n    }, []);\n\n    return renderCompiledNode(\n      node,\n      index,\n      path,\n      { data, scope },\n      data,\n      registry,\n      updateData,\n      SERVER_MODE,\n    );\n  },\n);\n\nexport function BonsaiServer({\n  template,\n  expiry,\n  data,\n  status = \"pending\",\n  render = \"web\",\n  as,\n  registry,\n}: BonsaiProps) {\n  const ctx = {\n    data: data ?? {},\n    expiry: expiry ?? \"\",\n    status,\n    submitting: false,\n  };\n\n  // Cached by template identity, so N instances of the same template compile once.\n  const root = compileTemplate(template).root;\n  const Wrapper = resolveWrapper(render, as);\n\n  return (\n    <BonsaiRoot registry={registry} render={render}>\n      {createElement(\n        Wrapper,\n        {\n          \"data-mode\": render,\n          className:\n            render === \"pdf\" ? \"group bonsai-root w-full\" : \"group bonsai-root\",\n        },\n        <RenderTreeServer node={root} index={0} path=\"root\" data={ctx} />,\n      )}\n    </BonsaiRoot>\n  );\n}\n","import {\n  createContext,\n  createElement,\n  memo,\n  useCallback,\n  useContext,\n  useEffect,\n  useEffectEvent,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type SubmitEvent,\n} from \"react\";\nimport { proxy, snapshot, subscribe, useSnapshot } from \"valtio\";\nimport { type CompiledNode } from \"../../lib/renderer/compile-template\";\nimport { compileTemplate } from \"../../lib/renderer/compile-template\";\nimport {\n  BonsaiRoot,\n  useBonsaiRegistry,\n  VOID_ELEMENTS,\n  getKey,\n  getValue,\n  setValue,\n  resolveScopedPath,\n  pathRoot,\n  buildDataSlice,\n  resolveElementType,\n  prepareState,\n  resolveWrapper,\n  cloneData,\n  renderCompiledNode,\n  type GlobalData,\n  type NodeCtx,\n  type RenderStrategy,\n  type BonsaiProps,\n} from \"./render-shared\";\n\n// scope/indexScope/valueScope are the only things an `each` row hands its children on the live path —\n// store data is never prop-drilled (valueScope carries only computed-row items, which have no store path).\ninterface RenderTreeClientProps {\n  node: CompiledNode;\n  index?: number;\n  path?: string;\n  scope?: Record<string, string>;\n  indexScope?: Record<string, number>;\n  valueScope?: Record<string, unknown>;\n}\n\ntype BonsaiState = {\n  status: string;\n  expiry: string;\n  data: Record<string, unknown>;\n  submitting: boolean;\n};\n\nconst BonsaiContext = createContext<ReturnType<\n  typeof proxy<BonsaiState>\n> | null>(null);\n\nfunction useBonsaiStore(): ReturnType<typeof proxy<BonsaiState>> {\n  const store = useContext(BonsaiContext);\n  if (!store) {\n    throw new Error(\"useBonsaiStore must be used within a <Bonsai> component\");\n  }\n  return store;\n}\n\nexport function useUpdateData() {\n  const store = useBonsaiStore();\n  return useCallback(\n    (path: string, value: unknown) => setValue(store.data, path, value),\n    [store],\n  );\n}\n\n// Live-path lookup: resolves each-scoped aliases at read time against a fresh snapshot.\nfunction resolveKeyValue(\n  key: string,\n  globalData: GlobalData,\n  scope: Record<string, string> | undefined,\n  indexScope: Record<string, number> | undefined,\n  valueScope: Record<string, unknown> | undefined,\n): unknown {\n  const root = pathRoot(key);\n\n  if (indexScope && root in indexScope) {\n    return key === root ? indexScope[root] : undefined;\n  }\n\n  if (scope && root in scope) {\n    return getValue(globalData.data ?? globalData, resolveScopedPath(key, scope));\n  }\n\n  if (valueScope && Object.hasOwn(valueScope, root)) {\n    return getValue(valueScope, key);\n  }\n\n  if (key in globalData && key !== \"data\") {\n    return globalData[key];\n  }\n\n  return getValue(globalData.data ?? globalData, key);\n}\n\n// Children still go through `renderClientNode`, so a binding nested inside an unbound wrapper stays reactive.\nconst StaticNode = memo(\n  ({ node, index = 0, path = \"root\", scope, indexScope, valueScope }: RenderTreeClientProps) => {\n    const registry = useBonsaiRegistry();\n    const tree = node.source;\n\n    if (!tree) return null;\n    if (node.isText) {\n      // `isStatic` guarantees this has no `{{...}}` binding to evaluate.\n      return tree as unknown as string;\n    }\n\n    try {\n      const type = node.type;\n      const ElementType = resolveElementType(registry, type);\n      const key = getKey(node, index, path);\n      const props = prepareState(node, {}, key);\n\n      if (node.isImage && (props.src === \"\" || props.src == null)) {\n        return null;\n      }\n\n      const childNodes =\n        node.children.length > 0\n          ? node.children.map((branch: CompiledNode, i: number) =>\n              renderClientNode(\n                branch,\n                i,\n                `${path}-${index}`,\n                scope,\n                indexScope,\n                valueScope,\n                getKey(node, i, `${path}-${index}`),\n              ),\n            )\n          : undefined;\n\n      const safeChildNodes =\n        typeof ElementType === \"string\" && VOID_ELEMENTS.has(ElementType)\n          ? undefined\n          : childNodes;\n\n      if (safeChildNodes !== undefined) {\n        return createElement(ElementType, props, safeChildNodes);\n      }\n      return createElement(ElementType, props);\n    } catch (error) {\n      console.error(`Error at ${path}-${index}:`, error);\n      return null;\n    }\n  },\n);\n\n// A plain function, not a hook, since it decides which component type to mount — always a safe conditional.\nfunction renderClientNode(\n  node: CompiledNode,\n  index: number,\n  path: string,\n  scope: Record<string, string> | undefined,\n  indexScope: Record<string, number> | undefined,\n  valueScope: Record<string, unknown> | undefined,\n  key: string,\n): React.ReactNode {\n  return node.isStatic ? (\n    <StaticNode\n      key={key}\n      node={node}\n      index={index}\n      path={path}\n      scope={scope}\n      indexScope={indexScope}\n      valueScope={valueScope}\n    />\n  ) : (\n    <RenderTreeClient\n      key={key}\n      node={node}\n      index={index}\n      path={path}\n      scope={scope}\n      indexScope={indexScope}\n      valueScope={valueScope}\n    />\n  );\n}\n\n// Client ctx carries only what an `each` row hands its children on this path — no data is prop-drilled.\ninterface ClientCtx extends NodeCtx {\n  indexScope?: Record<string, number>;\n}\n\nfunction omitKey<T>(\n  obj: Record<string, T> | undefined,\n  key: string,\n): Record<string, T> | undefined {\n  if (!obj || !Object.hasOwn(obj, key)) return obj;\n  const rest = { ...obj };\n  delete rest[key];\n  return rest;\n}\n\nconst CLIENT_MODE: RenderStrategy<ClientCtx> = {\n  dataSlice(node, ctx, globalData) {\n    return buildDataSlice(node.dynamicKeys, (key) =>\n      resolveKeyValue(key, globalData, ctx.scope, ctx.indexScope, ctx.valueScope),\n    );\n  },\n  rowCtx(ctx, _globalData, item, i, each, realItemsPath) {\n    const { as, indexAlias } = each;\n    const rowIndexScope = indexAlias\n      ? { ...ctx.indexScope, [indexAlias]: i }\n      : ctx.indexScope;\n    // A plain-path row resolves its alias against the store; a computed row has no store path, so it\n    // carries the item itself. Each clears the alias from the other map so an inner alias shadows an outer one.\n    if (realItemsPath) {\n      return {\n        scope: { ...ctx.scope, [as]: `${realItemsPath}.${i}` },\n        indexScope: rowIndexScope,\n        valueScope: omitKey(ctx.valueScope, as),\n      };\n    }\n    return {\n      scope: omitKey(ctx.scope, as),\n      indexScope: rowIndexScope,\n      valueScope: { ...ctx.valueScope, [as]: item },\n    };\n  },\n  renderChild(child, i, path, ctx, key) {\n    return renderClientNode(child, i, path, ctx.scope, ctx.indexScope, ctx.valueScope, key);\n  },\n};\n\n// Client: every node calls useSnapshot itself, so it only re-renders when a path it actually reads changes.\nconst RenderTreeClient = memo(\n  ({ node, index = 0, path = \"root\", scope, indexScope, valueScope }: RenderTreeClientProps) => {\n    const registry = useBonsaiRegistry();\n    const store = useBonsaiStore();\n    // sync: true keeps the store write and its re-render in the same event, avoiding a one-tick display lag.\n    const globalData = useSnapshot(store, { sync: true });\n    const updateData = useUpdateData();\n\n    return renderCompiledNode(\n      node,\n      index,\n      path,\n      { scope, indexScope, valueScope },\n      globalData,\n      registry,\n      updateData,\n      CLIENT_MODE,\n    );\n  },\n);\n\nexport function BonsaiClient({\n  captureUrl,\n  template,\n  render = \"web\",\n  as,\n  onSubmit,\n  onError,\n  registry,\n}: BonsaiProps) {\n  const store = useBonsaiStore();\n\n  const submit = async (e: SubmitEvent) => {\n    e.preventDefault();\n    // Already captured/completed/revoked: nothing to send, and the lifecycle flags stay as they are.\n    if (store.status !== \"pending\") return;\n    // Display-only instance: nothing to submit to, so don't touch the lifecycle.\n    if (!onSubmit && !captureUrl) return;\n\n    // eslint-disable-next-line react-hooks/immutability -- the store is a valtio proxy, mutated by design\n    store.submitting = true;\n    try {\n      if (onSubmit) {\n        await onSubmit(snapshot(store.data) as Record<string, unknown>);\n      } else {\n        const res = await fetch(captureUrl!, {\n          method: \"POST\",\n          credentials: \"include\",\n          headers: {\n            \"Content-Type\": \"application/json\",\n          },\n          body: JSON.stringify({\n            data: store.data,\n          }),\n        });\n        // fetch only rejects on network failure; an error status must not count as captured.\n        if (!res.ok) {\n          throw new Error(`Capture failed: ${res.status} ${res.statusText}`.trim());\n        }\n      }\n\n      store.status = \"captured\";\n    } catch (error) {\n      // Without an `onError`, this keeps the pre-existing behaviour of letting\n      // the failure propagate out of the submit handler.\n      if (!onError) throw error;\n      onError(error);\n    } finally {\n      store.submitting = false;\n    }\n  };\n\n  // Cached by template identity, so N instances of the same template compile once.\n  const root = compileTemplate(template).root;\n  const Wrapper = resolveWrapper(render, as);\n\n  return (\n    <BonsaiRoot registry={registry} render={render}>\n      {createElement(\n        Wrapper,\n        {\n          \"data-mode\": render,\n          className:\n            render === \"pdf\" ? \"group bonsai-root w-full\" : \"group bonsai-root\",\n          ...(Wrapper === \"form\" ? { onSubmit: submit } : {}),\n        },\n        renderClientNode(root, 0, \"root\", undefined, undefined, undefined, \"root-0\"),\n      )}\n    </BonsaiRoot>\n  );\n}\n\nexport function BonsaiProvider(props: BonsaiProps) {\n  const [store] = useState(() =>\n    proxy<BonsaiState>({\n      status: props.status ?? \"pending\",\n      expiry: props.expiry ?? \"\",\n      data: cloneData(props.data ?? {}),\n      submitting: false,\n    }),\n  );\n  // The `data` object identity this store was last seeded from.\n  const seenDataRef = useRef<BonsaiProps[\"data\"]>(props.data);\n  // Set while the provider itself writes to the store, so a parent-driven\n  // resync isn't echoed back out through `onDataChange`.\n  const resyncingRef = useRef(false);\n  const onDataChange = useEffectEvent((next: Record<string, unknown>) => {\n    props.onDataChange?.(next);\n  });\n\n  useLayoutEffect(() => {\n    // A new `data` object arrived from the parent — adopt it before paint.\n    // Same-reference renders (including in-place mutations) are deliberately ignored.\n    if (Object.is(seenDataRef.current, props.data)) return;\n    seenDataRef.current = props.data;\n    resyncingRef.current = true;\n    try {\n      store.data = cloneData(props.data ?? {});\n    } finally {\n      resyncingRef.current = false;\n    }\n  }, [store, props.data]);\n\n  useEffect(() => {\n    // valtio only populates subscription `ops` when the (unstable) op tracking\n    // is switched on globally, so changes are detected by snapshot identity\n    // instead: `snapshot` is memoised per version, so an unchanged `data`\n    // subtree returns the very same object and is filtered out here.\n    //\n    // Notify in sync: the resync flag below is only reliable if the callback\n    // runs inside the write, not on a later microtask.\n    let previous = snapshot(store.data);\n    return subscribe(\n      store,\n      () => {\n        const next = snapshot(store.data);\n        if (next === previous) return;\n        previous = next;\n        // A parent-driven resync isn't a user edit — don't echo it back.\n        if (resyncingRef.current) return;\n        onDataChange(next as Record<string, unknown>);\n      },\n      true,\n    );\n  }, [store]);\n\n  return (\n    <BonsaiContext.Provider value={store}>\n      <BonsaiClient {...props} />\n    </BonsaiContext.Provider>\n  );\n}\n","import { BonsaiServer } from \"./render-tree-server\";\nimport { BonsaiProvider } from \"./render-tree-client\";\nimport type { BonsaiProps } from \"./render-shared\";\n\nexport {\n  BonsaiRegistryContext,\n  getValue,\n  setValue,\n  useBonsaiRenderMode,\n  type BonsaiProps,\n  type RenderMode,\n} from \"./render-shared\";\nexport { useUpdateData, BonsaiClient, BonsaiProvider } from \"./render-tree-client\";\nexport { BonsaiServer } from \"./render-tree-server\";\n\nexport function Bonsai(props: BonsaiProps) {\n  if (typeof window === \"undefined\") {\n    return <BonsaiServer {...props} />;\n  }\n\n  return <BonsaiProvider {...props} />;\n}\n","import {\n  Bonsai as BonsaiRenderer,\n  BonsaiRegistryContext,\n  type BonsaiProps,\n} from \"../components/core/bonsai\";\nimport {\n  coreRegistry,\n  extendRegistry,\n  type ComponentRegistry,\n  type ControlledInputRegistry,\n} from \"./core-registry\";\nimport type { BonsaiRegistry } from \"../lib/registry/types\";\n\nexport interface BonsaiRendererOptions {\n  /** Base registry. Defaults to the lightweight core registry. */\n  registry?: BonsaiRegistry;\n  /** Extra components layered over `registry` (they win on key collision). */\n  components?: Partial<ComponentRegistry>;\n  controlledInputs?: Partial<ControlledInputRegistry>;\n}\n\nexport interface BonsaiRendererInstance {\n  Bonsai: React.ComponentType<BonsaiProps>;\n}\n\n/**\n * Builds a renderer bound to its own component registry.\n *\n * The registry is `options.registry` (the lightweight core set by default)\n * plus whatever components the caller supplies (caller entries win on key\n * collision); a `registry` prop on an individual `<Bonsai>` still overrides it. It is captured in a React context at\n * this call, so registries never leak between renderer instances and consumers\n * never have to mutate the exported `componentMap`.\n *\n * Heavy built-ins are opt-in via the presets in `renderer/presets/*`:\n *\n * ```ts\n * import { createBonsaiRenderer } from \"@pebble-software/bonsai/core\";\n * import { calendarPreset } from \"@pebble-software/bonsai/presets/calendar\";\n *\n * const { Bonsai } = createBonsaiRenderer({\n *   components: { ...calendarPreset.components, rating: Rating },\n *   controlledInputs: { ...calendarPreset.controlledInputs },\n * });\n * ```\n *\n * Call this at module scope: each call returns a fresh component type, so\n * calling it during render would remount the whole tree every time.\n */\nexport function createBonsaiRenderer(\n  options: BonsaiRendererOptions = {},\n): BonsaiRendererInstance {\n  // Cast: a `Partial<...>` widens values to `| undefined`, but it only ever\n  // holds keys the caller actually supplied.\n  const registry = extendRegistry(options.registry ?? coreRegistry, {\n    components: options.components as ComponentRegistry | undefined,\n    controlledInputs: options.controlledInputs as ControlledInputRegistry | undefined,\n  });\n\n  function Bonsai(props: BonsaiProps) {\n    return (\n      <BonsaiRegistryContext.Provider value={registry}>\n        <BonsaiRenderer {...props} />\n      </BonsaiRegistryContext.Provider>\n    );\n  }\n  Bonsai.displayName = \"Bonsai\";\n\n  return { Bonsai };\n}\n"],"names":["SERVER_MODE","node","_ctx","globalData","buildDataSlice","key","getValue","ctx","item","i","each","realItemsPath","as","indexAlias","rowData","rowScope","child","path","jsx","RenderTreeServer","memo","index","data","scope","registry","useBonsaiRegistry","updateData","useCallback","renderCompiledNode","BonsaiServer","template","expiry","status","render","root","compileTemplate","Wrapper","resolveWrapper","BonsaiRoot","createElement","BonsaiContext","createContext","useBonsaiStore","store","useContext","useUpdateData","value","setValue","resolveKeyValue","indexScope","valueScope","pathRoot","resolveScopedPath","StaticNode","tree","type","ElementType","resolveElementType","getKey","props","prepareState","childNodes","branch","renderClientNode","safeChildNodes","VOID_ELEMENTS","error","RenderTreeClient","omitKey","obj","rest","CLIENT_MODE","_globalData","rowIndexScope","useSnapshot","BonsaiClient","captureUrl","onSubmit","onError","submit","e","snapshot","res","BonsaiProvider","useState","proxy","cloneData","seenDataRef","useRef","resyncingRef","onDataChange","useEffectEvent","next","useLayoutEffect","useEffect","previous","subscribe","Bonsai","createBonsaiRenderer","options","extendRegistry","coreRegistry","BonsaiRegistryContext","BonsaiRenderer"],"mappings":"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"}

package/dist/chunks/{render-shared-Cwb527d4.js → render-shared-CrG0OFhJ.js}

@@ -282,7 +282,7 @@ function Wa({
     {
       "data-slot": "accordion-trigger",
       className: i(
-        "neo-base neo-accordion-focus pt-3 text-left text-base font-medium cursor-pointer shrink-0 group/accordion-trigger relative flex flex-1 items-center justify-between border border-transparent transition-[opacity,border], data-disabled:pointer-events-none data-disabled:opacity-50",
+        "neo-base neo-accordion-focus pt-3 text-left text-base font-medium cursor-pointer shrink-0 group/accordion-trigger relative flex flex-1 items-center justify-between border border-transparent transition-[opacity,border] data-disabled:pointer-events-none data-disabled:opacity-50",
         "p-4",
         "hover:underline",
         "group-first/accordion-item:rounded-t-base",
@@ -2028,4 +2028,4 @@ export {
   $ as v,
   ha as w
 };
-//# sourceMappingURL=render-shared-Cwb527d4.js.map
+//# sourceMappingURL=render-shared-CrG0OFhJ.js.map