@graphysdk/react-renderer 1.9.0-beta.1788803137845 → 1.9.0-beta.1788852065633

package/dist/index.mjs

@@ -1,31 +1,31 @@
-import { Ct as kt, Ft as re, It as A, M as Dt, Mt as $t, Nt as xt, O as Ht, Pt as de, St as le, Tt as Mt, X as Pt, Y as Lt, _ as Bt, _t as ue, a as Kt, bt as me, ct as Ot, gt as K, i as At, it as jt, j as Yt, jt as Ft, k as Ut, lt as Wt, mt as Vt, n as Xt, pt as Qt, r as zt, rt as Jt, s as Zt, t as ge, tt as er, vt as tr, wt as rr, xt as nr, yt as j } from "./history-chords-DdWu-GiG.js";
-import { d as or, t as he } from "./dev.utils-DZcwQpSI.js";
-import { COMPILER_STAGE_KEYS as Y, Geom as pe, GraphCompilationSession as fe, areEditTargetsEqual as ve, buildDiagnostic as V, createAnchorResolver as ye, createCompiler as Se, createGraphyBuilder as be, findAnnotation as Ee, isCompilerCachingEnabled as Te, resolveDefinition as Ce, setCompilerCachingEnabled as Ne, toPercent as M } from "@graphysdk/viz-engine";
-import { Component as Re, useCallback as f, useEffect as $, useId as qe, useImperativeHandle as Ge, useMemo as L, useRef as X, useState as C, useSyncExternalStore as we } from "react";
-import { Fragment as Ie, jsx as d, jsxs as v } from "react/jsx-runtime";
-import { useStore as Q } from "zustand";
+import { Ct as It, Ft as te, It as O, M as _t, Mt as Dt, Nt as $t, O as xt, Pt as de, St as le, Tt as Ht, X as Mt, Y as Pt, _ as Lt, _t as ue, a as Bt, bt as me, ct as Kt, gt as B, i as Ot, it as At, j as jt, jt as Ft, k as Ut, lt as Yt, mt as Wt, n as Vt, pt as Xt, r as Qt, rt as zt, s as Jt, t as ge, tt as Zt, vt as er, wt as tr, xt as rr, yt as A } from "./history-chords-x0wqKMIO.js";
+import { d as sr, t as he } from "./dev.utils-BWIxakWj.js";
+import { COMPILER_STAGE_KEYS as j, Geom as pe, GraphCompilationSession as fe, areEditTargetsEqual as ve, buildDiagnostic as W, createAnchorResolver as ye, createCompiler as be, createGraphyBuilder as Se, findAnnotation as Ee, isCompilerCachingEnabled as Ce, resolveDefinition as Te, setCompilerCachingEnabled as Ne, toPercent as M } from "@graphysdk/viz-engine";
+import { Component as Re, useCallback as f, useEffect as D, useId as qe, useImperativeHandle as Ge, useMemo as L, useRef as V, useState as C, useSyncExternalStore as we } from "react";
+import { Fragment as ke, jsx as d, jsxs as v } from "react/jsx-runtime";
+import { useStore as X } from "zustand";
 import { createStore as F } from "zustand/vanilla";
-import _e from "clsx";
-import './index.css';var ke = "_1a5iqpb0", De = "_1a5iqpb1";
+import Ie from "clsx";
+import './index.css';var _e = "_1a5iqpb0", De = "_1a5iqpb1";
 var $e = "_1a5iqpb3", xe = "_1a5iqpb4", He = "_1a5iqpb5";
-var z = ({ errors: e }) => {
+var Q = ({ errors: e }) => {
   const [t, ...r] = e;
   return /* @__PURE__ */ v("div", {
     role: "alert",
-    className: ke,
+    className: _e,
     children: [
       /* @__PURE__ */ d("strong", {
         className: De,
         children: "This chart could not be rendered."
       }),
-      t && /* @__PURE__ */ d(J, { diagnostic: t }),
+      t && /* @__PURE__ */ d(z, { diagnostic: t }),
       r.length > 0 && /* @__PURE__ */ d("ul", {
         className: "_1a5iqpb2",
-        children: r.map((n, o) => /* @__PURE__ */ d("li", { children: /* @__PURE__ */ d(J, { diagnostic: n }) }, `${n.code}-${o}`))
+        children: r.map((n, o) => /* @__PURE__ */ d("li", { children: /* @__PURE__ */ d(z, { diagnostic: n }) }, `${n.code}-${o}`))
       })
     ]
   });
-}, J = ({ diagnostic: e }) => /* @__PURE__ */ v("div", {
+}, z = ({ diagnostic: e }) => /* @__PURE__ */ v("div", {
   className: $e,
   children: [
     /* @__PURE__ */ d("span", {
@@ -50,39 +50,39 @@ var Pe = class extends Re {
     super(...e), this.state = { caughtDiagnostic: null };
   }
   static getDerivedStateFromError(e) {
-    return { caughtDiagnostic: V(e) };
+    return { caughtDiagnostic: W(e) };
   }
   componentDidCatch(e, t) {
-    const r = V(e);
-    A([r]), this.props.onError?.([r]), console.error("Chart render component stack:", t.componentStack);
+    const r = W(e);
+    O([r]), this.props.onError?.([r]), console.error("Chart render component stack:", t.componentStack);
   }
   componentDidUpdate(e) {
     this.state.caughtDiagnostic && !Me(e.resetKeys, this.props.resetKeys) && this.setState({ caughtDiagnostic: null });
   }
   render() {
     const { caughtDiagnostic: e } = this.state;
-    if (e) return /* @__PURE__ */ d(z, { errors: [e] });
+    if (e) return /* @__PURE__ */ d(Q, { errors: [e] });
     const { forcedErrors: t, children: r } = this.props;
-    return t && t.length > 0 ? /* @__PURE__ */ d(z, { errors: t }) : r;
+    return t && t.length > 0 ? /* @__PURE__ */ d(Q, { errors: t }) : r;
   }
-}, ne = (e) => typeof e == "object" && "geom" in e && "render" in e, Le = (e) => {
-  const t = Ce(e);
+}, re = (e) => typeof e == "object" && "geom" in e && "render" in e, Le = (e) => {
+  const t = Te(e);
   return t instanceof pe ? t : null;
 }, Be = (e, t) => {
   const r = e.filter((n) => Ke(n, t));
   return r.length === e.length ? e : r;
-}, Ke = (e, t) => e.kind !== "annotation" ? !0 : Ee(t.annotations, e.id) !== null, Z = [], Oe = () => F((e) => ({
-  selection: Z,
+}, Ke = (e, t) => e.kind !== "annotation" ? !0 : Ee(t.annotations, e.id) !== null, J = [], Oe = () => F((e) => ({
+  selection: J,
   setSelection: (t) => e((r) => Ae(r.selection, t) ? r : { selection: t }),
-  clearSelection: () => e((t) => t.selection.length === 0 ? t : { selection: Z })
+  clearSelection: () => e((t) => t.selection.length === 0 ? t : { selection: J })
 })), Ae = (e, t) => e === t ? !0 : e.length !== t.length ? !1 : e.every((r, n) => {
   const o = t[n];
   return o !== void 0 && ve(r, o);
-}), je = 5, Ye = (e) => {
+}), je = 5, Fe = (e) => {
   if (!he) return {
     emit: () => {
     },
-    subscribe: () => Ue,
+    subscribe: () => Ye,
     getLastTrigger: () => null,
     getLastCompile: () => null,
     getCacheStats: () => e.getCacheStats()
@@ -104,7 +104,7 @@ var Pe = class extends Re {
     getLastCompile: () => e.getLastCompile(),
     getCacheStats: () => e.getCacheStats()
   };
-}, Fe = () => F((e) => ({
+}, Ue = () => F((e) => ({
   lastCompile: null,
   history: [],
   nextId: 1,
@@ -124,7 +124,7 @@ var Pe = class extends Re {
       lastSnapshot: r
     };
   })
-})), Ue = () => {
+})), Ye = () => {
 }, We = (e) => {
   switch (e.kind) {
     case "init":
@@ -141,43 +141,43 @@ var Pe = class extends Re {
   return [...e.slice(n), t];
 };
 function Xe(e) {
-  const t = e.filter(ne), r = /* @__PURE__ */ new Set([...Object.keys(me), ...t.map((c) => c.geom)]), n = [], o = /* @__PURE__ */ new Set();
+  const t = e.filter(re), r = /* @__PURE__ */ new Set([...Object.keys(me), ...t.map((c) => c.geom)]), n = [], o = /* @__PURE__ */ new Set();
   for (const c of e) {
-    const l = Le(c);
-    l === null || r.has(l.type) || o.has(l.type) || (o.add(l.type), n.push({
+    const u = Le(c);
+    u === null || r.has(u.type) || o.has(u.type) || (o.add(u.type), n.push({
       kind: "user-input",
       severity: "error",
       code: "MISSING_GEOM_RENDERER",
-      message: `Custom geom '${l.type}' is registered but has no renderer.`,
+      message: `Custom geom '${u.type}' is registered but has no renderer.`,
       context: {
-        requested: l.type,
+        requested: u.type,
         kind: "geom-renderer"
       },
-      suggestion: `Add a render half for it: \`defineGeomRenderer(${l.type}Geom, { coord, render })\`, then include it in \`plugins\`.`
+      suggestion: `Add a render half for it: \`defineGeomRenderer(${u.type}Geom, { coord, render })\`, then include it in \`plugins\`.`
     }));
   }
   const a = /* @__PURE__ */ new Map();
   for (const c of t) {
     if ("definition" in c) continue;
-    const l = `${c.geom}|${c.coord}`, h = a.get(l);
-    h ? h.count += 1 : a.set(l, {
+    const u = `${c.geom}|${c.coord}`, h = a.get(u);
+    h ? h.count += 1 : a.set(u, {
       geom: c.geom,
       coord: c.coord,
       count: 1
     });
   }
   const i = [];
-  for (const { geom: c, coord: l, count: h } of a.values())
+  for (const { geom: c, coord: u, count: h } of a.values())
     h < 2 || i.push({
       kind: "user-input",
       severity: "warning",
       code: "DUPLICATE_REGISTERED_TYPE",
-      message: `Multiple render-only overrides register ('${c}', '${l}') (${h} entries); the last in the array wins.`,
+      message: `Multiple render-only overrides register ('${c}', '${u}') (${h} entries); the last in the array wins.`,
       context: {
-        requested: `${c}@${l}`,
+        requested: `${c}@${u}`,
         kind: "geom-renderer"
       },
-      suggestion: `Keep a single render-only override for ('${c}', '${l}').`
+      suggestion: `Keep a single render-only override for ('${c}', '${u}').`
     });
   return {
     errors: n,
@@ -205,7 +205,7 @@ function ze(e, t) {
   for (const i of n) {
     if (i.interactive === !1 || i.spatialKind !== "render-hit-test" || o.has(i.geom)) continue;
     const c = t(i.geom, r.type);
-    c === null || c.hitTest || j(c) || (o.add(i.geom), a.push({
+    c === null || c.hitTest || A(c) || (o.add(i.geom), a.push({
       kind: "user-input",
       severity: "warning",
       code: "MISSING_RENDER_HIT_TEST",
@@ -242,7 +242,7 @@ function Ze(e, t) {
   for (const i of n) {
     if (i.interactive === !1 || i.spatialKind !== "render-hit-test" || o.has(i.geom)) continue;
     const c = t(i.geom, r.type);
-    c === null || !c.hitTest || !j(c) || (o.add(i.geom), a.push({
+    c === null || !c.hitTest || !A(c) || (o.add(i.geom), a.push({
       kind: "user-input",
       severity: "warning",
       code: "CONFLICTING_RENDER_HIT_TEST",
@@ -277,7 +277,7 @@ function tt(e, t) {
   for (const i of n) {
     if (i.interactive === !1 || i.spatialKind === "render-hit-test" || o.has(i.geom)) continue;
     const c = t(i.geom, r.type);
-    c === null || !j(c) || (o.add(i.geom), a.push({
+    c === null || !A(c) || (o.add(i.geom), a.push({
       kind: "user-input",
       severity: "warning",
       code: "OVERLAY_REQUIRES_RENDER_HIT_TEST",
@@ -294,30 +294,30 @@ function tt(e, t) {
 var rt = (e) => F((t) => ({
   compiled: e,
   setCompiled: (r) => t((n) => n.compiled === r ? n : { compiled: r })
-})), nt = ({ input: e, data: t, customPalettes: r, colorScheme: n, plugins: o, resolveRenderer: a, anchorResolver: i, onChange: c, onError: l, onWarnings: h }) => {
-  const T = K(c), _ = K(l), q = K(h), [{ session: g, compileBus: u }] = C(() => {
-    const s = Se({ plugins: o });
+})), nt = ({ input: e, data: t, customPalettes: r, colorScheme: n, plugins: o, resolveRenderer: a, anchorResolver: i, onChange: c, onError: u, onWarnings: h }) => {
+  const T = B(c), w = B(u), R = B(h), [{ session: m, compileBus: l }] = C(() => {
+    const s = be({ plugins: o });
     return {
       session: new fe(s),
-      compileBus: Ye(s)
+      compileBus: Fe(s)
     };
-  }), [m] = C(() => Xe(o ?? [])), y = X(null), [w] = C(st), N = X(null), S = f((s) => m.errors.length === 0 ? s : [...m.errors, ...s ?? []], [m]), k = f((s) => {
+  }), [g] = C(() => Xe(o ?? [])), q = V(null), [k] = C(st), y = V(null), G = f((s) => g.errors.length === 0 ? s : [...g.errors, ...s ?? []], [g]), I = f((s) => {
     if (!s.ok) return s.errors;
-    if (N.current) N.current.getState().setCompiled(s.compiled);
+    if (y.current) y.current.getState().setCompiled(s.compiled);
     else {
       const p = rt(s.compiled);
-      p.subscribe(w.notify), N.current = p, w.notify();
+      p.subscribe(k.notify), y.current = p, k.notify();
     }
     return null;
-  }, [w]), [x, D] = C(() => {
-    const s = g.compile({
+  }, [k]), [$, x] = C(() => {
+    const s = m.compile({
       input: e,
       data: t,
       customPalettes: r,
       colorScheme: n
     });
-    return y.current = s, S(k(s));
-  }), G = f((s) => s.ok ? [
+    return q.current = s, G(I(s));
+  }), b = f((s) => s.ok ? [
     ...s.warnings,
     ...Qe(s.compiled, a),
     ...ze(s.compiled, a),
@@ -325,22 +325,22 @@ var rt = (e) => F((t) => ({
     ...Ze(s.compiled, a),
     ...tt(s.compiled, a),
     ...et(s.compiled, i)
-  ] : s.warnings, [a, i]), b = f((s) => {
-    s.length !== 0 && (A(s), _.current?.(s));
-  }, [_]), R = f((s) => {
-    s.length !== 0 && (A(s), q.current?.(s));
-  }, [q]);
-  $(() => {
-    const s = y.current;
-    s && (b([...m.errors, ...s.ok ? [] : s.errors]), R([...m.warnings, ...G(s)]), s.ok && u.emit({ kind: "init" }));
+  ] : s.warnings, [a, i]), N = f((s) => {
+    s.length !== 0 && (O(s), w.current?.(s));
+  }, [w]), S = f((s) => {
+    s.length !== 0 && (O(s), R.current?.(s));
+  }, [R]);
+  D(() => {
+    const s = q.current;
+    s && (N([...g.errors, ...s.ok ? [] : s.errors]), S([...g.warnings, ...b(s)]), s.ok && l.emit({ kind: "init" }));
   }, [
-    u,
-    b,
-    R,
-    m,
-    G
-  ]), $(() => {
-    const s = g.update({
+    l,
+    N,
+    S,
+    g,
+    b
+  ]), D(() => {
+    const s = m.update({
       input: e,
       data: t,
       customPalettes: r,
@@ -348,63 +348,63 @@ var rt = (e) => F((t) => ({
     });
     if (!s) return;
     s.sealedInput && T.current?.(s.sealedInput);
-    const p = k(s.result);
-    D(S(p)), p && b(p), R(G(s.result)), p || u.emit({ kind: s.inputChanged ? "input" : "data" });
+    const p = I(s.result);
+    x(G(p)), p && N(p), S(b(s.result)), p || l.emit({ kind: s.inputChanged ? "input" : "data" });
   }, [
     e,
     t,
     r,
     n,
-    g,
-    u,
-    k,
-    b,
-    R,
+    m,
+    l,
+    I,
+    N,
     S,
     G,
+    b,
     T
   ]);
-  const I = f((s) => {
-    D((p) => p === null ? p : S(null)), R(G(s));
+  const H = f((s) => {
+    x((p) => p === null ? p : G(null)), S(b(s));
   }, [
+    G,
     S,
-    R,
-    G
-  ]), H = f((s) => {
-    s.compiled && N.current?.getState().setCompiled(s.compiled), s.result && I(s.result), s.command && u.emit({
+    b
+  ]), _ = f((s) => {
+    s.compiled && y.current?.getState().setCompiled(s.compiled), s.result && H(s.result), s.command && l.emit({
       kind: "command",
       command: s.command
-    }), s.input && T.current?.(s.input), s.errors && b([...s.errors]);
+    }), s.input && T.current?.(s.input), s.errors && N([...s.errors]);
   }, [
-    I,
-    u,
+    H,
+    l,
     T,
-    b
+    N
   ]), E = f((s) => {
-    for (const p of s) H(p);
+    for (const p of s) _(p);
     return s.some((p) => !!p.compiled);
-  }, [H]), B = f((s, p) => {
-    E(g.applyCommand(s, p));
-  }, [g, E]), ie = f(() => {
-    E(g.seal());
-  }, [g, E]), U = f(() => E(g.undo()), [g, E]), W = f(() => E(g.redo()), [g, E]), ae = L(() => ({
-    stack: g.history,
+  }, [_]), oe = f((s, p) => {
+    E(m.applyCommand(s, p));
+  }, [m, E]), ie = f(() => {
+    E(m.seal());
+  }, [m, E]), U = f(() => E(m.undo()), [m, E]), Y = f(() => E(m.redo()), [m, E]), ae = L(() => ({
+    stack: m.history,
     undo: U,
-    redo: W
+    redo: Y
   }), [
-    g,
+    m,
     U,
-    W
-  ]), ce = f(() => N.current?.getState().compiled ?? null, []);
+    Y
+  ]), ce = f(() => y.current?.getState().compiled ?? null, []);
   return {
-    store: N.current,
-    dispatch: B,
+    store: y.current,
+    dispatch: oe,
     seal: ie,
     history: ae,
-    subscribe: w.subscribe,
+    subscribe: k.subscribe,
     getCompiled: ce,
-    compileBus: u,
-    compileErrors: x
+    compileBus: l,
+    compileErrors: $
   };
 }, st = () => {
   const e = /* @__PURE__ */ new Set();
@@ -414,94 +414,92 @@ var rt = (e) => F((t) => ({
     }),
     notify: () => e.forEach((t) => t())
   };
-}, ot = {}, it = ({ data: e, input: t, plugins: r = [], formattingLocale: n, handleRef: o, onChange: a, onError: i, onWarnings: c, customPalettes: l, colorScheme: h = "light", themeOverrides: T = ot, children: _ }) => {
-  const [q] = C(() => ue(r.filter(ne))), g = qe(), [u] = C(() => ye(r)), [m] = C(() => Oe()), { store: y, dispatch: w, seal: N, history: S, subscribe: k, getCompiled: x, compileBus: D, compileErrors: G } = nt({
+}, ot = ({ data: e, input: t, plugins: r = [], formattingLocale: n, handleRef: o, onChange: a, onError: i, onWarnings: c, customPalettes: u, colorScheme: h = "light", children: T }) => {
+  const [w] = C(() => ue(r.filter(re))), R = qe(), [m] = C(() => ye(r)), [l] = C(() => Oe()), { store: g, dispatch: q, seal: k, history: y, subscribe: G, getCompiled: I, compileBus: $, compileErrors: x } = nt({
     input: t,
     data: e,
-    customPalettes: l,
+    customPalettes: u,
     colorScheme: h,
     plugins: r,
-    resolveRenderer: q,
-    anchorResolver: u,
+    resolveRenderer: w,
+    anchorResolver: m,
     onChange: a,
     onError: i,
     onWarnings: c
   });
-  $(() => {
-    if (y)
-      return y.subscribe((I, H) => {
-        if (I.compiled.spec === H.compiled.spec) return;
-        const { selection: E, setSelection: B } = m.getState();
-        E.length !== 0 && B(Be(E, I.compiled.spec));
+  D(() => {
+    if (g)
+      return g.subscribe((S, H) => {
+        if (S.compiled.spec === H.compiled.spec) return;
+        const { selection: _, setSelection: E } = l.getState();
+        _.length !== 0 && E(Be(_, S.compiled.spec));
       });
-  }, [y, m]);
+  }, [g, l]);
   const b = L(() => ({
-    dispatch: w,
-    seal: N
-  }), [w, N]);
+    dispatch: q,
+    seal: k
+  }), [q, k]);
   Ge(o, () => ({
     commands: b,
-    undo: S.undo,
-    redo: S.redo,
-    subscribe: k,
-    getCompiled: x,
-    getSelection: () => m.getState().selection,
-    setSelection: (I) => m.getState().setSelection(I),
-    subscribeSelection: m.subscribe
+    undo: y.undo,
+    redo: y.redo,
+    subscribe: G,
+    getCompiled: I,
+    getSelection: () => l.getState().selection,
+    setSelection: (S) => l.getState().setSelection(S),
+    subscribeSelection: l.subscribe
   }), [
     b,
-    S,
-    k,
-    x,
-    m
+    y,
+    G,
+    I,
+    l
   ]);
-  const R = L(() => y ? {
-    chartId: g,
-    store: y,
-    selectionStore: m,
+  const N = L(() => g ? {
+    chartId: R,
+    store: g,
+    selectionStore: l,
     commands: b,
-    history: S,
+    history: y,
     formattingLocale: n,
-    compileBus: D,
+    compileBus: $,
     colorScheme: h,
-    themeOverrides: T,
-    anchorResolver: u
+    anchorResolver: m
   } : null, [
+    R,
     g,
-    y,
-    m,
+    l,
     b,
-    S,
+    y,
     n,
-    D,
+    $,
     h,
-    T,
-    u
+    m
   ]);
   return /* @__PURE__ */ d(Pe, {
-    forcedErrors: G,
+    forcedErrors: x,
     onError: i,
     resetKeys: [t, e],
-    children: R ? /* @__PURE__ */ d(de.Provider, {
-      value: R,
+    children: N ? /* @__PURE__ */ d(de.Provider, {
+      value: N,
       children: /* @__PURE__ */ d(le, {
-        value: q,
-        children: _
+        value: w,
+        children: T
       })
     }) : null
   });
 };
-function mr(e) {
-  const t = be(e);
+function ur(e) {
+  const t = Se(e);
   return {
     ...t,
-    GraphProvider: (n) => /* @__PURE__ */ d(it, {
+    GraphProvider: (n) => /* @__PURE__ */ d(ot, {
       ...n,
       plugins: t.plugins
     })
   };
 }
-var gr = ({ children: e, ...t }) => /* @__PURE__ */ d("svg", {
+var mr = ({ children: e, ...t }) => /* @__PURE__ */ d("svg", {
   viewBox: "0 0 1 1",
   preserveAspectRatio: "none",
   width: "100%",
@@ -509,7 +507,7 @@ var gr = ({ children: e, ...t }) => /* @__PURE__ */ d("svg", {
   pointerEvents: "none",
   ...t,
   children: e
-}), hr = ({ box: e, children: t }) => /* @__PURE__ */ d("svg", {
+}), gr = ({ box: e, children: t }) => /* @__PURE__ */ d("svg", {
   x: M(e.x0),
   y: M(e.y0),
   width: M(e.x1 - e.x0),
@@ -517,49 +515,49 @@ var gr = ({ children: e, ...t }) => /* @__PURE__ */ d("svg", {
   overflow: "hidden",
   pointerEvents: "none",
   children: t
-}), at = "drqe3u0", ct = "drqe3u1", dt = "drqe3u2", lt = "drqe3u3", P = "drqe3u4", ut = "drqe3u5", mt = "drqe3u6", gt = "drqe3u7", O = "drqe3u8", ht = "drqe3u9", pt = "drqe3ua";
-var ft = "drqe3uc", vt = "drqe3ud", yt = "drqe3ue", St = "drqe3uf";
-var bt = "drqe3uh", Et = "drqe3ui", ee = {
+}), it = "drqe3u0", at = "drqe3u1", ct = "drqe3u2", dt = "drqe3u3", P = "drqe3u4", lt = "drqe3u5", ut = "drqe3u6", mt = "drqe3u7", K = "drqe3u8", gt = "drqe3u9", ht = "drqe3ua";
+var pt = "drqe3uc", ft = "drqe3ud", vt = "drqe3ue", yt = "drqe3uf";
+var bt = "drqe3uh", St = "drqe3ui", Z = {
   enabled: "drqe3uk drqe3uj",
   disabled: "drqe3ul drqe3uj"
-}, te = {
+}, ee = {
   ran: "drqe3un drqe3um",
   dim: "drqe3uo drqe3um"
-}, se = {
+}, ne = {
   ran: "drqe3uq drqe3up",
   cached: "drqe3ur drqe3up",
   untouched: "drqe3us drqe3up"
-}, pr = ({ width: e = 380, style: t, className: r } = {}) => {
-  const { compileBus: n } = re(), [o] = C(() => Fe()), [a, i] = C(!1), [c, l] = C(Te);
-  $(() => {
-    const { recordCompile: u } = o.getState(), m = n.getLastTrigger(), y = n.getLastCompile();
-    return m && y && u(m, y), n.subscribe(u);
+}, hr = ({ width: e = 380, style: t, className: r } = {}) => {
+  const { compileBus: n } = te(), [o] = C(() => Ue()), [a, i] = C(!1), [c, u] = C(Ce);
+  D(() => {
+    const { recordCompile: l } = o.getState(), g = n.getLastTrigger(), q = n.getLastCompile();
+    return g && q && l(g, q), n.subscribe(l);
   }, [o, n]);
-  const h = Q(o, (u) => u.lastCompile), T = Q(o, (u) => u.history), _ = n.getCacheStats(), q = h === null && T.length === 0, g = () => {
-    l((u) => {
-      const m = !u;
-      return Ne(m), m;
+  const h = X(o, (l) => l.lastCompile), T = X(o, (l) => l.history), w = n.getCacheStats(), R = h === null && T.length === 0, m = () => {
+    u((l) => {
+      const g = !l;
+      return Ne(g), g;
     });
   };
   return /* @__PURE__ */ v("div", {
-    className: _e(pt, r),
+    className: Ie(ht, r),
     style: {
       width: e,
       ...t
     },
     children: [
       /* @__PURE__ */ v("div", {
-        className: at,
+        className: it,
         children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ d("div", {
-          className: ct,
+          className: at,
           children: "compile cache"
         }), /* @__PURE__ */ d("div", {
-          className: yt,
-          children: q ? "production: stats disabled" : h ? `last: ${h.label} · ${oe(h.durationMs)}` : "awaiting first compile…"
+          className: vt,
+          children: R ? "production: stats disabled" : h ? `last: ${h.label} · ${se(h.durationMs)}` : "awaiting first compile…"
         })] }), /* @__PURE__ */ d("button", {
           type: "button",
-          onClick: () => i((u) => !u),
-          className: St,
+          onClick: () => i((l) => !l),
+          className: yt,
           children: a ? "▾" : "▴"
         })]
       }),
@@ -567,8 +565,8 @@ var bt = "drqe3uh", Et = "drqe3ui", ee = {
         className: "drqe3ub",
         children: [/* @__PURE__ */ v("button", {
           type: "button",
-          onClick: g,
-          className: c ? ee.enabled : ee.disabled,
+          onClick: m,
+          className: c ? Z.enabled : Z.disabled,
           "aria-pressed": c,
           children: ["cache ", c ? "enabled" : "disabled"]
         }), /* @__PURE__ */ d("span", {
@@ -576,19 +574,19 @@ var bt = "drqe3uh", Et = "drqe3ui", ee = {
           children: "next compile reflects this toggle"
         })]
       }),
-      !a && !q && /* @__PURE__ */ v(Ie, { children: [/* @__PURE__ */ d(Tt, {
+      !a && !R && /* @__PURE__ */ v(ke, { children: [/* @__PURE__ */ d(Et, {
         delta: h?.stages,
-        cumulative: _
+        cumulative: w
       }), /* @__PURE__ */ d(Ct, { entries: T })] })
     ]
   });
-}, Tt = ({ delta: e, cumulative: t }) => /* @__PURE__ */ v("table", {
-  className: dt,
+}, Et = ({ delta: e, cumulative: t }) => /* @__PURE__ */ v("table", {
+  className: ct,
   children: [/* @__PURE__ */ d("thead", { children: /* @__PURE__ */ v("tr", {
     className: bt,
     children: [
       /* @__PURE__ */ d("th", {
-        className: lt,
+        className: dt,
         children: "stage"
       }),
       /* @__PURE__ */ d("th", {
@@ -608,16 +606,16 @@ var bt = "drqe3uh", Et = "drqe3ui", ee = {
         children: "total hit"
       })
     ]
-  }) }), /* @__PURE__ */ d("tbody", { children: Y.map((r) => {
-    const n = e?.[r], o = Nt(n);
+  }) }), /* @__PURE__ */ d("tbody", { children: j.map((r) => {
+    const n = e?.[r], o = Tt(n);
     return /* @__PURE__ */ v("tr", {
-      className: ft,
+      className: pt,
       children: [
         /* @__PURE__ */ v("td", {
-          className: ut,
+          className: lt,
           children: [
             /* @__PURE__ */ d("span", {
-              className: se[o],
+              className: ne[o],
               "aria-hidden": !0
             }),
             " ",
@@ -625,62 +623,62 @@ var bt = "drqe3uh", Et = "drqe3ui", ee = {
           ]
         }),
         /* @__PURE__ */ d("td", {
-          className: o === "ran" ? te.ran : te.dim,
+          className: o === "ran" ? ee.ran : ee.dim,
           children: n?.misses ?? 0
         }),
         /* @__PURE__ */ d("td", {
-          className: O,
+          className: K,
           children: n?.hits ?? 0
         }),
         /* @__PURE__ */ d("td", {
-          className: O,
+          className: K,
           children: t[r].misses
         }),
         /* @__PURE__ */ d("td", {
-          className: O,
+          className: K,
           children: t[r].hits
         })
       ]
     }, r);
   }) })]
 }), Ct = ({ entries: e }) => e.length === 0 ? null : /* @__PURE__ */ v("div", {
-  className: vt,
+  className: ft,
   children: [/* @__PURE__ */ d("div", {
-    className: Et,
+    className: St,
     children: "recent compiles"
   }), e.map((t) => {
-    const r = Rt(t.stages, (a) => a.misses > 0), n = Y.length;
+    const r = Nt(t.stages, (a) => a.misses > 0), n = j.length;
     return /* @__PURE__ */ v("div", {
-      className: mt,
+      className: ut,
       children: [
         /* @__PURE__ */ d("span", {
-          className: se[r === 0 ? "cached" : "ran"],
+          className: ne[r === 0 ? "cached" : "ran"],
           "aria-hidden": !0
         }),
         /* @__PURE__ */ d("span", {
-          className: gt,
+          className: mt,
           title: t.label,
           children: t.label
         }),
         /* @__PURE__ */ v("span", {
-          className: ht,
+          className: gt,
           children: [
             r,
             "/",
             n,
             " ran · ",
-            oe(t.durationMs)
+            se(t.durationMs)
           ]
         })
       ]
     }, t.id);
   })]
-}), Nt = (e) => !e || e.hits === 0 && e.misses === 0 ? "untouched" : e.misses > 0 ? "ran" : "cached", Rt = (e, t) => {
+}), Tt = (e) => !e || e.hits === 0 && e.misses === 0 ? "untouched" : e.misses > 0 ? "ran" : "cached", Nt = (e, t) => {
   let r = 0;
-  for (const n of Y) t(e[n]) && (r += 1);
+  for (const n of j) t(e[n]) && (r += 1);
   return r;
-}, oe = (e) => e >= 10 ? `${e.toFixed(0)}ms` : `${e.toFixed(2)}ms`, fr = () => {
-  const { history: e } = re(), { stack: t, undo: r, redo: n } = e, o = f((c) => t.subscribe(c), [t]), a = f(() => t.getSnapshot(), [t]), i = we(o, a, a);
+}, se = (e) => e >= 10 ? `${e.toFixed(0)}ms` : `${e.toFixed(2)}ms`, pr = () => {
+  const { history: e } = te(), { stack: t, undo: r, redo: n } = e, o = f((c) => t.subscribe(c), [t]), a = f(() => t.getSnapshot(), [t]), i = we(o, a, a);
   return L(() => ({
     ...i,
     undo: r,
@@ -690,7 +688,7 @@ var bt = "drqe3uh", Et = "drqe3ui", ee = {
     r,
     n
   ]);
-}, qt = /* @__PURE__ */ new Set([
+}, Rt = /* @__PURE__ */ new Set([
   "button",
   "checkbox",
   "color",
@@ -701,17 +699,17 @@ var bt = "drqe3uh", Et = "drqe3ui", ee = {
   "range",
   "reset",
   "submit"
-]), vr = (e, t = {}) => {
+]), fr = (e, t = {}) => {
   const { target: r, enabled: n = !0 } = t;
-  $(() => {
-    const o = Gt(r);
+  D(() => {
+    const o = qt(r);
     if (!n || !o) return;
     const a = (i) => {
-      if (!wt(i) || i.defaultPrevented || It(i.target)) return;
+      if (!Gt(i) || i.defaultPrevented || wt(i.target)) return;
       const c = ge(i);
       if (!c) return;
-      const l = e.current;
-      l && (c === "undo" ? l.undo() : l.redo()) && i.preventDefault();
+      const u = e.current;
+      u && (c === "undo" ? u.undo() : u.redo()) && i.preventDefault();
     };
     return o.addEventListener("keydown", a), () => o.removeEventListener("keydown", a);
   }, [
@@ -719,44 +717,44 @@ var bt = "drqe3uh", Et = "drqe3ui", ee = {
     r,
     n
   ]);
-}, Gt = (e) => e === void 0 ? window : e !== null && "current" in e ? e.current : e, wt = (e) => "key" in e, It = (e) => e instanceof HTMLInputElement ? !qt.has(e.type) : e instanceof HTMLElement ? e.isContentEditable || e.tagName === "TEXTAREA" : !1;
+}, qt = (e) => e === void 0 ? window : e !== null && "current" in e ? e.current : e, Gt = (e) => "key" in e, wt = (e) => e instanceof HTMLInputElement ? !Rt.has(e.type) : e instanceof HTMLElement ? e.isContentEditable || e.tagName === "TEXTAREA" : !1;
 export {
-  Yt as BrandMark,
-  Mt as CanvasTextMeasurer,
+  jt as BrandMark,
+  Ht as CanvasTextMeasurer,
   Ut as DefaultFooter,
-  Zt as DefaultGrid,
-  Ht as DefaultHeader,
-  nr as DefaultSwatch,
-  Lt as DefaultTooltip,
-  pr as DevToolsPanel,
+  Jt as DefaultGrid,
+  xt as DefaultHeader,
+  rr as DefaultSwatch,
+  Pt as DefaultTooltip,
+  hr as DevToolsPanel,
   Pe as GraphErrorBoundary,
-  z as GraphErrorPanel,
-  it as GraphProvider,
-  Kt as GraphRenderer,
-  Vt as HoverProvider,
-  kt as TextMeasurerProvider,
-  er as ThemeProvider,
-  hr as UnitBoxSvg,
-  gr as UnitSpaceSvg,
-  mr as createGraphyKit,
-  Jt as darkTheme,
-  tr as defineGeomRenderer,
-  jt as lightTheme,
+  Q as GraphErrorPanel,
+  ot as GraphProvider,
+  Bt as GraphRenderer,
+  Wt as HoverProvider,
+  It as TextMeasurerProvider,
+  Zt as ThemeProvider,
+  gr as UnitBoxSvg,
+  mr as UnitSpaceSvg,
+  ur as createGraphyKit,
+  zt as darkTheme,
+  er as defineGeomRenderer,
+  At as lightTheme,
   Ft as lightenCss,
   Be as pruneSelection,
-  Dt as resolveBrandMarkVisual,
-  xt as useCompiledSelector,
-  Wt as useElementScreenRect,
-  Qt as useGeomHitTest,
-  Ot as useGeomHover,
-  Xt as useGraphCommands,
-  At as useGraphHandle,
-  fr as useGraphHistory,
-  vr as useGraphHistoryShortcuts,
-  Bt as useGraphSelection,
-  zt as useHandleCompiled,
-  Pt as useHoverState,
-  $t as useStyleReaders,
-  rr as useTextMeasurer,
-  or as vars
+  _t as resolveBrandMarkVisual,
+  $t as useCompiledSelector,
+  Yt as useElementScreenRect,
+  Xt as useGeomHitTest,
+  Kt as useGeomHover,
+  Vt as useGraphCommands,
+  Ot as useGraphHandle,
+  pr as useGraphHistory,
+  fr as useGraphHistoryShortcuts,
+  Lt as useGraphSelection,
+  Qt as useHandleCompiled,
+  Mt as useHoverState,
+  Dt as useStyleReaders,
+  tr as useTextMeasurer,
+  sr as vars
 };