@graphysdk/react-renderer 2.0.0-beta.1788536263128 → 2.0.0-beta.1788537926468

package/dist/index.mjs

@@ -1,54 +1,54 @@
-import { Ct as kt, Ft as te, M as wt, Mt as It, Nt as Dt, O as $t, Pt as ae, St as ce, Tt as xt, X as Ht, Y as Mt, _ as Pt, _t as le, a as Lt, bt as de, ct as Kt, gt as K, i as Bt, it as Ot, j as At, jt, k as Yt, lt as Ft, mt as Ut, n as Wt, pt as Vt, r as Xt, rt as Qt, s as zt, t as ue, tt as Jt, vt as Zt, wt as er, xt as tr, yt as A } from "./history-chords-DSpKFVIF.js";
-import { f as nr, t as me } from "./dev.utils-HBVa4Fj9.js";
-import { COMPILER_STAGE_KEYS as j, Geom as ge, GraphCompilationSession as he, areEditTargetsEqual as pe, buildDiagnostic as W, createAnchorResolver as fe, createCompiler as ve, createGraphyBuilder as ye, findAnnotation as be, isCompilerCachingEnabled as Se, resolveDefinition as Ee, setCompilerCachingEnabled as Te } from "@graphysdk/viz-engine";
-import { Component as Ce, useCallback as f, useEffect as $, useId as Ne, useImperativeHandle as Re, useMemo as P, useRef as V, useState as T, useSyncExternalStore as qe } from "react";
-import { Fragment as Ge, jsx as c, jsxs as v } from "react/jsx-runtime";
+import { Ct as wt, Ft as te, M as It, Mt as Dt, Nt as $t, O as xt, Pt as ce, St as de, Tt as Ht, X as Mt, Y as Pt, _ as Lt, _t as le, a as Kt, bt as ue, ct as Bt, gt as K, i as Ot, it as At, j as jt, jt as Yt, k as Ft, lt as Ut, mt as Wt, n as Vt, pt as Xt, r as Qt, rt as zt, s as Jt, t as me, tt as Zt, vt as er, wt as tr, xt as rr, yt as A } from "./history-chords-d5sl-JzC.js";
+import { f as sr, t as ge } from "./dev.utils-HBVa4Fj9.js";
+import { COMPILER_STAGE_KEYS as j, Geom as he, GraphCompilationSession as pe, areEditTargetsEqual as fe, buildDiagnostic as W, createAnchorResolver as ve, createCompiler as ye, createGraphyBuilder as be, findAnnotation as Se, isCompilerCachingEnabled as Ee, resolveDefinition as Te, setCompilerCachingEnabled as Ce } from "@graphysdk/viz-engine";
+import { Component as Ne, useCallback as f, useEffect as $, useId as Re, useImperativeHandle as qe, useMemo as P, useRef as V, useState as C, useSyncExternalStore as Ge } from "react";
+import { Fragment as _e, jsx as d, jsxs as v } from "react/jsx-runtime";
 import { useStore as X } from "zustand";
 import { createStore as Y } from "zustand/vanilla";
-import _e from "clsx";
+import ke from "clsx";
 import './index.css';function O(e) {
   for (const t of e) (t.severity === "error" ? console.error : console.warn)(`[graphy] ${t.code}: ${t.message}`, t);
 }
-var ke = "_1a5iqpb0", we = "_1a5iqpb1";
-var Ie = "_1a5iqpb3", De = "_1a5iqpb4", $e = "_1a5iqpb5";
+var we = "_1a5iqpb0", Ie = "_1a5iqpb1";
+var De = "_1a5iqpb3", $e = "_1a5iqpb4", xe = "_1a5iqpb5";
 var Q = ({ errors: e }) => {
   const [t, ...r] = e;
   return /* @__PURE__ */ v("div", {
     role: "alert",
-    className: ke,
+    className: we,
     children: [
-      /* @__PURE__ */ c("strong", {
-        className: we,
+      /* @__PURE__ */ d("strong", {
+        className: Ie,
         children: "This chart could not be rendered."
       }),
-      t && /* @__PURE__ */ c(z, { diagnostic: t }),
-      r.length > 0 && /* @__PURE__ */ c("ul", {
+      t && /* @__PURE__ */ d(z, { diagnostic: t }),
+      r.length > 0 && /* @__PURE__ */ d("ul", {
         className: "_1a5iqpb2",
-        children: r.map((n, o) => /* @__PURE__ */ c("li", { children: /* @__PURE__ */ c(z, { diagnostic: n }) }, `${n.code}-${o}`))
+        children: r.map((n, o) => /* @__PURE__ */ d("li", { children: /* @__PURE__ */ d(z, { diagnostic: n }) }, `${n.code}-${o}`))
       })
     ]
   });
 }, z = ({ diagnostic: e }) => /* @__PURE__ */ v("div", {
-  className: Ie,
+  className: De,
   children: [
-    /* @__PURE__ */ c("span", {
-      className: De,
+    /* @__PURE__ */ d("span", {
+      className: $e,
       children: e.code
     }),
-    /* @__PURE__ */ c("p", {
-      className: $e,
+    /* @__PURE__ */ d("p", {
+      className: xe,
       children: e.message
     }),
-    e.suggestion && /* @__PURE__ */ c("p", {
+    e.suggestion && /* @__PURE__ */ d("p", {
       className: "_1a5iqpb6",
       children: e.suggestion
     })
   ]
 });
-function xe(e = [], t = []) {
+function He(e = [], t = []) {
   return e.length === t.length && e.every((r, n) => Object.is(r, t[n]));
 }
-var He = class extends Ce {
+var Me = class extends Ne {
   constructor(...e) {
     super(...e), this.state = { caughtDiagnostic: null };
   }
@@ -60,32 +60,32 @@ var He = class extends Ce {
     O([r]), this.props.onError?.([r]), console.error("Chart render component stack:", t.componentStack);
   }
   componentDidUpdate(e) {
-    this.state.caughtDiagnostic && !xe(e.resetKeys, this.props.resetKeys) && this.setState({ caughtDiagnostic: null });
+    this.state.caughtDiagnostic && !He(e.resetKeys, this.props.resetKeys) && this.setState({ caughtDiagnostic: null });
   }
   render() {
     const { caughtDiagnostic: e } = this.state;
-    if (e) return /* @__PURE__ */ c(Q, { errors: [e] });
+    if (e) return /* @__PURE__ */ d(Q, { errors: [e] });
     const { forcedErrors: t, children: r } = this.props;
-    return t && t.length > 0 ? /* @__PURE__ */ c(Q, { errors: t }) : r;
+    return t && t.length > 0 ? /* @__PURE__ */ d(Q, { errors: t }) : r;
   }
-}, re = (e) => typeof e == "object" && "geom" in e && "render" in e, Me = (e) => {
-  const t = Ee(e);
-  return t instanceof ge ? t : null;
-}, Pe = (e, t) => {
-  const r = e.filter((n) => Le(n, t));
+}, re = (e) => typeof e == "object" && "geom" in e && "render" in e, Pe = (e) => {
+  const t = Te(e);
+  return t instanceof he ? t : null;
+}, Le = (e, t) => {
+  const r = e.filter((n) => Ke(n, t));
   return r.length === e.length ? e : r;
-}, Le = (e, t) => e.kind !== "annotation" ? !0 : be(t.annotations, e.id) !== null, J = [], Ke = () => Y((e) => ({
+}, Ke = (e, t) => e.kind !== "annotation" ? !0 : Se(t.annotations, e.id) !== null, J = [], Be = () => Y((e) => ({
   selection: J,
-  setSelection: (t) => e((r) => Be(r.selection, t) ? r : { selection: t }),
+  setSelection: (t) => e((r) => Oe(r.selection, t) ? r : { selection: t }),
   clearSelection: () => e((t) => t.selection.length === 0 ? t : { selection: J })
-})), Be = (e, t) => e === t ? !0 : e.length !== t.length ? !1 : e.every((r, n) => {
+})), Oe = (e, t) => e === t ? !0 : e.length !== t.length ? !1 : e.every((r, n) => {
   const o = t[n];
-  return o !== void 0 && pe(r, o);
-}), Oe = 5, Ae = (e) => {
-  if (!me) return {
+  return o !== void 0 && fe(r, o);
+}), Ae = 5, je = (e) => {
+  if (!ge) return {
     emit: () => {
     },
-    subscribe: () => Ye,
+    subscribe: () => Fe,
     getLastTrigger: () => null,
     getLastCompile: () => null,
     getCacheStats: () => e.getCacheStats()
@@ -97,7 +97,7 @@ var He = class extends Ce {
       const o = e.getLastCompile();
       if (o) {
         r = n;
-        for (const l of t) l(n, o);
+        for (const a of t) a(n, o);
       }
     },
     subscribe: (n) => (t.add(n), () => {
@@ -107,7 +107,7 @@ var He = class extends Ce {
     getLastCompile: () => e.getLastCompile(),
     getCacheStats: () => e.getCacheStats()
   };
-}, je = () => Y((e) => ({
+}, Ye = () => Y((e) => ({
   lastCompile: null,
   history: [],
   nextId: 1,
@@ -116,19 +116,19 @@ var He = class extends Ce {
     if (n.lastSnapshot === r) return n;
     const o = {
       id: n.nextId,
-      label: Fe(t),
+      label: Ue(t),
       stages: r.stages,
       durationMs: r.durationMs
     };
     return {
       lastCompile: o,
-      history: Ue(n.history, o, Oe),
+      history: We(n.history, o, Ae),
       nextId: n.nextId + 1,
       lastSnapshot: r
     };
   })
-})), Ye = () => {
-}, Fe = (e) => {
+})), Fe = () => {
+}, Ue = (e) => {
   switch (e.kind) {
     case "init":
       return "init";
@@ -139,58 +139,58 @@ var He = class extends Ce {
     case "command":
       return e.command.metadata.description;
   }
-}, Ue = (e, t, r) => {
+}, We = (e, t, r) => {
   const n = e.length >= r ? e.length - (r - 1) : 0;
   return [...e.slice(n), t];
 };
-function We(e) {
-  const t = e.filter(re), r = /* @__PURE__ */ new Set([...Object.keys(de), ...t.map((a) => a.geom)]), n = [], o = /* @__PURE__ */ new Set();
-  for (const a of e) {
-    const d = Me(a);
-    d === null || r.has(d.type) || o.has(d.type) || (o.add(d.type), n.push({
+function Ve(e) {
+  const t = e.filter(re), r = /* @__PURE__ */ new Set([...Object.keys(ue), ...t.map((c) => c.geom)]), n = [], o = /* @__PURE__ */ new Set();
+  for (const c of e) {
+    const l = Pe(c);
+    l === null || r.has(l.type) || o.has(l.type) || (o.add(l.type), n.push({
       kind: "user-input",
       severity: "error",
       code: "MISSING_GEOM_RENDERER",
-      message: `Custom geom '${d.type}' is registered but has no renderer.`,
+      message: `Custom geom '${l.type}' is registered but has no renderer.`,
       context: {
-        requested: d.type,
+        requested: l.type,
         kind: "geom-renderer"
       },
-      suggestion: `Add a render half for it: \`defineGeomRenderer(${d.type}Geom, { coord, render })\`, then include it in \`plugins\`.`
+      suggestion: `Add a render half for it: \`defineGeomRenderer(${l.type}Geom, { coord, render })\`, then include it in \`plugins\`.`
     }));
   }
-  const l = /* @__PURE__ */ new Map();
-  for (const a of t) {
-    if ("definition" in a) continue;
-    const d = `${a.geom}|${a.coord}`, m = l.get(d);
-    m ? m.count += 1 : l.set(d, {
-      geom: a.geom,
-      coord: a.coord,
+  const a = /* @__PURE__ */ new Map();
+  for (const c of t) {
+    if ("definition" in c) continue;
+    const l = `${c.geom}|${c.coord}`, h = a.get(l);
+    h ? h.count += 1 : a.set(l, {
+      geom: c.geom,
+      coord: c.coord,
       count: 1
     });
   }
   const i = [];
-  for (const { geom: a, coord: d, count: m } of l.values())
-    m < 2 || i.push({
+  for (const { geom: c, coord: l, count: h } of a.values())
+    h < 2 || i.push({
       kind: "user-input",
       severity: "warning",
       code: "DUPLICATE_REGISTERED_TYPE",
-      message: `Multiple render-only overrides register ('${a}', '${d}') (${m} entries); the last in the array wins.`,
+      message: `Multiple render-only overrides register ('${c}', '${l}') (${h} entries); the last in the array wins.`,
       context: {
-        requested: `${a}@${d}`,
+        requested: `${c}@${l}`,
         kind: "geom-renderer"
       },
-      suggestion: `Keep a single render-only override for ('${a}', '${d}').`
+      suggestion: `Keep a single render-only override for ('${c}', '${l}').`
     });
   return {
     errors: n,
     warnings: i
   };
 }
-function Ve(e, t) {
-  const { coordSystem: r, layers: n } = e, o = /* @__PURE__ */ new Set(), l = [];
+function Xe(e, t) {
+  const { coordSystem: r, layers: n } = e, o = /* @__PURE__ */ new Set(), a = [];
   for (const i of n)
-    t(i.geom, r.type) !== null || o.has(i.geom) || (o.add(i.geom), l.push({
+    t(i.geom, r.type) !== null || o.has(i.geom) || (o.add(i.geom), a.push({
       kind: "user-input",
       severity: "warning",
       code: "MISSING_GEOM_RENDERER",
@@ -201,14 +201,14 @@ function Ve(e, t) {
       },
       suggestion: `Register a renderer for ('${i.geom}', '${r.type}') via \`defineGeomRenderer\`.`
     }));
-  return l;
+  return a;
 }
-function Xe(e, t) {
-  const { coordSystem: r, layers: n } = e, o = /* @__PURE__ */ new Set(), l = [];
+function Qe(e, t) {
+  const { coordSystem: r, layers: n } = e, o = /* @__PURE__ */ new Set(), a = [];
   for (const i of n) {
     if (i.interactive === !1 || i.spatialKind !== "render-hit-test" || o.has(i.geom)) continue;
-    const a = t(i.geom, r.type);
-    a === null || a.hitTest || A(a) || (o.add(i.geom), l.push({
+    const c = t(i.geom, r.type);
+    c === null || c.hitTest || A(c) || (o.add(i.geom), a.push({
       kind: "user-input",
       severity: "warning",
       code: "MISSING_RENDER_HIT_TEST",
@@ -220,9 +220,9 @@ function Xe(e, t) {
       suggestion: `Add a \`hitTest\` factory (precomputed geometry) or an overlay render (\`{ fn, options: { overlay: true } }\`, live simulation) to the renderer for ('${i.geom}', '${r.type}').`
     }));
   }
-  return l;
+  return a;
 }
-function Qe(e) {
+function ze(e) {
   const t = /* @__PURE__ */ new Set(), r = [];
   for (const n of e.layers) {
     const o = n.identityKey;
@@ -240,12 +240,12 @@ function Qe(e) {
   }
   return r;
 }
-function ze(e, t) {
-  const { coordSystem: r, layers: n } = e, o = /* @__PURE__ */ new Set(), l = [];
+function Je(e, t) {
+  const { coordSystem: r, layers: n } = e, o = /* @__PURE__ */ new Set(), a = [];
   for (const i of n) {
     if (i.interactive === !1 || i.spatialKind !== "render-hit-test" || o.has(i.geom)) continue;
-    const a = t(i.geom, r.type);
-    a === null || !a.hitTest || !A(a) || (o.add(i.geom), l.push({
+    const c = t(i.geom, r.type);
+    c === null || !c.hitTest || !A(c) || (o.add(i.geom), a.push({
       kind: "user-input",
       severity: "warning",
       code: "CONFLICTING_RENDER_HIT_TEST",
@@ -257,9 +257,9 @@ function ze(e, t) {
       suggestion: "Keep one: a `hitTest` factory for precomputed geometry, OR an overlay render (`{ fn, options: { overlay: true } }`) for a live simulation."
     }));
   }
-  return l;
+  return a;
 }
-function Je(e, t) {
+function Ze(e, t) {
   const r = /* @__PURE__ */ new Set(), n = [];
   for (const o of e.layers)
     o.interactive !== !1 && (o.spatialKind !== "render-hit-test" || r.has(o.geom) || t.hasCapability(o.geom) || (r.add(o.geom), n.push({
@@ -275,12 +275,12 @@ function Je(e, t) {
     })));
   return n;
 }
-function Ze(e, t) {
-  const { coordSystem: r, layers: n } = e, o = /* @__PURE__ */ new Set(), l = [];
+function et(e, t) {
+  const { coordSystem: r, layers: n } = e, o = /* @__PURE__ */ new Set(), a = [];
   for (const i of n) {
     if (i.interactive === !1 || i.spatialKind === "render-hit-test" || o.has(i.geom)) continue;
-    const a = t(i.geom, r.type);
-    a === null || !A(a) || (o.add(i.geom), l.push({
+    const c = t(i.geom, r.type);
+    c === null || !A(c) || (o.add(i.geom), a.push({
       kind: "user-input",
       severity: "warning",
       code: "OVERLAY_REQUIRES_RENDER_HIT_TEST",
@@ -292,102 +292,105 @@ function Ze(e, t) {
       suggestion: "Have the geom's manifest yield spatialKind 'render-hit-test' so the compiled layer carries the `byKey` index the overlay's `pushHover` resolves against."
     }));
   }
-  return l;
+  return a;
 }
-var et = (e) => Y((t) => ({
+var tt = (e) => Y((t) => ({
   compiled: e,
   setCompiled: (r) => t((n) => n.compiled === r ? n : { compiled: r })
-})), tt = ({ input: e, data: t, customPalettes: r, plugins: n, resolveRenderer: o, anchorResolver: l, onChange: i, onError: a, onWarnings: d }) => {
-  const m = K(i), q = K(a), w = K(d), [{ session: g, compileBus: b }] = T(() => {
-    const s = ve({ plugins: n });
+})), rt = ({ input: e, data: t, customPalettes: r, colorScheme: n, plugins: o, resolveRenderer: a, anchorResolver: i, onChange: c, onError: l, onWarnings: h }) => {
+  const T = K(c), w = K(l), q = K(h), [{ session: g, compileBus: u }] = C(() => {
+    const s = ye({ plugins: o });
     return {
-      session: new he(s),
-      compileBus: Ae(s)
+      session: new pe(s),
+      compileBus: je(s)
     };
-  }), [u] = T(() => We(n ?? [])), h = V(null), [y] = T(rt), C = V(null), G = f((s) => u.errors.length === 0 ? s : [...u.errors, ...s ?? []], [u]), N = f((s) => {
+  }), [m] = C(() => Ve(o ?? [])), y = V(null), [_] = C(nt), N = V(null), b = f((s) => m.errors.length === 0 ? s : [...m.errors, ...s ?? []], [m]), I = f((s) => {
     if (!s.ok) return s.errors;
-    if (C.current) C.current.getState().setCompiled(s.compiled);
+    if (N.current) N.current.getState().setCompiled(s.compiled);
     else {
-      const p = et(s.compiled);
-      p.subscribe(y.notify), C.current = p, y.notify();
+      const p = tt(s.compiled);
+      p.subscribe(_.notify), N.current = p, _.notify();
     }
     return null;
-  }, [y]), [x, I] = T(() => {
+  }, [_]), [x, D] = C(() => {
     const s = g.compile({
       input: e,
       data: t,
-      customPalettes: r
+      customPalettes: r,
+      colorScheme: n
     });
-    return h.current = s, G(N(s));
-  }), R = f((s) => s.ok ? [
+    return y.current = s, b(I(s));
+  }), G = f((s) => s.ok ? [
     ...s.warnings,
-    ...Ve(s.compiled, o),
-    ...Xe(s.compiled, o),
-    ...Qe(s.compiled),
-    ...ze(s.compiled, o),
-    ...Ze(s.compiled, o),
-    ...Je(s.compiled, l)
-  ] : s.warnings, [o, l]), _ = f((s) => {
-    s.length !== 0 && (O(s), q.current?.(s));
-  }, [q]), S = f((s) => {
+    ...Xe(s.compiled, a),
+    ...Qe(s.compiled, a),
+    ...ze(s.compiled),
+    ...Je(s.compiled, a),
+    ...et(s.compiled, a),
+    ...Ze(s.compiled, i)
+  ] : s.warnings, [a, i]), S = f((s) => {
     s.length !== 0 && (O(s), w.current?.(s));
-  }, [w]);
+  }, [w]), R = f((s) => {
+    s.length !== 0 && (O(s), q.current?.(s));
+  }, [q]);
   $(() => {
-    const s = h.current;
-    s && (_([...u.errors, ...s.ok ? [] : s.errors]), S([...u.warnings, ...R(s)]), s.ok && b.emit({ kind: "init" }));
+    const s = y.current;
+    s && (S([...m.errors, ...s.ok ? [] : s.errors]), R([...m.warnings, ...G(s)]), s.ok && u.emit({ kind: "init" }));
   }, [
-    b,
-    _,
-    S,
     u,
-    R
+    S,
+    R,
+    m,
+    G
   ]), $(() => {
     const s = g.update({
       input: e,
       data: t,
-      customPalettes: r
+      customPalettes: r,
+      colorScheme: n
     });
     if (!s) return;
-    s.sealedInput && m.current?.(s.sealedInput);
-    const p = N(s.result);
-    I(G(p)), p && _(p), S(R(s.result)), p || b.emit({ kind: s.inputChanged ? "input" : "data" });
+    s.sealedInput && T.current?.(s.sealedInput);
+    const p = I(s.result);
+    D(b(p)), p && S(p), R(G(s.result)), p || u.emit({ kind: s.inputChanged ? "input" : "data" });
   }, [
     e,
     t,
     r,
+    n,
     g,
-    b,
-    N,
-    _,
+    u,
+    I,
     S,
-    G,
     R,
-    m
+    b,
+    G,
+    T
   ]);
-  const D = f((s) => {
-    I((p) => p === null ? p : G(null)), S(R(s));
+  const k = f((s) => {
+    D((p) => p === null ? p : b(null)), R(G(s));
   }, [
-    G,
-    S,
-    R
-  ]), k = f((s) => {
-    s.compiled && C.current?.getState().setCompiled(s.compiled), s.result && D(s.result), s.command && b.emit({
+    b,
+    R,
+    G
+  ]), H = f((s) => {
+    s.compiled && N.current?.getState().setCompiled(s.compiled), s.result && k(s.result), s.command && u.emit({
       kind: "command",
       command: s.command
-    }), s.input && m.current?.(s.input), s.errors && _([...s.errors]);
+    }), s.input && T.current?.(s.input), s.errors && S([...s.errors]);
   }, [
-    D,
-    b,
-    m,
-    _
+    k,
+    u,
+    T,
+    S
   ]), E = f((s) => {
-    for (const p of s) k(p);
+    for (const p of s) H(p);
     return s.some((p) => !!p.compiled);
-  }, [k]), H = f((s, p) => {
+  }, [H]), L = f((s, p) => {
     E(g.applyCommand(s, p));
-  }, [g, E]), L = f(() => {
+  }, [g, E]), oe = f(() => {
     E(g.seal());
-  }, [g, E]), F = f(() => E(g.undo()), [g, E]), U = f(() => E(g.redo()), [g, E]), oe = P(() => ({
+  }, [g, E]), F = f(() => E(g.undo()), [g, E]), U = f(() => E(g.redo()), [g, E]), ie = P(() => ({
     stack: g.history,
     undo: F,
     redo: U
@@ -395,18 +398,18 @@ var et = (e) => Y((t) => ({
     g,
     F,
     U
-  ]), ie = f(() => C.current?.getState().compiled ?? null, []);
+  ]), ae = f(() => N.current?.getState().compiled ?? null, []);
   return {
-    store: C.current,
-    dispatch: H,
-    seal: L,
-    history: oe,
-    subscribe: y.subscribe,
-    getCompiled: ie,
-    compileBus: b,
+    store: N.current,
+    dispatch: L,
+    seal: oe,
+    history: ie,
+    subscribe: _.subscribe,
+    getCompiled: ae,
+    compileBus: u,
     compileErrors: x
   };
-}, rt = () => {
+}, nt = () => {
   const e = /* @__PURE__ */ new Set();
   return {
     subscribe: (t) => (e.add(t), () => {
@@ -414,93 +417,94 @@ var et = (e) => Y((t) => ({
     }),
     notify: () => e.forEach((t) => t())
   };
-}, nt = {}, st = ({ data: e, input: t, plugins: r = [], formattingLocale: n, handleRef: o, onChange: l, onError: i, onWarnings: a, customPalettes: d, colorScheme: m = "light", themeOverrides: q = nt, children: w }) => {
-  const [g] = T(() => le(r.filter(re))), b = Ne(), [u] = T(() => fe(r)), [h] = T(() => Ke()), { store: y, dispatch: C, seal: G, history: N, subscribe: x, getCompiled: I, compileBus: R, compileErrors: _ } = tt({
+}, st = {}, ot = ({ data: e, input: t, plugins: r = [], formattingLocale: n, handleRef: o, onChange: a, onError: i, onWarnings: c, customPalettes: l, colorScheme: h = "light", themeOverrides: T = st, children: w }) => {
+  const [q] = C(() => le(r.filter(re))), g = Re(), [u] = C(() => ve(r)), [m] = C(() => Be()), { store: y, dispatch: _, seal: N, history: b, subscribe: I, getCompiled: x, compileBus: D, compileErrors: G } = rt({
     input: t,
     data: e,
-    customPalettes: d,
+    customPalettes: l,
+    colorScheme: h,
     plugins: r,
-    resolveRenderer: g,
+    resolveRenderer: q,
     anchorResolver: u,
-    onChange: l,
+    onChange: a,
     onError: i,
-    onWarnings: a
+    onWarnings: c
   });
   $(() => {
     if (y)
-      return y.subscribe((k, E) => {
-        if (k.compiled.spec === E.compiled.spec) return;
-        const { selection: H, setSelection: L } = h.getState();
-        H.length !== 0 && L(Pe(H, k.compiled.spec));
+      return y.subscribe((k, H) => {
+        if (k.compiled.spec === H.compiled.spec) return;
+        const { selection: E, setSelection: L } = m.getState();
+        E.length !== 0 && L(Le(E, k.compiled.spec));
       });
-  }, [y, h]);
+  }, [y, m]);
   const S = P(() => ({
-    dispatch: C,
-    seal: G
-  }), [C, G]);
-  Re(o, () => ({
+    dispatch: _,
+    seal: N
+  }), [_, N]);
+  qe(o, () => ({
     commands: S,
-    undo: N.undo,
-    redo: N.redo,
-    subscribe: x,
-    getCompiled: I,
-    getSelection: () => h.getState().selection,
-    setSelection: (k) => h.getState().setSelection(k),
-    subscribeSelection: h.subscribe
+    undo: b.undo,
+    redo: b.redo,
+    subscribe: I,
+    getCompiled: x,
+    getSelection: () => m.getState().selection,
+    setSelection: (k) => m.getState().setSelection(k),
+    subscribeSelection: m.subscribe
   }), [
     S,
-    N,
-    x,
+    b,
     I,
-    h
+    x,
+    m
   ]);
-  const D = P(() => y ? {
-    chartId: b,
+  const R = P(() => y ? {
+    chartId: g,
     store: y,
-    selectionStore: h,
+    selectionStore: m,
     commands: S,
-    history: N,
+    history: b,
     formattingLocale: n,
-    compileBus: R,
-    colorScheme: m,
-    themeOverrides: q,
+    compileBus: D,
+    colorScheme: h,
+    themeOverrides: T,
     anchorResolver: u
   } : null, [
-    b,
+    g,
     y,
-    h,
+    m,
     S,
-    N,
+    b,
     n,
-    R,
-    m,
-    q,
+    D,
+    h,
+    T,
     u
   ]);
-  return /* @__PURE__ */ c(He, {
-    forcedErrors: _,
+  return /* @__PURE__ */ d(Me, {
+    forcedErrors: G,
     onError: i,
     resetKeys: [t, e],
-    children: D ? /* @__PURE__ */ c(ae.Provider, {
-      value: D,
-      children: /* @__PURE__ */ c(ce, {
-        value: g,
+    children: R ? /* @__PURE__ */ d(ce.Provider, {
+      value: R,
+      children: /* @__PURE__ */ d(de, {
+        value: q,
         children: w
       })
     }) : null
   });
 };
-function dr(e) {
-  const t = ye(e);
+function ur(e) {
+  const t = be(e);
   return {
     ...t,
-    GraphProvider: (n) => /* @__PURE__ */ c(st, {
+    GraphProvider: (n) => /* @__PURE__ */ d(ot, {
       ...n,
       plugins: t.plugins
     })
   };
 }
-var ur = ({ children: e, ...t }) => /* @__PURE__ */ c("svg", {
+var mr = ({ children: e, ...t }) => /* @__PURE__ */ d("svg", {
   viewBox: "0 0 1 1",
   preserveAspectRatio: "none",
   width: "100%",
@@ -508,9 +512,9 @@ var ur = ({ children: e, ...t }) => /* @__PURE__ */ c("svg", {
   pointerEvents: "none",
   ...t,
   children: e
-}), ot = "drqe3u0", it = "drqe3u1", at = "drqe3u2", ct = "drqe3u3", M = "drqe3u4", lt = "drqe3u5", dt = "drqe3u6", ut = "drqe3u7", B = "drqe3u8", mt = "drqe3u9", gt = "drqe3ua";
-var ht = "drqe3uc", pt = "drqe3ud", ft = "drqe3ue", vt = "drqe3uf";
-var yt = "drqe3uh", bt = "drqe3ui", Z = {
+}), it = "drqe3u0", at = "drqe3u1", ct = "drqe3u2", dt = "drqe3u3", M = "drqe3u4", lt = "drqe3u5", ut = "drqe3u6", mt = "drqe3u7", B = "drqe3u8", gt = "drqe3u9", ht = "drqe3ua";
+var pt = "drqe3uc", ft = "drqe3ud", vt = "drqe3ue", yt = "drqe3uf";
+var bt = "drqe3uh", St = "drqe3ui", Z = {
   enabled: "drqe3uk drqe3uj",
   disabled: "drqe3ul drqe3uj"
 }, ee = {
@@ -520,94 +524,94 @@ var yt = "drqe3uh", bt = "drqe3ui", Z = {
   ran: "drqe3uq drqe3up",
   cached: "drqe3ur drqe3up",
   untouched: "drqe3us drqe3up"
-}, mr = ({ width: e = 380, style: t, className: r } = {}) => {
-  const { compileBus: n } = te(), [o] = T(() => je()), [l, i] = T(!1), [a, d] = T(Se);
+}, gr = ({ width: e = 380, style: t, className: r } = {}) => {
+  const { compileBus: n } = te(), [o] = C(() => Ye()), [a, i] = C(!1), [c, l] = C(Ee);
   $(() => {
-    const { recordCompile: u } = o.getState(), h = n.getLastTrigger(), y = n.getLastCompile();
-    return h && y && u(h, y), n.subscribe(u);
+    const { recordCompile: u } = o.getState(), m = n.getLastTrigger(), y = n.getLastCompile();
+    return m && y && u(m, y), n.subscribe(u);
   }, [o, n]);
-  const m = X(o, (u) => u.lastCompile), q = X(o, (u) => u.history), w = n.getCacheStats(), g = m === null && q.length === 0, b = () => {
-    d((u) => {
-      const h = !u;
-      return Te(h), h;
+  const h = X(o, (u) => u.lastCompile), T = X(o, (u) => u.history), w = n.getCacheStats(), q = h === null && T.length === 0, g = () => {
+    l((u) => {
+      const m = !u;
+      return Ce(m), m;
     });
   };
   return /* @__PURE__ */ v("div", {
-    className: _e(gt, r),
+    className: ke(ht, r),
     style: {
       width: e,
       ...t
     },
     children: [
       /* @__PURE__ */ v("div", {
-        className: ot,
-        children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ c("div", {
-          className: it,
+        className: it,
+        children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ d("div", {
+          className: at,
           children: "compile cache"
-        }), /* @__PURE__ */ c("div", {
-          className: ft,
-          children: g ? "production: stats disabled" : m ? `last: ${m.label} · ${se(m.durationMs)}` : "awaiting first compile…"
-        })] }), /* @__PURE__ */ c("button", {
+        }), /* @__PURE__ */ d("div", {
+          className: vt,
+          children: q ? "production: stats disabled" : h ? `last: ${h.label} · ${se(h.durationMs)}` : "awaiting first compile…"
+        })] }), /* @__PURE__ */ d("button", {
           type: "button",
           onClick: () => i((u) => !u),
-          className: vt,
-          children: l ? "▾" : "▴"
+          className: yt,
+          children: a ? "▾" : "▴"
         })]
       }),
-      !l && /* @__PURE__ */ v("div", {
+      !a && /* @__PURE__ */ v("div", {
         className: "drqe3ub",
         children: [/* @__PURE__ */ v("button", {
           type: "button",
-          onClick: b,
-          className: a ? Z.enabled : Z.disabled,
-          "aria-pressed": a,
-          children: ["cache ", a ? "enabled" : "disabled"]
-        }), /* @__PURE__ */ c("span", {
+          onClick: g,
+          className: c ? Z.enabled : Z.disabled,
+          "aria-pressed": c,
+          children: ["cache ", c ? "enabled" : "disabled"]
+        }), /* @__PURE__ */ d("span", {
           className: "drqe3ug",
           children: "next compile reflects this toggle"
         })]
       }),
-      !l && !g && /* @__PURE__ */ v(Ge, { children: [/* @__PURE__ */ c(St, {
-        delta: m?.stages,
+      !a && !q && /* @__PURE__ */ v(_e, { children: [/* @__PURE__ */ d(Et, {
+        delta: h?.stages,
         cumulative: w
-      }), /* @__PURE__ */ c(Et, { entries: q })] })
+      }), /* @__PURE__ */ d(Tt, { entries: T })] })
     ]
   });
-}, St = ({ delta: e, cumulative: t }) => /* @__PURE__ */ v("table", {
-  className: at,
-  children: [/* @__PURE__ */ c("thead", { children: /* @__PURE__ */ v("tr", {
-    className: yt,
+}, Et = ({ delta: e, cumulative: t }) => /* @__PURE__ */ v("table", {
+  className: ct,
+  children: [/* @__PURE__ */ d("thead", { children: /* @__PURE__ */ v("tr", {
+    className: bt,
     children: [
-      /* @__PURE__ */ c("th", {
-        className: ct,
+      /* @__PURE__ */ d("th", {
+        className: dt,
         children: "stage"
       }),
-      /* @__PURE__ */ c("th", {
+      /* @__PURE__ */ d("th", {
         className: M,
         children: "Δ miss"
       }),
-      /* @__PURE__ */ c("th", {
+      /* @__PURE__ */ d("th", {
         className: M,
         children: "Δ hit"
       }),
-      /* @__PURE__ */ c("th", {
+      /* @__PURE__ */ d("th", {
         className: M,
         children: "total miss"
       }),
-      /* @__PURE__ */ c("th", {
+      /* @__PURE__ */ d("th", {
         className: M,
         children: "total hit"
       })
     ]
-  }) }), /* @__PURE__ */ c("tbody", { children: j.map((r) => {
-    const n = e?.[r], o = Tt(n);
+  }) }), /* @__PURE__ */ d("tbody", { children: j.map((r) => {
+    const n = e?.[r], o = Ct(n);
     return /* @__PURE__ */ v("tr", {
-      className: ht,
+      className: pt,
       children: [
         /* @__PURE__ */ v("td", {
           className: lt,
           children: [
-            /* @__PURE__ */ c("span", {
+            /* @__PURE__ */ d("span", {
               className: ne[o],
               "aria-hidden": !0
             }),
@@ -615,46 +619,46 @@ var yt = "drqe3uh", bt = "drqe3ui", Z = {
             r
           ]
         }),
-        /* @__PURE__ */ c("td", {
+        /* @__PURE__ */ d("td", {
           className: o === "ran" ? ee.ran : ee.dim,
           children: n?.misses ?? 0
         }),
-        /* @__PURE__ */ c("td", {
+        /* @__PURE__ */ d("td", {
           className: B,
           children: n?.hits ?? 0
         }),
-        /* @__PURE__ */ c("td", {
+        /* @__PURE__ */ d("td", {
           className: B,
           children: t[r].misses
         }),
-        /* @__PURE__ */ c("td", {
+        /* @__PURE__ */ d("td", {
           className: B,
           children: t[r].hits
         })
       ]
     }, r);
   }) })]
-}), Et = ({ entries: e }) => e.length === 0 ? null : /* @__PURE__ */ v("div", {
-  className: pt,
-  children: [/* @__PURE__ */ c("div", {
-    className: bt,
+}), Tt = ({ entries: e }) => e.length === 0 ? null : /* @__PURE__ */ v("div", {
+  className: ft,
+  children: [/* @__PURE__ */ d("div", {
+    className: St,
     children: "recent compiles"
   }), e.map((t) => {
-    const r = Ct(t.stages, (l) => l.misses > 0), n = j.length;
+    const r = Nt(t.stages, (a) => a.misses > 0), n = j.length;
     return /* @__PURE__ */ v("div", {
-      className: dt,
+      className: ut,
       children: [
-        /* @__PURE__ */ c("span", {
+        /* @__PURE__ */ d("span", {
           className: ne[r === 0 ? "cached" : "ran"],
           "aria-hidden": !0
         }),
-        /* @__PURE__ */ c("span", {
-          className: ut,
+        /* @__PURE__ */ d("span", {
+          className: mt,
           title: t.label,
           children: t.label
         }),
         /* @__PURE__ */ v("span", {
-          className: mt,
+          className: gt,
           children: [
             r,
             "/",
@@ -666,12 +670,12 @@ var yt = "drqe3uh", bt = "drqe3ui", Z = {
       ]
     }, t.id);
   })]
-}), Tt = (e) => !e || e.hits === 0 && e.misses === 0 ? "untouched" : e.misses > 0 ? "ran" : "cached", Ct = (e, t) => {
+}), Ct = (e) => !e || e.hits === 0 && e.misses === 0 ? "untouched" : e.misses > 0 ? "ran" : "cached", Nt = (e, t) => {
   let r = 0;
   for (const n of j) t(e[n]) && (r += 1);
   return r;
-}, se = (e) => e >= 10 ? `${e.toFixed(0)}ms` : `${e.toFixed(2)}ms`, gr = () => {
-  const { history: e } = te(), { stack: t, undo: r, redo: n } = e, o = f((a) => t.subscribe(a), [t]), l = f(() => t.getSnapshot(), [t]), i = qe(o, l, l);
+}, se = (e) => e >= 10 ? `${e.toFixed(0)}ms` : `${e.toFixed(2)}ms`, hr = () => {
+  const { history: e } = te(), { stack: t, undo: r, redo: n } = e, o = f((c) => t.subscribe(c), [t]), a = f(() => t.getSnapshot(), [t]), i = Ge(o, a, a);
   return P(() => ({
     ...i,
     undo: r,
@@ -681,7 +685,7 @@ var yt = "drqe3uh", bt = "drqe3ui", Z = {
     r,
     n
   ]);
-}, Nt = /* @__PURE__ */ new Set([
+}, Rt = /* @__PURE__ */ new Set([
   "button",
   "checkbox",
   "color",
@@ -692,61 +696,61 @@ var yt = "drqe3uh", bt = "drqe3ui", Z = {
   "range",
   "reset",
   "submit"
-]), hr = (e, t = {}) => {
+]), pr = (e, t = {}) => {
   const { target: r, enabled: n = !0 } = t;
   $(() => {
-    const o = Rt(r);
+    const o = qt(r);
     if (!n || !o) return;
-    const l = (i) => {
-      if (!qt(i) || i.defaultPrevented || Gt(i.target)) return;
-      const a = ue(i);
-      if (!a) return;
-      const d = e.current;
-      d && (a === "undo" ? d.undo() : d.redo()) && i.preventDefault();
+    const a = (i) => {
+      if (!Gt(i) || i.defaultPrevented || _t(i.target)) return;
+      const c = me(i);
+      if (!c) return;
+      const l = e.current;
+      l && (c === "undo" ? l.undo() : l.redo()) && i.preventDefault();
     };
-    return o.addEventListener("keydown", l), () => o.removeEventListener("keydown", l);
+    return o.addEventListener("keydown", a), () => o.removeEventListener("keydown", a);
   }, [
     e,
     r,
     n
   ]);
-}, Rt = (e) => e === void 0 ? window : e !== null && "current" in e ? e.current : e, qt = (e) => "key" in e, Gt = (e) => e instanceof HTMLInputElement ? !Nt.has(e.type) : e instanceof HTMLElement ? e.isContentEditable || e.tagName === "TEXTAREA" : !1;
+}, qt = (e) => e === void 0 ? window : e !== null && "current" in e ? e.current : e, Gt = (e) => "key" in e, _t = (e) => e instanceof HTMLInputElement ? !Rt.has(e.type) : e instanceof HTMLElement ? e.isContentEditable || e.tagName === "TEXTAREA" : !1;
 export {
-  At as BrandMark,
-  xt as CanvasTextMeasurer,
-  Yt as DefaultFooter,
-  zt as DefaultGrid,
-  $t as DefaultHeader,
-  tr as DefaultSwatch,
-  Mt as DefaultTooltip,
-  mr as DevToolsPanel,
-  He as GraphErrorBoundary,
+  jt as BrandMark,
+  Ht as CanvasTextMeasurer,
+  Ft as DefaultFooter,
+  Jt as DefaultGrid,
+  xt as DefaultHeader,
+  rr as DefaultSwatch,
+  Pt as DefaultTooltip,
+  gr as DevToolsPanel,
+  Me as GraphErrorBoundary,
   Q as GraphErrorPanel,
-  st as GraphProvider,
-  Lt as GraphRenderer,
-  Ut as HoverProvider,
-  kt as TextMeasurerProvider,
-  Jt as ThemeProvider,
-  ur as UnitSpaceSvg,
-  dr as createGraphyKit,
-  Qt as darkTheme,
-  Zt as defineGeomRenderer,
-  Ot as lightTheme,
-  jt as lightenCss,
-  Pe as pruneSelection,
-  wt as resolveBrandMarkVisual,
-  Dt as useCompiledSelector,
-  Ft as useElementScreenRect,
-  Vt as useGeomHitTest,
-  Kt as useGeomHover,
-  Wt as useGraphCommands,
-  Bt as useGraphHandle,
-  gr as useGraphHistory,
-  hr as useGraphHistoryShortcuts,
-  Pt as useGraphSelection,
-  Xt as useHandleCompiled,
-  Ht as useHoverState,
-  It as useStyleReaders,
-  er as useTextMeasurer,
-  nr as vars
+  ot as GraphProvider,
+  Kt as GraphRenderer,
+  Wt as HoverProvider,
+  wt as TextMeasurerProvider,
+  Zt as ThemeProvider,
+  mr as UnitSpaceSvg,
+  ur as createGraphyKit,
+  zt as darkTheme,
+  er as defineGeomRenderer,
+  At as lightTheme,
+  Yt as lightenCss,
+  Le as pruneSelection,
+  It as resolveBrandMarkVisual,
+  $t as useCompiledSelector,
+  Ut as useElementScreenRect,
+  Xt as useGeomHitTest,
+  Bt as useGeomHover,
+  Vt as useGraphCommands,
+  Ot as useGraphHandle,
+  hr as useGraphHistory,
+  pr as useGraphHistoryShortcuts,
+  Lt as useGraphSelection,
+  Qt as useHandleCompiled,
+  Mt as useHoverState,
+  Dt as useStyleReaders,
+  tr as useTextMeasurer,
+  sr as vars
 };