@graphysdk/react-renderer 1.9.0-beta.1790263076123 → 1.9.0-beta.1790336418293

package/dist/editable.mjs

@@ -1,7 +1,7 @@
-import { $ as ct, $t as jo, A as dt, C as Yo, Ct as de, D as Jo, Dt as j, E as Se, Et as Ge, F as Qo, Ft as ei, G as $, Gt as ti, H as ni, I as k, It as Pr, J as V, K as ri, Kt as ai, O as oi, Ot as ii, P as li, Q as Zt, Qt as si, S as ci, St as di, U as ui, Ut as hi, W as X, Wt as pi, X as jt, Xt as Yt, Y as Jt, Yt as Ir, Z as Er, Zt as Ne, _ as Or, a as mi, an as _, at as gi, b as vi, bt as fi, ct as re, d as bi, en as yi, et as Si, f as Ci, g as Qt, gt as xi, h as wi, ht as E, i as U, it as Ai, k as Mr, kt as Ti, l as Nr, m as Rr, mt as ki, n as Li, nn as Q, nt as Pi, ot as wn, p as Ii, pt as Ei, q as An, qt as Oi, r as ue, s as Mi, sn as F, st as Ni, t as Ri, tn as Dr, tt as _r, u as Di, ut as en, v as ke, vt as Le, w as _i, x as zr, xt as zi, y as Fi, z as Bi, zt as Hi } from "./use-target-boundary-4MJrqeJ9.js";
+import { $ as ct, A as dt, Bt as jo, C as Yo, Ct as de, D as Jo, Dt as j, E as Ce, Et as Ge, F as Qo, G as $, Gt as ei, H as ti, I as k, It as ni, J as V, Jt as ri, K as ai, Kt as oi, Lt as Pr, O as ii, Ot as li, P as si, Q as Zt, Qt as Ne, S as ci, St as di, U as ui, W as X, Wt as hi, X as jt, Xt as Ir, Y as Yt, Z as Er, Zt as Jt, _ as Or, a as pi, at as mi, b as gi, bt as vi, ct as re, d as fi, en as bi, et as yi, f as Si, fn as F, g as Qt, gt as Ci, h as xi, ht as E, i as W, it as wi, k as Mr, kt as Ai, l as Nr, m as Rr, mt as Ti, n as ki, nt as Li, on as Dr, ot as wn, p as Pi, pt as Ii, q as An, qt as Ei, r as ue, rn as Oi, s as Mi, sn as Q, st as Ni, t as Ri, tn as Di, tt as _r, u as _i, un as _, ut as en, v as Le, vt as Pe, w as zi, x as zr, xt as Fi, y as Bi, z as Hi } from "./use-target-boundary-CfGtWLxx.js";
 import { n as pe, t as Fr } from "./theme.contract.css-AyXDNf0F.js";
-import { ARROW_DEFAULTS as Gi, ARROW_STICKER_DECLARATIONS as Vi, ARROW_STROKE_WIDTHS_PX as Tt, AddAnnotationCommand as fe, AddHighlightCommand as $i, BORDER_RADIUS_TOKENS as Tn, COMBO_TYPES as kn, CONSTANT_VARIABLES as Ui, DASH_PRESETS as Wi, DEFAULT_BAR_CORNER_RADIUS as Ki, DEFAULT_GEOM_COLOR as qi, DEFAULT_POINT_SIZE_PX as Xi, DEFAULT_STROKE_WIDTH_PX as Zi, DIFFERENCE_ARROW_DEFAULTS as Br, DIFFERENCE_ARROW_SIZE_DECLARATIONS as Ln, InternalError as ji, MAX_BAR_WIDTH_FRACTION as Yi, MIN_BAR_WIDTH_FRACTION as Ji, MoveAnnotationCommand as Qi, RESTING_HOVER_STATE as tn, RemoveAnnotationCommand as _e, RemoveHighlightCommand as el, SHAPE_DEFAULTS as tl, SetAxisLabelCommand as nl, SetAxisPositionCommand as rl, SetAxisTickModeCommand as al, SetAxisTicksVisibilityCommand as ol, SetAxisVisibilityCommand as il, SetBarCornerRadiusCommand as ll, SetBarWidthCommand as sl, SetChartTypeCommand as Hr, SetContentCaptionCommand as Gr, SetContentSourceCommand as cl, SetContentSubtitleCommand as Vr, SetContentTitleCommand as $r, SetDataLabelsFormatCommand as dl, SetDifferenceArrowStyleCommand as ul, SetGridLineStyleCommand as hl, SetGridLineWidthCommand as pl, SetGridVisibilityCommand as ml, SetHeadlineCompareWithCommand as gl, SetHeadlinePositionCommand as vl, SetHeadlineShowCommand as Pn, SetHeadlineSizeCommand as fl, SetHighlightDimStyleCommand as bl, SetLayerYScaleTypeCommand as yl, SetLegendAlignCommand as Sl, SetLegendDisplayCommand as Cl, SetLegendPositionCommand as xl, SetLineCurveCommand as wl, SetLineMissingValuesCommand as Al, SetLineWidthCommand as In, SetMappingCommand as Tl, SetNumberFormatAbbreviationCommand as kl, SetNumberFormatDecimalsCommand as En, SetPointSizeCommand as Ll, SetPolarInnerRadiusCommand as Pl, SetPolarStartAngleCommand as Il, SetRuleLabelCommand as El, SetRuleValueCommand as Ol, SetScaleDomainCommand as kt, SetScaleReverseCommand as Ml, SetScaleTransformCommand as Nl, SetStatLineCommand as Rl, SetStyleRuleCommand as we, TEXT_ANNOTATION_DEFAULTS as Dl, TEXT_ANNOTATION_FADE_ALPHA as _l, ToggleCategoryLabelsCommand as zl, ToggleContentVisibilityCommand as ut, ToggleDataLabelsCommand as Fl, ToggleGoalLineCommand as Bl, ToggleLineFillCommand as Hl, ToggleLinePointsCommand as Gl, ToggleStackTotalsCommand as Vl, UpdateAnnotationCommand as ie, alignUnitFractions as $l, areAnchorsEqual as Ur, areEditTargetsEqual as Ul, areEndpointsComparable as Wl, buildEditMenuTriggerRegion as Kl, buildLayerStyleAddress as ql, buildObservationPredicate as Xl, buildObservationsTarget as nn, buildObservationsTargetAtValue as Wr, canAnchorDirectLabels as Zl, canBecomeCombo as jl, canBecomeHeatmap as Yl, canPlaceDataLabels as Jl, clampAnnotationTranslation as Ql, computeArrow as Kr, createObservationAnchorBuilder as es, createObservationAnchorParser as ts, createStyleResolver as ns, createValueFormatter as rs, filterLayersByGeoms as Mt, findAnnotation as as, findAverageLineLayer as os, findCompanionLayers as qr, findGoalLineLayer as is, findHighlightsAtObservation as ls, findKindStyleDeclarations as ss, findLayerByGeom as Xr, findLayerById as Pe, findObservationAttachment as cs, findStyleRule as ye, findTrendLineLayer as ds, formatDifferenceLabel as us, getBoundingRect as Nt, getX as hs, getY as ps, hasMultipleGroups as ms, inferDefaultDifferenceArrowEndpoints as gs, inferDifferenceArrowEndpoints as vs, isComboChartType as xe, isCompanionLayer as Zr, isObservationAttachmentKind as fs, isPointWithinEditMenuTrigger as rn, isSafeUrl as bs, isZeroAnchoredAxis as ys, measureObservationsBoxes as jr, projectAnchorToPanel as et, readBroadestObservationsScope as Ss, readChartType as Yr, readComboLineLayerId as Cs, readCompanionRowsAtScopeKey as xs, readConstantValue as ws, readGeomColor as As, readHighlightDimStyle as Ts, readMappableAesthetics as ks, readMappedVariable as Ls, readObservationIndex as Jr, readRowScopeKey as Ps, readRowsAtScopeKey as Is, readScopeXVariable as Es, readVariableName as Qr, resolveArrowAnnotationStyle as an, resolveBarBandFraction as Os, resolveComparisonBasis as Ms, resolveDifferenceArrowAnnotationStyle as Ns, resolveEditOutlineStyle as Rs, resolveObservationPoint as ea, resolveObservationsTarget as On, stepDifferenceArrowEndpoint as Ds, toDashPreset as Rt, toPaintColor as tt, toPanelCursor as ht } from "@graphysdk/viz-engine";
-import { createContext as Ve, memo as ta, useCallback as ae, useContext as ze, useEffect as z, useId as Ae, useLayoutEffect as Te, useMemo as I, useRef as ne, useState as ee } from "react";
+import { ARROW_DEFAULTS as Gi, ARROW_STICKER_DECLARATIONS as Vi, ARROW_STROKE_WIDTHS_PX as Tt, AddAnnotationCommand as fe, AddHighlightCommand as $i, BORDER_RADIUS_TOKENS as Tn, COMBO_TYPES as kn, CONSTANT_VARIABLES as Wi, DASH_PRESETS as Ui, DEFAULT_BAR_CORNER_RADIUS as Ki, DEFAULT_GEOM_COLOR as qi, DEFAULT_POINT_SIZE_PX as Xi, DEFAULT_STROKE_WIDTH_PX as Zi, DIFFERENCE_ARROW_DEFAULTS as Br, DIFFERENCE_ARROW_SIZE_DECLARATIONS as Ln, InternalError as ji, MAX_BAR_WIDTH_FRACTION as Yi, MIN_BAR_WIDTH_FRACTION as Ji, MoveAnnotationCommand as Qi, RESTING_HOVER_STATE as tn, RemoveAnnotationCommand as _e, RemoveHighlightCommand as el, SHAPE_DEFAULTS as tl, SetAxisLabelCommand as nl, SetAxisPositionCommand as rl, SetAxisTickModeCommand as al, SetAxisTicksVisibilityCommand as ol, SetAxisVisibilityCommand as il, SetBarCornerRadiusCommand as ll, SetBarWidthCommand as sl, SetChartTypeCommand as Hr, SetContentCaptionCommand as Gr, SetContentSourceCommand as cl, SetContentSubtitleCommand as Vr, SetContentTitleCommand as $r, SetDataLabelsFormatCommand as dl, SetDifferenceArrowStyleCommand as ul, SetGridLineStyleCommand as hl, SetGridLineWidthCommand as pl, SetGridVisibilityCommand as ml, SetHeadlineCompareWithCommand as gl, SetHeadlinePositionCommand as vl, SetHeadlineShowCommand as Pn, SetHeadlineSizeCommand as fl, SetHighlightDimStyleCommand as bl, SetLayerYScaleTypeCommand as yl, SetLegendAlignCommand as Sl, SetLegendDisplayCommand as Cl, SetLegendPositionCommand as xl, SetLineCurveCommand as wl, SetLineMissingValuesCommand as Al, SetLineWidthCommand as In, SetMappingCommand as Tl, SetNumberFormatAbbreviationCommand as kl, SetNumberFormatDecimalsCommand as En, SetPointSizeCommand as Ll, SetPolarInnerRadiusCommand as Pl, SetPolarStartAngleCommand as Il, SetRuleLabelCommand as El, SetRuleValueCommand as Ol, SetScaleDomainCommand as kt, SetScaleReverseCommand as Ml, SetScaleTransformCommand as Nl, SetStatLineCommand as Rl, SetStyleRuleCommand as Ae, TEXT_ANNOTATION_DEFAULTS as Dl, TEXT_ANNOTATION_FADE_ALPHA as _l, ToggleCategoryLabelsCommand as zl, ToggleContentVisibilityCommand as ut, ToggleDataLabelsCommand as Fl, ToggleGoalLineCommand as Bl, ToggleLineFillCommand as Hl, ToggleLinePointsCommand as Gl, ToggleStackTotalsCommand as Vl, UpdateAnnotationCommand as ie, alignUnitFractions as $l, areAnchorsEqual as Wr, areEditTargetsEqual as Wl, areEndpointsComparable as Ul, buildEditMenuTriggerRegion as Kl, buildLayerStyleAddress as ql, buildObservationPredicate as Xl, buildObservationsTarget as nn, buildObservationsTargetAtValue as Ur, canAnchorDirectLabels as Zl, canBecomeCombo as jl, canBecomeHeatmap as Yl, clampAnnotationTranslation as Jl, computeArrow as Kr, createObservationAnchorBuilder as Ql, createObservationAnchorParser as es, createStyleResolver as ts, createValueFormatter as ns, filterLayersByGeoms as Mt, findAnnotation as rs, findAverageLineLayer as as, findCompanionLayers as qr, findGoalLineLayer as os, findHighlightsAtObservation as is, findKindStyleDeclarations as ls, findLayerByGeom as Xr, findLayerById as ye, findObservationAttachment as ss, findStyleRule as Se, findTrendLineLayer as cs, formatDifferenceLabel as ds, getBoundingRect as Nt, getX as us, getY as hs, hasMultipleGroups as ps, inferDefaultDifferenceArrowEndpoints as ms, inferDifferenceArrowEndpoints as gs, isComboChartType as we, isCompanionLayer as Zr, isObservationAttachmentKind as vs, isPointWithinEditMenuTrigger as rn, isSafeUrl as fs, isZeroAnchoredAxis as bs, measureObservationsBoxes as jr, projectAnchorToPanel as et, readBroadestObservationsScope as ys, readChartType as Yr, readComboLineLayerId as Ss, readCompanionRowsAtScopeKey as Cs, readConstantValue as xs, readGeomColor as ws, readHighlightDimStyle as As, readMainAxis as Ts, readMappableAesthetics as ks, readMappedVariable as Ls, readObservationIndex as Jr, readRowScopeKey as Ps, readRowsAtScopeKey as Is, readScopeXVariable as Es, readVariableName as Qr, resolveArrowAnnotationStyle as an, resolveBarBandFraction as Os, resolveComparisonBasis as Ms, resolveDifferenceArrowAnnotationStyle as Ns, resolveEditOutlineStyle as Rs, resolveObservationPoint as ea, resolveObservationsTarget as On, stepDifferenceArrowEndpoint as Ds, toDashPreset as Rt, toPaintColor as tt, toPanelCursor as ht } from "@graphysdk/viz-engine";
+import { createContext as Ve, memo as ta, useCallback as ae, useContext as ze, useEffect as z, useId as Te, useLayoutEffect as ke, useMemo as I, useRef as ne, useState as ee } from "react";
 import { Fragment as Y, jsx as r, jsxs as m } from "react/jsx-runtime";
 import { motion as _s } from "motion/react";
 import { useShallow as ge } from "zustand/react/shallow";
@@ -13,8 +13,8 @@ import { Extension as ra } from "@tiptap/core";
 import { Bold as Vs } from "@tiptap/extension-bold";
 import { Document as nt } from "@tiptap/extension-document";
 import { HardBreak as $s } from "@tiptap/extension-hard-break";
-import { Heading as Us } from "@tiptap/extension-heading";
-import { Italic as Ws } from "@tiptap/extension-italic";
+import { Heading as Ws } from "@tiptap/extension-heading";
+import { Italic as Us } from "@tiptap/extension-italic";
 import { Link as Ks } from "@tiptap/extension-link";
 import { Text as qs } from "@tiptap/extension-text";
 import { TextAlign as Xs } from "@tiptap/extension-text-align";
@@ -2387,7 +2387,7 @@ import './editable.css';var oc = {
   "en-US": mc,
   ar: sc,
   "pt-PT": bc
-}, Sc = [yc, xi], Cc = ({ children: e, ...t }) => /* @__PURE__ */ r(ki, {
+}, Sc = [yc, Ci], Cc = ({ children: e, ...t }) => /* @__PURE__ */ r(Ti, {
   dictionaries: Sc,
   ...t,
   children: e
@@ -2414,13 +2414,13 @@ import './editable.css';var oc = {
 }), ln = () => [
   qs,
   Js,
-  Us.configure({ levels: [
+  Ws.configure({ levels: [
     1,
     2,
     3
   ] }),
   Vs,
-  Ws,
+  Us,
   Ys,
   Xs.configure({ types: ["heading", "paragraph"] }),
   Ks.configure({
@@ -2474,7 +2474,7 @@ var ua = "d0bl03", Pc = "d0bl04", ha = "d0bl05", Dt = "d0bl06", Ic = "d0bl07", E
       })]
     })
   })
-}), ma = "transparent", _t = Fr.map((e) => pe[e]), $c = Object.fromEntries(Fr.map((e) => [pe[e], e])), Uc = (e) => _t.some((t) => va(t, e)), Wc = ({ color: e, onChange: t, isOpen: n, onOpenChange: a, children: o, label: i, popupAttributes: l, opacity: s, onOpacityChange: c, hasTransparentOption: u = !1 }) => {
+}), ma = "transparent", _t = Fr.map((e) => pe[e]), $c = Object.fromEntries(Fr.map((e) => [pe[e], e])), Wc = (e) => _t.some((t) => va(t, e)), Uc = ({ color: e, onChange: t, isOpen: n, onOpenChange: a, children: o, label: i, popupAttributes: l, opacity: s, onOpacityChange: c, hasTransparentOption: u = !1 }) => {
   const d = E(), h = qc(), p = u ? [ma, ..._t] : _t, g = (v) => {
     t(v), a(!1);
   };
@@ -2558,7 +2558,7 @@ var ua = "d0bl03", Pc = "d0bl04", ha = "d0bl05", Dt = "d0bl06", Ic = "d0bl07", E
     })]
   });
 }, Kc = ({ value: e, onChange: t, popupAttributes: n }) => {
-  const a = E(), [o, i] = ee(!1), l = Oi(e) ? e : "#000000", s = Xc(l);
+  const a = E(), [o, i] = ee(!1), l = ri(e) ? e : "#000000", s = Xc(l);
   return /* @__PURE__ */ m(Z.Root, {
     open: o,
     onOpenChange: i,
@@ -2628,10 +2628,10 @@ var ua = "d0bl03", Pc = "d0bl04", ha = "d0bl05", Dt = "d0bl06", Ic = "d0bl07", E
   border: `1px solid ${pe.border100}`
 } : {
   background: e,
-  border: `1px solid ${ti(e, 0.1)}`
+  border: `1px solid ${oi(e, 0.1)}`
 }, Xc = (e) => {
   const { themeValues: t } = en();
-  if (ai(e)) return e.toUpperCase();
+  if (Ei(e)) return e.toUpperCase();
   const n = $c[e];
   return n ? t[n].toUpperCase() : "#000000";
 }, va = (e, t) => t === null ? !1 : e.toLowerCase() === t.toLowerCase(), Zc = "l9kff0", jc = "l9kff1", Yc = "l9kff2", Jc = "xn24px0", Qc = "xn24px1", ed = "xn24px2", td = ({ children: e, popupAttributes: t }) => /* @__PURE__ */ r(B.Portal, {
@@ -2672,7 +2672,7 @@ var ua = "d0bl03", Pc = "d0bl04", ha = "d0bl05", Dt = "d0bl06", Ic = "d0bl07", E
   Group: ad,
   Separator: od,
   Button: ve.Button,
-  ColorPicker: Wc,
+  ColorPicker: Uc,
   MenuPopup: td,
   MenuItem: nd
 }, $e = (e) => /* @__PURE__ */ r(k, {
@@ -3147,7 +3147,7 @@ var ua = "d0bl03", Pc = "d0bl04", ha = "d0bl05", Dt = "d0bl06", Ic = "d0bl07", E
     "aria-label": t
   })]
 }), Fd = 200, sn = ({ content: e, extensions: t, isEditable: n, onUpdate: a, updateDebounceMs: o = Fd }) => {
-  const i = ne(Fn(e)), l = ne(i.current), s = zi((u) => {
+  const i = ne(Fn(e)), l = ne(i.current), s = Fi((u) => {
     l.current = u, a?.(u);
   }, o), c = Qs({
     extensions: t,
@@ -3213,7 +3213,7 @@ var ua = "d0bl03", Pc = "d0bl04", ha = "d0bl05", Dt = "d0bl06", Ic = "d0bl07", E
   nt,
   oa,
   ...ln(),
-  Ud,
+  Wd,
   on.configure({
     showOnlyCurrent: !1,
     placeholder: ({ pos: t }) => t === 0 ? e : ""
@@ -3238,14 +3238,14 @@ var ua = "d0bl03", Pc = "d0bl04", ha = "d0bl05", Dt = "d0bl06", Ic = "d0bl07", E
     i?.commands.focus("end", { scrollIntoView: !1 });
   }, [i]), /* @__PURE__ */ r(ia, {
     "aria-label": t("graph.annotations.text.editLabel"),
-    className: Ii,
+    className: Pi,
     editor: i,
     "data-testid": "text-annotation-editor"
   });
 }, Bn = (e) => {
   const t = Ni(e);
   return t === void 0 ? {} : { style: `font-family: ${t}` };
-}, Ud = ra.create({
+}, Wd = ra.create({
   name: "annotationTextStyleAttributes",
   addGlobalAttributes() {
     return [{
@@ -3266,11 +3266,11 @@ var ua = "d0bl03", Pc = "d0bl04", ha = "d0bl05", Dt = "d0bl06", Ic = "d0bl07", E
       }
     }];
   }
-}), Wd = 3, Kd = ({ title: e, isTitleVisible: t, subtitle: n, isSubtitleVisible: a }) => {
+}), Ud = 3, Kd = ({ title: e, isTitleVisible: t, subtitle: n, isSubtitleVisible: a }) => {
   const o = [];
   return t && o.push({
     type: "heading",
-    attrs: { level: Wd },
+    attrs: { level: Ud },
     content: Xd(e)
   }), a && o.push(...Zd(n)), {
     type: "doc",
@@ -3355,7 +3355,7 @@ var ua = "d0bl03", Pc = "d0bl04", ha = "d0bl05", Dt = "d0bl06", Ic = "d0bl07", E
     "data-testid": "title-editor",
     style: {
       ...Pr(o),
-      ...ei(Jd, i)
+      ...ni(Jd, i)
     },
     children: /* @__PURE__ */ r(La, {
       editor: c,
@@ -3501,7 +3501,7 @@ var su = (e, { coordSystem: t, panelRect: n }) => {
   return g.from < g.to ? g : p;
 }, pu = (e) => {
   const [t] = e;
-  return t !== void 0 && e.some((n) => !Ti(n, t));
+  return t !== void 0 && e.some((n) => !Ai(n, t));
 }, Ft = (e) => ({
   from: e.x,
   to: e.x + e.width
@@ -3510,7 +3510,7 @@ var su = (e, { coordSystem: t, panelRect: n }) => {
   to: e.y + e.height
 }), mu = (e, { frameElement: t, panelRect: n, look: a }) => {
   const o = $(), i = Q(), l = _((h) => h.coordSystem), s = ne(/* @__PURE__ */ new Map()), c = e?.target ?? null, u = e?.outline ?? null;
-  Te(() => {
+  ke(() => {
     if (c === null || u === null) return;
     const h = s.current, p = /* @__PURE__ */ new Map(), v = au(u, {
       panelRect: n,
@@ -3546,8 +3546,8 @@ var su = (e, { coordSystem: t, panelRect: n }) => {
     a
   ]);
   const d = e !== null;
-  Te(() => d ? () => o.getState().setSelectedOutline(null) : void 0, [o, d]);
-}, gu = "var(--_10d2ycx0)", vu = "_10d2ycx1", fu = "_10d2ycx2", Un = ({ pathData: e, shouldAnimateTransitions: t, source: n, ...a }) => t ? /* @__PURE__ */ r(bu, {
+  ke(() => d ? () => o.getState().setSelectedOutline(null) : void 0, [o, d]);
+}, gu = "var(--_10d2ycx0)", vu = "_10d2ycx1", fu = "_10d2ycx2", Wn = ({ pathData: e, shouldAnimateTransitions: t, source: n, ...a }) => t ? /* @__PURE__ */ r(bu, {
   pathData: e,
   source: n,
   ...a
@@ -3555,7 +3555,7 @@ var su = (e, { coordSystem: t, panelRect: n }) => {
   d: e,
   ...a
 }), bu = ({ pathData: e, source: t, ...n }) => {
-  const a = si(e, jo, t);
+  const a = bi(e, Di, t);
   return /* @__PURE__ */ r(_s.path, {
     d: a,
     ...n
@@ -3564,13 +3564,13 @@ var su = (e, { coordSystem: t, panelRect: n }) => {
   [Su]: "",
   style: pt({ [yu]: `${e}px` })
 });
-var Wn = (e, t) => {
+var Un = (e, t) => {
   if (e.kind === "observations" && t.kind === "observations") {
     if (e.layerId !== t.layerId || e.scope !== t.scope) return !1;
     const n = e.parts[0]?.rows[0];
     return n !== void 0 && (t.parts[0]?.rows.includes(n) ?? !1);
   }
-  return e.kind === "guide" && t.kind === "guide" ? Ul(e.target, t.target) : e.kind === "graph" && t.kind === "graph";
+  return e.kind === "guide" && t.kind === "guide" ? Wl(e.target, t.target) : e.kind === "graph" && t.kind === "graph";
 }, Cu = (e, t) => {
   const n = Math.max(e.width, 8), a = Math.max(e.height, 8), o = Math.max(0, e.x + e.width / 2 - n / 2), i = Math.max(0, e.y + e.height / 2 - a / 2), l = Math.min(t.width, e.x + e.width / 2 + n / 2), s = Math.min(t.height, e.y + e.height / 2 + a / 2);
   return {
@@ -3583,12 +3583,12 @@ var Wn = (e, t) => {
   const { layers: t, parsingLocale: n } = _(ge((h) => ({
     layers: h.layers,
     parsingLocale: h.config.parsingLocale
-  }))), a = X((h) => h.editTargetUnderPointer), o = a?.kind === "observations" ? a.observations : null, i = o === null ? void 0 : Pe(t, o.layerId), l = o?.target.scope ?? null, s = o === null || i === void 0 ? null : Ps(i, o.target.scope, o.observationIndex), c = I(() => i === void 0 || l === null || s === null ? null : Au(t, i, l, s), [
+  }))), a = X((h) => h.editTargetUnderPointer), o = a?.kind === "observations" ? a.observations : null, i = o === null ? void 0 : ye(t, o.layerId), l = o?.target.scope ?? null, s = o === null || i === void 0 ? null : Ps(i, o.target.scope, o.observationIndex), c = I(() => i === void 0 || l === null || s === null ? null : Au(t, i, l, s), [
     t,
     i,
     l,
     s
-  ]), u = I(() => c !== null && e !== null && Wn(c, e), [c, e]), d = o !== null && i !== void 0 && Tu(o, i, n) ? o.observationIndex : null;
+  ]), u = I(() => c !== null && e !== null && Un(c, e), [c, e]), d = o !== null && i !== void 0 && Tu(o, i, n) ? o.observationIndex : null;
   return I(() => {
     switch (a?.kind) {
       case "observations": {
@@ -3615,7 +3615,7 @@ var Wn = (e, t) => {
           key: JSON.stringify(a.target),
           target: a.target
         };
-        return e !== null && Wn(h, e) ? null : h;
+        return e !== null && Un(h, e) ? null : h;
       }
       default:
         return null;
@@ -3633,7 +3633,7 @@ var Wn = (e, t) => {
     rows: Is(t, n, a)
   }];
   for (const i of qr(t, e)) {
-    const l = xs(i, t, n, a);
+    const l = Cs(i, t, n, a);
     l.length > 0 && o.push({
       layer: i,
       rows: l
@@ -3682,12 +3682,12 @@ var Wn = (e, t) => {
       });
   }
 }, Lu = (e) => {
-  const t = `[${oi}="${e.kind}"]`;
+  const t = `[${ii}="${e.kind}"]`;
   return e.kind !== "axis" ? t : `${t}[${Jo}="${e.axis}"]`;
 }, Pu = (e) => {
   const t = /* @__PURE__ */ new Map();
   for (const n of e) {
-    const a = li(n);
+    const a = si(n);
     a !== null && t.set(a.legendIndex, [...t.get(a.legendIndex) ?? [], n]);
   }
   return t;
@@ -3750,7 +3750,7 @@ var Wn = (e, t) => {
   const t = (n) => Number(e?.getAttribute(n) ?? 0);
   return (t("x2") - t("x1")) * (t("y2") - t("y1")) >= 0;
 }, Mu = [], Nu = (e, { frameElement: t, frameSize: n, panelRect: a, shouldAnimateTransitions: o }) => {
-  const i = _((f) => f.coordSystem), l = Hi(), s = Dr(), c = Du(e.kind === "guide" ? e.target : null, {
+  const i = _((f) => f.coordSystem), l = jo(), s = Dr(), c = Du(e.kind === "guide" ? e.target : null, {
     frameElement: t,
     frameSize: n
   }), u = Ru(t, n), d = I(() => ({
@@ -3797,7 +3797,7 @@ var Wn = (e, t) => {
   ]);
 }, Ru = (e, t) => {
   const [n, a] = ee(() => Gn(e, t));
-  return Te(() => {
+  return ke(() => {
     a((o) => {
       const i = Gn(e, {
         width: t.width,
@@ -3839,7 +3839,7 @@ var Wn = (e, t) => {
   };
 }, Du = (e, { frameElement: t, frameSize: n }) => {
   const a = _((d) => d.coordSystem.type), o = _(ge((d) => d.guides.legends.drawn.map((h) => h.display))), i = _((d) => e === null ? null : d), [l, s] = ee([]), c = j(e), u = ne(!1);
-  return Te(() => {
+  return ke(() => {
     const d = c.current;
     if (d === null) return;
     const h = () => {
@@ -3932,7 +3932,7 @@ var Wn = (e, t) => {
       return null;
   }
 }, Bu = (e, t, n) => {
-  const a = Pe(t, e.layerId);
+  const a = ye(t, e.layerId);
   if (a === void 0) return null;
   const o = On({
     layer: a,
@@ -3992,7 +3992,7 @@ var Wn = (e, t) => {
     }, l.key)]
   });
 }), qn = ({ part: e, target: t, look: n, frameSize: a, panelRect: o, frameElement: i, shouldAnimateTransitions: l }) => {
-  const s = Ae(), c = `${s}-shapes`, u = `${s}-hole`, d = Nu(t, {
+  const s = Te(), c = `${s}-shapes`, u = `${s}-hole`, d = Nu(t, {
     frameElement: i,
     frameSize: a,
     panelRect: o,
@@ -4054,7 +4054,7 @@ var Wn = (e, t) => {
   ...pt({ [gu]: `${2 * t}px` })
 }), Vu = (e, t, n) => {
   const a = n.offset + mt(n);
-  return Yt(Ne({
+  return Jt(Ne({
     x: 0,
     y: 0,
     ...e
@@ -4083,18 +4083,18 @@ var Wn = (e, t) => {
       return /* @__PURE__ */ r("path", { d: Vu(e.frameSize, a, t) });
   }
 }, Zn = ta(function({ part: t, borderRadius: n }) {
-  return t.kind === "boxes" ? /* @__PURE__ */ r(Wu, {
+  return t.kind === "boxes" ? /* @__PURE__ */ r(Uu, {
     boxes: t.boxes,
     borderRadius: n
-  }) : /* @__PURE__ */ r(Uu, {
+  }) : /* @__PURE__ */ r(Wu, {
     shapes: t.shapes,
     layer: t.layer
   });
-}), Uu = ({ shapes: e, layer: t }) => e.map((n, a) => {
+}), Wu = ({ shapes: e, layer: t }) => e.map((n, a) => {
   const o = n.kind === "dots" || n.key === void 0 ? String(a) : `${n.kind}:${n.key}`;
   switch (n.kind) {
     case "region":
-      return n.pathData === "" ? null : /* @__PURE__ */ r(Un, {
+      return n.pathData === "" ? null : /* @__PURE__ */ r(Wn, {
         pathData: n.pathData,
         fillRule: n.fillRule,
         shouldAnimateTransitions: n.shouldAnimateTransitions ?? !1,
@@ -4102,7 +4102,7 @@ var Wn = (e, t) => {
         "data-geom": t.geom
       }, o);
     case "stroke":
-      return n.pathData === "" ? null : /* @__PURE__ */ r(Un, {
+      return n.pathData === "" ? null : /* @__PURE__ */ r(Wn, {
         pathData: n.pathData,
         shouldAnimateTransitions: n.shouldAnimateTransitions ?? !1,
         source: t,
@@ -4111,13 +4111,13 @@ var Wn = (e, t) => {
       }, o);
     case "dots":
       return n.centers.length === 0 ? null : /* @__PURE__ */ r("path", {
-        d: yi(n.centers),
+        d: Oi(n.centers),
         "data-geom": t.geom,
         ...Ht(n.size)
       }, o);
   }
-}), Wu = ({ boxes: e, borderRadius: t }) => {
-  const n = e.map((a) => Yt(a, t)).join("");
+}), Uu = ({ boxes: e, borderRadius: t }) => {
+  const n = e.map((a) => Jt(a, t)).join("");
   return n === "" ? null : /* @__PURE__ */ r("path", {
     d: n,
     "data-testid": "edit-outline-boxes"
@@ -4131,7 +4131,7 @@ var Wn = (e, t) => {
       ...Ht(Nr(a, i).strokeWidth)
     }, i);
   });
-  const o = t.map((i) => i.kind === "box" ? Yt(i.rect, n) : "").join("");
+  const o = t.map((i) => i.kind === "box" ? Jt(i.rect, n) : "").join("");
   return o === "" ? null : /* @__PURE__ */ r("path", { d: o });
 }, qu = (e, t) => {
   if (e.kind === "box" || e.axis !== t) return "";
@@ -4154,7 +4154,7 @@ var Wn = (e, t) => {
     height: n.height,
     overflow: "visible",
     children: /* @__PURE__ */ r("line", {
-      ..._i(a, i, n),
+      ...zi(a, i, n),
       stroke: t.stroke,
       strokeWidth: t.strokeWidth,
       strokeDasharray: "4 3",
@@ -4164,7 +4164,7 @@ var Wn = (e, t) => {
   });
 }, Zu = ({ layer: e, rows: t }) => {
   for (const n of t) {
-    const a = e.data.getAt(n), o = a === null ? null : hs(a), i = a === null ? null : ps(a);
+    const a = e.data.getAt(n), o = a === null ? null : us(a), i = a === null ? null : hs(a);
     if (o !== null && i !== null) return {
       x: o,
       y: i
@@ -4201,7 +4201,7 @@ var Wn = (e, t) => {
   return z(() => {
     t(!0);
   }, []), e;
-}, rh = (e) => ii.some((t) => t === e), jn = (e, t, n) => n === 0 ? 0 : e * t / n, ah = {
+}, rh = (e) => li.some((t) => t === e), jn = (e, t, n) => n === 0 ? 0 : e * t / n, ah = {
   x: 8,
   y: 8
 }, oh = {
@@ -4210,7 +4210,7 @@ var Wn = (e, t) => {
   fallbackAxisSide: "end"
 }, ih = ({ frameElement: e, boundary: t, spans: n, clearance: a = ah, onEscape: o, children: i }) => {
   const l = vt(), s = Ra(), [c, u] = ee(null), d = ne(null);
-  Te(() => () => {
+  ke(() => () => {
     c?.contains(document.activeElement) && e.focus({ preventScroll: !0 });
   }, [c, e]);
   const { x: h, y: p, width: g, height: v } = t, f = I(() => ({
@@ -4338,9 +4338,9 @@ var Wn = (e, t) => {
     a,
     o
   ]);
-  return Te(() => {
+  return ke(() => {
     t.getState().setBoundary(i);
-  }, [t, i]), Te(() => () => t.getState().setBoundary(null), [t]), null;
+  }, [t, i]), ke(() => () => t.getState().setBoundary(null), [t]), null;
 }, Xe = (e, t, n) => ({
   from: t + e.from * n,
   to: t + e.to * n
@@ -4472,7 +4472,7 @@ var _a = "efjmb40", za = "efjmb41", Ie = "efjmb42", Ee = "efjmb43", mh = "efjmb4
     fillOpacity: "0.8"
   })
 }), Ah = "relative-difference", Th = ({ label: e, layer: t, at: n, onRequestClose: a }) => {
-  const { dispatch: o } = ue(), i = _((c) => c.coordSystem), l = I(() => vs({
+  const { dispatch: o } = ue(), i = _((c) => c.coordSystem), l = I(() => gs({
     layer: t,
     at: n,
     coordSystem: i
@@ -4506,7 +4506,7 @@ function kh(e, t) {
     scope: "series",
     labelKey: "pieSlice"
   }];
-  const n = ms(t.data, t.mapping);
+  const n = ps(t.data, t.mapping);
   switch (t.geom) {
     case "bar": {
       const a = [{
@@ -4552,7 +4552,7 @@ function kh(e, t) {
 }
 var Lh = (e) => {
   const t = Qr(e.mapping.x);
-  return t !== null && t !== Ui.x;
+  return t !== null && t !== Wi.x;
 }, Ph = (e) => /* @__PURE__ */ m(k, {
   viewBox: "0 0 16 16",
   ...e,
@@ -4998,7 +4998,7 @@ var Lh = (e) => {
   });
 }, $h = (e, t) => {
   const n = _((o) => o.spec.highlights), a = _((o) => o.config.parsingLocale);
-  return I(() => ls({
+  return I(() => is({
     layer: e,
     highlights: n,
     observation: t,
@@ -5032,7 +5032,7 @@ var Lh = (e) => {
       fillOpacity: "0.8"
     })
   ]
-}), Uh = ({ label: e, at: t, onRequestClose: n }) => {
+}), Wh = ({ label: e, at: t, onRequestClose: n }) => {
   const { dispatch: a } = ue(), o = () => {
     a(new fe({
       kind: "pinnedNumber",
@@ -5094,7 +5094,7 @@ var Lh = (e) => {
     labelKey: "graph.annotations.baseMenu.removeSticker"
   },
   image: null
-}, Wh = (e) => fs(e.kind) && $a[e.kind] !== null, Kh = ({ attachment: e, onRequestClose: t }) => {
+}, Uh = (e) => vs(e.kind) && $a[e.kind] !== null, Kh = ({ attachment: e, onRequestClose: t }) => {
   const n = E(), { dispatch: a } = ue(), { icon: o, labelKey: i } = $a[e.kind], l = () => {
     a(new _e({ id: e.annotation.id })), t();
   };
@@ -5124,7 +5124,7 @@ var Lh = (e) => {
     icon: /* @__PURE__ */ r(Va, {}),
     children: /* @__PURE__ */ r("div", {
       className: qh,
-      children: Object.entries(Di).map(([i, l]) => /* @__PURE__ */ r(be.Item, {
+      children: Object.entries(_i).map(([i, l]) => /* @__PURE__ */ r(be.Item, {
         className: Xh,
         "aria-label": i,
         onClick: () => o(i),
@@ -5167,8 +5167,8 @@ var Lh = (e) => {
     p,
     g,
     v
-  ]), x = cs(c, a, I(() => ts(n, u), [n, u])), w = x !== null && Wh(x) ? x : null, y = $h(n, o), T = (C, M) => {
-    !C && Qh(M.reason) && i();
+  ]), x = ss(c, a, I(() => es(n, u), [n, u])), w = x !== null && Uh(x) ? x : null, y = $h(n, o), T = (C, O) => {
+    !C && Qh(O.reason) && i();
   };
   return /* @__PURE__ */ r(B.Root, {
     open: d,
@@ -5198,7 +5198,7 @@ var Lh = (e) => {
             }),
             /* @__PURE__ */ r(B.Separator, { className: mh }),
             w === null && /* @__PURE__ */ m(Y, { children: [
-              /* @__PURE__ */ r(Uh, {
+              /* @__PURE__ */ r(Wh, {
                 label: l("graph.annotations.baseMenu.pinNumber"),
                 at: a,
                 onRequestClose: i
@@ -5234,7 +5234,7 @@ var Lh = (e) => {
       }) })
     })
   });
-}, Qh = (e) => e === "outside-press" || e === "escape-key" || e === "item-press", hn = "l8tsqe0", Ua = ["start", "end"], Wa = ({ anchor: e, point: t, delta: n }) => {
+}, Qh = (e) => e === "outside-press" || e === "escape-key" || e === "item-press", hn = "l8tsqe0", Wa = ["start", "end"], Ua = ({ anchor: e, point: t, delta: n }) => {
   const a = {
     x: Yn(t.x, n.x),
     y: Yn(1 - t.y, n.y)
@@ -5271,7 +5271,7 @@ var Lh = (e) => {
     height: Math.abs(o.y - a.y)
   };
 }, Yn = (e, t) => !Number.isFinite(t) || !Number.isFinite(e) ? 0 : De(t, Math.min(-e, 0), Math.max(1 - e, 0)), n1 = ({ panelRect: e }) => {
-  const t = X((s) => V(s, "arrow-endpoint-drag")), n = ke(e).arrows, a = Q();
+  const t = X((s) => V(s, "arrow-endpoint-drag")), n = Le(e).arrows, a = Q();
   if (t === null) return null;
   const o = n.find((s) => s.id === t.annotationId);
   if (o === void 0) return null;
@@ -5298,7 +5298,7 @@ var Lh = (e) => {
       isAddressable: !1
     })
   });
-}, Ue = () => {
+}, We = () => {
   const e = Qt();
   return Vt(e);
 }, Vt = (e) => {
@@ -5449,7 +5449,7 @@ var Lh = (e) => {
   className: u1,
   onClick: n,
   children: a
-}), N = {
+}), R = {
   Root: m1,
   Dropdown: g1,
   MenuItem: q.MenuItem,
@@ -5556,20 +5556,20 @@ var k1 = ({ arrow: e, arrowBox: t, panelRect: n, frameWidth: a, frameHeight: o,
     ...g,
     part: "outline"
   }), [g]), f = (S, b) => {
-    const W = ye(c, { select: g })?.declarations ?? {};
-    s.dispatch(new we({
+    const U = Se(c, { select: g })?.declarations ?? {};
+    s.dispatch(new Ae({
       list: "overrides",
       rule: {
         select: g,
         declarations: {
-          ...W,
+          ...U,
           ...S
         }
       }
     }), b);
   }, x = (S) => {
-    const b = ye(c, { select: v })?.declarations ?? {};
-    s.dispatch(new we({
+    const b = Se(c, { select: v })?.declarations ?? {};
+    s.dispatch(new Ae({
       list: "overrides",
       rule: {
         select: v,
@@ -5589,11 +5589,11 @@ var k1 = ({ arrow: e, arrowBox: t, panelRect: n, frameWidth: a, frameHeight: o,
     })), u.close();
   }, T = () => {
     s.dispatch(new _e({ id: e.id })), i.focus({ preventScroll: !0 });
-  }, C = (S) => f({ stroke: S }, { transient: !0 }), M = (S) => w({ strokeWidth: S }), L = (S) => y({ startArrowheadStyle: S }), O = (S) => w({ dashArray: Wi.arrow[S] }), R = (S) => y({ endArrowheadStyle: S }), D = () => x(p ? {
+  }, C = (S) => f({ stroke: S }, { transient: !0 }), O = (S) => w({ strokeWidth: S }), L = (S) => y({ startArrowheadStyle: S }), M = (S) => w({ dashArray: Ui.arrow[S] }), D = (S) => y({ endArrowheadStyle: S }), N = () => x(p ? {
     strokeWidth: 0,
     shadow: "none"
   } : Vi);
-  return /* @__PURE__ */ m(N.Root, {
+  return /* @__PURE__ */ m(R.Root, {
     anchorBox: t,
     panelRect: n,
     frameWidth: a,
@@ -5601,14 +5601,14 @@ var k1 = ({ arrow: e, arrowBox: t, panelRect: n, frameWidth: a, frameHeight: o,
     label: l("graph.annotations.arrowToolbar.label"),
     testId: "arrow-toolbar",
     children: [
-      /* @__PURE__ */ r(N.ColorPicker, {
+      /* @__PURE__ */ r(R.ColorPicker, {
         color: d.stroke,
         label: l("graph.annotations.arrowToolbar.color"),
         onChange: C,
         ...u.bind("color"),
-        children: /* @__PURE__ */ r(N.Swatch, { color: d.stroke })
+        children: /* @__PURE__ */ r(R.Swatch, { color: d.stroke })
       }),
-      /* @__PURE__ */ r(N.Dropdown, {
+      /* @__PURE__ */ r(R.Dropdown, {
         label: l("graph.annotations.arrowToolbar.thickness.ariaLabel"),
         trigger: /* @__PURE__ */ r(Xa, {
           size: "sm",
@@ -5618,10 +5618,10 @@ var k1 = ({ arrow: e, arrowBox: t, panelRect: n, frameWidth: a, frameHeight: o,
         children: /* @__PURE__ */ r(Ze, {
           options: A1,
           current: d.strokeWidth,
-          onPick: M
+          onPick: O
         })
       }),
-      /* @__PURE__ */ r(N.Dropdown, {
+      /* @__PURE__ */ r(R.Dropdown, {
         label: l("graph.annotations.arrowToolbar.startArrowhead"),
         trigger: /* @__PURE__ */ r(r1, {
           size: "sm",
@@ -5634,7 +5634,7 @@ var k1 = ({ arrow: e, arrowBox: t, panelRect: n, frameWidth: a, frameHeight: o,
           onPick: L
         })
       }),
-      /* @__PURE__ */ r(N.Dropdown, {
+      /* @__PURE__ */ r(R.Dropdown, {
         label: l("graph.annotations.arrowToolbar.lineStyle.ariaLabel"),
         trigger: h?.Icon !== void 0 && /* @__PURE__ */ r(h.Icon, {
           size: "sm",
@@ -5644,10 +5644,10 @@ var k1 = ({ arrow: e, arrowBox: t, panelRect: n, frameWidth: a, frameHeight: o,
         children: /* @__PURE__ */ r(Ze, {
           options: Qn,
           current: Rt(d.dashArray),
-          onPick: O
+          onPick: M
         })
       }),
-      /* @__PURE__ */ r(N.Dropdown, {
+      /* @__PURE__ */ r(R.Dropdown, {
         label: l("graph.annotations.arrowToolbar.endArrowhead"),
         trigger: /* @__PURE__ */ r(qa, {
           size: "sm",
@@ -5657,20 +5657,20 @@ var k1 = ({ arrow: e, arrowBox: t, panelRect: n, frameWidth: a, frameHeight: o,
         children: /* @__PURE__ */ r(Ze, {
           options: Jn,
           current: e.endArrowheadStyle,
-          onPick: R
+          onPick: D
         })
       }),
-      /* @__PURE__ */ r(N.ToggleButton, {
+      /* @__PURE__ */ r(R.ToggleButton, {
         label: l("graph.annotations.arrowToolbar.sticker"),
         isPressed: p,
-        onClick: D,
+        onClick: N,
         children: /* @__PURE__ */ r(a1, {
           size: "sm",
           title: ""
         })
       }),
-      /* @__PURE__ */ r(N.Separator, {}),
-      /* @__PURE__ */ r(N.IconButton, {
+      /* @__PURE__ */ r(R.Separator, {}),
+      /* @__PURE__ */ r(R.IconButton, {
         label: l("graph.annotations.arrowToolbar.remove"),
         onClick: T,
         children: /* @__PURE__ */ r(ft, {
@@ -5682,7 +5682,7 @@ var k1 = ({ arrow: e, arrowBox: t, panelRect: n, frameWidth: a, frameHeight: o,
   });
 }, Ze = ({ options: e, current: t, onPick: n }) => {
   const a = E(), o = (i) => () => n(i);
-  return /* @__PURE__ */ r(Y, { children: e.map((i) => /* @__PURE__ */ m(N.MenuItem, {
+  return /* @__PURE__ */ r(Y, { children: e.map((i) => /* @__PURE__ */ m(R.MenuItem, {
     isSelected: i.value === t,
     onClick: o(i.value),
     children: [/* @__PURE__ */ r("span", { children: a(i.key) }), i.Icon !== void 0 && /* @__PURE__ */ r("span", {
@@ -5700,7 +5700,7 @@ var k1 = ({ arrow: e, arrowBox: t, panelRect: n, frameWidth: a, frameHeight: o,
   x: e.x * t.width,
   y: e.y * t.height
 });
-var I1 = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, We = class {
+var I1 = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, Ue = class {
   constructor(e) {
     this.params = e, this.listeners = new AbortController(), this.pendingEvent = null, this.scheduledFrame = null, this.hasMoved = !1, this.hasPublished = !1, this.handleMove = (t) => {
       t.pointerId === this.params.pointerId && (this.pendingEvent = t, this.hasMoved = !0, this.scheduledFrame === null && (this.scheduledFrame = requestAnimationFrame(this.runFrame)));
@@ -5751,7 +5751,7 @@ var I1 = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, We = class {
   if (a === void 0) return null;
   const o = a[n];
   return o.anchorType === "panel" ? o : null;
-}, ja = (e, t) => e === "start" ? { start: t } : { end: t }, E1 = class extends We {
+}, ja = (e, t) => e === "start" ? { start: t } : { end: t }, E1 = class extends Ue {
   constructor(...e) {
     super(...e), this.kind = "arrow-endpoint-drag";
   }
@@ -5765,7 +5765,7 @@ var I1 = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, We = class {
       kind: "arrow-endpoint-drag",
       annotationId: t,
       endpoint: n,
-      ...Wa({
+      ...Ua({
         anchor: c,
         point: l[n],
         delta: yt(a, e, s)
@@ -5819,7 +5819,7 @@ var I1 = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, We = class {
 }, M1 = [" ", "Enter"], er = 4, N1 = ({ annotationId: e, arrow: t, panelRect: n }) => {
   const { commands: a } = F(), o = $(), i = _((c) => c.spec.annotations), l = j(i), s = j(a.dispatch);
   return z(() => () => {
-    for (const c of Ua) tr({
+    for (const c of Wa) tr({
       editorStore: o,
       annotationId: e,
       endpoint: c,
@@ -5863,7 +5863,7 @@ var I1 = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, We = class {
       kind: "arrow-endpoint-drag",
       annotationId: e,
       endpoint: c,
-      ...Wa({
+      ...Ua({
         anchor: h.anchor,
         point: h.point,
         delta: p
@@ -5914,7 +5914,7 @@ var I1 = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, We = class {
       return null;
   }
 }, D1 = (e) => {
-  const t = Ue(), n = F1(t), a = B1(e.panelRect, t), o = H1(t);
+  const t = We(), n = F1(t), a = B1(e.panelRect, t), o = H1(t);
   if (n === null || a === null) return null;
   const i = o.dragged === null ? a : pn(a, o.dragged);
   return /* @__PURE__ */ r(_1, {
@@ -5945,7 +5945,7 @@ var I1 = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, We = class {
       frameWidth: l.width,
       frameHeight: l.height,
       frameElement: s
-    }), !o && Ua.filter((h) => e[h].anchorType === "panel").map((h) => /* @__PURE__ */ r(z1, {
+    }), !o && Wa.filter((h) => e[h].anchorType === "panel").map((h) => /* @__PURE__ */ r(z1, {
       endpoint: h,
       point: e1(n[h], i),
       label: c(`graph.annotations.arrowToolbar.moveEndpoint.${h}`),
@@ -5970,7 +5970,7 @@ var I1 = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, We = class {
   const t = _((n) => n.spec.annotations.arrows);
   return e === null ? null : t.find((n) => n.id === e) ?? null;
 }, B1 = (e, t) => {
-  const n = ke(e).arrows;
+  const n = Le(e).arrows;
   return t === null ? null : n.find((a) => a.id === t) ?? null;
 }, H1 = (e) => X(ge((t) => {
   if (e === null) return {
@@ -5991,8 +5991,8 @@ var I1 = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, We = class {
     strokeLinejoin: "round",
     children: [/* @__PURE__ */ r("path", { d: "M4 9h16m-4-4 4 4" }), /* @__PURE__ */ r("path", { d: "M20 15H4m4 4-4-4" })]
   })
-}), V1 = "q7gcrz0", $1 = "q7gcrz1", U1 = "q7gcrz2";
-var W1 = [
+}), V1 = "q7gcrz0", $1 = "q7gcrz1", W1 = "q7gcrz2";
+var U1 = [
   "absolute-difference",
   "relative-difference",
   "proportion"
@@ -6003,11 +6003,11 @@ var W1 = [
 }, X1 = (e) => {
   const { formattingLocale: t } = F(), n = _((o) => o.config.parsingLocale), a = t ?? n;
   return I(() => {
-    const o = Wl(e.start, e.end);
-    return W1.filter((i) => o || !nr.includes(i) || i === e.label).map((i) => ({
+    const o = Ul(e.start, e.end);
+    return U1.filter((i) => o || !nr.includes(i) || i === e.label).map((i) => ({
       kind: i,
       key: q1[i],
-      preview: us({
+      preview: ds({
         locale: a,
         kind: i,
         startValue: e.start.measurementValue,
@@ -6039,40 +6039,40 @@ var W1 = [
   }), [e.id]), v = I(() => ({
     ...g,
     part: "label"
-  }), [g]), f = h.find((b) => b.kind === e.label), x = h.some((b) => b.isPickable && b.kind !== e.label), w = rr.find((b) => Ln[b.id].arrow.strokeWidth === p.strokeWidth), y = (b, W) => {
+  }), [g]), f = h.find((b) => b.kind === e.label), x = h.some((b) => b.isPickable && b.kind !== e.label), w = rr.find((b) => Ln[b.id].arrow.strokeWidth === p.strokeWidth), y = (b, U) => {
     c.dispatch(new ie({
       kind: "differenceArrow",
       id: e.id,
       patch: b
-    }), W);
+    }), U);
   }, T = (b) => ({
-    ...ye(u, { select: g })?.declarations,
+    ...Se(u, { select: g })?.declarations,
     ...b
   }), C = (b) => ({
-    ...ye(u, { select: v })?.declarations,
+    ...Se(u, { select: v })?.declarations,
     ...b
-  }), M = (b) => {
+  }), O = (b) => {
     y(b), d.close();
   }, L = () => {
     c.dispatch(new _e({ id: e.id })), l.focus({ preventScroll: !0 });
-  }, O = (b) => c.dispatch(new we({
+  }, M = (b) => c.dispatch(new Ae({
     list: "overrides",
     rule: {
       select: g,
       declarations: T({ stroke: b })
     }
-  }), { transient: !0 }), R = () => y({
+  }), { transient: !0 }), D = () => y({
     start: e.end.anchor,
     end: e.start.anchor
-  }), D = (b) => () => M({ label: b }), S = (b) => () => {
-    const W = Ln[b];
+  }), N = (b) => () => O({ label: b }), S = (b) => () => {
+    const U = Ln[b];
     c.dispatch(new ul({
       annotationId: e.id,
-      arrow: T(W.arrow),
-      label: C(W.label)
+      arrow: T(U.arrow),
+      label: C(U.label)
     })), d.close();
   };
-  return /* @__PURE__ */ m(N.Root, {
+  return /* @__PURE__ */ m(R.Root, {
     anchorBox: n,
     panelRect: a,
     frameWidth: o,
@@ -6080,15 +6080,15 @@ var W1 = [
     label: s("graph.annotations.differenceArrowToolbar.label"),
     testId: "difference-arrow-toolbar",
     children: [
-      /* @__PURE__ */ r(N.Dropdown, {
+      /* @__PURE__ */ r(R.Dropdown, {
         label: s("graph.annotations.differenceArrowToolbar.labelKind.ariaLabel"),
         trigger: /* @__PURE__ */ r(j1, { option: f }),
         isDisabled: !x,
         ...d.bind("labelKind"),
-        children: h.map((b) => /* @__PURE__ */ m(N.MenuItem, {
+        children: h.map((b) => /* @__PURE__ */ m(R.MenuItem, {
           isSelected: b.kind === e.label,
           isDisabled: !b.isPickable,
-          onClick: D(b.kind),
+          onClick: N(b.kind),
           children: [
             /* @__PURE__ */ r("span", { children: s(b.key) }),
             (b.isSuspect || !b.isPickable) && /* @__PURE__ */ r("span", {
@@ -6098,40 +6098,40 @@ var W1 = [
               children: "⚠"
             }),
             /* @__PURE__ */ r("span", {
-              className: U1,
+              className: W1,
               children: b.preview
             })
           ]
         }, b.kind))
       }),
-      /* @__PURE__ */ r(N.Separator, {}),
-      /* @__PURE__ */ r(N.ColorPicker, {
+      /* @__PURE__ */ r(R.Separator, {}),
+      /* @__PURE__ */ r(R.ColorPicker, {
         color: t,
         label: s("graph.annotations.differenceArrowToolbar.color"),
-        onChange: O,
+        onChange: M,
         ...d.bind("color"),
-        children: /* @__PURE__ */ r(N.Swatch, { color: t })
+        children: /* @__PURE__ */ r(R.Swatch, { color: t })
       }),
-      /* @__PURE__ */ r(N.Dropdown, {
+      /* @__PURE__ */ r(R.Dropdown, {
         label: s("graph.annotations.differenceArrowToolbar.size.ariaLabel"),
         trigger: w === void 0 ? "" : s(w.key),
         ...d.bind("size"),
-        children: rr.map((b) => /* @__PURE__ */ r(N.MenuItem, {
+        children: rr.map((b) => /* @__PURE__ */ r(R.MenuItem, {
           isSelected: b.id === w?.id,
           onClick: S(b.id),
           children: s(b.key)
         }, b.id))
       }),
-      /* @__PURE__ */ r(N.Separator, {}),
-      /* @__PURE__ */ r(N.IconButton, {
+      /* @__PURE__ */ r(R.Separator, {}),
+      /* @__PURE__ */ r(R.IconButton, {
         label: s("graph.annotations.differenceArrowToolbar.swap"),
-        onClick: R,
+        onClick: D,
         children: /* @__PURE__ */ r(G1, {
           size: "sm",
           title: ""
         })
       }),
-      /* @__PURE__ */ r(N.IconButton, {
+      /* @__PURE__ */ r(R.IconButton, {
         label: s("graph.annotations.differenceArrowToolbar.remove"),
         onClick: L,
         children: /* @__PURE__ */ r(ft, {
@@ -6171,17 +6171,17 @@ var Y1 = "ydgo3h0", J1 = "ydgo3h1", Q1 = "ydgo3h2", ep = ({ clientPoint: e, pane
     coordSystem: i,
     align: c
   });
-  return p === null || Ur(p.anchor, s) ? null : p;
+  return p === null || Wr(p.anchor, s) ? null : p;
 }, tp = (e, t) => ({
   x: Math.max(0, Math.min(e.x, t.width)),
   y: Math.max(0, Math.min(e.y, t.height))
 }), Ya = (e) => e === "start" ? "end" : "start", Ja = ({ dispatch: e, arrow: t, endpoint: n, anchor: a }) => {
-  Ur(a, t[n].anchor) || e(new ie({
+  Wr(a, t[n].anchor) || e(new ie({
     kind: "differenceArrow",
     id: t.id,
     patch: { [n]: a }
   }));
-}, np = class extends We {
+}, np = class extends Ue {
   constructor(...e) {
     super(...e), this.kind = "difference-arrow-endpoint-drag";
   }
@@ -6266,7 +6266,7 @@ var Y1 = "ydgo3h0", J1 = "ydgo3h1", Q1 = "ydgo3h2", ep = ({ clientPoint: e, pane
   const { commands: t, anchorResolver: n } = F(), a = $(), { layers: o, coordSystem: i, mainAxis: l } = _(ge((c) => ({
     layers: c.layers,
     coordSystem: c.coordSystem,
-    mainAxis: c.coordSystem.type === "cartesian" ? c.coordSystem.mainAxis : "x"
+    mainAxis: Ts(c.coordSystem)
   }))), s = e.id;
   return z(() => () => {
     const c = a.getState();
@@ -6347,13 +6347,13 @@ var Y1 = "ydgo3h0", J1 = "ydgo3h1", Q1 = "ydgo3h2", ep = ({ clientPoint: e, pane
     })
   })?.point ?? null;
 }, sp = (e) => {
-  const t = Ue();
+  const t = We();
   return t === null ? null : /* @__PURE__ */ r(cp, {
     annotationId: t,
     ...e
   });
 }, cp = ({ annotationId: e, ...t }) => {
-  const n = ni(), a = I(() => n.find((o) => o.id === e), [n, e]);
+  const n = ti(), a = I(() => n.find((o) => o.id === e), [n, e]);
   return a === void 0 ? null : /* @__PURE__ */ r(dp, {
     committedArrow: a.committedArrow,
     color: a.color,
@@ -6392,7 +6392,7 @@ var Y1 = "ydgo3h0", J1 = "ydgo3h1", Q1 = "ydgo3h2", ep = ({ clientPoint: e, pane
           top: s.y + o.y - 2,
           width: o.width + 4,
           height: o.height + 4,
-          borderRadius: Ei(n, 2)
+          borderRadius: Ii(n, 2)
         }
       }),
       /* @__PURE__ */ r(ar, {
@@ -6485,7 +6485,7 @@ var Qa = ({ width: e, height: t }) => ({
   };
 }, to = (e, t) => e.x === t.x && e.y === t.y && e.width === t.width && e.height === t.height, no = (e) => e === "top-left" || e === "bottom-left", ro = (e) => e === "top-left" || e === "top-right", ao = (e, t, n, a) => {
   const o = e.textAnnotations.find((i) => i.id === t);
-  return o === void 0 ? null : ci(bi(o, n), a);
+  return o === void 0 ? null : ci(fi(o, n), a);
 };
 var pp = {
   hovered: "_1ee8fau1 _1ee8fau0",
@@ -6494,7 +6494,7 @@ var pp = {
   hovered: "_1ee8fau4 _1ee8fau3",
   selected: "_1ee8fau5 _1ee8fau3"
 }, gp = ({ panelRect: e }) => {
-  const t = ke(e), n = _r(), a = Q(), o = Ue(), i = X((f) => V(f, "move-drag")), l = X((f) => V(f, "shape-resize-drag")), s = X((f) => V(f, "arrow-endpoint-drag")), c = X((f) => V(f, "text-resize-drag")), u = X(ri), d = I(() => ({
+  const t = Le(e), n = _r(), a = Q(), o = We(), i = X((f) => V(f, "move-drag")), l = X((f) => V(f, "shape-resize-drag")), s = X((f) => V(f, "arrow-endpoint-drag")), c = X((f) => V(f, "text-resize-drag")), u = X(ai), d = I(() => ({
     panel: {
       width: e.width,
       height: e.height
@@ -6513,7 +6513,7 @@ var pp = {
     }
     if (s?.annotationId === f.id) {
       const x = t.arrows.find((w) => w.id === f.id);
-      return x === void 0 ? f.geometry : vi(pn(x, s), d.panel) ?? f.geometry;
+      return x === void 0 ? f.geometry : gi(pn(x, s), d.panel) ?? f.geometry;
     }
     return c?.annotationId === f.id ? ao(t, f.id, c, d) ?? f.geometry : f.geometry;
   }, v = (f) => {
@@ -6575,7 +6575,7 @@ var pp = {
     top: n.y + e.y
   }
 }), vp = ({ panelRect: e }) => {
-  const t = X((o) => V(o, "move-drag")), n = ke(e);
+  const t = X((o) => V(o, "move-drag")), n = Le(e);
   if (t === null) return null;
   const a = Za(t.translation, e);
   return /* @__PURE__ */ r("svg", {
@@ -6592,8 +6592,8 @@ var pp = {
     children: yp(n, t.annotationId, e)
   });
 }, fp = ({ annotation: e, panel: t }) => {
-  const n = Si(e.id);
-  return /* @__PURE__ */ r(Ci, {
+  const n = yi(e.id);
+  return /* @__PURE__ */ r(Si, {
     annotation: e,
     panel: t,
     style: Q().annotation.text(e.id).resolve(),
@@ -6641,12 +6641,12 @@ var pp = {
   shape: e,
   style: Q().annotation.shape(e.id).resolve(),
   panel: t
-}), xp = ({ image: e, panelSize: t }) => /* @__PURE__ */ r(wi, {
+}), xp = ({ image: e, panelSize: t }) => /* @__PURE__ */ r(xi, {
   image: e,
   panel: t,
   style: Q().annotation.image(e.id).resolve()
 }), wp = ({ panelRect: e }) => {
-  const t = X((i) => V(i, "shape-resize-drag")), n = ke(e).shapes, a = Q();
+  const t = X((i) => V(i, "shape-resize-drag")), n = Le(e).shapes, a = Q();
   if (t === null) return null;
   const o = n.find((i) => i.id === t.annotationId);
   return o === void 0 ? null : /* @__PURE__ */ r("svg", {
@@ -6692,7 +6692,7 @@ var pp = {
     "aria-hidden": "true",
     className: Ap[a]
   })
-}), Ut = [
+}), Wt = [
   {
     width: 0,
     key: "graph.annotations.shapeToolbar.border.none"
@@ -6709,14 +6709,14 @@ var pp = {
     width: 16,
     key: "graph.annotations.shapeToolbar.border.thick"
   }
-], kp = (e) => [...Ut].reverse().find((t) => t.width <= e) ?? Ut[0], Lp = ({ shape: e, shapeBox: t, panelRect: n, frameWidth: a, frameHeight: o, frameElement: i }) => {
+], kp = (e) => [...Wt].reverse().find((t) => t.width <= e) ?? Wt[0], Lp = ({ shape: e, shapeBox: t, panelRect: n, frameWidth: a, frameHeight: o, frameElement: i }) => {
   const l = E(), { commands: s } = F(), c = _((y) => y.spec.styles.overrides), u = bt(), d = Q().annotation.shape(e.id).resolve(), h = kp(d.strokeWidth), p = I(() => ({
     target: "annotation",
     kind: "shape",
     annotation: e.id
   }), [e.id]), g = (y, T) => {
-    const C = ye(c, { select: p })?.declarations ?? {};
-    s.dispatch(new we({
+    const C = Se(c, { select: p })?.declarations ?? {};
+    s.dispatch(new Ae({
       list: "overrides",
       rule: {
         select: p,
@@ -6731,7 +6731,7 @@ var pp = {
   }, f = (y) => g({ fill: y }, { transient: !0 }), x = (y) => g({ fillAlpha: y }, { transient: !0 }), w = (y) => () => {
     g({ strokeWidth: y }), u.close();
   };
-  return /* @__PURE__ */ m(N.Root, {
+  return /* @__PURE__ */ m(R.Root, {
     anchorBox: t,
     panelRect: n,
     frameWidth: a,
@@ -6739,33 +6739,33 @@ var pp = {
     label: l("graph.annotations.shapeToolbar.label"),
     testId: "shape-toolbar",
     children: [
-      /* @__PURE__ */ r(N.ColorPicker, {
+      /* @__PURE__ */ r(R.ColorPicker, {
         color: tt(d.fill),
         label: l("graph.annotations.shapeToolbar.color"),
         onChange: f,
         opacity: d.fillAlpha,
         onOpacityChange: x,
         ...u.bind("color"),
-        children: /* @__PURE__ */ r(N.Swatch, {
+        children: /* @__PURE__ */ r(R.Swatch, {
           color: tt(d.fill),
           opacity: d.fillAlpha
         })
       }),
-      /* @__PURE__ */ r(N.Dropdown, {
+      /* @__PURE__ */ r(R.Dropdown, {
         label: l("graph.annotations.shapeToolbar.border.ariaLabel"),
         trigger: /* @__PURE__ */ r(Xa, {
           size: "sm",
           title: ""
         }),
         ...u.bind("border"),
-        children: Ut.map((y) => /* @__PURE__ */ r(N.MenuItem, {
+        children: Wt.map((y) => /* @__PURE__ */ r(R.MenuItem, {
           isSelected: y.width === h?.width,
           onClick: w(y.width),
           children: l(y.key)
         }, y.width))
       }),
-      /* @__PURE__ */ r(N.Separator, {}),
-      /* @__PURE__ */ r(N.IconButton, {
+      /* @__PURE__ */ r(R.Separator, {}),
+      /* @__PURE__ */ r(R.IconButton, {
         label: l("graph.annotations.shapeToolbar.remove"),
         onClick: v,
         children: /* @__PURE__ */ r(ft, {
@@ -6801,7 +6801,7 @@ var pp = {
 }, ot = (e, t) => {
   const n = e.shapes.find((a) => a.id === t);
   return n === void 0 || n.region.anchorType !== "panel" ? null : n.region;
-}, Pp = class extends We {
+}, Pp = class extends Ue {
   constructor(...e) {
     super(...e), this.kind = "shape-resize-drag";
   }
@@ -6931,7 +6931,7 @@ var pp = {
   "top-right": "diagonalUp",
   "bottom-left": "diagonalUp"
 }, Rp = (e) => {
-  const t = Ue(), n = _p(t), a = zp(t);
+  const t = We(), n = _p(t), a = zp(t);
   if (n === null) return null;
   const o = a.resizedRegion ?? (n.region.anchorType === "panel" ? n.region : null);
   return o === null ? null : /* @__PURE__ */ r(Dp, {
@@ -7002,10 +7002,10 @@ var pp = {
   })]
 });
 var it = "textStyle", so = /* @__PURE__ */ new Set(["paragraph", "heading"]), Bp = (e) => {
-  const t = co(e), n = Wp(e);
+  const t = co(e), n = Up(e);
   return {
     color: Ye(t.map((a) => Kp(Et(a)?.color))),
-    font: Ye(t.map((a) => Up(Et(a)))),
+    font: Ye(t.map((a) => Wp(Et(a)))),
     fontSize: Ye(t.map((a) => qp(Et(a)?.fontSize))),
     alignment: Ye(n.map((a) => Xp(a.attrs?.textAlign)))
   };
@@ -7030,7 +7030,7 @@ var it = "textStyle", so = /* @__PURE__ */ new Set(["paragraph", "heading"]), Bp
     ...e,
     marks: a === void 0 ? [...n, o] : n.map((i) => i === a ? o : i)
   };
-}, Et = (e) => e.marks?.find((t) => t.type === it)?.attrs, Up = (e) => wn(e?.font) ?? wn(e?.fontFamily), co = (e) => vn(e, (t) => t.type === "text"), Wp = (e) => vn(e, (t) => so.has(t.type ?? "")), vn = (e, t) => [...t(e) ? [e] : [], ...(e.content ?? []).flatMap((n) => vn(n, t))], Ye = (e) => {
+}, Et = (e) => e.marks?.find((t) => t.type === it)?.attrs, Wp = (e) => wn(e?.font) ?? wn(e?.fontFamily), co = (e) => vn(e, (t) => t.type === "text"), Up = (e) => vn(e, (t) => so.has(t.type ?? "")), vn = (e, t) => [...t(e) ? [e] : [], ...(e.content ?? []).flatMap((n) => vn(n, t))], Ye = (e) => {
   const [t, ...n] = e;
   return t === void 0 ? null : n.every((a) => a === t) ? t : null;
 }, Kp = (e) => typeof e == "string" && e.length > 0 ? e : void 0, qp = (e) => typeof e == "number" && Number.isFinite(e) ? e : void 0, Xp = (e) => e === "left" || e === "center" || e === "right" ? e : void 0;
@@ -7058,7 +7058,7 @@ var uo = [
 ].map(({ id: e, key: t }) => ({
   id: e,
   key: t,
-  fontFamily: gi[e] ?? e
+  fontFamily: mi[e] ?? e
 })), Zp = (e) => uo.find((t) => t.id === (e ?? "modern")) ?? null;
 var ho = [
   {
@@ -7099,9 +7099,9 @@ var ho = [
     target: "annotation",
     kind: "text",
     annotation: e.id
-  }), [e.id]), w = (b, W) => {
-    const te = ye(c, { select: x })?.declarations ?? {};
-    s.dispatch(new we({
+  }), [e.id]), w = (b, U) => {
+    const te = Se(c, { select: x })?.declarations ?? {};
+    s.dispatch(new Ae({
       list: "overrides",
       rule: {
         select: x,
@@ -7110,28 +7110,28 @@ var ho = [
           ...b
         }
       }
-    }), W);
-  }, y = (b, W) => {
+    }), U);
+  }, y = (b, U) => {
     s.dispatch(new ie({
       kind: "text",
       id: e.id,
       patch: b
-    }), W);
-  }, T = () => u.getState().caret?.editor?.getJSON() ?? e.content, C = (b, W) => {
+    }), U);
+  }, T = () => u.getState().caret?.editor?.getJSON() ?? e.content, C = (b, U) => {
     const te = T(), he = u.getState().caret?.editor ?? null;
     if (he !== null && !Gp(te)) {
       he.chain().focus().setMark(it, b).run();
       return;
     }
-    y({ content: Hp(te, b) }, W);
-  }, M = () => {
+    y({ content: Hp(te, b) }, U);
+  }, O = () => {
     s.dispatch(new _e({ id: e.id })), i.focus({ preventScroll: !0 });
-  }, L = (b) => w(e2(b), { transient: !0 }), O = (b) => C({ color: b }, { transient: !0 }), R = (b) => () => {
+  }, L = (b) => w(e2(b), { transient: !0 }), M = (b) => C({ color: b }, { transient: !0 }), D = (b) => () => {
     C({ font: b }), d.close();
-  }, D = (b) => () => {
+  }, N = (b) => () => {
     C({ fontSize: b }), d.close();
   }, S = (b) => y({ content: Vp(T(), b) });
-  return /* @__PURE__ */ m(N.Root, {
+  return /* @__PURE__ */ m(R.Root, {
     anchorBox: t,
     panelRect: n,
     frameWidth: a,
@@ -7139,18 +7139,18 @@ var ho = [
     label: l("graph.annotations.textToolbar.label"),
     testId: "text-toolbar",
     children: [
-      /* @__PURE__ */ r(N.ColorPicker, {
+      /* @__PURE__ */ r(R.ColorPicker, {
         color: tt(h.fill),
         label: l("graph.annotations.textToolbar.background"),
         hasTransparentOption: !0,
         onChange: L,
         ...d.bind("background"),
-        children: /* @__PURE__ */ r(N.Swatch, { color: h.fill === "transparent" ? da : tt(h.fill) })
+        children: /* @__PURE__ */ r(R.Swatch, { color: h.fill === "transparent" ? da : tt(h.fill) })
       }),
-      /* @__PURE__ */ r(N.ColorPicker, {
+      /* @__PURE__ */ r(R.ColorPicker, {
         color: f,
         label: l("graph.annotations.textToolbar.color"),
-        onChange: O,
+        onChange: M,
         ...d.bind("color"),
         children: /* @__PURE__ */ r(Fp, {
           size: "sm",
@@ -7158,44 +7158,44 @@ var ho = [
           title: ""
         })
       }),
-      /* @__PURE__ */ r(N.Dropdown, {
+      /* @__PURE__ */ r(R.Dropdown, {
         label: l("graph.annotations.textToolbar.font.ariaLabel"),
         trigger: /* @__PURE__ */ r("span", {
           style: { fontFamily: g?.fontFamily },
           children: "Aa"
         }),
         ...d.bind("font"),
-        children: uo.map((b) => /* @__PURE__ */ r(N.MenuItem, {
+        children: uo.map((b) => /* @__PURE__ */ r(R.MenuItem, {
           isSelected: b.id === g?.id,
-          onClick: R(b.id),
+          onClick: D(b.id),
           children: /* @__PURE__ */ r("span", {
             style: { fontFamily: b.fontFamily },
             children: l(b.key)
           })
         }, b.id))
       }),
-      /* @__PURE__ */ r(N.Dropdown, {
+      /* @__PURE__ */ r(R.Dropdown, {
         label: l("graph.annotations.textToolbar.fontSize.ariaLabel"),
         trigger: v === null ? "" : l(v.key),
         ...d.bind("fontSize"),
-        children: ho.map((b) => /* @__PURE__ */ r(N.MenuItem, {
+        children: ho.map((b) => /* @__PURE__ */ r(R.MenuItem, {
           isSelected: b.size === v?.size,
-          onClick: D(b.size),
+          onClick: N(b.size),
           children: /* @__PURE__ */ r("span", {
             style: { fontSize: Yp(b.size) },
             children: l(b.key)
           })
         }, b.size))
       }),
-      /* @__PURE__ */ r(N.Separator, {}),
+      /* @__PURE__ */ r(R.Separator, {}),
       /* @__PURE__ */ r(t2, {
         current: p.alignment ?? "center",
         onPick: S
       }),
-      /* @__PURE__ */ r(N.Separator, {}),
-      /* @__PURE__ */ r(N.IconButton, {
+      /* @__PURE__ */ r(R.Separator, {}),
+      /* @__PURE__ */ r(R.IconButton, {
         label: l("graph.annotations.textToolbar.remove"),
-        onClick: M,
+        onClick: O,
         children: /* @__PURE__ */ r(ft, {
           size: "sm",
           title: ""
@@ -7205,10 +7205,10 @@ var ho = [
   });
 }, e2 = (e) => e === "transparent" ? { fill: ma } : {
   fill: e,
-  fillAlpha: Uc(e) ? _l : 1
+  fillAlpha: Wc(e) ? _l : 1
 }, t2 = ({ current: e, onPick: t }) => {
   const n = E(), a = (o) => () => t(o);
-  return /* @__PURE__ */ r(Y, { children: Jp.map((o) => /* @__PURE__ */ r(N.ToggleButton, {
+  return /* @__PURE__ */ r(Y, { children: Jp.map((o) => /* @__PURE__ */ r(R.ToggleButton, {
     label: n(`graph.annotations.textToolbar.align.${o.alignment}`),
     isPressed: o.alignment === e,
     onClick: a(o.alignment),
@@ -7249,12 +7249,12 @@ var po = ({ width: e }) => oe(60, e), r2 = (e, t) => ({
     width: n.width,
     align: n.align
   };
-}, o2 = class extends We {
+}, o2 = class extends Ue {
   constructor(...e) {
     super(...e), this.kind = "text-resize-drag";
   }
   readOwn(e) {
-    return Jt(V(e, "text-resize-drag"), this.params.annotationId);
+    return Yt(V(e, "text-resize-drag"), this.params.annotationId);
   }
   resolvePreview(e) {
     const { annotationId: t, edge: n, press: a, readInputs: o } = this.params, { annotations: i, panelRect: l } = o(), s = lt(i, t);
@@ -7314,7 +7314,7 @@ var po = ({ width: e }) => oe(60, e), r2 = (e, t) => ({
     };
   };
   return lo({
-    readHeld: () => Jt(V(a.getState(), "text-resize-drag"), e),
+    readHeld: () => Yt(V(a.getState(), "text-resize-drag"), e),
     claim: (l) => i(l, 0),
     step: (l, s, c) => {
       const u = c2(c, t);
@@ -7343,7 +7343,7 @@ var po = ({ width: e }) => oe(60, e), r2 = (e, t) => ({
       return null;
   }
 }, d2 = (e) => {
-  const t = Ue(), n = h2(t), a = p2(t), o = X((l) => l.caret?.annotationId === t), i = m2(e.panelRect, t, a.resized);
+  const t = We(), n = h2(t), a = p2(t), o = X((l) => l.caret?.annotationId === t), i = m2(e.panelRect, t, a.resized);
   return n === null || i === null ? null : /* @__PURE__ */ r(u2, {
     annotation: n,
     textBox: i,
@@ -7397,10 +7397,10 @@ var po = ({ width: e }) => oe(60, e), r2 = (e, t) => ({
   resized: null,
   isMoved: !1
 } : {
-  resized: Jt(V(t, "text-resize-drag"), e),
+  resized: Yt(V(t, "text-resize-drag"), e),
   isMoved: ct(V(t, "move-drag"), e) !== null
 })), m2 = (e, t, n) => {
-  const a = ke(e), o = _r(), i = Q(), l = I(() => ({
+  const a = Le(e), o = _r(), i = Q(), l = I(() => ({
     panel: {
       width: e.width,
       height: e.height
@@ -7518,7 +7518,7 @@ var b2 = "_1tyillx1", y2 = {
       const n = t.legends[e.part.legendIndex], a = n?.items[e.part.itemIndex];
       if (n === void 0 || a === void 0) return null;
       const o = I2(n, a.layerId, t.layers);
-      return o === null ? null : Wr({
+      return o === null ? null : Ur({
         layer: o.layer,
         scope: "series",
         variable: o.variable,
@@ -7560,7 +7560,7 @@ var b2 = "_1tyillx1", y2 = {
     if (!o.interactive) continue;
     const i = Es(o.mapping);
     if (i === null) continue;
-    const l = Wr({
+    const l = Ur({
       layer: o,
       scope: "x-value",
       variable: i,
@@ -7576,9 +7576,9 @@ var b2 = "_1tyillx1", y2 = {
 }, N2 = /* @__PURE__ */ new Set(["discrete", "datetime"]), R2 = ({ hover: e, layers: t, scales: n, parsingLocale: a }) => {
   const { primary: o, intersection: i } = e;
   if (o === null) return null;
-  const l = Pe(t, o.layerId);
+  const l = ye(t, o.layerId);
   if (l === void 0) return null;
-  const s = Jr(o), c = i?.intersects !== !1, u = Ss(l), d = c || !_2(n) ? [u] : ["x-value", u];
+  const s = Jr(o), c = i?.intersects !== !1, u = ys(l), d = c || !_2(n) ? [u] : ["x-value", u];
   for (const h of d) {
     const p = nn({
       layer: l,
@@ -7596,7 +7596,7 @@ var b2 = "_1tyillx1", y2 = {
   return null;
 }, D2 = (e, t, n) => {
   if (!e.isOnObservation || e.target.scope !== "series") return null;
-  const a = Pe(t, e.layerId);
+  const a = ye(t, e.layerId);
   return a === void 0 ? null : nn({
     layer: a,
     observationIndex: e.observationIndex,
@@ -7646,7 +7646,7 @@ var b2 = "_1tyillx1", y2 = {
     y: e.clientY - t.top
   };
   return n.engine.query(ht(a, t), n.tolerance, t);
-}, H2 = class extends We {
+}, H2 = class extends Ue {
   constructor(...e) {
     super(...e), this.kind = "move-drag";
   }
@@ -7654,9 +7654,9 @@ var b2 = "_1tyillx1", y2 = {
     return ct(V(e, "move-drag"), this.params.annotationId);
   }
   resolvePreview(e) {
-    const { annotationId: t, press: n, readInputs: a } = this.params, { annotations: o, panelRect: i } = a(), l = as(o, t);
+    const { annotationId: t, press: n, readInputs: a } = this.params, { annotations: o, panelRect: i } = a(), l = rs(o, t);
     if (l === null) return null;
-    const s = Ql(l, yt(n, e, i));
+    const s = Jl(l, yt(n, e, i));
     return s === null ? null : {
       kind: "move-drag",
       annotationId: t,
@@ -7701,7 +7701,7 @@ var b2 = "_1tyillx1", y2 = {
   kind: "select-observations",
   target: e
 }, $2 = (e, t, n, a, o) => {
-  const { commands: i, selectionStore: l, store: s } = F(), c = $(), u = _((x) => x.spec.annotations), d = Le[Se()], h = j(d.graphPress), p = j({
+  const { commands: i, selectionStore: l, store: s } = F(), c = $(), u = _((x) => x.spec.annotations), d = Pe[Ce()], h = j(d.graphPress), p = j({
     annotations: u,
     panelRect: n
   }), g = j(t), v = j(o), f = ne(null);
@@ -7712,20 +7712,20 @@ var b2 = "_1tyillx1", y2 = {
       clientY: L.clientY
     }, a()).targetAtPoint, w = (L) => {
       if (!(L.target instanceof Element)) return !1;
-      const O = L.target.closest(Mr);
-      return O !== null && e.contains(O) && dt([L.target], e) === null;
-    }, y = (L, O) => {
-      if (f.current !== null || !Fi(p.current.annotations, O.id)) return;
+      const M = L.target.closest(Mr);
+      return M !== null && e.contains(M) && dt([L.target], e) === null;
+    }, y = (L, M) => {
+      if (f.current !== null || !Bi(p.current.annotations, M.id)) return;
       try {
         e.setPointerCapture(L.pointerId);
       } catch {
         return;
       }
       L.preventDefault();
-      const R = new H2({
+      const D = new H2({
         handle: e,
         pointerId: L.pointerId,
-        annotationId: O.id,
+        annotationId: M.id,
         press: {
           x: L.clientX,
           y: L.clientY
@@ -7737,48 +7737,48 @@ var b2 = "_1tyillx1", y2 = {
           f.current = null;
         }
       });
-      f.current = R, R.start();
-    }, T = (L, O) => {
-      const R = l.getState();
-      switch (O.kind) {
+      f.current = D, D.start();
+    }, T = (L, M) => {
+      const D = l.getState();
+      switch (M.kind) {
         case "select-annotation":
-          R.setSelection([O.target]), y(L, O.target);
+          D.setSelection([M.target]), y(L, M.target);
           return;
         case "select-observations":
         case "select-band":
         case "select-guide":
         case "select-graph":
-          R.setSelection([O.target]);
+          D.setSelection([M.target]);
           return;
         case "clear":
-          R.clearSelection();
+          D.clearSelection();
           return;
         default:
-          throw new ji({ message: `No press outcome for: ${JSON.stringify(O)}` });
+          throw new ji({ message: `No press outcome for: ${JSON.stringify(M)}` });
       }
     }, C = (L) => {
       if (L.button !== 0 || Gt(L.target) || Oa(L, g.current, c.getState().menuTrigger) || w(L)) return;
-      const O = G2(x(L), {
+      const M = G2(x(L), {
         canSelectGraph: h.current,
         isWithinFrame: L.target instanceof Node && e.contains(L.target),
         caretAnnotationId: c.getState().caret?.annotationId ?? null
       });
-      O.kind !== "keep-caret" && (c.getState().setCaret(null), T(L, O));
-    }, M = (L) => {
+      M.kind !== "keep-caret" && (c.getState().setCaret(null), T(L, M));
+    }, O = (L) => {
       if (Gt(L.target) || w(L)) return;
-      const O = x(L), { layers: R, guides: D, config: S } = s.getState().scene, b = l.getState(), W = c.getState();
-      switch (O?.kind) {
+      const M = x(L), { layers: D, guides: N, config: S } = s.getState().scene, b = l.getState(), U = c.getState();
+      switch (M?.kind) {
         case "observations": {
-          const { observations: te } = O, he = D2(te, R, S.parsingLocale);
+          const { observations: te } = M, he = D2(te, D, S.parsingLocale);
           if (he === null) return;
           b.setSelection([he]);
           return;
         }
         case "axis":
         case "legend": {
-          const te = P2(O, {
-            layers: R,
-            legends: D.legends.drawn,
+          const te = P2(M, {
+            layers: D,
+            legends: N.legends.drawn,
             formattedAxes: v.current,
             parsingLocale: S.parsingLocale
           });
@@ -7787,9 +7787,9 @@ var b2 = "_1tyillx1", y2 = {
           return;
         }
         case "annotation": {
-          const { target: te } = O;
+          const { target: te } = M;
           if (!p.current.annotations.textAnnotations.some((he) => he.id === te.id)) return;
-          b.setSelection([te]), W.setCaret(te.id);
+          b.setSelection([te]), U.setCaret(te.id);
           return;
         }
         case "grid":
@@ -7798,8 +7798,8 @@ var b2 = "_1tyillx1", y2 = {
           return;
       }
     };
-    return document.addEventListener("pointerdown", C), document.addEventListener("dblclick", M), () => {
-      document.removeEventListener("pointerdown", C), document.removeEventListener("dblclick", M);
+    return document.addEventListener("pointerdown", C), document.addEventListener("dblclick", O), () => {
+      document.removeEventListener("pointerdown", C), document.removeEventListener("dblclick", O);
     };
   }, [
     e,
@@ -7813,8 +7813,8 @@ var b2 = "_1tyillx1", y2 = {
     h,
     a
   ]);
-}, U2 = (e) => {
-  const { selectionStore: t, commands: n, chartId: a } = F(), o = $(), i = j(_((d) => d.spec.annotations.textAnnotations)), { annotations: l } = Le[Se()], s = ae((d) => {
+}, W2 = (e) => {
+  const { selectionStore: t, commands: n, chartId: a } = F(), o = $(), i = j(_((d) => d.spec.annotations.textAnnotations)), { annotations: l } = Pe[Ce()], s = ae((d) => {
     const { selection: h } = t.getState(), p = l ? Vt(h) : null;
     p !== null && (d.preventDefault(), n.dispatch(new _e({ id: p })), e.focus({ preventScroll: !0 }));
   }, [
@@ -7852,7 +7852,7 @@ var b2 = "_1tyillx1", y2 = {
   z(() => {
     const d = (h) => {
       if (!He(h.target, e, a) || Ea(h.target)) return;
-      const p = W2(h.target), g = o.getState().caret !== null && !Qe(h.target, a);
+      const p = U2(h.target), g = o.getState().caret !== null && !Qe(h.target, a);
       if (!(p && !g))
         switch (h.key) {
           case "Escape":
@@ -7875,8 +7875,8 @@ var b2 = "_1tyillx1", y2 = {
     a,
     o
   ]);
-}, W2 = (e) => e instanceof HTMLElement && (e.isContentEditable || e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement), K2 = (e, t) => {
-  const n = $(), { store: a } = F(), { engine: o, overlayRef: i } = Ge(), l = j(t), { annotations: s, observationsPress: c, guidePress: u, tolerance: d } = Le[Se()];
+}, U2 = (e) => e instanceof HTMLElement && (e.isContentEditable || e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement), K2 = (e, t) => {
+  const n = $(), { store: a } = F(), { engine: o, overlayRef: i } = Ge(), l = j(t), { annotations: s, observationsPress: c, guidePress: u, tolerance: d } = Pe[Ce()];
   return ae(() => ({
     frameElement: e,
     captureRect: i.current,
@@ -7901,7 +7901,7 @@ var b2 = "_1tyillx1", y2 = {
     a
   ]);
 }, q2 = () => {
-  const e = Le[Se()].observationMenu, t = Ai((l) => e ? l.hover.primary : null), { layers: n, coordSystem: a } = _(ge((l) => ({
+  const e = Pe[Ce()].observationMenu, t = wi((l) => e ? l.hover.primary : null), { layers: n, coordSystem: a } = _(ge((l) => ({
     layers: l.layers,
     coordSystem: l.coordSystem
   }))), { anchorResolver: o } = F(), i = Dr();
@@ -7915,10 +7915,10 @@ var b2 = "_1tyillx1", y2 = {
       purpose: "pin"
     });
     if (s === null) return null;
-    const c = es(l)(t.observation);
+    const c = Ql(l)(t.observation);
     return c === null ? null : {
       position: s,
-      color: As({ geom: i }, l, t.observation) ?? qi,
+      color: ws({ geom: i }, l, t.observation) ?? qi,
       layer: l,
       at: c,
       observation: t.observation
@@ -7981,30 +7981,30 @@ var b2 = "_1tyillx1", y2 = {
     u
   ]);
 }, Y2 = (e, t, n) => {
-  const a = $(), { store: o } = F(), { store: i } = Ge(), l = j(t), s = Le[Se()].observationsPress;
+  const a = $(), { store: o } = F(), { store: i } = Ge(), l = j(t), s = Pe[Ce()].observationsPress;
   z(() => (i.getState().setQueryOwnedByEditor(s), () => i.getState().setQueryOwnedByEditor(!1)), [i, s]), z(() => {
     let c = null, u = null, d = !1;
     const h = (C) => {
       if (!s) return;
-      const M = i.getState();
-      M.isPointerSuspended || C === null && M.hover.primary === null || M.setHoverState(C ?? tn);
+      const O = i.getState();
+      O.isPointerSuspended || C === null && O.hover.primary === null || O.setHoverState(C ?? tn);
     }, p = () => {
       if (c = null, u === null) return;
       const C = a.getState();
       if (Je(C.standingInteraction)) {
-        const O = C.menuTrigger !== null && rn({
+        const M = C.menuTrigger !== null && rn({
           x: u.clientX - l.current.x,
           y: u.clientY - l.current.y
-        }, C.menuTrigger), R = C.editTargetUnderPointer;
-        O ? C.setEditTargetUnderPointer({ kind: "menu-trigger" }) : R?.kind === "menu-trigger" && C.setEditTargetUnderPointer(null);
+        }, C.menuTrigger), D = C.editTargetUnderPointer;
+        M ? C.setEditTargetUnderPointer({ kind: "menu-trigger" }) : D?.kind === "menu-trigger" && C.setEditTargetUnderPointer(null);
         return;
       }
       d && (d = !1, u = {
         ...u,
         target: J2(u)
       });
-      const { targetAtPoint: M, hover: L } = fo(u, n());
-      C.setEditTargetUnderPointer(M), h(L);
+      const { targetAtPoint: O, hover: L } = fo(u, n());
+      C.setEditTargetUnderPointer(O), h(L);
     }, g = () => {
       c === null && (c = requestAnimationFrame(p));
     }, v = () => {
@@ -8019,10 +8019,10 @@ var b2 = "_1tyillx1", y2 = {
       }, d = !1, g();
     }, w = () => {
       u = null, c !== null && (cancelAnimationFrame(c), c = null), f();
-    }, y = a.subscribe((C, M) => {
-      Je(M.standingInteraction) && !Je(C.standingInteraction) && v();
-    }), T = o.subscribe((C, M) => {
-      C.scene !== M.scene && (Je(a.getState().standingInteraction) || v());
+    }, y = a.subscribe((C, O) => {
+      Je(O.standingInteraction) && !Je(C.standingInteraction) && v();
+    }), T = o.subscribe((C, O) => {
+      C.scene !== O.scene && (Je(a.getState().standingInteraction) || v());
     });
     return e.addEventListener("pointermove", x), e.addEventListener("pointerleave", w), () => {
       c !== null && cancelAnimationFrame(c), y(), T(), e.removeEventListener("pointermove", x), e.removeEventListener("pointerleave", w), f();
@@ -8050,8 +8050,8 @@ var b2 = "_1tyillx1", y2 = {
       return !1;
   }
 }, ur = "editor", hr = [], Q2 = (e, t, n, a, o) => {
-  const i = bo(), { store: l } = Ge(), s = Qt().length > 0, c = Le[Se()].holdsHoverWhileSelected, u = X((v) => v.menuTrigger), d = i.kind === "menu", h = I(() => u === null ? hr : [Kl(u)], [u]), p = K2(e, t);
-  Y2(e, t, p), $2(e, t, n, p, o), j2(i, t, n), L2(e), U2(e), T2(e, a), z(() => (l.getState().publishPointerRegions(ur, h), () => l.getState().publishPointerRegions(ur, hr)), [l, h]);
+  const i = bo(), { store: l } = Ge(), s = Qt().length > 0, c = Pe[Ce()].holdsHoverWhileSelected, u = X((v) => v.menuTrigger), d = i.kind === "menu", h = I(() => u === null ? hr : [Kl(u)], [u]), p = K2(e, t);
+  Y2(e, t, p), $2(e, t, n, p, o), j2(i, t, n), L2(e), W2(e), T2(e, a), z(() => (l.getState().publishPointerRegions(ur, h), () => l.getState().publishPointerRegions(ur, hr)), [l, h]);
   const g = d || s && c;
   z(() => (l.getState().setPointerSuspended(g), () => l.getState().setPointerSuspended(!1)), [l, g]), z(() => {
     if (!s || !c) return;
@@ -8063,7 +8063,7 @@ var b2 = "_1tyillx1", y2 = {
     c
   ]);
 }, em = ({ frameElement: e, panelRect: t, formattedAxes: n, shouldAnimateTransitions: a }) => {
-  const { measureRef: o, screenRect: i } = fi(), { selectionStore: l } = F(), s = $(), c = X((h) => h.caret?.annotationId ?? null), u = Se(), d = ne(u);
+  const { measureRef: o, screenRect: i } = vi(), { selectionStore: l } = F(), s = $(), c = X((h) => h.caret?.annotationId ?? null), u = Ce(), d = ne(u);
   return z(() => (o(e), () => o(null)), [o, e]), z(() => () => {
     const h = s.getState();
     h.releaseInteraction("menu"), h.setCaret(null);
@@ -8087,7 +8087,7 @@ var b2 = "_1tyillx1", y2 = {
     shouldAnimateTransitions: a
   })] });
 }, tm = ({ annotationId: e, panelRect: t }) => {
-  const n = $(), { textAnnotations: a } = ke(t);
+  const n = $(), { textAnnotations: a } = Le(t);
   return z(() => {
     a.some(({ id: o }) => o === e) || n.getState().setCaret(null);
   }, [
@@ -8114,7 +8114,7 @@ var b2 = "_1tyillx1", y2 = {
     shouldAnimateTransitions: o
   });
 }, rm = ({ frameElement: e, frameRect: t, panelOrigin: n, panelRect: a, boxRef: o, shouldAnimateTransitions: i }) => {
-  const l = vt(), s = bo(), { annotations: c, editOutline: u, overlayMenu: d } = Le[Se()], h = I(() => ({
+  const l = vt(), s = bo(), { annotations: c, editOutline: u, overlayMenu: d } = Pe[Ce()], h = I(() => ({
     width: t.width,
     height: t.height
   }), [t.width, t.height]);
@@ -8125,7 +8125,7 @@ var b2 = "_1tyillx1", y2 = {
     shouldAnimateTransitions: i
   }), /* @__PURE__ */ r(ph, { frameRect: t })] }), /* @__PURE__ */ r(di, {
     rect: t,
-    zIndex: pi.editorOverlay,
+    zIndex: ei.editorOverlay,
     container: l,
     "data-testid": "editor-overlay",
     boxRef: o,
@@ -8170,8 +8170,8 @@ var b2 = "_1tyillx1", y2 = {
     ] })
   })] });
 }, D5 = ({ slots: e, mode: t, ...n }) => /* @__PURE__ */ r(Cc, {
-  locale: Pi(),
-  children: /* @__PURE__ */ r(ui, { children: /* @__PURE__ */ r(Bi, {
+  locale: Li(),
+  children: /* @__PURE__ */ r(ui, { children: /* @__PURE__ */ r(Hi, {
     editors: tu,
     children: /* @__PURE__ */ r(Mi, {
       slots: I(() => ({
@@ -8195,8 +8195,8 @@ var b2 = "_1tyillx1", y2 = {
     value: a,
     children: n
   });
-}, Ce = ({ id: e, ariaLabel: t, ariaLabelledBy: n }, a = !0) => {
-  const o = ze(yo), i = Ae(), [l] = ee(() => a ? o?.claimControlId(i) ?? !1 : !1), s = e ?? (l ? o?.controlId : void 0), c = n ?? (t === void 0 ? o?.labelId : void 0);
+}, xe = ({ id: e, ariaLabel: t, ariaLabelledBy: n }, a = !0) => {
+  const o = ze(yo), i = Te(), [l] = ee(() => a ? o?.claimControlId(i) ?? !1 : !1), s = e ?? (l ? o?.controlId : void 0), c = n ?? (t === void 0 ? o?.labelId : void 0);
   return {
     ...s !== void 0 && { id: s },
     ...t !== void 0 && { "aria-label": t },
@@ -8207,7 +8207,7 @@ var am = {
   default: "woi4bh4 woi4bh3",
   tile: "woi4bh5 woi4bh3"
 }, om = ({ label: e, icon: t, onClick: n, variant: a = "default", isDisabled: o, ariaLabel: i, ariaLabelledBy: l, id: s }) => {
-  const c = Ce({
+  const c = xe({
     id: s,
     ariaLabel: i,
     ariaLabelledBy: l
@@ -8235,7 +8235,7 @@ var am = {
   return /* @__PURE__ */ r("div", {
     onKeyDown: (i) => {
       if (t?.(i), !a || i.defaultPrevented) return;
-      const l = Li(i.nativeEvent);
+      const l = ki(i.nativeEvent);
       l && (i.preventDefault(), l === "undo" ? a.undo() : a.redo());
     },
     ...n,
@@ -8272,7 +8272,7 @@ var am = {
   };
 }, im = "eh8dvc0", lm = "eh8dvc1 uz3g760", sm = "eh8dvc2 uz3g761";
 var cm = ({ value: e, onChange: t, onCommit: n, min: a, max: o, step: i, placeholder: l, prefix: s, suffix: c, isDisabled: u, hasError: d, ariaLabel: h, ariaLabelledBy: p, id: g }) => {
-  const v = Ce({
+  const v = xe({
     id: g,
     ariaLabel: h,
     ariaLabelledBy: p
@@ -8320,7 +8320,7 @@ var cm = ({ value: e, onChange: t, onCommit: n, min: a, max: o, step: i, placeho
   6: "_1b7s5f6"
 }, um = "_1b7s5f7";
 var hm = 6, pm = ({ options: e, value: t, onChange: n, onCommit: a, columns: o, itemLayout: i = "tile", isDisabled: l, ariaLabel: s, ariaLabelledBy: c, id: u }) => {
-  const d = Ce({
+  const d = xe({
     id: u,
     ariaLabel: s,
     ariaLabelledBy: c
@@ -8362,7 +8362,7 @@ var hm = 6, pm = ({ options: e, value: t, onChange: n, onCommit: a, columns: o,
   }
 }, gm = "_1g5x15w0 uz3g760", vm = "_1g5x15w1", fm = "_1g5x15w2", pr = "_1g5x15w3", bm = "_1g5x15w4", ym = "_1g5x15w5", Sm = "_1g5x15w6", Cm = "_1g5x15w7";
 var xm = ({ options: e, value: t, onChange: n, placeholder: a, isDisabled: o, hasError: i, ariaLabel: l, ariaLabelledBy: s, id: c }) => {
-  const u = Ce({
+  const u = xe({
     id: c,
     ariaLabel: l,
     ariaLabelledBy: s
@@ -8422,7 +8422,7 @@ var xm = ({ options: e, value: t, onChange: n, placeholder: a, isDisabled: o, ha
   children: n
 }) : Am(e, t), Am = (e, t) => e.find((n) => n.value === t)?.label ?? t, Tm = "vod76w0", km = "vod76w1", Lm = "vod76w2", Pm = "vod76w3", Im = "vod76w4", Em = "vod76w5";
 var Om = ({ value: e, onChange: t, onCommit: n, min: a, max: o, step: i, suffix: l, formatValue: s, isDisabled: c, ariaLabel: u, ariaLabelledBy: d }) => {
-  const h = Ce({
+  const h = xe({
     ariaLabel: u,
     ariaLabelledBy: d
   }, !1), p = Mm(e, l, s), { commitUnlessHeldKey: g, gestureHandlers: v } = St(n);
@@ -8456,7 +8456,7 @@ var Om = ({ value: e, onChange: t, onCommit: n, min: a, max: o, step: i, suffix:
     })]
   });
 }, Mm = (e, t, n) => n !== void 0 ? n(e) : t !== void 0 ? `${e}${t}` : null, Nm = "_1hyrlw60", Rm = "_1hyrlw61", Dm = ({ isChecked: e, onChange: t, isDisabled: n, ariaLabel: a, ariaLabelledBy: o, id: i }) => {
-  const l = Ce({
+  const l = xe({
     id: i,
     ariaLabel: a,
     ariaLabelledBy: o
@@ -8470,7 +8470,7 @@ var Om = ({ value: e, onChange: t, onCommit: n, min: a, max: o, step: i, suffix:
     children: /* @__PURE__ */ r(Nn.Thumb, { className: Rm })
   });
 }, _m = "uz3g761", zm = "tpcnun0 uz3g760", Fm = ({ value: e, onChange: t, onCommit: n, placeholder: a, isDisabled: o, hasError: i, ariaLabel: l, ariaLabelledBy: s, id: c }) => {
-  const u = Ce({
+  const u = xe({
     id: c,
     ariaLabel: l,
     ariaLabelledBy: s
@@ -8491,7 +8491,7 @@ var Om = ({ value: e, onChange: t, onCommit: n, min: a, max: o, step: i, suffix:
   });
 }, Bm = "cnu9yl0", Hm = "cnu9yl1";
 var Gm = ({ options: e, value: t, onChange: n, onCommit: a, itemLayout: o = "inline", isDisabled: i, ariaLabel: l, ariaLabelledBy: s, id: c }) => {
-  const u = Ce({
+  const u = xe({
     id: c,
     ariaLabel: l,
     ariaLabelledBy: s
@@ -8537,12 +8537,12 @@ var Gm = ({ options: e, value: t, onChange: n, onCommit: a, itemLayout: o = "inl
     value: n,
     children: t
   });
-}, G = () => ze(To), Um = "_12lhx9e0", ko = ({ children: e }) => /* @__PURE__ */ r("div", {
-  className: Um,
-  children: e
-}), Wm = "_139ohwv0", J = ({ children: e }) => /* @__PURE__ */ r("div", {
+}, G = () => ze(To), Wm = "_12lhx9e0", ko = ({ children: e }) => /* @__PURE__ */ r("div", {
   className: Wm,
   children: e
+}), Um = "_139ohwv0", J = ({ children: e }) => /* @__PURE__ */ r("div", {
+  className: Um,
+  children: e
 }), Lo = Ve(null), Km = Lo.Provider, qm = () => {
   const e = ze(Lo);
   if (!e) throw new Error("A section must be rendered inside <EditorPanel.Root>.");
@@ -8557,7 +8557,7 @@ function Ym(e) {
   return t.includes("_1ii3bsb0") || t.includes("_1ii3bsb1");
 }
 var Jm = ({ handle: e, children: t, controls: n, defaultExpandedSection: a = void 0, className: o }) => {
-  const i = mi(e), { themeClass: l, inlineVarsStyle: s } = en(), [c, u] = ee(() => a ? [a] : []), d = I(() => ({
+  const i = pi(e), { themeClass: l, inlineVarsStyle: s } = en(), [c, u] = ee(() => a ? [a] : []), d = I(() => ({
     expandSection: (h) => u([h]),
     collapseAllSections: () => u([])
   }), []);
@@ -8588,7 +8588,7 @@ var Jm = ({ handle: e, children: t, controls: n, defaultExpandedSection: a = voi
   plain: "pr583x4 pr583x3",
   withIcon: "pr583x5 pr583x3"
 }, A = ({ label: e, layout: t = "grid", icon: n, children: a }) => {
-  const o = Ae(), i = Ae();
+  const o = Te(), i = Te();
   return e === void 0 ? /* @__PURE__ */ r("div", {
     className: mr[t],
     children: /* @__PURE__ */ r("div", {
@@ -8655,7 +8655,7 @@ var ag = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
     ]
   }), /* @__PURE__ */ r("div", { children: i })]
 }), og = ({ title: e, accessory: t, children: n }) => {
-  const a = Ae(), o = Ae();
+  const a = Te(), o = Te();
   return /* @__PURE__ */ r("div", {
     className: bn,
     children: /* @__PURE__ */ m("div", {
@@ -8746,14 +8746,14 @@ var ag = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
   x: "editor.axesPanel.mainAxisSection.xAxis",
   y: "editor.axesPanel.mainAxisSection.yAxis"
 }, vr = ({ axis: e, title: t, layout: n = "collapsible", preview: a }) => {
-  const o = H(), i = U(o), l = E(), { NumberField: s, Switch: c, TextField: u, ToggleGroup: d } = G();
+  const o = H(), i = W(o), l = E(), { NumberField: s, Switch: c, TextField: u, ToggleGroup: d } = G();
   if (!i) return null;
   const h = i.coordSystem.type === "polar" ? i.coordSystem.axisMapping[e].geometry : "linear", p = i.config.axes[e], g = i.scales[e], v = g?.spec, f = v?.scaleType === "continuous" ? v : void 0;
   if (h === "circular" || h === "radial" && f === void 0) return null;
-  const x = v !== void 0 && "reverse" in v ? v : void 0, w = v?.scaleType === "continuous" || v?.scaleType === "datetime", y = f !== void 0 && ys(i, e), T = f?.transform === "log", C = f?.domainMax ?? null, M = ug(f), L = (P, le) => P.map((Ke) => ({
+  const x = v !== void 0 && "reverse" in v ? v : void 0, w = v?.scaleType === "continuous" || v?.scaleType === "datetime", y = f !== void 0 && bs(i, e), T = f?.transform === "log", C = f?.domainMax ?? null, O = ug(f), L = (P, le) => P.map((Ke) => ({
     value: Ke,
     label: le(Ke)
-  })), O = i.guides.axes.find((P) => P.scaleAestheticKey === e)?.position, R = sg[O === "bottom" || O === "top" || O === void 0 && e === "x" ? "horizontal" : "vertical"], D = e === "y" ? Cs(i.spec) : null, S = D === null ? void 0 : Pe(i.spec.layers, D), b = i.guides.legends.drawn.some((P) => R.some((le) => le === P.position)), W = R.map((P) => ({
+  })), M = i.guides.axes.find((P) => P.scaleAestheticKey === e)?.position, D = sg[M === "bottom" || M === "top" || M === void 0 && e === "x" ? "horizontal" : "vertical"], N = e === "y" ? Ss(i.spec) : null, S = N === null ? void 0 : ye(i.spec.layers, N), b = i.guides.legends.drawn.some((P) => D.some((le) => le === P.position)), U = D.map((P) => ({
     value: P,
     label: l(cg[P])
   })), te = L(["auto", "edges"], (P) => l(P === "edges" ? "editor.axesPanel.labelMode.edges" : "editor.axesPanel.labelMode.auto")), he = L(["linear", "log"], (P) => l(P === "log" ? "editor.axesPanel.scale.log" : "editor.axesPanel.scale.auto")), Ro = L([
@@ -8795,9 +8795,9 @@ var ag = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
       scaledAesthetic: e,
       ...P
     }), { transient: !0 });
-  }, Uo = (P) => {
-    P !== null && xn({ domainMin: P });
   }, Wo = (P) => {
+    P !== null && xn({ domainMin: P });
+  }, Uo = (P) => {
     P !== null && xn({ domainMax: P });
   }, Ko = (P) => {
     const le = P === "auto" ? null : P === "zero" ? 0 : fr(g?.domain, "start");
@@ -8817,7 +8817,7 @@ var ag = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
       yScaleType: P === "double" ? "secondary" : "primary"
     }));
   }, Zo = (P) => {
-    const le = R.find((Ke) => Ke === P);
+    const le = D.find((Ke) => Ke === P);
     le && o.commands.dispatch(new rl({
       axis: e,
       position: le
@@ -8868,8 +8868,8 @@ var ag = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
       f && h === "linear" && !b && /* @__PURE__ */ r(A, {
         label: l("editor.axesPanel.controls.position"),
         children: /* @__PURE__ */ r(d, {
-          value: O ?? p.position,
-          options: W,
+          value: M ?? p.position,
+          options: U,
           onChange: Zo
         })
       }),
@@ -8893,15 +8893,15 @@ var ag = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
         !y && /* @__PURE__ */ m(Y, { children: [/* @__PURE__ */ r(A, {
           label: l("editor.axesPanel.controls.startFrom"),
           children: /* @__PURE__ */ r(d, {
-            value: M,
+            value: O,
             options: Ro,
             onChange: Ko
           })
-        }), M !== "auto" && /* @__PURE__ */ r(A, {
+        }), O !== "auto" && /* @__PURE__ */ r(A, {
           label: l("editor.axesPanel.controls.value"),
           children: /* @__PURE__ */ r(s, {
             value: f.domainMin ?? null,
-            onChange: Uo,
+            onChange: Wo,
             onCommit: o.commands.commit
           })
         })] }),
@@ -8917,7 +8917,7 @@ var ag = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
           label: l("editor.axesPanel.controls.value"),
           children: /* @__PURE__ */ r(s, {
             value: C,
-            onChange: Wo,
+            onChange: Uo,
             onCommit: o.commands.commit
           })
         })
@@ -8942,7 +8942,7 @@ var ag = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
     })
   });
 }, hg = ({ title: e, layout: t = "collapsible", preview: n }) => {
-  const a = H(), o = U(a), i = E(), { Switch: l } = G();
+  const a = H(), o = W(a), i = E(), { Switch: l } = G();
   if (!o) return null;
   const s = o.config.content, c = (d) => {
     a.commands.dispatch(new ut({
@@ -8968,7 +8968,7 @@ var ag = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
     })] })
   });
 }, br = /^[a-z][a-z\d+.-]*:/i, pg = {}, mg = ({ title: e, layout: t = "collapsible", preview: n }) => {
-  const a = H(), o = U(a), i = E(), { Switch: l } = G();
+  const a = H(), o = W(a), i = E(), { Switch: l } = G();
   if (!o) return null;
   const s = o.config.content, c = (u) => {
     a.commands.dispatch(new ut({
@@ -9011,7 +9011,7 @@ var ag = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
       value: e.url ?? "",
       onChange: l,
       onCommit: i,
-      hasError: br.test(e.url ?? "") && !bs(e.url)
+      hasError: br.test(e.url ?? "") && !fs(e.url)
     })
   }), /* @__PURE__ */ r(A, {
     label: n("editor.elementsPanel.sourceSection.name"),
@@ -9022,7 +9022,7 @@ var ag = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
     })
   })] });
 }, vg = ({ title: e, layout: t = "collapsible", preview: n }) => {
-  const a = H(), o = U(a), i = E(), { Switch: l } = G();
+  const a = H(), o = W(a), i = E(), { Switch: l } = G();
   if (!o) return null;
   const s = o.config.content, c = (d) => {
     a.commands.dispatch(new ut({
@@ -9048,13 +9048,13 @@ var ag = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
     })] })
   });
 }, Ct = (e) => {
-  const { colorScheme: t } = en(), n = I(() => ns({ colorScheme: t }), [t]);
+  const { colorScheme: t } = en(), n = I(() => ts({ colorScheme: t }), [t]);
   return I(() => e === null ? null : n.readers(e), [e, n]);
 }, Cn = (e, t, n) => {
   const a = Ct(e);
   return I(() => {
     if (a === null || e === null || t === null) return null;
-    const o = Pe(e.layers, t);
+    const o = ye(e.layers, t);
     return o === void 0 ? null : a.geom[n](o);
   }, [
     a,
@@ -9062,7 +9062,7 @@ var ag = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
     t,
     n
   ]);
-}, Wt = [
+}, Ut = [
   0.8,
   1,
   1.2,
@@ -9073,17 +9073,17 @@ var ag = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
   2.5,
   3,
   4
-], fg = Wt.length / 2, bg = { select: { target: "graph" } }, yg = ({ title: e, layout: t = "collapsible", preview: n }) => {
-  const a = H(), o = U(a), i = E(), { RadioGrid: l } = G(), s = Ct(o);
+], fg = Ut.length / 2, bg = { select: { target: "graph" } }, yg = ({ title: e, layout: t = "collapsible", preview: n }) => {
+  const a = H(), o = W(a), i = E(), { RadioGrid: l } = G(), s = Ct(o);
   if (!o || !s) return null;
-  const c = s.graph().get("textScale"), u = (p) => i("editor.elementsPanel.textSizeSection.scaleFormat", { value: `${p}` }), d = Wt.map((p) => ({
+  const c = s.graph().get("textScale"), u = (p) => i("editor.elementsPanel.textSizeSection.scaleFormat", { value: `${p}` }), d = Ut.map((p) => ({
     value: `${p}`,
     label: u(p)
   })), h = (p) => {
-    const g = Wt.find((f) => `${f}` === p);
+    const g = Ut.find((f) => `${f}` === p);
     if (g === void 0) return;
-    const v = ye(o.spec.styles.overrides, bg)?.declarations ?? {};
-    a.commands.dispatch(new we({
+    const v = Se(o.spec.styles.overrides, bg)?.declarations ?? {};
+    a.commands.dispatch(new Ae({
       list: "overrides",
       rule: {
         select: { target: "graph" },
@@ -9107,7 +9107,7 @@ var ag = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
     })
   });
 }, Sg = ({ title: e, layout: t = "collapsible", preview: n }) => {
-  const a = H(), o = U(a), i = E(), { Switch: l } = G();
+  const a = H(), o = W(a), i = E(), { Switch: l } = G();
   if (!o) return null;
   const s = o.config.content, c = (d) => {
     a.commands.dispatch(new ut({
@@ -9145,14 +9145,14 @@ var ag = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
   ...t,
   children: e ?? /* @__PURE__ */ m(Y, { children: [/* @__PURE__ */ r(vr, { axis: "x" }), /* @__PURE__ */ r(vr, { axis: "y" })] })
 }), xt = (e) => `${e}px`, Eo = (e) => `${Math.round(e * 100)}%`, Cg = (e) => `${e}°`, xg = 24, wg = { select: { target: "graph" } }, yr = ["dim", "desaturate"], F5 = ({ title: e, layout: t = "collapsible", preview: n }) => {
-  const a = H(), o = U(a), i = E(), { Slider: l, ToggleGroup: s } = G(), c = Ct(o);
+  const a = H(), o = W(a), i = E(), { Slider: l, ToggleGroup: s } = G(), c = Ct(o);
   if (!o || !c) return null;
-  const u = c.graph().get("cornerRadius"), d = Ts(o.spec), h = yr.map((v) => ({
+  const u = c.graph().get("cornerRadius"), d = As(o.spec), h = yr.map((v) => ({
     value: v,
     label: i(v === "dim" ? "editor.highlighting.highlightStyle.tint" : "editor.highlighting.highlightStyle.gray")
   })), p = (v) => {
-    const f = ye(o.spec.styles.overrides, wg)?.declarations ?? {};
-    a.commands.dispatch(new we({
+    const f = Se(o.spec.styles.overrides, wg)?.declarations ?? {};
+    a.commands.dispatch(new Ae({
       list: "overrides",
       rule: {
         select: { target: "graph" },
@@ -9191,7 +9191,7 @@ var ag = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
     })] })
   });
 }, Ag = 0.05, B5 = ({ title: e, layout: t = "collapsible", preview: n }) => {
-  const a = H(), o = U(a), i = E(), { Slider: l, ToggleGroup: s } = G(), c = o ? Xr(o.spec.layers, "bar") : void 0, u = Cn(o, c?.id ?? null, "bar");
+  const a = H(), o = W(a), i = E(), { Slider: l, ToggleGroup: s } = G(), c = o ? Xr(o.spec.layers, "bar") : void 0, u = Cn(o, c?.id ?? null, "bar");
   if (!o || !c || o.coordSystem.type === "polar" && o.coordSystem.bandAxis === null) return null;
   const d = (f) => {
     a.commands.dispatch(new sl({
@@ -9234,7 +9234,7 @@ var ag = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
     })] })
   });
 }, wt = ({ children: e }) => {
-  const t = Ae();
+  const t = Te();
   return /* @__PURE__ */ m(Y, { children: [/* @__PURE__ */ r("g", {
     filter: `url(#${t})`,
     children: e
@@ -9319,7 +9319,7 @@ var ag = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
   x: 0.6,
   y: 0.4
 }, Dg = "relative-difference", H5 = ({ title: e, layout: t = "collapsible", preview: n }) => {
-  const a = H(), o = U(a), i = E(), { Button: l } = G();
+  const a = H(), o = W(a), i = E(), { Button: l } = G();
   if (!o) return null;
   const s = () => {
     a.commands.dispatch(new fe({
@@ -9362,7 +9362,7 @@ var ag = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
       }
     }));
   }, d = () => {
-    const p = gs(o);
+    const p = ms(o);
     p !== null && a.commands.dispatch(new fe({
       kind: "differenceArrow",
       annotation: {
@@ -9413,10 +9413,10 @@ var ag = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
     }]
   }]
 }), G5 = ({ title: e, layout: t = "collapsible", preview: n }) => {
-  const a = H(), o = U(a), i = E(), { ToggleGroup: l } = G();
+  const a = H(), o = W(a), i = E(), { ToggleGroup: l } = G();
   if (!o) return null;
   const s = Yr(o.spec);
-  if (s === null || !xe(s)) return null;
+  if (s === null || !we(s)) return null;
   const c = kn.map((d) => ({
     value: d,
     label: i(`editor.graphPanel.comboSection.types.${d}`)
@@ -9439,9 +9439,9 @@ var ag = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
     })
   });
 }, zg = 0.1, Fg = 20, V5 = ({ title: e, preview: t }) => {
-  const n = H(), a = U(n), o = E(), { NumberField: i, TextField: l } = G();
+  const n = H(), a = W(n), o = E(), { NumberField: i, TextField: l } = G();
   if (!a || a.coordSystem.type === "polar") return null;
-  const s = is(a.spec.layers), c = e ?? o("editor.annotationsPanel.goalSection.title"), u = ws(s?.mapping.y), d = typeof u == "number" ? u : null, h = (v) => {
+  const s = os(a.spec.layers), c = e ?? o("editor.annotationsPanel.goalSection.title"), u = xs(s?.mapping.y), d = typeof u == "number" ? u : null, h = (v) => {
     const f = new Bl({
       showGoalLine: v,
       value: Bg(a),
@@ -9496,36 +9496,36 @@ var ag = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
   const i = Math.min(Fg, Math.max(0, 1 - Math.floor(Math.log10(o))));
   return Number((n + o * zg).toFixed(i));
 }, $5 = ({ layerId: e, title: t, layout: n = "collapsible", preview: a }) => {
-  const o = H(), i = U(o), l = E(), { Switch: s } = G();
+  const o = H(), i = W(o), l = E(), { Switch: s } = G();
   if (!i) return null;
-  const c = e === void 0 ? i.spec.layers[0] : Pe(i.spec.layers, e);
+  const c = e === void 0 ? i.spec.layers[0] : ye(i.spec.layers, e);
   if (!c) return null;
-  const { showDataLabels: u, format: d, showStackTotals: h, showCategoryLabels: p } = c.dataLabels, g = i.coordSystem.type === "polar", v = c.geom === "bar", f = c.position === "stack" || c.position === "fill", x = v && !g && c.position === "stack", w = v && (!g || u), y = v || c.geom === "area" && f;
-  if (!Jl(c.geom, i.coordSystem.type)) return null;
-  const T = (O) => {
-    const R = new Fl({
+  const { showDataLabels: u, format: d, showStackTotals: h, showCategoryLabels: p } = c.dataLabels, g = i.coordSystem.type, v = g === "polar", f = c.geom === "bar", x = f && !v && c.position === "stack", w = f && (!v || u), y = ye(i.layers, c.id), T = y !== void 0 && o.canFormatDataLabelsAsPercentages(y, g);
+  if (!o.canPlaceDataLabels(c.geom, g)) return null;
+  const C = (D) => {
+    const N = new Fl({
       layerId: c.id,
-      showDataLabels: O
+      showDataLabels: D
     });
-    o.commands.dispatch(R);
-  }, C = (O) => {
-    const R = new dl({
+    o.commands.dispatch(N);
+  }, O = (D) => {
+    const N = new dl({
       layerId: c.id,
-      format: O ? "percentage" : "absolute"
+      format: D ? "percentage" : "absolute"
     });
-    o.commands.dispatch(R);
-  }, M = (O) => {
-    const R = new Vl({
+    o.commands.dispatch(N);
+  }, L = (D) => {
+    const N = new Vl({
       layerId: c.id,
-      showStackTotals: O
+      showStackTotals: D
     });
-    o.commands.dispatch(R);
-  }, L = (O) => {
-    const R = new zl({
+    o.commands.dispatch(N);
+  }, M = (D) => {
+    const N = new zl({
       layerId: c.id,
-      showCategoryLabels: O
+      showCategoryLabels: D
     });
-    o.commands.dispatch(R);
+    o.commands.dispatch(N);
   };
   return /* @__PURE__ */ r(K, {
     title: t ?? l("editor.graphPanel.graphOptionsSection.title"),
@@ -9536,28 +9536,28 @@ var ag = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
         label: l("editor.graphPanel.graphOptions.dataLabels"),
         children: /* @__PURE__ */ r(s, {
           isChecked: u,
-          onChange: T
+          onChange: C
         })
       }),
-      u && y && /* @__PURE__ */ r(A, {
+      u && T && /* @__PURE__ */ r(A, {
         label: l("editor.graphPanel.graphOptions.showPercentages"),
         children: /* @__PURE__ */ r(s, {
           isChecked: d === "percentage",
-          onChange: C
+          onChange: O
         })
       }),
       x && /* @__PURE__ */ r(A, {
         label: l("editor.graphPanel.graphOptions.stackTotals"),
         children: /* @__PURE__ */ r(s, {
           isChecked: h,
-          onChange: M
+          onChange: L
         })
       }),
       w && /* @__PURE__ */ r(A, {
         label: l("editor.graphPanel.graphOptions.categoryLabels"),
         children: /* @__PURE__ */ r(s, {
           isChecked: p,
-          onChange: L
+          onChange: M
         })
       })
     ] })
@@ -9646,7 +9646,7 @@ var ag = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
       d: "M0 7.037c0-.286.232-.518.519-.518h3.23c.286 0 .518.232.518.518v5.408H0zM5.867 7.111h4.266V4.074a.52.52 0 0 0-.518-.518h-3.23a.52.52 0 0 0-.518.518zM11.733 9.481H16V.52A.52.52 0 0 0 15.482 0h-3.23a.52.52 0 0 0-.519.519z"
     })]
   })
-}), Ug = (e) => /* @__PURE__ */ m(k, {
+}), Wg = (e) => /* @__PURE__ */ m(k, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -9685,7 +9685,7 @@ var ag = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
       rx: ".533"
     })
   ]
-}), Wg = (e) => /* @__PURE__ */ m(k, {
+}), Ug = (e) => /* @__PURE__ */ m(k, {
   viewBox: "0 0 16 16",
   ...e,
   children: [/* @__PURE__ */ r("path", {
@@ -10149,7 +10149,7 @@ var ag = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
 }), a0 = 0.55, o0 = 0.15, Kt = [
   {
     name: "column",
-    icon: Ug,
+    icon: Wg,
     summary: {
       coordType: "cartesian",
       geom: "bar",
@@ -10167,7 +10167,7 @@ var ag = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
   },
   {
     name: "columnStackedFill",
-    icon: Wg,
+    icon: Ug,
     summary: {
       coordType: "cartesian",
       geom: "bar",
@@ -10324,19 +10324,19 @@ var ag = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
   }
 ], i0 = 0.05, l0 = (e) => e === null ? null : Kt.find((t) => c0(t.summary, e)) ?? null, s0 = (e, t) => {
   const { summary: n } = e;
-  return t === null || xe(n) ? n : n.position === "dodge" && Oo(t) ? {
+  return t === null || we(n) ? n : n.position === "dodge" && Oo(t) ? {
     ...n,
     position: "identity"
   } : n.coordType !== "polar" || !st(n.innerRadius) || t.coordType !== "polar" || !st(t.innerRadius) ? n : {
     ...n,
     innerRadius: t.innerRadius
   };
-}, Oo = (e) => !xe(e) && e.geom === "bar" && e.position === "identity", c0 = (e, t) => {
-  if (xe(e) || xe(t)) return xe(e) && xe(t);
+}, Oo = (e) => !we(e) && e.geom === "bar" && e.position === "identity", c0 = (e, t) => {
+  if (we(e) || we(t)) return we(e) && we(t);
   const n = e.position === t.position || e.position === "dodge" && Oo(t);
   return e.coordType !== t.coordType || e.geom !== t.geom || !n ? !1 : e.coordType !== "polar" || t.coordType !== "polar" ? !0 : e.theta === t.theta && st(e.innerRadius) === st(t.innerRadius);
-}, st = (e) => e >= i0, d0 = 3, U5 = ({ title: e, layout: t = "collapsible", preview: n }) => {
-  const a = H(), o = U(a), i = E(), { RadioGrid: l } = G(), s = I(() => Kt.map(({ name: h, icon: p }) => ({
+}, st = (e) => e >= i0, d0 = 3, W5 = ({ title: e, layout: t = "collapsible", preview: n }) => {
+  const a = H(), o = W(a), i = E(), { RadioGrid: l } = G(), s = I(() => Kt.map(({ name: h, icon: p }) => ({
     value: h,
     label: i(`editor.graphTypes.${h}`),
     icon: /* @__PURE__ */ r(p, { size: "md" }),
@@ -10363,8 +10363,8 @@ var ag = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
   "solid",
   "dashed",
   "dotted"
-], u0 = 8, h0 = 0, W5 = ({ title: e, layout: t = "collapsible", preview: n }) => {
-  const a = H(), o = U(a), i = E(), { Slider: l, Switch: s, ToggleGroup: c } = G(), u = Ct(o);
+], u0 = 8, h0 = 0, U5 = ({ title: e, layout: t = "collapsible", preview: n }) => {
+  const a = H(), o = W(a), i = E(), { Slider: l, Switch: s, ToggleGroup: c } = G(), u = Ct(o);
   if (!o || !u) return null;
   const d = o.guides.axes.filter(p0);
   if (d.length === 0) return null;
@@ -10428,7 +10428,7 @@ var ag = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
   "medium",
   "large"
 ], K5 = ({ title: e, layout: t = "collapsible", preview: n }) => {
-  const a = H(), o = U(a), i = E(), { Switch: l, ToggleGroup: s } = G();
+  const a = H(), o = W(a), i = E(), { Switch: l, ToggleGroup: s } = G();
   if (!o) return null;
   const c = o.config.headline, u = c.show !== "none", d = o.coordSystem, h = d.type === "polar", p = d.type === "polar" && d.innerRadius > 0, g = o.layers.some((S) => S.summary.grandTotal !== void 0);
   if (h && !g) return null;
@@ -10447,18 +10447,18 @@ var ag = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
   }, {
     value: "center",
     label: i("editor.graphPanel.headlineNumberSection.position.center")
-  }], M = (S) => {
+  }], O = (S) => {
     a.commands.dispatch(new Pn({ show: S ? g0 : "none" }));
   }, L = (S) => {
-    const b = v.find((W) => W === S);
+    const b = v.find((U) => U === S);
     b && a.commands.dispatch(new Pn({ show: b }));
-  }, O = (S) => {
-    const b = Cr.find((W) => W === S);
+  }, M = (S) => {
+    const b = Cr.find((U) => U === S);
     b && a.commands.dispatch(new gl({ compareWith: b }));
-  }, R = (S) => {
-    const b = xr.find((W) => W === S);
-    b && a.commands.dispatch(new fl({ size: b }));
   }, D = (S) => {
+    const b = xr.find((U) => U === S);
+    b && a.commands.dispatch(new fl({ size: b }));
+  }, N = (S) => {
     a.commands.dispatch(new vl({ position: S === "center" ? "center" : "above" }));
   };
   return /* @__PURE__ */ r(K, {
@@ -10469,7 +10469,7 @@ var ag = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
       label: i("editor.graphPanel.headlineNumberSection.toggle"),
       children: /* @__PURE__ */ r(l, {
         isChecked: u,
-        onChange: M
+        onChange: O
       })
     }), u && /* @__PURE__ */ m(Y, { children: [
       w.length > 1 && /* @__PURE__ */ r(A, {
@@ -10487,7 +10487,7 @@ var ag = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
         children: /* @__PURE__ */ r(s, {
           value: Ms(c.compareWith),
           options: y,
-          onChange: O
+          onChange: M
         })
       }),
       /* @__PURE__ */ r(A, {
@@ -10495,7 +10495,7 @@ var ag = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
         children: /* @__PURE__ */ r(s, {
           value: c.size,
           options: T,
-          onChange: R
+          onChange: D
         })
       }),
       p && /* @__PURE__ */ r(A, {
@@ -10503,7 +10503,7 @@ var ag = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
         children: /* @__PURE__ */ r(s, {
           value: c.position,
           options: C,
-          onChange: D
+          onChange: N
         })
       })
     ] })] })
@@ -10527,7 +10527,7 @@ var ag = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
   "pill",
   "direct"
 ], q5 = ({ positions: e, title: t, layout: n = "collapsible", preview: a }) => {
-  const o = H(), i = U(o), l = E(), { ToggleGroup: s } = G();
+  const o = H(), i = W(o), l = E(), { ToggleGroup: s } = G();
   if (!i) return null;
   const c = i.config.legend.position, u = e ?? Ot, d = i.guides.legends.drawn[0], h = Zl({
     legendPosition: i.guides.legends.position,
@@ -10535,29 +10535,29 @@ var ag = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
     layers: i.layers
   }), p = i.guides.headline?.kind === "perGroup", g = i.guides.colorGroups.length > 0;
   if (c === "auto" && d === void 0 && !h && (p || !g)) return null;
-  const v = d?.position ?? "none", f = c === "auto" ? v : c, x = Ot.filter((D) => D === f || u.includes(D)).map((D) => ({
-    value: D,
-    label: l(`editor.graphPanel.legendSection.${D}`)
-  })), w = (D) => {
-    const S = Ot.find((b) => b === D);
+  const v = d?.position ?? "none", f = c === "auto" ? v : c, x = Ot.filter((N) => N === f || u.includes(N)).map((N) => ({
+    value: N,
+    label: l(`editor.graphPanel.legendSection.${N}`)
+  })), w = (N) => {
+    const S = Ot.find((b) => b === N);
     S && o.commands.dispatch(new xl({ position: S }));
-  }, y = (D) => {
-    const S = wr.find((b) => b === D);
+  }, y = (N) => {
+    const S = wr.find((b) => b === N);
     S && o.commands.dispatch(new Sl({ align: S }));
-  }, T = (D) => {
-    const S = Ar.find((b) => b === D);
+  }, T = (N) => {
+    const S = Ar.find((b) => b === N);
     S && o.commands.dispatch(new Cl({ display: S }));
-  }, C = wr.map((D) => ({
-    value: D,
-    label: l(`editor.graphPanel.legendSection.align.${D}`)
-  })), M = Ar.map((D) => ({
-    value: D,
-    label: l(`editor.graphPanel.legendSection.display.${D}`)
-  })), L = t ?? l("editor.graphPanel.legendSection.title"), O = x.find((D) => D.value === f)?.label, R = d !== void 0;
+  }, C = wr.map((N) => ({
+    value: N,
+    label: l(`editor.graphPanel.legendSection.align.${N}`)
+  })), O = Ar.map((N) => ({
+    value: N,
+    label: l(`editor.graphPanel.legendSection.display.${N}`)
+  })), L = t ?? l("editor.graphPanel.legendSection.title"), M = x.find((N) => N.value === f)?.label, D = d !== void 0;
   return /* @__PURE__ */ r(K, {
     title: L,
     layout: n,
-    preview: a ?? O,
+    preview: a ?? M,
     children: /* @__PURE__ */ m(J, { children: [
       /* @__PURE__ */ r(A, {
         label: l("editor.axesPanel.controls.position"),
@@ -10568,7 +10568,7 @@ var ag = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
           onChange: w
         })
       }),
-      R && /* @__PURE__ */ r(A, {
+      D && /* @__PURE__ */ r(A, {
         label: l("editor.graphPanel.legendSection.alignLabel"),
         layout: "stack",
         children: /* @__PURE__ */ r(s, {
@@ -10582,14 +10582,14 @@ var ag = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
         layout: "stack",
         children: /* @__PURE__ */ r(s, {
           value: i.config.legend.display,
-          options: M,
+          options: O,
           onChange: T
         })
       })
     ] })
   });
 }, b0 = 1, y0 = 20, S0 = 0.5, No = ({ layerId: e }) => {
-  const t = H(), n = U(t), { Slider: a } = G(), o = Cn(n, e, "point");
+  const t = H(), n = W(t), { Slider: a } = G(), o = Cn(n, e, "point");
   if (!n) return null;
   const i = (l) => {
     const s = new Ll({
@@ -10612,7 +10612,7 @@ var ag = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
   "zero",
   "connect"
 ], X5 = ({ title: e, layout: t = "collapsible", preview: n }) => {
-  const a = H(), o = U(a), i = E(), { Select: l, Slider: s, Switch: c, ToggleGroup: u } = G(), d = o?.spec.layers ?? [], h = Xr(d, "line", "area"), p = Cn(o, h?.id ?? null, "line");
+  const a = H(), o = W(a), i = E(), { Select: l, Slider: s, Switch: c, ToggleGroup: u } = G(), d = o?.spec.layers ?? [], h = Xr(d, "line", "area"), p = Cn(o, h?.id ?? null, "line");
   if (!o || !h) return null;
   const g = o.coordSystem.type === "polar", v = L0(i, h), f = k0(h, d), x = Tr(o.spec, h.geom, "strokeWidth", h.id), w = typeof x == "number", y = h.geom === "line" ? h : void 0, T = [{
     value: "auto",
@@ -10625,7 +10625,7 @@ var ag = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
       layerId: h.id,
       showPoints: S
     }));
-  }, M = (S) => {
+  }, O = (S) => {
     y && a.commands.dispatch(new Hl({
       layerId: y.id,
       showFill: S
@@ -10635,18 +10635,18 @@ var ag = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
       layerId: h.id,
       curve: S ? "smooth" : "linear"
     }));
-  }, O = (S) => {
+  }, M = (S) => {
     const b = p?.get("strokeWidth") ?? Zi;
     a.commands.dispatch(new In({
       layerId: h.id,
       lineWidth: S === "custom" ? b : null
     }));
-  }, R = (S) => {
+  }, D = (S) => {
     a.commands.dispatch(new In({
       layerId: h.id,
       lineWidth: S
     }), { transient: !0 });
-  }, D = (S) => {
+  }, N = (S) => {
     const b = T0(S);
     b && a.commands.dispatch(new Al({
       layerId: h.id,
@@ -10673,7 +10673,7 @@ var ag = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
         label: i("editor.graphPanel.graphOptions.lineFill"),
         children: /* @__PURE__ */ r(c, {
           isChecked: Tr(o.spec, "line", "fillAlpha", y.id) !== void 0,
-          onChange: M
+          onChange: O
         })
       }),
       !g && /* @__PURE__ */ r(A, {
@@ -10688,7 +10688,7 @@ var ag = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
         children: /* @__PURE__ */ r(u, {
           value: w ? "custom" : "auto",
           options: T,
-          onChange: O
+          onChange: M
         })
       }),
       w && /* @__PURE__ */ r(A, {
@@ -10699,7 +10699,7 @@ var ag = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
           max: x0,
           step: w0,
           formatValue: xt,
-          onChange: R,
+          onChange: D,
           onCommit: a.commands.commit
         })
       }),
@@ -10708,12 +10708,12 @@ var ag = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
         children: /* @__PURE__ */ r(l, {
           value: h.params.missingValues,
           options: v,
-          onChange: D
+          onChange: N
         })
       })
     ] })
   });
-}, T0 = (e) => A0.find((t) => t === e), Tr = (e, t, n, a) => ss(e.styles.overrides, ql(t, a))?.[n], k0 = (e, t) => Mt(t, "point").find((n) => Zr(n, [e])), L0 = (e, t) => {
+}, T0 = (e) => A0.find((t) => t === e), Tr = (e, t, n, a) => ls(e.styles.overrides, ql(t, a))?.[n], k0 = (e, t) => Mt(t, "point").find((n) => Zr(n, [e])), L0 = (e, t) => {
   const n = [{
     value: "gap",
     label: e("editor.graphPanel.treatEmptyValues.leaveGap.label")
@@ -10738,7 +10738,7 @@ var ag = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
   size: "editor.graphPanel.mappingSection.size",
   label: "editor.graphPanel.mappingSection.label"
 }, Z5 = ({ title: e, layout: t = "collapsible" }) => {
-  const n = H(), a = U(n), o = E(), { Select: i } = G(), l = o("editor.graphPanel.mappingSection.none"), s = a?.spec, c = I(() => s === void 0 ? [] : ks(s, P0).map(({ aesthetic: u, variables: d, isRequired: h }) => {
+  const n = H(), a = W(n), o = E(), { Select: i } = G(), l = o("editor.graphPanel.mappingSection.none"), s = a?.spec, c = I(() => s === void 0 ? [] : ks(s, P0).map(({ aesthetic: u, variables: d, isRequired: h }) => {
     const p = Ls(s.mapping, u);
     return {
       aesthetic: u,
@@ -10794,7 +10794,7 @@ var ag = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
     labelKey: "billions"
   }
 ], D0 = ["auto", "none"], j5 = ({ title: e, layout: t = "collapsible", preview: n }) => {
-  const a = H(), o = U(a), i = E(), { NumberField: l, ToggleGroup: s } = G();
+  const a = H(), o = W(a), i = E(), { NumberField: l, ToggleGroup: s } = G();
   if (!o) return null;
   const { abbreviation: c, decimals: u } = o.config.numberFormat, d = _0(c) !== void 0, h = u !== "auto", p = (T) => T.map((C) => ({
     value: C,
@@ -10805,10 +10805,10 @@ var ag = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
   })), v = (T) => {
     a.commands.dispatch(new kl({ abbreviation: T }));
   }, f = (T) => {
-    const C = D0.find((M) => M === T);
+    const C = D0.find((O) => O === T);
     v(C ?? O0);
   }, x = (T) => {
-    const C = Xt.find((M) => M.value === T);
+    const C = Xt.find((O) => O.value === T);
     C && v(C.value);
   }, w = (T) => {
     a.commands.dispatch(new En({ decimals: T === "custom" ? M0 : "auto" }));
@@ -10861,7 +10861,7 @@ var ag = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
     ] })
   });
 }, _0 = (e) => Xt.find((t) => t.value === e), Y5 = ({ title: e, layout: t = "collapsible", preview: n }) => {
-  const a = U(H()), o = E();
+  const a = W(H()), o = E();
   if (!a) return null;
   const i = z0(a.spec.layers);
   return i ? /* @__PURE__ */ r(K, {
@@ -10877,7 +10877,7 @@ var ag = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
   const t = Mt(e, "line", "area");
   return Mt(e, "point").find((n) => !Zr(n, t));
 }, F0 = 0.9, B0 = 360, H0 = 0.05, G0 = 15, J5 = ({ title: e, layout: t = "collapsible", preview: n }) => {
-  const a = H(), o = U(a), i = E(), { Slider: l } = G();
+  const a = H(), o = W(a), i = E(), { Slider: l } = G();
   if (!o || o.spec.coords.coordType !== "polar") return null;
   const { innerRadius: s, startAngle: c } = o.spec.coords.params, u = (h) => {
     a.commands.dispatch(new Pl({ innerRadius: h }), { transient: !0 });
@@ -10965,7 +10965,7 @@ var ag = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
     }
   };
   const { parsingLocale: t, numberFormat: n } = e.config, a = e.guides.colorGroups.map((o) => {
-    const i = rs({
+    const i = ns({
       valueFormat: o.valueFormat,
       locale: t,
       numberFormat: n
@@ -10990,26 +10990,26 @@ var ag = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
   "logarithmic",
   "power",
   "loess"
-], U0 = "linear", Q5 = ({ title: e, layout: t = "collapsible", preview: n }) => {
-  const a = H(), o = U(a), i = E(), { Select: l, Switch: s } = G(), { options: c, findValue: u } = $0(o);
+], W0 = "linear", Q5 = ({ title: e, layout: t = "collapsible", preview: n }) => {
+  const a = H(), o = W(a), i = E(), { Select: l, Switch: s } = G(), { options: c, findValue: u } = $0(o);
   if (!o || o.coordSystem.type === "polar") return null;
-  const d = ds(o.spec.layers), h = os(o.spec.layers), p = d?.stat.type === "smooth" ? d.stat.method : U0, g = W0(h), v = Lr.map((C) => ({
+  const d = cs(o.spec.layers), h = as(o.spec.layers), p = d?.stat.type === "smooth" ? d.stat.method : W0, g = U0(h), v = Lr.map((C) => ({
     value: C,
     label: i(`editor.annotationsPanel.trendType.options.${C}`)
-  })), f = (C, M = {}) => {
-    const L = d ?? h, O = new Rl({
+  })), f = (C, O = {}) => {
+    const L = d ?? h, M = new Rl({
       line: C,
-      ...M,
+      ...O,
       ...L !== void 0 && { layerId: L.id },
       label: i("editor.annotationsPanel.trendsAndAveragesSection.average")
     });
-    a.commands.dispatch(O);
+    a.commands.dispatch(M);
   }, x = (C) => f(C ? "trend" : "none", { method: p }), w = (C) => f(C ? "average" : "none", { group: g ?? u(c[0]?.value ?? "") }), y = (C) => {
-    const M = Lr.find((L) => L === C);
-    M !== void 0 && f("trend", { method: M });
+    const O = Lr.find((L) => L === C);
+    O !== void 0 && f("trend", { method: O });
   }, T = (C) => {
-    const M = C === null ? void 0 : u(C);
-    M !== void 0 && f("average", { group: M });
+    const O = C === null ? void 0 : u(C);
+    O !== void 0 && f("average", { group: O });
   };
   return /* @__PURE__ */ r(K, {
     title: e ?? i("editor.annotationsPanel.trendsAndAveragesSection.title"),
@@ -11053,7 +11053,7 @@ var ag = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
       })
     ] })
   });
-}, W0 = (e) => {
+}, U0 = (e) => {
   const t = e?.transforms.find((n) => n.transformType === "filter")?.options.value;
   return t instanceof Date ? t.getTime() : t;
 };
@@ -11071,8 +11071,8 @@ export {
   _5 as ElementsPanel,
   V5 as GoalSection,
   $5 as GraphOptionsSection,
-  U5 as GraphTypeSection,
-  W5 as GridSection,
+  W5 as GraphTypeSection,
+  U5 as GridSection,
   K5 as HeadlineSection,
   Cc as IntlProvider,
   q5 as LegendSection,