@graphysdk/react-renderer 1.9.0-beta.1789467548664 → 1.9.0-beta.1789480282040

package/dist/index.mjs

@@ -1,7 +1,7 @@
-import { A as Dt, At as $t, Bt as Ht, Ct as le, Dt as ue, Et as xt, Ht as ne, It as Mt, M as Pt, N as Lt, Ot as Bt, Rt as Ot, St as U, Ut as K, Vt as me, X as At, Z as Kt, _ as Ut, _t as jt, a as Ft, at as Yt, bt as he, dt as Vt, ft as Wt, gt as Xt, i as zt, it as Qt, k as Zt, kt as Jt, lt as er, n as tr, nt as rr, r as nr, s as sr, t as ge, xt as or, yt as O, zt as ir } from "./history-chords-DYyA8P8x.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 Ne, resolveDefinition as Re, setCompilerCachingEnabled as Te, toPercent as P } from "@graphysdk/viz-engine";
-import { Component as qe, useCallback as f, useEffect as H, useId as Ie, useImperativeHandle as ke, useMemo as $, useRef as z, useState as C, useSyncExternalStore as Ge } from "react";
+import { A as Dt, At as $t, Bt as Ht, Ct as le, Dt as ue, Et as xt, Ht as ne, It as Mt, M as Pt, N as Lt, Ot as Bt, Rt as Ot, St as U, Ut as K, Vt as he, X as At, Z as Kt, _ as Ut, _t as jt, a as Ft, at as Yt, bt as ge, dt as Vt, ft as Wt, gt as Xt, i as zt, it as Qt, k as Zt, kt as Jt, lt as er, n as tr, nt as rr, r as nr, s as sr, t as me, xt as or, yt as O, zt as ir } from "./history-chords-B2TZO9S_.js";
+import { n as cr } from "./theme.contract.css-DaZ5UPN0.js";
+import { COMPILER_STAGE_KEYS as j, Geom as pe, GraphCompilationSession as fe, areEditTargetsEqual as ve, buildDiagnostic as W, createAnchorResolver as ye, createCompiler as Se, createGraphyBuilder as be, createStyleResolver as Ee, findAnnotation as Ne, findLayerById as X, isCompilerCachingEnabled as Re, resolveDefinition as Te, setCompilerCachingEnabled as Ce, toPercent as P } from "@graphysdk/viz-engine";
+import { Component as qe, useCallback as f, useEffect as H, useId as Ie, useImperativeHandle as ke, useMemo as $, useRef as z, useState as N, useSyncExternalStore as Ge } from "react";
 import { Fragment as _e, jsx as d, jsxs as v } from "react/jsx-runtime";
 import { useStore as Q } from "zustand";
 import { createStore as F } from "zustand/vanilla";
@@ -66,12 +66,12 @@ var Le = class extends qe {
     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 = Re(e);
+  const t = Te(e);
   return t instanceof pe ? t : null;
 }, Oe = (e, t) => {
   const r = e.filter((n) => Ae(n, t));
   return r.length === e.length ? e : r;
-}, Ae = (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 = [], Ke = () => F((e) => ({
+}, Ae = (e, t) => e.kind === "annotation" ? Ne(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 = [], Ke = () => F((e) => ({
   selection: ee,
   setSelection: (t) => e((r) => Ue(r.selection, t) ? r : { selection: t }),
   clearSelection: () => e((t) => t.selection.length === 0 ? t : { selection: ee })
@@ -159,20 +159,20 @@ function Qe(e) {
   const a = /* @__PURE__ */ new Map();
   for (const c of t) {
     if ("definition" in c) continue;
-    const u = `${c.geom}|${c.coord}`, m = a.get(u);
-    m ? m.count += 1 : a.set(u, {
+    const u = `${c.geom}|${c.coord}`, h = a.get(u);
+    h ? h.count += 1 : a.set(u, {
       geom: c.geom,
       coord: c.coord,
       count: 1
     });
   }
   const i = [];
-  for (const { geom: c, coord: u, count: m } of a.values())
-    m < 2 || i.push({
+  for (const { geom: c, coord: u, count: h } of a.values())
+    h < 2 || i.push({
       kind: "user-input",
       severity: "warning",
       code: "DUPLICATE_REGISTERED_TYPE",
-      message: `Multiple render-only overrides register ('${c}', '${u}') (${m} entries); the last in the array wins.`,
+      message: `Multiple render-only overrides register ('${c}', '${u}') (${h} entries); the last in the array wins.`,
       context: {
         requested: `${c}@${u}`,
         kind: "geom-renderer"
@@ -286,123 +286,123 @@ function nt(e, t) {
         requested: i.geom,
         kind: "geom-renderer"
       },
-      suggestion: "Have the geom's manifest yield spatialKind 'render-hit-test' so the compiled layer carries the `byKey` index the overlay's `pushHover` resolves against."
+      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."
     }));
   }
   return a;
 }
 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 N = O(c), k = O(u), q = O(m), [{ session: h, compileBus: l }] = C(() => {
-    const s = be({ plugins: o });
+  scene: e,
+  setScene: (r) => t((n) => n.scene === r ? n : { scene: r })
+})), ot = ({ input: e, data: t, customPalettes: r, colorScheme: n, plugins: o, resolveRenderer: a, anchorResolver: i, onChange: c, onError: u, onWarnings: h }) => {
+  const R = O(c), k = O(u), q = O(h), [{ session: g, compileBus: l }] = N(() => {
+    const s = Se({ plugins: o });
     return {
       session: new fe(s),
       compileBus: Ye(s)
     };
-  }), [p] = C(() => Qe(o ?? [])), y = z(null), [G] = C(it), R = z(null), b = f((s) => p.errors.length === 0 ? s : [...p.errors, ...s ?? []], [p]), w = f((s) => {
+  }), [p] = N(() => Qe(o ?? [])), y = z(null), [G] = N(it), T = z(null), S = f((s) => p.errors.length === 0 ? s : [...p.errors, ...s ?? []], [p]), w = f((s) => {
     if (!s.ok) return s.errors;
-    if (R.current) R.current.getState().setCompiled(s.compiled);
+    if (T.current) T.current.getState().setScene(s.scene);
     else {
-      const g = st(s.compiled);
-      g.subscribe(G.notify), R.current = g, G.notify();
+      const m = st(s.scene);
+      m.subscribe(G.notify), T.current = m, G.notify();
     }
     return null;
-  }, [G]), [x, D] = C(() => {
-    const s = h.compile({
+  }, [G]), [x, D] = N(() => {
+    const s = g.compile({
       input: e,
       data: t,
       customPalettes: r,
       colorScheme: n
     });
-    return y.current = s, b(w(s));
+    return y.current = s, S(w(s));
   }), I = f((s) => s.ok ? [
     ...s.warnings,
-    ...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) => {
+    ...Ze(s.scene, a),
+    ...Je(s.scene, a),
+    ...et(s.scene),
+    ...tt(s.scene, a),
+    ...nt(s.scene, a),
+    ...rt(s.scene, i)
+  ] : s.warnings, [a, i]), b = f((s) => {
     s.length !== 0 && (K(s), k.current?.(s));
-  }, [k]), T = f((s) => {
+  }, [k]), C = f((s) => {
     s.length !== 0 && (K(s), q.current?.(s));
   }, [q]);
   H(() => {
     const s = y.current;
-    s && (S([...p.errors, ...s.ok ? [] : s.errors]), T([...p.warnings, ...I(s)]), s.ok && l.emit({ kind: "init" }));
+    s && (b([...p.errors, ...s.ok ? [] : s.errors]), C([...p.warnings, ...I(s)]), s.ok && l.emit({ kind: "init" }));
   }, [
     l,
-    S,
-    T,
+    b,
+    C,
     p,
     I
   ]), H(() => {
-    const s = h.update({
+    const s = g.update({
       input: e,
       data: t,
       customPalettes: r,
       colorScheme: n
     });
     if (!s) return;
-    s.sealedInput && N.current?.(s.sealedInput);
-    const g = w(s.result);
-    D(b(g)), g && S(g), T(I(s.result)), g || l.emit({ kind: s.inputChanged ? "input" : "data" });
+    s.sealedInput && R.current?.(s.sealedInput);
+    const m = w(s.result);
+    D(S(m)), m && b(m), C(I(s.result)), m || l.emit({ kind: s.inputChanged ? "input" : "data" });
   }, [
     e,
     t,
     r,
     n,
-    h,
+    g,
     l,
     w,
-    S,
-    T,
     b,
+    C,
+    S,
     I,
-    N
+    R
   ]);
   const _ = f((s) => {
-    D((g) => g === null ? g : b(null)), T(I(s));
+    D((m) => m === null ? m : S(null)), C(I(s));
   }, [
-    b,
-    T,
+    S,
+    C,
     I
   ]), M = f((s) => {
-    s.compiled && R.current?.getState().setCompiled(s.compiled), s.result && _(s.result), s.command && l.emit({
+    s.scene && T.current?.getState().setScene(s.scene), s.result && _(s.result), s.command && l.emit({
       kind: "command",
       command: s.command
-    }), s.input && N.current?.(s.input), s.errors && S([...s.errors]);
+    }), s.input && R.current?.(s.input), s.errors && b([...s.errors]);
   }, [
     _,
     l,
-    N,
-    S
+    R,
+    b
   ]), E = f((s) => {
-    for (const g of s) M(g);
-    return s.some((g) => !!g.compiled);
-  }, [M]), B = f((s, g) => {
-    E(h.applyCommand(s, g));
-  }, [h, E]), ae = f(() => {
-    E(h.seal());
-  }, [h, E]), Y = f(() => E(h.undo()), [h, E]), V = f(() => E(h.redo()), [h, E]), ce = $(() => ({
-    stack: h.history,
+    for (const m of s) M(m);
+    return s.some((m) => !!m.scene);
+  }, [M]), B = f((s, m) => {
+    E(g.applyCommand(s, m));
+  }, [g, E]), ae = f(() => {
+    E(g.seal());
+  }, [g, E]), Y = f(() => E(g.undo()), [g, E]), V = f(() => E(g.redo()), [g, E]), ce = $(() => ({
+    stack: g.history,
     undo: Y,
     redo: V
   }), [
-    h,
+    g,
     Y,
     V
-  ]), de = f(() => R.current?.getState().compiled ?? null, []);
+  ]), de = f(() => T.current?.getState().scene ?? null, []);
   return {
-    store: R.current,
+    store: T.current,
     dispatch: B,
     seal: ae,
     history: ce,
     subscribe: G.subscribe,
-    getCompiled: de,
+    getScene: de,
     compileBus: l,
     compileErrors: x
   };
@@ -414,15 +414,15 @@ var st = (e) => F((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: N }) => {
-  const [k] = C(() => he(r.filter(se))), q = Ie(), [h] = C(() => ye(r)), [l] = C(() => Ke()), p = $(() => Ee({ colorScheme: m }), [m]), { store: y, dispatch: G, seal: R, history: b, subscribe: w, getCompiled: x, compileBus: D, compileErrors: I } = ot({
+}, at = ({ data: e, input: t, plugins: r = [], formattingLocale: n, handleRef: o, onChange: a, onError: i, onWarnings: c, customPalettes: u, colorScheme: h = "light", children: R }) => {
+  const [k] = N(() => ge(r.filter(se))), q = Ie(), [g] = N(() => ye(r)), [l] = N(() => Ke()), p = $(() => Ee({ colorScheme: h }), [h]), { store: y, dispatch: G, seal: T, history: S, subscribe: w, getScene: x, compileBus: D, compileErrors: I } = ot({
     input: t,
     data: e,
     customPalettes: u,
-    colorScheme: m,
+    colorScheme: h,
     plugins: r,
     resolveRenderer: k,
-    anchorResolver: h,
+    anchorResolver: g,
     onChange: a,
     onError: i,
     onWarnings: c
@@ -430,69 +430,69 @@ var st = (e) => F((t) => ({
   H(() => {
     if (y)
       return y.subscribe((_, M) => {
-        if (_.compiled.spec === M.compiled.spec) return;
+        if (_.scene.spec === M.scene.spec) return;
         const { selection: E, setSelection: B } = l.getState();
-        E.length !== 0 && B(Oe(E, _.compiled.spec));
+        E.length !== 0 && B(Oe(E, _.scene.spec));
       });
   }, [y, l]);
-  const S = $(() => ({
+  const b = $(() => ({
     dispatch: G,
-    seal: R
-  }), [G, R]);
+    seal: T
+  }), [G, T]);
   ke(o, () => ({
-    commands: S,
-    undo: b.undo,
-    redo: b.redo,
+    commands: b,
+    undo: S.undo,
+    redo: S.redo,
     subscribe: w,
-    getCompiled: x,
+    getScene: x,
     getSelection: () => l.getState().selection,
     setSelection: (_) => l.getState().setSelection(_),
     subscribeSelection: l.subscribe
   }), [
-    S,
     b,
+    S,
     w,
     x,
     l
   ]);
-  const T = $(() => y ? {
+  const C = $(() => y ? {
     chartId: q,
     store: y,
     selectionStore: l,
-    commands: S,
-    history: b,
+    commands: b,
+    history: S,
     formattingLocale: n,
     compileBus: D,
-    colorScheme: m,
+    colorScheme: h,
     styleResolver: p,
-    anchorResolver: h
+    anchorResolver: g
   } : null, [
     q,
     y,
     l,
-    S,
     b,
+    S,
     n,
     D,
-    m,
+    h,
     p,
-    h
+    g
   ]);
   return /* @__PURE__ */ d(Le, {
     forcedErrors: I,
     onError: i,
     resetKeys: [t, e],
-    children: T ? /* @__PURE__ */ d(me.Provider, {
-      value: T,
+    children: C ? /* @__PURE__ */ d(he.Provider, {
+      value: C,
       children: /* @__PURE__ */ d(ue, {
         value: k,
-        children: N
+        children: R
       })
     }) : null
   });
 };
 function pr(e) {
-  const t = Se(e);
+  const t = be(e);
   return {
     ...t,
     GraphProvider: (n) => /* @__PURE__ */ d(at, {
@@ -517,9 +517,9 @@ var fr = ({ children: e, ...t }) => /* @__PURE__ */ d("svg", {
   overflow: "hidden",
   pointerEvents: "none",
   children: t
-}), ct = "drqe3u0", dt = "drqe3u1", lt = "drqe3u2", ut = "drqe3u3", L = "drqe3u4", mt = "drqe3u5", ht = "drqe3u6", gt = "drqe3u7", A = "drqe3u8", pt = "drqe3u9", ft = "drqe3ua";
-var vt = "drqe3uc", yt = "drqe3ud", bt = "drqe3ue", St = "drqe3uf";
-var Et = "drqe3uh", Ct = "drqe3ui", te = {
+}), ct = "drqe3u0", dt = "drqe3u1", lt = "drqe3u2", ut = "drqe3u3", L = "drqe3u4", ht = "drqe3u5", gt = "drqe3u6", mt = "drqe3u7", A = "drqe3u8", pt = "drqe3u9", ft = "drqe3ua";
+var vt = "drqe3uc", yt = "drqe3ud", St = "drqe3ue", bt = "drqe3uf";
+var Et = "drqe3uh", Nt = "drqe3ui", te = {
   enabled: "drqe3uk drqe3uj",
   disabled: "drqe3ul drqe3uj"
 }, re = {
@@ -530,15 +530,15 @@ var Et = "drqe3uh", Ct = "drqe3ui", te = {
   cached: "drqe3ur drqe3up",
   untouched: "drqe3us drqe3up"
 }, yr = ({ width: e = 380, style: t, className: r } = {}) => {
-  const { compileBus: n } = ne(), [o] = C(() => Ve()), [a, i] = C(!1), [c, u] = C(Ne);
+  const { compileBus: n } = ne(), [o] = N(() => Ve()), [a, i] = N(!1), [c, u] = N(Re);
   H(() => {
     const { recordCompile: l } = o.getState(), p = n.getLastTrigger(), y = n.getLastCompile();
     return p && y && l(p, y), n.subscribe(l);
   }, [o, n]);
-  const m = Q(o, (l) => l.lastCompile), N = Q(o, (l) => l.history), k = n.getCacheStats(), q = m === null && N.length === 0, h = () => {
+  const h = Q(o, (l) => l.lastCompile), R = Q(o, (l) => l.history), k = n.getCacheStats(), q = h === null && R.length === 0, g = () => {
     u((l) => {
       const p = !l;
-      return Te(p), p;
+      return Ce(p), p;
     });
   };
   return /* @__PURE__ */ v("div", {
@@ -554,12 +554,12 @@ var Et = "drqe3uh", Ct = "drqe3ui", te = {
           className: dt,
           children: "compile cache"
         }), /* @__PURE__ */ d("div", {
-          className: bt,
-          children: q ? "production: stats disabled" : m ? `last: ${m.label} · ${ie(m.durationMs)}` : "awaiting first compile…"
+          className: St,
+          children: q ? "production: stats disabled" : h ? `last: ${h.label} · ${ie(h.durationMs)}` : "awaiting first compile…"
         })] }), /* @__PURE__ */ d("button", {
           type: "button",
           onClick: () => i((l) => !l),
-          className: St,
+          className: bt,
           children: a ? "▾" : "▴"
         })]
       }),
@@ -567,7 +567,7 @@ var Et = "drqe3uh", Ct = "drqe3ui", te = {
         className: "drqe3ub",
         children: [/* @__PURE__ */ v("button", {
           type: "button",
-          onClick: h,
+          onClick: g,
           className: c ? te.enabled : te.disabled,
           "aria-pressed": c,
           children: ["cache ", c ? "enabled" : "disabled"]
@@ -576,13 +576,13 @@ var Et = "drqe3uh", Ct = "drqe3ui", te = {
           children: "next compile reflects this toggle"
         })]
       }),
-      !a && !q && /* @__PURE__ */ v(_e, { children: [/* @__PURE__ */ d(Nt, {
-        delta: m?.stages,
+      !a && !q && /* @__PURE__ */ v(_e, { children: [/* @__PURE__ */ d(Rt, {
+        delta: h?.stages,
         cumulative: k
-      }), /* @__PURE__ */ d(Rt, { entries: N })] })
+      }), /* @__PURE__ */ d(Tt, { entries: R })] })
     ]
   });
-}, Nt = ({ delta: e, cumulative: t }) => /* @__PURE__ */ v("table", {
+}, Rt = ({ delta: e, cumulative: t }) => /* @__PURE__ */ v("table", {
   className: lt,
   children: [/* @__PURE__ */ d("thead", { children: /* @__PURE__ */ v("tr", {
     className: Et,
@@ -609,12 +609,12 @@ var Et = "drqe3uh", Ct = "drqe3ui", te = {
       })
     ]
   }) }), /* @__PURE__ */ d("tbody", { children: j.map((r) => {
-    const n = e?.[r], o = Tt(n);
+    const n = e?.[r], o = Ct(n);
     return /* @__PURE__ */ v("tr", {
       className: vt,
       children: [
         /* @__PURE__ */ v("td", {
-          className: mt,
+          className: ht,
           children: [
             /* @__PURE__ */ d("span", {
               className: oe[o],
@@ -643,22 +643,22 @@ var Et = "drqe3uh", Ct = "drqe3ui", te = {
       ]
     }, r);
   }) })]
-}), Rt = ({ entries: e }) => e.length === 0 ? null : /* @__PURE__ */ v("div", {
+}), Tt = ({ entries: e }) => e.length === 0 ? null : /* @__PURE__ */ v("div", {
   className: yt,
   children: [/* @__PURE__ */ d("div", {
-    className: Ct,
+    className: Nt,
     children: "recent compiles"
   }), e.map((t) => {
     const r = qt(t.stages, (a) => a.misses > 0), n = j.length;
     return /* @__PURE__ */ v("div", {
-      className: ht,
+      className: gt,
       children: [
         /* @__PURE__ */ d("span", {
           className: oe[r === 0 ? "cached" : "ran"],
           "aria-hidden": !0
         }),
         /* @__PURE__ */ d("span", {
-          className: gt,
+          className: mt,
           title: t.label,
           children: t.label
         }),
@@ -675,11 +675,11 @@ var Et = "drqe3uh", Ct = "drqe3ui", te = {
       ]
     }, t.id);
   })]
-}), Tt = (e) => !e || e.hits === 0 && e.misses === 0 ? "untouched" : e.misses > 0 ? "ran" : "cached", qt = (e, t) => {
+}), Ct = (e) => !e || e.hits === 0 && e.misses === 0 ? "untouched" : e.misses > 0 ? "ran" : "cached", qt = (e, t) => {
   let r = 0;
   for (const n of j) t(e[n]) && (r += 1);
   return r;
-}, ie = (e) => e >= 10 ? `${e.toFixed(0)}ms` : `${e.toFixed(2)}ms`, br = () => {
+}, ie = (e) => e >= 10 ? `${e.toFixed(0)}ms` : `${e.toFixed(2)}ms`, Sr = () => {
   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);
   return $(() => ({
     ...i,
@@ -701,14 +701,14 @@ var Et = "drqe3uh", Ct = "drqe3ui", te = {
   "range",
   "reset",
   "submit"
-]), Sr = (e, t = {}) => {
+]), br = (e, t = {}) => {
   const { target: r, enabled: n = !0 } = t;
   H(() => {
     const o = kt(r);
     if (!n || !o) return;
     const a = (i) => {
       if (!Gt(i) || i.defaultPrevented || _t(i.target)) return;
-      const c = ge(i);
+      const c = me(i);
       if (!c) return;
       const u = e.current;
       u && (c === "undo" ? u.undo() : u.redo()) && i.preventDefault();
@@ -746,17 +746,17 @@ export {
   Mt as lightenCss,
   Oe as pruneSelection,
   Lt as resolveBrandMarkVisual,
-  Ht as useCompiledSelector,
   Wt as useElementScreenRect,
   Xt as useGeomHitTest,
   Vt as useGeomHover,
   tr as useGraphCommands,
   zt as useGraphHandle,
-  br as useGraphHistory,
-  Sr as useGraphHistoryShortcuts,
+  Sr as useGraphHistory,
+  br as useGraphHistoryShortcuts,
   Ut as useGraphSelection,
-  nr as useHandleCompiled,
+  nr as useHandleScene,
   Kt as useHoverState,
+  Ht as useSceneSelector,
   Ot as useStyleReaders,
   ir as useStyleResolver,
   Jt as useTextMeasurer,

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

@@ -14,17 +14,17 @@ import './theme.contract.css';var 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)",
+  gray100: "var(--graphy-gray-100)",
+  gray95: "var(--graphy-gray-95)",
+  gray90: "var(--graphy-gray-90)",
+  gray85: "var(--graphy-gray-85)",
+  gray80: "var(--graphy-gray-80)",
+  gray75: "var(--graphy-gray-75)",
+  gray70: "var(--graphy-gray-70)",
+  gray60: "var(--graphy-gray-60)",
+  gray50: "var(--graphy-gray-50)",
+  gray0: "var(--graphy-gray-0)",
+  grayGradient80: "var(--graphy-gray-gradient-80)",
   green60: "var(--graphy-green-60)",
   green50: "var(--graphy-green-50)",
   red60: "var(--graphy-red-60)",

package/dist/{theme.contract.css-CEjZ4rbL.cjs → theme.contract.css-Dd-73-Je.cjs}

@@ -1 +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}});
+require('./theme.contract.css');var a=["canvasDefault","canvasBlue","canvasCyan","canvasGreen","canvasYellow","canvasOrange","canvasRed","canvasPink","canvasPurple","canvasGray","canvasInverse"],r={white:"var(--graphy-white)",black:"var(--graphy-black)",transparent:"var(--graphy-transparent)",gray100:"var(--graphy-gray-100)",gray95:"var(--graphy-gray-95)",gray90:"var(--graphy-gray-90)",gray85:"var(--graphy-gray-85)",gray80:"var(--graphy-gray-80)",gray75:"var(--graphy-gray-75)",gray70:"var(--graphy-gray-70)",gray60:"var(--graphy-gray-60)",gray50:"var(--graphy-gray-50)",gray0:"var(--graphy-gray-0)",grayGradient80:"var(--graphy-gray-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 a}});Object.defineProperty(exports,"vars",{enumerable:!0,get:function(){return r}});

package/package.json

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