@graphysdk/react-renderer 1.9.0-beta.1791303306567 → 1.9.0-beta.1791327466935

package/dist/index.mjs

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