@graphysdk/react-renderer 1.9.0-beta.1790717670997 → 1.9.0-beta.1790717902028

package/dist/{history-chords-BGwWIxhA.js → history-chords-BSIlKvw8.js}

@@ -23,11 +23,11 @@ import './history-chords.css';var Tn = Object.defineProperty, fl = (e, t) => {
     });
   return t || Tn(r, Symbol.toStringTag, { value: "Module" }), r;
 };
-typeof window < "u" && (window.__GRAPHY_SDK__ ??= {}, window.__GRAPHY_SDK__.reactRenderer = "1.9.0-beta.1790717670997");
+typeof window < "u" && (window.__GRAPHY_SDK__ ??= {}, window.__GRAPHY_SDK__.reactRenderer = "1.9.0-beta.1790717902028");
 function pl(e) {
   for (const t of e) (t.severity === "error" ? console.error : console.warn)(`[graphy] ${t.code}: ${t.message}`, t);
 }
-var Wo = Y(null), eA = Wo.Provider, ml = null, Yr = () => U(Wo) ?? (ml ??= ms());
+var Wo = Y(null), _m = Wo.Provider, ml = null, Yr = () => U(Wo) ?? (ml ??= ms());
 var Uo = Y(null), ne = () => {
   const e = U(Uo);
   if (!e) throw new Error("useGraph* hooks must be used inside a <GraphProvider>");
@@ -197,7 +197,7 @@ var Uo = Y(null), ne = () => {
     "data-testid": "companion-point"
   });
 };
-var Ln = 10 ** 2, z = (e) => Math.round(e * Ln) / Ln, tA = (e) => e.map(({ x: t, y: r }) => `M${z(t)},${z(r)}h0`).join(""), Sl = (e, t, r) => {
+var Ln = 10 ** 2, z = (e) => Math.round(e * Ln) / Ln, eA = (e) => e.map(({ x: t, y: r }) => `M${z(t)},${z(r)}h0`).join(""), Sl = (e, t, r) => {
   const n = r.axis === "x", o = n ? e.y : e.x, a = n ? e.x : e.y, i = n ? e.height : e.width, l = n ? e.width : e.height, c = Math.max(Math.min(r.from, r.to), a), d = Math.min(Math.max(r.from, r.to), a + l);
   if (d - c <= 0 || i <= 0) return "";
   const u = Math.max(0, Math.min(t, i / 2)), h = Math.max(0, Math.min(t, l / 2)), g = a + h, f = a + l - h, v = o + i, m = n ? 0 : 1, p = (P, O) => {
@@ -1798,7 +1798,7 @@ var sr = 3, mc = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
   fontEditorCaption: N(A.fontWeightMedium, A.fontSizeXxs, A.fontLineHeightXxs)
 }, Ic = le.sm;
 var Tc = 0.6;
-var Lc = (e, t) => ({ familyDefault: lr(t) ?? lr(e.fontFamily) ?? lr(qt) ?? "" }), lr = (e) => e === void 0 || e.includes("var(") ? null : e.replace(/\s+/g, " ").trim(), te = (e, t) => `color-mix(in srgb, transparent, ${e} ${t * 100}%)`, Mc = (e, t) => `hsl(from ${e} h s calc(l * ${1 - t}))`, rA = (e, t) => `hsl(from ${e} h s calc(l * ${1 + t}))`, nA = (e) => /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(e), oA = (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), cr = (e) => `${e}px`, ca = {
+var Lc = (e, t) => ({ familyDefault: lr(t) ?? lr(e.fontFamily) ?? lr(qt) ?? "" }), lr = (e) => e === void 0 || e.includes("var(") ? null : e.replace(/\s+/g, " ").trim(), te = (e, t) => `color-mix(in srgb, transparent, ${e} ${t * 100}%)`, Mc = (e, t) => `hsl(from ${e} h s calc(l * ${1 - t}))`, tA = (e, t) => `hsl(from ${e} h s calc(l * ${1 + t}))`, rA = (e) => /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(e), nA = (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), cr = (e) => `${e}px`, ca = {
   tooltipRowGap: "4px",
   editorControlHeight: cr(32),
   legendSwatchGap: cr(8),
@@ -2125,7 +2125,7 @@ var fa = Y(Yc), Kc = ({ metrics: e, children: t }) => /* @__PURE__ */ s(fa.Provi
   } catch {
     return new Pn(new Yi());
   }
-}, ya = Y(null), aA = ya.Provider, ed = null, Re = () => U(ya) ?? (ed ??= hu()), td = 11.7, rd = 0.75, Vn = 21.6, nd = "0 0 10 18", od = "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", ad = "_16vokpr0", id = (e, t) => e.mapping.y !== void 0 != (t.mainAxis === "y"), sd = (e, t) => {
+}, ya = Y(null), oA = ya.Provider, ed = null, Re = () => U(ya) ?? (ed ??= hu()), td = 11.7, rd = 0.75, Vn = 21.6, nd = "0 0 10 18", od = "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", ad = "_16vokpr0", id = (e, t) => e.mapping.y !== void 0 != (t.mainAxis === "y"), sd = (e, t) => {
   const r = R(e ? 1 - t : t);
   return e ? {
     x1: "0%",
@@ -2322,7 +2322,7 @@ var pd = "_2qyyu60", md = 2, Ad = 12, yd = 12, zn = 1, jn = 2, xd = 4, bd = 3, w
   ...e.textTransform === void 0 ? {} : { textTransform: e.textTransform },
   ...wa(e),
   ...ba(e)
-}), iA = (e, t) => zr({
+}), aA = (e, t) => zr({
   [e.fontFamily]: t.fontFamily ?? A.fontFamily,
   [e.fontSize]: `${t.fontSize}px`,
   [e.fontWeight]: String(t.fontWeight),
@@ -3490,7 +3490,7 @@ function _t(e) {
 function uu(e) {
   return e ? _t(e.render).overlay : !1;
 }
-function sA(e, t) {
+function iA(e, t) {
   return typeof e == "string" ? {
     ...t,
     geom: e
@@ -3511,7 +3511,7 @@ var vu = [
   "right",
   "bottom",
   "left"
-], lA = () => jr((e) => ({
+], sA = () => jr((e) => ({
   boundary: null,
   setBoundary: (t) => e((r) => gu(r.boundary, t) ? r : { boundary: t })
 })), wr = (e, t) => e.x === t.x && e.y === t.y && e.width === t.width && e.height === t.height, Sr = (e, t) => vu.every((r) => e[r].from === t[r].from && e[r].to === t[r].to), gu = (e, t) => e === t ? !0 : e === null || t === null ? !1 : wr(e.frame, t.frame) && wr(e.client, t.client) && Sr(e.frameSpans, t.frameSpans) && Sr(e.clientSpans, t.clientSpans), kr = (e) => {
@@ -4283,7 +4283,8 @@ function ht(e) {
   return Je(t, e);
 }
 var mh = "_19519k80";
-var Ah = "_19519k82", yh = "_19519k83", xh = "_19519k85", bh = "_19519k86", wh = "_19519k87", Sh = "_19519k88", kh = (e) => {
+var Ah = "_19519k82", yh = "_19519k83";
+var xh = "_19519k86", bh = "_19519k87", wh = "_19519k88", Sh = (e) => {
   const { overlayRef: t } = ze(), r = H(null), [n, o] = j(!1), a = kr(e);
   return F(() => {
     const i = t.current;
@@ -4303,7 +4304,7 @@ var Ah = "_19519k82", yh = "_19519k83", xh = "_19519k85", bh = "_19519k86", wh =
     cursorRef: r,
     isInside: n
   };
-}, Eh = 24, Ph = 8, Rh = {
+}, kh = 24, Eh = 8, Ph = {
   x: 0,
   y: 0,
   top: 0,
@@ -4315,8 +4316,8 @@ var Ah = "_19519k82", yh = "_19519k83", xh = "_19519k85", bh = "_19519k86", wh =
   toJSON: () => ({})
 }, Tt = {
   boundary: [],
-  padding: Ph
-}, Ch = () => {
+  padding: Eh
+}, Rh = () => {
   const e = D(ae((y) => ({
     layers: y.layers,
     coordSystem: y.coordSystem,
@@ -4325,8 +4326,8 @@ var Ah = "_19519k82", yh = "_19519k83", xh = "_19519k85", bh = "_19519k86", wh =
     numberFormat: y.config.numberFormat,
     parsingLocale: y.config.parsingLocale,
     comments: y.annotations.comments
-  }))), { formattingLocale: t } = ne(), r = M(), n = ht((y) => y.hover), o = ht((y) => y.tooltipAnchor), a = ht((y) => y.isPointerSuspended), i = Ae("Tooltip", Bh), l = H(() => {
-  }), { cursorRef: c, isInside: d } = kh(() => l.current()), u = b(() => cs({
+  }))), { formattingLocale: t } = ne(), r = M(), n = ht((y) => y.hover), o = ht((y) => y.tooltipAnchor), a = ht((y) => y.isPointerSuspended), i = Ae("Tooltip", Ch), l = H(() => {
+  }), { cursorRef: c, isInside: d } = Sh(() => l.current()), u = b(() => cs({
     ...e,
     hover: n,
     readers: r,
@@ -4339,10 +4340,10 @@ var Ah = "_19519k82", yh = "_19519k83", xh = "_19519k85", bh = "_19519k86", wh =
     t,
     o
   ]), h = !a && u !== null && (d || o !== null), g = b(() => ({ getBoundingClientRect: () => {
-    if (o !== null) return Lh(o);
+    if (o !== null) return Th(o);
     const y = c.current;
-    return y === null ? Rh : Th(y);
-  } }), [c, o]), { refs: f, floatingStyles: v, update: m } = Go(Mh({
+    return y === null ? Ph : Ih(y);
+  } }), [c, o]), { refs: f, floatingStyles: v, update: m } = Go(Lh({
     isOpen: h,
     tooltipAnchor: o,
     virtualReference: g
@@ -4351,17 +4352,17 @@ var Ah = "_19519k82", yh = "_19519k83", xh = "_19519k85", bh = "_19519k86", wh =
   const p = /* @__PURE__ */ s("div", {
     ref: f.setFloating,
     role: "tooltip",
-    className: Sh,
+    className: wh,
     style: v,
     "data-testid": "chart-tooltip",
     children: /* @__PURE__ */ s(i, { content: u })
   }), x = Oa();
   return x ? Fo(/* @__PURE__ */ s(ih, { children: p }), x) : p;
-}, Bh = ({ content: e }) => {
-  const t = Re(), r = D((d) => d.coordSystem), n = I(il, M()), o = bt([n.box.fill]), a = K(n.heading), i = K(n.label), l = K(n.value), c = { paddingInline: n.box.paddingInline };
+}, Ch = ({ content: e }) => {
+  const t = Re(), r = D((u) => u.coordSystem), n = I(il, M()), o = bt([n.box.fill]), a = K(n.heading), i = K(n.label), l = K(n.value), c = { paddingInline: n.box.paddingInline }, d = e.rows.some((u) => u.swatchColor !== null);
   return /* @__PURE__ */ w("div", {
     className: mh,
-    style: Ih(n.box, o(n.box.fill)),
+    style: Bh(n.box, o(n.box.fill)),
     "data-testid": "chart-tooltip-body",
     children: [
       e.comment !== null && /* @__PURE__ */ s("div", {
@@ -4384,29 +4385,30 @@ var Ah = "_19519k82", yh = "_19519k83", xh = "_19519k85", bh = "_19519k86", wh =
       }),
       /* @__PURE__ */ s("div", {
         className: Ah,
-        children: e.rows.map((d) => {
-          const u = t(d.geom, r.type);
-          return /* @__PURE__ */ s(Nh, {
-            row: d,
-            swatchShape: u?.swatchShape ?? "square",
-            shouldHighlight: d.isPrimary && e.rows.length > 1,
+        children: e.rows.map((u) => {
+          const h = t(u.geom, r.type);
+          return /* @__PURE__ */ s(Mh, {
+            row: u,
+            swatchShape: h?.swatchShape ?? "square",
+            hasSwatches: d,
+            shouldHighlight: u.isPrimary && e.rows.length > 1,
             labelStyle: i,
             valueStyle: l,
             paddingInline: n.box.paddingInline,
             highlightBackground: W(n.primaryRow.fill)
-          }, d.key);
+          }, u.key);
         })
       })
     ]
   });
-}, Ih = (e, t) => ({
+}, Bh = (e, t) => ({
   ...tr(e.fill, t),
   borderRadius: St(e.cornerRadius),
   paddingBlock: e.paddingBlock,
   boxShadow: $e(e.shadow),
   ...e.alpha === void 0 ? {} : { opacity: e.alpha },
   ...e.strokeWidth > 0 ? { border: `${e.strokeWidth}px solid ${e.stroke}` } : {}
-}), Th = (e) => ({
+}), Ih = (e) => ({
   x: e.clientX,
   y: e.clientY,
   top: e.clientY,
@@ -4416,7 +4418,7 @@ var Ah = "_19519k82", yh = "_19519k83", xh = "_19519k85", bh = "_19519k86", wh =
   width: 0,
   height: 0,
   toJSON: () => ({})
-}), Lh = (e) => ({
+}), Th = (e) => ({
   x: e.x,
   y: e.y,
   top: e.y,
@@ -4426,7 +4428,7 @@ var Ah = "_19519k82", yh = "_19519k83", xh = "_19519k85", bh = "_19519k86", wh =
   width: 0,
   height: 0,
   toJSON: () => ({})
-}), Mh = ({ isOpen: e, tooltipAnchor: t, virtualReference: r }) => ({
+}), Lh = ({ isOpen: e, tooltipAnchor: t, virtualReference: r }) => ({
   open: e,
   placement: t !== null ? t.placement : "right",
   middleware: t !== null ? [
@@ -4434,21 +4436,21 @@ var Ah = "_19519k82", yh = "_19519k83", xh = "_19519k85", bh = "_19519k86", wh =
     mr(Tt),
     fr(Tt)
   ] : [
-    pr(Eh),
+    pr(kh),
     fr(Tt),
     mr(Tt)
   ],
   elements: { reference: r }
-}), Nh = ({ row: e, swatchShape: t, shouldHighlight: r, labelStyle: n, valueStyle: o, paddingInline: a, highlightBackground: i }) => /* @__PURE__ */ w("div", {
+}), Mh = ({ row: e, swatchShape: t, hasSwatches: r, shouldHighlight: n, labelStyle: o, valueStyle: a, paddingInline: i, highlightBackground: l }) => /* @__PURE__ */ w("div", {
   className: yh,
   style: {
-    paddingInline: a,
-    ...r ? { backgroundColor: i } : {}
+    paddingInline: i,
+    ...n ? { backgroundColor: l } : {}
   },
   "data-testid": "chart-tooltip-row",
   children: [
-    e.swatchColor === null ? /* @__PURE__ */ s("span", {
-      className: xh,
+    e.swatchColor === null ? r && /* @__PURE__ */ s("span", {
+      className: "_19519k85",
       "aria-hidden": !0
     }) : /* @__PURE__ */ s(wt, {
       shape: t,
@@ -4462,14 +4464,14 @@ var Ah = "_19519k82", yh = "_19519k83", xh = "_19519k85", bh = "_19519k86", wh =
       symbol: e.swatchSymbol
     }),
     /* @__PURE__ */ s("span", {
-      className: bh,
-      style: n,
+      className: xh,
+      style: o,
       "data-testid": "chart-tooltip-label",
       children: e.label
     }),
     /* @__PURE__ */ s("span", {
-      className: wh,
-      style: o,
+      className: bh,
+      style: a,
       "data-testid": "chart-tooltip-value",
       children: e.value
     })
@@ -4478,12 +4480,12 @@ var Ah = "_19519k82", yh = "_19519k83", xh = "_19519k85", bh = "_19519k86", wh =
   plansByLayerId: null,
   coordKey: null,
   introEndsAtMs: 0
-}, ln = Y(Er), Oh = ({ intro: e, children: t }) => {
+}, ln = Y(Er), Nh = ({ intro: e, children: t }) => {
   const { layers: r, coordSystem: n, scales: o } = D(ae((i) => ({
     layers: i.layers,
     coordSystem: i.coordSystem,
     scales: i.scales
-  }))), [a] = j(() => Fh({
+  }))), [a] = j(() => Dh({
     layers: r,
     coordSystem: n,
     scales: o,
@@ -4493,13 +4495,13 @@ var Ah = "_19519k82", yh = "_19519k83", xh = "_19519k85", bh = "_19519k86", wh =
     value: a,
     children: t
   });
-}, Hh = () => {
-  const { introEndsAtMs: e } = U(ln), [t] = j(() => Gh(e) / 1e3);
+}, Oh = () => {
+  const { introEndsAtMs: e } = U(ln), [t] = j(() => Fh(e) / 1e3);
   return t;
-}, Dh = (e) => {
+}, Hh = (e) => {
   const { plansByLayerId: t, coordKey: r } = U(ln), n = D((o) => ja(o.coordSystem));
   return t === null || r !== n ? null : t.get(e) ?? null;
-}, Fh = ({ layers: e, coordSystem: t, scales: r, intro: n }) => {
+}, Dh = ({ layers: e, coordSystem: t, scales: r, intro: n }) => {
   if (!n.enabled) return Er;
   const o = {
     durationScale: n.durationScale,
@@ -4522,13 +4524,13 @@ var Ah = "_19519k82", yh = "_19519k83", xh = "_19519k85", bh = "_19519k86", wh =
     coordKey: ja(t),
     introEndsAtMs: performance.now() + i * 1e3
   };
-}, Gh = (e) => Math.max(0, e - performance.now()), ja = (e) => e.type === "cartesian" ? `cartesian-${e.mainAxis}` : e.type, Ya = (e) => ({
+}, Fh = (e) => Math.max(0, e - performance.now()), ja = (e) => e.type === "cartesian" ? `cartesian-${e.mainAxis}` : e.type, Ya = (e) => ({
   x: e.axisLabel.x().resolve(),
   y: e.axisLabel.y().resolve()
 }), Ka = (e) => ({
   x: e.tickLine.x().resolve(),
   y: e.tickLine.y().resolve()
-}), Wh = (e) => {
+}), Gh = (e) => {
   const t = e.graph();
   return ll(W(t.get("fill")), t.get("alpha") ?? 1);
 }, cn = (e) => (t, r) => r === void 0 ? e.tickLabel[t]().resolve() : e.tickLabel[r](t).resolve(), rr = (e) => {
@@ -4542,7 +4544,7 @@ var Ah = "_19519k82", yh = "_19519k83", xh = "_19519k85", bh = "_19519k86", wh =
 }, Qa = (e) => ({
   gap: e.legend().resolve().gap,
   popover: e.legend.popover().resolve()
-}), dn = (e) => e.headline().resolve(), Uh = ({ textMeasurer: e, tickLabelStyles: t, tickLineStyles: r, familyDefault: n }) => (o) => {
+}), dn = (e) => e.headline().resolve(), Wh = ({ textMeasurer: e, tickLabelStyles: t, tickLineStyles: r, familyDefault: n }) => (o) => {
   const a = o.position === "top" || o.position === "bottom", i = ye(o.scaleAestheticKey), { offset: l, ...c } = t(i, o.position), d = o.ticksVisible ? Math.max(l, r[i].length) : l, u = ee(c, n), h = o.ticks.map((f) => e.measureText(f.formattedLabel, u)), g = o.labelMaxWidthPx ?? Number.POSITIVE_INFINITY;
   if (a) {
     if (o.labelRotation !== 0) {
@@ -4552,30 +4554,30 @@ var Ah = "_19519k82", yh = "_19519k83", xh = "_19519k85", bh = "_19519k86", wh =
     return Math.max(...h.map((f) => f.height)) + d;
   }
   return to(h.map((f) => f.width), g) + d;
-}, to = (e, t) => Math.min(Math.max(...e), t), Vh = ({ axisLabelStyles: e }) => (t) => Fe(e[ye(t.scaleAestheticKey)]), Xa = ({ textMeasurer: e, dataLabelStyles: t, familyDefault: r }) => (n, o, a) => {
+}, to = (e, t) => Math.min(Math.max(...e), t), Uh = ({ axisLabelStyles: e }) => (t) => Fe(e[ye(t.scaleAestheticKey)]), Xa = ({ textMeasurer: e, dataLabelStyles: t, familyDefault: r }) => (n, o, a) => {
   const i = t[n][o], l = e.measureText(a, ee(i, r));
   return {
     ...l,
     width: l.width + i.paddingInline * 2,
     height: l.height + i.paddingBlock * 2
   };
-}, zh = ({ textMeasurer: e, familyDefault: t }) => (r, n) => e.measureText(r, ee(n, t)), jh = ({ textMeasurer: e, familyDefault: t, headlineRowGap: r, itemGap: n, headlineItemStyles: o }) => (a, i) => {
+}, Vh = ({ textMeasurer: e, familyDefault: t }) => (r, n) => e.measureText(r, ee(n, t)), zh = ({ textMeasurer: e, familyDefault: t, headlineRowGap: r, itemGap: n, headlineItemStyles: o }) => (a, i) => {
   const l = qa(a, o[i], e, t, r);
   return {
     width: Ja(l.map((c) => c.width)) + Math.max(0, l.length - 1) * n,
     height: Math.max(0, ...l.map((c) => c.height))
   };
-}, Yh = ({ textMeasurer: e, familyDefault: t, headlineRowGap: r, headlineItemStyles: n }) => (o, a) => qa(o, n[a], e, t, r).map((i) => i.width), Kh = ({ textMeasurer: e, familyDefault: t, headlineItemStyles: r }) => (n, o, a = !1) => {
+}, jh = ({ textMeasurer: e, familyDefault: t, headlineRowGap: r, headlineItemStyles: n }) => (o, a) => qa(o, n[a], e, t, r).map((i) => i.width), Yh = ({ textMeasurer: e, familyDefault: t, headlineItemStyles: r }) => (n, o, a = !1) => {
   const i = Lo(r[o], a);
   return {
     width: e.measureText(n, ee(i, t)).width,
     height: Fe(i)
   };
-}, Qh = (e) => {
-  const t = jh(e), r = Kh(e);
+}, Kh = (e) => {
+  const t = zh(e), r = Yh(e);
   return (n, o, a = !1) => n.kind === "perGroup" ? t(n, o) : r(n.value, o, a);
 }, qa = (e, t, r, n, o) => {
-  const a = (i) => Xh(i, t, r, n);
+  const a = (i) => Qh(i, t, r, n);
   return e.items.map((i) => {
     const l = bo(i, t).map(a), c = Math.max(0, l.length - 1) * o;
     return {
@@ -4583,18 +4585,18 @@ var Ah = "_19519k82", yh = "_19519k83", xh = "_19519k85", bh = "_19519k86", wh =
       height: Ja(l.map((d) => d.height)) + c
     };
   });
-}, Xh = (e, t, r, n) => {
+}, Qh = (e, t, r, n) => {
   let o = 0, a = 0;
   for (const i of e.segments) if (i.kind === "text") {
-    const l = qh(t, i.textRole);
-    o += r.measureText(i.text, ee(l, n)).width, a = Math.max(a, Jh(l));
+    const l = Xh(t, i.textRole);
+    o += r.measureText(i.text, ee(l, n)).width, a = Math.max(a, qh(l));
   } else
     o += i.size, a = Math.max(a, i.size);
   return {
     width: o + Math.max(0, e.segments.length - 1) * e.gap,
     height: a
   };
-}, qh = (e, t) => {
+}, Xh = (e, t) => {
   switch (t) {
     case "value":
       return e.number;
@@ -4608,13 +4610,13 @@ var Ah = "_19519k82", yh = "_19519k83", xh = "_19519k85", bh = "_19519k86", wh =
     default:
       return t;
   }
-}, Jh = (e) => e.fontSize * (e.lineHeight ?? Ic), Ja = (e) => e.reduce((t, r) => t + r, 0), Zh = (e, t) => e ? t : 0, Gt = (e, t, r) => {
+}, qh = (e) => e.fontSize * (e.lineHeight ?? Ic), Ja = (e) => e.reduce((t, r) => t + r, 0), Jh = (e, t) => e ? t : 0, Gt = (e, t, r) => {
   if (r) {
     const n = Number(e.size);
     return Number.isFinite(n) && n > 0 ? n : 0;
   }
-  return Zh(e.color, t);
-}, $h = ({ textMeasurer: e, familyDefault: t, legendItemStyle: r, directLabelStyle: n, legendSwatchGap: o }) => (a) => {
+  return Jh(e.color, t);
+}, Zh = ({ textMeasurer: e, familyDefault: t, legendItemStyle: r, directLabelStyle: n, legendSwatchGap: o }) => (a) => {
   const i = a.position === "top" || a.position === "bottom";
   if (a.display === "direct") {
     const m = Fe(n);
@@ -4632,7 +4634,7 @@ var Ah = "_19519k82", yh = "_19519k83", xh = "_19519k85", bh = "_19519k86", wh =
     return x + (x > 0 ? o : 0) + p;
   });
   return Math.max(...v) + g;
-}, _h = ({ textMeasurer: e, tickLabelStyles: t, familyDefault: r }) => (n, o) => e.measureText(n, ee(t(o), r)), ev = Object.freeze({}), tv = ({ textMeasurer: e, metrics: t, overrides: r = ev }) => {
+}, $h = ({ textMeasurer: e, tickLabelStyles: t, familyDefault: r }) => (n, o) => e.measureText(n, ee(t(o), r)), _h = Object.freeze({}), ev = ({ textMeasurer: e, metrics: t, overrides: r = _h }) => {
   const n = M(), o = I(Ya, n), a = I(rr, n), i = I(To, n), l = I(jt, n), c = I(cn, n), d = I(Ka, n), u = H(r);
   return u.current = r, b(() => {
     if (!e) return null;
@@ -4646,24 +4648,24 @@ var Ah = "_19519k82", yh = "_19519k83", xh = "_19519k85", bh = "_19519k86", wh =
         medium: Mt(n, "medium"),
         large: Mt(n, "large")
       }
-    }, v = Uh({
+    }, v = Wh({
       textMeasurer: e,
       tickLabelStyles: c,
       tickLineStyles: d,
       familyDefault: h
-    }), m = Vh({ axisLabelStyles: o }), p = $h({
+    }), m = Uh({ axisLabelStyles: o }), p = Zh({
       textMeasurer: e,
       familyDefault: h,
       legendItemStyle: l,
       directLabelStyle: i,
       legendSwatchGap: t.legendSwatchGap
-    }), x = Qh(f), y = Yh(f), S = {
+    }), x = Kh(f), y = jh(f), S = {
       measureText: (k, C) => e.measureText(k, C),
       textScale: g
     };
     return {
       measureAxis: (k) => {
-        if (nv(k)) return 0;
+        if (rv(k)) return 0;
         const C = u.current.measureAxis;
         return C ? C(k, S) : v(k);
       },
@@ -4672,18 +4674,18 @@ var Ah = "_19519k82", yh = "_19519k83", xh = "_19519k85", bh = "_19519k86", wh =
         return C ? C(k, S) : m(k);
       },
       measureLegend: (k) => {
-        if (ov(k)) return 0;
+        if (nv(k)) return 0;
         const C = u.current.measureLegend;
         return C ? C(k, S) : p(k);
       },
       measureHeadline: (k, C, E) => (u.current.measureHeadline ?? x)(k, C, E),
       measureHeadlineItemWidths: (k, C) => (u.current.measureHeadlineItemWidths ?? y)(k, C),
-      measureTickLabel: _h({
+      measureTickLabel: $h({
         textMeasurer: e,
         tickLabelStyles: c,
         familyDefault: h
       }),
-      measureDifferenceArrowLabel: zh({
+      measureDifferenceArrowLabel: Vh({
         textMeasurer: e,
         familyDefault: h
       }),
@@ -4704,7 +4706,7 @@ var Ah = "_19519k82", yh = "_19519k83", xh = "_19519k85", bh = "_19519k86", wh =
     d,
     n
   ]);
-}, rv = ({ measurer: e, axes: t, numberFormat: r, parsingLocale: n, formattedLegends: o, containerSize: a, externalMeasurements: i, headline: l, formattingLocale: c, annotations: d, layers: u, coordSystem: h, overflowStrategy: g, panelBorder: f, padding: v, margins: m }) => {
+}, tv = ({ measurer: e, axes: t, numberFormat: r, parsingLocale: n, formattedLegends: o, containerSize: a, externalMeasurements: i, headline: l, formattingLocale: c, annotations: d, layers: u, coordSystem: h, overflowStrategy: g, panelBorder: f, padding: v, margins: m }) => {
   const p = M(), x = Yr(), y = b(() => (S) => Io(p, S), [p]);
   return b(() => e ? new Xi(e).compile({
     axes: t,
@@ -4746,18 +4748,18 @@ var Ah = "_19519k82", yh = "_19519k83", xh = "_19519k85", bh = "_19519k86", wh =
     m,
     e
   ]);
-}, nv = (e) => !e.isVisible || e.ticks.length === 0, ov = (e) => e.items.length === 0, av = () => {
+}, rv = (e) => !e.isVisible || e.ticks.length === 0, nv = (e) => e.items.length === 0, ov = () => {
   const { formattingLocale: e } = ne(), t = D((r) => r.config.parsingLocale);
   return e ?? t;
 }, ro = 0.5, Za = Y(/* @__PURE__ */ new Map()), $a = Y(() => {
-}), _a = Y(/* @__PURE__ */ new Set()), iv = ({ children: e }) => {
+}), _a = Y(/* @__PURE__ */ new Set()), av = ({ children: e }) => {
   const [t, r] = j(() => /* @__PURE__ */ new Map()), [n] = j(() => /* @__PURE__ */ new Set()), o = H(/* @__PURE__ */ new Map()), a = ce((i, l, c) => {
     const d = o.current.get(i) ?? /* @__PURE__ */ new Set();
     if (c !== null) {
-      d.add(l), o.current.set(i, d), r((u) => uv(u, i, c));
+      d.add(l), o.current.set(i, d), r((u) => dv(u, i, c));
       return;
     }
-    d.delete(l), !(d.size > 0) && (o.current.delete(i), r((u) => hv(u, i)));
+    d.delete(l), !(d.size > 0) && (o.current.delete(i), r((u) => uv(u, i)));
   }, []);
   return /* @__PURE__ */ s($a.Provider, {
     value: a,
@@ -4769,8 +4771,8 @@ var Ah = "_19519k82", yh = "_19519k83", xh = "_19519k85", bh = "_19519k86", wh =
       })
     })
   });
-}, sv = () => U(Za), lv = () => U($a), cv = (e) => {
-  const t = lv(), r = $(), n = H(null);
+}, iv = () => U(Za), sv = () => U($a), lv = (e) => {
+  const t = sv(), r = $(), n = H(null);
   return F(() => {
     if (typeof ResizeObserver > "u") return;
     const o = n.current;
@@ -4789,44 +4791,44 @@ var Ah = "_19519k82", yh = "_19519k83", xh = "_19519k85", bh = "_19519k86", wh =
     r,
     t
   ]), n;
-}, dv = () => U(_a), uv = (e, t, r) => {
+}, cv = () => U(_a), dv = (e, t, r) => {
   const n = e.get(t);
   if (n !== void 0 && Math.abs(n.width - r.width) < ro && Math.abs(n.height - r.height) < ro) return e;
   const o = new Map(e);
   return o.set(t, r), o;
-}, hv = (e, t) => {
+}, uv = (e, t) => {
   if (!e.has(t)) return e;
   const r = new Map(e);
   return r.delete(t), r;
-}, cA = (e, t) => e !== null && e.annotationId === t ? e : null, vv = (e, t) => e.annotationId === t.annotationId && e.translation.x === t.translation.x && e.translation.y === t.translation.y, dA = (e, t, r) => e !== null && e.annotationId === t && e.endpoint === r ? e : null, gv = (e, t) => e.annotationId === t.annotationId && e.endpoint === t.endpoint && e.anchor.x === t.anchor.x && e.anchor.y === t.anchor.y, uA = (e, t, r) => e !== null && e.annotationId === t && e.endpoint === r ? e : null, fv = (e, t) => e.annotationId === t.annotationId && e.endpoint === t.endpoint && Zi(e.point.anchor, t.point.anchor), hA = (e, t) => e !== null && e.annotationId === t ? e : null, pv = (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, vA = (e, t) => e !== null && e.annotationId === t ? e : null, mv = (e, t) => e.annotationId === t.annotationId && e.at.x === t.at.x && e.width === t.width && e.shift === t.shift, vt = ({ standingInteraction: e }, t) => e !== null && Oe(e, t) ? e : null, Av = (e, t) => {
+}, lA = (e, t) => e !== null && e.annotationId === t ? e : null, hv = (e, t) => e.annotationId === t.annotationId && e.translation.x === t.translation.x && e.translation.y === t.translation.y, cA = (e, t, r) => e !== null && e.annotationId === t && e.endpoint === r ? e : null, vv = (e, t) => e.annotationId === t.annotationId && e.endpoint === t.endpoint && e.anchor.x === t.anchor.x && e.anchor.y === t.anchor.y, dA = (e, t, r) => e !== null && e.annotationId === t && e.endpoint === r ? e : null, gv = (e, t) => e.annotationId === t.annotationId && e.endpoint === t.endpoint && Zi(e.point.anchor, t.point.anchor), uA = (e, t) => e !== null && e.annotationId === t ? e : null, fv = (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, hA = (e, t) => e !== null && e.annotationId === t ? e : null, pv = (e, t) => e.annotationId === t.annotationId && e.at.x === t.at.x && e.width === t.width && e.shift === t.shift, vt = ({ standingInteraction: e }, t) => e !== null && Oe(e, t) ? e : null, mv = (e, t) => {
   if (e === null) return !1;
   switch (t.kind) {
     case "difference-arrow-endpoint-drag":
-      return Oe(e, t.kind) && fv(e, t);
-    case "arrow-endpoint-drag":
       return Oe(e, t.kind) && gv(e, t);
-    case "move-drag":
+    case "arrow-endpoint-drag":
       return Oe(e, t.kind) && vv(e, t);
+    case "move-drag":
+      return Oe(e, t.kind) && hv(e, t);
     case "shape-resize-drag":
-      return Oe(e, t.kind) && pv(e, t);
+      return Oe(e, t.kind) && fv(e, t);
     case "text-resize-drag":
-      return Oe(e, t.kind) && mv(e, t);
+      return Oe(e, t.kind) && pv(e, t);
     case "chrome-popup":
       return Oe(e, t.kind);
     case "menu":
       return !1;
   }
-}, Oe = (e, t) => e.kind === t, gA = (e, t, r, n) => {
+}, Oe = (e, t) => e.kind === t, vA = (e, t, r, n) => {
   const o = ei(r.layerId, e, t, n);
   return o === null ? null : {
     observationIndex: e,
     predicate: o.predicate,
     selectedFor: r
   };
-}, fA = ({ observationIndex: e, predicate: t, selectedFor: r }, n, o) => {
+}, gA = ({ observationIndex: e, predicate: t, selectedFor: r }, n, o) => {
   const a = ei(r.layerId, e, n, o);
   return a !== null && xo(a.predicate, t) ? a.standing : null;
-}, yv = (e, t) => e === t ? !0 : e === null || t === null ? !1 : e.observationIndex === t.observationIndex && xo(e.predicate, t.predicate) && dt(e.selectedFor, t.selectedFor), ei = (e, t, r, n) => {
+}, Av = (e, t) => e === t ? !0 : e === null || t === null ? !1 : e.observationIndex === t.observationIndex && xo(e.predicate, t.predicate) && dt(e.selectedFor, t.selectedFor), ei = (e, t, r, n) => {
   const o = wo(r, e), a = o?.data.getAt(t) ?? null;
   if (o === void 0 || a === null) return null;
   const i = is({
@@ -4842,10 +4844,10 @@ var Ah = "_19519k82", yh = "_19519k83", xh = "_19519k85", bh = "_19519k86", wh =
     },
     predicate: i.predicate
   };
-}, pA = ({ isMenuTrigger: e, stamped: t, observations: r }) => e ? { kind: "menu-trigger" } : t !== null && t.kind !== "grid" ? t : r !== null ? {
+}, fA = ({ isMenuTrigger: e, stamped: t, observations: r }) => e ? { kind: "menu-trigger" } : t !== null && t.kind !== "grid" ? t : r !== null ? {
   kind: "observations",
   observations: r
-} : t, xv = (e, t) => {
+} : t, yv = (e, t) => {
   if (e === t) return !0;
   if (e === null || t === null) return !1;
   if (e.kind === "annotation" && t.kind === "annotation") return dt(e.target, t.target);
@@ -4860,7 +4862,7 @@ var Ah = "_19519k82", yh = "_19519k83", xh = "_19519k85", bh = "_19519k86", wh =
 }, ti = (e) => {
   const t = e.editTargetUnderPointer;
   return t?.kind === "annotation" ? t.target.id : null;
-}, bv = (e) => {
+}, xv = (e) => {
   const t = e.editTargetUnderPointer;
   return t !== null && t.kind !== "menu-trigger";
 }, ri = () => jr((e) => ({
@@ -4871,10 +4873,10 @@ var Ah = "_19519k82", yh = "_19519k83", xh = "_19519k85", bh = "_19519k86", wh =
   caret: null,
   pressedObservation: null,
   setMenuTrigger: (t) => e((r) => $i(r.menuTrigger, t) ? r : { menuTrigger: t }),
-  setEditTargetUnderPointer: (t) => e((r) => xv(r.editTargetUnderPointer, t) ? r : { editTargetUnderPointer: t }),
-  claimInteraction: (t) => e((r) => Av(r.standingInteraction, t) ? r : { standingInteraction: t }),
+  setEditTargetUnderPointer: (t) => e((r) => yv(r.editTargetUnderPointer, t) ? r : { editTargetUnderPointer: t }),
+  claimInteraction: (t) => e((r) => mv(r.standingInteraction, t) ? r : { standingInteraction: t }),
   releaseInteraction: (t) => e((r) => r.standingInteraction?.kind === t ? { standingInteraction: null } : r),
-  setSelectedOutline: (t) => e((r) => wv(r.selectedOutline, t) ? r : { selectedOutline: t }),
+  setSelectedOutline: (t) => e((r) => bv(r.selectedOutline, t) ? r : { selectedOutline: t }),
   setCaret: (t) => e((r) => (r.caret?.annotationId ?? null) === t ? r : { caret: t === null ? null : {
     annotationId: t,
     editor: null
@@ -4883,35 +4885,35 @@ var Ah = "_19519k82", yh = "_19519k83", xh = "_19519k85", bh = "_19519k86", wh =
     ...r.caret,
     editor: t
   } }),
-  setPressedObservation: (t) => e((r) => yv(r.pressedObservation, t) ? r : { pressedObservation: t })
-})), wv = (e, t) => e === t ? !0 : e === null || t === null ? !1 : dt(e.target, t.target) && e.frameScale === t.frameScale && wr(e.frame, t.frame) && Sr(e.frameSpans, t.frameSpans), un = Y(null), Sv = ri(), mA = ({ children: e }) => {
+  setPressedObservation: (t) => e((r) => Av(r.pressedObservation, t) ? r : { pressedObservation: t })
+})), bv = (e, t) => e === t ? !0 : e === null || t === null ? !1 : dt(e.target, t.target) && e.frameScale === t.frameScale && wr(e.frame, t.frame) && Sr(e.frameSpans, t.frameSpans), un = Y(null), wv = ri(), pA = ({ children: e }) => {
   const [t] = j(() => ri());
   return /* @__PURE__ */ s(un.Provider, {
     value: t,
     children: e
   });
-}, AA = () => {
+}, mA = () => {
   const e = U(un);
   if (e === null) throw new Error("useEditorStore must be used inside an <EditorProvider>.");
   return e;
 };
 function Ie(e) {
-  return Je(U(un) ?? Sv, e);
+  return Je(U(un) ?? wv, e);
 }
-var ni = Y(null), kv = ({ panelRect: e, children: t }) => {
-  const r = Pv(e);
+var ni = Y(null), Sv = ({ panelRect: e, children: t }) => {
+  const r = Ev(e);
   return /* @__PURE__ */ s(ni.Provider, {
     value: r,
     children: t
   });
-}, Ev = () => {
+}, kv = () => {
   const e = U(ni);
   if (e === null) throw new Error("Difference arrows read outside a <DifferenceArrowsProvider>.");
   return e;
 }, no = (e, t, r) => t.isStrokeAuthored ? t.stroke : Js(e.start, e.end, {
   start: r(e.start),
   end: r(e.end)
-}) ?? t.stroke, Pv = (e) => {
+}) ?? t.stroke, Ev = (e) => {
   const { formattingLocale: t } = ne(), r = Le(), { fonts: n } = Ve(), o = Ie((p) => vt(p, "difference-arrow-endpoint-drag")), a = Al(), i = M(), { differenceArrows: l, mainAxis: c, parsingLocale: d } = D(ae((p) => ({
     differenceArrows: p.annotations.differenceArrows,
     mainAxis: Qs(p.coordSystem),
@@ -4926,7 +4928,7 @@ var ni = Y(null), kv = ({ panelRect: e, children: t }) => {
     h,
     g,
     u
-  ]), v = b(() => Rv(r, n.familyDefault), [r, n.familyDefault]), m = b(() => l.map((p) => {
+  ]), v = b(() => Pv(r, n.familyDefault), [r, n.familyDefault]), m = b(() => l.map((p) => {
     const x = Io(i, p.id), y = oo(p, x, f, v);
     return {
       ...y,
@@ -4948,7 +4950,7 @@ var ni = Y(null), kv = ({ panelRect: e, children: t }) => {
   ]);
   return b(() => o === null ? m : m.map((p) => {
     if (p.id !== o.annotationId) return p;
-    const x = Cv(p.committedArrow, o);
+    const x = Rv(p.committedArrow, o);
     return {
       ...oo(x, p.style, f, v),
       style: p.style,
@@ -4981,7 +4983,7 @@ var ni = Y(null), kv = ({ panelRect: e, children: t }) => {
       label: t.label
     })
   };
-}, Rv = (e, t) => {
+}, Pv = (e, t) => {
   const r = /* @__PURE__ */ new Map();
   return (n, o) => {
     const a = ee(o, t), i = [
@@ -4997,24 +4999,24 @@ var ni = Y(null), kv = ({ panelRect: e, children: t }) => {
     const { width: c } = e.measureText(n, a);
     return r.set(i, c), c;
   };
-}, Cv = (e, t) => ({
+}, Rv = (e, t) => ({
   ...e,
   start: t.endpoint === "start" ? t.point : e.start,
   end: t.endpoint === "end" ? t.point : e.end
-}), Bv = "data:image/png;base64,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", Iv = ({ className: e }) => /* @__PURE__ */ s("img", {
-  src: Bv,
+}), Cv = "data:image/png;base64,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", Bv = ({ className: e }) => /* @__PURE__ */ s("img", {
+  src: Cv,
   alt: "",
   "aria-hidden": "true",
   className: e,
   draggable: !1
-}), Tv = "https://graphy.app/?utm_source=chart-mark&utm_medium=embed", Lv = "Made with Graphy — open graphy.app";
-var Mv = "vultop0";
-var Nv = "vultop2", Ov = "vultop3", Hv = "vultop4", Dv = "vultop5", Fv = "vultop6", Gv = "vultop7", Wv = (e) => {
-  const t = Uv(e.trim());
+}), Iv = "https://graphy.app/?utm_source=chart-mark&utm_medium=embed", Tv = "Made with Graphy — open graphy.app";
+var Lv = "vultop0";
+var Mv = "vultop2", Nv = "vultop3", Ov = "vultop4", Hv = "vultop5", Dv = "vultop6", Fv = "vultop7", Gv = (e) => {
+  const t = Wv(e.trim());
   if (t === null) return "light";
-  const r = Vv(t);
+  const r = Uv(t);
   return r <= 0.22 ? "dark" : r <= 0.65 ? "mid" : "light";
-}, Uv = (e) => {
+}, Wv = (e) => {
   if (!e.startsWith("#")) return null;
   const t = e.slice(1);
   if (t.length === 3) {
@@ -5030,29 +5032,29 @@ var Nv = "vultop2", Ov = "vultop3", Hv = "vultop4", Dv = "vultop5", Fv = "vultop
     green: Number.parseInt(t.slice(2, 4), 16),
     blue: Number.parseInt(t.slice(4, 6), 16)
   } : null;
-}, Vv = ({ red: e, green: t, blue: r }) => {
+}, Uv = ({ red: e, green: t, blue: r }) => {
   const n = (o) => {
     const a = o / 255;
     return a <= 0.03928 ? a / 12.92 : ((a + 0.055) / 1.055) ** 2.4;
   };
   return 0.2126 * n(e) + 0.7152 * n(t) + 0.0722 * n(r);
-}, zv = (e, t, r = "full") => !e || t.width < 120 || t.height < 80 ? "hidden" : t.width < 200 || r === "mini" ? "mini" : "full", oi = ({ visual: e, placement: t }) => {
-  const r = Wv(W(M().graph().get("fill")));
+}, Vv = (e, t, r = "full") => !e || t.width < 120 || t.height < 80 ? "hidden" : t.width < 200 || r === "mini" ? "mini" : "full", oi = ({ visual: e, placement: t }) => {
+  const r = Gv(W(M().graph().get("fill")));
   return /* @__PURE__ */ w("a", {
-    className: ft(Mv, e === "mini" && "vultop1", t === "footer" ? Fv : Gv),
-    href: Tv,
+    className: ft(Lv, e === "mini" && "vultop1", t === "footer" ? Dv : Fv),
+    href: Iv,
     target: "_blank",
     rel: "noopener noreferrer",
-    "aria-label": Lv,
+    "aria-label": Tv,
     "data-visual": e,
     "data-zone": r,
     children: [/* @__PURE__ */ s("span", {
-      className: Nv,
-      children: /* @__PURE__ */ s(Iv, { className: Ov })
+      className: Mv,
+      children: /* @__PURE__ */ s(Bv, { className: Nv })
     }), /* @__PURE__ */ w("span", {
-      className: Hv,
+      className: Ov,
       children: [/* @__PURE__ */ s("span", { children: "Made with" }), /* @__PURE__ */ s("span", {
-        className: Dv,
+        className: Hv,
         children: "Graphy"
       })]
     })]
@@ -5061,15 +5063,15 @@ var Nv = "vultop2", Ov = "vultop3", Hv = "vultop4", Dv = "vultop5", Fv = "vultop
   Title: null,
   Caption: null,
   TextAnnotation: null
-}), yA = ({ editors: e, children: t }) => /* @__PURE__ */ s(ai.Provider, {
+}), AA = ({ editors: e, children: t }) => /* @__PURE__ */ s(ai.Provider, {
   value: e,
   children: t
-}), hn = () => U(ai), ao = "_4dlrid0", jv = "xfz7dq0";
-var Yv = "xfz7dq2", Kv = "xfz7dq3", Qv = "xfz7dq4", Xv = "xfz7dq5", qv = ({ ref: e, footerRect: t, mode: r = Pe.readonly, caption: n, isCaptionVisible: o, source: a, isSourceVisible: i, captionStyle: l, sourceStyle: c, brandMark: d }) => {
-  const { Caption: u } = hn(), h = Me[rn(r)].inlineTextEditing ? u : null, g = o && (h !== null || n !== null), f = i && a !== null && _v(a), v = d !== "hidden";
+}), hn = () => U(ai), ao = "_4dlrid0", zv = "xfz7dq0";
+var jv = "xfz7dq2", Yv = "xfz7dq3", Kv = "xfz7dq4", Qv = "xfz7dq5", Xv = ({ ref: e, footerRect: t, mode: r = Pe.readonly, caption: n, isCaptionVisible: o, source: a, isSourceVisible: i, captionStyle: l, sourceStyle: c, brandMark: d }) => {
+  const { Caption: u } = hn(), h = Me[rn(r)].inlineTextEditing ? u : null, g = o && (h !== null || n !== null), f = i && a !== null && $v(a), v = d !== "hidden";
   return !g && !f && !v ? null : /* @__PURE__ */ w("div", {
     ref: e,
-    className: jv,
+    className: zv,
     style: {
       left: t.x,
       top: t.y,
@@ -5078,12 +5080,12 @@ var Yv = "xfz7dq2", Kv = "xfz7dq3", Qv = "xfz7dq4", Xv = "xfz7dq5", qv = ({ ref:
     children: [g ? h ? /* @__PURE__ */ s(h, {
       caption: n,
       captionStyle: l
-    }) : /* @__PURE__ */ s(Jv, {
+    }) : /* @__PURE__ */ s(qv, {
       caption: n,
       captionStyle: l
     }) : null, (f || v) && /* @__PURE__ */ w("div", {
       className: "xfz7dq1",
-      children: [f && /* @__PURE__ */ s(Zv, {
+      children: [f && /* @__PURE__ */ s(Jv, {
         source: a,
         sourceStyle: c
       }), d !== "hidden" ? /* @__PURE__ */ s(oi, {
@@ -5092,7 +5094,7 @@ var Yv = "xfz7dq2", Kv = "xfz7dq3", Qv = "xfz7dq4", Xv = "xfz7dq5", qv = ({ ref:
       }) : null]
     })]
   });
-}, Jv = ({ caption: e, captionStyle: t }) => e === null ? null : typeof e == "string" ? /* @__PURE__ */ s("p", {
+}, qv = ({ caption: e, captionStyle: t }) => e === null ? null : typeof e == "string" ? /* @__PURE__ */ s("p", {
   className: ao,
   style: K(t),
   children: e
@@ -5100,43 +5102,43 @@ var Yv = "xfz7dq2", Kv = "xfz7dq3", Qv = "xfz7dq4", Xv = "xfz7dq5", qv = ({ ref:
   className: ao,
   style: K(t),
   children: /* @__PURE__ */ s(Xe, { content: e })
-}), Zv = ({ source: e, sourceStyle: t }) => {
-  const r = Dr(e.url) ? e.url : void 0, n = e.label ?? (r !== void 0 ? $v(r) : "");
+}), Jv = ({ source: e, sourceStyle: t }) => {
+  const r = Dr(e.url) ? e.url : void 0, n = e.label ?? (r !== void 0 ? Zv(r) : "");
   return n === "" && r === void 0 ? null : /* @__PURE__ */ w("span", {
-    className: Yv,
+    className: jv,
     style: K(t.label),
     children: [/* @__PURE__ */ s("span", {
-      className: Qv,
+      className: Kv,
       children: "Source:"
     }), r !== void 0 ? /* @__PURE__ */ s("a", {
-      className: Kv,
+      className: Yv,
       href: r,
       target: "_blank",
       rel: "noopener noreferrer",
       style: K(t.link),
       children: n
     }) : /* @__PURE__ */ s("span", {
-      className: Xv,
+      className: Qv,
       children: n
     })]
   });
-}, $v = (e) => {
+}, Zv = (e) => {
   try {
     return new URL(e).hostname;
   } catch {
     return e;
   }
-}, _v = (e) => e.label !== void 0 && e.label !== "" || e.url !== void 0 && e.url !== "" && Dr(e.url), eg = "_1k4qtbg0";
-var tg = 22, rg = ({ ref: e, headerRect: t, mode: r = Pe.readonly, title: n, isTitleVisible: o, subtitle: a, isSubtitleVisible: i, headingStyle: l, subtitleStyle: c, brandMark: d }) => {
+}, $v = (e) => e.label !== void 0 && e.label !== "" || e.url !== void 0 && e.url !== "" && Dr(e.url), _v = "_1k4qtbg0";
+var eg = 22, tg = ({ ref: e, headerRect: t, mode: r = Pe.readonly, title: n, isTitleVisible: o, subtitle: a, isSubtitleVisible: i, headingStyle: l, subtitleStyle: c, brandMark: d }) => {
   const { Title: u } = hn(), h = Me[rn(r)].inlineTextEditing ? u : null, g = h !== null, f = o && (g || n !== null), v = i && (g || a !== null), m = d !== "hidden";
   return !f && !v && !m ? null : /* @__PURE__ */ w("div", {
     ref: e,
-    className: ft(eg, m && "_1k4qtbg1"),
+    className: ft(_v, m && "_1k4qtbg1"),
     style: {
       left: t.x,
       top: t.y,
       width: t.width,
-      ...m && !f && !v ? { minHeight: tg } : {}
+      ...m && !f && !v ? { minHeight: eg } : {}
     },
     children: [h ? /* @__PURE__ */ s(h, {
       title: n,
@@ -5145,7 +5147,7 @@ var tg = 22, rg = ({ ref: e, headerRect: t, mode: r = Pe.readonly, title: n, isT
       subtitle: a,
       headingStyle: l,
       subtitleStyle: c
-    }, [o ? "title" : "", i ? "subtitle" : ""].join("-")) : /* @__PURE__ */ s(ng, {
+    }, [o ? "title" : "", i ? "subtitle" : ""].join("-")) : /* @__PURE__ */ s(rg, {
       title: n,
       isTitleVisible: o,
       isSubtitleVisible: i,
@@ -5157,7 +5159,7 @@ var tg = 22, rg = ({ ref: e, headerRect: t, mode: r = Pe.readonly, title: n, isT
       placement: "header"
     }) : null]
   });
-}, ng = ({ title: e, isTitleVisible: t, isSubtitleVisible: r, subtitle: n, headingStyle: o, subtitleStyle: a }) => {
+}, rg = ({ title: e, isTitleVisible: t, isSubtitleVisible: r, subtitle: n, headingStyle: o, subtitleStyle: a }) => {
   const i = t && e !== null, l = r && n !== null;
   return /* @__PURE__ */ w(T, { children: [i && (typeof e == "string" ? /* @__PURE__ */ s("h1", {
     className: "_4dlrid0",
@@ -5176,25 +5178,25 @@ var tg = 22, rg = ({ ref: e, headerRect: t, mode: r = Pe.readonly, title: n, isT
     style: K(a),
     children: /* @__PURE__ */ s(Xe, { content: n })
   }))] });
-}, og = "_1u9qprb0", ag = "_1u9qprb1", ig = /* @__PURE__ */ fl({
-  group: () => cg,
+}, ng = "_1u9qprb0", og = "_1u9qprb1", ag = /* @__PURE__ */ fl({
+  group: () => lg,
   item: () => ii,
-  trend: () => lg,
-  value: () => sg
-}), sg = "_9aen060", lg = "_9aen061", cg = "_9aen062", ii = "_9aen063", dg = {
+  trend: () => sg,
+  value: () => ig
+}), ig = "_9aen060", sg = "_9aen061", lg = "_9aen062", ii = "_9aen063", cg = {
   xxs: 8,
   xs: 12,
   sm: 16,
   md: 20,
   lg: 24,
   xl: 36
-}, ug = {
+}, dg = {
   primary: "asohov1 asohov0",
   secondary: "asohov2 asohov0"
 }, si = ({ children: e, title: t, variant: r = "primary", size: n = "sm", ...o }) => {
-  const a = $(), i = dg[n];
+  const a = $(), i = cg[n];
   return /* @__PURE__ */ w("svg", {
-    className: ug[r],
+    className: dg[r],
     "aria-labelledby": t ? a : void 0,
     height: i,
     width: i,
@@ -5207,7 +5209,7 @@ var tg = 22, rg = ({ ref: e, headerRect: t, mode: r = Pe.readonly, title: n, isT
       children: t
     }), e]
   });
-}, hg = (e) => /* @__PURE__ */ s(si, {
+}, ug = (e) => /* @__PURE__ */ s(si, {
   ...e,
   children: /* @__PURE__ */ w("g", {
     stroke: "currentColor",
@@ -5216,7 +5218,7 @@ var tg = 22, rg = ({ ref: e, headerRect: t, mode: r = Pe.readonly, title: n, isT
     strokeLinejoin: "round",
     children: [/* @__PURE__ */ s("path", { d: "m5 12 7-7 7 7" }), /* @__PURE__ */ s("path", { d: "M12 19V5" })]
   })
-}), vg = (e) => /* @__PURE__ */ s(si, {
+}), hg = (e) => /* @__PURE__ */ s(si, {
   ...e,
   children: /* @__PURE__ */ s("g", {
     stroke: "currentColor",
@@ -5225,36 +5227,36 @@ var tg = 22, rg = ({ ref: e, headerRect: t, mode: r = Pe.readonly, title: n, isT
     strokeLinejoin: "round",
     children: /* @__PURE__ */ s("path", { d: "M5 12h14" })
   })
-}), gg = "n7clvo0", fg = "n7clvo1", pg = "n7clvo2";
-var mg = ({ segment: e, itemStyle: t }) => {
-  if (e.kind === "swatch") return /* @__PURE__ */ s(Ag, {
+}), vg = "n7clvo0", gg = "n7clvo1", fg = "n7clvo2";
+var pg = ({ segment: e, itemStyle: t }) => {
+  if (e.kind === "swatch") return /* @__PURE__ */ s(mg, {
     swatch: e.swatch,
     size: e.size
   });
   if (e.kind === "trendArrow") {
     const o = li(t, e.direction);
     return /* @__PURE__ */ s("div", {
-      className: He(pg, e.direction === "down" && "n7clvo3"),
+      className: He(fg, e.direction === "down" && "n7clvo3"),
       style: {
         color: o,
         backgroundColor: e.direction === "flat" ? te(A.textPrimary, 0.1) : te(o, 0.2)
       },
-      children: e.direction === "flat" ? /* @__PURE__ */ s(vg, {
+      children: e.direction === "flat" ? /* @__PURE__ */ s(hg, {
         size: "xs",
         title: ""
-      }) : /* @__PURE__ */ s(hg, {
+      }) : /* @__PURE__ */ s(ug, {
         size: "xs",
         title: ""
       })
     });
   }
-  const { className: r, style: n } = yg(e, t);
+  const { className: r, style: n } = Ag(e, t);
   return /* @__PURE__ */ s("span", {
     className: r,
     style: n,
     children: e.text
   });
-}, Ag = ({ swatch: e, size: t }) => {
+}, mg = ({ swatch: e, size: t }) => {
   const r = Re(), n = Jt(e.layerId, e.value, t);
   return /* @__PURE__ */ s(wt, {
     shape: r(e.geom, "cartesian")?.swatchShape ?? "square",
@@ -5267,18 +5269,18 @@ var mg = ({ segment: e, itemStyle: t }) => {
     cornerRadius: n.cornerRadius,
     symbol: n.symbol
   });
-}, yg = (e, t) => {
+}, Ag = (e, t) => {
   switch (e.textRole) {
     case "value":
       return { style: Qe(t.number) };
     case "caption":
       return {
-        className: gg,
+        className: vg,
         style: Qe(t.caption)
       };
     case "label":
       return {
-        className: fg,
+        className: gg,
         style: Qe(t.label)
       };
     case "trendPercentage":
@@ -5302,30 +5304,30 @@ var mg = ({ segment: e, itemStyle: t }) => {
     default:
       return t;
   }
-}, xg = ({ item: e, itemStyle: t }) => /* @__PURE__ */ s("div", {
+}, yg = ({ item: e, itemStyle: t }) => /* @__PURE__ */ s("div", {
   className: ii,
-  children: bo(e, t).map((r) => /* @__PURE__ */ s(bg, {
+  children: bo(e, t).map((r) => /* @__PURE__ */ s(xg, {
     row: r,
     itemStyle: t
   }, r.role))
-}), bg = ({ row: e, itemStyle: t }) => {
+}), xg = ({ row: e, itemStyle: t }) => {
   const r = e.role === "trend";
   return /* @__PURE__ */ s("div", {
-    className: ig[e.role],
+    className: ag[e.role],
     style: { gap: e.gap },
     "data-testid": r ? "headline-trend" : void 0,
-    "data-direction": r ? wg(e) : void 0,
+    "data-direction": r ? bg(e) : void 0,
     role: r ? "img" : void 0,
     "aria-label": r ? e.ariaLabel : void 0,
-    children: e.segments.map((n, o) => /* @__PURE__ */ s(mg, {
+    children: e.segments.map((n, o) => /* @__PURE__ */ s(pg, {
       segment: n,
       itemStyle: t
     }, o))
   });
-}, wg = (e) => {
+}, bg = (e) => {
   const t = e.segments.find((r) => r.kind === "trendArrow");
   return t?.kind === "trendArrow" ? t.direction : void 0;
-}, Sg = ({ headline: e, rect: t, resolvedSize: r, visibleItemCount: n, isInDonutHole: o = !1 }) => {
+}, wg = ({ headline: e, rect: t, resolvedSize: r, visibleItemCount: n, isInDonutHole: o = !1 }) => {
   const a = M(), i = I(dn, a), l = I(Mt, a, r), c = {
     left: t.x,
     top: t.y,
@@ -5335,7 +5337,7 @@ var mg = ({ segment: e, itemStyle: t }) => {
   if (e.kind === "grandTotal") {
     const d = Lo(l, o);
     return /* @__PURE__ */ s("div", {
-      className: ag,
+      className: og,
       style: c,
       children: /* @__PURE__ */ s("span", {
         style: Qe(d),
@@ -5344,12 +5346,12 @@ var mg = ({ segment: e, itemStyle: t }) => {
     });
   }
   return /* @__PURE__ */ s("div", {
-    className: og,
+    className: ng,
     style: {
       ...c,
       gap: i.gap
     },
-    children: e.items.slice(0, n).map((d, u) => /* @__PURE__ */ s(xg, {
+    children: e.items.slice(0, n).map((d, u) => /* @__PURE__ */ s(yg, {
       item: d,
       itemStyle: l
     }, `${d.label}-${u}`))
@@ -5357,7 +5359,7 @@ var mg = ({ segment: e, itemStyle: t }) => {
 }, ci = "data-legend-index", di = "data-legend-item-index", ui = ({ legendIndex: e, itemIndex: t }) => ({
   [ci]: String(e),
   [di]: String(t)
-}), kg = (e) => {
+}), Sg = (e) => {
   const t = Pr(e, ci), r = Pr(e, di);
   return t === null || r === null ? null : {
     legendIndex: t,
@@ -5368,7 +5370,7 @@ var mg = ({ 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;
-}, je = "data-edit-kind", hi = "data-edit-id", Wt = "data-edit-axis", vi = "data-edit-tick-index", gi = "data-legend-overflow-control", xA = `[${gi}]`, Eg = "observations", Pg = `[${je}]`, kt = (e) => ({
+}, je = "data-edit-kind", hi = "data-edit-id", Wt = "data-edit-axis", vi = "data-edit-tick-index", gi = "data-legend-overflow-control", yA = `[${gi}]`, kg = "observations", Eg = `[${je}]`, kt = (e) => ({
   [je]: e.kind,
   [hi]: e.id
 }), vn = (e, t) => ({
@@ -5381,16 +5383,16 @@ var mg = ({ segment: e, itemStyle: t }) => {
 }), fi = (e) => ({
   [je]: "grid",
   [Wt]: e
-}), bA = (e, t) => {
+}), xA = (e, t) => {
   for (const r of e) {
-    const n = r.closest(Pg);
+    const n = r.closest(Eg);
     if (n === null || !t.contains(n)) continue;
-    const o = Cg(n);
+    const o = Rg(n);
     if (o !== null) return o;
     if (n !== r) return null;
   }
   return null;
-}, Rg = () => ({ [je]: Eg }), Cg = (e) => {
+}, Pg = () => ({ [je]: kg }), Rg = (e) => {
   const t = e.getAttribute(je);
   switch (t) {
     case "annotation": {
@@ -5425,7 +5427,7 @@ var mg = ({ segment: e, itemStyle: t }) => {
       };
     }
     case "legend": {
-      const r = kg(e);
+      const r = Sg(e);
       return r === null ? null : {
         kind: t,
         target: { kind: t },
@@ -5449,19 +5451,19 @@ var mg = ({ segment: e, itemStyle: t }) => {
 function Et() {
   return U(pi);
 }
-var Ne = () => Me[Et()].guidePress, Bg = (e, t) => e.isTextColorAuthored ? e.textColor : t ?? e.textColor, Ig = "_1oj6yix0";
-var Tg = "_1oj6yix2";
-var Lg = 8, Mg = 16, Ng = 2, Og = ({ indexedLegends: e, containerRect: t }) => {
-  const r = I(To, M()), n = Fe(r), { placements: o, hasOverlap: a } = Hg(e, t, n), i = Ne(), l = K(r);
+var Ne = () => Me[Et()].guidePress, Cg = (e, t) => e.isTextColorAuthored ? e.textColor : t ?? e.textColor, Bg = "_1oj6yix0";
+var Ig = "_1oj6yix2";
+var Tg = 8, Lg = 16, Mg = 2, Ng = ({ indexedLegends: e, containerRect: t }) => {
+  const r = I(To, M()), n = Fe(r), { placements: o, hasOverlap: a } = Og(e, t, n), i = Ne(), l = K(r);
   if (o.length === 0) return null;
-  const c = a ? Mg : Lg, d = c - Ng, u = ue(r.dashArray, r.strokeWidth);
+  const c = a ? Lg : Tg, d = c - Mg, u = ue(r.dashArray, r.strokeWidth);
   return /* @__PURE__ */ w("div", {
-    className: Ig,
+    className: Bg,
     children: [a && /* @__PURE__ */ s("svg", {
       className: "_1oj6yix1",
       width: t.width,
       height: t.height,
-      children: o.map((h) => /* @__PURE__ */ s(Dg, {
+      children: o.map((h) => /* @__PURE__ */ s(Hg, {
         anchorY: h.anchorY,
         labelY: h.y,
         endX: d,
@@ -5470,18 +5472,18 @@ var Lg = 8, Mg = 16, Ng = 2, Og = ({ indexedLegends: e, containerRect: t }) => {
         dashArray: u
       }, h.payload.key))
     }), o.map((h) => /* @__PURE__ */ s("span", {
-      className: He(Tg, i && "_1oj6yix3"),
+      className: He(Ig, i && "_1oj6yix3"),
       style: {
         ...l,
         left: c,
         top: h.y,
-        color: Bg(r, h.payload.color)
+        color: Cg(r, h.payload.color)
       },
       ...i ? gn(h.payload.address) : ui(h.payload.address),
       children: h.payload.label
     }, h.payload.key))]
   });
-}, Hg = (e, t, r) => b(() => {
+}, Og = (e, t, r) => b(() => {
   const n = [];
   for (const { legend: o, legendIndex: a } of e) o.items.forEach((i, l) => {
     if (i.normalizedY === null) return;
@@ -5511,7 +5513,7 @@ var Lg = 8, Mg = 16, Ng = 2, Og = ({ indexedLegends: e, containerRect: t }) => {
   e,
   t.height,
   r
-]), Dg = ({ anchorY: e, labelY: t, endX: r, color: n, strokeWidth: o, dashArray: a }) => {
+]), Hg = ({ anchorY: e, labelY: t, endX: r, color: n, strokeWidth: o, dashArray: a }) => {
   const i = r / 2;
   return /* @__PURE__ */ s("path", {
     d: `M0,${e} C${i},${e} ${i},${t} ${r},${t}`,
@@ -5520,7 +5522,7 @@ var Lg = 8, Mg = 16, Ng = 2, Og = ({ indexedLegends: e, containerRect: t }) => {
     strokeWidth: o,
     strokeDasharray: a
   });
-}, Fg = "_6a636s0", mi = (e, t) => ({
+}, Dg = "_6a636s0", mi = (e, t) => ({
   ...e.fill === void 0 ? {} : tr(e.fill, t),
   ...e.cornerRadius === void 0 ? {} : { borderRadius: St(e.cornerRadius) },
   ...e.shadow === void 0 ? {} : { boxShadow: $e(e.shadow) },
@@ -5531,7 +5533,7 @@ var Lg = 8, Mg = 16, Ng = 2, Og = ({ indexedLegends: e, containerRect: t }) => {
   ...e.alpha === void 0 ? {} : { opacity: e.alpha },
   paddingInline: e.paddingInline,
   paddingBlock: e.paddingBlock
-}), yi = (e) => e.fill !== void 0 || e.strokeWidth > 0, Gg = (e, t, r) => ({
+}), yi = (e) => e.fill !== void 0 || e.strokeWidth > 0, Fg = (e, t, r) => ({
   ...tr(e.fill, r),
   borderRadius: St(e.cornerRadius),
   paddingInline: e.paddingInline,
@@ -5540,21 +5542,21 @@ var Lg = 8, Mg = 16, Ng = 2, Og = ({ indexedLegends: e, containerRect: t }) => {
   ...e.alpha === void 0 ? {} : { opacity: e.alpha },
   ...xi(e.strokeWidth, e.stroke),
   ...K(t)
-}), xi = (e, t) => e > 0 && t !== void 0 ? { border: `${e}px solid ${t}` } : {}, Wg = "_1kjk02r0", Ug = {
+}), xi = (e, t) => e > 0 && t !== void 0 ? { border: `${e}px solid ${t}` } : {}, Gg = "_1kjk02r0", Wg = {
   1: "_1kjk02r1",
   2: "_1kjk02r2"
-}, Vg = {
+}, Ug = {
   1: "_1kjk02r3",
   2: "_1kjk02r4"
 };
-var zg = {
+var Vg = {
   1: "_1kjk02r6",
   2: "_1kjk02r7"
-}, jg = {
+}, zg = {
   1: "_1kjk02r8",
   2: "_1kjk02r9"
-}, Yg = "_1kjk02ra", Kg = "_1kjk02rb";
-var Qg = "_1dw9dgx0", dr = "\0", Xg = (e, t) => {
+}, jg = "_1kjk02ra", Yg = "_1kjk02rb";
+var Kg = "_1dw9dgx0", dr = "\0", Qg = (e, t) => {
   const r = [];
   for (const { legend: n, legendIndex: o } of e) {
     const a = n.aesthetics.includes("size");
@@ -5581,7 +5583,7 @@ var Qg = "_1dw9dgx0", dr = "\0", Xg = (e, t) => {
     });
   }
   return r;
-}, bi = ({ pill: e }) => e.isBubble ? /* @__PURE__ */ s(Zg, { pill: e }) : /* @__PURE__ */ s(Jg, { pill: e }), qg = ({ color: e, lineType: t, shape: r, label: n, layerId: o, groupValue: a }) => {
+}, bi = ({ pill: e }) => e.isBubble ? /* @__PURE__ */ s(Jg, { pill: e }) : /* @__PURE__ */ s(qg, { pill: e }), Xg = ({ color: e, lineType: t, shape: r, label: n, layerId: o, groupValue: a }) => {
   const { swatch: i } = I(jt, M()), l = Jt(o, a, i.size);
   return e ? /* @__PURE__ */ s(wt, {
     shape: r,
@@ -5597,17 +5599,17 @@ var Qg = "_1dw9dgx0", dr = "\0", Xg = (e, t) => {
     cornerRadius: l.cornerRadius,
     symbol: l.symbol
   }) : null;
-}, Jg = ({ pill: e }) => /* @__PURE__ */ w(T, { children: [/* @__PURE__ */ s(qg, {
+}, qg = ({ pill: e }) => /* @__PURE__ */ w(T, { children: [/* @__PURE__ */ s(Xg, {
   color: e.visual.color,
   lineType: e.primaryLineType,
   shape: e.swatchShape,
   label: e.formattedLabel,
   layerId: e.layerId,
   groupValue: e.groupValue
-}), /* @__PURE__ */ s("span", { children: e.formattedLabel })] }), Zg = ({ pill: e }) => {
+}), /* @__PURE__ */ s("span", { children: e.formattedLabel })] }), Jg = ({ pill: e }) => {
   const t = Number(e.visual.size), r = Jt(e.layerId, e.groupValue, t);
   return /* @__PURE__ */ w(T, { children: [/* @__PURE__ */ s("span", {
-    className: Qg,
+    className: Kg,
     style: {
       width: t,
       height: t,
@@ -5615,8 +5617,8 @@ var Qg = "_1dw9dgx0", dr = "\0", Xg = (e, t) => {
       opacity: r.alpha
     }
   }), /* @__PURE__ */ s("span", { children: e.formattedLabel })] });
-}, io = { [gi]: "" }, $g = ({ hiddenPills: e, placement: t }) => {
-  const r = Fa(), [n, o] = j(!1), a = M(), i = I(jt, a), l = I(Qa, a), c = Ne(), d = bt([i.item.fill, l.popover.fill]), u = d(i.item.fill), h = Ai(i.item, u), g = _g(e.length, i.item), f = g === null ? void 0 : {
+}, io = { [gi]: "" }, Zg = ({ hiddenPills: e, placement: t }) => {
+  const r = Fa(), [n, o] = j(!1), a = M(), i = I(jt, a), l = I(Qa, a), c = Ne(), d = bt([i.item.fill, l.popover.fill]), u = d(i.item.fill), h = Ai(i.item, u), g = $g(e.length, i.item), f = g === null ? void 0 : {
     ...mi(i.item, u),
     opacity: Tc * (i.item.alpha ?? 1)
   }, { refs: v, floatingStyles: m } = Go({
@@ -5649,25 +5651,25 @@ var Qg = "_1dw9dgx0", dr = "\0", Xg = (e, t) => {
   const p = t === "left" || t === "right", x = g === null ? [] : Array.from({ length: g }, (y, S) => g - S);
   return /* @__PURE__ */ w(T, { children: [/* @__PURE__ */ w("div", {
     ref: v.setReference,
-    className: He(Wg, g !== null && p && Vg[g], g !== null && !p && Ug[g]),
+    className: He(Gg, g !== null && p && Ug[g], g !== null && !p && Wg[g]),
     ...io,
     children: [g !== null && x.map((y) => /* @__PURE__ */ s("span", {
-      className: He("_1kjk02r5", p ? jg[g] : zg[g]),
+      className: He("_1kjk02r5", p ? zg[g] : Vg[g]),
       style: {
         ...f,
-        ...ef(y, p)
+        ..._g(y, p)
       },
       "aria-hidden": !0
     }, y)), /* @__PURE__ */ s("button", {
       type: "button",
-      className: Yg,
+      className: jg,
       style: h,
       onClick: () => o((y) => !y),
       "aria-haspopup": "dialog",
       "aria-expanded": n,
       "aria-label": `Show ${e.length} hidden legend ${e.length === 1 ? "item" : "items"}`,
       children: /* @__PURE__ */ w("span", {
-        className: Kg,
+        className: Yg,
         children: ["+", e.length]
       })
     })]
@@ -5678,7 +5680,7 @@ var Qg = "_1dw9dgx0", dr = "\0", Xg = (e, t) => {
     className: "_1kjk02rc",
     style: {
       ...m,
-      ...Gg(l.popover, i.item, d(l.popover.fill))
+      ...Fg(l.popover, i.item, d(l.popover.fill))
     },
     ...io,
     children: /* @__PURE__ */ s("ul", {
@@ -5690,23 +5692,23 @@ var Qg = "_1dw9dgx0", dr = "\0", Xg = (e, t) => {
       }, y.key))
     })
   })] });
-}, _g = (e, t) => {
+}, $g = (e, t) => {
   if (!yi(t)) return null;
   const r = Math.min(e - 1, 2);
   return r === 1 ? 1 : r === 2 ? 2 : null;
-}, ef = (e, t) => {
+}, _g = (e, t) => {
   const r = -e * 4;
   return { transform: t ? `translateY(${r}px)` : `translateX(${r}px)` };
-}, tf = "_1cecisi0", rf = "_1cecisi1", nf = "_1cecisi2", of = {
+}, ef = "_1cecisi0", tf = "_1cecisi1", rf = "_1cecisi2", nf = {
   start: "_1cecisi3",
   center: "_1cecisi4",
   end: "_1cecisi5"
-}, af = {
+}, of = {
   right: "_1cecisi6",
   left: "_1cecisi7"
-}, sf = "_1cecisi8";
-var lf = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n }) => {
-  const o = Le(), a = Ve(), i = M(), l = I(Qa, i), c = I(jt, i), d = Re(), u = D((E) => E.coordSystem.type), h = Ne(), g = b(() => Xg(t, (E) => d(E, u)?.swatchShape ?? "square"), [
+}, af = "_1cecisi8";
+var sf = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n }) => {
+  const o = Le(), a = Ve(), i = M(), l = I(Qa, i), c = I(jt, i), d = Re(), u = D((E) => E.coordSystem.type), h = Ne(), g = b(() => Qg(t, (E) => d(E, u)?.swatchShape ?? "square"), [
     t,
     d,
     u
@@ -5719,9 +5721,9 @@ var lf = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
       visibleCount: g.length,
       hasOverflow: !1
     };
-    const E = ee(c.item, a.fonts.familyDefault), B = Fe(c.item), P = 2 * (c.item.paddingInline + c.item.strokeWidth), O = 2 * (c.item.paddingBlock + c.item.strokeWidth), L = (we) => f ? cf(we, B, c.swatch.size, O) : so({
+    const E = ee(c.item, a.fonts.familyDefault), B = Fe(c.item), P = 2 * (c.item.paddingInline + c.item.strokeWidth), O = 2 * (c.item.paddingBlock + c.item.strokeWidth), L = (we) => f ? lf(we, B, c.swatch.size, O) : so({
       label: we.formattedLabel,
-      swatchInlineSize: df(we, c.swatch.size),
+      swatchInlineSize: cf(we, c.swatch.size),
       textMeasurer: o,
       font: E,
       swatchGap: a.legendSwatchGap,
@@ -5734,7 +5736,7 @@ var lf = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
       swatchGap: a.legendSwatchGap,
       horizontalChrome: P
     })) + (yi(c.item) ? 8 : 0);
-    return hf({
+    return uf({
       pillSizes: J,
       overflowPillSize: Z,
       containerSize: v,
@@ -5752,29 +5754,29 @@ var lf = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
   if (g.length === 0) return null;
   const y = g.slice(0, p.visibleCount), S = g.slice(p.visibleCount), k = p.hasOverflow && S.length > 0, C = Ai(c.item, x(c.item.fill));
   return /* @__PURE__ */ w("div", {
-    className: He(of[m], tf, {
-      [nf]: f,
-      [rf]: !f,
-      [af[e === "left" ? "left" : "right"]]: f
+    className: He(nf[m], ef, {
+      [rf]: f,
+      [tf]: !f,
+      [of[e === "left" ? "left" : "right"]]: f
     }),
     style: { gap: l.gap },
     children: [y.map((E) => /* @__PURE__ */ s("div", {
-      className: He(sf, h && "_1cecisi9"),
+      className: He(af, h && "_1cecisi9"),
       style: C,
       ...h ? gn(E.address) : void 0,
       children: /* @__PURE__ */ s(bi, { pill: E })
-    }, E.key)), k && /* @__PURE__ */ s($g, {
+    }, E.key)), k && /* @__PURE__ */ s(Zg, {
       hiddenPills: S,
-      placement: vf(e)
+      placement: hf(e)
     })]
   });
 }, so = ({ label: e, swatchInlineSize: t, textMeasurer: r, font: n, swatchGap: o, horizontalChrome: a }) => {
   const i = r.measureText(e, n).width;
   return t + (t > 0 ? o : 0) + i + a;
-}, cf = (e, t, r, n) => {
-  const o = uf(e, r);
+}, lf = (e, t, r, n) => {
+  const o = df(e, r);
   return Math.max(t, o) + n;
-}, df = (e, t) => Gt(e.visual, t, e.isBubble), uf = (e, t) => e.isBubble ? Gt(e.visual, t, !0) : t, hf = ({ pillSizes: e, overflowPillSize: t, containerSize: r, gap: n }) => {
+}, cf = (e, t) => Gt(e.visual, t, e.isBubble), df = (e, t) => e.isBubble ? Gt(e.visual, t, !0) : t, uf = ({ pillSizes: e, overflowPillSize: t, containerSize: r, gap: n }) => {
   if (e.length === 0) return {
     visibleCount: 0,
     hasOverflow: !1
@@ -5796,7 +5798,7 @@ var lf = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
     visibleCount: i,
     hasOverflow: !0
   };
-}, vf = (e) => {
+}, hf = (e) => {
   switch (e) {
     case "top":
       return "bottom";
@@ -5807,7 +5809,7 @@ var lf = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
     case "right":
       return "left";
   }
-}, gf = he(function({ formattedLegends: t, rects: r }) {
+}, vf = he(function({ formattedLegends: t, rects: r }) {
   const n = b(() => {
     const o = /* @__PURE__ */ new Map();
     return t.forEach((a, i) => {
@@ -5826,25 +5828,25 @@ var lf = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
   return /* @__PURE__ */ s(T, { children: Array.from(n, ([o, a]) => {
     const i = r[o];
     return i === void 0 ? null : /* @__PURE__ */ w("div", {
-      className: Fg,
+      className: Dg,
       style: {
         left: i.x,
         top: i.y,
         width: i.width,
         height: i.height
       },
-      children: [/* @__PURE__ */ s(lf, {
+      children: [/* @__PURE__ */ s(sf, {
         edge: o,
         indexedLegends: a.pill,
         containerWidth: i.width,
         containerHeight: i.height
-      }), /* @__PURE__ */ s(Og, {
+      }), /* @__PURE__ */ s(Ng, {
         indexedLegends: a.direct,
         containerRect: i
       })]
     }, o);
   }) });
-}), ff = (e, t, r) => {
+}), gf = (e, t, r) => {
   if (e.type === "cartesian") return Ts(e, t);
   const n = Ze(r), o = oe(t.x, e.innerRadius, n), a = oe(t.x, 1, n);
   return {
@@ -5853,43 +5855,43 @@ var lf = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
     x2: a.x,
     y2: a.y
   };
-}, pf = ({ layers: e, primaryLayerId: t, coordSystem: r, resolveRenderer: n }) => {
+}, ff = ({ layers: e, primaryLayerId: t, coordSystem: r, resolveRenderer: n }) => {
   const o = e.find((i) => i.id === t);
   if (!o) return null;
   const a = n(o.geom, r.type);
   return a ? a.guideMode ?? null : null;
-}, mf = ({ panelRect: e }) => {
+}, pf = ({ panelRect: e }) => {
   const { coordSystem: t, layers: r, scales: n } = D(ae((c) => ({
     coordSystem: c.coordSystem,
     layers: c.layers,
     scales: c.scales
-  }))), o = ht((c) => c.hover.primary), a = Re(), i = I(bf, M());
+  }))), o = ht((c) => c.hover.primary), a = Re(), i = I(xf, M());
   if (!Me[Et()].hoverPaint || r.length === 0 || o === null || !o.anchored) return null;
-  const l = pf({
+  const l = ff({
     layers: r,
     primaryLayerId: o.layerId,
     coordSystem: t,
     resolveRenderer: a
   });
-  return l === null ? null : l === "crosshair" ? /* @__PURE__ */ s(Af, {
+  return l === null ? null : l === "crosshair" ? /* @__PURE__ */ s(mf, {
     coordSystem: t,
     primary: o,
     panelRect: e,
     guide: i
-  }) : t.type === "polar" ? /* @__PURE__ */ s(xf, {
+  }) : t.type === "polar" ? /* @__PURE__ */ s(yf, {
     coordSystem: t,
     primary: o,
     panelRect: e,
     guide: i
-  }) : /* @__PURE__ */ s(yf, {
+  }) : /* @__PURE__ */ s(Af, {
     coordSystem: t,
     scales: n,
     primary: o,
     panelRect: e,
     guide: i
   });
-}, Af = ({ coordSystem: e, primary: t, panelRect: r, guide: n }) => {
-  const o = ff(e, t, r);
+}, mf = ({ coordSystem: e, primary: t, panelRect: r, guide: n }) => {
+  const o = gf(e, t, r);
   return /* @__PURE__ */ s(fn, {
     panelRect: r,
     children: /* @__PURE__ */ s("line", {
@@ -5901,7 +5903,7 @@ var lf = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
       "data-testid": "hover-guide-line"
     })
   });
-}, yf = ({ coordSystem: e, scales: t, primary: r, panelRect: n, guide: o }) => {
+}, Af = ({ coordSystem: e, scales: t, primary: r, panelRect: n, guide: o }) => {
   const a = Ls(e, t, r);
   return a === null ? null : /* @__PURE__ */ s(fn, {
     panelRect: n,
@@ -5911,7 +5913,7 @@ var lf = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
       "data-testid": "hover-guide-rect"
     })
   });
-}, xf = ({ coordSystem: e, primary: t, panelRect: r, guide: n }) => {
+}, yf = ({ coordSystem: e, primary: t, panelRect: r, guide: n }) => {
   const o = Ns(e, t);
   if (o === null) return null;
   const a = De(o);
@@ -5941,20 +5943,20 @@ var lf = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
   },
   "data-testid": "hover-guide",
   children: t
-}), bf = (e) => e.hoverGuide().resolve(), wA = (e, t, r) => {
+}), xf = (e) => e.hoverGuide().resolve(), bA = (e, t, r) => {
   for (const n of Object.values(Si)) {
     const o = n(e, t, r);
     if (o !== null) return o;
   }
   return null;
-}, wf = (e) => Si[e] !== void 0, Sf = (e, t, r) => wi(e, r, t / 2), kf = (e, t) => {
+}, bf = (e) => Si[e] !== void 0, wf = (e, t, r) => wi(e, r, t / 2), Sf = (e, t) => {
   const r = gt(e.start, t), n = gt(e.end, t);
   return r.x === n.x && r.y === n.y ? null : {
     shape: "segment",
     start: r,
     end: n
   };
-}, Ef = (e, { panel: t, measuredBoxes: r }) => {
+}, kf = (e, { panel: t, measuredBoxes: r }) => {
   const n = r.get(e.id);
   if (n === void 0) return null;
   const o = yo(e.align), a = gt(e.at, t);
@@ -5982,19 +5984,19 @@ var lf = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
     }
   };
 }, Si = {
-  text: Lt((e) => e.textAnnotations, Ef),
-  shape: Lt((e) => e.shapes, (e, t) => Sf(e.region, t.readers.annotation.shape(e.id).get("strokeWidth"), t.panel)),
+  text: Lt((e) => e.textAnnotations, kf),
+  shape: Lt((e) => e.shapes, (e, t) => wf(e.region, t.readers.annotation.shape(e.id).get("strokeWidth"), t.panel)),
   image: Lt((e) => e.images, (e, t) => wi(e.region, t.panel)),
-  arrow: Lt((e) => e.arrows, (e, t) => kf(e, t.panel))
-}, Pf = (e, t) => {
+  arrow: Lt((e) => e.arrows, (e, t) => Sf(e, t.panel))
+}, Ef = (e, t) => {
   const r = ks(e, t);
-  return r !== null && wf(r.kind) && Fs(r);
-}, Rf = 200, Cf = ({ engine: e, store: t, overlayRef: r }) => {
+  return r !== null && bf(r.kind) && Fs(r);
+}, Pf = 200, Rf = ({ engine: e, store: t, overlayRef: r }) => {
   const { tolerance: n } = Me[Et()], o = Je(t, (a) => a.isQueryOwnedByEditor);
   F(() => {
     const a = r.current;
     if (!a) return;
-    const i = Bf(a, e), l = o ? void 0 : Tf(a, e, t, n ?? void 0);
+    const i = Cf(a, e), l = o ? void 0 : If(a, e, t, n ?? void 0);
     return () => {
       l?.(), i();
     };
@@ -6005,7 +6007,7 @@ var lf = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
     n,
     o
   ]);
-}, Bf = (e, t) => {
+}, Cf = (e, t) => {
   const r = () => {
     const i = e.getBoundingClientRect();
     i.width === 0 || i.height === 0 || t.setViewport({
@@ -6017,17 +6019,17 @@ var lf = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
   const o = () => {
     n !== null && clearTimeout(n), n = setTimeout(() => {
       n = null, r();
-    }, Rf);
+    }, Pf);
   }, a = new ResizeObserver(o);
   return a.observe(e), r(), () => {
     a.disconnect(), n !== null && clearTimeout(n);
   };
-}, If = (e, t) => e.kind === "cursor" ? null : {
+}, Bf = (e, t) => e.kind === "cursor" ? null : {
   x: t.left + e.point.x,
   y: t.top + e.point.y,
   placement: e.placement,
   annotationId: e.annotationId
-}, Tf = (e, t, r, n) => {
+}, If = (e, t, r, n) => {
   let o = null, a = null;
   const i = () => {
     const v = e.getBoundingClientRect();
@@ -6045,7 +6047,7 @@ var lf = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
     if (x.isPointerSuspended) return;
     const y = Cn(p, x.pointerRegions);
     if (y !== null) {
-      x.setHoverState(t.query(y.cursor, n)), x.setTooltipAnchor(If(y.tooltip, m));
+      x.setHoverState(t.query(y.cursor, n)), x.setTooltipAnchor(Bf(y.tooltip, m));
       return;
     }
     const S = sl(p, m);
@@ -6074,14 +6076,14 @@ var lf = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
   return e.addEventListener("pointermove", g), e.addEventListener("pointerleave", f), () => {
     e.removeEventListener("pointermove", g), e.removeEventListener("pointerleave", f), document.removeEventListener("pointermove", h), a !== null && cancelAnimationFrame(a), o = null;
   };
-}, Lf = ({ panelRect: e }) => {
-  const { engine: t, store: r, overlayRef: n } = ze(), o = Ie(ti), a = Ie(bv), i = Ie((c) => c.caret !== null);
-  Cf({
+}, Tf = ({ panelRect: e }) => {
+  const { engine: t, store: r, overlayRef: n } = ze(), o = Ie(ti), a = Ie(xv), i = Ie((c) => c.caret !== null);
+  Rf({
     engine: t,
     store: r,
     overlayRef: n
   });
-  const l = D((c) => o !== null && Pf(c.spec.annotations, o));
+  const l = D((c) => o !== null && Ef(c.spec.annotations, o));
   return /* @__PURE__ */ s("rect", {
     ref: n,
     x: e.x,
@@ -6090,10 +6092,10 @@ var lf = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
     height: e.height,
     fill: "transparent",
     pointerEvents: i ? "none" : "all",
-    cursor: Mf(l, a),
+    cursor: Lf(l, a),
     "data-testid": "pointer-capture-layer"
   });
-}, Mf = (e, t) => e ? "move" : t ? "pointer" : void 0, ur = "data-hover-active", Nf = (e) => {
+}, Lf = (e, t) => e ? "move" : t ? "pointer" : void 0, ur = "data-hover-active", Mf = (e) => {
   const { store: t } = ze(), r = Me[Et()].hoverPaint, n = Je(t, (a) => a.hover.primary !== null), o = r && n;
   F(() => {
     const a = e.current;
@@ -6103,7 +6105,7 @@ var lf = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
       };
   }, [e, o]);
 }, nr = () => Ie((e) => vt(e, "move-drag")?.annotationId ?? vt(e, "shape-resize-drag")?.annotationId ?? vt(e, "arrow-endpoint-drag")?.annotationId ?? null), Pt = (e) => {
-  const t = D((i) => i.annotations), r = sv(), n = dv(), o = ce((i) => lo(n, "cycle", i, `Annotation reference cycle detected; dropping annotation(s): ${i.join(", ")}`), [n]), a = ce((i) => lo(n, "missing-ref", i, `Annotation reference target(s) no longer exist (dropped during compilation); dropping annotations referencing: ${i.join(", ")}`), [n]);
+  const t = D((i) => i.annotations), r = iv(), n = cv(), o = ce((i) => lo(n, "cycle", i, `Annotation reference cycle detected; dropping annotation(s): ${i.join(", ")}`), [n]), a = ce((i) => lo(n, "missing-ref", i, `Annotation reference target(s) no longer exist (dropped during compilation); dropping annotations referencing: ${i.join(", ")}`), [n]);
   return b(() => tl({
     annotations: t,
     panelRect: e,
@@ -6120,13 +6122,13 @@ var lf = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
 }, lo = (e, t, r, n) => {
   const o = [t, ...[...r].sort()].join("\0");
   e.has(o) || (e.add(o), console.warn(n));
-}, Of = 16, ki = ({ linePath: e, strokeWidth: t }) => /* @__PURE__ */ s("path", {
+}, Nf = 16, ki = ({ linePath: e, strokeWidth: t }) => /* @__PURE__ */ s("path", {
   d: e,
   stroke: "transparent",
-  strokeWidth: Math.max(t, Of),
+  strokeWidth: Math.max(t, Nf),
   fill: "none",
   pointerEvents: "stroke"
-}), Hf = 1.4, Df = {
+}), Of = 1.4, Hf = {
   light: {
     primary: "#1D2129",
     inverse: "#FFFFFF"
@@ -6135,11 +6137,11 @@ var lf = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
     primary: "#FFFFFF",
     inverse: "#1D2129"
   }
-}, Ff = ({ computed: e, style: t, isAddressable: r }) => {
+}, Df = ({ computed: e, style: t, isAddressable: r }) => {
   const n = $(), { colorScheme: o } = an(), a = e.dashArray ? {
     strokeDasharray: e.dashArray,
     strokeDashoffset: e.dashOffset
-  } : {}, i = t.outline.shadow === "none" ? null : t.outline.shadow, l = t.outline.strokeWidth > 0, c = Df[o], d = t.outline.stroke ?? Uf(t.stroke, c.primary, c.inverse), u = i === null ? null : Wf(e, t.outline.strokeWidth, i.blur);
+  } : {}, i = t.outline.shadow === "none" ? null : t.outline.shadow, l = t.outline.strokeWidth > 0, c = Hf[o], d = t.outline.stroke ?? Wf(t.stroke, c.primary, c.inverse), u = i === null ? null : Gf(e, t.outline.strokeWidth, i.blur);
   return /* @__PURE__ */ w("g", {
     pointerEvents: r ? void 0 : "none",
     children: [
@@ -6162,7 +6164,7 @@ var lf = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
         filter: i === null ? void 0 : `url(#${n})`,
         children: [
           l && /* @__PURE__ */ s("path", {
-            d: Gf(e),
+            d: Ff(e),
             stroke: d,
             strokeWidth: e.strokeWidth + 2 * t.outline.strokeWidth,
             strokeLinecap: "round",
@@ -6194,11 +6196,11 @@ var lf = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
       })
     ]
   });
-}, Gf = (e) => [
+}, Ff = (e) => [
   e.linePath,
   e.startArrowheadPath,
   e.endArrowheadPath
-].filter((t) => t.length > 0).join(" "), Wf = (e, t, r) => {
+].filter((t) => t.length > 0).join(" "), Gf = (e, t, r) => {
   const n = e.arrowheadExtent + e.strokeWidth + t + r;
   return {
     x: Math.min(e.startX, e.endX) - n,
@@ -6206,13 +6208,13 @@ var lf = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
     width: Math.abs(e.endX - e.startX) + 2 * n,
     height: Math.abs(e.endY - e.startY) + 2 * n
   };
-}, Uf = (e, t, r) => {
+}, Wf = (e, t, r) => {
   try {
-    return gl(e, t) < Hf ? r : t;
+    return gl(e, t) < Of ? r : t;
   } catch {
     return r;
   }
-}, Vf = ({ panelRect: e, isEditable: t }) => {
+}, Uf = ({ panelRect: e, isEditable: t }) => {
   const { arrows: r } = Pt(e), n = nr(), o = M(), a = b(() => r.filter((i) => i.id !== n).flatMap((i) => {
     const l = qs(o, i.id), c = ds({
       arrow: i,
@@ -6239,17 +6241,17 @@ var lf = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
         kind: "annotation",
         id: i.id
       }),
-      children: /* @__PURE__ */ s(Ff, {
+      children: /* @__PURE__ */ s(Df, {
         computed: i,
         style: l,
         isAddressable: t
       })
     }, i.id))
   });
-}, zf = () => {
+}, Vf = () => {
   const { selectionStore: e } = ne();
   return Je(e, (t) => t.selection);
-}, jf = ({ linePath: e, arrowheadPath: t, stroke: r, strokeWidth: n, isAddressable: o }) => {
+}, zf = ({ linePath: e, arrowheadPath: t, stroke: r, strokeWidth: n, isAddressable: o }) => {
   const a = {
     stroke: r,
     strokeWidth: n,
@@ -6274,7 +6276,7 @@ var lf = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
       })
     ]
   });
-}, Yf = ({ x: e, y: t, text: r, box: n, label: o, arrowColor: a, isAddressable: i }) => {
+}, jf = ({ x: e, y: t, text: r, box: n, label: o, arrowColor: a, isAddressable: i }) => {
   const { fonts: l } = Ve(), c = er(o.cornerRadius), d = o.shadow === void 0 ? void 0 : _e(o.shadow), u = {
     fill: W(o.fill),
     stroke: o.stroke ?? a,
@@ -6308,27 +6310,27 @@ var lf = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
       children: pt(r, o.textTransform)
     })]
   });
-}, Kf = "_1i8rg6j0", Qf = "75%", Xf = ({ panelRect: e, isEditable: t }) => {
-  const r = Ev(), n = Ie(ti), o = zf(), a = b(() => new Set(o.filter((i) => i.kind === "annotation").map((i) => i.id)), [o]);
+}, Yf = "_1i8rg6j0", Kf = "75%", Qf = ({ panelRect: e, isEditable: t }) => {
+  const r = kv(), n = Ie(ti), o = Vf(), a = b(() => new Set(o.filter((i) => i.kind === "annotation").map((i) => i.id)), [o]);
   return r.length === 0 ? null : /* @__PURE__ */ s("g", {
     transform: `translate(${e.x}, ${e.y})`,
     "data-testid": "difference-arrows",
     children: r.map(({ color: i, style: l, id: c, linePath: d, arrowheadPath: u, labelPosition: h, labelBox: g, labelText: f, isDragged: v, hasComparableEndpoints: m }) => {
-      const p = n === c || a.has(c), x = v && !m, y = x ? A.alert : i, S = p && !x ? qf(y) : y;
+      const p = n === c || a.has(c), x = v && !m, y = x ? A.alert : i, S = p && !x ? Xf(y) : y;
       return /* @__PURE__ */ w("g", {
-        className: n === c ? Kf : void 0,
+        className: n === c ? Yf : void 0,
         "data-warning": x || void 0,
         ...kt({
           kind: "annotation",
           id: c
         }),
-        children: [/* @__PURE__ */ s(jf, {
+        children: [/* @__PURE__ */ s(zf, {
           linePath: d,
           arrowheadPath: u,
           stroke: S,
           strokeWidth: l.strokeWidth,
           isAddressable: t
-        }), /* @__PURE__ */ s(Yf, {
+        }), /* @__PURE__ */ s(jf, {
           x: h.x,
           y: h.y,
           text: f,
@@ -6340,11 +6342,11 @@ var lf = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
       }, c);
     })
   });
-}, qf = (e) => `color-mix(in srgb, ${e} ${Qf}, ${A.textPrimary})`, Jf = {
+}, Xf = (e) => `color-mix(in srgb, ${e} ${Kf}, ${A.textPrimary})`, qf = {
   fill: "none",
   contain: "xMidYMid meet",
   cover: "xMidYMid slice"
-}, Zf = ({ image: e, panel: t, style: r }) => {
+}, Jf = ({ image: e, panel: t, style: r }) => {
   const n = $(), { src: o, region: a, fit: i } = e, l = Wr(a, t), c = Ju(r.cornerRadius), d = er(r.cornerRadius), u = r.shadow === void 0 ? void 0 : _e(r.shadow);
   return /* @__PURE__ */ w("g", {
     opacity: r.alpha,
@@ -6358,7 +6360,7 @@ var lf = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
     }), /* @__PURE__ */ s("image", {
       href: o,
       ...l,
-      preserveAspectRatio: Jf[i],
+      preserveAspectRatio: qf[i],
       clipPath: c ? `url(#${n})` : void 0
     })]
   });
@@ -6376,14 +6378,14 @@ var lf = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
         kind: "annotation",
         id: i.id
       }),
-      children: /* @__PURE__ */ s(Zf, {
+      children: /* @__PURE__ */ s(Jf, {
         image: i,
         panel: e,
         style: n.annotation.image(i.id).resolve()
       })
     }, i.id))
   });
-}, $f = ({ shape: e, style: t, panel: r }) => {
+}, Zf = ({ shape: e, style: t, panel: r }) => {
   const n = Wr(e.region, r);
   return /* @__PURE__ */ s("rect", {
     x: n.x,
@@ -6410,14 +6412,14 @@ var lf = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
         kind: "annotation",
         id: i.id
       }),
-      children: /* @__PURE__ */ s($f, {
+      children: /* @__PURE__ */ s(Zf, {
         shape: i,
         style: n.annotation.shape(i.id).resolve(),
         panel: e
       })
     }, i.id))
   });
-}, _f = "_1aj6s5s0", SA = "_1aj6s5s1", ep = 0.1, kA = ({ annotation: e, panel: t, style: r, blockRef: n }) => /* @__PURE__ */ s(Ei, {
+}, $f = "_1aj6s5s0", wA = "_1aj6s5s1", _f = 0.1, SA = ({ annotation: e, panel: t, style: r, blockRef: n }) => /* @__PURE__ */ s(Ei, {
   annotation: e,
   panel: t,
   style: r,
@@ -6434,19 +6436,19 @@ var lf = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
     pointerEvents: "none",
     children: /* @__PURE__ */ s("div", {
       ref: n,
-      className: _f,
+      className: $f,
       style: {
-        ...rp(r),
-        transform: tp(e.align)
+        ...tp(r),
+        transform: ep(e.align)
       },
       children: o
     })
   });
-}, tp = (e) => {
+}, ep = (e) => {
   const t = yo(e);
   return `translate(${-t.x * 100}%, ${-(1 - t.y) * 100}%)`;
-}, rp = (e) => {
-  const { backgroundColor: t, borderShadow: r } = np(e), n = [r, e.shadow === void 0 || e.shadow === "none" ? void 0 : $e(e.shadow)].filter((o) => o !== void 0);
+}, tp = (e) => {
+  const { backgroundColor: t, borderShadow: r } = rp(e), n = [r, e.shadow === void 0 || e.shadow === "none" ? void 0 : $e(e.shadow)].filter((o) => o !== void 0);
   return {
     ...K(e),
     padding: `${e.paddingBlock}px ${e.paddingInline}px`,
@@ -6455,27 +6457,27 @@ var lf = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
     ...t === void 0 ? {} : { backgroundColor: t },
     ...n.length === 0 ? {} : { boxShadow: n.join(", ") }
   };
-}, np = (e) => {
+}, rp = (e) => {
   if (e.fill === "transparent") return {};
   const t = W(e.fill), r = e.fillAlpha < 1 ? te(t, e.fillAlpha) : t;
   if (e.strokeWidth <= 0) return { backgroundColor: r };
-  const n = e.stroke ?? Mc(t, ep);
+  const n = e.stroke ?? Mc(t, _f);
   return {
     backgroundColor: r,
     borderShadow: `0 0 0 ${e.strokeWidth}px ${n}`
   };
-}, op = (e) => {
+}, np = (e) => {
   const t = Pt(e).textAnnotations, r = Ie((n) => vt(n, "text-resize-drag"));
-  return b(() => t.map((n) => ap(n, r)), [t, r]);
-}, ap = (e, t) => t === null || t.annotationId !== e.id ? e : {
+  return b(() => t.map((n) => op(n, r)), [t, r]);
+}, op = (e, t) => t === null || t.annotationId !== e.id ? e : {
   ...e,
   at: {
     ...e.at,
     x: e.at.x + t.shift
   },
   width: t.width
-}, ip = ({ panelRect: e }) => {
-  const t = op(e), r = M(), n = nr(), o = t.filter((a) => a.id !== n);
+}, ap = ({ panelRect: e }) => {
+  const t = np(e), r = M(), n = nr(), o = t.filter((a) => a.id !== n);
   return o.length === 0 ? null : /* @__PURE__ */ s("svg", {
     x: e.x,
     y: e.y,
@@ -6483,14 +6485,14 @@ var lf = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
     height: e.height,
     overflow: "visible",
     "data-testid": "text-annotations",
-    children: o.map((a) => /* @__PURE__ */ s(sp, {
+    children: o.map((a) => /* @__PURE__ */ s(ip, {
       annotation: a,
       panel: e,
       style: r.annotation.text(a.id).resolve()
     }, a.id))
   });
-}, sp = ({ annotation: e, panel: t, style: r }) => {
-  const n = cv(e.id), o = Ie((i) => i.caret?.annotationId === e.id), { TextAnnotation: a } = hn();
+}, ip = ({ annotation: e, panel: t, style: r }) => {
+  const n = lv(e.id), o = Ie((i) => i.caret?.annotationId === e.id), { TextAnnotation: a } = hn();
   return /* @__PURE__ */ s("g", {
     ...kt({
       kind: "annotation",
@@ -6504,11 +6506,11 @@ var lf = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
       children: o && a ? /* @__PURE__ */ s(a, { annotation: e }) : /* @__PURE__ */ s(Xe, { content: e.content })
     })
   });
-}, lp = "ph8bdc0";
-var cp = "ph8bdc2", ho = {
+}, sp = "ph8bdc0";
+var lp = "ph8bdc2", ho = {
   hittable: "ph8bdc4 ph8bdc3",
   inert: "ph8bdc5 ph8bdc3"
-}, dp = ({ cx: e, cy: t, color: r, style: n }) => {
+}, cp = ({ cx: e, cy: t, color: r, style: n }) => {
   const o = _e(n.shadow);
   return /* @__PURE__ */ s("circle", {
     cx: e,
@@ -6522,7 +6524,7 @@ var cp = "ph8bdc2", ho = {
     }
   });
 };
-function up(e) {
+function dp(e) {
   const t = Le(), { formattingLocale: r } = ne(), n = M(), o = D(ae((c) => ({
     pinnedNumbers: c.annotations.pinnedNumbers,
     comments: c.annotations.comments,
@@ -6533,7 +6535,7 @@ function up(e) {
     numberFormat: o.numberFormat,
     locale: a
   }), [o.numberFormat, a]), l = b(() => (c, d, u) => {
-    const h = gr(n, c === "pinned-number" ? "pinnedNumber" : "comment", d).label, g = ee(h, qt), f = hp(t, c, u, g), v = t.measureText(f, g), m = c === "pinned-number" ? 15 : 0;
+    const h = gr(n, c === "pinned-number" ? "pinnedNumber" : "comment", d).label, g = ee(h, qt), f = up(t, c, u, g), v = t.measureText(f, g), m = c === "pinned-number" ? 15 : 0;
     return {
       width: v.width + m + (h.paddingInline + h.strokeWidth) * 2,
       height: Math.max(v.height, 10) + (h.paddingBlock + h.strokeWidth) * 2,
@@ -6556,11 +6558,11 @@ function up(e) {
     i
   ]);
 }
-var hp = (e, t, r, n) => t !== "comment" ? r : Do(r, 140, (o) => e.measureText(o, n).width), vo = "callouts", vp = ({ panelRect: e }) => {
+var up = (e, t, r, n) => t !== "comment" ? r : Do(r, 140, (o) => e.measureText(o, n).width), vo = "callouts", hp = ({ panelRect: e }) => {
   const { pinnedNumbers: t, comments: r } = D(ae((v) => ({
     pinnedNumbers: v.annotations.pinnedNumbers,
     comments: v.annotations.comments
-  }))), n = D((v) => v.coordSystem), o = Re(), a = yl(10), i = M(), l = up(e), { store: c } = ze(), d = b(() => {
+  }))), n = D((v) => v.coordSystem), o = Re(), a = yl(10), i = M(), l = dp(e), { store: c } = ze(), d = b(() => {
     const v = /* @__PURE__ */ new Map();
     for (const m of t) v.set(m.id, m.at);
     for (const m of r) v.set(m.id, m.at);
@@ -6590,7 +6592,7 @@ var hp = (e, t, r, n) => t !== "comment" ? r : Do(r, 140, (o) => e.measureText(o
     width: e.width,
     height: e.height,
     overflow: "visible",
-    className: lp,
+    className: sp,
     "data-testid": "callouts",
     children: l.map((v) => {
       if (!v.inView) return null;
@@ -6607,7 +6609,7 @@ var hp = (e, t, r, n) => t !== "comment" ? r : Do(r, 140, (o) => e.measureText(o
           overflow: "visible",
           children: /* @__PURE__ */ w("div", {
             className: S ? ho.hittable : ho.inert,
-            style: pp(p.label, f(p.label.fill)),
+            style: fp(p.label, f(p.label.fill)),
             children: [v.kind === "pinned-number" && /* @__PURE__ */ s("span", {
               className: "ph8bdc1",
               children: /* @__PURE__ */ s(wt, {
@@ -6622,31 +6624,31 @@ var hp = (e, t, r, n) => t !== "comment" ? r : Do(r, 140, (o) => e.measureText(o
                 symbol: x?.symbol
               })
             }), /* @__PURE__ */ s("span", {
-              className: cp,
-              style: mp(p.label),
+              className: lp,
+              style: pp(p.label),
               children: v.text
             })]
           })
-        }), /* @__PURE__ */ s(dp, {
+        }), /* @__PURE__ */ s(cp, {
           cx: v.anchorPx.x,
           cy: v.anchorPx.y,
-          color: gp(p.marker, y),
+          color: vp(p.marker, y),
           style: p.marker
         })]
       }, v.id);
     })
   });
-}, gp = (e, t) => e.isFillAuthored ? W(e.fill) : t ?? W(e.fill), fp = (e) => e.isTextColorAuthored ? e.textColor : Ss(e.textColor, W(e.fill)), pp = (e, t) => ({
+}, vp = (e, t) => e.isFillAuthored ? W(e.fill) : t ?? W(e.fill), gp = (e) => e.isTextColorAuthored ? e.textColor : Ss(e.textColor, W(e.fill)), fp = (e, t) => ({
   ...tr(e.fill, t),
   borderRadius: St(e.cornerRadius),
   padding: `${e.paddingBlock}px ${e.paddingInline}px`,
   boxShadow: $e(e.shadow),
   ...e.alpha === void 0 ? {} : { opacity: e.alpha },
   ...e.strokeWidth > 0 ? { border: `${e.strokeWidth}px solid ${e.stroke}` } : {}
-}), mp = (e) => ({
+}), pp = (e) => ({
   ...K(e),
-  color: fp(e)
-}), Ap = (e, t) => e * 10 * t, yp = {
+  color: gp(e)
+}), mp = (e, t) => e * 10 * t, Ap = {
   "clapping-hands": {
     aspectRatio: 1.059,
     src: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABICAYAAABP0VPJAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAABipSURBVHgB7VwJfFTVuf/uMvtMlplJJiEhBEhYwiIYNgExUBSQ6qMqblWrz5/WtfBa67NiH1iftbW1VqWghWqt+opFfajFBRcSUMImEBISspCFSTIh++zbXfqdO3cmswWSSPVHf/1+ub977znfPfec//m28507Afg3/ZvORsxwmEVRpJDo0tISCqA0XEzJBx06bwjXUXAB0lA7TZWUlDCtra3Mtm3vjCUF1113dbNWqxXItcfjod966718igpSubm5ow8fPnx8zZo1fQ0NMzlR/JuAIIrwL0LU6tWrmfz8fLXD4XgYJaRPlEkQhH6v1/s6lj9FrsU44nm+BevuAihWbNiwgYZ/ASLSw5aXfzU5EAjuFUdICNr/ElDgAlWhCBHJ2L//SFGy2R8uWa3ty9G2XNBSQhUVFSmJ2IvngdDGvEHaS/YeUZQkhykuLlaEeIoV5JpMCEiGWgKSHTg2yMb7GyTSmZqamksGG6DP1ZdQhqpha6jcd7Tp6MdOjuMc0XUEWDS2mriBEEPNfvrppxa32/2k3+9/H/kqgsHgHp/Pt7Gzs+cGi8Wis1qty8k9sVfk3N5+ZllBQYFKBugbAUaSjra2tgfiB+040yS+u75E/PDpVVGz77VJdZ1N4ubVIP5uFf2VyTR9bmVl7ZYwTyDAWdPT01Mh5JojYDQ1Nc07mxRinT1ZObFp9fVN8wCKlHh7XkGJ0Wu5cbasrOw/s7KynkzgxlpnVzO0V5eC390vFdXUnPqInJXaNOm+x6Mq3bz5l1Nxxh0cx7tIGc9zrq1bt45Hb0XUhkEJpJ9//vmCvLy8N2mazhu0czSdkqxcoWAXFhTkl7vdh9ZPmTJFcb5BCRNF9Fd2r4NSd9NRSRKO7/y9dB8Mcs5w3ev35Yunq75oH+xZVIe9xGtlZ2drUQXeEM8DtbdbV8AwA8whEYkV6uvr5w2lEyd3vyK+u6EkofyLV9ae81nitZqbrQ+i2FeK54F8vsAXJE6C80xUfn6J+mz6TCShru7U9vD9ob+tF9uqdsfwdKH0jIRaW23v79jxyUOv3DepbttP59qSGe1Df9sg2bBkZDQWpJxnt76Bbmqyrkj2stq925yDdSRZx4dLBw8ef0apnDxVr5889dlV1KE/3Z4WqXO7PR3kTN5P1JSoZLJ3fvZZ2RIiJecjIiauC4qL32e02nvHxleeqtp/7PPnb5xhyMiHq9fvBkNmfky9Spc2eMvOSoD+/aHrzKuR2ZKULT09RU3TgpvjKNHLsTWTikpmheu8Xr9Nq9VYjn/wnHQ///Znk75zyZJFn1VVVT2l1+s34G0QjxGvnSRE7fZMmuOEpOguvu8V6fze44vB2dmctBGRc4PQd1w6S0SAqP0ZwJl3Q0f1j3AF2Jj02YKCMfdZrfvXVVTs/J5l/MXi2NmrInUmU9oMcm4/UQqzVq+H6Lp40ul0P3O5XGvgaxpY6eGxY5fQZrMozJgx7a7oSmNmbpY5fwZMX7kWyLn58A4YNaUkpgHu1OvAHX8M+LZdwLWVhvIA3iqc3qYBJhEnrXcPQGox+sz0hE5oteqLTab0ZVo1exFpP1oKyCQ0lL8Jl6/dJt339PQdQ6nJSjYYhUIxZ8WKFTvs9q291dUjk5Kw/2b1+unGjo7y93U67ZyhPiy6G0GsfBBoNtQM5xXA7+SxsWxQarqBouLfogMofAoRGAdDJSIdRFWJ2sYTiXNYltFHl+EyYfPs2bPXVldXB2AEFFYTgWXpwAsv/OW/fT6/bTBmohJ8VzkIzlPSPeVtjIBB1JbV0KBJY4B32SBoFwZSRyCfeVSphkdQehphqEQkJhkYX/75v+DAm4+74ss1Gs3NPT3siFfXYX1Df64XKyqqPYGAv3zevIuXsixriGYUEYTAgftQLXYBb90JwbZ9wKhUQPnqZA4q9IctMgoaAi4eAcBrNS13TQydifr0o/qkJFefcxGJkD/45Qo4tW8bdJzcA5OX3R9QqnWRhSMmo9RFRYXbJkwY31VaWjpstYkypDM5ivI6n3vuj3UYPjniGQO1L4EQcIEokBCfqMspcB1/C3gvH8uIekJjmKQ2MtDf6QHOTerFREk5FZIU14nt2M6bIPqdA214jqOu/BnAFyusxJ4Q486z+vqqTsPDWw7nX2V38aXxfT106LAbXTCMhNiBy+38lCklvtLSdleylJ8oiBEwgFyTsSkoCHhEUNEC0CoqAgghGiXDNEYHLdXdkFtoAkUKEwuMgKDUPwjBJh8ONAjOmg/Asmoj0D70ULbfSe+ALlwmTXwW0c2WHlGisV399FFyWRic8PeeV+/88RmXy9MW3U+8P/DMM6/aYYQqE+NqUcRwOrmgx+M7Ec/IjLkFgg4e7Ygo9VUCBy8CPh68Dg4Ev4QGDIQAIoJCwZjJZqg63AzuTj/JfkTZFVE60sepQGdiwd/TCLa3H8AY4FO5Z8ikwnE1/irSh2jvs2rVFU+sW/djS0aGqSC6n42N1rdZVsfBCGOReJ9NGY0m5a23Xl9oNKZdFsOoR09H6dCbHgRaSUmCoDIw2ElWAimIqsOScpSacP5dsikog5ZR6XBsfyNoVRrQpCplYKgIjxYBCXpFcNu6QJfeA6wqap64TjzwmZSpsR1nGMP8+Rdfgy54crisoaFlU3HxNZudzm40to4gjIDigzGqt7cX8vJy7kjGrC66FlKv/CO6uwxQoQqoUhn0pBRoMllQIjgHy+rA54zqhxSUoE3RUjC7pBBOHG2GnuaQHYpIi6RGIpgmqEChY8Bvj7NJCpyzlj+g5BxN7LycHnC53PXbtr1396xZ1/5OodB5AFpHBIbUZnxBXd2hRRjg5MaXBxrfAefHt4CvchOoC5fhILMGBo2zrTDQMOuyCVBR3gSObnesESXqg/myBcsmQ0NtO3TXuSWpCj8rGWJ037lztODu4hJ7SUBpwPjF1wHJCPMj+rq65kaO87syM7tIuMzDCCkOkGLGYNCPiWfibF+C9/hm4D0dwPVVgL/uL+hWhYTGWA0FsxYVQs2RNgTFE5ICGLAbNNbPWVIAjc3t0FUbBYosJUQVzRPV4OuPGg8BTIMqE0AwatdhZxJCD1CpVNnr1t3/yo4df8hMTU0VRHHk20AxgBQVjaMwb8nGMwl+B4q5IBlRgScOQARPZysE3ZxsugYGzaAKzb6MgNIK9jOeWEkhwoCGds53CqDJaoOuGrfUZjSPQkcDjXaID8iAk8Gx2E01xlreBoATa5KCgjZl9JIlC//+i1/8wkRR14941RvzYHX1CXA6/QkxiGLUpSiEStn1yu4XD4ctiCFFUPbFEBkYUQ9iM2or2sDe4RloKOyZCShLC6C51QbdJz2xES0Q90oDFxClZUCEiJQoERQfRsnVazFCS1Qfko5cvnz5rtzccilVCV8XkOJijfjyy9v2Y6LIGV1OKfWgmXE/hg5eEDgBBNnlkk73WhEUu48kTmVuMRKczSopgNrjbdDfHgWKLE0U5s1nX1EArW1nwN2RaANVegY8PRy4e6JsilYxICmDgzKtrq7uGczMjygrH4OizTaRrqo6Jt599w1TdLoBd0aINU3AmbdA8PRBVBk+FK0KKNo8qk+/AGo6gKE8idvpGJc7aowJKg82g1apBo1BEYovwqAguzFbD7a2Pki3aGEgjgmNQ5PGgvtMUDK4EVdM1IfYFRLZ2o9hjmAJthm75YNOYfYPfnBr6/79vz7W3Dy8eCROrJpBrx+DSxS2Zf784mtpmsxjFCjmiaAavxS8Jz8F3u/BAdOgNysgJVsFPjuNEuQBhQrfr2DlMVEhUPIRlEMtCArGISlsTJzCKhkEQwdxbkkmETTprCQppJwNR8MEFHJ4uzGexxgyY0XCwFQq9aWTJl39/6NHj+oZzpomXs9ww0kDx44dDVx55VLGYjEviH+AVhlAM+m7qCZnsE9NkDZKKy3mlDhQLzq8tvo2SE/DGVMpIx6EYigExYgRK4LCqEGNkkINquEDEhI+kwCQLBYV2igNJ5LGYiPu9pCRTYvNWpBFXkaGMf+ee555q7e3QYAhUoI1LinJ5TGh7MnJyRgfX8c7O6B75xpof/UqcLeeAHdAdkiUKA3QMEoFlvzRUPFlM0CfPWqysR61ZRZ6l4b6dui3ekJrlQRpjgYjZnRSNJvAz5AwF4G3vQ3Q+VHCY+iOV+7Z86fFycY5GCUw7t69m7dYUoM6nT47vs5x5M/ga6sgG1rAY5Bkq2kHf1tHZHAUtqazKKHgognw4Y5q8Ld0yDZDHhcBZWkIFG9fSA3iRh53LwMQiSui6sNlRHU0CFbLxqTu2Gw2PzYcA5sACBVJcyVKGe9zhrwMGlIRD1O6CepqsRN9fSE/HF6bZCpg3pLp8NHOBnBWN8e4VWJTZqOk9PY5IXohmJySARR28dRAkZINrZ5bX0loAQ3sgp/85DEzZgOGBEgyTaZoWq+8++7bZuHCaWZ0BZuaB67qjzEvEgCyeyh5GoxPmq0dkGNG+6tVSRJBJEWtV4LFYoLdu05CjuAEVbaJ+MRQQ3hKMYb3vuPUhDpbv6OQjceQxwnpx1xu9uoErzNx4vjgsmVPlUKyWY6jpLrV3a3nq6rqdsWXKzMKwXjZWhCCPB6CJC00Gg8NZYGD+zEt4XBFFm1EPdJytFDy3WL44kgv+CvroloSYwcpJrMl8XxRRWKc4SVbuwwTum7fnvCIUqlemJ8PDAxBbQYxNl5u5crb9zoc7kPxNfopKyH3B69hiJ6JgIiS+tD4LhWXCQf3WnHp6Yv0nMKJSs3WwszFM+DzMgTsRC0kNZzUQF4WBluHRLRFBkAST0i0L2eSGVfFgp/+9OUMGCEg+IZqIT091f/22x8+yfOCM+EFmYWQe/OmEChBUQKGFhEWjxkqD7Ri0BSIWrtgPmS8AWYsnQ37Spswg9MS+ypIMqiY2Y++j+KlqOSCRKLXJKvijAw0eFByTm8zWDQgpqZS4s6dx+1Llsxx5eRkLUl4UG0Aw8TLwNl4GDNpvVI4T2Hk6umlob+/Gyxj0kJuUYpIKdCnq8GD6Dir6iF92riBAQ9qM6jkXjkZSOQaVRg4PgSYGdde6titG9xk/6im5oP65ubms9qRwRDDDeiCoF7vc11xxV1/LS8/uj4ZkyItG8bdsRkMExaFbAqqD4vGw96ogRP7WkKeR+4vUZ9JxbnAjJsQ9yYx8T5aFUSIcS4x52iAwu+SwEkQakhJScnr7Mw4p4QMyiCKuzm9nndrNLxz8eLb3ti48S83JtuzIZIy9panIeOSG4DnQukBBVr5rkoGGg61ywOTR6EQIW/u6EFeCHEzHy8hsu0I2yAxjocTB66TSJ3FknljdfV2BZwjSBu0ksQj119/PdfR4XQolVz/E0+8cOiJJ35/h98faE/GP/o/fgKjLr8r0imNQgutRzjobuyNGtgg6hE/6zGeJMqIRq7j+Im6ELcbNsr+loRXqNXK+Q6HgwRpZ93EOmvOILQo6sWwI413uym+srLG6fO5982dO2OOUqk0xfOnFBRLZ2fDEemsQD2x1tshJUMEbZomduZEGPyairMTYgJD7DPegKxqeDAYpHHo7TKuTIhHMJRfeOeddzJlZWV7rVarCEn8+hCTKL0I/2jO5yOgnHAeOVL1+VVXfWehUqkwx3MSUBiNAewny6V7JS7mrLUEFIzbUtWQYAxjpIcapD46IIur93MhCQnbHjUJDlFvfScB0pfGdw9jEuWlN910E7tp06a9mB1MAGVI4WwUKYzGuRqv12fgeU9KS8veX2dlWa5KxujvPg01mx4Ef29Iw9yiHaYvTwdznhEiyeWwalBUbLAVfU1FxRxSnVxFgAkgGIFgaC0VfsaAeRVabtNyM0Dm95MOxOl0/mr8+KWPd3UdDODaTAgvWYabewyOHXvA6/UG7Wi1+6dOvfzh2tpTLyVjVJnzYPIDL4I2O+RidVQqVH3cB90tfRBKuYU549UjqhFyLcSBEeb3B0OAhMEgh1opgwGhiLn7jYGNrzgyGAyPnD5dtnXatGlKjuMigjHsvKPNRtYDJbzH08nTNC9u3br96HXXrWBNprRZ8bwsqo555uXgPdMIvi4rKEANHS39YMxSgEotZ8+iPUOMIYVYwKiw2uBNAFUiyMUCRUJ3rZyDIaCQtsnZhaqrsCBYCdkMwA396bfddhuzaNGiPe3t7cKIAAlRNb7pDG825/E+Hydu2fLmsWXLLvNlZ2fMj+ekMXVoKl4uXRNjywpqOF3bi5k27D/Rd4ZOVJnwIGNIrvNHgRGWIPK8XiUHgmJMRk4iAoq0DJ+eMBJcDU9PT899efv2v7q/BiChLj/0kI3/5JPxvFKpErZsea3KaDTsmzZt0oL4TykIEWOrMo4CT2sNULgfTLyPOp0Hg0YRsgfyhlUEDCpu8UYCLx+qSZAfUJGw/TGo5VwrhMBI9jU8+aIgCSgks6ZUMqUvvNBO0vni1/oeq7SUdL0V3XIur9XSwpdfHuzxeFx7FiyY/R2WZRJA0eVMgPTpiyVJoVxuOHPKCw6fHSxZulBgxfEDNiN8kPiC2AriTSKxBsSCIf1MQFYROoJoYocJKCpUHVVscOj3e/eVlW06YrPZhPPxBTABhQ8EdDzuPwuHDx9w+Hz8l6FYJdEtE7uSueBaSVqCHbjtaXWB3eUErYHFNCwTAoQj6xLZnZLr8OcGEOWZiKrpiWRQslTI6pLguuMo/cqQTYmitraO7evWPYrJFODP18eu2JOGQGFhABcRGvumTX+tycqadU1tbeNLgz2QMee76IVegsLrHgHBVQAVn/XByeO404/rIckLRXsPQT74kHcSFErgNSop20PSmdLXKmHAzkbqcUntiNXaag1fDzcOORdhe8Ws2axWezweA8Pwhg8/fPmGefNmPsQwtOFsDzoavgJPWz04HfUgeE6A0nsCI0sWxTkoNZs3LgMElAqRqAlm3ijZVpCVNFEVEkeEHRElSQuEd0JCRKNajv1DgnQEAoG23NyZs0pKpnRt376dP9+ASDO2eDHFlpZmK3W6PAQlaLj33psLH3/8wa0qlXLUcNoin1D5O05B49u/ASbtNEy+OFeyG9K4GVGyHZQchBEQIoDI356QD6EokrYkG+l569HeXJLwjoqKmkcWLbpui8NRTb46Ov+ARBH2JF9pMKh1DC6JOU7U7d277fZJk8Z+X61WZQ+nIX+vDWpeexS44AGYOCNnQBoUYUCIhNBRgITeHuajR90KTNYtCe0S6bBY5i7s7+9EXW33YpF4PozqYITC0se//voezu0+HQwG1cKrr26vCgS8eyZNKkw1GHQTh9oQMcRZ81ZBsJ+GxsOfgCkzRcr6ixwVsiECDJzlfefwNZNzK7AISDzh/rXjySdfvLmi4ph14sQUD3oYaXP6nykhYZLmy2K5Qu12d2k5zq9RKBjt/fffmn/HHdd8Ly8v96rhSExfZSlYy56C0aP5iL2glGLEjkQkhNWCZsIDwFquSNrO7t371q5c+cN30tJUPTbbVyQRLIQ7+00RCnGBwmxmlD6fSsNxtFahEFSCICp/9KObRi9cOG/SuHF5E3EJMMFg0E88G0hEher+707IzvaT3WNZfRAQNhSyM9ps0M3cAIy+IOnz9fXNL06fvvo3Go3Y09f3FYlQI58YfJOAhAnVtIA1Gk0q1GEVz2OgqHQjSCyjVPK0QgGKQECk7rnn5jGPPXbf46mphuJkjfBeJ3Tvew6ors/lzTVRkhbFqIvAcPHDQCf/HB7BaHxx/vybnvX7ocfpPOjcsGEDh0ckz/ptABJ+L11UtJqprm5EN+1igkEla7f7mYyMUazL1cdgUlil1VLa8vJ3HsCNph8O1lBP+XMQbHgXGEM26KffBppxywZjFTEu+uOcOdc+I4pMn9Npd5LYCZKsmr5tkn1CCRv6BTj5CWq2Ni1tRprJdFGOwXDRhF279q7BHMygv+UL9NSL5yBh377D/0Pa0utnZpBfj8HwUx/fKiFI5IfMxdrMzLkWlWrq+EceeXo5gtImDpMwK9a2ceNr16ekTCmwWOZnXohgRCj0k7ECVU7OHJNGU5z385//9vL+fsehoYKBvAcfffS3y1JTZ41LSbnESMD4V/jHDDT5wXJ6enGq0Th7tF4/eQouxt47GxCYAbMfPVr9tNE4s0itnpJHwPhn/Oj5WyXyS3CzeYHBaJyeq9dPnXzy5KkXZRUSwge5x/LN11xzzwKiZmbzpei6FxiG898pLiTEsK8laFd6VWazIsXlCmhYltLee++NuWPGjE757LO97Z988kUfRSmCHMd7WVbl1esBI9CvyM8S5ETKkF5ywRGCkotrpFEY2FEaQQgwosjTgYCCpyiBYxiFX612+7u6RHSp1STgGvL3ZXLjFxzhTDswS9cWTEubiYPmUQLSfCoVeO32dk9BAeWbM2dKoLq6TP7l0vDoQjYyUUnXUDqe0Nf9f0f/APDc5Dseec9LAAAAAElFTkSuQmCC"
@@ -6667,10 +6669,10 @@ var hp = (e, t, r, n) => t !== "comment" ? r : Do(r, 140, (o) => e.measureText(o
     aspectRatio: 1.063,
     src: "data:image/png;base64,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"
   }
-}, xp = 3.2, bp = ({ panelRect: e }) => {
+}, yp = 3.2, xp = ({ panelRect: e }) => {
   const t = Pt(e).stickers, r = M().graph().get("textScale");
   if (t.length === 0) return null;
-  const n = Ap(xp, r);
+  const n = mp(yp, r);
   return /* @__PURE__ */ s("svg", {
     x: e.x,
     y: e.y,
@@ -6680,7 +6682,7 @@ var hp = (e, t, r, n) => t !== "comment" ? r : Do(r, 140, (o) => e.measureText(o
     "data-testid": "stickers",
     children: t.map((o) => {
       const a = gt(o.at, e);
-      return /* @__PURE__ */ s(wp, {
+      return /* @__PURE__ */ s(bp, {
         sticker: o,
         sizePx: n,
         x: a.x,
@@ -6688,10 +6690,10 @@ var hp = (e, t, r, n) => t !== "comment" ? r : Do(r, 140, (o) => e.measureText(o
       }, o.id);
     })
   });
-}, wp = ({ sticker: e, sizePx: t, x: r, y: n }) => {
-  const o = yp[e.sticker];
+}, bp = ({ sticker: e, sizePx: t, x: r, y: n }) => {
+  const o = Ap[e.sticker];
   if (!o) return null;
-  const { width: a, height: i } = Sp(o.aspectRatio, t);
+  const { width: a, height: i } = wp(o.aspectRatio, t);
   return /* @__PURE__ */ s("image", {
     href: o.src,
     x: r,
@@ -6700,14 +6702,14 @@ var hp = (e, t, r, n) => t !== "comment" ? r : Do(r, 140, (o) => e.measureText(o
     height: i,
     transform: `translate(${-a / 2}, ${-i / 2})`
   });
-}, Sp = (e, t) => e >= 1 ? {
+}, wp = (e, t) => e >= 1 ? {
   width: t,
   height: t / e
 } : {
   width: t * e,
   height: t
-}, kp = 0.25, Pi = ({ children: e, ...t }) => {
-  const r = Hh();
+}, Sp = 0.25, Pi = ({ children: e, ...t }) => {
+  const r = Oh();
   return r <= 0 ? /* @__PURE__ */ s("g", {
     ...t,
     children: e
@@ -6716,19 +6718,19 @@ var hp = (e, t, r, n) => t !== "comment" ? r : Do(r, 140, (o) => e.measureText(o
     initial: { opacity: 0 },
     animate: { opacity: 1 },
     transition: {
-      duration: kp,
+      duration: Sp,
       delay: r
     },
     children: e
   });
-}, Ep = "_1agclyl0", Pp = "_1agclyl1", Rp = "_1agclyl2", Ri = ({ x: e, y: t, width: r, height: n, text: o, isRotated: a, labelRole: i, position: l, coordType: c, backdropColor: d }) => {
-  const u = M(), h = I(rr, u), g = I(Wh, u), f = a ? `rotate(-90 ${e} ${t})` : void 0, v = h[i][l], m = v.stroke !== void 0 && (v.strokeWidth ?? 0) > 0, p = Ip(i, c, v), x = Bp(v, p, d, g), y = {
+}, kp = "_1agclyl0", Ep = "_1agclyl1", Pp = "_1agclyl2", Ri = ({ x: e, y: t, width: r, height: n, text: o, isRotated: a, labelRole: i, position: l, coordType: c, backdropColor: d }) => {
+  const u = M(), h = I(rr, u), g = I(Gh, u), f = a ? `rotate(-90 ${e} ${t})` : void 0, v = h[i][l], m = v.stroke !== void 0 && (v.strokeWidth ?? 0) > 0, p = Bp(i, c, v), x = Cp(v, p, d, g), y = {
     x: e - r / 2,
     y: t - n / 2,
     width: r,
     height: n
   }, S = er(v.cornerRadius), k = v.shadow === void 0 ? void 0 : _e(v.shadow), C = {
-    className: Pp,
+    className: Ep,
     fill: v.fill === void 0 ? void 0 : W(v.fill),
     style: k === void 0 ? void 0 : { filter: k },
     ...m ? {
@@ -6748,11 +6750,11 @@ var hp = (e, t, r, n) => t !== "comment" ? r : Do(r, 140, (o) => e.measureText(o
       ry: S,
       ...C
     })), /* @__PURE__ */ s("text", {
-      className: Rp,
+      className: Pp,
       style: {
         ...tt(v),
         ...$t(v),
-        fill: Cp(v, x)
+        fill: Rp(v, x)
       },
       ...Zt(v),
       x: e,
@@ -6762,14 +6764,14 @@ var hp = (e, t, r, n) => t !== "comment" ? r : Do(r, 140, (o) => e.measureText(o
       children: pt(o, v.textTransform)
     })]
   });
-}, Cp = (e, t) => e.isTextColorAuthored || t === void 0 ? e.textColor : Co(t), Bp = (e, t, r, n) => {
+}, Rp = (e, t) => e.isTextColorAuthored || t === void 0 ? e.textColor : Co(t), Cp = (e, t, r, n) => {
   if (r === void 0) return;
   const o = t && e.fill !== void 0 ? W(e.fill) : void 0, a = o === void 0 ? void 0 : ir(void 0, o);
   if (a !== void 0) return a;
   const i = ir(r, n) ?? Xs(r);
   if (i !== void 0)
     return ir(o, i);
-}, Ip = (e, t, r) => r.fill === void 0 ? !1 : e === "aggregate" || t === "cartesian", Tp = ({ panelRect: e, formattingLocale: t, plotBottomY: r, isFooterChromeReserved: n }) => {
+}, Bp = (e, t, r) => r.fill === void 0 ? !1 : e === "aggregate" || t === "cartesian", Ip = ({ panelRect: e, formattingLocale: t, plotBottomY: r, isFooterChromeReserved: n }) => {
   const o = Le(), a = Ve(), i = D(ae((v) => ({
     layers: v.layers,
     coordSystem: v.coordSystem,
@@ -6824,12 +6826,12 @@ var hp = (e, t, r, n) => t !== "comment" ? r : Do(r, 140, (o) => e.measureText(o
     backdropColor: v.backdropColor
   }, `${v.layerId}:${m}`));
   return /* @__PURE__ */ s(Pi, {
-    className: Ep,
+    className: kp,
     transform: `translate(${e.x}, ${e.y})`,
     "data-testid": "data-labels",
     children: f
   });
-}, Lp = ({ edge: e, position: t, labelRotation: r, offset: n, axisSize: o }) => {
+}, Tp = ({ edge: e, position: t, labelRotation: r, offset: n, axisSize: o }) => {
   if (r !== 0 && (e === "top" || e === "bottom")) {
     const a = e === "top", i = a ? -n : n;
     return {
@@ -6874,7 +6876,7 @@ var hp = (e, t, r, n) => t !== "comment" ? r : Do(r, 140, (o) => e.measureText(o
         transform: void 0
       };
   }
-}, Mp = (e, t) => {
+}, Lp = (e, t) => {
   const r = t.height / 2;
   switch (e) {
     case "left":
@@ -6903,8 +6905,8 @@ var hp = (e, t, r, n) => t !== "comment" ? r : Do(r, 140, (o) => e.measureText(o
         transform: void 0
       };
   }
-}, Np = (e, t, r, n) => {
-  const { width: o, ascent: a, descent: i } = t, l = a + i, c = Gp(e, o), d = Wp(e, a, l), u = Hp(r, e, n, {
+}, Mp = (e, t, r, n) => {
+  const { width: o, ascent: a, descent: i } = t, l = a + i, c = Fp(e, o), d = Gp(e, a, l), u = Op(r, e, n, {
     x: c,
     y: d,
     width: o,
@@ -6917,7 +6919,7 @@ var hp = (e, t, r, n) => t !== "comment" ? r : Do(r, 140, (o) => e.measureText(o
     height: l + u.top + u.bottom,
     transform: e.transform
   };
-}, Op = (e, t) => {
+}, Np = (e, t) => {
   const r = e.map((o, a) => ({
     position: o,
     index: a
@@ -6926,12 +6928,12 @@ var hp = (e, t, r, n) => t !== "comment" ? r : Do(r, 140, (o) => e.measureText(o
     const i = r[a - 1], l = r[a + 1], c = i === void 0 ? 1 / 0 : o.position - i.position, d = l === void 0 ? 1 / 0 : l.position - o.position, u = Math.min(c, d);
     n[o.index] = Number.isFinite(u) ? u * t : 1 / 0;
   }), n;
-}, Hp = (e, t, r, n) => r === void 0 ? {
+}, Op = (e, t, r, n) => r === void 0 ? {
   left: e,
   right: e,
   top: e,
   bottom: e
-} : t.transform !== void 0 ? Dp(e, t) : Fp(e, r, n), Dp = (e, { y: t, textAnchor: r }) => {
+} : t.transform !== void 0 ? Hp(e, t) : Dp(e, r, n), Hp = (e, { y: t, textAnchor: r }) => {
   const n = ct(e, Math.abs(t));
   return r === "end" ? {
     left: e,
@@ -6944,7 +6946,7 @@ var hp = (e, t, r, n) => t !== "comment" ? r : Do(r, 140, (o) => e.measureText(o
     top: e,
     bottom: e
   };
-}, Fp = (e, { edge: t, stepPx: r, axisSize: n }, o) => {
+}, Dp = (e, { edge: t, stepPx: r, axisSize: n }, o) => {
   const a = go(e, r, o.width), i = go(e, r, o.height);
   switch (t) {
     case "bottom":
@@ -6976,7 +6978,7 @@ var hp = (e, t, r, n) => t !== "comment" ? r : Do(r, 140, (o) => e.measureText(o
         bottom: i
       };
   }
-}, ct = (e, t) => Math.max(0, Math.min(e, t)), go = (e, t, r) => Math.min(e, Math.max(0, (t - r) / 2)), Gp = ({ x: e, textAnchor: t }, r) => {
+}, ct = (e, t) => Math.max(0, Math.min(e, t)), go = (e, t, r) => Math.min(e, Math.max(0, (t - r) / 2)), Fp = ({ x: e, textAnchor: t }, r) => {
   switch (t) {
     case "start":
       return e;
@@ -6985,7 +6987,7 @@ var hp = (e, t, r, n) => t !== "comment" ? r : Do(r, 140, (o) => e.measureText(o
     case "end":
       return e - r;
   }
-}, Wp = ({ y: e, dominantBaseline: t }, r, n) => {
+}, Gp = ({ y: e, dominantBaseline: t }, r, n) => {
   switch (t) {
     case "hanging":
       return e;
@@ -6995,10 +6997,10 @@ var hp = (e, t, r, n) => t !== "comment" ? r : Do(r, 140, (o) => e.measureText(o
     case "auto":
       return e - r;
   }
-}, Up = {
+}, Wp = {
   fill: "transparent",
   pointerEvents: "all"
-}, pn = ({ placement: e, text: t, style: r, isHitTestable: n, bounds: o }) => /* @__PURE__ */ w(T, { children: [n && /* @__PURE__ */ s(Vp, {
+}, pn = ({ placement: e, text: t, style: r, isHitTestable: n, bounds: o }) => /* @__PURE__ */ w(T, { children: [n && /* @__PURE__ */ s(Up, {
   placement: e,
   text: t,
   style: r,
@@ -7012,10 +7014,10 @@ var hp = (e, t, r, n) => t !== "comment" ? r : Do(r, 140, (o) => e.measureText(o
   ...Zt(r),
   fill: r.textColor,
   children: pt(t, r.textTransform)
-})] }), Vp = ({ placement: e, text: t, style: r, bounds: n }) => {
+})] }), Up = ({ placement: e, text: t, style: r, bounds: n }) => {
   const o = Le(), { fonts: a } = Ve();
   return /* @__PURE__ */ s("rect", {
-    ...b(() => Np(e, o.measureText(t, ee(r, a.familyDefault)), 3, n), [
+    ...b(() => Mp(e, o.measureText(t, ee(r, a.familyDefault)), 3, n), [
       e,
       o,
       t,
@@ -7023,10 +7025,10 @@ var hp = (e, t, r, n) => t !== "comment" ? r : Do(r, 140, (o) => e.measureText(o
       a.familyDefault,
       n
     ]),
-    ...Up
+    ...Wp
   });
-}, zp = ({ edge: e, position: t, labelRotation: r, label: n, tickLabelStyle: o, axisSize: a, stepPx: i = 1 / 0, isHitTestable: l = !1 }) => {
-  const { offset: c } = o, d = b(() => Lp({
+}, Vp = ({ edge: e, position: t, labelRotation: r, label: n, tickLabelStyle: o, axisSize: a, stepPx: i = 1 / 0, isHitTestable: l = !1 }) => {
+  const { offset: c } = o, d = b(() => Tp({
     edge: e,
     position: t,
     labelRotation: r,
@@ -7059,11 +7061,11 @@ var hp = (e, t, r, n) => t !== "comment" ? r : Do(r, 140, (o) => e.measureText(o
     style: { overflow: "visible" },
     children: u
   });
-}, jp = ({ formattedAxis: e, rect: t }) => {
+}, zp = ({ formattedAxis: e, rect: t }) => {
   const r = e.position === "bottom" || e.position === "top", n = ye(e.scaleAestheticKey), o = M(), a = I(cn, o)(n, e.position), i = I(Ka, o)[n], l = Ne(), c = b(() => ({
     width: t.width,
     height: t.height
-  }), [t.width, t.height]), d = r ? t.width : t.height, u = b(() => l ? Op(e.ticks.map((h) => h.position), d) : void 0, [
+  }), [t.width, t.height]), d = r ? t.width : t.height, u = b(() => l ? Np(e.ticks.map((h) => h.position), d) : void 0, [
     l,
     e.ticks,
     d
@@ -7075,7 +7077,7 @@ var hp = (e, t, r, n) => t !== "comment" ? r : Do(r, 140, (o) => e.measureText(o
     height: t.height,
     style: { overflow: "visible" },
     children: [!1, e.ticks.map((h, g) => {
-      const f = h.formattedLabel, v = r ? h.position : 1 - h.position, m = Yp(e.position, v, t, i.length), p = l && f !== "";
+      const f = h.formattedLabel, v = r ? h.position : 1 - h.position, m = jp(e.position, v, t, i.length), p = l && f !== "";
       return /* @__PURE__ */ w("g", {
         ...p ? vn(e.scaleAestheticKey, g) : void 0,
         cursor: p ? "pointer" : void 0,
@@ -7085,7 +7087,7 @@ var hp = (e, t, r, n) => t !== "comment" ? r : Do(r, 140, (o) => e.measureText(o
           strokeWidth: i.strokeWidth,
           strokeDasharray: ue(i.dashArray, i.strokeWidth),
           pointerEvents: l ? "none" : void 0
-        }), /* @__PURE__ */ s(zp, {
+        }), /* @__PURE__ */ s(Vp, {
           edge: e.position,
           position: v,
           labelRotation: e.labelRotation,
@@ -7098,7 +7100,7 @@ var hp = (e, t, r, n) => t !== "comment" ? r : Do(r, 140, (o) => e.measureText(o
       }, g);
     })]
   });
-}, Yp = (e, t, r, n) => {
+}, jp = (e, t, r, n) => {
   const o = R(t);
   switch (e) {
     case "bottom":
@@ -7130,19 +7132,19 @@ var hp = (e, t, r, n) => t !== "comment" ? r : Do(r, 140, (o) => e.measureText(o
         y2: o
       };
   }
-}, Kp = ({ axes: e, rects: t }) => {
+}, Yp = ({ axes: e, rects: t }) => {
   const r = I(Ya, M()), n = Ne();
   return /* @__PURE__ */ s(T, { children: e.map((o) => {
     const a = t[o.position];
-    return !a || !o.isVisible ? null : /* @__PURE__ */ s(Qp, {
+    return !a || !o.isVisible ? null : /* @__PURE__ */ s(Kp, {
       axis: o,
       rect: a,
       labelStyle: r[ye(o.scaleAestheticKey)],
       isHitTestable: n
     }, `axis-label-${o.position}`);
   }) });
-}, Qp = ({ axis: e, rect: t, labelStyle: r, isHitTestable: n }) => {
-  const o = b(() => Mp(e.position, t), [e.position, t]), a = n && e.label !== null && e.label !== "", i = a ? vn(e.scaleAestheticKey) : void 0;
+}, Kp = ({ axis: e, rect: t, labelStyle: r, isHitTestable: n }) => {
+  const o = b(() => Lp(e.position, t), [e.position, t]), a = n && e.label !== null && e.label !== "", i = a ? vn(e.scaleAestheticKey) : void 0;
   return /* @__PURE__ */ w("g", {
     transform: `translate(${t.x}, ${t.y})`,
     ...i,
@@ -7154,20 +7156,20 @@ var hp = (e, t, r, n) => t !== "comment" ? r : Do(r, 140, (o) => e.measureText(o
       isHitTestable: a
     })]
   });
-}, Xp = ({ formattedAxes: e, tickRects: t }) => /* @__PURE__ */ s(T, { children: e.map((r) => {
+}, Qp = ({ formattedAxes: e, tickRects: t }) => /* @__PURE__ */ s(T, { children: e.map((r) => {
   if (r.geometry !== "linear") return null;
   const n = t[r.position];
-  return !n || !r.isVisible ? null : /* @__PURE__ */ s(jp, {
+  return !n || !r.isVisible ? null : /* @__PURE__ */ s(zp, {
     formattedAxis: r,
     rect: n
   }, r.scaleAestheticKey);
-}) }), qp = ({ formattedAxes: e, labelRects: t }) => /* @__PURE__ */ s(Kp, {
+}) }), Xp = ({ formattedAxes: e, labelRects: t }) => /* @__PURE__ */ s(Yp, {
   axes: e.filter((r) => r.geometry === "linear"),
   rects: t
 }), Ci = {
   strokeDashoffset: "0",
   strokeLinecap: "round"
-}, Ut = (e, t) => e.gridLine[t]().resolve(), Jp = ({ axes: e, panelBorderSizes: t, panelFrameRect: r, panelRect: n }) => {
+}, Ut = (e, t) => e.gridLine[t]().resolve(), qp = ({ axes: e, panelBorderSizes: t, panelFrameRect: r, panelRect: n }) => {
   const o = M(), a = Ne(), i = I(Ut, o, "x"), l = I(Ut, o, "y"), c = n.x - r.x, d = n.y - r.y;
   return /* @__PURE__ */ s("svg", {
     "data-testid": "grid",
@@ -7180,7 +7182,7 @@ var hp = (e, t, r, n) => t !== "comment" ? r : Do(r, 140, (o) => e.measureText(o
       if (u.geometry !== "linear" || !u.gridVisible) return null;
       const h = u.position === "bottom" || u.position === "top", g = ye(u.scaleAestheticKey) === "x" ? i : l, f = ue(g.dashArray, g.strokeWidth);
       return /* @__PURE__ */ s("g", { children: u.ticks.map((v, m) => {
-        const p = Zp(h, v.position);
+        const p = Jp(h, v.position);
         if (p !== null && t[p] > 0) return null;
         const x = h ? v.position : 1 - v.position;
         let y;
@@ -7221,7 +7223,7 @@ var hp = (e, t, r, n) => t !== "comment" ? r : Do(r, 140, (o) => e.measureText(o
       }) }, u.scaleAestheticKey);
     })
   });
-}, Zp = (e, t) => t <= 0 ? e ? "left" : "bottom" : t >= 1 ? e ? "right" : "top" : null, $p = ({ sizes: e, panelFrameRect: t }) => {
+}, Jp = (e, t) => t <= 0 ? e ? "left" : "bottom" : t >= 1 ? e ? "right" : "top" : null, Zp = ({ sizes: e, panelFrameRect: t }) => {
   const r = D((a) => a.coordSystem.type === "polar"), n = I(Mo, M());
   if (r) return null;
   const o = gs(n, {
@@ -7238,7 +7240,7 @@ var hp = (e, t, r, n) => t !== "comment" ? r : Do(r, 140, (o) => e.measureText(o
     height: t.height,
     style: { overflow: "visible" },
     children: o.map((a, i) => /* @__PURE__ */ s("path", {
-      d: _p(a.segments),
+      d: $p(a.segments),
       fill: "none",
       stroke: a.stroke,
       strokeDasharray: ue(a.dashArray, a.strokeWidth),
@@ -7246,7 +7248,7 @@ var hp = (e, t, r, n) => t !== "comment" ? r : Do(r, 140, (o) => e.measureText(o
       ...Ci
     }, i))
   });
-}, _p = (e) => e.map((t) => {
+}, $p = (e) => e.map((t) => {
   switch (t.type) {
     case "move":
       return `M ${t.x} ${t.y}`;
@@ -7275,10 +7277,10 @@ var Bi = (e, t) => {
     angleFor: (c) => Ys(c, a, i),
     radiusNormFor: (c) => o + c * (1 - o)
   };
-}, em = 16, tm = ({ formattedAxes: e, panelRect: t }) => {
+}, _p = 16, em = ({ formattedAxes: e, panelRect: t }) => {
   const r = I(cn, M()), n = Ne(), o = Bi(t, e);
   if (!o) return null;
-  const { circle: a, circularAxis: i, radialAxis: l, startAngle: c, angleFor: d, radiusNormFor: u } = o, h = rm(l, u, a.radius), g = (f) => r(ye(f.scaleAestheticKey));
+  const { circle: a, circularAxis: i, radialAxis: l, startAngle: c, angleFor: d, radiusNormFor: u } = o, h = tm(l, u, a.radius), g = (f) => r(ye(f.scaleAestheticKey));
   return /* @__PURE__ */ w("svg", {
     x: t.x,
     y: t.y,
@@ -7299,7 +7301,7 @@ var Bi = (e, t) => {
       return /* @__PURE__ */ s(fo, {
         scaleAestheticKey: i.scaleAestheticKey,
         tickIndex: v,
-        placement: po(p, nm(m)),
+        placement: po(p, rm(m)),
         label: f.formattedLabel,
         labelStyle: g(i),
         isHitTestable: n
@@ -7318,7 +7320,7 @@ var Bi = (e, t) => {
     cursor: "pointer",
     children: i
   }) : i;
-}, rm = (e, t, r) => {
+}, tm = (e, t, r) => {
   if (!e) return [];
   const n = [];
   let o = Number.NEGATIVE_INFINITY;
@@ -7326,7 +7328,7 @@ var Bi = (e, t) => {
     const l = t(i.position);
     if (l <= 0) continue;
     const c = l * r;
-    c - o < em || (n.push({
+    c - o < _p || (n.push({
       tick: i,
       tickIndex: a,
       radiusNorm: l
@@ -7339,10 +7341,10 @@ var Bi = (e, t) => {
   textAnchor: t,
   dominantBaseline: "central",
   transform: void 0
-}), nm = (e) => {
+}), rm = (e) => {
   const t = Math.sin(e);
   return Math.abs(t) < 0.01 ? "middle" : t > 0 ? "start" : "end";
-}, om = ({ formattedAxes: e, panelRect: t }) => {
+}, nm = ({ formattedAxes: e, panelRect: t }) => {
   const r = M(), n = Ne(), o = I(Ut, r, "y"), a = I(Ut, r, "x"), i = Bi(t, e);
   if (!i) return null;
   const { circle: l, circularAxis: c, radialAxis: d, innerRadius: u, angleFor: h, radiusNormFor: g } = i;
@@ -7413,8 +7415,8 @@ var Bi = (e, t) => {
       "data-testid": "grid-line-hit-area"
     })]
   }) : o;
-}, am = ({ layer: e, coordSystem: t, shouldAnimateTransitions: r, isDimmed: n, dimStyle: o, formattingLocale: a, panelRect: i }) => {
-  const l = Re(), c = Dh(e.id), { colorScheme: d } = ne(), u = G(e), h = l(e.geom, t.type);
+}, om = ({ layer: e, coordSystem: t, shouldAnimateTransitions: r, isDimmed: n, dimStyle: o, formattingLocale: a, panelRect: i }) => {
+  const l = Re(), c = Hh(e.id), { colorScheme: d } = ne(), u = G(e), h = l(e.geom, t.type);
   if (h === null) return null;
   const g = _t(h.render);
   return g.overlay ? null : /* @__PURE__ */ s("g", {
@@ -7434,7 +7436,7 @@ var Bi = (e, t) => {
     })
   });
 };
-function im({ renderer: e, layer: t, coordSystem: r, candidates: n }) {
+function am({ 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) {
@@ -7451,8 +7453,8 @@ function im({ renderer: e, layer: t, coordSystem: r, candidates: n }) {
   }
   return o;
 }
-var sm = 4, lm = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n, coordSystem: o, shouldAnimateTransitions: a, panelRect: i, formattingLocale: l }) => {
-  const c = D((S) => S.config.numberFormat), d = b(() => im({
+var im = 4, sm = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n, coordSystem: o, shouldAnimateTransitions: a, panelRect: i, formattingLocale: l }) => {
+  const c = D((S) => S.config.numberFormat), d = b(() => am({
     renderer: e,
     layer: t,
     coordSystem: o,
@@ -7487,7 +7489,7 @@ var sm = 4, lm = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     };
     y = e.renderHighlight ? e.renderHighlight(S) : x.fn(S);
   }
-  return /* @__PURE__ */ w(Pi, { children: [y, d.map(({ observation: S, observationIndex: k, anchor: C }) => /* @__PURE__ */ s(cm, {
+  return /* @__PURE__ */ w(Pi, { children: [y, d.map(({ observation: S, observationIndex: k, anchor: C }) => /* @__PURE__ */ s(lm, {
     observation: S,
     anchor: C,
     panelRect: i,
@@ -7498,8 +7500,8 @@ var sm = 4, lm = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     formatYValue: v,
     labelStyle: p.observation.outside,
     familyDefault: m.familyDefault
-  }, dm(S, k)))] });
-}, cm = ({ observation: e, anchor: t, panelRect: r, fill: n, symbol: o, dotRadius: a, readSegmentY: i, formatYValue: l, labelStyle: c, familyDefault: d }) => {
+  }, cm(S, k)))] });
+}, lm = ({ observation: e, anchor: t, panelRect: r, fill: n, symbol: o, dotRadius: a, readSegmentY: i, formatYValue: l, labelStyle: c, familyDefault: d }) => {
   const u = Le(), h = Oo(t.x), g = Ho(t.y), f = i(e) ?? null, v = f !== null ? l(f, e) : null, m = b(() => {
     if (v === null) return null;
     const p = u.measureText(v, ee(c, d));
@@ -7522,7 +7524,7 @@ var sm = 4, lm = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     "data-testid": "highlight-overlay-dot"
   }), v !== null && m !== null && /* @__PURE__ */ s(Ri, {
     x: h * r.width,
-    y: g * r.height - a - sm - m.height / 2,
+    y: g * r.height - a - im - m.height / 2,
     width: m.width,
     height: m.height,
     text: v,
@@ -7531,10 +7533,10 @@ var sm = 4, lm = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     position: "outside",
     coordType: "cartesian"
   })] });
-}, dm = (e, t) => {
+}, cm = (e, t) => {
   const r = e[re.group];
   return `${String(r ?? "")}\0${t}`;
-}, um = ({ layer: e, coordSystem: t, panelRect: r }) => {
+}, dm = ({ layer: e, coordSystem: t, panelRect: r }) => {
   const { primary: n, group: o, related: a } = ht(ae((h) => ({
     primary: h.hover.primary,
     group: h.hover.group,
@@ -7560,7 +7562,7 @@ var sm = 4, lm = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     colorScheme: l,
     styleReaders: c
   });
-}, hm = (e) => {
+}, um = (e) => {
   const t = G(e);
   return b(() => {
     const [r] = e.data;
@@ -7574,7 +7576,7 @@ var sm = 4, lm = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
       filter: Ko(Vs(n))
     };
   }, [e, t]);
-}, vm = "var(--to1jkx0)", gm = "var(--to1jkx1)", fm = "to1jkx2", pm = "to1jkx3", mm = ({ shouldAnimateTransitions: e, panelRect: t, formattingLocale: r }) => {
+}, hm = "var(--to1jkx0)", vm = "var(--to1jkx1)", gm = "to1jkx2", fm = "to1jkx3", pm = ({ shouldAnimateTransitions: e, panelRect: t, formattingLocale: r }) => {
   const { layers: n, coordSystem: o } = D(ae((a) => ({
     layers: a.layers,
     coordSystem: a.coordSystem
@@ -7584,30 +7586,30 @@ var sm = 4, lm = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     y: t.y,
     width: t.width,
     height: t.height,
-    className: fm,
+    className: gm,
     "data-testid": "geom-layers",
-    ...Rg(),
-    children: n.map((a) => /* @__PURE__ */ w(Yt, { children: [/* @__PURE__ */ s(xm, {
+    ...Pg(),
+    children: n.map((a) => /* @__PURE__ */ w(Yt, { children: [/* @__PURE__ */ s(ym, {
       layer: a,
       coordSystem: o,
       shouldAnimateTransitions: e,
       panelRect: t,
       formattingLocale: r
-    }), /* @__PURE__ */ s(um, {
+    }), /* @__PURE__ */ s(dm, {
       layer: a,
       coordSystem: o,
       panelRect: t
-    })] }, `${a.id}-${Am(o)}`))
+    })] }, `${a.id}-${mm(o)}`))
   });
-}, Am = (e) => e.type === "cartesian" ? `cartesian-${e.mainAxis}` : e.type, ym = (e) => zr({
-  ...e.opacity === void 0 ? {} : { [vm]: String(e.opacity) },
-  ...e.filter === void 0 ? {} : { [gm]: e.filter }
-}), xm = ({ layer: e, coordSystem: t, shouldAnimateTransitions: r, panelRect: n, formattingLocale: o }) => {
+}, mm = (e) => e.type === "cartesian" ? `cartesian-${e.mainAxis}` : e.type, Am = (e) => zr({
+  ...e.opacity === void 0 ? {} : { [hm]: String(e.opacity) },
+  ...e.filter === void 0 ? {} : { [vm]: e.filter }
+}), ym = ({ layer: e, coordSystem: t, shouldAnimateTransitions: r, panelRect: n, formattingLocale: o }) => {
   const a = Re(), i = b(() => a(e.geom, t.type), [
     a,
     e,
     t
-  ]), l = e.highlight, c = hm(e), { colorScheme: d } = ne(), u = {
+  ]), l = e.highlight, c = um(e), { colorScheme: d } = ne(), u = {
     layer: e,
     coordSystem: t,
     shouldAnimateTransitions: r,
@@ -7617,10 +7619,10 @@ var sm = 4, lm = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     styleReaders: G(e)
   }, h = i ? _t(i.render) : null, g = e.spatialKind === "render-hit-test", f = c.opacity !== void 0 || c.filter !== void 0;
   return /* @__PURE__ */ w("g", {
-    className: f ? pm : void 0,
-    style: f ? ym(c) : void 0,
+    className: f ? fm : void 0,
+    style: f ? Am(c) : void 0,
     children: [
-      /* @__PURE__ */ s(am, {
+      /* @__PURE__ */ s(om, {
         layer: e,
         coordSystem: t,
         shouldAnimateTransitions: r,
@@ -7637,7 +7639,7 @@ var sm = 4, lm = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
         render: h.fn,
         input: u
       }),
-      l !== null && /* @__PURE__ */ s(lm, {
+      l !== null && /* @__PURE__ */ s(sm, {
         renderer: i,
         layer: e,
         matchedLayer: l.composition.matchedLayer,
@@ -7649,13 +7651,13 @@ var sm = 4, lm = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
       })
     ]
   });
-}, bm = "_17uhij30", wm = ({ formattedAxes: e, plotRect: t, panelBorder: r, panelFrameRect: n, panelRect: o, axisRects: a, axisLabelRects: i, shouldAnimateTransitions: l, formattingLocale: c, plotBottomY: d, isFooterChromeReserved: u, isEditable: h, showAnnotations: g }) => {
+}, xm = "_17uhij30", bm = ({ formattedAxes: e, plotRect: t, panelBorder: r, panelFrameRect: n, panelRect: o, axisRects: a, axisLabelRects: i, shouldAnimateTransitions: l, formattingLocale: c, plotBottomY: d, isFooterChromeReserved: u, isEditable: h, showAnnotations: g }) => {
   const f = H(null);
-  Nf(f);
-  const v = Ae("Grid", Jp), m = Ae("AxisTicks", Xp), p = Ae("AxisLabel", qp), x = b(() => Rr(n, t), [n, t]), y = b(() => Rr(o, t), [o, t]), S = b(() => mo(a, t), [a, t]), k = b(() => mo(i, t), [i, t]);
+  Mf(f);
+  const v = Ae("Grid", qp), m = Ae("AxisTicks", Qp), p = Ae("AxisLabel", Xp), x = b(() => Rr(n, t), [n, t]), y = b(() => Rr(o, t), [o, t]), S = b(() => mo(a, t), [a, t]), k = b(() => mo(i, t), [i, t]);
   return /* @__PURE__ */ w("svg", {
     ref: f,
-    className: bm,
+    className: xm,
     width: t.width,
     height: t.height,
     style: { transform: `translate(${t.x}px, ${t.y}px)` },
@@ -7675,11 +7677,11 @@ var sm = 4, lm = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
         formattedAxes: e,
         labelRects: k
       }),
-      /* @__PURE__ */ s(om, {
+      /* @__PURE__ */ s(nm, {
         formattedAxes: e,
         panelRect: y
       }),
-      /* @__PURE__ */ s(mf, { panelRect: y }),
+      /* @__PURE__ */ s(pf, { panelRect: y }),
       g && /* @__PURE__ */ w(T, { children: [/* @__PURE__ */ s(uo, {
         panelRect: y,
         zOrder: "background"
@@ -7687,27 +7689,27 @@ var sm = 4, lm = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
         panelRect: y,
         zOrder: "background"
       })] }),
-      /* @__PURE__ */ s($p, {
+      /* @__PURE__ */ s(Zp, {
         sizes: r,
         panelFrameRect: x
       }),
-      /* @__PURE__ */ s(mm, {
+      /* @__PURE__ */ s(pm, {
         shouldAnimateTransitions: l,
         panelRect: y,
         formattingLocale: c
       }),
-      /* @__PURE__ */ s(tm, {
+      /* @__PURE__ */ s(em, {
         formattedAxes: e,
         panelRect: y
       }),
-      /* @__PURE__ */ s(Tp, {
+      /* @__PURE__ */ s(Ip, {
         panelRect: y,
         formattingLocale: c,
         plotBottomY: d,
         isFooterChromeReserved: u
       }),
       g && /* @__PURE__ */ w(T, { children: [
-        /* @__PURE__ */ s(Xf, {
+        /* @__PURE__ */ s(Qf, {
           panelRect: y,
           isEditable: h
         }),
@@ -7719,15 +7721,15 @@ var sm = 4, lm = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
           panelRect: y,
           zOrder: "foreground"
         }),
-        /* @__PURE__ */ s(Vf, {
+        /* @__PURE__ */ s(Uf, {
           panelRect: y,
           isEditable: h
         }),
-        /* @__PURE__ */ s(ip, { panelRect: y }),
-        /* @__PURE__ */ s(bp, { panelRect: y }),
-        /* @__PURE__ */ s(vp, { panelRect: y })
+        /* @__PURE__ */ s(ap, { panelRect: y }),
+        /* @__PURE__ */ s(xp, { panelRect: y }),
+        /* @__PURE__ */ s(hp, { panelRect: y })
       ] }),
-      /* @__PURE__ */ s(Lf, { panelRect: y })
+      /* @__PURE__ */ s(Tf, { panelRect: y })
     ]
   });
 }, Rr = (e, t) => ({
@@ -7739,7 +7741,7 @@ var sm = 4, lm = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
   const r = {};
   for (const [n, o] of Object.entries(e)) r[n] = Rr(o, t);
   return r;
-}, Sm = (e) => {
+}, wm = (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: Ao(t, "width"),
@@ -7748,7 +7750,7 @@ var sm = 4, lm = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
 }, Ao = (e, t) => {
   if (e <= 0 || Number.isNaN(e) || !Number.isFinite(e)) throw new Qi({ message: `Expected ${t} to be a positive, finite number, but got ${e}.` });
   return e;
-}, km = ({ sizing: e, onResize: t, children: r }) => {
+}, Sm = ({ sizing: e, onResize: t, children: r }) => {
   const n = Ha({ onResize: t }), o = H(!1);
   if (F(() => {
     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.`)));
@@ -7758,7 +7760,7 @@ var sm = 4, lm = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     n.width,
     n.height
   ]), e.mode === "keepAspectRatio") {
-    const { intrinsicSize: i, canRender: l, outerStyles: c, innerStyles: d } = Em(e, n.width, !n.isDefault);
+    const { intrinsicSize: i, canRender: l, outerStyles: c, innerStyles: d } = km(e, n.width, !n.isDefault);
     return /* @__PURE__ */ s("div", {
       ref: n.setElement,
       style: c,
@@ -7794,8 +7796,8 @@ var sm = 4, lm = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
       height: n.height
     })
   });
-}, Em = (e, t, r) => {
-  const n = Sm(e), o = t > 0 && n.width > 0 ? t / n.width : 1;
+}, km = (e, t, r) => {
+  const n = wm(e), o = t > 0 && n.width > 0 ? t / n.width : 1;
   return {
     intrinsicSize: n,
     canRender: r,
@@ -7810,7 +7812,7 @@ var sm = 4, lm = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
       height: n.height
     }
   };
-}, Pm = { mode: "responsive" }, vr = {
+}, Em = { mode: "responsive" }, vr = {
   headerSize: {
     width: 0,
     height: 0
@@ -7819,7 +7821,7 @@ var sm = 4, lm = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     width: 0,
     height: 0
   }
-}, Rm = () => {
+}, Pm = () => {
   const [e, t] = j(null), [r, n] = j(null), [o, a] = j(vr);
   return F(() => {
     const i = () => {
@@ -7830,7 +7832,7 @@ var sm = 4, lm = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
         width: r.offsetWidth,
         height: r.offsetHeight
       } : vr.footerSize;
-      a((u) => Cm(u, {
+      a((u) => Rm(u, {
         headerSize: c,
         footerSize: d
       }) ? {
@@ -7846,7 +7848,7 @@ var sm = 4, lm = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     footerRef: n,
     measurements: o
   };
-}, Cm = (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, Bm = () => null, Im = ({ graphChrome: e, isEditable: t, mode: r, style: n, contentRef: o, children: a }) => {
+}, Rm = (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, Cm = () => null, Bm = ({ graphChrome: e, isEditable: t, mode: r, style: n, contentRef: o, children: a }) => {
   const { themeClass: i, inlineVarsStyle: l } = an(), c = e.strokeWidth, d = c > 0 ? e.stroke : void 0, u = Math.max(0, e.cornerRadius), h = u === 0 ? 0 : u + c, { shadow: g, alpha: f, blendMode: v, fill: m } = e, p = b(() => ({
     ...n,
     borderRadius: `${h}px`,
@@ -7890,21 +7892,21 @@ var sm = 4, lm = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
       children: a
     })
   });
-}, EA = (e) => /* @__PURE__ */ s(Xu, {
-  locale: av(),
-  children: /* @__PURE__ */ s(Tm, { ...e })
-}), Tm = ({ slots: e, sizing: t = Pm, onResize: r, ...n }) => /* @__PURE__ */ s(Au, { children: /* @__PURE__ */ s($c, { children: /* @__PURE__ */ s(vd, {
+}, kA = (e) => /* @__PURE__ */ s(Xu, {
+  locale: ov(),
+  children: /* @__PURE__ */ s(Im, { ...e })
+}), Im = ({ slots: e, sizing: t = Em, onResize: r, ...n }) => /* @__PURE__ */ s(Au, { children: /* @__PURE__ */ s($c, { children: /* @__PURE__ */ s(vd, {
   slots: e,
-  children: /* @__PURE__ */ s(km, {
+  children: /* @__PURE__ */ s(Sm, {
     sizing: t,
     onResize: r,
-    children: ({ width: o, height: a }) => /* @__PURE__ */ s(Lm, {
+    children: ({ width: o, height: a }) => /* @__PURE__ */ s(Tm, {
       width: o,
       height: a,
       ...n
     })
   })
-}) }) }), Lm = ({ width: e, height: t, animation: r, showTooltips: n = !0, mode: o = Pe.readonly }) => {
+}) }) }), Tm = ({ width: e, height: t, animation: r, showTooltips: n = !0, mode: o = Pe.readonly }) => {
   const a = Fa(), i = rn(o), { axes: l, legends: c, layers: d, numberFormat: u, parsingLocale: h, annotations: g, coordSystem: f, headline: v, headlineConfig: m, content: p, overflowStrategy: x } = D(ae((se) => ({
     axes: se.guides.axes,
     legends: se.guides.legends.drawn,
@@ -7917,7 +7919,7 @@ var sm = 4, lm = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     headlineConfig: se.config.headline,
     content: se.config.content,
     overflowStrategy: se.config.panel.overflow
-  }))), { intro: y, transitions: S } = Ou(r, d), { headerRef: k, footerRef: C, measurements: E } = Rm(), { formattingLocale: B, colorScheme: P } = ne(), O = Me[i], L = O.editorSurface, [J, Z] = j(null), we = Ae("Header", rg), Ce = Ae("Footer", qv), Ii = Ae("Legend", gf), Ti = Ae("Headline", Sg), Li = Ae("EditorSurface", Bm), mn = b(() => Ps({
+  }))), { intro: y, transitions: S } = Ou(r, d), { headerRef: k, footerRef: C, measurements: E } = Pm(), { formattingLocale: B, colorScheme: P } = ne(), O = Me[i], L = O.editorSurface, [J, Z] = j(null), we = Ae("Header", tg), Ce = Ae("Footer", Xv), Ii = Ae("Legend", vf), Ti = Ae("Headline", wg), Li = Ae("EditorSurface", Cm), mn = b(() => Ps({
     legends: c,
     numberFormat: u,
     parsingLocale: h,
@@ -7941,14 +7943,14 @@ var sm = 4, lm = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     h,
     B,
     a
-  ]), Mi = Le(), Se = M(), An = I(Mm, Se), yn = I(Mo, Se), xn = I(dn, Se), bn = I(Nm, Se), Ni = I(Om, Se), Oi = I(Hm, Se), Hi = I(Dm, Se), { fontFamily: or, textScale: Di, strokeWidth: ar, fill: Fi } = An, wn = b(() => ga(P, {}, or), [P, or]), nt = b(() => ({
+  ]), Mi = Le(), Se = M(), An = I(Lm, Se), yn = I(Mo, Se), xn = I(dn, Se), bn = I(Mm, Se), Ni = I(Nm, Se), Oi = I(Om, Se), Hi = I(Hm, Se), { fontFamily: or, textScale: Di, strokeWidth: ar, fill: Fi } = An, wn = b(() => ga(P, {}, or), [P, or]), nt = b(() => ({
     width: Math.max(0, e - 2 * ar),
     height: Math.max(0, t - 2 * ar)
   }), [
     e,
     t,
     ar
-  ]), Sn = b(() => zv(p.brandMark.enabled, nt, p.brandMark.variant), [
+  ]), Sn = b(() => Vv(p.brandMark.enabled, nt, p.brandMark.variant), [
     p.brandMark.enabled,
     p.brandMark.variant,
     nt
@@ -7962,11 +7964,11 @@ var sm = 4, lm = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     m.size,
     m.position,
     f
-  ]), Rt = tv({
+  ]), Rt = ev({
     textMeasurer: Mi,
     metrics: wn,
     overrides: gd()
-  }), kn = b(() => fs(yn), [yn]), ot = rv({
+  }), kn = b(() => fs(yn), [yn]), ot = tv({
     measurer: Rt,
     axes: l,
     numberFormat: u,
@@ -8008,9 +8010,9 @@ var sm = 4, lm = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
       headingFontFamily: bn.fontFamily,
       children: /* @__PURE__ */ s(Kc, {
         metrics: wn,
-        children: /* @__PURE__ */ s(iv, { children: /* @__PURE__ */ s(kv, {
+        children: /* @__PURE__ */ s(av, { children: /* @__PURE__ */ s(Sv, {
           panelRect: ie.panel,
-          children: /* @__PURE__ */ s(Im, {
+          children: /* @__PURE__ */ s(Bm, {
             graphChrome: An,
             isEditable: L,
             mode: i,
@@ -8019,7 +8021,7 @@ var sm = 4, lm = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
               width: "100%",
               height: "100%"
             },
-            children: /* @__PURE__ */ w(Oh, {
+            children: /* @__PURE__ */ w(Nh, {
               intro: y,
               children: [
                 /* @__PURE__ */ s(we, {
@@ -8034,7 +8036,7 @@ var sm = 4, lm = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
                   subtitleStyle: Ni,
                   brandMark: Wi
                 }),
-                /* @__PURE__ */ s(wm, {
+                /* @__PURE__ */ s(bm, {
                   formattedAxes: En,
                   plotRect: ie.plot,
                   panelBorder: kn,
@@ -8078,7 +8080,7 @@ var sm = 4, lm = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
                   formattedAxes: En,
                   shouldAnimateTransitions: S
                 }),
-                n && O.tooltips && /* @__PURE__ */ s(Ch, {})
+                n && O.tooltips && /* @__PURE__ */ s(Rh, {})
               ]
             })
           })
@@ -8086,10 +8088,10 @@ var sm = 4, lm = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
       })
     })
   });
-}, Mm = (e) => e.graph().resolve(), Nm = (e) => e.heading.h1().resolve(), Om = (e) => e.heading.h2().resolve(), Hm = (e) => e.caption().resolve(), Dm = (e) => ({
+}, Lm = (e) => e.graph().resolve(), Mm = (e) => e.heading.h1().resolve(), Nm = (e) => e.heading.h2().resolve(), Om = (e) => e.caption().resolve(), Hm = (e) => ({
   label: e.source().resolve(),
   link: e.source.link().resolve()
-}), PA = (e) => {
+}), EA = (e) => {
   const t = U(Uo), r = Yr();
   return b(() => e || (t ? {
     commands: t.commands,
@@ -8107,22 +8109,22 @@ var sm = 4, lm = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     t,
     r
   ]);
-}, RA = (e) => cl(e.subscribe, e.getScene, e.getScene), CA = () => {
+}, PA = (e) => cl(e.subscribe, e.getScene, e.getScene), RA = () => {
   const { commands: e } = ne();
   return e;
-}, BA = (e) => {
+}, CA = (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 {
-  dA as $,
+  cA as $,
   Dn as $t,
   vn as A,
   wr as At,
-  zv as B,
-  aA as Bt,
-  ff as C,
+  Vv as B,
+  oA as Bt,
+  gf as C,
   Su as Ct,
   je as D,
   ze as Dt,
@@ -8132,111 +8134,111 @@ export {
   du as Ft,
   ti as G,
   I as Gt,
-  mA as H,
+  pA as H,
   $c as Ht,
-  rg as I,
+  tg as I,
   Hd as It,
-  gA as J,
-  nA as Jt,
-  pA as K,
+  vA as J,
+  rA as Jt,
+  fA as K,
   lt as Kt,
-  qv as L,
-  iA as Lt,
+  Xv as L,
+  aA as Lt,
   gn as M,
   hu as Mt,
-  kg as N,
-  sA as Nt,
-  xA as O,
+  Sg as N,
+  iA as Nt,
+  yA as O,
   kr as Ot,
-  vg as P,
+  hg as P,
   uu as Pt,
-  uA as Q,
+  dA as Q,
   Be as Qt,
-  yA as R,
+  AA as R,
   K as Rt,
-  wA as S,
+  bA as S,
   Eu as St,
   Et as T,
   yu as Tt,
   Ie as U,
   Le as Ut,
-  Ev as V,
+  kv as V,
   Re as Vt,
-  AA as W,
+  mA as W,
   Xc as Wt,
-  vA as X,
-  rA as Xt,
+  hA as X,
+  tA as Xt,
   vt as Y,
-  oA as Yt,
-  hA as Z,
+  nA as Yt,
+  uA as Z,
   qt as Zt,
   Pt as _,
   nn as _t,
-  EA as a,
-  tA as an,
+  kA as a,
+  eA as an,
   ht as at,
-  Sf as b,
+  wf as b,
   Cu as bt,
   Ut as c,
   At as cn,
   _n as ct,
-  kA as d,
+  SA as d,
   Vo as dn,
   an as dt,
   ge as en,
-  cA as et,
-  SA as f,
+  lA as et,
+  wA as f,
   D as fn,
   oh as ft,
-  Ff as g,
+  Df as g,
   pl as gn,
   Fa as gt,
-  zf as h,
-  eA as hn,
+  Vf as h,
+  _m as hn,
   Xu as ht,
-  PA as i,
+  EA as i,
   kl as in,
-  Bh as it,
+  Ch as it,
   fi as j,
-  lA as jt,
-  bA as k,
+  sA as jt,
+  xA as k,
   vu as kt,
-  yp as l,
+  Ap as l,
   G as ln,
   ih as lt,
-  Zf as m,
+  Jf as m,
   ne as mn,
   St as mt,
-  CA as n,
+  RA as n,
   yr as nn,
-  sv as nt,
-  Tm as o,
+  iv as nt,
+  Im as o,
   Ot as on,
   sh as ot,
-  $f as p,
+  Zf as p,
   Uo as pn,
   Wa as pt,
-  fA as q,
+  gA as q,
   Mc as qt,
-  RA as r,
+  PA as r,
   xe as rn,
-  av as rt,
-  Jp as s,
+  ov as rt,
+  qp as s,
   Ge as sn,
   lh as st,
-  BA as t,
+  CA as t,
   Xo as tn,
-  cv as tt,
-  ap as u,
+  lv as tt,
+  op as u,
   M as un,
   ah as ut,
-  Pf as v,
+  Ef as v,
   Pe as vt,
   Ne as w,
   Oa as wt,
-  Ef as x,
+  kf as x,
   Ru as xt,
-  kf as y,
+  Sf as y,
   Me as yt,
   oi as z,
   kd as zt