@graphysdk/react-renderer 1.8.1-beta.1786707936521 → 1.8.1-beta.1786951728553

package/dist/index.mjs

@@ -1,38 +1,38 @@
-import { $ as ae, C as It, G as kt, H as wt, I as _t, K as Dt, L as $t, Q as K, S as Ht, V as xt, X as Mt, Y as Lt, a as Pt, at as Kt, dt as Bt, et as Ot, ft as At, g as Yt, h as jt, i as Ft, it as ce, mt as te, n as Ut, nt as de, ot as Vt, pt as le, r as Wt, rt as Xt, st as Qt, t as ue, tt as A, u as zt, x as Jt, z as Zt } from "./history-chords-CmDNkDXT.js";
-import { p as tr } from "./typography-CiDZDGza.js";
-import { COMPILER_STAGE_KEYS as Y, Geom as me, GraphCompilationSession as ge, areEditTargetsEqual as he, buildDiagnostic as V, createAnchorResolver as pe, createCompiler as fe, createGraphyBuilder as ve, findAnnotation as ye, isCompilerCachingEnabled as be, resolveDefinition as Se, setCompilerCachingEnabled as Ee } from "@graphysdk/viz-engine";
-import { Component as Te, useCallback as f, useEffect as $, useId as Ce, useImperativeHandle as Ne, useMemo as L, useRef as W, useState as T, useSyncExternalStore as Re } from "react";
+import { $ as K, B as wt, C as _t, H as kt, K as It, L as Dt, R as $t, S as Ht, U as xt, X as Mt, Z as Lt, _ as Pt, a as Kt, at as ae, ct as Bt, et as ce, ft as Ot, g as At, ht as te, i as Ut, it as Yt, mt as de, n as jt, nt as A, ot as Ft, pt as Wt, q as Vt, r as Xt, rt as le, st as Qt, t as ue, tt as Zt, u as zt, w as Jt } from "./history-chords-BSDaizeR.js";
+import { p as tr } from "./typography-DUFp65Tx.js";
+import { COMPILER_STAGE_KEYS as U, Geom as me, GraphCompilationSession as ge, areEditTargetsEqual as he, buildDiagnostic as W, createAnchorResolver as pe, createCompiler as fe, createGraphyBuilder as ve, findAnnotation as ye, isCompilerCachingEnabled as be, resolveDefinition as Se, setCompilerCachingEnabled as Ee } from "@graphysdk/viz-engine";
+import { Component as Te, useCallback as f, useEffect as $, useId as Ce, useImperativeHandle as Ne, useMemo as L, useRef as V, useState as T, useSyncExternalStore as Re } from "react";
 import { Fragment as qe, jsx as c, jsxs as v } from "react/jsx-runtime";
 import { useStore as X } from "zustand";
-import { createStore as j } from "zustand/vanilla";
+import { createStore as Y } from "zustand/vanilla";
 import Ge from "clsx";
 import './index.css';function O(e) {
   for (const t of e) (t.severity === "error" ? console.error : console.warn)(`[graphy] ${t.code}: ${t.message}`, t);
 }
-var Ie = "_1a5iqpb0", ke = "_1a5iqpb1";
-var we = "_1a5iqpb3", _e = "_1a5iqpb4", De = "_1a5iqpb5";
+var we = "_1a5iqpb0", _e = "_1a5iqpb1";
+var ke = "_1a5iqpb3", Ie = "_1a5iqpb4", De = "_1a5iqpb5";
 var Q = ({ errors: e }) => {
   const [t, ...r] = e;
   return /* @__PURE__ */ v("div", {
     role: "alert",
-    className: Ie,
+    className: we,
     children: [
       /* @__PURE__ */ c("strong", {
-        className: ke,
+        className: _e,
         children: "This chart could not be rendered."
       }),
-      t && /* @__PURE__ */ c(z, { diagnostic: t }),
+      t && /* @__PURE__ */ c(Z, { diagnostic: t }),
       r.length > 0 && /* @__PURE__ */ c("ul", {
         className: "_1a5iqpb2",
-        children: r.map((n, o) => /* @__PURE__ */ c("li", { children: /* @__PURE__ */ c(z, { diagnostic: n }) }, `${n.code}-${o}`))
+        children: r.map((n, o) => /* @__PURE__ */ c("li", { children: /* @__PURE__ */ c(Z, { diagnostic: n }) }, `${n.code}-${o}`))
       })
     ]
   });
-}, z = ({ diagnostic: e }) => /* @__PURE__ */ v("div", {
-  className: we,
+}, Z = ({ diagnostic: e }) => /* @__PURE__ */ v("div", {
+  className: ke,
   children: [
     /* @__PURE__ */ c("span", {
-      className: _e,
+      className: Ie,
       children: e.code
     }),
     /* @__PURE__ */ c("p", {
@@ -53,10 +53,10 @@ var He = class extends Te {
     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);
     O([r]), this.props.onError?.([r]), console.error("Chart render component stack:", t.componentStack);
   }
   componentDidUpdate(e) {
@@ -74,10 +74,10 @@ var He = class extends Te {
 }, Me = (e, t) => {
   const r = e.filter((n) => Le(n, t));
   return r.length === e.length ? e : r;
-}, Le = (e, t) => e.kind !== "annotation" ? !0 : ye(t.annotations, e.id) !== null, J = [], Pe = () => j((e) => ({
-  selection: J,
+}, Le = (e, t) => e.kind !== "annotation" ? !0 : ye(t.annotations, e.id) !== null, z = [], Pe = () => Y((e) => ({
+  selection: z,
   setSelection: (t) => e((r) => Ke(r.selection, t) ? r : { selection: t }),
-  clearSelection: () => e((t) => t.selection.length === 0 ? t : { selection: J })
+  clearSelection: () => e((t) => t.selection.length === 0 ? t : { selection: z })
 })), Ke = (e, t) => e === t ? !0 : e.length !== t.length ? !1 : e.every((r, n) => {
   const o = t[n];
   return o !== void 0 && he(r, o);
@@ -85,7 +85,7 @@ var He = class extends Te {
   if (process.env.NODE_ENV === "production") return {
     emit: () => {
     },
-    subscribe: () => Ye,
+    subscribe: () => Ue,
     getLastTrigger: () => null,
     getLastCompile: () => null,
     getCacheStats: () => e.getCacheStats()
@@ -107,7 +107,7 @@ var He = class extends Te {
     getLastCompile: () => e.getLastCompile(),
     getCacheStats: () => e.getCacheStats()
   };
-}, Ae = () => j((e) => ({
+}, Ae = () => Y((e) => ({
   lastCompile: null,
   history: [],
   nextId: 1,
@@ -116,19 +116,19 @@ var He = class extends Te {
     if (n.lastSnapshot === r) return n;
     const o = {
       id: n.nextId,
-      label: je(t),
+      label: Ye(t),
       stages: r.stages,
       durationMs: r.durationMs
     };
     return {
       lastCompile: o,
-      history: Fe(n.history, o, Be),
+      history: je(n.history, o, Be),
       nextId: n.nextId + 1,
       lastSnapshot: r
     };
   })
-})), Ye = () => {
-}, je = (e) => {
+})), Ue = () => {
+}, Ye = (e) => {
   switch (e.kind) {
     case "init":
       return "init";
@@ -139,12 +139,12 @@ var He = class extends Te {
     case "command":
       return e.command.metadata.description;
   }
-}, Fe = (e, t, r) => {
+}, je = (e, t, r) => {
   const n = e.length >= r ? e.length - (r - 1) : 0;
   return [...e.slice(n), t];
 };
-function Ue(e) {
-  const t = e.filter(re), r = /* @__PURE__ */ new Set([...Object.keys(de), ...t.map((a) => a.geom)]), n = [], o = /* @__PURE__ */ new Set();
+function Fe(e) {
+  const t = e.filter(re), r = /* @__PURE__ */ new Set([...Object.keys(le), ...t.map((a) => a.geom)]), n = [], o = /* @__PURE__ */ new Set();
   for (const a of e) {
     const l = xe(a);
     l === null || r.has(l.type) || o.has(l.type) || (o.add(l.type), n.push({
@@ -187,7 +187,7 @@ function Ue(e) {
     warnings: i
   };
 }
-function Ve(e, t) {
+function We(e, t) {
   const { coordSystem: r, layers: n } = e, o = /* @__PURE__ */ new Set(), d = [];
   for (const i of n)
     t(i.geom, r.type) !== null || o.has(i.geom) || (o.add(i.geom), d.push({
@@ -203,7 +203,7 @@ function Ve(e, t) {
     }));
   return d;
 }
-function We(e, t) {
+function Ve(e, t) {
   const { coordSystem: r, layers: n } = e, o = /* @__PURE__ */ new Set(), d = [];
   for (const i of n) {
     if (i.interactive === !1 || i.spatialKind !== "render-hit-test" || o.has(i.geom)) continue;
@@ -259,7 +259,7 @@ function Qe(e, t) {
   }
   return d;
 }
-function ze(e, t) {
+function Ze(e, t) {
   const r = /* @__PURE__ */ new Set(), n = [];
   for (const o of e.layers)
     o.interactive !== !1 && (o.spatialKind !== "render-hit-test" || r.has(o.geom) || t.hasCapability(o.geom) || (r.add(o.geom), n.push({
@@ -275,7 +275,7 @@ function ze(e, t) {
     })));
   return n;
 }
-function Je(e, t) {
+function ze(e, t) {
   const { coordSystem: r, layers: n } = e, o = /* @__PURE__ */ new Set(), d = [];
   for (const i of n) {
     if (i.interactive === !1 || i.spatialKind === "render-hit-test" || o.has(i.geom)) continue;
@@ -294,25 +294,25 @@ function Je(e, t) {
   }
   return d;
 }
-var Ze = (e) => j((t) => ({
+var Je = (e) => Y((t) => ({
   compiled: e,
   setCompiled: (r) => t((n) => n.compiled === r ? n : { compiled: r })
 })), et = ({ input: e, data: t, customPalettes: r, plugins: n, resolveRenderer: o, anchorResolver: d, onChange: i, onError: a, onWarnings: l }) => {
-  const m = K(i), q = K(a), w = K(l), [{ session: g, compileBus: b }] = T(() => {
+  const m = K(i), q = K(a), k = K(l), [{ session: g, compileBus: b }] = T(() => {
     const s = fe({ plugins: n });
     return {
       session: new ge(s),
       compileBus: Oe(s)
     };
-  }), [u] = T(() => Ue(n ?? [])), h = W(null), [y] = T(tt), C = W(null), G = f((s) => u.errors.length === 0 ? s : [...u.errors, ...s ?? []], [u]), N = f((s) => {
+  }), [u] = T(() => Fe(n ?? [])), h = V(null), [y] = T(tt), C = V(null), G = f((s) => u.errors.length === 0 ? s : [...u.errors, ...s ?? []], [u]), N = f((s) => {
     if (!s.ok) return s.errors;
     if (C.current) C.current.getState().setCompiled(s.compiled);
     else {
-      const p = Ze(s.compiled);
+      const p = Je(s.compiled);
       p.subscribe(y.notify), C.current = p, y.notify();
     }
     return null;
-  }, [y]), [H, _] = T(() => {
+  }, [y]), [H, I] = T(() => {
     const s = g.compile({
       input: e,
       data: t,
@@ -321,23 +321,23 @@ var Ze = (e) => j((t) => ({
     return h.current = s, G(N(s));
   }), R = f((s) => s.ok ? [
     ...s.warnings,
-    ...Ve(s.compiled, o),
     ...We(s.compiled, o),
+    ...Ve(s.compiled, o),
     ...Xe(s.compiled),
     ...Qe(s.compiled, o),
-    ...Je(s.compiled, o),
-    ...ze(s.compiled, d)
-  ] : s.warnings, [o, d]), I = f((s) => {
+    ...ze(s.compiled, o),
+    ...Ze(s.compiled, d)
+  ] : s.warnings, [o, d]), w = f((s) => {
     s.length !== 0 && (O(s), q.current?.(s));
   }, [q]), S = f((s) => {
-    s.length !== 0 && (O(s), w.current?.(s));
-  }, [w]);
+    s.length !== 0 && (O(s), k.current?.(s));
+  }, [k]);
   $(() => {
     const s = h.current;
-    s && (I([...u.errors, ...s.ok ? [] : s.errors]), S([...u.warnings, ...R(s)]), s.ok && b.emit({ kind: "init" }));
+    s && (w([...u.errors, ...s.ok ? [] : s.errors]), S([...u.warnings, ...R(s)]), s.ok && b.emit({ kind: "init" }));
   }, [
     b,
-    I,
+    w,
     S,
     u,
     R
@@ -350,7 +350,7 @@ var Ze = (e) => j((t) => ({
     if (!s) return;
     s.sealedInput && m.current?.(s.sealedInput);
     const p = N(s.result);
-    _(G(p)), p && I(p), S(R(s.result)), p || b.emit({ kind: s.inputChanged ? "input" : "data" });
+    I(G(p)), p && w(p), S(R(s.result)), p || b.emit({ kind: s.inputChanged ? "input" : "data" });
   }, [
     e,
     t,
@@ -358,43 +358,43 @@ var Ze = (e) => j((t) => ({
     g,
     b,
     N,
-    I,
+    w,
     S,
     G,
     R,
     m
   ]);
   const D = f((s) => {
-    _((p) => p === null ? p : G(null)), S(R(s));
+    I((p) => p === null ? p : G(null)), S(R(s));
   }, [
     G,
     S,
     R
-  ]), k = f((s) => {
+  ]), _ = f((s) => {
     s.compiled && C.current?.getState().setCompiled(s.compiled), s.result && D(s.result), s.command && b.emit({
       kind: "command",
       command: s.command
-    }), s.input && m.current?.(s.input), s.errors && I([...s.errors]);
+    }), s.input && m.current?.(s.input), s.errors && w([...s.errors]);
   }, [
     D,
     b,
     m,
-    I
+    w
   ]), E = f((s) => {
-    for (const p of s) k(p);
+    for (const p of s) _(p);
     return s.some((p) => !!p.compiled);
-  }, [k]), x = f((s, p) => {
+  }, [_]), x = f((s, p) => {
     E(g.applyCommand(s, p));
   }, [g, E]), P = f(() => {
     E(g.seal());
-  }, [g, E]), F = f(() => E(g.undo()), [g, E]), U = f(() => E(g.redo()), [g, E]), oe = L(() => ({
+  }, [g, E]), j = f(() => E(g.undo()), [g, E]), F = f(() => E(g.redo()), [g, E]), oe = L(() => ({
     stack: g.history,
-    undo: F,
-    redo: U
+    undo: j,
+    redo: F
   }), [
     g,
-    F,
-    U
+    j,
+    F
   ]), ie = f(() => C.current?.getState().compiled ?? null, []);
   return {
     store: C.current,
@@ -414,8 +414,8 @@ var Ze = (e) => j((t) => ({
     }),
     notify: () => e.forEach((t) => t())
   };
-}, rt = {}, nt = ({ data: e, input: t, plugins: r = [], formattingLocale: n, handleRef: o, onChange: d, onError: i, onWarnings: a, customPalettes: l, colorScheme: m = "light", themeOverrides: q = rt, children: w }) => {
-  const [g] = T(() => ae(r.filter(re))), b = Ce(), [u] = T(() => pe(r)), [h] = T(() => Pe()), { store: y, dispatch: C, seal: G, history: N, subscribe: H, getCompiled: _, compileBus: R, compileErrors: I } = et({
+}, rt = {}, nt = ({ data: e, input: t, plugins: r = [], formattingLocale: n, handleRef: o, onChange: d, onError: i, onWarnings: a, customPalettes: l, colorScheme: m = "light", themeOverrides: q = rt, children: k }) => {
+  const [g] = T(() => ce(r.filter(re))), b = Ce(), [u] = T(() => pe(r)), [h] = T(() => Pe()), { store: y, dispatch: C, seal: G, history: N, subscribe: H, getCompiled: I, compileBus: R, compileErrors: w } = et({
     input: t,
     data: e,
     customPalettes: l,
@@ -428,10 +428,10 @@ var Ze = (e) => j((t) => ({
   });
   $(() => {
     if (y)
-      return y.subscribe((k, E) => {
-        if (k.compiled.spec === E.compiled.spec) return;
+      return y.subscribe((_, E) => {
+        if (_.compiled.spec === E.compiled.spec) return;
         const { selection: x, setSelection: P } = h.getState();
-        x.length !== 0 && P(Me(x, k.compiled.spec));
+        x.length !== 0 && P(Me(x, _.compiled.spec));
       });
   }, [y, h]);
   const S = L(() => ({
@@ -443,15 +443,15 @@ var Ze = (e) => j((t) => ({
     undo: N.undo,
     redo: N.redo,
     subscribe: H,
-    getCompiled: _,
+    getCompiled: I,
     getSelection: () => h.getState().selection,
-    setSelection: (k) => h.getState().setSelection(k),
+    setSelection: (_) => h.getState().setSelection(_),
     subscribeSelection: h.subscribe
   }), [
     S,
     N,
     H,
-    _,
+    I,
     h
   ]);
   const D = L(() => y ? {
@@ -478,14 +478,14 @@ var Ze = (e) => j((t) => ({
     u
   ]);
   return /* @__PURE__ */ c(He, {
-    forcedErrors: I,
+    forcedErrors: w,
     onError: i,
     resetKeys: [t, e],
-    children: D ? /* @__PURE__ */ c(le.Provider, {
+    children: D ? /* @__PURE__ */ c(de.Provider, {
       value: D,
-      children: /* @__PURE__ */ c(ce, {
+      children: /* @__PURE__ */ c(ae, {
         value: g,
-        children: w
+        children: k
       })
     }) : null
   });
@@ -510,7 +510,7 @@ var dr = ({ children: e, ...t }) => /* @__PURE__ */ c("svg", {
   children: e
 }), st = "drqe3u0", ot = "drqe3u1", it = "drqe3u2", at = "drqe3u3", M = "drqe3u4", ct = "drqe3u5", dt = "drqe3u6", lt = "drqe3u7", B = "drqe3u8", ut = "drqe3u9", mt = "drqe3ua";
 var gt = "drqe3uc", ht = "drqe3ud", pt = "drqe3ue", ft = "drqe3uf";
-var vt = "drqe3uh", yt = "drqe3ui", Z = {
+var vt = "drqe3uh", yt = "drqe3ui", J = {
   enabled: "drqe3uk drqe3uj",
   disabled: "drqe3ul drqe3uj"
 }, ee = {
@@ -526,7 +526,7 @@ var vt = "drqe3uh", yt = "drqe3ui", Z = {
     const { recordCompile: u } = o.getState(), h = n.getLastTrigger(), y = n.getLastCompile();
     return h && y && u(h, y), n.subscribe(u);
   }, [o, n]);
-  const m = X(o, (u) => u.lastCompile), q = X(o, (u) => u.history), w = n.getCacheStats(), g = m === null && q.length === 0, b = () => {
+  const m = X(o, (u) => u.lastCompile), q = X(o, (u) => u.history), k = n.getCacheStats(), g = m === null && q.length === 0, b = () => {
     l((u) => {
       const h = !u;
       return Ee(h), h;
@@ -559,7 +559,7 @@ var vt = "drqe3uh", yt = "drqe3ui", Z = {
         children: [/* @__PURE__ */ v("button", {
           type: "button",
           onClick: b,
-          className: a ? Z.enabled : Z.disabled,
+          className: a ? J.enabled : J.disabled,
           "aria-pressed": a,
           children: ["cache ", a ? "enabled" : "disabled"]
         }), /* @__PURE__ */ c("span", {
@@ -569,7 +569,7 @@ var vt = "drqe3uh", yt = "drqe3ui", Z = {
       }),
       !d && !g && /* @__PURE__ */ v(qe, { children: [/* @__PURE__ */ c(bt, {
         delta: m?.stages,
-        cumulative: w
+        cumulative: k
       }), /* @__PURE__ */ c(St, { entries: q })] })
     ]
   });
@@ -599,7 +599,7 @@ var vt = "drqe3uh", yt = "drqe3ui", Z = {
         children: "total hit"
       })
     ]
-  }) }), /* @__PURE__ */ c("tbody", { children: Y.map((r) => {
+  }) }), /* @__PURE__ */ c("tbody", { children: U.map((r) => {
     const n = e?.[r], o = Et(n);
     return /* @__PURE__ */ v("tr", {
       className: gt,
@@ -640,7 +640,7 @@ var vt = "drqe3uh", yt = "drqe3ui", Z = {
     className: yt,
     children: "recent compiles"
   }), e.map((t) => {
-    const r = Tt(t.stages, (d) => d.misses > 0), n = Y.length;
+    const r = Tt(t.stages, (d) => d.misses > 0), n = U.length;
     return /* @__PURE__ */ v("div", {
       className: dt,
       children: [
@@ -668,7 +668,7 @@ var vt = "drqe3uh", yt = "drqe3ui", Z = {
   })]
 }), Et = (e) => !e || e.hits === 0 && e.misses === 0 ? "untouched" : e.misses > 0 ? "ran" : "cached", Tt = (e, t) => {
   let r = 0;
-  for (const n of Y) t(e[n]) && (r += 1);
+  for (const n of U) t(e[n]) && (r += 1);
   return r;
 }, se = (e) => e >= 10 ? `${e.toFixed(0)}ms` : `${e.toFixed(2)}ms`, ur = () => {
   const { history: e } = te(), { stack: t, undo: r, redo: n } = e, o = f((a) => t.subscribe(a), [t]), d = f(() => t.getSnapshot(), [t]), i = Re(o, d, d);
@@ -712,40 +712,40 @@ var vt = "drqe3uh", yt = "drqe3ui", Z = {
   ]);
 }, Nt = (e) => e === void 0 ? window : e !== null && "current" in e ? e.current : e, Rt = (e) => "key" in e, qt = (e) => e instanceof HTMLInputElement ? !Ct.has(e.type) : e instanceof HTMLElement ? e.isContentEditable || e.tagName === "TEXTAREA" : !1;
 export {
-  Ht as BrandMark,
-  Qt as CanvasTextMeasurer,
-  Yt as DefaultFooter,
-  Pt as DefaultGrid,
-  jt as DefaultHeader,
-  Xt as DefaultSwatch,
-  _t as DefaultTooltip,
+  _t as BrandMark,
+  Bt as CanvasTextMeasurer,
+  Pt as DefaultFooter,
+  Kt as DefaultGrid,
+  At as DefaultHeader,
+  Yt as DefaultSwatch,
+  Dt as DefaultTooltip,
   lr as DevToolsPanel,
   He as GraphErrorBoundary,
   Q as GraphErrorPanel,
   nt as GraphProvider,
-  Ft as GraphRenderer,
-  Mt as HoverProvider,
-  Kt as TextMeasurerProvider,
-  Zt as ThemeProvider,
+  Ut as GraphRenderer,
+  Lt as HoverProvider,
+  Ft as TextMeasurerProvider,
+  wt as ThemeProvider,
   dr as UnitSpaceSvg,
   cr as createGraphyKit,
-  xt as darkTheme,
-  Ot as defineGeomRenderer,
-  wt as lightTheme,
-  Bt as lightenCss,
+  kt as darkTheme,
+  Zt as defineGeomRenderer,
+  xt as lightTheme,
+  Ot as lightenCss,
   Me as pruneSelection,
-  It as resolveBrandMarkVisual,
-  At as useCompiledSelector,
-  Dt as useElementScreenRect,
-  Lt as useGeomHitTest,
-  kt as useGeomHover,
-  Jt as useGraphCommands,
-  Wt as useGraphHandle,
+  Jt as resolveBrandMarkVisual,
+  Wt as useCompiledSelector,
+  Vt as useElementScreenRect,
+  Mt as useGeomHitTest,
+  It as useGeomHover,
+  Ht as useGraphCommands,
+  Xt as useGraphHandle,
   ur as useGraphHistory,
   mr as useGraphHistoryShortcuts,
   zt as useGraphSelection,
-  Ut as useHandleCompiled,
+  jt as useHandleCompiled,
   $t as useHoverState,
-  Vt as useTextMeasurer,
+  Qt as useTextMeasurer,
   tr as vars
 };

package/dist/{typography-Bd5awt67.cjs → typography-CsG_IWDd.cjs}

@@ -1,2 +1,2 @@
-require('./typography.css');let d=require("@graphysdk/viz-engine");var m=["canvasDefault","canvasBlue","canvasCyan","canvasGreen","canvasYellow","canvasOrange","canvasRed","canvasPink","canvasPurple","canvasGray","canvasInverse"],e={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)",gridLineColor:"var(--graphy-grid-line-color)",axisTickColor:"var(--graphy-axis-tick-color)",originLineColor:"var(--graphy-origin-line-color)",legendBackground:"var(--graphy-legend-background)",legendBorderColor:"var(--graphy-legend-border-color)",legendFocusOutlineColor:"var(--graphy-legend-focus-outline-color)",legendTextColor:"var(--graphy-legend-text-color)",dimmedSeriesLabelTextColor:"var(--graphy-dimmed-series-label-text-color)",dimmedSeriesLabelLineColor:"var(--graphy-dimmed-series-label-line-color)",trendNegativeColor:"var(--graphy-trend-negative-color)",trendPositiveColor:"var(--graphy-trend-positive-color)",trendNeutralColor:"var(--graphy-trend-neutral-color)",defaultAnnotationArrowStroke:"var(--graphy-default-annotation-arrow-stroke)",defaultAnnotationShapeStroke:"var(--graphy-default-annotation-shape-stroke)",defaultAnnotationShapeFill:"var(--graphy-default-annotation-shape-fill)",arrowAnnotationStickerOutlineColor:"var(--graphy-arrow-annotation-sticker-outline-color)",arrowAnnotationStickerOutlineColorInverse:"var(--graphy-arrow-annotation-sticker-outline-color-inverse)",annotationFrameBorderColor:"var(--graphy-annotation-frame-border-color)",editMenuTriggerIconColor:"var(--graphy-edit-menu-trigger-icon-color)",heatmapEmptyTileBackground:"var(--graphy-heatmap-empty-tile-background)",gridLineWidth:"var(--graphy-grid-line-width)",tooltipBorderRadius:"var(--graphy-tooltip-border-radius)",tooltipBorderWidth:"var(--graphy-tooltip-border-width)",tooltipPaddingBlock:"var(--graphy-tooltip-padding-block)",tooltipPaddingInline:"var(--graphy-tooltip-padding-inline)",tooltipRowGap:"var(--graphy-tooltip-row-gap)",tooltipShadow:"var(--graphy-tooltip-shadow)",editorControlHeight:"var(--graphy-editor-control-height)",legendItemGap:"var(--graphy-legend-item-gap)",legendSwatchGap:"var(--graphy-legend-swatch-gap)",legendSwatchWidth:"var(--graphy-legend-swatch-width)",legendSwatchHeight:"var(--graphy-legend-swatch-height)",legendPillPaddingInline:"var(--graphy-legend-pill-padding-inline)",legendPillPaddingBlock:"var(--graphy-legend-pill-padding-block)",legendPillBorderWidth:"var(--graphy-legend-pill-border-width)",headlineRowGap:"var(--graphy-headline-row-gap)",headlineItemGap:"var(--graphy-headline-item-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)",tooltipBackground:"var(--graphy-tooltip-background)",tooltipBorderColor:"var(--graphy-tooltip-border-color)",tooltipHeadingTextColor:"var(--graphy-tooltip-heading-text-color)",tooltipLabelTextColor:"var(--graphy-tooltip-label-text-color)",tooltipValueTextColor:"var(--graphy-tooltip-value-text-color)",tooltipPrimaryRowColor:"var(--graphy-tooltip-primary-row-color)",hoverGuideLineColor:"var(--graphy-hover-guide-line-color)",hoverGuideFillColor:"var(--graphy-hover-guide-fill-color)",fontFamilyDefault:"var(--graphy-font-family-default)",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)",fontWeightBlack:"var(--graphy-font-weight-black)",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)",fontLegendLabel:"var(--graphy-font-legend-label)",fontSeriesLabel:"var(--graphy-font-series-label)",fontTooltipLabel:"var(--graphy-font-tooltip-label)",fontTooltipHeading:"var(--graphy-font-tooltip-heading)",fontTooltipFooter:"var(--graphy-font-tooltip-footer)",fontJumboTooltipLabel:"var(--graphy-font-jumbo-tooltip-label)",fontJumboTooltip:"var(--graphy-font-jumbo-tooltip)",fontMiniTooltipLabel:"var(--graphy-font-mini-tooltip-label)",fontMiniTooltipFooter:"var(--graphy-font-mini-tooltip-footer)",fontTooltipCaption:"var(--graphy-font-tooltip-caption)",fontTooltipCaptionSmall:"var(--graphy-font-tooltip-caption-small)",fontTrendTag:"var(--graphy-font-trend-tag)",fontTrendTagSmall:"var(--graphy-font-trend-tag-small)",fontPieLabel:"var(--graphy-font-pie-label)",fontPieChartTotal:"var(--graphy-font-pie-chart-total)",fontDifferenceArrowSmall:"var(--graphy-font-difference-arrow-small)",fontDifferenceArrowMedium:"var(--graphy-font-difference-arrow-medium)",fontDifferenceArrowLarge:"var(--graphy-font-difference-arrow-large)",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)"},v=`var(--typography-chart-font-family, ${e.fontFamilyDefault})`,y=`'Inter', -apple-system, BlinkMacSystemFont, 'Open Sans', 'Segoe UI', 'Roboto', 'Oxygen-Sans', 'Ubuntu',
-'Cantarell', 'Helvetica Neue', 'NotoSansArabic', 'NotoSansJP', 'NotoSansSC', 'NotoSansKR', 'NotoSerifKR', sans-serif, 'Apple Color Emoji', 'NotoColorEmoji'`,S=y,l={regular:d.NAMED_WEIGHTS.regular,medium:d.NAMED_WEIGHTS.medium,semibold:d.NAMED_WEIGHTS.semiBold,bold:d.NAMED_WEIGHTS.bold,extraBold:d.NAMED_WEIGHTS.extraBold,black:d.NAMED_WEIGHTS.black},r={xxs:1,xs:1.1,sm:1.2,md:1.4,lg:1.6,xl:2,editorBody:1.5,headingSm:1.8,headingMd:2.2,headingLg:2.8},n={xxs:1,xs:1,sm:1.3,md:1.43,lg:1,xl:1,editorBody:1.47,headingSm:1.25,headingMd:1.41,headingLg:1.29},f={fontLegendLabel:{weight:"fontWeightMedium",size:"fontSizeSm",lineHeight:"fontLineHeightSm"}},u=v,p=`var(--typography-chart-heading-font-family, ${e.fontFamilyHeading})`,c=i=>i in f,s=(i,o)=>{const g=f[i],h=t(o.weight?.toString()??e[g.weight],o.size===void 0?e[g.size]:`${o.size.value}${o.size.unit}`,o.lineHeight?.toString()??e[g.lineHeight],o.family??u);return o.style===void 0||o.style==="normal"?h:`${o.style} ${h}`},a=i=>`${i}em`,b={textScale:"1",fontFamilyDefault:y,fontFamilyHeading:S,fontWeightRegular:l.regular.toString(),fontWeightMedium:l.medium.toString(),fontWeightSemibold:l.semibold.toString(),fontWeightBold:l.bold.toString(),fontWeightExtraBold:l.extraBold.toString(),fontWeightBlack:l.black.toString(),fontSizeXxs:a(r.xxs),fontSizeXs:a(r.xs),fontSizeSm:a(r.sm),fontSizeMd:a(r.md),fontSizeLg:a(r.lg),fontSizeXl:a(r.xl),fontLineHeightXxs:n.xxs.toString(),fontLineHeightXs:n.xs.toString(),fontLineHeightSm:n.sm.toString(),fontLineHeightMd:n.md.toString(),fontLineHeightLg:n.lg.toString(),fontLineHeightXl:n.xl.toString()},L={fontSizeEditorBody:a(r.editorBody),fontSizeHeadingSm:a(r.headingSm),fontSizeHeadingMd:a(r.headingMd),fontSizeHeadingLg:a(r.headingLg),fontLineHeightEditorBody:n.editorBody.toString(),fontLineHeightHeadingSm:n.headingSm.toString(),fontLineHeightHeadingMd:n.headingMd.toString(),fontLineHeightHeadingLg:n.headingLg.toString()},t=(i,o,g,h=u)=>`${i} ${o}/${g} ${h}`,H=({weight:i,size:o,lineHeight:g})=>t(e[i],e[o],e[g]),M={fontLegendLabel:H(f.fontLegendLabel),fontSeriesLabel:t(e.fontWeightSemibold,e.fontSizeSm,e.fontLineHeightSm),fontTooltipLabel:t(e.fontWeightMedium,e.fontSizeMd,e.fontLineHeightMd),fontTooltipHeading:t(e.fontWeightMedium,e.fontSizeSm,e.fontLineHeightSm),fontTooltipFooter:t(e.fontWeightRegular,e.fontSizeSm,e.fontLineHeightSm),fontJumboTooltipLabel:t(e.fontWeightRegular,e.fontSizeSm,e.fontLineHeightSm),fontJumboTooltip:t(e.fontWeightMedium,e.fontSizeHeadingMd,e.fontLineHeightHeadingMd),fontMiniTooltipLabel:t(e.fontWeightMedium,e.fontSizeSm,e.fontLineHeightSm),fontMiniTooltipFooter:t(e.fontWeightRegular,e.fontSizeSm,e.fontLineHeightSm),fontTooltipCaption:t(e.fontWeightMedium,e.fontSizeSm,e.fontLineHeightSm),fontTooltipCaptionSmall:t(e.fontWeightMedium,e.fontSizeXxs,e.fontLineHeightXxs),fontUITooltip:t(e.fontWeightMedium,e.fontSizeMd,e.fontLineHeightMd),fontUITooltipSecondary:t(e.fontWeightMedium,e.fontSizeSm,e.fontLineHeightSm),fontTrendTag:t(e.fontWeightMedium,e.fontSizeMd,e.fontLineHeightMd),fontTrendTagSmall:t(e.fontWeightMedium,e.fontSizeXs,e.fontLineHeightXs),fontPieLabel:t(e.fontWeightMedium,e.fontSizeXs,e.fontLineHeightXs),fontPieChartTotal:t(e.fontWeightBold,e.fontSizeHeadingLg,e.fontLineHeightHeadingLg),fontDifferenceArrowSmall:t(e.fontWeightMedium,e.fontSizeSm,e.fontLineHeightSm),fontDifferenceArrowMedium:t(e.fontWeightMedium,e.fontSizeLg,e.fontLineHeightLg),fontDifferenceArrowLarge:t(e.fontWeightSemibold,e.fontSizeXl,e.fontLineHeightXl),fontButton:t(e.fontWeightMedium,e.fontSizeMd,e.fontLineHeightMd),fontInput:t(e.fontWeightMedium,e.fontSizeMd,e.fontLineHeightMd),fontInputLabel:t(e.fontWeightMedium,e.fontSizeXxs,e.fontLineHeightXxs),fontSelectLabel:t(e.fontWeightMedium,e.fontSizeMd,e.fontLineHeightMd),fontSelectDescription:t(e.fontWeightMedium,e.fontSizeSm,e.fontLineHeightSm),fontColorSelectLabel:t(e.fontWeightMedium,e.fontSizeSm,e.fontLineHeightSm),fontMenuTitle:t(e.fontWeightSemibold,e.fontSizeMd,e.fontLineHeightMd),fontMenuGroupTitle:t(e.fontWeightMedium,e.fontSizeSm,e.fontLineHeightSm),fontMenuItemLabel:t(e.fontWeightMedium,e.fontSizeMd,e.fontLineHeightMd),fontMenuItemLabelSecondary:t(e.fontWeightMedium,e.fontSizeSm,e.fontLineHeightSm),fontErrorBoundaryTitle:t(e.fontWeightSemibold,e.fontSizeHeadingSm,e.fontLineHeightHeadingSm),fontErrorBoundaryMessage:t(e.fontWeightMedium,e.fontSizeMd,e.fontLineHeightMd),fontTableCell:t(e.fontWeightMedium,e.fontSizeMd,e.fontLineHeightMd),fontTableHeaderCell:t(e.fontWeightSemibold,e.fontSizeSm,e.fontLineHeightSm),fontSourceLabel:t(e.fontWeightMedium,e.fontSizeSm,e.fontLineHeightSm),fontSourceLink:t(e.fontWeightRegular,e.fontSizeSm,e.fontLineHeightSm),fontTextEditorH1:t(e.fontWeightBold,e.fontSizeHeadingLg,e.fontLineHeightHeadingLg,p),fontTextEditorH2:t(e.fontWeightBold,e.fontSizeHeadingMd,e.fontLineHeightHeadingMd,p),fontTextEditorH3:t(e.fontWeightSemibold,e.fontSizeHeadingSm,e.fontLineHeightHeadingSm,p),fontTextEditorH6:t(e.fontWeightMedium,e.fontSizeSm,e.fontLineHeightSm),fontTextEditorBody:t(e.fontWeightMedium,e.fontSizeEditorBody,e.fontLineHeightEditorBody),fontTextEditorLink:t(e.fontWeightRegular,e.fontSizeMd,e.fontLineHeightMd),fontHighlightModeTitle:t(e.fontWeightBold,e.fontSizeMd,e.fontLineHeightMd),fontHighlightModeSubtitle:t(e.fontWeightMedium,e.fontSizeSm,e.fontLineHeightSm),fontEditorControlLabel:t(e.fontWeightMedium,e.fontSizeSm,e.fontLineHeightSm),fontEditorControlValue:t(e.fontWeightMedium,e.fontSizeSm,e.fontLineHeightSm),fontEditorSectionTitle:t(e.fontWeightSemibold,e.fontSizeSm,e.fontLineHeightSm),fontEditorCaption:t(e.fontWeightMedium,e.fontSizeXxs,e.fontLineHeightXxs)};Object.defineProperty(exports,"CANVAS_COLOR_KEYS",{enumerable:!0,get:function(){return m}});Object.defineProperty(exports,"CHART_FONT_FAMILY",{enumerable:!0,get:function(){return v}});Object.defineProperty(exports,"DEFAULT_FONT_FAMILY",{enumerable:!0,get:function(){return y}});Object.defineProperty(exports,"FONT_LINE_HEIGHT",{enumerable:!0,get:function(){return n}});Object.defineProperty(exports,"FONT_SIZE_EM",{enumerable:!0,get:function(){return r}});Object.defineProperty(exports,"FONT_WEIGHT",{enumerable:!0,get:function(){return l}});Object.defineProperty(exports,"MEASURED_ELEMENT_FONT_DEFINITIONS",{enumerable:!0,get:function(){return f}});Object.defineProperty(exports,"baseTypographyTokens",{enumerable:!0,get:function(){return b}});Object.defineProperty(exports,"buildFontShorthand",{enumerable:!0,get:function(){return s}});Object.defineProperty(exports,"elementTypographyTokens",{enumerable:!0,get:function(){return M}});Object.defineProperty(exports,"isMeasuredFontTokenKey",{enumerable:!0,get:function(){return c}});Object.defineProperty(exports,"semanticTypographyTokens",{enumerable:!0,get:function(){return L}});Object.defineProperty(exports,"vars",{enumerable:!0,get:function(){return e}});
+require('./typography.css');let d=require("@graphysdk/viz-engine");var m=["canvasDefault","canvasBlue","canvasCyan","canvasGreen","canvasYellow","canvasOrange","canvasRed","canvasPink","canvasPurple","canvasGray","canvasInverse"],e={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)",gridLineColor:"var(--graphy-grid-line-color)",axisTickColor:"var(--graphy-axis-tick-color)",originLineColor:"var(--graphy-origin-line-color)",legendBackground:"var(--graphy-legend-background)",legendBorderColor:"var(--graphy-legend-border-color)",legendFocusOutlineColor:"var(--graphy-legend-focus-outline-color)",legendTextColor:"var(--graphy-legend-text-color)",dimmedSeriesLabelTextColor:"var(--graphy-dimmed-series-label-text-color)",dimmedSeriesLabelLineColor:"var(--graphy-dimmed-series-label-line-color)",trendNegativeColor:"var(--graphy-trend-negative-color)",trendPositiveColor:"var(--graphy-trend-positive-color)",trendNeutralColor:"var(--graphy-trend-neutral-color)",defaultAnnotationArrowStroke:"var(--graphy-default-annotation-arrow-stroke)",defaultAnnotationShapeFill:"var(--graphy-default-annotation-shape-fill)",arrowAnnotationStickerOutlineColor:"var(--graphy-arrow-annotation-sticker-outline-color)",arrowAnnotationStickerOutlineColorInverse:"var(--graphy-arrow-annotation-sticker-outline-color-inverse)",annotationFrameBorderColor:"var(--graphy-annotation-frame-border-color)",editMenuTriggerIconColor:"var(--graphy-edit-menu-trigger-icon-color)",heatmapEmptyTileBackground:"var(--graphy-heatmap-empty-tile-background)",gridLineWidth:"var(--graphy-grid-line-width)",tooltipBorderRadius:"var(--graphy-tooltip-border-radius)",tooltipBorderWidth:"var(--graphy-tooltip-border-width)",tooltipPaddingBlock:"var(--graphy-tooltip-padding-block)",tooltipPaddingInline:"var(--graphy-tooltip-padding-inline)",tooltipRowGap:"var(--graphy-tooltip-row-gap)",tooltipShadow:"var(--graphy-tooltip-shadow)",editorControlHeight:"var(--graphy-editor-control-height)",legendItemGap:"var(--graphy-legend-item-gap)",legendSwatchGap:"var(--graphy-legend-swatch-gap)",legendSwatchWidth:"var(--graphy-legend-swatch-width)",legendSwatchHeight:"var(--graphy-legend-swatch-height)",legendPillPaddingInline:"var(--graphy-legend-pill-padding-inline)",legendPillPaddingBlock:"var(--graphy-legend-pill-padding-block)",legendPillBorderWidth:"var(--graphy-legend-pill-border-width)",headlineRowGap:"var(--graphy-headline-row-gap)",headlineItemGap:"var(--graphy-headline-item-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)",tooltipBackground:"var(--graphy-tooltip-background)",tooltipBorderColor:"var(--graphy-tooltip-border-color)",tooltipHeadingTextColor:"var(--graphy-tooltip-heading-text-color)",tooltipLabelTextColor:"var(--graphy-tooltip-label-text-color)",tooltipValueTextColor:"var(--graphy-tooltip-value-text-color)",tooltipPrimaryRowColor:"var(--graphy-tooltip-primary-row-color)",hoverGuideLineColor:"var(--graphy-hover-guide-line-color)",hoverGuideFillColor:"var(--graphy-hover-guide-fill-color)",fontFamilyDefault:"var(--graphy-font-family-default)",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)",fontWeightBlack:"var(--graphy-font-weight-black)",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)",fontLegendLabel:"var(--graphy-font-legend-label)",fontSeriesLabel:"var(--graphy-font-series-label)",fontTooltipLabel:"var(--graphy-font-tooltip-label)",fontTooltipHeading:"var(--graphy-font-tooltip-heading)",fontTooltipFooter:"var(--graphy-font-tooltip-footer)",fontJumboTooltipLabel:"var(--graphy-font-jumbo-tooltip-label)",fontJumboTooltip:"var(--graphy-font-jumbo-tooltip)",fontMiniTooltipLabel:"var(--graphy-font-mini-tooltip-label)",fontMiniTooltipFooter:"var(--graphy-font-mini-tooltip-footer)",fontTooltipCaption:"var(--graphy-font-tooltip-caption)",fontTooltipCaptionSmall:"var(--graphy-font-tooltip-caption-small)",fontTrendTag:"var(--graphy-font-trend-tag)",fontTrendTagSmall:"var(--graphy-font-trend-tag-small)",fontPieLabel:"var(--graphy-font-pie-label)",fontPieChartTotal:"var(--graphy-font-pie-chart-total)",fontDifferenceArrowSmall:"var(--graphy-font-difference-arrow-small)",fontDifferenceArrowMedium:"var(--graphy-font-difference-arrow-medium)",fontDifferenceArrowLarge:"var(--graphy-font-difference-arrow-large)",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)"},v=`var(--typography-chart-font-family, ${e.fontFamilyDefault})`,y=`'Inter', -apple-system, BlinkMacSystemFont, 'Open Sans', 'Segoe UI', 'Roboto', 'Oxygen-Sans', 'Ubuntu',
+'Cantarell', 'Helvetica Neue', 'NotoSansArabic', 'NotoSansJP', 'NotoSansSC', 'NotoSansKR', 'NotoSerifKR', sans-serif, 'Apple Color Emoji', 'NotoColorEmoji'`,c=y,l={regular:d.NAMED_WEIGHTS.regular,medium:d.NAMED_WEIGHTS.medium,semibold:d.NAMED_WEIGHTS.semiBold,bold:d.NAMED_WEIGHTS.bold,extraBold:d.NAMED_WEIGHTS.extraBold,black:d.NAMED_WEIGHTS.black},r={xxs:1,xs:1.1,sm:1.2,md:1.4,lg:1.6,xl:2,editorBody:1.5,headingSm:1.8,headingMd:2.2,headingLg:2.8},n={xxs:1,xs:1,sm:1.3,md:1.43,lg:1,xl:1,editorBody:1.47,headingSm:1.25,headingMd:1.41,headingLg:1.29},f={fontLegendLabel:{weight:"fontWeightMedium",size:"fontSizeSm",lineHeight:"fontLineHeightSm"}},u=v,p=`var(--typography-chart-heading-font-family, ${e.fontFamilyHeading})`,S=i=>i in f,s=(i,o)=>{const g=f[i],h=t(o.weight?.toString()??e[g.weight],o.size===void 0?e[g.size]:`${o.size.value}${o.size.unit}`,o.lineHeight?.toString()??e[g.lineHeight],o.family??u);return o.style===void 0||o.style==="normal"?h:`${o.style} ${h}`},a=i=>`${i}em`,b={textScale:"1",fontFamilyDefault:y,fontFamilyHeading:c,fontWeightRegular:l.regular.toString(),fontWeightMedium:l.medium.toString(),fontWeightSemibold:l.semibold.toString(),fontWeightBold:l.bold.toString(),fontWeightExtraBold:l.extraBold.toString(),fontWeightBlack:l.black.toString(),fontSizeXxs:a(r.xxs),fontSizeXs:a(r.xs),fontSizeSm:a(r.sm),fontSizeMd:a(r.md),fontSizeLg:a(r.lg),fontSizeXl:a(r.xl),fontLineHeightXxs:n.xxs.toString(),fontLineHeightXs:n.xs.toString(),fontLineHeightSm:n.sm.toString(),fontLineHeightMd:n.md.toString(),fontLineHeightLg:n.lg.toString(),fontLineHeightXl:n.xl.toString()},L={fontSizeEditorBody:a(r.editorBody),fontSizeHeadingSm:a(r.headingSm),fontSizeHeadingMd:a(r.headingMd),fontSizeHeadingLg:a(r.headingLg),fontLineHeightEditorBody:n.editorBody.toString(),fontLineHeightHeadingSm:n.headingSm.toString(),fontLineHeightHeadingMd:n.headingMd.toString(),fontLineHeightHeadingLg:n.headingLg.toString()},t=(i,o,g,h=u)=>`${i} ${o}/${g} ${h}`,H=({weight:i,size:o,lineHeight:g})=>t(e[i],e[o],e[g]),M={fontLegendLabel:H(f.fontLegendLabel),fontSeriesLabel:t(e.fontWeightSemibold,e.fontSizeSm,e.fontLineHeightSm),fontTooltipLabel:t(e.fontWeightMedium,e.fontSizeMd,e.fontLineHeightMd),fontTooltipHeading:t(e.fontWeightMedium,e.fontSizeSm,e.fontLineHeightSm),fontTooltipFooter:t(e.fontWeightRegular,e.fontSizeSm,e.fontLineHeightSm),fontJumboTooltipLabel:t(e.fontWeightRegular,e.fontSizeSm,e.fontLineHeightSm),fontJumboTooltip:t(e.fontWeightMedium,e.fontSizeHeadingMd,e.fontLineHeightHeadingMd),fontMiniTooltipLabel:t(e.fontWeightMedium,e.fontSizeSm,e.fontLineHeightSm),fontMiniTooltipFooter:t(e.fontWeightRegular,e.fontSizeSm,e.fontLineHeightSm),fontTooltipCaption:t(e.fontWeightMedium,e.fontSizeSm,e.fontLineHeightSm),fontTooltipCaptionSmall:t(e.fontWeightMedium,e.fontSizeXxs,e.fontLineHeightXxs),fontUITooltip:t(e.fontWeightMedium,e.fontSizeMd,e.fontLineHeightMd),fontUITooltipSecondary:t(e.fontWeightMedium,e.fontSizeSm,e.fontLineHeightSm),fontTrendTag:t(e.fontWeightMedium,e.fontSizeMd,e.fontLineHeightMd),fontTrendTagSmall:t(e.fontWeightMedium,e.fontSizeXs,e.fontLineHeightXs),fontPieLabel:t(e.fontWeightMedium,e.fontSizeXs,e.fontLineHeightXs),fontPieChartTotal:t(e.fontWeightBold,e.fontSizeHeadingLg,e.fontLineHeightHeadingLg),fontDifferenceArrowSmall:t(e.fontWeightMedium,e.fontSizeSm,e.fontLineHeightSm),fontDifferenceArrowMedium:t(e.fontWeightMedium,e.fontSizeLg,e.fontLineHeightLg),fontDifferenceArrowLarge:t(e.fontWeightSemibold,e.fontSizeXl,e.fontLineHeightXl),fontButton:t(e.fontWeightMedium,e.fontSizeMd,e.fontLineHeightMd),fontInput:t(e.fontWeightMedium,e.fontSizeMd,e.fontLineHeightMd),fontInputLabel:t(e.fontWeightMedium,e.fontSizeXxs,e.fontLineHeightXxs),fontSelectLabel:t(e.fontWeightMedium,e.fontSizeMd,e.fontLineHeightMd),fontSelectDescription:t(e.fontWeightMedium,e.fontSizeSm,e.fontLineHeightSm),fontColorSelectLabel:t(e.fontWeightMedium,e.fontSizeSm,e.fontLineHeightSm),fontMenuTitle:t(e.fontWeightSemibold,e.fontSizeMd,e.fontLineHeightMd),fontMenuGroupTitle:t(e.fontWeightMedium,e.fontSizeSm,e.fontLineHeightSm),fontMenuItemLabel:t(e.fontWeightMedium,e.fontSizeMd,e.fontLineHeightMd),fontMenuItemLabelSecondary:t(e.fontWeightMedium,e.fontSizeSm,e.fontLineHeightSm),fontErrorBoundaryTitle:t(e.fontWeightSemibold,e.fontSizeHeadingSm,e.fontLineHeightHeadingSm),fontErrorBoundaryMessage:t(e.fontWeightMedium,e.fontSizeMd,e.fontLineHeightMd),fontTableCell:t(e.fontWeightMedium,e.fontSizeMd,e.fontLineHeightMd),fontTableHeaderCell:t(e.fontWeightSemibold,e.fontSizeSm,e.fontLineHeightSm),fontSourceLabel:t(e.fontWeightMedium,e.fontSizeSm,e.fontLineHeightSm),fontSourceLink:t(e.fontWeightRegular,e.fontSizeSm,e.fontLineHeightSm),fontTextEditorH1:t(e.fontWeightBold,e.fontSizeHeadingLg,e.fontLineHeightHeadingLg,p),fontTextEditorH2:t(e.fontWeightBold,e.fontSizeHeadingMd,e.fontLineHeightHeadingMd,p),fontTextEditorH3:t(e.fontWeightSemibold,e.fontSizeHeadingSm,e.fontLineHeightHeadingSm,p),fontTextEditorH6:t(e.fontWeightMedium,e.fontSizeSm,e.fontLineHeightSm),fontTextEditorBody:t(e.fontWeightMedium,e.fontSizeEditorBody,e.fontLineHeightEditorBody),fontTextEditorLink:t(e.fontWeightRegular,e.fontSizeMd,e.fontLineHeightMd),fontHighlightModeTitle:t(e.fontWeightBold,e.fontSizeMd,e.fontLineHeightMd),fontHighlightModeSubtitle:t(e.fontWeightMedium,e.fontSizeSm,e.fontLineHeightSm),fontEditorControlLabel:t(e.fontWeightMedium,e.fontSizeSm,e.fontLineHeightSm),fontEditorControlValue:t(e.fontWeightMedium,e.fontSizeSm,e.fontLineHeightSm),fontEditorSectionTitle:t(e.fontWeightSemibold,e.fontSizeSm,e.fontLineHeightSm),fontEditorCaption:t(e.fontWeightMedium,e.fontSizeXxs,e.fontLineHeightXxs)};Object.defineProperty(exports,"CANVAS_COLOR_KEYS",{enumerable:!0,get:function(){return m}});Object.defineProperty(exports,"CHART_FONT_FAMILY",{enumerable:!0,get:function(){return v}});Object.defineProperty(exports,"DEFAULT_FONT_FAMILY",{enumerable:!0,get:function(){return y}});Object.defineProperty(exports,"FONT_LINE_HEIGHT",{enumerable:!0,get:function(){return n}});Object.defineProperty(exports,"FONT_SIZE_EM",{enumerable:!0,get:function(){return r}});Object.defineProperty(exports,"FONT_WEIGHT",{enumerable:!0,get:function(){return l}});Object.defineProperty(exports,"MEASURED_ELEMENT_FONT_DEFINITIONS",{enumerable:!0,get:function(){return f}});Object.defineProperty(exports,"baseTypographyTokens",{enumerable:!0,get:function(){return b}});Object.defineProperty(exports,"buildFontShorthand",{enumerable:!0,get:function(){return s}});Object.defineProperty(exports,"elementTypographyTokens",{enumerable:!0,get:function(){return M}});Object.defineProperty(exports,"isMeasuredFontTokenKey",{enumerable:!0,get:function(){return S}});Object.defineProperty(exports,"semanticTypographyTokens",{enumerable:!0,get:function(){return L}});Object.defineProperty(exports,"vars",{enumerable:!0,get:function(){return e}});

package/dist/{typography-CiDZDGza.js → typography-DUFp65Tx.js}

@@ -70,7 +70,6 @@ import './typography.css';var u = [
   trendPositiveColor: "var(--graphy-trend-positive-color)",
   trendNeutralColor: "var(--graphy-trend-neutral-color)",
   defaultAnnotationArrowStroke: "var(--graphy-default-annotation-arrow-stroke)",
-  defaultAnnotationShapeStroke: "var(--graphy-default-annotation-shape-stroke)",
   defaultAnnotationShapeFill: "var(--graphy-default-annotation-shape-fill)",
   arrowAnnotationStickerOutlineColor: "var(--graphy-arrow-annotation-sticker-outline-color)",
   arrowAnnotationStickerOutlineColorInverse: "var(--graphy-arrow-annotation-sticker-outline-color-inverse)",

package/package.json

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