@graphysdk/react-renderer 1.9.0-beta.1789721177023 → 1.9.0-beta.1789731663685

package/dist/{history-chords-LSbpNIBh.js → history-chords-DGXgA_2W.js}

@@ -1,5 +1,5 @@
 import { n as p } from "./theme.contract.css-DRIwwcHW.js";
-import { ANNOTATION_TOOLTIP_MARKER_GAP_PX as ii, AXIS_KEYS as Hn, CachedTextMeasurer as Jr, DATA_LABEL_ROLES as si, DEFAULT_GEOM_COLOR as On, DEFAULT_HOVER_AFFORDANCE_COLOR as Pt, DEFAULT_POINT_SIZE_PX as Ve, GROUP_VARIABLES as $, HeuristicTextMeasurer as li, HoverEngine as ci, InternalError as di, LayoutCompiler as ui, NAMED_WEIGHTS as Xe, POLAR_RIM_LABEL_GAP_PX as hi, POSITION_VARIABLES as qe, RESOLVED_DATA_LABEL_POSITIONS as gi, RESTING_HOVER_STATE as xt, alignUnitFractions as Dn, areAnchorsEqual as vi, areEditMenuTriggersEqual as fi, areEditTargetsEqual as zt, areEndpointsComparable as Zr, arePointerRegionListsEqual as pi, buildAverageLineSymbols as mi, buildBarRectBounds as yi, buildCalloutHitRegions as Ai, buildColumnKey as cr, buildDataLabelsContent as xi, buildFontString as bi, buildHeadlineItemRows as Fn, buildLayerIntroPlan as Si, buildPolarBarArcPath as Pe, buildSliceGroupKey as dr, buildTooltipContent as wi, compositeColor as ki, computeArrow as Ei, computeDifferenceArrow as Ri, computeDirectLabelsLayout as Ci, computeLineBoxHeight as Be, computePanelBorderPaths as Pi, computePanelBorderSizes as Bi, countLayerGeoms as Ii, createAreaPathGenerators as ur, createLayerYValueFormatter as Ti, createLineFillAreaGenerator as Mi, createLinePathGenerator as hr, createPinnedNumberValueFormatter as Li, createSegmentYReader as Ni, createStableCellKeyGenerator as Hi, createStableKeyGenerator as ge, createStyleResolver as Wn, ensureReadableTextColor as Oi, findAnnotation as Di, findLayerById as Fi, findPointerRegion as $r, formatHeadline as Wi, formatLegends as Gi, formatRuleValue as Vi, getAestheticFromScaleAestheticKey as ue, getAlpha as Gn, getAngleExtent as Ui, getBarRectBounds as Bt, getBoundingRect as zi, getChromeDashArray as It, getDashArray as Ue, getDifferenceArrowLabelBox as Qi, getGroup as Le, getHoverGuideLineProps as Ki, getHoverGuideRectProps as Yi, getPaintedTileRect as gr, getPolarHoverGuideArcProps as ji, getRadiusExtent as Vn, getRuleDashArray as Xi, getShapeAnnotationStroke as qi, getSize as Ji, getStackRole as Zi, getUnionExtent as Un, getX as K, getXMax as zn, getY as j, getYMax as Tt, isAnnotationMovable as $i, isFullTurnSweep as vr, isPositionScale as _r, isSafeUrl as fr, orderPointerRegions as _i, paintsInDonutHole as es, pickReadableTextColor as Qn, placeCallouts as ts, polarToUnit as rs, positionToAngle as ns, prepareAreaObservations as pr, prepareLineObservations as mr, projectAnchorToPanel as rt, projectRegionToPanel as yr, readAnchoredObservation as Kn, readColorGroupObservation as os, resolveArrowAnnotationStyle as as, resolveArrowColor as is, resolveAxisLabelStyle as ss, resolveBarBorderRadiusPx as Ar, resolveBarBorderTreatment as ot, resolveBarCornerRadiiPx as ls, resolveCalloutAnnotationStyle as cs, resolveCaptionStyle as ds, resolveChromeMargins as us, resolveDataLabelStyle as hs, resolveDeferredAnchors as gs, resolveDifferenceArrowAnnotationStyle as vs, resolveDirectLabelStyle as fs, resolveGraphFrameStyle as Yn, resolveGraphPadding as ps, resolveGridLineStyle as $t, resolveHeadingFontFamily as ms, resolveHeadingStyle as ys, resolveHeadlineItemStyle as yt, resolveHeadlineNumberStyle as jn, resolveHeadlinePlacement as As, resolveHeadlineStyle as Xn, resolveHoverGuideStyle as xs, resolveImageAnnotationStyle as bs, resolveLegendItemStyle as Ss, resolveLegendStyle as ws, resolvePanelBorderStyle as qn, resolvePolarBarCornerRadiusUnit as ks, resolveRuleLabelStyle as Es, resolveShapeAnnotationStyle as Jn, resolveSourceStyle as Rs, resolveSubtitleStyle as Cs, resolveSwatchGeomPaint as Zn, resolveTextAnnotationStyle as Ps, resolveTickLabelStyle as Bs, resolveTickLineStyle as Is, resolveTooltipStyle as Ts, toFontSpec as Z, toPanelCursor as Ms, toPercent as R, toViewBoxX as $n, toViewBoxY as _n, truncateToWidth as eo } from "@graphysdk/viz-engine";
+import { ANNOTATION_TOOLTIP_MARKER_GAP_PX as ii, AXIS_KEYS as Hn, CachedTextMeasurer as Jr, DATA_LABEL_ROLES as si, DEFAULT_GEOM_COLOR as On, DEFAULT_HOVER_AFFORDANCE_COLOR as Ct, DEFAULT_POINT_SIZE_PX as Ve, GROUP_VARIABLES as $, HeuristicTextMeasurer as li, HoverEngine as ci, InternalError as di, LayoutCompiler as ui, NAMED_WEIGHTS as Xe, POLAR_RIM_LABEL_GAP_PX as hi, POSITION_VARIABLES as qe, RESOLVED_DATA_LABEL_POSITIONS as gi, RESTING_HOVER_STATE as xt, alignUnitFractions as Dn, areAnchorsEqual as vi, areEditMenuTriggersEqual as fi, areEditTargetsEqual as zt, areEndpointsComparable as Zr, arePointerRegionListsEqual as pi, buildAverageLineSymbols as mi, buildBarRectBounds as yi, buildCalloutHitRegions as Ai, buildColumnKey as cr, buildDataLabelsContent as xi, buildFontString as bi, buildHeadlineItemRows as Fn, buildLayerIntroPlan as Si, buildPolarBarArcPath as Ce, buildSliceGroupKey as dr, buildTooltipContent as wi, compositeColor as ki, computeArrow as Ei, computeDifferenceArrow as Ri, computeDirectLabelsLayout as Pi, computeLineBoxHeight as Be, computePanelBorderPaths as Ci, computePanelBorderSizes as Bi, countLayerGeoms as Ii, createAreaPathGenerators as ur, createLayerYValueFormatter as Ti, createLineFillAreaGenerator as Mi, createLinePathGenerator as hr, createPinnedNumberValueFormatter as Li, createSegmentYReader as Ni, createStableCellKeyGenerator as Hi, createStableKeyGenerator as ge, createStyleResolver as Wn, ensureReadableTextColor as Oi, findAnnotation as Di, findLayerById as Fi, findPointerRegion as $r, formatHeadline as Wi, formatLegends as Gi, formatRuleValue as Vi, getAestheticFromScaleAestheticKey as ue, getAlpha as Gn, getAngleExtent as Ui, getBarRectBounds as Bt, getBoundingRect as zi, getChromeDashArray as It, getDashArray as Ue, getDifferenceArrowLabelBox as Qi, getGroup as Le, getHoverGuideLineProps as Ki, getHoverGuideRectProps as Yi, getPaintedTileRect as gr, getPolarHoverGuideArcProps as ji, getRadiusExtent as Vn, getRuleDashArray as Xi, getShapeAnnotationStroke as qi, getSize as Ji, getStackRole as Zi, getUnionExtent as Un, getX as K, getXMax as zn, getY as j, getYMax as Tt, isAnnotationMovable as $i, isFullTurnSweep as vr, isPositionScale as _r, isSafeUrl as fr, orderPointerRegions as _i, paintsInDonutHole as es, pickReadableTextColor as Qn, placeCallouts as ts, polarToUnit as rs, positionToAngle as ns, prepareAreaObservations as pr, prepareLineObservations as mr, projectAnchorToPanel as rt, projectRegionToPanel as yr, readAnchoredObservation as Kn, readColorGroupObservation as os, resolveArrowAnnotationStyle as as, resolveArrowColor as is, resolveAxisLabelStyle as ss, resolveBarBorderRadiusPx as Ar, resolveBarBorderTreatment as ot, resolveBarCornerRadiiPx as ls, resolveCalloutAnnotationStyle as cs, resolveCaptionStyle as ds, resolveChromeMargins as us, resolveDataLabelStyle as hs, resolveDeferredAnchors as gs, resolveDifferenceArrowAnnotationStyle as vs, resolveDirectLabelStyle as fs, resolveGraphFrameStyle as Yn, resolveGraphPadding as ps, resolveGridLineStyle as $t, resolveHeadingFontFamily as ms, resolveHeadingStyle as ys, resolveHeadlineItemStyle as yt, resolveHeadlineNumberStyle as jn, resolveHeadlinePlacement as As, resolveHeadlineStyle as Xn, resolveHoverGuideStyle as xs, resolveImageAnnotationStyle as bs, resolveLegendItemStyle as Ss, resolveLegendStyle as ws, resolvePanelBorderStyle as qn, resolvePolarBarCornerRadiusUnit as ks, resolveRuleLabelStyle as Es, resolveShapeAnnotationStyle as Jn, resolveSourceStyle as Rs, resolveSubtitleStyle as Ps, resolveSwatchGeomPaint as Zn, resolveTextAnnotationStyle as Cs, resolveTickLabelStyle as Bs, resolveTickLineStyle as Is, resolveTooltipStyle as Ts, toFontSpec as Z, toPanelCursor as Ms, toPercent as R, toViewBoxX as $n, toViewBoxY as _n, truncateToWidth as eo } from "@graphysdk/viz-engine";
 import { Fragment as Mt, createContext as Y, memo as ae, useCallback as pe, useContext as W, useEffect as F, useId as q, useMemo as A, useRef as L, useState as Q, useSyncExternalStore as Ls } from "react";
 import { Fragment as I, jsx as s, jsxs as S } from "react/jsx-runtime";
 import { useStore as ze } from "zustand";
@@ -9,7 +9,7 @@ import { useShallow as ee } from "zustand/react/shallow";
 import { assignInlineVars as xr } from "@vanilla-extract/dynamic";
 import { createStore as to } from "zustand/vanilla";
 import { createPortal as ro } from "react-dom";
-import nt, { clsx as Ce } from "clsx";
+import nt, { clsx as Pe } from "clsx";
 import Os from "lodash-es/merge";
 import { IntlProvider as Ds } from "react-intl";
 import { flip as _t, offset as er, shift as tr, useFloating as no } from "@floating-ui/react-dom";
@@ -23,7 +23,7 @@ import './history-chords.css';var en = Object.defineProperty, Ws = (e, t) => {
     });
   return t || en(r, Symbol.toStringTag, { value: "Module" }), r;
 };
-typeof window < "u" && (window.__GRAPHY_SDK__ ??= {}, window.__GRAPHY_SDK__.reactRenderer = "1.9.0-beta.1789721177023");
+typeof window < "u" && (window.__GRAPHY_SDK__ ??= {}, window.__GRAPHY_SDK__.reactRenderer = "1.9.0-beta.1789731663685");
 function Gs(e) {
   for (const t of e) (t.severity === "error" ? console.error : console.warn)(`[graphy] ${t.code}: ${t.message}`, t);
 }
@@ -34,7 +34,7 @@ var oo = Y(null), X = () => {
 }, M = (e) => {
   const { store: t } = X();
   return ze(t, (r) => e(r.scene));
-}, at = () => X().styleResolver, D = (e) => at().geomReaders(e), em = () => {
+}, at = () => X().styleResolver, D = (e) => at().geomReaders(e), _p = () => {
   const e = at(), t = M((r) => r.chrome);
   return e.readers({ chrome: t });
 }, ao = (e) => {
@@ -95,7 +95,7 @@ var oo = Y(null), X = () => {
 }, Qs = 2, Ks = 0.7, Se = ({ hit: e, project: t = Ie }) => {
   const r = ao(e.layerId);
   if (!e.anchored) return null;
-  const n = r?.get("color", e.observation) ?? On, o = (Gn(e.observation) ?? 1) * Ks, a = (r?.get("size", e.observation) ?? Ve) / 2, i = r?.get("borderColor", e.observation, "hovered") ?? Pt, l = t(e.x, e.y);
+  const n = r?.get("color", e.observation) ?? On, o = (Gn(e.observation) ?? 1) * Ks, a = (r?.get("size", e.observation) ?? Ve) / 2, i = r?.get("borderColor", e.observation, "hovered") ?? Ct, l = t(e.x, e.y);
   return /* @__PURE__ */ s("circle", {
     cx: R(l.x),
     cy: R(l.y),
@@ -107,7 +107,7 @@ var oo = Y(null), X = () => {
     "data-testid": "companion-point"
   });
 };
-var tn = 10 ** 2, z = (e) => Math.round(e * tn) / tn, tm = (e) => e.map(({ x: t, y: r }) => `M${z(t)},${z(r)}h0`).join(""), Ys = (e, t, r) => {
+var tn = 10 ** 2, z = (e) => Math.round(e * tn) / tn, em = (e) => e.map(({ x: t, y: r }) => `M${z(t)},${z(r)}h0`).join(""), Ys = (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)), v = a + h, g = a + l - h, f = o + i, m = n ? 0 : 1, y = (E, B) => {
@@ -117,19 +117,19 @@ var tn = 10 ** 2, z = (e) => Math.round(e * tn) / tn, tm = (e) => e.map(({ x: t,
     if (u <= 0 || h <= 0) return 0;
     const B = E < v ? v - E : E > g ? E - g : 0, O = Math.min(1, B / h);
     return u * (1 - Math.sqrt(1 - O * O));
-  }, C = (E, B) => u > 0 && h > 0 && (Math.max(E, B) <= v || Math.min(E, B) >= g), P = [
+  }, P = (E, B) => u > 0 && h > 0 && (Math.max(E, B) <= v || Math.min(E, B) >= g), C = [
     c,
     ...new Set([v, g].filter((E) => E > c && E < d)),
     d
   ], H = [`M${y(o + w(c), c)}`, `L${y(f - w(c), c)}`];
-  for (let E = 1; E < P.length; E++) {
-    const B = P[E - 1] ?? c, O = P[E] ?? d;
-    H.push(C(B, O) ? k(f - w(O), O) : `L${y(f, O)}`);
+  for (let E = 1; E < C.length; E++) {
+    const B = C[E - 1] ?? c, O = C[E] ?? d;
+    H.push(P(B, O) ? k(f - w(O), O) : `L${y(f, O)}`);
   }
   H.push(`L${y(o + w(d), d)}`);
-  for (let E = P.length - 1; E > 0; E--) {
-    const B = P[E] ?? d, O = P[E - 1] ?? c;
-    H.push(C(B, O) ? k(o + w(O), O) : `L${y(o, O)}`);
+  for (let E = C.length - 1; E > 0; E--) {
+    const B = C[E] ?? d, O = C[E - 1] ?? c;
+    H.push(P(B, O) ? k(o + w(O), O) : `L${y(o, O)}`);
   }
   return `${H.join("")}Z`;
 }, io = (e, t, r) => {
@@ -360,7 +360,7 @@ var tn = 10 ** 2, z = (e) => Math.round(e * tn) / tn, tm = (e) => e.map(({ x: t,
 }), al = "_324dw20", uo = 1, il = 0.4, sl = 0.2, ll = 1, cl = 0.5, dl = 2.25, Qe = ({ hit: e, project: t = Ie, ...r }) => {
   const n = ao(e.layerId);
   if (!e.anchored) return null;
-  const o = n?.get("color", e.observation) ?? On, a = Gn(e.observation) ?? 1, i = n?.get("borderColor", e.observation, "hovered") ?? Pt, l = t(e.x, e.y), c = R(l.x), d = R(l.y), u = ul(e.observation, n), { ringRadius: h, ringWidth: v } = hl(u);
+  const o = n?.get("color", e.observation) ?? On, a = Gn(e.observation) ?? 1, i = n?.get("borderColor", e.observation, "hovered") ?? Ct, l = t(e.x, e.y), c = R(l.x), d = R(l.y), u = ul(e.observation, n), { ringRadius: h, ringWidth: v } = hl(u);
   return /* @__PURE__ */ S("g", {
     ...r,
     className: al,
@@ -906,7 +906,7 @@ function Rl(e) {
   const r = {};
   return t.rx !== void 0 && (r.rx = R(t.rx)), t.ry !== void 0 && (r.ry = R(t.ry)), r;
 }
-var Cl = "_1suo8ub0", Qt = 3, Pl = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
+var Pl = "_1suo8ub0", Qt = 3, Cl = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
   const o = D(e), a = q(), i = q(), l = q(), c = A(() => wr(e, t.mainAxis, o), [
     e,
     t.mainAxis,
@@ -917,13 +917,13 @@ var Cl = "_1suo8ub0", Qt = 3, Pl = ({ layer: e, coordSystem: t, primary: r, pane
     borderRadius: m,
     mainAxis: t.mainAxis,
     bounds: v
-  }), x = Ae(h, 0), k = Ae(v, b), w = Ae(on(h, Qt), 0), C = Ae(on(v, Qt), b > 0 ? b + Qt : 0), P = o.get("color", r.observation), H = o.get("alpha", r.observation), E = o.get("borderColor", r.observation, "hovered") ?? Pt, B = ot(f);
+  }), x = Ae(h, 0), k = Ae(v, b), w = Ae(on(h, Qt), 0), P = Ae(on(v, Qt), b > 0 ? b + Qt : 0), C = o.get("color", r.observation), H = o.get("alpha", r.observation), E = o.get("borderColor", r.observation, "hovered") ?? Ct, B = ot(f);
   return /* @__PURE__ */ S("g", {
     "data-testid": "hovered-bar",
     children: [
       /* @__PURE__ */ s("clipPath", {
         id: a,
-        children: /* @__PURE__ */ s("path", { d: C })
+        children: /* @__PURE__ */ s("path", { d: P })
       }),
       /* @__PURE__ */ s("clipPath", {
         id: i,
@@ -934,7 +934,7 @@ var Cl = "_1suo8ub0", Qt = 3, Pl = ({ layer: e, coordSystem: t, primary: r, pane
         children: /* @__PURE__ */ s("path", { d: k })
       }),
       /* @__PURE__ */ s("g", {
-        className: Cl,
+        className: Pl,
         children: /* @__PURE__ */ s("g", {
           clipPath: `url(#${a})`,
           children: /* @__PURE__ */ s("path", {
@@ -950,7 +950,7 @@ var Cl = "_1suo8ub0", Qt = 3, Pl = ({ layer: e, coordSystem: t, primary: r, pane
           clipPath: `url(#${l})`,
           children: [/* @__PURE__ */ s("path", {
             d: x,
-            fill: P,
+            fill: C,
             opacity: H,
             "data-testid": "hovered-bar-fill"
           }), g !== void 0 && /* @__PURE__ */ S(I, { children: [/* @__PURE__ */ s("path", {
@@ -988,7 +988,7 @@ var Cl = "_1suo8ub0", Qt = 3, Pl = ({ layer: e, coordSystem: t, primary: r, pane
     coordSystem: r,
     panelRect: n
   }),
-  renderHover: ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => /* @__PURE__ */ s(Pl, {
+  renderHover: ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => /* @__PURE__ */ s(Cl, {
     layer: e,
     coordSystem: t,
     primary: r,
@@ -1392,7 +1392,7 @@ var Cl = "_1suo8ub0", Qt = 3, Pl = ({ layer: e, coordSystem: t, primary: r, pane
   fontEditorControlValue: T(p.fontWeightMedium, p.fontSizeSm, p.fontLineHeightSm),
   fontEditorSectionTitle: T(p.fontWeightSemibold, p.fontSizeSm, p.fontLineHeightSm),
   fontEditorCaption: T(p.fontWeightMedium, p.fontSizeXxs, p.fontLineHeightXxs)
-}, Vl = ne.sm, Ul = (e, t) => ({ familyDefault: Kt(t) ?? Kt(e.fontFamily) ?? Kt(Ht) ?? "" }), Kt = (e) => e === void 0 || e.includes("var(") ? null : e.replace(/\s+/g, " ").trim(), J = (e, t) => `color-mix(in srgb, transparent, ${e} ${t * 100}%)`, zl = (e, t) => `hsl(from ${e} h s calc(l * ${1 - t}))`, rm = (e, t) => `hsl(from ${e} h s calc(l * ${1 + t}))`, nm = (e) => /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(e), om = (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), Yt = (e) => `${e}px`, So = {
+}, Vl = ne.sm, Ul = (e, t) => ({ familyDefault: Kt(t) ?? Kt(e.fontFamily) ?? Kt(Ht) ?? "" }), Kt = (e) => e === void 0 || e.includes("var(") ? null : e.replace(/\s+/g, " ").trim(), J = (e, t) => `color-mix(in srgb, transparent, ${e} ${t * 100}%)`, zl = (e, t) => `hsl(from ${e} h s calc(l * ${1 - t}))`, tm = (e, t) => `hsl(from ${e} h s calc(l * ${1 + t}))`, rm = (e) => /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(e), nm = (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), Yt = (e) => `${e}px`, So = {
   tooltipRowGap: "4px",
   editorControlHeight: Yt(32),
   legendSwatchGap: Yt(8),
@@ -1598,24 +1598,24 @@ var Cl = "_1suo8ub0", Qt = 3, Pl = ({ layer: e, coordSystem: t, primary: r, pane
     ...e === "dark" ? ql : ec,
     ...r
   };
-}, Co = (e, t = {}, r) => {
+}, Po = (e, t = {}, r) => {
   const n = kr(e, t);
   return {
     legendSwatchGap: ln(n.legendSwatchGap, 8),
     headlineRowGap: ln(n.headlineRowGap, 2),
     fonts: Ul(n, r)
   };
-}, tc = Object.freeze(Co("light"));
+}, tc = Object.freeze(Po("light"));
 function ln(e, t) {
   const r = e.trim();
   if (!/^-?\d*\.?\d+(px)?$/.test(r)) return t;
   const n = Number.parseFloat(r);
   return Number.isFinite(n) ? n : t;
 }
-var Po = Y(tc), rc = ({ metrics: e, children: t }) => /* @__PURE__ */ s(Po.Provider, {
+var Co = Y(tc), rc = ({ metrics: e, children: t }) => /* @__PURE__ */ s(Co.Provider, {
   value: e,
   children: t
-}), Ne = () => W(Po), N = () => {
+}), Ne = () => W(Co), N = () => {
   const { colorScheme: e } = X(), t = M((r) => r.chrome);
   return A(() => Wn({ colorScheme: e }).chromeReaders(t), [t, e]);
 }, nc = (e) => {
@@ -1723,7 +1723,7 @@ var Po = Y(tc), rc = ({ metrics: e, children: t }) => /* @__PURE__ */ s(Po.Provi
   } catch {
     return new Jr(new li());
   }
-}, Mo = Y(null), am = Mo.Provider, uc = null, ye = () => W(Mo) ?? (uc ??= md()), hc = 11.7, gc = 0.5, dn = 21.6, vc = "0 0 10 18", fc = "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", pc = "_16vokpr0", mc = (e, t) => e.mapping.y !== void 0 != (t.mainAxis === "y"), yc = (e, t) => {
+}, Mo = Y(null), om = Mo.Provider, uc = null, ye = () => W(Mo) ?? (uc ??= md()), hc = 11.7, gc = 0.5, dn = 21.6, vc = "0 0 10 18", fc = "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", pc = "_16vokpr0", mc = (e, t) => e.mapping.y !== void 0 != (t.mainAxis === "y"), yc = (e, t) => {
   const r = R(e ? 1 - t : t);
   return e ? {
     x1: "0%",
@@ -1767,8 +1767,8 @@ function Ec() {
 function Rc(e) {
   return "render" in e && "measure" in e;
 }
-var Cc = "_2qyyu60", Pc = 2, Bc = 12, Ic = 12, un = 1, hn = 2, Tc = 4, st = (e) => /* @__PURE__ */ s(de("Swatch", Mc), { ...e }), Mc = ({ shape: e, color: t, lineType: r = "solid", width: n = Bc, height: o = Ic, strokeWidth: a = Pc, alpha: i, cornerRadius: l }) => /* @__PURE__ */ s("svg", {
-  className: Cc,
+var Pc = "_2qyyu60", Cc = 2, Bc = 12, Ic = 12, un = 1, hn = 2, Tc = 4, st = (e) => /* @__PURE__ */ s(de("Swatch", Mc), { ...e }), Mc = ({ shape: e, color: t, lineType: r = "solid", width: n = Bc, height: o = Ic, strokeWidth: a = Cc, alpha: i, cornerRadius: l }) => /* @__PURE__ */ s("svg", {
+  className: Pc,
   width: n,
   height: o,
   viewBox: `0 0 ${n} ${o}`,
@@ -1880,7 +1880,7 @@ var Cc = "_2qyyu60", Pc = 2, Bc = 12, Ic = 12, un = 1, hn = 2, Tc = 4, st = (e)
   fontWeight: e.fontWeight,
   lineHeight: e.lineHeight,
   color: e.textColor
-}), im = (e, t) => xr({
+}), am = (e, t) => xr({
   [e.fontFamily]: t.fontFamily ?? p.fontFamily,
   [e.fontSize]: `${t.fontSize}px`,
   [e.fontWeight]: String(t.fontWeight),
@@ -2052,15 +2052,15 @@ var Cc = "_2qyyu60", Pc = 2, Bc = 12, Ic = 12, un = 1, hn = 2, Tc = 4, st = (e)
     k,
     x,
     i
-  ]), C = D(t), P = t.data.getFirst();
-  if (!P) return null;
-  const H = C.get("color", P), E = b.textColor ?? Qn(H), B = mc(t, r), O = B ? j(P) : K(P);
+  ]), P = D(t), C = t.data.getFirst();
+  if (!C) return null;
+  const H = P.get("color", C), E = b.textColor ?? Qn(H), B = mc(t, r), O = B ? j(C) : K(C);
   return O === null ? null : /* @__PURE__ */ S("g", {
     "data-geom": "rule",
     className: pc,
     children: [/* @__PURE__ */ s(Fc, {
-      strokeWidth: C.get("strokeWidth", P),
-      lineType: C.get("lineType", P),
+      strokeWidth: P.get("strokeWidth", C),
+      lineType: P.get("lineType", C),
       isHorizontalLine: B,
       position: O,
       lineColor: H,
@@ -2164,7 +2164,7 @@ var Cc = "_2qyyu60", Pc = 2, Bc = 12, Ic = 12, un = 1, hn = 2, Tc = 4, st = (e)
 }), Qc = ({ layer: e, primary: t, panelRect: r }) => {
   const n = D(e), o = gr(t.observation);
   if (!o) return null;
-  const a = n.get("color", t.observation), i = n.get("alpha", t.observation), l = n.get("borderColor", t.observation, "hovered") ?? Pt, c = n.get("borderWidth", t.observation, "hovered"), d = n.get("borderRadius", t.observation, "hovered"), u = o.x * r.width, h = o.y * r.height, v = o.width * r.width, g = o.height * r.height;
+  const a = n.get("color", t.observation), i = n.get("alpha", t.observation), l = n.get("borderColor", t.observation, "hovered") ?? Ct, c = n.get("borderWidth", t.observation, "hovered"), d = n.get("borderRadius", t.observation, "hovered"), u = o.x * r.width, h = o.y * r.height, v = o.width * r.width, g = o.height * r.height;
   return /* @__PURE__ */ S("g", {
     "data-testid": "hovered-tile",
     children: [/* @__PURE__ */ s("rect", {
@@ -2413,7 +2413,7 @@ var Cc = "_2qyyu60", Pc = 2, Bc = 12, Ic = 12, un = 1, hn = 2, Tc = 4, st = (e)
     members: c
   });
   return a;
-}, Cr = (e, t, r) => {
+}, Pr = (e, t, r) => {
   const n = Fo(e, t, r, (a, i) => i), o = /* @__PURE__ */ new Map();
   for (const [a, { style: i, union: l }] of n) o.set(a, {
     style: i,
@@ -2423,9 +2423,9 @@ var Cc = "_2qyyu60", Pc = 2, Bc = 12, Ic = 12, un = 1, hn = 2, Tc = 4, st = (e)
 }, Zc = (e, t, r, n, o) => e.get(dr(t, o)) ?? {
   style: Lt(r, n),
   union: Un([o])
-}, Pr = ({ style: e, union: t }) => ks(e.borderRadius, t.outerRadius - t.innerRadius), Wo = (e, t, r, n) => Pe({
+}, Cr = ({ style: e, union: t }) => ks(e.borderRadius, t.outerRadius - t.innerRadius), Wo = (e, t, r, n) => Ce({
   ...t.union,
-  cornerRadius: Pr(t),
+  cornerRadius: Cr(t),
   slice: r === "x" ? {
     axis: "radius",
     from: e.innerRadius,
@@ -2435,7 +2435,7 @@ var Cc = "_2qyyu60", Pc = 2, Bc = 12, Ic = 12, un = 1, hn = 2, Tc = 4, st = (e)
     from: e.startAngle,
     to: e.endAngle
   }
-}, n), $c = ho(Cr), _c = ({ layer: e, sourceLayer: t, coordSystem: r, panelRect: n, styleReaders: o, shouldAnimateTransitions: a }) => {
+}, n), $c = ho(Pr), _c = ({ layer: e, sourceLayer: t, coordSystem: r, panelRect: n, styleReaders: o, shouldAnimateTransitions: a }) => {
   const { bandAxis: i } = r, l = $c(t, i, o), c = Yc(n);
   let d = "";
   for (const u of e.data) {
@@ -2491,42 +2491,42 @@ var Cc = "_2qyyu60", Pc = 2, Bc = 12, Ic = 12, un = 1, hn = 2, Tc = 4, st = (e)
             ...b
           }
         }, E) : /* @__PURE__ */ s("path", {
-          d: Pe(B) ?? void 0,
+          d: Ce(B) ?? void 0,
           fill: B.fill,
           opacity: B.opacity,
           ...b
         }, E);
-      }), w = Pr(u);
+      }), w = Cr(u);
       if (!m && w <= 0) return /* @__PURE__ */ s(Mt, { children: k }, u.key);
-      const C = `${a}${h}`;
+      const P = `${a}${h}`;
       if (i.isAnimated) return /* @__PURE__ */ s("g", {
-        clipPath: `url(#${C})`,
+        clipPath: `url(#${P})`,
         children: /* @__PURE__ */ s(rd, {
           ...u.union,
           cornerRadius: w,
           animation: i,
           sweepsInOnLateMount: l,
           introKey: u.members[0]?.key,
-          clipId: C,
+          clipId: P,
           outlineProps: x,
           outlineOpacity: f,
           children: k
         })
       }, u.key);
-      const P = Pe({
+      const C = Ce({
         ...u.union,
         cornerRadius: w
       });
       return /* @__PURE__ */ S("g", {
-        clipPath: `url(#${C})`,
+        clipPath: `url(#${P})`,
         children: [
           /* @__PURE__ */ s("clipPath", {
-            id: C,
-            children: /* @__PURE__ */ s("path", { d: P })
+            id: P,
+            children: /* @__PURE__ */ s("path", { d: C })
           }),
           k,
           x !== void 0 && /* @__PURE__ */ s("path", {
-            d: P,
+            d: C,
             fill: "none",
             opacity: f,
             ...x
@@ -2536,7 +2536,7 @@ var Cc = "_2qyyu60", Pc = 2, Bc = 12, Ic = 12, un = 1, hn = 2, Tc = 4, st = (e)
     })
   });
 }), Go = ({ startAngle: e, endAngle: t, innerRadius: r, outerRadius: n, cornerRadius: o, animation: a, sweepsInOnLateMount: i, introKey: l }) => {
-  const c = a.activeIntro?.growAxis === "angle" ? a.activeIntro : null, d = a.activeIntro?.growAxis === "radius" ? a.activeIntro : null, u = i && !a.isLayerEntrance, h = c?.baseline ?? (u ? gn : e), v = c?.baseline ?? (u ? gn : t), g = d ? d.baseline : r, f = d ? d.baseline : n, m = ce(h), y = ce(v), b = ce(g), x = ce(f), k = ce(Pe({
+  const c = a.activeIntro?.growAxis === "angle" ? a.activeIntro : null, d = a.activeIntro?.growAxis === "radius" ? a.activeIntro : null, u = i && !a.isLayerEntrance, h = c?.baseline ?? (u ? gn : e), v = c?.baseline ?? (u ? gn : t), g = d ? d.baseline : r, f = d ? d.baseline : n, m = ce(h), y = ce(v), b = ce(g), x = ce(f), k = ce(Ce({
     startAngle: h,
     endAngle: v,
     innerRadius: g,
@@ -2544,7 +2544,7 @@ var Cc = "_2qyyu60", Pc = 2, Bc = 12, Ic = 12, un = 1, hn = 2, Tc = 4, st = (e)
     cornerRadius: o
   }) ?? ""), w = or(a, l, c);
   F(() => {
-    const P = w(), H = [fe(m, e, P), fe(y, t, P)];
+    const C = w(), H = [fe(m, e, C), fe(y, t, C)];
     return () => {
       for (const E of H) E.stop();
     };
@@ -2555,9 +2555,9 @@ var Cc = "_2qyyu60", Pc = 2, Bc = 12, Ic = 12, un = 1, hn = 2, Tc = 4, st = (e)
     t,
     w
   ]);
-  const C = or(a, l, d);
+  const P = or(a, l, d);
   return F(() => {
-    const P = C(), H = [fe(b, r, P), fe(x, n, P)];
+    const C = P(), H = [fe(b, r, C), fe(x, n, C)];
     return () => {
       for (const E of H) E.stop();
     };
@@ -2566,10 +2566,10 @@ var Cc = "_2qyyu60", Pc = 2, Bc = 12, Ic = 12, un = 1, hn = 2, Tc = 4, st = (e)
     x,
     r,
     n,
-    C
+    P
   ]), F(() => {
-    const P = () => {
-      k.set(Pe({
+    const C = () => {
+      k.set(Ce({
         startAngle: m.get(),
         endAngle: y.get(),
         innerRadius: b.get(),
@@ -2577,13 +2577,13 @@ var Cc = "_2qyyu60", Pc = 2, Bc = 12, Ic = 12, un = 1, hn = 2, Tc = 4, st = (e)
         cornerRadius: o
       }) ?? "");
     };
-    P();
+    C();
     const H = [
       m,
       y,
       b,
       x
-    ].map((E) => E.on("change", P));
+    ].map((E) => E.on("change", C));
     return () => {
       for (const E of H) E();
     };
@@ -2643,9 +2643,9 @@ var Cc = "_2qyyu60", Pc = 2, Bc = 12, Ic = 12, un = 1, hn = 2, Tc = 4, st = (e)
     opacity: d,
     "data-testid": "arc-segment"
   });
-  const g = ot(h), f = nd(Zi(e), t, i.union), m = ad(a, id(f)), y = Pe({
+  const g = ot(h), f = nd(Zi(e), t, i.union), m = ad(a, id(f)), y = Ce({
     ...i.union,
-    cornerRadius: Pr(i)
+    cornerRadius: Cr(i)
   });
   return /* @__PURE__ */ S("g", {
     clipPath: `url(#${o})`,
@@ -2675,7 +2675,7 @@ var Cc = "_2qyyu60", Pc = 2, Bc = 12, Ic = 12, un = 1, hn = 2, Tc = 4, st = (e)
     ]
   });
 }, od = ({ layer: e, sourceLayer: t, coordSystem: r }) => {
-  const n = D(t), o = A(() => Cr(t, r.bandAxis, n), [
+  const n = D(t), o = A(() => Pr(t, r.bandAxis, n), [
     t,
     r.bandAxis,
     n
@@ -2718,7 +2718,7 @@ var Cc = "_2qyyu60", Pc = 2, Bc = 12, Ic = 12, un = 1, hn = 2, Tc = 4, st = (e)
   startSpoke: !e.startSpoke,
   endSpoke: !e.endSpoke
 }), sd = ({ layer: e, coordSystem: t, primary: r }) => {
-  const n = D(e), o = A(() => Cr(e, t.bandAxis, n), [
+  const n = D(e), o = A(() => Pr(e, t.bandAxis, n), [
     e,
     t.bandAxis,
     n
@@ -2970,7 +2970,7 @@ function Dt(e) {
 function pd(e) {
   return e ? Dt(e.render).overlay : !1;
 }
-function sm(e, t) {
+function im(e, t) {
   return typeof e == "string" ? {
     ...t,
     geom: e
@@ -3066,7 +3066,7 @@ var wd = ({ hitTest: e, input: t }) => {
     zIndex: t
   },
   children: o
-}), r), Cd = ({ rect: e, children: t }) => {
+}), r), Pd = ({ rect: e, children: t }) => {
   const [r] = Q(Ko);
   return /* @__PURE__ */ s(Rd, {
     rect: e,
@@ -3074,7 +3074,7 @@ var wd = ({ hitTest: e, input: t }) => {
     container: r,
     children: t
   });
-}, Pd = (e, t) => {
+}, Cd = (e, t) => {
   const r = ir(e), n = ir(t), o = L(null), a = L(null), i = A(() => {
     const l = () => {
       a.current !== null && (clearTimeout(a.current), a.current = null), o.current = null;
@@ -3103,7 +3103,7 @@ var wd = ({ hitTest: e, input: t }) => {
   height: 0,
   isDefault: !0
 }, Yo = ({ debounce: e = 0, onResize: t } = {}) => {
-  const [r, n] = Q(Bd), o = L(null), a = Pd((d) => {
+  const [r, n] = Q(Bd), o = L(null), a = Cd((d) => {
     const u = o.current;
     u && u.width === d.width && u.height === d.height || (o.current = {
       width: d.width,
@@ -3183,7 +3183,7 @@ var Md = ({ render: e, input: t }) => {
     height: "100%",
     fill: "none",
     pointerEvents: "none"
-  }), o && /* @__PURE__ */ s(Cd, {
+  }), o && /* @__PURE__ */ s(Pd, {
     rect: o,
     children: /* @__PURE__ */ s(Ld, {
       render: e,
@@ -3685,7 +3685,7 @@ var Au = "_19519k82", xu = "_19519k83", bu = "_19519k85", Su = "_19519k86", wu =
     cursorRef: r,
     isInside: n
   };
-}, Ru = 24, Cu = 8, Pu = {
+}, Ru = 24, Pu = 8, Cu = {
   x: 0,
   y: 0,
   top: 0,
@@ -3697,7 +3697,7 @@ var Au = "_19519k82", xu = "_19519k83", bu = "_19519k85", Su = "_19519k86", wu =
   toJSON: () => ({})
 }, pt = {
   boundary: [],
-  padding: Cu
+  padding: Pu
 }, Bu = () => {
   const e = M(ee((x) => ({
     layers: x.layers,
@@ -3723,7 +3723,7 @@ var Au = "_19519k82", xu = "_19519k83", bu = "_19519k85", Su = "_19519k86", wu =
   ]), h = !a && u !== null && (d || o !== null), v = A(() => ({ getBoundingClientRect: () => {
     if (o !== null) return Lu(o);
     const x = c.current;
-    return x === null ? Pu : Mu(x);
+    return x === null ? Cu : Mu(x);
   } }), [c, o]), { refs: g, floatingStyles: f, update: m } = no(Nu({
     isOpen: h,
     tooltipAnchor: o,
@@ -4066,26 +4066,26 @@ var Au = "_19519k82", xu = "_19519k83", bu = "_19519k85", Su = "_19519k86", wu =
       directLabelStyle: a,
       legendSwatchGap: t.legendSwatchGap
     }), b = ju(g), x = Ku(g), k = {
-      measureText: (w, C) => e.measureText(w, C),
+      measureText: (w, P) => e.measureText(w, P),
       textScale: v
     };
     return {
       measureAxis: (w) => {
         if (nh(w)) return 0;
-        const C = u.current.measureAxis;
-        return C ? C(w, k) : f(w);
+        const P = u.current.measureAxis;
+        return P ? P(w, k) : f(w);
       },
       measureAxisLabel: (w) => {
-        const C = u.current.measureAxisLabel;
-        return C ? C(w, k) : m(w);
+        const P = u.current.measureAxisLabel;
+        return P ? P(w, k) : m(w);
       },
       measureLegend: (w) => {
         if (oh(w)) return 0;
-        const C = u.current.measureLegend;
-        return C ? C(w, k) : y(w);
+        const P = u.current.measureLegend;
+        return P ? P(w, k) : y(w);
       },
-      measureHeadline: (w, C, P) => (u.current.measureHeadline ?? b)(w, C, P),
-      measureHeadlineItemWidths: (w, C) => (u.current.measureHeadlineItemWidths ?? x)(w, C),
+      measureHeadline: (w, P, C) => (u.current.measureHeadline ?? b)(w, P, C),
+      measureHeadlineItemWidths: (w, P) => (u.current.measureHeadlineItemWidths ?? x)(w, P),
       measureTickLabel: _u({
         textMeasurer: e,
         tickLabelStyles: l,
@@ -4202,7 +4202,7 @@ var Au = "_19519k82", xu = "_19519k83", bu = "_19519k85", Su = "_19519k86", wu =
   if (!e.has(t)) return e;
   const r = new Map(e);
   return r.delete(t), r;
-}, lm = (e, t) => e !== null && e.annotationId === t ? e : null, gh = (e, t) => e.annotationId === t.annotationId && e.translation.x === t.translation.x && e.translation.y === t.translation.y, cm = (e, t, r) => e !== null && e.annotationId === t && e.endpoint === r ? e : null, vh = (e, t) => e.annotationId === t.annotationId && e.endpoint === t.endpoint && e.anchor.x === t.anchor.x && e.anchor.y === t.anchor.y, dm = (e, t, r) => e !== null && e.annotationId === t && e.endpoint === r ? e : null, fh = (e, t) => e.annotationId === t.annotationId && e.endpoint === t.endpoint && vi(e.point.anchor, t.point.anchor), um = (e, t) => e !== null && e.annotationId === t ? e : null, ph = (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, hm = (e, t) => e !== null && e.annotationId === t ? e : null, mh = (e, t) => e.annotationId === t.annotationId && e.at.x === t.at.x && e.width === t.width && e.shift === t.shift, tt = ({ standingInteraction: e }, t) => e !== null && Re(e, t) ? e : null, yh = (e, t) => {
+}, sm = (e, t) => e !== null && e.annotationId === t ? e : null, gh = (e, t) => e.annotationId === t.annotationId && e.translation.x === t.translation.x && e.translation.y === t.translation.y, lm = (e, t, r) => e !== null && e.annotationId === t && e.endpoint === r ? e : null, vh = (e, t) => e.annotationId === t.annotationId && e.endpoint === t.endpoint && e.anchor.x === t.anchor.x && e.anchor.y === t.anchor.y, cm = (e, t, r) => e !== null && e.annotationId === t && e.endpoint === r ? e : null, fh = (e, t) => e.annotationId === t.annotationId && e.endpoint === t.endpoint && vi(e.point.anchor, t.point.anchor), dm = (e, t) => e !== null && e.annotationId === t ? e : null, ph = (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, um = (e, t) => e !== null && e.annotationId === t ? e : null, mh = (e, t) => e.annotationId === t.annotationId && e.at.x === t.at.x && e.width === t.width && e.shift === t.shift, tt = ({ standingInteraction: e }, t) => e !== null && Re(e, t) ? e : null, yh = (e, t) => {
   if (e === null) return !1;
   switch (t.kind) {
     case "difference-arrow-endpoint-drag":
@@ -4220,7 +4220,7 @@ var Au = "_19519k82", xu = "_19519k83", bu = "_19519k85", Su = "_19519k86", wu =
     case "menu":
       return !1;
   }
-}, Re = (e, t) => e.kind === t, gm = ({ isMenuTrigger: e, stamped: t, observations: r }) => e ? { kind: "menu-trigger" } : t !== null && t.kind !== "grid" ? t : r !== null ? {
+}, Re = (e, t) => e.kind === t, hm = ({ isMenuTrigger: e, stamped: t, observations: r }) => e ? { kind: "menu-trigger" } : t !== null && t.kind !== "grid" ? t : r !== null ? {
   kind: "observations",
   observations: r
 } : t, Ah = (e, t) => {
@@ -4260,13 +4260,13 @@ var Au = "_19519k82", xu = "_19519k83", bu = "_19519k85", Su = "_19519k86", wu =
     ...r.caret,
     editor: t
   } })
-})), Or = Y(null), bh = ua(), vm = ({ children: e }) => {
+})), Or = Y(null), bh = ua(), gm = ({ children: e }) => {
   const [t] = Q(() => ua());
   return /* @__PURE__ */ s(Or.Provider, {
     value: t,
     children: e
   });
-}, fm = () => {
+}, vm = () => {
   const e = W(Or);
   if (e === null) throw new Error("useEditorStore must be used inside an <EditorProvider>.");
   return e;
@@ -4369,8 +4369,8 @@ var ha = Y(null), Sh = ({ panelRect: e, children: t }) => {
   ...e,
   start: t.endpoint === "start" ? t.point : e.start,
   end: t.endpoint === "end" ? t.point : e.end
-}), Ch = "data:image/png;base64,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", Ph = ({ className: e }) => /* @__PURE__ */ s("img", {
-  src: Ch,
+}), Ph = "data:image/png;base64,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", Ch = ({ className: e }) => /* @__PURE__ */ s("img", {
+  src: Ph,
   alt: "",
   "aria-hidden": "true",
   className: e,
@@ -4416,7 +4416,7 @@ var Mh = "vultop2", Lh = "vultop3", Nh = "vultop4", Hh = "vultop5", Oh = "vultop
     "data-zone": n,
     children: [/* @__PURE__ */ s("span", {
       className: Mh,
-      children: /* @__PURE__ */ s(Ph, { className: Lh })
+      children: /* @__PURE__ */ s(Ch, { className: Lh })
     }), /* @__PURE__ */ S("span", {
       className: Nh,
       children: [/* @__PURE__ */ s("span", { children: "Made with" }), /* @__PURE__ */ s("span", {
@@ -4429,7 +4429,7 @@ var Mh = "vultop2", Lh = "vultop3", Nh = "vultop4", Hh = "vultop5", Oh = "vultop
   Title: null,
   Caption: null,
   TextAnnotation: null
-}), pm = ({ editors: e, children: t }) => /* @__PURE__ */ s(va.Provider, {
+}), fm = ({ editors: e, children: t }) => /* @__PURE__ */ s(va.Provider, {
   value: e,
   children: t
 }), Dr = () => W(va), Sn = "_4dlrid0", Uh = "xfz7dq0";
@@ -4608,7 +4608,7 @@ var mg = ({ segment: e, itemStyle: t }) => {
   if (e.kind === "trendArrow") {
     const o = ya(t, e.direction);
     return /* @__PURE__ */ s("div", {
-      className: Ce(pg, e.direction === "down" && "n7clvo4"),
+      className: Pe(pg, e.direction === "down" && "n7clvo4"),
       style: {
         color: o,
         backgroundColor: e.direction === "flat" ? J(p.textPrimary, 0.1) : J(o, 0.2)
@@ -4745,29 +4745,29 @@ 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;
-}, Oe = "data-edit-kind", Sa = "data-edit-id", Ct = "data-edit-axis", wa = "data-edit-tick-index", ka = "data-legend-overflow-control", mm = `[${ka}]`, Eg = "observations", Rg = `[${Oe}]`, lt = (e) => ({
+}, Oe = "data-edit-kind", Sa = "data-edit-id", Pt = "data-edit-axis", wa = "data-edit-tick-index", ka = "data-legend-overflow-control", pm = `[${ka}]`, Eg = "observations", Rg = `[${Oe}]`, lt = (e) => ({
   [Oe]: e.kind,
   [Sa]: e.id
 }), Fr = (e, t) => ({
   [Oe]: "axis",
-  [Ct]: e,
+  [Pt]: e,
   ...t === void 0 ? {} : { [wa]: String(t) }
 }), Wr = (e) => ({
   [Oe]: "legend",
   ...ba(e)
 }), Ea = (e) => ({
   [Oe]: "grid",
-  [Ct]: e
-}), ym = (e, t) => {
+  [Pt]: e
+}), mm = (e, t) => {
   for (const r of e) {
     const n = r.closest(Rg);
     if (n === null || !t.contains(n)) continue;
-    const o = Pg(n);
+    const o = Cg(n);
     if (o !== null) return o;
     if (n !== r) return null;
   }
   return null;
-}, Cg = () => ({ [Oe]: Eg }), Pg = (e) => {
+}, Pg = () => ({ [Oe]: Eg }), Cg = (e) => {
   const t = e.getAttribute(Oe);
   switch (t) {
     case "annotation": {
@@ -4781,7 +4781,7 @@ var mg = ({ segment: e, itemStyle: t }) => {
       };
     }
     case "axis": {
-      const r = e.getAttribute(Ct);
+      const r = e.getAttribute(Pt);
       if (!_r(r)) return null;
       if (!e.hasAttribute("data-edit-tick-index")) return {
         kind: t,
@@ -4810,7 +4810,7 @@ var mg = ({ segment: e, itemStyle: t }) => {
       };
     }
     case "grid": {
-      const r = e.getAttribute(Ct);
+      const r = e.getAttribute(Pt);
       return _r(r) ? {
         kind: t,
         target: {
@@ -4847,7 +4847,7 @@ var Mg = 8, Lg = 16, Ng = 2, Hg = ({ indexedLegends: e, containerRect: t }) => {
         dashArray: u
       }, h.payload.key))
     }), o.map((h) => /* @__PURE__ */ s("span", {
-      className: Ce(Tg, i && "_1oj6yix3"),
+      className: Pe(Tg, i && "_1oj6yix3"),
       style: {
         ...l,
         left: c,
@@ -4879,7 +4879,7 @@ var Mg = 8, Lg = 16, Ng = 2, Hg = ({ indexedLegends: e, containerRect: t }) => {
   return n.length === 0 || t.height <= 0 ? {
     placements: [],
     hasOverlap: !1
-  } : Ci({
+  } : Pi({
     items: n,
     containerHeight: t.height,
     labelHeight: r
@@ -4900,16 +4900,16 @@ var Mg = 8, Lg = 16, Ng = 2, Hg = ({ indexedLegends: e, containerRect: t }) => {
 }, Fg = (e) => ({
   ...Me(e),
   lineHeight: e.lineHeight
-}), Wg = "_6a636s0", Ca = () => {
+}), Wg = "_6a636s0", Pa = () => {
   const e = N();
   return A(() => ws(e), [e]);
-}, Pa = (e) => ({
+}, Ca = (e) => ({
   background: e.background,
   borderRadius: e.borderRadius,
   ...Ma(e.borderWidth, e.borderColor)
 }), Ba = (e) => ({
   ...Ta(e),
-  ...Pa(e),
+  ...Ca(e),
   paddingInline: e.paddingInline,
   paddingBlock: e.paddingBlock
 }), Ia = (e) => e.background !== void 0 || e.borderWidth > 0, Gg = (e, t) => ({
@@ -4998,7 +4998,7 @@ var Xg = "_1dw9dgx0", Xt = "\0", qg = (e, t) => {
     }
   }), /* @__PURE__ */ s("span", { children: e.formattedLabel })] });
 }, wn = { [ka]: "" }, _g = ({ hiddenPills: e, placement: t }) => {
-  const r = Xo(), [n, o] = Q(!1), a = Wt(), i = Ca(), l = Ee(), c = Ba(a.item), d = ev(e.length, a.item), u = d === null ? void 0 : Pa(a.item), { refs: h, floatingStyles: v } = no({
+  const r = Xo(), [n, o] = Q(!1), a = Wt(), i = Pa(), l = Ee(), c = Ba(a.item), d = ev(e.length, a.item), u = d === null ? void 0 : Ca(a.item), { refs: h, floatingStyles: v } = no({
     open: n,
     placement: t,
     middleware: [
@@ -5028,10 +5028,10 @@ var Xg = "_1dw9dgx0", Xt = "\0", qg = (e, t) => {
   const g = t === "left" || t === "right", f = d === null ? [] : Array.from({ length: d }, (m, y) => d - y);
   return /* @__PURE__ */ S(I, { children: [/* @__PURE__ */ S("div", {
     ref: h.setReference,
-    className: Ce(Vg, d !== null && g && zg[d], d !== null && !g && Ug[d]),
+    className: Pe(Vg, d !== null && g && zg[d], d !== null && !g && Ug[d]),
     ...wn,
     children: [d !== null && f.map((m) => /* @__PURE__ */ s("span", {
-      className: Ce("_1kjk02r5", g ? Kg[d] : Qg[d]),
+      className: Pe("_1kjk02r5", g ? Kg[d] : Qg[d]),
       style: {
         ...u,
         ...tv(m, g)
@@ -5063,7 +5063,7 @@ var Xg = "_1dw9dgx0", Xt = "\0", qg = (e, t) => {
     children: /* @__PURE__ */ s("ul", {
       className: "_1kjk02rd",
       children: e.map((m) => /* @__PURE__ */ s("li", {
-        className: Ce("_1kjk02re", l && "_1kjk02rf"),
+        className: Pe("_1kjk02re", l && "_1kjk02rf"),
         ...l ? Wr(m.address) : void 0,
         children: /* @__PURE__ */ s(La, { pill: m })
       }, m.key))
@@ -5085,7 +5085,7 @@ var Xg = "_1dw9dgx0", Xt = "\0", qg = (e, t) => {
   left: "_1cecisi7"
 }, sv = "_1cecisi8";
 var lv = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n }) => {
-  const o = we(), a = Ne(), i = Ca(), l = Wt(), c = ye(), d = M((w) => w.coordSystem.type), u = Ee(), h = A(() => qg(t, (w) => c(w, d)?.swatchShape ?? "square"), [
+  const o = we(), a = Ne(), i = Pa(), l = Wt(), c = ye(), d = M((w) => w.coordSystem.type), u = Ee(), h = A(() => qg(t, (w) => c(w, d)?.swatchShape ?? "square"), [
     t,
     c,
     d
@@ -5098,20 +5098,20 @@ var lv = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
       visibleCount: h.length,
       hasOverflow: !1
     };
-    const w = Z(l.item, a.fonts.familyDefault), C = Be(l.item), P = 2 * (l.item.paddingInline + l.item.borderWidth), H = 2 * (l.item.paddingBlock + l.item.borderWidth), E = (U) => v ? cv(U, C, l.swatch.size, H) : kn({
+    const w = Z(l.item, a.fonts.familyDefault), P = Be(l.item), C = 2 * (l.item.paddingInline + l.item.borderWidth), H = 2 * (l.item.paddingBlock + l.item.borderWidth), E = (U) => v ? cv(U, P, l.swatch.size, H) : kn({
       label: U.formattedLabel,
       swatchInlineSize: dv(U, l.swatch.size),
       textMeasurer: o,
       font: w,
       swatchGap: a.legendSwatchGap,
-      horizontalChrome: P
-    }), B = h.map(E), O = (v ? C + H : kn({
+      horizontalChrome: C
+    }), B = h.map(E), O = (v ? P + H : kn({
       label: `+${h.length}`,
       swatchInlineSize: 0,
       textMeasurer: o,
       font: w,
       swatchGap: a.legendSwatchGap,
-      horizontalChrome: P
+      horizontalChrome: C
     })) + (Ia(l.item) ? 8 : 0);
     return hv({
       pillSizes: B,
@@ -5131,14 +5131,14 @@ var lv = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
   if (h.length === 0) return null;
   const y = h.slice(0, m.visibleCount), b = h.slice(m.visibleCount), x = m.hasOverflow && b.length > 0, k = Ba(l.item);
   return /* @__PURE__ */ S("div", {
-    className: Ce(av[f], rv, {
+    className: Pe(av[f], rv, {
       [ov]: v,
       [nv]: !v,
       [iv[e === "left" ? "left" : "right"]]: v
     }),
     style: { gap: i.gap },
     children: [y.map((w) => /* @__PURE__ */ s("div", {
-      className: Ce(sv, u && "_1cecisi9"),
+      className: Pe(sv, u && "_1cecisi9"),
       style: k,
       ...u ? Wr(w.address) : void 0,
       children: /* @__PURE__ */ s(La, { pill: w })
@@ -5293,7 +5293,7 @@ var lv = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
 }, xv = ({ coordSystem: e, primary: t, panelRect: r, guide: n }) => {
   const o = ji(e, t);
   if (o === null) return null;
-  const a = Pe(o);
+  const a = Ce(o);
   return a ? /* @__PURE__ */ s(Gr, {
     panelRect: r,
     children: /* @__PURE__ */ s("svg", {
@@ -5320,7 +5320,7 @@ var lv = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
   },
   "data-testid": "hover-guide",
   children: t
-}), Am = (e, t, r) => {
+}), ym = (e, t, r) => {
   for (const n of Object.values(Ha)) {
     const o = n(e, t, r);
     if (o !== null) return o;
@@ -5368,12 +5368,12 @@ var lv = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
 }, Ev = (e, t) => {
   const r = Di(e, t);
   return r !== null && bv(r.kind) && $i(r);
-}, Rv = 200, Cv = ({ engine: e, store: t, overlayRef: r }) => {
+}, Rv = 200, Pv = ({ engine: e, store: t, overlayRef: r }) => {
   const { tolerance: n } = ke[ct()], o = ze(t, (a) => a.isQueryOwnedByEditor);
   F(() => {
     const a = r.current;
     if (!a) return;
-    const i = Pv(a, e), l = o ? void 0 : Iv(a, e, t, n ?? void 0);
+    const i = Cv(a, e), l = o ? void 0 : Iv(a, e, t, n ?? void 0);
     return () => {
       l?.(), i();
     };
@@ -5384,7 +5384,7 @@ var lv = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
     n,
     o
   ]);
-}, Pv = (e, t) => {
+}, Cv = (e, t) => {
   const r = () => {
     const i = e.getBoundingClientRect();
     i.width === 0 || i.height === 0 || t.setViewport({
@@ -5455,7 +5455,7 @@ var lv = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
   };
 }, Tv = ({ panelRect: e }) => {
   const { engine: t, store: r, overlayRef: n } = He(), o = be(da), a = be(xh), i = be((c) => c.caret !== null);
-  Cv({
+  Pv({
     engine: t,
     store: r,
     overlayRef: n
@@ -5773,7 +5773,7 @@ var lv = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
     stroke: qi(t) ?? "none",
     strokeWidth: t.borderWidth
   });
-}, Cn = ({ panelRect: e, zOrder: t }) => {
+}, Pn = ({ panelRect: e, zOrder: t }) => {
   const r = dt(e).shapes, n = _v(), o = Gt(), a = r.filter((i) => i.zOrder === t && i.id !== o);
   return a.length === 0 ? null : /* @__PURE__ */ s("svg", {
     x: e.x,
@@ -5796,8 +5796,8 @@ var lv = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
   });
 }, tf = () => {
   const e = N();
-  return A(() => (t) => Ps(e, t), [e]);
-}, rf = "_1aj6s5s0", xm = "_1aj6s5s1", nf = 0.1, bm = ({ annotation: e, panel: t, style: r, blockRef: n }) => /* @__PURE__ */ s(Da, {
+  return A(() => (t) => Cs(e, t), [e]);
+}, rf = "_1aj6s5s0", Am = "_1aj6s5s1", nf = 0.1, xm = ({ annotation: e, panel: t, style: r, blockRef: n }) => /* @__PURE__ */ s(Da, {
   annotation: e,
   panel: t,
   style: r,
@@ -5887,7 +5887,7 @@ var lv = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
   const e = N();
   return A(() => (t, r) => cs(e, t, r), [e]);
 }, hf = "ph8bdc0";
-var gf = "ph8bdc2", Pn = {
+var gf = "ph8bdc2", Cn = {
   hittable: "ph8bdc4 ph8bdc3",
   inert: "ph8bdc5 ph8bdc3"
 }, vf = ({ cx: e, cy: t, color: r, style: n }) => {
@@ -5992,7 +5992,7 @@ var pf = (e, t, r, n) => t !== "comment" ? r : eo(r, 140, (o) => e.measureText(o
           height: g.miniRect.height,
           overflow: "visible",
           children: /* @__PURE__ */ S("div", {
-            className: x ? Pn.hittable : Pn.inert,
+            className: x ? Cn.hittable : Cn.inert,
             style: xf(m.label),
             children: [g.kind === "pinned-number" && /* @__PURE__ */ s("span", {
               className: "ph8bdc1",
@@ -6077,7 +6077,7 @@ var pf = (e, t, r, n) => t !== "comment" ? r : eo(r, 140, (o) => e.measureText(o
 }, Rf = ({ sticker: e, sizePx: t, x: r, y: n }) => {
   const o = wf[e.sticker];
   if (!o) return null;
-  const { width: a, height: i } = Cf(o.aspectRatio, t);
+  const { width: a, height: i } = Pf(o.aspectRatio, t);
   return /* @__PURE__ */ s("image", {
     href: o.src,
     x: r,
@@ -6086,13 +6086,13 @@ var pf = (e, t, r, n) => t !== "comment" ? r : eo(r, 140, (o) => e.measureText(o
     height: i,
     transform: `translate(${-a / 2}, ${-i / 2})`
   });
-}, Cf = (e, t) => e >= 1 ? {
+}, Pf = (e, t) => e >= 1 ? {
   width: t,
   height: t / e
 } : {
   width: t * e,
   height: t
-}, Pf = 0.25, Wa = ({ children: e, ...t }) => {
+}, Cf = 0.25, Wa = ({ children: e, ...t }) => {
   const r = Du();
   return r <= 0 ? /* @__PURE__ */ s("g", {
     ...t,
@@ -6102,7 +6102,7 @@ var pf = (e, t, r, n) => t !== "comment" ? r : eo(r, 140, (o) => e.measureText(o
     initial: { opacity: 0 },
     animate: { opacity: 1 },
     transition: {
-      duration: Pf,
+      duration: Cf,
       delay: r
     },
     children: e
@@ -6593,7 +6593,7 @@ var If = "_1agclyl2", Ga = ({ x: e, y: t, width: r, height: n, text: o, isRotate
 }, tp = (e, t) => t <= 0 ? e ? "left" : "bottom" : t >= 1 ? e ? "right" : "top" : null, rp = ({ sizes: e, panelFrameRect: t }) => {
   const r = M((i) => i.coordSystem.type === "polar"), n = N(), o = A(() => qn(n), [n]);
   if (r) return null;
-  const a = Pi(o, {
+  const a = Ci(o, {
     x: e.left / 2,
     y: e.top / 2,
     width: t.width - (e.left + e.right) / 2,
@@ -6953,8 +6953,8 @@ var up = 4, hp = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     height: t.height,
     className: Ap,
     "data-testid": "geom-layers",
-    ...Cg(),
-    children: n.map((a) => /* @__PURE__ */ S(Mt, { children: [/* @__PURE__ */ s(Ep, {
+    ...Pg(),
+    children: n.map((a) => /* @__PURE__ */ S(Mt, { children: [/* @__PURE__ */ s(kp, {
       layer: a,
       coordSystem: o,
       shouldAnimateTransitions: e,
@@ -6966,13 +6966,10 @@ var up = 4, hp = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
       panelRect: t
     })] }, `${a.id}-${Sp(o)}`))
   });
-}, Sp = (e) => e.type === "cartesian" ? `cartesian-${e.mainAxis}` : e.type, wp = (e) => {
-  if (e.geom !== "rule")
-    return xp;
-}, kp = (e) => xr({
+}, Sp = (e) => e.type === "cartesian" ? `cartesian-${e.mainAxis}` : e.type, wp = (e) => xr({
   ...e.opacity === void 0 ? {} : { [mp]: String(e.opacity) },
   ...e.saturation === void 0 ? {} : { [yp]: `saturate(${e.saturation})` }
-}), Ep = ({ layer: e, coordSystem: t, shouldAnimateTransitions: r, panelRect: n, formattingLocale: o }) => {
+}), kp = ({ layer: e, coordSystem: t, shouldAnimateTransitions: r, panelRect: n, formattingLocale: o }) => {
   const a = ye(), i = A(() => a(e.geom, t.type), [
     a,
     e,
@@ -6985,10 +6982,10 @@ var up = 4, hp = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     panelRect: n,
     colorScheme: d,
     styleReaders: D(e)
-  }, h = i ? Dt(i.render) : null, v = e.spatialKind === "render-hit-test", g = wp(e);
+  }, h = i ? Dt(i.render) : null, v = e.spatialKind === "render-hit-test", g = c.opacity !== void 0 || c.saturation !== void 0;
   return /* @__PURE__ */ S("g", {
-    className: g,
-    style: g === void 0 ? void 0 : kp(c),
+    className: g ? xp : void 0,
+    style: g ? wp(c) : void 0,
     children: [
       /* @__PURE__ */ s(cp, {
         layer: e,
@@ -7019,13 +7016,13 @@ var up = 4, hp = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
       })
     ]
   });
-}, Rp = "_17uhij30", Cp = ({ 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: v }) => {
+}, Ep = "_17uhij30", Rp = ({ 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: v }) => {
   const g = L(null);
   Lv(g);
   const f = de("Grid", ep), m = de("AxisTicks", $f), y = de("AxisLabel", _f), b = A(() => lr(n, t), [n, t]), x = A(() => lr(o, t), [o, t]), k = A(() => Ln(a, t), [a, t]), w = A(() => Ln(i, t), [i, t]);
   return /* @__PURE__ */ S("svg", {
     ref: g,
-    className: Rp,
+    className: Ep,
     width: t.width,
     height: t.height,
     style: { transform: `translate(${t.x}px, ${t.y}px)` },
@@ -7050,7 +7047,7 @@ var up = 4, hp = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
         panelRect: x
       }),
       /* @__PURE__ */ s(mv, { panelRect: x }),
-      v && /* @__PURE__ */ S(I, { children: [/* @__PURE__ */ s(Cn, {
+      v && /* @__PURE__ */ S(I, { children: [/* @__PURE__ */ s(Pn, {
         panelRect: x,
         zOrder: "background"
       }), /* @__PURE__ */ s(Rn, {
@@ -7081,7 +7078,7 @@ var up = 4, hp = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
           panelRect: x,
           isEditable: h
         }),
-        /* @__PURE__ */ s(Cn, {
+        /* @__PURE__ */ s(Pn, {
           panelRect: x,
           zOrder: "foreground"
         }),
@@ -7118,7 +7115,7 @@ var up = 4, hp = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
 }, Nn = (e, t) => {
   if (e <= 0 || Number.isNaN(e) || !Number.isFinite(e)) throw new di({ message: `Expected ${t} to be a positive, finite number, but got ${e}.` });
   return e;
-}, Bp = ({ sizing: e, onResize: t, children: r }) => {
+}, Cp = ({ sizing: e, onResize: t, children: r }) => {
   const n = Yo({ onResize: t }), o = L(!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.`)));
@@ -7128,7 +7125,7 @@ var up = 4, hp = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     n.width,
     n.height
   ]), e.mode === "keepAspectRatio") {
-    const { intrinsicSize: i, canRender: l, outerStyles: c, innerStyles: d } = Ip(e, n.width, !n.isDefault);
+    const { intrinsicSize: i, canRender: l, outerStyles: c, innerStyles: d } = Bp(e, n.width, !n.isDefault);
     return /* @__PURE__ */ s("div", {
       ref: n.setElement,
       style: c,
@@ -7164,7 +7161,7 @@ var up = 4, hp = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
       height: n.height
     })
   });
-}, Ip = (e, t, r) => {
+}, Bp = (e, t, r) => {
   const n = Pp(e), o = t > 0 && n.width > 0 ? t / n.width : 1;
   return {
     intrinsicSize: n,
@@ -7180,7 +7177,7 @@ var up = 4, hp = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
       height: n.height
     }
   };
-}, Tp = { mode: "responsive" }, Zt = {
+}, Ip = { mode: "responsive" }, Zt = {
   headerSize: {
     width: 0,
     height: 0
@@ -7189,7 +7186,7 @@ var up = 4, hp = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     width: 0,
     height: 0
   }
-}, Mp = () => {
+}, Tp = () => {
   const [e, t] = Q(null), [r, n] = Q(null), [o, a] = Q(Zt);
   return F(() => {
     const i = () => {
@@ -7200,7 +7197,7 @@ var up = 4, hp = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
         width: r.offsetWidth,
         height: r.offsetHeight
       } : Zt.footerSize;
-      a((u) => Lp(u, {
+      a((u) => Mp(u, {
         headerSize: c,
         footerSize: d
       }) ? {
@@ -7216,7 +7213,7 @@ var up = 4, hp = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     footerRef: n,
     measurements: o
   };
-}, Lp = (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, Np = () => null, Hp = ({ graphChrome: e, isEditable: t, mode: r, style: n, contentRef: o, children: a }) => {
+}, Mp = (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, Lp = () => null, Np = ({ graphChrome: e, isEditable: t, mode: r, style: n, contentRef: o, children: a }) => {
   const { themeClass: i, inlineVarsStyle: l } = Mr(), c = e.borderColor === void 0 ? 0 : e.borderWidth, d = c > 0 ? e.borderColor : void 0, u = Math.max(0, e.borderRadius), h = u === 0 ? 0 : u + c, v = A(() => ({
     ...n,
     borderRadius: `${h}px`,
@@ -7248,21 +7245,21 @@ var up = 4, hp = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
       children: a
     })
   });
-}, Sm = (e) => /* @__PURE__ */ s(Jd, {
+}, bm = (e) => /* @__PURE__ */ s(Jd, {
   locale: ah(),
-  children: /* @__PURE__ */ s(Op, { ...e })
-}), Op = ({ slots: e, sizing: t = Tp, onResize: r, ...n }) => /* @__PURE__ */ s(bd, { children: /* @__PURE__ */ s(cc, { children: /* @__PURE__ */ s(kc, {
+  children: /* @__PURE__ */ s(Hp, { ...e })
+}), Hp = ({ slots: e, sizing: t = Ip, onResize: r, ...n }) => /* @__PURE__ */ s(bd, { children: /* @__PURE__ */ s(cc, { children: /* @__PURE__ */ s(kc, {
   slots: e,
-  children: /* @__PURE__ */ s(Bp, {
+  children: /* @__PURE__ */ s(Cp, {
     sizing: t,
     onResize: r,
-    children: ({ width: o, height: a }) => /* @__PURE__ */ s(Dp, {
+    children: ({ width: o, height: a }) => /* @__PURE__ */ s(Op, {
       width: o,
       height: a,
       ...n
     })
   })
-}) }) }), Dp = ({ width: e, height: t, animation: r, showTooltips: n = !0, mode: o = me.readonly }) => {
+}) }) }), Op = ({ width: e, height: t, animation: r, showTooltips: n = !0, mode: o = me.readonly }) => {
   const a = Xo(), i = Br(o), { axes: l, legends: c, layers: d, numberFormat: u, parsingLocale: h, annotations: v, coordSystem: g, headline: f, headlineConfig: m, content: y, overflowStrategy: b } = M(ee((re) => ({
     axes: re.guides.axes,
     legends: re.guides.legends.drawn,
@@ -7275,7 +7272,7 @@ var up = 4, hp = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     headlineConfig: re.config.headline,
     content: re.config.content,
     overflowStrategy: re.config.panel.overflow
-  }))), x = Ns(), { intro: k, transitions: w } = A(() => Od(r, x ?? !1), [r, x]), { headerRef: C, footerRef: P, measurements: H } = Mp(), { formattingLocale: E, colorScheme: B } = X(), O = ke[i], U = O.editorSurface, [Ur, za] = Q(null), Qa = de("Header", eg), Ka = de("Footer", jh), Ya = de("Legend", vv), ja = de("Headline", wg), Xa = de("EditorSurface", Np), zr = A(() => Gi({
+  }))), x = Ns(), { intro: k, transitions: w } = A(() => Od(r, x ?? !1), [r, x]), { headerRef: P, footerRef: C, measurements: H } = Tp(), { formattingLocale: E, colorScheme: B } = X(), O = ke[i], U = O.editorSurface, [Ur, za] = Q(null), Qa = de("Header", eg), Ka = de("Footer", jh), Ya = de("Legend", vv), ja = de("Headline", wg), Xa = de("EditorSurface", Lp), zr = A(() => Gi({
     legends: c,
     numberFormat: u,
     parsingLocale: h,
@@ -7299,7 +7296,7 @@ var up = 4, hp = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     h,
     E,
     a
-  ]), qa = we(), G = N(), ut = A(() => Yn(G), [G]), Qr = A(() => qn(G), [G]), Kr = fa(), Vt = G.graph.get("fontFamily"), Ja = ms(G), Za = G.graph.get("textScale"), $a = A(() => ys(G), [G]), _a = A(() => Cs(G), [G]), ei = A(() => ds(G), [G]), ti = A(() => Rs(G), [G]), Yr = A(() => Co(B, {}, Vt), [B, Vt]), Ut = ut.borderColor === void 0 ? 0 : ut.borderWidth, Ye = A(() => ({
+  ]), qa = we(), G = N(), ut = A(() => Yn(G), [G]), Qr = A(() => qn(G), [G]), Kr = fa(), Vt = G.graph.get("fontFamily"), Ja = ms(G), Za = G.graph.get("textScale"), $a = A(() => ys(G), [G]), _a = A(() => Ps(G), [G]), ei = A(() => ds(G), [G]), ti = A(() => Rs(G), [G]), Yr = A(() => Po(B, {}, Vt), [B, Vt]), Ut = ut.borderColor === void 0 ? 0 : ut.borderWidth, Ye = A(() => ({
     width: Math.max(0, e - 2 * Ut),
     height: Math.max(0, t - 2 * Ut)
   }), [
@@ -7368,7 +7365,7 @@ var up = 4, hp = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
         metrics: Yr,
         children: /* @__PURE__ */ s(ih, { children: /* @__PURE__ */ s(Sh, {
           panelRect: te.panel,
-          children: /* @__PURE__ */ s(Hp, {
+          children: /* @__PURE__ */ s(Np, {
             graphChrome: ut,
             isEditable: U,
             mode: i,
@@ -7381,7 +7378,7 @@ var up = 4, hp = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
               intro: k,
               children: [
                 /* @__PURE__ */ s(Qa, {
-                  ref: C,
+                  ref: P,
                   headerRect: te.header,
                   mode: i,
                   title: y.title,
@@ -7392,7 +7389,7 @@ var up = 4, hp = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
                   subtitleStyle: _a,
                   brandMark: ni
                 }),
-                /* @__PURE__ */ s(Cp, {
+                /* @__PURE__ */ s(Rp, {
                   formattedAxes: qr,
                   plotRect: te.plot,
                   panelBorder: Xr,
@@ -7408,7 +7405,7 @@ var up = 4, hp = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
                   showAnnotations: O.annotations
                 }),
                 /* @__PURE__ */ s(Ka, {
-                  ref: P,
+                  ref: C,
                   footerRect: te.footer,
                   mode: i,
                   caption: y.caption,
@@ -7444,7 +7441,7 @@ var up = 4, hp = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
       })
     })
   });
-}, wm = (e) => {
+}, Sm = (e) => {
   const t = W(oo);
   return A(() => e || (t ? {
     commands: t.commands,
@@ -7456,31 +7453,31 @@ var up = 4, hp = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     setSelection: (r) => t.selectionStore.getState().setSelection(r),
     subscribeSelection: t.selectionStore.subscribe
   } : null), [e, t]);
-}, km = (e) => Ls(e.subscribe, e.getScene, e.getScene), Em = () => {
+}, wm = (e) => Ls(e.subscribe, e.getScene, e.getScene), km = () => {
   const { commands: e } = X();
   return e;
-}, Rm = (e) => {
+}, Em = (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 {
-  dm as $,
-  tm as $t,
+  cm as $,
+  em as $t,
   Oe as A,
   md as At,
   jh as B,
   we as Bt,
   Sv as C,
-  Pd as Ct,
+  Cd as Ct,
   Ee as D,
   bd as Dt,
   fv as E,
   Sd as Et,
   Wr as F,
   xe as Ft,
-  vm as G,
-  nm as Gt,
+  gm as G,
+  rm as Gt,
   ga as H,
   N as Ht,
   kg as I,
@@ -7488,86 +7485,86 @@ export {
   da as J,
   Ht as Jt,
   be as K,
-  om as Kt,
+  nm as Kt,
   hg as L,
-  am as Lt,
-  ym as M,
+  om as Lt,
+  mm as M,
   pd as Mt,
   Fr as N,
   fd as Nt,
   ct as O,
   He as Ot,
   Ea as P,
-  im as Pt,
-  um as Q,
+  am as Pt,
+  dm as Q,
   he as Qt,
   ma as R,
   ye as Rt,
   wv as S,
   Id as St,
-  Am as T,
+  ym as T,
   Ko as Tt,
   Vh as U,
   Ze as Ut,
-  pm as V,
+  fm as V,
   ac as Vt,
   wh as W,
   zl as Wt,
   tt as X,
   on as Xt,
-  gm as Y,
+  hm as Y,
   Ae as Yt,
-  hm as Z,
+  um as Z,
   nr as Zt,
   zv as _,
   Xo as _t,
-  Sm as a,
+  bm as a,
   X as an,
   ta as at,
   Nv as b,
   ke as bt,
   wf as c,
   lu as ct,
-  xm as d,
+  Am as d,
   su as dt,
-  em as en,
-  cm as et,
+  _p as en,
+  lm as et,
   tf as f,
   iu as ft,
   Jv as g,
   Jd as gt,
   $v as h,
   qo as ht,
-  wm as i,
+  Sm as i,
   oo as in,
   ah as it,
-  mm as j,
-  sm as jt,
-  Ct as k,
+  pm as j,
+  im as jt,
+  Pt as k,
   ir as kt,
   cf as l,
   cu as lt,
   _v as m,
   au as mt,
-  Em as n,
+  km as n,
   at as nn,
   ch as nt,
-  Op as o,
+  Hp as o,
   Gs as on,
   Iu as ot,
   ef as p,
   Mr as pt,
-  fm as q,
-  rm as qt,
-  km as r,
+  vm as q,
+  tm as qt,
+  wm as r,
   M as rn,
   sh as rt,
   ep as s,
   et as st,
-  Rm as t,
+  Em as t,
   D as tn,
-  lm as tt,
-  bm as u,
+  sm as tt,
+  xm as u,
   pn as ut,
   Fv as v,
   Ir as vt,