@graphysdk/react-renderer 1.9.0-beta.1792407460425 → 1.9.0-beta.1792409717036

package/dist/index.mjs

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