@graphysdk/react-renderer 1.9.0-beta.1789369549494 → 1.9.0-beta.1789372403170

package/dist/{history-chords--6i35LQS.js → history-chords-BpA9tapt.js}

@@ -1,55 +1,55 @@
 import { n as p } from "./theme.contract.css-pudzI2o1.js";
-import { ANNOTATION_TOOLTIP_MARKER_GAP as Pi, AXIS_KEYS as qt, CachedTextMeasurer as Rr, DATA_LABEL_POSITIONS as Bi, DATA_LABEL_ROLES as Ii, DEFAULT_GEOM_COLOR as nn, DEFAULT_HOVER_AFFORDANCE_COLOR as At, DEFAULT_POINT_SIZE as on, GROUP_VARIABLES as pe, HeuristicTextMeasurer as Mi, HoverEngine as Li, InternalError as Ti, LayoutCompiler as Ni, NAMED_WEIGHTS as Ge, POLAR_RIM_LABEL_GAP_PX as Hi, RESTING_HOVER_STATE as ut, TAU as kr, alignUnitFractions as an, areAnchorsEqual as Fi, areEditMenuTriggersEqual as Di, areEndpointsComparable as Cr, arePointerRegionListsEqual as Oi, buildAverageLineSymbols as Wi, buildCalloutHitRegions as Gi, buildColumnKey as Jt, buildDataLabelsContent as Ui, buildFontString as Vi, buildLayerIntroPlan as zi, buildLayerYValueFormatter as Qi, buildPinnedNumberValueFormatter as Ki, buildPolarBarArcPath as Se, buildSliceGroupKey as Zt, buildTooltipContent as Yi, compositeColor as ji, computeArrow as Xi, computeDifferenceArrow as qi, computeDirectLabelsLayout as Ji, computeLineBoxHeight as we, computePanelBorderPaths as Zi, computePanelBorderSizes as $i, countLayerGeoms as _i, createAreaPathGenerators as sn, createHeadlineItemRows as ln, createLineFillAreaGenerator as ea, createLinePathGenerator as dn, createSegmentYReader as ta, createStableCellKeyGenerator as ra, createStableKeyGenerator as ce, createStyleResolver as cn, ensureReadableTextColor as na, findAnnotation as oa, findLayerById as ia, findPointerRegion as Er, formatHeadline as aa, formatLegends as sa, formatRuleValue as la, getAestheticFromScaleAestheticKey as Le, getAlpha as un, getAngleExtent as $t, getBarRectBounds as Xe, getBoundingRect as hn, getChromeDashArray as yt, getColor as gn, getDashArray as Te, getDifferenceArrowLabelBox as da, getGroup as xt, getHoverGuideLineProps as ca, getHoverGuideRectProps as ua, getInsetTileRect as vn, getPolarHoverGuideArcProps as ha, getRadiusExtent as bt, getRuleDashPattern as ga, getShapeAnnotationStroke as va, getSize as fa, getStackRole as pa, getUnionExtent as ma, getX as $, getXMax as Aa, getY as se, getYMax as fn, isAnnotationMovable as ya, isDefined as pn, isFullTurnSweep as mn, isSafeUrl as _t, orderPointerRegions as xa, paintsInDonutHole as ba, pickReadableTextColor as An, placeCallouts as Sa, polarToUnit as wa, positionToAngle as Ra, prepareAreaObservations as yn, prepareLineObservations as xn, projectAnchorToPanel as Ye, projectRegionToPanel as er, readAnchoredObservation as bn, readColorGroupObservation as ka, resolveArrowAnnotationStyle as Ca, resolveArrowColor as Ea, resolveAxisLabelStyle as Pa, resolveBarBorderRadiusPx as Sn, resolveBarBorderTreatment as qe, resolveBarCornerRadiiPx as Ba, resolveCalloutAnnotationStyle as Ia, resolveCaptionStyle as Ma, resolveDataLabelStyle as La, resolveDeferredAnchors as Ta, resolveDifferenceArrowAnnotationStyle as Na, resolveDirectLabelStyle as Ha, resolveGraphChromeStyle as wn, resolveGraphPadding as Fa, resolveGridLineStyle as Gt, resolveHeadingFontFamily as Da, resolveHeadingStyle as Oa, resolveHeadlineFigure as Rn, resolveHeadlineItemStyle as dt, resolveHeadlinePlacement as Wa, resolveHeadlineStyle as kn, resolveHoverGuideStyle as Ga, resolveImageAnnotationStyle as Ua, resolveLegendItemStyle as Va, resolveLegendStyle as za, resolvePanelBorderStyle as Cn, resolvePolarBarCornerRadiusUnit as En, resolveRuleLabelStyle as Qa, resolveShapeAnnotationStyle as Pn, resolveSourceStyle as Ka, resolveSubtitleStyle as Ya, resolveSwatchGeomPaint as Bn, resolveTextAnnotationStyle as ja, resolveTickLabelStyle as Xa, resolveTickLineStyle as qa, resolveTooltipStyle as Ja, toFontSpec as X, toPanelCursor as Za, toPercent as R, toViewBoxX as In, toViewBoxY as Mn, truncateToWidth as Ln } from "@graphysdk/viz-engine";
-import { Fragment as tr, createContext as z, memo as ee, useCallback as ge, useContext as F, useEffect as H, useId as Q, useMemo as y, useRef as M, useState as V, useSyncExternalStore as $a } from "react";
+import { ANNOTATION_TOOLTIP_MARKER_GAP as Ei, AXIS_KEYS as tn, CachedTextMeasurer as Sr, DATA_LABEL_POSITIONS as Pi, DATA_LABEL_ROLES as Bi, DEFAULT_GEOM_COLOR as rn, DEFAULT_HOVER_AFFORDANCE_COLOR as mt, DEFAULT_POINT_SIZE as nn, GROUP_VARIABLES as pe, HeuristicTextMeasurer as Ii, HoverEngine as Mi, InternalError as Li, LayoutCompiler as Ti, NAMED_WEIGHTS as Ge, POLAR_RIM_LABEL_GAP_PX as Ni, RESTING_HOVER_STATE as ct, TAU as wr, alignUnitFractions as on, areAnchorsEqual as Hi, areEditMenuTriggersEqual as Fi, areEndpointsComparable as Rr, arePointerRegionListsEqual as Di, buildAverageLineSymbols as Oi, buildCalloutHitRegions as Wi, buildColumnKey as Xt, buildDataLabelsContent as Gi, buildFontString as Ui, buildLayerIntroPlan as Vi, buildLayerYValueFormatter as zi, buildPinnedNumberValueFormatter as Qi, buildPolarBarArcPath as Se, buildSliceGroupKey as qt, buildTooltipContent as Ki, compositeColor as Yi, computeArrow as ji, computeDifferenceArrow as Xi, computeDirectLabelsLayout as qi, computeLineBoxHeight as we, computePanelBorderPaths as Ji, computePanelBorderSizes as Zi, countLayerGeoms as $i, createAreaPathGenerators as an, createHeadlineItemRows as sn, createLineFillAreaGenerator as _i, createLinePathGenerator as ln, createSegmentYReader as ea, createStableCellKeyGenerator as ta, createStableKeyGenerator as ce, createStyleResolver as dn, ensureReadableTextColor as ra, findAnnotation as na, findLayerById as oa, findPointerRegion as kr, formatHeadline as ia, formatLegends as aa, formatRuleValue as sa, getAestheticFromScaleAestheticKey as Le, getAlpha as cn, getAngleExtent as Jt, getBarRectBounds as Xe, getBoundingRect as un, getChromeDashArray as At, getColor as hn, getDashArray as Te, getDifferenceArrowLabelBox as la, getGroup as yt, getHoverGuideLineProps as da, getHoverGuideRectProps as ca, getInsetTileRect as gn, getPolarHoverGuideArcProps as ua, getRadiusExtent as xt, getRuleDashPattern as ha, getShapeAnnotationStroke as ga, getSize as va, getStackRole as fa, getUnionExtent as pa, getX as _, getXMax as ma, getY as se, getYMax as vn, isAnnotationMovable as Aa, isDefined as fn, isFullTurnSweep as pn, isSafeUrl as Zt, orderPointerRegions as ya, paintsInDonutHole as xa, pickReadableTextColor as mn, placeCallouts as ba, polarToUnit as Sa, positionToAngle as wa, prepareAreaObservations as An, prepareLineObservations as yn, projectAnchorToPanel as Ye, projectRegionToPanel as $t, readAnchoredObservation as xn, readColorGroupObservation as Ra, resolveArrowAnnotationStyle as ka, resolveArrowColor as Ca, resolveAxisLabelStyle as Ea, resolveBarBorderRadiusPx as bn, resolveBarBorderTreatment as qe, resolveBarCornerRadiiPx as Pa, resolveCalloutAnnotationStyle as Ba, resolveCaptionStyle as Ia, resolveChromeMargins as Ma, resolveDataLabelStyle as La, resolveDeferredAnchors as Ta, resolveDifferenceArrowAnnotationStyle as Na, resolveDirectLabelStyle as Ha, resolveGraphChromeStyle as Sn, resolveGraphPadding as Fa, resolveGridLineStyle as Wt, resolveHeadingFontFamily as Da, resolveHeadingStyle as Oa, resolveHeadlineFigure as wn, resolveHeadlineItemStyle as lt, resolveHeadlinePlacement as Wa, resolveHeadlineStyle as Rn, resolveHoverGuideStyle as Ga, resolveImageAnnotationStyle as Ua, resolveLegendItemStyle as Va, resolveLegendStyle as za, resolvePanelBorderStyle as kn, resolvePolarBarCornerRadiusUnit as Cn, resolveRuleLabelStyle as Qa, resolveShapeAnnotationStyle as En, resolveSourceStyle as Ka, resolveSubtitleStyle as Ya, resolveSwatchGeomPaint as Pn, resolveTextAnnotationStyle as ja, resolveTickLabelStyle as Xa, resolveTickLineStyle as qa, resolveTooltipStyle as Ja, toFontSpec as j, toPanelCursor as Za, toPercent as R, toViewBoxX as Bn, toViewBoxY as In, truncateToWidth as Mn } from "@graphysdk/viz-engine";
+import { Fragment as _t, createContext as z, memo as te, useCallback as ge, useContext as D, useEffect as F, useId as Q, useMemo as y, useRef as M, useState as V, useSyncExternalStore as $a } from "react";
 import { Fragment as B, jsx as s, jsxs as S } from "react/jsx-runtime";
 import { useStore as Je } from "zustand";
-import { animate as he, motion as W, useMotionValue as ie, useReducedMotion as _a, useTransform as it } from "motion/react";
+import { animate as he, motion as G, useMotionValue as ie, useReducedMotion as _a, useTransform as ot } from "motion/react";
 import { interpolatePath as es } from "d3-interpolate-path";
-import { useShallow as q } from "zustand/react/shallow";
-import { assignInlineVars as rr } from "@vanilla-extract/dynamic";
-import { createStore as Tn } from "zustand/vanilla";
-import { createPortal as Nn } from "react-dom";
-import je, { clsx as ht } from "clsx";
+import { useShallow as X } from "zustand/react/shallow";
+import { assignInlineVars as er } from "@vanilla-extract/dynamic";
+import { createStore as Ln } from "zustand/vanilla";
+import { createPortal as Tn } from "react-dom";
+import je, { clsx as ut } from "clsx";
 import ts from "lodash-es/merge";
 import { IntlProvider as rs } from "react-intl";
-import { flip as Ut, offset as Vt, shift as zt, useFloating as Hn } from "@floating-ui/react-dom";
+import { flip as Gt, offset as Ut, shift as Vt, useFloating as Nn } from "@floating-ui/react-dom";
 import { getContrast as ns } from "color2k";
-import './history-chords.css';var Pr = Object.defineProperty, os = (e, t) => {
+import './history-chords.css';var Cr = Object.defineProperty, os = (e, t) => {
   let r = {};
   for (var n in e)
-    Pr(r, n, {
+    Cr(r, n, {
       get: e[n],
       enumerable: !0
     });
-  return t || Pr(r, Symbol.toStringTag, { value: "Module" }), r;
+  return t || Cr(r, Symbol.toStringTag, { value: "Module" }), r;
 };
-typeof window < "u" && (window.__GRAPHY_SDK__ ??= {}, window.__GRAPHY_SDK__.reactRenderer = "1.9.0-beta.1789369549494");
+typeof window < "u" && (window.__GRAPHY_SDK__ ??= {}, window.__GRAPHY_SDK__.reactRenderer = "1.9.0-beta.1789372403170");
 function is(e) {
   for (const t of e) (t.severity === "error" ? console.error : console.warn)(`[graphy] ${t.code}: ${t.message}`, t);
 }
-var Fn = z(null), K = () => {
-  const e = F(Fn);
+var Hn = z(null), K = () => {
+  const e = D(Hn);
   if (!e) throw new Error("useGraph* hooks must be used inside a <GraphProvider>");
   return e;
 }, I = (e) => {
   const { store: t } = K();
   return Je(t, (r) => e(r.compiled));
-}, St = () => K().styleResolver, T = (e) => St().geomReaders(e), Dn = (e) => {
-  const t = St(), r = I((n) => n.layers).find((n) => n.id === e);
+}, bt = () => K().styleResolver, T = (e) => bt().geomReaders(e), Fn = (e) => {
+  const t = bt(), r = I((n) => n.layers).find((n) => n.id === e);
   return r === void 0 ? null : t.geomReaders(r);
 }, as = () => {
-  const e = St(), t = I((r) => r.layers);
+  const e = bt(), t = I((r) => r.layers);
   return y(() => (r) => {
-    const n = bn(t, r);
+    const n = xn(t, r);
     if (n !== null)
       return e.geomReaders(n.layer).get("color", n.observation);
   }, [t, e]);
 }, ss = (e) => {
-  const t = St(), r = I((n) => n.layers);
+  const t = bt(), r = I((n) => n.layers);
   return y(() => (n) => {
-    const o = bn(r, n);
+    const o = xn(r, n);
     if (o === null) return {};
-    const i = t.geomReaders(o.layer), a = Bn(i, o.layer, o.observation, {
+    const i = t.geomReaders(o.layer), a = Pn(i, o.layer, o.observation, {
       width: e,
       height: e
     });
@@ -67,32 +67,32 @@ var Fn = z(null), K = () => {
   centerX: 0,
   centerY: 0,
   radius: 1
-}, On = (e) => {
+}, Dn = (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
   };
-}, _ = (e, t, r = ls) => {
-  const n = wa(e, t);
+}, ee = (e, t, r = ls) => {
+  const n = Sa(e, t);
   return {
     x: r.centerX + n.x * r.radius,
     y: r.centerY - n.y * r.radius
   };
-}, nr = (e, t) => ({
-  x: In(e),
-  y: Mn(t)
+}, tr = (e, t) => ({
+  x: Bn(e),
+  y: In(t)
 }), le = (e, t) => {
-  const r = _(e, t);
+  const r = ee(e, t);
   return {
     x: (r.x + 1) / 2,
     y: (r.y + 1) / 2
   };
-}, ds = 2, cs = 0.7, xe = ({ hit: e, project: t = nr }) => {
-  const r = Dn(e.layerId);
+}, ds = 2, cs = 0.7, xe = ({ hit: e, project: t = tr }) => {
+  const r = Fn(e.layerId);
   if (!e.anchored) return null;
-  const n = r?.get("color", e.observation) ?? nn, o = (un(e.observation) ?? 1) * cs, i = (r?.get("size", e.observation) ?? on) / 2, a = r?.get("borderColor", e.observation, "hovered") ?? At, l = t(e.x, e.y);
+  const n = r?.get("color", e.observation) ?? rn, o = (cn(e.observation) ?? 1) * cs, i = (r?.get("size", e.observation) ?? nn) / 2, a = r?.get("borderColor", e.observation, "hovered") ?? mt, l = t(e.x, e.y);
   return /* @__PURE__ */ s("circle", {
     cx: R(l.x),
     cy: R(l.y),
@@ -103,14 +103,14 @@ var Fn = z(null), K = () => {
     strokeWidth: ds,
     "data-testid": "companion-point"
   });
-}, te = "_1d8mpa10", de = {
+}, re = "_1d8mpa10", de = {
   type: "spring",
   stiffness: 500,
   damping: 60,
   mass: 1
-}, us = { duration: 0 }, or = (e) => e ? de : us, Qt = (e, t) => {
+}, us = { duration: 0 }, rr = (e) => e ? de : us, zt = (e, t) => {
   const r = ie(e);
-  return H(() => {
+  return F(() => {
     const n = es(r.get(), e);
     he(0, 1, {
       ...t,
@@ -124,7 +124,7 @@ var Fn = z(null), K = () => {
     e,
     r
   ]), r;
-}, Wn = ({ shouldAnimateTransitions: e, ...t }) => e ? /* @__PURE__ */ s(gs, { ...t }) : /* @__PURE__ */ s(hs, { ...t }), hs = ({ fillPath: e, linePath: t, fill: r, fillOpacity: n, stroke: o, strokeWidth: i, strokeOpacity: a, strokeDasharray: l }) => /* @__PURE__ */ S("g", { children: [/* @__PURE__ */ s("path", {
+}, On = ({ shouldAnimateTransitions: e, ...t }) => e ? /* @__PURE__ */ s(gs, { ...t }) : /* @__PURE__ */ s(hs, { ...t }), hs = ({ fillPath: e, linePath: t, fill: r, fillOpacity: n, stroke: o, strokeWidth: i, strokeOpacity: a, strokeDasharray: l }) => /* @__PURE__ */ S("g", { children: [/* @__PURE__ */ s("path", {
   d: e,
   fill: r,
   fillOpacity: n,
@@ -138,13 +138,13 @@ var Fn = z(null), K = () => {
   strokeDasharray: l,
   vectorEffect: "non-scaling-stroke"
 })] }), gs = ({ fillPath: e, linePath: t, fill: r, fillOpacity: n, stroke: o, strokeWidth: i, strokeOpacity: a, strokeDasharray: l }) => {
-  const d = Qt(e, de), c = Qt(t, de);
-  return /* @__PURE__ */ S("g", { children: [/* @__PURE__ */ s(W.path, {
+  const d = zt(e, de), c = zt(t, de);
+  return /* @__PURE__ */ S("g", { children: [/* @__PURE__ */ s(G.path, {
     d,
     fill: r,
     fillOpacity: n,
     stroke: "none"
-  }), /* @__PURE__ */ s(W.path, {
+  }), /* @__PURE__ */ s(G.path, {
     d: c,
     fill: "none",
     stroke: o,
@@ -153,7 +153,7 @@ var Fn = z(null), K = () => {
     strokeDasharray: l,
     vectorEffect: "non-scaling-stroke"
   })] });
-}, ir = (e, t) => {
+}, nr = (e, t) => {
   const r = (t !== void 0 ? e.delayByKey[t] : void 0) ?? 0;
   return {
     duration: e.durationSeconds,
@@ -174,11 +174,11 @@ var Fn = z(null), K = () => {
     case "fade":
       return 0;
   }
-}, Br = 1.1, Ir = 1.5, Gn = ({ intro: e, children: t }) => {
+}, Er = 1.1, Pr = 1.5, Wn = ({ intro: e, children: t }) => {
   const r = Q();
   return /* @__PURE__ */ S(B, { children: [/* @__PURE__ */ s("clipPath", {
     id: r,
-    children: /* @__PURE__ */ s(W.rect, {
+    children: /* @__PURE__ */ s(G.rect, {
       ...As(e.axis),
       transition: vs(e)
     })
@@ -189,20 +189,20 @@ var Fn = z(null), K = () => {
 }, As = (e) => e === "x" ? {
   x: -0.05,
   y: -0.25,
-  height: Ir,
+  height: Pr,
   initial: { width: 0 },
-  animate: { width: Br }
+  animate: { width: Er }
 } : {
   x: -0.25,
   y: -0.05,
-  width: Ir,
+  width: Pr,
   initial: { height: 0 },
-  animate: { height: Br }
-}, ys = ee(function({ layer: t, coordSystem: r, shouldAnimateTransitions: n, intro: o }) {
-  const i = o?.type === "wipe" ? o : null, { lineGenerator: a, areaGenerator: l } = y(() => sn(r, t.params), [t.params, r]), d = T(t), c = y(() => {
+  animate: { height: Er }
+}, ys = te(function({ layer: t, coordSystem: r, shouldAnimateTransitions: n, intro: o }) {
+  const i = o?.type === "wipe" ? o : null, { lineGenerator: a, areaGenerator: l } = y(() => an(r, t.params), [t.params, r]), d = T(t), c = y(() => {
     const u = ce(t.data, t.mapping, t.id), h = [];
     return t.data.groupBy(pe.group).forEach((g) => {
-      const v = yn([...g], t.params.missingValues), f = l(v), A = a(v);
+      const v = An([...g], t.params.missingValues), f = l(v), A = a(v);
       if (!f || !A) return;
       const m = v[0];
       if (!m) return;
@@ -242,13 +242,13 @@ var Fn = z(null), K = () => {
     width: "100%",
     height: "100%",
     "data-geom": "area",
-    className: te,
-    children: i ? /* @__PURE__ */ s(Gn, {
+    className: re,
+    children: i ? /* @__PURE__ */ s(Wn, {
       intro: i,
       children: c
     }) : c
   });
-}), xs = ({ areaPath: e, linePath: t, color: r, fillOpacity: n, strokeWidth: o, strokeOpacity: i, strokeDasharray: a, shouldAnimateTransitions: l }) => /* @__PURE__ */ s(Wn, {
+}), xs = ({ areaPath: e, linePath: t, color: r, fillOpacity: n, strokeWidth: o, strokeOpacity: i, strokeDasharray: a, shouldAnimateTransitions: l }) => /* @__PURE__ */ s(On, {
   fillPath: e,
   linePath: t,
   fill: r,
@@ -258,10 +258,10 @@ var Fn = z(null), K = () => {
   strokeOpacity: i,
   strokeDasharray: a,
   shouldAnimateTransitions: l
-}), bs = "_324dw20", Un = 1, Ss = 0.4, ws = 0.2, Rs = 1, ks = 0.5, Cs = 2.25, Ne = ({ hit: e, project: t = nr, ...r }) => {
-  const n = Dn(e.layerId);
+}), bs = "_324dw20", Gn = 1, Ss = 0.4, ws = 0.2, Rs = 1, ks = 0.5, Cs = 2.25, Ne = ({ hit: e, project: t = tr, ...r }) => {
+  const n = Fn(e.layerId);
   if (!e.anchored) return null;
-  const o = n?.get("color", e.observation) ?? nn, i = un(e.observation) ?? 1, a = n?.get("borderColor", e.observation, "hovered") ?? At, l = t(e.x, e.y), d = R(l.x), c = R(l.y), u = Es(e.observation, n), { ringRadius: h, ringWidth: g } = Ps(u);
+  const o = n?.get("color", e.observation) ?? rn, i = cn(e.observation) ?? 1, a = n?.get("borderColor", e.observation, "hovered") ?? mt, l = t(e.x, e.y), d = R(l.x), c = R(l.y), u = Es(e.observation, n), { ringRadius: h, ringWidth: g } = Ps(u);
   return /* @__PURE__ */ S("g", {
     ...r,
     className: bs,
@@ -279,25 +279,25 @@ var Fn = z(null), K = () => {
       fill: o,
       opacity: i,
       stroke: a,
-      strokeWidth: Un
+      strokeWidth: Gn
     })]
   });
 }, Es = (e, t) => {
-  const r = t?.get("size", e), n = fa(e);
-  return pn(n) ? (r ?? n) / Cs : (r ?? 12) / 2;
+  const r = t?.get("size", e), n = va(e);
+  return fn(n) ? (r ?? n) / Cs : (r ?? 12) / 2;
 }, Ps = (e) => {
   const t = Math.max(Rs, e * Ss), r = Math.max(ks, e * ws);
   return {
-    ringRadius: e + Un / 2 + r + t / 2,
+    ringRadius: e + Gn / 2 + r + t / 2,
     ringWidth: t
   };
 }, Bs = ({ layer: e, coordSystem: t, primary: r, companions: n }) => {
-  const o = T(e), i = xt(r.observation), a = y(() => yn([...e.data.filter(pe.group, "eq", i)], e.params.missingValues), [
+  const o = T(e), i = yt(r.observation), a = y(() => An([...e.data.filter(pe.group, "eq", i)], e.params.missingValues), [
     e.data,
     e.params.missingValues,
     i
   ]), { areaPath: l, linePath: d } = y(() => {
-    const { lineGenerator: v, areaGenerator: f } = sn(t, e.params);
+    const { lineGenerator: v, areaGenerator: f } = an(t, e.params);
     return {
       areaPath: f(a) ?? "",
       linePath: v(a) ?? ""
@@ -318,7 +318,7 @@ var Fn = z(null), K = () => {
         width: "100%",
         height: "100%",
         "data-geom": "area",
-        className: te,
+        className: re,
         children: [/* @__PURE__ */ s("path", {
           d: l,
           fill: c,
@@ -363,27 +363,27 @@ var Fn = z(null), K = () => {
   renderHoverCompanions: ({ related: e }) => /* @__PURE__ */ s(B, { children: e.map((t) => /* @__PURE__ */ s(xe, { hit: t }, `companion-${t.layerId}-${t.pointIndex}`)) }),
   getOverlayAnchor: ({ observation: e, coordSystem: t }) => {
     if (t.mainAxis === "x") {
-      const o = $(e), i = fn(e) ?? se(e);
+      const o = _(e), i = vn(e) ?? se(e);
       return o === null || i === null ? null : {
         x: o,
         y: i
       };
     }
-    const r = se(e), n = Aa(e) ?? $(e);
+    const r = se(e), n = ma(e) ?? _(e);
     return r === null || n === null ? null : {
       x: n,
       y: r
     };
   }
-}, Kt = (e, t, r) => {
-  const n = r === void 0 ? e.activeIntro : r, o = M(n ? ir(n, t) : null), i = M(e.shouldAnimateTransitions);
+}, Qt = (e, t, r) => {
+  const n = r === void 0 ? e.activeIntro : r, o = M(n ? nr(n, t) : null), i = M(e.shouldAnimateTransitions);
   return i.current = e.shouldAnimateTransitions, ge(() => {
     const a = o.current;
-    return o.current = null, a ?? or(i.current);
+    return o.current = null, a ?? rr(i.current);
   }, []);
-}, wt = (e, t) => {
+}, St = (e, t) => {
   const r = M(!0);
-  H(() => {
+  F(() => {
     r.current = !1;
   }, []);
   const n = r.current;
@@ -402,7 +402,7 @@ var Fn = z(null), K = () => {
   borderWidth: e.get("borderWidth", t),
   borderRadius: e.get("borderRadius", t),
   borderAlpha: e.get("alpha", t)
-}), Vn = (e, t) => t.growAxis === "x" ? {
+}), Un = (e, t) => t.growAxis === "x" ? {
   x: t.baseline,
   y: e.y,
   width: 0,
@@ -412,14 +412,14 @@ var Fn = z(null), K = () => {
   y: t.baseline,
   width: e.width,
   height: 0
-}, Ms = ee(function({ layer: t, coordSystem: r, shouldAnimateTransitions: n, intro: o }) {
-  const i = Q(), a = T(t), l = wt(o?.type === "grow" && (o.growAxis === "x" || o.growAxis === "y") ? o : null, n);
+}, Ms = te(function({ layer: t, coordSystem: r, shouldAnimateTransitions: n, intro: o }) {
+  const i = Q(), a = T(t), l = St(o?.type === "grow" && (o.growAxis === "x" || o.growAxis === "y") ? o : null, n);
   return /* @__PURE__ */ s(B, { children: y(() => {
     const d = ce(t.data, t.mapping, t.id), c = /* @__PURE__ */ new Map();
     for (const u of t.data) {
       const h = Xe(r.mainAxis, u);
       if (!h) continue;
-      const g = Jt(r.mainAxis, h), v = c.get(g), f = {
+      const g = Xt(r.mainAxis, h), v = c.get(g), f = {
         key: d(u),
         ...h,
         fill: a.get("color", u),
@@ -431,7 +431,7 @@ var Fn = z(null), K = () => {
       });
     }
     return [...c.values()].map(({ bars: u, style: h }, g) => {
-      const v = hn(u), f = h.borderColor === void 0 ? void 0 : qe(h.borderWidth);
+      const v = un(u), f = h.borderColor === void 0 ? void 0 : qe(h.borderWidth);
       return {
         key: u[0]?.key ?? String(g),
         id: `${i}${g}`,
@@ -458,7 +458,7 @@ var Fn = z(null), K = () => {
       const [c] = d.bars;
       if (!c) return null;
       const { key: u, ...h } = c;
-      return /* @__PURE__ */ s(gt, {
+      return /* @__PURE__ */ s(ht, {
         ...h,
         ...d.radii,
         animation: l,
@@ -476,7 +476,7 @@ var Fn = z(null), K = () => {
 }), Ls = ({ column: e, animation: t }) => {
   const { id: r, bars: n, radii: o, borderColor: i, outlineOpacity: a, clippedStrokeWidth: l, separatorStrokeWidth: d } = e, c = i !== void 0, u = /* @__PURE__ */ s("clipPath", {
     id: r,
-    children: /* @__PURE__ */ s(Mr, {
+    children: /* @__PURE__ */ s(Br, {
       bounds: e,
       radii: o
     })
@@ -487,7 +487,7 @@ var Fn = z(null), K = () => {
     const { key: g, ...v } = h;
     return /* @__PURE__ */ S(B, { children: [u, /* @__PURE__ */ s("g", {
       clipPath: `url(#${r})`,
-      children: /* @__PURE__ */ s(gt, {
+      children: /* @__PURE__ */ s(ht, {
         ...v,
         ...o,
         stroke: i,
@@ -500,13 +500,13 @@ var Fn = z(null), K = () => {
     clipPath: `url(#${r})`,
     children: [n.map((h) => {
       const { key: g, ...v } = h;
-      return /* @__PURE__ */ s(gt, {
+      return /* @__PURE__ */ s(ht, {
         ...v,
         stroke: i,
         strokeWidth: d,
         animation: t
       }, g);
-    }), c && /* @__PURE__ */ s(Mr, {
+    }), c && /* @__PURE__ */ s(Br, {
       bounds: e,
       radii: o,
       fill: "none",
@@ -528,13 +528,13 @@ var Fn = z(null), K = () => {
     ry: o.ry
   }, g = /* @__PURE__ */ s("clipPath", {
     id: r,
-    children: /* @__PURE__ */ s(W.rect, { ...h })
+    children: /* @__PURE__ */ s(G.rect, { ...h })
   });
   if (n.length === 1) {
     const [v] = n;
     return /* @__PURE__ */ S(B, { children: [g, /* @__PURE__ */ s("g", {
       clipPath: `url(#${r})`,
-      children: /* @__PURE__ */ s(W.rect, {
+      children: /* @__PURE__ */ s(G.rect, {
         ...h,
         fill: v?.fill,
         opacity: v?.opacity,
@@ -547,14 +547,14 @@ var Fn = z(null), K = () => {
     clipPath: `url(#${r})`,
     children: [n.map((v) => {
       const { key: f, ...A } = v;
-      return /* @__PURE__ */ s(gt, {
+      return /* @__PURE__ */ s(ht, {
         ...A,
         stroke: i,
         strokeWidth: d,
         animation: t,
         introKey: f
       }, f);
-    }), c && /* @__PURE__ */ s(W.rect, {
+    }), c && /* @__PURE__ */ s(G.rect, {
       ...h,
       fill: "none",
       stroke: i,
@@ -562,11 +562,11 @@ var Fn = z(null), K = () => {
       opacity: a
     })]
   })] });
-}, gt = ({ animation: e, introKey: t, rx: r, ry: n, stroke: o, strokeWidth: i, ...a }) => {
+}, ht = ({ animation: e, introKey: t, rx: r, ry: n, stroke: o, strokeWidth: i, ...a }) => {
   const { isAnimated: l, activeIntro: d, shouldAnimateTransitions: c } = e;
   if (l) {
-    const u = d ? Vn(a, d) : null;
-    return /* @__PURE__ */ s(W.rect, {
+    const u = d ? Un(a, d) : null;
+    return /* @__PURE__ */ s(G.rect, {
       initial: u ? {
         x: R(u.x),
         y: R(u.y),
@@ -575,7 +575,7 @@ var Fn = z(null), K = () => {
         opacity: a.opacity
       } : !1,
       style: { transformBox: "view-box" },
-      transition: d ? ir(d, t) : or(c),
+      transition: d ? nr(d, t) : rr(c),
       fill: a.fill,
       opacity: a.opacity,
       rx: r,
@@ -604,7 +604,7 @@ var Fn = z(null), K = () => {
     stroke: o,
     strokeWidth: i
   });
-}, Mr = ({ bounds: e, radii: t, fill: r, stroke: n, strokeWidth: o, opacity: i }) => /* @__PURE__ */ s("rect", {
+}, Br = ({ bounds: e, radii: t, fill: r, stroke: n, strokeWidth: o, opacity: i }) => /* @__PURE__ */ s("rect", {
   x: R(e.x),
   y: R(e.y),
   width: R(e.width),
@@ -616,8 +616,8 @@ var Fn = z(null), K = () => {
   strokeWidth: o,
   opacity: i
 }), Ns = (e, t, r) => {
-  const n = t.activeIntro ? Vn(e, t.activeIntro) : e, o = ie(n.x), i = ie(n.y), a = ie(n.width), l = ie(n.height), d = Kt(t, r);
-  return H(() => {
+  const n = t.activeIntro ? Un(e, t.activeIntro) : e, o = ie(n.x), i = ie(n.y), a = ie(n.width), l = ie(n.height), d = Qt(t, r);
+  return F(() => {
     const c = d(), u = [
       he(o, e.x, c),
       he(i, e.y, c),
@@ -638,24 +638,24 @@ var Fn = z(null), K = () => {
     e.height,
     d
   ]), {
-    x: it(o, R),
-    y: it(i, R),
-    width: it(a, R),
-    height: it(l, R)
+    x: ot(o, R),
+    y: ot(i, R),
+    width: ot(a, R),
+    height: ot(l, R)
   };
 };
 function Hs(e) {
-  const t = Ba(e);
+  const t = Pa(e);
   if (e.borderRadius !== "full") return t;
   const r = {};
   return t.rx !== void 0 && (r.rx = R(t.rx)), t.ry !== void 0 && (r.ry = R(t.ry)), r;
 }
-var Fs = "_1suo8ub0", zn = (e, t, r) => {
+var Fs = "_1suo8ub0", Vn = (e, t, r) => {
   const n = /* @__PURE__ */ new Map();
   for (const i of e.data) {
     const a = Xe(t, i);
     if (!a) continue;
-    const l = Jt(t, a), d = n.get(l);
+    const l = Xt(t, a), d = n.get(l);
     d === void 0 ? n.set(l, {
       firstObservation: i,
       memberBounds: [a]
@@ -664,21 +664,21 @@ var Fs = "_1suo8ub0", zn = (e, t, r) => {
   const o = /* @__PURE__ */ new Map();
   for (const [i, { firstObservation: a, memberBounds: l }] of n) o.set(i, {
     style: He(r, a),
-    bounds: hn(l)
+    bounds: un(l)
   });
   return o;
-}, Qn = (e, t, r, n) => {
+}, zn = (e, t, r, n) => {
   const o = Xe(t, n);
-  return o ? e.get(Jt(t, o)) ?? {
+  return o ? e.get(Xt(t, o)) ?? {
     style: He(r, n),
     bounds: o
   } : null;
-}, vt = (e, t) => ({
+}, gt = (e, t) => ({
   x: e.x * t.width,
   y: e.y * t.height,
   width: e.width * t.width,
   height: e.height * t.height
-}), Lr = (e, t) => ({
+}), Ir = (e, t) => ({
   x: e.x - t,
   y: e.y - t,
   width: Math.max(0, e.width + t * 2),
@@ -700,7 +700,7 @@ var Fs = "_1suo8ub0", zn = (e, t, r) => {
 }, Ds = ({ observation: e, mainAxis: t, styleReaders: r, column: n, panelRect: o }) => {
   const i = Q(), a = Q(), l = Xe(t, e);
   if (!l) return null;
-  const d = vt(l, o), c = vt(n.bounds, o), { borderColor: u, borderWidth: h, borderRadius: g, borderAlpha: v } = n.style, f = Sn({
+  const d = gt(l, o), c = gt(n.bounds, o), { borderColor: u, borderWidth: h, borderRadius: g, borderAlpha: v } = n.style, f = bn({
     borderRadius: g,
     mainAxis: t,
     bounds: c
@@ -741,13 +741,13 @@ var Fs = "_1suo8ub0", zn = (e, t, r) => {
     ]
   });
 }, Os = ({ layer: e, sourceLayer: t, coordSystem: r, panelRect: n }) => {
-  const o = T(t), i = y(() => zn(t, r.mainAxis, o), [
+  const o = T(t), i = y(() => Vn(t, r.mainAxis, o), [
     t,
     r.mainAxis,
     o
   ]), a = ce(e.data, e.mapping, e.id), l = [];
   for (const d of e.data) {
-    const c = Qn(i, r.mainAxis, o, d);
+    const c = zn(i, r.mainAxis, o, d);
     c !== null && l.push(/* @__PURE__ */ s(Ds, {
       observation: d,
       mainAxis: r.mainAxis,
@@ -757,18 +757,18 @@ var Fs = "_1suo8ub0", zn = (e, t, r) => {
     }, a(d)));
   }
   return l;
-}, Tt = 3, Ws = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
-  const o = T(e), i = Q(), a = Q(), l = Q(), d = y(() => zn(e, t.mainAxis, o), [
+}, Lt = 3, Ws = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
+  const o = T(e), i = Q(), a = Q(), l = Q(), d = y(() => Vn(e, t.mainAxis, o), [
     e,
     t.mainAxis,
     o
-  ]), c = Xe(t.mainAxis, r.observation), u = Qn(d, t.mainAxis, o, r.observation);
+  ]), c = Xe(t.mainAxis, r.observation), u = zn(d, t.mainAxis, o, r.observation);
   if (!c || u === null) return null;
-  const h = vt(c, n), g = vt(u.bounds, n), { borderColor: v, borderWidth: f, borderRadius: A, borderAlpha: m } = u.style, b = Sn({
+  const h = gt(c, n), g = gt(u.bounds, n), { borderColor: v, borderWidth: f, borderRadius: A, borderAlpha: m } = u.style, b = bn({
     borderRadius: A,
     mainAxis: t.mainAxis,
     bounds: g
-  }), x = Be(h, 0), w = Be(g, b), k = Be(Lr(h, Tt), 0), E = Be(Lr(g, Tt), b > 0 ? b + Tt : 0), C = o.get("color", r.observation), N = o.get("alpha", r.observation), G = o.get("borderColor", r.observation, "hovered") ?? At, D = qe(f);
+  }), x = Be(h, 0), w = Be(g, b), k = Be(Ir(h, Lt), 0), E = Be(Ir(g, Lt), b > 0 ? b + Lt : 0), C = o.get("color", r.observation), N = o.get("alpha", r.observation), H = o.get("borderColor", r.observation, "hovered") ?? mt, U = qe(f);
   return /* @__PURE__ */ S("g", {
     "data-testid": "hovered-bar",
     children: [
@@ -790,7 +790,7 @@ var Fs = "_1suo8ub0", zn = (e, t, r) => {
           clipPath: `url(#${i})`,
           children: /* @__PURE__ */ s("path", {
             d: k,
-            fill: G,
+            fill: H,
             "data-testid": "hovered-bar-border"
           })
         })
@@ -808,14 +808,14 @@ var Fs = "_1suo8ub0", zn = (e, t, r) => {
             d: x,
             fill: "none",
             stroke: v,
-            strokeWidth: D.separatorWidth,
+            strokeWidth: U.separatorWidth,
             opacity: N,
             "data-testid": "hovered-bar-inner-border"
           }), /* @__PURE__ */ s("path", {
             d: w,
             fill: "none",
             stroke: v,
-            strokeWidth: D.outlineWidth,
+            strokeWidth: U.outlineWidth,
             opacity: m
           })] })]
         })
@@ -846,11 +846,11 @@ var Fs = "_1suo8ub0", zn = (e, t, r) => {
     panelRect: n
   }),
   renderHoverCompanions: () => null
-}, Us = ee(function({ layer: t, shouldAnimateTransitions: r, intro: n }) {
-  const o = n?.type === "wipe" ? n : null, i = y(() => dn(t.params), [t.params]), a = y(() => ea(t.params), [t.params]), l = T(t), d = y(() => {
+}, Us = te(function({ layer: t, shouldAnimateTransitions: r, intro: n }) {
+  const o = n?.type === "wipe" ? n : null, i = y(() => ln(t.params), [t.params]), a = y(() => _i(t.params), [t.params]), l = T(t), d = y(() => {
     const c = ce(t.data, t.mapping, t.id), u = [];
     return t.data.groupBy(pe.group).forEach((h) => {
-      const g = xn([...h], t.params.missingValues), v = i(g);
+      const g = yn([...h], t.params.missingValues), v = i(g);
       if (!v) return;
       const f = g[0];
       if (!f) return;
@@ -890,8 +890,8 @@ var Fs = "_1suo8ub0", zn = (e, t, r) => {
     width: "100%",
     height: "100%",
     "data-geom": "line",
-    className: te,
-    children: o ? /* @__PURE__ */ s(Gn, {
+    className: re,
+    children: o ? /* @__PURE__ */ s(Wn, {
       intro: o,
       children: d
     }) : d
@@ -940,7 +940,7 @@ var Fs = "_1suo8ub0", zn = (e, t, r) => {
         stopOpacity: 0
       })
     ]
-  }) }), /* @__PURE__ */ s(Wn, {
+  }) }), /* @__PURE__ */ s(On, {
     fillPath: e,
     linePath: r,
     fill: `url(#${d})`,
@@ -952,8 +952,8 @@ var Fs = "_1suo8ub0", zn = (e, t, r) => {
     shouldAnimateTransitions: l
   })] });
 }, Qs = ({ pathData: e, color: t, strokeWidth: r, opacity: n, strokeDasharray: o }) => {
-  const i = Qt(e, de);
-  return /* @__PURE__ */ s(W.path, {
+  const i = zt(e, de);
+  return /* @__PURE__ */ s(G.path, {
     d: i,
     fill: "none",
     stroke: t,
@@ -963,11 +963,11 @@ var Fs = "_1suo8ub0", zn = (e, t, r) => {
     vectorEffect: "non-scaling-stroke"
   });
 }, Ks = ({ layer: e, primary: t, companions: r }) => {
-  const n = T(e), o = xt(t.observation), i = y(() => xn([...e.data.filter(pe.group, "eq", o)], e.params.missingValues), [
+  const n = T(e), o = yt(t.observation), i = y(() => yn([...e.data.filter(pe.group, "eq", o)], e.params.missingValues), [
     e.data,
     e.params.missingValues,
     o
-  ]), a = y(() => dn(e.params)(i), [e.params, i]);
+  ]), a = y(() => ln(e.params)(i), [e.params, i]);
   if (!a) return null;
   const l = n.get("color", t.observation), d = n.get("alpha", t.observation), c = n.get("strokeWidth", t.observation), u = Te(n.get("lineType", t.observation));
   return /* @__PURE__ */ S("g", {
@@ -979,7 +979,7 @@ var Fs = "_1suo8ub0", zn = (e, t, r) => {
         width: "100%",
         height: "100%",
         "data-geom": "line",
-        className: te,
+        className: re,
         children: /* @__PURE__ */ s("path", {
           d: a,
           fill: "none",
@@ -1015,24 +1015,24 @@ var Fs = "_1suo8ub0", zn = (e, t, r) => {
   }),
   renderHoverCompanions: ({ related: e }) => /* @__PURE__ */ s(B, { children: e.map((t) => /* @__PURE__ */ s(xe, { hit: t }, `companion-${t.layerId}-${t.pointIndex}`)) }),
   getOverlayAnchor: ({ observation: e }) => {
-    const t = $(e), r = se(e);
+    const t = _(e), r = se(e);
     return t === null || r === null ? null : {
       x: t,
       y: r
     };
   }
-}, Kn = ({ observation: e, project: t, styleReaders: r, animation: n, introKey: o }) => {
-  const i = $(e), a = se(e);
+}, Qn = ({ observation: e, project: t, styleReaders: r, animation: n, introKey: o }) => {
+  const i = _(e), a = se(e);
   if (i === null || a === null) return null;
   const l = t(i, a), d = R(l.x), c = R(l.y), u = r.get("size", e) / 2, h = r.get("color", e), g = r.get("alpha", e), v = r.get("borderColor", e), f = r.get("borderWidth", e), { isAnimated: A, activeIntro: m, shouldAnimateTransitions: b } = n;
-  return A ? /* @__PURE__ */ s(W.circle, {
+  return A ? /* @__PURE__ */ s(G.circle, {
     initial: m ? {
       cx: d,
       cy: c,
       r: 0,
       opacity: 0
     } : !1,
-    transition: m ? ir(m, o) : or(b),
+    transition: m ? nr(m, o) : rr(b),
     fill: h,
     stroke: v,
     strokeWidth: f,
@@ -1051,14 +1051,14 @@ var Fs = "_1suo8ub0", zn = (e, t, r) => {
     stroke: v,
     strokeWidth: f
   });
-}, js = ee(function({ layer: t, shouldAnimateTransitions: r, intro: n }) {
-  const o = T(t), i = wt(n?.type === "grow" && n.growAxis === "size" ? n : null, r);
+}, js = te(function({ layer: t, shouldAnimateTransitions: r, intro: n }) {
+  const o = T(t), i = St(n?.type === "grow" && n.growAxis === "size" ? n : null, r);
   return y(() => {
     const a = i.activeIntro ? ce(t.data, t.mapping, t.id) : null, l = [];
     let d = 0;
-    for (const c of t.data) l.push(/* @__PURE__ */ s(Kn, {
+    for (const c of t.data) l.push(/* @__PURE__ */ s(Qn, {
       observation: c,
-      project: nr,
+      project: tr,
       styleReaders: o,
       animation: i,
       introKey: a?.(c)
@@ -1071,7 +1071,7 @@ var Fs = "_1suo8ub0", zn = (e, t, r) => {
     o,
     i
   ]);
-}), Tr = ({ primary: e, companions: t }) => {
+}), Mr = ({ primary: e, companions: t }) => {
   const r = /* @__PURE__ */ S(B, { children: [t.map((n) => /* @__PURE__ */ s(xe, { hit: n }, `companion-${n.layerId}-${n.pointIndex}`)), e ? /* @__PURE__ */ s(Ne, { hit: e }) : null] });
   return e ? /* @__PURE__ */ s("g", {
     "data-testid": "hovered-point",
@@ -1086,20 +1086,20 @@ var Fs = "_1suo8ub0", zn = (e, t, r) => {
     shouldAnimateTransitions: t,
     intro: r
   }),
-  renderHover: ({ primary: e, group: t, related: r }) => /* @__PURE__ */ s(Tr, {
+  renderHover: ({ primary: e, group: t, related: r }) => /* @__PURE__ */ s(Mr, {
     primary: e,
     companions: [...t, ...r]
   }),
-  renderHoverCompanions: ({ related: e }) => /* @__PURE__ */ s(Tr, { companions: e }),
+  renderHoverCompanions: ({ related: e }) => /* @__PURE__ */ s(Mr, { companions: e }),
   getOverlayAnchor: ({ observation: e }) => {
-    const t = $(e), r = se(e);
+    const t = _(e), r = se(e);
     return t === null || r === null ? null : {
       x: t,
       y: r
     };
   }
-}, Rt = `"Stack Sans Text", 'Inter', -apple-system, BlinkMacSystemFont, 'Open Sans', 'Segoe UI', 'Roboto', 'Oxygen-Sans', 'Ubuntu',
-'Cantarell', 'Helvetica Neue', 'NotoSansArabic', 'NotoSansJP', 'NotoSansSC', 'NotoSansKR', 'NotoSerifKR', sans-serif, 'Apple Color Emoji', 'NotoColorEmoji'`, qs = Rt, Ue = {
+}, wt = `"Stack Sans Text", 'Inter', -apple-system, BlinkMacSystemFont, 'Open Sans', 'Segoe UI', 'Roboto', 'Oxygen-Sans', 'Ubuntu',
+'Cantarell', 'Helvetica Neue', 'NotoSansArabic', 'NotoSansJP', 'NotoSansSC', 'NotoSansKR', 'NotoSerifKR', sans-serif, 'Apple Color Emoji', 'NotoColorEmoji'`, qs = wt, Ue = {
   regular: Ge.regular,
   medium: Ge.medium,
   semibold: Ge.semiBold,
@@ -1116,7 +1116,7 @@ var Fs = "_1suo8ub0", zn = (e, t, r) => {
   headingSm: 1.8,
   headingMd: 2.2,
   headingLg: 2.8
-}, Z = {
+}, $ = {
   xxs: 1,
   xs: 1,
   sm: 1.3,
@@ -1127,9 +1127,9 @@ var Fs = "_1suo8ub0", zn = (e, t, r) => {
   headingSm: 1.25,
   headingMd: 1.41,
   headingLg: 1.29
-}, oe = (e) => `${e}em`, Yn = {
+}, oe = (e) => `${e}em`, Kn = {
   textScale: "1",
-  fontFamily: Rt,
+  fontFamily: wt,
   fontFamilyHeading: qs,
   fontWeightRegular: Ue.regular.toString(),
   fontWeightMedium: Ue.medium.toString(),
@@ -1142,22 +1142,22 @@ var Fs = "_1suo8ub0", zn = (e, t, r) => {
   fontSizeMd: oe(ne.md),
   fontSizeLg: oe(ne.lg),
   fontSizeXl: oe(ne.xl),
-  fontLineHeightXxs: Z.xxs.toString(),
-  fontLineHeightXs: Z.xs.toString(),
-  fontLineHeightSm: Z.sm.toString(),
-  fontLineHeightMd: Z.md.toString(),
-  fontLineHeightLg: Z.lg.toString(),
-  fontLineHeightXl: Z.xl.toString()
-}, jn = {
+  fontLineHeightXxs: $.xxs.toString(),
+  fontLineHeightXs: $.xs.toString(),
+  fontLineHeightSm: $.sm.toString(),
+  fontLineHeightMd: $.md.toString(),
+  fontLineHeightLg: $.lg.toString(),
+  fontLineHeightXl: $.xl.toString()
+}, Yn = {
   fontSizeEditorBody: oe(ne.editorBody),
   fontSizeHeadingSm: oe(ne.headingSm),
   fontSizeHeadingMd: oe(ne.headingMd),
   fontSizeHeadingLg: oe(ne.headingLg),
-  fontLineHeightEditorBody: Z.editorBody.toString(),
-  fontLineHeightHeadingSm: Z.headingSm.toString(),
-  fontLineHeightHeadingMd: Z.headingMd.toString(),
-  fontLineHeightHeadingLg: Z.headingLg.toString()
-}, P = (e, t, r, n = p.fontFamily) => `${e} ${t}/${r} ${n}`, Xn = {
+  fontLineHeightEditorBody: $.editorBody.toString(),
+  fontLineHeightHeadingSm: $.headingSm.toString(),
+  fontLineHeightHeadingMd: $.headingMd.toString(),
+  fontLineHeightHeadingLg: $.headingLg.toString()
+}, P = (e, t, r, n = p.fontFamily) => `${e} ${t}/${r} ${n}`, jn = {
   fontUITooltip: P(p.fontWeightMedium, p.fontSizeMd, p.fontLineHeightMd),
   fontUITooltipSecondary: P(p.fontWeightMedium, p.fontSizeSm, p.fontLineHeightSm),
   fontButton: P(p.fontWeightMedium, p.fontSizeMd, p.fontLineHeightMd),
@@ -1188,11 +1188,11 @@ var Fs = "_1suo8ub0", zn = (e, t, r) => {
   fontEditorControlValue: P(p.fontWeightMedium, p.fontSizeSm, p.fontLineHeightSm),
   fontEditorSectionTitle: P(p.fontWeightSemibold, p.fontSizeSm, p.fontLineHeightSm),
   fontEditorCaption: P(p.fontWeightMedium, p.fontSizeXxs, p.fontLineHeightXxs)
-}, Js = Z.sm, Zs = (e, t) => ({ familyDefault: Nt(t) ?? Nt(e.fontFamily) ?? Nt(Rt) ?? "" }), Nt = (e) => e === void 0 || e.includes("var(") ? null : e.replace(/\s+/g, " ").trim(), Y = (e, t) => `color-mix(in srgb, transparent, ${e} ${t * 100}%)`, $s = (e, t) => `hsl(from ${e} h s calc(l * ${1 - t}))`, Yf = (e, t) => `hsl(from ${e} h s calc(l * ${1 + t}))`, jf = (e) => /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(e), Xf = (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), Ht = (e) => `${e}px`, qn = {
+}, Js = $.sm, Zs = (e, t) => ({ familyDefault: Tt(t) ?? Tt(e.fontFamily) ?? Tt(wt) ?? "" }), Tt = (e) => e === void 0 || e.includes("var(") ? null : e.replace(/\s+/g, " ").trim(), Y = (e, t) => `color-mix(in srgb, transparent, ${e} ${t * 100}%)`, $s = (e, t) => `hsl(from ${e} h s calc(l * ${1 - t}))`, Yf = (e, t) => `hsl(from ${e} h s calc(l * ${1 + t}))`, jf = (e) => /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(e), Xf = (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), Nt = (e) => `${e}px`, Xn = {
   tooltipRowGap: "4px",
-  editorControlHeight: Ht(32),
-  legendSwatchGap: Ht(8),
-  headlineRowGap: Ht(2)
+  editorControlHeight: Nt(32),
+  legendSwatchGap: Nt(8),
+  headlineRowGap: Nt(2)
 }, Ve = {
   panelOverlay: 5,
   textToolbar: 10,
@@ -1202,22 +1202,22 @@ var Fs = "_1suo8ub0", zn = (e, t, r) => {
   editorOverlay: 900,
   editorOverlayPopover: 950,
   tooltip: 1e3
-}, Jn = {
+}, qn = {
   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)"
-}, Zn = {
+}, Jn = {
   radiiXs: "4px",
   radiiSm: "6px",
   radiiMd: "8px",
   radiiLg: "12px"
-}, $n = {
+}, Zn = {
   zIndexToolbar: `${Ve.textToolbar}`,
   zIndexToolbarTooltip: `${Ve.textToolbarTooltip}`,
   zIndexToolbarPopover: `${Ve.textToolbarPopover}`,
   zIndexEditorPopover: `${Ve.editorOverlayPopover}`
-}, _s = 8, Ee = (e) => `${_s * e}px`, _n = {
+}, _s = 8, Ee = (e) => `${_s * e}px`, $n = {
   spaceXxs: Ee(0.25),
   spaceXs: Ee(0.5),
   spaceSm: Ee(0.75),
@@ -1295,16 +1295,16 @@ var Fs = "_1suo8ub0", zn = (e, t, r) => {
 }, ol = {
   ...el,
   ...tl,
+  ...qn,
   ...Jn,
-  ...Zn,
-  ..._n,
   ...$n,
+  ...Zn,
   ...rl,
   ...nl,
-  ...qn,
+  ...Xn,
+  ...Kn,
   ...Yn,
-  ...jn,
-  ...Xn
+  ...jn
 }, il = {
   transparent: "transparent",
   white: "#FFFFFF",
@@ -1376,17 +1376,17 @@ var Fs = "_1suo8ub0", zn = (e, t, r) => {
 }, dl = {
   ...il,
   ...al,
+  ...qn,
   ...Jn,
-  ...Zn,
-  ..._n,
   ...$n,
+  ...Zn,
   ...sl,
   ...ll,
-  ...qn,
+  ...Xn,
+  ...Kn,
   ...Yn,
-  ...jn,
-  ...Xn
-}, ar = (e, t = {}) => {
+  ...jn
+}, or = (e, t = {}) => {
   const r = {};
   for (const [n, o] of Object.entries(t))
     o != null && (r[n] = o);
@@ -1394,34 +1394,34 @@ var Fs = "_1suo8ub0", zn = (e, t, r) => {
     ...e === "dark" ? ol : dl,
     ...r
   };
-}, eo = (e, t = {}, r) => {
-  const n = ar(e, t);
+}, _n = (e, t = {}, r) => {
+  const n = or(e, t);
   return {
-    legendSwatchGap: Nr(n.legendSwatchGap, 8),
-    headlineRowGap: Nr(n.headlineRowGap, 2),
+    legendSwatchGap: Lr(n.legendSwatchGap, 8),
+    headlineRowGap: Lr(n.headlineRowGap, 2),
     fonts: Zs(n, r)
   };
-}, cl = Object.freeze(eo("light"));
-function Nr(e, t) {
+}, cl = Object.freeze(_n("light"));
+function Lr(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 to = z(cl), ul = ({ metrics: e, children: t }) => /* @__PURE__ */ s(to.Provider, {
+var eo = z(cl), ul = ({ metrics: e, children: t }) => /* @__PURE__ */ s(eo.Provider, {
   value: e,
   children: t
-}), Fe = () => F(to), L = () => {
+}), Fe = () => D(eo), L = () => {
   const { colorScheme: e } = K(), t = I((r) => r.chrome);
-  return y(() => cn({ colorScheme: e }).chromeReaders(t), [t, e]);
+  return y(() => dn({ colorScheme: e }).chromeReaders(t), [t, e]);
 }, hl = (e) => {
   const t = L();
   return y(() => Qa(t, e), [t, e]);
-}, kt = (e, t, r) => {
-  const { colorScheme: n } = K(), o = I((i) => e === void 0 ? void 0 : ia(i.layers, e));
+}, Rt = (e, t, r) => {
+  const { colorScheme: n } = K(), o = I((i) => e === void 0 ? void 0 : oa(i.layers, e));
   return y(() => {
     if (o === void 0) return {};
-    const i = ka(o, t), a = Bn(cn({ colorScheme: n }).geomReaders(o), o, i, {
+    const i = Ra(o, t), a = Pn(dn({ colorScheme: n }).geomReaders(o), o, i, {
       width: r,
       height: r
     });
@@ -1435,7 +1435,7 @@ var to = z(cl), ul = ({ metrics: e, children: t }) => /* @__PURE__ */ s(to.Provi
     t,
     r
   ]);
-}, gl = /\p{Emoji_Presentation}|\p{Emoji}\uFE0F/gu, ro = "😀", vl = class no {
+}, gl = /\p{Emoji_Presentation}|\p{Emoji}\uFE0F/gu, to = "😀", vl = class ro {
   constructor() {
     this.emojiCorrections = /* @__PURE__ */ new Map(), this.currentFont = "";
     const t = new OffscreenCanvas(1, 1).getContext("2d");
@@ -1443,10 +1443,10 @@ var to = z(cl), ul = ({ metrics: e, children: t }) => /* @__PURE__ */ s(to.Provi
     this.ctx = t;
   }
   static async create() {
-    return typeof document < "u" && "fonts" in document && await document.fonts.ready, new no();
+    return typeof document < "u" && "fonts" in document && await document.fonts.ready, new ro();
   }
   measureText(t, r) {
-    const n = Vi(r);
+    const n = Ui(r);
     this.setFont(n);
     const { width: o, fontBoundingBoxAscent: i, fontBoundingBoxDescent: a } = this.ctx.measureText(t);
     let l = o;
@@ -1469,7 +1469,7 @@ var to = z(cl), ul = ({ metrics: e, children: t }) => /* @__PURE__ */ s(to.Provi
     const r = this.emojiCorrections.get(t);
     if (r !== void 0) return r;
     this.setFont(t);
-    const n = this.ctx.measureText(ro).width, o = pl(t);
+    const n = this.ctx.measureText(to).width, o = pl(t);
     let i = 0;
     if (o !== null) {
       const a = n - o;
@@ -1483,9 +1483,9 @@ var to = z(cl), ul = ({ metrics: e, children: t }) => /* @__PURE__ */ s(to.Provi
 }, pl = (e) => {
   const t = ml();
   return t ? (t.style.font = e, t.getBoundingClientRect().width) : null;
-}, ml = () => typeof document > "u" ? null : (ue || (ue = document.createElement("span"), ue.style.position = "absolute", ue.style.visibility = "hidden", ue.style.whiteSpace = "nowrap", ue.style.left = "-9999px", ue.textContent = ro, document.body.appendChild(ue)), ue), oo = z(null), Hr = 3e3, Al = ({ children: e, measurer: t }) => {
+}, ml = () => typeof document > "u" ? null : (ue || (ue = document.createElement("span"), ue.style.position = "absolute", ue.style.visibility = "hidden", ue.style.whiteSpace = "nowrap", ue.style.left = "-9999px", ue.textContent = to, document.body.appendChild(ue)), ue), no = z(null), Tr = 3e3, Al = ({ children: e, measurer: t }) => {
   const [r, n] = V(null);
-  H(() => {
+  F(() => {
     if (t !== void 0) return;
     let i = !1;
     const a = () => {
@@ -1496,8 +1496,8 @@ var to = z(cl), ul = ({ metrics: e, children: t }) => /* @__PURE__ */ s(to.Provi
       return;
     }
     const l = setTimeout(() => {
-      i || (console.warn(`[graphy] FONT_READY_TIMEOUT: document.fonts.ready has not settled in ${Hr}ms; painting with the fonts available so far.`), a());
-    }, Hr), d = () => {
+      i || (console.warn(`[graphy] FONT_READY_TIMEOUT: document.fonts.ready has not settled in ${Tr}ms; painting with the fonts available so far.`), a());
+    }, Tr), d = () => {
       clearTimeout(l), a();
     };
     return document.fonts.ready.then(d, d), document.fonts.addEventListener("loadingdone", d), () => {
@@ -1505,21 +1505,21 @@ var to = z(cl), ul = ({ metrics: e, children: t }) => /* @__PURE__ */ s(to.Provi
     };
   }, [t]);
   const o = t ?? r;
-  return o === null ? null : /* @__PURE__ */ s(oo.Provider, {
+  return o === null ? null : /* @__PURE__ */ s(no.Provider, {
     value: o,
     children: e
   });
 }, Re = () => {
-  const e = F(oo);
+  const e = D(no);
   if (e === null) throw new Error("useTextMeasurer must be used inside a <TextMeasurerProvider>.");
   return e;
 }, yl = () => {
   try {
-    return new Rr(new vl());
+    return new Sr(new vl());
   } catch {
-    return new Rr(new Mi());
+    return new Sr(new Ii());
   }
-}, io = z(null), qf = io.Provider, xl = null, me = () => F(io) ?? (xl ??= yd()), bl = 11.7, Sl = 0.5, Fr = 21.6, wl = "0 0 10 18", Rl = "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", kl = "_16vokpr0", Cl = (e, t) => e.mapping.y !== void 0 != (t.mainAxis === "y"), El = (e, t) => {
+}, oo = z(null), qf = oo.Provider, xl = null, me = () => D(oo) ?? (xl ??= yd()), bl = 11.7, Sl = 0.5, Nr = 21.6, wl = "0 0 10 18", Rl = "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", kl = "_16vokpr0", Cl = (e, t) => e.mapping.y !== void 0 != (t.mainAxis === "y"), El = (e, t) => {
   const r = R(e ? 1 - t : t);
   return e ? {
     x1: "0%",
@@ -1533,25 +1533,25 @@ var to = z(cl), ul = ({ metrics: e, children: t }) => /* @__PURE__ */ s(to.Provi
     y2: "100%"
   };
 }, Pl = (e, t) => {
-  const r = ga(e, t);
+  const r = ha(e, t);
   return r.length === 0 ? {} : {
     strokeDasharray: r.join(" "),
     strokeLinecap: "round",
     ...e === "dashed" ? { strokeMiterlimit: 16 } : {}
   };
-}, Bl = (e, t) => at(e) && at(t) ? `${e}: ${t}` : at(e) ? e : at(t) ? t : null, Il = (e) => e ? 14 : 0, Ml = (e, t) => e * Sl - Il(t) - 10, Ll = (e, t, r) => {
+}, Bl = (e, t) => it(e) && it(t) ? `${e}: ${t}` : it(e) ? e : it(t) ? t : null, Il = (e) => e ? 14 : 0, Ml = (e, t) => e * Sl - Il(t) - 10, Ll = (e, t, r) => {
   const n = e * r, o = -13 - n, i = r + 13 - n - t;
   return i < o ? o : Math.min(Math.max(-t / 2, o), i);
-}, at = (e) => e != null && e.trim() !== "", ao = Object.freeze({}), sr = z(ao), Tl = ({ slots: e, children: t }) => /* @__PURE__ */ s(sr.Provider, {
-  value: e ?? ao,
+}, it = (e) => e != null && e.trim() !== "", io = Object.freeze({}), ir = z(io), Tl = ({ slots: e, children: t }) => /* @__PURE__ */ s(ir.Provider, {
+  value: e ?? io,
   children: t
 });
 function ae(e, t) {
-  const r = F(sr)[e];
+  const r = D(ir)[e];
   return r === void 0 ? t : typeof r == "object" && Hl(r) ? r.render : r;
 }
 function Nl() {
-  const e = F(sr);
+  const e = D(ir);
   return {
     measureAxis: e.AxisTicks?.measure,
     measureAxisLabel: e.AxisLabel?.measure,
@@ -1563,7 +1563,7 @@ function Nl() {
 function Hl(e) {
   return "render" in e && "measure" in e;
 }
-var Fl = "_2qyyu60", Dl = 2, Ol = 12, Wl = 12, Dr = 1, Or = 2, Gl = 4, Ze = (e) => /* @__PURE__ */ s(ae("Swatch", Ul), { ...e }), Ul = ({ shape: e, color: t, lineType: r = "solid", width: n = Ol, height: o = Wl, strokeWidth: i = Dl, alpha: a, cornerRadius: l }) => /* @__PURE__ */ s("svg", {
+var Fl = "_2qyyu60", Dl = 2, Ol = 12, Wl = 12, Hr = 1, Fr = 2, Gl = 4, Ze = (e) => /* @__PURE__ */ s(ae("Swatch", Ul), { ...e }), Ul = ({ shape: e, color: t, lineType: r = "solid", width: n = Ol, height: o = Wl, strokeWidth: i = Dl, alpha: a, cornerRadius: l }) => /* @__PURE__ */ s("svg", {
   className: Fl,
   width: n,
   height: o,
@@ -1653,7 +1653,7 @@ var Fl = "_2qyyu60", Dl = 2, Ol = 12, Wl = 12, Dr = 1, Or = 2, Gl = 4, Ze = (e)
 } : e === "dashed" ? {
   x1: 0,
   x2: t,
-  dashArray: `${(t - Dr * (Or - 1)) / Or} ${Dr}`,
+  dashArray: `${(t - Hr * (Fr - 1)) / Fr} ${Hr}`,
   linecap: "butt"
 } : {
   x1: 0,
@@ -1676,7 +1676,7 @@ var Fl = "_2qyyu60", Dl = 2, Ol = 12, Wl = 12, Dr = 1, Or = 2, Gl = 4, Ze = (e)
   fontWeight: e.fontWeight,
   lineHeight: e.lineHeight,
   color: e.textColor
-}), Jf = (e, t) => rr({
+}), Jf = (e, t) => er({
   [e.fontFamily]: t.fontFamily ?? p.fontFamily,
   [e.fontSize]: `${t.fontSize}px`,
   [e.fontWeight]: String(t.fontWeight),
@@ -1699,9 +1699,9 @@ var Fl = "_2qyyu60", Dl = 2, Ol = 12, Wl = 12, Dr = 1, Or = 2, Gl = 4, Ze = (e)
         transform: u,
         children: /* @__PURE__ */ s("svg", {
           x: c,
-          y: (o - Fr) / 2,
+          y: (o - Nr) / 2,
           width: 12,
-          height: Fr,
+          height: Nr,
           viewBox: wl,
           overflow: "visible",
           children: /* @__PURE__ */ s("path", {
@@ -1716,7 +1716,7 @@ var Fl = "_2qyyu60", Dl = 2, Ol = 12, Wl = 12, Dr = 1, Or = 2, Gl = 4, Ze = (e)
       })
     ]
   });
-  return a ? /* @__PURE__ */ s(W.svg, {
+  return a ? /* @__PURE__ */ s(G.svg, {
     initial: !1,
     transition: de,
     x: h,
@@ -1745,7 +1745,7 @@ var Fl = "_2qyyu60", Dl = 2, Ol = 12, Wl = 12, Dr = 1, Or = 2, Gl = 4, Ze = (e)
       children: a
     })]
   });
-  return l ? /* @__PURE__ */ s(W.svg, {
+  return l ? /* @__PURE__ */ s(G.svg, {
     initial: !1,
     transition: de,
     y: h,
@@ -1798,7 +1798,7 @@ var Fl = "_2qyyu60", Dl = 2, Ol = 12, Wl = 12, Dr = 1, Or = 2, Gl = 4, Ze = (e)
   });
 }, jl = ({ strokeWidth: e, lineType: t, isHorizontalLine: r, position: n, lineColor: o, shouldAnimateTransitions: i }) => {
   const a = El(r, n), l = Pl(t, e);
-  return i ? /* @__PURE__ */ s(W.line, {
+  return i ? /* @__PURE__ */ s(G.line, {
     initial: !1,
     transition: de,
     animate: {
@@ -1818,17 +1818,17 @@ var Fl = "_2qyyu60", Dl = 2, Ol = 12, Wl = 12, Dr = 1, Or = 2, Gl = 4, Ze = (e)
     strokeWidth: e,
     vectorEffect: "non-scaling-stroke"
   });
-}, Xl = ee(function({ layer: t, coordSystem: r, formattingLocale: n, shouldAnimateTransitions: o, panelWidth: i }) {
-  const a = Re(), l = me(), { guides: d, numberFormat: c, specLayers: u, colorScale: h } = I(q((re) => ({
-    guides: re.guides,
-    numberFormat: re.config.numberFormat,
-    specLayers: re.spec.layers,
-    colorScale: re.scales.color
-  }))), g = y(() => Wi(u, h).get(t.id) ?? null, [
+}, Xl = te(function({ layer: t, coordSystem: r, formattingLocale: n, shouldAnimateTransitions: o, panelWidth: i }) {
+  const a = Re(), l = me(), { guides: d, numberFormat: c, specLayers: u, colorScale: h } = I(X((q) => ({
+    guides: q.guides,
+    numberFormat: q.config.numberFormat,
+    specLayers: q.spec.layers,
+    colorScale: q.scales.color
+  }))), g = y(() => Oi(u, h).get(t.id) ?? null, [
     u,
     h,
     t.id
-  ]), v = g ? l(g.geom, r.type)?.swatchShape ?? "square" : null, f = kt(g?.layerId, g?.groupValue, 10), A = y(() => Bl(t.params.label, la({
+  ]), v = g ? l(g.geom, r.type)?.swatchShape ?? "square" : null, f = Rt(g?.layerId, g?.groupValue, 10), A = y(() => Bl(t.params.label, sa({
     guides: d,
     numberFormat: c,
     layer: t,
@@ -1838,7 +1838,7 @@ var Fl = "_2qyyu60", Dl = 2, Ol = 12, Wl = 12, Dr = 1, Or = 2, Gl = 4, Ze = (e)
     c,
     n,
     t
-  ]), { fonts: m } = Fe(), b = hl(t.id), x = y(() => X(b, m.familyDefault), [b, m.familyDefault]), w = y(() => A === null ? null : Ln(A, Ml(i, v !== null), (re) => a.measureText(re, x).width), [
+  ]), { fonts: m } = Fe(), b = hl(t.id), x = y(() => j(b, m.familyDefault), [b, m.familyDefault]), w = y(() => A === null ? null : Mn(A, Ml(i, v !== null), (q) => a.measureText(q, x).width), [
     A,
     i,
     v,
@@ -1850,15 +1850,15 @@ var Fl = "_2qyyu60", Dl = 2, Ol = 12, Wl = 12, Dr = 1, Or = 2, Gl = 4, Ze = (e)
     a
   ]), E = T(t), C = t.data.getFirst();
   if (!C) return null;
-  const N = E.get("color", C), G = b.textColor ?? An(N), D = Cl(t, r), O = D ? se(C) : $(C);
-  return O === null ? null : /* @__PURE__ */ S("g", {
+  const N = E.get("color", C), H = b.textColor ?? mn(N), U = Cl(t, r), W = U ? se(C) : _(C);
+  return W === null ? null : /* @__PURE__ */ S("g", {
     "data-geom": "rule",
     className: kl,
     children: [/* @__PURE__ */ s(jl, {
       strokeWidth: E.get("strokeWidth", C),
       lineType: E.get("lineType", C),
-      isHorizontalLine: D,
-      position: O,
+      isHorizontalLine: U,
+      position: W,
       lineColor: N,
       shouldAnimateTransitions: o
     }), w !== null && w !== "" && /* @__PURE__ */ s(Yl, {
@@ -1866,10 +1866,10 @@ var Fl = "_2qyyu60", Dl = 2, Ol = 12, Wl = 12, Dr = 1, Or = 2, Gl = 4, Ze = (e)
       textStyle: b,
       textWidth: k,
       labelPosition: t.params.labelPosition,
-      isHorizontalLine: D,
-      position: O,
+      isHorizontalLine: U,
+      position: W,
       color: N,
-      textColor: G,
+      textColor: H,
       symbolShape: v,
       symbolColor: g?.color ?? null,
       symbolAlpha: f.alpha,
@@ -1890,12 +1890,12 @@ var Fl = "_2qyyu60", Dl = 2, Ol = 12, Wl = 12, Dr = 1, Or = 2, Gl = 4, Ze = (e)
   }),
   renderHover: () => null,
   renderHoverCompanions: () => null
-}, Jl = ee(function({ layer: t, shouldAnimateTransitions: r, intro: n }) {
+}, Jl = te(function({ layer: t, shouldAnimateTransitions: r, intro: n }) {
   const o = n?.type === "fade" ? n : null, i = T(t), a = y(() => {
-    const l = ra(t.data, t.mapping, t.id), d = [];
+    const l = ta(t.data, t.mapping, t.id), d = [];
     for (const c of t.data) {
-      const u = vn(c);
-      u && gn(c) && d.push({
+      const u = gn(c);
+      u && hn(c) && d.push({
         key: l(c),
         ...u,
         fill: i.get("color", c),
@@ -1914,13 +1914,13 @@ var Fl = "_2qyyu60", Dl = 2, Ol = 12, Wl = 12, Dr = 1, Or = 2, Gl = 4, Ze = (e)
     i,
     r
   ]);
-  return o ? /* @__PURE__ */ s(W.g, {
+  return o ? /* @__PURE__ */ s(G.g, {
     initial: { opacity: 0 },
     animate: { opacity: 1 },
     transition: fs(o),
     children: a
   }) : a;
-}), Zl = ({ isAnimated: e, ...t }) => e ? /* @__PURE__ */ s(W.rect, {
+}), Zl = ({ isAnimated: e, ...t }) => e ? /* @__PURE__ */ s(G.rect, {
   initial: !1,
   style: { transformBox: "view-box" },
   transition: de,
@@ -1947,9 +1947,9 @@ var Fl = "_2qyyu60", Dl = 2, Ol = 12, Wl = 12, Dr = 1, Or = 2, Gl = 4, Ze = (e)
   stroke: t.borderColor,
   strokeWidth: t.borderWidth
 }), $l = ({ layer: e, primary: t, panelRect: r }) => {
-  const n = T(e), o = vn(t.observation);
-  if (!o || !gn(t.observation)) return null;
-  const i = n.get("color", t.observation), a = n.get("alpha", t.observation), l = n.get("borderColor", t.observation, "hovered") ?? At, d = n.get("borderWidth", t.observation, "hovered"), c = n.get("borderRadius", t.observation, "hovered"), u = o.x * r.width, h = o.y * r.height, g = o.width * r.width, v = o.height * r.height;
+  const n = T(e), o = gn(t.observation);
+  if (!o || !hn(t.observation)) return null;
+  const i = n.get("color", t.observation), a = n.get("alpha", t.observation), l = n.get("borderColor", t.observation, "hovered") ?? mt, d = n.get("borderWidth", t.observation, "hovered"), c = n.get("borderRadius", t.observation, "hovered"), u = o.x * r.width, h = o.y * r.height, g = o.width * r.width, v = o.height * r.height;
   return /* @__PURE__ */ S("g", {
     "data-testid": "hovered-tile",
     children: [/* @__PURE__ */ s("rect", {
@@ -1987,7 +1987,7 @@ var Fl = "_2qyyu60", Dl = 2, Ol = 12, Wl = 12, Dr = 1, Or = 2, Gl = 4, Ze = (e)
     panelRect: r
   }),
   renderHoverCompanions: () => null
-}, ft = ({ primary: e, companions: t }) => {
+}, vt = ({ primary: e, companions: t }) => {
   const r = /* @__PURE__ */ S(B, { children: [t.map((n) => /* @__PURE__ */ s(xe, {
     hit: n,
     project: le
@@ -1999,16 +1999,16 @@ var Fl = "_2qyyu60", Dl = 2, Ol = 12, Wl = 12, Dr = 1, Or = 2, Gl = 4, Ze = (e)
     "data-testid": "hovered-point",
     children: r
   }) : r;
-}, Yt = (e) => {
+}, Kt = (e) => {
   const [t, ...r] = e;
   if (!t) return "";
   const n = r.map((o) => `L ${o.x} ${o.y}`).join(" ");
   return `M ${t.x} ${t.y} ${n} Z`;
-}, ed = ee(function({ layer: t }) {
+}, ed = te(function({ layer: t }) {
   const r = T(t), n = y(() => {
     const o = ce(t.data, t.mapping, t.id), i = [];
     return t.data.groupBy(pe.group).forEach((a) => {
-      const l = [...a], d = so(l);
+      const l = [...a], d = ao(l);
       if (!d) return;
       const c = l[0];
       c && i.push({
@@ -2033,7 +2033,7 @@ var Fl = "_2qyyu60", Dl = 2, Ol = 12, Wl = 12, Dr = 1, Or = 2, Gl = 4, Ze = (e)
     width: "100%",
     height: "100%",
     "data-geom": "area",
-    className: te,
+    className: re,
     children: n.map((o) => /* @__PURE__ */ S("g", { children: [/* @__PURE__ */ s("path", {
       d: o.fillPath,
       fill: o.color,
@@ -2048,25 +2048,25 @@ var Fl = "_2qyyu60", Dl = 2, Ol = 12, Wl = 12, Dr = 1, Or = 2, Gl = 4, Ze = (e)
       vectorEffect: "non-scaling-stroke"
     })] }, o.key))
   });
-}), so = (e) => {
+}), ao = (e) => {
   const t = [];
   for (const i of e) {
-    const a = $(i), { innerRadius: l, outerRadius: d } = bt(i);
+    const a = _(i), { innerRadius: l, outerRadius: d } = xt(i);
     a === null || l === null || d === null || t.push({
       angle: a,
-      outer: _(a, d),
-      inner: _(a, l)
+      outer: ee(a, d),
+      inner: ee(a, l)
     });
   }
   if (t.length === 0) return null;
   t.sort((i, a) => i.angle - a.angle);
-  const r = t.map((i) => i.outer), n = t.map((i) => i.inner), o = Yt(r);
+  const r = t.map((i) => i.outer), n = t.map((i) => i.inner), o = Kt(r);
   return {
-    fillPath: n.some((i) => i.x !== 0 || i.y !== 0) ? `${o} ${Yt([...n].reverse())}` : o,
+    fillPath: n.some((i) => i.x !== 0 || i.y !== 0) ? `${o} ${Kt([...n].reverse())}` : o,
     outlinePath: o
   };
 }, td = ({ layer: e, primary: t, companions: r }) => {
-  const n = T(e), o = xt(t.observation), i = y(() => so([...e.data.filter(pe.group, "eq", o)]), [e.data, o]);
+  const n = T(e), o = yt(t.observation), i = y(() => ao([...e.data.filter(pe.group, "eq", o)]), [e.data, o]);
   if (!i) return null;
   const a = n.get("color", t.observation), l = n.get("alpha", t.observation), d = n.get("strokeAlpha", t.observation), c = n.get("strokeWidth", t.observation);
   return /* @__PURE__ */ S(B, { children: [
@@ -2077,7 +2077,7 @@ var Fl = "_2qyyu60", Dl = 2, Ol = 12, Wl = 12, Dr = 1, Or = 2, Gl = 4, Ze = (e)
       height: "100%",
       "data-geom": "area",
       "data-testid": "hovered-area",
-      className: te,
+      className: re,
       children: [/* @__PURE__ */ s("path", {
         d: i.fillPath,
         fill: a,
@@ -2115,9 +2115,9 @@ var Fl = "_2qyyu60", Dl = 2, Ol = 12, Wl = 12, Dr = 1, Or = 2, Gl = 4, Ze = (e)
     primary: t,
     companions: [...r, ...n]
   }),
-  renderHoverCompanions: ({ related: e }) => /* @__PURE__ */ s(ft, { companions: e }),
+  renderHoverCompanions: ({ related: e }) => /* @__PURE__ */ s(vt, { companions: e }),
   getOverlayAnchor: ({ observation: e }) => {
-    const t = $(e), r = fn(e) ?? se(e);
+    const t = _(e), r = vn(e) ?? se(e);
     if (t === null || r === null) return null;
     const { x: n, y: o } = le(t, r);
     return {
@@ -2129,11 +2129,11 @@ var Fl = "_2qyyu60", Dl = 2, Ol = 12, Wl = 12, Dr = 1, Or = 2, Gl = 4, Ze = (e)
   stroke: e,
   strokeWidth: t,
   vectorEffect: "non-scaling-stroke"
-}), nd = ee(function({ layer: t, coordSystem: r, shouldAnimateTransitions: n, intro: o }) {
-  const i = Q(), a = wt(o?.type === "grow" && (o.growAxis === "angle" || o.growAxis === "radius") ? o : null, n), l = r.bandAxis !== "x", d = T(t), c = y(() => {
+}), nd = te(function({ layer: t, coordSystem: r, shouldAnimateTransitions: n, intro: o }) {
+  const i = Q(), a = St(o?.type === "grow" && (o.growAxis === "angle" || o.growAxis === "radius") ? o : null, n), l = r.bandAxis !== "x", d = T(t), c = y(() => {
     const u = ce(t.data, t.mapping, t.id), h = /* @__PURE__ */ new Map();
     for (const g of t.data) {
-      const v = u(g), { startAngle: f, endAngle: A } = $t(g), { innerRadius: m, outerRadius: b } = bt(g);
+      const v = u(g), { startAngle: f, endAngle: A } = Jt(g), { innerRadius: m, outerRadius: b } = xt(g);
       if (f === null || A === null || m === null || b === null) continue;
       const x = {
         key: v,
@@ -2143,7 +2143,7 @@ var Fl = "_2qyyu60", Dl = 2, Ol = 12, Wl = 12, Dr = 1, Or = 2, Gl = 4, Ze = (e)
         outerRadius: b,
         fill: d.get("color", g),
         opacity: d.get("alpha", g)
-      }, w = Zt(r.bandAxis, x), k = h.get(w);
+      }, w = qt(r.bandAxis, x), k = h.get(w);
       k ? k.items.push(x) : h.set(w, {
         items: [x],
         style: He(d, g)
@@ -2152,7 +2152,7 @@ var Fl = "_2qyyu60", Dl = 2, Ol = 12, Wl = 12, Dr = 1, Or = 2, Gl = 4, Ze = (e)
     return [...h.values()].map(({ items: g, style: v }, f) => ({
       key: g[0]?.key ?? String(f),
       items: g,
-      union: ma(g),
+      union: pa(g),
       style: v
     }));
   }, [
@@ -2168,28 +2168,28 @@ var Fl = "_2qyyu60", Dl = 2, Ol = 12, Wl = 12, Dr = 1, Or = 2, Gl = 4, Ze = (e)
     width: "100%",
     height: "100%",
     "data-geom": "bar",
-    className: te,
+    className: re,
     children: c.map((u, h) => {
-      const { borderColor: g, borderWidth: v, borderRadius: f, borderAlpha: A } = u.style, m = g !== void 0, b = qe(v), x = g === void 0 ? {} : ze(g, b.separatorWidth), w = g === void 0 ? void 0 : ze(g, b.outlineWidth), k = u.items.map((G) => {
-        const { key: D, ...O } = G;
+      const { borderColor: g, borderWidth: v, borderRadius: f, borderAlpha: A } = u.style, m = g !== void 0, b = qe(v), x = g === void 0 ? {} : ze(g, b.separatorWidth), w = g === void 0 ? void 0 : ze(g, b.outlineWidth), k = u.items.map((H) => {
+        const { key: U, ...W } = H;
         return a.isAnimated ? /* @__PURE__ */ s(od, {
-          ...O,
+          ...W,
           animation: a,
           sweepsInOnLateMount: l,
-          introKey: D,
+          introKey: U,
           pathProps: {
-            fill: O.fill,
-            opacity: O.opacity,
+            fill: W.fill,
+            opacity: W.opacity,
             ...x
           }
-        }, D) : /* @__PURE__ */ s("path", {
-          d: Se(O) ?? void 0,
-          fill: O.fill,
-          opacity: O.opacity,
+        }, U) : /* @__PURE__ */ s("path", {
+          d: Se(W) ?? void 0,
+          fill: W.fill,
+          opacity: W.opacity,
           ...x
-        }, D);
-      }), E = En(f, u.union.outerRadius - u.union.innerRadius);
-      if (!m && E <= 0) return /* @__PURE__ */ s(tr, { children: k }, u.key);
+        }, U);
+      }), E = Cn(f, u.union.outerRadius - u.union.innerRadius);
+      if (!m && E <= 0) return /* @__PURE__ */ s(_t, { children: k }, u.key);
       const C = `${i}${h}`;
       if (a.isAnimated) return /* @__PURE__ */ s("g", {
         clipPath: `url(#${C})`,
@@ -2227,18 +2227,18 @@ var Fl = "_2qyyu60", Dl = 2, Ol = 12, Wl = 12, Dr = 1, Or = 2, Gl = 4, Ze = (e)
       }, u.key);
     })
   });
-}), lo = ({ startAngle: e, endAngle: t, innerRadius: r, outerRadius: n, cornerRadius: o, animation: i, sweepsInOnLateMount: a, introKey: l }) => {
-  const d = i.activeIntro?.growAxis === "angle" ? i.activeIntro : null, c = i.activeIntro?.growAxis === "radius" ? i.activeIntro : null, u = a && !i.isLayerEntrance, h = d?.baseline ?? (u ? kr : e), g = d?.baseline ?? (u ? kr : t), v = c ? c.baseline : r, f = c ? c.baseline : n, A = ie(h), m = ie(g), b = ie(v), x = ie(f), w = ie(Se({
+}), so = ({ startAngle: e, endAngle: t, innerRadius: r, outerRadius: n, cornerRadius: o, animation: i, sweepsInOnLateMount: a, introKey: l }) => {
+  const d = i.activeIntro?.growAxis === "angle" ? i.activeIntro : null, c = i.activeIntro?.growAxis === "radius" ? i.activeIntro : null, u = a && !i.isLayerEntrance, h = d?.baseline ?? (u ? wr : e), g = d?.baseline ?? (u ? wr : t), v = c ? c.baseline : r, f = c ? c.baseline : n, A = ie(h), m = ie(g), b = ie(v), x = ie(f), w = ie(Se({
     startAngle: h,
     endAngle: g,
     innerRadius: v,
     outerRadius: f,
     cornerRadius: o
-  }) ?? ""), k = Kt(i, l, d);
-  H(() => {
+  }) ?? ""), k = Qt(i, l, d);
+  F(() => {
     const C = k(), N = [he(A, e, C), he(m, t, C)];
     return () => {
-      for (const G of N) G.stop();
+      for (const H of N) H.stop();
     };
   }, [
     A,
@@ -2247,11 +2247,11 @@ var Fl = "_2qyyu60", Dl = 2, Ol = 12, Wl = 12, Dr = 1, Or = 2, Gl = 4, Ze = (e)
     t,
     k
   ]);
-  const E = Kt(i, l, c);
-  return H(() => {
+  const E = Qt(i, l, c);
+  return F(() => {
     const C = E(), N = [he(b, r, C), he(x, n, C)];
     return () => {
-      for (const G of N) G.stop();
+      for (const H of N) H.stop();
     };
   }, [
     b,
@@ -2259,7 +2259,7 @@ var Fl = "_2qyyu60", Dl = 2, Ol = 12, Wl = 12, Dr = 1, Or = 2, Gl = 4, Ze = (e)
     r,
     n,
     E
-  ]), H(() => {
+  ]), F(() => {
     const C = () => {
       w.set(Se({
         startAngle: A.get(),
@@ -2275,9 +2275,9 @@ var Fl = "_2qyyu60", Dl = 2, Ol = 12, Wl = 12, Dr = 1, Or = 2, Gl = 4, Ze = (e)
       m,
       b,
       x
-    ].map((G) => G.on("change", C));
+    ].map((H) => H.on("change", C));
     return () => {
-      for (const G of N) G();
+      for (const H of N) H();
     };
   }, [
     A,
@@ -2288,21 +2288,21 @@ var Fl = "_2qyyu60", Dl = 2, Ol = 12, Wl = 12, Dr = 1, Or = 2, Gl = 4, Ze = (e)
     w
   ]), w;
 }, od = ({ pathProps: e, ...t }) => {
-  const r = lo(t);
-  return /* @__PURE__ */ s(W.path, {
+  const r = so(t);
+  return /* @__PURE__ */ s(G.path, {
     d: r,
     transition: de,
     ...e
   });
 }, id = ({ clipId: e, outlineProps: t, outlineOpacity: r, children: n, ...o }) => {
-  const i = lo(o);
+  const i = so(o);
   return /* @__PURE__ */ S(B, { children: [
     /* @__PURE__ */ s("clipPath", {
       id: e,
-      children: /* @__PURE__ */ s(W.path, { d: i })
+      children: /* @__PURE__ */ s(G.path, { d: i })
     }),
     n,
-    t !== void 0 && /* @__PURE__ */ s(W.path, {
+    t !== void 0 && /* @__PURE__ */ s(G.path, {
       d: i,
       fill: "none",
       opacity: r,
@@ -2323,12 +2323,12 @@ var Fl = "_2qyyu60", Dl = 2, Ol = 12, Wl = 12, Dr = 1, Or = 2, Gl = 4, Ze = (e)
     startSpoke: r,
     endSpoke: n
   };
-}, co = (e, t, r) => {
+}, lo = (e, t, r) => {
   const n = /* @__PURE__ */ new Map();
   for (const i of e.data) {
-    const a = go(i);
+    const a = ho(i);
     if (a === null) continue;
-    const l = Zt(t, a), d = n.get(l);
+    const l = qt(t, a), d = n.get(l);
     d === void 0 ? n.set(l, {
       firstObservation: i,
       innerRadius: a.innerRadius,
@@ -2341,14 +2341,14 @@ var Fl = "_2qyyu60", Dl = 2, Ol = 12, Wl = 12, Dr = 1, Or = 2, Gl = 4, Ze = (e)
     radialSpan: d - l
   });
   return o;
-}, uo = (e, t, r, n) => {
-  const o = go(n), i = o === null ? void 0 : e.get(Zt(t, o));
+}, co = (e, t, r, n) => {
+  const o = ho(n), i = o === null ? void 0 : e.get(qt(t, o));
   return i !== void 0 ? i : {
     style: He(r, n),
     radialSpan: o === null ? 0 : o.outerRadius - o.innerRadius
   };
-}, ho = ({ observation: e, bandAxis: t, styleReaders: r, group: n }) => {
-  const o = Q(), i = Q(), { startAngle: a, endAngle: l } = $t(e), { innerRadius: d, outerRadius: c } = bt(e);
+}, uo = ({ observation: e, bandAxis: t, styleReaders: r, group: n }) => {
+  const o = Q(), i = Q(), { startAngle: a, endAngle: l } = Jt(e), { innerRadius: d, outerRadius: c } = xt(e);
   if (a === null || l === null || d === null || c === null) return null;
   const u = {
     startAngle: a,
@@ -2357,20 +2357,20 @@ var Fl = "_2qyyu60", Dl = 2, Ol = 12, Wl = 12, Dr = 1, Or = 2, Gl = 4, Ze = (e)
     outerRadius: c
   }, h = Se(u);
   if (h === void 0) return null;
-  const g = r.get("color", e), v = r.get("alpha", e), { borderColor: f, borderWidth: A, borderRadius: m, borderAlpha: b } = n.style, x = En(m, n.radialSpan), w = x > 0;
+  const g = r.get("color", e), v = r.get("alpha", e), { borderColor: f, borderWidth: A, borderRadius: m, borderAlpha: b } = n.style, x = Cn(m, n.radialSpan), w = x > 0;
   if (f === void 0 && !w) return /* @__PURE__ */ s("path", {
     d: h,
     fill: g,
     opacity: v,
     "data-testid": "arc-segment"
   });
-  const k = ad(pa(e), t), E = w ? Se({
+  const k = ad(fa(e), t), E = w ? Se({
     ...ld(u, k, x),
     cornerRadius: x
   }) ?? h : h, C = f === void 0 ? null : {
     color: f,
     ...qe(A)
-  }, N = C === null ? "" : Ur(u, dd(k));
+  }, N = C === null ? "" : Wr(u, dd(k));
   return /* @__PURE__ */ S("g", {
     clipPath: `url(#${o})`,
     "data-testid": "arc-segment",
@@ -2402,7 +2402,7 @@ var Fl = "_2qyyu60", Dl = 2, Ol = 12, Wl = 12, Dr = 1, Or = 2, Gl = 4, Ze = (e)
           ...ze(C.color, C.outlineWidth)
         })]
       }) : /* @__PURE__ */ s("path", {
-        d: Ur(u, k),
+        d: Wr(u, k),
         fill: "none",
         opacity: b,
         ...ze(C.color, C.outlineWidth)
@@ -2410,16 +2410,16 @@ var Fl = "_2qyyu60", Dl = 2, Ol = 12, Wl = 12, Dr = 1, Or = 2, Gl = 4, Ze = (e)
     ]
   });
 }, sd = ({ layer: e, sourceLayer: t, coordSystem: r }) => {
-  const n = T(t), o = y(() => co(t, r.bandAxis, n), [
+  const n = T(t), o = y(() => lo(t, r.bandAxis, n), [
     t,
     r.bandAxis,
     n
   ]), i = ce(e.data, e.mapping, e.id), a = [];
-  for (const l of e.data) a.push(/* @__PURE__ */ s(ho, {
+  for (const l of e.data) a.push(/* @__PURE__ */ s(uo, {
     observation: l,
     bandAxis: r.bandAxis,
     styleReaders: n,
-    group: uo(o, r.bandAxis, n, l)
+    group: co(o, r.bandAxis, n, l)
   }, i(l)));
   return /* @__PURE__ */ s("svg", {
     viewBox: "-1 -1 2 2",
@@ -2427,7 +2427,7 @@ var Fl = "_2qyyu60", Dl = 2, Ol = 12, Wl = 12, Dr = 1, Or = 2, Gl = 4, Ze = (e)
     width: "100%",
     height: "100%",
     "data-geom": "bar",
-    className: te,
+    className: re,
     children: a
   });
 }, ld = (e, t, r) => {
@@ -2440,8 +2440,8 @@ var Fl = "_2qyyu60", Dl = 2, Ol = 12, Wl = 12, Dr = 1, Or = 2, Gl = 4, Ze = (e)
     innerRadius: i,
     outerRadius: a
   };
-}, go = (e) => {
-  const { startAngle: t, endAngle: r } = $t(e), { innerRadius: n, outerRadius: o } = bt(e);
+}, ho = (e) => {
+  const { startAngle: t, endAngle: r } = Jt(e), { innerRadius: n, outerRadius: o } = xt(e);
   return t === null || r === null || n === null || o === null ? null : {
     startAngle: t,
     endAngle: r,
@@ -2449,21 +2449,21 @@ var Fl = "_2qyyu60", Dl = 2, Ol = 12, Wl = 12, Dr = 1, Or = 2, Gl = 4, Ze = (e)
     outerRadius: o
   };
 }, Qe = (e, t) => {
-  const r = _(t, e);
+  const r = ee(t, e);
   return `${r.x},${r.y}`;
-}, Wr = (e, t, r) => {
+}, Dr = (e, t, r) => {
   if (e <= 0) return "";
   const n = Qe(e, t);
-  if (mn(t, r)) return `M${n}A${e},${e} 0 1 1 ${Qe(e, t + Math.PI)}A${e},${e} 0 1 1 ${n}`;
+  if (pn(t, r)) return `M${n}A${e},${e} 0 1 1 ${Qe(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} ${Qe(e, r)}`;
-}, Gr = (e, t, r) => `M${Qe(t, e)}L${Qe(r, e)}`, Ur = (e, t) => {
-  const { startAngle: r, endAngle: n, innerRadius: o, outerRadius: i } = e, a = mn(r, n);
+}, Or = (e, t, r) => `M${Qe(t, e)}L${Qe(r, e)}`, Wr = (e, t) => {
+  const { startAngle: r, endAngle: n, innerRadius: o, outerRadius: i } = e, a = pn(r, n);
   return [
-    t.innerArc ? Wr(o, r, n) : "",
-    t.outerArc ? Wr(i, r, n) : "",
-    t.startSpoke && !a ? Gr(r, o, i) : "",
-    t.endSpoke && !a ? Gr(n, o, i) : ""
+    t.innerArc ? Dr(o, r, n) : "",
+    t.outerArc ? Dr(i, r, n) : "",
+    t.startSpoke && !a ? Or(r, o, i) : "",
+    t.endSpoke && !a ? Or(n, o, i) : ""
   ].filter(Boolean).join("");
 }, dd = (e) => ({
   innerArc: !e.innerArc,
@@ -2471,7 +2471,7 @@ var Fl = "_2qyyu60", Dl = 2, Ol = 12, Wl = 12, Dr = 1, Or = 2, Gl = 4, Ze = (e)
   startSpoke: !e.startSpoke,
   endSpoke: !e.endSpoke
 }), cd = ({ layer: e, coordSystem: t, primary: r }) => {
-  const n = T(e), o = uo(y(() => co(e, t.bandAxis, n), [
+  const n = T(e), o = co(y(() => lo(e, t.bandAxis, n), [
     e,
     t.bandAxis,
     n
@@ -2483,8 +2483,8 @@ var Fl = "_2qyyu60", Dl = 2, Ol = 12, Wl = 12, Dr = 1, Or = 2, Gl = 4, Ze = (e)
     height: "100%",
     "data-geom": "arc",
     "data-testid": "hovered-arc",
-    className: te,
-    children: /* @__PURE__ */ s(ho, {
+    className: re,
+    children: /* @__PURE__ */ s(uo, {
       observation: r.observation,
       bandAxis: t.bandAxis,
       styleReaders: n,
@@ -2513,11 +2513,11 @@ var Fl = "_2qyyu60", Dl = 2, Ol = 12, Wl = 12, Dr = 1, Or = 2, Gl = 4, Ze = (e)
     primary: r
   }),
   renderHoverCompanions: () => null
-}, hd = ee(function({ layer: t }) {
+}, hd = te(function({ layer: t }) {
   const r = T(t), n = y(() => {
     const o = ce(t.data, t.mapping, t.id), i = [];
     return t.data.groupBy(pe.group).forEach((a) => {
-      const l = [...a], d = vo(l);
+      const l = [...a], d = go(l);
       if (!d) return;
       const c = l[0];
       c && i.push({
@@ -2541,7 +2541,7 @@ var Fl = "_2qyyu60", Dl = 2, Ol = 12, Wl = 12, Dr = 1, Or = 2, Gl = 4, Ze = (e)
     width: "100%",
     height: "100%",
     "data-geom": "line",
-    className: te,
+    className: re,
     children: n.map((o) => /* @__PURE__ */ s("path", {
       d: o.pathData,
       fill: "none",
@@ -2552,18 +2552,18 @@ var Fl = "_2qyyu60", Dl = 2, Ol = 12, Wl = 12, Dr = 1, Or = 2, Gl = 4, Ze = (e)
       vectorEffect: "non-scaling-stroke"
     }, o.key))
   });
-}), vo = (e) => {
+}), go = (e) => {
   const t = [];
   for (const r of e) {
-    const n = $(r), o = se(r);
+    const n = _(r), o = se(r);
     n === null || o === null || t.push({
       angle: n,
-      point: _(n, o)
+      point: ee(n, o)
     });
   }
-  return t.length === 0 ? null : (t.sort((r, n) => r.angle - n.angle), Yt(t.map((r) => r.point)));
+  return t.length === 0 ? null : (t.sort((r, n) => r.angle - n.angle), Kt(t.map((r) => r.point)));
 }, gd = ({ layer: e, primary: t, companions: r }) => {
-  const n = T(e), o = xt(t.observation), i = y(() => vo([...e.data.filter(pe.group, "eq", o)]), [e.data, o]);
+  const n = T(e), o = yt(t.observation), i = y(() => go([...e.data.filter(pe.group, "eq", o)]), [e.data, o]);
   if (!i) return null;
   const a = n.get("color", t.observation), l = n.get("alpha", t.observation), d = n.get("strokeWidth", t.observation), c = Te(n.get("lineType", t.observation));
   return /* @__PURE__ */ S(B, { children: [
@@ -2574,7 +2574,7 @@ var Fl = "_2qyyu60", Dl = 2, Ol = 12, Wl = 12, Dr = 1, Or = 2, Gl = 4, Ze = (e)
       height: "100%",
       "data-geom": "line",
       "data-testid": "hovered-line",
-      className: te,
+      className: re,
       children: /* @__PURE__ */ s("path", {
         d: i,
         fill: "none",
@@ -2607,9 +2607,9 @@ var Fl = "_2qyyu60", Dl = 2, Ol = 12, Wl = 12, Dr = 1, Or = 2, Gl = 4, Ze = (e)
     primary: t,
     companions: [...r, ...n]
   }),
-  renderHoverCompanions: ({ related: e }) => /* @__PURE__ */ s(ft, { companions: e }),
+  renderHoverCompanions: ({ related: e }) => /* @__PURE__ */ s(vt, { companions: e }),
   getOverlayAnchor: ({ observation: e }) => {
-    const t = $(e), r = se(e);
+    const t = _(e), r = se(e);
     if (t === null || r === null) return null;
     const { x: n, y: o } = le(t, r);
     return {
@@ -2617,12 +2617,12 @@ var Fl = "_2qyyu60", Dl = 2, Ol = 12, Wl = 12, Dr = 1, Or = 2, Gl = 4, Ze = (e)
       y: 1 - o
     };
   }
-}, fd = ee(function({ layer: t, shouldAnimateTransitions: r, intro: n }) {
-  const o = T(t), i = wt(n?.type === "grow" && n.growAxis === "size" ? n : null, r);
+}, fd = te(function({ layer: t, shouldAnimateTransitions: r, intro: n }) {
+  const o = T(t), i = St(n?.type === "grow" && n.growAxis === "size" ? n : null, r);
   return y(() => {
     const a = i.activeIntro ? ce(t.data, t.mapping, t.id) : null, l = [];
     let d = 0;
-    for (const c of t.data) l.push(/* @__PURE__ */ s(Kn, {
+    for (const c of t.data) l.push(/* @__PURE__ */ s(Qn, {
       observation: c,
       project: le,
       styleReaders: o,
@@ -2646,13 +2646,13 @@ var Fl = "_2qyyu60", Dl = 2, Ol = 12, Wl = 12, Dr = 1, Or = 2, Gl = 4, Ze = (e)
     shouldAnimateTransitions: t,
     intro: r
   }),
-  renderHover: ({ primary: e, group: t, related: r }) => /* @__PURE__ */ s(ft, {
+  renderHover: ({ primary: e, group: t, related: r }) => /* @__PURE__ */ s(vt, {
     primary: e,
     companions: [...t, ...r]
   }),
-  renderHoverCompanions: ({ related: e }) => /* @__PURE__ */ s(ft, { companions: e }),
+  renderHoverCompanions: ({ related: e }) => /* @__PURE__ */ s(vt, { companions: e }),
   getOverlayAnchor: ({ observation: e }) => {
-    const t = $(e), r = se(e);
+    const t = _(e), r = se(e);
     if (t === null || r === null) return null;
     const { x: n, y: o } = le(t, r);
     return {
@@ -2680,7 +2680,7 @@ var Fl = "_2qyyu60", Dl = 2, Ol = 12, Wl = 12, Dr = 1, Or = 2, Gl = 4, Ze = (e)
   rule: { cartesian: ql },
   tile: { cartesian: _l }
 };
-function Ct(e) {
+function kt(e) {
   return typeof e == "function" ? {
     overlay: !1,
     fn: e
@@ -2690,7 +2690,7 @@ function Ct(e) {
   };
 }
 function Ad(e) {
-  return e ? Ct(e.render).overlay : !1;
+  return e ? kt(e.render).overlay : !1;
 }
 function Zf(e, t) {
   return typeof e == "string" ? {
@@ -2708,13 +2708,13 @@ function yd(e = []) {
   for (const r of e) (t[r.geom] ??= {})[r.coord] = r;
   return (r, n) => t[r]?.[n] ?? null;
 }
-var jt = (e) => {
+var Yt = (e) => {
   const t = M(e);
   return t.current = e, t;
 }, xd = () => {
   const e = /* @__PURE__ */ new Map();
-  return Tn((t) => ({
-    hover: ut,
+  return Ln((t) => ({
+    hover: ct,
     tooltipAnchor: null,
     pointerRegions: [],
     isPointerSuspended: !1,
@@ -2722,8 +2722,8 @@ var jt = (e) => {
     setTooltipAnchor: (r) => t((n) => bd(n.tooltipAnchor, r) ? n : { tooltipAnchor: r }),
     publishPointerRegions: (r, n) => {
       n.length === 0 ? e.delete(r) : e.set(r, n);
-      const o = xa(e);
-      t((i) => Oi(i.pointerRegions, o) ? i : { pointerRegions: o });
+      const o = ya(e);
+      t((i) => Di(i.pointerRegions, o) ? i : { pointerRegions: o });
     },
     setPointerSuspended: (r) => t((n) => n.isPointerSuspended === r ? n : { isPointerSuspended: r })
   }));
@@ -2732,17 +2732,17 @@ var jt = (e) => {
     layers: e,
     coordSystem: t
   }), [e, t]), n = M(null);
-  n.current === null && (n.current = new Li(r));
+  n.current === null && (n.current = new Mi(r));
   const o = n.current, i = M(!1);
-  return H(() => {
+  return F(() => {
     if (!i.current) {
       i.current = !0;
       return;
     }
     o.update(r);
   }, [o, r]), o;
-}, fo = z(null), wd = ({ children: e }) => {
-  const { layers: t, coordSystem: r } = I(q((l) => ({
+}, vo = z(null), wd = ({ children: e }) => {
+  const { layers: t, coordSystem: r } = I(X((l) => ({
     layers: l.layers,
     coordSystem: l.coordSystem
   }))), n = Sd(t, r), [o] = V(() => xd()), i = M(null), a = M(null);
@@ -2750,20 +2750,20 @@ var jt = (e) => {
     engine: n,
     store: o,
     overlayRef: i
-  }), /* @__PURE__ */ s(fo.Provider, {
+  }), /* @__PURE__ */ s(vo.Provider, {
     value: a.current,
     children: e
   });
 }, ke = () => {
-  const e = F(fo);
+  const e = D(vo);
   if (e === null) throw new Error("useHoverContext must be used inside a <HoverProvider>.");
   return e;
 };
 function Rd(e, t) {
   const { engine: r } = ke(), n = M(t);
-  H(() => {
+  F(() => {
     n.current = t;
-  }, [t]), H(() => (r.registerHitTester(e, (o) => n.current(o)), () => r.unregisterHitTester(e)), [r, e]);
+  }, [t]), F(() => (r.registerHitTester(e, (o) => n.current(o)), () => r.unregisterHitTester(e)), [r, e]);
 }
 var kd = ({ hitTest: e, input: t }) => {
   const r = y(() => e(t), [
@@ -2775,7 +2775,7 @@ var kd = ({ hitTest: e, input: t }) => {
     t.panelRect.height
   ]);
   return Rd(t.layer.id, r), null;
-}, Cd = "graphy_root", po = () => typeof document > "u" ? null : document.getElementById(Cd) ?? document.body, Ed = "_10igzta0", Pd = ({ rect: e, zIndex: t, container: r, boxRef: n, children: o, ...i }) => r === null ? null : Nn(/* @__PURE__ */ s("div", {
+}, Cd = "graphy_root", fo = () => typeof document > "u" ? null : document.getElementById(Cd) ?? document.body, Ed = "_10igzta0", Pd = ({ rect: e, zIndex: t, container: r, boxRef: n, children: o, ...i }) => r === null ? null : Tn(/* @__PURE__ */ s("div", {
   ...i,
   ref: n,
   className: Ed,
@@ -2787,7 +2787,7 @@ var kd = ({ hitTest: e, input: t }) => {
   },
   children: o
 }), r), Bd = ({ rect: e, children: t }) => {
-  const [r] = V(po);
+  const [r] = V(fo);
   return /* @__PURE__ */ s(Pd, {
     rect: e,
     zIndex: Ve.panelOverlay,
@@ -2795,7 +2795,7 @@ var kd = ({ hitTest: e, input: t }) => {
     children: t
   });
 }, Id = (e, t) => {
-  const r = jt(e), n = jt(t), o = M(null), i = M(null), a = y(() => {
+  const r = Yt(e), n = Yt(t), o = M(null), i = M(null), a = y(() => {
     const l = () => {
       i.current !== null && (clearTimeout(i.current), i.current = null), o.current = null;
     }, d = () => {
@@ -2815,14 +2815,14 @@ var kd = ({ hitTest: e, input: t }) => {
       cancel: l
     };
   }, [r, n]);
-  return H(() => () => {
+  return F(() => () => {
     i.current !== null && clearTimeout(i.current);
   }, []), a;
 }, Md = {
   width: 0,
   height: 0,
   isDefault: !0
-}, mo = ({ debounce: e = 0, onResize: t } = {}) => {
+}, po = ({ debounce: e = 0, onResize: t } = {}) => {
   const [r, n] = V(Md), o = M(null), i = Id((c) => {
     const u = o.current;
     u && u.width === c.width && u.height === c.height || (o.current = {
@@ -2864,10 +2864,10 @@ function Ld() {
     g && g.left === h.left && g.top === h.top && g.width === h.width && g.height === h.height || (r.current = h, t(h));
   }, []), a = ge(() => {
     o.current === null && (o.current = requestAnimationFrame(i));
-  }, [i]), { setElement: l } = mo({ onResize: a }), d = ge((c) => {
+  }, [i]), { setElement: l } = po({ onResize: a }), d = ge((c) => {
     n.current = c, l(c), c && i();
   }, [l, i]);
-  return H(() => (window.addEventListener("scroll", a, !0), window.addEventListener("resize", a), () => {
+  return F(() => (window.addEventListener("scroll", a, !0), window.addEventListener("resize", a), () => {
     window.removeEventListener("scroll", a, !0), window.removeEventListener("resize", a), o.current !== null && cancelAnimationFrame(o.current);
   }), [a]), {
     measureRef: d,
@@ -2877,9 +2877,9 @@ function Ld() {
 function Td(e) {
   const { engine: t, store: r } = ke();
   return ge((n, o) => {
-    const { hover: i, setHoverState: a, setTooltipAnchor: l } = r.getState(), d = n === null ? ut : t.resolveHoverByKey(e, n);
+    const { hover: i, setHoverState: a, setTooltipAnchor: l } = r.getState(), d = n === null ? ct : t.resolveHoverByKey(e, n);
     if (d.primary === null) {
-      i.primary?.layerId === e && (a(ut), l(null));
+      i.primary?.layerId === e && (a(ct), l(null));
       return;
     }
     a(d), l(o ? {
@@ -2895,7 +2895,7 @@ function Td(e) {
 }
 var Nd = ({ render: e, input: t }) => {
   const r = Td(t.layer.id), { measureRef: n, screenRect: o } = Ld();
-  return H(() => () => r(null), [r]), /* @__PURE__ */ S(B, { children: [/* @__PURE__ */ s("rect", {
+  return F(() => () => r(null), [r]), /* @__PURE__ */ S(B, { children: [/* @__PURE__ */ s("rect", {
     ref: n,
     x: 0,
     y: 0,
@@ -2966,7 +2966,7 @@ var Nd = ({ render: e, input: t }) => {
     editorSurface: !0,
     inlineTextEditing: !1
   }
-}, Fd = new Set(Object.values(ve)), Dd = (e) => Fd.has(e), lr = (e) => Dd(e) ? e : ve.readonly, pt = {
+}, Fd = new Set(Object.values(ve)), Dd = (e) => Fd.has(e), ar = (e) => Dd(e) ? e : ve.readonly, ft = {
   enabled: !0,
   durationScale: 1,
   stagger: !0,
@@ -2974,13 +2974,13 @@ var Nd = ({ render: e, input: t }) => {
   maxAnimatedGeoms: 1500
 }, Od = (e, t) => t ? {
   intro: {
-    ...pt,
+    ...ft,
     enabled: !1
   },
   transitions: !1
 } : typeof e == "boolean" ? {
   intro: {
-    ...pt,
+    ...ft,
     enabled: e
   },
   transitions: e
@@ -2988,9 +2988,9 @@ var Nd = ({ render: e, input: t }) => {
   intro: Wd(e?.intro),
   transitions: e?.transitions ?? !0
 }, Wd = (e) => typeof e == "boolean" ? {
-  ...pt,
+  ...ft,
   enabled: e
-} : ts({}, pt, e), Gd = {
+} : ts({}, ft, e), Gd = {
   loading: "جاري التحميل",
   error: "حدث خطأ ما",
   axisLabels: { placeholder: "إضافة تسمية" },
@@ -3152,7 +3152,7 @@ var Nd = ({ render: e, input: t }) => {
 }, Yd = {
   graph: Kd,
   dir: "ltr"
-}, dr = {
+}, sr = {
   "en-GB": zd,
   "en-US": Qd,
   ar: Ud,
@@ -3169,7 +3169,7 @@ var Nd = ({ render: e, input: t }) => {
     }
     return d;
   };
-}, Xd = ({ locale: e, overrides: t }) => t?.dir ?? dr[e].dir ?? "ltr", qd = (e, t) => {
+}, Xd = ({ locale: e, overrides: t }) => t?.dir ?? sr[e].dir ?? "ltr", qd = (e, t) => {
   let r = e;
   for (const n of t) {
     if (typeof r != "object" || r === null) return;
@@ -3180,8 +3180,8 @@ var Nd = ({ render: e, input: t }) => {
   const t = "en-GB";
   if (!e) return t;
   const r = e.trim().replace("_", "-").toLowerCase();
-  return Object.keys(dr).find((n) => n.toLowerCase() === r) ?? t;
-}, Ao = z(null), Zd = [dr], yo = () => _d().translator, $d = ({ locale: e, children: t, i18nOverrides: r, dictionaries: n = Zd }) => {
+  return Object.keys(sr).find((n) => n.toLowerCase() === r) ?? t;
+}, mo = z(null), Zd = [sr], Ao = () => _d().translator, $d = ({ locale: e, children: t, i18nOverrides: r, dictionaries: n = Zd }) => {
   const o = Jd(e), i = y(() => ({
     translator: jd({
       locale: o,
@@ -3201,30 +3201,30 @@ var Nd = ({ render: e, input: t }) => {
   return /* @__PURE__ */ s(rs, {
     locale: o,
     timeZone: "UTC",
-    children: /* @__PURE__ */ s(Ao.Provider, {
+    children: /* @__PURE__ */ s(mo.Provider, {
       value: i,
       children: t
     })
   });
 }, _d = () => {
-  const e = F(Ao);
+  const e = D(mo);
   if (!e) throw new Error("useI18n must be used within IntlProvider");
   return e;
-}, cr = (e) => e === "none" ? "none" : `${e.offsetX}px ${e.offsetY}px ${e.blur}px ${e.color}`, ec = (e) => {
+}, lr = (e) => e === "none" ? "none" : `${e.offsetX}px ${e.offsetY}px ${e.blur}px ${e.color}`, ec = (e) => {
   if (e !== "none")
     return `drop-shadow(${e.offsetX}px ${e.offsetY}px ${e.blur}px ${e.color})`;
 }, tc = () => {
   const e = L();
   return y(() => Ja(e), [e]);
-}, rc = "bow4tg0", nc = "bow4tg1", oc = "bow4tg2", ic = "bow4tg3", ac = "bow4tg4", xo = "_1ii3bsb0", sc = "_1ii3bsb1", bo = z({
+}, rc = "bow4tg0", nc = "bow4tg1", oc = "bow4tg2", ic = "bow4tg3", ac = "bow4tg4", yo = "_1ii3bsb0", sc = "_1ii3bsb1", xo = z({
   colorScheme: "light",
-  themeClass: xo,
+  themeClass: yo,
   inlineVarsStyle: {},
-  themeValues: ar("light", {})
-}), ur = () => F(bo), lc = ({ colorScheme: e, textScale: t = 1, graphBackground: r, graphFontFamily: n, headingFontFamily: o, children: i }) => {
-  const a = y(() => ar(e), [e]), l = y(() => {
+  themeValues: or("light", {})
+}), dr = () => D(xo), lc = ({ colorScheme: e, textScale: t = 1, graphBackground: r, graphFontFamily: n, headingFontFamily: o, children: i }) => {
+  const a = y(() => or(e), [e]), l = y(() => {
     const c = { [p.textScale]: String(t) };
-    return r !== void 0 && (c[p.graphBackground] = r), n !== void 0 && (c[p.fontFamily] = n), o !== void 0 && (c[p.fontFamilyHeading] = o), rr(c);
+    return r !== void 0 && (c[p.graphBackground] = r), n !== void 0 && (c[p.fontFamily] = n), o !== void 0 && (c[p.fontFamilyHeading] = o), er(c);
   }, [
     t,
     r,
@@ -3232,7 +3232,7 @@ var Nd = ({ render: e, input: t }) => {
     o
   ]), d = y(() => ({
     colorScheme: e,
-    themeClass: e === "dark" ? sc : xo,
+    themeClass: e === "dark" ? sc : yo,
     inlineVarsStyle: l,
     themeValues: a
   }), [
@@ -3240,12 +3240,12 @@ var Nd = ({ render: e, input: t }) => {
     l,
     a
   ]);
-  return /* @__PURE__ */ s(bo.Provider, {
+  return /* @__PURE__ */ s(xo.Provider, {
     value: d,
     children: i
   });
 }, dc = ({ children: e, className: t, style: r }) => {
-  const { themeClass: n, inlineVarsStyle: o } = ur();
+  const { themeClass: n, inlineVarsStyle: o } = dr();
   return /* @__PURE__ */ s("div", {
     className: je(n, nc, t),
     style: {
@@ -3264,25 +3264,25 @@ var Nd = ({ render: e, input: t }) => {
 }, uc = (e) => {
   const t = e !== null && typeof e == "object" ? e.fontFamily : e;
   return typeof t == "string" && t.length > 0 ? t : void 0;
-}, Vr = (e) => {
+}, Gr = (e) => {
   const t = uc(e);
   if (t !== void 0)
     return cc[t] ?? t;
-}, hc = "_1cocly40", Me = ({ content: e }) => /* @__PURE__ */ s(B, { children: So(e.content ?? [e]) }), So = (e) => e.map((t, r) => gc(t, r)), gc = (e, t) => {
+}, hc = "_1cocly40", Me = ({ content: e }) => /* @__PURE__ */ s(B, { children: bo(e.content ?? [e]) }), bo = (e) => e.map((t, r) => gc(t, r)), gc = (e, t) => {
   if (e.type === "text") return vc(e, t);
   if (e.type === "hardBreak" || e.type === "hard_break") return /* @__PURE__ */ s("br", {}, t);
-  const r = e.content ? So(e.content) : null;
+  const r = e.content ? bo(e.content) : null;
   switch (e.type) {
     case "doc":
-      return /* @__PURE__ */ s(tr, { children: r }, t);
+      return /* @__PURE__ */ s(_t, { children: r }, t);
     case "heading": {
       const n = Ac(e.attrs?.level);
-      return yc(n, t, r, zr(e.attrs));
+      return yc(n, t, r, Ur(e.attrs));
     }
     case "paragraph":
       return /* @__PURE__ */ s("p", {
-        "data-variant": hr(e.attrs?.variant) ?? void 0,
-        style: wo(zr(e.attrs)),
+        "data-variant": cr(e.attrs?.variant) ?? void 0,
+        style: So(Ur(e.attrs)),
         children: r
       }, t);
     case "blockquote":
@@ -3319,8 +3319,8 @@ var Nd = ({ render: e, input: t }) => {
     case "code":
       return /* @__PURE__ */ s("code", { children: t }, r);
     case "link": {
-      const n = hr(e.attrs?.href);
-      return _t(n) ? /* @__PURE__ */ s("a", {
+      const n = cr(e.attrs?.href);
+      return Zt(n) ? /* @__PURE__ */ s("a", {
         className: hc,
         href: n,
         rel: "noopener noreferrer",
@@ -3340,16 +3340,16 @@ var Nd = ({ render: e, input: t }) => {
   }
 }, pc = (e) => {
   if (!e) return null;
-  const t = {}, r = hr(e.color);
+  const t = {}, r = cr(e.color);
   r && (t.color = r);
-  const n = Vr(e.font) ?? Vr(e.fontFamily);
+  const n = Gr(e.font) ?? Gr(e.fontFamily);
   n && (t.fontFamily = n);
   const o = mc(e.fontSize);
   return o && (t.fontSize = o), Object.keys(t).length > 0 ? t : null;
 }, mc = (e) => {
   if (typeof e == "number" && Number.isFinite(e)) return `calc(${e}px * ${p.textScale})`;
-}, hr = (e) => typeof e == "string" && e.length > 0 ? e : void 0, Ac = (e) => typeof e != "number" ? 3 : e < 1 ? 1 : e > 3 ? 3 : Math.round(e), yc = (e, t, r, n) => {
-  const o = wo(n);
+}, cr = (e) => typeof e == "string" && e.length > 0 ? e : void 0, Ac = (e) => typeof e != "number" ? 3 : e < 1 ? 1 : e > 3 ? 3 : Math.round(e), yc = (e, t, r, n) => {
+  const o = So(n);
   switch (e) {
     case 1:
       return /* @__PURE__ */ s("h1", {
@@ -3367,18 +3367,18 @@ var Nd = ({ render: e, input: t }) => {
         children: r
       }, t);
   }
-}, zr = (e) => {
+}, Ur = (e) => {
   const t = e?.textAlign;
   if (t === "left" || t === "right" || t === "center" || t === "justify") return t;
-}, wo = (e) => e ? { textAlign: e } : void 0;
+}, So = (e) => e ? { textAlign: e } : void 0;
 function Ie(e) {
   const { store: t } = ke();
   return Je(t, e);
 }
 var xc = "_19519k80";
 var bc = "_19519k82", Sc = "_19519k83", wc = "_19519k85", Rc = "_19519k86", kc = "_19519k87", Cc = "_19519k88", Ec = (e) => {
-  const { overlayRef: t } = ke(), r = M(null), [n, o] = V(!1), i = jt(e);
-  return H(() => {
+  const { overlayRef: t } = ke(), r = M(null), [n, o] = V(!1), i = Yt(e);
+  return F(() => {
     const a = t.current;
     if (!a) return;
     const l = (c) => {
@@ -3406,11 +3406,11 @@ var bc = "_19519k82", Sc = "_19519k83", wc = "_19519k85", Rc = "_19519k86", kc =
   width: 0,
   height: 0,
   toJSON: () => ({})
-}, st = {
+}, at = {
   boundary: [],
   padding: Bc
 }, Mc = () => {
-  const e = I(q((x) => ({
+  const e = I(X((x) => ({
     layers: x.layers,
     coordSystem: x.coordSystem,
     scales: x.scales,
@@ -3419,7 +3419,7 @@ var bc = "_19519k82", Sc = "_19519k83", wc = "_19519k85", Rc = "_19519k86", kc =
     parsingLocale: x.config.parsingLocale,
     comments: x.annotations.comments
   }))), { formattingLocale: t, colorScheme: r } = K(), n = Ie((x) => x.hover), o = Ie((x) => x.tooltipAnchor), i = Ie((x) => x.isPointerSuspended), a = ae("Tooltip", Lc), l = M(() => {
-  }), { cursorRef: d, isInside: c } = Ec(() => l.current()), u = y(() => Yi({
+  }), { cursorRef: d, isInside: c } = Ec(() => l.current()), u = y(() => Ki({
     ...e,
     hover: n,
     colorScheme: r,
@@ -3435,7 +3435,7 @@ var bc = "_19519k82", Sc = "_19519k83", wc = "_19519k85", Rc = "_19519k86", kc =
     if (o !== null) return Hc(o);
     const x = d.current;
     return x === null ? Ic : Nc(x);
-  } }), [d, o]), { refs: v, floatingStyles: f, update: A } = Hn(Fc({
+  } }), [d, o]), { refs: v, floatingStyles: f, update: A } = Nn(Fc({
     isOpen: h,
     tooltipAnchor: o,
     virtualReference: g
@@ -3448,10 +3448,10 @@ var bc = "_19519k82", Sc = "_19519k83", wc = "_19519k85", Rc = "_19519k86", kc =
     style: f,
     "data-testid": "chart-tooltip",
     children: /* @__PURE__ */ s(a, { content: u })
-  }), b = po();
-  return b ? Nn(/* @__PURE__ */ s(dc, { children: m }), b) : m;
+  }), b = fo();
+  return b ? Tn(/* @__PURE__ */ s(dc, { children: m }), b) : m;
 }, Lc = ({ content: e }) => {
-  const t = me(), r = I((d) => d.coordSystem), n = tc(), o = Ft(n.heading), i = Ft(n.label), a = Ft(n.value), l = { paddingInline: n.box.paddingInline };
+  const t = me(), r = I((d) => d.coordSystem), n = tc(), o = Ht(n.heading), i = Ht(n.label), a = Ht(n.value), l = { paddingInline: n.box.paddingInline };
   return /* @__PURE__ */ S("div", {
     className: xc,
     style: Tc(n.box),
@@ -3492,7 +3492,7 @@ var bc = "_19519k82", Sc = "_19519k83", wc = "_19519k85", Rc = "_19519k86", kc =
       })
     ]
   });
-}, Ft = (e) => ({
+}, Ht = (e) => ({
   ...fe(e),
   color: e.textColor,
   lineHeight: e.lineHeight
@@ -3500,7 +3500,7 @@ var bc = "_19519k82", Sc = "_19519k83", wc = "_19519k85", Rc = "_19519k86", kc =
   background: e.background,
   borderRadius: e.borderRadius,
   paddingBlock: e.paddingBlock,
-  boxShadow: cr(e.shadow),
+  boxShadow: lr(e.shadow),
   ...e.borderWidth > 0 ? { border: `${e.borderWidth}px solid ${e.borderColor}` } : {}
 }), Nc = (e) => ({
   x: e.clientX,
@@ -3526,13 +3526,13 @@ var bc = "_19519k82", Sc = "_19519k83", wc = "_19519k85", Rc = "_19519k86", kc =
   open: e,
   placement: t !== null ? t.placement : "right",
   middleware: t !== null ? [
-    Vt(Pi),
-    zt(st),
-    Ut(st)
+    Ut(Ei),
+    Vt(at),
+    Gt(at)
   ] : [
-    Vt(Pc),
-    Ut(st),
-    zt(st)
+    Ut(Pc),
+    Gt(at),
+    Vt(at)
   ],
   elements: { reference: r }
 }), Dc = ({ row: e, swatchShape: t, shouldHighlight: r, labelStyle: n, valueStyle: o, paddingInline: i, highlightBackground: a }) => /* @__PURE__ */ S("div", {
@@ -3568,12 +3568,12 @@ var bc = "_19519k82", Sc = "_19519k83", wc = "_19519k85", Rc = "_19519k86", kc =
       children: e.value
     })
   ]
-}), ct = {
+}), dt = {
   plansByLayerId: null,
   coordKey: null,
   introEndsAtMs: 0
-}, gr = z(ct), Oc = ({ intro: e, children: t }) => {
-  const { layers: r, coordSystem: n, scales: o } = I(q((a) => ({
+}, ur = z(dt), Oc = ({ intro: e, children: t }) => {
+  const { layers: r, coordSystem: n, scales: o } = I(X((a) => ({
     layers: a.layers,
     coordSystem: a.coordSystem,
     scales: a.scales
@@ -3583,25 +3583,25 @@ var bc = "_19519k82", Sc = "_19519k83", wc = "_19519k85", Rc = "_19519k86", kc =
     scales: o,
     intro: e
   }));
-  return /* @__PURE__ */ s(gr.Provider, {
+  return /* @__PURE__ */ s(ur.Provider, {
     value: i,
     children: t
   });
 }, Wc = () => {
-  const { introEndsAtMs: e } = F(gr), [t] = V(() => Vc(e) / 1e3);
+  const { introEndsAtMs: e } = D(ur), [t] = V(() => Vc(e) / 1e3);
   return t;
 }, Gc = (e) => {
-  const { plansByLayerId: t, coordKey: r } = F(gr), n = I((o) => Ro(o.coordSystem));
+  const { plansByLayerId: t, coordKey: r } = D(ur), n = I((o) => wo(o.coordSystem));
   return t === null || r !== n ? null : t.get(e) ?? null;
 }, Uc = ({ layers: e, coordSystem: t, scales: r, intro: n }) => {
-  if (!n.enabled || e.reduce((l, d) => l + _i(d), 0) > n.maxAnimatedGeoms) return ct;
+  if (!n.enabled || e.reduce((l, d) => l + $i(d), 0) > n.maxAnimatedGeoms) return dt;
   const o = {
     durationScale: n.durationScale,
     stagger: n.stagger,
     staggerOrder: n.staggerOrder
   }, i = /* @__PURE__ */ new Map();
   for (const l of e) {
-    const d = zi({
+    const d = Vi({
       layer: l,
       coordSystem: t,
       scales: r,
@@ -3609,100 +3609,96 @@ var bc = "_19519k82", Sc = "_19519k83", wc = "_19519k85", Rc = "_19519k86", kc =
     });
     d !== null && i.set(l.id, d);
   }
-  if (i.size === 0) return ct;
+  if (i.size === 0) return dt;
   const a = [...i.values()].reduce((l, d) => Math.max(l, ps(d)), 0);
   return {
     plansByLayerId: i,
-    coordKey: Ro(t),
+    coordKey: wo(t),
     introEndsAtMs: performance.now() + a * 1e3
   };
-}, Vc = (e) => Math.max(0, e - performance.now()), Ro = (e) => e.type === "cartesian" ? `cartesian-${e.mainAxis}` : e.type, ko = () => {
+}, Vc = (e) => Math.max(0, e - performance.now()), wo = (e) => e.type === "cartesian" ? `cartesian-${e.mainAxis}` : e.type, Ro = () => {
   const e = L();
   return y(() => {
     const t = {};
-    for (const r of qt) t[r] = Pa(e, r);
+    for (const r of tn) t[r] = Ea(e, r);
     return t;
   }, [e]);
-}, Et = () => {
+}, Ct = () => {
   const e = L();
   return y(() => {
     const t = {};
-    for (const r of Ii) {
+    for (const r of Bi) {
       const n = {};
-      for (const o of Bi) n[o] = La(e, r, o);
+      for (const o of Pi) n[o] = La(e, r, o);
       t[r] = n;
     }
     return t;
   }, [e]);
-}, Co = () => {
+}, ko = () => {
   const e = L();
   return y(() => (t) => Na(e, t), [e]);
-}, Eo = () => {
+}, Co = () => {
   const e = L();
   return y(() => Ha(e), [e]);
-}, Pt = () => {
+}, Et = () => {
   const e = L();
   return y(() => Va(e), [e]);
-}, vr = () => {
+}, hr = () => {
   const e = L();
-  return y(() => {
-    const t = {};
-    for (const r of qt) t[r] = Xa(e, r);
-    return t;
-  }, [e]);
-}, Po = () => {
+  return y(() => (t, r) => Xa(e, t, r), [e]);
+}, Eo = () => {
   const e = L();
   return y(() => {
     const t = {};
-    for (const r of qt) t[r] = qa(e, r);
+    for (const r of tn) t[r] = qa(e, r);
     return t;
   }, [e]);
 }, zc = ({ textMeasurer: e, tickLabelStyles: t, tickLineStyles: r, familyDefault: n }) => (o) => {
-  const i = o.position === "top" || o.position === "bottom", a = Le(o.scaleAestheticKey), { offset: l, ...d } = t[a], c = o.ticksVisible ? Math.max(l, r[a].length) : l, u = X(d, n), h = o.ticks.map((v) => e.measureText(v.formattedLabel, u)), g = o.labelMaxWidthPx ?? Number.POSITIVE_INFINITY;
+  const i = o.position === "top" || o.position === "bottom", a = Le(o.scaleAestheticKey), { offset: l, ...d } = t(a, o.position), c = o.ticksVisible ? Math.max(l, r[a].length) : l, u = j(d, n), h = o.ticks.map((v) => e.measureText(v.formattedLabel, u)), g = o.labelMaxWidthPx ?? Number.POSITIVE_INFINITY;
   if (i) {
     if (o.labelRotation !== 0) {
       const v = h.map((f) => f.width);
-      return Qr(v, g) + 2 * c;
+      return Vr(v, g) + 2 * c;
     }
     return Math.max(...h.map((v) => v.height)) + c;
   }
-  return Qr(h.map((v) => v.width), g) + c;
-}, Qr = (e, t) => Math.min(Math.max(...e), t), Qc = ({ axisLabelStyles: e }) => (t) => we(e[Le(t.scaleAestheticKey)]), Bo = ({ textMeasurer: e, dataLabelStyles: t, familyDefault: r }) => (n, o, i) => {
-  const a = t[n][o], l = e.measureText(i, X(a, r));
+  return Vr(h.map((v) => v.width), g) + c;
+}, Vr = (e, t) => Math.min(Math.max(...e), t), Qc = ({ axisLabelStyles: e }) => (t) => we(e[Le(t.scaleAestheticKey)]), Po = ({ textMeasurer: e, dataLabelStyles: t, familyDefault: r }) => (n, o, i) => {
+  const a = t[n][o], l = e.measureText(i, j(a, r));
   return {
     ...l,
     width: l.width + a.paddingInline * 2,
     height: l.height + a.paddingBlock * 2
   };
-}, Kc = ({ textMeasurer: e, familyDefault: t }) => (r, n) => e.measureText(r, X(n, t)), Yc = ({ textMeasurer: e, familyDefault: t, headlineRowGap: r, itemGap: n, headlineItemStyles: o }) => (i, a) => {
-  const l = Io(i, o[a], e, t, r);
+}, Kc = ({ textMeasurer: e, familyDefault: t }) => (r, n) => e.measureText(r, j(n, t)), Yc = ({ textMeasurer: e, familyDefault: t, headlineRowGap: r, itemGap: n, headlineItemStyles: o }) => (i, a) => {
+  const l = Bo(i, o[a], e, t, r);
   return {
-    width: Mo(l.map((d) => d.width)) + Math.max(0, l.length - 1) * n,
+    width: Io(l.map((d) => d.width)) + Math.max(0, l.length - 1) * n,
     height: Math.max(0, ...l.map((d) => d.height))
   };
-}, jc = ({ textMeasurer: e, familyDefault: t, headlineRowGap: r, headlineItemStyles: n }) => (o, i) => Io(o, n[i], e, t, r).map((a) => a.width), Xc = ({ textMeasurer: e, familyDefault: t, headlineItemStyles: r }) => (n, o, i = !1) => {
-  const a = Rn(r[o], i);
+}, jc = ({ textMeasurer: e, familyDefault: t, headlineRowGap: r, headlineItemStyles: n }) => (o, i) => Bo(o, n[i], e, t, r).map((a) => a.width), Xc = ({ textMeasurer: e, familyDefault: t, headlineItemStyles: r }) => (n, o, i = !1) => {
+  const a = wn(r[o], i);
   return {
-    width: e.measureText(n, X(a, t)).width,
+    width: e.measureText(n, j(a, t)).width,
     height: we(a)
   };
 }, qc = (e) => {
   const t = Yc(e), r = Xc(e);
   return (n, o, i = !1) => n.kind === "perGroup" ? t(n, o) : r(n.value, o, i);
-}, Io = (e, t, r, n, o) => {
+}, Bo = (e, t, r, n, o) => {
   const i = (a) => Jc(a, t, r, n);
   return e.items.map((a) => {
-    const l = ln(a, t.swatch.size).map(i), d = Math.max(0, l.length - 1) * o;
+    const l = sn(a, t.swatch.size).map(i), d = Math.max(0, l.length - 1) * o;
     return {
       width: Math.max(0, ...l.map((c) => c.width)),
-      height: Mo(l.map((c) => c.height)) + d
+      height: Io(l.map((c) => c.height)) + d
     };
   });
 }, Jc = (e, t, r, n) => {
   let o = 0, i = 0;
   for (const a of e.segments) if (a.kind === "text") {
     const l = Zc(t, a.textRole);
-    o += r.measureText(a.text, X(l, n)).width, i = Math.max(i, $c(l));
+    o += r.measureText(a.text, j(l, n)).width, i = Math.max(i, $c(l));
   } else
     o += a.size, i = Math.max(i, a.size);
   return {
@@ -3723,7 +3719,7 @@ var bc = "_19519k82", Sc = "_19519k83", wc = "_19519k85", Rc = "_19519k86", kc =
     default:
       return t;
   }
-}, $c = (e) => e.fontSize * (e.lineHeight ?? Js), Mo = (e) => e.reduce((t, r) => t + r, 0), _c = (e, t) => e ? t : 0, mt = (e, t, r) => {
+}, $c = (e) => e.fontSize * (e.lineHeight ?? Js), Io = (e) => e.reduce((t, r) => t + r, 0), _c = (e, t) => e ? t : 0, pt = (e, t, r) => {
   if (r) {
     const n = Number(e.size);
     return Number.isFinite(n) && n > 0 ? n : 0;
@@ -3734,32 +3730,32 @@ var bc = "_19519k82", Sc = "_19519k83", wc = "_19519k85", Rc = "_19519k86", kc =
   if (i.display === "direct") {
     const A = we(n);
     if (a) return A;
-    const m = X(n, t), b = i.items.map((x) => e.measureText(x.formattedLabel, m).width);
+    const m = j(n, t), b = i.items.map((x) => e.measureText(x.formattedLabel, m).width);
     return Math.max(...b);
   }
-  const { item: l, swatch: d } = r, c = we(l), u = X(l, t), h = 2 * (l.paddingBlock + l.borderWidth), g = 2 * (l.paddingInline + l.borderWidth), v = i.aesthetics.includes("size");
+  const { item: l, swatch: d } = r, c = we(l), u = j(l, t), h = 2 * (l.paddingBlock + l.borderWidth), g = 2 * (l.paddingInline + l.borderWidth), v = i.aesthetics.includes("size");
   if (a) {
-    const A = v ? Math.max(0, ...i.items.map((m) => mt(m.visual, d.size, !0))) : d.size;
+    const A = v ? Math.max(0, ...i.items.map((m) => pt(m.visual, d.size, !0))) : d.size;
     return Math.max(c, A) + h;
   }
   const f = i.items.map((A) => {
-    const m = e.measureText(A.formattedLabel, u).width, b = mt(A.visual, d.size, v);
+    const m = e.measureText(A.formattedLabel, u).width, b = pt(A.visual, d.size, v);
     return b + (b > 0 ? o : 0) + m;
   });
   return Math.max(...f) + g;
-}, tu = ({ textMeasurer: e, tickLabelStyles: t, familyDefault: r }) => (n, o) => e.measureText(n, X(t[o], r)), ru = Object.freeze({}), nu = ({ textMeasurer: e, metrics: t, overrides: r = ru }) => {
-  const n = ko(), o = Et(), i = Eo(), a = Pt(), l = vr(), d = Po(), c = L(), u = M(r);
+}, tu = ({ textMeasurer: e, tickLabelStyles: t, familyDefault: r }) => (n, o) => e.measureText(n, j(t(o), r)), ru = Object.freeze({}), nu = ({ textMeasurer: e, metrics: t, overrides: r = ru }) => {
+  const n = Ro(), o = Ct(), i = Co(), a = Et(), l = hr(), d = Eo(), c = L(), u = M(r);
   return u.current = r, y(() => {
     if (!e) return null;
     const h = t.fonts.familyDefault, g = c.graph.get("textScale"), v = {
       textMeasurer: e,
       familyDefault: h,
       headlineRowGap: t.headlineRowGap,
-      itemGap: kn(c).gap,
+      itemGap: Rn(c).gap,
       headlineItemStyles: {
-        small: dt(c, "small"),
-        medium: dt(c, "medium"),
-        large: dt(c, "large")
+        small: lt(c, "small"),
+        medium: lt(c, "medium"),
+        large: lt(c, "large")
       }
     }, f = zc({
       textMeasurer: e,
@@ -3802,7 +3798,7 @@ var bc = "_19519k82", Sc = "_19519k83", wc = "_19519k85", Rc = "_19519k86", kc =
         textMeasurer: e,
         familyDefault: h
       }),
-      measureDataLabel: Bo({
+      measureDataLabel: Po({
         textMeasurer: e,
         dataLabelStyles: o,
         familyDefault: h
@@ -3819,9 +3815,9 @@ var bc = "_19519k82", Sc = "_19519k83", wc = "_19519k85", Rc = "_19519k86", kc =
     d,
     c
   ]);
-}, ou = ({ measurer: e, axes: t, numberFormat: r, parsingLocale: n, formattedLegends: o, containerSize: i, externalMeasurements: a, headline: l, formattingLocale: d, annotations: c, layers: u, coordSystem: h, overflowStrategy: g, layout: v, panelBorder: f, padding: A }) => {
-  const m = Co();
-  return y(() => e ? new Ni(e).compile({
+}, ou = ({ measurer: e, axes: t, numberFormat: r, parsingLocale: n, formattedLegends: o, containerSize: i, externalMeasurements: a, headline: l, formattingLocale: d, annotations: c, layers: u, coordSystem: h, overflowStrategy: g, panelBorder: v, padding: f, margins: A }) => {
+  const m = ko();
+  return y(() => e ? new Ti(e).compile({
     axes: t,
     numberFormat: r,
     parsingLocale: n,
@@ -3835,9 +3831,9 @@ var bc = "_19519k82", Sc = "_19519k83", wc = "_19519k85", Rc = "_19519k86", kc =
     layers: u,
     coordSystem: h,
     overflowStrategy: g,
-    layout: v,
-    panelBorder: f,
-    padding: A
+    panelBorder: v,
+    padding: f,
+    margins: A
   }) : null, [
     t,
     r,
@@ -3860,8 +3856,8 @@ var bc = "_19519k82", Sc = "_19519k83", wc = "_19519k85", Rc = "_19519k86", kc =
 }, iu = (e) => !e.isVisible || e.ticks.length === 0, au = (e) => e.items.length === 0, su = () => {
   const { formattingLocale: e } = K(), t = I((r) => r.config.parsingLocale);
   return e ?? t;
-}, Kr = 0.5, Lo = z(/* @__PURE__ */ new Map()), To = z(() => {
-}), No = z(/* @__PURE__ */ new Set()), lu = ({ children: e }) => {
+}, zr = 0.5, Mo = z(/* @__PURE__ */ new Map()), Lo = z(() => {
+}), To = z(/* @__PURE__ */ new Set()), lu = ({ children: e }) => {
   const [t, r] = V(() => /* @__PURE__ */ new Map()), [n] = V(() => /* @__PURE__ */ new Set()), o = M(/* @__PURE__ */ new Map()), i = ge((a, l, d) => {
     const c = o.current.get(a) ?? /* @__PURE__ */ new Set();
     if (d !== null) {
@@ -3870,19 +3866,19 @@ var bc = "_19519k82", Sc = "_19519k83", wc = "_19519k85", Rc = "_19519k86", kc =
     }
     c.delete(l), !(c.size > 0) && (o.current.delete(a), r((u) => vu(u, a)));
   }, []);
-  return /* @__PURE__ */ s(To.Provider, {
+  return /* @__PURE__ */ s(Lo.Provider, {
     value: i,
-    children: /* @__PURE__ */ s(No.Provider, {
+    children: /* @__PURE__ */ s(To.Provider, {
       value: n,
-      children: /* @__PURE__ */ s(Lo.Provider, {
+      children: /* @__PURE__ */ s(Mo.Provider, {
         value: t,
         children: e
       })
     })
   });
-}, du = () => F(Lo), cu = () => F(To), uu = (e) => {
+}, du = () => D(Mo), cu = () => D(Lo), uu = (e) => {
   const t = cu(), r = Q(), n = M(null);
-  return H(() => {
+  return F(() => {
     if (typeof ResizeObserver > "u") return;
     const o = n.current;
     if (o === null) return;
@@ -3900,19 +3896,19 @@ var bc = "_19519k82", Sc = "_19519k83", wc = "_19519k85", Rc = "_19519k86", kc =
     r,
     t
   ]), n;
-}, hu = () => F(No), gu = (e, t, r) => {
+}, hu = () => D(To), gu = (e, t, r) => {
   const n = e.get(t);
-  if (n !== void 0 && Math.abs(n.width - r.width) < Kr && Math.abs(n.height - r.height) < Kr) return e;
+  if (n !== void 0 && Math.abs(n.width - r.width) < zr && Math.abs(n.height - r.height) < zr) return e;
   const o = new Map(e);
   return o.set(t, r), o;
 }, vu = (e, t) => {
   if (!e.has(t)) return e;
   const r = new Map(e);
   return r.delete(t), r;
-}, Ho = "data-edit-kind", fu = "data-edit-id", pu = "observations", mu = /* @__PURE__ */ new Set(["annotation"]), Au = (e) => mu.has(e.kind), yu = (e, t) => e === t ? !0 : e === null || t === null || e.kind !== t.kind ? !1 : e.id === t.id, _e = (e) => ({
-  [Ho]: e.kind,
+}, No = "data-edit-kind", fu = "data-edit-id", pu = "observations", mu = /* @__PURE__ */ new Set(["annotation"]), Au = (e) => mu.has(e.kind), yu = (e, t) => e === t ? !0 : e === null || t === null || e.kind !== t.kind ? !1 : e.id === t.id, _e = (e) => ({
+  [No]: e.kind,
   [fu]: e.id
-}), xu = () => ({ [Ho]: pu }), $f = (e, t) => e !== null && e.annotationId === t ? e : null, bu = (e, t) => e.annotationId === t.annotationId && e.translation.x === t.translation.x && e.translation.y === t.translation.y, _f = (e, t, r) => e !== null && e.annotationId === t && e.endpoint === r ? e : null, Su = (e, t) => e.annotationId === t.annotationId && e.endpoint === t.endpoint && e.anchor.x === t.anchor.x && e.anchor.y === t.anchor.y, ep = (e, t, r) => e !== null && e.annotationId === t && e.endpoint === r ? e : null, wu = (e, t) => e.annotationId === t.annotationId && e.endpoint === t.endpoint && Fi(e.point.anchor, t.point.anchor), tp = (e, t) => e !== null && e.annotationId === t ? e : null, Ru = (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, rp = (e, t) => e !== null && e.annotationId === t ? e : null, ku = (e, t) => e.annotationId === t.annotationId && e.at.x === t.at.x && e.width === t.width && e.shift === t.shift, Ke = ({ standingInteraction: e }, t) => e !== null && be(e, t) ? e : null, Cu = (e, t) => {
+}), xu = () => ({ [No]: pu }), $f = (e, t) => e !== null && e.annotationId === t ? e : null, bu = (e, t) => e.annotationId === t.annotationId && e.translation.x === t.translation.x && e.translation.y === t.translation.y, _f = (e, t, r) => e !== null && e.annotationId === t && e.endpoint === r ? e : null, Su = (e, t) => e.annotationId === t.annotationId && e.endpoint === t.endpoint && e.anchor.x === t.anchor.x && e.anchor.y === t.anchor.y, ep = (e, t, r) => e !== null && e.annotationId === t && e.endpoint === r ? e : null, wu = (e, t) => e.annotationId === t.annotationId && e.endpoint === t.endpoint && Hi(e.point.anchor, t.point.anchor), tp = (e, t) => e !== null && e.annotationId === t ? e : null, Ru = (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, rp = (e, t) => e !== null && e.annotationId === t ? e : null, ku = (e, t) => e.annotationId === t.annotationId && e.at.x === t.at.x && e.width === t.width && e.shift === t.shift, Ke = ({ standingInteraction: e }, t) => e !== null && be(e, t) ? e : null, Cu = (e, t) => {
   if (e === null) return !1;
   switch (t.kind) {
     case "difference-arrow-endpoint-drag":
@@ -3930,14 +3926,14 @@ var bc = "_19519k82", Sc = "_19519k83", wc = "_19519k85", Rc = "_19519k86", kc =
     case "menu":
       return !1;
   }
-}, be = (e, t) => e.kind === t, Fo = () => Tn((e) => ({
+}, be = (e, t) => e.kind === t, Ho = () => Ln((e) => ({
   menuTrigger: null,
   chromeUnderPointer: null,
   editTargetUnderPointer: null,
   standingInteraction: null,
   pressContext: null,
   caret: null,
-  setMenuTrigger: (t) => e((r) => Di(r.menuTrigger, t) ? r : { menuTrigger: t }),
+  setMenuTrigger: (t) => e((r) => Fi(r.menuTrigger, t) ? r : { menuTrigger: t }),
   setChromeUnderPointer: (t) => e({ chromeUnderPointer: t }),
   setEditTargetUnderPointer: (t) => e((r) => yu(r.editTargetUnderPointer, t) ? r : { editTargetUnderPointer: t }),
   claimInteraction: (t) => e((r) => Cu(r.standingInteraction, t) ? r : { standingInteraction: t }),
@@ -3951,35 +3947,35 @@ var bc = "_19519k82", Sc = "_19519k83", wc = "_19519k85", Rc = "_19519k86", kc =
     ...r.caret,
     editor: t
   } })
-})), fr = z(null), Eu = Fo(), np = ({ children: e }) => {
-  const [t] = V(() => Fo());
-  return /* @__PURE__ */ s(fr.Provider, {
+})), gr = z(null), Eu = Ho(), np = ({ children: e }) => {
+  const [t] = V(() => Ho());
+  return /* @__PURE__ */ s(gr.Provider, {
     value: t,
     children: e
   });
 }, op = () => {
-  const e = F(fr);
+  const e = D(gr);
   if (e === null) throw new Error("useEditorStore must be used inside an <EditorProvider>.");
   return e;
 };
 function ye(e) {
-  return Je(F(fr) ?? Eu, e);
+  return Je(D(gr) ?? Eu, e);
 }
-var Do = z(null), Pu = ({ panelRect: e, children: t }) => {
+var Fo = z(null), Pu = ({ panelRect: e, children: t }) => {
   const r = Iu(e);
-  return /* @__PURE__ */ s(Do.Provider, {
+  return /* @__PURE__ */ s(Fo.Provider, {
     value: r,
     children: t
   });
 }, Bu = () => {
-  const e = F(Do);
+  const e = D(Fo);
   if (e === null) throw new Error("Difference arrows read outside a <DifferenceArrowsProvider>.");
   return e;
-}, Yr = (e, t, r) => t.isColorAuthored ? t.color : Ea(e.start, e.end, {
+}, Qr = (e, t, r) => t.isColorAuthored ? t.color : Ca(e.start, e.end, {
   start: r(e.start),
   end: r(e.end)
 }) ?? t.color, Iu = (e) => {
-  const { formattingLocale: t } = K(), r = Re(), { fonts: n } = Fe(), o = ye((m) => Ke(m, "difference-arrow-endpoint-drag")), i = as(), a = Co(), { differenceArrows: l, mainAxis: d, parsingLocale: c } = I(q((m) => ({
+  const { formattingLocale: t } = K(), r = Re(), { fonts: n } = Fe(), o = ye((m) => Ke(m, "difference-arrow-endpoint-drag")), i = as(), a = ko(), { differenceArrows: l, mainAxis: d, parsingLocale: c } = I(X((m) => ({
     differenceArrows: m.annotations.differenceArrows,
     mainAxis: m.coordSystem.type === "cartesian" ? m.coordSystem.mainAxis : "x",
     parsingLocale: m.config.parsingLocale
@@ -3994,17 +3990,17 @@ var Do = z(null), Pu = ({ panelRect: e, children: t }) => {
     g,
     u
   ]), f = y(() => Mu(r, n.familyDefault), [r, n.familyDefault]), A = y(() => l.map((m) => {
-    const b = a(m.id), x = jr(m, b, v, f);
+    const b = a(m.id), x = Kr(m, b, v, f);
     return {
       ...x,
       arrow: m,
       style: b,
-      color: Yr(m, b, i),
+      color: Qr(m, b, i),
       committedArrow: m,
       committedLabelBox: x.labelBox,
       committedLabelText: x.labelText,
       isDragged: !1,
-      hasComparableEndpoints: Cr(m.start, m.end)
+      hasComparableEndpoints: Rr(m.start, m.end)
     };
   }), [
     l,
@@ -4017,15 +4013,15 @@ var Do = z(null), Pu = ({ panelRect: e, children: t }) => {
     if (m.id !== o.annotationId) return m;
     const b = Lu(m.committedArrow, o);
     return {
-      ...jr(b, m.style, v, f),
+      ...Kr(b, m.style, v, f),
       style: m.style,
-      color: Yr(b, m.style, i),
+      color: Qr(b, m.style, i),
       arrow: b,
       committedArrow: m.committedArrow,
       committedLabelBox: m.committedLabelBox,
       committedLabelText: m.committedLabelText,
       isDragged: !0,
-      hasComparableEndpoints: Cr(b.start, b.end)
+      hasComparableEndpoints: Rr(b.start, b.end)
     };
   }), [
     A,
@@ -4034,15 +4030,15 @@ var Do = z(null), Pu = ({ panelRect: e, children: t }) => {
     f,
     i
   ]);
-}, jr = (e, t, r, n) => {
-  const o = qi({
+}, Kr = (e, t, r, n) => {
+  const o = Xi({
     arrow: e,
     style: t,
     ...r
   });
   return {
     ...o,
-    labelBox: da({
+    labelBox: la({
       labelPosition: o.labelPosition,
       measuredTextWidth: n(o.labelText, t.label),
       label: t.label
@@ -4051,7 +4047,7 @@ var Do = z(null), Pu = ({ panelRect: e, children: t }) => {
 }, Mu = (e, t) => {
   const r = /* @__PURE__ */ new Map();
   return (n, o) => {
-    const i = X(o, t), a = `${i.family}|${i.size}|${i.weight}|${n}`, l = r.get(a);
+    const i = j(o, t), a = `${i.family}|${i.size}|${i.weight}|${n}`, l = r.get(a);
     if (l !== void 0) return l;
     const { width: d } = e.measureText(n, i);
     return r.set(a, d), d;
@@ -4095,8 +4091,8 @@ var Ou = "vultop2", Wu = "vultop3", Gu = "vultop4", Uu = "vultop5", Vu = "vultop
     return i <= 0.03928 ? i / 12.92 : ((i + 0.055) / 1.055) ** 2.4;
   };
   return 0.2126 * n(e) + 0.7152 * n(t) + 0.0722 * n(r);
-}, ju = (e, t, r = "full") => !e || t.width < 120 || t.height < 80 ? "hidden" : t.width < 200 || r === "mini" ? "mini" : "full", Oo = ({ visual: e, placement: t }) => {
-  const { background: r } = wn(L()), n = Qu(r);
+}, ju = (e, t, r = "full") => !e || t.width < 120 || t.height < 80 ? "hidden" : t.width < 200 || r === "mini" ? "mini" : "full", Do = ({ visual: e, placement: t }) => {
+  const { background: r } = Sn(L()), n = Qu(r);
   return /* @__PURE__ */ S("a", {
     className: je(Du, e === "mini" && "vultop1", t === "footer" ? Vu : zu),
     href: Hu,
@@ -4116,16 +4112,16 @@ var Ou = "vultop2", Wu = "vultop3", Gu = "vultop4", Uu = "vultop5", Vu = "vultop
       })]
     })]
   });
-}, Wo = z({
+}, Oo = z({
   Title: null,
   Caption: null,
   TextAnnotation: null
-}), ip = ({ editors: e, children: t }) => /* @__PURE__ */ s(Wo.Provider, {
+}), ip = ({ editors: e, children: t }) => /* @__PURE__ */ s(Oo.Provider, {
   value: e,
   children: t
-}), pr = () => F(Wo), Xr = "_4dlrid0", Xu = "xfz7dq0";
+}), vr = () => D(Oo), Yr = "_4dlrid0", Xu = "xfz7dq0";
 var qu = "xfz7dq2", Ju = "xfz7dq3", Zu = "xfz7dq4", $u = "xfz7dq5", _u = ({ ref: e, footerRect: t, mode: r = ve.readonly, caption: n, isCaptionVisible: o, source: i, isSourceVisible: a, captionStyle: l, sourceStyle: d, brandMark: c }) => {
-  const { Caption: u } = pr(), h = $e[lr(r)].inlineTextEditing ? u : null, g = o && (h !== null || n !== null), v = a && i !== null && nh(i), f = c !== "hidden";
+  const { Caption: u } = vr(), h = $e[ar(r)].inlineTextEditing ? u : null, g = o && (h !== null || n !== null), v = a && i !== null && nh(i), f = c !== "hidden";
   return !g && !v && !f ? null : /* @__PURE__ */ S("div", {
     ref: e,
     className: Xu,
@@ -4145,22 +4141,22 @@ var qu = "xfz7dq2", Ju = "xfz7dq3", Zu = "xfz7dq4", $u = "xfz7dq5", _u = ({ ref:
       children: [v && /* @__PURE__ */ s(th, {
         source: i,
         sourceStyle: d
-      }), c !== "hidden" ? /* @__PURE__ */ s(Oo, {
+      }), c !== "hidden" ? /* @__PURE__ */ s(Do, {
         visual: c,
         placement: "footer"
       }) : null]
     })]
   });
 }, eh = ({ caption: e, captionStyle: t }) => e === null ? null : typeof e == "string" ? /* @__PURE__ */ s("p", {
-  className: Xr,
+  className: Yr,
   style: Ae(t),
   children: e
 }) : /* @__PURE__ */ s("div", {
-  className: Xr,
+  className: Yr,
   style: Ae(t),
   children: /* @__PURE__ */ s(Me, { content: e })
 }), th = ({ source: e, sourceStyle: t }) => {
-  const r = _t(e.url) ? e.url : void 0, n = e.label ?? (r !== void 0 ? rh(r) : "");
+  const r = Zt(e.url) ? e.url : void 0, n = e.label ?? (r !== void 0 ? rh(r) : "");
   return n === "" && r === void 0 ? null : /* @__PURE__ */ S("span", {
     className: qu,
     style: Ae(t.label),
@@ -4185,9 +4181,9 @@ var qu = "xfz7dq2", Ju = "xfz7dq3", Zu = "xfz7dq4", $u = "xfz7dq5", _u = ({ ref:
   } catch {
     return e;
   }
-}, nh = (e) => e.label !== void 0 && e.label !== "" || e.url !== void 0 && e.url !== "" && _t(e.url), oh = "_1k4qtbg0";
+}, nh = (e) => e.label !== void 0 && e.label !== "" || e.url !== void 0 && e.url !== "" && Zt(e.url), oh = "_1k4qtbg0";
 var ih = 22, ah = ({ ref: e, headerRect: t, mode: r = ve.readonly, title: n, isTitleVisible: o, subtitle: i, isSubtitleVisible: a, headingStyle: l, subtitleStyle: d, brandMark: c }) => {
-  const { Title: u } = pr(), h = $e[lr(r)].inlineTextEditing ? u : null, g = h !== null, v = o && (g || n !== null), f = a && (g || i !== null), A = c !== "hidden";
+  const { Title: u } = vr(), h = $e[ar(r)].inlineTextEditing ? u : null, g = h !== null, v = o && (g || n !== null), f = a && (g || i !== null), A = c !== "hidden";
   return !v && !f && !A ? null : /* @__PURE__ */ S("div", {
     ref: e,
     className: je(oh, A && "_1k4qtbg1"),
@@ -4211,7 +4207,7 @@ var ih = 22, ah = ({ ref: e, headerRect: t, mode: r = ve.readonly, title: n, isT
       subtitle: i,
       headingStyle: l,
       subtitleStyle: d
-    }), c !== "hidden" ? /* @__PURE__ */ s(Oo, {
+    }), c !== "hidden" ? /* @__PURE__ */ s(Do, {
       visual: c,
       placement: "header"
     }) : null]
@@ -4237,16 +4233,16 @@ var ih = 22, ah = ({ ref: e, headerRect: t, mode: r = ve.readonly, title: n, isT
   }))] });
 }, lh = (e) => {
   const t = L();
-  return y(() => dt(t, e), [t, e]);
-}, Go = () => {
+  return y(() => lt(t, e), [t, e]);
+}, Wo = () => {
   const e = L();
-  return y(() => kn(e), [e]);
+  return y(() => Rn(e), [e]);
 }, dh = "_1u9qprb0", ch = "_1u9qprb1", uh = /* @__PURE__ */ os({
   groupRow: () => vh,
-  item: () => Uo,
+  item: () => Go,
   trendRow: () => gh,
   valueRow: () => hh
-}), hh = "_9aen060", gh = "_9aen061", vh = "_9aen062", Uo = "_9aen063", fh = {
+}), hh = "_9aen060", gh = "_9aen061", vh = "_9aen062", Go = "_9aen063", fh = {
   xxs: 8,
   xs: 12,
   sm: 16,
@@ -4256,7 +4252,7 @@ var ih = 22, ah = ({ ref: e, headerRect: t, mode: r = ve.readonly, title: n, isT
 }, ph = {
   primary: "asohov1 asohov0",
   secondary: "asohov2 asohov0"
-}, Vo = ({ children: e, title: t, variant: r = "primary", size: n = "sm", ...o }) => {
+}, Uo = ({ children: e, title: t, variant: r = "primary", size: n = "sm", ...o }) => {
   const i = Q(), a = fh[n];
   return /* @__PURE__ */ S("svg", {
     className: ph[r],
@@ -4272,7 +4268,7 @@ var ih = 22, ah = ({ ref: e, headerRect: t, mode: r = ve.readonly, title: n, isT
       children: t
     }), e]
   });
-}, mh = (e) => /* @__PURE__ */ s(Vo, {
+}, mh = (e) => /* @__PURE__ */ s(Uo, {
   ...e,
   children: /* @__PURE__ */ S("g", {
     stroke: "currentColor",
@@ -4281,7 +4277,7 @@ var ih = 22, ah = ({ ref: e, headerRect: t, mode: r = ve.readonly, title: n, isT
     strokeLinejoin: "round",
     children: [/* @__PURE__ */ s("path", { d: "m5 12 7-7 7 7" }), /* @__PURE__ */ s("path", { d: "M12 19V5" })]
   })
-}), Ah = (e) => /* @__PURE__ */ s(Vo, {
+}), Ah = (e) => /* @__PURE__ */ s(Uo, {
   ...e,
   children: /* @__PURE__ */ s("g", {
     stroke: "currentColor",
@@ -4297,9 +4293,9 @@ var wh = ({ segment: e, itemStyle: t }) => {
     size: e.size
   });
   if (e.kind === "trendArrow") {
-    const o = zo(t, e.direction);
+    const o = Vo(t, e.direction);
     return /* @__PURE__ */ s("div", {
-      className: ht(Sh, e.direction === "down" && "n7clvo4"),
+      className: ut(Sh, e.direction === "down" && "n7clvo4"),
       style: {
         color: o,
         backgroundColor: e.direction === "flat" ? Y(p.textPrimary, 0.1) : Y(o, 0.2)
@@ -4320,7 +4316,7 @@ var wh = ({ segment: e, itemStyle: t }) => {
     children: e.text
   });
 }, Rh = ({ swatch: e, size: t }) => {
-  const r = me(), n = kt(e.layerId, e.value, t);
+  const r = me(), n = Rt(e.layerId, e.value, t);
   return /* @__PURE__ */ s(Ze, {
     shape: r(e.geom, "cartesian")?.swatchShape ?? "square",
     color: e.color,
@@ -4347,7 +4343,7 @@ var wh = ({ segment: e, itemStyle: t }) => {
     case "trendPercentage":
       return { style: Pe({
         ...t.trend,
-        textColor: zo(t, e.trendDirection ?? "up")
+        textColor: Vo(t, e.trendDirection ?? "up")
       }) };
     case "trendReference":
       return {
@@ -4360,7 +4356,7 @@ var wh = ({ segment: e, itemStyle: t }) => {
     default:
       return e.textRole;
   }
-}, zo = (e, t) => {
+}, Vo = (e, t) => {
   switch (t) {
     case "up":
       return e.trendUp.textColor;
@@ -4372,8 +4368,8 @@ var wh = ({ segment: e, itemStyle: t }) => {
       return t;
   }
 }, Ch = ({ item: e, itemStyle: t }) => /* @__PURE__ */ s("div", {
-  className: Uo,
-  children: ln(e, t.swatch.size).map((r) => /* @__PURE__ */ s(Eh, {
+  className: Go,
+  children: sn(e, t.swatch.size).map((r) => /* @__PURE__ */ s(Eh, {
     row: r,
     itemStyle: t
   }, r.role))
@@ -4394,14 +4390,14 @@ var wh = ({ segment: e, itemStyle: t }) => {
   const t = e.segments.find((r) => r.kind === "trendArrow");
   return t?.kind === "trendArrow" ? t.direction : void 0;
 }, Bh = ({ headline: e, rect: t, resolvedSize: r, visibleItemCount: n, isInDonutHole: o = !1 }) => {
-  const i = Go(), a = lh(r), l = {
+  const i = Wo(), a = lh(r), l = {
     left: t.x,
     top: t.y,
     width: t.width,
     height: t.height
   };
   if (e.kind === "grandTotal") {
-    const d = Rn(a, o);
+    const d = wn(a, o);
     return /* @__PURE__ */ s("div", {
       className: ch,
       style: l,
@@ -4424,9 +4420,9 @@ var wh = ({ segment: e, itemStyle: t }) => {
   });
 }, Ih = (e, t) => e.isTextColorAuthored ? e.textColor : t ?? e.textColor, Mh = "_1oj6yix0";
 var Lh = "_1oj6yix2", Th = 8, Nh = 16, Hh = 2, Fh = ({ legends: e, containerRect: t }) => {
-  const r = Eo(), n = we(r), { placements: o, hasOverlap: i } = Dh(e, t, n), a = Wh(r);
+  const r = Co(), n = we(r), { placements: o, hasOverlap: i } = Dh(e, t, n), a = Wh(r);
   if (o.length === 0) return null;
-  const l = i ? Nh : Th, d = l - Hh, c = yt(r.lineType);
+  const l = i ? Nh : Th, d = l - Hh, c = At(r.lineType);
   return /* @__PURE__ */ S("div", {
     className: Mh,
     children: [i && /* @__PURE__ */ s("svg", {
@@ -4469,7 +4465,7 @@ var Lh = "_1oj6yix2", Th = 8, Nh = 16, Hh = 2, Fh = ({ legends: e, containerRect
   return n.length === 0 || t.height <= 0 ? {
     placements: [],
     hasOverlap: !1
-  } : Ji({
+  } : qi({
     items: n,
     containerHeight: t.height,
     labelHeight: r
@@ -4490,31 +4486,31 @@ var Lh = "_1oj6yix2", Th = 8, Nh = 16, Hh = 2, Fh = ({ legends: e, containerRect
 }, Wh = (e) => ({
   ...fe(e),
   lineHeight: e.lineHeight
-}), Gh = "_6a636s0", Qo = () => {
+}), Gh = "_6a636s0", zo = () => {
   const e = L();
   return y(() => za(e), [e]);
-}, Ko = (e) => ({
+}, Qo = (e) => ({
   background: e.background,
   borderRadius: e.borderRadius,
-  ...qo(e.borderWidth, e.borderColor)
-}), Yo = (e) => ({
-  ...Xo(e),
-  ...Ko(e),
+  ...Xo(e.borderWidth, e.borderColor)
+}), Ko = (e) => ({
+  ...jo(e),
+  ...Qo(e),
   paddingInline: e.paddingInline,
   paddingBlock: e.paddingBlock
-}), jo = (e) => e.background !== void 0 || e.borderWidth > 0, Uh = (e, t) => ({
+}), Yo = (e) => e.background !== void 0 || e.borderWidth > 0, Uh = (e, t) => ({
   background: e.background,
   borderRadius: e.borderRadius,
   paddingInline: e.paddingInline,
   paddingBlock: e.paddingBlock,
-  boxShadow: cr(e.shadow),
-  ...qo(e.borderWidth, e.borderColor),
-  ...Xo(t)
-}), Xo = (e) => ({
+  boxShadow: lr(e.shadow),
+  ...Xo(e.borderWidth, e.borderColor),
+  ...jo(t)
+}), jo = (e) => ({
   ...fe(e),
   color: e.textColor,
   lineHeight: e.lineHeight
-}), qo = (e, t) => e > 0 && t !== void 0 ? { border: `${e}px solid ${t}` } : {}, Vh = "_1kjk02r0", zh = {
+}), Xo = (e, t) => e > 0 && t !== void 0 ? { border: `${e}px solid ${t}` } : {}, Vh = "_1kjk02r0", zh = {
   1: "_1kjk02r1",
   2: "_1kjk02r2"
 }, Qh = {
@@ -4528,7 +4524,7 @@ var Kh = {
   1: "_1kjk02r8",
   2: "_1kjk02r9"
 }, jh = "_1kjk02ra", Xh = "_1kjk02rb";
-var qh = "_1dw9dgx0", Dt = "\0", Jh = (e, t) => {
+var qh = "_1dw9dgx0", Ft = "\0", Jh = (e, t) => {
   const r = [];
   return e.forEach((n, o) => {
     const i = n.aesthetics.includes("size");
@@ -4537,9 +4533,9 @@ var qh = "_1dw9dgx0", Dt = "\0", Jh = (e, t) => {
         const u = Number(a.visual.size);
         if (!Number.isFinite(u) || u <= 0) continue;
       }
-      const l = a.visual.color ?? "", d = i ? `${Dt}${Number(a.visual.size)}` : "", c = a.visual.lineType;
+      const l = a.visual.color ?? "", d = i ? `${Ft}${Number(a.visual.size)}` : "", c = a.visual.lineType;
       r.push({
-        key: `${o}${Dt}${String(a.value)}${Dt}${l}${d}`,
+        key: `${o}${Ft}${String(a.value)}${Ft}${l}${d}`,
         formattedLabel: a.formattedLabel,
         visual: a.visual,
         swatchShape: t(a.geom),
@@ -4550,8 +4546,8 @@ var qh = "_1dw9dgx0", Dt = "\0", Jh = (e, t) => {
       });
     }
   }), r;
-}, Jo = ({ pill: e }) => e.isBubble ? /* @__PURE__ */ s(_h, { pill: e }) : /* @__PURE__ */ s($h, { pill: e }), Zh = ({ color: e, lineType: t, shape: r, label: n, layerId: o, groupValue: i }) => {
-  const { swatch: a } = Pt(), l = kt(o, i, a.size);
+}, qo = ({ pill: e }) => e.isBubble ? /* @__PURE__ */ s(_h, { pill: e }) : /* @__PURE__ */ s($h, { pill: e }), Zh = ({ color: e, lineType: t, shape: r, label: n, layerId: o, groupValue: i }) => {
+  const { swatch: a } = Et(), l = Rt(o, i, a.size);
   return e ? /* @__PURE__ */ s(Ze, {
     shape: r,
     color: e,
@@ -4572,7 +4568,7 @@ var qh = "_1dw9dgx0", Dt = "\0", Jh = (e, t) => {
   layerId: e.layerId,
   groupValue: e.groupValue
 }), /* @__PURE__ */ s("span", { children: e.formattedLabel })] }), _h = ({ pill: e }) => {
-  const t = Number(e.visual.size), r = kt(e.layerId, e.groupValue, t);
+  const t = Number(e.visual.size), r = Rt(e.layerId, e.groupValue, t);
   return /* @__PURE__ */ S(B, { children: [/* @__PURE__ */ s("span", {
     className: qh,
     style: {
@@ -4583,16 +4579,16 @@ var qh = "_1dw9dgx0", Dt = "\0", Jh = (e, t) => {
     }
   }), /* @__PURE__ */ s("span", { children: e.formattedLabel })] });
 }, eg = ({ hiddenPills: e, placement: t }) => {
-  const r = yo(), [n, o] = V(!1), i = Pt(), a = Qo(), l = Yo(i.item), d = tg(e.length, i.item), c = d === null ? void 0 : Ko(i.item), { refs: u, floatingStyles: h } = Hn({
+  const r = Ao(), [n, o] = V(!1), i = Et(), a = zo(), l = Ko(i.item), d = tg(e.length, i.item), c = d === null ? void 0 : Qo(i.item), { refs: u, floatingStyles: h } = Nn({
     open: n,
     placement: t,
     middleware: [
-      Vt(4),
-      Ut(),
-      zt({ padding: 8 })
+      Ut(4),
+      Gt(),
+      Vt({ padding: 8 })
     ]
   });
-  H(() => {
+  F(() => {
     if (!n) return;
     const f = (m) => {
       const b = m.target;
@@ -4613,9 +4609,9 @@ var qh = "_1dw9dgx0", Dt = "\0", Jh = (e, t) => {
   const g = t === "left" || t === "right", v = d === null ? [] : Array.from({ length: d }, (f, A) => d - A);
   return /* @__PURE__ */ S(B, { children: [/* @__PURE__ */ S("div", {
     ref: u.setReference,
-    className: ht(Vh, d !== null && g && Qh[d], d !== null && !g && zh[d]),
+    className: ut(Vh, d !== null && g && Qh[d], d !== null && !g && zh[d]),
     children: [d !== null && v.map((f) => /* @__PURE__ */ s("span", {
-      className: ht("_1kjk02r5", g ? Yh[d] : Kh[d]),
+      className: ut("_1kjk02r5", g ? Yh[d] : Kh[d]),
       style: {
         ...c,
         ...rg(f, g)
@@ -4647,12 +4643,12 @@ var qh = "_1dw9dgx0", Dt = "\0", Jh = (e, t) => {
       className: "_1kjk02rd",
       children: e.map((f) => /* @__PURE__ */ s("li", {
         className: "_1kjk02re",
-        children: /* @__PURE__ */ s(Jo, { pill: f })
+        children: /* @__PURE__ */ s(qo, { pill: f })
       }, f.key))
     })
   })] });
 }, tg = (e, t) => {
-  if (!jo(t)) return null;
+  if (!Yo(t)) return null;
   const r = Math.min(e - 1, 2);
   return r === 1 ? 1 : r === 2 ? 2 : null;
 }, rg = (e, t) => {
@@ -4666,7 +4662,7 @@ var qh = "_1dw9dgx0", Dt = "\0", Jh = (e, t) => {
   right: "_1cecisi6",
   left: "_1cecisi7"
 }, lg = "_1cecisi8", dg = ({ edge: e, formattedLegends: t, containerWidth: r, containerHeight: n }) => {
-  const o = Re(), i = Fe(), a = Qo(), l = Pt(), d = me(), c = I((w) => w.coordSystem.type), u = y(() => Jh(t, (w) => d(w, c)?.swatchShape ?? "square"), [
+  const o = Re(), i = Fe(), a = zo(), l = Et(), d = me(), c = I((w) => w.coordSystem.type), u = y(() => Jh(t, (w) => d(w, c)?.swatchShape ?? "square"), [
     t,
     d,
     c
@@ -4679,24 +4675,24 @@ var qh = "_1dw9dgx0", Dt = "\0", Jh = (e, t) => {
       visibleCount: u.length,
       hasOverflow: !1
     };
-    const w = X(l.item, i.fonts.familyDefault), k = we(l.item), E = 2 * (l.item.paddingInline + l.item.borderWidth), C = 2 * (l.item.paddingBlock + l.item.borderWidth), N = (O) => h ? cg(O, k, l.swatch.size, C) : qr({
-      label: O.formattedLabel,
-      swatchInlineSize: ug(O, l.swatch.size),
+    const w = j(l.item, i.fonts.familyDefault), k = we(l.item), E = 2 * (l.item.paddingInline + l.item.borderWidth), C = 2 * (l.item.paddingBlock + l.item.borderWidth), N = (W) => h ? cg(W, k, l.swatch.size, C) : jr({
+      label: W.formattedLabel,
+      swatchInlineSize: ug(W, l.swatch.size),
       textMeasurer: o,
       font: w,
       swatchGap: i.legendSwatchGap,
       horizontalChrome: E
-    }), G = u.map(N), D = (h ? k + C : qr({
+    }), H = u.map(N), U = (h ? k + C : jr({
       label: `+${u.length}`,
       swatchInlineSize: 0,
       textMeasurer: o,
       font: w,
       swatchGap: i.legendSwatchGap,
       horizontalChrome: E
-    })) + (jo(l.item) ? 8 : 0);
+    })) + (Yo(l.item) ? 8 : 0);
     return gg({
-      pillSizes: G,
-      overflowPillSize: D,
+      pillSizes: H,
+      overflowPillSize: U,
       containerSize: g,
       gap: a.gap
     });
@@ -4710,9 +4706,9 @@ var qh = "_1dw9dgx0", Dt = "\0", Jh = (e, t) => {
     l
   ]);
   if (u.length === 0) return null;
-  const A = u.slice(0, f.visibleCount), m = u.slice(f.visibleCount), b = f.hasOverflow && m.length > 0, x = Yo(l.item);
+  const A = u.slice(0, f.visibleCount), m = u.slice(f.visibleCount), b = f.hasOverflow && m.length > 0, x = Ko(l.item);
   return /* @__PURE__ */ S("div", {
-    className: ht(ag[v], ng, {
+    className: ut(ag[v], ng, {
       [ig]: h,
       [og]: !h,
       [sg[e === "left" ? "left" : "right"]]: h
@@ -4721,19 +4717,19 @@ var qh = "_1dw9dgx0", Dt = "\0", Jh = (e, t) => {
     children: [A.map((w) => /* @__PURE__ */ s("div", {
       className: lg,
       style: x,
-      children: /* @__PURE__ */ s(Jo, { pill: w })
+      children: /* @__PURE__ */ s(qo, { pill: w })
     }, w.key)), b && /* @__PURE__ */ s(eg, {
       hiddenPills: m,
       placement: vg(e)
     })]
   });
-}, qr = ({ label: e, swatchInlineSize: t, textMeasurer: r, font: n, swatchGap: o, horizontalChrome: i }) => {
+}, jr = ({ label: e, swatchInlineSize: t, textMeasurer: r, font: n, swatchGap: o, horizontalChrome: i }) => {
   const a = r.measureText(e, n).width;
   return t + (t > 0 ? o : 0) + a + i;
 }, cg = (e, t, r, n) => {
   const o = hg(e, r);
   return Math.max(t, o) + n;
-}, ug = (e, t) => mt(e.visual, t, e.isBubble), hg = (e, t) => e.isBubble ? mt(e.visual, t, !0) : t, gg = ({ pillSizes: e, overflowPillSize: t, containerSize: r, gap: n }) => {
+}, ug = (e, t) => pt(e.visual, t, e.isBubble), hg = (e, t) => e.isBubble ? pt(e.visual, t, !0) : t, gg = ({ pillSizes: e, overflowPillSize: t, containerSize: r, gap: n }) => {
   if (e.length === 0) return {
     visibleCount: 0,
     hasOverflow: !1
@@ -4766,7 +4762,7 @@ var qh = "_1dw9dgx0", Dt = "\0", Jh = (e, t) => {
     case "right":
       return "left";
   }
-}, fg = ee(function({ formattedLegends: t, rects: r }) {
+}, fg = te(function({ formattedLegends: t, rects: r }) {
   const n = y(() => {
     const o = /* @__PURE__ */ new Map();
     for (const i of t) {
@@ -4804,8 +4800,8 @@ var qh = "_1dw9dgx0", Dt = "\0", Jh = (e, t) => {
   if (!o) return null;
   const i = n(o.geom, r.type);
   return i ? i.guideMode ?? null : null;
-}, Zo = 1, $o = "4 3", mg = ({ panelRect: e }) => {
-  const { coordSystem: t, layers: r, scales: n } = I(q((d) => ({
+}, Jo = 1, Zo = "4 3", mg = ({ panelRect: e }) => {
+  const { coordSystem: t, layers: r, scales: n } = I(X((d) => ({
     coordSystem: d.coordSystem,
     layers: d.layers,
     scales: d.scales
@@ -4840,21 +4836,21 @@ var qh = "_1dw9dgx0", Dt = "\0", Jh = (e, t) => {
     guide: a
   });
 }, Ag = ({ coordSystem: e, primary: t, panelRect: r, guide: n }) => {
-  const o = ca(e, t);
-  return /* @__PURE__ */ s(Bt, {
+  const o = da(e, t);
+  return /* @__PURE__ */ s(Pt, {
     panelRect: r,
     children: /* @__PURE__ */ s("line", {
       ...o,
       stroke: n.color,
-      strokeWidth: Zo,
-      strokeDasharray: $o,
+      strokeWidth: Jo,
+      strokeDasharray: Zo,
       strokeLinecap: "round",
       "data-testid": "hover-guide-line"
     })
   });
 }, yg = ({ coordSystem: e, scales: t, primary: r, panelRect: n, guide: o }) => {
-  const i = ua(e, t, r);
-  return i === null ? null : /* @__PURE__ */ s(Bt, {
+  const i = ca(e, t, r);
+  return i === null ? null : /* @__PURE__ */ s(Pt, {
     panelRect: n,
     children: /* @__PURE__ */ s("rect", {
       ...i,
@@ -4863,8 +4859,8 @@ var qh = "_1dw9dgx0", Dt = "\0", Jh = (e, t) => {
     })
   });
 }, xg = ({ coordSystem: e, primary: t, panelRect: r, guide: n }) => {
-  const o = On(r), i = _(t.x, e.innerRadius, o), a = _(t.x, 1, o);
-  return /* @__PURE__ */ s(Bt, {
+  const o = Dn(r), i = ee(t.x, e.innerRadius, o), a = ee(t.x, 1, o);
+  return /* @__PURE__ */ s(Pt, {
     panelRect: r,
     children: /* @__PURE__ */ s("line", {
       x1: i.x,
@@ -4872,17 +4868,17 @@ var qh = "_1dw9dgx0", Dt = "\0", Jh = (e, t) => {
       x2: a.x,
       y2: a.y,
       stroke: n.color,
-      strokeWidth: Zo,
-      strokeDasharray: $o,
+      strokeWidth: Jo,
+      strokeDasharray: Zo,
       strokeLinecap: "round",
       "data-testid": "hover-guide-line"
     })
   });
 }, bg = ({ coordSystem: e, primary: t, panelRect: r, guide: n }) => {
-  const o = ha(e, t);
+  const o = ua(e, t);
   if (o === null) return null;
   const i = Se(o);
-  return i ? /* @__PURE__ */ s(Bt, {
+  return i ? /* @__PURE__ */ s(Pt, {
     panelRect: r,
     children: /* @__PURE__ */ s("svg", {
       viewBox: "-1 -1 2 2",
@@ -4897,7 +4893,7 @@ var qh = "_1dw9dgx0", Dt = "\0", Jh = (e, t) => {
       })
     })
   }) : null;
-}, Bt = ({ panelRect: e, children: t }) => /* @__PURE__ */ s("svg", {
+}, Pt = ({ panelRect: e, children: t }) => /* @__PURE__ */ s("svg", {
   x: e.x,
   y: e.y,
   width: e.width,
@@ -4908,17 +4904,17 @@ var qh = "_1dw9dgx0", Dt = "\0", Jh = (e, t) => {
   },
   "data-testid": "hover-guide",
   children: t
-}), _o = z(ve.readonly);
-function ei() {
-  return F(_o);
+}), $o = z(ve.readonly);
+function _o() {
+  return D($o);
 }
 var ap = (e, t, r) => {
-  for (const n of Object.values(ri)) {
+  for (const n of Object.values(ti)) {
     const o = n(e, t, r);
     if (o !== null) return o;
   }
   return null;
-}, Sg = (e) => ri[e] !== void 0, wg = (e, t, r) => ti(e, r, t / 2), Rg = (e, t) => {
+}, Sg = (e) => ti[e] !== void 0, wg = (e, t, r) => ei(e, r, t / 2), Rg = (e, t) => {
   const r = Ye(e.start, t), n = Ye(e.end, t);
   return r.x === n.x && r.y === n.y ? null : {
     shape: "segment",
@@ -4928,7 +4924,7 @@ var ap = (e, t, r) => {
 }, kg = (e, { panel: t, measuredBoxes: r }) => {
   const n = r.get(e.id);
   if (n === void 0) return null;
-  const o = an(e.align), i = Ye(e.at, t);
+  const o = on(e.align), i = Ye(e.at, t);
   return {
     shape: "rect",
     rect: {
@@ -4938,11 +4934,11 @@ var ap = (e, t, r) => {
       height: n.height
     }
   };
-}, lt = (e, t) => (r, n, o) => {
+}, st = (e, t) => (r, n, o) => {
   const i = e(r).find((a) => a.id === n);
   return i === void 0 ? null : t(i, o);
-}, ti = (e, t, r = 0) => {
-  const n = er(e, t);
+}, ei = (e, t, r = 0) => {
+  const n = $t(e, t);
   return {
     shape: "rect",
     rect: {
@@ -4952,17 +4948,17 @@ var ap = (e, t, r) => {
       height: n.height + r * 2
     }
   };
-}, ri = {
-  text: lt((e) => e.textAnnotations, kg),
-  shape: lt((e) => e.shapes, (e, t) => wg(e.region, Pn(t.chromeReaders, e.id).borderWidth, t.panel)),
-  image: lt((e) => e.images, (e, t) => ti(e.region, t.panel)),
-  arrow: lt((e) => e.arrows, (e, t) => Rg(e, t.panel))
+}, ti = {
+  text: st((e) => e.textAnnotations, kg),
+  shape: st((e) => e.shapes, (e, t) => wg(e.region, En(t.chromeReaders, e.id).borderWidth, t.panel)),
+  image: st((e) => e.images, (e, t) => ei(e.region, t.panel)),
+  arrow: st((e) => e.arrows, (e, t) => Rg(e, t.panel))
 }, Cg = (e, t) => {
-  const r = oa(e, t);
-  return r !== null && Sg(r.kind) && ya(r);
+  const r = na(e, t);
+  return r !== null && Sg(r.kind) && Aa(r);
 }, Eg = 200, Pg = ({ engine: e, store: t, overlayRef: r }) => {
-  const n = $e[ei()].tolerance;
-  H(() => {
+  const n = $e[_o()].tolerance;
+  F(() => {
     const o = r.current;
     if (!o) return;
     const i = Bg(o, e), a = Mg(o, e, t, n ?? void 0);
@@ -5013,7 +5009,7 @@ var ap = (e, t, r) => {
     if (A === null) return;
     const m = l(f, A), b = r.getState();
     if (b.isPointerSuspended) return;
-    const x = Er(m, b.pointerRegions);
+    const x = kr(m, b.pointerRegions);
     if (x !== null) {
       b.setHoverState(t.query(x.cursor, n)), b.setTooltipAnchor(Ig(x.tooltip, A));
       return;
@@ -5022,12 +5018,12 @@ var ap = (e, t, r) => {
     b.setHoverState(t.query(w, n)), b.setTooltipAnchor(null);
   }, c = () => {
     const f = r.getState();
-    f.hover.primary === null && f.tooltipAnchor === null || (f.setHoverState(ut), f.setTooltipAnchor(null));
+    f.hover.primary === null && f.tooltipAnchor === null || (f.setHoverState(ct), f.setTooltipAnchor(null));
   }, u = (f) => {
     const A = r.getState();
     if (A.pointerRegions.length === 0) return !1;
     const m = a();
-    return m === null ? !1 : Er(l(f, m), A.pointerRegions) !== null;
+    return m === null ? !1 : kr(l(f, m), A.pointerRegions) !== null;
   }, h = (f) => {
     r.getState().isPointerSuspended || u(f) || (document.removeEventListener("pointermove", h), c());
   }, g = (f) => {
@@ -5045,7 +5041,7 @@ var ap = (e, t, r) => {
     e.removeEventListener("pointermove", g), e.removeEventListener("pointerleave", v), document.removeEventListener("pointermove", h), i !== null && cancelAnimationFrame(i), o = null;
   };
 }, Lg = ({ panelRect: e }) => {
-  const { engine: t, store: r, overlayRef: n } = ke(), o = $e[ei()].observationsPress, i = ye((u) => {
+  const { engine: t, store: r, overlayRef: n } = ke(), o = $e[_o()].observationsPress, i = ye((u) => {
     const h = u.editTargetUnderPointer;
     return h?.kind === "annotation" ? h.id : null;
   }), a = ye((u) => {
@@ -5069,20 +5065,20 @@ var ap = (e, t, r) => {
     cursor: Tg(c, a || l),
     "data-testid": "pointer-capture-layer"
   });
-}, Tg = (e, t) => e ? "move" : t ? "pointer" : void 0, Ot = "data-hover-active", Ng = (e) => {
+}, Tg = (e, t) => e ? "move" : t ? "pointer" : void 0, Dt = "data-hover-active", Ng = (e) => {
   const { store: t } = ke(), r = Je(t, (n) => n.hover.primary !== null);
-  H(() => {
+  F(() => {
     const n = e.current;
     if (n)
-      return r ? n.setAttribute(Ot, "true") : n.removeAttribute(Ot), () => {
-        n.removeAttribute(Ot);
+      return r ? n.setAttribute(Dt, "true") : n.removeAttribute(Dt), () => {
+        n.removeAttribute(Dt);
       };
   }, [e, r]);
 }, Hg = () => {
   const e = L();
-  return y(() => (t) => Ca(e, t), [e]);
-}, It = () => ye((e) => Ke(e, "move-drag")?.annotationId ?? Ke(e, "shape-resize-drag")?.annotationId ?? Ke(e, "arrow-endpoint-drag")?.annotationId ?? null), et = (e) => {
-  const t = I((a) => a.annotations), r = du(), n = hu(), o = ge((a) => Jr(n, "cycle", a, `Annotation reference cycle detected; dropping annotation(s): ${a.join(", ")}`), [n]), i = ge((a) => Jr(n, "missing-ref", a, `Annotation reference target(s) no longer exist (dropped during compilation); dropping annotations referencing: ${a.join(", ")}`), [n]);
+  return y(() => (t) => ka(e, t), [e]);
+}, Bt = () => ye((e) => Ke(e, "move-drag")?.annotationId ?? Ke(e, "shape-resize-drag")?.annotationId ?? Ke(e, "arrow-endpoint-drag")?.annotationId ?? null), et = (e) => {
+  const t = I((a) => a.annotations), r = du(), n = hu(), o = ge((a) => Xr(n, "cycle", a, `Annotation reference cycle detected; dropping annotation(s): ${a.join(", ")}`), [n]), i = ge((a) => Xr(n, "missing-ref", a, `Annotation reference target(s) no longer exist (dropped during compilation); dropping annotations referencing: ${a.join(", ")}`), [n]);
   return y(() => Ta({
     annotations: t,
     panelRect: e,
@@ -5096,10 +5092,10 @@ var ap = (e, t, r) => {
     o,
     i
   ]);
-}, Jr = (e, t, r, n) => {
+}, Xr = (e, t, r, n) => {
   const o = [t, ...[...r].sort()].join("\0");
   e.has(o) || (e.add(o), console.warn(n));
-}, Fg = 16, ni = ({ linePath: e, strokeWidth: t }) => /* @__PURE__ */ s("path", {
+}, Fg = 16, ri = ({ linePath: e, strokeWidth: t }) => /* @__PURE__ */ s("path", {
   d: e,
   stroke: "transparent",
   strokeWidth: Math.max(t, Fg),
@@ -5115,14 +5111,14 @@ var ap = (e, t, r) => {
     inverse: "#1D2129"
   }
 }, Wg = ({ computed: e, style: t, isAddressable: r }) => {
-  const n = Q(), { colorScheme: o } = ur(), i = e.dashArray ? {
+  const n = Q(), { colorScheme: o } = dr(), i = e.dashArray ? {
     strokeDasharray: e.dashArray,
     strokeDashoffset: e.dashOffset
   } : {}, a = t.shadow === "none" ? null : t.shadow, l = t.borderWidth > 0, d = Og[o], c = t.borderColor ?? Vg(t.color, d.primary, d.inverse), u = a === null ? null : Ug(e, t.borderWidth, a.blur);
   return /* @__PURE__ */ S("g", {
     pointerEvents: r ? void 0 : "none",
     children: [
-      r && /* @__PURE__ */ s(ni, {
+      r && /* @__PURE__ */ s(ri, {
         linePath: e.linePath,
         strokeWidth: e.strokeWidth
       }),
@@ -5192,8 +5188,8 @@ var ap = (e, t, r) => {
     return r;
   }
 }, zg = ({ panelRect: e, isEditable: t }) => {
-  const { arrows: r } = et(e), n = It(), o = Hg(), i = y(() => r.filter((a) => a.id !== n).flatMap((a) => {
-    const l = o(a.id), d = Xi({
+  const { arrows: r } = et(e), n = Bt(), o = Hg(), i = y(() => r.filter((a) => a.id !== n).flatMap((a) => {
+    const l = o(a.id), d = ji({
       arrow: a,
       style: l,
       panelWidth: e.width,
@@ -5238,7 +5234,7 @@ var ap = (e, t, r) => {
   return /* @__PURE__ */ S("g", {
     pointerEvents: o ? void 0 : "none",
     children: [
-      o && /* @__PURE__ */ s(ni, {
+      o && /* @__PURE__ */ s(ri, {
         linePath: e,
         strokeWidth: n
       }),
@@ -5323,7 +5319,7 @@ var ap = (e, t, r) => {
   contain: "xMidYMid meet",
   cover: "xMidYMid slice"
 }, _g = ({ image: e, panel: t, style: r }) => {
-  const n = Q(), { src: o, region: i, fit: a } = e, l = er(i, t), d = r.borderRadius > 0;
+  const n = Q(), { src: o, region: i, fit: a } = e, l = $t(i, t), d = r.borderRadius > 0;
   return /* @__PURE__ */ S("g", { children: [d && /* @__PURE__ */ s("clipPath", {
     id: n,
     children: /* @__PURE__ */ s("rect", {
@@ -5337,8 +5333,8 @@ var ap = (e, t, r) => {
     opacity: r.alpha,
     clipPath: d ? `url(#${n})` : void 0
   })] });
-}, Zr = ({ panelRect: e, zOrder: t }) => {
-  const r = et(e).images, n = Zg(), o = It(), i = r.filter((a) => a.zOrder === t && a.id !== o);
+}, qr = ({ panelRect: e, zOrder: t }) => {
+  const r = et(e).images, n = Zg(), o = Bt(), i = r.filter((a) => a.zOrder === t && a.id !== o);
   return i.length === 0 ? null : /* @__PURE__ */ s("svg", {
     x: e.x,
     y: e.y,
@@ -5360,9 +5356,9 @@ var ap = (e, t, r) => {
   });
 }, ev = () => {
   const e = L();
-  return y(() => (t) => Pn(e, t), [e]);
+  return y(() => (t) => En(e, t), [e]);
 }, tv = ({ shape: e, style: t, panel: r }) => {
-  const n = er(e.region, r);
+  const n = $t(e.region, r);
   return /* @__PURE__ */ s("rect", {
     x: n.x,
     y: n.y,
@@ -5370,11 +5366,11 @@ var ap = (e, t, r) => {
     height: n.height,
     fill: t.color,
     fillOpacity: t.alpha,
-    stroke: va(t) ?? "none",
+    stroke: ga(t) ?? "none",
     strokeWidth: t.borderWidth
   });
-}, $r = ({ panelRect: e, zOrder: t }) => {
-  const r = et(e).shapes, n = ev(), o = It(), i = r.filter((a) => a.zOrder === t && a.id !== o);
+}, Jr = ({ panelRect: e, zOrder: t }) => {
+  const r = et(e).shapes, n = ev(), o = Bt(), i = r.filter((a) => a.zOrder === t && a.id !== o);
   return i.length === 0 ? null : /* @__PURE__ */ s("svg", {
     x: e.x,
     y: e.y,
@@ -5397,13 +5393,13 @@ var ap = (e, t, r) => {
 }, rv = () => {
   const e = L();
   return y(() => (t) => ja(e, t), [e]);
-}, nv = "_1aj6s5s0", sp = "_1aj6s5s1", ov = 0.1, lp = ({ annotation: e, panel: t, style: r, blockRef: n }) => /* @__PURE__ */ s(oi, {
+}, nv = "_1aj6s5s0", sp = "_1aj6s5s1", ov = 0.1, lp = ({ annotation: e, panel: t, style: r, blockRef: n }) => /* @__PURE__ */ s(ni, {
   annotation: e,
   panel: t,
   style: r,
   blockRef: n,
   children: /* @__PURE__ */ s(Me, { content: e.content })
-}), oi = ({ annotation: e, panel: t, style: r, blockRef: n, children: o }) => {
+}), ni = ({ annotation: e, panel: t, style: r, blockRef: n, children: o }) => {
   const i = Ye(e.at, t);
   return /* @__PURE__ */ s("foreignObject", {
     x: i.x,
@@ -5423,7 +5419,7 @@ var ap = (e, t, r) => {
     })
   });
 }, iv = (e) => {
-  const t = an(e);
+  const t = on(e);
   return `translate(${-t.x * 100}%, ${-(1 - t.y) * 100}%)`;
 }, av = (e) => ({
   color: e.textColor,
@@ -5454,7 +5450,7 @@ var ap = (e, t, r) => {
   },
   width: t.width
 }, cv = ({ panelRect: e }) => {
-  const t = lv(e), r = rv(), n = It(), o = t.filter((i) => i.id !== n);
+  const t = lv(e), r = rv(), n = Bt(), o = t.filter((i) => i.id !== n);
   return o.length === 0 ? null : /* @__PURE__ */ s("svg", {
     x: e.x,
     y: e.y,
@@ -5469,13 +5465,13 @@ var ap = (e, t, r) => {
     }, i.id))
   });
 }, uv = ({ annotation: e, panel: t, style: r }) => {
-  const n = uu(e.id), o = ye((a) => a.caret?.annotationId === e.id), { TextAnnotation: i } = pr();
+  const n = uu(e.id), o = ye((a) => a.caret?.annotationId === e.id), { TextAnnotation: i } = vr();
   return /* @__PURE__ */ s("g", {
     ..._e({
       kind: "annotation",
       id: e.id
     }),
-    children: /* @__PURE__ */ s(oi, {
+    children: /* @__PURE__ */ s(ni, {
       annotation: e,
       panel: t,
       style: r,
@@ -5483,11 +5479,11 @@ var ap = (e, t, r) => {
       children: o && i ? /* @__PURE__ */ s(i, { annotation: e }) : /* @__PURE__ */ s(Me, { content: e.content })
     })
   });
-}, ii = () => {
+}, oi = () => {
   const e = L();
-  return y(() => (t, r) => Ia(e, t, r), [e]);
+  return y(() => (t, r) => Ba(e, t, r), [e]);
 }, hv = "ph8bdc0";
-var gv = "ph8bdc2", _r = {
+var gv = "ph8bdc2", Zr = {
   hittable: "ph8bdc4 ph8bdc3",
   inert: "ph8bdc5 ph8bdc3"
 }, vv = ({ cx: e, cy: t, color: r, style: n }) => {
@@ -5505,18 +5501,18 @@ var gv = "ph8bdc2", _r = {
   });
 };
 function fv(e) {
-  const t = Re(), { formattingLocale: r } = K(), n = ii(), o = I(q((d) => ({
+  const t = Re(), { formattingLocale: r } = K(), n = oi(), o = I(X((d) => ({
     pinnedNumbers: d.annotations.pinnedNumbers,
     comments: d.annotations.comments,
     coordSystem: d.coordSystem,
     numberFormat: d.config.numberFormat,
     parsingLocale: d.config.parsingLocale
-  }))), i = r ?? o.parsingLocale, a = y(() => Ki({
+  }))), i = r ?? o.parsingLocale, a = y(() => Qi({
     numberFormat: o.numberFormat,
     locale: i
   }), [o.numberFormat, i]), l = y(() => (d, c, u) => {
     const h = n(d === "pinned-number" ? "pinnedNumber" : "comment", c).label, g = {
-      family: h.fontFamily ?? Rt,
+      family: h.fontFamily ?? wt,
       size: h.fontSize,
       weight: h.fontWeight
     }, v = pv(t, d, u, g), f = t.measureText(v, g), A = d === "pinned-number" ? 15 : 0;
@@ -5526,7 +5522,7 @@ function fv(e) {
       text: v
     };
   }, [t, n]);
-  return y(() => Sa({
+  return y(() => ba({
     pinnedNumbers: o.pinnedNumbers,
     comments: o.comments,
     panelRect: e,
@@ -5542,11 +5538,11 @@ function fv(e) {
     a
   ]);
 }
-var pv = (e, t, r, n) => t !== "comment" ? r : Ln(r, 140, (o) => e.measureText(o, n).width), en = "callouts", mv = ({ panelRect: e }) => {
-  const { pinnedNumbers: t, comments: r } = I(q((v) => ({
+var pv = (e, t, r, n) => t !== "comment" ? r : Mn(r, 140, (o) => e.measureText(o, n).width), $r = "callouts", mv = ({ panelRect: e }) => {
+  const { pinnedNumbers: t, comments: r } = I(X((v) => ({
     pinnedNumbers: v.annotations.pinnedNumbers,
     comments: v.annotations.comments
-  }))), n = I((v) => v.coordSystem), o = me(), i = ss(10), a = ii(), l = fv(e), { store: d } = ke(), c = y(() => {
+  }))), n = I((v) => v.coordSystem), o = me(), i = ss(10), a = oi(), l = fv(e), { store: d } = ke(), c = y(() => {
     const v = /* @__PURE__ */ new Map();
     for (const f of t) v.set(f.id, f.at);
     for (const f of r) v.set(f.id, f.at);
@@ -5564,11 +5560,11 @@ var pv = (e, t, r, n) => t !== "comment" ? r : Ln(r, 140, (o) => e.measureText(o
     t,
     r,
     a
-  ]), g = y(() => Gi(l, e), [l, e]);
-  return H(() => {
+  ]), g = y(() => Wi(l, e), [l, e]);
+  return F(() => {
     const v = d.getState();
-    return v.publishPointerRegions(en, g), () => {
-      v.publishPointerRegions(en, []);
+    return v.publishPointerRegions($r, g), () => {
+      v.publishPointerRegions($r, []);
     };
   }, [d, g]), t.length === 0 && r.length === 0 ? null : /* @__PURE__ */ s("svg", {
     x: e.x,
@@ -5592,7 +5588,7 @@ var pv = (e, t, r, n) => t !== "comment" ? r : Ln(r, 140, (o) => e.measureText(o
           height: v.miniRect.height,
           overflow: "visible",
           children: /* @__PURE__ */ S("div", {
-            className: x ? _r.hittable : _r.inert,
+            className: x ? Zr.hittable : Zr.inert,
             style: xv(A.label),
             children: [v.kind === "pinned-number" && /* @__PURE__ */ s("span", {
               className: "ph8bdc1",
@@ -5620,11 +5616,11 @@ var pv = (e, t, r, n) => t !== "comment" ? r : Ln(r, 140, (o) => e.measureText(o
       }, v.id);
     })
   });
-}, Av = (e, t) => e.isColorAuthored ? e.color : t ?? e.color, yv = (e) => e.isTextColorAuthored ? e.textColor : na(e.textColor, e.background), xv = (e) => ({
+}, Av = (e, t) => e.isColorAuthored ? e.color : t ?? e.color, yv = (e) => e.isTextColorAuthored ? e.textColor : ra(e.textColor, e.background), xv = (e) => ({
   background: e.background,
   borderRadius: e.borderRadius,
   padding: `${e.paddingBlock}px ${e.paddingInline}px`,
-  boxShadow: cr(e.shadow),
+  boxShadow: lr(e.shadow),
   ...e.borderWidth > 0 ? { border: `${e.borderWidth}px solid ${e.borderColor}` } : {}
 }), bv = (e) => ({
   ...e.fontFamily === void 0 ? {} : { fontFamily: e.fontFamily },
@@ -5692,12 +5688,12 @@ var pv = (e, t, r, n) => t !== "comment" ? r : Ln(r, 140, (o) => e.measureText(o
 } : {
   width: t * e,
   height: t
-}, Pv = 0.25, ai = ({ children: e, ...t }) => {
+}, Pv = 0.25, ii = ({ children: e, ...t }) => {
   const r = Wc();
   return r <= 0 ? /* @__PURE__ */ s("g", {
     ...t,
     children: e
-  }) : /* @__PURE__ */ s(W.g, {
+  }) : /* @__PURE__ */ s(G.g, {
     ...t,
     initial: { opacity: 0 },
     animate: { opacity: 1 },
@@ -5708,8 +5704,8 @@ var pv = (e, t, r, n) => t !== "comment" ? r : Ln(r, 140, (o) => e.measureText(o
     children: e
   });
 }, Bv = "_1agclyl0";
-var Iv = "_1agclyl2", si = ({ x: e, y: t, width: r, height: n, text: o, isRotated: i, target: a, position: l, coordType: d, backdropColor: c }) => {
-  const u = Et(), h = i ? `rotate(-90 ${e} ${t})` : void 0, g = u[a][l], v = g.borderColor !== void 0 && (g.borderWidth ?? 0) > 0, f = Tv(a, d, g), A = Lv(g, f, c);
+var Iv = "_1agclyl2", ai = ({ x: e, y: t, width: r, height: n, text: o, isRotated: i, target: a, position: l, coordType: d, backdropColor: c }) => {
+  const u = Ct(), h = i ? `rotate(-90 ${e} ${t})` : void 0, g = u[a][l], v = g.borderColor !== void 0 && (g.borderWidth ?? 0) > 0, f = Tv(a, d, g), A = Lv(g, f, c);
   return /* @__PURE__ */ S("g", {
     transform: h,
     children: [f && /* @__PURE__ */ s("rect", {
@@ -5738,17 +5734,17 @@ var Iv = "_1agclyl2", si = ({ x: e, y: t, width: r, height: n, text: o, isRotate
       children: o
     })]
   });
-}, Mv = (e, t) => e.isTextColorAuthored || t === void 0 ? e.textColor : An(t), Lv = (e, t, r) => {
+}, Mv = (e, t) => e.isTextColorAuthored || t === void 0 ? e.textColor : mn(t), Lv = (e, t, r) => {
   if (r !== void 0)
-    return ji(t ? e.background : void 0, r);
+    return Yi(t ? e.background : void 0, r);
 }, Tv = (e, t, r) => r.background === void 0 ? !1 : e === "aggregate" || t === "cartesian", Nv = ({ panelRect: e, formattingLocale: t, plotBottomY: r, isFooterChromeReserved: n }) => {
-  const o = Re(), i = Fe(), a = I(q((g) => ({
+  const o = Re(), i = Fe(), a = I(X((g) => ({
     layers: g.layers,
     coordSystem: g.coordSystem,
     axes: g.guides.axes,
     numberFormat: g.config.numberFormat,
     parsingLocale: g.config.parsingLocale
-  }))), l = Et(), d = y(() => Bo({
+  }))), l = Ct(), d = y(() => Po({
     textMeasurer: o,
     dataLabelStyles: l,
     familyDefault: i.fonts.familyDefault
@@ -5756,7 +5752,7 @@ var Iv = "_1agclyl2", si = ({ x: e, y: t, width: r, height: n, text: o, isRotate
     o,
     l,
     i.fonts.familyDefault
-  ]), c = y(() => Ui({
+  ]), c = y(() => Gi({
     ...a,
     panelRect: e,
     measureDataLabel: d,
@@ -5771,7 +5767,7 @@ var Iv = "_1agclyl2", si = ({ x: e, y: t, width: r, height: n, text: o, isRotate
     r,
     n
   ]), u = M("");
-  H(() => {
+  F(() => {
     if (c.warnings.length === 0) {
       u.current = "";
       return;
@@ -5779,7 +5775,7 @@ var Iv = "_1agclyl2", si = ({ x: e, y: t, width: r, height: n, text: o, isRotate
     const g = JSON.stringify(c.warnings);
     g !== u.current && (u.current = g, is(c.warnings));
   }, [c.warnings]);
-  const h = c.labels.map((g, v) => /* @__PURE__ */ s(si, {
+  const h = c.labels.map((g, v) => /* @__PURE__ */ s(ai, {
     x: g.x,
     y: g.y,
     width: g.width,
@@ -5791,7 +5787,7 @@ var Iv = "_1agclyl2", si = ({ x: e, y: t, width: r, height: n, text: o, isRotate
     coordType: a.coordSystem.type,
     backdropColor: g.backdropColor
   }, `${g.layerId}:${v}`));
-  return /* @__PURE__ */ s(ai, {
+  return /* @__PURE__ */ s(ii, {
     className: Bv,
     transform: `translate(${e.x}, ${e.y})`,
     "data-testid": "data-labels",
@@ -5859,7 +5855,7 @@ var Iv = "_1agclyl2", si = ({ x: e, y: t, width: r, height: n, text: o, isRotate
     transform: `rotate(${r}, 0, ${n})`
   };
 }, Ov = ({ formattedAxis: e, rect: t }) => {
-  const r = e.position === "bottom" || e.position === "top", n = Le(e.scaleAestheticKey), o = vr()[n], i = Po()[n];
+  const r = e.position === "bottom" || e.position === "top", n = Le(e.scaleAestheticKey), o = hr()(n, e.position), i = Eo()[n];
   return /* @__PURE__ */ S("svg", {
     x: t.x,
     y: t.y,
@@ -5872,7 +5868,7 @@ var Iv = "_1agclyl2", si = ({ x: e, y: t, width: r, height: n, text: o, isRotate
         ...u,
         stroke: i.color,
         strokeWidth: i.strokeWidth,
-        strokeDasharray: yt(i.lineType)
+        strokeDasharray: At(i.lineType)
       }), /* @__PURE__ */ s(Hv, {
         edge: e.position,
         position: c,
@@ -5915,7 +5911,7 @@ var Iv = "_1agclyl2", si = ({ x: e, y: t, width: r, height: n, text: o, isRotate
       };
   }
 }, Gv = ({ axes: e, rects: t }) => {
-  const r = ko();
+  const r = Ro();
   return /* @__PURE__ */ s(B, { children: e.map((n) => {
     const o = t[n.position];
     if (!o || !n.isVisible) return null;
@@ -5948,7 +5944,7 @@ var Iv = "_1agclyl2", si = ({ x: e, y: t, width: r, height: n, text: o, isRotate
 }) }), zv = ({ formattedAxes: e, labelRects: t }) => /* @__PURE__ */ s(Gv, {
   axes: e.filter((r) => r.geometry === "linear"),
   rects: t
-}), li = {
+}), si = {
   strokeDashoffset: "0",
   strokeLinecap: "round"
 }, Qv = ({ axes: e, panelBorderSizes: t, panelFrameRect: r, panelRect: n }) => {
@@ -5962,7 +5958,7 @@ var Iv = "_1agclyl2", si = ({ x: e, y: t, width: r, height: n, text: o, isRotate
     style: { overflow: "visible" },
     children: e.map((l) => {
       if (l.geometry !== "linear" || !l.gridVisible) return null;
-      const d = l.position === "bottom" || l.position === "top", c = Gt(o, Le(l.scaleAestheticKey)), u = yt(c.lineType);
+      const d = l.position === "bottom" || l.position === "top", c = Wt(o, Le(l.scaleAestheticKey)), u = At(c.lineType);
       return /* @__PURE__ */ s("g", { children: l.ticks.map((h, g) => {
         const v = Kv(d, h.position);
         if (v !== null && t[v] > 0) return null;
@@ -5987,7 +5983,7 @@ var Iv = "_1agclyl2", si = ({ x: e, y: t, width: r, height: n, text: o, isRotate
         }
         return /* @__PURE__ */ s("line", {
           ...A,
-          ...li,
+          ...si,
           strokeDasharray: u,
           strokeWidth: c.strokeWidth,
           stroke: c.color
@@ -5996,9 +5992,9 @@ var Iv = "_1agclyl2", si = ({ x: e, y: t, width: r, height: n, text: o, isRotate
     })
   });
 }, Kv = (e, t) => t <= 0 ? e ? "left" : "bottom" : t >= 1 ? e ? "right" : "top" : null, Yv = ({ sizes: e, panelFrameRect: t }) => {
-  const r = I((a) => a.coordSystem.type === "polar"), n = L(), o = y(() => Cn(n), [n]);
+  const r = I((a) => a.coordSystem.type === "polar"), n = L(), o = y(() => kn(n), [n]);
   if (r) return null;
-  const i = Zi(o, {
+  const i = Ji(o, {
     x: e.left / 2,
     y: e.top / 2,
     width: t.width - (e.left + e.right) / 2,
@@ -6015,9 +6011,9 @@ var Iv = "_1agclyl2", si = ({ x: e, y: t, width: r, height: n, text: o, isRotate
       d: jv(a.segments),
       fill: "none",
       stroke: a.color,
-      strokeDasharray: yt(a.lineType),
+      strokeDasharray: At(a.lineType),
       strokeWidth: a.strokeWidth,
-      ...li
+      ...si
     }, l))
   });
 }, jv = (e) => e.map((t) => {
@@ -6034,25 +6030,25 @@ var Iv = "_1agclyl2", si = ({ x: e, y: t, width: r, height: n, text: o, isRotate
       return "Z";
   }
 }).join(" ");
-var di = (e, t) => {
+var li = (e, t) => {
   const r = I((d) => d.coordSystem);
   if (r.type !== "polar") return null;
   const n = t.find((d) => d.geometry === "circular");
   if (!n) return null;
-  const { innerRadius: o, startAngle: i, spokeRotation: a } = r, l = On(e);
+  const { innerRadius: o, startAngle: i, spokeRotation: a } = r, l = Dn(e);
   return l.radius <= 0 ? null : {
     circle: l,
     circularAxis: n,
     radialAxis: t.find((d) => d.geometry === "radial"),
     innerRadius: o,
     startAngle: i,
-    angleFor: (d) => Ra(d, i, a),
+    angleFor: (d) => wa(d, i, a),
     radiusNormFor: (d) => o + d * (1 - o)
   };
 }, Xv = 3, qv = 16, Jv = ({ formattedAxes: e, panelRect: t }) => {
-  const r = vr(), n = di(t, e);
+  const r = hr(), n = li(t, e);
   if (!n) return null;
-  const { circle: o, circularAxis: i, radialAxis: a, startAngle: l, angleFor: d, radiusNormFor: c } = n, u = Zv(a, c, o.radius), h = (g) => r[Le(g.scaleAestheticKey)];
+  const { circle: o, circularAxis: i, radialAxis: a, startAngle: l, angleFor: d, radiusNormFor: c } = n, u = Zv(a, c, o.radius), h = (g) => r(Le(g.scaleAestheticKey));
   return /* @__PURE__ */ S("svg", {
     x: t.x,
     y: t.y,
@@ -6061,7 +6057,7 @@ var di = (e, t) => {
     overflow: "visible",
     "data-testid": "polar-axis-ticks",
     children: [a?.isVisible && u.map(({ tick: g, radiusNorm: v }, f) => {
-      const A = _(l, v, o);
+      const A = ee(l, v, o);
       return /* @__PURE__ */ s("text", {
         x: A.x,
         y: A.y,
@@ -6078,7 +6074,7 @@ var di = (e, t) => {
       }, `radial-label-${f}`);
     }), i.isVisible && i.ticks.map((g, v) => {
       if (g.position >= 1 - 1e-9) return null;
-      const f = d(g.position), A = _(f, (o.radius + Hi) / o.radius, o);
+      const f = d(g.position), A = ee(f, (o.radius + Ni) / o.radius, o);
       return /* @__PURE__ */ s("text", {
         x: A.x,
         y: A.y,
@@ -6108,9 +6104,9 @@ var di = (e, t) => {
   const t = Math.sin(e);
   return Math.abs(t) < 0.01 ? "middle" : t > 0 ? "start" : "end";
 }, _v = ({ formattedAxes: e, panelRect: t }) => {
-  const r = L(), n = di(t, e);
+  const r = L(), n = li(t, e);
   if (!n) return null;
-  const { circle: o, circularAxis: i, radialAxis: a, innerRadius: l, angleFor: d, radiusNormFor: c } = n, u = Gt(r, "y"), h = Gt(r, "x");
+  const { circle: o, circularAxis: i, radialAxis: a, innerRadius: l, angleFor: d, radiusNormFor: c } = n, u = Wt(r, "y"), h = Wt(r, "x");
   return /* @__PURE__ */ S("svg", {
     x: t.x,
     y: t.y,
@@ -6140,7 +6136,7 @@ var di = (e, t) => {
       }),
       i.gridVisible && i.ticks.map((g, v) => {
         if (g.position >= 1 - 1e-9) return null;
-        const f = d(g.position), A = _(f, l, o), m = _(f, 1, o);
+        const f = d(g.position), A = ee(f, l, o), m = ee(f, 1, o);
         return /* @__PURE__ */ s("line", {
           x1: A.x,
           y1: A.y,
@@ -6155,7 +6151,7 @@ var di = (e, t) => {
 }, ef = ({ layer: e, coordSystem: t, shouldAnimateTransitions: r, isDimmed: n, dimStyle: o, formattingLocale: i, panelRect: a }) => {
   const l = me(), d = Gc(e.id), { colorScheme: c } = K(), u = T(e), h = l(e.geom, t.type);
   if (h === null) return null;
-  const g = Ct(h.render);
+  const g = kt(h.render);
   return g.overlay ? null : /* @__PURE__ */ s("g", {
     style: n ? {
       opacity: o.opacity,
@@ -6201,7 +6197,7 @@ var rf = 4, nf = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     t,
     o,
     n
-  ]), { colorScheme: u } = K(), h = T(t), g = y(() => ta(t), [t]), v = y(() => Qi({
+  ]), { colorScheme: u } = K(), h = T(t), g = y(() => ea(t), [t]), v = y(() => zi({
     layer: t,
     numberFormat: d,
     locale: l
@@ -6209,9 +6205,9 @@ var rf = 4, nf = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     d,
     t,
     l
-  ]), { fonts: f } = Fe(), A = Et();
+  ]), { fonts: f } = Fe(), A = Ct();
   if (e === null || r === null && c.length === 0) return null;
-  const m = Ct(e.render);
+  const m = kt(e.render);
   let b = null;
   if (r && !m.overlay) {
     const x = {
@@ -6226,21 +6222,21 @@ var rf = 4, nf = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     };
     b = e.renderHighlight ? e.renderHighlight(x) : m.fn(x);
   }
-  return /* @__PURE__ */ S(ai, { children: [b, c.map(({ observation: x, observationIndex: w, anchor: k }) => /* @__PURE__ */ s(of, {
+  return /* @__PURE__ */ S(ii, { children: [b, c.map(({ observation: x, observationIndex: w, anchor: k }) => /* @__PURE__ */ s(of, {
     observation: x,
     anchor: k,
     panelRect: a,
     fill: h.get("color", x),
-    dotRadius: (h.get("size", x) ?? on) / 2,
+    dotRadius: (h.get("size", x) ?? nn) / 2,
     readSegmentY: g,
     formatYValue: v,
     labelStyle: A.observation.outside,
     familyDefault: f.familyDefault
   }, af(x, w)))] });
 }, of = ({ observation: e, anchor: t, panelRect: r, fill: n, dotRadius: o, readSegmentY: i, formatYValue: a, labelStyle: l, familyDefault: d }) => {
-  const c = Re(), u = In(t.x), h = Mn(t.y), g = i(e), v = pn(g) ? a(g, e) : null, f = y(() => {
+  const c = Re(), u = Bn(t.x), h = In(t.y), g = i(e), v = fn(g) ? a(g, e) : null, f = y(() => {
     if (v === null) return null;
-    const A = c.measureText(v, X(l, d));
+    const A = c.measureText(v, j(l, d));
     return {
       width: A.width + l.paddingInline * 2,
       height: A.height + l.paddingBlock * 2
@@ -6257,7 +6253,7 @@ var rf = 4, nf = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     cy: R(h),
     r: o,
     fill: n
-  }), v !== null && f !== null && /* @__PURE__ */ s(si, {
+  }), v !== null && f !== null && /* @__PURE__ */ s(ai, {
     x: u * r.width,
     y: h * r.height - o - rf - f.height / 2,
     width: f.width,
@@ -6272,7 +6268,7 @@ var rf = 4, nf = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
   const r = e[pe.group];
   return `${String(r ?? "")}\0${t}`;
 }, sf = ({ layer: e, coordSystem: t, panelRect: r }) => {
-  const { primary: n, group: o, related: i } = Ie(q((h) => ({
+  const { primary: n, group: o, related: i } = Ie(X((h) => ({
     primary: h.hover.primary,
     group: h.hover.group,
     related: h.hover.related
@@ -6310,7 +6306,7 @@ var rf = 4, nf = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     };
   }, [e, t]);
 }, df = "var(--to1jkx0)", cf = "var(--to1jkx1)", uf = "to1jkx2", hf = "to1jkx3", gf = ({ shouldAnimateTransitions: e, panelRect: t, formattingLocale: r }) => {
-  const { layers: n, coordSystem: o } = I(q((i) => ({
+  const { layers: n, coordSystem: o } = I(X((i) => ({
     layers: i.layers,
     coordSystem: i.coordSystem
   })));
@@ -6322,7 +6318,7 @@ var rf = 4, nf = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     className: uf,
     "data-testid": "geom-layers",
     ...xu(),
-    children: n.map((i) => /* @__PURE__ */ S(tr, { children: [/* @__PURE__ */ s(mf, {
+    children: n.map((i) => /* @__PURE__ */ S(_t, { children: [/* @__PURE__ */ s(mf, {
       layer: i,
       coordSystem: o,
       shouldAnimateTransitions: e,
@@ -6337,7 +6333,7 @@ var rf = 4, nf = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
 }, vf = (e) => e.type === "cartesian" ? `cartesian-${e.mainAxis}` : e.type, ff = (e) => {
   if (e.geom !== "rule")
     return hf;
-}, pf = (e) => rr({
+}, pf = (e) => er({
   ...e.opacity === void 0 ? {} : { [df]: String(e.opacity) },
   ...e.saturation === void 0 ? {} : { [cf]: `saturate(${e.saturation})` }
 }), mf = ({ layer: e, coordSystem: t, shouldAnimateTransitions: r, panelRect: n, formattingLocale: o }) => {
@@ -6353,7 +6349,7 @@ var rf = 4, nf = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     panelRect: n,
     colorScheme: c,
     styleReaders: T(e)
-  }, h = a ? Ct(a.render) : null, g = e.spatialKind === "render-hit-test", v = ff(e);
+  }, h = a ? kt(a.render) : null, g = e.spatialKind === "render-hit-test", v = ff(e);
   return /* @__PURE__ */ S("g", {
     className: v,
     style: v === void 0 ? void 0 : pf(d),
@@ -6390,7 +6386,7 @@ var rf = 4, nf = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
 }, Af = "_17uhij30", yf = ({ formattedAxes: e, plotRect: t, panelBorder: r, panelFrameRect: n, panelRect: o, axisRects: i, axisLabelRects: a, shouldAnimateTransitions: l, formattingLocale: d, plotBottomY: c, isFooterChromeReserved: u, isEditable: h, showAnnotations: g }) => {
   const v = M(null);
   Ng(v);
-  const f = ae("Grid", Qv), A = ae("AxisTicks", Vv), m = ae("AxisLabel", zv), b = y(() => Xt(n, t), [n, t]), x = y(() => Xt(o, t), [o, t]), w = y(() => tn(i, t), [i, t]), k = y(() => tn(a, t), [a, t]);
+  const f = ae("Grid", Qv), A = ae("AxisTicks", Vv), m = ae("AxisLabel", zv), b = y(() => jt(n, t), [n, t]), x = y(() => jt(o, t), [o, t]), w = y(() => _r(i, t), [i, t]), k = y(() => _r(a, t), [a, t]);
   return /* @__PURE__ */ S("svg", {
     ref: v,
     className: Af,
@@ -6418,10 +6414,10 @@ var rf = 4, nf = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
         panelRect: x
       }),
       /* @__PURE__ */ s(mg, { panelRect: x }),
-      g && /* @__PURE__ */ S(B, { children: [/* @__PURE__ */ s($r, {
+      g && /* @__PURE__ */ S(B, { children: [/* @__PURE__ */ s(Jr, {
         panelRect: x,
         zOrder: "background"
-      }), /* @__PURE__ */ s(Zr, {
+      }), /* @__PURE__ */ s(qr, {
         panelRect: x,
         zOrder: "background"
       })] }),
@@ -6449,11 +6445,11 @@ var rf = 4, nf = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
           panelRect: x,
           isEditable: h
         }),
-        /* @__PURE__ */ s($r, {
+        /* @__PURE__ */ s(Jr, {
           panelRect: x,
           zOrder: "foreground"
         }),
-        /* @__PURE__ */ s(Zr, {
+        /* @__PURE__ */ s(qr, {
           panelRect: x,
           zOrder: "foreground"
         }),
@@ -6468,27 +6464,27 @@ var rf = 4, nf = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
       /* @__PURE__ */ s(Lg, { panelRect: x })
     ]
   });
-}, Xt = (e, t) => ({
+}, jt = (e, t) => ({
   x: e.x - t.x,
   y: e.y - t.y,
   width: e.width,
   height: e.height
-}), tn = (e, t) => {
+}), _r = (e, t) => {
   const r = {};
-  for (const [n, o] of Object.entries(e)) r[n] = Xt(o, t);
+  for (const [n, o] of Object.entries(e)) r[n] = jt(o, t);
   return r;
 }, xf = (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: rn(t, "width"),
-    height: rn(r, "height")
+    width: en(t, "width"),
+    height: en(r, "height")
   };
-}, rn = (e, t) => {
-  if (e <= 0 || Number.isNaN(e) || !Number.isFinite(e)) throw new Ti({ message: `Expected ${t} to be a positive, finite number, but got ${e}.` });
+}, en = (e, t) => {
+  if (e <= 0 || Number.isNaN(e) || !Number.isFinite(e)) throw new Li({ message: `Expected ${t} to be a positive, finite number, but got ${e}.` });
   return e;
 }, bf = ({ sizing: e, onResize: t, children: r }) => {
-  const n = mo({ onResize: t }), o = M(!1);
-  if (H(() => {
+  const n = po({ onResize: t }), o = M(!1);
+  if (F(() => {
     e.mode === "responsive" && (n.isDefault || n.width > 0 && n.height > 0 || o.current || (o.current = !0, console.warn(`[graphy] ZERO_SIZE_CONTAINER: GraphRenderer measured ${n.width}×${n.height}; the chart will not paint until the host has a positive width and height.`)));
   }, [
     e.mode,
@@ -6548,7 +6544,7 @@ var rf = 4, nf = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
       height: n.height
     }
   };
-}, wf = { mode: "responsive" }, Wt = {
+}, wf = { mode: "responsive" }, Ot = {
   headerSize: {
     width: 0,
     height: 0
@@ -6558,16 +6554,16 @@ var rf = 4, nf = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     height: 0
   }
 }, Rf = () => {
-  const [e, t] = V(null), [r, n] = V(null), [o, i] = V(Wt);
-  return H(() => {
+  const [e, t] = V(null), [r, n] = V(null), [o, i] = V(Ot);
+  return F(() => {
     const a = () => {
       const d = e ? {
         width: e.offsetWidth,
         height: e.offsetHeight
-      } : Wt.headerSize, c = r ? {
+      } : Ot.headerSize, c = r ? {
         width: r.offsetWidth,
         height: r.offsetHeight
-      } : Wt.footerSize;
+      } : Ot.footerSize;
       i((u) => kf(u, {
         headerSize: d,
         footerSize: c
@@ -6585,7 +6581,7 @@ var rf = 4, nf = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     measurements: o
   };
 }, kf = (e, t) => e.headerSize.width !== t.headerSize.width || e.headerSize.height !== t.headerSize.height || e.footerSize.width !== t.footerSize.width || e.footerSize.height !== t.footerSize.height, Cf = () => null, Ef = ({ graphChrome: e, isEditable: t, mode: r, style: n, contentRef: o, children: i }) => {
-  const { themeClass: a, inlineVarsStyle: l } = ur(), d = e.borderColor === void 0 ? 0 : e.borderWidth, c = d > 0 ? e.borderColor : void 0, u = Math.max(0, e.borderRadius), h = u === 0 ? 0 : u + d, g = y(() => ({
+  const { themeClass: a, inlineVarsStyle: l } = dr(), d = e.borderColor === void 0 ? 0 : e.borderWidth, c = d > 0 ? e.borderColor : void 0, u = Math.max(0, e.borderRadius), h = u === 0 ? 0 : u + d, g = y(() => ({
     ...n,
     borderRadius: `${h}px`,
     ...l,
@@ -6631,55 +6627,54 @@ var rf = 4, nf = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     })
   })
 }) }) }), Bf = ({ width: e, height: t, animation: r, showTooltips: n = !0, mode: o = ve.readonly }) => {
-  const i = yo(), a = lr(o), { axes: l, legends: d, layers: c, numberFormat: u, parsingLocale: h, annotations: g, coordSystem: v, headline: f, headlineConfig: A, content: m, overflowStrategy: b, layoutConfig: x } = I(q((j) => ({
-    axes: j.guides.axes,
-    legends: j.guides.legends.drawn,
-    layers: j.layers,
-    numberFormat: j.config.numberFormat,
-    parsingLocale: j.config.parsingLocale,
-    annotations: j.annotations,
-    coordSystem: j.coordSystem,
-    headline: j.guides.headline,
-    headlineConfig: j.config.headline,
-    content: j.config.content,
-    overflowStrategy: j.config.panel.overflow,
-    layoutConfig: j.config.layout
-  }))), w = _a(), { intro: k, transitions: E } = y(() => Od(r, w ?? !1), [r, w]), { headerRef: C, footerRef: N, measurements: G } = Rf(), { formattingLocale: D, colorScheme: O } = K(), re = $e[a], tt = re.editorSurface, [mr, ci] = V(null), ui = ae("Header", ah), hi = ae("Footer", _u), gi = ae("Legend", fg), vi = ae("Headline", Bh), fi = ae("EditorSurface", Cf), Ar = y(() => sa({
+  const i = Ao(), a = ar(o), { axes: l, legends: d, layers: c, numberFormat: u, parsingLocale: h, annotations: g, coordSystem: v, headline: f, headlineConfig: A, content: m, overflowStrategy: b } = I(X((Z) => ({
+    axes: Z.guides.axes,
+    legends: Z.guides.legends.drawn,
+    layers: Z.layers,
+    numberFormat: Z.config.numberFormat,
+    parsingLocale: Z.config.parsingLocale,
+    annotations: Z.annotations,
+    coordSystem: Z.coordSystem,
+    headline: Z.guides.headline,
+    headlineConfig: Z.config.headline,
+    content: Z.config.content,
+    overflowStrategy: Z.config.panel.overflow
+  }))), x = _a(), { intro: w, transitions: k } = y(() => Od(r, x ?? !1), [r, x]), { headerRef: E, footerRef: C, measurements: N } = Rf(), { formattingLocale: H, colorScheme: U } = K(), W = $e[a], q = W.editorSurface, [fr, di] = V(null), ci = ae("Header", ah), ui = ae("Footer", _u), hi = ae("Legend", fg), gi = ae("Headline", Bh), vi = ae("EditorSurface", Cf), pr = y(() => aa({
     legends: d,
     numberFormat: u,
     parsingLocale: h,
-    formattingLocale: D
+    formattingLocale: H
   }), [
     d,
     u,
     h,
-    D
-  ]), De = y(() => aa({
+    H
+  ]), De = y(() => ia({
     headline: f,
     show: A.show,
     numberFormat: u,
     parsingLocale: h,
-    formattingLocale: D,
+    formattingLocale: H,
     t: i
   }), [
     f,
     A.show,
     u,
     h,
-    D,
+    H,
     i
-  ]), pi = Re(), U = L(), rt = y(() => wn(U), [U]), yr = y(() => Cn(U), [U]), xr = Go(), Mt = U.graph.get("fontFamily"), mi = Da(U), Ai = U.graph.get("textScale"), yi = y(() => Oa(U), [U]), xi = y(() => Ya(U), [U]), bi = y(() => Ma(U), [U]), Si = y(() => Ka(U), [U]), br = y(() => eo(O, {}, Mt), [O, Mt]), Lt = rt.borderColor === void 0 ? 0 : rt.borderWidth, Oe = y(() => ({
-    width: Math.max(0, e - 2 * Lt),
-    height: Math.max(0, t - 2 * Lt)
+  ]), fi = Re(), O = L(), tt = y(() => Sn(O), [O]), mr = y(() => kn(O), [O]), Ar = Wo(), It = O.graph.get("fontFamily"), pi = Da(O), mi = O.graph.get("textScale"), Ai = y(() => Oa(O), [O]), yi = y(() => Ya(O), [O]), xi = y(() => Ia(O), [O]), bi = y(() => Ka(O), [O]), yr = y(() => _n(U, {}, It), [U, It]), Mt = tt.borderColor === void 0 ? 0 : tt.borderWidth, Oe = y(() => ({
+    width: Math.max(0, e - 2 * Mt),
+    height: Math.max(0, t - 2 * Mt)
   }), [
     e,
     t,
-    Lt
-  ]), Sr = y(() => ju(m.brandMark.enabled, Oe, m.brandMark.variant), [
+    Mt
+  ]), xr = y(() => ju(m.brandMark.enabled, Oe, m.brandMark.variant), [
     m.brandMark.enabled,
     m.brandMark.variant,
     Oe
-  ]), wi = m.brandMark.placement === "footer" ? Sr : "hidden", Ri = m.brandMark.placement === "header" ? Sr : "hidden", Ce = y(() => De ? {
+  ]), Si = m.brandMark.placement === "footer" ? xr : "hidden", wi = m.brandMark.placement === "header" ? xr : "hidden", Ce = y(() => De ? {
     formatted: De,
     size: A.size,
     position: A.position,
@@ -6689,121 +6684,121 @@ var rf = 4, nf = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     A.size,
     A.position,
     v
-  ]), nt = nu({
-    textMeasurer: pi,
-    metrics: br,
+  ]), rt = nu({
+    textMeasurer: fi,
+    metrics: yr,
     overrides: Nl()
-  }), wr = y(() => $i(yr), [yr]), We = ou({
-    measurer: nt,
+  }), br = y(() => Zi(mr), [mr]), We = ou({
+    measurer: rt,
     axes: l,
     numberFormat: u,
     parsingLocale: h,
-    formattedLegends: Ar,
+    formattedLegends: pr,
     containerSize: Oe,
-    externalMeasurements: G,
+    externalMeasurements: N,
     headline: Ce,
-    formattingLocale: D,
+    formattingLocale: H,
     annotations: g,
     layers: c,
     coordSystem: v,
     overflowStrategy: b,
-    layout: x,
-    panelBorder: wr,
-    padding: y(() => Fa(U), [U])
-  }), ot = y(() => !We || !Ce || !nt ? null : Wa({
+    panelBorder: br,
+    padding: y(() => Fa(O), [O]),
+    margins: y(() => Ma(O), [O])
+  }), nt = y(() => !We || !Ce || !rt ? null : Wa({
     headline: Ce,
     layout: We.layout,
     containerSize: Oe,
-    measurer: nt,
-    itemGap: xr.gap
+    measurer: rt,
+    itemGap: Ar.gap
   }), [
     We,
     Ce,
-    nt,
+    rt,
     Oe,
-    xr.gap
+    Ar.gap
   ]);
   if (!We) return null;
-  const { layout: J, formattedAxes: ki, plotBottomY: Ci } = We, Ei = J.footer.height > 0;
-  return /* @__PURE__ */ s(_o.Provider, {
+  const { layout: J, formattedAxes: Ri, plotBottomY: ki } = We, Ci = J.footer.height > 0;
+  return /* @__PURE__ */ s($o.Provider, {
     value: a,
     children: /* @__PURE__ */ s(lc, {
-      colorScheme: O,
-      textScale: Ai,
-      graphBackground: rt.background,
-      graphFontFamily: Mt,
-      headingFontFamily: mi,
+      colorScheme: U,
+      textScale: mi,
+      graphBackground: tt.background,
+      graphFontFamily: It,
+      headingFontFamily: pi,
       children: /* @__PURE__ */ s(ul, {
-        metrics: br,
+        metrics: yr,
         children: /* @__PURE__ */ s(lu, { children: /* @__PURE__ */ s(Pu, {
           panelRect: J.panel,
           children: /* @__PURE__ */ s(Ef, {
-            graphChrome: rt,
-            isEditable: tt,
+            graphChrome: tt,
+            isEditable: q,
             mode: a,
-            contentRef: tt ? ci : void 0,
+            contentRef: q ? di : void 0,
             style: {
               width: "100%",
               height: "100%"
             },
             children: /* @__PURE__ */ S(Oc, {
-              intro: k,
+              intro: w,
               children: [
-                /* @__PURE__ */ s(ui, {
-                  ref: C,
+                /* @__PURE__ */ s(ci, {
+                  ref: E,
                   headerRect: J.header,
                   mode: a,
                   title: m.title,
                   isTitleVisible: m.isTitleVisible,
                   subtitle: m.subtitle,
                   isSubtitleVisible: m.isSubtitleVisible,
-                  headingStyle: yi,
-                  subtitleStyle: xi,
-                  brandMark: Ri
+                  headingStyle: Ai,
+                  subtitleStyle: yi,
+                  brandMark: wi
                 }),
                 /* @__PURE__ */ s(yf, {
-                  formattedAxes: ki,
+                  formattedAxes: Ri,
                   plotRect: J.plot,
-                  panelBorder: wr,
+                  panelBorder: br,
                   panelFrameRect: J.panelFrame,
                   panelRect: J.panel,
                   axisRects: J.axes,
                   axisLabelRects: J.axisLabels,
-                  shouldAnimateTransitions: E,
-                  formattingLocale: D ?? h,
-                  plotBottomY: Ci,
-                  isFooterChromeReserved: Ei,
-                  isEditable: tt,
-                  showAnnotations: re.annotations
+                  shouldAnimateTransitions: k,
+                  formattingLocale: H ?? h,
+                  plotBottomY: ki,
+                  isFooterChromeReserved: Ci,
+                  isEditable: q,
+                  showAnnotations: W.annotations
                 }),
-                /* @__PURE__ */ s(hi, {
-                  ref: N,
+                /* @__PURE__ */ s(ui, {
+                  ref: C,
                   footerRect: J.footer,
                   mode: a,
                   caption: m.caption,
                   isCaptionVisible: m.isCaptionVisible,
                   source: m.source,
                   isSourceVisible: m.isSourceVisible,
-                  captionStyle: bi,
-                  sourceStyle: Si,
-                  brandMark: wi
+                  captionStyle: xi,
+                  sourceStyle: bi,
+                  brandMark: Si
                 }),
-                /* @__PURE__ */ s(gi, {
-                  formattedLegends: Ar,
+                /* @__PURE__ */ s(hi, {
+                  formattedLegends: pr,
                   rects: J.legends
                 }),
-                De && ot && /* @__PURE__ */ s(vi, {
+                De && nt && /* @__PURE__ */ s(gi, {
                   headline: De,
-                  rect: ot.rect,
-                  resolvedSize: ot.resolvedSize,
-                  visibleItemCount: ot.visibleItemCount,
-                  isInDonutHole: Ce !== void 0 && ba(Ce)
+                  rect: nt.rect,
+                  resolvedSize: nt.resolvedSize,
+                  visibleItemCount: nt.visibleItemCount,
+                  isInDonutHole: Ce !== void 0 && xa(Ce)
                 }),
-                tt && mr !== null && /* @__PURE__ */ s(fi, {
-                  frameElement: mr,
+                q && fr !== null && /* @__PURE__ */ s(vi, {
+                  frameElement: fr,
                   panelRect: J.panel
                 }),
-                n && re.tooltips && /* @__PURE__ */ s(Mc, {})
+                n && W.tooltips && /* @__PURE__ */ s(Mc, {})
               ]
             })
           })
@@ -6812,7 +6807,7 @@ var rf = 4, nf = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     })
   });
 }, cp = (e) => {
-  const t = F(Fn);
+  const t = D(Hn);
   return y(() => e || (t ? {
     commands: t.commands,
     undo: t.history.undo,
@@ -6841,11 +6836,11 @@ export {
   md as Ct,
   Ah as D,
   qf as Dt,
-  ei as E,
+  _o as E,
   Ul as Et,
   np as F,
   Xf as Ft,
-  Ho as G,
+  No as G,
   _f as H,
   K as Ht,
   ye as I,
@@ -6853,12 +6848,12 @@ export {
   su as J,
   uu as K,
   op as L,
-  Rt as Lt,
-  Oo as M,
+  wt as Lt,
+  Do as M,
   Ve as Mt,
   ju as N,
   $s as Nt,
-  Vo as O,
+  Uo as O,
   Al as Ot,
   Bu as P,
   jf as Pt,
@@ -6872,28 +6867,28 @@ export {
   $f as U,
   is as Ut,
   ep as V,
-  Fn as Vt,
+  Hn as Vt,
   fu as W,
   Lc as X,
-  Co as Y,
+  ko as Y,
   Ie as Z,
   Qg as _,
   wd as _t,
   dp as a,
-  xo as at,
+  yo as at,
   Hg as b,
   yd as bt,
   wv as c,
-  dr as ct,
+  sr as ct,
   sp as d,
   Td as dt,
-  Vr as et,
+  Gr as et,
   rv as f,
   Ld as ft,
   Zg as g,
   Rd as gt,
   _g as h,
-  po as ht,
+  fo as ht,
   cp as i,
   sc as it,
   ip as j,
@@ -6912,9 +6907,9 @@ export {
   Id as pt,
   du as q,
   up as r,
-  ur as rt,
+  dr as rt,
   Qv as s,
-  yo as st,
+  Ao as st,
   gp as t,
   dc as tt,
   lp as u,
@@ -6926,7 +6921,7 @@ export {
   Cg as x,
   Zf as xt,
   et as y,
-  jt as yt,
+  Yt as yt,
   rp as z,
-  St as zt
+  bt as zt
 };