@graphysdk/react-renderer 2.0.0-beta.1788514429233 → 2.0.0-beta.1788522453950

package/dist/{history-chords-DFZ-mUdA.js → history-chords-D8a5Pu1F.js}

@@ -1,21 +1,21 @@
-import { a as Ur, c as aa, f as y, i as ia, l as Qr, n as Yr, o as sa, r as la, s as Kr, t as ca, u as zr } from "./dev.utils-Br27cPUX.js";
-import { ANNOTATION_TOOLTIP_MARKER_GAP as da, AXIS_KEYS as Wt, CachedTextMeasurer as ur, DATA_LABEL_POSITIONS as ua, DATA_LABEL_ROLES as ha, DEFAULT_GEOM_COLOR as jr, DEFAULT_HOVER_AFFORDANCE_COLOR as vt, GROUP_VARIABLES as le, HeuristicTextMeasurer as va, HoverEngine as ga, InternalError as fa, LayoutCompiler as pa, POLAR_RIM_LABEL_GAP_PX as ma, RESTING_HOVER_STATE as st, TAU as hr, alignUnitFractions as Xr, areAnchorsEqual as Aa, areEditMenuTriggersEqual as ya, areEndpointsComparable as vr, arePointerRegionListsEqual as xa, buildAverageLineSymbols as ba, buildCalloutHitRegions as wa, buildColumnKey as Vt, buildDataLabelsContent as Sa, buildFontString as ka, buildLayerIntroPlan as Ra, buildLayerYValueFormatter as Ca, buildPinnedNumberValueFormatter as Ea, buildPolarBarArcPath as pe, buildSliceGroupKey as Ut, buildTooltipContent as Pa, compositeColor as Ba, computeArrow as Ia, computeDifferenceArrow as Ta, computeDirectLabelsLayout as La, computeLineBoxHeight as Ye, computePanelBorderPaths as Na, computePanelBorderSizes as Ma, countLayerGeoms as Fa, createAreaPathGenerators as qr, createHeadlineItemRows as Jr, createLineFillAreaGenerator as Da, createLinePathGenerator as Zr, createSegmentYReader as Ha, createStableCellKeyGenerator as Oa, createStableKeyGenerator as oe, createStyleResolver as gt, findAnnotation as Ga, findPointerRegion as gr, formatHeadline as Wa, formatLegends as Va, formatRuleValue as Ua, getAestheticFromScaleAestheticKey as Ee, getAlpha as $r, getAngleExtent as Qt, getBarRectBounds as Ke, getBoundingRect as _r, getChromeDashArray as Yt, getColor as en, getDashArray as Pe, getDifferenceArrowLabelBox as Qa, getGroup as ft, getHoverGuideLineProps as Ya, getHoverGuideRectProps as Ka, getInsetTileRect as tn, getPolarHoverGuideArcProps as za, getRadiusExtent as pt, getRuleDashPattern as ja, getShapeAnnotationStroke as Xa, getSize as qa, getStackRole as Ja, getUnionExtent as Za, getX as X, getXMax as $a, getY as te, getYMax as rn, isAnnotationMovable as _a, isDefined as nn, isFullTurnSweep as on, isSafeUrl as Kt, orderPointerRegions as ei, paintsInDonutHole as ti, pickReadableTextColor as an, placeCallouts as ri, polarToUnit as ni, positionToAngle as oi, prepareAreaObservations as sn, prepareLineObservations as ln, projectAnchorToPanel as Ue, projectRegionToPanel as zt, readAnchoredObservation as ai, resolveArrowAnnotationStyle as ii, resolveArrowColor as si, resolveAxisLabelStyle as li, resolveBarBorderRadiusPx as cn, resolveBarBorderTreatment as ze, resolveBarCornerRadiiPx as ci, resolveCalloutAnnotationStyle as di, resolveDataLabelStyle as ui, resolveDeferredAnchors as hi, resolveDifferenceArrowAnnotationStyle as vi, resolveGraphChromeStyle as dn, resolveGridLineStyle as Tt, resolveHeadlineFigure as un, resolveHeadlineItemStyle as at, resolveHeadlinePlacement as gi, resolveHeadlineStyle as hn, resolveImageAnnotationStyle as fi, resolveLegendItemStyle as pi, resolveLegendStyle as mi, resolvePanelBorderStyle as vn, resolvePolarBarCornerRadiusUnit as gn, resolveRuleLabelStyle as Ai, resolveShapeAnnotationStyle as fn, resolveTextAnnotationStyle as yi, resolveTickLabelStyle as xi, resolveTickLineStyle as bi, resolveTooltipStyle as wi, toFontSpec as J, toPanelCursor as Si, toPercent as k, toViewBoxX as pn, toViewBoxY as mn, truncateToWidth as ki } from "@graphysdk/viz-engine";
-import { Fragment as jt, createContext as U, memo as Z, useCallback as se, useContext as D, useEffect as F, useId as V, useMemo as m, useRef as B, useState as G, useSyncExternalStore as Ri } from "react";
+import { a as Vr, c as oa, f as y, i as aa, l as Ur, n as Qr, o as ia, r as sa, s as Yr, t as la, u as Kr } from "./dev.utils-SaP1jpou.js";
+import { ANNOTATION_TOOLTIP_MARKER_GAP as ca, AXIS_KEYS as Wt, CachedTextMeasurer as ur, DATA_LABEL_POSITIONS as da, DATA_LABEL_ROLES as ua, DEFAULT_GEOM_COLOR as zr, DEFAULT_HOVER_AFFORDANCE_COLOR as vt, GROUP_VARIABLES as le, HeuristicTextMeasurer as ha, HoverEngine as va, InternalError as ga, LayoutCompiler as fa, POLAR_RIM_LABEL_GAP_PX as pa, RESTING_HOVER_STATE as st, TAU as hr, alignUnitFractions as jr, areAnchorsEqual as ma, areEditMenuTriggersEqual as Aa, areEndpointsComparable as vr, arePointerRegionListsEqual as ya, buildAverageLineSymbols as xa, buildCalloutHitRegions as ba, buildColumnKey as Vt, buildDataLabelsContent as wa, buildFontString as Sa, buildLayerIntroPlan as ka, buildLayerYValueFormatter as Ra, buildPinnedNumberValueFormatter as Ca, buildPolarBarArcPath as pe, buildSliceGroupKey as Ut, buildTooltipContent as Ea, compositeColor as Pa, computeArrow as Ba, computeDifferenceArrow as Ia, computeDirectLabelsLayout as Ta, computeLineBoxHeight as Ye, computePanelBorderPaths as La, computePanelBorderSizes as Na, countLayerGeoms as Ma, createAreaPathGenerators as Xr, createHeadlineItemRows as qr, createLineFillAreaGenerator as Fa, createLinePathGenerator as Jr, createSegmentYReader as Da, createStableCellKeyGenerator as Ha, createStableKeyGenerator as oe, createStyleResolver as gt, findAnnotation as Oa, findPointerRegion as gr, formatHeadline as Ga, formatLegends as Wa, formatRuleValue as Va, getAestheticFromScaleAestheticKey as Ee, getAlpha as Zr, getAngleExtent as Qt, getBarRectBounds as Ke, getBoundingRect as $r, getChromeDashArray as Yt, getColor as _r, getDashArray as Pe, getDifferenceArrowLabelBox as Ua, getGroup as ft, getHoverGuideLineProps as Qa, getHoverGuideRectProps as Ya, getInsetTileRect as en, getPolarHoverGuideArcProps as Ka, getRadiusExtent as pt, getRuleDashPattern as za, getShapeAnnotationStroke as ja, getSize as Xa, getStackRole as qa, getUnionExtent as Ja, getX as X, getXMax as Za, getY as te, getYMax as tn, isAnnotationMovable as $a, isDefined as rn, isFullTurnSweep as nn, isSafeUrl as Kt, orderPointerRegions as _a, paintsInDonutHole as ei, pickReadableTextColor as on, placeCallouts as ti, polarToUnit as ri, positionToAngle as ni, prepareAreaObservations as an, prepareLineObservations as sn, projectAnchorToPanel as Ue, projectRegionToPanel as zt, readAnchoredObservation as oi, resolveArrowAnnotationStyle as ai, resolveArrowColor as ii, resolveAxisLabelStyle as si, resolveBarBorderRadiusPx as ln, resolveBarBorderTreatment as ze, resolveBarCornerRadiiPx as li, resolveCalloutAnnotationStyle as ci, resolveDataLabelStyle as di, resolveDeferredAnchors as ui, resolveDifferenceArrowAnnotationStyle as hi, resolveGraphChromeStyle as cn, resolveGridLineStyle as Tt, resolveHeadlineFigure as dn, resolveHeadlineItemStyle as at, resolveHeadlinePlacement as vi, resolveHeadlineStyle as un, resolveImageAnnotationStyle as gi, resolveLegendItemStyle as fi, resolveLegendStyle as pi, resolvePanelBorderStyle as hn, resolvePolarBarCornerRadiusUnit as vn, resolveRuleLabelStyle as mi, resolveShapeAnnotationStyle as gn, resolveTextAnnotationStyle as Ai, resolveTickLabelStyle as yi, resolveTickLineStyle as xi, resolveTooltipStyle as bi, toFontSpec as J, toPanelCursor as wi, toPercent as k, toViewBoxX as fn, toViewBoxY as pn, truncateToWidth as Si } from "@graphysdk/viz-engine";
+import { Fragment as jt, createContext as U, memo as Z, useCallback as se, useContext as D, useEffect as F, useId as V, useMemo as m, useRef as B, useState as G, useSyncExternalStore as ki } from "react";
 import { Fragment as P, jsx as s, jsxs as b } from "react/jsx-runtime";
 import { useStore as je } from "zustand";
-import { animate as ie, motion as H, useMotionValue as _, useReducedMotion as Ci, useTransform as tt } from "motion/react";
-import { interpolatePath as Ei } from "d3-interpolate-path";
+import { animate as ie, motion as H, useMotionValue as _, useReducedMotion as Ri, useTransform as tt } from "motion/react";
+import { interpolatePath as Ci } from "d3-interpolate-path";
 import { useShallow as K } from "zustand/react/shallow";
-import { parseFontLength as Pi, parseFontWeight as Bi, parseUnitlessLineHeight as Ii } from "@graphysdk/viz-engine/graph-config";
-import { createStore as An } from "zustand/vanilla";
-import { createPortal as yn } from "react-dom";
+import { parseFontLength as Ei, parseFontWeight as Pi, parseUnitlessLineHeight as Bi } from "@graphysdk/viz-engine/graph-config";
+import { createStore as mn } from "zustand/vanilla";
+import { createPortal as An } from "react-dom";
 import Qe, { clsx as He } from "clsx";
-import Ti from "lodash-es/merge";
-import { IntlProvider as Li } from "react-intl";
-import { flip as Lt, offset as Nt, shift as Mt, useFloating as xn } from "@floating-ui/react-dom";
-import { assignInlineVars as bn } from "@vanilla-extract/dynamic";
-import { getContrast as Ni } from "color2k";
-import './history-chords.css';var fr = Object.defineProperty, Mi = (e, t) => {
+import Ii from "lodash-es/merge";
+import { IntlProvider as Ti } from "react-intl";
+import { flip as Lt, offset as Nt, shift as Mt, useFloating as yn } from "@floating-ui/react-dom";
+import { assignInlineVars as xn } from "@vanilla-extract/dynamic";
+import { getContrast as Li } from "color2k";
+import './history-chords.css';var fr = Object.defineProperty, Ni = (e, t) => {
   let r = {};
   for (var n in e)
     fr(r, n, {
@@ -24,9 +24,9 @@ import './history-chords.css';var fr = Object.defineProperty, Mi = (e, t) => {
     });
   return t || fr(r, Symbol.toStringTag, { value: "Module" }), r;
 };
-typeof window < "u" && (window.__GRAPHY_SDK__ ??= {}, window.__GRAPHY_SDK__.reactRenderer = "2.0.0-beta.1788514429233");
-var wn = U(null), z = () => {
-  const e = D(wn);
+typeof window < "u" && (window.__GRAPHY_SDK__ ??= {}, window.__GRAPHY_SDK__.reactRenderer = "2.0.0-beta.1788522453950");
+var bn = U(null), z = () => {
+  const e = D(bn);
   if (!e) throw new Error("useGraph* hooks must be used inside a <GraphProvider>");
   return e;
 }, C = (e) => {
@@ -37,7 +37,7 @@ function L(e) {
   const { colorScheme: t } = z();
   return m(() => gt({ colorScheme: t }).geomReaders(e), [e, t]);
 }
-var Sn = (e) => {
+var wn = (e) => {
   const { colorScheme: t } = z(), r = C((n) => n.layers);
   return m(() => {
     const n = r.find((o) => o.id === e);
@@ -47,46 +47,46 @@ var Sn = (e) => {
     e,
     t
   ]);
-}, kn = () => {
+}, Sn = () => {
   const { colorScheme: e } = z(), t = C((r) => r.layers);
   return m(() => {
     const r = gt({ colorScheme: e });
     return (n) => {
-      const o = ai(t, n);
+      const o = oi(t, n);
       if (o !== null)
         return r.geomReaders(o.layer).get("color", o.observation);
     };
   }, [t, e]);
-}, Fi = {
+}, Mi = {
   centerX: 0,
   centerY: 0,
   radius: 1
-}, Rn = (e) => {
+}, kn = (e) => {
   const t = Math.min(e.width, e.height);
   return {
     centerX: (e.width - t) / 2 + t / 2,
     centerY: (e.height - t) / 2 + t / 2,
     radius: t / 2
   };
-}, q = (e, t, r = Fi) => {
-  const n = ni(e, t);
+}, q = (e, t, r = Mi) => {
+  const n = ri(e, t);
   return {
     x: r.centerX + n.x * r.radius,
     y: r.centerY - n.y * r.radius
   };
 }, Xt = (e, t) => ({
-  x: pn(e),
-  y: mn(t)
+  x: fn(e),
+  y: pn(t)
 }), re = (e, t) => {
   const r = q(e, t);
   return {
     x: (r.x + 1) / 2,
     y: (r.y + 1) / 2
   };
-}, Di = 2, Hi = 0.7, ve = ({ hit: e, project: t = Xt }) => {
-  const r = Sn(e.layerId);
+}, Fi = 2, Di = 0.7, ve = ({ hit: e, project: t = Xt }) => {
+  const r = wn(e.layerId);
   if (!e.anchored) return null;
-  const n = r?.get("color", e.observation) ?? jr, o = ($r(e.observation) ?? 1) * Hi, a = (r?.get("size", e.observation) ?? 8) / 2, i = r?.get("borderColor", e.observation, "hovered") ?? vt, l = t(e.x, e.y);
+  const n = r?.get("color", e.observation) ?? zr, o = (Zr(e.observation) ?? 1) * Di, a = (r?.get("size", e.observation) ?? 8) / 2, i = r?.get("borderColor", e.observation, "hovered") ?? vt, l = t(e.x, e.y);
   return /* @__PURE__ */ s("circle", {
     cx: k(l.x),
     cy: k(l.y),
@@ -94,7 +94,7 @@ var Sn = (e) => {
     fill: n,
     opacity: o,
     stroke: i,
-    strokeWidth: Di,
+    strokeWidth: Fi,
     "data-testid": "companion-point"
   });
 }, $ = "_1d8mpa10", ne = {
@@ -102,10 +102,10 @@ var Sn = (e) => {
   stiffness: 500,
   damping: 60,
   mass: 1
-}, Oi = { duration: 0 }, qt = (e) => e ? ne : Oi, Ft = (e, t) => {
+}, Hi = { duration: 0 }, qt = (e) => e ? ne : Hi, Ft = (e, t) => {
   const r = _(e);
   return F(() => {
-    const n = Ei(r.get(), e);
+    const n = Ci(r.get(), e);
     ie(0, 1, {
       ...t,
       onUpdate: (o) => {
@@ -118,7 +118,7 @@ var Sn = (e) => {
     e,
     r
   ]), r;
-}, Cn = ({ shouldAnimateTransitions: e, ...t }) => e ? /* @__PURE__ */ s(Wi, { ...t }) : /* @__PURE__ */ s(Gi, { ...t }), Gi = ({ fillPath: e, linePath: t, fill: r, fillOpacity: n, stroke: o, strokeWidth: a, strokeOpacity: i, strokeDasharray: l }) => /* @__PURE__ */ b("g", { children: [/* @__PURE__ */ s("path", {
+}, Rn = ({ shouldAnimateTransitions: e, ...t }) => e ? /* @__PURE__ */ s(Gi, { ...t }) : /* @__PURE__ */ s(Oi, { ...t }), Oi = ({ fillPath: e, linePath: t, fill: r, fillOpacity: n, stroke: o, strokeWidth: a, strokeOpacity: i, strokeDasharray: l }) => /* @__PURE__ */ b("g", { children: [/* @__PURE__ */ s("path", {
   d: e,
   fill: r,
   fillOpacity: n,
@@ -131,7 +131,7 @@ var Sn = (e) => {
   strokeOpacity: i,
   strokeDasharray: l,
   vectorEffect: "non-scaling-stroke"
-})] }), Wi = ({ fillPath: e, linePath: t, fill: r, fillOpacity: n, stroke: o, strokeWidth: a, strokeOpacity: i, strokeDasharray: l }) => {
+})] }), Gi = ({ fillPath: e, linePath: t, fill: r, fillOpacity: n, stroke: o, strokeWidth: a, strokeOpacity: i, strokeDasharray: l }) => {
   const c = Ft(e, ne), d = Ft(t, ne);
   return /* @__PURE__ */ b("g", { children: [/* @__PURE__ */ s(H.path, {
     d: c,
@@ -154,13 +154,13 @@ var Sn = (e) => {
     ease: e.growAxis === "angle" ? "circOut" : "backOut",
     delay: r
   };
-}, Vi = (e) => ({
+}, Wi = (e) => ({
   duration: e.durationSeconds,
   ease: "easeOut"
-}), Ui = (e) => ({
+}), Vi = (e) => ({
   duration: e.durationSeconds,
   ease: "easeOut"
-}), Qi = (e) => Yi(e) + e.durationSeconds, Yi = (e) => {
+}), Ui = (e) => Qi(e) + e.durationSeconds, Qi = (e) => {
   switch (e.type) {
     case "grow":
       return Object.values(e.delayByKey).reduce((t, r) => Math.max(t, r), 0);
@@ -168,19 +168,19 @@ var Sn = (e) => {
     case "fade":
       return 0;
   }
-}, pr = 1.1, mr = 1.5, En = ({ intro: e, children: t }) => {
+}, pr = 1.1, mr = 1.5, Cn = ({ intro: e, children: t }) => {
   const r = V();
   return /* @__PURE__ */ b(P, { children: [/* @__PURE__ */ s("clipPath", {
     id: r,
     children: /* @__PURE__ */ s(H.rect, {
-      ...Ki(e.axis),
-      transition: Vi(e)
+      ...Yi(e.axis),
+      transition: Wi(e)
     })
   }), /* @__PURE__ */ s("g", {
     clipPath: `url(#${r})`,
     children: t
   })] });
-}, Ki = (e) => e === "x" ? {
+}, Yi = (e) => e === "x" ? {
   x: -0.05,
   y: -0.25,
   height: mr,
@@ -192,11 +192,11 @@ var Sn = (e) => {
   width: mr,
   initial: { height: 0 },
   animate: { height: pr }
-}, zi = Z(function({ layer: t, coordSystem: r, shouldAnimateTransitions: n, intro: o }) {
-  const a = o?.type === "wipe" ? o : null, { lineGenerator: i, areaGenerator: l } = m(() => qr(r, t.params), [t.params, r]), c = L(t), d = m(() => {
+}, Ki = Z(function({ layer: t, coordSystem: r, shouldAnimateTransitions: n, intro: o }) {
+  const a = o?.type === "wipe" ? o : null, { lineGenerator: i, areaGenerator: l } = m(() => Xr(r, t.params), [t.params, r]), c = L(t), d = m(() => {
     const u = oe(t.data, t.mapping, t.id), v = [];
     return t.data.groupBy(le.group).forEach((g) => {
-      const h = sn([...g], t.params.missingValues), f = l(h), A = i(h);
+      const h = an([...g], t.params.missingValues), f = l(h), A = i(h);
       if (!f || !A) return;
       const p = h[0];
       if (!p) return;
@@ -220,7 +220,7 @@ var Sn = (e) => {
     t.mapping,
     t.params,
     c
-  ]).map((u) => /* @__PURE__ */ s(ji, {
+  ]).map((u) => /* @__PURE__ */ s(zi, {
     areaPath: u.areaPath,
     linePath: u.linePath,
     color: u.color,
@@ -237,12 +237,12 @@ var Sn = (e) => {
     height: "100%",
     "data-geom": "area",
     className: $,
-    children: a ? /* @__PURE__ */ s(En, {
+    children: a ? /* @__PURE__ */ s(Cn, {
       intro: a,
       children: d
     }) : d
   });
-}), ji = ({ areaPath: e, linePath: t, color: r, fillOpacity: n, strokeWidth: o, strokeOpacity: a, strokeDasharray: i, shouldAnimateTransitions: l }) => /* @__PURE__ */ s(Cn, {
+}), zi = ({ areaPath: e, linePath: t, color: r, fillOpacity: n, strokeWidth: o, strokeOpacity: a, strokeDasharray: i, shouldAnimateTransitions: l }) => /* @__PURE__ */ s(Rn, {
   fillPath: e,
   linePath: t,
   fill: r,
@@ -252,20 +252,20 @@ var Sn = (e) => {
   strokeOpacity: a,
   strokeDasharray: i,
   shouldAnimateTransitions: l
-}), Xi = "_324dw20", kt = 1, qi = 2, Ji = 1, Zi = 12 / 2, $i = 2.25, Be = ({ hit: e, project: t = Xt, ...r }) => {
-  const n = Sn(e.layerId);
+}), ji = "_324dw20", kt = 1, Xi = 2, qi = 1, Ji = 12 / 2, Zi = 2.25, Be = ({ hit: e, project: t = Xt, ...r }) => {
+  const n = wn(e.layerId);
   if (!e.anchored) return null;
-  const o = n?.get("color", e.observation) ?? jr, a = $r(e.observation) ?? 1, i = n?.get("borderColor", e.observation, "hovered") ?? vt, l = t(e.x, e.y), c = k(l.x), d = k(l.y), u = _i(e.observation), v = u + kt / 2 + Ji + kt / 2;
+  const o = n?.get("color", e.observation) ?? zr, a = Zr(e.observation) ?? 1, i = n?.get("borderColor", e.observation, "hovered") ?? vt, l = t(e.x, e.y), c = k(l.x), d = k(l.y), u = $i(e.observation), v = u + kt / 2 + qi + kt / 2;
   return /* @__PURE__ */ b("g", {
     ...r,
-    className: Xi,
+    className: ji,
     children: [/* @__PURE__ */ s("circle", {
       cx: c,
       cy: d,
       r: v,
       fill: "none",
       stroke: i,
-      strokeWidth: qi
+      strokeWidth: Xi
     }), /* @__PURE__ */ s("circle", {
       cx: c,
       cy: d,
@@ -276,16 +276,16 @@ var Sn = (e) => {
       strokeWidth: kt
     })]
   });
-}, _i = (e) => {
-  const t = qa(e);
-  return nn(t) ? t / $i : Zi;
-}, es = ({ layer: e, coordSystem: t, primary: r, companions: n }) => {
-  const o = L(e), a = ft(r.observation), i = m(() => sn([...e.data.filter(le.group, "eq", a)], e.params.missingValues), [
+}, $i = (e) => {
+  const t = Xa(e);
+  return rn(t) ? t / Zi : Ji;
+}, _i = ({ layer: e, coordSystem: t, primary: r, companions: n }) => {
+  const o = L(e), a = ft(r.observation), i = m(() => an([...e.data.filter(le.group, "eq", a)], e.params.missingValues), [
     e.data,
     e.params.missingValues,
     a
   ]), { areaPath: l, linePath: c } = m(() => {
-    const { lineGenerator: h, areaGenerator: f } = qr(t, e.params);
+    const { lineGenerator: h, areaGenerator: f } = Xr(t, e.params);
     return {
       areaPath: f(i) ?? "",
       linePath: h(i) ?? ""
@@ -331,18 +331,18 @@ var Sn = (e) => {
       })
     ]
   });
-}, ts = {
+}, es = {
   geom: "area",
   coord: "cartesian",
   swatchShape: "area",
   guideMode: "crosshair",
-  render: ({ layer: e, coordSystem: t, shouldAnimateTransitions: r, intro: n }) => /* @__PURE__ */ s(zi, {
+  render: ({ layer: e, coordSystem: t, shouldAnimateTransitions: r, intro: n }) => /* @__PURE__ */ s(Ki, {
     layer: e,
     coordSystem: t,
     shouldAnimateTransitions: r,
     intro: n
   }),
-  renderHover: ({ layer: e, coordSystem: t, primary: r, group: n, related: o }) => /* @__PURE__ */ s(es, {
+  renderHover: ({ layer: e, coordSystem: t, primary: r, group: n, related: o }) => /* @__PURE__ */ s(_i, {
     layer: e,
     coordSystem: t,
     primary: r,
@@ -351,13 +351,13 @@ var Sn = (e) => {
   renderHoverCompanions: ({ related: e }) => /* @__PURE__ */ s(P, { children: e.map((t) => /* @__PURE__ */ s(ve, { hit: t }, `companion-${t.layerId}-${t.pointIndex}`)) }),
   getOverlayAnchor: ({ observation: e, coordSystem: t }) => {
     if (t.mainAxis === "x") {
-      const o = X(e), a = rn(e) ?? te(e);
+      const o = X(e), a = tn(e) ?? te(e);
       return o === null || a === null ? null : {
         x: o,
         y: a
       };
     }
-    const r = te(e), n = $a(e) ?? X(e);
+    const r = te(e), n = Za(e) ?? X(e);
     return r === null || n === null ? null : {
       x: n,
       y: r
@@ -390,7 +390,7 @@ var Sn = (e) => {
   borderWidth: e.get("borderWidth", t),
   borderRadius: e.get("borderRadius", t),
   borderAlpha: e.get("alpha", t)
-}), Pn = (e, t) => t.growAxis === "x" ? {
+}), En = (e, t) => t.growAxis === "x" ? {
   x: t.baseline,
   y: e.y,
   width: 0,
@@ -400,7 +400,7 @@ var Sn = (e) => {
   y: t.baseline,
   width: e.width,
   height: 0
-}, rs = Z(function({ layer: t, coordSystem: r, shouldAnimateTransitions: n, intro: o }) {
+}, ts = Z(function({ layer: t, coordSystem: r, shouldAnimateTransitions: n, intro: o }) {
   const a = V(), i = L(t), l = mt(o?.type === "grow" && (o.growAxis === "x" || o.growAxis === "y") ? o : null, n);
   return /* @__PURE__ */ s(P, { children: m(() => {
     const c = oe(t.data, t.mapping, t.id), d = /* @__PURE__ */ new Map();
@@ -419,13 +419,13 @@ var Sn = (e) => {
       });
     }
     return [...d.values()].map(({ bars: u, style: v }, g) => {
-      const h = _r(u), f = v.borderColor === void 0 ? void 0 : ze(v.borderWidth);
+      const h = $r(u), f = v.borderColor === void 0 ? void 0 : ze(v.borderWidth);
       return {
         key: u[0]?.key ?? String(g),
         id: `${a}${g}`,
         bars: u,
         ...h,
-        radii: is({
+        radii: as({
           borderRadius: v.borderRadius,
           mainAxis: r.mainAxis,
           bounds: h
@@ -453,15 +453,15 @@ var Sn = (e) => {
         introKey: u
       }, u);
     }
-    return l.isAnimated ? /* @__PURE__ */ s(os, {
+    return l.isAnimated ? /* @__PURE__ */ s(ns, {
       column: c,
       animation: l
-    }, c.key) : /* @__PURE__ */ s(ns, {
+    }, c.key) : /* @__PURE__ */ s(rs, {
       column: c,
       animation: l
     }, c.key);
   }) });
-}), ns = ({ column: e, animation: t }) => {
+}), rs = ({ column: e, animation: t }) => {
   const { id: r, bars: n, radii: o, borderColor: a, outlineOpacity: i, clippedStrokeWidth: l, separatorStrokeWidth: c } = e, d = a !== void 0, u = /* @__PURE__ */ s("clipPath", {
     id: r,
     children: /* @__PURE__ */ s(Ar, {
@@ -503,8 +503,8 @@ var Sn = (e) => {
       opacity: i
     })]
   })] });
-}, os = ({ column: e, animation: t }) => {
-  const { id: r, bars: n, radii: o, borderColor: a, outlineOpacity: i, clippedStrokeWidth: l, separatorStrokeWidth: c } = e, d = a !== void 0, u = as(e, t, n[0]?.key), v = {
+}, ns = ({ column: e, animation: t }) => {
+  const { id: r, bars: n, radii: o, borderColor: a, outlineOpacity: i, clippedStrokeWidth: l, separatorStrokeWidth: c } = e, d = a !== void 0, u = os(e, t, n[0]?.key), v = {
     style: {
       transformBox: "view-box",
       x: u.x,
@@ -553,7 +553,7 @@ var Sn = (e) => {
 }, lt = ({ animation: e, introKey: t, rx: r, ry: n, stroke: o, strokeWidth: a, ...i }) => {
   const { isAnimated: l, activeIntro: c, shouldAnimateTransitions: d } = e;
   if (l) {
-    const u = c ? Pn(i, c) : null;
+    const u = c ? En(i, c) : null;
     return /* @__PURE__ */ s(H.rect, {
       initial: u ? {
         x: k(u.x),
@@ -603,8 +603,8 @@ var Sn = (e) => {
   stroke: n,
   strokeWidth: o,
   opacity: a
-}), as = (e, t, r) => {
-  const n = t.activeIntro ? Pn(e, t.activeIntro) : e, o = _(n.x), a = _(n.y), i = _(n.width), l = _(n.height), c = Dt(t, r);
+}), os = (e, t, r) => {
+  const n = t.activeIntro ? En(e, t.activeIntro) : e, o = _(n.x), a = _(n.y), i = _(n.width), l = _(n.height), c = Dt(t, r);
   return F(() => {
     const d = c(), u = [
       ie(o, e.x, d),
@@ -632,13 +632,13 @@ var Sn = (e) => {
     height: tt(l, k)
   };
 };
-function is(e) {
-  const t = ci(e);
+function as(e) {
+  const t = li(e);
   if (e.borderRadius !== "full") return t;
   const r = {};
   return t.rx !== void 0 && (r.rx = k(t.rx)), t.ry !== void 0 && (r.ry = k(t.ry)), r;
 }
-var ss = "_1suo8ub0", Bn = (e, t, r) => {
+var is = "_1suo8ub0", Pn = (e, t, r) => {
   const n = /* @__PURE__ */ new Map();
   for (const a of e.data) {
     const i = Ke(t, a);
@@ -652,10 +652,10 @@ var ss = "_1suo8ub0", Bn = (e, t, r) => {
   const o = /* @__PURE__ */ new Map();
   for (const [a, { firstObservation: i, memberBounds: l }] of n) o.set(a, {
     style: Ie(r, i),
-    bounds: _r(l)
+    bounds: $r(l)
   });
   return o;
-}, In = (e, t, r, n) => {
+}, Bn = (e, t, r, n) => {
   const o = Ke(t, n);
   return o ? e.get(Vt(t, o)) ?? {
     style: Ie(r, n),
@@ -685,10 +685,10 @@ var ss = "_1suo8ub0", Bn = (e, t, r) => {
     `A${r},${n} 0 0 1 ${e.x + r},${e.y}`,
     "Z"
   ].join("");
-}, ls = ({ observation: e, mainAxis: t, styleReaders: r, column: n, panelRect: o }) => {
+}, ss = ({ observation: e, mainAxis: t, styleReaders: r, column: n, panelRect: o }) => {
   const a = V(), i = V(), l = Ke(t, e);
   if (!l) return null;
-  const c = ct(l, o), d = ct(n.bounds, o), { borderColor: u, borderWidth: v, borderRadius: g, borderAlpha: h } = n.style, f = cn({
+  const c = ct(l, o), d = ct(n.bounds, o), { borderColor: u, borderWidth: v, borderRadius: g, borderAlpha: h } = n.style, f = ln({
     borderRadius: g,
     mainAxis: t,
     bounds: d
@@ -728,15 +728,15 @@ var ss = "_1suo8ub0", Bn = (e, t, r) => {
       })
     ]
   });
-}, cs = ({ layer: e, sourceLayer: t, coordSystem: r, panelRect: n }) => {
-  const o = L(t), a = m(() => Bn(t, r.mainAxis, o), [
+}, ls = ({ layer: e, sourceLayer: t, coordSystem: r, panelRect: n }) => {
+  const o = L(t), a = m(() => Pn(t, r.mainAxis, o), [
     t,
     r.mainAxis,
     o
   ]), i = oe(e.data, e.mapping, e.id), l = [];
   for (const c of e.data) {
-    const d = In(a, r.mainAxis, o, c);
-    d !== null && l.push(/* @__PURE__ */ s(ls, {
+    const d = Bn(a, r.mainAxis, o, c);
+    d !== null && l.push(/* @__PURE__ */ s(ss, {
       observation: c,
       mainAxis: r.mainAxis,
       styleReaders: o,
@@ -745,14 +745,14 @@ var ss = "_1suo8ub0", Bn = (e, t, r) => {
     }, i(c)));
   }
   return l;
-}, Rt = 3, ds = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
-  const o = L(e), a = V(), i = V(), l = V(), c = m(() => Bn(e, t.mainAxis, o), [
+}, Rt = 3, cs = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
+  const o = L(e), a = V(), i = V(), l = V(), c = m(() => Pn(e, t.mainAxis, o), [
     e,
     t.mainAxis,
     o
-  ]), d = Ke(t.mainAxis, r.observation), u = In(c, t.mainAxis, o, r.observation);
+  ]), d = Ke(t.mainAxis, r.observation), u = Bn(c, t.mainAxis, o, r.observation);
   if (!d || u === null) return null;
-  const v = ct(d, n), g = ct(u.bounds, n), { borderColor: h, borderWidth: f, borderRadius: A, borderAlpha: p } = u.style, x = cn({
+  const v = ct(d, n), g = ct(u.bounds, n), { borderColor: h, borderWidth: f, borderRadius: A, borderAlpha: p } = u.style, x = ln({
     borderRadius: A,
     mainAxis: t.mainAxis,
     bounds: g
@@ -773,7 +773,7 @@ var ss = "_1suo8ub0", Bn = (e, t, r) => {
         children: /* @__PURE__ */ s("path", { d: S })
       }),
       /* @__PURE__ */ s("g", {
-        className: ss,
+        className: is,
         children: /* @__PURE__ */ s("g", {
           clipPath: `url(#${a})`,
           children: /* @__PURE__ */ s("path", {
@@ -810,35 +810,35 @@ var ss = "_1suo8ub0", Bn = (e, t, r) => {
       })
     ]
   });
-}, us = {
+}, ds = {
   geom: "bar",
   coord: "cartesian",
   swatchShape: "square",
   guideMode: "band",
-  render: ({ layer: e, coordSystem: t, shouldAnimateTransitions: r, intro: n }) => /* @__PURE__ */ s(rs, {
+  render: ({ layer: e, coordSystem: t, shouldAnimateTransitions: r, intro: n }) => /* @__PURE__ */ s(ts, {
     layer: e,
     coordSystem: t,
     shouldAnimateTransitions: r,
     intro: n
   }),
-  renderHighlight: ({ layer: e, sourceLayer: t, coordSystem: r, panelRect: n }) => /* @__PURE__ */ s(cs, {
+  renderHighlight: ({ layer: e, sourceLayer: t, coordSystem: r, panelRect: n }) => /* @__PURE__ */ s(ls, {
     layer: e,
     sourceLayer: t,
     coordSystem: r,
     panelRect: n
   }),
-  renderHover: ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => /* @__PURE__ */ s(ds, {
+  renderHover: ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => /* @__PURE__ */ s(cs, {
     layer: e,
     coordSystem: t,
     primary: r,
     panelRect: n
   }),
   renderHoverCompanions: () => null
-}, hs = Z(function({ layer: t, shouldAnimateTransitions: r, intro: n }) {
-  const o = n?.type === "wipe" ? n : null, a = m(() => Zr(t.params), [t.params]), i = m(() => Da(t.params), [t.params]), l = L(t), c = m(() => {
+}, us = Z(function({ layer: t, shouldAnimateTransitions: r, intro: n }) {
+  const o = n?.type === "wipe" ? n : null, a = m(() => Jr(t.params), [t.params]), i = m(() => Fa(t.params), [t.params]), l = L(t), c = m(() => {
     const d = oe(t.data, t.mapping, t.id), u = [];
     return t.data.groupBy(le.group).forEach((v) => {
-      const g = ln([...v], t.params.missingValues), h = a(g);
+      const g = sn([...v], t.params.missingValues), h = a(g);
       if (!h) return;
       const f = g[0];
       if (!f) return;
@@ -862,7 +862,7 @@ var ss = "_1suo8ub0", Bn = (e, t, r) => {
     t.mapping,
     t.params,
     l
-  ]).map((d) => /* @__PURE__ */ s(vs, {
+  ]).map((d) => /* @__PURE__ */ s(hs, {
     pathData: d.pathData,
     fillPath: d.fillPath,
     fillAlpha: d.fillAlpha,
@@ -879,12 +879,12 @@ var ss = "_1suo8ub0", Bn = (e, t, r) => {
     height: "100%",
     "data-geom": "line",
     className: $,
-    children: o ? /* @__PURE__ */ s(En, {
+    children: o ? /* @__PURE__ */ s(Cn, {
       intro: o,
       children: c
     }) : c
   });
-}), vs = ({ pathData: e, fillPath: t, fillAlpha: r, color: n, strokeWidth: o, opacity: a, strokeDasharray: i, shouldAnimateTransitions: l }) => t !== void 0 && r !== void 0 ? /* @__PURE__ */ s(gs, {
+}), hs = ({ pathData: e, fillPath: t, fillAlpha: r, color: n, strokeWidth: o, opacity: a, strokeDasharray: i, shouldAnimateTransitions: l }) => t !== void 0 && r !== void 0 ? /* @__PURE__ */ s(vs, {
   fillPath: t,
   fillAlpha: r,
   linePath: e,
@@ -893,7 +893,7 @@ var ss = "_1suo8ub0", Bn = (e, t, r) => {
   opacity: a,
   strokeDasharray: i,
   shouldAnimateTransitions: l
-}) : l ? /* @__PURE__ */ s(fs, {
+}) : l ? /* @__PURE__ */ s(gs, {
   pathData: e,
   color: n,
   strokeWidth: o,
@@ -907,7 +907,7 @@ var ss = "_1suo8ub0", Bn = (e, t, r) => {
   opacity: a,
   strokeDasharray: i,
   vectorEffect: "non-scaling-stroke"
-}), gs = ({ fillPath: e, fillAlpha: t, linePath: r, color: n, strokeWidth: o, opacity: a, strokeDasharray: i, shouldAnimateTransitions: l }) => {
+}), vs = ({ fillPath: e, fillAlpha: t, linePath: r, color: n, strokeWidth: o, opacity: a, strokeDasharray: i, shouldAnimateTransitions: l }) => {
   const c = `line_fill_gradient_${V()}`;
   return /* @__PURE__ */ b(P, { children: [/* @__PURE__ */ s("defs", { children: /* @__PURE__ */ b("linearGradient", {
     id: c,
@@ -928,7 +928,7 @@ var ss = "_1suo8ub0", Bn = (e, t, r) => {
         stopOpacity: 0
       })
     ]
-  }) }), /* @__PURE__ */ s(Cn, {
+  }) }), /* @__PURE__ */ s(Rn, {
     fillPath: e,
     linePath: r,
     fill: `url(#${c})`,
@@ -939,7 +939,7 @@ var ss = "_1suo8ub0", Bn = (e, t, r) => {
     strokeDasharray: i,
     shouldAnimateTransitions: l
   })] });
-}, fs = ({ pathData: e, color: t, strokeWidth: r, opacity: n, strokeDasharray: o }) => {
+}, gs = ({ pathData: e, color: t, strokeWidth: r, opacity: n, strokeDasharray: o }) => {
   const a = Ft(e, ne);
   return /* @__PURE__ */ s(H.path, {
     d: a,
@@ -950,12 +950,12 @@ var ss = "_1suo8ub0", Bn = (e, t, r) => {
     strokeDasharray: o,
     vectorEffect: "non-scaling-stroke"
   });
-}, ps = ({ layer: e, primary: t, companions: r }) => {
-  const n = L(e), o = ft(t.observation), a = m(() => ln([...e.data.filter(le.group, "eq", o)], e.params.missingValues), [
+}, fs = ({ layer: e, primary: t, companions: r }) => {
+  const n = L(e), o = ft(t.observation), a = m(() => sn([...e.data.filter(le.group, "eq", o)], e.params.missingValues), [
     e.data,
     e.params.missingValues,
     o
-  ]), i = m(() => Zr(e.params)(a), [e.params, a]);
+  ]), i = m(() => Jr(e.params)(a), [e.params, a]);
   if (!i) return null;
   const l = n.get("color", t.observation), c = n.get("alpha", t.observation), d = n.get("strokeWidth", t.observation), u = Pe(n.get("lineType", t.observation));
   return /* @__PURE__ */ b("g", {
@@ -986,17 +986,17 @@ var ss = "_1suo8ub0", Bn = (e, t, r) => {
       })
     ]
   });
-}, ms = {
+}, ps = {
   geom: "line",
   coord: "cartesian",
   swatchShape: "line",
   guideMode: "crosshair",
-  render: ({ layer: e, shouldAnimateTransitions: t, intro: r }) => /* @__PURE__ */ s(hs, {
+  render: ({ layer: e, shouldAnimateTransitions: t, intro: r }) => /* @__PURE__ */ s(us, {
     layer: e,
     shouldAnimateTransitions: t,
     intro: r
   }),
-  renderHover: ({ layer: e, primary: t, group: r, related: n }) => /* @__PURE__ */ s(ps, {
+  renderHover: ({ layer: e, primary: t, group: r, related: n }) => /* @__PURE__ */ s(fs, {
     layer: e,
     primary: t,
     companions: [...r, ...n]
@@ -1009,7 +1009,7 @@ var ss = "_1suo8ub0", Bn = (e, t, r) => {
       y: r
     };
   }
-}, Tn = ({ observation: e, project: t, styleReaders: r, animation: n, introKey: o }) => {
+}, In = ({ observation: e, project: t, styleReaders: r, animation: n, introKey: o }) => {
   const a = X(e), i = te(e);
   if (a === null || i === null) return null;
   const l = t(a, i), c = k(l.x), d = k(l.y), u = r.get("size", e) / 2, v = r.get("color", e), g = r.get("alpha", e), h = r.get("borderColor", e), f = r.get("borderWidth", e), { isAnimated: A, activeIntro: p, shouldAnimateTransitions: x } = n;
@@ -1039,12 +1039,12 @@ var ss = "_1suo8ub0", Bn = (e, t, r) => {
     stroke: h,
     strokeWidth: f
   });
-}, As = Z(function({ layer: t, shouldAnimateTransitions: r, intro: n }) {
+}, ms = Z(function({ layer: t, shouldAnimateTransitions: r, intro: n }) {
   const o = L(t), a = mt(n?.type === "grow" && n.growAxis === "size" ? n : null, r);
   return m(() => {
     const i = a.activeIntro ? oe(t.data, t.mapping, t.id) : null, l = [];
     let c = 0;
-    for (const d of t.data) l.push(/* @__PURE__ */ s(Tn, {
+    for (const d of t.data) l.push(/* @__PURE__ */ s(In, {
       observation: d,
       project: Xt,
       styleReaders: o,
@@ -1065,11 +1065,11 @@ var ss = "_1suo8ub0", Bn = (e, t, r) => {
     "data-testid": "hovered-point",
     children: r
   }) : r;
-}, ys = {
+}, As = {
   geom: "point",
   coord: "cartesian",
   swatchShape: "circle",
-  render: ({ layer: e, shouldAnimateTransitions: t, intro: r }) => /* @__PURE__ */ s(As, {
+  render: ({ layer: e, shouldAnimateTransitions: t, intro: r }) => /* @__PURE__ */ s(ms, {
     layer: e,
     shouldAnimateTransitions: t,
     intro: r
@@ -1086,7 +1086,7 @@ var ss = "_1suo8ub0", Bn = (e, t, r) => {
       y: r
     };
   }
-}, xs = la.sm, O = (e, t) => `color-mix(in srgb, transparent, ${e} ${t * 100}%)`, bs = (e, t) => `hsl(from ${e} h s calc(l * ${1 - t}))`, df = (e, t) => `hsl(from ${e} h s calc(l * ${1 + t}))`, uf = (e) => /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(e), hf = (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), de = (e) => `${e}px`, Ln = {
+}, ys = sa.sm, O = (e, t) => `color-mix(in srgb, transparent, ${e} ${t * 100}%)`, xs = (e, t) => `hsl(from ${e} h s calc(l * ${1 - t}))`, df = (e, t) => `hsl(from ${e} h s calc(l * ${1 + t}))`, uf = (e) => /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(e), hf = (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), de = (e) => `${e}px`, Tn = {
   gridLineWidth: "1px",
   tooltipBorderRadius: "6px",
   tooltipPaddingBlock: "8px",
@@ -1110,29 +1110,29 @@ var ss = "_1suo8ub0", Bn = (e, t, r) => {
   editorOverlay: 900,
   editorOverlayPopover: 950,
   tooltip: 1e3
-}, Nn = {
+}, Ln = {
   elevationXs: "0 0 2px rgba(15, 15, 24, 0.12), 0 2px 2px rgba(14, 14, 52, 0.08)",
   elevationSm: "0 0 4px rgba(15, 15, 24, 0.12), 0 4px 4px rgba(14, 14, 52, 0.08)",
   elevationMd: "0 0 8px rgba(15, 15, 24, 0.12), 0 8px 8px rgba(14, 14, 52, 0.08)",
   elevationLg: "0 0 16px rgba(15, 15, 24, 0.12), 0 16px 16px rgba(14, 14, 52, 0.08)"
-}, Mn = {
+}, Nn = {
   radiiXs: "4px",
   radiiSm: "6px",
   radiiMd: "8px",
   radiiLg: "12px"
-}, Fn = {
+}, Mn = {
   zIndexToolbar: `${De.textToolbar}`,
   zIndexToolbarTooltip: `${De.textToolbarTooltip}`,
   zIndexToolbarPopover: `${De.textToolbarPopover}`,
   zIndexEditorPopover: `${De.editorOverlayPopover}`
-}, ws = 8, Se = (e) => `${ws * e}px`, Dn = {
+}, bs = 8, Se = (e) => `${bs * e}px`, Fn = {
   spaceXxs: Se(0.25),
   spaceXs: Se(0.5),
   spaceSm: Se(0.75),
   spaceMd: Se(1),
   spaceLg: Se(1.5),
   spaceXl: Se(2)
-}, Ss = {
+}, ws = {
   transparent: "transparent",
   white: "#FFFFFF",
   black: "#000000",
@@ -1159,7 +1159,7 @@ var ss = "_1suo8ub0", Bn = (e, t, r) => {
   purple50: "#7B56EA",
   purple30: "#E093FE",
   greyGradient80: "linear-gradient(to top, #F0F0F1, #F9F9FF)"
-}, ks = {
+}, Ss = {
   textPrimary: y.black,
   textSecondary: O(y.textPrimary, 0.6),
   textDisabled: O(y.textPrimary, 0.5),
@@ -1178,7 +1178,7 @@ var ss = "_1suo8ub0", Bn = (e, t, r) => {
   raisedBackground: y.grey85,
   overlayBackground: y.grey100,
   overlayBorderGradient: y.border10
-}, Rs = {
+}, ks = {
   graphBackground: y.grey100,
   gridLineColor: y.border10,
   axisTickColor: y.border10,
@@ -1202,7 +1202,7 @@ var ss = "_1suo8ub0", Bn = (e, t, r) => {
   heatmapEmptyTileBackground: y.grey80,
   annotationFrameBorderColor: y.blue60,
   editMenuTriggerIconColor: "#3d414c"
-}, Cs = {
+}, Rs = {
   canvasDefault: "#000000",
   canvasBlue: "#3b82f6",
   canvasCyan: "#06b6d4",
@@ -1214,31 +1214,31 @@ var ss = "_1suo8ub0", Bn = (e, t, r) => {
   canvasPurple: "#8b5cf6",
   canvasGray: "#78716c",
   canvasInverse: "#ffffff"
-}, Hn = {
+}, Dn = {
+  ...ws,
   ...Ss,
-  ...ks,
+  ...Ln,
   ...Nn,
-  ...Mn,
-  ...Dn,
   ...Fn,
+  ...Mn,
+  ...ks,
   ...Rs,
-  ...Cs,
-  ...Ln,
+  ...Tn,
+  ...Vr,
   ...Ur,
-  ...Qr,
-  ...Kr
-}, On = (e, t) => e * 10 * t, Gn = (e, t) => ({
+  ...Yr
+}, Hn = (e, t) => e * 10 * t, On = (e, t) => ({
   family: e.family,
-  size: e.size.unit === "em" ? On(e.size.value, t) : e.size.value,
+  size: e.size.unit === "em" ? Hn(e.size.value, t) : e.size.value,
   weight: e.weight,
   style: e.style
-}), Es = (e, t = {}) => {
-  const r = Ct(e.fontFamilyDefault) ?? Ct(Yr) ?? "";
+}), Cs = (e, t = {}) => {
+  const r = Ct(e.fontFamilyDefault) ?? Ct(Qr) ?? "";
   return {
     legendLabel: ((o) => {
-      const a = t[o] ?? {}, i = ia[o], l = Wn(i, e);
-      l === null && Bs(o);
-      const c = l ?? Ps(i);
+      const a = t[o] ?? {}, i = aa[o], l = Gn(i, e);
+      l === null && Ps(o);
+      const c = l ?? Es(i);
       return {
         family: Ct(a.family) ?? r,
         style: a.style ?? "normal",
@@ -1249,20 +1249,20 @@ var ss = "_1suo8ub0", Bn = (e, t, r) => {
     })("fontLegendLabel"),
     familyDefault: r
   };
-}, Wn = (e, t) => {
-  const r = Bi(t[e.weight]), n = Pi(t[e.size]), o = Ii(t[e.lineHeight]);
+}, Gn = (e, t) => {
+  const r = Pi(t[e.weight]), n = Ei(t[e.size]), o = Bi(t[e.lineHeight]);
   return r === null || n === null || o === null ? null : {
     weight: r,
     size: n,
     lineHeight: o
   };
-}, Ps = (e) => {
-  const t = Wn(e, Hn);
+}, Es = (e) => {
+  const t = Gn(e, Dn);
   if (t === null) throw new Error("[react-renderer] Base typography leaf tokens failed to parse.");
   return t;
-}, Ct = (e) => e === void 0 || e.includes("var(") ? null : e.replace(/\s+/g, " ").trim(), Bs = (e) => {
-  ca && console.warn(`[react-renderer] The leaf tokens composing "${e}" could not be resolved to a measurable font. Measurement falls back to the token's default; paint may disagree. Leaf overrides must be concrete values (px/em sizes, numeric weights, unitless line-heights).`);
-}, Is = {
+}, Ct = (e) => e === void 0 || e.includes("var(") ? null : e.replace(/\s+/g, " ").trim(), Ps = (e) => {
+  la && console.warn(`[react-renderer] The leaf tokens composing "${e}" could not be resolved to a measurable font. Measurement falls back to the token's default; paint may disagree. Leaf overrides must be concrete values (px/em sizes, numeric weights, unitless line-heights).`);
+}, Bs = {
   transparent: "transparent",
   white: "#FFFFFF",
   black: "#000000",
@@ -1289,7 +1289,7 @@ var ss = "_1suo8ub0", Bn = (e, t, r) => {
   purple50: "#7B56EA",
   purple30: "#E093FE",
   greyGradient80: "linear-gradient(to top, #222429, #31353f)"
-}, Ts = {
+}, Is = {
   textPrimary: y.grey0,
   textSecondary: O(y.textPrimary, 0.8),
   textDisabled: O(y.textPrimary, 0.5),
@@ -1308,7 +1308,7 @@ var ss = "_1suo8ub0", Bn = (e, t, r) => {
   raisedBackground: y.grey80,
   overlayBackground: y.grey90,
   overlayBorderGradient: y.greyGradient80
-}, Ls = {
+}, Ts = {
   graphBackground: y.grey90,
   gridLineColor: y.border10,
   axisTickColor: y.border10,
@@ -1332,7 +1332,7 @@ var ss = "_1suo8ub0", Bn = (e, t, r) => {
   heatmapEmptyTileBackground: y.grey80,
   annotationFrameBorderColor: y.blue60,
   editMenuTriggerIconColor: y.white
-}, Ns = {
+}, Ls = {
   canvasDefault: "#FFFFFF",
   canvasBlue: "#60a5fa",
   canvasCyan: "#22d3ee",
@@ -1344,36 +1344,36 @@ var ss = "_1suo8ub0", Bn = (e, t, r) => {
   canvasPurple: "#a78bfa",
   canvasGray: "#a8a29e",
   canvasInverse: "#000000"
-}, Ms = {
+}, Ns = {
+  ...Bs,
   ...Is,
-  ...Ts,
+  ...Ln,
   ...Nn,
-  ...Mn,
-  ...Dn,
   ...Fn,
+  ...Mn,
+  ...Ts,
   ...Ls,
-  ...Ns,
-  ...Ln,
+  ...Tn,
+  ...Vr,
   ...Ur,
-  ...Qr,
-  ...Kr
-}, Vn = (e, t = {}) => {
+  ...Yr
+}, Wn = (e, t = {}) => {
   const r = {}, n = {};
   for (const [o, a] of Object.entries(t))
     if (a != null)
-      if (aa(o)) {
+      if (oa(o)) {
         const i = a;
-        n[o] = i, r[o] = sa(o, i);
+        n[o] = i, r[o] = ia(o, i);
       } else r[o] = a;
   return {
     values: {
-      ...e === "dark" ? Ms : Hn,
+      ...e === "dark" ? Ns : Dn,
       ...r
     },
     fontOverrides: n
   };
-}, Un = (e, t = {}) => Vn(e, t).values, Qn = (e, t = {}) => {
-  const { values: r, fontOverrides: n } = Vn(e, t), o = ge(r.legendPillPaddingInline, 8), a = ge(r.legendPillPaddingBlock, 2), i = ge(r.legendPillBorderWidth, 1);
+}, Vn = (e, t = {}) => Wn(e, t).values, Un = (e, t = {}) => {
+  const { values: r, fontOverrides: n } = Wn(e, t), o = ge(r.legendPillPaddingInline, 8), a = ge(r.legendPillPaddingBlock, 2), i = ge(r.legendPillBorderWidth, 1);
   return {
     legendSwatchWidth: ge(r.legendSwatchWidth, 10),
     legendSwatchHeight: ge(r.legendSwatchHeight, 12),
@@ -1384,29 +1384,29 @@ var ss = "_1suo8ub0", Bn = (e, t, r) => {
     legendPillHorizontalChrome: 2 * (o + i),
     legendPillVerticalChrome: 2 * (a + i),
     headlineRowGap: ge(r.headlineRowGap, 2),
-    fonts: Es(r, n)
+    fonts: Cs(r, n)
   };
-}, Fs = Object.freeze(Qn("light"));
+}, Ms = Object.freeze(Un("light"));
 function ge(e, t) {
   const r = e.trim();
   if (!/^-?\d*\.?\d+(px)?$/.test(r)) return t;
   const n = Number.parseFloat(r);
   return Number.isFinite(n) ? n : t;
 }
-var Yn = U(Fs), Ds = ({ metrics: e, children: t }) => /* @__PURE__ */ s(Yn.Provider, {
+var Qn = U(Ms), Fs = ({ metrics: e, children: t }) => /* @__PURE__ */ s(Qn.Provider, {
   value: e,
   children: t
-}), me = () => D(Yn), T = () => {
+}), me = () => D(Qn), T = () => {
   const { colorScheme: e } = z(), t = C((r) => r.chrome);
   return m(() => gt({ colorScheme: e }).chromeReaders(t), [t, e]);
-}, Hs = (e) => {
+}, Ds = (e) => {
   const t = T(), r = C((n) => n.config.appearance.textScale);
-  return m(() => Ai(t, e, r), [
+  return m(() => mi(t, e, r), [
     t,
     e,
     r
   ]);
-}, Os = /\p{Emoji_Presentation}|\p{Emoji}\uFE0F/gu, Kn = "😀", Gs = class zn {
+}, Hs = /\p{Emoji_Presentation}|\p{Emoji}\uFE0F/gu, Yn = "😀", Os = class Kn {
   constructor() {
     this.emojiCorrections = /* @__PURE__ */ new Map(), this.currentFont = "";
     const t = new OffscreenCanvas(1, 1).getContext("2d");
@@ -1414,14 +1414,14 @@ var Yn = U(Fs), Ds = ({ metrics: e, children: t }) => /* @__PURE__ */ s(Yn.Provi
     this.ctx = t;
   }
   static async create() {
-    return typeof document < "u" && "fonts" in document && await document.fonts.ready, new zn();
+    return typeof document < "u" && "fonts" in document && await document.fonts.ready, new Kn();
   }
   measureText(t, r) {
-    const n = ka(r);
+    const n = Sa(r);
     this.setFont(n);
     const { width: o, fontBoundingBoxAscent: a, fontBoundingBoxDescent: i } = this.ctx.measureText(t);
     let l = o;
-    const c = Ws(t);
+    const c = Gs(t);
     if (c > 0) {
       const d = this.getEmojiCorrection(n);
       l -= d * c;
@@ -1440,7 +1440,7 @@ var Yn = U(Fs), Ds = ({ metrics: e, children: t }) => /* @__PURE__ */ s(Yn.Provi
     const r = this.emojiCorrections.get(t);
     if (r !== void 0) return r;
     this.setFont(t);
-    const n = this.ctx.measureText(Kn).width, o = Vs(t);
+    const n = this.ctx.measureText(Yn).width, o = Ws(t);
     let a = 0;
     if (o !== null) {
       const i = n - o;
@@ -1448,40 +1448,40 @@ var Yn = U(Fs), Ds = ({ metrics: e, children: t }) => /* @__PURE__ */ s(Yn.Provi
     }
     return this.emojiCorrections.set(t, a), a;
   }
-}, ae = null, Ws = (e) => {
-  const t = e.match(Os);
+}, ae = null, Gs = (e) => {
+  const t = e.match(Hs);
   return t ? t.length : 0;
-}, Vs = (e) => {
-  const t = Us();
+}, Ws = (e) => {
+  const t = Vs();
   return t ? (t.style.font = e, t.getBoundingClientRect().width) : null;
-}, Us = () => typeof document > "u" ? null : (ae || (ae = document.createElement("span"), ae.style.position = "absolute", ae.style.visibility = "hidden", ae.style.whiteSpace = "nowrap", ae.style.left = "-9999px", ae.textContent = Kn, document.body.appendChild(ae)), ae), jn = U(null), Qs = ({ children: e, measurer: t }) => {
+}, Vs = () => typeof document > "u" ? null : (ae || (ae = document.createElement("span"), ae.style.position = "absolute", ae.style.visibility = "hidden", ae.style.whiteSpace = "nowrap", ae.style.left = "-9999px", ae.textContent = Yn, document.body.appendChild(ae)), ae), zn = U(null), Us = ({ children: e, measurer: t }) => {
   const [r, n] = G(null);
   F(() => {
     if (t !== void 0) return;
     let a = !1;
     const i = () => {
-      a || n(Ys());
+      a || n(Qs());
     };
     return (async () => (typeof document < "u" && "fonts" in document && await document.fonts.ready, i()))(), typeof document < "u" && "fonts" in document && document.fonts.addEventListener("loadingdone", i), () => {
       a = !0, typeof document < "u" && "fonts" in document && document.fonts.removeEventListener("loadingdone", i);
     };
   }, [t]);
   const o = t ?? r;
-  return o === null ? null : /* @__PURE__ */ s(jn.Provider, {
+  return o === null ? null : /* @__PURE__ */ s(zn.Provider, {
     value: o,
     children: e
   });
 }, Ae = () => {
-  const e = D(jn);
+  const e = D(zn);
   if (e === null) throw new Error("useTextMeasurer must be used inside a <TextMeasurerProvider>.");
   return e;
-}, Ys = () => {
+}, Qs = () => {
   try {
-    return new ur(new Gs());
+    return new ur(new Os());
   } catch {
-    return new ur(new va());
+    return new ur(new ha());
   }
-}, Xn = U(null), vf = Xn.Provider, Ks = null, ce = () => D(Xn) ?? (Ks ??= Wl()), zs = "_16vokpr0", js = (e, t) => e.mapping.y !== void 0 != (t.mainAxis === "y"), Xs = (e, t) => {
+}, jn = U(null), vf = jn.Provider, Ys = null, ce = () => D(jn) ?? (Ys ??= Gl()), Ks = "_16vokpr0", zs = (e, t) => e.mapping.y !== void 0 != (t.mainAxis === "y"), js = (e, t) => {
   const r = k(e ? 1 - t : t);
   return e ? {
     x1: "0%",
@@ -1494,22 +1494,22 @@ var Yn = U(Fs), Ds = ({ metrics: e, children: t }) => /* @__PURE__ */ s(Yn.Provi
     x2: r,
     y2: "100%"
   };
-}, qs = (e, t) => {
-  const r = ja(e, t);
+}, Xs = (e, t) => {
+  const r = za(e, t);
   return r.length === 0 ? {} : {
     strokeDasharray: r.join(" "),
     strokeLinecap: "round",
     ...e === "dashed" ? { strokeMiterlimit: 16 } : {}
   };
-}, Js = (e, t) => rt(e) && rt(t) ? `${e}: ${t}` : rt(e) ? e : rt(t) ? t : null, rt = (e) => e != null && e.trim() !== "", qn = Object.freeze({}), Zt = U(qn), Zs = ({ slots: e, children: t }) => /* @__PURE__ */ s(Zt.Provider, {
-  value: e ?? qn,
+}, qs = (e, t) => rt(e) && rt(t) ? `${e}: ${t}` : rt(e) ? e : rt(t) ? t : null, rt = (e) => e != null && e.trim() !== "", Xn = Object.freeze({}), Zt = U(Xn), Js = ({ slots: e, children: t }) => /* @__PURE__ */ s(Zt.Provider, {
+  value: e ?? Xn,
   children: t
 });
 function ee(e, t) {
   const r = D(Zt)[e];
-  return r === void 0 ? t : typeof r == "object" && _s(r) ? r.render : r;
+  return r === void 0 ? t : typeof r == "object" && $s(r) ? r.render : r;
 }
-function $s() {
+function Zs() {
   const e = D(Zt);
   return {
     measureAxis: e.AxisTicks?.measure,
@@ -1519,18 +1519,18 @@ function $s() {
     measureHeadlineItemWidths: e.Headline?.measure.measureHeadlineItemWidths
   };
 }
-function _s(e) {
+function $s(e) {
   return "render" in e && "measure" in e;
 }
-var el = "_2qyyu60", tl = 2, rl = 12, nl = 12, br = 1, wr = 2, ol = 4, Xe = (e) => /* @__PURE__ */ s(ee("Swatch", al), { ...e }), al = ({ shape: e, color: t, lineType: r = "solid", width: n = rl, height: o = nl, strokeWidth: a = tl }) => /* @__PURE__ */ s("svg", {
-  className: el,
+var _s = "_2qyyu60", el = 2, tl = 12, rl = 12, br = 1, wr = 2, nl = 4, Xe = (e) => /* @__PURE__ */ s(ee("Swatch", ol), { ...e }), ol = ({ shape: e, color: t, lineType: r = "solid", width: n = tl, height: o = rl, strokeWidth: a = el }) => /* @__PURE__ */ s("svg", {
+  className: _s,
   width: n,
   height: o,
   viewBox: `0 0 ${n} ${o}`,
   "aria-hidden": !0,
   "data-testid": "chart-swatch",
   "data-shape": e,
-  children: il({
+  children: al({
     shape: e,
     color: t,
     lineType: r,
@@ -1538,8 +1538,8 @@ var el = "_2qyyu60", tl = 2, rl = 12, nl = 12, br = 1, wr = 2, ol = 4, Xe = (e)
     height: o,
     strokeWidth: a
   })
-}), il = ({ shape: e, color: t, lineType: r, width: n, height: o, strokeWidth: a }) => {
-  const i = sl(r, n);
+}), al = ({ shape: e, color: t, lineType: r, width: n, height: o, strokeWidth: a }) => {
+  const i = il(r, n);
   switch (e) {
     case "square":
       return /* @__PURE__ */ s("rect", {
@@ -1596,7 +1596,7 @@ var el = "_2qyyu60", tl = 2, rl = 12, nl = 12, br = 1, wr = 2, ol = 4, Xe = (e)
         fill: t
       });
   }
-}, sl = (e, t) => e === "solid" ? {
+}, il = (e, t) => e === "solid" ? {
   x1: 0,
   x2: t,
   dashArray: void 0,
@@ -1609,19 +1609,19 @@ var el = "_2qyyu60", tl = 2, rl = 12, nl = 12, br = 1, wr = 2, ol = 4, Xe = (e)
 } : {
   x1: 0,
   x2: t,
-  dashArray: `1 ${t / (ol - 1)}`,
+  dashArray: `1 ${t / (nl - 1)}`,
   linecap: "round"
 }, he = (e) => ({
-  fontFamily: e.fontFamily ?? zr,
+  fontFamily: e.fontFamily ?? Kr,
   fontSize: e.fontSize,
   fontWeight: e.fontWeight
 }), ke = (e) => ({
-  fontFamily: e.fontFamily ?? zr,
+  fontFamily: e.fontFamily ?? Kr,
   fontSize: e.fontSize,
   fontWeight: e.fontWeight,
   lineHeight: e.lineHeight,
   color: e.textColor
-}), ll = 11.7, Sr = 21.6, cl = "0 0 10 18", dl = "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", ul = ({ labelPosition: e, linePosition: t, color: r, pillWidth: n, pillHeight: o, text: a, shouldAnimateTransitions: i }) => {
+}), sl = 11.7, Sr = 21.6, ll = "0 0 10 18", cl = "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", dl = ({ labelPosition: e, linePosition: t, color: r, pillWidth: n, pillHeight: o, text: a, shouldAnimateTransitions: i }) => {
   const l = e === "start", c = l ? -13 : -(n - 13), d = l ? c + n - 5 : c + 5 - 12, u = l ? void 0 : `rotate(180 ${d + 12 / 2} ${o / 2})`, v = l ? "0%" : "100%", g = k(1 - t), h = /* @__PURE__ */ b("g", {
     transform: `translate(0, ${-o / 2})`,
     pointerEvents: "none",
@@ -1641,10 +1641,10 @@ var el = "_2qyyu60", tl = 2, rl = 12, nl = 12, br = 1, wr = 2, ol = 4, Xe = (e)
           y: (o - Sr) / 2,
           width: 12,
           height: Sr,
-          viewBox: cl,
+          viewBox: ll,
           overflow: "visible",
           children: /* @__PURE__ */ s("path", {
-            d: dl,
+            d: cl,
             fill: r
           })
         })
@@ -1668,7 +1668,7 @@ var el = "_2qyyu60", tl = 2, rl = 12, nl = 12, br = 1, wr = 2, ol = 4, Xe = (e)
     overflow: "visible",
     children: h
   });
-}, hl = ({ labelPosition: e, linePosition: t, color: r, pillWidth: n, pillHeight: o, text: a, shouldAnimateTransitions: i }) => {
+}, ul = ({ labelPosition: e, linePosition: t, color: r, pillWidth: n, pillHeight: o, text: a, shouldAnimateTransitions: i }) => {
   const l = e === "start", c = l ? -13 : -(o - 13), d = k(t), u = l ? "100%" : "0%", v = /* @__PURE__ */ b("g", {
     transform: `translate(${-n / 2}, 0)`,
     pointerEvents: "none",
@@ -1697,8 +1697,8 @@ var el = "_2qyyu60", tl = 2, rl = 12, nl = 12, br = 1, wr = 2, ol = 4, Xe = (e)
     overflow: "visible",
     children: v
   });
-}, vl = ({ label: e, textStyle: t, textWidth: r, labelPosition: n, isHorizontalLine: o, position: a, color: i, textColor: l, symbolShape: c, symbolColor: d, shouldAnimateTransitions: u }) => {
-  const v = c === null ? 0 : 14, g = r + v + 10, h = Math.max(ll, Ye(t)) + 10, f = /* @__PURE__ */ b(P, { children: [c !== null && d !== null && /* @__PURE__ */ s("g", {
+}, hl = ({ label: e, textStyle: t, textWidth: r, labelPosition: n, isHorizontalLine: o, position: a, color: i, textColor: l, symbolShape: c, symbolColor: d, shouldAnimateTransitions: u }) => {
+  const v = c === null ? 0 : 14, g = r + v + 10, h = Math.max(sl, Ye(t)) + 10, f = /* @__PURE__ */ b(P, { children: [c !== null && d !== null && /* @__PURE__ */ s("g", {
     transform: `translate(0, ${-10 / 2})`,
     children: /* @__PURE__ */ s(Xe, {
       shape: c,
@@ -1715,7 +1715,7 @@ var el = "_2qyyu60", tl = 2, rl = 12, nl = 12, br = 1, wr = 2, ol = 4, Xe = (e)
     style: he(t),
     children: e
   })] });
-  return o ? /* @__PURE__ */ s(ul, {
+  return o ? /* @__PURE__ */ s(dl, {
     labelPosition: n,
     linePosition: a,
     color: i,
@@ -1723,7 +1723,7 @@ var el = "_2qyyu60", tl = 2, rl = 12, nl = 12, br = 1, wr = 2, ol = 4, Xe = (e)
     pillHeight: h,
     text: f,
     shouldAnimateTransitions: u
-  }) : /* @__PURE__ */ s(hl, {
+  }) : /* @__PURE__ */ s(ul, {
     labelPosition: n,
     linePosition: a,
     color: i,
@@ -1732,8 +1732,8 @@ var el = "_2qyyu60", tl = 2, rl = 12, nl = 12, br = 1, wr = 2, ol = 4, Xe = (e)
     text: f,
     shouldAnimateTransitions: u
   });
-}, gl = ({ strokeWidth: e, lineType: t, isHorizontalLine: r, position: n, lineColor: o, shouldAnimateTransitions: a }) => {
-  const i = Xs(r, n), l = qs(t, e);
+}, vl = ({ strokeWidth: e, lineType: t, isHorizontalLine: r, position: n, lineColor: o, shouldAnimateTransitions: a }) => {
+  const i = js(r, n), l = Xs(t, e);
   return a ? /* @__PURE__ */ s(H.line, {
     initial: !1,
     transition: ne,
@@ -1754,17 +1754,17 @@ var el = "_2qyyu60", tl = 2, rl = 12, nl = 12, br = 1, wr = 2, ol = 4, Xe = (e)
     strokeWidth: e,
     vectorEffect: "non-scaling-stroke"
   });
-}, fl = Z(function({ layer: t, coordSystem: r, formattingLocale: n, shouldAnimateTransitions: o }) {
+}, gl = Z(function({ layer: t, coordSystem: r, formattingLocale: n, shouldAnimateTransitions: o }) {
   const a = Ae(), i = ce(), { guides: l, numberFormat: c, layers: d, colorScale: u } = C(K((M) => ({
     guides: M.guides,
     numberFormat: M.config.numberFormat,
     layers: M.spec.layers,
     colorScale: M.scales.color
-  }))), v = m(() => ba(d, u).get(t.id) ?? null, [
+  }))), v = m(() => xa(d, u).get(t.id) ?? null, [
     d,
     u,
     t.id
-  ]), g = v ? i(v.geom, r.type)?.swatchShape ?? "square" : null, h = m(() => Js(t.params.label, Ua({
+  ]), g = v ? i(v.geom, r.type)?.swatchShape ?? "square" : null, h = m(() => qs(t.params.label, Va({
     guides: l,
     numberFormat: c,
     layer: t,
@@ -1774,24 +1774,24 @@ var el = "_2qyyu60", tl = 2, rl = 12, nl = 12, br = 1, wr = 2, ol = 4, Xe = (e)
     c,
     n,
     t
-  ]), { fonts: f } = me(), A = Hs(t.id), p = m(() => J(A, f.familyDefault), [A, f.familyDefault]), x = m(() => h === null ? 0 : a.measureText(h, p).width, [
+  ]), { fonts: f } = me(), A = Ds(t.id), p = m(() => J(A, f.familyDefault), [A, f.familyDefault]), x = m(() => h === null ? 0 : a.measureText(h, p).width, [
     h,
     p,
     a
   ]), w = L(t), S = t.data.getFirst();
   if (!S) return null;
-  const R = w.get("color", S), N = an(R), E = js(t, r), I = E ? te(S) : X(S);
+  const R = w.get("color", S), N = on(R), E = zs(t, r), I = E ? te(S) : X(S);
   return I === null ? null : /* @__PURE__ */ b("g", {
     "data-geom": "rule",
-    className: zs,
-    children: [/* @__PURE__ */ s(gl, {
+    className: Ks,
+    children: [/* @__PURE__ */ s(vl, {
       strokeWidth: w.get("strokeWidth", S),
       lineType: w.get("lineType", S),
       isHorizontalLine: E,
       position: I,
       lineColor: R,
       shouldAnimateTransitions: o
-    }), h !== null && /* @__PURE__ */ s(vl, {
+    }), h !== null && /* @__PURE__ */ s(hl, {
       label: h,
       textStyle: A,
       textWidth: x,
@@ -1805,10 +1805,10 @@ var el = "_2qyyu60", tl = 2, rl = 12, nl = 12, br = 1, wr = 2, ol = 4, Xe = (e)
       shouldAnimateTransitions: o
     })]
   });
-}), pl = {
+}), fl = {
   geom: "rule",
   coord: "cartesian",
-  render: ({ layer: e, coordSystem: t, formattingLocale: r, shouldAnimateTransitions: n }) => /* @__PURE__ */ s(fl, {
+  render: ({ layer: e, coordSystem: t, formattingLocale: r, shouldAnimateTransitions: n }) => /* @__PURE__ */ s(gl, {
     layer: e,
     coordSystem: t,
     formattingLocale: r,
@@ -1816,19 +1816,19 @@ var el = "_2qyyu60", tl = 2, rl = 12, nl = 12, br = 1, wr = 2, ol = 4, Xe = (e)
   }),
   renderHover: () => null,
   renderHoverCompanions: () => null
-}, ml = Z(function({ layer: t, shouldAnimateTransitions: r, intro: n }) {
+}, pl = Z(function({ layer: t, shouldAnimateTransitions: r, intro: n }) {
   const o = n?.type === "fade" ? n : null, a = L(t), i = m(() => {
-    const l = Oa(t.data, t.mapping, t.id), c = [];
+    const l = Ha(t.data, t.mapping, t.id), c = [];
     for (const d of t.data) {
-      const u = tn(d);
-      u && en(d) && c.push({
+      const u = en(d);
+      u && _r(d) && c.push({
         key: l(d),
         ...u,
         fill: a.get("color", d),
         opacity: a.get("alpha", d)
       });
     }
-    return c.map(({ key: d, ...u }) => /* @__PURE__ */ s(Al, {
+    return c.map(({ key: d, ...u }) => /* @__PURE__ */ s(ml, {
       ...u,
       isAnimated: r
     }, d));
@@ -1840,10 +1840,10 @@ var el = "_2qyyu60", tl = 2, rl = 12, nl = 12, br = 1, wr = 2, ol = 4, Xe = (e)
   return o ? /* @__PURE__ */ s(H.g, {
     initial: { opacity: 0 },
     animate: { opacity: 1 },
-    transition: Ui(o),
+    transition: Vi(o),
     children: i
   }) : i;
-}), Al = ({ isAnimated: e, ...t }) => e ? /* @__PURE__ */ s(H.rect, {
+}), ml = ({ isAnimated: e, ...t }) => e ? /* @__PURE__ */ s(H.rect, {
   initial: !1,
   style: { transformBox: "view-box" },
   transition: ne,
@@ -1865,9 +1865,9 @@ var el = "_2qyyu60", tl = 2, rl = 12, nl = 12, br = 1, wr = 2, ol = 4, Xe = (e)
   fill: t.fill,
   opacity: t.opacity,
   rx: 8
-}), Fe = 2, yl = ({ layer: e, primary: t, panelRect: r }) => {
-  const n = L(e), o = tn(t.observation);
-  if (!o || !en(t.observation)) return null;
+}), Fe = 2, Al = ({ layer: e, primary: t, panelRect: r }) => {
+  const n = L(e), o = en(t.observation);
+  if (!o || !_r(t.observation)) return null;
   const a = n.get("color", t.observation), i = n.get("alpha", t.observation), l = n.get("borderColor", t.observation, "hovered") ?? vt, c = o.x * r.width, d = o.y * r.height, u = o.width * r.width, v = o.height * r.height;
   return /* @__PURE__ */ b("g", {
     "data-testid": "hovered-tile",
@@ -1890,17 +1890,17 @@ var el = "_2qyyu60", tl = 2, rl = 12, nl = 12, br = 1, wr = 2, ol = 4, Xe = (e)
       "data-testid": "hovered-tile-fill"
     })]
   });
-}, xl = {
+}, yl = {
   geom: "tile",
   coord: "cartesian",
   swatchShape: "square",
   guideMode: null,
-  render: ({ layer: e, shouldAnimateTransitions: t, intro: r }) => /* @__PURE__ */ s(ml, {
+  render: ({ layer: e, shouldAnimateTransitions: t, intro: r }) => /* @__PURE__ */ s(pl, {
     layer: e,
     shouldAnimateTransitions: t,
     intro: r
   }),
-  renderHover: ({ layer: e, primary: t, panelRect: r }) => /* @__PURE__ */ s(yl, {
+  renderHover: ({ layer: e, primary: t, panelRect: r }) => /* @__PURE__ */ s(Al, {
     layer: e,
     primary: t,
     panelRect: r
@@ -1923,11 +1923,11 @@ var el = "_2qyyu60", tl = 2, rl = 12, nl = 12, br = 1, wr = 2, ol = 4, Xe = (e)
   if (!t) return "";
   const n = r.map((o) => `L ${o.x} ${o.y}`).join(" ");
   return `M ${t.x} ${t.y} ${n} Z`;
-}, bl = Z(function({ layer: t }) {
+}, xl = Z(function({ layer: t }) {
   const r = L(t), n = m(() => {
     const o = oe(t.data, t.mapping, t.id), a = [];
     return t.data.groupBy(le.group).forEach((i) => {
-      const l = [...i], c = Jn(l);
+      const l = [...i], c = qn(l);
       if (!c) return;
       const d = l[0];
       d && a.push({
@@ -1967,7 +1967,7 @@ var el = "_2qyyu60", tl = 2, rl = 12, nl = 12, br = 1, wr = 2, ol = 4, Xe = (e)
       vectorEffect: "non-scaling-stroke"
     })] }, o.key))
   });
-}), Jn = (e) => {
+}), qn = (e) => {
   const t = [];
   for (const a of e) {
     const i = X(a), { innerRadius: l, outerRadius: c } = pt(a);
@@ -1984,8 +1984,8 @@ var el = "_2qyyu60", tl = 2, rl = 12, nl = 12, br = 1, wr = 2, ol = 4, Xe = (e)
     fillPath: n.some((a) => a.x !== 0 || a.y !== 0) ? `${o} ${Ht([...n].reverse())}` : o,
     outlinePath: o
   };
-}, wl = ({ layer: e, primary: t, companions: r }) => {
-  const n = L(e), o = ft(t.observation), a = m(() => Jn([...e.data.filter(le.group, "eq", o)]), [e.data, o]);
+}, bl = ({ layer: e, primary: t, companions: r }) => {
+  const n = L(e), o = ft(t.observation), a = m(() => qn([...e.data.filter(le.group, "eq", o)]), [e.data, o]);
   if (!a) return null;
   const i = n.get("color", t.observation), l = n.get("alpha", t.observation), c = n.get("strokeAlpha", t.observation), d = n.get("strokeWidth", t.observation);
   return /* @__PURE__ */ b(P, { children: [
@@ -2023,20 +2023,20 @@ var el = "_2qyyu60", tl = 2, rl = 12, nl = 12, br = 1, wr = 2, ol = 4, Xe = (e)
       "data-testid": "hovered-area-point"
     })
   ] });
-}, Sl = {
+}, wl = {
   geom: "area",
   coord: "polar",
   swatchShape: "area",
   guideMode: "crosshair",
-  render: ({ layer: e }) => /* @__PURE__ */ s(bl, { layer: e }),
-  renderHover: ({ layer: e, primary: t, group: r, related: n }) => /* @__PURE__ */ s(wl, {
+  render: ({ layer: e }) => /* @__PURE__ */ s(xl, { layer: e }),
+  renderHover: ({ layer: e, primary: t, group: r, related: n }) => /* @__PURE__ */ s(bl, {
     layer: e,
     primary: t,
     companions: [...r, ...n]
   }),
   renderHoverCompanions: ({ related: e }) => /* @__PURE__ */ s(dt, { companions: e }),
   getOverlayAnchor: ({ observation: e }) => {
-    const t = X(e), r = rn(e) ?? te(e);
+    const t = X(e), r = tn(e) ?? te(e);
     if (t === null || r === null) return null;
     const { x: n, y: o } = re(t, r);
     return {
@@ -2048,7 +2048,7 @@ var el = "_2qyyu60", tl = 2, rl = 12, nl = 12, br = 1, wr = 2, ol = 4, Xe = (e)
   stroke: e,
   strokeWidth: t,
   vectorEffect: "non-scaling-stroke"
-}), kl = Z(function({ layer: t, coordSystem: r, shouldAnimateTransitions: n, intro: o }) {
+}), Sl = Z(function({ layer: t, coordSystem: r, shouldAnimateTransitions: n, intro: o }) {
   const a = V(), i = mt(o?.type === "grow" && (o.growAxis === "angle" || o.growAxis === "radius") ? o : null, n), l = r.bandAxis !== "x", c = L(t), d = m(() => {
     const u = oe(t.data, t.mapping, t.id), v = /* @__PURE__ */ new Map();
     for (const g of t.data) {
@@ -2071,7 +2071,7 @@ var el = "_2qyyu60", tl = 2, rl = 12, nl = 12, br = 1, wr = 2, ol = 4, Xe = (e)
     return [...v.values()].map(({ items: g, style: h }, f) => ({
       key: g[0]?.key ?? String(f),
       items: g,
-      union: Za(g),
+      union: Ja(g),
       style: h
     }));
   }, [
@@ -2091,7 +2091,7 @@ var el = "_2qyyu60", tl = 2, rl = 12, nl = 12, br = 1, wr = 2, ol = 4, Xe = (e)
     children: d.map((u, v) => {
       const { borderColor: g, borderWidth: h, borderRadius: f, borderAlpha: A } = u.style, p = g !== void 0, x = ze(h), w = g === void 0 ? {} : Oe(g, x.separatorWidth), S = g === void 0 ? void 0 : Oe(g, x.outlineWidth), R = u.items.map((M) => {
         const { key: W, ...Y } = M;
-        return i.isAnimated ? /* @__PURE__ */ s(Rl, {
+        return i.isAnimated ? /* @__PURE__ */ s(kl, {
           ...Y,
           animation: i,
           sweepsInOnLateMount: l,
@@ -2107,12 +2107,12 @@ var el = "_2qyyu60", tl = 2, rl = 12, nl = 12, br = 1, wr = 2, ol = 4, Xe = (e)
           opacity: Y.opacity,
           ...w
         }, W);
-      }), N = gn(f, u.union.outerRadius - u.union.innerRadius);
+      }), N = vn(f, u.union.outerRadius - u.union.innerRadius);
       if (!p && N <= 0) return /* @__PURE__ */ s(jt, { children: R }, u.key);
       const E = `${a}${v}`;
       if (i.isAnimated) return /* @__PURE__ */ s("g", {
         clipPath: `url(#${E})`,
-        children: /* @__PURE__ */ s(Cl, {
+        children: /* @__PURE__ */ s(Rl, {
           ...u.union,
           cornerRadius: N,
           animation: i,
@@ -2146,7 +2146,7 @@ var el = "_2qyyu60", tl = 2, rl = 12, nl = 12, br = 1, wr = 2, ol = 4, Xe = (e)
       }, u.key);
     })
   });
-}), Zn = ({ startAngle: e, endAngle: t, innerRadius: r, outerRadius: n, cornerRadius: o, animation: a, sweepsInOnLateMount: i, introKey: l }) => {
+}), Jn = ({ startAngle: e, endAngle: t, innerRadius: r, outerRadius: n, cornerRadius: o, animation: a, sweepsInOnLateMount: i, introKey: l }) => {
   const c = a.activeIntro?.growAxis === "angle" ? a.activeIntro : null, d = a.activeIntro?.growAxis === "radius" ? a.activeIntro : null, u = i && !a.isLayerEntrance, v = c?.baseline ?? (u ? hr : e), g = c?.baseline ?? (u ? hr : t), h = d ? d.baseline : r, f = d ? d.baseline : n, A = _(v), p = _(g), x = _(h), w = _(f), S = _(pe({
     startAngle: v,
     endAngle: g,
@@ -2206,15 +2206,15 @@ var el = "_2qyyu60", tl = 2, rl = 12, nl = 12, br = 1, wr = 2, ol = 4, Xe = (e)
     o,
     S
   ]), S;
-}, Rl = ({ pathProps: e, ...t }) => {
-  const r = Zn(t);
+}, kl = ({ pathProps: e, ...t }) => {
+  const r = Jn(t);
   return /* @__PURE__ */ s(H.path, {
     d: r,
     transition: ne,
     ...e
   });
-}, Cl = ({ clipId: e, outlineProps: t, outlineOpacity: r, children: n, ...o }) => {
-  const a = Zn(o);
+}, Rl = ({ clipId: e, outlineProps: t, outlineOpacity: r, children: n, ...o }) => {
+  const a = Jn(o);
   return /* @__PURE__ */ b(P, { children: [
     /* @__PURE__ */ s("clipPath", {
       id: e,
@@ -2229,7 +2229,7 @@ var el = "_2qyyu60", tl = 2, rl = 12, nl = 12, br = 1, wr = 2, ol = 4, Xe = (e)
       ...t
     })
   ] });
-}, El = (e, t) => {
+}, Cl = (e, t) => {
   const r = e === "solo" || e === "floor", n = e === "solo" || e === "ceiling";
   return t === "x" ? {
     innerArc: r,
@@ -2242,10 +2242,10 @@ var el = "_2qyyu60", tl = 2, rl = 12, nl = 12, br = 1, wr = 2, ol = 4, Xe = (e)
     startSpoke: r,
     endSpoke: n
   };
-}, $n = (e, t, r) => {
+}, Zn = (e, t, r) => {
   const n = /* @__PURE__ */ new Map();
   for (const a of e.data) {
-    const i = to(a);
+    const i = eo(a);
     if (i === null) continue;
     const l = Ut(t, i), c = n.get(l);
     c === void 0 ? n.set(l, {
@@ -2260,13 +2260,13 @@ var el = "_2qyyu60", tl = 2, rl = 12, nl = 12, br = 1, wr = 2, ol = 4, Xe = (e)
     radialSpan: c - l
   });
   return o;
-}, _n = (e, t, r, n) => {
-  const o = to(n), a = o === null ? void 0 : e.get(Ut(t, o));
+}, $n = (e, t, r, n) => {
+  const o = eo(n), a = o === null ? void 0 : e.get(Ut(t, o));
   return a !== void 0 ? a : {
     style: Ie(r, n),
     radialSpan: o === null ? 0 : o.outerRadius - o.innerRadius
   };
-}, eo = ({ observation: e, bandAxis: t, styleReaders: r, group: n }) => {
+}, _n = ({ observation: e, bandAxis: t, styleReaders: r, group: n }) => {
   const o = V(), a = V(), { startAngle: i, endAngle: l } = Qt(e), { innerRadius: c, outerRadius: d } = pt(e);
   if (i === null || l === null || c === null || d === null) return null;
   const u = {
@@ -2276,20 +2276,20 @@ var el = "_2qyyu60", tl = 2, rl = 12, nl = 12, br = 1, wr = 2, ol = 4, Xe = (e)
     outerRadius: d
   }, v = pe(u);
   if (v === void 0) return null;
-  const g = r.get("color", e), h = r.get("alpha", e), { borderColor: f, borderWidth: A, borderRadius: p, borderAlpha: x } = n.style, w = gn(p, n.radialSpan), S = w > 0;
+  const g = r.get("color", e), h = r.get("alpha", e), { borderColor: f, borderWidth: A, borderRadius: p, borderAlpha: x } = n.style, w = vn(p, n.radialSpan), S = w > 0;
   if (f === void 0 && !S) return /* @__PURE__ */ s("path", {
     d: v,
     fill: g,
     opacity: h,
     "data-testid": "arc-segment"
   });
-  const R = El(Ja(e), t), N = S ? pe({
-    ...Bl(u, R, w),
+  const R = Cl(qa(e), t), N = S ? pe({
+    ...Pl(u, R, w),
     cornerRadius: w
   }) ?? v : v, E = f === void 0 ? null : {
     color: f,
     ...ze(A)
-  }, I = E === null ? "" : Cr(u, Il(R));
+  }, I = E === null ? "" : Cr(u, Bl(R));
   return /* @__PURE__ */ b("g", {
     clipPath: `url(#${o})`,
     "data-testid": "arc-segment",
@@ -2328,17 +2328,17 @@ var el = "_2qyyu60", tl = 2, rl = 12, nl = 12, br = 1, wr = 2, ol = 4, Xe = (e)
       }))
     ]
   });
-}, Pl = ({ layer: e, sourceLayer: t, coordSystem: r }) => {
-  const n = L(t), o = m(() => $n(t, r.bandAxis, n), [
+}, El = ({ layer: e, sourceLayer: t, coordSystem: r }) => {
+  const n = L(t), o = m(() => Zn(t, r.bandAxis, n), [
     t,
     r.bandAxis,
     n
   ]), a = oe(e.data, e.mapping, e.id), i = [];
-  for (const l of e.data) i.push(/* @__PURE__ */ s(eo, {
+  for (const l of e.data) i.push(/* @__PURE__ */ s(_n, {
     observation: l,
     bandAxis: r.bandAxis,
     styleReaders: n,
-    group: _n(o, r.bandAxis, n, l)
+    group: $n(o, r.bandAxis, n, l)
   }, a(l)));
   return /* @__PURE__ */ s("svg", {
     viewBox: "-1 -1 2 2",
@@ -2349,7 +2349,7 @@ var el = "_2qyyu60", tl = 2, rl = 12, nl = 12, br = 1, wr = 2, ol = 4, Xe = (e)
     className: $,
     children: i
   });
-}, Bl = (e, t, r) => {
+}, Pl = (e, t, r) => {
   let { startAngle: n, endAngle: o, innerRadius: a, outerRadius: i } = e;
   t.innerArc || (a = Math.max(0, a - r)), t.outerArc || (i = i + r);
   const l = Math.max(a, r), c = l > 0 ? r / l : 0, d = Math.sign(o - n) || 1;
@@ -2359,7 +2359,7 @@ var el = "_2qyyu60", tl = 2, rl = 12, nl = 12, br = 1, wr = 2, ol = 4, Xe = (e)
     innerRadius: a,
     outerRadius: i
   };
-}, to = (e) => {
+}, eo = (e) => {
   const { startAngle: t, endAngle: r } = Qt(e), { innerRadius: n, outerRadius: o } = pt(e);
   return t === null || r === null || n === null || o === null ? null : {
     startAngle: t,
@@ -2373,24 +2373,24 @@ var el = "_2qyyu60", tl = 2, rl = 12, nl = 12, br = 1, wr = 2, ol = 4, Xe = (e)
 }, kr = (e, t, r) => {
   if (e <= 0) return "";
   const n = Ge(e, t);
-  if (on(t, r)) return `M${n}A${e},${e} 0 1 1 ${Ge(e, t + Math.PI)}A${e},${e} 0 1 1 ${n}`;
+  if (nn(t, r)) return `M${n}A${e},${e} 0 1 1 ${Ge(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} ${Ge(e, r)}`;
 }, Rr = (e, t, r) => `M${Ge(t, e)}L${Ge(r, e)}`, Cr = (e, t) => {
-  const { startAngle: r, endAngle: n, innerRadius: o, outerRadius: a } = e, i = on(r, n);
+  const { startAngle: r, endAngle: n, innerRadius: o, outerRadius: a } = e, i = nn(r, n);
   return [
     t.innerArc ? kr(o, r, n) : "",
     t.outerArc ? kr(a, r, n) : "",
     t.startSpoke && !i ? Rr(r, o, a) : "",
     t.endSpoke && !i ? Rr(n, o, a) : ""
   ].filter(Boolean).join("");
-}, Il = (e) => ({
+}, Bl = (e) => ({
   innerArc: !e.innerArc,
   outerArc: !e.outerArc,
   startSpoke: !e.startSpoke,
   endSpoke: !e.endSpoke
-}), Tl = ({ layer: e, coordSystem: t, primary: r }) => {
-  const n = L(e), o = _n(m(() => $n(e, t.bandAxis, n), [
+}), Il = ({ layer: e, coordSystem: t, primary: r }) => {
+  const n = L(e), o = $n(m(() => Zn(e, t.bandAxis, n), [
     e,
     t.bandAxis,
     n
@@ -2403,40 +2403,40 @@ var el = "_2qyyu60", tl = 2, rl = 12, nl = 12, br = 1, wr = 2, ol = 4, Xe = (e)
     "data-geom": "arc",
     "data-testid": "hovered-arc",
     className: $,
-    children: /* @__PURE__ */ s(eo, {
+    children: /* @__PURE__ */ s(_n, {
       observation: r.observation,
       bandAxis: t.bandAxis,
       styleReaders: n,
       group: o
     })
   });
-}, Ll = {
+}, Tl = {
   geom: "bar",
   coord: "polar",
   swatchShape: "slice",
   guideMode: "band",
-  render: ({ layer: e, coordSystem: t, shouldAnimateTransitions: r, intro: n }) => /* @__PURE__ */ s(kl, {
+  render: ({ layer: e, coordSystem: t, shouldAnimateTransitions: r, intro: n }) => /* @__PURE__ */ s(Sl, {
     layer: e,
     coordSystem: t,
     shouldAnimateTransitions: r,
     intro: n
   }),
-  renderHighlight: ({ layer: e, sourceLayer: t, coordSystem: r }) => /* @__PURE__ */ s(Pl, {
+  renderHighlight: ({ layer: e, sourceLayer: t, coordSystem: r }) => /* @__PURE__ */ s(El, {
     layer: e,
     sourceLayer: t,
     coordSystem: r
   }),
-  renderHover: ({ layer: e, coordSystem: t, primary: r }) => /* @__PURE__ */ s(Tl, {
+  renderHover: ({ layer: e, coordSystem: t, primary: r }) => /* @__PURE__ */ s(Il, {
     layer: e,
     coordSystem: t,
     primary: r
   }),
   renderHoverCompanions: () => null
-}, Nl = Z(function({ layer: t }) {
+}, Ll = Z(function({ layer: t }) {
   const r = L(t), n = m(() => {
     const o = oe(t.data, t.mapping, t.id), a = [];
     return t.data.groupBy(le.group).forEach((i) => {
-      const l = [...i], c = ro(l);
+      const l = [...i], c = to(l);
       if (!c) return;
       const d = l[0];
       d && a.push({
@@ -2471,7 +2471,7 @@ var el = "_2qyyu60", tl = 2, rl = 12, nl = 12, br = 1, wr = 2, ol = 4, Xe = (e)
       vectorEffect: "non-scaling-stroke"
     }, o.key))
   });
-}), ro = (e) => {
+}), to = (e) => {
   const t = [];
   for (const r of e) {
     const n = X(r), o = te(r);
@@ -2481,8 +2481,8 @@ var el = "_2qyyu60", tl = 2, rl = 12, nl = 12, br = 1, wr = 2, ol = 4, Xe = (e)
     });
   }
   return t.length === 0 ? null : (t.sort((r, n) => r.angle - n.angle), Ht(t.map((r) => r.point)));
-}, Ml = ({ layer: e, primary: t, companions: r }) => {
-  const n = L(e), o = ft(t.observation), a = m(() => ro([...e.data.filter(le.group, "eq", o)]), [e.data, o]);
+}, Nl = ({ layer: e, primary: t, companions: r }) => {
+  const n = L(e), o = ft(t.observation), a = m(() => to([...e.data.filter(le.group, "eq", o)]), [e.data, o]);
   if (!a) return null;
   const i = n.get("color", t.observation), l = n.get("alpha", t.observation), c = n.get("strokeWidth", t.observation), d = Pe(n.get("lineType", t.observation));
   return /* @__PURE__ */ b(P, { children: [
@@ -2515,13 +2515,13 @@ var el = "_2qyyu60", tl = 2, rl = 12, nl = 12, br = 1, wr = 2, ol = 4, Xe = (e)
       "data-testid": "hovered-line-point"
     })
   ] });
-}, Fl = {
+}, Ml = {
   geom: "line",
   coord: "polar",
   swatchShape: "line",
   guideMode: "crosshair",
-  render: ({ layer: e }) => /* @__PURE__ */ s(Nl, { layer: e }),
-  renderHover: ({ layer: e, primary: t, group: r, related: n }) => /* @__PURE__ */ s(Ml, {
+  render: ({ layer: e }) => /* @__PURE__ */ s(Ll, { layer: e }),
+  renderHover: ({ layer: e, primary: t, group: r, related: n }) => /* @__PURE__ */ s(Nl, {
     layer: e,
     primary: t,
     companions: [...r, ...n]
@@ -2536,12 +2536,12 @@ var el = "_2qyyu60", tl = 2, rl = 12, nl = 12, br = 1, wr = 2, ol = 4, Xe = (e)
       y: 1 - o
     };
   }
-}, Dl = Z(function({ layer: t, shouldAnimateTransitions: r, intro: n }) {
+}, Fl = Z(function({ layer: t, shouldAnimateTransitions: r, intro: n }) {
   const o = L(t), a = mt(n?.type === "grow" && n.growAxis === "size" ? n : null, r);
   return m(() => {
     const i = a.activeIntro ? oe(t.data, t.mapping, t.id) : null, l = [];
     let c = 0;
-    for (const d of t.data) l.push(/* @__PURE__ */ s(Tn, {
+    for (const d of t.data) l.push(/* @__PURE__ */ s(In, {
       observation: d,
       project: re,
       styleReaders: o,
@@ -2556,11 +2556,11 @@ var el = "_2qyyu60", tl = 2, rl = 12, nl = 12, br = 1, wr = 2, ol = 4, Xe = (e)
     o,
     a
   ]);
-}), Hl = {
+}), Dl = {
   geom: "point",
   coord: "polar",
   swatchShape: "circle",
-  render: ({ layer: e, shouldAnimateTransitions: t, intro: r }) => /* @__PURE__ */ s(Dl, {
+  render: ({ layer: e, shouldAnimateTransitions: t, intro: r }) => /* @__PURE__ */ s(Fl, {
     layer: e,
     shouldAnimateTransitions: t,
     intro: r
@@ -2579,25 +2579,25 @@ var el = "_2qyyu60", tl = 2, rl = 12, nl = 12, br = 1, wr = 2, ol = 4, Xe = (e)
       y: 1 - o
     };
   }
-}, Ol = {
+}, Hl = {
   bar: {
-    cartesian: us,
-    polar: Ll
+    cartesian: ds,
+    polar: Tl
   },
   line: {
-    cartesian: ms,
-    polar: Fl
+    cartesian: ps,
+    polar: Ml
   },
   area: {
-    cartesian: ts,
-    polar: Sl
+    cartesian: es,
+    polar: wl
   },
   point: {
-    cartesian: ys,
-    polar: Hl
+    cartesian: As,
+    polar: Dl
   },
-  rule: { cartesian: pl },
-  tile: { cartesian: xl }
+  rule: { cartesian: fl },
+  tile: { cartesian: yl }
 };
 function At(e) {
   return typeof e == "function" ? {
@@ -2608,7 +2608,7 @@ function At(e) {
     fn: e.fn
   };
 }
-function Gl(e) {
+function Ol(e) {
   return e ? At(e.render).overlay : !1;
 }
 function gf(e, t) {
@@ -2621,37 +2621,37 @@ function gf(e, t) {
     geom: e.type
   };
 }
-function Wl(e = []) {
+function Gl(e = []) {
   const t = {};
-  for (const [r, n] of Object.entries(Ol)) t[r] = { ...n };
+  for (const [r, n] of Object.entries(Hl)) t[r] = { ...n };
   for (const r of e) (t[r.geom] ??= {})[r.coord] = r;
   return (r, n) => t[r]?.[n] ?? null;
 }
 var Ot = (e) => {
   const t = B(e);
   return t.current = e, t;
-}, Vl = () => {
+}, Wl = () => {
   const e = /* @__PURE__ */ new Map();
-  return An((t) => ({
+  return mn((t) => ({
     hover: st,
     tooltipAnchor: null,
     pointerRegions: [],
     isPointerSuspended: !1,
     setHoverState: (r) => t((n) => n.hover === r ? n : { hover: r }),
-    setTooltipAnchor: (r) => t((n) => Ul(n.tooltipAnchor, r) ? n : { tooltipAnchor: r }),
+    setTooltipAnchor: (r) => t((n) => Vl(n.tooltipAnchor, r) ? n : { tooltipAnchor: r }),
     publishPointerRegions: (r, n) => {
       n.length === 0 ? e.delete(r) : e.set(r, n);
-      const o = ei(e);
-      t((a) => xa(a.pointerRegions, o) ? a : { pointerRegions: o });
+      const o = _a(e);
+      t((a) => ya(a.pointerRegions, o) ? a : { pointerRegions: o });
     },
     setPointerSuspended: (r) => t((n) => n.isPointerSuspended === r ? n : { isPointerSuspended: r })
   }));
-}, Ul = (e, t) => e === t ? !0 : e === null || t === null ? !1 : e.x === t.x && e.y === t.y && e.placement === t.placement && e.annotationId === t.annotationId, Ql = (e, t) => {
+}, Vl = (e, t) => e === t ? !0 : e === null || t === null ? !1 : e.x === t.x && e.y === t.y && e.placement === t.placement && e.annotationId === t.annotationId, Ul = (e, t) => {
   const r = m(() => ({
     layers: e,
     coordSystem: t
   }), [e, t]), n = B(null);
-  n.current === null && (n.current = new ga(r));
+  n.current === null && (n.current = new va(r));
   const o = n.current, a = B(!1);
   return F(() => {
     if (!a.current) {
@@ -2660,37 +2660,37 @@ var Ot = (e) => {
     }
     o.update(r);
   }, [o, r]), o;
-}, no = U(null), Yl = ({ children: e }) => {
+}, ro = U(null), Ql = ({ children: e }) => {
   const { layers: t, coordSystem: r } = C(K((l) => ({
     layers: l.layers,
     coordSystem: l.coordSystem
-  }))), n = Ql(t, r), [o] = G(() => Vl()), a = B(null), i = B(null);
+  }))), n = Ul(t, r), [o] = G(() => Wl()), a = B(null), i = B(null);
   return i.current === null && (i.current = {
     engine: n,
     store: o,
     overlayRef: a
-  }), /* @__PURE__ */ s(no.Provider, {
+  }), /* @__PURE__ */ s(ro.Provider, {
     value: i.current,
     children: e
   });
 }, ye = () => {
-  const e = D(no);
+  const e = D(ro);
   if (e === null) throw new Error("useHoverContext must be used inside a <HoverProvider>.");
   return e;
 };
-function Kl(e, t) {
+function Yl(e, t) {
   const { engine: r } = ye(), n = B(t);
   F(() => {
     n.current = t;
   }, [t]), F(() => (r.registerHitTester(e, (o) => n.current(o)), () => r.unregisterHitTester(e)), [r, e]);
 }
-var zl = ({ hitTest: e, input: t }) => {
+var Kl = ({ hitTest: e, input: t }) => {
   const r = m(() => e(t), [e, t.layer.data]);
-  return Kl(t.layer.id, r), null;
-}, jl = "graphy_root", oo = () => typeof document > "u" ? null : document.getElementById(jl) ?? document.body, Xl = "_10igzta0", ql = ({ rect: e, zIndex: t, container: r, boxRef: n, children: o, ...a }) => r === null ? null : yn(/* @__PURE__ */ s("div", {
+  return Yl(t.layer.id, r), null;
+}, zl = "graphy_root", no = () => typeof document > "u" ? null : document.getElementById(zl) ?? document.body, jl = "_10igzta0", Xl = ({ rect: e, zIndex: t, container: r, boxRef: n, children: o, ...a }) => r === null ? null : An(/* @__PURE__ */ s("div", {
   ...a,
   ref: n,
-  className: Xl,
+  className: jl,
   style: {
     transform: `translate(${e.left}px, ${e.top}px)`,
     width: e.width,
@@ -2698,15 +2698,15 @@ var zl = ({ hitTest: e, input: t }) => {
     zIndex: t
   },
   children: o
-}), r), Jl = ({ rect: e, children: t }) => {
-  const [r] = G(oo);
-  return /* @__PURE__ */ s(ql, {
+}), r), ql = ({ rect: e, children: t }) => {
+  const [r] = G(no);
+  return /* @__PURE__ */ s(Xl, {
     rect: e,
     zIndex: De.panelOverlay,
     container: r,
     children: t
   });
-}, Zl = (e, t) => {
+}, Jl = (e, t) => {
   const r = Ot(e), n = Ot(t), o = B(null), a = B(null), i = m(() => {
     const l = () => {
       a.current !== null && (clearTimeout(a.current), a.current = null), o.current = null;
@@ -2730,12 +2730,12 @@ var zl = ({ hitTest: e, input: t }) => {
   return F(() => () => {
     a.current !== null && clearTimeout(a.current);
   }, []), i;
-}, $l = {
+}, Zl = {
   width: 0,
   height: 0,
   isDefault: !0
-}, ao = ({ debounce: e = 0, onResize: t } = {}) => {
-  const [r, n] = G($l), o = B(null), a = Zl((d) => {
+}, oo = ({ debounce: e = 0, onResize: t } = {}) => {
+  const [r, n] = G(Zl), o = B(null), a = Jl((d) => {
     const u = o.current;
     u && u.width === d.width && u.height === d.height || (o.current = {
       width: d.width,
@@ -2757,7 +2757,7 @@ var zl = ({ hitTest: e, input: t }) => {
     setElement: c
   };
 };
-function _l() {
+function $l() {
   const [e, t] = G(null), r = B(null), n = B(null), o = B(null), a = se(() => {
     o.current = null;
     const d = n.current;
@@ -2776,7 +2776,7 @@ function _l() {
     g && g.left === v.left && g.top === v.top && g.width === v.width && g.height === v.height || (r.current = v, t(v));
   }, []), i = se(() => {
     o.current === null && (o.current = requestAnimationFrame(a));
-  }, [a]), { setElement: l } = ao({ onResize: i }), c = se((d) => {
+  }, [a]), { setElement: l } = oo({ onResize: i }), c = se((d) => {
     n.current = d, l(d), d && a();
   }, [l, a]);
   return F(() => (window.addEventListener("scroll", i, !0), window.addEventListener("resize", i), () => {
@@ -2786,7 +2786,7 @@ function _l() {
     screenRect: e
   };
 }
-function ec(e) {
+function _l(e) {
   const { engine: t, store: r } = ye();
   return se((n, o) => {
     const { hover: a, setHoverState: i, setTooltipAnchor: l } = r.getState(), c = n === null ? st : t.resolveHoverByKey(e, n);
@@ -2805,8 +2805,8 @@ function ec(e) {
     e
   ]);
 }
-var tc = ({ render: e, input: t }) => {
-  const r = ec(t.layer.id), { measureRef: n, screenRect: o } = _l();
+var ec = ({ render: e, input: t }) => {
+  const r = _l(t.layer.id), { measureRef: n, screenRect: o } = $l();
   return F(() => () => r(null), [r]), /* @__PURE__ */ b(P, { children: [/* @__PURE__ */ s("rect", {
     ref: n,
     x: 0,
@@ -2815,16 +2815,16 @@ var tc = ({ render: e, input: t }) => {
     height: "100%",
     fill: "none",
     pointerEvents: "none"
-  }), o && /* @__PURE__ */ s(Jl, {
+  }), o && /* @__PURE__ */ s(ql, {
     rect: o,
-    children: /* @__PURE__ */ s(rc, {
+    children: /* @__PURE__ */ s(tc, {
       render: e,
       input: t,
       pushHover: r,
       panelRect: o
     })
   })] });
-}, rc = ({ render: e, input: t, pushHover: r, panelRect: n }) => e({
+}, tc = ({ render: e, input: t, pushHover: r, panelRect: n }) => e({
   ...t,
   overlay: {
     pushHover: r,
@@ -2836,7 +2836,7 @@ var tc = ({ render: e, input: t }) => {
   stagger: !0,
   staggerOrder: "main-axis",
   maxAnimatedGeoms: 1500
-}, nc = (e, t) => t ? {
+}, rc = (e, t) => t ? {
   intro: {
     ...ut,
     enabled: !1
@@ -2849,12 +2849,12 @@ var tc = ({ render: e, input: t }) => {
   },
   transitions: e
 } : {
-  intro: oc(e?.intro),
+  intro: nc(e?.intro),
   transitions: e?.transitions ?? !0
-}, oc = (e) => typeof e == "boolean" ? {
+}, nc = (e) => typeof e == "boolean" ? {
   ...ut,
   enabled: e
-} : Ti({}, ut, e), ac = {
+} : Ii({}, ut, e), oc = {
   loading: "جاري التحميل",
   error: "حدث خطأ ما",
   axisLabels: { placeholder: "إضافة تسمية" },
@@ -2905,10 +2905,10 @@ var tc = ({ render: e, input: t }) => {
     comparisonReference: ({ value: e }) => `من ${e}`
   },
   legend: { hiddenItems: "عناصر وسيلة الإيضاح المخفية" }
-}, ic = {
-  graph: ac,
+}, ac = {
+  graph: oc,
   dir: "rtl"
-}, sc = {
+}, ic = {
   loading: "Loading",
   error: "Something went wrong",
   axisLabels: { placeholder: "Add label" },
@@ -2959,10 +2959,10 @@ var tc = ({ render: e, input: t }) => {
     comparisonReference: ({ value: e }) => `from ${e}`
   },
   legend: { hiddenItems: "Hidden legend items" }
-}, lc = {
-  graph: sc,
+}, sc = {
+  graph: ic,
   dir: "ltr"
-}, cc = {}, dc = {
+}, lc = {}, cc = {
   loading: "A carregar",
   error: "Algo correu mal",
   axisLabels: { placeholder: "Adicionar etiqueta" },
@@ -3013,47 +3013,47 @@ var tc = ({ render: e, input: t }) => {
     comparisonReference: ({ value: e }) => `de ${e}`
   },
   legend: { hiddenItems: "Itens de legenda ocultos" }
-}, uc = {
-  graph: dc,
+}, dc = {
+  graph: cc,
   dir: "ltr"
 }, $t = {
-  "en-GB": lc,
-  "en-US": cc,
-  ar: ic,
-  "pt-PT": uc
-}, hc = ({ locale: e, overrides: t, fallbackLocale: r = "en-GB", dictionaries: n }) => {
+  "en-GB": sc,
+  "en-US": lc,
+  ar: ac,
+  "pt-PT": dc
+}, uc = ({ locale: e, overrides: t, fallbackLocale: r = "en-GB", dictionaries: n }) => {
   const o = t ?? {}, a = e ?? r, i = [...n.map((c) => c[a]), ...n.map((c) => c[r])];
   return (c, d) => {
     const u = d ?? {}, v = c.split("."), g = o[c];
     if (g) return typeof g == "function" ? g(u) : g;
     for (const h of i) {
       if (h === void 0) continue;
-      const f = gc(h, v);
+      const f = vc(h, v);
       if (f) return typeof f == "function" ? f(u) : f;
     }
     return c;
   };
-}, vc = ({ locale: e, overrides: t }) => t?.dir ?? $t[e].dir ?? "ltr", gc = (e, t) => {
+}, hc = ({ locale: e, overrides: t }) => t?.dir ?? $t[e].dir ?? "ltr", vc = (e, t) => {
   let r = e;
   for (const n of t) {
     if (typeof r != "object" || r === null) return;
     r = r[n];
   }
   if (typeof r == "string" || typeof r == "function") return r;
-}, fc = (e) => {
+}, gc = (e) => {
   const t = "en-GB";
   if (!e) return t;
   const r = e.trim().replace("_", "-").toLowerCase();
   return Object.keys($t).find((n) => n.toLowerCase() === r) ?? t;
-}, io = U(null), pc = [$t], so = () => Ac().translator, mc = ({ locale: e, children: t, i18nOverrides: r, dictionaries: n = pc }) => {
-  const o = fc(e), a = m(() => ({
-    translator: hc({
+}, ao = U(null), fc = [$t], io = () => mc().translator, pc = ({ locale: e, children: t, i18nOverrides: r, dictionaries: n = fc }) => {
+  const o = gc(e), a = m(() => ({
+    translator: uc({
       locale: o,
       overrides: r,
       fallbackLocale: "en-GB",
       dictionaries: n
     }),
-    dir: vc({
+    dir: hc({
       locale: o,
       overrides: r
     })
@@ -3062,37 +3062,37 @@ var tc = ({ render: e, input: t }) => {
     o,
     n
   ]);
-  return /* @__PURE__ */ s(Li, {
+  return /* @__PURE__ */ s(Ti, {
     locale: o,
     timeZone: "UTC",
-    children: /* @__PURE__ */ s(io.Provider, {
+    children: /* @__PURE__ */ s(ao.Provider, {
       value: a,
       children: t
     })
   });
-}, Ac = () => {
-  const e = D(io);
+}, mc = () => {
+  const e = D(ao);
   if (!e) throw new Error("useI18n must be used within IntlProvider");
   return e;
-}, lo = (e) => e === "none" ? "none" : `${e.offsetX}px ${e.offsetY}px ${e.blur}px ${e.color}`, yc = (e) => {
+}, so = (e) => e === "none" ? "none" : `${e.offsetX}px ${e.offsetY}px ${e.blur}px ${e.color}`, Ac = (e) => {
   if (e !== "none")
     return `drop-shadow(${e.offsetX}px ${e.offsetY}px ${e.blur}px ${e.color})`;
-}, xc = () => {
+}, yc = () => {
   const e = T(), t = C((r) => r.config.appearance.textScale);
-  return m(() => wi(e, t), [e, t]);
-}, bc = "bow4tg0", wc = "bow4tg1", Sc = "bow4tg2", kc = "bow4tg3", Rc = "bow4tg4", co = "_1ii3bsb0", Cc = "_1ii3bsb1", uo = U({
+  return m(() => bi(e, t), [e, t]);
+}, xc = "bow4tg0", bc = "bow4tg1", wc = "bow4tg2", Sc = "bow4tg3", kc = "bow4tg4", lo = "_1ii3bsb0", Rc = "_1ii3bsb1", co = U({
   colorScheme: "light",
-  themeClass: co,
+  themeClass: lo,
   inlineVarsStyle: {},
-  themeValues: Un("light", {})
-}), _t = () => D(uo), Ec = ({ colorScheme: e, themeOverrides: t = {}, textScale: r = 1, graphBackground: n, children: o }) => {
-  const a = m(() => Un(e, t), [e, t]), i = m(() => {
+  themeValues: Vn("light", {})
+}), _t = () => D(co), Cc = ({ colorScheme: e, themeOverrides: t = {}, textScale: r = 1, graphBackground: n, children: o }) => {
+  const a = m(() => Vn(e, t), [e, t]), i = m(() => {
     const c = { [y.textScale]: String(r) };
     for (const d of Object.keys(t)) {
       const u = d;
       c[y[u]] = a[u];
     }
-    return n !== void 0 && (c[y.graphBackground] = n), bn(c);
+    return n !== void 0 && (c[y.graphBackground] = n), xn(c);
   }, [
     r,
     n,
@@ -3100,7 +3100,7 @@ var tc = ({ render: e, input: t }) => {
     t
   ]), l = m(() => ({
     colorScheme: e,
-    themeClass: e === "dark" ? Cc : co,
+    themeClass: e === "dark" ? Rc : lo,
     inlineVarsStyle: i,
     themeValues: a
   }), [
@@ -3108,49 +3108,49 @@ var tc = ({ render: e, input: t }) => {
     i,
     a
   ]);
-  return /* @__PURE__ */ s(uo.Provider, {
+  return /* @__PURE__ */ s(co.Provider, {
     value: l,
     children: o
   });
-}, Pc = ({ children: e, className: t, style: r }) => {
+}, Ec = ({ children: e, className: t, style: r }) => {
   const { themeClass: n, inlineVarsStyle: o } = _t();
   return /* @__PURE__ */ s("div", {
-    className: Qe(n, wc, t),
+    className: Qe(n, bc, t),
     style: {
       ...o,
       ...r
     },
     children: e
   });
-}, Bc = {
+}, Pc = {
   modern: "'Inter', -apple-system, BlinkMacSystemFont, 'Open Sans', 'Segoe UI', 'Roboto', 'Oxygen-Sans', 'Ubuntu', 'Cantarell', 'Helvetica Neue', sans-serif",
   timeless: "'Noto Serif', Georgia, 'Times New Roman', serif",
   fresh: "'Aeonik', 'Aeonik Fallback', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif",
   technical: "'PT Mono', 'Courier New', monospace",
   handwritten: "'Permanent Marker', cursive",
   fineliner: "'Intruding Cat', cursive"
-}, Ic = (e) => {
+}, Bc = (e) => {
   const t = e !== null && typeof e == "object" ? e.fontFamily : e;
   return typeof t == "string" && t.length > 0 ? t : void 0;
 }, Er = (e) => {
-  const t = Ic(e);
+  const t = Bc(e);
   if (t !== void 0)
-    return Bc[t] ?? t;
-}, Tc = "_1cocly40", Ce = ({ content: e }) => /* @__PURE__ */ s(P, { children: ho(e.content ?? [e]) }), ho = (e) => e.map((t, r) => Lc(t, r)), Lc = (e, t) => {
-  if (e.type === "text") return Nc(e, t);
+    return Pc[t] ?? t;
+}, Ic = "_1cocly40", Ce = ({ content: e }) => /* @__PURE__ */ s(P, { children: uo(e.content ?? [e]) }), uo = (e) => e.map((t, r) => Tc(t, r)), Tc = (e, t) => {
+  if (e.type === "text") return Lc(e, t);
   if (e.type === "hardBreak" || e.type === "hard_break") return /* @__PURE__ */ s("br", {}, t);
-  const r = e.content ? ho(e.content) : null;
+  const r = e.content ? uo(e.content) : null;
   switch (e.type) {
     case "doc":
       return /* @__PURE__ */ s(jt, { children: r }, t);
     case "heading": {
-      const n = Hc(e.attrs?.level);
-      return Oc(n, t, r, Pr(e.attrs));
+      const n = Dc(e.attrs?.level);
+      return Hc(n, t, r, Pr(e.attrs));
     }
     case "paragraph":
       return /* @__PURE__ */ s("p", {
         "data-variant": yt(e.attrs?.variant) ?? void 0,
-        style: vo(Pr(e.attrs)),
+        style: ho(Pr(e.attrs)),
         children: r
       }, t);
     case "blockquote":
@@ -3167,10 +3167,10 @@ var tc = ({ render: e, input: t }) => {
     default:
       return /* @__PURE__ */ s("span", { children: r }, t);
   }
-}, Nc = (e, t) => {
+}, Lc = (e, t) => {
   const r = e.text ?? "";
-  return !e.marks || e.marks.length === 0 ? /* @__PURE__ */ s("span", { children: r }, t) : e.marks.reduceRight((n, o, a) => Mc(o, n, `${t}-${a}`), r);
-}, Mc = (e, t, r) => {
+  return !e.marks || e.marks.length === 0 ? /* @__PURE__ */ s("span", { children: r }, t) : e.marks.reduceRight((n, o, a) => Nc(o, n, `${t}-${a}`), r);
+}, Nc = (e, t, r) => {
   switch (e.type) {
     case "bold":
     case "strong":
@@ -3189,7 +3189,7 @@ var tc = ({ render: e, input: t }) => {
     case "link": {
       const n = yt(e.attrs?.href);
       return Kt(n) ? /* @__PURE__ */ s("a", {
-        className: Tc,
+        className: Ic,
         href: n,
         rel: "noopener noreferrer",
         target: "_blank",
@@ -3197,7 +3197,7 @@ var tc = ({ render: e, input: t }) => {
       }, r) : /* @__PURE__ */ s("span", { children: t }, r);
     }
     case "textStyle": {
-      const n = Fc(e.attrs);
+      const n = Mc(e.attrs);
       return n ? /* @__PURE__ */ s("span", {
         style: n,
         children: t
@@ -3206,16 +3206,16 @@ var tc = ({ render: e, input: t }) => {
     default:
       return /* @__PURE__ */ s("span", { children: t }, r);
   }
-}, Fc = (e) => {
+}, Mc = (e) => {
   if (!e) return null;
   const t = {}, r = yt(e.color);
   r && (t.color = r);
   const n = Er(e.font) ?? Er(e.fontFamily);
   n && (t.fontFamily = n);
-  const o = Dc(e.fontSize);
+  const o = Fc(e.fontSize);
   return o && (t.fontSize = o), Object.keys(t).length > 0 ? t : null;
-}, Dc = (e) => typeof e == "number" && Number.isFinite(e) ? `${e / 10}em` : yt(e), yt = (e) => typeof e == "string" && e.length > 0 ? e : void 0, Hc = (e) => typeof e != "number" ? 3 : e < 1 ? 1 : e > 3 ? 3 : Math.round(e), Oc = (e, t, r, n) => {
-  const o = vo(n);
+}, Fc = (e) => typeof e == "number" && Number.isFinite(e) ? `${e / 10}em` : yt(e), yt = (e) => typeof e == "string" && e.length > 0 ? e : void 0, Dc = (e) => typeof e != "number" ? 3 : e < 1 ? 1 : e > 3 ? 3 : Math.round(e), Hc = (e, t, r, n) => {
+  const o = ho(n);
   switch (e) {
     case 1:
       return /* @__PURE__ */ s("h1", {
@@ -3236,13 +3236,13 @@ var tc = ({ render: e, input: t }) => {
 }, Pr = (e) => {
   const t = e?.textAlign;
   if (t === "left" || t === "right" || t === "center" || t === "justify") return t;
-}, vo = (e) => e ? { textAlign: e } : void 0;
+}, ho = (e) => e ? { textAlign: e } : void 0;
 function We(e) {
   const { store: t } = ye();
   return je(t, e);
 }
-var Gc = "_19519k80";
-var Wc = "_19519k82", Vc = "_19519k83", Uc = "_19519k85", Qc = "_19519k86", Yc = "_19519k87", Kc = "_19519k88", zc = (e) => {
+var Oc = "_19519k80";
+var Gc = "_19519k82", Wc = "_19519k83", Vc = "_19519k85", Uc = "_19519k86", Qc = "_19519k87", Yc = "_19519k88", Kc = (e) => {
   const { overlayRef: t } = ye(), r = B(null), [n, o] = G(!1), a = Ot(e);
   return F(() => {
     const i = t.current;
@@ -3262,7 +3262,7 @@ var Wc = "_19519k82", Vc = "_19519k83", Uc = "_19519k85", Qc = "_19519k86", Yc =
     cursorRef: r,
     isInside: n
   };
-}, jc = 24, Xc = 8, qc = {
+}, zc = 24, jc = 8, Xc = {
   x: 0,
   y: 0,
   top: 0,
@@ -3274,8 +3274,8 @@ var Wc = "_19519k82", Vc = "_19519k83", Uc = "_19519k85", Qc = "_19519k86", Yc =
   toJSON: () => ({})
 }, nt = {
   boundary: [],
-  padding: Xc
-}, Jc = () => {
+  padding: jc
+}, qc = () => {
   const e = C(K((w) => ({
     layers: w.layers,
     coordSystem: w.coordSystem,
@@ -3284,8 +3284,8 @@ var Wc = "_19519k82", Vc = "_19519k83", Uc = "_19519k85", Qc = "_19519k86", Yc =
     numberFormat: w.config.numberFormat,
     parsingLocale: w.config.parsingLocale,
     comments: w.annotations.comments
-  }))), { formattingLocale: t, colorScheme: r } = z(), n = We((w) => w.hover), o = We((w) => w.tooltipAnchor), a = We((w) => w.isPointerSuspended), i = ee("Tooltip", Zc), l = B(() => {
-  }), { cursorRef: c, isInside: d } = zc(() => l.current()), u = m(() => Pa({
+  }))), { formattingLocale: t, colorScheme: r } = z(), n = We((w) => w.hover), o = We((w) => w.tooltipAnchor), a = We((w) => w.isPointerSuspended), i = ee("Tooltip", Jc), l = B(() => {
+  }), { cursorRef: c, isInside: d } = Kc(() => l.current()), u = m(() => Ea({
     ...e,
     hover: n,
     colorScheme: r,
@@ -3298,10 +3298,10 @@ var Wc = "_19519k82", Vc = "_19519k83", Uc = "_19519k85", Qc = "_19519k86", Yc =
     t,
     o
   ]), v = !a && u !== null && (d || o !== null), g = m(() => ({ getBoundingClientRect: () => {
-    if (o !== null) return ed(o);
+    if (o !== null) return _c(o);
     const w = c.current;
-    return w === null ? qc : _c(w);
-  } }), [c, o]), { refs: h, floatingStyles: f, update: A } = xn(td({
+    return w === null ? Xc : $c(w);
+  } }), [c, o]), { refs: h, floatingStyles: f, update: A } = yn(ed({
     isOpen: v,
     tooltipAnchor: o,
     virtualReference: g
@@ -3310,17 +3310,17 @@ var Wc = "_19519k82", Vc = "_19519k83", Uc = "_19519k85", Qc = "_19519k86", Yc =
   const p = /* @__PURE__ */ s("div", {
     ref: h.setFloating,
     role: "tooltip",
-    className: Kc,
+    className: Yc,
     style: f,
     "data-testid": "chart-tooltip",
     children: /* @__PURE__ */ s(i, { content: u })
-  }), x = oo();
-  return x ? yn(/* @__PURE__ */ s(Pc, { children: p }), x) : p;
-}, Zc = ({ content: e }) => {
-  const t = ce(), r = C((c) => c.coordSystem), n = xc(), o = Et(n.heading), a = Et(n.label), i = Et(n.value), l = { paddingInline: n.box.paddingInline };
+  }), x = no();
+  return x ? An(/* @__PURE__ */ s(Ec, { children: p }), x) : p;
+}, Jc = ({ content: e }) => {
+  const t = ce(), r = C((c) => c.coordSystem), n = yc(), o = Et(n.heading), a = Et(n.label), i = Et(n.value), l = { paddingInline: n.box.paddingInline };
   return /* @__PURE__ */ b("div", {
-    className: Gc,
-    style: $c(n.box),
+    className: Oc,
+    style: Zc(n.box),
     "data-testid": "chart-tooltip-body",
     children: [
       e.comment !== null && /* @__PURE__ */ s("div", {
@@ -3342,10 +3342,10 @@ var Wc = "_19519k82", Vc = "_19519k83", Uc = "_19519k85", Qc = "_19519k86", Yc =
         children: e.header
       }),
       /* @__PURE__ */ s("div", {
-        className: Wc,
+        className: Gc,
         children: e.rows.map((c) => {
           const d = t(c.geom, r.type);
-          return /* @__PURE__ */ s(rd, {
+          return /* @__PURE__ */ s(td, {
             row: c,
             swatchShape: d?.swatchShape ?? "square",
             shouldHighlight: c.isPrimary && e.rows.length > 1,
@@ -3362,13 +3362,13 @@ var Wc = "_19519k82", Vc = "_19519k83", Uc = "_19519k85", Qc = "_19519k86", Yc =
   ...he(e),
   color: e.textColor,
   lineHeight: e.lineHeight
-}), $c = (e) => ({
+}), Zc = (e) => ({
   background: e.background,
   borderRadius: e.borderRadius,
   paddingBlock: e.paddingBlock,
-  boxShadow: lo(e.shadow),
+  boxShadow: so(e.shadow),
   ...e.borderWidth > 0 ? { border: `${e.borderWidth}px solid ${e.borderColor}` } : {}
-}), _c = (e) => ({
+}), $c = (e) => ({
   x: e.clientX,
   y: e.clientY,
   top: e.clientY,
@@ -3378,7 +3378,7 @@ var Wc = "_19519k82", Vc = "_19519k83", Uc = "_19519k85", Qc = "_19519k86", Yc =
   width: 0,
   height: 0,
   toJSON: () => ({})
-}), ed = (e) => ({
+}), _c = (e) => ({
   x: e.x,
   y: e.y,
   top: e.y,
@@ -3388,21 +3388,21 @@ var Wc = "_19519k82", Vc = "_19519k83", Uc = "_19519k85", Qc = "_19519k86", Yc =
   width: 0,
   height: 0,
   toJSON: () => ({})
-}), td = ({ isOpen: e, tooltipAnchor: t, virtualReference: r }) => ({
+}), ed = ({ isOpen: e, tooltipAnchor: t, virtualReference: r }) => ({
   open: e,
   placement: t !== null ? t.placement : "right",
   middleware: t !== null ? [
-    Nt(da),
+    Nt(ca),
     Mt(nt),
     Lt(nt)
   ] : [
-    Nt(jc),
+    Nt(zc),
     Lt(nt),
     Mt(nt)
   ],
   elements: { reference: r }
-}), rd = ({ row: e, swatchShape: t, shouldHighlight: r, labelStyle: n, valueStyle: o, paddingInline: a, highlightBackground: i }) => /* @__PURE__ */ b("div", {
-  className: Vc,
+}), td = ({ row: e, swatchShape: t, shouldHighlight: r, labelStyle: n, valueStyle: o, paddingInline: a, highlightBackground: i }) => /* @__PURE__ */ b("div", {
+  className: Wc,
   style: {
     paddingInline: a,
     ...r ? { backgroundColor: i } : {}
@@ -3410,7 +3410,7 @@ var Wc = "_19519k82", Vc = "_19519k83", Uc = "_19519k85", Qc = "_19519k86", Yc =
   "data-testid": "chart-tooltip-row",
   children: [
     e.swatchColor === null ? /* @__PURE__ */ s("span", {
-      className: Uc,
+      className: Vc,
       "aria-hidden": !0
     }) : /* @__PURE__ */ s(Xe, {
       shape: t,
@@ -3420,13 +3420,13 @@ var Wc = "_19519k82", Vc = "_19519k83", Uc = "_19519k85", Qc = "_19519k86", Yc =
       lineType: e.swatchLineType
     }),
     /* @__PURE__ */ s("span", {
-      className: Qc,
+      className: Uc,
       style: n,
       "data-testid": "chart-tooltip-label",
       children: e.label
     }),
     /* @__PURE__ */ s("span", {
-      className: Yc,
+      className: Qc,
       style: o,
       "data-testid": "chart-tooltip-value",
       children: e.value
@@ -3436,12 +3436,12 @@ var Wc = "_19519k82", Vc = "_19519k83", Uc = "_19519k85", Qc = "_19519k86", Yc =
   plansByLayerId: null,
   coordKey: null,
   introEndsAtMs: 0
-}, er = U(it), nd = ({ intro: e, children: t }) => {
+}, er = U(it), rd = ({ intro: e, children: t }) => {
   const { layers: r, coordSystem: n, scales: o } = C(K((i) => ({
     layers: i.layers,
     coordSystem: i.coordSystem,
     scales: i.scales
-  }))), [a] = G(() => id({
+  }))), [a] = G(() => ad({
     layers: r,
     coordSystem: n,
     scales: o,
@@ -3451,21 +3451,21 @@ var Wc = "_19519k82", Vc = "_19519k83", Uc = "_19519k85", Qc = "_19519k86", Yc =
     value: a,
     children: t
   });
-}, od = () => {
-  const { introEndsAtMs: e } = D(er), [t] = G(() => sd(e) / 1e3);
+}, nd = () => {
+  const { introEndsAtMs: e } = D(er), [t] = G(() => id(e) / 1e3);
   return t;
-}, ad = (e) => {
-  const { plansByLayerId: t, coordKey: r } = D(er), n = C((o) => go(o.coordSystem));
+}, od = (e) => {
+  const { plansByLayerId: t, coordKey: r } = D(er), n = C((o) => vo(o.coordSystem));
   return t === null || r !== n ? null : t.get(e) ?? null;
-}, id = ({ layers: e, coordSystem: t, scales: r, intro: n }) => {
-  if (!n.enabled || e.reduce((l, c) => l + Fa(c), 0) > n.maxAnimatedGeoms) return it;
+}, ad = ({ layers: e, coordSystem: t, scales: r, intro: n }) => {
+  if (!n.enabled || e.reduce((l, c) => l + Ma(c), 0) > n.maxAnimatedGeoms) return it;
   const o = {
     durationScale: n.durationScale,
     stagger: n.stagger,
     staggerOrder: n.staggerOrder
   }, a = /* @__PURE__ */ new Map();
   for (const l of e) {
-    const c = Ra({
+    const c = ka({
       layer: l,
       coordSystem: t,
       scales: r,
@@ -3474,51 +3474,51 @@ var Wc = "_19519k82", Vc = "_19519k83", Uc = "_19519k85", Qc = "_19519k86", Yc =
     c !== null && a.set(l.id, c);
   }
   if (a.size === 0) return it;
-  const i = [...a.values()].reduce((l, c) => Math.max(l, Qi(c)), 0);
+  const i = [...a.values()].reduce((l, c) => Math.max(l, Ui(c)), 0);
   return {
     plansByLayerId: a,
-    coordKey: go(t),
+    coordKey: vo(t),
     introEndsAtMs: performance.now() + i * 1e3
   };
-}, sd = (e) => Math.max(0, e - performance.now()), go = (e) => e.type === "cartesian" ? `cartesian-${e.mainAxis}` : e.type, fo = () => {
+}, id = (e) => Math.max(0, e - performance.now()), vo = (e) => e.type === "cartesian" ? `cartesian-${e.mainAxis}` : e.type, go = () => {
   const e = T(), t = C((r) => r.config.appearance.textScale);
   return m(() => {
     const r = {};
-    for (const n of Wt) r[n] = li(e, n, t);
+    for (const n of Wt) r[n] = si(e, n, t);
     return r;
   }, [e, t]);
 }, xt = () => {
   const e = T(), t = C((r) => r.config.appearance.textScale);
   return m(() => {
     const r = {};
-    for (const n of ha) {
+    for (const n of ua) {
       const o = {};
-      for (const a of ua) o[a] = ui(e, n, a, t);
+      for (const a of da) o[a] = di(e, n, a, t);
       r[n] = o;
     }
     return r;
   }, [e, t]);
-}, po = () => {
+}, fo = () => {
   const e = T(), t = C((r) => r.config.appearance.textScale);
-  return m(() => (r) => vi(e, r, t), [e, t]);
+  return m(() => (r) => hi(e, r, t), [e, t]);
 }, tr = () => {
   const e = T(), t = C((r) => r.config.appearance.textScale);
-  return m(() => pi(e, t), [e, t]);
+  return m(() => fi(e, t), [e, t]);
 }, rr = () => {
   const e = T(), t = C((r) => r.config.appearance.textScale);
   return m(() => {
     const r = {};
-    for (const n of Wt) r[n] = xi(e, n, t);
+    for (const n of Wt) r[n] = yi(e, n, t);
     return r;
   }, [e, t]);
-}, mo = () => {
+}, po = () => {
   const e = T();
   return m(() => {
     const t = {};
-    for (const r of Wt) t[r] = bi(e, r);
+    for (const r of Wt) t[r] = xi(e, r);
     return t;
   }, [e]);
-}, ld = ({ textMeasurer: e, tickLabelStyles: t, tickLineStyles: r, familyDefault: n }) => (o) => {
+}, sd = ({ textMeasurer: e, tickLabelStyles: t, tickLineStyles: r, familyDefault: n }) => (o) => {
   const a = o.position === "top" || o.position === "bottom", i = Ee(o.scaleAestheticKey), { offset: l, ...c } = t[i], d = o.ticksVisible ? Math.max(l, r[i].length) : l, u = J(c, n), v = o.ticks.map((h) => e.measureText(h.formattedLabel, u)), g = o.labelMaxWidthPx ?? Number.POSITIVE_INFINITY;
   if (a) {
     if (o.labelRotation !== 0) {
@@ -3528,49 +3528,49 @@ var Wc = "_19519k82", Vc = "_19519k83", Uc = "_19519k85", Qc = "_19519k86", Yc =
     return Math.max(...v.map((h) => h.height)) + d;
   }
   return Br(v.map((h) => h.width), g) + d;
-}, Br = (e, t) => Math.min(Math.max(...e), t), cd = ({ axisLabelStyles: e }) => (t) => Ye(e[Ee(t.scaleAestheticKey)]), Ao = ({ textMeasurer: e, dataLabelStyles: t, familyDefault: r }) => (n, o, a) => {
+}, Br = (e, t) => Math.min(Math.max(...e), t), ld = ({ axisLabelStyles: e }) => (t) => Ye(e[Ee(t.scaleAestheticKey)]), mo = ({ textMeasurer: e, dataLabelStyles: t, familyDefault: r }) => (n, o, a) => {
   const i = t[n][o], l = e.measureText(a, J(i, r));
   return {
     ...l,
     width: l.width + i.paddingInline * 2,
     height: l.height + i.paddingBlock * 2
   };
-}, dd = ({ textMeasurer: e, familyDefault: t }) => (r, n) => e.measureText(r, J(n, t)), ud = ({ textMeasurer: e, familyDefault: t, headlineRowGap: r, itemGap: n, headlineItemStyles: o }) => (a, i) => {
-  const l = yo(a, o[i], e, t, r);
+}, cd = ({ textMeasurer: e, familyDefault: t }) => (r, n) => e.measureText(r, J(n, t)), dd = ({ textMeasurer: e, familyDefault: t, headlineRowGap: r, itemGap: n, headlineItemStyles: o }) => (a, i) => {
+  const l = Ao(a, o[i], e, t, r);
   return {
-    width: xo(l.map((c) => c.width)) + Math.max(0, l.length - 1) * n,
+    width: yo(l.map((c) => c.width)) + Math.max(0, l.length - 1) * n,
     height: Math.max(0, ...l.map((c) => c.height))
   };
-}, hd = ({ textMeasurer: e, familyDefault: t, headlineRowGap: r, headlineItemStyles: n }) => (o, a) => yo(o, n[a], e, t, r).map((i) => i.width), vd = ({ textMeasurer: e, familyDefault: t, headlineItemStyles: r }) => (n, o, a = !1) => {
-  const i = un(r[o], a);
+}, ud = ({ textMeasurer: e, familyDefault: t, headlineRowGap: r, headlineItemStyles: n }) => (o, a) => Ao(o, n[a], e, t, r).map((i) => i.width), hd = ({ textMeasurer: e, familyDefault: t, headlineItemStyles: r }) => (n, o, a = !1) => {
+  const i = dn(r[o], a);
   return {
     width: e.measureText(n, J(i, t)).width,
     height: Ye(i)
   };
-}, gd = (e) => {
-  const t = ud(e), r = vd(e);
+}, vd = (e) => {
+  const t = dd(e), r = hd(e);
   return (n, o, a = !1) => n.kind === "perGroup" ? t(n, o) : r(n.value, o, a);
-}, yo = (e, t, r, n, o) => {
-  const a = (i) => fd(i, t, r, n);
+}, Ao = (e, t, r, n, o) => {
+  const a = (i) => gd(i, t, r, n);
   return e.items.map((i) => {
-    const l = Jr(i, t.swatch.size).map(a), c = Math.max(0, l.length - 1) * o;
+    const l = qr(i, t.swatch.size).map(a), c = Math.max(0, l.length - 1) * o;
     return {
       width: Math.max(0, ...l.map((d) => d.width)),
-      height: xo(l.map((d) => d.height)) + c
+      height: yo(l.map((d) => d.height)) + c
     };
   });
-}, fd = (e, t, r, n) => {
+}, gd = (e, t, r, n) => {
   let o = 0, a = 0;
   for (const i of e.segments) if (i.kind === "text") {
-    const l = pd(t, i.textRole);
-    o += r.measureText(i.text, J(l, n)).width, a = Math.max(a, md(l));
+    const l = fd(t, i.textRole);
+    o += r.measureText(i.text, J(l, n)).width, a = Math.max(a, pd(l));
   } else
     o += i.size, a = Math.max(a, i.size);
   return {
     width: o + Math.max(0, e.segments.length - 1) * e.gap,
     height: a
   };
-}, pd = (e, t) => {
+}, fd = (e, t) => {
   switch (t) {
     case "value":
       return e.number;
@@ -3584,13 +3584,13 @@ var Wc = "_19519k82", Vc = "_19519k83", Uc = "_19519k85", Qc = "_19519k86", Yc =
     default:
       return t;
   }
-}, md = (e) => e.fontSize * (e.lineHeight ?? xs), xo = (e) => e.reduce((t, r) => t + r, 0), bo = (e, t) => Gn(e, t).size * e.lineHeight, Ad = (e, t) => e ? t : 0, ht = (e, t, r) => {
+}, pd = (e) => e.fontSize * (e.lineHeight ?? ys), yo = (e) => e.reduce((t, r) => t + r, 0), xo = (e, t) => On(e, t).size * e.lineHeight, md = (e, t) => e ? t : 0, ht = (e, t, r) => {
   if (r) {
     const n = Number(e.size);
     return Number.isFinite(n) && n > 0 ? n : 0;
   }
-  return Ad(e.color, t);
-}, yd = ({ textMeasurer: e, familyDefault: t, legendItemStyle: r, legendSwatchGap: n }) => (o) => {
+  return md(e.color, t);
+}, Ad = ({ textMeasurer: e, familyDefault: t, legendItemStyle: r, legendSwatchGap: n }) => (o) => {
   const { item: a, swatch: i } = r, l = Ye(a), c = J(a, t), d = 2 * (a.paddingBlock + a.borderWidth), u = 2 * (a.paddingInline + a.borderWidth), v = o.position === "top" || o.position === "bottom", g = o.aesthetics.includes("size");
   if (v) {
     const f = g ? Math.max(0, ...o.items.map((A) => ht(A.visual, i.size, !0))) : i.size;
@@ -3601,37 +3601,37 @@ var Wc = "_19519k82", Vc = "_19519k83", Uc = "_19519k85", Qc = "_19519k86", Yc =
     return p + (p > 0 ? n : 0) + A;
   });
   return Math.max(...h) + u;
-}, xd = ({ textMeasurer: e, tickLabelStyles: t, familyDefault: r }) => (n, o) => e.measureText(n, J(t[o], r)), bd = Object.freeze({}), wd = ({ textMeasurer: e, textScale: t, metrics: r, overrides: n = bd }) => {
-  const o = fo(), a = xt(), i = tr(), l = rr(), c = mo(), d = T(), u = B(n);
+}, yd = ({ textMeasurer: e, tickLabelStyles: t, familyDefault: r }) => (n, o) => e.measureText(n, J(t[o], r)), xd = Object.freeze({}), bd = ({ textMeasurer: e, textScale: t, metrics: r, overrides: n = xd }) => {
+  const o = go(), a = xt(), i = tr(), l = rr(), c = po(), d = T(), u = B(n);
   return u.current = n, m(() => {
     if (!e) return null;
     const v = r.fonts.familyDefault, g = {
       textMeasurer: e,
       familyDefault: v,
       headlineRowGap: r.headlineRowGap,
-      itemGap: hn(d).gap,
+      itemGap: un(d).gap,
       headlineItemStyles: {
         small: at(d, t, "small"),
         medium: at(d, t, "medium"),
         large: at(d, t, "large")
       }
-    }, h = ld({
+    }, h = sd({
       textMeasurer: e,
       tickLabelStyles: l,
       tickLineStyles: c,
       familyDefault: v
-    }), f = cd({ axisLabelStyles: o }), A = yd({
+    }), f = ld({ axisLabelStyles: o }), A = Ad({
       textMeasurer: e,
       familyDefault: v,
       legendItemStyle: i,
       legendSwatchGap: r.legendSwatchGap
-    }), p = gd(g), x = hd(g), w = {
+    }), p = vd(g), x = ud(g), w = {
       measureText: (S, R) => e.measureText(S, R),
       textScale: t
     };
     return {
       measureAxis: (S) => {
-        if (kd(S)) return 0;
+        if (Sd(S)) return 0;
         const R = u.current.measureAxis;
         return R ? R(S, w) : h(S);
       },
@@ -3640,22 +3640,22 @@ var Wc = "_19519k82", Vc = "_19519k83", Uc = "_19519k85", Qc = "_19519k86", Yc =
         return R ? R(S, w) : f(S);
       },
       measureLegend: (S) => {
-        if (Rd(S)) return 0;
+        if (kd(S)) return 0;
         const R = u.current.measureLegend;
         return R ? R(S, w) : A(S);
       },
       measureHeadline: (S, R, N) => (u.current.measureHeadline ?? p)(S, R, N),
       measureHeadlineItemWidths: (S, R) => (u.current.measureHeadlineItemWidths ?? x)(S, R),
-      measureTickLabel: xd({
+      measureTickLabel: yd({
         textMeasurer: e,
         tickLabelStyles: l,
         familyDefault: v
       }),
-      measureDifferenceArrowLabel: dd({
+      measureDifferenceArrowLabel: cd({
         textMeasurer: e,
         familyDefault: v
       }),
-      measureDataLabel: Ao({
+      measureDataLabel: mo({
         textMeasurer: e,
         dataLabelStyles: a,
         familyDefault: v
@@ -3672,9 +3672,9 @@ var Wc = "_19519k82", Vc = "_19519k83", Uc = "_19519k85", Qc = "_19519k86", Yc =
     c,
     d
   ]);
-}, Sd = ({ measurer: e, axes: t, numberFormat: r, parsingLocale: n, formattedLegends: o, containerSize: a, externalMeasurements: i, headline: l, formattingLocale: c, annotations: d, layers: u, coordSystem: v, textScale: g, overflowStrategy: h, layout: f, panelBorder: A }) => {
-  const p = po();
-  return m(() => e ? new pa(e).compile({
+}, wd = ({ measurer: e, axes: t, numberFormat: r, parsingLocale: n, formattedLegends: o, containerSize: a, externalMeasurements: i, headline: l, formattingLocale: c, annotations: d, layers: u, coordSystem: v, textScale: g, overflowStrategy: h, layout: f, panelBorder: A }) => {
+  const p = fo();
+  return m(() => e ? new fa(e).compile({
     axes: t,
     numberFormat: r,
     parsingLocale: n,
@@ -3710,31 +3710,31 @@ var Wc = "_19519k82", Vc = "_19519k83", Uc = "_19519k85", Qc = "_19519k86", Yc =
     A,
     e
   ]);
-}, kd = (e) => !e.isVisible || e.ticks.length === 0, Rd = (e) => e.items.length === 0, Cd = () => {
+}, Sd = (e) => !e.isVisible || e.ticks.length === 0, kd = (e) => e.items.length === 0, Rd = () => {
   const { formattingLocale: e } = z(), t = C((r) => r.config.parsingLocale);
   return e ?? t;
-}, Ir = 0.5, wo = U(/* @__PURE__ */ new Map()), So = U(() => {
-}), ko = U(/* @__PURE__ */ new Set()), Ed = ({ children: e }) => {
+}, Ir = 0.5, bo = U(/* @__PURE__ */ new Map()), wo = U(() => {
+}), So = U(/* @__PURE__ */ new Set()), Cd = ({ children: e }) => {
   const [t, r] = G(() => /* @__PURE__ */ new Map()), [n] = G(() => /* @__PURE__ */ new Set()), o = B(/* @__PURE__ */ new Map()), a = se((i, l, c) => {
     const d = o.current.get(i) ?? /* @__PURE__ */ new Set();
     if (c !== null) {
-      d.add(l), o.current.set(i, d), r((u) => Ld(u, i, c));
+      d.add(l), o.current.set(i, d), r((u) => Td(u, i, c));
       return;
     }
-    d.delete(l), !(d.size > 0) && (o.current.delete(i), r((u) => Nd(u, i)));
+    d.delete(l), !(d.size > 0) && (o.current.delete(i), r((u) => Ld(u, i)));
   }, []);
-  return /* @__PURE__ */ s(So.Provider, {
+  return /* @__PURE__ */ s(wo.Provider, {
     value: a,
-    children: /* @__PURE__ */ s(ko.Provider, {
+    children: /* @__PURE__ */ s(So.Provider, {
       value: n,
-      children: /* @__PURE__ */ s(wo.Provider, {
+      children: /* @__PURE__ */ s(bo.Provider, {
         value: t,
         children: e
       })
     })
   });
-}, Pd = () => D(wo), Bd = () => D(So), Id = (e) => {
-  const t = Bd(), r = V(), n = B(null);
+}, Ed = () => D(bo), Pd = () => D(wo), Bd = (e) => {
+  const t = Pd(), r = V(), n = B(null);
   return F(() => {
     if (typeof ResizeObserver > "u") return;
     const o = n.current;
@@ -3753,46 +3753,46 @@ var Wc = "_19519k82", Vc = "_19519k83", Uc = "_19519k85", Qc = "_19519k86", Yc =
     r,
     t
   ]), n;
-}, Td = () => D(ko), Ld = (e, t, r) => {
+}, Id = () => D(So), Td = (e, t, r) => {
   const n = e.get(t);
   if (n !== void 0 && Math.abs(n.width - r.width) < Ir && Math.abs(n.height - r.height) < Ir) return e;
   const o = new Map(e);
   return o.set(t, r), o;
-}, Nd = (e, t) => {
+}, Ld = (e, t) => {
   if (!e.has(t)) return e;
   const r = new Map(e);
   return r.delete(t), r;
-}, Ro = "data-edit-kind", Md = "data-edit-id", Fd = "observation", Dd = /* @__PURE__ */ new Set(["annotation"]), Hd = (e) => Dd.has(e.kind), Od = (e, t) => e === t ? !0 : e === null || t === null || e.kind !== t.kind ? !1 : e.id === t.id, qe = (e) => ({
-  [Ro]: e.kind,
-  [Md]: e.id
-}), Gd = () => ({ [Ro]: Fd }), ff = (e, t) => e !== null && e.annotationId === t ? e : null, Wd = (e, t) => e.annotationId === t.annotationId && e.translation.x === t.translation.x && e.translation.y === t.translation.y, pf = (e, t, r) => e !== null && e.annotationId === t && e.endpoint === r ? e : null, Vd = (e, t) => e.annotationId === t.annotationId && e.endpoint === t.endpoint && e.anchor.x === t.anchor.x && e.anchor.y === t.anchor.y, mf = (e, t, r) => e !== null && e.annotationId === t && e.endpoint === r ? e : null, Ud = (e, t) => e.annotationId === t.annotationId && e.endpoint === t.endpoint && Aa(e.point.anchor, t.point.anchor), Af = (e, t) => e !== null && e.annotationId === t ? e : null, Qd = (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, yf = (e, t) => e !== null && e.annotationId === t ? e : null, Yd = (e, t) => e.annotationId === t.annotationId && e.at.x === t.at.x && e.width === t.width && e.shift === t.shift, Ve = ({ standingInteraction: e }, t) => e !== null && fe(e, t) ? e : null, Kd = (e, t) => {
+}, ko = "data-edit-kind", Nd = "data-edit-id", Md = "observation", Fd = /* @__PURE__ */ new Set(["annotation"]), Dd = (e) => Fd.has(e.kind), Hd = (e, t) => e === t ? !0 : e === null || t === null || e.kind !== t.kind ? !1 : e.id === t.id, qe = (e) => ({
+  [ko]: e.kind,
+  [Nd]: e.id
+}), Od = () => ({ [ko]: Md }), ff = (e, t) => e !== null && e.annotationId === t ? e : null, Gd = (e, t) => e.annotationId === t.annotationId && e.translation.x === t.translation.x && e.translation.y === t.translation.y, pf = (e, t, r) => e !== null && e.annotationId === t && e.endpoint === r ? e : null, Wd = (e, t) => e.annotationId === t.annotationId && e.endpoint === t.endpoint && e.anchor.x === t.anchor.x && e.anchor.y === t.anchor.y, mf = (e, t, r) => e !== null && e.annotationId === t && e.endpoint === r ? e : null, Vd = (e, t) => e.annotationId === t.annotationId && e.endpoint === t.endpoint && ma(e.point.anchor, t.point.anchor), Af = (e, t) => e !== null && e.annotationId === t ? e : null, Ud = (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, yf = (e, t) => e !== null && e.annotationId === t ? e : null, Qd = (e, t) => e.annotationId === t.annotationId && e.at.x === t.at.x && e.width === t.width && e.shift === t.shift, Ve = ({ standingInteraction: e }, t) => e !== null && fe(e, t) ? e : null, Yd = (e, t) => {
   if (e === null) return !1;
   switch (t.kind) {
     case "difference-arrow-endpoint-drag":
-      return fe(e, t.kind) && Ud(e, t);
-    case "arrow-endpoint-drag":
       return fe(e, t.kind) && Vd(e, t);
-    case "move-drag":
+    case "arrow-endpoint-drag":
       return fe(e, t.kind) && Wd(e, t);
+    case "move-drag":
+      return fe(e, t.kind) && Gd(e, t);
     case "shape-resize-drag":
-      return fe(e, t.kind) && Qd(e, t);
+      return fe(e, t.kind) && Ud(e, t);
     case "text-resize-drag":
-      return fe(e, t.kind) && Yd(e, t);
+      return fe(e, t.kind) && Qd(e, t);
     case "chrome-popup":
       return fe(e, t.kind);
     case "menu":
       return !1;
   }
-}, fe = (e, t) => e.kind === t, Co = () => An((e) => ({
+}, fe = (e, t) => e.kind === t, Ro = () => mn((e) => ({
   menuTrigger: null,
   chromeUnderPointer: null,
   editTargetUnderPointer: null,
   standingInteraction: null,
   caret: null,
-  setMenuTrigger: (t) => e((r) => ya(r.menuTrigger, t) ? r : { menuTrigger: t }),
+  setMenuTrigger: (t) => e((r) => Aa(r.menuTrigger, t) ? r : { menuTrigger: t }),
   setChromeUnderPointer: (t) => e({ chromeUnderPointer: t }),
-  setEditTargetUnderPointer: (t) => e((r) => Od(r.editTargetUnderPointer, t) ? r : { editTargetUnderPointer: t }),
-  claimInteraction: (t) => e((r) => Kd(r.standingInteraction, t) ? r : { standingInteraction: t }),
+  setEditTargetUnderPointer: (t) => e((r) => Hd(r.editTargetUnderPointer, t) ? r : { editTargetUnderPointer: t }),
+  claimInteraction: (t) => e((r) => Yd(r.standingInteraction, t) ? r : { standingInteraction: t }),
   releaseInteraction: (t) => e((r) => r.standingInteraction?.kind === t ? { standingInteraction: null } : r),
   setCaret: (t) => e((r) => (r.caret?.annotationId ?? null) === t ? r : { caret: t === null ? null : {
     annotationId: t,
@@ -3802,8 +3802,8 @@ var Wc = "_19519k82", Vc = "_19519k83", Uc = "_19519k85", Qc = "_19519k86", Yc =
     ...r.caret,
     editor: t
   } })
-})), nr = U(null), zd = Co(), xf = ({ children: e }) => {
-  const [t] = G(() => Co());
+})), nr = U(null), Kd = Ro(), xf = ({ children: e }) => {
+  const [t] = G(() => Ro());
   return /* @__PURE__ */ s(nr.Provider, {
     value: t,
     children: e
@@ -3814,23 +3814,23 @@ var Wc = "_19519k82", Vc = "_19519k83", Uc = "_19519k85", Qc = "_19519k86", Yc =
   return e;
 };
 function ue(e) {
-  return je(D(nr) ?? zd, e);
+  return je(D(nr) ?? Kd, e);
 }
-var Eo = U(null), jd = ({ panelRect: e, children: t }) => {
-  const r = qd(e);
-  return /* @__PURE__ */ s(Eo.Provider, {
+var Co = U(null), zd = ({ panelRect: e, children: t }) => {
+  const r = Xd(e);
+  return /* @__PURE__ */ s(Co.Provider, {
     value: r,
     children: t
   });
-}, Xd = () => {
-  const e = D(Eo);
+}, jd = () => {
+  const e = D(Co);
   if (e === null) throw new Error("Difference arrows read outside a <DifferenceArrowsProvider>.");
   return e;
-}, Tr = (e, t, r) => t.isColorAuthored ? t.color : si(e.start, e.end, {
+}, Tr = (e, t, r) => t.isColorAuthored ? t.color : ii(e.start, e.end, {
   start: r(e.start),
   end: r(e.end)
-}) ?? t.color, qd = (e) => {
-  const { formattingLocale: t } = z(), r = Ae(), { fonts: n } = me(), o = ue((p) => Ve(p, "difference-arrow-endpoint-drag")), a = kn(), i = po(), { differenceArrows: l, mainAxis: c, parsingLocale: d } = C(K((p) => ({
+}) ?? t.color, Xd = (e) => {
+  const { formattingLocale: t } = z(), r = Ae(), { fonts: n } = me(), o = ue((p) => Ve(p, "difference-arrow-endpoint-drag")), a = Sn(), i = fo(), { differenceArrows: l, mainAxis: c, parsingLocale: d } = C(K((p) => ({
     differenceArrows: p.annotations.differenceArrows,
     mainAxis: p.coordSystem.type === "cartesian" ? p.coordSystem.mainAxis : "x",
     parsingLocale: p.config.parsingLocale
@@ -3844,7 +3844,7 @@ var Eo = U(null), jd = ({ panelRect: e, children: t }) => {
     v,
     g,
     u
-  ]), f = m(() => Jd(r, n.familyDefault), [r, n.familyDefault]), A = m(() => l.map((p) => {
+  ]), f = m(() => qd(r, n.familyDefault), [r, n.familyDefault]), A = m(() => l.map((p) => {
     const x = i(p.id), w = Lr(p, x, h, f);
     return {
       ...w,
@@ -3866,7 +3866,7 @@ var Eo = U(null), jd = ({ panelRect: e, children: t }) => {
   ]);
   return m(() => o === null ? A : A.map((p) => {
     if (p.id !== o.annotationId) return p;
-    const x = Zd(p.committedArrow, o);
+    const x = Jd(p.committedArrow, o);
     return {
       ...Lr(x, p.style, h, f),
       style: p.style,
@@ -3886,20 +3886,20 @@ var Eo = U(null), jd = ({ panelRect: e, children: t }) => {
     a
   ]);
 }, Lr = (e, t, r, n) => {
-  const o = Ta({
+  const o = Ia({
     arrow: e,
     style: t,
     ...r
   });
   return {
     ...o,
-    labelBox: Qa({
+    labelBox: Ua({
       labelPosition: o.labelPosition,
       measuredTextWidth: n(o.labelText, t.label),
       label: t.label
     })
   };
-}, Jd = (e, t) => {
+}, qd = (e, t) => {
   const r = /* @__PURE__ */ new Map();
   return (n, o) => {
     const a = J(o, t), i = `${a.family}|${a.size}|${a.weight}|${n}`, l = r.get(i);
@@ -3907,24 +3907,24 @@ var Eo = U(null), jd = ({ panelRect: e, children: t }) => {
     const { width: c } = e.measureText(n, a);
     return r.set(i, c), c;
   };
-}, Zd = (e, t) => ({
+}, Jd = (e, t) => ({
   ...e,
   start: t.endpoint === "start" ? t.point : e.start,
   end: t.endpoint === "end" ? t.point : e.end
-}), $d = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEoAAABgCAYAAAC65+QhAAAKo0lEQVR42u2de4wdVR3HPzN32+oSUQSsikEoosR3iko08oovEkwMpmiIr/KHIomgUYyPiBofkRjjE+MjEk3RQNIYTdUotKkoaql0Wyympbtl2XbLtrW71n3v3ntnrn+c38n98cvcOzP3tfcud5LJ5u7Ozpz5nt/7nN/3QncfAVBQn18LfBd4GJgFYvm5B/iW/N0fBfn/VX9ogF4K3A0sAhV1xubzIrBFrk+6z6oDyEvCmcBXgTkFRgkoA5E6y/J7f80s8GXg2Uoyw9UCUGhm/wPAYQNQJFJkJUmDpgEbkfusCnW0dujNwM4aAEVGak4aaYvVdRqwHcAbexkwDdCLgZ8mqJgFaBo4BowD/wQOAbuBCSNhsVHJGPgJ8KJesl+hshnPBD4LTKqXLCUANAPsF0CKRvWm5W+Pi6RZwErqXqeA24DBhLF0rZptkhfUUhQbO7QEHBUJmjZqFhl7NQ/sEsCWjf2KjTo+AlzXbeoYAAPq80Zgmxp0McEOxQLOiNiiSsqpATsK3A+MJUhXZCTyd8Cr1dgGVgowLUEvAL6tZrtcww7NAAeAg3VipjTAisAR4CEDtLZfZRV/fQdYbya34+6+ANwiElJRamABmhdVPGxmPStISdefFjUbVfYrrqGO48DNymaFnVSza8QrJalZrGzTmHiz/2UESIOdBbBJ4G/ynCgh/tITcz/wwnaCpdXsEuDeDPHQmLj4YzkkppzyOQ2wIfO8JPt1ADiv1WBpj3EW8BUl5lEdO3RQVK2UUcU0ICeAH4q7zwKYluBFUcW/q7BEA+Zt6G4JX8JWpx2bZQBp7v4A8KgaUBpIkQIhAn4sASrA+RKoxgqsKKN0/Qf4l3jWhRpg3dbKeOhK4IEUd18WEMeAqRx2SEvJdpOKaFv4JklVtHRltV/jIl3HE7RgXLSkKTu0AfhZhrTjvxIEPqEGmEfNRoD3mTGECVIdyHUjOdTRj3NBwFoyOWPFPDt32vEZcb310o5Z4DEBKc6hZrGyY1+UcktauURPoC3PRBnVcU7Mgn2nLY2o2fXAv1PsUEk82R5TbMujZncDL2kggdXXXQzck0MdKzJuO55/5AHo9cAfUtx9JHZo2HijPAHjLuAtTeZgduxvk/tmeX5JeWEP1FCWWVkPfM/8c5IdOi0gjapYJM4YRccSKmwG1rQwq9f3KAAflbQmrjO2OTV+D9SepJnwN14jacdEjbRDu/tDotvlBqTIg/0b4JwaEtGKOC9U3rHe+ObTgApN2vFwStoRiXc5klBlrNBYbjYD3K5qRa2sdQ8IYBubAcoP5myx8PXsUCyx0CMSsMVNAJQkWT59uL7FtaKCsrUNARWoEsjeDPHQqEjSUpPAZPF8f5IXawVgHqjXNQpUKHGRz/CXE9z9skjRvhxpR7PSpSP6HwDPb7LW3TRQSBKrQdJq9oS4+7kOAJSWBN/ahFdsGqgLpAYUmZlcFAk6YYCrrMCpAdsDXNtpiQqBD8qKaiz6H0jqMSo1pfVq5oIVXNbyKnkp8Htgq0TuQSfGFUooUJGH+Z8TYtyfIQB20wqOj+c2ATfKmAudAOpiNSuheLPnSGmh0oVrXqGM1VcjO/bQ5wog/pg1qxb0wGaOjs2OPeKny96iPED1jz5QfaD6QPWB6gPVB6p/9IHqA9UHqg9UH6g+UH2g+gd1FwXbfVRU2abSq91O7QYqEmAKptbVc9LcrsH6NcECrr59B642v1MtM5W7vILaVqD8SokHYxtwGfA54D7grbi2sBHVIRA9nYDya2B+pcT3mbwLtzZYUEtOv8QtOX0Nt4ZWUBK4qoGK1Cb8SeCTuA2pv1WSFSnJKeAWMG7H7Sy511xXWW1AxcpYR7gtzBtxPSVLdSQlUpI3DNwAvB3Xs+JXVrrOfoVNSJHfjbsduBy4CbfVOIvtsbZsO67z82Zzj7iXgfKx0GHg/SINuxqUBu0d/Ub7S3EdWEUZX6UXgfIz/E3cCvOvZPabtS/afp0CPgW8AfizeW7PAOUXRa/Crf2jvF3QQsewDtd68aNuUcFGgApktrdS3REXKZUMWhiLDfa6Mfe25R1in/yOuKiF+Vy7Yqugk0DpuKcAfEyCzFvFZkVd2v1daBT8sEU7bSOqG/cfwu2I8xIx0AUbPvQ41ykV73gKU2tH3CtUuBCsII2Jzww+RHV7eFDHRrY1KQ5MNL4Jx3RxB9VNaZ0CS48lAq4A/gL8ArgoxUuv7VSZRduvQVy72pBIWifqUFq6LwB+jmu6vEI1F9Q7JsRcaMkqhR0YcAm4EHhZm6VKb1kcBD4vE7RZ/b5QY6I8KMumGuvP0YEOqsBym59RptpP+CWxj7WqrBakQLXQbVC/8+eOAVZ2C2SrpHZZ1biuSUjc6wEU4PbZPymee51SzwDXZ7ytU0C165jF7WD+OvARsS1xShuIBmgO198TinkYVKpXxnVJfB+YGuhx/rt3S3lng1Gzem4/UA1Qx3B0AGeZTb4l8X77JOsIB3qYxQxcPT6PHUJU7BSOJeM1CbugPUhHxN7NA2GvL4DqelaaFJ2i2lj9cuBcqv0wvgoSCkh/Ba7GddeHQDzQ5eqVNpFhBju0JCBNSbD5LCNFXhrX4Bo1vwHcqYCL6dBKcaMBaxFH2pC3RKNV87S8/NlUyUxtnDQgoNyFa8ebUOOIk8Q3Unwl+xLaV5ttgd2U4o0sndJVkmDHGceh28qmJNg8noGRbIeydXUZySxQJ+UhnQTK0phsydFEGZtW3kNisBcTSLU0QAdxK0CZe2uWzQt5HpVWNTLWA0rXrHzaMZnAm5J2LovK7DdEXUmsiaclcj8zbyf84+amscxK3EagLK/Be6hyouQlzhrHUYKcSOHhrIikbmi0N3lrAupHzINbBVSgCmfg2lb/2CCV0bxUVZ803FJJduhBsXlNMSNeZwYZKUq142oQjUqYv997eSp74p0JXJlZ7jeDYxCqZYdKhhbuw4Z2pOHYcQ1V1gxLbXRUim/TTXSo+3v5ZPUTRlqz0q0VxQ4dMgQ5SXSRC1IwPLfVdLdX1mF4Lkr5Ybfii8rLixlLcvlgg2o2JaFCLXevpejXEnm3fLOcR/rTNUizYsU2OCxiP9+EhOUByIcqRxUYtSi595o2/7a00nqwblHiW4t25Jh4mZM5wcpjhxZkUg4qd2/tUKzA/LhyEm1fJvM3v5ynklIVE8gjYgkrdhp67EaZfjTj4XEce8eJFDtUxNFLnrcStNsFBdpNhpRYq2OkOOw8RdtCE7y+3psNSVwUp9ih+2gduU1L2Fmfh/t2jIUUNrJJkbBhxQIU5+Dy3SdSVEpx949JcNpV1NraW7wKxxhWj2ezIi+7VxJrq1o2DivhNr0OS9qUBFCkvN4XgDO6lazdphrvVJUFD5j1jmV5+QdMOFExzD3jGdKOGLcud1Gv0P/rGVyH29B6MiWcmBbARiVAHBNg9srvsqQdV3cDIXuz9ut88Tpp4cSi5I77RSWLGdKOGxUoBXq0Z8cW2C7D8X+n0XFXUtz9nJRhz1lt3xJkFxdvUMV7b7/K5tuAdEStpWgr8MpeVbNGVoHPwG20n6lBs21DhiGVLK9agOrZrwtxq7ePGm48X5PfgeuJWdvN381CG7+pIlBbfryEXCJpxlqRtBG10oHa6NXVx/8Ba+cluUx5B18AAAAASUVORK5CYII=", _d = ({ className: e }) => /* @__PURE__ */ s("img", {
-  src: $d,
+}), Zd = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEoAAABgCAYAAAC65+QhAAAKo0lEQVR42u2de4wdVR3HPzN32+oSUQSsikEoosR3iko08oovEkwMpmiIr/KHIomgUYyPiBofkRjjE+MjEk3RQNIYTdUotKkoaql0Wyympbtl2XbLtrW71n3v3ntnrn+c38n98cvcOzP3tfcud5LJ5u7Ozpz5nt/7nN/3QncfAVBQn18LfBd4GJgFYvm5B/iW/N0fBfn/VX9ogF4K3A0sAhV1xubzIrBFrk+6z6oDyEvCmcBXgTkFRgkoA5E6y/J7f80s8GXg2Uoyw9UCUGhm/wPAYQNQJFJkJUmDpgEbkfusCnW0dujNwM4aAEVGak4aaYvVdRqwHcAbexkwDdCLgZ8mqJgFaBo4BowD/wQOAbuBCSNhsVHJGPgJ8KJesl+hshnPBD4LTKqXLCUANAPsF0CKRvWm5W+Pi6RZwErqXqeA24DBhLF0rZptkhfUUhQbO7QEHBUJmjZqFhl7NQ/sEsCWjf2KjTo+AlzXbeoYAAPq80Zgmxp0McEOxQLOiNiiSsqpATsK3A+MJUhXZCTyd8Cr1dgGVgowLUEvAL6tZrtcww7NAAeAg3VipjTAisAR4CEDtLZfZRV/fQdYbya34+6+ANwiElJRamABmhdVPGxmPStISdefFjUbVfYrrqGO48DNymaFnVSza8QrJalZrGzTmHiz/2UESIOdBbBJ4G/ynCgh/tITcz/wwnaCpdXsEuDeDPHQmLj4YzkkppzyOQ2wIfO8JPt1ADiv1WBpj3EW8BUl5lEdO3RQVK2UUcU0ICeAH4q7zwKYluBFUcW/q7BEA+Zt6G4JX8JWpx2bZQBp7v4A8KgaUBpIkQIhAn4sASrA+RKoxgqsKKN0/Qf4l3jWhRpg3dbKeOhK4IEUd18WEMeAqRx2SEvJdpOKaFv4JklVtHRltV/jIl3HE7RgXLSkKTu0AfhZhrTjvxIEPqEGmEfNRoD3mTGECVIdyHUjOdTRj3NBwFoyOWPFPDt32vEZcb310o5Z4DEBKc6hZrGyY1+UcktauURPoC3PRBnVcU7Mgn2nLY2o2fXAv1PsUEk82R5TbMujZncDL2kggdXXXQzck0MdKzJuO55/5AHo9cAfUtx9JHZo2HijPAHjLuAtTeZgduxvk/tmeX5JeWEP1FCWWVkPfM/8c5IdOi0gjapYJM4YRccSKmwG1rQwq9f3KAAflbQmrjO2OTV+D9SepJnwN14jacdEjbRDu/tDotvlBqTIg/0b4JwaEtGKOC9U3rHe+ObTgApN2vFwStoRiXc5klBlrNBYbjYD3K5qRa2sdQ8IYBubAcoP5myx8PXsUCyx0CMSsMVNAJQkWT59uL7FtaKCsrUNARWoEsjeDPHQqEjSUpPAZPF8f5IXawVgHqjXNQpUKHGRz/CXE9z9skjRvhxpR7PSpSP6HwDPb7LW3TRQSBKrQdJq9oS4+7kOAJSWBN/ahFdsGqgLpAYUmZlcFAk6YYCrrMCpAdsDXNtpiQqBD8qKaiz6H0jqMSo1pfVq5oIVXNbyKnkp8Htgq0TuQSfGFUooUJGH+Z8TYtyfIQB20wqOj+c2ATfKmAudAOpiNSuheLPnSGmh0oVrXqGM1VcjO/bQ5wog/pg1qxb0wGaOjs2OPeKny96iPED1jz5QfaD6QPWB6gPVB6p/9IHqA9UHqg9UH6g+UH2g+gd1FwXbfVRU2abSq91O7QYqEmAKptbVc9LcrsH6NcECrr59B642v1MtM5W7vILaVqD8SokHYxtwGfA54D7grbi2sBHVIRA9nYDya2B+pcT3mbwLtzZYUEtOv8QtOX0Nt4ZWUBK4qoGK1Cb8SeCTuA2pv1WSFSnJKeAWMG7H7Sy511xXWW1AxcpYR7gtzBtxPSVLdSQlUpI3DNwAvB3Xs+JXVrrOfoVNSJHfjbsduBy4CbfVOIvtsbZsO67z82Zzj7iXgfKx0GHg/SINuxqUBu0d/Ub7S3EdWEUZX6UXgfIz/E3cCvOvZPabtS/afp0CPgW8AfizeW7PAOUXRa/Crf2jvF3QQsewDtd68aNuUcFGgApktrdS3REXKZUMWhiLDfa6Mfe25R1in/yOuKiF+Vy7Yqugk0DpuKcAfEyCzFvFZkVd2v1daBT8sEU7bSOqG/cfwu2I8xIx0AUbPvQ41ykV73gKU2tH3CtUuBCsII2Jzww+RHV7eFDHRrY1KQ5MNL4Jx3RxB9VNaZ0CS48lAq4A/gL8ArgoxUuv7VSZRduvQVy72pBIWifqUFq6LwB+jmu6vEI1F9Q7JsRcaMkqhR0YcAm4EHhZm6VKb1kcBD4vE7RZ/b5QY6I8KMumGuvP0YEOqsBym59RptpP+CWxj7WqrBakQLXQbVC/8+eOAVZ2C2SrpHZZ1biuSUjc6wEU4PbZPymee51SzwDXZ7ytU0C165jF7WD+OvARsS1xShuIBmgO198TinkYVKpXxnVJfB+YGuhx/rt3S3lng1Gzem4/UA1Qx3B0AGeZTb4l8X77JOsIB3qYxQxcPT6PHUJU7BSOJeM1CbugPUhHxN7NA2GvL4DqelaaFJ2i2lj9cuBcqv0wvgoSCkh/Ba7GddeHQDzQ5eqVNpFhBju0JCBNSbD5LCNFXhrX4Bo1vwHcqYCL6dBKcaMBaxFH2pC3RKNV87S8/NlUyUxtnDQgoNyFa8ebUOOIk8Q3Unwl+xLaV5ttgd2U4o0sndJVkmDHGceh28qmJNg8noGRbIeydXUZySxQJ+UhnQTK0phsydFEGZtW3kNisBcTSLU0QAdxK0CZe2uWzQt5HpVWNTLWA0rXrHzaMZnAm5J2LovK7DdEXUmsiaclcj8zbyf84+amscxK3EagLK/Be6hyouQlzhrHUYKcSOHhrIikbmi0N3lrAupHzINbBVSgCmfg2lb/2CCV0bxUVZ803FJJduhBsXlNMSNeZwYZKUq142oQjUqYv997eSp74p0JXJlZ7jeDYxCqZYdKhhbuw4Z2pOHYcQ1V1gxLbXRUim/TTXSo+3v5ZPUTRlqz0q0VxQ4dMgQ5SXSRC1IwPLfVdLdX1mF4Lkr5Ybfii8rLixlLcvlgg2o2JaFCLXevpejXEnm3fLOcR/rTNUizYsU2OCxiP9+EhOUByIcqRxUYtSi595o2/7a00nqwblHiW4t25Jh4mZM5wcpjhxZkUg4qd2/tUKzA/LhyEm1fJvM3v5ynklIVE8gjYgkrdhp67EaZfjTj4XEce8eJFDtUxNFLnrcStNsFBdpNhpRYq2OkOOw8RdtCE7y+3psNSVwUp9ih+2gduU1L2Fmfh/t2jIUUNrJJkbBhxQIU5+Dy3SdSVEpx949JcNpV1NraW7wKxxhWj2ezIi+7VxJrq1o2DivhNr0OS9qUBFCkvN4XgDO6lazdphrvVJUFD5j1jmV5+QdMOFExzD3jGdKOGLcud1Gv0P/rGVyH29B6MiWcmBbARiVAHBNg9srvsqQdV3cDIXuz9ut88Tpp4cSi5I77RSWLGdKOGxUoBXq0Z8cW2C7D8X+n0XFXUtz9nJRhz1lt3xJkFxdvUMV7b7/K5tuAdEStpWgr8MpeVbNGVoHPwG20n6lBs21DhiGVLK9agOrZrwtxq7ePGm48X5PfgeuJWdvN381CG7+pIlBbfryEXCJpxlqRtBG10oHa6NXVx/8Ba+cluUx5B18AAAAASUVORK5CYII=", $d = ({ className: e }) => /* @__PURE__ */ s("img", {
+  src: Zd,
   alt: "",
   "aria-hidden": "true",
   className: e,
   draggable: !1
-}), eu = "https://graphy.app/?utm_source=chart-mark&utm_medium=embed", tu = "Made with Graphy — open graphy.app";
-var ru = "vultop0";
-var nu = "vultop2", ou = "vultop3", au = "vultop4", iu = "vultop5", su = "vultop6", lu = "vultop7", cu = (e) => {
-  const t = du(e.trim());
+}), _d = "https://graphy.app/?utm_source=chart-mark&utm_medium=embed", eu = "Made with Graphy — open graphy.app";
+var tu = "vultop0";
+var ru = "vultop2", nu = "vultop3", ou = "vultop4", au = "vultop5", iu = "vultop6", su = "vultop7", lu = (e) => {
+  const t = cu(e.trim());
   if (t === null) return "light";
-  const r = uu(t);
+  const r = du(t);
   return r <= 0.22 ? "dark" : r <= 0.65 ? "mid" : "light";
-}, du = (e) => {
+}, cu = (e) => {
   if (!e.startsWith("#")) return null;
   const t = e.slice(1);
   if (t.length === 3) {
@@ -3940,149 +3940,149 @@ var nu = "vultop2", ou = "vultop3", au = "vultop4", iu = "vultop5", su = "vultop
     green: Number.parseInt(t.slice(2, 4), 16),
     blue: Number.parseInt(t.slice(4, 6), 16)
   } : null;
-}, uu = ({ red: e, green: t, blue: r }) => {
+}, du = ({ red: e, green: t, blue: r }) => {
   const n = (o) => {
     const a = o / 255;
     return a <= 0.03928 ? a / 12.92 : ((a + 0.055) / 1.055) ** 2.4;
   };
   return 0.2126 * n(e) + 0.7152 * n(t) + 0.0722 * n(r);
-}, hu = (e, t, r = "full") => !e || t.width < 120 || t.height < 80 ? "hidden" : t.width < 200 || r === "mini" ? "mini" : "full", Po = ({ visual: e, placement: t }) => {
-  const { background: r } = dn(T()), n = cu(r);
+}, uu = (e, t, r = "full") => !e || t.width < 120 || t.height < 80 ? "hidden" : t.width < 200 || r === "mini" ? "mini" : "full", Eo = ({ visual: e, placement: t }) => {
+  const { background: r } = cn(T()), n = lu(r);
   return /* @__PURE__ */ b("a", {
-    className: Qe(ru, e === "mini" && "vultop1", t === "footer" ? su : lu),
-    href: eu,
+    className: Qe(tu, e === "mini" && "vultop1", t === "footer" ? iu : su),
+    href: _d,
     target: "_blank",
     rel: "noopener noreferrer",
-    "aria-label": tu,
+    "aria-label": eu,
     "data-visual": e,
     "data-zone": n,
     children: [/* @__PURE__ */ s("span", {
-      className: nu,
-      children: /* @__PURE__ */ s(_d, { className: ou })
+      className: ru,
+      children: /* @__PURE__ */ s($d, { className: nu })
     }), /* @__PURE__ */ b("span", {
-      className: au,
+      className: ou,
       children: [/* @__PURE__ */ s("span", { children: "Made with" }), /* @__PURE__ */ s("span", {
-        className: iu,
+        className: au,
         children: "Graphy"
       })]
     })]
   });
-}, Bo = U({
+}, Po = U({
   Title: null,
   Caption: null,
   TextAnnotation: null
-}), wf = ({ editors: e, children: t }) => /* @__PURE__ */ s(Bo.Provider, {
+}), wf = ({ editors: e, children: t }) => /* @__PURE__ */ s(Po.Provider, {
   value: e,
   children: t
-}), or = () => D(Bo);
-var vu = "_4dlrid1", gu = "xfz7dq0";
-var fu = "xfz7dq2", pu = "xfz7dq3", mu = "xfz7dq4", Au = "xfz7dq5", yu = ({ ref: e, footerRect: t, mode: r = "readonly", caption: n, isCaptionVisible: o, source: a, isSourceVisible: i, brandMark: l }) => {
-  const { Caption: c } = or(), d = r === "editable" ? c : null, u = o && (d !== null || n !== null), v = i && a !== null && Su(a), g = l !== "hidden";
+}), or = () => D(Po);
+var hu = "_4dlrid1", vu = "xfz7dq0";
+var gu = "xfz7dq2", fu = "xfz7dq3", pu = "xfz7dq4", mu = "xfz7dq5", Au = ({ ref: e, footerRect: t, mode: r = "readonly", caption: n, isCaptionVisible: o, source: a, isSourceVisible: i, brandMark: l }) => {
+  const { Caption: c } = or(), d = r === "editable" ? c : null, u = o && (d !== null || n !== null), v = i && a !== null && wu(a), g = l !== "hidden";
   return !u && !v && !g ? null : /* @__PURE__ */ b("div", {
     ref: e,
-    className: gu,
+    className: vu,
     style: {
       left: t.x,
       top: t.y,
       width: t.width
     },
-    children: [u ? d ? /* @__PURE__ */ s(d, { caption: n }) : /* @__PURE__ */ s(xu, { caption: n }) : null, (v || g) && /* @__PURE__ */ b("div", {
+    children: [u ? d ? /* @__PURE__ */ s(d, { caption: n }) : /* @__PURE__ */ s(yu, { caption: n }) : null, (v || g) && /* @__PURE__ */ b("div", {
       className: "xfz7dq1",
-      children: [v && /* @__PURE__ */ s(bu, { source: a }), l !== "hidden" ? /* @__PURE__ */ s(Po, {
+      children: [v && /* @__PURE__ */ s(xu, { source: a }), l !== "hidden" ? /* @__PURE__ */ s(Eo, {
         visual: l,
         placement: "footer"
       }) : null]
     })]
   });
-}, xu = ({ caption: e }) => e === null ? null : typeof e == "string" ? /* @__PURE__ */ s("p", {
-  className: vu,
+}, yu = ({ caption: e }) => e === null ? null : typeof e == "string" ? /* @__PURE__ */ s("p", {
+  className: hu,
   children: e
-}) : /* @__PURE__ */ s(Ce, { content: e }), bu = ({ source: e }) => {
-  const t = Kt(e.url) ? e.url : void 0, r = e.label ?? (t !== void 0 ? wu(t) : "");
+}) : /* @__PURE__ */ s(Ce, { content: e }), xu = ({ source: e }) => {
+  const t = Kt(e.url) ? e.url : void 0, r = e.label ?? (t !== void 0 ? bu(t) : "");
   return r === "" && t === void 0 ? null : /* @__PURE__ */ b("span", {
-    className: fu,
+    className: gu,
     children: [/* @__PURE__ */ s("span", {
-      className: mu,
+      className: pu,
       children: "Source:"
     }), t !== void 0 ? /* @__PURE__ */ s("a", {
-      className: pu,
+      className: fu,
       href: t,
       target: "_blank",
       rel: "noopener noreferrer",
       children: r
     }) : /* @__PURE__ */ s("span", {
-      className: Au,
+      className: mu,
       children: r
     })]
   });
-}, wu = (e) => {
+}, bu = (e) => {
   try {
     return new URL(e).hostname;
   } catch {
     return e;
   }
-}, Su = (e) => e.label !== void 0 && e.label !== "" || e.url !== void 0 && e.url !== "" && Kt(e.url), ku = "_1k4qtbg0";
-var Ru = 22, Cu = ({ ref: e, headerRect: t, mode: r = "readonly", title: n, isTitleVisible: o, subtitle: a, isSubtitleVisible: i, brandMark: l }) => {
+}, wu = (e) => e.label !== void 0 && e.label !== "" || e.url !== void 0 && e.url !== "" && Kt(e.url), Su = "_1k4qtbg0";
+var ku = 22, Ru = ({ ref: e, headerRect: t, mode: r = "readonly", title: n, isTitleVisible: o, subtitle: a, isSubtitleVisible: i, brandMark: l }) => {
   const { Title: c } = or(), d = r === "editable" ? c : null, u = d !== null, v = o && (u || n !== null), g = i && (u || a !== null), h = l !== "hidden";
   return !v && !g && !h ? null : /* @__PURE__ */ b("div", {
     ref: e,
-    className: Qe(ku, h && "_1k4qtbg1"),
+    className: Qe(Su, h && "_1k4qtbg1"),
     style: {
       left: t.x,
       top: t.y,
       width: t.width,
-      ...h && !v && !g ? { minHeight: Ru } : {}
+      ...h && !v && !g ? { minHeight: ku } : {}
     },
     children: [d ? /* @__PURE__ */ s(d, {
       title: n,
       isTitleVisible: o,
       isSubtitleVisible: i,
       subtitle: a
-    }, [o ? "title" : "", i ? "subtitle" : ""].join("-")) : /* @__PURE__ */ s(Eu, {
+    }, [o ? "title" : "", i ? "subtitle" : ""].join("-")) : /* @__PURE__ */ s(Cu, {
       title: n,
       isTitleVisible: o,
       isSubtitleVisible: i,
       subtitle: a
-    }), l !== "hidden" ? /* @__PURE__ */ s(Po, {
+    }), l !== "hidden" ? /* @__PURE__ */ s(Eo, {
       visual: l,
       placement: "header"
     }) : null]
   });
-}, Eu = ({ title: e, isTitleVisible: t, isSubtitleVisible: r, subtitle: n }) => /* @__PURE__ */ b(P, { children: [t && e !== null && (typeof e == "string" ? /* @__PURE__ */ s("h1", {
+}, Cu = ({ title: e, isTitleVisible: t, isSubtitleVisible: r, subtitle: n }) => /* @__PURE__ */ b(P, { children: [t && e !== null && (typeof e == "string" ? /* @__PURE__ */ s("h1", {
   className: "_4dlrid0",
   children: e
 }) : /* @__PURE__ */ s(Ce, { content: e })), r && n !== null && (typeof n == "string" ? /* @__PURE__ */ s("p", {
   className: "_4dlrid1",
   children: n
-}) : /* @__PURE__ */ s(Ce, { content: n }))] }), Pu = (e) => {
+}) : /* @__PURE__ */ s(Ce, { content: n }))] }), Eu = (e) => {
   const t = T(), r = C((n) => n.config.appearance.textScale);
   return m(() => at(t, r, e), [
     t,
     r,
     e
   ]);
-}, Io = () => {
+}, Bo = () => {
   const e = T();
-  return m(() => hn(e), [e]);
-}, Bu = "_1u9qprb0", Iu = "_1u9qprb1", Tu = /* @__PURE__ */ Mi({
-  groupRow: () => Mu,
-  item: () => To,
-  trendRow: () => Nu,
-  valueRow: () => Lu
-}), Lu = "_9aen060", Nu = "_9aen061", Mu = "_9aen062", To = "_9aen063", Fu = {
+  return m(() => un(e), [e]);
+}, Pu = "_1u9qprb0", Bu = "_1u9qprb1", Iu = /* @__PURE__ */ Ni({
+  groupRow: () => Nu,
+  item: () => Io,
+  trendRow: () => Lu,
+  valueRow: () => Tu
+}), Tu = "_9aen060", Lu = "_9aen061", Nu = "_9aen062", Io = "_9aen063", Mu = {
   xxs: 8,
   xs: 12,
   sm: 16,
   md: 20,
   lg: 24,
   xl: 36
-}, Du = {
+}, Fu = {
   primary: "asohov1 asohov0",
   secondary: "asohov2 asohov0"
-}, Lo = ({ children: e, title: t, variant: r = "primary", size: n = "sm", ...o }) => {
-  const a = V(), i = Fu[n];
+}, To = ({ children: e, title: t, variant: r = "primary", size: n = "sm", ...o }) => {
+  const a = V(), i = Mu[n];
   return /* @__PURE__ */ b("svg", {
-    className: Du[r],
+    className: Fu[r],
     "aria-labelledby": t ? a : void 0,
     height: i,
     width: i,
@@ -4095,7 +4095,7 @@ var Ru = 22, Cu = ({ ref: e, headerRect: t, mode: r = "readonly", title: n, isTi
       children: t
     }), e]
   });
-}, Hu = (e) => /* @__PURE__ */ s(Lo, {
+}, Du = (e) => /* @__PURE__ */ s(To, {
   ...e,
   children: /* @__PURE__ */ b("g", {
     stroke: "currentColor",
@@ -4104,7 +4104,7 @@ var Ru = 22, Cu = ({ ref: e, headerRect: t, mode: r = "readonly", title: n, isTi
     strokeLinejoin: "round",
     children: [/* @__PURE__ */ s("path", { d: "m5 12 7-7 7 7" }), /* @__PURE__ */ s("path", { d: "M12 19V5" })]
   })
-}), Ou = (e) => /* @__PURE__ */ s(Lo, {
+}), Hu = (e) => /* @__PURE__ */ s(To, {
   ...e,
   children: /* @__PURE__ */ s("g", {
     stroke: "currentColor",
@@ -4113,8 +4113,8 @@ var Ru = 22, Cu = ({ ref: e, headerRect: t, mode: r = "readonly", title: n, isTi
     strokeLinejoin: "round",
     children: /* @__PURE__ */ s("path", { d: "M5 12h14" })
   })
-}), Gu = "n7clvo0", Wu = "n7clvo1", Vu = "n7clvo2", Uu = "n7clvo3";
-var Qu = ({ segment: e, itemStyle: t }) => {
+}), Ou = "n7clvo0", Gu = "n7clvo1", Wu = "n7clvo2", Vu = "n7clvo3";
+var Uu = ({ segment: e, itemStyle: t }) => {
   const r = ce();
   if (e.kind === "swatch") return /* @__PURE__ */ s(Xe, {
     shape: r(e.swatch.geom, "cartesian")?.swatchShape ?? "square",
@@ -4124,50 +4124,50 @@ var Qu = ({ segment: e, itemStyle: t }) => {
     height: e.size
   });
   if (e.kind === "trendArrow") {
-    const a = No(t, e.direction);
+    const a = Lo(t, e.direction);
     return /* @__PURE__ */ s("div", {
-      className: He(Uu, e.direction === "down" && "n7clvo4"),
+      className: He(Vu, e.direction === "down" && "n7clvo4"),
       style: {
         color: a,
         backgroundColor: e.direction === "flat" ? O(y.textPrimary, 0.1) : O(a, 0.2)
       },
-      children: e.direction === "flat" ? /* @__PURE__ */ s(Ou, {
+      children: e.direction === "flat" ? /* @__PURE__ */ s(Hu, {
         size: "xs",
         title: ""
-      }) : /* @__PURE__ */ s(Hu, {
+      }) : /* @__PURE__ */ s(Du, {
         size: "xs",
         title: ""
       })
     });
   }
-  const { className: n, style: o } = Yu(e, t);
+  const { className: n, style: o } = Qu(e, t);
   return /* @__PURE__ */ s("span", {
     className: n,
     style: o,
     children: e.text
   });
-}, Yu = (e, t) => {
+}, Qu = (e, t) => {
   switch (e.textRole) {
     case "value":
       return { style: ke(t.number) };
     case "caption":
       return {
-        className: Gu,
+        className: Ou,
         style: ke(t.caption)
       };
     case "label":
       return {
-        className: Vu,
+        className: Wu,
         style: ke(t.label)
       };
     case "trendPercentage":
       return { style: ke({
         ...t.trend,
-        textColor: No(t, e.trendDirection ?? "up")
+        textColor: Lo(t, e.trendDirection ?? "up")
       }) };
     case "trendReference":
       return {
-        className: Wu,
+        className: Gu,
         style: ke({
           ...t.trend,
           textColor: void 0
@@ -4176,7 +4176,7 @@ var Qu = ({ segment: e, itemStyle: t }) => {
     default:
       return e.textRole;
   }
-}, No = (e, t) => {
+}, Lo = (e, t) => {
   switch (t) {
     case "up":
       return e.trendUp.textColor;
@@ -4187,39 +4187,39 @@ var Qu = ({ segment: e, itemStyle: t }) => {
     default:
       return t;
   }
-}, Ku = ({ item: e, itemStyle: t }) => /* @__PURE__ */ s("div", {
-  className: To,
-  children: Jr(e, t.swatch.size).map((r) => /* @__PURE__ */ s(zu, {
+}, Yu = ({ item: e, itemStyle: t }) => /* @__PURE__ */ s("div", {
+  className: Io,
+  children: qr(e, t.swatch.size).map((r) => /* @__PURE__ */ s(Ku, {
     row: r,
     itemStyle: t
   }, r.role))
-}), zu = ({ row: e, itemStyle: t }) => {
+}), Ku = ({ row: e, itemStyle: t }) => {
   const r = e.role === "trendRow";
   return /* @__PURE__ */ s("div", {
-    className: Tu[e.role],
+    className: Iu[e.role],
     "data-testid": r ? "headline-trend" : void 0,
-    "data-direction": r ? ju(e) : void 0,
+    "data-direction": r ? zu(e) : void 0,
     role: r ? "img" : void 0,
     "aria-label": r ? e.ariaLabel : void 0,
-    children: e.segments.map((n, o) => /* @__PURE__ */ s(Qu, {
+    children: e.segments.map((n, o) => /* @__PURE__ */ s(Uu, {
       segment: n,
       itemStyle: t
     }, o))
   });
-}, ju = (e) => {
+}, zu = (e) => {
   const t = e.segments.find((r) => r.kind === "trendArrow");
   return t?.kind === "trendArrow" ? t.direction : void 0;
-}, Xu = ({ headline: e, rect: t, resolvedSize: r, visibleItemCount: n, isInDonutHole: o = !1 }) => {
-  const a = Io(), i = Pu(r), l = {
+}, ju = ({ headline: e, rect: t, resolvedSize: r, visibleItemCount: n, isInDonutHole: o = !1 }) => {
+  const a = Bo(), i = Eu(r), l = {
     left: t.x,
     top: t.y,
     width: t.width,
     height: t.height
   };
   if (e.kind === "grandTotal") {
-    const c = un(i, o);
+    const c = dn(i, o);
     return /* @__PURE__ */ s("div", {
-      className: Iu,
+      className: Bu,
       style: l,
       children: /* @__PURE__ */ s("span", {
         style: ke(c),
@@ -4228,35 +4228,35 @@ var Qu = ({ segment: e, itemStyle: t }) => {
     });
   }
   return /* @__PURE__ */ s("div", {
-    className: Bu,
+    className: Pu,
     style: {
       ...l,
       gap: a.gap
     },
-    children: e.items.slice(0, n).map((c, d) => /* @__PURE__ */ s(Ku, {
+    children: e.items.slice(0, n).map((c, d) => /* @__PURE__ */ s(Yu, {
       item: c,
       itemStyle: i
     }, `${c.label}-${d}`))
   });
-}, qu = "_1oj6yix0";
-var Ju = "_1oj6yix2", Zu = 8, $u = 16, _u = 2, eh = ({ legends: e, containerRect: t, textScale: r }) => {
-  const { fonts: n } = me(), o = bo(n.legendLabel, r), { placements: a, hasOverlap: i } = th(e, t, o);
+}, Xu = "_1oj6yix0";
+var qu = "_1oj6yix2", Ju = 8, Zu = 16, $u = 2, _u = ({ legends: e, containerRect: t, textScale: r }) => {
+  const { fonts: n } = me(), o = xo(n.legendLabel, r), { placements: a, hasOverlap: i } = eh(e, t, o);
   if (a.length === 0) return null;
-  const l = i ? $u : Zu, c = l - _u;
+  const l = i ? Zu : Ju, c = l - $u;
   return /* @__PURE__ */ b("div", {
-    className: qu,
+    className: Xu,
     children: [i && /* @__PURE__ */ s("svg", {
       className: "_1oj6yix1",
       width: t.width,
       height: t.height,
-      children: a.map((d) => /* @__PURE__ */ s(rh, {
+      children: a.map((d) => /* @__PURE__ */ s(th, {
         anchorY: d.anchorY,
         labelY: d.y,
         endX: c,
         color: d.payload.color
       }, d.payload.key))
     }), a.map((d) => /* @__PURE__ */ s("span", {
-      className: Ju,
+      className: qu,
       style: {
         left: l,
         top: d.y,
@@ -4265,7 +4265,7 @@ var Ju = "_1oj6yix2", Zu = 8, $u = 16, _u = 2, eh = ({ legends: e, containerRect
       children: d.payload.label
     }, d.payload.key))]
   });
-}, th = (e, t, r) => m(() => {
+}, eh = (e, t, r) => m(() => {
   const n = [];
   for (const o of e) for (const a of o.items) {
     if (a.normalizedY === null) continue;
@@ -4282,7 +4282,7 @@ var Ju = "_1oj6yix2", Zu = 8, $u = 16, _u = 2, eh = ({ legends: e, containerRect
   return n.length === 0 || t.height <= 0 ? {
     placements: [],
     hasOverlap: !1
-  } : La({
+  } : Ta({
     items: n,
     containerHeight: t.height,
     labelHeight: r
@@ -4291,7 +4291,7 @@ var Ju = "_1oj6yix2", Zu = 8, $u = 16, _u = 2, eh = ({ legends: e, containerRect
   e,
   t.height,
   r
-]), rh = ({ anchorY: e, labelY: t, endX: r, color: n }) => {
+]), th = ({ anchorY: e, labelY: t, endX: r, color: n }) => {
   const o = r / 2;
   return /* @__PURE__ */ s("path", {
     d: `M0,${e} C${o},${e} ${o},${t} ${r},${t}`,
@@ -4300,11 +4300,11 @@ var Ju = "_1oj6yix2", Zu = 8, $u = 16, _u = 2, eh = ({ legends: e, containerRect
     strokeWidth: 1,
     strokeDasharray: "2 2"
   });
-}, nh = "_6a636s0", oh = () => {
+}, rh = "_6a636s0", nh = () => {
   const e = T();
-  return m(() => mi(e), [e]);
-}, ah = "_1kjk02r0", ih = "_1kjk02r1", sh = "_1kjk02r2", lh = "_1kjk02r3", ch = "_1kjk02r4", dh = "_1kjk02r5", uh = "_1kjk02r6", hh = "_1kjk02r7", vh = "_1kjk02r8";
-var gh = "_1dw9dgx0", fh = "#9ca3af", Pt = "\0", ph = (e, t) => {
+  return m(() => pi(e), [e]);
+}, oh = "_1kjk02r0", ah = "_1kjk02r1", ih = "_1kjk02r2", sh = "_1kjk02r3", lh = "_1kjk02r4", ch = "_1kjk02r5", dh = "_1kjk02r6", uh = "_1kjk02r7", hh = "_1kjk02r8";
+var vh = "_1dw9dgx0", gh = "#9ca3af", Pt = "\0", fh = (e, t) => {
   const r = [];
   return e.forEach((n, o) => {
     const a = n.aesthetics.includes("size");
@@ -4324,7 +4324,7 @@ var gh = "_1dw9dgx0", fh = "#9ca3af", Pt = "\0", ph = (e, t) => {
       });
     }
   }), r;
-}, Mo = ({ pill: e }) => e.isBubble ? /* @__PURE__ */ s(yh, { pill: e }) : /* @__PURE__ */ s(Ah, { pill: e }), mh = ({ color: e, lineType: t, shape: r, label: n }) => {
+}, No = ({ pill: e }) => e.isBubble ? /* @__PURE__ */ s(Ah, { pill: e }) : /* @__PURE__ */ s(mh, { pill: e }), ph = ({ color: e, lineType: t, shape: r, label: n }) => {
   const { swatch: o } = tr();
   return e ? /* @__PURE__ */ s(Xe, {
     shape: r,
@@ -4336,23 +4336,23 @@ var gh = "_1dw9dgx0", fh = "#9ca3af", Pt = "\0", ph = (e, t) => {
     height: o.size,
     strokeWidth: o.strokeWidth
   }) : null;
-}, Ah = ({ pill: e }) => /* @__PURE__ */ b(P, { children: [/* @__PURE__ */ s(mh, {
+}, mh = ({ pill: e }) => /* @__PURE__ */ b(P, { children: [/* @__PURE__ */ s(ph, {
   color: e.visual.color,
   lineType: e.primaryLineType,
   shape: e.swatchShape,
   label: e.formattedLabel
-}), /* @__PURE__ */ s("span", { children: e.formattedLabel })] }), yh = ({ pill: e }) => {
+}), /* @__PURE__ */ s("span", { children: e.formattedLabel })] }), Ah = ({ pill: e }) => {
   const t = Number(e.visual.size);
   return /* @__PURE__ */ b(P, { children: [/* @__PURE__ */ s("span", {
-    className: gh,
+    className: vh,
     style: {
       width: t,
       height: t,
-      backgroundColor: e.visual.color ?? fh
+      backgroundColor: e.visual.color ?? gh
     }
   }), /* @__PURE__ */ s("span", { children: e.formattedLabel })] });
-}, xh = ({ hiddenPills: e, placement: t }) => {
-  const r = so(), [n, o] = G(!1), { refs: a, floatingStyles: i } = xn({
+}, yh = ({ hiddenPills: e, placement: t }) => {
+  const r = io(), [n, o] = G(!1), { refs: a, floatingStyles: i } = yn({
     open: n,
     placement: t,
     middleware: [
@@ -4382,26 +4382,26 @@ var gh = "_1dw9dgx0", fh = "#9ca3af", Pt = "\0", ph = (e, t) => {
   const l = t === "left" || t === "right", c = Math.min(e.length - 1, 2), d = Array.from({ length: c }, (u, v) => c - v);
   return /* @__PURE__ */ b(P, { children: [/* @__PURE__ */ b("div", {
     ref: a.setReference,
-    className: He(ah, {
-      [sh]: l,
-      [ih]: !l
+    className: He(oh, {
+      [ih]: l,
+      [ah]: !l
     }),
     children: [d.map((u) => /* @__PURE__ */ s("span", {
-      className: He(lh, {
-        [dh]: l,
-        [ch]: !l
+      className: He(sh, {
+        [ch]: l,
+        [lh]: !l
       }),
-      style: bh(u, l),
+      style: xh(u, l),
       "aria-hidden": !0
     }, u)), /* @__PURE__ */ s("button", {
       type: "button",
-      className: He(uh, { [hh]: n }),
+      className: He(dh, { [uh]: n }),
       onClick: () => o((u) => !u),
       "aria-haspopup": "dialog",
       "aria-expanded": n,
       "aria-label": `Show ${e.length} hidden legend ${e.length === 1 ? "item" : "items"}`,
       children: /* @__PURE__ */ b("span", {
-        className: vh,
+        className: hh,
         children: ["+", e.length]
       })
     })]
@@ -4415,22 +4415,22 @@ var gh = "_1dw9dgx0", fh = "#9ca3af", Pt = "\0", ph = (e, t) => {
       className: "_1kjk02ra",
       children: e.map((u) => /* @__PURE__ */ s("li", {
         className: "_1kjk02rb",
-        children: /* @__PURE__ */ s(Mo, { pill: u })
+        children: /* @__PURE__ */ s(No, { pill: u })
       }, u.key))
     })
   })] });
-}, bh = (e, t) => {
+}, xh = (e, t) => {
   const r = -e * 4;
   return { transform: t ? `translateY(${r}px)` : `translateX(${r}px)` };
-}, wh = "_1cecisi0", Sh = "_1cecisi1", kh = "_1cecisi2", Rh = {
+}, bh = "_1cecisi0", wh = "_1cecisi1", Sh = "_1cecisi2", kh = {
   start: "_1cecisi3",
   center: "_1cecisi4",
   end: "_1cecisi5"
-}, Ch = {
+}, Rh = {
   right: "_1cecisi6",
   left: "_1cecisi7"
-}, Eh = "_1cecisi8", Ph = ({ edge: e, formattedLegends: t, containerWidth: r, containerHeight: n, textScale: o }) => {
-  const a = Ae(), i = me(), l = oh(), c = tr(), d = ce(), u = C((R) => R.coordSystem.type), v = m(() => ph(t, (R) => d(R, u)?.swatchShape ?? "square"), [
+}, Ch = "_1cecisi8", Eh = ({ edge: e, formattedLegends: t, containerWidth: r, containerHeight: n, textScale: o }) => {
+  const a = Ae(), i = me(), l = nh(), c = tr(), d = ce(), u = C((R) => R.coordSystem.type), v = m(() => fh(t, (R) => d(R, u)?.swatchShape ?? "square"), [
     t,
     d,
     u
@@ -4443,14 +4443,14 @@ var gh = "_1dw9dgx0", fh = "#9ca3af", Pt = "\0", ph = (e, t) => {
       visibleCount: v.length,
       hasOverflow: !1
     };
-    const R = J(c.item, i.fonts.familyDefault), N = Ye(c.item), E = 2 * (c.item.paddingInline + c.item.borderWidth), I = 2 * (c.item.paddingBlock + c.item.borderWidth), M = (be) => g ? Bh(be, N, c.swatch.size, I) : Nr({
+    const R = J(c.item, i.fonts.familyDefault), N = Ye(c.item), E = 2 * (c.item.paddingInline + c.item.borderWidth), I = 2 * (c.item.paddingBlock + c.item.borderWidth), M = (be) => g ? Ph(be, N, c.swatch.size, I) : Nr({
       label: be.formattedLabel,
-      swatchInlineSize: Ih(be, c.swatch.size),
+      swatchInlineSize: Bh(be, c.swatch.size),
       textMeasurer: a,
       font: R,
       swatchGap: i.legendSwatchGap,
       horizontalChrome: E
-    }), W = v.map(M), Y = Gn(i.fonts.legendLabel, o), Te = bo(i.fonts.legendLabel, o), xe = (g ? Te + i.legendPillVerticalChrome : Nr({
+    }), W = v.map(M), Y = On(i.fonts.legendLabel, o), Te = xo(i.fonts.legendLabel, o), xe = (g ? Te + i.legendPillVerticalChrome : Nr({
       label: `+${v.length}`,
       swatchInlineSize: 0,
       textMeasurer: a,
@@ -4458,7 +4458,7 @@ var gh = "_1dw9dgx0", fh = "#9ca3af", Pt = "\0", ph = (e, t) => {
       swatchGap: i.legendSwatchGap,
       horizontalChrome: i.legendPillHorizontalChrome
     })) + 8;
-    return Lh({
+    return Th({
       pillSizes: W,
       overflowPillSize: xe,
       containerSize: h,
@@ -4475,30 +4475,30 @@ var gh = "_1dw9dgx0", fh = "#9ca3af", Pt = "\0", ph = (e, t) => {
     c
   ]);
   if (v.length === 0) return null;
-  const p = v.slice(0, A.visibleCount), x = v.slice(A.visibleCount), w = A.hasOverflow && x.length > 0, S = Mh(c.item);
+  const p = v.slice(0, A.visibleCount), x = v.slice(A.visibleCount), w = A.hasOverflow && x.length > 0, S = Nh(c.item);
   return /* @__PURE__ */ b("div", {
-    className: He(Rh[f], wh, {
-      [kh]: g,
-      [Sh]: !g,
-      [Ch[e === "left" ? "left" : "right"]]: g
+    className: He(kh[f], bh, {
+      [Sh]: g,
+      [wh]: !g,
+      [Rh[e === "left" ? "left" : "right"]]: g
     }),
     style: { gap: l.gap },
     children: [p.map((R) => /* @__PURE__ */ s("div", {
-      className: Eh,
+      className: Ch,
       style: S,
-      children: /* @__PURE__ */ s(Mo, { pill: R })
-    }, R.key)), w && /* @__PURE__ */ s(xh, {
+      children: /* @__PURE__ */ s(No, { pill: R })
+    }, R.key)), w && /* @__PURE__ */ s(yh, {
       hiddenPills: x,
-      placement: Nh(e)
+      placement: Lh(e)
     })]
   });
 }, Nr = ({ label: e, swatchInlineSize: t, textMeasurer: r, font: n, swatchGap: o, horizontalChrome: a }) => {
   const i = r.measureText(e, n).width;
   return t + (t > 0 ? o : 0) + i + a;
-}, Bh = (e, t, r, n) => {
-  const o = Th(e, r);
+}, Ph = (e, t, r, n) => {
+  const o = Ih(e, r);
   return Math.max(t, o) + n;
-}, Ih = (e, t) => ht(e.visual, t, e.isBubble), Th = (e, t) => e.isBubble ? ht(e.visual, t, !0) : t, Lh = ({ pillSizes: e, overflowPillSize: t, containerSize: r, gap: n }) => {
+}, Bh = (e, t) => ht(e.visual, t, e.isBubble), Ih = (e, t) => e.isBubble ? ht(e.visual, t, !0) : t, Th = ({ pillSizes: e, overflowPillSize: t, containerSize: r, gap: n }) => {
   if (e.length === 0) return {
     visibleCount: 0,
     hasOverflow: !1
@@ -4520,7 +4520,7 @@ var gh = "_1dw9dgx0", fh = "#9ca3af", Pt = "\0", ph = (e, t) => {
     visibleCount: i,
     hasOverflow: !0
   };
-}, Nh = (e) => {
+}, Lh = (e) => {
   switch (e) {
     case "top":
       return "bottom";
@@ -4531,7 +4531,7 @@ var gh = "_1dw9dgx0", fh = "#9ca3af", Pt = "\0", ph = (e, t) => {
     case "right":
       return "left";
   }
-}, Mh = (e) => ({
+}, Nh = (e) => ({
   ...he(e),
   color: e.textColor,
   lineHeight: e.lineHeight,
@@ -4540,7 +4540,7 @@ var gh = "_1dw9dgx0", fh = "#9ca3af", Pt = "\0", ph = (e, t) => {
   paddingInline: e.paddingInline,
   paddingBlock: e.paddingBlock,
   ...e.borderWidth > 0 ? { border: `${e.borderWidth}px solid ${e.borderColor}` } : {}
-}), Fh = Z(function({ formattedLegends: t, rects: r, textScale: n }) {
+}), Mh = Z(function({ formattedLegends: t, rects: r, textScale: n }) {
   const o = m(() => {
     const a = /* @__PURE__ */ new Map();
     for (const i of t) {
@@ -4555,39 +4555,39 @@ var gh = "_1dw9dgx0", fh = "#9ca3af", Pt = "\0", ph = (e, t) => {
   return /* @__PURE__ */ s(P, { children: Array.from(o, ([a, i]) => {
     const l = r[a];
     return l === void 0 ? null : /* @__PURE__ */ b("div", {
-      className: nh,
+      className: rh,
       style: {
         left: l.x,
         top: l.y,
         width: l.width,
         height: l.height
       },
-      children: [/* @__PURE__ */ s(Ph, {
+      children: [/* @__PURE__ */ s(Eh, {
         edge: a,
         formattedLegends: i.pill,
         containerWidth: l.width,
         containerHeight: l.height,
         textScale: n
-      }), /* @__PURE__ */ s(eh, {
+      }), /* @__PURE__ */ s(_u, {
         legends: i.direct,
         containerRect: l,
         textScale: n
       })]
     }, a);
   }) });
-}), Dh = ({ layers: e, primaryLayerId: t, coordSystem: r, resolveRenderer: n }) => {
+}), Fh = ({ layers: e, primaryLayerId: t, coordSystem: r, resolveRenderer: n }) => {
   const o = e.find((i) => i.id === t);
   if (!o) return null;
   const a = n(o.geom, r.type);
   return a ? a.guideMode ?? null : null;
-}, Fo = 1, Do = "4 3", Mr = ({ panelRect: e }) => {
+}, Mo = 1, Fo = "4 3", Dh = ({ panelRect: e }) => {
   const { coordSystem: t, layers: r, scales: n } = C(K((l) => ({
     coordSystem: l.coordSystem,
     layers: l.layers,
     scales: l.scales
   }))), o = We((l) => l.hover.primary), a = ce();
   if (r.length === 0 || o === null || !o.anchored) return null;
-  const i = Dh({
+  const i = Fh({
     layers: r,
     primaryLayerId: o.layerId,
     coordSystem: t,
@@ -4612,20 +4612,20 @@ var gh = "_1dw9dgx0", fh = "#9ca3af", Pt = "\0", ph = (e, t) => {
     panelRect: e
   });
 }, Hh = ({ coordSystem: e, primary: t, panelRect: r }) => {
-  const n = Ya(e, t);
+  const n = Qa(e, t);
   return /* @__PURE__ */ s(bt, {
     panelRect: r,
     children: /* @__PURE__ */ s("line", {
       ...n,
       stroke: y.hoverGuideLineColor,
-      strokeWidth: Fo,
-      strokeDasharray: Do,
+      strokeWidth: Mo,
+      strokeDasharray: Fo,
       strokeLinecap: "round",
       "data-testid": "hover-guide-line"
     })
   });
 }, Oh = ({ coordSystem: e, scales: t, primary: r, panelRect: n }) => {
-  const o = Ka(e, t, r);
+  const o = Ya(e, t, r);
   return o === null ? null : /* @__PURE__ */ s(bt, {
     panelRect: n,
     children: /* @__PURE__ */ s("rect", {
@@ -4635,7 +4635,7 @@ var gh = "_1dw9dgx0", fh = "#9ca3af", Pt = "\0", ph = (e, t) => {
     })
   });
 }, Gh = ({ coordSystem: e, primary: t, panelRect: r }) => {
-  const n = Rn(r), o = q(t.x, e.innerRadius, n), a = q(t.x, 1, n);
+  const n = kn(r), o = q(t.x, e.innerRadius, n), a = q(t.x, 1, n);
   return /* @__PURE__ */ s(bt, {
     panelRect: r,
     children: /* @__PURE__ */ s("line", {
@@ -4644,14 +4644,14 @@ var gh = "_1dw9dgx0", fh = "#9ca3af", Pt = "\0", ph = (e, t) => {
       x2: a.x,
       y2: a.y,
       stroke: y.hoverGuideLineColor,
-      strokeWidth: Fo,
-      strokeDasharray: Do,
+      strokeWidth: Mo,
+      strokeDasharray: Fo,
       strokeLinecap: "round",
       "data-testid": "hover-guide-line"
     })
   });
 }, Wh = ({ coordSystem: e, primary: t, panelRect: r }) => {
-  const n = za(e, t);
+  const n = Ka(e, t);
   if (n === null) return null;
   const o = pe(n);
   return o ? /* @__PURE__ */ s(bt, {
@@ -4681,12 +4681,12 @@ var gh = "_1dw9dgx0", fh = "#9ca3af", Pt = "\0", ph = (e, t) => {
   "data-testid": "hover-guide",
   children: t
 }), Sf = (e, t, r) => {
-  for (const n of Object.values(Oo)) {
+  for (const n of Object.values(Ho)) {
     const o = n(e, t, r);
     if (o !== null) return o;
   }
   return null;
-}, Vh = (e) => Oo[e] !== void 0, Uh = (e, t, r) => Ho(e, r, t / 2), Qh = (e, t) => {
+}, Vh = (e) => Ho[e] !== void 0, Uh = (e, t, r) => Do(e, r, t / 2), Qh = (e, t) => {
   const r = Ue(e.start, t), n = Ue(e.end, t);
   return r.x === n.x && r.y === n.y ? null : {
     shape: "segment",
@@ -4696,7 +4696,7 @@ var gh = "_1dw9dgx0", fh = "#9ca3af", Pt = "\0", ph = (e, t) => {
 }, Yh = (e, { panel: t, measuredBoxes: r }) => {
   const n = r.get(e.id);
   if (n === void 0) return null;
-  const o = Xr(e.align), a = Ue(e.at, t);
+  const o = jr(e.align), a = Ue(e.at, t);
   return {
     shape: "rect",
     rect: {
@@ -4709,7 +4709,7 @@ var gh = "_1dw9dgx0", fh = "#9ca3af", Pt = "\0", ph = (e, t) => {
 }, ot = (e, t) => (r, n, o) => {
   const a = e(r).find((i) => i.id === n);
   return a === void 0 ? null : t(a, o);
-}, Ho = (e, t, r = 0) => {
+}, Do = (e, t, r = 0) => {
   const n = zt(e, t);
   return {
     shape: "rect",
@@ -4720,14 +4720,14 @@ var gh = "_1dw9dgx0", fh = "#9ca3af", Pt = "\0", ph = (e, t) => {
       height: n.height + r * 2
     }
   };
-}, Oo = {
+}, Ho = {
   text: ot((e) => e.textAnnotations, Yh),
-  shape: ot((e) => e.shapes, (e, t) => Uh(e.region, fn(t.chromeReaders, e.id).borderWidth, t.panel)),
-  image: ot((e) => e.images, (e, t) => Ho(e.region, t.panel)),
+  shape: ot((e) => e.shapes, (e, t) => Uh(e.region, gn(t.chromeReaders, e.id).borderWidth, t.panel)),
+  image: ot((e) => e.images, (e, t) => Do(e.region, t.panel)),
   arrow: ot((e) => e.arrows, (e, t) => Qh(e, t.panel))
 }, Kh = (e, t) => {
-  const r = Ga(e, t);
-  return r !== null && Vh(r.kind) && _a(r);
+  const r = Oa(e, t);
+  return r !== null && Vh(r.kind) && $a(r);
 }, zh = 200, jh = ({ engine: e, store: t, overlayRef: r }) => {
   F(() => {
     const n = r.current;
@@ -4784,7 +4784,7 @@ var gh = "_1dw9dgx0", fh = "#9ca3af", Pt = "\0", ph = (e, t) => {
       p.setHoverState(t.query(x.cursor)), p.setTooltipAnchor(qh(x.tooltip, f));
       return;
     }
-    const w = Si(A, f);
+    const w = wi(A, f);
     p.setHoverState(t.query(w)), p.setTooltipAnchor(null);
   }, c = () => {
     const h = r.getState();
@@ -4813,7 +4813,7 @@ var gh = "_1dw9dgx0", fh = "#9ca3af", Pt = "\0", ph = (e, t) => {
 }, Zh = ({ panelRect: e }) => {
   const { engine: t, store: r, overlayRef: n } = ye(), o = ue((c) => {
     const d = c.editTargetUnderPointer;
-    return d !== null && Hd(d);
+    return d !== null && Dd(d);
   }), a = ue((c) => {
     const d = c.editTargetUnderPointer;
     return d?.kind === "annotation" ? d.id : null;
@@ -4846,10 +4846,10 @@ var gh = "_1dw9dgx0", fh = "#9ca3af", Pt = "\0", ph = (e, t) => {
   }, [e, r]);
 }, ev = () => {
   const e = T();
-  return m(() => (t) => ii(e, t), [e]);
+  return m(() => (t) => ai(e, t), [e]);
 }, wt = () => ue((e) => Ve(e, "move-drag")?.annotationId ?? Ve(e, "shape-resize-drag")?.annotationId ?? Ve(e, "arrow-endpoint-drag")?.annotationId ?? null), Je = (e) => {
-  const t = C((i) => i.annotations), r = Pd(), n = Td(), o = se((i) => Fr(n, "cycle", i, `Annotation reference cycle detected; dropping annotation(s): ${i.join(", ")}`), [n]), a = se((i) => Fr(n, "missing-ref", i, `Annotation reference target(s) no longer exist (dropped during compilation); dropping annotations referencing: ${i.join(", ")}`), [n]);
-  return m(() => hi({
+  const t = C((i) => i.annotations), r = Ed(), n = Id(), o = se((i) => Mr(n, "cycle", i, `Annotation reference cycle detected; dropping annotation(s): ${i.join(", ")}`), [n]), a = se((i) => Mr(n, "missing-ref", i, `Annotation reference target(s) no longer exist (dropped during compilation); dropping annotations referencing: ${i.join(", ")}`), [n]);
+  return m(() => ui({
     annotations: t,
     panelRect: e,
     measuredBoxes: r,
@@ -4862,10 +4862,10 @@ var gh = "_1dw9dgx0", fh = "#9ca3af", Pt = "\0", ph = (e, t) => {
     o,
     a
   ]);
-}, Fr = (e, t, r, n) => {
+}, Mr = (e, t, r, n) => {
   const o = [t, ...[...r].sort()].join("\0");
   e.has(o) || (e.add(o), console.warn(n));
-}, tv = 16, Go = ({ linePath: e, strokeWidth: t }) => /* @__PURE__ */ s("path", {
+}, tv = 16, Oo = ({ linePath: e, strokeWidth: t }) => /* @__PURE__ */ s("path", {
   d: e,
   stroke: "transparent",
   strokeWidth: Math.max(t, tv),
@@ -4888,7 +4888,7 @@ var gh = "_1dw9dgx0", fh = "#9ca3af", Pt = "\0", ph = (e, t) => {
   return /* @__PURE__ */ b("g", {
     pointerEvents: r ? void 0 : "none",
     children: [
-      r && /* @__PURE__ */ s(Go, {
+      r && /* @__PURE__ */ s(Oo, {
         linePath: e.linePath,
         strokeWidth: e.strokeWidth
       }),
@@ -4953,13 +4953,13 @@ var gh = "_1dw9dgx0", fh = "#9ca3af", Pt = "\0", ph = (e, t) => {
   };
 }, sv = (e, t, r) => {
   try {
-    return Ni(e, t) < rv ? r : t;
+    return Li(e, t) < rv ? r : t;
   } catch {
     return r;
   }
 }, lv = ({ panelRect: e, isEditable: t }) => {
   const { arrows: r } = Je(e), n = wt(), o = ev(), a = m(() => r.filter((i) => i.id !== n).flatMap((i) => {
-    const l = o(i.id), c = Ia({
+    const l = o(i.id), c = Ba({
       arrow: i,
       style: l,
       panelWidth: e.width,
@@ -5004,7 +5004,7 @@ var gh = "_1dw9dgx0", fh = "#9ca3af", Pt = "\0", ph = (e, t) => {
   return /* @__PURE__ */ b("g", {
     pointerEvents: o ? void 0 : "none",
     children: [
-      o && /* @__PURE__ */ s(Go, {
+      o && /* @__PURE__ */ s(Oo, {
         linePath: e,
         strokeWidth: n
       }),
@@ -5047,7 +5047,7 @@ var gh = "_1dw9dgx0", fh = "#9ca3af", Pt = "\0", ph = (e, t) => {
     })]
   });
 }, hv = "_1i8rg6j0", vv = "75%", gv = ({ panelRect: e, isEditable: t }) => {
-  const r = Xd(), n = ue((i) => {
+  const r = jd(), n = ue((i) => {
     const l = i.editTargetUnderPointer;
     return l?.kind === "annotation" ? l.id : null;
   }), o = cv(), a = m(() => new Set(o.filter((i) => i.kind === "annotation").map((i) => i.id)), [o]);
@@ -5083,7 +5083,7 @@ var gh = "_1dw9dgx0", fh = "#9ca3af", Pt = "\0", ph = (e, t) => {
   });
 }, fv = (e) => `color-mix(in srgb, ${e} ${vv}, ${y.textPrimary})`, pv = () => {
   const e = T();
-  return m(() => (t) => fi(e, t), [e]);
+  return m(() => (t) => gi(e, t), [e]);
 }, mv = {
   fill: "none",
   contain: "xMidYMid meet",
@@ -5103,7 +5103,7 @@ var gh = "_1dw9dgx0", fh = "#9ca3af", Pt = "\0", ph = (e, t) => {
     opacity: r.alpha,
     clipPath: c ? `url(#${n})` : void 0
   })] });
-}, Dr = ({ panelRect: e, zOrder: t }) => {
+}, Fr = ({ panelRect: e, zOrder: t }) => {
   const r = Je(e).images, n = pv(), o = wt(), a = r.filter((i) => i.zOrder === t && i.id !== o);
   return a.length === 0 ? null : /* @__PURE__ */ s("svg", {
     x: e.x,
@@ -5126,7 +5126,7 @@ var gh = "_1dw9dgx0", fh = "#9ca3af", Pt = "\0", ph = (e, t) => {
   });
 }, yv = () => {
   const e = T();
-  return m(() => (t) => fn(e, t), [e]);
+  return m(() => (t) => gn(e, t), [e]);
 }, xv = ({ shape: e, style: t, panel: r }) => {
   const n = zt(e.region, r);
   return /* @__PURE__ */ s("rect", {
@@ -5136,10 +5136,10 @@ var gh = "_1dw9dgx0", fh = "#9ca3af", Pt = "\0", ph = (e, t) => {
     height: n.height,
     fill: t.color,
     fillOpacity: t.alpha,
-    stroke: Xa(t) ?? "none",
+    stroke: ja(t) ?? "none",
     strokeWidth: t.borderWidth
   });
-}, Hr = ({ panelRect: e, zOrder: t }) => {
+}, Dr = ({ panelRect: e, zOrder: t }) => {
   const r = Je(e).shapes, n = yv(), o = wt(), a = r.filter((i) => i.zOrder === t && i.id !== o);
   return a.length === 0 ? null : /* @__PURE__ */ s("svg", {
     x: e.x,
@@ -5162,14 +5162,14 @@ var gh = "_1dw9dgx0", fh = "#9ca3af", Pt = "\0", ph = (e, t) => {
   });
 }, bv = () => {
   const e = T(), t = C((r) => r.config.appearance.textScale);
-  return m(() => (r) => yi(e, r, t), [e, t]);
-}, wv = "_1aj6s5s0", kf = "_1aj6s5s1", Sv = 0.1, Rf = ({ annotation: e, panel: t, style: r, blockRef: n }) => /* @__PURE__ */ s(Wo, {
+  return m(() => (r) => Ai(e, r, t), [e, t]);
+}, wv = "_1aj6s5s0", kf = "_1aj6s5s1", Sv = 0.1, Rf = ({ annotation: e, panel: t, style: r, blockRef: n }) => /* @__PURE__ */ s(Go, {
   annotation: e,
   panel: t,
   style: r,
   blockRef: n,
   children: /* @__PURE__ */ s(Ce, { content: e.content })
-}), Wo = ({ annotation: e, panel: t, style: r, blockRef: n, children: o }) => {
+}), Go = ({ annotation: e, panel: t, style: r, blockRef: n, children: o }) => {
   const a = Ue(e.at, t);
   return /* @__PURE__ */ s("foreignObject", {
     x: a.x,
@@ -5189,7 +5189,7 @@ var gh = "_1dw9dgx0", fh = "#9ca3af", Pt = "\0", ph = (e, t) => {
     })
   });
 }, kv = (e) => {
-  const t = Xr(e);
+  const t = jr(e);
   return `translate(${-t.x * 100}%, ${-(1 - t.y) * 100}%)`;
 }, Rv = (e) => ({
   color: e.textColor,
@@ -5204,7 +5204,7 @@ var gh = "_1dw9dgx0", fh = "#9ca3af", Pt = "\0", ph = (e, t) => {
   if (e.background === "transparent") return {};
   const t = e.alpha < 1 ? O(e.background, e.alpha) : e.background;
   if (e.borderWidth <= 0) return { backgroundColor: t };
-  const r = e.borderColor ?? bs(e.background, Sv);
+  const r = e.borderColor ?? xs(e.background, Sv);
   return {
     backgroundColor: t,
     boxShadow: `0 0 0 ${e.borderWidth}px ${r}`
@@ -5235,13 +5235,13 @@ var gh = "_1dw9dgx0", fh = "#9ca3af", Pt = "\0", ph = (e, t) => {
     }, a.id))
   });
 }, Iv = ({ annotation: e, panel: t, style: r }) => {
-  const n = Id(e.id), o = ue((i) => i.caret?.annotationId === e.id), { TextAnnotation: a } = or();
+  const n = Bd(e.id), o = ue((i) => i.caret?.annotationId === e.id), { TextAnnotation: a } = or();
   return /* @__PURE__ */ s("g", {
     ...qe({
       kind: "annotation",
       id: e.id
     }),
-    children: /* @__PURE__ */ s(Wo, {
+    children: /* @__PURE__ */ s(Go, {
       annotation: e,
       panel: t,
       style: r,
@@ -5249,15 +5249,15 @@ var gh = "_1dw9dgx0", fh = "#9ca3af", Pt = "\0", ph = (e, t) => {
       children: o && a ? /* @__PURE__ */ s(a, { annotation: e }) : /* @__PURE__ */ s(Ce, { content: e.content })
     })
   });
-}, Vo = () => {
+}, Wo = () => {
   const e = T(), t = C((r) => r.config.appearance.textScale);
-  return m(() => (r, n) => di(e, r, n, t), [e, t]);
+  return m(() => (r, n) => ci(e, r, n, t), [e, t]);
 }, Tv = "ph8bdc0";
-var Lv = "ph8bdc2", Or = {
+var Lv = "ph8bdc2", Hr = {
   hittable: "ph8bdc4 ph8bdc3",
   inert: "ph8bdc5 ph8bdc3"
 }, Nv = ({ cx: e, cy: t, color: r, style: n }) => {
-  const o = yc(n.shadow);
+  const o = Ac(n.shadow);
   return /* @__PURE__ */ s("circle", {
     cx: e,
     cy: t,
@@ -5271,18 +5271,18 @@ var Lv = "ph8bdc2", Or = {
   });
 };
 function Mv(e) {
-  const t = Ae(), { formattingLocale: r } = z(), n = Vo(), o = C(K((c) => ({
+  const t = Ae(), { formattingLocale: r } = z(), n = Wo(), o = C(K((c) => ({
     pinnedNumbers: c.annotations.pinnedNumbers,
     comments: c.annotations.comments,
     coordSystem: c.coordSystem,
     numberFormat: c.config.numberFormat,
     parsingLocale: c.config.parsingLocale
-  }))), a = r ?? o.parsingLocale, i = m(() => Ea({
+  }))), a = r ?? o.parsingLocale, i = m(() => Ca({
     numberFormat: o.numberFormat,
     locale: a
   }), [o.numberFormat, a]), l = m(() => (c, d, u) => {
     const v = n(c === "pinned-number" ? "pinnedNumber" : "comment", d).label, g = {
-      family: v.fontFamily ?? Yr,
+      family: v.fontFamily ?? Qr,
       size: v.fontSize,
       weight: v.fontWeight
     }, h = Fv(t, c, u, g), f = t.measureText(h, g), A = c === "pinned-number" ? 15 : 0;
@@ -5292,7 +5292,7 @@ function Mv(e) {
       text: h
     };
   }, [t, n]);
-  return m(() => ri({
+  return m(() => ti({
     pinnedNumbers: o.pinnedNumbers,
     comments: o.comments,
     panelRect: e,
@@ -5308,11 +5308,11 @@ function Mv(e) {
     i
   ]);
 }
-var Fv = (e, t, r, n) => t !== "comment" ? r : ki(r, 140, (o) => e.measureText(o, n).width), Gr = "callouts", Dv = ({ panelRect: e }) => {
+var Fv = (e, t, r, n) => t !== "comment" ? r : Si(r, 140, (o) => e.measureText(o, n).width), Or = "callouts", Dv = ({ panelRect: e }) => {
   const { pinnedNumbers: t, comments: r } = C(K((h) => ({
     pinnedNumbers: h.annotations.pinnedNumbers,
     comments: h.annotations.comments
-  }))), n = C((h) => h.coordSystem), o = ce(), a = kn(), i = Vo(), l = Mv(e), { store: c } = ye(), d = m(() => {
+  }))), n = C((h) => h.coordSystem), o = ce(), a = Sn(), i = Wo(), l = Mv(e), { store: c } = ye(), d = m(() => {
     const h = /* @__PURE__ */ new Map();
     for (const f of t) h.set(f.id, f.at);
     for (const f of r) h.set(f.id, f.at);
@@ -5330,11 +5330,11 @@ var Fv = (e, t, r, n) => t !== "comment" ? r : ki(r, 140, (o) => e.measureText(o
     t,
     r,
     i
-  ]), g = m(() => wa(l, e), [l, e]);
+  ]), g = m(() => ba(l, e), [l, e]);
   return F(() => {
     const h = c.getState();
-    return h.publishPointerRegions(Gr, g), () => {
-      h.publishPointerRegions(Gr, []);
+    return h.publishPointerRegions(Or, g), () => {
+      h.publishPointerRegions(Or, []);
     };
   }, [c, g]), t.length === 0 && r.length === 0 ? null : /* @__PURE__ */ s("svg", {
     x: e.x,
@@ -5358,7 +5358,7 @@ var Fv = (e, t, r, n) => t !== "comment" ? r : ki(r, 140, (o) => e.measureText(o
           height: h.miniRect.height,
           overflow: "visible",
           children: /* @__PURE__ */ b("div", {
-            className: x ? Or.hittable : Or.inert,
+            className: x ? Hr.hittable : Hr.inert,
             style: Ov(A.label),
             children: [h.kind === "pinned-number" && /* @__PURE__ */ s("span", {
               className: "ph8bdc1",
@@ -5388,7 +5388,7 @@ var Fv = (e, t, r, n) => t !== "comment" ? r : ki(r, 140, (o) => e.measureText(o
   background: e.background,
   borderRadius: e.borderRadius,
   padding: `${e.paddingBlock}px ${e.paddingInline}px`,
-  boxShadow: lo(e.shadow),
+  boxShadow: so(e.shadow),
   ...e.borderWidth > 0 ? { border: `${e.borderWidth}px solid ${e.borderColor}` } : {}
 }), Gv = (e) => ({
   ...e.fontFamily === void 0 ? {} : { fontFamily: e.fontFamily },
@@ -5420,7 +5420,7 @@ var Fv = (e, t, r, n) => t !== "comment" ? r : ki(r, 140, (o) => e.measureText(o
 }, Vv = 3.2, Uv = ({ panelRect: e }) => {
   const t = Je(e).stickers, r = C((o) => o.config.appearance.textScale);
   if (t.length === 0) return null;
-  const n = On(Vv, r);
+  const n = Hn(Vv, r);
   return /* @__PURE__ */ s("svg", {
     x: e.x,
     y: e.y,
@@ -5456,8 +5456,8 @@ var Fv = (e, t, r, n) => t !== "comment" ? r : ki(r, 140, (o) => e.measureText(o
 } : {
   width: t * e,
   height: t
-}, Kv = 0.25, Uo = ({ children: e, ...t }) => {
-  const r = od();
+}, Kv = 0.25, Vo = ({ children: e, ...t }) => {
+  const r = nd();
   return r <= 0 ? /* @__PURE__ */ s("g", {
     ...t,
     children: e
@@ -5472,7 +5472,7 @@ var Fv = (e, t, r, n) => t !== "comment" ? r : ki(r, 140, (o) => e.measureText(o
     children: e
   });
 }, zv = "_1agclyl0";
-var jv = "_1agclyl2", Qo = ({ x: e, y: t, width: r, height: n, text: o, isRotated: a, target: i, position: l, coordType: c, backdropColor: d }) => {
+var jv = "_1agclyl2", Uo = ({ x: e, y: t, width: r, height: n, text: o, isRotated: a, target: i, position: l, coordType: c, backdropColor: d }) => {
   const u = xt(), v = a ? `rotate(-90 ${e} ${t})` : void 0, g = u[i][l], h = g.borderColor !== void 0 && (g.borderWidth ?? 0) > 0, f = Jv(i, c, g), A = qv(g, f, d);
   return /* @__PURE__ */ b("g", {
     transform: v,
@@ -5502,9 +5502,9 @@ var jv = "_1agclyl2", Qo = ({ x: e, y: t, width: r, height: n, text: o, isRotate
       children: o
     })]
   });
-}, Xv = (e, t) => e.isTextColorAuthored || t === void 0 ? e.textColor : an(t), qv = (e, t, r) => {
+}, Xv = (e, t) => e.isTextColorAuthored || t === void 0 ? e.textColor : on(t), qv = (e, t, r) => {
   if (r !== void 0)
-    return Ba(t ? e.background : void 0, r);
+    return Pa(t ? e.background : void 0, r);
 }, Jv = (e, t, r) => r.background === void 0 ? !1 : e === "aggregate" || t === "cartesian", Zv = ({ panelRect: e, formattingLocale: t, plotBottomY: r, isFooterChromeReserved: n }) => {
   const o = Ae(), a = me(), i = C(K((u) => ({
     layers: u.layers,
@@ -5513,7 +5513,7 @@ var jv = "_1agclyl2", Qo = ({ x: e, y: t, width: r, height: n, text: o, isRotate
     numberFormat: u.config.numberFormat,
     parsingLocale: u.config.parsingLocale,
     textScale: u.config.appearance.textScale
-  }))), l = xt(), c = m(() => Ao({
+  }))), l = xt(), c = m(() => mo({
     textMeasurer: o,
     dataLabelStyles: l,
     familyDefault: a.fonts.familyDefault
@@ -5521,7 +5521,7 @@ var jv = "_1agclyl2", Qo = ({ x: e, y: t, width: r, height: n, text: o, isRotate
     o,
     l,
     a.fonts.familyDefault
-  ]), d = m(() => Sa({
+  ]), d = m(() => wa({
     ...i,
     panelRect: e,
     measureDataLabel: c,
@@ -5535,7 +5535,7 @@ var jv = "_1agclyl2", Qo = ({ x: e, y: t, width: r, height: n, text: o, isRotate
     t,
     r,
     n
-  ]).labels.map((u, v) => /* @__PURE__ */ s(Qo, {
+  ]).labels.map((u, v) => /* @__PURE__ */ s(Uo, {
     x: u.x,
     y: u.y,
     width: u.width,
@@ -5547,7 +5547,7 @@ var jv = "_1agclyl2", Qo = ({ x: e, y: t, width: r, height: n, text: o, isRotate
     coordType: i.coordSystem.type,
     backdropColor: u.backdropColor
   }, `${u.layerId}:${v}`));
-  return /* @__PURE__ */ s(Uo, {
+  return /* @__PURE__ */ s(Vo, {
     className: zv,
     transform: `translate(${e.x}, ${e.y})`,
     "data-testid": "data-labels",
@@ -5615,7 +5615,7 @@ var jv = "_1agclyl2", Qo = ({ x: e, y: t, width: r, height: n, text: o, isRotate
     transform: `rotate(${r}, 0, ${n})`
   };
 }, tg = ({ formattedAxis: e, rect: t }) => {
-  const r = e.position === "bottom" || e.position === "top", n = Ee(e.scaleAestheticKey), o = rr()[n], a = mo()[n];
+  const r = e.position === "bottom" || e.position === "top", n = Ee(e.scaleAestheticKey), o = rr()[n], a = po()[n];
   return /* @__PURE__ */ b("svg", {
     x: t.x,
     y: t.y,
@@ -5671,7 +5671,7 @@ var jv = "_1agclyl2", Qo = ({ x: e, y: t, width: r, height: n, text: o, isRotate
       };
   }
 }, ng = ({ axes: e, rects: t }) => {
-  const r = fo();
+  const r = go();
   return /* @__PURE__ */ s(P, { children: e.map((n) => {
     const o = t[n.position];
     if (!o || !n.isVisible) return null;
@@ -5704,7 +5704,7 @@ var jv = "_1agclyl2", Qo = ({ x: e, y: t, width: r, height: n, text: o, isRotate
 }) }), ig = ({ formattedAxes: e, labelRects: t }) => /* @__PURE__ */ s(ng, {
   axes: e.filter((r) => r.geometry === "linear"),
   rects: t
-}), Yo = {
+}), Qo = {
   strokeDashoffset: "0",
   strokeLinecap: "round"
 }, sg = ({ axes: e, panelBorderSizes: t, panelFrameRect: r, panelRect: n }) => {
@@ -5743,7 +5743,7 @@ var jv = "_1agclyl2", Qo = ({ x: e, y: t, width: r, height: n, text: o, isRotate
         }
         return /* @__PURE__ */ s("line", {
           ...A,
-          ...Yo,
+          ...Qo,
           strokeDasharray: u,
           strokeWidth: d.strokeWidth,
           stroke: d.color
@@ -5752,9 +5752,9 @@ var jv = "_1agclyl2", Qo = ({ x: e, y: t, width: r, height: n, text: o, isRotate
     })
   });
 }, lg = (e, t) => t <= 0 ? e ? "left" : "bottom" : t >= 1 ? e ? "right" : "top" : null, cg = ({ sizes: e, panelFrameRect: t }) => {
-  const r = C((i) => i.coordSystem.type === "polar"), n = T(), o = m(() => vn(n), [n]);
+  const r = C((i) => i.coordSystem.type === "polar"), n = T(), o = m(() => hn(n), [n]);
   if (r) return null;
-  const a = Na(o, {
+  const a = La(o, {
     x: e.left / 2,
     y: e.top / 2,
     width: t.width - (e.left + e.right) / 2,
@@ -5773,7 +5773,7 @@ var jv = "_1agclyl2", Qo = ({ x: e, y: t, width: r, height: n, text: o, isRotate
       stroke: i.color,
       strokeDasharray: Yt(i.lineType),
       strokeWidth: i.strokeWidth,
-      ...Yo
+      ...Qo
     }, l))
   });
 }, dg = (e) => e.map((t) => {
@@ -5790,23 +5790,23 @@ var jv = "_1agclyl2", Qo = ({ x: e, y: t, width: r, height: n, text: o, isRotate
       return "Z";
   }
 }).join(" ");
-var Ko = (e, t) => {
+var Yo = (e, t) => {
   const r = C((c) => c.coordSystem);
   if (r.type !== "polar") return null;
   const n = t.find((c) => c.geometry === "circular");
   if (!n) return null;
-  const { innerRadius: o, startAngle: a, spokeRotation: i } = r, l = Rn(e);
+  const { innerRadius: o, startAngle: a, spokeRotation: i } = r, l = kn(e);
   return l.radius <= 0 ? null : {
     circle: l,
     circularAxis: n,
     radialAxis: t.find((c) => c.geometry === "radial"),
     innerRadius: o,
     startAngle: a,
-    angleFor: (c) => oi(c, a, i),
+    angleFor: (c) => ni(c, a, i),
     radiusNormFor: (c) => o + c * (1 - o)
   };
 }, ug = 3, hg = 16, vg = ({ formattedAxes: e, panelRect: t }) => {
-  const r = rr(), n = Ko(t, e);
+  const r = rr(), n = Yo(t, e);
   if (!n) return null;
   const { circle: o, circularAxis: a, radialAxis: i, startAngle: l, angleFor: c, radiusNormFor: d } = n, u = gg(i, d, o.radius), v = (g) => r[Ee(g.scaleAestheticKey)];
   return /* @__PURE__ */ b("svg", {
@@ -5834,7 +5834,7 @@ var Ko = (e, t) => {
       }, `radial-label-${f}`);
     }), a.isVisible && a.ticks.map((g, h) => {
       if (g.position >= 1 - 1e-9) return null;
-      const f = c(g.position), A = q(f, (o.radius + ma) / o.radius, o);
+      const f = c(g.position), A = q(f, (o.radius + pa) / o.radius, o);
       return /* @__PURE__ */ s("text", {
         x: A.x,
         y: A.y,
@@ -5864,7 +5864,7 @@ var Ko = (e, t) => {
   const t = Math.sin(e);
   return Math.abs(t) < 0.01 ? "middle" : t > 0 ? "start" : "end";
 }, pg = ({ formattedAxes: e, panelRect: t }) => {
-  const r = T(), n = Ko(t, e);
+  const r = T(), n = Yo(t, e);
   if (!n) return null;
   const { circle: o, circularAxis: a, radialAxis: i, innerRadius: l, angleFor: c, radiusNormFor: d } = n, u = Tt(r, "y"), v = Tt(r, "x");
   return /* @__PURE__ */ b("svg", {
@@ -5909,7 +5909,7 @@ var Ko = (e, t) => {
     ]
   });
 }, mg = ({ layer: e, coordSystem: t, shouldAnimateTransitions: r, isDimmed: n, dimStyle: o, formattingLocale: a }) => {
-  const i = ce(), l = ad(e.id), c = i(e.geom, t.type);
+  const i = ce(), l = od(e.id), c = i(e.geom, t.type);
   if (c === null) return null;
   const d = At(c.render);
   return d.overlay ? null : /* @__PURE__ */ s("g", {
@@ -5954,7 +5954,7 @@ var yg = 4, xg = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     t,
     o,
     n
-  ]), u = L(t), v = m(() => Ha(t), [t]), g = m(() => Ca({
+  ]), u = L(t), v = m(() => Da(t), [t]), g = m(() => Ra({
     layer: t,
     numberFormat: c,
     locale: l
@@ -5977,7 +5977,7 @@ var yg = 4, xg = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     };
     p = e.renderHighlight ? e.renderHighlight(x) : A.fn(x);
   }
-  return /* @__PURE__ */ b(Uo, { children: [p, d.map(({ observation: x, observationIndex: w, anchor: S }) => /* @__PURE__ */ s(bg, {
+  return /* @__PURE__ */ b(Vo, { children: [p, d.map(({ observation: x, observationIndex: w, anchor: S }) => /* @__PURE__ */ s(bg, {
     observation: x,
     anchor: S,
     panelRect: i,
@@ -5989,7 +5989,7 @@ var yg = 4, xg = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     familyDefault: h.familyDefault
   }, wg(x, w)))] });
 }, bg = ({ observation: e, anchor: t, panelRect: r, fill: n, dotRadius: o, readSegmentY: a, formatYValue: i, labelStyle: l, familyDefault: c }) => {
-  const d = Ae(), u = pn(t.x), v = mn(t.y), g = a(e), h = nn(g) ? i(g, e) : null, f = m(() => {
+  const d = Ae(), u = fn(t.x), v = pn(t.y), g = a(e), h = rn(g) ? i(g, e) : null, f = m(() => {
     if (h === null) return null;
     const A = d.measureText(h, J(l, c));
     return {
@@ -6008,7 +6008,7 @@ var yg = 4, xg = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     cy: k(v),
     r: o,
     fill: n
-  }), h !== null && f !== null && /* @__PURE__ */ s(Qo, {
+  }), h !== null && f !== null && /* @__PURE__ */ s(Uo, {
     x: u * r.width,
     y: v * r.height - o - yg - f.height / 2,
     width: f.width,
@@ -6030,7 +6030,7 @@ var yg = 4, xg = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
   }))), i = ce();
   if (n === null) return null;
   const l = i(e.geom, t.type);
-  if (l === null || Gl(l)) return null;
+  if (l === null || Ol(l)) return null;
   const c = a.get(e.id) ?? [];
   return n.layerId === e.id ? l.renderHover({
     layer: e,
@@ -6068,7 +6068,7 @@ var yg = 4, xg = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     height: t.height,
     className: Eg,
     "data-testid": "geom-layers",
-    ...Gd(),
+    ...Od(),
     children: n.map((a) => /* @__PURE__ */ b(jt, { children: [/* @__PURE__ */ s(Ng, {
       layer: a,
       coordSystem: o,
@@ -6084,7 +6084,7 @@ var yg = 4, xg = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
 }, Ig = (e) => e.type === "cartesian" ? `cartesian-${e.mainAxis}` : e.type, Tg = (e) => {
   if (e.geom !== "rule")
     return Pg;
-}, Lg = (e) => bn({
+}, Lg = (e) => xn({
   ...e.opacity === void 0 ? {} : { [Rg]: String(e.opacity) },
   ...e.saturation === void 0 ? {} : { [Cg]: `saturate(${e.saturation})` }
 }), Ng = ({ layer: e, coordSystem: t, shouldAnimateTransitions: r, panelRect: n, formattingLocale: o }) => {
@@ -6110,11 +6110,11 @@ var yg = 4, xg = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
         dimStyle: c,
         formattingLocale: o
       }),
-      v && !u?.overlay && i?.hitTest && /* @__PURE__ */ s(zl, {
+      v && !u?.overlay && i?.hitTest && /* @__PURE__ */ s(Kl, {
         hitTest: i.hitTest,
         input: d
       }),
-      v && u?.overlay && /* @__PURE__ */ s(tc, {
+      v && u?.overlay && /* @__PURE__ */ s(ec, {
         render: u.fn,
         input: d
       }),
@@ -6133,7 +6133,7 @@ var yg = 4, xg = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
 }, Mg = "_17uhij30", Fg = ({ formattedAxes: e, plotRect: t, panelBorder: r, panelFrameRect: n, panelRect: o, axisRects: a, axisLabelRects: i, shouldAnimateTransitions: l, formattingLocale: c, plotBottomY: d, isFooterChromeReserved: u, isEditable: v }) => {
   const g = B(null);
   _h(g);
-  const h = ee("Grid", sg), f = ee("AxisTicks", ag), A = ee("AxisLabel", ig), p = m(() => Gt(n, t), [n, t]), x = m(() => Gt(o, t), [o, t]), w = m(() => Wr(a, t), [a, t]), S = m(() => Wr(i, t), [i, t]);
+  const h = ee("Grid", sg), f = ee("AxisTicks", ag), A = ee("AxisLabel", ig), p = m(() => Gt(n, t), [n, t]), x = m(() => Gt(o, t), [o, t]), w = m(() => Gr(a, t), [a, t]), S = m(() => Gr(i, t), [i, t]);
   return /* @__PURE__ */ b("svg", {
     ref: g,
     className: Mg,
@@ -6142,7 +6142,6 @@ var yg = 4, xg = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     style: { transform: `translate(${t.x}px, ${t.y}px)` },
     "data-testid": "plot",
     children: [
-      /* @__PURE__ */ s(Mr, { panelRect: x }),
       /* @__PURE__ */ s(h, {
         axes: e,
         panelBorderSizes: r,
@@ -6161,12 +6160,12 @@ var yg = 4, xg = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
         formattedAxes: e,
         panelRect: x
       }),
-      /* @__PURE__ */ s(Mr, { panelRect: x }),
-      /* @__PURE__ */ s(Hr, {
+      /* @__PURE__ */ s(Dh, { panelRect: x }),
+      /* @__PURE__ */ s(Dr, {
         panelRect: x,
         zOrder: "background"
       }),
-      /* @__PURE__ */ s(Dr, {
+      /* @__PURE__ */ s(Fr, {
         panelRect: x,
         zOrder: "background"
       }),
@@ -6193,11 +6192,11 @@ var yg = 4, xg = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
         panelRect: x,
         isEditable: v
       }),
-      /* @__PURE__ */ s(Hr, {
+      /* @__PURE__ */ s(Dr, {
         panelRect: x,
         zOrder: "foreground"
       }),
-      /* @__PURE__ */ s(Dr, {
+      /* @__PURE__ */ s(Fr, {
         panelRect: x,
         zOrder: "foreground"
       }),
@@ -6216,21 +6215,21 @@ var yg = 4, xg = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
   y: e.y - t.y,
   width: e.width,
   height: e.height
-}), Wr = (e, t) => {
+}), Gr = (e, t) => {
   const r = {};
   for (const [n, o] of Object.entries(e)) r[n] = Gt(o, t);
   return r;
 }, Dg = (e) => {
   let t, r;
   return "aspectRatio" in e ? "intrinsicWidth" in e ? (t = e.intrinsicWidth, r = t / e.aspectRatio) : (r = e.intrinsicHeight, t = r * e.aspectRatio) : (t = e.intrinsicWidth, r = e.intrinsicHeight), {
-    width: Vr(t, "width"),
-    height: Vr(r, "height")
+    width: Wr(t, "width"),
+    height: Wr(r, "height")
   };
-}, Vr = (e, t) => {
-  if (e <= 0 || Number.isNaN(e) || !Number.isFinite(e)) throw new fa({ message: `Expected ${t} to be a positive, finite number, but got ${e}.` });
+}, Wr = (e, t) => {
+  if (e <= 0 || Number.isNaN(e) || !Number.isFinite(e)) throw new ga({ message: `Expected ${t} to be a positive, finite number, but got ${e}.` });
   return e;
 }, Hg = ({ sizing: e, onResize: t, children: r }) => {
-  const n = ao({ onResize: t });
+  const n = oo({ onResize: t });
   if (e.mode === "keepAspectRatio") {
     const { intrinsicSize: a, canRender: i, outerStyles: l, innerStyles: c } = Og(e, n.width, !n.isDefault);
     return /* @__PURE__ */ s("div", {
@@ -6337,24 +6336,24 @@ var yg = 4, xg = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
   }), [l, d]), h = t && e.background === "transparent";
   return /* @__PURE__ */ s("div", {
     "data-testid": "graph-wrapper",
-    className: Qe(bc, a),
+    className: Qe(xc, a),
     style: v,
     children: /* @__PURE__ */ s("div", {
       ref: n,
       "data-testid": "graph-inner",
       tabIndex: t ? 0 : void 0,
-      className: Qe(Sc, {
-        [kc]: t,
-        [Rc]: h
+      className: Qe(wc, {
+        [Sc]: t,
+        [kc]: h
       }),
       style: g,
       children: o
     })
   });
-}, Cf = (e) => /* @__PURE__ */ s(mc, {
-  locale: Cd(),
+}, Cf = (e) => /* @__PURE__ */ s(pc, {
+  locale: Rd(),
   children: /* @__PURE__ */ s(Yg, { ...e })
-}), Yg = ({ slots: e, sizing: t = Gg, onResize: r, ...n }) => /* @__PURE__ */ s(Yl, { children: /* @__PURE__ */ s(Qs, { children: /* @__PURE__ */ s(Zs, {
+}), Yg = ({ slots: e, sizing: t = Gg, onResize: r, ...n }) => /* @__PURE__ */ s(Ql, { children: /* @__PURE__ */ s(Us, { children: /* @__PURE__ */ s(Js, {
   slots: e,
   children: /* @__PURE__ */ s(Hg, {
     sizing: t,
@@ -6366,7 +6365,7 @@ var yg = 4, xg = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     })
   })
 }) }) }), Kg = ({ width: e, height: t, animation: r, showTooltips: n = !0, mode: o = "readonly" }) => {
-  const a = so(), { axes: i, legends: l, layers: c, numberFormat: d, parsingLocale: u, appearance: v, annotations: g, coordSystem: h, headline: f, headlineConfig: A, content: p, overflowStrategy: x, layoutConfig: w } = C(K((Q) => ({
+  const a = io(), { axes: i, legends: l, layers: c, numberFormat: d, parsingLocale: u, appearance: v, annotations: g, coordSystem: h, headline: f, headlineConfig: A, content: p, overflowStrategy: x, layoutConfig: w } = C(K((Q) => ({
     axes: Q.guides.axes,
     legends: Q.guides.legends.drawn,
     layers: Q.layers,
@@ -6380,7 +6379,7 @@ var yg = 4, xg = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     content: Q.config.content,
     overflowStrategy: Q.config.panel.overflow,
     layoutConfig: Q.config.layout
-  }))), S = Ci(), { intro: R, transitions: N } = m(() => nc(r, S ?? !1), [r, S]), { headerRef: E, footerRef: I, measurements: M } = Wg(), { formattingLocale: W, colorScheme: Y, themeOverrides: Te } = z(), xe = o === "editable", [be, zo] = G(null), ar = m(() => Qn(Y, Te), [Y, Te]), jo = ee("Header", Cu), Xo = ee("Footer", yu), qo = ee("Legend", Fh), Jo = ee("Headline", Xu), Zo = ee("EditorSurface", Ug), ir = m(() => Va({
+  }))), S = Ri(), { intro: R, transitions: N } = m(() => rc(r, S ?? !1), [r, S]), { headerRef: E, footerRef: I, measurements: M } = Wg(), { formattingLocale: W, colorScheme: Y, themeOverrides: Te } = z(), xe = o === "editable", [be, Ko] = G(null), ar = m(() => Un(Y, Te), [Y, Te]), zo = ee("Header", Ru), jo = ee("Footer", Au), Xo = ee("Legend", Mh), qo = ee("Headline", ju), Jo = ee("EditorSurface", Ug), ir = m(() => Wa({
     legends: l,
     numberFormat: d,
     parsingLocale: u,
@@ -6390,7 +6389,7 @@ var yg = 4, xg = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     d,
     u,
     W
-  ]), Le = m(() => Wa({
+  ]), Le = m(() => Ga({
     headline: f,
     show: A.show,
     numberFormat: d,
@@ -6404,18 +6403,18 @@ var yg = 4, xg = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     u,
     W,
     a
-  ]), $o = Ae(), Ze = T(), $e = m(() => dn(Ze), [Ze]), sr = m(() => vn(Ze), [Ze]), lr = Io(), St = $e.borderColor === void 0 ? 0 : $e.borderWidth, Ne = m(() => ({
+  ]), Zo = Ae(), Ze = T(), $e = m(() => cn(Ze), [Ze]), sr = m(() => hn(Ze), [Ze]), lr = Bo(), St = $e.borderColor === void 0 ? 0 : $e.borderWidth, Ne = m(() => ({
     width: Math.max(0, e - 2 * St),
     height: Math.max(0, t - 2 * St)
   }), [
     e,
     t,
     St
-  ]), cr = m(() => hu(p.brandMark.enabled, Ne, p.brandMark.variant), [
+  ]), cr = m(() => uu(p.brandMark.enabled, Ne, p.brandMark.variant), [
     p.brandMark.enabled,
     p.brandMark.variant,
     Ne
-  ]), _o = p.brandMark.placement === "footer" ? cr : "hidden", ea = p.brandMark.placement === "header" ? cr : "hidden", we = m(() => Le ? {
+  ]), $o = p.brandMark.placement === "footer" ? cr : "hidden", _o = p.brandMark.placement === "header" ? cr : "hidden", we = m(() => Le ? {
     formatted: Le,
     size: A.size,
     position: A.position,
@@ -6425,12 +6424,12 @@ var yg = 4, xg = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     A.size,
     A.position,
     h
-  ]), ta = $s(), _e = wd({
-    textMeasurer: $o,
+  ]), ea = Zs(), _e = bd({
+    textMeasurer: Zo,
     textScale: v.textScale,
     metrics: ar,
-    overrides: ta
-  }), dr = m(() => Ma(sr), [sr]), Me = Sd({
+    overrides: ea
+  }), dr = m(() => Na(sr), [sr]), Me = wd({
     measurer: _e,
     axes: i,
     numberFormat: d,
@@ -6447,7 +6446,7 @@ var yg = 4, xg = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     overflowStrategy: x,
     layout: w,
     panelBorder: dr
-  }), et = m(() => !Me || !we || !_e ? null : gi({
+  }), et = m(() => !Me || !we || !_e ? null : vi({
     headline: we,
     layout: Me.layout,
     containerSize: Ne,
@@ -6461,28 +6460,28 @@ var yg = 4, xg = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     lr.gap
   ]);
   if (!Me) return null;
-  const { layout: j, formattedAxes: ra, plotBottomY: na } = Me, oa = j.footer.height > 0;
-  return /* @__PURE__ */ s(Ec, {
+  const { layout: j, formattedAxes: ta, plotBottomY: ra } = Me, na = j.footer.height > 0;
+  return /* @__PURE__ */ s(Cc, {
     colorScheme: Y,
     themeOverrides: Te,
     textScale: v.textScale,
     graphBackground: $e.background,
-    children: /* @__PURE__ */ s(Ds, {
+    children: /* @__PURE__ */ s(Fs, {
       metrics: ar,
-      children: /* @__PURE__ */ s(Ed, { children: /* @__PURE__ */ s(jd, {
+      children: /* @__PURE__ */ s(Cd, { children: /* @__PURE__ */ s(zd, {
         panelRect: j.panel,
         children: /* @__PURE__ */ s(Qg, {
           graphChrome: $e,
           isEditable: xe,
-          contentRef: xe ? zo : void 0,
+          contentRef: xe ? Ko : void 0,
           style: {
             width: "100%",
             height: "100%"
           },
-          children: /* @__PURE__ */ b(nd, {
+          children: /* @__PURE__ */ b(rd, {
             intro: R,
             children: [
-              /* @__PURE__ */ s(jo, {
+              /* @__PURE__ */ s(zo, {
                 ref: E,
                 headerRect: j.header,
                 mode: o,
@@ -6490,10 +6489,10 @@ var yg = 4, xg = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
                 isTitleVisible: p.isTitleVisible,
                 subtitle: p.subtitle,
                 isSubtitleVisible: p.isSubtitleVisible,
-                brandMark: ea
+                brandMark: _o
               }),
               /* @__PURE__ */ s(Fg, {
-                formattedAxes: ra,
+                formattedAxes: ta,
                 plotRect: j.plot,
                 panelBorder: dr,
                 panelFrameRect: j.panelFrame,
@@ -6502,11 +6501,11 @@ var yg = 4, xg = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
                 axisLabelRects: j.axisLabels,
                 shouldAnimateTransitions: N,
                 formattingLocale: W ?? u,
-                plotBottomY: na,
-                isFooterChromeReserved: oa,
+                plotBottomY: ra,
+                isFooterChromeReserved: na,
                 isEditable: xe
               }),
-              /* @__PURE__ */ s(Xo, {
+              /* @__PURE__ */ s(jo, {
                 ref: I,
                 footerRect: j.footer,
                 mode: o,
@@ -6514,25 +6513,25 @@ var yg = 4, xg = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
                 isCaptionVisible: p.isCaptionVisible,
                 source: p.source,
                 isSourceVisible: p.isSourceVisible,
-                brandMark: _o
+                brandMark: $o
               }),
-              /* @__PURE__ */ s(qo, {
+              /* @__PURE__ */ s(Xo, {
                 formattedLegends: ir,
                 rects: j.legends,
                 textScale: v.textScale
               }),
-              Le && et && /* @__PURE__ */ s(Jo, {
+              Le && et && /* @__PURE__ */ s(qo, {
                 headline: Le,
                 rect: et.rect,
                 resolvedSize: et.resolvedSize,
                 visibleItemCount: et.visibleItemCount,
-                isInDonutHole: we !== void 0 && ti(we)
+                isInDonutHole: we !== void 0 && ei(we)
               }),
-              xe && be !== null && /* @__PURE__ */ s(Zo, {
+              xe && be !== null && /* @__PURE__ */ s(Jo, {
                 frameElement: be,
                 panelRect: j.panel
               }),
-              n && /* @__PURE__ */ s(Jc, {})
+              n && /* @__PURE__ */ s(qc, {})
             ]
           })
         })
@@ -6540,7 +6539,7 @@ var yg = 4, xg = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     })
   });
 }, Ef = (e) => {
-  const t = D(wn);
+  const t = D(bn);
   return m(() => e || (t ? {
     commands: t.commands,
     undo: t.history.undo,
@@ -6551,7 +6550,7 @@ var yg = 4, xg = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     setSelection: (r) => t.selectionStore.getState().setSelection(r),
     subscribeSelection: t.selectionStore.subscribe
   } : null), [e, t]);
-}, Pf = (e) => Ri(e.subscribe, e.getCompiled, e.getCompiled), Bf = () => {
+}, Pf = (e) => ki(e.subscribe, e.getCompiled, e.getCompiled), Bf = () => {
   const { commands: e } = z();
   return e;
 }, If = (e) => {
@@ -6565,87 +6564,87 @@ export {
   hf as At,
   mf as B,
   Uh as C,
-  Qs as Ct,
-  Lo as D,
+  Us as Ct,
+  To as D,
   De as Dt,
-  Ou as E,
+  Hu as E,
   T as Et,
   ue as F,
-  Id as G,
+  Bd as G,
   ff as H,
   bf as I,
-  po as J,
-  Pd as K,
+  fo as J,
+  Ed as K,
   Ve as L,
-  hu as M,
+  uu as M,
   C as Mt,
-  Xd as N,
-  wn as Nt,
-  Cu as O,
-  bs as Ot,
+  jd as N,
+  bn as Nt,
+  Ru as O,
+  xs as Ot,
   xf as P,
   z as Pt,
-  Ic as Q,
+  Bc as Q,
   yf as R,
   Qh as S,
   vf as St,
   Sf as T,
-  Gs as Tt,
-  Md as U,
+  Os as Tt,
+  Nd as U,
   pf as V,
-  Ro as W,
+  ko as W,
   We as X,
-  Zc as Y,
-  Bc as Z,
+  Jc as Y,
+  Pc as Z,
   cv as _,
-  Wl as _t,
+  Gl as _t,
   Cf as a,
-  mc as at,
+  pc as at,
   ev as b,
-  Ol as bt,
+  Hl as bt,
   Wv as c,
-  ec as ct,
+  _l as ct,
   kf as d,
-  ql as dt,
-  Pc as et,
+  Xl as dt,
+  Ec as et,
   bv as f,
-  oo as ft,
+  no as ft,
   pv as g,
   Ot as gt,
   Av as h,
   ye as ht,
   Ef as i,
-  co as it,
-  Po as j,
+  lo as it,
+  Eo as j,
   df as jt,
-  yu as k,
+  Au as k,
   uf as kt,
   Pv as l,
-  _l as lt,
+  $l as lt,
   yv as m,
-  Yl as mt,
+  Ql as mt,
   Bf as n,
   _t as nt,
   Yg as o,
-  so as ot,
+  io as ot,
   xv as p,
-  Kl as pt,
-  Cd as q,
+  Yl as pt,
+  Rd as q,
   Pf as r,
-  Cc as rt,
+  Rc as rt,
   sg as s,
   $t as st,
   If as t,
-  Ec as tt,
+  Cc as tt,
   Rf as u,
-  Zl as ut,
+  Jl as ut,
   ov as v,
   gf as vt,
   Yh as w,
   Ae as wt,
   Kh as x,
-  al as xt,
+  ol as xt,
   Je as y,
-  Gl as yt,
+  Ol as yt,
   Af as z
 };