@graphysdk/react-renderer 1.9.0-beta.1791811201637 → 1.9.0-beta.1791817361884

package/dist/{history-chords-DQsyAPsK.js → history-chords-Dt-up9SW.js}

@@ -1,5 +1,5 @@
 import { ANNOTATION_TOOLTIP_MARKER_GAP_PX as cs, CachedTextMeasurer as Hn, DATA_LABEL_ROLES as us, DEFAULT_GEOM_COLOR as Wr, DEFAULT_HOVER_AFFORDANCE_COLOR as Gr, DEFAULT_POINT_SIZE_PX as $e, GROUP_VARIABLES as ne, HeuristicTextMeasurer as hs, HoverEngine as vs, InternalError as gs, LayoutCompiler as fs, NAMED_WEIGHTS as ct, POLAR_RIM_LABEL_GAP_PX as ps, POSITION_VARIABLES as ut, RESOLVED_DATA_LABEL_POSITIONS as ms, RESTING_HOVER_STATE as Wt, VISUAL_VARIABLES as Fn, alignUnitFractions as Oo, applyTextTransform as St, areAnchorsEqual as ys, areEditMenuTriggersEqual as As, areEditTargetsEqual as pt, areEndpointsComparable as Dn, arePointerRegionListsEqual as xs, arePredicatesEqual as No, buildAverageLineSymbols as bs, buildBarRectBounds as Ss, buildCalloutHitRegions as ws, buildColumnKey as Vr, buildDataLabelsContent as ks, buildFontString as Es, buildHeadlineItemRows as Ho, buildLayerIntroPlan as Ps, buildObservationsTarget as Rs, buildPointSymbolInBox as Cs, buildPointSymbolPath as Bs, buildPolarBarArcPath as De, buildSliceGroupKey as zr, buildTooltipContent as Is, compositeColor as mr, computeArrow as Ls, computeDifferenceArrow as Ts, computeDirectLabelsLayout as Ms, computeLetterSpacingWidth as Os, computeLineBoxHeight as We, computePanelBorderPaths as Ns, computePanelBorderSizes as Hs, countLayerGeoms as Fs, createAreaPathGenerators as Ur, createDataLabelPlacementResolver as Ds, createLayerYValueFormatter as Ws, createLineFillAreaGenerator as Gs, createLinePathGenerator as Yr, createPinnedNumberValueFormatter as Vs, createSegmentYReader as zs, createStableCellKeyGenerator as Us, createStableKeyGenerator as Se, ensureReadableTextColor as jr, findAnnotation as Ys, findLayerById as Xt, findPointerRegion as Wn, formatHeadline as js, formatLegends as Ks, formatRuleValue as Qs, getAestheticFromScaleAestheticKey as xe, getAlpha as Fo, getAngleExtent as Xs, getBarRectBounds as qt, getBoundingRect as qs, getDifferenceArrowLabelBox as Js, getGroup as ze, getHoverGuideLineProps as Zs, getHoverGuideRectProps as $s, getPaintedTileRect as Kr, getPointSymbolOuterRadius as _s, getPolarHoverGuideArcProps as el, getRadiusExtent as Do, getShapeAnnotationStroke as tl, getSize as rl, getStackRole as nl, getUnionExtent as Wo, getX as q, getXMax as Go, getY as _, getYMax as Jt, isAnnotationMovable as ol, isFullTurnSweep as Qr, isGradientPaint as Vo, isImagePaint as al, isOpaquePaint as il, isPatternPaint as Xr, isPositionScale as Gn, isSafeUrl as qr, orderPointerRegions as sl, paintKey as kr, paintsInDonutHole as ll, pickFilters as dl, pickReadableTextColor as zo, placeCallouts as cl, polarToUnit as ul, positionToAngle as hl, prepareAreaObservations as Jr, prepareLineObservations as Zr, projectAnchorToPanel as xt, projectRegionToPanel as $r, readAnchoredObservation as Uo, readColorGroupObservation as vl, readGeomColor as Zt, readGeomEffects as J, readMainAxis as wt, readPresentedGroupColor as Yo, removeAlpha as gl, resolveArrowAnnotationStyle as fl, resolveArrowColor as pl, resolveBarBorderTreatment as kt, resolveBarCornerRadiiPx as ml, resolveBarCornerRadiusPx as _r, resolveBarPaintOrigin as yl, resolveCalloutAnnotationStyle as Er, resolveChromeMargins as Al, resolveDataLabelStyle as xl, resolveDeferredAnchors as bl, resolveDifferenceArrowAnnotationStyle as jo, resolveDirectLabelStyle as Ko, resolveGraphPadding as Sl, resolveHeadlineItemStyle as Dt, resolveHeadlineNumberStyle as Qo, resolveHeadlinePlacement as wl, resolveLegendItemStyle as $t, resolvePanelBorderStyle as Xo, resolvePolarBarCornerRadiusUnit as kl, resolveRuleLabelStyle as El, resolveSwatchGeomPaint as qo, resolveTooltipStyle as Pl, toFontSpec as te, toPaintColor as V, toPanelCursor as Rl, toPercent as C, toStrokeDasharray as ve, toViewBoxX as Jo, toViewBoxY as Zo, truncateToWidth as $o, withAlpha as Cl } from "@graphysdk/viz-engine";
-import { Fragment as _t, createContext as Y, memo as ge, useCallback as ue, useContext as W, useEffect as G, useId as K, useLayoutEffect as Bl, useMemo as b, useRef as F, useState as U, useSyncExternalStore as Il } from "react";
+import { Fragment as _t, createContext as j, memo as ge, useCallback as ue, useContext as W, useEffect as G, useId as K, useLayoutEffect as Bl, useMemo as b, useRef as F, useState as Y, useSyncExternalStore as Il } from "react";
 import { Fragment as L, jsx as s, jsxs as S } from "react/jsx-runtime";
 import { useStore as _e } from "zustand";
 import { animate as Pe, motion as z, useMotionValue as ye, useReducedMotion as Ll, useTransform as Ot } from "motion/react";
@@ -22,12 +22,12 @@ import './history-chords.css';var Vn = Object.defineProperty, Hl = (e, t) => {
     });
   return t || Vn(r, Symbol.toStringTag, { value: "Module" }), r;
 };
-typeof window < "u" && (window.__GRAPHY_SDK__ ??= {}, window.__GRAPHY_SDK__.reactRenderer = "1.9.0-beta.1791811201637");
+typeof window < "u" && (window.__GRAPHY_SDK__ ??= {}, window.__GRAPHY_SDK__.reactRenderer = "1.9.0-beta.1791817361884");
 function Fl(e) {
   for (const t of e) (t.severity === "error" ? console.error : console.warn)(`[graphy] ${t.code}: ${t.message}`, t);
 }
-var ta = Y(null), Fy = ta.Provider, Dl = null, tn = () => W(ta) ?? (Dl ??= Ds());
-var ra = Y(null), ee = () => {
+var ta = j(null), Fy = ta.Provider, Dl = null, tn = () => W(ta) ?? (Dl ??= Ds());
+var ra = j(null), ee = () => {
   const e = W(ra);
   if (!e) throw new Error("useGraph* hooks must be used inside a <GraphProvider>");
   return e;
@@ -37,7 +37,7 @@ var ra = Y(null), ee = () => {
 }, et = (e) => e === "none" ? "none" : `${e.offsetX}px ${e.offsetY}px ${e.blur}px ${e.color}`, Wl = (e) => e === "none" ? "none" : `${e.offsetX}px ${e.offsetY}px ${e.blur}px ${e.color}`, Ue = (e) => {
   if (e !== "none")
     return `drop-shadow(${e.offsetX}px ${e.offsetY}px ${e.blur}px ${e.color})`;
-}, tr = Y(null), zn = [
+}, tr = j(null), zn = [
   "shadow",
   "blendMode",
   "alpha",
@@ -257,13 +257,16 @@ var ra = Y(null), ee = () => {
     "data-testid": "companion-point"
   });
 };
-var Un = 10 ** 2, j = (e) => Math.round(e * Un) / Un, Dy = (e) => e.map(({ x: t, y: r }) => `M${j(t)},${j(r)}h0`).join(""), Zl = (e, t, r) => {
+var Un = 10 ** 2, U = (e) => Math.round(e * Un) / Un, Dy = (e, t) => {
+  const r = U(t), n = U(2 * t), o = `a${r},${r} 0 1,0 ${n},0a${r},${r} 0 1,0 ${-n},0Z`;
+  return e.map(({ x: a, y: i }) => `M${U(a - t)},${U(i)}${o}`).join("");
+}, Zl = (e, t, r) => {
   const n = r.axis === "x", o = n ? e.y : e.x, a = n ? e.x : e.y, i = n ? e.height : e.width, l = n ? e.width : e.height, d = Math.max(Math.min(r.from, r.to), a), c = Math.min(Math.max(r.from, r.to), a + l);
   if (c - d <= 0 || i <= 0) return "";
   const u = Math.max(0, Math.min(t, i / 2)), h = Math.max(0, Math.min(t, l / 2)), g = a + h, f = a + l - h, v = o + i, m = n ? 0 : 1, p = (E, T) => {
     const [O, $] = n ? [T, E] : [E, T];
-    return `${j(O)},${j($)}`;
-  }, [x, A] = (n ? [h, u] : [u, h]).map(j), w = (E, T) => `A${x},${A} 0 0 ${m} ${p(E, T)}`, k = (E) => {
+    return `${U(O)},${U($)}`;
+  }, [x, A] = (n ? [h, u] : [u, h]).map(U), w = (E, T) => `A${x},${A} 0 0 ${m} ${p(E, T)}`, k = (E) => {
     if (u <= 0 || h <= 0) return 0;
     const T = E < g ? g - E : E > f ? E - f : 0, O = Math.min(1, T / h);
     return u * (1 - Math.sqrt(1 - O * O));
@@ -320,7 +323,7 @@ var Un = 10 ** 2, j = (e) => Math.round(e * Un) / Un, Dy = (e) => e.map(({ x: t,
     centers: n,
     size: r
   }));
-}, sa = (e, t, { origin: r, scaleX: n, scaleY: o }) => `${j(r.x + e * n)},${j(r.y + t * o)}`, _l = ({ layer: e, coordSystem: t, panelRect: r, shouldAnimateTransitions: n }) => {
+}, sa = (e, t, { origin: r, scaleX: n, scaleY: o }) => `${U(r.x + e * n)},${U(r.y + t * o)}`, _l = ({ layer: e, coordSystem: t, panelRect: r, shouldAnimateTransitions: n }) => {
   const { areaGenerator: o } = Ur(t, e.params), a = {
     origin: {
       x: 0,
@@ -725,7 +728,7 @@ var Kn = "\0", ga = (e, t) => {
     } : null);
   }, r.onerror = () => t(null), r.src = e;
 }), ot = (e) => {
-  const t = [...new Set(e.map(Qn).filter((i) => i !== void 0))].join(Kn), [r, n] = U(() => /* @__PURE__ */ new Map()), o = F(/* @__PURE__ */ new Set()), a = F(/* @__PURE__ */ new Set());
+  const t = [...new Set(e.map(Qn).filter((i) => i !== void 0))].join(Kn), [r, n] = Y(() => /* @__PURE__ */ new Map()), o = F(/* @__PURE__ */ new Set()), a = F(/* @__PURE__ */ new Set());
   return G(() => () => {
     o.current = /* @__PURE__ */ new Set();
   }, []), G(() => {
@@ -960,14 +963,14 @@ var xd = 1 / 3, bd = {
   width: Math.max(0, e.width + t * 2),
   height: Math.max(0, e.height + t * 2)
 }), Ie = (e, t) => {
-  const r = j(e.x), n = j(e.y), o = j(e.x + e.width), a = j(e.y + e.height), i = j(Math.max(0, Math.min(t, e.width / 2))), l = j(Math.max(0, Math.min(t, e.height / 2)));
+  const r = U(e.x), n = U(e.y), o = U(e.x + e.width), a = U(e.y + e.height), i = U(Math.max(0, Math.min(t, e.width / 2))), l = U(Math.max(0, Math.min(t, e.height / 2)));
   if (i <= 0 || l <= 0) return `M${r},${n}H${o}V${a}H${r}Z`;
   const d = `A${i},${l} 0 0 1 `, [c, u, h, g] = [
     `${r}`,
     `${n}`,
     `${o}`,
     `${a}`
-  ], f = `${j(r + i)}`, v = `${j(o - i)}`, m = `${j(n + l)}`, p = `${j(a - l)}`;
+  ], f = `${U(r + i)}`, v = `${U(o - i)}`, m = `${U(n + l)}`, p = `${U(a - l)}`;
   return `M${f},${u}H${v}${d}${h},${m}V${p}${d}${v},${g}H${f}${d}${c},${p}V${m}${d}${f},${u}Z`;
 }, Id = ({ observation: e, mainAxis: t, styleReaders: r, column: n, panelRect: o, fill: a }) => {
   const i = K(), l = K(), d = qt(t, e);
@@ -2221,7 +2224,7 @@ var yr = 3, Yd = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
     ...e === "dark" ? uc : pc,
     ...r
   };
-}, La = (e, t = {}, r) => ({ fonts: nc(ln(e, t), r) }), mc = Object.freeze(La("light")), Ta = Y(mc), yc = ({ metrics: e, children: t }) => /* @__PURE__ */ s(Ta.Provider, {
+}, La = (e, t = {}, r) => ({ fonts: nc(ln(e, t), r) }), mc = Object.freeze(La("light")), Ta = j(mc), yc = ({ metrics: e, children: t }) => /* @__PURE__ */ s(Ta.Provider, {
   value: e,
   children: t
 }), Ye = () => W(Ta), ir = (e, t, r) => {
@@ -2300,8 +2303,8 @@ var yr = 3, Yd = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
 }, Sc = (e) => {
   const t = wc();
   return t ? (t.style.font = e, t.getBoundingClientRect().width) : null;
-}, wc = () => typeof document > "u" ? null : (Ee || (Ee = document.createElement("span"), Ee.style.position = "absolute", Ee.style.visibility = "hidden", Ee.style.whiteSpace = "nowrap", Ee.style.left = "-9999px", Ee.textContent = Ma, document.body.appendChild(Ee)), Ee), Na = Y(null), Zn = 3e3, kc = ({ children: e, measurer: t }) => {
-  const [r, n] = U(null);
+}, wc = () => typeof document > "u" ? null : (Ee || (Ee = document.createElement("span"), Ee.style.position = "absolute", Ee.style.visibility = "hidden", Ee.style.whiteSpace = "nowrap", Ee.style.left = "-9999px", Ee.textContent = Ma, document.body.appendChild(Ee)), Ee), Na = j(null), Zn = 3e3, kc = ({ children: e, measurer: t }) => {
+  const [r, n] = Y(null);
   G(() => {
     if (t !== void 0) return;
     let a = !1;
@@ -2336,7 +2339,7 @@ var yr = 3, Yd = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
   } catch {
     return new Hn(new hs());
   }
-}, Ha = Y(null), Uy = Ha.Provider, Pc = null, Ce = () => W(Ha) ?? (Pc ??= Gu()), Rc = 11.7, Cc = 0.75, $n = 21.6, Bc = "0 0 10 18", Ic = "M2.48935 16.9323L9.07098 9.82964C9.51595 9.34944 9.51504 8.60728 9.0689 8.12818L2.48866 1.06172C1.85811 0.384586 0.974477 0 0.049217 0H0V18H0.0443689C0.972463 18 1.85854 17.6131 2.48935 16.9323Z", Lc = "_16vokpr0", Tc = (e, t) => e.mapping.y !== void 0 != (t.mainAxis === "y"), Mc = (e, t) => {
+}, Ha = j(null), Uy = Ha.Provider, Pc = null, Ce = () => W(Ha) ?? (Pc ??= Gu()), Rc = 11.7, Cc = 0.75, $n = 21.6, Bc = "0 0 10 18", Ic = "M2.48935 16.9323L9.07098 9.82964C9.51595 9.34944 9.51504 8.60728 9.0689 8.12818L2.48866 1.06172C1.85811 0.384586 0.974477 0 0.049217 0H0V18H0.0443689C0.972463 18 1.85854 17.6131 2.48935 16.9323Z", Lc = "_16vokpr0", Tc = (e, t) => e.mapping.y !== void 0 != (t.mainAxis === "y"), Mc = (e, t) => {
   const r = C(e ? 1 - t : t);
   return e ? {
     x1: "0%",
@@ -2363,7 +2366,7 @@ var yr = 3, Yd = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
 }, Nc = (e, t) => Nt(e) && Nt(t) ? `${e}: ${t}` : Nt(e) ? e : Nt(t) ? t : null, Hc = (e) => e ? 14 : 0, Fc = (e, t) => e * Cc - Hc(t) - 10, Dc = (e, t, r) => {
   const n = e * r, o = -13 - n, a = r + 13 - n - t;
   return a < o ? o : Math.min(Math.max(-t / 2, o), a);
-}, Nt = (e) => e != null && e.trim() !== "", Fa = Object.freeze({}), dn = Y(Fa), Wc = ({ slots: e, children: t }) => /* @__PURE__ */ s(dn.Provider, {
+}, Nt = (e) => e != null && e.trim() !== "", Fa = Object.freeze({}), dn = j(Fa), Wc = ({ slots: e, children: t }) => /* @__PURE__ */ s(dn.Provider, {
   value: e ?? Fa,
   children: t
 });
@@ -3780,11 +3783,11 @@ var Vu = [
     }
     o.update(r);
   }, [o, r]), o;
-}, $a = Y(null), Ku = ({ children: e }) => {
+}, $a = j(null), Ku = ({ children: e }) => {
   const { layers: t, coordSystem: r } = M(se((l) => ({
     layers: l.layers,
     coordSystem: l.coordSystem
-  }))), n = ju(t, r), [o] = U(() => Uu()), a = F(null), i = F(null);
+  }))), n = ju(t, r), [o] = Y(() => Uu()), a = F(null), i = F(null);
   return i.current === null && (i.current = {
     engine: n,
     store: o,
@@ -3826,7 +3829,7 @@ var Xu = ({ hitTest: e, input: t }) => {
   },
   children: o
 }), r), $u = ({ rect: e, children: t }) => {
-  const [r] = U(_a);
+  const [r] = Y(_a);
   return /* @__PURE__ */ s(Zu, {
     rect: e,
     zIndex: gt.panelOverlay,
@@ -3862,7 +3865,7 @@ var Xu = ({ hitTest: e, input: t }) => {
   height: 0,
   isDefault: !0
 }, ei = ({ debounce: e = 0, onResize: t } = {}) => {
-  const [r, n] = U(eh), o = F(null), a = _u((c) => {
+  const [r, n] = Y(eh), o = F(null), a = _u((c) => {
     const u = o.current;
     u && u.width === c.width && u.height === c.height || (o.current = {
       width: c.width,
@@ -3885,7 +3888,7 @@ var Xu = ({ hitTest: e, input: t }) => {
   };
 };
 function th() {
-  const [e, t] = U(null), r = F(null), n = F(null), o = F(null), a = ue(() => {
+  const [e, t] = Y(null), r = F(null), n = F(null), o = F(null), a = ue(() => {
     o.current = null;
     const c = n.current;
     if (!c) return;
@@ -4245,7 +4248,7 @@ var nh = ({ render: e, input: t }) => {
   if (!e) return t;
   const r = e.trim().replace("_", "-").toLowerCase();
   return Object.keys(gn).find((n) => n.toLowerCase() === r) ?? t;
-}, ti = Y(null), bh = [gn], ri = () => wh().translator, Sh = ({ locale: e, children: t, i18nOverrides: r, dictionaries: n = bh }) => {
+}, ti = j(null), bh = [gn], ri = () => wh().translator, Sh = ({ locale: e, children: t, i18nOverrides: r, dictionaries: n = bh }) => {
   const o = xh(e), a = b(() => ({
     translator: mh({
       locale: o,
@@ -4362,7 +4365,7 @@ var nh = ({ render: e, input: t }) => {
   if (e.alpha === void 0 || e.alpha >= 1) return e.image;
   const r = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${t.width} ${t.height}" preserveAspectRatio="none"><image href="${Rh(e.image)}" width="${t.width}" height="${t.height}" opacity="${e.alpha}" preserveAspectRatio="none"/></svg>`;
   return `data:image/svg+xml,${encodeURIComponent(r)}`;
-}, Rh = (e) => e.replace(/&/gu, "&amp;").replace(/</gu, "&lt;").replace(/>/gu, "&gt;").replace(/"/gu, "&quot;"), co = (e) => `url("${e.replace(/[\\"]/gu, "\\$&").replace(/[\n\r\f]/gu, (t) => `\\${t.charCodeAt(0).toString(16)} `)}")`, Ch = "bow4tg0", Bh = "bow4tg1", Ih = "bow4tg2", Lh = "bow4tg3", Th = "bow4tg4", oi = "_1ii3bsb0", Mh = "_1ii3bsb1", ai = Y({
+}, Rh = (e) => e.replace(/&/gu, "&amp;").replace(/</gu, "&lt;").replace(/>/gu, "&gt;").replace(/"/gu, "&quot;"), co = (e) => `url("${e.replace(/[\\"]/gu, "\\$&").replace(/[\n\r\f]/gu, (t) => `\\${t.charCodeAt(0).toString(16)} `)}")`, Ch = "bow4tg0", Bh = "bow4tg1", Ih = "bow4tg2", Lh = "bow4tg3", Th = "bow4tg4", oi = "_1ii3bsb0", Mh = "_1ii3bsb1", ai = j({
   colorScheme: "light",
   themeClass: oi,
   inlineVarsStyle: {},
@@ -4533,17 +4536,17 @@ var Yt = {
 }, $h = {
   ...Yt,
   isWaitingForView: !0
-}, hr = Y(Yt), li = 0.4, _h = ({ intro: e, panelRect: t, children: r }) => {
+}, hr = j(Yt), li = 0.4, _h = ({ intro: e, panelRect: t, children: r }) => {
   const { layers: n, coordSystem: o, scales: a } = M(se((h) => ({
     layers: h.layers,
     coordSystem: h.coordSystem,
     scales: h.scales
-  }))), [i, l] = U(() => vo(e) ? $h : go({
+  }))), [i, l] = Y(() => vo(e) ? $h : go({
     layers: n,
     coordSystem: o,
     scales: a,
     intro: e
-  })), [d, c] = U(null), u = tv(d) || !vo(e);
+  })), [d, c] = Y(null), u = tv(d) || !vo(e);
   return i.isWaitingForView && u && l(go({
     layers: n,
     coordSystem: o,
@@ -4563,7 +4566,7 @@ var Yt = {
     }, `${t.width}x${t.height}`), r]
   });
 }, it = () => W(hr).isWaitingForView, ev = () => {
-  const { introEndsAtMs: e } = W(hr), [t] = U(() => nv(e) / 1e3);
+  const { introEndsAtMs: e } = W(hr), [t] = Y(() => nv(e) / 1e3);
   return t;
 }, di = (e) => {
   const { plansByLayerId: t, coordKey: r } = W(hr), n = M((o) => ci(o.coordSystem));
@@ -4593,7 +4596,7 @@ var Yt = {
     isWaitingForView: !1
   };
 }, tv = (e) => {
-  const [t, r] = U(!1);
+  const [t, r] = Y(!1);
   return G(() => {
     if (e === null) return;
     const n = new IntersectionObserver((o) => {
@@ -4602,7 +4605,7 @@ var Yt = {
     return n.observe(e), () => n.disconnect();
   }, [e]), t;
 }, rv = ({ intersectionRatio: e, intersectionRect: t }) => t.width > 0 && t.height > 0 && e >= li, nv = (e) => Math.max(0, e - performance.now()), ci = (e) => e.type === "cartesian" ? `cartesian-${e.mainAxis}` : e.type, ov = (e) => {
-  const { overlayRef: t } = je(), r = F(null), [n, o] = U(!1), a = Nr(e);
+  const { overlayRef: t } = je(), r = F(null), [n, o] = Y(!1), a = Nr(e);
   return G(() => {
     const i = t.current;
     if (!i) return;
@@ -5031,9 +5034,9 @@ var Yt = {
 }, Mv = (e) => !e.isVisible || e.ticks.length === 0, Ov = (e) => e.items.length === 0, Nv = () => {
   const { formattingLocale: e } = ee(), t = M((r) => r.config.parsingLocale);
   return e ?? t;
-}, po = 0.5, mi = Y(/* @__PURE__ */ new Map()), yi = Y(() => {
-}), Ai = Y(/* @__PURE__ */ new Set()), Hv = ({ children: e }) => {
-  const [t, r] = U(() => /* @__PURE__ */ new Map()), [n] = U(() => /* @__PURE__ */ new Set()), o = F(/* @__PURE__ */ new Map()), a = ue((i, l, d) => {
+}, po = 0.5, mi = j(/* @__PURE__ */ new Map()), yi = j(() => {
+}), Ai = j(/* @__PURE__ */ new Set()), Hv = ({ children: e }) => {
+  const [t, r] = Y(() => /* @__PURE__ */ new Map()), [n] = Y(() => /* @__PURE__ */ new Set()), o = F(/* @__PURE__ */ new Map()), a = ue((i, l, d) => {
     const c = o.current.get(i) ?? /* @__PURE__ */ new Set();
     if (d !== null) {
       c.add(l), o.current.set(i, c), r((u) => Vv(u, i, d));
@@ -5166,8 +5169,8 @@ var Yt = {
     editor: t
   } }),
   setPressedObservation: (t) => e((r) => qv(r.pressedObservation, t) ? r : { pressedObservation: t })
-})), $v = (e, t) => e === t ? !0 : e === null || t === null ? !1 : pt(e.target, t.target) && e.frameScale === t.frameScale && Mr(e.frame, t.frame) && Or(e.frameSpans, t.frameSpans), xn = Y(null), _v = Si(), t0 = ({ children: e }) => {
-  const [t] = U(() => Si());
+})), $v = (e, t) => e === t ? !0 : e === null || t === null ? !1 : pt(e.target, t.target) && e.frameScale === t.frameScale && Mr(e.frame, t.frame) && Or(e.frameSpans, t.frameSpans), xn = j(null), _v = Si(), t0 = ({ children: e }) => {
+  const [t] = Y(() => Si());
   return /* @__PURE__ */ s(xn.Provider, {
     value: t,
     children: e
@@ -5180,7 +5183,7 @@ var Yt = {
 function Le(e) {
   return _e(W(xn) ?? _v, e);
 }
-var wi = Y(null), eg = ({ panelRect: e, children: t }) => {
+var wi = j(null), eg = ({ panelRect: e, children: t }) => {
   const r = rg(e);
   return /* @__PURE__ */ s(wi.Provider, {
     value: r,
@@ -5339,7 +5342,7 @@ var cg = "vultop2", ug = "vultop3", hg = "vultop4", vg = "vultop5", gg = "vultop
       })]
     })]
   });
-}, Ei = Y({
+}, Ei = j({
   Title: null,
   Caption: null,
   TextAnnotation: null
@@ -5728,7 +5731,7 @@ var Qg = ({ segment: e, itemStyle: t }) => {
     default:
       return null;
   }
-}, Hi = Y(Re.readonly);
+}, Hi = j(Re.readonly);
 function It() {
   return W(Hi);
 }
@@ -5926,7 +5929,7 @@ var Cf = "_1dw9dgx0", xr = "\0", Bf = (e, t) => {
     }
   }), /* @__PURE__ */ s("span", { children: e.formattedLabel })] });
 }, zi = (e, t) => e === void 0 ? void 0 : t, xo = { [Oi]: "" }, Mf = ({ hiddenPills: e, placement: t }) => {
-  const r = ri(), [n, o] = U(!1), a = N(), i = I($t, a), l = I(vi, a), d = Ne(), c = ot([i.item.fill, l.popover.fill]), u = c(i.item.fill), h = Di(i.item, u), g = Of(e.length, i.item), f = g === null ? void 0 : {
+  const r = ri(), [n, o] = Y(!1), a = N(), i = I($t, a), l = I(vi, a), d = Ne(), c = ot([i.item.fill, l.popover.fill]), u = c(i.item.fill), h = Di(i.item, u), g = Of(e.length, i.item), f = g === null ? void 0 : {
     ...Fi(i.item, u),
     opacity: yf * (i.item.alpha ?? 1)
   }, { refs: v, floatingStyles: m } = ea({
@@ -8203,7 +8206,7 @@ var Vm = 4, zm = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     height: 0
   }
 }, sy = () => {
-  const [e, t] = U(null), [r, n] = U(null), [o, a] = U(wr);
+  const [e, t] = Y(null), [r, n] = Y(null), [o, a] = Y(wr);
   return Bl(() => {
     const i = () => {
       const d = e ? {
@@ -8324,7 +8327,7 @@ var hy = [], vy = ({ graphChrome: e, isEditable: t, mode: r, style: n, contentRe
     headlineConfig: de.config.headline,
     content: de.config.content,
     overflowStrategy: de.config.panel.overflow
-  }))), { intro: A, transitions: w } = dh(r, c), { headerRef: k, footerRef: P, measurements: R } = sy(), { formattingLocale: B, colorScheme: E } = ee(), T = Oe[i], O = T.editorSurface, [$, oe] = U(null), Q = Ae("Header", Tg), Be = Ae("Footer", Eg), Zi = Ae("Legend", Xf), $i = Ae("Headline", _g), _i = Ae("EditorSurface", dy), Rn = b(() => Ks({
+  }))), { intro: A, transitions: w } = dh(r, c), { headerRef: k, footerRef: P, measurements: R } = sy(), { formattingLocale: B, colorScheme: E } = ee(), T = Oe[i], O = T.editorSurface, [$, oe] = Y(null), Q = Ae("Header", Tg), Be = Ae("Footer", Eg), Zi = Ae("Legend", Xf), $i = Ae("Headline", _g), _i = Ae("EditorSurface", dy), Rn = b(() => Ks({
     legends: d,
     numberFormat: u,
     parsingLocale: h,
@@ -8588,7 +8591,7 @@ export {
   Fl as bn,
   Re as bt,
   Qt as c,
-  Dy as cn,
+  $l as cn,
   Hh as ct,
   l0 as d,
   tt as dn,
@@ -8632,7 +8635,7 @@ export {
   le as rn,
   Fv as rt,
   Bm as s,
-  $l as sn,
+  Dy as sn,
   yt as st,
   v0 as t,
   Ie as tn,