@graphysdk/react-renderer 1.8.1-beta.1786707936521 → 1.8.1-beta.1786950787742

package/dist/editable.mjs

@@ -1,36 +1,36 @@
-import { A as Je, B as Ve, D as W, E as te, F as Kt, J as ze, K as Ut, L as Wt, M as Nn, O as J, P as Zt, Q as ne, R as ge, T as qt, U as Kc, W as I, Z as Fe, _ as $t, b as X, c as Xt, ct as Yt, d as jt, f as En, ft as K, i as Jt, j as Qt, k as Ee, l as er, lt as nr, m as tr, mt as U, n as R, o as rr, p as ar, q as or, r as ir, s as lr, t as sr, u as kn, ut as cr, v as xe, w as dr, x as re, y as L } from "./history-chords-CmDNkDXT.js";
-import { p as hr } from "./typography-CiDZDGza.js";
-import { ARROW_DEFAULTS as ur, AddAnnotationCommand as Y, AddHighlightCommand as mr, BORDER_RADIUS_TOKENS as Qe, CONSTANT_VARIABLES as pr, DEFAULT_BAR_BORDER_RADIUS as gr, DEFAULT_POINT_SIZE as vr, DEFAULT_STROKE_WIDTH as Cr, DIFFERENCE_ARROW_DEFAULTS as _n, MAX_BAR_WIDTH as fr, MIN_BAR_WIDTH as br, MoveAnnotationCommand as yr, RESTING_HOVER_STATE as Rn, RemoveAnnotationCommand as Be, RemoveHighlightCommand as Sr, SHAPE_DEFAULTS as wr, SetAppearanceTextScaleCommand as xr, SetAxisLabelCommand as Tr, SetAxisPositionCommand as Lr, SetAxisTickModeCommand as Pr, SetAxisTicksVisibilityCommand as Ir, SetAxisVisibilityCommand as Ar, SetBarBorderRadiusCommand as Or, SetBarWidthCommand as Mr, SetChartTypeCommand as Nr, SetContentCaptionCommand as Er, SetContentSourceCommand as kr, SetContentSubtitleCommand as _r, SetContentTitleCommand as Rr, SetDataLabelsFormatCommand as Dr, SetGridLineStyleCommand as Hr, SetGridLineWidthCommand as Vr, SetGridVisibilityCommand as zr, SetHeadlineCompareWithCommand as Fr, SetHeadlinePositionCommand as Br, SetHeadlineShowCommand as en, SetHeadlineSizeCommand as Gr, SetHighlightDimStyleCommand as Kr, SetLegendAlignCommand as Ur, SetLegendDisplayCommand as Wr, SetLegendPositionCommand as Zr, SetLineInterpolationCommand as qr, SetLineMissingValuesCommand as $r, SetLineWidthCommand as nn, SetNumberFormatAbbreviationCommand as Xr, SetNumberFormatDecimalsCommand as tn, SetPointSizeCommand as Yr, SetPolarInnerRadiusCommand as jr, SetPolarStartAngleCommand as Jr, SetRuleLabelCommand as Qr, SetRuleValueCommand as ea, SetScaleDomainCommand as fe, SetScaleReverseCommand as na, SetScaleTransformCommand as ta, SetScaleZeroCommand as rn, SetStatLineCommand as ra, SetStyleRuleCommand as aa, TEXT_ANNOTATION_DEFAULTS as oa, ToggleCategoryLabelsCommand as ia, ToggleContentVisibilityCommand as Te, ToggleDataLabelsCommand as la, ToggleGoalLineCommand as sa, ToggleLineFillCommand as ca, ToggleLinePointsVisibilityCommand as da, ToggleStackTotalsCommand as ha, UpdateAnnotationCommand as Dn, areAnchorsEqual as Hn, areEndpointsComparable as ua, buildEditMenuTriggerRegion as ma, buildLayerStyleAddress as pa, buildObservationAnchor as ga, buildObservationPredicate as va, canAnchorDirectLabels as Ca, canPlaceDataLabels as fa, clampAnnotationTranslation as ba, computeArrow as ya, createObservationAnchorParser as Sa, createStyleResolver as Vn, createValueFormatter as wa, extractConstantValue as xa, extractVariableName as Ta, filterLayersByGeoms as ke, findAnnotation as La, findAverageLineLayer as Pa, findGoalLineLayer as Ia, findHighlightsAtObservation as Aa, findKindStyleDeclarations as Oa, findLayerByGeom as zn, findObservationAttachment as Ma, findStyleRule as Na, findTrendLineLayer as Ea, formatDifferenceLabel as ka, getColor as _a, hasMultipleGroups as Ra, inferDefaultDifferenceArrowEndpoints as Da, inferDifferenceArrowEndpoints as Ha, isCompanionLayer as Fn, isObservationAttachmentKind as Va, isPointWithinEditMenuTrigger as Bn, isSafeUrl as za, projectAnchorToPanel as Fa, readChartType as Ba, readHighlightDimStyle as Ga, resolveComparisonBasis as Ka, resolveObservationPoint as _e, stepDifferenceArrowEndpoint as Ua, toPanelCursor as Ge } from "@graphysdk/viz-engine";
-import { createContext as ve, useCallback as ye, useContext as ce, useEffect as H, useId as le, useMemo as k, useRef as pe, useState as q } from "react";
-import { Fragment as G, jsx as n, jsxs as p } from "react/jsx-runtime";
-import { useShallow as Ke } from "zustand/react/shallow";
-import { createPortal as Wa } from "react-dom";
+import { A as Kt, B as He, D as W, E as ne, F as Ut, J as Ve, K as Wt, L as Zt, M as On, O as ie, P as qt, Q as ee, R as ge, T as $t, U as Uc, W as I, Z as ze, _ as Xt, b as X, c as Yt, ct as jt, d as Jt, f as Mn, ft as K, i as Qt, j as er, k as Nn, l as nr, lt as tr, m as rr, mt as U, n as R, o as ar, p as or, q as ir, r as lr, s as sr, t as cr, u as kn, ut as dr, v as xe, w as hr, x as te, y as L } from "./history-chords-Dd1uLlYw.js";
+import { p as ur } from "./typography-CiDZDGza.js";
+import { ARROW_DEFAULTS as mr, AddAnnotationCommand as Y, AddHighlightCommand as pr, BORDER_RADIUS_TOKENS as je, CONSTANT_VARIABLES as gr, DEFAULT_BAR_BORDER_RADIUS as vr, DEFAULT_POINT_SIZE as fr, DEFAULT_STROKE_WIDTH as Cr, DIFFERENCE_ARROW_DEFAULTS as _n, MAX_BAR_WIDTH as br, MIN_BAR_WIDTH as yr, MoveAnnotationCommand as Sr, RESTING_HOVER_STATE as En, RemoveAnnotationCommand as Fe, RemoveHighlightCommand as wr, SHAPE_DEFAULTS as xr, SetAppearanceTextScaleCommand as Tr, SetAxisLabelCommand as Lr, SetAxisPositionCommand as Pr, SetAxisTickModeCommand as Ir, SetAxisTicksVisibilityCommand as Ar, SetAxisVisibilityCommand as Or, SetBarBorderRadiusCommand as Mr, SetBarWidthCommand as Nr, SetChartTypeCommand as kr, SetContentCaptionCommand as _r, SetContentSourceCommand as Er, SetContentSubtitleCommand as Rr, SetContentTitleCommand as Dr, SetDataLabelsFormatCommand as Hr, SetGridLineStyleCommand as Vr, SetGridLineWidthCommand as zr, SetGridVisibilityCommand as Fr, SetHeadlineCompareWithCommand as Gr, SetHeadlinePositionCommand as Br, SetHeadlineShowCommand as Je, SetHeadlineSizeCommand as Kr, SetHighlightDimStyleCommand as Ur, SetLegendAlignCommand as Wr, SetLegendDisplayCommand as Zr, SetLegendPositionCommand as qr, SetLineInterpolationCommand as $r, SetLineMissingValuesCommand as Xr, SetLineWidthCommand as Qe, SetNumberFormatAbbreviationCommand as Yr, SetNumberFormatDecimalsCommand as en, SetPointSizeCommand as jr, SetPolarInnerRadiusCommand as Jr, SetPolarStartAngleCommand as Qr, SetRuleLabelCommand as ea, SetRuleValueCommand as na, SetScaleDomainCommand as Ce, SetScaleReverseCommand as ta, SetScaleTransformCommand as ra, SetScaleZeroCommand as nn, SetStatLineCommand as aa, SetStyleRuleCommand as oa, TEXT_ANNOTATION_DEFAULTS as ia, ToggleCategoryLabelsCommand as la, ToggleContentVisibilityCommand as Te, ToggleDataLabelsCommand as sa, ToggleGoalLineCommand as ca, ToggleLineFillCommand as da, ToggleLinePointsVisibilityCommand as ha, ToggleStackTotalsCommand as ua, UpdateAnnotationCommand as Rn, areAnchorsEqual as Dn, areEndpointsComparable as ma, buildEditMenuTriggerRegion as pa, buildLayerStyleAddress as ga, buildObservationAnchor as va, buildObservationPredicate as fa, canAnchorDirectLabels as Ca, canPlaceDataLabels as ba, clampAnnotationTranslation as ya, computeArrow as Sa, createObservationAnchorParser as wa, createStyleResolver as Hn, createValueFormatter as xa, extractConstantValue as Ta, extractVariableName as La, filterLayersByGeoms as ke, findAnnotation as Pa, findAverageLineLayer as Ia, findGoalLineLayer as Aa, findHighlightsAtObservation as Oa, findKindStyleDeclarations as Ma, findLayerByGeom as Vn, findObservationAttachment as Na, findStyleRule as ka, findTrendLineLayer as _a, formatDifferenceLabel as Ea, getColor as Ra, hasMultipleGroups as Da, inferDefaultDifferenceArrowEndpoints as Ha, inferDifferenceArrowEndpoints as Va, isCompanionLayer as zn, isObservationAttachmentKind as za, isPointWithinEditMenuTrigger as Fn, isSafeUrl as Fa, projectAnchorToPanel as Ga, readChartType as Ba, readHighlightDimStyle as Ka, resolveComparisonBasis as Ua, resolveObservationPoint as _e, stepDifferenceArrowEndpoint as Wa, toPanelCursor as Ge } from "@graphysdk/viz-engine";
+import { createContext as ve, useCallback as ye, useContext as ce, useEffect as H, useId as le, useMemo as _, useRef as pe, useState as q } from "react";
+import { Fragment as B, jsx as n, jsxs as p } from "react/jsx-runtime";
+import { useShallow as Be } from "zustand/react/shallow";
+import { createPortal as Za } from "react-dom";
 import se from "clsx";
 import { assignInlineVars as Gn } from "@vanilla-extract/dynamic";
 import { Menu as z } from "@base-ui/react/menu";
 import { Menu as j } from "@base-ui/react";
 import { Accordion as ue } from "@base-ui/react/accordion";
-import { NumberField as an } from "@base-ui/react/number-field";
-import { Radio as Kn } from "@base-ui/react/radio";
-import { RadioGroup as Un } from "@base-ui/react/radio-group";
+import { NumberField as tn } from "@base-ui/react/number-field";
+import { Radio as Bn } from "@base-ui/react/radio";
+import { RadioGroup as Kn } from "@base-ui/react/radio-group";
 import { Select as Z } from "@base-ui/react/select";
 import { Slider as de } from "@base-ui/react/slider";
-import { Switch as on } from "@base-ui/react/switch";
-import { Input as Za } from "@base-ui/react/input";
-import './editable.css';var qa = "data-graphy-chart-chrome", $a = "data-graphy-chart-menu", Wn = { [$a]: "" }, Se = (e) => ({ [qa]: e }), Zn = (e, t) => e instanceof Element && e.closest(`[data-graphy-chart-chrome="${CSS.escape(t)}"]`) !== null, Xa = (e) => e instanceof Element && e.closest("[data-graphy-chart-menu]") !== null, qn = (e) => e instanceof Element && e.closest("[data-graphy-chart-chrome]") !== null, $n = (e, t, r) => r !== null && Bn({
+import { Switch as rn } from "@base-ui/react/switch";
+import { Input as qa } from "@base-ui/react/input";
+import './editable.css';var $a = "data-graphy-chart-chrome", Xa = "data-graphy-chart-menu", Un = { [Xa]: "" }, Se = (e) => ({ [$a]: e }), Wn = (e, t) => e instanceof Element && e.closest(`[data-graphy-chart-chrome="${CSS.escape(t)}"]`) !== null, Ya = (e) => e instanceof Element && e.closest("[data-graphy-chart-menu]") !== null, Zn = (e) => e instanceof Element && e.closest("[data-graphy-chart-chrome]") !== null, qn = (e, t, r) => r !== null && Fn({
   x: e.clientX - t.x,
   y: e.clientY - t.y
-}, r), me = (e, t, r) => e instanceof Node && (t.contains(e) || Zn(e, r)), Ya = "cml7ha0", Xn = ve(null), ja = ({ children: e }) => {
-  const { chartId: t } = U(), [r] = q(ze), [a, o] = q(null);
-  return r === null ? null : /* @__PURE__ */ p(G, { children: [Wa(/* @__PURE__ */ n("div", {
+}, r), me = (e, t, r) => e instanceof Node && (t.contains(e) || Wn(e, r)), ja = "cml7ha0", $n = ve(null), Ja = ({ children: e }) => {
+  const { chartId: t } = U(), [r] = q(Ve), [a, o] = q(null);
+  return r === null ? null : /* @__PURE__ */ p(B, { children: [Za(/* @__PURE__ */ n("div", {
     ref: o,
-    className: Ya,
+    className: ja,
     ...Se(t)
-  }), r), /* @__PURE__ */ n(Xn.Provider, {
+  }), r), /* @__PURE__ */ n($n.Provider, {
     value: a,
     children: e
   })] });
-}, Ue = () => ce(Xn), Yn = (e) => /* @__PURE__ */ p(L, {
+}, Ke = () => ce($n), Xn = (e) => /* @__PURE__ */ p(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -56,21 +56,21 @@ import './editable.css';var qa = "data-graphy-chart-chrome", $a = "data-graphy-c
     })
   ]
 });
-var jn = "efjmb40", Jn = "efjmb41", ae = "efjmb42", oe = "efjmb43", Ja = "efjmb44", Qa = "efjmb45", eo = /* @__PURE__ */ new Set([
+var Yn = "efjmb40", jn = "efjmb41", re = "efjmb42", ae = "efjmb43", Qa = "efjmb44", eo = "efjmb45", no = /* @__PURE__ */ new Set([
   "item-press",
   "escape-key",
   "outside-press",
   "close-press",
   "sibling-open",
   "trigger-press"
-]), We = ({ label: e, icon: t, onOpened: r, children: a }) => {
-  const o = Ue(), [i, l] = q(!1), c = (s, h) => {
-    s ? (l(!0), r?.()) : eo.has(h.reason) && l(!1);
+]), Ue = ({ label: e, icon: t, onOpened: r, children: a }) => {
+  const o = Ke(), [i, l] = q(!1), c = (s, h) => {
+    s ? (l(!0), r?.()) : no.has(h.reason) && l(!1);
   };
   return /* @__PURE__ */ p(j.SubmenuRoot, {
     open: i,
     onOpenChange: c,
-    children: [/* @__PURE__ */ n(no, {
+    children: [/* @__PURE__ */ n(to, {
       label: e,
       icon: t
     }), /* @__PURE__ */ n(j.Portal, {
@@ -79,50 +79,50 @@ var jn = "efjmb40", Jn = "efjmb41", ae = "efjmb42", oe = "efjmb43", Ja = "efjmb4
         side: "right",
         align: "start",
         sideOffset: 4,
-        className: jn,
-        ...Wn,
+        className: Yn,
+        ...Un,
         children: /* @__PURE__ */ n(j.Popup, {
-          className: Jn,
+          className: jn,
           children: a
         })
       }) })
     })]
   });
-}, no = ({ label: e, icon: t }) => /* @__PURE__ */ p(j.SubmenuTrigger, {
-  className: ae,
+}, to = ({ label: e, icon: t }) => /* @__PURE__ */ p(j.SubmenuTrigger, {
+  className: re,
   openOnHover: !1,
   children: [
     t,
     /* @__PURE__ */ n("span", {
-      className: oe,
+      className: ae,
       children: e
     }),
     /* @__PURE__ */ n("span", {
-      className: Qa,
+      className: eo,
       children: /* @__PURE__ */ n(xe, { size: "sm" })
     })
   ]
-}), to = "_1qe7q450", ro = "_1qe7q451", ao = "_1qe7q452", oo = ({ label: e, placeholder: t, addLabel: r, at: a, onRequestClose: o }) => {
-  const i = pe(null), [l, c] = q(""), { dispatch: s } = re(), h = l.trim(), d = () => {
+}), ro = "_1qe7q450", ao = "_1qe7q451", oo = "_1qe7q452", io = ({ label: e, placeholder: t, addLabel: r, at: a, onRequestClose: o }) => {
+  const i = pe(null), [l, c] = q(""), { dispatch: s } = te(), h = l.trim(), d = () => {
     h.length !== 0 && (s(new Y({
       kind: "comment",
       annotation: {
         at: a,
-        content: io(h)
+        content: lo(h)
       }
     })), o());
   };
-  return /* @__PURE__ */ n(We, {
+  return /* @__PURE__ */ n(Ue, {
     label: e,
-    icon: /* @__PURE__ */ n(Yn, {}),
+    icon: /* @__PURE__ */ n(Xn, {}),
     onOpened: () => {
       requestAnimationFrame(() => i.current?.focus());
     },
     children: /* @__PURE__ */ p("div", {
-      className: to,
+      className: ro,
       children: [/* @__PURE__ */ n("input", {
         ref: i,
-        className: ro,
+        className: ao,
         value: l,
         placeholder: t,
         onChange: (g) => {
@@ -133,14 +133,14 @@ var jn = "efjmb40", Jn = "efjmb41", ae = "efjmb42", oe = "efjmb43", Ja = "efjmb4
         }
       }), /* @__PURE__ */ n("button", {
         type: "button",
-        className: ao,
+        className: oo,
         disabled: h.length === 0,
         onClick: d,
         children: r
       })]
     })
   });
-}, io = (e) => ({
+}, lo = (e) => ({
   type: "doc",
   content: [{
     type: "paragraph",
@@ -149,7 +149,7 @@ var jn = "efjmb40", Jn = "efjmb41", ae = "efjmb42", oe = "efjmb43", Ja = "efjmb4
       text: e
     }]
   }]
-}), lo = (e) => /* @__PURE__ */ n(L, {
+}), so = (e) => /* @__PURE__ */ n(L, {
   viewBox: "0 0 15 14",
   ...e,
   children: /* @__PURE__ */ n("path", {
@@ -157,8 +157,8 @@ var jn = "efjmb40", Jn = "efjmb41", ae = "efjmb42", oe = "efjmb43", Ja = "efjmb4
     fill: "currentColor",
     fillOpacity: "0.8"
   })
-}), so = "relative-difference", co = ({ label: e, layer: t, at: r, onRequestClose: a }) => {
-  const { dispatch: o } = re(), i = K((s) => s.coordSystem), l = k(() => Ha({
+}), co = "relative-difference", ho = ({ label: e, layer: t, at: r, onRequestClose: a }) => {
+  const { dispatch: o } = te(), i = K((s) => s.coordSystem), l = _(() => Va({
     layer: t,
     at: r,
     coordSystem: i
@@ -174,25 +174,25 @@ var jn = "efjmb40", Jn = "efjmb41", ae = "efjmb42", oe = "efjmb43", Ja = "efjmb4
       annotation: {
         ..._n,
         ...l,
-        label: so
+        label: co
       }
     })), a();
   };
   return /* @__PURE__ */ p(z.Item, {
-    className: ae,
+    className: re,
     onClick: c,
-    children: [/* @__PURE__ */ n(lo, {}), /* @__PURE__ */ n("span", {
-      className: oe,
+    children: [/* @__PURE__ */ n(so, {}), /* @__PURE__ */ n("span", {
+      className: ae,
       children: e
     })]
   });
 };
-function ho(e, t) {
-  if (e.type === "polar" && !uo(t)) return [{
+function uo(e, t) {
+  if (e.type === "polar" && !mo(t)) return [{
     scope: "series",
     labelKey: "pieSlice"
   }];
-  const r = Ra(t.data, t.mapping);
+  const r = Da(t.data, t.mapping);
   switch (t.geom) {
     case "bar": {
       const a = [{
@@ -236,10 +236,10 @@ function ho(e, t) {
       return [];
   }
 }
-var uo = (e) => {
-  const t = Ta(e.mapping.x);
-  return t !== null && t !== pr.x;
-}, mo = (e) => /* @__PURE__ */ p(L, {
+var mo = (e) => {
+  const t = La(e.mapping.x);
+  return t !== null && t !== gr.x;
+}, po = (e) => /* @__PURE__ */ p(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -278,7 +278,7 @@ var uo = (e) => {
       rx: ".533"
     })
   ]
-}), po = (e) => /* @__PURE__ */ p(L, {
+}), go = (e) => /* @__PURE__ */ p(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -317,7 +317,7 @@ var uo = (e) => {
       rx: ".533"
     })
   ]
-}), go = (e) => /* @__PURE__ */ p(L, {
+}), vo = (e) => /* @__PURE__ */ p(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -356,7 +356,7 @@ var uo = (e) => {
       rx: ".533"
     })
   ]
-}), vo = (e) => /* @__PURE__ */ p(L, {
+}), fo = (e) => /* @__PURE__ */ p(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -410,7 +410,7 @@ var uo = (e) => {
       d: "M5.29 6.62a1.3 1.3 0 0 1-.424-.075 1 1 0 0 1-.373-.244 1.2 1.2 0 0 1-.262-.45 2.1 2.1 0 0 1-.096-.699q0-.389.082-.693.083-.304.238-.514a1.05 1.05 0 0 1 .374-.322q.22-.11.492-.11.285 0 .505.112a.973.973 0 0 1 .526.744h-.54a.5.5 0 0 0-.17-.277.5.5 0 0 0-.321-.105.54.54 0 0 0-.485.273q-.168.273-.17.75h.021a.8.8 0 0 1 .188-.223.92.92 0 0 1 .569-.195.91.91 0 0 1 .813.477q.125.222.123.509 0 .297-.136.536a1 1 0 0 1-.383.372 1.15 1.15 0 0 1-.571.134m-.003-.443a.54.54 0 0 0 .288-.078.57.57 0 0 0 .2-.211.6.6 0 0 0 .073-.299.6.6 0 0 0-.07-.294.54.54 0 0 0-.484-.285.55.55 0 0 0-.403.173.596.596 0 0 0 .108.914.53.53 0 0 0 .288.08M6.88 6.579v-.396l1.05-1.03q.15-.15.25-.27a1 1 0 0 0 .151-.229.6.6 0 0 0 .05-.236.432.432 0 0 0-.244-.405.6.6 0 0 0-.258-.056q-.15 0-.261.062a.43.43 0 0 0-.175.173.56.56 0 0 0-.06.267H6.86q0-.288.132-.5a.9.9 0 0 1 .362-.33q.231-.117.532-.117.303 0 .534.114.23.114.358.312a.8.8 0 0 1 .128.452.9.9 0 0 1-.065.334q-.065.164-.229.363-.162.2-.456.483l-.522.53v.021h1.318v.458zM10.57 6.62a1.3 1.3 0 0 1-.423-.075 1 1 0 0 1-.373-.244 1.2 1.2 0 0 1-.263-.45 2.1 2.1 0 0 1-.096-.699q0-.389.083-.693t.238-.514a1.05 1.05 0 0 1 .374-.322q.219-.11.492-.11.285 0 .505.112a.973.973 0 0 1 .526.744h-.54a.5.5 0 0 0-.17-.277.5.5 0 0 0-.322-.105.54.54 0 0 0-.484.273q-.168.273-.17.75h.02a.8.8 0 0 1 .188-.223.92.92 0 0 1 .569-.195.91.91 0 0 1 .814.477q.125.222.123.509 0 .297-.136.536a1 1 0 0 1-.383.372 1.15 1.15 0 0 1-.572.134m-.002-.443a.54.54 0 0 0 .288-.078.57.57 0 0 0 .2-.211.6.6 0 0 0 .073-.299.6.6 0 0 0-.071-.294.54.54 0 0 0-.483-.285.54.54 0 0 0-.403.173.597.597 0 0 0 .107.914.53.53 0 0 0 .289.08"
     })
   ]
-}), fo = (e) => /* @__PURE__ */ p(L, {
+}), bo = (e) => /* @__PURE__ */ p(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -451,7 +451,7 @@ var uo = (e) => {
       fillOpacity: "0.8"
     })
   ]
-}), bo = (e) => /* @__PURE__ */ p(L, {
+}), yo = (e) => /* @__PURE__ */ p(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -473,7 +473,7 @@ var uo = (e) => {
       d: "M15.999 8a8 8 0 0 1-7.588 7.989l-.412.01V8z"
     })
   ]
-}), yo = (e) => /* @__PURE__ */ p(L, {
+}), So = (e) => /* @__PURE__ */ p(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -534,7 +534,7 @@ var uo = (e) => {
       transform: "matrix(-1 0 0 1 15.933 .533)"
     })
   ]
-}), So = (e) => /* @__PURE__ */ p(L, {
+}), wo = (e) => /* @__PURE__ */ p(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -595,20 +595,20 @@ var uo = (e) => {
       transform: "matrix(-1 0 0 1 15.933 .533)"
     })
   ]
-}), wo = {
-  bar: mo,
-  barGroup: po,
-  barStack: vo,
-  barSeries: go,
+}), xo = {
+  bar: po,
+  barGroup: go,
+  barStack: fo,
+  barSeries: vo,
   linePoint: Co,
-  lineSeries: fo,
-  scatterPoint: yo,
-  scatterSeries: So,
-  pieSlice: bo
-}, Qn = ({ labelKey: e }) => {
-  const t = wo[e];
+  lineSeries: bo,
+  scatterPoint: So,
+  scatterSeries: wo,
+  pieSlice: yo
+}, Jn = ({ labelKey: e }) => {
+  const t = xo[e];
   return /* @__PURE__ */ n(t, {});
-}, et = (e) => /* @__PURE__ */ p(L, {
+}, Qn = (e) => /* @__PURE__ */ p(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: [/* @__PURE__ */ n("path", {
@@ -621,28 +621,28 @@ var uo = (e) => {
     fill: "currentColor",
     fillOpacity: "0.8"
   })]
-}), xo = ({ label: e, options: t, onSelect: r }) => {
+}), To = ({ label: e, options: t, onSelect: r }) => {
   const a = I();
-  return /* @__PURE__ */ n(We, {
+  return /* @__PURE__ */ n(Ue, {
     label: e,
-    icon: /* @__PURE__ */ n(et, {}),
+    icon: /* @__PURE__ */ n(Qn, {}),
     children: t.map((o) => /* @__PURE__ */ p(j.Item, {
-      className: ae,
+      className: re,
       onClick: () => r(o.scope),
-      children: [/* @__PURE__ */ n(Qn, { labelKey: o.labelKey }), /* @__PURE__ */ n("span", {
-        className: oe,
+      children: [/* @__PURE__ */ n(Jn, { labelKey: o.labelKey }), /* @__PURE__ */ n("span", {
+        className: ae,
         children: a(`graph.annotations.highlights.labels.${o.labelKey}`)
       })]
     }, o.scope))
   });
-}, To = ({ label: e, layer: t, observation: r, highlights: a, onRequestClose: o }) => {
-  const i = I(), { dispatch: l } = re(), c = K((m) => m.coordSystem), s = k(() => va(t, r), [t, r]), h = k(() => ho(c, t), [c, t]), d = k(() => {
+}, Lo = ({ label: e, layer: t, observation: r, highlights: a, onRequestClose: o }) => {
+  const i = I(), { dispatch: l } = te(), c = K((m) => m.coordSystem), s = _(() => fa(t, r), [t, r]), h = _(() => uo(c, t), [c, t]), d = _(() => {
     const m = new Set(a.map((g) => g.scope));
     return h.filter((g) => !m.has(g.scope));
   }, [h, a]), [u] = d;
   if (s === null || u === void 0) return null;
   const v = (m) => {
-    l(new mr({
+    l(new pr({
       predicate: s,
       scope: m,
       layerId: t.id
@@ -651,40 +651,40 @@ var uo = (e) => {
   if (d.length === 1) {
     const m = h.length === 1 ? e : i("graph.annotations.baseMenu.highlightWithLabel", { label: i(`graph.annotations.highlights.labels.${u.labelKey}`) });
     return /* @__PURE__ */ p(j.Item, {
-      className: ae,
+      className: re,
       onClick: () => v(u.scope),
-      children: [/* @__PURE__ */ n(Qn, { labelKey: u.labelKey }), /* @__PURE__ */ n("span", {
-        className: oe,
+      children: [/* @__PURE__ */ n(Jn, { labelKey: u.labelKey }), /* @__PURE__ */ n("span", {
+        className: ae,
         children: m
       })]
     });
   }
-  return /* @__PURE__ */ n(xo, {
+  return /* @__PURE__ */ n(To, {
     label: e,
     options: d,
     onSelect: v
   });
-}, Lo = "_1aafi1g0", Po = "_1aafi1g1", nt = ({ children: e }) => /* @__PURE__ */ p("span", {
-  className: Lo,
+}, Po = "_1aafi1g0", Io = "_1aafi1g1", et = ({ children: e }) => /* @__PURE__ */ p("span", {
+  className: Po,
   "aria-hidden": "true",
-  children: [e, /* @__PURE__ */ n("span", { className: Po })]
-}), Io = ({ label: e, highlights: t, onRequestClose: r }) => {
-  const { dispatch: a } = re(), o = t.at(-1);
+  children: [e, /* @__PURE__ */ n("span", { className: Io })]
+}), Ao = ({ label: e, highlights: t, onRequestClose: r }) => {
+  const { dispatch: a } = te(), o = t.at(-1);
   if (o === void 0) return null;
   const i = () => {
-    a(new Sr({ id: o.id })), r();
+    a(new wr({ id: o.id })), r();
   };
   return /* @__PURE__ */ p(z.Item, {
-    className: ae,
+    className: re,
     onClick: i,
-    children: [/* @__PURE__ */ n(nt, { children: /* @__PURE__ */ n(et, {}) }), /* @__PURE__ */ n("span", {
-      className: oe,
+    children: [/* @__PURE__ */ n(et, { children: /* @__PURE__ */ n(Qn, {}) }), /* @__PURE__ */ n("span", {
+      className: ae,
       children: e
     })]
   });
-}, Ao = (e, t) => {
+}, Oo = (e, t) => {
   const r = K((o) => o.spec.highlights), a = K((o) => o.config.parsingLocale);
-  return k(() => Aa({
+  return _(() => Oa({
     layer: e,
     highlights: r,
     observation: t,
@@ -695,7 +695,7 @@ var uo = (e) => {
     t,
     a
   ]);
-}, tt = (e) => /* @__PURE__ */ p(L, {
+}, nt = (e) => /* @__PURE__ */ p(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -718,22 +718,22 @@ var uo = (e) => {
       fillOpacity: "0.8"
     })
   ]
-}), Oo = ({ label: e, at: t, onRequestClose: r }) => {
-  const { dispatch: a } = re(), o = () => {
+}), Mo = ({ label: e, at: t, onRequestClose: r }) => {
+  const { dispatch: a } = te(), o = () => {
     a(new Y({
       kind: "pinnedNumber",
       annotation: { at: t }
     })), r();
   };
   return /* @__PURE__ */ p(z.Item, {
-    className: ae,
+    className: re,
     onClick: o,
-    children: [/* @__PURE__ */ n(tt, {}), /* @__PURE__ */ n("span", {
-      className: oe,
+    children: [/* @__PURE__ */ n(nt, {}), /* @__PURE__ */ n("span", {
+      className: ae,
       children: e
     })]
   });
-}, rt = (e) => /* @__PURE__ */ p(L, {
+}, tt = (e) => /* @__PURE__ */ p(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -766,34 +766,34 @@ var uo = (e) => {
       fillOpacity: "0.8"
     })
   ]
-}), at = {
+}), rt = {
   pinnedNumber: {
-    icon: tt,
+    icon: nt,
     labelKey: "graph.annotations.baseMenu.unpinNumber"
   },
   comment: {
-    icon: Yn,
+    icon: Xn,
     labelKey: "graph.annotations.baseMenu.removeAnnotation"
   },
   sticker: {
-    icon: rt,
+    icon: tt,
     labelKey: "graph.annotations.baseMenu.removeSticker"
   },
   image: null
-}, Mo = (e) => Va(e.kind) && at[e.kind] !== null, No = ({ attachment: e, onRequestClose: t }) => {
-  const r = I(), { dispatch: a } = re(), { icon: o, labelKey: i } = at[e.kind], l = () => {
-    a(new Be({ id: e.annotation.id })), t();
+}, No = (e) => za(e.kind) && rt[e.kind] !== null, ko = ({ attachment: e, onRequestClose: t }) => {
+  const r = I(), { dispatch: a } = te(), { icon: o, labelKey: i } = rt[e.kind], l = () => {
+    a(new Fe({ id: e.annotation.id })), t();
   };
   return /* @__PURE__ */ p(z.Item, {
-    className: ae,
+    className: re,
     onClick: l,
-    children: [/* @__PURE__ */ n(nt, { children: /* @__PURE__ */ n(o, {}) }), /* @__PURE__ */ n("span", {
-      className: oe,
+    children: [/* @__PURE__ */ n(et, { children: /* @__PURE__ */ n(o, {}) }), /* @__PURE__ */ n("span", {
+      className: ae,
       children: r(i)
     })]
   });
-}, Eo = "ceeojg0", ko = "ceeojg1", _o = "ceeojg2", Ro = ({ label: e, at: t, onRequestClose: r }) => {
-  const { dispatch: a } = re(), o = (i) => {
+}, _o = "ceeojg0", Eo = "ceeojg1", Ro = "ceeojg2", Do = ({ label: e, at: t, onRequestClose: r }) => {
+  const { dispatch: a } = te(), o = (i) => {
     a(new Y({
       kind: "sticker",
       annotation: {
@@ -805,30 +805,30 @@ var uo = (e) => {
       }
     })), r();
   };
-  return /* @__PURE__ */ n(We, {
+  return /* @__PURE__ */ n(Ue, {
     label: e,
-    icon: /* @__PURE__ */ n(rt, {}),
+    icon: /* @__PURE__ */ n(tt, {}),
     children: /* @__PURE__ */ n("div", {
-      className: Eo,
-      children: Object.entries(rr).map(([i, l]) => /* @__PURE__ */ n(j.Item, {
-        className: ko,
+      className: _o,
+      children: Object.entries(ar).map(([i, l]) => /* @__PURE__ */ n(j.Item, {
+        className: Eo,
         "aria-label": i,
         onClick: () => o(i),
         children: /* @__PURE__ */ n("img", {
-          className: _o,
+          className: Ro,
           src: l.src,
           alt: i
         })
       }, i))
     })
   });
-}, Do = ({ interaction: e, panelOrigin: t }) => {
-  const r = W(), a = te((i) => i.menuTrigger);
+}, Ho = ({ interaction: e, panelOrigin: t }) => {
+  const r = W(), a = ne((i) => i.menuTrigger);
   if (e.kind !== "menu" || a === null) return null;
   const o = () => {
     r.getState().releaseInteraction("menu");
   };
-  return /* @__PURE__ */ n(Ho, {
+  return /* @__PURE__ */ n(Vo, {
     trigger: {
       x: t.x + a.center.x,
       y: t.y + a.center.y,
@@ -839,13 +839,13 @@ var uo = (e) => {
     observation: e.anchor.observation,
     onClose: o
   });
-}, Ho = ({ trigger: e, layer: t, at: r, observation: a, onClose: o }) => {
-  const i = I(), l = Ue(), c = K((b) => b.spec.annotations), s = K((b) => b.config.parsingLocale), h = zo(), { x: d, y: u, radius: v } = e, m = k(() => Vo(d, u, v), [
+}, Vo = ({ trigger: e, layer: t, at: r, observation: a, onClose: o }) => {
+  const i = I(), l = Ke(), c = K((b) => b.spec.annotations), s = K((b) => b.config.parsingLocale), h = Fo(), { x: d, y: u, radius: v } = e, m = _(() => zo(d, u, v), [
     d,
     u,
     v
-  ]), g = Ma(c, r, k(() => Sa(t, s), [t, s])), C = g !== null && Mo(g) ? g : null, P = Ao(t, a), w = (b, T) => {
-    !b && Fo(T.reason) && o();
+  ]), g = Na(c, r, _(() => wa(t, s), [t, s])), f = g !== null && No(g) ? g : null, P = Oo(t, a), w = (b, T) => {
+    !b && Go(T.reason) && o();
   };
   return /* @__PURE__ */ n(z.Root, {
     open: h,
@@ -858,49 +858,49 @@ var uo = (e) => {
         side: "right",
         align: "start",
         sideOffset: 8,
-        className: jn,
-        ...Wn,
+        className: Yn,
+        ...Un,
         children: /* @__PURE__ */ p(z.Popup, {
-          className: Jn,
+          className: jn,
           "data-testid": "observation-menu",
           children: [
-            C !== null && /* @__PURE__ */ n(No, {
-              attachment: C,
+            f !== null && /* @__PURE__ */ n(ko, {
+              attachment: f,
               onRequestClose: o
             }),
-            /* @__PURE__ */ n(Io, {
+            /* @__PURE__ */ n(Ao, {
               label: i("graph.annotations.baseMenu.removeHighlight"),
               highlights: P,
               onRequestClose: o
             }),
-            /* @__PURE__ */ n(z.Separator, { className: Ja }),
-            C === null && /* @__PURE__ */ p(G, { children: [
-              /* @__PURE__ */ n(Oo, {
+            /* @__PURE__ */ n(z.Separator, { className: Qa }),
+            f === null && /* @__PURE__ */ p(B, { children: [
+              /* @__PURE__ */ n(Mo, {
                 label: i("graph.annotations.baseMenu.pinNumber"),
                 at: r,
                 onRequestClose: o
               }),
-              /* @__PURE__ */ n(oo, {
+              /* @__PURE__ */ n(io, {
                 label: i("graph.annotations.baseMenu.annotate"),
                 placeholder: i("graph.annotations.textMenu.placeholder"),
                 addLabel: i("graph.annotations.textMenu.addButton"),
                 at: r,
                 onRequestClose: o
               }),
-              /* @__PURE__ */ n(Ro, {
+              /* @__PURE__ */ n(Do, {
                 label: i("graph.annotations.baseMenu.addSticker"),
                 at: r,
                 onRequestClose: o
               })
             ] }),
-            t.highlight !== null && /* @__PURE__ */ n(To, {
+            t.highlight !== null && /* @__PURE__ */ n(Lo, {
               label: i("graph.annotations.baseMenu.highlight"),
               layer: t,
               observation: a,
               highlights: P,
               onRequestClose: o
             }),
-            /* @__PURE__ */ n(co, {
+            /* @__PURE__ */ n(ho, {
               label: i("graph.annotations.baseMenu.differenceArrow"),
               layer: t,
               at: r,
@@ -911,15 +911,15 @@ var uo = (e) => {
       }) })
     })
   });
-}, Vo = (e, t, r) => ({ getBoundingClientRect: () => new DOMRect(e - r, t - r, r * 2, r * 2) }), zo = () => {
+}, zo = (e, t, r) => ({ getBoundingClientRect: () => new DOMRect(e - r, t - r, r * 2, r * 2) }), Fo = () => {
   const [e, t] = q(!1);
   return H(() => {
     t(!0);
   }, []), e;
-}, Fo = (e) => e === "outside-press" || e === "escape-key" || e === "item-press", ot = () => {
+}, Go = (e) => e === "outside-press" || e === "escape-key" || e === "item-press", at = () => {
   const e = kn();
-  return it(e);
-}, it = (e) => {
+  return ot(e);
+}, ot = (e) => {
   if (e.length !== 1) return null;
   const [t] = e;
   return t?.kind === "annotation" ? t.id : null;
@@ -932,7 +932,7 @@ var uo = (e) => {
     strokeLinejoin: "round",
     children: [/* @__PURE__ */ n("path", { d: "M4 9h16m-4-4 4 4" }), /* @__PURE__ */ n("path", { d: "M20 15H4m4 4-4-4" })]
   })
-}), Go = (e) => /* @__PURE__ */ n(L, {
+}), Ko = (e) => /* @__PURE__ */ n(L, {
   ...e,
   children: /* @__PURE__ */ p("g", {
     stroke: "currentColor",
@@ -946,43 +946,43 @@ var uo = (e) => {
       /* @__PURE__ */ n("path", { d: "M9 7V5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2" })
     ]
   })
-}), Ko = { kind: "chrome-popup" }, Uo = "var(--q7gcrz0)", Wo = "var(--q7gcrz1)", Zo = "q7gcrz2", qo = "q7gcrz3";
-var $o = "q7gcrz5", Xo = "q7gcrz6", Yo = "q7gcrz7", jo = "q7gcrz8", lt = "q7gcrz9", Jo = "q7gcrza";
-var ln = "q7gcrzd q7gcrzc", st = "q7gcrze q7gcrzc", Qo = [
+}), Uo = { kind: "chrome-popup" }, Wo = "var(--q7gcrz0)", Zo = "var(--q7gcrz1)", qo = "q7gcrz2", $o = "q7gcrz3";
+var Xo = "q7gcrz5", Yo = "q7gcrz6", jo = "q7gcrz7", Jo = "q7gcrz8", it = "q7gcrz9", Qo = "q7gcrza";
+var an = "q7gcrzd q7gcrzc", lt = "q7gcrze q7gcrzc", ei = [
   "absolute-difference",
   "relative-difference",
   "proportion"
-], sn = ["absolute-difference", "relative-difference"], ei = ["relative-difference", "proportion"], ni = {
+], on = ["absolute-difference", "relative-difference"], ni = ["relative-difference", "proportion"], ti = {
   "absolute-difference": "graph.annotations.differenceArrowToolbar.labelKind.absoluteDifference",
   "relative-difference": "graph.annotations.differenceArrowToolbar.labelKind.relativeDifference",
   proportion: "graph.annotations.differenceArrowToolbar.labelKind.proportion"
-}, ti = (e) => {
+}, ri = (e) => {
   const { formattingLocale: t } = U(), r = K((o) => o.config.parsingLocale), a = t ?? r;
-  return k(() => {
-    const o = ua(e.start, e.end);
-    return Qo.filter((i) => o || !sn.includes(i) || i === e.label).map((i) => ({
+  return _(() => {
+    const o = ma(e.start, e.end);
+    return ei.filter((i) => o || !on.includes(i) || i === e.label).map((i) => ({
       kind: i,
-      nameKey: ni[i],
-      preview: ka({
+      nameKey: ti[i],
+      preview: Ea({
         locale: a,
         kind: i,
         startValue: e.start.measurementValue,
         endValue: e.end.measurementValue,
         valueFormat: e.start.valueFormat
       }),
-      isPickable: o || !sn.includes(i),
-      isSuspect: ei.includes(i) && e.start.measurementValue === 0
+      isPickable: o || !on.includes(i),
+      isSuspect: ni.includes(i) && e.start.measurementValue === 0
     }));
   }, [e, a]);
-}, he = 8, ri = ({ labelBox: e, panelRect: t, frameWidth: r, frameHeight: a }) => {
-  const o = t.y + e.y, i = o + e.height, l = o - 8 - 36, c = i + 8, s = ai(he, l >= he ? l : c, a - he - 36), h = he;
+}, he = 8, ai = ({ labelBox: e, panelRect: t, frameWidth: r, frameHeight: a }) => {
+  const o = t.y + e.y, i = o + e.height, l = o - 8 - 36, c = i + 8, s = oi(he, l >= he ? l : c, a - he - 36), h = he;
   return {
     top: s,
     left: h,
     available: Math.max(0, r - he * 2),
     centre: t.x + e.x + e.width / 2 - h
   };
-}, ai = (e, t, r) => Math.max(e, Math.min(t, r)), Oe = [
+}, oi = (e, t, r) => Math.max(e, Math.min(t, r)), Oe = [
   {
     id: "small",
     nameKey: "graph.annotations.differenceArrowToolbar.size.small"
@@ -995,14 +995,14 @@ var ln = "q7gcrzd q7gcrzc", st = "q7gcrze q7gcrzc", Qo = [
     id: "large",
     nameKey: "graph.annotations.differenceArrowToolbar.size.large"
   }
-], oi = ({ arrow: e, labelBox: t, panelRect: r, frameWidth: a, frameHeight: o, frameElement: i }) => {
-  const l = I(), { chartId: c, commands: s } = U(), h = W(), [d, u] = q(null), v = ti(e), m = ri({
+], ii = ({ arrow: e, labelBox: t, panelRect: r, frameWidth: a, frameHeight: o, frameElement: i }) => {
+  const l = I(), { chartId: c, commands: s } = U(), h = W(), [d, u] = q(null), v = ri(e), m = ai({
     labelBox: t,
     panelRect: r,
     frameWidth: a,
     frameHeight: o
   }), g = (w, b) => {
-    s.dispatch(new Dn({
+    s.dispatch(new Rn({
       kind: "differenceArrow",
       id: e.id,
       patch: w
@@ -1010,15 +1010,15 @@ var ln = "q7gcrzd q7gcrzc", st = "q7gcrze q7gcrzc", Qo = [
   };
   H(() => () => s.seal(), [s]), H(() => {
     const { claimInteraction: w, releaseInteraction: b } = h.getState();
-    return d === null ? b("chrome-popup") : w(Ko), () => b("chrome-popup");
+    return d === null ? b("chrome-popup") : w(Uo), () => b("chrome-popup");
   }, [h, d]);
-  const C = (w) => {
+  const f = (w) => {
     u(w ? "color" : null), w || s.seal();
   }, P = () => {
-    s.dispatch(new Be({ id: e.id })), i.focus({ preventScroll: !0 });
+    s.dispatch(new Fe({ id: e.id })), i.focus({ preventScroll: !0 });
   };
   return /* @__PURE__ */ n("div", {
-    className: Zo,
+    className: qo,
     style: {
       top: m.top,
       left: m.left,
@@ -1026,15 +1026,15 @@ var ln = "q7gcrzd q7gcrzc", st = "q7gcrze q7gcrzc", Qo = [
     },
     children: /* @__PURE__ */ p(X.Root, {
       "aria-label": l("graph.annotations.differenceArrowToolbar.label"),
-      className: qo,
+      className: $o,
       "data-testid": "difference-arrow-toolbar",
       ...Se(c),
       style: Gn({
-        [Uo]: `${m.centre}px`,
-        [Wo]: `${m.available}px`
+        [Wo]: `${m.centre}px`,
+        [Zo]: `${m.available}px`
       }),
       children: [
-        /* @__PURE__ */ n(ii, {
+        /* @__PURE__ */ n(li, {
           options: v,
           current: e.label,
           isOpen: d === "labelKind",
@@ -1049,14 +1049,14 @@ var ln = "q7gcrzd q7gcrzc", st = "q7gcrze q7gcrzc", Qo = [
           label: l("graph.annotations.differenceArrowToolbar.color"),
           onChange: (w) => g({ color: w }, { transient: !0 }),
           isOpen: d === "color",
-          onOpenChange: C,
+          onOpenChange: f,
           popupAttributes: Se(c),
           children: /* @__PURE__ */ n("span", {
-            className: Xo,
+            className: Yo,
             style: { background: e.color ?? "transparent" }
           })
         }),
-        /* @__PURE__ */ n(li, {
+        /* @__PURE__ */ n(si, {
           current: e.size,
           isOpen: d === "size",
           onOpenChange: (w) => u(w ? "size" : null),
@@ -1067,7 +1067,7 @@ var ln = "q7gcrzd q7gcrzc", st = "q7gcrze q7gcrzc", Qo = [
         /* @__PURE__ */ n(X.Separator, {}),
         /* @__PURE__ */ n(X.Button, {
           "aria-label": l("graph.annotations.differenceArrowToolbar.swap"),
-          className: ln,
+          className: an,
           onClick: () => g({
             start: e.end.anchor,
             end: e.start.anchor
@@ -1079,9 +1079,9 @@ var ln = "q7gcrzd q7gcrzc", st = "q7gcrze q7gcrzc", Qo = [
         }),
         /* @__PURE__ */ n(X.Button, {
           "aria-label": l("graph.annotations.differenceArrowToolbar.remove"),
-          className: ln,
+          className: an,
           onClick: P,
-          children: /* @__PURE__ */ n(Go, {
+          children: /* @__PURE__ */ n(Ko, {
             size: "sm",
             title: ""
           })
@@ -1089,7 +1089,7 @@ var ln = "q7gcrzd q7gcrzc", st = "q7gcrze q7gcrzc", Qo = [
       ]
     })
   });
-}, ii = ({ options: e, current: t, isOpen: r, onOpenChange: a, onPick: o }) => {
+}, li = ({ options: e, current: t, isOpen: r, onOpenChange: a, onPick: o }) => {
   const i = I(), l = e.find((s) => s.kind === t), c = e.some((s) => s.isPickable && s.kind !== t);
   return /* @__PURE__ */ p(z.Root, {
     open: r,
@@ -1098,12 +1098,12 @@ var ln = "q7gcrzd q7gcrzc", st = "q7gcrze q7gcrzc", Qo = [
     children: [/* @__PURE__ */ p(z.Trigger, {
       render: /* @__PURE__ */ n(X.Button, {}),
       "aria-label": i("graph.annotations.differenceArrowToolbar.labelKind.ariaLabel"),
-      className: st,
+      className: lt,
       disabled: !c,
       onMouseDown: (s) => s.preventDefault(),
       children: [
         /* @__PURE__ */ n("span", {
-          className: $o,
+          className: Xo,
           children: l === void 0 ? "" : i(l.nameKey)
         }),
         l !== void 0 && /* @__PURE__ */ p("span", {
@@ -1116,8 +1116,8 @@ var ln = "q7gcrzd q7gcrzc", st = "q7gcrze q7gcrzc", Qo = [
         }),
         /* @__PURE__ */ n(xe, { size: "sm" })
       ]
-    }), /* @__PURE__ */ n(ct, { children: e.map((s) => /* @__PURE__ */ p(z.Item, {
-      className: lt,
+    }), /* @__PURE__ */ n(st, { children: e.map((s) => /* @__PURE__ */ p(z.Item, {
+      className: it,
       "data-selected": s.kind === t,
       disabled: !s.isPickable,
       onClick: () => o(s.kind),
@@ -1130,13 +1130,13 @@ var ln = "q7gcrzd q7gcrzc", st = "q7gcrze q7gcrzc", Qo = [
           children: "⚠"
         }),
         /* @__PURE__ */ n("span", {
-          className: Jo,
+          className: Qo,
           children: s.preview
         })
       ]
     }, s.kind)) })]
   });
-}, li = ({ current: e, isOpen: t, onOpenChange: r, onPick: a }) => {
+}, si = ({ current: e, isOpen: t, onOpenChange: r, onPick: a }) => {
   const o = I(), i = Oe.find((l) => l.id === e) ?? Oe[0];
   return /* @__PURE__ */ p(z.Root, {
     open: t,
@@ -1145,27 +1145,27 @@ var ln = "q7gcrzd q7gcrzc", st = "q7gcrze q7gcrzc", Qo = [
     children: [/* @__PURE__ */ p(z.Trigger, {
       render: /* @__PURE__ */ n(X.Button, {}),
       "aria-label": o("graph.annotations.differenceArrowToolbar.size.ariaLabel"),
-      className: st,
+      className: lt,
       onMouseDown: (l) => l.preventDefault(),
       children: [/* @__PURE__ */ n("span", { children: i === void 0 ? "" : o(i.nameKey) }), /* @__PURE__ */ n(xe, { size: "sm" })]
-    }), /* @__PURE__ */ n(ct, { children: Oe.map((l) => /* @__PURE__ */ n(z.Item, {
-      className: lt,
+    }), /* @__PURE__ */ n(st, { children: Oe.map((l) => /* @__PURE__ */ n(z.Item, {
+      className: it,
       "data-selected": l.id === e,
       onClick: () => a(l.id),
       children: o(l.nameKey)
     }, l.id)) })]
   });
-}, ct = ({ children: e }) => {
+}, st = ({ children: e }) => {
   const { chartId: t } = U();
   return /* @__PURE__ */ n(z.Portal, {
-    container: ze(),
+    container: Ve(),
     children: /* @__PURE__ */ n(ge, { children: /* @__PURE__ */ n(z.Positioner, {
       side: "bottom",
       align: "start",
       sideOffset: 6,
-      className: Yo,
+      className: jo,
       children: /* @__PURE__ */ n(z.Popup, {
-        className: jo,
+        className: Jo,
         onMouseDown: (r) => r.preventDefault(),
         ...Se(t),
         children: e
@@ -1173,32 +1173,8 @@ var ln = "q7gcrzd q7gcrzc", st = "q7gcrze q7gcrzc", Qo = [
     }) })
   });
 };
-var si = "ydgo3h0", ci = "ydgo3h1", di = "ydgo3h2", dt = (e) => e === "start" ? "end" : "start", ht = ({ dispatch: e, arrow: t, endpoint: r, anchor: a }) => {
-  Hn(a, t[r].anchor) || e(new Dn({
-    kind: "differenceArrow",
-    id: t.id,
-    patch: { [r]: a }
-  }));
-}, hi = ({ clientPoint: e, panelOrigin: t, panelRect: r, engine: a, layers: o, coordSystem: i, resolver: l, fixedAnchor: c, align: s }) => {
-  const h = ui({
-    x: e.x - t.x,
-    y: e.y - t.y
-  }, r), { primary: d } = a.query(Ge(h, r));
-  if (d === null) return null;
-  const u = o.find((m) => m.id === d.layerId);
-  if (u === void 0) return null;
-  const v = _e({
-    resolver: l,
-    layer: u,
-    observation: d.observation,
-    coordSystem: i,
-    align: s
-  });
-  return v === null || Hn(v.anchor, c) ? null : v;
-}, ui = (e, t) => ({
-  x: Math.max(0, Math.min(e.x, t.width)),
-  y: Math.max(0, Math.min(e.y, t.height))
-}), mi = class {
+var ci = "ydgo3h0", di = "ydgo3h1", hi = "ydgo3h2";
+var ui = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, ct = 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)));
@@ -1210,23 +1186,15 @@ var si = "ydgo3h0", ci = "ydgo3h1", di = "ydgo3h2", dt = (e) => e === "start" ?
       this.scheduledFrame = null;
       const t = this.pendingEvent;
       if (this.pendingEvent = null, t === null) return;
-      const { editorStore: r, engine: a, anchorResolver: o, endpoint: i, readInputs: l } = this.params, { arrow: c, panelOrigin: s, panelRect: h, layers: d, coordSystem: u } = l(), v = r.getState();
-      if (this.hasPublished && Ee(J(v, "endpoint-drag"), c.id, i) === null) return;
-      const m = hi({
-        clientPoint: {
-          x: t.clientX,
-          y: t.clientY
-        },
-        panelOrigin: s,
-        panelRect: h,
-        engine: a,
-        layers: d,
-        coordSystem: u,
-        resolver: o,
-        fixedAnchor: c[dt(i)].anchor,
-        align: c[i].anchor.align
-      });
-      m !== null && this.publish(m);
+      const r = this.params.editorStore.getState();
+      if (this.hasPublished && this.readOwn(r) === null) return;
+      const a = {
+        x: t.clientX,
+        y: t.clientY
+      };
+      if (!this.hasPublished && !this.isDragConfirmed(this.params.press, a)) return;
+      const o = this.resolvePreview(a);
+      o !== null && (r.claimInteraction(o), this.hasPublished = !0);
     };
   }
   start() {
@@ -1234,33 +1202,94 @@ var si = "ydgo3h0", ci = "ydgo3h1", di = "ydgo3h2", dt = (e) => e === "start" ?
     e.addEventListener("pointermove", this.handleMove, { signal: t }), e.addEventListener("pointerup", this.handleUp, { signal: t }), e.addEventListener("lostpointercapture", this.handleLost, { signal: t });
   }
   finish(e) {
-    this.params.onSettled(), this.listeners.abort(), this.cancelFrame(), e && this.hasMoved && this.runFrame(), this.pendingEvent = null;
-    const { editorStore: t, endpoint: r, readInputs: a, dispatch: o } = this.params, { arrow: i } = a(), l = t.getState(), c = Ee(J(l, "endpoint-drag"), i.id, r);
-    c !== null && (l.releaseInteraction("endpoint-drag"), e && ht({
-      dispatch: o,
-      arrow: i,
-      endpoint: r,
-      anchor: c.point.anchor
-    }));
+    this.params.onSettled(), this.listeners.abort(), this.cancelFrame();
+    try {
+      e && this.hasMoved && this.runFrame();
+    } finally {
+      this.settle(e);
+    }
   }
-  publish(e) {
-    const { editorStore: t, readInputs: r, endpoint: a } = this.params;
-    t.getState().claimInteraction({
-      kind: "endpoint-drag",
-      annotationId: r().arrow.id,
-      endpoint: a,
-      point: e
-    }), this.hasPublished = !0;
+  isDragConfirmed(e, t) {
+    return ui(e, t);
+  }
+  settle(e) {
+    this.pendingEvent = null;
+    const t = this.params.editorStore.getState(), r = this.readOwn(t);
+    r !== null && t.releaseInteraction(this.kind), !(!e || r === null) && this.commit(r);
   }
   cancelFrame() {
     this.scheduledFrame !== null && (cancelAnimationFrame(this.scheduledFrame), this.scheduledFrame = null);
   }
-}, pi = ({ arrow: e, panelOrigin: t, panelRect: r }) => {
-  const { commands: a, anchorResolver: o } = U(), { engine: i } = Fe(), l = W(), c = ne({
+}, mi = ({ clientPoint: e, panelOrigin: t, panelRect: r, engine: a, layers: o, coordSystem: i, resolver: l, fixedAnchor: c, align: s }) => {
+  const h = pi({
+    x: e.x - t.x,
+    y: e.y - t.y
+  }, r), { primary: d } = a.query(Ge(h, r));
+  if (d === null) return null;
+  const u = o.find((m) => m.id === d.layerId);
+  if (u === void 0) return null;
+  const v = _e({
+    resolver: l,
+    layer: u,
+    observation: d.observation,
+    coordSystem: i,
+    align: s
+  });
+  return v === null || Dn(v.anchor, c) ? null : v;
+}, pi = (e, t) => ({
+  x: Math.max(0, Math.min(e.x, t.width)),
+  y: Math.max(0, Math.min(e.y, t.height))
+}), dt = (e) => e === "start" ? "end" : "start", ht = ({ dispatch: e, arrow: t, endpoint: r, anchor: a }) => {
+  Dn(a, t[r].anchor) || e(new Rn({
+    kind: "differenceArrow",
+    id: t.id,
+    patch: { [r]: a }
+  }));
+}, gi = class extends ct {
+  constructor(...e) {
+    super(...e), this.kind = "difference-arrow-endpoint-drag";
+  }
+  isDragConfirmed() {
+    return !0;
+  }
+  readOwn(e) {
+    const { endpoint: t, readInputs: r } = this.params;
+    return Nn(ie(e, "difference-arrow-endpoint-drag"), r().arrow.id, t);
+  }
+  resolvePreview(e) {
+    const { endpoint: t, readInputs: r, engine: a, anchorResolver: o } = this.params, { arrow: i, panelOrigin: l, panelRect: c, layers: s, coordSystem: h } = r(), d = mi({
+      clientPoint: e,
+      panelOrigin: l,
+      panelRect: c,
+      engine: a,
+      layers: s,
+      coordSystem: h,
+      resolver: o,
+      fixedAnchor: i[dt(t)].anchor,
+      align: i[t].anchor.align
+    });
+    return d === null ? null : {
+      kind: "difference-arrow-endpoint-drag",
+      annotationId: i.id,
+      endpoint: t,
+      point: d
+    };
+  }
+  commit({ point: e, endpoint: t }) {
+    const { dispatch: r, readInputs: a } = this.params;
+    ht({
+      dispatch: r,
+      arrow: a().arrow,
+      endpoint: t,
+      anchor: e.anchor
+    });
+  }
+}, vi = ({ arrow: e, panelOrigin: t, panelRect: r }) => {
+  const { commands: a, anchorResolver: o } = U(), { engine: i } = ze(), l = W(), c = ee({
     arrow: e,
     panelOrigin: t,
     panelRect: r,
-    ...K(Ke((h) => ({
+    ...K(Be((h) => ({
       layers: h.layers,
       coordSystem: h.coordSystem
     })))
@@ -1273,9 +1302,13 @@ var si = "ydgo3h0", ci = "ydgo3h1", di = "ydgo3h2", dt = (e) => e === "start" ?
       return;
     }
     d.currentTarget.focus({ preventScroll: !0 }), d.preventDefault();
-    const u = new mi({
+    const u = new gi({
       handle: d.currentTarget,
       pointerId: d.pointerId,
+      press: {
+        x: d.clientX,
+        y: d.clientY
+      },
       endpoint: h,
       readInputs: () => c.current,
       editorStore: l,
@@ -1294,27 +1327,27 @@ var si = "ydgo3h0", ci = "ydgo3h1", di = "ydgo3h2", dt = (e) => e === "start" ?
     o,
     a
   ]);
-}, gi = [" ", "Enter"], vi = ({ arrow: e }) => {
-  const { commands: t, anchorResolver: r } = U(), a = W(), { layers: o, coordSystem: i, mainAxis: l } = K(Ke((s) => ({
+}, fi = [" ", "Enter"], Ci = ({ arrow: e }) => {
+  const { commands: t, anchorResolver: r } = U(), a = W(), { layers: o, coordSystem: i, mainAxis: l } = K(Be((s) => ({
     layers: s.layers,
     coordSystem: s.coordSystem,
     mainAxis: s.coordSystem.type === "cartesian" ? s.coordSystem.mainAxis : "x"
   }))), c = e.id;
   return H(() => () => {
     const s = a.getState();
-    J(s, "endpoint-drag")?.annotationId === c && s.releaseInteraction("endpoint-drag");
+    ie(s, "difference-arrow-endpoint-drag")?.annotationId === c && s.releaseInteraction("difference-arrow-endpoint-drag");
   }, [a, c]), ye((s) => ({ onKeyDown: (h) => {
     if (h.altKey || h.ctrlKey || h.metaKey || h.shiftKey) return;
-    const d = a.getState(), u = Ee(J(d, "endpoint-drag"), e.id, s);
-    if (gi.includes(h.key)) {
+    const d = a.getState(), u = Nn(ie(d, "difference-arrow-endpoint-drag"), e.id, s);
+    if (fi.includes(h.key)) {
       if (h.preventDefault(), h.repeat) return;
       if (u === null) return d.claimInteraction({
-        kind: "endpoint-drag",
+        kind: "difference-arrow-endpoint-drag",
         annotationId: e.id,
         endpoint: s,
         point: e[s]
       });
-      d.releaseInteraction("endpoint-drag"), ht({
+      d.releaseInteraction("difference-arrow-endpoint-drag"), ht({
         dispatch: t.dispatch,
         arrow: e,
         endpoint: s,
@@ -1323,10 +1356,10 @@ var si = "ydgo3h0", ci = "ydgo3h1", di = "ydgo3h2", dt = (e) => e === "start" ?
       return;
     }
     if (u === null) return;
-    const v = Ci(h.key, l);
+    const v = bi(h.key, l);
     if (v === null) return;
     h.preventDefault();
-    const m = fi({
+    const m = yi({
       arrow: e,
       endpoint: s,
       from: u.point.anchor,
@@ -1336,7 +1369,7 @@ var si = "ydgo3h0", ci = "ydgo3h1", di = "ydgo3h2", dt = (e) => e === "start" ?
       resolver: r
     });
     m !== null && d.claimInteraction({
-      kind: "endpoint-drag",
+      kind: "difference-arrow-endpoint-drag",
       annotationId: e.id,
       endpoint: s,
       point: m
@@ -1350,16 +1383,16 @@ var si = "ydgo3h0", ci = "ydgo3h1", di = "ydgo3h2", dt = (e) => e === "start" ?
     i,
     l
   ]);
-}, Ci = (e, t) => {
+}, bi = (e, t) => {
   const r = e === "ArrowUp" || e === "ArrowDown";
   return !r && !(e === "ArrowLeft" || e === "ArrowRight") ? null : {
     axis: t === "x" === r ? "cross" : "main",
     step: e === "ArrowDown" || e === "ArrowRight" ? 1 : -1
   };
-}, fi = ({ arrow: e, endpoint: t, from: r, move: a, layers: o, coordSystem: i, resolver: l }) => {
+}, yi = ({ arrow: e, endpoint: t, from: r, move: a, layers: o, coordSystem: i, resolver: l }) => {
   const c = o.find((h) => h.id === r.layerId);
   if (c === void 0) return null;
-  const s = Ua({
+  const s = Wa({
     layer: c,
     from: r,
     partner: e[dt(t)].anchor,
@@ -1380,15 +1413,15 @@ var si = "ydgo3h0", ci = "ydgo3h1", di = "ydgo3h2", dt = (e) => e === "start" ?
     coordSystem: i,
     align: e[t].anchor.align
   });
-}, bi = (e) => {
-  const t = ot();
-  return t === null ? null : /* @__PURE__ */ n(yi, {
+}, Si = (e) => {
+  const t = at();
+  return t === null ? null : /* @__PURE__ */ n(wi, {
     annotationId: t,
     ...e
   });
-}, yi = ({ annotationId: e, ...t }) => {
-  const r = dr(), a = k(() => r.find((o) => o.id === e), [r, e]);
-  return a === void 0 ? null : /* @__PURE__ */ n(Si, {
+}, wi = ({ annotationId: e, ...t }) => {
+  const r = hr(), a = _(() => r.find((o) => o.id === e), [r, e]);
+  return a === void 0 ? null : /* @__PURE__ */ n(xi, {
     committedArrow: a.committedArrow,
     committedLabelBox: a.committedLabelBox,
     labelBox: a.labelBox,
@@ -1397,16 +1430,16 @@ var si = "ydgo3h0", ci = "ydgo3h1", di = "ydgo3h2", dt = (e) => e === "start" ?
     isDragged: a.isDragged,
     ...t
   });
-}, Si = ({ committedArrow: e, committedLabelBox: t, labelBox: r, start: a, end: o, panelRect: i, panelOrigin: l, frameRect: c, frameElement: s, isDragged: h }) => {
-  const d = pi({
+}, xi = ({ committedArrow: e, committedLabelBox: t, labelBox: r, start: a, end: o, panelRect: i, panelOrigin: l, frameRect: c, frameElement: s, isDragged: h }) => {
+  const d = vi({
     arrow: e,
     panelOrigin: l,
     panelRect: i
-  }), u = vi({ arrow: e });
+  }), u = Ci({ arrow: e });
   return /* @__PURE__ */ p("div", {
     "data-testid": "difference-arrow-selection",
     children: [
-      !h && /* @__PURE__ */ n(oi, {
+      !h && /* @__PURE__ */ n(ii, {
         arrow: e,
         labelBox: t,
         panelRect: i,
@@ -1416,7 +1449,7 @@ var si = "ydgo3h0", ci = "ydgo3h1", di = "ydgo3h2", dt = (e) => e === "start" ?
       }),
       /* @__PURE__ */ n("div", {
         "aria-hidden": "true",
-        className: di,
+        className: hi,
         "data-testid": "difference-arrow-selection-label",
         style: {
           left: i.x + r.x - 2,
@@ -1425,14 +1458,14 @@ var si = "ydgo3h0", ci = "ydgo3h1", di = "ydgo3h2", dt = (e) => e === "start" ?
           height: r.height + 4
         }
       }),
-      /* @__PURE__ */ n(cn, {
+      /* @__PURE__ */ n(ln, {
         endpoint: "start",
         point: a,
         panelRect: i,
         dragHandlers: d("start"),
         keyboardHandlers: u("start")
       }),
-      /* @__PURE__ */ n(cn, {
+      /* @__PURE__ */ n(ln, {
         endpoint: "end",
         point: o,
         panelRect: i,
@@ -1441,8 +1474,8 @@ var si = "ydgo3h0", ci = "ydgo3h1", di = "ydgo3h2", dt = (e) => e === "start" ?
       })
     ]
   });
-}, cn = ({ endpoint: e, point: t, panelRect: r, dragHandlers: a, keyboardHandlers: o }) => /* @__PURE__ */ n("div", {
-  className: si,
+}, ln = ({ endpoint: e, point: t, panelRect: r, dragHandlers: a, keyboardHandlers: o }) => /* @__PURE__ */ n("div", {
+  className: ci,
   "data-testid": "difference-arrow-selection-handle",
   "data-endpoint": e,
   role: "button",
@@ -1455,27 +1488,26 @@ var si = "ydgo3h0", ci = "ydgo3h1", di = "ydgo3h2", dt = (e) => e === "start" ?
   ...o,
   children: /* @__PURE__ */ n("span", {
     "aria-hidden": "true",
-    className: ci
+    className: di
   })
 });
-var wi = {
+var Ti = {
   hovered: "_1ee8fau1 _1ee8fau0",
   selected: "_1ee8fau2 _1ee8fau0"
-}, xi = {
+}, Li = {
   hovered: "_1ee8fau4 _1ee8fau3",
   selected: "_1ee8fau5 _1ee8fau3"
-};
-var Ti = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, Li = (e, t, r) => ({
-  x: dn(t.x - e.x, r.width),
-  y: dn(t.y - e.y, r.height)
-}), Pi = (e) => e.x !== 0 || e.y !== 0, ut = (e, t) => ({
+}, sn = (e, t) => t > 0 ? e / t : 0, Pi = (e, t, r) => ({
+  x: sn(t.x - e.x, r.width),
+  y: sn(t.y - e.y, r.height)
+}), Ii = (e) => e.x !== 0 || e.y !== 0, ut = (e, t) => ({
   x: e.x * t.width,
   y: e.y * t.height
-}), dn = (e, t) => t > 0 ? e / t : 0, Ii = ({ panelRect: e }) => {
-  const t = En(e), r = Kt(), a = ot(), o = te((d) => J(d, "move-drag")), i = te((d) => {
+}), Ai = ({ panelRect: e }) => {
+  const t = Mn(e), r = Ut(), a = at(), o = ne((d) => ie(d, "move-drag")), i = ne((d) => {
     const u = d.editTargetUnderPointer;
     return u?.kind === "annotation" ? u.id : null;
-  }), l = k(() => ({
+  }), l = _(() => ({
     panelWidth: e.width,
     panelHeight: e.height,
     measuredBoxes: r
@@ -1483,7 +1515,7 @@ var Ti = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, Li = (e, t, r) => ({
     e.width,
     e.height,
     r
-  ]), c = hn(t, a, l), s = hn(t, i === a ? null : i, l), h = (d) => {
+  ]), c = cn(t, a, l), s = cn(t, i === a ? null : i, l), h = (d) => {
     if (o?.annotationId !== d) return e;
     const u = ut(o.translation, e);
     return {
@@ -1491,41 +1523,41 @@ var Ti = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, Li = (e, t, r) => ({
       y: e.y + u.y
     };
   };
-  return /* @__PURE__ */ p(G, { children: [s !== null && /* @__PURE__ */ n(un, {
+  return /* @__PURE__ */ p(B, { children: [s !== null && /* @__PURE__ */ n(dn, {
     annotationId: s.id,
     geometry: s.geometry,
     state: "hovered",
     origin: h(s.id)
-  }), c !== null && /* @__PURE__ */ n(un, {
+  }), c !== null && /* @__PURE__ */ n(dn, {
     annotationId: c.id,
     geometry: c.geometry,
     state: "selected",
     origin: h(c.id)
   })] });
-}, hn = (e, t, r) => {
+}, cn = (e, t, r) => {
   if (t === null) return null;
-  const a = tr(e, t, r);
+  const a = rr(e, t, r);
   return a === null ? null : {
     id: t,
     geometry: a
   };
-}, un = ({ annotationId: e, geometry: t, state: r, origin: a }) => t.shape === "segment" ? /* @__PURE__ */ p("div", {
+}, dn = ({ annotationId: e, geometry: t, state: r, origin: a }) => t.shape === "segment" ? /* @__PURE__ */ p("div", {
   "aria-hidden": "true",
   "data-testid": "annotation-chrome",
   "data-annotation-id": e,
   "data-state": r,
-  children: [/* @__PURE__ */ n(mn, {
+  children: [/* @__PURE__ */ n(hn, {
     point: t.start,
     state: r,
     origin: a
-  }), /* @__PURE__ */ n(mn, {
+  }), /* @__PURE__ */ n(hn, {
     point: t.end,
     state: r,
     origin: a
   })]
 }) : /* @__PURE__ */ n("div", {
   "aria-hidden": "true",
-  className: wi[r],
+  className: Ti[r],
   "data-testid": "annotation-chrome",
   "data-annotation-id": e,
   "data-state": r,
@@ -1535,19 +1567,19 @@ var Ti = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, Li = (e, t, r) => ({
     width: t.rect.width + 4,
     height: t.rect.height + 4
   }
-}), mn = ({ point: e, state: t, origin: r }) => /* @__PURE__ */ n("span", {
-  className: xi[t],
+}), hn = ({ point: e, state: t, origin: r }) => /* @__PURE__ */ n("span", {
+  className: Li[t],
   style: {
     left: r.x + e.x,
     top: r.y + e.y
   }
-}), Ai = "_1uwdwh60", Oi = ({ panelRect: e }) => {
-  const t = te((o) => J(o, "move-drag")), r = En(e);
+}), Oi = "_1uwdwh60", Mi = ({ panelRect: e }) => {
+  const t = ne((o) => ie(o, "move-drag")), r = Mn(e);
   if (t === null) return null;
   const a = ut(t.translation, e);
   return /* @__PURE__ */ n("svg", {
     "aria-hidden": "true",
-    className: Ai,
+    className: Oi,
     width: e.width,
     height: e.height,
     style: {
@@ -1556,36 +1588,36 @@ var Ti = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, Li = (e, t, r) => ({
     },
     "data-testid": "annotation-ghost",
     "data-annotation-id": t.annotationId,
-    children: Ei(r, t.annotationId, e)
+    children: _i(r, t.annotationId, e)
   });
-}, Mi = ({ annotation: e }) => /* @__PURE__ */ n(lr, {
+}, Ni = ({ annotation: e }) => /* @__PURE__ */ n(sr, {
   annotation: e,
-  blockRef: Zt(e.id)
+  blockRef: qt(e.id)
 }), be = (e, t, r) => {
   const a = e.find((o) => o.id === t);
   return a === void 0 ? null : r(a);
-}, Ni = {
-  text: (e, t) => be(e.textAnnotations, t, (r) => /* @__PURE__ */ n(Mi, { annotation: r })),
-  shape: (e, t) => be(e.shapes, t, (r) => /* @__PURE__ */ n(Xt, { shape: r })),
-  image: (e, t) => be(e.images, t, (r) => /* @__PURE__ */ n(er, { image: r })),
+}, ki = {
+  text: (e, t) => be(e.textAnnotations, t, (r) => /* @__PURE__ */ n(Ni, { annotation: r })),
+  shape: (e, t) => be(e.shapes, t, (r) => /* @__PURE__ */ n(Yt, { shape: r })),
+  image: (e, t) => be(e.images, t, (r) => /* @__PURE__ */ n(nr, { image: r })),
   arrow: (e, t, r) => be(e.arrows, t, (a) => {
-    const o = ya({
+    const o = Sa({
       arrow: a,
       panelWidth: r.width,
       panelHeight: r.height
     });
-    return o === null ? null : /* @__PURE__ */ n(jt, {
+    return o === null ? null : /* @__PURE__ */ n(Jt, {
       computed: o,
       isAddressable: !1
     });
   })
-}, Ei = (e, t, r) => {
-  for (const a of Object.values(Ni)) {
+}, _i = (e, t, r) => {
+  for (const a of Object.values(ki)) {
     const o = a(e, t, r);
     if (o !== null) return o;
   }
   return null;
-}, ki = (e) => /* @__PURE__ */ n(L, {
+}, Ei = (e) => /* @__PURE__ */ n(L, {
   ...e,
   children: /* @__PURE__ */ p("g", {
     stroke: "currentColor",
@@ -1594,25 +1626,25 @@ var Ti = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, Li = (e, t, r) => ({
     strokeLinejoin: "round",
     children: [/* @__PURE__ */ n("path", { d: "M12 5v14" }), /* @__PURE__ */ n("path", { d: "M5 12h14" })]
   })
-}), _i = "var(--_1tyillx0)", Ri = {
+}), Ri = "var(--_1tyillx0)", Di = {
   rest: 0.5,
   hovered: 0.75,
   open: 1
 };
-var Di = "_1tyillx1", Hi = {
+var Hi = "_1tyillx1", Vi = {
   rest: "_1tyillx2",
   hovered: "_1tyillx3",
   open: "_1tyillx4"
-}, Vi = "_1tyillx5", zi = {
+}, zi = "_1tyillx5", Fi = {
   closed: "_1tyillx6",
   open: "_1tyillx7"
-}, Fi = ({ interaction: e, panelRect: t }) => {
-  const r = W(), a = K((c) => c.coordSystem), o = e.kind === "trigger" || e.kind === "menu" ? e.anchor : null, i = Bi(e), l = k(() => {
+}, Gi = ({ interaction: e, panelRect: t }) => {
+  const r = W(), a = K((c) => c.coordSystem), o = e.kind === "trigger" || e.kind === "menu" ? e.anchor : null, i = Bi(e), l = _(() => {
     if (o === null) return null;
-    const c = Fa(o.position, t, a);
+    const c = Ga(o.position, t, a);
     return {
       center: c,
-      radius: 19 * Ri[i],
+      radius: 19 * Di[i],
       target: {
         kind: "observation",
         cursor: Ge(c, t)
@@ -1630,24 +1662,24 @@ var Di = "_1tyillx1", Hi = {
     "aria-hidden": "true",
     "data-testid": "observation-menu-trigger",
     "data-state": i,
-    className: se(Di, Hi[i]),
+    className: se(Hi, Vi[i]),
     style: {
       left: t.x + l.center.x,
       top: t.y + l.center.y,
-      ...Gn({ [_i]: o.color ?? hr.border50 })
+      ...Gn({ [Ri]: o.color ?? ur.border50 })
     },
     children: /* @__PURE__ */ n("span", {
-      className: se(Vi, zi[i === "open" ? "open" : "closed"]),
-      children: /* @__PURE__ */ n(ki, { size: "lg" })
+      className: se(zi, Fi[i === "open" ? "open" : "closed"]),
+      children: /* @__PURE__ */ n(Ei, { size: "lg" })
     })
   });
-}, Bi = (e) => e.kind === "menu" ? "open" : e.kind === "trigger" && e.isEngaged ? "hovered" : "rest", Gi = 'button:not([disabled]):not([tabindex="-1"]), [tabindex]:not([tabindex="-1"])', Ki = (e, t) => {
+}, Bi = (e) => e.kind === "menu" ? "open" : e.kind === "trigger" && e.isEngaged ? "hovered" : "rest", Ki = 'button:not([disabled]):not([tabindex="-1"]), [tabindex]:not([tabindex="-1"])', Ui = (e, t) => {
   const { chartId: r } = U(), a = W();
   H(() => {
     if (t === null) return;
     const o = (i) => {
       if (i.key !== "Tab" || i.defaultPrevented || !me(i.target, e, r) || a.getState().standingInteraction?.kind === "chrome-popup") return;
-      const l = [...t.querySelectorAll(Gi)];
+      const l = [...t.querySelectorAll(Ki)];
       if (l.length === 0) return;
       i.preventDefault();
       const c = l.findIndex((s) => s === document.activeElement);
@@ -1660,7 +1692,7 @@ var Di = "_1tyillx1", Hi = {
     r,
     a
   ]);
-}, Ui = (e) => {
+}, Wi = (e) => {
   const { selectionStore: t, chartId: r } = U();
   H(() => {
     let a = null;
@@ -1682,99 +1714,67 @@ var Di = "_1tyillx1", Hi = {
     t,
     r
   ]);
-}, Wi = `[${Nn}]`, mt = (e, t, r) => {
+}, Zi = `[${On}]`, mt = (e, t, r) => {
   if (typeof document.elementsFromPoint != "function") return null;
   const a = document.elementsFromPoint(e, t);
-  return Zi(a, r);
-}, Zi = (e, t) => {
+  return qi(a, r);
+}, qi = (e, t) => {
   for (const r of e) {
-    const a = r.closest(Wi);
-    if (!(a === null || !t.contains(a)) && !qi(a, r))
-      return $i(a);
+    const a = r.closest(Zi);
+    if (!(a === null || !t.contains(a)) && !$i(a, r))
+      return Xi(a);
   }
   return null;
-}, qi = (e, t) => e === t && e.getAttribute("data-edit-kind") === "observation", $i = (e) => {
-  const t = e.getAttribute(Nn);
+}, $i = (e, t) => e === t && e.getAttribute("data-edit-kind") === "observation", Xi = (e) => {
+  const t = e.getAttribute(On);
   if (t !== "annotation") return null;
-  const r = e.getAttribute(Qt);
+  const r = e.getAttribute(er);
   return r === null || r === "" ? null : {
     kind: t,
     id: r
   };
-}, Xi = class {
-  constructor(e) {
-    this.params = e, this.listeners = new AbortController(), this.pendingEvent = null, this.scheduledFrame = null, this.hasPublished = !1, this.handleMove = (t) => {
-      t.pointerId === this.params.pointerId && (this.pendingEvent = t, this.scheduledFrame === null && (this.scheduledFrame = requestAnimationFrame(this.runFrame)));
-    }, this.handleUp = (t) => {
-      t.pointerId === this.params.pointerId && (this.pendingEvent = t, this.finish(!0));
-    }, this.handleLost = (t) => {
-      t.pointerId === this.params.pointerId && this.finish(!1);
-    }, this.runFrame = () => {
-      this.scheduledFrame = null;
-      const t = this.pendingEvent;
-      if (this.pendingEvent = null, t === null) return;
-      const { editorStore: r, annotationId: a, press: o, readInputs: i } = this.params, l = r.getState(), c = J(l, "move-drag");
-      if (this.hasPublished && Je(c, a) === null) return;
-      const s = {
-        x: t.clientX,
-        y: t.clientY
-      };
-      if (!this.hasPublished && !Ti(o, s)) return;
-      const { annotations: h, panelRect: d } = i(), u = La(h, a);
-      if (u === null) return;
-      const v = ba(u, Li(o, s, d));
-      v !== null && (l.claimInteraction({
-        kind: "move-drag",
-        annotationId: a,
-        translation: v
-      }), this.hasPublished = !0);
-    };
+}, Yi = class extends ct {
+  constructor(...e) {
+    super(...e), this.kind = "move-drag";
   }
-  start() {
-    const { handle: e } = this.params, { signal: t } = this.listeners;
-    e.addEventListener("pointermove", this.handleMove, { signal: t }), e.addEventListener("pointerup", this.handleUp, { signal: t }), e.addEventListener("lostpointercapture", this.handleLost, { signal: t });
+  readOwn(e) {
+    return Kt(ie(e, "move-drag"), this.params.annotationId);
   }
-  finish(e) {
-    this.params.onSettled(), this.listeners.abort(), this.cancelFrame();
-    try {
-      e && this.runFrame();
-    } finally {
-      this.settle(e);
-    }
-  }
-  settle(e) {
-    this.pendingEvent = null;
-    const { editorStore: t, annotationId: r } = this.params, a = t.getState(), o = Je(J(a, "move-drag"), r);
-    o !== null && a.releaseInteraction("move-drag"), !(!e || o === null) && this.commit(o.translation);
+  resolvePreview(e) {
+    const { annotationId: t, press: r, readInputs: a } = this.params, { annotations: o, panelRect: i } = a(), l = Pa(o, t);
+    if (l === null) return null;
+    const c = ya(l, Pi(r, e, i));
+    return c === null ? null : {
+      kind: "move-drag",
+      annotationId: t,
+      translation: c
+    };
   }
-  commit(e) {
+  commit({ translation: e }) {
     const { annotationId: t, dispatch: r } = this.params;
-    Pi(e) && r(new yr({
+    Ii(e) && r(new Sr({
       id: t,
       translation: e
     }));
   }
-  cancelFrame() {
-    this.scheduledFrame !== null && (cancelAnimationFrame(this.scheduledFrame), this.scheduledFrame = null);
-  }
-}, Yi = (e, t, r) => {
-  const { commands: a, selectionStore: o } = U(), i = W(), l = ne({
+}, ji = (e, t, r) => {
+  const { commands: a, selectionStore: o } = U(), i = W(), l = ee({
     annotations: K((h) => h.spec.annotations),
     panelRect: r
-  }), c = ne(t), s = pe(null);
+  }), c = ee(t), s = pe(null);
   H(() => () => s.current?.finish(!1), []), H(() => {
     const h = (v) => {
       const { editTargetUnderPointer: m, standingInteraction: g } = i.getState();
-      return m !== null && g === null && v.pointerType === "mouse" && ji(v.target, e) ? m : mt(v.clientX, v.clientY, e);
+      return m !== null && g === null && v.pointerType === "mouse" && Ji(v.target, e) ? m : mt(v.clientX, v.clientY, e);
     }, d = (v, m) => {
-      if (s.current !== null || !ar(l.current.annotations, m.id)) return;
+      if (s.current !== null || !or(l.current.annotations, m.id)) return;
       try {
         e.setPointerCapture(v.pointerId);
       } catch {
         return;
       }
       v.preventDefault();
-      const g = new Xi({
+      const g = new Yi({
         handle: e,
         pointerId: v.pointerId,
         annotationId: m.id,
@@ -1791,7 +1791,7 @@ var Di = "_1tyillx1", Hi = {
       });
       s.current = g, g.start();
     }, u = (v) => {
-      if (v.button !== 0 || qn(v.target) || $n(v, c.current, i.getState().menuTrigger)) return;
+      if (v.button !== 0 || Zn(v.target) || qn(v, c.current, i.getState().menuTrigger)) return;
       const m = h(v), g = o.getState();
       if (m === null) {
         g.clearSelection();
@@ -1808,10 +1808,10 @@ var Di = "_1tyillx1", Hi = {
     l,
     c
   ]);
-}, ji = (e, t) => e instanceof Node && t.contains(e), Ji = (e) => {
+}, Ji = (e, t) => e instanceof Node && t.contains(e), Qi = (e) => {
   const { selectionStore: t, commands: r, chartId: a } = U(), o = W(), i = ye((c) => {
-    const { selection: s } = t.getState(), h = it(s);
-    h !== null && (c.preventDefault(), r.dispatch(new Be({ id: h })), e.focus({ preventScroll: !0 }));
+    const { selection: s } = t.getState(), h = ot(s);
+    h !== null && (c.preventDefault(), r.dispatch(new Fe({ id: h })), e.focus({ preventScroll: !0 }));
   }, [
     e,
     r,
@@ -1819,8 +1819,8 @@ var Di = "_1tyillx1", Hi = {
   ]), l = ye((c) => {
     const s = o.getState();
     switch (s.standingInteraction?.kind) {
-      case "endpoint-drag":
-        s.releaseInteraction("endpoint-drag");
+      case "difference-arrow-endpoint-drag":
+        s.releaseInteraction("difference-arrow-endpoint-drag");
         return;
       case "move-drag":
         s.releaseInteraction("move-drag");
@@ -1831,7 +1831,7 @@ var Di = "_1tyillx1", Hi = {
         s.releaseInteraction("menu");
         return;
       default:
-        if (Zn(c.target, a)) {
+        if (Wn(c.target, a)) {
           e.focus({ preventScroll: !0 });
           return;
         }
@@ -1846,7 +1846,7 @@ var Di = "_1tyillx1", Hi = {
   ]);
   H(() => {
     const c = (s) => {
-      if (me(s.target, e, a) && !Qi(s.target) && !Xa(s.target))
+      if (me(s.target, e, a) && !el(s.target) && !Ya(s.target))
         switch (s.key) {
           case "Escape":
             return l(s);
@@ -1864,12 +1864,12 @@ var Di = "_1tyillx1", Hi = {
     l,
     a
   ]);
-}, Qi = (e) => e instanceof HTMLElement && (e.isContentEditable || e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement), el = () => {
-  const e = Wt((o) => o.hover.primary), { layers: t, coordSystem: r } = K(Ke((o) => ({
+}, el = (e) => e instanceof HTMLElement && (e.isContentEditable || e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement), nl = () => {
+  const e = Zt((o) => o.hover.primary), { layers: t, coordSystem: r } = K(Be((o) => ({
     layers: o.layers,
     coordSystem: o.coordSystem
   }))), { anchorResolver: a } = U();
-  return k(() => {
+  return _(() => {
     if (e === null) return null;
     const o = t.find((c) => c.id === e.layerId);
     if (o === void 0) return null;
@@ -1879,10 +1879,10 @@ var Di = "_1tyillx1", Hi = {
       purpose: "pin"
     });
     if (i === null) return null;
-    const l = ga(o, e.observation);
+    const l = va(o, e.observation);
     return l === null ? null : {
       position: i,
-      color: _a(e.observation),
+      color: Ra(e.observation),
       layer: o,
       at: l,
       observation: e.observation
@@ -1893,9 +1893,9 @@ var Di = "_1tyillx1", Hi = {
     r,
     a
   ]);
-}, nl = { kind: "idle" }, pt = () => {
-  const e = te((a) => a.standingInteraction), t = te((a) => a.chromeUnderPointer), r = el();
-  return k(() => e !== null ? e : r === null ? nl : {
+}, tl = { kind: "idle" }, pt = () => {
+  const e = ne((a) => a.standingInteraction), t = ne((a) => a.chromeUnderPointer), r = nl();
+  return _(() => e !== null ? e : r === null ? tl : {
     kind: "trigger",
     anchor: r,
     isEngaged: t === "menu-trigger"
@@ -1904,25 +1904,25 @@ var Di = "_1tyillx1", Hi = {
     r,
     t
   ]);
-}, tl = (e, t, r) => {
-  const a = W(), { selectionStore: o } = U(), { store: i, engine: l } = Fe(), c = ne(e), s = ne(t), h = ne(r);
+}, rl = (e, t, r) => {
+  const a = W(), { selectionStore: o } = U(), { store: i, engine: l } = ze(), c = ee(e), s = ee(t), h = ee(r);
   H(() => {
-    const d = (C) => $n(C, s.current, a.getState().menuTrigger), u = (C) => {
-      if (d(C) || o.getState().selection.length > 0) return;
+    const d = (f) => qn(f, s.current, a.getState().menuTrigger), u = (f) => {
+      if (d(f) || o.getState().selection.length > 0) return;
       const P = h.current, w = s.current, b = {
-        x: C.clientX - w.x,
-        y: C.clientY - w.y
-      }, T = rl(b, P) ? l.query(Ge(b, P)) : Rn;
+        x: f.clientX - w.x,
+        y: f.clientY - w.y
+      }, T = al(b, P) ? l.query(Ge(b, P)) : En;
       i.getState().setHoverState(T);
     };
     let v = !1;
     const m = () => {
       v = c.current.kind === "menu";
-    }, g = (C) => {
-      if (qn(C.target)) return;
+    }, g = (f) => {
+      if (Zn(f.target)) return;
       const { claimInteraction: P, releaseInteraction: w } = a.getState();
-      if (!d(C) || v) {
-        w("menu"), v && u(C);
+      if (!d(f) || v) {
+        w("menu"), v && u(f);
         return;
       }
       const b = c.current;
@@ -1943,24 +1943,24 @@ var Di = "_1tyillx1", Hi = {
     s,
     h
   ]);
-}, rl = (e, t) => e.x >= 0 && e.x <= t.width && e.y >= 0 && e.y <= t.height, al = (e, t) => {
-  const r = W(), a = ne(t);
+}, al = (e, t) => e.x >= 0 && e.x <= t.width && e.y >= 0 && e.y <= t.height, ol = (e, t) => {
+  const r = W(), a = ee(t);
   H(() => {
     let o = null, i = null;
     const l = (m) => {
       const { menuTrigger: g } = r.getState();
-      return g === null ? null : Bn(m, g) ? "menu-trigger" : null;
+      return g === null ? null : Fn(m, g) ? "menu-trigger" : null;
     }, c = () => {
       o = null;
       const m = i;
       if (m === null) return;
-      const g = a.current, C = r.getState();
-      if (C.setChromeUnderPointer(l({
+      const g = a.current, f = r.getState();
+      if (f.setChromeUnderPointer(l({
         x: m.x - g.x,
         y: m.y - g.y
-      })), Me(C.standingInteraction)) return;
+      })), Me(f.standingInteraction)) return;
       const P = mt(m.x, m.y, e);
-      C.setEditTargetUnderPointer(P);
+      f.setEditTargetUnderPointer(P);
     }, s = () => {
       o === null && (o = requestAnimationFrame(c));
     }, h = () => {
@@ -1984,26 +1984,26 @@ var Di = "_1tyillx1", Hi = {
     r,
     a
   ]);
-}, Me = (e) => e?.kind === "menu" || e?.kind === "move-drag", pn = "editor", gn = [], ol = (e, t, r, a) => {
-  const o = pt(), { store: i } = Fe(), l = kn().length > 0, c = te((d) => d.menuTrigger), s = o.kind === "menu", h = k(() => c === null ? gn : [ma(c)], [c]);
-  al(e, t), Yi(e, t, r), tl(o, t, r), Ui(e), Ji(e), Ki(e, a), H(() => (i.getState().publishPointerRegions(pn, h), () => i.getState().publishPointerRegions(pn, gn)), [i, h]), H(() => (i.getState().setPointerSuspended(s || l), () => i.getState().setPointerSuspended(!1)), [
+}, Me = (e) => e?.kind === "menu" || e?.kind === "move-drag", un = "editor", mn = [], il = (e, t, r, a) => {
+  const o = pt(), { store: i } = ze(), l = kn().length > 0, c = ne((d) => d.menuTrigger), s = o.kind === "menu", h = _(() => c === null ? mn : [pa(c)], [c]);
+  ol(e, t), ji(e, t, r), rl(o, t, r), Wi(e), Qi(e), Ui(e, a), H(() => (i.getState().publishPointerRegions(un, h), () => i.getState().publishPointerRegions(un, mn)), [i, h]), H(() => (i.getState().setPointerSuspended(s || l), () => i.getState().setPointerSuspended(!1)), [
     i,
     s,
     l
   ]), H(() => {
     if (!l) return;
     const d = i.getState();
-    d.setHoverState(Rn), d.setTooltipAnchor(null);
+    d.setHoverState(En), d.setTooltipAnchor(null);
   }, [i, l]);
-}, il = ({ frameElement: e, panelRect: t }) => {
-  const { measureRef: r, screenRect: a } = Ut(), o = W();
-  return H(() => (r(e), () => r(null)), [r, e]), H(() => () => o.getState().releaseInteraction("menu"), [o]), a === null ? null : /* @__PURE__ */ n(ja, { children: /* @__PURE__ */ n(ll, {
+}, ll = ({ frameElement: e, panelRect: t }) => {
+  const { measureRef: r, screenRect: a } = Wt(), o = W();
+  return H(() => (r(e), () => r(null)), [r, e]), H(() => () => o.getState().releaseInteraction("menu"), [o]), a === null ? null : /* @__PURE__ */ n(Ja, { children: /* @__PURE__ */ n(sl, {
     frameElement: e,
     frameRect: a,
     panelRect: t
   }) });
-}, ll = ({ frameElement: e, frameRect: t, panelRect: r }) => {
-  const a = k(() => ({
+}, sl = ({ frameElement: e, frameRect: t, panelRect: r }) => {
+  const a = _(() => ({
     x: t.left + r.x,
     y: t.top + r.y
   }), [
@@ -2012,48 +2012,48 @@ var Di = "_1tyillx1", Hi = {
     r.x,
     r.y
   ]), [o, i] = q(null);
-  return ol(e, a, r, o), /* @__PURE__ */ n(sl, {
+  return il(e, a, r, o), /* @__PURE__ */ n(cl, {
     frameElement: e,
     frameRect: t,
     panelOrigin: a,
     panelRect: r,
     boxRef: i
   });
-}, sl = ({ frameElement: e, frameRect: t, panelOrigin: r, panelRect: a, boxRef: o }) => {
-  const i = Ue(), l = pt();
-  return /* @__PURE__ */ n(or, {
+}, cl = ({ frameElement: e, frameRect: t, panelOrigin: r, panelRect: a, boxRef: o }) => {
+  const i = Ke(), l = pt();
+  return /* @__PURE__ */ n(ir, {
     rect: t,
-    zIndex: nr.editorOverlay,
+    zIndex: tr.editorOverlay,
     container: i,
     "data-testid": "editor-overlay",
     boxRef: o,
     children: /* @__PURE__ */ p(ge, { children: [
-      /* @__PURE__ */ n(bi, {
+      /* @__PURE__ */ n(Si, {
         panelRect: a,
         panelOrigin: r,
         frameRect: t,
         frameElement: e
       }),
-      /* @__PURE__ */ n(Oi, { panelRect: a }),
-      /* @__PURE__ */ n(Ii, { panelRect: a }),
-      /* @__PURE__ */ n(Fi, {
+      /* @__PURE__ */ n(Mi, { panelRect: a }),
+      /* @__PURE__ */ n(Ai, { panelRect: a }),
+      /* @__PURE__ */ n(Gi, {
         interaction: l,
         panelRect: a
       }),
-      /* @__PURE__ */ n(Do, {
+      /* @__PURE__ */ n(Ho, {
         interaction: l,
         panelOrigin: r
       })
     ] })
   });
-}, c1 = ({ slots: e, ...t }) => /* @__PURE__ */ n(qt, { children: /* @__PURE__ */ n(Jt, {
-  slots: k(() => ({
-    EditorSurface: il,
+}, d1 = ({ slots: e, ...t }) => /* @__PURE__ */ n($t, { children: /* @__PURE__ */ n(Qt, {
+  slots: _(() => ({
+    EditorSurface: ll,
     ...e
   }), [e]),
   ...t
 }) }), gt = ve(null), vt = ({ labelId: e, controlId: t, children: r }) => {
-  const a = k(() => {
+  const a = _(() => {
     let o = null;
     return {
       labelId: e,
@@ -2065,7 +2065,7 @@ var Di = "_1tyillx1", Hi = {
     value: a,
     children: r
   });
-}, Q = ({ id: e, ariaLabel: t, ariaLabelledBy: r }, a = !0) => {
+}, J = ({ id: e, ariaLabel: t, ariaLabelledBy: r }, a = !0) => {
   const o = ce(gt), i = le(), [l] = q(() => a ? o?.claimControlId(i) ?? !1 : !1), c = e ?? (l ? o?.controlId : void 0), s = r ?? (t === void 0 ? o?.labelId : void 0);
   return {
     ...c !== void 0 && { id: c },
@@ -2073,18 +2073,18 @@ var Di = "_1tyillx1", Hi = {
     ...s !== void 0 && { "aria-labelledby": s }
   };
 };
-var cl = {
+var dl = {
   default: "woi4bh4 woi4bh3",
   tile: "woi4bh5 woi4bh3"
-}, dl = ({ label: e, icon: t, onClick: r, variant: a = "default", isDisabled: o, ariaLabel: i, ariaLabelledBy: l, id: c }) => {
-  const s = Q({
+}, hl = ({ label: e, icon: t, onClick: r, variant: a = "default", isDisabled: o, ariaLabel: i, ariaLabelledBy: l, id: c }) => {
+  const s = J({
     id: c,
     ariaLabel: i,
     ariaLabelledBy: l
   }), h = a === "tile";
   return /* @__PURE__ */ p("button", {
     type: "button",
-    className: cl[a],
+    className: dl[a],
     disabled: o,
     onClick: r,
     ...s,
@@ -2096,22 +2096,22 @@ var cl = {
       children: e
     })]
   });
-}, Ze = ve(null), O = () => {
-  const e = ce(Ze);
+}, We = ve(null), O = () => {
+  const e = ce(We);
   if (!e) throw new Error("An editing section must sit inside an <EditorPanel.Root> bound to a graph — pass it a `handle`, or render the panel inside a <GraphProvider>.");
   return e;
-}, Ct = ({ children: e, onKeyDown: t, ...r }) => {
-  const a = ce(Ze);
+}, ft = ({ children: e, onKeyDown: t, ...r }) => {
+  const a = ce(We);
   return /* @__PURE__ */ n("div", {
     onKeyDown: (i) => {
       if (t?.(i), !a || i.defaultPrevented) return;
-      const l = sr(i.nativeEvent);
+      const l = cr(i.nativeEvent);
       l && (i.preventDefault(), l === "undo" ? a.undo() : a.redo());
     },
     ...r,
     children: e
   });
-}, ft = "keyboard", Le = (e) => {
+}, Ct = "keyboard", Le = (e) => {
   const t = pe(!1), r = pe(!1), a = () => {
     t.current = !1, r.current && (r.current = !1, e?.());
   };
@@ -2140,26 +2140,26 @@ var cl = {
       }
     }
   };
-}, hl = "eh8dvc0", ul = "eh8dvc1 uz3g760", ml = "eh8dvc2 uz3g761";
-var pl = ({ value: e, onChange: t, onCommit: r, min: a, max: o, step: i, placeholder: l, prefix: c, suffix: s, isDisabled: h, hasError: d, ariaLabel: u, ariaLabelledBy: v, id: m }) => {
-  const g = Q({
+}, ul = "eh8dvc0", ml = "eh8dvc1 uz3g760", pl = "eh8dvc2 uz3g761";
+var gl = ({ value: e, onChange: t, onCommit: r, min: a, max: o, step: i, placeholder: l, prefix: c, suffix: s, isDisabled: h, hasError: d, ariaLabel: u, ariaLabelledBy: v, id: m }) => {
+  const g = J({
     id: m,
     ariaLabel: u,
     ariaLabelledBy: v
-  }), { commitUnlessHeldKey: C, gestureHandlers: P } = Le(r);
-  return /* @__PURE__ */ n(an.Root, {
-    className: hl,
+  }), { commitUnlessHeldKey: f, gestureHandlers: P } = Le(r);
+  return /* @__PURE__ */ n(tn.Root, {
+    className: ul,
     value: e,
     onValueChange: (w) => t(w),
     onValueCommitted: (w, b) => {
-      C(b.reason === ft);
+      f(b.reason === Ct);
     },
     min: a,
     max: o,
     step: i,
     disabled: h,
-    children: /* @__PURE__ */ p(Ct, {
-      className: ul,
+    children: /* @__PURE__ */ p(ft, {
+      className: ml,
       "data-error": d === !0,
       "data-disabled": h === !0 ? "" : void 0,
       children: [
@@ -2167,8 +2167,8 @@ var pl = ({ value: e, onChange: t, onCommit: r, min: a, max: o, step: i, placeho
           className: "eh8dvc3",
           children: c
         }),
-        /* @__PURE__ */ n(an.Input, {
-          className: ml,
+        /* @__PURE__ */ n(tn.Input, {
+          className: pl,
           placeholder: l,
           ...P,
           "aria-invalid": d === !0 ? !0 : void 0,
@@ -2181,22 +2181,22 @@ var pl = ({ value: e, onChange: t, onCommit: r, min: a, max: o, step: i, placeho
       ]
     })
   });
-}, gl = "_1b7s5f0", ie = {
+}, vl = "_1b7s5f0", oe = {
   1: "_1b7s5f1",
   2: "_1b7s5f2",
   3: "_1b7s5f3",
   4: "_1b7s5f4",
   5: "_1b7s5f5",
   6: "_1b7s5f6"
-}, vl = "_1b7s5f7";
-var Cl = 6, fl = ({ options: e, value: t, onChange: r, onCommit: a, columns: o, itemLayout: i = "tile", isDisabled: l, ariaLabel: c, ariaLabelledBy: s, id: h }) => {
-  const d = Q({
+}, fl = "_1b7s5f7";
+var Cl = 6, bl = ({ options: e, value: t, onChange: r, onCommit: a, columns: o, itemLayout: i = "tile", isDisabled: l, ariaLabel: c, ariaLabelledBy: s, id: h }) => {
+  const d = J({
     id: h,
     ariaLabel: c,
     ariaLabelledBy: s
   }), u = i === "swatch", { commitAfterChange: v, gestureHandlers: m } = Le(a);
-  return /* @__PURE__ */ n(Un, {
-    className: se(gl, bl(o ?? e.length)),
+  return /* @__PURE__ */ n(Kn, {
+    className: se(vl, yl(o ?? e.length)),
     value: t,
     onValueChange: (g) => {
       r(g), v();
@@ -2204,10 +2204,10 @@ var Cl = 6, fl = ({ options: e, value: t, onChange: r, onCommit: a, columns: o,
     ...m,
     disabled: l,
     ...d,
-    children: e.map((g) => /* @__PURE__ */ p(Kn.Root, {
+    children: e.map((g) => /* @__PURE__ */ p(Bn.Root, {
       value: g.value,
       disabled: g.isDisabled,
-      className: se(vl, u && "_1b7s5f8"),
+      className: se(fl, u && "_1b7s5f8"),
       "aria-label": u ? g.label : void 0,
       children: [g.icon, !u && /* @__PURE__ */ n("span", {
         className: "_1b7s5f9",
@@ -2215,24 +2215,24 @@ var Cl = 6, fl = ({ options: e, value: t, onChange: r, onCommit: a, columns: o,
       })]
     }, g.value))
   });
-}, bl = (e) => {
+}, yl = (e) => {
   switch (Math.min(Math.max(Math.round(e), 1), Cl)) {
     case 1:
-      return ie[1];
+      return oe[1];
     case 2:
-      return ie[2];
+      return oe[2];
     case 3:
-      return ie[3];
+      return oe[3];
     case 4:
-      return ie[4];
+      return oe[4];
     case 5:
-      return ie[5];
+      return oe[5];
     default:
-      return ie[6];
+      return oe[6];
   }
-}, yl = "_1g5x15w0 uz3g760", Sl = "_1g5x15w1", wl = "_1g5x15w2", vn = "_1g5x15w3", xl = "_1g5x15w4", Tl = "_1g5x15w5", Ll = "_1g5x15w6", Pl = "_1g5x15w7";
-var Il = ({ options: e, value: t, onChange: r, placeholder: a, isDisabled: o, hasError: i, ariaLabel: l, ariaLabelledBy: c, id: s }) => {
-  const h = Q({
+}, Sl = "_1g5x15w0 uz3g760", wl = "_1g5x15w1", xl = "_1g5x15w2", pn = "_1g5x15w3", Tl = "_1g5x15w4", Ll = "_1g5x15w5", Pl = "_1g5x15w6", Il = "_1g5x15w7";
+var Al = ({ options: e, value: t, onChange: r, placeholder: a, isDisabled: o, hasError: i, ariaLabel: l, ariaLabelledBy: c, id: s }) => {
+  const h = J({
     id: s,
     ariaLabel: l,
     ariaLabelledBy: c
@@ -2246,40 +2246,40 @@ var Il = ({ options: e, value: t, onChange: r, placeholder: a, isDisabled: o, ha
       label: d.label
     })),
     children: [/* @__PURE__ */ p(Z.Trigger, {
-      className: yl,
+      className: Sl,
       "data-error": i === !0,
       ...h,
       children: [/* @__PURE__ */ n(Z.Value, {
-        className: Sl,
-        children: (d) => Al(e, d, a)
+        className: wl,
+        children: (d) => Ol(e, d, a)
       }), /* @__PURE__ */ n(Z.Icon, {
-        className: vn,
+        className: pn,
         children: /* @__PURE__ */ n(xe, { size: "sm" })
       })]
     }), /* @__PURE__ */ n(Z.Portal, {
-      container: ze(),
+      container: Ve(),
       children: /* @__PURE__ */ n(ge, { children: /* @__PURE__ */ n(Z.Positioner, {
-        className: xl,
+        className: Tl,
         sideOffset: 4,
         alignItemWithTrigger: !1,
         children: /* @__PURE__ */ n(Z.Popup, {
-          className: Tl,
+          className: Ll,
           children: e.map((d) => /* @__PURE__ */ p(Z.Item, {
             value: d.value,
             disabled: d.isDisabled,
-            className: Ll,
+            className: Pl,
             children: [
               d.icon,
               /* @__PURE__ */ p("span", {
-                className: Pl,
+                className: Il,
                 children: [/* @__PURE__ */ n(Z.ItemText, { children: d.label }), d.description !== void 0 && /* @__PURE__ */ n("span", {
                   className: "_1g5x15w8",
                   children: d.description
                 })]
               }),
               /* @__PURE__ */ n(Z.ItemIndicator, {
-                className: vn,
-                children: /* @__PURE__ */ n($t, { size: "sm" })
+                className: pn,
+                children: /* @__PURE__ */ n(Xt, { size: "sm" })
               })
             ]
           }, d.value))
@@ -2287,34 +2287,34 @@ var Il = ({ options: e, value: t, onChange: r, placeholder: a, isDisabled: o, ha
       }) })
     })]
   });
-}, Al = (e, t, r) => t === null ? /* @__PURE__ */ n("span", {
-  className: wl,
+}, Ol = (e, t, r) => t === null ? /* @__PURE__ */ n("span", {
+  className: xl,
   children: r
-}) : Ol(e, t), Ol = (e, t) => e.find((r) => r.value === t)?.label ?? t, Ml = "vod76w0", Nl = "vod76w1", El = "vod76w2", kl = "vod76w3", _l = "vod76w4", Rl = "vod76w5";
-var Dl = ({ value: e, onChange: t, onCommit: r, min: a, max: o, step: i, suffix: l, formatValue: c, isDisabled: s, ariaLabel: h, ariaLabelledBy: d }) => {
-  const u = Q({
+}) : Ml(e, t), Ml = (e, t) => e.find((r) => r.value === t)?.label ?? t, Nl = "vod76w0", kl = "vod76w1", _l = "vod76w2", El = "vod76w3", Rl = "vod76w4", Dl = "vod76w5";
+var Hl = ({ value: e, onChange: t, onCommit: r, min: a, max: o, step: i, suffix: l, formatValue: c, isDisabled: s, ariaLabel: h, ariaLabelledBy: d }) => {
+  const u = J({
     ariaLabel: h,
     ariaLabelledBy: d
-  }, !1), v = Hl(e, l, c), { commitUnlessHeldKey: m, gestureHandlers: g } = Le(r);
+  }, !1), v = Vl(e, l, c), { commitUnlessHeldKey: m, gestureHandlers: g } = Le(r);
   return /* @__PURE__ */ p("div", {
-    className: Ml,
+    className: Nl,
     children: [/* @__PURE__ */ n(de.Root, {
-      className: Nl,
+      className: kl,
       value: e,
-      onValueChange: (C) => t(C),
-      onValueCommitted: (C, P) => {
-        m(P.reason === ft);
+      onValueChange: (f) => t(f),
+      onValueCommitted: (f, P) => {
+        m(P.reason === Ct);
       },
       min: a,
       max: o,
       step: i,
       disabled: s,
       children: /* @__PURE__ */ n(de.Control, {
-        className: El,
+        className: _l,
         children: /* @__PURE__ */ p(de.Track, {
-          className: kl,
-          children: [/* @__PURE__ */ n(de.Indicator, { className: _l }), /* @__PURE__ */ n(de.Thumb, {
-            className: Rl,
+          className: El,
+          children: [/* @__PURE__ */ n(de.Indicator, { className: Rl }), /* @__PURE__ */ n(de.Thumb, {
+            className: Dl,
             ...g,
             ...u
           })]
@@ -2325,30 +2325,30 @@ var Dl = ({ value: e, onChange: t, onCommit: r, min: a, max: o, step: i, suffix:
       children: v
     })]
   });
-}, Hl = (e, t, r) => r !== void 0 ? r(e) : t !== void 0 ? `${e}${t}` : null, Vl = "_1hyrlw60", zl = "_1hyrlw61", Fl = ({ isChecked: e, onChange: t, isDisabled: r, ariaLabel: a, ariaLabelledBy: o, id: i }) => {
-  const l = Q({
+}, Vl = (e, t, r) => r !== void 0 ? r(e) : t !== void 0 ? `${e}${t}` : null, zl = "_1hyrlw60", Fl = "_1hyrlw61", Gl = ({ isChecked: e, onChange: t, isDisabled: r, ariaLabel: a, ariaLabelledBy: o, id: i }) => {
+  const l = J({
     id: i,
     ariaLabel: a,
     ariaLabelledBy: o
   });
-  return /* @__PURE__ */ n(on.Root, {
+  return /* @__PURE__ */ n(rn.Root, {
     checked: e,
     onCheckedChange: (c) => t(c),
     disabled: r,
-    className: Vl,
+    className: zl,
     ...l,
-    children: /* @__PURE__ */ n(on.Thumb, { className: zl })
+    children: /* @__PURE__ */ n(rn.Thumb, { className: Fl })
   });
-}, Bl = "uz3g761", Gl = "tpcnun0 uz3g760", Kl = ({ value: e, onChange: t, onCommit: r, placeholder: a, isDisabled: o, hasError: i, ariaLabel: l, ariaLabelledBy: c, id: s }) => {
-  const h = Q({
+}, Bl = "uz3g761", Kl = "tpcnun0 uz3g760", Ul = ({ value: e, onChange: t, onCommit: r, placeholder: a, isDisabled: o, hasError: i, ariaLabel: l, ariaLabelledBy: c, id: s }) => {
+  const h = J({
     id: s,
     ariaLabel: l,
     ariaLabelledBy: c
   });
-  return /* @__PURE__ */ n(Ct, {
-    className: Gl,
+  return /* @__PURE__ */ n(ft, {
+    className: Kl,
     "data-error": i === !0,
-    children: /* @__PURE__ */ n(Za, {
+    children: /* @__PURE__ */ n(qa, {
       className: Bl,
       value: e,
       onValueChange: (d) => t(d),
@@ -2359,15 +2359,15 @@ var Dl = ({ value: e, onChange: t, onCommit: r, min: a, max: o, step: i, suffix:
       ...h
     })
   });
-}, Ul = "cnu9yl0", Wl = "cnu9yl1";
-var Zl = ({ options: e, value: t, onChange: r, onCommit: a, itemLayout: o = "inline", isDisabled: i, ariaLabel: l, ariaLabelledBy: c, id: s }) => {
-  const h = Q({
+}, Wl = "cnu9yl0", Zl = "cnu9yl1";
+var ql = ({ options: e, value: t, onChange: r, onCommit: a, itemLayout: o = "inline", isDisabled: i, ariaLabel: l, ariaLabelledBy: c, id: s }) => {
+  const h = J({
     id: s,
     ariaLabel: l,
     ariaLabelledBy: c
   }), d = o === "stacked", { commitAfterChange: u, gestureHandlers: v } = Le(a);
-  return /* @__PURE__ */ n(Un, {
-    className: Ul,
+  return /* @__PURE__ */ n(Kn, {
+    className: Wl,
     value: t,
     onValueChange: (m) => {
       r(m), u();
@@ -2375,31 +2375,31 @@ var Zl = ({ options: e, value: t, onChange: r, onCommit: a, itemLayout: o = "inl
     ...v,
     disabled: i,
     ...h,
-    children: e.map((m) => /* @__PURE__ */ p(Kn.Root, {
+    children: e.map((m) => /* @__PURE__ */ p(Bn.Root, {
       value: m.value,
       disabled: m.isDisabled,
-      className: se(Wl, d && "cnu9yl2"),
-      "aria-label": ql(m, d),
+      className: se(Zl, d && "cnu9yl2"),
+      "aria-label": $l(m, d),
       children: [m.icon, bt(m, d) && /* @__PURE__ */ n("span", {
         className: "cnu9yl3",
         children: m.label
       })]
     }, m.value))
   });
-}, bt = (e, t) => e.icon === void 0 || t, ql = (e, t) => {
+}, bt = (e, t) => e.icon === void 0 || t, $l = (e, t) => {
   if (!bt(e, t))
     return e.label;
 }, yt = {
-  ToggleGroup: Zl,
-  Switch: Fl,
-  Slider: Dl,
-  RadioGrid: fl,
-  Button: dl,
-  TextField: Kl,
-  NumberField: pl,
-  Select: Il
-}, St = ve(yt), $l = ({ controls: e, children: t }) => {
-  const r = k(() => ({
+  ToggleGroup: ql,
+  Switch: Gl,
+  Slider: Hl,
+  RadioGrid: bl,
+  Button: hl,
+  TextField: Ul,
+  NumberField: gl,
+  Select: Al
+}, St = ve(yt), Xl = ({ controls: e, children: t }) => {
+  const r = _(() => ({
     ...yt,
     ...e
   }), [e]);
@@ -2407,39 +2407,39 @@ var Zl = ({ options: e, value: t, onChange: r, onCommit: a, itemLayout: o = "inl
     value: r,
     children: t
   });
-}, M = () => ce(St), Xl = "_12lhx9e0", wt = ({ children: e }) => /* @__PURE__ */ n("div", {
-  className: Xl,
-  children: e
-}), Yl = "_139ohwv0", F = ({ children: e }) => /* @__PURE__ */ n("div", {
+}, M = () => ce(St), Yl = "_12lhx9e0", wt = ({ children: e }) => /* @__PURE__ */ n("div", {
   className: Yl,
   children: e
-}), xt = ve(null), jl = xt.Provider, Jl = () => {
+}), jl = "_139ohwv0", F = ({ children: e }) => /* @__PURE__ */ n("div", {
+  className: jl,
+  children: e
+}), xt = ve(null), Jl = xt.Provider, Ql = () => {
   const e = ce(xt);
   if (!e) throw new Error("A section must be rendered inside <EditorPanel.Root>.");
   return e;
-}, Ql = "_1jlczkt0", es = "data-graphy-editor-panel", ns = {
+}, es = "_1jlczkt0", ns = "data-graphy-editor-panel", ts = {
   List: F,
   Grid: wt
 };
-function ts(e) {
+function rs(e) {
   if (e === void 0) return !1;
   const t = e.split(/\s+/);
   return t.includes("_1ii3bsb0") || t.includes("_1ii3bsb1");
 }
-var rs = ({ handle: e, children: t, controls: r, defaultExpandedSection: a = void 0, className: o }) => {
-  const i = ir(e), { themeClass: l, inlineVarsStyle: c } = Ve(), [s, h] = q(() => a ? [a] : []), d = k(() => ({
+var as = ({ handle: e, children: t, controls: r, defaultExpandedSection: a = void 0, className: o }) => {
+  const i = lr(e), { themeClass: l, inlineVarsStyle: c } = He(), [s, h] = q(() => a ? [a] : []), d = _(() => ({
     expandSection: (u) => h([u]),
     collapseAllSections: () => h([])
   }), []);
-  return /* @__PURE__ */ n(Ze.Provider, {
+  return /* @__PURE__ */ n(We.Provider, {
     value: i,
-    children: /* @__PURE__ */ n($l, {
+    children: /* @__PURE__ */ n(Xl, {
       controls: r,
-      children: /* @__PURE__ */ n(jl, {
+      children: /* @__PURE__ */ n(Jl, {
         value: d,
         children: /* @__PURE__ */ n(ue.Root, {
-          [es]: "",
-          className: se(Ql, o, { [l]: !ts(o) }),
+          [ns]: "",
+          className: se(es, o, { [l]: !rs(o) }),
           style: c,
           value: s,
           onValueChange: (u) => h(u),
@@ -2449,34 +2449,34 @@ var rs = ({ handle: e, children: t, controls: r, defaultExpandedSection: a = voi
     })
   });
 }, Tt = {
-  Root: rs,
-  Controls: ns
-}, Cn = {
+  Root: as,
+  Controls: ts
+}, gn = {
   stack: "pr583x0",
   grid: "pr583x1"
-}, fn = "pr583x2", as = {
+}, vn = "pr583x2", os = {
   plain: "pr583x4 pr583x3",
   withIcon: "pr583x5 pr583x3"
-}, f = ({ label: e, layout: t = "grid", icon: r, children: a }) => {
+}, C = ({ label: e, layout: t = "grid", icon: r, children: a }) => {
   const o = le(), i = le();
   return e === void 0 ? /* @__PURE__ */ n("div", {
-    className: Cn[t],
+    className: gn[t],
     children: /* @__PURE__ */ n("div", {
-      className: fn,
+      className: vn,
       children: a
     })
   }) : /* @__PURE__ */ p("div", {
-    className: Cn[t],
+    className: gn[t],
     children: [/* @__PURE__ */ p("label", {
       id: o,
       htmlFor: i,
-      className: as[r === void 0 ? "plain" : "withIcon"],
+      className: os[r === void 0 ? "plain" : "withIcon"],
       children: [r !== void 0 && /* @__PURE__ */ n("span", {
         "aria-hidden": "true",
         children: r
       }), e]
     }), /* @__PURE__ */ n("div", {
-      className: fn,
+      className: vn,
       children: /* @__PURE__ */ n(vt, {
         labelId: o,
         controlId: i,
@@ -2484,7 +2484,7 @@ var rs = ({ handle: e, children: t, controls: r, defaultExpandedSection: a = voi
       })
     })]
   });
-}, os = (e) => /* @__PURE__ */ n(L, {
+}, is = (e) => /* @__PURE__ */ n(L, {
   ...e,
   children: /* @__PURE__ */ n("g", {
     stroke: "currentColor",
@@ -2493,22 +2493,22 @@ var rs = ({ handle: e, children: t, controls: r, defaultExpandedSection: a = voi
     strokeLinejoin: "round",
     children: /* @__PURE__ */ n("path", { d: "m9 6 6 6-6 6" })
   })
-}), qe = "_40zvwv0", $e = "_40zvwv1", is = "_40zvwv2", Lt = "_40zvwv3", ls = "_40zvwv4 _40zvwv3";
-var ss = "_40zvwv6";
-var cs = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory: a, onOpenChange: o, children: i }) => t === "collapsible" ? /* @__PURE__ */ n(hs, {
+}), Ze = "_40zvwv0", qe = "_40zvwv1", ls = "_40zvwv2", Lt = "_40zvwv3", ss = "_40zvwv4 _40zvwv3";
+var cs = "_40zvwv6";
+var ds = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory: a, onOpenChange: o, children: i }) => t === "collapsible" ? /* @__PURE__ */ n(us, {
   title: e,
   preview: r,
   accessory: a,
   onOpenChange: o,
   children: i
-}) : t === "inline" && r === void 0 ? /* @__PURE__ */ n(ds, {
+}) : t === "inline" && r === void 0 ? /* @__PURE__ */ n(hs, {
   title: e,
   accessory: a,
   children: i
 }) : /* @__PURE__ */ p("div", {
-  className: qe,
+  className: Ze,
   children: [/* @__PURE__ */ p("div", {
-    className: $e,
+    className: qe,
     children: [
       /* @__PURE__ */ n("span", {
         className: Lt,
@@ -2524,21 +2524,21 @@ var cs = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
       })
     ]
   }), /* @__PURE__ */ n("div", { children: i })]
-}), ds = ({ title: e, accessory: t, children: r }) => {
+}), hs = ({ title: e, accessory: t, children: r }) => {
   const a = le(), o = le();
   return /* @__PURE__ */ n("div", {
-    className: qe,
+    className: Ze,
     children: /* @__PURE__ */ p("div", {
-      className: $e,
+      className: qe,
       children: [
         /* @__PURE__ */ n("label", {
           id: a,
           htmlFor: o,
-          className: ls,
+          className: ss,
           children: e
         }),
         /* @__PURE__ */ n("span", {
-          className: ss,
+          className: cs,
           children: /* @__PURE__ */ n(vt, {
             labelId: a,
             controlId: o,
@@ -2552,18 +2552,18 @@ var cs = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
       ]
     })
   });
-}, hs = ({ title: e, preview: t, accessory: r, onOpenChange: a, children: o }) => {
+}, us = ({ title: e, preview: t, accessory: r, onOpenChange: a, children: o }) => {
   const i = I();
   return /* @__PURE__ */ p(ue.Item, {
     value: e,
-    className: qe,
+    className: Ze,
     onOpenChange: a,
     children: [/* @__PURE__ */ p(ue.Header, {
-      className: $e,
+      className: qe,
       render: /* @__PURE__ */ n("div", {}),
       children: [
         /* @__PURE__ */ n(ue.Trigger, {
-          className: is,
+          className: ls,
           "aria-label": i("editor.accessibility.toggleSection", { title: e })
         }),
         /* @__PURE__ */ n("span", {
@@ -2579,14 +2579,14 @@ var cs = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
           children: r
         }),
         /* @__PURE__ */ n("span", {
-          className: cs,
-          children: /* @__PURE__ */ n(os, { size: "sm" })
+          className: ds,
+          children: /* @__PURE__ */ n(is, { size: "sm" })
         })
       ]
     }), /* @__PURE__ */ n(ue.Panel, { children: /* @__PURE__ */ n("div", { children: o }) })]
   });
-}, us = ({ title: e, isChecked: t, onToggle: r, isDisabled: a, preview: o, children: i }) => {
-  const { expandSection: l, collapseAllSections: c } = Jl(), { Switch: s } = M();
+}, ms = ({ title: e, isChecked: t, onToggle: r, isDisabled: a, preview: o, children: i }) => {
+  const { expandSection: l, collapseAllSections: c } = Ql(), { Switch: s } = M();
   return /* @__PURE__ */ n(D, {
     title: e,
     layout: "collapsible",
@@ -2604,147 +2604,147 @@ var cs = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
     }),
     children: i
   });
-}, ms = {
+}, ps = {
   horizontal: ["bottom", "top"],
   vertical: ["left", "right"]
-}, ps = {
+}, gs = {
   left: "editor.axesPanel.position.left",
   right: "editor.axesPanel.position.right",
   top: "editor.axesPanel.position.top",
   bottom: "editor.axesPanel.position.bottom"
-}, gs = {
+}, vs = {
   x: "editor.axesPanel.mainAxisSection.xAxis",
   y: "editor.axesPanel.mainAxisSection.yAxis"
-}, bn = ({ axis: e, title: t, layout: r = "collapsible", preview: a }) => {
+}, fn = ({ axis: e, title: t, layout: r = "collapsible", preview: a }) => {
   const o = O(), i = R(o), l = I(), { NumberField: c, Switch: s, TextField: h, ToggleGroup: d } = M();
   if (!i) return null;
-  const u = i.coordSystem.type === "polar" ? i.coordSystem.axisMapping[e].geometry : "linear", v = i.config.axes[e], m = i.scales[e], g = m?.spec, C = g?.scaleType === "continuous" ? g : void 0;
-  if (u === "circular" || u === "radial" && C === void 0) return null;
-  const P = g !== void 0 && "reverse" in g ? g : void 0, w = g?.scaleType === "continuous" || g?.scaleType === "datetime", b = e === "y" && C !== void 0 && i.layers.some((y) => y.yScaleType === "primary" && y.geom === "bar"), T = C?.transform === "log", x = C?.domainMax ?? null, N = vs(C), V = (y, $) => y.map((Ce) => ({
-    value: Ce,
-    label: $(Ce)
-  })), E = i.guides.axes.find((y) => y.scaleAestheticKey === e)?.position, B = ms[E === "bottom" || E === "top" || E === void 0 && e === "x" ? "horizontal" : "vertical"], A = i.guides.legends.drawn.some((y) => B.some(($) => $ === y.position)), S = B.map((y) => ({
+  const u = i.coordSystem.type === "polar" ? i.coordSystem.axisMapping[e].geometry : "linear", v = i.config.axes[e], m = i.scales[e], g = m?.spec, f = g?.scaleType === "continuous" ? g : void 0;
+  if (u === "circular" || u === "radial" && f === void 0) return null;
+  const P = g !== void 0 && "reverse" in g ? g : void 0, w = g?.scaleType === "continuous" || g?.scaleType === "datetime", b = e === "y" && f !== void 0 && i.layers.some((y) => y.yScaleType === "primary" && y.geom === "bar"), T = f?.transform === "log", x = f?.domainMax ?? null, N = fs(f), V = (y, $) => y.map((fe) => ({
+    value: fe,
+    label: $(fe)
+  })), k = i.guides.axes.find((y) => y.scaleAestheticKey === e)?.position, G = ps[k === "bottom" || k === "top" || k === void 0 && e === "x" ? "horizontal" : "vertical"], A = i.guides.legends.drawn.some((y) => G.some(($) => $ === y.position)), S = G.map((y) => ({
     value: y,
-    label: l(ps[y])
-  })), _ = V(["auto", "edges"], (y) => l(y === "edges" ? "editor.axesPanel.labelMode.edges" : "editor.axesPanel.labelMode.auto")), ee = V(["linear", "log"], (y) => l(y === "log" ? "editor.axesPanel.scale.log" : "editor.axesPanel.scale.auto")), Ot = V([
+    label: l(gs[y])
+  })), E = V(["auto", "edges"], (y) => l(y === "edges" ? "editor.axesPanel.labelMode.edges" : "editor.axesPanel.labelMode.auto")), Q = V(["linear", "log"], (y) => l(y === "log" ? "editor.axesPanel.scale.log" : "editor.axesPanel.scale.auto")), Ot = V([
     "auto",
     "zero",
     "custom"
-  ], (y) => l(y === "zero" ? "editor.axesPanel.startFrom.zero" : y === "custom" ? "editor.axesPanel.startFrom.custom" : "editor.axesPanel.startFrom.auto")), Mt = V(["auto", "custom"], (y) => l(y === "custom" ? "editor.axesPanel.endAt.custom" : "editor.axesPanel.endAt.auto")), Nt = V(["no", "yes"], (y) => l(y === "yes" ? "editor.axesPanel.yesNo.yes" : "editor.axesPanel.yesNo.no")), Et = (y) => {
-    o.commands.dispatch(new Ar({
+  ], (y) => l(y === "zero" ? "editor.axesPanel.startFrom.zero" : y === "custom" ? "editor.axesPanel.startFrom.custom" : "editor.axesPanel.startFrom.auto")), Mt = V(["auto", "custom"], (y) => l(y === "custom" ? "editor.axesPanel.endAt.custom" : "editor.axesPanel.endAt.auto")), Nt = V(["no", "yes"], (y) => l(y === "yes" ? "editor.axesPanel.yesNo.yes" : "editor.axesPanel.yesNo.no")), kt = (y) => {
+    o.commands.dispatch(new Or({
       axis: e,
       isVisible: y
     }));
-  }, kt = (y) => {
-    o.commands.dispatch(new Tr({
+  }, _t = (y) => {
+    o.commands.dispatch(new Lr({
       axis: e,
       label: y === "" ? null : y
     }), { transient: !0 });
-  }, _t = (y) => {
-    o.commands.dispatch(new Ir({
+  }, Et = (y) => {
+    o.commands.dispatch(new Ar({
       axis: e,
       isVisible: y
     }));
   }, Rt = (y) => {
-    o.commands.dispatch(new Pr({
+    o.commands.dispatch(new Ir({
       axis: e,
       tickMode: y === "edges" ? "edges" : "auto"
     }));
   }, Dt = (y) => {
-    o.commands.dispatch(new na({
+    o.commands.dispatch(new ta({
       scaledAesthetic: e,
       reverse: y === "yes"
     }));
   }, Ht = (y) => {
-    o.commands.dispatch(new ta({
+    o.commands.dispatch(new ra({
       scaledAesthetic: e,
       transform: y === "log" ? "log" : "linear"
     }));
-  }, je = (y) => {
-    o.commands.dispatch(new fe({
+  }, Ye = (y) => {
+    o.commands.dispatch(new Ce({
       scaledAesthetic: e,
       ...y
     }), { transient: !0 });
   }, Vt = (y) => {
-    y !== null && je({ domainMin: y });
+    y !== null && Ye({ domainMin: y });
   }, zt = (y) => {
-    y !== null && je({ domainMax: y });
+    y !== null && Ye({ domainMax: y });
   }, Ft = (y) => {
-    if (C) {
+    if (f) {
       if (y === "custom") {
-        C.zero && o.commands.dispatch(new rn({
+        f.zero && o.commands.dispatch(new nn({
           scaledAesthetic: e,
           zero: !1
-        })), o.commands.dispatch(new fe({
+        })), o.commands.dispatch(new Ce({
           scaledAesthetic: e,
-          domainMin: yn(m?.domain, "start")
+          domainMin: Cn(m?.domain, "start")
         }));
         return;
       }
-      C.domainMin !== null && o.commands.dispatch(new fe({
+      f.domainMin !== null && o.commands.dispatch(new Ce({
         scaledAesthetic: e,
         domainMin: null
-      })), o.commands.dispatch(new rn({
+      })), o.commands.dispatch(new nn({
         scaledAesthetic: e,
         zero: y === "zero"
       }));
     }
-  }, Bt = (y) => {
-    const $ = y === "custom" ? yn(m?.domain, "end") : null;
-    o.commands.dispatch(new fe({
+  }, Gt = (y) => {
+    const $ = y === "custom" ? Cn(m?.domain, "end") : null;
+    o.commands.dispatch(new Ce({
       scaledAesthetic: e,
       domainMax: $
     }));
-  }, Gt = (y) => {
-    const $ = B.find((Ce) => Ce === y);
-    $ && o.commands.dispatch(new Lr({
+  }, Bt = (y) => {
+    const $ = G.find((fe) => fe === y);
+    $ && o.commands.dispatch(new Pr({
       axis: e,
       position: $
     }));
   };
   return /* @__PURE__ */ n(D, {
-    title: t ?? l(gs[e]),
+    title: t ?? l(vs[e]),
     layout: r,
     preview: a,
     children: /* @__PURE__ */ p(F, { children: [
-      /* @__PURE__ */ n(f, {
+      /* @__PURE__ */ n(C, {
         label: l("editor.axesPanel.controls.visible"),
         children: /* @__PURE__ */ n(s, {
           isChecked: v.isVisible,
-          onChange: Et
+          onChange: kt
         })
       }),
-      u === "linear" && /* @__PURE__ */ p(G, { children: [/* @__PURE__ */ n(f, {
+      u === "linear" && /* @__PURE__ */ p(B, { children: [/* @__PURE__ */ n(C, {
         label: l("editor.axesPanel.controls.title"),
         children: /* @__PURE__ */ n(h, {
           value: v.label ?? "",
-          onChange: kt,
+          onChange: _t,
           onCommit: o.commands.seal
         })
-      }), /* @__PURE__ */ n(f, {
+      }), /* @__PURE__ */ n(C, {
         label: l("editor.axesPanel.controls.ticks"),
         children: /* @__PURE__ */ n(s, {
           isChecked: v.ticks.isVisible,
-          onChange: _t
+          onChange: Et
         })
       })] }),
-      w && /* @__PURE__ */ n(f, {
+      w && /* @__PURE__ */ n(C, {
         label: l("editor.axesPanel.controls.labels"),
         children: /* @__PURE__ */ n(d, {
           value: v.ticks.mode,
-          options: _,
+          options: E,
           onChange: Rt
         })
       }),
-      C && u === "linear" && !A && /* @__PURE__ */ n(f, {
+      f && u === "linear" && !A && /* @__PURE__ */ n(C, {
         label: l("editor.axesPanel.controls.position"),
         children: /* @__PURE__ */ n(d, {
-          value: E ?? v.position,
+          value: k ?? v.position,
           options: S,
-          onChange: Gt
+          onChange: Bt
         })
       }),
-      P !== void 0 && /* @__PURE__ */ n(f, {
+      P !== void 0 && /* @__PURE__ */ n(C, {
         label: l("editor.axesPanel.controls.reverse"),
         children: /* @__PURE__ */ n(d, {
           value: P.reverse === !0 ? "yes" : "no",
@@ -2752,39 +2752,39 @@ var cs = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
           onChange: Dt
         })
       }),
-      C && !b && /* @__PURE__ */ n(f, {
+      f && !b && /* @__PURE__ */ n(C, {
         label: l("editor.axesPanel.controls.scale"),
         children: /* @__PURE__ */ n(d, {
           value: T ? "log" : "linear",
-          options: ee,
+          options: Q,
           onChange: Ht
         })
       }),
-      C && !T && /* @__PURE__ */ p(G, { children: [
-        !b && /* @__PURE__ */ p(G, { children: [/* @__PURE__ */ n(f, {
+      f && !T && /* @__PURE__ */ p(B, { children: [
+        !b && /* @__PURE__ */ p(B, { children: [/* @__PURE__ */ n(C, {
           label: l("editor.axesPanel.controls.startFrom"),
           children: /* @__PURE__ */ n(d, {
             value: N,
             options: Ot,
             onChange: Ft
           })
-        }), N === "custom" && /* @__PURE__ */ n(f, {
+        }), N === "custom" && /* @__PURE__ */ n(C, {
           label: l("editor.axesPanel.controls.value"),
           children: /* @__PURE__ */ n(c, {
-            value: C.domainMin ?? null,
+            value: f.domainMin ?? null,
             onChange: Vt,
             onCommit: o.commands.seal
           })
         })] }),
-        /* @__PURE__ */ n(f, {
+        /* @__PURE__ */ n(C, {
           label: l("editor.axesPanel.controls.endAt"),
           children: /* @__PURE__ */ n(d, {
             value: x === null ? "auto" : "custom",
             options: Mt,
-            onChange: Bt
+            onChange: Gt
           })
         }),
-        x !== null && /* @__PURE__ */ n(f, {
+        x !== null && /* @__PURE__ */ n(C, {
           label: l("editor.axesPanel.controls.value"),
           children: /* @__PURE__ */ n(c, {
             value: x,
@@ -2795,12 +2795,12 @@ var cs = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
       ] })
     ] })
   });
-}, vs = (e) => e === void 0 ? "auto" : e.domainMin !== null && e.domainMin !== void 0 ? "custom" : e.zero === !0 ? "zero" : "auto", yn = (e, t) => {
+}, fs = (e) => e === void 0 ? "auto" : e.domainMin !== null && e.domainMin !== void 0 ? "custom" : e.zero === !0 ? "zero" : "auto", Cn = (e, t) => {
   const r = t === "start" ? e?.[0] : e?.[e.length - 1];
   return typeof r == "number" ? r : 0;
-}, Xe = ({ value: e, onChange: t }) => {
+}, $e = ({ value: e, onChange: t }) => {
   const r = O(), a = I(), { TextField: o } = M(), i = e !== null && typeof e != "string", l = (c) => t(c === "" ? null : c);
-  return /* @__PURE__ */ n(f, {
+  return /* @__PURE__ */ n(C, {
     label: a("editor.elementsPanel.contentValue"),
     children: /* @__PURE__ */ n(o, {
       value: typeof e == "string" ? e : "",
@@ -2818,24 +2818,24 @@ var cs = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
       isVisible: d
     }));
   }, h = (d) => {
-    a.commands.dispatch(new Er({ caption: d }), { transient: !0 });
+    a.commands.dispatch(new _r({ caption: d }), { transient: !0 });
   };
   return /* @__PURE__ */ n(D, {
     title: e ?? i("editor.elementsPanel.footerSection.caption"),
     layout: t,
     preview: r,
-    children: /* @__PURE__ */ p(F, { children: [/* @__PURE__ */ n(f, {
+    children: /* @__PURE__ */ p(F, { children: [/* @__PURE__ */ n(C, {
       label: i("editor.elementsPanel.contentVisible"),
       children: /* @__PURE__ */ n(l, {
         isChecked: c.isCaptionVisible,
         onChange: s
       })
-    }), /* @__PURE__ */ n(Xe, {
+    }), /* @__PURE__ */ n($e, {
       value: c.caption,
       onChange: h
     })] })
   });
-}, Sn = /^[a-z][a-z\d+.-]*:/i, fs = {}, bs = ({ title: e, layout: t = "collapsible", preview: r }) => {
+}, bn = /^[a-z][a-z\d+.-]*:/i, bs = {}, ys = ({ title: e, layout: t = "collapsible", preview: r }) => {
   const a = O(), o = R(a), i = I(), { Switch: l } = M();
   if (!o) return null;
   const c = o.config.content, s = (h) => {
@@ -2848,21 +2848,21 @@ var cs = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
     title: e ?? i("editor.elementsPanel.sourceSection.title"),
     layout: t,
     preview: r,
-    children: /* @__PURE__ */ p(F, { children: [/* @__PURE__ */ n(f, {
+    children: /* @__PURE__ */ p(F, { children: [/* @__PURE__ */ n(C, {
       label: i("editor.elementsPanel.contentVisible"),
       children: /* @__PURE__ */ n(l, {
         isChecked: c.isSourceVisible,
         onChange: s
       })
-    }), /* @__PURE__ */ n(ys, { source: c.source ?? fs })] })
+    }), /* @__PURE__ */ n(Ss, { source: c.source ?? bs })] })
   });
-}, ys = ({ source: e }) => {
+}, Ss = ({ source: e }) => {
   const t = O(), r = I(), { TextField: a } = M(), o = (s) => {
     const h = (s.label ?? "") !== "" || (s.url ?? "") !== "";
-    t.commands.dispatch(new kr({ source: h ? s : null }), { transient: !0 });
+    t.commands.dispatch(new Er({ source: h ? s : null }), { transient: !0 });
   }, i = () => {
     const s = e.url ?? "";
-    s !== "" && !Sn.test(s) && o({
+    s !== "" && !bn.test(s) && o({
       ...e,
       url: `https://${s}`
     }), t.commands.seal();
@@ -2873,15 +2873,15 @@ var cs = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
     ...e,
     label: s
   });
-  return /* @__PURE__ */ p(G, { children: [/* @__PURE__ */ n(f, {
+  return /* @__PURE__ */ p(B, { children: [/* @__PURE__ */ n(C, {
     label: r("editor.elementsPanel.sourceSection.url"),
     children: /* @__PURE__ */ n(a, {
       value: e.url ?? "",
       onChange: l,
       onCommit: i,
-      hasError: Sn.test(e.url ?? "") && !za(e.url)
+      hasError: bn.test(e.url ?? "") && !Fa(e.url)
     })
-  }), /* @__PURE__ */ n(f, {
+  }), /* @__PURE__ */ n(C, {
     label: r("editor.elementsPanel.sourceSection.name"),
     children: /* @__PURE__ */ n(a, {
       value: e.label ?? "",
@@ -2889,7 +2889,7 @@ var cs = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
       onCommit: t.commands.seal
     })
   })] });
-}, Ss = ({ title: e, layout: t = "collapsible", preview: r }) => {
+}, ws = ({ title: e, layout: t = "collapsible", preview: r }) => {
   const a = O(), o = R(a), i = I(), { Switch: l } = M();
   if (!o) return null;
   const c = o.config.content, s = (d) => {
@@ -2898,24 +2898,24 @@ var cs = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
       isVisible: d
     }));
   }, h = (d) => {
-    a.commands.dispatch(new _r({ subtitle: d }), { transient: !0 });
+    a.commands.dispatch(new Rr({ subtitle: d }), { transient: !0 });
   };
   return /* @__PURE__ */ n(D, {
     title: e ?? i("editor.elementsPanel.headerSection.subtitle"),
     layout: t,
     preview: r,
-    children: /* @__PURE__ */ p(F, { children: [/* @__PURE__ */ n(f, {
+    children: /* @__PURE__ */ p(F, { children: [/* @__PURE__ */ n(C, {
       label: i("editor.elementsPanel.contentVisible"),
       children: /* @__PURE__ */ n(l, {
         isChecked: c.isSubtitleVisible,
         onChange: s
       })
-    }), /* @__PURE__ */ n(Xe, {
+    }), /* @__PURE__ */ n($e, {
       value: c.subtitle,
       onChange: h
     })] })
   });
-}, Re = [
+}, Ee = [
   0.8,
   1,
   1.2,
@@ -2926,15 +2926,15 @@ var cs = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
   2.5,
   3,
   4
-], ws = Re.length / 2, xs = ({ title: e, layout: t = "collapsible", preview: r }) => {
+], xs = Ee.length / 2, Ts = ({ title: e, layout: t = "collapsible", preview: r }) => {
   const a = O(), o = R(a), i = I(), { RadioGrid: l } = M();
   if (!o) return null;
-  const { textScale: c } = o.config.appearance, s = (u) => i("editor.elementsPanel.textSizeSection.scaleFormat", { value: `${u}` }), h = Re.map((u) => ({
+  const { textScale: c } = o.config.appearance, s = (u) => i("editor.elementsPanel.textSizeSection.scaleFormat", { value: `${u}` }), h = Ee.map((u) => ({
     value: `${u}`,
     label: s(u)
   })), d = (u) => {
-    const v = Re.find((m) => `${m}` === u);
-    v !== void 0 && a.commands.dispatch(new xr({ textScale: v }));
+    const v = Ee.find((m) => `${m}` === u);
+    v !== void 0 && a.commands.dispatch(new Tr({ textScale: v }));
   };
   return /* @__PURE__ */ n(D, {
     title: e ?? i("editor.elementsPanel.textSizeSection.title"),
@@ -2943,12 +2943,12 @@ var cs = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
     children: /* @__PURE__ */ n(l, {
       value: `${c}`,
       options: h,
-      columns: ws,
+      columns: xs,
       onChange: d,
       ariaLabel: i("editor.elementsPanel.textSizeSection.title")
     })
   });
-}, Ts = ({ title: e, layout: t = "collapsible", preview: r }) => {
+}, Ls = ({ title: e, layout: t = "collapsible", preview: r }) => {
   const a = O(), o = R(a), i = I(), { Switch: l } = M();
   if (!o) return null;
   const c = o.config.content, s = (d) => {
@@ -2957,44 +2957,44 @@ var cs = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
       isVisible: d
     }));
   }, h = (d) => {
-    a.commands.dispatch(new Rr({ title: d }), { transient: !0 });
+    a.commands.dispatch(new Dr({ title: d }), { transient: !0 });
   };
   return /* @__PURE__ */ n(D, {
     title: e ?? i("editor.elementsPanel.headerSection.toggleTitle"),
     layout: t,
     preview: r,
-    children: /* @__PURE__ */ p(F, { children: [/* @__PURE__ */ n(f, {
+    children: /* @__PURE__ */ p(F, { children: [/* @__PURE__ */ n(C, {
       label: i("editor.elementsPanel.contentVisible"),
       children: /* @__PURE__ */ n(l, {
         isChecked: c.isTitleVisible,
         onChange: s
       })
-    }), /* @__PURE__ */ n(Xe, {
+    }), /* @__PURE__ */ n($e, {
       value: c.title,
       onChange: h
     })] })
   });
-}, d1 = ({ children: e, ...t }) => /* @__PURE__ */ n(Tt.Root, {
+}, h1 = ({ children: e, ...t }) => /* @__PURE__ */ n(Tt.Root, {
   ...t,
-  children: e ?? /* @__PURE__ */ p(G, { children: [
-    /* @__PURE__ */ n(Ts, {}),
-    /* @__PURE__ */ n(Ss, {}),
+  children: e ?? /* @__PURE__ */ p(B, { children: [
+    /* @__PURE__ */ n(Ls, {}),
+    /* @__PURE__ */ n(ws, {}),
     /* @__PURE__ */ n(Cs, {}),
-    /* @__PURE__ */ n(bs, {}),
-    /* @__PURE__ */ n(xs, {})
+    /* @__PURE__ */ n(ys, {}),
+    /* @__PURE__ */ n(Ts, {})
   ] })
-}), h1 = ({ children: e, ...t }) => /* @__PURE__ */ n(Tt.Root, {
+}), u1 = ({ children: e, ...t }) => /* @__PURE__ */ n(Tt.Root, {
   ...t,
-  children: e ?? /* @__PURE__ */ p(G, { children: [/* @__PURE__ */ n(bn, { axis: "x" }), /* @__PURE__ */ n(bn, { axis: "y" })] })
-}), Pe = (e) => `${e}px`, Pt = (e) => `${Math.round(e * 100)}%`, Ls = (e) => `${e}°`, Ps = 24, Is = { select: { target: "graph" } }, wn = ["dim", "desaturate"], u1 = ({ title: e, layout: t = "collapsible", preview: r }) => {
+  children: e ?? /* @__PURE__ */ p(B, { children: [/* @__PURE__ */ n(fn, { axis: "x" }), /* @__PURE__ */ n(fn, { axis: "y" })] })
+}), Pe = (e) => `${e}px`, Pt = (e) => `${Math.round(e * 100)}%`, Ps = (e) => `${e}°`, Is = 24, As = { select: { target: "graph" } }, yn = ["dim", "desaturate"], m1 = ({ title: e, layout: t = "collapsible", preview: r }) => {
   const a = O(), o = R(a), i = I(), { Slider: l, ToggleGroup: c } = M();
   if (!o) return null;
-  const s = Vn().chromeReaders(o.chrome).graph.get("borderRadius"), h = Ga(o.spec), d = wn.map((m) => ({
+  const s = Hn().chromeReaders(o.chrome).graph.get("borderRadius"), h = Ka(o.spec), d = yn.map((m) => ({
     value: m,
     label: i(m === "dim" ? "editor.highlighting.highlightStyle.tint" : "editor.highlighting.highlightStyle.grey")
   })), u = (m) => {
-    const g = Na(o.spec.styles.overrides, Is)?.declarations ?? {};
-    a.commands.dispatch(new aa({
+    const g = ka(o.spec.styles.overrides, As)?.declarations ?? {};
+    a.commands.dispatch(new oa({
       list: "overrides",
       rule: {
         select: { target: "graph" },
@@ -3005,25 +3005,25 @@ var cs = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
       }
     }), { transient: !0 });
   }, v = (m) => {
-    const g = wn.find((C) => C === m);
-    g && a.commands.dispatch(new Kr({ dimStyle: g }));
+    const g = yn.find((f) => f === m);
+    g && a.commands.dispatch(new Ur({ dimStyle: g }));
   };
   return /* @__PURE__ */ n(D, {
     title: e ?? i("editor.colorPanel.appearanceSection.title"),
     layout: t,
     preview: r,
-    children: /* @__PURE__ */ p(F, { children: [/* @__PURE__ */ n(f, {
+    children: /* @__PURE__ */ p(F, { children: [/* @__PURE__ */ n(C, {
       label: i("editor.colorPanel.borderSection.cornerRadius"),
       children: /* @__PURE__ */ n(l, {
         value: s,
         min: 0,
-        max: Ps,
+        max: Is,
         step: 1,
         formatValue: Pe,
         onChange: u,
         onCommit: a.commands.seal
       })
-    }), /* @__PURE__ */ n(f, {
+    }), /* @__PURE__ */ n(C, {
       label: i("editor.colorPanel.appearanceSection.highlightStyle"),
       children: /* @__PURE__ */ n(c, {
         value: h,
@@ -3032,31 +3032,31 @@ var cs = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
       })
     })] })
   });
-}, Ye = (e, t) => {
-  const { colorScheme: r } = Ve();
-  return k(() => {
+}, Xe = (e, t) => {
+  const { colorScheme: r } = He();
+  return _(() => {
     const a = e?.layers.find((o) => o.id === t);
-    return a === void 0 ? null : Vn({ colorScheme: r }).geomReaders(a);
+    return a === void 0 ? null : Hn({ colorScheme: r }).geomReaders(a);
   }, [
     e,
     t,
     r
   ]);
-}, As = 0.05, m1 = ({ title: e, layout: t = "collapsible", preview: r }) => {
-  const a = O(), o = R(a), i = I(), { Slider: l, ToggleGroup: c } = M(), s = o ? zn(o.spec.layers, "bar") : void 0, h = Ye(o, s?.id ?? null);
+}, Os = 0.05, p1 = ({ title: e, layout: t = "collapsible", preview: r }) => {
+  const a = O(), o = R(a), i = I(), { Slider: l, ToggleGroup: c } = M(), s = o ? Vn(o.spec.layers, "bar") : void 0, h = Xe(o, s?.id ?? null);
   if (!o || !s || o.coordSystem.type === "polar" && o.coordSystem.bandAxis === null) return null;
   const d = (m) => {
-    a.commands.dispatch(new Mr({
+    a.commands.dispatch(new Nr({
       layerId: s.id,
       width: m
     }), { transient: !0 });
   }, u = (m) => {
-    const g = Qe.find((C) => C === m);
-    g && a.commands.dispatch(new Or({
+    const g = je.find((f) => f === m);
+    g && a.commands.dispatch(new Mr({
       layerId: s.id,
       borderRadius: g
     }));
-  }, v = Qe.map((m) => ({
+  }, v = je.map((m) => ({
     value: m,
     label: i(`editor.graphPanel.barSection.roundingOptions.${m}`)
   }));
@@ -3064,22 +3064,22 @@ var cs = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
     title: e ?? i("editor.graphPanel.barSection.title"),
     layout: t,
     preview: r,
-    children: /* @__PURE__ */ p(F, { children: [/* @__PURE__ */ n(f, {
+    children: /* @__PURE__ */ p(F, { children: [/* @__PURE__ */ n(C, {
       label: i("editor.graphPanel.barSection.thickness"),
       children: /* @__PURE__ */ n(l, {
         value: s.params.width,
-        min: br,
-        max: fr,
-        step: As,
+        min: yr,
+        max: br,
+        step: Os,
         formatValue: Pt,
         onChange: d,
         onCommit: a.commands.seal
       })
-    }), /* @__PURE__ */ n(f, {
+    }), /* @__PURE__ */ n(C, {
       label: i("editor.graphPanel.barSection.rounding"),
       layout: "stack",
       children: /* @__PURE__ */ n(c, {
-        value: h?.get("borderRadius") ?? gr,
+        value: h?.get("borderRadius") ?? vr,
         options: v,
         onChange: u
       })
@@ -3087,7 +3087,7 @@ var cs = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
   });
 }, Ie = ({ children: e }) => {
   const t = le();
-  return /* @__PURE__ */ p(G, { children: [/* @__PURE__ */ n("g", {
+  return /* @__PURE__ */ p(B, { children: [/* @__PURE__ */ n("g", {
     filter: `url(#${t})`,
     children: e
   }), /* @__PURE__ */ n("defs", { children: /* @__PURE__ */ p("filter", {
@@ -3110,7 +3110,7 @@ var cs = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
       floodOpacity: "0.16"
     })]
   }) })] });
-}, Ae = "qdaoth0", Os = (e) => /* @__PURE__ */ p(L, {
+}, Ae = "qdaoth0", Ms = (e) => /* @__PURE__ */ p(L, {
   viewBox: "0 0 31 33",
   ...e,
   children: [/* @__PURE__ */ n(Ie, { children: /* @__PURE__ */ n("path", {
@@ -3122,7 +3122,7 @@ var cs = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
     fill: "currentColor",
     d: "M12.0591 7.11C11.5767 7.11 11.1857 6.71899 11.1857 6.23664C11.1857 5.7543 11.5767 5.36328 12.0591 5.36328H24.8684C25.3507 5.36328 25.7417 5.7543 25.7417 6.23664V19.0459C25.7417 19.5283 25.3507 19.9193 24.8684 19.9193C24.386 19.9193 23.995 19.5283 23.995 19.0459V8.34512L6.8542 25.4859C6.51313 25.827 5.96015 25.827 5.61908 25.4859C5.27801 25.1448 5.27801 24.5919 5.61908 24.2508L22.7599 7.11H12.0591Z"
   })]
-}), Ms = (e) => /* @__PURE__ */ n(L, {
+}), Ns = (e) => /* @__PURE__ */ n(L, {
   viewBox: "0 0 32 32",
   ...e,
   children: /* @__PURE__ */ p(Ie, { children: [/* @__PURE__ */ n("path", {
@@ -3132,7 +3132,7 @@ var cs = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
     fill: "currentColor",
     d: "M24.25 9C24.25 8.30964 23.6904 7.75 23 7.75H9C8.30964 7.75 7.75 8.30964 7.75 9V23C7.75 23.6904 8.30964 24.25 9 24.25H23C23.6904 24.25 24.25 23.6904 24.25 23V9ZM25.75 23C25.75 24.5188 24.5188 25.75 23 25.75H9C7.48122 25.75 6.25 24.5188 6.25 23V9C6.25 7.48122 7.48122 6.25 9 6.25H23C24.5188 6.25 25.75 7.48122 25.75 9V23Z"
   })] })
-}), Ns = (e) => /* @__PURE__ */ p(L, {
+}), ks = (e) => /* @__PURE__ */ p(L, {
   viewBox: "0 0 32 33",
   ...e,
   children: [/* @__PURE__ */ n(Ie, { children: /* @__PURE__ */ n("path", {
@@ -3146,7 +3146,7 @@ var cs = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
     clipRule: "evenodd",
     d: "M25.25 22C25.25 20.7574 24.2426 19.75 23 19.75C21.7574 19.75 20.75 20.7574 20.75 22C20.75 23.2426 21.7574 24.25 23 24.25C24.2426 24.25 25.25 23.2426 25.25 22ZM23 18.25C25.0711 18.25 26.75 19.9289 26.75 22C26.75 24.0711 25.0711 25.75 23 25.75C20.9289 25.75 19.25 24.0711 19.25 22C19.25 19.9289 20.9289 18.25 23 18.25ZM11.25 9C11.25 7.75736 10.2426 6.75 9 6.75C7.75736 6.75 6.75 7.75736 6.75 9C6.75 10.2426 7.75736 11.25 9 11.25C10.2426 11.25 11.25 10.2426 11.25 9ZM9.75 12.675C11.4617 12.3275 12.75 10.8142 12.75 9C12.75 6.92893 11.0711 5.25 9 5.25C6.92893 5.25 5.25 6.92893 5.25 9C5.25 10.8142 6.53832 12.3275 8.25 12.675L8.25 24C8.25 24.4142 8.58579 24.75 9 24.75L16 24.75C16.4142 24.75 16.75 24.4142 16.75 24L16.75 7.75L22.25 7.75L22.25 14.1893L21.0303 12.9697C20.7374 12.6768 20.2626 12.6768 19.9697 12.9697C19.6768 13.2626 19.6768 13.7374 19.9697 14.0303L22.4697 16.5303C22.7626 16.8232 23.2374 16.8232 23.5303 16.5303L26.0303 14.0303C26.3232 13.7374 26.3232 13.2626 26.0303 12.9697C25.7374 12.6768 25.2626 12.6768 24.9697 12.9697L23.75 14.1893L23.75 7C23.75 6.58579 23.4142 6.25 23 6.25L16 6.25C15.5858 6.25 15.25 6.58579 15.25 7L15.25 23.25L9.75 23.25L9.75 12.675Z"
   })]
-}), Es = (e) => /* @__PURE__ */ p(L, {
+}), _s = (e) => /* @__PURE__ */ p(L, {
   viewBox: "0 0 32 33",
   ...e,
   children: [/* @__PURE__ */ n(Ie, { children: /* @__PURE__ */ n("path", {
@@ -3156,53 +3156,53 @@ var cs = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
     fill: "currentColor",
     d: "M8.41371 5H20.7271C21.1595 5 21.5325 5 21.8398 5.02507C22.1641 5.05157 22.4867 5.11007 22.7971 5.26822C23.2601 5.50416 23.6366 5.88064 23.8726 6.3437C24.0307 6.65409 24.0892 6.97666 24.1157 7.30097C24.1408 7.60823 24.1408 7.98127 24.1408 8.41369V9.10155C24.1408 9.55465 23.7735 9.92195 23.3205 9.92195C22.8674 9.92195 22.5001 9.55465 22.5001 9.10155V8.44533C22.5001 7.97237 22.4995 7.66699 22.4805 7.43457C22.4623 7.21172 22.4314 7.12909 22.4107 7.08853C22.3321 6.93418 22.2066 6.80869 22.0522 6.73004C22.0117 6.70938 21.9291 6.67847 21.7062 6.66026C21.4738 6.64127 21.1684 6.64063 20.6954 6.64063H15.3907V24.6877H20.0392C20.4922 24.6877 20.8595 25.0549 20.8595 25.508C20.8595 25.961 20.4922 26.3283 20.0392 26.3283H9.10159C8.64854 26.3283 8.28127 25.961 8.28127 25.508C8.28127 25.0549 8.64854 24.6877 9.10159 24.6877H13.7501V6.64063H8.44533C7.97238 6.64063 7.66699 6.64127 7.43457 6.66026C7.21172 6.67847 7.1291 6.70938 7.08854 6.73004C6.93418 6.80869 6.80869 6.93418 6.73004 7.08853C6.70938 7.12909 6.67847 7.21172 6.66026 7.43457C6.64127 7.66699 6.64063 7.97237 6.64063 8.44533V9.10155C6.64063 9.55465 6.27337 9.92195 5.82032 9.92195C5.36727 9.92195 5 9.55465 5 9.10155V8.41371C5 7.98128 5 7.60823 5.02508 7.30097C5.05157 6.97666 5.11007 6.65409 5.26823 6.3437C5.50417 5.88064 5.88064 5.50416 6.3437 5.26822C6.65409 5.11007 6.97666 5.05157 7.30097 5.02507C7.60824 5 7.98129 5 8.41371 5Z"
   })]
-}), ks = {
+}), Es = {
   x: 0.5,
   y: 0.5
-}, _s = 0.2, Rs = {
+}, Rs = 0.2, Ds = {
   x: 0.375,
   y: 0.25,
   width: 0.25,
   height: 0.5
-}, Ds = {
+}, Hs = {
   fillColor: null,
   fillOpacity: 0.25,
   strokeWidth: 0,
   zOrder: "background"
-}, Hs = {
+}, Vs = {
   x: 0.4,
   y: 0.6
-}, Vs = {
+}, zs = {
   x: 0.6,
   y: 0.4
-}, zs = "relative-difference", p1 = ({ title: e, layout: t = "collapsible", preview: r }) => {
+}, Fs = "relative-difference", g1 = ({ title: e, layout: t = "collapsible", preview: r }) => {
   const a = O(), o = R(a), i = I(), { Button: l } = M();
   if (!o) return null;
   const c = () => {
     a.commands.dispatch(new Y({
       kind: "text",
       annotation: {
-        ...oa,
-        content: Fs(i("editor.annotatePanel.callOutSection.text")),
+        ...ia,
+        content: Gs(i("editor.annotatePanel.callOutSection.text")),
         at: {
           anchorType: "panel",
-          ...ks
+          ...Es
         },
-        width: _s
+        width: Rs
       }
     }));
   }, s = () => {
     a.commands.dispatch(new Y({
       kind: "arrow",
       annotation: {
-        ...ur,
+        ...mr,
         start: {
           anchorType: "panel",
-          ...Hs
+          ...Vs
         },
         end: {
           anchorType: "panel",
-          ...Vs
+          ...zs
         }
       }
     }));
@@ -3210,22 +3210,22 @@ var cs = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
     a.commands.dispatch(new Y({
       kind: "shape",
       annotation: {
-        ...wr,
-        ...Ds,
+        ...xr,
+        ...Hs,
         region: {
           anchorType: "panel",
-          ...Rs
+          ...Ds
         }
       }
     }));
   }, d = () => {
-    const v = Da(o);
+    const v = Ha(o);
     v !== null && a.commands.dispatch(new Y({
       kind: "differenceArrow",
       annotation: {
         ..._n,
         ...v,
-        label: zs
+        label: Fs
       }
     }));
   }, u = o.coordSystem.type === "cartesian";
@@ -3236,31 +3236,31 @@ var cs = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
     children: /* @__PURE__ */ p(wt, { children: [
       /* @__PURE__ */ n(l, {
         variant: "tile",
-        icon: /* @__PURE__ */ n(Es, { size: "xl" }),
+        icon: /* @__PURE__ */ n(_s, { size: "xl" }),
         label: i("editor.annotatePanel.callOutSection.text"),
         onClick: c
       }),
       /* @__PURE__ */ n(l, {
         variant: "tile",
-        icon: /* @__PURE__ */ n(Os, { size: "xl" }),
+        icon: /* @__PURE__ */ n(Ms, { size: "xl" }),
         label: i("editor.annotatePanel.callOutSection.arrow"),
         onClick: s
       }),
       /* @__PURE__ */ n(l, {
         variant: "tile",
-        icon: /* @__PURE__ */ n(Ms, { size: "xl" }),
+        icon: /* @__PURE__ */ n(Ns, { size: "xl" }),
         label: i("editor.annotatePanel.callOutSection.box"),
         onClick: h
       }),
       u && /* @__PURE__ */ n(l, {
         variant: "tile",
-        icon: /* @__PURE__ */ n(Ns, { size: "xl" }),
+        icon: /* @__PURE__ */ n(ks, { size: "xl" }),
         label: i("editor.annotatePanel.callOutSection.difference"),
         onClick: d
       })
     ] })
   });
-}, Fs = (e) => ({
+}, Gs = (e) => ({
   type: "doc",
   content: [{
     type: "paragraph",
@@ -3269,37 +3269,37 @@ var cs = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
       text: e
     }]
   }]
-}), Bs = 0.1, Gs = 20, g1 = ({ title: e, preview: t }) => {
+}), Bs = 0.1, Ks = 20, v1 = ({ title: e, preview: t }) => {
   const r = O(), a = R(r), o = I(), { NumberField: i, TextField: l } = M();
   if (!a || a.coordSystem.type === "polar") return null;
-  const c = Ia(a.spec.layers), s = e ?? o("editor.annotationsPanel.goalSection.title"), h = xa(c?.mapping.y), d = typeof h == "number" ? h : null, u = (g) => {
-    const C = new sa({
+  const c = Aa(a.spec.layers), s = e ?? o("editor.annotationsPanel.goalSection.title"), h = Ta(c?.mapping.y), d = typeof h == "number" ? h : null, u = (g) => {
+    const f = new ca({
       showGoalLine: g,
-      value: Ks(a),
+      value: Us(a),
       ...c !== void 0 && { layerId: c.id }
     });
-    r.commands.dispatch(C);
+    r.commands.dispatch(f);
   }, v = (g) => {
     if (c === void 0) return;
-    const C = new Qr({
+    const f = new ea({
       layerId: c.id,
       label: g === "" ? null : g
     });
-    r.commands.dispatch(C, { transient: !0 });
+    r.commands.dispatch(f, { transient: !0 });
   }, m = (g) => {
     if (c === void 0 || g === null) return;
-    const C = new ea({
+    const f = new na({
       layerId: c.id,
       value: g
     });
-    r.commands.dispatch(C, { transient: !0 });
+    r.commands.dispatch(f, { transient: !0 });
   };
-  return /* @__PURE__ */ n(us, {
+  return /* @__PURE__ */ n(ms, {
     title: s,
     preview: t,
     isChecked: c !== void 0,
     onToggle: u,
-    children: /* @__PURE__ */ p(F, { children: [/* @__PURE__ */ n(f, {
+    children: /* @__PURE__ */ p(F, { children: [/* @__PURE__ */ n(C, {
       label: o("editor.annotationsPanel.goalSection.labelControl"),
       children: /* @__PURE__ */ n(l, {
         value: c?.params.label ?? "",
@@ -3308,7 +3308,7 @@ var cs = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
         onCommit: r.commands.seal,
         ariaLabel: o("editor.annotationsPanel.goalSection.labelAriaLabel")
       })
-    }), /* @__PURE__ */ n(f, {
+    }), /* @__PURE__ */ n(C, {
       label: o("editor.annotationsPanel.goalSection.valueControl"),
       children: /* @__PURE__ */ n(i, {
         value: d,
@@ -3319,72 +3319,72 @@ var cs = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
       })
     })] })
   });
-}, Ks = (e) => {
+}, Us = (e) => {
   const t = (e.scales.y?.domain ?? []).filter((l) => typeof l == "number");
   if (t.length === 0) return 0;
   const r = Math.max(...t), a = r - Math.min(...t), o = a > 0 ? a : Math.abs(r);
   if (o === 0) return 0;
-  const i = Math.min(Gs, Math.max(0, 1 - Math.floor(Math.log10(o))));
+  const i = Math.min(Ks, Math.max(0, 1 - Math.floor(Math.log10(o))));
   return Number((r + o * Bs).toFixed(i));
-}, v1 = ({ layerId: e, title: t, layout: r = "collapsible", preview: a }) => {
+}, f1 = ({ layerId: e, title: t, layout: r = "collapsible", preview: a }) => {
   const o = O(), i = R(o), l = I(), { Switch: c } = M();
   if (!i) return null;
-  const s = e === void 0 ? i.spec.layers[0] : i.spec.layers.find((E) => E.id === e);
+  const s = e === void 0 ? i.spec.layers[0] : i.spec.layers.find((k) => k.id === e);
   if (!s) return null;
-  const { showDataLabels: h, format: d, showStackTotals: u, showCategoryLabels: v } = s.dataLabels, m = i.coordSystem.type === "polar", g = s.geom === "bar", C = s.position === "stack" || s.position === "fill", P = g && !m && s.position === "stack", w = g && (!m || h), b = g || s.geom === "area" && C;
-  if (!fa(s.geom, i.coordSystem.type)) return null;
-  const T = (E) => {
-    const B = new la({
+  const { showDataLabels: h, format: d, showStackTotals: u, showCategoryLabels: v } = s.dataLabels, m = i.coordSystem.type === "polar", g = s.geom === "bar", f = s.position === "stack" || s.position === "fill", P = g && !m && s.position === "stack", w = g && (!m || h), b = g || s.geom === "area" && f;
+  if (!ba(s.geom, i.coordSystem.type)) return null;
+  const T = (k) => {
+    const G = new sa({
       layerId: s.id,
-      showDataLabels: E
+      showDataLabels: k
     });
-    o.commands.dispatch(B);
-  }, x = (E) => {
-    const B = new Dr({
+    o.commands.dispatch(G);
+  }, x = (k) => {
+    const G = new Hr({
       layerId: s.id,
-      format: E ? "percentage" : "absolute"
+      format: k ? "percentage" : "absolute"
     });
-    o.commands.dispatch(B);
-  }, N = (E) => {
-    const B = new ha({
+    o.commands.dispatch(G);
+  }, N = (k) => {
+    const G = new ua({
       layerId: s.id,
-      showStackTotals: E
+      showStackTotals: k
     });
-    o.commands.dispatch(B);
-  }, V = (E) => {
-    const B = new ia({
+    o.commands.dispatch(G);
+  }, V = (k) => {
+    const G = new la({
       layerId: s.id,
-      showCategoryLabels: E
+      showCategoryLabels: k
     });
-    o.commands.dispatch(B);
+    o.commands.dispatch(G);
   };
   return /* @__PURE__ */ n(D, {
     title: t ?? l("editor.graphPanel.graphOptionsSection.title"),
     layout: r,
     preview: a,
     children: /* @__PURE__ */ p(F, { children: [
-      /* @__PURE__ */ n(f, {
+      /* @__PURE__ */ n(C, {
         label: l("editor.graphPanel.graphOptions.dataLabels"),
         children: /* @__PURE__ */ n(c, {
           isChecked: h,
           onChange: T
         })
       }),
-      h && b && /* @__PURE__ */ n(f, {
+      h && b && /* @__PURE__ */ n(C, {
         label: l("editor.graphPanel.graphOptions.showPercentages"),
         children: /* @__PURE__ */ n(c, {
           isChecked: d === "percentage",
           onChange: x
         })
       }),
-      P && /* @__PURE__ */ n(f, {
+      P && /* @__PURE__ */ n(C, {
         label: l("editor.graphPanel.graphOptions.stackTotals"),
         children: /* @__PURE__ */ n(c, {
           isChecked: u,
           onChange: N
         })
       }),
-      w && /* @__PURE__ */ n(f, {
+      w && /* @__PURE__ */ n(C, {
         label: l("editor.graphPanel.graphOptions.categoryLabels"),
         children: /* @__PURE__ */ n(c, {
           isChecked: v,
@@ -3393,7 +3393,7 @@ var cs = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
       })
     ] })
   });
-}, Us = (e) => /* @__PURE__ */ p(L, {
+}, Ws = (e) => /* @__PURE__ */ p(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: [/* @__PURE__ */ n("path", {
@@ -3405,7 +3405,7 @@ var cs = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
     fillOpacity: "0.3",
     d: "M5.744 5.565 0 11.826V8l5.744-6.957 4.718 2.087L16 0v6.957l-5.538 4z"
   })]
-}), Ws = (e) => /* @__PURE__ */ n(L, {
+}), Zs = (e) => /* @__PURE__ */ n(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: /* @__PURE__ */ p("g", {
@@ -3447,7 +3447,7 @@ var cs = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
       })
     ]
   })
-}), Zs = (e) => /* @__PURE__ */ n(L, {
+}), qs = (e) => /* @__PURE__ */ n(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: /* @__PURE__ */ p("g", {
@@ -3462,7 +3462,7 @@ var cs = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
       d: "M0 12.445h4.267V.52A.52.52 0 0 0 3.748 0H.518A.52.52 0 0 0 0 .519zM5.867 7.111h4.266V.52A.52.52 0 0 0 9.615 0h-3.23a.52.52 0 0 0-.518.519zM11.733 9.481H16V.52A.52.52 0 0 0 15.482 0h-3.23a.52.52 0 0 0-.519.519z"
     })]
   })
-}), qs = (e) => /* @__PURE__ */ n(L, {
+}), $s = (e) => /* @__PURE__ */ n(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: /* @__PURE__ */ p("g", {
@@ -3477,7 +3477,7 @@ var cs = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
       d: "M0 7.037c0-.286.232-.518.519-.518h3.23c.286 0 .518.232.518.518v5.408H0zM5.867 7.111h4.266V4.074a.52.52 0 0 0-.518-.518h-3.23a.52.52 0 0 0-.518.518zM11.733 9.481H16V.52A.52.52 0 0 0 15.482 0h-3.23a.52.52 0 0 0-.519.519z"
     })]
   })
-}), $s = (e) => /* @__PURE__ */ p(L, {
+}), Xs = (e) => /* @__PURE__ */ p(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -3516,7 +3516,7 @@ var cs = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
       rx: ".533"
     })
   ]
-}), Xs = (e) => /* @__PURE__ */ p(L, {
+}), Ys = (e) => /* @__PURE__ */ p(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: [/* @__PURE__ */ n("path", {
@@ -3528,7 +3528,7 @@ var cs = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
     fillOpacity: "0.3",
     d: "M0 12.445h4.267V.52A.52.52 0 0 0 3.748 0H.518A.52.52 0 0 0 0 .519zM5.867 7.111h4.266V.52A.52.52 0 0 0 9.615 0h-3.23a.52.52 0 0 0-.518.519zM11.733 9.481H16V.52A.52.52 0 0 0 15.482 0h-3.23a.52.52 0 0 0-.519.519z"
   })]
-}), Ys = (e) => /* @__PURE__ */ p(L, {
+}), js = (e) => /* @__PURE__ */ p(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: [/* @__PURE__ */ n("path", {
@@ -3540,7 +3540,7 @@ var cs = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
     fillOpacity: "0.3",
     d: "M0 7.037c0-.286.232-.518.519-.518h3.23c.286 0 .518.232.518.518v5.408H0zM5.867 7.111h4.266V4.074a.52.52 0 0 0-.518-.518h-3.23a.52.52 0 0 0-.518.518zM11.733 9.481H16V.52A.52.52 0 0 0 15.482 0h-3.23a.52.52 0 0 0-.519.519z"
   })]
-}), js = (e) => /* @__PURE__ */ n(L, {
+}), Js = (e) => /* @__PURE__ */ n(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: /* @__PURE__ */ p("g", {
@@ -3575,7 +3575,7 @@ var cs = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
       })
     ]
   })
-}), Js = (e) => /* @__PURE__ */ n(L, {
+}), Qs = (e) => /* @__PURE__ */ n(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: /* @__PURE__ */ p("g", {
@@ -3652,7 +3652,7 @@ var cs = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
       ]
     })]
   })
-}), Qs = (e) => /* @__PURE__ */ p(L, {
+}), ec = (e) => /* @__PURE__ */ p(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -3674,7 +3674,7 @@ var cs = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
       d: "M15.999 8a8 8 0 0 1-7.588 7.989l-.412.01V8z"
     })
   ]
-}), ec = (e) => /* @__PURE__ */ n(L, {
+}), nc = (e) => /* @__PURE__ */ n(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: /* @__PURE__ */ p("g", {
@@ -3718,10 +3718,10 @@ var cs = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
       })
     ]
   })
-}), nc = 0.55, De = [
+}), tc = 0.55, Re = [
   {
     name: "column",
-    icon: $s,
+    icon: Xs,
     summary: {
       coordType: "cartesian",
       geom: "bar",
@@ -3730,7 +3730,7 @@ var cs = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
   },
   {
     name: "columnStacked",
-    icon: Ys,
+    icon: js,
     summary: {
       coordType: "cartesian",
       geom: "bar",
@@ -3739,7 +3739,7 @@ var cs = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
   },
   {
     name: "columnStackedFill",
-    icon: Xs,
+    icon: Ys,
     summary: {
       coordType: "cartesian",
       geom: "bar",
@@ -3748,7 +3748,7 @@ var cs = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
   },
   {
     name: "bar",
-    icon: Ws,
+    icon: Zs,
     summary: {
       coordType: "flip",
       geom: "bar",
@@ -3757,7 +3757,7 @@ var cs = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
   },
   {
     name: "barStacked",
-    icon: qs,
+    icon: $s,
     summary: {
       coordType: "flip",
       geom: "bar",
@@ -3766,7 +3766,7 @@ var cs = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
   },
   {
     name: "barStackedFill",
-    icon: Zs,
+    icon: qs,
     summary: {
       coordType: "flip",
       geom: "bar",
@@ -3775,7 +3775,7 @@ var cs = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
   },
   {
     name: "line",
-    icon: Js,
+    icon: Qs,
     summary: {
       coordType: "cartesian",
       geom: "line",
@@ -3784,7 +3784,7 @@ var cs = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
   },
   {
     name: "areaStacked",
-    icon: Us,
+    icon: Ws,
     summary: {
       coordType: "cartesian",
       geom: "area",
@@ -3793,7 +3793,7 @@ var cs = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
   },
   {
     name: "scatter",
-    icon: ec,
+    icon: nc,
     summary: {
       coordType: "cartesian",
       geom: "point",
@@ -3802,7 +3802,7 @@ var cs = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
   },
   {
     name: "pie",
-    icon: Qs,
+    icon: ec,
     summary: {
       coordType: "polar",
       geom: "bar",
@@ -3813,31 +3813,31 @@ var cs = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
   },
   {
     name: "donut",
-    icon: js,
+    icon: Js,
     summary: {
       coordType: "polar",
       geom: "bar",
       position: "fill",
       theta: "y",
-      innerRadius: nc
+      innerRadius: tc
     }
   }
-], tc = 0.05, rc = (e) => e === null ? null : De.find((t) => oc(t.summary, e)) ?? null, ac = (e, t) => {
+], rc = 0.05, ac = (e) => e === null ? null : Re.find((t) => ic(t.summary, e)) ?? null, oc = (e, t) => {
   const { summary: r } = e;
   return r.coordType !== "polar" || !we(r.innerRadius) || t === null || t.coordType !== "polar" || !we(t.innerRadius) ? r : {
     ...r,
     innerRadius: t.innerRadius
   };
-}, oc = (e, t) => e.coordType !== t.coordType || e.geom !== t.geom || e.position !== t.position ? !1 : e.coordType !== "polar" || t.coordType !== "polar" ? !0 : e.theta === t.theta && we(e.innerRadius) === we(t.innerRadius), we = (e) => e >= tc, ic = 3, C1 = ({ title: e, layout: t = "collapsible", preview: r }) => {
-  const a = O(), o = R(a), i = I(), { RadioGrid: l } = M(), c = k(() => De.map(({ name: u, icon: v }) => ({
+}, ic = (e, t) => e.coordType !== t.coordType || e.geom !== t.geom || e.position !== t.position ? !1 : e.coordType !== "polar" || t.coordType !== "polar" ? !0 : e.theta === t.theta && we(e.innerRadius) === we(t.innerRadius), we = (e) => e >= rc, lc = 3, C1 = ({ title: e, layout: t = "collapsible", preview: r }) => {
+  const a = O(), o = R(a), i = I(), { RadioGrid: l } = M(), c = _(() => Re.map(({ name: u, icon: v }) => ({
     value: u,
     label: i(`editor.graphTypes.${u}`),
     icon: /* @__PURE__ */ n(v, { size: "md" })
   })), [i]);
   if (!o) return null;
-  const s = Ba(o.spec), h = rc(s), d = (u) => {
-    const v = De.find((m) => m.name === u);
-    v && a.commands.dispatch(new Nr(ac(v, s)));
+  const s = Ba(o.spec), h = ac(s), d = (u) => {
+    const v = Re.find((m) => m.name === u);
+    v && a.commands.dispatch(new kr(oc(v, s)));
   };
   return /* @__PURE__ */ n(D, {
     title: e ?? i("editor.graphPanel.graphTypeSection.title"),
@@ -3846,36 +3846,36 @@ var cs = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
     children: /* @__PURE__ */ n(l, {
       value: h?.name ?? "",
       options: c,
-      columns: ic,
+      columns: lc,
       onChange: d,
       ariaLabel: i("editor.graphPanel.graphTypeSection.title")
     })
   });
-}, xn = [
+}, Sn = [
   "solid",
   "dashed",
   "dotted"
-], lc = Number.parseFloat(cr.gridLineWidth), sc = 8, cc = 0, f1 = ({ title: e, layout: t = "collapsible", preview: r }) => {
-  const a = O(), o = R(a), i = I(), { Slider: l, Switch: c, ToggleGroup: s } = M(), { themeValues: h } = Ve();
+], sc = Number.parseFloat(dr.gridLineWidth), cc = 8, dc = 0, b1 = ({ title: e, layout: t = "collapsible", preview: r }) => {
+  const a = O(), o = R(a), i = I(), { Slider: l, Switch: c, ToggleGroup: s } = M(), { themeValues: h } = He();
   if (!o) return null;
-  const d = o.guides.axes.filter(dc);
+  const d = o.guides.axes.filter(hc);
   if (d.length === 0) return null;
-  const u = o.coordSystem.type !== "polar", v = d.some((b) => b.gridVisible), m = o.config.axes.y.grid, g = xn.map((b) => ({
+  const u = o.coordSystem.type !== "polar", v = d.some((b) => b.gridVisible), m = o.config.axes.y.grid, g = Sn.map((b) => ({
     value: b,
     label: i(`editor.graphPanel.gridSection.lineStyles.${b}`)
-  })), C = (b) => (T) => {
-    a.commands.dispatch(new zr({
+  })), f = (b) => (T) => {
+    a.commands.dispatch(new Fr({
       axis: b,
       isVisible: T
     }));
   }, P = (b) => {
-    const T = xn.find((x) => x === b);
-    T && a.commands.dispatch(new Hr({
+    const T = Sn.find((x) => x === b);
+    T && a.commands.dispatch(new Vr({
       axis: "both",
       lineStyle: T
     }));
   }, w = (b) => {
-    a.commands.dispatch(new Vr({
+    a.commands.dispatch(new zr({
       axis: "both",
       lineWidth: b
     }), { transient: !0 });
@@ -3884,25 +3884,25 @@ var cs = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
     title: e ?? i("editor.graphPanel.gridSection.title"),
     layout: t,
     preview: r,
-    children: /* @__PURE__ */ p(F, { children: [d.map((b) => /* @__PURE__ */ n(f, {
-      label: i(hc(b)),
+    children: /* @__PURE__ */ p(F, { children: [d.map((b) => /* @__PURE__ */ n(C, {
+      label: i(uc(b)),
       children: /* @__PURE__ */ n(c, {
         isChecked: b.gridVisible,
-        onChange: C(b.scaleAestheticKey)
+        onChange: f(b.scaleAestheticKey)
       })
-    }, b.scaleAestheticKey)), u && v && /* @__PURE__ */ p(G, { children: [/* @__PURE__ */ n(f, {
+    }, b.scaleAestheticKey)), u && v && /* @__PURE__ */ p(B, { children: [/* @__PURE__ */ n(C, {
       label: i("editor.graphPanel.gridSection.gridStyle"),
       children: /* @__PURE__ */ n(s, {
         value: m.lineStyle,
         options: g,
         onChange: P
       })
-    }), /* @__PURE__ */ n(f, {
+    }), /* @__PURE__ */ n(C, {
       label: i("editor.graphPanel.gridSection.gridThickness"),
       children: /* @__PURE__ */ n(l, {
-        value: m.lineWidth ?? Yt(h.gridLineWidth, lc),
-        min: cc,
-        max: sc,
+        value: m.lineWidth ?? jt(h.gridLineWidth, sc),
+        min: dc,
+        max: cc,
         step: 0.5,
         formatValue: Pe,
         onChange: w,
@@ -3910,27 +3910,27 @@ var cs = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
       })
     })] })] })
   });
-}, dc = (e) => e.scaleAestheticKey === "x" || e.scaleAestheticKey === "y", hc = (e) => e.geometry === "radial" ? "editor.graphPanel.gridSection.rings" : e.geometry === "circular" ? "editor.graphPanel.gridSection.spokes" : e.scaleAestheticKey === "x" ? "editor.graphPanel.gridSection.verticalGridLines" : "editor.graphPanel.gridSection.horizontalGridLines", uc = "total", It = [
+}, hc = (e) => e.scaleAestheticKey === "x" || e.scaleAestheticKey === "y", uc = (e) => e.geometry === "radial" ? "editor.graphPanel.gridSection.rings" : e.geometry === "circular" ? "editor.graphPanel.gridSection.spokes" : e.scaleAestheticKey === "x" ? "editor.graphPanel.gridSection.verticalGridLines" : "editor.graphPanel.gridSection.horizontalGridLines", mc = "total", It = [
   "total",
   "average",
   "current"
-], mc = ["total"], Tn = ["previous", "first"], Ln = [
+], pc = ["total"], wn = ["previous", "first"], xn = [
   "auto",
   "small",
   "medium",
   "large"
-], b1 = ({ title: e, layout: t = "collapsible", preview: r }) => {
+], y1 = ({ title: e, layout: t = "collapsible", preview: r }) => {
   const a = O(), o = R(a), i = I(), { Switch: l, ToggleGroup: c } = M();
   if (!o) return null;
   const s = o.config.headline, h = s.show !== "none", d = o.coordSystem, u = d.type === "polar", v = d.type === "polar" && d.innerRadius > 0, m = o.layers.some((S) => S.summary.grandTotal !== void 0);
   if (u && !m) return null;
-  const g = u ? mc : It, C = o.guides.headline, P = C?.kind === "perGroup" && C.items.some((S) => S.comparison !== null), w = g.map((S) => ({
+  const g = u ? pc : It, f = o.guides.headline, P = f?.kind === "perGroup" && f.items.some((S) => S.comparison !== null), w = g.map((S) => ({
     value: S,
     label: i(`editor.graphPanel.headlineNumberSection.metrics.${S}`)
-  })), b = Tn.map((S) => ({
+  })), b = wn.map((S) => ({
     value: S,
     label: i(`editor.graphPanel.headlineNumberSection.comparison.${S}`)
-  })), T = Ln.map((S) => ({
+  })), T = xn.map((S) => ({
     value: S,
     label: i(S === "auto" ? "editor.graphPanel.numberFormat.options.auto" : `editor.graphPanel.headlineNumberSize.sizes.${S}`)
   })), x = [{
@@ -3940,31 +3940,31 @@ var cs = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
     value: "center",
     label: i("editor.graphPanel.headlineNumberSection.position.center")
   }], N = (S) => {
-    a.commands.dispatch(new en({ show: S ? uc : "none" }));
+    a.commands.dispatch(new Je({ show: S ? mc : "none" }));
   }, V = (S) => {
-    const _ = g.find((ee) => ee === S);
-    _ && a.commands.dispatch(new en({ show: _ }));
-  }, E = (S) => {
-    const _ = Tn.find((ee) => ee === S);
-    _ && a.commands.dispatch(new Fr({ compareWith: _ }));
-  }, B = (S) => {
-    const _ = Ln.find((ee) => ee === S);
-    _ && a.commands.dispatch(new Gr({ size: _ }));
+    const E = g.find((Q) => Q === S);
+    E && a.commands.dispatch(new Je({ show: E }));
+  }, k = (S) => {
+    const E = wn.find((Q) => Q === S);
+    E && a.commands.dispatch(new Gr({ compareWith: E }));
+  }, G = (S) => {
+    const E = xn.find((Q) => Q === S);
+    E && a.commands.dispatch(new Kr({ size: E }));
   }, A = (S) => {
     a.commands.dispatch(new Br({ position: S === "center" ? "center" : "above" }));
   };
   return /* @__PURE__ */ n(D, {
     title: e ?? i("editor.graphPanel.headlineNumberSection.title"),
     layout: t,
-    preview: r ?? pc(i, s.show),
-    children: /* @__PURE__ */ p(F, { children: [/* @__PURE__ */ n(f, {
+    preview: r ?? gc(i, s.show),
+    children: /* @__PURE__ */ p(F, { children: [/* @__PURE__ */ n(C, {
       label: i("editor.graphPanel.headlineNumberSection.toggle"),
       children: /* @__PURE__ */ n(l, {
         isChecked: h,
         onChange: N
       })
-    }), h && /* @__PURE__ */ p(G, { children: [
-      w.length > 1 && /* @__PURE__ */ n(f, {
+    }), h && /* @__PURE__ */ p(B, { children: [
+      w.length > 1 && /* @__PURE__ */ n(C, {
         label: i("editor.graphPanel.headlineNumberSection.metricLabel"),
         layout: "stack",
         children: /* @__PURE__ */ n(c, {
@@ -3973,24 +3973,24 @@ var cs = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
           onChange: V
         })
       }),
-      P && /* @__PURE__ */ n(f, {
+      P && /* @__PURE__ */ n(C, {
         label: i("editor.graphPanel.headlineNumberSection.compareWithLabel"),
         layout: "stack",
         children: /* @__PURE__ */ n(c, {
-          value: Ka(s.compareWith),
+          value: Ua(s.compareWith),
           options: b,
-          onChange: E
+          onChange: k
         })
       }),
-      /* @__PURE__ */ n(f, {
+      /* @__PURE__ */ n(C, {
         label: i("editor.graphPanel.headlineNumberSize.sizeLabel"),
         children: /* @__PURE__ */ n(c, {
           value: s.size,
           options: T,
-          onChange: B
+          onChange: G
         })
       }),
-      v && /* @__PURE__ */ n(f, {
+      v && /* @__PURE__ */ n(C, {
         label: i("editor.axesPanel.controls.position"),
         children: /* @__PURE__ */ n(c, {
           value: s.position,
@@ -4000,7 +4000,7 @@ var cs = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
       })
     ] })] })
   });
-}, pc = (e, t) => {
+}, gc = (e, t) => {
   const r = It.find((a) => a === t);
   return r && e(`editor.graphPanel.headlineNumberSection.metrics.${r}`);
 }, Ne = [
@@ -4009,16 +4009,16 @@ var cs = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
   "left",
   "right",
   "none"
-], Pn = [
+], Tn = [
   "auto",
   "start",
   "center",
   "end"
-], In = [
+], Ln = [
   "auto",
   "pill",
   "direct"
-], y1 = ({ positions: e, title: t, layout: r = "collapsible", preview: a }) => {
+], S1 = ({ positions: e, title: t, layout: r = "collapsible", preview: a }) => {
   const o = O(), i = R(o), l = I(), { ToggleGroup: c } = M();
   if (!i) return null;
   const s = i.config.legend.position, h = e ?? Ne, d = i.guides.legends.drawn[0], u = Ca({
@@ -4027,40 +4027,40 @@ var cs = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
     layers: i.layers
   }), v = i.guides.headline?.kind === "perGroup", m = i.guides.colorGroups.length > 0;
   if (s === "auto" && d === void 0 && !u && (v || !m)) return null;
-  const g = d?.position ?? "none", C = s === "auto" ? g : s, P = Ne.filter((A) => A === C || h.includes(A)).map((A) => ({
+  const g = d?.position ?? "none", f = s === "auto" ? g : s, P = Ne.filter((A) => A === f || h.includes(A)).map((A) => ({
     value: A,
     label: l(`editor.graphPanel.legendSection.${A}`)
   })), w = (A) => {
-    const S = Ne.find((_) => _ === A);
-    S && o.commands.dispatch(new Zr({ position: S }));
+    const S = Ne.find((E) => E === A);
+    S && o.commands.dispatch(new qr({ position: S }));
   }, b = (A) => {
-    const S = Pn.find((_) => _ === A);
-    S && o.commands.dispatch(new Ur({ align: S }));
+    const S = Tn.find((E) => E === A);
+    S && o.commands.dispatch(new Wr({ align: S }));
   }, T = (A) => {
-    const S = In.find((_) => _ === A);
-    S && o.commands.dispatch(new Wr({ display: S }));
-  }, x = Pn.map((A) => ({
+    const S = Ln.find((E) => E === A);
+    S && o.commands.dispatch(new Zr({ display: S }));
+  }, x = Tn.map((A) => ({
     value: A,
     label: l(`editor.graphPanel.legendSection.align.${A}`)
-  })), N = In.map((A) => ({
+  })), N = Ln.map((A) => ({
     value: A,
     label: l(`editor.graphPanel.legendSection.display.${A}`)
-  })), V = t ?? l("editor.graphPanel.legendSection.title"), E = P.find((A) => A.value === C)?.label, B = d !== void 0;
+  })), V = t ?? l("editor.graphPanel.legendSection.title"), k = P.find((A) => A.value === f)?.label, G = d !== void 0;
   return /* @__PURE__ */ n(D, {
     title: V,
     layout: r,
-    preview: a ?? E,
+    preview: a ?? k,
     children: /* @__PURE__ */ p(F, { children: [
-      /* @__PURE__ */ n(f, {
+      /* @__PURE__ */ n(C, {
         label: l("editor.axesPanel.controls.position"),
         layout: "stack",
         children: /* @__PURE__ */ n(c, {
-          value: C,
+          value: f,
           options: P,
           onChange: w
         })
       }),
-      B && /* @__PURE__ */ n(f, {
+      G && /* @__PURE__ */ n(C, {
         label: l("editor.graphPanel.legendSection.alignLabel"),
         layout: "stack",
         children: /* @__PURE__ */ n(c, {
@@ -4069,7 +4069,7 @@ var cs = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
           onChange: b
         })
       }),
-      u && /* @__PURE__ */ n(f, {
+      u && /* @__PURE__ */ n(C, {
         label: l("editor.graphPanel.legendSection.displayLabel"),
         layout: "stack",
         children: /* @__PURE__ */ n(c, {
@@ -4080,69 +4080,69 @@ var cs = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
       })
     ] })
   });
-}, gc = 1, vc = 20, Cc = 0.5, At = ({ layerId: e }) => {
-  const t = O(), r = R(t), { Slider: a } = M(), o = Ye(r, e);
+}, vc = 1, fc = 20, Cc = 0.5, At = ({ layerId: e }) => {
+  const t = O(), r = R(t), { Slider: a } = M(), o = Xe(r, e);
   if (!r) return null;
   const i = (l) => {
-    const c = new Yr({
+    const c = new jr({
       layerId: e,
       size: l
     });
     t.commands.dispatch(c, { transient: !0 });
   };
   return /* @__PURE__ */ n(a, {
-    value: o?.get("size") ?? vr,
-    min: gc,
-    max: vc,
+    value: o?.get("size") ?? fr,
+    min: vc,
+    max: fc,
     step: Cc,
     formatValue: Pe,
     onChange: i,
     onCommit: t.commands.seal
   });
-}, fc = 1, bc = 10, yc = 0.1, Sc = [
+}, bc = 1, yc = 10, Sc = 0.1, wc = [
   "gap",
   "zero",
   "connect"
-], S1 = ({ title: e, layout: t = "collapsible", preview: r }) => {
-  const a = O(), o = R(a), i = I(), { Select: l, Slider: c, Switch: s, ToggleGroup: h } = M(), d = o?.spec.layers ?? [], u = zn(d, "line", "area"), v = Ye(o, u?.id ?? null);
+], w1 = ({ title: e, layout: t = "collapsible", preview: r }) => {
+  const a = O(), o = R(a), i = I(), { Select: l, Slider: c, Switch: s, ToggleGroup: h } = M(), d = o?.spec.layers ?? [], u = Vn(d, "line", "area"), v = Xe(o, u?.id ?? null);
   if (!o || !u) return null;
-  const m = o.coordSystem.type === "polar", g = Tc(i, u), C = xc(u, d), P = An(o.spec, u.geom, "strokeWidth", u.id), w = typeof P == "number", b = u.geom === "line" ? u : void 0, T = [{
+  const m = o.coordSystem.type === "polar", g = Lc(i, u), f = Tc(u, d), P = Pn(o.spec, u.geom, "strokeWidth", u.id), w = typeof P == "number", b = u.geom === "line" ? u : void 0, T = [{
     value: "auto",
     label: i("editor.graphPanel.numberFormat.options.auto")
   }, {
     value: "custom",
     label: i("editor.graphPanel.numberFormat.options.custom")
   }], x = (S) => {
-    a.commands.dispatch(new da({
+    a.commands.dispatch(new ha({
       layerId: u.id,
       showPoints: S
     }));
   }, N = (S) => {
-    b && a.commands.dispatch(new ca({
+    b && a.commands.dispatch(new da({
       layerId: b.id,
       showFill: S
     }));
   }, V = (S) => {
-    a.commands.dispatch(new qr({
+    a.commands.dispatch(new $r({
       layerId: u.id,
       interpolate: S ? "catmull-rom" : "linear"
     }));
-  }, E = (S) => {
-    const _ = v?.get("strokeWidth") ?? Cr;
-    a.commands.dispatch(new nn({
+  }, k = (S) => {
+    const E = v?.get("strokeWidth") ?? Cr;
+    a.commands.dispatch(new Qe({
       layerId: u.id,
-      lineWidth: S === "custom" ? _ : null
+      lineWidth: S === "custom" ? E : null
     }));
-  }, B = (S) => {
-    a.commands.dispatch(new nn({
+  }, G = (S) => {
+    a.commands.dispatch(new Qe({
       layerId: u.id,
       lineWidth: S
     }), { transient: !0 });
   }, A = (S) => {
-    const _ = wc(S);
-    _ && a.commands.dispatch(new $r({
+    const E = xc(S);
+    E && a.commands.dispatch(new Xr({
       layerId: u.id,
-      missingValues: _
+      missingValues: E
     }));
   };
   return /* @__PURE__ */ n(D, {
@@ -4150,52 +4150,52 @@ var cs = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
     layout: t,
     preview: r,
     children: /* @__PURE__ */ p(F, { children: [
-      /* @__PURE__ */ n(f, {
+      /* @__PURE__ */ n(C, {
         label: i("editor.graphPanel.graphOptions.showPoints"),
         children: /* @__PURE__ */ n(s, {
-          isChecked: C !== void 0,
+          isChecked: f !== void 0,
           onChange: x
         })
       }),
-      C && /* @__PURE__ */ n(f, {
+      f && /* @__PURE__ */ n(C, {
         label: i("editor.graphPanel.pointSize.label"),
-        children: /* @__PURE__ */ n(At, { layerId: C.id })
+        children: /* @__PURE__ */ n(At, { layerId: f.id })
       }),
-      b && !m && /* @__PURE__ */ n(f, {
+      b && !m && /* @__PURE__ */ n(C, {
         label: i("editor.graphPanel.graphOptions.lineFill"),
         children: /* @__PURE__ */ n(s, {
-          isChecked: An(o.spec, "line", "fillAlpha", b.id) !== void 0,
+          isChecked: Pn(o.spec, "line", "fillAlpha", b.id) !== void 0,
           onChange: N
         })
       }),
-      !m && /* @__PURE__ */ n(f, {
+      !m && /* @__PURE__ */ n(C, {
         label: i("editor.graphPanel.graphOptions.smoothLines"),
         children: /* @__PURE__ */ n(s, {
           isChecked: u.params.interpolate === "catmull-rom",
           onChange: V
         })
       }),
-      /* @__PURE__ */ n(f, {
+      /* @__PURE__ */ n(C, {
         label: i("editor.graphPanel.lineThickness.label"),
         children: /* @__PURE__ */ n(h, {
           value: w ? "custom" : "auto",
           options: T,
-          onChange: E
+          onChange: k
         })
       }),
-      w && /* @__PURE__ */ n(f, {
+      w && /* @__PURE__ */ n(C, {
         label: i("editor.graphPanel.numberFormat.valueLabel"),
         children: /* @__PURE__ */ n(c, {
           value: P,
-          min: fc,
-          max: bc,
-          step: yc,
+          min: bc,
+          max: yc,
+          step: Sc,
           formatValue: Pe,
-          onChange: B,
+          onChange: G,
           onCommit: a.commands.seal
         })
       }),
-      !m && g.length > 1 && /* @__PURE__ */ n(f, {
+      !m && g.length > 1 && /* @__PURE__ */ n(C, {
         label: i("editor.fineTunePanel.detailSection.missingValues"),
         children: /* @__PURE__ */ n(l, {
           value: u.params.missingValues,
@@ -4205,7 +4205,7 @@ var cs = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
       })
     ] })
   });
-}, wc = (e) => Sc.find((t) => t === e), An = (e, t, r, a) => Oa(e.styles.overrides, pa(t, a))?.[r], xc = (e, t) => ke(t, "point").find((r) => Fn(r, [e])), Tc = (e, t) => {
+}, xc = (e) => wc.find((t) => t === e), Pn = (e, t, r, a) => Ma(e.styles.overrides, ga(t, a))?.[r], Tc = (e, t) => ke(t, "point").find((r) => zn(r, [e])), Lc = (e, t) => {
   const r = [{
     value: "gap",
     label: e("editor.graphPanel.treatEmptyValues.leaveGap.label")
@@ -4217,7 +4217,7 @@ var cs = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
     value: "connect",
     label: e("editor.graphPanel.treatEmptyValues.connectGaps.label")
   }), t.geom === "area" ? r.filter((a) => a.value !== "gap") : r;
-}, Lc = "k", Pc = 2, Ic = 0, Ac = 5, He = [
+}, Pc = "k", Ic = 2, Ac = 0, Oc = 5, De = [
   {
     value: "k",
     labelKey: "thousands"
@@ -4230,34 +4230,34 @@ var cs = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
     value: "b",
     labelKey: "billions"
   }
-], Oc = ["auto", "none"], w1 = ({ title: e, layout: t = "collapsible", preview: r }) => {
+], Mc = ["auto", "none"], x1 = ({ title: e, layout: t = "collapsible", preview: r }) => {
   const a = O(), o = R(a), i = I(), { NumberField: l, ToggleGroup: c } = M();
   if (!o) return null;
-  const { abbreviation: s, decimals: h } = o.config.numberFormat, d = Mc(s) !== void 0, u = h !== "auto", v = (T) => T.map((x) => ({
+  const { abbreviation: s, decimals: h } = o.config.numberFormat, d = Nc(s) !== void 0, u = h !== "auto", v = (T) => T.map((x) => ({
     value: x,
     label: i(`editor.graphPanel.numberFormat.options.${x}`)
-  })), m = He.map(({ value: T, labelKey: x }) => ({
+  })), m = De.map(({ value: T, labelKey: x }) => ({
     value: T,
     label: i(`common.abbreviations.${x}`)
   })), g = (T) => {
-    a.commands.dispatch(new Xr({ abbreviation: T }));
-  }, C = (T) => {
-    const x = Oc.find((N) => N === T);
-    g(x ?? Lc);
+    a.commands.dispatch(new Yr({ abbreviation: T }));
+  }, f = (T) => {
+    const x = Mc.find((N) => N === T);
+    g(x ?? Pc);
   }, P = (T) => {
-    const x = He.find((N) => N.value === T);
+    const x = De.find((N) => N.value === T);
     x && g(x.value);
   }, w = (T) => {
-    a.commands.dispatch(new tn({ decimals: T === "custom" ? Pc : "auto" }));
+    a.commands.dispatch(new en({ decimals: T === "custom" ? Ic : "auto" }));
   }, b = (T) => {
-    T !== null && a.commands.dispatch(new tn({ decimals: T }), { transient: !0 });
+    T !== null && a.commands.dispatch(new en({ decimals: T }), { transient: !0 });
   };
   return /* @__PURE__ */ n(D, {
     title: e ?? i("editor.graphPanel.numberFormatSection.title"),
     layout: t,
     preview: r,
     children: /* @__PURE__ */ p(F, { children: [
-      /* @__PURE__ */ n(f, {
+      /* @__PURE__ */ n(C, {
         label: i("editor.graphPanel.numberFormat.abbreviationLabel"),
         children: /* @__PURE__ */ n(c, {
           value: d ? "custom" : s,
@@ -4266,10 +4266,10 @@ var cs = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
             "none",
             "custom"
           ]),
-          onChange: C
+          onChange: f
         })
       }),
-      d && /* @__PURE__ */ n(f, {
+      d && /* @__PURE__ */ n(C, {
         label: i("editor.graphPanel.numberFormat.valueLabel"),
         children: /* @__PURE__ */ n(c, {
           value: s,
@@ -4277,7 +4277,7 @@ var cs = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
           onChange: P
         })
       }),
-      /* @__PURE__ */ n(f, {
+      /* @__PURE__ */ n(C, {
         label: i("editor.graphPanel.numberFormat.decimalPlacesLabel"),
         children: /* @__PURE__ */ n(c, {
           value: u ? "custom" : "auto",
@@ -4285,71 +4285,71 @@ var cs = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
           onChange: w
         })
       }),
-      u && /* @__PURE__ */ n(f, {
+      u && /* @__PURE__ */ n(C, {
         label: i("editor.graphPanel.numberFormat.valueLabel"),
         children: /* @__PURE__ */ n(l, {
           value: h,
-          min: Ic,
-          max: Ac,
+          min: Ac,
+          max: Oc,
           onChange: b,
           onCommit: a.commands.seal
         })
       })
     ] })
   });
-}, Mc = (e) => He.find((t) => t.value === e), x1 = ({ title: e, layout: t = "collapsible", preview: r }) => {
+}, Nc = (e) => De.find((t) => t.value === e), T1 = ({ title: e, layout: t = "collapsible", preview: r }) => {
   const a = R(O()), o = I();
   if (!a) return null;
-  const i = Nc(a.spec.layers);
+  const i = kc(a.spec.layers);
   return i ? /* @__PURE__ */ n(D, {
     title: e ?? o("editor.graphPanel.pointSize.label"),
     layout: t,
     preview: r,
-    children: /* @__PURE__ */ n(F, { children: /* @__PURE__ */ n(f, {
+    children: /* @__PURE__ */ n(F, { children: /* @__PURE__ */ n(C, {
       label: o("editor.graphPanel.numberFormat.valueLabel"),
       children: /* @__PURE__ */ n(At, { layerId: i.id })
     }) })
   }) : null;
-}, Nc = (e) => {
+}, kc = (e) => {
   const t = ke(e, "line", "area");
-  return ke(e, "point").find((r) => !Fn(r, t));
-}, Ec = 0.9, kc = 360, _c = 0.05, Rc = 15, T1 = ({ title: e, layout: t = "collapsible", preview: r }) => {
+  return ke(e, "point").find((r) => !zn(r, t));
+}, _c = 0.9, Ec = 360, Rc = 0.05, Dc = 15, L1 = ({ title: e, layout: t = "collapsible", preview: r }) => {
   const a = O(), o = R(a), i = I(), { Slider: l } = M();
   if (!o || o.spec.coords.coordType !== "polar") return null;
   const { innerRadius: c, startAngle: s } = o.spec.coords.params, h = (u) => {
-    a.commands.dispatch(new jr({ innerRadius: u }), { transient: !0 });
+    a.commands.dispatch(new Jr({ innerRadius: u }), { transient: !0 });
   }, d = (u) => {
-    a.commands.dispatch(new Jr({ startAngle: u }), { transient: !0 });
+    a.commands.dispatch(new Qr({ startAngle: u }), { transient: !0 });
   };
   return /* @__PURE__ */ n(D, {
     title: e ?? i("editor.graphPanel.polarSection.title"),
     layout: t,
     preview: r,
-    children: /* @__PURE__ */ p(F, { children: [/* @__PURE__ */ n(f, {
+    children: /* @__PURE__ */ p(F, { children: [/* @__PURE__ */ n(C, {
       label: i("editor.graphPanel.polarSection.innerRadius"),
       children: /* @__PURE__ */ n(l, {
         value: c,
         min: 0,
-        max: Ec,
-        step: _c,
+        max: _c,
+        step: Rc,
         formatValue: Pt,
         onChange: h,
         onCommit: a.commands.seal
       })
-    }), /* @__PURE__ */ n(f, {
+    }), /* @__PURE__ */ n(C, {
       label: i("editor.graphPanel.polarSection.startAngle"),
       children: /* @__PURE__ */ n(l, {
         value: s,
         min: 0,
-        max: kc - 1,
-        step: Rc,
-        formatValue: Ls,
+        max: Ec - 1,
+        step: Dc,
+        formatValue: Ps,
         onChange: d,
         onCommit: a.commands.seal
       })
     })] })
   });
-}, Dc = (e) => /* @__PURE__ */ p(L, {
+}, Hc = (e) => /* @__PURE__ */ p(L, {
   ...e,
   children: [
     /* @__PURE__ */ n("path", {
@@ -4372,7 +4372,7 @@ var cs = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
       fill: "currentColor"
     })
   ]
-}), On = (e) => /* @__PURE__ */ p(L, {
+}), In = (e) => /* @__PURE__ */ p(L, {
   ...e,
   children: [
     /* @__PURE__ */ n("path", {
@@ -4395,14 +4395,14 @@ var cs = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
       fill: "currentColor"
     })
   ]
-}), Hc = (e) => k(() => {
+}), Vc = (e) => _(() => {
   if (e === null) return {
     options: [],
     findValue: () => {
     }
   };
   const { parsingLocale: t, numberFormat: r } = e.config, a = e.guides.colorGroups.map((o) => {
-    const i = wa({
+    const i = xa({
       valueFormat: o.valueFormat,
       locale: t,
       numberFormat: r
@@ -4419,7 +4419,7 @@ var cs = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
     options: a.map(({ option: o }) => o),
     findValue: (o) => a.find((i) => i.option.value === o)?.value
   };
-}, [e]), Mn = [
+}, [e]), An = [
   "linear",
   "exponential",
   "quadratic",
@@ -4427,41 +4427,41 @@ var cs = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
   "logarithmic",
   "power",
   "loess"
-], Vc = "linear", L1 = ({ title: e, layout: t = "collapsible", preview: r }) => {
-  const a = O(), o = R(a), i = I(), { Select: l, Switch: c } = M(), { options: s, findValue: h } = Hc(o);
+], zc = "linear", P1 = ({ title: e, layout: t = "collapsible", preview: r }) => {
+  const a = O(), o = R(a), i = I(), { Select: l, Switch: c } = M(), { options: s, findValue: h } = Vc(o);
   if (!o || o.coordSystem.type === "polar") return null;
-  const d = Ea(o.spec.layers), u = Pa(o.spec.layers), v = d?.stat.type === "smooth" ? d.stat.method : Vc, m = zc(u), g = Mn.map((x) => ({
+  const d = _a(o.spec.layers), u = Ia(o.spec.layers), v = d?.stat.type === "smooth" ? d.stat.method : zc, m = Fc(u), g = An.map((x) => ({
     value: x,
     label: i(`editor.annotationsPanel.trendType.options.${x}`)
-  })), C = (x, N = {}) => {
-    const V = d ?? u, E = new ra({
+  })), f = (x, N = {}) => {
+    const V = d ?? u, k = new aa({
       line: x,
       ...N,
       ...V !== void 0 && { layerId: V.id },
       label: i("editor.annotationsPanel.trendsAndAveragesSection.average")
     });
-    a.commands.dispatch(E);
-  }, P = (x) => C(x ? "trend" : "none", { method: v }), w = (x) => C(x ? "average" : "none", { group: m ?? h(s[0]?.value ?? "") }), b = (x) => {
-    const N = Mn.find((V) => V === x);
-    N !== void 0 && C("trend", { method: N });
+    a.commands.dispatch(k);
+  }, P = (x) => f(x ? "trend" : "none", { method: v }), w = (x) => f(x ? "average" : "none", { group: m ?? h(s[0]?.value ?? "") }), b = (x) => {
+    const N = An.find((V) => V === x);
+    N !== void 0 && f("trend", { method: N });
   }, T = (x) => {
     const N = x === null ? void 0 : h(x);
-    N !== void 0 && C("average", { group: N });
+    N !== void 0 && f("average", { group: N });
   };
   return /* @__PURE__ */ n(D, {
     title: e ?? i("editor.annotationsPanel.trendsAndAveragesSection.title"),
     layout: t,
-    preview: r ?? /* @__PURE__ */ n(On, { size: "lg" }),
+    preview: r ?? /* @__PURE__ */ n(In, { size: "lg" }),
     children: /* @__PURE__ */ p(F, { children: [
-      /* @__PURE__ */ n(f, {
+      /* @__PURE__ */ n(C, {
         label: i("editor.annotationsPanel.trendsAndAveragesSection.trend"),
-        icon: /* @__PURE__ */ n(On, { size: "lg" }),
+        icon: /* @__PURE__ */ n(In, { size: "lg" }),
         children: /* @__PURE__ */ n(c, {
           isChecked: d !== void 0,
           onChange: P
         })
       }),
-      d !== void 0 && /* @__PURE__ */ n(f, {
+      d !== void 0 && /* @__PURE__ */ n(C, {
         label: i("editor.annotationsPanel.trendType.label"),
         children: /* @__PURE__ */ n(l, {
           value: v,
@@ -4470,15 +4470,15 @@ var cs = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
           placeholder: i("editor.annotationsPanel.trendType.placeholder")
         })
       }),
-      /* @__PURE__ */ n(f, {
+      /* @__PURE__ */ n(C, {
         label: i("editor.annotationsPanel.trendsAndAveragesSection.average"),
-        icon: /* @__PURE__ */ n(Dc, { size: "lg" }),
+        icon: /* @__PURE__ */ n(Hc, { size: "lg" }),
         children: /* @__PURE__ */ n(c, {
           isChecked: u !== void 0,
           onChange: w
         })
       }),
-      u !== void 0 && s.length > 0 && /* @__PURE__ */ n(f, {
+      u !== void 0 && s.length > 0 && /* @__PURE__ */ n(C, {
         label: i("editor.annotationsPanel.averageLineSeries.label"),
         children: /* @__PURE__ */ n(l, {
           value: m === void 0 ? null : String(m),
@@ -4490,49 +4490,49 @@ var cs = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
       })
     ] })
   });
-}, zc = (e) => {
+}, Fc = (e) => {
   const t = e?.transforms.find((r) => r.transformType === "filter")?.options.value;
   return t instanceof Date ? t.getTime() : t;
 };
 export {
-  u1 as AppearanceSection,
-  h1 as AxesPanel,
-  bn as AxisSection,
-  m1 as BarSection,
-  dl as Button,
-  p1 as CalloutsSection,
+  m1 as AppearanceSection,
+  u1 as AxesPanel,
+  fn as AxisSection,
+  p1 as BarSection,
+  hl as Button,
+  g1 as CalloutsSection,
   Cs as CaptionSection,
-  c1 as EditableGraphRenderer,
+  d1 as EditableGraphRenderer,
   Tt as EditorPanel,
-  d1 as ElementsPanel,
-  g1 as GoalSection,
-  v1 as GraphOptionsSection,
+  h1 as ElementsPanel,
+  v1 as GoalSection,
+  f1 as GraphOptionsSection,
   C1 as GraphTypeSection,
-  f1 as GridSection,
-  b1 as HeadlineSection,
-  Kc as IntlProvider,
-  y1 as LegendSection,
-  S1 as LineSection,
-  pl as NumberField,
-  w1 as NumberFormatSection,
-  es as PANEL_ROOT_ATTRIBUTE,
-  x1 as PointSection,
-  T1 as PolarSection,
-  fl as RadioGrid,
-  f as Row,
+  b1 as GridSection,
+  y1 as HeadlineSection,
+  Uc as IntlProvider,
+  S1 as LegendSection,
+  w1 as LineSection,
+  gl as NumberField,
+  x1 as NumberFormatSection,
+  ns as PANEL_ROOT_ATTRIBUTE,
+  T1 as PointSection,
+  L1 as PolarSection,
+  bl as RadioGrid,
+  C as Row,
   D as Section,
-  Il as Select,
-  Dl as Slider,
-  bs as SourceSection,
-  Ss as SubtitleSection,
-  Fl as Switch,
-  Kl as TextField,
-  xs as TextSizeSection,
-  Ts as TitleSection,
-  Zl as ToggleGroup,
-  us as ToggledSection,
-  L1 as TrendsAndAveragesSection,
+  Al as Select,
+  Hl as Slider,
+  ys as SourceSection,
+  ws as SubtitleSection,
+  Gl as Switch,
+  Ul as TextField,
+  Ts as TextSizeSection,
+  Ls as TitleSection,
+  ql as ToggleGroup,
+  ms as ToggledSection,
+  P1 as TrendsAndAveragesSection,
   M as useControls,
-  Jl as usePanelExpansion,
+  Ql as usePanelExpansion,
   O as usePanelGraph
 };