@graphysdk/react-renderer 1.9.0-beta.1792518514317 → 1.9.0-beta.1792575115573

package/dist/{history-chords-Bf7f1kij.js → history-chords-CkXZ_0Gc.js}

@@ -1,19 +1,19 @@
-import { ANNOTATION_TOOLTIP_MARKER_GAP_PX as Ps, CachedTextMeasurer as Kn, DATA_LABEL_ROLES as Rs, DEFAULT_GEOM_COLOR as zr, DEFAULT_HOVER_AFFORDANCE_COLOR as Vr, DEFAULT_POINT_SIZE_PX as tt, GROUP_VARIABLES as ne, HeuristicTextMeasurer as Cs, HoverEngine as Ls, InternalError as Is, LayoutCompiler as Ts, NAMED_WEIGHTS as ht, POLAR_RIM_LABEL_GAP_PX as Bs, POSITION_VARIABLES as vt, RESOLVED_DATA_LABEL_POSITIONS as Ms, RESTING_HOVER_STATE as jt, VISUAL_VARIABLES as Un, alignUnitFractions as Vo, applyTextTransform as St, areAnchorsEqual as Os, areEditMenuTriggersEqual as Ns, areEditTargetsEqual as mt, areEndpointsComparable as Qn, arePointerRegionListsEqual as Hs, arePredicatesEqual as Yo, buildAverageLineSymbols as Ds, buildBarRectBounds as Fs, buildCalloutHitRegions as Gs, buildColumnKey as Yr, buildDataLabelsContent as Ws, buildFontString as zs, buildHeadlineItemRows as jo, buildLayerIntroPlan as Vs, buildObservationsTarget as Ys, buildPointSymbolInBox as js, buildPointSymbolPath as Ks, buildPolarBarArcPath as Ge, buildSliceGroupKey as jr, buildTooltipContent as Us, compositeColor as Vt, computeArrow as Qs, computeDifferenceArrow as Xs, computeDirectLabelsLayout as qs, computeLetterSpacingWidth as Js, computeLineBoxHeight as We, computePanelBorderPaths as Zs, computePanelBorderSizes as $s, countLayerGeoms as _s, createAreaPathGenerators as Kr, createBarBoundsReader as Ko, createDataLabelPlacementResolver as el, createLayerYValueFormatter as tl, createLineFillAreaGenerator as rl, createLinePathGenerator as Ur, createObservationBoxReader as nl, createPinnedNumberValueFormatter as ol, createSegmentYReader as al, createStableCellKeyGenerator as il, createStableKeyGenerator as Se, ensureReadableTextColor as Qr, findAnnotation as sl, findLayerById as er, findPointerRegion as Xn, formatHeadline as ll, formatLegends as dl, formatRuleValue as cl, getAestheticFromScaleAestheticKey as Ae, getAlpha as Uo, getAngleExtent as ul, getBarRectBounds as Qo, getBoundingRect as hl, getDifferenceArrowLabelBox as vl, getGroup as Ve, getHoverGuideLineProps as gl, getHoverGuideRectProps as fl, getPaintedTileRect as Xr, getPointSymbolOuterRadius as pl, getPolarHoverGuideArcProps as ml, getRadiusExtent as Xo, getShapeAnnotationStroke as yl, getSize as xl, getStackRole as Al, getUnionExtent as qo, getX as $, getXMax as Jo, getY as _, getYMax as tr, isAnnotationMovable as bl, isFullTurnSweep as qr, isGradientPaint as Zo, isImagePaint as Sl, isOpaquePaint as wl, isPatternPaint as Jr, isPositionScale as qn, isSafeUrl as Zr, orderPointerRegions as kl, paintKey as Pr, paintsInDonutHole as El, pickFilters as Pl, pickReadableTextColor as $o, placeCallouts as Rl, polarToUnit as Cl, positionToAngle as Ll, prepareAreaObservations as $r, prepareLineObservations as _r, projectAnchorToPanel as At, projectRegionToPanel as en, readAnchoredObservation as _o, readColorGroupObservation as Il, readGeomColor as rr, readGeomEffects as X, readGroupRuleColor as ea, readMainAxis as wt, removeAlpha as Tl, resolveArrowAnnotationStyle as Bl, resolveArrowColor as Ml, resolveBarBorderTreatment as kt, resolveBarCornerRadiiPx as Ol, resolveBarCornerRadiusPx as tn, resolveBarPaintOrigin as Nl, resolveCalloutAnnotationStyle as Rr, resolveChromeMargins as Hl, resolveDataLabelStyle as Dl, resolveDeferredAnchors as Fl, resolveDifferenceArrowAnnotationStyle as ta, resolveDirectLabelStyle as ra, resolveGeomCornerRadiusPx as Gl, resolveGraphPadding as Wl, resolveHeadlineItemStyle as Yt, resolveHeadlineNumberStyle as na, resolveHeadlinePlacement as zl, resolveLegendItemStyle as Et, resolvePanelBorderStyle as oa, resolvePolarBarCornerRadiusUnit as Vl, resolveRuleLabelStyle as Yl, resolveSwatchGeomPaint as aa, resolveTooltipStyle as jl, toFontSpec as te, toPaintColor as z, toPanelCursor as Kl, toPercent as C, toStrokeDasharray as rt, toViewBoxX as ia, toViewBoxY as sa, truncateToWidth as la, withAlpha as Ul } from "@graphysdk/viz-engine";
-import { Fragment as Pt, createContext as Y, isValidElement as Ql, memo as ge, useCallback as ie, useContext as N, useEffect as W, useId as Q, useLayoutEffect as Xl, useMemo as b, useRef as F, useState as U, useSyncExternalStore as ql } from "react";
+import { ANNOTATION_TOOLTIP_MARKER_GAP_PX as Rs, CachedTextMeasurer as Kn, DATA_LABEL_ROLES as Cs, DEFAULT_GEOM_COLOR as zr, DEFAULT_HOVER_AFFORDANCE_COLOR as Vr, DEFAULT_POINT_SIZE_PX as tt, GROUP_VARIABLES as ne, HeuristicTextMeasurer as Ls, HoverEngine as Is, InternalError as Ts, LayoutCompiler as Bs, NAMED_WEIGHTS as ht, POLAR_RIM_LABEL_GAP_PX as Ms, POSITION_VARIABLES as vt, RESOLVED_DATA_LABEL_POSITIONS as Os, RESTING_HOVER_STATE as jt, VISUAL_VARIABLES as Un, alignUnitFractions as Vo, applyTextTransform as St, areAnchorsEqual as Ns, areEditMenuTriggersEqual as Hs, areEditTargetsEqual as mt, areEndpointsComparable as Qn, arePointerRegionListsEqual as Ds, arePredicatesEqual as Yo, buildAverageLineSymbols as Fs, buildBarRectBounds as Gs, buildCalloutHitRegions as Ws, buildColumnKey as Yr, buildDataLabelsContent as zs, buildFontString as Vs, buildHeadlineItemRows as jo, buildLayerIntroPlan as Ys, buildObservationsTarget as js, buildPointSymbolInBox as Ks, buildPointSymbolPath as Us, buildPolarBarArcPath as Ge, buildSliceGroupKey as jr, buildTooltipContent as Qs, compositeColor as Vt, computeArrow as Xs, computeDifferenceArrow as qs, computeDirectLabelsLayout as Js, computeLetterSpacingWidth as Zs, computeLineBoxHeight as We, computePanelBorderPaths as $s, computePanelBorderSizes as _s, countLayerGeoms as el, createAreaPathGenerators as Kr, createBarBoundsReader as Ko, createDataLabelPlacementResolver as tl, createLayerYValueFormatter as rl, createLineFillAreaGenerator as nl, createLinePathGenerator as Ur, createObservationBoxReader as ol, createPinnedNumberValueFormatter as al, createSegmentYReader as il, createStableCellKeyGenerator as sl, createStableKeyGenerator as Se, ensureReadableTextColor as Qr, findAnnotation as ll, findLayerById as er, findPointerRegion as Xn, formatHeadline as dl, formatLegends as cl, formatRuleValue as ul, getAestheticFromScaleAestheticKey as Ae, getAlpha as Uo, getAngleExtent as hl, getBarRectBounds as Qo, getBoundingRect as vl, getDifferenceArrowLabelBox as gl, getGroup as Ve, getHoverGuideLineProps as fl, getHoverGuideRectProps as pl, getPaintedTileRect as Xr, getPointSymbolOuterRadius as ml, getPolarHoverGuideArcProps as yl, getRadiusExtent as Xo, getShapeAnnotationStroke as xl, getSize as Al, getStackRole as bl, getUnionExtent as qo, getX as $, getXMax as Jo, getY as _, getYMax as tr, isAnnotationMovable as Sl, isFullTurnSweep as qr, isGradientPaint as Zo, isImagePaint as wl, isOpaquePaint as kl, isPatternPaint as Jr, isPositionScale as qn, isSafeUrl as Zr, orderPointerRegions as El, paintKey as Pr, paintsInDonutHole as Pl, pickFilters as Rl, pickReadableTextColor as $o, placeCallouts as Cl, polarToUnit as Ll, positionToAngle as Il, prepareAreaObservations as $r, prepareLineObservations as _r, projectAnchorToPanel as At, projectRegionToPanel as en, readAnchoredObservation as _o, readColorGroupObservation as Tl, readGeomColor as rr, readGeomEffects as X, readGroupRuleColor as ea, readMainAxis as wt, removeAlpha as Bl, resolveArrowAnnotationStyle as Ml, resolveArrowColor as Ol, resolveBarBorderTreatment as kt, resolveBarCornerRadiiPx as Nl, resolveBarCornerRadiusPx as tn, resolveBarPaintOrigin as Hl, resolveCalloutAnnotationStyle as Rr, resolveChromeMargins as Dl, resolveDataLabelStyle as Fl, resolveDeferredAnchors as Gl, resolveDifferenceArrowAnnotationStyle as ta, resolveDirectLabelStyle as ra, resolveGeomCornerRadiusPx as Wl, resolveGraphPadding as zl, resolveHeadlineItemStyle as Yt, resolveHeadlineNumberStyle as na, resolveHeadlinePlacement as Vl, resolveLegendItemStyle as Et, resolvePanelBorderStyle as oa, resolvePolarBarCornerRadiusUnit as Yl, resolveRuleLabelStyle as jl, resolveSwatchGeomPaint as aa, resolveTooltipStyle as Kl, toFontSpec as te, toPaintColor as z, toPanelCursor as Ul, toPercent as C, toStrokeDasharray as rt, toViewBoxX as ia, toViewBoxY as sa, truncateToWidth as la, withAlpha as Ql } from "@graphysdk/viz-engine";
+import { Fragment as Pt, createContext as Y, isValidElement as Xl, memo as ge, useCallback as ie, useContext as N, useEffect as W, useId as Q, useLayoutEffect as ql, useMemo as b, useRef as F, useState as U, useSyncExternalStore as Jl } from "react";
 import { Fragment as T, jsx as l, jsxs as S } from "react/jsx-runtime";
 import { useStore as nt } from "zustand";
-import { animate as Pe, motion as V, useMotionValue as ye, useReducedMotion as Jl, useTransform as Dt } from "motion/react";
-import { interpolatePath as Zl } from "d3-interpolate-path";
+import { animate as Pe, motion as V, useMotionValue as ye, useReducedMotion as Zl, useTransform as Dt } from "motion/react";
+import { interpolatePath as $l } from "d3-interpolate-path";
 import { useShallow as oe } from "zustand/react/shallow";
 import { assignInlineVars as nr } from "@vanilla-extract/dynamic";
 import { createStore as rn } from "zustand/vanilla";
 import bt, { clsx as Fe } from "clsx";
-import { merge as $l } from "lodash-es";
-import { IntlProvider as _l } from "react-intl";
+import { merge as _l } from "lodash-es";
+import { IntlProvider as ed } from "react-intl";
 import { flip as Cr, offset as Lr, shift as Ir, useFloating as da } from "@floating-ui/react-dom";
-import { createPortal as ed } from "react-dom";
-import { getContrast as td } from "color2k";
-import './history-chords.css';var Jn = Object.defineProperty, rd = (e, t) => {
+import { createPortal as td } from "react-dom";
+import { getContrast as rd } from "color2k";
+import './history-chords.css';var Jn = Object.defineProperty, nd = (e, t) => {
   let r = {};
   for (var n in e)
     Jn(r, n, {
@@ -22,11 +22,11 @@ import './history-chords.css';var Jn = Object.defineProperty, rd = (e, t) => {
     });
   return t || Jn(r, Symbol.toStringTag, { value: "Module" }), r;
 };
-typeof window < "u" && (window.__GRAPHY_SDK__ ??= {}, window.__GRAPHY_SDK__.reactRenderer = "1.9.0-beta.1792518514317");
-function nd(e) {
+typeof window < "u" && (window.__GRAPHY_SDK__ ??= {}, window.__GRAPHY_SDK__.reactRenderer = "1.9.0-beta.1792575115573");
+function od(e) {
   for (const t of e) (t.severity === "error" ? console.error : console.warn)(`[graphy] ${t.code}: ${t.message}`, t);
 }
-var ca = Y(null), ly = ca.Provider, od = null, nn = () => N(ca) ?? (od ??= el());
+var ca = Y(null), ly = ca.Provider, ad = null, nn = () => N(ca) ?? (ad ??= tl());
 var ua = Y(null), ee = () => {
   const e = N(ua);
   if (!e) throw new Error("useGraph* hooks must be used inside a <GraphProvider>");
@@ -34,7 +34,7 @@ var ua = Y(null), ee = () => {
 }, B = (e) => {
   const { store: t } = ee();
   return nt(t, (r) => e(r.scene));
-}, ot = (e) => e === "none" ? "none" : `${e.offsetX}px ${e.offsetY}px ${e.blur}px ${e.color}`, ad = (e) => e === "none" ? "none" : `${e.offsetX}px ${e.offsetY}px ${e.blur}px ${e.color}`, Ye = (e) => {
+}, ot = (e) => e === "none" ? "none" : `${e.offsetX}px ${e.offsetY}px ${e.blur}px ${e.color}`, id = (e) => e === "none" ? "none" : `${e.offsetX}px ${e.offsetY}px ${e.blur}px ${e.color}`, Ye = (e) => {
   if (e !== "none")
     return `drop-shadow(${e.offsetX}px ${e.offsetY}px ${e.blur}px ${e.color})`;
 }, Rt = Y(null), Zn = [
@@ -52,7 +52,7 @@ var ua = Y(null), ee = () => {
   const a = /* @__PURE__ */ new Map(), i = (c, u) => {
     switch (u) {
       case "shadow":
-        return dd(t.get("shadow", c), n);
+        return cd(t.get("shadow", c), n);
       case "blendMode":
         return t.get("blendMode", c) === "normal";
       case "alpha":
@@ -64,25 +64,25 @@ var ua = Y(null), ee = () => {
         if (h === void 0) return !0;
         const g = Pr(h);
         let f = a.get(g);
-        return f === void 0 && (f = wl(h), a.set(g, f)), f;
+        return f === void 0 && (f = kl(h), a.set(g, f)), f;
       }
     }
-  }, s = sd(e.styles), d = Zn.filter((c) => s.has(c) || ld(e, c));
+  }, s = ld(e.styles), d = Zn.filter((c) => s.has(c) || dd(e, c));
   if (!Zn.filter((c) => !d.includes(c)).some((c) => !i(r, c)))
     return d.length === 0 || e.data.findFirst((c) => d.some((u) => !i(c, u))) === null ? o : void 0;
-}, [e, t]), id = (e, t) => {
+}, [e, t]), sd = (e, t) => {
   const r = N(Rt), n = r?.layerId === e.id && r.paintsShadow;
-  return b(() => n ? cd(t) : t, [n, t]);
-}, sd = (e) => {
+  return b(() => n ? ud(t) : t, [n, t]);
+}, ld = (e) => {
   const t = /* @__PURE__ */ new Set();
   for (const r of [...e.defaults, ...e.overrides])
     if (!(r.matches === void 0 || r.state !== void 0 || r.part !== void 0))
       for (const n of Object.keys(r.declarations)) t.add(n);
   return t;
-}, ld = (e, t) => {
+}, dd = (e, t) => {
   const r = e.styles.observation.aesthetics[t];
   return r === void 0 || !Object.hasOwn(Un, r) ? !1 : e.data.hasVariable(Un[r]);
-}, dd = (e, t) => e === "none" || t === "none" ? e === t : e.offsetX === t.offsetX && e.offsetY === t.offsetY && e.blur === t.blur && e.color === t.color, cd = (e) => {
+}, cd = (e, t) => e === "none" || t === "none" ? e === t : e.offsetX === t.offsetX && e.offsetY === t.offsetY && e.blur === t.blur && e.color === t.color, ud = (e) => {
   const { get: t, resolve: r } = e;
   return {
     ...e,
@@ -92,7 +92,7 @@ var ua = Y(null), ee = () => {
       return i === void 0 && (s.shadow = "none"), s;
     }
   };
-}, va = () => ee().styleResolver, G = (e) => id(e, je()(e)), O = () => {
+}, va = () => ee().styleResolver, G = (e) => sd(e, je()(e)), O = () => {
   const e = va(), t = B((r) => r.chrome);
   return e.readers({ chrome: t });
 }, ga = (e) => {
@@ -101,14 +101,14 @@ var ua = Y(null), ee = () => {
 }, fa = (e) => {
   const t = je(), r = B((n) => n.layers).find((n) => n.id === e.layerId);
   return r === void 0 ? void 0 : rr({ geom: t }, r, e.observation);
-}, ud = () => {
+}, hd = () => {
   const e = je(), t = B((r) => r.layers);
   return b(() => (r) => {
     const n = _o(t, r);
     if (n !== null)
       return rr({ geom: e }, n.layer, n.observation);
   }, [t, e]);
-}, hd = (e) => {
+}, vd = (e) => {
   const t = je(), r = B((n) => n.layers);
   return b(() => (n) => {
     const o = _o(r, n);
@@ -132,7 +132,7 @@ var ua = Y(null), ee = () => {
 }, je = () => {
   const e = va();
   return B((t) => e.readers(t).geom);
-}, vd = {
+}, gd = {
   centerX: 0,
   centerY: 0,
   radius: 1
@@ -149,8 +149,8 @@ var ua = Y(null), ee = () => {
     x: r,
     y: r
   };
-}, se = (e, t, r = vd) => {
-  const n = Cl(e, t);
+}, se = (e, t, r = gd) => {
+  const n = Ll(e, t);
   return {
     x: r.centerX + n.x * r.radius,
     y: r.centerY - n.y * r.radius
@@ -200,7 +200,7 @@ var ua = Y(null), ee = () => {
       ...f
     });
   }
-  const m = Ks(e, n), p = {
+  const m = Us(e, n), p = {
     ...f,
     strokeLinejoin: "round",
     style: {
@@ -241,10 +241,10 @@ var ua = Y(null), ee = () => {
       transform: `translate(${t}, ${r})`
     }
   });
-}, gd = 2, fd = 0.7, Be = ({ hit: e, project: t = ze }) => {
+}, fd = 2, pd = 0.7, Be = ({ hit: e, project: t = ze }) => {
   const r = ga(e.layerId), n = fa(e) ?? zr;
   if (!e.anchored) return null;
-  const o = (Uo(e.observation) ?? 1) * fd, a = r?.get("size", e.observation) ?? tt, i = r?.get("stroke", e.observation, "hovered") ?? Vr, s = t(e.x, e.y);
+  const o = (Uo(e.observation) ?? 1) * pd, a = r?.get("size", e.observation) ?? tt, i = r?.get("stroke", e.observation, "hovered") ?? Vr, s = t(e.x, e.y);
   return /* @__PURE__ */ l(or, {
     symbol: r?.get("symbol", e.observation) ?? "circle",
     cx: C(s.x),
@@ -253,14 +253,14 @@ var ua = Y(null), ee = () => {
     fill: n,
     opacity: o,
     stroke: i,
-    strokeWidth: gd,
+    strokeWidth: fd,
     "data-testid": "companion-point"
   });
 };
 var $n = 10 ** 2, K = (e) => Math.round(e * $n) / $n, dy = (e, t) => {
   const r = K(t), n = K(2 * t), o = `a${r},${r} 0 1,0 ${n},0a${r},${r} 0 1,0 ${-n},0Z`;
   return e.map(({ x: a, y: i }) => `M${K(a - t)},${K(i)}${o}`).join("");
-}, pd = (e, t, r) => {
+}, md = (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, s = n ? e.width : e.height, d = Math.max(Math.min(r.from, r.to), a), c = Math.min(Math.max(r.from, r.to), a + s);
   if (c - d <= 0 || i <= 0) return "";
   const u = Math.max(0, Math.min(t, i / 2)), h = Math.max(0, Math.min(t, s / 2)), g = a + h, f = a + s - h, v = o + i, m = n ? 0 : 1, p = (P, M) => {
@@ -312,7 +312,7 @@ var $n = 10 ** 2, K = (e) => Math.round(e * $n) / $n, dy = (e, t) => {
 }, Kt = (e, t) => ({
   x: e.x * t.width,
   y: e.y * t.height
-}), md = (e) => {
+}), yd = (e) => {
   const t = /* @__PURE__ */ new Map();
   for (const { center: r, size: n } of e) {
     const o = t.get(n) ?? [];
@@ -323,7 +323,7 @@ var $n = 10 ** 2, K = (e) => Math.round(e * $n) / $n, dy = (e, t) => {
     centers: n,
     size: r
   }));
-}, ma = (e, t, { origin: r, scaleX: n, scaleY: o }) => `${K(r.x + e * n)},${K(r.y + t * o)}`, yd = ({ layer: e, coordSystem: t, panelRect: r, animateTransitions: n }) => {
+}, ma = (e, t, { origin: r, scaleX: n, scaleY: o }) => `${K(r.x + e * n)},${K(r.y + t * o)}`, xd = ({ layer: e, coordSystem: t, panelRect: r, animateTransitions: n }) => {
   const { areaGenerator: o } = Kr(t, e.params), a = {
     origin: {
       x: 0,
@@ -338,7 +338,7 @@ var $n = 10 ** 2, K = (e) => Math.round(e * $n) / $n, dy = (e, t) => {
     const u = $r([...c], e.params.missingValues), [h] = u;
     if (h !== void 0) {
       if (u.length === 1) {
-        const g = xd(h, t, r);
+        const g = Ad(h, t, r);
         g !== null && s.push(g);
         return;
       }
@@ -355,14 +355,14 @@ var $n = 10 ** 2, K = (e) => Math.round(e * $n) / $n, dy = (e, t) => {
     centers: s,
     size: tt
   }), d;
-}, xd = (e, t, r) => {
+}, Ad = (e, t, r) => {
   if (t.mainAxis === "y") {
     const a = _(e), i = Jo(e) ?? $(e);
     return a === null || i === null ? null : Kt(ze(i, a), r);
   }
   const n = $(e), o = tr(e) ?? _(e);
   return n === null || o === null ? null : Kt(ze(n, o), r);
-}, Ad = 1.5, ya = (e, t) => xa(e, t) ? Math.max(t, Ad) : t, Me = (e, t, r) => {
+}, bd = 1.5, ya = (e, t) => xa(e, t) ? Math.max(t, bd) : t, Me = (e, t, r) => {
   const n = ya(e, t);
   return {
     strokeWidth: n,
@@ -391,7 +391,7 @@ var $n = 10 ** 2, K = (e) => Math.round(e * $n) / $n, dy = (e, t) => {
   stiffness: 500,
   damping: 60,
   mass: 1
-}, bd = { duration: 0 }, on = (e) => e ? be : bd, Br = (e, t, r) => {
+}, Sd = { duration: 0 }, on = (e) => e ? be : Sd, Br = (e, t, r) => {
   const n = ye(e), o = F(r);
   return W(() => {
     const a = r !== void 0 && r === o.current;
@@ -400,7 +400,7 @@ var $n = 10 ** 2, K = (e) => Math.round(e * $n) / $n, dy = (e, t) => {
       n.set(e);
       return;
     }
-    const i = Zl(n.get(), e), s = Pe(0, 1, {
+    const i = $l(n.get(), e), s = Pe(0, 1, {
       ...t,
       onUpdate: (d) => n.set(i(d))
     });
@@ -411,7 +411,7 @@ var $n = 10 ** 2, K = (e) => Math.round(e * $n) / $n, dy = (e, t) => {
     r,
     n
   ]), n;
-}, ba = ({ animateTransitions: e, ...t }) => e ? /* @__PURE__ */ l(wd, { ...t }) : /* @__PURE__ */ l(Sd, { ...t }), Sd = ({ fillPath: e, linePath: t, fill: r, fillOpacity: n, stroke: o, strokeWidth: a, strokeOpacity: i, strokeDasharray: s, lineCap: d, lineJoin: c, opacity: u }) => /* @__PURE__ */ S("g", {
+}, ba = ({ animateTransitions: e, ...t }) => e ? /* @__PURE__ */ l(kd, { ...t }) : /* @__PURE__ */ l(wd, { ...t }), wd = ({ fillPath: e, linePath: t, fill: r, fillOpacity: n, stroke: o, strokeWidth: a, strokeOpacity: i, strokeDasharray: s, lineCap: d, lineJoin: c, opacity: u }) => /* @__PURE__ */ S("g", {
   opacity: u,
   children: [/* @__PURE__ */ l("path", {
     d: e,
@@ -429,7 +429,7 @@ var $n = 10 ** 2, K = (e) => Math.round(e * $n) / $n, dy = (e, t) => {
     strokeLinejoin: c,
     vectorEffect: "non-scaling-stroke"
   })]
-}), wd = ({ fillPath: e, linePath: t, fill: r, fillOpacity: n, stroke: o, strokeWidth: a, strokeOpacity: i, strokeDasharray: s, lineCap: d, lineJoin: c, opacity: u }) => {
+}), kd = ({ fillPath: e, linePath: t, fill: r, fillOpacity: n, stroke: o, strokeWidth: a, strokeOpacity: i, strokeDasharray: s, lineCap: d, lineJoin: c, opacity: u }) => {
   const h = Br(e, be), g = Br(t, be);
   return /* @__PURE__ */ S("g", {
     opacity: u,
@@ -457,13 +457,13 @@ var $n = 10 ** 2, K = (e) => Math.round(e * $n) / $n, dy = (e, t) => {
     ease: e.growAxis === "angle" ? "circOut" : "backOut",
     delay: r
   };
-}, kd = (e) => ({
+}, Ed = (e) => ({
   duration: e.durationSeconds,
   ease: "easeOut"
 }), Sa = (e) => ({
   duration: e.durationSeconds,
   ease: "easeOut"
-}), Ed = (e) => Pd(e) + e.durationSeconds, Pd = (e) => {
+}), Pd = (e) => Rd(e) + e.durationSeconds, Rd = (e) => {
   switch (e.type) {
     case "grow":
       return Object.values(e.delayByKey).reduce((t, r) => Math.max(t, r), 0);
@@ -476,14 +476,14 @@ var $n = 10 ** 2, K = (e) => Math.round(e * $n) / $n, dy = (e, t) => {
   return /* @__PURE__ */ S(T, { children: [/* @__PURE__ */ l("clipPath", {
     id: r,
     children: /* @__PURE__ */ l(V.rect, {
-      ...Rd(e.axis),
-      transition: kd(e)
+      ...Cd(e.axis),
+      transition: Ed(e)
     })
   }), /* @__PURE__ */ l("g", {
     clipPath: `url(#${r})`,
     children: t
   })] });
-}, Rd = (e) => e === "x" ? {
+}, Cd = (e) => e === "x" ? {
   x: "-5%",
   y: "-25%",
   height: `${eo}%`,
@@ -495,7 +495,7 @@ var $n = 10 ** 2, K = (e) => Math.round(e * $n) / $n, dy = (e, t) => {
   width: `${eo}%`,
   initial: { height: "0%" },
   animate: { height: `${_n}%` }
-}, ka = {}, Ea = Y(ka), Cd = {
+}, ka = {}, Ea = Y(ka), Ld = {
   x: 1,
   y: 1
 }, ar = Y(null), cy = ({ shapes: e = ka, children: t }) => /* @__PURE__ */ l(Ea.Provider, {
@@ -510,17 +510,17 @@ var $n = 10 ** 2, K = (e) => Math.round(e * $n) / $n, dy = (e, t) => {
     value: n,
     children: r
   });
-}, Ld = () => {
+}, Id = () => {
   const e = N(ar);
   return e?.space === "pixels" ? e.size : null;
-}, Id = () => N(ar)?.size ?? null, hy = () => {
+}, Td = () => N(ar)?.size ?? null, hy = () => {
   const e = N(ar);
-  return e?.space !== "unit" ? Cd : {
+  return e?.space !== "unit" ? Ld : {
     x: e.size.width,
     y: e.size.height
   };
 }, we = ({ effects: e, children: t, ...r }) => {
-  const n = Id(), o = r.viewBox === "0 0 1 1" && r.preserveAspectRatio === "none";
+  const n = Td(), o = r.viewBox === "0 0 1 1" && r.preserveAspectRatio === "none";
   return /* @__PURE__ */ l("g", {
     style: e,
     children: /* @__PURE__ */ l("svg", {
@@ -532,7 +532,7 @@ var $n = 10 ** 2, K = (e) => Math.round(e * $n) / $n, dy = (e, t) => {
       })
     })
   });
-}, Td = ge(function({ layer: t, coordSystem: r, animateTransitions: n, intro: o }) {
+}, Bd = ge(function({ layer: t, coordSystem: r, animateTransitions: n, intro: o }) {
   const a = o?.type === "wipe" ? o : null, { lineGenerator: i, areaGenerator: s } = b(() => Kr(r, t.params), [t.params, r]), d = G(t), c = b(() => {
     const u = Se(t.data, t.mapping, t.id), h = [];
     return t.data.groupBy(ne.group).forEach((g) => {
@@ -563,7 +563,7 @@ var $n = 10 ** 2, K = (e) => Math.round(e * $n) / $n, dy = (e, t) => {
     t.mapping,
     t.params,
     d
-  ]).map((u) => /* @__PURE__ */ l(Bd, {
+  ]).map((u) => /* @__PURE__ */ l(Md, {
     areaPath: u.areaPath,
     linePath: u.linePath,
     fill: u.fill,
@@ -589,7 +589,7 @@ var $n = 10 ** 2, K = (e) => Math.round(e * $n) / $n, dy = (e, t) => {
       children: c
     }) : c
   });
-}), Bd = ({ areaPath: e, linePath: t, fill: r, stroke: n, fillOpacity: o, strokeWidth: a, strokeOpacity: i, strokeDasharray: s, lineCap: d, lineJoin: c, animateTransitions: u }) => /* @__PURE__ */ l(ba, {
+}), Md = ({ areaPath: e, linePath: t, fill: r, stroke: n, fillOpacity: o, strokeWidth: a, strokeOpacity: i, strokeDasharray: s, lineCap: d, lineJoin: c, animateTransitions: u }) => /* @__PURE__ */ l(ba, {
   fillPath: e,
   linePath: t,
   fill: r,
@@ -601,10 +601,10 @@ var $n = 10 ** 2, K = (e) => Math.round(e * $n) / $n, dy = (e, t) => {
   lineCap: d,
   lineJoin: c,
   animateTransitions: u
-}), Pa = 1, Md = 0.4, Od = 0.2, Nd = 1, Hd = 0.5, Dd = 2.25, it = ({ hit: e, project: t = ze, ...r }) => {
+}), Pa = 1, Od = 0.4, Nd = 0.2, Hd = 1, Dd = 0.5, Fd = 2.25, it = ({ hit: e, project: t = ze, ...r }) => {
   const n = ga(e.layerId), o = fa(e) ?? zr;
   if (!e.anchored) return null;
-  const a = Uo(e.observation) ?? 1, i = n?.get("stroke", e.observation, "hovered") ?? Vr, s = n?.get("symbol", e.observation) ?? "circle", d = t(e.x, e.y), c = C(d.x), u = C(d.y), h = Fd(e.observation, n), { ringRadius: g, ringWidth: f } = Gd(h, pl(s, h * 2)), v = n ? q(X(n, e.observation, "hovered")) : void 0;
+  const a = Uo(e.observation) ?? 1, i = n?.get("stroke", e.observation, "hovered") ?? Vr, s = n?.get("symbol", e.observation) ?? "circle", d = t(e.x, e.y), c = C(d.x), u = C(d.y), h = Gd(e.observation, n), { ringRadius: g, ringWidth: f } = Wd(h, ml(s, h * 2)), v = n ? q(X(n, e.observation, "hovered")) : void 0;
   return /* @__PURE__ */ S("g", {
     ...r,
     style: v,
@@ -626,16 +626,16 @@ var $n = 10 ** 2, K = (e) => Math.round(e * $n) / $n, dy = (e, t) => {
       strokeWidth: Pa
     })]
   });
-}, Fd = (e, t) => {
-  const r = t?.get("size", e), n = xl(e) ?? null;
-  return n !== null ? (r ?? n) / Dd : (r ?? 12) / 2;
 }, Gd = (e, t) => {
-  const r = Math.max(Nd, e * Md), n = Math.max(Hd, e * Od);
+  const r = t?.get("size", e), n = Al(e) ?? null;
+  return n !== null ? (r ?? n) / Fd : (r ?? 12) / 2;
+}, Wd = (e, t) => {
+  const r = Math.max(Hd, e * Od), n = Math.max(Dd, e * Nd);
   return {
     ringRadius: t + Pa / 2 + n + r / 2,
     ringWidth: r
   };
-}, Wd = ({ layer: e, coordSystem: t, primary: r, companions: n }) => {
+}, zd = ({ layer: e, coordSystem: t, primary: r, companions: n }) => {
   const o = G(e), a = Ve(r.observation), i = b(() => $r([...e.data.filter(ne.group, "eq", a)], e.params.missingValues), [
     e.data,
     e.params.missingValues,
@@ -690,25 +690,25 @@ var $n = 10 ** 2, K = (e) => Math.round(e * $n) / $n, dy = (e, t) => {
       })
     ]
   });
-}, zd = {
+}, Vd = {
   geom: "area",
   coord: "cartesian",
   swatchShape: "area",
   guideMode: "crosshair",
-  render: ({ layer: e, coordSystem: t, animateTransitions: r, intro: n }) => /* @__PURE__ */ l(Td, {
+  render: ({ layer: e, coordSystem: t, animateTransitions: r, intro: n }) => /* @__PURE__ */ l(Bd, {
     layer: e,
     coordSystem: t,
     animateTransitions: r,
     intro: n
   }),
-  renderHover: ({ layer: e, coordSystem: t, primary: r, group: n, related: o }) => /* @__PURE__ */ l(Wd, {
+  renderHover: ({ layer: e, coordSystem: t, primary: r, group: n, related: o }) => /* @__PURE__ */ l(zd, {
     layer: e,
     coordSystem: t,
     primary: r,
     companions: [...n, ...o]
   }),
   renderHoverCompanions: ({ related: e }) => /* @__PURE__ */ l(T, { children: e.map((t) => /* @__PURE__ */ l(Be, { hit: t }, `companion-${t.layerId}-${t.pointIndex}`)) }),
-  getEditOutlineShapes: yd,
+  getEditOutlineShapes: xd,
   getOverlayAnchor: ({ observation: e, coordSystem: t }) => {
     if (t.mainAxis === "x") {
       const o = $(e), a = tr(e) ?? _(e);
@@ -756,7 +756,7 @@ var to = "\0", Ra = (e, t) => {
     width: r,
     height: t == null ? r : r * t.height / t.width
   };
-}, Vd = (e) => new Promise((t) => {
+}, Yd = (e) => new Promise((t) => {
   if (typeof Image > "u") {
     t(null);
     return;
@@ -782,28 +782,28 @@ var to = "\0", Ra = (e, t) => {
       return d.size === s.size ? s : d;
     });
     for (const s of i)
-      r.has(s) || a.current.has(s) || (a.current.add(s), Vd(s).then((d) => {
+      r.has(s) || a.current.has(s) || (a.current.add(s), Yd(s).then((d) => {
         o.current.has(s) && (a.current.delete(s), n((c) => new Map(c).set(s, d)));
       }));
   }, [t, r]), ie((i) => {
     const s = ro(i);
     return s === void 0 ? void 0 : r.get(s);
   }, [r]);
-}, ro = (e) => e !== void 0 && Sl(e) && (e.fit ?? "tile") === "tile" ? e.image : void 0;
-var Yd = 1 / 3, jd = {
+}, ro = (e) => e !== void 0 && wl(e) && (e.fit ?? "tile") === "tile" ? e.image : void 0;
+var jd = 1 / 3, Kd = {
   x: 1,
   y: 1
-}, Kd = {
+}, Ud = {
   x: 0,
   y: 0
-}, le = ({ paints: e, unitsPerPixel: t = jd, origin: r = Kd }) => {
+}, le = ({ paints: e, unitsPerPixel: t = Kd, origin: r = Ud }) => {
   const n = Q(), o = b(() => {
     const a = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Set();
     for (const s of e) {
       if (typeof s == "string") continue;
       const d = Pr(s);
       if (a.has(d)) continue;
-      const c = `${n}paint-${Ud(d)}`;
+      const c = `${n}paint-${Qd(d)}`;
       let u = c, h = 1;
       for (; i.has(u); ) u = `${c}-${h++}`;
       i.add(u), a.set(d, {
@@ -820,35 +820,35 @@ var Yd = 1 / 3, jd = {
       if (i === void 0) throw new Error("fillFor requires a paint supplied to usePaintDefs.");
       return `url(#${i.id})`;
     }, [o]),
-    defs: /* @__PURE__ */ l(Qd, {
+    defs: /* @__PURE__ */ l(Xd, {
       entries: [...o.values()],
       unitsPerPixel: t,
       origin: r
     })
   };
-}, Ud = (e) => {
+}, Qd = (e) => {
   let t = 2166136261;
   for (let r = 0; r < e.length; r++)
     t ^= e.charCodeAt(r), t = Math.imul(t, 16777619);
   return (t >>> 0).toString(36);
-}, Qd = ({ entries: e, unitsPerPixel: t, origin: r }) => {
+}, Xd = ({ entries: e, unitsPerPixel: t, origin: r }) => {
   const n = st(e.map(({ paint: o }) => o));
-  return e.length === 0 ? null : /* @__PURE__ */ l("defs", { children: e.map(({ id: o, paint: a }) => /* @__PURE__ */ l(Xd, {
+  return e.length === 0 ? null : /* @__PURE__ */ l("defs", { children: e.map(({ id: o, paint: a }) => /* @__PURE__ */ l(qd, {
     id: o,
     paint: a,
     unitsPerPixel: t,
     origin: r,
     imageSize: n(a)
   }, o)) });
-}, Xd = ({ id: e, paint: t, unitsPerPixel: r, origin: n, imageSize: o }) => Zo(t) ? /* @__PURE__ */ l(Jd, {
+}, qd = ({ id: e, paint: t, unitsPerPixel: r, origin: n, imageSize: o }) => Zo(t) ? /* @__PURE__ */ l(Zd, {
   id: e,
   paint: t
-}) : Jr(t) ? /* @__PURE__ */ l(Zd, {
+}) : Jr(t) ? /* @__PURE__ */ l($d, {
   id: e,
   paint: t,
   unitsPerPixel: r,
   origin: n
-}) : /* @__PURE__ */ l($d, {
+}) : /* @__PURE__ */ l(_d, {
   id: e,
   paint: t,
   unitsPerPixel: r,
@@ -857,7 +857,7 @@ var Yd = 1 / 3, jd = {
 }), Ca = (e) => ({
   x: C(e.x),
   y: C(e.y)
-}), qd = (e) => {
+}), Jd = (e) => {
   const t = (e - 90) * Math.PI / 180, r = Math.cos(t) / 2, n = Math.sin(t) / 2;
   return {
     x1: 0.5 - r,
@@ -865,7 +865,7 @@ var Yd = 1 / 3, jd = {
     x2: 0.5 + r,
     y2: 0.5 + n
   };
-}, Jd = ({ id: e, paint: t }) => {
+}, Zd = ({ id: e, paint: t }) => {
   const r = t.stops.map((n, o) => /* @__PURE__ */ l("stop", {
     offset: n.offset,
     stopColor: n.color
@@ -877,10 +877,10 @@ var Yd = 1 / 3, jd = {
   }) : /* @__PURE__ */ l("linearGradient", {
     id: e,
     gradientUnits: "objectBoundingBox",
-    ...qd(t.angle ?? 180),
+    ...Jd(t.angle ?? 180),
     children: r
   });
-}, Zd = ({ id: e, paint: t, unitsPerPixel: r, origin: n }) => {
+}, $d = ({ id: e, paint: t, unitsPerPixel: r, origin: n }) => {
   const o = t.size ?? 8, a = o / 2;
   return /* @__PURE__ */ S("pattern", {
     id: e,
@@ -921,7 +921,7 @@ var Yd = 1 / 3, jd = {
       })
     ]
   });
-}, $d = ({ id: e, paint: t, unitsPerPixel: r, origin: n, imageSize: o }) => {
+}, _d = ({ id: e, paint: t, unitsPerPixel: r, origin: n, imageSize: o }) => {
   if ((t.fit ?? "tile") === "stretch") return /* @__PURE__ */ S("pattern", {
     id: e,
     patternUnits: "objectBoundingBox",
@@ -963,11 +963,11 @@ var Yd = 1 / 3, jd = {
   });
 }, La = (e) => {
   const [t, ...r] = e, n = t?.effects;
-  return r.every((o) => _d(o.effects, n)) ? {
+  return r.every((o) => ec(o.effects, n)) ? {
     scope: "column",
     style: n
   } : { scope: "bar" };
-}, _d = (e, t) => e === t || e !== void 0 && t !== void 0 && e.filter === t.filter && e.mixBlendMode === t.mixBlendMode, Ia = (e, t, r) => e === "x" ? {
+}, ec = (e, t) => e === t || e !== void 0 && t !== void 0 && e.filter === t.filter && e.mixBlendMode === t.mixBlendMode, Ia = (e, t, r) => e === "x" ? {
   ...t,
   x: r.x,
   width: r.width
@@ -991,18 +991,18 @@ var Yd = 1 / 3, jd = {
   const d = /* @__PURE__ */ new Map();
   for (const [c, { firstObservation: u, segments: h }] of i) d.set(c, {
     style: ir(r, u),
-    bounds: hl(h),
+    bounds: vl(h),
     segments: h
   });
   return d;
-}, ec = (e, t, r, n) => {
+}, tc = (e, t, r, n) => {
   const o = /* @__PURE__ */ new Map();
-  for (const [a, { style: i, bounds: s }] of Ta(e, t, r, oc, n)) o.set(a, {
+  for (const [a, { style: i, bounds: s }] of Ta(e, t, r, ac, n)) o.set(a, {
     style: i,
     bounds: s
   });
   return o;
-}, dn = ln(ec), Ba = (e, t, r, n) => {
+}, dn = ln(tc), Ba = (e, t, r, n) => {
   const o = Qo(t, n);
   if (!o) return null;
   const a = e.get(Yr(t, o)) ?? {
@@ -1033,7 +1033,7 @@ var Yd = 1 / 3, jd = {
     `${a}`
   ], f = `${K(r + i)}`, v = `${K(o - i)}`, m = `${K(n + s)}`, p = `${K(a - s)}`;
   return `M${f},${u}H${v}${d}${h},${m}V${p}${d}${v},${g}H${f}${d}${c},${p}V${m}${d}${f},${u}Z`;
-}, tc = ({ observation: e, mainAxis: t, styleReaders: r, column: n, bounds: o, panelRect: a, fill: i }) => {
+}, rc = ({ observation: e, mainAxis: t, styleReaders: r, column: n, bounds: o, panelRect: a, fill: i }) => {
   const s = Q(), d = Q(), c = Te(o, a), u = Te(n.bounds, a), { stroke: h, strokeWidth: g, cornerRadius: f, strokeAlpha: v } = n.style, m = tn({
     cornerRadius: f,
     mainAxis: t,
@@ -1074,7 +1074,7 @@ var Yd = 1 / 3, jd = {
       })
     ]
   });
-}, rc = ({ layer: e, sourceLayer: t, coordSystem: r, panelRect: n }) => {
+}, nc = ({ layer: e, sourceLayer: t, coordSystem: r, panelRect: n }) => {
   const o = G(t), a = dn(t, r.mainAxis, o, n), { paints: i, paintAt: s } = Lt(e, o), { fillFor: d, defs: c } = le({
     paints: i,
     origin: cn(t, r)
@@ -1087,7 +1087,7 @@ var Yd = 1 / 3, jd = {
     const m = u(f), p = {
       key: m,
       effects: q(X(o, f)),
-      node: /* @__PURE__ */ l(tc, {
+      node: /* @__PURE__ */ l(rc, {
         observation: f,
         mainAxis: r.mainAxis,
         styleReaders: o,
@@ -1099,15 +1099,15 @@ var Yd = 1 / 3, jd = {
     }, A = h.get(v.column);
     A === void 0 ? h.set(v.column, [p]) : A.push(p);
   }
-  return /* @__PURE__ */ S(T, { children: [c, [...h.values()].flatMap(nc)] });
+  return /* @__PURE__ */ S(T, { children: [c, [...h.values()].flatMap(oc)] });
 }, cn = (e, t) => {
   const r = B((n) => n.scales);
-  return b(() => Nl(e, t, r), [
+  return b(() => Hl(e, t, r), [
     e,
     t,
     r
   ]);
-}, nc = (e) => {
+}, oc = (e) => {
   const [t] = e, r = La(e);
   return t !== void 0 && r.scope === "column" ? [/* @__PURE__ */ l("g", {
     style: r.style,
@@ -1116,11 +1116,11 @@ var Yd = 1 / 3, jd = {
     style: o,
     children: a
   }, n));
-}, oc = (e, t) => t, ac = ({ layer: e, sourceLayer: t, coordSystem: r, panelRect: n, styleReaders: o, animateTransitions: a }) => {
-  const { mainAxis: i } = r, s = dn(t, i, o, n), d = ic(e.data);
+}, ac = (e, t) => t, ic = ({ layer: e, sourceLayer: t, coordSystem: r, panelRect: n, styleReaders: o, animateTransitions: a }) => {
+  const { mainAxis: i } = r, s = dn(t, i, o, n), d = sc(e.data);
   let c = "";
   for (let u = 0; u < e.data.size(); u++) {
-    const h = Fs(i, {
+    const h = Gs(i, {
       xMin: d.xMin[u] ?? null,
       xMax: d.xMax[u] ?? null,
       yMin: d.yMin[u] ?? null,
@@ -1135,7 +1135,7 @@ var Yd = 1 / 3, jd = {
       mainAxis: i,
       bounds: v
     });
-    c += sc(m, v) ? Le(v, p) : pd(v, p, i === "x" ? {
+    c += lc(m, v) ? Le(v, p) : md(v, p, i === "x" ? {
       axis: "y",
       from: m.y,
       to: m.y + m.height
@@ -1150,7 +1150,7 @@ var Yd = 1 / 3, jd = {
     pathData: c,
     animateTransitions: a
   }];
-}, ic = (e) => {
+}, sc = (e) => {
   const t = (r) => e.hasVariable(r) ? e.getValues(r, { type: "numeric" }) : null;
   return {
     xMin: e.getValues(vt.xMin, { type: "numeric" }),
@@ -1159,7 +1159,7 @@ var Yd = 1 / 3, jd = {
     yMax: t(vt.yMax),
     y: t(vt.y)
   };
-}, sc = (e, t) => Math.abs(e.x - t.x) < 0.5 && Math.abs(e.y - t.y) < 0.5 && Math.abs(e.width - t.width) < 0.5 && Math.abs(e.height - t.height) < 0.5, Mr = (e, t, r) => {
+}, lc = (e, t) => Math.abs(e.x - t.x) < 0.5 && Math.abs(e.y - t.y) < 0.5 && Math.abs(e.width - t.width) < 0.5 && Math.abs(e.height - t.height) < 0.5, Mr = (e, t, r) => {
   const n = r === void 0 ? e.activeIntro : r, o = F(n ? an(n, t) : null), a = F(e.animateTransitions);
   return a.current = e.animateTransitions, ie(() => {
     const i = o.current;
@@ -1191,7 +1191,7 @@ var Yd = 1 / 3, jd = {
   y: t.baseline,
   width: e.width,
   height: 0
-}, lc = ge(function({ layer: t, coordSystem: r, animateTransitions: n, intro: o, panelRect: a }) {
+}, dc = ge(function({ layer: t, coordSystem: r, animateTransitions: n, intro: o, panelRect: a }) {
   const i = Q(), s = G(t), d = sr(o?.type === "grow" && (o.growAxis === "x" || o.growAxis === "y") ? o : null, n), { paints: c, paintAt: u } = Lt(t, s), { fillFor: h, defs: g } = le({
     paints: c,
     origin: cn(t, r)
@@ -1212,7 +1212,7 @@ var Yd = 1 / 3, jd = {
         bars: v,
         effects: La(v),
         ...p,
-        radii: hc({
+        radii: vc({
           cornerRadius: m.cornerRadius,
           mainAxis: r.mainAxis,
           bounds: p
@@ -1249,16 +1249,16 @@ var Yd = 1 / 3, jd = {
     }
     return /* @__PURE__ */ l("g", {
       style: v,
-      children: d.animated ? /* @__PURE__ */ l(cc, {
+      children: d.animated ? /* @__PURE__ */ l(uc, {
         column: f,
         animation: d
-      }) : /* @__PURE__ */ l(dc, {
+      }) : /* @__PURE__ */ l(cc, {
         column: f,
         animation: d
       })
     }, f.key);
   })] });
-}), dc = ({ column: e, animation: t }) => {
+}), cc = ({ column: e, animation: t }) => {
   const { id: r, bars: n, radii: o, stroke: a, outlineOpacity: i, clippedStrokeWidth: s } = e, d = a !== void 0, c = /* @__PURE__ */ l("clipPath", {
     id: r,
     children: /* @__PURE__ */ l(oo, {
@@ -1289,8 +1289,8 @@ var Yd = 1 / 3, jd = {
     strokeWidth: s,
     opacity: i
   }))] });
-}, cc = ({ column: e, animation: t }) => {
-  const { id: r, bars: n, radii: o, stroke: a, outlineOpacity: i, clippedStrokeWidth: s } = e, d = a !== void 0, c = uc(e, t, n[0]?.key), u = {
+}, uc = ({ column: e, animation: t }) => {
+  const { id: r, bars: n, radii: o, stroke: a, outlineOpacity: i, clippedStrokeWidth: s } = e, d = a !== void 0, c = hc(e, t, n[0]?.key), u = {
     x: c.x,
     y: c.y,
     width: c.width,
@@ -1390,7 +1390,7 @@ var Yd = 1 / 3, jd = {
   stroke: n,
   strokeWidth: o,
   opacity: a
-}), uc = (e, t, r) => {
+}), hc = (e, t, r) => {
   const n = t.activeIntro ? Ma(e, t.activeIntro) : e, o = ye(n.x), a = ye(n.y), i = ye(n.width), s = ye(n.height), d = Mr(t, r);
   return W(() => {
     const c = d(), u = [
@@ -1419,13 +1419,13 @@ var Yd = 1 / 3, jd = {
     height: Dt(s, C)
   };
 };
-function hc(e) {
-  const t = Ol(e);
+function vc(e) {
+  const t = Nl(e);
   if (e.cornerRadius !== "full") return t;
   const r = {};
   return t.rx !== void 0 && (r.rx = C(t.rx)), t.ry !== void 0 && (r.ry = C(t.ry)), r;
 }
-var Ar = 3, vc = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
+var Ar = 3, gc = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
   const o = G(e), a = Q(), i = Q(), s = Q(), d = dn(e, t.mainAxis, o, n), c = o.get("fill", r.observation, "hovered"), { fillFor: u, defs: h } = le({
     paints: [c],
     origin: cn(e, t)
@@ -1488,34 +1488,34 @@ var Ar = 3, vc = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
       })
     ]
   });
-}, gc = ln(Ko), fc = {
+}, fc = ln(Ko), pc = {
   geom: "bar",
   coord: "cartesian",
   swatchShape: "square",
   guideMode: "band",
-  render: ({ layer: e, coordSystem: t, animateTransitions: r, intro: n, panelRect: o }) => /* @__PURE__ */ l(lc, {
+  render: ({ layer: e, coordSystem: t, animateTransitions: r, intro: n, panelRect: o }) => /* @__PURE__ */ l(dc, {
     layer: e,
     coordSystem: t,
     animateTransitions: r,
     intro: n,
     panelRect: o
   }),
-  renderHighlight: ({ layer: e, sourceLayer: t, coordSystem: r, panelRect: n }) => /* @__PURE__ */ l(rc, {
+  renderHighlight: ({ layer: e, sourceLayer: t, coordSystem: r, panelRect: n }) => /* @__PURE__ */ l(nc, {
     layer: e,
     sourceLayer: t,
     coordSystem: r,
     panelRect: n
   }),
-  renderHover: ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => /* @__PURE__ */ l(vc, {
+  renderHover: ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => /* @__PURE__ */ l(gc, {
     layer: e,
     coordSystem: t,
     primary: r,
     panelRect: n
   }),
   renderHoverCompanions: () => null,
-  getEditOutlineShapes: ac,
-  getObservationRect: ({ layer: e, coordSystem: t, observation: r, panelRect: n, styleReaders: o }) => gc(e, t.mainAxis, o, n)(r)
-}, pc = ({ layer: e, panelRect: t, styleReaders: r, animateTransitions: n }) => {
+  getEditOutlineShapes: ic,
+  getObservationRect: ({ layer: e, coordSystem: t, observation: r, panelRect: n, styleReaders: o }) => fc(e, t.mainAxis, o, n)(r)
+}, mc = ({ layer: e, panelRect: t, styleReaders: r, animateTransitions: n }) => {
   const o = Ur(e.params), a = {
     origin: {
       x: 0,
@@ -1528,7 +1528,7 @@ var Ar = 3, vc = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
     const c = _r([...d], e.params.missingValues), [u] = c;
     if (u === void 0) return;
     if (c.length === 1) {
-      const g = mc(u, t);
+      const g = yc(u, t);
       g !== null && s.push(g);
       return;
     }
@@ -1545,11 +1545,11 @@ var Ar = 3, vc = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
     centers: s,
     size: tt
   }), i;
-}, mc = (e, t) => {
+}, yc = (e, t) => {
   const r = $(e), n = _(e);
   return r === null || n === null ? null : Kt(ze(r, n), t);
-}, yc = ge(function({ layer: t, animateTransitions: r, intro: n }) {
-  const o = n?.type === "wipe" ? n : null, a = b(() => Ur(t.params), [t.params]), i = b(() => rl(t.params), [t.params]), s = G(t), d = b(() => {
+}, xc = ge(function({ layer: t, animateTransitions: r, intro: n }) {
+  const o = n?.type === "wipe" ? n : null, a = b(() => Ur(t.params), [t.params]), i = b(() => nl(t.params), [t.params]), s = G(t), d = b(() => {
     const c = Se(t.data, t.mapping, t.id), u = [];
     return t.data.groupBy(ne.group).forEach((h) => {
       const g = _r([...h], t.params.missingValues), f = a(g);
@@ -1580,7 +1580,7 @@ var Ar = 3, vc = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
     t.mapping,
     t.params,
     s
-  ]).map((c) => /* @__PURE__ */ l(xc, {
+  ]).map((c) => /* @__PURE__ */ l(Ac, {
     pathData: c.pathData,
     fillPath: c.fillPath,
     fillAlpha: c.fillAlpha,
@@ -1607,7 +1607,7 @@ var Ar = 3, vc = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
       children: d
     }) : d
   });
-}), xc = ({ pathData: e, fillPath: t, fillAlpha: r, stroke: n, fill: o, strokeWidth: a, opacity: i, strokeAlpha: s, strokeDasharray: d, lineCap: c, lineJoin: u, animateTransitions: h }) => t !== void 0 && r !== void 0 ? /* @__PURE__ */ l(Ac, {
+}), Ac = ({ pathData: e, fillPath: t, fillAlpha: r, stroke: n, fill: o, strokeWidth: a, opacity: i, strokeAlpha: s, strokeDasharray: d, lineCap: c, lineJoin: u, animateTransitions: h }) => t !== void 0 && r !== void 0 ? /* @__PURE__ */ l(bc, {
   fillPath: t,
   fillAlpha: r,
   fill: o,
@@ -1620,7 +1620,7 @@ var Ar = 3, vc = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
   lineCap: c,
   lineJoin: u,
   animateTransitions: h
-}) : h ? /* @__PURE__ */ l(bc, {
+}) : h ? /* @__PURE__ */ l(Sc, {
   pathData: e,
   stroke: n,
   strokeWidth: a,
@@ -1640,7 +1640,7 @@ var Ar = 3, vc = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
   strokeLinecap: c,
   strokeLinejoin: u,
   vectorEffect: "non-scaling-stroke"
-}), Ac = ({ fillPath: e, fillAlpha: t, linePath: r, stroke: n, fill: o, strokeWidth: a, opacity: i, strokeAlpha: s, strokeDasharray: d, lineCap: c, lineJoin: u, animateTransitions: h }) => {
+}), bc = ({ fillPath: e, fillAlpha: t, linePath: r, stroke: n, fill: o, strokeWidth: a, opacity: i, strokeAlpha: s, strokeDasharray: d, lineCap: c, lineJoin: u, animateTransitions: h }) => {
   const g = `line_fill_gradient_${Q()}`;
   return /* @__PURE__ */ S(T, { children: [/* @__PURE__ */ l("defs", { children: /* @__PURE__ */ S("linearGradient", {
     id: g,
@@ -1675,7 +1675,7 @@ var Ar = 3, vc = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
     lineJoin: u,
     animateTransitions: h
   })] });
-}, bc = ({ pathData: e, stroke: t, strokeWidth: r, opacity: n, strokeAlpha: o, strokeDasharray: a, lineCap: i, lineJoin: s }) => {
+}, Sc = ({ pathData: e, stroke: t, strokeWidth: r, opacity: n, strokeAlpha: o, strokeDasharray: a, lineCap: i, lineJoin: s }) => {
   const d = Br(e, be);
   return /* @__PURE__ */ l(V.path, {
     d,
@@ -1689,7 +1689,7 @@ var Ar = 3, vc = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
     strokeLinejoin: s,
     vectorEffect: "non-scaling-stroke"
   });
-}, Sc = ({ layer: e, primary: t, companions: r }) => {
+}, wc = ({ layer: e, primary: t, companions: r }) => {
   const n = G(e), o = Ve(t.observation), a = b(() => _r([...e.data.filter(ne.group, "eq", o)], e.params.missingValues), [
     e.data,
     e.params.missingValues,
@@ -1729,23 +1729,23 @@ var Ar = 3, vc = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
       })
     ]
   });
-}, wc = {
+}, kc = {
   geom: "line",
   coord: "cartesian",
   swatchShape: "line",
   guideMode: "crosshair",
-  render: ({ layer: e, animateTransitions: t, intro: r }) => /* @__PURE__ */ l(yc, {
+  render: ({ layer: e, animateTransitions: t, intro: r }) => /* @__PURE__ */ l(xc, {
     layer: e,
     animateTransitions: t,
     intro: r
   }),
-  renderHover: ({ layer: e, primary: t, group: r, related: n }) => /* @__PURE__ */ l(Sc, {
+  renderHover: ({ layer: e, primary: t, group: r, related: n }) => /* @__PURE__ */ l(wc, {
     layer: e,
     primary: t,
     companions: [...r, ...n]
   }),
   renderHoverCompanions: ({ related: e }) => /* @__PURE__ */ l(T, { children: e.map((t) => /* @__PURE__ */ l(Be, { hit: t }, `companion-${t.layerId}-${t.pointIndex}`)) }),
-  getEditOutlineShapes: pc,
+  getEditOutlineShapes: mc,
   getOverlayAnchor: ({ observation: e }) => {
     const t = $(e), r = _(e);
     return t === null || r === null ? null : {
@@ -1787,8 +1787,8 @@ var Ar = 3, vc = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
       size: r.get("size", a) + r.get("strokeWidth", a)
     });
   }
-  return md(o);
-}, kc = ge(function({ layer: t, animateTransitions: r, intro: n }) {
+  return yd(o);
+}, Ec = ge(function({ layer: t, animateTransitions: r, intro: n }) {
   const o = G(t), a = sr(n?.type === "grow" && n.growAxis === "size" ? n : null, r);
   return b(() => {
     const i = a.activeIntro ? Se(t.data, t.mapping, t.id) : null, s = [];
@@ -1814,11 +1814,11 @@ var Ar = 3, vc = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
     "data-testid": "hovered-point",
     children: r
   }) : r;
-}, Ec = {
+}, Pc = {
   geom: "point",
   coord: "cartesian",
   swatchShape: "circle",
-  render: ({ layer: e, animateTransitions: t, intro: r }) => /* @__PURE__ */ l(kc, {
+  render: ({ layer: e, animateTransitions: t, intro: r }) => /* @__PURE__ */ l(Ec, {
     layer: e,
     animateTransitions: t,
     intro: r
@@ -1995,7 +1995,7 @@ var Ar = 3, vc = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
   fontEditorSectionTitle: "var(--graphy-font-editor-section-title)",
   fontEditorCaption: "var(--graphy-font-editor-caption)"
 }, lr = `"Stack Sans Text", 'Inter', -apple-system, BlinkMacSystemFont, 'Open Sans', 'Segoe UI', 'Roboto', 'Oxygen-Sans', 'Ubuntu',
-'Cantarell', 'Helvetica Neue', 'NotoSansArabic', 'NotoSansJP', 'NotoSansSC', 'NotoSansKR', 'NotoSerifKR', sans-serif, 'Apple Color Emoji', 'NotoColorEmoji'`, Pc = lr, ft = {
+'Cantarell', 'Helvetica Neue', 'NotoSansArabic', 'NotoSansJP', 'NotoSansSC', 'NotoSansKR', 'NotoSerifKR', sans-serif, 'Apple Color Emoji', 'NotoColorEmoji'`, Rc = lr, ft = {
   regular: ht.regular,
   medium: ht.medium,
   semibold: ht.semiBold,
@@ -2026,7 +2026,7 @@ var Ar = 3, vc = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
 }, me = (e) => `${e}em`, Fa = {
   textScale: "1",
   fontFamily: lr,
-  fontFamilyHeading: Pc,
+  fontFamilyHeading: Rc,
   fontWeightRegular: ft.regular.toString(),
   fontWeightMedium: ft.medium.toString(),
   fontWeightSemibold: ft.semibold.toString(),
@@ -2084,7 +2084,7 @@ var Ar = 3, vc = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
   fontEditorControlValue: D(y.fontWeightMedium, y.fontSizeSm, y.fontLineHeightSm, gt),
   fontEditorSectionTitle: D(y.fontWeightSemibold, y.fontSizeSm, y.fontLineHeightSm, gt),
   fontEditorCaption: D(y.fontWeightMedium, y.fontSizeXxs, y.fontLineHeightXxs, gt)
-}, Rc = (e, t) => ({ familyDefault: br(t) ?? br(e.fontFamily) ?? br(lr) ?? "" }), br = (e) => e === void 0 || e.includes("var(") ? null : e.replace(/\s+/g, " ").trim(), re = (e, t) => `color-mix(in srgb, transparent, ${e} ${t * 100}%)`, Cc = (e, t) => `hsl(from ${e} h s calc(l * ${1 - t}))`, gy = (e, t) => `hsl(from ${e} h s calc(l * ${1 + t}))`, fy = (e) => /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(e), py = (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), Lc = (e) => `${e}px`, za = { editorControlHeight: Lc(32) }, Ft = {
+}, Cc = (e, t) => ({ familyDefault: br(t) ?? br(e.fontFamily) ?? br(lr) ?? "" }), br = (e) => e === void 0 || e.includes("var(") ? null : e.replace(/\s+/g, " ").trim(), re = (e, t) => `color-mix(in srgb, transparent, ${e} ${t * 100}%)`, Lc = (e, t) => `hsl(from ${e} h s calc(l * ${1 - t}))`, gy = (e, t) => `hsl(from ${e} h s calc(l * ${1 + t}))`, fy = (e) => /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(e), py = (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), Ic = (e) => `${e}px`, za = { editorControlHeight: Ic(32) }, Ft = {
   editOutline: 1,
   textToolbar: 10,
   textToolbarTooltip: 20,
@@ -2108,14 +2108,14 @@ var Ar = 3, vc = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
   zIndexToolbarTooltip: `${Ft.textToolbarTooltip}`,
   zIndexToolbarPopover: `${Ft.textToolbarPopover}`,
   zIndexEditorPopover: `${Ft.editorOverlayPopover}`
-}, Ic = 8, Je = (e) => `${Ic * e}px`, Ka = {
+}, Tc = 8, Je = (e) => `${Tc * e}px`, Ka = {
   spaceXxs: Je(0.25),
   spaceXs: Je(0.5),
   spaceSm: Je(0.75),
   spaceMd: Je(1),
   spaceLg: Je(1.5),
   spaceXl: Je(2)
-}, Tc = {
+}, Bc = {
   transparent: "transparent",
   white: "#FFFFFF",
   black: "#000000",
@@ -2142,7 +2142,7 @@ var Ar = 3, vc = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
   purple50: "#7B56EA",
   purple30: "#E093FE",
   grayGradient80: "linear-gradient(to top, #222429, #31353f)"
-}, Bc = {
+}, Mc = {
   textPrimary: y.gray0,
   textSecondary: re(y.textPrimary, 0.8),
   textDisabled: re(y.textPrimary, 0.5),
@@ -2161,7 +2161,7 @@ var Ar = 3, vc = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
   raisedBackground: y.gray80,
   overlayBackground: y.gray90,
   overlayBorderGradient: y.grayGradient80
-}, Mc = {
+}, Oc = {
   graphBackground: y.gray90,
   toolbarBackgroundColor: y.overlayBackground,
   toolbarButtonBackgroundColor: "transparent",
@@ -2172,7 +2172,7 @@ var Ar = 3, vc = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
   editorDefaultSurface: "#26241F",
   editorDefaultText: "#ECE7DF",
   editorDefaultShadow: `${y.elevationMd}, 0 16px 40px rgba(0, 0, 0, 0.45)`
-}, Oc = {
+}, Nc = {
   canvasDefault: "#FFFFFF",
   canvasBlue: "#60a5fa",
   canvasCyan: "#22d3ee",
@@ -2184,20 +2184,20 @@ var Ar = 3, vc = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
   canvasPurple: "#a78bfa",
   canvasGray: "#a8a29e",
   canvasInverse: "#000000"
-}, Nc = {
-  ...Tc,
+}, Hc = {
   ...Bc,
+  ...Mc,
   ...Va,
   ...Ya,
   ...Ka,
   ...ja,
-  ...Mc,
   ...Oc,
+  ...Nc,
   ...za,
   ...Fa,
   ...Ga,
   ...Wa
-}, Hc = {
+}, Dc = {
   transparent: "transparent",
   white: "#FFFFFF",
   black: "#000000",
@@ -2224,7 +2224,7 @@ var Ar = 3, vc = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
   purple50: "#7B56EA",
   purple30: "#E093FE",
   grayGradient80: "linear-gradient(to top, #F0F0F1, #F9F9FF)"
-}, Dc = {
+}, Fc = {
   textPrimary: y.black,
   textSecondary: re(y.textPrimary, 0.6),
   textDisabled: re(y.textPrimary, 0.5),
@@ -2243,7 +2243,7 @@ var Ar = 3, vc = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
   raisedBackground: y.gray85,
   overlayBackground: y.gray100,
   overlayBorderGradient: y.border10
-}, Fc = {
+}, Gc = {
   graphBackground: y.gray100,
   toolbarBackgroundColor: y.overlayBackground,
   toolbarButtonBackgroundColor: "transparent",
@@ -2254,7 +2254,7 @@ var Ar = 3, vc = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
   editorDefaultSurface: "#FFFFFF",
   editorDefaultText: "#3B372F",
   editorDefaultShadow: `${y.elevationMd}, 0 16px 40px rgba(20, 18, 15, 0.14)`
-}, Gc = {
+}, Wc = {
   canvasDefault: "#000000",
   canvasBlue: "#3b82f6",
   canvasCyan: "#06b6d4",
@@ -2266,15 +2266,15 @@ var Ar = 3, vc = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
   canvasPurple: "#8b5cf6",
   canvasGray: "#78716c",
   canvasInverse: "#ffffff"
-}, Wc = {
-  ...Hc,
+}, zc = {
   ...Dc,
+  ...Fc,
   ...Va,
   ...Ya,
   ...Ka,
   ...ja,
-  ...Fc,
   ...Gc,
+  ...Wc,
   ...za,
   ...Fa,
   ...Ga,
@@ -2284,10 +2284,10 @@ var Ar = 3, vc = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
   for (const [n, o] of Object.entries(t))
     o != null && (r[n] = o);
   return {
-    ...e === "dark" ? Nc : Wc,
+    ...e === "dark" ? Hc : zc,
     ...r
   };
-}, Ua = (e, t = {}, r) => ({ fonts: Rc(hn(e, t), r) }), zc = Object.freeze(Ua("light")), Qa = Y(zc), Vc = ({ metrics: e, children: t }) => /* @__PURE__ */ l(Qa.Provider, {
+}, Ua = (e, t = {}, r) => ({ fonts: Cc(hn(e, t), r) }), Vc = Object.freeze(Ua("light")), Qa = Y(Vc), Yc = ({ metrics: e, children: t }) => /* @__PURE__ */ l(Qa.Provider, {
   value: e,
   children: t
 }), Ke = () => N(Qa), dr = (e, t, r) => {
@@ -2302,7 +2302,7 @@ var Ar = 3, vc = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
   const n = je(), o = B((a) => e === void 0 ? void 0 : er(a.layers, e));
   return b(() => {
     if (o === void 0) return {};
-    const a = Il(o, t), i = aa(n, o, a, {
+    const a = Tl(o, t), i = aa(n, o, a, {
       width: r,
       height: r
     });
@@ -2318,7 +2318,7 @@ var Ar = 3, vc = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
     t,
     r
   ]);
-}, Yc = /\p{Emoji_Presentation}|\p{Emoji}\uFE0F/gu, Xa = "😀", jc = class qa {
+}, jc = /\p{Emoji_Presentation}|\p{Emoji}\uFE0F/gu, Xa = "😀", Kc = class qa {
   constructor() {
     this.emojiCorrections = /* @__PURE__ */ new Map(), this.currentFont = "";
     const t = new OffscreenCanvas(1, 1).getContext("2d");
@@ -2329,11 +2329,11 @@ var Ar = 3, vc = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
     return typeof document < "u" && "fonts" in document && await document.fonts.ready, new qa();
   }
   measureText(t, r) {
-    const n = St(t, r.textTransform), o = zs(r);
+    const n = St(t, r.textTransform), o = Vs(r);
     this.setFont(o);
     const { width: a, fontBoundingBoxAscent: i, fontBoundingBoxDescent: s } = this.ctx.measureText(n);
-    let d = a + Js(n, r.letterSpacing);
-    const c = Kc(n);
+    let d = a + Zs(n, r.letterSpacing);
+    const c = Uc(n);
     if (c > 0) {
       const u = this.getEmojiCorrection(o);
       d -= u * c;
@@ -2352,7 +2352,7 @@ var Ar = 3, vc = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
     const r = this.emojiCorrections.get(t);
     if (r !== void 0) return r;
     this.setFont(t);
-    const n = this.ctx.measureText(Xa).width, o = Uc(t);
+    const n = this.ctx.measureText(Xa).width, o = Qc(t);
     let a = 0;
     if (o !== null) {
       const i = n - o;
@@ -2360,19 +2360,19 @@ var Ar = 3, vc = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
     }
     return this.emojiCorrections.set(t, a), a;
   }
-}, Ee = null, Kc = (e) => {
-  const t = e.match(Yc);
+}, Ee = null, Uc = (e) => {
+  const t = e.match(jc);
   return t ? t.length : 0;
-}, Uc = (e) => {
-  const t = Qc();
+}, Qc = (e) => {
+  const t = Xc();
   return t ? (t.style.font = e, t.getBoundingClientRect().width) : null;
-}, Qc = () => typeof document > "u" ? null : (Ee || (Ee = document.createElement("span"), Ee.style.position = "absolute", Ee.style.visibility = "hidden", Ee.style.whiteSpace = "nowrap", Ee.style.left = "-9999px", Ee.textContent = Xa, document.body.appendChild(Ee)), Ee), Ja = Y(null), io = 3e3, Xc = ({ children: e, measurer: t }) => {
+}, Xc = () => typeof document > "u" ? null : (Ee || (Ee = document.createElement("span"), Ee.style.position = "absolute", Ee.style.visibility = "hidden", Ee.style.whiteSpace = "nowrap", Ee.style.left = "-9999px", Ee.textContent = Xa, document.body.appendChild(Ee)), Ee), Ja = Y(null), io = 3e3, qc = ({ children: e, measurer: t }) => {
   const [r, n] = U(null);
   W(() => {
     if (t !== void 0) return;
     let a = !1;
     const i = () => {
-      a || n(qc());
+      a || n(Jc());
     };
     if (!(typeof document < "u" && "fonts" in document)) {
       i();
@@ -2396,13 +2396,13 @@ var Ar = 3, vc = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
   const e = N(Ja);
   if (e === null) throw new Error("useTextMeasurer must be used inside a <TextMeasurerProvider>.");
   return e;
-}, qc = () => {
+}, Jc = () => {
   try {
-    return new Kn(new jc());
+    return new Kn(new Kc());
   } catch {
-    return new Kn(new Cs());
+    return new Kn(new Ls());
   }
-}, Za = Y(null), my = Za.Provider, Jc = null, de = () => N(Za) ?? (Jc ??= dh()), Zc = 11.7, $c = 0.75, so = 21.6, _c = "0 0 10 18", eu = "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", tu = "_16vokpr0", ru = (e, t) => e.mapping.y !== void 0 != (t.mainAxis === "y"), nu = (e, t) => {
+}, Za = Y(null), my = Za.Provider, Zc = null, de = () => N(Za) ?? (Zc ??= hi()), $c = 11.7, _c = 0.75, so = 21.6, eu = "0 0 10 18", tu = "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", ru = "_16vokpr0", nu = (e, t) => e.mapping.y !== void 0 != (t.mainAxis === "y"), ou = (e, t) => {
   const r = C(e ? 1 - t : t);
   return e ? {
     x1: "0%",
@@ -2415,7 +2415,7 @@ var Ar = 3, vc = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
     x2: r,
     y2: "100%"
   };
-}, ou = (e, t, r, n) => {
+}, au = (e, t, r, n) => {
   const o = rt(e, t), a = {
     ...r === void 0 ? {} : { strokeLinecap: r },
     ...n === void 0 ? {} : { strokeLinejoin: n }
@@ -2426,18 +2426,18 @@ var Ar = 3, vc = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
     ...a,
     ...(e[0] ?? 0) > 1 ? { strokeMiterlimit: 16 } : {}
   };
-}, au = (e, t) => Gt(e) && Gt(t) ? `${e}: ${t}` : Gt(e) ? e : Gt(t) ? t : null, iu = (e) => e ? 14 : 0, su = (e, t) => e * $c - iu(t) - 10, lu = (e, t, r) => {
+}, iu = (e, t) => Gt(e) && Gt(t) ? `${e}: ${t}` : Gt(e) ? e : Gt(t) ? t : null, su = (e) => e ? 14 : 0, lu = (e, t) => e * _c - su(t) - 10, du = (e, t, r) => {
   const n = e * r, o = -13 - n, a = r + 13 - n - t;
   return a < o ? o : Math.min(Math.max(-t / 2, o), a);
-}, Gt = (e) => e != null && e.trim() !== "", $a = Object.freeze({}), vn = Y($a), du = ({ slots: e, children: t }) => /* @__PURE__ */ l(vn.Provider, {
+}, Gt = (e) => e != null && e.trim() !== "", $a = Object.freeze({}), vn = Y($a), cu = ({ slots: e, children: t }) => /* @__PURE__ */ l(vn.Provider, {
   value: e ?? $a,
   children: t
 });
 function xe(e, t) {
   const r = N(vn)[e];
-  return r === void 0 ? t : typeof r == "object" && uu(r) ? r.render : r;
+  return r === void 0 ? t : typeof r == "object" && hu(r) ? r.render : r;
 }
-function cu() {
+function uu() {
   const e = N(vn);
   return {
     measureAxis: e.AxisTicks?.measure,
@@ -2447,20 +2447,20 @@ function cu() {
     measureHeadlineItemWidths: e.Headline?.measure.measureHeadlineItemWidths
   };
 }
-function uu(e) {
+function hu(e) {
   return "render" in e && "measure" in e;
 }
-var hu = "_2qyyu60", vu = 2, gu = 12, fu = 12, lo = 1, co = 2, pu = 4, mu = 3, yu = 2, xu = /* @__PURE__ */ new Set(["square", "slice"]), uo = 0.375, _a = 1, It = (e) => /* @__PURE__ */ l(xe("Swatch", Au), { ...e }), Au = ({ shape: e, color: t, paint: r, lineType: n = "solid", width: o = gu, height: a = fu, strokeWidth: i = vu, alpha: s, cornerRadius: d, symbol: c, mainAxis: u = "x" }) => {
-  const h = wu(e, t, r, Math.min(o, a)), g = le({ paints: [h] }), f = g.fillFor(h);
+var vu = "_2qyyu60", gu = 2, fu = 12, pu = 12, lo = 1, co = 2, mu = 4, yu = 3, xu = 2, Au = /* @__PURE__ */ new Set(["square", "slice"]), uo = 0.375, _a = 1, It = (e) => /* @__PURE__ */ l(xe("Swatch", bu), { ...e }), bu = ({ shape: e, color: t, paint: r, lineType: n = "solid", width: o = fu, height: a = pu, strokeWidth: i = gu, alpha: s, cornerRadius: d, symbol: c, mainAxis: u = "x" }) => {
+  const h = ku(e, t, r, Math.min(o, a)), g = le({ paints: [h] }), f = g.fillFor(h);
   return /* @__PURE__ */ S("svg", {
-    className: hu,
+    className: vu,
     width: o,
     height: a,
     viewBox: `0 0 ${o} ${a}`,
     "aria-hidden": !0,
     "data-testid": "chart-swatch",
     "data-shape": e,
-    children: [g.defs, bu({
+    children: [g.defs, Su({
       shape: e,
       color: t,
       fill: f,
@@ -2474,8 +2474,8 @@ var hu = "_2qyyu60", vu = 2, gu = 12, fu = 12, lo = 1, co = 2, pu = 4, mu = 3, y
       mainAxis: u
     })]
   });
-}, bu = ({ shape: e, color: t, fill: r, lineType: n, width: o, height: a, strokeWidth: i, alpha: s, cornerRadius: d, symbol: c, mainAxis: u }) => {
-  const h = Eu(n, o);
+}, Su = ({ shape: e, color: t, fill: r, lineType: n, width: o, height: a, strokeWidth: i, alpha: s, cornerRadius: d, symbol: c, mainAxis: u }) => {
+  const h = Pu(n, o);
   switch (e) {
     case "square":
       return /* @__PURE__ */ l("rect", {
@@ -2502,7 +2502,7 @@ var hu = "_2qyyu60", vu = 2, gu = 12, fu = 12, lo = 1, co = 2, pu = 4, mu = 3, y
     case "circle": {
       const g = Math.max(0, (Math.min(o, a) - 2) / 2);
       if (c !== void 0 && c !== "circle") {
-        const f = js(c, o - 2, a - 2);
+        const f = Ks(c, o - 2, a - 2);
         return /* @__PURE__ */ l("path", {
           transform: `translate(${o / 2 + f.offsetX} ${a / 2 + f.offsetY})`,
           d: f.path,
@@ -2546,7 +2546,7 @@ var hu = "_2qyyu60", vu = 2, gu = 12, fu = 12, lo = 1, co = 2, pu = 4, mu = 3, y
       });
     case "interval":
       return /* @__PURE__ */ l("path", {
-        d: Su(o, a, u),
+        d: wu(o, a, u),
         fill: "none",
         stroke: t,
         strokeWidth: _a,
@@ -2555,7 +2555,7 @@ var hu = "_2qyyu60", vu = 2, gu = 12, fu = 12, lo = 1, co = 2, pu = 4, mu = 3, y
     default:
       return e;
   }
-}, Su = (e, t, r) => {
+}, wu = (e, t, r) => {
   const n = _a / 2;
   if (r === "x") {
     const s = e / 2, d = e * uo, c = (u) => `M ${s - d} ${u} H ${s + d}`;
@@ -2563,14 +2563,14 @@ var hu = "_2qyyu60", vu = 2, gu = 12, fu = 12, lo = 1, co = 2, pu = 4, mu = 3, y
   }
   const o = t / 2, a = t * uo, i = (s) => `M ${s} ${o - a} V ${o + a}`;
   return `${i(n)} M ${n} ${o} H ${e - n} ${i(e - n)}`;
-}, wu = (e, t, r, n) => r === void 0 ? t : xu.has(e) ? ku(r, n) : z(r), ku = (e, t) => {
+}, ku = (e, t, r, n) => r === void 0 ? t : Au.has(e) ? Eu(r, n) : z(r), Eu = (e, t) => {
   if (typeof e == "string" || !Jr(e)) return e;
-  const r = Math.max(yu, Math.floor(t / mu));
+  const r = Math.max(xu, Math.floor(t / yu));
   return {
     ...e,
     size: Math.min(e.size ?? 8, r)
   };
-}, Eu = (e, t) => e === "solid" ? {
+}, Pu = (e, t) => e === "solid" ? {
   x1: 0,
   x2: t,
   dashArray: void 0,
@@ -2583,7 +2583,7 @@ var hu = "_2qyyu60", vu = 2, gu = 12, fu = 12, lo = 1, co = 2, pu = 4, mu = 3, y
 } : {
   x1: 0,
   x2: t,
-  dashArray: `1 ${t / (pu - 1)}`,
+  dashArray: `1 ${t / (mu - 1)}`,
   linecap: "round"
 }, lt = (e, t = y.fontFamily) => ({
   fontFamily: e.fontFamily ?? t,
@@ -2597,7 +2597,7 @@ var hu = "_2qyyu60", vu = 2, gu = 12, fu = 12, lo = 1, co = 2, pu = 4, mu = 3, y
   strokeWidth: e.textOutlineWidth * 2,
   strokeLinejoin: "round",
   paintOrder: "stroke"
-} : {}, gn = (e) => e.textShadow === void 0 ? {} : { textShadow: ad(e.textShadow) }, hr = (e) => {
+} : {}, gn = (e) => e.textShadow === void 0 ? {} : { textShadow: id(e.textShadow) }, hr = (e) => {
   const t = e.textShadow === void 0 ? void 0 : Ye(e.textShadow);
   return t === void 0 ? {} : { filter: t };
 }, fn = (e) => ei(e) ? {
@@ -2629,7 +2629,7 @@ var hu = "_2qyyu60", vu = 2, gu = 12, fu = 12, lo = 1, co = 2, pu = 4, mu = 3, y
   [e.letterSpacing]: t.letterSpacing === void 0 ? "normal" : `${t.letterSpacing}px`,
   [e.lineHeight]: String(t.lineHeight),
   [e.textColor]: t.textColor
-}), ei = (e) => e.textOutlineColor !== void 0 && e.textOutlineWidth !== void 0 && e.textOutlineWidth > 0, Pu = ({ labelPosition: e, linePosition: t, color: r, pillWidth: n, pillHeight: o, text: a, animateTransitions: i }) => {
+}), ei = (e) => e.textOutlineColor !== void 0 && e.textOutlineWidth !== void 0 && e.textOutlineWidth > 0, Ru = ({ labelPosition: e, linePosition: t, color: r, pillWidth: n, pillHeight: o, text: a, animateTransitions: i }) => {
   const s = e === "start", d = s ? -13 : -(n - 13), c = s ? d + n - 5 : d + 5 - 12, u = s ? void 0 : `rotate(180 ${c + 12 / 2} ${o / 2})`, h = s ? "0%" : "100%", g = C(1 - t), f = /* @__PURE__ */ S("g", {
     transform: `translate(0, ${-o / 2})`,
     pointerEvents: "none",
@@ -2649,10 +2649,10 @@ var hu = "_2qyyu60", vu = 2, gu = 12, fu = 12, lo = 1, co = 2, pu = 4, mu = 3, y
           y: (o - so) / 2,
           width: 12,
           height: so,
-          viewBox: _c,
+          viewBox: eu,
           overflow: "visible",
           children: /* @__PURE__ */ l("path", {
-            d: eu,
+            d: tu,
             fill: r
           })
         })
@@ -2676,9 +2676,9 @@ var hu = "_2qyyu60", vu = 2, gu = 12, fu = 12, lo = 1, co = 2, pu = 4, mu = 3, y
     overflow: "visible",
     children: f
   });
-}, Ru = ({ labelPosition: e, linePosition: t, color: r, pillWidth: n, pillHeight: o, panelWidth: a, text: i, animateTransitions: s }) => {
+}, Cu = ({ labelPosition: e, linePosition: t, color: r, pillWidth: n, pillHeight: o, panelWidth: a, text: i, animateTransitions: s }) => {
   const d = e === "start", c = d ? -13 : -(o - 13), u = C(t), h = d ? "100%" : "0%", g = /* @__PURE__ */ S("g", {
-    transform: `translate(${lu(t, n, a)}, 0)`,
+    transform: `translate(${du(t, n, a)}, 0)`,
     pointerEvents: "none",
     children: [/* @__PURE__ */ l("rect", {
       x: 0,
@@ -2705,8 +2705,8 @@ var hu = "_2qyyu60", vu = 2, gu = 12, fu = 12, lo = 1, co = 2, pu = 4, mu = 3, y
     overflow: "visible",
     children: g
   });
-}, Cu = ({ label: e, textStyle: t, textWidth: r, labelPosition: n, horizontal: o, position: a, color: i, textColor: s, symbolShape: d, symbolColor: c, symbolPaint: u, symbolAlpha: h, symbolCornerRadius: g, symbolGlyph: f, symbolMainAxis: v, panelWidth: m, animateTransitions: p }) => {
-  const A = d === null ? 0 : 14, x = r + A + 10, w = Math.max(Zc, We(t)) + 10, k = /* @__PURE__ */ S(T, { children: [d !== null && c !== null && /* @__PURE__ */ l("g", {
+}, Lu = ({ label: e, textStyle: t, textWidth: r, labelPosition: n, horizontal: o, position: a, color: i, textColor: s, symbolShape: d, symbolColor: c, symbolPaint: u, symbolAlpha: h, symbolCornerRadius: g, symbolGlyph: f, symbolMainAxis: v, panelWidth: m, animateTransitions: p }) => {
+  const A = d === null ? 0 : 14, x = r + A + 10, w = Math.max($c, We(t)) + 10, k = /* @__PURE__ */ S(T, { children: [d !== null && c !== null && /* @__PURE__ */ l("g", {
     transform: `translate(0, ${-10 / 2})`,
     children: /* @__PURE__ */ l(It, {
       shape: d,
@@ -2732,7 +2732,7 @@ var hu = "_2qyyu60", vu = 2, gu = 12, fu = 12, lo = 1, co = 2, pu = 4, mu = 3, y
     ...ur(t),
     children: St(e, t.textTransform)
   })] });
-  return o ? /* @__PURE__ */ l(Pu, {
+  return o ? /* @__PURE__ */ l(Ru, {
     labelPosition: n,
     linePosition: a,
     color: i,
@@ -2740,7 +2740,7 @@ var hu = "_2qyyu60", vu = 2, gu = 12, fu = 12, lo = 1, co = 2, pu = 4, mu = 3, y
     pillHeight: w,
     text: k,
     animateTransitions: p
-  }) : /* @__PURE__ */ l(Ru, {
+  }) : /* @__PURE__ */ l(Cu, {
     labelPosition: n,
     linePosition: a,
     color: i,
@@ -2750,8 +2750,8 @@ var hu = "_2qyyu60", vu = 2, gu = 12, fu = 12, lo = 1, co = 2, pu = 4, mu = 3, y
     text: k,
     animateTransitions: p
   });
-}, Lu = ({ strokeWidth: e, dashArray: t, lineCap: r, lineJoin: n, horizontal: o, position: a, lineColor: i, effects: s, animateTransitions: d }) => {
-  const c = nu(o, a), u = ou(t, e, r, n);
+}, Iu = ({ strokeWidth: e, dashArray: t, lineCap: r, lineJoin: n, horizontal: o, position: a, lineColor: i, effects: s, animateTransitions: d }) => {
+  const c = ou(o, a), u = au(t, e, r, n);
   return d ? /* @__PURE__ */ l(V.line, {
     initial: !1,
     transition: be,
@@ -2774,17 +2774,17 @@ var hu = "_2qyyu60", vu = 2, gu = 12, fu = 12, lo = 1, co = 2, pu = 4, mu = 3, y
     strokeWidth: e,
     vectorEffect: "non-scaling-stroke"
   });
-}, Iu = ge(function({ layer: t, coordSystem: r, formattingLocale: n, animateTransitions: o, panelWidth: a }) {
+}, Tu = ge(function({ layer: t, coordSystem: r, formattingLocale: n, animateTransitions: o, panelWidth: a }) {
   const i = Oe(), s = de(), { guides: d, numberFormat: c, specLayers: u, colorScale: h } = B(oe((j) => ({
     guides: j.guides,
     numberFormat: j.config.numberFormat,
     specLayers: j.spec.layers,
     colorScale: j.scales.color
-  }))), g = b(() => Ds(u, h).get(t.id) ?? null, [
+  }))), g = b(() => Fs(u, h).get(t.id) ?? null, [
     u,
     h,
     t.id
-  ]), f = g ? s(g.geom, r.type)?.swatchShape ?? "square" : null, v = cr(g?.layerId, g?.groupValue, 10), m = dr(g?.layerId, g?.groupValue, g?.color) ?? null, p = b(() => au(t.params.label, cl({
+  ]), f = g ? s(g.geom, r.type)?.swatchShape ?? "square" : null, v = cr(g?.layerId, g?.groupValue, 10), m = dr(g?.layerId, g?.groupValue, g?.color) ?? null, p = b(() => iu(t.params.label, ul({
     guides: d,
     numberFormat: c,
     layer: t,
@@ -2794,7 +2794,7 @@ var hu = "_2qyyu60", vu = 2, gu = 12, fu = 12, lo = 1, co = 2, pu = 4, mu = 3, y
     c,
     n,
     t
-  ]), { fonts: A } = Ke(), x = O(), w = I(Yl, x.geom.rule.label(t), x.graph()), k = b(() => te(w, A.familyDefault), [w, A.familyDefault]), E = b(() => p === null ? null : la(p, su(a, f !== null), (j) => i.measureText(j, k).width), [
+  ]), { fonts: A } = Ke(), x = O(), w = I(jl, x.geom.rule.label(t), x.graph()), k = b(() => te(w, A.familyDefault), [w, A.familyDefault]), E = b(() => p === null ? null : la(p, lu(a, f !== null), (j) => i.measureText(j, k).width), [
     p,
     a,
     f,
@@ -2806,11 +2806,11 @@ var hu = "_2qyyu60", vu = 2, gu = 12, fu = 12, lo = 1, co = 2, pu = 4, mu = 3, y
     i
   ]), L = G(t), P = t.data.getFirst();
   if (!P) return null;
-  const M = L.get("stroke", P), H = Tu(w, M), J = ru(t, r), ce = J ? _(P) : $(P);
+  const M = L.get("stroke", P), H = Bu(w, M), J = nu(t, r), ce = J ? _(P) : $(P);
   return ce === null ? null : /* @__PURE__ */ S("g", {
     "data-geom": "rule",
-    className: tu,
-    children: [/* @__PURE__ */ l(Lu, {
+    className: ru,
+    children: [/* @__PURE__ */ l(Iu, {
       strokeWidth: L.get("strokeWidth", P),
       dashArray: L.get("dashArray", P),
       lineCap: L.get("lineCap", P),
@@ -2820,7 +2820,7 @@ var hu = "_2qyyu60", vu = 2, gu = 12, fu = 12, lo = 1, co = 2, pu = 4, mu = 3, y
       lineColor: M,
       effects: q(X(L, P)),
       animateTransitions: o
-    }), E !== null && E !== "" && /* @__PURE__ */ l(Cu, {
+    }), E !== null && E !== "" && /* @__PURE__ */ l(Lu, {
       label: E,
       textStyle: w,
       textWidth: R,
@@ -2840,10 +2840,10 @@ var hu = "_2qyyu60", vu = 2, gu = 12, fu = 12, lo = 1, co = 2, pu = 4, mu = 3, y
       animateTransitions: o
     })]
   });
-}), Tu = (e, t) => e.textColor === void 0 ? $o(t) : e.hasThemedTextColor ? Qr(e.textColor, t) : e.textColor, Bu = {
+}), Bu = (e, t) => e.textColor === void 0 ? $o(t) : e.hasThemedTextColor ? Qr(e.textColor, t) : e.textColor, Mu = {
   geom: "rule",
   coord: "cartesian",
-  render: ({ layer: e, coordSystem: t, formattingLocale: r, animateTransitions: n, panelRect: o }) => /* @__PURE__ */ l(Iu, {
+  render: ({ layer: e, coordSystem: t, formattingLocale: r, animateTransitions: n, panelRect: o }) => /* @__PURE__ */ l(Tu, {
     layer: e,
     coordSystem: t,
     formattingLocale: r,
@@ -2852,10 +2852,10 @@ var hu = "_2qyyu60", vu = 2, gu = 12, fu = 12, lo = 1, co = 2, pu = 4, mu = 3, y
   }),
   renderHover: () => null,
   renderHoverCompanions: () => null
-}, pn = (e, t, r) => Gl({
+}, pn = (e, t, r) => Wl({
   cornerRadius: e,
   box: Te(t, r)
-}), Mu = ({ layer: e, panelRect: t, styleReaders: r, animateTransitions: n }) => {
+}), Ou = ({ layer: e, panelRect: t, styleReaders: r, animateTransitions: n }) => {
   let o = "";
   for (const a of e.data) {
     const i = Xr(a);
@@ -2866,14 +2866,14 @@ var hu = "_2qyyu60", vu = 2, gu = 12, fu = 12, lo = 1, co = 2, pu = 4, mu = 3, y
     pathData: o,
     animateTransitions: n
   }];
-}, Ou = ({ intro: e, children: t }) => N(Rt)?.fading ? t : /* @__PURE__ */ l(V.g, {
+}, Nu = ({ intro: e, children: t }) => N(Rt)?.fading ? t : /* @__PURE__ */ l(V.g, {
   initial: { opacity: 0 },
   animate: { opacity: 1 },
   transition: Sa(e),
   children: t
-}), Nu = ge(function({ layer: t, panelRect: r, animateTransitions: n, intro: o }) {
+}), Hu = ge(function({ layer: t, panelRect: r, animateTransitions: n, intro: o }) {
   const a = o?.type === "fade" ? o : null, i = G(t), { paints: s, paintAt: d } = Lt(t, i), { fillFor: c, defs: u } = le({ paints: s }), h = b(() => {
-    const g = il(t.data, t.mapping, t.id), f = [];
+    const g = sl(t.data, t.mapping, t.id), f = [];
     let v = -1;
     for (const m of t.data) {
       v += 1;
@@ -2889,7 +2889,7 @@ var hu = "_2qyyu60", vu = 2, gu = 12, fu = 12, lo = 1, co = 2, pu = 4, mu = 3, y
         effects: q(X(i, m))
       });
     }
-    return f.map(({ key: m, ...p }) => /* @__PURE__ */ l(Hu, {
+    return f.map(({ key: m, ...p }) => /* @__PURE__ */ l(Du, {
       ...p,
       animated: n
     }, m));
@@ -2901,11 +2901,11 @@ var hu = "_2qyyu60", vu = 2, gu = 12, fu = 12, lo = 1, co = 2, pu = 4, mu = 3, y
     c,
     d
   ]);
-  return a ? /* @__PURE__ */ S(Ou, {
+  return a ? /* @__PURE__ */ S(Nu, {
     intro: a,
     children: [u, h]
   }) : /* @__PURE__ */ S(T, { children: [u, h] });
-}), Hu = ({ animated: e, ...t }) => e ? /* @__PURE__ */ l(V.rect, {
+}), Du = ({ animated: e, ...t }) => e ? /* @__PURE__ */ l(V.rect, {
   initial: !1,
   style: t.effects,
   transition: be,
@@ -2931,7 +2931,7 @@ var hu = "_2qyyu60", vu = 2, gu = 12, fu = 12, lo = 1, co = 2, pu = 4, mu = 3, y
   rx: t.rx,
   stroke: t.stroke,
   strokeWidth: t.strokeWidth
-}), Du = ({ layer: e, primary: t, panelRect: r }) => {
+}), Fu = ({ layer: e, primary: t, panelRect: r }) => {
   const n = G(e), o = n.get("fill", t.observation), { fillFor: a, defs: i } = le({ paints: [o] }), s = Xr(t.observation);
   if (!s) return null;
   const d = a(o), c = n.get("alpha", t.observation) * n.get("fillAlpha", t.observation), u = n.get("stroke", t.observation, "hovered") ?? Vr, h = n.get("strokeWidth", t.observation, "hovered"), g = pn(n.get("cornerRadius", t.observation, "hovered"), s, r), f = s.x * r.width, v = s.y * r.height, m = s.width * r.width, p = s.height * r.height;
@@ -2960,24 +2960,24 @@ var hu = "_2qyyu60", vu = 2, gu = 12, fu = 12, lo = 1, co = 2, pu = 4, mu = 3, y
       })
     ]
   });
-}, Fu = {
+}, Gu = {
   geom: "tile",
   coord: "cartesian",
   swatchShape: "square",
   guideMode: null,
-  render: ({ layer: e, panelRect: t, animateTransitions: r, intro: n }) => /* @__PURE__ */ l(Nu, {
+  render: ({ layer: e, panelRect: t, animateTransitions: r, intro: n }) => /* @__PURE__ */ l(Hu, {
     layer: e,
     panelRect: t,
     animateTransitions: r,
     intro: n
   }),
-  renderHover: ({ layer: e, primary: t, panelRect: r }) => /* @__PURE__ */ l(Du, {
+  renderHover: ({ layer: e, primary: t, panelRect: r }) => /* @__PURE__ */ l(Fu, {
     layer: e,
     primary: t,
     panelRect: r
   }),
   renderHoverCompanions: () => null,
-  getEditOutlineShapes: Mu
+  getEditOutlineShapes: Ou
 }, Ut = ({ primary: e, companions: t }) => {
   const r = /* @__PURE__ */ S(T, { children: [t.map((n) => /* @__PURE__ */ l(Be, {
     hit: n,
@@ -3000,7 +3000,7 @@ var hu = "_2qyyu60", vu = 2, gu = 12, fu = 12, lo = 1, co = 2, pu = 4, mu = 3, y
     scaleX: t.radius,
     scaleY: t.radius
   };
-}, Gu = (e) => ({
+}, Wu = (e) => ({
   ...at(e),
   digits: 2
 }), ri = (e, t, r) => se(e, t, at(r)), Or = (e) => {
@@ -3008,7 +3008,7 @@ var hu = "_2qyyu60", vu = 2, gu = 12, fu = 12, lo = 1, co = 2, pu = 4, mu = 3, y
   if (!t) return "";
   const n = r.map((o) => `L ${o.x} ${o.y}`).join(" ");
   return `M ${t.x} ${t.y} ${n} Z`;
-}, Wu = ge(function({ layer: t, panelRect: r }) {
+}, zu = ge(function({ layer: t, panelRect: r }) {
   const n = G(t), o = b(() => {
     const s = Se(t.data, t.mapping, t.id), d = [];
     return t.data.groupBy(ne.group).forEach((c) => {
@@ -3086,7 +3086,7 @@ var hu = "_2qyyu60", vu = 2, gu = 12, fu = 12, lo = 1, co = 2, pu = 4, mu = 3, y
     outer: r,
     hole: n.some((o) => o.x !== 0 || o.y !== 0) ? [...n].reverse() : null
   };
-}, zu = ({ layer: e, panelRect: t }) => {
+}, Vu = ({ layer: e, panelRect: t }) => {
   const r = ti(t), n = [], o = [];
   return e.data.groupBy(ne.group).forEach((a) => {
     const i = [...a], [s] = i;
@@ -3110,7 +3110,7 @@ var hu = "_2qyyu60", vu = 2, gu = 12, fu = 12, lo = 1, co = 2, pu = 4, mu = 3, y
     centers: o,
     size: tt
   }), n;
-}, Vu = ({ layer: e, primary: t, companions: r, panelRect: n }) => {
+}, Yu = ({ layer: e, primary: t, companions: r, panelRect: n }) => {
   const o = G(e), a = Ve(t.observation), i = o.get("fill", t.observation, "hovered"), { fillFor: s, defs: d } = le({
     paints: [i],
     unitsPerPixel: Ct(n)
@@ -3159,23 +3159,23 @@ var hu = "_2qyyu60", vu = 2, gu = 12, fu = 12, lo = 1, co = 2, pu = 4, mu = 3, y
       "data-testid": "hovered-area-point"
     })
   ] });
-}, Yu = {
+}, ju = {
   geom: "area",
   coord: "polar",
   swatchShape: "area",
   guideMode: "crosshair",
-  render: ({ layer: e, panelRect: t }) => /* @__PURE__ */ l(Wu, {
+  render: ({ layer: e, panelRect: t }) => /* @__PURE__ */ l(zu, {
     layer: e,
     panelRect: t
   }),
-  renderHover: ({ layer: e, primary: t, group: r, related: n, panelRect: o }) => /* @__PURE__ */ l(Vu, {
+  renderHover: ({ layer: e, primary: t, group: r, related: n, panelRect: o }) => /* @__PURE__ */ l(Yu, {
     layer: e,
     primary: t,
     companions: [...r, ...n],
     panelRect: o
   }),
   renderHoverCompanions: ({ related: e }) => /* @__PURE__ */ l(Ut, { companions: e }),
-  getEditOutlineShapes: zu,
+  getEditOutlineShapes: Vu,
   getOverlayAnchor: ({ observation: e }) => {
     const t = $(e), r = tr(e) ?? _(e);
     if (t === null || r === null) return null;
@@ -3186,7 +3186,7 @@ var hu = "_2qyyu60", vu = 2, gu = 12, fu = 12, lo = 1, co = 2, pu = 4, mu = 3, y
     };
   }
 }, mn = (e) => {
-  const { startAngle: t, endAngle: r } = ul(e), { innerRadius: n, outerRadius: o } = Xo(e);
+  const { startAngle: t, endAngle: r } = hl(e), { innerRadius: n, outerRadius: o } = Xo(e);
   return t === null || r === null || n === null || o === null ? null : {
     startAngle: t,
     endAngle: r,
@@ -3220,10 +3220,10 @@ var hu = "_2qyyu60", vu = 2, gu = 12, fu = 12, lo = 1, co = 2, pu = 4, mu = 3, y
     union: s
   });
   return o;
-}, ju = (e, t, r, n, o) => e.get(jr(t, o)) ?? {
+}, Ku = (e, t, r, n, o) => e.get(jr(t, o)) ?? {
   style: ir(r, n),
   union: qo([o])
-}, xn = ({ style: e, union: t }) => Vl(e.cornerRadius, t.outerRadius - t.innerRadius), ii = (e, t, r, n) => Ge({
+}, xn = ({ style: e, union: t }) => Yl(e.cornerRadius, t.outerRadius - t.innerRadius), ii = (e, t, r, n) => Ge({
   ...t.union,
   cornerRadius: xn(t),
   slice: r === "x" ? {
@@ -3235,8 +3235,8 @@ var hu = "_2qyyu60", vu = 2, gu = 12, fu = 12, lo = 1, co = 2, pu = 4, mu = 3, y
     from: e.startAngle,
     to: e.endAngle
   }
-}, n), Ku = ln(yn), Uu = ({ layer: e, sourceLayer: t, coordSystem: r, panelRect: n, styleReaders: o, animateTransitions: a }) => {
-  const { bandAxis: i } = r, s = Ku(t, i, o), d = Gu(n);
+}, n), Uu = ln(yn), Qu = ({ layer: e, sourceLayer: t, coordSystem: r, panelRect: n, styleReaders: o, animateTransitions: a }) => {
+  const { bandAxis: i } = r, s = Uu(t, i, o), d = Wu(n);
   let c = "";
   for (const u of e.data) {
     const h = mn(u);
@@ -3253,7 +3253,7 @@ var hu = "_2qyyu60", vu = 2, gu = 12, fu = 12, lo = 1, co = 2, pu = 4, mu = 3, y
   stroke: e,
   strokeWidth: t,
   vectorEffect: "non-scaling-stroke"
-}), Qu = ge(function({ layer: t, coordSystem: r, animateTransitions: n, intro: o, panelRect: a }) {
+}), Xu = ge(function({ layer: t, coordSystem: r, animateTransitions: n, intro: o, panelRect: a }) {
   const i = Q(), s = sr(o?.type === "grow" && (o.growAxis === "angle" || o.growAxis === "radius") ? o : null, n), d = r.bandAxis !== "x", c = G(t), { paints: u, paintAt: h } = Lt(t, c), { fillFor: g, defs: f } = le({
     paints: u,
     unitsPerPixel: Ct(a)
@@ -3286,7 +3286,7 @@ var hu = "_2qyyu60", vu = 2, gu = 12, fu = 12, lo = 1, co = 2, pu = 4, mu = 3, y
     children: [f, v.map((m, p) => {
       const { stroke: A, strokeWidth: x, strokeAlpha: w } = m.style, k = A !== void 0, E = kt(x), R = A === void 0 ? {} : Qt(A, E.separatorWidth), L = A === void 0 ? void 0 : Qt(A, E.outlineWidth), P = m.members.map((ce) => {
         const { key: j, ...Ce } = ce;
-        return s.animated ? /* @__PURE__ */ l(Xu, {
+        return s.animated ? /* @__PURE__ */ l(qu, {
           ...Ce,
           animation: s,
           sweepsInOnLateMount: d,
@@ -3307,7 +3307,7 @@ var hu = "_2qyyu60", vu = 2, gu = 12, fu = 12, lo = 1, co = 2, pu = 4, mu = 3, y
       const H = `${i}${p}`;
       if (s.animated) return /* @__PURE__ */ l("g", {
         clipPath: `url(#${H})`,
-        children: /* @__PURE__ */ l(qu, {
+        children: /* @__PURE__ */ l(Ju, {
           ...m.union,
           cornerRadius: M,
           animation: s,
@@ -3401,14 +3401,14 @@ var hu = "_2qyyu60", vu = 2, gu = 12, fu = 12, lo = 1, co = 2, pu = 4, mu = 3, y
     o,
     w
   ]), w;
-}, Xu = ({ pathProps: e, ...t }) => {
+}, qu = ({ pathProps: e, ...t }) => {
   const r = si(t);
   return /* @__PURE__ */ l(V.path, {
     d: r,
     transition: be,
     ...e
   });
-}, qu = ({ clipId: e, outlineProps: t, outlineOpacity: r, children: n, ...o }) => {
+}, Ju = ({ clipId: e, outlineProps: t, outlineOpacity: r, children: n, ...o }) => {
   const a = si(o);
   return /* @__PURE__ */ S(T, { children: [
     /* @__PURE__ */ l("clipPath", {
@@ -3424,7 +3424,7 @@ var hu = "_2qyyu60", vu = 2, gu = 12, fu = 12, lo = 1, co = 2, pu = 4, mu = 3, y
       ...t
     })
   ] });
-}, Ju = (e, t, r) => {
+}, Zu = (e, t, r) => {
   const n = e === "solo" || e === "floor", o = e === "solo" || e === "ceiling", a = !qr(r.startAngle, r.endAngle);
   return t === "x" ? {
     innerArc: n,
@@ -3440,7 +3440,7 @@ var hu = "_2qyyu60", vu = 2, gu = 12, fu = 12, lo = 1, co = 2, pu = 4, mu = 3, y
 }, li = ({ observation: e, bandAxis: t, styleReaders: r, groupPaints: n, state: o, fill: a }) => {
   const i = Q(), s = mn(e);
   if (s === null) return null;
-  const d = ju(n, t, r, e, s), c = ii(s, d, t);
+  const d = Ku(n, t, r, e, s), c = ii(s, d, t);
   if (c === void 0) return null;
   const u = r.get("alpha", e, o) * r.get("fillAlpha", e, o), { stroke: h, strokeWidth: g, strokeAlpha: f } = d.style;
   if (h === void 0) return /* @__PURE__ */ l("path", {
@@ -3449,7 +3449,7 @@ var hu = "_2qyyu60", vu = 2, gu = 12, fu = 12, lo = 1, co = 2, pu = 4, mu = 3, y
     opacity: u,
     "data-testid": "arc-segment"
   });
-  const v = kt(g), m = Ju(Al(e), t, d.union), p = $u(s, _u(m)), A = Ge({
+  const v = kt(g), m = Zu(bl(e), t, d.union), p = _u(s, eh(m)), A = Ge({
     ...d.union,
     cornerRadius: xn(d)
   });
@@ -3480,7 +3480,7 @@ var hu = "_2qyyu60", vu = 2, gu = 12, fu = 12, lo = 1, co = 2, pu = 4, mu = 3, y
       })
     ]
   });
-}, Zu = ({ layer: e, sourceLayer: t, coordSystem: r, panelRect: n }) => {
+}, $u = ({ layer: e, sourceLayer: t, coordSystem: r, panelRect: n }) => {
   const o = G(t), a = b(() => yn(t, r.bandAxis, o), [
     t,
     r.bandAxis,
@@ -3516,7 +3516,7 @@ var hu = "_2qyyu60", vu = 2, gu = 12, fu = 12, lo = 1, co = 2, pu = 4, mu = 3, y
   if (qr(t, r)) return `M${n}A${e},${e} 0 1 1 ${yt(e, t + Math.PI)}A${e},${e} 0 1 1 ${n}`;
   const o = r - t;
   return `M${n}A${e},${e} 0 ${Math.abs(o) > Math.PI ? 1 : 0} ${o >= 0 ? 1 : 0} ${yt(e, r)}`;
-}, go = (e, t, r) => `M${yt(t, e)}L${yt(r, e)}`, $u = (e, t) => {
+}, go = (e, t, r) => `M${yt(t, e)}L${yt(r, e)}`, _u = (e, t) => {
   const { startAngle: r, endAngle: n, innerRadius: o, outerRadius: a } = e, i = qr(r, n);
   return [
     t.innerArc ? vo(o, r, n) : "",
@@ -3524,12 +3524,12 @@ var hu = "_2qyyu60", vu = 2, gu = 12, fu = 12, lo = 1, co = 2, pu = 4, mu = 3, y
     t.startSpoke && !i ? go(r, o, a) : "",
     t.endSpoke && !i ? go(n, o, a) : ""
   ].filter(Boolean).join("");
-}, _u = (e) => ({
+}, eh = (e) => ({
   innerArc: !e.innerArc,
   outerArc: !e.outerArc,
   startSpoke: !e.startSpoke,
   endSpoke: !e.endSpoke
-}), eh = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
+}), th = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
   const o = G(e), a = b(() => yn(e, t.bandAxis, o), [
     e,
     t.bandAxis,
@@ -3556,33 +3556,33 @@ var hu = "_2qyyu60", vu = 2, gu = 12, fu = 12, lo = 1, co = 2, pu = 4, mu = 3, y
       fill: s(i)
     })]
   });
-}, th = {
+}, rh = {
   geom: "bar",
   coord: "polar",
   swatchShape: "slice",
   guideMode: "band",
-  render: ({ layer: e, coordSystem: t, animateTransitions: r, intro: n, panelRect: o }) => /* @__PURE__ */ l(Qu, {
+  render: ({ layer: e, coordSystem: t, animateTransitions: r, intro: n, panelRect: o }) => /* @__PURE__ */ l(Xu, {
     layer: e,
     coordSystem: t,
     animateTransitions: r,
     intro: n,
     panelRect: o
   }),
-  renderHighlight: ({ layer: e, sourceLayer: t, coordSystem: r, panelRect: n }) => /* @__PURE__ */ l(Zu, {
+  renderHighlight: ({ layer: e, sourceLayer: t, coordSystem: r, panelRect: n }) => /* @__PURE__ */ l($u, {
     layer: e,
     sourceLayer: t,
     coordSystem: r,
     panelRect: n
   }),
-  renderHover: ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => /* @__PURE__ */ l(eh, {
+  renderHover: ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => /* @__PURE__ */ l(th, {
     layer: e,
     coordSystem: t,
     primary: r,
     panelRect: n
   }),
   renderHoverCompanions: () => null,
-  getEditOutlineShapes: Uu
-}, rh = ge(function({ layer: t }) {
+  getEditOutlineShapes: Qu
+}, nh = ge(function({ layer: t }) {
   const r = G(t), n = b(() => {
     const o = Se(t.data, t.mapping, t.id), a = [];
     return t.data.groupBy(ne.group).forEach((i) => {
@@ -3639,7 +3639,7 @@ var hu = "_2qyyu60", vu = 2, gu = 12, fu = 12, lo = 1, co = 2, pu = 4, mu = 3, y
     });
   }
   return t.sort((r, n) => r.angle - n.angle), t.map((r) => r.point);
-}, nh = ({ layer: e, panelRect: t, styleReaders: r }) => {
+}, oh = ({ layer: e, panelRect: t, styleReaders: r }) => {
   const n = ti(t), o = [], a = [];
   return e.data.groupBy(ne.group).forEach((i) => {
     const s = [...i], [d] = s;
@@ -3661,7 +3661,7 @@ var hu = "_2qyyu60", vu = 2, gu = 12, fu = 12, lo = 1, co = 2, pu = 4, mu = 3, y
     centers: a,
     size: tt
   }), o;
-}, oh = ({ layer: e, primary: t, companions: r }) => {
+}, ah = ({ layer: e, primary: t, companions: r }) => {
   const n = G(e), o = Ve(t.observation), a = b(() => di([...e.data.filter(ne.group, "eq", o)]), [e.data, o]);
   if (!a) return null;
   const i = n.get("stroke", t.observation, "hovered"), s = n.get("alpha", t.observation, "hovered"), d = n.get("strokeAlpha", t.observation, "hovered"), { strokeWidth: c, strokeDasharray: u, strokeLinecap: h } = Me(n.get("dashArray", t.observation, "hovered"), n.get("strokeWidth", t.observation, "hovered"), n.get("lineCap", t.observation, "hovered")), g = n.get("lineJoin", t.observation, "hovered");
@@ -3699,19 +3699,19 @@ var hu = "_2qyyu60", vu = 2, gu = 12, fu = 12, lo = 1, co = 2, pu = 4, mu = 3, y
       "data-testid": "hovered-line-point"
     })
   ] });
-}, ah = {
+}, ih = {
   geom: "line",
   coord: "polar",
   swatchShape: "line",
   guideMode: "crosshair",
-  render: ({ layer: e }) => /* @__PURE__ */ l(rh, { layer: e }),
-  renderHover: ({ layer: e, primary: t, group: r, related: n }) => /* @__PURE__ */ l(oh, {
+  render: ({ layer: e }) => /* @__PURE__ */ l(nh, { layer: e }),
+  renderHover: ({ layer: e, primary: t, group: r, related: n }) => /* @__PURE__ */ l(ah, {
     layer: e,
     primary: t,
     companions: [...r, ...n]
   }),
   renderHoverCompanions: ({ related: e }) => /* @__PURE__ */ l(Ut, { companions: e }),
-  getEditOutlineShapes: nh,
+  getEditOutlineShapes: oh,
   getOverlayAnchor: ({ observation: e }) => {
     const t = $(e), r = _(e);
     if (t === null || r === null) return null;
@@ -3721,7 +3721,7 @@ var hu = "_2qyyu60", vu = 2, gu = 12, fu = 12, lo = 1, co = 2, pu = 4, mu = 3, y
       y: 1 - o
     };
   }
-}, ih = ge(function({ layer: t, animateTransitions: r, intro: n }) {
+}, sh = ge(function({ layer: t, animateTransitions: r, intro: n }) {
   const o = G(t), a = sr(n?.type === "grow" && n.growAxis === "size" ? n : null, r);
   return b(() => {
     const i = a.activeIntro ? Se(t.data, t.mapping, t.id) : null, s = [];
@@ -3741,11 +3741,11 @@ var hu = "_2qyyu60", vu = 2, gu = 12, fu = 12, lo = 1, co = 2, pu = 4, mu = 3, y
     o,
     a
   ]);
-}), sh = {
+}), lh = {
   geom: "point",
   coord: "polar",
   swatchShape: "circle",
-  render: ({ layer: e, animateTransitions: t, intro: r }) => /* @__PURE__ */ l(ih, {
+  render: ({ layer: e, animateTransitions: t, intro: r }) => /* @__PURE__ */ l(sh, {
     layer: e,
     animateTransitions: t,
     intro: r
@@ -3768,25 +3768,25 @@ var hu = "_2qyyu60", vu = 2, gu = 12, fu = 12, lo = 1, co = 2, pu = 4, mu = 3, y
       y: 1 - o
     };
   }
-}, lh = {
+}, dh = {
   bar: {
-    cartesian: fc,
-    polar: th
+    cartesian: pc,
+    polar: rh
   },
   line: {
-    cartesian: wc,
-    polar: ah
+    cartesian: kc,
+    polar: ih
   },
   area: {
-    cartesian: zd,
-    polar: Yu
+    cartesian: Vd,
+    polar: ju
   },
   point: {
-    cartesian: Ec,
-    polar: sh
+    cartesian: Pc,
+    polar: lh
   },
-  rule: { cartesian: Bu },
-  tile: { cartesian: Fu }
+  rule: { cartesian: Mu },
+  tile: { cartesian: Gu }
 };
 function vr(e) {
   return typeof e == "function" ? {
@@ -3810,9 +3810,10 @@ function xy(e, t) {
     geom: e.type
   };
 }
-function dh(e = []) {
+var Ay = (e, t, r) => hi()(e, t)?.getEditOutlineShapes?.(r) ?? [];
+function hi(e = []) {
   const t = {};
-  for (const [r, n] of Object.entries(lh)) t[r] = { ...n };
+  for (const [r, n] of Object.entries(dh)) t[r] = { ...n };
   for (const r of e) (t[r.geom] ??= {})[r.coord] = r;
   return (r, n) => t[r]?.[n] ?? null;
 }
@@ -3821,7 +3822,7 @@ var ch = [
   "right",
   "bottom",
   "left"
-], Ay = () => rn((e) => ({
+], by = () => rn((e) => ({
   boundary: null,
   setBoundary: (t) => e((r) => uh(r.boundary, t) ? r : { boundary: t })
 })), Nr = (e, t) => e.x === t.x && e.y === t.y && e.width === t.width && e.height === t.height, Hr = (e, t) => ch.every((r) => e[r].from === t[r].from && e[r].to === t[r].to), uh = (e, t) => e === t ? !0 : e === null || t === null ? !1 : Nr(e.frame, t.frame) && Nr(e.client, t.client) && Hr(e.frameSpans, t.frameSpans) && Hr(e.clientSpans, t.clientSpans), Dr = (e) => {
@@ -3839,8 +3840,8 @@ var ch = [
     setTooltipAnchor: (r) => t((n) => vh(n.tooltipAnchor, r) ? n : { tooltipAnchor: r }),
     publishPointerRegions: (r, n) => {
       n.length === 0 ? e.delete(r) : e.set(r, n);
-      const o = kl(e);
-      t((a) => Hs(a.pointerRegions, o) ? a : { pointerRegions: o });
+      const o = El(e);
+      t((a) => Ds(a.pointerRegions, o) ? a : { pointerRegions: o });
     },
     setSuspendsHover: (r) => t((n) => n.suspendsHover === r ? n : { suspendsHover: r }),
     setEditorOwnsQuery: (r) => t((n) => n.editorOwnsQuery === r ? n : { editorOwnsQuery: r })
@@ -3850,7 +3851,7 @@ var ch = [
     layers: e,
     coordSystem: t
   }), [e, t]), n = F(null);
-  n.current === null && (n.current = new Ls(r));
+  n.current === null && (n.current = new Is(r));
   const o = n.current, a = F(!1);
   return W(() => {
     if (!a.current) {
@@ -3859,7 +3860,7 @@ var ch = [
     }
     o.update(r);
   }, [o, r]), o;
-}, hi = Y(null), fh = ({ children: e }) => {
+}, vi = Y(null), fh = ({ children: e }) => {
   const { layers: t, coordSystem: r } = B(oe((s) => ({
     layers: s.layers,
     coordSystem: s.coordSystem
@@ -3868,12 +3869,12 @@ var ch = [
     engine: n,
     store: o,
     overlayRef: a
-  }), /* @__PURE__ */ l(hi.Provider, {
+  }), /* @__PURE__ */ l(vi.Provider, {
     value: i.current,
     children: e
   });
 }, Ue = () => {
-  const e = N(hi);
+  const e = N(vi);
   if (e === null) throw new Error("useHoverContext must be used inside a <HoverProvider>.");
   return e;
 };
@@ -3898,11 +3899,11 @@ var mh = ({ hitTest: e, input: t }) => {
   y: "-25%",
   width: "150%",
   height: "150%"
-}, by = (e) => /* @__PURE__ */ l(vi, {
+}, Sy = (e) => /* @__PURE__ */ l(gi, {
   ...e,
   empty: !1
-}), vi = ({ styleReaders: e, state: t, empty: r, children: n }) => {
-  const o = Q(), a = Q(), i = Ld(), s = e.get("overpaint", void 0, t) ?? yh, { fillFor: d, defs: c } = le({ paints: s }), u = /* @__PURE__ */ l("g", {
+}), gi = ({ styleReaders: e, state: t, empty: r, children: n }) => {
+  const o = Q(), a = Q(), i = Id(), s = e.get("overpaint", void 0, t) ?? yh, { fillFor: d, defs: c } = le({ paints: s }), u = /* @__PURE__ */ l("g", {
     id: o,
     children: n
   });
@@ -3981,7 +3982,7 @@ var bh = (e, t) => {
   width: 0,
   height: 0,
   unmeasured: !0
-}, gi = ({ debounce: e = 0, onResize: t } = {}) => {
+}, fi = ({ debounce: e = 0, onResize: t } = {}) => {
   const [r, n] = U(Sh), o = F(null), a = bh((c) => {
     const u = o.current;
     u && u.width === c.width && u.height === c.height || (o.current = {
@@ -4004,7 +4005,7 @@ var bh = (e, t) => {
     setElement: d
   };
 };
-function Sy() {
+function wy() {
   const [e, t] = U(null), r = F(null), n = F(null), o = F(null), a = ie(() => {
     o.current = null;
     const c = n.current;
@@ -4023,7 +4024,7 @@ function Sy() {
     g && g.left === h.left && g.top === h.top && g.width === h.width && g.height === h.height || (r.current = h, t(h));
   }, []), i = ie(() => {
     o.current === null && (o.current = requestAnimationFrame(a));
-  }, [a]), { setElement: s } = gi({ onResize: i }), d = ie((c) => {
+  }, [a]), { setElement: s } = fi({ onResize: i }), d = ie((c) => {
     n.current = c, s(c), c && a();
   }, [s, a]);
   return W(() => (window.addEventListener("scroll", i, !0), window.addEventListener("resize", i), () => {
@@ -4120,8 +4121,8 @@ var Re = {
 }, Ph = (e) => typeof e == "boolean" ? {
   ...Xt,
   enabled: e
-} : $l({}, Xt, e), Rh = (e, t) => {
-  const r = Jl(), n = b(() => Eh(e, r ?? !1), [e, r]), o = b(() => t.reduce((a, i) => a + _s(i), 0), [t]);
+} : _l({}, Xt, e), Rh = (e, t) => {
+  const r = Zl(), n = b(() => Eh(e, r ?? !1), [e, r]), o = b(() => t.reduce((a, i) => a + el(i), 0), [t]);
   return b(() => o <= n.maxAnimatedGeoms ? n : {
     ...n,
     intro: {
@@ -4321,7 +4322,7 @@ var Re = {
   if (!e) return t;
   const r = e.trim().replace("_", "-").toLowerCase();
   return Object.keys(bn).find((n) => n.toLowerCase() === r) ?? t;
-}, Sn = Y(null), Gh = [bn], fi = () => pi().translator, wy = () => pi().dir, ky = () => N(Sn) !== null, Wh = ({ locale: e, children: t, i18nOverrides: r, dictionaries: n = Gh }) => {
+}, Sn = Y(null), Gh = [bn], pi = () => mi().translator, ky = () => mi().dir, Ey = () => N(Sn) !== null, Wh = ({ locale: e, children: t, i18nOverrides: r, dictionaries: n = Gh }) => {
   const o = Fh(e), a = b(() => ({
     translator: Nh({
       locale: o,
@@ -4338,7 +4339,7 @@ var Re = {
     o,
     n
   ]);
-  return /* @__PURE__ */ l(_l, {
+  return /* @__PURE__ */ l(ed, {
     locale: o,
     timeZone: "UTC",
     children: /* @__PURE__ */ l(Sn.Provider, {
@@ -4346,11 +4347,11 @@ var Re = {
       children: t
     })
   });
-}, pi = () => {
+}, mi = () => {
   const e = N(Sn);
   if (!e) throw new Error("useI18n must be used within IntlProvider");
   return e;
-}, mi = (e) => typeof e == "number" ? {
+}, yi = (e) => typeof e == "number" ? {
   topLeft: e,
   topRight: e,
   bottomRight: e,
@@ -4360,7 +4361,7 @@ var Re = {
   const { topLeft: t, topRight: r, bottomRight: n, bottomLeft: o } = e;
   return t === r && r === n && n === o ? t : null;
 }, zh = (e) => {
-  const { topLeft: t, topRight: r, bottomRight: n, bottomLeft: o } = mi(e);
+  const { topLeft: t, topRight: r, bottomRight: n, bottomLeft: o } = yi(e);
   return t > 0 || r > 0 || n > 0 || o > 0;
 }, Tt = (e, t = 0) => {
   const r = gr(e);
@@ -4373,7 +4374,7 @@ var Re = {
     i
   ].map((s) => `${mo(s, t)}px`).join(" ");
 }, wn = (e, t) => {
-  const { x: r, y: n, width: o, height: a } = e, { topLeft: i, topRight: s, bottomRight: d, bottomLeft: c } = Vh(mi(t), o, a), u = r + o, h = n + a, g = (f, v, m) => f > 0 ? `A${f},${f},0,0,1,${v},${m}` : "";
+  const { x: r, y: n, width: o, height: a } = e, { topLeft: i, topRight: s, bottomRight: d, bottomLeft: c } = Vh(yi(t), o, a), u = r + o, h = n + a, g = (f, v, m) => f > 0 ? `A${f},${f},0,0,1,${v},${m}` : "";
   return [
     `M${r + i},${n}`,
     `H${u - s}`,
@@ -4427,7 +4428,7 @@ var Re = {
 }, Yh = (e, t, r) => {
   if (e.pattern === "dots") return [`radial-gradient(circle, ${e.color} ${r}px, transparent ${r}px)`];
   if (e.pattern === "lines") {
-    const n = `${t * Yd}px`;
+    const n = `${t * jd}px`;
     return [`linear-gradient(to bottom, ${e.color} ${n}, transparent ${n})`];
   }
   return [yo(-45, e.color, t, r), ...e.pattern === "crosshatch" ? [yo(45, e.color, t, r)] : []];
@@ -4438,12 +4439,12 @@ var Re = {
   if (e.alpha === void 0 || e.alpha >= 1) return e.image;
   const r = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${t.width} ${t.height}" preserveAspectRatio="none"><image href="${jh(e.image)}" width="${t.width}" height="${t.height}" opacity="${e.alpha}" preserveAspectRatio="none"/></svg>`;
   return `data:image/svg+xml,${encodeURIComponent(r)}`;
-}, jh = (e) => e.replace(/&/gu, "&amp;").replace(/</gu, "&lt;").replace(/>/gu, "&gt;").replace(/"/gu, "&quot;"), Ao = (e) => `url("${e.replace(/[\\"]/gu, "\\$&").replace(/[\n\r\f]/gu, (t) => `\\${t.charCodeAt(0).toString(16)} `)}")`, Kh = "bow4tg0", Uh = "bow4tg1", Qh = "bow4tg2", Xh = "bow4tg3", qh = "bow4tg4", yi = "_1ii3bsb0", Jh = "_1ii3bsb1", Zh = {
+}, jh = (e) => e.replace(/&/gu, "&amp;").replace(/</gu, "&lt;").replace(/>/gu, "&gt;").replace(/"/gu, "&quot;"), Ao = (e) => `url("${e.replace(/[\\"]/gu, "\\$&").replace(/[\n\r\f]/gu, (t) => `\\${t.charCodeAt(0).toString(16)} `)}")`, Kh = "bow4tg0", Uh = "bow4tg1", Qh = "bow4tg2", Xh = "bow4tg3", qh = "bow4tg4", xi = "_1ii3bsb0", Jh = "_1ii3bsb1", Zh = {
   colorScheme: "light",
-  themeClass: yi,
+  themeClass: xi,
   inlineVarsStyle: {},
   themeValues: hn("light", {})
-}, kn = Y(null), En = () => N(kn) ?? Zh, Ey = () => N(kn) !== null, $h = ({ colorScheme: e, textScale: t = 1, graphBackground: r, graphFontFamily: n, headingFontFamily: o, children: a }) => {
+}, kn = Y(null), En = () => N(kn) ?? Zh, Py = () => N(kn) !== null, $h = ({ colorScheme: e, textScale: t = 1, graphBackground: r, graphFontFamily: n, headingFontFamily: o, children: a }) => {
   const i = b(() => hn(e), [e]), s = b(() => {
     const c = { [y.textScale]: String(t) };
     return r !== void 0 && (c[y.graphBackground] = r), n !== void 0 && (c[y.fontFamily] = n), o !== void 0 && (c[y.fontFamilyHeading] = o), nr(c);
@@ -4454,7 +4455,7 @@ var Re = {
     o
   ]), d = b(() => ({
     colorScheme: e,
-    themeClass: e === "dark" ? Jh : yi,
+    themeClass: e === "dark" ? Jh : xi,
     inlineVarsStyle: s,
     themeValues: i
   }), [
@@ -4491,10 +4492,10 @@ var Re = {
   const t = nv(e);
   if (t !== void 0)
     return rv[t] ?? t;
-}, ov = "_1cocly40", et = ({ content: e }) => /* @__PURE__ */ l(T, { children: xi(e.content ?? [e]) }), xi = (e) => e.map((t, r) => av(t, r)), av = (e, t) => {
+}, ov = "_1cocly40", et = ({ content: e }) => /* @__PURE__ */ l(T, { children: Ai(e.content ?? [e]) }), Ai = (e) => e.map((t, r) => av(t, r)), av = (e, t) => {
   if (e.type === "text") return iv(e, t);
   if (e.type === "hardBreak" || e.type === "hard_break") return /* @__PURE__ */ l("br", {}, t);
-  const r = e.content ? xi(e.content) : null;
+  const r = e.content ? Ai(e.content) : null;
   switch (e.type) {
     case "doc":
       return /* @__PURE__ */ l(Pt, { children: r }, t);
@@ -4505,7 +4506,7 @@ var Re = {
     case "paragraph":
       return /* @__PURE__ */ l("p", {
         "data-variant": Pn(e.attrs?.variant) ?? void 0,
-        style: Ai(So(e.attrs)),
+        style: bi(So(e.attrs)),
         children: r
       }, t);
     case "blockquote":
@@ -4572,7 +4573,7 @@ var Re = {
 }, dv = (e) => {
   if (typeof e == "number" && Number.isFinite(e)) return `calc(${e}px * ${y.textScale})`;
 }, Pn = (e) => typeof e == "string" && e.length > 0 ? e : void 0, cv = (e) => typeof e != "number" ? 3 : e < 1 ? 1 : e > 3 ? 3 : Math.round(e), uv = (e, t, r, n) => {
-  const o = Ai(n);
+  const o = bi(n);
   switch (e) {
     case 1:
       return /* @__PURE__ */ l("h1", {
@@ -4593,7 +4594,7 @@ var Re = {
 }, So = (e) => {
   const t = e?.textAlign;
   if (t === "left" || t === "right" || t === "center" || t === "justify") return t;
-}, Ai = (e) => e ? { textAlign: e } : void 0;
+}, bi = (e) => e ? { textAlign: e } : void 0;
 function $e(e) {
   const { store: t } = Ue();
   return nt(t, e);
@@ -4609,7 +4610,7 @@ var qt = {
 }, yv = {
   ...qt,
   waitingForView: !0
-}, fr = Y(qt), bi = 0.4, xv = ({ intro: e, panelRect: t, children: r }) => {
+}, fr = Y(qt), Si = 0.4, xv = ({ intro: e, panelRect: t, children: r }) => {
   const { layers: n, coordSystem: o, scales: a } = B(oe((h) => ({
     layers: h.layers,
     coordSystem: h.coordSystem,
@@ -4641,8 +4642,8 @@ var qt = {
 }, Qe = () => N(fr).waitingForView, Av = () => {
   const { introEndsAtMs: e } = N(fr), [t] = U(() => wv(e) / 1e3);
   return t;
-}, Si = (e) => {
-  const { plansByLayerId: t, coordKey: r } = N(fr), n = B((o) => wi(o.coordSystem));
+}, wi = (e) => {
+  const { plansByLayerId: t, coordKey: r } = N(fr), n = B((o) => ki(o.coordSystem));
   return t === null || r !== n ? null : t.get(e) ?? null;
 }, wo = (e) => e.enabled && e.trigger === "inView" && typeof IntersectionObserver < "u", ko = ({ layers: e, coordSystem: t, scales: r, intro: n }) => {
   if (!n.enabled) return qt;
@@ -4652,7 +4653,7 @@ var qt = {
     staggerOrder: n.staggerOrder
   }, a = /* @__PURE__ */ new Map();
   for (const s of e) {
-    const d = Vs({
+    const d = Ys({
       layer: s,
       coordSystem: t,
       scales: r,
@@ -4661,10 +4662,10 @@ var qt = {
     d !== null && a.set(s.id, d);
   }
   if (a.size === 0) return qt;
-  const i = [...a.values()].reduce((s, d) => Math.max(s, Ed(d)), 0);
+  const i = [...a.values()].reduce((s, d) => Math.max(s, Pd(d)), 0);
   return {
     plansByLayerId: a,
-    coordKey: wi(t),
+    coordKey: ki(t),
     introEndsAtMs: performance.now() + i * 1e3,
     waitingForView: !1
   };
@@ -4674,10 +4675,10 @@ var qt = {
     if (e === null) return;
     const n = new IntersectionObserver((o) => {
       o.some(Sv) && r(!0);
-    }, { threshold: bi });
+    }, { threshold: Si });
     return n.observe(e), () => n.disconnect();
   }, [e]), t;
-}, Sv = ({ intersectionRatio: e, intersectionRect: t }) => t.width > 0 && t.height > 0 && e >= bi, wv = (e) => Math.max(0, e - performance.now()), wi = (e) => e.type === "cartesian" ? `cartesian-${e.mainAxis}` : e.type, kv = (e) => {
+}, Sv = ({ intersectionRatio: e, intersectionRect: t }) => t.width > 0 && t.height > 0 && e >= Si, wv = (e) => Math.max(0, e - performance.now()), ki = (e) => e.type === "cartesian" ? `cartesian-${e.mainAxis}` : e.type, kv = (e) => {
   const { overlayRef: t } = Ue(), r = F(null), [n, o] = U(!1), a = Dr(e);
   return W(() => {
     const i = t.current;
@@ -4725,7 +4726,7 @@ var qt = {
     mode: x.config.tooltip.mode,
     comments: x.annotations.comments
   }))), { formattingLocale: t } = ee(), r = O(), n = $e((x) => x.hover), o = $e((x) => x.tooltipAnchor), a = $e((x) => x.suspendsHover), i = xe("Tooltip", Lv), s = F(() => {
-  }), { cursorRef: d, inside: c } = kv(() => s.current()), u = b(() => Us({
+  }), { cursorRef: d, inside: c } = kv(() => s.current()), u = b(() => Qs({
     ...e,
     hover: n,
     readers: r,
@@ -4755,9 +4756,9 @@ var qt = {
     "data-testid": "chart-tooltip",
     children: /* @__PURE__ */ l(i, { content: u })
   }), A = tv();
-  return A ? ed(/* @__PURE__ */ l(_h, { children: p }), A) : p;
+  return A ? td(/* @__PURE__ */ l(_h, { children: p }), A) : p;
 }, Lv = ({ content: e }) => {
-  const t = de(), r = B((h) => h.coordSystem), n = I(jl, O()), o = st([n.box.fill]), a = Z(n.heading), i = Z(n.label), s = Z(n.value), d = { paddingInline: n.box.paddingInline }, c = e.rows.some((h) => h.swatchColor !== null), u = e.rows.some((h) => !h.primary);
+  const t = de(), r = B((h) => h.coordSystem), n = I(Kl, O()), o = st([n.box.fill]), a = Z(n.heading), i = Z(n.label), s = Z(n.value), d = { paddingInline: n.box.paddingInline }, c = e.rows.some((h) => h.swatchColor !== null), u = e.rows.some((h) => !h.primary);
   return /* @__PURE__ */ S("div", {
     className: hv,
     style: Iv(n.box, o(n.box.fill)),
@@ -4832,7 +4833,7 @@ var qt = {
   open: e,
   placement: t !== null ? t.placement : "right",
   middleware: t !== null ? [
-    Lr(Ps),
+    Lr(Rs),
     Ir(Wt),
     Cr(Wt)
   ] : [
@@ -4878,24 +4879,24 @@ var qt = {
       children: e.value
     })
   ]
-}), ki = (e) => ({
+}), Ei = (e) => ({
   x: e.axisLabel.x().resolve(),
   y: e.axisLabel.y().resolve()
-}), Ei = (e) => ({
+}), Pi = (e) => ({
   x: e.tickLine.x().resolve(),
   y: e.tickLine.y().resolve()
 }), Nv = (e) => {
   const t = e.graph();
-  return Ul(z(t.get("fill")), t.get("alpha") ?? 1);
+  return Ql(z(t.get("fill")), t.get("alpha") ?? 1);
 }, Rn = (e) => (t, r) => r === void 0 ? e.tickLabel[t]().resolve() : e.tickLabel[r](t).resolve(), pr = (e) => {
   const t = {};
-  for (const r of Rs) {
+  for (const r of Cs) {
     const n = {};
-    for (const o of Ms) n[o] = Dl(e, r, o);
+    for (const o of Os) n[o] = Fl(e, r, o);
     t[r] = n;
   }
   return t;
-}, Pi = (e) => {
+}, Ri = (e) => {
   const t = e.legend().resolve();
   return {
     gap: t.gap,
@@ -4912,7 +4913,7 @@ var qt = {
     return Math.max(...h.map((f) => f.height)) + c;
   }
   return Eo(h.map((f) => f.width), g) + c;
-}, Eo = (e, t) => Math.min(Math.max(...e), t), Dv = ({ axisLabelStyles: e }) => (t) => We(e[Ae(t.scaleAestheticKey)]), Ri = ({ textMeasurer: e, dataLabelStyles: t, familyDefault: r }) => (n, o, a) => {
+}, Eo = (e, t) => Math.min(Math.max(...e), t), Dv = ({ axisLabelStyles: e }) => (t) => We(e[Ae(t.scaleAestheticKey)]), Ci = ({ textMeasurer: e, dataLabelStyles: t, familyDefault: r }) => (n, o, a) => {
   const i = t[n][o], s = e.measureText(a, te(i, r));
   return {
     ...s,
@@ -4920,12 +4921,12 @@ var qt = {
     height: s.height + i.paddingBlock * 2
   };
 }, Fv = ({ textMeasurer: e, familyDefault: t }) => (r, n) => e.measureText(r, te(n, t)), Gv = he.sm, Wv = ({ textMeasurer: e, familyDefault: t, itemGap: r, headlineItemStyles: n }) => (o, a) => {
-  const i = Ci(o, n[a], e, t);
+  const i = Li(o, n[a], e, t);
   return {
-    width: Li(i.map((s) => s.width)) + Math.max(0, i.length - 1) * r,
+    width: Ii(i.map((s) => s.width)) + Math.max(0, i.length - 1) * r,
     height: Math.max(0, ...i.map((s) => s.height))
   };
-}, zv = ({ textMeasurer: e, familyDefault: t, headlineItemStyles: r }) => (n, o) => Ci(n, r[o], e, t).map((a) => a.width), Vv = ({ textMeasurer: e, familyDefault: t, headlineItemStyles: r }) => (n, o, a = !1) => {
+}, zv = ({ textMeasurer: e, familyDefault: t, headlineItemStyles: r }) => (n, o) => Li(n, r[o], e, t).map((a) => a.width), Vv = ({ textMeasurer: e, familyDefault: t, headlineItemStyles: r }) => (n, o, a = !1) => {
   const i = na(r[o], a);
   return {
     width: e.measureText(n, te(i, t)).width,
@@ -4934,13 +4935,13 @@ var qt = {
 }, Yv = (e) => {
   const t = Wv(e), r = Vv(e);
   return (n, o, a = !1) => n.kind === "perGroup" ? t(n, o) : r(n.value, o, a);
-}, Ci = (e, t, r, n) => {
+}, Li = (e, t, r, n) => {
   const o = (a) => jv(a, t, r, n);
   return e.items.map((a) => {
     const i = jo(a, t).map(o), s = Math.max(0, i.length - 1) * t.gap;
     return {
       width: Math.max(0, ...i.map((d) => d.width)),
-      height: Li(i.map((d) => d.height)) + s
+      height: Ii(i.map((d) => d.height)) + s
     };
   });
 }, jv = (e, t, r, n) => {
@@ -4968,7 +4969,7 @@ var qt = {
     default:
       return t;
   }
-}, Uv = (e) => e.fontSize * (e.lineHeight ?? Gv), Li = (e) => e.reduce((t, r) => t + r, 0), Qv = (e, t) => e ? t : 0, Jt = (e, t, r) => {
+}, Uv = (e) => e.fontSize * (e.lineHeight ?? Gv), Ii = (e) => e.reduce((t, r) => t + r, 0), Qv = (e, t) => e ? t : 0, Jt = (e, t, r) => {
   if (r) {
     const n = Number(e.size);
     return Number.isFinite(n) && n > 0 ? n : 0;
@@ -4993,7 +4994,7 @@ var qt = {
   });
   return Math.max(...f) + h;
 }, qv = ({ textMeasurer: e, tickLabelStyles: t, familyDefault: r }) => (n, o) => e.measureText(n, te(t(o), r)), Jv = Object.freeze({}), Zv = ({ textMeasurer: e, metrics: t, overrides: r = Jv }) => {
-  const n = O(), o = I(ki, n), a = I(pr, n), i = I(ra, n), s = I(Et, n), d = I(Rn, n), c = I(Ei, n), u = F(r);
+  const n = O(), o = I(Ei, n), a = I(pr, n), i = I(ra, n), s = I(Et, n), d = I(Rn, n), c = I(Pi, n), u = F(r);
   return u.current = r, b(() => {
     if (!e) return null;
     const h = t.fonts.familyDefault, g = n.graph().get("textScale"), f = {
@@ -5045,7 +5046,7 @@ var qt = {
         textMeasurer: e,
         familyDefault: h
       }),
-      measureDataLabel: Ri({
+      measureDataLabel: Ci({
         textMeasurer: e,
         dataLabelStyles: a,
         familyDefault: h
@@ -5064,7 +5065,7 @@ var qt = {
   ]);
 }, $v = ({ measurer: e, axes: t, numberFormat: r, parsingLocale: n, formattedLegends: o, containerSize: a, externalMeasurements: i, headline: s, formattingLocale: d, annotations: c, layers: u, coordSystem: h, overflowStrategy: g, panelBorder: f, padding: v, margins: m }) => {
   const p = O(), A = nn(), x = b(() => (w) => ta(p, w), [p]);
-  return b(() => e ? new Ts(e).compile({
+  return b(() => e ? new Bs(e).compile({
     axes: t,
     numberFormat: r,
     parsingLocale: n,
@@ -5107,8 +5108,8 @@ var qt = {
 }, _v = (e) => !e.visible || e.ticks.length === 0, eg = (e) => e.items.length === 0, tg = () => {
   const { formattingLocale: e } = ee(), t = B((r) => r.config.parsingLocale);
   return e ?? t;
-}, Po = 0.5, Ii = Y(/* @__PURE__ */ new Map()), Ti = Y(() => {
-}), Bi = Y(/* @__PURE__ */ new Set()), rg = ({ children: e }) => {
+}, Po = 0.5, Ti = Y(/* @__PURE__ */ new Map()), Bi = Y(() => {
+}), Mi = Y(/* @__PURE__ */ new Set()), rg = ({ children: e }) => {
   const [t, r] = U(() => /* @__PURE__ */ new Map()), [n] = U(() => /* @__PURE__ */ new Set()), o = F(/* @__PURE__ */ new Map()), a = ie((i, s, d) => {
     const c = o.current.get(i) ?? /* @__PURE__ */ new Set();
     if (d !== null) {
@@ -5117,17 +5118,17 @@ var qt = {
     }
     c.delete(s), !(c.size > 0) && (o.current.delete(i), r((u) => lg(u, i)));
   }, []);
-  return /* @__PURE__ */ l(Ti.Provider, {
+  return /* @__PURE__ */ l(Bi.Provider, {
     value: a,
-    children: /* @__PURE__ */ l(Bi.Provider, {
+    children: /* @__PURE__ */ l(Mi.Provider, {
       value: n,
-      children: /* @__PURE__ */ l(Ii.Provider, {
+      children: /* @__PURE__ */ l(Ti.Provider, {
         value: t,
         children: e
       })
     })
   });
-}, ng = () => N(Ii), og = () => N(Ti), ag = (e) => {
+}, ng = () => N(Ti), og = () => N(Bi), ag = (e) => {
   const t = og(), r = Q(), n = F(null);
   return W(() => {
     if (typeof ResizeObserver > "u") return;
@@ -5147,7 +5148,7 @@ var qt = {
     r,
     t
   ]), n;
-}, ig = () => N(Bi), sg = (e, t, r) => {
+}, ig = () => N(Mi), sg = (e, t, r) => {
   const n = e.get(t);
   if (n !== void 0 && Math.abs(n.width - r.width) < Po && Math.abs(n.height - r.height) < Po) return e;
   const o = new Map(e);
@@ -5156,7 +5157,7 @@ var qt = {
   if (!e.has(t)) return e;
   const r = new Map(e);
   return r.delete(t), r;
-}, Py = (e, t) => e !== null && e.annotationId === t ? e : null, dg = (e, t) => e.annotationId === t.annotationId && e.translation.x === t.translation.x && e.translation.y === t.translation.y, Ry = (e, t, r) => e !== null && e.annotationId === t && e.endpoint === r ? e : null, cg = (e, t) => e.annotationId === t.annotationId && e.endpoint === t.endpoint && e.anchor.x === t.anchor.x && e.anchor.y === t.anchor.y, Cy = (e, t, r) => e !== null && e.annotationId === t && e.endpoint === r ? e : null, ug = (e, t) => e.annotationId === t.annotationId && e.endpoint === t.endpoint && Os(e.point.anchor, t.point.anchor), Ly = (e, t) => e !== null && e.annotationId === t ? e : null, hg = (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, Iy = (e, t) => e !== null && e.annotationId === t ? e : null, vg = (e, t) => e.annotationId === t.annotationId && e.at.x === t.at.x && e.width === t.width && e.shift === t.shift, xt = ({ standingInteraction: e }, t) => e !== null && De(e, t) ? e : null, gg = (e, t) => {
+}, Ry = (e, t) => e !== null && e.annotationId === t ? e : null, dg = (e, t) => e.annotationId === t.annotationId && e.translation.x === t.translation.x && e.translation.y === t.translation.y, Cy = (e, t, r) => e !== null && e.annotationId === t && e.endpoint === r ? e : null, cg = (e, t) => e.annotationId === t.annotationId && e.endpoint === t.endpoint && e.anchor.x === t.anchor.x && e.anchor.y === t.anchor.y, Ly = (e, t, r) => e !== null && e.annotationId === t && e.endpoint === r ? e : null, ug = (e, t) => e.annotationId === t.annotationId && e.endpoint === t.endpoint && Ns(e.point.anchor, t.point.anchor), Iy = (e, t) => e !== null && e.annotationId === t ? e : null, hg = (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, Ty = (e, t) => e !== null && e.annotationId === t ? e : null, vg = (e, t) => e.annotationId === t.annotationId && e.at.x === t.at.x && e.width === t.width && e.shift === t.shift, xt = ({ standingInteraction: e }, t) => e !== null && De(e, t) ? e : null, gg = (e, t) => {
   if (e === null) return !1;
   switch (t.kind) {
     case "difference-arrow-endpoint-drag":
@@ -5174,20 +5175,20 @@ var qt = {
     case "menu":
       return !1;
   }
-}, De = (e, t) => e.kind === t, Ty = (e, t, r, n) => {
-  const o = Mi(r.layerId, e, t, n);
+}, De = (e, t) => e.kind === t, By = (e, t, r, n) => {
+  const o = Oi(r.layerId, e, t, n);
   return o === null ? null : {
     observationIndex: e,
     predicate: o.predicate,
     selectedFor: r
   };
-}, By = ({ observationIndex: e, predicate: t, selectedFor: r }, n, o) => {
-  const a = Mi(r.layerId, e, n, o);
+}, My = ({ observationIndex: e, predicate: t, selectedFor: r }, n, o) => {
+  const a = Oi(r.layerId, e, n, o);
   return a !== null && Yo(a.predicate, t) ? a.standing : null;
-}, fg = (e, t) => e === t ? !0 : e === null || t === null ? !1 : e.observationIndex === t.observationIndex && Yo(e.predicate, t.predicate) && mt(e.selectedFor, t.selectedFor), Mi = (e, t, r, n) => {
+}, fg = (e, t) => e === t ? !0 : e === null || t === null ? !1 : e.observationIndex === t.observationIndex && Yo(e.predicate, t.predicate) && mt(e.selectedFor, t.selectedFor), Oi = (e, t, r, n) => {
   const o = er(r, e), a = o?.data.getAt(t) ?? null;
   if (o === void 0 || a === null) return null;
-  const i = Ys({
+  const i = js({
     layer: o,
     observationIndex: t,
     scope: "data-point",
@@ -5200,7 +5201,7 @@ var qt = {
     },
     predicate: i.predicate
   };
-}, My = ({ overMenuTrigger: e, stamped: t, observations: r }) => e ? { kind: "menu-trigger" } : t !== null && t.kind !== "grid" ? t : r !== null ? {
+}, Oy = ({ overMenuTrigger: e, stamped: t, observations: r }) => e ? { kind: "menu-trigger" } : t !== null && t.kind !== "grid" ? t : r !== null ? {
   kind: "observations",
   observations: r
 } : t, pg = (e, t) => {
@@ -5215,20 +5216,20 @@ var qt = {
     return r.layerId === n.layerId && r.observationIndex === n.observationIndex && r.target.scope === n.target.scope && r.onObservation === n.onObservation;
   }
   return e.kind === "menu-trigger" && t.kind === "menu-trigger";
-}, Oi = (e) => {
+}, Ni = (e) => {
   const t = e.editTargetUnderPointer;
   return t?.kind === "annotation" ? t.target.id : null;
 }, mg = (e) => {
   const t = e.editTargetUnderPointer;
   return t !== null && t.kind !== "menu-trigger";
-}, Ni = () => rn((e) => ({
+}, Hi = () => rn((e) => ({
   menuTrigger: null,
   editTargetUnderPointer: null,
   standingInteraction: null,
   selectedOutline: null,
   caret: null,
   pressedObservation: null,
-  setMenuTrigger: (t) => e((r) => Ns(r.menuTrigger, t) ? r : { menuTrigger: t }),
+  setMenuTrigger: (t) => e((r) => Hs(r.menuTrigger, t) ? r : { menuTrigger: t }),
   setEditTargetUnderPointer: (t) => e((r) => pg(r.editTargetUnderPointer, t) ? r : { editTargetUnderPointer: t }),
   claimInteraction: (t) => e((r) => gg(r.standingInteraction, t) ? r : { standingInteraction: t }),
   releaseInteraction: (t) => e((r) => r.standingInteraction?.kind === t ? { standingInteraction: null } : r),
@@ -5242,13 +5243,13 @@ var qt = {
     editor: t
   } }),
   setPressedObservation: (t) => e((r) => fg(r.pressedObservation, t) ? r : { pressedObservation: t })
-})), yg = (e, t) => e === t ? !0 : e === null || t === null ? !1 : mt(e.target, t.target) && e.frameScale === t.frameScale && Nr(e.frame, t.frame) && Hr(e.frameSpans, t.frameSpans), Ln = Y(null), xg = Ni(), Oy = ({ children: e }) => {
-  const [t] = U(() => Ni());
+})), yg = (e, t) => e === t ? !0 : e === null || t === null ? !1 : mt(e.target, t.target) && e.frameScale === t.frameScale && Nr(e.frame, t.frame) && Hr(e.frameSpans, t.frameSpans), Ln = Y(null), xg = Hi(), Ny = ({ children: e }) => {
+  const [t] = U(() => Hi());
   return /* @__PURE__ */ l(Ln.Provider, {
     value: t,
     children: e
   });
-}, Ny = () => {
+}, Hy = () => {
   const e = N(Ln);
   if (e === null) throw new Error("useEditorStore must be used inside an <EditorProvider>.");
   return e;
@@ -5256,21 +5257,21 @@ var qt = {
 function Ie(e) {
   return nt(N(Ln) ?? xg, e);
 }
-var Hi = Y(null), Ag = ({ panelRect: e, children: t }) => {
+var Di = Y(null), Ag = ({ panelRect: e, children: t }) => {
   const r = Sg(e);
-  return /* @__PURE__ */ l(Hi.Provider, {
+  return /* @__PURE__ */ l(Di.Provider, {
     value: r,
     children: t
   });
 }, bg = () => {
-  const e = N(Hi);
+  const e = N(Di);
   if (e === null) throw new Error("Difference arrows read outside a <DifferenceArrowsProvider>.");
   return e;
-}, Ro = (e, t, r) => t.hasAuthoredStroke ? t.stroke : Ml(e.start, e.end, {
+}, Ro = (e, t, r) => t.hasAuthoredStroke ? t.stroke : Ol(e.start, e.end, {
   start: r(e.start),
   end: r(e.end)
 }) ?? t.stroke, Sg = (e) => {
-  const { formattingLocale: t } = ee(), r = Oe(), { fonts: n } = Ke(), o = Ie((p) => xt(p, "difference-arrow-endpoint-drag")), a = ud(), i = O(), { differenceArrows: s, mainAxis: d, parsingLocale: c } = B(oe((p) => ({
+  const { formattingLocale: t } = ee(), r = Oe(), { fonts: n } = Ke(), o = Ie((p) => xt(p, "difference-arrow-endpoint-drag")), a = hd(), i = O(), { differenceArrows: s, mainAxis: d, parsingLocale: c } = B(oe((p) => ({
     differenceArrows: p.annotations.differenceArrows,
     mainAxis: wt(p.coordSystem),
     parsingLocale: p.config.parsingLocale
@@ -5326,14 +5327,14 @@ var Hi = Y(null), Ag = ({ panelRect: e, children: t }) => {
     a
   ]);
 }, Co = (e, t, r, n) => {
-  const o = Xs({
+  const o = qs({
     arrow: e,
     style: t,
     ...r
   });
   return {
     ...o,
-    labelBox: vl({
+    labelBox: gl({
       labelPosition: o.labelPosition,
       measuredTextWidth: n(o.labelText, t.label),
       label: t.label
@@ -5415,7 +5416,7 @@ var Cg = "vultop2", Lg = "vultop3", Ig = "vultop4", Tg = "vultop5", Bg = (e) =>
   "aria-hidden": "true",
   className: t,
   children: e === "dark" ? Dg : Hg
-}), Gg = (e, t, r = "full") => !e || t.width < 120 || t.height < 80 ? "hidden" : t.width < 200 || r === "mini" ? "mini" : "full", Di = ({ visual: e, placement: t }) => {
+}), Gg = (e, t, r = "full") => !e || t.width < 120 || t.height < 80 ? "hidden" : t.width < 200 || r === "mini" ? "mini" : "full", Fi = ({ visual: e, placement: t }) => {
   const r = Bg(z(O().graph().get("fill")));
   return /* @__PURE__ */ S("a", {
     className: bt(Rg, e === "mini" && "vultop1", t === "footer" ? Ig : Tg),
@@ -5433,14 +5434,14 @@ var Cg = "vultop2", Lg = "vultop3", Ig = "vultop4", Tg = "vultop5", Bg = (e) =>
       children: "Made with Graphy"
     })]
   });
-}, Fi = Y({
+}, Gi = Y({
   Title: null,
   Caption: null,
   TextAnnotation: null
-}), Hy = ({ editors: e, children: t }) => /* @__PURE__ */ l(Fi.Provider, {
+}), Dy = ({ editors: e, children: t }) => /* @__PURE__ */ l(Gi.Provider, {
   value: e,
   children: t
-}), In = () => N(Fi), Lo = "_4dlrid0", Wg = "xfz7dq0";
+}), In = () => N(Gi), Lo = "_4dlrid0", Wg = "xfz7dq0";
 var zg = "xfz7dq2", Vg = "xfz7dq3", Yg = "xfz7dq4", jg = "xfz7dq5", Kg = ({ ref: e, footerRect: t, mode: r = Re.readonly, caption: n, showCaption: o, source: a, showSource: i, captionStyle: s, sourceStyle: d, brandMark: c }) => {
   const { Caption: u } = In(), h = Ne[An(r)].inlineTextEditing ? u : null, g = o && (h !== null || n !== null), f = i && a !== null && qg(a), v = c !== "hidden";
   return !g && !f && !v ? null : /* @__PURE__ */ S("div", {
@@ -5462,7 +5463,7 @@ var zg = "xfz7dq2", Vg = "xfz7dq3", Yg = "xfz7dq4", jg = "xfz7dq5", Kg = ({ ref:
       children: [f && /* @__PURE__ */ l(Qg, {
         source: a,
         sourceStyle: d
-      }), c !== "hidden" ? /* @__PURE__ */ l(Di, {
+      }), c !== "hidden" ? /* @__PURE__ */ l(Fi, {
         visual: c,
         placement: "footer"
       }) : null]
@@ -5528,7 +5529,7 @@ var Zg = 22, $g = ({ ref: e, headerRect: t, mode: r = Re.readonly, title: n, sho
       subtitle: a,
       headingStyle: s,
       subtitleStyle: d
-    }), c !== "hidden" ? /* @__PURE__ */ l(Di, {
+    }), c !== "hidden" ? /* @__PURE__ */ l(Fi, {
       visual: c,
       placement: "header"
     }) : null]
@@ -5552,12 +5553,12 @@ var Zg = 22, $g = ({ ref: e, headerRect: t, mode: r = Re.readonly, title: n, sho
     style: Z(a),
     children: /* @__PURE__ */ l(et, { content: n })
   }))] });
-}, ef = "_1u9qprb0", tf = "_1u9qprb1", rf = /* @__PURE__ */ rd({
+}, ef = "_1u9qprb0", tf = "_1u9qprb1", rf = /* @__PURE__ */ nd({
   group: () => af,
-  item: () => Gi,
+  item: () => Wi,
   trend: () => of,
   value: () => nf
-}), nf = "_9aen060", of = "_9aen061", af = "_9aen062", Gi = "_9aen063", sf = {
+}), nf = "_9aen060", of = "_9aen061", af = "_9aen062", Wi = "_9aen063", sf = {
   xxs: 8,
   xs: 12,
   sm: 16,
@@ -5567,7 +5568,7 @@ var Zg = 22, $g = ({ ref: e, headerRect: t, mode: r = Re.readonly, title: n, sho
 }, lf = {
   primary: "asohov1 asohov0",
   secondary: "asohov2 asohov0"
-}, Wi = ({ children: e, title: t, variant: r = "primary", size: n = "sm", ...o }) => {
+}, zi = ({ children: e, title: t, variant: r = "primary", size: n = "sm", ...o }) => {
   const a = Q(), i = sf[n];
   return /* @__PURE__ */ S("svg", {
     className: lf[r],
@@ -5583,7 +5584,7 @@ var Zg = 22, $g = ({ ref: e, headerRect: t, mode: r = Re.readonly, title: n, sho
       children: t
     }), e]
   });
-}, df = (e) => /* @__PURE__ */ l(Wi, {
+}, df = (e) => /* @__PURE__ */ l(zi, {
   ...e,
   children: /* @__PURE__ */ S("g", {
     stroke: "currentColor",
@@ -5592,7 +5593,7 @@ var Zg = 22, $g = ({ ref: e, headerRect: t, mode: r = Re.readonly, title: n, sho
     strokeLinejoin: "round",
     children: [/* @__PURE__ */ l("path", { d: "m5 12 7-7 7 7" }), /* @__PURE__ */ l("path", { d: "M12 19V5" })]
   })
-}), cf = (e) => /* @__PURE__ */ l(Wi, {
+}), cf = (e) => /* @__PURE__ */ l(zi, {
   ...e,
   children: /* @__PURE__ */ l("g", {
     stroke: "currentColor",
@@ -5608,7 +5609,7 @@ var gf = ({ segment: e, itemStyle: t }) => {
     size: e.size
   });
   if (e.kind === "trendArrow") {
-    const o = zi(t, e.direction);
+    const o = Vi(t, e.direction);
     return /* @__PURE__ */ l("div", {
       className: Fe(vf, e.direction === "down" && "n7clvo3"),
       style: {
@@ -5660,14 +5661,14 @@ var gf = ({ segment: e, itemStyle: t }) => {
     case "trendPercentage":
       return { style: Ze({
         ...t.trend,
-        textColor: zi(t, e.trendDirection ?? "up")
+        textColor: Vi(t, e.trendDirection ?? "up")
       }) };
     case "trendReference":
       return { style: Ze(t.trend) };
     default:
       return e.textRole;
   }
-}, zi = (e, t) => {
+}, Vi = (e, t) => {
   switch (t) {
     case "up":
       return e.trendUp.textColor;
@@ -5679,7 +5680,7 @@ var gf = ({ segment: e, itemStyle: t }) => {
       return t;
   }
 }, mf = ({ item: e, itemStyle: t }) => /* @__PURE__ */ l("div", {
-  className: Gi,
+  className: Wi,
   style: { gap: t.gap },
   children: jo(e, t).map((r) => /* @__PURE__ */ l(yf, {
     row: r,
@@ -5731,11 +5732,11 @@ var gf = ({ segment: e, itemStyle: t }) => {
       itemStyle: s
     }, `${c.label}-${u}`))
   });
-}, Vi = "data-legend-index", Yi = "data-legend-item-index", ji = ({ legendIndex: e, itemIndex: t }) => ({
-  [Vi]: String(e),
-  [Yi]: String(t)
+}, Yi = "data-legend-index", ji = "data-legend-item-index", Ki = ({ legendIndex: e, itemIndex: t }) => ({
+  [Yi]: String(e),
+  [ji]: String(t)
 }), bf = (e) => {
-  const t = Fr(e, Vi), r = Fr(e, Yi);
+  const t = Fr(e, Yi), r = Fr(e, ji);
   return t === null || r === null ? null : {
     legendIndex: t,
     itemIndex: r
@@ -5745,20 +5746,20 @@ var gf = ({ segment: e, itemStyle: t }) => {
   if (r === null || !/^(0|[1-9]\d*)$/.test(r)) return null;
   const n = Number(r);
   return Number.isSafeInteger(n) ? n : null;
-}, Xe = "data-edit-kind", Ki = "data-edit-id", Zt = "data-edit-axis", Ui = "data-edit-tick-index", Qi = "data-legend-overflow-control", Dy = `[${Qi}]`, Sf = "observations", Xi = "data-live-geom", wf = `[${Xe}]`, Bt = (e) => ({
+}, Xe = "data-edit-kind", Ui = "data-edit-id", Zt = "data-edit-axis", Qi = "data-edit-tick-index", Xi = "data-legend-overflow-control", Fy = `[${Xi}]`, Sf = "observations", qi = "data-live-geom", wf = `[${Xe}]`, Bt = (e) => ({
   [Xe]: e.kind,
-  [Ki]: e.id
+  [Ui]: e.id
 }), Tn = (e, t) => ({
   [Xe]: "axis",
   [Zt]: e,
-  ...t === void 0 ? {} : { [Ui]: String(t) }
+  ...t === void 0 ? {} : { [Qi]: String(t) }
 }), Bn = (e) => ({
   [Xe]: "legend",
-  ...ji(e)
-}), qi = (e) => ({
+  ...Ki(e)
+}), Ji = (e) => ({
   [Xe]: "grid",
   [Zt]: e
-}), Fy = (e, t) => {
+}), Gy = (e, t) => {
   for (const r of e) {
     const n = r.closest(wf);
     if (n === null || !t.contains(n)) continue;
@@ -5767,18 +5768,18 @@ var gf = ({ segment: e, itemStyle: t }) => {
     if (n !== r) return null;
   }
   return null;
-}, Ji = ({ live: e = !1 } = {}) => ({
+}, Zi = ({ live: e = !1 } = {}) => ({
   [Xe]: Sf,
-  ...e ? { [Xi]: "" } : {}
-}), Gy = (e, t) => {
+  ...e ? { [qi]: "" } : {}
+}), Wy = (e, t) => {
   if (!(e instanceof Element)) return !1;
-  const r = e.closest(`[${Xi}]`);
+  const r = e.closest(`[${qi}]`);
   return r !== null && r !== e && t.contains(r);
 }, kf = (e) => {
   const t = e.getAttribute(Xe);
   switch (t) {
     case "annotation": {
-      const r = e.getAttribute(Ki);
+      const r = e.getAttribute(Ui);
       return r === null || r === "" ? null : {
         kind: t,
         target: {
@@ -5798,7 +5799,7 @@ var gf = ({ segment: e, itemStyle: t }) => {
         },
         part: null
       };
-      const n = Fr(e, Ui);
+      const n = Fr(e, Qi);
       return n === null ? null : {
         kind: t,
         target: {
@@ -5829,9 +5830,9 @@ var gf = ({ segment: e, itemStyle: t }) => {
     default:
       return null;
   }
-}, Zi = Y(Re.readonly);
+}, $i = Y(Re.readonly);
 function Mt() {
-  return N(Zi);
+  return N($i);
 }
 var He = () => Ne[Mt()].guidePress, Ef = 0.25, Mn = (e) => Qe() ? null : /* @__PURE__ */ l(Pf, { ...e }), Pf = ({ children: e, as: t = "g", ...r }) => {
   const n = Av(), o = t;
@@ -5880,7 +5881,7 @@ var If = 8, Tf = 16, Bf = 2, Mf = ({ indexedLegends: e, containerRect: t }) => {
         top: h.y,
         color: Rf(r, h.payload.color)
       },
-      ...i ? Bn(h.payload.address) : ji(h.payload.address),
+      ...i ? Bn(h.payload.address) : Ki(h.payload.address),
       children: h.payload.label
     }, h.payload.key))]
   });
@@ -5907,7 +5908,7 @@ var If = 8, Tf = 16, Bf = 2, Mf = ({ indexedLegends: e, containerRect: t }) => {
     return a.length === 0 || t.height <= 0 ? {
       placements: [],
       hasOverlap: !1
-    } : qs({
+    } : Js({
       items: a,
       containerHeight: t.height,
       labelHeight: r
@@ -5930,27 +5931,27 @@ var If = 8, Tf = 16, Bf = 2, Mf = ({ indexedLegends: e, containerRect: t }) => {
   });
 }, Hf = "_6a636s0";
 var Df = 0.6;
-var $i = (e, t) => ({
+var _i = (e, t) => ({
   ...e.fill === void 0 ? {} : _e(e.fill, t),
   ...e.cornerRadius === void 0 ? {} : { borderRadius: Tt(e.cornerRadius) },
   ...e.shadow === void 0 ? {} : { boxShadow: ot(e.shadow) },
-  ...ts(e.strokeWidth, e.stroke)
-}), _i = (e, t) => ({
+  ...rs(e.strokeWidth, e.stroke)
+}), es = (e, t) => ({
   ...Z(e),
-  ...$i(e, t),
+  ..._i(e, t),
   ...e.alpha === void 0 ? {} : { opacity: e.alpha },
   paddingInline: e.paddingInline,
   paddingBlock: e.paddingBlock
-}), es = (e) => e.fill !== void 0 || e.strokeWidth > 0, Ff = (e, t, r) => ({
+}), ts = (e) => e.fill !== void 0 || e.strokeWidth > 0, Ff = (e, t, r) => ({
   ..._e(e.fill, r),
   borderRadius: Tt(e.cornerRadius),
   paddingInline: e.paddingInline,
   paddingBlock: e.paddingBlock,
   boxShadow: ot(e.shadow),
   ...e.alpha === void 0 ? {} : { opacity: e.alpha },
-  ...ts(e.strokeWidth, e.stroke),
+  ...rs(e.strokeWidth, e.stroke),
   ...Z(t)
-}), ts = (e, t) => e > 0 && t !== void 0 ? { border: `${e}px solid ${t}` } : {}, Gf = "var(--_1kjk02r0)", Wf = "_1kjk02r1", zf = {
+}), rs = (e, t) => e > 0 && t !== void 0 ? { border: `${e}px solid ${t}` } : {}, Gf = "var(--_1kjk02r0)", Wf = "_1kjk02r1", zf = {
   1: "_1kjk02r2",
   2: "_1kjk02r3"
 }, Vf = {
@@ -5991,7 +5992,7 @@ var Qf = "_1dw9dgx0", Sr = "\0", Xf = (e, t) => {
     });
   }
   return r;
-}, rs = ({ pill: e }) => e.hasBubbleSwatch ? /* @__PURE__ */ l(Zf, { pill: e }) : /* @__PURE__ */ l(Jf, { pill: e }), qf = ({ color: e, lineType: t, shape: r, label: n, layerId: o, groupValue: a }) => {
+}, ns = ({ pill: e }) => e.hasBubbleSwatch ? /* @__PURE__ */ l(Zf, { pill: e }) : /* @__PURE__ */ l(Jf, { pill: e }), qf = ({ color: e, lineType: t, shape: r, label: n, layerId: o, groupValue: a }) => {
   const { swatch: i } = I(Et, O()), s = cr(o, a, i.size), d = dr(o, a, e), c = B((h) => wt(h.coordSystem)), u = $f(e, d);
   return u ? /* @__PURE__ */ l(It, {
     shape: r,
@@ -6026,9 +6027,9 @@ var Qf = "_1dw9dgx0", Sr = "\0", Xf = (e, t) => {
       opacity: n.alpha
     }
   }), /* @__PURE__ */ l("span", { children: e.formattedLabel })] });
-}, $f = (e, t) => e === void 0 ? void 0 : t, Io = { [Qi]: "" }, _f = ({ hiddenPills: e, placement: t }) => {
-  const r = fi(), [n, o] = U(!1), a = O(), i = I(Et, a), s = I(Pi, a), d = He(), c = st([i.item.fill, s.popover.fill]), u = c(i.item.fill), h = _i(i.item, u), g = ep(e.length, i.item), f = g === null ? void 0 : {
-    ...$i(i.item, u),
+}, $f = (e, t) => e === void 0 ? void 0 : t, Io = { [Xi]: "" }, _f = ({ hiddenPills: e, placement: t }) => {
+  const r = pi(), [n, o] = U(!1), a = O(), i = I(Et, a), s = I(Ri, a), d = He(), c = st([i.item.fill, s.popover.fill]), u = c(i.item.fill), h = es(i.item, u), g = ep(e.length, i.item), f = g === null ? void 0 : {
+    ..._i(i.item, u),
     opacity: Df * (i.item.alpha ?? 1)
   }, { refs: v, floatingStyles: m } = da({
     open: n,
@@ -6101,12 +6102,12 @@ var Qf = "_1dw9dgx0", Sr = "\0", Xf = (e, t) => {
         className: Fe("_1kjk02rf", d && "_1kjk02rg"),
         style: { gap: i.item.gap },
         ...d ? Bn(x.address) : void 0,
-        children: /* @__PURE__ */ l(rs, { pill: x })
+        children: /* @__PURE__ */ l(ns, { pill: x })
       }, x.key))
     })
   })] });
 }, ep = (e, t) => {
-  if (!es(t)) return null;
+  if (!ts(t)) return null;
   const r = Math.min(e - 1, 2);
   return r === 1 ? 1 : r === 2 ? 2 : null;
 }, tp = (e, t) => {
@@ -6121,7 +6122,7 @@ var Qf = "_1dw9dgx0", Sr = "\0", Xf = (e, t) => {
   left: "_1cecisi7"
 }, sp = "_1cecisi8";
 var lp = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n }) => {
-  const o = Oe(), a = Ke(), i = O(), s = I(Pi, i), d = I(Et, i), c = de(), u = B((R) => R.coordSystem.type), h = He(), g = b(() => Xf(t, (R) => c(R, u)?.swatchShape ?? "square"), [
+  const o = Oe(), a = Ke(), i = O(), s = I(Ri, i), d = I(Et, i), c = de(), u = B((R) => R.coordSystem.type), h = He(), g = b(() => Xf(t, (R) => c(R, u)?.swatchShape ?? "square"), [
     t,
     c,
     u
@@ -6148,7 +6149,7 @@ var lp = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
       font: R,
       swatchGap: d.item.gap,
       horizontalChrome: P
-    })) + (es(d.item) ? 8 : 0);
+    })) + (ts(d.item) ? 8 : 0);
     return hp({
       pillSizes: J,
       overflowPillSize: ce,
@@ -6165,7 +6166,7 @@ var lp = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
     d
   ]), A = st([d.item.fill]);
   if (g.length === 0) return null;
-  const x = g.slice(0, p.visibleCount), w = g.slice(p.visibleCount), k = p.hasOverflow && w.length > 0, E = _i(d.item, A(d.item.fill));
+  const x = g.slice(0, p.visibleCount), w = g.slice(p.visibleCount), k = p.hasOverflow && w.length > 0, E = es(d.item, A(d.item.fill));
   return /* @__PURE__ */ S("div", {
     className: Fe(ap[m], rp, {
       [op]: f,
@@ -6180,7 +6181,7 @@ var lp = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
         gap: d.item.gap
       },
       ...h ? Bn(R.address) : void 0,
-      children: /* @__PURE__ */ l(rs, { pill: R })
+      children: /* @__PURE__ */ l(ns, { pill: R })
     }, R.key)), k && /* @__PURE__ */ l(_f, {
       hiddenPills: w,
       placement: vp(e)
@@ -6263,7 +6264,7 @@ var lp = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
     }, a);
   }) });
 }), fp = (e, t, r) => {
-  if (e.type === "cartesian") return gl(e, t);
+  if (e.type === "cartesian") return fl(e, t);
   const n = at(r), o = se(t.x, e.innerRadius, n), a = se(t.x, 1, n);
   return {
     x1: o.x,
@@ -6320,7 +6321,7 @@ var lp = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
     })
   });
 }, xp = ({ coordSystem: e, scales: t, primary: r, panelRect: n, guide: o }) => {
-  const a = fl(e, t, r);
+  const a = pl(e, t, r);
   return a === null ? null : /* @__PURE__ */ l(On, {
     panelRect: n,
     children: /* @__PURE__ */ l("rect", {
@@ -6330,7 +6331,7 @@ var lp = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
     })
   });
 }, Ap = ({ coordSystem: e, primary: t, panelRect: r, guide: n }) => {
-  const o = ml(e, t);
+  const o = yl(e, t);
   if (o === null) return null;
   const a = Ge(o);
   return a ? /* @__PURE__ */ l(On, {
@@ -6359,13 +6360,13 @@ var lp = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
   },
   "data-testid": "hover-guide",
   children: t
-}), bp = (e) => e.hoverGuide().resolve(), Wy = (e, t, r) => {
-  for (const n of Object.values(os)) {
+}), bp = (e) => e.hoverGuide().resolve(), zy = (e, t, r) => {
+  for (const n of Object.values(as)) {
     const o = n(e, t, r);
     if (o !== null) return o;
   }
   return null;
-}, Sp = (e) => os[e] !== void 0, wp = (e, t, r) => ns(e, r, t / 2), kp = (e, t) => {
+}, Sp = (e) => as[e] !== void 0, wp = (e, t, r) => os(e, r, t / 2), kp = (e, t) => {
   const r = At(e.start, t), n = At(e.end, t);
   return r.x === n.x && r.y === n.y ? null : {
     shape: "segment",
@@ -6388,7 +6389,7 @@ var lp = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
 }, zt = (e, t) => (r, n, o) => {
   const a = e(r).find((i) => i.id === n);
   return a === void 0 ? null : t(a, o);
-}, ns = (e, t, r = 0) => {
+}, os = (e, t, r = 0) => {
   const n = en(e, t);
   return {
     shape: "rect",
@@ -6399,14 +6400,14 @@ var lp = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
       height: n.height + r * 2
     }
   };
-}, os = {
+}, as = {
   text: zt((e) => e.textAnnotations, Ep),
   shape: zt((e) => e.shapes, (e, t) => wp(e.region, t.readers.annotation.shape(e.id).get("strokeWidth"), t.panel)),
-  image: zt((e) => e.images, (e, t) => ns(e.region, t.panel)),
+  image: zt((e) => e.images, (e, t) => os(e.region, t.panel)),
   arrow: zt((e) => e.arrows, (e, t) => kp(e, t.panel))
 }, Pp = (e, t) => {
-  const r = sl(e, t);
-  return r !== null && Sp(r.kind) && bl(r);
+  const r = ll(e, t);
+  return r !== null && Sp(r.kind) && Sl(r);
 }, Rp = 200, Cp = ({ engine: e, store: t, overlayRef: r }) => {
   const { tolerance: n } = Ne[Mt()], o = nt(t, (i) => i.editorOwnsQuery), a = Qe();
   W(() => {
@@ -6467,7 +6468,7 @@ var lp = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
       A.setHoverState(t.query(x.cursor, { tolerance: n })), A.setTooltipAnchor(Ip(x.tooltip, m));
       return;
     }
-    const w = Kl(p, m);
+    const w = Ul(p, m);
     A.setHoverState(t.query(w, { tolerance: n })), A.setTooltipAnchor(null);
   }, c = () => {
     const v = r.getState();
@@ -6494,7 +6495,7 @@ var lp = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
     e.removeEventListener("pointermove", g), e.removeEventListener("pointerleave", f), document.removeEventListener("pointermove", h), a !== null && cancelAnimationFrame(a), o = null;
   };
 }, Bp = ({ panelRect: e }) => {
-  const { engine: t, store: r, overlayRef: n } = Ue(), o = Ie(Oi), a = Ie(mg), i = Ie((d) => d.caret !== null);
+  const { engine: t, store: r, overlayRef: n } = Ue(), o = Ie(Ni), a = Ie(mg), i = Ie((d) => d.caret !== null);
   Cp({
     engine: t,
     store: r,
@@ -6523,7 +6524,7 @@ var lp = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
   }, [e, o]);
 }, mr = () => Ie((e) => xt(e, "move-drag")?.annotationId ?? xt(e, "shape-resize-drag")?.annotationId ?? xt(e, "arrow-endpoint-drag")?.annotationId ?? null), Ot = (e) => {
   const t = B((s) => s.annotations), r = ng(), n = ig(), o = Np(e), a = ie((s) => Bo(n, "cycle", s, `Annotation reference cycle detected; dropping annotation(s): ${s.join(", ")}`), [n]), i = ie((s) => Bo(n, "missing-ref", s, `Annotation reference target(s) no longer exist (dropped during compilation); dropping annotations referencing: ${s.join(", ")}`), [n]);
-  return b(() => Fl({
+  return b(() => Gl({
     annotations: t,
     panelRect: e,
     measuredBoxes: r,
@@ -6540,7 +6541,7 @@ var lp = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
   ]);
 }, Np = (e) => {
   const t = B((a) => a.layers), r = B((a) => a.coordSystem), n = de(), o = je();
-  return b(() => nl({
+  return b(() => ol({
     layers: t,
     coordSystem: r,
     readPaintedRect: (a, i) => n(a.geom, r.type)?.getObservationRect?.({
@@ -6560,7 +6561,7 @@ var lp = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
 }, Bo = (e, t, r, n) => {
   const o = [t, ...[...r].sort()].join("\0");
   e.has(o) || (e.add(o), console.warn(n));
-}, Hp = 16, as = ({ linePath: e, strokeWidth: t }) => /* @__PURE__ */ l("path", {
+}, Hp = 16, is = ({ linePath: e, strokeWidth: t }) => /* @__PURE__ */ l("path", {
   d: e,
   stroke: "transparent",
   strokeWidth: Math.max(t, Hp),
@@ -6583,7 +6584,7 @@ var lp = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
   return /* @__PURE__ */ S("g", {
     pointerEvents: r ? void 0 : "none",
     children: [
-      r && /* @__PURE__ */ l(as, {
+      r && /* @__PURE__ */ l(is, {
         linePath: e.linePath,
         strokeWidth: e.strokeWidth
       }),
@@ -6648,13 +6649,13 @@ var lp = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
   };
 }, Vp = (e, t, r) => {
   try {
-    return td(e, t) < Dp ? r : t;
+    return rd(e, t) < Dp ? r : t;
   } catch {
     return r;
   }
 }, Yp = ({ panelRect: e, editable: t }) => {
   const { arrows: r } = Ot(e), n = mr(), o = O(), a = b(() => r.filter((i) => i.id !== n).flatMap((i) => {
-    const s = Bl(o, i.id), d = Qs({
+    const s = Ml(o, i.id), d = Xs({
       arrow: i,
       style: s,
       panelWidth: e.width,
@@ -6699,7 +6700,7 @@ var lp = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
   return /* @__PURE__ */ S("g", {
     pointerEvents: o ? void 0 : "none",
     children: [
-      o && /* @__PURE__ */ l(as, {
+      o && /* @__PURE__ */ l(is, {
         linePath: e,
         strokeWidth: n
       }),
@@ -6749,7 +6750,7 @@ var lp = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
     })]
   });
 }, Qp = "_1i8rg6j0", Xp = "75%", qp = ({ panelRect: e, editable: t }) => {
-  const r = bg(), n = Ie(Oi), o = jp(), a = b(() => new Set(o.filter((i) => i.kind === "annotation").map((i) => i.id)), [o]);
+  const r = bg(), n = Ie(Ni), o = jp(), a = b(() => new Set(o.filter((i) => i.kind === "annotation").map((i) => i.id)), [o]);
   return r.length === 0 ? null : /* @__PURE__ */ l("g", {
     transform: `translate(${e.x}, ${e.y})`,
     "data-testid": "difference-arrows",
@@ -6833,7 +6834,7 @@ var lp = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
     fill: z(t.fill),
     fillOpacity: t.fillAlpha,
     opacity: t.alpha,
-    stroke: yl(t) ?? "none",
+    stroke: xl(t) ?? "none",
     strokeWidth: t.strokeWidth
   });
 }, Oo = ({ panelRect: e, zOrder: t }) => {
@@ -6857,13 +6858,13 @@ var lp = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
       })
     }, i.id))
   });
-}, em = "_1aj6s5s0", zy = "_1aj6s5s1", tm = 0.1, Vy = ({ annotation: e, panel: t, style: r, blockRef: n }) => /* @__PURE__ */ l(is, {
+}, em = "_1aj6s5s0", Vy = "_1aj6s5s1", tm = 0.1, Yy = ({ annotation: e, panel: t, style: r, blockRef: n }) => /* @__PURE__ */ l(ss, {
   annotation: e,
   panel: t,
   style: r,
   blockRef: n,
   children: /* @__PURE__ */ l(et, { content: e.content })
-}), is = ({ annotation: e, panel: t, style: r, blockRef: n, children: o }) => {
+}), ss = ({ annotation: e, panel: t, style: r, blockRef: n, children: o }) => {
   const a = At(e.at, t);
   return /* @__PURE__ */ l("foreignObject", {
     x: a.x,
@@ -6899,7 +6900,7 @@ var lp = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
   if (e.fill === "transparent") return {};
   const t = z(e.fill), r = e.fillAlpha < 1 ? re(t, e.fillAlpha) : t;
   if (e.strokeWidth <= 0) return { backgroundColor: r };
-  const n = e.stroke ?? Cc(t, tm);
+  const n = e.stroke ?? Lc(t, tm);
   return {
     backgroundColor: r,
     borderShadow: `0 0 0 ${e.strokeWidth}px ${n}`
@@ -6936,7 +6937,7 @@ var lp = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
       kind: "annotation",
       id: e.id
     }),
-    children: /* @__PURE__ */ l(is, {
+    children: /* @__PURE__ */ l(ss, {
       annotation: e,
       panel: t,
       style: r,
@@ -6969,7 +6970,7 @@ function hm(e) {
     coordSystem: d.coordSystem,
     numberFormat: d.config.numberFormat,
     parsingLocale: d.config.parsingLocale
-  }))), a = r ?? o.parsingLocale, i = b(() => ol({
+  }))), a = r ?? o.parsingLocale, i = b(() => al({
     numberFormat: o.numberFormat,
     locale: a
   }), [o.numberFormat, a]), s = b(() => (d, c, u) => {
@@ -6980,7 +6981,7 @@ function hm(e) {
       text: f
     };
   }, [t, n]);
-  return b(() => Rl({
+  return b(() => Cl({
     pinnedNumbers: o.pinnedNumbers,
     comments: o.comments,
     panelRect: e,
@@ -7000,7 +7001,7 @@ var vm = (e, t, r, n) => t !== "comment" ? r : la(r, 140, (o) => e.measureText(o
   const { pinnedNumbers: t, comments: r } = B(oe((v) => ({
     pinnedNumbers: v.annotations.pinnedNumbers,
     comments: v.annotations.comments
-  }))), n = B((v) => v.coordSystem), o = de(), a = hd(10), i = O(), s = hm(e), { store: d } = Ue(), c = b(() => {
+  }))), n = B((v) => v.coordSystem), o = de(), a = vd(10), i = O(), s = hm(e), { store: d } = Ue(), c = 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);
@@ -7018,7 +7019,7 @@ var vm = (e, t, r, n) => t !== "comment" ? r : la(r, 140, (o) => e.measureText(o
     t,
     r,
     i
-  ]), g = b(() => Gs(s, e), [s, e]), f = st([...h.values()].map((v) => v.label.fill));
+  ]), g = b(() => Ws(s, e), [s, e]), f = st([...h.values()].map((v) => v.label.fill));
   return W(() => {
     const v = d.getState();
     return v.publishPointerRegions(Ho, g), () => {
@@ -7147,7 +7148,7 @@ var vm = (e, t, r, n) => t !== "comment" ? r : la(r, 140, (o) => e.measureText(o
 } : {
   width: t * e,
   height: t
-}, Em = "_1agclyl0", Pm = "_1agclyl1", Rm = "_1agclyl2", ss = ({ x: e, y: t, width: r, height: n, text: o, rotated: a, labelRole: i, position: s, coordType: d, backdropColor: c }) => {
+}, Em = "_1agclyl0", Pm = "_1agclyl1", Rm = "_1agclyl2", ls = ({ x: e, y: t, width: r, height: n, text: o, rotated: a, labelRole: i, position: s, coordType: d, backdropColor: c }) => {
   const u = O(), h = I(pr, u), g = I(Nv, u), f = a ? `rotate(-90 ${e} ${t})` : void 0, v = h[i][s], m = v.stroke !== void 0 && (v.strokeWidth ?? 0) > 0, p = Tm(i, d, v), A = Lm(v, p, c, g), x = {
     x: e - r / 2,
     y: t - n / 2,
@@ -7194,7 +7195,7 @@ var vm = (e, t, r, n) => t !== "comment" ? r : la(r, 140, (o) => e.measureText(o
   if (o !== void 0) return o;
   const a = t && e.fill !== void 0 ? z(e.fill) : void 0, i = a === void 0 ? void 0 : Vt(void 0, a);
   if (i !== void 0) return i;
-  const s = Vt(r, n) ?? Tl(r);
+  const s = Vt(r, n) ?? Bl(r);
   if (s !== void 0)
     return Vt(a, s);
 }, Im = (e) => {
@@ -7207,7 +7208,7 @@ var vm = (e, t, r, n) => t !== "comment" ? r : la(r, 140, (o) => e.measureText(o
     axes: v.guides.axes,
     numberFormat: v.config.numberFormat,
     parsingLocale: v.config.parsingLocale
-  }))), s = O(), d = nn(), c = I(pr, s), u = b(() => Ri({
+  }))), s = O(), d = nn(), c = I(pr, s), u = b(() => Ci({
     textMeasurer: o,
     dataLabelStyles: c,
     familyDefault: a.fonts.familyDefault
@@ -7215,7 +7216,7 @@ var vm = (e, t, r, n) => t !== "comment" ? r : la(r, 140, (o) => e.measureText(o
     o,
     c,
     a.fonts.familyDefault
-  ]), h = b(() => Ws({
+  ]), h = b(() => zs({
     ...i,
     panelRect: e,
     measureDataLabel: u,
@@ -7240,9 +7241,9 @@ var vm = (e, t, r, n) => t !== "comment" ? r : la(r, 140, (o) => e.measureText(o
       return;
     }
     const v = JSON.stringify(h.warnings);
-    v !== g.current && (g.current = v, nd(h.warnings));
+    v !== g.current && (g.current = v, od(h.warnings));
   }, [h.warnings]);
-  const f = h.labels.map((v, m) => /* @__PURE__ */ l(ss, {
+  const f = h.labels.map((v, m) => /* @__PURE__ */ l(ls, {
     x: v.x,
     y: v.y,
     width: v.width,
@@ -7491,7 +7492,7 @@ var vm = (e, t, r, n) => t !== "comment" ? r : la(r, 140, (o) => e.measureText(o
     children: u
   });
 }, Km = ({ formattedAxis: e, rect: t }) => {
-  const r = e.position === "bottom" || e.position === "top", n = Ae(e.scaleAestheticKey), o = O(), a = I(Rn, o)(n, e.position), i = I(Ei, o)[n], s = He(), d = b(() => ({
+  const r = e.position === "bottom" || e.position === "top", n = Ae(e.scaleAestheticKey), o = O(), a = I(Rn, o)(n, e.position), i = I(Pi, o)[n], s = He(), d = b(() => ({
     width: t.width,
     height: t.height
   }), [t.width, t.height]), c = r ? t.width : t.height, u = b(() => s ? Hm(e.ticks.map((h) => h.position), c) : void 0, [
@@ -7562,7 +7563,7 @@ var vm = (e, t, r, n) => t !== "comment" ? r : la(r, 140, (o) => e.measureText(o
       };
   }
 }, Qm = ({ axes: e, rects: t }) => {
-  const r = I(ki, O()), n = He();
+  const r = I(Ei, O()), n = He();
   return /* @__PURE__ */ l(T, { children: e.map((o) => {
     const a = t[o.position];
     return !a || !o.visible ? null : /* @__PURE__ */ l(Xm, {
@@ -7595,7 +7596,7 @@ var vm = (e, t, r, n) => t !== "comment" ? r : la(r, 140, (o) => e.measureText(o
 }) }), Jm = ({ formattedAxes: e, labelRects: t }) => /* @__PURE__ */ l(Qm, {
   axes: e.filter((r) => r.geometry === "linear"),
   rects: t
-}), ls = {
+}), ds = {
   strokeDashoffset: "0",
   strokeLinecap: "round"
 }, $t = (e, t) => e.gridLine[t]().resolve(), Zm = ({ axes: e, panelBorderSizes: t, panelFrameRect: r, panelRect: n }) => {
@@ -7636,13 +7637,13 @@ var vm = (e, t, r, n) => t !== "comment" ? r : la(r, 140, (o) => e.measureText(o
         }
         const k = /* @__PURE__ */ l("line", {
           ...w,
-          ...ls,
+          ...ds,
           strokeDasharray: v,
           strokeWidth: f,
           stroke: h.stroke
         });
         return a ? /* @__PURE__ */ S("g", {
-          ...qi(u.scaleAestheticKey),
+          ...Ji(u.scaleAestheticKey),
           children: [k, /* @__PURE__ */ l("line", {
             ...w,
             stroke: "transparent",
@@ -7657,7 +7658,7 @@ var vm = (e, t, r, n) => t !== "comment" ? r : la(r, 140, (o) => e.measureText(o
 }, $m = (e, t) => t <= 0 ? e ? "left" : "bottom" : t >= 1 ? e ? "right" : "top" : null, _m = ({ sizes: e, panelFrameRect: t }) => {
   const r = B((a) => a.coordSystem.type === "polar"), n = I(oa, O());
   if (r) return null;
-  const o = Zs(n, {
+  const o = $s(n, {
     x: e.left / 2,
     y: e.top / 2,
     width: t.width - (e.left + e.right) / 2,
@@ -7676,7 +7677,7 @@ var vm = (e, t, r, n) => t !== "comment" ? r : la(r, 140, (o) => e.measureText(o
       stroke: a.stroke,
       strokeDasharray: rt(a.dashArray, a.strokeWidth),
       strokeWidth: a.strokeWidth,
-      ...ls
+      ...ds
     }, i))
   });
 }, e0 = (e) => e.map((t) => {
@@ -7693,7 +7694,7 @@ var vm = (e, t, r, n) => t !== "comment" ? r : la(r, 140, (o) => e.measureText(o
       return "Z";
   }
 }).join(" ");
-var ds = (e, t) => {
+var cs = (e, t) => {
   const r = B((d) => d.coordSystem);
   if (r.type !== "polar") return null;
   const n = t.find((d) => d.geometry === "circular");
@@ -7705,11 +7706,11 @@ var ds = (e, t) => {
     radialAxis: t.find((d) => d.geometry === "radial"),
     innerRadius: o,
     startAngle: a,
-    angleFor: (d) => Ll(d, a, i),
+    angleFor: (d) => Il(d, a, i),
     radiusNormFor: (d) => o + d * (1 - o)
   };
 }, t0 = 16, r0 = ({ formattedAxes: e, panelRect: t }) => {
-  const r = I(Rn, O()), n = He(), o = ds(t, e);
+  const r = I(Rn, O()), n = He(), o = cs(t, e);
   if (!o) return null;
   const { circle: a, circularAxis: i, radialAxis: s, startAngle: d, angleFor: c, radiusNormFor: u } = o, h = n0(s, u, a.radius), g = (f) => r(Ae(f.scaleAestheticKey));
   return /* @__PURE__ */ S("svg", {
@@ -7728,7 +7729,7 @@ var ds = (e, t) => {
       hitTestable: n
     }, `radial-label-${v}`)), i.visible && i.ticks.map((f, v) => {
       if (f.position >= 1 - 1e-9) return null;
-      const m = c(f.position), p = se(m, (a.radius + Bs) / a.radius, a);
+      const m = c(f.position), p = se(m, (a.radius + Ms) / a.radius, a);
       return /* @__PURE__ */ l(Fo, {
         scaleAestheticKey: i.scaleAestheticKey,
         tickIndex: v,
@@ -7776,7 +7777,7 @@ var ds = (e, t) => {
   const t = Math.sin(e);
   return Math.abs(t) < 0.01 ? "middle" : t > 0 ? "start" : "end";
 }, a0 = ({ formattedAxes: e, panelRect: t }) => {
-  const r = O(), n = He(), o = I($t, r, "y"), a = I($t, r, "x"), i = ds(t, e);
+  const r = O(), n = He(), o = I($t, r, "y"), a = I($t, r, "x"), i = cs(t, e);
   if (!i) return null;
   const { circle: s, circularAxis: d, radialAxis: c, innerRadius: u, angleFor: h, radiusNormFor: g } = i;
   return /* @__PURE__ */ S("svg", {
@@ -7839,7 +7840,7 @@ var ds = (e, t) => {
     strokeWidth: t.strokeWidth
   });
   return r ? /* @__PURE__ */ S("g", {
-    ...qi(e),
+    ...Ji(e),
     children: [o, n({
       stroke: "transparent",
       strokeWidth: 7,
@@ -7847,12 +7848,12 @@ var ds = (e, t) => {
       "data-testid": "grid-line-hit-area"
     })]
   }) : o;
-}, _t = ({ renderer: e, children: t, ...r }) => e.overpaintPlacement === "manual" ? t : /* @__PURE__ */ l(vi, {
+}, _t = ({ renderer: e, children: t, ...r }) => e.overpaintPlacement === "manual" ? t : /* @__PURE__ */ l(gi, {
   ...r,
   empty: Gr(t),
   children: t
-}), Gr = (e) => e == null || typeof e == "boolean" || e === "" ? !0 : Array.isArray(e) ? e.every(Gr) : Ql(e) && (e.type === Pt || e.type === "g") ? Gr(e.props.children) : !1, i0 = ({ layer: e, dimmed: t, dimStyle: r, ...n }) => {
-  const o = Si(e.id), a = ha(e, G(e)), i = t ? r.filter : void 0, s = a && i ? `${a} ${i}` : a || i, d = o?.type === "fade", c = b(() => ({
+}), Gr = (e) => e == null || typeof e == "boolean" || e === "" ? !0 : Array.isArray(e) ? e.every(Gr) : Xl(e) && (e.type === Pt || e.type === "g") ? Gr(e.props.children) : !1, i0 = ({ layer: e, dimmed: t, dimStyle: r, ...n }) => {
+  const o = wi(e.id), a = ha(e, G(e)), i = t ? r.filter : void 0, s = a && i ? `${a} ${i}` : a || i, d = o?.type === "fade", c = b(() => ({
     layerId: e.id,
     paintsShadow: a !== void 0,
     fading: d
@@ -7880,7 +7881,7 @@ var ds = (e, t) => {
     children: u
   }) : u;
 }, s0 = ({ layer: e, coordSystem: t, animateTransitions: r, formattingLocale: n, panelRect: o, live: a }) => {
-  const i = de(), s = Si(e.id), { colorScheme: d } = ee(), c = G(e), u = i(e.geom, t.type);
+  const i = de(), s = wi(e.id), { colorScheme: d } = ee(), c = G(e), u = i(e.geom, t.type);
   if (u === null) return null;
   const h = vr(u.render), g = {
     layer: e,
@@ -7935,7 +7936,7 @@ var d0 = 4, c0 = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     t,
     o,
     n
-  ]), { colorScheme: u } = ee(), h = G(t), g = O(), f = b(() => al(t), [t]), v = b(() => tl({
+  ]), { colorScheme: u } = ee(), h = G(t), g = O(), f = b(() => il(t), [t]), v = b(() => rl({
     layer: t,
     numberFormat: d,
     locale: s
@@ -8018,7 +8019,7 @@ var d0 = 4, c0 = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     size: a * 2,
     fill: n,
     "data-testid": "highlight-overlay-dot"
-  }), v !== null && m !== null && /* @__PURE__ */ l(ss, {
+  }), v !== null && m !== null && /* @__PURE__ */ l(ls, {
     x: h * r.width,
     y: g * r.height - a - d0 - m.height / 2,
     width: m.width,
@@ -8077,10 +8078,10 @@ var d0 = 4, c0 = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     const n = t.resolveState("dimmed", r);
     return {
       opacity: n.alpha,
-      filter: Aa(Pl(n))
+      filter: Aa(Rl(n))
     };
   }, [e, t]);
-}, m0 = "var(--to1jkx0)", y0 = "var(--to1jkx1)", cs = "to1jkx2", x0 = "to1jkx3", A0 = ({ animateTransitions: e, panelRect: t, formattingLocale: r }) => {
+}, m0 = "var(--to1jkx0)", y0 = "var(--to1jkx1)", us = "to1jkx2", x0 = "to1jkx3", A0 = ({ animateTransitions: e, panelRect: t, formattingLocale: r }) => {
   const { layers: n, coordSystem: o } = B(oe((s) => ({
     layers: s.layers,
     coordSystem: s.coordSystem
@@ -8093,12 +8094,12 @@ var d0 = 4, c0 = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     y: t.y,
     width: t.width,
     height: t.height,
-    className: cs,
+    className: us,
     "data-testid": "geom-layers",
-    ...Ji(),
+    ...Zi(),
     children: /* @__PURE__ */ l(sn, {
       size: i,
-      children: a.map((s) => /* @__PURE__ */ S(Pt, { children: [/* @__PURE__ */ l(hs, {
+      children: a.map((s) => /* @__PURE__ */ S(Pt, { children: [/* @__PURE__ */ l(vs, {
         layer: s,
         coordSystem: o,
         animateTransitions: e,
@@ -8108,10 +8109,10 @@ var d0 = 4, c0 = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
         layer: s,
         coordSystem: o,
         panelRect: t
-      })] }, `${s.id}-${us(o)}`))
+      })] }, `${s.id}-${hs(o)}`))
     })
   });
-}, us = (e) => e.type === "cartesian" ? `cartesian-${e.mainAxis}` : e.type, hs = ({ layer: e, coordSystem: t, animateTransitions: r, panelRect: n, formattingLocale: o, live: a, dimOnHover: i = !0 }) => {
+}, hs = (e) => e.type === "cartesian" ? `cartesian-${e.mainAxis}` : e.type, vs = ({ layer: e, coordSystem: t, animateTransitions: r, panelRect: n, formattingLocale: o, live: a, dimOnHover: i = !0 }) => {
   const s = de(), d = b(() => s(e.geom, t.type), [
     s,
     e,
@@ -8183,9 +8184,9 @@ var d0 = 4, c0 = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     y: e.y,
     width: e.width,
     height: e.height,
-    className: cs,
+    className: us,
     "data-testid": "live-geom-layers",
-    ...Ji({ live: !0 }),
+    ...Zi({ live: !0 }),
     children: /* @__PURE__ */ l(sn, {
       size: s,
       children: d.map((c) => /* @__PURE__ */ l(k0, {
@@ -8195,7 +8196,7 @@ var d0 = 4, c0 = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
         panelRect: e,
         animateTransitions: t,
         formattingLocale: r
-      }, `${c.id}-${us(o)}`))
+      }, `${c.id}-${hs(o)}`))
     })
   });
 }, k0 = ({ layer: e, coordSystem: t, readPanelPoint: r, panelRect: n, animateTransitions: o, formattingLocale: a }) => {
@@ -8203,7 +8204,7 @@ var d0 = 4, c0 = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     pushHover: i,
     readPanelPoint: r
   }), [i, r]), d = $e((c) => c.hover.primary?.layerId === e.id);
-  return W(() => () => i(null), [i]), /* @__PURE__ */ l(hs, {
+  return W(() => () => i(null), [i]), /* @__PURE__ */ l(vs, {
     layer: e,
     coordSystem: t,
     animateTransitions: o,
@@ -8317,10 +8318,10 @@ var d0 = 4, c0 = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     height: zo(r, "height")
   };
 }, zo = (e, t) => {
-  if (e <= 0 || Number.isNaN(e) || !Number.isFinite(e)) throw new Is({ message: `Expected ${t} to be a positive, finite number, but got ${e}.` });
+  if (e <= 0 || Number.isNaN(e) || !Number.isFinite(e)) throw new Ts({ message: `Expected ${t} to be a positive, finite number, but got ${e}.` });
   return e;
 }, L0 = ({ sizing: e, onResize: t, children: r }) => {
-  const n = gi({ onResize: t }), o = F(!1);
+  const n = fi({ onResize: t }), o = F(!1);
   if (W(() => {
     e.mode === "responsive" && (n.unmeasured || 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.`)));
   }, [
@@ -8392,7 +8393,7 @@ var d0 = 4, c0 = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
   }
 }, B0 = () => {
   const [e, t] = U(null), [r, n] = U(null), [o, a] = U(Er);
-  return Xl(() => {
+  return ql(() => {
     const i = () => {
       const d = e ? {
         width: e.offsetWidth,
@@ -8485,10 +8486,10 @@ var D0 = [], F0 = ({ graphChrome: e, editable: t, mode: r, style: n, contentRef:
       ]
     })
   });
-}, G0 = (e, t) => e ? { backgroundColor: "transparent" } : t === void 0 || t >= 1 ? {} : { backgroundColor: `color-mix(in srgb, ${y.graphBackground} ${t * 100}%, transparent)` }, Yy = (e) => /* @__PURE__ */ l(Wh, {
+}, G0 = (e, t) => e ? { backgroundColor: "transparent" } : t === void 0 || t >= 1 ? {} : { backgroundColor: `color-mix(in srgb, ${y.graphBackground} ${t * 100}%, transparent)` }, jy = (e) => /* @__PURE__ */ l(Wh, {
   locale: tg(),
   children: /* @__PURE__ */ l(W0, { ...e })
-}), W0 = ({ slots: e, sizing: t = T0, onResize: r, ...n }) => /* @__PURE__ */ l(fh, { children: /* @__PURE__ */ l(Xc, { children: /* @__PURE__ */ l(du, {
+}), W0 = ({ slots: e, sizing: t = T0, onResize: r, ...n }) => /* @__PURE__ */ l(fh, { children: /* @__PURE__ */ l(qc, { children: /* @__PURE__ */ l(cu, {
   slots: e,
   children: /* @__PURE__ */ l(L0, {
     sizing: t,
@@ -8500,7 +8501,7 @@ var D0 = [], F0 = ({ graphChrome: e, editable: t, mode: r, style: n, contentRef:
     })
   })
 }) }) }), z0 = ({ width: e, height: t, animation: r, showTooltips: n = !0, mode: o = Re.readonly }) => {
-  const a = fi(), i = An(o), { axes: s, legends: d, layers: c, numberFormat: u, parsingLocale: h, annotations: g, coordSystem: f, headline: v, headlineConfig: m, content: p, overflowStrategy: A } = B(oe((ue) => ({
+  const a = pi(), i = An(o), { axes: s, legends: d, layers: c, numberFormat: u, parsingLocale: h, annotations: g, coordSystem: f, headline: v, headlineConfig: m, content: p, overflowStrategy: A } = B(oe((ue) => ({
     axes: ue.guides.axes,
     legends: ue.guides.legends.drawn,
     layers: ue.layers,
@@ -8512,7 +8513,7 @@ var D0 = [], F0 = ({ graphChrome: e, editable: t, mode: r, style: n, contentRef:
     headlineConfig: ue.config.headline,
     content: ue.config.content,
     overflowStrategy: ue.config.panel.overflow
-  }))), { intro: x, transitions: w } = Rh(r, c), { headerRef: k, footerRef: E, measurements: R } = B0(), { formattingLocale: L, colorScheme: P } = ee(), M = Ne[i], H = M.editorSurface, [J, ce] = U(null), j = xe("Header", $g), Ce = xe("Footer", Kg), vs = xe("Legend", gp), gs = xe("Headline", Af), fs = xe("EditorSurface", O0), Hn = b(() => dl({
+  }))), { intro: x, transitions: w } = Rh(r, c), { headerRef: k, footerRef: E, measurements: R } = B0(), { formattingLocale: L, colorScheme: P } = ee(), M = Ne[i], H = M.editorSurface, [J, ce] = U(null), j = xe("Header", $g), Ce = xe("Footer", Kg), gs = xe("Legend", gp), fs = xe("Headline", Af), ps = xe("EditorSurface", O0), Hn = b(() => cl({
     legends: d,
     numberFormat: u,
     parsingLocale: h,
@@ -8522,7 +8523,7 @@ var D0 = [], F0 = ({ graphChrome: e, editable: t, mode: r, style: n, contentRef:
     u,
     h,
     L
-  ]), dt = b(() => ll({
+  ]), dt = b(() => dl({
     headline: v,
     show: m.show,
     numberFormat: u,
@@ -8536,7 +8537,7 @@ var D0 = [], F0 = ({ graphChrome: e, editable: t, mode: r, style: n, contentRef:
     h,
     L,
     a
-  ]), ps = Oe(), ke = O(), Dn = I(V0, ke), Fn = I(oa, ke), Gn = I(Cn, ke), Wn = I(Y0, ke), ms = I(j0, ke), ys = I(K0, ke), xs = I(U0, ke), { fontFamily: yr, textScale: As, strokeWidth: xr, fill: bs } = Dn, zn = b(() => Ua(P, {}, yr), [P, yr]), ct = b(() => ({
+  ]), ms = Oe(), ke = O(), Dn = I(V0, ke), Fn = I(oa, ke), Gn = I(Cn, ke), Wn = I(Y0, ke), ys = I(j0, ke), xs = I(K0, ke), As = I(U0, ke), { fontFamily: yr, textScale: bs, strokeWidth: xr, fill: Ss } = Dn, zn = b(() => Ua(P, {}, yr), [P, yr]), ct = b(() => ({
     width: Math.max(0, e - 2 * xr),
     height: Math.max(0, t - 2 * xr)
   }), [
@@ -8547,7 +8548,7 @@ var D0 = [], F0 = ({ graphChrome: e, editable: t, mode: r, style: n, contentRef:
     p.brandMark.enabled,
     p.brandMark.variant,
     ct
-  ]), Ss = p.brandMark.placement === "footer" ? Vn : "hidden", ws = p.brandMark.placement === "header" ? Vn : "hidden", qe = b(() => dt ? {
+  ]), ws = p.brandMark.placement === "footer" ? Vn : "hidden", ks = p.brandMark.placement === "header" ? Vn : "hidden", qe = b(() => dt ? {
     formatted: dt,
     size: m.size,
     position: m.position,
@@ -8558,10 +8559,10 @@ var D0 = [], F0 = ({ graphChrome: e, editable: t, mode: r, style: n, contentRef:
     m.position,
     f
   ]), Nt = Zv({
-    textMeasurer: ps,
+    textMeasurer: ms,
     metrics: zn,
-    overrides: cu()
-  }), Yn = b(() => $s(Fn), [Fn]), ut = $v({
+    overrides: uu()
+  }), Yn = b(() => _s(Fn), [Fn]), ut = $v({
     measurer: Nt,
     axes: s,
     numberFormat: u,
@@ -8576,9 +8577,9 @@ var D0 = [], F0 = ({ graphChrome: e, editable: t, mode: r, style: n, contentRef:
     coordSystem: f,
     overflowStrategy: A,
     panelBorder: Yn,
-    padding: I(Wl, ke),
-    margins: I(Hl, ke)
-  }), Ht = b(() => !ut || !qe || !Nt ? null : zl({
+    padding: I(zl, ke),
+    margins: I(Dl, ke)
+  }), Ht = b(() => !ut || !qe || !Nt ? null : Vl({
     headline: qe,
     layout: ut.layout,
     containerSize: ct,
@@ -8592,16 +8593,16 @@ var D0 = [], F0 = ({ graphChrome: e, editable: t, mode: r, style: n, contentRef:
     Gn.gap
   ]);
   if (!ut) return null;
-  const { layout: ae, formattedAxes: jn, plotBottomY: ks } = ut, Es = ae.footer.height > 0;
-  return /* @__PURE__ */ l(Zi.Provider, {
+  const { layout: ae, formattedAxes: jn, plotBottomY: Es } = ut, Ps = ae.footer.height > 0;
+  return /* @__PURE__ */ l($i.Provider, {
     value: i,
     children: /* @__PURE__ */ l($h, {
       colorScheme: P,
-      textScale: As,
-      graphBackground: z(bs),
+      textScale: bs,
+      graphBackground: z(Ss),
       graphFontFamily: yr,
       headingFontFamily: Wn.fontFamily,
-      children: /* @__PURE__ */ l(Vc, {
+      children: /* @__PURE__ */ l(Yc, {
         metrics: zn,
         children: /* @__PURE__ */ l(rg, { children: /* @__PURE__ */ l(Ag, {
           panelRect: ae.panel,
@@ -8627,8 +8628,8 @@ var D0 = [], F0 = ({ graphChrome: e, editable: t, mode: r, style: n, contentRef:
                   subtitle: p.subtitle,
                   showSubtitle: p.showSubtitle,
                   headingStyle: Wn,
-                  subtitleStyle: ms,
-                  brandMark: ws
+                  subtitleStyle: ys,
+                  brandMark: ks
                 }),
                 /* @__PURE__ */ l(R0, {
                   formattedAxes: jn,
@@ -8640,8 +8641,8 @@ var D0 = [], F0 = ({ graphChrome: e, editable: t, mode: r, style: n, contentRef:
                   axisLabelRects: ae.axisLabels,
                   animateTransitions: w,
                   formattingLocale: L ?? h,
-                  plotBottomY: ks,
-                  hasReservedFooterSpace: Es,
+                  plotBottomY: Es,
+                  hasReservedFooterSpace: Ps,
                   editable: H,
                   showAnnotations: M.annotations
                 }),
@@ -8653,22 +8654,22 @@ var D0 = [], F0 = ({ graphChrome: e, editable: t, mode: r, style: n, contentRef:
                   showCaption: p.showCaption,
                   source: p.source,
                   showSource: p.showSource,
-                  captionStyle: ys,
-                  sourceStyle: xs,
-                  brandMark: Ss
+                  captionStyle: xs,
+                  sourceStyle: As,
+                  brandMark: ws
                 }),
-                /* @__PURE__ */ l(vs, {
+                /* @__PURE__ */ l(gs, {
                   formattedLegends: Hn,
                   rects: ae.legends
                 }),
-                dt && Ht && /* @__PURE__ */ l(gs, {
+                dt && Ht && /* @__PURE__ */ l(fs, {
                   headline: dt,
                   rect: Ht.rect,
                   resolvedSize: Ht.resolvedSize,
                   visibleItemCount: Ht.visibleItemCount,
-                  inDonutHole: qe !== void 0 && El(qe)
+                  inDonutHole: qe !== void 0 && Pl(qe)
                 }),
-                H && J !== null && /* @__PURE__ */ l(fs, {
+                H && J !== null && /* @__PURE__ */ l(ps, {
                   frameElement: J,
                   panelRect: ae.panel,
                   formattedAxes: jn,
@@ -8685,7 +8686,7 @@ var D0 = [], F0 = ({ graphChrome: e, editable: t, mode: r, style: n, contentRef:
 }, V0 = (e) => e.graph().resolve(), Y0 = (e) => e.heading.h1().resolve(), j0 = (e) => e.heading.h2().resolve(), K0 = (e) => e.caption().resolve(), U0 = (e) => ({
   label: e.source().resolve(),
   link: e.source.link().resolve()
-}), jy = (e) => {
+}), Ky = (e) => {
   const t = N(ua), r = nn();
   return b(() => e || (t ? {
     commands: t.commands,
@@ -8703,154 +8704,155 @@ var D0 = [], F0 = ({ graphChrome: e, editable: t, mode: r, style: n, contentRef:
     t,
     r
   ]);
-}, Ky = (e) => ql(e.subscribe, e.getScene, e.getScene), Uy = () => {
+}, Uy = (e) => Jl(e.subscribe, e.getScene, e.getScene), Qy = () => {
   const { commands: e } = ee();
   return e;
-}, Qy = (e) => {
+}, Xy = (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 {
-  Ly as $,
-  Ft as $t,
-  Fy as A,
-  ee as An,
+  Iy as $,
+  I as $t,
+  Gy as A,
+  ua as An,
   Ah as At,
-  Hy as B,
+  Dy as B,
   xy as Bt,
   fp as C,
-  ze as Cn,
-  wy as Ct,
+  Kt as Cn,
+  ky as Ct,
   Xe as D,
-  va as Dn,
-  Sy as Dt,
+  O as Dn,
+  wy as Dt,
   Zt as E,
-  O as En,
+  G as En,
   Ne as Et,
   cf as F,
   Dr as Ft,
   Ie as G,
-  Z as Gt,
+  yy as Gt,
   Gg as H,
-  lh as Ht,
+  ui as Ht,
   df as I,
   ch as It,
-  My as J,
-  de as Jt,
-  Ny as K,
-  Au as Kt,
-  Wi as L,
+  Oy as J,
+  my as Jt,
+  Hy as K,
+  Z as Kt,
+  zi as L,
   Nr as Lt,
-  qi as M,
-  nn as Mn,
+  Ji as M,
+  ly as Mn,
   ph as Mt,
   Bn as N,
-  nd as Nn,
+  nn as Nn,
   fh as Nt,
-  Dy as O,
-  B as On,
-  gi as Ot,
+  Fy as O,
+  va as On,
+  fi as Ot,
   bf as P,
+  od as Pn,
   Ue as Pt,
-  Iy as Q,
-  I as Qt,
+  Ty as Q,
+  Kc as Qt,
   $g as R,
-  Ay as Rt,
-  Wy as S,
-  Kt as Sn,
-  fi as St,
+  by as Rt,
+  zy as S,
+  yd as Sn,
+  pi as St,
   Mt as T,
-  G as Tn,
+  je as Tn,
   Re as Tt,
   bg as U,
-  Ou as Ut,
-  Di as V,
-  ui as Vt,
-  Oy as W,
-  yy as Wt,
-  Ty as X,
-  Oe as Xt,
-  By as Y,
-  Xc as Yt,
+  dh as Ut,
+  Fi as V,
+  Ay as Vt,
+  Ny as W,
+  Nu as Wt,
+  By as X,
+  qc as Xt,
+  My as Y,
+  de as Yt,
   xt as Z,
-  jc as Zt,
+  Oe as Zt,
   Ot as _,
-  be as _n,
+  Br as _n,
   Jh as _t,
-  Yy as a,
-  y as an,
+  jy as a,
+  vy as an,
   tg as at,
   wp as b,
-  dy as bn,
+  Me as bn,
   Wh as bt,
   $t as c,
-  le as cn,
+  no as cn,
   $e as ct,
-  Vy as d,
-  Id as dn,
+  Yy as d,
+  cy as dn,
   bo as dt,
-  fy as en,
-  Cy as et,
-  zy as f,
-  Ld as fn,
+  Ft as en,
+  Ly as et,
+  Vy as f,
+  Td as fn,
   tv as ft,
   Gp as g,
-  Br as gn,
+  wa as gn,
   En as gt,
   jp as h,
-  wa as hn,
-  Ey as ht,
-  jy as i,
-  vy as in,
+  uy as hn,
+  Py as ht,
+  Ky as i,
+  lr as in,
   ng as it,
   Tn as j,
-  ly as jn,
-  by as jt,
-  Gy as k,
-  ua as kn,
+  ee as jn,
+  Sy as jt,
+  Wy as k,
+  B as kn,
   bh as kt,
   Am as l,
-  sn as ln,
+  le as ln,
   rv as lt,
   $p as m,
-  uy as mn,
+  hy as mn,
   $h as mt,
-  Uy as n,
-  gy as nn,
-  Py as nt,
+  Qy as n,
+  py as nn,
+  Ry as nt,
   W0 as o,
-  Le as on,
+  y as on,
   Lv as ot,
   _p as p,
-  hy as pn,
+  Id as pn,
   _h as pt,
-  Oi as q,
-  my as qt,
-  Ky as r,
-  lr as rn,
+  Ni as q,
+  bu as qt,
+  Uy as r,
+  gy as rn,
   ag as rt,
   Zm as s,
-  no as sn,
+  Le as sn,
   Qe as st,
-  Qy as t,
-  py as tn,
-  Ry as tt,
+  Xy as t,
+  fy as tn,
+  Cy as tt,
   im as u,
-  cy as un,
+  sn as un,
   nv as ut,
   Pp as v,
-  q as vn,
-  yi as vt,
+  be as vn,
+  xi as vt,
   He as w,
-  je as wn,
+  ze as wn,
   bn as wt,
   Ep as x,
-  md as xn,
-  ky as xt,
+  dy as xn,
+  Ey as xt,
   kp as y,
-  Me as yn,
+  q as yn,
   Tt as yt,
   Kg as z,
-  dh as zt
+  hi as zt
 };