@graphysdk/react-renderer 1.9.0-beta.1789669748378 → 1.9.0-beta.1789721177023

package/dist/index.mjs

@@ -1,18 +1,18 @@
-import { A as Dt, Ct as $t, Dt as Ht, E as xt, Et as le, F as Mt, Ft as Pt, Gt as Lt, Ht as Bt, I as Ot, It as At, Jt as ue, Kt, M as Ft, Mt as jt, Nt as me, Ot as F, Pt as Ut, R as Yt, St as Wt, Tt as A, Wt as Vt, Xt as K, Yt as se, _ as Xt, _t as zt, a as Jt, ct as Qt, dt as Zt, ht as er, i as tr, j as rr, kt as ge, n as nr, nt as sr, qt as or, r as ir, rt as ar, s as cr, t as he, ut as dr, vt as lr, z as ur } from "./history-chords-CK8rnZmj.js";
-import { n as gr } from "./theme.contract.css-AyXDNf0F.js";
-import { COMPILER_STAGE_KEYS as j, Geom as pe, GraphCompilationSession as fe, areEditTargetsEqual as ve, buildDiagnostic as X, createAnchorResolver as ye, createCompiler as Se, createSpecBuilder as be, createStyleResolver as Ee, findAnnotation as Te, findLayerById as z, isCompilerCachingEnabled as Ne, resolveDefinition as Re, setCompilerCachingEnabled as qe, toPercent as L } from "@graphysdk/viz-engine";
-import { Component as Ce, useCallback as f, useEffect as x, useId as Ge, useImperativeHandle as ke, useMemo as H, useRef as J, useState as T, useSyncExternalStore as Ie } from "react";
-import { Fragment as _e, jsx as c, jsxs as v } from "react/jsx-runtime";
-import { useStore as Q } from "zustand";
-import { createStore as U } from "zustand/vanilla";
+import { At as le, B as _t, Bt as $t, D as xt, Dt as Ht, Et as Mt, F as Pt, H as Lt, It as Bt, Lt as ue, Mt as U, N as At, Nt as me, P as Ot, St as Kt, U as Ut, Vt as jt, _ as Ft, a as Yt, an as se, en as Vt, ft as Wt, ht as zt, i as Xt, in as ge, jt as Qt, kt as O, mt as Jt, n as Zt, nn as er, on as K, ot as tr, qt as rr, r as nr, rn as sr, s as or, st as ir, t as he, tn as ar, xt as cr, yt as dr, z as lr, zt as ur } from "./history-chords-LSbpNIBh.js";
+import { n as gr } from "./theme.contract.css-DRIwwcHW.js";
+import { COMPILER_STAGE_KEYS as j, Geom as pe, GraphCompilationSession as fe, areEditTargetsEqual as ve, buildDiagnostic as z, createAnchorResolver as ye, createCompiler as Se, createSpecBuilder as be, createStyleResolver as Ee, findAnnotation as Te, findLayerById as X, isCompilerCachingEnabled as Ne, resolveDefinition as Re, setCompilerCachingEnabled as qe, toPercent as L } from "@graphysdk/viz-engine";
+import { Component as Ce, useCallback as f, useEffect as H, useId as Ge, useImperativeHandle as ke, useMemo as x, useRef as Q, useState as T, useSyncExternalStore as Ie } from "react";
+import { Fragment as De, jsx as c, jsxs as v } from "react/jsx-runtime";
+import { useStore as J } from "zustand";
+import { createStore as F } from "zustand/vanilla";
 import we from "clsx";
-import './index.css';var De = "_1a5iqpb0", $e = "_1a5iqpb1";
-var He = "_1a5iqpb3", xe = "_1a5iqpb4", Me = "_1a5iqpb5";
+import './index.css';var _e = "_1a5iqpb0", $e = "_1a5iqpb1";
+var xe = "_1a5iqpb3", He = "_1a5iqpb4", Me = "_1a5iqpb5";
 var Z = ({ errors: e }) => {
   const [t, ...n] = e;
   return /* @__PURE__ */ v("div", {
     role: "alert",
-    className: De,
+    className: _e,
     children: [
       /* @__PURE__ */ c("strong", {
         className: $e,
@@ -26,10 +26,10 @@ var Z = ({ errors: e }) => {
     ]
   });
 }, ee = ({ diagnostic: e }) => /* @__PURE__ */ v("div", {
-  className: He,
+  className: xe,
   children: [
     /* @__PURE__ */ c("span", {
-      className: xe,
+      className: He,
       children: e.code
     }),
     /* @__PURE__ */ c("p", {
@@ -50,10 +50,10 @@ var Le = class extends Ce {
     super(...e), this.state = { caughtDiagnostic: null };
   }
   static getDerivedStateFromError(e) {
-    return { caughtDiagnostic: X(e) };
+    return { caughtDiagnostic: z(e) };
   }
   componentDidCatch(e, t) {
-    const n = X(e);
+    const n = z(e);
     K([n]), this.props.onError?.([n]), console.error("Chart render component stack:", t.componentStack);
   }
   componentDidUpdate(e) {
@@ -68,21 +68,21 @@ var Le = class extends Ce {
 }, oe = (e) => typeof e == "object" && "geom" in e && "render" in e, Be = (e) => {
   const t = Re(e);
   return t instanceof pe ? t : null;
-}, Oe = (e, t) => {
-  const n = e.filter((r) => Ae(r, t));
+}, Ae = (e, t) => {
+  const n = e.filter((r) => Oe(r, t));
   return n.length === e.length ? e : n;
-}, Ae = (e, t) => e.kind === "annotation" ? Te(t.annotations, e.id) !== null : e.kind === "observations" ? z(t.layers, e.layerId) !== void 0 : e.kind === "layer" && e.layerId !== void 0 ? z(t.layers, e.layerId) !== void 0 : !0, te = [], Ke = () => U((e) => ({
+}, Oe = (e, t) => e.kind === "annotation" ? Te(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, te = [], Ke = () => F((e) => ({
   selection: te,
-  setSelection: (t) => e((n) => Fe(n.selection, t) ? n : { selection: t }),
+  setSelection: (t) => e((n) => Ue(n.selection, t) ? n : { selection: t }),
   clearSelection: () => e((t) => t.selection.length === 0 ? t : { selection: te })
-})), Fe = (e, t) => e === t ? !0 : e.length !== t.length ? !1 : e.every((n, r) => {
+})), Ue = (e, t) => e === t ? !0 : e.length !== t.length ? !1 : e.every((n, r) => {
   const o = t[r];
   return o !== void 0 && ve(n, o);
-}), je = process.env.NODE_ENV !== "production", Ue = 5, Ye = (e) => {
+}), 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 Le = class extends Ce {
     getLastCompile: () => e.getLastCompile(),
     getCacheStats: () => e.getCacheStats()
   };
-}, We = () => U((e) => ({
+}, Ve = () => F((e) => ({
   lastCompile: null,
   history: [],
   nextId: 1,
@@ -113,20 +113,20 @@ var Le = class extends Ce {
     if (r.lastSnapshot === n) return r;
     const o = {
       id: r.nextId,
-      label: Xe(t),
+      label: ze(t),
       stages: n.stages,
       stageDurationsMs: n.stageDurationsMs,
       durationMs: n.durationMs
     };
     return {
       lastCompile: o,
-      history: ze(r.history, o, Ue),
+      history: Xe(r.history, o, Fe),
       nextId: r.nextId + 1,
       lastSnapshot: n
     };
   })
-})), Ve = () => {
-}, Xe = (e) => {
+})), We = () => {
+}, ze = (e) => {
   switch (e.kind) {
     case "init":
       return "init";
@@ -137,12 +137,12 @@ var Le = class extends Ce {
     case "command":
       return e.command.metadata.description;
   }
-}, ze = (e, t, n) => {
+}, Xe = (e, t, n) => {
   const r = e.length >= n ? e.length - (n - 1) : 0;
   return [...e.slice(r), t];
 };
-function Je(e) {
-  const t = e.filter(oe), n = /* @__PURE__ */ new Set([...Object.keys(ge), ...t.map((d) => d.geom)]), r = [], o = /* @__PURE__ */ new Set();
+function Qe(e) {
+  const t = e.filter(oe), n = /* @__PURE__ */ new Set([...Object.keys(me), ...t.map((d) => d.geom)]), r = [], o = /* @__PURE__ */ new Set();
   for (const d of e) {
     const u = Be(d);
     u === null || n.has(u.type) || o.has(u.type) || (o.add(u.type), r.push({
@@ -185,7 +185,7 @@ function Je(e) {
     warnings: i
   };
 }
-function Qe(e, t) {
+function Je(e, t) {
   const { coordSystem: n, layers: r } = e, o = /* @__PURE__ */ new Set(), a = [];
   for (const i of r)
     t(i.geom, n.type) !== null || o.has(i.geom) || (o.add(i.geom), a.push({
@@ -206,7 +206,7 @@ function Ze(e, t) {
   for (const i of r) {
     if (i.interactive === !1 || i.spatialKind !== "render-hit-test" || o.has(i.geom)) continue;
     const d = t(i.geom, n.type);
-    d === null || d.hitTest || F(d) || (o.add(i.geom), a.push({
+    d === null || d.hitTest || U(d) || (o.add(i.geom), a.push({
       kind: "user-input",
       severity: "warning",
       code: "MISSING_RENDER_HIT_TEST",
@@ -243,7 +243,7 @@ function tt(e, t) {
   for (const i of r) {
     if (i.interactive === !1 || i.spatialKind !== "render-hit-test" || o.has(i.geom)) continue;
     const d = t(i.geom, n.type);
-    d === null || !d.hitTest || !F(d) || (o.add(i.geom), a.push({
+    d === null || !d.hitTest || !U(d) || (o.add(i.geom), a.push({
       kind: "user-input",
       severity: "warning",
       code: "CONFLICTING_RENDER_HIT_TEST",
@@ -278,7 +278,7 @@ function nt(e, t) {
   for (const i of r) {
     if (i.interactive === !1 || i.spatialKind === "render-hit-test" || o.has(i.geom)) continue;
     const d = t(i.geom, n.type);
-    d === null || !F(d) || (o.add(i.geom), a.push({
+    d === null || !U(d) || (o.add(i.geom), a.push({
       kind: "user-input",
       severity: "warning",
       code: "OVERLAY_REQUIRES_RENDER_HIT_TEST",
@@ -292,17 +292,17 @@ function nt(e, t) {
   }
   return a;
 }
-var st = (e) => U((t) => ({
+var st = (e) => F((t) => ({
   scene: e,
   setScene: (n) => t((r) => r.scene === n ? r : { scene: n })
 })), ot = ({ spec: e, data: t, customPalettes: n, colorScheme: r, plugins: o, resolveRenderer: a, anchorResolver: i, onSpecChange: d, onError: u, onWarnings: m }) => {
-  const N = A(d), k = A(u), C = A(m), [{ session: g, compileBus: l }] = T(() => {
+  const N = O(d), k = O(u), C = O(m), [{ session: g, compileBus: l }] = T(() => {
     const s = Se({ plugins: o });
     return {
       session: new fe(s),
       compileBus: Ye(s)
     };
-  }), [p] = T(() => Je(o ?? [])), y = J(null), [I] = T(it), R = J(null), S = f((s) => p.errors.length === 0 ? s : [...p.errors, ...s ?? []], [p]), w = f((s) => {
+  }), [p] = T(() => Qe(o ?? [])), y = Q(null), [I] = T(it), R = Q(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().setScene(s.scene);
     else {
@@ -310,7 +310,7 @@ var st = (e) => U((t) => ({
       h.subscribe(I.notify), R.current = h, I.notify();
     }
     return null;
-  }, [I]), [M, D] = T(() => {
+  }, [I]), [M, _] = T(() => {
     const s = g.compile({
       spec: e,
       data: t,
@@ -320,7 +320,7 @@ var st = (e) => U((t) => ({
     return y.current = s, S(w(s));
   }), G = f((s) => s.ok ? [
     ...s.warnings,
-    ...Qe(s.scene, a),
+    ...Je(s.scene, a),
     ...Ze(s.scene, a),
     ...et(s.scene),
     ...tt(s.scene, a),
@@ -331,7 +331,7 @@ var st = (e) => U((t) => ({
   }, [k]), q = f((s) => {
     s.length !== 0 && (K(s), C.current?.(s));
   }, [C]);
-  x(() => {
+  H(() => {
     const s = y.current;
     s && (b([...p.errors, ...s.ok ? [] : s.errors]), q([...p.warnings, ...G(s)]), s.ok && l.emit({ kind: "init" }));
   }, [
@@ -340,7 +340,7 @@ var st = (e) => U((t) => ({
     q,
     p,
     G
-  ]), x(() => {
+  ]), H(() => {
     const s = g.update({
       spec: e,
       data: t,
@@ -350,7 +350,7 @@ var st = (e) => U((t) => ({
     if (!s) return;
     s.committedSpec && N.current?.(s.committedSpec);
     const h = w(s.result);
-    D(S(h)), h && b(h), q(G(s.result)), h || l.emit({ kind: s.specChanged ? "spec" : "data" });
+    _(S(h)), h && b(h), q(G(s.result)), h || l.emit({ kind: s.specChanged ? "spec" : "data" });
   }, [
     e,
     t,
@@ -365,41 +365,41 @@ var st = (e) => U((t) => ({
     G,
     N
   ]);
-  const _ = f((s) => {
-    D((h) => h === null ? h : S(null)), q(G(s));
+  const D = f((s) => {
+    _((h) => h === null ? h : S(null)), q(G(s));
   }, [
     S,
     q,
     G
   ]), P = f((s) => {
-    s.scene && R.current?.getState().setScene(s.scene), s.result && _(s.result), s.command && l.emit({
+    s.scene && R.current?.getState().setScene(s.scene), s.result && D(s.result), s.command && l.emit({
       kind: "command",
       command: s.command
     }), s.spec && N.current?.(s.spec), s.errors && b([...s.errors]);
   }, [
-    _,
+    D,
     l,
     N,
     b
   ]), E = f((s) => {
     for (const h of s) P(h);
     return s.some((h) => !!h.scene);
-  }, [P]), O = f((s, h) => {
+  }, [P]), A = f((s, h) => {
     E(g.applyCommand(s, h));
   }, [g, E]), ae = f(() => {
     E(g.commit());
-  }, [g, E]), W = f(() => E(g.undo()), [g, E]), V = f(() => E(g.redo()), [g, E]), ce = H(() => ({
+  }, [g, E]), V = f(() => E(g.undo()), [g, E]), W = f(() => E(g.redo()), [g, E]), ce = x(() => ({
     stack: g.history,
-    undo: W,
-    redo: V
+    undo: V,
+    redo: W
   }), [
     g,
-    W,
-    V
+    V,
+    W
   ]), de = f(() => R.current?.getState().scene ?? null, []);
   return {
     store: R.current,
-    dispatch: O,
+    dispatch: A,
     commit: ae,
     history: ce,
     subscribe: I.subscribe,
@@ -416,7 +416,7 @@ var st = (e) => U((t) => ({
     notify: () => e.forEach((t) => t())
   };
 }, at = ({ data: e, spec: t, plugins: n = [], formattingLocale: r, handleRef: o, onSpecChange: a, onError: i, onWarnings: d, customPalettes: u, colorScheme: m = "light", children: N }) => {
-  const [k] = T(() => le(n.filter(oe))), C = Ge(), [g] = T(() => ye(n)), [l] = T(() => Ke()), p = H(() => Ee({ colorScheme: m }), [m]), { store: y, dispatch: I, commit: R, history: S, subscribe: w, getScene: M, compileBus: D, compileErrors: G } = ot({
+  const [k] = T(() => le(n.filter(oe))), C = Ge(), [g] = T(() => ye(n)), [l] = T(() => Ke()), p = x(() => Ee({ colorScheme: m }), [m]), { store: y, dispatch: I, commit: R, history: S, subscribe: w, getScene: M, compileBus: _, compileErrors: G } = ot({
     spec: t,
     data: e,
     customPalettes: u,
@@ -428,15 +428,15 @@ var st = (e) => U((t) => ({
     onError: i,
     onWarnings: d
   });
-  x(() => {
+  H(() => {
     if (y)
-      return y.subscribe((_, P) => {
-        if (_.scene.spec === P.scene.spec) return;
-        const { selection: E, setSelection: O } = l.getState();
-        E.length !== 0 && O(Oe(E, _.scene.spec));
+      return y.subscribe((D, P) => {
+        if (D.scene.spec === P.scene.spec) return;
+        const { selection: E, setSelection: A } = l.getState();
+        E.length !== 0 && A(Ae(E, D.scene.spec));
       });
   }, [y, l]);
-  const b = H(() => ({
+  const b = x(() => ({
     dispatch: I,
     commit: R
   }), [I, R]);
@@ -447,7 +447,7 @@ var st = (e) => U((t) => ({
     subscribe: w,
     getScene: M,
     getSelection: () => l.getState().selection,
-    setSelection: (_) => l.getState().setSelection(_),
+    setSelection: (D) => l.getState().setSelection(D),
     subscribeSelection: l.subscribe
   }), [
     b,
@@ -456,14 +456,14 @@ var st = (e) => U((t) => ({
     M,
     l
   ]);
-  const q = H(() => y ? {
+  const q = x(() => y ? {
     chartId: C,
     store: y,
     selectionStore: l,
     commands: b,
     history: S,
     formattingLocale: r,
-    compileBus: D,
+    compileBus: _,
     colorScheme: m,
     styleResolver: p,
     anchorResolver: g
@@ -474,7 +474,7 @@ var st = (e) => U((t) => ({
     b,
     S,
     r,
-    D,
+    _,
     m,
     p,
     g
@@ -483,9 +483,9 @@ var st = (e) => U((t) => ({
     forcedErrors: G,
     onError: i,
     resetKeys: [t, e],
-    children: q ? /* @__PURE__ */ c(ue.Provider, {
+    children: q ? /* @__PURE__ */ c(ge.Provider, {
       value: q,
-      children: /* @__PURE__ */ c(me, {
+      children: /* @__PURE__ */ c(ue, {
         value: k,
         children: N
       })
@@ -531,12 +531,12 @@ var Et = "drqe3uh", Tt = "drqe3ui", re = {
   cached: "drqe3ur drqe3up",
   untouched: "drqe3us drqe3up"
 }, Nr = ({ width: e = 440, style: t, className: n } = {}) => {
-  const { compileBus: r } = se(), [o] = T(() => We()), [a, i] = T(!1), [d, u] = T(Ne);
-  x(() => {
+  const { compileBus: r } = se(), [o] = T(() => Ve()), [a, i] = T(!1), [d, u] = T(Ne);
+  H(() => {
     const { recordCompile: l } = o.getState(), p = r.getLastTrigger(), y = r.getLastCompile();
     return p && y && l(p, y), r.subscribe(l);
   }, [o, r]);
-  const m = Q(o, (l) => l.lastCompile), N = Q(o, (l) => l.history), k = r.getCacheStats(), C = m === null && N.length === 0, g = () => {
+  const m = J(o, (l) => l.lastCompile), N = J(o, (l) => l.history), k = r.getCacheStats(), C = m === null && N.length === 0, g = () => {
     u((l) => {
       const p = !l;
       return qe(p), p;
@@ -577,7 +577,7 @@ var Et = "drqe3uh", Tt = "drqe3ui", re = {
           children: "next compile reflects this toggle"
         })]
       }),
-      !a && !C && /* @__PURE__ */ v(_e, { children: [/* @__PURE__ */ c(Nt, {
+      !a && !C && /* @__PURE__ */ v(De, { children: [/* @__PURE__ */ c(Nt, {
         delta: m?.stages,
         durations: m?.stageDurationsMs,
         cumulative: k
@@ -691,7 +691,7 @@ var Et = "drqe3uh", Tt = "drqe3ui", re = {
   return n;
 }, Y = (e) => e < 0.1 ? "<0.1ms" : e >= 10 ? `${e.toFixed(0)}ms` : `${e.toFixed(2)}ms`, Rr = () => {
   const { history: e } = se(), { stack: t, undo: n, redo: r } = e, o = f((d) => t.subscribe(d), [t]), a = f(() => t.getSnapshot(), [t]), i = Ie(o, a, a);
-  return H(() => ({
+  return x(() => ({
     ...i,
     undo: n,
     redo: r
@@ -713,11 +713,11 @@ var Et = "drqe3uh", Tt = "drqe3ui", re = {
   "submit"
 ]), qr = (e, t = {}) => {
   const { target: n, enabled: r = !0 } = t;
-  x(() => {
+  H(() => {
     const o = kt(n);
     if (!r || !o) return;
     const a = (i) => {
-      if (!It(i) || i.defaultPrevented || _t(i.target)) return;
+      if (!It(i) || i.defaultPrevented || Dt(i.target)) return;
       const d = he(i);
       if (!d) return;
       const u = e.current;
@@ -729,51 +729,51 @@ var Et = "drqe3uh", Tt = "drqe3ui", re = {
     n,
     r
   ]);
-}, kt = (e) => e === void 0 ? window : e !== null && "current" in e ? e.current : e, It = (e) => "key" in e, _t = (e) => e instanceof HTMLInputElement ? !Gt.has(e.type) : e instanceof HTMLElement ? e.isContentEditable || e.tagName === "TEXTAREA" : !1;
+}, kt = (e) => e === void 0 ? window : e !== null && "current" in e ? e.current : e, It = (e) => "key" in e, Dt = (e) => e instanceof HTMLInputElement ? !Gt.has(e.type) : e instanceof HTMLElement ? e.isContentEditable || e.tagName === "TEXTAREA" : !1;
 export {
-  Yt as BrandMark,
-  At as CanvasTextMeasurer,
-  Ot as DefaultFooter,
-  cr as DefaultGrid,
-  Mt as DefaultHeader,
-  jt as DefaultSwatch,
-  sr as DefaultTooltip,
+  Lt as BrandMark,
+  jt as CanvasTextMeasurer,
+  _t as DefaultFooter,
+  or as DefaultGrid,
+  lr as DefaultHeader,
+  Bt as DefaultSwatch,
+  tr as DefaultTooltip,
   Nr as DevToolsPanel,
-  er as GRAPH_MODES,
+  dr as GRAPH_MODES,
   Le as GraphErrorBoundary,
   Z as GraphErrorPanel,
   at as GraphProvider,
-  Jt as GraphRenderer,
-  $t as HoverProvider,
-  Ut as TextMeasurerProvider,
-  Qt as ThemeProvider,
+  Yt as GraphRenderer,
+  Ht as HoverProvider,
+  ur as TextMeasurerProvider,
+  Wt as ThemeProvider,
   Tr as UnitBoxSvg,
   Er as UnitSpaceSvg,
   br as createGraphyKit,
-  dr as darkTheme,
-  Ht as defineGeomRenderer,
-  Zt as lightTheme,
-  Bt as lightenCss,
-  Oe as pruneSelection,
-  ur as resolveBrandMarkVisual,
-  Dt as stampAxisEditTarget,
-  rr as stampGridEditTarget,
-  Ft as stampLegendEditTarget,
-  lr as useElementScreenRect,
-  Wt as useGeomHitTest,
-  zt as useGeomHover,
-  nr as useGraphCommands,
-  tr as useGraphHandle,
+  Jt as darkTheme,
+  Qt as defineGeomRenderer,
+  zt as lightTheme,
+  rr as lightenCss,
+  Ae as pruneSelection,
+  Ut as resolveBrandMarkVisual,
+  At as stampAxisEditTarget,
+  Ot as stampGridEditTarget,
+  Pt as stampLegendEditTarget,
+  Kt as useElementScreenRect,
+  Mt as useGeomHitTest,
+  cr as useGeomHover,
+  Zt as useGraphCommands,
+  Xt as useGraphHandle,
   Rr as useGraphHistory,
   qr as useGraphHistoryShortcuts,
-  Xt as useGraphSelection,
+  Ft as useGraphSelection,
   xt as useGuidesTakePress,
-  ir as useHandleScene,
-  ar as useHoverState,
-  or as useSceneSelector,
+  nr as useHandleScene,
+  ir as useHoverState,
+  sr as useSceneSelector,
   Vt as useStyleReaderTree,
-  Lt as useStyleReaders,
-  Kt as useStyleResolver,
-  Pt as useTextMeasurer,
+  ar as useStyleReaders,
+  er as useStyleResolver,
+  $t as useTextMeasurer,
   gr as vars
 };

package/dist/{theme.contract.css-AyXDNf0F.js → theme.contract.css-DRIwwcHW.js}

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

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

@@ -0,0 +1 @@
+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)",annotationOutlineColor:"var(--graphy-annotation-outline-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.1789669748378",
+  "version": "1.9.0-beta.1789721177023",
   "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.1789669748378"
+    "@graphysdk/viz-engine": "1.9.0-beta.1789721177023"
   },
   "peerDependencies": {
     "@tiptap/core": "^3.0.0",
@@ -174,6 +174,7 @@
   "scripts": {
     "build": "vite build",
     "test": "vitest run",
+    "bench": "vitest bench --run",
     "test:watch": "TZ=utc vitest",
     "lint": "eslint . --max-warnings 0",
     "lint:fix": "eslint . --fix",