@graphysdk/react-renderer 1.9.0-beta.1791444651663 → 1.9.0-beta.1791458483540

package/dist/index.mjs

@@ -1,14 +1,13 @@
-import { A as er, B as tr, Bt as rr, Dt as nr, Et as sr, Ft as Y, Gt as or, I as ar, It as be, Kt as ir, L as cr, Lt as lr, M as dr, Mt as Ee, Nt as Te, Pt as ur, St as mr, Ut as hr, Vt as Re, Wt as gr, Zt as pr, a as fr, an as vr, cn as yr, dn as Sr, dt as br, fn as Er, gn as Ne, h as Tr, hn as ee, i as Rr, in as V, it as Nr, j as Cr, kt as Q, ln as Gr, mn as Ce, mt as Dr, n as qr, nn as Ir, ot as wr, pn as Pr, pt as _r, r as kr, rn as Ge, rt as Lr, s as $r, sn as Mr, t as De, tn as xr, un as Hr, vn as Z, w as Ar, xt as Br, yt as Or, z as Kr } from "./history-chords-CatQPvcI.js";
-import { n as Ur } from "./theme.contract.css-oFmndjcI.js";
-import { COMPILER_STAGE_KEYS as te, Geom as qe, GraphCompilationSession as Ie, areEditTargetsEqual as we, buildDiagnostic as se, createAnchorResolver as Pe, createCompiler as _e, createDataLabelPlacementResolver as ke, createSpecBuilder as Le, createStyleResolver as he, findAnnotation as $e, findLayerById as oe, isCompilerCachingEnabled as Me, resolveDefinition as xe, setCompilerCachingEnabled as He, toPercent as U } from "@graphysdk/viz-engine";
+import { A as er, At as z, B as tr, Ct as rr, Dt as nr, Ft as sr, Gt as or, Ht as be, It as Y, Kt as ar, L as ir, Lt as Ee, M as cr, Nt as Te, Ot as lr, Pt as Re, Qt as dr, R as ur, Rt as mr, St as hr, V as gr, Vt as pr, Wt as fr, _n as Ne, a as vr, an as yr, at as Sr, bt as br, cn as Er, dn as Tr, fn as Rr, ft as Nr, gn as Cr, h as Gr, hn as Dr, ht as qr, i as Ir, in as wr, it as _r, j as Pr, mn as kr, mt as Lr, n as $r, on as Ce, pn as Mr, qt as xr, r as Hr, s as Ar, sn as V, st as Br, t as Ge, tn as Or, un as Kr, vn as ee, w as Fr, xn as J, yn as De } from "./history-chords-CL6SNEjw.js";
+import { COMPILER_STAGE_KEYS as te, Geom as qe, GraphCompilationSession as Ie, areEditTargetsEqual as we, buildDiagnostic as se, createAnchorResolver as _e, createCompiler as Pe, createDataLabelPlacementResolver as ke, createSpecBuilder as Le, createStyleResolver as he, findAnnotation as $e, findLayerById as oe, isCompilerCachingEnabled as Me, resolveDefinition as xe, setCompilerCachingEnabled as He, toPercent as U } from "@graphysdk/viz-engine";
 import { Component as Ae, createContext as Be, useCallback as p, useContext as Oe, useEffect as H, useId as Ke, useImperativeHandle as Fe, useMemo as x, useRef as ae, useState as b, useSyncExternalStore as Ue } from "react";
 import { Fragment as je, jsx as a, jsxs as f } from "react/jsx-runtime";
-import { useStore as J } from "zustand";
+import { useStore as Z } from "zustand";
 import { motion as W } from "motion/react";
 import { createStore as re } from "zustand/vanilla";
 import Ye from "clsx";
 import './index.css';var Ve = "_1a5iqpb0", We = "_1a5iqpb1";
-var Xe = "_1a5iqpb3", ze = "_1a5iqpb4", Qe = "_1a5iqpb5";
+var Xe = "_1a5iqpb3", Qe = "_1a5iqpb4", ze = "_1a5iqpb5";
 var ie = ({ errors: e }) => {
   const [t, ...r] = e;
   return /* @__PURE__ */ f("div", {
@@ -30,11 +29,11 @@ var ie = ({ errors: e }) => {
   className: Xe,
   children: [
     /* @__PURE__ */ a("span", {
-      className: ze,
+      className: Qe,
       children: e.code
     }),
     /* @__PURE__ */ a("p", {
-      className: Qe,
+      className: ze,
       children: e.message
     }),
     e.suggestion && /* @__PURE__ */ a("p", {
@@ -43,10 +42,10 @@ var ie = ({ errors: e }) => {
     })
   ]
 });
-function Ze(e = [], t = []) {
+function Je(e = [], t = []) {
   return e.length === t.length && e.every((r, n) => Object.is(r, t[n]));
 }
-var Je = class extends Ae {
+var Ze = class extends Ae {
   constructor(...e) {
     super(...e), this.state = { caughtDiagnostic: null };
   }
@@ -55,10 +54,10 @@ var Je = class extends Ae {
   }
   componentDidCatch(e, t) {
     const r = se(e);
-    Z([r]), this.props.onError?.([r]), console.error("Chart render component stack:", t.componentStack);
+    J([r]), this.props.onError?.([r]), console.error("Chart render component stack:", t.componentStack);
   }
   componentDidUpdate(e) {
-    this.state.caughtDiagnostic && !Ze(e.resetKeys, this.props.resetKeys) && this.setState({ caughtDiagnostic: null });
+    this.state.caughtDiagnostic && !Je(e.resetKeys, this.props.resetKeys) && this.setState({ caughtDiagnostic: null });
   }
   render() {
     const { caughtDiagnostic: e } = this.state;
@@ -161,7 +160,7 @@ function ut(e, t) {
   }] : []) : [] : []);
 }
 function de(e) {
-  const t = e.filter(fe), r = /* @__PURE__ */ new Set([...Object.keys(be), ...t.map((l) => l.geom)]), n = [], s = /* @__PURE__ */ new Set();
+  const t = e.filter(fe), r = /* @__PURE__ */ new Set([...Object.keys(Ee), ...t.map((l) => l.geom)]), n = [], s = /* @__PURE__ */ new Set();
   for (const l of e) {
     const u = ve(l);
     u === null || r.has(u.type) || s.has(u.type) || (s.add(u.type), n.push({
@@ -339,9 +338,9 @@ function bt(e) {
 var Et = (e) => re((t) => ({
   scene: e,
   setScene: (r) => t((n) => n.scene === r ? n : { scene: r })
-})), Tt = ({ spec: e, data: t, customPalettes: r, colorScheme: n, plugins: s, theme: c, resolveRenderer: i, anchorResolver: l, onSpecChange: u, onError: h, onWarnings: P }) => {
-  const q = Q(u), T = Q(h), R = Q(P), [{ session: d, compileBus: g }] = b(() => {
-    const o = _e({
+})), Tt = ({ spec: e, data: t, customPalettes: r, colorScheme: n, plugins: s, theme: c, resolveRenderer: i, anchorResolver: l, onSpecChange: u, onError: h, onWarnings: _ }) => {
+  const q = z(u), T = z(h), R = z(_), [{ session: d, compileBus: g }] = b(() => {
+    const o = Pe({
       plugins: s,
       theme: c
     });
@@ -381,9 +380,9 @@ var Et = (e) => re((t) => ({
     ...ut(o.scene, i),
     ...ft(o.scene, l)
   ] : o.warnings, [i, l]), G = p((o) => {
-    o.length !== 0 && (Z(o), T.current?.(o));
+    o.length !== 0 && (J(o), T.current?.(o));
   }, [T]), D = p((o) => {
-    o.length !== 0 && (Z(o), R.current?.(o));
+    o.length !== 0 && (J(o), R.current?.(o));
   }, [R]);
   H(() => {
     const o = w.current;
@@ -440,9 +439,9 @@ var Et = (e) => re((t) => ({
     return o.some((m) => !!m.scene);
   }, [O]), K = p((o, m) => {
     S(d.applyCommand(o, m));
-  }, [d, S]), _ = p(() => {
+  }, [d, S]), P = p(() => {
     S(d.commit());
-  }, [d, S]), F = p(() => S(d.undo()), [d, S]), $ = p(() => S(d.redo()), [d, S]), z = x(() => ({
+  }, [d, S]), F = p(() => S(d.undo()), [d, S]), $ = p(() => S(d.redo()), [d, S]), Q = x(() => ({
     stack: d.history,
     undo: F,
     redo: $
@@ -454,8 +453,8 @@ var Et = (e) => re((t) => ({
   return {
     store: C.current,
     dispatch: K,
-    commit: _,
-    history: z,
+    commit: P,
+    history: Q,
     subscribe: y.subscribe,
     getScene: Se,
     compileBus: g,
@@ -469,8 +468,8 @@ var Et = (e) => re((t) => ({
     }),
     notify: () => e.forEach((t) => t())
   };
-}, Nt = ({ data: e, spec: t, plugins: r = [], theme: n, formattingLocale: s, handleRef: c, onSpecChange: i, onError: l, onWarnings: u, customPalettes: h, colorScheme: P = "light", children: q }) => {
-  const [T] = b(() => n), R = T?.colorScheme ?? P, [d] = b(() => Te([...T?.plugins ?? [], ...r].filter(fe))), g = Ke(), [v] = b(() => Pe(r)), [w] = b(() => ke(r)), [y] = b(() => rt()), [C] = b(() => Ee()), I = x(() => he({ colorScheme: R }), [R]), { store: N, dispatch: B, commit: k, history: E, subscribe: G, getScene: D, compileBus: L, compileErrors: O } = Tt({
+}, Nt = ({ data: e, spec: t, plugins: r = [], theme: n, formattingLocale: s, handleRef: c, onSpecChange: i, onError: l, onWarnings: u, customPalettes: h, colorScheme: _ = "light", children: q }) => {
+  const [T] = b(() => n), R = T?.colorScheme ?? _, [d] = b(() => Re([...T?.plugins ?? [], ...r].filter(fe))), g = Ke(), [v] = b(() => _e(r)), [w] = b(() => ke(r)), [y] = b(() => rt()), [C] = b(() => Te()), I = x(() => he({ colorScheme: R }), [R]), { store: N, dispatch: B, commit: k, history: E, subscribe: G, getScene: D, compileBus: L, compileErrors: O } = Tt({
     spec: t,
     data: e,
     customPalettes: h,
@@ -485,10 +484,10 @@ var Et = (e) => re((t) => ({
   });
   H(() => {
     if (N)
-      return N.subscribe((_, F) => {
-        if (_.scene.spec === F.scene.spec) return;
-        const { selection: $, setSelection: z } = y.getState();
-        $.length !== 0 && z(et($, _.scene.spec));
+      return N.subscribe((P, F) => {
+        if (P.scene.spec === F.scene.spec) return;
+        const { selection: $, setSelection: Q } = y.getState();
+        $.length !== 0 && Q(et($, P.scene.spec));
       });
   }, [N, y]);
   const S = x(() => ({
@@ -502,7 +501,7 @@ var Et = (e) => re((t) => ({
     subscribe: G,
     getScene: D,
     getSelection: () => y.getState().selection,
-    setSelection: (_) => y.getState().setSelection(_),
+    setSelection: (P) => y.getState().setSelection(P),
     subscribeSelection: y.subscribe,
     canPlaceDataLabels: w.hasCapability,
     canFormatDataLabelsAsPercentages: w.hasPercentageFormat
@@ -539,15 +538,15 @@ var Et = (e) => re((t) => ({
     I,
     v
   ]);
-  return /* @__PURE__ */ a(Je, {
+  return /* @__PURE__ */ a(Ze, {
     forcedErrors: O,
     onError: l,
     resetKeys: [t, e],
-    children: K ? /* @__PURE__ */ a(Ce.Provider, {
+    children: K ? /* @__PURE__ */ a(Ne.Provider, {
       value: K,
-      children: /* @__PURE__ */ a(Re, {
+      children: /* @__PURE__ */ a(be, {
         value: d,
-        children: /* @__PURE__ */ a(Ne, {
+        children: /* @__PURE__ */ a(De, {
           value: w,
           children: /* @__PURE__ */ a(A, {
             shapes: T?.shapes,
@@ -558,7 +557,7 @@ var Et = (e) => re((t) => ({
     }) : null
   });
 };
-function Zr({ theme: e, ...t } = {}) {
+function zr({ theme: e, ...t } = {}) {
   const r = Le(t);
   return {
     ...r,
@@ -625,22 +624,22 @@ var Ct = ({ shouldAnimateTransitions: e, cx: t, cy: r, r: n, ...s }) => e ? /* @
 }), Jr = (e) => {
   const { Circle: t } = X();
   return t === void 0 ? Ct(e) : /* @__PURE__ */ a(A, { children: /* @__PURE__ */ a(t, { ...e }) });
-}, en = (e) => {
+}, Zr = (e) => {
   const { Line: t } = X();
   return t === void 0 ? Gt(e) : /* @__PURE__ */ a(A, { children: /* @__PURE__ */ a(t, { ...e }) });
-}, tn = (e) => {
+}, en = (e) => {
   const { Rect: t } = X();
   return t === void 0 ? Dt(e) : /* @__PURE__ */ a(A, { children: /* @__PURE__ */ a(t, { ...e }) });
-}, rn = (e) => {
+}, tn = (e) => {
   const { Path: t } = X();
   return t === void 0 ? qt(e) : /* @__PURE__ */ a(A, { children: /* @__PURE__ */ a(t, { ...e }) });
 }, It = ({ d: e, source: t, ...r }) => {
-  const n = Ge(e, V, t);
+  const n = Ce(e, V, t);
   return /* @__PURE__ */ a(W.path, {
     d: n,
     ...r
   });
-}, nn = ({ children: e, ...t }) => /* @__PURE__ */ a("svg", {
+}, rn = ({ children: e, ...t }) => /* @__PURE__ */ a("svg", {
   viewBox: "0 0 1 1",
   preserveAspectRatio: "none",
   width: "100%",
@@ -648,7 +647,7 @@ var Ct = ({ shouldAnimateTransitions: e, cx: t, cy: r, r: n, ...s }) => e ? /* @
   pointerEvents: "none",
   ...t,
   children: e
-}), sn = ({ box: e, children: t }) => /* @__PURE__ */ a("svg", {
+}), nn = ({ box: e, children: t }) => /* @__PURE__ */ a("svg", {
   x: U(e.x0),
   y: U(e.y0),
   width: U(e.x1 - e.x0),
@@ -656,7 +655,7 @@ var Ct = ({ shouldAnimateTransitions: e, cx: t, cy: r, r: n, ...s }) => e ? /* @
   overflow: "hidden",
   pointerEvents: "none",
   children: t
-}), wt = "drqe3u0", Pt = "drqe3u1", _t = "drqe3u2", kt = "drqe3u3", M = "drqe3u4", Lt = "drqe3u5", $t = "drqe3u6", Mt = "drqe3u7", j = "drqe3u8", xt = "drqe3u9", Ht = "drqe3ua";
+}), wt = "drqe3u0", _t = "drqe3u1", Pt = "drqe3u2", kt = "drqe3u3", M = "drqe3u4", Lt = "drqe3u5", $t = "drqe3u6", Mt = "drqe3u7", j = "drqe3u8", xt = "drqe3u9", Ht = "drqe3ua";
 var At = "drqe3uc", Bt = "drqe3ud", Ot = "drqe3ue", Kt = "drqe3uf";
 var Ft = "drqe3uh", Ut = "drqe3ui", ue = {
   enabled: "drqe3uk drqe3uj",
@@ -668,13 +667,13 @@ var Ft = "drqe3uh", Ut = "drqe3ui", ue = {
   ran: "drqe3uq drqe3up",
   cached: "drqe3ur drqe3up",
   untouched: "drqe3us drqe3up"
-}, on = ({ width: e = 440, style: t, className: r } = {}) => {
+}, sn = ({ width: e = 440, style: t, className: r } = {}) => {
   const { compileBus: n } = ee(), [s] = b(() => it()), [c, i] = b(!1), [l, u] = b(Me);
   H(() => {
     const { recordCompile: d } = s.getState(), g = n.getLastTrigger(), v = n.getLastCompile();
     return g && v && d(g, v), n.subscribe(d);
   }, [s, n]);
-  const h = J(s, (d) => d.lastCompile), P = J(s, (d) => d.history), q = n.getCacheStats(), T = h === null && P.length === 0, R = () => {
+  const h = Z(s, (d) => d.lastCompile), _ = Z(s, (d) => d.history), q = n.getCacheStats(), T = h === null && _.length === 0, R = () => {
     u((d) => {
       const g = !d;
       return He(g), g;
@@ -690,7 +689,7 @@ var Ft = "drqe3uh", Ut = "drqe3ui", ue = {
       /* @__PURE__ */ f("div", {
         className: wt,
         children: [/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ a("div", {
-          className: Pt,
+          className: _t,
           children: "compile cache"
         }), /* @__PURE__ */ a("div", {
           className: Ot,
@@ -719,11 +718,11 @@ var Ft = "drqe3uh", Ut = "drqe3ui", ue = {
         delta: h?.stages,
         durations: h?.stageDurationsMs,
         cumulative: q
-      }), /* @__PURE__ */ a(Yt, { entries: P })] })
+      }), /* @__PURE__ */ a(Yt, { entries: _ })] })
     ]
   });
 }, jt = ({ delta: e, durations: t, cumulative: r }) => /* @__PURE__ */ f("table", {
-  className: _t,
+  className: Pt,
   children: [/* @__PURE__ */ a("thead", { children: /* @__PURE__ */ f("tr", {
     className: Ft,
     children: [
@@ -827,7 +826,7 @@ var Ft = "drqe3uh", Ut = "drqe3ui", ue = {
   let r = 0;
   for (const n of te) t(e[n]) && (r += 1);
   return r;
-}, ne = (e) => e < 0.1 ? "<0.1ms" : e >= 10 ? `${e.toFixed(0)}ms` : `${e.toFixed(2)}ms`, an = () => {
+}, ne = (e) => e < 0.1 ? "<0.1ms" : e >= 10 ? `${e.toFixed(0)}ms` : `${e.toFixed(2)}ms`, on = () => {
   const { history: e } = ee(), { stack: t, undo: r, redo: n } = e, s = p((l) => t.subscribe(l), [t]), c = p(() => t.getSnapshot(), [t]), i = Ue(s, c, c);
   return x(() => ({
     ...i,
@@ -849,14 +848,14 @@ var Ft = "drqe3uh", Ut = "drqe3ui", ue = {
   "range",
   "reset",
   "submit"
-]), cn = (e, t = {}) => {
+]), an = (e, t = {}) => {
   const { target: r, enabled: n = !0 } = t;
   H(() => {
-    const s = zt(r);
+    const s = Qt(r);
     if (!n || !s) return;
     const c = (i) => {
-      if (!Qt(i) || i.defaultPrevented || Zt(i.target)) return;
-      const l = De(i);
+      if (!zt(i) || i.defaultPrevented || Jt(i.target)) return;
+      const l = Ge(i);
       if (!l) return;
       const u = e.current;
       u && (l === "undo" ? u.undo() : u.redo()) && i.preventDefault();
@@ -867,72 +866,72 @@ var Ft = "drqe3uh", Ut = "drqe3ui", ue = {
     r,
     n
   ]);
-}, zt = (e) => e === void 0 ? window : e !== null && "current" in e ? e.current : e, Qt = (e) => "key" in e, Zt = (e) => e instanceof HTMLInputElement ? !Xt.has(e.type) : e instanceof HTMLElement ? e.isContentEditable || e.tagName === "TEXTAREA" : !1, ln = () => {
+}, Qt = (e) => e === void 0 ? window : e !== null && "current" in e ? e.current : e, zt = (e) => "key" in e, Jt = (e) => e instanceof HTMLInputElement ? !Xt.has(e.type) : e instanceof HTMLElement ? e.isContentEditable || e.tagName === "TEXTAREA" : !1, cn = () => {
   const { targetBoundaryStore: e } = ee();
-  return J(e, (t) => t.boundary);
+  return Z(e, (t) => t.boundary);
 };
 export {
-  Kr as BrandMark,
-  or as CanvasTextMeasurer,
-  cr as DefaultFooter,
+  tr as BrandMark,
+  ar as CanvasTextMeasurer,
+  ur as DefaultFooter,
   Ct as DefaultGeomCircle,
   Gt as DefaultGeomLine,
   qt as DefaultGeomPath,
   Dt as DefaultGeomRect,
-  $r as DefaultGrid,
-  ar as DefaultHeader,
-  rr as DefaultSwatch,
-  Nr as DefaultTooltip,
-  on as DevToolsPanel,
-  Or as GRAPH_MODES,
+  Ar as DefaultGrid,
+  ir as DefaultHeader,
+  pr as DefaultSwatch,
+  Sr as DefaultTooltip,
+  sn as DevToolsPanel,
+  br as GRAPH_MODES,
   Jr as GeomCircle,
-  en as GeomLine,
-  rn as GeomPath,
-  tn as GeomRect,
-  Je as GraphErrorBoundary,
+  Zr as GeomLine,
+  tn as GeomPath,
+  en as GeomRect,
+  Ze as GraphErrorBoundary,
   ie as GraphErrorPanel,
   Nt as GraphProvider,
-  fr as GraphRenderer,
-  nr as HoverProvider,
-  lr as IntroFade,
-  Ir as IntroWipeClip,
-  hr as TextMeasurerProvider,
-  br as ThemeProvider,
-  sn as UnitBoxSvg,
-  nn as UnitSpaceSvg,
-  vr as buildDotsEditOutlineShapes,
-  Zr as createGraphyKit,
-  _r as darkTheme,
-  ur as defineGeomRenderer,
-  Dr as lightTheme,
-  pr as lightenCss,
-  yr as projectPointCartesian,
+  vr as GraphRenderer,
+  lr as HoverProvider,
+  mr as IntroFade,
+  yr as IntroWipeClip,
+  fr as TextMeasurerProvider,
+  Nr as ThemeProvider,
+  nn as UnitBoxSvg,
+  rn as UnitSpaceSvg,
+  Er as buildDotsEditOutlineShapes,
+  zr as createGraphyKit,
+  Lr as darkTheme,
+  sr as defineGeomRenderer,
+  qr as lightTheme,
+  dr as lightenCss,
+  Tr as projectPointCartesian,
   et as pruneSelection,
-  tr as resolveBrandMarkVisual,
-  Mr as scalePointToPanel,
+  gr as resolveBrandMarkVisual,
+  Kr as scalePointToPanel,
   er as stampAxisEditTarget,
-  Cr as stampGridEditTarget,
-  dr as stampLegendEditTarget,
-  mr as useElementScreenRect,
-  sr as useGeomHitTest,
-  Br as useGeomHover,
-  Gr as useGeomReaderTree,
-  Hr as useGeomStyleReader,
-  qr as useGraphCommands,
-  Rr as useGraphHandle,
-  an as useGraphHistory,
-  cn as useGraphHistoryShortcuts,
-  Lr as useGraphLocale,
-  Tr as useGraphSelection,
-  Ar as useGuidesTakePress,
-  kr as useHandleScene,
-  wr as useHoverState,
-  xr as usePaintDefs,
-  ir as useResolvedStyle,
-  Pr as useSceneSelector,
-  Sr as useStyleReaderTree,
-  Er as useStyleResolver,
-  ln as useTargetBoundary,
-  gr as useTextMeasurer,
-  Ur as vars
+  Pr as stampGridEditTarget,
+  cr as stampLegendEditTarget,
+  rr as useElementScreenRect,
+  nr as useGeomHitTest,
+  hr as useGeomHover,
+  Rr as useGeomReaderTree,
+  Mr as useGeomStyleReader,
+  $r as useGraphCommands,
+  Ir as useGraphHandle,
+  on as useGraphHistory,
+  an as useGraphHistoryShortcuts,
+  _r as useGraphLocale,
+  Gr as useGraphSelection,
+  Fr as useGuidesTakePress,
+  Hr as useHandleScene,
+  Br as useHoverState,
+  wr as usePaintDefs,
+  xr as useResolvedStyle,
+  Cr as useSceneSelector,
+  kr as useStyleReaderTree,
+  Dr as useStyleResolver,
+  cn as useTargetBoundary,
+  or as useTextMeasurer,
+  Or as vars
 };

package/package.json

@@ -11,7 +11,7 @@
     "visualization",
     "renderer"
   ],
-  "version": "1.9.0-beta.1791444651663",
+  "version": "1.9.0-beta.1791458483540",
   "type": "module",
   "sideEffects": [
     "**/*.css.ts",
@@ -31,11 +31,6 @@
       "import": "./dist/index.mjs",
       "require": "./dist/index.cjs"
     },
-    "./graph-config": {
-      "types": "./dist/graph-config.d.ts",
-      "import": "./dist/graph-config.mjs",
-      "require": "./dist/graph-config.cjs"
-    },
     "./editable": {
       "types": "./dist/editable.d.ts",
       "import": "./dist/editable.mjs",
@@ -55,7 +50,7 @@
     "react-colorful": "^5.6.1",
     "react-intl": "^8.1.3",
     "zustand": "^5.0.12",
-    "@graphysdk/viz-engine": "1.9.0-beta.1791444651663"
+    "@graphysdk/viz-engine": "1.9.0-beta.1791458483540"
   },
   "peerDependencies": {
     "@tiptap/core": "^3.0.0",

package/dist/graph-config.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./theme.contract.css-WAhjj7zh.cjs");require("@graphysdk/viz-engine/graph-config");var c=e=>{const r={};for(const[t,n]of Object.entries(e.themeOverrides??{}))typeof n!="string"||!i(t)||(r[t]=n);return r},i=e=>Object.hasOwn(o.vars,e);exports.convertGraphConfigTheme=c;

package/dist/graph-config.d.ts

@@ -1,170 +0,0 @@
-import { GraphConfig } from '@graphysdk/viz-engine/graph-config';
-
-/**
- * Converts a `GraphConfig`'s `themeOverrides` — untyped JSON — to the renderer's typed
- * {@link ThemeOverrides}. Only keys still on the theme contract pass through; leftover stylesheet
- * keys (`legendBackground`, `tooltipBackground`, …) are ignored because `convertTextStyles`
- * already lifts them onto `style.legendItem` / `style.tooltip`. The data half, including the
- * `appearance.textStyle` fonts (resolved against `ctx.fontList` into graph and heading style
- * entries), goes through viz-engine's `convertGraphConfig`.
- */
-export declare const convertGraphConfigTheme: (config: GraphConfig) => ThemeOverrides;
-
-/**
- * A partial set of token values layered over a base theme — the shape of leftover chrome
- * overrides. Every token takes its CSS string value.
- */
-declare type ThemeOverrides = Partial<ThemeValues>;
-
-/** Every theme token mapped to its resolved CSS string value. */
-declare type ThemeValues = Record<keyof typeof vars, string>;
-
-/** CSS custom-property references for every theme token; read at paint sites as `vars.textPrimary`, etc. */
-declare const vars: {
-    white: `var(--${string})`;
-    black: `var(--${string})`;
-    transparent: `var(--${string})`;
-    gray100: `var(--${string})`;
-    gray95: `var(--${string})`;
-    gray90: `var(--${string})`;
-    gray85: `var(--${string})`;
-    gray80: `var(--${string})`;
-    gray75: `var(--${string})`;
-    gray70: `var(--${string})`;
-    gray60: `var(--${string})`;
-    gray50: `var(--${string})`;
-    gray0: `var(--${string})`;
-    grayGradient80: `var(--${string})`;
-    green60: `var(--${string})`;
-    green50: `var(--${string})`;
-    red60: `var(--${string})`;
-    red50: `var(--${string})`;
-    amber70: `var(--${string})`;
-    amber50: `var(--${string})`;
-    amber40: `var(--${string})`;
-    amber30: `var(--${string})`;
-    blue80: `var(--${string})`;
-    blue60: `var(--${string})`;
-    purple50: `var(--${string})`;
-    purple30: `var(--${string})`;
-    brand: `var(--${string})`;
-    success: `var(--${string})`;
-    warning: `var(--${string})`;
-    alert: `var(--${string})`;
-    textPrimary: `var(--${string})`;
-    textSecondary: `var(--${string})`;
-    textDisabled: `var(--${string})`;
-    iconPrimary: `var(--${string})`;
-    iconSecondary: `var(--${string})`;
-    iconStickerBackground: `var(--${string})`;
-    border100: `var(--${string})`;
-    border50: `var(--${string})`;
-    border10: `var(--${string})`;
-    sunkenBackground: `var(--${string})`;
-    defaultBackground: `var(--${string})`;
-    raisedBackground: `var(--${string})`;
-    overlayBackground: `var(--${string})`;
-    overlayBorderGradient: `var(--${string})`;
-    graphBackground: `var(--${string})`;
-    annotationOutlineColor: `var(--${string})`;
-    editMenuTriggerIconColor: `var(--${string})`;
-    editorDefaultAccent: `var(--${string})`;
-    editorDefaultSurface: `var(--${string})`;
-    editorDefaultText: `var(--${string})`;
-    editorDefaultShadow: `var(--${string})`;
-    editorControlHeight: `var(--${string})`;
-    canvasDefault: `var(--${string})`;
-    canvasBlue: `var(--${string})`;
-    canvasCyan: `var(--${string})`;
-    canvasGreen: `var(--${string})`;
-    canvasYellow: `var(--${string})`;
-    canvasOrange: `var(--${string})`;
-    canvasRed: `var(--${string})`;
-    canvasPink: `var(--${string})`;
-    canvasPurple: `var(--${string})`;
-    canvasGray: `var(--${string})`;
-    canvasInverse: `var(--${string})`;
-    elevationXs: `var(--${string})`;
-    elevationSm: `var(--${string})`;
-    elevationMd: `var(--${string})`;
-    elevationLg: `var(--${string})`;
-    radiiXs: `var(--${string})`;
-    radiiSm: `var(--${string})`;
-    radiiMd: `var(--${string})`;
-    radiiLg: `var(--${string})`;
-    spaceXxs: `var(--${string})`;
-    spaceXs: `var(--${string})`;
-    spaceSm: `var(--${string})`;
-    spaceMd: `var(--${string})`;
-    spaceLg: `var(--${string})`;
-    spaceXl: `var(--${string})`;
-    zIndexToolbar: `var(--${string})`;
-    zIndexToolbarTooltip: `var(--${string})`;
-    zIndexToolbarPopover: `var(--${string})`;
-    zIndexEditorPopover: `var(--${string})`;
-    toolbarBackgroundColor: `var(--${string})`;
-    toolbarButtonBackgroundColor: `var(--${string})`;
-    toolbarButtonBackgroundColorHovered: `var(--${string})`;
-    toolbarButtonBackgroundColorSelected: `var(--${string})`;
-    toolbarSeparatorColor: `var(--${string})`;
-    fontFamily: `var(--${string})`;
-    fontFamilyHeading: `var(--${string})`;
-    fontWeightRegular: `var(--${string})`;
-    fontWeightMedium: `var(--${string})`;
-    fontWeightSemibold: `var(--${string})`;
-    fontWeightBold: `var(--${string})`;
-    fontWeightExtraBold: `var(--${string})`;
-    textScale: `var(--${string})`;
-    fontSizeXxs: `var(--${string})`;
-    fontSizeXs: `var(--${string})`;
-    fontSizeSm: `var(--${string})`;
-    fontSizeMd: `var(--${string})`;
-    fontSizeLg: `var(--${string})`;
-    fontSizeXl: `var(--${string})`;
-    fontLineHeightXxs: `var(--${string})`;
-    fontLineHeightXs: `var(--${string})`;
-    fontLineHeightSm: `var(--${string})`;
-    fontLineHeightMd: `var(--${string})`;
-    fontLineHeightLg: `var(--${string})`;
-    fontLineHeightXl: `var(--${string})`;
-    fontSizeEditorBody: `var(--${string})`;
-    fontSizeHeadingSm: `var(--${string})`;
-    fontSizeHeadingMd: `var(--${string})`;
-    fontSizeHeadingLg: `var(--${string})`;
-    fontLineHeightEditorBody: `var(--${string})`;
-    fontLineHeightHeadingSm: `var(--${string})`;
-    fontLineHeightHeadingMd: `var(--${string})`;
-    fontLineHeightHeadingLg: `var(--${string})`;
-    fontButton: `var(--${string})`;
-    fontInput: `var(--${string})`;
-    fontInputLabel: `var(--${string})`;
-    fontSelectLabel: `var(--${string})`;
-    fontSelectDescription: `var(--${string})`;
-    fontColorSelectLabel: `var(--${string})`;
-    fontMenuTitle: `var(--${string})`;
-    fontMenuGroupTitle: `var(--${string})`;
-    fontMenuItemLabel: `var(--${string})`;
-    fontMenuItemLabelSecondary: `var(--${string})`;
-    fontUITooltip: `var(--${string})`;
-    fontUITooltipSecondary: `var(--${string})`;
-    fontErrorBoundaryTitle: `var(--${string})`;
-    fontErrorBoundaryMessage: `var(--${string})`;
-    fontTableCell: `var(--${string})`;
-    fontTableHeaderCell: `var(--${string})`;
-    fontSourceLabel: `var(--${string})`;
-    fontSourceLink: `var(--${string})`;
-    fontTextEditorH1: `var(--${string})`;
-    fontTextEditorH2: `var(--${string})`;
-    fontTextEditorH3: `var(--${string})`;
-    fontTextEditorH6: `var(--${string})`;
-    fontTextEditorBody: `var(--${string})`;
-    fontTextEditorLink: `var(--${string})`;
-    fontHighlightModeTitle: `var(--${string})`;
-    fontHighlightModeSubtitle: `var(--${string})`;
-    fontEditorControlLabel: `var(--${string})`;
-    fontEditorControlValue: `var(--${string})`;
-    fontEditorSectionTitle: `var(--${string})`;
-    fontEditorCaption: `var(--${string})`;
-};
-
-export { }

package/dist/graph-config.mjs

@@ -1,11 +0,0 @@
-import { n } from "./theme.contract.css-oFmndjcI.js";
-import "@graphysdk/viz-engine/graph-config";
-var c = (e) => {
-  const r = {};
-  for (const [t, o] of Object.entries(e.themeOverrides ?? {}))
-    typeof o != "string" || !i(t) || (r[t] = o);
-  return r;
-}, i = (e) => Object.hasOwn(n, e);
-export {
-  c as convertGraphConfigTheme
-};