@graphysdk/react-renderer 1.9.0-beta.1792478311419 → 1.9.0-beta.1792505847409

package/dist/{history-chords-BoyslKFV.js → history-chords-BIeYhK4y.js}

@@ -22,11 +22,11 @@ import './history-chords.css';var Jn = Object.defineProperty, ed = (e, t) => {
     });
   return t || Jn(r, Symbol.toStringTag, { value: "Module" }), r;
 };
-typeof window < "u" && (window.__GRAPHY_SDK__ ??= {}, window.__GRAPHY_SDK__.reactRenderer = "1.9.0-beta.1792478311419");
+typeof window < "u" && (window.__GRAPHY_SDK__ ??= {}, window.__GRAPHY_SDK__.reactRenderer = "1.9.0-beta.1792505847409");
 function td(e) {
   for (const t of e) (t.severity === "error" ? console.error : console.warn)(`[graphy] ${t.code}: ${t.message}`, t);
 }
-var ca = Y(null), a0 = ca.Provider, rd = null, nn = () => N(ca) ?? (rd ??= $s());
+var ca = Y(null), ay = ca.Provider, rd = null, nn = () => N(ca) ?? (rd ??= $s());
 var ua = Y(null), ee = () => {
   const e = N(ua);
   if (!e) throw new Error("useGraph* hooks must be used inside a <GraphProvider>");
@@ -257,7 +257,7 @@ var ua = Y(null), ee = () => {
     "data-testid": "companion-point"
   });
 };
-var $n = 10 ** 2, K = (e) => Math.round(e * $n) / $n, i0 = (e, t) => {
+var $n = 10 ** 2, K = (e) => Math.round(e * $n) / $n, iy = (e, t) => {
   const r = K(t), n = K(2 * t), o = `a${r},${r} 0 1,0 ${n},0a${r},${r} 0 1,0 ${-n},0Z`;
   return e.map(({ x: a, y: i }) => `M${K(a - t)},${K(i)}${o}`).join("");
 }, fd = (e, t, r) => {
@@ -498,10 +498,10 @@ var $n = 10 ** 2, K = (e) => Math.round(e * $n) / $n, i0 = (e, t) => {
 }, wa = {}, ka = Y(wa), Rd = {
   x: 1,
   y: 1
-}, ar = Y(null), s0 = ({ shapes: e = wa, children: t }) => /* @__PURE__ */ l(ka.Provider, {
+}, ar = Y(null), sy = ({ shapes: e = wa, children: t }) => /* @__PURE__ */ l(ka.Provider, {
   value: e,
   children: t
-}), l0 = () => N(ka), sn = ({ size: e, space: t = "pixels", children: r }) => {
+}), ly = () => N(ka), sn = ({ size: e, space: t = "pixels", children: r }) => {
   const n = b(() => e === null ? null : {
     size: e,
     space: t
@@ -513,7 +513,7 @@ var $n = 10 ** 2, K = (e) => Math.round(e * $n) / $n, i0 = (e, t) => {
 }, Cd = () => {
   const e = N(ar);
   return e?.space === "pixels" ? e.size : null;
-}, Ld = () => N(ar)?.size ?? null, d0 = () => {
+}, Ld = () => N(ar)?.size ?? null, dy = () => {
   const e = N(ar);
   return e?.space !== "unit" ? Rd : {
     x: e.size.width,
@@ -1824,7 +1824,7 @@ var Ar = 3, hc = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
       y: r
     };
   }
-}, gt = "var(--graphy-editor-font-family, var(--graphy-font-family))", c0 = [
+}, gt = "var(--graphy-editor-font-family, var(--graphy-font-family))", cy = [
   "canvasDefault",
   "canvasBlue",
   "canvasCyan",
@@ -2069,7 +2069,7 @@ var Ar = 3, hc = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
   fontEditorControlValue: D(y.fontWeightMedium, y.fontSizeSm, y.fontLineHeightSm, gt),
   fontEditorSectionTitle: D(y.fontWeightSemibold, y.fontSizeSm, y.fontLineHeightSm, gt),
   fontEditorCaption: D(y.fontWeightMedium, y.fontSizeXxs, y.fontLineHeightXxs, gt)
-}, Pc = (e, t) => ({ familyDefault: br(t) ?? br(e.fontFamily) ?? br(lr) ?? "" }), br = (e) => e === void 0 || e.includes("var(") ? null : e.replace(/\s+/g, " ").trim(), re = (e, t) => `color-mix(in srgb, transparent, ${e} ${t * 100}%)`, Rc = (e, t) => `hsl(from ${e} h s calc(l * ${1 - t}))`, u0 = (e, t) => `hsl(from ${e} h s calc(l * ${1 + t}))`, h0 = (e) => /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(e), v0 = (e) => e.length === 0 ? !1 : typeof CSS < "u" && typeof CSS.supports == "function" ? CSS.supports("color", e) : /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{4}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/.test(e), Cc = (e) => `${e}px`, Ga = { editorControlHeight: Cc(32) }, Dt = {
+}, Pc = (e, t) => ({ familyDefault: br(t) ?? br(e.fontFamily) ?? br(lr) ?? "" }), br = (e) => e === void 0 || e.includes("var(") ? null : e.replace(/\s+/g, " ").trim(), re = (e, t) => `color-mix(in srgb, transparent, ${e} ${t * 100}%)`, Rc = (e, t) => `hsl(from ${e} h s calc(l * ${1 - t}))`, uy = (e, t) => `hsl(from ${e} h s calc(l * ${1 + t}))`, hy = (e) => /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(e), vy = (e) => e.length === 0 ? !1 : typeof CSS < "u" && typeof CSS.supports == "function" ? CSS.supports("color", e) : /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{4}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/.test(e), Cc = (e) => `${e}px`, Ga = { editorControlHeight: Cc(32) }, Dt = {
   editOutline: 1,
   textToolbar: 10,
   textToolbarTooltip: 20,
@@ -2387,7 +2387,7 @@ var Ar = 3, hc = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
   } catch {
     return new Kn(new Ps());
   }
-}, qa = Y(null), g0 = qa.Provider, qc = null, de = () => N(qa) ?? (qc ??= lh()), Jc = 11.7, Zc = 0.75, so = 21.6, $c = "0 0 10 18", _c = "M2.48935 16.9323L9.07098 9.82964C9.51595 9.34944 9.51504 8.60728 9.0689 8.12818L2.48866 1.06172C1.85811 0.384586 0.974477 0 0.049217 0H0V18H0.0443689C0.972463 18 1.85854 17.6131 2.48935 16.9323Z", eu = "_16vokpr0", tu = (e, t) => e.mapping.y !== void 0 != (t.mainAxis === "y"), ru = (e, t) => {
+}, qa = Y(null), gy = qa.Provider, qc = null, de = () => N(qa) ?? (qc ??= lh()), Jc = 11.7, Zc = 0.75, so = 21.6, $c = "0 0 10 18", _c = "M2.48935 16.9323L9.07098 9.82964C9.51595 9.34944 9.51504 8.60728 9.0689 8.12818L2.48866 1.06172C1.85811 0.384586 0.974477 0 0.049217 0H0V18H0.0443689C0.972463 18 1.85854 17.6131 2.48935 16.9323Z", eu = "_16vokpr0", tu = (e, t) => e.mapping.y !== void 0 != (t.mainAxis === "y"), ru = (e, t) => {
   const r = C(e ? 1 - t : t);
   return e ? {
     x1: "0%",
@@ -2602,7 +2602,7 @@ var uu = "_2qyyu60", hu = 2, vu = 12, gu = 12, lo = 1, co = 2, fu = 4, pu = 3, m
   ...e.textTransform === void 0 ? {} : { textTransform: e.textTransform },
   ...fn(e),
   ...gn(e)
-}), f0 = (e, t) => rr({
+}), fy = (e, t) => rr({
   [e.fontFamily]: t.fontFamily ?? y.fontFamily,
   [e.fontSize]: `${t.fontSize}px`,
   [e.fontWeight]: String(t.fontWeight),
@@ -3785,7 +3785,7 @@ function vr(e) {
 function di(e) {
   return e ? vr(e.render).live : !1;
 }
-function p0(e, t) {
+function py(e, t) {
   return typeof e == "string" ? {
     ...t,
     geom: e
@@ -3806,7 +3806,7 @@ var dh = [
   "right",
   "bottom",
   "left"
-], m0 = () => rn((e) => ({
+], my = () => rn((e) => ({
   boundary: null,
   setBoundary: (t) => e((r) => ch(r.boundary, t) ? r : { boundary: t })
 })), Nr = (e, t) => e.x === t.x && e.y === t.y && e.width === t.width && e.height === t.height, Hr = (e, t) => dh.every((r) => e[r].from === t[r].from && e[r].to === t[r].to), ch = (e, t) => e === t ? !0 : e === null || t === null ? !1 : Nr(e.frame, t.frame) && Nr(e.client, t.client) && Hr(e.frameSpans, t.frameSpans) && Hr(e.clientSpans, t.clientSpans), Dr = (e) => {
@@ -3883,7 +3883,7 @@ var ph = ({ hitTest: e, input: t }) => {
   y: "-25%",
   width: "150%",
   height: "150%"
-}, y0 = (e) => /* @__PURE__ */ l(ui, {
+}, yy = (e) => /* @__PURE__ */ l(ui, {
   ...e,
   isEmpty: !1
 }), ui = ({ styleReaders: e, state: t, isEmpty: r, children: n }) => {
@@ -3989,7 +3989,7 @@ var Ah = (e, t) => {
     setElement: d
   };
 };
-function x0() {
+function xy() {
   const [e, t] = U(null), r = F(null), n = F(null), o = F(null), a = ie(() => {
     o.current = null;
     const c = n.current;
@@ -4306,7 +4306,7 @@ var Re = {
   if (!e) return t;
   const r = e.trim().replace("_", "-").toLowerCase();
   return Object.keys(bn).find((n) => n.toLowerCase() === r) ?? t;
-}, Sn = Y(null), Fh = [bn], vi = () => gi().translator, A0 = () => gi().dir, b0 = () => N(Sn) !== null, Gh = ({ locale: e, children: t, i18nOverrides: r, dictionaries: n = Fh }) => {
+}, Sn = Y(null), Fh = [bn], vi = () => gi().translator, Ay = () => gi().dir, by = () => N(Sn) !== null, Gh = ({ locale: e, children: t, i18nOverrides: r, dictionaries: n = Fh }) => {
   const o = Dh(e), a = b(() => ({
     translator: Oh({
       locale: o,
@@ -4428,7 +4428,7 @@ var Re = {
   themeClass: pi,
   inlineVarsStyle: {},
   themeValues: hn("light", {})
-}, kn = Y(null), En = () => N(kn) ?? Jh, S0 = () => N(kn) !== null, Zh = ({ colorScheme: e, textScale: t = 1, graphBackground: r, graphFontFamily: n, headingFontFamily: o, children: a }) => {
+}, kn = Y(null), En = () => N(kn) ?? Jh, Sy = () => N(kn) !== null, Zh = ({ colorScheme: e, textScale: t = 1, graphBackground: r, graphFontFamily: n, headingFontFamily: o, children: a }) => {
   const i = b(() => hn(e), [e]), s = b(() => {
     const c = { [y.textScale]: String(t) };
     return r !== void 0 && (c[y.graphBackground] = r), n !== void 0 && (c[y.fontFamily] = n), o !== void 0 && (c[y.fontFamilyHeading] = o), rr(c);
@@ -5141,7 +5141,7 @@ var Xt = {
   if (!e.has(t)) return e;
   const r = new Map(e);
   return r.delete(t), r;
-}, w0 = (e, t) => e !== null && e.annotationId === t ? e : null, lg = (e, t) => e.annotationId === t.annotationId && e.translation.x === t.translation.x && e.translation.y === t.translation.y, k0 = (e, t, r) => e !== null && e.annotationId === t && e.endpoint === r ? e : null, dg = (e, t) => e.annotationId === t.annotationId && e.endpoint === t.endpoint && e.anchor.x === t.anchor.x && e.anchor.y === t.anchor.y, E0 = (e, t, r) => e !== null && e.annotationId === t && e.endpoint === r ? e : null, cg = (e, t) => e.annotationId === t.annotationId && e.endpoint === t.endpoint && Bs(e.point.anchor, t.point.anchor), P0 = (e, t) => e !== null && e.annotationId === t ? e : null, ug = (e, t) => e.annotationId === t.annotationId && e.region.x === t.region.x && e.region.y === t.region.y && e.region.width === t.region.width && e.region.height === t.region.height, R0 = (e, t) => e !== null && e.annotationId === t ? e : null, hg = (e, t) => e.annotationId === t.annotationId && e.at.x === t.at.x && e.width === t.width && e.shift === t.shift, xt = ({ standingInteraction: e }, t) => e !== null && De(e, t) ? e : null, vg = (e, t) => {
+}, wy = (e, t) => e !== null && e.annotationId === t ? e : null, lg = (e, t) => e.annotationId === t.annotationId && e.translation.x === t.translation.x && e.translation.y === t.translation.y, ky = (e, t, r) => e !== null && e.annotationId === t && e.endpoint === r ? e : null, dg = (e, t) => e.annotationId === t.annotationId && e.endpoint === t.endpoint && e.anchor.x === t.anchor.x && e.anchor.y === t.anchor.y, Ey = (e, t, r) => e !== null && e.annotationId === t && e.endpoint === r ? e : null, cg = (e, t) => e.annotationId === t.annotationId && e.endpoint === t.endpoint && Bs(e.point.anchor, t.point.anchor), Py = (e, t) => e !== null && e.annotationId === t ? e : null, ug = (e, t) => e.annotationId === t.annotationId && e.region.x === t.region.x && e.region.y === t.region.y && e.region.width === t.region.width && e.region.height === t.region.height, Ry = (e, t) => e !== null && e.annotationId === t ? e : null, hg = (e, t) => e.annotationId === t.annotationId && e.at.x === t.at.x && e.width === t.width && e.shift === t.shift, xt = ({ standingInteraction: e }, t) => e !== null && De(e, t) ? e : null, vg = (e, t) => {
   if (e === null) return !1;
   switch (t.kind) {
     case "difference-arrow-endpoint-drag":
@@ -5159,14 +5159,14 @@ var Xt = {
     case "menu":
       return !1;
   }
-}, De = (e, t) => e.kind === t, C0 = (e, t, r, n) => {
+}, De = (e, t) => e.kind === t, Cy = (e, t, r, n) => {
   const o = Ti(r.layerId, e, t, n);
   return o === null ? null : {
     observationIndex: e,
     predicate: o.predicate,
     selectedFor: r
   };
-}, L0 = ({ observationIndex: e, predicate: t, selectedFor: r }, n, o) => {
+}, Ly = ({ observationIndex: e, predicate: t, selectedFor: r }, n, o) => {
   const a = Ti(r.layerId, e, n, o);
   return a !== null && Yo(a.predicate, t) ? a.standing : null;
 }, gg = (e, t) => e === t ? !0 : e === null || t === null ? !1 : e.observationIndex === t.observationIndex && Yo(e.predicate, t.predicate) && mt(e.selectedFor, t.selectedFor), Ti = (e, t, r, n) => {
@@ -5185,7 +5185,7 @@ var Xt = {
     },
     predicate: i.predicate
   };
-}, I0 = ({ isMenuTrigger: e, stamped: t, observations: r }) => e ? { kind: "menu-trigger" } : t !== null && t.kind !== "grid" ? t : r !== null ? {
+}, Iy = ({ isMenuTrigger: e, stamped: t, observations: r }) => e ? { kind: "menu-trigger" } : t !== null && t.kind !== "grid" ? t : r !== null ? {
   kind: "observations",
   observations: r
 } : t, fg = (e, t) => {
@@ -5227,13 +5227,13 @@ var Xt = {
     editor: t
   } }),
   setPressedObservation: (t) => e((r) => gg(r.pressedObservation, t) ? r : { pressedObservation: t })
-})), mg = (e, t) => e === t ? !0 : e === null || t === null ? !1 : mt(e.target, t.target) && e.frameScale === t.frameScale && Nr(e.frame, t.frame) && Hr(e.frameSpans, t.frameSpans), Ln = Y(null), yg = Mi(), T0 = ({ children: e }) => {
+})), mg = (e, t) => e === t ? !0 : e === null || t === null ? !1 : mt(e.target, t.target) && e.frameScale === t.frameScale && Nr(e.frame, t.frame) && Hr(e.frameSpans, t.frameSpans), Ln = Y(null), yg = Mi(), Ty = ({ children: e }) => {
   const [t] = U(() => Mi());
   return /* @__PURE__ */ l(Ln.Provider, {
     value: t,
     children: e
   });
-}, B0 = () => {
+}, By = () => {
   const e = N(Ln);
   if (e === null) throw new Error("useEditorStore must be used inside an <EditorProvider>.");
   return e;
@@ -5422,7 +5422,7 @@ var Rg = "vultop2", Cg = "vultop3", Lg = "vultop4", Ig = "vultop5", Tg = (e) =>
   Title: null,
   Caption: null,
   TextAnnotation: null
-}), M0 = ({ editors: e, children: t }) => /* @__PURE__ */ l(Hi.Provider, {
+}), My = ({ editors: e, children: t }) => /* @__PURE__ */ l(Hi.Provider, {
   value: e,
   children: t
 }), In = () => N(Hi), Lo = "_4dlrid0", Gg = "xfz7dq0";
@@ -5730,7 +5730,7 @@ var vf = ({ segment: e, itemStyle: t }) => {
   if (r === null || !/^(0|[1-9]\d*)$/.test(r)) return null;
   const n = Number(r);
   return Number.isSafeInteger(n) ? n : null;
-}, Xe = "data-edit-kind", Yi = "data-edit-id", Jt = "data-edit-axis", ji = "data-edit-tick-index", Ki = "data-legend-overflow-control", O0 = `[${Ki}]`, bf = "observations", Ui = "data-live-geom", Sf = `[${Xe}]`, Tt = (e) => ({
+}, Xe = "data-edit-kind", Yi = "data-edit-id", Jt = "data-edit-axis", ji = "data-edit-tick-index", Ki = "data-legend-overflow-control", Oy = `[${Ki}]`, bf = "observations", Ui = "data-live-geom", Sf = `[${Xe}]`, Tt = (e) => ({
   [Xe]: e.kind,
   [Yi]: e.id
 }), Tn = (e, t) => ({
@@ -5743,7 +5743,7 @@ var vf = ({ segment: e, itemStyle: t }) => {
 }), Qi = (e) => ({
   [Xe]: "grid",
   [Jt]: e
-}), N0 = (e, t) => {
+}), Ny = (e, t) => {
   for (const r of e) {
     const n = r.closest(Sf);
     if (n === null || !t.contains(n)) continue;
@@ -5755,7 +5755,7 @@ var vf = ({ segment: e, itemStyle: t }) => {
 }, Xi = ({ isLive: e = !1 } = {}) => ({
   [Xe]: bf,
   ...e ? { [Ui]: "" } : {}
-}), H0 = (e, t) => {
+}), Hy = (e, t) => {
   if (!(e instanceof Element)) return !1;
   const r = e.closest(`[${Ui}]`);
   return r !== null && r !== e && t.contains(r);
@@ -6344,7 +6344,7 @@ var sp = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
   },
   "data-testid": "hover-guide",
   children: t
-}), Ap = (e) => e.hoverGuide().resolve(), D0 = (e, t, r) => {
+}), Ap = (e) => e.hoverGuide().resolve(), Dy = (e, t, r) => {
   for (const n of Object.values(rs)) {
     const o = n(e, t, r);
     if (o !== null) return o;
@@ -6842,7 +6842,7 @@ var sp = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
       })
     }, i.id))
   });
-}, _p = "_1aj6s5s0", F0 = "_1aj6s5s1", em = 0.1, G0 = ({ annotation: e, panel: t, style: r, blockRef: n }) => /* @__PURE__ */ l(os, {
+}, _p = "_1aj6s5s0", Fy = "_1aj6s5s1", em = 0.1, Gy = ({ annotation: e, panel: t, style: r, blockRef: n }) => /* @__PURE__ */ l(os, {
   annotation: e,
   panel: t,
   style: r,
@@ -7693,10 +7693,10 @@ var ss = (e, t) => {
     angleFor: (d) => Rl(d, a, i),
     radiusNormFor: (d) => o + d * (1 - o)
   };
-}, ey = 16, ty = ({ formattedAxes: e, panelRect: t }) => {
+}, e0 = 16, t0 = ({ formattedAxes: e, panelRect: t }) => {
   const r = I(Rn, O()), n = He(), o = ss(t, e);
   if (!o) return null;
-  const { circle: a, circularAxis: i, radialAxis: s, startAngle: d, angleFor: c, radiusNormFor: u } = o, h = ry(s, u, a.radius), g = (f) => r(Ae(f.scaleAestheticKey));
+  const { circle: a, circularAxis: i, radialAxis: s, startAngle: d, angleFor: c, radiusNormFor: u } = o, h = r0(s, u, a.radius), g = (f) => r(Ae(f.scaleAestheticKey));
   return /* @__PURE__ */ S("svg", {
     x: t.x,
     y: t.y,
@@ -7717,7 +7717,7 @@ var ss = (e, t) => {
       return /* @__PURE__ */ l(Fo, {
         scaleAestheticKey: i.scaleAestheticKey,
         tickIndex: v,
-        placement: Go(p, ny(m)),
+        placement: Go(p, n0(m)),
         label: f.formattedLabel,
         labelStyle: g(i),
         isHitTestable: n
@@ -7736,7 +7736,7 @@ var ss = (e, t) => {
     cursor: "pointer",
     children: i
   }) : i;
-}, ry = (e, t, r) => {
+}, r0 = (e, t, r) => {
   if (!e) return [];
   const n = [];
   let o = Number.NEGATIVE_INFINITY;
@@ -7744,7 +7744,7 @@ var ss = (e, t) => {
     const s = t(i.position);
     if (s <= 0) continue;
     const d = s * r;
-    d - o < ey || (n.push({
+    d - o < e0 || (n.push({
       tick: i,
       tickIndex: a,
       radiusNorm: s
@@ -7757,10 +7757,10 @@ var ss = (e, t) => {
   textAnchor: t,
   dominantBaseline: "central",
   transform: void 0
-}), ny = (e) => {
+}), n0 = (e) => {
   const t = Math.sin(e);
   return Math.abs(t) < 0.01 ? "middle" : t > 0 ? "start" : "end";
-}, oy = ({ formattedAxes: e, panelRect: t }) => {
+}, o0 = ({ formattedAxes: e, panelRect: t }) => {
   const r = O(), n = He(), o = I(Zt, r, "y"), a = I(Zt, r, "x"), i = ss(t, e);
   if (!i) return null;
   const { circle: s, circularAxis: d, radialAxis: c, innerRadius: u, angleFor: h, radiusNormFor: g } = i;
@@ -7836,7 +7836,7 @@ var ss = (e, t) => {
   ...r,
   isEmpty: Gr(t),
   children: t
-}), Gr = (e) => e == null || typeof e == "boolean" || e === "" ? !0 : Array.isArray(e) ? e.every(Gr) : Kl(e) && (e.type === Pt || e.type === "g") ? Gr(e.props.children) : !1, ay = ({ layer: e, isDimmed: t, dimStyle: r, ...n }) => {
+}), Gr = (e) => e == null || typeof e == "boolean" || e === "" ? !0 : Array.isArray(e) ? e.every(Gr) : Kl(e) && (e.type === Pt || e.type === "g") ? Gr(e.props.children) : !1, a0 = ({ layer: e, isDimmed: t, dimStyle: r, ...n }) => {
   const o = Ai(e.id), a = od(e, G(e)), i = t ? r.filter : void 0, s = a && i ? `${a} ${i}` : a || i, d = o?.type === "fade", c = b(() => ({
     layerId: e.id,
     paintsShadow: a !== void 0,
@@ -7852,7 +7852,7 @@ var ss = (e, t) => {
     },
     children: /* @__PURE__ */ l(nr.Provider, {
       value: c,
-      children: /* @__PURE__ */ l(iy, {
+      children: /* @__PURE__ */ l(i0, {
         layer: e,
         ...n
       })
@@ -7864,7 +7864,7 @@ var ss = (e, t) => {
     transition: ba(o),
     children: u
   }) : u;
-}, iy = ({ layer: e, coordSystem: t, shouldAnimateTransitions: r, formattingLocale: n, panelRect: o, live: a }) => {
+}, i0 = ({ layer: e, coordSystem: t, shouldAnimateTransitions: r, formattingLocale: n, panelRect: o, live: a }) => {
   const i = de(), s = Ai(e.id), { colorScheme: d } = ee(), c = G(e), u = i(e.geom, t.type);
   if (u === null) return null;
   const h = vr(u.render), g = {
@@ -7892,7 +7892,7 @@ var ss = (e, t) => {
     children: f
   });
 };
-function sy({ renderer: e, layer: t, coordSystem: r, candidates: n }) {
+function s0({ renderer: e, layer: t, coordSystem: r, candidates: n }) {
   if (e?.getOverlayAnchor === void 0 || n.length === 0) return [];
   const o = [];
   for (const { observation: a, observationIndex: i } of n) {
@@ -7909,8 +7909,8 @@ function sy({ renderer: e, layer: t, coordSystem: r, candidates: n }) {
   }
   return o;
 }
-var ly = 4, dy = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n, coordSystem: o, shouldAnimateTransitions: a, panelRect: i, formattingLocale: s }) => {
-  const d = B((w) => w.config.numberFormat), c = b(() => sy({
+var l0 = 4, d0 = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n, coordSystem: o, shouldAnimateTransitions: a, panelRect: i, formattingLocale: s }) => {
+  const d = B((w) => w.config.numberFormat), c = b(() => s0({
     renderer: e,
     layer: t,
     coordSystem: o,
@@ -7949,7 +7949,7 @@ var ly = 4, dy = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
       children: e.renderHighlight ? e.renderHighlight(w) : A.fn(w)
     });
   }
-  return /* @__PURE__ */ S(Mn, { children: [x, c.map(({ observation: w, observationIndex: k, anchor: E }) => /* @__PURE__ */ l(cy, {
+  return /* @__PURE__ */ S(Mn, { children: [x, c.map(({ observation: w, observationIndex: k, anchor: E }) => /* @__PURE__ */ l(c0, {
     observation: w,
     anchor: E,
     panelRect: i,
@@ -7960,8 +7960,8 @@ var ly = 4, dy = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     formatYValue: v,
     labelStyle: p.observation.outside,
     familyDefault: m.familyDefault
-  }, uy(w, k)))] });
-}, cy = ({ observation: e, anchor: t, panelRect: r, fill: n, symbol: o, dotRadius: a, readSegmentY: i, formatYValue: s, labelStyle: d, familyDefault: c }) => {
+  }, u0(w, k)))] });
+}, c0 = ({ observation: e, anchor: t, panelRect: r, fill: n, symbol: o, dotRadius: a, readSegmentY: i, formatYValue: s, labelStyle: d, familyDefault: c }) => {
   const u = Oe(), h = ia(t.x), g = sa(t.y), f = i(e) ?? null, v = f !== null ? s(f, e) : null, m = b(() => {
     if (v === null) return null;
     const p = u.measureText(v, te(d, c));
@@ -7984,7 +7984,7 @@ var ly = 4, dy = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     "data-testid": "highlight-overlay-dot"
   }), v !== null && m !== null && /* @__PURE__ */ l(as, {
     x: h * r.width,
-    y: g * r.height - a - ly - m.height / 2,
+    y: g * r.height - a - l0 - m.height / 2,
     width: m.width,
     height: m.height,
     text: v,
@@ -7993,10 +7993,10 @@ var ly = 4, dy = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     position: "outside",
     coordType: "cartesian"
   })] });
-}, uy = (e, t) => {
+}, u0 = (e, t) => {
   const r = e[ne.group];
   return `${String(r ?? "")}\0${t}`;
-}, hy = ({ layer: e, coordSystem: t, panelRect: r }) => {
+}, h0 = ({ layer: e, coordSystem: t, panelRect: r }) => {
   const { primary: n, group: o, related: a } = $e(oe((f) => ({
     primary: f.hover.primary,
     group: f.hover.group,
@@ -8030,7 +8030,7 @@ var ly = 4, dy = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
       styleReaders: d
     })
   });
-}, vy = (e) => {
+}, v0 = (e) => {
   const t = G(e);
   return b(() => {
     const [r] = e.data;
@@ -8044,11 +8044,11 @@ var ly = 4, dy = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
       filter: xa(kl(n))
     };
   }, [e, t]);
-}, gy = "var(--to1jkx0)", fy = "var(--to1jkx1)", ls = "to1jkx2", py = "to1jkx3", my = ({ shouldAnimateTransitions: e, panelRect: t, formattingLocale: r }) => {
+}, g0 = "var(--to1jkx0)", f0 = "var(--to1jkx1)", ls = "to1jkx2", p0 = "to1jkx3", m0 = ({ shouldAnimateTransitions: e, panelRect: t, formattingLocale: r }) => {
   const { layers: n, coordSystem: o } = B(oe((s) => ({
     layers: s.layers,
     coordSystem: s.coordSystem
-  }))), a = yy(n, o), i = b(() => ({
+  }))), a = y0(n, o), i = b(() => ({
     width: t.width,
     height: t.height
   }), [t.width, t.height]);
@@ -8068,7 +8068,7 @@ var ly = 4, dy = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
         shouldAnimateTransitions: e,
         panelRect: t,
         formattingLocale: r
-      }), /* @__PURE__ */ l(hy, {
+      }), /* @__PURE__ */ l(h0, {
         layer: s,
         coordSystem: o,
         panelRect: t
@@ -8080,7 +8080,7 @@ var ly = 4, dy = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     s,
     e,
     t
-  ]), c = e.highlight, u = vy(e), { colorScheme: h } = ee(), g = {
+  ]), c = e.highlight, u = v0(e), { colorScheme: h } = ee(), g = {
     layer: e,
     coordSystem: t,
     shouldAnimateTransitions: r,
@@ -8090,10 +8090,10 @@ var ly = 4, dy = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     styleReaders: G(e)
   }, f = d ? vr(d.render) : null, v = e.spatialKind === "render-hit-test", m = i && (u.opacity !== void 0 || u.filter !== void 0);
   return /* @__PURE__ */ S("g", {
-    className: m ? py : void 0,
-    style: m ? xy(u) : void 0,
+    className: m ? p0 : void 0,
+    style: m ? x0(u) : void 0,
     children: [
-      /* @__PURE__ */ l(ay, {
+      /* @__PURE__ */ l(a0, {
         layer: e,
         coordSystem: t,
         shouldAnimateTransitions: r,
@@ -8107,7 +8107,7 @@ var ly = 4, dy = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
         hitTest: d.hitTest,
         input: g
       }),
-      c !== null && /* @__PURE__ */ l(dy, {
+      c !== null && /* @__PURE__ */ l(d0, {
         renderer: d,
         layer: e,
         matchedLayer: c.composition.matchedLayer,
@@ -8119,13 +8119,13 @@ var ly = 4, dy = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
       })
     ]
   });
-}, yy = (e, t) => {
+}, y0 = (e, t) => {
   const r = de();
   return Qe() ? [] : e.filter((n) => !di(r(n.geom, t.type)));
-}, xy = (e) => rr({
-  ...e.opacity === void 0 ? {} : { [gy]: String(e.opacity) },
-  ...e.filter === void 0 ? {} : { [fy]: e.filter }
-}), Ay = ({ panelRect: e, shouldAnimateTransitions: t, formattingLocale: r }) => {
+}, x0 = (e) => rr({
+  ...e.opacity === void 0 ? {} : { [g0]: String(e.opacity) },
+  ...e.filter === void 0 ? {} : { [f0]: e.filter }
+}), A0 = ({ panelRect: e, shouldAnimateTransitions: t, formattingLocale: r }) => {
   const { layers: n, coordSystem: o } = B(oe((c) => ({
     layers: c.layers,
     coordSystem: c.coordSystem
@@ -8140,7 +8140,7 @@ var ly = 4, dy = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
   }, []), s = b(() => ({
     width: e.width,
     height: e.height
-  }), [e.width, e.height]), d = Sy(n, o);
+  }), [e.width, e.height]), d = S0(n, o);
   return d.length === 0 ? null : /* @__PURE__ */ l("svg", {
     ref: a,
     x: e.x,
@@ -8152,7 +8152,7 @@ var ly = 4, dy = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     ...Xi({ isLive: !0 }),
     children: /* @__PURE__ */ l(sn, {
       size: s,
-      children: d.map((c) => /* @__PURE__ */ l(by, {
+      children: d.map((c) => /* @__PURE__ */ l(b0, {
         layer: c,
         coordSystem: o,
         readPanelPoint: i,
@@ -8162,7 +8162,7 @@ var ly = 4, dy = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
       }, `${c.id}-${ds(o)}`))
     })
   });
-}, by = ({ layer: e, coordSystem: t, readPanelPoint: r, panelRect: n, shouldAnimateTransitions: o, formattingLocale: a }) => {
+}, b0 = ({ layer: e, coordSystem: t, readPanelPoint: r, panelRect: n, shouldAnimateTransitions: o, formattingLocale: a }) => {
   const i = xh(e.id), s = b(() => ({
     pushHover: i,
     readPanelPoint: r
@@ -8176,16 +8176,16 @@ var ly = 4, dy = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     live: s,
     shouldDimOnHover: !d
   });
-}, Sy = (e, t) => {
+}, S0 = (e, t) => {
   const r = de();
   return Qe() ? [] : e.filter((n) => di(r(n.geom, t.type)));
-}, wy = "_17uhij30", ky = ({ formattedAxes: e, plotRect: t, panelBorder: r, panelFrameRect: n, panelRect: o, axisRects: a, axisLabelRects: i, shouldAnimateTransitions: s, formattingLocale: d, plotBottomY: c, isFooterChromeReserved: u, isEditable: h, showAnnotations: g }) => {
+}, w0 = "_17uhij30", k0 = ({ formattedAxes: e, plotRect: t, panelBorder: r, panelFrameRect: n, panelRect: o, axisRects: a, axisLabelRects: i, shouldAnimateTransitions: s, formattingLocale: d, plotBottomY: c, isFooterChromeReserved: u, isEditable: h, showAnnotations: g }) => {
   const f = F(null);
   Mp(f);
   const v = xe("Grid", Jm), m = xe("AxisTicks", Xm), p = xe("AxisLabel", qm), A = b(() => Wr(n, t), [n, t]), x = b(() => Wr(o, t), [o, t]), w = b(() => Wo(a, t), [a, t]), k = b(() => Wo(i, t), [i, t]), E = Qe(), R = g && !E;
   return /* @__PURE__ */ S("svg", {
     ref: f,
-    className: wy,
+    className: w0,
     width: t.width,
     height: t.height,
     style: { transform: `translate(${t.x}px, ${t.y}px)` },
@@ -8205,7 +8205,7 @@ var ly = 4, dy = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
         formattedAxes: e,
         labelRects: k
       }),
-      /* @__PURE__ */ l(oy, {
+      /* @__PURE__ */ l(o0, {
         formattedAxes: e,
         panelRect: x
       }),
@@ -8221,12 +8221,12 @@ var ly = 4, dy = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
         sizes: r,
         panelFrameRect: A
       }),
-      /* @__PURE__ */ l(my, {
+      /* @__PURE__ */ l(m0, {
         shouldAnimateTransitions: s,
         panelRect: x,
         formattingLocale: d
       }),
-      /* @__PURE__ */ l(ty, {
+      /* @__PURE__ */ l(t0, {
         formattedAxes: e,
         panelRect: x
       }),
@@ -8258,7 +8258,7 @@ var ly = 4, dy = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
         /* @__PURE__ */ l(vm, { panelRect: x })
       ] }),
       /* @__PURE__ */ l(Tp, { panelRect: x }),
-      /* @__PURE__ */ l(Ay, {
+      /* @__PURE__ */ l(A0, {
         shouldAnimateTransitions: s,
         panelRect: x,
         formattingLocale: d
@@ -8274,7 +8274,7 @@ var ly = 4, dy = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
   const r = {};
   for (const [n, o] of Object.entries(e)) r[n] = Wr(o, t);
   return r;
-}, Ey = (e) => {
+}, E0 = (e) => {
   let t, r;
   return "aspectRatio" in e ? "intrinsicWidth" in e ? (t = e.intrinsicWidth, r = t / e.aspectRatio) : (r = e.intrinsicHeight, t = r * e.aspectRatio) : (t = e.intrinsicWidth, r = e.intrinsicHeight), {
     width: Vo(t, "width"),
@@ -8283,7 +8283,7 @@ var ly = 4, dy = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
 }, Vo = (e, t) => {
   if (e <= 0 || Number.isNaN(e) || !Number.isFinite(e)) throw new Cs({ message: `Expected ${t} to be a positive, finite number, but got ${e}.` });
   return e;
-}, Py = ({ sizing: e, onResize: t, children: r }) => {
+}, P0 = ({ sizing: e, onResize: t, children: r }) => {
   const n = hi({ onResize: t }), o = F(!1);
   if (W(() => {
     e.mode === "responsive" && (n.isDefault || n.width > 0 && n.height > 0 || o.current || (o.current = !0, console.warn(`[graphy] ZERO_SIZE_CONTAINER: GraphRenderer measured ${n.width}×${n.height}; the chart will not paint until the host has a positive width and height.`)));
@@ -8293,7 +8293,7 @@ var ly = 4, dy = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     n.width,
     n.height
   ]), e.mode === "keepAspectRatio") {
-    const { intrinsicSize: i, canRender: s, outerStyles: d, innerStyles: c } = Ry(e, n.width, !n.isDefault);
+    const { intrinsicSize: i, canRender: s, outerStyles: d, innerStyles: c } = R0(e, n.width, !n.isDefault);
     return /* @__PURE__ */ l("div", {
       ref: n.setElement,
       style: d,
@@ -8329,8 +8329,8 @@ var ly = 4, dy = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
       height: n.height
     })
   });
-}, Ry = (e, t, r) => {
-  const n = Ey(e), o = t > 0 && n.width > 0 ? t / n.width : 1;
+}, R0 = (e, t, r) => {
+  const n = E0(e), o = t > 0 && n.width > 0 ? t / n.width : 1;
   return {
     intrinsicSize: n,
     canRender: r,
@@ -8345,7 +8345,7 @@ var ly = 4, dy = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
       height: n.height
     }
   };
-}, Cy = { mode: "responsive" }, Er = {
+}, C0 = { mode: "responsive" }, Er = {
   headerSize: {
     width: 0,
     height: 0
@@ -8354,7 +8354,7 @@ var ly = 4, dy = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     width: 0,
     height: 0
   }
-}, Ly = () => {
+}, L0 = () => {
   const [e, t] = U(null), [r, n] = U(null), [o, a] = U(Er);
   return Ul(() => {
     const i = () => {
@@ -8365,7 +8365,7 @@ var ly = 4, dy = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
         width: r.offsetWidth,
         height: r.offsetHeight
       } : Er.footerSize;
-      a((u) => Iy(u, {
+      a((u) => I0(u, {
         headerSize: d,
         footerSize: c
       }) ? {
@@ -8381,9 +8381,9 @@ var ly = 4, dy = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     footerRef: n,
     measurements: o
   };
-}, Iy = (e, t) => e.headerSize.width !== t.headerSize.width || e.headerSize.height !== t.headerSize.height || e.footerSize.width !== t.footerSize.width || e.footerSize.height !== t.footerSize.height, Ty = () => null, By = "_1vl0pke0", My = "_1vl0pke1";
-var Oy = [], Ny = ({ graphChrome: e, isEditable: t, mode: r, style: n, contentRef: o, children: a }) => {
-  const { themeClass: i, inlineVarsStyle: s } = En(), d = e.strokeWidth, c = d > 0 ? e.stroke : void 0, u = Math.max(0, e.cornerRadius), h = u === 0 ? 0 : u + d, { shadow: g, alpha: f, blendMode: v, fill: m, overpaint: p = Oy } = e, A = st([m, ...p]), x = A(m), w = typeof m != "string", k = b(() => ({
+}, I0 = (e, t) => e.headerSize.width !== t.headerSize.width || e.headerSize.height !== t.headerSize.height || e.footerSize.width !== t.footerSize.width || e.footerSize.height !== t.footerSize.height, T0 = () => null, B0 = "_1vl0pke0", M0 = "_1vl0pke1";
+var O0 = [], N0 = ({ graphChrome: e, isEditable: t, mode: r, style: n, contentRef: o, children: a }) => {
+  const { themeClass: i, inlineVarsStyle: s } = En(), d = e.strokeWidth, c = d > 0 ? e.stroke : void 0, u = Math.max(0, e.cornerRadius), h = u === 0 ? 0 : u + d, { shadow: g, alpha: f, blendMode: v, fill: m, overpaint: p = O0 } = e, A = st([m, ...p]), x = A(m), w = typeof m != "string", k = b(() => ({
     ...n,
     borderRadius: `${h}px`,
     ...s,
@@ -8403,7 +8403,7 @@ var Oy = [], Ny = ({ graphChrome: e, isEditable: t, mode: r, style: n, contentRe
   ]), E = b(() => ({
     borderRadius: `${u}px`,
     ...v === "normal" ? {} : { mixBlendMode: v },
-    ...Hy(w, f)
+    ...H0(w, f)
   }), [
     u,
     v,
@@ -8429,7 +8429,7 @@ var Oy = [], Ny = ({ graphChrome: e, isEditable: t, mode: r, style: n, contentRe
       className: bt(Uh, {
         [Qh]: t,
         [Xh]: L,
-        [My]: w
+        [M0]: w
       }),
       style: E,
       children: [
@@ -8443,27 +8443,27 @@ var Oy = [], Ny = ({ graphChrome: e, isEditable: t, mode: r, style: n, contentRe
         [...p].reverse().map((P, M) => /* @__PURE__ */ l("div", {
           "aria-hidden": !0,
           "data-testid": "graph-overpaint",
-          className: By,
+          className: B0,
           style: _e(P, A(P))
         }, M))
       ]
     })
   });
-}, Hy = (e, t) => e ? { backgroundColor: "transparent" } : t === void 0 || t >= 1 ? {} : { backgroundColor: `color-mix(in srgb, ${y.graphBackground} ${t * 100}%, transparent)` }, W0 = (e) => /* @__PURE__ */ l(Gh, {
+}, H0 = (e, t) => e ? { backgroundColor: "transparent" } : t === void 0 || t >= 1 ? {} : { backgroundColor: `color-mix(in srgb, ${y.graphBackground} ${t * 100}%, transparent)` }, Wy = (e) => /* @__PURE__ */ l(Gh, {
   locale: eg(),
-  children: /* @__PURE__ */ l(Dy, { ...e })
-}), Dy = ({ slots: e, sizing: t = Cy, onResize: r, ...n }) => /* @__PURE__ */ l(gh, { children: /* @__PURE__ */ l(Qc, { children: /* @__PURE__ */ l(lu, {
+  children: /* @__PURE__ */ l(D0, { ...e })
+}), D0 = ({ slots: e, sizing: t = C0, onResize: r, ...n }) => /* @__PURE__ */ l(gh, { children: /* @__PURE__ */ l(Qc, { children: /* @__PURE__ */ l(lu, {
   slots: e,
-  children: /* @__PURE__ */ l(Py, {
+  children: /* @__PURE__ */ l(P0, {
     sizing: t,
     onResize: r,
-    children: ({ width: o, height: a }) => /* @__PURE__ */ l(Fy, {
+    children: ({ width: o, height: a }) => /* @__PURE__ */ l(F0, {
       width: o,
       height: a,
       ...n
     })
   })
-}) }) }), Fy = ({ width: e, height: t, animation: r, showTooltips: n = !0, mode: o = Re.readonly }) => {
+}) }) }), F0 = ({ width: e, height: t, animation: r, showTooltips: n = !0, mode: o = Re.readonly }) => {
   const a = vi(), i = An(o), { axes: s, legends: d, layers: c, numberFormat: u, parsingLocale: h, annotations: g, coordSystem: f, headline: v, headlineConfig: m, content: p, overflowStrategy: A } = B(oe((ue) => ({
     axes: ue.guides.axes,
     legends: ue.guides.legends.drawn,
@@ -8476,7 +8476,7 @@ var Oy = [], Ny = ({ graphChrome: e, isEditable: t, mode: r, style: n, contentRe
     headlineConfig: ue.config.headline,
     content: ue.config.content,
     overflowStrategy: ue.config.panel.overflow
-  }))), { intro: x, transitions: w } = Ph(r, c), { headerRef: k, footerRef: E, measurements: R } = Ly(), { formattingLocale: L, colorScheme: P } = ee(), M = Ne[i], H = M.editorSurface, [X, ce] = U(null), j = xe("Header", Zg), Ce = xe("Footer", jg), us = xe("Legend", vp), hs = xe("Headline", xf), vs = xe("EditorSurface", Ty), Hn = b(() => sl({
+  }))), { intro: x, transitions: w } = Ph(r, c), { headerRef: k, footerRef: E, measurements: R } = L0(), { formattingLocale: L, colorScheme: P } = ee(), M = Ne[i], H = M.editorSurface, [X, ce] = U(null), j = xe("Header", Zg), Ce = xe("Footer", jg), us = xe("Legend", vp), hs = xe("Headline", xf), vs = xe("EditorSurface", T0), Hn = b(() => sl({
     legends: d,
     numberFormat: u,
     parsingLocale: h,
@@ -8500,7 +8500,7 @@ var Oy = [], Ny = ({ graphChrome: e, isEditable: t, mode: r, style: n, contentRe
     h,
     L,
     a
-  ]), gs = Oe(), ke = O(), Dn = I(Gy, ke), Fn = I(oa, ke), Gn = I(Cn, ke), Wn = I(Wy, ke), fs = I(Vy, ke), ps = I(zy, ke), ms = I(Yy, ke), { fontFamily: yr, textScale: ys, strokeWidth: xr, fill: xs } = Dn, Vn = b(() => ja(P, {}, yr), [P, yr]), ct = b(() => ({
+  ]), gs = Oe(), ke = O(), Dn = I(G0, ke), Fn = I(oa, ke), Gn = I(Cn, ke), Wn = I(W0, ke), fs = I(V0, ke), ps = I(z0, ke), ms = I(Y0, ke), { fontFamily: yr, textScale: ys, strokeWidth: xr, fill: xs } = Dn, Vn = b(() => ja(P, {}, yr), [P, yr]), ct = b(() => ({
     width: Math.max(0, e - 2 * xr),
     height: Math.max(0, t - 2 * xr)
   }), [
@@ -8569,7 +8569,7 @@ var Oy = [], Ny = ({ graphChrome: e, isEditable: t, mode: r, style: n, contentRe
         metrics: Vn,
         children: /* @__PURE__ */ l(tg, { children: /* @__PURE__ */ l(xg, {
           panelRect: ae.panel,
-          children: /* @__PURE__ */ l(Ny, {
+          children: /* @__PURE__ */ l(N0, {
             graphChrome: Dn,
             isEditable: H,
             mode: i,
@@ -8594,7 +8594,7 @@ var Oy = [], Ny = ({ graphChrome: e, isEditable: t, mode: r, style: n, contentRe
                   subtitleStyle: fs,
                   brandMark: bs
                 }),
-                /* @__PURE__ */ l(ky, {
+                /* @__PURE__ */ l(k0, {
                   formattedAxes: jn,
                   plotRect: ae.plot,
                   panelBorder: Yn,
@@ -8646,10 +8646,10 @@ var Oy = [], Ny = ({ graphChrome: e, isEditable: t, mode: r, style: n, contentRe
       })
     })
   });
-}, Gy = (e) => e.graph().resolve(), Wy = (e) => e.heading.h1().resolve(), Vy = (e) => e.heading.h2().resolve(), zy = (e) => e.caption().resolve(), Yy = (e) => ({
+}, G0 = (e) => e.graph().resolve(), W0 = (e) => e.heading.h1().resolve(), V0 = (e) => e.heading.h2().resolve(), z0 = (e) => e.caption().resolve(), Y0 = (e) => ({
   label: e.source().resolve(),
   link: e.source.link().resolve()
-}), V0 = (e) => {
+}), Vy = (e) => {
   const t = N(ua), r = nn();
   return b(() => e || (t ? {
     commands: t.commands,
@@ -8667,28 +8667,28 @@ var Oy = [], Ny = ({ graphChrome: e, isEditable: t, mode: r, style: n, contentRe
     t,
     r
   ]);
-}, z0 = (e) => Ql(e.subscribe, e.getScene, e.getScene), Y0 = () => {
+}, zy = (e) => Ql(e.subscribe, e.getScene, e.getScene), Yy = () => {
   const { commands: e } = ee();
   return e;
-}, j0 = (e) => {
+}, jy = (e) => {
   if (e.altKey || !e.metaKey && !e.ctrlKey) return null;
   const t = e.key.toLowerCase();
   return t === "z" ? e.shiftKey ? "redo" : "undo" : t === "y" && e.ctrlKey && !e.shiftKey ? "redo" : null;
 };
 export {
-  P0 as $,
+  Py as $,
   Dt as $t,
-  N0 as A,
+  Ny as A,
   ee as An,
   xh as At,
-  M0 as B,
-  p0 as Bt,
+  My as B,
+  py as Bt,
   gp as C,
   Ve as Cn,
-  A0 as Ct,
+  Ay as Ct,
   Xe as D,
   ha as Dn,
-  x0 as Dt,
+  xy as Dt,
   Jt as E,
   O as En,
   Ne as Et,
@@ -8700,9 +8700,9 @@ export {
   sh as Ht,
   lf as I,
   dh as It,
-  I0 as J,
+  Iy as J,
   de as Jt,
-  B0 as K,
+  By as K,
   xu as Kt,
   Fi as L,
   Nr as Lt,
@@ -8712,16 +8712,16 @@ export {
   Bn as N,
   td as Nn,
   gh as Nt,
-  O0 as O,
+  Oy as O,
   B as On,
   hi as Ot,
   Af as P,
   Ue as Pt,
-  R0 as Q,
+  Ry as Q,
   I as Qt,
   Zg as R,
-  m0 as Rt,
-  D0 as S,
+  my as Rt,
+  Dy as S,
   jt as Sn,
   vi as St,
   Bt as T,
@@ -8731,32 +8731,32 @@ export {
   Mu as Ut,
   Ni as V,
   di as Vt,
-  T0 as W,
-  f0 as Wt,
-  C0 as X,
+  Ty as W,
+  fy as Wt,
+  Cy as X,
   Oe as Xt,
-  L0 as Y,
+  Ly as Y,
   Qc as Yt,
   xt as Z,
   Yc as Zt,
   Mt as _,
   be as _n,
   qh as _t,
-  W0 as a,
+  Wy as a,
   y as an,
   eg as at,
   Sp as b,
-  i0 as bn,
+  iy as bn,
   Gh as bt,
   Zt as c,
   le as cn,
   $e as ct,
-  G0 as d,
+  Gy as d,
   Ld as dn,
   bo as dt,
-  h0 as en,
-  E0 as et,
-  F0 as f,
+  hy as en,
+  Ey as et,
+  Fy as f,
   Cd as fn,
   ev as ft,
   Fp as g,
@@ -8764,44 +8764,44 @@ export {
   En as gt,
   Yp as h,
   Sa as hn,
-  S0 as ht,
-  V0 as i,
-  c0 as in,
+  Sy as ht,
+  Vy as i,
+  cy as in,
   rg as it,
   Tn as j,
-  a0 as jn,
-  y0 as jt,
-  H0 as k,
+  ay as jn,
+  yy as jt,
+  Hy as k,
   ua as kn,
   Ah as kt,
   xm as l,
   sn as ln,
   tv as lt,
   Zp as m,
-  l0 as mn,
+  ly as mn,
   Zh as mt,
-  Y0 as n,
-  u0 as nn,
-  w0 as nt,
-  Dy as o,
+  Yy as n,
+  uy as nn,
+  wy as nt,
+  D0 as o,
   Le as on,
   Cv as ot,
   $p as p,
-  d0 as pn,
+  dy as pn,
   $h as pt,
   Bi as q,
-  g0 as qt,
-  z0 as r,
+  gy as qt,
+  zy as r,
   lr as rn,
   og as rt,
   Jm as s,
   no as sn,
   Qe as st,
-  j0 as t,
-  v0 as tn,
-  k0 as tt,
+  jy as t,
+  vy as tn,
+  ky as tt,
   am as u,
-  s0 as un,
+  sy as un,
   rv as ut,
   Ep as v,
   $ as vn,
@@ -8811,7 +8811,7 @@ export {
   bn as wt,
   kp as x,
   pd as xn,
-  b0 as xt,
+  by as xt,
   wp as y,
   Me as yn,
   It as yt,