@graphysdk/react-renderer 2.0.0-beta.1788534616557 → 2.0.0-beta.1788537926468

package/dist/{history-chords-WjboHZs5.js → history-chords-d5sl-JzC.js}

@@ -1,6 +1,6 @@
-import { a as Vr, c as oa, f as y, i as aa, l as Ur, n as Qr, o as ia, r as sa, s as Yr, t as la, u as Kr } from "./dev.utils-CzXWvwtn.js";
+import { a as Vr, c as oa, f as x, i as aa, l as Ur, n as Qr, o as ia, r as sa, s as Yr, t as la, u as Kr } from "./dev.utils-HBVa4Fj9.js";
 import { ANNOTATION_TOOLTIP_MARKER_GAP as ca, AXIS_KEYS as Vt, CachedTextMeasurer as ur, DATA_LABEL_POSITIONS as da, DATA_LABEL_ROLES as ua, DEFAULT_GEOM_COLOR as zr, DEFAULT_HOVER_AFFORDANCE_COLOR as vt, GROUP_VARIABLES as 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 hr, alignUnitFractions as jr, areAnchorsEqual as ma, areEditMenuTriggersEqual as Aa, areEndpointsComparable as vr, arePointerRegionListsEqual as ya, buildAverageLineSymbols as xa, buildCalloutHitRegions as ba, buildColumnKey as Ut, buildDataLabelsContent as wa, buildFontString as Sa, buildLayerIntroPlan as ka, buildLayerYValueFormatter as Ra, buildPinnedNumberValueFormatter as Ca, buildPolarBarArcPath as ge, buildSliceGroupKey as Qt, buildTooltipContent as Ea, compositeColor as Pa, computeArrow as Ba, computeDifferenceArrow as Ia, computeDirectLabelsLayout as Ta, computeLineBoxHeight as fe, computePanelBorderPaths as La, computePanelBorderSizes as Na, countLayerGeoms as Ma, createAreaPathGenerators as Xr, createHeadlineItemRows as qr, createLineFillAreaGenerator as Fa, createLinePathGenerator as Jr, createSegmentYReader as Da, createStableCellKeyGenerator as Ha, createStableKeyGenerator as oe, createStyleResolver as gt, findAnnotation as Oa, findPointerRegion as gr, formatHeadline as Ga, formatLegends as Wa, formatRuleValue as Va, getAestheticFromScaleAestheticKey as Ce, getAlpha as Zr, getAngleExtent as Yt, getBarRectBounds as Ke, getBoundingRect as $r, getChromeDashArray as ft, getColor as _r, getDashArray as Ee, getDifferenceArrowLabelBox as Ua, getGroup as pt, getHoverGuideLineProps as Qa, getHoverGuideRectProps as Ya, getInsetTileRect as en, 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 tn, isAnnotationMovable as $a, isDefined as rn, isFullTurnSweep as nn, isSafeUrl as Kt, orderPointerRegions as _a, paintsInDonutHole as ei, pickReadableTextColor as on, placeCallouts as ti, polarToUnit as ri, positionToAngle as ni, prepareAreaObservations as an, prepareLineObservations as sn, projectAnchorToPanel as Qe, projectRegionToPanel as zt, readAnchoredObservation as oi, resolveArrowAnnotationStyle as ai, resolveArrowColor as ii, resolveAxisLabelStyle as si, resolveBarBorderRadiusPx as ln, resolveBarBorderTreatment as ze, resolveBarCornerRadiiPx as li, resolveCalloutAnnotationStyle as ci, resolveDataLabelStyle as di, resolveDeferredAnchors as ui, resolveDifferenceArrowAnnotationStyle as hi, resolveDirectLabelStyle as vi, resolveGraphChromeStyle as cn, resolveGridLineStyle as Lt, resolveHeadlineFigure as dn, resolveHeadlineItemStyle as at, resolveHeadlinePlacement as gi, resolveHeadlineStyle as un, resolveImageAnnotationStyle as fi, resolveLegendItemStyle as pi, resolveLegendStyle as mi, resolvePanelBorderStyle as hn, resolvePolarBarCornerRadiusUnit as vn, resolveRuleLabelStyle as Ai, resolveShapeAnnotationStyle as gn, resolveTextAnnotationStyle as yi, resolveTickLabelStyle as xi, resolveTickLineStyle as bi, resolveTooltipStyle as wi, toFontSpec as z, toPanelCursor as Si, toPercent as k, toViewBoxX as fn, toViewBoxY as pn, truncateToWidth as ki } from "@graphysdk/viz-engine";
-import { Fragment as jt, createContext as Q, memo as Z, useCallback as se, useContext as D, useEffect as F, useId as U, useMemo as A, useRef as T, useState as G, useSyncExternalStore as Ri } from "react";
+import { Fragment as jt, createContext as U, memo as Z, useCallback as se, useContext as D, useEffect as F, useId as V, useMemo as A, useRef as T, useState as O, 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 H, useMotionValue as _, useReducedMotion as Ci, useTransform as tt } from "motion/react";
@@ -24,21 +24,21 @@ import './history-chords.css';var fr = Object.defineProperty, Mi = (e, t) => {
     });
   return t || fr(r, Symbol.toStringTag, { value: "Module" }), r;
 };
-typeof window < "u" && (window.__GRAPHY_SDK__ ??= {}, window.__GRAPHY_SDK__.reactRenderer = "2.0.0-beta.1788534616557");
-var bn = Q(null), W = () => {
+typeof window < "u" && (window.__GRAPHY_SDK__ ??= {}, window.__GRAPHY_SDK__.reactRenderer = "2.0.0-beta.1788537926468");
+var bn = U(null), G = () => {
   const e = D(bn);
   if (!e) throw new Error("useGraph* hooks must be used inside a <GraphProvider>");
   return e;
 }, C = (e) => {
-  const { store: t } = W();
+  const { store: t } = G();
   return je(t, (r) => e(r.compiled));
 };
 function I(e) {
-  const { colorScheme: t } = W();
+  const { colorScheme: t } = G();
   return A(() => gt({ colorScheme: t }).geomReaders(e), [e, t]);
 }
 var wn = (e) => {
-  const { colorScheme: t } = W(), r = C((n) => n.layers);
+  const { colorScheme: t } = G(), r = C((n) => n.layers);
   return A(() => {
     const n = r.find((o) => o.id === e);
     return n === void 0 ? null : gt({ colorScheme: t }).geomReaders(n);
@@ -48,7 +48,7 @@ var wn = (e) => {
     t
   ]);
 }, Sn = () => {
-  const { colorScheme: e } = W(), t = C((r) => r.layers);
+  const { colorScheme: e } = G(), t = C((r) => r.layers);
   return A(() => {
     const r = gt({ colorScheme: e });
     return (n) => {
@@ -169,7 +169,7 @@ var wn = (e) => {
       return 0;
   }
 }, pr = 1.1, mr = 1.5, Cn = ({ intro: e, children: t }) => {
-  const r = U();
+  const r = V();
   return /* @__PURE__ */ w(B, { children: [/* @__PURE__ */ s("clipPath", {
     id: r,
     children: /* @__PURE__ */ s(H.rect, {
@@ -200,12 +200,12 @@ var wn = (e) => {
       if (!f || !m) return;
       const p = h[0];
       if (!p) return;
-      const x = c.get("color", p), b = c.get("strokeWidth", p), R = Ee(c.get("lineType", p));
+      const y = c.get("color", p), b = c.get("strokeWidth", p), R = Ee(c.get("lineType", p));
       v.push({
         key: d(p),
         areaPath: f,
         linePath: m,
-        color: x,
+        color: y,
         fillOpacity: c.get("alpha", p),
         strokeWidth: b,
         strokeOpacity: c.get("strokeAlpha", p),
@@ -401,7 +401,7 @@ var wn = (e) => {
   width: e.width,
   height: 0
 }, rs = Z(function({ layer: t, coordSystem: r, shouldAnimateTransitions: n, intro: o }) {
-  const a = U(), i = I(t), l = At(o?.type === "grow" && (o.growAxis === "x" || o.growAxis === "y") ? o : null, n);
+  const a = V(), i = I(t), l = At(o?.type === "grow" && (o.growAxis === "x" || o.growAxis === "y") ? o : null, n);
   return /* @__PURE__ */ s(B, { children: A(() => {
     const c = oe(t.data, t.mapping, t.id), u = /* @__PURE__ */ new Map();
     for (const d of t.data) {
@@ -686,13 +686,13 @@ var ss = "_1suo8ub0", Pn = (e, t, r) => {
     "Z"
   ].join("");
 }, ls = ({ observation: e, mainAxis: t, styleReaders: r, column: n, panelRect: o }) => {
-  const a = U(), i = U(), l = Ke(t, e);
+  const a = V(), i = V(), l = Ke(t, e);
   if (!l) return null;
   const c = ct(l, o), u = ct(n.bounds, o), { borderColor: d, borderWidth: v, borderRadius: g, borderAlpha: h } = n.style, f = ln({
     borderRadius: g,
     mainAxis: t,
     bounds: u
-  }), m = ke(c, 0), p = ke(u, f), x = r.get("color", e), b = r.get("alpha", e), R = ze(v);
+  }), m = ke(c, 0), p = ke(u, f), y = r.get("color", e), b = r.get("alpha", e), R = ze(v);
   return /* @__PURE__ */ w("g", {
     clipPath: `url(#${a})`,
     children: [
@@ -708,7 +708,7 @@ var ss = "_1suo8ub0", Pn = (e, t, r) => {
         clipPath: `url(#${i})`,
         children: [/* @__PURE__ */ s("path", {
           d: m,
-          fill: x,
+          fill: y,
           opacity: b,
           "data-testid": "highlight-bar-segment"
         }), d !== void 0 && /* @__PURE__ */ w(B, { children: [/* @__PURE__ */ s("path", {
@@ -746,17 +746,17 @@ var ss = "_1suo8ub0", Pn = (e, t, r) => {
   }
   return l;
 }, Ct = 3, ds = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
-  const o = I(e), a = U(), i = U(), l = U(), c = A(() => Pn(e, t.mainAxis, o), [
+  const o = I(e), a = V(), i = V(), l = V(), c = A(() => Pn(e, t.mainAxis, o), [
     e,
     t.mainAxis,
     o
   ]), u = Ke(t.mainAxis, r.observation), d = Bn(c, t.mainAxis, o, r.observation);
   if (!u || d === null) return null;
-  const v = ct(u, n), g = ct(d.bounds, n), { borderColor: h, borderWidth: f, borderRadius: m, borderAlpha: p } = d.style, x = ln({
+  const v = ct(u, n), g = ct(d.bounds, n), { borderColor: h, borderWidth: f, borderRadius: m, borderAlpha: p } = d.style, y = ln({
     borderRadius: m,
     mainAxis: t.mainAxis,
     bounds: g
-  }), b = ke(v, 0), R = ke(g, x), S = ke(yr(v, Ct), 0), P = ke(yr(g, Ct), x > 0 ? x + Ct : 0), E = o.get("color", r.observation), N = o.get("alpha", r.observation), M = o.get("borderColor", r.observation, "hovered") ?? vt, V = ze(f);
+  }), b = ke(v, 0), R = ke(g, y), S = ke(yr(v, Ct), 0), P = ke(yr(g, Ct), y > 0 ? y + Ct : 0), E = o.get("color", r.observation), N = o.get("alpha", r.observation), M = o.get("borderColor", r.observation, "hovered") ?? vt, W = ze(f);
   return /* @__PURE__ */ w("g", {
     "data-testid": "hovered-bar",
     children: [
@@ -796,14 +796,14 @@ var ss = "_1suo8ub0", Pn = (e, t, r) => {
             d: b,
             fill: "none",
             stroke: h,
-            strokeWidth: V.separatorWidth,
+            strokeWidth: W.separatorWidth,
             opacity: N,
             "data-testid": "hovered-bar-inner-border"
           }), /* @__PURE__ */ s("path", {
             d: R,
             fill: "none",
             stroke: h,
-            strokeWidth: V.outlineWidth,
+            strokeWidth: W.outlineWidth,
             opacity: p
           })] })]
         })
@@ -842,13 +842,13 @@ var ss = "_1suo8ub0", Pn = (e, t, r) => {
       if (!h) return;
       const f = g[0];
       if (!f) return;
-      const m = l.get("fillAlpha", f), p = m === void 0 ? void 0 : i(g) ?? void 0, x = l.get("color", f), b = l.get("strokeWidth", f), R = Ee(l.get("lineType", f));
+      const m = l.get("fillAlpha", f), p = m === void 0 ? void 0 : i(g) ?? void 0, y = l.get("color", f), b = l.get("strokeWidth", f), R = Ee(l.get("lineType", f));
       d.push({
         key: u(f),
         pathData: h,
         fillPath: p,
         fillAlpha: m,
-        color: x,
+        color: y,
         opacity: l.get("alpha", f),
         strokeWidth: b,
         strokeDasharray: R
@@ -908,7 +908,7 @@ var ss = "_1suo8ub0", Pn = (e, t, r) => {
   strokeDasharray: i,
   vectorEffect: "non-scaling-stroke"
 }), gs = ({ fillPath: e, fillAlpha: t, linePath: r, color: n, strokeWidth: o, opacity: a, strokeDasharray: i, shouldAnimateTransitions: l }) => {
-  const c = `line_fill_gradient_${U()}`;
+  const c = `line_fill_gradient_${V()}`;
   return /* @__PURE__ */ w(B, { children: [/* @__PURE__ */ s("defs", { children: /* @__PURE__ */ w("linearGradient", {
     id: c,
     gradientTransform: "rotate(90 0.5 0.5)",
@@ -1012,7 +1012,7 @@ var ss = "_1suo8ub0", Pn = (e, t, r) => {
 }, In = ({ observation: e, project: t, styleReaders: r, animation: n, introKey: o }) => {
   const a = q(e), i = te(e);
   if (a === null || i === null) return null;
-  const l = t(a, i), c = k(l.x), u = k(l.y), d = r.get("size", e) / 2, v = r.get("color", e), g = r.get("alpha", e), h = r.get("borderColor", e), f = r.get("borderWidth", e), { isAnimated: m, activeIntro: p, shouldAnimateTransitions: x } = n;
+  const l = t(a, i), c = k(l.x), u = k(l.y), d = r.get("size", e) / 2, v = r.get("color", e), g = r.get("alpha", e), h = r.get("borderColor", e), f = r.get("borderWidth", e), { isAnimated: m, activeIntro: p, shouldAnimateTransitions: y } = n;
   return m ? /* @__PURE__ */ s(H.circle, {
     initial: p ? {
       cx: c,
@@ -1020,7 +1020,7 @@ var ss = "_1suo8ub0", Pn = (e, t, r) => {
       r: 0,
       opacity: 0
     } : !1,
-    transition: p ? Jt(p, o) : qt(x),
+    transition: p ? Jt(p, o) : qt(y),
     fill: v,
     stroke: h,
     strokeWidth: f,
@@ -1086,7 +1086,7 @@ var ss = "_1suo8ub0", Pn = (e, t, r) => {
       y: r
     };
   }
-}, xs = sa.sm, O = (e, t) => `color-mix(in srgb, transparent, ${e} ${t * 100}%)`, bs = (e, t) => `hsl(from ${e} h s calc(l * ${1 - t}))`, gf = (e, t) => `hsl(from ${e} h s calc(l * ${1 + t}))`, ff = (e) => /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(e), pf = (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), be = (e) => `${e}px`, Tn = {
+}, xs = sa.sm, Y = (e, t) => `color-mix(in srgb, transparent, ${e} ${t * 100}%)`, bs = (e, t) => `hsl(from ${e} h s calc(l * ${1 - t}))`, gf = (e, t) => `hsl(from ${e} h s calc(l * ${1 + t}))`, ff = (e) => /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(e), pf = (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), be = (e) => `${e}px`, Tn = {
   gridLineWidth: "1px",
   tooltipBorderRadius: "6px",
   tooltipPaddingBlock: "8px",
@@ -1158,45 +1158,45 @@ var ss = "_1suo8ub0", Pn = (e, t, r) => {
   purple30: "#E093FE",
   greyGradient80: "linear-gradient(to top, #F0F0F1, #F9F9FF)"
 }, ks = {
-  textPrimary: y.black,
-  textSecondary: O(y.textPrimary, 0.6),
-  textDisabled: O(y.textPrimary, 0.5),
+  textPrimary: x.black,
+  textSecondary: Y(x.textPrimary, 0.6),
+  textDisabled: Y(x.textPrimary, 0.5),
   iconPrimary: "currentColor",
-  iconSecondary: O(y.textPrimary, 0.6),
-  iconStickerBackground: y.grey100,
-  brand: y.purple50,
-  success: y.green50,
-  warning: y.amber50,
-  alert: y.red50,
-  border100: y.grey0,
-  border50: O(y.grey0, 0.5),
-  border10: O(y.grey0, 0.1),
-  sunkenBackground: y.grey90,
-  defaultBackground: y.grey100,
-  raisedBackground: y.grey85,
-  overlayBackground: y.grey100,
-  overlayBorderGradient: y.border10
+  iconSecondary: Y(x.textPrimary, 0.6),
+  iconStickerBackground: x.grey100,
+  brand: x.purple50,
+  success: x.green50,
+  warning: x.amber50,
+  alert: x.red50,
+  border100: x.grey0,
+  border50: Y(x.grey0, 0.5),
+  border10: Y(x.grey0, 0.1),
+  sunkenBackground: x.grey90,
+  defaultBackground: x.grey100,
+  raisedBackground: x.grey85,
+  overlayBackground: x.grey100,
+  overlayBorderGradient: x.border10
 }, Rs = {
-  graphBackground: y.grey100,
-  gridLineColor: y.border10,
-  axisTickColor: y.border10,
-  originLineColor: y.grey0,
-  legendBackground: y.defaultBackground,
-  legendBorderColor: y.border10,
-  legendFocusOutlineColor: y.border50,
-  legendTextColor: y.textPrimary,
-  toolbarBackgroundColor: y.overlayBackground,
+  graphBackground: x.grey100,
+  gridLineColor: x.border10,
+  axisTickColor: x.border10,
+  originLineColor: x.grey0,
+  legendBackground: x.defaultBackground,
+  legendBorderColor: x.border10,
+  legendFocusOutlineColor: x.border50,
+  legendTextColor: x.textPrimary,
+  toolbarBackgroundColor: x.overlayBackground,
   toolbarButtonBackgroundColor: "transparent",
-  toolbarButtonBackgroundColorHovered: y.grey80,
-  toolbarButtonBackgroundColorSelected: y.grey60,
-  toolbarSeparatorColor: y.grey60,
-  tooltipBackground: y.white,
-  tooltipBorderColor: y.border10,
-  tooltipValueTextColor: y.textPrimary,
-  hoverGuideLineColor: O(y.black, 0.2),
-  hoverGuideFillColor: O(y.black, 0.04),
-  heatmapEmptyTileBackground: y.grey80,
-  annotationFrameBorderColor: y.blue60,
+  toolbarButtonBackgroundColorHovered: x.grey80,
+  toolbarButtonBackgroundColorSelected: x.grey60,
+  toolbarSeparatorColor: x.grey60,
+  tooltipBackground: x.white,
+  tooltipBorderColor: x.border10,
+  tooltipValueTextColor: x.textPrimary,
+  hoverGuideLineColor: "#D5CDBA",
+  hoverGuideFillColor: "#E7E1D2",
+  heatmapEmptyTileBackground: x.grey80,
+  annotationFrameBorderColor: x.blue60,
   editMenuTriggerIconColor: "#3d414c"
 }, Cs = {
   canvasDefault: "#000000",
@@ -1286,46 +1286,46 @@ var ss = "_1suo8ub0", Pn = (e, t, r) => {
   purple30: "#E093FE",
   greyGradient80: "linear-gradient(to top, #222429, #31353f)"
 }, Ts = {
-  textPrimary: y.grey0,
-  textSecondary: O(y.textPrimary, 0.8),
-  textDisabled: O(y.textPrimary, 0.5),
+  textPrimary: x.grey0,
+  textSecondary: Y(x.textPrimary, 0.8),
+  textDisabled: Y(x.textPrimary, 0.5),
   iconPrimary: "currentColor",
-  iconSecondary: O(y.textPrimary, 0.6),
-  iconStickerBackground: y.grey70,
-  border100: y.grey0,
-  border50: O(y.grey0, 0.5),
-  border10: O(y.grey0, 0.1),
-  brand: y.purple50,
-  success: y.green50,
-  warning: y.amber50,
-  alert: y.red50,
-  sunkenBackground: y.grey100,
-  defaultBackground: y.grey90,
-  raisedBackground: y.grey80,
-  overlayBackground: y.grey90,
-  overlayBorderGradient: y.greyGradient80
+  iconSecondary: Y(x.textPrimary, 0.6),
+  iconStickerBackground: x.grey70,
+  border100: x.grey0,
+  border50: Y(x.grey0, 0.5),
+  border10: Y(x.grey0, 0.1),
+  brand: x.purple50,
+  success: x.green50,
+  warning: x.amber50,
+  alert: x.red50,
+  sunkenBackground: x.grey100,
+  defaultBackground: x.grey90,
+  raisedBackground: x.grey80,
+  overlayBackground: x.grey90,
+  overlayBorderGradient: x.greyGradient80
 }, Ls = {
-  graphBackground: y.grey90,
-  gridLineColor: y.border10,
-  axisTickColor: y.border10,
-  originLineColor: y.grey0,
-  legendBackground: y.defaultBackground,
-  legendBorderColor: y.border10,
-  legendFocusOutlineColor: y.border50,
-  legendTextColor: y.textPrimary,
-  toolbarBackgroundColor: y.overlayBackground,
+  graphBackground: x.grey90,
+  gridLineColor: x.border10,
+  axisTickColor: x.border10,
+  originLineColor: x.grey0,
+  legendBackground: x.defaultBackground,
+  legendBorderColor: x.border10,
+  legendFocusOutlineColor: x.border50,
+  legendTextColor: x.textPrimary,
+  toolbarBackgroundColor: x.overlayBackground,
   toolbarButtonBackgroundColor: "transparent",
-  toolbarButtonBackgroundColorHovered: y.grey80,
-  toolbarButtonBackgroundColorSelected: y.grey60,
-  toolbarSeparatorColor: y.grey60,
-  tooltipBackground: y.grey70,
-  tooltipBorderColor: y.grey60,
-  tooltipValueTextColor: y.textPrimary,
-  hoverGuideLineColor: O(y.white, 0.2),
-  hoverGuideFillColor: O(y.white, 0.06),
-  heatmapEmptyTileBackground: y.grey80,
-  annotationFrameBorderColor: y.blue60,
-  editMenuTriggerIconColor: y.white
+  toolbarButtonBackgroundColorHovered: x.grey80,
+  toolbarButtonBackgroundColorSelected: x.grey60,
+  toolbarSeparatorColor: x.grey60,
+  tooltipBackground: x.grey70,
+  tooltipBorderColor: x.grey60,
+  tooltipValueTextColor: x.textPrimary,
+  hoverGuideLineColor: "#3B3934",
+  hoverGuideFillColor: "#2B2A27",
+  heatmapEmptyTileBackground: x.grey80,
+  annotationFrameBorderColor: x.blue60,
+  editMenuTriggerIconColor: x.white
 }, Ns = {
   canvasDefault: "#FFFFFF",
   canvasBlue: "#60a5fa",
@@ -1385,11 +1385,11 @@ function Fe(e, t) {
   const n = Number.parseFloat(r);
   return Number.isFinite(n) ? n : t;
 }
-var Qn = Q(Fs), Ds = ({ metrics: e, children: t }) => /* @__PURE__ */ s(Qn.Provider, {
+var Qn = U(Fs), Ds = ({ metrics: e, children: t }) => /* @__PURE__ */ s(Qn.Provider, {
   value: e,
   children: t
 }), Ie = () => D(Qn), L = () => {
-  const { colorScheme: e } = W(), t = C((r) => r.chrome);
+  const { colorScheme: e } = G(), t = C((r) => r.chrome);
   return A(() => gt({ colorScheme: e }).chromeReaders(t), [t, e]);
 }, Hs = (e) => {
   const t = L(), r = C((n) => n.config.appearance.textScale);
@@ -1446,8 +1446,8 @@ var Qn = Q(Fs), Ds = ({ metrics: e, children: t }) => /* @__PURE__ */ s(Qn.Provi
 }, Vs = (e) => {
   const t = Us();
   return t ? (t.style.font = e, t.getBoundingClientRect().width) : null;
-}, Us = () => typeof document > "u" ? null : (ae || (ae = document.createElement("span"), ae.style.position = "absolute", ae.style.visibility = "hidden", ae.style.whiteSpace = "nowrap", ae.style.left = "-9999px", ae.textContent = Yn, document.body.appendChild(ae)), ae), zn = Q(null), Qs = ({ children: e, measurer: t }) => {
-  const [r, n] = G(null);
+}, Us = () => typeof document > "u" ? null : (ae || (ae = document.createElement("span"), ae.style.position = "absolute", ae.style.visibility = "hidden", ae.style.whiteSpace = "nowrap", ae.style.left = "-9999px", ae.textContent = Yn, document.body.appendChild(ae)), ae), zn = U(null), Qs = ({ children: e, measurer: t }) => {
+  const [r, n] = O(null);
   F(() => {
     if (t !== void 0) return;
     let a = !1;
@@ -1473,7 +1473,7 @@ var Qn = Q(Fs), Ds = ({ metrics: e, children: t }) => /* @__PURE__ */ s(Qn.Provi
   } catch {
     return new ur(new ha());
   }
-}, jn = Q(null), mf = jn.Provider, Ks = null, de = () => D(jn) ?? (Ks ??= Wl()), zs = "_16vokpr0", js = (e, t) => e.mapping.y !== void 0 != (t.mainAxis === "y"), Xs = (e, t) => {
+}, jn = U(null), mf = jn.Provider, Ks = null, de = () => D(jn) ?? (Ks ??= Wl()), zs = "_16vokpr0", js = (e, t) => e.mapping.y !== void 0 != (t.mainAxis === "y"), Xs = (e, t) => {
   const r = k(e ? 1 - t : t);
   return e ? {
     x1: "0%",
@@ -1493,7 +1493,7 @@ var Qn = Q(Fs), Ds = ({ metrics: e, children: t }) => /* @__PURE__ */ s(Qn.Provi
     strokeLinecap: "round",
     ...e === "dashed" ? { strokeMiterlimit: 16 } : {}
   };
-}, Js = (e, t) => rt(e) && rt(t) ? `${e}: ${t}` : rt(e) ? e : rt(t) ? t : null, rt = (e) => e != null && e.trim() !== "", Xn = Object.freeze({}), Zt = Q(Xn), Zs = ({ slots: e, children: t }) => /* @__PURE__ */ s(Zt.Provider, {
+}, Js = (e, t) => rt(e) && rt(t) ? `${e}: ${t}` : rt(e) ? e : rt(t) ? t : null, rt = (e) => e != null && e.trim() !== "", Xn = Object.freeze({}), Zt = U(Xn), Zs = ({ slots: e, children: t }) => /* @__PURE__ */ s(Zt.Provider, {
   value: e ?? Xn,
   children: t
 });
@@ -1766,7 +1766,7 @@ var el = "_2qyyu60", tl = 2, rl = 12, nl = 12, br = 1, wr = 2, ol = 4, Xe = (e)
     c,
     n,
     t
-  ]), { fonts: f } = Ie(), m = Hs(t.id), p = A(() => z(m, f.familyDefault), [m, f.familyDefault]), x = A(() => h === null ? 0 : a.measureText(h, p).width, [
+  ]), { fonts: f } = Ie(), m = Hs(t.id), p = A(() => z(m, f.familyDefault), [m, f.familyDefault]), y = A(() => h === null ? 0 : a.measureText(h, p).width, [
     h,
     p,
     a
@@ -1786,7 +1786,7 @@ var el = "_2qyyu60", tl = 2, rl = 12, nl = 12, br = 1, wr = 2, ol = 4, Xe = (e)
     }), h !== null && /* @__PURE__ */ s(vl, {
       label: h,
       textStyle: m,
-      textWidth: x,
+      textWidth: y,
       labelPosition: t.params.labelPosition,
       isHorizontalLine: E,
       position: N,
@@ -2041,17 +2041,17 @@ var el = "_2qyyu60", tl = 2, rl = 12, nl = 12, br = 1, wr = 2, ol = 4, Xe = (e)
   strokeWidth: t,
   vectorEffect: "non-scaling-stroke"
 }), kl = Z(function({ layer: t, coordSystem: r, shouldAnimateTransitions: n, intro: o }) {
-  const a = U(), i = At(o?.type === "grow" && (o.growAxis === "angle" || o.growAxis === "radius") ? o : null, n), l = r.bandAxis !== "x", c = I(t), u = A(() => {
+  const a = V(), i = At(o?.type === "grow" && (o.growAxis === "angle" || o.growAxis === "radius") ? o : null, n), l = r.bandAxis !== "x", c = I(t), u = A(() => {
     const d = oe(t.data, t.mapping, t.id), v = /* @__PURE__ */ new Map();
     for (const g of t.data) {
-      const h = d(g), { startAngle: f, endAngle: m } = Yt(g), { innerRadius: p, outerRadius: x } = mt(g);
-      if (f === null || m === null || p === null || x === null) continue;
+      const h = d(g), { startAngle: f, endAngle: m } = Yt(g), { innerRadius: p, outerRadius: y } = mt(g);
+      if (f === null || m === null || p === null || y === null) continue;
       const b = {
         key: h,
         startAngle: f,
         endAngle: m,
         innerRadius: p,
-        outerRadius: x,
+        outerRadius: y,
         fill: c.get("color", g),
         opacity: c.get("alpha", g)
       }, R = Qt(r.bandAxis, b), S = v.get(R);
@@ -2081,24 +2081,24 @@ var el = "_2qyyu60", tl = 2, rl = 12, nl = 12, br = 1, wr = 2, ol = 4, Xe = (e)
     "data-geom": "bar",
     className: $,
     children: u.map((d, v) => {
-      const { borderColor: g, borderWidth: h, borderRadius: f, borderAlpha: m } = d.style, p = g !== void 0, x = ze(h), b = g === void 0 ? {} : Ge(g, x.separatorWidth), R = g === void 0 ? void 0 : Ge(g, x.outlineWidth), S = d.items.map((M) => {
-        const { key: V, ...K } = M;
+      const { borderColor: g, borderWidth: h, borderRadius: f, borderAlpha: m } = d.style, p = g !== void 0, y = ze(h), b = g === void 0 ? {} : Ge(g, y.separatorWidth), R = g === void 0 ? void 0 : Ge(g, y.outlineWidth), S = d.items.map((M) => {
+        const { key: W, ...K } = M;
         return i.isAnimated ? /* @__PURE__ */ s(Rl, {
           ...K,
           animation: i,
           sweepsInOnLateMount: l,
-          introKey: V,
+          introKey: W,
           pathProps: {
             fill: K.fill,
             opacity: K.opacity,
             ...b
           }
-        }, V) : /* @__PURE__ */ s("path", {
+        }, W) : /* @__PURE__ */ s("path", {
           d: ge(K) ?? void 0,
           fill: K.fill,
           opacity: K.opacity,
           ...b
-        }, V);
+        }, W);
       }), P = vn(f, d.union.outerRadius - d.union.innerRadius);
       if (!p && P <= 0) return /* @__PURE__ */ s(jt, { children: S }, d.key);
       const E = `${a}${v}`;
@@ -2139,7 +2139,7 @@ var el = "_2qyyu60", tl = 2, rl = 12, nl = 12, br = 1, wr = 2, ol = 4, Xe = (e)
     })
   });
 }), Jn = ({ startAngle: e, endAngle: t, innerRadius: r, outerRadius: n, cornerRadius: o, animation: a, sweepsInOnLateMount: i, introKey: l }) => {
-  const c = a.activeIntro?.growAxis === "angle" ? a.activeIntro : null, u = a.activeIntro?.growAxis === "radius" ? a.activeIntro : null, d = i && !a.isLayerEntrance, v = c?.baseline ?? (d ? hr : e), g = c?.baseline ?? (d ? hr : t), h = u ? u.baseline : r, f = u ? u.baseline : n, m = _(v), p = _(g), x = _(h), b = _(f), R = _(ge({
+  const c = a.activeIntro?.growAxis === "angle" ? a.activeIntro : null, u = a.activeIntro?.growAxis === "radius" ? a.activeIntro : null, d = i && !a.isLayerEntrance, v = c?.baseline ?? (d ? hr : e), g = c?.baseline ?? (d ? hr : t), h = u ? u.baseline : r, f = u ? u.baseline : n, m = _(v), p = _(g), y = _(h), b = _(f), R = _(ge({
     startAngle: v,
     endAngle: g,
     innerRadius: h,
@@ -2160,12 +2160,12 @@ var el = "_2qyyu60", tl = 2, rl = 12, nl = 12, br = 1, wr = 2, ol = 4, Xe = (e)
   ]);
   const P = Ht(a, l, u);
   return F(() => {
-    const E = P(), N = [ie(x, r, E), ie(b, n, E)];
+    const E = P(), N = [ie(y, r, E), ie(b, n, E)];
     return () => {
       for (const M of N) M.stop();
     };
   }, [
-    x,
+    y,
     b,
     r,
     n,
@@ -2175,7 +2175,7 @@ var el = "_2qyyu60", tl = 2, rl = 12, nl = 12, br = 1, wr = 2, ol = 4, Xe = (e)
       R.set(ge({
         startAngle: m.get(),
         endAngle: p.get(),
-        innerRadius: x.get(),
+        innerRadius: y.get(),
         outerRadius: b.get(),
         cornerRadius: o
       }) ?? "");
@@ -2184,7 +2184,7 @@ var el = "_2qyyu60", tl = 2, rl = 12, nl = 12, br = 1, wr = 2, ol = 4, Xe = (e)
     const N = [
       m,
       p,
-      x,
+      y,
       b
     ].map((M) => M.on("change", E));
     return () => {
@@ -2193,7 +2193,7 @@ var el = "_2qyyu60", tl = 2, rl = 12, nl = 12, br = 1, wr = 2, ol = 4, Xe = (e)
   }, [
     m,
     p,
-    x,
+    y,
     b,
     o,
     R
@@ -2259,7 +2259,7 @@ var el = "_2qyyu60", tl = 2, rl = 12, nl = 12, br = 1, wr = 2, ol = 4, Xe = (e)
     radialSpan: o === null ? 0 : o.outerRadius - o.innerRadius
   };
 }, _n = ({ observation: e, bandAxis: t, styleReaders: r, group: n }) => {
-  const o = U(), a = U(), { startAngle: i, endAngle: l } = Yt(e), { innerRadius: c, outerRadius: u } = mt(e);
+  const o = V(), a = V(), { startAngle: i, endAngle: l } = Yt(e), { innerRadius: c, outerRadius: u } = mt(e);
   if (i === null || l === null || c === null || u === null) return null;
   const d = {
     startAngle: i,
@@ -2268,7 +2268,7 @@ var el = "_2qyyu60", tl = 2, rl = 12, nl = 12, br = 1, wr = 2, ol = 4, Xe = (e)
     outerRadius: u
   }, v = ge(d);
   if (v === void 0) return null;
-  const g = r.get("color", e), h = r.get("alpha", e), { borderColor: f, borderWidth: m, borderRadius: p, borderAlpha: x } = n.style, b = vn(p, n.radialSpan), R = b > 0;
+  const g = r.get("color", e), h = r.get("alpha", e), { borderColor: f, borderWidth: m, borderRadius: p, borderAlpha: y } = n.style, b = vn(p, n.radialSpan), R = b > 0;
   if (f === void 0 && !R) return /* @__PURE__ */ s("path", {
     d: v,
     fill: g,
@@ -2309,13 +2309,13 @@ var el = "_2qyyu60", tl = 2, rl = 12, nl = 12, br = 1, wr = 2, ol = 4, Xe = (e)
         }), /* @__PURE__ */ s("path", {
           d: P,
           fill: "none",
-          opacity: x,
+          opacity: y,
           ...Ge(E.color, E.outlineWidth)
         })]
       }) : /* @__PURE__ */ s("path", {
         d: Cr(d, S),
         fill: "none",
-        opacity: x,
+        opacity: y,
         ...Ge(E.color, E.outlineWidth)
       }))
     ]
@@ -2652,11 +2652,11 @@ var Gt = (e) => {
     }
     o.update(r);
   }, [o, r]), o;
-}, ro = Q(null), Yl = ({ children: e }) => {
+}, ro = U(null), Yl = ({ children: e }) => {
   const { layers: t, coordSystem: r } = C(j((l) => ({
     layers: l.layers,
     coordSystem: l.coordSystem
-  }))), n = Ql(t, r), [o] = G(() => Vl()), a = T(null), i = T(null);
+  }))), n = Ql(t, r), [o] = O(() => Vl()), a = T(null), i = T(null);
   return i.current === null && (i.current = {
     engine: n,
     store: o,
@@ -2691,7 +2691,7 @@ var zl = ({ hitTest: e, input: t }) => {
   },
   children: o
 }), r), Jl = ({ rect: e, children: t }) => {
-  const [r] = G(no);
+  const [r] = O(no);
   return /* @__PURE__ */ s(ql, {
     rect: e,
     zIndex: He.panelOverlay,
@@ -2727,7 +2727,7 @@ var zl = ({ hitTest: e, input: t }) => {
   height: 0,
   isDefault: !0
 }, oo = ({ debounce: e = 0, onResize: t } = {}) => {
-  const [r, n] = G($l), o = T(null), a = Zl((u) => {
+  const [r, n] = O($l), o = T(null), a = Zl((u) => {
     const d = o.current;
     d && d.width === u.width && d.height === u.height || (o.current = {
       width: u.width,
@@ -2750,7 +2750,7 @@ var zl = ({ hitTest: e, input: t }) => {
   };
 };
 function _l() {
-  const [e, t] = G(null), r = T(null), n = T(null), o = T(null), a = se(() => {
+  const [e, t] = O(null), r = T(null), n = T(null), o = T(null), a = se(() => {
     o.current = null;
     const u = n.current;
     if (!u) return;
@@ -3037,7 +3037,7 @@ var tc = ({ render: e, input: t }) => {
   if (!e) return t;
   const r = e.trim().replace("_", "-").toLowerCase();
   return Object.keys($t).find((n) => n.toLowerCase() === r) ?? t;
-}, ao = Q(null), pc = [$t], io = () => Ac().translator, mc = ({ locale: e, children: t, i18nOverrides: r, dictionaries: n = pc }) => {
+}, ao = U(null), pc = [$t], io = () => Ac().translator, mc = ({ locale: e, children: t, i18nOverrides: r, dictionaries: n = pc }) => {
   const o = fc(e), a = A(() => ({
     translator: hc({
       locale: o,
@@ -3072,19 +3072,19 @@ var tc = ({ render: e, input: t }) => {
 }, xc = () => {
   const e = L(), t = C((r) => r.config.appearance.textScale);
   return A(() => wi(e, t), [e, t]);
-}, bc = "bow4tg0", wc = "bow4tg1", Sc = "bow4tg2", kc = "bow4tg3", Rc = "bow4tg4", lo = "_1ii3bsb0", Cc = "_1ii3bsb1", co = Q({
+}, bc = "bow4tg0", wc = "bow4tg1", Sc = "bow4tg2", kc = "bow4tg3", Rc = "bow4tg4", lo = "_1ii3bsb0", Cc = "_1ii3bsb1", co = U({
   colorScheme: "light",
   themeClass: lo,
   inlineVarsStyle: {},
   themeValues: Vn("light", {})
 }), _t = () => D(co), Ec = ({ colorScheme: e, themeOverrides: t = {}, textScale: r = 1, graphBackground: n, children: o }) => {
   const a = A(() => Vn(e, t), [e, t]), i = A(() => {
-    const c = { [y.textScale]: String(r) };
+    const c = { [x.textScale]: String(r) };
     for (const u of Object.keys(t)) {
-      const d = y[u];
+      const d = x[u];
       typeof d == "string" && (c[d] = a[u]);
     }
-    return n !== void 0 && (c[y.graphBackground] = n), xn(c);
+    return n !== void 0 && (c[x.graphBackground] = n), xn(c);
   }, [
     r,
     n,
@@ -3235,7 +3235,7 @@ function Ve(e) {
 }
 var Gc = "_19519k80";
 var Wc = "_19519k82", Vc = "_19519k83", Uc = "_19519k85", Qc = "_19519k86", Yc = "_19519k87", Kc = "_19519k88", zc = (e) => {
-  const { overlayRef: t } = me(), r = T(null), [n, o] = G(!1), a = Gt(e);
+  const { overlayRef: t } = me(), r = T(null), [n, o] = O(!1), a = Gt(e);
   return F(() => {
     const i = t.current;
     if (!i) return;
@@ -3276,7 +3276,7 @@ var Wc = "_19519k82", Vc = "_19519k83", Uc = "_19519k85", Qc = "_19519k86", Yc =
     numberFormat: b.config.numberFormat,
     parsingLocale: b.config.parsingLocale,
     comments: b.annotations.comments
-  }))), { formattingLocale: t, colorScheme: r } = W(), n = Ve((b) => b.hover), o = Ve((b) => b.tooltipAnchor), a = Ve((b) => b.isPointerSuspended), i = ee("Tooltip", Zc), l = T(() => {
+  }))), { formattingLocale: t, colorScheme: r } = G(), n = Ve((b) => b.hover), o = Ve((b) => b.tooltipAnchor), a = Ve((b) => b.isPointerSuspended), i = ee("Tooltip", Zc), l = T(() => {
   }), { cursorRef: c, isInside: u } = zc(() => l.current()), d = A(() => Ea({
     ...e,
     hover: n,
@@ -3306,8 +3306,8 @@ var Wc = "_19519k82", Vc = "_19519k83", Uc = "_19519k85", Qc = "_19519k86", Yc =
     style: f,
     "data-testid": "chart-tooltip",
     children: /* @__PURE__ */ s(i, { content: d })
-  }), x = no();
-  return x ? An(/* @__PURE__ */ s(Pc, { children: p }), x) : p;
+  }), y = no();
+  return y ? An(/* @__PURE__ */ s(Pc, { children: p }), y) : p;
 }, Zc = ({ content: e }) => {
   const t = de(), r = C((c) => c.coordSystem), n = xc(), o = Pt(n.heading), a = Pt(n.label), i = Pt(n.value), l = { paddingInline: n.box.paddingInline };
   return /* @__PURE__ */ w("div", {
@@ -3428,12 +3428,12 @@ var Wc = "_19519k82", Vc = "_19519k83", Uc = "_19519k85", Qc = "_19519k86", Yc =
   plansByLayerId: null,
   coordKey: null,
   introEndsAtMs: 0
-}, er = Q(it), nd = ({ intro: e, children: t }) => {
+}, er = U(it), nd = ({ intro: e, children: t }) => {
   const { layers: r, coordSystem: n, scales: o } = C(j((i) => ({
     layers: i.layers,
     coordSystem: i.coordSystem,
     scales: i.scales
-  }))), [a] = G(() => id({
+  }))), [a] = O(() => id({
     layers: r,
     coordSystem: n,
     scales: o,
@@ -3444,7 +3444,7 @@ var Wc = "_19519k82", Vc = "_19519k83", Uc = "_19519k85", Qc = "_19519k86", Yc =
     children: t
   });
 }, od = () => {
-  const { introEndsAtMs: e } = D(er), [t] = G(() => sd(e) / 1e3);
+  const { introEndsAtMs: e } = D(er), [t] = O(() => sd(e) / 1e3);
   return t;
 }, ad = (e) => {
   const { plansByLayerId: t, coordKey: r } = D(er), n = C((o) => vo(o.coordSystem));
@@ -3590,8 +3590,8 @@ var Wc = "_19519k82", Vc = "_19519k83", Uc = "_19519k85", Qc = "_19519k86", Yc =
   if (a.display === "direct") {
     const m = fe(n);
     if (i) return m;
-    const p = z(n, t), x = a.items.map((b) => e.measureText(b.formattedLabel, p).width);
-    return Math.max(...x);
+    const p = z(n, t), y = a.items.map((b) => e.measureText(b.formattedLabel, p).width);
+    return Math.max(...y);
   }
   const { item: l, swatch: c } = r, u = fe(l), d = z(l, t), v = 2 * (l.paddingBlock + l.borderWidth), g = 2 * (l.paddingInline + l.borderWidth), h = a.aesthetics.includes("size");
   if (i) {
@@ -3599,8 +3599,8 @@ var Wc = "_19519k82", Vc = "_19519k83", Uc = "_19519k85", Qc = "_19519k86", Yc =
     return Math.max(u, m) + v;
   }
   const f = a.items.map((m) => {
-    const p = e.measureText(m.formattedLabel, d).width, x = ht(m.visual, c.size, h);
-    return x + (x > 0 ? o : 0) + p;
+    const p = e.measureText(m.formattedLabel, d).width, y = ht(m.visual, c.size, h);
+    return y + (y > 0 ? o : 0) + p;
   });
   return Math.max(...f) + g;
 }, bd = ({ textMeasurer: e, tickLabelStyles: t, familyDefault: r }) => (n, o) => e.measureText(n, z(t[o], r)), wd = Object.freeze({}), Sd = ({ textMeasurer: e, textScale: t, metrics: r, overrides: n = wd }) => {
@@ -3628,7 +3628,7 @@ var Wc = "_19519k82", Vc = "_19519k83", Uc = "_19519k85", Qc = "_19519k86", Yc =
       legendItemStyle: l,
       directLabelStyle: i,
       legendSwatchGap: r.legendSwatchGap
-    }), x = gd(h), b = hd(h), R = {
+    }), y = gd(h), b = hd(h), R = {
       measureText: (S, P) => e.measureText(S, P),
       textScale: t
     };
@@ -3647,7 +3647,7 @@ var Wc = "_19519k82", Vc = "_19519k83", Uc = "_19519k85", Qc = "_19519k86", Yc =
         const P = v.current.measureLegend;
         return P ? P(S, R) : p(S);
       },
-      measureHeadline: (S, P, E) => (v.current.measureHeadline ?? x)(S, P, E),
+      measureHeadline: (S, P, E) => (v.current.measureHeadline ?? y)(S, P, E),
       measureHeadlineItemWidths: (S, P) => (v.current.measureHeadlineItemWidths ?? b)(S, P),
       measureTickLabel: bd({
         textMeasurer: e,
@@ -3715,11 +3715,11 @@ var Wc = "_19519k82", Vc = "_19519k83", Uc = "_19519k85", Qc = "_19519k86", Yc =
     e
   ]);
 }, Rd = (e) => !e.isVisible || e.ticks.length === 0, Cd = (e) => e.items.length === 0, Ed = () => {
-  const { formattingLocale: e } = W(), t = C((r) => r.config.parsingLocale);
+  const { formattingLocale: e } = G(), t = C((r) => r.config.parsingLocale);
   return e ?? t;
-}, Ir = 0.5, bo = Q(/* @__PURE__ */ new Map()), wo = Q(() => {
-}), So = Q(/* @__PURE__ */ new Set()), Pd = ({ children: e }) => {
-  const [t, r] = G(() => /* @__PURE__ */ new Map()), [n] = G(() => /* @__PURE__ */ new Set()), o = T(/* @__PURE__ */ new Map()), a = se((i, l, c) => {
+}, Ir = 0.5, bo = U(/* @__PURE__ */ new Map()), wo = U(() => {
+}), So = U(/* @__PURE__ */ new Set()), Pd = ({ children: e }) => {
+  const [t, r] = O(() => /* @__PURE__ */ new Map()), [n] = O(() => /* @__PURE__ */ new Set()), o = T(/* @__PURE__ */ new Map()), a = se((i, l, c) => {
     const u = o.current.get(i) ?? /* @__PURE__ */ new Set();
     if (c !== null) {
       u.add(l), o.current.set(i, u), r((d) => Nd(d, i, c));
@@ -3738,7 +3738,7 @@ var Wc = "_19519k82", Vc = "_19519k83", Uc = "_19519k85", Qc = "_19519k86", Yc =
     })
   });
 }, Bd = () => D(bo), Id = () => D(wo), Td = (e) => {
-  const t = Id(), r = U(), n = T(null);
+  const t = Id(), r = V(), n = T(null);
   return F(() => {
     if (typeof ResizeObserver > "u") return;
     const o = n.current;
@@ -3806,8 +3806,8 @@ var Wc = "_19519k82", Vc = "_19519k83", Uc = "_19519k85", Qc = "_19519k86", Yc =
     ...r.caret,
     editor: t
   } })
-})), nr = Q(null), jd = Ro(), kf = ({ children: e }) => {
-  const [t] = G(() => Ro());
+})), nr = U(null), jd = Ro(), kf = ({ children: e }) => {
+  const [t] = O(() => Ro());
   return /* @__PURE__ */ s(nr.Provider, {
     value: t,
     children: e
@@ -3820,7 +3820,7 @@ var Wc = "_19519k82", Vc = "_19519k83", Uc = "_19519k85", Qc = "_19519k86", Yc =
 function ue(e) {
   return je(D(nr) ?? jd, e);
 }
-var Co = Q(null), Xd = ({ panelRect: e, children: t }) => {
+var Co = U(null), Xd = ({ panelRect: e, children: t }) => {
   const r = Jd(e);
   return /* @__PURE__ */ s(Co.Provider, {
     value: r,
@@ -3834,7 +3834,7 @@ var Co = Q(null), Xd = ({ panelRect: e, children: t }) => {
   start: r(e.start),
   end: r(e.end)
 }) ?? t.color, Jd = (e) => {
-  const { formattingLocale: t } = W(), r = pe(), { fonts: n } = Ie(), o = ue((p) => Ue(p, "difference-arrow-endpoint-drag")), a = Sn(), i = fo(), { differenceArrows: l, mainAxis: c, parsingLocale: u } = C(j((p) => ({
+  const { formattingLocale: t } = G(), r = pe(), { fonts: n } = Ie(), o = ue((p) => Ue(p, "difference-arrow-endpoint-drag")), a = Sn(), i = fo(), { differenceArrows: l, mainAxis: c, parsingLocale: u } = C(j((p) => ({
     differenceArrows: p.annotations.differenceArrows,
     mainAxis: p.coordSystem.type === "cartesian" ? p.coordSystem.mainAxis : "x",
     parsingLocale: p.config.parsingLocale
@@ -3849,12 +3849,12 @@ var Co = Q(null), Xd = ({ panelRect: e, children: t }) => {
     g,
     d
   ]), f = A(() => Zd(r, n.familyDefault), [r, n.familyDefault]), m = A(() => l.map((p) => {
-    const x = i(p.id), b = Lr(p, x, h, f);
+    const y = i(p.id), b = Lr(p, y, h, f);
     return {
       ...b,
       arrow: p,
-      style: x,
-      color: Tr(p, x, a),
+      style: y,
+      color: Tr(p, y, a),
       committedArrow: p,
       committedLabelBox: b.labelBox,
       committedLabelText: b.labelText,
@@ -3870,17 +3870,17 @@ var Co = Q(null), Xd = ({ panelRect: e, children: t }) => {
   ]);
   return A(() => o === null ? m : m.map((p) => {
     if (p.id !== o.annotationId) return p;
-    const x = $d(p.committedArrow, o);
+    const y = $d(p.committedArrow, o);
     return {
-      ...Lr(x, p.style, h, f),
+      ...Lr(y, p.style, h, f),
       style: p.style,
-      color: Tr(x, p.style, a),
-      arrow: x,
+      color: Tr(y, p.style, a),
+      arrow: y,
       committedArrow: p.committedArrow,
       committedLabelBox: p.committedLabelBox,
       committedLabelText: p.committedLabelText,
       isDragged: !0,
-      hasComparableEndpoints: vr(x.start, x.end)
+      hasComparableEndpoints: vr(y.start, y.end)
     };
   }), [
     m,
@@ -3971,7 +3971,7 @@ var ou = "vultop2", au = "vultop3", iu = "vultop4", su = "vultop5", lu = "vultop
       })]
     })]
   });
-}, Po = Q({
+}, Po = U({
   Title: null,
   Caption: null,
   TextAnnotation: null
@@ -4084,7 +4084,7 @@ var Cu = 22, Eu = ({ ref: e, headerRect: t, mode: r = "readonly", title: n, isTi
   primary: "asohov1 asohov0",
   secondary: "asohov2 asohov0"
 }, To = ({ children: e, title: t, variant: r = "primary", size: n = "sm", ...o }) => {
-  const a = U(), i = Du[n];
+  const a = V(), i = Du[n];
   return /* @__PURE__ */ w("svg", {
     className: Hu[r],
     "aria-labelledby": t ? a : void 0,
@@ -4133,7 +4133,7 @@ var Yu = ({ segment: e, itemStyle: t }) => {
       className: Oe(Qu, e.direction === "down" && "n7clvo4"),
       style: {
         color: a,
-        backgroundColor: e.direction === "flat" ? O(y.textPrimary, 0.1) : O(a, 0.2)
+        backgroundColor: e.direction === "flat" ? Y(x.textPrimary, 0.1) : Y(a, 0.2)
       },
       children: e.direction === "flat" ? /* @__PURE__ */ s(Gu, {
         size: "xs",
@@ -4362,7 +4362,7 @@ var mh = "_1dw9dgx0", Ah = "#9ca3af", Bt = "\0", yh = (e, t) => {
     }
   }), /* @__PURE__ */ s("span", { children: e.formattedLabel })] });
 }, Sh = ({ hiddenPills: e, placement: t }) => {
-  const r = io(), [n, o] = G(!1), { refs: a, floatingStyles: i } = yn({
+  const r = io(), [n, o] = O(!1), { refs: a, floatingStyles: i } = yn({
     open: n,
     placement: t,
     middleware: [
@@ -4460,7 +4460,7 @@ var mh = "_1dw9dgx0", Ah = "#9ca3af", Bt = "\0", yh = (e, t) => {
       font: S,
       swatchGap: i.legendSwatchGap,
       horizontalChrome: E
-    }), V = v.map(M), K = On(i.fonts.legendLabel, o), Te = Ad(i.fonts.legendLabel, o), Ae = (g ? Te + i.legendPillVerticalChrome : Nr({
+    }), W = v.map(M), K = On(i.fonts.legendLabel, o), Te = Ad(i.fonts.legendLabel, o), Ae = (g ? Te + i.legendPillVerticalChrome : Nr({
       label: `+${v.length}`,
       swatchInlineSize: 0,
       textMeasurer: a,
@@ -4469,7 +4469,7 @@ var mh = "_1dw9dgx0", Ah = "#9ca3af", Bt = "\0", yh = (e, t) => {
       horizontalChrome: i.legendPillHorizontalChrome
     })) + 8;
     return Fh({
-      pillSizes: V,
+      pillSizes: W,
       overflowPillSize: Ae,
       containerSize: h,
       gap: l.gap
@@ -4485,7 +4485,7 @@ var mh = "_1dw9dgx0", Ah = "#9ca3af", Bt = "\0", yh = (e, t) => {
     c
   ]);
   if (v.length === 0) return null;
-  const p = v.slice(0, m.visibleCount), x = v.slice(m.visibleCount), b = m.hasOverflow && x.length > 0, R = Hh(c.item);
+  const p = v.slice(0, m.visibleCount), y = v.slice(m.visibleCount), b = m.hasOverflow && y.length > 0, R = Hh(c.item);
   return /* @__PURE__ */ w("div", {
     className: Oe(Ph[f], Rh, {
       [Eh]: g,
@@ -4498,7 +4498,7 @@ var mh = "_1dw9dgx0", Ah = "#9ca3af", Bt = "\0", yh = (e, t) => {
       style: R,
       children: /* @__PURE__ */ s(No, { pill: S })
     }, S.key)), b && /* @__PURE__ */ s(Sh, {
-      hiddenPills: x,
+      hiddenPills: y,
       placement: Dh(e)
     })]
   });
@@ -4626,7 +4626,7 @@ var mh = "_1dw9dgx0", Ah = "#9ca3af", Bt = "\0", yh = (e, t) => {
     panelRect: r,
     children: /* @__PURE__ */ s("line", {
       ...n,
-      stroke: y.hoverGuideLineColor,
+      stroke: x.hoverGuideLineColor,
       strokeWidth: Mo,
       strokeDasharray: Fo,
       strokeLinecap: "round",
@@ -4639,7 +4639,7 @@ var mh = "_1dw9dgx0", Ah = "#9ca3af", Bt = "\0", yh = (e, t) => {
     panelRect: n,
     children: /* @__PURE__ */ s("rect", {
       ...o,
-      fill: y.hoverGuideFillColor,
+      fill: x.hoverGuideFillColor,
       "data-testid": "hover-guide-rect"
     })
   });
@@ -4652,7 +4652,7 @@ var mh = "_1dw9dgx0", Ah = "#9ca3af", Bt = "\0", yh = (e, t) => {
       y1: o.y,
       x2: a.x,
       y2: a.y,
-      stroke: y.hoverGuideLineColor,
+      stroke: x.hoverGuideLineColor,
       strokeWidth: Mo,
       strokeDasharray: Fo,
       strokeLinecap: "round",
@@ -4673,7 +4673,7 @@ var mh = "_1dw9dgx0", Ah = "#9ca3af", Bt = "\0", yh = (e, t) => {
       style: { overflow: "visible" },
       children: /* @__PURE__ */ s("path", {
         d: o,
-        fill: y.hoverGuideFillColor,
+        fill: x.hoverGuideFillColor,
         "data-testid": "hover-guide-arc"
       })
     })
@@ -4788,9 +4788,9 @@ var mh = "_1dw9dgx0", Ah = "#9ca3af", Bt = "\0", yh = (e, t) => {
     if (f === null) return;
     const m = i(h, f), p = r.getState();
     if (p.isPointerSuspended) return;
-    const x = gr(m, p.pointerRegions);
-    if (x !== null) {
-      p.setHoverState(t.query(x.cursor)), p.setTooltipAnchor(_h(x.tooltip, f));
+    const y = gr(m, p.pointerRegions);
+    if (y !== null) {
+      p.setHoverState(t.query(y.cursor)), p.setTooltipAnchor(_h(y.tooltip, f));
       return;
     }
     const b = Si(m, f);
@@ -4890,7 +4890,7 @@ var mh = "_1dw9dgx0", Ah = "#9ca3af", Bt = "\0", yh = (e, t) => {
     inverse: "#1D2129"
   }
 }, lv = ({ computed: e, style: t, isAddressable: r }) => {
-  const n = U(), { colorScheme: o } = _t(), a = e.dashArray ? {
+  const n = V(), { colorScheme: o } = _t(), a = e.dashArray ? {
     strokeDasharray: e.dashArray,
     strokeDashoffset: e.dashOffset
   } : {}, i = t.shadow === "none" ? null : t.shadow, l = t.borderWidth > 0, c = sv[o], u = t.borderColor ?? uv(t.color, c.primary, c.inverse), d = i === null ? null : dv(e, t.borderWidth, i.blur);
@@ -5001,7 +5001,7 @@ var mh = "_1dw9dgx0", Ah = "#9ca3af", Bt = "\0", yh = (e, t) => {
     }, i.id))
   });
 }, vv = () => {
-  const { selectionStore: e } = W();
+  const { selectionStore: e } = G();
   return je(e, (t) => t.selection);
 }, gv = ({ linePath: e, arrowheadPath: t, stroke: r, strokeWidth: n, isAddressable: o }) => {
   const a = {
@@ -5064,10 +5064,10 @@ var mh = "_1dw9dgx0", Ah = "#9ca3af", Bt = "\0", yh = (e, t) => {
     transform: `translate(${e.x}, ${e.y})`,
     "data-testid": "difference-arrows",
     children: r.map(({ color: i, style: l, id: c, linePath: u, arrowheadPath: d, labelPosition: v, labelBox: g, labelText: h, isDragged: f, hasComparableEndpoints: m }) => {
-      const p = n === c || a.has(c), x = f && !m, b = x ? y.alert : i, R = p && !x ? yv(b) : b;
+      const p = n === c || a.has(c), y = f && !m, b = y ? x.alert : i, R = p && !y ? yv(b) : b;
       return /* @__PURE__ */ w("g", {
         className: n === c ? pv : void 0,
-        "data-warning": x || void 0,
+        "data-warning": y || void 0,
         ...qe({
           kind: "annotation",
           id: c
@@ -5090,7 +5090,7 @@ var mh = "_1dw9dgx0", Ah = "#9ca3af", Bt = "\0", yh = (e, t) => {
       }, c);
     })
   });
-}, yv = (e) => `color-mix(in srgb, ${e} ${mv}, ${y.textPrimary})`, xv = () => {
+}, yv = (e) => `color-mix(in srgb, ${e} ${mv}, ${x.textPrimary})`, xv = () => {
   const e = L();
   return A(() => (t) => fi(e, t), [e]);
 }, bv = {
@@ -5098,7 +5098,7 @@ var mh = "_1dw9dgx0", Ah = "#9ca3af", Bt = "\0", yh = (e, t) => {
   contain: "xMidYMid meet",
   cover: "xMidYMid slice"
 }, wv = ({ image: e, panel: t, style: r }) => {
-  const n = U(), { src: o, region: a, fit: i } = e, l = zt(a, t), c = r.borderRadius > 0;
+  const n = V(), { src: o, region: a, fit: i } = e, l = zt(a, t), c = r.borderRadius > 0;
   return /* @__PURE__ */ w("g", { children: [c && /* @__PURE__ */ s("clipPath", {
     id: n,
     children: /* @__PURE__ */ s("rect", {
@@ -5211,7 +5211,7 @@ var mh = "_1dw9dgx0", Ah = "#9ca3af", Bt = "\0", yh = (e, t) => {
   ...Iv(e)
 }), Iv = (e) => {
   if (e.background === "transparent") return {};
-  const t = e.alpha < 1 ? O(e.background, e.alpha) : e.background;
+  const t = e.alpha < 1 ? Y(e.background, e.alpha) : e.background;
   if (e.borderWidth <= 0) return { backgroundColor: t };
   const r = e.borderColor ?? bs(e.background, Ev);
   return {
@@ -5280,7 +5280,7 @@ var Dv = "ph8bdc2", Hr = {
   });
 };
 function Ov(e) {
-  const t = pe(), { formattingLocale: r } = W(), n = Wo(), o = C(j((c) => ({
+  const t = pe(), { formattingLocale: r } = G(), n = Wo(), o = C(j((c) => ({
     pinnedNumbers: c.annotations.pinnedNumbers,
     comments: c.annotations.comments,
     coordSystem: c.coordSystem,
@@ -5357,7 +5357,7 @@ var Gv = (e, t, r, n) => t !== "comment" ? r : ki(r, 140, (o) => e.measureText(o
       if (!h.inView) return null;
       const f = u.get(h.id), m = v.get(h.id);
       if (f === void 0 || m === void 0) return null;
-      const p = d.get(h.id), x = h.miniRect.width <= e.width && h.miniRect.height <= e.height;
+      const p = d.get(h.id), y = h.miniRect.width <= e.width && h.miniRect.height <= e.height;
       return /* @__PURE__ */ w("g", {
         "data-testid": h.kind,
         children: [/* @__PURE__ */ s("foreignObject", {
@@ -5367,7 +5367,7 @@ var Gv = (e, t, r, n) => t !== "comment" ? r : ki(r, 140, (o) => e.measureText(o
           height: h.miniRect.height,
           overflow: "visible",
           children: /* @__PURE__ */ w("div", {
-            className: x ? Hr.hittable : Hr.inert,
+            className: y ? Hr.hittable : Hr.inert,
             style: Uv(m.label),
             children: [h.kind === "pinned-number" && /* @__PURE__ */ s("span", {
               className: "ph8bdc1",
@@ -5836,7 +5836,7 @@ var Yo = (e, t) => {
           ...le(v(i)),
           paintOrder: "stroke"
         },
-        stroke: y.graphBackground,
+        stroke: x.graphBackground,
         strokeWidth: fg,
         fill: v(i).textColor,
         children: g.formattedLabel
@@ -5918,7 +5918,7 @@ var Yo = (e, t) => {
     ]
   });
 }, bg = ({ layer: e, coordSystem: t, shouldAnimateTransitions: r, isDimmed: n, dimStyle: o, formattingLocale: a }) => {
-  const i = de(), l = ad(e.id), { colorScheme: c } = W(), u = I(e), d = i(e.geom, t.type);
+  const i = de(), l = ad(e.id), { colorScheme: c } = G(), u = I(e), d = i(e.geom, t.type);
   if (d === null) return null;
   const v = yt(d.render);
   return v.overlay ? null : /* @__PURE__ */ s("g", {
@@ -5965,7 +5965,7 @@ var Sg = 4, kg = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     t,
     o,
     n
-  ]), { colorScheme: d } = W(), v = I(t), g = A(() => Da(t), [t]), h = A(() => Ra({
+  ]), { colorScheme: d } = G(), v = I(t), g = A(() => Da(t), [t]), h = A(() => Ra({
     layer: t,
     numberFormat: c,
     locale: l
@@ -5976,7 +5976,7 @@ var Sg = 4, kg = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
   ]), { fonts: f } = Ie(), m = bt();
   if (e === null || r === null && u.length === 0) return null;
   const p = yt(e.render);
-  let x = null;
+  let y = null;
   if (r && !p.overlay) {
     const b = {
       layer: r,
@@ -5988,9 +5988,9 @@ var Sg = 4, kg = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
       colorScheme: d,
       styleReaders: v
     };
-    x = e.renderHighlight ? e.renderHighlight(b) : p.fn(b);
+    y = e.renderHighlight ? e.renderHighlight(b) : p.fn(b);
   }
-  return /* @__PURE__ */ w(Vo, { children: [x, u.map(({ observation: b, observationIndex: R, anchor: S }) => /* @__PURE__ */ s(Rg, {
+  return /* @__PURE__ */ w(Vo, { children: [y, u.map(({ observation: b, observationIndex: R, anchor: S }) => /* @__PURE__ */ s(Rg, {
     observation: b,
     anchor: S,
     panelRect: i,
@@ -6040,7 +6040,7 @@ var Sg = 4, kg = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     primary: v.hover.primary,
     group: v.hover.group,
     related: v.hover.related
-  }))), i = de(), { colorScheme: l } = W(), c = I(e);
+  }))), i = de(), { colorScheme: l } = G(), c = I(e);
   if (n === null) return null;
   const u = i(e.geom, t.type);
   if (u === null || Gl(u)) return null;
@@ -6109,7 +6109,7 @@ var Sg = 4, kg = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     a,
     e,
     t
-  ]), l = e.highlight, c = Pg(e), { colorScheme: u } = W(), d = {
+  ]), l = e.highlight, c = Pg(e), { colorScheme: u } = G(), d = {
     layer: e,
     coordSystem: t,
     shouldAnimateTransitions: r,
@@ -6152,7 +6152,7 @@ var Sg = 4, kg = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
 }, Og = "_17uhij30", Gg = ({ formattedAxes: e, plotRect: t, panelBorder: r, panelFrameRect: n, panelRect: o, axisRects: a, axisLabelRects: i, shouldAnimateTransitions: l, formattingLocale: c, plotBottomY: u, isFooterChromeReserved: d, isEditable: v }) => {
   const g = T(null);
   nv(g);
-  const h = ee("Grid", ug), f = ee("AxisTicks", cg), m = ee("AxisLabel", dg), p = A(() => Wt(n, t), [n, t]), x = A(() => Wt(o, t), [o, t]), b = A(() => Gr(a, t), [a, t]), R = A(() => Gr(i, t), [i, t]);
+  const h = ee("Grid", ug), f = ee("AxisTicks", cg), m = ee("AxisLabel", dg), p = A(() => Wt(n, t), [n, t]), y = A(() => Wt(o, t), [o, t]), b = A(() => Gr(a, t), [a, t]), R = A(() => Gr(i, t), [i, t]);
   return /* @__PURE__ */ w("svg", {
     ref: g,
     className: Og,
@@ -6165,7 +6165,7 @@ var Sg = 4, kg = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
         axes: e,
         panelBorderSizes: r,
         panelFrameRect: p,
-        panelRect: x
+        panelRect: y
       }),
       /* @__PURE__ */ s(f, {
         formattedAxes: e,
@@ -6177,15 +6177,15 @@ var Sg = 4, kg = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
       }),
       /* @__PURE__ */ s(xg, {
         formattedAxes: e,
-        panelRect: x
+        panelRect: y
       }),
-      /* @__PURE__ */ s(Wh, { panelRect: x }),
+      /* @__PURE__ */ s(Wh, { panelRect: y }),
       /* @__PURE__ */ s(Dr, {
-        panelRect: x,
+        panelRect: y,
         zOrder: "background"
       }),
       /* @__PURE__ */ s(Fr, {
-        panelRect: x,
+        panelRect: y,
         zOrder: "background"
       }),
       /* @__PURE__ */ s(vg, {
@@ -6194,39 +6194,39 @@ var Sg = 4, kg = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
       }),
       /* @__PURE__ */ s(Ng, {
         shouldAnimateTransitions: l,
-        panelRect: x,
+        panelRect: y,
         formattingLocale: c
       }),
       /* @__PURE__ */ s(mg, {
         formattedAxes: e,
-        panelRect: x
+        panelRect: y
       }),
       /* @__PURE__ */ s(tg, {
-        panelRect: x,
+        panelRect: y,
         formattingLocale: c,
         plotBottomY: u,
         isFooterChromeReserved: d
       }),
       /* @__PURE__ */ s(Av, {
-        panelRect: x,
+        panelRect: y,
         isEditable: v
       }),
       /* @__PURE__ */ s(Dr, {
-        panelRect: x,
+        panelRect: y,
         zOrder: "foreground"
       }),
       /* @__PURE__ */ s(Fr, {
-        panelRect: x,
+        panelRect: y,
         zOrder: "foreground"
       }),
       /* @__PURE__ */ s(hv, {
-        panelRect: x,
+        panelRect: y,
         isEditable: v
       }),
-      /* @__PURE__ */ s(Nv, { panelRect: x }),
-      /* @__PURE__ */ s(zv, { panelRect: x }),
-      /* @__PURE__ */ s(Wv, { panelRect: x }),
-      /* @__PURE__ */ s(tv, { panelRect: x })
+      /* @__PURE__ */ s(Nv, { panelRect: y }),
+      /* @__PURE__ */ s(zv, { panelRect: y }),
+      /* @__PURE__ */ s(Wv, { panelRect: y }),
+      /* @__PURE__ */ s(tv, { panelRect: y })
     ]
   });
 }, Wt = (e, t) => ({
@@ -6312,7 +6312,7 @@ var Sg = 4, kg = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     height: 0
   }
 }, Yg = () => {
-  const [e, t] = G(null), [r, n] = G(null), [o, a] = G(Tt);
+  const [e, t] = O(null), [r, n] = O(null), [o, a] = O(Tt);
   return F(() => {
     const i = () => {
       const c = e ? {
@@ -6384,43 +6384,43 @@ var Sg = 4, kg = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     })
   })
 }) }) }), qg = ({ width: e, height: t, animation: r, showTooltips: n = !0, mode: o = "readonly" }) => {
-  const a = io(), { axes: i, legends: l, layers: c, numberFormat: u, parsingLocale: d, appearance: v, annotations: g, coordSystem: h, headline: f, headlineConfig: m, content: p, overflowStrategy: x, layoutConfig: b } = C(j((Y) => ({
-    axes: Y.guides.axes,
-    legends: Y.guides.legends.drawn,
-    layers: Y.layers,
-    numberFormat: Y.config.numberFormat,
-    parsingLocale: Y.config.parsingLocale,
-    appearance: Y.config.appearance,
-    annotations: Y.annotations,
-    coordSystem: Y.coordSystem,
-    headline: Y.guides.headline,
-    headlineConfig: Y.config.headline,
-    content: Y.config.content,
-    overflowStrategy: Y.config.panel.overflow,
-    layoutConfig: Y.config.layout
-  }))), R = Ci(), { intro: S, transitions: P } = A(() => nc(r, R ?? !1), [r, R]), { headerRef: E, footerRef: N, measurements: M } = Yg(), { formattingLocale: V, colorScheme: K, themeOverrides: Te } = W(), Ae = o === "editable", [ye, Ko] = G(null), ar = A(() => Un(K, Te), [K, Te]), zo = ee("Header", Eu), jo = ee("Footer", xu), Xo = ee("Legend", Oh), qo = ee("Headline", qu), Jo = ee("EditorSurface", zg), ir = A(() => Wa({
+  const a = io(), { axes: i, legends: l, layers: c, numberFormat: u, parsingLocale: d, appearance: v, annotations: g, coordSystem: h, headline: f, headlineConfig: m, content: p, overflowStrategy: y, layoutConfig: b } = C(j((Q) => ({
+    axes: Q.guides.axes,
+    legends: Q.guides.legends.drawn,
+    layers: Q.layers,
+    numberFormat: Q.config.numberFormat,
+    parsingLocale: Q.config.parsingLocale,
+    appearance: Q.config.appearance,
+    annotations: Q.annotations,
+    coordSystem: Q.coordSystem,
+    headline: Q.guides.headline,
+    headlineConfig: Q.config.headline,
+    content: Q.config.content,
+    overflowStrategy: Q.config.panel.overflow,
+    layoutConfig: Q.config.layout
+  }))), R = Ci(), { intro: S, transitions: P } = A(() => nc(r, R ?? !1), [r, R]), { headerRef: E, footerRef: N, measurements: M } = Yg(), { formattingLocale: W, colorScheme: K, themeOverrides: Te } = G(), Ae = o === "editable", [ye, Ko] = O(null), ar = A(() => Un(K, Te), [K, Te]), zo = ee("Header", Eu), jo = ee("Footer", xu), Xo = ee("Legend", Oh), qo = ee("Headline", qu), Jo = ee("EditorSurface", zg), ir = A(() => Wa({
     legends: l,
     numberFormat: u,
     parsingLocale: d,
-    formattingLocale: V
+    formattingLocale: W
   }), [
     l,
     u,
     d,
-    V
+    W
   ]), Le = A(() => Ga({
     headline: f,
     show: m.show,
     numberFormat: u,
     parsingLocale: d,
-    formattingLocale: V,
+    formattingLocale: W,
     t: a
   }), [
     f,
     m.show,
     u,
     d,
-    V,
+    W,
     a
   ]), Zo = pe(), Ze = L(), $e = A(() => cn(Ze), [Ze]), sr = A(() => hn(Ze), [Ze]), lr = Bo(), kt = $e.borderColor === void 0 ? 0 : $e.borderWidth, Ne = A(() => ({
     width: Math.max(0, e - 2 * kt),
@@ -6457,12 +6457,12 @@ var Sg = 4, kg = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     containerSize: Ne,
     externalMeasurements: M,
     headline: xe,
-    formattingLocale: V,
+    formattingLocale: W,
     annotations: g,
     layers: c,
     coordSystem: h,
     textScale: v.textScale,
-    overflowStrategy: x,
+    overflowStrategy: y,
     layout: b,
     panelBorder: dr
   }), et = A(() => !Me || !xe || !_e ? null : gi({
@@ -6519,7 +6519,7 @@ var Sg = 4, kg = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
                 axisRects: X.axes,
                 axisLabelRects: X.axisLabels,
                 shouldAnimateTransitions: P,
-                formattingLocale: V ?? d,
+                formattingLocale: W ?? d,
                 plotBottomY: ra,
                 isFooterChromeReserved: na,
                 isEditable: Ae
@@ -6570,7 +6570,7 @@ var Sg = 4, kg = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     subscribeSelection: t.selectionStore.subscribe
   } : null), [e, t]);
 }, Lf = (e) => Ri(e.subscribe, e.getCompiled, e.getCompiled), Nf = () => {
-  const { commands: e } = W();
+  const { commands: e } = G();
   return e;
 }, Mf = (e) => {
   if (e.altKey || !e.metaKey && !e.ctrlKey) return null;
@@ -6589,7 +6589,7 @@ export {
   Gu as E,
   L as Et,
   ue as F,
-  W as Ft,
+  G as Ft,
   Td as G,
   yf as H,
   Rf as I,