@graphysdk/react-renderer 1.9.0-beta.1790606620233 → 1.9.0-beta.1790607168916

package/dist/index.mjs

@@ -1,89 +1,89 @@
-import { A as xt, At as ge, B as At, Bt, Ct as Ot, Et as F, Ht as Kt, I as Ft, Jt as jt, L as Ut, Lt as Yt, M as Wt, Mt as Y, Nt as he, Pt as Vt, Qt, Rt as pe, Ut as Xt, Vt as zt, a as Jt, an as Zt, cn as er, ct as tr, dn as W, dt as rr, en as ae, fn as fe, gt as nr, h as sr, i as or, in as ar, j as ir, jt as cr, kt as ve, ln as lr, n as dr, nt as ur, on as mr, pn as j, r as gr, rn as hr, rt as pr, s as fr, sn as vr, t as ye, tn as yr, un as Se, ut as Sr, vt as br, w as Er, wt as Tr, yt as Rr, z as Nr } from "./history-chords-sGHetDJP.js";
-import { n as qr } from "./theme.contract.css-AyXDNf0F.js";
-import { COMPILER_STAGE_KEYS as V, Geom as be, GraphCompilationSession as Ee, areEditTargetsEqual as Te, buildDiagnostic as J, createAnchorResolver as Re, createCompiler as Ne, createDataLabelPlacementResolver as Ce, createSpecBuilder as qe, createStyleResolver as De, findAnnotation as Ge, findLayerById as Z, isCompilerCachingEnabled as Ie, resolveDefinition as we, setCompilerCachingEnabled as ke, toPercent as B } from "@graphysdk/viz-engine";
-import { Component as _e, useCallback as f, useEffect as M, useId as Le, useImperativeHandle as Pe, useMemo as H, useRef as ee, useState as b, useSyncExternalStore as $e } from "react";
-import { Fragment as He, jsx as c, jsxs as v } from "react/jsx-runtime";
-import { useStore as U } from "zustand";
-import { motion as ie } from "motion/react";
-import { createStore as Q } from "zustand/vanilla";
-import Me from "clsx";
-import './index.css';var xe = "_1a5iqpb0", Ae = "_1a5iqpb1";
-var Be = "_1a5iqpb3", Oe = "_1a5iqpb4", Ke = "_1a5iqpb5";
-var te = ({ errors: e }) => {
+import { $t as ge, A as Bt, At as he, B as Ot, Bt as Kt, Ct as Ft, Et as U, Ht as jt, I as Ut, Jt as Yt, L as Wt, Lt as Vt, M as Xt, Mt as V, Nt as pe, Pt as Qt, Qt as zt, Rt as fe, Ut as Jt, Vt as Zt, a as er, an as tr, cn as rr, ct as nr, dn as X, dt as sr, en as K, fn as ve, gt as or, h as ar, i as ir, in as cr, j as lr, jt as dr, kt as ye, ln as ur, n as mr, nt as gr, on as hr, pn as Y, r as pr, rn as fr, rt as vr, s as yr, sn as Sr, t as Se, tn as br, un as be, ut as Er, vt as Tr, w as Rr, wt as Nr, yt as Cr, z as Gr } from "./history-chords-Bw-7IlCd.js";
+import { n as Dr } from "./theme.contract.css-AyXDNf0F.js";
+import { COMPILER_STAGE_KEYS as Q, Geom as Ee, GraphCompilationSession as Te, areEditTargetsEqual as Re, buildDiagnostic as ee, createAnchorResolver as Ne, createCompiler as Ce, createDataLabelPlacementResolver as Ge, createSpecBuilder as qe, createStyleResolver as De, findAnnotation as Ie, findLayerById as te, isCompilerCachingEnabled as ke, resolveDefinition as we, setCompilerCachingEnabled as _e, toPercent as B } from "@graphysdk/viz-engine";
+import { Component as Pe, useCallback as f, useEffect as H, useId as Le, useImperativeHandle as $e, useMemo as M, useRef as re, useState as b, useSyncExternalStore as Me } from "react";
+import { Fragment as He, jsx as i, jsxs as v } from "react/jsx-runtime";
+import { useStore as W } from "zustand";
+import { motion as F } from "motion/react";
+import { createStore as z } from "zustand/vanilla";
+import xe from "clsx";
+import './index.css';var Ae = "_1a5iqpb0", Be = "_1a5iqpb1";
+var Oe = "_1a5iqpb3", Ke = "_1a5iqpb4", Fe = "_1a5iqpb5";
+var ne = ({ errors: e }) => {
   const [t, ...n] = e;
   return /* @__PURE__ */ v("div", {
     role: "alert",
-    className: xe,
+    className: Ae,
     children: [
-      /* @__PURE__ */ c("strong", {
-        className: Ae,
+      /* @__PURE__ */ i("strong", {
+        className: Be,
         children: "This chart could not be rendered."
       }),
-      t && /* @__PURE__ */ c(re, { diagnostic: t }),
-      n.length > 0 && /* @__PURE__ */ c("ul", {
+      t && /* @__PURE__ */ i(se, { diagnostic: t }),
+      n.length > 0 && /* @__PURE__ */ i("ul", {
         className: "_1a5iqpb2",
-        children: n.map((r, s) => /* @__PURE__ */ c("li", { children: /* @__PURE__ */ c(re, { diagnostic: r }) }, `${r.code}-${s}`))
+        children: n.map((r, s) => /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(se, { diagnostic: r }) }, `${r.code}-${s}`))
       })
     ]
   });
-}, re = ({ diagnostic: e }) => /* @__PURE__ */ v("div", {
-  className: Be,
+}, se = ({ diagnostic: e }) => /* @__PURE__ */ v("div", {
+  className: Oe,
   children: [
-    /* @__PURE__ */ c("span", {
-      className: Oe,
+    /* @__PURE__ */ i("span", {
+      className: Ke,
       children: e.code
     }),
-    /* @__PURE__ */ c("p", {
-      className: Ke,
+    /* @__PURE__ */ i("p", {
+      className: Fe,
       children: e.message
     }),
-    e.suggestion && /* @__PURE__ */ c("p", {
+    e.suggestion && /* @__PURE__ */ i("p", {
       className: "_1a5iqpb6",
       children: e.suggestion
     })
   ]
 });
-function Fe(e = [], t = []) {
+function je(e = [], t = []) {
   return e.length === t.length && e.every((n, r) => Object.is(n, t[r]));
 }
-var je = class extends _e {
+var Ue = class extends Pe {
   constructor(...e) {
     super(...e), this.state = { caughtDiagnostic: null };
   }
   static getDerivedStateFromError(e) {
-    return { caughtDiagnostic: J(e) };
+    return { caughtDiagnostic: ee(e) };
   }
   componentDidCatch(e, t) {
-    const n = J(e);
-    j([n]), this.props.onError?.([n]), console.error("Chart render component stack:", t.componentStack);
+    const n = ee(e);
+    Y([n]), this.props.onError?.([n]), console.error("Chart render component stack:", t.componentStack);
   }
   componentDidUpdate(e) {
-    this.state.caughtDiagnostic && !Fe(e.resetKeys, this.props.resetKeys) && this.setState({ caughtDiagnostic: null });
+    this.state.caughtDiagnostic && !je(e.resetKeys, this.props.resetKeys) && this.setState({ caughtDiagnostic: null });
   }
   render() {
     const { caughtDiagnostic: e } = this.state;
-    if (e) return /* @__PURE__ */ c(te, { errors: [e] });
+    if (e) return /* @__PURE__ */ i(ne, { errors: [e] });
     const { forcedErrors: t, children: n } = this.props;
-    return t && t.length > 0 ? /* @__PURE__ */ c(te, { errors: t }) : n;
+    return t && t.length > 0 ? /* @__PURE__ */ i(ne, { errors: t }) : n;
   }
 }, ce = (e) => typeof e == "object" && "geom" in e && "render" in e, le = (e) => {
   const t = we(e);
-  return t instanceof be ? t : null;
-}, Ue = (e, t) => {
-  const n = e.filter((r) => Ye(r, t));
+  return t instanceof Ee ? t : null;
+}, Ye = (e, t) => {
+  const n = e.filter((r) => We(r, t));
   return n.length === e.length ? e : n;
-}, Ye = (e, t) => e.kind === "annotation" ? Ge(t.annotations, e.id) !== null : e.kind === "observations" ? Z(t.layers, e.layerId) !== void 0 : e.kind === "layer" && e.layerId !== void 0 ? Z(t.layers, e.layerId) !== void 0 : !0, ne = [], We = () => Q((e) => ({
-  selection: ne,
-  setSelection: (t) => e((n) => Ve(n.selection, t) ? n : { selection: t }),
-  clearSelection: () => e((t) => t.selection.length === 0 ? t : { selection: ne })
-})), Ve = (e, t) => e === t ? !0 : e.length !== t.length ? !1 : e.every((n, r) => {
+}, We = (e, t) => e.kind === "annotation" ? Ie(t.annotations, e.id) !== null : e.kind === "observations" ? te(t.layers, e.layerId) !== void 0 : e.kind === "layer" && e.layerId !== void 0 ? te(t.layers, e.layerId) !== void 0 : !0, oe = [], Ve = () => z((e) => ({
+  selection: oe,
+  setSelection: (t) => e((n) => Xe(n.selection, t) ? n : { selection: t }),
+  clearSelection: () => e((t) => t.selection.length === 0 ? t : { selection: oe })
+})), Xe = (e, t) => e === t ? !0 : e.length !== t.length ? !1 : e.every((n, r) => {
   const s = t[r];
-  return s !== void 0 && Te(n, s);
-}), Qe = process.env.NODE_ENV !== "production", Xe = 5, ze = (e) => {
+  return s !== void 0 && Re(n, s);
+}), Qe = process.env.NODE_ENV !== "production", ze = 5, Je = (e) => {
   if (!Qe) return {
     emit: () => {
     },
-    subscribe: () => Ze,
+    subscribe: () => et,
     getLastTrigger: () => null,
     getLastCompile: () => null,
     getCacheStats: () => e.getCacheStats()
@@ -95,7 +95,7 @@ var je = class extends _e {
       const s = e.getLastCompile();
       if (s) {
         n = r;
-        for (const i of t) i(r, s);
+        for (const c of t) c(r, s);
       }
     },
     subscribe: (r) => (t.add(r), () => {
@@ -105,7 +105,7 @@ var je = class extends _e {
     getLastCompile: () => e.getLastCompile(),
     getCacheStats: () => e.getCacheStats()
   };
-}, Je = () => Q((e) => ({
+}, Ze = () => z((e) => ({
   lastCompile: null,
   history: [],
   nextId: 1,
@@ -114,20 +114,20 @@ var je = class extends _e {
     if (r.lastSnapshot === n) return r;
     const s = {
       id: r.nextId,
-      label: et(t),
+      label: tt(t),
       stages: n.stages,
       stageDurationsMs: n.stageDurationsMs,
       durationMs: n.durationMs
     };
     return {
       lastCompile: s,
-      history: tt(r.history, s, Xe),
+      history: rt(r.history, s, ze),
       nextId: r.nextId + 1,
       lastSnapshot: n
     };
   })
-})), Ze = () => {
-}, et = (e) => {
+})), et = () => {
+}, tt = (e) => {
   switch (e.kind) {
     case "init":
       return "init";
@@ -138,12 +138,12 @@ var je = class extends _e {
     case "command":
       return e.command.metadata.description;
   }
-}, tt = (e, t, n) => {
+}, rt = (e, t, n) => {
   const r = e.length >= n ? e.length - (n - 1) : 0;
   return [...e.slice(r), t];
 };
-function rt(e) {
-  const t = e.filter(ce), n = /* @__PURE__ */ new Set([...Object.keys(he), ...t.map((l) => l.geom)]), r = [], s = /* @__PURE__ */ new Set();
+function nt(e) {
+  const t = e.filter(ce), n = /* @__PURE__ */ new Set([...Object.keys(pe), ...t.map((l) => l.geom)]), r = [], s = /* @__PURE__ */ new Set();
   for (const l of e) {
     const d = le(l);
     d === null || n.has(d.type) || s.has(d.type) || (s.add(d.type), r.push({
@@ -158,18 +158,18 @@ function rt(e) {
       suggestion: `Add a render half for it: \`defineGeomRenderer(${d.type}Geom, { coord, render })\`, then include it in \`plugins\`.`
     }));
   }
-  const i = /* @__PURE__ */ new Map();
+  const c = /* @__PURE__ */ new Map();
   for (const l of t) {
     if ("definition" in l) continue;
-    const d = `${l.geom}|${l.coord}`, g = i.get(d);
-    g ? g.count += 1 : i.set(d, {
+    const d = `${l.geom}|${l.coord}`, g = c.get(d);
+    g ? g.count += 1 : c.set(d, {
       geom: l.geom,
       coord: l.coord,
       count: 1
     });
   }
   const a = [];
-  for (const { geom: l, coord: d, count: g } of i.values())
+  for (const { geom: l, coord: d, count: g } of c.values())
     g < 2 || a.push({
       kind: "user-input",
       severity: "warning",
@@ -181,15 +181,15 @@ function rt(e) {
       },
       suggestion: `Keep a single render-only override for ('${l}', '${d}').`
     });
-  return a.push(...lt(e)), {
+  return a.push(...dt(e)), {
     errors: r,
     warnings: a
   };
 }
-function nt(e, t) {
-  const { coordSystem: n, layers: r } = e, s = /* @__PURE__ */ new Set(), i = [];
+function st(e, t) {
+  const { coordSystem: n, layers: r } = e, s = /* @__PURE__ */ new Set(), c = [];
   for (const a of r)
-    t(a.geom, n.type) !== null || s.has(a.geom) || (s.add(a.geom), i.push({
+    t(a.geom, n.type) !== null || s.has(a.geom) || (s.add(a.geom), c.push({
       kind: "user-input",
       severity: "warning",
       code: "MISSING_GEOM_RENDERER",
@@ -200,14 +200,14 @@ function nt(e, t) {
       },
       suggestion: `Register a renderer for ('${a.geom}', '${n.type}') via \`defineGeomRenderer\`.`
     }));
-  return i;
+  return c;
 }
-function st(e, t) {
-  const { coordSystem: n, layers: r } = e, s = /* @__PURE__ */ new Set(), i = [];
+function ot(e, t) {
+  const { coordSystem: n, layers: r } = e, s = /* @__PURE__ */ new Set(), c = [];
   for (const a of r) {
     if (a.interactive === !1 || a.spatialKind !== "render-hit-test" || s.has(a.geom)) continue;
     const l = t(a.geom, n.type);
-    l === null || l.hitTest || Y(l) || (s.add(a.geom), i.push({
+    l === null || l.hitTest || V(l) || (s.add(a.geom), c.push({
       kind: "user-input",
       severity: "warning",
       code: "MISSING_RENDER_HIT_TEST",
@@ -219,9 +219,9 @@ function st(e, t) {
       suggestion: `Add a \`hitTest\` factory (precomputed geometry) or an overlay render (\`{ fn, options: { overlay: true } }\`, live simulation) to the renderer for ('${a.geom}', '${n.type}').`
     }));
   }
-  return i;
+  return c;
 }
-function ot(e) {
+function at(e) {
   const t = /* @__PURE__ */ new Set(), n = [];
   for (const r of e.layers) {
     const s = r.identityKey;
@@ -239,12 +239,12 @@ function ot(e) {
   }
   return n;
 }
-function at(e, t) {
-  const { coordSystem: n, layers: r } = e, s = /* @__PURE__ */ new Set(), i = [];
+function it(e, t) {
+  const { coordSystem: n, layers: r } = e, s = /* @__PURE__ */ new Set(), c = [];
   for (const a of r) {
     if (a.interactive === !1 || a.spatialKind !== "render-hit-test" || s.has(a.geom)) continue;
     const l = t(a.geom, n.type);
-    l === null || !l.hitTest || !Y(l) || (s.add(a.geom), i.push({
+    l === null || !l.hitTest || !V(l) || (s.add(a.geom), c.push({
       kind: "user-input",
       severity: "warning",
       code: "CONFLICTING_RENDER_HIT_TEST",
@@ -256,9 +256,9 @@ function at(e, t) {
       suggestion: "Keep one: a `hitTest` factory for precomputed geometry, OR an overlay render (`{ fn, options: { overlay: true } }`) for a live simulation."
     }));
   }
-  return i;
+  return c;
 }
-function it(e, t) {
+function ct(e, t) {
   const n = /* @__PURE__ */ new Set(), r = [];
   for (const s of e.layers)
     s.interactive !== !1 && (s.spatialKind !== "render-hit-test" || n.has(s.geom) || t.hasCapability(s.geom) || (n.add(s.geom), r.push({
@@ -274,12 +274,12 @@ function it(e, t) {
     })));
   return r;
 }
-function ct(e, t) {
-  const { coordSystem: n, layers: r } = e, s = /* @__PURE__ */ new Set(), i = [];
+function lt(e, t) {
+  const { coordSystem: n, layers: r } = e, s = /* @__PURE__ */ new Set(), c = [];
   for (const a of r) {
     if (a.interactive === !1 || a.spatialKind === "render-hit-test" || s.has(a.geom)) continue;
     const l = t(a.geom, n.type);
-    l === null || !Y(l) || (s.add(a.geom), i.push({
+    l === null || !V(l) || (s.add(a.geom), c.push({
       kind: "user-input",
       severity: "warning",
       code: "OVERLAY_REQUIRES_RENDER_HIT_TEST",
@@ -291,9 +291,9 @@ function ct(e, t) {
       suggestion: "Have the geom's manifest yield spatialKind 'render-hit-test' so the scene layer carries the `byKey` index the overlay's `pushHover` resolves against."
     }));
   }
-  return i;
+  return c;
 }
-function lt(e) {
+function dt(e) {
   const t = /* @__PURE__ */ new Set(), n = [];
   for (const r of e) {
     const s = le(r);
@@ -311,55 +311,55 @@ function lt(e) {
   }
   return n;
 }
-var dt = (e) => Q((t) => ({
+var ut = (e) => z((t) => ({
   scene: e,
   setScene: (n) => t((r) => r.scene === n ? r : { scene: n })
-})), ut = ({ spec: e, data: t, customPalettes: n, colorScheme: r, plugins: s, resolveRenderer: i, anchorResolver: a, onSpecChange: l, onError: d, onWarnings: g }) => {
-  const E = F(l), G = F(d), N = F(g), [{ session: h, compileBus: u }] = b(() => {
-    const o = Ne({ plugins: s });
+})), mt = ({ spec: e, data: t, customPalettes: n, colorScheme: r, plugins: s, resolveRenderer: c, anchorResolver: a, onSpecChange: l, onError: d, onWarnings: g }) => {
+  const E = U(l), D = U(d), N = U(g), [{ session: h, compileBus: u }] = b(() => {
+    const o = Ce({ plugins: s });
     return {
-      session: new Ee(o),
-      compileBus: ze(o)
+      session: new Te(o),
+      compileBus: Je(o)
     };
-  }), [m] = b(() => rt(s ?? [])), C = ee(null), [I] = b(mt), y = ee(null), q = f((o) => m.errors.length === 0 ? o : [...m.errors, ...o ?? []], [m]), _ = f((o) => {
+  }), [m] = b(() => nt(s ?? [])), C = re(null), [I] = b(gt), y = re(null), G = f((o) => m.errors.length === 0 ? o : [...m.errors, ...o ?? []], [m]), _ = f((o) => {
     if (!o.ok) return o.errors;
     if (y.current) y.current.getState().setScene(o.scene);
     else {
-      const p = dt(o.scene);
+      const p = ut(o.scene);
       p.subscribe(I.notify), y.current = p, I.notify();
     }
     return null;
-  }, [I]), [w, L] = b(() => {
+  }, [I]), [k, P] = b(() => {
     const o = h.compile({
       spec: e,
       data: t,
       customPalettes: n,
       colorScheme: r
     });
-    return C.current = o, q(_(o));
+    return C.current = o, G(_(o));
   }), T = f((o) => o.ok ? [
     ...o.warnings,
-    ...nt(o.scene, i),
-    ...st(o.scene, i),
-    ...ot(o.scene),
-    ...at(o.scene, i),
-    ...ct(o.scene, i),
-    ...it(o.scene, a)
-  ] : o.warnings, [i, a]), R = f((o) => {
-    o.length !== 0 && (j(o), G.current?.(o));
-  }, [G]), D = f((o) => {
-    o.length !== 0 && (j(o), N.current?.(o));
+    ...st(o.scene, c),
+    ...ot(o.scene, c),
+    ...at(o.scene),
+    ...it(o.scene, c),
+    ...lt(o.scene, c),
+    ...ct(o.scene, a)
+  ] : o.warnings, [c, a]), R = f((o) => {
+    o.length !== 0 && (Y(o), D.current?.(o));
+  }, [D]), q = f((o) => {
+    o.length !== 0 && (Y(o), N.current?.(o));
   }, [N]);
-  M(() => {
+  H(() => {
     const o = C.current;
-    o && (R([...m.errors, ...o.ok ? [] : o.errors]), D([...m.warnings, ...T(o)]), o.ok && u.emit({ kind: "init" }));
+    o && (R([...m.errors, ...o.ok ? [] : o.errors]), q([...m.warnings, ...T(o)]), o.ok && u.emit({ kind: "init" }));
   }, [
     u,
     R,
-    D,
+    q,
     m,
     T
-  ]), M(() => {
+  ]), H(() => {
     const o = h.update({
       spec: e,
       data: t,
@@ -369,7 +369,7 @@ var dt = (e) => Q((t) => ({
     if (!o) return;
     o.committedSpec && E.current?.(o.committedSpec);
     const p = _(o.result);
-    L(q(p)), p && R(p), D(T(o.result)), p || u.emit({ kind: o.specChanged ? "spec" : "data" });
+    P(G(p)), p && R(p), q(T(o.result)), p || u.emit({ kind: o.specChanged ? "spec" : "data" });
   }, [
     e,
     t,
@@ -379,54 +379,54 @@ var dt = (e) => Q((t) => ({
     u,
     _,
     R,
-    D,
     q,
+    G,
     T,
     E
   ]);
-  const k = f((o) => {
-    L((p) => p === null ? p : q(null)), D(T(o));
+  const w = f((o) => {
+    P((p) => p === null ? p : G(null)), q(T(o));
   }, [
+    G,
     q,
-    D,
     T
-  ]), P = f((o) => {
-    o.scene && y.current?.getState().setScene(o.scene), o.result && k(o.result), o.command && u.emit({
+  ]), L = f((o) => {
+    o.scene && y.current?.getState().setScene(o.scene), o.result && w(o.result), o.command && u.emit({
       kind: "command",
       command: o.command
     }), o.spec && E.current?.(o.spec), o.errors && R([...o.errors]);
   }, [
-    k,
+    w,
     u,
     E,
     R
   ]), S = f((o) => {
-    for (const p of o) P(p);
+    for (const p of o) L(p);
     return o.some((p) => !!p.scene);
-  }, [P]), K = f((o, p) => {
+  }, [L]), j = f((o, p) => {
     S(h.applyCommand(o, p));
   }, [h, S]), x = f(() => {
     S(h.commit());
-  }, [h, S]), A = f(() => S(h.undo()), [h, S]), z = f(() => S(h.redo()), [h, S]), ue = H(() => ({
+  }, [h, S]), A = f(() => S(h.undo()), [h, S]), Z = f(() => S(h.redo()), [h, S]), ue = M(() => ({
     stack: h.history,
     undo: A,
-    redo: z
+    redo: Z
   }), [
     h,
     A,
-    z
+    Z
   ]), me = f(() => y.current?.getState().scene ?? null, []);
   return {
     store: y.current,
-    dispatch: K,
+    dispatch: j,
     commit: x,
     history: ue,
     subscribe: I.subscribe,
     getScene: me,
     compileBus: u,
-    compileErrors: w
+    compileErrors: k
   };
-}, mt = () => {
+}, gt = () => {
   const e = /* @__PURE__ */ new Set();
   return {
     subscribe: (t) => (e.add(t), () => {
@@ -434,36 +434,36 @@ var dt = (e) => Q((t) => ({
     }),
     notify: () => e.forEach((t) => t())
   };
-}, gt = ({ data: e, spec: t, plugins: n = [], formattingLocale: r, handleRef: s, onSpecChange: i, onError: a, onWarnings: l, customPalettes: d, colorScheme: g = "light", children: E }) => {
-  const [G] = b(() => ge(n.filter(ce))), N = Le(), [h] = b(() => Re(n)), [u] = b(() => Ce(n)), [m] = b(() => We()), [C] = b(() => ve()), I = H(() => De({ colorScheme: g }), [g]), { store: y, dispatch: q, commit: _, history: w, subscribe: L, getScene: T, compileBus: R, compileErrors: D } = ut({
+}, ht = ({ data: e, spec: t, plugins: n = [], formattingLocale: r, handleRef: s, onSpecChange: c, onError: a, onWarnings: l, customPalettes: d, colorScheme: g = "light", children: E }) => {
+  const [D] = b(() => he(n.filter(ce))), N = Le(), [h] = b(() => Ne(n)), [u] = b(() => Ge(n)), [m] = b(() => Ve()), [C] = b(() => ye()), I = M(() => De({ colorScheme: g }), [g]), { store: y, dispatch: G, commit: _, history: k, subscribe: P, getScene: T, compileBus: R, compileErrors: q } = mt({
     spec: t,
     data: e,
     customPalettes: d,
     colorScheme: g,
     plugins: n,
-    resolveRenderer: G,
+    resolveRenderer: D,
     anchorResolver: h,
-    onSpecChange: i,
+    onSpecChange: c,
     onError: a,
     onWarnings: l
   });
-  M(() => {
+  H(() => {
     if (y)
-      return y.subscribe((S, K) => {
-        if (S.scene.spec === K.scene.spec) return;
+      return y.subscribe((S, j) => {
+        if (S.scene.spec === j.scene.spec) return;
         const { selection: x, setSelection: A } = m.getState();
-        x.length !== 0 && A(Ue(x, S.scene.spec));
+        x.length !== 0 && A(Ye(x, S.scene.spec));
       });
   }, [y, m]);
-  const k = H(() => ({
-    dispatch: q,
+  const w = M(() => ({
+    dispatch: G,
     commit: _
-  }), [q, _]);
-  Pe(s, () => ({
-    commands: k,
-    undo: w.undo,
-    redo: w.redo,
-    subscribe: L,
+  }), [G, _]);
+  $e(s, () => ({
+    commands: w,
+    undo: k.undo,
+    redo: k.redo,
+    subscribe: P,
     getScene: T,
     getSelection: () => m.getState().selection,
     setSelection: (S) => m.getState().setSelection(S),
@@ -471,20 +471,20 @@ var dt = (e) => Q((t) => ({
     canPlaceDataLabels: u.hasCapability,
     canFormatDataLabelsAsPercentages: u.hasPercentageFormat
   }), [
-    k,
     w,
-    L,
+    k,
+    P,
     T,
     m,
     u
   ]);
-  const P = H(() => y ? {
+  const L = M(() => y ? {
     chartId: N,
     store: y,
     selectionStore: m,
     targetBoundaryStore: C,
-    commands: k,
-    history: w,
+    commands: w,
+    history: k,
     formattingLocale: r,
     compileBus: R,
     colorScheme: g,
@@ -495,23 +495,23 @@ var dt = (e) => Q((t) => ({
     y,
     m,
     C,
-    k,
     w,
+    k,
     r,
     R,
     g,
     I,
     h
   ]);
-  return /* @__PURE__ */ c(je, {
-    forcedErrors: D,
+  return /* @__PURE__ */ i(Ue, {
+    forcedErrors: q,
     onError: a,
     resetKeys: [t, e],
-    children: P ? /* @__PURE__ */ c(Se.Provider, {
-      value: P,
-      children: /* @__PURE__ */ c(pe, {
-        value: G,
-        children: /* @__PURE__ */ c(fe, {
+    children: L ? /* @__PURE__ */ i(be.Provider, {
+      value: L,
+      children: /* @__PURE__ */ i(fe, {
+        value: D,
+        children: /* @__PURE__ */ i(ve, {
           value: u,
           children: E
         })
@@ -519,31 +519,31 @@ var dt = (e) => Q((t) => ({
     }) : null
   });
 };
-function Pr(e) {
+function Mr(e) {
   const t = qe(e);
   return {
     ...t,
-    GraphProvider: (r) => /* @__PURE__ */ c(gt, {
+    GraphProvider: (r) => /* @__PURE__ */ i(ht, {
       ...r,
       plugins: t.plugins
     })
   };
 }
-var $r = ({ shouldAnimateTransitions: e, cx: t, cy: n, r, ...s }) => e ? /* @__PURE__ */ c(ie.circle, {
+var Hr = ({ shouldAnimateTransitions: e, cx: t, cy: n, r, ...s }) => e ? /* @__PURE__ */ i(F.circle, {
   initial: !1,
   animate: {
     cx: t,
     cy: n,
     r
   },
-  transition: ae,
+  transition: K,
   ...s
-}) : /* @__PURE__ */ c("circle", {
+}) : /* @__PURE__ */ i("circle", {
   cx: t,
   cy: n,
   r,
   ...s
-}), Hr = ({ shouldAnimateTransitions: e, x1: t, y1: n, x2: r, y2: s, ...i }) => e ? /* @__PURE__ */ c(ie.line, {
+}), xr = ({ shouldAnimateTransitions: e, x1: t, y1: n, x2: r, y2: s, ...c }) => e ? /* @__PURE__ */ i(F.line, {
   initial: !1,
   animate: {
     x1: t,
@@ -551,15 +551,44 @@ var $r = ({ shouldAnimateTransitions: e, cx: t, cy: n, r, ...s }) => e ? /* @__P
     x2: r,
     y2: s
   },
-  transition: ae,
-  ...i
-}) : /* @__PURE__ */ c("line", {
+  transition: K,
+  ...c
+}) : /* @__PURE__ */ i("line", {
   x1: t,
   y1: n,
   x2: r,
   y2: s,
-  ...i
-}), Mr = ({ children: e, ...t }) => /* @__PURE__ */ c("svg", {
+  ...c
+}), Ar = ({ shouldAnimateTransitions: e, x: t, y: n, width: r, height: s, ...c }) => e ? /* @__PURE__ */ i(F.rect, {
+  initial: !1,
+  animate: {
+    attrX: t,
+    attrY: n,
+    width: r,
+    height: s
+  },
+  transition: K,
+  ...c
+}) : /* @__PURE__ */ i("rect", {
+  x: t,
+  y: n,
+  width: r,
+  height: s,
+  ...c
+}), Br = ({ shouldAnimateTransitions: e, d: t, source: n, ...r }) => e ? /* @__PURE__ */ i(pt, {
+  d: t,
+  source: n,
+  ...r
+}) : /* @__PURE__ */ i("path", {
+  d: t,
+  ...r
+}), pt = ({ d: e, source: t, ...n }) => {
+  const r = ge(e, K, t);
+  return /* @__PURE__ */ i(F.path, {
+    d: r,
+    ...n
+  });
+}, Or = ({ children: e, ...t }) => /* @__PURE__ */ i("svg", {
   viewBox: "0 0 1 1",
   preserveAspectRatio: "none",
   width: "100%",
@@ -567,7 +596,7 @@ var $r = ({ shouldAnimateTransitions: e, cx: t, cy: n, r, ...s }) => e ? /* @__P
   pointerEvents: "none",
   ...t,
   children: e
-}), xr = ({ box: e, children: t }) => /* @__PURE__ */ c("svg", {
+}), Kr = ({ box: e, children: t }) => /* @__PURE__ */ i("svg", {
   x: B(e.x0),
   y: B(e.y0),
   width: B(e.x1 - e.x0),
@@ -575,180 +604,180 @@ var $r = ({ shouldAnimateTransitions: e, cx: t, cy: n, r, ...s }) => e ? /* @__P
   overflow: "hidden",
   pointerEvents: "none",
   children: t
-}), ht = "drqe3u0", pt = "drqe3u1", ft = "drqe3u2", vt = "drqe3u3", $ = "drqe3u4", yt = "drqe3u5", St = "drqe3u6", bt = "drqe3u7", O = "drqe3u8", Et = "drqe3u9", Tt = "drqe3ua";
-var Rt = "drqe3uc", Nt = "drqe3ud", Ct = "drqe3ue", qt = "drqe3uf";
-var Dt = "drqe3uh", Gt = "drqe3ui", se = {
+}), ft = "drqe3u0", vt = "drqe3u1", yt = "drqe3u2", St = "drqe3u3", $ = "drqe3u4", bt = "drqe3u5", Et = "drqe3u6", Tt = "drqe3u7", O = "drqe3u8", Rt = "drqe3u9", Nt = "drqe3ua";
+var Ct = "drqe3uc", Gt = "drqe3ud", qt = "drqe3ue", Dt = "drqe3uf";
+var It = "drqe3uh", kt = "drqe3ui", ae = {
   enabled: "drqe3uk drqe3uj",
   disabled: "drqe3ul drqe3uj"
-}, oe = {
+}, ie = {
   ran: "drqe3un drqe3um",
   dim: "drqe3uo drqe3um"
 }, de = {
   ran: "drqe3uq drqe3up",
   cached: "drqe3ur drqe3up",
   untouched: "drqe3us drqe3up"
-}, Ar = ({ width: e = 440, style: t, className: n } = {}) => {
-  const { compileBus: r } = W(), [s] = b(() => Je()), [i, a] = b(!1), [l, d] = b(Ie);
-  M(() => {
+}, Fr = ({ width: e = 440, style: t, className: n } = {}) => {
+  const { compileBus: r } = X(), [s] = b(() => Ze()), [c, a] = b(!1), [l, d] = b(ke);
+  H(() => {
     const { recordCompile: u } = s.getState(), m = r.getLastTrigger(), C = r.getLastCompile();
     return m && C && u(m, C), r.subscribe(u);
   }, [s, r]);
-  const g = U(s, (u) => u.lastCompile), E = U(s, (u) => u.history), G = r.getCacheStats(), N = g === null && E.length === 0, h = () => {
+  const g = W(s, (u) => u.lastCompile), E = W(s, (u) => u.history), D = r.getCacheStats(), N = g === null && E.length === 0, h = () => {
     d((u) => {
       const m = !u;
-      return ke(m), m;
+      return _e(m), m;
     });
   };
   return /* @__PURE__ */ v("div", {
-    className: Me(Tt, n),
+    className: xe(Nt, n),
     style: {
       width: e,
       ...t
     },
     children: [
       /* @__PURE__ */ v("div", {
-        className: ht,
-        children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ c("div", {
-          className: pt,
+        className: ft,
+        children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ i("div", {
+          className: vt,
           children: "compile cache"
-        }), /* @__PURE__ */ c("div", {
-          className: Ct,
-          children: N ? "production: stats disabled" : g ? `last: ${g.label} · ${X(g.durationMs)}` : "awaiting first compile…"
-        })] }), /* @__PURE__ */ c("button", {
+        }), /* @__PURE__ */ i("div", {
+          className: qt,
+          children: N ? "production: stats disabled" : g ? `last: ${g.label} · ${J(g.durationMs)}` : "awaiting first compile…"
+        })] }), /* @__PURE__ */ i("button", {
           type: "button",
           onClick: () => a((u) => !u),
-          className: qt,
-          children: i ? "▾" : "▴"
+          className: Dt,
+          children: c ? "▾" : "▴"
         })]
       }),
-      !i && /* @__PURE__ */ v("div", {
+      !c && /* @__PURE__ */ v("div", {
         className: "drqe3ub",
         children: [/* @__PURE__ */ v("button", {
           type: "button",
           onClick: h,
-          className: l ? se.enabled : se.disabled,
+          className: l ? ae.enabled : ae.disabled,
           "aria-pressed": l,
           children: ["cache ", l ? "enabled" : "disabled"]
-        }), /* @__PURE__ */ c("span", {
+        }), /* @__PURE__ */ i("span", {
           className: "drqe3ug",
           children: "next compile reflects this toggle"
         })]
       }),
-      !i && !N && /* @__PURE__ */ v(He, { children: [/* @__PURE__ */ c(It, {
+      !c && !N && /* @__PURE__ */ v(He, { children: [/* @__PURE__ */ i(wt, {
         delta: g?.stages,
         durations: g?.stageDurationsMs,
-        cumulative: G
-      }), /* @__PURE__ */ c(wt, { entries: E })] })
+        cumulative: D
+      }), /* @__PURE__ */ i(_t, { entries: E })] })
     ]
   });
-}, It = ({ delta: e, durations: t, cumulative: n }) => /* @__PURE__ */ v("table", {
-  className: ft,
-  children: [/* @__PURE__ */ c("thead", { children: /* @__PURE__ */ v("tr", {
-    className: Dt,
+}, wt = ({ delta: e, durations: t, cumulative: n }) => /* @__PURE__ */ v("table", {
+  className: yt,
+  children: [/* @__PURE__ */ i("thead", { children: /* @__PURE__ */ v("tr", {
+    className: It,
     children: [
-      /* @__PURE__ */ c("th", {
-        className: vt,
+      /* @__PURE__ */ i("th", {
+        className: St,
         children: "stage"
       }),
-      /* @__PURE__ */ c("th", {
+      /* @__PURE__ */ i("th", {
         className: $,
         children: "time"
       }),
-      /* @__PURE__ */ c("th", {
+      /* @__PURE__ */ i("th", {
         className: $,
         children: "Δ miss"
       }),
-      /* @__PURE__ */ c("th", {
+      /* @__PURE__ */ i("th", {
         className: $,
         children: "Δ hit"
       }),
-      /* @__PURE__ */ c("th", {
+      /* @__PURE__ */ i("th", {
         className: $,
         children: "total miss"
       }),
-      /* @__PURE__ */ c("th", {
+      /* @__PURE__ */ i("th", {
         className: $,
         children: "total hit"
       })
     ]
-  }) }), /* @__PURE__ */ c("tbody", { children: V.map((r) => {
-    const s = e?.[r], i = kt(s);
+  }) }), /* @__PURE__ */ i("tbody", { children: Q.map((r) => {
+    const s = e?.[r], c = Pt(s);
     return /* @__PURE__ */ v("tr", {
-      className: Rt,
+      className: Ct,
       children: [
         /* @__PURE__ */ v("td", {
-          className: yt,
+          className: bt,
           children: [
-            /* @__PURE__ */ c("span", {
-              className: de[i],
+            /* @__PURE__ */ i("span", {
+              className: de[c],
               "aria-hidden": !0
             }),
             " ",
             r
           ]
         }),
-        /* @__PURE__ */ c("td", {
+        /* @__PURE__ */ i("td", {
           className: O,
-          children: t === void 0 || i === "untouched" ? "—" : X(t[r])
+          children: t === void 0 || c === "untouched" ? "—" : J(t[r])
         }),
-        /* @__PURE__ */ c("td", {
-          className: i === "ran" ? oe.ran : oe.dim,
+        /* @__PURE__ */ i("td", {
+          className: c === "ran" ? ie.ran : ie.dim,
           children: s?.misses ?? 0
         }),
-        /* @__PURE__ */ c("td", {
+        /* @__PURE__ */ i("td", {
           className: O,
           children: s?.hits ?? 0
         }),
-        /* @__PURE__ */ c("td", {
+        /* @__PURE__ */ i("td", {
           className: O,
           children: n[r].misses
         }),
-        /* @__PURE__ */ c("td", {
+        /* @__PURE__ */ i("td", {
           className: O,
           children: n[r].hits
         })
       ]
     }, r);
   }) })]
-}), wt = ({ entries: e }) => e.length === 0 ? null : /* @__PURE__ */ v("div", {
-  className: Nt,
-  children: [/* @__PURE__ */ c("div", {
-    className: Gt,
+}), _t = ({ entries: e }) => e.length === 0 ? null : /* @__PURE__ */ v("div", {
+  className: Gt,
+  children: [/* @__PURE__ */ i("div", {
+    className: kt,
     children: "recent compiles"
   }), e.map((t) => {
-    const n = _t(t.stages, (i) => i.misses > 0), r = V.length;
+    const n = Lt(t.stages, (c) => c.misses > 0), r = Q.length;
     return /* @__PURE__ */ v("div", {
-      className: St,
+      className: Et,
       children: [
-        /* @__PURE__ */ c("span", {
+        /* @__PURE__ */ i("span", {
           className: de[n === 0 ? "cached" : "ran"],
           "aria-hidden": !0
         }),
-        /* @__PURE__ */ c("span", {
-          className: bt,
+        /* @__PURE__ */ i("span", {
+          className: Tt,
           title: t.label,
           children: t.label
         }),
         /* @__PURE__ */ v("span", {
-          className: Et,
+          className: Rt,
           children: [
             n,
             "/",
             r,
             " ran · ",
-            X(t.durationMs)
+            J(t.durationMs)
           ]
         })
       ]
     }, t.id);
   })]
-}), kt = (e) => !e || e.hits === 0 && e.misses === 0 ? "untouched" : e.misses > 0 ? "ran" : "cached", _t = (e, t) => {
+}), Pt = (e) => !e || e.hits === 0 && e.misses === 0 ? "untouched" : e.misses > 0 ? "ran" : "cached", Lt = (e, t) => {
   let n = 0;
-  for (const r of V) t(e[r]) && (n += 1);
+  for (const r of Q) t(e[r]) && (n += 1);
   return n;
-}, X = (e) => e < 0.1 ? "<0.1ms" : e >= 10 ? `${e.toFixed(0)}ms` : `${e.toFixed(2)}ms`, Br = () => {
-  const { history: e } = W(), { stack: t, undo: n, redo: r } = e, s = f((l) => t.subscribe(l), [t]), i = f(() => t.getSnapshot(), [t]), a = $e(s, i, i);
-  return H(() => ({
+}, J = (e) => e < 0.1 ? "<0.1ms" : e >= 10 ? `${e.toFixed(0)}ms` : `${e.toFixed(2)}ms`, jr = () => {
+  const { history: e } = X(), { stack: t, undo: n, redo: r } = e, s = f((l) => t.subscribe(l), [t]), c = f(() => t.getSnapshot(), [t]), a = Me(s, c, c);
+  return M(() => ({
     ...a,
     undo: n,
     redo: r
@@ -757,7 +786,7 @@ var Dt = "drqe3uh", Gt = "drqe3ui", se = {
     n,
     r
   ]);
-}, Lt = /* @__PURE__ */ new Set([
+}, $t = /* @__PURE__ */ new Set([
   "button",
   "checkbox",
   "color",
@@ -768,82 +797,84 @@ var Dt = "drqe3uh", Gt = "drqe3ui", se = {
   "range",
   "reset",
   "submit"
-]), Or = (e, t = {}) => {
+]), Ur = (e, t = {}) => {
   const { target: n, enabled: r = !0 } = t;
-  M(() => {
-    const s = Pt(n);
+  H(() => {
+    const s = Mt(n);
     if (!r || !s) return;
-    const i = (a) => {
-      if (!$t(a) || a.defaultPrevented || Ht(a.target)) return;
-      const l = ye(a);
+    const c = (a) => {
+      if (!Ht(a) || a.defaultPrevented || xt(a.target)) return;
+      const l = Se(a);
       if (!l) return;
       const d = e.current;
       d && (l === "undo" ? d.undo() : d.redo()) && a.preventDefault();
     };
-    return s.addEventListener("keydown", i), () => s.removeEventListener("keydown", i);
+    return s.addEventListener("keydown", c), () => s.removeEventListener("keydown", c);
   }, [
     e,
     n,
     r
   ]);
-}, Pt = (e) => e === void 0 ? window : e !== null && "current" in e ? e.current : e, $t = (e) => "key" in e, Ht = (e) => e instanceof HTMLInputElement ? !Lt.has(e.type) : e instanceof HTMLElement ? e.isContentEditable || e.tagName === "TEXTAREA" : !1, Kr = () => {
-  const { targetBoundaryStore: e } = W();
-  return U(e, (t) => t.boundary);
+}, Mt = (e) => e === void 0 ? window : e !== null && "current" in e ? e.current : e, Ht = (e) => "key" in e, xt = (e) => e instanceof HTMLInputElement ? !$t.has(e.type) : e instanceof HTMLElement ? e.isContentEditable || e.tagName === "TEXTAREA" : !1, Yr = () => {
+  const { targetBoundaryStore: e } = X();
+  return W(e, (t) => t.boundary);
 };
 export {
-  Nr as BrandMark,
-  Kt as CanvasTextMeasurer,
-  Ut as DefaultFooter,
-  fr as DefaultGrid,
-  Ft as DefaultHeader,
-  Yt as DefaultSwatch,
-  ur as DefaultTooltip,
-  Ar as DevToolsPanel,
-  nr as GRAPH_MODES,
-  $r as GeomCircle,
-  Hr as GeomLine,
-  je as GraphErrorBoundary,
-  te as GraphErrorPanel,
-  gt as GraphProvider,
-  Jt as GraphRenderer,
-  Tr as HoverProvider,
-  Vt as IntroFade,
-  Qt as IntroWipeClip,
-  Bt as TextMeasurerProvider,
-  tr as ThemeProvider,
-  xr as UnitBoxSvg,
-  Mr as UnitSpaceSvg,
-  yr as buildDotsEditOutlineShapes,
-  Pr as createGraphyKit,
-  Sr as darkTheme,
-  cr as defineGeomRenderer,
-  rr as lightTheme,
-  jt as lightenCss,
-  ar as projectPointCartesian,
-  Ue as pruneSelection,
-  At as resolveBrandMarkVisual,
-  hr as scalePointToPanel,
-  xt as stampAxisEditTarget,
-  ir as stampGridEditTarget,
-  Wt as stampLegendEditTarget,
-  Rr as useElementScreenRect,
-  Ot as useGeomHitTest,
-  br as useGeomHover,
-  Zt as useGeomReaderTree,
-  mr as useGeomStyleReader,
-  dr as useGraphCommands,
-  or as useGraphHandle,
-  Br as useGraphHistory,
-  Or as useGraphHistoryShortcuts,
-  sr as useGraphSelection,
-  Er as useGuidesTakePress,
-  gr as useHandleScene,
-  pr as useHoverState,
-  Xt as useResolvedStyle,
-  lr as useSceneSelector,
-  vr as useStyleReaderTree,
-  er as useStyleResolver,
-  Kr as useTargetBoundary,
-  zt as useTextMeasurer,
-  qr as vars
+  Gr as BrandMark,
+  jt as CanvasTextMeasurer,
+  Wt as DefaultFooter,
+  yr as DefaultGrid,
+  Ut as DefaultHeader,
+  Vt as DefaultSwatch,
+  gr as DefaultTooltip,
+  Fr as DevToolsPanel,
+  or as GRAPH_MODES,
+  Hr as GeomCircle,
+  xr as GeomLine,
+  Br as GeomPath,
+  Ar as GeomRect,
+  Ue as GraphErrorBoundary,
+  ne as GraphErrorPanel,
+  ht as GraphProvider,
+  er as GraphRenderer,
+  Nr as HoverProvider,
+  Qt as IntroFade,
+  zt as IntroWipeClip,
+  Kt as TextMeasurerProvider,
+  nr as ThemeProvider,
+  Kr as UnitBoxSvg,
+  Or as UnitSpaceSvg,
+  br as buildDotsEditOutlineShapes,
+  Mr as createGraphyKit,
+  Er as darkTheme,
+  dr as defineGeomRenderer,
+  sr as lightTheme,
+  Yt as lightenCss,
+  cr as projectPointCartesian,
+  Ye as pruneSelection,
+  Ot as resolveBrandMarkVisual,
+  fr as scalePointToPanel,
+  Bt as stampAxisEditTarget,
+  lr as stampGridEditTarget,
+  Xt as stampLegendEditTarget,
+  Cr as useElementScreenRect,
+  Ft as useGeomHitTest,
+  Tr as useGeomHover,
+  tr as useGeomReaderTree,
+  hr as useGeomStyleReader,
+  mr as useGraphCommands,
+  ir as useGraphHandle,
+  jr as useGraphHistory,
+  Ur as useGraphHistoryShortcuts,
+  ar as useGraphSelection,
+  Rr as useGuidesTakePress,
+  pr as useHandleScene,
+  vr as useHoverState,
+  Jt as useResolvedStyle,
+  ur as useSceneSelector,
+  Sr as useStyleReaderTree,
+  rr as useStyleResolver,
+  Yr as useTargetBoundary,
+  Zt as useTextMeasurer,
+  Dr as vars
 };