@graphysdk/react-renderer 1.9.0-beta.1793293011268 → 1.9.0-beta.1793617099519

package/dist/index.mjs

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