@graphysdk/react-renderer 1.9.0-beta.1789110926690 → 1.9.0-beta.1789367356750

package/dist/index.mjs

@@ -1,14 +1,14 @@
-import { Ct as Dt, Ft as $t, It as le, Lt as ne, M as xt, Nt as Ht, O as Mt, Pt as Lt, Rt as A, St as ue, Tt as Pt, X as Bt, Y as Kt, _ as Ot, _t as me, a as At, bt as he, ct as jt, gt as K, i as Ft, it as Ut, j as Yt, jt as Wt, k as Vt, lt as Xt, mt as Qt, n as zt, pt as Jt, r as Zt, rt as er, s as tr, t as ge, tt as rr, vt as nr, wt as sr, xt as or, yt as j } from "./history-chords-BLPhwLjz.js";
-import { n as ar } from "./theme.contract.css-Rb-GELRv.js";
-import { COMPILER_STAGE_KEYS as F, Geom as pe, GraphCompilationSession as fe, areEditTargetsEqual as ve, buildDiagnostic as V, createAnchorResolver as ye, createCompiler as be, createGraphyBuilder as Se, createStyleResolver as Ee, findAnnotation as Ce, findLayerById as X, isCompilerCachingEnabled as Te, resolveDefinition as Ne, setCompilerCachingEnabled as Re, toPercent as L } from "@graphysdk/viz-engine";
-import { Component as qe, useCallback as f, useEffect as x, useId as Ie, useImperativeHandle as ke, useMemo as $, useRef as Q, useState as C, useSyncExternalStore as Ge } from "react";
+import { A as Dt, Bt as ne, Ct as le, Dt as $t, Et as xt, It as Ht, Lt as Mt, M as Pt, N as Lt, Ot as Bt, Pt as Ot, Rt as Kt, St as U, Tt as ue, Vt as A, X as At, Z as Ut, _ as jt, _t as Ft, a as Yt, at as Vt, bt as me, dt as Wt, ft as Xt, gt as zt, i as Qt, it as Zt, k as Jt, lt as er, n as tr, nt as rr, r as nr, s as sr, t as he, wt as or, xt as ir, yt as O, zt as ge } from "./history-chords-y2ex4E08.js";
+import { n as cr } from "./theme.contract.css-pudzI2o1.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, createStyleResolver as Ee, findAnnotation as Ce, findLayerById as X, isCompilerCachingEnabled as Te, resolveDefinition as Ne, setCompilerCachingEnabled as Re, toPercent as P } from "@graphysdk/viz-engine";
+import { Component as qe, useCallback as f, useEffect as x, useId as Ie, useImperativeHandle as Ge, useMemo as $, useRef as z, useState as C, useSyncExternalStore as ke } from "react";
 import { Fragment as we, jsx as d, jsxs as v } from "react/jsx-runtime";
-import { useStore as z } from "zustand";
-import { createStore as U } from "zustand/vanilla";
+import { useStore as Q } from "zustand";
+import { createStore as F } from "zustand/vanilla";
 import _e from "clsx";
 import './index.css';var De = "_1a5iqpb0", $e = "_1a5iqpb1";
 var xe = "_1a5iqpb3", He = "_1a5iqpb4", Me = "_1a5iqpb5";
-var J = ({ errors: e }) => {
+var Z = ({ errors: e }) => {
   const [t, ...r] = e;
   return /* @__PURE__ */ v("div", {
     role: "alert",
@@ -18,14 +18,14 @@ var J = ({ errors: e }) => {
         className: $e,
         children: "This chart could not be rendered."
       }),
-      t && /* @__PURE__ */ d(Z, { diagnostic: t }),
+      t && /* @__PURE__ */ d(J, { diagnostic: t }),
       r.length > 0 && /* @__PURE__ */ d("ul", {
         className: "_1a5iqpb2",
-        children: r.map((n, o) => /* @__PURE__ */ d("li", { children: /* @__PURE__ */ d(Z, { diagnostic: n }) }, `${n.code}-${o}`))
+        children: r.map((n, o) => /* @__PURE__ */ d("li", { children: /* @__PURE__ */ d(J, { diagnostic: n }) }, `${n.code}-${o}`))
       })
     ]
   });
-}, Z = ({ diagnostic: e }) => /* @__PURE__ */ v("div", {
+}, J = ({ diagnostic: e }) => /* @__PURE__ */ v("div", {
   className: xe,
   children: [
     /* @__PURE__ */ d("span", {
@@ -42,47 +42,47 @@ var J = ({ errors: e }) => {
     })
   ]
 });
-function Le(e = [], t = []) {
+function Pe(e = [], t = []) {
   return e.length === t.length && e.every((r, n) => Object.is(r, t[n]));
 }
-var Pe = class extends qe {
+var Le = class extends qe {
   constructor(...e) {
     super(...e), this.state = { caughtDiagnostic: null };
   }
   static getDerivedStateFromError(e) {
-    return { caughtDiagnostic: V(e) };
+    return { caughtDiagnostic: W(e) };
   }
   componentDidCatch(e, t) {
-    const r = V(e);
+    const r = W(e);
     A([r]), this.props.onError?.([r]), console.error("Chart render component stack:", t.componentStack);
   }
   componentDidUpdate(e) {
-    this.state.caughtDiagnostic && !Le(e.resetKeys, this.props.resetKeys) && this.setState({ caughtDiagnostic: null });
+    this.state.caughtDiagnostic && !Pe(e.resetKeys, this.props.resetKeys) && this.setState({ caughtDiagnostic: null });
   }
   render() {
     const { caughtDiagnostic: e } = this.state;
-    if (e) return /* @__PURE__ */ d(J, { errors: [e] });
+    if (e) return /* @__PURE__ */ d(Z, { errors: [e] });
     const { forcedErrors: t, children: r } = this.props;
-    return t && t.length > 0 ? /* @__PURE__ */ d(J, { errors: t }) : r;
+    return t && t.length > 0 ? /* @__PURE__ */ d(Z, { errors: t }) : r;
   }
 }, se = (e) => typeof e == "object" && "geom" in e && "render" in e, Be = (e) => {
   const t = Ne(e);
   return t instanceof pe ? t : null;
-}, Ke = (e, t) => {
-  const r = e.filter((n) => Oe(n, t));
+}, Oe = (e, t) => {
+  const r = e.filter((n) => Ke(n, t));
   return r.length === e.length ? e : r;
-}, Oe = (e, t) => e.kind === "annotation" ? Ce(t.annotations, e.id) !== null : e.kind === "observations" ? X(t.layers, e.layerId) !== void 0 : e.kind === "layer" && e.layerId !== void 0 ? X(t.layers, e.layerId) !== void 0 : !0, ee = [], Ae = () => U((e) => ({
+}, Ke = (e, t) => e.kind === "annotation" ? Ce(t.annotations, e.id) !== null : e.kind === "observations" ? X(t.layers, e.layerId) !== void 0 : e.kind === "layer" && e.layerId !== void 0 ? X(t.layers, e.layerId) !== void 0 : !0, ee = [], Ae = () => F((e) => ({
   selection: ee,
-  setSelection: (t) => e((r) => je(r.selection, t) ? r : { selection: t }),
+  setSelection: (t) => e((r) => Ue(r.selection, t) ? r : { selection: t }),
   clearSelection: () => e((t) => t.selection.length === 0 ? t : { selection: ee })
-})), je = (e, t) => e === t ? !0 : e.length !== t.length ? !1 : e.every((r, n) => {
+})), Ue = (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);
-}), Fe = process.env.NODE_ENV !== "production", Ue = 5, Ye = (e) => {
-  if (!Fe) return {
+}), je = process.env.NODE_ENV !== "production", Fe = 5, Ye = (e) => {
+  if (!je) return {
     emit: () => {
     },
-    subscribe: () => Ve,
+    subscribe: () => We,
     getLastTrigger: () => null,
     getLastCompile: () => null,
     getCacheStats: () => e.getCacheStats()
@@ -104,7 +104,7 @@ var Pe = class extends qe {
     getLastCompile: () => e.getLastCompile(),
     getCacheStats: () => e.getCacheStats()
   };
-}, We = () => U((e) => ({
+}, Ve = () => F((e) => ({
   lastCompile: null,
   history: [],
   nextId: 1,
@@ -119,12 +119,12 @@ var Pe = class extends qe {
     };
     return {
       lastCompile: o,
-      history: Qe(n.history, o, Ue),
+      history: ze(n.history, o, Fe),
       nextId: n.nextId + 1,
       lastSnapshot: r
     };
   })
-})), Ve = () => {
+})), We = () => {
 }, Xe = (e) => {
   switch (e.kind) {
     case "init":
@@ -136,12 +136,12 @@ var Pe = class extends qe {
     case "command":
       return e.command.metadata.description;
   }
-}, Qe = (e, t, r) => {
+}, ze = (e, t, r) => {
   const n = e.length >= r ? e.length - (r - 1) : 0;
   return [...e.slice(n), t];
 };
-function ze(e) {
-  const t = e.filter(se), r = /* @__PURE__ */ new Set([...Object.keys(he), ...t.map((c) => c.geom)]), n = [], o = /* @__PURE__ */ new Set();
+function Qe(e) {
+  const t = e.filter(se), r = /* @__PURE__ */ new Set([...Object.keys(le), ...t.map((c) => c.geom)]), n = [], o = /* @__PURE__ */ new Set();
   for (const c of e) {
     const u = Be(c);
     u === null || r.has(u.type) || o.has(u.type) || (o.add(u.type), n.push({
@@ -184,7 +184,7 @@ function ze(e) {
     warnings: i
   };
 }
-function Je(e, t) {
+function Ze(e, t) {
   const { coordSystem: r, layers: n } = e, o = /* @__PURE__ */ new Set(), a = [];
   for (const i of n)
     t(i.geom, r.type) !== null || o.has(i.geom) || (o.add(i.geom), a.push({
@@ -200,12 +200,12 @@ function Je(e, t) {
     }));
   return a;
 }
-function Ze(e, t) {
+function Je(e, t) {
   const { coordSystem: r, layers: n } = e, o = /* @__PURE__ */ new Set(), a = [];
   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 || U(c) || (o.add(i.geom), a.push({
       kind: "user-input",
       severity: "warning",
       code: "MISSING_RENDER_HIT_TEST",
@@ -242,7 +242,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 || !c.hitTest || !j(c) || (o.add(i.geom), a.push({
+    c === null || !c.hitTest || !U(c) || (o.add(i.geom), a.push({
       kind: "user-input",
       severity: "warning",
       code: "CONFLICTING_RENDER_HIT_TEST",
@@ -277,7 +277,7 @@ function nt(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 || !U(c) || (o.add(i.geom), a.push({
       kind: "user-input",
       severity: "warning",
       code: "OVERLAY_REQUIRES_RENDER_HIT_TEST",
@@ -291,25 +291,25 @@ function nt(e, t) {
   }
   return a;
 }
-var st = (e) => U((t) => ({
+var st = (e) => F((t) => ({
   compiled: e,
   setCompiled: (r) => t((n) => n.compiled === r ? n : { compiled: r })
 })), ot = ({ input: e, data: t, customPalettes: r, colorScheme: n, plugins: o, resolveRenderer: a, anchorResolver: i, onChange: c, onError: u, onWarnings: m }) => {
-  const T = K(c), k = K(u), q = K(m), [{ session: h, compileBus: l }] = C(() => {
+  const T = O(c), G = O(u), q = O(m), [{ session: h, compileBus: l }] = C(() => {
     const s = be({ plugins: o });
     return {
       session: new fe(s),
       compileBus: Ye(s)
     };
-  }), [p] = C(() => ze(o ?? [])), y = Q(null), [G] = C(it), N = Q(null), b = f((s) => p.errors.length === 0 ? s : [...p.errors, ...s ?? []], [p]), _ = f((s) => {
+  }), [p] = C(() => Qe(o ?? [])), y = z(null), [k] = C(it), N = z(null), b = f((s) => p.errors.length === 0 ? s : [...p.errors, ...s ?? []], [p]), _ = f((s) => {
     if (!s.ok) return s.errors;
     if (N.current) N.current.getState().setCompiled(s.compiled);
     else {
       const g = st(s.compiled);
-      g.subscribe(G.notify), N.current = g, G.notify();
+      g.subscribe(k.notify), N.current = g, k.notify();
     }
     return null;
-  }, [G]), [H, D] = C(() => {
+  }, [k]), [H, D] = C(() => {
     const s = h.compile({
       input: e,
       data: t,
@@ -319,15 +319,15 @@ var st = (e) => U((t) => ({
     return y.current = s, b(_(s));
   }), I = f((s) => s.ok ? [
     ...s.warnings,
-    ...Je(s.compiled, a),
     ...Ze(s.compiled, a),
+    ...Je(s.compiled, a),
     ...et(s.compiled),
     ...tt(s.compiled, a),
     ...nt(s.compiled, a),
     ...rt(s.compiled, i)
   ] : s.warnings, [a, i]), S = f((s) => {
-    s.length !== 0 && (A(s), k.current?.(s));
-  }, [k]), R = f((s) => {
+    s.length !== 0 && (A(s), G.current?.(s));
+  }, [G]), R = f((s) => {
     s.length !== 0 && (A(s), q.current?.(s));
   }, [q]);
   x(() => {
@@ -387,21 +387,21 @@ var st = (e) => U((t) => ({
     E(h.applyCommand(s, g));
   }, [h, E]), ae = f(() => {
     E(h.seal());
-  }, [h, E]), Y = f(() => E(h.undo()), [h, E]), W = f(() => E(h.redo()), [h, E]), ce = $(() => ({
+  }, [h, E]), Y = f(() => E(h.undo()), [h, E]), V = f(() => E(h.redo()), [h, E]), ce = $(() => ({
     stack: h.history,
     undo: Y,
-    redo: W
+    redo: V
   }), [
     h,
     Y,
-    W
+    V
   ]), de = f(() => N.current?.getState().compiled ?? null, []);
   return {
     store: N.current,
     dispatch: B,
     seal: ae,
     history: ce,
-    subscribe: G.subscribe,
+    subscribe: k.subscribe,
     getCompiled: de,
     compileBus: l,
     compileErrors: H
@@ -415,13 +415,13 @@ var st = (e) => U((t) => ({
     notify: () => e.forEach((t) => t())
   };
 }, at = ({ data: e, input: t, plugins: r = [], formattingLocale: n, handleRef: o, onChange: a, onError: i, onWarnings: c, customPalettes: u, colorScheme: m = "light", children: T }) => {
-  const [k] = C(() => me(r.filter(se))), q = Ie(), [h] = C(() => ye(r)), [l] = C(() => Ae()), p = $(() => Ee({ colorScheme: m }), [m]), { store: y, dispatch: G, seal: N, history: b, subscribe: _, getCompiled: H, compileBus: D, compileErrors: I } = ot({
+  const [G] = C(() => me(r.filter(se))), q = Ie(), [h] = C(() => ye(r)), [l] = C(() => Ae()), p = $(() => Ee({ colorScheme: m }), [m]), { store: y, dispatch: k, seal: N, history: b, subscribe: _, getCompiled: H, compileBus: D, compileErrors: I } = ot({
     input: t,
     data: e,
     customPalettes: u,
     colorScheme: m,
     plugins: r,
-    resolveRenderer: k,
+    resolveRenderer: G,
     anchorResolver: h,
     onChange: a,
     onError: i,
@@ -432,14 +432,14 @@ var st = (e) => U((t) => ({
       return y.subscribe((w, M) => {
         if (w.compiled.spec === M.compiled.spec) return;
         const { selection: E, setSelection: B } = l.getState();
-        E.length !== 0 && B(Ke(E, w.compiled.spec));
+        E.length !== 0 && B(Oe(E, w.compiled.spec));
       });
   }, [y, l]);
   const S = $(() => ({
-    dispatch: G,
+    dispatch: k,
     seal: N
-  }), [G, N]);
-  ke(o, () => ({
+  }), [k, N]);
+  Ge(o, () => ({
     commands: S,
     undo: b.undo,
     redo: b.redo,
@@ -478,20 +478,20 @@ var st = (e) => U((t) => ({
     p,
     h
   ]);
-  return /* @__PURE__ */ d(Pe, {
+  return /* @__PURE__ */ d(Le, {
     forcedErrors: I,
     onError: i,
     resetKeys: [t, e],
-    children: R ? /* @__PURE__ */ d(le.Provider, {
+    children: R ? /* @__PURE__ */ d(ge.Provider, {
       value: R,
       children: /* @__PURE__ */ d(ue, {
-        value: k,
+        value: G,
         children: T
       })
     }) : null
   });
 };
-function gr(e) {
+function pr(e) {
   const t = Se(e);
   return {
     ...t,
@@ -501,7 +501,7 @@ function gr(e) {
     })
   };
 }
-var pr = ({ children: e, ...t }) => /* @__PURE__ */ d("svg", {
+var fr = ({ children: e, ...t }) => /* @__PURE__ */ d("svg", {
   viewBox: "0 0 1 1",
   preserveAspectRatio: "none",
   width: "100%",
@@ -509,15 +509,15 @@ var pr = ({ children: e, ...t }) => /* @__PURE__ */ d("svg", {
   pointerEvents: "none",
   ...t,
   children: e
-}), fr = ({ box: e, children: t }) => /* @__PURE__ */ d("svg", {
-  x: L(e.x0),
-  y: L(e.y0),
-  width: L(e.x1 - e.x0),
-  height: L(e.y1 - e.y0),
+}), vr = ({ box: e, children: t }) => /* @__PURE__ */ d("svg", {
+  x: P(e.x0),
+  y: P(e.y0),
+  width: P(e.x1 - e.x0),
+  height: P(e.y1 - e.y0),
   overflow: "hidden",
   pointerEvents: "none",
   children: t
-}), ct = "drqe3u0", dt = "drqe3u1", lt = "drqe3u2", ut = "drqe3u3", P = "drqe3u4", mt = "drqe3u5", ht = "drqe3u6", gt = "drqe3u7", O = "drqe3u8", pt = "drqe3u9", ft = "drqe3ua";
+}), ct = "drqe3u0", dt = "drqe3u1", lt = "drqe3u2", ut = "drqe3u3", L = "drqe3u4", mt = "drqe3u5", ht = "drqe3u6", gt = "drqe3u7", K = "drqe3u8", pt = "drqe3u9", ft = "drqe3ua";
 var vt = "drqe3uc", yt = "drqe3ud", bt = "drqe3ue", St = "drqe3uf";
 var Et = "drqe3uh", Ct = "drqe3ui", te = {
   enabled: "drqe3uk drqe3uj",
@@ -529,13 +529,13 @@ var Et = "drqe3uh", Ct = "drqe3ui", te = {
   ran: "drqe3uq drqe3up",
   cached: "drqe3ur drqe3up",
   untouched: "drqe3us drqe3up"
-}, vr = ({ width: e = 380, style: t, className: r } = {}) => {
-  const { compileBus: n } = ne(), [o] = C(() => We()), [a, i] = C(!1), [c, u] = C(Te);
+}, yr = ({ width: e = 380, style: t, className: r } = {}) => {
+  const { compileBus: n } = ne(), [o] = C(() => Ve()), [a, i] = C(!1), [c, u] = C(Te);
   x(() => {
     const { recordCompile: l } = o.getState(), p = n.getLastTrigger(), y = n.getLastCompile();
     return p && y && l(p, y), n.subscribe(l);
   }, [o, n]);
-  const m = z(o, (l) => l.lastCompile), T = z(o, (l) => l.history), k = n.getCacheStats(), q = m === null && T.length === 0, h = () => {
+  const m = Q(o, (l) => l.lastCompile), T = Q(o, (l) => l.history), G = n.getCacheStats(), q = m === null && T.length === 0, h = () => {
     u((l) => {
       const p = !l;
       return Re(p), p;
@@ -578,7 +578,7 @@ var Et = "drqe3uh", Ct = "drqe3ui", te = {
       }),
       !a && !q && /* @__PURE__ */ v(we, { children: [/* @__PURE__ */ d(Tt, {
         delta: m?.stages,
-        cumulative: k
+        cumulative: G
       }), /* @__PURE__ */ d(Nt, { entries: T })] })
     ]
   });
@@ -592,23 +592,23 @@ var Et = "drqe3uh", Ct = "drqe3ui", te = {
         children: "stage"
       }),
       /* @__PURE__ */ d("th", {
-        className: P,
+        className: L,
         children: "Δ miss"
       }),
       /* @__PURE__ */ d("th", {
-        className: P,
+        className: L,
         children: "Δ hit"
       }),
       /* @__PURE__ */ d("th", {
-        className: P,
+        className: L,
         children: "total miss"
       }),
       /* @__PURE__ */ d("th", {
-        className: P,
+        className: L,
         children: "total hit"
       })
     ]
-  }) }), /* @__PURE__ */ d("tbody", { children: F.map((r) => {
+  }) }), /* @__PURE__ */ d("tbody", { children: j.map((r) => {
     const n = e?.[r], o = Rt(n);
     return /* @__PURE__ */ v("tr", {
       className: vt,
@@ -629,15 +629,15 @@ var Et = "drqe3uh", Ct = "drqe3ui", te = {
           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
         })
       ]
@@ -649,7 +649,7 @@ var Et = "drqe3uh", Ct = "drqe3ui", te = {
     className: Ct,
     children: "recent compiles"
   }), e.map((t) => {
-    const r = qt(t.stages, (a) => a.misses > 0), n = F.length;
+    const r = qt(t.stages, (a) => a.misses > 0), n = j.length;
     return /* @__PURE__ */ v("div", {
       className: ht,
       children: [
@@ -677,10 +677,10 @@ var Et = "drqe3uh", Ct = "drqe3ui", te = {
   })]
 }), Rt = (e) => !e || e.hits === 0 && e.misses === 0 ? "untouched" : e.misses > 0 ? "ran" : "cached", qt = (e, t) => {
   let r = 0;
-  for (const n of F) t(e[n]) && (r += 1);
+  for (const n of j) t(e[n]) && (r += 1);
   return r;
-}, ie = (e) => e >= 10 ? `${e.toFixed(0)}ms` : `${e.toFixed(2)}ms`, yr = () => {
-  const { history: e } = ne(), { stack: t, undo: r, redo: n } = e, o = f((c) => t.subscribe(c), [t]), a = f(() => t.getSnapshot(), [t]), i = Ge(o, a, a);
+}, ie = (e) => e >= 10 ? `${e.toFixed(0)}ms` : `${e.toFixed(2)}ms`, br = () => {
+  const { history: e } = ne(), { stack: t, undo: r, redo: n } = e, o = f((c) => t.subscribe(c), [t]), a = f(() => t.getSnapshot(), [t]), i = ke(o, a, a);
   return $(() => ({
     ...i,
     undo: r,
@@ -701,14 +701,14 @@ var Et = "drqe3uh", Ct = "drqe3ui", te = {
   "range",
   "reset",
   "submit"
-]), br = (e, t = {}) => {
+]), Sr = (e, t = {}) => {
   const { target: r, enabled: n = !0 } = t;
   x(() => {
-    const o = kt(r);
+    const o = Gt(r);
     if (!n || !o) return;
     const a = (i) => {
-      if (!Gt(i) || i.defaultPrevented || wt(i.target)) return;
-      const c = ge(i);
+      if (!kt(i) || i.defaultPrevented || wt(i.target)) return;
+      const c = he(i);
       if (!c) return;
       const u = e.current;
       u && (c === "undo" ? u.undo() : u.redo()) && i.preventDefault();
@@ -719,45 +719,46 @@ var Et = "drqe3uh", Ct = "drqe3ui", te = {
     r,
     n
   ]);
-}, kt = (e) => e === void 0 ? window : e !== null && "current" in e ? e.current : e, Gt = (e) => "key" in e, wt = (e) => e instanceof HTMLInputElement ? !It.has(e.type) : e instanceof HTMLElement ? e.isContentEditable || e.tagName === "TEXTAREA" : !1;
+}, Gt = (e) => e === void 0 ? window : e !== null && "current" in e ? e.current : e, kt = (e) => "key" in e, wt = (e) => e instanceof HTMLInputElement ? !It.has(e.type) : e instanceof HTMLElement ? e.isContentEditable || e.tagName === "TEXTAREA" : !1;
 export {
-  Yt as BrandMark,
-  Pt as CanvasTextMeasurer,
-  Vt as DefaultFooter,
-  tr as DefaultGrid,
-  Mt as DefaultHeader,
+  Pt as BrandMark,
+  Bt as CanvasTextMeasurer,
+  Dt as DefaultFooter,
+  sr as DefaultGrid,
+  Jt as DefaultHeader,
   or as DefaultSwatch,
-  Kt as DefaultTooltip,
-  vr as DevToolsPanel,
-  Pe as GraphErrorBoundary,
-  J as GraphErrorPanel,
+  At as DefaultTooltip,
+  yr as DevToolsPanel,
+  er as GRAPH_MODES,
+  Le as GraphErrorBoundary,
+  Z as GraphErrorPanel,
   at as GraphProvider,
-  At as GraphRenderer,
-  Qt as HoverProvider,
-  Dt as TextMeasurerProvider,
+  Yt as GraphRenderer,
+  Ft as HoverProvider,
+  xt as TextMeasurerProvider,
   rr as ThemeProvider,
-  fr as UnitBoxSvg,
-  pr as UnitSpaceSvg,
-  gr as createGraphyKit,
-  er as darkTheme,
-  nr as defineGeomRenderer,
-  Ut as lightTheme,
-  Wt as lightenCss,
-  Ke as pruneSelection,
-  xt as resolveBrandMarkVisual,
-  $t as useCompiledSelector,
+  vr as UnitBoxSvg,
+  fr as UnitSpaceSvg,
+  pr as createGraphyKit,
+  Zt as darkTheme,
+  ir as defineGeomRenderer,
+  Vt as lightTheme,
+  Ot as lightenCss,
+  Oe as pruneSelection,
+  Lt as resolveBrandMarkVisual,
+  Kt as useCompiledSelector,
   Xt as useElementScreenRect,
-  Jt as useGeomHitTest,
-  jt as useGeomHover,
-  zt as useGraphCommands,
-  Ft as useGraphHandle,
-  yr as useGraphHistory,
-  br as useGraphHistoryShortcuts,
-  Ot as useGraphSelection,
-  Zt as useHandleCompiled,
-  Bt as useHoverState,
+  zt as useGeomHitTest,
+  Wt as useGeomHover,
+  tr as useGraphCommands,
+  Qt as useGraphHandle,
+  br as useGraphHistory,
+  Sr as useGraphHistoryShortcuts,
+  jt as useGraphSelection,
+  nr as useHandleCompiled,
+  Ut as useHoverState,
   Ht as useStyleReaders,
-  Lt as useStyleResolver,
-  sr as useTextMeasurer,
-  ar as vars
+  Mt as useStyleResolver,
+  $t as useTextMeasurer,
+  cr as vars
 };

package/dist/theme.contract.css

@@ -0,0 +1 @@
+

package/dist/theme.contract.css-CEjZ4rbL.cjs

@@ -0,0 +1 @@
+require('./theme.contract.css');var r=["canvasDefault","canvasBlue","canvasCyan","canvasGreen","canvasYellow","canvasOrange","canvasRed","canvasPink","canvasPurple","canvasGray","canvasInverse"],a={white:"var(--graphy-white)",black:"var(--graphy-black)",transparent:"var(--graphy-transparent)",grey100:"var(--graphy-grey-100)",grey95:"var(--graphy-grey-95)",grey90:"var(--graphy-grey-90)",grey85:"var(--graphy-grey-85)",grey80:"var(--graphy-grey-80)",grey75:"var(--graphy-grey-75)",grey70:"var(--graphy-grey-70)",grey60:"var(--graphy-grey-60)",grey50:"var(--graphy-grey-50)",grey0:"var(--graphy-grey-0)",greyGradient80:"var(--graphy-grey-gradient-80)",green60:"var(--graphy-green-60)",green50:"var(--graphy-green-50)",red60:"var(--graphy-red-60)",red50:"var(--graphy-red-50)",amber70:"var(--graphy-amber-70)",amber50:"var(--graphy-amber-50)",amber40:"var(--graphy-amber-40)",amber30:"var(--graphy-amber-30)",blue80:"var(--graphy-blue-80)",blue60:"var(--graphy-blue-60)",purple50:"var(--graphy-purple-50)",purple30:"var(--graphy-purple-30)",brand:"var(--graphy-brand)",success:"var(--graphy-success)",warning:"var(--graphy-warning)",alert:"var(--graphy-alert)",textPrimary:"var(--graphy-text-primary)",textSecondary:"var(--graphy-text-secondary)",textDisabled:"var(--graphy-text-disabled)",iconPrimary:"var(--graphy-icon-primary)",iconSecondary:"var(--graphy-icon-secondary)",iconStickerBackground:"var(--graphy-icon-sticker-background)",border100:"var(--graphy-border-100)",border50:"var(--graphy-border-50)",border10:"var(--graphy-border-10)",sunkenBackground:"var(--graphy-sunken-background)",defaultBackground:"var(--graphy-default-background)",raisedBackground:"var(--graphy-raised-background)",overlayBackground:"var(--graphy-overlay-background)",overlayBorderGradient:"var(--graphy-overlay-border-gradient)",graphBackground:"var(--graphy-graph-background)",legendFocusOutlineColor:"var(--graphy-legend-focus-outline-color)",annotationFrameBorderColor:"var(--graphy-annotation-frame-border-color)",editMenuTriggerIconColor:"var(--graphy-edit-menu-trigger-icon-color)",tooltipRowGap:"var(--graphy-tooltip-row-gap)",editorControlHeight:"var(--graphy-editor-control-height)",legendSwatchGap:"var(--graphy-legend-swatch-gap)",headlineRowGap:"var(--graphy-headline-row-gap)",canvasDefault:"var(--graphy-canvas-default)",canvasBlue:"var(--graphy-canvas-blue)",canvasCyan:"var(--graphy-canvas-cyan)",canvasGreen:"var(--graphy-canvas-green)",canvasYellow:"var(--graphy-canvas-yellow)",canvasOrange:"var(--graphy-canvas-orange)",canvasRed:"var(--graphy-canvas-red)",canvasPink:"var(--graphy-canvas-pink)",canvasPurple:"var(--graphy-canvas-purple)",canvasGray:"var(--graphy-canvas-gray)",canvasInverse:"var(--graphy-canvas-inverse)",elevationXs:"var(--graphy-elevation-xs)",elevationSm:"var(--graphy-elevation-sm)",elevationMd:"var(--graphy-elevation-md)",elevationLg:"var(--graphy-elevation-lg)",radiiXs:"var(--graphy-radii-xs)",radiiSm:"var(--graphy-radii-sm)",radiiMd:"var(--graphy-radii-md)",radiiLg:"var(--graphy-radii-lg)",spaceXxs:"var(--graphy-space-xxs)",spaceXs:"var(--graphy-space-xs)",spaceSm:"var(--graphy-space-sm)",spaceMd:"var(--graphy-space-md)",spaceLg:"var(--graphy-space-lg)",spaceXl:"var(--graphy-space-xl)",zIndexToolbar:"var(--graphy-z-index-toolbar)",zIndexToolbarTooltip:"var(--graphy-z-index-toolbar-tooltip)",zIndexToolbarPopover:"var(--graphy-z-index-toolbar-popover)",zIndexEditorPopover:"var(--graphy-z-index-editor-popover)",toolbarBackgroundColor:"var(--graphy-toolbar-background-color)",toolbarButtonBackgroundColor:"var(--graphy-toolbar-button-background-color)",toolbarButtonBackgroundColorHovered:"var(--graphy-toolbar-button-background-color-hovered)",toolbarButtonBackgroundColorSelected:"var(--graphy-toolbar-button-background-color-selected)",toolbarSeparatorColor:"var(--graphy-toolbar-separator-color)",fontFamily:"var(--graphy-font-family)",fontFamilyHeading:"var(--graphy-font-family-heading)",fontWeightRegular:"var(--graphy-font-weight-regular)",fontWeightMedium:"var(--graphy-font-weight-medium)",fontWeightSemibold:"var(--graphy-font-weight-semibold)",fontWeightBold:"var(--graphy-font-weight-bold)",fontWeightExtraBold:"var(--graphy-font-weight-extra-bold)",textScale:"var(--graphy-text-scale)",fontSizeXxs:"var(--graphy-font-size-xxs)",fontSizeXs:"var(--graphy-font-size-xs)",fontSizeSm:"var(--graphy-font-size-sm)",fontSizeMd:"var(--graphy-font-size-md)",fontSizeLg:"var(--graphy-font-size-lg)",fontSizeXl:"var(--graphy-font-size-xl)",fontLineHeightXxs:"var(--graphy-font-line-height-xxs)",fontLineHeightXs:"var(--graphy-font-line-height-xs)",fontLineHeightSm:"var(--graphy-font-line-height-sm)",fontLineHeightMd:"var(--graphy-font-line-height-md)",fontLineHeightLg:"var(--graphy-font-line-height-lg)",fontLineHeightXl:"var(--graphy-font-line-height-xl)",fontSizeEditorBody:"var(--graphy-font-size-editor-body)",fontSizeHeadingSm:"var(--graphy-font-size-heading-sm)",fontSizeHeadingMd:"var(--graphy-font-size-heading-md)",fontSizeHeadingLg:"var(--graphy-font-size-heading-lg)",fontLineHeightEditorBody:"var(--graphy-font-line-height-editor-body)",fontLineHeightHeadingSm:"var(--graphy-font-line-height-heading-sm)",fontLineHeightHeadingMd:"var(--graphy-font-line-height-heading-md)",fontLineHeightHeadingLg:"var(--graphy-font-line-height-heading-lg)",fontButton:"var(--graphy-font-button)",fontInput:"var(--graphy-font-input)",fontInputLabel:"var(--graphy-font-input-label)",fontSelectLabel:"var(--graphy-font-select-label)",fontSelectDescription:"var(--graphy-font-select-description)",fontColorSelectLabel:"var(--graphy-font-color-select-label)",fontMenuTitle:"var(--graphy-font-menu-title)",fontMenuGroupTitle:"var(--graphy-font-menu-group-title)",fontMenuItemLabel:"var(--graphy-font-menu-item-label)",fontMenuItemLabelSecondary:"var(--graphy-font-menu-item-label-secondary)",fontUITooltip:"var(--graphy-font-uitooltip)",fontUITooltipSecondary:"var(--graphy-font-uitooltip-secondary)",fontErrorBoundaryTitle:"var(--graphy-font-error-boundary-title)",fontErrorBoundaryMessage:"var(--graphy-font-error-boundary-message)",fontTableCell:"var(--graphy-font-table-cell)",fontTableHeaderCell:"var(--graphy-font-table-header-cell)",fontSourceLabel:"var(--graphy-font-source-label)",fontSourceLink:"var(--graphy-font-source-link)",fontTextEditorH1:"var(--graphy-font-text-editor-h1)",fontTextEditorH2:"var(--graphy-font-text-editor-h2)",fontTextEditorH3:"var(--graphy-font-text-editor-h3)",fontTextEditorH6:"var(--graphy-font-text-editor-h6)",fontTextEditorBody:"var(--graphy-font-text-editor-body)",fontTextEditorLink:"var(--graphy-font-text-editor-link)",fontHighlightModeTitle:"var(--graphy-font-highlight-mode-title)",fontHighlightModeSubtitle:"var(--graphy-font-highlight-mode-subtitle)",fontEditorControlLabel:"var(--graphy-font-editor-control-label)",fontEditorControlValue:"var(--graphy-font-editor-control-value)",fontEditorSectionTitle:"var(--graphy-font-editor-section-title)",fontEditorCaption:"var(--graphy-font-editor-caption)"};Object.defineProperty(exports,"CANVAS_COLOR_KEYS",{enumerable:!0,get:function(){return r}});Object.defineProperty(exports,"vars",{enumerable:!0,get:function(){return a}});

package/dist/{theme.contract.css-Rb-GELRv.js → theme.contract.css-pudzI2o1.js}

@@ -1,4 +1,4 @@
-var a = [
+import './theme.contract.css';var a = [
   "canvasDefault",
   "canvasBlue",
   "canvasCyan",

package/package.json

@@ -11,7 +11,7 @@
     "visualization",
     "renderer"
   ],
-  "version": "1.9.0-beta.1789110926690",
+  "version": "1.9.0-beta.1789367356750",
   "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.1789110926690"
+    "@graphysdk/viz-engine": "1.9.0-beta.1789367356750"
   },
   "peerDependencies": {
     "@tiptap/core": "^3.0.0",