@graphysdk/react-renderer 1.9.0-beta.1793879014563 → 1.9.0-beta.1793882432228

package/dist/index.mjs

@@ -1,39 +1,39 @@
-import { $t as fr, A as pr, An as vr, B as yr, Bn as Ie, Bt as Ce, Cn as F, Dn as Sr, En as br, Et as Er, Fn as Tr, Ft as Rr, Gt as we, Hn as Pe, Ht as Gr, In as Nr, Kt as Ir, L as Cr, Ln as wr, Lt as Y, M as Pr, Nn as Le, Nt as Lr, On as De, Pn as Dr, Pt as qr, Qt as kr, R as _r, Rn as Hr, Sn as K, Ut as $r, Vn as ne, Vt as qe, Wn as X, Wt as Q, Xt as ke, Yt as xr, _n as J, _t as Mr, a as Ar, an as Br, at as Or, bn as Fr, bt as Kr, cn as zr, ct as Wr, dn as jr, en as Ur, fn as Vr, gn as _e, h as Yr, hn as Xr, i as Qr, it as Jr, j as Zr, jn as He, jt as en, kn as $e, kt as tn, mn as be, mt as rn, n as nn, ot as sn, pn as z, r as on, s as an, t as xe, tn as cn, vn as Ee, vt as ln, w as dn, wn as un, xn as Me, yn as Ae, z as mn, zn as hn } from "./history-chords-BPORQs1S.js";
-import { COMPILER_STAGE_KEYS as se, DEFAULT_LOCALE as Be, Geom as Oe, GraphCompilationSession as Fe, areEditTargetsEqual as Ke, buildDiagnostic as ae, canonicalizeLocale as ze, createAnchorResolver as We, createCompiler as je, createDataLabelPlacementResolver as Ue, createSpecBuilder as Ve, createStyleResolver as Te, findAnnotation as Ye, findIntlLocale as Xe, findLayerById as ce, foldGeomCornerRadii as Qe, isCompilerCachingEnabled as Je, resolveDefinition as Ze, resolveGeomCornerRadiusPx as le, setCompilerCachingEnabled as et, toPercent as U } from "@graphysdk/viz-engine";
-import { Component as tt, useCallback as f, useEffect as H, useId as rt, useImperativeHandle as nt, useMemo as _, useRef as de, useState as y, useSyncExternalStore as st } from "react";
-import { Fragment as ot, jsx as c, jsxs as p } from "react/jsx-runtime";
+import { $t as Nr, A as Cr, An as we, B as wr, Bn as Pr, Bt as Pe, Cn as F, Dn as Lr, En as Dr, Et as qr, Fn as Te, Ft as _r, Gt as Le, Hn as De, Ht as kr, In as $r, Kn as X, Kt as Hr, L as xr, Ln as Mr, Lt as Y, M as Ar, Mn as qe, Nt as Or, On as _e, Pn as ke, Pt as Br, Qt as Fr, R as Kr, Rn as zr, Sn as K, Un as ne, Ut as Ur, Vn as $e, Vt as He, Wn as xe, Wt as Q, Xt as Me, Yt as jr, Zt as Ae, _n as Z, _t as Wr, a as Vr, an as Yr, at as Xr, bn as Qr, bt as Zr, cn as Jr, ct as en, dn as tn, en as rn, fn as nn, gn as Oe, h as sn, hn as on, i as an, it as cn, j as ln, jn as dn, jt as un, kn as Be, kt as mn, mn as Ee, mt as hn, n as gn, ot as fn, pn as z, r as pn, s as vn, t as Fe, tn as yn, vn as Re, vt as Sn, w as bn, wn as Tn, xn as Ke, yn as ze, z as En, zn as Rn } from "./history-chords-CimEnXtI.js";
+import { COMPILER_STAGE_KEYS as se, DEFAULT_LOCALE as Ue, Geom as je, GraphCompilationSession as We, areEditTargetsEqual as Ve, buildDiagnostic as ce, buildPointSymbolPath as Ye, canonicalizeLocale as Xe, createAnchorResolver as Qe, createCompiler as Ze, createDataLabelPlacementResolver as Je, createSpecBuilder as et, createStyleResolver as Ge, findAnnotation as tt, findIntlLocale as rt, findLayerById as le, foldGeomCornerRadii as nt, isCompilerCachingEnabled as st, isGeometricSymbol as oe, isImageSymbol as ot, resolveDefinition as it, resolveGeomCornerRadiusPx as de, setCompilerCachingEnabled as at, toPercent as W } from "@graphysdk/viz-engine";
+import { Component as ct, useCallback as p, useEffect as _, useId as lt, useImperativeHandle as dt, useMemo as $, useRef as ue, useState as S, useSyncExternalStore as ut } from "react";
+import { Fragment as mt, jsx as c, jsxs as v } from "react/jsx-runtime";
 import { useStore as re } from "zustand";
-import { motion as Z } from "motion/react";
-import { createStore as oe } from "zustand/vanilla";
-import it from "clsx";
-import './index.css';var at = "_1a5iqpb0", ct = "_1a5iqpb1";
-var lt = "_1a5iqpb3", dt = "_1a5iqpb4", ut = "_1a5iqpb5";
-var ue = ({ errors: e }) => {
+import { motion as J } from "motion/react";
+import { createStore as ie } from "zustand/vanilla";
+import ht from "clsx";
+import './index.css';var gt = "_1a5iqpb0", ft = "_1a5iqpb1";
+var pt = "_1a5iqpb3", vt = "_1a5iqpb4", yt = "_1a5iqpb5";
+var me = ({ errors: e }) => {
   const [t, ...r] = e;
-  return /* @__PURE__ */ p("div", {
+  return /* @__PURE__ */ v("div", {
     role: "alert",
-    className: at,
+    className: gt,
     children: [
       /* @__PURE__ */ c("strong", {
-        className: ct,
+        className: ft,
         children: "This chart could not be rendered."
       }),
-      t && /* @__PURE__ */ c(me, { diagnostic: t }),
+      t && /* @__PURE__ */ c(he, { diagnostic: t }),
       r.length > 0 && /* @__PURE__ */ c("ul", {
         className: "_1a5iqpb2",
-        children: r.map((n, s) => /* @__PURE__ */ c("li", { children: /* @__PURE__ */ c(me, { diagnostic: n }) }, `${n.code}-${s}`))
+        children: r.map((n, s) => /* @__PURE__ */ c("li", { children: /* @__PURE__ */ c(he, { diagnostic: n }) }, `${n.code}-${s}`))
       })
     ]
   });
-}, me = ({ diagnostic: e }) => /* @__PURE__ */ p("div", {
-  className: lt,
+}, he = ({ diagnostic: e }) => /* @__PURE__ */ v("div", {
+  className: pt,
   children: [
     /* @__PURE__ */ c("span", {
-      className: dt,
+      className: vt,
       children: e.code
     }),
     /* @__PURE__ */ c("p", {
-      className: ut,
+      className: yt,
       children: e.message
     }),
     e.suggestion && /* @__PURE__ */ c("p", {
@@ -42,47 +42,47 @@ var ue = ({ errors: e }) => {
     })
   ]
 });
-function mt(e = [], t = []) {
+function St(e = [], t = []) {
   return e.length === t.length && e.every((r, n) => Object.is(r, t[n]));
 }
-var ht = class extends tt {
+var bt = class extends ct {
   constructor(...e) {
     super(...e), this.state = { caughtDiagnostic: null };
   }
   static getDerivedStateFromError(e) {
-    return { caughtDiagnostic: ae(e) };
+    return { caughtDiagnostic: ce(e) };
   }
   componentDidCatch(e, t) {
-    const r = ae(e);
+    const r = ce(e);
     X([r]), this.props.onError?.([r]), console.error("Chart render component stack:", t.componentStack);
   }
   componentDidUpdate(e) {
-    this.state.caughtDiagnostic && !mt(e.resetKeys, this.props.resetKeys) && this.setState({ caughtDiagnostic: null });
+    this.state.caughtDiagnostic && !St(e.resetKeys, this.props.resetKeys) && this.setState({ caughtDiagnostic: null });
   }
   render() {
     const { caughtDiagnostic: e } = this.state;
-    if (e) return /* @__PURE__ */ c(ue, { errors: [e] });
+    if (e) return /* @__PURE__ */ c(me, { errors: [e] });
     const { forcedErrors: t, children: r } = this.props;
-    return t && t.length > 0 ? /* @__PURE__ */ c(ue, { errors: t }) : r;
+    return t && t.length > 0 ? /* @__PURE__ */ c(me, { errors: t }) : r;
   }
-}, Re = (e) => typeof e == "object" && "geom" in e && "render" in e, Ge = (e) => {
-  const t = Ze(e);
-  return t instanceof Oe ? t : null;
-}, gt = (e, t) => {
-  const r = e.filter((n) => ft(n, t));
+}, Ie = (e) => typeof e == "object" && "geom" in e && "render" in e, Ne = (e) => {
+  const t = it(e);
+  return t instanceof je ? t : null;
+}, Tt = (e, t) => {
+  const r = e.filter((n) => Et(n, t));
   return r.length === e.length ? e : r;
-}, ft = (e, t) => e.kind === "annotation" ? Ye(t.annotations, e.id) !== null : e.kind === "observations" ? ce(t.layers, e.layerId) !== void 0 : e.kind === "layer" && e.layerId !== void 0 ? ce(t.layers, e.layerId) !== void 0 : !0, he = [], pt = () => oe((e) => ({
-  selection: he,
-  setSelection: (t) => e((r) => vt(r.selection, t) ? r : { selection: t }),
-  clearSelection: () => e((t) => t.selection.length === 0 ? t : { selection: he })
-})), vt = (e, t) => e === t ? !0 : e.length !== t.length ? !1 : e.every((r, n) => {
+}, Et = (e, t) => e.kind === "annotation" ? tt(t.annotations, e.id) !== null : e.kind === "observations" ? le(t.layers, e.layerId) !== void 0 : e.kind === "layer" && e.layerId !== void 0 ? le(t.layers, e.layerId) !== void 0 : !0, ge = [], Rt = () => ie((e) => ({
+  selection: ge,
+  setSelection: (t) => e((r) => Gt(r.selection, t) ? r : { selection: t }),
+  clearSelection: () => e((t) => t.selection.length === 0 ? t : { selection: ge })
+})), Gt = (e, t) => e === t ? !0 : e.length !== t.length ? !1 : e.every((r, n) => {
   const s = t[n];
-  return s !== void 0 && Ke(r, s);
-}), yt = 5, St = (e) => {
-  if (!Le) return {
+  return s !== void 0 && Ve(r, s);
+}), It = 5, Nt = (e) => {
+  if (!Te) return {
     emit: () => {
     },
-    subscribe: () => Et,
+    subscribe: () => wt,
     getLastTrigger: () => null,
     getLastCompile: () => null,
     getCacheStats: () => e.getCacheStats()
@@ -94,7 +94,7 @@ var ht = class extends tt {
       const s = e.getLastCompile();
       if (s) {
         r = n;
-        for (const i of t) i(n, s);
+        for (const o of t) o(n, s);
       }
     },
     subscribe: (n) => (t.add(n), () => {
@@ -104,7 +104,7 @@ var ht = class extends tt {
     getLastCompile: () => e.getLastCompile(),
     getCacheStats: () => e.getCacheStats()
   };
-}, bt = () => oe((e) => ({
+}, Ct = () => ie((e) => ({
   lastCompile: null,
   history: [],
   nextId: 1,
@@ -113,20 +113,20 @@ var ht = class extends tt {
     if (n.lastSnapshot === r) return n;
     const s = {
       id: n.nextId,
-      label: Tt(t),
+      label: Pt(t),
       stages: r.stages,
       stageDurationsMs: r.stageDurationsMs,
       durationMs: r.durationMs
     };
     return {
       lastCompile: s,
-      history: Rt(n.history, s, yt),
+      history: Lt(n.history, s, It),
       nextId: n.nextId + 1,
       lastSnapshot: r
     };
   })
-})), Et = () => {
-}, Tt = (e) => {
+})), wt = () => {
+}, Pt = (e) => {
   switch (e.kind) {
     case "init":
       return "init";
@@ -137,14 +137,14 @@ var ht = class extends tt {
     case "command":
       return e.command.metadata.description;
   }
-}, Rt = (e, t, r) => {
+}, Lt = (e, t, r) => {
   const n = e.length >= r ? e.length - (r - 1) : 0;
   return [...e.slice(n), t];
 };
-function ge(e) {
-  const t = e.filter(Re), r = /* @__PURE__ */ new Set([...Object.keys(we), ...t.map((l) => l.geom)]), n = [], s = /* @__PURE__ */ new Set();
+function fe(e) {
+  const t = e.filter(Ie), r = /* @__PURE__ */ new Set([...Object.keys(Le), ...t.map((l) => l.geom)]), n = [], s = /* @__PURE__ */ new Set();
   for (const l of e) {
-    const d = Ge(l);
+    const d = Ne(l);
     d === null || r.has(d.type) || s.has(d.type) || (s.add(d.type), n.push({
       kind: "userInput",
       severity: "error",
@@ -157,19 +157,19 @@ function ge(e) {
       suggestion: `Add a render half for it: \`defineGeomRenderer(${d.type}Geom, { coord, render })\`, then include it in \`plugins\`.`
     }));
   }
-  const i = /* @__PURE__ */ new Map();
+  const o = /* @__PURE__ */ new Map();
   for (const l of t) {
     if ("definition" in l) continue;
-    const d = `${l.geom}|${l.coord}`, h = i.get(d);
-    h ? h.count += 1 : i.set(d, {
+    const d = `${l.geom}|${l.coord}`, h = o.get(d);
+    h ? h.count += 1 : o.set(d, {
       geom: l.geom,
       coord: l.coord,
       count: 1
     });
   }
-  const a = [];
-  for (const { geom: l, coord: d, count: h } of i.values())
-    h < 2 || a.push({
+  const i = [];
+  for (const { geom: l, coord: d, count: h } of o.values())
+    h < 2 || i.push({
       kind: "userInput",
       severity: "warning",
       code: "DUPLICATE_REGISTERED_TYPE",
@@ -180,47 +180,47 @@ function ge(e) {
       },
       suggestion: `Keep a single render-only override for ('${l}', '${d}').`
     });
-  return a.push(...qt(e)), {
+  return i.push(...At(e)), {
     errors: n,
-    warnings: a
+    warnings: i
   };
 }
-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({
+function Dt(e, t) {
+  const { coordSystem: r, layers: n } = e, s = /* @__PURE__ */ new Set(), o = [];
+  for (const i of n)
+    t(i.geom, r.type) !== null || s.has(i.geom) || (s.add(i.geom), o.push({
       kind: "userInput",
       severity: "warning",
       code: "MISSING_GEOM_RENDERER",
-      message: `No renderer for geom '${a.geom}' under ${r.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: a.geom,
+        requested: i.geom,
         kind: "geom-renderer"
       },
-      suggestion: `Register a renderer for ('${a.geom}', '${r.type}') via \`defineGeomRenderer\`.`
+      suggestion: `Register a renderer for ('${i.geom}', '${r.type}') via \`defineGeomRenderer\`.`
     }));
-  return i;
+  return o;
 }
-function Nt(e, t) {
-  const { coordSystem: r, layers: n } = e, s = /* @__PURE__ */ new Set(), i = [];
-  for (const a of n) {
-    if (a.interactive === !1 || a.spatialKind !== "renderHitTest" || s.has(a.geom)) continue;
-    const l = t(a.geom, r.type);
-    l === null || l.hitTest || Q(l) || (s.add(a.geom), i.push({
+function qt(e, t) {
+  const { coordSystem: r, layers: n } = e, s = /* @__PURE__ */ new Set(), o = [];
+  for (const i of n) {
+    if (i.interactive === !1 || i.spatialKind !== "renderHitTest" || s.has(i.geom)) continue;
+    const l = t(i.geom, r.type);
+    l === null || l.hitTest || Q(l) || (s.add(i.geom), o.push({
       kind: "userInput",
       severity: "warning",
       code: "MISSING_RENDER_HIT_TEST",
-      message: `Geom '${a.geom}' declares spatialKind 'renderHitTest' but its renderer provides no hit-test; the layer has no hover.`,
+      message: `Geom '${i.geom}' declares spatialKind 'renderHitTest' but its renderer provides no hit-test; the layer has no hover.`,
       context: {
-        requested: a.geom,
+        requested: i.geom,
         kind: "geom-renderer"
       },
-      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}').`
+      suggestion: `Add a \`hitTest\` factory (precomputed geometry) or a live render (\`{ fn, options: { live: true } }\`, live simulation) to the renderer for ('${i.geom}', '${r.type}').`
     }));
   }
-  return i;
+  return o;
 }
-function It(e) {
+function _t(e) {
   const t = /* @__PURE__ */ new Set(), r = [];
   for (const n of e.layers) {
     const s = n.identityKey;
@@ -238,26 +238,26 @@ function It(e) {
   }
   return r;
 }
-function Ct(e, t) {
-  const { coordSystem: r, layers: n } = e, s = /* @__PURE__ */ new Set(), i = [];
-  for (const a of n) {
-    if (a.interactive === !1 || a.spatialKind !== "renderHitTest" || s.has(a.geom)) continue;
-    const l = t(a.geom, r.type);
-    l === null || !l.hitTest || !Q(l) || (s.add(a.geom), i.push({
+function kt(e, t) {
+  const { coordSystem: r, layers: n } = e, s = /* @__PURE__ */ new Set(), o = [];
+  for (const i of n) {
+    if (i.interactive === !1 || i.spatialKind !== "renderHitTest" || s.has(i.geom)) continue;
+    const l = t(i.geom, r.type);
+    l === null || !l.hitTest || !Q(l) || (s.add(i.geom), o.push({
       kind: "userInput",
       severity: "warning",
       code: "CONFLICTING_RENDER_HIT_TEST",
-      message: `Geom '${a.geom}' declares both a \`hitTest\` factory and a live render; these are alternatives, so only the live render is used.`,
+      message: `Geom '${i.geom}' declares both a \`hitTest\` factory and a live render; these are alternatives, so only the live render is used.`,
       context: {
-        requested: a.geom,
+        requested: i.geom,
         kind: "geom-renderer"
       },
       suggestion: "Keep one: a `hitTest` factory for precomputed geometry, OR a live render (`{ fn, options: { live: true } }`) for a live simulation."
     }));
   }
-  return i;
+  return o;
 }
-function wt(e, t) {
+function $t(e, t) {
   const r = /* @__PURE__ */ new Set(), n = [];
   for (const s of e.layers)
     s.interactive !== !1 && (s.spatialKind !== "renderHitTest" || r.has(s.geom) || t.hasCapability(s.geom) || (r.add(s.geom), n.push({
@@ -273,28 +273,28 @@ function wt(e, t) {
     })));
   return n;
 }
-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 === "renderHitTest" || s.has(a.geom)) continue;
-    const l = t(a.geom, r.type);
-    l === null || !Q(l) || (s.add(a.geom), i.push({
+function Ht(e, t) {
+  const { coordSystem: r, layers: n } = e, s = /* @__PURE__ */ new Set(), o = [];
+  for (const i of n) {
+    if (i.interactive === !1 || i.spatialKind === "renderHitTest" || s.has(i.geom)) continue;
+    const l = t(i.geom, r.type);
+    l === null || !Q(l) || (s.add(i.geom), o.push({
       kind: "userInput",
       severity: "warning",
       code: "LIVE_RENDER_REQUIRES_RENDER_HIT_TEST",
-      message: `Geom '${a.geom}' declares a live render but its layer's spatialKind is '${a.spatialKind}', not 'renderHitTest'; its push-path hover resolves to nothing.`,
+      message: `Geom '${i.geom}' declares a live render but its layer's spatialKind is '${i.spatialKind}', not 'renderHitTest'; its push-path hover resolves to nothing.`,
       context: {
-        requested: a.geom,
+        requested: i.geom,
         kind: "geom-renderer"
       },
       suggestion: "Have the geom's manifest yield spatialKind 'renderHitTest' so the scene layer carries the `byKey` index the live render's `pushHover` resolves against."
     }));
   }
-  return i;
+  return o;
 }
-function Lt(e, t) {
+function xt(e, t) {
   let r;
-  return e.layers.flatMap((n, s) => Q(t(n.geom, e.coordSystem.type)) ? Dt(n) ? (r ??= Te().readers(e), (r.geom(n).get("overpaint", void 0, "hovered")?.length ?? 0) === 0 ? [] : [{
+  return e.layers.flatMap((n, s) => Q(t(n.geom, e.coordSystem.type)) ? Mt(n) ? (r ??= Ge().readers(e), (r.geom(n).get("overpaint", void 0, "hovered")?.length ?? 0) === 0 ? [] : [{
     kind: "userInput",
     severity: "warning",
     code: "INVALID_STYLE_RULE",
@@ -307,11 +307,11 @@ function Lt(e, t) {
     suggestion: "Remove the hovered overpaint, or paint the hover treatment in the geom's live render."
   }]) : [] : []);
 }
-var Dt = (e) => [e.styles.defaults, e.styles.overrides].some((t) => t.some((r) => r.state === "hovered" && (r.declarations.overpaint?.length ?? 0) > 0));
-function qt(e) {
+var Mt = (e) => [e.styles.defaults, e.styles.overrides].some((t) => t.some((r) => r.state === "hovered" && (r.declarations.overpaint?.length ?? 0) > 0));
+function At(e) {
   const t = /* @__PURE__ */ new Set(), r = [];
   for (const n of e) {
-    const s = Ge(n);
+    const s = Ne(n);
     s === null || t.has(s.type) || s.dataLabelCoordTypes.length === 0 || s.getDataLabelPlacements !== void 0 || (t.add(s.type), r.push({
       kind: "userInput",
       severity: "warning",
@@ -326,131 +326,131 @@ function qt(e) {
   }
   return r;
 }
-var kt = (e) => oe((t) => ({
+var Ot = (e) => ie((t) => ({
   scene: e,
   setScene: (r) => t((n) => n.scene === r ? n : { scene: r })
-})), _t = ({ spec: e, data: t, colorScheme: r, plugins: n, theme: s, resolveRenderer: i, anchorResolver: a, onSpecChange: l, onError: d, onWarnings: h }) => {
-  const N = Y(l), D = Y(d), G = Y(h), [{ session: g, compileBus: m, findGeom: S }] = y(() => {
-    const o = je({
+})), Bt = ({ spec: e, data: t, colorScheme: r, plugins: n, theme: s, resolveRenderer: o, anchorResolver: i, onSpecChange: l, onError: d, onWarnings: h }) => {
+  const b = Y(l), P = Y(d), E = Y(h), [{ session: g, compileBus: u, findGeom: T }] = S(() => {
+    const a = Ze({
       plugins: n,
       theme: s
     });
     return {
-      session: new Fe(o),
-      compileBus: St(o),
-      findGeom: (u) => o.findGeom(u)
+      session: new We(a),
+      compileBus: Nt(a),
+      findGeom: (m) => a.findGeom(m)
     };
-  }), [b] = y(() => {
-    const o = ge(n ?? []), u = ge(s?.plugins ?? []);
+  }), [f] = S(() => {
+    const a = fe(n ?? []), m = fe(s?.plugins ?? []);
     return {
-      errors: [...u.errors, ...o.errors],
-      warnings: [...u.warnings, ...o.warnings]
+      errors: [...m.errors, ...a.errors],
+      warnings: [...m.warnings, ...a.warnings]
     };
-  }), $ = de(null), [P] = y(Ht), T = de(null), v = f((o) => b.errors.length === 0 ? o : [...b.errors, ...o ?? []], [b]), q = f((o) => {
-    if (!o.ok) return o.errors;
-    if (T.current) T.current.getState().setScene(o.scene);
+  }), H = ue(null), [L] = S(Ft), G = ue(null), y = p((a) => f.errors.length === 0 ? a : [...f.errors, ...a ?? []], [f]), k = p((a) => {
+    if (!a.ok) return a.errors;
+    if (G.current) G.current.getState().setScene(a.scene);
     else {
-      const u = kt(o.scene);
-      u.subscribe(P.notify), T.current = u, P.notify();
+      const m = Ot(a.scene);
+      m.subscribe(L.notify), G.current = m, L.notify();
     }
     return null;
-  }, [P]), [W, I] = y(() => {
-    const o = g.compile({
+  }, [L]), [U, N] = S(() => {
+    const a = g.compile({
       spec: e,
       data: t,
       colorScheme: r
     });
-    return $.current = o, v(q(o));
-  }), C = f((o) => o.ok ? [
-    ...o.warnings,
-    ...Gt(o.scene, i),
-    ...Nt(o.scene, i),
-    ...It(o.scene),
-    ...Ct(o.scene, i),
-    ...Pt(o.scene, i),
-    ...Lt(o.scene, i),
-    ...wt(o.scene, a)
-  ] : o.warnings, [i, a]), w = f((o) => {
-    o.length !== 0 && (X(o), D.current?.(o));
-  }, [D]), E = f((o) => {
-    o.length !== 0 && (X(o), G.current?.(o));
-  }, [G]);
-  H(() => {
-    const o = $.current;
-    o && (w([...b.errors, ...o.ok ? [] : o.errors]), E([...b.warnings, ...C(o)]), o.ok && m.emit({ kind: "init" }));
+    return H.current = a, y(k(a));
+  }), C = p((a) => a.ok ? [
+    ...a.warnings,
+    ...Dt(a.scene, o),
+    ...qt(a.scene, o),
+    ..._t(a.scene),
+    ...kt(a.scene, o),
+    ...Ht(a.scene, o),
+    ...xt(a.scene, o),
+    ...$t(a.scene, i)
+  ] : a.warnings, [o, i]), w = p((a) => {
+    a.length !== 0 && (X(a), P.current?.(a));
+  }, [P]), R = p((a) => {
+    a.length !== 0 && (X(a), E.current?.(a));
+  }, [E]);
+  _(() => {
+    const a = H.current;
+    a && (w([...f.errors, ...a.ok ? [] : a.errors]), R([...f.warnings, ...C(a)]), a.ok && u.emit({ kind: "init" }));
   }, [
-    m,
+    u,
     w,
-    E,
-    b,
+    R,
+    f,
     C
-  ]), H(() => {
-    const o = g.update({
+  ]), _(() => {
+    const a = g.update({
       spec: e,
       data: t,
       colorScheme: r
     });
-    if (!o) return;
-    o.committedSpec && N.current?.(o.committedSpec);
-    const u = q(o.result);
-    I(v(u)), u && w(u), E(C(o.result)), u || m.emit({ kind: o.hasSpecChange ? "spec" : "data" });
+    if (!a) return;
+    a.committedSpec && b.current?.(a.committedSpec);
+    const m = k(a.result);
+    N(y(m)), m && w(m), R(C(a.result)), m || u.emit({ kind: a.hasSpecChange ? "spec" : "data" });
   }, [
     e,
     t,
     r,
     g,
-    m,
-    q,
+    u,
+    k,
     w,
-    E,
-    v,
+    R,
+    y,
     C,
-    N
+    b
   ]);
-  const x = f((o) => {
-    I((u) => u === null ? u : v(null)), E(C(o));
+  const x = p((a) => {
+    N((m) => m === null ? m : y(null)), R(C(a));
   }, [
-    v,
-    E,
+    y,
+    R,
     C
-  ]), M = f((o) => {
-    o.scene && T.current?.getState().setScene(o.scene), o.result && x(o.result), o.command && m.emit({
+  ]), M = p((a) => {
+    a.scene && G.current?.getState().setScene(a.scene), a.result && x(a.result), a.command && u.emit({
       kind: "command",
-      command: o.command
-    }), o.spec && N.current?.(o.spec), o.errors && w([...o.errors]);
+      command: a.command
+    }), a.spec && b.current?.(a.spec), a.errors && w([...a.errors]);
   }, [
     x,
-    m,
-    N,
+    u,
+    b,
     w
-  ]), R = f((o) => {
-    for (const u of o) M(u);
-    return o.some((u) => !!u.scene);
-  }, [M]), ee = f((o, u) => {
-    R(g.applyCommand(o, u));
-  }, [g, R]), j = f(() => {
-    R(g.commit());
-  }, [g, R]), L = f(() => R(g.undo()), [g, R]), A = f(() => R(g.redo()), [g, R]), k = _(() => ({
+  ]), I = p((a) => {
+    for (const m of a) M(m);
+    return a.some((m) => !!m.scene);
+  }, [M]), ee = p((a, m) => {
+    I(g.applyCommand(a, m));
+  }, [g, I]), j = p(() => {
+    I(g.commit());
+  }, [g, I]), q = p(() => I(g.undo()), [g, I]), A = p(() => I(g.redo()), [g, I]), D = $(() => ({
     stack: g.history,
-    undo: L,
+    undo: q,
     redo: A
   }), [
     g,
-    L,
+    q,
     A
-  ]), te = f(() => T.current?.getState().scene ?? null, []);
+  ]), te = p(() => G.current?.getState().scene ?? null, []);
   return {
-    store: T.current,
+    store: G.current,
     dispatch: ee,
     commit: j,
-    history: k,
-    subscribe: P.subscribe,
+    history: D,
+    subscribe: L.subscribe,
     getScene: te,
-    compileBus: m,
-    compileErrors: W,
-    findGeom: S
+    compileBus: u,
+    compileErrors: U,
+    findGeom: T
   };
-}, Ht = () => {
+}, Ft = () => {
   const e = /* @__PURE__ */ new Set();
   return {
     subscribe: (t) => (e.add(t), () => {
@@ -458,143 +458,153 @@ var kt = (e) => oe((t) => ({
     }),
     notify: () => e.forEach((t) => t())
   };
-}, $t = ({ data: e, spec: t, plugins: r = [], theme: n, glyphs: s, formattingLocale: i, handleRef: a, onSpecChange: l, onError: d, onWarnings: h, colorScheme: N = "light", children: D }) => {
-  const G = xt(i, h), [g] = y(() => n), [m] = y(() => He(n?.glyphs, s)), S = g?.colorScheme ?? N, [b] = y(() => qe([...g?.plugins ?? [], ...r].filter(Re))), $ = rt(), [P] = y(() => We(r)), [T] = y(() => Ue(r)), [v] = y(() => pt()), [q] = y(() => Ce()), W = _(() => Te({ colorScheme: S }), [S]), { store: I, dispatch: C, commit: w, history: E, subscribe: x, getScene: M, compileBus: R, compileErrors: ee, findGeom: j } = _t({
+}, Kt = ["cartesian", "polar"], zt = ({ data: e, spec: t, plugins: r = [], theme: n, glyphs: s, formattingLocale: o, handleRef: i, onSpecChange: l, onError: d, onWarnings: h, colorScheme: b = "light", children: P }) => {
+  const E = Wt(o, h), [g] = S(() => n), [u] = S(() => qe(n?.glyphs, s)), T = g?.colorScheme ?? b, [f] = S(() => He([...g?.plugins ?? [], ...r].filter(Ie)));
+  jt(f, u);
+  const H = lt(), [L] = S(() => Qe(r)), [G] = S(() => Je(r)), [y] = S(() => Rt()), [k] = S(() => Pe()), U = $(() => Ge({ colorScheme: T }), [T]), { store: N, dispatch: C, commit: w, history: R, subscribe: x, getScene: M, compileBus: I, compileErrors: ee, findGeom: j } = Bt({
     spec: t,
     data: e,
-    colorScheme: S,
+    colorScheme: T,
     plugins: r,
     theme: g,
-    resolveRenderer: b,
-    anchorResolver: P,
+    resolveRenderer: f,
+    anchorResolver: L,
     onSpecChange: l,
     onError: d,
     onWarnings: h
   });
-  H(() => {
-    if (I)
-      return I.subscribe((k, te) => {
-        if (k.scene.spec === te.scene.spec) return;
-        const { selection: o, setSelection: u } = v.getState();
-        o.length !== 0 && u(gt(o, k.scene.spec));
+  _(() => {
+    if (N)
+      return N.subscribe((D, te) => {
+        if (D.scene.spec === te.scene.spec) return;
+        const { selection: a, setSelection: m } = y.getState();
+        a.length !== 0 && m(Tt(a, D.scene.spec));
       });
-  }, [I, v]);
-  const L = _(() => ({
+  }, [N, y]);
+  const q = $(() => ({
     dispatch: C,
     commit: w
   }), [C, w]);
-  nt(a, () => ({
-    commands: L,
-    undo: E.undo,
-    redo: E.redo,
+  dt(i, () => ({
+    commands: q,
+    undo: R.undo,
+    redo: R.redo,
     subscribe: x,
     getScene: M,
-    formattingLocale: G,
-    getSelection: () => v.getState().selection,
-    setSelection: (k) => v.getState().setSelection(k),
-    subscribeSelection: v.subscribe,
-    canPlaceDataLabels: T.hasCapability,
-    canFormatDataLabelsAsPercentages: T.hasPercentageFormat,
-    getGlyphs: () => m
+    formattingLocale: E,
+    getSelection: () => y.getState().selection,
+    setSelection: (D) => y.getState().setSelection(D),
+    subscribeSelection: y.subscribe,
+    canPlaceDataLabels: G.hasCapability,
+    canFormatDataLabelsAsPercentages: G.hasPercentageFormat,
+    getGlyphs: () => u,
+    getPointSymbols: (D) => f("point", D)?.symbols
   }), [
-    L,
-    E,
+    q,
+    R,
     x,
     M,
+    E,
+    y,
     G,
-    v,
-    T,
-    m
+    u,
+    f
   ]);
-  const A = _(() => I ? {
-    chartId: $,
-    store: I,
-    selectionStore: v,
-    targetBoundaryStore: q,
-    commands: L,
-    history: E,
-    formattingLocale: G,
-    compileBus: R,
-    colorScheme: S,
-    styleResolver: W,
-    anchorResolver: P,
+  const A = $(() => N ? {
+    chartId: H,
+    store: N,
+    selectionStore: y,
+    targetBoundaryStore: k,
+    commands: q,
+    history: R,
+    formattingLocale: E,
+    compileBus: I,
+    colorScheme: T,
+    styleResolver: U,
+    anchorResolver: L,
     findGeom: j
   } : null, [
-    $,
-    I,
-    v,
+    H,
+    N,
+    y,
+    k,
     q,
-    L,
-    E,
-    G,
     R,
-    S,
-    W,
-    P,
+    E,
+    I,
+    T,
+    U,
+    L,
     j
   ]);
-  return /* @__PURE__ */ c(ht, {
+  return /* @__PURE__ */ c(bt, {
     forcedErrors: ee,
     onError: d,
     resetKeys: [t, e],
-    children: A ? /* @__PURE__ */ c(Ie.Provider, {
+    children: A ? /* @__PURE__ */ c(De.Provider, {
       value: A,
-      children: /* @__PURE__ */ c(ke, {
-        value: b,
-        children: /* @__PURE__ */ c(Pe, {
-          value: T,
+      children: /* @__PURE__ */ c(Me, {
+        value: f,
+        children: /* @__PURE__ */ c(xe, {
+          value: G,
           children: /* @__PURE__ */ c(z, {
             shapes: g?.shapes,
-            children: /* @__PURE__ */ c($e, {
-              glyphs: m,
-              children: D
+            children: /* @__PURE__ */ c(we, {
+              glyphs: u,
+              children: P
             })
           })
         })
       })
     }) : null
   });
-}, xt = (e, t) => {
+}, Ut = (e, t) => (e ?? []).filter((r) => !oe(r) && !t.has(r)), jt = (e, t) => {
+  _(() => {
+    if (!Te) return;
+    const r = new Set(t.map(({ name: n }) => n));
+    for (const n of Kt) for (const s of Ut(e("point", n)?.symbols, r)) console.warn(`[graphy] The ${n} point renderer lists "${s}", but no glyph has that name. The shape menu offers it, and SymbolFigure draws the first listed symbol in its place.`);
+  }, [e, t]);
+}, Wt = (e, t) => {
   const r = Y(t);
-  return H(() => {
-    if (e === void 0 || Xe(e) !== void 0) return;
+  return _(() => {
+    if (e === void 0 || rt(e) !== void 0) return;
     const n = [{
       severity: "warning",
       kind: "userInput",
       code: "INVALID_FORMATTING_LOCALE",
-      message: `formattingLocale '${e}' is not a tag Intl can format in, so the chart formats in ${Be}.`
+      message: `formattingLocale '${e}' is not a tag Intl can format in, so the chart formats in ${Ue}.`
     }];
     X(n), r.current?.(n);
-  }, [e, r]), e === void 0 ? void 0 : ze(e);
+  }, [e, r]), e === void 0 ? void 0 : Xe(e);
 };
-function En({ theme: e, glyphs: t, ...r } = {}) {
-  const n = Ve(r);
+function Dn({ theme: e, glyphs: t, ...r } = {}) {
+  const n = et(r);
   return {
     ...n,
-    GraphProvider: (i) => /* @__PURE__ */ c($t, {
-      ...i,
+    GraphProvider: (o) => /* @__PURE__ */ c(zt, {
+      ...o,
       plugins: n.plugins,
       theme: e,
       glyphs: t
     })
   };
 }
-var O = (e, t) => {
+var B = (e, t) => {
   if (typeof e == "number") return Number.isFinite(e) ? e : null;
   if (!e.endsWith("%")) return null;
   const r = Number.parseFloat(e);
   return Number.isFinite(r) ? r / 100 * t : null;
-}, Tn = ({ x: e, y: t, width: r, height: n }, s) => {
-  const i = O(e, s.width), a = O(t, s.height), l = O(r, s.width), d = O(n, s.height);
-  return i === null || a === null || l === null || d === null ? null : {
-    x: i,
-    y: a,
+}, qn = ({ x: e, y: t, width: r, height: n }, s) => {
+  const o = B(e, s.width), i = B(t, s.height), l = B(r, s.width), d = B(n, s.height);
+  return o === null || i === null || l === null || d === null ? null : {
+    x: o,
+    y: i,
     width: l,
     height: d
   };
-}, Mt = ({ animateTransitions: e, cx: t, cy: r, r: n, effects: s, ...i }) => {
-  const a = F(s);
-  return e ? /* @__PURE__ */ c(Z.circle, {
+}, Vt = ({ animateTransitions: e, cx: t, cy: r, r: n, effects: s, ...o }) => {
+  const i = F(s);
+  return e ? /* @__PURE__ */ c(J.circle, {
     initial: !1,
     animate: {
       cx: t,
@@ -602,18 +612,18 @@ var O = (e, t) => {
       r: n
     },
     transition: K,
-    style: a,
-    ...i
+    style: i,
+    ...o
   }) : /* @__PURE__ */ c("circle", {
     cx: t,
     cy: r,
     r: n,
-    style: a,
-    ...i
+    style: i,
+    ...o
   });
-}, At = ({ animateTransitions: e, x1: t, y1: r, x2: n, y2: s, effects: i, ...a }) => {
-  const l = F(i);
-  return e ? /* @__PURE__ */ c(Z.line, {
+}, Yt = ({ animateTransitions: e, x1: t, y1: r, x2: n, y2: s, effects: o, ...i }) => {
+  const l = F(o);
+  return e ? /* @__PURE__ */ c(J.line, {
     initial: !1,
     animate: {
       x1: t,
@@ -623,27 +633,27 @@ var O = (e, t) => {
     },
     transition: K,
     style: l,
-    ...a
+    ...i
   }) : /* @__PURE__ */ c("line", {
     x1: t,
     y1: r,
     x2: n,
     y2: s,
     style: l,
-    ...a
+    ...i
   });
-}, Bt = ({ animateTransitions: e, x: t, y: r, width: n, height: s, rx: i, ry: a, effects: l, ...d }) => {
+}, Xt = ({ animateTransitions: e, x: t, y: r, width: n, height: s, rx: o, ry: i, effects: l, ...d }) => {
   const h = F(l);
-  return e ? /* @__PURE__ */ c(Z.rect, {
+  return e ? /* @__PURE__ */ c(J.rect, {
     initial: !1,
     animate: {
       attrX: t,
       attrY: r,
       width: n,
       height: s,
-      ...i !== void 0 && a !== void 0 ? {
-        rx: i,
-        ry: a
+      ...o !== void 0 && i !== void 0 ? {
+        rx: o,
+        ry: i
       } : {}
     },
     transition: K,
@@ -654,32 +664,32 @@ var O = (e, t) => {
     y: r,
     width: n,
     height: s,
-    rx: i,
-    ry: a,
+    rx: o,
+    ry: i,
     style: h,
     ...d
   });
-}, Ot = ({ animateTransitions: e, d: t, source: r, effects: n, ...s }) => {
-  const i = F(n);
-  return e ? /* @__PURE__ */ c(Ft, {
+}, Qt = ({ animateTransitions: e, d: t, source: r, effects: n, ...s }) => {
+  const o = F(n);
+  return e ? /* @__PURE__ */ c(Zt, {
     d: t,
     source: r,
-    style: i,
+    style: o,
     ...s
   }) : /* @__PURE__ */ c("path", {
     d: t,
-    style: i,
+    style: o,
     ...s
   });
-}, Rn = (e) => {
-  const { Circle: t } = J(), { symbol: r, ...n } = e;
+}, _n = (e) => {
+  const { Circle: t } = Z(), { symbol: r, ...n } = e;
   return r !== void 0 && r !== "circle" ? /* @__PURE__ */ c("g", {
     style: F(e.effects),
     "data-testid": e["data-testid"],
-    children: /* @__PURE__ */ c(De, {
+    children: /* @__PURE__ */ c(_e, {
       symbol: r,
-      cx: fe(e.cx),
-      cy: fe(e.cy),
+      cx: pe(e.cx),
+      cy: pe(e.cy),
       size: e.r * 2,
       fill: e.fill ?? "currentColor",
       fillOpacity: e.fillOpacity,
@@ -693,56 +703,78 @@ var O = (e, t) => {
         fadesIn: !1
       } : null
     })
-  }) : t === void 0 ? Mt(n) : /* @__PURE__ */ c(z, { children: /* @__PURE__ */ c(t, { ...n }) });
-}, Gn = (e) => {
-  const { Line: t } = J();
-  return t === void 0 ? At(e) : /* @__PURE__ */ c(z, { children: /* @__PURE__ */ c(t, { ...e }) });
-}, Nn = ({ cornerRadius: e, ...t }) => {
-  const { Rect: r } = J(), n = Ee()?.size ?? null, s = _e(), i = {
+  }) : t === void 0 ? Vt(n) : /* @__PURE__ */ c(z, { children: /* @__PURE__ */ c(t, { ...n }) });
+}, kn = (e) => {
+  const { Line: t } = Z();
+  return t === void 0 ? Yt(e) : /* @__PURE__ */ c(z, { children: /* @__PURE__ */ c(t, { ...e }) });
+}, $n = ({ cornerRadius: e, ...t }) => {
+  const { Rect: r } = Z(), n = Re()?.size ?? null, s = Oe(), o = {
     ...t,
-    ...Kt(e, t, n, s)
+    ...Jt(e, t, n, s)
   };
-  return r === void 0 ? Bt(i) : /* @__PURE__ */ c(z, { children: /* @__PURE__ */ c(r, { ...i }) });
-}, In = (e) => {
-  const { Path: t } = J();
-  return t === void 0 ? Ot(e) : /* @__PURE__ */ c(z, { children: /* @__PURE__ */ c(t, { ...e }) });
-}, fe = (e) => typeof e == "number" ? `${e}px` : e, Ft = ({ d: e, source: t, ...r }) => {
-  const n = Me(e, K, t);
-  return /* @__PURE__ */ c(Z.path, {
+  return r === void 0 ? Xt(o) : /* @__PURE__ */ c(z, { children: /* @__PURE__ */ c(r, { ...o }) });
+}, Hn = (e) => {
+  const { Path: t } = Z();
+  return t === void 0 ? Qt(e) : /* @__PURE__ */ c(z, { children: /* @__PURE__ */ c(t, { ...e }) });
+}, pe = (e) => typeof e == "number" ? `${e}px` : e, Zt = ({ d: e, source: t, ...r }) => {
+  const n = Ke(e, K, t);
+  return /* @__PURE__ */ c(J.path, {
     d: n,
     ...r
   });
-}, Kt = (e, t, r, n) => {
+}, Jt = (e, t, r, n) => {
   if (e === void 0) return {};
-  const s = Qe(e);
+  const s = nt(e);
   if (s === void 0) return {};
-  const i = zt(t, r, n);
-  if (i === null)
-    return s === "full" ? {} : ve(le({ cornerRadius: s }), n);
-  const a = Math.min(le({
+  const o = er(t, r, n);
+  if (o === null)
+    return s === "full" ? {} : ye(de({ cornerRadius: s }), n);
+  const i = Math.min(de({
     cornerRadius: s,
-    box: i
-  }), Math.min(i.width, i.height) / 2);
-  return ve(a, n);
-}, zt = (e, t, r) => {
-  const n = pe(e.width, t?.width, r.x), s = pe(e.height, t?.height, r.y);
+    box: o
+  }), Math.min(o.width, o.height) / 2);
+  return ye(i, n);
+}, er = (e, t, r) => {
+  const n = ve(e.width, t?.width, r.x), s = ve(e.height, t?.height, r.y);
   return n === null || s === null ? null : {
     width: n,
     height: s
   };
-}, pe = (e, t, r) => {
+}, ve = (e, t, r) => {
   if (typeof e == "number") return Number.isFinite(e) ? Math.abs(e) * r : null;
   if (t === void 0) return null;
-  const n = O(e, t);
+  const n = B(e, t);
   return n === null ? null : Math.abs(n);
-}, ve = (e, t) => t.x <= 0 || t.y <= 0 ? {
+}, ye = (e, t) => t.x <= 0 || t.y <= 0 ? {
   rx: 0,
   ry: 0
 } : {
   rx: e / t.x,
   ry: e / t.y
-}, Cn = ({ children: e, ...t }) => {
-  const r = Ee()?.size ?? null;
+}, xn = ({ symbol: e, size: t, fill: r, fillOpacity: n, stroke: s, strokeOpacity: o, strokeWidth: i }) => {
+  const l = ke(), d = Ae(), h = $e((E) => E.coordSystem.type), b = tr(e, d("point", h)?.symbols ?? [], l), P = {
+    size: t,
+    fill: r,
+    fillOpacity: n,
+    stroke: s,
+    strokeOpacity: o,
+    strokeWidth: i
+  };
+  return oe(b) ? /* @__PURE__ */ c("path", {
+    d: Ye(b, t),
+    fill: r,
+    fillOpacity: n,
+    stroke: s,
+    strokeOpacity: o,
+    strokeWidth: i,
+    strokeLinejoin: "round"
+  }) : /* @__PURE__ */ c(Be, {
+    symbol: b,
+    glyphs: l,
+    ...P
+  });
+}, tr = (e, t, r) => ot(e) || t.includes(e) || !oe(e) && r.has(e) ? e : t[0] ?? "circle", Mn = ({ children: e, ...t }) => {
+  const r = Re()?.size ?? null;
   return /* @__PURE__ */ c("svg", {
     viewBox: "0 0 1 1",
     preserveAspectRatio: "none",
@@ -750,81 +782,81 @@ var O = (e, t) => {
     height: "100%",
     pointerEvents: "none",
     ...t,
-    children: /* @__PURE__ */ c(be, {
+    children: /* @__PURE__ */ c(Ee, {
       size: r,
       space: "unit",
       children: e
     })
   });
-}, wn = ({ box: e, children: t }) => {
-  const r = Ae(), 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 : {
+}, An = ({ box: e, children: t }) => {
+  const r = ze(), n = r === null ? null : r.width * (e.x1 - e.x0), s = r === null ? null : r.height * (e.y1 - e.y0), o = $(() => n === null || s === null ? null : {
     width: n,
     height: s
   }, [n, s]);
   return /* @__PURE__ */ c("svg", {
-    x: U(e.x0),
-    y: U(e.y0),
-    width: U(e.x1 - e.x0),
-    height: U(e.y1 - e.y0),
+    x: W(e.x0),
+    y: W(e.y0),
+    width: W(e.x1 - e.x0),
+    height: W(e.y1 - e.y0),
     overflow: "hidden",
     pointerEvents: "none",
-    children: /* @__PURE__ */ c(be, {
-      size: i,
+    children: /* @__PURE__ */ c(Ee, {
+      size: o,
       children: t
     })
   });
-}, Wt = "drqe3u0", jt = "drqe3u1", Ut = "drqe3u2", Vt = "drqe3u3", B = "drqe3u4", Yt = "drqe3u5", Xt = "drqe3u6", Qt = "drqe3u7", V = "drqe3u8", Jt = "drqe3u9", Zt = "drqe3ua";
-var er = "drqe3uc", tr = "drqe3ud", rr = "drqe3ue", nr = "drqe3uf";
-var sr = "drqe3uh", or = "drqe3ui", ye = {
+}, rr = "drqe3u0", nr = "drqe3u1", sr = "drqe3u2", or = "drqe3u3", O = "drqe3u4", ir = "drqe3u5", ar = "drqe3u6", cr = "drqe3u7", V = "drqe3u8", lr = "drqe3u9", dr = "drqe3ua";
+var ur = "drqe3uc", mr = "drqe3ud", hr = "drqe3ue", gr = "drqe3uf";
+var fr = "drqe3uh", pr = "drqe3ui", Se = {
   enabled: "drqe3uk drqe3uj",
   disabled: "drqe3ul drqe3uj"
-}, Se = {
+}, be = {
   ran: "drqe3un drqe3um",
   dim: "drqe3uo drqe3um"
-}, Ne = {
+}, Ce = {
   ran: "drqe3uq drqe3up",
   cached: "drqe3ur drqe3up",
   untouched: "drqe3us drqe3up"
-}, Pn = ({ width: e = 440, style: t, className: r } = {}) => {
-  const { compileBus: n } = ne(), [s] = y(() => bt()), [i, a] = y(!1), [l, d] = y(Je);
-  H(() => {
-    const { recordCompile: m } = s.getState(), S = n.getLastTrigger(), b = n.getLastCompile();
-    return S && b && m(S, b), n.subscribe(m);
+}, On = ({ width: e = 440, style: t, className: r } = {}) => {
+  const { compileBus: n } = ne(), [s] = S(() => Ct()), [o, i] = S(!1), [l, d] = S(st);
+  _(() => {
+    const { recordCompile: u } = s.getState(), T = n.getLastTrigger(), f = n.getLastCompile();
+    return T && f && u(T, f), n.subscribe(u);
   }, [s, n]);
-  const h = re(s, (m) => m.lastCompile), N = re(s, (m) => m.history), D = n.getCacheStats(), G = h === null && N.length === 0, g = () => {
-    d((m) => {
-      const S = !m;
-      return et(S), S;
+  const h = re(s, (u) => u.lastCompile), b = re(s, (u) => u.history), P = n.getCacheStats(), E = h === null && b.length === 0, g = () => {
+    d((u) => {
+      const T = !u;
+      return at(T), T;
     });
   };
-  return /* @__PURE__ */ p("div", {
-    className: it(Zt, r),
+  return /* @__PURE__ */ v("div", {
+    className: ht(dr, r),
     style: {
       width: e,
       ...t
     },
     children: [
-      /* @__PURE__ */ p("div", {
-        className: Wt,
-        children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ c("div", {
-          className: jt,
+      /* @__PURE__ */ v("div", {
+        className: rr,
+        children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ c("div", {
+          className: nr,
           children: "compile cache"
         }), /* @__PURE__ */ c("div", {
-          className: rr,
-          children: G ? "production: stats disabled" : h ? `last: ${h.label} · ${ie(h.durationMs)}` : "awaiting first compile…"
+          className: hr,
+          children: E ? "production: stats disabled" : h ? `last: ${h.label} · ${ae(h.durationMs)}` : "awaiting first compile…"
         })] }), /* @__PURE__ */ c("button", {
           type: "button",
-          onClick: () => a((m) => !m),
-          className: nr,
-          children: i ? "▾" : "▴"
+          onClick: () => i((u) => !u),
+          className: gr,
+          children: o ? "▾" : "▴"
         })]
       }),
-      !i && /* @__PURE__ */ p("div", {
+      !o && /* @__PURE__ */ v("div", {
         className: "drqe3ub",
-        children: [/* @__PURE__ */ p("button", {
+        children: [/* @__PURE__ */ v("button", {
           type: "button",
           onClick: g,
-          className: l ? ye.enabled : ye.disabled,
+          className: l ? Se.enabled : Se.disabled,
           "aria-pressed": l,
           children: ["cache ", l ? "enabled" : "disabled"]
         }), /* @__PURE__ */ c("span", {
@@ -832,53 +864,53 @@ var sr = "drqe3uh", or = "drqe3ui", ye = {
           children: "next compile reflects this toggle"
         })]
       }),
-      !i && !G && /* @__PURE__ */ p(ot, { children: [/* @__PURE__ */ c(ir, {
+      !o && !E && /* @__PURE__ */ v(mt, { children: [/* @__PURE__ */ c(vr, {
         delta: h?.stages,
         durations: h?.stageDurationsMs,
-        cumulative: D
-      }), /* @__PURE__ */ c(ar, { entries: N })] })
+        cumulative: P
+      }), /* @__PURE__ */ c(yr, { entries: b })] })
     ]
   });
-}, ir = ({ delta: e, durations: t, cumulative: r }) => /* @__PURE__ */ p("table", {
-  className: Ut,
-  children: [/* @__PURE__ */ c("thead", { children: /* @__PURE__ */ p("tr", {
-    className: sr,
+}, vr = ({ delta: e, durations: t, cumulative: r }) => /* @__PURE__ */ v("table", {
+  className: sr,
+  children: [/* @__PURE__ */ c("thead", { children: /* @__PURE__ */ v("tr", {
+    className: fr,
     children: [
       /* @__PURE__ */ c("th", {
-        className: Vt,
+        className: or,
         children: "stage"
       }),
       /* @__PURE__ */ c("th", {
-        className: B,
+        className: O,
         children: "time"
       }),
       /* @__PURE__ */ c("th", {
-        className: B,
+        className: O,
         children: "Δ miss"
       }),
       /* @__PURE__ */ c("th", {
-        className: B,
+        className: O,
         children: "Δ hit"
       }),
       /* @__PURE__ */ c("th", {
-        className: B,
+        className: O,
         children: "total miss"
       }),
       /* @__PURE__ */ c("th", {
-        className: B,
+        className: O,
         children: "total hit"
       })
     ]
   }) }), /* @__PURE__ */ c("tbody", { children: se.map((n) => {
-    const s = e?.[n], i = cr(s);
-    return /* @__PURE__ */ p("tr", {
-      className: er,
+    const s = e?.[n], o = Sr(s);
+    return /* @__PURE__ */ v("tr", {
+      className: ur,
       children: [
-        /* @__PURE__ */ p("td", {
-          className: Yt,
+        /* @__PURE__ */ v("td", {
+          className: ir,
           children: [
             /* @__PURE__ */ c("span", {
-              className: Ne[i],
+              className: Ce[o],
               "aria-hidden": !0
             }),
             " ",
@@ -887,10 +919,10 @@ var sr = "drqe3uh", or = "drqe3ui", ye = {
         }),
         /* @__PURE__ */ c("td", {
           className: V,
-          children: t === void 0 || i === "untouched" ? "—" : ie(t[n])
+          children: t === void 0 || o === "untouched" ? "—" : ae(t[n])
         }),
         /* @__PURE__ */ c("td", {
-          className: i === "ran" ? Se.ran : Se.dim,
+          className: o === "ran" ? be.ran : be.dim,
           children: s?.misses ?? 0
         }),
         /* @__PURE__ */ c("td", {
@@ -908,54 +940,54 @@ var sr = "drqe3uh", or = "drqe3ui", ye = {
       ]
     }, n);
   }) })]
-}), ar = ({ entries: e }) => e.length === 0 ? null : /* @__PURE__ */ p("div", {
-  className: tr,
+}), yr = ({ entries: e }) => e.length === 0 ? null : /* @__PURE__ */ v("div", {
+  className: mr,
   children: [/* @__PURE__ */ c("div", {
-    className: or,
+    className: pr,
     children: "recent compiles"
   }), e.map((t) => {
-    const r = lr(t.stages, (i) => i.misses > 0), n = se.length;
-    return /* @__PURE__ */ p("div", {
-      className: Xt,
+    const r = br(t.stages, (o) => o.misses > 0), n = se.length;
+    return /* @__PURE__ */ v("div", {
+      className: ar,
       children: [
         /* @__PURE__ */ c("span", {
-          className: Ne[r === 0 ? "cached" : "ran"],
+          className: Ce[r === 0 ? "cached" : "ran"],
           "aria-hidden": !0
         }),
         /* @__PURE__ */ c("span", {
-          className: Qt,
+          className: cr,
           title: t.label,
           children: t.label
         }),
-        /* @__PURE__ */ p("span", {
-          className: Jt,
+        /* @__PURE__ */ v("span", {
+          className: lr,
           children: [
             r,
             "/",
             n,
             " ran · ",
-            ie(t.durationMs)
+            ae(t.durationMs)
           ]
         })
       ]
     }, t.id);
   })]
-}), cr = (e) => !e || e.hits === 0 && e.misses === 0 ? "untouched" : e.misses > 0 ? "ran" : "cached", lr = (e, t) => {
+}), Sr = (e) => !e || e.hits === 0 && e.misses === 0 ? "untouched" : e.misses > 0 ? "ran" : "cached", br = (e, t) => {
   let r = 0;
   for (const n of se) t(e[n]) && (r += 1);
   return r;
-}, ie = (e) => e < 0.1 ? "<0.1ms" : e >= 10 ? `${e.toFixed(0)}ms` : `${e.toFixed(2)}ms`, Ln = () => {
-  const { history: e } = ne(), { stack: t, undo: r, redo: n } = e, s = f((l) => t.subscribe(l), [t]), i = f(() => t.getSnapshot(), [t]), a = st(s, i, i);
-  return _(() => ({
-    ...a,
+}, ae = (e) => e < 0.1 ? "<0.1ms" : e >= 10 ? `${e.toFixed(0)}ms` : `${e.toFixed(2)}ms`, Bn = () => {
+  const { history: e } = ne(), { stack: t, undo: r, redo: n } = e, s = p((l) => t.subscribe(l), [t]), o = p(() => t.getSnapshot(), [t]), i = ut(s, o, o);
+  return $(() => ({
+    ...i,
     undo: r,
     redo: n
   }), [
-    a,
+    i,
     r,
     n
   ]);
-}, dr = /* @__PURE__ */ new Set([
+}, Tr = /* @__PURE__ */ new Set([
   "button",
   "checkbox",
   "color",
@@ -966,101 +998,102 @@ var sr = "drqe3uh", or = "drqe3ui", ye = {
   "range",
   "reset",
   "submit"
-]), Dn = (e, t = {}) => {
+]), Fn = (e, t = {}) => {
   const { target: r, enabled: n = !0 } = t;
-  H(() => {
-    const s = ur(r);
+  _(() => {
+    const s = Er(r);
     if (!n || !s) return;
-    const i = (a) => {
-      if (!mr(a) || a.defaultPrevented || hr(a.target)) return;
-      const l = xe(a);
+    const o = (i) => {
+      if (!Rr(i) || i.defaultPrevented || Gr(i.target)) return;
+      const l = Fe(i);
       if (!l) return;
       const d = e.current;
-      d && (l === "undo" ? d.undo() : d.redo()) && a.preventDefault();
+      d && (l === "undo" ? d.undo() : d.redo()) && i.preventDefault();
     };
-    return s.addEventListener("keydown", i), () => s.removeEventListener("keydown", i);
+    return s.addEventListener("keydown", o), () => s.removeEventListener("keydown", o);
   }, [
     e,
     r,
     n
   ]);
-}, ur = (e) => e === void 0 ? window : e !== null && "current" in e ? e.current : e, mr = (e) => "key" in e, hr = (e) => e instanceof HTMLInputElement ? !dr.has(e.type) : e instanceof HTMLElement ? e.isContentEditable || e.tagName === "TEXTAREA" : !1, qn = () => {
+}, Er = (e) => e === void 0 ? window : e !== null && "current" in e ? e.current : e, Rr = (e) => "key" in e, Gr = (e) => e instanceof HTMLInputElement ? !Tr.has(e.type) : e instanceof HTMLElement ? e.isContentEditable || e.tagName === "TEXTAREA" : !1, Kn = () => {
   const { targetBoundaryStore: e } = ne();
   return re(e, (t) => t.boundary);
 };
 export {
-  Ur as CanvasTextMeasurer,
-  _r as DefaultFooter,
-  Mt as DefaultGeomCircle,
-  At as DefaultGeomLine,
-  Ot as DefaultGeomPath,
-  Bt as DefaultGeomRect,
-  an as DefaultGrid,
-  Cr as DefaultHeader,
-  xr as DefaultSwatch,
-  sn as DefaultTooltip,
-  Pn as DevToolsPanel,
-  en as GRAPH_MODES,
-  Rn as GeomCircle,
-  Gn as GeomLine,
-  Lr as GeomOverpaint,
-  Vr as GeomPanelSizeProvider,
-  In as GeomPath,
-  Nn as GeomRect,
-  ht as GraphErrorBoundary,
-  ue as GraphErrorPanel,
-  $t as GraphProvider,
-  Ar as GraphRenderer,
-  mn as GraphyBadge,
-  Rr as HoverProvider,
-  Kr as IntlProvider,
-  Ir as IntroFade,
-  Fr as IntroWipeClip,
-  kr as TextMeasurerProvider,
-  rn as ThemeProvider,
-  wn as UnitBoxSvg,
-  Cn as UnitSpaceSvg,
-  br as buildDotsEditOutlineShapes,
-  En as createGraphyKit,
-  Mr as darkTheme,
-  Gr as defineGeomRenderer,
-  vr as defineGlyph,
-  $r as getBuiltInEditOutlineShapes,
-  ln as lightTheme,
-  Br as lightenCss,
-  Dr as projectPointCartesian,
-  gt as pruneSelection,
-  O as readPositionPixels,
-  Tn as readRectPixels,
-  yr as resolveGraphyBadgeVariant,
-  un as resolvePathStroke,
-  Sr as scalePointToPanel,
-  pr as stampAxisEditTarget,
-  Zr as stampGridEditTarget,
-  Pr as stampLegendEditTarget,
-  Er as useElementScreenRect,
-  Jr as useFormattingLocale,
-  qr as useGeomHitTest,
-  tn as useGeomHover,
-  Xr as useGeomPanelSize,
-  Tr as useGeomReaderTree,
-  Nr as useGeomStyleReader,
-  Ae as useGeomViewportSize,
-  nn as useGraphCommands,
-  Qr as useGraphHandle,
-  Ln as useGraphHistory,
-  Dn as useGraphHistoryShortcuts,
-  Or as useGraphLocale,
-  Yr as useGraphSelection,
-  dn as useGuidesTakePress,
-  on as useHandleScene,
-  Wr as useHoverState,
-  jr as usePaintDefs,
-  cn as useResolvedStyle,
-  hn as useSceneSelector,
-  wr as useStyleReaderTree,
-  Hr as useStyleResolver,
-  qn as useTargetBoundary,
-  fr as useTextMeasurer,
-  zr as vars
+  rn as CanvasTextMeasurer,
+  Kr as DefaultFooter,
+  Vt as DefaultGeomCircle,
+  Yt as DefaultGeomLine,
+  Qt as DefaultGeomPath,
+  Xt as DefaultGeomRect,
+  vn as DefaultGrid,
+  xr as DefaultHeader,
+  jr as DefaultSwatch,
+  fn as DefaultTooltip,
+  On as DevToolsPanel,
+  un as GRAPH_MODES,
+  _n as GeomCircle,
+  kn as GeomLine,
+  Or as GeomOverpaint,
+  nn as GeomPanelSizeProvider,
+  Hn as GeomPath,
+  $n as GeomRect,
+  bt as GraphErrorBoundary,
+  me as GraphErrorPanel,
+  zt as GraphProvider,
+  Vr as GraphRenderer,
+  En as GraphyBadge,
+  _r as HoverProvider,
+  Zr as IntlProvider,
+  Hr as IntroFade,
+  Qr as IntroWipeClip,
+  xn as SymbolFigure,
+  Fr as TextMeasurerProvider,
+  hn as ThemeProvider,
+  An as UnitBoxSvg,
+  Mn as UnitSpaceSvg,
+  Dr as buildDotsEditOutlineShapes,
+  Dn as createGraphyKit,
+  Wr as darkTheme,
+  kr as defineGeomRenderer,
+  dn as defineGlyph,
+  Ur as getBuiltInEditOutlineShapes,
+  Sn as lightTheme,
+  Yr as lightenCss,
+  $r as projectPointCartesian,
+  Tt as pruneSelection,
+  B as readPositionPixels,
+  qn as readRectPixels,
+  wr as resolveGraphyBadgeVariant,
+  Tn as resolvePathStroke,
+  Lr as scalePointToPanel,
+  Cr as stampAxisEditTarget,
+  ln as stampGridEditTarget,
+  Ar as stampLegendEditTarget,
+  qr as useElementScreenRect,
+  cn as useFormattingLocale,
+  Br as useGeomHitTest,
+  mn as useGeomHover,
+  on as useGeomPanelSize,
+  Mr as useGeomReaderTree,
+  zr as useGeomStyleReader,
+  ze as useGeomViewportSize,
+  gn as useGraphCommands,
+  an as useGraphHandle,
+  Bn as useGraphHistory,
+  Fn as useGraphHistoryShortcuts,
+  Xr as useGraphLocale,
+  sn as useGraphSelection,
+  bn as useGuidesTakePress,
+  pn as useHandleScene,
+  en as useHoverState,
+  tn as usePaintDefs,
+  yn as useResolvedStyle,
+  $e as useSceneSelector,
+  Rn as useStyleReaderTree,
+  Pr as useStyleResolver,
+  Kn as useTargetBoundary,
+  Nr as useTextMeasurer,
+  Jr as vars
 };