@graphysdk/react-renderer 1.9.0-beta.1789480282040 → 1.9.0-beta.1789557600771

package/dist/{history-chords-B2TZO9S_.js → history-chords-8T86w-Wd.js}

@@ -1,15 +1,15 @@
 import { n as p } from "./theme.contract.css-DaZ5UPN0.js";
-import { ANNOTATION_TOOLTIP_MARKER_GAP as Ca, AXIS_KEYS as tn, CachedTextMeasurer as Sr, DATA_LABEL_POSITIONS as Pa, DATA_LABEL_ROLES as Ba, DEFAULT_GEOM_COLOR as rn, DEFAULT_HOVER_AFFORDANCE_COLOR as mt, DEFAULT_POINT_SIZE as nn, GROUP_VARIABLES as pe, HeuristicTextMeasurer as Ia, HoverEngine as Ma, InternalError as La, LayoutCompiler as Ta, NAMED_WEIGHTS as Ge, POLAR_RIM_LABEL_GAP_PX as Na, RESTING_HOVER_STATE as ct, TAU as wr, alignUnitFractions as on, areAnchorsEqual as Ha, areEditMenuTriggersEqual as Fa, areEndpointsComparable as Rr, arePointerRegionListsEqual as Da, buildAverageLineSymbols as Oa, buildCalloutHitRegions as Wa, buildColumnKey as Xt, buildDataLabelsContent as Ga, buildFontString as Ua, buildLayerIntroPlan as Va, buildLayerYValueFormatter as za, buildPinnedNumberValueFormatter as Qa, buildPolarBarArcPath as Se, buildSliceGroupKey as qt, buildTooltipContent as Ka, compositeColor as Ya, computeArrow as ja, computeDifferenceArrow as Xa, computeDirectLabelsLayout as qa, computeLineBoxHeight as we, computePanelBorderPaths as Ja, computePanelBorderSizes as Za, countLayerGeoms as $a, createAreaPathGenerators as an, createHeadlineItemRows as sn, createLineFillAreaGenerator as _a, createLinePathGenerator as ln, createSegmentYReader as ei, createStableCellKeyGenerator as ti, createStableKeyGenerator as ce, createStyleResolver as dn, ensureReadableTextColor as ri, findAnnotation as ni, findLayerById as oi, findPointerRegion as kr, formatHeadline as ai, formatLegends as ii, formatRuleValue as si, getAestheticFromScaleAestheticKey as Le, getAlpha as cn, getAngleExtent as Jt, getBarRectBounds as Xe, getBoundingRect as un, getChromeDashArray as At, getColor as hn, getDashArray as Te, getDifferenceArrowLabelBox as li, getGroup as yt, getHoverGuideLineProps as di, getHoverGuideRectProps as ci, getInsetTileRect as gn, getPolarHoverGuideArcProps as ui, getRadiusExtent as xt, getRuleDashPattern as hi, getShapeAnnotationStroke as gi, getSize as vi, getStackRole as fi, getUnionExtent as pi, getX as _, getXMax as mi, getY as se, getYMax as vn, isAnnotationMovable as Ai, isDefined as fn, isFullTurnSweep as pn, isSafeUrl as Zt, orderPointerRegions as yi, paintsInDonutHole as xi, pickReadableTextColor as mn, placeCallouts as bi, polarToUnit as Si, positionToAngle as wi, prepareAreaObservations as An, prepareLineObservations as yn, projectAnchorToPanel as Ye, projectRegionToPanel as $t, readAnchoredObservation as xn, readColorGroupObservation as Ri, resolveArrowAnnotationStyle as ki, resolveArrowColor as Ei, resolveAxisLabelStyle as Ci, resolveBarBorderRadiusPx as bn, resolveBarBorderTreatment as qe, resolveBarCornerRadiiPx as Pi, resolveCalloutAnnotationStyle as Bi, resolveCaptionStyle as Ii, resolveChromeMargins as Mi, resolveDataLabelStyle as Li, resolveDeferredAnchors as Ti, resolveDifferenceArrowAnnotationStyle as Ni, resolveDirectLabelStyle as Hi, resolveGraphChromeStyle as Sn, resolveGraphPadding as Fi, resolveGridLineStyle as Wt, resolveHeadingFontFamily as Di, resolveHeadingStyle as Oi, resolveHeadlineFigure as wn, resolveHeadlineItemStyle as lt, resolveHeadlinePlacement as Wi, resolveHeadlineStyle as Rn, resolveHoverGuideStyle as Gi, resolveImageAnnotationStyle as Ui, resolveLegendItemStyle as Vi, resolveLegendStyle as zi, resolvePanelBorderStyle as kn, resolvePolarBarCornerRadiusUnit as En, resolveRuleLabelStyle as Qi, resolveShapeAnnotationStyle as Cn, resolveSourceStyle as Ki, resolveSubtitleStyle as Yi, resolveSwatchGeomPaint as Pn, resolveTextAnnotationStyle as ji, resolveTickLabelStyle as Xi, resolveTickLineStyle as qi, resolveTooltipStyle as Ji, toFontSpec as j, toPanelCursor as Zi, toPercent as R, toViewBoxX as Bn, toViewBoxY as In, truncateToWidth as Mn } from "@graphysdk/viz-engine";
+import { ANNOTATION_TOOLTIP_MARKER_GAP as Ca, AXIS_KEYS as tn, CachedTextMeasurer as Sr, DATA_LABEL_POSITIONS as Pa, DATA_LABEL_ROLES as Ba, DEFAULT_GEOM_COLOR as rn, DEFAULT_HOVER_AFFORDANCE_COLOR as At, DEFAULT_POINT_SIZE as nn, GROUP_VARIABLES as pe, HeuristicTextMeasurer as Ia, HoverEngine as Ma, InternalError as La, LayoutCompiler as Ta, NAMED_WEIGHTS as Ge, POLAR_RIM_LABEL_GAP_PX as Na, RESTING_HOVER_STATE as ut, TAU as wr, alignUnitFractions as on, areAnchorsEqual as Ha, areEditMenuTriggersEqual as Fa, areEndpointsComparable as Rr, arePointerRegionListsEqual as Da, buildAverageLineSymbols as Oa, buildCalloutHitRegions as Wa, buildColumnKey as Xt, buildDataLabelsContent as Ga, buildFontString as Ua, buildLayerIntroPlan as Va, buildLayerYValueFormatter as za, buildPinnedNumberValueFormatter as Qa, buildPolarBarArcPath as Se, buildSliceGroupKey as qt, buildTooltipContent as Ka, compositeColor as Ya, computeArrow as ja, computeDifferenceArrow as Xa, computeDirectLabelsLayout as qa, computeLineBoxHeight as we, computePanelBorderPaths as Ja, computePanelBorderSizes as Za, countLayerGeoms as $a, createAreaPathGenerators as an, createHeadlineItemRows as sn, createLineFillAreaGenerator as _a, createLinePathGenerator as ln, createSegmentYReader as ei, createStableCellKeyGenerator as ti, createStableKeyGenerator as ce, createStyleResolver as dn, ensureReadableTextColor as ri, findAnnotation as ni, findLayerById as oi, findPointerRegion as kr, formatHeadline as ai, formatLegends as ii, formatRuleValue as si, getAestheticFromScaleAestheticKey as Le, getAlpha as cn, getAngleExtent as Jt, getBarRectBounds as Xe, getBoundingRect as un, getChromeDashArray as yt, getColor as hn, getDashArray as Te, getDifferenceArrowLabelBox as li, getGroup as xt, getHoverGuideLineProps as di, getHoverGuideRectProps as ci, getInsetTileRect as gn, getPolarHoverGuideArcProps as ui, getRadiusExtent as bt, getRuleDashPattern as hi, getShapeAnnotationStroke as gi, getSize as vi, getStackRole as fi, getUnionExtent as pi, getX as _, getXMax as mi, getY as se, getYMax as vn, isAnnotationMovable as Ai, isDefined as fn, isFullTurnSweep as pn, isSafeUrl as Zt, orderPointerRegions as yi, paintsInDonutHole as xi, pickReadableTextColor as mn, placeCallouts as bi, polarToUnit as Si, positionToAngle as wi, prepareAreaObservations as An, prepareLineObservations as yn, projectAnchorToPanel as Ye, projectRegionToPanel as $t, readAnchoredObservation as xn, readColorGroupObservation as Ri, resolveArrowAnnotationStyle as ki, resolveArrowColor as Ei, resolveAxisLabelStyle as Ci, resolveBarBorderRadiusPx as bn, resolveBarBorderTreatment as qe, resolveBarCornerRadiiPx as Pi, resolveCalloutAnnotationStyle as Bi, resolveCaptionStyle as Ii, resolveChromeMargins as Mi, resolveDataLabelStyle as Li, resolveDeferredAnchors as Ti, resolveDifferenceArrowAnnotationStyle as Ni, resolveDirectLabelStyle as Hi, resolveGraphChromeStyle as Sn, resolveGraphPadding as Fi, resolveGridLineStyle as Wt, resolveHeadingFontFamily as Di, resolveHeadingStyle as Oi, resolveHeadlineFigure as wn, resolveHeadlineItemStyle as dt, resolveHeadlinePlacement as Wi, resolveHeadlineStyle as Rn, resolveHoverGuideStyle as Gi, resolveImageAnnotationStyle as Ui, resolveLegendItemStyle as Vi, resolveLegendStyle as zi, resolvePanelBorderStyle as kn, resolvePolarBarCornerRadiusUnit as En, resolveRuleLabelStyle as Qi, resolveShapeAnnotationStyle as Cn, resolveSourceStyle as Ki, resolveSubtitleStyle as Yi, resolveSwatchGeomPaint as Pn, resolveTextAnnotationStyle as ji, resolveTickLabelStyle as Xi, resolveTickLineStyle as qi, resolveTooltipStyle as Ji, toFontSpec as j, toPanelCursor as Zi, toPercent as R, toViewBoxX as Bn, toViewBoxY as In, truncateToWidth as Mn } from "@graphysdk/viz-engine";
 import { Fragment as _t, createContext as z, memo as te, useCallback as ge, useContext as D, useEffect as F, useId as Q, useMemo as y, useRef as M, useState as V, useSyncExternalStore as $i } from "react";
 import { Fragment as B, jsx as s, jsxs as S } from "react/jsx-runtime";
 import { useStore as Je } from "zustand";
-import { animate as he, motion as G, useMotionValue as ae, useReducedMotion as _i, useTransform as ot } from "motion/react";
+import { animate as he, motion as G, useMotionValue as ae, useReducedMotion as _i, useTransform as at } from "motion/react";
 import { interpolatePath as es } from "d3-interpolate-path";
 import { useShallow as X } from "zustand/react/shallow";
 import { assignInlineVars as er } from "@vanilla-extract/dynamic";
 import { createStore as Ln } from "zustand/vanilla";
 import { createPortal as Tn } from "react-dom";
-import je, { clsx as ut } from "clsx";
+import je, { clsx as ht } from "clsx";
 import ts from "lodash-es/merge";
 import { IntlProvider as rs } from "react-intl";
 import { flip as Gt, offset as Ut, shift as Vt, useFloating as Nn } from "@floating-ui/react-dom";
@@ -23,7 +23,7 @@ import './history-chords.css';var Er = Object.defineProperty, os = (e, t) => {
     });
   return t || Er(r, Symbol.toStringTag, { value: "Module" }), r;
 };
-typeof window < "u" && (window.__GRAPHY_SDK__ ??= {}, window.__GRAPHY_SDK__.reactRenderer = "1.9.0-beta.1789480282040");
+typeof window < "u" && (window.__GRAPHY_SDK__ ??= {}, window.__GRAPHY_SDK__.reactRenderer = "1.9.0-beta.1789557600771");
 function as(e) {
   for (const t of e) (t.severity === "error" ? console.error : console.warn)(`[graphy] ${t.code}: ${t.message}`, t);
 }
@@ -34,18 +34,21 @@ var Hn = z(null), K = () => {
 }, I = (e) => {
   const { store: t } = K();
   return Je(t, (r) => e(r.scene));
-}, bt = () => K().styleResolver, T = (e) => bt().geomReaders(e), Fn = (e) => {
-  const t = bt(), r = I((n) => n.layers).find((n) => n.id === e);
+}, Ze = () => K().styleResolver, T = (e) => Ze().geomReaders(e), Yf = () => {
+  const e = Ze(), t = I((r) => r.chrome);
+  return e.readers({ chrome: t });
+}, Fn = (e) => {
+  const t = Ze(), r = I((n) => n.layers).find((n) => n.id === e);
   return r === void 0 ? null : t.geomReaders(r);
 }, is = () => {
-  const e = bt(), t = I((r) => r.layers);
+  const e = Ze(), t = I((r) => r.layers);
   return y(() => (r) => {
     const n = xn(t, r);
     if (n !== null)
       return e.geomReaders(n.layer).get("color", n.observation);
   }, [t, e]);
 }, ss = (e) => {
-  const t = bt(), r = I((n) => n.layers);
+  const t = Ze(), r = I((n) => n.layers);
   return y(() => (n) => {
     const o = xn(r, n);
     if (o === null) return {};
@@ -92,7 +95,7 @@ var Hn = z(null), K = () => {
 }, ds = 2, cs = 0.7, xe = ({ hit: e, project: t = tr }) => {
   const r = Fn(e.layerId);
   if (!e.anchored) return null;
-  const n = r?.get("color", e.observation) ?? rn, o = (cn(e.observation) ?? 1) * cs, a = (r?.get("size", e.observation) ?? nn) / 2, i = r?.get("borderColor", e.observation, "hovered") ?? mt, l = t(e.x, e.y);
+  const n = r?.get("color", e.observation) ?? rn, o = (cn(e.observation) ?? 1) * cs, a = (r?.get("size", e.observation) ?? nn) / 2, i = r?.get("borderColor", e.observation, "hovered") ?? At, l = t(e.x, e.y);
   return /* @__PURE__ */ s("circle", {
     cx: R(l.x),
     cy: R(l.y),
@@ -261,7 +264,7 @@ var Hn = z(null), K = () => {
 }), bs = "_324dw20", Gn = 1, Ss = 0.4, ws = 0.2, Rs = 1, ks = 0.5, Es = 2.25, Ne = ({ hit: e, project: t = tr, ...r }) => {
   const n = Fn(e.layerId);
   if (!e.anchored) return null;
-  const o = n?.get("color", e.observation) ?? rn, a = cn(e.observation) ?? 1, i = n?.get("borderColor", e.observation, "hovered") ?? mt, l = t(e.x, e.y), d = R(l.x), c = R(l.y), u = Cs(e.observation, n), { ringRadius: h, ringWidth: g } = Ps(u);
+  const o = n?.get("color", e.observation) ?? rn, a = cn(e.observation) ?? 1, i = n?.get("borderColor", e.observation, "hovered") ?? At, l = t(e.x, e.y), d = R(l.x), c = R(l.y), u = Cs(e.observation, n), { ringRadius: h, ringWidth: g } = Ps(u);
   return /* @__PURE__ */ S("g", {
     ...r,
     className: bs,
@@ -292,7 +295,7 @@ var Hn = z(null), K = () => {
     ringWidth: t
   };
 }, Bs = ({ layer: e, coordSystem: t, primary: r, companions: n }) => {
-  const o = T(e), a = yt(r.observation), i = y(() => An([...e.data.filter(pe.group, "eq", a)], e.params.missingValues), [
+  const o = T(e), a = xt(r.observation), i = y(() => An([...e.data.filter(pe.group, "eq", a)], e.params.missingValues), [
     e.data,
     e.params.missingValues,
     a
@@ -458,7 +461,7 @@ var Hn = z(null), K = () => {
       const [c] = d.bars;
       if (!c) return null;
       const { key: u, ...h } = c;
-      return /* @__PURE__ */ s(ht, {
+      return /* @__PURE__ */ s(gt, {
         ...h,
         ...d.radii,
         animation: l,
@@ -487,7 +490,7 @@ var Hn = z(null), K = () => {
     const { key: g, ...v } = h;
     return /* @__PURE__ */ S(B, { children: [u, /* @__PURE__ */ s("g", {
       clipPath: `url(#${r})`,
-      children: /* @__PURE__ */ s(ht, {
+      children: /* @__PURE__ */ s(gt, {
         ...v,
         ...o,
         stroke: a,
@@ -500,7 +503,7 @@ var Hn = z(null), K = () => {
     clipPath: `url(#${r})`,
     children: [n.map((h) => {
       const { key: g, ...v } = h;
-      return /* @__PURE__ */ s(ht, {
+      return /* @__PURE__ */ s(gt, {
         ...v,
         stroke: a,
         strokeWidth: d,
@@ -547,7 +550,7 @@ var Hn = z(null), K = () => {
     clipPath: `url(#${r})`,
     children: [n.map((v) => {
       const { key: f, ...A } = v;
-      return /* @__PURE__ */ s(ht, {
+      return /* @__PURE__ */ s(gt, {
         ...A,
         stroke: a,
         strokeWidth: d,
@@ -562,7 +565,7 @@ var Hn = z(null), K = () => {
       opacity: i
     })]
   })] });
-}, ht = ({ animation: e, introKey: t, rx: r, ry: n, stroke: o, strokeWidth: a, ...i }) => {
+}, gt = ({ animation: e, introKey: t, rx: r, ry: n, stroke: o, strokeWidth: a, ...i }) => {
   const { isAnimated: l, activeIntro: d, shouldAnimateTransitions: c } = e;
   if (l) {
     const u = d ? Un(i, d) : null;
@@ -638,10 +641,10 @@ var Hn = z(null), K = () => {
     e.height,
     d
   ]), {
-    x: ot(o, R),
-    y: ot(a, R),
-    width: ot(i, R),
-    height: ot(l, R)
+    x: at(o, R),
+    y: at(a, R),
+    width: at(i, R),
+    height: at(l, R)
   };
 };
 function Hs(e) {
@@ -673,7 +676,7 @@ var Fs = "_1suo8ub0", Vn = (e, t, r) => {
     style: He(r, n),
     bounds: o
   } : null;
-}, gt = (e, t) => ({
+}, vt = (e, t) => ({
   x: e.x * t.width,
   y: e.y * t.height,
   width: e.width * t.width,
@@ -700,7 +703,7 @@ var Fs = "_1suo8ub0", Vn = (e, t, r) => {
 }, Ds = ({ observation: e, mainAxis: t, styleReaders: r, column: n, panelRect: o }) => {
   const a = Q(), i = Q(), l = Xe(t, e);
   if (!l) return null;
-  const d = gt(l, o), c = gt(n.bounds, o), { borderColor: u, borderWidth: h, borderRadius: g, borderAlpha: v } = n.style, f = bn({
+  const d = vt(l, o), c = vt(n.bounds, o), { borderColor: u, borderWidth: h, borderRadius: g, borderAlpha: v } = n.style, f = bn({
     borderRadius: g,
     mainAxis: t,
     bounds: c
@@ -764,11 +767,11 @@ var Fs = "_1suo8ub0", Vn = (e, t, r) => {
     o
   ]), c = Xe(t.mainAxis, r.observation), u = zn(d, t.mainAxis, o, r.observation);
   if (!c || u === null) return null;
-  const h = gt(c, n), g = gt(u.bounds, n), { borderColor: v, borderWidth: f, borderRadius: A, borderAlpha: m } = u.style, b = bn({
+  const h = vt(c, n), g = vt(u.bounds, n), { borderColor: v, borderWidth: f, borderRadius: A, borderAlpha: m } = u.style, b = bn({
     borderRadius: A,
     mainAxis: t.mainAxis,
     bounds: g
-  }), x = Be(h, 0), w = Be(g, b), k = Be(Ir(h, Lt), 0), C = Be(Ir(g, Lt), b > 0 ? b + Lt : 0), E = o.get("color", r.observation), N = o.get("alpha", r.observation), H = o.get("borderColor", r.observation, "hovered") ?? mt, U = qe(f);
+  }), x = Be(h, 0), w = Be(g, b), k = Be(Ir(h, Lt), 0), C = Be(Ir(g, Lt), b > 0 ? b + Lt : 0), E = o.get("color", r.observation), N = o.get("alpha", r.observation), H = o.get("borderColor", r.observation, "hovered") ?? At, U = qe(f);
   return /* @__PURE__ */ S("g", {
     "data-testid": "hovered-bar",
     children: [
@@ -963,7 +966,7 @@ var Fs = "_1suo8ub0", Vn = (e, t, r) => {
     vectorEffect: "non-scaling-stroke"
   });
 }, Ks = ({ layer: e, primary: t, companions: r }) => {
-  const n = T(e), o = yt(t.observation), a = y(() => yn([...e.data.filter(pe.group, "eq", o)], e.params.missingValues), [
+  const n = T(e), o = xt(t.observation), a = y(() => yn([...e.data.filter(pe.group, "eq", o)], e.params.missingValues), [
     e.data,
     e.params.missingValues,
     o
@@ -1188,7 +1191,7 @@ var Fs = "_1suo8ub0", Vn = (e, t, r) => {
   fontEditorControlValue: P(p.fontWeightMedium, p.fontSizeSm, p.fontLineHeightSm),
   fontEditorSectionTitle: P(p.fontWeightSemibold, p.fontSizeSm, p.fontLineHeightSm),
   fontEditorCaption: P(p.fontWeightMedium, p.fontSizeXxs, p.fontLineHeightXxs)
-}, Js = $.sm, Zs = (e, t) => ({ familyDefault: Tt(t) ?? Tt(e.fontFamily) ?? Tt(wt) ?? "" }), Tt = (e) => e === void 0 || e.includes("var(") ? null : e.replace(/\s+/g, " ").trim(), Y = (e, t) => `color-mix(in srgb, transparent, ${e} ${t * 100}%)`, $s = (e, t) => `hsl(from ${e} h s calc(l * ${1 - t}))`, Yf = (e, t) => `hsl(from ${e} h s calc(l * ${1 + t}))`, jf = (e) => /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(e), Xf = (e) => e.length === 0 ? !1 : typeof CSS < "u" && typeof CSS.supports == "function" ? CSS.supports("color", e) : /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{4}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/.test(e), Nt = (e) => `${e}px`, Xn = {
+}, Js = $.sm, Zs = (e, t) => ({ familyDefault: Tt(t) ?? Tt(e.fontFamily) ?? Tt(wt) ?? "" }), Tt = (e) => e === void 0 || e.includes("var(") ? null : e.replace(/\s+/g, " ").trim(), Y = (e, t) => `color-mix(in srgb, transparent, ${e} ${t * 100}%)`, $s = (e, t) => `hsl(from ${e} h s calc(l * ${1 - t}))`, jf = (e, t) => `hsl(from ${e} h s calc(l * ${1 + t}))`, Xf = (e) => /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(e), qf = (e) => e.length === 0 ? !1 : typeof CSS < "u" && typeof CSS.supports == "function" ? CSS.supports("color", e) : /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{4}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/.test(e), Nt = (e) => `${e}px`, Xn = {
   tooltipRowGap: "4px",
   editorControlHeight: Nt(32),
   legendSwatchGap: Nt(8),
@@ -1519,7 +1522,7 @@ var eo = z(cl), ul = ({ metrics: e, children: t }) => /* @__PURE__ */ s(eo.Provi
   } catch {
     return new Sr(new Ia());
   }
-}, oo = z(null), qf = oo.Provider, xl = null, me = () => D(oo) ?? (xl ??= yd()), bl = 11.7, Sl = 0.5, Nr = 21.6, wl = "0 0 10 18", Rl = "M2.48935 16.9323L9.07098 9.82964C9.51595 9.34944 9.51504 8.60728 9.0689 8.12818L2.48866 1.06172C1.85811 0.384586 0.974477 0 0.049217 0H0V18H0.0443689C0.972463 18 1.85854 17.6131 2.48935 16.9323Z", kl = "_16vokpr0", El = (e, t) => e.mapping.y !== void 0 != (t.mainAxis === "y"), Cl = (e, t) => {
+}, oo = z(null), Jf = oo.Provider, xl = null, me = () => D(oo) ?? (xl ??= yd()), bl = 11.7, Sl = 0.5, Nr = 21.6, wl = "0 0 10 18", Rl = "M2.48935 16.9323L9.07098 9.82964C9.51595 9.34944 9.51504 8.60728 9.0689 8.12818L2.48866 1.06172C1.85811 0.384586 0.974477 0 0.049217 0H0V18H0.0443689C0.972463 18 1.85854 17.6131 2.48935 16.9323Z", kl = "_16vokpr0", El = (e, t) => e.mapping.y !== void 0 != (t.mainAxis === "y"), Cl = (e, t) => {
   const r = R(e ? 1 - t : t);
   return e ? {
     x1: "0%",
@@ -1539,10 +1542,10 @@ var eo = z(cl), ul = ({ metrics: e, children: t }) => /* @__PURE__ */ s(eo.Provi
     strokeLinecap: "round",
     ...e === "dashed" ? { strokeMiterlimit: 16 } : {}
   };
-}, Bl = (e, t) => at(e) && at(t) ? `${e}: ${t}` : at(e) ? e : at(t) ? t : null, Il = (e) => e ? 14 : 0, Ml = (e, t) => e * Sl - Il(t) - 10, Ll = (e, t, r) => {
+}, Bl = (e, t) => it(e) && it(t) ? `${e}: ${t}` : it(e) ? e : it(t) ? t : null, Il = (e) => e ? 14 : 0, Ml = (e, t) => e * Sl - Il(t) - 10, Ll = (e, t, r) => {
   const n = e * r, o = -13 - n, a = r + 13 - n - t;
   return a < o ? o : Math.min(Math.max(-t / 2, o), a);
-}, at = (e) => e != null && e.trim() !== "", ao = Object.freeze({}), ar = z(ao), Tl = ({ slots: e, children: t }) => /* @__PURE__ */ s(ar.Provider, {
+}, it = (e) => e != null && e.trim() !== "", ao = Object.freeze({}), ar = z(ao), Tl = ({ slots: e, children: t }) => /* @__PURE__ */ s(ar.Provider, {
   value: e ?? ao,
   children: t
 });
@@ -1563,7 +1566,7 @@ function Nl() {
 function Hl(e) {
   return "render" in e && "measure" in e;
 }
-var Fl = "_2qyyu60", Dl = 2, Ol = 12, Wl = 12, Hr = 1, Fr = 2, Gl = 4, Ze = (e) => /* @__PURE__ */ s(ie("Swatch", Ul), { ...e }), Ul = ({ shape: e, color: t, lineType: r = "solid", width: n = Ol, height: o = Wl, strokeWidth: a = Dl, alpha: i, cornerRadius: l }) => /* @__PURE__ */ s("svg", {
+var Fl = "_2qyyu60", Dl = 2, Ol = 12, Wl = 12, Hr = 1, Fr = 2, Gl = 4, $e = (e) => /* @__PURE__ */ s(ie("Swatch", Ul), { ...e }), Ul = ({ shape: e, color: t, lineType: r = "solid", width: n = Ol, height: o = Wl, strokeWidth: a = Dl, alpha: i, cornerRadius: l }) => /* @__PURE__ */ s("svg", {
   className: Fl,
   width: n,
   height: o,
@@ -1676,7 +1679,7 @@ var Fl = "_2qyyu60", Dl = 2, Ol = 12, Wl = 12, Hr = 1, Fr = 2, Gl = 4, Ze = (e)
   fontWeight: e.fontWeight,
   lineHeight: e.lineHeight,
   color: e.textColor
-}), Jf = (e, t) => er({
+}), Zf = (e, t) => er({
   [e.fontFamily]: t.fontFamily ?? p.fontFamily,
   [e.fontSize]: `${t.fontSize}px`,
   [e.fontWeight]: String(t.fontWeight),
@@ -1761,7 +1764,7 @@ var Fl = "_2qyyu60", Dl = 2, Ol = 12, Wl = 12, Hr = 1, Fr = 2, Gl = 4, Ze = (e)
 }, Yl = ({ label: e, textStyle: t, textWidth: r, labelPosition: n, isHorizontalLine: o, position: a, color: i, textColor: l, symbolShape: d, symbolColor: c, symbolAlpha: u, symbolCornerRadius: h, panelWidth: g, shouldAnimateTransitions: v }) => {
   const f = d === null ? 0 : 14, A = r + f + 10, m = Math.max(bl, we(t)) + 10, b = /* @__PURE__ */ S(B, { children: [d !== null && c !== null && /* @__PURE__ */ s("g", {
     transform: `translate(0, ${-10 / 2})`,
-    children: /* @__PURE__ */ s(Ze, {
+    children: /* @__PURE__ */ s($e, {
       shape: d,
       color: c,
       surface: "rule-label",
@@ -1949,7 +1952,7 @@ var Fl = "_2qyyu60", Dl = 2, Ol = 12, Wl = 12, Hr = 1, Fr = 2, Gl = 4, Ze = (e)
 }), $l = ({ layer: e, primary: t, panelRect: r }) => {
   const n = T(e), o = gn(t.observation);
   if (!o || !hn(t.observation)) return null;
-  const a = n.get("color", t.observation), i = n.get("alpha", t.observation), l = n.get("borderColor", t.observation, "hovered") ?? mt, d = n.get("borderWidth", t.observation, "hovered"), c = n.get("borderRadius", t.observation, "hovered"), u = o.x * r.width, h = o.y * r.height, g = o.width * r.width, v = o.height * r.height;
+  const a = n.get("color", t.observation), i = n.get("alpha", t.observation), l = n.get("borderColor", t.observation, "hovered") ?? At, d = n.get("borderWidth", t.observation, "hovered"), c = n.get("borderRadius", t.observation, "hovered"), u = o.x * r.width, h = o.y * r.height, g = o.width * r.width, v = o.height * r.height;
   return /* @__PURE__ */ S("g", {
     "data-testid": "hovered-tile",
     children: [/* @__PURE__ */ s("rect", {
@@ -1987,7 +1990,7 @@ var Fl = "_2qyyu60", Dl = 2, Ol = 12, Wl = 12, Hr = 1, Fr = 2, Gl = 4, Ze = (e)
     panelRect: r
   }),
   renderHoverCompanions: () => null
-}, vt = ({ primary: e, companions: t }) => {
+}, ft = ({ primary: e, companions: t }) => {
   const r = /* @__PURE__ */ S(B, { children: [t.map((n) => /* @__PURE__ */ s(xe, {
     hit: n,
     project: le
@@ -2051,7 +2054,7 @@ var Fl = "_2qyyu60", Dl = 2, Ol = 12, Wl = 12, Hr = 1, Fr = 2, Gl = 4, Ze = (e)
 }), io = (e) => {
   const t = [];
   for (const a of e) {
-    const i = _(a), { innerRadius: l, outerRadius: d } = xt(a);
+    const i = _(a), { innerRadius: l, outerRadius: d } = bt(a);
     i === null || l === null || d === null || t.push({
       angle: i,
       outer: ee(i, d),
@@ -2066,7 +2069,7 @@ var Fl = "_2qyyu60", Dl = 2, Ol = 12, Wl = 12, Hr = 1, Fr = 2, Gl = 4, Ze = (e)
     outlinePath: o
   };
 }, td = ({ layer: e, primary: t, companions: r }) => {
-  const n = T(e), o = yt(t.observation), a = y(() => io([...e.data.filter(pe.group, "eq", o)]), [e.data, o]);
+  const n = T(e), o = xt(t.observation), a = y(() => io([...e.data.filter(pe.group, "eq", o)]), [e.data, o]);
   if (!a) return null;
   const i = n.get("color", t.observation), l = n.get("alpha", t.observation), d = n.get("strokeAlpha", t.observation), c = n.get("strokeWidth", t.observation);
   return /* @__PURE__ */ S(B, { children: [
@@ -2115,7 +2118,7 @@ var Fl = "_2qyyu60", Dl = 2, Ol = 12, Wl = 12, Hr = 1, Fr = 2, Gl = 4, Ze = (e)
     primary: t,
     companions: [...r, ...n]
   }),
-  renderHoverCompanions: ({ related: e }) => /* @__PURE__ */ s(vt, { companions: e }),
+  renderHoverCompanions: ({ related: e }) => /* @__PURE__ */ s(ft, { companions: e }),
   getOverlayAnchor: ({ observation: e }) => {
     const t = _(e), r = vn(e) ?? se(e);
     if (t === null || r === null) return null;
@@ -2133,7 +2136,7 @@ var Fl = "_2qyyu60", Dl = 2, Ol = 12, Wl = 12, Hr = 1, Fr = 2, Gl = 4, Ze = (e)
   const a = Q(), i = St(o?.type === "grow" && (o.growAxis === "angle" || o.growAxis === "radius") ? o : null, n), l = r.bandAxis !== "x", d = T(t), c = y(() => {
     const u = ce(t.data, t.mapping, t.id), h = /* @__PURE__ */ new Map();
     for (const g of t.data) {
-      const v = u(g), { startAngle: f, endAngle: A } = Jt(g), { innerRadius: m, outerRadius: b } = xt(g);
+      const v = u(g), { startAngle: f, endAngle: A } = Jt(g), { innerRadius: m, outerRadius: b } = bt(g);
       if (f === null || A === null || m === null || b === null) continue;
       const x = {
         key: v,
@@ -2348,7 +2351,7 @@ var Fl = "_2qyyu60", Dl = 2, Ol = 12, Wl = 12, Hr = 1, Fr = 2, Gl = 4, Ze = (e)
     radialSpan: o === null ? 0 : o.outerRadius - o.innerRadius
   };
 }, uo = ({ observation: e, bandAxis: t, styleReaders: r, group: n }) => {
-  const o = Q(), a = Q(), { startAngle: i, endAngle: l } = Jt(e), { innerRadius: d, outerRadius: c } = xt(e);
+  const o = Q(), a = Q(), { startAngle: i, endAngle: l } = Jt(e), { innerRadius: d, outerRadius: c } = bt(e);
   if (i === null || l === null || d === null || c === null) return null;
   const u = {
     startAngle: i,
@@ -2441,7 +2444,7 @@ var Fl = "_2qyyu60", Dl = 2, Ol = 12, Wl = 12, Hr = 1, Fr = 2, Gl = 4, Ze = (e)
     outerRadius: i
   };
 }, ho = (e) => {
-  const { startAngle: t, endAngle: r } = Jt(e), { innerRadius: n, outerRadius: o } = xt(e);
+  const { startAngle: t, endAngle: r } = Jt(e), { innerRadius: n, outerRadius: o } = bt(e);
   return t === null || r === null || n === null || o === null ? null : {
     startAngle: t,
     endAngle: r,
@@ -2563,7 +2566,7 @@ var Fl = "_2qyyu60", Dl = 2, Ol = 12, Wl = 12, Hr = 1, Fr = 2, Gl = 4, Ze = (e)
   }
   return t.length === 0 ? null : (t.sort((r, n) => r.angle - n.angle), Kt(t.map((r) => r.point)));
 }, gd = ({ layer: e, primary: t, companions: r }) => {
-  const n = T(e), o = yt(t.observation), a = y(() => go([...e.data.filter(pe.group, "eq", o)]), [e.data, o]);
+  const n = T(e), o = xt(t.observation), a = y(() => go([...e.data.filter(pe.group, "eq", o)]), [e.data, o]);
   if (!a) return null;
   const i = n.get("color", t.observation), l = n.get("alpha", t.observation), d = n.get("strokeWidth", t.observation), c = Te(n.get("lineType", t.observation));
   return /* @__PURE__ */ S(B, { children: [
@@ -2607,7 +2610,7 @@ var Fl = "_2qyyu60", Dl = 2, Ol = 12, Wl = 12, Hr = 1, Fr = 2, Gl = 4, Ze = (e)
     primary: t,
     companions: [...r, ...n]
   }),
-  renderHoverCompanions: ({ related: e }) => /* @__PURE__ */ s(vt, { companions: e }),
+  renderHoverCompanions: ({ related: e }) => /* @__PURE__ */ s(ft, { companions: e }),
   getOverlayAnchor: ({ observation: e }) => {
     const t = _(e), r = se(e);
     if (t === null || r === null) return null;
@@ -2646,11 +2649,11 @@ var Fl = "_2qyyu60", Dl = 2, Ol = 12, Wl = 12, Hr = 1, Fr = 2, Gl = 4, Ze = (e)
     shouldAnimateTransitions: t,
     intro: r
   }),
-  renderHover: ({ primary: e, group: t, related: r }) => /* @__PURE__ */ s(vt, {
+  renderHover: ({ primary: e, group: t, related: r }) => /* @__PURE__ */ s(ft, {
     primary: e,
     companions: [...t, ...r]
   }),
-  renderHoverCompanions: ({ related: e }) => /* @__PURE__ */ s(vt, { companions: e }),
+  renderHoverCompanions: ({ related: e }) => /* @__PURE__ */ s(ft, { companions: e }),
   getOverlayAnchor: ({ observation: e }) => {
     const t = _(e), r = se(e);
     if (t === null || r === null) return null;
@@ -2692,7 +2695,7 @@ function kt(e) {
 function Ad(e) {
   return e ? kt(e.render).overlay : !1;
 }
-function Zf(e, t) {
+function $f(e, t) {
   return typeof e == "string" ? {
     ...t,
     geom: e
@@ -2714,7 +2717,7 @@ var Yt = (e) => {
 }, xd = () => {
   const e = /* @__PURE__ */ new Map();
   return Ln((t) => ({
-    hover: ct,
+    hover: ut,
     tooltipAnchor: null,
     pointerRegions: [],
     isPointerSuspended: !1,
@@ -2877,9 +2880,9 @@ function Ld() {
 function Td(e) {
   const { engine: t, store: r } = ke();
   return ge((n, o) => {
-    const { hover: a, setHoverState: i, setTooltipAnchor: l } = r.getState(), d = n === null ? ct : t.resolveHoverByKey(e, n);
+    const { hover: a, setHoverState: i, setTooltipAnchor: l } = r.getState(), d = n === null ? ut : t.resolveHoverByKey(e, n);
     if (d.primary === null) {
-      a.primary?.layerId === e && (i(ct), l(null));
+      a.primary?.layerId === e && (i(ut), l(null));
       return;
     }
     i(d), l(o ? {
@@ -2922,7 +2925,7 @@ var Nd = ({ render: e, input: t }) => {
   readonly: "readonly",
   editable: "editable",
   pointAndEdit: "point-and-edit"
-}, $e = {
+}, _e = {
   [ve.readonly]: {
     tooltips: !0,
     annotations: !0,
@@ -2966,7 +2969,7 @@ var Nd = ({ render: e, input: t }) => {
     editorSurface: !0,
     inlineTextEditing: !1
   }
-}, Fd = new Set(Object.values(ve)), Dd = (e) => Fd.has(e), ir = (e) => Dd(e) ? e : ve.readonly, ft = {
+}, Fd = new Set(Object.values(ve)), Dd = (e) => Fd.has(e), ir = (e) => Dd(e) ? e : ve.readonly, pt = {
   enabled: !0,
   durationScale: 1,
   stagger: !0,
@@ -2974,13 +2977,13 @@ var Nd = ({ render: e, input: t }) => {
   maxAnimatedGeoms: 1500
 }, Od = (e, t) => t ? {
   intro: {
-    ...ft,
+    ...pt,
     enabled: !1
   },
   transitions: !1
 } : typeof e == "boolean" ? {
   intro: {
-    ...ft,
+    ...pt,
     enabled: e
   },
   transitions: e
@@ -2988,9 +2991,9 @@ var Nd = ({ render: e, input: t }) => {
   intro: Wd(e?.intro),
   transitions: e?.transitions ?? !0
 }, Wd = (e) => typeof e == "boolean" ? {
-  ...ft,
+  ...pt,
   enabled: e
-} : ts({}, ft, e), Gd = {
+} : ts({}, pt, e), Gd = {
   loading: "جاري التحميل",
   error: "حدث خطأ ما",
   axisLabels: { placeholder: "إضافة تسمية" },
@@ -3406,7 +3409,7 @@ var bc = "_19519k82", Sc = "_19519k83", wc = "_19519k85", Rc = "_19519k86", kc =
   width: 0,
   height: 0,
   toJSON: () => ({})
-}, it = {
+}, st = {
   boundary: [],
   padding: Bc
 }, Mc = () => {
@@ -3527,12 +3530,12 @@ var bc = "_19519k82", Sc = "_19519k83", wc = "_19519k85", Rc = "_19519k86", kc =
   placement: t !== null ? t.placement : "right",
   middleware: t !== null ? [
     Ut(Ca),
-    Vt(it),
-    Gt(it)
+    Vt(st),
+    Gt(st)
   ] : [
     Ut(Pc),
-    Gt(it),
-    Vt(it)
+    Gt(st),
+    Vt(st)
   ],
   elements: { reference: r }
 }), Dc = ({ row: e, swatchShape: t, shouldHighlight: r, labelStyle: n, valueStyle: o, paddingInline: a, highlightBackground: i }) => /* @__PURE__ */ S("div", {
@@ -3546,7 +3549,7 @@ var bc = "_19519k82", Sc = "_19519k83", wc = "_19519k85", Rc = "_19519k86", kc =
     e.swatchColor === null ? /* @__PURE__ */ s("span", {
       className: wc,
       "aria-hidden": !0
-    }) : /* @__PURE__ */ s(Ze, {
+    }) : /* @__PURE__ */ s($e, {
       shape: t,
       color: e.swatchColor,
       surface: "tooltip",
@@ -3568,11 +3571,11 @@ var bc = "_19519k82", Sc = "_19519k83", wc = "_19519k85", Rc = "_19519k86", kc =
       children: e.value
     })
   ]
-}), dt = {
+}), ct = {
   plansByLayerId: null,
   coordKey: null,
   introEndsAtMs: 0
-}, ur = z(dt), Oc = ({ intro: e, children: t }) => {
+}, ur = z(ct), Oc = ({ intro: e, children: t }) => {
   const { layers: r, coordSystem: n, scales: o } = I(X((i) => ({
     layers: i.layers,
     coordSystem: i.coordSystem,
@@ -3594,7 +3597,7 @@ var bc = "_19519k82", Sc = "_19519k83", wc = "_19519k85", Rc = "_19519k86", kc =
   const { plansByLayerId: t, coordKey: r } = D(ur), n = I((o) => wo(o.coordSystem));
   return t === null || r !== n ? null : t.get(e) ?? null;
 }, Uc = ({ layers: e, coordSystem: t, scales: r, intro: n }) => {
-  if (!n.enabled || e.reduce((l, d) => l + $a(d), 0) > n.maxAnimatedGeoms) return dt;
+  if (!n.enabled || e.reduce((l, d) => l + $a(d), 0) > n.maxAnimatedGeoms) return ct;
   const o = {
     durationScale: n.durationScale,
     stagger: n.stagger,
@@ -3609,7 +3612,7 @@ var bc = "_19519k82", Sc = "_19519k83", wc = "_19519k85", Rc = "_19519k86", kc =
     });
     d !== null && a.set(l.id, d);
   }
-  if (a.size === 0) return dt;
+  if (a.size === 0) return ct;
   const i = [...a.values()].reduce((l, d) => Math.max(l, ps(d)), 0);
   return {
     plansByLayerId: a,
@@ -3719,7 +3722,7 @@ var bc = "_19519k82", Sc = "_19519k83", wc = "_19519k85", Rc = "_19519k86", kc =
     default:
       return t;
   }
-}, $c = (e) => e.fontSize * (e.lineHeight ?? Js), Io = (e) => e.reduce((t, r) => t + r, 0), _c = (e, t) => e ? t : 0, pt = (e, t, r) => {
+}, $c = (e) => e.fontSize * (e.lineHeight ?? Js), Io = (e) => e.reduce((t, r) => t + r, 0), _c = (e, t) => e ? t : 0, mt = (e, t, r) => {
   if (r) {
     const n = Number(e.size);
     return Number.isFinite(n) && n > 0 ? n : 0;
@@ -3735,11 +3738,11 @@ var bc = "_19519k82", Sc = "_19519k83", wc = "_19519k85", Rc = "_19519k86", kc =
   }
   const { item: l, swatch: d } = r, c = we(l), u = j(l, t), h = 2 * (l.paddingBlock + l.borderWidth), g = 2 * (l.paddingInline + l.borderWidth), v = a.aesthetics.includes("size");
   if (i) {
-    const A = v ? Math.max(0, ...a.items.map((m) => pt(m.visual, d.size, !0))) : d.size;
+    const A = v ? Math.max(0, ...a.items.map((m) => mt(m.visual, d.size, !0))) : d.size;
     return Math.max(c, A) + h;
   }
   const f = a.items.map((A) => {
-    const m = e.measureText(A.formattedLabel, u).width, b = pt(A.visual, d.size, v);
+    const m = e.measureText(A.formattedLabel, u).width, b = mt(A.visual, d.size, v);
     return b + (b > 0 ? o : 0) + m;
   });
   return Math.max(...f) + g;
@@ -3753,9 +3756,9 @@ var bc = "_19519k82", Sc = "_19519k83", wc = "_19519k85", Rc = "_19519k86", kc =
       headlineRowGap: t.headlineRowGap,
       itemGap: Rn(c).gap,
       headlineItemStyles: {
-        small: lt(c, "small"),
-        medium: lt(c, "medium"),
-        large: lt(c, "large")
+        small: dt(c, "small"),
+        medium: dt(c, "medium"),
+        large: dt(c, "large")
       }
     }, f = zc({
       textMeasurer: e,
@@ -3905,10 +3908,10 @@ var bc = "_19519k82", Sc = "_19519k83", wc = "_19519k85", Rc = "_19519k86", kc =
   if (!e.has(t)) return e;
   const r = new Map(e);
   return r.delete(t), r;
-}, No = "data-edit-kind", fu = "data-edit-id", pu = "observations", mu = /* @__PURE__ */ new Set(["annotation"]), Au = (e) => mu.has(e.kind), yu = (e, t) => e === t ? !0 : e === null || t === null || e.kind !== t.kind ? !1 : e.id === t.id, _e = (e) => ({
+}, No = "data-edit-kind", fu = "data-edit-id", pu = "observations", mu = /* @__PURE__ */ new Set(["annotation"]), Au = (e) => mu.has(e.kind), yu = (e, t) => e === t ? !0 : e === null || t === null || e.kind !== t.kind ? !1 : e.id === t.id, et = (e) => ({
   [No]: e.kind,
   [fu]: e.id
-}), xu = () => ({ [No]: pu }), $f = (e, t) => e !== null && e.annotationId === t ? e : null, bu = (e, t) => e.annotationId === t.annotationId && e.translation.x === t.translation.x && e.translation.y === t.translation.y, _f = (e, t, r) => e !== null && e.annotationId === t && e.endpoint === r ? e : null, Su = (e, t) => e.annotationId === t.annotationId && e.endpoint === t.endpoint && e.anchor.x === t.anchor.x && e.anchor.y === t.anchor.y, ep = (e, t, r) => e !== null && e.annotationId === t && e.endpoint === r ? e : null, wu = (e, t) => e.annotationId === t.annotationId && e.endpoint === t.endpoint && Ha(e.point.anchor, t.point.anchor), tp = (e, t) => e !== null && e.annotationId === t ? e : null, Ru = (e, t) => e.annotationId === t.annotationId && e.region.x === t.region.x && e.region.y === t.region.y && e.region.width === t.region.width && e.region.height === t.region.height, rp = (e, t) => e !== null && e.annotationId === t ? e : null, ku = (e, t) => e.annotationId === t.annotationId && e.at.x === t.at.x && e.width === t.width && e.shift === t.shift, Ke = ({ standingInteraction: e }, t) => e !== null && be(e, t) ? e : null, Eu = (e, t) => {
+}), xu = () => ({ [No]: pu }), _f = (e, t) => e !== null && e.annotationId === t ? e : null, bu = (e, t) => e.annotationId === t.annotationId && e.translation.x === t.translation.x && e.translation.y === t.translation.y, ep = (e, t, r) => e !== null && e.annotationId === t && e.endpoint === r ? e : null, Su = (e, t) => e.annotationId === t.annotationId && e.endpoint === t.endpoint && e.anchor.x === t.anchor.x && e.anchor.y === t.anchor.y, tp = (e, t, r) => e !== null && e.annotationId === t && e.endpoint === r ? e : null, wu = (e, t) => e.annotationId === t.annotationId && e.endpoint === t.endpoint && Ha(e.point.anchor, t.point.anchor), rp = (e, t) => e !== null && e.annotationId === t ? e : null, Ru = (e, t) => e.annotationId === t.annotationId && e.region.x === t.region.x && e.region.y === t.region.y && e.region.width === t.region.width && e.region.height === t.region.height, np = (e, t) => e !== null && e.annotationId === t ? e : null, ku = (e, t) => e.annotationId === t.annotationId && e.at.x === t.at.x && e.width === t.width && e.shift === t.shift, Ke = ({ standingInteraction: e }, t) => e !== null && be(e, t) ? e : null, Eu = (e, t) => {
   if (e === null) return !1;
   switch (t.kind) {
     case "difference-arrow-endpoint-drag":
@@ -3947,13 +3950,13 @@ var bc = "_19519k82", Sc = "_19519k83", wc = "_19519k85", Rc = "_19519k86", kc =
     ...r.caret,
     editor: t
   } })
-})), gr = z(null), Cu = Ho(), np = ({ children: e }) => {
+})), gr = z(null), Cu = Ho(), op = ({ children: e }) => {
   const [t] = V(() => Ho());
   return /* @__PURE__ */ s(gr.Provider, {
     value: t,
     children: e
   });
-}, op = () => {
+}, ap = () => {
   const e = D(gr);
   if (e === null) throw new Error("useEditorStore must be used inside an <EditorProvider>.");
   return e;
@@ -4116,12 +4119,12 @@ var Ou = "vultop2", Wu = "vultop3", Gu = "vultop4", Uu = "vultop5", Vu = "vultop
   Title: null,
   Caption: null,
   TextAnnotation: null
-}), ap = ({ editors: e, children: t }) => /* @__PURE__ */ s(Oo.Provider, {
+}), ip = ({ editors: e, children: t }) => /* @__PURE__ */ s(Oo.Provider, {
   value: e,
   children: t
 }), vr = () => D(Oo), Yr = "_4dlrid0", Xu = "xfz7dq0";
 var qu = "xfz7dq2", Ju = "xfz7dq3", Zu = "xfz7dq4", $u = "xfz7dq5", _u = ({ ref: e, footerRect: t, mode: r = ve.readonly, caption: n, isCaptionVisible: o, source: a, isSourceVisible: i, captionStyle: l, sourceStyle: d, brandMark: c }) => {
-  const { Caption: u } = vr(), h = $e[ir(r)].inlineTextEditing ? u : null, g = o && (h !== null || n !== null), v = i && a !== null && nh(a), f = c !== "hidden";
+  const { Caption: u } = vr(), h = _e[ir(r)].inlineTextEditing ? u : null, g = o && (h !== null || n !== null), v = i && a !== null && nh(a), f = c !== "hidden";
   return !g && !v && !f ? null : /* @__PURE__ */ S("div", {
     ref: e,
     className: Xu,
@@ -4183,7 +4186,7 @@ var qu = "xfz7dq2", Ju = "xfz7dq3", Zu = "xfz7dq4", $u = "xfz7dq5", _u = ({ ref:
   }
 }, nh = (e) => e.label !== void 0 && e.label !== "" || e.url !== void 0 && e.url !== "" && Zt(e.url), oh = "_1k4qtbg0";
 var ah = 22, ih = ({ ref: e, headerRect: t, mode: r = ve.readonly, title: n, isTitleVisible: o, subtitle: a, isSubtitleVisible: i, headingStyle: l, subtitleStyle: d, brandMark: c }) => {
-  const { Title: u } = vr(), h = $e[ir(r)].inlineTextEditing ? u : null, g = h !== null, v = o && (g || n !== null), f = i && (g || a !== null), A = c !== "hidden";
+  const { Title: u } = vr(), h = _e[ir(r)].inlineTextEditing ? u : null, g = h !== null, v = o && (g || n !== null), f = i && (g || a !== null), A = c !== "hidden";
   return !v && !f && !A ? null : /* @__PURE__ */ S("div", {
     ref: e,
     className: je(oh, A && "_1k4qtbg1"),
@@ -4233,7 +4236,7 @@ var ah = 22, ih = ({ ref: e, headerRect: t, mode: r = ve.readonly, title: n, isT
   }))] });
 }, lh = (e) => {
   const t = L();
-  return y(() => lt(t, e), [t, e]);
+  return y(() => dt(t, e), [t, e]);
 }, Wo = () => {
   const e = L();
   return y(() => Rn(e), [e]);
@@ -4295,7 +4298,7 @@ var wh = ({ segment: e, itemStyle: t }) => {
   if (e.kind === "trendArrow") {
     const o = Vo(t, e.direction);
     return /* @__PURE__ */ s("div", {
-      className: ut(Sh, e.direction === "down" && "n7clvo4"),
+      className: ht(Sh, e.direction === "down" && "n7clvo4"),
       style: {
         color: o,
         backgroundColor: e.direction === "flat" ? Y(p.textPrimary, 0.1) : Y(o, 0.2)
@@ -4317,7 +4320,7 @@ var wh = ({ segment: e, itemStyle: t }) => {
   });
 }, Rh = ({ swatch: e, size: t }) => {
   const r = me(), n = Rt(e.layerId, e.value, t);
-  return /* @__PURE__ */ s(Ze, {
+  return /* @__PURE__ */ s($e, {
     shape: r(e.geom, "cartesian")?.swatchShape ?? "square",
     color: e.color,
     surface: "headline",
@@ -4422,7 +4425,7 @@ var wh = ({ segment: e, itemStyle: t }) => {
 var Lh = "_1oj6yix2", Th = 8, Nh = 16, Hh = 2, Fh = ({ legends: e, containerRect: t }) => {
   const r = Eo(), n = we(r), { placements: o, hasOverlap: a } = Dh(e, t, n), i = Wh(r);
   if (o.length === 0) return null;
-  const l = a ? Nh : Th, d = l - Hh, c = At(r.lineType);
+  const l = a ? Nh : Th, d = l - Hh, c = yt(r.lineType);
   return /* @__PURE__ */ S("div", {
     className: Mh,
     children: [a && /* @__PURE__ */ s("svg", {
@@ -4548,7 +4551,7 @@ var qh = "_1dw9dgx0", Ft = "\0", Jh = (e, t) => {
   }), r;
 }, qo = ({ pill: e }) => e.isBubble ? /* @__PURE__ */ s(_h, { pill: e }) : /* @__PURE__ */ s($h, { pill: e }), Zh = ({ color: e, lineType: t, shape: r, label: n, layerId: o, groupValue: a }) => {
   const { swatch: i } = Ct(), l = Rt(o, a, i.size);
-  return e ? /* @__PURE__ */ s(Ze, {
+  return e ? /* @__PURE__ */ s($e, {
     shape: r,
     color: e,
     surface: "legend",
@@ -4609,9 +4612,9 @@ var qh = "_1dw9dgx0", Ft = "\0", Jh = (e, t) => {
   const g = t === "left" || t === "right", v = d === null ? [] : Array.from({ length: d }, (f, A) => d - A);
   return /* @__PURE__ */ S(B, { children: [/* @__PURE__ */ S("div", {
     ref: u.setReference,
-    className: ut(Vh, d !== null && g && Qh[d], d !== null && !g && zh[d]),
+    className: ht(Vh, d !== null && g && Qh[d], d !== null && !g && zh[d]),
     children: [d !== null && v.map((f) => /* @__PURE__ */ s("span", {
-      className: ut("_1kjk02r5", g ? Yh[d] : Kh[d]),
+      className: ht("_1kjk02r5", g ? Yh[d] : Kh[d]),
       style: {
         ...c,
         ...rg(f, g)
@@ -4708,7 +4711,7 @@ var qh = "_1dw9dgx0", Ft = "\0", Jh = (e, t) => {
   if (u.length === 0) return null;
   const A = u.slice(0, f.visibleCount), m = u.slice(f.visibleCount), b = f.hasOverflow && m.length > 0, x = Ko(l.item);
   return /* @__PURE__ */ S("div", {
-    className: ut(ig[v], ng, {
+    className: ht(ig[v], ng, {
       [ag]: h,
       [og]: !h,
       [sg[e === "left" ? "left" : "right"]]: h
@@ -4729,7 +4732,7 @@ var qh = "_1dw9dgx0", Ft = "\0", Jh = (e, t) => {
 }, cg = (e, t, r, n) => {
   const o = hg(e, r);
   return Math.max(t, o) + n;
-}, ug = (e, t) => pt(e.visual, t, e.isBubble), hg = (e, t) => e.isBubble ? pt(e.visual, t, !0) : t, gg = ({ pillSizes: e, overflowPillSize: t, containerSize: r, gap: n }) => {
+}, ug = (e, t) => mt(e.visual, t, e.isBubble), hg = (e, t) => e.isBubble ? mt(e.visual, t, !0) : t, gg = ({ pillSizes: e, overflowPillSize: t, containerSize: r, gap: n }) => {
   if (e.length === 0) return {
     visibleCount: 0,
     hasOverflow: !1
@@ -4908,7 +4911,7 @@ var qh = "_1dw9dgx0", Ft = "\0", Jh = (e, t) => {
 function _o() {
   return D($o);
 }
-var ip = (e, t, r) => {
+var sp = (e, t, r) => {
   for (const n of Object.values(ta)) {
     const o = n(e, t, r);
     if (o !== null) return o;
@@ -4934,7 +4937,7 @@ var ip = (e, t, r) => {
       height: n.height
     }
   };
-}, st = (e, t) => (r, n, o) => {
+}, lt = (e, t) => (r, n, o) => {
   const a = e(r).find((i) => i.id === n);
   return a === void 0 ? null : t(a, o);
 }, ea = (e, t, r = 0) => {
@@ -4949,15 +4952,15 @@ var ip = (e, t, r) => {
     }
   };
 }, ta = {
-  text: st((e) => e.textAnnotations, kg),
-  shape: st((e) => e.shapes, (e, t) => wg(e.region, Cn(t.chromeReaders, e.id).borderWidth, t.panel)),
-  image: st((e) => e.images, (e, t) => ea(e.region, t.panel)),
-  arrow: st((e) => e.arrows, (e, t) => Rg(e, t.panel))
+  text: lt((e) => e.textAnnotations, kg),
+  shape: lt((e) => e.shapes, (e, t) => wg(e.region, Cn(t.chromeReaders, e.id).borderWidth, t.panel)),
+  image: lt((e) => e.images, (e, t) => ea(e.region, t.panel)),
+  arrow: lt((e) => e.arrows, (e, t) => Rg(e, t.panel))
 }, Eg = (e, t) => {
   const r = ni(e, t);
   return r !== null && Sg(r.kind) && Ai(r);
 }, Cg = 200, Pg = ({ engine: e, store: t, overlayRef: r }) => {
-  const n = $e[_o()].tolerance;
+  const n = _e[_o()].tolerance;
   F(() => {
     const o = r.current;
     if (!o) return;
@@ -5018,7 +5021,7 @@ var ip = (e, t, r) => {
     b.setHoverState(t.query(w, n)), b.setTooltipAnchor(null);
   }, c = () => {
     const f = r.getState();
-    f.hover.primary === null && f.tooltipAnchor === null || (f.setHoverState(ct), f.setTooltipAnchor(null));
+    f.hover.primary === null && f.tooltipAnchor === null || (f.setHoverState(ut), f.setTooltipAnchor(null));
   }, u = (f) => {
     const A = r.getState();
     if (A.pointerRegions.length === 0) return !1;
@@ -5041,7 +5044,7 @@ var ip = (e, t, r) => {
     e.removeEventListener("pointermove", g), e.removeEventListener("pointerleave", v), document.removeEventListener("pointermove", h), a !== null && cancelAnimationFrame(a), o = null;
   };
 }, Lg = ({ panelRect: e }) => {
-  const { engine: t, store: r, overlayRef: n } = ke(), o = $e[_o()].observationsPress, a = ye((u) => {
+  const { engine: t, store: r, overlayRef: n } = ke(), o = _e[_o()].observationsPress, a = ye((u) => {
     const h = u.editTargetUnderPointer;
     return h?.kind === "annotation" ? h.id : null;
   }), i = ye((u) => {
@@ -5077,7 +5080,7 @@ var ip = (e, t, r) => {
 }, Hg = () => {
   const e = L();
   return y(() => (t) => ki(e, t), [e]);
-}, Bt = () => ye((e) => Ke(e, "move-drag")?.annotationId ?? Ke(e, "shape-resize-drag")?.annotationId ?? Ke(e, "arrow-endpoint-drag")?.annotationId ?? null), et = (e) => {
+}, Bt = () => ye((e) => Ke(e, "move-drag")?.annotationId ?? Ke(e, "shape-resize-drag")?.annotationId ?? Ke(e, "arrow-endpoint-drag")?.annotationId ?? null), tt = (e) => {
   const t = I((i) => i.annotations), r = du(), n = hu(), o = ge((i) => Xr(n, "cycle", i, `Annotation reference cycle detected; dropping annotation(s): ${i.join(", ")}`), [n]), a = ge((i) => Xr(n, "missing-ref", i, `Annotation reference target(s) no longer exist (dropped during compilation); dropping annotations referencing: ${i.join(", ")}`), [n]);
   return y(() => Ti({
     annotations: t,
@@ -5188,7 +5191,7 @@ var ip = (e, t, r) => {
     return r;
   }
 }, zg = ({ panelRect: e, isEditable: t }) => {
-  const { arrows: r } = et(e), n = Bt(), o = Hg(), a = y(() => r.filter((i) => i.id !== n).flatMap((i) => {
+  const { arrows: r } = tt(e), n = Bt(), o = Hg(), a = y(() => r.filter((i) => i.id !== n).flatMap((i) => {
     const l = o(i.id), d = ja({
       arrow: i,
       style: l,
@@ -5210,7 +5213,7 @@ var ip = (e, t, r) => {
     transform: `translate(${e.x}, ${e.y})`,
     "data-testid": "arrows",
     children: a.map(({ computed: i, style: l }) => /* @__PURE__ */ s("g", {
-      ..._e({
+      ...et({
         kind: "annotation",
         id: i.id
       }),
@@ -5289,7 +5292,7 @@ var ip = (e, t, r) => {
       return /* @__PURE__ */ S("g", {
         className: n === d ? jg : void 0,
         "data-warning": b || void 0,
-        ..._e({
+        ...et({
           kind: "annotation",
           id: d
         }),
@@ -5334,7 +5337,7 @@ var ip = (e, t, r) => {
     clipPath: d ? `url(#${n})` : void 0
   })] });
 }, qr = ({ panelRect: e, zOrder: t }) => {
-  const r = et(e).images, n = Zg(), o = Bt(), a = r.filter((i) => i.zOrder === t && i.id !== o);
+  const r = tt(e).images, n = Zg(), o = Bt(), a = r.filter((i) => i.zOrder === t && i.id !== o);
   return a.length === 0 ? null : /* @__PURE__ */ s("svg", {
     x: e.x,
     y: e.y,
@@ -5343,7 +5346,7 @@ var ip = (e, t, r) => {
     overflow: "visible",
     "data-testid": `image-annotations-${t}`,
     children: a.map((i) => /* @__PURE__ */ s("g", {
-      ..._e({
+      ...et({
         kind: "annotation",
         id: i.id
       }),
@@ -5370,7 +5373,7 @@ var ip = (e, t, r) => {
     strokeWidth: t.borderWidth
   });
 }, Jr = ({ panelRect: e, zOrder: t }) => {
-  const r = et(e).shapes, n = ev(), o = Bt(), a = r.filter((i) => i.zOrder === t && i.id !== o);
+  const r = tt(e).shapes, n = ev(), o = Bt(), a = r.filter((i) => i.zOrder === t && i.id !== o);
   return a.length === 0 ? null : /* @__PURE__ */ s("svg", {
     x: e.x,
     y: e.y,
@@ -5379,7 +5382,7 @@ var ip = (e, t, r) => {
     overflow: "visible",
     "data-testid": `shapes-${t}`,
     children: a.map((i) => /* @__PURE__ */ s("g", {
-      ..._e({
+      ...et({
         kind: "annotation",
         id: i.id
       }),
@@ -5393,7 +5396,7 @@ var ip = (e, t, r) => {
 }, rv = () => {
   const e = L();
   return y(() => (t) => ji(e, t), [e]);
-}, nv = "_1aj6s5s0", sp = "_1aj6s5s1", ov = 0.1, lp = ({ annotation: e, panel: t, style: r, blockRef: n }) => /* @__PURE__ */ s(na, {
+}, nv = "_1aj6s5s0", lp = "_1aj6s5s1", ov = 0.1, dp = ({ annotation: e, panel: t, style: r, blockRef: n }) => /* @__PURE__ */ s(na, {
   annotation: e,
   panel: t,
   style: r,
@@ -5440,7 +5443,7 @@ var ip = (e, t, r) => {
     boxShadow: `0 0 0 ${e.borderWidth}px ${r}`
   };
 }, lv = (e) => {
-  const t = et(e).textAnnotations, r = ye((n) => Ke(n, "text-resize-drag"));
+  const t = tt(e).textAnnotations, r = ye((n) => Ke(n, "text-resize-drag"));
   return y(() => t.map((n) => dv(n, r)), [t, r]);
 }, dv = (e, t) => t === null || t.annotationId !== e.id ? e : {
   ...e,
@@ -5467,7 +5470,7 @@ var ip = (e, t, r) => {
 }, uv = ({ annotation: e, panel: t, style: r }) => {
   const n = uu(e.id), o = ye((i) => i.caret?.annotationId === e.id), { TextAnnotation: a } = vr();
   return /* @__PURE__ */ s("g", {
-    ..._e({
+    ...et({
       kind: "annotation",
       id: e.id
     }),
@@ -5592,7 +5595,7 @@ var pv = (e, t, r, n) => t !== "comment" ? r : Mn(r, 140, (o) => e.measureText(o
             style: xv(A.label),
             children: [v.kind === "pinned-number" && /* @__PURE__ */ s("span", {
               className: "ph8bdc1",
-              children: /* @__PURE__ */ s(Ze, {
+              children: /* @__PURE__ */ s($e, {
                 shape: o(f.geom, n.type)?.swatchShape ?? "square",
                 surface: "callout",
                 color: b ?? "currentColor",
@@ -5650,7 +5653,7 @@ var pv = (e, t, r, n) => t !== "comment" ? r : Mn(r, 140, (o) => e.measureText(o
     src: "data:image/png;base64,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"
   }
 }, Rv = 3.2, kv = ({ panelRect: e }) => {
-  const t = et(e).stickers, r = L().graph.get("textScale");
+  const t = tt(e).stickers, r = L().graph.get("textScale");
   if (t.length === 0) return null;
   const n = Sv(Rv, r);
   return /* @__PURE__ */ s("svg", {
@@ -5868,7 +5871,7 @@ var Iv = "_1agclyl2", ia = ({ x: e, y: t, width: r, height: n, text: o, isRotate
         ...u,
         stroke: a.color,
         strokeWidth: a.strokeWidth,
-        strokeDasharray: At(a.lineType)
+        strokeDasharray: yt(a.lineType)
       }), /* @__PURE__ */ s(Hv, {
         edge: e.position,
         position: c,
@@ -5958,7 +5961,7 @@ var Iv = "_1agclyl2", ia = ({ x: e, y: t, width: r, height: n, text: o, isRotate
     style: { overflow: "visible" },
     children: e.map((l) => {
       if (l.geometry !== "linear" || !l.gridVisible) return null;
-      const d = l.position === "bottom" || l.position === "top", c = Wt(o, Le(l.scaleAestheticKey)), u = At(c.lineType);
+      const d = l.position === "bottom" || l.position === "top", c = Wt(o, Le(l.scaleAestheticKey)), u = yt(c.lineType);
       return /* @__PURE__ */ s("g", { children: l.ticks.map((h, g) => {
         const v = Kv(d, h.position);
         if (v !== null && t[v] > 0) return null;
@@ -6011,7 +6014,7 @@ var Iv = "_1agclyl2", ia = ({ x: e, y: t, width: r, height: n, text: o, isRotate
       d: jv(i.segments),
       fill: "none",
       stroke: i.color,
-      strokeDasharray: At(i.lineType),
+      strokeDasharray: yt(i.lineType),
       strokeWidth: i.strokeWidth,
       ...sa
     }, l))
@@ -6612,7 +6615,7 @@ var rf = 4, nf = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
       children: a
     })
   });
-}, dp = (e) => /* @__PURE__ */ s($d, {
+}, cp = (e) => /* @__PURE__ */ s($d, {
   locale: su(),
   children: /* @__PURE__ */ s(Pf, { ...e })
 }), Pf = ({ slots: e, sizing: t = wf, onResize: r, ...n }) => /* @__PURE__ */ s(wd, { children: /* @__PURE__ */ s(Al, { children: /* @__PURE__ */ s(Tl, {
@@ -6639,7 +6642,7 @@ var rf = 4, nf = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     headlineConfig: Z.config.headline,
     content: Z.config.content,
     overflowStrategy: Z.config.panel.overflow
-  }))), x = _i(), { intro: w, transitions: k } = y(() => Od(r, x ?? !1), [r, x]), { headerRef: C, footerRef: E, measurements: N } = Rf(), { formattingLocale: H, colorScheme: U } = K(), W = $e[i], q = W.editorSurface, [fr, da] = V(null), ca = ie("Header", ih), ua = ie("Footer", _u), ha = ie("Legend", fg), ga = ie("Headline", Bh), va = ie("EditorSurface", Ef), pr = y(() => ii({
+  }))), x = _i(), { intro: w, transitions: k } = y(() => Od(r, x ?? !1), [r, x]), { headerRef: C, footerRef: E, measurements: N } = Rf(), { formattingLocale: H, colorScheme: U } = K(), W = _e[i], q = W.editorSurface, [fr, da] = V(null), ca = ie("Header", ih), ua = ie("Footer", _u), ha = ie("Legend", fg), ga = ie("Headline", Bh), va = ie("EditorSurface", Ef), pr = y(() => ii({
     legends: d,
     numberFormat: u,
     parsingLocale: h,
@@ -6663,7 +6666,7 @@ var rf = 4, nf = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     h,
     H,
     a
-  ]), fa = Re(), O = L(), tt = y(() => Sn(O), [O]), mr = y(() => kn(O), [O]), Ar = Wo(), It = O.graph.get("fontFamily"), pa = Di(O), ma = O.graph.get("textScale"), Aa = y(() => Oi(O), [O]), ya = y(() => Yi(O), [O]), xa = y(() => Ii(O), [O]), ba = y(() => Ki(O), [O]), yr = y(() => _n(U, {}, It), [U, It]), Mt = tt.borderColor === void 0 ? 0 : tt.borderWidth, Oe = y(() => ({
+  ]), fa = Re(), O = L(), rt = y(() => Sn(O), [O]), mr = y(() => kn(O), [O]), Ar = Wo(), It = O.graph.get("fontFamily"), pa = Di(O), ma = O.graph.get("textScale"), Aa = y(() => Oi(O), [O]), ya = y(() => Yi(O), [O]), xa = y(() => Ii(O), [O]), ba = y(() => Ki(O), [O]), yr = y(() => _n(U, {}, It), [U, It]), Mt = rt.borderColor === void 0 ? 0 : rt.borderWidth, Oe = y(() => ({
     width: Math.max(0, e - 2 * Mt),
     height: Math.max(0, t - 2 * Mt)
   }), [
@@ -6684,12 +6687,12 @@ var rf = 4, nf = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     A.size,
     A.position,
     v
-  ]), rt = nu({
+  ]), nt = nu({
     textMeasurer: fa,
     metrics: yr,
     overrides: Nl()
   }), br = y(() => Za(mr), [mr]), We = ou({
-    measurer: rt,
+    measurer: nt,
     axes: l,
     numberFormat: u,
     parsingLocale: h,
@@ -6705,16 +6708,16 @@ var rf = 4, nf = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     panelBorder: br,
     padding: y(() => Fi(O), [O]),
     margins: y(() => Mi(O), [O])
-  }), nt = y(() => !We || !Ee || !rt ? null : Wi({
+  }), ot = y(() => !We || !Ee || !nt ? null : Wi({
     headline: Ee,
     layout: We.layout,
     containerSize: Oe,
-    measurer: rt,
+    measurer: nt,
     itemGap: Ar.gap
   }), [
     We,
     Ee,
-    rt,
+    nt,
     Oe,
     Ar.gap
   ]);
@@ -6725,7 +6728,7 @@ var rf = 4, nf = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     children: /* @__PURE__ */ s(lc, {
       colorScheme: U,
       textScale: ma,
-      graphBackground: tt.background,
+      graphBackground: rt.background,
       graphFontFamily: It,
       headingFontFamily: pa,
       children: /* @__PURE__ */ s(ul, {
@@ -6733,7 +6736,7 @@ var rf = 4, nf = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
         children: /* @__PURE__ */ s(lu, { children: /* @__PURE__ */ s(Pu, {
           panelRect: J.panel,
           children: /* @__PURE__ */ s(Cf, {
-            graphChrome: tt,
+            graphChrome: rt,
             isEditable: q,
             mode: i,
             contentRef: q ? da : void 0,
@@ -6787,11 +6790,11 @@ var rf = 4, nf = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
                   formattedLegends: pr,
                   rects: J.legends
                 }),
-                De && nt && /* @__PURE__ */ s(ga, {
+                De && ot && /* @__PURE__ */ s(ga, {
                   headline: De,
-                  rect: nt.rect,
-                  resolvedSize: nt.resolvedSize,
-                  visibleItemCount: nt.visibleItemCount,
+                  rect: ot.rect,
+                  resolvedSize: ot.resolvedSize,
+                  visibleItemCount: ot.visibleItemCount,
                   isInDonutHole: Ee !== void 0 && xi(Ee)
                 }),
                 q && fr !== null && /* @__PURE__ */ s(va, {
@@ -6806,7 +6809,7 @@ var rf = 4, nf = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
       })
     })
   });
-}, cp = (e) => {
+}, up = (e) => {
   const t = D(Hn);
   return y(() => e || (t ? {
     commands: t.commands,
@@ -6818,10 +6821,10 @@ var rf = 4, nf = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     setSelection: (r) => t.selectionStore.getState().setSelection(r),
     subscribeSelection: t.selectionStore.subscribe
   } : null), [e, t]);
-}, up = (e) => $i(e.subscribe, e.getScene, e.getScene), hp = () => {
+}, hp = (e) => $i(e.subscribe, e.getScene, e.getScene), gp = () => {
   const { commands: e } = K();
   return e;
-}, gp = (e) => {
+}, vp = (e) => {
   if (e.altKey || !e.metaKey && !e.ctrlKey) return null;
   const t = e.key.toLowerCase();
   return t === "z" ? e.shiftKey ? "redo" : "undo" : t === "y" && e.ctrlKey && !e.shiftKey ? "redo" : null;
@@ -6830,24 +6833,24 @@ export {
   uc as $,
   _u as A,
   vl as At,
-  tp as B,
-  I as Bt,
+  rp as B,
+  Ze as Bt,
   wg as C,
   md as Ct,
   Ah as D,
-  qf as Dt,
+  Jf as Dt,
   _o as E,
   Ul as Et,
-  np as F,
-  Xf as Ft,
+  op as F,
+  qf as Ft,
   No as G,
-  _f as H,
-  K as Ht,
+  ep as H,
+  Hn as Ht,
   ye as I,
-  Yf as It,
+  jf as It,
   su as J,
   uu as K,
-  op as L,
+  ap as L,
   wt as Lt,
   Do as M,
   Ve as Mt,
@@ -6856,31 +6859,32 @@ export {
   Uo as O,
   Al as Ot,
   Bu as P,
-  jf as Pt,
+  Xf as Pt,
   cc as Q,
   Ke as R,
-  T as Rt,
+  Yf as Rt,
   Rg as S,
   Ad as St,
-  ip as T,
+  sp as T,
   Ae as Tt,
-  $f as U,
-  as as Ut,
-  ep as V,
-  Hn as Vt,
+  _f as U,
+  K as Ut,
+  tp as V,
+  I as Vt,
   fu as W,
+  as as Wt,
   Lc as X,
   ko as Y,
   Ie as Z,
   Qg as _,
   wd as _t,
-  dp as a,
+  cp as a,
   yo as at,
   Hg as b,
   yd as bt,
   wv as c,
   sr as ct,
-  sp as d,
+  lp as d,
   Td as dt,
   Gr as et,
   rv as f,
@@ -6889,9 +6893,9 @@ export {
   Rd as gt,
   _g as h,
   fo as ht,
-  cp as i,
+  up as i,
   sc as it,
-  ap as j,
+  ip as j,
   L as jt,
   ih as k,
   Re as kt,
@@ -6899,29 +6903,29 @@ export {
   ve as lt,
   ev as m,
   Pd as mt,
-  hp as n,
+  gp as n,
   lc as nt,
   Pf as o,
   $d as ot,
   tv as p,
   Id as pt,
   du as q,
-  up as r,
+  hp as r,
   dr as rt,
   Qv as s,
   Ao as st,
-  gp as t,
+  vp as t,
   dc as tt,
-  lp as u,
-  $e as ut,
+  dp as u,
+  _e as ut,
   Wg as v,
   ke as vt,
   kg as w,
-  Jf as wt,
+  Zf as wt,
   Eg as x,
-  Zf as xt,
-  et as y,
+  $f as xt,
+  tt as y,
   Yt as yt,
-  rp as z,
-  bt as zt
+  np as z,
+  T as zt
 };