@graphysdk/react-renderer 1.9.0-beta.1790948557396 → 1.9.0-beta.1790955208938

package/dist/editable.mjs

@@ -1,17 +1,17 @@
-import { $ as nn, $t as De, At as li, C as si, Ct as ci, D as di, Dt as Ue, E as ui, F as k, G as hi, Gt as pi, H as mi, J as gi, Jt as vi, K as En, Kt as fi, Lt as bi, N as yi, O as _r, Ot as j, P as Si, Q as Fr, Qt as rn, R as Ci, Rt as zr, S as xi, St as wi, T as xe, U as X, V as Ti, Vt as Ai, W as H, X as an, Y as $, Yt as ki, Z as on, Zt as Br, _ as Ie, _t as Li, an as Pi, at as Ii, b as Hr, c as Gr, cn as Vr, ct as Ei, d as Oi, dt as ln, et as ut, f as Mi, fn as D, g as $r, gt as E, h as sn, ht as Ni, i as Ri, k as ht, kt as Di, l as _i, lt as re, m as Fi, mn as z, mt as zi, n as he, nn as Bi, nt as Ur, o as Hi, ot as Gi, p as Wr, q as Vi, qt as $i, r as W, rn as Ui, rt as Kr, st as On, t as Wi, tt as Ki, u as qi, un as Q, v as Xi, wt as pe, x as Zi, xt as ji, y as Yi, yt as Ee } from "./history-chords-QgptrcvB.js";
-import { n as ge, t as qr } from "./theme.contract.css-AyXDNf0F.js";
-import { ARROW_DEFAULTS as Ji, ARROW_STICKER_DECLARATIONS as Qi, ARROW_STROKE_WIDTHS_PX as Ot, AddAnnotationCommand as ye, AddHighlightCommand as el, BORDER_RADIUS_TOKENS as Mn, COMBO_TYPES as Nn, CONSTANT_VARIABLES as tl, DASH_PRESETS as nl, DEFAULT_BAR_CORNER_RADIUS as rl, DEFAULT_GEOM_COLOR as al, DEFAULT_POINT_SIZE_PX as ol, DEFAULT_STROKE_WIDTH_PX as il, DIFFERENCE_ARROW_DEFAULTS as Xr, DIFFERENCE_ARROW_SIZE_DECLARATIONS as Rn, InternalError as ll, MAX_BAR_WIDTH_FRACTION as sl, MIN_BAR_WIDTH_FRACTION as cl, MoveAnnotationCommand as dl, RESTING_HOVER_STATE as cn, RemoveAnnotationCommand as ze, RemoveHighlightCommand as ul, SHAPE_DEFAULTS as hl, SetAxisLabelCommand as pl, SetAxisPositionCommand as ml, SetAxisTickModeCommand as gl, SetAxisTicksVisibilityCommand as vl, SetAxisVisibilityCommand as fl, SetBarCornerRadiusCommand as bl, SetBarWidthCommand as yl, SetChartTypeCommand as Zr, SetContentCaptionCommand as jr, SetContentSourceCommand as Sl, SetContentSubtitleCommand as Yr, SetContentTitleCommand as Jr, SetDataLabelsFormatCommand as Cl, SetDifferenceArrowStyleCommand as xl, SetGridLineStyleCommand as wl, SetGridLineWidthCommand as Tl, SetGridVisibilityCommand as Al, SetHeadlineCompareWithCommand as kl, SetHeadlinePositionCommand as Ll, SetHeadlineShowCommand as Dn, SetHeadlineSizeCommand as Pl, SetHighlightDimStyleCommand as Il, SetLayerYScaleTypeCommand as El, SetLegendAlignCommand as Ol, SetLegendDisplayCommand as Ml, SetLegendPositionCommand as Nl, SetLineCurveCommand as Rl, SetLineMissingValuesCommand as Dl, SetLineWidthCommand as _n, SetMappingCommand as _l, SetNumberFormatAbbreviationCommand as Fl, SetNumberFormatDecimalsCommand as Fn, SetPointSizeCommand as zl, SetPolarInnerRadiusCommand as Bl, SetPolarStartAngleCommand as Hl, SetRuleLabelCommand as Gl, SetRuleValueCommand as Vl, SetScaleDomainCommand as Mt, SetScaleReverseCommand as $l, SetScaleTransformCommand as Ul, SetStatLineCommand as Wl, SetStyleRuleCommand as ke, TEXT_ANNOTATION_DEFAULTS as Kl, TEXT_ANNOTATION_FADE_ALPHA as ql, ToggleCategoryLabelsCommand as Xl, ToggleContentVisibilityCommand as pt, ToggleDataLabelsCommand as Zl, ToggleGoalLineCommand as jl, ToggleLineFillCommand as Yl, ToggleLinePointsCommand as Jl, ToggleStackTotalsCommand as Ql, UpdateAnnotationCommand as le, alignUnitFractions as es, areAnchorsEqual as Qr, areEditTargetsEqual as ea, areEndpointsComparable as ts, buildEditMenuTriggerRegion as ns, buildLayerStyleAddress as rs, buildObservationPredicate as as, buildObservationsTarget as mt, buildObservationsTargetAtValue as ta, canAnchorDirectLabels as os, canBecomeCombo as is, canBecomeHeatmap as ls, clampAnnotationTranslation as ss, computeArrow as na, createObservationAnchorBuilder as cs, createObservationAnchorParser as ds, createStyleResolver as us, createValueFormatter as ra, createXValueReader as hs, filterLayersByGeoms as zt, findAnnotation as ps, findAverageLineLayer as ms, findAxisGuide as gs, findCompanionLayers as aa, findGoalLineLayer as vs, findHighlightsAtObservation as fs, findKindStyleDeclarations as bs, findLayerByGeom as oa, findLayerById as ve, findObservationAttachment as ys, findStyleRule as Ce, findTrendLineLayer as Ss, formatDifferenceLabel as Cs, getBoundingRect as Bt, getGroupVariables as xs, getXBand as ws, getYBand as Ts, hasMainAxisBand as As, hasMultipleGroups as ks, inferDefaultDifferenceArrowEndpoints as Ls, inferDifferenceArrowEndpoints as Ps, isComboChartType as Ae, isCompanionLayer as dn, isObservationAttachmentKind as Is, isPointWithinEditMenuTrigger as un, isSafeUrl as Es, isZeroAnchoredAxis as Os, measureObservationsBoxes as ia, projectAnchorToPanel as nt, readBroadestObservationsScope as Ms, readChartType as la, readComboLineLayerId as Ns, readCompanionRowsAtScopeKey as Rs, readConstantValue as Ds, readEditTargetKey as gt, readGeomColor as _s, readHighlightDimStyle as Fs, readMainAxis as zs, readMappableAesthetics as Bs, readMappedVariable as Hs, readObservationIndex as sa, readReachableLevels as Gs, readRowScopeKey as Vs, readRowsAtScopeKey as $s, readScopeXVariable as Us, readVariableName as vt, resolveArrowAnnotationStyle as hn, resolveBarBandFraction as Ws, resolveComparisonBasis as Ks, resolveDifferenceArrowAnnotationStyle as qs, resolveEditOutlineStyle as Xs, resolveObservationPoint as ca, resolveObservationsTarget as zn, stepDifferenceArrowEndpoint as Zs, toDashPreset as Ht, toPaintColor as rt, toPanelCursor as ft } from "@graphysdk/viz-engine";
-import { Fragment as js, createContext as Be, memo as da, useCallback as oe, useContext as we, useEffect as F, useId as Le, useLayoutEffect as Pe, useMemo as I, useRef as ne, useState as te } from "react";
+import { $ as rn, $t as De, At as li, C as si, Ct as ci, D as di, Dt as Ue, E as ui, F as k, G as hi, Gt as pi, H as mi, J as gi, Jt as vi, K as En, Kt as fi, Lt as bi, N as yi, O as _r, Ot as j, P as Si, Q as Fr, Qt as an, R as Ci, Rt as zr, S as xi, St as wi, T as xe, U as X, V as Ti, Vt as Ai, W as H, X as on, Y as $, Yt as ki, Z as ln, Zt as Br, _ as Ie, _t as Li, an as Pi, at as Ii, b as Hr, c as Gr, cn as Vr, ct as Ei, d as Oi, dt as ht, et as pt, f as Mi, fn as D, g as $r, gt as E, h as sn, ht as Ni, i as Ri, k as mt, kt as Di, l as _i, lt as re, m as Fi, mn as z, mt as zi, n as pe, nn as Bi, nt as Ur, o as Hi, ot as Gi, p as Wr, q as Vi, qt as $i, r as W, rn as Ui, rt as Kr, st as On, t as Wi, tt as Ki, u as qi, un as Q, v as Xi, wt as me, x as Zi, xt as ji, y as Yi, yt as Ee } from "./history-chords-CmDyvFwk.js";
+import { n as oe, t as qr } from "./theme.contract.css-AyXDNf0F.js";
+import { ARROW_DEFAULTS as Ji, ARROW_STICKER_DECLARATIONS as Qi, ARROW_STROKE_WIDTHS_PX as Mt, AddAnnotationCommand as ye, AddHighlightCommand as el, BORDER_RADIUS_TOKENS as Mn, COMBO_TYPES as Nn, CONSTANT_VARIABLES as tl, DASH_PRESETS as nl, DEFAULT_BAR_CORNER_RADIUS as rl, DEFAULT_GEOM_COLOR as al, DEFAULT_POINT_SIZE_PX as ol, DEFAULT_STROKE_WIDTH_PX as il, DIFFERENCE_ARROW_DEFAULTS as Xr, DIFFERENCE_ARROW_SIZE_DECLARATIONS as Rn, InternalError as ll, MAX_BAR_WIDTH_FRACTION as sl, MIN_BAR_WIDTH_FRACTION as cl, MoveAnnotationCommand as dl, RESTING_HOVER_STATE as cn, RemoveAnnotationCommand as ze, RemoveHighlightCommand as ul, SHAPE_DEFAULTS as hl, SetAxisLabelCommand as pl, SetAxisPositionCommand as ml, SetAxisTickModeCommand as gl, SetAxisTicksVisibilityCommand as vl, SetAxisVisibilityCommand as fl, SetBarCornerRadiusCommand as bl, SetBarWidthCommand as yl, SetChartTypeCommand as Zr, SetContentCaptionCommand as jr, SetContentSourceCommand as Sl, SetContentSubtitleCommand as Yr, SetContentTitleCommand as Jr, SetDataLabelsFormatCommand as Cl, SetDifferenceArrowStyleCommand as xl, SetGridLineStyleCommand as wl, SetGridLineWidthCommand as Tl, SetGridVisibilityCommand as Al, SetHeadlineCompareWithCommand as kl, SetHeadlinePositionCommand as Ll, SetHeadlineShowCommand as Dn, SetHeadlineSizeCommand as Pl, SetHighlightDimStyleCommand as Il, SetLayerYScaleTypeCommand as El, SetLegendAlignCommand as Ol, SetLegendDisplayCommand as Ml, SetLegendPositionCommand as Nl, SetLineCurveCommand as Rl, SetLineMissingValuesCommand as Dl, SetLineWidthCommand as _n, SetMappingCommand as _l, SetNumberFormatAbbreviationCommand as Fl, SetNumberFormatDecimalsCommand as Fn, SetPointSizeCommand as zl, SetPolarInnerRadiusCommand as Bl, SetPolarStartAngleCommand as Hl, SetRuleLabelCommand as Gl, SetRuleValueCommand as Vl, SetScaleDomainCommand as Nt, SetScaleReverseCommand as $l, SetScaleTransformCommand as Ul, SetStatLineCommand as Wl, SetStyleRuleCommand as ke, TEXT_ANNOTATION_DEFAULTS as Kl, TEXT_ANNOTATION_FADE_ALPHA as ql, ToggleCategoryLabelsCommand as Xl, ToggleContentVisibilityCommand as gt, ToggleDataLabelsCommand as Zl, ToggleGoalLineCommand as jl, ToggleLineFillCommand as Yl, ToggleLinePointsCommand as Jl, ToggleStackTotalsCommand as Ql, UpdateAnnotationCommand as se, alignUnitFractions as es, areAnchorsEqual as Qr, areEditTargetsEqual as ea, areEndpointsComparable as ts, buildEditMenuTriggerRegion as ns, buildLayerStyleAddress as rs, buildObservationPredicate as as, buildObservationsTarget as vt, buildObservationsTargetAtValue as ta, canAnchorDirectLabels as os, canBecomeCombo as is, canBecomeHeatmap as ls, clampAnnotationTranslation as ss, computeArrow as na, createObservationAnchorBuilder as cs, createObservationAnchorParser as ds, createStyleResolver as us, createValueFormatter as ra, createXValueReader as hs, filterLayersByGeoms as Bt, findAnnotation as ps, findAverageLineLayer as ms, findAxisGuide as gs, findCompanionLayers as aa, findGoalLineLayer as vs, findHighlightsAtObservation as fs, findKindStyleDeclarations as bs, findLayerByGeom as oa, findLayerById as ve, findObservationAttachment as ys, findStyleRule as Ce, findTrendLineLayer as Ss, formatDifferenceLabel as Cs, getBoundingRect as Ht, getGroupVariables as xs, getXBand as ws, getYBand as Ts, hasMainAxisBand as As, hasMultipleGroups as ks, inferDefaultDifferenceArrowEndpoints as Ls, inferDifferenceArrowEndpoints as Ps, isComboChartType as Ae, isCompanionLayer as dn, isObservationAttachmentKind as Is, isPointWithinEditMenuTrigger as un, isSafeUrl as Es, isZeroAnchoredAxis as Os, measureObservationsBoxes as ia, projectAnchorToPanel as rt, readBroadestObservationsScope as Ms, readChartType as la, readComboLineLayerId as Ns, readCompanionRowsAtScopeKey as Rs, readConstantValue as Ds, readEditTargetKey as ft, readGeomColor as _s, readHighlightDimStyle as Fs, readMainAxis as zs, readMappableAesthetics as Bs, readMappedVariable as Hs, readObservationIndex as sa, readReachableLevels as Gs, readRowScopeKey as Vs, readRowsAtScopeKey as $s, readScopeXVariable as Us, readVariableName as bt, resolveArrowAnnotationStyle as hn, resolveBarBandFraction as Ws, resolveComparisonBasis as Ks, resolveDifferenceArrowAnnotationStyle as qs, resolveEditOutlineStyle as Xs, resolveObservationPoint as ca, resolveObservationsTarget as zn, stepDifferenceArrowEndpoint as Zs, toDashPreset as Gt, toPaintColor as at, toPanelCursor as yt } from "@graphysdk/viz-engine";
+import { Fragment as js, createContext as Be, memo as da, useCallback as ie, useContext as we, useEffect as F, useId as Le, useLayoutEffect as Pe, useMemo as I, useRef as ne, useState as te } from "react";
 import { Fragment as Y, jsx as r, jsxs as m } from "react/jsx-runtime";
 import { motion as Ys } from "motion/react";
-import { useShallow as me } from "zustand/react/shallow";
-import { assignInlineVars as bt } from "@vanilla-extract/dynamic";
+import { useShallow as ge } from "zustand/react/shallow";
+import { assignInlineVars as We } from "@vanilla-extract/dynamic";
 import { createPortal as ua } from "react-dom";
 import fe from "clsx";
 import { autoUpdate as Js, flip as Qs, offset as ec, shift as tc, useFloating as nc } from "@floating-ui/react-dom";
 import { Extension as ha } from "@tiptap/core";
 import { Bold as rc } from "@tiptap/extension-bold";
-import { Document as at } from "@tiptap/extension-document";
+import { Document as ot } from "@tiptap/extension-document";
 import { HardBreak as ac } from "@tiptap/extension-hard-break";
 import { Heading as oc } from "@tiptap/extension-heading";
 import { Italic as ic } from "@tiptap/extension-italic";
@@ -27,7 +27,7 @@ import { Toolbar as be } from "@base-ui/react/toolbar";
 import { Tooltip as Re } from "@base-ui/react/tooltip";
 import { Popover as Z } from "@base-ui/react/popover";
 import { HexColorInput as vc, HexColorPicker as fc } from "react-colorful";
-import { Slider as ue } from "@base-ui/react/slider";
+import { Slider as he } from "@base-ui/react/slider";
 import { Menu as B } from "@base-ui/react/menu";
 import { Toggle as bc } from "@base-ui/react/toggle";
 import Fe from "lodash-es/clamp";
@@ -36,7 +36,7 @@ import { RadioGroup as fa } from "@base-ui/react/radio-group";
 import { Menu as Se } from "@base-ui/react";
 import { Accordion as Ge } from "@base-ui/react/accordion";
 import { NumberField as Bn } from "@base-ui/react/number-field";
-import { Select as ce } from "@base-ui/react/select";
+import { Select as de } from "@base-ui/react/select";
 import { Switch as Hn } from "@base-ui/react/switch";
 import { Input as yc } from "@base-ui/react/input";
 import './editable.css';var Sc = {
@@ -2469,7 +2469,7 @@ import './editable.css';var Sc = {
     }
   })
 ], Hc = ({ placeholder: e }) => [
-  at,
+  ot,
   ba,
   ...mn(),
   pa,
@@ -2477,26 +2477,26 @@ import './editable.css';var Sc = {
     showOnlyCurrent: !1,
     placeholder: ({ pos: t }) => t === 0 ? e : ""
   })
-], Gc = ({ isTitleVisible: e, isSubtitleVisible: t }) => e && t ? at.extend({ content: "block{2,}" }) : at, ya = "linear-gradient(to top right, transparent calc(50% - 1px), var(--graphy-alert) calc(50% - 1px), var(--graphy-alert) calc(50% + 1px), transparent calc(50% + 1px))", Vc = "d0bl00";
-var Sa = "d0bl03", $c = "d0bl04", Ca = "d0bl05", Gt = "d0bl06", Uc = "d0bl07", Wc = "d0bl08", xa = "d0bl09", Kc = "d0bl0a", qc = "d0bl0b", Xc = "d0bl0c", Zc = "d0bl0d", jc = "d0bl0e", Yc = "owf1yg0", Jc = "owf1yg1", Qc = "owf1yg2", ed = "owf1yg3", td = "owf1yg4", nd = 0.01, rd = ({ value: e, onChange: t, label: n }) => /* @__PURE__ */ r(ue.Root, {
+], Gc = ({ isTitleVisible: e, isSubtitleVisible: t }) => e && t ? ot.extend({ content: "block{2,}" }) : ot, ya = "linear-gradient(to top right, transparent calc(50% - 1px), var(--graphy-alert) calc(50% - 1px), var(--graphy-alert) calc(50% + 1px), transparent calc(50% + 1px))", Vc = "d0bl00";
+var Sa = "d0bl03", $c = "d0bl04", Ca = "d0bl05", Vt = "d0bl06", Uc = "d0bl07", Wc = "d0bl08", xa = "d0bl09", Kc = "d0bl0a", qc = "d0bl0b", Xc = "d0bl0c", Zc = "d0bl0d", jc = "d0bl0e", Yc = "owf1yg0", Jc = "owf1yg1", Qc = "owf1yg2", ed = "owf1yg3", td = "owf1yg4", nd = 0.01, rd = ({ value: e, onChange: t, label: n }) => /* @__PURE__ */ r(he.Root, {
   className: Yc,
   value: e,
   onValueChange: (a) => t(a),
   min: 0,
   max: 1,
   step: nd,
-  children: /* @__PURE__ */ r(ue.Control, {
+  children: /* @__PURE__ */ r(he.Control, {
     className: Jc,
-    children: /* @__PURE__ */ m(ue.Track, {
+    children: /* @__PURE__ */ m(he.Track, {
       className: Qc,
-      children: [/* @__PURE__ */ r(ue.Indicator, { className: ed }), /* @__PURE__ */ r(ue.Thumb, {
+      children: [/* @__PURE__ */ r(he.Indicator, { className: ed }), /* @__PURE__ */ r(he.Thumb, {
         className: td,
         "aria-label": n
       })]
     })
   })
-}), wa = "transparent", Vt = qr.map((e) => ge[e]), ad = Object.fromEntries(qr.map((e) => [ge[e], e])), od = (e) => Vt.some((t) => Aa(t, e)), id = ({ color: e, onChange: t, isOpen: n, onOpenChange: a, children: o, label: i, popupAttributes: l, opacity: s, onOpacityChange: c, hasTransparentOption: u = !1 }) => {
-  const d = E(), h = sd(), p = u ? [wa, ...Vt] : Vt, g = (v) => {
+}), wa = "transparent", $t = qr.map((e) => oe[e]), ad = Object.fromEntries(qr.map((e) => [oe[e], e])), od = (e) => $t.some((t) => Aa(t, e)), id = ({ color: e, onChange: t, isOpen: n, onOpenChange: a, children: o, label: i, popupAttributes: l, opacity: s, onOpacityChange: c, hasTransparentOption: u = !1 }) => {
+  const d = E(), h = sd(), p = u ? [wa, ...$t] : $t, g = (v) => {
     t(v), a(!1);
   };
   return /* @__PURE__ */ m(Z.Root, {
@@ -2512,7 +2512,7 @@ var Sa = "d0bl03", $c = "d0bl04", Ca = "d0bl05", Gt = "d0bl06", Uc = "d0bl07", W
         style: { background: e ?? "transparent" }
       })
     }), /* @__PURE__ */ r(Z.Portal, {
-      container: pe(),
+      container: me(),
       children: /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r(Z.Positioner, {
         sideOffset: 6,
         align: "start",
@@ -2560,7 +2560,7 @@ var Sa = "d0bl03", $c = "d0bl04", Ca = "d0bl05", Gt = "d0bl06", Uc = "d0bl07", W
   return /* @__PURE__ */ m("div", {
     className: Ca,
     children: [/* @__PURE__ */ r("div", {
-      className: Gt,
+      className: Vt,
       children: e
     }), /* @__PURE__ */ r("div", {
       className: Uc,
@@ -2586,7 +2586,7 @@ var Sa = "d0bl03", $c = "d0bl04", Ca = "d0bl05", Gt = "d0bl06", Uc = "d0bl07", W
     children: [/* @__PURE__ */ m("div", {
       className: Ca,
       children: [/* @__PURE__ */ r("div", {
-        className: Gt,
+        className: Vt,
         children: a("graph.colorDropdown.custom")
       }), /* @__PURE__ */ m(Z.Trigger, {
         className: Kc,
@@ -2601,7 +2601,7 @@ var Sa = "d0bl03", $c = "d0bl04", Ca = "d0bl05", Gt = "d0bl06", Uc = "d0bl07", W
         })]
       })]
     }), /* @__PURE__ */ r(Z.Portal, {
-      container: pe(),
+      container: me(),
       children: /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r(Z.Positioner, {
         side: "right",
         align: "start",
@@ -2613,7 +2613,7 @@ var Sa = "d0bl03", $c = "d0bl04", Ca = "d0bl05", Gt = "d0bl06", Uc = "d0bl07", W
           ...n,
           children: [
             /* @__PURE__ */ r("div", {
-              className: Gt,
+              className: Vt,
               children: a("graph.colorDropdown.pickColor")
             }),
             /* @__PURE__ */ r(fc, {
@@ -2646,17 +2646,17 @@ var Sa = "d0bl03", $c = "d0bl04", Ca = "d0bl05", Gt = "d0bl06", Uc = "d0bl07", W
   }, [e]);
 }, Ta = (e) => e === "transparent" ? {
   background: ya,
-  border: `1px solid ${ge.border100}`
+  border: `1px solid ${oe.border100}`
 } : {
   background: e,
   border: `1px solid ${$i(e, 0.1)}`
 }, cd = (e) => {
-  const { themeValues: t } = ln();
+  const { themeValues: t } = ht();
   if (vi(e)) return e.toUpperCase();
   const n = ad[e];
   return n ? t[n].toUpperCase() : "#000000";
 }, Aa = (e, t) => t === null ? !1 : e.toLowerCase() === t.toLowerCase(), dd = "l9kff0", ud = "l9kff1", hd = "l9kff2", pd = "xn24px0", md = "xn24px1", gd = "xn24px2", vd = ({ children: e, popupAttributes: t }) => /* @__PURE__ */ r(B.Portal, {
-  container: pe(),
+  container: me(),
   children: /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r(B.Positioner, {
     side: "bottom",
     align: "start",
@@ -2685,7 +2685,7 @@ var Sa = "d0bl03", $c = "d0bl04", Ca = "d0bl05", Gt = "d0bl06", Uc = "d0bl07", W
   ...t,
   className: fe(hd, e)
 }), Cd = ({ children: e }) => {
-  const t = pe();
+  const t = me();
   return t === null ? null : ua(/* @__PURE__ */ r(re, { children: e }), t);
 }, q = {
   Portal: Cd,
@@ -2696,7 +2696,7 @@ var Sa = "d0bl03", $c = "d0bl04", Ca = "d0bl05", Gt = "d0bl06", Uc = "d0bl07", W
   ColorPicker: id,
   MenuPopup: vd,
   MenuItem: fd
-}, We = (e) => /* @__PURE__ */ r(k, {
+}, Ke = (e) => /* @__PURE__ */ r(k, {
   ...e,
   children: /* @__PURE__ */ r("g", {
     stroke: "currentColor",
@@ -2705,7 +2705,7 @@ var Sa = "d0bl03", $c = "d0bl04", Ca = "d0bl05", Gt = "d0bl06", Uc = "d0bl07", W
     strokeLinejoin: "round",
     children: /* @__PURE__ */ r("path", { d: "m6 9 6 6 6-6" })
   })
-}), xd = "'Noto Serif', Georgia, 'Times New Roman', serif, 'Apple Color Emoji', 'NotoColorEmoji'", wd = `'Aeonik', 'Aeonik Fallback', ${Br}`, Td = "'PT Mono', 'Courier New', monospace, 'Apple Color Emoji', 'NotoColorEmoji'", Ad = "'Intruding Cat', cursive, 'Apple Color Emoji', 'NotoColorEmoji'", $t = [
+}), xd = "'Noto Serif', Georgia, 'Times New Roman', serif, 'Apple Color Emoji', 'NotoColorEmoji'", wd = `'Aeonik', 'Aeonik Fallback', ${Br}`, Td = "'PT Mono', 'Courier New', monospace, 'Apple Color Emoji', 'NotoColorEmoji'", Ad = "'Intruding Cat', cursive, 'Apple Color Emoji', 'NotoColorEmoji'", Ut = [
   {
     id: "modern",
     label: "Modern",
@@ -2736,8 +2736,8 @@ var Sa = "d0bl03", $c = "d0bl04", Ca = "d0bl05", Gt = "d0bl06", Uc = "d0bl07", W
     preview: "Aa",
     fontFamily: Ad
   }
-], kd = (e) => e ? $t.find((t) => t.fontFamily === e) ?? null : null, ka = "_70l3rt0", La = "_70l3rt1", Pa = "_70l3rt3", Ia = "_70l3rt4", Ea = "_70l3rt5", Ld = ({ editor: e, currentFontFamily: t, isOpen: n, onOpenChange: a }) => {
-  const o = E(), i = kd(t) ?? $t[0], l = (s) => {
+], kd = (e) => e ? Ut.find((t) => t.fontFamily === e) ?? null : null, ka = "_70l3rt0", La = "_70l3rt1", Pa = "_70l3rt3", Ia = "_70l3rt4", Ea = "_70l3rt5", Ld = ({ editor: e, currentFontFamily: t, isOpen: n, onOpenChange: a }) => {
+  const o = E(), i = kd(t) ?? Ut[0], l = (s) => {
     e.chain().focus().setFontFamily(s.fontFamily).run();
   };
   return /* @__PURE__ */ m(B.Root, {
@@ -2752,9 +2752,9 @@ var Sa = "d0bl03", $c = "d0bl04", Ca = "d0bl05", Gt = "d0bl06", Uc = "d0bl07", W
         className: La,
         style: { fontFamily: i?.fontFamily },
         children: i?.preview
-      }), /* @__PURE__ */ r(We, { size: "sm" })]
+      }), /* @__PURE__ */ r(Ke, { size: "sm" })]
     }), /* @__PURE__ */ r(B.Portal, {
-      container: pe(),
+      container: me(),
       children: /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r(B.Positioner, {
         side: "bottom",
         align: "start",
@@ -2763,7 +2763,7 @@ var Sa = "d0bl03", $c = "d0bl04", Ca = "d0bl05", Gt = "d0bl06", Uc = "d0bl07", W
         children: /* @__PURE__ */ r(B.Popup, {
           className: Ia,
           onMouseDown: (s) => s.preventDefault(),
-          children: $t.map((s) => /* @__PURE__ */ r(B.Item, {
+          children: Ut.map((s) => /* @__PURE__ */ r(B.Item, {
             className: Ea,
             "data-selected": s.id === i?.id,
             onClick: () => l(s),
@@ -2779,28 +2779,28 @@ var Sa = "d0bl03", $c = "d0bl04", Ca = "d0bl05", Gt = "d0bl06", Uc = "d0bl07", W
 }, Oa = {
   id: "text",
   translationKey: "graph.toolbar.heading.text",
-  previewFont: ge.fontTextEditorBody
+  previewFont: oe.fontTextEditorBody
 }, Vn = [
   {
     id: "caption",
     translationKey: "graph.toolbar.heading.caption",
-    previewFont: ge.fontTextEditorH6
+    previewFont: oe.fontTextEditorH6
   },
   Oa,
   {
     id: "h3",
     translationKey: "graph.toolbar.heading.heading3",
-    previewFont: ge.fontTextEditorH3
+    previewFont: oe.fontTextEditorH3
   },
   {
     id: "h2",
     translationKey: "graph.toolbar.heading.heading2",
-    previewFont: ge.fontTextEditorH2
+    previewFont: oe.fontTextEditorH2
   },
   {
     id: "h1",
     translationKey: "graph.toolbar.heading.heading1",
-    previewFont: ge.fontTextEditorH1
+    previewFont: oe.fontTextEditorH1
   }
 ], Pd = ({ editor: e, activeStyle: t, isOpen: n, onOpenChange: a }) => {
   const o = E(), i = Vn.find((l) => l.id === t) ?? Oa;
@@ -2815,9 +2815,9 @@ var Sa = "d0bl03", $c = "d0bl04", Ca = "d0bl05", Gt = "d0bl06", Uc = "d0bl07", W
       children: [/* @__PURE__ */ r("span", {
         className: La,
         children: o(i.translationKey)
-      }), /* @__PURE__ */ r(We, { size: "sm" })]
+      }), /* @__PURE__ */ r(Ke, { size: "sm" })]
     }), /* @__PURE__ */ r(B.Portal, {
-      container: pe(),
+      container: me(),
       children: /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r(B.Positioner, {
         side: "bottom",
         align: "start",
@@ -2924,7 +2924,7 @@ var Sa = "d0bl03", $c = "d0bl04", Ca = "d0bl05", Gt = "d0bl06", Uc = "d0bl07", W
       onMouseDown: (g) => g.preventDefault(),
       children: /* @__PURE__ */ r(Od, {})
     }), /* @__PURE__ */ r(Z.Portal, {
-      container: pe(),
+      container: me(),
       children: /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r(Z.Positioner, {
         sideOffset: 6,
         align: "end",
@@ -3032,7 +3032,7 @@ var Sa = "d0bl03", $c = "d0bl04", Ca = "d0bl05", Gt = "d0bl06", Uc = "d0bl07", W
     onMouseDown: o,
     children: a
   }), /* @__PURE__ */ r(Re.Portal, {
-    container: pe(),
+    container: me(),
     children: /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r(Re.Positioner, {
       sideOffset: $d,
       children: /* @__PURE__ */ r(Re.Popup, {
@@ -3088,7 +3088,7 @@ var Sa = "d0bl03", $c = "d0bl04", Ca = "d0bl05", Gt = "d0bl06", Uc = "d0bl07", W
   }), d = ne(null), h = gc({
     editor: e,
     selector: Kd
-  }), p = oe((g) => {
+  }), p = ie((g) => {
     d.current = g, c.setFloating(g);
   }, [c]);
   return F(() => {
@@ -3096,8 +3096,8 @@ var Sa = "d0bl03", $c = "d0bl04", Ca = "d0bl05", Gt = "d0bl06", Uc = "d0bl07", W
   }, [e, c]), F(() => {
     if (!e) return;
     const g = () => a(!0), v = ({ event: f }) => {
-      const { relatedTarget: S, currentTarget: w } = f, y = S instanceof Node && d.current?.contains(S), T = S instanceof Node && w instanceof Node && w.contains(S);
-      !y && !T && a(!1);
+      const { relatedTarget: C, currentTarget: w } = f, y = C instanceof Node && d.current?.contains(C), A = C instanceof Node && w instanceof Node && w.contains(C);
+      !y && !A && a(!1);
     };
     return e.on("focus", g), e.on("blur", v), () => {
       e.off("focus", g), e.off("blur", v);
@@ -3177,7 +3177,7 @@ var Sa = "d0bl03", $c = "d0bl04", Ca = "d0bl05", Gt = "d0bl06", Uc = "d0bl07", W
     immediatelyRender: !1,
     onUpdate: ({ editor: u }) => {
       const d = u.getJSON();
-      if (Nt(l.current, d)) return s.cancel();
+      if (Rt(l.current, d)) return s.cancel();
       s.run(d);
     }
   });
@@ -3186,7 +3186,7 @@ var Sa = "d0bl03", $c = "d0bl04", Ca = "d0bl05", Gt = "d0bl06", Uc = "d0bl07", W
   }, [c, n]), F(() => {
     if (!c) return;
     const u = Wn(e);
-    Nt(l.current, u) || (l.current = u, !Nt(c.getJSON(), u) && (s.cancel(), eu(c, u)));
+    Rt(l.current, u) || (l.current = u, !Rt(c.getJSON(), u) && (s.cancel(), eu(c, u)));
   }, [
     c,
     e,
@@ -3212,8 +3212,8 @@ var Sa = "d0bl03", $c = "d0bl04", Ca = "d0bl05", Gt = "d0bl06", Uc = "d0bl07", W
     from: Math.min(n, o),
     to: Math.min(a, o)
   });
-}, Nt = (e, t) => JSON.stringify(ot(e)) === JSON.stringify(ot(t)), ot = (e) => Array.isArray(e) ? e.map(ot) : e === null || typeof e != "object" ? e : Object.fromEntries(Object.entries(e).map(([t, n]) => [t, ot(n)]).filter(([, t]) => !tu(t)).sort(([t], [n]) => String(t).localeCompare(String(n)))), tu = (e) => e == null || typeof e == "object" && Object.keys(e).length === 0, nu = ({ caption: e, captionStyle: t }) => {
-  const { dispatch: n } = he(), a = gn({
+}, Rt = (e, t) => JSON.stringify(it(e)) === JSON.stringify(it(t)), it = (e) => Array.isArray(e) ? e.map(it) : e === null || typeof e != "object" ? e : Object.fromEntries(Object.entries(e).map(([t, n]) => [t, it(n)]).filter(([, t]) => !tu(t)).sort(([t], [n]) => String(t).localeCompare(String(n)))), tu = (e) => e == null || typeof e == "object" && Object.keys(e).length === 0, nu = ({ caption: e, captionStyle: t }) => {
+  const { dispatch: n } = pe(), a = gn({
     content: e,
     extensions: I(() => Hc({ placeholder: "Add caption" }), []),
     isEditable: !0,
@@ -3231,7 +3231,7 @@ var Sa = "d0bl03", $c = "d0bl04", Ca = "d0bl05", Gt = "d0bl06", Uc = "d0bl07", W
     })
   });
 }, ru = (e) => [
-  at,
+  ot,
   ma,
   ...mn(),
   ou,
@@ -3240,12 +3240,12 @@ var Sa = "d0bl03", $c = "d0bl04", Ca = "d0bl05", Gt = "d0bl06", Uc = "d0bl07", W
     placeholder: ({ pos: t }) => t === 0 ? e : ""
   })
 ], au = ({ annotation: e }) => {
-  const t = E(), { dispatch: n } = he(), a = H(), o = I(() => ru(t("graph.annotations.text.placeholder")), [t]), i = gn({
+  const t = E(), { dispatch: n } = pe(), a = H(), o = I(() => ru(t("graph.annotations.text.placeholder")), [t]), i = gn({
     content: e.content,
     extensions: o,
     isEditable: !0,
     onUpdate: (l) => {
-      n(new le({
+      n(new se({
         kind: "text",
         id: e.id,
         patch: { content: l }
@@ -3282,7 +3282,7 @@ var Sa = "d0bl03", $c = "d0bl04", Ca = "d0bl05", Gt = "d0bl06", Uc = "d0bl07", W
         },
         fontSize: {
           default: null,
-          renderHTML: (e) => typeof e.fontSize == "number" && Number.isFinite(e.fontSize) ? { style: `font-size: calc(${e.fontSize}px * ${ge.textScale})` } : {}
+          renderHTML: (e) => typeof e.fontSize == "number" && Number.isFinite(e.fontSize) ? { style: `font-size: calc(${e.fontSize}px * ${oe.textScale})` } : {}
         }
       }
     }];
@@ -3347,7 +3347,7 @@ var Sa = "d0bl03", $c = "d0bl04", Ca = "d0bl05", Gt = "d0bl06", Uc = "d0bl07", W
   lineHeight: "var(--uwf6lt3)",
   textColor: "var(--uwf6lt4)"
 }, mu = "uwf6lt5", gu = ({ title: e, isTitleVisible: t, isSubtitleVisible: n, subtitle: a, headingStyle: o, subtitleStyle: i }) => {
-  const { dispatch: l } = he(), s = I(() => Bc({
+  const { dispatch: l } = pe(), s = I(() => Bc({
     titlePlaceholder: "Untitled",
     subtitlePlaceholder: "Untitled",
     isTitleVisible: t,
@@ -3396,7 +3396,7 @@ var Sa = "d0bl03", $c = "d0bl04", Ca = "d0bl05", Gt = "d0bl06", Uc = "d0bl07", W
     width: n,
     height: a
   };
-}, yt = (e) => e.offset + e.strokeWidth, Zn = "http://www.w3.org/2000/svg", jn = /* @__PURE__ */ new WeakMap(), fu = (e, t) => {
+}, St = (e) => e.offset + e.strokeWidth, Zn = "http://www.w3.org/2000/svg", jn = /* @__PURE__ */ new WeakMap(), fu = (e, t) => {
   const n = bu(e);
   n.setAttribute("d", t);
   const { x: a, y: o, width: i, height: l } = n.getBBox();
@@ -3414,18 +3414,18 @@ var Sa = "d0bl03", $c = "d0bl04", Ca = "d0bl05", Gt = "d0bl06", Uc = "d0bl07", W
   const a = e.createElementNS(Zn, "path");
   return n.append(a), e.body.append(n), jn.set(e, a), a;
 }, yu = (e, t) => {
-  const { panelRect: n, look: a, readGridLineWidth: o, measurePathBox: i } = t, l = yt(a);
+  const { panelRect: n, look: a, readGridLineWidth: o, measurePathBox: i } = t, l = St(a);
   switch (e.kind) {
     case "observations":
-      return Rt([...e.parts, ...e.vertex === null ? [] : [e.vertex]].flatMap((s) => Su(s, i)).map((s) => ({
+      return Dt([...e.parts, ...e.vertex === null ? [] : [e.vertex]].flatMap((s) => Su(s, i)).map((s) => ({
         ...s,
         x: s.x + n.x,
         y: s.y + n.y
       })), l);
     case "guide":
-      return Rt(e.shapes.map((s) => s.kind === "box" ? s.rect : De(xu(s), o(s.axis) / 2)), l);
+      return Dt(e.shapes.map((s) => s.kind === "box" ? s.rect : De(xu(s), o(s.axis) / 2)), l);
     case "graph":
-      return Rt([{
+      return Dt([{
         x: 0,
         y: 0,
         ...e.frameSize
@@ -3472,9 +3472,9 @@ var Sa = "d0bl03", $c = "d0bl04", Ca = "d0bl05", Gt = "d0bl06", Uc = "d0bl07", W
         height: e.radius * 2
       };
   }
-}, Rt = (e, t) => {
+}, Dt = (e, t) => {
   const n = e.filter(({ width: a, height: o }) => a > 0 || o > 0);
-  return n.length === 0 ? null : De(Bt(n), t);
+  return n.length === 0 ? null : De(Ht(n), t);
 };
 var wu = (e, { coordSystem: t, panelRect: n }) => {
   if (e.kind !== "observations") return null;
@@ -3498,16 +3498,16 @@ var wu = (e, { coordSystem: t, panelRect: n }) => {
   bottom: (e) => e.y + e.height,
   left: (e) => -e.x
 }, Lu = (e, t, n) => e === null || !Pu(e) ? {
-  top: Ut(t),
-  right: Wt(t),
-  bottom: Ut(t),
-  left: Wt(t)
+  top: Wt(t),
+  right: Kt(t),
+  bottom: Wt(t),
+  left: Kt(t)
 } : {
-  top: Ze(e, t, "top", n),
-  right: Ze(e, t, "right", n),
-  bottom: Ze(e, t, "bottom", n),
-  left: Ze(e, t, "left", n)
-}, Ze = (e, t, n, a) => {
+  top: je(e, t, "top", n),
+  right: je(e, t, "right", n),
+  bottom: je(e, t, "bottom", n),
+  left: je(e, t, "left", n)
+}, je = (e, t, n, a) => {
   const o = ku[n], i = n === "left" || n === "right", l = (v) => i ? v.y : v.x, s = (v) => i ? v.y + v.height : v.x + v.width;
   let c = -1 / 0;
   for (const v of e) c = Math.max(c, o(v));
@@ -3515,7 +3515,7 @@ var wu = (e, { coordSystem: t, panelRect: n }) => {
   let d = 1 / 0, h = -1 / 0;
   for (const v of e)
     o(v) < u || (d = Math.min(d, l(v)), h = Math.max(h, s(v)));
-  const p = i ? Wt(t) : Ut(t), g = {
+  const p = i ? Kt(t) : Wt(t), g = {
     from: Fe(d - a, p.from, p.to),
     to: Fe(h + a, p.from, p.to)
   };
@@ -3523,10 +3523,10 @@ var wu = (e, { coordSystem: t, panelRect: n }) => {
 }, Pu = (e) => {
   const [t] = e;
   return t !== void 0 && e.some((n) => !li(n, t));
-}, Ut = (e) => ({
+}, Wt = (e) => ({
   from: e.x,
   to: e.x + e.width
-}), Wt = (e) => ({
+}), Kt = (e) => ({
   from: e.y,
   to: e.y + e.height
 }), Iu = (e, { frameElement: t, panelRect: n, look: a }) => {
@@ -3549,12 +3549,12 @@ var wu = (e, { coordSystem: t, panelRect: n }) => {
     const f = Lu(wu(u, {
       coordSystem: l,
       panelRect: n
-    }), v, yt(a)), S = za(t);
+    }), v, St(a)), C = za(t);
     o.getState().setSelectedOutline({
       target: c,
       frame: v,
       frameSpans: f,
-      frameScale: S
+      frameScale: C
     });
   }, [
     o,
@@ -3581,9 +3581,9 @@ var wu = (e, { coordSystem: t, panelRect: n }) => {
     d: a,
     ...n
   });
-}, Ru = "var(--n5vlnq0)", Du = "data-edit-outline-stroke", Kt = (e) => ({
+}, Ru = "var(--n5vlnq0)", Du = "data-edit-outline-stroke", qt = (e) => ({
   [Du]: "",
-  style: bt({ [Ru]: `${e}px` })
+  style: We({ [Ru]: `${e}px` })
 });
 var Jn = (e, t) => {
   if (e.kind === "observations" && t.kind === "observations") {
@@ -3601,7 +3601,7 @@ var Jn = (e, t) => {
     height: Math.max(0, s - i)
   };
 }, Fu = [], zu = (e) => {
-  const { layers: t, parsingLocale: n } = D(me((h) => ({
+  const { layers: t, parsingLocale: n } = D(ge((h) => ({
     layers: h.layers,
     parsingLocale: h.config.parsingLocale
   }))), a = X((h) => h.editTargetUnderPointer), o = a?.kind === "observations" ? a.observations : null, i = o === null ? void 0 : ve(t, o.layerId), l = o?.target.scope ?? null, s = o === null || i === void 0 ? null : Vs(i, o.target.scope, o.observationIndex), c = I(() => i === void 0 || l === null || s === null ? null : Bu(t, i, l, s), [
@@ -3633,7 +3633,7 @@ var Jn = (e, t) => {
       case "grid": {
         const h = {
           kind: "guide",
-          key: gt(a.target),
+          key: ft(a.target),
           target: a.target
         };
         return e !== null && Jn(h, e) ? null : h;
@@ -3672,7 +3672,7 @@ var Jn = (e, t) => {
     parts: o,
     vertex: null
   };
-}, Hu = ({ observationIndex: e, target: t, isOnObservation: n }, a, o) => n && t.scope === "series" && mt({
+}, Hu = ({ observationIndex: e, target: t, isOnObservation: n }, a, o) => n && t.scope === "series" && vt({
   layer: a,
   observationIndex: e,
   scope: "data-point",
@@ -3690,13 +3690,13 @@ var Jn = (e, t) => {
   switch (t.kind) {
     case "axis": {
       const s = i.map(l);
-      return n === "polar" || s.length === 0 ? Dt(s) : Dt([Bt(s)]);
+      return n === "polar" || s.length === 0 ? _t(s) : _t([Ht(s)]);
     }
     case "legend":
-      return Dt([...$u(i.filter((s) => !Uu(s)))].flatMap(([s, c]) => a[s] === "direct" ? c.map(l) : [Bt(c.map(l))]));
+      return _t([...$u(i.filter((s) => !Uu(s)))].flatMap(([s, c]) => a[s] === "direct" ? c.map(l) : [Ht(c.map(l))]));
     case "grid":
       return i.flatMap((s) => {
-        const c = ht([s], e);
+        const c = mt([s], e);
         if (c?.kind !== "grid" || c.target.axis === "both") return [];
         const { axis: u } = c.target;
         return t.axis === "both" || u === t.axis ? [Wu(s, l(s), u)] : [];
@@ -3712,7 +3712,7 @@ var Jn = (e, t) => {
     a !== null && t.set(a.legendIndex, [...t.get(a.legendIndex) ?? [], n]);
   }
   return t;
-}, Uu = (e) => e.closest(_r) !== null, Dt = (e) => e.map((t) => ({
+}, Uu = (e) => e.closest(_r) !== null, _t = (e) => e.map((t) => ({
   kind: "box",
   rect: t
 })), Wu = (e, { x: t, y: n, width: a, height: o }, i) => e.querySelector("circle") !== null ? {
@@ -3859,7 +3859,7 @@ var Jn = (e, t) => {
     })
   };
 }, ju = (e, { frameElement: t, frameSize: n }) => {
-  const a = D((d) => d.coordSystem.type), o = D(me((d) => d.guides.legends.drawn.map((h) => h.display))), i = D((d) => e === null ? null : d), [l, s] = te([]), c = j(e), u = ne(!1);
+  const a = D((d) => d.coordSystem.type), o = D(ge((d) => d.guides.legends.drawn.map((h) => h.display))), i = D((d) => e === null ? null : d), [l, s] = te([]), c = j(e), u = ne(!1);
   return Pe(() => {
     const d = c.current;
     if (d === null) return;
@@ -3923,7 +3923,7 @@ var Jn = (e, t) => {
       };
   }
 }, Ju = () => {
-  const e = sn()[0] ?? null, { layers: t, parsingLocale: n } = D(me((a) => ({
+  const e = sn()[0] ?? null, { layers: t, parsingLocale: n } = D(ge((a) => ({
     layers: a.layers,
     parsingLocale: a.config.parsingLocale
   })));
@@ -3947,7 +3947,7 @@ var Jn = (e, t) => {
       return {
         outlined: {
           kind: "guide",
-          key: gt(e),
+          key: ft(e),
           target: e
         },
         target: e
@@ -3990,7 +3990,7 @@ var Jn = (e, t) => {
   }
   return {
     kind: "observations",
-    key: gt(e),
+    key: ft(e),
     layerId: e.layerId,
     scope: e.scope,
     parts: i,
@@ -4071,7 +4071,7 @@ var Jn = (e, t) => {
       /* @__PURE__ */ r("use", {
         href: `#${u}`,
         mask: `url(#${d})`,
-        style: tr(a.stroke, yt(a)),
+        style: tr(a.stroke, St(a)),
         "data-testid": `edit-outline-${e}-ring`
       }),
       t.kind === "observations" && /* @__PURE__ */ r(ch, {
@@ -4084,10 +4084,10 @@ var Jn = (e, t) => {
 }, tr = (e, t) => ({
   fill: e,
   stroke: e,
-  ...bt({ [Eu]: `${2 * t}px` })
+  ...We({ [Eu]: `${2 * t}px` })
 }), rh = (e, t, n) => {
-  const a = n.offset + yt(n);
-  return rn(De({
+  const a = n.offset + St(n);
+  return an(De({
     x: 0,
     y: 0,
     ...e
@@ -4140,17 +4140,17 @@ var Jn = (e, t) => {
         shouldAnimateTransitions: n.shouldAnimateTransitions ?? !1,
         source: t,
         "data-geom": t.geom,
-        ...Kt(n.width)
+        ...qt(n.width)
       }, o);
     case "dots":
       return n.centers.length === 0 ? null : /* @__PURE__ */ r("path", {
         d: Pi(n.centers),
         "data-geom": t.geom,
-        ...Kt(n.size)
+        ...qt(n.size)
       }, o);
   }
 }), ih = ({ boxes: e, borderRadius: t }) => {
-  const n = e.map((a) => rn(a, t)).join("");
+  const n = e.map((a) => an(a, t)).join("");
   return n === "" ? null : /* @__PURE__ */ r("path", {
     d: n,
     "data-testid": "edit-outline-boxes"
@@ -4161,10 +4161,10 @@ var Jn = (e, t) => {
     const l = t.map((s) => sh(s, i)).join("");
     return l === "" ? null : /* @__PURE__ */ r("path", {
       d: l,
-      ...Kt(Gr(a, i).strokeWidth)
+      ...qt(Gr(a, i).strokeWidth)
     }, i);
   });
-  const o = t.map((i) => i.kind === "box" ? rn(i.rect, n) : "").join("");
+  const o = t.map((i) => i.kind === "box" ? an(i.rect, n) : "").join("");
   return o === "" ? null : /* @__PURE__ */ r("path", { d: o });
 }, sh = (e, t) => {
   if (e.kind === "box" || e.axis !== t) return "";
@@ -4204,20 +4204,20 @@ var Jn = (e, t) => {
     };
   }
   return null;
-}, uh = "data-graphy-chart-chrome", hh = "data-graphy-chart-menu", fn = { [hh]: "" }, St = (e) => ({ [uh]: e }), tt = (e, t) => e instanceof Element && e.closest(`[data-graphy-chart-chrome="${CSS.escape(t)}"]`) !== null, Ba = (e) => e instanceof Element && e.closest("[data-graphy-chart-menu]") !== null, qt = (e) => e instanceof Element && e.closest("[data-graphy-chart-chrome]") !== null, Ha = (e, t, n) => n !== null && un({
+}, uh = "data-graphy-chart-chrome", hh = "data-graphy-chart-menu", fn = { [hh]: "" }, Ct = (e) => ({ [uh]: e }), nt = (e, t) => e instanceof Element && e.closest(`[data-graphy-chart-chrome="${CSS.escape(t)}"]`) !== null, Ba = (e) => e instanceof Element && e.closest("[data-graphy-chart-menu]") !== null, Xt = (e) => e instanceof Element && e.closest("[data-graphy-chart-chrome]") !== null, Ha = (e, t, n) => n !== null && un({
   x: e.clientX - t.x,
   y: e.clientY - t.y
-}, n), $e = (e, t, n) => e instanceof Node && (t.contains(e) || tt(e, n)), ph = "cml7ha0", Ga = Be(null), mh = ({ children: e }) => {
-  const { chartId: t } = z(), [n] = te(pe), [a, o] = te(null);
+}, n), $e = (e, t, n) => e instanceof Node && (t.contains(e) || nt(e, n)), ph = "cml7ha0", Ga = Be(null), mh = ({ children: e }) => {
+  const { chartId: t } = z(), [n] = te(me), [a, o] = te(null);
   return n === null ? null : /* @__PURE__ */ m(Y, { children: [ua(/* @__PURE__ */ r("div", {
     ref: o,
     className: ph,
-    ...St(t)
+    ...Ct(t)
   }), n), /* @__PURE__ */ r(Ga.Provider, {
     value: a,
     children: e
   })] });
-}, Ct = () => we(Ga), gh = "kwvn4c0", vh = "kwvn4c1", Va = (e, t) => ({
+}, xt = () => we(Ga), gh = "kwvn4c0", vh = "kwvn4c1", Va = (e, t) => ({
   contextElement: e,
   getBoundingClientRect: () => {
     const n = e.getBoundingClientRect(), a = Fa(e, n.width);
@@ -4242,58 +4242,64 @@ var Jn = (e, t) => {
   align: "shift",
   fallbackAxisSide: "end"
 }, Ch = ({ frameElement: e, boundary: t, spans: n, clearance: a = yh, onEscape: o, children: i }) => {
-  const l = Ct(), s = $a(), [c, u] = te(null), d = ne(null);
+  const l = xt(), s = $a(), [c, u] = te(null), d = ne(null), { themeValues: h } = ht(), p = I(() => We({
+    [oe.fontFamily]: h.fontFamily,
+    [oe.textScale]: h.textScale
+  }), [h]);
   Pe(() => () => {
     c?.contains(document.activeElement) && e.focus({ preventScroll: !0 });
   }, [c, e]);
-  const { x: h, y: p, width: g, height: v } = t, f = I(() => ({
+  const { x: g, y: v, width: f, height: C } = t, w = I(() => ({
     box: {
-      x: h,
-      y: p,
-      width: g,
-      height: v
+      x: g,
+      y: v,
+      width: f,
+      height: C
     },
     spans: n
   }), [
-    h,
-    p,
     g,
     v,
+    f,
+    C,
     n
-  ]), S = I(() => Va(e, f.box), [e, f]), w = (y, T) => {
-    y || (T.cancel(), T.reason === "escape-key" && o());
+  ]), y = I(() => Va(e, w.box), [e, w]), A = (S, O) => {
+    S || (O.cancel(), O.reason === "escape-key" && o());
   };
   return /* @__PURE__ */ r(Z.Root, {
     open: s,
     modal: !1,
-    onOpenChange: w,
+    onOpenChange: A,
     children: /* @__PURE__ */ r(Z.Portal, {
       container: l,
-      children: /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r(Z.Positioner, {
-        ref: d,
-        anchor: S,
-        side: "right",
-        align: "start",
-        sideOffset: ({ side: y }) => y === "top" || y === "bottom" ? a.y : a.x,
-        alignOffset: ({ side: y, anchor: T }) => fh({
-          side: y,
-          boundary: f.box,
-          spans: f.spans,
-          anchor: T,
-          isRightToLeft: xh(d.current)
-        }),
-        collisionAvoidance: Sh,
-        sticky: !0,
-        className: gh,
-        ...fn,
-        children: /* @__PURE__ */ r(Z.Popup, {
-          ref: u,
-          className: vh,
-          finalFocus: !1,
-          "data-testid": "anchored-popover",
-          children: i
+      children: /* @__PURE__ */ r(re, {
+        style: p,
+        children: /* @__PURE__ */ r(Z.Positioner, {
+          ref: d,
+          anchor: y,
+          side: "right",
+          align: "start",
+          sideOffset: ({ side: S }) => S === "top" || S === "bottom" ? a.y : a.x,
+          alignOffset: ({ side: S, anchor: O }) => fh({
+            side: S,
+            boundary: w.box,
+            spans: w.spans,
+            anchor: O,
+            isRightToLeft: xh(d.current)
+          }),
+          collisionAvoidance: Sh,
+          sticky: !0,
+          className: gh,
+          ...fn,
+          children: /* @__PURE__ */ r(Z.Popup, {
+            ref: u,
+            className: vh,
+            finalFocus: !1,
+            "data-testid": "anchored-popover",
+            children: i
+          })
         })
-      }) })
+      })
     })
   });
 }, xh = (e) => e !== null && getComputedStyle(e).direction === "rtl", wh = (e, t) => {
@@ -4315,7 +4321,7 @@ var Jn = (e, t) => {
   const i = ar(o.layers, e)?.[t]?.[n];
   return i !== void 0 ? i : ar(o.geoms, e);
 }), Ah = (e, t) => t.find((n) => n.interactive && dn(e, [n])), ar = (e, t) => e !== void 0 && Object.hasOwn(e, t) ? e[t] : void 0, kh = (e) => {
-  const t = we(Ph), n = e?.kind === "observations" ? e.layerId : null, a = D(me((o) => n === null ? null : wh(n, o)));
+  const t = we(Ph), n = e?.kind === "observations" ? e.layerId : null, a = D(ge((o) => n === null ? null : wh(n, o)));
   if (e === null) return null;
   switch (e.kind) {
     case "observations": {
@@ -4341,19 +4347,19 @@ var Jn = (e, t) => {
     default:
       return e;
   }
-}, de = () => null, Lh = {
+}, ue = () => null, Lh = {
   geoms: {
-    point: de,
-    line: de,
-    area: de,
-    bar: de,
-    rule: de,
-    tile: de
+    point: ue,
+    line: ue,
+    area: ue,
+    bar: ue,
+    rule: ue,
+    tile: ue
   },
-  legend: de,
-  axis: de,
-  grid: de,
-  graph: de
+  legend: ue,
+  axis: ue,
+  grid: ue,
+  graph: ue
 }, Ph = Be([Lh]), Ua = (e) => /* @__PURE__ */ m(k, {
   viewBox: "0 0 16 16",
   ...e,
@@ -4491,7 +4497,7 @@ var Jn = (e, t) => {
     ...t !== void 0 && { "aria-label": t },
     ...c !== void 0 && { "aria-labelledby": c }
   };
-}, Za = "keyboard", xt = (e) => {
+}, Za = "keyboard", wt = (e) => {
   const t = ne(!1), n = ne(!1), a = () => {
     t.current = !1, n.current && (n.current = !1, e?.());
   };
@@ -4526,7 +4532,7 @@ var ja = ({ options: e, value: t, onChange: n, onCommit: a, itemLayout: o = "inl
     id: c,
     ariaLabel: l,
     ariaLabelledBy: s
-  }), d = o === "stacked", { commitAfterChange: h, gestureHandlers: p } = xt(a);
+  }), d = o === "stacked", { commitAfterChange: h, gestureHandlers: p } = wt(a);
   return /* @__PURE__ */ r(fa, {
     className: Ih,
     value: t,
@@ -4586,7 +4592,7 @@ var ja = ({ options: e, value: t, onChange: n, onCommit: a, itemLayout: o = "inl
     case "bar":
       return e.coordSystem.type === "polar" && e.coordSystem.bandAxis === null ? "editor.overlayMenu.thisSlice" : "editor.overlayMenu.thisBar";
     case "point":
-      return vt(t.mapping.size) === null ? "editor.overlayMenu.thisPoint" : "editor.overlayMenu.thisBubble";
+      return bt(t.mapping.size) === null ? "editor.overlayMenu.thisPoint" : "editor.overlayMenu.thisBubble";
     default:
       return "editor.overlayMenu.thisPoint";
   }
@@ -4598,7 +4604,7 @@ var ja = ({ options: e, value: t, onChange: n, onCommit: a, itemLayout: o = "inl
   const o = xs(t.data, t.mapping);
   return o.length === 0 ? _h(e, t) : o.map((i) => Fh(n[i] ?? null, a)).join(", ");
 }, _h = (e, t) => {
-  const n = vt(t.mapping.y), a = n === null ? void 0 : e.guides.variableLabels[n];
+  const n = bt(t.mapping.y), a = n === null ? void 0 : e.guides.variableLabels[n];
   return a === void 0 || a === "" ? null : a;
 }, Fh = (e, t) => {
   const n = String(e instanceof Date ? e.getTime() : e);
@@ -4623,17 +4629,17 @@ var ja = ({ options: e, value: t, onChange: n, onCommit: a, itemLayout: o = "inl
   ]);
   if (s === null) return null;
   const { layer: c, levels: u, names: d } = s, { observationIndex: h, selectedFor: p } = s.pressed, g = u.map((f) => {
-    const S = zh[f];
+    const C = zh[f];
     return {
       value: f,
       label: d[f],
-      icon: /* @__PURE__ */ r(S, {})
+      icon: /* @__PURE__ */ r(C, {})
     };
   }), v = (f) => {
-    const S = u.find((T) => T === f), { parsingLocale: w } = o.config, y = S === void 0 ? null : mt({
+    const C = u.find((A) => A === f), { parsingLocale: w } = o.config, y = C === void 0 ? null : vt({
       layer: c,
       observationIndex: h,
-      scope: S,
+      scope: C,
       parsingLocale: w
     });
     y !== null && (t.getState().setPressedObservation({
@@ -4722,7 +4728,7 @@ var ja = ({ options: e, value: t, onChange: n, onCommit: a, itemLayout: o = "inl
         children: Vh(a.target, t)
       }),
       a.target.kind === "observations" && /* @__PURE__ */ r(Bh, {}),
-      /* @__PURE__ */ r(js, { children: o }, gt(a.target))
+      /* @__PURE__ */ r(js, { children: o }, ft(a.target))
     ]
   });
 }, Kh = ({ frameRect: e }) => {
@@ -4739,10 +4745,10 @@ var ja = ({ options: e, value: t, onChange: n, onCommit: a, itemLayout: o = "inl
       },
       frameSpans: s,
       clientSpans: {
-        top: je(s.top, a, c),
-        right: je(s.right, o, c),
-        bottom: je(s.bottom, a, c),
-        left: je(s.left, o, c)
+        top: Ye(s.top, a, c),
+        right: Ye(s.right, o, c),
+        bottom: Ye(s.bottom, a, c),
+        left: Ye(s.left, o, c)
       }
     };
   }, [
@@ -4753,7 +4759,7 @@ var ja = ({ options: e, value: t, onChange: n, onCommit: a, itemLayout: o = "inl
   return Pe(() => {
     t.getState().setBoundary(i);
   }, [t, i]), Pe(() => () => t.getState().setBoundary(null), [t]), null;
-}, je = (e, t, n) => ({
+}, Ye = (e, t, n) => ({
   from: t + e.from * n,
   to: t + e.to * n
 }), Qa = (e) => /* @__PURE__ */ m(k, {
@@ -4790,7 +4796,7 @@ var eo = "efjmb40", to = "efjmb41", Oe = "efjmb42", Me = "efjmb43", qh = "efjmb4
   "sibling-open",
   "trigger-press"
 ]), bn = ({ label: e, icon: t, onOpened: n, children: a }) => {
-  const o = Ct(), [i, l] = te(!1), s = (c, u) => {
+  const o = xt(), [i, l] = te(!1), s = (c, u) => {
     c ? (l(!0), n?.()) : Zh.has(u.reason) && l(!1);
   };
   return /* @__PURE__ */ m(Se.SubmenuRoot, {
@@ -4825,11 +4831,11 @@ var eo = "efjmb40", to = "efjmb41", Oe = "efjmb42", Me = "efjmb43", qh = "efjmb4
     }),
     /* @__PURE__ */ r("span", {
       className: Xh,
-      children: /* @__PURE__ */ r(We, { size: "sm" })
+      children: /* @__PURE__ */ r(Ke, { size: "sm" })
     })
   ]
 }), Yh = "_1qe7q450", Jh = "_1qe7q451", Qh = "_1qe7q452", e1 = ({ label: e, placeholder: t, addLabel: n, at: a, onRequestClose: o }) => {
-  const i = ne(null), [l, s] = te(""), { dispatch: c } = he(), u = l.trim(), d = () => {
+  const i = ne(null), [l, s] = te(""), { dispatch: c } = pe(), u = l.trim(), d = () => {
     u.length !== 0 && (c(new ye({
       kind: "comment",
       annotation: {
@@ -4884,7 +4890,7 @@ var eo = "efjmb40", to = "efjmb41", Oe = "efjmb42", Me = "efjmb43", qh = "efjmb4
     fillOpacity: "0.8"
   })
 }), r1 = "relative-difference", a1 = ({ label: e, layer: t, at: n, onRequestClose: a }) => {
-  const { dispatch: o } = he(), i = D((c) => c.coordSystem), l = I(() => Ps({
+  const { dispatch: o } = pe(), i = D((c) => c.coordSystem), l = I(() => Ps({
     layer: t,
     at: n,
     coordSystem: i
@@ -4963,7 +4969,7 @@ function o1(e, t) {
   }
 }
 var i1 = (e) => {
-  const t = vt(e.mapping.x);
+  const t = bt(e.mapping.x);
   return t !== null && t !== tl.x;
 }, l1 = (e) => /* @__PURE__ */ m(k, {
   viewBox: "0 0 16 16",
@@ -5245,7 +5251,7 @@ var i1 = (e) => {
     }, o.scope))
   });
 }, g1 = ({ label: e, layer: t, observation: n, highlights: a, onRequestClose: o }) => {
-  const i = E(), { dispatch: l } = he(), s = D((g) => g.coordSystem), c = I(() => as(t, n), [t, n]), u = I(() => o1(s, t), [s, t]), d = I(() => {
+  const i = E(), { dispatch: l } = pe(), s = D((g) => g.coordSystem), c = I(() => as(t, n), [t, n]), u = I(() => o1(s, t), [s, t]), d = I(() => {
     const g = new Set(a.map((v) => v.scope));
     return u.filter((v) => !g.has(v.scope));
   }, [u, a]), [h] = d;
@@ -5278,7 +5284,7 @@ var i1 = (e) => {
   "aria-hidden": "true",
   children: [e, /* @__PURE__ */ r("span", { className: f1 })]
 }), b1 = ({ label: e, highlights: t, onRequestClose: n }) => {
-  const { dispatch: a } = he(), o = t.at(-1);
+  const { dispatch: a } = pe(), o = t.at(-1);
   if (o === void 0) return null;
   const i = () => {
     a(new ul({ id: o.id })), n();
@@ -5328,7 +5334,7 @@ var i1 = (e) => {
     })
   ]
 }), S1 = ({ label: e, at: t, onRequestClose: n }) => {
-  const { dispatch: a } = he(), o = () => {
+  const { dispatch: a } = pe(), o = () => {
     a(new ye({
       kind: "pinnedNumber",
       annotation: { at: t }
@@ -5390,7 +5396,7 @@ var i1 = (e) => {
   },
   image: null
 }, C1 = (e) => Is(e.kind) && lo[e.kind] !== null, x1 = ({ attachment: e, onRequestClose: t }) => {
-  const n = E(), { dispatch: a } = he(), { icon: o, labelKey: i } = lo[e.kind], l = () => {
+  const n = E(), { dispatch: a } = pe(), { icon: o, labelKey: i } = lo[e.kind], l = () => {
     a(new ze({ id: e.annotation.id })), t();
   };
   return /* @__PURE__ */ m(B.Item, {
@@ -5402,7 +5408,7 @@ var i1 = (e) => {
     })]
   });
 }, w1 = "ceeojg0", T1 = "ceeojg1", A1 = "ceeojg2", k1 = ({ label: e, at: t, onRequestClose: n }) => {
-  const { dispatch: a } = he(), o = (i) => {
+  const { dispatch: a } = pe(), o = (i) => {
     a(new ye({
       kind: "sticker",
       annotation: {
@@ -5451,7 +5457,7 @@ var i1 = (e) => {
     onClose: i
   });
 }, P1 = ({ frameElement: e, trigger: t, layer: n, at: a, observation: o, onClose: i }) => {
-  const l = E(), s = Ct(), c = D((x) => x.spec.annotations), u = D((x) => x.config.parsingLocale), d = $a(), { x: h, y: p, width: g, height: v } = t, f = I(() => Va(e, {
+  const l = E(), s = xt(), c = D((S) => S.spec.annotations), u = D((S) => S.config.parsingLocale), d = $a(), { x: h, y: p, width: g, height: v } = t, f = I(() => Va(e, {
     x: h,
     y: p,
     width: g,
@@ -5462,13 +5468,13 @@ var i1 = (e) => {
     p,
     g,
     v
-  ]), S = ys(c, a, I(() => ds(n, u), [n, u])), w = S !== null && C1(S) ? S : null, y = y1(n, o), T = (x, N) => {
-    !x && I1(N.reason) && i();
+  ]), C = ys(c, a, I(() => ds(n, u), [n, u])), w = C !== null && C1(C) ? C : null, y = y1(n, o), A = (S, O) => {
+    !S && I1(O.reason) && i();
   };
   return /* @__PURE__ */ r(B.Root, {
     open: d,
     modal: !1,
-    onOpenChange: T,
+    onOpenChange: A,
     children: /* @__PURE__ */ r(B.Portal, {
       container: s,
       children: /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r(B.Positioner, {
@@ -5552,13 +5558,13 @@ var i1 = (e) => {
     ...t.point
   }
 }), uo = (e, t) => e.x === t.x && e.y === t.y, E1 = (e, t) => {
-  const n = nt(e, t);
+  const n = rt(e, t);
   return {
     x: t.x + n.x,
     y: t.y + n.y
   };
 }, O1 = (e, t, n) => {
-  const a = nt(e, n), o = nt(t, n);
+  const a = rt(e, n), o = rt(t, n);
   return {
     x: Math.min(a.x, o.x),
     y: Math.min(a.y, o.y),
@@ -5593,10 +5599,10 @@ var i1 = (e) => {
       isAddressable: !1
     })
   });
-}, Ke = () => {
+}, qe = () => {
   const e = sn();
-  return Xt(e);
-}, Xt = (e) => {
+  return Zt(e);
+}, Zt = (e) => {
   if (e.length !== 1) return null;
   const [t] = e;
   return t?.kind === "annotation" ? t.id : null;
@@ -5655,7 +5661,7 @@ var i1 = (e) => {
       })
     ]
   })
-}), wt = (e) => /* @__PURE__ */ r(k, {
+}), Tt = (e) => /* @__PURE__ */ r(k, {
   ...e,
   children: /* @__PURE__ */ m("g", {
     stroke: "currentColor",
@@ -5695,8 +5701,8 @@ var i1 = (e) => {
       "aria-label": o,
       className: z1,
       "data-testid": i,
-      ...St(s),
-      style: bt({
+      ...Ct(s),
+      style: We({
         [D1]: `${c.centre}px`,
         [_1]: `${c.available}px`
       }),
@@ -5715,9 +5721,9 @@ var i1 = (e) => {
       className: V1,
       disabled: o,
       onMouseDown: (s) => s.preventDefault(),
-      children: [t, /* @__PURE__ */ r(We, { size: "sm" })]
+      children: [t, /* @__PURE__ */ r(Ke, { size: "sm" })]
     }), /* @__PURE__ */ r(q.MenuPopup, {
-      popupAttributes: St(l),
+      popupAttributes: Ct(l),
       children: i
     })]
   });
@@ -5725,7 +5731,7 @@ var i1 = (e) => {
   const { chartId: t } = z();
   return /* @__PURE__ */ r(q.ColorPicker, {
     ...e,
-    popupAttributes: St(t)
+    popupAttributes: Ct(t)
   });
 }, q1 = ({ color: e, opacity: t }) => /* @__PURE__ */ r("span", {
   className: B1,
@@ -5754,7 +5760,7 @@ var i1 = (e) => {
   ToggleButton: Z1,
   Button: q.Button,
   Separator: q.Separator
-}, j1 = { kind: "chrome-popup" }, Tt = () => {
+}, j1 = { kind: "chrome-popup" }, At = () => {
   const { commands: e } = z(), t = H(), [n, a] = te(null);
   F(() => () => e.commit(), [e]), F(() => {
     const { claimInteraction: i, releaseInteraction: l } = t.getState();
@@ -5806,15 +5812,15 @@ var i1 = (e) => {
   })
 }), ep = [
   {
-    value: Ot.thin,
+    value: Mt.thin,
     key: "graph.annotations.arrowToolbar.thickness.thin"
   },
   {
-    value: Ot.medium,
+    value: Mt.medium,
     key: "graph.annotations.arrowToolbar.thickness.medium"
   },
   {
-    value: Ot.thick,
+    value: Mt.thick,
     key: "graph.annotations.arrowToolbar.thickness.thick"
   }
 ], ir = [{
@@ -5843,14 +5849,14 @@ var i1 = (e) => {
   }
 ], tp = (e, t) => e.find((n) => n.value === t) ?? e[0];
 var np = ({ arrow: e, arrowBox: t, panelRect: n, frameWidth: a, frameHeight: o, frameElement: i }) => {
-  const l = E(), { commands: s } = z(), c = D((C) => C.spec.styles.overrides), u = Tt(), d = hn(Q(), e.id), h = tp(lr, Ht(d.dashArray)), p = d.outline.strokeWidth > 0 || d.outline.shadow !== "none", g = I(() => ({
+  const l = E(), { commands: s } = z(), c = D((x) => x.spec.styles.overrides), u = At(), d = hn(Q(), e.id), h = tp(lr, Gt(d.dashArray)), p = d.outline.strokeWidth > 0 || d.outline.shadow !== "none", g = I(() => ({
     target: "annotation",
     kind: "arrow",
     annotation: e.id
   }), [e.id]), v = I(() => ({
     ...g,
     part: "outline"
-  }), [g]), f = (C, b) => {
+  }), [g]), f = (x, b) => {
     const U = Ce(c, { select: g })?.declarations ?? {};
     s.dispatch(new ke({
       list: "overrides",
@@ -5858,11 +5864,11 @@ var np = ({ arrow: e, arrowBox: t, panelRect: n, frameWidth: a, frameHeight: o,
         select: g,
         declarations: {
           ...U,
-          ...C
+          ...x
         }
       }
     }), b);
-  }, S = (C) => {
+  }, C = (x) => {
     const b = Ce(c, { select: v })?.declarations ?? {};
     s.dispatch(new ke({
       list: "overrides",
@@ -5870,21 +5876,21 @@ var np = ({ arrow: e, arrowBox: t, panelRect: n, frameWidth: a, frameHeight: o,
         select: v,
         declarations: {
           ...b,
-          ...C
+          ...x
         }
       }
     }));
-  }, w = (C) => {
-    f(C), u.close();
-  }, y = (C) => {
-    s.dispatch(new le({
+  }, w = (x) => {
+    f(x), u.close();
+  }, y = (x) => {
+    s.dispatch(new se({
       kind: "arrow",
       id: e.id,
-      patch: C
+      patch: x
     })), u.close();
-  }, T = () => {
+  }, A = () => {
     s.dispatch(new ze({ id: e.id })), i.focus({ preventScroll: !0 });
-  }, x = (C) => f({ stroke: C }, { transient: !0 }), N = (C) => w({ strokeWidth: C }), L = (C) => y({ startArrowheadStyle: C }), O = (C) => w({ dashArray: nl.arrow[C] }), _ = (C) => y({ endArrowheadStyle: C }), M = () => S(p ? {
+  }, S = (x) => f({ stroke: x }, { transient: !0 }), O = (x) => w({ strokeWidth: x }), L = (x) => y({ startArrowheadStyle: x }), M = (x) => w({ dashArray: nl.arrow[x] }), _ = (x) => y({ endArrowheadStyle: x }), N = () => C(p ? {
     strokeWidth: 0,
     shadow: "none"
   } : Qi);
@@ -5899,7 +5905,7 @@ var np = ({ arrow: e, arrowBox: t, panelRect: n, frameWidth: a, frameHeight: o,
       /* @__PURE__ */ r(R.ColorPicker, {
         color: d.stroke,
         label: l("graph.annotations.arrowToolbar.color"),
-        onChange: x,
+        onChange: S,
         ...u.bind("color"),
         children: /* @__PURE__ */ r(R.Swatch, { color: d.stroke })
       }),
@@ -5910,10 +5916,10 @@ var np = ({ arrow: e, arrowBox: t, panelRect: n, frameWidth: a, frameHeight: o,
           title: ""
         }),
         ...u.bind("thickness"),
-        children: /* @__PURE__ */ r(Ye, {
+        children: /* @__PURE__ */ r(Je, {
           options: ep,
           current: d.strokeWidth,
-          onPick: N
+          onPick: O
         })
       }),
       /* @__PURE__ */ r(R.Dropdown, {
@@ -5923,7 +5929,7 @@ var np = ({ arrow: e, arrowBox: t, panelRect: n, frameWidth: a, frameHeight: o,
           title: ""
         }),
         ...u.bind("startArrowhead"),
-        children: /* @__PURE__ */ r(Ye, {
+        children: /* @__PURE__ */ r(Je, {
           options: ir,
           current: e.startArrowheadStyle,
           onPick: L
@@ -5936,10 +5942,10 @@ var np = ({ arrow: e, arrowBox: t, panelRect: n, frameWidth: a, frameHeight: o,
           title: ""
         }),
         ...u.bind("lineStyle"),
-        children: /* @__PURE__ */ r(Ye, {
+        children: /* @__PURE__ */ r(Je, {
           options: lr,
-          current: Ht(d.dashArray),
-          onPick: O
+          current: Gt(d.dashArray),
+          onPick: M
         })
       }),
       /* @__PURE__ */ r(R.Dropdown, {
@@ -5949,7 +5955,7 @@ var np = ({ arrow: e, arrowBox: t, panelRect: n, frameWidth: a, frameHeight: o,
           title: ""
         }),
         ...u.bind("endArrowhead"),
-        children: /* @__PURE__ */ r(Ye, {
+        children: /* @__PURE__ */ r(Je, {
           options: ir,
           current: e.endArrowheadStyle,
           onPick: _
@@ -5958,7 +5964,7 @@ var np = ({ arrow: e, arrowBox: t, panelRect: n, frameWidth: a, frameHeight: o,
       /* @__PURE__ */ r(R.ToggleButton, {
         label: l("graph.annotations.arrowToolbar.sticker"),
         isPressed: p,
-        onClick: M,
+        onClick: N,
         children: /* @__PURE__ */ r(R1, {
           size: "sm",
           title: ""
@@ -5967,15 +5973,15 @@ var np = ({ arrow: e, arrowBox: t, panelRect: n, frameWidth: a, frameHeight: o,
       /* @__PURE__ */ r(R.Separator, {}),
       /* @__PURE__ */ r(R.IconButton, {
         label: l("graph.annotations.arrowToolbar.remove"),
-        onClick: T,
-        children: /* @__PURE__ */ r(wt, {
+        onClick: A,
+        children: /* @__PURE__ */ r(Tt, {
           size: "sm",
           title: ""
         })
       })
     ]
   });
-}, Ye = ({ options: e, current: t, onPick: n }) => {
+}, Je = ({ options: e, current: t, onPick: n }) => {
   const a = E(), o = (i) => () => n(i);
   return /* @__PURE__ */ r(Y, { children: e.map((i) => /* @__PURE__ */ m(R.MenuItem, {
     isSelected: i.value === t,
@@ -5988,14 +5994,14 @@ var np = ({ arrow: e, arrowBox: t, panelRect: n, frameWidth: a, frameHeight: o,
       })
     })]
   }, String(i.value))) });
-}, rp = "_1me29t10", ie = (e, t) => t > 0 ? e / t : 0, At = (e, t, n) => ({
-  x: ie(t.x - e.x, n.width),
-  y: ie(t.y - e.y, n.height)
+}, rp = "_1me29t10", le = (e, t) => t > 0 ? e / t : 0, kt = (e, t, n) => ({
+  x: le(t.x - e.x, n.width),
+  y: le(t.y - e.y, n.height)
 }), ap = (e) => e.x !== 0 || e.y !== 0, mo = (e, t) => ({
   x: e.x * t.width,
   y: e.y * t.height
 });
-var op = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, qe = class {
+var op = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, Xe = class {
   constructor(e) {
     this.params = e, this.listeners = new AbortController(), this.pendingEvent = null, this.scheduledFrame = null, this.hasMoved = !1, this.hasPublished = !1, this.handleMove = (t) => {
       t.pointerId === this.params.pointerId && (this.pendingEvent = t, this.hasMoved = !0, this.scheduledFrame === null && (this.scheduledFrame = requestAnimationFrame(this.runFrame)));
@@ -6041,21 +6047,21 @@ var op = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, qe = class {
   cancelFrame() {
     this.scheduledFrame !== null && (cancelAnimationFrame(this.scheduledFrame), this.scheduledFrame = null);
   }
-}, it = (e, t, n) => {
+}, lt = (e, t, n) => {
   const a = e.arrows.find((i) => i.id === t);
   if (a === void 0) return null;
   const o = a[n];
   return o.anchorType === "panel" ? o : null;
-}, go = (e, t) => e === "start" ? { start: t } : { end: t }, ip = class extends qe {
+}, go = (e, t) => e === "start" ? { start: t } : { end: t }, ip = class extends Xe {
   constructor(...e) {
     super(...e), this.kind = "arrow-endpoint-drag";
   }
   readOwn(e) {
     const { annotationId: t, endpoint: n } = this.params;
-    return nn($(e, "arrow-endpoint-drag"), t, n);
+    return rn($(e, "arrow-endpoint-drag"), t, n);
   }
   resolvePreview(e) {
-    const { annotationId: t, endpoint: n, press: a, readInputs: o } = this.params, { annotations: i, arrow: l, panelRect: s } = o(), c = it(i, t, n);
+    const { annotationId: t, endpoint: n, press: a, readInputs: o } = this.params, { annotations: i, arrow: l, panelRect: s } = o(), c = lt(i, t, n);
     return c === null ? null : {
       kind: "arrow-endpoint-drag",
       annotationId: t,
@@ -6063,13 +6069,13 @@ var op = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, qe = class {
       ...co({
         anchor: c,
         point: l[n],
-        delta: At(a, e, s)
+        delta: kt(a, e, s)
       })
     };
   }
   commit({ anchor: e }) {
-    const { annotationId: t, endpoint: n, dispatch: a, readInputs: o } = this.params, i = it(o().annotations, t, n);
-    i === null || uo(i, e) || a(new le({
+    const { annotationId: t, endpoint: n, dispatch: a, readInputs: o } = this.params, i = lt(o().annotations, t, n);
+    i === null || uo(i, e) || a(new se({
       kind: "arrow",
       id: t,
       patch: go(n, e)
@@ -6081,7 +6087,7 @@ var op = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, qe = class {
     arrow: t,
     panelRect: n
   }), l = ne(null);
-  return F(() => () => l.current?.finish(!1), []), oe((s) => ({ onPointerDown: (c) => {
+  return F(() => () => l.current?.finish(!1), []), ie((s) => ({ onPointerDown: (c) => {
     if (c.button === 0 && l.current === null) {
       try {
         c.currentTarget.setPointerCapture(c.pointerId);
@@ -6126,9 +6132,9 @@ var op = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, qe = class {
     e,
     l,
     s
-  ]), oe((c) => ({ onKeyDown: (u) => {
+  ]), ie((c) => ({ onKeyDown: (u) => {
     if (u.altKey || u.ctrlKey || u.metaKey || u.shiftKey) return;
-    const d = o.getState(), h = nn($(d, "arrow-endpoint-drag"), e, c);
+    const d = o.getState(), h = rn($(d, "arrow-endpoint-drag"), e, c);
     if (sp.includes(u.key)) {
       if (u.preventDefault(), u.repeat) return;
       if (h !== null) {
@@ -6141,7 +6147,7 @@ var op = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, qe = class {
         });
         return;
       }
-      const g = it(i, e, c);
+      const g = lt(i, e, c);
       if (g === null) return;
       d.claimInteraction({
         kind: "arrow-endpoint-drag",
@@ -6173,17 +6179,17 @@ var op = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, qe = class {
     a
   ]);
 }, cr = ({ editorStore: e, annotationId: t, endpoint: n, annotations: a, dispatch: o }) => {
-  const i = e.getState(), l = nn($(i, "arrow-endpoint-drag"), t, n);
+  const i = e.getState(), l = rn($(i, "arrow-endpoint-drag"), t, n);
   if (l === null) return;
   i.releaseInteraction("arrow-endpoint-drag");
-  const s = it(a, t, n);
-  s === null || uo(s, l.anchor) || o(new le({
+  const s = lt(a, t, n);
+  s === null || uo(s, l.anchor) || o(new se({
     kind: "arrow",
     id: t,
     patch: go(n, l.anchor)
   }));
 }, dp = (e, t) => {
-  const n = ie(sr, t.width), a = ie(sr, t.height);
+  const n = le(sr, t.width), a = le(sr, t.height);
   switch (e) {
     case "ArrowLeft":
       return {
@@ -6209,7 +6215,7 @@ var op = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, qe = class {
       return null;
   }
 }, up = (e) => {
-  const t = Ke(), n = mp(t), a = gp(e.panelRect, t), o = vp(t);
+  const t = qe(), n = mp(t), a = gp(e.panelRect, t), o = vp(t);
   if (n === null || a === null) return null;
   const i = o.dragged === null ? a : Sn(a, o.dragged);
   return /* @__PURE__ */ r(hp, {
@@ -6267,7 +6273,7 @@ var op = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, qe = class {
 }, gp = (e, t) => {
   const n = Ie(e).arrows;
   return t === null ? null : n.find((a) => a.id === t) ?? null;
-}, vp = (e) => X(me((t) => {
+}, vp = (e) => X(ge((t) => {
   if (e === null) return {
     dragged: null,
     isMoved: !1
@@ -6275,7 +6281,7 @@ var op = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, qe = class {
   const n = $(t, "arrow-endpoint-drag");
   return {
     dragged: n?.annotationId === e ? n : null,
-    isMoved: ut($(t, "move-drag"), e) !== null
+    isMoved: pt($(t, "move-drag"), e) !== null
   };
 })), fp = (e) => /* @__PURE__ */ r(k, {
   ...e,
@@ -6327,44 +6333,44 @@ var Cp = [
     key: "graph.annotations.differenceArrowToolbar.size.large"
   }
 ], Ap = ({ arrow: e, color: t, labelBox: n, panelRect: a, frameWidth: o, frameHeight: i, frameElement: l }) => {
-  const s = E(), { commands: c } = z(), u = D((b) => b.spec.styles.overrides), d = Tt(), h = Tp(e), p = qs(Q(), e.id), g = I(() => ({
+  const s = E(), { commands: c } = z(), u = D((b) => b.spec.styles.overrides), d = At(), h = Tp(e), p = qs(Q(), e.id), g = I(() => ({
     target: "annotation",
     kind: "differenceArrow",
     annotation: e.id
   }), [e.id]), v = I(() => ({
     ...g,
     part: "label"
-  }), [g]), f = h.find((b) => b.kind === e.label), S = h.some((b) => b.isPickable && b.kind !== e.label), w = ur.find((b) => Rn[b.id].arrow.strokeWidth === p.strokeWidth), y = (b, U) => {
-    c.dispatch(new le({
+  }), [g]), f = h.find((b) => b.kind === e.label), C = h.some((b) => b.isPickable && b.kind !== e.label), w = ur.find((b) => Rn[b.id].arrow.strokeWidth === p.strokeWidth), y = (b, U) => {
+    c.dispatch(new se({
       kind: "differenceArrow",
       id: e.id,
       patch: b
     }), U);
-  }, T = (b) => ({
+  }, A = (b) => ({
     ...Ce(u, { select: g })?.declarations,
     ...b
-  }), x = (b) => ({
+  }), S = (b) => ({
     ...Ce(u, { select: v })?.declarations,
     ...b
-  }), N = (b) => {
+  }), O = (b) => {
     y(b), d.close();
   }, L = () => {
     c.dispatch(new ze({ id: e.id })), l.focus({ preventScroll: !0 });
-  }, O = (b) => c.dispatch(new ke({
+  }, M = (b) => c.dispatch(new ke({
     list: "overrides",
     rule: {
       select: g,
-      declarations: T({ stroke: b })
+      declarations: A({ stroke: b })
     }
   }), { transient: !0 }), _ = () => y({
     start: e.end.anchor,
     end: e.start.anchor
-  }), M = (b) => () => N({ label: b }), C = (b) => () => {
+  }), N = (b) => () => O({ label: b }), x = (b) => () => {
     const U = Rn[b];
     c.dispatch(new xl({
       annotationId: e.id,
-      arrow: T(U.arrow),
-      label: x(U.label)
+      arrow: A(U.arrow),
+      label: S(U.label)
     })), d.close();
   };
   return /* @__PURE__ */ m(R.Root, {
@@ -6378,12 +6384,12 @@ var Cp = [
       /* @__PURE__ */ r(R.Dropdown, {
         label: s("graph.annotations.differenceArrowToolbar.labelKind.ariaLabel"),
         trigger: /* @__PURE__ */ r(kp, { option: f }),
-        isDisabled: !S,
+        isDisabled: !C,
         ...d.bind("labelKind"),
         children: h.map((b) => /* @__PURE__ */ m(R.MenuItem, {
           isSelected: b.kind === e.label,
           isDisabled: !b.isPickable,
-          onClick: M(b.kind),
+          onClick: N(b.kind),
           children: [
             /* @__PURE__ */ r("span", { children: s(b.key) }),
             (b.isSuspect || !b.isPickable) && /* @__PURE__ */ r("span", {
@@ -6403,7 +6409,7 @@ var Cp = [
       /* @__PURE__ */ r(R.ColorPicker, {
         color: t,
         label: s("graph.annotations.differenceArrowToolbar.color"),
-        onChange: O,
+        onChange: M,
         ...d.bind("color"),
         children: /* @__PURE__ */ r(R.Swatch, { color: t })
       }),
@@ -6413,7 +6419,7 @@ var Cp = [
         ...d.bind("size"),
         children: ur.map((b) => /* @__PURE__ */ r(R.MenuItem, {
           isSelected: b.id === w?.id,
-          onClick: C(b.id),
+          onClick: x(b.id),
           children: s(b.key)
         }, b.id))
       }),
@@ -6429,7 +6435,7 @@ var Cp = [
       /* @__PURE__ */ r(R.IconButton, {
         label: s("graph.annotations.differenceArrowToolbar.remove"),
         onClick: L,
-        children: /* @__PURE__ */ r(wt, {
+        children: /* @__PURE__ */ r(Tt, {
           size: "sm",
           title: ""
         })
@@ -6454,7 +6460,7 @@ var Lp = "ydgo3h0", Pp = "ydgo3h1", Ip = "ydgo3h2", Ep = ({ clientPoint: e, pane
   const u = Op({
     x: e.x - t.x,
     y: e.y - t.y
-  }, n), { primary: d } = a.query(ft(u, n));
+  }, n), { primary: d } = a.query(yt(u, n));
   if (d === null) return null;
   const h = o.find((g) => g.id === d.layerId);
   if (h === void 0) return null;
@@ -6471,12 +6477,12 @@ var Lp = "ydgo3h0", Pp = "ydgo3h1", Ip = "ydgo3h2", Ep = ({ clientPoint: e, pane
   x: Math.max(0, Math.min(e.x, t.width)),
   y: Math.max(0, Math.min(e.y, t.height))
 }), vo = (e) => e === "start" ? "end" : "start", fo = ({ dispatch: e, arrow: t, endpoint: n, anchor: a }) => {
-  Qr(a, t[n].anchor) || e(new le({
+  Qr(a, t[n].anchor) || e(new se({
     kind: "differenceArrow",
     id: t.id,
     patch: { [n]: a }
   }));
-}, Mp = class extends qe {
+}, Mp = class extends Xe {
   constructor(...e) {
     super(...e), this.kind = "difference-arrow-endpoint-drag";
   }
@@ -6520,12 +6526,12 @@ var Lp = "ydgo3h0", Pp = "ydgo3h1", Ip = "ydgo3h2", Ep = ({ clientPoint: e, pane
     arrow: e,
     panelOrigin: t,
     panelRect: n,
-    ...D(me((u) => ({
+    ...D(ge((u) => ({
       layers: u.layers,
       coordSystem: u.coordSystem
     })))
   }), c = ne(null);
-  return F(() => () => c.current?.finish(!1), []), oe((u) => ({ onPointerDown: (d) => {
+  return F(() => () => c.current?.finish(!1), []), ie((u) => ({ onPointerDown: (d) => {
     if (d.button === 0 && c.current === null) {
       try {
         d.currentTarget.setPointerCapture(d.pointerId);
@@ -6558,7 +6564,7 @@ var Lp = "ydgo3h0", Pp = "ydgo3h1", Ip = "ydgo3h2", Ep = ({ clientPoint: e, pane
     a
   ]);
 }, Rp = [" ", "Enter"], Dp = ({ arrow: e }) => {
-  const { commands: t, anchorResolver: n } = z(), a = H(), { layers: o, coordSystem: i, mainAxis: l } = D(me((c) => ({
+  const { commands: t, anchorResolver: n } = z(), a = H(), { layers: o, coordSystem: i, mainAxis: l } = D(ge((c) => ({
     layers: c.layers,
     coordSystem: c.coordSystem,
     mainAxis: zs(c.coordSystem)
@@ -6566,7 +6572,7 @@ var Lp = "ydgo3h0", Pp = "ydgo3h1", Ip = "ydgo3h2", Ep = ({ clientPoint: e, pane
   return F(() => () => {
     const c = a.getState();
     $(c, "difference-arrow-endpoint-drag")?.annotationId === s && c.releaseInteraction("difference-arrow-endpoint-drag");
-  }, [a, s]), oe((c) => ({ onKeyDown: (u) => {
+  }, [a, s]), ie((c) => ({ onKeyDown: (u) => {
     if (u.altKey || u.ctrlKey || u.metaKey || u.shiftKey) return;
     const d = a.getState(), h = Fr($(d, "difference-arrow-endpoint-drag"), e.id, c);
     if (Rp.includes(u.key)) {
@@ -6642,7 +6648,7 @@ var Lp = "ydgo3h0", Pp = "ydgo3h1", Ip = "ydgo3h2", Ep = ({ clientPoint: e, pane
     })
   })?.point ?? null;
 }, zp = (e) => {
-  const t = Ke();
+  const t = qe();
   return t === null ? null : /* @__PURE__ */ r(Bp, {
     annotationId: t,
     ...e
@@ -6722,7 +6728,7 @@ var Lp = "ydgo3h0", Pp = "ydgo3h1", Ip = "ydgo3h2", Ep = ({ clientPoint: e, pane
     "aria-hidden": "true",
     className: Pp
   })
-}), Zt = ({ start: e, extent: t, isStartMoving: n, delta: a, minExtent: o }) => {
+}), jt = ({ start: e, extent: t, isStartMoving: n, delta: a, minExtent: o }) => {
   if (!Number.isFinite(a)) return {
     start: e,
     extent: t
@@ -6747,8 +6753,8 @@ var Lp = "ydgo3h0", Pp = "ydgo3h1", Ip = "ydgo3h2", Ep = ({ clientPoint: e, pane
   "bottom-left"
 ];
 var bo = ({ width: e, height: t }) => ({
-  x: ie(16, e),
-  y: ie(16, t)
+  x: le(16, e),
+  y: le(16, t)
 }), Vp = (e, t) => ({
   x: Co(t) ? e.x : e.x + e.width,
   y: xo(t) ? e.y : e.y + e.height
@@ -6758,13 +6764,13 @@ var bo = ({ width: e, height: t }) => ({
   width: e.width,
   height: e.height
 }), yo = ({ region: e, corner: t, delta: n, minSize: a }) => {
-  const o = Zt({
+  const o = jt({
     start: e.x,
     extent: e.width,
     isStartMoving: Co(t),
     delta: n.x,
     minExtent: a.x
-  }), i = Zt({
+  }), i = jt({
     start: e.y,
     extent: e.height,
     isStartMoving: xo(t),
@@ -6789,7 +6795,7 @@ var $p = {
   hovered: "_1ee8fau4 _1ee8fau3",
   selected: "_1ee8fau5 _1ee8fau3"
 }, Wp = ({ panelRect: e }) => {
-  const t = Ie(e), n = Ur(), a = Q(), o = Ke(), i = X((f) => $(f, "move-drag")), l = X((f) => $(f, "shape-resize-drag")), s = X((f) => $(f, "arrow-endpoint-drag")), c = X((f) => $(f, "text-resize-drag")), u = X(hi), d = I(() => ({
+  const t = Ie(e), n = Ur(), a = Q(), o = qe(), i = X((f) => $(f, "move-drag")), l = X((f) => $(f, "shape-resize-drag")), s = X((f) => $(f, "arrow-endpoint-drag")), c = X((f) => $(f, "text-resize-drag")), u = X(hi), d = I(() => ({
     panel: {
       width: e.width,
       height: e.height
@@ -6803,20 +6809,20 @@ var $p = {
     a
   ]), h = pr(t, o, d), p = pr(t, u === o ? null : u, d), g = (f) => {
     if (l?.annotationId === f.id) {
-      const S = t.shapes.find((w) => w.id === f.id);
-      return S === void 0 ? f.geometry : Hr(Cn(l.region), a.annotation.shape(S.id).get("strokeWidth"), d.panel);
+      const C = t.shapes.find((w) => w.id === f.id);
+      return C === void 0 ? f.geometry : Hr(Cn(l.region), a.annotation.shape(C.id).get("strokeWidth"), d.panel);
     }
     if (s?.annotationId === f.id) {
-      const S = t.arrows.find((w) => w.id === f.id);
-      return S === void 0 ? f.geometry : Yi(Sn(S, s), d.panel) ?? f.geometry;
+      const C = t.arrows.find((w) => w.id === f.id);
+      return C === void 0 ? f.geometry : Yi(Sn(C, s), d.panel) ?? f.geometry;
     }
     return c?.annotationId === f.id ? wo(t, f.id, c, d) ?? f.geometry : f.geometry;
   }, v = (f) => {
     if (i?.annotationId !== f) return e;
-    const S = mo(i.translation, e);
+    const C = mo(i.translation, e);
     return {
-      x: e.x + S.x,
-      y: e.y + S.y
+      x: e.x + C.x,
+      y: e.y + C.y
     };
   };
   return /* @__PURE__ */ m(Y, { children: [p !== null && /* @__PURE__ */ r(mr, {
@@ -6894,23 +6900,23 @@ var $p = {
     style: Q().annotation.text(e.id).resolve(),
     blockRef: n
   });
-}, Je = (e, t, n) => {
+}, Qe = (e, t, n) => {
   const a = e.find((o) => o.id === t);
   return a === void 0 ? null : n(a);
 }, Xp = {
-  text: (e, t, n) => Je(e.textAnnotations, t, (a) => /* @__PURE__ */ r(qp, {
+  text: (e, t, n) => Qe(e.textAnnotations, t, (a) => /* @__PURE__ */ r(qp, {
     annotation: a,
     panel: n
   })),
-  shape: (e, t, n) => Je(e.shapes, t, (a) => /* @__PURE__ */ r(Yp, {
+  shape: (e, t, n) => Qe(e.shapes, t, (a) => /* @__PURE__ */ r(Yp, {
     shape: a,
     panelSize: n
   })),
-  image: (e, t, n) => Je(e.images, t, (a) => /* @__PURE__ */ r(Jp, {
+  image: (e, t, n) => Qe(e.images, t, (a) => /* @__PURE__ */ r(Jp, {
     image: a,
     panelSize: n
   })),
-  arrow: (e, t, n) => Je(e.arrows, t, (a) => /* @__PURE__ */ r(jp, {
+  arrow: (e, t, n) => Qe(e.arrows, t, (a) => /* @__PURE__ */ r(jp, {
     arrow: a,
     panelSize: n
   }))
@@ -6987,7 +6993,7 @@ var $p = {
     "aria-hidden": "true",
     className: e2[a]
   })
-}), jt = [
+}), Yt = [
   {
     width: 0,
     key: "graph.annotations.shapeToolbar.border.none"
@@ -7004,26 +7010,26 @@ var $p = {
     width: 16,
     key: "graph.annotations.shapeToolbar.border.thick"
   }
-], n2 = (e) => [...jt].reverse().find((t) => t.width <= e) ?? jt[0], r2 = ({ shape: e, shapeBox: t, panelRect: n, frameWidth: a, frameHeight: o, frameElement: i }) => {
-  const l = E(), { commands: s } = z(), c = D((y) => y.spec.styles.overrides), u = Tt(), d = Q().annotation.shape(e.id).resolve(), h = n2(d.strokeWidth), p = I(() => ({
+], n2 = (e) => [...Yt].reverse().find((t) => t.width <= e) ?? Yt[0], r2 = ({ shape: e, shapeBox: t, panelRect: n, frameWidth: a, frameHeight: o, frameElement: i }) => {
+  const l = E(), { commands: s } = z(), c = D((y) => y.spec.styles.overrides), u = At(), d = Q().annotation.shape(e.id).resolve(), h = n2(d.strokeWidth), p = I(() => ({
     target: "annotation",
     kind: "shape",
     annotation: e.id
-  }), [e.id]), g = (y, T) => {
-    const x = Ce(c, { select: p })?.declarations ?? {};
+  }), [e.id]), g = (y, A) => {
+    const S = Ce(c, { select: p })?.declarations ?? {};
     s.dispatch(new ke({
       list: "overrides",
       rule: {
         select: p,
         declarations: {
-          ...x,
+          ...S,
           ...y
         }
       }
-    }), T);
+    }), A);
   }, v = () => {
     s.dispatch(new ze({ id: e.id })), i.focus({ preventScroll: !0 });
-  }, f = (y) => g({ fill: y }, { transient: !0 }), S = (y) => g({ fillAlpha: y }, { transient: !0 }), w = (y) => () => {
+  }, f = (y) => g({ fill: y }, { transient: !0 }), C = (y) => g({ fillAlpha: y }, { transient: !0 }), w = (y) => () => {
     g({ strokeWidth: y }), u.close();
   };
   return /* @__PURE__ */ m(R.Root, {
@@ -7035,14 +7041,14 @@ var $p = {
     testId: "shape-toolbar",
     children: [
       /* @__PURE__ */ r(R.ColorPicker, {
-        color: rt(d.fill),
+        color: at(d.fill),
         label: l("graph.annotations.shapeToolbar.color"),
         onChange: f,
         opacity: d.fillAlpha,
-        onOpacityChange: S,
+        onOpacityChange: C,
         ...u.bind("color"),
         children: /* @__PURE__ */ r(R.Swatch, {
-          color: rt(d.fill),
+          color: at(d.fill),
           opacity: d.fillAlpha
         })
       }),
@@ -7053,7 +7059,7 @@ var $p = {
           title: ""
         }),
         ...u.bind("border"),
-        children: jt.map((y) => /* @__PURE__ */ r(R.MenuItem, {
+        children: Yt.map((y) => /* @__PURE__ */ r(R.MenuItem, {
           isSelected: y.width === h?.width,
           onClick: w(y.width),
           children: l(y.key)
@@ -7063,7 +7069,7 @@ var $p = {
       /* @__PURE__ */ r(R.IconButton, {
         label: l("graph.annotations.shapeToolbar.remove"),
         onClick: v,
-        children: /* @__PURE__ */ r(wt, {
+        children: /* @__PURE__ */ r(Tt, {
           size: "sm",
           title: ""
         })
@@ -7072,7 +7078,7 @@ var $p = {
   });
 }, Ao = (e) => {
   const t = j(e), n = ne(null);
-  return F(() => () => n.current?.finish(!1), []), oe((a) => ({ onPointerDown: (o) => {
+  return F(() => () => n.current?.finish(!1), []), ie((a) => ({ onPointerDown: (o) => {
     if (o.button !== 0 || n.current !== null) return;
     try {
       o.currentTarget.setPointerCapture(o.pointerId);
@@ -7093,32 +7099,32 @@ var $p = {
     });
     n.current = i, i.start();
   } }), [t]);
-}, lt = (e, t) => {
+}, st = (e, t) => {
   const n = e.shapes.find((a) => a.id === t);
   return n === void 0 || n.region.anchorType !== "panel" ? null : n.region;
-}, a2 = class extends qe {
+}, a2 = class extends Xe {
   constructor(...e) {
     super(...e), this.kind = "shape-resize-drag";
   }
   readOwn(e) {
-    return on($(e, "shape-resize-drag"), this.params.annotationId);
+    return ln($(e, "shape-resize-drag"), this.params.annotationId);
   }
   resolvePreview(e) {
-    const { annotationId: t, corner: n, press: a, readInputs: o } = this.params, { annotations: i, panelRect: l } = o(), s = lt(i, t);
+    const { annotationId: t, corner: n, press: a, readInputs: o } = this.params, { annotations: i, panelRect: l } = o(), s = st(i, t);
     return s === null ? null : {
       kind: "shape-resize-drag",
       annotationId: t,
       region: yo({
         region: s,
         corner: n,
-        delta: At(a, e, l),
+        delta: kt(a, e, l),
         minSize: bo(l)
       })
     };
   }
   commit({ region: e }) {
-    const { annotationId: t, dispatch: n, readInputs: a } = this.params, o = lt(a().annotations, t);
-    o === null || So(o, e) || n(new le({
+    const { annotationId: t, dispatch: n, readInputs: a } = this.params, o = st(a().annotations, t);
+    o === null || So(o, e) || n(new se({
       kind: "shape",
       id: t,
       patch: { region: e }
@@ -7139,7 +7145,7 @@ var $p = {
   }));
 }, i2 = [" ", "Enter"], ko = (e) => {
   const t = H(), n = j(e);
-  return F(() => () => vr(t, n.current), [t, n]), oe((a) => ({ onKeyDown: (o) => {
+  return F(() => () => vr(t, n.current), [t, n]), ie((a) => ({ onKeyDown: (o) => {
     if (o.altKey || o.ctrlKey || o.metaKey || o.shiftKey) return;
     const i = t.getState(), l = n.current.readHeld();
     if (i2.includes(o.key)) {
@@ -7163,9 +7169,9 @@ var $p = {
 }, fr = 4, l2 = ({ annotationId: e, panelRect: t }) => {
   const { commands: n } = z(), a = H(), o = D((i) => i.spec.annotations);
   return ko({
-    readHeld: () => on($(a.getState(), "shape-resize-drag"), e),
+    readHeld: () => ln($(a.getState(), "shape-resize-drag"), e),
     claim: () => {
-      const i = lt(o, e);
+      const i = st(o, e);
       return i === null ? null : {
         kind: "shape-resize-drag",
         annotationId: e,
@@ -7186,8 +7192,8 @@ var $p = {
       };
     },
     commit: ({ region: i }) => {
-      const l = lt(o, e);
-      l === null || So(l, i) || n.dispatch(new le({
+      const l = st(o, e);
+      l === null || So(l, i) || n.dispatch(new se({
         kind: "shape",
         id: e,
         patch: { region: i }
@@ -7195,7 +7201,7 @@ var $p = {
     }
   });
 }, s2 = (e, t) => {
-  const n = ie(fr, t.width), a = ie(fr, t.height);
+  const n = le(fr, t.width), a = le(fr, t.height);
   switch (e) {
     case "ArrowLeft":
       return {
@@ -7226,7 +7232,7 @@ var $p = {
   "top-right": "diagonalUp",
   "bottom-left": "diagonalUp"
 }, d2 = (e) => {
-  const t = Ke(), n = h2(t), a = p2(t);
+  const t = qe(), n = h2(t), a = p2(t);
   if (n === null) return null;
   const o = a.resizedRegion ?? (n.region.anchorType === "panel" ? n.region : null);
   return o === null ? null : /* @__PURE__ */ r(u2, {
@@ -7276,12 +7282,12 @@ var $p = {
 }, h2 = (e) => {
   const t = D((n) => n.spec.annotations.shapes);
   return e === null ? null : t.find((n) => n.id === e) ?? null;
-}, p2 = (e) => X(me((t) => e === null ? {
+}, p2 = (e) => X(ge((t) => e === null ? {
   resizedRegion: null,
   isMoved: !1
 } : {
-  resizedRegion: on($(t, "shape-resize-drag"), e)?.region ?? null,
-  isMoved: ut($(t, "move-drag"), e) !== null
+  resizedRegion: ln($(t, "shape-resize-drag"), e)?.region ?? null,
+  isMoved: pt($(t, "move-drag"), e) !== null
 })), m2 = ({ textColor: e, ...t }) => /* @__PURE__ */ m(k, {
   ...t,
   children: [/* @__PURE__ */ m("g", {
@@ -7296,13 +7302,13 @@ var $p = {
     strokeLinecap: "round"
   })]
 });
-var st = "textStyle", Lo = /* @__PURE__ */ new Set(["paragraph", "heading"]), g2 = (e) => {
+var ct = "textStyle", Lo = /* @__PURE__ */ new Set(["paragraph", "heading"]), g2 = (e) => {
   const t = Po(e), n = C2(e);
   return {
-    color: Qe(t.map((a) => x2(_t(a)?.color))),
-    font: Qe(t.map((a) => S2(_t(a)))),
-    fontSize: Qe(t.map((a) => w2(_t(a)?.fontSize))),
-    alignment: Qe(n.map((a) => T2(a.attrs?.textAlign)))
+    color: et(t.map((a) => x2(Ft(a)?.color))),
+    font: et(t.map((a) => S2(Ft(a)))),
+    fontSize: et(t.map((a) => w2(Ft(a)?.fontSize))),
+    alignment: et(n.map((a) => T2(a.attrs?.textAlign)))
   };
 }, v2 = (e, t) => xn(e, (n) => n.type === "text" ? y2(n, t) : n), f2 = (e) => Po(e).length > 0, b2 = (e, t) => xn(e, (n) => Lo.has(n.type ?? "") ? {
   ...n,
@@ -7314,8 +7320,8 @@ var st = "textStyle", Lo = /* @__PURE__ */ new Set(["paragraph", "heading"]), g2
   ...e,
   content: e.content.map((n) => xn(n, t))
 }), y2 = (e, t) => {
-  const n = e.marks ?? [], a = n.find((i) => i.type === st), o = {
-    type: st,
+  const n = e.marks ?? [], a = n.find((i) => i.type === ct), o = {
+    type: ct,
     attrs: {
       ...a?.attrs,
       ...t
@@ -7325,7 +7331,7 @@ var st = "textStyle", Lo = /* @__PURE__ */ new Set(["paragraph", "heading"]), g2
     ...e,
     marks: a === void 0 ? [...n, o] : n.map((i) => i === a ? o : i)
   };
-}, _t = (e) => e.marks?.find((t) => t.type === st)?.attrs, S2 = (e) => On(e?.font) ?? On(e?.fontFamily), Po = (e) => wn(e, (t) => t.type === "text"), C2 = (e) => wn(e, (t) => Lo.has(t.type ?? "")), wn = (e, t) => [...t(e) ? [e] : [], ...(e.content ?? []).flatMap((n) => wn(n, t))], Qe = (e) => {
+}, Ft = (e) => e.marks?.find((t) => t.type === ct)?.attrs, S2 = (e) => On(e?.font) ?? On(e?.fontFamily), Po = (e) => wn(e, (t) => t.type === "text"), C2 = (e) => wn(e, (t) => Lo.has(t.type ?? "")), wn = (e, t) => [...t(e) ? [e] : [], ...(e.content ?? []).flatMap((n) => wn(n, t))], et = (e) => {
   const [t, ...n] = e;
   return t === void 0 ? null : n.every((a) => a === t) ? t : null;
 }, x2 = (e) => typeof e == "string" && e.length > 0 ? e : void 0, w2 = (e) => typeof e == "number" && Number.isFinite(e) ? e : void 0, T2 = (e) => e === "left" || e === "center" || e === "right" ? e : void 0;
@@ -7390,16 +7396,16 @@ var Eo = [
     Icon: Ra
   }
 ], I2 = ({ annotation: e, textBox: t, panelRect: n, frameWidth: a, frameHeight: o, frameElement: i }) => {
-  const l = E(), { commands: s } = z(), c = D((b) => b.spec.styles.overrides), u = H(), d = Tt(), h = Q().annotation.text(e.id).resolve(), p = g2(e.content), g = A2(p.font), v = k2(p.fontSize), f = p.color ?? h.textColor, S = I(() => ({
+  const l = E(), { commands: s } = z(), c = D((b) => b.spec.styles.overrides), u = H(), d = At(), h = Q().annotation.text(e.id).resolve(), p = g2(e.content), g = A2(p.font), v = k2(p.fontSize), f = p.color ?? h.textColor, C = I(() => ({
     target: "annotation",
     kind: "text",
     annotation: e.id
   }), [e.id]), w = (b, U) => {
-    const ee = Ce(c, { select: S })?.declarations ?? {};
+    const ee = Ce(c, { select: C })?.declarations ?? {};
     s.dispatch(new ke({
       list: "overrides",
       rule: {
-        select: S,
+        select: C,
         declarations: {
           ...ee,
           ...b
@@ -7407,25 +7413,25 @@ var Eo = [
       }
     }), U);
   }, y = (b, U) => {
-    s.dispatch(new le({
+    s.dispatch(new se({
       kind: "text",
       id: e.id,
       patch: b
     }), U);
-  }, T = () => u.getState().caret?.editor?.getJSON() ?? e.content, x = (b, U) => {
-    const ee = T(), ae = u.getState().caret?.editor ?? null;
+  }, A = () => u.getState().caret?.editor?.getJSON() ?? e.content, S = (b, U) => {
+    const ee = A(), ae = u.getState().caret?.editor ?? null;
     if (ae !== null && !f2(ee)) {
-      ae.chain().focus().setMark(st, b).run();
+      ae.chain().focus().setMark(ct, b).run();
       return;
     }
     y({ content: v2(ee, b) }, U);
-  }, N = () => {
+  }, O = () => {
     s.dispatch(new ze({ id: e.id })), i.focus({ preventScroll: !0 });
-  }, L = (b) => w(E2(b), { transient: !0 }), O = (b) => x({ color: b }, { transient: !0 }), _ = (b) => () => {
-    x({ font: b }), d.close();
-  }, M = (b) => () => {
-    x({ fontSize: b }), d.close();
-  }, C = (b) => y({ content: b2(T(), b) });
+  }, L = (b) => w(E2(b), { transient: !0 }), M = (b) => S({ color: b }, { transient: !0 }), _ = (b) => () => {
+    S({ font: b }), d.close();
+  }, N = (b) => () => {
+    S({ fontSize: b }), d.close();
+  }, x = (b) => y({ content: b2(A(), b) });
   return /* @__PURE__ */ m(R.Root, {
     anchorBox: t,
     panelRect: n,
@@ -7435,17 +7441,17 @@ var Eo = [
     testId: "text-toolbar",
     children: [
       /* @__PURE__ */ r(R.ColorPicker, {
-        color: rt(h.fill),
+        color: at(h.fill),
         label: l("graph.annotations.textToolbar.background"),
         hasTransparentOption: !0,
         onChange: L,
         ...d.bind("background"),
-        children: /* @__PURE__ */ r(R.Swatch, { color: h.fill === "transparent" ? ya : rt(h.fill) })
+        children: /* @__PURE__ */ r(R.Swatch, { color: h.fill === "transparent" ? ya : at(h.fill) })
       }),
       /* @__PURE__ */ r(R.ColorPicker, {
         color: f,
         label: l("graph.annotations.textToolbar.color"),
-        onChange: O,
+        onChange: M,
         ...d.bind("color"),
         children: /* @__PURE__ */ r(m2, {
           size: "sm",
@@ -7475,7 +7481,7 @@ var Eo = [
         ...d.bind("fontSize"),
         children: Eo.map((b) => /* @__PURE__ */ r(R.MenuItem, {
           isSelected: b.size === v?.size,
-          onClick: M(b.size),
+          onClick: N(b.size),
           children: /* @__PURE__ */ r("span", {
             style: { fontSize: L2(b.size) },
             children: l(b.key)
@@ -7485,13 +7491,13 @@ var Eo = [
       /* @__PURE__ */ r(R.Separator, {}),
       /* @__PURE__ */ r(O2, {
         current: p.alignment ?? "center",
-        onPick: C
+        onPick: x
       }),
       /* @__PURE__ */ r(R.Separator, {}),
       /* @__PURE__ */ r(R.IconButton, {
         label: l("graph.annotations.textToolbar.remove"),
-        onClick: N,
-        children: /* @__PURE__ */ r(wt, {
+        onClick: O,
+        children: /* @__PURE__ */ r(Tt, {
           size: "sm",
           title: ""
         })
@@ -7513,7 +7519,7 @@ var Eo = [
     })
   }, o.alignment)) });
 }, M2 = ["left", "right"];
-var Oo = ({ width: e }) => ie(60, e), N2 = (e, t) => ({
+var Oo = ({ width: e }) => le(60, e), N2 = (e, t) => ({
   x: t === "left" ? e.x : e.x + e.width,
   y: e.y + e.height / 2
 }), Mo = ({ at: e, width: t, align: n, edge: a, delta: o, minWidth: i, panelWidth: l }) => {
@@ -7522,7 +7528,7 @@ var Oo = ({ width: e }) => ie(60, e), N2 = (e, t) => ({
     width: t,
     shift: 0
   };
-  const s = es(n).x, c = R2(e.offset, l), u = Zt({
+  const s = es(n).x, c = R2(e.offset, l), u = jt({
     start: e.x + c - s * t,
     extent: t,
     isStartMoving: a === "left",
@@ -7537,24 +7543,24 @@ var Oo = ({ width: e }) => ie(60, e), N2 = (e, t) => ({
     width: u.extent,
     shift: d - e.x
   };
-}, No = (e, t) => e.at.x === t.at.x && e.width === t.width, R2 = (e, t) => e?.x === void 0 ? 0 : e.unit === "px" ? ie(e.x, t) : e.x, ct = (e, t) => {
+}, No = (e, t) => e.at.x === t.at.x && e.width === t.width, R2 = (e, t) => e?.x === void 0 ? 0 : e.unit === "px" ? le(e.x, t) : e.x, dt = (e, t) => {
   const n = e.textAnnotations.find((a) => a.id === t);
   return n === void 0 || n.at.anchorType !== "panel" ? null : {
     at: n.at,
     width: n.width,
     align: n.align
   };
-}, D2 = class extends qe {
+}, D2 = class extends Xe {
   constructor(...e) {
     super(...e), this.kind = "text-resize-drag";
   }
   readOwn(e) {
-    return an($(e, "text-resize-drag"), this.params.annotationId);
+    return on($(e, "text-resize-drag"), this.params.annotationId);
   }
   resolvePreview(e) {
-    const { annotationId: t, edge: n, press: a, readInputs: o } = this.params, { annotations: i, panelRect: l } = o(), s = ct(i, t);
+    const { annotationId: t, edge: n, press: a, readInputs: o } = this.params, { annotations: i, panelRect: l } = o(), s = dt(i, t);
     if (s === null) return null;
-    const c = At(a, e, l).x;
+    const c = kt(a, e, l).x;
     return {
       kind: "text-resize-drag",
       annotationId: t,
@@ -7569,8 +7575,8 @@ var Oo = ({ width: e }) => ie(60, e), N2 = (e, t) => ({
     };
   }
   commit(e) {
-    const { annotationId: t, dispatch: n, readInputs: a } = this.params, o = ct(a().annotations, t);
-    o === null || No(o, e) || n(new le({
+    const { annotationId: t, dispatch: n, readInputs: a } = this.params, o = dt(a().annotations, t);
+    o === null || No(o, e) || n(new se({
       kind: "text",
       id: t,
       patch: {
@@ -7594,7 +7600,7 @@ var Oo = ({ width: e }) => ie(60, e), N2 = (e, t) => ({
   }));
 }, F2 = 4, z2 = ({ annotationId: e, panelRect: t }) => {
   const { commands: n } = z(), a = H(), o = D((l) => l.spec.annotations), i = (l, s) => {
-    const c = ct(o, e);
+    const c = dt(o, e);
     return c === null ? null : {
       kind: "text-resize-drag",
       annotationId: e,
@@ -7609,15 +7615,15 @@ var Oo = ({ width: e }) => ie(60, e), N2 = (e, t) => ({
     };
   };
   return ko({
-    readHeld: () => an($(a.getState(), "text-resize-drag"), e),
+    readHeld: () => on($(a.getState(), "text-resize-drag"), e),
     claim: (l) => i(l, 0),
     step: (l, s, c) => {
       const u = B2(c, t);
       return u === null ? null : i(s, l.delta + u);
     },
     commit: (l) => {
-      const s = ct(o, e);
-      s === null || No(s, l) || n.dispatch(new le({
+      const s = dt(o, e);
+      s === null || No(s, l) || n.dispatch(new se({
         kind: "text",
         id: e,
         patch: {
@@ -7628,7 +7634,7 @@ var Oo = ({ width: e }) => ie(60, e), N2 = (e, t) => ({
     }
   });
 }, B2 = (e, t) => {
-  const n = ie(F2, t.width);
+  const n = le(F2, t.width);
   switch (e) {
     case "ArrowLeft":
       return -n;
@@ -7638,7 +7644,7 @@ var Oo = ({ width: e }) => ie(60, e), N2 = (e, t) => ({
       return null;
   }
 }, H2 = (e) => {
-  const t = Ke(), n = V2(t), a = $2(t), o = X((l) => l.caret?.annotationId === t), i = U2(e.panelRect, t, a.resized);
+  const t = qe(), n = V2(t), a = $2(t), o = X((l) => l.caret?.annotationId === t), i = U2(e.panelRect, t, a.resized);
   return n === null || i === null ? null : /* @__PURE__ */ r(G2, {
     annotation: n,
     textBox: i,
@@ -7688,12 +7694,12 @@ var Oo = ({ width: e }) => ie(60, e), N2 = (e, t) => ({
 }, V2 = (e) => {
   const t = D((n) => n.spec.annotations.textAnnotations);
   return e === null ? null : t.find((n) => n.id === e) ?? null;
-}, $2 = (e) => X(me((t) => e === null ? {
+}, $2 = (e) => X(ge((t) => e === null ? {
   resized: null,
   isMoved: !1
 } : {
-  resized: an($(t, "text-resize-drag"), e),
-  isMoved: ut($(t, "move-drag"), e) !== null
+  resized: on($(t, "text-resize-drag"), e),
+  isMoved: pt($(t, "move-drag"), e) !== null
 })), U2 = (e, t, n) => {
   const a = Ie(e), o = Ur(), i = Q(), l = I(() => ({
     panel: {
@@ -7733,13 +7739,13 @@ var X2 = "_1tyillx1", Z2 = {
 }, J2 = ({ interaction: e, panelRect: t }) => {
   const n = H(), a = e.kind === "trigger" || e.kind === "menu" ? e.anchor : null, o = Q2(e), i = I(() => {
     if (a === null) return null;
-    const l = nt(a.position, t);
+    const l = rt(a.position, t);
     return {
       center: l,
       radius: 19 * q2[o],
       target: {
         kind: "observation",
-        cursor: ft(l, t)
+        cursor: yt(l, t)
       }
     };
   }, [
@@ -7757,7 +7763,7 @@ var X2 = "_1tyillx1", Z2 = {
     style: {
       left: t.x + i.center.x,
       top: t.y + i.center.y,
-      ...bt({ [K2]: a.color })
+      ...We({ [K2]: a.color })
     },
     children: /* @__PURE__ */ r("span", {
       className: fe(j2, Y2[o === "open" ? "open" : "closed"]),
@@ -7783,7 +7789,7 @@ var X2 = "_1tyillx1", Z2 = {
     n,
     a
   ]);
-}, nm = (e, t) => typeof document.elementsFromPoint == "function" ? document.elementsFromPoint(e, t) : [], Ro = (e, t, n) => ht(nm(e, t), n), rm = (e) => {
+}, nm = (e, t) => typeof document.elementsFromPoint == "function" ? document.elementsFromPoint(e, t) : [], Ro = (e, t, n) => mt(nm(e, t), n), rm = (e) => {
   const { selectionStore: t, chartId: n } = z(), a = H();
   F(() => {
     let o = null;
@@ -7842,7 +7848,7 @@ var X2 = "_1tyillx1", Z2 = {
   return null;
 }, im = (e, t) => {
   for (const n of e) {
-    const a = vt(n.mapping[t]);
+    const a = bt(n.mapping[t]);
     if (a !== null && lm(n, a)) return {
       layer: n,
       variable: a
@@ -7875,7 +7881,7 @@ var X2 = "_1tyillx1", Z2 = {
   if (l === void 0) return null;
   const s = sa(o), c = i?.intersects !== !1, u = Ms(l), d = c || !As(n) ? [u] : ["x-value", u];
   for (const h of d) {
-    const p = mt({
+    const p = vt({
       layer: l,
       observationIndex: s,
       scope: h,
@@ -7892,7 +7898,7 @@ var X2 = "_1tyillx1", Z2 = {
 }, dm = (e, t, n) => {
   if (!e.isOnObservation || e.target.scope !== "series") return null;
   const a = ve(t, e.layerId);
-  return a === void 0 ? null : mt({
+  return a === void 0 ? null : vt({
     layer: a,
     observationIndex: e.observationIndex,
     scope: "data-point",
@@ -7916,14 +7922,14 @@ var X2 = "_1tyillx1", Z2 = {
     layers: d.layers,
     scales: d.scales,
     parsingLocale: d.config.parsingLocale
-  }), S = En({
+  }), C = En({
     isMenuTrigger: h,
     stamped: br(p, f !== null, e, t),
     observations: f
   });
   return {
-    targetAtPoint: S,
-    hover: S?.kind === "observations" ? v : null
+    targetAtPoint: C,
+    hover: C?.kind === "observations" ? v : null
   };
 }, um = (e) => {
   const t = e.getBoundingClientRect();
@@ -7932,23 +7938,23 @@ var X2 = "_1tyillx1", Z2 = {
   if (!a && l.coordSystem.type === "cartesian" && e && t) return null;
   const s = e || a ? Ro(n.clientX, n.clientY, i) : hm(n.target, i);
   return s === null ? null : (s.kind === "annotation" ? a : o) ? s : null;
-}, hm = (e, t) => e instanceof Element ? ht([e], t) : null, pm = (e, t, n) => {
+}, hm = (e, t) => e instanceof Element ? mt([e], t) : null, pm = (e, t, n) => {
   const a = {
     x: e.clientX - t.left,
     y: e.clientY - t.top
   };
-  return n.engine.query(ft(a, t), n.tolerance, t);
-}, mm = class extends qe {
+  return n.engine.query(yt(a, t), n.tolerance, t);
+}, mm = class extends Xe {
   constructor(...e) {
     super(...e), this.kind = "move-drag";
   }
   readOwn(e) {
-    return ut($(e, "move-drag"), this.params.annotationId);
+    return pt($(e, "move-drag"), this.params.annotationId);
   }
   resolvePreview(e) {
     const { annotationId: t, press: n, readInputs: a } = this.params, { annotations: o, panelRect: i } = a(), l = ps(o, t);
     if (l === null) return null;
-    const s = ss(l, At(n, e, i));
+    const s = ss(l, kt(n, e, i));
     return s === null ? null : {
       kind: "move-drag",
       annotationId: t,
@@ -7994,24 +8000,24 @@ var X2 = "_1tyillx1", Z2 = {
   target: e,
   observationIndex: n ? t : null
 }, fm = (e, t, n, a, o) => {
-  const { commands: i, selectionStore: l, store: s } = z(), c = H(), u = D((S) => S.spec.annotations), d = Ee[xe()], h = j(d.graphPress), p = j({
+  const { commands: i, selectionStore: l, store: s } = z(), c = H(), u = D((C) => C.spec.annotations), d = Ee[xe()], h = j(d.graphPress), p = j({
     annotations: u,
     panelRect: n
   }), g = j(t), v = j(o), f = ne(null);
-  F(() => () => f.current?.finish(!1), []), F(() => l.subscribe(({ selection: S }) => {
-    const w = c.getState().pressedObservation, [y, ...T] = S, x = y !== void 0 && T.length === 0 && w !== null && ea(y, w.selectedFor);
-    w !== null && !x && c.getState().setPressedObservation(null);
+  F(() => () => f.current?.finish(!1), []), F(() => l.subscribe(({ selection: C }) => {
+    const w = c.getState().pressedObservation, [y, ...A] = C, S = y !== void 0 && A.length === 0 && w !== null && ea(y, w.selectedFor);
+    w !== null && !S && c.getState().setPressedObservation(null);
   }), [c, l]), F(() => {
-    const S = (L) => Do({
+    const C = (L) => Do({
       target: L.target,
       clientX: L.clientX,
       clientY: L.clientY
     }, a()).targetAtPoint, w = (L) => {
       if (!(L.target instanceof Element)) return !1;
-      const O = L.target.closest(_r);
-      return O !== null && e.contains(O) && ht([L.target], e) === null;
-    }, y = (L, O) => {
-      if (f.current !== null || !Xi(p.current.annotations, O.id)) return;
+      const M = L.target.closest(_r);
+      return M !== null && e.contains(M) && mt([L.target], e) === null;
+    }, y = (L, M) => {
+      if (f.current !== null || !Xi(p.current.annotations, M.id)) return;
       try {
         e.setPointerCapture(L.pointerId);
       } catch {
@@ -8021,7 +8027,7 @@ var X2 = "_1tyillx1", Z2 = {
       const _ = new mm({
         handle: e,
         pointerId: L.pointerId,
-        annotationId: O.id,
+        annotationId: M.id,
         press: {
           x: L.clientX,
           y: L.clientY
@@ -8034,42 +8040,42 @@ var X2 = "_1tyillx1", Z2 = {
         }
       });
       f.current = _, _.start();
-    }, T = (L, O) => {
-      const _ = l.getState(), { layers: M, config: C } = s.getState().scene, b = O.kind === "select-observations" && O.observationIndex !== null ? gi(O.observationIndex, M, O.target, C.parsingLocale) : null;
-      switch (c.getState().setPressedObservation(b), O.kind) {
+    }, A = (L, M) => {
+      const _ = l.getState(), { layers: N, config: x } = s.getState().scene, b = M.kind === "select-observations" && M.observationIndex !== null ? gi(M.observationIndex, N, M.target, x.parsingLocale) : null;
+      switch (c.getState().setPressedObservation(b), M.kind) {
         case "select-annotation":
-          _.setSelection([O.target]), y(L, O.target);
+          _.setSelection([M.target]), y(L, M.target);
           return;
         case "select-observations":
         case "select-band":
         case "select-guide":
         case "select-graph":
-          _.setSelection([O.target]);
+          _.setSelection([M.target]);
           return;
         case "clear":
           _.clearSelection();
           return;
         default:
-          throw new ll({ message: `No press outcome for: ${JSON.stringify(O)}` });
+          throw new ll({ message: `No press outcome for: ${JSON.stringify(M)}` });
       }
-    }, x = (L) => {
-      if (L.button !== 0 || qt(L.target) || Ha(L, g.current, c.getState().menuTrigger) || w(L)) return;
-      const O = gm(S(L), {
+    }, S = (L) => {
+      if (L.button !== 0 || Xt(L.target) || Ha(L, g.current, c.getState().menuTrigger) || w(L)) return;
+      const M = gm(C(L), {
         canSelectGraph: h.current,
         isWithinFrame: L.target instanceof Node && e.contains(L.target),
         caretAnnotationId: c.getState().caret?.annotationId ?? null
       });
-      O.kind !== "keep-caret" && (c.getState().setCaret(null), T(L, O));
-    }, N = (L) => {
-      if (qt(L.target) || w(L)) return;
-      const O = S(L), { layers: _, guides: M, config: C } = s.getState().scene, b = l.getState(), U = c.getState();
-      switch (O?.kind) {
+      M.kind !== "keep-caret" && (c.getState().setCaret(null), A(L, M));
+    }, O = (L) => {
+      if (Xt(L.target) || w(L)) return;
+      const M = C(L), { layers: _, guides: N, config: x } = s.getState().scene, b = l.getState(), U = c.getState();
+      switch (M?.kind) {
         case "observations": {
-          const { observations: ee } = O, ae = dm(ee, _, C.parsingLocale);
+          const { observations: ee } = M, ae = dm(ee, _, x.parsingLocale);
           if (ae === null) return;
-          const { observationIndex: Et } = ee;
+          const { observationIndex: Ot } = ee;
           U.setPressedObservation({
-            observationIndex: Et,
+            observationIndex: Ot,
             predicate: ae.predicate,
             selectedFor: ae
           }), b.setSelection([ae]);
@@ -8077,18 +8083,18 @@ var X2 = "_1tyillx1", Z2 = {
         }
         case "axis":
         case "legend": {
-          const ee = am(O, {
+          const ee = am(M, {
             layers: _,
-            legends: M.legends.drawn,
+            legends: N.legends.drawn,
             formattedAxes: v.current,
-            parsingLocale: C.parsingLocale
+            parsingLocale: x.parsingLocale
           });
           if (ee === null) return;
           b.setSelection([ee]);
           return;
         }
         case "annotation": {
-          const { target: ee } = O;
+          const { target: ee } = M;
           if (!p.current.annotations.textAnnotations.some((ae) => ae.id === ee.id)) return;
           b.setSelection([ee]), U.setCaret(ee.id);
           return;
@@ -8099,8 +8105,8 @@ var X2 = "_1tyillx1", Z2 = {
           return;
       }
     };
-    return document.addEventListener("pointerdown", x), document.addEventListener("dblclick", N), () => {
-      document.removeEventListener("pointerdown", x), document.removeEventListener("dblclick", N);
+    return document.addEventListener("pointerdown", S), document.addEventListener("dblclick", O), () => {
+      document.removeEventListener("pointerdown", S), document.removeEventListener("dblclick", O);
     };
   }, [
     e,
@@ -8115,17 +8121,17 @@ var X2 = "_1tyillx1", Z2 = {
     a
   ]);
 }, bm = (e) => {
-  const { selectionStore: t, commands: n, chartId: a } = z(), o = H(), i = j(D((d) => d.spec.annotations.textAnnotations)), { annotations: l } = Ee[xe()], s = oe((d) => {
-    const { selection: h } = t.getState(), p = l ? Xt(h) : null;
+  const { selectionStore: t, commands: n, chartId: a } = z(), o = H(), i = j(D((d) => d.spec.annotations.textAnnotations)), { annotations: l } = Ee[xe()], s = ie((d) => {
+    const { selection: h } = t.getState(), p = l ? Zt(h) : null;
     p !== null && (d.preventDefault(), n.dispatch(new ze({ id: p })), e.focus({ preventScroll: !0 }));
   }, [
     e,
     n,
     t,
     l
-  ]), c = oe((d) => {
-    if (tt(d.target, a)) return;
-    const h = l ? Xt(t.getState().selection) : null;
+  ]), c = ie((d) => {
+    if (nt(d.target, a)) return;
+    const h = l ? Zt(t.getState().selection) : null;
     h !== null && i.current.some((p) => p.id === h) && (d.preventDefault(), o.getState().setCaret(h));
   }, [
     o,
@@ -8133,7 +8139,7 @@ var X2 = "_1tyillx1", Z2 = {
     i,
     a,
     l
-  ]), u = oe((d) => {
+  ]), u = ie((d) => {
     const h = o.getState(), p = h.standingInteraction?.kind;
     if (p !== void 0) {
       p !== "chrome-popup" && h.releaseInteraction(p);
@@ -8143,7 +8149,7 @@ var X2 = "_1tyillx1", Z2 = {
       h.setCaret(null), e.focus({ preventScroll: !0 });
       return;
     }
-    return tt(d.target, a) ? e.focus({ preventScroll: !0 }) : t.getState().clearSelection();
+    return nt(d.target, a) ? e.focus({ preventScroll: !0 }) : t.getState().clearSelection();
   }, [
     o,
     t,
@@ -8153,7 +8159,7 @@ var X2 = "_1tyillx1", Z2 = {
   F(() => {
     const d = (h) => {
       if (!$e(h.target, e, a) || Ba(h.target)) return;
-      const p = ym(h.target), g = o.getState().caret !== null && !tt(h.target, a);
+      const p = ym(h.target), g = o.getState().caret !== null && !nt(h.target, a);
       if (!(p && !g))
         switch (h.key) {
           case "Escape":
@@ -8178,7 +8184,7 @@ var X2 = "_1tyillx1", Z2 = {
   ]);
 }, ym = (e) => e instanceof HTMLElement && (e.isContentEditable || e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement), Sm = (e, t) => {
   const n = H(), { store: a } = z(), { engine: o, overlayRef: i } = Ue(), l = j(t), { annotations: s, observationsPress: c, guidePress: u, tolerance: d } = Ee[xe()];
-  return oe(() => ({
+  return ie(() => ({
     frameElement: e,
     captureRect: i.current,
     panelOrigin: l.current,
@@ -8202,7 +8208,7 @@ var X2 = "_1tyillx1", Z2 = {
     a
   ]);
 }, Cm = () => {
-  const e = Ee[xe()].observationMenu, t = Ii((l) => e ? l.hover.primary : null), { layers: n, coordSystem: a } = D(me((l) => ({
+  const e = Ee[xe()].observationMenu, t = Ii((l) => e ? l.hover.primary : null), { layers: n, coordSystem: a } = D(ge((l) => ({
     layers: l.layers,
     coordSystem: l.coordSystem
   }))), { anchorResolver: o } = z(), i = Vr();
@@ -8247,24 +8253,24 @@ var X2 = "_1tyillx1", Z2 = {
   F(() => {
     const d = (f) => Ha(f, c.current, a.getState().menuTrigger), h = (f) => {
       if (d(f) || o.getState().selection.length > 0) return;
-      const S = u.current, w = c.current, y = {
+      const C = u.current, w = c.current, y = {
         x: f.clientX - w.x,
         y: f.clientY - w.y
-      }, T = wm(y, S) ? l.query(ft(y, S)) : cn;
-      i.getState().setHoverState(T);
+      }, A = wm(y, C) ? l.query(yt(y, C)) : cn;
+      i.getState().setHoverState(A);
     };
     let p = !1;
     const g = () => {
       p = s.current.kind === "menu";
     }, v = (f) => {
-      if (qt(f.target)) return;
-      const { claimInteraction: S, releaseInteraction: w } = a.getState();
+      if (Xt(f.target)) return;
+      const { claimInteraction: C, releaseInteraction: w } = a.getState();
       if (!d(f) || p) {
         w("menu"), p && h(f);
         return;
       }
       const y = s.current;
-      y.kind === "trigger" && S({
+      y.kind === "trigger" && C({
         kind: "menu",
         anchor: y.anchor
       });
@@ -8285,48 +8291,48 @@ var X2 = "_1tyillx1", Z2 = {
   const a = H(), { store: o } = z(), { store: i } = Ue(), l = j(t), s = Ee[xe()].observationsPress;
   F(() => (i.getState().setQueryOwnedByEditor(s), () => i.getState().setQueryOwnedByEditor(!1)), [i, s]), F(() => {
     let c = null, u = null, d = !1;
-    const h = (x) => {
+    const h = (S) => {
       if (!s) return;
-      const N = i.getState();
-      N.isPointerSuspended || x === null && N.hover.primary === null || N.setHoverState(x ?? cn);
+      const O = i.getState();
+      O.isPointerSuspended || S === null && O.hover.primary === null || O.setHoverState(S ?? cn);
     }, p = () => {
       if (c = null, u === null) return;
-      const x = a.getState();
-      if (et(x.standingInteraction)) {
-        const O = x.menuTrigger !== null && un({
+      const S = a.getState();
+      if (tt(S.standingInteraction)) {
+        const M = S.menuTrigger !== null && un({
           x: u.clientX - l.current.x,
           y: u.clientY - l.current.y
-        }, x.menuTrigger), _ = x.editTargetUnderPointer;
-        O ? x.setEditTargetUnderPointer({ kind: "menu-trigger" }) : _?.kind === "menu-trigger" && x.setEditTargetUnderPointer(null);
+        }, S.menuTrigger), _ = S.editTargetUnderPointer;
+        M ? S.setEditTargetUnderPointer({ kind: "menu-trigger" }) : _?.kind === "menu-trigger" && S.setEditTargetUnderPointer(null);
         return;
       }
       d && (d = !1, u = {
         ...u,
         target: km(u)
       });
-      const { targetAtPoint: N, hover: L } = Do(u, n());
-      x.setEditTargetUnderPointer(N), h(L);
+      const { targetAtPoint: O, hover: L } = Do(u, n());
+      S.setEditTargetUnderPointer(O), h(L);
     }, g = () => {
       c === null && (c = requestAnimationFrame(p));
     }, v = () => {
       u !== null && (d = !0, g());
     }, f = () => {
       a.getState().setEditTargetUnderPointer(null), h(null);
-    }, S = (x) => {
+    }, C = (S) => {
       u = {
-        target: x.target,
-        clientX: x.clientX,
-        clientY: x.clientY
+        target: S.target,
+        clientX: S.clientX,
+        clientY: S.clientY
       }, d = !1, g();
     }, w = () => {
       u = null, c !== null && (cancelAnimationFrame(c), c = null), f();
-    }, y = a.subscribe((x, N) => {
-      et(N.standingInteraction) && !et(x.standingInteraction) && v();
-    }), T = o.subscribe((x, N) => {
-      x.scene !== N.scene && (et(a.getState().standingInteraction) || v());
+    }, y = a.subscribe((S, O) => {
+      tt(O.standingInteraction) && !tt(S.standingInteraction) && v();
+    }), A = o.subscribe((S, O) => {
+      S.scene !== O.scene && (tt(a.getState().standingInteraction) || v());
     });
-    return e.addEventListener("pointermove", S), e.addEventListener("pointerleave", w), () => {
-      c !== null && cancelAnimationFrame(c), y(), T(), e.removeEventListener("pointermove", S), e.removeEventListener("pointerleave", w), f();
+    return e.addEventListener("pointermove", C), e.addEventListener("pointerleave", w), () => {
+      c !== null && cancelAnimationFrame(c), y(), A(), e.removeEventListener("pointermove", C), e.removeEventListener("pointerleave", w), f();
     };
   }, [
     e,
@@ -8337,7 +8343,7 @@ var X2 = "_1tyillx1", Z2 = {
     s,
     n
   ]);
-}, km = (e) => typeof document.elementFromPoint == "function" ? document.elementFromPoint(e.clientX, e.clientY) : e.target, et = (e) => {
+}, km = (e) => typeof document.elementFromPoint == "function" ? document.elementFromPoint(e.clientX, e.clientY) : e.target, tt = (e) => {
   if (e === null) return !1;
   switch (e.kind) {
     case "menu":
@@ -8415,7 +8421,7 @@ var X2 = "_1tyillx1", Z2 = {
     shouldAnimateTransitions: o
   });
 }, Om = ({ frameElement: e, frameRect: t, panelOrigin: n, panelRect: a, boxRef: o, shouldAnimateTransitions: i }) => {
-  const l = Ct(), s = _o(), { annotations: c, editOutline: u, overlayMenu: d } = Ee[xe()], h = I(() => ({
+  const l = xt(), s = _o(), { annotations: c, editOutline: u, overlayMenu: d } = Ee[xe()], h = I(() => ({
     width: t.width,
     height: t.height
   }), [t.width, t.height]);
@@ -8528,7 +8534,7 @@ var Fm = ({ value: e, onChange: t, onCommit: n, min: a, max: o, step: i, placeho
     id: g,
     ariaLabel: h,
     ariaLabelledBy: p
-  }), { commitUnlessHeldKey: f, gestureHandlers: S } = xt(n);
+  }), { commitUnlessHeldKey: f, gestureHandlers: C } = wt(n);
   return /* @__PURE__ */ r(Bn.Root, {
     className: Rm,
     value: e,
@@ -8552,7 +8558,7 @@ var Fm = ({ value: e, onChange: t, onCommit: n, min: a, max: o, step: i, placeho
         /* @__PURE__ */ r(Bn.Input, {
           className: _m,
           placeholder: l,
-          ...S,
+          ...C,
           "aria-invalid": d === !0 ? !0 : void 0,
           ...v
         }),
@@ -8576,7 +8582,7 @@ var Hm = 6, Gm = ({ options: e, value: t, onChange: n, onCommit: a, columns: o,
     id: u,
     ariaLabel: s,
     ariaLabelledBy: c
-  }), h = i === "swatch", { commitAfterChange: p, gestureHandlers: g } = xt(a);
+  }), h = i === "swatch", { commitAfterChange: p, gestureHandlers: g } = wt(a);
   return /* @__PURE__ */ r(fa, {
     className: fe(zm, Vm(o ?? e.length)),
     value: t,
@@ -8619,7 +8625,7 @@ var jm = ({ options: e, value: t, onChange: n, placeholder: a, isDisabled: o, ha
     ariaLabel: l,
     ariaLabelledBy: s
   });
-  return /* @__PURE__ */ m(ce.Root, {
+  return /* @__PURE__ */ m(de.Root, {
     value: t,
     onValueChange: (d) => d !== null && n(d),
     disabled: o,
@@ -8627,26 +8633,26 @@ var jm = ({ options: e, value: t, onChange: n, placeholder: a, isDisabled: o, ha
       value: d.value,
       label: d.label
     })),
-    children: [/* @__PURE__ */ m(ce.Trigger, {
+    children: [/* @__PURE__ */ m(de.Trigger, {
       className: $m,
       "data-error": i === !0,
       ...u,
-      children: [/* @__PURE__ */ r(ce.Value, {
+      children: [/* @__PURE__ */ r(de.Value, {
         className: Um,
         children: (d) => Ym(e, d, a)
-      }), /* @__PURE__ */ r(ce.Icon, {
+      }), /* @__PURE__ */ r(de.Icon, {
         className: Cr,
-        children: /* @__PURE__ */ r(We, { size: "sm" })
+        children: /* @__PURE__ */ r(Ke, { size: "sm" })
       })]
-    }), /* @__PURE__ */ r(ce.Portal, {
-      container: pe(),
-      children: /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r(ce.Positioner, {
+    }), /* @__PURE__ */ r(de.Portal, {
+      container: me(),
+      children: /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r(de.Positioner, {
         className: Km,
         sideOffset: 4,
         alignItemWithTrigger: !1,
-        children: /* @__PURE__ */ r(ce.Popup, {
+        children: /* @__PURE__ */ r(de.Popup, {
           className: qm,
-          children: e.map((d) => /* @__PURE__ */ m(ce.Item, {
+          children: e.map((d) => /* @__PURE__ */ m(de.Item, {
             value: d.value,
             disabled: d.isDisabled,
             className: Xm,
@@ -8654,12 +8660,12 @@ var jm = ({ options: e, value: t, onChange: n, placeholder: a, isDisabled: o, ha
               d.icon,
               /* @__PURE__ */ m("span", {
                 className: Zm,
-                children: [/* @__PURE__ */ r(ce.ItemText, { children: d.label }), d.description !== void 0 && /* @__PURE__ */ r("span", {
+                children: [/* @__PURE__ */ r(de.ItemText, { children: d.label }), d.description !== void 0 && /* @__PURE__ */ r("span", {
                   className: "_1g5x15w8",
                   children: d.description
                 })]
               }),
-              /* @__PURE__ */ r(ce.ItemIndicator, {
+              /* @__PURE__ */ r(de.ItemIndicator, {
                 className: Cr,
                 children: /* @__PURE__ */ r(Ma, { size: "sm" })
               })
@@ -8677,25 +8683,25 @@ var og = ({ value: e, onChange: t, onCommit: n, min: a, max: o, step: i, suffix:
   const h = Te({
     ariaLabel: u,
     ariaLabelledBy: d
-  }, !1), p = ig(e, l, s), { commitUnlessHeldKey: g, gestureHandlers: v } = xt(n);
+  }, !1), p = ig(e, l, s), { commitUnlessHeldKey: g, gestureHandlers: v } = wt(n);
   return /* @__PURE__ */ m("div", {
     className: Qm,
-    children: [/* @__PURE__ */ r(ue.Root, {
+    children: [/* @__PURE__ */ r(he.Root, {
       className: eg,
       value: e,
       onValueChange: (f) => t(f),
-      onValueCommitted: (f, S) => {
-        g(S.reason === Za);
+      onValueCommitted: (f, C) => {
+        g(C.reason === Za);
       },
       min: a,
       max: o,
       step: i,
       disabled: c,
-      children: /* @__PURE__ */ r(ue.Control, {
+      children: /* @__PURE__ */ r(he.Control, {
         className: tg,
-        children: /* @__PURE__ */ m(ue.Track, {
+        children: /* @__PURE__ */ m(he.Track, {
           className: ng,
-          children: [/* @__PURE__ */ r(ue.Indicator, { className: rg }), /* @__PURE__ */ r(ue.Thumb, {
+          children: [/* @__PURE__ */ r(he.Indicator, { className: rg }), /* @__PURE__ */ r(he.Thumb, {
             className: ag,
             ...v,
             ...h
@@ -8750,8 +8756,8 @@ var og = ({ value: e, onChange: t, onCommit: n, min: a, max: o, step: i, suffix:
   TextField: hg,
   NumberField: Fm,
   Select: jm
-}, Yt = Be(pg), mg = ({ controls: e, children: t }) => {
-  const n = we(Yt), a = I(() => ({
+}, Jt = Be(pg), mg = ({ controls: e, children: t }) => {
+  const n = we(Jt), a = I(() => ({
     ToggleGroup: e?.ToggleGroup ?? n.ToggleGroup,
     Switch: e?.Switch ?? n.Switch,
     Slider: e?.Slider ?? n.Slider,
@@ -8771,11 +8777,11 @@ var og = ({ value: e, onChange: t, onCommit: n, min: a, max: o, step: i, suffix:
     e?.NumberField,
     e?.Select
   ]);
-  return /* @__PURE__ */ r(Yt.Provider, {
+  return /* @__PURE__ */ r(Jt.Provider, {
     value: a,
     children: t
   });
-}, V = () => we(Yt), gg = "_12lhx9e0", zo = ({ children: e }) => /* @__PURE__ */ r("div", {
+}, V = () => we(Jt), gg = "_12lhx9e0", zo = ({ children: e }) => /* @__PURE__ */ r("div", {
   className: gg,
   children: e
 }), vg = "_139ohwv0", J = ({ children: e }) => /* @__PURE__ */ r("div", {
@@ -8795,7 +8801,7 @@ function xg(e) {
   return t.includes("_1ii3bsb0") || t.includes("_1ii3bsb1");
 }
 var wg = ({ handle: e, children: t, controls: n, defaultExpandedSection: a = void 0, className: o }) => {
-  const i = Ri(e), { themeClass: l, inlineVarsStyle: s } = ln(), [c, u] = te(() => a ? [a] : []), d = I(() => ({
+  const i = Ri(e), { themeClass: l, inlineVarsStyle: s } = ht(), [c, u] = te(() => a ? [a] : []), d = I(() => ({
     expandSection: (h) => u([h]),
     collapseAllSections: () => u([])
   }), []);
@@ -8825,7 +8831,7 @@ var wg = ({ handle: e, children: t, controls: n, defaultExpandedSection: a = voi
 }, wr = "pr583x2", Tg = {
   plain: "pr583x4 pr583x3",
   withIcon: "pr583x5 pr583x3"
-}, A = ({ label: e, layout: t = "grid", icon: n, children: a }) => {
+}, T = ({ label: e, layout: t = "grid", icon: n, children: a }) => {
   const o = Le(), i = Le();
   return e === void 0 ? /* @__PURE__ */ r("div", {
     className: xr[t],
@@ -8988,13 +8994,13 @@ var Ig = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
   if (!i) return null;
   const h = i.coordSystem.type === "polar" ? i.coordSystem.axisMapping[e].geometry : "linear", p = i.config.axes[e], g = i.scales[e], v = g?.spec, f = v?.scaleType === "continuous" ? v : void 0;
   if (h === "circular" || h === "radial" && f === void 0) return null;
-  const S = v !== void 0 && "reverse" in v ? v : void 0, w = v?.scaleType === "continuous" || v?.scaleType === "datetime", y = f !== void 0 && Os(i, e), T = f?.transform === "log", x = f?.domainMax ?? null, N = _g(f), L = (P, se) => P.map((Xe) => ({
-    value: Xe,
-    label: se(Xe)
-  })), O = i.guides.axes.find((P) => P.scaleAestheticKey === e)?.position, _ = Ng[O === "bottom" || O === "top" || O === void 0 && e === "x" ? "horizontal" : "vertical"], M = e === "y" ? Ns(i.spec) : null, C = M === null ? void 0 : ve(i.spec.layers, M), b = i.guides.legends.drawn.some((P) => _.some((se) => se === P.position)), U = _.map((P) => ({
+  const C = v !== void 0 && "reverse" in v ? v : void 0, w = v?.scaleType === "continuous" || v?.scaleType === "datetime", y = f !== void 0 && Os(i, e), A = f?.transform === "log", S = f?.domainMax ?? null, O = _g(f), L = (P, ce) => P.map((Ze) => ({
+    value: Ze,
+    label: ce(Ze)
+  })), M = i.guides.axes.find((P) => P.scaleAestheticKey === e)?.position, _ = Ng[M === "bottom" || M === "top" || M === void 0 && e === "x" ? "horizontal" : "vertical"], N = e === "y" ? Ns(i.spec) : null, x = N === null ? void 0 : ve(i.spec.layers, N), b = i.guides.legends.drawn.some((P) => _.some((ce) => ce === P.position)), U = _.map((P) => ({
     value: P,
     label: l(Rg[P])
-  })), ee = L(["auto", "edges"], (P) => l(P === "edges" ? "editor.axesPanel.labelMode.edges" : "editor.axesPanel.labelMode.auto")), ae = L(["linear", "log"], (P) => l(P === "log" ? "editor.axesPanel.scale.log" : "editor.axesPanel.scale.auto")), Et = L([
+  })), ee = L(["auto", "edges"], (P) => l(P === "edges" ? "editor.axesPanel.labelMode.edges" : "editor.axesPanel.labelMode.auto")), ae = L(["linear", "log"], (P) => l(P === "log" ? "editor.axesPanel.scale.log" : "editor.axesPanel.scale.auto")), Ot = L([
     "auto",
     "zero",
     "custom"
@@ -9029,7 +9035,7 @@ var Ig = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
       transform: P === "log" ? "log" : "linear"
     }));
   }, In = (P) => {
-    o.commands.dispatch(new Mt({
+    o.commands.dispatch(new Nt({
       scaledAesthetic: e,
       ...P
     }), { transient: !0 });
@@ -9038,27 +9044,27 @@ var Ig = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
   }, ni = (P) => {
     P !== null && In({ domainMax: P });
   }, ri = (P) => {
-    const se = P === "auto" ? null : P === "zero" ? 0 : Ar(g?.domain, "start");
-    o.commands.dispatch(new Mt({
+    const ce = P === "auto" ? null : P === "zero" ? 0 : Ar(g?.domain, "start");
+    o.commands.dispatch(new Nt({
       scaledAesthetic: e,
-      domainMin: se
+      domainMin: ce
     }));
   }, ai = (P) => {
-    const se = P === "custom" ? Ar(g?.domain, "end") : null;
-    o.commands.dispatch(new Mt({
+    const ce = P === "custom" ? Ar(g?.domain, "end") : null;
+    o.commands.dispatch(new Nt({
       scaledAesthetic: e,
-      domainMax: se
+      domainMax: ce
     }));
   }, oi = (P) => {
-    C !== void 0 && o.commands.dispatch(new El({
-      layerId: C.id,
+    x !== void 0 && o.commands.dispatch(new El({
+      layerId: x.id,
       yScaleType: P === "double" ? "secondary" : "primary"
     }));
   }, ii = (P) => {
-    const se = _.find((Xe) => Xe === P);
-    se && o.commands.dispatch(new ml({
+    const ce = _.find((Ze) => Ze === P);
+    ce && o.commands.dispatch(new ml({
       axis: e,
-      position: se
+      position: ce
     }));
   };
   return /* @__PURE__ */ r(K, {
@@ -9066,36 +9072,36 @@ var Ig = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
     layout: n,
     preview: a,
     children: /* @__PURE__ */ m(J, { children: [
-      /* @__PURE__ */ r(A, {
+      /* @__PURE__ */ r(T, {
         label: l("editor.axesPanel.controls.visible"),
         children: /* @__PURE__ */ r(c, {
           isChecked: p.isVisible,
           onChange: Zo
         })
       }),
-      C !== void 0 && /* @__PURE__ */ r(A, {
+      x !== void 0 && /* @__PURE__ */ r(T, {
         label: l("editor.axesPanel.controls.numberOfAxes"),
         children: /* @__PURE__ */ r(d, {
-          value: C.yScaleType === "secondary" ? "double" : "single",
+          value: x.yScaleType === "secondary" ? "double" : "single",
           options: Xo,
           onChange: oi
         })
       }),
-      h === "linear" && /* @__PURE__ */ m(Y, { children: [/* @__PURE__ */ r(A, {
+      h === "linear" && /* @__PURE__ */ m(Y, { children: [/* @__PURE__ */ r(T, {
         label: l("editor.axesPanel.controls.title"),
         children: /* @__PURE__ */ r(u, {
           value: p.label ?? "",
           onChange: jo,
           onCommit: o.commands.commit
         })
-      }), /* @__PURE__ */ r(A, {
+      }), /* @__PURE__ */ r(T, {
         label: l("editor.axesPanel.controls.ticks"),
         children: /* @__PURE__ */ r(c, {
           isChecked: p.ticks.isVisible,
           onChange: Yo
         })
       })] }),
-      w && /* @__PURE__ */ r(A, {
+      w && /* @__PURE__ */ r(T, {
         label: l("editor.axesPanel.controls.labels"),
         children: /* @__PURE__ */ r(d, {
           value: p.ticks.mode,
@@ -9103,39 +9109,39 @@ var Ig = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
           onChange: Jo
         })
       }),
-      f && h === "linear" && !b && /* @__PURE__ */ r(A, {
+      f && h === "linear" && !b && /* @__PURE__ */ r(T, {
         label: l("editor.axesPanel.controls.position"),
         children: /* @__PURE__ */ r(d, {
-          value: O ?? p.position,
+          value: M ?? p.position,
           options: U,
           onChange: ii
         })
       }),
-      S !== void 0 && /* @__PURE__ */ r(A, {
+      C !== void 0 && /* @__PURE__ */ r(T, {
         label: l("editor.axesPanel.controls.reverse"),
         children: /* @__PURE__ */ r(d, {
-          value: S.reverse === !0 ? "yes" : "no",
+          value: C.reverse === !0 ? "yes" : "no",
           options: qo,
           onChange: Qo
         })
       }),
-      f && !y && /* @__PURE__ */ r(A, {
+      f && !y && /* @__PURE__ */ r(T, {
         label: l("editor.axesPanel.controls.scale"),
         children: /* @__PURE__ */ r(d, {
-          value: T ? "log" : "linear",
+          value: A ? "log" : "linear",
           options: ae,
           onChange: ei
         })
       }),
-      f && !T && /* @__PURE__ */ m(Y, { children: [
-        !y && /* @__PURE__ */ m(Y, { children: [/* @__PURE__ */ r(A, {
+      f && !A && /* @__PURE__ */ m(Y, { children: [
+        !y && /* @__PURE__ */ m(Y, { children: [/* @__PURE__ */ r(T, {
           label: l("editor.axesPanel.controls.startFrom"),
           children: /* @__PURE__ */ r(d, {
-            value: N,
-            options: Et,
+            value: O,
+            options: Ot,
             onChange: ri
           })
-        }), N !== "auto" && /* @__PURE__ */ r(A, {
+        }), O !== "auto" && /* @__PURE__ */ r(T, {
           label: l("editor.axesPanel.controls.value"),
           children: /* @__PURE__ */ r(s, {
             value: f.domainMin ?? null,
@@ -9143,18 +9149,18 @@ var Ig = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
             onCommit: o.commands.commit
           })
         })] }),
-        /* @__PURE__ */ r(A, {
+        /* @__PURE__ */ r(T, {
           label: l("editor.axesPanel.controls.endAt"),
           children: /* @__PURE__ */ r(d, {
-            value: x === null ? "auto" : "custom",
+            value: S === null ? "auto" : "custom",
             options: Ko,
             onChange: ai
           })
         }),
-        x !== null && /* @__PURE__ */ r(A, {
+        S !== null && /* @__PURE__ */ r(T, {
           label: l("editor.axesPanel.controls.value"),
           children: /* @__PURE__ */ r(s, {
-            value: x,
+            value: S,
             onChange: ni,
             onCommit: o.commands.commit
           })
@@ -9170,7 +9176,7 @@ var Ig = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
   return typeof n == "number" ? n : 0;
 }, Ln = ({ value: e, onChange: t }) => {
   const n = G(), a = E(), { TextField: o } = V(), i = e !== null && typeof e != "string", l = (s) => t(s === "" ? null : s);
-  return /* @__PURE__ */ r(A, {
+  return /* @__PURE__ */ r(T, {
     label: a("editor.elementsPanel.contentValue"),
     children: /* @__PURE__ */ r(o, {
       value: typeof e == "string" ? e : "",
@@ -9183,7 +9189,7 @@ var Ig = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
   const a = G(), o = W(a), i = E(), { Switch: l } = V();
   if (!o) return null;
   const s = o.config.content, c = (d) => {
-    a.commands.dispatch(new pt({
+    a.commands.dispatch(new gt({
       part: "caption",
       isVisible: d
     }));
@@ -9194,7 +9200,7 @@ var Ig = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
     title: e ?? i("editor.elementsPanel.footerSection.caption"),
     layout: t,
     preview: n,
-    children: /* @__PURE__ */ m(J, { children: [/* @__PURE__ */ r(A, {
+    children: /* @__PURE__ */ m(J, { children: [/* @__PURE__ */ r(T, {
       label: i("editor.elementsPanel.contentVisible"),
       children: /* @__PURE__ */ r(l, {
         isChecked: s.isCaptionVisible,
@@ -9209,7 +9215,7 @@ var Ig = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
   const a = G(), o = W(a), i = E(), { Switch: l } = V();
   if (!o) return null;
   const s = o.config.content, c = (u) => {
-    a.commands.dispatch(new pt({
+    a.commands.dispatch(new gt({
       part: "source",
       isVisible: u
     }));
@@ -9218,7 +9224,7 @@ var Ig = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
     title: e ?? i("editor.elementsPanel.sourceSection.title"),
     layout: t,
     preview: n,
-    children: /* @__PURE__ */ m(J, { children: [/* @__PURE__ */ r(A, {
+    children: /* @__PURE__ */ m(J, { children: [/* @__PURE__ */ r(T, {
       label: i("editor.elementsPanel.contentVisible"),
       children: /* @__PURE__ */ r(l, {
         isChecked: s.isSourceVisible,
@@ -9243,7 +9249,7 @@ var Ig = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
     ...e,
     label: c
   });
-  return /* @__PURE__ */ m(Y, { children: [/* @__PURE__ */ r(A, {
+  return /* @__PURE__ */ m(Y, { children: [/* @__PURE__ */ r(T, {
     label: n("editor.elementsPanel.sourceSection.url"),
     children: /* @__PURE__ */ r(a, {
       value: e.url ?? "",
@@ -9251,7 +9257,7 @@ var Ig = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
       onCommit: i,
       hasError: kr.test(e.url ?? "") && !Es(e.url)
     })
-  }), /* @__PURE__ */ r(A, {
+  }), /* @__PURE__ */ r(T, {
     label: n("editor.elementsPanel.sourceSection.name"),
     children: /* @__PURE__ */ r(a, {
       value: e.label ?? "",
@@ -9263,7 +9269,7 @@ var Ig = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
   const a = G(), o = W(a), i = E(), { Switch: l } = V();
   if (!o) return null;
   const s = o.config.content, c = (d) => {
-    a.commands.dispatch(new pt({
+    a.commands.dispatch(new gt({
       part: "subtitle",
       isVisible: d
     }));
@@ -9274,7 +9280,7 @@ var Ig = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
     title: e ?? i("editor.elementsPanel.headerSection.subtitle"),
     layout: t,
     preview: n,
-    children: /* @__PURE__ */ m(J, { children: [/* @__PURE__ */ r(A, {
+    children: /* @__PURE__ */ m(J, { children: [/* @__PURE__ */ r(T, {
       label: i("editor.elementsPanel.contentVisible"),
       children: /* @__PURE__ */ r(l, {
         isChecked: s.isSubtitleVisible,
@@ -9285,11 +9291,11 @@ var Ig = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
       onChange: u
     })] })
   });
-}, kt = (e) => {
-  const { colorScheme: t } = ln(), n = I(() => us({ colorScheme: t }), [t]);
+}, Lt = (e) => {
+  const { colorScheme: t } = ht(), n = I(() => us({ colorScheme: t }), [t]);
   return I(() => e === null ? null : n.readers(e), [e, n]);
 }, Pn = (e, t, n) => {
-  const a = kt(e);
+  const a = Lt(e);
   return I(() => {
     if (a === null || e === null || t === null) return null;
     const o = ve(e.layers, t);
@@ -9300,7 +9306,7 @@ var Ig = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
     t,
     n
   ]);
-}, Jt = [
+}, Qt = [
   0.8,
   1,
   1.2,
@@ -9311,14 +9317,14 @@ var Ig = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
   2.5,
   3,
   4
-], Vg = Jt.length / 2, $g = { select: { target: "graph" } }, Ug = ({ title: e, layout: t = "collapsible", preview: n }) => {
-  const a = G(), o = W(a), i = E(), { RadioGrid: l } = V(), s = kt(o);
+], Vg = Qt.length / 2, $g = { select: { target: "graph" } }, Ug = ({ title: e, layout: t = "collapsible", preview: n }) => {
+  const a = G(), o = W(a), i = E(), { RadioGrid: l } = V(), s = Lt(o);
   if (!o || !s) return null;
-  const c = s.graph().get("textScale"), u = (p) => i("editor.elementsPanel.textSizeSection.scaleFormat", { value: `${p}` }), d = Jt.map((p) => ({
+  const c = s.graph().get("textScale"), u = (p) => i("editor.elementsPanel.textSizeSection.scaleFormat", { value: `${p}` }), d = Qt.map((p) => ({
     value: `${p}`,
     label: u(p)
   })), h = (p) => {
-    const g = Jt.find((f) => `${f}` === p);
+    const g = Qt.find((f) => `${f}` === p);
     if (g === void 0) return;
     const v = Ce(o.spec.styles.overrides, $g)?.declarations ?? {};
     a.commands.dispatch(new ke({
@@ -9348,7 +9354,7 @@ var Ig = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
   const a = G(), o = W(a), i = E(), { Switch: l } = V();
   if (!o) return null;
   const s = o.config.content, c = (d) => {
-    a.commands.dispatch(new pt({
+    a.commands.dispatch(new gt({
       part: "title",
       isVisible: d
     }));
@@ -9359,7 +9365,7 @@ var Ig = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
     title: e ?? i("editor.elementsPanel.headerSection.toggleTitle"),
     layout: t,
     preview: n,
-    children: /* @__PURE__ */ m(J, { children: [/* @__PURE__ */ r(A, {
+    children: /* @__PURE__ */ m(J, { children: [/* @__PURE__ */ r(T, {
       label: i("editor.elementsPanel.contentVisible"),
       children: /* @__PURE__ */ r(l, {
         isChecked: s.isTitleVisible,
@@ -9382,8 +9388,8 @@ var Ig = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
 }), lv = ({ children: e, ...t }) => /* @__PURE__ */ r(Ho.Root, {
   ...t,
   children: e ?? /* @__PURE__ */ m(Y, { children: [/* @__PURE__ */ r(Tr, { axis: "x" }), /* @__PURE__ */ r(Tr, { axis: "y" })] })
-}), Lt = (e) => `${e}px`, Vo = (e) => `${Math.round(e * 100)}%`, Kg = (e) => `${e}°`, qg = 24, Xg = { select: { target: "graph" } }, Lr = ["dim", "desaturate"], sv = ({ title: e, layout: t = "collapsible", preview: n }) => {
-  const a = G(), o = W(a), i = E(), { Slider: l, ToggleGroup: s } = V(), c = kt(o);
+}), Pt = (e) => `${e}px`, Vo = (e) => `${Math.round(e * 100)}%`, Kg = (e) => `${e}°`, qg = 24, Xg = { select: { target: "graph" } }, Lr = ["dim", "desaturate"], sv = ({ title: e, layout: t = "collapsible", preview: n }) => {
+  const a = G(), o = W(a), i = E(), { Slider: l, ToggleGroup: s } = V(), c = Lt(o);
   if (!o || !c) return null;
   const u = c.graph().get("cornerRadius"), d = Fs(o.spec), h = Lr.map((v) => ({
     value: v,
@@ -9401,25 +9407,25 @@ var Ig = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
       }
     }), { transient: !0 });
   }, g = (v) => {
-    const f = Lr.find((S) => S === v);
+    const f = Lr.find((C) => C === v);
     f && a.commands.dispatch(new Il({ dimStyle: f }));
   };
   return /* @__PURE__ */ r(K, {
     title: e ?? i("editor.colorPanel.appearanceSection.title"),
     layout: t,
     preview: n,
-    children: /* @__PURE__ */ m(J, { children: [/* @__PURE__ */ r(A, {
+    children: /* @__PURE__ */ m(J, { children: [/* @__PURE__ */ r(T, {
       label: i("editor.colorPanel.borderSection.cornerRadius"),
       children: /* @__PURE__ */ r(l, {
         value: u,
         min: 0,
         max: qg,
         step: 1,
-        formatValue: Lt,
+        formatValue: Pt,
         onChange: p,
         onCommit: a.commands.commit
       })
-    }), /* @__PURE__ */ r(A, {
+    }), /* @__PURE__ */ r(T, {
       label: i("editor.colorPanel.appearanceSection.highlightStyle"),
       children: /* @__PURE__ */ r(s, {
         value: d,
@@ -9437,10 +9443,10 @@ var Ig = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
       width: f
     }), { transient: !0 });
   }, h = (f) => {
-    const S = Mn.find((w) => w === f);
-    S && a.commands.dispatch(new bl({
+    const C = Mn.find((w) => w === f);
+    C && a.commands.dispatch(new bl({
       layerId: c.id,
-      cornerRadius: S
+      cornerRadius: C
     }));
   }, p = Mn.map((f) => ({
     value: f,
@@ -9450,7 +9456,7 @@ var Ig = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
     title: e ?? i("editor.graphPanel.barSection.title"),
     layout: t,
     preview: n,
-    children: /* @__PURE__ */ m(J, { children: [/* @__PURE__ */ r(A, {
+    children: /* @__PURE__ */ m(J, { children: [/* @__PURE__ */ r(T, {
       label: i("editor.graphPanel.barSection.thickness"),
       children: /* @__PURE__ */ r(l, {
         value: g,
@@ -9461,7 +9467,7 @@ var Ig = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
         onChange: d,
         onCommit: a.commands.commit
       })
-    }), /* @__PURE__ */ r(A, {
+    }), /* @__PURE__ */ r(T, {
       label: i("editor.graphPanel.barSection.rounding"),
       layout: "stack",
       children: /* @__PURE__ */ r(s, {
@@ -9471,7 +9477,7 @@ var Ig = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
       })
     })] })
   });
-}, Pt = ({ children: e }) => {
+}, It = ({ children: e }) => {
   const t = Le();
   return /* @__PURE__ */ m(Y, { children: [/* @__PURE__ */ r("g", {
     filter: `url(#${t})`,
@@ -9496,11 +9502,11 @@ var Ig = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
       floodOpacity: "0.16"
     })]
   }) })] });
-}, It = "qdaoth0", jg = (e) => /* @__PURE__ */ m(k, {
+}, Et = "qdaoth0", jg = (e) => /* @__PURE__ */ m(k, {
   viewBox: "0 0 31 33",
   ...e,
-  children: [/* @__PURE__ */ r(Pt, { children: /* @__PURE__ */ r("path", {
-    className: It,
+  children: [/* @__PURE__ */ r(It, { children: /* @__PURE__ */ r("path", {
+    className: Et,
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M25.7417 6.23664C25.7417 6.09417 25.7076 5.95967 25.6471 5.84086C25.5633 5.67624 25.4288 5.54173 25.2641 5.4579C25.1453 5.39739 25.0108 5.36328 24.8684 5.36328H12.0591C11.5767 5.36328 11.1857 5.7543 11.1857 6.23664C11.1857 6.71899 11.5767 7.11 12.0591 7.11H22.7599L5.61908 24.2508C5.27801 24.5919 5.27801 25.1448 5.61908 25.4859C5.96015 25.827 6.51313 25.827 6.8542 25.4859L23.995 8.34513V19.0459C23.995 19.5283 24.386 19.9193 24.8684 19.9193C25.3507 19.9193 25.7417 19.5283 25.7417 19.0459V6.23664ZM20.995 15.5878V19.0459C20.995 21.1851 22.7292 22.9193 24.8684 22.9193C27.0076 22.9193 28.7417 21.1851 28.7417 19.0459V6.23664C28.7417 4.09744 27.0076 2.36328 24.8684 2.36328H12.0591C9.91985 2.36328 8.18569 4.09744 8.18569 6.23664C8.18569 8.37584 9.91985 10.11 12.0591 10.11H15.5172L3.49777 22.1295C1.98512 23.6421 1.98513 26.0946 3.49776 27.6072C5.0104 29.1199 7.46288 29.1199 8.97552 27.6072L20.995 15.5878Z"
@@ -9511,8 +9517,8 @@ var Ig = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
 }), Yg = (e) => /* @__PURE__ */ r(k, {
   viewBox: "0 0 32 32",
   ...e,
-  children: /* @__PURE__ */ m(Pt, { children: [/* @__PURE__ */ r("path", {
-    className: It,
+  children: /* @__PURE__ */ m(It, { children: [/* @__PURE__ */ r("path", {
+    className: Et,
     d: "M11 21H21V11H11V21ZM29 23C29 26.3137 26.3137 29 23 29H9C5.68629 29 3 26.3137 3 23V9C3 5.68629 5.68629 3 9 3H23C26.3137 3 29 5.68629 29 9V23Z"
   }), /* @__PURE__ */ r("path", {
     fill: "currentColor",
@@ -9521,8 +9527,8 @@ var Ig = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
 }), Jg = (e) => /* @__PURE__ */ m(k, {
   viewBox: "0 0 32 33",
   ...e,
-  children: [/* @__PURE__ */ r(Pt, { children: /* @__PURE__ */ r("path", {
-    className: It,
+  children: [/* @__PURE__ */ r(It, { children: /* @__PURE__ */ r("path", {
+    className: Et,
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M4.89961 14.7968C3.08522 13.5116 1.89961 11.3966 1.89961 9.00039C1.89961 5.07917 5.07839 1.90039 8.99961 1.90039C10.7798 1.90039 12.4069 2.55553 13.6531 3.63785C14.3179 3.17306 15.1269 2.90039 15.9996 2.90039L22.9996 2.90039C25.264 2.90039 27.0996 4.73602 27.0996 7.00039L27.0996 9.7243C27.5717 9.92414 28.014 10.2165 28.3987 10.6013C29.9999 12.2024 29.9999 14.7984 28.3987 16.3995L27.9182 16.8801C29.2628 18.172 30.0996 19.9885 30.0996 22.0004C30.0996 25.9216 26.9208 29.1004 22.9996 29.1004C21.2195 29.1004 19.5923 28.4453 18.3461 27.3629C17.6813 27.8277 16.8723 28.1004 15.9996 28.1004L8.99961 28.1004C6.73524 28.1004 4.89961 26.2648 4.89961 24.0004L4.89961 14.7968Z"
@@ -9535,8 +9541,8 @@ var Ig = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
 }), Qg = (e) => /* @__PURE__ */ m(k, {
   viewBox: "0 0 32 33",
   ...e,
-  children: [/* @__PURE__ */ r(Pt, { children: /* @__PURE__ */ r("path", {
-    className: It,
+  children: [/* @__PURE__ */ r(It, { children: /* @__PURE__ */ r("path", {
+    className: Et,
     d: "M20.7271 2C21.4372 2 21.7114 2.00463 22.0841 2.03504C22.8228 2.0954 23.4839 2.25122 24.1592 2.59527C25.1865 3.1188 26.0219 3.9541 26.5458 4.98208C26.8896 5.65706 27.0454 6.31812 27.1057 7.05672C27.1301 7.35469 27.1379 7.58979 27.14 8.03558L27.1408 9.10155C27.1408 11.2114 25.4304 12.922 23.3205 12.922C21.4083 12.922 19.8243 11.5172 19.5441 9.68336L19.538 9.64H18.39V21.687L20.0392 21.6877C22.149 21.6877 23.8595 23.398 23.8595 25.508C23.8595 27.6178 22.149 29.3283 20.0392 29.3283H9.10159C6.99169 29.3283 5.28127 27.6178 5.28127 25.508C5.28127 23.398 6.99172 21.6877 9.10159 21.6877L10.75 21.687V9.64H9.601L9.59661 9.68334C9.32609 11.4539 7.84018 12.8246 6.01692 12.917L5.82032 12.922C3.71035 12.922 2 11.2114 2 9.10155V8.41371C2 7.70349 2.00463 7.42929 2.03504 7.05674C2.09538 6.31803 2.25122 5.65681 2.59521 4.98173C3.11877 3.95419 3.95418 3.11876 4.98174 2.5952C5.65683 2.25122 6.31798 2.09539 7.057 2.03501C7.42935 2.00463 7.70354 2 8.41371 2H20.7271Z"
   }) }), /* @__PURE__ */ r("path", {
     fill: "currentColor",
@@ -9706,7 +9712,7 @@ var Ig = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
     preview: t,
     isChecked: s !== void 0,
     onToggle: h,
-    children: /* @__PURE__ */ m(J, { children: [/* @__PURE__ */ r(A, {
+    children: /* @__PURE__ */ m(J, { children: [/* @__PURE__ */ r(T, {
       label: o("editor.annotationsPanel.goalSection.labelControl"),
       children: /* @__PURE__ */ r(l, {
         value: s?.params.label ?? "",
@@ -9715,7 +9721,7 @@ var Ig = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
         onCommit: n.commands.commit,
         ariaLabel: o("editor.annotationsPanel.goalSection.labelAriaLabel")
       })
-    }), /* @__PURE__ */ r(A, {
+    }), /* @__PURE__ */ r(T, {
       label: o("editor.annotationsPanel.goalSection.valueControl"),
       children: /* @__PURE__ */ r(i, {
         value: d,
@@ -9738,64 +9744,64 @@ var Ig = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
   if (!i) return null;
   const c = e === void 0 ? i.spec.layers[0] : ve(i.spec.layers, e);
   if (!c) return null;
-  const { showDataLabels: u, format: d, showStackTotals: h, showCategoryLabels: p } = c.dataLabels, g = i.coordSystem.type, v = g === "polar", f = c.geom === "bar", S = f && !v && c.position === "stack", w = f && (!v || u), y = ve(i.layers, c.id), T = y !== void 0 && o.canFormatDataLabelsAsPercentages(y, g);
+  const { showDataLabels: u, format: d, showStackTotals: h, showCategoryLabels: p } = c.dataLabels, g = i.coordSystem.type, v = g === "polar", f = c.geom === "bar", C = f && !v && c.position === "stack", w = f && (!v || u), y = ve(i.layers, c.id), A = y !== void 0 && o.canFormatDataLabelsAsPercentages(y, g);
   if (!o.canPlaceDataLabels(c.geom, g)) return null;
-  const x = (_) => {
-    const M = new Zl({
+  const S = (_) => {
+    const N = new Zl({
       layerId: c.id,
       showDataLabels: _
     });
-    o.commands.dispatch(M);
-  }, N = (_) => {
-    const M = new Cl({
+    o.commands.dispatch(N);
+  }, O = (_) => {
+    const N = new Cl({
       layerId: c.id,
       format: _ ? "percentage" : "absolute"
     });
-    o.commands.dispatch(M);
+    o.commands.dispatch(N);
   }, L = (_) => {
-    const M = new Ql({
+    const N = new Ql({
       layerId: c.id,
       showStackTotals: _
     });
-    o.commands.dispatch(M);
-  }, O = (_) => {
-    const M = new Xl({
+    o.commands.dispatch(N);
+  }, M = (_) => {
+    const N = new Xl({
       layerId: c.id,
       showCategoryLabels: _
     });
-    o.commands.dispatch(M);
+    o.commands.dispatch(N);
   };
   return /* @__PURE__ */ r(K, {
     title: t ?? l("editor.graphPanel.graphOptionsSection.title"),
     layout: n,
     preview: a,
     children: /* @__PURE__ */ m(J, { children: [
-      /* @__PURE__ */ r(A, {
+      /* @__PURE__ */ r(T, {
         label: l("editor.graphPanel.graphOptions.dataLabels"),
         children: /* @__PURE__ */ r(s, {
           isChecked: u,
-          onChange: x
+          onChange: S
         })
       }),
-      u && T && /* @__PURE__ */ r(A, {
+      u && A && /* @__PURE__ */ r(T, {
         label: l("editor.graphPanel.graphOptions.showPercentages"),
         children: /* @__PURE__ */ r(s, {
           isChecked: d === "percentage",
-          onChange: N
+          onChange: O
         })
       }),
-      S && /* @__PURE__ */ r(A, {
+      C && /* @__PURE__ */ r(T, {
         label: l("editor.graphPanel.graphOptions.stackTotals"),
         children: /* @__PURE__ */ r(s, {
           isChecked: h,
           onChange: L
         })
       }),
-      w && /* @__PURE__ */ r(A, {
+      w && /* @__PURE__ */ r(T, {
         label: l("editor.graphPanel.graphOptions.categoryLabels"),
         children: /* @__PURE__ */ r(s, {
           isChecked: p,
-          onChange: O
+          onChange: M
         })
       })
     ] })
@@ -10384,7 +10390,7 @@ var Ig = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
       })
     ]
   })
-}), I0 = 0.55, E0 = 0.15, Qt = [
+}), I0 = 0.55, E0 = 0.15, en = [
   {
     name: "column",
     icon: g0,
@@ -10560,21 +10566,21 @@ var Ig = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
       position: "identity"
     }
   }
-], O0 = 0.05, M0 = (e) => e === null ? null : Qt.find((t) => R0(t.summary, e)) ?? null, N0 = (e, t) => {
+], O0 = 0.05, M0 = (e) => e === null ? null : en.find((t) => R0(t.summary, e)) ?? null, N0 = (e, t) => {
   const { summary: n } = e;
   return t === null || Ae(n) ? n : n.position === "dodge" && $o(t) ? {
     ...n,
     position: "identity"
-  } : n.coordType !== "polar" || !dt(n.innerRadius) || t.coordType !== "polar" || !dt(t.innerRadius) ? n : {
+  } : n.coordType !== "polar" || !ut(n.innerRadius) || t.coordType !== "polar" || !ut(t.innerRadius) ? n : {
     ...n,
     innerRadius: t.innerRadius
   };
 }, $o = (e) => !Ae(e) && e.geom === "bar" && e.position === "identity", R0 = (e, t) => {
   if (Ae(e) || Ae(t)) return Ae(e) && Ae(t);
   const n = e.position === t.position || e.position === "dodge" && $o(t);
-  return e.coordType !== t.coordType || e.geom !== t.geom || !n ? !1 : e.coordType !== "polar" || t.coordType !== "polar" ? !0 : e.theta === t.theta && dt(e.innerRadius) === dt(t.innerRadius);
-}, dt = (e) => e >= O0, D0 = 3, mv = ({ title: e, layout: t = "collapsible", preview: n }) => {
-  const a = G(), o = W(a), i = E(), { RadioGrid: l } = V(), s = I(() => Qt.map(({ name: h, icon: p }) => ({
+  return e.coordType !== t.coordType || e.geom !== t.geom || !n ? !1 : e.coordType !== "polar" || t.coordType !== "polar" ? !0 : e.theta === t.theta && ut(e.innerRadius) === ut(t.innerRadius);
+}, ut = (e) => e >= O0, D0 = 3, mv = ({ title: e, layout: t = "collapsible", preview: n }) => {
+  const a = G(), o = W(a), i = E(), { RadioGrid: l } = V(), s = I(() => en.map(({ name: h, icon: p }) => ({
     value: h,
     label: i(`editor.graphTypes.${h}`),
     icon: /* @__PURE__ */ r(p, { size: "md" }),
@@ -10582,7 +10588,7 @@ var Ig = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
   })), [i, o]);
   if (!o) return null;
   const c = la(o.spec), u = M0(c), d = (h) => {
-    const p = Qt.find((g) => g.name === h);
+    const p = en.find((g) => g.name === h);
     p && a.commands.dispatch(new Zr(N0(p, c)));
   };
   return /* @__PURE__ */ r(K, {
@@ -10602,23 +10608,23 @@ var Ig = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
   "dashed",
   "dotted"
 ], _0 = 8, F0 = 0, gv = ({ title: e, layout: t = "collapsible", preview: n }) => {
-  const a = G(), o = W(a), i = E(), { Slider: l, Switch: s, ToggleGroup: c } = V(), u = kt(o);
+  const a = G(), o = W(a), i = E(), { Slider: l, Switch: s, ToggleGroup: c } = V(), u = Lt(o);
   if (!o || !u) return null;
   const d = o.guides.axes.filter(z0);
   if (d.length === 0) return null;
   const h = o.coordSystem.type !== "polar", p = d.some((y) => y.gridVisible), g = u.gridLine.y().resolve(), v = Pr.map((y) => ({
     value: y,
     label: i(`editor.graphPanel.gridSection.lineStyles.${y}`)
-  })), f = (y) => (T) => {
+  })), f = (y) => (A) => {
     a.commands.dispatch(new Al({
       axis: y,
-      isVisible: T
+      isVisible: A
     }));
-  }, S = (y) => {
-    const T = Pr.find((x) => x === y);
-    T && a.commands.dispatch(new wl({
+  }, C = (y) => {
+    const A = Pr.find((S) => S === y);
+    A && a.commands.dispatch(new wl({
       axis: "both",
-      lineStyle: T
+      lineStyle: A
     }));
   }, w = (y) => {
     a.commands.dispatch(new Tl({
@@ -10630,27 +10636,27 @@ var Ig = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
     title: e ?? i("editor.graphPanel.gridSection.title"),
     layout: t,
     preview: n,
-    children: /* @__PURE__ */ m(J, { children: [d.map((y) => /* @__PURE__ */ r(A, {
+    children: /* @__PURE__ */ m(J, { children: [d.map((y) => /* @__PURE__ */ r(T, {
       label: i(B0(y)),
       children: /* @__PURE__ */ r(s, {
         isChecked: y.gridVisible,
         onChange: f(y.scaleAestheticKey)
       })
-    }, y.scaleAestheticKey)), h && p && /* @__PURE__ */ m(Y, { children: [/* @__PURE__ */ r(A, {
+    }, y.scaleAestheticKey)), h && p && /* @__PURE__ */ m(Y, { children: [/* @__PURE__ */ r(T, {
       label: i("editor.graphPanel.gridSection.gridStyle"),
       children: /* @__PURE__ */ r(c, {
-        value: Ht(g.dashArray),
+        value: Gt(g.dashArray),
         options: v,
-        onChange: S
+        onChange: C
       })
-    }), /* @__PURE__ */ r(A, {
+    }), /* @__PURE__ */ r(T, {
       label: i("editor.graphPanel.gridSection.gridThickness"),
       children: /* @__PURE__ */ r(l, {
         value: g.strokeWidth,
         min: F0,
         max: _0,
         step: 0.5,
-        formatValue: Lt,
+        formatValue: Pt,
         onChange: w,
         onCommit: a.commands.commit
       })
@@ -10668,49 +10674,49 @@ var Ig = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
 ], vv = ({ title: e, layout: t = "collapsible", preview: n }) => {
   const a = G(), o = W(a), i = E(), { Switch: l, ToggleGroup: s } = V();
   if (!o) return null;
-  const c = o.config.headline, u = c.show !== "none", d = o.coordSystem, h = d.type === "polar", p = d.type === "polar" && d.innerRadius > 0, g = o.layers.some((C) => C.summary.grandTotal !== void 0);
+  const c = o.config.headline, u = c.show !== "none", d = o.coordSystem, h = d.type === "polar", p = d.type === "polar" && d.innerRadius > 0, g = o.layers.some((x) => x.summary.grandTotal !== void 0);
   if (h && !g) return null;
-  const v = h ? G0 : Uo, f = o.guides.headline, S = f?.kind === "perGroup" && f.items.some((C) => C.comparison !== null), w = v.map((C) => ({
-    value: C,
-    label: i(`editor.graphPanel.headlineNumberSection.metrics.${C}`)
-  })), y = Ir.map((C) => ({
-    value: C,
-    label: i(`editor.graphPanel.headlineNumberSection.comparison.${C}`)
-  })), T = Er.map((C) => ({
-    value: C,
-    label: i(C === "auto" ? "editor.graphPanel.numberFormat.options.auto" : `editor.graphPanel.headlineNumberSize.sizes.${C}`)
-  })), x = [{
+  const v = h ? G0 : Uo, f = o.guides.headline, C = f?.kind === "perGroup" && f.items.some((x) => x.comparison !== null), w = v.map((x) => ({
+    value: x,
+    label: i(`editor.graphPanel.headlineNumberSection.metrics.${x}`)
+  })), y = Ir.map((x) => ({
+    value: x,
+    label: i(`editor.graphPanel.headlineNumberSection.comparison.${x}`)
+  })), A = Er.map((x) => ({
+    value: x,
+    label: i(x === "auto" ? "editor.graphPanel.numberFormat.options.auto" : `editor.graphPanel.headlineNumberSize.sizes.${x}`)
+  })), S = [{
     value: "above",
     label: i("editor.graphPanel.headlineNumberSection.position.above")
   }, {
     value: "center",
     label: i("editor.graphPanel.headlineNumberSection.position.center")
-  }], N = (C) => {
-    a.commands.dispatch(new Dn({ show: C ? H0 : "none" }));
-  }, L = (C) => {
-    const b = v.find((U) => U === C);
+  }], O = (x) => {
+    a.commands.dispatch(new Dn({ show: x ? H0 : "none" }));
+  }, L = (x) => {
+    const b = v.find((U) => U === x);
     b && a.commands.dispatch(new Dn({ show: b }));
-  }, O = (C) => {
-    const b = Ir.find((U) => U === C);
+  }, M = (x) => {
+    const b = Ir.find((U) => U === x);
     b && a.commands.dispatch(new kl({ compareWith: b }));
-  }, _ = (C) => {
-    const b = Er.find((U) => U === C);
+  }, _ = (x) => {
+    const b = Er.find((U) => U === x);
     b && a.commands.dispatch(new Pl({ size: b }));
-  }, M = (C) => {
-    a.commands.dispatch(new Ll({ position: C === "center" ? "center" : "above" }));
+  }, N = (x) => {
+    a.commands.dispatch(new Ll({ position: x === "center" ? "center" : "above" }));
   };
   return /* @__PURE__ */ r(K, {
     title: e ?? i("editor.graphPanel.headlineNumberSection.title"),
     layout: t,
     preview: n ?? V0(i, c.show),
-    children: /* @__PURE__ */ m(J, { children: [/* @__PURE__ */ r(A, {
+    children: /* @__PURE__ */ m(J, { children: [/* @__PURE__ */ r(T, {
       label: i("editor.graphPanel.headlineNumberSection.toggle"),
       children: /* @__PURE__ */ r(l, {
         isChecked: u,
-        onChange: N
+        onChange: O
       })
     }), u && /* @__PURE__ */ m(Y, { children: [
-      w.length > 1 && /* @__PURE__ */ r(A, {
+      w.length > 1 && /* @__PURE__ */ r(T, {
         label: i("editor.graphPanel.headlineNumberSection.metricLabel"),
         layout: "stack",
         children: /* @__PURE__ */ r(s, {
@@ -10719,29 +10725,29 @@ var Ig = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
           onChange: L
         })
       }),
-      S && /* @__PURE__ */ r(A, {
+      C && /* @__PURE__ */ r(T, {
         label: i("editor.graphPanel.headlineNumberSection.compareWithLabel"),
         layout: "stack",
         children: /* @__PURE__ */ r(s, {
           value: Ks(c.compareWith),
           options: y,
-          onChange: O
+          onChange: M
         })
       }),
-      /* @__PURE__ */ r(A, {
+      /* @__PURE__ */ r(T, {
         label: i("editor.graphPanel.headlineNumberSize.sizeLabel"),
         children: /* @__PURE__ */ r(s, {
           value: c.size,
-          options: T,
+          options: A,
           onChange: _
         })
       }),
-      p && /* @__PURE__ */ r(A, {
+      p && /* @__PURE__ */ r(T, {
         label: i("editor.axesPanel.controls.position"),
         children: /* @__PURE__ */ r(s, {
           value: c.position,
-          options: x,
-          onChange: M
+          options: S,
+          onChange: N
         })
       })
     ] })] })
@@ -10749,7 +10755,7 @@ var Ig = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
 }, V0 = (e, t) => {
   const n = Uo.find((a) => a === t);
   return n && e(`editor.graphPanel.headlineNumberSection.metrics.${n}`);
-}, Ft = [
+}, zt = [
   "top",
   "bottom",
   "left",
@@ -10767,61 +10773,61 @@ var Ig = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
 ], fv = ({ positions: e, title: t, layout: n = "collapsible", preview: a }) => {
   const o = G(), i = W(o), l = E(), { ToggleGroup: s } = V();
   if (!i) return null;
-  const c = i.config.legend.position, u = e ?? Ft, d = i.guides.legends.drawn[0], h = os({
+  const c = i.config.legend.position, u = e ?? zt, d = i.guides.legends.drawn[0], h = os({
     legendPosition: i.guides.legends.position,
     coordSystem: i.coordSystem,
     layers: i.layers
   }), p = i.guides.headline?.kind === "perGroup", g = i.guides.colorGroups.length > 0;
   if (c === "auto" && d === void 0 && !h && (p || !g)) return null;
-  const v = d?.position ?? "none", f = c === "auto" ? v : c, S = Ft.filter((M) => M === f || u.includes(M)).map((M) => ({
-    value: M,
-    label: l(`editor.graphPanel.legendSection.${M}`)
-  })), w = (M) => {
-    const C = Ft.find((b) => b === M);
-    C && o.commands.dispatch(new Nl({ position: C }));
-  }, y = (M) => {
-    const C = Or.find((b) => b === M);
-    C && o.commands.dispatch(new Ol({ align: C }));
-  }, T = (M) => {
-    const C = Mr.find((b) => b === M);
-    C && o.commands.dispatch(new Ml({ display: C }));
-  }, x = Or.map((M) => ({
-    value: M,
-    label: l(`editor.graphPanel.legendSection.align.${M}`)
-  })), N = Mr.map((M) => ({
-    value: M,
-    label: l(`editor.graphPanel.legendSection.display.${M}`)
-  })), L = t ?? l("editor.graphPanel.legendSection.title"), O = S.find((M) => M.value === f)?.label, _ = d !== void 0;
+  const v = d?.position ?? "none", f = c === "auto" ? v : c, C = zt.filter((N) => N === f || u.includes(N)).map((N) => ({
+    value: N,
+    label: l(`editor.graphPanel.legendSection.${N}`)
+  })), w = (N) => {
+    const x = zt.find((b) => b === N);
+    x && o.commands.dispatch(new Nl({ position: x }));
+  }, y = (N) => {
+    const x = Or.find((b) => b === N);
+    x && o.commands.dispatch(new Ol({ align: x }));
+  }, A = (N) => {
+    const x = Mr.find((b) => b === N);
+    x && o.commands.dispatch(new Ml({ display: x }));
+  }, S = Or.map((N) => ({
+    value: N,
+    label: l(`editor.graphPanel.legendSection.align.${N}`)
+  })), O = Mr.map((N) => ({
+    value: N,
+    label: l(`editor.graphPanel.legendSection.display.${N}`)
+  })), L = t ?? l("editor.graphPanel.legendSection.title"), M = C.find((N) => N.value === f)?.label, _ = d !== void 0;
   return /* @__PURE__ */ r(K, {
     title: L,
     layout: n,
-    preview: a ?? O,
+    preview: a ?? M,
     children: /* @__PURE__ */ m(J, { children: [
-      /* @__PURE__ */ r(A, {
+      /* @__PURE__ */ r(T, {
         label: l("editor.axesPanel.controls.position"),
         layout: "stack",
         children: /* @__PURE__ */ r(s, {
           value: f,
-          options: S,
+          options: C,
           onChange: w
         })
       }),
-      _ && /* @__PURE__ */ r(A, {
+      _ && /* @__PURE__ */ r(T, {
         label: l("editor.graphPanel.legendSection.alignLabel"),
         layout: "stack",
         children: /* @__PURE__ */ r(s, {
           value: i.config.legend.align,
-          options: x,
+          options: S,
           onChange: y
         })
       }),
-      h && /* @__PURE__ */ r(A, {
+      h && /* @__PURE__ */ r(T, {
         label: l("editor.graphPanel.legendSection.displayLabel"),
         layout: "stack",
         children: /* @__PURE__ */ r(s, {
           value: i.config.legend.display,
-          options: N,
-          onChange: T
+          options: O,
+          onChange: A
         })
       })
     ] })
@@ -10841,7 +10847,7 @@ var Ig = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
     min: $0,
     max: U0,
     step: W0,
-    formatValue: Lt,
+    formatValue: Pt,
     onChange: i,
     onCommit: t.commands.commit
   });
@@ -10852,40 +10858,40 @@ var Ig = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
 ], bv = ({ title: e, layout: t = "collapsible", preview: n }) => {
   const a = G(), o = W(a), i = E(), { Select: l, Slider: s, Switch: c, ToggleGroup: u } = V(), d = o?.spec.layers ?? [], h = oa(d, "line", "area"), p = Pn(o, h?.id ?? null, "line");
   if (!o || !h) return null;
-  const g = o.coordSystem.type === "polar", v = J0(i, h), f = Y0(h, d), S = Nr(o.spec, h.geom, "strokeWidth", h.id), w = typeof S == "number", y = h.geom === "line" ? h : void 0, T = [{
+  const g = o.coordSystem.type === "polar", v = J0(i, h), f = Y0(h, d), C = Nr(o.spec, h.geom, "strokeWidth", h.id), w = typeof C == "number", y = h.geom === "line" ? h : void 0, A = [{
     value: "auto",
     label: i("editor.graphPanel.numberFormat.options.auto")
   }, {
     value: "custom",
     label: i("editor.graphPanel.numberFormat.options.custom")
-  }], x = (C) => {
+  }], S = (x) => {
     a.commands.dispatch(new Jl({
       layerId: h.id,
-      showPoints: C
+      showPoints: x
     }));
-  }, N = (C) => {
+  }, O = (x) => {
     y && a.commands.dispatch(new Yl({
       layerId: y.id,
-      showFill: C
+      showFill: x
     }));
-  }, L = (C) => {
+  }, L = (x) => {
     a.commands.dispatch(new Rl({
       layerId: h.id,
-      curve: C ? "smooth" : "linear"
+      curve: x ? "smooth" : "linear"
     }));
-  }, O = (C) => {
+  }, M = (x) => {
     const b = p?.get("strokeWidth") ?? il;
     a.commands.dispatch(new _n({
       layerId: h.id,
-      lineWidth: C === "custom" ? b : null
+      lineWidth: x === "custom" ? b : null
     }));
-  }, _ = (C) => {
+  }, _ = (x) => {
     a.commands.dispatch(new _n({
       layerId: h.id,
-      lineWidth: C
+      lineWidth: x
     }), { transient: !0 });
-  }, M = (C) => {
-    const b = j0(C);
+  }, N = (x) => {
+    const b = j0(x);
     b && a.commands.dispatch(new Dl({
       layerId: h.id,
       missingValues: b
@@ -10896,62 +10902,62 @@ var Ig = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
     layout: t,
     preview: n,
     children: /* @__PURE__ */ m(J, { children: [
-      /* @__PURE__ */ r(A, {
+      /* @__PURE__ */ r(T, {
         label: i("editor.graphPanel.graphOptions.showPoints"),
         children: /* @__PURE__ */ r(c, {
           isChecked: f !== void 0,
-          onChange: x
+          onChange: S
         })
       }),
-      f && /* @__PURE__ */ r(A, {
+      f && /* @__PURE__ */ r(T, {
         label: i("editor.graphPanel.pointSize.label"),
         children: /* @__PURE__ */ r(Wo, { layerId: f.id })
       }),
-      y && !g && /* @__PURE__ */ r(A, {
+      y && !g && /* @__PURE__ */ r(T, {
         label: i("editor.graphPanel.graphOptions.lineFill"),
         children: /* @__PURE__ */ r(c, {
           isChecked: Nr(o.spec, "line", "fillAlpha", y.id) !== void 0,
-          onChange: N
+          onChange: O
         })
       }),
-      !g && /* @__PURE__ */ r(A, {
+      !g && /* @__PURE__ */ r(T, {
         label: i("editor.graphPanel.graphOptions.smoothLines"),
         children: /* @__PURE__ */ r(c, {
           isChecked: h.params.curve === "smooth",
           onChange: L
         })
       }),
-      /* @__PURE__ */ r(A, {
+      /* @__PURE__ */ r(T, {
         label: i("editor.graphPanel.lineThickness.label"),
         children: /* @__PURE__ */ r(u, {
           value: w ? "custom" : "auto",
-          options: T,
-          onChange: O
+          options: A,
+          onChange: M
         })
       }),
-      w && /* @__PURE__ */ r(A, {
+      w && /* @__PURE__ */ r(T, {
         label: i("editor.graphPanel.numberFormat.valueLabel"),
         children: /* @__PURE__ */ r(s, {
-          value: S,
+          value: C,
           min: K0,
           max: q0,
           step: X0,
-          formatValue: Lt,
+          formatValue: Pt,
           onChange: _,
           onCommit: a.commands.commit
         })
       }),
-      !g && v.length > 1 && /* @__PURE__ */ r(A, {
+      !g && v.length > 1 && /* @__PURE__ */ r(T, {
         label: i("editor.fineTunePanel.detailSection.missingValues"),
         children: /* @__PURE__ */ r(l, {
           value: h.params.missingValues,
           options: v,
-          onChange: M
+          onChange: N
         })
       })
     ] })
   });
-}, j0 = (e) => Z0.find((t) => t === e), Nr = (e, t, n, a) => bs(e.styles.overrides, rs(t, a))?.[n], Y0 = (e, t) => zt(t, "point").find((n) => dn(n, [e])), J0 = (e, t) => {
+}, j0 = (e) => Z0.find((t) => t === e), Nr = (e, t, n, a) => bs(e.styles.overrides, rs(t, a))?.[n], Y0 = (e, t) => Bt(t, "point").find((n) => dn(n, [e])), J0 = (e, t) => {
   const n = [{
     value: "gap",
     label: e("editor.graphPanel.treatEmptyValues.leaveGap.label")
@@ -10963,7 +10969,7 @@ var Ig = "_40zvwv8", K = ({ 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;
-}, en = "\0none", Q0 = [
+}, tn = "\0none", Q0 = [
   "x",
   "y",
   "color",
@@ -10981,12 +10987,12 @@ var Ig = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
     return {
       aesthetic: u,
       label: o(e5[u]),
-      value: p ?? (h ? null : en),
+      value: p ?? (h ? null : tn),
       options: t5(d, p, h ? null : l),
       chooseColumn: (g) => {
         n.commands.dispatch(new _l({
           aesthetic: u,
-          variable: g === en ? null : g
+          variable: g === tn ? null : g
         }));
       }
     };
@@ -10999,7 +11005,7 @@ var Ig = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
   return a ? /* @__PURE__ */ r(K, {
     title: e ?? o("editor.graphPanel.mappingSection.title"),
     layout: t,
-    children: /* @__PURE__ */ r(J, { children: c.map(({ aesthetic: u, label: d, value: h, options: p, chooseColumn: g }) => /* @__PURE__ */ r(A, {
+    children: /* @__PURE__ */ r(J, { children: c.map(({ aesthetic: u, label: d, value: h, options: p, chooseColumn: g }) => /* @__PURE__ */ r(T, {
       label: d,
       children: /* @__PURE__ */ r(i, {
         value: h,
@@ -11012,13 +11018,13 @@ var Ig = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
 }, t5 = (e, t, n) => {
   const a = t !== null && !e.includes(t) ? [t, ...e] : e;
   return [...n === null ? [] : [{
-    value: en,
+    value: tn,
     label: n
   }], ...a.map((o) => ({
     value: o,
     label: o
   }))];
-}, n5 = "k", r5 = 2, a5 = 0, o5 = 5, tn = [
+}, n5 = "k", r5 = 2, a5 = 0, o5 = 5, nn = [
   {
     value: "k",
     labelKey: "thousands"
@@ -11034,31 +11040,31 @@ var Ig = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
 ], i5 = ["auto", "none"], Sv = ({ title: e, layout: t = "collapsible", preview: n }) => {
   const a = G(), o = W(a), i = E(), { NumberField: l, ToggleGroup: s } = V();
   if (!o) return null;
-  const { abbreviation: c, decimals: u } = o.config.numberFormat, d = l5(c) !== void 0, h = u !== "auto", p = (T) => T.map((x) => ({
-    value: x,
-    label: i(`editor.graphPanel.numberFormat.options.${x}`)
-  })), g = tn.map(({ value: T, labelKey: x }) => ({
-    value: T,
-    label: i(`common.abbreviations.${x}`)
-  })), v = (T) => {
-    a.commands.dispatch(new Fl({ abbreviation: T }));
-  }, f = (T) => {
-    const x = i5.find((N) => N === T);
-    v(x ?? n5);
-  }, S = (T) => {
-    const x = tn.find((N) => N.value === T);
-    x && v(x.value);
-  }, w = (T) => {
-    a.commands.dispatch(new Fn({ decimals: T === "custom" ? r5 : "auto" }));
-  }, y = (T) => {
-    T !== null && a.commands.dispatch(new Fn({ decimals: T }), { transient: !0 });
+  const { abbreviation: c, decimals: u } = o.config.numberFormat, d = l5(c) !== void 0, h = u !== "auto", p = (A) => A.map((S) => ({
+    value: S,
+    label: i(`editor.graphPanel.numberFormat.options.${S}`)
+  })), g = nn.map(({ value: A, labelKey: S }) => ({
+    value: A,
+    label: i(`common.abbreviations.${S}`)
+  })), v = (A) => {
+    a.commands.dispatch(new Fl({ abbreviation: A }));
+  }, f = (A) => {
+    const S = i5.find((O) => O === A);
+    v(S ?? n5);
+  }, C = (A) => {
+    const S = nn.find((O) => O.value === A);
+    S && v(S.value);
+  }, w = (A) => {
+    a.commands.dispatch(new Fn({ decimals: A === "custom" ? r5 : "auto" }));
+  }, y = (A) => {
+    A !== null && a.commands.dispatch(new Fn({ decimals: A }), { transient: !0 });
   };
   return /* @__PURE__ */ r(K, {
     title: e ?? i("editor.graphPanel.numberFormatSection.title"),
     layout: t,
     preview: n,
     children: /* @__PURE__ */ m(J, { children: [
-      /* @__PURE__ */ r(A, {
+      /* @__PURE__ */ r(T, {
         label: i("editor.graphPanel.numberFormat.abbreviationLabel"),
         children: /* @__PURE__ */ r(s, {
           value: d ? "custom" : c,
@@ -11070,15 +11076,15 @@ var Ig = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
           onChange: f
         })
       }),
-      d && /* @__PURE__ */ r(A, {
+      d && /* @__PURE__ */ r(T, {
         label: i("editor.graphPanel.numberFormat.valueLabel"),
         children: /* @__PURE__ */ r(s, {
           value: c,
           options: g,
-          onChange: S
+          onChange: C
         })
       }),
-      /* @__PURE__ */ r(A, {
+      /* @__PURE__ */ r(T, {
         label: i("editor.graphPanel.numberFormat.decimalPlacesLabel"),
         children: /* @__PURE__ */ r(s, {
           value: h ? "custom" : "auto",
@@ -11086,7 +11092,7 @@ var Ig = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
           onChange: w
         })
       }),
-      h && /* @__PURE__ */ r(A, {
+      h && /* @__PURE__ */ r(T, {
         label: i("editor.graphPanel.numberFormat.valueLabel"),
         children: /* @__PURE__ */ r(l, {
           value: u,
@@ -11098,7 +11104,7 @@ var Ig = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
       })
     ] })
   });
-}, l5 = (e) => tn.find((t) => t.value === e), Cv = ({ title: e, layout: t = "collapsible", preview: n }) => {
+}, l5 = (e) => nn.find((t) => t.value === e), Cv = ({ title: e, layout: t = "collapsible", preview: n }) => {
   const a = W(G()), o = E();
   if (!a) return null;
   const i = s5(a.spec.layers);
@@ -11106,14 +11112,14 @@ var Ig = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
     title: e ?? o("editor.graphPanel.pointSize.label"),
     layout: t,
     preview: n,
-    children: /* @__PURE__ */ r(J, { children: /* @__PURE__ */ r(A, {
+    children: /* @__PURE__ */ r(J, { children: /* @__PURE__ */ r(T, {
       label: o("editor.graphPanel.numberFormat.valueLabel"),
       children: /* @__PURE__ */ r(Wo, { layerId: i.id })
     }) })
   }) : null;
 }, s5 = (e) => {
-  const t = zt(e, "line", "area");
-  return zt(e, "point").find((n) => !dn(n, t));
+  const t = Bt(e, "line", "area");
+  return Bt(e, "point").find((n) => !dn(n, t));
 }, c5 = 0.9, d5 = 360, u5 = 0.05, h5 = 15, xv = ({ title: e, layout: t = "collapsible", preview: n }) => {
   const a = G(), o = W(a), i = E(), { Slider: l } = V();
   if (!o || o.spec.coords.coordType !== "polar") return null;
@@ -11126,7 +11132,7 @@ var Ig = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
     title: e ?? i("editor.graphPanel.polarSection.title"),
     layout: t,
     preview: n,
-    children: /* @__PURE__ */ m(J, { children: [/* @__PURE__ */ r(A, {
+    children: /* @__PURE__ */ m(J, { children: [/* @__PURE__ */ r(T, {
       label: i("editor.graphPanel.polarSection.innerRadius"),
       children: /* @__PURE__ */ r(l, {
         value: s,
@@ -11137,7 +11143,7 @@ var Ig = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
         onChange: u,
         onCommit: a.commands.commit
       })
-    }), /* @__PURE__ */ r(A, {
+    }), /* @__PURE__ */ r(T, {
       label: i("editor.graphPanel.polarSection.startAngle"),
       children: /* @__PURE__ */ r(l, {
         value: c,
@@ -11207,38 +11213,38 @@ var Ig = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
 ], m5 = "linear", wv = ({ title: e, layout: t = "collapsible", preview: n }) => {
   const a = G(), o = W(a), i = E(), { Select: l, Switch: s } = V(), { options: c, findValue: u } = Ja(o);
   if (!o || o.coordSystem.type === "polar") return null;
-  const d = Ss(o.spec.layers), h = ms(o.spec.layers), p = d?.stat.type === "smooth" ? d.stat.method : m5, g = g5(h), v = Dr.map((x) => ({
-    value: x,
-    label: i(`editor.annotationsPanel.trendType.options.${x}`)
-  })), f = (x, N = {}) => {
-    const L = d ?? h, O = new Wl({
-      line: x,
-      ...N,
+  const d = Ss(o.spec.layers), h = ms(o.spec.layers), p = d?.stat.type === "smooth" ? d.stat.method : m5, g = g5(h), v = Dr.map((S) => ({
+    value: S,
+    label: i(`editor.annotationsPanel.trendType.options.${S}`)
+  })), f = (S, O = {}) => {
+    const L = d ?? h, M = new Wl({
+      line: S,
+      ...O,
       ...L !== void 0 && { layerId: L.id },
       label: i("editor.annotationsPanel.trendsAndAveragesSection.average")
     });
-    a.commands.dispatch(O);
-  }, S = (x) => f(x ? "trend" : "none", { method: p }), w = (x) => f(x ? "average" : "none", { group: g ?? u(c[0]?.value ?? "") }), y = (x) => {
-    const N = Dr.find((L) => L === x);
-    N !== void 0 && f("trend", { method: N });
-  }, T = (x) => {
-    const N = x === null ? void 0 : u(x);
-    N !== void 0 && f("average", { group: N });
+    a.commands.dispatch(M);
+  }, C = (S) => f(S ? "trend" : "none", { method: p }), w = (S) => f(S ? "average" : "none", { group: g ?? u(c[0]?.value ?? "") }), y = (S) => {
+    const O = Dr.find((L) => L === S);
+    O !== void 0 && f("trend", { method: O });
+  }, A = (S) => {
+    const O = S === null ? void 0 : u(S);
+    O !== void 0 && f("average", { group: O });
   };
   return /* @__PURE__ */ r(K, {
     title: e ?? i("editor.annotationsPanel.trendsAndAveragesSection.title"),
     layout: t,
     preview: n ?? /* @__PURE__ */ r(Rr, { size: "lg" }),
     children: /* @__PURE__ */ m(J, { children: [
-      /* @__PURE__ */ r(A, {
+      /* @__PURE__ */ r(T, {
         label: i("editor.annotationsPanel.trendsAndAveragesSection.trend"),
         icon: /* @__PURE__ */ r(Rr, { size: "lg" }),
         children: /* @__PURE__ */ r(s, {
           isChecked: d !== void 0,
-          onChange: S
+          onChange: C
         })
       }),
-      d !== void 0 && /* @__PURE__ */ r(A, {
+      d !== void 0 && /* @__PURE__ */ r(T, {
         label: i("editor.annotationsPanel.trendType.label"),
         children: /* @__PURE__ */ r(l, {
           value: p,
@@ -11247,7 +11253,7 @@ var Ig = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
           placeholder: i("editor.annotationsPanel.trendType.placeholder")
         })
       }),
-      /* @__PURE__ */ r(A, {
+      /* @__PURE__ */ r(T, {
         label: i("editor.annotationsPanel.trendsAndAveragesSection.average"),
         icon: /* @__PURE__ */ r(p5, { size: "lg" }),
         children: /* @__PURE__ */ r(s, {
@@ -11255,12 +11261,12 @@ var Ig = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: n, accessory
           onChange: w
         })
       }),
-      h !== void 0 && c.length > 0 && /* @__PURE__ */ r(A, {
+      h !== void 0 && c.length > 0 && /* @__PURE__ */ r(T, {
         label: i("editor.annotationsPanel.averageLineSeries.label"),
         children: /* @__PURE__ */ r(l, {
           value: g === void 0 ? null : String(g),
           options: c,
-          onChange: T,
+          onChange: A,
           placeholder: i("editor.annotationsPanel.averageLineSeries.placeholder"),
           ariaLabel: i("editor.annotationsPanel.averageLineSeries.ariaLabel")
         })
@@ -11299,7 +11305,7 @@ export {
   Cv as PointSection,
   xv as PolarSection,
   Gm as RadioGrid,
-  A as Row,
+  T as Row,
   K as Section,
   jm as Select,
   og as Slider,