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

package/dist/index.mjs

@@ -1,6 +1,6 @@
-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 he, n as nr, nt as sr, qt as or, r as ir, rt as ar, s as cr, t as ge, ut as dr, vt as lr, z as ur } from "./history-chords-BEesSXz6.js";
-import { n as hr } from "./theme.contract.css-DaZ5UPN0.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, createGraphyBuilder 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 { 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";
@@ -142,7 +142,7 @@ var Le = class extends Ce {
   return [...e.slice(r), t];
 };
 function Je(e) {
-  const t = e.filter(oe), n = /* @__PURE__ */ new Set([...Object.keys(he), ...t.map((d) => d.geom)]), r = [], o = /* @__PURE__ */ new Set();
+  const t = e.filter(oe), n = /* @__PURE__ */ new Set([...Object.keys(ge), ...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({
@@ -296,7 +296,7 @@ var st = (e) => U((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: h, compileBus: l }] = T(() => {
+  const N = A(d), k = A(u), C = A(m), [{ session: g, compileBus: l }] = T(() => {
     const s = Se({ plugins: o });
     return {
       session: new fe(s),
@@ -306,12 +306,12 @@ var st = (e) => U((t) => ({
     if (!s.ok) return s.errors;
     if (R.current) R.current.getState().setScene(s.scene);
     else {
-      const g = st(s.scene);
-      g.subscribe(I.notify), R.current = g, I.notify();
+      const h = st(s.scene);
+      h.subscribe(I.notify), R.current = h, I.notify();
     }
     return null;
   }, [I]), [M, D] = T(() => {
-    const s = h.compile({
+    const s = g.compile({
       spec: e,
       data: t,
       customPalettes: n,
@@ -341,7 +341,7 @@ var st = (e) => U((t) => ({
     p,
     G
   ]), x(() => {
-    const s = h.update({
+    const s = g.update({
       spec: e,
       data: t,
       customPalettes: n,
@@ -349,14 +349,14 @@ var st = (e) => U((t) => ({
     });
     if (!s) return;
     s.committedSpec && N.current?.(s.committedSpec);
-    const g = w(s.result);
-    D(S(g)), g && b(g), q(G(s.result)), g || l.emit({ kind: s.specChanged ? "spec" : "data" });
+    const h = w(s.result);
+    D(S(h)), h && b(h), q(G(s.result)), h || l.emit({ kind: s.specChanged ? "spec" : "data" });
   }, [
     e,
     t,
     n,
     r,
-    h,
+    g,
     l,
     w,
     b,
@@ -366,7 +366,7 @@ var st = (e) => U((t) => ({
     N
   ]);
   const _ = f((s) => {
-    D((g) => g === null ? g : S(null)), q(G(s));
+    D((h) => h === null ? h : S(null)), q(G(s));
   }, [
     S,
     q,
@@ -382,18 +382,18 @@ var st = (e) => U((t) => ({
     N,
     b
   ]), E = f((s) => {
-    for (const g of s) P(g);
-    return s.some((g) => !!g.scene);
-  }, [P]), O = f((s, g) => {
-    E(h.applyCommand(s, g));
-  }, [h, E]), ae = f(() => {
-    E(h.commit());
-  }, [h, E]), W = f(() => E(h.undo()), [h, E]), V = f(() => E(h.redo()), [h, E]), ce = H(() => ({
-    stack: h.history,
+    for (const h of s) P(h);
+    return s.some((h) => !!h.scene);
+  }, [P]), O = 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(() => ({
+    stack: g.history,
     undo: W,
     redo: V
   }), [
-    h,
+    g,
     W,
     V
   ]), de = f(() => R.current?.getState().scene ?? null, []);
@@ -416,14 +416,14 @@ 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(), [h] = 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 = H(() => Ee({ colorScheme: m }), [m]), { store: y, dispatch: I, commit: R, history: S, subscribe: w, getScene: M, compileBus: D, compileErrors: G } = ot({
     spec: t,
     data: e,
     customPalettes: u,
     colorScheme: m,
     plugins: n,
     resolveRenderer: k,
-    anchorResolver: h,
+    anchorResolver: g,
     onSpecChange: a,
     onError: i,
     onWarnings: d
@@ -466,7 +466,7 @@ var st = (e) => U((t) => ({
     compileBus: D,
     colorScheme: m,
     styleResolver: p,
-    anchorResolver: h
+    anchorResolver: g
   } : null, [
     C,
     y,
@@ -477,7 +477,7 @@ var st = (e) => U((t) => ({
     D,
     m,
     p,
-    h
+    g
   ]);
   return /* @__PURE__ */ c(Le, {
     forcedErrors: G,
@@ -518,7 +518,7 @@ var Er = ({ children: e, ...t }) => /* @__PURE__ */ c("svg", {
   overflow: "hidden",
   pointerEvents: "none",
   children: t
-}), ct = "drqe3u0", dt = "drqe3u1", lt = "drqe3u2", ut = "drqe3u3", $ = "drqe3u4", mt = "drqe3u5", ht = "drqe3u6", gt = "drqe3u7", B = "drqe3u8", pt = "drqe3u9", ft = "drqe3ua";
+}), ct = "drqe3u0", dt = "drqe3u1", lt = "drqe3u2", ut = "drqe3u3", $ = "drqe3u4", mt = "drqe3u5", gt = "drqe3u6", ht = "drqe3u7", B = "drqe3u8", pt = "drqe3u9", ft = "drqe3ua";
 var vt = "drqe3uc", yt = "drqe3ud", St = "drqe3ue", bt = "drqe3uf";
 var Et = "drqe3uh", Tt = "drqe3ui", re = {
   enabled: "drqe3uk drqe3uj",
@@ -536,7 +536,7 @@ var Et = "drqe3uh", Tt = "drqe3ui", re = {
     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, h = () => {
+  const m = Q(o, (l) => l.lastCompile), N = Q(o, (l) => l.history), k = r.getCacheStats(), C = m === null && N.length === 0, g = () => {
     u((l) => {
       const p = !l;
       return qe(p), p;
@@ -568,7 +568,7 @@ var Et = "drqe3uh", Tt = "drqe3ui", re = {
         className: "drqe3ub",
         children: [/* @__PURE__ */ v("button", {
           type: "button",
-          onClick: h,
+          onClick: g,
           className: d ? re.enabled : re.disabled,
           "aria-pressed": d,
           children: ["cache ", d ? "enabled" : "disabled"]
@@ -661,14 +661,14 @@ var Et = "drqe3uh", Tt = "drqe3ui", re = {
   }), e.map((t) => {
     const n = Ct(t.stages, (a) => a.misses > 0), r = j.length;
     return /* @__PURE__ */ v("div", {
-      className: ht,
+      className: gt,
       children: [
         /* @__PURE__ */ c("span", {
           className: ie[n === 0 ? "cached" : "ran"],
           "aria-hidden": !0
         }),
         /* @__PURE__ */ c("span", {
-          className: gt,
+          className: ht,
           title: t.label,
           children: t.label
         }),
@@ -718,7 +718,7 @@ var Et = "drqe3uh", Tt = "drqe3ui", re = {
     if (!r || !o) return;
     const a = (i) => {
       if (!It(i) || i.defaultPrevented || _t(i.target)) return;
-      const d = ge(i);
+      const d = he(i);
       if (!d) return;
       const u = e.current;
       u && (d === "undo" ? u.undo() : u.redo()) && i.preventDefault();
@@ -775,5 +775,5 @@ export {
   Lt as useStyleReaders,
   Kt as useStyleResolver,
   Pt as useTextMeasurer,
-  hr as vars
+  gr as vars
 };

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

@@ -57,7 +57,7 @@ import './theme.contract.css';var a = [
   overlayBorderGradient: "var(--graphy-overlay-border-gradient)",
   graphBackground: "var(--graphy-graph-background)",
   legendFocusOutlineColor: "var(--graphy-legend-focus-outline-color)",
-  annotationFrameBorderColor: "var(--graphy-annotation-frame-border-color)",
+  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)",

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

@@ -0,0 +1 @@
+require('./theme.contract.css');var a=["canvasDefault","canvasBlue","canvasCyan","canvasGreen","canvasYellow","canvasOrange","canvasRed","canvasPink","canvasPurple","canvasGray","canvasInverse"],r={white:"var(--graphy-white)",black:"var(--graphy-black)",transparent:"var(--graphy-transparent)",gray100:"var(--graphy-gray-100)",gray95:"var(--graphy-gray-95)",gray90:"var(--graphy-gray-90)",gray85:"var(--graphy-gray-85)",gray80:"var(--graphy-gray-80)",gray75:"var(--graphy-gray-75)",gray70:"var(--graphy-gray-70)",gray60:"var(--graphy-gray-60)",gray50:"var(--graphy-gray-50)",gray0:"var(--graphy-gray-0)",grayGradient80:"var(--graphy-gray-gradient-80)",green60:"var(--graphy-green-60)",green50:"var(--graphy-green-50)",red60:"var(--graphy-red-60)",red50:"var(--graphy-red-50)",amber70:"var(--graphy-amber-70)",amber50:"var(--graphy-amber-50)",amber40:"var(--graphy-amber-40)",amber30:"var(--graphy-amber-30)",blue80:"var(--graphy-blue-80)",blue60:"var(--graphy-blue-60)",purple50:"var(--graphy-purple-50)",purple30:"var(--graphy-purple-30)",brand:"var(--graphy-brand)",success:"var(--graphy-success)",warning:"var(--graphy-warning)",alert:"var(--graphy-alert)",textPrimary:"var(--graphy-text-primary)",textSecondary:"var(--graphy-text-secondary)",textDisabled:"var(--graphy-text-disabled)",iconPrimary:"var(--graphy-icon-primary)",iconSecondary:"var(--graphy-icon-secondary)",iconStickerBackground:"var(--graphy-icon-sticker-background)",border100:"var(--graphy-border-100)",border50:"var(--graphy-border-50)",border10:"var(--graphy-border-10)",sunkenBackground:"var(--graphy-sunken-background)",defaultBackground:"var(--graphy-default-background)",raisedBackground:"var(--graphy-raised-background)",overlayBackground:"var(--graphy-overlay-background)",overlayBorderGradient:"var(--graphy-overlay-border-gradient)",graphBackground:"var(--graphy-graph-background)",legendFocusOutlineColor:"var(--graphy-legend-focus-outline-color)",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.1789643389031",
+  "version": "1.9.0-beta.1789669748378",
   "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.1789643389031"
+    "@graphysdk/viz-engine": "1.9.0-beta.1789669748378"
   },
   "peerDependencies": {
     "@tiptap/core": "^3.0.0",