@graphysdk/react-renderer 1.9.0-beta.1792409717036 → 1.9.0-beta.1792410301640

package/dist/index.mjs

@@ -1,21 +1,21 @@
-import { At as or, Bt as Ne, Cn as ar, Ct as ir, Dn as Ge, En as cr, Gt as Ce, H as lr, It as we, Jt as dr, Lt as De, M as ur, N as mr, Nt as Q, On as te, Ot as hr, R as gr, Rt as pr, Sn as vr, Tn as fr, Tt as yr, V as Sr, Vt as br, Wt as Er, Xt as Tr, Yt as Rr, _n as Nr, _t as Gr, a as Cr, at as wr, bn as Dr, cn as A, ct as Pr, dn as Pe, en as qr, fn as W, gn as Y, gt as Ir, h as _r, hn as z, i as kr, j as Lr, jn as Z, jt as xr, kn as qe, kt as Mr, ln as fe, mn as Ie, mt as $r, n as Hr, on as Ar, ot as Br, pn as Or, qt as Kr, r as Fr, rn as jr, s as Ur, sn as ye, t as _e, un as ke, w as Wr, wn as Yr, xn as zr, yn as Vr, z as Xr, zt as V } from "./history-chords-CABMe8pp.js";
-import { COMPILER_STAGE_KEYS as re, Geom as Le, GraphCompilationSession as xe, areEditTargetsEqual as Me, buildDiagnostic as oe, createAnchorResolver as $e, createCompiler as He, createDataLabelPlacementResolver as Ae, createSpecBuilder as Be, createStyleResolver as Se, findAnnotation as Oe, findLayerById as ae, isCompilerCachingEnabled as Ke, resolveDefinition as Fe, resolveGeomCornerRadiusPx as ie, setCompilerCachingEnabled as je, toPercent as j } from "@graphysdk/viz-engine";
-import { Component as Ue, useCallback as v, useEffect as H, useId as We, useImperativeHandle as Ye, useMemo as _, useRef as ce, useState as b, useSyncExternalStore as ze } from "react";
+import { An as te, At as or, Bt as ar, Cn as ir, Dn as cr, Dt as lr, En as dr, Ft as Z, H as ur, Ht as Ne, Kt as mr, M as hr, Mt as gr, N as pr, Nn as J, Nt as vr, On as fr, Qt as yr, R as Sr, Rt as Ge, Sn as br, Tn as Er, Tt as Tr, Ut as Rr, V as Nr, Vt as Y, Xt as Gr, Yt as Cr, Zt as Dr, _n as z, _t as wr, a as Pr, an as qr, at as Ir, cn as _r, ct as kr, dn as fe, fn as Ce, gn as De, h as Lr, hn as Mr, i as xr, j as $r, jn as we, jt as Hr, kn as Pe, ln as ye, mn as W, mt as Ar, n as Br, nn as Or, ot as Kr, pn as qe, qt as Ie, r as Fr, s as jr, t as _e, un as A, vn as V, vt as Ur, w as Yr, wn as zr, xn as Wr, yn as Vr, z as Xr, zt as ke } from "./history-chords-J77rC1ob.js";
+import { COMPILER_STAGE_KEYS as re, Geom as Le, GraphCompilationSession as Me, areEditTargetsEqual as xe, buildDiagnostic as oe, createAnchorResolver as $e, createCompiler as He, createDataLabelPlacementResolver as Ae, createSpecBuilder as Be, createStyleResolver as Se, findAnnotation as Oe, findLayerById as ae, isCompilerCachingEnabled as Ke, resolveDefinition as Fe, resolveGeomCornerRadiusPx as ie, setCompilerCachingEnabled as je, toPercent as j } from "@graphysdk/viz-engine";
+import { Component as Ue, useCallback as v, useEffect as H, useId as Ye, useImperativeHandle as ze, useMemo as _, useRef as ce, useState as b, useSyncExternalStore as We } from "react";
 import { Fragment as Ve, jsx as c, jsxs as f } from "react/jsx-runtime";
 import { useStore as ee } from "zustand";
 import { motion as X } from "motion/react";
 import { createStore as ne } from "zustand/vanilla";
 import Xe from "clsx";
-import './index.css';var Je = "_1a5iqpb0", Qe = "_1a5iqpb1";
-var Ze = "_1a5iqpb3", et = "_1a5iqpb4", tt = "_1a5iqpb5";
+import './index.css';var Qe = "_1a5iqpb0", Ze = "_1a5iqpb1";
+var Je = "_1a5iqpb3", et = "_1a5iqpb4", tt = "_1a5iqpb5";
 var le = ({ errors: e }) => {
   const [t, ...r] = e;
   return /* @__PURE__ */ f("div", {
     role: "alert",
-    className: Je,
+    className: Qe,
     children: [
       /* @__PURE__ */ c("strong", {
-        className: Qe,
+        className: Ze,
         children: "This chart could not be rendered."
       }),
       t && /* @__PURE__ */ c(de, { diagnostic: t }),
@@ -26,7 +26,7 @@ var le = ({ errors: e }) => {
     ]
   });
 }, de = ({ diagnostic: e }) => /* @__PURE__ */ f("div", {
-  className: Ze,
+  className: Je,
   children: [
     /* @__PURE__ */ c("span", {
       className: et,
@@ -54,7 +54,7 @@ var nt = class extends Ue {
   }
   componentDidCatch(e, t) {
     const r = oe(e);
-    Z([r]), this.props.onError?.([r]), console.error("Chart render component stack:", t.componentStack);
+    J([r]), this.props.onError?.([r]), console.error("Chart render component stack:", t.componentStack);
   }
   componentDidUpdate(e) {
     this.state.caughtDiagnostic && !rt(e.resetKeys, this.props.resetKeys) && this.setState({ caughtDiagnostic: null });
@@ -77,7 +77,7 @@ var nt = class extends Ue {
   clearSelection: () => e((t) => t.selection.length === 0 ? t : { selection: ue })
 })), it = (e, t) => e === t ? !0 : e.length !== t.length ? !1 : e.every((r, n) => {
   const s = t[n];
-  return s !== void 0 && Me(r, s);
+  return s !== void 0 && xe(r, s);
 }), ct = process.env.NODE_ENV !== "production", lt = 5, dt = (e) => {
   if (!ct) return {
     emit: () => {
@@ -206,7 +206,7 @@ function vt(e, t) {
   for (const a of n) {
     if (a.interactive === !1 || a.spatialKind !== "render-hit-test" || s.has(a.geom)) continue;
     const l = t(a.geom, r.type);
-    l === null || l.hitTest || V(l) || (s.add(a.geom), i.push({
+    l === null || l.hitTest || Y(l) || (s.add(a.geom), i.push({
       kind: "user-input",
       severity: "warning",
       code: "MISSING_RENDER_HIT_TEST",
@@ -243,7 +243,7 @@ function yt(e, t) {
   for (const a of n) {
     if (a.interactive === !1 || a.spatialKind !== "render-hit-test" || s.has(a.geom)) continue;
     const l = t(a.geom, r.type);
-    l === null || !l.hitTest || !V(l) || (s.add(a.geom), i.push({
+    l === null || !l.hitTest || !Y(l) || (s.add(a.geom), i.push({
       kind: "user-input",
       severity: "warning",
       code: "CONFLICTING_RENDER_HIT_TEST",
@@ -278,7 +278,7 @@ function bt(e, t) {
   for (const a of n) {
     if (a.interactive === !1 || a.spatialKind === "render-hit-test" || s.has(a.geom)) continue;
     const l = t(a.geom, r.type);
-    l === null || !V(l) || (s.add(a.geom), i.push({
+    l === null || !Y(l) || (s.add(a.geom), i.push({
       kind: "user-input",
       severity: "warning",
       code: "LIVE_RENDER_REQUIRES_RENDER_HIT_TEST",
@@ -294,7 +294,7 @@ function bt(e, t) {
 }
 function Et(e, t) {
   let r;
-  return e.layers.flatMap((n, s) => V(t(n.geom, e.coordSystem.type)) ? Tt(n) ? (r ??= Se().readers(e), (r.geom(n).get("overpaint", void 0, "hovered")?.length ?? 0) === 0 ? [] : [{
+  return e.layers.flatMap((n, s) => Y(t(n.geom, e.coordSystem.type)) ? Tt(n) ? (r ??= Se().readers(e), (r.geom(n).get("overpaint", void 0, "hovered")?.length ?? 0) === 0 ? [] : [{
     kind: "user-input",
     severity: "warning",
     code: "INVALID_STYLE_RULE",
@@ -330,13 +330,13 @@ var Nt = (e) => ne((t) => ({
   scene: e,
   setScene: (r) => t((n) => n.scene === r ? n : { scene: r })
 })), Gt = ({ spec: e, data: t, colorScheme: r, plugins: n, theme: s, resolveRenderer: i, anchorResolver: a, onSpecChange: l, onError: d, onWarnings: m }) => {
-  const G = Q(l), C = Q(d), T = Q(m), [{ session: g, compileBus: u }] = b(() => {
+  const G = Z(l), C = Z(d), T = Z(m), [{ session: g, compileBus: u }] = b(() => {
     const o = He({
       plugins: n,
       theme: s
     });
     return {
-      session: new xe(o),
+      session: new Me(o),
       compileBus: dt(o)
     };
   }), [p] = b(() => {
@@ -345,12 +345,12 @@ var Nt = (e) => ne((t) => ({
       errors: [...h.errors, ...o.errors],
       warnings: [...h.warnings, ...o.warnings]
     };
-  }), R = ce(null), [y] = b(Ct), w = ce(null), q = v((o) => p.errors.length === 0 ? o : [...p.errors, ...o ?? []], [p]), N = v((o) => {
+  }), R = ce(null), [y] = b(Ct), D = ce(null), q = v((o) => p.errors.length === 0 ? o : [...p.errors, ...o ?? []], [p]), N = v((o) => {
     if (!o.ok) return o.errors;
-    if (w.current) w.current.getState().setScene(o.scene);
+    if (D.current) D.current.getState().setScene(o.scene);
     else {
       const h = Nt(o.scene);
-      h.subscribe(y.notify), w.current = h, y.notify();
+      h.subscribe(y.notify), D.current = h, y.notify();
     }
     return null;
   }, [y]), [B, k] = b(() => {
@@ -369,17 +369,17 @@ var Nt = (e) => ne((t) => ({
     ...bt(o.scene, i),
     ...Et(o.scene, i),
     ...St(o.scene, a)
-  ] : o.warnings, [i, a]), D = v((o) => {
-    o.length !== 0 && (Z(o), C.current?.(o));
+  ] : o.warnings, [i, a]), w = v((o) => {
+    o.length !== 0 && (J(o), C.current?.(o));
   }, [C]), P = v((o) => {
-    o.length !== 0 && (Z(o), T.current?.(o));
+    o.length !== 0 && (J(o), T.current?.(o));
   }, [T]);
   H(() => {
     const o = R.current;
-    o && (D([...p.errors, ...o.ok ? [] : o.errors]), P([...p.warnings, ...E(o)]), o.ok && u.emit({ kind: "init" }));
+    o && (w([...p.errors, ...o.ok ? [] : o.errors]), P([...p.warnings, ...E(o)]), o.ok && u.emit({ kind: "init" }));
   }, [
     u,
-    D,
+    w,
     P,
     p,
     E
@@ -392,7 +392,7 @@ var Nt = (e) => ne((t) => ({
     if (!o) return;
     o.committedSpec && G.current?.(o.committedSpec);
     const h = N(o.result);
-    k(q(h)), h && D(h), P(E(o.result)), h || u.emit({ kind: o.specChanged ? "spec" : "data" });
+    k(q(h)), h && w(h), P(E(o.result)), h || u.emit({ kind: o.specChanged ? "spec" : "data" });
   }, [
     e,
     t,
@@ -400,7 +400,7 @@ var Nt = (e) => ne((t) => ({
     g,
     u,
     N,
-    D,
+    w,
     P,
     q,
     E,
@@ -413,15 +413,15 @@ var Nt = (e) => ne((t) => ({
     P,
     E
   ]), O = v((o) => {
-    o.scene && w.current?.getState().setScene(o.scene), o.result && L(o.result), o.command && u.emit({
+    o.scene && D.current?.getState().setScene(o.scene), o.result && L(o.result), o.command && u.emit({
       kind: "command",
       command: o.command
-    }), o.spec && G.current?.(o.spec), o.errors && D([...o.errors]);
+    }), o.spec && G.current?.(o.spec), o.errors && w([...o.errors]);
   }, [
     L,
     u,
     G,
-    D
+    w
   ]), S = v((o) => {
     for (const h of o) O(h);
     return o.some((h) => !!h.scene);
@@ -429,20 +429,20 @@ var Nt = (e) => ne((t) => ({
     S(g.applyCommand(o, h));
   }, [g, S]), I = v(() => {
     S(g.commit());
-  }, [g, S]), F = v(() => S(g.undo()), [g, S]), x = v(() => S(g.redo()), [g, S]), J = _(() => ({
+  }, [g, S]), F = v(() => S(g.undo()), [g, S]), M = v(() => S(g.redo()), [g, S]), Q = _(() => ({
     stack: g.history,
     undo: F,
-    redo: x
+    redo: M
   }), [
     g,
     F,
-    x
-  ]), Re = v(() => w.current?.getState().scene ?? null, []);
+    M
+  ]), Re = v(() => D.current?.getState().scene ?? null, []);
   return {
-    store: w.current,
+    store: D.current,
     dispatch: K,
     commit: I,
-    history: J,
+    history: Q,
     subscribe: y.subscribe,
     getScene: Re,
     compileBus: u,
@@ -456,8 +456,8 @@ var Nt = (e) => ne((t) => ({
     }),
     notify: () => e.forEach((t) => t())
   };
-}, wt = ({ data: e, spec: t, plugins: r = [], theme: n, formattingLocale: s, handleRef: i, onSpecChange: a, onError: l, onWarnings: d, colorScheme: m = "light", children: G }) => {
-  const [C] = b(() => n), T = C?.colorScheme ?? m, [g] = b(() => De([...C?.plugins ?? [], ...r].filter(be))), u = We(), [p] = b(() => $e(r)), [R] = b(() => Ae(r)), [y] = b(() => at()), [w] = b(() => we()), q = _(() => Se({ colorScheme: T }), [T]), { store: N, dispatch: B, commit: k, history: E, subscribe: D, getScene: P, compileBus: L, compileErrors: O } = Gt({
+}, Dt = ({ data: e, spec: t, plugins: r = [], theme: n, formattingLocale: s, handleRef: i, onSpecChange: a, onError: l, onWarnings: d, colorScheme: m = "light", children: G }) => {
+  const [C] = b(() => n), T = C?.colorScheme ?? m, [g] = b(() => ke([...C?.plugins ?? [], ...r].filter(be))), u = Ye(), [p] = b(() => $e(r)), [R] = b(() => Ae(r)), [y] = b(() => at()), [D] = b(() => Ge()), q = _(() => Se({ colorScheme: T }), [T]), { store: N, dispatch: B, commit: k, history: E, subscribe: w, getScene: P, compileBus: L, compileErrors: O } = Gt({
     spec: t,
     data: e,
     colorScheme: T,
@@ -473,19 +473,19 @@ var Nt = (e) => ne((t) => ({
     if (N)
       return N.subscribe((I, F) => {
         if (I.scene.spec === F.scene.spec) return;
-        const { selection: x, setSelection: J } = y.getState();
-        x.length !== 0 && J(st(x, I.scene.spec));
+        const { selection: M, setSelection: Q } = y.getState();
+        M.length !== 0 && Q(st(M, I.scene.spec));
       });
   }, [N, y]);
   const S = _(() => ({
     dispatch: B,
     commit: k
   }), [B, k]);
-  Ye(i, () => ({
+  ze(i, () => ({
     commands: S,
     undo: E.undo,
     redo: E.redo,
-    subscribe: D,
+    subscribe: w,
     getScene: P,
     getSelection: () => y.getState().selection,
     setSelection: (I) => y.getState().setSelection(I),
@@ -495,7 +495,7 @@ var Nt = (e) => ne((t) => ({
   }), [
     S,
     E,
-    D,
+    w,
     P,
     y,
     R
@@ -504,7 +504,7 @@ var Nt = (e) => ne((t) => ({
     chartId: u,
     store: N,
     selectionStore: y,
-    targetBoundaryStore: w,
+    targetBoundaryStore: D,
     commands: S,
     history: E,
     formattingLocale: s,
@@ -516,7 +516,7 @@ var Nt = (e) => ne((t) => ({
     u,
     N,
     y,
-    w,
+    D,
     S,
     E,
     s,
@@ -529,11 +529,11 @@ var Nt = (e) => ne((t) => ({
     forcedErrors: O,
     onError: l,
     resetKeys: [t, e],
-    children: K ? /* @__PURE__ */ c(Ge.Provider, {
+    children: K ? /* @__PURE__ */ c(Pe.Provider, {
       value: K,
-      children: /* @__PURE__ */ c(Ce, {
+      children: /* @__PURE__ */ c(Ie, {
         value: g,
-        children: /* @__PURE__ */ c(qe, {
+        children: /* @__PURE__ */ c(we, {
           value: R,
           children: /* @__PURE__ */ c(A, {
             shapes: C?.shapes,
@@ -548,7 +548,7 @@ function sn({ theme: e, ...t } = {}) {
   const r = Be(t);
   return {
     ...r,
-    GraphProvider: (s) => /* @__PURE__ */ c(wt, {
+    GraphProvider: (s) => /* @__PURE__ */ c(Dt, {
       ...s,
       plugins: r.plugins,
       theme: e
@@ -568,8 +568,8 @@ var $ = (e, t) => {
     width: l,
     height: d
   };
-}, Dt = ({ shouldAnimateTransitions: e, cx: t, cy: r, r: n, effects: s, ...i }) => {
-  const a = Y(s);
+}, wt = ({ shouldAnimateTransitions: e, cx: t, cy: r, r: n, effects: s, ...i }) => {
+  const a = V(s);
   return e ? /* @__PURE__ */ c(X.circle, {
     initial: !1,
     animate: {
@@ -588,7 +588,7 @@ var $ = (e, t) => {
     ...i
   });
 }, Pt = ({ shouldAnimateTransitions: e, x1: t, y1: r, x2: n, y2: s, effects: i, ...a }) => {
-  const l = Y(i);
+  const l = V(i);
   return e ? /* @__PURE__ */ c(X.line, {
     initial: !1,
     animate: {
@@ -609,7 +609,7 @@ var $ = (e, t) => {
     ...a
   });
 }, qt = ({ shouldAnimateTransitions: e, x: t, y: r, width: n, height: s, rx: i, ry: a, effects: l, ...d }) => {
-  const m = Y(l);
+  const m = V(l);
   return e ? /* @__PURE__ */ c(X.rect, {
     initial: !1,
     animate: {
@@ -636,7 +636,7 @@ var $ = (e, t) => {
     ...d
   });
 }, It = ({ shouldAnimateTransitions: e, d: t, source: r, effects: n, ...s }) => {
-  const i = Y(n);
+  const i = V(n);
   return e ? /* @__PURE__ */ c(_t, {
     d: t,
     source: r,
@@ -649,12 +649,12 @@ var $ = (e, t) => {
   });
 }, an = (e) => {
   const { Circle: t } = W();
-  return t === void 0 ? Dt(e) : /* @__PURE__ */ c(A, { children: /* @__PURE__ */ c(t, { ...e }) });
+  return t === void 0 ? wt(e) : /* @__PURE__ */ c(A, { children: /* @__PURE__ */ c(t, { ...e }) });
 }, cn = (e) => {
   const { Line: t } = W();
   return t === void 0 ? Pt(e) : /* @__PURE__ */ c(A, { children: /* @__PURE__ */ c(t, { ...e }) });
 }, ln = ({ cornerRadius: e, ...t }) => {
-  const { Rect: r } = W(), n = fe(), s = Pe(), i = {
+  const { Rect: r } = W(), n = fe(), s = qe(), i = {
     ...t,
     ...kt(e, t, n, s)
   };
@@ -663,7 +663,7 @@ var $ = (e, t) => {
   const { Path: t } = W();
   return t === void 0 ? It(e) : /* @__PURE__ */ c(A, { children: /* @__PURE__ */ c(t, { ...e }) });
 }, _t = ({ d: e, source: t, ...r }) => {
-  const n = Ie(e, z, t);
+  const n = De(e, z, t);
   return /* @__PURE__ */ c(X.path, {
     d: n,
     ...r
@@ -711,7 +711,7 @@ var $ = (e, t) => {
     })
   });
 }, mn = ({ box: e, children: t }) => {
-  const r = ke(), n = r === null ? null : r.width * (e.x1 - e.x0), s = r === null ? null : r.height * (e.y1 - e.y0), i = _(() => n === null || s === null ? null : {
+  const r = Ce(), n = r === null ? null : r.width * (e.x1 - e.x0), s = r === null ? null : r.height * (e.y1 - e.y0), i = _(() => n === null || s === null ? null : {
     width: n,
     height: s
   }, [n, s]);
@@ -727,9 +727,9 @@ var $ = (e, t) => {
       children: t
     })
   });
-}, xt = "drqe3u0", Mt = "drqe3u1", $t = "drqe3u2", Ht = "drqe3u3", M = "drqe3u4", At = "drqe3u5", Bt = "drqe3u6", Ot = "drqe3u7", U = "drqe3u8", Kt = "drqe3u9", Ft = "drqe3ua";
-var jt = "drqe3uc", Ut = "drqe3ud", Wt = "drqe3ue", Yt = "drqe3uf";
-var zt = "drqe3uh", Vt = "drqe3ui", pe = {
+}, Mt = "drqe3u0", xt = "drqe3u1", $t = "drqe3u2", Ht = "drqe3u3", x = "drqe3u4", At = "drqe3u5", Bt = "drqe3u6", Ot = "drqe3u7", U = "drqe3u8", Kt = "drqe3u9", Ft = "drqe3ua";
+var jt = "drqe3uc", Ut = "drqe3ud", Yt = "drqe3ue", zt = "drqe3uf";
+var Wt = "drqe3uh", Vt = "drqe3ui", pe = {
   enabled: "drqe3uk drqe3uj",
   disabled: "drqe3ul drqe3uj"
 }, ve = {
@@ -759,17 +759,17 @@ var zt = "drqe3uh", Vt = "drqe3ui", pe = {
     },
     children: [
       /* @__PURE__ */ f("div", {
-        className: xt,
+        className: Mt,
         children: [/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ c("div", {
-          className: Mt,
+          className: xt,
           children: "compile cache"
         }), /* @__PURE__ */ c("div", {
-          className: Wt,
+          className: Yt,
           children: T ? "production: stats disabled" : m ? `last: ${m.label} · ${se(m.durationMs)}` : "awaiting first compile…"
         })] }), /* @__PURE__ */ c("button", {
           type: "button",
           onClick: () => a((u) => !u),
-          className: Yt,
+          className: zt,
           children: i ? "▾" : "▴"
         })]
       }),
@@ -790,41 +790,41 @@ var zt = "drqe3uh", Vt = "drqe3ui", pe = {
         delta: m?.stages,
         durations: m?.stageDurationsMs,
         cumulative: C
-      }), /* @__PURE__ */ c(Jt, { entries: G })] })
+      }), /* @__PURE__ */ c(Qt, { entries: G })] })
     ]
   });
 }, Xt = ({ delta: e, durations: t, cumulative: r }) => /* @__PURE__ */ f("table", {
   className: $t,
   children: [/* @__PURE__ */ c("thead", { children: /* @__PURE__ */ f("tr", {
-    className: zt,
+    className: Wt,
     children: [
       /* @__PURE__ */ c("th", {
         className: Ht,
         children: "stage"
       }),
       /* @__PURE__ */ c("th", {
-        className: M,
+        className: x,
         children: "time"
       }),
       /* @__PURE__ */ c("th", {
-        className: M,
+        className: x,
         children: "Δ miss"
       }),
       /* @__PURE__ */ c("th", {
-        className: M,
+        className: x,
         children: "Δ hit"
       }),
       /* @__PURE__ */ c("th", {
-        className: M,
+        className: x,
         children: "total miss"
       }),
       /* @__PURE__ */ c("th", {
-        className: M,
+        className: x,
         children: "total hit"
       })
     ]
   }) }), /* @__PURE__ */ c("tbody", { children: re.map((n) => {
-    const s = e?.[n], i = Qt(s);
+    const s = e?.[n], i = Zt(s);
     return /* @__PURE__ */ f("tr", {
       className: jt,
       children: [
@@ -862,13 +862,13 @@ var zt = "drqe3uh", Vt = "drqe3ui", pe = {
       ]
     }, n);
   }) })]
-}), Jt = ({ entries: e }) => e.length === 0 ? null : /* @__PURE__ */ f("div", {
+}), Qt = ({ entries: e }) => e.length === 0 ? null : /* @__PURE__ */ f("div", {
   className: Ut,
   children: [/* @__PURE__ */ c("div", {
     className: Vt,
     children: "recent compiles"
   }), e.map((t) => {
-    const r = Zt(t.stages, (i) => i.misses > 0), n = re.length;
+    const r = Jt(t.stages, (i) => i.misses > 0), n = re.length;
     return /* @__PURE__ */ f("div", {
       className: Bt,
       children: [
@@ -894,12 +894,12 @@ var zt = "drqe3uh", Vt = "drqe3ui", pe = {
       ]
     }, t.id);
   })]
-}), Qt = (e) => !e || e.hits === 0 && e.misses === 0 ? "untouched" : e.misses > 0 ? "ran" : "cached", Zt = (e, t) => {
+}), Zt = (e) => !e || e.hits === 0 && e.misses === 0 ? "untouched" : e.misses > 0 ? "ran" : "cached", Jt = (e, t) => {
   let r = 0;
   for (const n of re) t(e[n]) && (r += 1);
   return r;
 }, se = (e) => e < 0.1 ? "<0.1ms" : e >= 10 ? `${e.toFixed(0)}ms` : `${e.toFixed(2)}ms`, gn = () => {
-  const { history: e } = te(), { stack: t, undo: r, redo: n } = e, s = v((l) => t.subscribe(l), [t]), i = v(() => t.getSnapshot(), [t]), a = ze(s, i, i);
+  const { history: e } = te(), { stack: t, undo: r, redo: n } = e, s = v((l) => t.subscribe(l), [t]), i = v(() => t.getSnapshot(), [t]), a = We(s, i, i);
   return _(() => ({
     ...a,
     undo: r,
@@ -943,72 +943,72 @@ var zt = "drqe3uh", Vt = "drqe3ui", pe = {
   return ee(e, (t) => t.boundary);
 };
 export {
-  Sr as BrandMark,
-  Rr as CanvasTextMeasurer,
+  Nr as BrandMark,
+  Dr as CanvasTextMeasurer,
   Xr as DefaultFooter,
-  Dt as DefaultGeomCircle,
+  wt as DefaultGeomCircle,
   Pt as DefaultGeomLine,
   It as DefaultGeomPath,
   qt as DefaultGeomRect,
-  Ur as DefaultGrid,
-  gr as DefaultHeader,
-  Er as DefaultSwatch,
-  Br as DefaultTooltip,
+  jr as DefaultGrid,
+  Sr as DefaultHeader,
+  mr as DefaultSwatch,
+  Kr as DefaultTooltip,
   hn as DevToolsPanel,
-  ir as GRAPH_MODES,
+  Tr as GRAPH_MODES,
   an as GeomCircle,
   cn as GeomLine,
-  Mr as GeomOverpaint,
+  Hr as GeomOverpaint,
   dn as GeomPath,
   ln as GeomRect,
   nt as GraphErrorBoundary,
   le as GraphErrorPanel,
-  wt as GraphProvider,
-  Cr as GraphRenderer,
-  xr as HoverProvider,
-  br as IntroFade,
-  Or as IntroWipeClip,
-  Kr as TextMeasurerProvider,
-  $r as ThemeProvider,
+  Dt as GraphProvider,
+  Pr as GraphRenderer,
+  vr as HoverProvider,
+  Rr as IntroFade,
+  Mr as IntroWipeClip,
+  Cr as TextMeasurerProvider,
+  Ar as ThemeProvider,
   mn as UnitBoxSvg,
   un as UnitSpaceSvg,
-  Vr as buildDotsEditOutlineShapes,
+  Wr as buildDotsEditOutlineShapes,
   sn as createGraphyKit,
-  Ir as darkTheme,
-  pr as defineGeomRenderer,
-  Gr as lightTheme,
-  qr as lightenCss,
-  zr as projectPointCartesian,
+  wr as darkTheme,
+  ar as defineGeomRenderer,
+  Ur as lightTheme,
+  Or as lightenCss,
+  ir as projectPointCartesian,
   st as pruneSelection,
   $ as readPositionPixels,
   on as readRectPixels,
-  lr as resolveBrandMarkVisual,
-  Nr as resolvePathStroke,
-  Dr as scalePointToPanel,
-  Lr as stampAxisEditTarget,
-  ur as stampGridEditTarget,
-  mr as stampLegendEditTarget,
-  yr as useElementScreenRect,
-  or as useGeomHitTest,
-  hr as useGeomHover,
-  ke as useGeomPanelSize,
-  vr as useGeomReaderTree,
-  ar as useGeomStyleReader,
-  Hr as useGraphCommands,
-  kr as useGraphHandle,
+  ur as resolveBrandMarkVisual,
+  Vr as resolvePathStroke,
+  br as scalePointToPanel,
+  $r as stampAxisEditTarget,
+  hr as stampGridEditTarget,
+  pr as stampLegendEditTarget,
+  lr as useElementScreenRect,
+  gr as useGeomHitTest,
+  or as useGeomHover,
+  Ce as useGeomPanelSize,
+  zr as useGeomReaderTree,
+  Er as useGeomStyleReader,
+  Br as useGraphCommands,
+  xr as useGraphHandle,
   gn as useGraphHistory,
   pn as useGraphHistoryShortcuts,
-  wr as useGraphLocale,
-  _r as useGraphSelection,
-  Wr as useGuidesTakePress,
+  Ir as useGraphLocale,
+  Lr as useGraphSelection,
+  Yr as useGuidesTakePress,
   Fr as useHandleScene,
-  Pr as useHoverState,
-  Ar as usePaintDefs,
-  Tr as useResolvedStyle,
-  cr as useSceneSelector,
-  Yr as useStyleReaderTree,
-  fr as useStyleResolver,
+  kr as useHoverState,
+  _r as usePaintDefs,
+  yr as useResolvedStyle,
+  fr as useSceneSelector,
+  dr as useStyleReaderTree,
+  cr as useStyleResolver,
   vn as useTargetBoundary,
-  dr as useTextMeasurer,
-  jr as vars
+  Gr as useTextMeasurer,
+  qr as vars
 };

package/package.json

@@ -11,7 +11,7 @@
     "visualization",
     "renderer"
   ],
-  "version": "1.9.0-beta.1792409717036",
+  "version": "1.9.0-beta.1792410301640",
   "type": "module",
   "sideEffects": [
     "**/*.css.ts",
@@ -50,7 +50,7 @@
     "react-colorful": "^5.6.1",
     "react-intl": "^8.1.3",
     "zustand": "^5.0.12",
-    "@graphysdk/viz-engine": "1.9.0-beta.1792409717036"
+    "@graphysdk/viz-engine": "1.9.0-beta.1792410301640"
   },
   "peerDependencies": {
     "@tiptap/core": "^3.0.0",