@graphysdk/react-renderer 1.9.0-beta.1793272487821 → 1.9.0-beta.1793288163741

package/dist/index.mjs

@@ -1,39 +1,39 @@
-import { $t as or, An as Ne, At as ar, B as ir, Bt as cr, Cn as lr, Dn as dr, Dt as ur, En as mr, Ft as J, Ht as W, Jt as Ge, M as hr, Mn as Ce, Mt as gr, N as pr, Nt as vr, On as fr, Pn as Z, Qt as yr, R as Sr, Rt as Ie, Sn as br, Tn as Er, Tt as Tr, Ut as De, V as Rr, Vt as Nr, Wt as Gr, Xt as Cr, Zt as Ir, _n as we, _t as Dr, a as wr, at as Pr, bn as qr, ct as _r, dn as B, fn as fe, gn as kr, h as Lr, hn as z, i as Hr, j as $r, jn as te, jt as Mr, kn as xr, ln as Br, mn as Pe, mt as Ar, n as Or, on as Kr, ot as Fr, pn as qe, qt as jr, r as Ur, rn as Wr, s as zr, t as _e, un as ye, vn as Y, vt as Yr, w as Vr, wn as Xr, yn as V, z as Qr, zt as ke } from "./history-chords-Dhts8KCW.js";
-import { COMPILER_STAGE_KEYS as re, Geom as Le, GraphCompilationSession as He, areEditTargetsEqual as $e, buildDiagnostic as oe, createAnchorResolver as Me, createCompiler as xe, createDataLabelPlacementResolver as Be, createSpecBuilder as Ae, createStyleResolver as Se, findAnnotation as Oe, findLayerById as ae, isCompilerCachingEnabled as Ke, resolveDefinition as Fe, resolveGeomCornerRadiusPx as ie, setCompilerCachingEnabled as je, toPercent as j } from "@graphysdk/viz-engine";
-import { Component as Ue, useCallback as v, useEffect as x, useId as We, useImperativeHandle as ze, useMemo as _, useRef as ce, useState as b, useSyncExternalStore as Ye } from "react";
-import { Fragment as Ve, jsx as c, jsxs as f } from "react/jsx-runtime";
-import { useStore as ee } from "zustand";
-import { motion as X } from "motion/react";
-import { createStore as ne } from "zustand/vanilla";
-import Xe from "clsx";
-import './index.css';var Qe = "_1a5iqpb0", Je = "_1a5iqpb1";
-var Ze = "_1a5iqpb3", et = "_1a5iqpb4", tt = "_1a5iqpb5";
-var le = ({ errors: e }) => {
+import { $t as ar, An as Ne, At as ir, B as cr, Bt as lr, Cn as dr, Dn as ur, Dt as mr, En as hr, Ft as Z, Ht as z, Jt as Ce, M as gr, Mn as Ie, Mt as pr, N as fr, Nt as vr, On as yr, Pn as ee, Qt as Sr, R as br, Rt as De, Sn as Er, Tn as Tr, Tt as Rr, Ut as we, V as Gr, Vt as Nr, Wt as Cr, Xt as Ir, Zt as Dr, _n as Pe, _t as wr, a as Pr, at as qr, bn as _r, ct as kr, dn as A, fn as ye, gn as Lr, h as Hr, hn as Y, i as $r, j as Mr, jn as re, jt as xr, kn as Br, ln as Ar, mn as qe, mt as Or, n as Kr, on as Fr, ot as jr, pn as _e, qt as Ur, r as Wr, rn as zr, s as Yr, t as ke, un as Se, vn as V, vt as Vr, w as Xr, wn as Qr, yn as X, z as Jr, zt as Le } from "./history-chords-CaoYNtzG.js";
+import { COMPILER_STAGE_KEYS as ne, Geom as He, GraphCompilationSession as $e, areEditTargetsEqual as Me, buildDiagnostic as ae, createAnchorResolver as xe, createCompiler as Be, createDataLabelPlacementResolver as Ae, createSpecBuilder as Oe, createStyleResolver as be, findAnnotation as Ke, findLayerById as ie, isCompilerCachingEnabled as Fe, resolveDefinition as je, resolveGeomCornerRadiusPx as ce, setCompilerCachingEnabled as Ue, toPercent as U } from "@graphysdk/viz-engine";
+import { Component as We, useCallback as p, useEffect as B, useId as ze, useImperativeHandle as Ye, useMemo as L, useRef as le, useState as S, useSyncExternalStore as Ve } from "react";
+import { Fragment as Xe, jsx as c, jsxs as f } from "react/jsx-runtime";
+import { useStore as te } from "zustand";
+import { motion as Q } from "motion/react";
+import { createStore as se } from "zustand/vanilla";
+import Qe from "clsx";
+import './index.css';var Je = "_1a5iqpb0", Ze = "_1a5iqpb1";
+var et = "_1a5iqpb3", tt = "_1a5iqpb4", rt = "_1a5iqpb5";
+var de = ({ errors: e }) => {
   const [t, ...r] = e;
   return /* @__PURE__ */ f("div", {
     role: "alert",
-    className: Qe,
+    className: Je,
     children: [
       /* @__PURE__ */ c("strong", {
-        className: Je,
+        className: Ze,
         children: "This chart could not be rendered."
       }),
-      t && /* @__PURE__ */ c(de, { diagnostic: t }),
+      t && /* @__PURE__ */ c(ue, { diagnostic: t }),
       r.length > 0 && /* @__PURE__ */ c("ul", {
         className: "_1a5iqpb2",
-        children: r.map((n, s) => /* @__PURE__ */ c("li", { children: /* @__PURE__ */ c(de, { diagnostic: n }) }, `${n.code}-${s}`))
+        children: r.map((n, s) => /* @__PURE__ */ c("li", { children: /* @__PURE__ */ c(ue, { diagnostic: n }) }, `${n.code}-${s}`))
       })
     ]
   });
-}, de = ({ diagnostic: e }) => /* @__PURE__ */ f("div", {
-  className: Ze,
+}, ue = ({ diagnostic: e }) => /* @__PURE__ */ f("div", {
+  className: et,
   children: [
     /* @__PURE__ */ c("span", {
-      className: et,
+      className: tt,
       children: e.code
     }),
     /* @__PURE__ */ c("p", {
-      className: tt,
+      className: rt,
       children: e.message
     }),
     e.suggestion && /* @__PURE__ */ c("p", {
@@ -42,47 +42,47 @@ var le = ({ errors: e }) => {
     })
   ]
 });
-function rt(e = [], t = []) {
+function nt(e = [], t = []) {
   return e.length === t.length && e.every((r, n) => Object.is(r, t[n]));
 }
-var nt = class extends Ue {
+var st = class extends We {
   constructor(...e) {
     super(...e), this.state = { caughtDiagnostic: null };
   }
   static getDerivedStateFromError(e) {
-    return { caughtDiagnostic: oe(e) };
+    return { caughtDiagnostic: ae(e) };
   }
   componentDidCatch(e, t) {
-    const r = oe(e);
-    Z([r]), this.props.onError?.([r]), console.error("Chart render component stack:", t.componentStack);
+    const r = ae(e);
+    ee([r]), this.props.onError?.([r]), console.error("Chart render component stack:", t.componentStack);
   }
   componentDidUpdate(e) {
-    this.state.caughtDiagnostic && !rt(e.resetKeys, this.props.resetKeys) && this.setState({ caughtDiagnostic: null });
+    this.state.caughtDiagnostic && !nt(e.resetKeys, this.props.resetKeys) && this.setState({ caughtDiagnostic: null });
   }
   render() {
     const { caughtDiagnostic: e } = this.state;
-    if (e) return /* @__PURE__ */ c(le, { errors: [e] });
+    if (e) return /* @__PURE__ */ c(de, { errors: [e] });
     const { forcedErrors: t, children: r } = this.props;
-    return t && t.length > 0 ? /* @__PURE__ */ c(le, { errors: t }) : r;
+    return t && t.length > 0 ? /* @__PURE__ */ c(de, { errors: t }) : r;
   }
-}, be = (e) => typeof e == "object" && "geom" in e && "render" in e, Ee = (e) => {
-  const t = Fe(e);
-  return t instanceof Le ? t : null;
-}, st = (e, t) => {
-  const r = e.filter((n) => ot(n, t));
+}, Ee = (e) => typeof e == "object" && "geom" in e && "render" in e, Te = (e) => {
+  const t = je(e);
+  return t instanceof He ? t : null;
+}, ot = (e, t) => {
+  const r = e.filter((n) => at(n, t));
   return r.length === e.length ? e : r;
-}, ot = (e, t) => e.kind === "annotation" ? Oe(t.annotations, e.id) !== null : e.kind === "observations" ? ae(t.layers, e.layerId) !== void 0 : e.kind === "layer" && e.layerId !== void 0 ? ae(t.layers, e.layerId) !== void 0 : !0, ue = [], at = () => ne((e) => ({
-  selection: ue,
-  setSelection: (t) => e((r) => it(r.selection, t) ? r : { selection: t }),
-  clearSelection: () => e((t) => t.selection.length === 0 ? t : { selection: ue })
-})), it = (e, t) => e === t ? !0 : e.length !== t.length ? !1 : e.every((r, n) => {
+}, at = (e, t) => e.kind === "annotation" ? Ke(t.annotations, e.id) !== null : e.kind === "observations" ? ie(t.layers, e.layerId) !== void 0 : e.kind === "layer" && e.layerId !== void 0 ? ie(t.layers, e.layerId) !== void 0 : !0, me = [], it = () => se((e) => ({
+  selection: me,
+  setSelection: (t) => e((r) => ct(r.selection, t) ? r : { selection: t }),
+  clearSelection: () => e((t) => t.selection.length === 0 ? t : { selection: me })
+})), ct = (e, t) => e === t ? !0 : e.length !== t.length ? !1 : e.every((r, n) => {
   const s = t[n];
-  return s !== void 0 && $e(r, s);
-}), ct = process.env.NODE_ENV !== "production", lt = 5, dt = (e) => {
-  if (!ct) return {
+  return s !== void 0 && Me(r, s);
+}), lt = process.env.NODE_ENV !== "production", dt = 5, ut = (e) => {
+  if (!lt) return {
     emit: () => {
     },
-    subscribe: () => mt,
+    subscribe: () => ht,
     getLastTrigger: () => null,
     getLastCompile: () => null,
     getCacheStats: () => e.getCacheStats()
@@ -104,7 +104,7 @@ var nt = class extends Ue {
     getLastCompile: () => e.getLastCompile(),
     getCacheStats: () => e.getCacheStats()
   };
-}, ut = () => ne((e) => ({
+}, mt = () => se((e) => ({
   lastCompile: null,
   history: [],
   nextId: 1,
@@ -113,20 +113,20 @@ var nt = class extends Ue {
     if (n.lastSnapshot === r) return n;
     const s = {
       id: n.nextId,
-      label: ht(t),
+      label: gt(t),
       stages: r.stages,
       stageDurationsMs: r.stageDurationsMs,
       durationMs: r.durationMs
     };
     return {
       lastCompile: s,
-      history: gt(n.history, s, lt),
+      history: pt(n.history, s, dt),
       nextId: n.nextId + 1,
       lastSnapshot: r
     };
   })
-})), mt = () => {
-}, ht = (e) => {
+})), ht = () => {
+}, gt = (e) => {
   switch (e.kind) {
     case "init":
       return "init";
@@ -137,14 +137,14 @@ var nt = class extends Ue {
     case "command":
       return e.command.metadata.description;
   }
-}, gt = (e, t, r) => {
+}, pt = (e, t, r) => {
   const n = e.length >= r ? e.length - (r - 1) : 0;
   return [...e.slice(n), t];
 };
-function me(e) {
-  const t = e.filter(be), r = /* @__PURE__ */ new Set([...Object.keys(De), ...t.map((l) => l.geom)]), n = [], s = /* @__PURE__ */ new Set();
+function he(e) {
+  const t = e.filter(Ee), r = /* @__PURE__ */ new Set([...Object.keys(we), ...t.map((l) => l.geom)]), n = [], s = /* @__PURE__ */ new Set();
   for (const l of e) {
-    const d = Ee(l);
+    const d = Te(l);
     d === null || r.has(d.type) || s.has(d.type) || (s.add(d.type), n.push({
       kind: "userInput",
       severity: "error",
@@ -160,32 +160,32 @@ function me(e) {
   const i = /* @__PURE__ */ new Map();
   for (const l of t) {
     if ("definition" in l) continue;
-    const d = `${l.geom}|${l.coord}`, m = i.get(d);
-    m ? m.count += 1 : i.set(d, {
+    const d = `${l.geom}|${l.coord}`, h = i.get(d);
+    h ? h.count += 1 : i.set(d, {
       geom: l.geom,
       coord: l.coord,
       count: 1
     });
   }
   const a = [];
-  for (const { geom: l, coord: d, count: m } of i.values())
-    m < 2 || a.push({
+  for (const { geom: l, coord: d, count: h } of i.values())
+    h < 2 || a.push({
       kind: "userInput",
       severity: "warning",
       code: "DUPLICATE_REGISTERED_TYPE",
-      message: `Multiple render-only overrides register ('${l}', '${d}') (${m} entries); the last in the array wins.`,
+      message: `Multiple render-only overrides register ('${l}', '${d}') (${h} entries); the last in the array wins.`,
       context: {
         requested: `${l}@${d}`,
         kind: "geom-renderer"
       },
       suggestion: `Keep a single render-only override for ('${l}', '${d}').`
     });
-  return a.push(...Rt(e)), {
+  return a.push(...Gt(e)), {
     errors: n,
     warnings: a
   };
 }
-function pt(e, t) {
+function ft(e, t) {
   const { coordSystem: r, layers: n } = e, s = /* @__PURE__ */ new Set(), i = [];
   for (const a of n)
     t(a.geom, r.type) !== null || s.has(a.geom) || (s.add(a.geom), i.push({
@@ -206,7 +206,7 @@ function vt(e, t) {
   for (const a of n) {
     if (a.interactive === !1 || a.spatialKind !== "renderHitTest" || s.has(a.geom)) continue;
     const l = t(a.geom, r.type);
-    l === null || l.hitTest || W(l) || (s.add(a.geom), i.push({
+    l === null || l.hitTest || z(l) || (s.add(a.geom), i.push({
       kind: "userInput",
       severity: "warning",
       code: "MISSING_RENDER_HIT_TEST",
@@ -220,7 +220,7 @@ function vt(e, t) {
   }
   return i;
 }
-function ft(e) {
+function yt(e) {
   const t = /* @__PURE__ */ new Set(), r = [];
   for (const n of e.layers) {
     const s = n.identityKey;
@@ -238,12 +238,12 @@ function ft(e) {
   }
   return r;
 }
-function yt(e, t) {
+function St(e, t) {
   const { coordSystem: r, layers: n } = e, s = /* @__PURE__ */ new Set(), i = [];
   for (const a of n) {
     if (a.interactive === !1 || a.spatialKind !== "renderHitTest" || s.has(a.geom)) continue;
     const l = t(a.geom, r.type);
-    l === null || !l.hitTest || !W(l) || (s.add(a.geom), i.push({
+    l === null || !l.hitTest || !z(l) || (s.add(a.geom), i.push({
       kind: "userInput",
       severity: "warning",
       code: "CONFLICTING_RENDER_HIT_TEST",
@@ -257,7 +257,7 @@ function yt(e, t) {
   }
   return i;
 }
-function St(e, t) {
+function bt(e, t) {
   const r = /* @__PURE__ */ new Set(), n = [];
   for (const s of e.layers)
     s.interactive !== !1 && (s.spatialKind !== "renderHitTest" || r.has(s.geom) || t.hasCapability(s.geom) || (r.add(s.geom), n.push({
@@ -273,12 +273,12 @@ function St(e, t) {
     })));
   return n;
 }
-function bt(e, t) {
+function Et(e, t) {
   const { coordSystem: r, layers: n } = e, s = /* @__PURE__ */ new Set(), i = [];
   for (const a of n) {
     if (a.interactive === !1 || a.spatialKind === "renderHitTest" || s.has(a.geom)) continue;
     const l = t(a.geom, r.type);
-    l === null || !W(l) || (s.add(a.geom), i.push({
+    l === null || !z(l) || (s.add(a.geom), i.push({
       kind: "userInput",
       severity: "warning",
       code: "LIVE_RENDER_REQUIRES_RENDER_HIT_TEST",
@@ -292,9 +292,9 @@ function bt(e, t) {
   }
   return i;
 }
-function Et(e, t) {
+function Tt(e, t) {
   let r;
-  return e.layers.flatMap((n, s) => W(t(n.geom, e.coordSystem.type)) ? Tt(n) ? (r ??= Se().readers(e), (r.geom(n).get("overpaint", void 0, "hovered")?.length ?? 0) === 0 ? [] : [{
+  return e.layers.flatMap((n, s) => z(t(n.geom, e.coordSystem.type)) ? Rt(n) ? (r ??= be().readers(e), (r.geom(n).get("overpaint", void 0, "hovered")?.length ?? 0) === 0 ? [] : [{
     kind: "userInput",
     severity: "warning",
     code: "INVALID_STYLE_RULE",
@@ -307,11 +307,11 @@ function Et(e, t) {
     suggestion: "Remove the hovered overpaint, or paint the hover treatment in the geom's live render."
   }]) : [] : []);
 }
-var Tt = (e) => [e.styles.defaults, e.styles.overrides].some((t) => t.some((r) => r.state === "hovered" && (r.declarations.overpaint?.length ?? 0) > 0));
-function Rt(e) {
+var Rt = (e) => [e.styles.defaults, e.styles.overrides].some((t) => t.some((r) => r.state === "hovered" && (r.declarations.overpaint?.length ?? 0) > 0));
+function Gt(e) {
   const t = /* @__PURE__ */ new Set(), r = [];
   for (const n of e) {
-    const s = Ee(n);
+    const s = Te(n);
     s === null || t.has(s.type) || s.dataLabelCoordTypes.length === 0 || s.getDataLabelPlacements !== void 0 || (t.add(s.type), r.push({
       kind: "userInput",
       severity: "warning",
@@ -326,64 +326,65 @@ function Rt(e) {
   }
   return r;
 }
-var Nt = (e) => ne((t) => ({
+var Nt = (e) => se((t) => ({
   scene: e,
   setScene: (r) => t((n) => n.scene === r ? n : { scene: r })
-})), Gt = ({ spec: e, data: t, colorScheme: r, plugins: n, theme: s, resolveRenderer: i, anchorResolver: a, onSpecChange: l, onError: d, onWarnings: m }) => {
-  const G = J(l), C = J(d), T = J(m), [{ session: g, compileBus: u }] = b(() => {
-    const o = xe({
+})), Ct = ({ spec: e, data: t, colorScheme: r, plugins: n, theme: s, resolveRenderer: i, anchorResolver: a, onSpecChange: l, onError: d, onWarnings: h }) => {
+  const G = Z(l), N = Z(d), E = Z(h), [{ session: g, compileBus: u, findGeom: T }] = S(() => {
+    const o = Be({
       plugins: n,
       theme: s
     });
     return {
-      session: new He(o),
-      compileBus: dt(o)
+      session: new $e(o),
+      compileBus: ut(o),
+      findGeom: (m) => o.findGeom(m)
     };
-  }), [p] = b(() => {
-    const o = me(n ?? []), h = me(s?.plugins ?? []);
+  }), [v] = S(() => {
+    const o = he(n ?? []), m = he(s?.plugins ?? []);
     return {
-      errors: [...h.errors, ...o.errors],
-      warnings: [...h.warnings, ...o.warnings]
+      errors: [...m.errors, ...o.errors],
+      warnings: [...m.warnings, ...o.warnings]
     };
-  }), R = ce(null), [y] = b(Ct), I = ce(null), P = v((o) => p.errors.length === 0 ? o : [...p.errors, ...o ?? []], [p]), N = v((o) => {
+  }), R = le(null), [q] = S(It), C = le(null), b = p((o) => v.errors.length === 0 ? o : [...v.errors, ...o ?? []], [v]), _ = p((o) => {
     if (!o.ok) return o.errors;
-    if (I.current) I.current.getState().setScene(o.scene);
+    if (C.current) C.current.getState().setScene(o.scene);
     else {
-      const h = Nt(o.scene);
-      h.subscribe(y.notify), I.current = h, y.notify();
+      const m = Nt(o.scene);
+      m.subscribe(q.notify), C.current = m, q.notify();
     }
     return null;
-  }, [y]), [A, k] = b(() => {
+  }, [q]), [O, P] = S(() => {
     const o = g.compile({
       spec: e,
       data: t,
       colorScheme: r
     });
-    return R.current = o, P(N(o));
-  }), E = v((o) => o.ok ? [
+    return R.current = o, b(_(o));
+  }), I = p((o) => o.ok ? [
     ...o.warnings,
-    ...pt(o.scene, i),
+    ...ft(o.scene, i),
     ...vt(o.scene, i),
-    ...ft(o.scene),
-    ...yt(o.scene, i),
-    ...bt(o.scene, i),
+    ...yt(o.scene),
+    ...St(o.scene, i),
     ...Et(o.scene, i),
-    ...St(o.scene, a)
-  ] : o.warnings, [i, a]), D = v((o) => {
-    o.length !== 0 && (Z(o), C.current?.(o));
-  }, [C]), w = v((o) => {
-    o.length !== 0 && (Z(o), T.current?.(o));
-  }, [T]);
-  x(() => {
+    ...Tt(o.scene, i),
+    ...bt(o.scene, a)
+  ] : o.warnings, [i, a]), D = p((o) => {
+    o.length !== 0 && (ee(o), N.current?.(o));
+  }, [N]), w = p((o) => {
+    o.length !== 0 && (ee(o), E.current?.(o));
+  }, [E]);
+  B(() => {
     const o = R.current;
-    o && (D([...p.errors, ...o.ok ? [] : o.errors]), w([...p.warnings, ...E(o)]), o.ok && u.emit({ kind: "init" }));
+    o && (D([...v.errors, ...o.ok ? [] : o.errors]), w([...v.warnings, ...I(o)]), o.ok && u.emit({ kind: "init" }));
   }, [
     u,
     D,
     w,
-    p,
-    E
-  ]), x(() => {
+    v,
+    I
+  ]), B(() => {
     const o = g.update({
       spec: e,
       data: t,
@@ -391,64 +392,65 @@ var Nt = (e) => ne((t) => ({
     });
     if (!o) return;
     o.committedSpec && G.current?.(o.committedSpec);
-    const h = N(o.result);
-    k(P(h)), h && D(h), w(E(o.result)), h || u.emit({ kind: o.hasSpecChange ? "spec" : "data" });
+    const m = _(o.result);
+    P(b(m)), m && D(m), w(I(o.result)), m || u.emit({ kind: o.hasSpecChange ? "spec" : "data" });
   }, [
     e,
     t,
     r,
     g,
     u,
-    N,
+    _,
     D,
     w,
-    P,
-    E,
+    b,
+    I,
     G
   ]);
-  const L = v((o) => {
-    k((h) => h === null ? h : P(null)), w(E(o));
+  const K = p((o) => {
+    P((m) => m === null ? m : b(null)), w(I(o));
   }, [
-    P,
+    b,
     w,
-    E
-  ]), O = v((o) => {
-    o.scene && I.current?.getState().setScene(o.scene), o.result && L(o.result), o.command && u.emit({
+    I
+  ]), H = p((o) => {
+    o.scene && C.current?.getState().setScene(o.scene), o.result && K(o.result), o.command && u.emit({
       kind: "command",
       command: o.command
     }), o.spec && G.current?.(o.spec), o.errors && D([...o.errors]);
   }, [
-    L,
+    K,
     u,
     G,
     D
-  ]), S = v((o) => {
-    for (const h of o) O(h);
-    return o.some((h) => !!h.scene);
-  }, [O]), K = v((o, h) => {
-    S(g.applyCommand(o, h));
-  }, [g, S]), q = v(() => {
-    S(g.commit());
-  }, [g, S]), F = v(() => S(g.undo()), [g, S]), H = v(() => S(g.redo()), [g, S]), Q = _(() => ({
+  ]), y = p((o) => {
+    for (const m of o) H(m);
+    return o.some((m) => !!m.scene);
+  }, [H]), F = p((o, m) => {
+    y(g.applyCommand(o, m));
+  }, [g, y]), k = p(() => {
+    y(g.commit());
+  }, [g, y]), j = p(() => y(g.undo()), [g, y]), $ = p(() => y(g.redo()), [g, y]), J = L(() => ({
     stack: g.history,
-    undo: F,
-    redo: H
+    undo: j,
+    redo: $
   }), [
     g,
-    F,
-    H
-  ]), Re = v(() => I.current?.getState().scene ?? null, []);
+    j,
+    $
+  ]), Ge = p(() => C.current?.getState().scene ?? null, []);
   return {
-    store: I.current,
-    dispatch: K,
-    commit: q,
-    history: Q,
-    subscribe: y.subscribe,
-    getScene: Re,
+    store: C.current,
+    dispatch: F,
+    commit: k,
+    history: J,
+    subscribe: q.subscribe,
+    getScene: Ge,
     compileBus: u,
-    compileErrors: A
+    compileErrors: O,
+    findGeom: T
   };
-}, Ct = () => {
+}, It = () => {
   const e = /* @__PURE__ */ new Set();
   return {
     subscribe: (t) => (e.add(t), () => {
@@ -456,87 +458,89 @@ var Nt = (e) => ne((t) => ({
     }),
     notify: () => e.forEach((t) => t())
   };
-}, It = ({ data: e, spec: t, plugins: r = [], theme: n, formattingLocale: s, handleRef: i, onSpecChange: a, onError: l, onWarnings: d, colorScheme: m = "light", children: G }) => {
-  const [C] = b(() => n), T = C?.colorScheme ?? m, [g] = b(() => ke([...C?.plugins ?? [], ...r].filter(be))), u = We(), [p] = b(() => Me(r)), [R] = b(() => Be(r)), [y] = b(() => at()), [I] = b(() => Ie()), P = _(() => Se({ colorScheme: T }), [T]), { store: N, dispatch: A, commit: k, history: E, subscribe: D, getScene: w, compileBus: L, compileErrors: O } = Gt({
+}, Dt = ({ data: e, spec: t, plugins: r = [], theme: n, formattingLocale: s, handleRef: i, onSpecChange: a, onError: l, onWarnings: d, colorScheme: h = "light", children: G }) => {
+  const [N] = S(() => n), E = N?.colorScheme ?? h, [g] = S(() => Le([...N?.plugins ?? [], ...r].filter(Ee))), u = ze(), [T] = S(() => xe(r)), [v] = S(() => Ae(r)), [R] = S(() => it()), [q] = S(() => De()), C = L(() => be({ colorScheme: E }), [E]), { store: b, dispatch: _, commit: O, history: P, subscribe: I, getScene: D, compileBus: w, compileErrors: K, findGeom: H } = Ct({
     spec: t,
     data: e,
-    colorScheme: T,
+    colorScheme: E,
     plugins: r,
-    theme: C,
+    theme: N,
     resolveRenderer: g,
-    anchorResolver: p,
+    anchorResolver: T,
     onSpecChange: a,
     onError: l,
     onWarnings: d
   });
-  x(() => {
-    if (N)
-      return N.subscribe((q, F) => {
-        if (q.scene.spec === F.scene.spec) return;
-        const { selection: H, setSelection: Q } = y.getState();
-        H.length !== 0 && Q(st(H, q.scene.spec));
+  B(() => {
+    if (b)
+      return b.subscribe((k, j) => {
+        if (k.scene.spec === j.scene.spec) return;
+        const { selection: $, setSelection: J } = R.getState();
+        $.length !== 0 && J(ot($, k.scene.spec));
       });
-  }, [N, y]);
-  const S = _(() => ({
-    dispatch: A,
-    commit: k
-  }), [A, k]);
-  ze(i, () => ({
-    commands: S,
-    undo: E.undo,
-    redo: E.redo,
-    subscribe: D,
-    getScene: w,
-    getSelection: () => y.getState().selection,
-    setSelection: (q) => y.getState().setSelection(q),
-    subscribeSelection: y.subscribe,
-    canPlaceDataLabels: R.hasCapability,
-    canFormatDataLabelsAsPercentages: R.hasPercentageFormat
+  }, [b, R]);
+  const y = L(() => ({
+    dispatch: _,
+    commit: O
+  }), [_, O]);
+  Ye(i, () => ({
+    commands: y,
+    undo: P.undo,
+    redo: P.redo,
+    subscribe: I,
+    getScene: D,
+    getSelection: () => R.getState().selection,
+    setSelection: (k) => R.getState().setSelection(k),
+    subscribeSelection: R.subscribe,
+    canPlaceDataLabels: v.hasCapability,
+    canFormatDataLabelsAsPercentages: v.hasPercentageFormat
   }), [
-    S,
-    E,
-    D,
-    w,
     y,
-    R
+    P,
+    I,
+    D,
+    R,
+    v
   ]);
-  const K = _(() => N ? {
+  const F = L(() => b ? {
     chartId: u,
-    store: N,
-    selectionStore: y,
-    targetBoundaryStore: I,
-    commands: S,
-    history: E,
+    store: b,
+    selectionStore: R,
+    targetBoundaryStore: q,
+    commands: y,
+    history: P,
     formattingLocale: s,
-    compileBus: L,
-    colorScheme: T,
-    styleResolver: P,
-    anchorResolver: p
+    compileBus: w,
+    colorScheme: E,
+    styleResolver: C,
+    anchorResolver: T,
+    findGeom: H
   } : null, [
     u,
-    N,
+    b,
+    R,
+    q,
     y,
-    I,
-    S,
-    E,
+    P,
     s,
-    L,
+    w,
+    E,
+    C,
     T,
-    P,
-    p
+    H
   ]);
-  return /* @__PURE__ */ c(nt, {
-    forcedErrors: O,
+  return /* @__PURE__ */ c(st, {
+    forcedErrors: K,
     onError: l,
     resetKeys: [t, e],
-    children: K ? /* @__PURE__ */ c(Ne.Provider, {
-      value: K,
-      children: /* @__PURE__ */ c(Ge, {
+    children: F ? /* @__PURE__ */ c(Ne.Provider, {
+      value: F,
+      children: /* @__PURE__ */ c(Ce, {
         value: g,
-        children: /* @__PURE__ */ c(Ce, {
-          value: R,
-          children: /* @__PURE__ */ c(B, {
-            shapes: C?.shapes,
+        children: /* @__PURE__ */ c(Ie, {
+          value: v,
+          children: /* @__PURE__ */ c(A, {
+            shapes: N?.shapes,
             children: G
           })
         })
@@ -544,40 +548,40 @@ var Nt = (e) => ne((t) => ({
     }) : null
   });
 };
-function on({ theme: e, ...t } = {}) {
-  const r = Ae(t);
+function an({ theme: e, ...t } = {}) {
+  const r = Oe(t);
   return {
     ...r,
-    GraphProvider: (s) => /* @__PURE__ */ c(It, {
+    GraphProvider: (s) => /* @__PURE__ */ c(Dt, {
       ...s,
       plugins: r.plugins,
       theme: e
     })
   };
 }
-var M = (e, t) => {
+var x = (e, t) => {
   if (typeof e == "number") return Number.isFinite(e) ? e : null;
   if (!e.endsWith("%")) return null;
   const r = Number.parseFloat(e);
   return Number.isFinite(r) ? r / 100 * t : null;
-}, an = ({ x: e, y: t, width: r, height: n }, s) => {
-  const i = M(e, s.width), a = M(t, s.height), l = M(r, s.width), d = M(n, s.height);
+}, cn = ({ x: e, y: t, width: r, height: n }, s) => {
+  const i = x(e, s.width), a = x(t, s.height), l = x(r, s.width), d = x(n, s.height);
   return i === null || a === null || l === null || d === null ? null : {
     x: i,
     y: a,
     width: l,
     height: d
   };
-}, Dt = ({ animateTransitions: e, cx: t, cy: r, r: n, effects: s, ...i }) => {
-  const a = V(s);
-  return e ? /* @__PURE__ */ c(X.circle, {
+}, wt = ({ animateTransitions: e, cx: t, cy: r, r: n, effects: s, ...i }) => {
+  const a = X(s);
+  return e ? /* @__PURE__ */ c(Q.circle, {
     initial: !1,
     animate: {
       cx: t,
       cy: r,
       r: n
     },
-    transition: Y,
+    transition: V,
     style: a,
     ...i
   }) : /* @__PURE__ */ c("circle", {
@@ -587,9 +591,9 @@ var M = (e, t) => {
     style: a,
     ...i
   });
-}, wt = ({ animateTransitions: e, x1: t, y1: r, x2: n, y2: s, effects: i, ...a }) => {
-  const l = V(i);
-  return e ? /* @__PURE__ */ c(X.line, {
+}, Pt = ({ animateTransitions: e, x1: t, y1: r, x2: n, y2: s, effects: i, ...a }) => {
+  const l = X(i);
+  return e ? /* @__PURE__ */ c(Q.line, {
     initial: !1,
     animate: {
       x1: t,
@@ -597,7 +601,7 @@ var M = (e, t) => {
       x2: n,
       y2: s
     },
-    transition: Y,
+    transition: V,
     style: l,
     ...a
   }) : /* @__PURE__ */ c("line", {
@@ -608,9 +612,9 @@ var M = (e, t) => {
     style: l,
     ...a
   });
-}, Pt = ({ animateTransitions: e, x: t, y: r, width: n, height: s, rx: i, ry: a, effects: l, ...d }) => {
-  const m = V(l);
-  return e ? /* @__PURE__ */ c(X.rect, {
+}, qt = ({ animateTransitions: e, x: t, y: r, width: n, height: s, rx: i, ry: a, effects: l, ...d }) => {
+  const h = X(l);
+  return e ? /* @__PURE__ */ c(Q.rect, {
     initial: !1,
     animate: {
       attrX: t,
@@ -622,8 +626,8 @@ var M = (e, t) => {
         ry: a
       } : {}
     },
-    transition: Y,
-    style: m,
+    transition: V,
+    style: h,
     ...d
   }) : /* @__PURE__ */ c("rect", {
     x: t,
@@ -632,12 +636,12 @@ var M = (e, t) => {
     height: s,
     rx: i,
     ry: a,
-    style: m,
+    style: h,
     ...d
   });
-}, qt = ({ animateTransitions: e, d: t, source: r, effects: n, ...s }) => {
-  const i = V(n);
-  return e ? /* @__PURE__ */ c(_t, {
+}, _t = ({ animateTransitions: e, d: t, source: r, effects: n, ...s }) => {
+  const i = X(n);
+  return e ? /* @__PURE__ */ c(kt, {
     d: t,
     source: r,
     style: i,
@@ -647,56 +651,56 @@ var M = (e, t) => {
     style: i,
     ...s
   });
-}, cn = (e) => {
-  const { Circle: t } = z();
-  return t === void 0 ? Dt(e) : /* @__PURE__ */ c(B, { children: /* @__PURE__ */ c(t, { ...e }) });
 }, ln = (e) => {
-  const { Line: t } = z();
-  return t === void 0 ? wt(e) : /* @__PURE__ */ c(B, { children: /* @__PURE__ */ c(t, { ...e }) });
-}, dn = ({ cornerRadius: e, ...t }) => {
-  const { Rect: r } = z(), n = fe(), s = Pe(), i = {
+  const { Circle: t } = Y();
+  return t === void 0 ? wt(e) : /* @__PURE__ */ c(A, { children: /* @__PURE__ */ c(t, { ...e }) });
+}, dn = (e) => {
+  const { Line: t } = Y();
+  return t === void 0 ? Pt(e) : /* @__PURE__ */ c(A, { children: /* @__PURE__ */ c(t, { ...e }) });
+}, un = ({ cornerRadius: e, ...t }) => {
+  const { Rect: r } = Y(), n = ye(), s = qe(), i = {
     ...t,
-    ...kt(e, t, n, s)
+    ...Lt(e, t, n, s)
   };
-  return r === void 0 ? Pt(i) : /* @__PURE__ */ c(B, { children: /* @__PURE__ */ c(r, { ...i }) });
-}, un = (e) => {
-  const { Path: t } = z();
-  return t === void 0 ? qt(e) : /* @__PURE__ */ c(B, { children: /* @__PURE__ */ c(t, { ...e }) });
-}, _t = ({ d: e, source: t, ...r }) => {
-  const n = we(e, Y, t);
-  return /* @__PURE__ */ c(X.path, {
+  return r === void 0 ? qt(i) : /* @__PURE__ */ c(A, { children: /* @__PURE__ */ c(r, { ...i }) });
+}, mn = (e) => {
+  const { Path: t } = Y();
+  return t === void 0 ? _t(e) : /* @__PURE__ */ c(A, { children: /* @__PURE__ */ c(t, { ...e }) });
+}, kt = ({ d: e, source: t, ...r }) => {
+  const n = Pe(e, V, t);
+  return /* @__PURE__ */ c(Q.path, {
     d: n,
     ...r
   });
-}, kt = (e, t, r, n) => {
+}, Lt = (e, t, r, n) => {
   if (e === void 0) return {};
-  const s = Lt(t, r, n);
+  const s = Ht(t, r, n);
   if (s === null)
-    return e === "full" ? {} : ge(ie({ cornerRadius: e }), n);
-  const i = Math.min(ie({
+    return e === "full" ? {} : pe(ce({ cornerRadius: e }), n);
+  const i = Math.min(ce({
     cornerRadius: e,
     box: s
   }), Math.min(s.width, s.height) / 2);
-  return ge(i, n);
-}, Lt = (e, t, r) => {
-  const n = he(e.width, t?.width, r.x), s = he(e.height, t?.height, r.y);
+  return pe(i, n);
+}, Ht = (e, t, r) => {
+  const n = ge(e.width, t?.width, r.x), s = ge(e.height, t?.height, r.y);
   return n === null || s === null ? null : {
     width: n,
     height: s
   };
-}, he = (e, t, r) => {
+}, ge = (e, t, r) => {
   if (typeof e == "number") return Number.isFinite(e) ? Math.abs(e) * r : null;
   if (t === void 0) return null;
-  const n = M(e, t);
+  const n = x(e, t);
   return n === null ? null : Math.abs(n);
-}, ge = (e, t) => t.x <= 0 || t.y <= 0 ? {
+}, pe = (e, t) => t.x <= 0 || t.y <= 0 ? {
   rx: 0,
   ry: 0
 } : {
   rx: e / t.x,
   ry: e / t.y
-}, mn = ({ children: e, ...t }) => {
-  const r = fe();
+}, hn = ({ children: e, ...t }) => {
+  const r = ye();
   return /* @__PURE__ */ c("svg", {
     viewBox: "0 0 1 1",
     preserveAspectRatio: "none",
@@ -704,72 +708,72 @@ var M = (e, t) => {
     height: "100%",
     pointerEvents: "none",
     ...t,
-    children: /* @__PURE__ */ c(ye, {
+    children: /* @__PURE__ */ c(Se, {
       size: r,
       space: "unit",
       children: e
     })
   });
-}, hn = ({ box: e, children: t }) => {
-  const r = qe(), n = r === null ? null : r.width * (e.x1 - e.x0), s = r === null ? null : r.height * (e.y1 - e.y0), i = _(() => n === null || s === null ? null : {
+}, gn = ({ box: e, children: t }) => {
+  const r = _e(), n = r === null ? null : r.width * (e.x1 - e.x0), s = r === null ? null : r.height * (e.y1 - e.y0), i = L(() => n === null || s === null ? null : {
     width: n,
     height: s
   }, [n, s]);
   return /* @__PURE__ */ c("svg", {
-    x: j(e.x0),
-    y: j(e.y0),
-    width: j(e.x1 - e.x0),
-    height: j(e.y1 - e.y0),
+    x: U(e.x0),
+    y: U(e.y0),
+    width: U(e.x1 - e.x0),
+    height: U(e.y1 - e.y0),
     overflow: "hidden",
     pointerEvents: "none",
-    children: /* @__PURE__ */ c(ye, {
+    children: /* @__PURE__ */ c(Se, {
       size: i,
       children: t
     })
   });
-}, Ht = "drqe3u0", $t = "drqe3u1", Mt = "drqe3u2", xt = "drqe3u3", $ = "drqe3u4", Bt = "drqe3u5", At = "drqe3u6", Ot = "drqe3u7", U = "drqe3u8", Kt = "drqe3u9", Ft = "drqe3ua";
-var jt = "drqe3uc", Ut = "drqe3ud", Wt = "drqe3ue", zt = "drqe3uf";
-var Yt = "drqe3uh", Vt = "drqe3ui", pe = {
+}, $t = "drqe3u0", Mt = "drqe3u1", xt = "drqe3u2", Bt = "drqe3u3", M = "drqe3u4", At = "drqe3u5", Ot = "drqe3u6", Kt = "drqe3u7", W = "drqe3u8", Ft = "drqe3u9", jt = "drqe3ua";
+var Ut = "drqe3uc", Wt = "drqe3ud", zt = "drqe3ue", Yt = "drqe3uf";
+var Vt = "drqe3uh", Xt = "drqe3ui", fe = {
   enabled: "drqe3uk drqe3uj",
   disabled: "drqe3ul drqe3uj"
 }, ve = {
   ran: "drqe3un drqe3um",
   dim: "drqe3uo drqe3um"
-}, Te = {
+}, Re = {
   ran: "drqe3uq drqe3up",
   cached: "drqe3ur drqe3up",
   untouched: "drqe3us drqe3up"
-}, gn = ({ width: e = 440, style: t, className: r } = {}) => {
-  const { compileBus: n } = te(), [s] = b(() => ut()), [i, a] = b(!1), [l, d] = b(Ke);
-  x(() => {
-    const { recordCompile: u } = s.getState(), p = n.getLastTrigger(), R = n.getLastCompile();
-    return p && R && u(p, R), n.subscribe(u);
+}, pn = ({ width: e = 440, style: t, className: r } = {}) => {
+  const { compileBus: n } = re(), [s] = S(() => mt()), [i, a] = S(!1), [l, d] = S(Fe);
+  B(() => {
+    const { recordCompile: u } = s.getState(), T = n.getLastTrigger(), v = n.getLastCompile();
+    return T && v && u(T, v), n.subscribe(u);
   }, [s, n]);
-  const m = ee(s, (u) => u.lastCompile), G = ee(s, (u) => u.history), C = n.getCacheStats(), T = m === null && G.length === 0, g = () => {
+  const h = te(s, (u) => u.lastCompile), G = te(s, (u) => u.history), N = n.getCacheStats(), E = h === null && G.length === 0, g = () => {
     d((u) => {
-      const p = !u;
-      return je(p), p;
+      const T = !u;
+      return Ue(T), T;
     });
   };
   return /* @__PURE__ */ f("div", {
-    className: Xe(Ft, r),
+    className: Qe(jt, r),
     style: {
       width: e,
       ...t
     },
     children: [
       /* @__PURE__ */ f("div", {
-        className: Ht,
+        className: $t,
         children: [/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ c("div", {
-          className: $t,
+          className: Mt,
           children: "compile cache"
         }), /* @__PURE__ */ c("div", {
-          className: Wt,
-          children: T ? "production: stats disabled" : m ? `last: ${m.label} · ${se(m.durationMs)}` : "awaiting first compile…"
+          className: zt,
+          children: E ? "production: stats disabled" : h ? `last: ${h.label} · ${oe(h.durationMs)}` : "awaiting first compile…"
         })] }), /* @__PURE__ */ c("button", {
           type: "button",
           onClick: () => a((u) => !u),
-          className: zt,
+          className: Yt,
           children: i ? "▾" : "▴"
         })]
       }),
@@ -778,7 +782,7 @@ var Yt = "drqe3uh", Vt = "drqe3ui", pe = {
         children: [/* @__PURE__ */ f("button", {
           type: "button",
           onClick: g,
-          className: l ? pe.enabled : pe.disabled,
+          className: l ? fe.enabled : fe.disabled,
           "aria-pressed": l,
           children: ["cache ", l ? "enabled" : "disabled"]
         }), /* @__PURE__ */ c("span", {
@@ -786,53 +790,53 @@ var Yt = "drqe3uh", Vt = "drqe3ui", pe = {
           children: "next compile reflects this toggle"
         })]
       }),
-      !i && !T && /* @__PURE__ */ f(Ve, { children: [/* @__PURE__ */ c(Xt, {
-        delta: m?.stages,
-        durations: m?.stageDurationsMs,
-        cumulative: C
-      }), /* @__PURE__ */ c(Qt, { entries: G })] })
+      !i && !E && /* @__PURE__ */ f(Xe, { children: [/* @__PURE__ */ c(Qt, {
+        delta: h?.stages,
+        durations: h?.stageDurationsMs,
+        cumulative: N
+      }), /* @__PURE__ */ c(Jt, { entries: G })] })
     ]
   });
-}, Xt = ({ delta: e, durations: t, cumulative: r }) => /* @__PURE__ */ f("table", {
-  className: Mt,
+}, Qt = ({ delta: e, durations: t, cumulative: r }) => /* @__PURE__ */ f("table", {
+  className: xt,
   children: [/* @__PURE__ */ c("thead", { children: /* @__PURE__ */ f("tr", {
-    className: Yt,
+    className: Vt,
     children: [
       /* @__PURE__ */ c("th", {
-        className: xt,
+        className: Bt,
         children: "stage"
       }),
       /* @__PURE__ */ c("th", {
-        className: $,
+        className: M,
         children: "time"
       }),
       /* @__PURE__ */ c("th", {
-        className: $,
+        className: M,
         children: "Δ miss"
       }),
       /* @__PURE__ */ c("th", {
-        className: $,
+        className: M,
         children: "Δ hit"
       }),
       /* @__PURE__ */ c("th", {
-        className: $,
+        className: M,
         children: "total miss"
       }),
       /* @__PURE__ */ c("th", {
-        className: $,
+        className: M,
         children: "total hit"
       })
     ]
-  }) }), /* @__PURE__ */ c("tbody", { children: re.map((n) => {
-    const s = e?.[n], i = Jt(s);
+  }) }), /* @__PURE__ */ c("tbody", { children: ne.map((n) => {
+    const s = e?.[n], i = Zt(s);
     return /* @__PURE__ */ f("tr", {
-      className: jt,
+      className: Ut,
       children: [
         /* @__PURE__ */ f("td", {
-          className: Bt,
+          className: At,
           children: [
             /* @__PURE__ */ c("span", {
-              className: Te[i],
+              className: Re[i],
               "aria-hidden": !0
             }),
             " ",
@@ -840,67 +844,67 @@ var Yt = "drqe3uh", Vt = "drqe3ui", pe = {
           ]
         }),
         /* @__PURE__ */ c("td", {
-          className: U,
-          children: t === void 0 || i === "untouched" ? "—" : se(t[n])
+          className: W,
+          children: t === void 0 || i === "untouched" ? "—" : oe(t[n])
         }),
         /* @__PURE__ */ c("td", {
           className: i === "ran" ? ve.ran : ve.dim,
           children: s?.misses ?? 0
         }),
         /* @__PURE__ */ c("td", {
-          className: U,
+          className: W,
           children: s?.hits ?? 0
         }),
         /* @__PURE__ */ c("td", {
-          className: U,
+          className: W,
           children: r[n].misses
         }),
         /* @__PURE__ */ c("td", {
-          className: U,
+          className: W,
           children: r[n].hits
         })
       ]
     }, n);
   }) })]
-}), Qt = ({ entries: e }) => e.length === 0 ? null : /* @__PURE__ */ f("div", {
-  className: Ut,
+}), Jt = ({ entries: e }) => e.length === 0 ? null : /* @__PURE__ */ f("div", {
+  className: Wt,
   children: [/* @__PURE__ */ c("div", {
-    className: Vt,
+    className: Xt,
     children: "recent compiles"
   }), e.map((t) => {
-    const r = Zt(t.stages, (i) => i.misses > 0), n = re.length;
+    const r = er(t.stages, (i) => i.misses > 0), n = ne.length;
     return /* @__PURE__ */ f("div", {
-      className: At,
+      className: Ot,
       children: [
         /* @__PURE__ */ c("span", {
-          className: Te[r === 0 ? "cached" : "ran"],
+          className: Re[r === 0 ? "cached" : "ran"],
           "aria-hidden": !0
         }),
         /* @__PURE__ */ c("span", {
-          className: Ot,
+          className: Kt,
           title: t.label,
           children: t.label
         }),
         /* @__PURE__ */ f("span", {
-          className: Kt,
+          className: Ft,
           children: [
             r,
             "/",
             n,
             " ran · ",
-            se(t.durationMs)
+            oe(t.durationMs)
           ]
         })
       ]
     }, t.id);
   })]
-}), Jt = (e) => !e || e.hits === 0 && e.misses === 0 ? "untouched" : e.misses > 0 ? "ran" : "cached", Zt = (e, t) => {
+}), Zt = (e) => !e || e.hits === 0 && e.misses === 0 ? "untouched" : e.misses > 0 ? "ran" : "cached", er = (e, t) => {
   let r = 0;
-  for (const n of re) t(e[n]) && (r += 1);
+  for (const n of ne) t(e[n]) && (r += 1);
   return r;
-}, se = (e) => e < 0.1 ? "<0.1ms" : e >= 10 ? `${e.toFixed(0)}ms` : `${e.toFixed(2)}ms`, pn = () => {
-  const { history: e } = te(), { stack: t, undo: r, redo: n } = e, s = v((l) => t.subscribe(l), [t]), i = v(() => t.getSnapshot(), [t]), a = Ye(s, i, i);
-  return _(() => ({
+}, oe = (e) => e < 0.1 ? "<0.1ms" : e >= 10 ? `${e.toFixed(0)}ms` : `${e.toFixed(2)}ms`, fn = () => {
+  const { history: e } = re(), { stack: t, undo: r, redo: n } = e, s = p((l) => t.subscribe(l), [t]), i = p(() => t.getSnapshot(), [t]), a = Ve(s, i, i);
+  return L(() => ({
     ...a,
     undo: r,
     redo: n
@@ -909,7 +913,7 @@ var Yt = "drqe3uh", Vt = "drqe3ui", pe = {
     r,
     n
   ]);
-}, er = /* @__PURE__ */ new Set([
+}, tr = /* @__PURE__ */ new Set([
   "button",
   "checkbox",
   "color",
@@ -922,12 +926,12 @@ var Yt = "drqe3uh", Vt = "drqe3ui", pe = {
   "submit"
 ]), vn = (e, t = {}) => {
   const { target: r, enabled: n = !0 } = t;
-  x(() => {
-    const s = tr(r);
+  B(() => {
+    const s = rr(r);
     if (!n || !s) return;
     const i = (a) => {
-      if (!rr(a) || a.defaultPrevented || nr(a.target)) return;
-      const l = _e(a);
+      if (!nr(a) || a.defaultPrevented || sr(a.target)) return;
+      const l = ke(a);
       if (!l) return;
       const d = e.current;
       d && (l === "undo" ? d.undo() : d.redo()) && a.preventDefault();
@@ -938,78 +942,78 @@ var Yt = "drqe3uh", Vt = "drqe3ui", pe = {
     r,
     n
   ]);
-}, tr = (e) => e === void 0 ? window : e !== null && "current" in e ? e.current : e, rr = (e) => "key" in e, nr = (e) => e instanceof HTMLInputElement ? !er.has(e.type) : e instanceof HTMLElement ? e.isContentEditable || e.tagName === "TEXTAREA" : !1, fn = () => {
-  const { targetBoundaryStore: e } = te();
-  return ee(e, (t) => t.boundary);
+}, rr = (e) => e === void 0 ? window : e !== null && "current" in e ? e.current : e, nr = (e) => "key" in e, sr = (e) => e instanceof HTMLInputElement ? !tr.has(e.type) : e instanceof HTMLElement ? e.isContentEditable || e.tagName === "TEXTAREA" : !1, yn = () => {
+  const { targetBoundaryStore: e } = re();
+  return te(e, (t) => t.boundary);
 };
 export {
-  yr as CanvasTextMeasurer,
-  Qr as DefaultFooter,
-  Dt as DefaultGeomCircle,
-  wt as DefaultGeomLine,
-  qt as DefaultGeomPath,
-  Pt as DefaultGeomRect,
-  zr as DefaultGrid,
-  Sr as DefaultHeader,
-  jr as DefaultSwatch,
-  Fr as DefaultTooltip,
-  gn as DevToolsPanel,
-  Tr as GRAPH_MODES,
-  cn as GeomCircle,
-  ln as GeomLine,
-  Mr as GeomOverpaint,
-  un as GeomPath,
-  dn as GeomRect,
-  nt as GraphErrorBoundary,
-  le as GraphErrorPanel,
-  It as GraphProvider,
-  wr as GraphRenderer,
-  ir as GraphyBadge,
+  Sr as CanvasTextMeasurer,
+  Jr as DefaultFooter,
+  wt as DefaultGeomCircle,
+  Pt as DefaultGeomLine,
+  _t as DefaultGeomPath,
+  qt as DefaultGeomRect,
+  Yr as DefaultGrid,
+  br as DefaultHeader,
+  Ur as DefaultSwatch,
+  jr as DefaultTooltip,
+  pn as DevToolsPanel,
+  Rr as GRAPH_MODES,
+  ln as GeomCircle,
+  dn as GeomLine,
+  xr as GeomOverpaint,
+  mn as GeomPath,
+  un as GeomRect,
+  st as GraphErrorBoundary,
+  de as GraphErrorPanel,
+  Dt as GraphProvider,
+  Pr as GraphRenderer,
+  cr as GraphyBadge,
   vr as HoverProvider,
-  Gr as IntroFade,
-  kr as IntroWipeClip,
-  Cr as TextMeasurerProvider,
-  Ar as ThemeProvider,
-  hn as UnitBoxSvg,
-  mn as UnitSpaceSvg,
-  br as buildDotsEditOutlineShapes,
-  on as createGraphyKit,
-  Dr as darkTheme,
-  cr as defineGeomRenderer,
+  Cr as IntroFade,
+  Lr as IntroWipeClip,
+  Ir as TextMeasurerProvider,
+  Or as ThemeProvider,
+  gn as UnitBoxSvg,
+  hn as UnitSpaceSvg,
+  Er as buildDotsEditOutlineShapes,
+  an as createGraphyKit,
+  wr as darkTheme,
+  lr as defineGeomRenderer,
   Nr as getBuiltInEditOutlineShapes,
-  Yr as lightTheme,
-  Wr as lightenCss,
-  Xr as projectPointCartesian,
-  st as pruneSelection,
-  M as readPositionPixels,
-  an as readRectPixels,
-  Rr as resolveGraphyBadgeVariant,
-  qr as resolvePathStroke,
-  lr as scalePointToPanel,
-  $r as stampAxisEditTarget,
-  hr as stampGridEditTarget,
-  pr as stampLegendEditTarget,
-  ur as useElementScreenRect,
-  gr as useGeomHitTest,
-  ar as useGeomHover,
-  qe as useGeomPanelSize,
-  Er as useGeomReaderTree,
-  mr as useGeomStyleReader,
-  Or as useGraphCommands,
-  Hr as useGraphHandle,
-  pn as useGraphHistory,
+  Vr as lightTheme,
+  zr as lightenCss,
+  Qr as projectPointCartesian,
+  ot as pruneSelection,
+  x as readPositionPixels,
+  cn as readRectPixels,
+  Gr as resolveGraphyBadgeVariant,
+  _r as resolvePathStroke,
+  dr as scalePointToPanel,
+  Mr as stampAxisEditTarget,
+  gr as stampGridEditTarget,
+  fr as stampLegendEditTarget,
+  mr as useElementScreenRect,
+  pr as useGeomHitTest,
+  ir as useGeomHover,
+  _e as useGeomPanelSize,
+  Tr as useGeomReaderTree,
+  hr as useGeomStyleReader,
+  Kr as useGraphCommands,
+  $r as useGraphHandle,
+  fn as useGraphHistory,
   vn as useGraphHistoryShortcuts,
-  Pr as useGraphLocale,
-  Lr as useGraphSelection,
-  Vr as useGuidesTakePress,
-  Ur as useHandleScene,
-  _r as useHoverState,
-  Br as usePaintDefs,
-  or as useResolvedStyle,
-  xr as useSceneSelector,
-  dr as useStyleReaderTree,
-  fr as useStyleResolver,
-  fn as useTargetBoundary,
-  Ir as useTextMeasurer,
-  Kr as vars
+  qr as useGraphLocale,
+  Hr as useGraphSelection,
+  Xr as useGuidesTakePress,
+  Wr as useHandleScene,
+  kr as useHoverState,
+  Ar as usePaintDefs,
+  ar as useResolvedStyle,
+  Br as useSceneSelector,
+  ur as useStyleReaderTree,
+  yr as useStyleResolver,
+  yn as useTargetBoundary,
+  Dr as useTextMeasurer,
+  Fr as vars
 };