@graphysdk/react-renderer 1.9.0-beta.1791474469645 → 1.9.0-beta.1791527697963

package/dist/editable.mjs

@@ -1,6 +1,6 @@
-import { $ as $r, $t as Wr, At as ee, Bt as Ur, C as ki, Ct as Li, D as Pi, E as Ii, Et as ue, F as Ei, G as $, H as Oi, I as L, J as Mi, Jt as Ni, K as Ri, Mt as Di, N as _i, O as Kr, P as Fi, Q as dn, Qt as qr, S as zi, T as Le, Tt as Bi, U as Hi, Ut as Gi, W as J, X as U, Xt as Vi, Y as $i, Yt as Xr, Z as un, _ as Ne, _n as B, _t as Wi, an as Ui, b as jr, c as Zr, cn as Ki, ct as qi, d as Xi, dn as Yr, dt as ie, en as ce, et as hn, f as ji, g as Jr, gt as Zi, h as pn, hn as R, i as Qr, it as ea, jt as Yi, k as yt, kt as je, l as Ji, lt as _n, m as Qi, n as le, nn as Ge, nt as el, o as tl, on as nl, ot as rl, p as ta, pn as X, pt as St, q as Fn, qt as al, r as K, rt as na, st as ol, t as il, tn as mn, tt as Ct, u as ll, ut as sl, v as cl, vt as I, wt as dl, x as ul, xt as Re, y as hl, yn as pl, yt as ml, z as gl, zt as vl } from "./history-chords-BJe5GL-a.js";
+import { $ as $r, $t as Wr, At as ee, Bt as Ur, C as ki, Ct as Li, D as Pi, E as Ii, Et as ue, F as Ei, G as V, H as Oi, I as P, J as Mi, Jt as Ni, K as Ri, Mt as Di, N as _i, O as Kr, P as Fi, Q as dn, Qt as qr, S as zi, T as Le, Tt as Bi, U as Hi, Ut as Gi, W as J, X as U, Xt as Vi, Y as $i, Yt as Xr, Z as un, _ as Ne, _n as B, _t as Wi, an as Ui, b as jr, c as Zr, cn as Ki, ct as qi, d as Xi, dn as Yr, dt as ie, en as ce, et as hn, f as ji, g as Jr, gt as Zi, h as pn, hn as N, i as Qr, it as ea, jt as Yi, k as yt, kt as je, l as Ji, lt as _n, m as Qi, n as le, nn as Ge, nt as el, o as tl, on as nl, ot as rl, p as ta, pn as X, pt as St, q as Fn, qt as al, r as K, rt as na, st as ol, t as il, tn as mn, tt as Ct, u as ll, ut as sl, v as cl, vt as E, wt as dl, x as ul, xt as Re, y as hl, yn as pl, yt as ml, z as gl, zt as vl } from "./history-chords-Bo4ML6gC.js";
 import { ARROW_DEFAULTS as fl, ARROW_STICKER_DECLARATIONS as bl, ARROW_STROKE_WIDTHS_PX as Ft, AddAnnotationCommand as we, AddHighlightCommand as yl, BORDER_RADIUS_TOKENS as zn, COMBO_TYPES as Bn, CONSTANT_VARIABLES as Sl, DASH_PRESETS as Cl, DEFAULT_BAR_CORNER_RADIUS as xl, DEFAULT_GEOM_COLOR as wl, DEFAULT_POINT_SIZE_PX as Tl, DEFAULT_STROKE_WIDTH_PX as Al, DIFFERENCE_ARROW_DEFAULTS as ra, DIFFERENCE_ARROW_SIZE_DECLARATIONS as Hn, InternalError as kl, MAX_BAR_WIDTH_FRACTION as Ll, MIN_BAR_WIDTH_FRACTION as Pl, MoveAnnotationCommand as Il, RESTING_HOVER_STATE as gn, RemoveAnnotationCommand as We, RemoveHighlightCommand as El, SHAPE_DEFAULTS as Ol, SequenceCommand as Ml, SetAxisLabelCommand as aa, SetAxisPositionCommand as oa, SetAxisTickModeCommand as ia, SetAxisTicksVisibilityCommand as Nl, SetAxisVisibilityCommand as Rl, SetBarCornerRadiusCommand as Dl, SetBarWidthCommand as _l, SetChartTypeCommand as la, SetContentCaptionCommand as sa, SetContentSourceCommand as Fl, SetContentSubtitleCommand as ca, SetContentTitleCommand as da, SetDataLabelsFormatCommand as ua, SetDifferenceArrowStyleCommand as zl, SetGridLineStyleCommand as Bl, SetGridLineWidthCommand as Hl, SetGridVisibilityCommand as Gl, SetHeadlineCompareWithCommand as Vl, SetHeadlinePositionCommand as $l, SetHeadlineShowCommand as Gn, SetHeadlineSizeCommand as Wl, SetHighlightDimStyleCommand as Ul, SetLayerYScaleTypeCommand as Kl, SetLegendAlignCommand as ql, SetLegendDisplayCommand as Xl, SetLegendPlacementCommand as jl, SetLegendPositionCommand as Zl, SetLineCurveCommand as Yl, SetLineMissingValuesCommand as Jl, SetLineWidthCommand as Vn, SetMappingCommand as Ql, SetNumberFormatAbbreviationCommand as es, SetNumberFormatDecimalsCommand as $n, SetObservationsColorCommand as ts, SetPointSizeCommand as ns, SetPolarInnerRadiusCommand as rs, SetPolarStartAngleCommand as as, SetRuleLabelCommand as os, SetRuleValueCommand as is, SetScaleDomainCommand as Ie, SetScaleReverseCommand as ls, SetScaleTransformCommand as ha, SetStatLineCommand as ss, SetStyleRuleCommand as Oe, TEXT_ANNOTATION_DEFAULTS as cs, TEXT_ANNOTATION_FADE_ALPHA as ds, ToggleCategoryLabelsCommand as pa, ToggleContentVisibilityCommand as xt, ToggleDataLabelsCommand as ma, ToggleGoalLineCommand as us, ToggleLineFillCommand as hs, ToggleLinePointsCommand as ps, ToggleStackTotalsCommand as ga, UpdateAnnotationCommand as he, alignUnitFractions as ms, areAnchorsEqual as va, areEditTargetsEqual as fa, areEndpointsComparable as gs, buildEditMenuTriggerRegion as vs, buildLayerStyleAddress as fs, buildObservationPredicate as bs, buildObservationsTarget as wt, buildObservationsTargetAtValue as ba, canAnchorDirectLabels as ys, canBecomeCombo as Ss, canBecomeHeatmap as Cs, clampAnnotationTranslation as xs, combineKindStyleDeclarations as Wn, computeArrow as ya, createObservationAnchorBuilder as ws, createObservationAnchorParser as Ts, createStyleResolver as As, createValueFormatter as Sa, createXValueReader as ks, filterLayersByGeoms as Ut, findAnnotation as Ls, findAverageLineLayer as Ps, findAxisGuide as Is, findCompanionLayers as Ca, findGoalLineLayer as Es, findHighlightsAtObservation as Os, findHostLayer as Ms, findLayerByGeom as xa, findLayerById as ve, findObservationAttachment as Ns, findStyleRule as Ae, findTrendLineLayer as Rs, formatDifferenceLabel as Ds, getBoundingRect as Kt, getGroupVariables as _s, getXBand as Fs, getYBand as zs, hasMainAxisBand as Bs, hasMultipleGroups as Hs, inferDefaultDifferenceArrowEndpoints as Gs, inferDifferenceArrowEndpoints as Vs, isComboChartType as Ee, isCompanionLayer as wa, isObservationAttachmentKind as $s, isPointWithinEditMenuTrigger as vn, isSafeUrl as Ws, isZeroAnchoredAxis as Ta, measureObservationsBoxes as Aa, projectAnchorToPanel as dt, readBroadestObservationsScope as Us, readChartType as ka, readComboLineLayerId as Ks, readCompanionRowsAtScopeKey as qs, readConstantValue as Xs, readEditTargetKey as Tt, readGeomColor as js, readHighlightDimStyle as Zs, readMainAxis as Ys, readMappableAesthetics as Js, readMappedVariable as Qs, readObservationIndex as La, readObservationsColorRoute as ec, readPaletteChoices as tc, readPresentedObservationsColor as nc, readReachableLevels as rc, readRowScopeKey as ac, readRowsAtScopeKey as oc, readScopeXVariable as ic, readStyleCoord as De, readStyleRulesBeneath as lc, readVariableName as At, resolveArrowAnnotationStyle as fn, resolveBarBandFraction as sc, resolveComparisonBasis as cc, resolveDifferenceArrowAnnotationStyle as dc, resolveEditOutlineStyle as uc, resolveObservationPoint as Pa, resolveObservationsTarget as Un, stepDifferenceArrowEndpoint as hc, toDashPreset as qt, toPaintColor as ut, toPanelCursor as kt } from "@graphysdk/viz-engine";
-import { Fragment as pc, createContext as _e, memo as Ia, useCallback as ae, useContext as ye, useEffect as z, useId as ke, useLayoutEffect as Me, useMemo as E, useRef as ne, useState as Q } from "react";
+import { Fragment as pc, createContext as _e, memo as Ia, useCallback as ae, useContext as ye, useEffect as F, useId as ke, useLayoutEffect as Me, useMemo as O, useRef as ne, useState as Q } from "react";
 import { Fragment as q, jsx as r, jsxs as g } from "react/jsx-runtime";
 import { motion as mc } from "motion/react";
 import { useShallow as fe } from "zustand/react/shallow";
@@ -169,9 +169,7 @@ import './editable.css';var zc = {
       alignLabel: "المحاذاة",
       align: {
         auto: "تلقائي",
-        start: "البداية",
-        center: "الوسط",
-        end: "النهاية"
+        center: "الوسط"
       },
       displayLabel: "النمط",
       display: {
@@ -969,9 +967,7 @@ import './editable.css';var zc = {
       alignLabel: "Alignment",
       align: {
         auto: "Auto",
-        start: "Start",
-        center: "Center",
-        end: "End"
+        center: "Center"
       },
       displayLabel: "Style",
       display: {
@@ -1772,9 +1768,7 @@ import './editable.css';var zc = {
       alignLabel: "Alinhamento",
       align: {
         auto: "Automático",
-        start: "Início",
-        center: "Centro",
-        end: "Fim"
+        center: "Centro"
       },
       displayLabel: "Estilo",
       display: {
@@ -2528,7 +2522,7 @@ import './editable.css';var zc = {
   focusWidth: "2px",
   shadow: "var(--graphy-editor-default-shadow)"
 }, za = _e(null), Ba = ({ labelId: e, controlId: t, children: n }) => {
-  const a = E(() => {
+  const a = O(() => {
     let o = null;
     return {
       labelId: e,
@@ -2555,7 +2549,7 @@ var Va = "transparent", $a = (e) => e === "transparent" ? {
   background: e,
   border: `1px solid ${id.border}`
 }, dd = ({ title: e, colors: t, value: n, onChange: a, trailing: o, isClearable: i = !1, isDisabled: l, id: s, ariaLabel: c, ariaLabelledBy: h }) => {
-  const d = I(), u = Ce({
+  const d = E(), u = Ce({
     id: s,
     ariaLabel: c,
     ariaLabelledBy: h
@@ -2635,7 +2629,7 @@ var ud = {
   align: "shift",
   fallbackAxisSide: "end"
 }, kd = ({ value: e, onChange: t, onCommit: n, popupAttributes: a, variant: o = "default" }) => {
-  const i = I(), l = Ze(), [s, c] = Q(!1), h = (p) => {
+  const i = E(), l = Ze(), [s, c] = Q(!1), h = (p) => {
     c(p), p || n?.();
   }, d = e !== null && Vi(e) ? e : "#000000", u = Xr(d) ? d.toUpperCase() : "#000000";
   return /* @__PURE__ */ g(Y.Root, {
@@ -2699,7 +2693,7 @@ var ud = {
       }) })
     })]
   });
-}, Cn = _e(null), W = () => {
+}, Cn = _e(null), $ = () => {
   const e = ye(Cn);
   if (!e) throw new Error("An editing section must sit inside an <EditorPanel.Root> bound to a graph — pass it a `handle`, or render the panel inside a <GraphProvider>.");
   return e;
@@ -2787,7 +2781,7 @@ var Ed = ({ value: e, onChange: t, onCommit: n, min: a, max: o, step: i, placeho
 }, xn = ({ children: e }) => {
   const { themeValues: t } = St();
   return /* @__PURE__ */ r(ie, {
-    style: E(() => Pe({
+    style: O(() => Pe({
       [ce.fontFamily]: t.fontFamily,
       [ce.textScale]: t.textScale
     }), [t]),
@@ -2820,7 +2814,7 @@ var Za = "srewh00", Od = "srewh01", Md = {
       ...b,
       [f]: null
     } : b);
-  }, []), d = ae(() => i(!0), []), u = Nd(l), p = E(() => ({
+  }, []), d = ae(() => i(!0), []), u = Nd(l), p = O(() => ({
     isHovered: n,
     isDismissed: o,
     reachedTooltipId: u,
@@ -2848,7 +2842,7 @@ var Za = "srewh00", Od = "srewh01", Md = {
   });
 }, Ja = ({ label: e, isChecked: t = !1, children: n }) => {
   const { isHovered: a, isDismissed: o, reachedTooltipId: i, reach: l, release: s, dismiss: c } = ye(Ya), h = ke(), [d, u] = Q(!1), p = a ? !o && (i === h || t && i === null) : d;
-  z(() => () => {
+  F(() => () => {
     s(h, "pointer"), s(h, "focus");
   }, [h, s]);
   const v = (m, f) => {
@@ -2937,7 +2931,7 @@ var _d = 6, Fd = ({ options: e, value: t, onChange: n, onCommit: a, columns: o,
     default:
       return He[6];
   }
-}, Qa = (e) => /* @__PURE__ */ r(L, {
+}, Qa = (e) => /* @__PURE__ */ r(P, {
   ...e,
   children: /* @__PURE__ */ r("g", {
     stroke: "currentColor",
@@ -2946,7 +2940,7 @@ var _d = 6, Fd = ({ options: e, value: t, onChange: n, onCommit: a, columns: o,
     strokeLinejoin: "round",
     children: /* @__PURE__ */ r("path", { d: "M20 6 9 17l-5-5" })
   })
-}), Ye = (e) => /* @__PURE__ */ r(L, {
+}), Ye = (e) => /* @__PURE__ */ r(P, {
   ...e,
   children: /* @__PURE__ */ r("g", {
     stroke: "currentColor",
@@ -3133,7 +3127,7 @@ var eo = ({ options: e, value: t, onChange: n, onCommit: a, itemLayout: o = "inl
   ColorSwatches: dd,
   CustomColor: kd
 }, Zt = _e(hu), pu = ({ controls: e, children: t }) => {
-  const n = ye(Zt), a = E(() => ({
+  const n = ye(Zt), a = O(() => ({
     ToggleGroup: e?.ToggleGroup ?? n.ToggleGroup,
     Switch: e?.Switch ?? n.Switch,
     Slider: e?.Slider ?? n.Slider,
@@ -3181,7 +3175,7 @@ var vu = "d0bl03", fu = "d0bl04", bu = "owf1yg0", yu = "owf1yg1", Su = "owf1yg2"
     })
   })
 }), Yt = Wr.map((e) => ce[e]), Au = Object.fromEntries(Wr.map((e) => [ce[e], e])), ku = (e) => Yt.some((t) => t.toLowerCase() === e.toLowerCase()), Lu = ({ color: e, onChange: t, isOpen: n, onOpenChange: a, children: o, label: i, popupAttributes: l, opacity: s, onOpacityChange: c, hasTransparentOption: h = !1 }) => {
-  const d = I(), { ColorSwatches: u } = H(), p = Eu(), v = h ? [Va, ...Yt] : Yt, m = (f) => {
+  const d = E(), { ColorSwatches: u } = H(), p = Eu(), v = h ? [Va, ...Yt] : Yt, m = (f) => {
     t(f), a(!1);
   };
   return /* @__PURE__ */ g(Y.Root, {
@@ -3252,8 +3246,8 @@ var vu = "d0bl03", fu = "d0bl04", bu = "owf1yg0", yu = "owf1yg1", Su = "owf1yg2"
     popupAttributes: n
   });
 }, Eu = () => {
-  const e = R((t) => t.scales.color);
-  return E(() => {
+  const e = N((t) => t.scales.color);
+  return O(() => {
     if (!e || e.kind !== "visual") return [];
     const t = /* @__PURE__ */ new Set();
     for (const n of e.domain) {
@@ -3335,7 +3329,7 @@ var vu = "d0bl03", fu = "d0bl04", bu = "owf1yg0", yu = "owf1yg1", Su = "owf1yg2"
     fontFamily: Ku
   }
 ], qu = (e) => e ? Jt.find((t) => t.fontFamily === e) ?? null : null, no = "_70l3rt0", ro = "_70l3rt1", ao = "_70l3rt3", oo = "_70l3rt4", io = "_70l3rt5", Xu = ({ editor: e, currentFontFamily: t, isOpen: n, onOpenChange: a }) => {
-  const o = I(), i = qu(t) ?? Jt[0], l = (s) => {
+  const o = E(), i = qu(t) ?? Jt[0], l = (s) => {
     e.chain().focus().setFontFamily(s.fontFamily).run();
   };
   return /* @__PURE__ */ g(G.Root, {
@@ -3401,7 +3395,7 @@ var vu = "d0bl03", fu = "d0bl04", bu = "owf1yg0", yu = "owf1yg1", Su = "owf1yg2"
     previewFont: ce.fontTextEditorH1
   }
 ], ju = ({ editor: e, activeStyle: t, isOpen: n, onOpenChange: a }) => {
-  const o = I(), i = Zn.find((l) => l.id === t) ?? lo;
+  const o = E(), i = Zn.find((l) => l.id === t) ?? lo;
   return /* @__PURE__ */ g(G.Root, {
     open: n,
     onOpenChange: a,
@@ -3460,7 +3454,7 @@ var vu = "d0bl03", fu = "d0bl04", bu = "owf1yg0", yu = "owf1yg1", Su = "owf1yg2"
     margin: 0
   },
   children: t
-}), Ju = (e) => /* @__PURE__ */ r(L, {
+}), Ju = (e) => /* @__PURE__ */ r(P, {
   ...e,
   children: /* @__PURE__ */ g("g", {
     stroke: "currentColor",
@@ -3469,7 +3463,7 @@ var vu = "d0bl03", fu = "d0bl04", bu = "owf1yg0", yu = "owf1yg1", Su = "owf1yg2"
     strokeLinejoin: "round",
     children: [/* @__PURE__ */ r("path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" }), /* @__PURE__ */ r("path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" })]
   })
-}), Qu = (e) => /* @__PURE__ */ r(L, {
+}), Qu = (e) => /* @__PURE__ */ r(P, {
   ...e,
   children: /* @__PURE__ */ g("g", {
     stroke: "currentColor",
@@ -3489,8 +3483,8 @@ var vu = "d0bl03", fu = "d0bl04", bu = "owf1yg0", yu = "owf1yg1", Su = "owf1yg2"
     to: o + l
   };
 }, Yn = (e) => e !== void 0 && /\S/.test(e), nh = "fop13s0", rh = "fop13s1", ah = "fop13s2", oh = "fop13s3", Jn = "fop13s4", ih = ({ editor: e, currentUrl: t, isActive: n, isOpen: a, onOpenChange: o }) => {
-  const i = I(), [l, s] = Q(""), c = ne(null);
-  z(() => {
+  const i = E(), [l, s] = Q(""), c = ne(null);
+  F(() => {
     a && s(t ?? "");
   }, [a, t]);
   const h = () => {
@@ -3569,7 +3563,7 @@ var vu = "d0bl03", fu = "d0bl04", bu = "owf1yg0", yu = "owf1yg1", Su = "owf1yg2"
   }
   const o = th(e);
   e.chain().focus().setTextSelection(o).setLink({ href: n }).run();
-}, so = (e) => /* @__PURE__ */ r(L, {
+}, so = (e) => /* @__PURE__ */ r(P, {
   ...e,
   children: /* @__PURE__ */ g("g", {
     stroke: "currentColor",
@@ -3582,7 +3576,7 @@ var vu = "d0bl03", fu = "d0bl04", bu = "owf1yg0", yu = "owf1yg1", Su = "owf1yg2"
       /* @__PURE__ */ r("path", { d: "M19 19H5" })
     ]
   })
-}), co = (e) => /* @__PURE__ */ r(L, {
+}), co = (e) => /* @__PURE__ */ r(P, {
   ...e,
   children: /* @__PURE__ */ g("g", {
     stroke: "currentColor",
@@ -3595,7 +3589,7 @@ var vu = "d0bl03", fu = "d0bl04", bu = "owf1yg0", yu = "owf1yg1", Su = "owf1yg2"
       /* @__PURE__ */ r("path", { d: "M21 19H7" })
     ]
   })
-}), uo = (e) => /* @__PURE__ */ r(L, {
+}), uo = (e) => /* @__PURE__ */ r(P, {
   ...e,
   children: /* @__PURE__ */ g("g", {
     stroke: "currentColor",
@@ -3632,7 +3626,7 @@ var vu = "d0bl03", fu = "d0bl04", bu = "owf1yg0", yu = "owf1yg1", Su = "owf1yg2"
     }) })
   })] });
 }, dh = ({ editor: e, activeAlignment: t = "left" }) => {
-  const n = I();
+  const n = E();
   return /* @__PURE__ */ g(q, { children: [
     /* @__PURE__ */ r(Ve, {
       label: n("graph.toolbar.textAlign.left"),
@@ -3664,7 +3658,7 @@ var vu = "d0bl03", fu = "d0bl04", bu = "owf1yg0", yu = "owf1yg1", Su = "owf1yg2"
   fontSize: ph(e),
   textAlign: mh(e)
 }), ph = (e) => e ? e.isActive("heading", { level: 1 }) ? "h1" : e.isActive("heading", { level: 2 }) ? "h2" : e.isActive("heading", { level: 3 }) ? "h3" : e.isActive("paragraph", { variant: "caption" }) ? "caption" : "text" : "text", mh = (e) => e ? e.isActive({ textAlign: "center" }) ? "center" : e.isActive({ textAlign: "right" }) ? "right" : "left" : "left", gh = 8, vh = 8, fh = ({ editor: e }) => {
-  const t = I(), [n, a] = Q(!1), [o, i] = Q(null), l = o !== null, s = (v) => (m) => {
+  const t = E(), [n, a] = Q(!1), [o, i] = Q(null), l = o !== null, s = (v) => (m) => {
     i(m ? v : null);
   }, { refs: c, floatingStyles: h } = yc({
     placement: "top-start",
@@ -3681,9 +3675,9 @@ var vu = "d0bl03", fu = "d0bl04", bu = "owf1yg0", yu = "owf1yg1", Su = "owf1yg2"
   }), p = ae((v) => {
     d.current = v, c.setFloating(v);
   }, [c]);
-  return z(() => {
+  return F(() => {
     e && c.setReference(e.view.dom);
-  }, [e, c]), z(() => {
+  }, [e, c]), F(() => {
     if (!e) return;
     const v = () => a(!0), m = ({ event: f }) => {
       const { relatedTarget: b, currentTarget: x } = f, w = b instanceof Node && d.current?.contains(b), C = b instanceof Node && x instanceof Node && x.contains(b);
@@ -3771,9 +3765,9 @@ var vu = "d0bl03", fu = "d0bl04", bu = "owf1yg0", yu = "owf1yg1", Su = "owf1yg2"
       s.run(d);
     }
   });
-  return z(() => {
+  return F(() => {
     c?.setEditable(n);
-  }, [c, n]), z(() => {
+  }, [c, n]), F(() => {
     if (!c) return;
     const h = Qn(e);
     zt(l.current, h) || (l.current = h, !zt(c.getJSON(), h) && (s.cancel(), Sh(c, h)));
@@ -3781,7 +3775,7 @@ var vu = "d0bl03", fu = "d0bl04", bu = "owf1yg0", yu = "owf1yg1", Su = "owf1yg2"
     c,
     e,
     s
-  ]), z(() => () => s.flush(), [s]), c;
+  ]), F(() => () => s.flush(), [s]), c;
 }, Qn = (e) => e === null ? {
   type: "doc",
   content: []
@@ -3805,7 +3799,7 @@ var vu = "d0bl03", fu = "d0bl04", bu = "owf1yg0", yu = "owf1yg1", Su = "owf1yg2"
 }, zt = (e, t) => JSON.stringify(pt(e)) === JSON.stringify(pt(t)), pt = (e) => Array.isArray(e) ? e.map(pt) : e === null || typeof e != "object" ? e : Object.fromEntries(Object.entries(e).map(([t, n]) => [t, pt(n)]).filter(([, t]) => !Ch(t)).sort(([t], [n]) => String(t).localeCompare(String(n)))), Ch = (e) => e == null || typeof e == "object" && Object.keys(e).length === 0, xh = ({ caption: e, captionStyle: t }) => {
   const { dispatch: n } = le(), a = wn({
     content: e,
-    extensions: E(() => ad({ placeholder: "Add caption" }), []),
+    extensions: O(() => ad({ placeholder: "Add caption" }), []),
     isEditable: !0,
     onUpdate: (o) => {
       const i = eh(o) ? null : o;
@@ -3830,7 +3824,7 @@ var vu = "d0bl03", fu = "d0bl04", bu = "owf1yg0", yu = "owf1yg1", Su = "owf1yg2"
     placeholder: ({ pos: t }) => t === 0 ? e : ""
   })
 ], Th = ({ annotation: e }) => {
-  const t = I(), { dispatch: n } = le(), a = $(), o = E(() => wh(t("graph.annotations.text.placeholder")), [t]), i = wn({
+  const t = E(), { dispatch: n } = le(), a = V(), o = O(() => wh(t("graph.annotations.text.placeholder")), [t]), i = wn({
     content: e.content,
     extensions: o,
     isEditable: !0,
@@ -3842,10 +3836,10 @@ var vu = "d0bl03", fu = "d0bl04", bu = "owf1yg0", yu = "owf1yg1", Su = "owf1yg2"
       }));
     }
   });
-  return z(() => {
+  return F(() => {
     const { setCaretEditor: l } = a.getState();
     return l(i), () => l(null);
-  }, [i, a]), z(() => {
+  }, [i, a]), F(() => {
     i?.commands.focus("end", { scrollIntoView: !1 });
   }, [i]), /* @__PURE__ */ r(Ra, {
     "aria-label": t("graph.annotations.text.editLabel"),
@@ -3937,13 +3931,13 @@ var vu = "d0bl03", fu = "d0bl04", bu = "owf1yg0", yu = "owf1yg1", Su = "owf1yg2"
   lineHeight: "var(--uwf6lt3)",
   textColor: "var(--uwf6lt4)"
 }, Rh = "uwf6lt5", Dh = ({ title: e, isTitleVisible: t, isSubtitleVisible: n, subtitle: a, headingStyle: o, subtitleStyle: i }) => {
-  const { dispatch: l } = le(), s = E(() => rd({
+  const { dispatch: l } = le(), s = O(() => rd({
     titlePlaceholder: "Untitled",
     subtitlePlaceholder: "Untitled",
     isTitleVisible: t,
     isSubtitleVisible: n
   }), [t, n]), c = wn({
-    content: E(() => Lh({
+    content: O(() => Lh({
       title: e,
       isTitleVisible: t,
       subtitle: a,
@@ -4120,7 +4114,7 @@ var $h = (e, { coordSystem: t, panelRect: n }) => {
   from: e.y,
   to: e.y + e.height
 }), jh = (e, { frameElement: t, panelRect: n, look: a }) => {
-  const o = $(), i = X(), l = R((u) => u.coordSystem), s = ne(/* @__PURE__ */ new Map()), c = e?.target ?? null, h = e?.outline ?? null;
+  const o = V(), i = X(), l = N((u) => u.coordSystem), s = ne(/* @__PURE__ */ new Map()), c = e?.target ?? null, h = e?.outline ?? null;
   Me(() => {
     if (c === null || h === null) return;
     const u = s.current, p = /* @__PURE__ */ new Map(), m = Bh(h, {
@@ -4191,16 +4185,16 @@ var ir = (e, t) => {
     height: Math.max(0, s - i)
   };
 }, rp = [], ap = (e) => {
-  const { layers: t, parsingLocale: n } = R(fe((u) => ({
+  const { layers: t, parsingLocale: n } = N(fe((u) => ({
     layers: u.layers,
     parsingLocale: u.config.parsingLocale
-  }))), a = J((u) => u.editTargetUnderPointer), o = a?.kind === "observations" ? a.observations : null, i = o === null ? void 0 : ve(t, o.layerId), l = o?.target.scope ?? null, s = o === null || i === void 0 ? null : ac(i, o.target.scope, o.observationIndex), c = E(() => i === void 0 || l === null || s === null ? null : op(t, i, l, s), [
+  }))), a = J((u) => u.editTargetUnderPointer), o = a?.kind === "observations" ? a.observations : null, i = o === null ? void 0 : ve(t, o.layerId), l = o?.target.scope ?? null, s = o === null || i === void 0 ? null : ac(i, o.target.scope, o.observationIndex), c = O(() => i === void 0 || l === null || s === null ? null : op(t, i, l, s), [
     t,
     i,
     l,
     s
-  ]), h = E(() => c !== null && e !== null && ir(c, e), [c, e]), d = o !== null && i !== void 0 && ip(o, i, n) ? o.observationIndex : null;
-  return E(() => {
+  ]), h = O(() => c !== null && e !== null && ir(c, e), [c, e]), d = o !== null && i !== void 0 && ip(o, i, n) ? o.observationIndex : null;
+  return O(() => {
     switch (a?.kind) {
       case "observations": {
         const u = c?.parts[0];
@@ -4361,10 +4355,10 @@ var ir = (e, t) => {
   const t = (n) => Number(e?.getAttribute(n) ?? 0);
   return (t("x2") - t("x1")) * (t("y2") - t("y1")) >= 0;
 }, pp = [], mp = (e, { frameElement: t, frameSize: n, panelRect: a, shouldAnimateTransitions: o }) => {
-  const i = R((f) => f.coordSystem), l = Gi(), s = Yr(), c = vp(e.kind === "guide" ? e.target : null, {
+  const i = N((f) => f.coordSystem), l = Gi(), s = Yr(), c = vp(e.kind === "guide" ? e.target : null, {
     frameElement: t,
     frameSize: n
-  }), h = gp(t, n), d = E(() => ({
+  }), h = gp(t, n), d = O(() => ({
     coordSystem: i,
     panelRect: a,
     resolveRenderer: l,
@@ -4374,12 +4368,12 @@ var ir = (e, t) => {
     a,
     l,
     s
-  ]), u = e.kind === "observations" ? e.parts : null, p = e.kind === "observations" ? e.vertex : null, v = E(() => u?.map((f) => lr(f, d, o)) ?? pp, [
+  ]), u = e.kind === "observations" ? e.parts : null, p = e.kind === "observations" ? e.vertex : null, v = O(() => u?.map((f) => lr(f, d, o)) ?? pp, [
     u,
     d,
     o
-  ]), m = E(() => p === null ? null : lr(p, d, !1), [p, d]);
-  return E(() => {
+  ]), m = O(() => p === null ? null : lr(p, d, !1), [p, d]);
+  return O(() => {
     switch (e.kind) {
       case "observations":
         return {
@@ -4449,7 +4443,7 @@ var ir = (e, t) => {
     })
   };
 }, vp = (e, { frameElement: t, frameSize: n }) => {
-  const a = R((d) => d.coordSystem.type), o = R(fe((d) => d.guides.legends.drawn.map((u) => u.display))), i = R((d) => e === null ? null : d), [l, s] = Q([]), c = ee(e), h = ne(!1);
+  const a = N((d) => d.coordSystem.type), o = N(fe((d) => d.guides.legends.drawn.map((u) => u.display))), i = N((d) => e === null ? null : d), [l, s] = Q([]), c = ee(e), h = ne(!1);
   return Me(() => {
     const d = c.current;
     if (d === null) return;
@@ -4513,11 +4507,11 @@ var ir = (e, t) => {
       };
   }
 }, bp = () => {
-  const e = pn()[0] ?? null, { layers: t, parsingLocale: n } = R(fe((a) => ({
+  const e = pn()[0] ?? null, { layers: t, parsingLocale: n } = N(fe((a) => ({
     layers: a.layers,
     parsingLocale: a.config.parsingLocale
   })));
-  return E(() => e === null ? null : yp(e, t, n), [
+  return O(() => e === null ? null : yp(e, t, n), [
     e,
     t,
     n
@@ -4767,7 +4761,7 @@ var ir = (e, t) => {
     }
   }
 }, Ip = ({ target: e, look: t, panelRect: n }) => {
-  const a = R((l) => l.coordSystem), o = e.parts[0];
+  const a = N((l) => l.coordSystem), o = e.parts[0];
   if (e.scope !== "x-value" || o === void 0 || o.layer.highlight?.strategy !== "overlay-anchor") return null;
   const i = Ep(o);
   return i === null ? null : /* @__PURE__ */ r("svg", {
@@ -4808,7 +4802,7 @@ var ir = (e, t) => {
   return ur(l, a.width, t.width);
 }, vo = () => {
   const [e, t] = Q(!1);
-  return z(() => {
+  return F(() => {
     t(!0);
   }, []), e;
 }, Rp = (e) => Yi.some((t) => t === e), ur = (e, t, n) => n === 0 ? 0 : e * t / n, Dp = {
@@ -4825,7 +4819,7 @@ var ir = (e, t) => {
   Me(() => () => {
     c?.contains(document.activeElement) && e.focus({ preventScroll: !0 });
   }, [c, e]);
-  const { x: v, y: m, width: f, height: b } = t, x = E(() => ({
+  const { x: v, y: m, width: f, height: b } = t, x = O(() => ({
     box: {
       x: v,
       y: m,
@@ -4839,8 +4833,8 @@ var ir = (e, t) => {
     f,
     b,
     n
-  ]), w = E(() => go(e, x.box), [e, x]), C = (S, P) => {
-    S || (P.cancel(), P.reason === "escape-key" && o());
+  ]), w = O(() => go(e, x.box), [e, x]), C = (S, I) => {
+    S || (I.cancel(), I.reason === "escape-key" && o());
   };
   return /* @__PURE__ */ r(Y.Root, {
     open: s,
@@ -4854,11 +4848,11 @@ var ir = (e, t) => {
         side: "right",
         align: "start",
         sideOffset: ({ side: S }) => S === "top" || S === "bottom" ? a.y : a.x,
-        alignOffset: ({ side: S, anchor: P }) => Np({
+        alignOffset: ({ side: S, anchor: I }) => Np({
           side: S,
           boundary: x.box,
           spans: x.spans,
-          anchor: P,
+          anchor: I,
           isRightToLeft: zp(p.current)
         }),
         collisionAvoidance: _p,
@@ -4916,24 +4910,24 @@ var ir = (e, t) => {
     axis: e.axis
   });
 }, Gp = (e, t) => e === "ySecondary" || t !== "continuous" && t !== "datetime" ? null : e, Vp = ({ graph: e, axis: t }) => {
-  const n = K(e), a = I(), { NumberField: o, TextField: i, ToggleGroup: l } = H(), s = n?.guides.axes.find((T) => T.scaleAestheticKey === t);
-  if (z(() => () => e.commands.commit(), [e.commands]), n === null || s?.geometry !== "linear") return null;
-  const c = n.scales[t]?.spec.scaleType, h = Gp(t, c), d = n.guides.legends.drawn.some((T) => T.position === "left" || T.position === "right"), u = t === "y" && c === "continuous" && (s.position === "left" || s.position === "right") && !d, p = t === "y" ? n.scales.y?.spec : void 0, v = p?.scaleType === "continuous" ? p : void 0, m = v !== void 0 && (s.position === "left" || s.position === "right") && !Ta(n, "y"), f = v?.transform === "log" ? "log" : "linear", b = m && v.transform !== "log", x = v?.domainMin ?? null, w = x === null ? "auto" : x === 0 ? "zero" : "custom", C = v !== void 0 && (s.position === "left" || s.position === "right") && v.transform !== "log", S = v?.domainMax ?? null, P = S === null ? "auto" : "custom", k = (T) => {
-    const F = T === "" ? null : T, D = t === "ySecondary" ? {
+  const n = K(e), a = E(), { NumberField: o, TextField: i, ToggleGroup: l } = H(), s = n?.guides.axes.find((T) => T.scaleAestheticKey === t);
+  if (F(() => () => e.commands.commit(), [e.commands]), n === null || s?.geometry !== "linear") return null;
+  const c = n.scales[t]?.spec.scaleType, h = Gp(t, c), d = n.guides.legends.drawn.some((T) => T.position === "left" || T.position === "right"), u = t === "y" && c === "continuous" && (s.position === "left" || s.position === "right") && !d, p = t === "y" ? n.scales.y?.spec : void 0, v = p?.scaleType === "continuous" ? p : void 0, m = v !== void 0 && (s.position === "left" || s.position === "right") && !Ta(n, "y"), f = v?.transform === "log" ? "log" : "linear", b = m && v.transform !== "log", x = v?.domainMin ?? null, w = x === null ? "auto" : x === 0 ? "zero" : "custom", C = v !== void 0 && (s.position === "left" || s.position === "right") && v.transform !== "log", S = v?.domainMax ?? null, I = S === null ? "auto" : "custom", L = (T) => {
+    const _ = T === "" ? null : T, W = t === "ySecondary" ? {
       axis: t,
-      label: F
+      label: _
     } : {
       axis: t,
-      label: F
+      label: _
     };
-    e.commands.dispatch(new aa(D), { transient: !0 });
+    e.commands.dispatch(new aa(W), { transient: !0 });
   };
   return /* @__PURE__ */ g(q, { children: [
     /* @__PURE__ */ r(A, {
       label: a("editor.axesPanel.controls.title"),
       children: /* @__PURE__ */ r(i, {
         value: n.config.axes[t]?.label ?? "",
-        onChange: k,
+        onChange: L,
         onCommit: e.commands.commit
       })
     }),
@@ -5013,10 +5007,10 @@ var ir = (e, t) => {
           }
         ],
         onChange: (T) => {
-          const F = n.scales.y?.domain[0], D = T === "auto" ? null : T === "zero" ? 0 : typeof F == "number" ? F : 0;
+          const _ = n.scales.y?.domain[0], W = T === "auto" ? null : T === "zero" ? 0 : typeof _ == "number" ? _ : 0;
           e.commands.dispatch(new Ie({
             scaledAesthetic: "y",
-            domainMin: D
+            domainMin: W
           }));
         }
       })
@@ -5036,7 +5030,7 @@ var ir = (e, t) => {
     C && /* @__PURE__ */ g(q, { children: [/* @__PURE__ */ r(A, {
       label: a("editor.axesPanel.controls.endAt"),
       children: /* @__PURE__ */ r(l, {
-        value: P,
+        value: I,
         options: [{
           value: "auto",
           label: a("editor.axesPanel.endAt.auto")
@@ -5045,14 +5039,14 @@ var ir = (e, t) => {
           label: a("editor.axesPanel.endAt.custom")
         }],
         onChange: (T) => {
-          const F = n.scales.y?.domain.at(-1), D = typeof F == "number" ? F : 0;
+          const _ = n.scales.y?.domain.at(-1), W = typeof _ == "number" ? _ : 0;
           e.commands.dispatch(new Ie({
             scaledAesthetic: "y",
-            domainMax: T === "custom" ? D : null
+            domainMax: T === "custom" ? W : null
           }));
         }
       })
-    }), P === "custom" && /* @__PURE__ */ r(A, {
+    }), I === "custom" && /* @__PURE__ */ r(A, {
       label: a("editor.axesPanel.controls.value"),
       children: /* @__PURE__ */ r(o, {
         value: S,
@@ -5081,7 +5075,7 @@ var ir = (e, t) => {
     supportsCategoryLabels: o && i && e.position === "fill" && a
   };
 }, Wp = () => {
-  const e = R((l) => l.layers), t = R((l) => l.coordSystem.type), n = pl(), a = I(), o = e.filter((l) => l.interactive).map((l) => ({
+  const e = N((l) => l.layers), t = N((l) => l.coordSystem.type), n = pl(), a = E(), o = e.filter((l) => l.interactive).map((l) => ({
     layer: l,
     support: fo(l, t, n)
   })), i = (l) => o.filter(({ support: s }) => l(s)).map(({ layer: s }) => s);
@@ -5137,9 +5131,9 @@ var ir = (e, t) => {
     })
   });
 }, Up = 6, rt = ({ target: e }) => {
-  const { commands: t } = B(), { ColorSwatches: n, CustomColor: a } = H(), o = I(), i = X(), l = R((p) => p), s = ve(l.layers, e.layerId), c = ec(l.spec, e), h = tc(l.scales.color).slice(0, Up);
-  z(() => () => t.commit(), [t]);
-  const d = E(() => nc({
+  const { commands: t } = B(), { ColorSwatches: n, CustomColor: a } = H(), o = E(), i = X(), l = N((p) => p), s = ve(l.layers, e.layerId), c = ec(l.spec, e), h = tc(l.scales.color).slice(0, Up);
+  F(() => () => t.commit(), [t]);
+  const d = O(() => nc({
     readers: i,
     layers: l.layers,
     target: e,
@@ -5244,7 +5238,7 @@ var ir = (e, t) => {
   center: "Center",
   end: "End"
 }, Zp = () => {
-  const e = R((l) => l.guides.legends.drawn[0]), t = le(), n = I(), { RadioGrid: a } = H();
+  const e = N((l) => l.guides.legends.drawn[0]), t = le(), n = E(), { RadioGrid: a } = H();
   if (e === void 0) return null;
   const o = gr.map((l) => {
     const s = Gt(l);
@@ -5281,7 +5275,7 @@ var ir = (e, t) => {
     })
   });
 }, Gt = ({ position: e, align: t }) => e === "left" || e === "right" ? e : `${e}${jp[t]}`, Yp = ({ gridRow: e, gridColumn: t }) => Math.atan2(t - 2, 2 - e) * 180 / Math.PI, Jp = (e) => {
-  const t = ye(e1), n = e?.kind === "observations" ? e.layerId : null, a = R(fe((o) => n === null ? null : qp(n, o)));
+  const t = ye(e1), n = e?.kind === "observations" ? e.layerId : null, a = N(fe((o) => n === null ? null : qp(n, o)));
   if (e === null) return null;
   switch (e.kind) {
     case "observations": {
@@ -5320,7 +5314,7 @@ var ir = (e, t) => {
   axis: Hp,
   grid: Vt,
   graph: Wp
-}, e1 = _e([Qp]), bo = (e) => /* @__PURE__ */ g(L, {
+}, e1 = _e([Qp]), bo = (e) => /* @__PURE__ */ g(P, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -5359,7 +5353,7 @@ var ir = (e, t) => {
       rx: ".533"
     })
   ]
-}), yo = (e) => /* @__PURE__ */ g(L, {
+}), yo = (e) => /* @__PURE__ */ g(P, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -5398,7 +5392,7 @@ var ir = (e, t) => {
       rx: ".533"
     })
   ]
-}), So = (e) => /* @__PURE__ */ g(L, {
+}), So = (e) => /* @__PURE__ */ g(P, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -5437,7 +5431,7 @@ var ir = (e, t) => {
       rx: ".533"
     })
   ]
-}), Co = (e) => E(() => {
+}), Co = (e) => O(() => {
   if (e === null) return {
     options: [],
     findValue: () => {
@@ -5495,7 +5489,7 @@ var ir = (e, t) => {
   "x-value": yo,
   series: So
 }, s1 = () => {
-  const { selectionStore: e } = B(), t = $(), n = I(), a = ea(), o = R((f) => f), i = Co(o), l = J((f) => f.pressedObservation), s = E(() => c1({
+  const { selectionStore: e } = B(), t = V(), n = E(), a = ea(), o = N((f) => f), i = Co(o), l = J((f) => f.pressedObservation), s = O(() => c1({
     scene: o,
     pressed: l,
     groupOptions: i,
@@ -5592,7 +5586,7 @@ var ir = (e, t) => {
       return e;
   }
 }, g1 = ({ frameElement: e }) => {
-  const t = I(), { selectionStore: n } = B(), a = J((l) => l.selectedOutline), o = Jp(a?.target ?? null);
+  const t = E(), { selectionStore: n } = B(), a = J((l) => l.selectedOutline), o = Jp(a?.target ?? null);
   if (a === null || o === null) return null;
   const i = () => {
     n.getState().clearSelection();
@@ -5612,7 +5606,7 @@ var ir = (e, t) => {
     }), /* @__PURE__ */ r(pc, { children: o }, Tt(a.target))]
   });
 }, v1 = ({ frameRect: e }) => {
-  const { targetBoundaryStore: t } = B(), n = J((l) => l.selectedOutline), { left: a, top: o } = e, i = E(() => {
+  const { targetBoundaryStore: t } = B(), n = J((l) => l.selectedOutline), { left: a, top: o } = e, i = O(() => {
     if (n === null) return null;
     const { frame: l, frameSpans: s, frameScale: c } = n;
     return {
@@ -5642,7 +5636,7 @@ var ir = (e, t) => {
 }, at = (e, t, n) => ({
   from: t + e.from * n,
   to: t + e.to * n
-}), xo = (e) => /* @__PURE__ */ g(L, {
+}), xo = (e) => /* @__PURE__ */ g(P, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -5761,7 +5755,7 @@ var wo = "efjmb40", To = "efjmb41", Fe = "efjmb42", ze = "efjmb43", f1 = "efjmb4
       text: e
     }]
   }]
-}), k1 = (e) => /* @__PURE__ */ r(L, {
+}), k1 = (e) => /* @__PURE__ */ r(P, {
   viewBox: "0 0 15 14",
   ...e,
   children: /* @__PURE__ */ r("path", {
@@ -5770,7 +5764,7 @@ var wo = "efjmb40", To = "efjmb41", Fe = "efjmb42", ze = "efjmb43", f1 = "efjmb4
     fillOpacity: "0.8"
   })
 }), L1 = "relative-difference", P1 = ({ label: e, layer: t, at: n, onRequestClose: a }) => {
-  const { dispatch: o } = le(), i = R((c) => c.coordSystem), l = E(() => Vs({
+  const { dispatch: o } = le(), i = N((c) => c.coordSystem), l = O(() => Vs({
     layer: t,
     at: n,
     coordSystem: i
@@ -5851,7 +5845,7 @@ function I1(e, t) {
 var E1 = (e) => {
   const t = At(e.mapping.x);
   return t !== null && t !== Sl.x;
-}, O1 = (e) => /* @__PURE__ */ g(L, {
+}, O1 = (e) => /* @__PURE__ */ g(P, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -5871,7 +5865,7 @@ var E1 = (e) => {
       d: "M11.733 10.074H16v5.408a.52.52 0 0 1-.518.518h-3.23a.52.52 0 0 1-.519-.518zM11.733 9.481H16V.52A.52.52 0 0 0 15.482 0h-3.23a.52.52 0 0 0-.519.519z"
     })
   ]
-}), M1 = (e) => /* @__PURE__ */ g(L, {
+}), M1 = (e) => /* @__PURE__ */ g(P, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -5905,7 +5899,7 @@ var E1 = (e) => {
       d: "M5.29 6.62a1.3 1.3 0 0 1-.424-.075 1 1 0 0 1-.373-.244 1.2 1.2 0 0 1-.262-.45 2.1 2.1 0 0 1-.096-.699q0-.389.082-.693.083-.304.238-.514a1.05 1.05 0 0 1 .374-.322q.22-.11.492-.11.285 0 .505.112a.973.973 0 0 1 .526.744h-.54a.5.5 0 0 0-.17-.277.5.5 0 0 0-.321-.105.54.54 0 0 0-.485.273q-.168.273-.17.75h.021a.8.8 0 0 1 .188-.223.92.92 0 0 1 .569-.195.91.91 0 0 1 .813.477q.125.222.123.509 0 .297-.136.536a1 1 0 0 1-.383.372 1.15 1.15 0 0 1-.571.134m-.003-.443a.54.54 0 0 0 .288-.078.57.57 0 0 0 .2-.211.6.6 0 0 0 .073-.299.6.6 0 0 0-.07-.294.54.54 0 0 0-.484-.285.55.55 0 0 0-.403.173.596.596 0 0 0 .108.914.53.53 0 0 0 .288.08M6.88 6.579v-.396l1.05-1.03q.15-.15.25-.27a1 1 0 0 0 .151-.229.6.6 0 0 0 .05-.236.432.432 0 0 0-.244-.405.6.6 0 0 0-.258-.056q-.15 0-.261.062a.43.43 0 0 0-.175.173.56.56 0 0 0-.06.267H6.86q0-.288.132-.5a.9.9 0 0 1 .362-.33q.231-.117.532-.117.303 0 .534.114.23.114.358.312a.8.8 0 0 1 .128.452.9.9 0 0 1-.065.334q-.065.164-.229.363-.162.2-.456.483l-.522.53v.021h1.318v.458zM10.57 6.62a1.3 1.3 0 0 1-.423-.075 1 1 0 0 1-.373-.244 1.2 1.2 0 0 1-.263-.45 2.1 2.1 0 0 1-.096-.699q0-.389.083-.693t.238-.514a1.05 1.05 0 0 1 .374-.322q.219-.11.492-.11.285 0 .505.112a.973.973 0 0 1 .526.744h-.54a.5.5 0 0 0-.17-.277.5.5 0 0 0-.322-.105.54.54 0 0 0-.484.273q-.168.273-.17.75h.02a.8.8 0 0 1 .188-.223.92.92 0 0 1 .569-.195.91.91 0 0 1 .814.477q.125.222.123.509 0 .297-.136.536a1 1 0 0 1-.383.372 1.15 1.15 0 0 1-.572.134m-.002-.443a.54.54 0 0 0 .288-.078.57.57 0 0 0 .2-.211.6.6 0 0 0 .073-.299.6.6 0 0 0-.071-.294.54.54 0 0 0-.483-.285.54.54 0 0 0-.403.173.597.597 0 0 0 .107.914.53.53 0 0 0 .289.08"
     })
   ]
-}), N1 = (e) => /* @__PURE__ */ g(L, {
+}), N1 = (e) => /* @__PURE__ */ g(P, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -5946,7 +5940,7 @@ var E1 = (e) => {
       fillOpacity: "0.8"
     })
   ]
-}), R1 = (e) => /* @__PURE__ */ g(L, {
+}), R1 = (e) => /* @__PURE__ */ g(P, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -5968,7 +5962,7 @@ var E1 = (e) => {
       d: "M15.999 8a8 8 0 0 1-7.588 7.989l-.412.01V8z"
     })
   ]
-}), D1 = (e) => /* @__PURE__ */ g(L, {
+}), D1 = (e) => /* @__PURE__ */ g(P, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -6029,7 +6023,7 @@ var E1 = (e) => {
       transform: "matrix(-1 0 0 1 15.933 .533)"
     })
   ]
-}), _1 = (e) => /* @__PURE__ */ g(L, {
+}), _1 = (e) => /* @__PURE__ */ g(P, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -6103,7 +6097,7 @@ var E1 = (e) => {
 }, Ao = ({ labelKey: e }) => {
   const t = F1[e];
   return /* @__PURE__ */ r(t, {});
-}, ko = (e) => /* @__PURE__ */ g(L, {
+}, ko = (e) => /* @__PURE__ */ g(P, {
   viewBox: "0 0 16 16",
   ...e,
   children: [/* @__PURE__ */ r("path", {
@@ -6117,7 +6111,7 @@ var E1 = (e) => {
     fillOpacity: "0.8"
   })]
 }), z1 = ({ label: e, options: t, onSelect: n }) => {
-  const a = I();
+  const a = E();
   return /* @__PURE__ */ r(An, {
     label: e,
     icon: /* @__PURE__ */ r(ko, {}),
@@ -6131,7 +6125,7 @@ var E1 = (e) => {
     }, o.scope))
   });
 }, B1 = ({ label: e, layer: t, observation: n, highlights: a, onRequestClose: o }) => {
-  const i = I(), { dispatch: l } = le(), s = R((v) => v.coordSystem), c = E(() => bs(t, n), [t, n]), h = E(() => I1(s, t), [s, t]), d = E(() => {
+  const i = E(), { dispatch: l } = le(), s = N((v) => v.coordSystem), c = O(() => bs(t, n), [t, n]), h = O(() => I1(s, t), [s, t]), d = O(() => {
     const v = new Set(a.map((m) => m.scope));
     return h.filter((m) => !v.has(m.scope));
   }, [h, a]), [u] = d;
@@ -6178,8 +6172,8 @@ var E1 = (e) => {
     })]
   });
 }, $1 = (e, t) => {
-  const n = R((o) => o.spec.highlights), a = R((o) => o.config.parsingLocale);
-  return E(() => Os({
+  const n = N((o) => o.spec.highlights), a = N((o) => o.config.parsingLocale);
+  return O(() => Os({
     layer: e,
     highlights: n,
     observation: t,
@@ -6190,7 +6184,7 @@ var E1 = (e) => {
     t,
     a
   ]);
-}, Po = (e) => /* @__PURE__ */ g(L, {
+}, Po = (e) => /* @__PURE__ */ g(P, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -6228,7 +6222,7 @@ var E1 = (e) => {
       children: e
     })]
   });
-}, Io = (e) => /* @__PURE__ */ g(L, {
+}, Io = (e) => /* @__PURE__ */ g(P, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -6276,7 +6270,7 @@ var E1 = (e) => {
   },
   image: null
 }, U1 = (e) => $s(e.kind) && Eo[e.kind] !== null, K1 = ({ attachment: e, onRequestClose: t }) => {
-  const n = I(), { dispatch: a } = le(), { icon: o, labelKey: i } = Eo[e.kind], l = () => {
+  const n = E(), { dispatch: a } = le(), { icon: o, labelKey: i } = Eo[e.kind], l = () => {
     a(new We({ id: e.annotation.id })), t();
   };
   return /* @__PURE__ */ g(G.Item, {
@@ -6318,7 +6312,7 @@ var E1 = (e) => {
     })
   });
 }, Y1 = ({ interaction: e, frameElement: t, panelRect: n }) => {
-  const a = $(), o = J((c) => c.menuTrigger);
+  const a = V(), o = J((c) => c.menuTrigger);
   if (e.kind !== "menu" || o === null) return null;
   const i = () => {
     a.getState().releaseInteraction("menu");
@@ -6337,7 +6331,7 @@ var E1 = (e) => {
     onClose: i
   });
 }, J1 = ({ frameElement: e, trigger: t, layer: n, at: a, observation: o, onClose: i }) => {
-  const l = I(), s = Ze(), c = R((S) => S.spec.annotations), h = R((S) => S.config.parsingLocale), d = vo(), { x: u, y: p, width: v, height: m } = t, f = E(() => go(e, {
+  const l = E(), s = Ze(), c = N((S) => S.spec.annotations), h = N((S) => S.config.parsingLocale), d = vo(), { x: u, y: p, width: v, height: m } = t, f = O(() => go(e, {
     x: u,
     y: p,
     width: v,
@@ -6348,8 +6342,8 @@ var E1 = (e) => {
     p,
     v,
     m
-  ]), b = Ns(c, a, E(() => Ts(n, h), [n, h])), x = b !== null && U1(b) ? b : null, w = $1(n, o), C = (S, P) => {
-    !S && Q1(P.reason) && i();
+  ]), b = Ns(c, a, O(() => Ts(n, h), [n, h])), x = b !== null && U1(b) ? b : null, w = $1(n, o), C = (S, I) => {
+    !S && Q1(I.reason) && i();
   };
   return /* @__PURE__ */ r(G.Root, {
     open: d,
@@ -6486,7 +6480,7 @@ var E1 = (e) => {
   if (e.length !== 1) return null;
   const [t] = e;
   return t?.kind === "annotation" ? t.id : null;
-}, r2 = (e) => /* @__PURE__ */ r(L, {
+}, r2 = (e) => /* @__PURE__ */ r(P, {
   ...e,
   children: /* @__PURE__ */ g("g", {
     stroke: "currentColor",
@@ -6495,7 +6489,7 @@ var E1 = (e) => {
     strokeLinejoin: "round",
     children: [/* @__PURE__ */ r("path", { d: "m12 19-7-7 7-7" }), /* @__PURE__ */ r("path", { d: "M19 12H5" })]
   })
-}), Ro = (e) => /* @__PURE__ */ r(L, {
+}), Ro = (e) => /* @__PURE__ */ r(P, {
   ...e,
   children: /* @__PURE__ */ g("g", {
     stroke: "currentColor",
@@ -6504,7 +6498,7 @@ var E1 = (e) => {
     strokeLinejoin: "round",
     children: [/* @__PURE__ */ r("path", { d: "M5 12h14" }), /* @__PURE__ */ r("path", { d: "m12 5 7 7-7 7" })]
   })
-}), a2 = (e) => /* @__PURE__ */ r(L, {
+}), a2 = (e) => /* @__PURE__ */ r(P, {
   ...e,
   children: /* @__PURE__ */ g("g", {
     stroke: "currentColor",
@@ -6513,7 +6507,7 @@ var E1 = (e) => {
     strokeLinejoin: "round",
     children: [/* @__PURE__ */ r("path", { d: "M7 17 17 7" }), /* @__PURE__ */ r("path", { d: "M7 7h10v10" })]
   })
-}), Do = (e) => /* @__PURE__ */ r(L, {
+}), Do = (e) => /* @__PURE__ */ r(P, {
   ...e,
   children: /* @__PURE__ */ g("g", {
     fill: "currentColor",
@@ -6541,7 +6535,7 @@ var E1 = (e) => {
       })
     ]
   })
-}), Et = (e) => /* @__PURE__ */ r(L, {
+}), Et = (e) => /* @__PURE__ */ r(P, {
   ...e,
   children: /* @__PURE__ */ g("g", {
     stroke: "currentColor",
@@ -6630,7 +6624,7 @@ var E1 = (e) => {
   className: u2,
   onClick: n,
   children: a
-}), _ = {
+}), D = {
   Root: m2,
   Dropdown: g2,
   MenuItem: Z.MenuItem,
@@ -6641,8 +6635,8 @@ var E1 = (e) => {
   Button: Z.Button,
   Separator: Z.Separator
 }, S2 = { kind: "chrome-popup" }, Ot = () => {
-  const { commands: e } = B(), t = $(), [n, a] = Q(null);
-  z(() => () => e.commit(), [e]), z(() => {
+  const { commands: e } = B(), t = V(), [n, a] = Q(null);
+  F(() => () => e.commit(), [e]), F(() => {
     const { claimInteraction: i, releaseInteraction: l } = t.getState();
     return n === null ? l("chrome-popup") : i(S2), () => l("chrome-popup");
   }, [t, n]);
@@ -6656,7 +6650,7 @@ var E1 = (e) => {
     }),
     close: o
   };
-}, C2 = (e) => /* @__PURE__ */ r(L, {
+}, C2 = (e) => /* @__PURE__ */ r(P, {
   ...e,
   children: /* @__PURE__ */ g("g", {
     stroke: "currentColor",
@@ -6668,7 +6662,7 @@ var E1 = (e) => {
       /* @__PURE__ */ r("path", { d: "M16 8 19 5" })
     ]
   })
-}), x2 = (e) => /* @__PURE__ */ r(L, {
+}), x2 = (e) => /* @__PURE__ */ r(P, {
   ...e,
   children: /* @__PURE__ */ g("g", {
     stroke: "currentColor",
@@ -6682,7 +6676,7 @@ var E1 = (e) => {
       /* @__PURE__ */ r("path", { d: "M19 5h0" })
     ]
   })
-}), w2 = (e) => /* @__PURE__ */ r(L, {
+}), w2 = (e) => /* @__PURE__ */ r(P, {
   ...e,
   children: /* @__PURE__ */ r("path", {
     d: "M5 19 19 5",
@@ -6729,26 +6723,26 @@ var E1 = (e) => {
   }
 ], A2 = (e, t) => e.find((n) => n.value === t) ?? e[0];
 var k2 = ({ arrow: e, arrowBox: t, panelRect: n, frameWidth: a, frameHeight: o, frameElement: i }) => {
-  const l = I(), { commands: s } = B(), c = R((N) => N.spec.styles.overrides), h = R((N) => De(N.spec)), d = Ot(), u = fn(X(), e.id), p = A2(br, qt(u.dashArray)), v = u.outline.strokeWidth > 0 || u.outline.shadow !== "none", m = E(() => ({
+  const l = E(), { commands: s } = B(), c = N((k) => k.spec.styles.overrides), h = N((k) => De(k.spec)), d = Ot(), u = fn(X(), e.id), p = A2(br, qt(u.dashArray)), v = u.outline.strokeWidth > 0 || u.outline.shadow !== "none", m = O(() => ({
     target: "annotation",
     kind: "arrow",
     annotation: e.id
-  }), [e.id]), f = E(() => ({
+  }), [e.id]), f = O(() => ({
     ...m,
     part: "outline"
-  }), [m]), b = (N, y) => {
-    const V = Ae(c, { select: m }, h)?.declarations ?? {};
+  }), [m]), b = (k, y) => {
+    const z = Ae(c, { select: m }, h)?.declarations ?? {};
     s.dispatch(new Oe({
       list: "overrides",
       rule: {
         select: m,
         declarations: {
-          ...V,
-          ...N
+          ...z,
+          ...k
         }
       }
     }), y);
-  }, x = (N) => {
+  }, x = (k) => {
     const y = Ae(c, { select: f }, h)?.declarations ?? {};
     s.dispatch(new Oe({
       list: "overrides",
@@ -6756,25 +6750,25 @@ var k2 = ({ arrow: e, arrowBox: t, panelRect: n, frameWidth: a, frameHeight: o,
         select: f,
         declarations: {
           ...y,
-          ...N
+          ...k
         }
       }
     }));
-  }, w = (N) => {
-    b(N), d.close();
-  }, C = (N) => {
+  }, w = (k) => {
+    b(k), d.close();
+  }, C = (k) => {
     s.dispatch(new he({
       kind: "arrow",
       id: e.id,
-      patch: N
+      patch: k
     })), d.close();
   }, S = () => {
     s.dispatch(new We({ id: e.id })), i.focus({ preventScroll: !0 });
-  }, P = (N) => b({ stroke: N }, { transient: !0 }), k = (N) => w({ strokeWidth: N }), T = (N) => C({ startArrowheadStyle: N }), F = (N) => w({ dashArray: Cl.arrow[N] }), D = (N) => C({ endArrowheadStyle: N }), M = () => x(v ? {
+  }, I = (k) => b({ stroke: k }, { transient: !0 }), L = (k) => w({ strokeWidth: k }), T = (k) => C({ startArrowheadStyle: k }), _ = (k) => w({ dashArray: Cl.arrow[k] }), W = (k) => C({ endArrowheadStyle: k }), R = () => x(v ? {
     strokeWidth: 0,
     shadow: "none"
   } : bl);
-  return /* @__PURE__ */ g(_.Root, {
+  return /* @__PURE__ */ g(D.Root, {
     anchorBox: t,
     panelRect: n,
     frameWidth: a,
@@ -6782,14 +6776,14 @@ var k2 = ({ arrow: e, arrowBox: t, panelRect: n, frameWidth: a, frameHeight: o,
     label: l("graph.annotations.arrowToolbar.label"),
     testId: "arrow-toolbar",
     children: [
-      /* @__PURE__ */ r(_.ColorPicker, {
+      /* @__PURE__ */ r(D.ColorPicker, {
         color: u.stroke,
         label: l("graph.annotations.arrowToolbar.color"),
-        onChange: P,
+        onChange: I,
         ...d.bind("color"),
-        children: /* @__PURE__ */ r(_.Swatch, { color: u.stroke })
+        children: /* @__PURE__ */ r(D.Swatch, { color: u.stroke })
       }),
-      /* @__PURE__ */ r(_.Dropdown, {
+      /* @__PURE__ */ r(D.Dropdown, {
         label: l("graph.annotations.arrowToolbar.thickness.ariaLabel"),
         trigger: /* @__PURE__ */ r(Do, {
           size: "sm",
@@ -6799,10 +6793,10 @@ var k2 = ({ arrow: e, arrowBox: t, panelRect: n, frameWidth: a, frameHeight: o,
         children: /* @__PURE__ */ r(ot, {
           options: T2,
           current: u.strokeWidth,
-          onPick: k
+          onPick: L
         })
       }),
-      /* @__PURE__ */ r(_.Dropdown, {
+      /* @__PURE__ */ r(D.Dropdown, {
         label: l("graph.annotations.arrowToolbar.startArrowhead"),
         trigger: /* @__PURE__ */ r(r2, {
           size: "sm",
@@ -6815,7 +6809,7 @@ var k2 = ({ arrow: e, arrowBox: t, panelRect: n, frameWidth: a, frameHeight: o,
           onPick: T
         })
       }),
-      /* @__PURE__ */ r(_.Dropdown, {
+      /* @__PURE__ */ r(D.Dropdown, {
         label: l("graph.annotations.arrowToolbar.lineStyle.ariaLabel"),
         trigger: p?.Icon !== void 0 && /* @__PURE__ */ r(p.Icon, {
           size: "sm",
@@ -6825,10 +6819,10 @@ var k2 = ({ arrow: e, arrowBox: t, panelRect: n, frameWidth: a, frameHeight: o,
         children: /* @__PURE__ */ r(ot, {
           options: br,
           current: qt(u.dashArray),
-          onPick: F
+          onPick: _
         })
       }),
-      /* @__PURE__ */ r(_.Dropdown, {
+      /* @__PURE__ */ r(D.Dropdown, {
         label: l("graph.annotations.arrowToolbar.endArrowhead"),
         trigger: /* @__PURE__ */ r(Ro, {
           size: "sm",
@@ -6838,20 +6832,20 @@ var k2 = ({ arrow: e, arrowBox: t, panelRect: n, frameWidth: a, frameHeight: o,
         children: /* @__PURE__ */ r(ot, {
           options: fr,
           current: e.endArrowheadStyle,
-          onPick: D
+          onPick: W
         })
       }),
-      /* @__PURE__ */ r(_.ToggleButton, {
+      /* @__PURE__ */ r(D.ToggleButton, {
         label: l("graph.annotations.arrowToolbar.sticker"),
         isPressed: v,
-        onClick: M,
+        onClick: R,
         children: /* @__PURE__ */ r(a2, {
           size: "sm",
           title: ""
         })
       }),
-      /* @__PURE__ */ r(_.Separator, {}),
-      /* @__PURE__ */ r(_.IconButton, {
+      /* @__PURE__ */ r(D.Separator, {}),
+      /* @__PURE__ */ r(D.IconButton, {
         label: l("graph.annotations.arrowToolbar.remove"),
         onClick: S,
         children: /* @__PURE__ */ r(Et, {
@@ -6862,8 +6856,8 @@ var k2 = ({ arrow: e, arrowBox: t, panelRect: n, frameWidth: a, frameHeight: o,
     ]
   });
 }, ot = ({ options: e, current: t, onPick: n }) => {
-  const a = I(), o = (i) => () => n(i);
-  return /* @__PURE__ */ r(q, { children: e.map((i) => /* @__PURE__ */ g(_.MenuItem, {
+  const a = E(), o = (i) => () => n(i);
+  return /* @__PURE__ */ r(q, { children: e.map((i) => /* @__PURE__ */ g(D.MenuItem, {
     isSelected: i.value === t,
     onClick: o(i.value),
     children: [/* @__PURE__ */ r("span", { children: a(i.key) }), i.Icon !== void 0 && /* @__PURE__ */ r("span", {
@@ -6962,12 +6956,12 @@ var I2 = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, Qe = class {
     }));
   }
 }, O2 = ({ annotationId: e, arrow: t, panelRect: n }) => {
-  const { commands: a } = B(), o = $(), i = ee({
-    annotations: R((s) => s.spec.annotations),
+  const { commands: a } = B(), o = V(), i = ee({
+    annotations: N((s) => s.spec.annotations),
     arrow: t,
     panelRect: n
   }), l = ne(null);
-  return z(() => () => l.current?.finish(!1), []), ae((s) => ({ onPointerDown: (c) => {
+  return F(() => () => l.current?.finish(!1), []), ae((s) => ({ onPointerDown: (c) => {
     if (c.button === 0 && l.current === null) {
       try {
         c.currentTarget.setPointerCapture(c.pointerId);
@@ -6998,8 +6992,8 @@ var I2 = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, Qe = class {
     a
   ]);
 }, M2 = [" ", "Enter"], yr = 4, N2 = ({ annotationId: e, arrow: t, panelRect: n }) => {
-  const { commands: a } = B(), o = $(), i = R((c) => c.spec.annotations), l = ee(i), s = ee(a.dispatch);
-  return z(() => () => {
+  const { commands: a } = B(), o = V(), i = N((c) => c.spec.annotations), l = ee(i), s = ee(a.dispatch);
+  return F(() => () => {
     for (const c of Oo) Sr({
       editorStore: o,
       annotationId: e,
@@ -7107,7 +7101,7 @@ var I2 = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, Qe = class {
     ...e
   });
 }, _2 = ({ arrow: e, committed: t, painted: n, isSettled: a, isMoved: o, panelRect: i, frameRect: l, frameElement: s }) => {
-  const c = I(), h = O2({
+  const c = E(), h = O2({
     annotationId: e.id,
     arrow: t,
     panelRect: i
@@ -7148,7 +7142,7 @@ var I2 = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, Qe = class {
   ...a,
   ...o
 }), z2 = (e) => {
-  const t = R((n) => n.spec.annotations.arrows);
+  const t = N((n) => n.spec.annotations.arrows);
   return e === null ? null : t.find((n) => n.id === e) ?? null;
 }, B2 = (e, t) => {
   const n = Ne(e).arrows;
@@ -7163,7 +7157,7 @@ var I2 = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, Qe = class {
     dragged: n?.annotationId === e ? n : null,
     isMoved: Ct(U(t, "move-drag"), e) !== null
   };
-})), G2 = (e) => /* @__PURE__ */ r(L, {
+})), G2 = (e) => /* @__PURE__ */ r(P, {
   ...e,
   children: /* @__PURE__ */ g("g", {
     stroke: "currentColor",
@@ -7182,8 +7176,8 @@ var U2 = [
   "relative-difference": "graph.annotations.differenceArrowToolbar.labelKind.relativeDifference",
   proportion: "graph.annotations.differenceArrowToolbar.labelKind.proportion"
 }, X2 = (e) => {
-  const { formattingLocale: t } = B(), n = R((o) => o.config.parsingLocale), a = t ?? n;
-  return E(() => {
+  const { formattingLocale: t } = B(), n = N((o) => o.config.parsingLocale), a = t ?? n;
+  return O(() => {
     const o = gs(e.start, e.end);
     return U2.filter((i) => o || !Cr.includes(i) || i === e.label).map((i) => ({
       kind: i,
@@ -7213,47 +7207,47 @@ var U2 = [
     key: "graph.annotations.differenceArrowToolbar.size.large"
   }
 ], j2 = ({ arrow: e, color: t, labelBox: n, panelRect: a, frameWidth: o, frameHeight: i, frameElement: l }) => {
-  const s = I(), { commands: c } = B(), h = R((y) => y.spec.styles.overrides), d = R((y) => De(y.spec)), u = Ot(), p = X2(e), v = dc(X(), e.id), m = E(() => ({
+  const s = E(), { commands: c } = B(), h = N((y) => y.spec.styles.overrides), d = N((y) => De(y.spec)), u = Ot(), p = X2(e), v = dc(X(), e.id), m = O(() => ({
     target: "annotation",
     kind: "differenceArrow",
     annotation: e.id
-  }), [e.id]), f = E(() => ({
+  }), [e.id]), f = O(() => ({
     ...m,
     part: "label"
-  }), [m]), b = p.find((y) => y.kind === e.label), x = p.some((y) => y.isPickable && y.kind !== e.label), w = xr.find((y) => Hn[y.id].arrow.strokeWidth === v.strokeWidth), C = (y, V) => {
+  }), [m]), b = p.find((y) => y.kind === e.label), x = p.some((y) => y.isPickable && y.kind !== e.label), w = xr.find((y) => Hn[y.id].arrow.strokeWidth === v.strokeWidth), C = (y, z) => {
     c.dispatch(new he({
       kind: "differenceArrow",
       id: e.id,
       patch: y
-    }), V);
+    }), z);
   }, S = (y) => ({
     ...Ae(h, { select: m }, d)?.declarations,
     ...y
-  }), P = (y) => ({
+  }), I = (y) => ({
     ...Ae(h, { select: f }, d)?.declarations,
     ...y
-  }), k = (y) => {
+  }), L = (y) => {
     C(y), u.close();
   }, T = () => {
     c.dispatch(new We({ id: e.id })), l.focus({ preventScroll: !0 });
-  }, F = (y) => c.dispatch(new Oe({
+  }, _ = (y) => c.dispatch(new Oe({
     list: "overrides",
     rule: {
       select: m,
       declarations: S({ stroke: y })
     }
-  }), { transient: !0 }), D = () => C({
+  }), { transient: !0 }), W = () => C({
     start: e.end.anchor,
     end: e.start.anchor
-  }), M = (y) => () => k({ label: y }), N = (y) => () => {
-    const V = Hn[y];
+  }), R = (y) => () => L({ label: y }), k = (y) => () => {
+    const z = Hn[y];
     c.dispatch(new zl({
       annotationId: e.id,
-      arrow: S(V.arrow),
-      label: P(V.label)
+      arrow: S(z.arrow),
+      label: I(z.label)
     })), u.close();
   };
-  return /* @__PURE__ */ g(_.Root, {
+  return /* @__PURE__ */ g(D.Root, {
     anchorBox: n,
     panelRect: a,
     frameWidth: o,
@@ -7261,15 +7255,15 @@ var U2 = [
     label: s("graph.annotations.differenceArrowToolbar.label"),
     testId: "difference-arrow-toolbar",
     children: [
-      /* @__PURE__ */ r(_.Dropdown, {
+      /* @__PURE__ */ r(D.Dropdown, {
         label: s("graph.annotations.differenceArrowToolbar.labelKind.ariaLabel"),
         trigger: /* @__PURE__ */ r(Z2, { option: b }),
         isDisabled: !x,
         ...u.bind("labelKind"),
-        children: p.map((y) => /* @__PURE__ */ g(_.MenuItem, {
+        children: p.map((y) => /* @__PURE__ */ g(D.MenuItem, {
           isSelected: y.kind === e.label,
           isDisabled: !y.isPickable,
-          onClick: M(y.kind),
+          onClick: R(y.kind),
           children: [
             /* @__PURE__ */ r("span", { children: s(y.key) }),
             (y.isSuspect || !y.isPickable) && /* @__PURE__ */ r("span", {
@@ -7285,34 +7279,34 @@ var U2 = [
           ]
         }, y.kind))
       }),
-      /* @__PURE__ */ r(_.Separator, {}),
-      /* @__PURE__ */ r(_.ColorPicker, {
+      /* @__PURE__ */ r(D.Separator, {}),
+      /* @__PURE__ */ r(D.ColorPicker, {
         color: t,
         label: s("graph.annotations.differenceArrowToolbar.color"),
-        onChange: F,
+        onChange: _,
         ...u.bind("color"),
-        children: /* @__PURE__ */ r(_.Swatch, { color: t })
+        children: /* @__PURE__ */ r(D.Swatch, { color: t })
       }),
-      /* @__PURE__ */ r(_.Dropdown, {
+      /* @__PURE__ */ r(D.Dropdown, {
         label: s("graph.annotations.differenceArrowToolbar.size.ariaLabel"),
         trigger: w === void 0 ? "" : s(w.key),
         ...u.bind("size"),
-        children: xr.map((y) => /* @__PURE__ */ r(_.MenuItem, {
+        children: xr.map((y) => /* @__PURE__ */ r(D.MenuItem, {
           isSelected: y.id === w?.id,
-          onClick: N(y.id),
+          onClick: k(y.id),
           children: s(y.key)
         }, y.id))
       }),
-      /* @__PURE__ */ r(_.Separator, {}),
-      /* @__PURE__ */ r(_.IconButton, {
+      /* @__PURE__ */ r(D.Separator, {}),
+      /* @__PURE__ */ r(D.IconButton, {
         label: s("graph.annotations.differenceArrowToolbar.swap"),
-        onClick: D,
+        onClick: W,
         children: /* @__PURE__ */ r(G2, {
           size: "sm",
           title: ""
         })
       }),
-      /* @__PURE__ */ r(_.IconButton, {
+      /* @__PURE__ */ r(D.IconButton, {
         label: s("graph.annotations.differenceArrowToolbar.remove"),
         onClick: T,
         children: /* @__PURE__ */ r(Et, {
@@ -7323,7 +7317,7 @@ var U2 = [
     ]
   });
 }, Z2 = ({ option: e }) => {
-  const t = I();
+  const t = E();
   return e === void 0 ? null : /* @__PURE__ */ g(q, { children: [/* @__PURE__ */ r("span", {
     className: $2,
     children: t(e.key)
@@ -7402,16 +7396,16 @@ var J2 = "ydgo3h1", Q2 = "ydgo3h2", em = "ydgo3h3", tm = ({ clientPoint: e, pane
     });
   }
 }, am = ({ arrow: e, panelOrigin: t, panelRect: n }) => {
-  const { commands: a, anchorResolver: o } = B(), { engine: i } = je(), l = $(), s = ee({
+  const { commands: a, anchorResolver: o } = B(), { engine: i } = je(), l = V(), s = ee({
     arrow: e,
     panelOrigin: t,
     panelRect: n,
-    ...R(fe((h) => ({
+    ...N(fe((h) => ({
       layers: h.layers,
       coordSystem: h.coordSystem
     })))
   }), c = ne(null);
-  return z(() => () => c.current?.finish(!1), []), ae((h) => ({ onPointerDown: (d) => {
+  return F(() => () => c.current?.finish(!1), []), ae((h) => ({ onPointerDown: (d) => {
     if (d.button === 0 && c.current === null) {
       try {
         d.currentTarget.setPointerCapture(d.pointerId);
@@ -7444,12 +7438,12 @@ var J2 = "ydgo3h1", Q2 = "ydgo3h2", em = "ydgo3h3", tm = ({ clientPoint: e, pane
     a
   ]);
 }, om = [" ", "Enter"], im = ({ arrow: e }) => {
-  const { commands: t, anchorResolver: n } = B(), a = $(), { layers: o, coordSystem: i, mainAxis: l } = R(fe((c) => ({
+  const { commands: t, anchorResolver: n } = B(), a = V(), { layers: o, coordSystem: i, mainAxis: l } = N(fe((c) => ({
     layers: c.layers,
     coordSystem: c.coordSystem,
     mainAxis: Ys(c.coordSystem)
   }))), s = e.id;
-  return z(() => () => {
+  return F(() => () => {
     const c = a.getState();
     U(c, "difference-arrow-endpoint-drag")?.annotationId === s && c.releaseInteraction("difference-arrow-endpoint-drag");
   }, [a, s]), ae((c) => ({ onKeyDown: (h) => {
@@ -7534,7 +7528,7 @@ var J2 = "ydgo3h1", Q2 = "ydgo3h2", em = "ydgo3h3", tm = ({ clientPoint: e, pane
     ...e
   });
 }, dm = ({ annotationId: e, ...t }) => {
-  const n = Oi(), a = E(() => n.find((o) => o.id === e), [n, e]);
+  const n = Oi(), a = O(() => n.find((o) => o.id === e), [n, e]);
   return a === void 0 ? null : /* @__PURE__ */ r(um, {
     committedArrow: a.committedArrow,
     color: a.color,
@@ -7676,7 +7670,7 @@ var gm = {
   hovered: "_1ee8fau5 _1ee8fau4",
   selected: "_1ee8fau6 _1ee8fau4"
 }, fm = ({ panelRect: e }) => {
-  const t = Ne(e), n = na(), a = X(), o = Je(), i = J((f) => U(f, "move-drag")), l = J((f) => U(f, "shape-resize-drag")), s = J((f) => U(f, "arrow-endpoint-drag")), c = J((f) => U(f, "text-resize-drag")), h = J(Ri), d = E(() => ({
+  const t = Ne(e), n = na(), a = X(), o = Je(), i = J((f) => U(f, "move-drag")), l = J((f) => U(f, "shape-resize-drag")), s = J((f) => U(f, "arrow-endpoint-drag")), c = J((f) => U(f, "text-resize-drag")), h = J(Ri), d = O(() => ({
     panel: {
       width: e.width,
       height: e.height
@@ -7901,18 +7895,18 @@ var gm = {
     key: "graph.annotations.shapeToolbar.border.thick"
   }
 ], Im = (e) => [...an].reverse().find((t) => t.width <= e) ?? an[0], Em = ({ shape: e, shapeBox: t, panelRect: n, frameWidth: a, frameHeight: o, frameElement: i }) => {
-  const l = I(), { commands: s } = B(), c = R((C) => C.spec.styles.overrides), h = R((C) => De(C.spec)), d = Ot(), u = X().annotation.shape(e.id).resolve(), p = Im(u.strokeWidth), v = E(() => ({
+  const l = E(), { commands: s } = B(), c = N((C) => C.spec.styles.overrides), h = N((C) => De(C.spec)), d = Ot(), u = X().annotation.shape(e.id).resolve(), p = Im(u.strokeWidth), v = O(() => ({
     target: "annotation",
     kind: "shape",
     annotation: e.id
   }), [e.id]), m = (C, S) => {
-    const P = Ae(c, { select: v }, h)?.declarations ?? {};
+    const I = Ae(c, { select: v }, h)?.declarations ?? {};
     s.dispatch(new Oe({
       list: "overrides",
       rule: {
         select: v,
         declarations: {
-          ...P,
+          ...I,
           ...C
         }
       }
@@ -7922,7 +7916,7 @@ var gm = {
   }, b = (C) => m({ fill: C }, { transient: !0 }), x = (C) => m({ fillAlpha: C }, { transient: !0 }), w = (C) => () => {
     m({ strokeWidth: C }), d.close();
   };
-  return /* @__PURE__ */ g(_.Root, {
+  return /* @__PURE__ */ g(D.Root, {
     anchorBox: t,
     panelRect: n,
     frameWidth: a,
@@ -7930,33 +7924,33 @@ var gm = {
     label: l("graph.annotations.shapeToolbar.label"),
     testId: "shape-toolbar",
     children: [
-      /* @__PURE__ */ r(_.ColorPicker, {
+      /* @__PURE__ */ r(D.ColorPicker, {
         color: ut(u.fill),
         label: l("graph.annotations.shapeToolbar.color"),
         onChange: b,
         opacity: u.fillAlpha,
         onOpacityChange: x,
         ...d.bind("color"),
-        children: /* @__PURE__ */ r(_.Swatch, {
+        children: /* @__PURE__ */ r(D.Swatch, {
           color: ut(u.fill),
           opacity: u.fillAlpha
         })
       }),
-      /* @__PURE__ */ r(_.Dropdown, {
+      /* @__PURE__ */ r(D.Dropdown, {
         label: l("graph.annotations.shapeToolbar.border.ariaLabel"),
         trigger: /* @__PURE__ */ r(Do, {
           size: "sm",
           title: ""
         }),
         ...d.bind("border"),
-        children: an.map((C) => /* @__PURE__ */ r(_.MenuItem, {
+        children: an.map((C) => /* @__PURE__ */ r(D.MenuItem, {
           isSelected: C.width === p?.width,
           onClick: w(C.width),
           children: l(C.key)
         }, C.width))
       }),
-      /* @__PURE__ */ r(_.Separator, {}),
-      /* @__PURE__ */ r(_.IconButton, {
+      /* @__PURE__ */ r(D.Separator, {}),
+      /* @__PURE__ */ r(D.IconButton, {
         label: l("graph.annotations.shapeToolbar.remove"),
         onClick: f,
         children: /* @__PURE__ */ r(Et, {
@@ -7968,7 +7962,7 @@ var gm = {
   });
 }, qo = (e) => {
   const t = ee(e), n = ne(null);
-  return z(() => () => n.current?.finish(!1), []), ae((a) => ({ onPointerDown: (o) => {
+  return F(() => () => n.current?.finish(!1), []), ae((a) => ({ onPointerDown: (o) => {
     if (o.button !== 0 || n.current !== null) return;
     try {
       o.currentTarget.setPointerCapture(o.pointerId);
@@ -8021,8 +8015,8 @@ var gm = {
     }));
   }
 }, Mm = ({ annotationId: e, panelRect: t }) => {
-  const { commands: n } = B(), a = $(), o = ee({
-    annotations: R((i) => i.spec.annotations),
+  const { commands: n } = B(), a = V(), o = ee({
+    annotations: N((i) => i.spec.annotations),
     panelRect: t
   });
   return qo((i, l) => new Om({
@@ -8034,8 +8028,8 @@ var gm = {
     dispatch: n.dispatch
   }));
 }, Nm = [" ", "Enter"], Xo = (e) => {
-  const t = $(), n = ee(e);
-  return z(() => () => Lr(t, n.current), [t, n]), ae((a) => ({ onKeyDown: (o) => {
+  const t = V(), n = ee(e);
+  return F(() => () => Lr(t, n.current), [t, n]), ae((a) => ({ onKeyDown: (o) => {
     if (o.altKey || o.ctrlKey || o.metaKey || o.shiftKey) return;
     const i = t.getState(), l = n.current.readHeld();
     if (Nm.includes(o.key)) {
@@ -8057,7 +8051,7 @@ var gm = {
   const n = t.readHeld();
   n !== null && (e.getState().releaseInteraction(n.kind), t.commit(n));
 }, Pr = 4, Rm = ({ annotationId: e, panelRect: t }) => {
-  const { commands: n } = B(), a = $(), o = R((i) => i.spec.annotations);
+  const { commands: n } = B(), a = V(), o = N((i) => i.spec.annotations);
   return Xo({
     readHeld: () => dn(U(a.getState(), "shape-resize-drag"), e),
     claim: () => {
@@ -8133,7 +8127,7 @@ var gm = {
     ...e
   });
 }, zm = ({ shape: e, region: t, isSettled: n, isMoved: a, panelRect: o, frameRect: i, frameElement: l }) => {
-  const s = I(), c = Mm({
+  const s = E(), c = Mm({
     annotationId: e.id,
     panelRect: o
   }), h = Rm({
@@ -8170,7 +8164,7 @@ var gm = {
     })]
   });
 }, Bm = (e) => {
-  const t = R((n) => n.spec.annotations.shapes);
+  const t = N((n) => n.spec.annotations.shapes);
   return e === null ? null : t.find((n) => n.id === e) ?? null;
 }, Hm = (e) => J(fe((t) => e === null ? {
   resizedRegion: null,
@@ -8178,7 +8172,7 @@ var gm = {
 } : {
   resizedRegion: dn(U(t, "shape-resize-drag"), e)?.region ?? null,
   isMoved: Ct(U(t, "move-drag"), e) !== null
-})), Gm = ({ textColor: e, ...t }) => /* @__PURE__ */ g(L, {
+})), Gm = ({ textColor: e, ...t }) => /* @__PURE__ */ g(P, {
   ...t,
   children: [/* @__PURE__ */ g("g", {
     stroke: "currentColor",
@@ -8286,11 +8280,11 @@ var Jo = [
     Icon: co
   }
 ], ng = ({ annotation: e, textBox: t, panelRect: n, frameWidth: a, frameHeight: o, frameElement: i }) => {
-  const l = I(), { commands: s } = B(), c = R((y) => y.spec.styles.overrides), h = R((y) => De(y.spec)), d = $(), u = Ot(), p = X().annotation.text(e.id).resolve(), v = Vm(e.content), m = Jm(v.font), f = Qm(v.fontSize), b = v.color ?? p.textColor, x = E(() => ({
+  const l = E(), { commands: s } = B(), c = N((y) => y.spec.styles.overrides), h = N((y) => De(y.spec)), d = V(), u = Ot(), p = X().annotation.text(e.id).resolve(), v = Vm(e.content), m = Jm(v.font), f = Qm(v.fontSize), b = v.color ?? p.textColor, x = O(() => ({
     target: "annotation",
     kind: "text",
     annotation: e.id
-  }), [e.id]), w = (y, V) => {
+  }), [e.id]), w = (y, z) => {
     const re = Ae(c, { select: x }, h)?.declarations ?? {};
     s.dispatch(new Oe({
       list: "overrides",
@@ -8301,28 +8295,28 @@ var Jo = [
           ...y
         }
       }
-    }), V);
-  }, C = (y, V) => {
+    }), z);
+  }, C = (y, z) => {
     s.dispatch(new he({
       kind: "text",
       id: e.id,
       patch: y
-    }), V);
-  }, S = () => d.getState().caret?.editor?.getJSON() ?? e.content, P = (y, V) => {
+    }), z);
+  }, S = () => d.getState().caret?.editor?.getJSON() ?? e.content, I = (y, z) => {
     const re = S(), xe = d.getState().caret?.editor ?? null;
     if (xe !== null && !Wm(re)) {
       xe.chain().focus().setMark(vt, y).run();
       return;
     }
-    C({ content: $m(re, y) }, V);
-  }, k = () => {
+    C({ content: $m(re, y) }, z);
+  }, L = () => {
     s.dispatch(new We({ id: e.id })), i.focus({ preventScroll: !0 });
-  }, T = (y) => w(rg(y), { transient: !0 }), F = (y) => P({ color: y }, { transient: !0 }), D = (y) => () => {
-    P({ font: y }), u.close();
-  }, M = (y) => () => {
-    P({ fontSize: y }), u.close();
-  }, N = (y) => C({ content: Um(S(), y) });
-  return /* @__PURE__ */ g(_.Root, {
+  }, T = (y) => w(rg(y), { transient: !0 }), _ = (y) => I({ color: y }, { transient: !0 }), W = (y) => () => {
+    I({ font: y }), u.close();
+  }, R = (y) => () => {
+    I({ fontSize: y }), u.close();
+  }, k = (y) => C({ content: Um(S(), y) });
+  return /* @__PURE__ */ g(D.Root, {
     anchorBox: t,
     panelRect: n,
     frameWidth: a,
@@ -8330,18 +8324,18 @@ var Jo = [
     label: l("graph.annotations.textToolbar.label"),
     testId: "text-toolbar",
     children: [
-      /* @__PURE__ */ r(_.ColorPicker, {
+      /* @__PURE__ */ r(D.ColorPicker, {
         color: ut(p.fill),
         label: l("graph.annotations.textToolbar.background"),
         hasTransparentOption: !0,
         onChange: T,
         ...u.bind("background"),
-        children: /* @__PURE__ */ r(_.Swatch, { color: p.fill === "transparent" ? mu : ut(p.fill) })
+        children: /* @__PURE__ */ r(D.Swatch, { color: p.fill === "transparent" ? mu : ut(p.fill) })
       }),
-      /* @__PURE__ */ r(_.ColorPicker, {
+      /* @__PURE__ */ r(D.ColorPicker, {
         color: b,
         label: l("graph.annotations.textToolbar.color"),
-        onChange: F,
+        onChange: _,
         ...u.bind("color"),
         children: /* @__PURE__ */ r(Gm, {
           size: "sm",
@@ -8349,44 +8343,44 @@ var Jo = [
           title: ""
         })
       }),
-      /* @__PURE__ */ r(_.Dropdown, {
+      /* @__PURE__ */ r(D.Dropdown, {
         label: l("graph.annotations.textToolbar.font.ariaLabel"),
         trigger: /* @__PURE__ */ r("span", {
           style: { fontFamily: m?.fontFamily },
           children: "Aa"
         }),
         ...u.bind("font"),
-        children: Yo.map((y) => /* @__PURE__ */ r(_.MenuItem, {
+        children: Yo.map((y) => /* @__PURE__ */ r(D.MenuItem, {
           isSelected: y.id === m?.id,
-          onClick: D(y.id),
+          onClick: W(y.id),
           children: /* @__PURE__ */ r("span", {
             style: { fontFamily: y.fontFamily },
             children: l(y.key)
           })
         }, y.id))
       }),
-      /* @__PURE__ */ r(_.Dropdown, {
+      /* @__PURE__ */ r(D.Dropdown, {
         label: l("graph.annotations.textToolbar.fontSize.ariaLabel"),
         trigger: f === null ? "" : l(f.key),
         ...u.bind("fontSize"),
-        children: Jo.map((y) => /* @__PURE__ */ r(_.MenuItem, {
+        children: Jo.map((y) => /* @__PURE__ */ r(D.MenuItem, {
           isSelected: y.size === f?.size,
-          onClick: M(y.size),
+          onClick: R(y.size),
           children: /* @__PURE__ */ r("span", {
             style: { fontSize: eg(y.size) },
             children: l(y.key)
           })
         }, y.size))
       }),
-      /* @__PURE__ */ r(_.Separator, {}),
+      /* @__PURE__ */ r(D.Separator, {}),
       /* @__PURE__ */ r(ag, {
         current: v.alignment ?? "center",
-        onPick: N
+        onPick: k
       }),
-      /* @__PURE__ */ r(_.Separator, {}),
-      /* @__PURE__ */ r(_.IconButton, {
+      /* @__PURE__ */ r(D.Separator, {}),
+      /* @__PURE__ */ r(D.IconButton, {
         label: l("graph.annotations.textToolbar.remove"),
-        onClick: k,
+        onClick: L,
         children: /* @__PURE__ */ r(Et, {
           size: "sm",
           title: ""
@@ -8398,8 +8392,8 @@ var Jo = [
   fill: e,
   fillAlpha: ku(e) ? ds : 1
 }, ag = ({ current: e, onPick: t }) => {
-  const n = I(), a = (o) => () => t(o);
-  return /* @__PURE__ */ r(q, { children: tg.map((o) => /* @__PURE__ */ r(_.ToggleButton, {
+  const n = E(), a = (o) => () => t(o);
+  return /* @__PURE__ */ r(q, { children: tg.map((o) => /* @__PURE__ */ r(D.ToggleButton, {
     label: n(`graph.annotations.textToolbar.align.${o.alignment}`),
     isPressed: o.alignment === e,
     onClick: a(o.alignment),
@@ -8476,8 +8470,8 @@ var Qo = ({ width: e }) => de(60, e), ig = (e, t) => ({
     }));
   }
 }, cg = ({ annotationId: e, panelRect: t }) => {
-  const { commands: n } = B(), a = $(), o = ee({
-    annotations: R((i) => i.spec.annotations),
+  const { commands: n } = B(), a = V(), o = ee({
+    annotations: N((i) => i.spec.annotations),
     panelRect: t
   });
   return qo((i, l) => new sg({
@@ -8489,7 +8483,7 @@ var Qo = ({ width: e }) => de(60, e), ig = (e, t) => ({
     dispatch: n.dispatch
   }));
 }, dg = 4, ug = ({ annotationId: e, panelRect: t }) => {
-  const { commands: n } = B(), a = $(), o = R((l) => l.spec.annotations), i = (l, s) => {
+  const { commands: n } = B(), a = V(), o = N((l) => l.spec.annotations), i = (l, s) => {
     const c = ft(o, e);
     return c === null ? null : {
       kind: "text-resize-drag",
@@ -8545,7 +8539,7 @@ var Qo = ({ width: e }) => de(60, e), ig = (e, t) => ({
     ...e
   });
 }, mg = ({ annotation: e, textBox: t, isSettled: n, isMoved: a, isResizable: o, hasCaret: i, panelRect: l, frameRect: s, frameElement: c }) => {
-  const h = I(), d = cg({
+  const h = E(), d = cg({
     annotationId: e.id,
     panelRect: l
   }), u = ug({
@@ -8582,7 +8576,7 @@ var Qo = ({ width: e }) => de(60, e), ig = (e, t) => ({
     })]
   });
 }, gg = (e) => {
-  const t = R((n) => n.spec.annotations.textAnnotations);
+  const t = N((n) => n.spec.annotations.textAnnotations);
   return e === null ? null : t.find((n) => n.id === e) ?? null;
 }, vg = (e) => J(fe((t) => e === null ? {
   resized: null,
@@ -8591,7 +8585,7 @@ var Qo = ({ width: e }) => de(60, e), ig = (e, t) => ({
   resized: un(U(t, "text-resize-drag"), e),
   isMoved: Ct(U(t, "move-drag"), e) !== null
 })), fg = (e, t, n) => {
-  const a = Ne(e), o = na(), i = X(), l = E(() => ({
+  const a = Ne(e), o = na(), i = X(), l = O(() => ({
     panel: {
       width: e.width,
       height: e.height
@@ -8605,7 +8599,7 @@ var Qo = ({ width: e }) => de(60, e), ig = (e, t) => ({
     i
   ]);
   return t === null ? null : Uo(a, t, n, l)?.rect ?? null;
-}, bg = (e) => /* @__PURE__ */ r(L, {
+}, bg = (e) => /* @__PURE__ */ r(P, {
   ...e,
   children: /* @__PURE__ */ g("g", {
     stroke: "currentColor",
@@ -8627,7 +8621,7 @@ var xg = "_1tyillx2", wg = {
   closed: "_1tyillx7",
   open: "_1tyillx8"
 }, kg = ({ interaction: e, panelRect: t }) => {
-  const n = $(), a = X().editOutline.selected().resolve().stroke, o = e.kind === "trigger" || e.kind === "menu" ? e.anchor : null, i = Lg(e), l = E(() => {
+  const n = V(), a = X().editOutline.selected().resolve().stroke, o = e.kind === "trigger" || e.kind === "menu" ? e.anchor : null, i = Lg(e), l = O(() => {
     if (o === null) return null;
     const s = dt(o.position, t);
     return {
@@ -8643,9 +8637,9 @@ var xg = "_1tyillx2", wg = {
     t,
     i
   ]);
-  return z(() => {
+  return F(() => {
     n.getState().setMenuTrigger(l);
-  }, [n, l]), z(() => () => n.getState().setMenuTrigger(null), [n]), o === null || l === null ? null : /* @__PURE__ */ r("div", {
+  }, [n, l]), F(() => () => n.getState().setMenuTrigger(null), [n]), o === null || l === null ? null : /* @__PURE__ */ r("div", {
     "aria-hidden": "true",
     "data-testid": "observation-menu-trigger",
     "data-state": i,
@@ -8664,8 +8658,8 @@ var xg = "_1tyillx2", wg = {
     })
   });
 }, Lg = (e) => e.kind === "menu" ? "open" : e.kind === "trigger" && e.isEngaged ? "hovered" : "rest", Pg = 'button:not([disabled]):not([tabindex="-1"]), [tabindex]:not([tabindex="-1"])', Ig = (e, t) => {
-  const { chartId: n } = B(), a = $();
-  z(() => {
+  const { chartId: n } = B(), a = V();
+  F(() => {
     if (t === null) return;
     const o = (i) => {
       if (i.key !== "Tab" || i.defaultPrevented || !Xe(i.target, e, n) || Ua(i.target) || a.getState().standingInteraction?.kind === "chrome-popup") return;
@@ -8683,8 +8677,8 @@ var xg = "_1tyillx2", wg = {
     a
   ]);
 }, Eg = (e, t) => typeof document.elementsFromPoint == "function" ? document.elementsFromPoint(e, t) : [], ni = (e, t, n) => yt(Eg(e, t), n), Og = (e) => {
-  const { selectionStore: t, chartId: n } = B(), a = $();
-  z(() => {
+  const { selectionStore: t, chartId: n } = B(), a = V();
+  F(() => {
     let o = null;
     const i = (c) => {
       const { caret: h } = a.getState(), d = h === null ? null : ni(c.clientX, c.clientY, e);
@@ -8893,37 +8887,37 @@ var xg = "_1tyillx2", wg = {
   target: e,
   observationIndex: n ? t : null
 }, Ug = (e, t, n, a, o) => {
-  const { commands: i, selectionStore: l, store: s } = B(), c = $(), h = R((b) => b.spec.annotations), d = Re[Le()], u = ee(d.graphPress), p = ee({
+  const { commands: i, selectionStore: l, store: s } = B(), c = V(), h = N((b) => b.spec.annotations), d = Re[Le()], u = ee(d.graphPress), p = ee({
     annotations: h,
     panelRect: n
   }), v = ee(t), m = ee(o), f = ne(null);
-  z(() => () => f.current?.finish(!1), []), z(() => l.subscribe(({ selection: b }) => {
+  F(() => () => f.current?.finish(!1), []), F(() => l.subscribe(({ selection: b }) => {
     const x = c.getState().pressedObservation, [w, ...C] = b, S = w !== void 0 && C.length === 0 && x !== null && fa(w, x.selectedFor);
     x !== null && !S && c.getState().setPressedObservation(null);
-  }), [c, l]), z(() => {
-    const b = (k) => ri({
-      target: k.target,
-      clientX: k.clientX,
-      clientY: k.clientY
-    }, a()).targetAtPoint, x = (k) => {
-      if (!(k.target instanceof Element)) return !1;
-      const T = k.target.closest(Kr);
-      return T !== null && e.contains(T) && yt([k.target], e) === null;
-    }, w = (k, T) => {
+  }), [c, l]), F(() => {
+    const b = (L) => ri({
+      target: L.target,
+      clientX: L.clientX,
+      clientY: L.clientY
+    }, a()).targetAtPoint, x = (L) => {
+      if (!(L.target instanceof Element)) return !1;
+      const T = L.target.closest(Kr);
+      return T !== null && e.contains(T) && yt([L.target], e) === null;
+    }, w = (L, T) => {
       if (f.current !== null || !cl(p.current.annotations, T.id)) return;
       try {
-        e.setPointerCapture(k.pointerId);
+        e.setPointerCapture(L.pointerId);
       } catch {
         return;
       }
-      k.preventDefault();
-      const F = new Vg({
+      L.preventDefault();
+      const _ = new Vg({
         handle: e,
-        pointerId: k.pointerId,
+        pointerId: L.pointerId,
         annotationId: T.id,
         press: {
-          x: k.clientX,
-          y: k.clientY
+          x: L.clientX,
+          y: L.clientY
         },
         readInputs: () => p.current,
         editorStore: c,
@@ -8932,64 +8926,64 @@ var xg = "_1tyillx2", wg = {
           f.current = null;
         }
       });
-      f.current = F, F.start();
-    }, C = (k, T) => {
-      const F = l.getState(), { layers: D, config: M } = s.getState().scene, N = T.kind === "select-observations" && T.observationIndex !== null ? $i(T.observationIndex, D, T.target, M.parsingLocale) : null;
-      switch (c.getState().setPressedObservation(N), T.kind) {
+      f.current = _, _.start();
+    }, C = (L, T) => {
+      const _ = l.getState(), { layers: W, config: R } = s.getState().scene, k = T.kind === "select-observations" && T.observationIndex !== null ? $i(T.observationIndex, W, T.target, R.parsingLocale) : null;
+      switch (c.getState().setPressedObservation(k), T.kind) {
         case "select-annotation":
-          F.setSelection([T.target]), w(k, T.target);
+          _.setSelection([T.target]), w(L, T.target);
           return;
         case "select-observations":
         case "select-band":
         case "select-guide":
         case "select-graph":
-          F.setSelection([T.target]);
+          _.setSelection([T.target]);
           return;
         case "clear":
-          F.clearSelection();
+          _.clearSelection();
           return;
         default:
           throw new kl({ message: `No press outcome for: ${JSON.stringify(T)}` });
       }
-    }, S = (k) => {
-      if (k.button !== 0 || Xt(k.target) || Ka(k, v.current, c.getState().menuTrigger) || x(k)) return;
-      const T = $g(b(k), {
+    }, S = (L) => {
+      if (L.button !== 0 || Xt(L.target) || Ka(L, v.current, c.getState().menuTrigger) || x(L)) return;
+      const T = $g(b(L), {
         canSelectGraph: u.current,
-        isWithinFrame: k.target instanceof Node && e.contains(k.target),
+        isWithinFrame: L.target instanceof Node && e.contains(L.target),
         caretAnnotationId: c.getState().caret?.annotationId ?? null
       });
-      T.kind !== "keep-caret" && (c.getState().setCaret(null), C(k, T));
-    }, P = (k) => {
-      if (Xt(k.target) || x(k)) return;
-      const T = b(k), { layers: F, guides: D, config: M } = s.getState().scene, N = l.getState(), y = c.getState();
+      T.kind !== "keep-caret" && (c.getState().setCaret(null), C(L, T));
+    }, I = (L) => {
+      if (Xt(L.target) || x(L)) return;
+      const T = b(L), { layers: _, guides: W, config: R } = s.getState().scene, k = l.getState(), y = c.getState();
       switch (T?.kind) {
         case "observations": {
-          const { observations: V } = T, re = zg(V, F, M.parsingLocale);
+          const { observations: z } = T, re = zg(z, _, R.parsingLocale);
           if (re === null) return;
-          const { observationIndex: xe } = V;
+          const { observationIndex: xe } = z;
           y.setPressedObservation({
             observationIndex: xe,
             predicate: re.predicate,
             selectedFor: re
-          }), N.setSelection([re]);
+          }), k.setSelection([re]);
           return;
         }
         case "axis":
         case "legend": {
-          const V = Mg(T, {
-            layers: F,
-            legends: D.legends.drawn,
+          const z = Mg(T, {
+            layers: _,
+            legends: W.legends.drawn,
             formattedAxes: m.current,
-            parsingLocale: M.parsingLocale
+            parsingLocale: R.parsingLocale
           });
-          if (V === null) return;
-          N.setSelection([V]);
+          if (z === null) return;
+          k.setSelection([z]);
           return;
         }
         case "annotation": {
-          const { target: V } = T;
-          if (!p.current.annotations.textAnnotations.some((re) => re.id === V.id)) return;
-          N.setSelection([V]), y.setCaret(V.id);
+          const { target: z } = T;
+          if (!p.current.annotations.textAnnotations.some((re) => re.id === z.id)) return;
+          k.setSelection([z]), y.setCaret(z.id);
           return;
         }
         case "grid":
@@ -8998,8 +8992,8 @@ var xg = "_1tyillx2", wg = {
           return;
       }
     };
-    return document.addEventListener("pointerdown", S), document.addEventListener("dblclick", P), () => {
-      document.removeEventListener("pointerdown", S), document.removeEventListener("dblclick", P);
+    return document.addEventListener("pointerdown", S), document.addEventListener("dblclick", I), () => {
+      document.removeEventListener("pointerdown", S), document.removeEventListener("dblclick", I);
     };
   }, [
     e,
@@ -9014,7 +9008,7 @@ var xg = "_1tyillx2", wg = {
     a
   ]);
 }, Kg = (e) => {
-  const { selectionStore: t, commands: n, chartId: a } = B(), o = $(), i = ee(R((d) => d.spec.annotations.textAnnotations)), { annotations: l } = Re[Le()], s = ae((d) => {
+  const { selectionStore: t, commands: n, chartId: a } = B(), o = V(), i = ee(N((d) => d.spec.annotations.textAnnotations)), { annotations: l } = Re[Le()], s = ae((d) => {
     const { selection: u } = t.getState(), p = l ? nn(u) : null;
     p !== null && (d.preventDefault(), n.dispatch(new We({ id: p })), e.focus({ preventScroll: !0 }));
   }, [
@@ -9049,7 +9043,7 @@ var xg = "_1tyillx2", wg = {
     e,
     a
   ]);
-  z(() => {
+  F(() => {
     const d = (u) => {
       if (!Xe(u.target, e, a) || Ua(u.target)) return;
       const p = qg(u.target), v = o.getState().caret !== null && !ct(u.target, a);
@@ -9076,7 +9070,7 @@ var xg = "_1tyillx2", wg = {
     o
   ]);
 }, qg = (e) => e instanceof HTMLElement && (e.isContentEditable || e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement), Xg = (e, t) => {
-  const n = $(), { store: a } = B(), { engine: o, overlayRef: i } = je(), l = ee(t), { annotations: s, observationsPress: c, guidePress: h, tolerance: d } = Re[Le()], u = rl(), p = c && !u;
+  const n = V(), { store: a } = B(), { engine: o, overlayRef: i } = je(), l = ee(t), { annotations: s, observationsPress: c, guidePress: h, tolerance: d } = Re[Le()], u = rl(), p = c && !u;
   return ae(() => ({
     frameElement: e,
     captureRect: i.current,
@@ -9101,11 +9095,11 @@ var xg = "_1tyillx2", wg = {
     a
   ]);
 }, jg = () => {
-  const e = Re[Le()].observationMenu, t = ol((l) => e ? l.hover.primary : null), { layers: n, coordSystem: a } = R(fe((l) => ({
+  const e = Re[Le()].observationMenu, t = ol((l) => e ? l.hover.primary : null), { layers: n, coordSystem: a } = N(fe((l) => ({
     layers: l.layers,
     coordSystem: l.coordSystem
   }))), { anchorResolver: o } = B(), i = Yr();
-  return E(() => {
+  return O(() => {
     if (t === null) return null;
     const l = n.find((h) => h.id === t.layerId);
     if (l === void 0) return null;
@@ -9132,7 +9126,7 @@ var xg = "_1tyillx2", wg = {
   ]);
 }, Zg = { kind: "idle" }, ai = () => {
   const e = J((a) => a.standingInteraction), t = J((a) => a.editTargetUnderPointer?.kind === "menu-trigger"), n = jg();
-  return E(() => e !== null ? e : n === null ? Zg : {
+  return O(() => e !== null ? e : n === null ? Zg : {
     kind: "trigger",
     anchor: n,
     isEngaged: t
@@ -9142,8 +9136,8 @@ var xg = "_1tyillx2", wg = {
     t
   ]);
 }, Yg = (e, t) => e.x >= 0 && e.x <= t.width && e.y >= 0 && e.y <= t.height, Jg = (e, t, n) => {
-  const a = $(), { selectionStore: o } = B(), { store: i, engine: l } = je(), s = ee(e), c = ee(t), h = ee(n);
-  z(() => {
+  const a = V(), { selectionStore: o } = B(), { store: i, engine: l } = je(), s = ee(e), c = ee(t), h = ee(n);
+  F(() => {
     const d = (f) => Ka(f, c.current, a.getState().menuTrigger), u = (f) => {
       if (d(f) || o.getState().selection.length > 0) return;
       const b = h.current, x = c.current, w = {
@@ -9181,13 +9175,13 @@ var xg = "_1tyillx2", wg = {
     h
   ]);
 }, Qg = (e, t, n) => {
-  const a = $(), { store: o } = B(), { store: i } = je(), l = ee(t), s = Re[Le()].observationsPress;
-  z(() => (i.getState().setQueryOwnedByEditor(s), () => i.getState().setQueryOwnedByEditor(!1)), [i, s]), z(() => {
+  const a = V(), { store: o } = B(), { store: i } = je(), l = ee(t), s = Re[Le()].observationsPress;
+  F(() => (i.getState().setQueryOwnedByEditor(s), () => i.getState().setQueryOwnedByEditor(!1)), [i, s]), F(() => {
     let c = null, h = null, d = !1;
     const u = (S) => {
       if (!s) return;
-      const P = i.getState();
-      P.isPointerSuspended || S === null && P.hover.primary === null || P.setHoverState(S ?? gn);
+      const I = i.getState();
+      I.isPointerSuspended || S === null && I.hover.primary === null || I.setHoverState(S ?? gn);
     }, p = () => {
       if (c = null, h === null) return;
       const S = a.getState();
@@ -9195,16 +9189,16 @@ var xg = "_1tyillx2", wg = {
         const T = S.menuTrigger !== null && vn({
           x: h.clientX - l.current.x,
           y: h.clientY - l.current.y
-        }, S.menuTrigger), F = S.editTargetUnderPointer;
-        T ? S.setEditTargetUnderPointer({ kind: "menu-trigger" }) : F?.kind === "menu-trigger" && S.setEditTargetUnderPointer(null);
+        }, S.menuTrigger), _ = S.editTargetUnderPointer;
+        T ? S.setEditTargetUnderPointer({ kind: "menu-trigger" }) : _?.kind === "menu-trigger" && S.setEditTargetUnderPointer(null);
         return;
       }
       d && (d = !1, h = {
         ...h,
         target: e0(h)
       });
-      const { targetAtPoint: P, hover: k } = ri(h, n());
-      S.setEditTargetUnderPointer(P), u(k);
+      const { targetAtPoint: I, hover: L } = ri(h, n());
+      S.setEditTargetUnderPointer(I), u(L);
     }, v = () => {
       c === null && (c = requestAnimationFrame(p));
     }, m = () => {
@@ -9219,10 +9213,10 @@ var xg = "_1tyillx2", wg = {
       }, d = !1, v();
     }, x = () => {
       h = null, c !== null && (cancelAnimationFrame(c), c = null), f();
-    }, w = a.subscribe((S, P) => {
-      st(P.standingInteraction) && !st(S.standingInteraction) && m();
-    }), C = o.subscribe((S, P) => {
-      S.scene !== P.scene && (st(a.getState().standingInteraction) || m());
+    }, w = a.subscribe((S, I) => {
+      st(I.standingInteraction) && !st(S.standingInteraction) && m();
+    }), C = o.subscribe((S, I) => {
+      S.scene !== I.scene && (st(a.getState().standingInteraction) || m());
     });
     return e.addEventListener("pointermove", b), e.addEventListener("pointerleave", x), () => {
       c !== null && cancelAnimationFrame(c), w(), C(), e.removeEventListener("pointermove", b), e.removeEventListener("pointerleave", x), f();
@@ -9250,10 +9244,10 @@ var xg = "_1tyillx2", wg = {
       return !1;
   }
 }, Er = "editor", Or = [], t0 = (e, t, n, a, o) => {
-  const i = ai(), { store: l } = je(), s = pn().length > 0, c = Re[Le()].holdsHoverWhileSelected, h = J((m) => m.menuTrigger), d = i.kind === "menu", u = E(() => h === null ? Or : [vs(h)], [h]), p = Xg(e, t);
-  Qg(e, t, p), Ug(e, t, n, p, o), Jg(i, t, n), Og(e), Kg(e), Ig(e, a), z(() => (l.getState().publishPointerRegions(Er, u), () => l.getState().publishPointerRegions(Er, Or)), [l, u]);
+  const i = ai(), { store: l } = je(), s = pn().length > 0, c = Re[Le()].holdsHoverWhileSelected, h = J((m) => m.menuTrigger), d = i.kind === "menu", u = O(() => h === null ? Or : [vs(h)], [h]), p = Xg(e, t);
+  Qg(e, t, p), Ug(e, t, n, p, o), Jg(i, t, n), Og(e), Kg(e), Ig(e, a), F(() => (l.getState().publishPointerRegions(Er, u), () => l.getState().publishPointerRegions(Er, Or)), [l, u]);
   const v = d || s && c;
-  z(() => (l.getState().setPointerSuspended(v), () => l.getState().setPointerSuspended(!1)), [l, v]), z(() => {
+  F(() => (l.getState().setPointerSuspended(v), () => l.getState().setPointerSuspended(!1)), [l, v]), F(() => {
     if (!s || !c) return;
     const m = l.getState();
     m.setHoverState(gn), m.setTooltipAnchor(null);
@@ -9263,11 +9257,11 @@ var xg = "_1tyillx2", wg = {
     c
   ]);
 }, n0 = ({ frameElement: e, panelRect: t, formattedAxes: n, shouldAnimateTransitions: a }) => {
-  const { measureRef: o, screenRect: i } = Li(), { selectionStore: l } = B(), s = $(), c = J((u) => u.caret?.annotationId ?? null), h = Le(), d = ne(h);
-  return z(() => (o(e), () => o(null)), [o, e]), z(() => () => {
+  const { measureRef: o, screenRect: i } = Li(), { selectionStore: l } = B(), s = V(), c = J((u) => u.caret?.annotationId ?? null), h = Le(), d = ne(h);
+  return F(() => (o(e), () => o(null)), [o, e]), F(() => () => {
     const u = s.getState();
     u.releaseInteraction("menu"), u.setCaret(null), u.setPressedObservation(null);
-  }, [s]), z(() => {
+  }, [s]), F(() => {
     if (d.current === h) return;
     d.current = h;
     const u = s.getState();
@@ -9287,8 +9281,8 @@ var xg = "_1tyillx2", wg = {
     shouldAnimateTransitions: a
   })] });
 }, r0 = ({ annotationId: e, panelRect: t }) => {
-  const n = $(), { textAnnotations: a } = Ne(t);
-  return z(() => {
+  const n = V(), { textAnnotations: a } = Ne(t);
+  return F(() => {
     a.some(({ id: o }) => o === e) || n.getState().setCaret(null);
   }, [
     e,
@@ -9296,7 +9290,7 @@ var xg = "_1tyillx2", wg = {
     n
   ]), null;
 }, a0 = ({ frameElement: e, frameRect: t, panelRect: n, formattedAxes: a, shouldAnimateTransitions: o }) => {
-  const i = E(() => ({
+  const i = O(() => ({
     x: t.left + n.x,
     y: t.top + n.y
   }), [
@@ -9314,7 +9308,7 @@ var xg = "_1tyillx2", wg = {
     shouldAnimateTransitions: o
   });
 }, o0 = ({ frameElement: e, frameRect: t, panelOrigin: n, panelRect: a, boxRef: o, shouldAnimateTransitions: i }) => {
-  const l = Ze(), s = ai(), { annotations: c, editOutline: h, overlayMenu: d } = Re[Le()], u = E(() => ({
+  const l = Ze(), s = ai(), { annotations: c, editOutline: h, overlayMenu: d } = Re[Le()], u = O(() => ({
     width: t.width,
     height: t.height
   }), [t.width, t.height]);
@@ -9369,12 +9363,12 @@ var xg = "_1tyillx2", wg = {
       d && /* @__PURE__ */ r(g1, { frameElement: e })
     ] })
   })] });
-}, Z5 = ({ slots: e, mode: t, ...n }) => /* @__PURE__ */ r(ed, {
+}, Y5 = ({ slots: e, mode: t, ...n }) => /* @__PURE__ */ r(ed, {
   locale: ea(),
   children: /* @__PURE__ */ r(Hi, { children: /* @__PURE__ */ r(gl, {
     editors: _h,
     children: /* @__PURE__ */ r(tl, {
-      slots: E(() => ({
+      slots: O(() => ({
         EditorSurface: n0,
         ...e
       }), [e]),
@@ -9402,7 +9396,7 @@ function p0(e) {
   return t.includes("_1ii3bsb0") || t.includes("_1ii3bsb1");
 }
 var m0 = ({ handle: e, children: t, controls: n, defaultExpandedSection: a = void 0, className: o }) => {
-  const i = Qr(e), { themeClass: l, inlineVarsStyle: s } = St(), [c, h] = Q(() => a ? [a] : []), d = E(() => ({
+  const i = Qr(e), { themeClass: l, inlineVarsStyle: s } = St(), [c, h] = Q(() => a ? [a] : []), d = O(() => ({
     expandSection: (u) => h([u]),
     collapseAllSections: () => h([])
   }), []);
@@ -9426,7 +9420,7 @@ var m0 = ({ handle: e, children: t, controls: n, defaultExpandedSection: a = voi
 }, li = {
   Root: m0,
   Controls: h0
-}, g0 = "_2m7wuq0", Y5 = () => /* @__PURE__ */ r(Fc, { className: g0 }), v0 = (e) => /* @__PURE__ */ r(L, {
+}, g0 = "_2m7wuq0", J5 = () => /* @__PURE__ */ r(Fc, { className: g0 }), v0 = (e) => /* @__PURE__ */ r(P, {
   ...e,
   children: /* @__PURE__ */ r("g", {
     stroke: "currentColor",
@@ -9495,7 +9489,7 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
     })
   });
 }, x0 = ({ title: e, preview: t, accessory: n, onOpenChange: a, children: o }) => {
-  const i = I();
+  const i = E();
   return /* @__PURE__ */ g(Ke.Item, {
     value: e,
     className: On,
@@ -9558,78 +9552,78 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
   x: "editor.axesPanel.mainAxisSection.xAxis",
   y: "editor.axesPanel.mainAxisSection.yAxis"
 }, Mr = ({ axis: e, title: t, layout: n = "collapsible", preview: a }) => {
-  const o = W(), i = K(o), l = I(), { NumberField: s, Switch: c, TextField: h, ToggleGroup: d } = H();
+  const o = $(), i = K(o), l = E(), { NumberField: s, Switch: c, TextField: h, ToggleGroup: d } = H();
   if (!i) return null;
   const u = i.coordSystem.type === "polar" ? i.coordSystem.axisMapping[e].geometry : "linear", p = i.config.axes[e], v = i.scales[e], m = v?.spec, f = m?.scaleType === "continuous" ? m : void 0;
   if (u === "circular" || u === "radial" && f === void 0) return null;
-  const b = m !== void 0 && "reverse" in m ? m : void 0, x = m?.scaleType === "continuous" || m?.scaleType === "datetime", w = f !== void 0 && Ta(i, e), C = f?.transform === "log", S = f?.domainMax ?? null, P = L0(f), k = (O, pe) => O.map((et) => ({
+  const b = m !== void 0 && "reverse" in m ? m : void 0, x = m?.scaleType === "continuous" || m?.scaleType === "datetime", w = f !== void 0 && Ta(i, e), C = f?.transform === "log", S = f?.domainMax ?? null, I = L0(f), L = (M, pe) => M.map((et) => ({
     value: et,
     label: pe(et)
-  })), T = i.guides.axes.find((O) => O.scaleAestheticKey === e)?.position, F = T0[T === "bottom" || T === "top" || T === void 0 && e === "x" ? "horizontal" : "vertical"], D = e === "y" ? Ks(i.spec) : null, M = D === null ? void 0 : ve(i.spec.layers, D), N = i.guides.legends.drawn.some((O) => F.some((pe) => pe === O.position)), y = F.map((O) => ({
-    value: O,
-    label: l(A0[O])
-  })), V = k(["auto", "edges"], (O) => l(O === "edges" ? "editor.axesPanel.labelMode.edges" : "editor.axesPanel.labelMode.auto")), re = k(["linear", "log"], (O) => l(O === "log" ? "editor.axesPanel.scale.log" : "editor.axesPanel.scale.auto")), xe = k([
+  })), T = i.guides.axes.find((M) => M.scaleAestheticKey === e)?.position, _ = T0[T === "bottom" || T === "top" || T === void 0 && e === "x" ? "horizontal" : "vertical"], W = e === "y" ? Ks(i.spec) : null, R = W === null ? void 0 : ve(i.spec.layers, W), k = i.guides.legends.drawn.some((M) => _.some((pe) => pe === M.position)), y = _.map((M) => ({
+    value: M,
+    label: l(A0[M])
+  })), z = L(["auto", "edges"], (M) => l(M === "edges" ? "editor.axesPanel.labelMode.edges" : "editor.axesPanel.labelMode.auto")), re = L(["linear", "log"], (M) => l(M === "log" ? "editor.axesPanel.scale.log" : "editor.axesPanel.scale.auto")), xe = L([
     "auto",
     "zero",
     "custom"
-  ], (O) => l(O === "zero" ? "editor.axesPanel.startFrom.zero" : O === "custom" ? "editor.axesPanel.startFrom.custom" : "editor.axesPanel.startFrom.auto")), oe = k(["auto", "custom"], (O) => l(O === "custom" ? "editor.axesPanel.endAt.custom" : "editor.axesPanel.endAt.auto")), Be = k(["no", "yes"], (O) => l(O === "yes" ? "editor.axesPanel.yesNo.yes" : "editor.axesPanel.yesNo.no")), pi = k(["single", "double"], (O) => l(O === "double" ? "editor.axesPanel.axisCount.double" : "editor.axesPanel.axisCount.single")), mi = (O) => {
+  ], (M) => l(M === "zero" ? "editor.axesPanel.startFrom.zero" : M === "custom" ? "editor.axesPanel.startFrom.custom" : "editor.axesPanel.startFrom.auto")), oe = L(["auto", "custom"], (M) => l(M === "custom" ? "editor.axesPanel.endAt.custom" : "editor.axesPanel.endAt.auto")), Be = L(["no", "yes"], (M) => l(M === "yes" ? "editor.axesPanel.yesNo.yes" : "editor.axesPanel.yesNo.no")), pi = L(["single", "double"], (M) => l(M === "double" ? "editor.axesPanel.axisCount.double" : "editor.axesPanel.axisCount.single")), mi = (M) => {
     o.commands.dispatch(new Rl({
       axis: e,
-      isVisible: O
+      isVisible: M
     }));
-  }, gi = (O) => {
+  }, gi = (M) => {
     o.commands.dispatch(new aa({
       axis: e,
-      label: O === "" ? null : O
+      label: M === "" ? null : M
     }), { transient: !0 });
-  }, vi = (O) => {
+  }, vi = (M) => {
     o.commands.dispatch(new Nl({
       axis: e,
-      isVisible: O
+      isVisible: M
     }));
-  }, fi = (O) => {
+  }, fi = (M) => {
     o.commands.dispatch(new ia({
       axis: e,
-      tickMode: O === "edges" ? "edges" : "auto"
+      tickMode: M === "edges" ? "edges" : "auto"
     }));
-  }, bi = (O) => {
+  }, bi = (M) => {
     o.commands.dispatch(new ls({
       scaledAesthetic: e,
-      reverse: O === "yes"
+      reverse: M === "yes"
     }));
-  }, yi = (O) => {
+  }, yi = (M) => {
     o.commands.dispatch(new ha({
       scaledAesthetic: e,
-      transform: O === "log" ? "log" : "linear"
+      transform: M === "log" ? "log" : "linear"
     }));
-  }, Dn = (O) => {
+  }, Dn = (M) => {
     o.commands.dispatch(new Ie({
       scaledAesthetic: e,
-      ...O
+      ...M
     }), { transient: !0 });
-  }, Si = (O) => {
-    O !== null && Dn({ domainMin: O });
-  }, Ci = (O) => {
-    O !== null && Dn({ domainMax: O });
-  }, xi = (O) => {
-    const pe = O === "auto" ? null : O === "zero" ? 0 : Nr(v?.domain, "start");
+  }, Si = (M) => {
+    M !== null && Dn({ domainMin: M });
+  }, Ci = (M) => {
+    M !== null && Dn({ domainMax: M });
+  }, xi = (M) => {
+    const pe = M === "auto" ? null : M === "zero" ? 0 : Nr(v?.domain, "start");
     o.commands.dispatch(new Ie({
       scaledAesthetic: e,
       domainMin: pe
     }));
-  }, wi = (O) => {
-    const pe = O === "custom" ? Nr(v?.domain, "end") : null;
+  }, wi = (M) => {
+    const pe = M === "custom" ? Nr(v?.domain, "end") : null;
     o.commands.dispatch(new Ie({
       scaledAesthetic: e,
       domainMax: pe
     }));
-  }, Ti = (O) => {
-    M !== void 0 && o.commands.dispatch(new Kl({
-      layerId: M.id,
-      yScaleType: O === "double" ? "secondary" : "primary"
+  }, Ti = (M) => {
+    R !== void 0 && o.commands.dispatch(new Kl({
+      layerId: R.id,
+      yScaleType: M === "double" ? "secondary" : "primary"
     }));
-  }, Ai = (O) => {
-    const pe = F.find((et) => et === O);
+  }, Ai = (M) => {
+    const pe = _.find((et) => et === M);
     pe && o.commands.dispatch(new oa({
       axis: e,
       position: pe
@@ -9647,10 +9641,10 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
           onChange: mi
         })
       }),
-      M !== void 0 && /* @__PURE__ */ r(A, {
+      R !== void 0 && /* @__PURE__ */ r(A, {
         label: l("editor.axesPanel.controls.numberOfAxes"),
         children: /* @__PURE__ */ r(d, {
-          value: M.yScaleType === "secondary" ? "double" : "single",
+          value: R.yScaleType === "secondary" ? "double" : "single",
           options: pi,
           onChange: Ti
         })
@@ -9673,11 +9667,11 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
         label: l("editor.axesPanel.controls.labels"),
         children: /* @__PURE__ */ r(d, {
           value: p.ticks.mode,
-          options: V,
+          options: z,
           onChange: fi
         })
       }),
-      f && u === "linear" && !N && /* @__PURE__ */ r(A, {
+      f && u === "linear" && !k && /* @__PURE__ */ r(A, {
         label: l("editor.axesPanel.controls.position"),
         children: /* @__PURE__ */ r(d, {
           value: T ?? p.position,
@@ -9705,11 +9699,11 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
         !w && /* @__PURE__ */ g(q, { children: [/* @__PURE__ */ r(A, {
           label: l("editor.axesPanel.controls.startFrom"),
           children: /* @__PURE__ */ r(d, {
-            value: P,
+            value: I,
             options: xe,
             onChange: xi
           })
-        }), P !== "auto" && /* @__PURE__ */ r(A, {
+        }), I !== "auto" && /* @__PURE__ */ r(A, {
           label: l("editor.axesPanel.controls.value"),
           children: /* @__PURE__ */ r(s, {
             value: f.domainMin ?? null,
@@ -9743,7 +9737,7 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
   const n = t === "start" ? e?.[0] : e?.[e.length - 1];
   return typeof n == "number" ? n : 0;
 }, Nn = ({ value: e, onChange: t }) => {
-  const n = W(), a = I(), { TextField: o } = H(), i = e !== null && typeof e != "string", l = (s) => t(s === "" ? null : s);
+  const n = $(), a = E(), { TextField: o } = H(), i = e !== null && typeof e != "string", l = (s) => t(s === "" ? null : s);
   return /* @__PURE__ */ r(A, {
     label: a("editor.elementsPanel.contentValue"),
     children: /* @__PURE__ */ r(o, {
@@ -9754,7 +9748,7 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
     })
   });
 }, P0 = ({ title: e, layout: t = "collapsible", preview: n }) => {
-  const a = W(), o = K(a), i = I(), { Switch: l } = H();
+  const a = $(), o = K(a), i = E(), { Switch: l } = H();
   if (!o) return null;
   const s = o.config.content, c = (d) => {
     a.commands.dispatch(new xt({
@@ -9780,7 +9774,7 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
     })] })
   });
 }, Rr = /^[a-z][a-z\d+.-]*:/i, I0 = {}, E0 = ({ title: e, layout: t = "collapsible", preview: n }) => {
-  const a = W(), o = K(a), i = I(), { Switch: l } = H();
+  const a = $(), o = K(a), i = E(), { Switch: l } = H();
   if (!o) return null;
   const s = o.config.content, c = (h) => {
     a.commands.dispatch(new xt({
@@ -9801,7 +9795,7 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
     }), /* @__PURE__ */ r(O0, { source: s.source ?? I0 })] })
   });
 }, O0 = ({ source: e }) => {
-  const t = W(), n = I(), { TextField: a } = H(), o = (c) => {
+  const t = $(), n = E(), { TextField: a } = H(), o = (c) => {
     const h = (c.label ?? "") !== "" || (c.url ?? "") !== "";
     t.commands.dispatch(new Fl({ source: h ? c : null }), { transient: !0 });
   }, i = () => {
@@ -9834,7 +9828,7 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
     })
   })] });
 }, M0 = ({ title: e, layout: t = "collapsible", preview: n }) => {
-  const a = W(), o = K(a), i = I(), { Switch: l } = H();
+  const a = $(), o = K(a), i = E(), { Switch: l } = H();
   if (!o) return null;
   const s = o.config.content, c = (d) => {
     a.commands.dispatch(new xt({
@@ -9860,11 +9854,11 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
     })] })
   });
 }, Nt = (e) => {
-  const { colorScheme: t } = St(), n = E(() => As({ colorScheme: t }), [t]);
-  return E(() => e === null ? null : n.readers(e), [e, n]);
+  const { colorScheme: t } = St(), n = O(() => As({ colorScheme: t }), [t]);
+  return O(() => e === null ? null : n.readers(e), [e, n]);
 }, Rn = (e, t, n) => {
   const a = Nt(e);
-  return E(() => {
+  return O(() => {
     if (a === null || e === null || t === null) return null;
     const o = ve(e.layers, t);
     return o === void 0 ? null : a.geom[n](o);
@@ -9886,7 +9880,7 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
   3,
   4
 ], N0 = on.length / 2, R0 = { select: { target: "graph" } }, D0 = ({ title: e, layout: t = "collapsible", preview: n }) => {
-  const a = W(), o = K(a), i = I(), { RadioGrid: l } = H(), s = Nt(o);
+  const a = $(), o = K(a), i = E(), { RadioGrid: l } = H(), s = Nt(o);
   if (!o || !s) return null;
   const c = s.graph().get("textScale"), h = (p) => i("editor.elementsPanel.textSizeSection.scaleFormat", { value: `${p}` }), d = on.map((p) => ({
     value: `${p}`,
@@ -9919,7 +9913,7 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
     })
   });
 }, _0 = ({ title: e, layout: t = "collapsible", preview: n }) => {
-  const a = W(), o = K(a), i = I(), { Switch: l } = H();
+  const a = $(), o = K(a), i = E(), { Switch: l } = H();
   if (!o) return null;
   const s = o.config.content, c = (d) => {
     a.commands.dispatch(new xt({
@@ -9944,7 +9938,7 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
       onChange: h
     })] })
   });
-}, J5 = ({ children: e, ...t }) => /* @__PURE__ */ r(li.Root, {
+}, Q5 = ({ children: e, ...t }) => /* @__PURE__ */ r(li.Root, {
   ...t,
   children: e ?? /* @__PURE__ */ g(q, { children: [
     /* @__PURE__ */ r(_0, {}),
@@ -9953,11 +9947,11 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
     /* @__PURE__ */ r(E0, {}),
     /* @__PURE__ */ r(D0, {})
   ] })
-}), Q5 = ({ children: e, ...t }) => /* @__PURE__ */ r(li.Root, {
+}), ef = ({ children: e, ...t }) => /* @__PURE__ */ r(li.Root, {
   ...t,
   children: e ?? /* @__PURE__ */ g(q, { children: [/* @__PURE__ */ r(Mr, { axis: "x" }), /* @__PURE__ */ r(Mr, { axis: "y" })] })
-}), Rt = (e) => `${e}px`, ci = (e) => `${Math.round(e * 100)}%`, F0 = (e) => `${e}°`, z0 = 24, B0 = { select: { target: "graph" } }, Dr = ["dim", "desaturate"], ef = ({ title: e, layout: t = "collapsible", preview: n }) => {
-  const a = W(), o = K(a), i = I(), { Slider: l, ToggleGroup: s } = H(), c = Nt(o);
+}), Rt = (e) => `${e}px`, ci = (e) => `${Math.round(e * 100)}%`, F0 = (e) => `${e}°`, z0 = 24, B0 = { select: { target: "graph" } }, Dr = ["dim", "desaturate"], tf = ({ title: e, layout: t = "collapsible", preview: n }) => {
+  const a = $(), o = K(a), i = E(), { Slider: l, ToggleGroup: s } = H(), c = Nt(o);
   if (!o || !c) return null;
   const h = c.graph().get("cornerRadius"), d = Zs(o.spec), u = Dr.map((m) => ({
     value: m,
@@ -10002,8 +9996,8 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
       })
     })] })
   });
-}, H0 = 0.05, tf = ({ title: e, layout: t = "collapsible", preview: n }) => {
-  const a = W(), o = K(a), i = I(), { Slider: l, ToggleGroup: s } = H(), c = o ? xa(o.spec.layers, "bar") : void 0, h = Rn(o, c?.id ?? null, "bar");
+}, H0 = 0.05, nf = ({ title: e, layout: t = "collapsible", preview: n }) => {
+  const a = $(), o = K(a), i = E(), { Slider: l, ToggleGroup: s } = H(), c = o ? xa(o.spec.layers, "bar") : void 0, h = Rn(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 _l({
@@ -10070,7 +10064,7 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
       floodOpacity: "0.16"
     })]
   }) })] });
-}, _t = "qdaoth0", G0 = (e) => /* @__PURE__ */ g(L, {
+}, _t = "qdaoth0", G0 = (e) => /* @__PURE__ */ g(P, {
   viewBox: "0 0 31 33",
   ...e,
   children: [/* @__PURE__ */ r(Dt, { children: /* @__PURE__ */ r("path", {
@@ -10082,7 +10076,7 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
     fill: "currentColor",
     d: "M12.0591 7.11C11.5767 7.11 11.1857 6.71899 11.1857 6.23664C11.1857 5.7543 11.5767 5.36328 12.0591 5.36328H24.8684C25.3507 5.36328 25.7417 5.7543 25.7417 6.23664V19.0459C25.7417 19.5283 25.3507 19.9193 24.8684 19.9193C24.386 19.9193 23.995 19.5283 23.995 19.0459V8.34512L6.8542 25.4859C6.51313 25.827 5.96015 25.827 5.61908 25.4859C5.27801 25.1448 5.27801 24.5919 5.61908 24.2508L22.7599 7.11H12.0591Z"
   })]
-}), V0 = (e) => /* @__PURE__ */ r(L, {
+}), V0 = (e) => /* @__PURE__ */ r(P, {
   viewBox: "0 0 32 32",
   ...e,
   children: /* @__PURE__ */ g(Dt, { children: [/* @__PURE__ */ r("path", {
@@ -10092,7 +10086,7 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
     fill: "currentColor",
     d: "M24.25 9C24.25 8.30964 23.6904 7.75 23 7.75H9C8.30964 7.75 7.75 8.30964 7.75 9V23C7.75 23.6904 8.30964 24.25 9 24.25H23C23.6904 24.25 24.25 23.6904 24.25 23V9ZM25.75 23C25.75 24.5188 24.5188 25.75 23 25.75H9C7.48122 25.75 6.25 24.5188 6.25 23V9C6.25 7.48122 7.48122 6.25 9 6.25H23C24.5188 6.25 25.75 7.48122 25.75 9V23Z"
   })] })
-}), $0 = (e) => /* @__PURE__ */ g(L, {
+}), $0 = (e) => /* @__PURE__ */ g(P, {
   viewBox: "0 0 32 33",
   ...e,
   children: [/* @__PURE__ */ r(Dt, { children: /* @__PURE__ */ r("path", {
@@ -10106,7 +10100,7 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
     clipRule: "evenodd",
     d: "M25.25 22C25.25 20.7574 24.2426 19.75 23 19.75C21.7574 19.75 20.75 20.7574 20.75 22C20.75 23.2426 21.7574 24.25 23 24.25C24.2426 24.25 25.25 23.2426 25.25 22ZM23 18.25C25.0711 18.25 26.75 19.9289 26.75 22C26.75 24.0711 25.0711 25.75 23 25.75C20.9289 25.75 19.25 24.0711 19.25 22C19.25 19.9289 20.9289 18.25 23 18.25ZM11.25 9C11.25 7.75736 10.2426 6.75 9 6.75C7.75736 6.75 6.75 7.75736 6.75 9C6.75 10.2426 7.75736 11.25 9 11.25C10.2426 11.25 11.25 10.2426 11.25 9ZM9.75 12.675C11.4617 12.3275 12.75 10.8142 12.75 9C12.75 6.92893 11.0711 5.25 9 5.25C6.92893 5.25 5.25 6.92893 5.25 9C5.25 10.8142 6.53832 12.3275 8.25 12.675L8.25 24C8.25 24.4142 8.58579 24.75 9 24.75L16 24.75C16.4142 24.75 16.75 24.4142 16.75 24L16.75 7.75L22.25 7.75L22.25 14.1893L21.0303 12.9697C20.7374 12.6768 20.2626 12.6768 19.9697 12.9697C19.6768 13.2626 19.6768 13.7374 19.9697 14.0303L22.4697 16.5303C22.7626 16.8232 23.2374 16.8232 23.5303 16.5303L26.0303 14.0303C26.3232 13.7374 26.3232 13.2626 26.0303 12.9697C25.7374 12.6768 25.2626 12.6768 24.9697 12.9697L23.75 14.1893L23.75 7C23.75 6.58579 23.4142 6.25 23 6.25L16 6.25C15.5858 6.25 15.25 6.58579 15.25 7L15.25 23.25L9.75 23.25L9.75 12.675Z"
   })]
-}), W0 = (e) => /* @__PURE__ */ g(L, {
+}), W0 = (e) => /* @__PURE__ */ g(P, {
   viewBox: "0 0 32 33",
   ...e,
   children: [/* @__PURE__ */ r(Dt, { children: /* @__PURE__ */ r("path", {
@@ -10130,8 +10124,8 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
 }, Z0 = {
   x: 0.6,
   y: 0.4
-}, Y0 = "relative-difference", nf = ({ title: e, layout: t = "collapsible", preview: n }) => {
-  const a = W(), o = K(a), i = I(), { Button: l } = H();
+}, Y0 = "relative-difference", rf = ({ title: e, layout: t = "collapsible", preview: n }) => {
+  const a = $(), o = K(a), i = E(), { Button: l } = H();
   if (!o) return null;
   const s = () => {
     a.commands.dispatch(new we({
@@ -10224,8 +10218,8 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
       text: e
     }]
   }]
-}), rf = ({ title: e, layout: t = "collapsible", preview: n }) => {
-  const a = W(), o = K(a), i = I(), { ToggleGroup: l } = H();
+}), af = ({ title: e, layout: t = "collapsible", preview: n }) => {
+  const a = $(), o = K(a), i = E(), { ToggleGroup: l } = H();
   if (!o) return null;
   const s = ka(o.spec);
   if (s === null || !Ee(s)) return null;
@@ -10250,8 +10244,8 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
       ariaLabel: i("editor.graphPanel.comboSection.title")
     })
   });
-}, Q0 = 0.1, ev = 20, af = ({ title: e, preview: t }) => {
-  const n = W(), a = K(n), o = I(), { NumberField: i, TextField: l } = H();
+}, Q0 = 0.1, ev = 20, of = ({ title: e, preview: t }) => {
+  const n = $(), a = K(n), o = E(), { NumberField: i, TextField: l } = H();
   if (!a || a.coordSystem.type === "polar") return null;
   const s = Es(a.spec.layers), c = e ?? o("editor.annotationsPanel.goalSection.title"), h = Xs(s?.mapping.y), d = typeof h == "number" ? h : null, u = (m) => {
     const f = new us({
@@ -10307,8 +10301,8 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
   if (o === 0) return 0;
   const i = Math.min(ev, Math.max(0, 1 - Math.floor(Math.log10(o))));
   return Number((n + o * Q0).toFixed(i));
-}, of = ({ layerId: e, title: t, layout: n = "collapsible", preview: a }) => {
-  const o = W(), i = K(o), l = I(), { Switch: s } = H();
+}, lf = ({ layerId: e, title: t, layout: n = "collapsible", preview: a }) => {
+  const o = $(), i = K(o), l = E(), { Switch: s } = H();
   if (!i) return null;
   const c = e === void 0 ? i.layers[0] : ve(i.layers, e);
   if (!c) return null;
@@ -10377,7 +10371,7 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
       })
     ] })
   });
-}, nv = (e) => /* @__PURE__ */ g(L, {
+}, nv = (e) => /* @__PURE__ */ g(P, {
   viewBox: "0 0 16 16",
   ...e,
   children: [/* @__PURE__ */ r("path", {
@@ -10389,7 +10383,7 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
     fillOpacity: "0.3",
     d: "M5.744 5.565 0 11.826V8l5.744-6.957 4.718 2.087L16 0v6.957l-5.538 4z"
   })]
-}), rv = (e) => /* @__PURE__ */ r(L, {
+}), rv = (e) => /* @__PURE__ */ r(P, {
   viewBox: "0 0 16 16",
   ...e,
   children: /* @__PURE__ */ g("g", {
@@ -10431,7 +10425,7 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
       })
     ]
   })
-}), av = (e) => /* @__PURE__ */ r(L, {
+}), av = (e) => /* @__PURE__ */ r(P, {
   viewBox: "0 0 16 16",
   ...e,
   children: /* @__PURE__ */ g("g", {
@@ -10446,7 +10440,7 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
       d: "M0 12.445h4.267V.52A.52.52 0 0 0 3.748 0H.518A.52.52 0 0 0 0 .519zM5.867 7.111h4.266V.52A.52.52 0 0 0 9.615 0h-3.23a.52.52 0 0 0-.518.519zM11.733 9.481H16V.52A.52.52 0 0 0 15.482 0h-3.23a.52.52 0 0 0-.519.519z"
     })]
   })
-}), ov = (e) => /* @__PURE__ */ r(L, {
+}), ov = (e) => /* @__PURE__ */ r(P, {
   viewBox: "0 0 16 16",
   ...e,
   children: /* @__PURE__ */ g("g", {
@@ -10461,7 +10455,7 @@ var S0 = "_40zvwv8", j = ({ 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"
     })]
   })
-}), iv = (e) => /* @__PURE__ */ g(L, {
+}), iv = (e) => /* @__PURE__ */ g(P, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -10500,7 +10494,7 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
       rx: ".533"
     })
   ]
-}), lv = (e) => /* @__PURE__ */ g(L, {
+}), lv = (e) => /* @__PURE__ */ g(P, {
   viewBox: "0 0 16 16",
   ...e,
   children: [/* @__PURE__ */ r("path", {
@@ -10512,7 +10506,7 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
     fillOpacity: "0.3",
     d: "M0 12.445h4.267V.52A.52.52 0 0 0 3.748 0H.518A.52.52 0 0 0 0 .519zM5.867 7.111h4.266V.52A.52.52 0 0 0 9.615 0h-3.23a.52.52 0 0 0-.518.519zM11.733 9.481H16V.52A.52.52 0 0 0 15.482 0h-3.23a.52.52 0 0 0-.519.519z"
   })]
-}), sv = (e) => /* @__PURE__ */ g(L, {
+}), sv = (e) => /* @__PURE__ */ g(P, {
   viewBox: "0 0 16 16",
   ...e,
   children: [/* @__PURE__ */ r("path", {
@@ -10524,7 +10518,7 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
     fillOpacity: "0.3",
     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"
   })]
-}), cv = (e) => /* @__PURE__ */ g(L, {
+}), cv = (e) => /* @__PURE__ */ g(P, {
   viewBox: "0 0 16 16",
   ...e,
   children: [/* @__PURE__ */ g("g", {
@@ -10598,7 +10592,7 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
       })
     ]
   })]
-}), dv = (e) => /* @__PURE__ */ r(L, {
+}), dv = (e) => /* @__PURE__ */ r(P, {
   viewBox: "0 0 16 16",
   ...e,
   children: /* @__PURE__ */ g("g", {
@@ -10633,7 +10627,7 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
       })
     ]
   })
-}), uv = (e) => /* @__PURE__ */ r(L, {
+}), uv = (e) => /* @__PURE__ */ r(P, {
   viewBox: "0 0 16 16",
   ...e,
   children: /* @__PURE__ */ g("g", {
@@ -10710,7 +10704,7 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
       })
     ]
   })
-}), hv = (e) => /* @__PURE__ */ r(L, {
+}), hv = (e) => /* @__PURE__ */ r(P, {
   viewBox: "0 0 16 16",
   ...e,
   children: /* @__PURE__ */ g("g", {
@@ -10787,7 +10781,7 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
       ]
     })]
   })
-}), pv = (e) => /* @__PURE__ */ g(L, {
+}), pv = (e) => /* @__PURE__ */ g(P, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -10809,7 +10803,7 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
       d: "M15.999 8a8 8 0 0 1-7.588 7.989l-.412.01V8z"
     })
   ]
-}), mv = (e) => /* @__PURE__ */ r(L, {
+}), mv = (e) => /* @__PURE__ */ r(P, {
   viewBox: "0 0 16 16",
   ...e,
   children: /* @__PURE__ */ g("g", {
@@ -10826,7 +10820,7 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
       strokeWidth: "1.2"
     })]
   })
-}), gv = (e) => /* @__PURE__ */ g(L, {
+}), gv = (e) => /* @__PURE__ */ g(P, {
   viewBox: "0 0 16 16",
   ...e,
   children: [/* @__PURE__ */ r("polygon", {
@@ -10841,7 +10835,7 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
     fill: "currentColor",
     fillOpacity: "0.6"
   })]
-}), vv = (e) => /* @__PURE__ */ r(L, {
+}), vv = (e) => /* @__PURE__ */ r(P, {
   viewBox: "0 0 16 16",
   ...e,
   children: /* @__PURE__ */ g("g", {
@@ -10896,7 +10890,7 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
       })
     ]
   })
-}), fv = (e) => /* @__PURE__ */ r(L, {
+}), fv = (e) => /* @__PURE__ */ r(P, {
   viewBox: "0 0 16 16",
   ...e,
   children: /* @__PURE__ */ r("path", {
@@ -10904,7 +10898,7 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
     fillOpacity: "0.75",
     d: "M8.4 7.31 8.4 1.01A7 7 0 0 1 13.85 4.16ZM8.8 8 13.64 5.2A6.3 6.3 0 0 1 13.64 10.8ZM8.4 8.69 12.64 11.14A5.6 5.6 0 0 1 8.4 13.59ZM7.6 8.69 7.6 12.78A4.8 4.8 0 0 1 4.06 10.74ZM7.2 8 4.27 9.69A4.1 4.1 0 0 1 4.27 6.31ZM7.6 7.31 5.19 5.92A3.5 3.5 0 0 1 7.6 4.52Z"
   })
-}), bv = (e) => /* @__PURE__ */ r(L, {
+}), bv = (e) => /* @__PURE__ */ r(P, {
   viewBox: "0 0 16 16",
   ...e,
   children: /* @__PURE__ */ g("g", {
@@ -10917,7 +10911,7 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
       d: "M8.4 7.31 8.4 3.82A4.2 4.2 0 0 1 11.42 5.56ZM8.8 8 11.46 6.47A3.78 3.78 0 0 1 11.46 9.53ZM8.4 8.69 10.69 10.01A3.36 3.36 0 0 1 8.4 11.34ZM7.6 8.69 7.6 10.85A2.88 2.88 0 0 1 5.73 9.77ZM7.2 8 5.7 8.87A2.46 2.46 0 0 1 5.7 7.13ZM7.6 7.31 6.41 6.62A2.1 2.1 0 0 1 7.6 5.94Z"
     })]
   })
-}), yv = (e) => /* @__PURE__ */ r(L, {
+}), yv = (e) => /* @__PURE__ */ r(P, {
   viewBox: "0 0 16 16",
   ...e,
   children: /* @__PURE__ */ g("g", {
@@ -11150,8 +11144,8 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
   if (Ee(e) || Ee(t)) return Ee(e) && Ee(t);
   const n = e.position === t.position || e.position === "dodge" && di(t);
   return e.coordType !== t.coordType || e.geom !== t.geom || !n ? !1 : e.coordType !== "polar" || t.coordType !== "polar" ? !0 : e.theta === t.theta && bt(e.innerRadius) === bt(t.innerRadius);
-}, bt = (e) => e >= xv, kv = 3, lf = ({ title: e, layout: t = "collapsible", preview: n }) => {
-  const a = W(), o = K(a), i = I(), { RadioGrid: l } = H(), s = E(() => ln.map(({ name: u, icon: p }) => ({
+}, bt = (e) => e >= xv, kv = 3, sf = ({ title: e, layout: t = "collapsible", preview: n }) => {
+  const a = $(), o = K(a), i = E(), { RadioGrid: l } = H(), s = O(() => ln.map(({ name: u, icon: p }) => ({
     value: u,
     label: i(`editor.graphTypes.${u}`),
     icon: /* @__PURE__ */ r(p, { size: "md" }),
@@ -11178,8 +11172,8 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
   "solid",
   "dashed",
   "dotted"
-], Lv = 8, Pv = 0, sf = ({ title: e, layout: t = "collapsible", preview: n }) => {
-  const a = W(), o = K(a), i = I(), { Slider: l, Switch: s, ToggleGroup: c } = H(), h = Nt(o);
+], Lv = 8, Pv = 0, cf = ({ title: e, layout: t = "collapsible", preview: n }) => {
+  const a = $(), o = K(a), i = E(), { Slider: l, Switch: s, ToggleGroup: c } = H(), h = Nt(o);
   if (!o || !h) return null;
   const d = o.guides.axes.filter(Iv);
   if (d.length === 0) return null;
@@ -11242,39 +11236,39 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
   "small",
   "medium",
   "large"
-], cf = ({ title: e, layout: t = "collapsible", preview: n }) => {
-  const a = W(), o = K(a), i = I(), { Switch: l, ToggleGroup: s } = H();
+], df = ({ title: e, layout: t = "collapsible", preview: n }) => {
+  const a = $(), o = K(a), i = E(), { Switch: l, ToggleGroup: s } = H();
   if (!o) return null;
-  const c = o.config.headline, h = c.show !== "none", d = o.coordSystem, u = d.type === "polar", p = d.type === "polar" && d.innerRadius > 0, v = o.layers.some((M) => M.summary.grandTotal !== void 0);
+  const c = o.config.headline, h = c.show !== "none", d = o.coordSystem, u = d.type === "polar", p = d.type === "polar" && d.innerRadius > 0, v = o.layers.some((R) => R.summary.grandTotal !== void 0);
   if (u && !v) return null;
-  const m = u ? Mv : ui, f = o.guides.headline, b = f?.kind === "perGroup" && f.items.some((M) => M.comparison !== null), x = m.map((M) => ({
-    value: M,
-    label: i(`editor.graphPanel.headlineNumberSection.metrics.${M}`)
-  })), w = Fr.map((M) => ({
-    value: M,
-    label: i(`editor.graphPanel.headlineNumberSection.comparison.${M}`)
-  })), C = zr.map((M) => ({
-    value: M,
-    label: i(M === "auto" ? "editor.graphPanel.numberFormat.options.auto" : `editor.graphPanel.headlineNumberSize.sizes.${M}`)
+  const m = u ? Mv : ui, f = o.guides.headline, b = f?.kind === "perGroup" && f.items.some((R) => R.comparison !== null), x = m.map((R) => ({
+    value: R,
+    label: i(`editor.graphPanel.headlineNumberSection.metrics.${R}`)
+  })), w = Fr.map((R) => ({
+    value: R,
+    label: i(`editor.graphPanel.headlineNumberSection.comparison.${R}`)
+  })), C = zr.map((R) => ({
+    value: R,
+    label: i(R === "auto" ? "editor.graphPanel.numberFormat.options.auto" : `editor.graphPanel.headlineNumberSize.sizes.${R}`)
   })), S = [{
     value: "above",
     label: i("editor.graphPanel.headlineNumberSection.position.above")
   }, {
     value: "center",
     label: i("editor.graphPanel.headlineNumberSection.position.center")
-  }], P = (M) => {
-    a.commands.dispatch(new Gn({ show: M ? Ov : "none" }));
-  }, k = (M) => {
-    const N = m.find((y) => y === M);
-    N && a.commands.dispatch(new Gn({ show: N }));
-  }, T = (M) => {
-    const N = Fr.find((y) => y === M);
-    N && a.commands.dispatch(new Vl({ compareWith: N }));
-  }, F = (M) => {
-    const N = zr.find((y) => y === M);
-    N && a.commands.dispatch(new Wl({ size: N }));
-  }, D = (M) => {
-    a.commands.dispatch(new $l({ position: M === "center" ? "center" : "above" }));
+  }], I = (R) => {
+    a.commands.dispatch(new Gn({ show: R ? Ov : "none" }));
+  }, L = (R) => {
+    const k = m.find((y) => y === R);
+    k && a.commands.dispatch(new Gn({ show: k }));
+  }, T = (R) => {
+    const k = Fr.find((y) => y === R);
+    k && a.commands.dispatch(new Vl({ compareWith: k }));
+  }, _ = (R) => {
+    const k = zr.find((y) => y === R);
+    k && a.commands.dispatch(new Wl({ size: k }));
+  }, W = (R) => {
+    a.commands.dispatch(new $l({ position: R === "center" ? "center" : "above" }));
   };
   return /* @__PURE__ */ r(j, {
     title: e ?? i("editor.graphPanel.headlineNumberSection.title"),
@@ -11284,7 +11278,7 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
       label: i("editor.graphPanel.headlineNumberSection.toggle"),
       children: /* @__PURE__ */ r(l, {
         isChecked: h,
-        onChange: P
+        onChange: I
       })
     }), h && /* @__PURE__ */ g(q, { children: [
       x.length > 1 && /* @__PURE__ */ r(A, {
@@ -11293,7 +11287,7 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
         children: /* @__PURE__ */ r(s, {
           value: c.show,
           options: x,
-          onChange: k
+          onChange: L
         })
       }),
       b && /* @__PURE__ */ r(A, {
@@ -11310,7 +11304,7 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
         children: /* @__PURE__ */ r(s, {
           value: c.size,
           options: C,
-          onChange: F
+          onChange: _
         })
       }),
       p && /* @__PURE__ */ r(A, {
@@ -11318,7 +11312,7 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
         children: /* @__PURE__ */ r(s, {
           value: c.position,
           options: S,
-          onChange: D
+          onChange: W
         })
       })
     ] })] })
@@ -11326,7 +11320,8 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
 }, Nv = (e, t) => {
   const n = ui.find((a) => a === t);
   return n && e(`editor.graphPanel.headlineNumberSection.metrics.${n}`);
-}, Wt = [
+};
+var Wt = [
   "top",
   "bottom",
   "left",
@@ -11337,12 +11332,21 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
   "start",
   "center",
   "end"
-], Hr = [
+], Rv = {
+  row: {
+    start: "left",
+    end: "right"
+  },
+  column: {
+    start: "top",
+    end: "bottom"
+  }
+}, Hr = [
   "auto",
   "pill",
   "direct"
-], df = ({ positions: e, title: t, layout: n = "collapsible", preview: a }) => {
-  const o = W(), i = K(o), l = I(), { ToggleGroup: s } = H();
+], uf = ({ positions: e, title: t, layout: n = "collapsible", preview: a }) => {
+  const o = $(), i = K(o), l = E(), { ToggleGroup: s } = H();
   if (!i) return null;
   const c = i.config.legend.position, h = e ?? Wt, d = i.guides.legends.drawn[0], u = ys({
     legendPosition: i.guides.legends.position,
@@ -11350,29 +11354,29 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
     layers: i.layers
   }), p = i.guides.headline?.kind === "perGroup", v = i.guides.colorGroups.length > 0;
   if (c === "auto" && d === void 0 && !u && (p || !v)) return null;
-  const m = d?.position ?? "none", f = c === "auto" ? m : c, b = Wt.filter((D) => D === f || h.includes(D)).map((D) => ({
-    value: D,
-    label: l(`editor.graphPanel.legendSection.${D}`)
-  })), x = (D) => {
-    const M = Wt.find((N) => N === D);
-    M && o.commands.dispatch(new Zl({ position: M }));
-  }, w = (D) => {
-    const M = Br.find((N) => N === D);
-    M && o.commands.dispatch(new ql({ align: M }));
-  }, C = (D) => {
-    const M = Hr.find((N) => N === D);
-    M && o.commands.dispatch(new Xl({ display: M }));
-  }, S = Br.map((D) => ({
-    value: D,
-    label: l(`editor.graphPanel.legendSection.align.${D}`)
-  })), P = Hr.map((D) => ({
-    value: D,
-    label: l(`editor.graphPanel.legendSection.display.${D}`)
-  })), k = t ?? l("editor.graphPanel.legendSection.title"), T = b.find((D) => D.value === f)?.label, F = d !== void 0;
+  const m = d?.position ?? "none", f = c === "auto" ? m : c, b = Wt.filter((k) => k === f || h.includes(k)).map((k) => ({
+    value: k,
+    label: l(`editor.graphPanel.legendSection.${k}`)
+  })), x = (k) => {
+    const y = Wt.find((z) => z === k);
+    y && o.commands.dispatch(new Zl({ position: y }));
+  }, w = (k) => {
+    const y = Br.find((z) => z === k);
+    y && o.commands.dispatch(new ql({ align: y }));
+  }, C = (k) => {
+    const y = Hr.find((z) => z === k);
+    y && o.commands.dispatch(new Xl({ display: y }));
+  }, S = d?.position === "left" || d?.position === "right" ? "column" : "row", I = (k) => l(k === "start" || k === "end" ? `editor.graphPanel.legendSection.${Rv[S][k]}` : `editor.graphPanel.legendSection.align.${k}`), L = Br.map((k) => ({
+    value: k,
+    label: I(k)
+  })), T = Hr.map((k) => ({
+    value: k,
+    label: l(`editor.graphPanel.legendSection.display.${k}`)
+  })), _ = t ?? l("editor.graphPanel.legendSection.title"), W = b.find((k) => k.value === f)?.label, R = d !== void 0;
   return /* @__PURE__ */ r(j, {
-    title: k,
+    title: _,
     layout: n,
-    preview: a ?? T,
+    preview: a ?? W,
     children: /* @__PURE__ */ g(te, { children: [
       /* @__PURE__ */ r(A, {
         label: l("editor.axesPanel.controls.position"),
@@ -11383,13 +11387,17 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
           onChange: x
         })
       }),
-      F && /* @__PURE__ */ r(A, {
+      R && /* @__PURE__ */ r(A, {
         label: l("editor.graphPanel.legendSection.alignLabel"),
         layout: "stack",
-        children: /* @__PURE__ */ r(s, {
-          value: i.config.legend.align,
-          options: S,
-          onChange: w
+        children: /* @__PURE__ */ r("div", {
+          dir: S === "row" ? "ltr" : void 0,
+          className: "_1v6dqrh0",
+          children: /* @__PURE__ */ r(s, {
+            value: i.config.legend.align,
+            options: L,
+            onChange: w
+          })
         })
       }),
       u && /* @__PURE__ */ r(A, {
@@ -11397,14 +11405,14 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
         layout: "stack",
         children: /* @__PURE__ */ r(s, {
           value: i.config.legend.display,
-          options: P,
+          options: T,
           onChange: C
         })
       })
     ] })
   });
-}, Rv = 1, Dv = 20, _v = 0.5, hi = ({ layerId: e }) => {
-  const t = W(), n = K(t), { Slider: a } = H(), o = Rn(n, e, "point");
+}, Dv = 1, _v = 20, Fv = 0.5, hi = ({ layerId: e }) => {
+  const t = $(), n = K(t), { Slider: a } = H(), o = Rn(n, e, "point");
   if (!n) return null;
   const i = (l) => {
     const s = new ns({
@@ -11415,35 +11423,35 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
   };
   return /* @__PURE__ */ r(a, {
     value: o?.get("size") ?? Tl,
-    min: Rv,
-    max: Dv,
-    step: _v,
+    min: Dv,
+    max: _v,
+    step: Fv,
     formatValue: Rt,
     onChange: i,
     onCommit: t.commands.commit
   });
-}, Fv = 1, zv = 10, Bv = 0.1, Hv = [
+}, zv = 1, Bv = 10, Hv = 0.1, Gv = [
   "gap",
   "zero",
   "connect"
-], uf = ({ title: e, layout: t = "collapsible", preview: n }) => {
-  const a = W(), o = K(a), i = I(), { Select: l, Slider: s, Switch: c, ToggleGroup: h } = H(), d = o?.spec.layers ?? [], u = xa(d, "line", "area"), p = Rn(o, u?.id ?? null, "line");
+], hf = ({ title: e, layout: t = "collapsible", preview: n }) => {
+  const a = $(), o = K(a), i = E(), { Select: l, Slider: s, Switch: c, ToggleGroup: h } = H(), d = o?.spec.layers ?? [], u = xa(d, "line", "area"), p = Rn(o, u?.id ?? null, "line");
   if (!o || !u) return null;
-  const v = o.coordSystem.type === "polar", m = $v(i, u), f = Vv(u, d), b = fs(u.geom, u.id), x = De(o.spec), w = o.spec.styles.overrides, C = Wn(w, b, x), S = Wn(lc(w, b, x), b, x), P = C?.strokeWidth, k = typeof P == "number", T = S?.strokeWidth !== void 0, F = u.geom === "line" ? u : void 0, D = [{
+  const v = o.coordSystem.type === "polar", m = Wv(i, u), f = $v(u, d), b = fs(u.geom, u.id), x = De(o.spec), w = o.spec.styles.overrides, C = Wn(w, b, x), S = Wn(lc(w, b, x), b, x), I = C?.strokeWidth, L = typeof I == "number", T = S?.strokeWidth !== void 0, _ = u.geom === "line" ? u : void 0, W = [{
     value: "auto",
     label: i("editor.graphPanel.numberFormat.options.auto"),
     isDisabled: T
   }, {
     value: "custom",
     label: i("editor.graphPanel.numberFormat.options.custom")
-  }], M = (oe) => {
+  }], R = (oe) => {
     a.commands.dispatch(new ps({
       layerId: u.id,
       showPoints: oe
     }));
-  }, N = (oe) => {
-    F && a.commands.dispatch(new hs({
-      layerId: F.id,
+  }, k = (oe) => {
+    _ && a.commands.dispatch(new hs({
+      layerId: _.id,
       showFill: oe
     }));
   }, y = (oe) => {
@@ -11451,7 +11459,7 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
       layerId: u.id,
       curve: oe ? "smooth" : "linear"
     }));
-  }, V = (oe) => {
+  }, z = (oe) => {
     const Be = p?.get("strokeWidth") ?? Al;
     a.commands.dispatch(new Vn({
       layerId: u.id,
@@ -11463,7 +11471,7 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
       lineWidth: oe
     }), { transient: !0 });
   }, xe = (oe) => {
-    const Be = Gv(oe);
+    const Be = Vv(oe);
     Be && a.commands.dispatch(new Jl({
       layerId: u.id,
       missingValues: Be
@@ -11478,18 +11486,18 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
         label: i("editor.graphPanel.graphOptions.showPoints"),
         children: /* @__PURE__ */ r(c, {
           isChecked: f !== void 0,
-          onChange: M
+          onChange: R
         })
       }),
       f && /* @__PURE__ */ r(A, {
         label: i("editor.graphPanel.pointSize.label"),
         children: /* @__PURE__ */ r(hi, { layerId: f.id })
       }),
-      F && !v && /* @__PURE__ */ r(A, {
+      _ && !v && /* @__PURE__ */ r(A, {
         label: i("editor.graphPanel.graphOptions.lineFill"),
         children: /* @__PURE__ */ r(c, {
           isChecked: (C?.fillAlpha ?? 0) > 0,
-          onChange: N
+          onChange: k
         })
       }),
       !v && /* @__PURE__ */ r(A, {
@@ -11502,18 +11510,18 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
       /* @__PURE__ */ r(A, {
         label: i("editor.graphPanel.lineThickness.label"),
         children: /* @__PURE__ */ r(h, {
-          value: k ? "custom" : "auto",
-          options: D,
-          onChange: V
+          value: L ? "custom" : "auto",
+          options: W,
+          onChange: z
         })
       }),
-      k && /* @__PURE__ */ r(A, {
+      L && /* @__PURE__ */ r(A, {
         label: i("editor.graphPanel.numberFormat.valueLabel"),
         children: /* @__PURE__ */ r(s, {
-          value: P,
-          min: Fv,
-          max: zv,
-          step: Bv,
+          value: I,
+          min: zv,
+          max: Bv,
+          step: Hv,
           formatValue: Rt,
           onChange: re,
           onCommit: a.commands.commit
@@ -11529,7 +11537,7 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
       })
     ] })
   });
-}, Gv = (e) => Hv.find((t) => t === e), Vv = (e, t) => Ut(t, "point").find((n) => wa(n, [e])), $v = (e, t) => {
+}, Vv = (e) => Gv.find((t) => t === e), $v = (e, t) => Ut(t, "point").find((n) => wa(n, [e])), Wv = (e, t) => {
   const n = [{
     value: "gap",
     label: e("editor.graphPanel.treatEmptyValues.leaveGap.label")
@@ -11541,26 +11549,26 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
     value: "connect",
     label: e("editor.graphPanel.treatEmptyValues.connectGaps.label")
   }), t.geom === "area" ? n.filter((a) => a.value !== "gap") : n;
-}, sn = "\0none", Wv = [
+}, sn = "\0none", Uv = [
   "x",
   "y",
   "color",
   "size",
   "label"
-], Uv = {
+], Kv = {
   x: "editor.graphPanel.mappingSection.x",
   y: "editor.graphPanel.mappingSection.y",
   color: "editor.graphPanel.mappingSection.color",
   size: "editor.graphPanel.mappingSection.size",
   label: "editor.graphPanel.mappingSection.label"
-}, hf = ({ title: e, layout: t = "collapsible" }) => {
-  const n = W(), a = K(n), o = I(), { Select: i } = H(), l = o("editor.graphPanel.mappingSection.none"), s = a?.spec, c = E(() => s === void 0 ? [] : Js(s, Wv).map(({ aesthetic: h, variables: d, isRequired: u }) => {
+}, pf = ({ title: e, layout: t = "collapsible" }) => {
+  const n = $(), a = K(n), o = E(), { Select: i } = H(), l = o("editor.graphPanel.mappingSection.none"), s = a?.spec, c = O(() => s === void 0 ? [] : Js(s, Uv).map(({ aesthetic: h, variables: d, isRequired: u }) => {
     const p = Qs(s.mapping, h);
     return {
       aesthetic: h,
-      label: o(Uv[h]),
+      label: o(Kv[h]),
       value: p ?? (u ? null : sn),
-      options: Kv(d, p, u ? null : l),
+      options: qv(d, p, u ? null : l),
       chooseColumn: (v) => {
         n.commands.dispatch(new Ql({
           aesthetic: h,
@@ -11587,7 +11595,7 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
       })
     }, h)) })
   }) : null;
-}, Kv = (e, t, n) => {
+}, qv = (e, t, n) => {
   const a = t !== null && !e.includes(t) ? [t, ...e] : e;
   return [...n === null ? [] : [{
     value: sn,
@@ -11596,7 +11604,7 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
     value: o,
     label: o
   }))];
-}, qv = "k", Xv = 2, jv = 0, Zv = 5, cn = [
+}, Xv = "k", jv = 2, Zv = 0, Yv = 5, cn = [
   {
     value: "k",
     labelKey: "thousands"
@@ -11609,10 +11617,10 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
     value: "b",
     labelKey: "billions"
   }
-], Yv = ["auto", "none"], pf = ({ title: e, layout: t = "collapsible", preview: n }) => {
-  const a = W(), o = K(a), i = I(), { NumberField: l, ToggleGroup: s } = H();
+], Jv = ["auto", "none"], mf = ({ title: e, layout: t = "collapsible", preview: n }) => {
+  const a = $(), o = K(a), i = E(), { NumberField: l, ToggleGroup: s } = H();
   if (!o) return null;
-  const { abbreviation: c, decimals: h } = o.config.numberFormat, d = Jv(c) !== void 0, u = h !== "auto", p = (C) => C.map((S) => ({
+  const { abbreviation: c, decimals: h } = o.config.numberFormat, d = Qv(c) !== void 0, u = h !== "auto", p = (C) => C.map((S) => ({
     value: S,
     label: i(`editor.graphPanel.numberFormat.options.${S}`)
   })), v = cn.map(({ value: C, labelKey: S }) => ({
@@ -11621,13 +11629,13 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
   })), m = (C) => {
     a.commands.dispatch(new es({ abbreviation: C }));
   }, f = (C) => {
-    const S = Yv.find((P) => P === C);
-    m(S ?? qv);
+    const S = Jv.find((I) => I === C);
+    m(S ?? Xv);
   }, b = (C) => {
-    const S = cn.find((P) => P.value === C);
+    const S = cn.find((I) => I.value === C);
     S && m(S.value);
   }, x = (C) => {
-    a.commands.dispatch(new $n({ decimals: C === "custom" ? Xv : "auto" }));
+    a.commands.dispatch(new $n({ decimals: C === "custom" ? jv : "auto" }));
   }, w = (C) => {
     C !== null && a.commands.dispatch(new $n({ decimals: C }), { transient: !0 });
   };
@@ -11668,18 +11676,18 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
         label: i("editor.graphPanel.numberFormat.valueLabel"),
         children: /* @__PURE__ */ r(l, {
           value: h,
-          min: jv,
-          max: Zv,
+          min: Zv,
+          max: Yv,
           onChange: w,
           onCommit: a.commands.commit
         })
       })
     ] })
   });
-}, Jv = (e) => cn.find((t) => t.value === e), mf = ({ title: e, layout: t = "collapsible", preview: n }) => {
-  const a = K(W()), o = I();
+}, Qv = (e) => cn.find((t) => t.value === e), gf = ({ title: e, layout: t = "collapsible", preview: n }) => {
+  const a = K($()), o = E();
   if (!a) return null;
-  const i = Qv(a.spec.layers);
+  const i = e5(a.spec.layers);
   return i ? /* @__PURE__ */ r(j, {
     title: e ?? o("editor.graphPanel.pointSize.label"),
     layout: t,
@@ -11689,11 +11697,11 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
       children: /* @__PURE__ */ r(hi, { layerId: i.id })
     }) })
   }) : null;
-}, Qv = (e) => {
+}, e5 = (e) => {
   const t = Ut(e, "line", "area");
   return Ut(e, "point").find((n) => !wa(n, t));
-}, e5 = 0.9, t5 = 360, n5 = 0.05, r5 = 15, gf = ({ title: e, layout: t = "collapsible", preview: n }) => {
-  const a = W(), o = K(a), i = I(), { Slider: l } = H();
+}, t5 = 0.9, n5 = 360, r5 = 0.05, a5 = 15, vf = ({ title: e, layout: t = "collapsible", preview: n }) => {
+  const a = $(), o = K(a), i = E(), { Slider: l } = H();
   if (!o || o.spec.coords.coordType !== "polar") return null;
   const { innerRadius: s, startAngle: c } = o.spec.coords.params, h = (u) => {
     a.commands.dispatch(new rs({ innerRadius: u }), { transient: !0 });
@@ -11709,8 +11717,8 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
       children: /* @__PURE__ */ r(l, {
         value: s,
         min: 0,
-        max: e5,
-        step: n5,
+        max: t5,
+        step: r5,
         formatValue: ci,
         onChange: h,
         onCommit: a.commands.commit
@@ -11720,15 +11728,15 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
       children: /* @__PURE__ */ r(l, {
         value: c,
         min: 0,
-        max: t5 - 1,
-        step: r5,
+        max: n5 - 1,
+        step: a5,
         formatValue: F0,
         onChange: d,
         onCommit: a.commands.commit
       })
     })] })
   });
-}, a5 = (e) => /* @__PURE__ */ g(L, {
+}, o5 = (e) => /* @__PURE__ */ g(P, {
   ...e,
   children: [
     /* @__PURE__ */ r("path", {
@@ -11751,7 +11759,7 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
       fill: "currentColor"
     })
   ]
-}), Gr = (e) => /* @__PURE__ */ g(L, {
+}), Gr = (e) => /* @__PURE__ */ g(P, {
   ...e,
   children: [
     /* @__PURE__ */ r("path", {
@@ -11782,26 +11790,26 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
   "logarithmic",
   "power",
   "loess"
-], o5 = "linear", vf = ({ title: e, layout: t = "collapsible", preview: n }) => {
-  const a = W(), o = K(a), i = I(), { Select: l, Switch: s } = H(), { options: c, findValue: h } = Co(o);
+], i5 = "linear", ff = ({ title: e, layout: t = "collapsible", preview: n }) => {
+  const a = $(), o = K(a), i = E(), { Select: l, Switch: s } = H(), { options: c, findValue: h } = Co(o);
   if (!o || o.coordSystem.type === "polar") return null;
-  const d = Rs(o.spec.layers), u = Ps(o.spec.layers), p = d?.stat.type === "smooth" ? d.stat.method : o5, v = i5(u), m = Vr.map((S) => ({
+  const d = Rs(o.spec.layers), u = Ps(o.spec.layers), p = d?.stat.type === "smooth" ? d.stat.method : i5, v = l5(u), m = Vr.map((S) => ({
     value: S,
     label: i(`editor.annotationsPanel.trendType.options.${S}`)
-  })), f = (S, P = {}) => {
-    const k = d ?? u, T = new ss({
+  })), f = (S, I = {}) => {
+    const L = d ?? u, T = new ss({
       line: S,
-      ...P,
-      ...k !== void 0 && { layerId: k.id },
+      ...I,
+      ...L !== void 0 && { layerId: L.id },
       label: i("editor.annotationsPanel.trendsAndAveragesSection.average")
     });
     a.commands.dispatch(T);
   }, b = (S) => f(S ? "trend" : "none", { method: p }), x = (S) => f(S ? "average" : "none", { group: v ?? h(c[0]?.value ?? "") }), w = (S) => {
-    const P = Vr.find((k) => k === S);
-    P !== void 0 && f("trend", { method: P });
+    const I = Vr.find((L) => L === S);
+    I !== void 0 && f("trend", { method: I });
   }, C = (S) => {
-    const P = S === null ? void 0 : h(S);
-    P !== void 0 && f("average", { group: P });
+    const I = S === null ? void 0 : h(S);
+    I !== void 0 && f("average", { group: I });
   };
   return /* @__PURE__ */ r(j, {
     title: e ?? i("editor.annotationsPanel.trendsAndAveragesSection.title"),
@@ -11827,7 +11835,7 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
       }),
       /* @__PURE__ */ r(A, {
         label: i("editor.annotationsPanel.trendsAndAveragesSection.average"),
-        icon: /* @__PURE__ */ r(a5, { size: "lg" }),
+        icon: /* @__PURE__ */ r(o5, { size: "lg" }),
         children: /* @__PURE__ */ r(s, {
           isChecked: u !== void 0,
           onChange: x
@@ -11845,45 +11853,45 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
       })
     ] })
   });
-}, i5 = (e) => {
+}, l5 = (e) => {
   const t = e?.transforms.find((n) => n.transformType === "filter")?.options.value;
   return t instanceof Date ? t.getTime() : t;
 };
 export {
-  ef as AppearanceSection,
-  Q5 as AxesPanel,
+  tf as AppearanceSection,
+  ef as AxesPanel,
   Mr as AxisSection,
-  tf as BarSection,
+  nf as BarSection,
   hd as Button,
-  nf as CalloutsSection,
+  rf as CalloutsSection,
   P0 as CaptionSection,
   dd as ColorSwatches,
-  rf as ComboSection,
+  af as ComboSection,
   pu as ControlRegistryProvider,
   Ja as ControlTooltip,
   kd as CustomColor,
-  Z5 as EditableGraphRenderer,
+  Y5 as EditableGraphRenderer,
   li as EditorPanel,
-  J5 as ElementsPanel,
-  af as GoalSection,
-  of as GraphOptionsSection,
-  lf as GraphTypeSection,
-  sf as GridSection,
-  cf as HeadlineSection,
+  Q5 as ElementsPanel,
+  of as GoalSection,
+  lf as GraphOptionsSection,
+  sf as GraphTypeSection,
+  cf as GridSection,
+  df as HeadlineSection,
   ed as IntlProvider,
-  df as LegendSection,
-  uf as LineSection,
-  hf as MappingSection,
+  uf as LegendSection,
+  hf as LineSection,
+  pf as MappingSection,
   Ed as NumberField,
-  pf as NumberFormatSection,
+  mf as NumberFormatSection,
   u0 as PANEL_ROOT_ATTRIBUTE,
-  mf as PointSection,
-  gf as PolarSection,
+  gf as PointSection,
+  vf as PolarSection,
   Fd as RadioGrid,
   A as Row,
   j as Section,
   Kd as Select,
-  Y5 as Separator,
+  J5 as Separator,
   tu as Slider,
   E0 as SourceSection,
   M0 as SubtitleSection,
@@ -11893,8 +11901,8 @@ export {
   _0 as TitleSection,
   eo as ToggleGroup,
   w0 as ToggledSection,
-  vf as TrendsAndAveragesSection,
+  ff as TrendsAndAveragesSection,
   H as useControls,
   c0 as usePanelExpansion,
-  W as usePanelGraph
+  $ as usePanelGraph
 };