@graphysdk/react-renderer 1.9.0-beta.1790607168916 → 1.9.0-beta.1790607706146

package/dist/index.mjs

@@ -1,5 +1,5 @@
-import { $t as ge, A as Bt, At as he, B as Ot, Bt as Kt, Ct as Ft, Et as U, Ht as jt, I as Ut, Jt as Yt, L as Wt, Lt as Vt, M as Xt, Mt as V, Nt as pe, Pt as Qt, Qt as zt, Rt as fe, Ut as Jt, Vt as Zt, a as er, an as tr, cn as rr, ct as nr, dn as X, dt as sr, en as K, fn as ve, gt as or, h as ar, i as ir, in as cr, j as lr, jt as dr, kt as ye, ln as ur, n as mr, nt as gr, on as hr, pn as Y, r as pr, rn as fr, rt as vr, s as yr, sn as Sr, t as Se, tn as br, un as be, ut as Er, vt as Tr, w as Rr, wt as Nr, yt as Cr, z as Gr } from "./history-chords-Bw-7IlCd.js";
-import { n as Dr } from "./theme.contract.css-AyXDNf0F.js";
+import { $t as Bt, A as Ot, At as ge, B as Kt, Bt as Ft, Ct as jt, Et as U, Ht as Ut, I as Yt, Jt as Wt, L as Vt, Lt as Xt, M as Qt, Mt as V, Nt as he, Pt as zt, Qt as Jt, Rt as pe, Ut as Zt, Vt as er, a as tr, an as rr, cn as nr, ct as sr, dn as fe, dt as ar, en as ve, fn as X, gt as or, h as ir, i as cr, in as lr, j as dr, jt as ur, kt as ye, ln as mr, mn as Y, n as gr, nn as hr, nt as pr, on as fr, pn as Se, r as vr, rt as yr, s as Sr, sn as br, t as be, tn as K, tt as Er, un as Tr, ut as Rr, vt as Nr, w as Cr, wt as Gr, yt as qr, z as Dr } from "./history-chords-DtVsr3wh.js";
+import { n as kr } from "./theme.contract.css-AyXDNf0F.js";
 import { COMPILER_STAGE_KEYS as Q, Geom as Ee, GraphCompilationSession as Te, areEditTargetsEqual as Re, buildDiagnostic as ee, createAnchorResolver as Ne, createCompiler as Ce, createDataLabelPlacementResolver as Ge, createSpecBuilder as qe, createStyleResolver as De, findAnnotation as Ie, findLayerById as te, isCompilerCachingEnabled as ke, resolveDefinition as we, setCompilerCachingEnabled as _e, toPercent as B } from "@graphysdk/viz-engine";
 import { Component as Pe, useCallback as f, useEffect as H, useId as Le, useImperativeHandle as $e, useMemo as M, useRef as re, useState as b, useSyncExternalStore as Me } from "react";
 import { Fragment as He, jsx as i, jsxs as v } from "react/jsx-runtime";
@@ -72,10 +72,10 @@ var Ue = class extends Pe {
 }, Ye = (e, t) => {
   const n = e.filter((r) => We(r, t));
   return n.length === e.length ? e : n;
-}, We = (e, t) => e.kind === "annotation" ? Ie(t.annotations, e.id) !== null : e.kind === "observations" ? te(t.layers, e.layerId) !== void 0 : e.kind === "layer" && e.layerId !== void 0 ? te(t.layers, e.layerId) !== void 0 : !0, oe = [], Ve = () => z((e) => ({
-  selection: oe,
+}, We = (e, t) => e.kind === "annotation" ? Ie(t.annotations, e.id) !== null : e.kind === "observations" ? te(t.layers, e.layerId) !== void 0 : e.kind === "layer" && e.layerId !== void 0 ? te(t.layers, e.layerId) !== void 0 : !0, ae = [], Ve = () => z((e) => ({
+  selection: ae,
   setSelection: (t) => e((n) => Xe(n.selection, t) ? n : { selection: t }),
-  clearSelection: () => e((t) => t.selection.length === 0 ? t : { selection: oe })
+  clearSelection: () => e((t) => t.selection.length === 0 ? t : { selection: ae })
 })), Xe = (e, t) => e === t ? !0 : e.length !== t.length ? !1 : e.every((n, r) => {
   const s = t[r];
   return s !== void 0 && Re(n, s);
@@ -143,7 +143,7 @@ var Ue = class extends Pe {
   return [...e.slice(r), t];
 };
 function nt(e) {
-  const t = e.filter(ce), n = /* @__PURE__ */ new Set([...Object.keys(pe), ...t.map((l) => l.geom)]), r = [], s = /* @__PURE__ */ new Set();
+  const t = e.filter(ce), n = /* @__PURE__ */ new Set([...Object.keys(he), ...t.map((l) => l.geom)]), r = [], s = /* @__PURE__ */ new Set();
   for (const l of e) {
     const d = le(l);
     d === null || n.has(d.type) || s.has(d.type) || (s.add(d.type), r.push({
@@ -168,9 +168,9 @@ function nt(e) {
       count: 1
     });
   }
-  const a = [];
+  const o = [];
   for (const { geom: l, coord: d, count: g } of c.values())
-    g < 2 || a.push({
+    g < 2 || o.push({
       kind: "user-input",
       severity: "warning",
       code: "DUPLICATE_REGISTERED_TYPE",
@@ -181,47 +181,47 @@ function nt(e) {
       },
       suggestion: `Keep a single render-only override for ('${l}', '${d}').`
     });
-  return a.push(...dt(e)), {
+  return o.push(...dt(e)), {
     errors: r,
-    warnings: a
+    warnings: o
   };
 }
 function st(e, t) {
   const { coordSystem: n, layers: r } = e, s = /* @__PURE__ */ new Set(), c = [];
-  for (const a of r)
-    t(a.geom, n.type) !== null || s.has(a.geom) || (s.add(a.geom), c.push({
+  for (const o of r)
+    t(o.geom, n.type) !== null || s.has(o.geom) || (s.add(o.geom), c.push({
       kind: "user-input",
       severity: "warning",
       code: "MISSING_GEOM_RENDERER",
-      message: `No renderer for geom '${a.geom}' under ${n.type} coords; the layer is not painted.`,
+      message: `No renderer for geom '${o.geom}' under ${n.type} coords; the layer is not painted.`,
       context: {
-        requested: a.geom,
+        requested: o.geom,
         kind: "geom-renderer"
       },
-      suggestion: `Register a renderer for ('${a.geom}', '${n.type}') via \`defineGeomRenderer\`.`
+      suggestion: `Register a renderer for ('${o.geom}', '${n.type}') via \`defineGeomRenderer\`.`
     }));
   return c;
 }
-function ot(e, t) {
+function at(e, t) {
   const { coordSystem: n, layers: r } = e, s = /* @__PURE__ */ new Set(), c = [];
-  for (const a of r) {
-    if (a.interactive === !1 || a.spatialKind !== "render-hit-test" || s.has(a.geom)) continue;
-    const l = t(a.geom, n.type);
-    l === null || l.hitTest || V(l) || (s.add(a.geom), c.push({
+  for (const o of r) {
+    if (o.interactive === !1 || o.spatialKind !== "render-hit-test" || s.has(o.geom)) continue;
+    const l = t(o.geom, n.type);
+    l === null || l.hitTest || V(l) || (s.add(o.geom), c.push({
       kind: "user-input",
       severity: "warning",
       code: "MISSING_RENDER_HIT_TEST",
-      message: `Geom '${a.geom}' declares spatialKind 'render-hit-test' but its renderer provides no hit-test; the layer has no hover.`,
+      message: `Geom '${o.geom}' declares spatialKind 'render-hit-test' but its renderer provides no hit-test; the layer has no hover.`,
       context: {
-        requested: a.geom,
+        requested: o.geom,
         kind: "geom-renderer"
       },
-      suggestion: `Add a \`hitTest\` factory (precomputed geometry) or an overlay render (\`{ fn, options: { overlay: true } }\`, live simulation) to the renderer for ('${a.geom}', '${n.type}').`
+      suggestion: `Add a \`hitTest\` factory (precomputed geometry) or an overlay render (\`{ fn, options: { overlay: true } }\`, live simulation) to the renderer for ('${o.geom}', '${n.type}').`
     }));
   }
   return c;
 }
-function at(e) {
+function ot(e) {
   const t = /* @__PURE__ */ new Set(), n = [];
   for (const r of e.layers) {
     const s = r.identityKey;
@@ -241,16 +241,16 @@ function at(e) {
 }
 function it(e, t) {
   const { coordSystem: n, layers: r } = e, s = /* @__PURE__ */ new Set(), c = [];
-  for (const a of r) {
-    if (a.interactive === !1 || a.spatialKind !== "render-hit-test" || s.has(a.geom)) continue;
-    const l = t(a.geom, n.type);
-    l === null || !l.hitTest || !V(l) || (s.add(a.geom), c.push({
+  for (const o of r) {
+    if (o.interactive === !1 || o.spatialKind !== "render-hit-test" || s.has(o.geom)) continue;
+    const l = t(o.geom, n.type);
+    l === null || !l.hitTest || !V(l) || (s.add(o.geom), c.push({
       kind: "user-input",
       severity: "warning",
       code: "CONFLICTING_RENDER_HIT_TEST",
-      message: `Geom '${a.geom}' declares both a \`hitTest\` factory and an overlay render; these are alternatives, so only the overlay is used.`,
+      message: `Geom '${o.geom}' declares both a \`hitTest\` factory and an overlay render; these are alternatives, so only the overlay is used.`,
       context: {
-        requested: a.geom,
+        requested: o.geom,
         kind: "geom-renderer"
       },
       suggestion: "Keep one: a `hitTest` factory for precomputed geometry, OR an overlay render (`{ fn, options: { overlay: true } }`) for a live simulation."
@@ -276,16 +276,16 @@ function ct(e, t) {
 }
 function lt(e, t) {
   const { coordSystem: n, layers: r } = e, s = /* @__PURE__ */ new Set(), c = [];
-  for (const a of r) {
-    if (a.interactive === !1 || a.spatialKind === "render-hit-test" || s.has(a.geom)) continue;
-    const l = t(a.geom, n.type);
-    l === null || !V(l) || (s.add(a.geom), c.push({
+  for (const o of r) {
+    if (o.interactive === !1 || o.spatialKind === "render-hit-test" || s.has(o.geom)) continue;
+    const l = t(o.geom, n.type);
+    l === null || !V(l) || (s.add(o.geom), c.push({
       kind: "user-input",
       severity: "warning",
       code: "OVERLAY_REQUIRES_RENDER_HIT_TEST",
-      message: `Geom '${a.geom}' declares an overlay render but its layer's spatialKind is '${a.spatialKind}', not 'render-hit-test'; the overlay's push-path hover resolves to nothing.`,
+      message: `Geom '${o.geom}' declares an overlay render but its layer's spatialKind is '${o.spatialKind}', not 'render-hit-test'; the overlay's push-path hover resolves to nothing.`,
       context: {
-        requested: a.geom,
+        requested: o.geom,
         kind: "geom-renderer"
       },
       suggestion: "Have the geom's manifest yield spatialKind 'render-hit-test' so the scene layer carries the `byKey` index the overlay's `pushHover` resolves against."
@@ -314,45 +314,45 @@ function dt(e) {
 var ut = (e) => z((t) => ({
   scene: e,
   setScene: (n) => t((r) => r.scene === n ? r : { scene: n })
-})), mt = ({ spec: e, data: t, customPalettes: n, colorScheme: r, plugins: s, resolveRenderer: c, anchorResolver: a, onSpecChange: l, onError: d, onWarnings: g }) => {
+})), mt = ({ spec: e, data: t, customPalettes: n, colorScheme: r, plugins: s, resolveRenderer: c, anchorResolver: o, onSpecChange: l, onError: d, onWarnings: g }) => {
   const E = U(l), D = U(d), N = U(g), [{ session: h, compileBus: u }] = b(() => {
-    const o = Ce({ plugins: s });
+    const a = Ce({ plugins: s });
     return {
-      session: new Te(o),
-      compileBus: Je(o)
+      session: new Te(a),
+      compileBus: Je(a)
     };
-  }), [m] = b(() => nt(s ?? [])), C = re(null), [I] = b(gt), y = re(null), G = f((o) => m.errors.length === 0 ? o : [...m.errors, ...o ?? []], [m]), _ = f((o) => {
-    if (!o.ok) return o.errors;
-    if (y.current) y.current.getState().setScene(o.scene);
+  }), [m] = b(() => nt(s ?? [])), C = re(null), [I] = b(gt), y = re(null), G = f((a) => m.errors.length === 0 ? a : [...m.errors, ...a ?? []], [m]), _ = f((a) => {
+    if (!a.ok) return a.errors;
+    if (y.current) y.current.getState().setScene(a.scene);
     else {
-      const p = ut(o.scene);
+      const p = ut(a.scene);
       p.subscribe(I.notify), y.current = p, I.notify();
     }
     return null;
   }, [I]), [k, P] = b(() => {
-    const o = h.compile({
+    const a = h.compile({
       spec: e,
       data: t,
       customPalettes: n,
       colorScheme: r
     });
-    return C.current = o, G(_(o));
-  }), T = f((o) => o.ok ? [
-    ...o.warnings,
-    ...st(o.scene, c),
-    ...ot(o.scene, c),
-    ...at(o.scene),
-    ...it(o.scene, c),
-    ...lt(o.scene, c),
-    ...ct(o.scene, a)
-  ] : o.warnings, [c, a]), R = f((o) => {
-    o.length !== 0 && (Y(o), D.current?.(o));
-  }, [D]), q = f((o) => {
-    o.length !== 0 && (Y(o), N.current?.(o));
+    return C.current = a, G(_(a));
+  }), T = f((a) => a.ok ? [
+    ...a.warnings,
+    ...st(a.scene, c),
+    ...at(a.scene, c),
+    ...ot(a.scene),
+    ...it(a.scene, c),
+    ...lt(a.scene, c),
+    ...ct(a.scene, o)
+  ] : a.warnings, [c, o]), R = f((a) => {
+    a.length !== 0 && (Y(a), D.current?.(a));
+  }, [D]), q = f((a) => {
+    a.length !== 0 && (Y(a), N.current?.(a));
   }, [N]);
   H(() => {
-    const o = C.current;
-    o && (R([...m.errors, ...o.ok ? [] : o.errors]), q([...m.warnings, ...T(o)]), o.ok && u.emit({ kind: "init" }));
+    const a = C.current;
+    a && (R([...m.errors, ...a.ok ? [] : a.errors]), q([...m.warnings, ...T(a)]), a.ok && u.emit({ kind: "init" }));
   }, [
     u,
     R,
@@ -360,16 +360,16 @@ var ut = (e) => z((t) => ({
     m,
     T
   ]), H(() => {
-    const o = h.update({
+    const a = h.update({
       spec: e,
       data: t,
       customPalettes: n,
       colorScheme: r
     });
-    if (!o) return;
-    o.committedSpec && E.current?.(o.committedSpec);
-    const p = _(o.result);
-    P(G(p)), p && R(p), q(T(o.result)), p || u.emit({ kind: o.specChanged ? "spec" : "data" });
+    if (!a) return;
+    a.committedSpec && E.current?.(a.committedSpec);
+    const p = _(a.result);
+    P(G(p)), p && R(p), q(T(a.result)), p || u.emit({ kind: a.specChanged ? "spec" : "data" });
   }, [
     e,
     t,
@@ -384,27 +384,27 @@ var ut = (e) => z((t) => ({
     T,
     E
   ]);
-  const w = f((o) => {
-    P((p) => p === null ? p : G(null)), q(T(o));
+  const w = f((a) => {
+    P((p) => p === null ? p : G(null)), q(T(a));
   }, [
     G,
     q,
     T
-  ]), L = f((o) => {
-    o.scene && y.current?.getState().setScene(o.scene), o.result && w(o.result), o.command && u.emit({
+  ]), L = f((a) => {
+    a.scene && y.current?.getState().setScene(a.scene), a.result && w(a.result), a.command && u.emit({
       kind: "command",
-      command: o.command
-    }), o.spec && E.current?.(o.spec), o.errors && R([...o.errors]);
+      command: a.command
+    }), a.spec && E.current?.(a.spec), a.errors && R([...a.errors]);
   }, [
     w,
     u,
     E,
     R
-  ]), S = f((o) => {
-    for (const p of o) L(p);
-    return o.some((p) => !!p.scene);
-  }, [L]), j = f((o, p) => {
-    S(h.applyCommand(o, p));
+  ]), S = f((a) => {
+    for (const p of a) L(p);
+    return a.some((p) => !!p.scene);
+  }, [L]), j = f((a, p) => {
+    S(h.applyCommand(a, p));
   }, [h, S]), x = f(() => {
     S(h.commit());
   }, [h, S]), A = f(() => S(h.undo()), [h, S]), Z = f(() => S(h.redo()), [h, S]), ue = M(() => ({
@@ -434,8 +434,8 @@ var ut = (e) => z((t) => ({
     }),
     notify: () => e.forEach((t) => t())
   };
-}, ht = ({ data: e, spec: t, plugins: n = [], formattingLocale: r, handleRef: s, onSpecChange: c, onError: a, onWarnings: l, customPalettes: d, colorScheme: g = "light", children: E }) => {
-  const [D] = b(() => he(n.filter(ce))), N = Le(), [h] = b(() => Ne(n)), [u] = b(() => Ge(n)), [m] = b(() => Ve()), [C] = b(() => ye()), I = M(() => De({ colorScheme: g }), [g]), { store: y, dispatch: G, commit: _, history: k, subscribe: P, getScene: T, compileBus: R, compileErrors: q } = mt({
+}, ht = ({ data: e, spec: t, plugins: n = [], formattingLocale: r, handleRef: s, onSpecChange: c, onError: o, onWarnings: l, customPalettes: d, colorScheme: g = "light", children: E }) => {
+  const [D] = b(() => ge(n.filter(ce))), N = Le(), [h] = b(() => Ne(n)), [u] = b(() => Ge(n)), [m] = b(() => Ve()), [C] = b(() => ye()), I = M(() => De({ colorScheme: g }), [g]), { store: y, dispatch: G, commit: _, history: k, subscribe: P, getScene: T, compileBus: R, compileErrors: q } = mt({
     spec: t,
     data: e,
     customPalettes: d,
@@ -444,7 +444,7 @@ var ut = (e) => z((t) => ({
     resolveRenderer: D,
     anchorResolver: h,
     onSpecChange: c,
-    onError: a,
+    onError: o,
     onWarnings: l
   });
   H(() => {
@@ -505,13 +505,13 @@ var ut = (e) => z((t) => ({
   ]);
   return /* @__PURE__ */ i(Ue, {
     forcedErrors: q,
-    onError: a,
+    onError: o,
     resetKeys: [t, e],
-    children: L ? /* @__PURE__ */ i(be.Provider, {
+    children: L ? /* @__PURE__ */ i(fe.Provider, {
       value: L,
-      children: /* @__PURE__ */ i(fe, {
+      children: /* @__PURE__ */ i(pe, {
         value: D,
-        children: /* @__PURE__ */ i(ve, {
+        children: /* @__PURE__ */ i(Se, {
           value: u,
           children: E
         })
@@ -519,7 +519,7 @@ var ut = (e) => z((t) => ({
     }) : null
   });
 };
-function Mr(e) {
+function xr(e) {
   const t = qe(e);
   return {
     ...t,
@@ -529,7 +529,7 @@ function Mr(e) {
     })
   };
 }
-var Hr = ({ shouldAnimateTransitions: e, cx: t, cy: n, r, ...s }) => e ? /* @__PURE__ */ i(F.circle, {
+var Ar = ({ shouldAnimateTransitions: e, cx: t, cy: n, r, ...s }) => e ? /* @__PURE__ */ i(F.circle, {
   initial: !1,
   animate: {
     cx: t,
@@ -543,7 +543,7 @@ var Hr = ({ shouldAnimateTransitions: e, cx: t, cy: n, r, ...s }) => e ? /* @__P
   cy: n,
   r,
   ...s
-}), xr = ({ shouldAnimateTransitions: e, x1: t, y1: n, x2: r, y2: s, ...c }) => e ? /* @__PURE__ */ i(F.line, {
+}), Br = ({ shouldAnimateTransitions: e, x1: t, y1: n, x2: r, y2: s, ...c }) => e ? /* @__PURE__ */ i(F.line, {
   initial: !1,
   animate: {
     x1: t,
@@ -559,7 +559,7 @@ var Hr = ({ shouldAnimateTransitions: e, cx: t, cy: n, r, ...s }) => e ? /* @__P
   x2: r,
   y2: s,
   ...c
-}), Ar = ({ shouldAnimateTransitions: e, x: t, y: n, width: r, height: s, ...c }) => e ? /* @__PURE__ */ i(F.rect, {
+}), Or = ({ shouldAnimateTransitions: e, x: t, y: n, width: r, height: s, ...c }) => e ? /* @__PURE__ */ i(F.rect, {
   initial: !1,
   animate: {
     attrX: t,
@@ -575,7 +575,7 @@ var Hr = ({ shouldAnimateTransitions: e, cx: t, cy: n, r, ...s }) => e ? /* @__P
   width: r,
   height: s,
   ...c
-}), Br = ({ shouldAnimateTransitions: e, d: t, source: n, ...r }) => e ? /* @__PURE__ */ i(pt, {
+}), Kr = ({ shouldAnimateTransitions: e, d: t, source: n, ...r }) => e ? /* @__PURE__ */ i(pt, {
   d: t,
   source: n,
   ...r
@@ -583,12 +583,12 @@ var Hr = ({ shouldAnimateTransitions: e, cx: t, cy: n, r, ...s }) => e ? /* @__P
   d: t,
   ...r
 }), pt = ({ d: e, source: t, ...n }) => {
-  const r = ge(e, K, t);
+  const r = ve(e, K, t);
   return /* @__PURE__ */ i(F.path, {
     d: r,
     ...n
   });
-}, Or = ({ children: e, ...t }) => /* @__PURE__ */ i("svg", {
+}, Fr = ({ children: e, ...t }) => /* @__PURE__ */ i("svg", {
   viewBox: "0 0 1 1",
   preserveAspectRatio: "none",
   width: "100%",
@@ -596,7 +596,7 @@ var Hr = ({ shouldAnimateTransitions: e, cx: t, cy: n, r, ...s }) => e ? /* @__P
   pointerEvents: "none",
   ...t,
   children: e
-}), Kr = ({ box: e, children: t }) => /* @__PURE__ */ i("svg", {
+}), jr = ({ box: e, children: t }) => /* @__PURE__ */ i("svg", {
   x: B(e.x0),
   y: B(e.y0),
   width: B(e.x1 - e.x0),
@@ -606,7 +606,7 @@ var Hr = ({ shouldAnimateTransitions: e, cx: t, cy: n, r, ...s }) => e ? /* @__P
   children: t
 }), ft = "drqe3u0", vt = "drqe3u1", yt = "drqe3u2", St = "drqe3u3", $ = "drqe3u4", bt = "drqe3u5", Et = "drqe3u6", Tt = "drqe3u7", O = "drqe3u8", Rt = "drqe3u9", Nt = "drqe3ua";
 var Ct = "drqe3uc", Gt = "drqe3ud", qt = "drqe3ue", Dt = "drqe3uf";
-var It = "drqe3uh", kt = "drqe3ui", ae = {
+var It = "drqe3uh", kt = "drqe3ui", oe = {
   enabled: "drqe3uk drqe3uj",
   disabled: "drqe3ul drqe3uj"
 }, ie = {
@@ -616,8 +616,8 @@ var It = "drqe3uh", kt = "drqe3ui", ae = {
   ran: "drqe3uq drqe3up",
   cached: "drqe3ur drqe3up",
   untouched: "drqe3us drqe3up"
-}, Fr = ({ width: e = 440, style: t, className: n } = {}) => {
-  const { compileBus: r } = X(), [s] = b(() => Ze()), [c, a] = b(!1), [l, d] = b(ke);
+}, Ur = ({ width: e = 440, style: t, className: n } = {}) => {
+  const { compileBus: r } = X(), [s] = b(() => Ze()), [c, o] = b(!1), [l, d] = b(ke);
   H(() => {
     const { recordCompile: u } = s.getState(), m = r.getLastTrigger(), C = r.getLastCompile();
     return m && C && u(m, C), r.subscribe(u);
@@ -645,7 +645,7 @@ var It = "drqe3uh", kt = "drqe3ui", ae = {
           children: N ? "production: stats disabled" : g ? `last: ${g.label} · ${J(g.durationMs)}` : "awaiting first compile…"
         })] }), /* @__PURE__ */ i("button", {
           type: "button",
-          onClick: () => a((u) => !u),
+          onClick: () => o((u) => !u),
           className: Dt,
           children: c ? "▾" : "▴"
         })]
@@ -655,7 +655,7 @@ var It = "drqe3uh", kt = "drqe3ui", ae = {
         children: [/* @__PURE__ */ v("button", {
           type: "button",
           onClick: h,
-          className: l ? ae.enabled : ae.disabled,
+          className: l ? oe.enabled : oe.disabled,
           "aria-pressed": l,
           children: ["cache ", l ? "enabled" : "disabled"]
         }), /* @__PURE__ */ i("span", {
@@ -775,14 +775,14 @@ var It = "drqe3uh", kt = "drqe3ui", ae = {
   let n = 0;
   for (const r of Q) t(e[r]) && (n += 1);
   return n;
-}, J = (e) => e < 0.1 ? "<0.1ms" : e >= 10 ? `${e.toFixed(0)}ms` : `${e.toFixed(2)}ms`, jr = () => {
-  const { history: e } = X(), { stack: t, undo: n, redo: r } = e, s = f((l) => t.subscribe(l), [t]), c = f(() => t.getSnapshot(), [t]), a = Me(s, c, c);
+}, J = (e) => e < 0.1 ? "<0.1ms" : e >= 10 ? `${e.toFixed(0)}ms` : `${e.toFixed(2)}ms`, Yr = () => {
+  const { history: e } = X(), { stack: t, undo: n, redo: r } = e, s = f((l) => t.subscribe(l), [t]), c = f(() => t.getSnapshot(), [t]), o = Me(s, c, c);
   return M(() => ({
-    ...a,
+    ...o,
     undo: n,
     redo: r
   }), [
-    a,
+    o,
     n,
     r
   ]);
@@ -797,17 +797,17 @@ var It = "drqe3uh", kt = "drqe3ui", ae = {
   "range",
   "reset",
   "submit"
-]), Ur = (e, t = {}) => {
+]), Wr = (e, t = {}) => {
   const { target: n, enabled: r = !0 } = t;
   H(() => {
     const s = Mt(n);
     if (!r || !s) return;
-    const c = (a) => {
-      if (!Ht(a) || a.defaultPrevented || xt(a.target)) return;
-      const l = Se(a);
+    const c = (o) => {
+      if (!Ht(o) || o.defaultPrevented || xt(o.target)) return;
+      const l = be(o);
       if (!l) return;
       const d = e.current;
-      d && (l === "undo" ? d.undo() : d.redo()) && a.preventDefault();
+      d && (l === "undo" ? d.undo() : d.redo()) && o.preventDefault();
     };
     return s.addEventListener("keydown", c), () => s.removeEventListener("keydown", c);
   }, [
@@ -815,66 +815,68 @@ var It = "drqe3uh", kt = "drqe3ui", ae = {
     n,
     r
   ]);
-}, Mt = (e) => e === void 0 ? window : e !== null && "current" in e ? e.current : e, Ht = (e) => "key" in e, xt = (e) => e instanceof HTMLInputElement ? !$t.has(e.type) : e instanceof HTMLElement ? e.isContentEditable || e.tagName === "TEXTAREA" : !1, Yr = () => {
+}, Mt = (e) => e === void 0 ? window : e !== null && "current" in e ? e.current : e, Ht = (e) => "key" in e, xt = (e) => e instanceof HTMLInputElement ? !$t.has(e.type) : e instanceof HTMLElement ? e.isContentEditable || e.tagName === "TEXTAREA" : !1, Vr = () => {
   const { targetBoundaryStore: e } = X();
   return W(e, (t) => t.boundary);
 };
 export {
-  Gr as BrandMark,
-  jt as CanvasTextMeasurer,
-  Wt as DefaultFooter,
-  yr as DefaultGrid,
-  Ut as DefaultHeader,
-  Vt as DefaultSwatch,
-  gr as DefaultTooltip,
-  Fr as DevToolsPanel,
+  Dr as BrandMark,
+  Ut as CanvasTextMeasurer,
+  Vt as DefaultFooter,
+  Sr as DefaultGrid,
+  Yt as DefaultHeader,
+  Xt as DefaultSwatch,
+  pr as DefaultTooltip,
+  Ur as DevToolsPanel,
   or as GRAPH_MODES,
-  Hr as GeomCircle,
-  xr as GeomLine,
-  Br as GeomPath,
-  Ar as GeomRect,
+  Ar as GeomCircle,
+  Br as GeomLine,
+  Kr as GeomPath,
+  Or as GeomRect,
   Ue as GraphErrorBoundary,
   ne as GraphErrorPanel,
   ht as GraphProvider,
-  er as GraphRenderer,
-  Nr as HoverProvider,
-  Qt as IntroFade,
-  zt as IntroWipeClip,
-  Kt as TextMeasurerProvider,
-  nr as ThemeProvider,
-  Kr as UnitBoxSvg,
-  Or as UnitSpaceSvg,
-  br as buildDotsEditOutlineShapes,
-  Mr as createGraphyKit,
-  Er as darkTheme,
-  dr as defineGeomRenderer,
-  sr as lightTheme,
-  Yt as lightenCss,
-  cr as projectPointCartesian,
+  tr as GraphRenderer,
+  Gr as HoverProvider,
+  zt as IntroFade,
+  Bt as IntroWipeClip,
+  Ft as TextMeasurerProvider,
+  sr as ThemeProvider,
+  jr as UnitBoxSvg,
+  Fr as UnitSpaceSvg,
+  hr as buildDotsEditOutlineShapes,
+  xr as createGraphyKit,
+  Rr as darkTheme,
+  ur as defineGeomRenderer,
+  ar as lightTheme,
+  Wt as lightenCss,
+  rr as projectPointCartesian,
   Ye as pruneSelection,
-  Ot as resolveBrandMarkVisual,
-  fr as scalePointToPanel,
-  Bt as stampAxisEditTarget,
-  lr as stampGridEditTarget,
-  Xt as stampLegendEditTarget,
-  Cr as useElementScreenRect,
-  Ft as useGeomHitTest,
-  Tr as useGeomHover,
-  tr as useGeomReaderTree,
-  hr as useGeomStyleReader,
-  mr as useGraphCommands,
-  ir as useGraphHandle,
-  jr as useGraphHistory,
-  Ur as useGraphHistoryShortcuts,
-  ar as useGraphSelection,
-  Rr as useGuidesTakePress,
-  pr as useHandleScene,
-  vr as useHoverState,
-  Jt as useResolvedStyle,
-  ur as useSceneSelector,
-  Sr as useStyleReaderTree,
-  rr as useStyleResolver,
-  Yr as useTargetBoundary,
-  Zt as useTextMeasurer,
-  Dr as vars
+  Kt as resolveBrandMarkVisual,
+  lr as scalePointToPanel,
+  Ot as stampAxisEditTarget,
+  dr as stampGridEditTarget,
+  Qt as stampLegendEditTarget,
+  qr as useElementScreenRect,
+  jt as useGeomHitTest,
+  Nr as useGeomHover,
+  fr as useGeomReaderTree,
+  br as useGeomStyleReader,
+  gr as useGraphCommands,
+  cr as useGraphHandle,
+  Yr as useGraphHistory,
+  Wr as useGraphHistoryShortcuts,
+  Er as useGraphLocale,
+  ir as useGraphSelection,
+  Cr as useGuidesTakePress,
+  vr as useHandleScene,
+  yr as useHoverState,
+  Jt as usePaintDefs,
+  Zt as useResolvedStyle,
+  Tr as useSceneSelector,
+  nr as useStyleReaderTree,
+  mr as useStyleResolver,
+  Vr as useTargetBoundary,
+  er as useTextMeasurer,
+  kr as vars
 };

package/package.json

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