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

package/dist/index.mjs

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