@graphysdk/react-renderer 1.8.1-beta.1787762226666 → 1.8.1-beta.1787827928296

package/dist/index.mjs

@@ -1,17 +1,17 @@
-import { $ as It, D as _t, Dt as ae, Et as kt, G as Dt, O as $t, Ot as te, Q as Ht, T as xt, Tt as Mt, W as Pt, X as Lt, _t as ce, a as Kt, bt as Ot, ct as Bt, dt as K, ft as le, gt as At, ht as de, i as Yt, it as jt, lt as Ft, m as Ut, mt as A, n as Wt, pt as Vt, r as Xt, rt as Qt, s as zt, t as ue, vt as Jt, w as Zt, yt as er } from "./history-chords-3TY7-Dku.js";
-import { m as rr, t as me } from "./dev.utils-Bvss_b2-.js";
-import { COMPILER_STAGE_KEYS as Y, Geom as ge, GraphCompilationSession as he, areEditTargetsEqual as pe, buildDiagnostic as W, createAnchorResolver as fe, createCompiler as ve, createGraphyBuilder as ye, findAnnotation as be, isCompilerCachingEnabled as Se, resolveDefinition as Ee, setCompilerCachingEnabled as Te } from "@graphysdk/viz-engine";
+import { A as It, At as ae, D as _t, E as wt, K as Dt, Ot as $t, Q as xt, St as Ht, _t as ce, a as Mt, at as Pt, bt as Lt, dt as Kt, et as At, gt as O, h as Bt, ht as Ot, i as jt, jt as te, k as Yt, kt as Ft, mt as de, n as Ut, ot as Wt, pt as K, q as Vt, r as Qt, s as Xt, t as le, tt as zt, ut as Jt, vt as Zt, xt as er, yt as ue } from "./history-chords-BCo5Hd7M.js";
+import { m as rr, t as me } from "./dev.utils-t0mzc-gy.js";
+import { COMPILER_STAGE_KEYS as j, Geom as ge, GraphCompilationSession as he, areEditTargetsEqual as pe, buildDiagnostic as W, createAnchorResolver as fe, createCompiler as ve, createGraphyBuilder as ye, findAnnotation as be, isCompilerCachingEnabled as Se, resolveDefinition as Ee, setCompilerCachingEnabled as Te } from "@graphysdk/viz-engine";
 import { Component as Ce, useCallback as f, useEffect as $, useId as Ne, useImperativeHandle as Re, useMemo as P, useRef as V, useState as T, useSyncExternalStore as qe } from "react";
 import { Fragment as Ge, jsx as c, jsxs as v } from "react/jsx-runtime";
-import { useStore as X } from "zustand";
-import { createStore as j } from "zustand/vanilla";
-import we from "clsx";
+import { useStore as Q } from "zustand";
+import { createStore as Y } from "zustand/vanilla";
+import ke from "clsx";
 import './index.css';function B(e) {
   for (const t of e) (t.severity === "error" ? console.error : console.warn)(`[graphy] ${t.code}: ${t.message}`, t);
 }
 var Ie = "_1a5iqpb0", _e = "_1a5iqpb1";
-var ke = "_1a5iqpb3", De = "_1a5iqpb4", $e = "_1a5iqpb5";
-var Q = ({ errors: e }) => {
+var we = "_1a5iqpb3", De = "_1a5iqpb4", $e = "_1a5iqpb5";
+var X = ({ errors: e }) => {
   const [t, ...r] = e;
   return /* @__PURE__ */ v("div", {
     role: "alert",
@@ -29,7 +29,7 @@ var Q = ({ errors: e }) => {
     ]
   });
 }, z = ({ diagnostic: e }) => /* @__PURE__ */ v("div", {
-  className: ke,
+  className: we,
   children: [
     /* @__PURE__ */ c("span", {
       className: De,
@@ -45,10 +45,10 @@ var Q = ({ errors: e }) => {
     })
   ]
 });
-function He(e = [], t = []) {
+function xe(e = [], t = []) {
   return e.length === t.length && e.every((r, n) => Object.is(r, t[n]));
 }
-var xe = class extends Ce {
+var He = class extends Ce {
   constructor(...e) {
     super(...e), this.state = { caughtDiagnostic: null };
   }
@@ -60,13 +60,13 @@ var xe = class extends Ce {
     B([r]), this.props.onError?.([r]), console.error("Chart render component stack:", t.componentStack);
   }
   componentDidUpdate(e) {
-    this.state.caughtDiagnostic && !He(e.resetKeys, this.props.resetKeys) && this.setState({ caughtDiagnostic: null });
+    this.state.caughtDiagnostic && !xe(e.resetKeys, this.props.resetKeys) && this.setState({ caughtDiagnostic: null });
   }
   render() {
     const { caughtDiagnostic: e } = this.state;
-    if (e) return /* @__PURE__ */ c(Q, { errors: [e] });
+    if (e) return /* @__PURE__ */ c(X, { errors: [e] });
     const { forcedErrors: t, children: r } = this.props;
-    return t && t.length > 0 ? /* @__PURE__ */ c(Q, { errors: t }) : r;
+    return t && t.length > 0 ? /* @__PURE__ */ c(X, { errors: t }) : r;
   }
 }, re = (e) => typeof e == "object" && "geom" in e && "render" in e, Me = (e) => {
   const t = Ee(e);
@@ -74,18 +74,18 @@ var xe = class extends Ce {
 }, Pe = (e, t) => {
   const r = e.filter((n) => Le(n, t));
   return r.length === e.length ? e : r;
-}, Le = (e, t) => e.kind !== "annotation" ? !0 : be(t.annotations, e.id) !== null, J = [], Ke = () => j((e) => ({
+}, Le = (e, t) => e.kind !== "annotation" ? !0 : be(t.annotations, e.id) !== null, J = [], Ke = () => Y((e) => ({
   selection: J,
-  setSelection: (t) => e((r) => Oe(r.selection, t) ? r : { selection: t }),
+  setSelection: (t) => e((r) => Ae(r.selection, t) ? r : { selection: t }),
   clearSelection: () => e((t) => t.selection.length === 0 ? t : { selection: J })
-})), Oe = (e, t) => e === t ? !0 : e.length !== t.length ? !1 : e.every((r, n) => {
+})), Ae = (e, t) => e === t ? !0 : e.length !== t.length ? !1 : e.every((r, n) => {
   const o = t[n];
   return o !== void 0 && pe(r, o);
-}), Be = 5, Ae = (e) => {
+}), Be = 5, Oe = (e) => {
   if (!me) return {
     emit: () => {
     },
-    subscribe: () => je,
+    subscribe: () => Ye,
     getLastTrigger: () => null,
     getLastCompile: () => null,
     getCacheStats: () => e.getCacheStats()
@@ -97,7 +97,7 @@ var xe = class extends Ce {
       const o = e.getLastCompile();
       if (o) {
         r = n;
-        for (const l of t) l(n, o);
+        for (const d of t) d(n, o);
       }
     },
     subscribe: (n) => (t.add(n), () => {
@@ -107,7 +107,7 @@ var xe = class extends Ce {
     getLastCompile: () => e.getLastCompile(),
     getCacheStats: () => e.getCacheStats()
   };
-}, Ye = () => j((e) => ({
+}, je = () => Y((e) => ({
   lastCompile: null,
   history: [],
   nextId: 1,
@@ -127,7 +127,7 @@ var xe = class extends Ce {
       lastSnapshot: r
     };
   })
-})), je = () => {
+})), Ye = () => {
 }, Fe = (e) => {
   switch (e.kind) {
     case "init":
@@ -144,43 +144,43 @@ var xe = class extends Ce {
   return [...e.slice(n), t];
 };
 function We(e) {
-  const t = e.filter(re), r = /* @__PURE__ */ new Set([...Object.keys(de), ...t.map((a) => a.geom)]), n = [], o = /* @__PURE__ */ new Set();
+  const t = e.filter(re), r = /* @__PURE__ */ new Set([...Object.keys(ce), ...t.map((a) => a.geom)]), n = [], o = /* @__PURE__ */ new Set();
   for (const a of e) {
-    const d = Me(a);
-    d === null || r.has(d.type) || o.has(d.type) || (o.add(d.type), n.push({
+    const l = Me(a);
+    l === null || r.has(l.type) || o.has(l.type) || (o.add(l.type), n.push({
       kind: "user-input",
       severity: "error",
       code: "MISSING_GEOM_RENDERER",
-      message: `Custom geom '${d.type}' is registered but has no renderer.`,
+      message: `Custom geom '${l.type}' is registered but has no renderer.`,
       context: {
-        requested: d.type,
+        requested: l.type,
         kind: "geom-renderer"
       },
-      suggestion: `Add a render half for it: \`defineGeomRenderer(${d.type}Geom, { coord, render })\`, then include it in \`plugins\`.`
+      suggestion: `Add a render half for it: \`defineGeomRenderer(${l.type}Geom, { coord, render })\`, then include it in \`plugins\`.`
     }));
   }
-  const l = /* @__PURE__ */ new Map();
+  const d = /* @__PURE__ */ new Map();
   for (const a of t) {
     if ("definition" in a) continue;
-    const d = `${a.geom}|${a.coord}`, m = l.get(d);
-    m ? m.count += 1 : l.set(d, {
+    const l = `${a.geom}|${a.coord}`, m = d.get(l);
+    m ? m.count += 1 : d.set(l, {
       geom: a.geom,
       coord: a.coord,
       count: 1
     });
   }
   const i = [];
-  for (const { geom: a, coord: d, count: m } of l.values())
+  for (const { geom: a, coord: l, count: m } of d.values())
     m < 2 || i.push({
       kind: "user-input",
       severity: "warning",
       code: "DUPLICATE_REGISTERED_TYPE",
-      message: `Multiple render-only overrides register ('${a}', '${d}') (${m} entries); the last in the array wins.`,
+      message: `Multiple render-only overrides register ('${a}', '${l}') (${m} entries); the last in the array wins.`,
       context: {
-        requested: `${a}@${d}`,
+        requested: `${a}@${l}`,
         kind: "geom-renderer"
       },
-      suggestion: `Keep a single render-only override for ('${a}', '${d}').`
+      suggestion: `Keep a single render-only override for ('${a}', '${l}').`
     });
   return {
     errors: n,
@@ -188,9 +188,9 @@ function We(e) {
   };
 }
 function Ve(e, t) {
-  const { coordSystem: r, layers: n } = e, o = /* @__PURE__ */ new Set(), l = [];
+  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), l.push({
+    t(i.geom, r.type) !== null || o.has(i.geom) || (o.add(i.geom), d.push({
       kind: "user-input",
       severity: "warning",
       code: "MISSING_GEOM_RENDERER",
@@ -201,14 +201,14 @@ function Ve(e, t) {
       },
       suggestion: `Register a renderer for ('${i.geom}', '${r.type}') via \`defineGeomRenderer\`.`
     }));
-  return l;
+  return d;
 }
-function Xe(e, t) {
-  const { coordSystem: r, layers: n } = e, o = /* @__PURE__ */ new Set(), l = [];
+function Qe(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;
     const a = t(i.geom, r.type);
-    a === null || a.hitTest || A(a) || (o.add(i.geom), l.push({
+    a === null || a.hitTest || O(a) || (o.add(i.geom), d.push({
       kind: "user-input",
       severity: "warning",
       code: "MISSING_RENDER_HIT_TEST",
@@ -220,9 +220,9 @@ function Xe(e, t) {
       suggestion: `Add a \`hitTest\` factory (precomputed geometry) or an overlay render (\`{ fn, options: { overlay: true } }\`, live simulation) to the renderer for ('${i.geom}', '${r.type}').`
     }));
   }
-  return l;
+  return d;
 }
-function Qe(e) {
+function Xe(e) {
   const t = /* @__PURE__ */ new Set(), r = [];
   for (const n of e.layers) {
     const o = n.identityKey;
@@ -241,11 +241,11 @@ function Qe(e) {
   return r;
 }
 function ze(e, t) {
-  const { coordSystem: r, layers: n } = e, o = /* @__PURE__ */ new Set(), l = [];
+  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;
     const a = t(i.geom, r.type);
-    a === null || !a.hitTest || !A(a) || (o.add(i.geom), l.push({
+    a === null || !a.hitTest || !O(a) || (o.add(i.geom), d.push({
       kind: "user-input",
       severity: "warning",
       code: "CONFLICTING_RENDER_HIT_TEST",
@@ -257,7 +257,7 @@ function ze(e, t) {
       suggestion: "Keep one: a `hitTest` factory for precomputed geometry, OR an overlay render (`{ fn, options: { overlay: true } }`) for a live simulation."
     }));
   }
-  return l;
+  return d;
 }
 function Je(e, t) {
   const r = /* @__PURE__ */ new Set(), n = [];
@@ -276,11 +276,11 @@ function Je(e, t) {
   return n;
 }
 function Ze(e, t) {
-  const { coordSystem: r, layers: n } = e, o = /* @__PURE__ */ new Set(), l = [];
+  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;
     const a = t(i.geom, r.type);
-    a === null || !A(a) || (o.add(i.geom), l.push({
+    a === null || !O(a) || (o.add(i.geom), d.push({
       kind: "user-input",
       severity: "warning",
       code: "OVERLAY_REQUIRES_RENDER_HIT_TEST",
@@ -292,17 +292,17 @@ function Ze(e, t) {
       suggestion: "Have the geom's manifest yield spatialKind 'render-hit-test' so the compiled layer carries the `byKey` index the overlay's `pushHover` resolves against."
     }));
   }
-  return l;
+  return d;
 }
-var et = (e) => j((t) => ({
+var et = (e) => Y((t) => ({
   compiled: e,
   setCompiled: (r) => t((n) => n.compiled === r ? n : { compiled: r })
-})), tt = ({ input: e, data: t, customPalettes: r, plugins: n, resolveRenderer: o, anchorResolver: l, onChange: i, onError: a, onWarnings: d }) => {
-  const m = K(i), q = K(a), _ = K(d), [{ session: g, compileBus: b }] = T(() => {
+})), tt = ({ 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), _ = K(l), [{ session: g, compileBus: b }] = T(() => {
     const s = ve({ plugins: n });
     return {
       session: new he(s),
-      compileBus: Ae(s)
+      compileBus: Oe(s)
     };
   }), [u] = T(() => We(n ?? [])), h = V(null), [y] = T(rt), C = V(null), G = f((s) => u.errors.length === 0 ? s : [...u.errors, ...s ?? []], [u]), N = f((s) => {
     if (!s.ok) return s.errors;
@@ -312,7 +312,7 @@ var et = (e) => j((t) => ({
       p.subscribe(y.notify), C.current = p, y.notify();
     }
     return null;
-  }, [y]), [H, k] = T(() => {
+  }, [y]), [x, w] = T(() => {
     const s = g.compile({
       input: e,
       data: t,
@@ -322,22 +322,22 @@ var et = (e) => j((t) => ({
   }), R = f((s) => s.ok ? [
     ...s.warnings,
     ...Ve(s.compiled, o),
-    ...Xe(s.compiled, o),
-    ...Qe(s.compiled),
+    ...Qe(s.compiled, o),
+    ...Xe(s.compiled),
     ...ze(s.compiled, o),
     ...Ze(s.compiled, o),
-    ...Je(s.compiled, l)
-  ] : s.warnings, [o, l]), w = f((s) => {
+    ...Je(s.compiled, d)
+  ] : s.warnings, [o, d]), k = f((s) => {
     s.length !== 0 && (B(s), q.current?.(s));
   }, [q]), S = f((s) => {
     s.length !== 0 && (B(s), _.current?.(s));
   }, [_]);
   $(() => {
     const s = h.current;
-    s && (w([...u.errors, ...s.ok ? [] : s.errors]), S([...u.warnings, ...R(s)]), s.ok && b.emit({ kind: "init" }));
+    s && (k([...u.errors, ...s.ok ? [] : s.errors]), S([...u.warnings, ...R(s)]), s.ok && b.emit({ kind: "init" }));
   }, [
     b,
-    w,
+    k,
     S,
     u,
     R
@@ -350,7 +350,7 @@ var et = (e) => j((t) => ({
     if (!s) return;
     s.sealedInput && m.current?.(s.sealedInput);
     const p = N(s.result);
-    k(G(p)), p && w(p), S(R(s.result)), p || b.emit({ kind: s.inputChanged ? "input" : "data" });
+    w(G(p)), p && k(p), S(R(s.result)), p || b.emit({ kind: s.inputChanged ? "input" : "data" });
   }, [
     e,
     t,
@@ -358,14 +358,14 @@ var et = (e) => j((t) => ({
     g,
     b,
     N,
-    w,
+    k,
     S,
     G,
     R,
     m
   ]);
   const D = f((s) => {
-    k((p) => p === null ? p : G(null)), S(R(s));
+    w((p) => p === null ? p : G(null)), S(R(s));
   }, [
     G,
     S,
@@ -374,16 +374,16 @@ var et = (e) => j((t) => ({
     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 && w([...s.errors]);
+    }), s.input && m.current?.(s.input), s.errors && k([...s.errors]);
   }, [
     D,
     b,
     m,
-    w
+    k
   ]), E = f((s) => {
     for (const p of s) I(p);
     return s.some((p) => !!p.compiled);
-  }, [I]), x = f((s, p) => {
+  }, [I]), H = f((s, p) => {
     E(g.applyCommand(s, p));
   }, [g, E]), L = f(() => {
     E(g.seal());
@@ -398,13 +398,13 @@ var et = (e) => j((t) => ({
   ]), ie = f(() => C.current?.getState().compiled ?? null, []);
   return {
     store: C.current,
-    dispatch: x,
+    dispatch: H,
     seal: L,
     history: oe,
     subscribe: y.subscribe,
     getCompiled: ie,
     compileBus: b,
-    compileErrors: H
+    compileErrors: x
   };
 }, rt = () => {
   const e = /* @__PURE__ */ new Set();
@@ -414,15 +414,15 @@ var et = (e) => j((t) => ({
     }),
     notify: () => e.forEach((t) => t())
   };
-}, nt = {}, st = ({ data: e, input: t, plugins: r = [], formattingLocale: n, handleRef: o, onChange: l, onError: i, onWarnings: a, customPalettes: d, colorScheme: m = "light", themeOverrides: q = nt, children: _ }) => {
-  const [g] = T(() => le(r.filter(re))), b = Ne(), [u] = T(() => fe(r)), [h] = T(() => Ke()), { store: y, dispatch: C, seal: G, history: N, subscribe: H, getCompiled: k, compileBus: R, compileErrors: w } = tt({
+}, nt = {}, st = ({ data: e, input: t, plugins: r = [], formattingLocale: n, handleRef: o, onChange: d, onError: i, onWarnings: a, customPalettes: l, colorScheme: m = "light", themeOverrides: q = nt, children: _ }) => {
+  const [g] = T(() => de(r.filter(re))), b = Ne(), [u] = T(() => fe(r)), [h] = T(() => Ke()), { store: y, dispatch: C, seal: G, history: N, subscribe: x, getCompiled: w, compileBus: R, compileErrors: k } = tt({
     input: t,
     data: e,
-    customPalettes: d,
+    customPalettes: l,
     plugins: r,
     resolveRenderer: g,
     anchorResolver: u,
-    onChange: l,
+    onChange: d,
     onError: i,
     onWarnings: a
   });
@@ -430,8 +430,8 @@ var et = (e) => j((t) => ({
     if (y)
       return y.subscribe((I, E) => {
         if (I.compiled.spec === E.compiled.spec) return;
-        const { selection: x, setSelection: L } = h.getState();
-        x.length !== 0 && L(Pe(x, I.compiled.spec));
+        const { selection: H, setSelection: L } = h.getState();
+        H.length !== 0 && L(Pe(H, I.compiled.spec));
       });
   }, [y, h]);
   const S = P(() => ({
@@ -442,16 +442,16 @@ var et = (e) => j((t) => ({
     commands: S,
     undo: N.undo,
     redo: N.redo,
-    subscribe: H,
-    getCompiled: k,
+    subscribe: x,
+    getCompiled: w,
     getSelection: () => h.getState().selection,
     setSelection: (I) => h.getState().setSelection(I),
     subscribeSelection: h.subscribe
   }), [
     S,
     N,
-    H,
-    k,
+    x,
+    w,
     h
   ]);
   const D = P(() => y ? {
@@ -477,20 +477,20 @@ var et = (e) => j((t) => ({
     q,
     u
   ]);
-  return /* @__PURE__ */ c(xe, {
-    forcedErrors: w,
+  return /* @__PURE__ */ c(He, {
+    forcedErrors: k,
     onError: i,
     resetKeys: [t, e],
     children: D ? /* @__PURE__ */ c(ae.Provider, {
       value: D,
-      children: /* @__PURE__ */ c(ce, {
+      children: /* @__PURE__ */ c(ue, {
         value: g,
         children: _
       })
     }) : null
   });
 };
-function lr(e) {
+function dr(e) {
   const t = ye(e);
   return {
     ...t,
@@ -500,7 +500,7 @@ function lr(e) {
     })
   };
 }
-var dr = ({ children: e, ...t }) => /* @__PURE__ */ c("svg", {
+var lr = ({ children: e, ...t }) => /* @__PURE__ */ c("svg", {
   viewBox: "0 0 1 1",
   preserveAspectRatio: "none",
   width: "100%",
@@ -508,7 +508,7 @@ var dr = ({ children: e, ...t }) => /* @__PURE__ */ c("svg", {
   pointerEvents: "none",
   ...t,
   children: e
-}), ot = "drqe3u0", it = "drqe3u1", at = "drqe3u2", ct = "drqe3u3", M = "drqe3u4", lt = "drqe3u5", dt = "drqe3u6", ut = "drqe3u7", O = "drqe3u8", mt = "drqe3u9", gt = "drqe3ua";
+}), ot = "drqe3u0", it = "drqe3u1", at = "drqe3u2", ct = "drqe3u3", M = "drqe3u4", dt = "drqe3u5", lt = "drqe3u6", ut = "drqe3u7", A = "drqe3u8", mt = "drqe3u9", gt = "drqe3ua";
 var ht = "drqe3uc", pt = "drqe3ud", ft = "drqe3ue", vt = "drqe3uf";
 var yt = "drqe3uh", bt = "drqe3ui", Z = {
   enabled: "drqe3uk drqe3uj",
@@ -521,19 +521,19 @@ var yt = "drqe3uh", bt = "drqe3ui", Z = {
   cached: "drqe3ur drqe3up",
   untouched: "drqe3us drqe3up"
 }, ur = ({ width: e = 380, style: t, className: r } = {}) => {
-  const { compileBus: n } = te(), [o] = T(() => Ye()), [l, i] = T(!1), [a, d] = T(Se);
+  const { compileBus: n } = te(), [o] = T(() => je()), [d, i] = T(!1), [a, l] = T(Se);
   $(() => {
     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), _ = n.getCacheStats(), g = m === null && q.length === 0, b = () => {
-    d((u) => {
+  const m = Q(o, (u) => u.lastCompile), q = Q(o, (u) => u.history), _ = n.getCacheStats(), g = m === null && q.length === 0, b = () => {
+    l((u) => {
       const h = !u;
       return Te(h), h;
     });
   };
   return /* @__PURE__ */ v("div", {
-    className: we(gt, r),
+    className: ke(gt, r),
     style: {
       width: e,
       ...t
@@ -551,10 +551,10 @@ var yt = "drqe3uh", bt = "drqe3ui", Z = {
           type: "button",
           onClick: () => i((u) => !u),
           className: vt,
-          children: l ? "▾" : "▴"
+          children: d ? "▾" : "▴"
         })]
       }),
-      !l && /* @__PURE__ */ v("div", {
+      !d && /* @__PURE__ */ v("div", {
         className: "drqe3ub",
         children: [/* @__PURE__ */ v("button", {
           type: "button",
@@ -567,7 +567,7 @@ var yt = "drqe3uh", bt = "drqe3ui", Z = {
           children: "next compile reflects this toggle"
         })]
       }),
-      !l && !g && /* @__PURE__ */ v(Ge, { children: [/* @__PURE__ */ c(St, {
+      !d && !g && /* @__PURE__ */ v(Ge, { children: [/* @__PURE__ */ c(St, {
         delta: m?.stages,
         cumulative: _
       }), /* @__PURE__ */ c(Et, { entries: q })] })
@@ -599,13 +599,13 @@ var yt = "drqe3uh", bt = "drqe3ui", Z = {
         children: "total hit"
       })
     ]
-  }) }), /* @__PURE__ */ c("tbody", { children: Y.map((r) => {
+  }) }), /* @__PURE__ */ c("tbody", { children: j.map((r) => {
     const n = e?.[r], o = Tt(n);
     return /* @__PURE__ */ v("tr", {
       className: ht,
       children: [
         /* @__PURE__ */ v("td", {
-          className: lt,
+          className: dt,
           children: [
             /* @__PURE__ */ c("span", {
               className: ne[o],
@@ -620,15 +620,15 @@ var yt = "drqe3uh", bt = "drqe3ui", Z = {
           children: n?.misses ?? 0
         }),
         /* @__PURE__ */ c("td", {
-          className: O,
+          className: A,
           children: n?.hits ?? 0
         }),
         /* @__PURE__ */ c("td", {
-          className: O,
+          className: A,
           children: t[r].misses
         }),
         /* @__PURE__ */ c("td", {
-          className: O,
+          className: A,
           children: t[r].hits
         })
       ]
@@ -640,9 +640,9 @@ var yt = "drqe3uh", bt = "drqe3ui", Z = {
     className: bt,
     children: "recent compiles"
   }), e.map((t) => {
-    const r = Ct(t.stages, (l) => l.misses > 0), n = Y.length;
+    const r = Ct(t.stages, (d) => d.misses > 0), n = j.length;
     return /* @__PURE__ */ v("div", {
-      className: dt,
+      className: lt,
       children: [
         /* @__PURE__ */ c("span", {
           className: ne[r === 0 ? "cached" : "ran"],
@@ -668,10 +668,10 @@ var yt = "drqe3uh", bt = "drqe3ui", Z = {
   })]
 }), Tt = (e) => !e || e.hits === 0 && e.misses === 0 ? "untouched" : e.misses > 0 ? "ran" : "cached", Ct = (e, t) => {
   let r = 0;
-  for (const n of Y) t(e[n]) && (r += 1);
+  for (const n of j) t(e[n]) && (r += 1);
   return r;
 }, se = (e) => e >= 10 ? `${e.toFixed(0)}ms` : `${e.toFixed(2)}ms`, mr = () => {
-  const { history: e } = te(), { stack: t, undo: r, redo: n } = e, o = f((a) => t.subscribe(a), [t]), l = f(() => t.getSnapshot(), [t]), i = qe(o, l, l);
+  const { history: e } = te(), { stack: t, undo: r, redo: n } = e, o = f((a) => t.subscribe(a), [t]), d = f(() => t.getSnapshot(), [t]), i = qe(o, d, d);
   return P(() => ({
     ...i,
     undo: r,
@@ -697,14 +697,14 @@ var yt = "drqe3uh", bt = "drqe3ui", Z = {
   $(() => {
     const o = Rt(r);
     if (!n || !o) return;
-    const l = (i) => {
+    const d = (i) => {
       if (!qt(i) || i.defaultPrevented || Gt(i.target)) return;
-      const a = ue(i);
+      const a = le(i);
       if (!a) return;
-      const d = e.current;
-      d && (a === "undo" ? d.undo() : d.redo()) && i.preventDefault();
+      const l = e.current;
+      l && (a === "undo" ? l.undo() : l.redo()) && i.preventDefault();
     };
-    return o.addEventListener("keydown", l), () => o.removeEventListener("keydown", l);
+    return o.addEventListener("keydown", d), () => o.removeEventListener("keydown", d);
   }, [
     e,
     r,
@@ -712,40 +712,40 @@ var yt = "drqe3uh", bt = "drqe3ui", Z = {
   ]);
 }, Rt = (e) => e === void 0 ? window : e !== null && "current" in e ? e.current : e, qt = (e) => "key" in e, Gt = (e) => e instanceof HTMLInputElement ? !Nt.has(e.type) : e instanceof HTMLElement ? e.isContentEditable || e.tagName === "TEXTAREA" : !1;
 export {
-  _t as BrandMark,
-  Ot as CanvasTextMeasurer,
-  xt as DefaultFooter,
-  zt as DefaultGrid,
-  Zt as DefaultHeader,
-  At as DefaultSwatch,
-  Pt as DefaultTooltip,
+  Yt as BrandMark,
+  Ht as CanvasTextMeasurer,
+  _t as DefaultFooter,
+  Xt as DefaultGrid,
+  wt as DefaultHeader,
+  Zt as DefaultSwatch,
+  Dt as DefaultTooltip,
   ur as DevToolsPanel,
-  xe as GraphErrorBoundary,
-  Q as GraphErrorPanel,
+  He as GraphErrorBoundary,
+  X as GraphErrorPanel,
   st as GraphProvider,
-  Kt as GraphRenderer,
-  Ft as HoverProvider,
-  Jt as TextMeasurerProvider,
-  Lt as ThemeProvider,
-  dr as UnitSpaceSvg,
-  lr as createGraphyKit,
-  Ht as darkTheme,
-  Vt as defineGeomRenderer,
-  It as lightTheme,
-  Mt as lightenCss,
+  Mt as GraphRenderer,
+  Kt as HoverProvider,
+  Lt as TextMeasurerProvider,
+  xt as ThemeProvider,
+  lr as UnitSpaceSvg,
+  dr as createGraphyKit,
+  At as darkTheme,
+  Ot as defineGeomRenderer,
+  zt as lightTheme,
+  $t as lightenCss,
   Pe as pruneSelection,
-  $t as resolveBrandMarkVisual,
-  kt as useCompiledSelector,
-  jt as useElementScreenRect,
-  Bt as useGeomHitTest,
-  Qt as useGeomHover,
-  Wt as useGraphCommands,
-  Yt as useGraphHandle,
+  It as resolveBrandMarkVisual,
+  Ft as useCompiledSelector,
+  Wt as useElementScreenRect,
+  Jt as useGeomHitTest,
+  Pt as useGeomHover,
+  Ut as useGraphCommands,
+  jt as useGraphHandle,
   mr as useGraphHistory,
   gr as useGraphHistoryShortcuts,
-  Ut as useGraphSelection,
-  Xt as useHandleCompiled,
-  Dt as useHoverState,
+  Bt as useGraphSelection,
+  Qt as useHandleCompiled,
+  Vt as useHoverState,
   er as useTextMeasurer,
   rr as vars
 };