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

package/dist/editable.mjs

@@ -1,36 +1,36 @@
-import { A as Je, B as Ve, D as W, E as te, F as Gt, J as ze, K as Kt, L as Ut, M as Nn, O as J, P as Wt, Q as ne, R as ge, T as Zt, U as Bc, W as I, Z as Fe, _ as qt, b as X, c as $t, ct as Xt, d as jt, dt as Yt, 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, v as xe, w as cr, x as re, y as L } from "./history-chords-D_Rvl7hX.js";
-import { g as dr } from "./font-values-BZDSyJGS.js";
-import { ARROW_DEFAULTS as hr, AddAnnotationCommand as j, AddHighlightCommand as ur, BORDER_RADIUS_TOKENS as Qe, CONSTANT_VARIABLES as mr, DEFAULT_BAR_BORDER_RADIUS as pr, DEFAULT_POINT_SIZE as gr, DEFAULT_STROKE_WIDTH as vr, DIFFERENCE_ARROW_DEFAULTS as _n, MAX_BAR_WIDTH as Cr, MIN_BAR_WIDTH as fr, MoveAnnotationCommand as br, RESTING_HOVER_STATE as Rn, RemoveAnnotationCommand as Be, RemoveHighlightCommand as yr, SHAPE_DEFAULTS as Sr, SetAppearanceCornerRadiusCommand 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 jr, SetPolarInnerRadiusCommand as Yr, SetPolarStartAngleCommand as Jr, SetRuleLabelCommand as Qr, SetRuleValueCommand as ea, SetScaleDomainCommand as fe, SetScaleReverseCommand as na, SetScaleTransformCommand as ta, SetScaleZeroCommand as rn, SetStatLineCommand as ra, TEXT_ANNOTATION_DEFAULTS as aa, ToggleCategoryLabelsCommand as oa, ToggleContentVisibilityCommand as Te, ToggleDataLabelsCommand as ia, ToggleGoalLineCommand as la, ToggleLineFillCommand as sa, ToggleLinePointsVisibilityCommand as ca, ToggleStackTotalsCommand as da, UpdateAnnotationCommand as Dn, areAnchorsEqual as Hn, areEndpointsComparable as ha, buildEditMenuTriggerRegion as ua, buildLayerStyleAddress as ma, buildObservationAnchor as pa, buildObservationPredicate as ga, canAnchorDirectLabels as va, canPlaceDataLabels as Ca, clampAnnotationTranslation as fa, computeArrow as ba, createObservationAnchorParser as ya, createStyleResolver as Sa, createValueFormatter as wa, extractConstantValue as xa, extractVariableName as Ta, filterLayersByGeoms as ke, findAnnotation as La, findAverageLineLayer as Pa, findGoalLineLayer as Ia, findHighlightsAtObservation as Aa, findLayerByGeom as Vn, findObservationAttachment as Oa, findStyleRule as Ma, findTrendLineLayer as Na, formatDifferenceLabel as Ea, getColor as ka, hasMultipleGroups as _a, inferDefaultDifferenceArrowEndpoints as Ra, inferDifferenceArrowEndpoints as Da, isCompanionLayer as zn, isObservationAttachmentKind as Ha, isPointWithinEditMenuTrigger as Fn, isSafeUrl as Va, projectAnchorToPanel as za, readChartType as Fa, readHighlightDimStyle as Ba, resolveComparisonBasis as Ga, resolveObservationPoint as _e, stepDifferenceArrowEndpoint as Ka, toPanelCursor as Ge } from "@graphysdk/viz-engine";
+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 Ua } from "react-dom";
+import { createPortal as Wa } from "react-dom";
 import se from "clsx";
-import { assignInlineVars as Bn } from "@vanilla-extract/dynamic";
+import { assignInlineVars as Gn } from "@vanilla-extract/dynamic";
 import { Menu as z } from "@base-ui/react/menu";
-import { Menu as Y } from "@base-ui/react";
+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 Gn } from "@base-ui/react/radio";
-import { RadioGroup as Kn } from "@base-ui/react/radio-group";
+import { Radio as Kn } from "@base-ui/react/radio";
+import { RadioGroup as Un } 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 Wa } from "@base-ui/react/input";
-import './editable.css';var Za = "data-graphy-chart-chrome", qa = "data-graphy-chart-menu", Un = { [qa]: "" }, Se = (e) => ({ [Za]: e }), Wn = (e, t) => e instanceof Element && e.closest(`[data-graphy-chart-chrome="${CSS.escape(t)}"]`) !== null, $a = (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({
+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({
   x: e.clientX - t.x,
   y: e.clientY - t.y
-}, r), me = (e, t, r) => e instanceof Node && (t.contains(e) || Wn(e, r)), Xa = "cml7ha0", $n = ve(null), ja = ({ children: e }) => {
+}, 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: [Ua(/* @__PURE__ */ n("div", {
+  return r === null ? null : /* @__PURE__ */ p(G, { children: [Wa(/* @__PURE__ */ n("div", {
     ref: o,
-    className: Xa,
+    className: Ya,
     ...Se(t)
-  }), r), /* @__PURE__ */ n($n.Provider, {
+  }), r), /* @__PURE__ */ n(Xn.Provider, {
     value: a,
     children: e
   })] });
-}, Ue = () => ce($n), Xn = (e) => /* @__PURE__ */ p(L, {
+}, Ue = () => ce(Xn), Yn = (e) => /* @__PURE__ */ p(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -56,7 +56,7 @@ import './editable.css';var Za = "data-graphy-chart-chrome", qa = "data-graphy-c
     })
   ]
 });
-var jn = "efjmb40", Yn = "efjmb41", ae = "efjmb42", oe = "efjmb43", Ya = "efjmb44", Ja = "efjmb45", Qa = /* @__PURE__ */ new Set([
+var jn = "efjmb40", Jn = "efjmb41", ae = "efjmb42", oe = "efjmb43", Ja = "efjmb44", Qa = "efjmb45", eo = /* @__PURE__ */ new Set([
   "item-press",
   "escape-key",
   "outside-press",
@@ -65,30 +65,30 @@ var jn = "efjmb40", Yn = "efjmb41", ae = "efjmb42", oe = "efjmb43", Ya = "efjmb4
   "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?.()) : Qa.has(h.reason) && l(!1);
+    s ? (l(!0), r?.()) : eo.has(h.reason) && l(!1);
   };
-  return /* @__PURE__ */ p(Y.SubmenuRoot, {
+  return /* @__PURE__ */ p(j.SubmenuRoot, {
     open: i,
     onOpenChange: c,
-    children: [/* @__PURE__ */ n(eo, {
+    children: [/* @__PURE__ */ n(no, {
       label: e,
       icon: t
-    }), /* @__PURE__ */ n(Y.Portal, {
+    }), /* @__PURE__ */ n(j.Portal, {
       container: o,
-      children: /* @__PURE__ */ n(ge, { children: /* @__PURE__ */ n(Y.Positioner, {
+      children: /* @__PURE__ */ n(ge, { children: /* @__PURE__ */ n(j.Positioner, {
         side: "right",
         align: "start",
         sideOffset: 4,
         className: jn,
-        ...Un,
-        children: /* @__PURE__ */ n(Y.Popup, {
-          className: Yn,
+        ...Wn,
+        children: /* @__PURE__ */ n(j.Popup, {
+          className: Jn,
           children: a
         })
       }) })
     })]
   });
-}, eo = ({ label: e, icon: t }) => /* @__PURE__ */ p(Y.SubmenuTrigger, {
+}, no = ({ label: e, icon: t }) => /* @__PURE__ */ p(j.SubmenuTrigger, {
   className: ae,
   openOnHover: !1,
   children: [
@@ -98,31 +98,31 @@ var jn = "efjmb40", Yn = "efjmb41", ae = "efjmb42", oe = "efjmb43", Ya = "efjmb4
       children: e
     }),
     /* @__PURE__ */ n("span", {
-      className: Ja,
+      className: Qa,
       children: /* @__PURE__ */ n(xe, { size: "sm" })
     })
   ]
-}), no = "_1qe7q450", to = "_1qe7q451", ro = "_1qe7q452", ao = ({ label: e, placeholder: t, addLabel: r, at: a, onRequestClose: o }) => {
+}), 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 = () => {
-    h.length !== 0 && (s(new j({
+    h.length !== 0 && (s(new Y({
       kind: "comment",
       annotation: {
         at: a,
-        content: oo(h)
+        content: io(h)
       }
     })), o());
   };
   return /* @__PURE__ */ n(We, {
     label: e,
-    icon: /* @__PURE__ */ n(Xn, {}),
+    icon: /* @__PURE__ */ n(Yn, {}),
     onOpened: () => {
       requestAnimationFrame(() => i.current?.focus());
     },
     children: /* @__PURE__ */ p("div", {
-      className: no,
+      className: to,
       children: [/* @__PURE__ */ n("input", {
         ref: i,
-        className: to,
+        className: ro,
         value: l,
         placeholder: t,
         onChange: (g) => {
@@ -133,14 +133,14 @@ var jn = "efjmb40", Yn = "efjmb41", ae = "efjmb42", oe = "efjmb43", Ya = "efjmb4
         }
       }), /* @__PURE__ */ n("button", {
         type: "button",
-        className: ro,
+        className: ao,
         disabled: h.length === 0,
         onClick: d,
         children: r
       })]
     })
   });
-}, oo = (e) => ({
+}, io = (e) => ({
   type: "doc",
   content: [{
     type: "paragraph",
@@ -149,7 +149,7 @@ var jn = "efjmb40", Yn = "efjmb41", ae = "efjmb42", oe = "efjmb43", Ya = "efjmb4
       text: e
     }]
   }]
-}), io = (e) => /* @__PURE__ */ n(L, {
+}), lo = (e) => /* @__PURE__ */ n(L, {
   viewBox: "0 0 15 14",
   ...e,
   children: /* @__PURE__ */ n("path", {
@@ -157,8 +157,8 @@ var jn = "efjmb40", Yn = "efjmb41", ae = "efjmb42", oe = "efjmb43", Ya = "efjmb4
     fill: "currentColor",
     fillOpacity: "0.8"
   })
-}), lo = "relative-difference", so = ({ label: e, layer: t, at: r, onRequestClose: a }) => {
-  const { dispatch: o } = re(), i = K((s) => s.coordSystem), l = k(() => Da({
+}), so = "relative-difference", co = ({ label: e, layer: t, at: r, onRequestClose: a }) => {
+  const { dispatch: o } = re(), i = K((s) => s.coordSystem), l = k(() => Ha({
     layer: t,
     at: r,
     coordSystem: i
@@ -169,30 +169,30 @@ var jn = "efjmb40", Yn = "efjmb41", ae = "efjmb42", oe = "efjmb43", Ya = "efjmb4
   ]);
   if (l === null) return null;
   const c = () => {
-    o(new j({
+    o(new Y({
       kind: "differenceArrow",
       annotation: {
         ..._n,
         ...l,
-        label: lo
+        label: so
       }
     })), a();
   };
   return /* @__PURE__ */ p(z.Item, {
     className: ae,
     onClick: c,
-    children: [/* @__PURE__ */ n(io, {}), /* @__PURE__ */ n("span", {
+    children: [/* @__PURE__ */ n(lo, {}), /* @__PURE__ */ n("span", {
       className: oe,
       children: e
     })]
   });
 };
-function co(e, t) {
-  if (e.type === "polar" && !ho(t)) return [{
+function ho(e, t) {
+  if (e.type === "polar" && !uo(t)) return [{
     scope: "series",
     labelKey: "pieSlice"
   }];
-  const r = _a(t.data, t.mapping);
+  const r = Ra(t.data, t.mapping);
   switch (t.geom) {
     case "bar": {
       const a = [{
@@ -236,10 +236,10 @@ function co(e, t) {
       return [];
   }
 }
-var ho = (e) => {
+var uo = (e) => {
   const t = Ta(e.mapping.x);
-  return t !== null && t !== mr.x;
-}, uo = (e) => /* @__PURE__ */ p(L, {
+  return t !== null && t !== pr.x;
+}, mo = (e) => /* @__PURE__ */ p(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -278,7 +278,7 @@ var ho = (e) => {
       rx: ".533"
     })
   ]
-}), mo = (e) => /* @__PURE__ */ p(L, {
+}), po = (e) => /* @__PURE__ */ p(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -317,7 +317,7 @@ var ho = (e) => {
       rx: ".533"
     })
   ]
-}), po = (e) => /* @__PURE__ */ p(L, {
+}), go = (e) => /* @__PURE__ */ p(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -356,7 +356,7 @@ var ho = (e) => {
       rx: ".533"
     })
   ]
-}), go = (e) => /* @__PURE__ */ p(L, {
+}), vo = (e) => /* @__PURE__ */ p(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -376,7 +376,7 @@ var ho = (e) => {
       d: "M11.733 10.074H16v5.408a.52.52 0 0 1-.518.518h-3.23a.52.52 0 0 1-.519-.518zM11.733 9.481H16V.52A.52.52 0 0 0 15.482 0h-3.23a.52.52 0 0 0-.519.519z"
     })
   ]
-}), vo = (e) => /* @__PURE__ */ p(L, {
+}), Co = (e) => /* @__PURE__ */ p(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -410,7 +410,7 @@ var ho = (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"
     })
   ]
-}), Co = (e) => /* @__PURE__ */ p(L, {
+}), fo = (e) => /* @__PURE__ */ p(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -451,7 +451,7 @@ var ho = (e) => {
       fillOpacity: "0.8"
     })
   ]
-}), fo = (e) => /* @__PURE__ */ p(L, {
+}), bo = (e) => /* @__PURE__ */ p(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -473,7 +473,7 @@ var ho = (e) => {
       d: "M15.999 8a8 8 0 0 1-7.588 7.989l-.412.01V8z"
     })
   ]
-}), bo = (e) => /* @__PURE__ */ p(L, {
+}), yo = (e) => /* @__PURE__ */ p(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -534,7 +534,7 @@ var ho = (e) => {
       transform: "matrix(-1 0 0 1 15.933 .533)"
     })
   ]
-}), yo = (e) => /* @__PURE__ */ p(L, {
+}), So = (e) => /* @__PURE__ */ p(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -595,20 +595,20 @@ var ho = (e) => {
       transform: "matrix(-1 0 0 1 15.933 .533)"
     })
   ]
-}), So = {
-  bar: uo,
-  barGroup: mo,
-  barStack: go,
-  barSeries: po,
-  linePoint: vo,
-  lineSeries: Co,
-  scatterPoint: bo,
-  scatterSeries: yo,
-  pieSlice: fo
-}, Jn = ({ labelKey: e }) => {
-  const t = So[e];
+}), wo = {
+  bar: mo,
+  barGroup: po,
+  barStack: vo,
+  barSeries: go,
+  linePoint: Co,
+  lineSeries: fo,
+  scatterPoint: yo,
+  scatterSeries: So,
+  pieSlice: bo
+}, Qn = ({ labelKey: e }) => {
+  const t = wo[e];
   return /* @__PURE__ */ n(t, {});
-}, Qn = (e) => /* @__PURE__ */ p(L, {
+}, et = (e) => /* @__PURE__ */ p(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: [/* @__PURE__ */ n("path", {
@@ -621,28 +621,28 @@ var ho = (e) => {
     fill: "currentColor",
     fillOpacity: "0.8"
   })]
-}), wo = ({ label: e, options: t, onSelect: r }) => {
+}), xo = ({ label: e, options: t, onSelect: r }) => {
   const a = I();
   return /* @__PURE__ */ n(We, {
     label: e,
-    icon: /* @__PURE__ */ n(Qn, {}),
-    children: t.map((o) => /* @__PURE__ */ p(Y.Item, {
+    icon: /* @__PURE__ */ n(et, {}),
+    children: t.map((o) => /* @__PURE__ */ p(j.Item, {
       className: ae,
       onClick: () => r(o.scope),
-      children: [/* @__PURE__ */ n(Jn, { labelKey: o.labelKey }), /* @__PURE__ */ n("span", {
+      children: [/* @__PURE__ */ n(Qn, { labelKey: o.labelKey }), /* @__PURE__ */ n("span", {
         className: oe,
         children: a(`graph.annotations.highlights.labels.${o.labelKey}`)
       })]
     }, o.scope))
   });
-}, xo = ({ label: e, layer: t, observation: r, highlights: a, onRequestClose: o }) => {
-  const i = I(), { dispatch: l } = re(), c = K((m) => m.coordSystem), s = k(() => ga(t, r), [t, r]), h = k(() => co(c, t), [c, t]), d = k(() => {
+}, 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(() => {
     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 ur({
+    l(new mr({
       predicate: s,
       scope: m,
       layerId: t.id
@@ -650,39 +650,39 @@ var ho = (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(Y.Item, {
+    return /* @__PURE__ */ p(j.Item, {
       className: ae,
       onClick: () => v(u.scope),
-      children: [/* @__PURE__ */ n(Jn, { labelKey: u.labelKey }), /* @__PURE__ */ n("span", {
+      children: [/* @__PURE__ */ n(Qn, { labelKey: u.labelKey }), /* @__PURE__ */ n("span", {
         className: oe,
         children: m
       })]
     });
   }
-  return /* @__PURE__ */ n(wo, {
+  return /* @__PURE__ */ n(xo, {
     label: e,
     options: d,
     onSelect: v
   });
-}, To = "_1aafi1g0", Lo = "_1aafi1g1", et = ({ children: e }) => /* @__PURE__ */ p("span", {
-  className: To,
+}, Lo = "_1aafi1g0", Po = "_1aafi1g1", nt = ({ children: e }) => /* @__PURE__ */ p("span", {
+  className: Lo,
   "aria-hidden": "true",
-  children: [e, /* @__PURE__ */ n("span", { className: Lo })]
-}), Po = ({ label: e, highlights: t, onRequestClose: r }) => {
+  children: [e, /* @__PURE__ */ n("span", { className: Po })]
+}), Io = ({ label: e, highlights: t, onRequestClose: r }) => {
   const { dispatch: a } = re(), o = t.at(-1);
   if (o === void 0) return null;
   const i = () => {
-    a(new yr({ id: o.id })), r();
+    a(new Sr({ id: o.id })), r();
   };
   return /* @__PURE__ */ p(z.Item, {
     className: ae,
     onClick: i,
-    children: [/* @__PURE__ */ n(et, { children: /* @__PURE__ */ n(Qn, {}) }), /* @__PURE__ */ n("span", {
+    children: [/* @__PURE__ */ n(nt, { children: /* @__PURE__ */ n(et, {}) }), /* @__PURE__ */ n("span", {
       className: oe,
       children: e
     })]
   });
-}, Io = (e, t) => {
+}, Ao = (e, t) => {
   const r = K((o) => o.spec.highlights), a = K((o) => o.config.parsingLocale);
   return k(() => Aa({
     layer: e,
@@ -695,7 +695,7 @@ var ho = (e) => {
     t,
     a
   ]);
-}, nt = (e) => /* @__PURE__ */ p(L, {
+}, tt = (e) => /* @__PURE__ */ p(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -718,9 +718,9 @@ var ho = (e) => {
       fillOpacity: "0.8"
     })
   ]
-}), Ao = ({ label: e, at: t, onRequestClose: r }) => {
+}), Oo = ({ label: e, at: t, onRequestClose: r }) => {
   const { dispatch: a } = re(), o = () => {
-    a(new j({
+    a(new Y({
       kind: "pinnedNumber",
       annotation: { at: t }
     })), r();
@@ -728,12 +728,12 @@ var ho = (e) => {
   return /* @__PURE__ */ p(z.Item, {
     className: ae,
     onClick: o,
-    children: [/* @__PURE__ */ n(nt, {}), /* @__PURE__ */ n("span", {
+    children: [/* @__PURE__ */ n(tt, {}), /* @__PURE__ */ n("span", {
       className: oe,
       children: e
     })]
   });
-}, tt = (e) => /* @__PURE__ */ p(L, {
+}, rt = (e) => /* @__PURE__ */ p(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -766,35 +766,35 @@ var ho = (e) => {
       fillOpacity: "0.8"
     })
   ]
-}), rt = {
+}), at = {
   pinnedNumber: {
-    icon: nt,
+    icon: tt,
     labelKey: "graph.annotations.baseMenu.unpinNumber"
   },
   comment: {
-    icon: Xn,
+    icon: Yn,
     labelKey: "graph.annotations.baseMenu.removeAnnotation"
   },
   sticker: {
-    icon: tt,
+    icon: rt,
     labelKey: "graph.annotations.baseMenu.removeSticker"
   },
   image: null
-}, Oo = (e) => Ha(e.kind) && rt[e.kind] !== null, Mo = ({ attachment: e, onRequestClose: t }) => {
-  const r = I(), { dispatch: a } = re(), { icon: o, labelKey: i } = rt[e.kind], l = () => {
+}, 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();
   };
   return /* @__PURE__ */ p(z.Item, {
     className: ae,
     onClick: l,
-    children: [/* @__PURE__ */ n(et, { children: /* @__PURE__ */ n(o, {}) }), /* @__PURE__ */ n("span", {
+    children: [/* @__PURE__ */ n(nt, { children: /* @__PURE__ */ n(o, {}) }), /* @__PURE__ */ n("span", {
       className: oe,
       children: r(i)
     })]
   });
-}, No = "ceeojg0", Eo = "ceeojg1", ko = "ceeojg2", _o = ({ label: e, at: t, onRequestClose: r }) => {
+}, Eo = "ceeojg0", ko = "ceeojg1", _o = "ceeojg2", Ro = ({ label: e, at: t, onRequestClose: r }) => {
   const { dispatch: a } = re(), o = (i) => {
-    a(new j({
+    a(new Y({
       kind: "sticker",
       annotation: {
         at: {
@@ -807,28 +807,28 @@ var ho = (e) => {
   };
   return /* @__PURE__ */ n(We, {
     label: e,
-    icon: /* @__PURE__ */ n(tt, {}),
+    icon: /* @__PURE__ */ n(rt, {}),
     children: /* @__PURE__ */ n("div", {
-      className: No,
-      children: Object.entries(rr).map(([i, l]) => /* @__PURE__ */ n(Y.Item, {
-        className: Eo,
+      className: Eo,
+      children: Object.entries(rr).map(([i, l]) => /* @__PURE__ */ n(j.Item, {
+        className: ko,
         "aria-label": i,
         onClick: () => o(i),
         children: /* @__PURE__ */ n("img", {
-          className: ko,
+          className: _o,
           src: l.src,
           alt: i
         })
       }, i))
     })
   });
-}, Ro = ({ interaction: e, panelOrigin: t }) => {
+}, Do = ({ interaction: e, panelOrigin: t }) => {
   const r = W(), a = te((i) => i.menuTrigger);
   if (e.kind !== "menu" || a === null) return null;
   const o = () => {
     r.getState().releaseInteraction("menu");
   };
-  return /* @__PURE__ */ n(Do, {
+  return /* @__PURE__ */ n(Ho, {
     trigger: {
       x: t.x + a.center.x,
       y: t.y + a.center.y,
@@ -839,13 +839,13 @@ var ho = (e) => {
     observation: e.anchor.observation,
     onClose: o
   });
-}, Do = ({ 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 = Vo(), { x: d, y: u, radius: v } = e, m = k(() => Ho(d, u, v), [
+}, 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), [
     d,
     u,
     v
-  ]), g = Oa(c, r, k(() => ya(t, s), [t, s])), C = g !== null && Oo(g) ? g : null, P = Io(t, a), w = (b, T) => {
-    !b && zo(T.reason) && o();
+  ]), 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();
   };
   return /* @__PURE__ */ n(z.Root, {
     open: h,
@@ -859,48 +859,48 @@ var ho = (e) => {
         align: "start",
         sideOffset: 8,
         className: jn,
-        ...Un,
+        ...Wn,
         children: /* @__PURE__ */ p(z.Popup, {
-          className: Yn,
+          className: Jn,
           "data-testid": "observation-menu",
           children: [
-            C !== null && /* @__PURE__ */ n(Mo, {
+            C !== null && /* @__PURE__ */ n(No, {
               attachment: C,
               onRequestClose: o
             }),
-            /* @__PURE__ */ n(Po, {
+            /* @__PURE__ */ n(Io, {
               label: i("graph.annotations.baseMenu.removeHighlight"),
               highlights: P,
               onRequestClose: o
             }),
-            /* @__PURE__ */ n(z.Separator, { className: Ya }),
+            /* @__PURE__ */ n(z.Separator, { className: Ja }),
             C === null && /* @__PURE__ */ p(G, { children: [
-              /* @__PURE__ */ n(Ao, {
+              /* @__PURE__ */ n(Oo, {
                 label: i("graph.annotations.baseMenu.pinNumber"),
                 at: r,
                 onRequestClose: o
               }),
-              /* @__PURE__ */ n(ao, {
+              /* @__PURE__ */ n(oo, {
                 label: i("graph.annotations.baseMenu.annotate"),
                 placeholder: i("graph.annotations.textMenu.placeholder"),
                 addLabel: i("graph.annotations.textMenu.addButton"),
                 at: r,
                 onRequestClose: o
               }),
-              /* @__PURE__ */ n(_o, {
+              /* @__PURE__ */ n(Ro, {
                 label: i("graph.annotations.baseMenu.addSticker"),
                 at: r,
                 onRequestClose: o
               })
             ] }),
-            t.highlight !== null && /* @__PURE__ */ n(xo, {
+            t.highlight !== null && /* @__PURE__ */ n(To, {
               label: i("graph.annotations.baseMenu.highlight"),
               layer: t,
               observation: a,
               highlights: P,
               onRequestClose: o
             }),
-            /* @__PURE__ */ n(so, {
+            /* @__PURE__ */ n(co, {
               label: i("graph.annotations.baseMenu.differenceArrow"),
               layer: t,
               at: r,
@@ -911,19 +911,19 @@ var ho = (e) => {
       }) })
     })
   });
-}, Ho = (e, t, r) => ({ getBoundingClientRect: () => new DOMRect(e - r, t - r, r * 2, r * 2) }), Vo = () => {
+}, Vo = (e, t, r) => ({ getBoundingClientRect: () => new DOMRect(e - r, t - r, r * 2, r * 2) }), zo = () => {
   const [e, t] = q(!1);
   return H(() => {
     t(!0);
   }, []), e;
-}, zo = (e) => e === "outside-press" || e === "escape-key" || e === "item-press", at = () => {
+}, Fo = (e) => e === "outside-press" || e === "escape-key" || e === "item-press", ot = () => {
   const e = kn();
-  return ot(e);
-}, ot = (e) => {
+  return it(e);
+}, it = (e) => {
   if (e.length !== 1) return null;
   const [t] = e;
   return t?.kind === "annotation" ? t.id : null;
-}, Fo = (e) => /* @__PURE__ */ n(L, {
+}, Bo = (e) => /* @__PURE__ */ n(L, {
   ...e,
   children: /* @__PURE__ */ p("g", {
     stroke: "currentColor",
@@ -932,7 +932,7 @@ var ho = (e) => {
     strokeLinejoin: "round",
     children: [/* @__PURE__ */ n("path", { d: "M4 9h16m-4-4 4 4" }), /* @__PURE__ */ n("path", { d: "M20 15H4m4 4-4-4" })]
   })
-}), Bo = (e) => /* @__PURE__ */ n(L, {
+}), Go = (e) => /* @__PURE__ */ n(L, {
   ...e,
   children: /* @__PURE__ */ p("g", {
     stroke: "currentColor",
@@ -946,24 +946,24 @@ var ho = (e) => {
       /* @__PURE__ */ n("path", { d: "M9 7V5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2" })
     ]
   })
-}), Go = { kind: "chrome-popup" }, Ko = "var(--q7gcrz0)", Uo = "var(--q7gcrz1)", Wo = "q7gcrz2", Zo = "q7gcrz3";
-var qo = "q7gcrz5", $o = "q7gcrz6", Xo = "q7gcrz7", jo = "q7gcrz8", it = "q7gcrz9", Yo = "q7gcrza";
-var ln = "q7gcrzd q7gcrzc", lt = "q7gcrze q7gcrzc", Jo = [
+}), 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 = [
   "absolute-difference",
   "relative-difference",
   "proportion"
-], sn = ["absolute-difference", "relative-difference"], Qo = ["relative-difference", "proportion"], ei = {
+], sn = ["absolute-difference", "relative-difference"], ei = ["relative-difference", "proportion"], ni = {
   "absolute-difference": "graph.annotations.differenceArrowToolbar.labelKind.absoluteDifference",
   "relative-difference": "graph.annotations.differenceArrowToolbar.labelKind.relativeDifference",
   proportion: "graph.annotations.differenceArrowToolbar.labelKind.proportion"
-}, ni = (e) => {
+}, ti = (e) => {
   const { formattingLocale: t } = U(), r = K((o) => o.config.parsingLocale), a = t ?? r;
   return k(() => {
-    const o = ha(e.start, e.end);
-    return Jo.filter((i) => o || !sn.includes(i) || i === e.label).map((i) => ({
+    const o = ua(e.start, e.end);
+    return Qo.filter((i) => o || !sn.includes(i) || i === e.label).map((i) => ({
       kind: i,
-      nameKey: ei[i],
-      preview: Ea({
+      nameKey: ni[i],
+      preview: ka({
         locale: a,
         kind: i,
         startValue: e.start.measurementValue,
@@ -971,18 +971,18 @@ var ln = "q7gcrzd q7gcrzc", lt = "q7gcrze q7gcrzc", Jo = [
         valueFormat: e.start.valueFormat
       }),
       isPickable: o || !sn.includes(i),
-      isSuspect: Qo.includes(i) && e.start.measurementValue === 0
+      isSuspect: ei.includes(i) && e.start.measurementValue === 0
     }));
   }, [e, a]);
-}, he = 8, ti = ({ 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 = ri(he, l >= he ? l : c, a - he - 36), h = he;
+}, 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;
   return {
     top: s,
     left: h,
     available: Math.max(0, r - he * 2),
     centre: t.x + e.x + e.width / 2 - h
   };
-}, ri = (e, t, r) => Math.max(e, Math.min(t, r)), Oe = [
+}, ai = (e, t, r) => Math.max(e, Math.min(t, r)), Oe = [
   {
     id: "small",
     nameKey: "graph.annotations.differenceArrowToolbar.size.small"
@@ -995,8 +995,8 @@ var ln = "q7gcrzd q7gcrzc", lt = "q7gcrze q7gcrzc", Jo = [
     id: "large",
     nameKey: "graph.annotations.differenceArrowToolbar.size.large"
   }
-], ai = ({ 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 = ni(e), m = ti({
+], 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({
     labelBox: t,
     panelRect: r,
     frameWidth: a,
@@ -1010,7 +1010,7 @@ var ln = "q7gcrzd q7gcrzc", lt = "q7gcrze q7gcrzc", Jo = [
   };
   H(() => () => s.seal(), [s]), H(() => {
     const { claimInteraction: w, releaseInteraction: b } = h.getState();
-    return d === null ? b("chrome-popup") : w(Go), () => b("chrome-popup");
+    return d === null ? b("chrome-popup") : w(Ko), () => b("chrome-popup");
   }, [h, d]);
   const C = (w) => {
     u(w ? "color" : null), w || s.seal();
@@ -1018,7 +1018,7 @@ var ln = "q7gcrzd q7gcrzc", lt = "q7gcrze q7gcrzc", Jo = [
     s.dispatch(new Be({ id: e.id })), i.focus({ preventScroll: !0 });
   };
   return /* @__PURE__ */ n("div", {
-    className: Wo,
+    className: Zo,
     style: {
       top: m.top,
       left: m.left,
@@ -1026,15 +1026,15 @@ var ln = "q7gcrzd q7gcrzc", lt = "q7gcrze q7gcrzc", Jo = [
     },
     children: /* @__PURE__ */ p(X.Root, {
       "aria-label": l("graph.annotations.differenceArrowToolbar.label"),
-      className: Zo,
+      className: qo,
       "data-testid": "difference-arrow-toolbar",
       ...Se(c),
-      style: Bn({
-        [Ko]: `${m.centre}px`,
-        [Uo]: `${m.available}px`
+      style: Gn({
+        [Uo]: `${m.centre}px`,
+        [Wo]: `${m.available}px`
       }),
       children: [
-        /* @__PURE__ */ n(oi, {
+        /* @__PURE__ */ n(ii, {
           options: v,
           current: e.label,
           isOpen: d === "labelKind",
@@ -1052,11 +1052,11 @@ var ln = "q7gcrzd q7gcrzc", lt = "q7gcrze q7gcrzc", Jo = [
           onOpenChange: C,
           popupAttributes: Se(c),
           children: /* @__PURE__ */ n("span", {
-            className: $o,
+            className: Xo,
             style: { background: e.color ?? "transparent" }
           })
         }),
-        /* @__PURE__ */ n(ii, {
+        /* @__PURE__ */ n(li, {
           current: e.size,
           isOpen: d === "size",
           onOpenChange: (w) => u(w ? "size" : null),
@@ -1072,7 +1072,7 @@ var ln = "q7gcrzd q7gcrzc", lt = "q7gcrze q7gcrzc", Jo = [
             start: e.end.anchor,
             end: e.start.anchor
           }),
-          children: /* @__PURE__ */ n(Fo, {
+          children: /* @__PURE__ */ n(Bo, {
             size: "sm",
             title: ""
           })
@@ -1081,7 +1081,7 @@ var ln = "q7gcrzd q7gcrzc", lt = "q7gcrze q7gcrzc", Jo = [
           "aria-label": l("graph.annotations.differenceArrowToolbar.remove"),
           className: ln,
           onClick: P,
-          children: /* @__PURE__ */ n(Bo, {
+          children: /* @__PURE__ */ n(Go, {
             size: "sm",
             title: ""
           })
@@ -1089,7 +1089,7 @@ var ln = "q7gcrzd q7gcrzc", lt = "q7gcrze q7gcrzc", Jo = [
       ]
     })
   });
-}, oi = ({ options: e, current: t, isOpen: r, onOpenChange: a, onPick: o }) => {
+}, ii = ({ 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", lt = "q7gcrze q7gcrzc", Jo = [
     children: [/* @__PURE__ */ p(z.Trigger, {
       render: /* @__PURE__ */ n(X.Button, {}),
       "aria-label": i("graph.annotations.differenceArrowToolbar.labelKind.ariaLabel"),
-      className: lt,
+      className: st,
       disabled: !c,
       onMouseDown: (s) => s.preventDefault(),
       children: [
         /* @__PURE__ */ n("span", {
-          className: qo,
+          className: $o,
           children: l === void 0 ? "" : i(l.nameKey)
         }),
         l !== void 0 && /* @__PURE__ */ p("span", {
@@ -1116,8 +1116,8 @@ var ln = "q7gcrzd q7gcrzc", lt = "q7gcrze q7gcrzc", Jo = [
         }),
         /* @__PURE__ */ n(xe, { size: "sm" })
       ]
-    }), /* @__PURE__ */ n(st, { children: e.map((s) => /* @__PURE__ */ p(z.Item, {
-      className: it,
+    }), /* @__PURE__ */ n(ct, { children: e.map((s) => /* @__PURE__ */ p(z.Item, {
+      className: lt,
       "data-selected": s.kind === t,
       disabled: !s.isPickable,
       onClick: () => o(s.kind),
@@ -1130,13 +1130,13 @@ var ln = "q7gcrzd q7gcrzc", lt = "q7gcrze q7gcrzc", Jo = [
           children: "⚠"
         }),
         /* @__PURE__ */ n("span", {
-          className: Yo,
+          className: Jo,
           children: s.preview
         })
       ]
     }, s.kind)) })]
   });
-}, ii = ({ current: e, isOpen: t, onOpenChange: r, onPick: a }) => {
+}, li = ({ 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,17 +1145,17 @@ var ln = "q7gcrzd q7gcrzc", lt = "q7gcrze q7gcrzc", Jo = [
     children: [/* @__PURE__ */ p(z.Trigger, {
       render: /* @__PURE__ */ n(X.Button, {}),
       "aria-label": o("graph.annotations.differenceArrowToolbar.size.ariaLabel"),
-      className: lt,
+      className: st,
       onMouseDown: (l) => l.preventDefault(),
       children: [/* @__PURE__ */ n("span", { children: i === void 0 ? "" : o(i.nameKey) }), /* @__PURE__ */ n(xe, { size: "sm" })]
-    }), /* @__PURE__ */ n(st, { children: Oe.map((l) => /* @__PURE__ */ n(z.Item, {
-      className: it,
+    }), /* @__PURE__ */ n(ct, { children: Oe.map((l) => /* @__PURE__ */ n(z.Item, {
+      className: lt,
       "data-selected": l.id === e,
       onClick: () => a(l.id),
       children: o(l.nameKey)
     }, l.id)) })]
   });
-}, st = ({ children: e }) => {
+}, ct = ({ children: e }) => {
   const { chartId: t } = U();
   return /* @__PURE__ */ n(z.Portal, {
     container: ze(),
@@ -1163,7 +1163,7 @@ var ln = "q7gcrzd q7gcrzc", lt = "q7gcrze q7gcrzc", Jo = [
       side: "bottom",
       align: "start",
       sideOffset: 6,
-      className: Xo,
+      className: Yo,
       children: /* @__PURE__ */ n(z.Popup, {
         className: jo,
         onMouseDown: (r) => r.preventDefault(),
@@ -1173,14 +1173,14 @@ var ln = "q7gcrzd q7gcrzc", lt = "q7gcrze q7gcrzc", Jo = [
     }) })
   });
 };
-var li = "ydgo3h0", si = "ydgo3h1", ci = "ydgo3h2", ct = (e) => e === "start" ? "end" : "start", dt = ({ dispatch: e, arrow: t, endpoint: r, anchor: a }) => {
+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 }
   }));
-}, di = ({ clientPoint: e, panelOrigin: t, panelRect: r, engine: a, layers: o, coordSystem: i, resolver: l, fixedAnchor: c, align: s }) => {
-  const h = hi({
+}, 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));
@@ -1195,10 +1195,10 @@ var li = "ydgo3h0", si = "ydgo3h1", ci = "ydgo3h2", ct = (e) => e === "start" ?
     align: s
   });
   return v === null || Hn(v.anchor, c) ? null : v;
-}, hi = (e, t) => ({
+}, ui = (e, t) => ({
   x: Math.max(0, Math.min(e.x, t.width)),
   y: Math.max(0, Math.min(e.y, t.height))
-}), ui = class {
+}), mi = 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)));
@@ -1212,7 +1212,7 @@ var li = "ydgo3h0", si = "ydgo3h1", ci = "ydgo3h2", ct = (e) => e === "start" ?
       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 = di({
+      const m = hi({
         clientPoint: {
           x: t.clientX,
           y: t.clientY
@@ -1223,7 +1223,7 @@ var li = "ydgo3h0", si = "ydgo3h1", ci = "ydgo3h2", ct = (e) => e === "start" ?
         layers: d,
         coordSystem: u,
         resolver: o,
-        fixedAnchor: c[ct(i)].anchor,
+        fixedAnchor: c[dt(i)].anchor,
         align: c[i].anchor.align
       });
       m !== null && this.publish(m);
@@ -1236,7 +1236,7 @@ var li = "ydgo3h0", si = "ydgo3h1", ci = "ydgo3h2", ct = (e) => e === "start" ?
   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 && dt({
+    c !== null && (l.releaseInteraction("endpoint-drag"), e && ht({
       dispatch: o,
       arrow: i,
       endpoint: r,
@@ -1255,7 +1255,7 @@ var li = "ydgo3h0", si = "ydgo3h1", ci = "ydgo3h2", ct = (e) => e === "start" ?
   cancelFrame() {
     this.scheduledFrame !== null && (cancelAnimationFrame(this.scheduledFrame), this.scheduledFrame = null);
   }
-}, mi = ({ arrow: e, panelOrigin: t, panelRect: r }) => {
+}, pi = ({ arrow: e, panelOrigin: t, panelRect: r }) => {
   const { commands: a, anchorResolver: o } = U(), { engine: i } = Fe(), l = W(), c = ne({
     arrow: e,
     panelOrigin: t,
@@ -1273,7 +1273,7 @@ var li = "ydgo3h0", si = "ydgo3h1", ci = "ydgo3h2", ct = (e) => e === "start" ?
       return;
     }
     d.currentTarget.focus({ preventScroll: !0 }), d.preventDefault();
-    const u = new ui({
+    const u = new mi({
       handle: d.currentTarget,
       pointerId: d.pointerId,
       endpoint: h,
@@ -1294,7 +1294,7 @@ var li = "ydgo3h0", si = "ydgo3h1", ci = "ydgo3h2", ct = (e) => e === "start" ?
     o,
     a
   ]);
-}, pi = [" ", "Enter"], gi = ({ arrow: e }) => {
+}, gi = [" ", "Enter"], vi = ({ arrow: e }) => {
   const { commands: t, anchorResolver: r } = U(), a = W(), { layers: o, coordSystem: i, mainAxis: l } = K(Ke((s) => ({
     layers: s.layers,
     coordSystem: s.coordSystem,
@@ -1306,7 +1306,7 @@ var li = "ydgo3h0", si = "ydgo3h1", ci = "ydgo3h2", ct = (e) => e === "start" ?
   }, [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 (pi.includes(h.key)) {
+    if (gi.includes(h.key)) {
       if (h.preventDefault(), h.repeat) return;
       if (u === null) return d.claimInteraction({
         kind: "endpoint-drag",
@@ -1314,7 +1314,7 @@ var li = "ydgo3h0", si = "ydgo3h1", ci = "ydgo3h2", ct = (e) => e === "start" ?
         endpoint: s,
         point: e[s]
       });
-      d.releaseInteraction("endpoint-drag"), dt({
+      d.releaseInteraction("endpoint-drag"), ht({
         dispatch: t.dispatch,
         arrow: e,
         endpoint: s,
@@ -1323,10 +1323,10 @@ var li = "ydgo3h0", si = "ydgo3h1", ci = "ydgo3h2", ct = (e) => e === "start" ?
       return;
     }
     if (u === null) return;
-    const v = vi(h.key, l);
+    const v = Ci(h.key, l);
     if (v === null) return;
     h.preventDefault();
-    const m = Ci({
+    const m = fi({
       arrow: e,
       endpoint: s,
       from: u.point.anchor,
@@ -1350,19 +1350,19 @@ var li = "ydgo3h0", si = "ydgo3h1", ci = "ydgo3h2", ct = (e) => e === "start" ?
     i,
     l
   ]);
-}, vi = (e, t) => {
+}, Ci = (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
   };
-}, Ci = ({ arrow: e, endpoint: t, from: r, move: a, layers: o, coordSystem: i, resolver: l }) => {
+}, fi = ({ 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 = Ka({
+  const s = Ua({
     layer: c,
     from: r,
-    partner: e[ct(t)].anchor,
+    partner: e[dt(t)].anchor,
     axis: a.axis,
     step: a.step,
     canLandOn: (h) => _e({
@@ -1380,15 +1380,15 @@ var li = "ydgo3h0", si = "ydgo3h1", ci = "ydgo3h2", ct = (e) => e === "start" ?
     coordSystem: i,
     align: e[t].anchor.align
   });
-}, fi = (e) => {
-  const t = at();
-  return t === null ? null : /* @__PURE__ */ n(bi, {
+}, bi = (e) => {
+  const t = ot();
+  return t === null ? null : /* @__PURE__ */ n(yi, {
     annotationId: t,
     ...e
   });
-}, bi = ({ annotationId: e, ...t }) => {
-  const r = cr(), a = k(() => r.find((o) => o.id === e), [r, e]);
-  return a === void 0 ? null : /* @__PURE__ */ n(yi, {
+}, 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, {
     committedArrow: a.committedArrow,
     committedLabelBox: a.committedLabelBox,
     labelBox: a.labelBox,
@@ -1397,16 +1397,16 @@ var li = "ydgo3h0", si = "ydgo3h1", ci = "ydgo3h2", ct = (e) => e === "start" ?
     isDragged: a.isDragged,
     ...t
   });
-}, yi = ({ committedArrow: e, committedLabelBox: t, labelBox: r, start: a, end: o, panelRect: i, panelOrigin: l, frameRect: c, frameElement: s, isDragged: h }) => {
-  const d = mi({
+}, Si = ({ committedArrow: e, committedLabelBox: t, labelBox: r, start: a, end: o, panelRect: i, panelOrigin: l, frameRect: c, frameElement: s, isDragged: h }) => {
+  const d = pi({
     arrow: e,
     panelOrigin: l,
     panelRect: i
-  }), u = gi({ arrow: e });
+  }), u = vi({ arrow: e });
   return /* @__PURE__ */ p("div", {
     "data-testid": "difference-arrow-selection",
     children: [
-      !h && /* @__PURE__ */ n(ai, {
+      !h && /* @__PURE__ */ n(oi, {
         arrow: e,
         labelBox: t,
         panelRect: i,
@@ -1416,7 +1416,7 @@ var li = "ydgo3h0", si = "ydgo3h1", ci = "ydgo3h2", ct = (e) => e === "start" ?
       }),
       /* @__PURE__ */ n("div", {
         "aria-hidden": "true",
-        className: ci,
+        className: di,
         "data-testid": "difference-arrow-selection-label",
         style: {
           left: i.x + r.x - 2,
@@ -1442,7 +1442,7 @@ var li = "ydgo3h0", si = "ydgo3h1", ci = "ydgo3h2", ct = (e) => e === "start" ?
     ]
   });
 }, cn = ({ endpoint: e, point: t, panelRect: r, dragHandlers: a, keyboardHandlers: o }) => /* @__PURE__ */ n("div", {
-  className: li,
+  className: si,
   "data-testid": "difference-arrow-selection-handle",
   "data-endpoint": e,
   role: "button",
@@ -1455,24 +1455,24 @@ var li = "ydgo3h0", si = "ydgo3h1", ci = "ydgo3h2", ct = (e) => e === "start" ?
   ...o,
   children: /* @__PURE__ */ n("span", {
     "aria-hidden": "true",
-    className: si
+    className: ci
   })
 });
-var Si = {
+var wi = {
   hovered: "_1ee8fau1 _1ee8fau0",
   selected: "_1ee8fau2 _1ee8fau0"
-}, wi = {
+}, xi = {
   hovered: "_1ee8fau4 _1ee8fau3",
   selected: "_1ee8fau5 _1ee8fau3"
 };
-var xi = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, Ti = (e, t, r) => ({
+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)
-}), Li = (e) => e.x !== 0 || e.y !== 0, ht = (e, t) => ({
+}), Pi = (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, Pi = ({ panelRect: e }) => {
-  const t = En(e), r = Gt(), a = at(), o = te((d) => J(d, "move-drag")), i = te((d) => {
+}), 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) => {
     const u = d.editTargetUnderPointer;
     return u?.kind === "annotation" ? u.id : null;
   }), l = k(() => ({
@@ -1485,7 +1485,7 @@ var xi = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, Ti = (e, t, r) => ({
     r
   ]), c = hn(t, a, l), s = hn(t, i === a ? null : i, l), h = (d) => {
     if (o?.annotationId !== d) return e;
-    const u = ht(o.translation, e);
+    const u = ut(o.translation, e);
     return {
       x: e.x + u.x,
       y: e.y + u.y
@@ -1525,7 +1525,7 @@ var xi = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, Ti = (e, t, r) => ({
   })]
 }) : /* @__PURE__ */ n("div", {
   "aria-hidden": "true",
-  className: Si[r],
+  className: wi[r],
   "data-testid": "annotation-chrome",
   "data-annotation-id": e,
   "data-state": r,
@@ -1536,18 +1536,18 @@ var xi = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, Ti = (e, t, r) => ({
     height: t.rect.height + 4
   }
 }), mn = ({ point: e, state: t, origin: r }) => /* @__PURE__ */ n("span", {
-  className: wi[t],
+  className: xi[t],
   style: {
     left: r.x + e.x,
     top: r.y + e.y
   }
-}), Ii = "_1uwdwh60", Ai = ({ panelRect: e }) => {
+}), Ai = "_1uwdwh60", Oi = ({ panelRect: e }) => {
   const t = te((o) => J(o, "move-drag")), r = En(e);
   if (t === null) return null;
-  const a = ht(t.translation, e);
+  const a = ut(t.translation, e);
   return /* @__PURE__ */ n("svg", {
     "aria-hidden": "true",
-    className: Ii,
+    className: Ai,
     width: e.width,
     height: e.height,
     style: {
@@ -1556,20 +1556,20 @@ var xi = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, Ti = (e, t, r) => ({
     },
     "data-testid": "annotation-ghost",
     "data-annotation-id": t.annotationId,
-    children: Ni(r, t.annotationId, e)
+    children: Ei(r, t.annotationId, e)
   });
-}, Oi = ({ annotation: e }) => /* @__PURE__ */ n(lr, {
+}, Mi = ({ annotation: e }) => /* @__PURE__ */ n(lr, {
   annotation: e,
-  blockRef: Wt(e.id)
+  blockRef: Zt(e.id)
 }), be = (e, t, r) => {
   const a = e.find((o) => o.id === t);
   return a === void 0 ? null : r(a);
-}, Mi = {
-  text: (e, t) => be(e.textAnnotations, t, (r) => /* @__PURE__ */ n(Oi, { annotation: r })),
-  shape: (e, t) => be(e.shapes, t, (r) => /* @__PURE__ */ n($t, { shape: r })),
+}, 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 })),
   arrow: (e, t, r) => be(e.arrows, t, (a) => {
-    const o = ba({
+    const o = ya({
       arrow: a,
       panelWidth: r.width,
       panelHeight: r.height
@@ -1579,13 +1579,13 @@ var xi = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, Ti = (e, t, r) => ({
       isAddressable: !1
     });
   })
-}, Ni = (e, t, r) => {
-  for (const a of Object.values(Mi)) {
+}, Ei = (e, t, r) => {
+  for (const a of Object.values(Ni)) {
     const o = a(e, t, r);
     if (o !== null) return o;
   }
   return null;
-}, Ei = (e) => /* @__PURE__ */ n(L, {
+}, ki = (e) => /* @__PURE__ */ n(L, {
   ...e,
   children: /* @__PURE__ */ p("g", {
     stroke: "currentColor",
@@ -1594,25 +1594,25 @@ var xi = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, Ti = (e, t, r) => ({
     strokeLinejoin: "round",
     children: [/* @__PURE__ */ n("path", { d: "M12 5v14" }), /* @__PURE__ */ n("path", { d: "M5 12h14" })]
   })
-}), ki = "var(--_1tyillx0)", _i = {
+}), _i = "var(--_1tyillx0)", Ri = {
   rest: 0.5,
   hovered: 0.75,
   open: 1
 };
-var Ri = "_1tyillx1", Di = {
+var Di = "_1tyillx1", Hi = {
   rest: "_1tyillx2",
   hovered: "_1tyillx3",
   open: "_1tyillx4"
-}, Hi = "_1tyillx5", Vi = {
+}, Vi = "_1tyillx5", zi = {
   closed: "_1tyillx6",
   open: "_1tyillx7"
-}, zi = ({ interaction: e, panelRect: t }) => {
-  const r = W(), a = K((c) => c.coordSystem), o = e.kind === "trigger" || e.kind === "menu" ? e.anchor : null, i = Fi(e), l = k(() => {
+}, 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(() => {
     if (o === null) return null;
-    const c = za(o.position, t, a);
+    const c = Fa(o.position, t, a);
     return {
       center: c,
-      radius: 19 * _i[i],
+      radius: 19 * Ri[i],
       target: {
         kind: "observation",
         cursor: Ge(c, t)
@@ -1630,24 +1630,24 @@ var Ri = "_1tyillx1", Di = {
     "aria-hidden": "true",
     "data-testid": "observation-menu-trigger",
     "data-state": i,
-    className: se(Ri, Di[i]),
+    className: se(Di, Hi[i]),
     style: {
       left: t.x + l.center.x,
       top: t.y + l.center.y,
-      ...Bn({ [ki]: o.color ?? dr.border50 })
+      ...Gn({ [_i]: o.color ?? hr.border50 })
     },
     children: /* @__PURE__ */ n("span", {
-      className: se(Hi, Vi[i === "open" ? "open" : "closed"]),
-      children: /* @__PURE__ */ n(Ei, { size: "lg" })
+      className: se(Vi, zi[i === "open" ? "open" : "closed"]),
+      children: /* @__PURE__ */ n(ki, { size: "lg" })
     })
   });
-}, Fi = (e) => e.kind === "menu" ? "open" : e.kind === "trigger" && e.isEngaged ? "hovered" : "rest", Bi = 'button:not([disabled]):not([tabindex="-1"]), [tabindex]:not([tabindex="-1"])', Gi = (e, t) => {
+}, 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) => {
   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(Bi)];
+      const l = [...t.querySelectorAll(Gi)];
       if (l.length === 0) return;
       i.preventDefault();
       const c = l.findIndex((s) => s === document.activeElement);
@@ -1660,7 +1660,7 @@ var Ri = "_1tyillx1", Di = {
     r,
     a
   ]);
-}, Ki = (e) => {
+}, Ui = (e) => {
   const { selectionStore: t, chartId: r } = U();
   H(() => {
     let a = null;
@@ -1682,18 +1682,18 @@ var Ri = "_1tyillx1", Di = {
     t,
     r
   ]);
-}, Ui = `[${Nn}]`, ut = (e, t, r) => {
+}, Wi = `[${Nn}]`, mt = (e, t, r) => {
   if (typeof document.elementsFromPoint != "function") return null;
   const a = document.elementsFromPoint(e, t);
-  return Wi(a, r);
-}, Wi = (e, t) => {
+  return Zi(a, r);
+}, Zi = (e, t) => {
   for (const r of e) {
-    const a = r.closest(Ui);
-    if (!(a === null || !t.contains(a)) && !Zi(a, r))
-      return qi(a);
+    const a = r.closest(Wi);
+    if (!(a === null || !t.contains(a)) && !qi(a, r))
+      return $i(a);
   }
   return null;
-}, Zi = (e, t) => e === t && e.getAttribute("data-edit-kind") === "observation", qi = (e) => {
+}, qi = (e, t) => e === t && e.getAttribute("data-edit-kind") === "observation", $i = (e) => {
   const t = e.getAttribute(Nn);
   if (t !== "annotation") return null;
   const r = e.getAttribute(Qt);
@@ -1701,7 +1701,7 @@ var Ri = "_1tyillx1", Di = {
     kind: t,
     id: r
   };
-}, $i = class {
+}, 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)));
@@ -1719,10 +1719,10 @@ var Ri = "_1tyillx1", Di = {
         x: t.clientX,
         y: t.clientY
       };
-      if (!this.hasPublished && !xi(o, s)) return;
+      if (!this.hasPublished && !Ti(o, s)) return;
       const { annotations: h, panelRect: d } = i(), u = La(h, a);
       if (u === null) return;
-      const v = fa(u, Ti(o, s, d));
+      const v = ba(u, Li(o, s, d));
       v !== null && (l.claimInteraction({
         kind: "move-drag",
         annotationId: a,
@@ -1749,7 +1749,7 @@ var Ri = "_1tyillx1", Di = {
   }
   commit(e) {
     const { annotationId: t, dispatch: r } = this.params;
-    Li(e) && r(new br({
+    Pi(e) && r(new yr({
       id: t,
       translation: e
     }));
@@ -1757,7 +1757,7 @@ var Ri = "_1tyillx1", Di = {
   cancelFrame() {
     this.scheduledFrame !== null && (cancelAnimationFrame(this.scheduledFrame), this.scheduledFrame = null);
   }
-}, Xi = (e, t, r) => {
+}, Yi = (e, t, r) => {
   const { commands: a, selectionStore: o } = U(), i = W(), l = ne({
     annotations: K((h) => h.spec.annotations),
     panelRect: r
@@ -1765,7 +1765,7 @@ var Ri = "_1tyillx1", Di = {
   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 : ut(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;
       try {
@@ -1774,7 +1774,7 @@ var Ri = "_1tyillx1", Di = {
         return;
       }
       v.preventDefault();
-      const g = new $i({
+      const g = new Xi({
         handle: e,
         pointerId: v.pointerId,
         annotationId: m.id,
@@ -1791,7 +1791,7 @@ var Ri = "_1tyillx1", Di = {
       });
       s.current = g, g.start();
     }, u = (v) => {
-      if (v.button !== 0 || Zn(v.target) || qn(v, c.current, i.getState().menuTrigger)) return;
+      if (v.button !== 0 || qn(v.target) || $n(v, c.current, i.getState().menuTrigger)) return;
       const m = h(v), g = o.getState();
       if (m === null) {
         g.clearSelection();
@@ -1808,9 +1808,9 @@ var Ri = "_1tyillx1", Di = {
     l,
     c
   ]);
-}, ji = (e, t) => e instanceof Node && t.contains(e), Yi = (e) => {
+}, ji = (e, t) => e instanceof Node && t.contains(e), Ji = (e) => {
   const { selectionStore: t, commands: r, chartId: a } = U(), o = W(), i = ye((c) => {
-    const { selection: s } = t.getState(), h = ot(s);
+    const { selection: s } = t.getState(), h = it(s);
     h !== null && (c.preventDefault(), r.dispatch(new Be({ id: h })), e.focus({ preventScroll: !0 }));
   }, [
     e,
@@ -1831,7 +1831,7 @@ var Ri = "_1tyillx1", Di = {
         s.releaseInteraction("menu");
         return;
       default:
-        if (Wn(c.target, a)) {
+        if (Zn(c.target, a)) {
           e.focus({ preventScroll: !0 });
           return;
         }
@@ -1846,7 +1846,7 @@ var Ri = "_1tyillx1", Di = {
   ]);
   H(() => {
     const c = (s) => {
-      if (me(s.target, e, a) && !Ji(s.target) && !$a(s.target))
+      if (me(s.target, e, a) && !Qi(s.target) && !Xa(s.target))
         switch (s.key) {
           case "Escape":
             return l(s);
@@ -1864,8 +1864,8 @@ var Ri = "_1tyillx1", Di = {
     l,
     a
   ]);
-}, Ji = (e) => e instanceof HTMLElement && (e.isContentEditable || e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement), Qi = () => {
-  const e = Ut((o) => o.hover.primary), { layers: t, coordSystem: r } = K(Ke((o) => ({
+}, 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) => ({
     layers: o.layers,
     coordSystem: o.coordSystem
   }))), { anchorResolver: a } = U();
@@ -1879,10 +1879,10 @@ var Ri = "_1tyillx1", Di = {
       purpose: "pin"
     });
     if (i === null) return null;
-    const l = pa(o, e.observation);
+    const l = ga(o, e.observation);
     return l === null ? null : {
       position: i,
-      color: ka(e.observation),
+      color: _a(e.observation),
       layer: o,
       at: l,
       observation: e.observation
@@ -1893,9 +1893,9 @@ var Ri = "_1tyillx1", Di = {
     r,
     a
   ]);
-}, el = { kind: "idle" }, mt = () => {
-  const e = te((a) => a.standingInteraction), t = te((a) => a.chromeUnderPointer), r = Qi();
-  return k(() => e !== null ? e : r === null ? el : {
+}, 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 : {
     kind: "trigger",
     anchor: r,
     isEngaged: t === "menu-trigger"
@@ -1904,22 +1904,22 @@ var Ri = "_1tyillx1", Di = {
     r,
     t
   ]);
-}, nl = (e, t, r) => {
+}, tl = (e, t, r) => {
   const a = W(), { selectionStore: o } = U(), { store: i, engine: l } = Fe(), c = ne(e), s = ne(t), h = ne(r);
   H(() => {
-    const d = (C) => qn(C, s.current, a.getState().menuTrigger), u = (C) => {
+    const d = (C) => $n(C, s.current, a.getState().menuTrigger), u = (C) => {
       if (d(C) || 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 = tl(b, P) ? l.query(Ge(b, P)) : Rn;
+      }, T = rl(b, P) ? l.query(Ge(b, P)) : Rn;
       i.getState().setHoverState(T);
     };
     let v = !1;
     const m = () => {
       v = c.current.kind === "menu";
     }, g = (C) => {
-      if (Zn(C.target)) return;
+      if (qn(C.target)) return;
       const { claimInteraction: P, releaseInteraction: w } = a.getState();
       if (!d(C) || v) {
         w("menu"), v && u(C);
@@ -1943,13 +1943,13 @@ var Ri = "_1tyillx1", Di = {
     s,
     h
   ]);
-}, tl = (e, t) => e.x >= 0 && e.x <= t.width && e.y >= 0 && e.y <= t.height, rl = (e, t) => {
+}, 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);
   H(() => {
     let o = null, i = null;
     const l = (m) => {
       const { menuTrigger: g } = r.getState();
-      return g === null ? null : Fn(m, g) ? "menu-trigger" : null;
+      return g === null ? null : Bn(m, g) ? "menu-trigger" : null;
     }, c = () => {
       o = null;
       const m = i;
@@ -1959,7 +1959,7 @@ var Ri = "_1tyillx1", Di = {
         x: m.x - g.x,
         y: m.y - g.y
       })), Me(C.standingInteraction)) return;
-      const P = ut(m.x, m.y, e);
+      const P = mt(m.x, m.y, e);
       C.setEditTargetUnderPointer(P);
     }, s = () => {
       o === null && (o = requestAnimationFrame(c));
@@ -1984,9 +1984,9 @@ var Ri = "_1tyillx1", Di = {
     r,
     a
   ]);
-}, Me = (e) => e?.kind === "menu" || e?.kind === "move-drag", pn = "editor", gn = [], al = (e, t, r, a) => {
-  const o = mt(), { store: i } = Fe(), l = kn().length > 0, c = te((d) => d.menuTrigger), s = o.kind === "menu", h = k(() => c === null ? gn : [ua(c)], [c]);
-  rl(e, t), Xi(e, t, r), nl(o, t, r), Ki(e), Yi(e), Gi(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", 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)), [
     i,
     s,
     l
@@ -1995,14 +1995,14 @@ var Ri = "_1tyillx1", Di = {
     const d = i.getState();
     d.setHoverState(Rn), d.setTooltipAnchor(null);
   }, [i, l]);
-}, ol = ({ frameElement: e, panelRect: t }) => {
-  const { measureRef: r, screenRect: a } = Kt(), 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(il, {
+}, 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, {
     frameElement: e,
     frameRect: a,
     panelRect: t
   }) });
-}, il = ({ frameElement: e, frameRect: t, panelRect: r }) => {
+}, ll = ({ frameElement: e, frameRect: t, panelRect: r }) => {
   const a = k(() => ({
     x: t.left + r.x,
     y: t.top + r.y
@@ -2012,15 +2012,15 @@ var Ri = "_1tyillx1", Di = {
     r.x,
     r.y
   ]), [o, i] = q(null);
-  return al(e, a, r, o), /* @__PURE__ */ n(ll, {
+  return ol(e, a, r, o), /* @__PURE__ */ n(sl, {
     frameElement: e,
     frameRect: t,
     panelOrigin: a,
     panelRect: r,
     boxRef: i
   });
-}, ll = ({ frameElement: e, frameRect: t, panelOrigin: r, panelRect: a, boxRef: o }) => {
-  const i = Ue(), l = mt();
+}, sl = ({ frameElement: e, frameRect: t, panelOrigin: r, panelRect: a, boxRef: o }) => {
+  const i = Ue(), l = pt();
   return /* @__PURE__ */ n(or, {
     rect: t,
     zIndex: nr.editorOverlay,
@@ -2028,31 +2028,31 @@ var Ri = "_1tyillx1", Di = {
     "data-testid": "editor-overlay",
     boxRef: o,
     children: /* @__PURE__ */ p(ge, { children: [
-      /* @__PURE__ */ n(fi, {
+      /* @__PURE__ */ n(bi, {
         panelRect: a,
         panelOrigin: r,
         frameRect: t,
         frameElement: e
       }),
-      /* @__PURE__ */ n(Ai, { panelRect: a }),
-      /* @__PURE__ */ n(Pi, { panelRect: a }),
-      /* @__PURE__ */ n(zi, {
+      /* @__PURE__ */ n(Oi, { panelRect: a }),
+      /* @__PURE__ */ n(Ii, { panelRect: a }),
+      /* @__PURE__ */ n(Fi, {
         interaction: l,
         panelRect: a
       }),
-      /* @__PURE__ */ n(Ro, {
+      /* @__PURE__ */ n(Do, {
         interaction: l,
         panelOrigin: r
       })
     ] })
   });
-}, l1 = ({ slots: e, ...t }) => /* @__PURE__ */ n(Zt, { children: /* @__PURE__ */ n(Jt, {
+}, c1 = ({ slots: e, ...t }) => /* @__PURE__ */ n(qt, { children: /* @__PURE__ */ n(Jt, {
   slots: k(() => ({
-    EditorSurface: ol,
+    EditorSurface: il,
     ...e
   }), [e]),
   ...t
-}) }), pt = ve(null), gt = ({ labelId: e, controlId: t, children: r }) => {
+}) }), gt = ve(null), vt = ({ labelId: e, controlId: t, children: r }) => {
   const a = k(() => {
     let o = null;
     return {
@@ -2061,22 +2061,22 @@ var Ri = "_1tyillx1", Di = {
       claimControlId: (i) => (o ??= i, o === i)
     };
   }, [e, t]);
-  return /* @__PURE__ */ n(pt.Provider, {
+  return /* @__PURE__ */ n(gt.Provider, {
     value: a,
     children: r
   });
 }, Q = ({ id: e, ariaLabel: t, ariaLabelledBy: r }, a = !0) => {
-  const o = ce(pt), 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);
+  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 },
     ...t !== void 0 && { "aria-label": t },
     ...s !== void 0 && { "aria-labelledby": s }
   };
 };
-var sl = {
+var cl = {
   default: "woi4bh4 woi4bh3",
   tile: "woi4bh5 woi4bh3"
-}, cl = ({ label: e, icon: t, onClick: r, variant: a = "default", isDisabled: o, ariaLabel: i, ariaLabelledBy: l, id: c }) => {
+}, dl = ({ label: e, icon: t, onClick: r, variant: a = "default", isDisabled: o, ariaLabel: i, ariaLabelledBy: l, id: c }) => {
   const s = Q({
     id: c,
     ariaLabel: i,
@@ -2084,7 +2084,7 @@ var sl = {
   }), h = a === "tile";
   return /* @__PURE__ */ p("button", {
     type: "button",
-    className: sl[a],
+    className: cl[a],
     disabled: o,
     onClick: r,
     ...s,
@@ -2100,7 +2100,7 @@ var sl = {
   const e = ce(Ze);
   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;
-}, vt = ({ children: e, onKeyDown: t, ...r }) => {
+}, Ct = ({ children: e, onKeyDown: t, ...r }) => {
   const a = ce(Ze);
   return /* @__PURE__ */ n("div", {
     onKeyDown: (i) => {
@@ -2111,7 +2111,7 @@ var sl = {
     ...r,
     children: e
   });
-}, Ct = "keyboard", Le = (e) => {
+}, ft = "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 sl = {
       }
     }
   };
-}, dl = "eh8dvc0", hl = "eh8dvc1 uz3g760", ul = "eh8dvc2 uz3g761";
-var ml = ({ 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 }) => {
+}, 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({
     id: m,
     ariaLabel: u,
     ariaLabelledBy: v
   }), { commitUnlessHeldKey: C, gestureHandlers: P } = Le(r);
   return /* @__PURE__ */ n(an.Root, {
-    className: dl,
+    className: hl,
     value: e,
     onValueChange: (w) => t(w),
     onValueCommitted: (w, b) => {
-      C(b.reason === Ct);
+      C(b.reason === ft);
     },
     min: a,
     max: o,
     step: i,
     disabled: h,
-    children: /* @__PURE__ */ p(vt, {
-      className: hl,
+    children: /* @__PURE__ */ p(Ct, {
+      className: ul,
       "data-error": d === !0,
       "data-disabled": h === !0 ? "" : void 0,
       children: [
@@ -2168,7 +2168,7 @@ var ml = ({ value: e, onChange: t, onCommit: r, min: a, max: o, step: i, placeho
           children: c
         }),
         /* @__PURE__ */ n(an.Input, {
-          className: ul,
+          className: ml,
           placeholder: l,
           ...P,
           "aria-invalid": d === !0 ? !0 : void 0,
@@ -2181,22 +2181,22 @@ var ml = ({ value: e, onChange: t, onCommit: r, min: a, max: o, step: i, placeho
       ]
     })
   });
-}, pl = "_1b7s5f0", ie = {
+}, gl = "_1b7s5f0", ie = {
   1: "_1b7s5f1",
   2: "_1b7s5f2",
   3: "_1b7s5f3",
   4: "_1b7s5f4",
   5: "_1b7s5f5",
   6: "_1b7s5f6"
-}, gl = "_1b7s5f7";
-var vl = 6, Cl = ({ options: e, value: t, onChange: r, onCommit: a, columns: o, itemLayout: i = "tile", isDisabled: l, ariaLabel: c, ariaLabelledBy: s, id: h }) => {
+}, 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({
     id: h,
     ariaLabel: c,
     ariaLabelledBy: s
   }), u = i === "swatch", { commitAfterChange: v, gestureHandlers: m } = Le(a);
-  return /* @__PURE__ */ n(Kn, {
-    className: se(pl, fl(o ?? e.length)),
+  return /* @__PURE__ */ n(Un, {
+    className: se(gl, bl(o ?? e.length)),
     value: t,
     onValueChange: (g) => {
       r(g), v();
@@ -2204,10 +2204,10 @@ var vl = 6, Cl = ({ options: e, value: t, onChange: r, onCommit: a, columns: o,
     ...m,
     disabled: l,
     ...d,
-    children: e.map((g) => /* @__PURE__ */ p(Gn.Root, {
+    children: e.map((g) => /* @__PURE__ */ p(Kn.Root, {
       value: g.value,
       disabled: g.isDisabled,
-      className: se(gl, u && "_1b7s5f8"),
+      className: se(vl, u && "_1b7s5f8"),
       "aria-label": u ? g.label : void 0,
       children: [g.icon, !u && /* @__PURE__ */ n("span", {
         className: "_1b7s5f9",
@@ -2215,8 +2215,8 @@ var vl = 6, Cl = ({ options: e, value: t, onChange: r, onCommit: a, columns: o,
       })]
     }, g.value))
   });
-}, fl = (e) => {
-  switch (Math.min(Math.max(Math.round(e), 1), vl)) {
+}, bl = (e) => {
+  switch (Math.min(Math.max(Math.round(e), 1), Cl)) {
     case 1:
       return ie[1];
     case 2:
@@ -2230,8 +2230,8 @@ var vl = 6, Cl = ({ options: e, value: t, onChange: r, onCommit: a, columns: o,
     default:
       return ie[6];
   }
-}, bl = "_1g5x15w0 uz3g760", yl = "_1g5x15w1", Sl = "_1g5x15w2", vn = "_1g5x15w3", wl = "_1g5x15w4", xl = "_1g5x15w5", Tl = "_1g5x15w6", Ll = "_1g5x15w7";
-var Pl = ({ options: e, value: t, onChange: r, placeholder: a, isDisabled: o, hasError: i, ariaLabel: l, ariaLabelledBy: c, id: s }) => {
+}, 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({
     id: s,
     ariaLabel: l,
@@ -2246,12 +2246,12 @@ var Pl = ({ options: e, value: t, onChange: r, placeholder: a, isDisabled: o, ha
       label: d.label
     })),
     children: [/* @__PURE__ */ p(Z.Trigger, {
-      className: bl,
+      className: yl,
       "data-error": i === !0,
       ...h,
       children: [/* @__PURE__ */ n(Z.Value, {
-        className: yl,
-        children: (d) => Il(e, d, a)
+        className: Sl,
+        children: (d) => Al(e, d, a)
       }), /* @__PURE__ */ n(Z.Icon, {
         className: vn,
         children: /* @__PURE__ */ n(xe, { size: "sm" })
@@ -2259,19 +2259,19 @@ var Pl = ({ options: e, value: t, onChange: r, placeholder: a, isDisabled: o, ha
     }), /* @__PURE__ */ n(Z.Portal, {
       container: ze(),
       children: /* @__PURE__ */ n(ge, { children: /* @__PURE__ */ n(Z.Positioner, {
-        className: wl,
+        className: xl,
         sideOffset: 4,
         alignItemWithTrigger: !1,
         children: /* @__PURE__ */ n(Z.Popup, {
-          className: xl,
+          className: Tl,
           children: e.map((d) => /* @__PURE__ */ p(Z.Item, {
             value: d.value,
             disabled: d.isDisabled,
-            className: Tl,
+            className: Ll,
             children: [
               d.icon,
               /* @__PURE__ */ p("span", {
-                className: Ll,
+                className: Pl,
                 children: [/* @__PURE__ */ n(Z.ItemText, { children: d.label }), d.description !== void 0 && /* @__PURE__ */ n("span", {
                   className: "_1g5x15w8",
                   children: d.description
@@ -2279,7 +2279,7 @@ var Pl = ({ options: e, value: t, onChange: r, placeholder: a, isDisabled: o, ha
               }),
               /* @__PURE__ */ n(Z.ItemIndicator, {
                 className: vn,
-                children: /* @__PURE__ */ n(qt, { size: "sm" })
+                children: /* @__PURE__ */ n($t, { size: "sm" })
               })
             ]
           }, d.value))
@@ -2287,34 +2287,34 @@ var Pl = ({ options: e, value: t, onChange: r, placeholder: a, isDisabled: o, ha
       }) })
     })]
   });
-}, Il = (e, t, r) => t === null ? /* @__PURE__ */ n("span", {
-  className: Sl,
+}, Al = (e, t, r) => t === null ? /* @__PURE__ */ n("span", {
+  className: wl,
   children: r
-}) : Al(e, t), Al = (e, t) => e.find((r) => r.value === t)?.label ?? t, Ol = "vod76w0", Ml = "vod76w1", Nl = "vod76w2", El = "vod76w3", kl = "vod76w4", _l = "vod76w5";
-var Rl = ({ value: e, onChange: t, onCommit: r, min: a, max: o, step: i, suffix: l, formatValue: c, isDisabled: s, ariaLabel: h, ariaLabelledBy: d }) => {
+}) : 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({
     ariaLabel: h,
     ariaLabelledBy: d
-  }, !1), v = Dl(e, l, c), { commitUnlessHeldKey: m, gestureHandlers: g } = Le(r);
+  }, !1), v = Hl(e, l, c), { commitUnlessHeldKey: m, gestureHandlers: g } = Le(r);
   return /* @__PURE__ */ p("div", {
-    className: Ol,
+    className: Ml,
     children: [/* @__PURE__ */ n(de.Root, {
-      className: Ml,
+      className: Nl,
       value: e,
       onValueChange: (C) => t(C),
       onValueCommitted: (C, P) => {
-        m(P.reason === Ct);
+        m(P.reason === ft);
       },
       min: a,
       max: o,
       step: i,
       disabled: s,
       children: /* @__PURE__ */ n(de.Control, {
-        className: Nl,
+        className: El,
         children: /* @__PURE__ */ p(de.Track, {
-          className: El,
-          children: [/* @__PURE__ */ n(de.Indicator, { className: kl }), /* @__PURE__ */ n(de.Thumb, {
-            className: _l,
+          className: kl,
+          children: [/* @__PURE__ */ n(de.Indicator, { className: _l }), /* @__PURE__ */ n(de.Thumb, {
+            className: Rl,
             ...g,
             ...u
           })]
@@ -2325,7 +2325,7 @@ var Rl = ({ value: e, onChange: t, onCommit: r, min: a, max: o, step: i, suffix:
       children: v
     })]
   });
-}, Dl = (e, t, r) => r !== void 0 ? r(e) : t !== void 0 ? `${e}${t}` : null, Hl = "_1hyrlw60", Vl = "_1hyrlw61", zl = ({ isChecked: e, onChange: t, isDisabled: r, ariaLabel: a, ariaLabelledBy: o, id: i }) => {
+}, 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({
     id: i,
     ariaLabel: a,
@@ -2335,21 +2335,21 @@ var Rl = ({ value: e, onChange: t, onCommit: r, min: a, max: o, step: i, suffix:
     checked: e,
     onCheckedChange: (c) => t(c),
     disabled: r,
-    className: Hl,
+    className: Vl,
     ...l,
-    children: /* @__PURE__ */ n(on.Thumb, { className: Vl })
+    children: /* @__PURE__ */ n(on.Thumb, { className: zl })
   });
-}, Fl = "uz3g761", Bl = "tpcnun0 uz3g760", Gl = ({ value: e, onChange: t, onCommit: r, placeholder: a, isDisabled: o, hasError: i, ariaLabel: l, ariaLabelledBy: c, id: s }) => {
+}, 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({
     id: s,
     ariaLabel: l,
     ariaLabelledBy: c
   });
-  return /* @__PURE__ */ n(vt, {
-    className: Bl,
+  return /* @__PURE__ */ n(Ct, {
+    className: Gl,
     "data-error": i === !0,
-    children: /* @__PURE__ */ n(Wa, {
-      className: Fl,
+    children: /* @__PURE__ */ n(Za, {
+      className: Bl,
       value: e,
       onValueChange: (d) => t(d),
       onBlur: r,
@@ -2359,15 +2359,15 @@ var Rl = ({ value: e, onChange: t, onCommit: r, min: a, max: o, step: i, suffix:
       ...h
     })
   });
-}, Kl = "cnu9yl0", Ul = "cnu9yl1";
-var Wl = ({ options: e, value: t, onChange: r, onCommit: a, itemLayout: o = "inline", isDisabled: i, ariaLabel: l, ariaLabelledBy: c, id: s }) => {
+}, 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({
     id: s,
     ariaLabel: l,
     ariaLabelledBy: c
   }), d = o === "stacked", { commitAfterChange: u, gestureHandlers: v } = Le(a);
-  return /* @__PURE__ */ n(Kn, {
-    className: Kl,
+  return /* @__PURE__ */ n(Un, {
+    className: Ul,
     value: t,
     onValueChange: (m) => {
       r(m), u();
@@ -2375,71 +2375,71 @@ var Wl = ({ options: e, value: t, onChange: r, onCommit: a, itemLayout: o = "inl
     ...v,
     disabled: i,
     ...h,
-    children: e.map((m) => /* @__PURE__ */ p(Gn.Root, {
+    children: e.map((m) => /* @__PURE__ */ p(Kn.Root, {
       value: m.value,
       disabled: m.isDisabled,
-      className: se(Ul, d && "cnu9yl2"),
-      "aria-label": Zl(m, d),
-      children: [m.icon, ft(m, d) && /* @__PURE__ */ n("span", {
+      className: se(Wl, d && "cnu9yl2"),
+      "aria-label": ql(m, d),
+      children: [m.icon, bt(m, d) && /* @__PURE__ */ n("span", {
         className: "cnu9yl3",
         children: m.label
       })]
     }, m.value))
   });
-}, ft = (e, t) => e.icon === void 0 || t, Zl = (e, t) => {
-  if (!ft(e, t))
+}, bt = (e, t) => e.icon === void 0 || t, ql = (e, t) => {
+  if (!bt(e, t))
     return e.label;
-}, bt = {
-  ToggleGroup: Wl,
-  Switch: zl,
-  Slider: Rl,
-  RadioGrid: Cl,
-  Button: cl,
-  TextField: Gl,
-  NumberField: ml,
-  Select: Pl
-}, yt = ve(bt), ql = ({ controls: e, children: t }) => {
+}, 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(() => ({
-    ...bt,
+    ...yt,
     ...e
   }), [e]);
-  return /* @__PURE__ */ n(yt.Provider, {
+  return /* @__PURE__ */ n(St.Provider, {
     value: r,
     children: t
   });
-}, M = () => ce(yt), $l = "_12lhx9e0", St = ({ children: e }) => /* @__PURE__ */ n("div", {
-  className: $l,
-  children: e
-}), Xl = "_139ohwv0", F = ({ children: e }) => /* @__PURE__ */ n("div", {
+}, M = () => ce(St), Xl = "_12lhx9e0", wt = ({ children: e }) => /* @__PURE__ */ n("div", {
   className: Xl,
   children: e
-}), wt = ve(null), jl = wt.Provider, Yl = () => {
-  const e = ce(wt);
+}), Yl = "_139ohwv0", F = ({ children: e }) => /* @__PURE__ */ n("div", {
+  className: Yl,
+  children: e
+}), xt = ve(null), jl = xt.Provider, Jl = () => {
+  const e = ce(xt);
   if (!e) throw new Error("A section must be rendered inside <EditorPanel.Root>.");
   return e;
-}, Jl = "_1jlczkt0", Ql = "data-graphy-editor-panel", es = {
+}, Ql = "_1jlczkt0", es = "data-graphy-editor-panel", ns = {
   List: F,
-  Grid: St
+  Grid: wt
 };
-function ns(e) {
+function ts(e) {
   if (e === void 0) return !1;
   const t = e.split(/\s+/);
   return t.includes("_1ii3bsb0") || t.includes("_1ii3bsb1");
 }
-var ts = ({ handle: e, children: t, controls: r, defaultExpandedSection: a = void 0, className: o }) => {
+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(() => ({
     expandSection: (u) => h([u]),
     collapseAllSections: () => h([])
   }), []);
   return /* @__PURE__ */ n(Ze.Provider, {
     value: i,
-    children: /* @__PURE__ */ n(ql, {
+    children: /* @__PURE__ */ n($l, {
       controls: r,
       children: /* @__PURE__ */ n(jl, {
         value: d,
         children: /* @__PURE__ */ n(ue.Root, {
-          [Ql]: "",
-          className: se(Jl, o, { [l]: !ns(o) }),
+          [es]: "",
+          className: se(Ql, o, { [l]: !ts(o) }),
           style: c,
           value: s,
           onValueChange: (u) => h(u),
@@ -2448,13 +2448,13 @@ var ts = ({ handle: e, children: t, controls: r, defaultExpandedSection: a = voi
       })
     })
   });
-}, xt = {
-  Root: ts,
-  Controls: es
+}, Tt = {
+  Root: rs,
+  Controls: ns
 }, Cn = {
   stack: "pr583x0",
   grid: "pr583x1"
-}, fn = "pr583x2", rs = {
+}, fn = "pr583x2", as = {
   plain: "pr583x4 pr583x3",
   withIcon: "pr583x5 pr583x3"
 }, f = ({ label: e, layout: t = "grid", icon: r, children: a }) => {
@@ -2470,21 +2470,21 @@ var ts = ({ handle: e, children: t, controls: r, defaultExpandedSection: a = voi
     children: [/* @__PURE__ */ p("label", {
       id: o,
       htmlFor: i,
-      className: rs[r === void 0 ? "plain" : "withIcon"],
+      className: as[r === void 0 ? "plain" : "withIcon"],
       children: [r !== void 0 && /* @__PURE__ */ n("span", {
         "aria-hidden": "true",
         children: r
       }), e]
     }), /* @__PURE__ */ n("div", {
       className: fn,
-      children: /* @__PURE__ */ n(gt, {
+      children: /* @__PURE__ */ n(vt, {
         labelId: o,
         controlId: i,
         children: a
       })
     })]
   });
-}, as = (e) => /* @__PURE__ */ n(L, {
+}, os = (e) => /* @__PURE__ */ n(L, {
   ...e,
   children: /* @__PURE__ */ n("g", {
     stroke: "currentColor",
@@ -2493,15 +2493,15 @@ var ts = ({ 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", os = "_40zvwv2", Tt = "_40zvwv3", is = "_40zvwv4 _40zvwv3";
-var ls = "_40zvwv6";
-var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory: a, onOpenChange: o, children: i }) => t === "collapsible" ? /* @__PURE__ */ n(ds, {
+}), 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, {
   title: e,
   preview: r,
   accessory: a,
   onOpenChange: o,
   children: i
-}) : t === "inline" && r === void 0 ? /* @__PURE__ */ n(cs, {
+}) : t === "inline" && r === void 0 ? /* @__PURE__ */ n(ds, {
   title: e,
   accessory: a,
   children: i
@@ -2511,7 +2511,7 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
     className: $e,
     children: [
       /* @__PURE__ */ n("span", {
-        className: Tt,
+        className: Lt,
         children: e
       }),
       r !== void 0 && /* @__PURE__ */ n("span", {
@@ -2524,7 +2524,7 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
       })
     ]
   }), /* @__PURE__ */ n("div", { children: i })]
-}), cs = ({ title: e, accessory: t, children: r }) => {
+}), ds = ({ title: e, accessory: t, children: r }) => {
   const a = le(), o = le();
   return /* @__PURE__ */ n("div", {
     className: qe,
@@ -2534,12 +2534,12 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
         /* @__PURE__ */ n("label", {
           id: a,
           htmlFor: o,
-          className: is,
+          className: ls,
           children: e
         }),
         /* @__PURE__ */ n("span", {
-          className: ls,
-          children: /* @__PURE__ */ n(gt, {
+          className: ss,
+          children: /* @__PURE__ */ n(vt, {
             labelId: a,
             controlId: o,
             children: r
@@ -2552,7 +2552,7 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
       ]
     })
   });
-}, ds = ({ title: e, preview: t, accessory: r, onOpenChange: a, children: o }) => {
+}, hs = ({ title: e, preview: t, accessory: r, onOpenChange: a, children: o }) => {
   const i = I();
   return /* @__PURE__ */ p(ue.Item, {
     value: e,
@@ -2563,11 +2563,11 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
       render: /* @__PURE__ */ n("div", {}),
       children: [
         /* @__PURE__ */ n(ue.Trigger, {
-          className: os,
+          className: is,
           "aria-label": i("editor.accessibility.toggleSection", { title: e })
         }),
         /* @__PURE__ */ n("span", {
-          className: Tt,
+          className: Lt,
           children: e
         }),
         t !== void 0 && /* @__PURE__ */ n("span", {
@@ -2579,14 +2579,14 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
           children: r
         }),
         /* @__PURE__ */ n("span", {
-          className: ss,
-          children: /* @__PURE__ */ n(as, { size: "sm" })
+          className: cs,
+          children: /* @__PURE__ */ n(os, { size: "sm" })
         })
       ]
     }), /* @__PURE__ */ n(ue.Panel, { children: /* @__PURE__ */ n("div", { children: o }) })]
   });
-}, hs = ({ title: e, isChecked: t, onToggle: r, isDisabled: a, preview: o, children: i }) => {
-  const { expandSection: l, collapseAllSections: c } = Yl(), { Switch: s } = M();
+}, us = ({ title: e, isChecked: t, onToggle: r, isDisabled: a, preview: o, children: i }) => {
+  const { expandSection: l, collapseAllSections: c } = Jl(), { Switch: s } = M();
   return /* @__PURE__ */ n(D, {
     title: e,
     layout: "collapsible",
@@ -2604,15 +2604,15 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
     }),
     children: i
   });
-}, us = {
+}, ms = {
   horizontal: ["bottom", "top"],
   vertical: ["left", "right"]
-}, ms = {
+}, ps = {
   left: "editor.axesPanel.position.left",
   right: "editor.axesPanel.position.right",
   top: "editor.axesPanel.position.top",
   bottom: "editor.axesPanel.position.bottom"
-}, ps = {
+}, gs = {
   x: "editor.axesPanel.mainAxisSection.xAxis",
   y: "editor.axesPanel.mainAxisSection.yAxis"
 }, bn = ({ axis: e, title: t, layout: r = "collapsible", preview: a }) => {
@@ -2620,56 +2620,56 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
   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 = gs(C), V = (y, $) => y.map((Ce) => ({
+  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 = us[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) => ({
+  })), 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) => ({
     value: y,
-    label: l(ms[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")), At = V([
+    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([
     "auto",
     "zero",
     "custom"
-  ], (y) => l(y === "zero" ? "editor.axesPanel.startFrom.zero" : y === "custom" ? "editor.axesPanel.startFrom.custom" : "editor.axesPanel.startFrom.auto")), Ot = V(["auto", "custom"], (y) => l(y === "custom" ? "editor.axesPanel.endAt.custom" : "editor.axesPanel.endAt.auto")), Mt = V(["no", "yes"], (y) => l(y === "yes" ? "editor.axesPanel.yesNo.yes" : "editor.axesPanel.yesNo.no")), Nt = (y) => {
+  ], (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({
       axis: e,
       isVisible: y
     }));
-  }, Et = (y) => {
+  }, kt = (y) => {
     o.commands.dispatch(new Tr({
       axis: e,
       label: y === "" ? null : y
     }), { transient: !0 });
-  }, kt = (y) => {
+  }, _t = (y) => {
     o.commands.dispatch(new Ir({
       axis: e,
       isVisible: y
     }));
-  }, _t = (y) => {
+  }, Rt = (y) => {
     o.commands.dispatch(new Pr({
       axis: e,
       tickMode: y === "edges" ? "edges" : "auto"
     }));
-  }, Rt = (y) => {
+  }, Dt = (y) => {
     o.commands.dispatch(new na({
       scaledAesthetic: e,
       reverse: y === "yes"
     }));
-  }, Dt = (y) => {
+  }, Ht = (y) => {
     o.commands.dispatch(new ta({
       scaledAesthetic: e,
       transform: y === "log" ? "log" : "linear"
     }));
-  }, Ye = (y) => {
+  }, je = (y) => {
     o.commands.dispatch(new fe({
       scaledAesthetic: e,
       ...y
     }), { transient: !0 });
-  }, Ht = (y) => {
-    y !== null && Ye({ domainMin: y });
   }, Vt = (y) => {
-    y !== null && Ye({ domainMax: y });
+    y !== null && je({ domainMin: y });
   }, zt = (y) => {
+    y !== null && je({ domainMax: y });
+  }, Ft = (y) => {
     if (C) {
       if (y === "custom") {
         C.zero && o.commands.dispatch(new rn({
@@ -2689,13 +2689,13 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
         zero: y === "zero"
       }));
     }
-  }, Ft = (y) => {
+  }, Bt = (y) => {
     const $ = y === "custom" ? yn(m?.domain, "end") : null;
     o.commands.dispatch(new fe({
       scaledAesthetic: e,
       domainMax: $
     }));
-  }, Bt = (y) => {
+  }, Gt = (y) => {
     const $ = B.find((Ce) => Ce === y);
     $ && o.commands.dispatch(new Lr({
       axis: e,
@@ -2703,7 +2703,7 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
     }));
   };
   return /* @__PURE__ */ n(D, {
-    title: t ?? l(ps[e]),
+    title: t ?? l(gs[e]),
     layout: r,
     preview: a,
     children: /* @__PURE__ */ p(F, { children: [
@@ -2711,21 +2711,21 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
         label: l("editor.axesPanel.controls.visible"),
         children: /* @__PURE__ */ n(s, {
           isChecked: v.isVisible,
-          onChange: Nt
+          onChange: Et
         })
       }),
       u === "linear" && /* @__PURE__ */ p(G, { children: [/* @__PURE__ */ n(f, {
         label: l("editor.axesPanel.controls.title"),
         children: /* @__PURE__ */ n(h, {
           value: v.label ?? "",
-          onChange: Et,
+          onChange: kt,
           onCommit: o.commands.seal
         })
       }), /* @__PURE__ */ n(f, {
         label: l("editor.axesPanel.controls.ticks"),
         children: /* @__PURE__ */ n(s, {
           isChecked: v.ticks.isVisible,
-          onChange: kt
+          onChange: _t
         })
       })] }),
       w && /* @__PURE__ */ n(f, {
@@ -2733,7 +2733,7 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
         children: /* @__PURE__ */ n(d, {
           value: v.ticks.mode,
           options: _,
-          onChange: _t
+          onChange: Rt
         })
       }),
       C && u === "linear" && !A && /* @__PURE__ */ n(f, {
@@ -2741,15 +2741,15 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
         children: /* @__PURE__ */ n(d, {
           value: E ?? v.position,
           options: S,
-          onChange: Bt
+          onChange: Gt
         })
       }),
       P !== void 0 && /* @__PURE__ */ n(f, {
         label: l("editor.axesPanel.controls.reverse"),
         children: /* @__PURE__ */ n(d, {
           value: P.reverse === !0 ? "yes" : "no",
-          options: Mt,
-          onChange: Rt
+          options: Nt,
+          onChange: Dt
         })
       }),
       C && !b && /* @__PURE__ */ n(f, {
@@ -2757,7 +2757,7 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
         children: /* @__PURE__ */ n(d, {
           value: T ? "log" : "linear",
           options: ee,
-          onChange: Dt
+          onChange: Ht
         })
       }),
       C && !T && /* @__PURE__ */ p(G, { children: [
@@ -2765,14 +2765,14 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
           label: l("editor.axesPanel.controls.startFrom"),
           children: /* @__PURE__ */ n(d, {
             value: N,
-            options: At,
-            onChange: zt
+            options: Ot,
+            onChange: Ft
           })
         }), N === "custom" && /* @__PURE__ */ n(f, {
           label: l("editor.axesPanel.controls.value"),
           children: /* @__PURE__ */ n(c, {
             value: C.domainMin ?? null,
-            onChange: Ht,
+            onChange: Vt,
             onCommit: o.commands.seal
           })
         })] }),
@@ -2780,22 +2780,22 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
           label: l("editor.axesPanel.controls.endAt"),
           children: /* @__PURE__ */ n(d, {
             value: x === null ? "auto" : "custom",
-            options: Ot,
-            onChange: Ft
+            options: Mt,
+            onChange: Bt
           })
         }),
         x !== null && /* @__PURE__ */ n(f, {
           label: l("editor.axesPanel.controls.value"),
           children: /* @__PURE__ */ n(c, {
             value: x,
-            onChange: Vt,
+            onChange: zt,
             onCommit: o.commands.seal
           })
         })
       ] })
     ] })
   });
-}, gs = (e) => e === void 0 ? "auto" : e.domainMin !== null && e.domainMin !== void 0 ? "custom" : e.zero === !0 ? "zero" : "auto", yn = (e, t) => {
+}, vs = (e) => e === void 0 ? "auto" : e.domainMin !== null && e.domainMin !== void 0 ? "custom" : e.zero === !0 ? "zero" : "auto", yn = (e, t) => {
   const r = t === "start" ? e?.[0] : e?.[e.length - 1];
   return typeof r == "number" ? r : 0;
 }, Xe = ({ value: e, onChange: t }) => {
@@ -2809,7 +2809,7 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
       isDisabled: i
     })
   });
-}, vs = ({ title: e, layout: t = "collapsible", preview: r }) => {
+}, Cs = ({ 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) => {
@@ -2835,7 +2835,7 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
       onChange: h
     })] })
   });
-}, Sn = /^[a-z][a-z\d+.-]*:/i, Cs = {}, fs = ({ title: e, layout: t = "collapsible", preview: r }) => {
+}, Sn = /^[a-z][a-z\d+.-]*:/i, fs = {}, bs = ({ 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) => {
@@ -2854,9 +2854,9 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
         isChecked: c.isSourceVisible,
         onChange: s
       })
-    }), /* @__PURE__ */ n(bs, { source: c.source ?? Cs })] })
+    }), /* @__PURE__ */ n(ys, { source: c.source ?? fs })] })
   });
-}, bs = ({ source: e }) => {
+}, ys = ({ 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 });
@@ -2879,7 +2879,7 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
       value: e.url ?? "",
       onChange: l,
       onCommit: i,
-      hasError: Sn.test(e.url ?? "") && !Va(e.url)
+      hasError: Sn.test(e.url ?? "") && !za(e.url)
     })
   }), /* @__PURE__ */ n(f, {
     label: r("editor.elementsPanel.sourceSection.name"),
@@ -2889,7 +2889,7 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
       onCommit: t.commands.seal
     })
   })] });
-}, ys = ({ title: e, layout: t = "collapsible", preview: r }) => {
+}, Ss = ({ 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) => {
@@ -2926,7 +2926,7 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
   2.5,
   3,
   4
-], Ss = Re.length / 2, ws = ({ title: e, layout: t = "collapsible", preview: r }) => {
+], ws = Re.length / 2, xs = ({ 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) => ({
@@ -2943,12 +2943,12 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
     children: /* @__PURE__ */ n(l, {
       value: `${c}`,
       options: h,
-      columns: Ss,
+      columns: ws,
       onChange: d,
       ariaLabel: i("editor.elementsPanel.textSizeSection.title")
     })
   });
-}, xs = ({ title: e, layout: t = "collapsible", preview: r }) => {
+}, Ts = ({ 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) => {
@@ -2974,26 +2974,36 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
       onChange: h
     })] })
   });
-}, s1 = ({ children: e, ...t }) => /* @__PURE__ */ n(xt.Root, {
+}, d1 = ({ children: e, ...t }) => /* @__PURE__ */ n(Tt.Root, {
   ...t,
   children: e ?? /* @__PURE__ */ p(G, { children: [
-    /* @__PURE__ */ n(xs, {}),
-    /* @__PURE__ */ n(ys, {}),
-    /* @__PURE__ */ n(vs, {}),
-    /* @__PURE__ */ n(fs, {}),
-    /* @__PURE__ */ n(ws, {})
+    /* @__PURE__ */ n(Ts, {}),
+    /* @__PURE__ */ n(Ss, {}),
+    /* @__PURE__ */ n(Cs, {}),
+    /* @__PURE__ */ n(bs, {}),
+    /* @__PURE__ */ n(xs, {})
   ] })
-}), c1 = ({ children: e, ...t }) => /* @__PURE__ */ n(xt.Root, {
+}), h1 = ({ 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`, Lt = (e) => `${Math.round(e * 100)}%`, Ts = (e) => `${e}°`, Ls = 24, wn = ["dim", "desaturate"], d1 = ({ title: e, layout: t = "collapsible", preview: r }) => {
+}), 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 }) => {
   const a = O(), o = R(a), i = I(), { Slider: l, ToggleGroup: c } = M();
   if (!o) return null;
-  const { cornerRadius: s } = o.config.appearance, h = Ba(o.spec), d = wn.map((m) => ({
+  const s = Vn().chromeReaders(o.chrome).graph.get("borderRadius"), h = Ga(o.spec), d = wn.map((m) => ({
     value: m,
     label: i(m === "dim" ? "editor.highlighting.highlightStyle.tint" : "editor.highlighting.highlightStyle.grey")
   })), u = (m) => {
-    a.commands.dispatch(new wr({ cornerRadius: m }), { transient: !0 });
+    const g = Na(o.spec.styles.overrides, Is)?.declarations ?? {};
+    a.commands.dispatch(new aa({
+      list: "overrides",
+      rule: {
+        select: { target: "graph" },
+        declarations: {
+          ...g,
+          borderRadius: m
+        }
+      }
+    }), { transient: !0 });
   }, v = (m) => {
     const g = wn.find((C) => C === m);
     g && a.commands.dispatch(new Kr({ dimStyle: g }));
@@ -3007,7 +3017,7 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
       children: /* @__PURE__ */ n(l, {
         value: s,
         min: 0,
-        max: Ls,
+        max: Ps,
         step: 1,
         formatValue: Pe,
         onChange: u,
@@ -3022,18 +3032,18 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
       })
     })] })
   });
-}, je = (e, t) => {
+}, Ye = (e, t) => {
   const { colorScheme: r } = Ve();
   return k(() => {
     const a = e?.layers.find((o) => o.id === t);
-    return a === void 0 ? null : Sa({ colorScheme: r }).geomReaders(a);
+    return a === void 0 ? null : Vn({ colorScheme: r }).geomReaders(a);
   }, [
     e,
     t,
     r
   ]);
-}, Ps = 0.05, h1 = ({ 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 = je(o, s?.id ?? null);
+}, 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);
   if (!o || !s || o.coordSystem.type === "polar" && o.coordSystem.bandAxis === null) return null;
   const d = (m) => {
     a.commands.dispatch(new Mr({
@@ -3058,10 +3068,10 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
       label: i("editor.graphPanel.barSection.thickness"),
       children: /* @__PURE__ */ n(l, {
         value: s.params.width,
-        min: fr,
-        max: Cr,
-        step: Ps,
-        formatValue: Lt,
+        min: br,
+        max: fr,
+        step: As,
+        formatValue: Pt,
         onChange: d,
         onCommit: a.commands.seal
       })
@@ -3069,7 +3079,7 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
       label: i("editor.graphPanel.barSection.rounding"),
       layout: "stack",
       children: /* @__PURE__ */ n(c, {
-        value: h?.get("borderRadius") ?? pr,
+        value: h?.get("borderRadius") ?? gr,
         options: v,
         onChange: u
       })
@@ -3100,7 +3110,7 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
       floodOpacity: "0.16"
     })]
   }) })] });
-}, Ae = "qdaoth0", Is = (e) => /* @__PURE__ */ p(L, {
+}, Ae = "qdaoth0", Os = (e) => /* @__PURE__ */ p(L, {
   viewBox: "0 0 31 33",
   ...e,
   children: [/* @__PURE__ */ n(Ie, { children: /* @__PURE__ */ n("path", {
@@ -3112,7 +3122,7 @@ var ss = "_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"
   })]
-}), As = (e) => /* @__PURE__ */ n(L, {
+}), Ms = (e) => /* @__PURE__ */ n(L, {
   viewBox: "0 0 32 32",
   ...e,
   children: /* @__PURE__ */ p(Ie, { children: [/* @__PURE__ */ n("path", {
@@ -3122,7 +3132,7 @@ var ss = "_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"
   })] })
-}), Os = (e) => /* @__PURE__ */ p(L, {
+}), Ns = (e) => /* @__PURE__ */ p(L, {
   viewBox: "0 0 32 33",
   ...e,
   children: [/* @__PURE__ */ n(Ie, { children: /* @__PURE__ */ n("path", {
@@ -3136,7 +3146,7 @@ var ss = "_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"
   })]
-}), Ms = (e) => /* @__PURE__ */ p(L, {
+}), Es = (e) => /* @__PURE__ */ p(L, {
   viewBox: "0 0 32 33",
   ...e,
   children: [/* @__PURE__ */ n(Ie, { children: /* @__PURE__ */ n("path", {
@@ -3146,76 +3156,76 @@ var ss = "_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"
   })]
-}), Ns = {
+}), ks = {
   x: 0.5,
   y: 0.5
-}, Es = 0.2, ks = {
+}, _s = 0.2, Rs = {
   x: 0.375,
   y: 0.25,
   width: 0.25,
   height: 0.5
-}, _s = {
+}, Ds = {
   fillColor: null,
   fillOpacity: 0.25,
   strokeWidth: 0,
   zOrder: "background"
-}, Rs = {
+}, Hs = {
   x: 0.4,
   y: 0.6
-}, Ds = {
+}, Vs = {
   x: 0.6,
   y: 0.4
-}, Hs = "relative-difference", u1 = ({ title: e, layout: t = "collapsible", preview: r }) => {
+}, zs = "relative-difference", p1 = ({ 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 j({
+    a.commands.dispatch(new Y({
       kind: "text",
       annotation: {
-        ...aa,
-        content: Vs(i("editor.annotatePanel.callOutSection.text")),
+        ...oa,
+        content: Fs(i("editor.annotatePanel.callOutSection.text")),
         at: {
           anchorType: "panel",
-          ...Ns
+          ...ks
         },
-        width: Es
+        width: _s
       }
     }));
   }, s = () => {
-    a.commands.dispatch(new j({
+    a.commands.dispatch(new Y({
       kind: "arrow",
       annotation: {
-        ...hr,
+        ...ur,
         start: {
           anchorType: "panel",
-          ...Rs
+          ...Hs
         },
         end: {
           anchorType: "panel",
-          ...Ds
+          ...Vs
         }
       }
     }));
   }, h = () => {
-    a.commands.dispatch(new j({
+    a.commands.dispatch(new Y({
       kind: "shape",
       annotation: {
-        ...Sr,
-        ..._s,
+        ...wr,
+        ...Ds,
         region: {
           anchorType: "panel",
-          ...ks
+          ...Rs
         }
       }
     }));
   }, d = () => {
-    const v = Ra(o);
-    v !== null && a.commands.dispatch(new j({
+    const v = Da(o);
+    v !== null && a.commands.dispatch(new Y({
       kind: "differenceArrow",
       annotation: {
         ..._n,
         ...v,
-        label: Hs
+        label: zs
       }
     }));
   }, u = o.coordSystem.type === "cartesian";
@@ -3223,34 +3233,34 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
     title: e ?? i("editor.annotatePanel.callOutSection.title"),
     layout: t,
     preview: r,
-    children: /* @__PURE__ */ p(St, { children: [
+    children: /* @__PURE__ */ p(wt, { children: [
       /* @__PURE__ */ n(l, {
         variant: "tile",
-        icon: /* @__PURE__ */ n(Ms, { size: "xl" }),
+        icon: /* @__PURE__ */ n(Es, { size: "xl" }),
         label: i("editor.annotatePanel.callOutSection.text"),
         onClick: c
       }),
       /* @__PURE__ */ n(l, {
         variant: "tile",
-        icon: /* @__PURE__ */ n(Is, { size: "xl" }),
+        icon: /* @__PURE__ */ n(Os, { size: "xl" }),
         label: i("editor.annotatePanel.callOutSection.arrow"),
         onClick: s
       }),
       /* @__PURE__ */ n(l, {
         variant: "tile",
-        icon: /* @__PURE__ */ n(As, { size: "xl" }),
+        icon: /* @__PURE__ */ n(Ms, { size: "xl" }),
         label: i("editor.annotatePanel.callOutSection.box"),
         onClick: h
       }),
       u && /* @__PURE__ */ n(l, {
         variant: "tile",
-        icon: /* @__PURE__ */ n(Os, { size: "xl" }),
+        icon: /* @__PURE__ */ n(Ns, { size: "xl" }),
         label: i("editor.annotatePanel.callOutSection.difference"),
         onClick: d
       })
     ] })
   });
-}, Vs = (e) => ({
+}, Fs = (e) => ({
   type: "doc",
   content: [{
     type: "paragraph",
@@ -3259,13 +3269,13 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
       text: e
     }]
   }]
-}), zs = 0.1, Fs = 20, m1 = ({ title: e, preview: t }) => {
+}), Bs = 0.1, Gs = 20, g1 = ({ 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 la({
+    const C = new sa({
       showGoalLine: g,
-      value: Bs(a),
+      value: Ks(a),
       ...c !== void 0 && { layerId: c.id }
     });
     r.commands.dispatch(C);
@@ -3284,7 +3294,7 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
     });
     r.commands.dispatch(C, { transient: !0 });
   };
-  return /* @__PURE__ */ n(hs, {
+  return /* @__PURE__ */ n(us, {
     title: s,
     preview: t,
     isChecked: c !== void 0,
@@ -3309,22 +3319,22 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
       })
     })] })
   });
-}, Bs = (e) => {
+}, Ks = (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(Fs, Math.max(0, 1 - Math.floor(Math.log10(o))));
-  return Number((r + o * zs).toFixed(i));
-}, p1 = ({ layerId: e, title: t, layout: r = "collapsible", preview: a }) => {
+  const i = Math.min(Gs, 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 }) => {
   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);
   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 (!Ca(s.geom, i.coordSystem.type)) return null;
+  if (!fa(s.geom, i.coordSystem.type)) return null;
   const T = (E) => {
-    const B = new ia({
+    const B = new la({
       layerId: s.id,
       showDataLabels: E
     });
@@ -3336,13 +3346,13 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
     });
     o.commands.dispatch(B);
   }, N = (E) => {
-    const B = new da({
+    const B = new ha({
       layerId: s.id,
       showStackTotals: E
     });
     o.commands.dispatch(B);
   }, V = (E) => {
-    const B = new oa({
+    const B = new ia({
       layerId: s.id,
       showCategoryLabels: E
     });
@@ -3383,7 +3393,7 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
       })
     ] })
   });
-}, Gs = (e) => /* @__PURE__ */ p(L, {
+}, Us = (e) => /* @__PURE__ */ p(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: [/* @__PURE__ */ n("path", {
@@ -3395,7 +3405,7 @@ var ss = "_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"
   })]
-}), Ks = (e) => /* @__PURE__ */ n(L, {
+}), Ws = (e) => /* @__PURE__ */ n(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: /* @__PURE__ */ p("g", {
@@ -3437,7 +3447,7 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
       })
     ]
   })
-}), Us = (e) => /* @__PURE__ */ n(L, {
+}), Zs = (e) => /* @__PURE__ */ n(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: /* @__PURE__ */ p("g", {
@@ -3452,7 +3462,7 @@ var ss = "_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"
     })]
   })
-}), Ws = (e) => /* @__PURE__ */ n(L, {
+}), qs = (e) => /* @__PURE__ */ n(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: /* @__PURE__ */ p("g", {
@@ -3467,7 +3477,7 @@ var ss = "_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"
     })]
   })
-}), Zs = (e) => /* @__PURE__ */ p(L, {
+}), $s = (e) => /* @__PURE__ */ p(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -3506,7 +3516,7 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
       rx: ".533"
     })
   ]
-}), qs = (e) => /* @__PURE__ */ p(L, {
+}), Xs = (e) => /* @__PURE__ */ p(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: [/* @__PURE__ */ n("path", {
@@ -3518,7 +3528,7 @@ var ss = "_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"
   })]
-}), $s = (e) => /* @__PURE__ */ p(L, {
+}), Ys = (e) => /* @__PURE__ */ p(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: [/* @__PURE__ */ n("path", {
@@ -3530,7 +3540,7 @@ var ss = "_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"
   })]
-}), Xs = (e) => /* @__PURE__ */ n(L, {
+}), js = (e) => /* @__PURE__ */ n(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: /* @__PURE__ */ p("g", {
@@ -3565,7 +3575,7 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
       })
     ]
   })
-}), js = (e) => /* @__PURE__ */ n(L, {
+}), Js = (e) => /* @__PURE__ */ n(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: /* @__PURE__ */ p("g", {
@@ -3642,7 +3652,7 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
       ]
     })]
   })
-}), Ys = (e) => /* @__PURE__ */ p(L, {
+}), Qs = (e) => /* @__PURE__ */ p(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -3664,7 +3674,7 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
       d: "M15.999 8a8 8 0 0 1-7.588 7.989l-.412.01V8z"
     })
   ]
-}), Js = (e) => /* @__PURE__ */ n(L, {
+}), ec = (e) => /* @__PURE__ */ n(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: /* @__PURE__ */ p("g", {
@@ -3708,10 +3718,10 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
       })
     ]
   })
-}), Qs = 0.55, De = [
+}), nc = 0.55, De = [
   {
     name: "column",
-    icon: Zs,
+    icon: $s,
     summary: {
       coordType: "cartesian",
       geom: "bar",
@@ -3720,7 +3730,7 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
   },
   {
     name: "columnStacked",
-    icon: $s,
+    icon: Ys,
     summary: {
       coordType: "cartesian",
       geom: "bar",
@@ -3729,7 +3739,7 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
   },
   {
     name: "columnStackedFill",
-    icon: qs,
+    icon: Xs,
     summary: {
       coordType: "cartesian",
       geom: "bar",
@@ -3738,7 +3748,7 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
   },
   {
     name: "bar",
-    icon: Ks,
+    icon: Ws,
     summary: {
       coordType: "flip",
       geom: "bar",
@@ -3747,7 +3757,7 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
   },
   {
     name: "barStacked",
-    icon: Ws,
+    icon: qs,
     summary: {
       coordType: "flip",
       geom: "bar",
@@ -3756,7 +3766,7 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
   },
   {
     name: "barStackedFill",
-    icon: Us,
+    icon: Zs,
     summary: {
       coordType: "flip",
       geom: "bar",
@@ -3765,7 +3775,7 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
   },
   {
     name: "line",
-    icon: js,
+    icon: Js,
     summary: {
       coordType: "cartesian",
       geom: "line",
@@ -3774,7 +3784,7 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
   },
   {
     name: "areaStacked",
-    icon: Gs,
+    icon: Us,
     summary: {
       coordType: "cartesian",
       geom: "area",
@@ -3783,7 +3793,7 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
   },
   {
     name: "scatter",
-    icon: Js,
+    icon: ec,
     summary: {
       coordType: "cartesian",
       geom: "point",
@@ -3792,7 +3802,7 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
   },
   {
     name: "pie",
-    icon: Ys,
+    icon: Qs,
     summary: {
       coordType: "polar",
       geom: "bar",
@@ -3803,31 +3813,31 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
   },
   {
     name: "donut",
-    icon: Xs,
+    icon: js,
     summary: {
       coordType: "polar",
       geom: "bar",
       position: "fill",
       theta: "y",
-      innerRadius: Qs
+      innerRadius: nc
     }
   }
-], ec = 0.05, nc = (e) => e === null ? null : De.find((t) => rc(t.summary, e)) ?? null, tc = (e, t) => {
+], tc = 0.05, rc = (e) => e === null ? null : De.find((t) => oc(t.summary, e)) ?? null, ac = (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
   };
-}, rc = (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 >= ec, ac = 3, g1 = ({ title: e, layout: t = "collapsible", preview: r }) => {
+}, 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 }) => ({
     value: u,
     label: i(`editor.graphTypes.${u}`),
     icon: /* @__PURE__ */ n(v, { size: "md" })
   })), [i]);
   if (!o) return null;
-  const s = Fa(o.spec), h = nc(s), d = (u) => {
+  const s = Ba(o.spec), h = rc(s), d = (u) => {
     const v = De.find((m) => m.name === u);
-    v && a.commands.dispatch(new Nr(tc(v, s)));
+    v && a.commands.dispatch(new Nr(ac(v, s)));
   };
   return /* @__PURE__ */ n(D, {
     title: e ?? i("editor.graphPanel.graphTypeSection.title"),
@@ -3836,7 +3846,7 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
     children: /* @__PURE__ */ n(l, {
       value: h?.name ?? "",
       options: c,
-      columns: ac,
+      columns: ic,
       onChange: d,
       ariaLabel: i("editor.graphPanel.graphTypeSection.title")
     })
@@ -3845,10 +3855,10 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
   "solid",
   "dashed",
   "dotted"
-], oc = Number.parseFloat(Yt.gridLineWidth), ic = 8, lc = 0, v1 = ({ title: e, layout: t = "collapsible", preview: r }) => {
+], 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();
   if (!o) return null;
-  const d = o.guides.axes.filter(sc);
+  const d = o.guides.axes.filter(dc);
   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) => ({
     value: b,
@@ -3875,7 +3885,7 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
     layout: t,
     preview: r,
     children: /* @__PURE__ */ p(F, { children: [d.map((b) => /* @__PURE__ */ n(f, {
-      label: i(cc(b)),
+      label: i(hc(b)),
       children: /* @__PURE__ */ n(c, {
         isChecked: b.gridVisible,
         onChange: C(b.scaleAestheticKey)
@@ -3890,9 +3900,9 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
     }), /* @__PURE__ */ n(f, {
       label: i("editor.graphPanel.gridSection.gridThickness"),
       children: /* @__PURE__ */ n(l, {
-        value: m.lineWidth ?? Xt(h.gridLineWidth, oc),
-        min: lc,
-        max: ic,
+        value: m.lineWidth ?? Yt(h.gridLineWidth, lc),
+        min: cc,
+        max: sc,
         step: 0.5,
         formatValue: Pe,
         onChange: w,
@@ -3900,21 +3910,21 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
       })
     })] })] })
   });
-}, sc = (e) => e.scaleAestheticKey === "x" || e.scaleAestheticKey === "y", cc = (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", dc = "total", Pt = [
+}, 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 = [
   "total",
   "average",
   "current"
-], hc = ["total"], Tn = ["previous", "first"], Ln = [
+], mc = ["total"], Tn = ["previous", "first"], Ln = [
   "auto",
   "small",
   "medium",
   "large"
-], C1 = ({ title: e, layout: t = "collapsible", preview: r }) => {
+], b1 = ({ 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 ? hc : Pt, C = o.guides.headline, P = C?.kind === "perGroup" && C.items.some((S) => S.comparison !== null), w = g.map((S) => ({
+  const g = u ? mc : It, C = o.guides.headline, P = C?.kind === "perGroup" && C.items.some((S) => S.comparison !== null), w = g.map((S) => ({
     value: S,
     label: i(`editor.graphPanel.headlineNumberSection.metrics.${S}`)
   })), b = Tn.map((S) => ({
@@ -3930,7 +3940,7 @@ var ss = "_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 ? dc : "none" }));
+    a.commands.dispatch(new en({ show: S ? uc : "none" }));
   }, V = (S) => {
     const _ = g.find((ee) => ee === S);
     _ && a.commands.dispatch(new en({ show: _ }));
@@ -3946,7 +3956,7 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
   return /* @__PURE__ */ n(D, {
     title: e ?? i("editor.graphPanel.headlineNumberSection.title"),
     layout: t,
-    preview: r ?? uc(i, s.show),
+    preview: r ?? pc(i, s.show),
     children: /* @__PURE__ */ p(F, { children: [/* @__PURE__ */ n(f, {
       label: i("editor.graphPanel.headlineNumberSection.toggle"),
       children: /* @__PURE__ */ n(l, {
@@ -3967,7 +3977,7 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
         label: i("editor.graphPanel.headlineNumberSection.compareWithLabel"),
         layout: "stack",
         children: /* @__PURE__ */ n(c, {
-          value: Ga(s.compareWith),
+          value: Ka(s.compareWith),
           options: b,
           onChange: E
         })
@@ -3990,8 +4000,8 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
       })
     ] })] })
   });
-}, uc = (e, t) => {
-  const r = Pt.find((a) => a === t);
+}, pc = (e, t) => {
+  const r = It.find((a) => a === t);
   return r && e(`editor.graphPanel.headlineNumberSection.metrics.${r}`);
 }, Ne = [
   "top",
@@ -4008,10 +4018,10 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
   "auto",
   "pill",
   "direct"
-], f1 = ({ positions: e, title: t, layout: r = "collapsible", preview: a }) => {
+], y1 = ({ 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 = va({
+  const s = i.config.legend.position, h = e ?? Ne, d = i.guides.legends.drawn[0], u = Ca({
     legendPosition: i.guides.legends.position,
     coordSystem: i.coordSystem,
     layers: i.layers
@@ -4070,45 +4080,45 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
       })
     ] })
   });
-}, mc = 1, pc = 20, gc = 0.5, It = ({ layerId: e }) => {
-  const t = O(), r = R(t), { Slider: a } = M(), o = je(r, e);
+}, gc = 1, vc = 20, Cc = 0.5, At = ({ layerId: e }) => {
+  const t = O(), r = R(t), { Slider: a } = M(), o = Ye(r, e);
   if (!r) return null;
   const i = (l) => {
-    const c = new jr({
+    const c = new Yr({
       layerId: e,
       size: l
     });
     t.commands.dispatch(c, { transient: !0 });
   };
   return /* @__PURE__ */ n(a, {
-    value: o?.get("size") ?? gr,
-    min: mc,
-    max: pc,
-    step: gc,
+    value: o?.get("size") ?? vr,
+    min: gc,
+    max: vc,
+    step: Cc,
     formatValue: Pe,
     onChange: i,
     onCommit: t.commands.seal
   });
-}, vc = 1, Cc = 10, fc = 0.1, bc = [
+}, fc = 1, bc = 10, yc = 0.1, Sc = [
   "gap",
   "zero",
   "connect"
-], b1 = ({ 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 = je(o, u?.id ?? null);
+], 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);
   if (!o || !u) return null;
-  const m = o.coordSystem.type === "polar", g = wc(i, u), C = Sc(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 = 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 = [{
     value: "auto",
     label: i("editor.graphPanel.numberFormat.options.auto")
   }, {
     value: "custom",
     label: i("editor.graphPanel.numberFormat.options.custom")
   }], x = (S) => {
-    a.commands.dispatch(new ca({
+    a.commands.dispatch(new da({
       layerId: u.id,
       showPoints: S
     }));
   }, N = (S) => {
-    b && a.commands.dispatch(new sa({
+    b && a.commands.dispatch(new ca({
       layerId: b.id,
       showFill: S
     }));
@@ -4118,7 +4128,7 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
       interpolate: S ? "catmull-rom" : "linear"
     }));
   }, E = (S) => {
-    const _ = v?.get("strokeWidth") ?? vr;
+    const _ = v?.get("strokeWidth") ?? Cr;
     a.commands.dispatch(new nn({
       layerId: u.id,
       lineWidth: S === "custom" ? _ : null
@@ -4129,7 +4139,7 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
       lineWidth: S
     }), { transient: !0 });
   }, A = (S) => {
-    const _ = yc(S);
+    const _ = wc(S);
     _ && a.commands.dispatch(new $r({
       layerId: u.id,
       missingValues: _
@@ -4149,7 +4159,7 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
       }),
       C && /* @__PURE__ */ n(f, {
         label: i("editor.graphPanel.pointSize.label"),
-        children: /* @__PURE__ */ n(It, { layerId: C.id })
+        children: /* @__PURE__ */ n(At, { layerId: C.id })
       }),
       b && !m && /* @__PURE__ */ n(f, {
         label: i("editor.graphPanel.graphOptions.lineFill"),
@@ -4177,9 +4187,9 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
         label: i("editor.graphPanel.numberFormat.valueLabel"),
         children: /* @__PURE__ */ n(c, {
           value: P,
-          min: vc,
-          max: Cc,
-          step: fc,
+          min: fc,
+          max: bc,
+          step: yc,
           formatValue: Pe,
           onChange: B,
           onCommit: a.commands.seal
@@ -4195,7 +4205,7 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
       })
     ] })
   });
-}, yc = (e) => bc.find((t) => t === e), An = (e, t, r, a) => Ma(e.styles.overrides, ma(t, a))?.declarations?.[r], Sc = (e, t) => ke(t, "point").find((r) => zn(r, [e])), wc = (e, t) => {
+}, 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) => {
   const r = [{
     value: "gap",
     label: e("editor.graphPanel.treatEmptyValues.leaveGap.label")
@@ -4207,7 +4217,7 @@ var ss = "_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;
-}, xc = "k", Tc = 2, Lc = 0, Pc = 5, He = [
+}, Lc = "k", Pc = 2, Ic = 0, Ac = 5, He = [
   {
     value: "k",
     labelKey: "thousands"
@@ -4220,10 +4230,10 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
     value: "b",
     labelKey: "billions"
   }
-], Ic = ["auto", "none"], y1 = ({ title: e, layout: t = "collapsible", preview: r }) => {
+], Oc = ["auto", "none"], w1 = ({ 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 = Ac(s) !== void 0, u = h !== "auto", v = (T) => T.map((x) => ({
+  const { abbreviation: s, decimals: h } = o.config.numberFormat, d = Mc(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 }) => ({
@@ -4232,13 +4242,13 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
   })), g = (T) => {
     a.commands.dispatch(new Xr({ abbreviation: T }));
   }, C = (T) => {
-    const x = Ic.find((N) => N === T);
-    g(x ?? xc);
+    const x = Oc.find((N) => N === T);
+    g(x ?? Lc);
   }, P = (T) => {
     const x = He.find((N) => N.value === T);
     x && g(x.value);
   }, w = (T) => {
-    a.commands.dispatch(new tn({ decimals: T === "custom" ? Tc : "auto" }));
+    a.commands.dispatch(new tn({ decimals: T === "custom" ? Pc : "auto" }));
   }, b = (T) => {
     T !== null && a.commands.dispatch(new tn({ decimals: T }), { transient: !0 });
   };
@@ -4279,35 +4289,35 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
         label: i("editor.graphPanel.numberFormat.valueLabel"),
         children: /* @__PURE__ */ n(l, {
           value: h,
-          min: Lc,
-          max: Pc,
+          min: Ic,
+          max: Ac,
           onChange: b,
           onCommit: a.commands.seal
         })
       })
     ] })
   });
-}, Ac = (e) => He.find((t) => t.value === e), S1 = ({ title: e, layout: t = "collapsible", preview: r }) => {
+}, Mc = (e) => He.find((t) => t.value === e), x1 = ({ title: e, layout: t = "collapsible", preview: r }) => {
   const a = R(O()), o = I();
   if (!a) return null;
-  const i = Oc(a.spec.layers);
+  const i = Nc(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, {
       label: o("editor.graphPanel.numberFormat.valueLabel"),
-      children: /* @__PURE__ */ n(It, { layerId: i.id })
+      children: /* @__PURE__ */ n(At, { layerId: i.id })
     }) })
   }) : null;
-}, Oc = (e) => {
+}, Nc = (e) => {
   const t = ke(e, "line", "area");
-  return ke(e, "point").find((r) => !zn(r, t));
-}, Mc = 0.9, Nc = 360, Ec = 0.05, kc = 15, w1 = ({ title: e, layout: t = "collapsible", preview: r }) => {
+  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 }) => {
   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 Yr({ innerRadius: u }), { transient: !0 });
+    a.commands.dispatch(new jr({ innerRadius: u }), { transient: !0 });
   }, d = (u) => {
     a.commands.dispatch(new Jr({ startAngle: u }), { transient: !0 });
   };
@@ -4320,9 +4330,9 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
       children: /* @__PURE__ */ n(l, {
         value: c,
         min: 0,
-        max: Mc,
-        step: Ec,
-        formatValue: Lt,
+        max: Ec,
+        step: _c,
+        formatValue: Pt,
         onChange: h,
         onCommit: a.commands.seal
       })
@@ -4331,15 +4341,15 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
       children: /* @__PURE__ */ n(l, {
         value: s,
         min: 0,
-        max: Nc - 1,
-        step: kc,
-        formatValue: Ts,
+        max: kc - 1,
+        step: Rc,
+        formatValue: Ls,
         onChange: d,
         onCommit: a.commands.seal
       })
     })] })
   });
-}, _c = (e) => /* @__PURE__ */ p(L, {
+}, Dc = (e) => /* @__PURE__ */ p(L, {
   ...e,
   children: [
     /* @__PURE__ */ n("path", {
@@ -4385,7 +4395,7 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
       fill: "currentColor"
     })
   ]
-}), Rc = (e) => k(() => {
+}), Hc = (e) => k(() => {
   if (e === null) return {
     options: [],
     findValue: () => {
@@ -4417,10 +4427,10 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
   "logarithmic",
   "power",
   "loess"
-], Dc = "linear", x1 = ({ title: e, layout: t = "collapsible", preview: r }) => {
-  const a = O(), o = R(a), i = I(), { Select: l, Switch: c } = M(), { options: s, findValue: h } = Rc(o);
+], 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);
   if (!o || o.coordSystem.type === "polar") return null;
-  const d = Na(o.spec.layers), u = Pa(o.spec.layers), v = d?.stat.type === "smooth" ? d.stat.method : Dc, m = Hc(u), g = Mn.map((x) => ({
+  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) => ({
     value: x,
     label: i(`editor.annotationsPanel.trendType.options.${x}`)
   })), C = (x, N = {}) => {
@@ -4462,7 +4472,7 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
       }),
       /* @__PURE__ */ n(f, {
         label: i("editor.annotationsPanel.trendsAndAveragesSection.average"),
-        icon: /* @__PURE__ */ n(_c, { size: "lg" }),
+        icon: /* @__PURE__ */ n(Dc, { size: "lg" }),
         children: /* @__PURE__ */ n(c, {
           isChecked: u !== void 0,
           onChange: w
@@ -4480,49 +4490,49 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
       })
     ] })
   });
-}, Hc = (e) => {
+}, zc = (e) => {
   const t = e?.transforms.find((r) => r.transformType === "filter")?.options.value;
   return t instanceof Date ? t.getTime() : t;
 };
 export {
-  d1 as AppearanceSection,
-  c1 as AxesPanel,
+  u1 as AppearanceSection,
+  h1 as AxesPanel,
   bn as AxisSection,
-  h1 as BarSection,
-  cl as Button,
-  u1 as CalloutsSection,
-  vs as CaptionSection,
-  l1 as EditableGraphRenderer,
-  xt as EditorPanel,
-  s1 as ElementsPanel,
-  m1 as GoalSection,
-  p1 as GraphOptionsSection,
-  g1 as GraphTypeSection,
-  v1 as GridSection,
-  C1 as HeadlineSection,
-  Bc as IntlProvider,
-  f1 as LegendSection,
-  b1 as LineSection,
-  ml as NumberField,
-  y1 as NumberFormatSection,
-  Ql as PANEL_ROOT_ATTRIBUTE,
-  S1 as PointSection,
-  w1 as PolarSection,
-  Cl as RadioGrid,
+  m1 as BarSection,
+  dl as Button,
+  p1 as CalloutsSection,
+  Cs as CaptionSection,
+  c1 as EditableGraphRenderer,
+  Tt as EditorPanel,
+  d1 as ElementsPanel,
+  g1 as GoalSection,
+  v1 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,
   D as Section,
-  Pl as Select,
-  Rl as Slider,
-  fs as SourceSection,
-  ys as SubtitleSection,
-  zl as Switch,
-  Gl as TextField,
-  ws as TextSizeSection,
-  xs as TitleSection,
-  Wl as ToggleGroup,
-  hs as ToggledSection,
-  x1 as TrendsAndAveragesSection,
+  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,
   M as useControls,
-  Yl as usePanelExpansion,
+  Jl as usePanelExpansion,
   O as usePanelGraph
 };