@graphysdk/react-renderer 1.9.0-beta.1788784687575 → 1.9.0-beta.1788802947113

package/dist/{history-chords-B6gL7Ye8.js → history-chords-CarULN0D.js}

@@ -1,6 +1,6 @@
 import { a as Wr, c as oa, f as x, i as aa, l as Vr, n as Ur, o as ia, r as sa, s as Qr, t as la, u as Yr } from "./dev.utils-HBVa4Fj9.js";
-import { ANNOTATION_TOOLTIP_MARKER_GAP as ca, AXIS_KEYS as Wt, CachedTextMeasurer as dr, DATA_LABEL_POSITIONS as da, DATA_LABEL_ROLES as ua, DEFAULT_GEOM_COLOR as Kr, DEFAULT_HOVER_AFFORDANCE_COLOR as vt, GROUP_VARIABLES as ce, HeuristicTextMeasurer as ha, HoverEngine as va, InternalError as ga, LayoutCompiler as fa, POLAR_RIM_LABEL_GAP_PX as pa, RESTING_HOVER_STATE as st, TAU as ur, alignUnitFractions as zr, areAnchorsEqual as ma, areEditMenuTriggersEqual as Aa, areEndpointsComparable as hr, arePointerRegionListsEqual as ya, buildAverageLineSymbols as xa, buildCalloutHitRegions as ba, buildColumnKey as Vt, buildDataLabelsContent as wa, buildFontString as Sa, buildLayerIntroPlan as ka, buildLayerYValueFormatter as Ra, buildPinnedNumberValueFormatter as Ca, buildPolarBarArcPath as ge, buildSliceGroupKey as Ut, buildTooltipContent as Ea, compositeColor as Pa, computeArrow as Ba, computeDifferenceArrow as Ia, computeDirectLabelsLayout as Ta, computeLineBoxHeight as fe, computePanelBorderPaths as Na, computePanelBorderSizes as La, countLayerGeoms as Ma, createAreaPathGenerators as jr, createHeadlineItemRows as Xr, createLineFillAreaGenerator as Fa, createLinePathGenerator as qr, createSegmentYReader as Da, createStableCellKeyGenerator as Oa, createStableKeyGenerator as oe, createStyleResolver as gt, findAnnotation as Ha, findPointerRegion as vr, formatHeadline as Ga, formatLegends as Wa, formatRuleValue as Va, getAestheticFromScaleAestheticKey as Ce, getAlpha as Jr, getAngleExtent as Qt, getBarRectBounds as Ke, getBoundingRect as Zr, getChromeDashArray as ft, getColor as $r, getDashArray as Ee, getDifferenceArrowLabelBox as Ua, getGroup as pt, getHoverGuideLineProps as Qa, getHoverGuideRectProps as Ya, getInsetTileRect as _r, getPolarHoverGuideArcProps as Ka, getRadiusExtent as mt, getRuleDashPattern as za, getShapeAnnotationStroke as ja, getSize as Xa, getStackRole as qa, getUnionExtent as Ja, getX as q, getXMax as Za, getY as te, getYMax as en, isAnnotationMovable as $a, isDefined as tn, isFullTurnSweep as rn, isSafeUrl as Yt, orderPointerRegions as _a, paintsInDonutHole as ei, pickReadableTextColor as nn, placeCallouts as ti, polarToUnit as ri, positionToAngle as ni, prepareAreaObservations as on, prepareLineObservations as an, projectAnchorToPanel as Qe, projectRegionToPanel as Kt, readAnchoredObservation as oi, resolveArrowAnnotationStyle as ai, resolveArrowColor as ii, resolveAxisLabelStyle as si, resolveBarBorderRadiusPx as sn, resolveBarBorderTreatment as ze, resolveBarCornerRadiiPx as li, resolveCalloutAnnotationStyle as ci, resolveDataLabelStyle as di, resolveDeferredAnchors as ui, resolveDifferenceArrowAnnotationStyle as hi, resolveDirectLabelStyle as vi, resolveGraphChromeStyle as ln, resolveGridLineStyle as Tt, resolveHeadlineFigure as cn, resolveHeadlineItemStyle as at, resolveHeadlinePlacement as gi, resolveHeadlineStyle as dn, resolveImageAnnotationStyle as fi, resolveLegendItemStyle as pi, resolveLegendStyle as mi, resolvePanelBorderStyle as un, resolvePolarBarCornerRadiusUnit as hn, resolveRuleLabelStyle as Ai, resolveShapeAnnotationStyle as vn, resolveTextAnnotationStyle as yi, resolveTickLabelStyle as xi, resolveTickLineStyle as bi, resolveTooltipStyle as wi, toFontSpec as z, toPanelCursor as Si, toPercent as k, toViewBoxX as gn, toViewBoxY as fn, truncateToWidth as ki } from "@graphysdk/viz-engine";
-import { Fragment as zt, createContext as U, memo as Z, useCallback as se, useContext as D, useEffect as M, useId as V, useMemo as A, useRef as I, useState as H, useSyncExternalStore as Ri } from "react";
+import { ANNOTATION_TOOLTIP_MARKER_GAP as ca, AXIS_KEYS as Gt, CachedTextMeasurer as dr, DATA_LABEL_POSITIONS as da, DATA_LABEL_ROLES as ua, DEFAULT_GEOM_COLOR as Kr, DEFAULT_HOVER_AFFORDANCE_COLOR as vt, GROUP_VARIABLES as ce, HeuristicTextMeasurer as ha, HoverEngine as va, InternalError as ga, LayoutCompiler as fa, POLAR_RIM_LABEL_GAP_PX as pa, RESTING_HOVER_STATE as st, TAU as ur, alignUnitFractions as zr, areAnchorsEqual as ma, areEditMenuTriggersEqual as Aa, areEndpointsComparable as hr, arePointerRegionListsEqual as ya, buildAverageLineSymbols as xa, buildCalloutHitRegions as ba, buildColumnKey as Wt, buildDataLabelsContent as wa, buildFontString as Sa, buildLayerIntroPlan as ka, buildLayerYValueFormatter as Ra, buildPinnedNumberValueFormatter as Ca, buildPolarBarArcPath as ge, buildSliceGroupKey as Vt, buildTooltipContent as Ea, compositeColor as Pa, computeArrow as Ba, computeDifferenceArrow as Ia, computeDirectLabelsLayout as Ta, computeLineBoxHeight as fe, computePanelBorderPaths as Na, computePanelBorderSizes as La, countLayerGeoms as Ma, createAreaPathGenerators as jr, createHeadlineItemRows as Xr, createLineFillAreaGenerator as Fa, createLinePathGenerator as qr, createSegmentYReader as Da, createStableCellKeyGenerator as Oa, createStableKeyGenerator as oe, createStyleResolver as gt, findAnnotation as Ha, findPointerRegion as vr, formatHeadline as Ga, formatLegends as Wa, formatRuleValue as Va, getAestheticFromScaleAestheticKey as Ce, getAlpha as Jr, getAngleExtent as Ut, getBarRectBounds as Ke, getBoundingRect as Zr, getChromeDashArray as ft, getColor as $r, getDashArray as Ee, getDifferenceArrowLabelBox as Ua, getGroup as pt, getHoverGuideLineProps as Qa, getHoverGuideRectProps as Ya, getInsetTileRect as _r, getPolarHoverGuideArcProps as Ka, getRadiusExtent as mt, getRuleDashPattern as za, getShapeAnnotationStroke as ja, getSize as Xa, getStackRole as qa, getUnionExtent as Ja, getX as q, getXMax as Za, getY as te, getYMax as en, isAnnotationMovable as $a, isDefined as tn, isFullTurnSweep as rn, isSafeUrl as Qt, orderPointerRegions as _a, paintsInDonutHole as ei, pickReadableTextColor as nn, placeCallouts as ti, polarToUnit as ri, positionToAngle as ni, prepareAreaObservations as on, prepareLineObservations as an, projectAnchorToPanel as Qe, projectRegionToPanel as Yt, readAnchoredObservation as oi, resolveArrowAnnotationStyle as ai, resolveArrowColor as ii, resolveAxisLabelStyle as si, resolveBarBorderRadiusPx as sn, resolveBarBorderTreatment as ze, resolveBarCornerRadiiPx as li, resolveCalloutAnnotationStyle as ci, resolveDataLabelStyle as di, resolveDeferredAnchors as ui, resolveDifferenceArrowAnnotationStyle as hi, resolveDirectLabelStyle as vi, resolveGraphChromeStyle as ln, resolveGridLineStyle as It, resolveHeadlineFigure as cn, resolveHeadlineItemStyle as at, resolveHeadlinePlacement as gi, resolveHeadlineStyle as dn, resolveImageAnnotationStyle as fi, resolveLegendItemStyle as pi, resolveLegendStyle as mi, resolvePanelBorderStyle as un, resolvePolarBarCornerRadiusUnit as hn, resolveRuleLabelStyle as Ai, resolveShapeAnnotationStyle as vn, resolveTextAnnotationStyle as yi, resolveTickLabelStyle as xi, resolveTickLineStyle as bi, resolveTooltipStyle as wi, toFontSpec as z, toPanelCursor as Si, toPercent as k, toViewBoxX as gn, toViewBoxY as fn, truncateToWidth as ki } from "@graphysdk/viz-engine";
+import { Fragment as Kt, createContext as U, memo as Z, useCallback as se, useContext as D, useEffect as M, useId as V, useMemo as A, useRef as I, useState as H, useSyncExternalStore as Ri } from "react";
 import { Fragment as B, jsx as s, jsxs as w } from "react/jsx-runtime";
 import { useStore as je } from "zustand";
 import { animate as ie, motion as O, useMotionValue as _, useReducedMotion as Ci, useTransform as tt } from "motion/react";
@@ -12,7 +12,7 @@ import { createPortal as mn } from "react-dom";
 import Ye, { clsx as He } from "clsx";
 import Ti from "lodash-es/merge";
 import { IntlProvider as Ni } from "react-intl";
-import { flip as Nt, offset as Lt, shift as Mt, useFloating as An } from "@floating-ui/react-dom";
+import { flip as Tt, offset as Nt, shift as Lt, useFloating as An } from "@floating-ui/react-dom";
 import { assignInlineVars as yn } from "@vanilla-extract/dynamic";
 import { getContrast as Li } from "color2k";
 import './history-chords.css';var gr = Object.defineProperty, Mi = (e, t) => {
@@ -24,7 +24,7 @@ import './history-chords.css';var gr = Object.defineProperty, Mi = (e, t) => {
     });
   return t || gr(r, Symbol.toStringTag, { value: "Module" }), r;
 };
-typeof window < "u" && (window.__GRAPHY_SDK__ ??= {}, window.__GRAPHY_SDK__.reactRenderer = "1.9.0-beta.1788784687575");
+typeof window < "u" && (window.__GRAPHY_SDK__ ??= {}, window.__GRAPHY_SDK__.reactRenderer = "1.9.0-beta.1788802947113");
 function Fi(e) {
   for (const t of e) (t.severity === "error" ? console.error : console.warn)(`[graphy] ${t.code}: ${t.message}`, t);
 }
@@ -77,7 +77,7 @@ var bn = (e) => {
     x: r.centerX + n.x * r.radius,
     y: r.centerY - n.y * r.radius
   };
-}, jt = (e, t) => ({
+}, zt = (e, t) => ({
   x: gn(e),
   y: fn(t)
 }), re = (e, t) => {
@@ -86,7 +86,7 @@ var bn = (e) => {
     x: (r.x + 1) / 2,
     y: (r.y + 1) / 2
   };
-}, Oi = 2, Hi = 0.7, he = ({ hit: e, project: t = jt }) => {
+}, Oi = 2, Hi = 0.7, he = ({ hit: e, project: t = zt }) => {
   const r = bn(e.layerId);
   if (!e.anchored) return null;
   const n = r?.get("color", e.observation) ?? Kr, o = (Jr(e.observation) ?? 1) * Hi, a = (r?.get("size", e.observation) ?? 8) / 2, i = r?.get("borderColor", e.observation, "hovered") ?? vt, l = t(e.x, e.y);
@@ -105,7 +105,7 @@ var bn = (e) => {
   stiffness: 500,
   damping: 60,
   mass: 1
-}, Gi = { duration: 0 }, Xt = (e) => e ? ne : Gi, Ft = (e, t) => {
+}, Gi = { duration: 0 }, jt = (e) => e ? ne : Gi, Mt = (e, t) => {
   const r = _(e);
   return M(() => {
     const n = Ei(r.get(), e);
@@ -135,7 +135,7 @@ var bn = (e) => {
   strokeDasharray: l,
   vectorEffect: "non-scaling-stroke"
 })] }), Vi = ({ fillPath: e, linePath: t, fill: r, fillOpacity: n, stroke: o, strokeWidth: a, strokeOpacity: i, strokeDasharray: l }) => {
-  const c = Ft(e, ne), d = Ft(t, ne);
+  const c = Mt(e, ne), d = Mt(t, ne);
   return /* @__PURE__ */ w("g", { children: [/* @__PURE__ */ s(O.path, {
     d: c,
     fill: r,
@@ -150,7 +150,7 @@ var bn = (e) => {
     strokeDasharray: l,
     vectorEffect: "non-scaling-stroke"
   })] });
-}, qt = (e, t) => {
+}, Xt = (e, t) => {
   const r = (t !== void 0 ? e.delayByKey[t] : void 0) ?? 0;
   return {
     duration: e.durationSeconds,
@@ -255,7 +255,7 @@ var bn = (e) => {
   strokeOpacity: a,
   strokeDasharray: i,
   shouldAnimateTransitions: l
-}), qi = "_324dw20", Cn = 1, Ji = 0.4, Zi = 0.2, $i = 1, _i = 0.5, es = 2.25, Pe = ({ hit: e, project: t = jt, ...r }) => {
+}), qi = "_324dw20", Cn = 1, Ji = 0.4, Zi = 0.2, $i = 1, _i = 0.5, es = 2.25, Pe = ({ hit: e, project: t = zt, ...r }) => {
   const n = bn(e.layerId);
   if (!e.anchored) return null;
   const o = n?.get("color", e.observation) ?? Kr, a = Jr(e.observation) ?? 1, i = n?.get("borderColor", e.observation, "hovered") ?? vt, l = t(e.x, e.y), c = k(l.x), d = k(l.y), u = ts(e.observation, n), { ringRadius: g, ringWidth: v } = rs(u);
@@ -372,11 +372,11 @@ var bn = (e) => {
       y: r
     };
   }
-}, Dt = (e, t, r) => {
-  const n = r === void 0 ? e.activeIntro : r, o = I(n ? qt(n, t) : null), a = I(e.shouldAnimateTransitions);
+}, Ft = (e, t, r) => {
+  const n = r === void 0 ? e.activeIntro : r, o = I(n ? Xt(n, t) : null), a = I(e.shouldAnimateTransitions);
   return a.current = e.shouldAnimateTransitions, se(() => {
     const i = o.current;
-    return o.current = null, i ?? Xt(a.current);
+    return o.current = null, i ?? jt(a.current);
   }, []);
 }, At = (e, t) => {
   const r = I(!0);
@@ -416,7 +416,7 @@ var bn = (e) => {
     for (const u of t.data) {
       const g = Ke(r.mainAxis, u);
       if (!g) continue;
-      const v = Vt(r.mainAxis, g), h = d.get(v), f = {
+      const v = Wt(r.mainAxis, g), h = d.get(v), f = {
         key: c(u),
         ...g,
         fill: i.get("color", u),
@@ -572,7 +572,7 @@ var bn = (e) => {
         opacity: i.opacity
       } : !1,
       style: { transformBox: "view-box" },
-      transition: c ? qt(c, t) : Xt(d),
+      transition: c ? Xt(c, t) : jt(d),
       fill: i.fill,
       opacity: i.opacity,
       rx: r,
@@ -613,7 +613,7 @@ var bn = (e) => {
   strokeWidth: o,
   opacity: a
 }), ls = (e, t, r) => {
-  const n = t.activeIntro ? En(e, t.activeIntro) : e, o = _(n.x), a = _(n.y), i = _(n.width), l = _(n.height), c = Dt(t, r);
+  const n = t.activeIntro ? En(e, t.activeIntro) : e, o = _(n.x), a = _(n.y), i = _(n.width), l = _(n.height), c = Ft(t, r);
   return M(() => {
     const d = c(), u = [
       ie(o, e.x, d),
@@ -652,7 +652,7 @@ var ds = "_1suo8ub0", Pn = (e, t, r) => {
   for (const a of e.data) {
     const i = Ke(t, a);
     if (!i) continue;
-    const l = Vt(t, i), c = n.get(l);
+    const l = Wt(t, i), c = n.get(l);
     c === void 0 ? n.set(l, {
       firstObservation: a,
       memberBounds: [i]
@@ -666,7 +666,7 @@ var ds = "_1suo8ub0", Pn = (e, t, r) => {
   return o;
 }, Bn = (e, t, r, n) => {
   const o = Ke(t, n);
-  return o ? e.get(Vt(t, o)) ?? {
+  return o ? e.get(Wt(t, o)) ?? {
     style: Be(r, n),
     bounds: o
   } : null;
@@ -754,7 +754,7 @@ var ds = "_1suo8ub0", Pn = (e, t, r) => {
     }, i(c)));
   }
   return l;
-}, Rt = 3, vs = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
+}, kt = 3, vs = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
   const o = T(e), a = V(), i = V(), l = V(), c = A(() => Pn(e, t.mainAxis, o), [
     e,
     t.mainAxis,
@@ -765,7 +765,7 @@ var ds = "_1suo8ub0", Pn = (e, t, r) => {
     borderRadius: m,
     mainAxis: t.mainAxis,
     bounds: v
-  }), b = ke(g, 0), R = ke(v, y), S = ke(Ar(g, Rt), 0), P = ke(Ar(v, Rt), y > 0 ? y + Rt : 0), E = o.get("color", r.observation), L = o.get("alpha", r.observation), F = o.get("borderColor", r.observation, "hovered") ?? vt, W = ze(f);
+  }), b = ke(g, 0), R = ke(v, y), S = ke(Ar(g, kt), 0), P = ke(Ar(v, kt), y > 0 ? y + kt : 0), E = o.get("color", r.observation), L = o.get("alpha", r.observation), F = o.get("borderColor", r.observation, "hovered") ?? vt, W = ze(f);
   return /* @__PURE__ */ w("g", {
     "data-testid": "hovered-bar",
     children: [
@@ -949,7 +949,7 @@ var ds = "_1suo8ub0", Pn = (e, t, r) => {
     shouldAnimateTransitions: l
   })] });
 }, As = ({ pathData: e, color: t, strokeWidth: r, opacity: n, strokeDasharray: o }) => {
-  const a = Ft(e, ne);
+  const a = Mt(e, ne);
   return /* @__PURE__ */ s(O.path, {
     d: a,
     fill: "none",
@@ -1029,7 +1029,7 @@ var ds = "_1suo8ub0", Pn = (e, t, r) => {
       r: 0,
       opacity: 0
     } : !1,
-    transition: p ? qt(p, o) : Xt(y),
+    transition: p ? Xt(p, o) : jt(y),
     fill: g,
     stroke: h,
     strokeWidth: f,
@@ -1055,7 +1055,7 @@ var ds = "_1suo8ub0", Pn = (e, t, r) => {
     let c = 0;
     for (const d of t.data) l.push(/* @__PURE__ */ s(In, {
       observation: d,
-      project: jt,
+      project: zt,
       styleReaders: o,
       animation: a,
       introKey: i?.(d)
@@ -1238,14 +1238,14 @@ var ds = "_1suo8ub0", Pn = (e, t, r) => {
   weight: e.weight,
   style: e.style
 }), Is = (e, t = {}) => {
-  const r = Ct(e.fontFamilyDefault) ?? Ct(Ur) ?? "";
+  const r = Rt(e.fontFamilyDefault) ?? Rt(Ur) ?? "";
   return {
     legendLabel: ((o) => {
       const a = t[o] ?? {}, i = aa[o], l = Gn(i, e);
       l === null && Ns(o);
       const c = l ?? Ts(i);
       return {
-        family: Ct(a.family) ?? r,
+        family: Rt(a.family) ?? r,
         style: a.style ?? "normal",
         weight: a.weight ?? c.weight,
         size: a.size ?? c.size,
@@ -1265,7 +1265,7 @@ var ds = "_1suo8ub0", Pn = (e, t, r) => {
   const t = Gn(e, Dn);
   if (t === null) throw new Error("[react-renderer] Base typography leaf tokens failed to parse.");
   return t;
-}, Ct = (e) => e === void 0 || e.includes("var(") ? null : e.replace(/\s+/g, " ").trim(), Ns = (e) => {
+}, Rt = (e) => e === void 0 || e.includes("var(") ? null : e.replace(/\s+/g, " ").trim(), Ns = (e) => {
   la && console.warn(`[react-renderer] The leaf tokens composing "${e}" could not be resolved to a measurable font. Measurement falls back to the token's default; paint may disagree. Leaf overrides must be concrete values (px/em sizes, numeric weights, unitless line-heights).`);
 }, Ls = {
   transparent: "transparent",
@@ -1502,16 +1502,16 @@ var Qn = U(Hs), Gs = ({ metrics: e, children: t }) => /* @__PURE__ */ s(Qn.Provi
     strokeLinecap: "round",
     ...e === "dashed" ? { strokeMiterlimit: 16 } : {}
   };
-}, _s = (e, t) => rt(e) && rt(t) ? `${e}: ${t}` : rt(e) ? e : rt(t) ? t : null, rt = (e) => e != null && e.trim() !== "", Xn = Object.freeze({}), Jt = U(Xn), el = ({ slots: e, children: t }) => /* @__PURE__ */ s(Jt.Provider, {
+}, _s = (e, t) => rt(e) && rt(t) ? `${e}: ${t}` : rt(e) ? e : rt(t) ? t : null, rt = (e) => e != null && e.trim() !== "", Xn = Object.freeze({}), qt = U(Xn), el = ({ slots: e, children: t }) => /* @__PURE__ */ s(qt.Provider, {
   value: e ?? Xn,
   children: t
 });
 function ee(e, t) {
-  const r = D(Jt)[e];
+  const r = D(qt)[e];
   return r === void 0 ? t : typeof r == "object" && rl(r) ? r.render : r;
 }
 function tl() {
-  const e = D(Jt);
+  const e = D(qt);
   return {
     measureAxis: e.AxisTicks?.measure,
     measureAxisLabel: e.AxisLabel?.measure,
@@ -1919,7 +1919,7 @@ var nl = "_2qyyu60", ol = 2, al = 12, il = 12, xr = 1, br = 2, sl = 4, Xe = (e)
     "data-testid": "hovered-point",
     children: r
   }) : r;
-}, Ot = (e) => {
+}, Dt = (e) => {
   const [t, ...r] = e;
   if (!t) return "";
   const n = r.map((o) => `L ${o.x} ${o.y}`).join(" ");
@@ -1980,9 +1980,9 @@ var nl = "_2qyyu60", ol = 2, al = 12, il = 12, xr = 1, br = 2, sl = 4, Xe = (e)
   }
   if (t.length === 0) return null;
   t.sort((a, i) => a.angle - i.angle);
-  const r = t.map((a) => a.outer), n = t.map((a) => a.inner), o = Ot(r);
+  const r = t.map((a) => a.outer), n = t.map((a) => a.inner), o = Dt(r);
   return {
-    fillPath: n.some((a) => a.x !== 0 || a.y !== 0) ? `${o} ${Ot([...n].reverse())}` : o,
+    fillPath: n.some((a) => a.x !== 0 || a.y !== 0) ? `${o} ${Dt([...n].reverse())}` : o,
     outlinePath: o
   };
 }, Rl = ({ layer: e, primary: t, companions: r }) => {
@@ -2053,7 +2053,7 @@ var nl = "_2qyyu60", ol = 2, al = 12, il = 12, xr = 1, br = 2, sl = 4, Xe = (e)
   const a = V(), i = At(o?.type === "grow" && (o.growAxis === "angle" || o.growAxis === "radius") ? o : null, n), l = r.bandAxis !== "x", c = T(t), d = A(() => {
     const u = oe(t.data, t.mapping, t.id), g = /* @__PURE__ */ new Map();
     for (const v of t.data) {
-      const h = u(v), { startAngle: f, endAngle: m } = Qt(v), { innerRadius: p, outerRadius: y } = mt(v);
+      const h = u(v), { startAngle: f, endAngle: m } = Ut(v), { innerRadius: p, outerRadius: y } = mt(v);
       if (f === null || m === null || p === null || y === null) continue;
       const b = {
         key: h,
@@ -2063,7 +2063,7 @@ var nl = "_2qyyu60", ol = 2, al = 12, il = 12, xr = 1, br = 2, sl = 4, Xe = (e)
         outerRadius: y,
         fill: c.get("color", v),
         opacity: c.get("alpha", v)
-      }, R = Ut(r.bandAxis, b), S = g.get(R);
+      }, R = Vt(r.bandAxis, b), S = g.get(R);
       S ? S.items.push(b) : g.set(R, {
         items: [b],
         style: Be(c, v)
@@ -2109,7 +2109,7 @@ var nl = "_2qyyu60", ol = 2, al = 12, il = 12, xr = 1, br = 2, sl = 4, Xe = (e)
           ...b
         }, W);
       }), P = hn(f, u.union.outerRadius - u.union.innerRadius);
-      if (!p && P <= 0) return /* @__PURE__ */ s(zt, { children: S }, u.key);
+      if (!p && P <= 0) return /* @__PURE__ */ s(Kt, { children: S }, u.key);
       const E = `${a}${g}`;
       if (i.isAnimated) return /* @__PURE__ */ s("g", {
         clipPath: `url(#${E})`,
@@ -2154,7 +2154,7 @@ var nl = "_2qyyu60", ol = 2, al = 12, il = 12, xr = 1, br = 2, sl = 4, Xe = (e)
     innerRadius: h,
     outerRadius: f,
     cornerRadius: o
-  }) ?? ""), S = Dt(a, l, c);
+  }) ?? ""), S = Ft(a, l, c);
   M(() => {
     const E = S(), L = [ie(m, e, E), ie(p, t, E)];
     return () => {
@@ -2167,7 +2167,7 @@ var nl = "_2qyyu60", ol = 2, al = 12, il = 12, xr = 1, br = 2, sl = 4, Xe = (e)
     t,
     S
   ]);
-  const P = Dt(a, l, d);
+  const P = Ft(a, l, d);
   return M(() => {
     const E = P(), L = [ie(y, r, E), ie(b, n, E)];
     return () => {
@@ -2248,7 +2248,7 @@ var nl = "_2qyyu60", ol = 2, al = 12, il = 12, xr = 1, br = 2, sl = 4, Xe = (e)
   for (const a of e.data) {
     const i = eo(a);
     if (i === null) continue;
-    const l = Ut(t, i), c = n.get(l);
+    const l = Vt(t, i), c = n.get(l);
     c === void 0 ? n.set(l, {
       firstObservation: a,
       innerRadius: i.innerRadius,
@@ -2262,13 +2262,13 @@ var nl = "_2qyyu60", ol = 2, al = 12, il = 12, xr = 1, br = 2, sl = 4, Xe = (e)
   });
   return o;
 }, $n = (e, t, r, n) => {
-  const o = eo(n), a = o === null ? void 0 : e.get(Ut(t, o));
+  const o = eo(n), a = o === null ? void 0 : e.get(Vt(t, o));
   return a !== void 0 ? a : {
     style: Be(r, n),
     radialSpan: o === null ? 0 : o.outerRadius - o.innerRadius
   };
 }, _n = ({ observation: e, bandAxis: t, styleReaders: r, group: n }) => {
-  const o = V(), a = V(), { startAngle: i, endAngle: l } = Qt(e), { innerRadius: c, outerRadius: d } = mt(e);
+  const o = V(), a = V(), { startAngle: i, endAngle: l } = Ut(e), { innerRadius: c, outerRadius: d } = mt(e);
   if (i === null || l === null || c === null || d === null) return null;
   const u = {
     startAngle: i,
@@ -2361,7 +2361,7 @@ var nl = "_2qyyu60", ol = 2, al = 12, il = 12, xr = 1, br = 2, sl = 4, Xe = (e)
     outerRadius: i
   };
 }, eo = (e) => {
-  const { startAngle: t, endAngle: r } = Qt(e), { innerRadius: n, outerRadius: o } = mt(e);
+  const { startAngle: t, endAngle: r } = Ut(e), { innerRadius: n, outerRadius: o } = mt(e);
   return t === null || r === null || n === null || o === null ? null : {
     startAngle: t,
     endAngle: r,
@@ -2481,7 +2481,7 @@ var nl = "_2qyyu60", ol = 2, al = 12, il = 12, xr = 1, br = 2, sl = 4, Xe = (e)
       point: J(n, o)
     });
   }
-  return t.length === 0 ? null : (t.sort((r, n) => r.angle - n.angle), Ot(t.map((r) => r.point)));
+  return t.length === 0 ? null : (t.sort((r, n) => r.angle - n.angle), Dt(t.map((r) => r.point)));
 }, Ol = ({ layer: e, primary: t, companions: r }) => {
   const n = T(e), o = pt(t.observation), a = A(() => to([...e.data.filter(ce.group, "eq", o)]), [e.data, o]);
   if (!a) return null;
@@ -2628,7 +2628,7 @@ function Ql(e = []) {
   for (const r of e) (t[r.geom] ??= {})[r.coord] = r;
   return (r, n) => t[r]?.[n] ?? null;
 }
-var Ht = (e) => {
+var Ot = (e) => {
   const t = I(e);
   return t.current = e, t;
 }, Yl = () => {
@@ -2715,7 +2715,7 @@ var ql = ({ hitTest: e, input: t }) => {
     children: t
   });
 }, ec = (e, t) => {
-  const r = Ht(e), n = Ht(t), o = I(null), a = I(null), i = A(() => {
+  const r = Ot(e), n = Ot(t), o = I(null), a = I(null), i = A(() => {
     const l = () => {
       a.current !== null && (clearTimeout(a.current), a.current = null), o.current = null;
     }, c = () => {
@@ -3024,7 +3024,7 @@ var oc = ({ render: e, input: t }) => {
 }, gc = {
   graph: vc,
   dir: "ltr"
-}, Zt = {
+}, Jt = {
   "en-GB": uc,
   "en-US": hc,
   ar: cc,
@@ -3041,7 +3041,7 @@ var oc = ({ render: e, input: t }) => {
     }
     return c;
   };
-}, pc = ({ locale: e, overrides: t }) => t?.dir ?? Zt[e].dir ?? "ltr", mc = (e, t) => {
+}, pc = ({ locale: e, overrides: t }) => t?.dir ?? Jt[e].dir ?? "ltr", mc = (e, t) => {
   let r = e;
   for (const n of t) {
     if (typeof r != "object" || r === null) return;
@@ -3052,8 +3052,8 @@ var oc = ({ render: e, input: t }) => {
   const t = "en-GB";
   if (!e) return t;
   const r = e.trim().replace("_", "-").toLowerCase();
-  return Object.keys(Zt).find((n) => n.toLowerCase() === r) ?? t;
-}, ao = U(null), yc = [Zt], io = () => bc().translator, xc = ({ locale: e, children: t, i18nOverrides: r, dictionaries: n = yc }) => {
+  return Object.keys(Jt).find((n) => n.toLowerCase() === r) ?? t;
+}, ao = U(null), yc = [Jt], io = () => bc().translator, xc = ({ locale: e, children: t, i18nOverrides: r, dictionaries: n = yc }) => {
   const o = Ac(e), a = A(() => ({
     translator: fc({
       locale: o,
@@ -3093,7 +3093,7 @@ var oc = ({ render: e, input: t }) => {
   themeClass: lo,
   inlineVarsStyle: {},
   themeValues: Vn("light", {})
-}), $t = () => D(co), Ic = ({ colorScheme: e, themeOverrides: t = {}, textScale: r = 1, graphBackground: n, children: o }) => {
+}), Zt = () => D(co), Ic = ({ colorScheme: e, themeOverrides: t = {}, textScale: r = 1, graphBackground: n, children: o }) => {
   const a = A(() => Vn(e, t), [e, t]), i = A(() => {
     const c = { [x.textScale]: String(r) };
     for (const d of Object.keys(t)) {
@@ -3121,7 +3121,7 @@ var oc = ({ render: e, input: t }) => {
     children: o
   });
 }, Tc = ({ children: e, className: t, style: r }) => {
-  const { themeClass: n, inlineVarsStyle: o } = $t();
+  const { themeClass: n, inlineVarsStyle: o } = Zt();
   return /* @__PURE__ */ s("div", {
     className: Ye(n, Rc, t),
     style: {
@@ -3150,14 +3150,14 @@ var oc = ({ render: e, input: t }) => {
   const r = e.content ? uo(e.content) : null;
   switch (e.type) {
     case "doc":
-      return /* @__PURE__ */ s(zt, { children: r }, t);
+      return /* @__PURE__ */ s(Kt, { children: r }, t);
     case "heading": {
       const n = Wc(e.attrs?.level);
       return Vc(n, t, r, Er(e.attrs));
     }
     case "paragraph":
       return /* @__PURE__ */ s("p", {
-        "data-variant": xt(e.attrs?.variant) ?? void 0,
+        "data-variant": $t(e.attrs?.variant) ?? void 0,
         style: ho(Er(e.attrs)),
         children: r
       }, t);
@@ -3195,8 +3195,8 @@ var oc = ({ render: e, input: t }) => {
     case "code":
       return /* @__PURE__ */ s("code", { children: t }, r);
     case "link": {
-      const n = xt(e.attrs?.href);
-      return Yt(n) ? /* @__PURE__ */ s("a", {
+      const n = $t(e.attrs?.href);
+      return Qt(n) ? /* @__PURE__ */ s("a", {
         className: Mc,
         href: n,
         rel: "noopener noreferrer",
@@ -3216,13 +3216,15 @@ var oc = ({ render: e, input: t }) => {
   }
 }, Hc = (e) => {
   if (!e) return null;
-  const t = {}, r = xt(e.color);
+  const t = {}, r = $t(e.color);
   r && (t.color = r);
   const n = Cr(e.font) ?? Cr(e.fontFamily);
   n && (t.fontFamily = n);
   const o = Gc(e.fontSize);
   return o && (t.fontSize = o), Object.keys(t).length > 0 ? t : null;
-}, Gc = (e) => typeof e == "number" && Number.isFinite(e) ? `${e / 10}em` : xt(e), xt = (e) => typeof e == "string" && e.length > 0 ? e : void 0, Wc = (e) => typeof e != "number" ? 3 : e < 1 ? 1 : e > 3 ? 3 : Math.round(e), Vc = (e, t, r, n) => {
+}, Gc = (e) => {
+  if (typeof e == "number" && Number.isFinite(e)) return `calc(${e}px * ${x.textScale})`;
+}, $t = (e) => typeof e == "string" && e.length > 0 ? e : void 0, Wc = (e) => typeof e != "number" ? 3 : e < 1 ? 1 : e > 3 ? 3 : Math.round(e), Vc = (e, t, r, n) => {
   const o = ho(n);
   switch (e) {
     case 1:
@@ -3251,7 +3253,7 @@ function Ve(e) {
 }
 var Uc = "_19519k80";
 var Qc = "_19519k82", Yc = "_19519k83", Kc = "_19519k85", zc = "_19519k86", jc = "_19519k87", Xc = "_19519k88", qc = (e) => {
-  const { overlayRef: t } = me(), r = I(null), [n, o] = H(!1), a = Ht(e);
+  const { overlayRef: t } = me(), r = I(null), [n, o] = H(!1), a = Ot(e);
   return M(() => {
     const i = t.current;
     if (!i) return;
@@ -3325,7 +3327,7 @@ var Qc = "_19519k82", Yc = "_19519k83", Kc = "_19519k85", zc = "_19519k86", jc =
   }), y = no();
   return y ? mn(/* @__PURE__ */ s(Tc, { children: p }), y) : p;
 }, ed = ({ content: e }) => {
-  const t = de(), r = C((c) => c.coordSystem), n = Sc(), o = Et(n.heading), a = Et(n.label), i = Et(n.value), l = { paddingInline: n.box.paddingInline };
+  const t = de(), r = C((c) => c.coordSystem), n = Sc(), o = Ct(n.heading), a = Ct(n.label), i = Ct(n.value), l = { paddingInline: n.box.paddingInline };
   return /* @__PURE__ */ w("div", {
     className: Uc,
     style: td(n.box),
@@ -3366,7 +3368,7 @@ var Qc = "_19519k82", Yc = "_19519k83", Kc = "_19519k85", zc = "_19519k86", jc =
       })
     ]
   });
-}, Et = (e) => ({
+}, Ct = (e) => ({
   ...le(e),
   color: e.textColor,
   lineHeight: e.lineHeight
@@ -3400,13 +3402,13 @@ var Qc = "_19519k82", Yc = "_19519k83", Kc = "_19519k85", zc = "_19519k86", jc =
   open: e,
   placement: t !== null ? t.placement : "right",
   middleware: t !== null ? [
-    Lt(ca),
-    Mt(nt),
-    Nt(nt)
+    Nt(ca),
+    Lt(nt),
+    Tt(nt)
   ] : [
-    Lt(Jc),
-    Nt(nt),
-    Mt(nt)
+    Nt(Jc),
+    Tt(nt),
+    Lt(nt)
   ],
   elements: { reference: r }
 }), ad = ({ row: e, swatchShape: t, shouldHighlight: r, labelStyle: n, valueStyle: o, paddingInline: a, highlightBackground: i }) => /* @__PURE__ */ w("div", {
@@ -3492,10 +3494,10 @@ var Qc = "_19519k82", Yc = "_19519k83", Kc = "_19519k85", zc = "_19519k86", jc =
   const e = N(), t = C((r) => r.config.appearance.textScale);
   return A(() => {
     const r = {};
-    for (const n of Wt) r[n] = si(e, n, t);
+    for (const n of Gt) r[n] = si(e, n, t);
     return r;
   }, [e, t]);
-}, bt = () => {
+}, xt = () => {
   const e = N(), t = C((r) => r.config.appearance.textScale);
   return A(() => {
     const r = {};
@@ -3519,14 +3521,14 @@ var Qc = "_19519k82", Yc = "_19519k83", Kc = "_19519k85", zc = "_19519k86", jc =
   const e = N(), t = C((r) => r.config.appearance.textScale);
   return A(() => {
     const r = {};
-    for (const n of Wt) r[n] = xi(e, n, t);
+    for (const n of Gt) r[n] = xi(e, n, t);
     return r;
   }, [e, t]);
 }, mo = () => {
   const e = N();
   return A(() => {
     const t = {};
-    for (const r of Wt) t[r] = bi(e, r);
+    for (const r of Gt) t[r] = bi(e, r);
     return t;
   }, [e]);
 }, ud = ({ textMeasurer: e, tickLabelStyles: t, tickLineStyles: r, familyDefault: n }) => (o) => {
@@ -3620,7 +3622,7 @@ var Qc = "_19519k82", Yc = "_19519k83", Kc = "_19519k85", zc = "_19519k86", jc =
   });
   return Math.max(...f) + v;
 }, kd = ({ textMeasurer: e, tickLabelStyles: t, familyDefault: r }) => (n, o) => e.measureText(n, z(t[o], r)), Rd = Object.freeze({}), Cd = ({ textMeasurer: e, textScale: t, metrics: r, overrides: n = Rd }) => {
-  const o = go(), a = bt(), i = po(), l = er(), c = tr(), d = mo(), u = N(), g = I(n);
+  const o = go(), a = xt(), i = po(), l = er(), c = tr(), d = mo(), u = N(), g = I(n);
   return g.current = n, A(() => {
     if (!e) return null;
     const v = r.fonts.familyDefault, h = {
@@ -4018,7 +4020,7 @@ var yu = "xfz7dq2", xu = "xfz7dq3", bu = "xfz7dq4", wu = "xfz7dq5", Su = ({ ref:
   className: mu,
   children: e
 }) : /* @__PURE__ */ s(Re, { content: e }), Ru = ({ source: e }) => {
-  const t = Yt(e.url) ? e.url : void 0, r = e.label ?? (t !== void 0 ? Cu(t) : "");
+  const t = Qt(e.url) ? e.url : void 0, r = e.label ?? (t !== void 0 ? Cu(t) : "");
   return r === "" && t === void 0 ? null : /* @__PURE__ */ w("span", {
     className: yu,
     children: [/* @__PURE__ */ s("span", {
@@ -4041,7 +4043,7 @@ var yu = "xfz7dq2", xu = "xfz7dq3", bu = "xfz7dq4", wu = "xfz7dq5", Su = ({ ref:
   } catch {
     return e;
   }
-}, Eu = (e) => e.label !== void 0 && e.label !== "" || e.url !== void 0 && e.url !== "" && Yt(e.url), Pu = "_1k4qtbg0";
+}, Eu = (e) => e.label !== void 0 && e.label !== "" || e.url !== void 0 && e.url !== "" && Qt(e.url), Pu = "_1k4qtbg0";
 var Bu = 22, Iu = ({ ref: e, headerRect: t, mode: r = "readonly", title: n, isTitleVisible: o, subtitle: a, isSubtitleVisible: i, brandMark: l }) => {
   const { Title: c } = nr(), d = r === "editable" ? c : null, u = d !== null, g = o && (u || n !== null), v = i && (u || a !== null), h = l !== "hidden";
   return !g && !v && !h ? null : /* @__PURE__ */ w("div", {
@@ -4330,7 +4332,7 @@ var th = "_1oj6yix2", rh = 8, nh = 16, oh = 2, ah = ({ legends: e, containerRect
   const e = N();
   return A(() => mi(e), [e]);
 }, uh = "_1kjk02r0", hh = "_1kjk02r1", vh = "_1kjk02r2", gh = "_1kjk02r3", fh = "_1kjk02r4", ph = "_1kjk02r5", mh = "_1kjk02r6", Ah = "_1kjk02r7", yh = "_1kjk02r8";
-var xh = "_1dw9dgx0", Pt = "\0", bh = (e, t) => {
+var xh = "_1dw9dgx0", Et = "\0", bh = (e, t) => {
   const r = [];
   return e.forEach((n, o) => {
     const a = n.aesthetics.includes("size");
@@ -4339,9 +4341,9 @@ var xh = "_1dw9dgx0", Pt = "\0", bh = (e, t) => {
         const u = Number(i.visual.size);
         if (!Number.isFinite(u) || u <= 0) continue;
       }
-      const l = i.visual.color ?? "", c = a ? `${Pt}${Number(i.visual.size)}` : "", d = i.visual.lineType;
+      const l = i.visual.color ?? "", c = a ? `${Et}${Number(i.visual.size)}` : "", d = i.visual.lineType;
       r.push({
-        key: `${o}${Pt}${String(i.value)}${Pt}${l}${c}`,
+        key: `${o}${Et}${String(i.value)}${Et}${l}${c}`,
         formattedLabel: i.formattedLabel,
         visual: i.visual,
         swatchShape: t(i.geom),
@@ -4382,9 +4384,9 @@ var xh = "_1dw9dgx0", Pt = "\0", bh = (e, t) => {
     open: n,
     placement: t,
     middleware: [
-      Lt(4),
-      Nt(),
-      Mt({ padding: 8 })
+      Nt(4),
+      Tt(),
+      Lt({ padding: 8 })
     ]
   });
   M(() => {
@@ -4638,7 +4640,7 @@ var xh = "_1dw9dgx0", Pt = "\0", bh = (e, t) => {
   });
 }, Qh = ({ coordSystem: e, primary: t, panelRect: r }) => {
   const n = Qa(e, t);
-  return /* @__PURE__ */ s(wt, {
+  return /* @__PURE__ */ s(bt, {
     panelRect: r,
     children: /* @__PURE__ */ s("line", {
       ...n,
@@ -4651,7 +4653,7 @@ var xh = "_1dw9dgx0", Pt = "\0", bh = (e, t) => {
   });
 }, Yh = ({ coordSystem: e, scales: t, primary: r, panelRect: n }) => {
   const o = Ya(e, t, r);
-  return o === null ? null : /* @__PURE__ */ s(wt, {
+  return o === null ? null : /* @__PURE__ */ s(bt, {
     panelRect: n,
     children: /* @__PURE__ */ s("rect", {
       ...o,
@@ -4661,7 +4663,7 @@ var xh = "_1dw9dgx0", Pt = "\0", bh = (e, t) => {
   });
 }, Kh = ({ coordSystem: e, primary: t, panelRect: r }) => {
   const n = Sn(r), o = J(t.x, e.innerRadius, n), a = J(t.x, 1, n);
-  return /* @__PURE__ */ s(wt, {
+  return /* @__PURE__ */ s(bt, {
     panelRect: r,
     children: /* @__PURE__ */ s("line", {
       x1: o.x,
@@ -4679,7 +4681,7 @@ var xh = "_1dw9dgx0", Pt = "\0", bh = (e, t) => {
   const n = Ka(e, t);
   if (n === null) return null;
   const o = ge(n);
-  return o ? /* @__PURE__ */ s(wt, {
+  return o ? /* @__PURE__ */ s(bt, {
     panelRect: r,
     children: /* @__PURE__ */ s("svg", {
       viewBox: "-1 -1 2 2",
@@ -4694,7 +4696,7 @@ var xh = "_1dw9dgx0", Pt = "\0", bh = (e, t) => {
       })
     })
   }) : null;
-}, wt = ({ panelRect: e, children: t }) => /* @__PURE__ */ s("svg", {
+}, bt = ({ panelRect: e, children: t }) => /* @__PURE__ */ s("svg", {
   x: e.x,
   y: e.y,
   width: e.width,
@@ -4735,7 +4737,7 @@ var xh = "_1dw9dgx0", Pt = "\0", bh = (e, t) => {
   const a = e(r).find((i) => i.id === n);
   return a === void 0 ? null : t(a, o);
 }, Do = (e, t, r = 0) => {
-  const n = Kt(e, t);
+  const n = Yt(e, t);
   return {
     shape: "rect",
     rect: {
@@ -4860,19 +4862,19 @@ var xh = "_1dw9dgx0", Pt = "\0", bh = (e, t) => {
     cursor: ov(l, o),
     "data-testid": "pointer-capture-layer"
   });
-}, ov = (e, t) => e ? "move" : t ? "pointer" : void 0, Bt = "data-hover-active", av = (e) => {
+}, ov = (e, t) => e ? "move" : t ? "pointer" : void 0, Pt = "data-hover-active", av = (e) => {
   const { store: t } = me(), r = je(t, (n) => n.hover.primary !== null);
   M(() => {
     const n = e.current;
     if (n)
-      return r ? n.setAttribute(Bt, "true") : n.removeAttribute(Bt), () => {
-        n.removeAttribute(Bt);
+      return r ? n.setAttribute(Pt, "true") : n.removeAttribute(Pt), () => {
+        n.removeAttribute(Pt);
       };
   }, [e, r]);
 }, iv = () => {
   const e = N();
   return A(() => (t) => ai(e, t), [e]);
-}, St = () => ue((e) => Ue(e, "move-drag")?.annotationId ?? Ue(e, "shape-resize-drag")?.annotationId ?? Ue(e, "arrow-endpoint-drag")?.annotationId ?? null), Je = (e) => {
+}, wt = () => ue((e) => Ue(e, "move-drag")?.annotationId ?? Ue(e, "shape-resize-drag")?.annotationId ?? Ue(e, "arrow-endpoint-drag")?.annotationId ?? null), Je = (e) => {
   const t = C((i) => i.annotations), r = Nd(), n = Fd(), o = se((i) => Lr(n, "cycle", i, `Annotation reference cycle detected; dropping annotation(s): ${i.join(", ")}`), [n]), a = se((i) => Lr(n, "missing-ref", i, `Annotation reference target(s) no longer exist (dropped during compilation); dropping annotations referencing: ${i.join(", ")}`), [n]);
   return A(() => ui({
     annotations: t,
@@ -4906,7 +4908,7 @@ var xh = "_1dw9dgx0", Pt = "\0", bh = (e, t) => {
     inverse: "#1D2129"
   }
 }, dv = ({ computed: e, style: t, isAddressable: r }) => {
-  const n = V(), { colorScheme: o } = $t(), a = e.dashArray ? {
+  const n = V(), { colorScheme: o } = Zt(), a = e.dashArray ? {
     strokeDasharray: e.dashArray,
     strokeDashoffset: e.dashOffset
   } : {}, i = t.shadow === "none" ? null : t.shadow, l = t.borderWidth > 0, c = cv[o], d = t.borderColor ?? vv(t.color, c.primary, c.inverse), u = i === null ? null : hv(e, t.borderWidth, i.blur);
@@ -4983,7 +4985,7 @@ var xh = "_1dw9dgx0", Pt = "\0", bh = (e, t) => {
     return r;
   }
 }, gv = ({ panelRect: e, isEditable: t }) => {
-  const { arrows: r } = Je(e), n = St(), o = iv(), a = A(() => r.filter((i) => i.id !== n).flatMap((i) => {
+  const { arrows: r } = Je(e), n = wt(), o = iv(), a = A(() => r.filter((i) => i.id !== n).flatMap((i) => {
     const l = o(i.id), c = Ba({
       arrow: i,
       style: l,
@@ -5114,7 +5116,7 @@ var xh = "_1dw9dgx0", Pt = "\0", bh = (e, t) => {
   contain: "xMidYMid meet",
   cover: "xMidYMid slice"
 }, kv = ({ image: e, panel: t, style: r }) => {
-  const n = V(), { src: o, region: a, fit: i } = e, l = Kt(a, t), c = r.borderRadius > 0;
+  const n = V(), { src: o, region: a, fit: i } = e, l = Yt(a, t), c = r.borderRadius > 0;
   return /* @__PURE__ */ w("g", { children: [c && /* @__PURE__ */ s("clipPath", {
     id: n,
     children: /* @__PURE__ */ s("rect", {
@@ -5129,7 +5131,7 @@ var xh = "_1dw9dgx0", Pt = "\0", bh = (e, t) => {
     clipPath: c ? `url(#${n})` : void 0
   })] });
 }, Mr = ({ panelRect: e, zOrder: t }) => {
-  const r = Je(e).images, n = wv(), o = St(), a = r.filter((i) => i.zOrder === t && i.id !== o);
+  const r = Je(e).images, n = wv(), o = wt(), a = r.filter((i) => i.zOrder === t && i.id !== o);
   return a.length === 0 ? null : /* @__PURE__ */ s("svg", {
     x: e.x,
     y: e.y,
@@ -5153,7 +5155,7 @@ var xh = "_1dw9dgx0", Pt = "\0", bh = (e, t) => {
   const e = N();
   return A(() => (t) => vn(e, t), [e]);
 }, Cv = ({ shape: e, style: t, panel: r }) => {
-  const n = Kt(e.region, r);
+  const n = Yt(e.region, r);
   return /* @__PURE__ */ s("rect", {
     x: n.x,
     y: n.y,
@@ -5165,7 +5167,7 @@ var xh = "_1dw9dgx0", Pt = "\0", bh = (e, t) => {
     strokeWidth: t.borderWidth
   });
 }, Fr = ({ panelRect: e, zOrder: t }) => {
-  const r = Je(e).shapes, n = Rv(), o = St(), a = r.filter((i) => i.zOrder === t && i.id !== o);
+  const r = Je(e).shapes, n = Rv(), o = wt(), a = r.filter((i) => i.zOrder === t && i.id !== o);
   return a.length === 0 ? null : /* @__PURE__ */ s("svg", {
     x: e.x,
     y: e.y,
@@ -5245,7 +5247,7 @@ var xh = "_1dw9dgx0", Pt = "\0", bh = (e, t) => {
   },
   width: t.width
 }, Fv = ({ panelRect: e }) => {
-  const t = Lv(e), r = Ev(), n = St(), o = t.filter((a) => a.id !== n);
+  const t = Lv(e), r = Ev(), n = wt(), o = t.filter((a) => a.id !== n);
   return o.length === 0 ? null : /* @__PURE__ */ s("svg", {
     x: e.x,
     y: e.y,
@@ -5498,7 +5500,7 @@ var Vv = (e, t, r, n) => t !== "comment" ? r : ki(r, 140, (o) => e.measureText(o
   });
 }, $v = "_1agclyl0";
 var _v = "_1agclyl2", Uo = ({ x: e, y: t, width: r, height: n, text: o, isRotated: a, target: i, position: l, coordType: c, backdropColor: d }) => {
-  const u = bt(), g = a ? `rotate(-90 ${e} ${t})` : void 0, v = u[i][l], h = v.borderColor !== void 0 && (v.borderWidth ?? 0) > 0, f = rg(i, c, v), m = tg(v, f, d);
+  const u = xt(), g = a ? `rotate(-90 ${e} ${t})` : void 0, v = u[i][l], h = v.borderColor !== void 0 && (v.borderWidth ?? 0) > 0, f = rg(i, c, v), m = tg(v, f, d);
   return /* @__PURE__ */ w("g", {
     transform: g,
     children: [f && /* @__PURE__ */ s("rect", {
@@ -5538,7 +5540,7 @@ var _v = "_1agclyl2", Uo = ({ x: e, y: t, width: r, height: n, text: o, isRotate
     numberFormat: v.config.numberFormat,
     parsingLocale: v.config.parsingLocale,
     textScale: v.config.appearance.textScale
-  }))), l = bt(), c = A(() => Ao({
+  }))), l = xt(), c = A(() => Ao({
     textMeasurer: o,
     dataLabelStyles: l,
     familyDefault: a.fonts.familyDefault
@@ -5752,7 +5754,7 @@ var _v = "_1agclyl2", Uo = ({ 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 c = l.position === "bottom" || l.position === "top", d = Tt(o, Ce(l.scaleAestheticKey)), u = ft(d.lineType);
+      const c = l.position === "bottom" || l.position === "top", d = It(o, Ce(l.scaleAestheticKey)), u = ft(d.lineType);
       return /* @__PURE__ */ s("g", { children: l.ticks.map((g, v) => {
         const h = gg(c, g.position);
         if (h !== null && t[h] > 0) return null;
@@ -5900,7 +5902,7 @@ var Yo = (e, t) => {
 }, wg = ({ formattedAxes: e, panelRect: t }) => {
   const r = N(), n = Yo(t, e);
   if (!n) return null;
-  const { circle: o, circularAxis: a, radialAxis: i, innerRadius: l, angleFor: c, radiusNormFor: d } = n, u = Tt(r, "y"), g = Tt(r, "x");
+  const { circle: o, circularAxis: a, radialAxis: i, innerRadius: l, angleFor: c, radiusNormFor: d } = n, u = It(r, "y"), g = It(r, "x");
   return /* @__PURE__ */ w("svg", {
     x: t.x,
     y: t.y,
@@ -5999,7 +6001,7 @@ var Rg = 4, Cg = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     c,
     t,
     l
-  ]), { fonts: f } = Ie(), m = bt();
+  ]), { fonts: f } = Ie(), m = xt();
   if (e === null || r === null && d.length === 0) return null;
   const p = yt(e.render);
   let y = null;
@@ -6112,7 +6114,7 @@ var Rg = 4, Cg = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     className: Lg,
     "data-testid": "geom-layers",
     ...Qd(),
-    children: n.map((a) => /* @__PURE__ */ w(zt, { children: [/* @__PURE__ */ s(Gg, {
+    children: n.map((a) => /* @__PURE__ */ w(Kt, { children: [/* @__PURE__ */ s(Gg, {
       layer: a,
       coordSystem: o,
       shouldAnimateTransitions: e,
@@ -6180,7 +6182,7 @@ var Rg = 4, Cg = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
 }, Wg = "_17uhij30", Vg = ({ formattedAxes: e, plotRect: t, panelBorder: r, panelFrameRect: n, panelRect: o, axisRects: a, axisLabelRects: i, shouldAnimateTransitions: l, formattingLocale: c, plotBottomY: d, isFooterChromeReserved: u, isEditable: g }) => {
   const v = I(null);
   av(v);
-  const h = ee("Grid", vg), f = ee("AxisTicks", ug), m = ee("AxisLabel", hg), p = A(() => Gt(n, t), [n, t]), y = A(() => Gt(o, t), [o, t]), b = A(() => Hr(a, t), [a, t]), R = A(() => Hr(i, t), [i, t]);
+  const h = ee("Grid", vg), f = ee("AxisTicks", ug), m = ee("AxisLabel", hg), p = A(() => Ht(n, t), [n, t]), y = A(() => Ht(o, t), [o, t]), b = A(() => Hr(a, t), [a, t]), R = A(() => Hr(i, t), [i, t]);
   return /* @__PURE__ */ w("svg", {
     ref: v,
     className: Wg,
@@ -6257,14 +6259,14 @@ var Rg = 4, Cg = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
       /* @__PURE__ */ s(nv, { panelRect: y })
     ]
   });
-}, Gt = (e, t) => ({
+}, Ht = (e, t) => ({
   x: e.x - t.x,
   y: e.y - t.y,
   width: e.width,
   height: e.height
 }), Hr = (e, t) => {
   const r = {};
-  for (const [n, o] of Object.entries(e)) r[n] = Gt(o, t);
+  for (const [n, o] of Object.entries(e)) r[n] = Ht(o, t);
   return r;
 }, Ug = (e) => {
   let t, r;
@@ -6337,7 +6339,7 @@ var Rg = 4, Cg = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
       height: n.height
     }
   };
-}, Kg = { mode: "responsive" }, It = {
+}, Kg = { mode: "responsive" }, Bt = {
   headerSize: {
     width: 0,
     height: 0
@@ -6347,16 +6349,16 @@ var Rg = 4, Cg = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     height: 0
   }
 }, zg = () => {
-  const [e, t] = H(null), [r, n] = H(null), [o, a] = H(It);
+  const [e, t] = H(null), [r, n] = H(null), [o, a] = H(Bt);
   return M(() => {
     const i = () => {
       const c = e ? {
         width: e.offsetWidth,
         height: e.offsetHeight
-      } : It.headerSize, d = r ? {
+      } : Bt.headerSize, d = r ? {
         width: r.offsetWidth,
         height: r.offsetHeight
-      } : It.footerSize;
+      } : Bt.footerSize;
       a((u) => jg(u, {
         headerSize: c,
         footerSize: d
@@ -6374,7 +6376,7 @@ var Rg = 4, Cg = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     measurements: o
   };
 }, jg = (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, Xg = () => null, qg = ({ graphChrome: e, isEditable: t, style: r, contentRef: n, children: o }) => {
-  const { themeClass: a, inlineVarsStyle: i } = $t(), l = e.borderColor === void 0 ? 0 : e.borderWidth, c = l > 0 ? e.borderColor : void 0, d = Math.max(0, e.borderRadius), u = d === 0 ? 0 : d + l, g = A(() => ({
+  const { themeClass: a, inlineVarsStyle: i } = Zt(), l = e.borderColor === void 0 ? 0 : e.borderWidth, c = l > 0 ? e.borderColor : void 0, d = Math.max(0, e.borderRadius), u = d === 0 ? 0 : d + l, g = A(() => ({
     ...r,
     borderRadius: `${u}px`,
     ...i,
@@ -6457,13 +6459,13 @@ var Rg = 4, Cg = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     u,
     W,
     a
-  ]), Zo = pe(), Ze = N(), $e = A(() => ln(Ze), [Ze]), ir = A(() => un(Ze), [Ze]), sr = Bo(), kt = $e.borderColor === void 0 ? 0 : $e.borderWidth, Le = A(() => ({
-    width: Math.max(0, e - 2 * kt),
-    height: Math.max(0, t - 2 * kt)
+  ]), Zo = pe(), Ze = N(), $e = A(() => ln(Ze), [Ze]), ir = A(() => un(Ze), [Ze]), sr = Bo(), St = $e.borderColor === void 0 ? 0 : $e.borderWidth, Le = A(() => ({
+    width: Math.max(0, e - 2 * St),
+    height: Math.max(0, t - 2 * St)
   }), [
     e,
     t,
-    kt
+    St
   ]), lr = A(() => pu(p.brandMark.enabled, Le, p.brandMark.variant), [
     p.brandMark.enabled,
     p.brandMark.variant,
@@ -6666,7 +6668,7 @@ export {
   Ev as f,
   no as ft,
   wv as g,
-  Ht as gt,
+  Ot as gt,
   kv as h,
   me as ht,
   Lf as i,
@@ -6680,7 +6682,7 @@ export {
   Rv as m,
   jl as mt,
   Ff as n,
-  $t as nt,
+  Zt as nt,
   Jg as o,
   io as ot,
   Cv as p,
@@ -6689,7 +6691,7 @@ export {
   Mf as r,
   Bc as rt,
   vg as s,
-  Zt as st,
+  Jt as st,
   Df as t,
   Ic as tt,
   Tf as u,