@graphysdk/react-renderer 1.9.0-beta.1790233123402 → 1.9.0-beta.1790263076123

package/dist/index.mjs

@@ -1,13 +1,13 @@
-import { $t, At as F, B as xt, Bt as Ht, Ct as Mt, Dt as le, Et as K, Ft as ue, Gt as Lt, L as Pt, Lt as Bt, M as Ot, N as At, Ot as me, Pt as Kt, Qt as jt, R as Ft, Rt as Ut, T as Yt, V as Vt, a as Wt, an as j, c as Qt, dt as Xt, en as zt, ft as Jt, g as Zt, gt as er, i as tr, in as oe, it as rr, j as nr, jt as ge, kt as sr, lt as or, n as he, nn as ir, o as ar, r as cr, rn as pe, rt as dr, t as lr, tn as ur, vt as mr, wt as gr, yt as hr, zt as pr } from "./use-target-boundary-wO7GBGCI.js";
+import { At as le, B as $t, Bt as Ht, Dt as K, Ht as xt, Jt as Mt, L as Lt, Lt as Pt, M as Bt, Mt as At, N as Ot, Nt as U, Pt as ue, R as Kt, Rt as me, T as jt, Tt as Ut, Ut as Ft, V as Yt, Vt, _t as Wt, a as Xt, an as Jt, bt as Qt, c as zt, cn as j, dt as Zt, ft as er, g as tr, i as rr, in as nr, it as sr, j as or, jt as ge, lt as ir, n as he, nn as ar, o as cr, on as pe, r as dr, rn as lr, rt as ur, sn as oe, t as mr, tn as gr, wt as hr, yt as pr } from "./use-target-boundary-4MJrqeJ9.js";
 import { n as vr } from "./theme.contract.css-AyXDNf0F.js";
-import { COMPILER_STAGE_KEYS as U, Geom as fe, GraphCompilationSession as ve, areEditTargetsEqual as ye, buildDiagnostic as X, createAnchorResolver as Se, createCompiler as be, createSpecBuilder as Ee, createStyleResolver as Te, findAnnotation as Re, findLayerById as z, isCompilerCachingEnabled as Ne, resolveDefinition as Ce, setCompilerCachingEnabled as qe, toPercent as B } from "@graphysdk/viz-engine";
-import { Component as Ge, useCallback as f, useEffect as M, useId as ke, useImperativeHandle as we, useMemo as H, useRef as J, useState as b, useSyncExternalStore as Ie } from "react";
+import { COMPILER_STAGE_KEYS as F, Geom as fe, GraphCompilationSession as ve, areEditTargetsEqual as ye, buildDiagnostic as J, createAnchorResolver as Se, createCompiler as be, createSpecBuilder as Ee, createStyleResolver as Te, findAnnotation as Re, findLayerById as Q, isCompilerCachingEnabled as Ne, resolveDefinition as qe, setCompilerCachingEnabled as Ce, toPercent as B } from "@graphysdk/viz-engine";
+import { Component as Ge, useCallback as f, useEffect as M, useId as ke, useImperativeHandle as we, useMemo as x, useRef as z, useState as b, useSyncExternalStore as Ie } from "react";
 import { Fragment as De, jsx as c, jsxs as v } from "react/jsx-runtime";
 import { useStore as Z } from "zustand";
 import { createStore as Y } from "zustand/vanilla";
 import _e from "clsx";
-import './index.css';var $e = "_1a5iqpb0", xe = "_1a5iqpb1";
-var He = "_1a5iqpb3", Me = "_1a5iqpb4", Le = "_1a5iqpb5";
+import './index.css';var $e = "_1a5iqpb0", He = "_1a5iqpb1";
+var xe = "_1a5iqpb3", Me = "_1a5iqpb4", Le = "_1a5iqpb5";
 var ee = ({ errors: e }) => {
   const [t, ...n] = e;
   return /* @__PURE__ */ v("div", {
@@ -15,7 +15,7 @@ var ee = ({ errors: e }) => {
     className: $e,
     children: [
       /* @__PURE__ */ c("strong", {
-        className: xe,
+        className: He,
         children: "This chart could not be rendered."
       }),
       t && /* @__PURE__ */ c(te, { diagnostic: t }),
@@ -26,7 +26,7 @@ var ee = ({ errors: e }) => {
     ]
   });
 }, te = ({ diagnostic: e }) => /* @__PURE__ */ v("div", {
-  className: He,
+  className: xe,
   children: [
     /* @__PURE__ */ c("span", {
       className: Me,
@@ -50,10 +50,10 @@ var Be = class extends Ge {
     super(...e), this.state = { caughtDiagnostic: null };
   }
   static getDerivedStateFromError(e) {
-    return { caughtDiagnostic: X(e) };
+    return { caughtDiagnostic: J(e) };
   }
   componentDidCatch(e, t) {
-    const n = X(e);
+    const n = J(e);
     j([n]), this.props.onError?.([n]), console.error("Chart render component stack:", t.componentStack);
   }
   componentDidUpdate(e) {
@@ -65,24 +65,24 @@ var Be = class extends Ge {
     const { forcedErrors: t, children: n } = this.props;
     return t && t.length > 0 ? /* @__PURE__ */ c(ee, { errors: t }) : n;
   }
-}, ie = (e) => typeof e == "object" && "geom" in e && "render" in e, Oe = (e) => {
-  const t = Ce(e);
+}, ie = (e) => typeof e == "object" && "geom" in e && "render" in e, Ae = (e) => {
+  const t = qe(e);
   return t instanceof fe ? t : null;
-}, Ae = (e, t) => {
+}, Oe = (e, t) => {
   const n = e.filter((r) => Ke(r, t));
   return n.length === e.length ? e : n;
-}, Ke = (e, t) => e.kind === "annotation" ? Re(t.annotations, e.id) !== null : e.kind === "observations" ? z(t.layers, e.layerId) !== void 0 : e.kind === "layer" && e.layerId !== void 0 ? z(t.layers, e.layerId) !== void 0 : !0, re = [], je = () => Y((e) => ({
+}, Ke = (e, t) => e.kind === "annotation" ? Re(t.annotations, e.id) !== null : e.kind === "observations" ? Q(t.layers, e.layerId) !== void 0 : e.kind === "layer" && e.layerId !== void 0 ? Q(t.layers, e.layerId) !== void 0 : !0, re = [], je = () => Y((e) => ({
   selection: re,
-  setSelection: (t) => e((n) => Fe(n.selection, t) ? n : { selection: t }),
+  setSelection: (t) => e((n) => Ue(n.selection, t) ? n : { selection: t }),
   clearSelection: () => e((t) => t.selection.length === 0 ? t : { selection: re })
-})), Fe = (e, t) => e === t ? !0 : e.length !== t.length ? !1 : e.every((n, r) => {
+})), Ue = (e, t) => e === t ? !0 : e.length !== t.length ? !1 : e.every((n, r) => {
   const o = t[r];
   return o !== void 0 && ye(n, o);
-}), Ue = process.env.NODE_ENV !== "production", Ye = 5, Ve = (e) => {
-  if (!Ue) return {
+}), Fe = process.env.NODE_ENV !== "production", Ye = 5, Ve = (e) => {
+  if (!Fe) return {
     emit: () => {
     },
-    subscribe: () => Qe,
+    subscribe: () => Xe,
     getLastTrigger: () => null,
     getLastCompile: () => null,
     getCacheStats: () => e.getCacheStats()
@@ -113,20 +113,20 @@ var Be = class extends Ge {
     if (r.lastSnapshot === n) return r;
     const o = {
       id: r.nextId,
-      label: Xe(t),
+      label: Je(t),
       stages: n.stages,
       stageDurationsMs: n.stageDurationsMs,
       durationMs: n.durationMs
     };
     return {
       lastCompile: o,
-      history: ze(r.history, o, Ye),
+      history: Qe(r.history, o, Ye),
       nextId: r.nextId + 1,
       lastSnapshot: n
     };
   })
-})), Qe = () => {
-}, Xe = (e) => {
+})), Xe = () => {
+}, Je = (e) => {
   switch (e.kind) {
     case "init":
       return "init";
@@ -137,14 +137,14 @@ var Be = class extends Ge {
     case "command":
       return e.command.metadata.description;
   }
-}, ze = (e, t, n) => {
+}, Qe = (e, t, n) => {
   const r = e.length >= n ? e.length - (n - 1) : 0;
   return [...e.slice(r), t];
 };
-function Je(e) {
-  const t = e.filter(ie), n = /* @__PURE__ */ new Set([...Object.keys(ge), ...t.map((d) => d.geom)]), r = [], o = /* @__PURE__ */ new Set();
+function ze(e) {
+  const t = e.filter(ie), n = /* @__PURE__ */ new Set([...Object.keys(ue), ...t.map((d) => d.geom)]), r = [], o = /* @__PURE__ */ new Set();
   for (const d of e) {
-    const u = Oe(d);
+    const u = Ae(d);
     u === null || n.has(u.type) || o.has(u.type) || (o.add(u.type), r.push({
       kind: "user-input",
       severity: "error",
@@ -206,7 +206,7 @@ function et(e, t) {
   for (const i of r) {
     if (i.interactive === !1 || i.spatialKind !== "render-hit-test" || o.has(i.geom)) continue;
     const d = t(i.geom, n.type);
-    d === null || d.hitTest || F(d) || (o.add(i.geom), a.push({
+    d === null || d.hitTest || U(d) || (o.add(i.geom), a.push({
       kind: "user-input",
       severity: "warning",
       code: "MISSING_RENDER_HIT_TEST",
@@ -243,7 +243,7 @@ function rt(e, t) {
   for (const i of r) {
     if (i.interactive === !1 || i.spatialKind !== "render-hit-test" || o.has(i.geom)) continue;
     const d = t(i.geom, n.type);
-    d === null || !d.hitTest || !F(d) || (o.add(i.geom), a.push({
+    d === null || !d.hitTest || !U(d) || (o.add(i.geom), a.push({
       kind: "user-input",
       severity: "warning",
       code: "CONFLICTING_RENDER_HIT_TEST",
@@ -278,7 +278,7 @@ function st(e, t) {
   for (const i of r) {
     if (i.interactive === !1 || i.spatialKind === "render-hit-test" || o.has(i.geom)) continue;
     const d = t(i.geom, n.type);
-    d === null || !F(d) || (o.add(i.geom), a.push({
+    d === null || !U(d) || (o.add(i.geom), a.push({
       kind: "user-input",
       severity: "warning",
       code: "OVERLAY_REQUIRES_RENDER_HIT_TEST",
@@ -296,13 +296,13 @@ var ot = (e) => Y((t) => ({
   scene: e,
   setScene: (n) => t((r) => r.scene === n ? r : { scene: n })
 })), it = ({ spec: e, data: t, customPalettes: n, colorScheme: r, plugins: o, resolveRenderer: a, anchorResolver: i, onSpecChange: d, onError: u, onWarnings: m }) => {
-  const T = K(d), I = K(u), q = K(m), [{ session: g, compileBus: l }] = b(() => {
+  const T = K(d), I = K(u), C = K(m), [{ session: g, compileBus: l }] = b(() => {
     const s = be({ plugins: o });
     return {
       session: new ve(s),
       compileBus: Ve(s)
     };
-  }), [p] = b(() => Je(o ?? [])), G = J(null), [y] = b(at), R = J(null), k = f((s) => p.errors.length === 0 ? s : [...p.errors, ...s ?? []], [p]), N = f((s) => {
+  }), [p] = b(() => ze(o ?? [])), G = z(null), [y] = b(at), R = z(null), k = f((s) => p.errors.length === 0 ? s : [...p.errors, ...s ?? []], [p]), N = f((s) => {
     if (!s.ok) return s.errors;
     if (R.current) R.current.getState().setScene(s.scene);
     else {
@@ -318,7 +318,7 @@ var ot = (e) => Y((t) => ({
       colorScheme: r
     });
     return G.current = s, k(N(s));
-  }), C = f((s) => s.ok ? [
+  }), q = f((s) => s.ok ? [
     ...s.warnings,
     ...Ze(s.scene, a),
     ...et(s.scene, a),
@@ -329,17 +329,17 @@ var ot = (e) => Y((t) => ({
   ] : s.warnings, [a, i]), w = f((s) => {
     s.length !== 0 && (j(s), I.current?.(s));
   }, [I]), S = f((s) => {
-    s.length !== 0 && (j(s), q.current?.(s));
-  }, [q]);
+    s.length !== 0 && (j(s), C.current?.(s));
+  }, [C]);
   M(() => {
     const s = G.current;
-    s && (w([...p.errors, ...s.ok ? [] : s.errors]), S([...p.warnings, ...C(s)]), s.ok && l.emit({ kind: "init" }));
+    s && (w([...p.errors, ...s.ok ? [] : s.errors]), S([...p.warnings, ...q(s)]), s.ok && l.emit({ kind: "init" }));
   }, [
     l,
     w,
     S,
     p,
-    C
+    q
   ]), M(() => {
     const s = g.update({
       spec: e,
@@ -350,7 +350,7 @@ var ot = (e) => Y((t) => ({
     if (!s) return;
     s.committedSpec && T.current?.(s.committedSpec);
     const h = N(s.result);
-    _(k(h)), h && w(h), S(C(s.result)), h || l.emit({ kind: s.specChanged ? "spec" : "data" });
+    _(k(h)), h && w(h), S(q(s.result)), h || l.emit({ kind: s.specChanged ? "spec" : "data" });
   }, [
     e,
     t,
@@ -362,15 +362,15 @@ var ot = (e) => Y((t) => ({
     w,
     S,
     k,
-    C,
+    q,
     T
   ]);
   const $ = f((s) => {
-    _((h) => h === null ? h : k(null)), S(C(s));
+    _((h) => h === null ? h : k(null)), S(q(s));
   }, [
     k,
     S,
-    C
+    q
   ]), D = f((s) => {
     s.scene && R.current?.getState().setScene(s.scene), s.result && $(s.result), s.command && l.emit({
       kind: "command",
@@ -386,21 +386,21 @@ var ot = (e) => Y((t) => ({
     return s.some((h) => !!h.scene);
   }, [D]), P = f((s, h) => {
     E(g.applyCommand(s, h));
-  }, [g, E]), A = f(() => {
+  }, [g, E]), O = f(() => {
     E(g.commit());
-  }, [g, E]), W = f(() => E(g.undo()), [g, E]), Q = f(() => E(g.redo()), [g, E]), ce = H(() => ({
+  }, [g, E]), W = f(() => E(g.undo()), [g, E]), X = f(() => E(g.redo()), [g, E]), ce = x(() => ({
     stack: g.history,
     undo: W,
-    redo: Q
+    redo: X
   }), [
     g,
     W,
-    Q
+    X
   ]), de = f(() => R.current?.getState().scene ?? null, []);
   return {
     store: R.current,
     dispatch: P,
-    commit: A,
+    commit: O,
     history: ce,
     subscribe: y.subscribe,
     getScene: de,
@@ -416,7 +416,7 @@ var ot = (e) => Y((t) => ({
     notify: () => e.forEach((t) => t())
   };
 }, ct = ({ data: e, spec: t, plugins: n = [], formattingLocale: r, handleRef: o, onSpecChange: a, onError: i, onWarnings: d, customPalettes: u, colorScheme: m = "light", children: T }) => {
-  const [I] = b(() => me(n.filter(ie))), q = ke(), [g] = b(() => Se(n)), [l] = b(() => je()), [p] = b(() => le()), G = H(() => Te({ colorScheme: m }), [m]), { store: y, dispatch: R, commit: k, history: N, subscribe: L, getScene: _, compileBus: C, compileErrors: w } = it({
+  const [I] = b(() => ge(n.filter(ie))), C = ke(), [g] = b(() => Se(n)), [l] = b(() => je()), [p] = b(() => le()), G = x(() => Te({ colorScheme: m }), [m]), { store: y, dispatch: R, commit: k, history: N, subscribe: L, getScene: _, compileBus: q, compileErrors: w } = it({
     spec: t,
     data: e,
     customPalettes: u,
@@ -432,11 +432,11 @@ var ot = (e) => Y((t) => ({
     if (y)
       return y.subscribe((D, E) => {
         if (D.scene.spec === E.scene.spec) return;
-        const { selection: P, setSelection: A } = l.getState();
-        P.length !== 0 && A(Ae(P, D.scene.spec));
+        const { selection: P, setSelection: O } = l.getState();
+        P.length !== 0 && O(Oe(P, D.scene.spec));
       });
   }, [y, l]);
-  const S = H(() => ({
+  const S = x(() => ({
     dispatch: R,
     commit: k
   }), [R, k]);
@@ -456,27 +456,27 @@ var ot = (e) => Y((t) => ({
     _,
     l
   ]);
-  const $ = H(() => y ? {
-    chartId: q,
+  const $ = x(() => y ? {
+    chartId: C,
     store: y,
     selectionStore: l,
     targetBoundaryStore: p,
     commands: S,
     history: N,
     formattingLocale: r,
-    compileBus: C,
+    compileBus: q,
     colorScheme: m,
     styleResolver: G,
     anchorResolver: g
   } : null, [
-    q,
+    C,
     y,
     l,
     p,
     S,
     N,
     r,
-    C,
+    q,
     m,
     G,
     g
@@ -487,7 +487,7 @@ var ot = (e) => Y((t) => ({
     resetKeys: [t, e],
     children: $ ? /* @__PURE__ */ c(pe.Provider, {
       value: $,
-      children: /* @__PURE__ */ c(ue, {
+      children: /* @__PURE__ */ c(me, {
         value: I,
         children: T
       })
@@ -504,7 +504,7 @@ function Nr(e) {
     })
   };
 }
-var Cr = ({ children: e, ...t }) => /* @__PURE__ */ c("svg", {
+var qr = ({ children: e, ...t }) => /* @__PURE__ */ c("svg", {
   viewBox: "0 0 1 1",
   preserveAspectRatio: "none",
   width: "100%",
@@ -512,7 +512,7 @@ var Cr = ({ children: e, ...t }) => /* @__PURE__ */ c("svg", {
   pointerEvents: "none",
   ...t,
   children: e
-}), qr = ({ box: e, children: t }) => /* @__PURE__ */ c("svg", {
+}), Cr = ({ box: e, children: t }) => /* @__PURE__ */ c("svg", {
   x: B(e.x0),
   y: B(e.y0),
   width: B(e.x1 - e.x0),
@@ -520,7 +520,7 @@ var Cr = ({ children: e, ...t }) => /* @__PURE__ */ c("svg", {
   overflow: "hidden",
   pointerEvents: "none",
   children: t
-}), dt = "drqe3u0", lt = "drqe3u1", ut = "drqe3u2", mt = "drqe3u3", x = "drqe3u4", gt = "drqe3u5", ht = "drqe3u6", pt = "drqe3u7", O = "drqe3u8", ft = "drqe3u9", vt = "drqe3ua";
+}), dt = "drqe3u0", lt = "drqe3u1", ut = "drqe3u2", mt = "drqe3u3", H = "drqe3u4", gt = "drqe3u5", ht = "drqe3u6", pt = "drqe3u7", A = "drqe3u8", ft = "drqe3u9", vt = "drqe3ua";
 var yt = "drqe3uc", St = "drqe3ud", bt = "drqe3ue", Et = "drqe3uf";
 var Tt = "drqe3uh", Rt = "drqe3ui", ne = {
   enabled: "drqe3uk drqe3uj",
@@ -538,10 +538,10 @@ var Tt = "drqe3uh", Rt = "drqe3ui", ne = {
     const { recordCompile: l } = o.getState(), p = r.getLastTrigger(), G = r.getLastCompile();
     return p && G && l(p, G), r.subscribe(l);
   }, [o, r]);
-  const m = Z(o, (l) => l.lastCompile), T = Z(o, (l) => l.history), I = r.getCacheStats(), q = m === null && T.length === 0, g = () => {
+  const m = Z(o, (l) => l.lastCompile), T = Z(o, (l) => l.history), I = r.getCacheStats(), C = m === null && T.length === 0, g = () => {
     u((l) => {
       const p = !l;
-      return qe(p), p;
+      return Ce(p), p;
     });
   };
   return /* @__PURE__ */ v("div", {
@@ -558,7 +558,7 @@ var Tt = "drqe3uh", Rt = "drqe3ui", ne = {
           children: "compile cache"
         }), /* @__PURE__ */ c("div", {
           className: bt,
-          children: q ? "production: stats disabled" : m ? `last: ${m.label} · ${V(m.durationMs)}` : "awaiting first compile…"
+          children: C ? "production: stats disabled" : m ? `last: ${m.label} · ${V(m.durationMs)}` : "awaiting first compile…"
         })] }), /* @__PURE__ */ c("button", {
           type: "button",
           onClick: () => i((l) => !l),
@@ -579,11 +579,11 @@ var Tt = "drqe3uh", Rt = "drqe3ui", ne = {
           children: "next compile reflects this toggle"
         })]
       }),
-      !a && !q && /* @__PURE__ */ v(De, { children: [/* @__PURE__ */ c(Nt, {
+      !a && !C && /* @__PURE__ */ v(De, { children: [/* @__PURE__ */ c(Nt, {
         delta: m?.stages,
         durations: m?.stageDurationsMs,
         cumulative: I
-      }), /* @__PURE__ */ c(Ct, { entries: T })] })
+      }), /* @__PURE__ */ c(qt, { entries: T })] })
     ]
   });
 }, Nt = ({ delta: e, durations: t, cumulative: n }) => /* @__PURE__ */ v("table", {
@@ -596,28 +596,28 @@ var Tt = "drqe3uh", Rt = "drqe3ui", ne = {
         children: "stage"
       }),
       /* @__PURE__ */ c("th", {
-        className: x,
+        className: H,
         children: "time"
       }),
       /* @__PURE__ */ c("th", {
-        className: x,
+        className: H,
         children: "Δ miss"
       }),
       /* @__PURE__ */ c("th", {
-        className: x,
+        className: H,
         children: "Δ hit"
       }),
       /* @__PURE__ */ c("th", {
-        className: x,
+        className: H,
         children: "total miss"
       }),
       /* @__PURE__ */ c("th", {
-        className: x,
+        className: H,
         children: "total hit"
       })
     ]
-  }) }), /* @__PURE__ */ c("tbody", { children: U.map((r) => {
-    const o = e?.[r], a = qt(o);
+  }) }), /* @__PURE__ */ c("tbody", { children: F.map((r) => {
+    const o = e?.[r], a = Ct(o);
     return /* @__PURE__ */ v("tr", {
       className: yt,
       children: [
@@ -633,7 +633,7 @@ var Tt = "drqe3uh", Rt = "drqe3ui", ne = {
           ]
         }),
         /* @__PURE__ */ c("td", {
-          className: O,
+          className: A,
           children: t === void 0 || a === "untouched" ? "—" : V(t[r])
         }),
         /* @__PURE__ */ c("td", {
@@ -641,27 +641,27 @@ var Tt = "drqe3uh", Rt = "drqe3ui", ne = {
           children: o?.misses ?? 0
         }),
         /* @__PURE__ */ c("td", {
-          className: O,
+          className: A,
           children: o?.hits ?? 0
         }),
         /* @__PURE__ */ c("td", {
-          className: O,
+          className: A,
           children: n[r].misses
         }),
         /* @__PURE__ */ c("td", {
-          className: O,
+          className: A,
           children: n[r].hits
         })
       ]
     }, r);
   }) })]
-}), Ct = ({ entries: e }) => e.length === 0 ? null : /* @__PURE__ */ v("div", {
+}), qt = ({ entries: e }) => e.length === 0 ? null : /* @__PURE__ */ v("div", {
   className: St,
   children: [/* @__PURE__ */ c("div", {
     className: Rt,
     children: "recent compiles"
   }), e.map((t) => {
-    const n = Gt(t.stages, (a) => a.misses > 0), r = U.length;
+    const n = Gt(t.stages, (a) => a.misses > 0), r = F.length;
     return /* @__PURE__ */ v("div", {
       className: ht,
       children: [
@@ -687,13 +687,13 @@ var Tt = "drqe3uh", Rt = "drqe3ui", ne = {
       ]
     }, t.id);
   })]
-}), qt = (e) => !e || e.hits === 0 && e.misses === 0 ? "untouched" : e.misses > 0 ? "ran" : "cached", Gt = (e, t) => {
+}), Ct = (e) => !e || e.hits === 0 && e.misses === 0 ? "untouched" : e.misses > 0 ? "ran" : "cached", Gt = (e, t) => {
   let n = 0;
-  for (const r of U) t(e[r]) && (n += 1);
+  for (const r of F) t(e[r]) && (n += 1);
   return n;
 }, V = (e) => e < 0.1 ? "<0.1ms" : e >= 10 ? `${e.toFixed(0)}ms` : `${e.toFixed(2)}ms`, kr = () => {
   const { history: e } = oe(), { stack: t, undo: n, redo: r } = e, o = f((d) => t.subscribe(d), [t]), a = f(() => t.getSnapshot(), [t]), i = Ie(o, a, a);
-  return H(() => ({
+  return x(() => ({
     ...i,
     undo: n,
     redo: r
@@ -733,52 +733,52 @@ var Tt = "drqe3uh", Rt = "drqe3ui", ne = {
   ]);
 }, wt = (e) => e === void 0 ? window : e !== null && "current" in e ? e.current : e, It = (e) => "key" in e, Dt = (e) => e instanceof HTMLInputElement ? !kt.has(e.type) : e instanceof HTMLElement ? e.isContentEditable || e.tagName === "TEXTAREA" : !1;
 export {
-  xt as BrandMark,
-  pr as CanvasTextMeasurer,
-  Ft as DefaultFooter,
-  Qt as DefaultGrid,
-  Pt as DefaultHeader,
-  Kt as DefaultSwatch,
-  dr as DefaultTooltip,
+  $t as BrandMark,
+  xt as CanvasTextMeasurer,
+  Kt as DefaultFooter,
+  zt as DefaultGrid,
+  Lt as DefaultHeader,
+  Pt as DefaultSwatch,
+  ur as DefaultTooltip,
   Gr as DevToolsPanel,
-  er as GRAPH_MODES,
+  Wt as GRAPH_MODES,
   Be as GraphErrorBoundary,
   ee as GraphErrorPanel,
   ct as GraphProvider,
-  ar as GraphRenderer,
-  gr as HoverProvider,
-  Bt as TextMeasurerProvider,
-  or as ThemeProvider,
-  qr as UnitBoxSvg,
-  Cr as UnitSpaceSvg,
+  cr as GraphRenderer,
+  Ut as HoverProvider,
+  Ht as TextMeasurerProvider,
+  ir as ThemeProvider,
+  Cr as UnitBoxSvg,
+  qr as UnitSpaceSvg,
   Nr as createGraphyKit,
-  Xt as darkTheme,
-  sr as defineGeomRenderer,
-  Jt as lightTheme,
-  Lt as lightenCss,
-  Ae as pruneSelection,
-  Vt as resolveBrandMarkVisual,
-  nr as stampAxisEditTarget,
-  Ot as stampGridEditTarget,
-  At as stampLegendEditTarget,
-  hr as useElementScreenRect,
-  Mt as useGeomHitTest,
-  mr as useGeomHover,
-  jt as useGeomReaderTree,
-  cr as useGraphCommands,
-  Wt as useGraphHandle,
+  Zt as darkTheme,
+  At as defineGeomRenderer,
+  er as lightTheme,
+  Mt as lightenCss,
+  Oe as pruneSelection,
+  Yt as resolveBrandMarkVisual,
+  or as stampAxisEditTarget,
+  Bt as stampGridEditTarget,
+  Ot as stampLegendEditTarget,
+  Qt as useElementScreenRect,
+  hr as useGeomHitTest,
+  pr as useGeomHover,
+  gr as useGeomReaderTree,
+  dr as useGraphCommands,
+  Xt as useGraphHandle,
   kr as useGraphHistory,
   wr as useGraphHistoryShortcuts,
-  Zt as useGraphSelection,
-  Yt as useGuidesTakePress,
-  tr as useHandleScene,
-  rr as useHoverState,
-  Ht as useResolvedStyle,
-  ir as useSceneSelector,
-  $t as useStyleReaderTree,
-  zt as useStyleReaders,
-  ur as useStyleResolver,
-  lr as useTargetBoundary,
-  Ut as useTextMeasurer,
+  tr as useGraphSelection,
+  jt as useGuidesTakePress,
+  rr as useHandleScene,
+  sr as useHoverState,
+  Ft as useResolvedStyle,
+  Jt as useSceneSelector,
+  ar as useStyleReaderTree,
+  lr as useStyleReaders,
+  nr as useStyleResolver,
+  mr as useTargetBoundary,
+  Vt as useTextMeasurer,
   vr as vars
 };