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

package/dist/editable.mjs

@@ -1,36 +1,36 @@
-import { A as Je, B as Ve, D as W, E as te, F as 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-VYEKgFOb.js";
-import { g as dr } from "./font-values-CPxYeqns.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 { 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 { A as Kt, B as He, D as W, E as ne, F as Ut, J as Ve, K as Wt, L as Zt, M as On, O as ie, P as qt, Q as ee, R as ge, T as $t, U as Uc, W as I, Z as ze, _ as Xt, b as X, c as Yt, ct as jt, d as Jt, f as Mn, ft as K, i as Qt, j as er, k as Nn, l as nr, lt as tr, m as rr, mt as U, n as R, o as ar, p as or, q as ir, r as lr, s as sr, t as cr, u as kn, ut as dr, v as xe, w as hr, x as te, y as L } from "./history-chords-Dd1uLlYw.js";
+import { p as ur } from "./typography-CiDZDGza.js";
+import { ARROW_DEFAULTS as mr, AddAnnotationCommand as Y, AddHighlightCommand as pr, BORDER_RADIUS_TOKENS as je, CONSTANT_VARIABLES as gr, DEFAULT_BAR_BORDER_RADIUS as vr, DEFAULT_POINT_SIZE as fr, DEFAULT_STROKE_WIDTH as Cr, DIFFERENCE_ARROW_DEFAULTS as _n, MAX_BAR_WIDTH as br, MIN_BAR_WIDTH as yr, MoveAnnotationCommand as Sr, RESTING_HOVER_STATE as En, RemoveAnnotationCommand as Fe, RemoveHighlightCommand as wr, SHAPE_DEFAULTS as xr, SetAppearanceTextScaleCommand as Tr, SetAxisLabelCommand as Lr, SetAxisPositionCommand as Pr, SetAxisTickModeCommand as Ir, SetAxisTicksVisibilityCommand as Ar, SetAxisVisibilityCommand as Or, SetBarBorderRadiusCommand as Mr, SetBarWidthCommand as Nr, SetChartTypeCommand as kr, SetContentCaptionCommand as _r, SetContentSourceCommand as Er, SetContentSubtitleCommand as Rr, SetContentTitleCommand as Dr, SetDataLabelsFormatCommand as Hr, SetGridLineStyleCommand as Vr, SetGridLineWidthCommand as zr, SetGridVisibilityCommand as Fr, SetHeadlineCompareWithCommand as Gr, SetHeadlinePositionCommand as Br, SetHeadlineShowCommand as Je, SetHeadlineSizeCommand as Kr, SetHighlightDimStyleCommand as Ur, SetLegendAlignCommand as Wr, SetLegendDisplayCommand as Zr, SetLegendPositionCommand as qr, SetLineInterpolationCommand as $r, SetLineMissingValuesCommand as Xr, SetLineWidthCommand as Qe, SetNumberFormatAbbreviationCommand as Yr, SetNumberFormatDecimalsCommand as en, SetPointSizeCommand as jr, SetPolarInnerRadiusCommand as Jr, SetPolarStartAngleCommand as Qr, SetRuleLabelCommand as ea, SetRuleValueCommand as na, SetScaleDomainCommand as Ce, SetScaleReverseCommand as ta, SetScaleTransformCommand as ra, SetScaleZeroCommand as nn, SetStatLineCommand as aa, SetStyleRuleCommand as oa, TEXT_ANNOTATION_DEFAULTS as ia, ToggleCategoryLabelsCommand as la, ToggleContentVisibilityCommand as Te, ToggleDataLabelsCommand as sa, ToggleGoalLineCommand as ca, ToggleLineFillCommand as da, ToggleLinePointsVisibilityCommand as ha, ToggleStackTotalsCommand as ua, UpdateAnnotationCommand as Rn, areAnchorsEqual as Dn, areEndpointsComparable as ma, buildEditMenuTriggerRegion as pa, buildLayerStyleAddress as ga, buildObservationAnchor as va, buildObservationPredicate as fa, canAnchorDirectLabels as Ca, canPlaceDataLabels as ba, clampAnnotationTranslation as ya, computeArrow as Sa, createObservationAnchorParser as wa, createStyleResolver as Hn, createValueFormatter as xa, extractConstantValue as Ta, extractVariableName as La, filterLayersByGeoms as ke, findAnnotation as Pa, findAverageLineLayer as Ia, findGoalLineLayer as Aa, findHighlightsAtObservation as Oa, findKindStyleDeclarations as Ma, findLayerByGeom as Vn, findObservationAttachment as Na, findStyleRule as ka, findTrendLineLayer as _a, formatDifferenceLabel as Ea, getColor as Ra, hasMultipleGroups as Da, inferDefaultDifferenceArrowEndpoints as Ha, inferDifferenceArrowEndpoints as Va, isCompanionLayer as zn, isObservationAttachmentKind as za, isPointWithinEditMenuTrigger as Fn, isSafeUrl as Fa, projectAnchorToPanel as Ga, readChartType as Ba, readHighlightDimStyle as Ka, resolveComparisonBasis as Ua, resolveObservationPoint as _e, stepDifferenceArrowEndpoint as Wa, toPanelCursor as Ge } from "@graphysdk/viz-engine";
+import { createContext as ve, useCallback as ye, useContext as ce, useEffect as H, useId as le, useMemo as _, useRef as pe, useState as q } from "react";
+import { Fragment as B, jsx as n, jsxs as p } from "react/jsx-runtime";
+import { useShallow as Be } from "zustand/react/shallow";
+import { createPortal as Za } from "react-dom";
 import se from "clsx";
-import { assignInlineVars as 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 { NumberField as tn } from "@base-ui/react/number-field";
+import { Radio as Bn } from "@base-ui/react/radio";
 import { RadioGroup as Kn } from "@base-ui/react/radio-group";
 import { Select as Z } from "@base-ui/react/select";
 import { Slider as de } from "@base-ui/react/slider";
-import { Switch as on } from "@base-ui/react/switch";
-import { Input as 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 { Switch as rn } from "@base-ui/react/switch";
+import { Input as qa } from "@base-ui/react/input";
+import './editable.css';var $a = "data-graphy-chart-chrome", Xa = "data-graphy-chart-menu", Un = { [Xa]: "" }, Se = (e) => ({ [$a]: e }), Wn = (e, t) => e instanceof Element && e.closest(`[data-graphy-chart-chrome="${CSS.escape(t)}"]`) !== null, Ya = (e) => e instanceof Element && e.closest("[data-graphy-chart-menu]") !== null, Zn = (e) => e instanceof Element && e.closest("[data-graphy-chart-chrome]") !== null, qn = (e, t, r) => r !== null && Fn({
   x: e.clientX - t.x,
   y: e.clientY - t.y
-}, r), me = (e, t, r) => e instanceof Node && (t.contains(e) || Wn(e, r)), Xa = "cml7ha0", $n = 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", {
+}, r), me = (e, t, r) => e instanceof Node && (t.contains(e) || Wn(e, r)), ja = "cml7ha0", $n = ve(null), Ja = ({ children: e }) => {
+  const { chartId: t } = U(), [r] = q(Ve), [a, o] = q(null);
+  return r === null ? null : /* @__PURE__ */ p(B, { children: [Za(/* @__PURE__ */ n("div", {
     ref: o,
-    className: Xa,
+    className: ja,
     ...Se(t)
   }), r), /* @__PURE__ */ n($n.Provider, {
     value: a,
     children: e
   })] });
-}, Ue = () => ce($n), Xn = (e) => /* @__PURE__ */ p(L, {
+}, Ke = () => ce($n), Xn = (e) => /* @__PURE__ */ p(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -56,73 +56,73 @@ 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 Yn = "efjmb40", jn = "efjmb41", re = "efjmb42", ae = "efjmb43", Qa = "efjmb44", eo = "efjmb45", no = /* @__PURE__ */ new Set([
   "item-press",
   "escape-key",
   "outside-press",
   "close-press",
   "sibling-open",
   "trigger-press"
-]), We = ({ label: e, icon: t, onOpened: r, children: a }) => {
-  const o = Ue(), [i, l] = q(!1), c = (s, h) => {
-    s ? (l(!0), r?.()) : Qa.has(h.reason) && l(!1);
+]), Ue = ({ label: e, icon: t, onOpened: r, children: a }) => {
+  const o = Ke(), [i, l] = q(!1), c = (s, h) => {
+    s ? (l(!0), r?.()) : no.has(h.reason) && l(!1);
   };
-  return /* @__PURE__ */ p(Y.SubmenuRoot, {
+  return /* @__PURE__ */ p(j.SubmenuRoot, {
     open: i,
     onOpenChange: c,
-    children: [/* @__PURE__ */ n(eo, {
+    children: [/* @__PURE__ */ n(to, {
       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,
+        className: Yn,
         ...Un,
-        children: /* @__PURE__ */ n(Y.Popup, {
-          className: Yn,
+        children: /* @__PURE__ */ n(j.Popup, {
+          className: jn,
           children: a
         })
       }) })
     })]
   });
-}, eo = ({ label: e, icon: t }) => /* @__PURE__ */ p(Y.SubmenuTrigger, {
-  className: ae,
+}, to = ({ label: e, icon: t }) => /* @__PURE__ */ p(j.SubmenuTrigger, {
+  className: re,
   openOnHover: !1,
   children: [
     t,
     /* @__PURE__ */ n("span", {
-      className: oe,
+      className: ae,
       children: e
     }),
     /* @__PURE__ */ n("span", {
-      className: Ja,
+      className: eo,
       children: /* @__PURE__ */ n(xe, { size: "sm" })
     })
   ]
-}), no = "_1qe7q450", to = "_1qe7q451", ro = "_1qe7q452", ao = ({ 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({
+}), ro = "_1qe7q450", ao = "_1qe7q451", oo = "_1qe7q452", io = ({ label: e, placeholder: t, addLabel: r, at: a, onRequestClose: o }) => {
+  const i = pe(null), [l, c] = q(""), { dispatch: s } = te(), h = l.trim(), d = () => {
+    h.length !== 0 && (s(new Y({
       kind: "comment",
       annotation: {
         at: a,
-        content: oo(h)
+        content: lo(h)
       }
     })), o());
   };
-  return /* @__PURE__ */ n(We, {
+  return /* @__PURE__ */ n(Ue, {
     label: e,
     icon: /* @__PURE__ */ n(Xn, {}),
     onOpened: () => {
       requestAnimationFrame(() => i.current?.focus());
     },
     children: /* @__PURE__ */ p("div", {
-      className: no,
+      className: ro,
       children: [/* @__PURE__ */ n("input", {
         ref: i,
-        className: to,
+        className: ao,
         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: oo,
         disabled: h.length === 0,
         onClick: d,
         children: r
       })]
     })
   });
-}, oo = (e) => ({
+}, lo = (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, {
+}), so = (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({
+}), co = "relative-difference", ho = ({ label: e, layer: t, at: r, onRequestClose: a }) => {
+  const { dispatch: o } = te(), i = K((s) => s.coordSystem), l = _(() => Va({
     layer: t,
     at: r,
     coordSystem: i
@@ -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: co
       }
     })), a();
   };
   return /* @__PURE__ */ p(z.Item, {
-    className: ae,
+    className: re,
     onClick: c,
-    children: [/* @__PURE__ */ n(io, {}), /* @__PURE__ */ n("span", {
-      className: oe,
+    children: [/* @__PURE__ */ n(so, {}), /* @__PURE__ */ n("span", {
+      className: ae,
       children: e
     })]
   });
 };
-function co(e, t) {
-  if (e.type === "polar" && !ho(t)) return [{
+function uo(e, t) {
+  if (e.type === "polar" && !mo(t)) return [{
     scope: "series",
     labelKey: "pieSlice"
   }];
-  const r = _a(t.data, t.mapping);
+  const r = Da(t.data, t.mapping);
   switch (t.geom) {
     case "bar": {
       const a = [{
@@ -236,10 +236,10 @@ function co(e, t) {
       return [];
   }
 }
-var ho = (e) => {
-  const t = Ta(e.mapping.x);
-  return t !== null && t !== mr.x;
-}, uo = (e) => /* @__PURE__ */ p(L, {
+var mo = (e) => {
+  const t = La(e.mapping.x);
+  return t !== null && t !== gr.x;
+}, po = (e) => /* @__PURE__ */ p(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -278,7 +278,7 @@ var ho = (e) => {
       rx: ".533"
     })
   ]
-}), mo = (e) => /* @__PURE__ */ p(L, {
+}), go = (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, {
+}), vo = (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, {
+}), fo = (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, {
+}), bo = (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, {
+}), yo = (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, {
+}), So = (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, {
+}), wo = (e) => /* @__PURE__ */ p(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -595,18 +595,18 @@ 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
+}), xo = {
+  bar: po,
+  barGroup: go,
+  barStack: fo,
+  barSeries: vo,
+  linePoint: Co,
+  lineSeries: bo,
+  scatterPoint: So,
+  scatterSeries: wo,
+  pieSlice: yo
 }, Jn = ({ labelKey: e }) => {
-  const t = So[e];
+  const t = xo[e];
   return /* @__PURE__ */ n(t, {});
 }, Qn = (e) => /* @__PURE__ */ p(L, {
   viewBox: "0 0 16 16",
@@ -621,28 +621,28 @@ var ho = (e) => {
     fill: "currentColor",
     fillOpacity: "0.8"
   })]
-}), wo = ({ label: e, options: t, onSelect: r }) => {
+}), To = ({ label: e, options: t, onSelect: r }) => {
   const a = I();
-  return /* @__PURE__ */ n(We, {
+  return /* @__PURE__ */ n(Ue, {
     label: e,
     icon: /* @__PURE__ */ n(Qn, {}),
-    children: t.map((o) => /* @__PURE__ */ p(Y.Item, {
-      className: ae,
+    children: t.map((o) => /* @__PURE__ */ p(j.Item, {
+      className: re,
       onClick: () => r(o.scope),
       children: [/* @__PURE__ */ n(Jn, { labelKey: o.labelKey }), /* @__PURE__ */ n("span", {
-        className: oe,
+        className: ae,
         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(() => {
+}, Lo = ({ label: e, layer: t, observation: r, highlights: a, onRequestClose: o }) => {
+  const i = I(), { dispatch: l } = te(), c = K((m) => m.coordSystem), s = _(() => fa(t, r), [t, r]), h = _(() => uo(c, t), [c, t]), d = _(() => {
     const m = new Set(a.map((g) => g.scope));
     return h.filter((g) => !m.has(g.scope));
   }, [h, a]), [u] = d;
   if (s === null || u === void 0) return null;
   const v = (m) => {
-    l(new ur({
+    l(new pr({
       predicate: s,
       scope: m,
       layerId: t.id
@@ -650,41 +650,41 @@ 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, {
-      className: ae,
+    return /* @__PURE__ */ p(j.Item, {
+      className: re,
       onClick: () => v(u.scope),
       children: [/* @__PURE__ */ n(Jn, { labelKey: u.labelKey }), /* @__PURE__ */ n("span", {
-        className: oe,
+        className: ae,
         children: m
       })]
     });
   }
-  return /* @__PURE__ */ n(wo, {
+  return /* @__PURE__ */ n(To, {
     label: e,
     options: d,
     onSelect: v
   });
-}, To = "_1aafi1g0", Lo = "_1aafi1g1", et = ({ children: e }) => /* @__PURE__ */ p("span", {
-  className: To,
+}, Po = "_1aafi1g0", Io = "_1aafi1g1", et = ({ children: e }) => /* @__PURE__ */ p("span", {
+  className: Po,
   "aria-hidden": "true",
-  children: [e, /* @__PURE__ */ n("span", { className: Lo })]
-}), Po = ({ label: e, highlights: t, onRequestClose: r }) => {
-  const { dispatch: a } = re(), o = t.at(-1);
+  children: [e, /* @__PURE__ */ n("span", { className: Io })]
+}), Ao = ({ label: e, highlights: t, onRequestClose: r }) => {
+  const { dispatch: a } = te(), o = t.at(-1);
   if (o === void 0) return null;
   const i = () => {
-    a(new yr({ id: o.id })), r();
+    a(new wr({ id: o.id })), r();
   };
   return /* @__PURE__ */ p(z.Item, {
-    className: ae,
+    className: re,
     onClick: i,
     children: [/* @__PURE__ */ n(et, { children: /* @__PURE__ */ n(Qn, {}) }), /* @__PURE__ */ n("span", {
-      className: oe,
+      className: ae,
       children: e
     })]
   });
-}, Io = (e, t) => {
+}, Oo = (e, t) => {
   const r = K((o) => o.spec.highlights), a = K((o) => o.config.parsingLocale);
-  return k(() => Aa({
+  return _(() => Oa({
     layer: e,
     highlights: r,
     observation: t,
@@ -718,18 +718,18 @@ var ho = (e) => {
       fillOpacity: "0.8"
     })
   ]
-}), Ao = ({ label: e, at: t, onRequestClose: r }) => {
-  const { dispatch: a } = re(), o = () => {
-    a(new j({
+}), Mo = ({ label: e, at: t, onRequestClose: r }) => {
+  const { dispatch: a } = te(), o = () => {
+    a(new Y({
       kind: "pinnedNumber",
       annotation: { at: t }
     })), r();
   };
   return /* @__PURE__ */ p(z.Item, {
-    className: ae,
+    className: re,
     onClick: o,
     children: [/* @__PURE__ */ n(nt, {}), /* @__PURE__ */ n("span", {
-      className: oe,
+      className: ae,
       children: e
     })]
   });
@@ -780,21 +780,21 @@ var ho = (e) => {
     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 = () => {
-    a(new Be({ id: e.annotation.id })), t();
+}, No = (e) => za(e.kind) && rt[e.kind] !== null, ko = ({ attachment: e, onRequestClose: t }) => {
+  const r = I(), { dispatch: a } = te(), { icon: o, labelKey: i } = rt[e.kind], l = () => {
+    a(new Fe({ id: e.annotation.id })), t();
   };
   return /* @__PURE__ */ p(z.Item, {
-    className: ae,
+    className: re,
     onClick: l,
     children: [/* @__PURE__ */ n(et, { children: /* @__PURE__ */ n(o, {}) }), /* @__PURE__ */ n("span", {
-      className: oe,
+      className: ae,
       children: r(i)
     })]
   });
-}, No = "ceeojg0", Eo = "ceeojg1", ko = "ceeojg2", _o = ({ label: e, at: t, onRequestClose: r }) => {
-  const { dispatch: a } = re(), o = (i) => {
-    a(new j({
+}, _o = "ceeojg0", Eo = "ceeojg1", Ro = "ceeojg2", Do = ({ label: e, at: t, onRequestClose: r }) => {
+  const { dispatch: a } = te(), o = (i) => {
+    a(new Y({
       kind: "sticker",
       annotation: {
         at: {
@@ -805,30 +805,30 @@ var ho = (e) => {
       }
     })), r();
   };
-  return /* @__PURE__ */ n(We, {
+  return /* @__PURE__ */ n(Ue, {
     label: e,
     icon: /* @__PURE__ */ n(tt, {}),
     children: /* @__PURE__ */ n("div", {
-      className: No,
-      children: Object.entries(rr).map(([i, l]) => /* @__PURE__ */ n(Y.Item, {
+      className: _o,
+      children: Object.entries(ar).map(([i, l]) => /* @__PURE__ */ n(j.Item, {
         className: Eo,
         "aria-label": i,
         onClick: () => o(i),
         children: /* @__PURE__ */ n("img", {
-          className: ko,
+          className: Ro,
           src: l.src,
           alt: i
         })
       }, i))
     })
   });
-}, Ro = ({ interaction: e, panelOrigin: t }) => {
-  const r = W(), a = te((i) => i.menuTrigger);
+}, Ho = ({ interaction: e, panelOrigin: t }) => {
+  const r = W(), a = ne((i) => i.menuTrigger);
   if (e.kind !== "menu" || a === null) return null;
   const o = () => {
     r.getState().releaseInteraction("menu");
   };
-  return /* @__PURE__ */ n(Do, {
+  return /* @__PURE__ */ n(Vo, {
     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), [
+}, Vo = ({ trigger: e, layer: t, at: r, observation: a, onClose: o }) => {
+  const i = I(), l = Ke(), c = K((b) => b.spec.annotations), s = K((b) => b.config.parsingLocale), h = Fo(), { x: d, y: u, radius: v } = e, m = _(() => zo(d, u, v), [
     d,
     u,
     v
-  ]), g = 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 = Na(c, r, _(() => wa(t, s), [t, s])), f = g !== null && No(g) ? g : null, P = Oo(t, a), w = (b, T) => {
+    !b && Go(T.reason) && o();
   };
   return /* @__PURE__ */ n(z.Root, {
     open: h,
@@ -858,49 +858,49 @@ var ho = (e) => {
         side: "right",
         align: "start",
         sideOffset: 8,
-        className: jn,
+        className: Yn,
         ...Un,
         children: /* @__PURE__ */ p(z.Popup, {
-          className: Yn,
+          className: jn,
           "data-testid": "observation-menu",
           children: [
-            C !== null && /* @__PURE__ */ n(Mo, {
-              attachment: C,
+            f !== null && /* @__PURE__ */ n(ko, {
+              attachment: f,
               onRequestClose: o
             }),
-            /* @__PURE__ */ n(Po, {
+            /* @__PURE__ */ n(Ao, {
               label: i("graph.annotations.baseMenu.removeHighlight"),
               highlights: P,
               onRequestClose: o
             }),
-            /* @__PURE__ */ n(z.Separator, { className: Ya }),
-            C === null && /* @__PURE__ */ p(G, { children: [
-              /* @__PURE__ */ n(Ao, {
+            /* @__PURE__ */ n(z.Separator, { className: Qa }),
+            f === null && /* @__PURE__ */ p(B, { children: [
+              /* @__PURE__ */ n(Mo, {
                 label: i("graph.annotations.baseMenu.pinNumber"),
                 at: r,
                 onRequestClose: o
               }),
-              /* @__PURE__ */ n(ao, {
+              /* @__PURE__ */ n(io, {
                 label: i("graph.annotations.baseMenu.annotate"),
                 placeholder: i("graph.annotations.textMenu.placeholder"),
                 addLabel: i("graph.annotations.textMenu.addButton"),
                 at: r,
                 onRequestClose: o
               }),
-              /* @__PURE__ */ n(_o, {
+              /* @__PURE__ */ n(Do, {
                 label: i("graph.annotations.baseMenu.addSticker"),
                 at: r,
                 onRequestClose: o
               })
             ] }),
-            t.highlight !== null && /* @__PURE__ */ n(xo, {
+            t.highlight !== null && /* @__PURE__ */ n(Lo, {
               label: i("graph.annotations.baseMenu.highlight"),
               layer: t,
               observation: a,
               highlights: P,
               onRequestClose: o
             }),
-            /* @__PURE__ */ n(so, {
+            /* @__PURE__ */ n(ho, {
               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 = () => {
+}, zo = (e, t, r) => ({ getBoundingClientRect: () => new DOMRect(e - r, t - r, r * 2, r * 2) }), Fo = () => {
   const [e, t] = q(!1);
   return H(() => {
     t(!0);
   }, []), e;
-}, zo = (e) => e === "outside-press" || e === "escape-key" || e === "item-press", at = () => {
+}, Go = (e) => e === "outside-press" || e === "escape-key" || e === "item-press", at = () => {
   const e = kn();
   return ot(e);
 }, ot = (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, {
+}), Ko = (e) => /* @__PURE__ */ n(L, {
   ...e,
   children: /* @__PURE__ */ p("g", {
     stroke: "currentColor",
@@ -946,23 +946,23 @@ 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 = [
+}), Uo = { kind: "chrome-popup" }, Wo = "var(--q7gcrz0)", Zo = "var(--q7gcrz1)", qo = "q7gcrz2", $o = "q7gcrz3";
+var Xo = "q7gcrz5", Yo = "q7gcrz6", jo = "q7gcrz7", Jo = "q7gcrz8", it = "q7gcrz9", Qo = "q7gcrza";
+var an = "q7gcrzd q7gcrzc", lt = "q7gcrze q7gcrzc", ei = [
   "absolute-difference",
   "relative-difference",
   "proportion"
-], sn = ["absolute-difference", "relative-difference"], Qo = ["relative-difference", "proportion"], ei = {
+], on = ["absolute-difference", "relative-difference"], ni = ["relative-difference", "proportion"], ti = {
   "absolute-difference": "graph.annotations.differenceArrowToolbar.labelKind.absoluteDifference",
   "relative-difference": "graph.annotations.differenceArrowToolbar.labelKind.relativeDifference",
   proportion: "graph.annotations.differenceArrowToolbar.labelKind.proportion"
-}, ni = (e) => {
+}, ri = (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) => ({
+  return _(() => {
+    const o = ma(e.start, e.end);
+    return ei.filter((i) => o || !on.includes(i) || i === e.label).map((i) => ({
       kind: i,
-      nameKey: ei[i],
+      nameKey: ti[i],
       preview: Ea({
         locale: a,
         kind: i,
@@ -970,19 +970,19 @@ var ln = "q7gcrzd q7gcrzc", lt = "q7gcrze q7gcrzc", Jo = [
         endValue: e.end.measurementValue,
         valueFormat: e.start.valueFormat
       }),
-      isPickable: o || !sn.includes(i),
-      isSuspect: Qo.includes(i) && e.start.measurementValue === 0
+      isPickable: o || !on.includes(i),
+      isSuspect: ni.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, ai = ({ labelBox: e, panelRect: t, frameWidth: r, frameHeight: a }) => {
+  const o = t.y + e.y, i = o + e.height, l = o - 8 - 36, c = i + 8, s = oi(he, l >= he ? l : c, a - he - 36), h = he;
   return {
     top: s,
     left: h,
     available: Math.max(0, r - he * 2),
     centre: t.x + e.x + e.width / 2 - h
   };
-}, ri = (e, t, r) => Math.max(e, Math.min(t, r)), Oe = [
+}, oi = (e, t, r) => Math.max(e, Math.min(t, r)), Oe = [
   {
     id: "small",
     nameKey: "graph.annotations.differenceArrowToolbar.size.small"
@@ -995,14 +995,14 @@ var ln = "q7gcrzd q7gcrzc", 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({
+], ii = ({ arrow: e, labelBox: t, panelRect: r, frameWidth: a, frameHeight: o, frameElement: i }) => {
+  const l = I(), { chartId: c, commands: s } = U(), h = W(), [d, u] = q(null), v = ri(e), m = ai({
     labelBox: t,
     panelRect: r,
     frameWidth: a,
     frameHeight: o
   }), g = (w, b) => {
-    s.dispatch(new Dn({
+    s.dispatch(new Rn({
       kind: "differenceArrow",
       id: e.id,
       patch: w
@@ -1010,15 +1010,15 @@ var ln = "q7gcrzd q7gcrzc", 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(Uo), () => b("chrome-popup");
   }, [h, d]);
-  const C = (w) => {
+  const f = (w) => {
     u(w ? "color" : null), w || s.seal();
   }, P = () => {
-    s.dispatch(new Be({ id: e.id })), i.focus({ preventScroll: !0 });
+    s.dispatch(new Fe({ id: e.id })), i.focus({ preventScroll: !0 });
   };
   return /* @__PURE__ */ n("div", {
-    className: Wo,
+    className: qo,
     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: $o,
       "data-testid": "difference-arrow-toolbar",
       ...Se(c),
-      style: Bn({
-        [Ko]: `${m.centre}px`,
-        [Uo]: `${m.available}px`
+      style: Gn({
+        [Wo]: `${m.centre}px`,
+        [Zo]: `${m.available}px`
       }),
       children: [
-        /* @__PURE__ */ n(oi, {
+        /* @__PURE__ */ n(li, {
           options: v,
           current: e.label,
           isOpen: d === "labelKind",
@@ -1049,14 +1049,14 @@ var ln = "q7gcrzd q7gcrzc", lt = "q7gcrze q7gcrzc", Jo = [
           label: l("graph.annotations.differenceArrowToolbar.color"),
           onChange: (w) => g({ color: w }, { transient: !0 }),
           isOpen: d === "color",
-          onOpenChange: C,
+          onOpenChange: f,
           popupAttributes: Se(c),
           children: /* @__PURE__ */ n("span", {
-            className: $o,
+            className: Yo,
             style: { background: e.color ?? "transparent" }
           })
         }),
-        /* @__PURE__ */ n(ii, {
+        /* @__PURE__ */ n(si, {
           current: e.size,
           isOpen: d === "size",
           onOpenChange: (w) => u(w ? "size" : null),
@@ -1067,21 +1067,21 @@ var ln = "q7gcrzd q7gcrzc", lt = "q7gcrze q7gcrzc", Jo = [
         /* @__PURE__ */ n(X.Separator, {}),
         /* @__PURE__ */ n(X.Button, {
           "aria-label": l("graph.annotations.differenceArrowToolbar.swap"),
-          className: ln,
+          className: an,
           onClick: () => g({
             start: e.end.anchor,
             end: e.start.anchor
           }),
-          children: /* @__PURE__ */ n(Fo, {
+          children: /* @__PURE__ */ n(Bo, {
             size: "sm",
             title: ""
           })
         }),
         /* @__PURE__ */ n(X.Button, {
           "aria-label": l("graph.annotations.differenceArrowToolbar.remove"),
-          className: ln,
+          className: an,
           onClick: P,
-          children: /* @__PURE__ */ n(Bo, {
+          children: /* @__PURE__ */ n(Ko, {
             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 }) => {
+}, li = ({ options: e, current: t, isOpen: r, onOpenChange: a, onPick: o }) => {
   const i = I(), l = e.find((s) => s.kind === t), c = e.some((s) => s.isPickable && s.kind !== t);
   return /* @__PURE__ */ p(z.Root, {
     open: r,
@@ -1103,7 +1103,7 @@ var ln = "q7gcrzd q7gcrzc", lt = "q7gcrze q7gcrzc", Jo = [
       onMouseDown: (s) => s.preventDefault(),
       children: [
         /* @__PURE__ */ n("span", {
-          className: qo,
+          className: Xo,
           children: l === void 0 ? "" : i(l.nameKey)
         }),
         l !== void 0 && /* @__PURE__ */ p("span", {
@@ -1130,13 +1130,13 @@ var ln = "q7gcrzd q7gcrzc", lt = "q7gcrze q7gcrzc", Jo = [
           children: "⚠"
         }),
         /* @__PURE__ */ n("span", {
-          className: Yo,
+          className: Qo,
           children: s.preview
         })
       ]
     }, s.kind)) })]
   });
-}, ii = ({ current: e, isOpen: t, onOpenChange: r, onPick: a }) => {
+}, si = ({ current: e, isOpen: t, onOpenChange: r, onPick: a }) => {
   const o = I(), i = Oe.find((l) => l.id === e) ?? Oe[0];
   return /* @__PURE__ */ p(z.Root, {
     open: t,
@@ -1158,14 +1158,14 @@ var ln = "q7gcrzd q7gcrzc", lt = "q7gcrze q7gcrzc", Jo = [
 }, st = ({ children: e }) => {
   const { chartId: t } = U();
   return /* @__PURE__ */ n(z.Portal, {
-    container: ze(),
+    container: Ve(),
     children: /* @__PURE__ */ n(ge, { children: /* @__PURE__ */ n(z.Positioner, {
       side: "bottom",
       align: "start",
       sideOffset: 6,
-      className: Xo,
+      className: jo,
       children: /* @__PURE__ */ n(z.Popup, {
-        className: jo,
+        className: Jo,
         onMouseDown: (r) => r.preventDefault(),
         ...Se(t),
         children: e
@@ -1173,32 +1173,8 @@ var ln = "q7gcrzd q7gcrzc", 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 }) => {
-  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({
-    x: e.x - t.x,
-    y: e.y - t.y
-  }, r), { primary: d } = a.query(Ge(h, r));
-  if (d === null) return null;
-  const u = o.find((m) => m.id === d.layerId);
-  if (u === void 0) return null;
-  const v = _e({
-    resolver: l,
-    layer: u,
-    observation: d.observation,
-    coordSystem: i,
-    align: s
-  });
-  return v === null || Hn(v.anchor, c) ? null : v;
-}, hi = (e, t) => ({
-  x: Math.max(0, Math.min(e.x, t.width)),
-  y: Math.max(0, Math.min(e.y, t.height))
-}), ui = class {
+var ci = "ydgo3h0", di = "ydgo3h1", hi = "ydgo3h2";
+var ui = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, ct = class {
   constructor(e) {
     this.params = e, this.listeners = new AbortController(), this.pendingEvent = null, this.scheduledFrame = null, this.hasMoved = !1, this.hasPublished = !1, this.handleMove = (t) => {
       t.pointerId === this.params.pointerId && (this.pendingEvent = t, this.hasMoved = !0, this.scheduledFrame === null && (this.scheduledFrame = requestAnimationFrame(this.runFrame)));
@@ -1210,23 +1186,15 @@ var li = "ydgo3h0", si = "ydgo3h1", ci = "ydgo3h2", ct = (e) => e === "start" ?
       this.scheduledFrame = null;
       const t = this.pendingEvent;
       if (this.pendingEvent = null, t === null) return;
-      const { editorStore: r, engine: a, anchorResolver: o, endpoint: i, readInputs: l } = this.params, { arrow: c, panelOrigin: s, panelRect: h, layers: d, coordSystem: u } = l(), v = r.getState();
-      if (this.hasPublished && Ee(J(v, "endpoint-drag"), c.id, i) === null) return;
-      const m = di({
-        clientPoint: {
-          x: t.clientX,
-          y: t.clientY
-        },
-        panelOrigin: s,
-        panelRect: h,
-        engine: a,
-        layers: d,
-        coordSystem: u,
-        resolver: o,
-        fixedAnchor: c[ct(i)].anchor,
-        align: c[i].anchor.align
-      });
-      m !== null && this.publish(m);
+      const r = this.params.editorStore.getState();
+      if (this.hasPublished && this.readOwn(r) === null) return;
+      const a = {
+        x: t.clientX,
+        y: t.clientY
+      };
+      if (!this.hasPublished && !this.isDragConfirmed(this.params.press, a)) return;
+      const o = this.resolvePreview(a);
+      o !== null && (r.claimInteraction(o), this.hasPublished = !0);
     };
   }
   start() {
@@ -1234,33 +1202,94 @@ var li = "ydgo3h0", si = "ydgo3h1", ci = "ydgo3h2", ct = (e) => e === "start" ?
     e.addEventListener("pointermove", this.handleMove, { signal: t }), e.addEventListener("pointerup", this.handleUp, { signal: t }), e.addEventListener("lostpointercapture", this.handleLost, { signal: t });
   }
   finish(e) {
-    this.params.onSettled(), this.listeners.abort(), this.cancelFrame(), e && this.hasMoved && this.runFrame(), this.pendingEvent = null;
-    const { editorStore: t, endpoint: r, readInputs: a, dispatch: o } = this.params, { arrow: i } = a(), l = t.getState(), c = Ee(J(l, "endpoint-drag"), i.id, r);
-    c !== null && (l.releaseInteraction("endpoint-drag"), e && dt({
-      dispatch: o,
-      arrow: i,
-      endpoint: r,
-      anchor: c.point.anchor
-    }));
+    this.params.onSettled(), this.listeners.abort(), this.cancelFrame();
+    try {
+      e && this.hasMoved && this.runFrame();
+    } finally {
+      this.settle(e);
+    }
+  }
+  isDragConfirmed(e, t) {
+    return ui(e, t);
   }
-  publish(e) {
-    const { editorStore: t, readInputs: r, endpoint: a } = this.params;
-    t.getState().claimInteraction({
-      kind: "endpoint-drag",
-      annotationId: r().arrow.id,
-      endpoint: a,
-      point: e
-    }), this.hasPublished = !0;
+  settle(e) {
+    this.pendingEvent = null;
+    const t = this.params.editorStore.getState(), r = this.readOwn(t);
+    r !== null && t.releaseInteraction(this.kind), !(!e || r === null) && this.commit(r);
   }
   cancelFrame() {
     this.scheduledFrame !== null && (cancelAnimationFrame(this.scheduledFrame), this.scheduledFrame = null);
   }
-}, mi = ({ arrow: e, panelOrigin: t, panelRect: r }) => {
-  const { commands: a, anchorResolver: o } = U(), { engine: i } = Fe(), l = W(), c = ne({
+}, mi = ({ clientPoint: e, panelOrigin: t, panelRect: r, engine: a, layers: o, coordSystem: i, resolver: l, fixedAnchor: c, align: s }) => {
+  const h = pi({
+    x: e.x - t.x,
+    y: e.y - t.y
+  }, r), { primary: d } = a.query(Ge(h, r));
+  if (d === null) return null;
+  const u = o.find((m) => m.id === d.layerId);
+  if (u === void 0) return null;
+  const v = _e({
+    resolver: l,
+    layer: u,
+    observation: d.observation,
+    coordSystem: i,
+    align: s
+  });
+  return v === null || Dn(v.anchor, c) ? null : v;
+}, pi = (e, t) => ({
+  x: Math.max(0, Math.min(e.x, t.width)),
+  y: Math.max(0, Math.min(e.y, t.height))
+}), dt = (e) => e === "start" ? "end" : "start", ht = ({ dispatch: e, arrow: t, endpoint: r, anchor: a }) => {
+  Dn(a, t[r].anchor) || e(new Rn({
+    kind: "differenceArrow",
+    id: t.id,
+    patch: { [r]: a }
+  }));
+}, gi = class extends ct {
+  constructor(...e) {
+    super(...e), this.kind = "difference-arrow-endpoint-drag";
+  }
+  isDragConfirmed() {
+    return !0;
+  }
+  readOwn(e) {
+    const { endpoint: t, readInputs: r } = this.params;
+    return Nn(ie(e, "difference-arrow-endpoint-drag"), r().arrow.id, t);
+  }
+  resolvePreview(e) {
+    const { endpoint: t, readInputs: r, engine: a, anchorResolver: o } = this.params, { arrow: i, panelOrigin: l, panelRect: c, layers: s, coordSystem: h } = r(), d = mi({
+      clientPoint: e,
+      panelOrigin: l,
+      panelRect: c,
+      engine: a,
+      layers: s,
+      coordSystem: h,
+      resolver: o,
+      fixedAnchor: i[dt(t)].anchor,
+      align: i[t].anchor.align
+    });
+    return d === null ? null : {
+      kind: "difference-arrow-endpoint-drag",
+      annotationId: i.id,
+      endpoint: t,
+      point: d
+    };
+  }
+  commit({ point: e, endpoint: t }) {
+    const { dispatch: r, readInputs: a } = this.params;
+    ht({
+      dispatch: r,
+      arrow: a().arrow,
+      endpoint: t,
+      anchor: e.anchor
+    });
+  }
+}, vi = ({ arrow: e, panelOrigin: t, panelRect: r }) => {
+  const { commands: a, anchorResolver: o } = U(), { engine: i } = ze(), l = W(), c = ee({
     arrow: e,
     panelOrigin: t,
     panelRect: r,
-    ...K(Ke((h) => ({
+    ...K(Be((h) => ({
       layers: h.layers,
       coordSystem: h.coordSystem
     })))
@@ -1273,9 +1302,13 @@ var 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 gi({
       handle: d.currentTarget,
       pointerId: d.pointerId,
+      press: {
+        x: d.clientX,
+        y: d.clientY
+      },
       endpoint: h,
       readInputs: () => c.current,
       editorStore: l,
@@ -1294,27 +1327,27 @@ var li = "ydgo3h0", si = "ydgo3h1", ci = "ydgo3h2", ct = (e) => e === "start" ?
     o,
     a
   ]);
-}, pi = [" ", "Enter"], gi = ({ arrow: e }) => {
-  const { commands: t, anchorResolver: r } = U(), a = W(), { layers: o, coordSystem: i, mainAxis: l } = K(Ke((s) => ({
+}, fi = [" ", "Enter"], Ci = ({ arrow: e }) => {
+  const { commands: t, anchorResolver: r } = U(), a = W(), { layers: o, coordSystem: i, mainAxis: l } = K(Be((s) => ({
     layers: s.layers,
     coordSystem: s.coordSystem,
     mainAxis: s.coordSystem.type === "cartesian" ? s.coordSystem.mainAxis : "x"
   }))), c = e.id;
   return H(() => () => {
     const s = a.getState();
-    J(s, "endpoint-drag")?.annotationId === c && s.releaseInteraction("endpoint-drag");
+    ie(s, "difference-arrow-endpoint-drag")?.annotationId === c && s.releaseInteraction("difference-arrow-endpoint-drag");
   }, [a, c]), ye((s) => ({ onKeyDown: (h) => {
     if (h.altKey || h.ctrlKey || h.metaKey || h.shiftKey) return;
-    const d = a.getState(), u = Ee(J(d, "endpoint-drag"), e.id, s);
-    if (pi.includes(h.key)) {
+    const d = a.getState(), u = Nn(ie(d, "difference-arrow-endpoint-drag"), e.id, s);
+    if (fi.includes(h.key)) {
       if (h.preventDefault(), h.repeat) return;
       if (u === null) return d.claimInteraction({
-        kind: "endpoint-drag",
+        kind: "difference-arrow-endpoint-drag",
         annotationId: e.id,
         endpoint: s,
         point: e[s]
       });
-      d.releaseInteraction("endpoint-drag"), dt({
+      d.releaseInteraction("difference-arrow-endpoint-drag"), ht({
         dispatch: t.dispatch,
         arrow: e,
         endpoint: s,
@@ -1323,10 +1356,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 = bi(h.key, l);
     if (v === null) return;
     h.preventDefault();
-    const m = Ci({
+    const m = yi({
       arrow: e,
       endpoint: s,
       from: u.point.anchor,
@@ -1336,7 +1369,7 @@ var li = "ydgo3h0", si = "ydgo3h1", ci = "ydgo3h2", ct = (e) => e === "start" ?
       resolver: r
     });
     m !== null && d.claimInteraction({
-      kind: "endpoint-drag",
+      kind: "difference-arrow-endpoint-drag",
       annotationId: e.id,
       endpoint: s,
       point: m
@@ -1350,19 +1383,19 @@ var li = "ydgo3h0", si = "ydgo3h1", ci = "ydgo3h2", ct = (e) => e === "start" ?
     i,
     l
   ]);
-}, vi = (e, t) => {
+}, bi = (e, t) => {
   const r = e === "ArrowUp" || e === "ArrowDown";
   return !r && !(e === "ArrowLeft" || e === "ArrowRight") ? null : {
     axis: t === "x" === r ? "cross" : "main",
     step: e === "ArrowDown" || e === "ArrowRight" ? 1 : -1
   };
-}, Ci = ({ arrow: e, endpoint: t, from: r, move: a, layers: o, coordSystem: i, resolver: l }) => {
+}, yi = ({ arrow: e, endpoint: t, from: r, move: a, layers: o, coordSystem: i, resolver: l }) => {
   const c = o.find((h) => h.id === r.layerId);
   if (c === void 0) return null;
-  const s = Ka({
+  const s = Wa({
     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 +1413,15 @@ var li = "ydgo3h0", si = "ydgo3h1", ci = "ydgo3h2", ct = (e) => e === "start" ?
     coordSystem: i,
     align: e[t].anchor.align
   });
-}, fi = (e) => {
+}, Si = (e) => {
   const t = at();
-  return t === null ? null : /* @__PURE__ */ n(bi, {
+  return t === null ? null : /* @__PURE__ */ n(wi, {
     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, {
+}, wi = ({ annotationId: e, ...t }) => {
+  const r = hr(), a = _(() => r.find((o) => o.id === e), [r, e]);
+  return a === void 0 ? null : /* @__PURE__ */ n(xi, {
     committedArrow: a.committedArrow,
     committedLabelBox: a.committedLabelBox,
     labelBox: a.labelBox,
@@ -1397,16 +1430,16 @@ var 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({
+}, xi = ({ committedArrow: e, committedLabelBox: t, labelBox: r, start: a, end: o, panelRect: i, panelOrigin: l, frameRect: c, frameElement: s, isDragged: h }) => {
+  const d = vi({
     arrow: e,
     panelOrigin: l,
     panelRect: i
-  }), u = gi({ arrow: e });
+  }), u = Ci({ arrow: e });
   return /* @__PURE__ */ p("div", {
     "data-testid": "difference-arrow-selection",
     children: [
-      !h && /* @__PURE__ */ n(ai, {
+      !h && /* @__PURE__ */ n(ii, {
         arrow: e,
         labelBox: t,
         panelRect: i,
@@ -1416,7 +1449,7 @@ var li = "ydgo3h0", si = "ydgo3h1", ci = "ydgo3h2", ct = (e) => e === "start" ?
       }),
       /* @__PURE__ */ n("div", {
         "aria-hidden": "true",
-        className: ci,
+        className: hi,
         "data-testid": "difference-arrow-selection-label",
         style: {
           left: i.x + r.x - 2,
@@ -1425,14 +1458,14 @@ var li = "ydgo3h0", si = "ydgo3h1", ci = "ydgo3h2", ct = (e) => e === "start" ?
           height: r.height + 4
         }
       }),
-      /* @__PURE__ */ n(cn, {
+      /* @__PURE__ */ n(ln, {
         endpoint: "start",
         point: a,
         panelRect: i,
         dragHandlers: d("start"),
         keyboardHandlers: u("start")
       }),
-      /* @__PURE__ */ n(cn, {
+      /* @__PURE__ */ n(ln, {
         endpoint: "end",
         point: o,
         panelRect: i,
@@ -1441,8 +1474,8 @@ var 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,
+}, ln = ({ endpoint: e, point: t, panelRect: r, dragHandlers: a, keyboardHandlers: o }) => /* @__PURE__ */ n("div", {
+  className: ci,
   "data-testid": "difference-arrow-selection-handle",
   "data-endpoint": e,
   role: "button",
@@ -1455,27 +1488,26 @@ var li = "ydgo3h0", si = "ydgo3h1", ci = "ydgo3h2", ct = (e) => e === "start" ?
   ...o,
   children: /* @__PURE__ */ n("span", {
     "aria-hidden": "true",
-    className: si
+    className: di
   })
 });
-var Si = {
+var Ti = {
   hovered: "_1ee8fau1 _1ee8fau0",
   selected: "_1ee8fau2 _1ee8fau0"
-}, wi = {
+}, Li = {
   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) => ({
-  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) => ({
+}, sn = (e, t) => t > 0 ? e / t : 0, Pi = (e, t, r) => ({
+  x: sn(t.x - e.x, r.width),
+  y: sn(t.y - e.y, r.height)
+}), Ii = (e) => e.x !== 0 || e.y !== 0, ut = (e, t) => ({
   x: e.x * t.width,
   y: e.y * t.height
-}), dn = (e, t) => t > 0 ? e / t : 0, Pi = ({ panelRect: e }) => {
-  const t = En(e), r = Gt(), a = at(), o = te((d) => J(d, "move-drag")), i = te((d) => {
+}), Ai = ({ panelRect: e }) => {
+  const t = Mn(e), r = Ut(), a = at(), o = ne((d) => ie(d, "move-drag")), i = ne((d) => {
     const u = d.editTargetUnderPointer;
     return u?.kind === "annotation" ? u.id : null;
-  }), l = k(() => ({
+  }), l = _(() => ({
     panelWidth: e.width,
     panelHeight: e.height,
     measuredBoxes: r
@@ -1483,49 +1515,49 @@ var xi = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, Ti = (e, t, r) => ({
     e.width,
     e.height,
     r
-  ]), c = hn(t, a, l), s = hn(t, i === a ? null : i, l), h = (d) => {
+  ]), c = cn(t, a, l), s = cn(t, i === a ? null : i, l), h = (d) => {
     if (o?.annotationId !== d) return e;
-    const u = ht(o.translation, e);
+    const u = ut(o.translation, e);
     return {
       x: e.x + u.x,
       y: e.y + u.y
     };
   };
-  return /* @__PURE__ */ p(G, { children: [s !== null && /* @__PURE__ */ n(un, {
+  return /* @__PURE__ */ p(B, { children: [s !== null && /* @__PURE__ */ n(dn, {
     annotationId: s.id,
     geometry: s.geometry,
     state: "hovered",
     origin: h(s.id)
-  }), c !== null && /* @__PURE__ */ n(un, {
+  }), c !== null && /* @__PURE__ */ n(dn, {
     annotationId: c.id,
     geometry: c.geometry,
     state: "selected",
     origin: h(c.id)
   })] });
-}, hn = (e, t, r) => {
+}, cn = (e, t, r) => {
   if (t === null) return null;
-  const a = tr(e, t, r);
+  const a = rr(e, t, r);
   return a === null ? null : {
     id: t,
     geometry: a
   };
-}, un = ({ annotationId: e, geometry: t, state: r, origin: a }) => t.shape === "segment" ? /* @__PURE__ */ p("div", {
+}, dn = ({ annotationId: e, geometry: t, state: r, origin: a }) => t.shape === "segment" ? /* @__PURE__ */ p("div", {
   "aria-hidden": "true",
   "data-testid": "annotation-chrome",
   "data-annotation-id": e,
   "data-state": r,
-  children: [/* @__PURE__ */ n(mn, {
+  children: [/* @__PURE__ */ n(hn, {
     point: t.start,
     state: r,
     origin: a
-  }), /* @__PURE__ */ n(mn, {
+  }), /* @__PURE__ */ n(hn, {
     point: t.end,
     state: r,
     origin: a
   })]
 }) : /* @__PURE__ */ n("div", {
   "aria-hidden": "true",
-  className: Si[r],
+  className: Ti[r],
   "data-testid": "annotation-chrome",
   "data-annotation-id": e,
   "data-state": r,
@@ -1535,19 +1567,19 @@ var xi = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, Ti = (e, t, r) => ({
     width: t.rect.width + 4,
     height: t.rect.height + 4
   }
-}), mn = ({ point: e, state: t, origin: r }) => /* @__PURE__ */ n("span", {
-  className: wi[t],
+}), hn = ({ point: e, state: t, origin: r }) => /* @__PURE__ */ n("span", {
+  className: Li[t],
   style: {
     left: r.x + e.x,
     top: r.y + e.y
   }
-}), Ii = "_1uwdwh60", Ai = ({ panelRect: e }) => {
-  const t = te((o) => J(o, "move-drag")), r = En(e);
+}), Oi = "_1uwdwh60", Mi = ({ panelRect: e }) => {
+  const t = ne((o) => ie(o, "move-drag")), r = Mn(e);
   if (t === null) return null;
-  const a = ht(t.translation, e);
+  const a = ut(t.translation, e);
   return /* @__PURE__ */ n("svg", {
     "aria-hidden": "true",
-    className: Ii,
+    className: Oi,
     width: e.width,
     height: e.height,
     style: {
@@ -1556,31 +1588,31 @@ 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: _i(r, t.annotationId, e)
   });
-}, Oi = ({ annotation: e }) => /* @__PURE__ */ n(lr, {
+}, Ni = ({ annotation: e }) => /* @__PURE__ */ n(sr, {
   annotation: e,
-  blockRef: Wt(e.id)
+  blockRef: qt(e.id)
 }), be = (e, t, r) => {
   const a = e.find((o) => o.id === t);
   return a === void 0 ? null : r(a);
-}, 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 })),
-  image: (e, t) => be(e.images, t, (r) => /* @__PURE__ */ n(er, { image: r })),
+}, ki = {
+  text: (e, t) => be(e.textAnnotations, t, (r) => /* @__PURE__ */ n(Ni, { annotation: r })),
+  shape: (e, t) => be(e.shapes, t, (r) => /* @__PURE__ */ n(Yt, { shape: r })),
+  image: (e, t) => be(e.images, t, (r) => /* @__PURE__ */ n(nr, { image: r })),
   arrow: (e, t, r) => be(e.arrows, t, (a) => {
-    const o = ba({
+    const o = Sa({
       arrow: a,
       panelWidth: r.width,
       panelHeight: r.height
     });
-    return o === null ? null : /* @__PURE__ */ n(jt, {
+    return o === null ? null : /* @__PURE__ */ n(Jt, {
       computed: o,
       isAddressable: !1
     });
   })
-}, Ni = (e, t, r) => {
-  for (const a of Object.values(Mi)) {
+}, _i = (e, t, r) => {
+  for (const a of Object.values(ki)) {
     const o = a(e, t, r);
     if (o !== null) return o;
   }
@@ -1594,25 +1626,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 = {
+}), Ri = "var(--_1tyillx0)", Di = {
   rest: 0.5,
   hovered: 0.75,
   open: 1
 };
-var Ri = "_1tyillx1", Di = {
+var Hi = "_1tyillx1", Vi = {
   rest: "_1tyillx2",
   hovered: "_1tyillx3",
   open: "_1tyillx4"
-}, Hi = "_1tyillx5", Vi = {
+}, zi = "_1tyillx5", Fi = {
   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(() => {
+}, Gi = ({ interaction: e, panelRect: t }) => {
+  const r = W(), a = K((c) => c.coordSystem), o = e.kind === "trigger" || e.kind === "menu" ? e.anchor : null, i = Bi(e), l = _(() => {
     if (o === null) return null;
-    const c = za(o.position, t, a);
+    const c = Ga(o.position, t, a);
     return {
       center: c,
-      radius: 19 * _i[i],
+      radius: 19 * Di[i],
       target: {
         kind: "observation",
         cursor: Ge(c, t)
@@ -1630,24 +1662,24 @@ var Ri = "_1tyillx1", Di = {
     "aria-hidden": "true",
     "data-testid": "observation-menu-trigger",
     "data-state": i,
-    className: se(Ri, Di[i]),
+    className: se(Hi, Vi[i]),
     style: {
       left: t.x + l.center.x,
       top: t.y + l.center.y,
-      ...Bn({ [ki]: o.color ?? dr.border50 })
+      ...Gn({ [Ri]: o.color ?? ur.border50 })
     },
     children: /* @__PURE__ */ n("span", {
-      className: se(Hi, Vi[i === "open" ? "open" : "closed"]),
+      className: se(zi, Fi[i === "open" ? "open" : "closed"]),
       children: /* @__PURE__ */ n(Ei, { 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", Ki = 'button:not([disabled]):not([tabindex="-1"]), [tabindex]:not([tabindex="-1"])', Ui = (e, t) => {
   const { chartId: r } = U(), a = W();
   H(() => {
     if (t === null) return;
     const o = (i) => {
       if (i.key !== "Tab" || i.defaultPrevented || !me(i.target, e, r) || a.getState().standingInteraction?.kind === "chrome-popup") return;
-      const l = [...t.querySelectorAll(Bi)];
+      const l = [...t.querySelectorAll(Ki)];
       if (l.length === 0) return;
       i.preventDefault();
       const c = l.findIndex((s) => s === document.activeElement);
@@ -1660,7 +1692,7 @@ var Ri = "_1tyillx1", Di = {
     r,
     a
   ]);
-}, Ki = (e) => {
+}, Wi = (e) => {
   const { selectionStore: t, chartId: r } = U();
   H(() => {
     let a = null;
@@ -1682,99 +1714,67 @@ var Ri = "_1tyillx1", Di = {
     t,
     r
   ]);
-}, Ui = `[${Nn}]`, ut = (e, t, r) => {
+}, Zi = `[${On}]`, 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 qi(a, r);
+}, qi = (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(Zi);
+    if (!(a === null || !t.contains(a)) && !$i(a, r))
+      return Xi(a);
   }
   return null;
-}, Zi = (e, t) => e === t && e.getAttribute("data-edit-kind") === "observation", qi = (e) => {
-  const t = e.getAttribute(Nn);
+}, $i = (e, t) => e === t && e.getAttribute("data-edit-kind") === "observation", Xi = (e) => {
+  const t = e.getAttribute(On);
   if (t !== "annotation") return null;
-  const r = e.getAttribute(Qt);
+  const r = e.getAttribute(er);
   return r === null || r === "" ? null : {
     kind: t,
     id: r
   };
-}, $i = class {
-  constructor(e) {
-    this.params = e, this.listeners = new AbortController(), this.pendingEvent = null, this.scheduledFrame = null, this.hasPublished = !1, this.handleMove = (t) => {
-      t.pointerId === this.params.pointerId && (this.pendingEvent = t, this.scheduledFrame === null && (this.scheduledFrame = requestAnimationFrame(this.runFrame)));
-    }, this.handleUp = (t) => {
-      t.pointerId === this.params.pointerId && (this.pendingEvent = t, this.finish(!0));
-    }, this.handleLost = (t) => {
-      t.pointerId === this.params.pointerId && this.finish(!1);
-    }, this.runFrame = () => {
-      this.scheduledFrame = null;
-      const t = this.pendingEvent;
-      if (this.pendingEvent = null, t === null) return;
-      const { editorStore: r, annotationId: a, press: o, readInputs: i } = this.params, l = r.getState(), c = J(l, "move-drag");
-      if (this.hasPublished && Je(c, a) === null) return;
-      const s = {
-        x: t.clientX,
-        y: t.clientY
-      };
-      if (!this.hasPublished && !xi(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));
-      v !== null && (l.claimInteraction({
-        kind: "move-drag",
-        annotationId: a,
-        translation: v
-      }), this.hasPublished = !0);
-    };
-  }
-  start() {
-    const { handle: e } = this.params, { signal: t } = this.listeners;
-    e.addEventListener("pointermove", this.handleMove, { signal: t }), e.addEventListener("pointerup", this.handleUp, { signal: t }), e.addEventListener("lostpointercapture", this.handleLost, { signal: t });
+}, Yi = class extends ct {
+  constructor(...e) {
+    super(...e), this.kind = "move-drag";
   }
-  finish(e) {
-    this.params.onSettled(), this.listeners.abort(), this.cancelFrame();
-    try {
-      e && this.runFrame();
-    } finally {
-      this.settle(e);
-    }
+  readOwn(e) {
+    return Kt(ie(e, "move-drag"), this.params.annotationId);
   }
-  settle(e) {
-    this.pendingEvent = null;
-    const { editorStore: t, annotationId: r } = this.params, a = t.getState(), o = Je(J(a, "move-drag"), r);
-    o !== null && a.releaseInteraction("move-drag"), !(!e || o === null) && this.commit(o.translation);
+  resolvePreview(e) {
+    const { annotationId: t, press: r, readInputs: a } = this.params, { annotations: o, panelRect: i } = a(), l = Pa(o, t);
+    if (l === null) return null;
+    const c = ya(l, Pi(r, e, i));
+    return c === null ? null : {
+      kind: "move-drag",
+      annotationId: t,
+      translation: c
+    };
   }
-  commit(e) {
+  commit({ translation: e }) {
     const { annotationId: t, dispatch: r } = this.params;
-    Li(e) && r(new br({
+    Ii(e) && r(new Sr({
       id: t,
       translation: e
     }));
   }
-  cancelFrame() {
-    this.scheduledFrame !== null && (cancelAnimationFrame(this.scheduledFrame), this.scheduledFrame = null);
-  }
-}, Xi = (e, t, r) => {
-  const { commands: a, selectionStore: o } = U(), i = W(), l = ne({
+}, ji = (e, t, r) => {
+  const { commands: a, selectionStore: o } = U(), i = W(), l = ee({
     annotations: K((h) => h.spec.annotations),
     panelRect: r
-  }), c = ne(t), s = pe(null);
+  }), c = ee(t), s = pe(null);
   H(() => () => s.current?.finish(!1), []), H(() => {
     const h = (v) => {
       const { editTargetUnderPointer: m, standingInteraction: g } = i.getState();
-      return m !== null && g === null && v.pointerType === "mouse" && ji(v.target, e) ? m : 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;
+      if (s.current !== null || !or(l.current.annotations, m.id)) return;
       try {
         e.setPointerCapture(v.pointerId);
       } catch {
         return;
       }
       v.preventDefault();
-      const g = new $i({
+      const g = new Yi({
         handle: e,
         pointerId: v.pointerId,
         annotationId: m.id,
@@ -1808,10 +1808,10 @@ 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), Qi = (e) => {
   const { selectionStore: t, commands: r, chartId: a } = U(), o = W(), i = ye((c) => {
     const { selection: s } = t.getState(), h = ot(s);
-    h !== null && (c.preventDefault(), r.dispatch(new Be({ id: h })), e.focus({ preventScroll: !0 }));
+    h !== null && (c.preventDefault(), r.dispatch(new Fe({ id: h })), e.focus({ preventScroll: !0 }));
   }, [
     e,
     r,
@@ -1819,8 +1819,8 @@ var Ri = "_1tyillx1", Di = {
   ]), l = ye((c) => {
     const s = o.getState();
     switch (s.standingInteraction?.kind) {
-      case "endpoint-drag":
-        s.releaseInteraction("endpoint-drag");
+      case "difference-arrow-endpoint-drag":
+        s.releaseInteraction("difference-arrow-endpoint-drag");
         return;
       case "move-drag":
         s.releaseInteraction("move-drag");
@@ -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) && !el(s.target) && !Ya(s.target))
         switch (s.key) {
           case "Escape":
             return l(s);
@@ -1864,12 +1864,12 @@ 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) => ({
+}, el = (e) => e instanceof HTMLElement && (e.isContentEditable || e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement), nl = () => {
+  const e = Zt((o) => o.hover.primary), { layers: t, coordSystem: r } = K(Be((o) => ({
     layers: o.layers,
     coordSystem: o.coordSystem
   }))), { anchorResolver: a } = U();
-  return k(() => {
+  return _(() => {
     if (e === null) return null;
     const o = t.find((c) => c.id === e.layerId);
     if (o === void 0) return null;
@@ -1879,10 +1879,10 @@ var Ri = "_1tyillx1", Di = {
       purpose: "pin"
     });
     if (i === null) return null;
-    const l = pa(o, e.observation);
+    const l = va(o, e.observation);
     return l === null ? null : {
       position: i,
-      color: ka(e.observation),
+      color: Ra(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 : {
+}, tl = { kind: "idle" }, pt = () => {
+  const e = ne((a) => a.standingInteraction), t = ne((a) => a.chromeUnderPointer), r = nl();
+  return _(() => e !== null ? e : r === null ? tl : {
     kind: "trigger",
     anchor: r,
     isEngaged: t === "menu-trigger"
@@ -1904,25 +1904,25 @@ var Ri = "_1tyillx1", Di = {
     r,
     t
   ]);
-}, nl = (e, t, r) => {
-  const a = W(), { selectionStore: o } = U(), { store: i, engine: l } = Fe(), c = ne(e), s = ne(t), h = ne(r);
+}, rl = (e, t, r) => {
+  const a = W(), { selectionStore: o } = U(), { store: i, engine: l } = ze(), c = ee(e), s = ee(t), h = ee(r);
   H(() => {
-    const d = (C) => qn(C, s.current, a.getState().menuTrigger), u = (C) => {
-      if (d(C) || o.getState().selection.length > 0) return;
+    const d = (f) => qn(f, s.current, a.getState().menuTrigger), u = (f) => {
+      if (d(f) || o.getState().selection.length > 0) return;
       const P = h.current, w = s.current, b = {
-        x: C.clientX - w.x,
-        y: C.clientY - w.y
-      }, T = tl(b, P) ? l.query(Ge(b, P)) : Rn;
+        x: f.clientX - w.x,
+        y: f.clientY - w.y
+      }, T = al(b, P) ? l.query(Ge(b, P)) : En;
       i.getState().setHoverState(T);
     };
     let v = !1;
     const m = () => {
       v = c.current.kind === "menu";
-    }, g = (C) => {
-      if (Zn(C.target)) return;
+    }, g = (f) => {
+      if (Zn(f.target)) return;
       const { claimInteraction: P, releaseInteraction: w } = a.getState();
-      if (!d(C) || v) {
-        w("menu"), v && u(C);
+      if (!d(f) || v) {
+        w("menu"), v && u(f);
         return;
       }
       const b = c.current;
@@ -1943,8 +1943,8 @@ 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) => {
-  const r = W(), a = ne(t);
+}, al = (e, t) => e.x >= 0 && e.x <= t.width && e.y >= 0 && e.y <= t.height, ol = (e, t) => {
+  const r = W(), a = ee(t);
   H(() => {
     let o = null, i = null;
     const l = (m) => {
@@ -1954,13 +1954,13 @@ var Ri = "_1tyillx1", Di = {
       o = null;
       const m = i;
       if (m === null) return;
-      const g = a.current, C = r.getState();
-      if (C.setChromeUnderPointer(l({
+      const g = a.current, f = r.getState();
+      if (f.setChromeUnderPointer(l({
         x: m.x - g.x,
         y: m.y - g.y
-      })), Me(C.standingInteraction)) return;
-      const P = ut(m.x, m.y, e);
-      C.setEditTargetUnderPointer(P);
+      })), Me(f.standingInteraction)) return;
+      const P = mt(m.x, m.y, e);
+      f.setEditTargetUnderPointer(P);
     }, s = () => {
       o === null && (o = requestAnimationFrame(c));
     }, h = () => {
@@ -1984,26 +1984,26 @@ 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", un = "editor", mn = [], il = (e, t, r, a) => {
+  const o = pt(), { store: i } = ze(), l = kn().length > 0, c = ne((d) => d.menuTrigger), s = o.kind === "menu", h = _(() => c === null ? mn : [pa(c)], [c]);
+  ol(e, t), ji(e, t, r), rl(o, t, r), Wi(e), Qi(e), Ui(e, a), H(() => (i.getState().publishPointerRegions(un, h), () => i.getState().publishPointerRegions(un, mn)), [i, h]), H(() => (i.getState().setPointerSuspended(s || l), () => i.getState().setPointerSuspended(!1)), [
     i,
     s,
     l
   ]), H(() => {
     if (!l) return;
     const d = i.getState();
-    d.setHoverState(Rn), d.setTooltipAnchor(null);
+    d.setHoverState(En), d.setTooltipAnchor(null);
   }, [i, l]);
-}, 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, {
+}, ll = ({ frameElement: e, panelRect: t }) => {
+  const { measureRef: r, screenRect: a } = Wt(), o = W();
+  return H(() => (r(e), () => r(null)), [r, e]), H(() => () => o.getState().releaseInteraction("menu"), [o]), a === null ? null : /* @__PURE__ */ n(Ja, { children: /* @__PURE__ */ n(sl, {
     frameElement: e,
     frameRect: a,
     panelRect: t
   }) });
-}, il = ({ frameElement: e, frameRect: t, panelRect: r }) => {
-  const a = k(() => ({
+}, sl = ({ frameElement: e, frameRect: t, panelRect: r }) => {
+  const a = _(() => ({
     x: t.left + r.x,
     y: t.top + r.y
   }), [
@@ -2012,48 +2012,48 @@ var Ri = "_1tyillx1", Di = {
     r.x,
     r.y
   ]), [o, i] = q(null);
-  return al(e, a, r, o), /* @__PURE__ */ n(ll, {
+  return il(e, a, r, o), /* @__PURE__ */ n(cl, {
     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();
-  return /* @__PURE__ */ n(or, {
+}, cl = ({ frameElement: e, frameRect: t, panelOrigin: r, panelRect: a, boxRef: o }) => {
+  const i = Ke(), l = pt();
+  return /* @__PURE__ */ n(ir, {
     rect: t,
-    zIndex: nr.editorOverlay,
+    zIndex: tr.editorOverlay,
     container: i,
     "data-testid": "editor-overlay",
     boxRef: o,
     children: /* @__PURE__ */ p(ge, { children: [
-      /* @__PURE__ */ n(fi, {
+      /* @__PURE__ */ n(Si, {
         panelRect: a,
         panelOrigin: r,
         frameRect: t,
         frameElement: e
       }),
+      /* @__PURE__ */ n(Mi, { panelRect: a }),
       /* @__PURE__ */ n(Ai, { panelRect: a }),
-      /* @__PURE__ */ n(Pi, { panelRect: a }),
-      /* @__PURE__ */ n(zi, {
+      /* @__PURE__ */ n(Gi, {
         interaction: l,
         panelRect: a
       }),
-      /* @__PURE__ */ n(Ro, {
+      /* @__PURE__ */ n(Ho, {
         interaction: l,
         panelOrigin: r
       })
     ] })
   });
-}, l1 = ({ slots: e, ...t }) => /* @__PURE__ */ n(Zt, { children: /* @__PURE__ */ n(Jt, {
-  slots: k(() => ({
-    EditorSurface: ol,
+}, d1 = ({ slots: e, ...t }) => /* @__PURE__ */ n($t, { children: /* @__PURE__ */ n(Qt, {
+  slots: _(() => ({
+    EditorSurface: ll,
     ...e
   }), [e]),
   ...t
-}) }), pt = ve(null), gt = ({ labelId: e, controlId: t, children: r }) => {
-  const a = k(() => {
+}) }), gt = ve(null), vt = ({ labelId: e, controlId: t, children: r }) => {
+  const a = _(() => {
     let o = null;
     return {
       labelId: e,
@@ -2061,30 +2061,30 @@ 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);
+}, J = ({ id: e, ariaLabel: t, ariaLabelledBy: r }, a = !0) => {
+  const o = ce(gt), i = le(), [l] = q(() => a ? o?.claimControlId(i) ?? !1 : !1), c = e ?? (l ? o?.controlId : void 0), s = r ?? (t === void 0 ? o?.labelId : void 0);
   return {
     ...c !== void 0 && { id: c },
     ...t !== void 0 && { "aria-label": t },
     ...s !== void 0 && { "aria-labelledby": s }
   };
 };
-var sl = {
+var dl = {
   default: "woi4bh4 woi4bh3",
   tile: "woi4bh5 woi4bh3"
-}, cl = ({ label: e, icon: t, onClick: r, variant: a = "default", isDisabled: o, ariaLabel: i, ariaLabelledBy: l, id: c }) => {
-  const s = Q({
+}, hl = ({ label: e, icon: t, onClick: r, variant: a = "default", isDisabled: o, ariaLabel: i, ariaLabelledBy: l, id: c }) => {
+  const s = J({
     id: c,
     ariaLabel: i,
     ariaLabelledBy: l
   }), h = a === "tile";
   return /* @__PURE__ */ p("button", {
     type: "button",
-    className: sl[a],
+    className: dl[a],
     disabled: o,
     onClick: r,
     ...s,
@@ -2096,16 +2096,16 @@ var sl = {
       children: e
     })]
   });
-}, Ze = ve(null), O = () => {
-  const e = ce(Ze);
+}, We = ve(null), O = () => {
+  const e = ce(We);
   if (!e) throw new Error("An editing section must sit inside an <EditorPanel.Root> bound to a graph — pass it a `handle`, or render the panel inside a <GraphProvider>.");
   return e;
-}, vt = ({ children: e, onKeyDown: t, ...r }) => {
-  const a = ce(Ze);
+}, ft = ({ children: e, onKeyDown: t, ...r }) => {
+  const a = ce(We);
   return /* @__PURE__ */ n("div", {
     onKeyDown: (i) => {
       if (t?.(i), !a || i.defaultPrevented) return;
-      const l = sr(i.nativeEvent);
+      const l = cr(i.nativeEvent);
       l && (i.preventDefault(), l === "undo" ? a.undo() : a.redo());
     },
     ...r,
@@ -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 }) => {
-  const g = Q({
+}, ul = "eh8dvc0", ml = "eh8dvc1 uz3g760", pl = "eh8dvc2 uz3g761";
+var gl = ({ value: e, onChange: t, onCommit: r, min: a, max: o, step: i, placeholder: l, prefix: c, suffix: s, isDisabled: h, hasError: d, ariaLabel: u, ariaLabelledBy: v, id: m }) => {
+  const g = J({
     id: m,
     ariaLabel: u,
     ariaLabelledBy: v
-  }), { commitUnlessHeldKey: C, gestureHandlers: P } = Le(r);
-  return /* @__PURE__ */ n(an.Root, {
-    className: dl,
+  }), { commitUnlessHeldKey: f, gestureHandlers: P } = Le(r);
+  return /* @__PURE__ */ n(tn.Root, {
+    className: ul,
     value: e,
     onValueChange: (w) => t(w),
     onValueCommitted: (w, b) => {
-      C(b.reason === Ct);
+      f(b.reason === Ct);
     },
     min: a,
     max: o,
     step: i,
     disabled: h,
-    children: /* @__PURE__ */ p(vt, {
-      className: hl,
+    children: /* @__PURE__ */ p(ft, {
+      className: ml,
       "data-error": d === !0,
       "data-disabled": h === !0 ? "" : void 0,
       children: [
@@ -2167,8 +2167,8 @@ var ml = ({ value: e, onChange: t, onCommit: r, min: a, max: o, step: i, placeho
           className: "eh8dvc3",
           children: c
         }),
-        /* @__PURE__ */ n(an.Input, {
-          className: ul,
+        /* @__PURE__ */ n(tn.Input, {
+          className: pl,
           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 = {
+}, vl = "_1b7s5f0", oe = {
   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 }) => {
-  const d = Q({
+}, fl = "_1b7s5f7";
+var Cl = 6, bl = ({ options: e, value: t, onChange: r, onCommit: a, columns: o, itemLayout: i = "tile", isDisabled: l, ariaLabel: c, ariaLabelledBy: s, id: h }) => {
+  const d = J({
     id: h,
     ariaLabel: c,
     ariaLabelledBy: s
   }), u = i === "swatch", { commitAfterChange: v, gestureHandlers: m } = Le(a);
   return /* @__PURE__ */ n(Kn, {
-    className: se(pl, fl(o ?? e.length)),
+    className: se(vl, yl(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(Bn.Root, {
       value: g.value,
       disabled: g.isDisabled,
-      className: se(gl, u && "_1b7s5f8"),
+      className: se(fl, u && "_1b7s5f8"),
       "aria-label": u ? g.label : void 0,
       children: [g.icon, !u && /* @__PURE__ */ n("span", {
         className: "_1b7s5f9",
@@ -2215,24 +2215,24 @@ var 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)) {
+}, yl = (e) => {
+  switch (Math.min(Math.max(Math.round(e), 1), Cl)) {
     case 1:
-      return ie[1];
+      return oe[1];
     case 2:
-      return ie[2];
+      return oe[2];
     case 3:
-      return ie[3];
+      return oe[3];
     case 4:
-      return ie[4];
+      return oe[4];
     case 5:
-      return ie[5];
+      return oe[5];
     default:
-      return ie[6];
+      return oe[6];
   }
-}, 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 }) => {
-  const h = Q({
+}, Sl = "_1g5x15w0 uz3g760", wl = "_1g5x15w1", xl = "_1g5x15w2", pn = "_1g5x15w3", Tl = "_1g5x15w4", Ll = "_1g5x15w5", Pl = "_1g5x15w6", Il = "_1g5x15w7";
+var Al = ({ options: e, value: t, onChange: r, placeholder: a, isDisabled: o, hasError: i, ariaLabel: l, ariaLabelledBy: c, id: s }) => {
+  const h = J({
     id: s,
     ariaLabel: l,
     ariaLabelledBy: c
@@ -2246,40 +2246,40 @@ var Pl = ({ options: e, value: t, onChange: r, placeholder: a, isDisabled: o, ha
       label: d.label
     })),
     children: [/* @__PURE__ */ p(Z.Trigger, {
-      className: bl,
+      className: Sl,
       "data-error": i === !0,
       ...h,
       children: [/* @__PURE__ */ n(Z.Value, {
-        className: yl,
-        children: (d) => Il(e, d, a)
+        className: wl,
+        children: (d) => Ol(e, d, a)
       }), /* @__PURE__ */ n(Z.Icon, {
-        className: vn,
+        className: pn,
         children: /* @__PURE__ */ n(xe, { size: "sm" })
       })]
     }), /* @__PURE__ */ n(Z.Portal, {
-      container: ze(),
+      container: Ve(),
       children: /* @__PURE__ */ n(ge, { children: /* @__PURE__ */ n(Z.Positioner, {
-        className: wl,
+        className: Tl,
         sideOffset: 4,
         alignItemWithTrigger: !1,
         children: /* @__PURE__ */ n(Z.Popup, {
-          className: xl,
+          className: Ll,
           children: e.map((d) => /* @__PURE__ */ p(Z.Item, {
             value: d.value,
             disabled: d.isDisabled,
-            className: Tl,
+            className: Pl,
             children: [
               d.icon,
               /* @__PURE__ */ p("span", {
-                className: Ll,
+                className: Il,
                 children: [/* @__PURE__ */ n(Z.ItemText, { children: d.label }), d.description !== void 0 && /* @__PURE__ */ n("span", {
                   className: "_1g5x15w8",
                   children: d.description
                 })]
               }),
               /* @__PURE__ */ n(Z.ItemIndicator, {
-                className: vn,
-                children: /* @__PURE__ */ n(qt, { size: "sm" })
+                className: pn,
+                children: /* @__PURE__ */ n(Xt, { size: "sm" })
               })
             ]
           }, d.value))
@@ -2287,22 +2287,22 @@ var Pl = ({ options: e, value: t, onChange: r, placeholder: a, isDisabled: o, ha
       }) })
     })]
   });
-}, Il = (e, t, r) => t === null ? /* @__PURE__ */ n("span", {
-  className: Sl,
+}, Ol = (e, t, r) => t === null ? /* @__PURE__ */ n("span", {
+  className: xl,
   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 }) => {
-  const u = Q({
+}) : Ml(e, t), Ml = (e, t) => e.find((r) => r.value === t)?.label ?? t, Nl = "vod76w0", kl = "vod76w1", _l = "vod76w2", El = "vod76w3", Rl = "vod76w4", Dl = "vod76w5";
+var Hl = ({ value: e, onChange: t, onCommit: r, min: a, max: o, step: i, suffix: l, formatValue: c, isDisabled: s, ariaLabel: h, ariaLabelledBy: d }) => {
+  const u = J({
     ariaLabel: h,
     ariaLabelledBy: d
-  }, !1), v = Dl(e, l, c), { commitUnlessHeldKey: m, gestureHandlers: g } = Le(r);
+  }, !1), v = Vl(e, l, c), { commitUnlessHeldKey: m, gestureHandlers: g } = Le(r);
   return /* @__PURE__ */ p("div", {
-    className: Ol,
+    className: Nl,
     children: [/* @__PURE__ */ n(de.Root, {
-      className: Ml,
+      className: kl,
       value: e,
-      onValueChange: (C) => t(C),
-      onValueCommitted: (C, P) => {
+      onValueChange: (f) => t(f),
+      onValueCommitted: (f, P) => {
         m(P.reason === Ct);
       },
       min: a,
@@ -2310,11 +2310,11 @@ var Rl = ({ value: e, onChange: t, onCommit: r, min: a, max: o, step: i, suffix:
       step: i,
       disabled: s,
       children: /* @__PURE__ */ n(de.Control, {
-        className: Nl,
+        className: _l,
         children: /* @__PURE__ */ p(de.Track, {
           className: El,
-          children: [/* @__PURE__ */ n(de.Indicator, { className: kl }), /* @__PURE__ */ n(de.Thumb, {
-            className: _l,
+          children: [/* @__PURE__ */ n(de.Indicator, { className: Rl }), /* @__PURE__ */ n(de.Thumb, {
+            className: Dl,
             ...g,
             ...u
           })]
@@ -2325,31 +2325,31 @@ 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 }) => {
-  const l = Q({
+}, Vl = (e, t, r) => r !== void 0 ? r(e) : t !== void 0 ? `${e}${t}` : null, zl = "_1hyrlw60", Fl = "_1hyrlw61", Gl = ({ isChecked: e, onChange: t, isDisabled: r, ariaLabel: a, ariaLabelledBy: o, id: i }) => {
+  const l = J({
     id: i,
     ariaLabel: a,
     ariaLabelledBy: o
   });
-  return /* @__PURE__ */ n(on.Root, {
+  return /* @__PURE__ */ n(rn.Root, {
     checked: e,
     onCheckedChange: (c) => t(c),
     disabled: r,
-    className: Hl,
+    className: zl,
     ...l,
-    children: /* @__PURE__ */ n(on.Thumb, { className: Vl })
+    children: /* @__PURE__ */ n(rn.Thumb, { className: Fl })
   });
-}, Fl = "uz3g761", Bl = "tpcnun0 uz3g760", Gl = ({ value: e, onChange: t, onCommit: r, placeholder: a, isDisabled: o, hasError: i, ariaLabel: l, ariaLabelledBy: c, id: s }) => {
-  const h = Q({
+}, Bl = "uz3g761", Kl = "tpcnun0 uz3g760", Ul = ({ value: e, onChange: t, onCommit: r, placeholder: a, isDisabled: o, hasError: i, ariaLabel: l, ariaLabelledBy: c, id: s }) => {
+  const h = J({
     id: s,
     ariaLabel: l,
     ariaLabelledBy: c
   });
-  return /* @__PURE__ */ n(vt, {
-    className: Bl,
+  return /* @__PURE__ */ n(ft, {
+    className: Kl,
     "data-error": i === !0,
-    children: /* @__PURE__ */ n(Wa, {
-      className: Fl,
+    children: /* @__PURE__ */ n(qa, {
+      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 }) => {
-  const h = Q({
+}, Wl = "cnu9yl0", Zl = "cnu9yl1";
+var ql = ({ options: e, value: t, onChange: r, onCommit: a, itemLayout: o = "inline", isDisabled: i, ariaLabel: l, ariaLabelledBy: c, id: s }) => {
+  const h = J({
     id: s,
     ariaLabel: l,
     ariaLabelledBy: c
   }), d = o === "stacked", { commitAfterChange: u, gestureHandlers: v } = Le(a);
   return /* @__PURE__ */ n(Kn, {
-    className: Kl,
+    className: Wl,
     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(Bn.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(Zl, d && "cnu9yl2"),
+      "aria-label": $l(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, $l = (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 }) => {
-  const r = k(() => ({
-    ...bt,
+}, yt = {
+  ToggleGroup: ql,
+  Switch: Gl,
+  Slider: Hl,
+  RadioGrid: bl,
+  Button: hl,
+  TextField: Ul,
+  NumberField: gl,
+  Select: Al
+}, St = ve(yt), Xl = ({ controls: e, children: t }) => {
+  const r = _(() => ({
+    ...yt,
     ...e
   }), [e]);
-  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,
+}, M = () => ce(St), Yl = "_12lhx9e0", wt = ({ children: e }) => /* @__PURE__ */ n("div", {
+  className: Yl,
   children: e
-}), Xl = "_139ohwv0", F = ({ children: e }) => /* @__PURE__ */ n("div", {
-  className: Xl,
+}), jl = "_139ohwv0", F = ({ children: e }) => /* @__PURE__ */ n("div", {
+  className: jl,
   children: e
-}), wt = ve(null), jl = wt.Provider, Yl = () => {
-  const e = ce(wt);
+}), xt = ve(null), Jl = xt.Provider, Ql = () => {
+  const e = ce(xt);
   if (!e) throw new Error("A section must be rendered inside <EditorPanel.Root>.");
   return e;
-}, Jl = "_1jlczkt0", Ql = "data-graphy-editor-panel", es = {
+}, es = "_1jlczkt0", ns = "data-graphy-editor-panel", ts = {
   List: F,
-  Grid: St
+  Grid: wt
 };
-function ns(e) {
+function rs(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 }) => {
-  const i = ir(e), { themeClass: l, inlineVarsStyle: c } = Ve(), [s, h] = q(() => a ? [a] : []), d = k(() => ({
+var as = ({ handle: e, children: t, controls: r, defaultExpandedSection: a = void 0, className: o }) => {
+  const i = lr(e), { themeClass: l, inlineVarsStyle: c } = He(), [s, h] = q(() => a ? [a] : []), d = _(() => ({
     expandSection: (u) => h([u]),
     collapseAllSections: () => h([])
   }), []);
-  return /* @__PURE__ */ n(Ze.Provider, {
+  return /* @__PURE__ */ n(We.Provider, {
     value: i,
-    children: /* @__PURE__ */ n(ql, {
+    children: /* @__PURE__ */ n(Xl, {
       controls: r,
-      children: /* @__PURE__ */ n(jl, {
+      children: /* @__PURE__ */ n(Jl, {
         value: d,
         children: /* @__PURE__ */ n(ue.Root, {
-          [Ql]: "",
-          className: se(Jl, o, { [l]: !ns(o) }),
+          [ns]: "",
+          className: se(es, o, { [l]: !rs(o) }),
           style: c,
           value: s,
           onValueChange: (u) => h(u),
@@ -2448,43 +2448,43 @@ var ts = ({ handle: e, children: t, controls: r, defaultExpandedSection: a = voi
       })
     })
   });
-}, xt = {
-  Root: ts,
-  Controls: es
-}, Cn = {
+}, Tt = {
+  Root: as,
+  Controls: ts
+}, gn = {
   stack: "pr583x0",
   grid: "pr583x1"
-}, fn = "pr583x2", rs = {
+}, vn = "pr583x2", os = {
   plain: "pr583x4 pr583x3",
   withIcon: "pr583x5 pr583x3"
-}, f = ({ label: e, layout: t = "grid", icon: r, children: a }) => {
+}, C = ({ label: e, layout: t = "grid", icon: r, children: a }) => {
   const o = le(), i = le();
   return e === void 0 ? /* @__PURE__ */ n("div", {
-    className: Cn[t],
+    className: gn[t],
     children: /* @__PURE__ */ n("div", {
-      className: fn,
+      className: vn,
       children: a
     })
   }) : /* @__PURE__ */ p("div", {
-    className: Cn[t],
+    className: gn[t],
     children: [/* @__PURE__ */ p("label", {
       id: o,
       htmlFor: i,
-      className: rs[r === void 0 ? "plain" : "withIcon"],
+      className: os[r === void 0 ? "plain" : "withIcon"],
       children: [r !== void 0 && /* @__PURE__ */ n("span", {
         "aria-hidden": "true",
         children: r
       }), e]
     }), /* @__PURE__ */ n("div", {
-      className: fn,
-      children: /* @__PURE__ */ n(gt, {
+      className: vn,
+      children: /* @__PURE__ */ n(vt, {
         labelId: o,
         controlId: i,
         children: a
       })
     })]
   });
-}, as = (e) => /* @__PURE__ */ n(L, {
+}, is = (e) => /* @__PURE__ */ n(L, {
   ...e,
   children: /* @__PURE__ */ n("g", {
     stroke: "currentColor",
@@ -2493,25 +2493,25 @@ 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, {
+}), Ze = "_40zvwv0", qe = "_40zvwv1", ls = "_40zvwv2", Lt = "_40zvwv3", ss = "_40zvwv4 _40zvwv3";
+var cs = "_40zvwv6";
+var ds = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory: a, onOpenChange: o, children: i }) => t === "collapsible" ? /* @__PURE__ */ n(us, {
   title: e,
   preview: r,
   accessory: a,
   onOpenChange: o,
   children: i
-}) : t === "inline" && r === void 0 ? /* @__PURE__ */ n(cs, {
+}) : t === "inline" && r === void 0 ? /* @__PURE__ */ n(hs, {
   title: e,
   accessory: a,
   children: i
 }) : /* @__PURE__ */ p("div", {
-  className: qe,
+  className: Ze,
   children: [/* @__PURE__ */ p("div", {
-    className: $e,
+    className: qe,
     children: [
       /* @__PURE__ */ n("span", {
-        className: Tt,
+        className: Lt,
         children: e
       }),
       r !== void 0 && /* @__PURE__ */ n("span", {
@@ -2524,22 +2524,22 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
       })
     ]
   }), /* @__PURE__ */ n("div", { children: i })]
-}), cs = ({ title: e, accessory: t, children: r }) => {
+}), hs = ({ title: e, accessory: t, children: r }) => {
   const a = le(), o = le();
   return /* @__PURE__ */ n("div", {
-    className: qe,
+    className: Ze,
     children: /* @__PURE__ */ p("div", {
-      className: $e,
+      className: qe,
       children: [
         /* @__PURE__ */ n("label", {
           id: a,
           htmlFor: o,
-          className: is,
+          className: ss,
           children: e
         }),
         /* @__PURE__ */ n("span", {
-          className: ls,
-          children: /* @__PURE__ */ n(gt, {
+          className: cs,
+          children: /* @__PURE__ */ n(vt, {
             labelId: a,
             controlId: o,
             children: r
@@ -2552,22 +2552,22 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
       ]
     })
   });
-}, ds = ({ title: e, preview: t, accessory: r, onOpenChange: a, children: o }) => {
+}, us = ({ title: e, preview: t, accessory: r, onOpenChange: a, children: o }) => {
   const i = I();
   return /* @__PURE__ */ p(ue.Item, {
     value: e,
-    className: qe,
+    className: Ze,
     onOpenChange: a,
     children: [/* @__PURE__ */ p(ue.Header, {
-      className: $e,
+      className: qe,
       render: /* @__PURE__ */ n("div", {}),
       children: [
         /* @__PURE__ */ n(ue.Trigger, {
-          className: os,
+          className: ls,
           "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: ds,
+          children: /* @__PURE__ */ n(is, { 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();
+}, ms = ({ title: e, isChecked: t, onToggle: r, isDisabled: a, preview: o, children: i }) => {
+  const { expandSection: l, collapseAllSections: c } = Ql(), { Switch: s } = M();
   return /* @__PURE__ */ n(D, {
     title: e,
     layout: "collapsible",
@@ -2604,203 +2604,203 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
     }),
     children: i
   });
-}, us = {
+}, ps = {
   horizontal: ["bottom", "top"],
   vertical: ["left", "right"]
-}, ms = {
+}, gs = {
   left: "editor.axesPanel.position.left",
   right: "editor.axesPanel.position.right",
   top: "editor.axesPanel.position.top",
   bottom: "editor.axesPanel.position.bottom"
-}, ps = {
+}, vs = {
   x: "editor.axesPanel.mainAxisSection.xAxis",
   y: "editor.axesPanel.mainAxisSection.yAxis"
-}, bn = ({ axis: e, title: t, layout: r = "collapsible", preview: a }) => {
+}, fn = ({ axis: e, title: t, layout: r = "collapsible", preview: a }) => {
   const o = O(), i = R(o), l = I(), { NumberField: c, Switch: s, TextField: h, ToggleGroup: d } = M();
   if (!i) return null;
-  const u = i.coordSystem.type === "polar" ? i.coordSystem.axisMapping[e].geometry : "linear", v = i.config.axes[e], m = i.scales[e], g = m?.spec, C = g?.scaleType === "continuous" ? g : void 0;
-  if (u === "circular" || u === "radial" && C === void 0) return null;
-  const P = g !== void 0 && "reverse" in g ? g : void 0, w = g?.scaleType === "continuous" || g?.scaleType === "datetime", b = e === "y" && C !== void 0 && i.layers.some((y) => y.yScaleType === "primary" && y.geom === "bar"), T = C?.transform === "log", x = C?.domainMax ?? null, N = gs(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) => ({
+  const u = i.coordSystem.type === "polar" ? i.coordSystem.axisMapping[e].geometry : "linear", v = i.config.axes[e], m = i.scales[e], g = m?.spec, f = g?.scaleType === "continuous" ? g : void 0;
+  if (u === "circular" || u === "radial" && f === void 0) return null;
+  const P = g !== void 0 && "reverse" in g ? g : void 0, w = g?.scaleType === "continuous" || g?.scaleType === "datetime", b = e === "y" && f !== void 0 && i.layers.some((y) => y.yScaleType === "primary" && y.geom === "bar"), T = f?.transform === "log", x = f?.domainMax ?? null, N = fs(f), V = (y, $) => y.map((fe) => ({
+    value: fe,
+    label: $(fe)
+  })), k = i.guides.axes.find((y) => y.scaleAestheticKey === e)?.position, G = ps[k === "bottom" || k === "top" || k === void 0 && e === "x" ? "horizontal" : "vertical"], A = i.guides.legends.drawn.some((y) => G.some(($) => $ === y.position)), S = G.map((y) => ({
     value: y,
-    label: l(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(gs[y])
+  })), E = V(["auto", "edges"], (y) => l(y === "edges" ? "editor.axesPanel.labelMode.edges" : "editor.axesPanel.labelMode.auto")), Q = V(["linear", "log"], (y) => l(y === "log" ? "editor.axesPanel.scale.log" : "editor.axesPanel.scale.auto")), Ot = V([
     "auto",
     "zero",
     "custom"
-  ], (y) => l(y === "zero" ? "editor.axesPanel.startFrom.zero" : y === "custom" ? "editor.axesPanel.startFrom.custom" : "editor.axesPanel.startFrom.auto")), 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) => {
-    o.commands.dispatch(new Ar({
+  ], (y) => l(y === "zero" ? "editor.axesPanel.startFrom.zero" : y === "custom" ? "editor.axesPanel.startFrom.custom" : "editor.axesPanel.startFrom.auto")), Mt = V(["auto", "custom"], (y) => l(y === "custom" ? "editor.axesPanel.endAt.custom" : "editor.axesPanel.endAt.auto")), Nt = V(["no", "yes"], (y) => l(y === "yes" ? "editor.axesPanel.yesNo.yes" : "editor.axesPanel.yesNo.no")), kt = (y) => {
+    o.commands.dispatch(new Or({
       axis: e,
       isVisible: y
     }));
-  }, Et = (y) => {
-    o.commands.dispatch(new Tr({
+  }, _t = (y) => {
+    o.commands.dispatch(new Lr({
       axis: e,
       label: y === "" ? null : y
     }), { transient: !0 });
-  }, kt = (y) => {
-    o.commands.dispatch(new Ir({
+  }, Et = (y) => {
+    o.commands.dispatch(new Ar({
       axis: e,
       isVisible: y
     }));
-  }, _t = (y) => {
-    o.commands.dispatch(new Pr({
+  }, Rt = (y) => {
+    o.commands.dispatch(new Ir({
       axis: e,
       tickMode: y === "edges" ? "edges" : "auto"
     }));
-  }, Rt = (y) => {
-    o.commands.dispatch(new na({
+  }, Dt = (y) => {
+    o.commands.dispatch(new ta({
       scaledAesthetic: e,
       reverse: y === "yes"
     }));
-  }, Dt = (y) => {
-    o.commands.dispatch(new ta({
+  }, Ht = (y) => {
+    o.commands.dispatch(new ra({
       scaledAesthetic: e,
       transform: y === "log" ? "log" : "linear"
     }));
   }, Ye = (y) => {
-    o.commands.dispatch(new fe({
+    o.commands.dispatch(new Ce({
       scaledAesthetic: e,
       ...y
     }), { transient: !0 });
-  }, Ht = (y) => {
-    y !== null && Ye({ domainMin: y });
   }, Vt = (y) => {
-    y !== null && Ye({ domainMax: y });
+    y !== null && Ye({ domainMin: y });
   }, zt = (y) => {
-    if (C) {
+    y !== null && Ye({ domainMax: y });
+  }, Ft = (y) => {
+    if (f) {
       if (y === "custom") {
-        C.zero && o.commands.dispatch(new rn({
+        f.zero && o.commands.dispatch(new nn({
           scaledAesthetic: e,
           zero: !1
-        })), o.commands.dispatch(new fe({
+        })), o.commands.dispatch(new Ce({
           scaledAesthetic: e,
-          domainMin: yn(m?.domain, "start")
+          domainMin: Cn(m?.domain, "start")
         }));
         return;
       }
-      C.domainMin !== null && o.commands.dispatch(new fe({
+      f.domainMin !== null && o.commands.dispatch(new Ce({
         scaledAesthetic: e,
         domainMin: null
-      })), o.commands.dispatch(new rn({
+      })), o.commands.dispatch(new nn({
         scaledAesthetic: e,
         zero: y === "zero"
       }));
     }
-  }, Ft = (y) => {
-    const $ = y === "custom" ? yn(m?.domain, "end") : null;
-    o.commands.dispatch(new fe({
+  }, Gt = (y) => {
+    const $ = y === "custom" ? Cn(m?.domain, "end") : null;
+    o.commands.dispatch(new Ce({
       scaledAesthetic: e,
       domainMax: $
     }));
   }, Bt = (y) => {
-    const $ = B.find((Ce) => Ce === y);
-    $ && o.commands.dispatch(new Lr({
+    const $ = G.find((fe) => fe === y);
+    $ && o.commands.dispatch(new Pr({
       axis: e,
       position: $
     }));
   };
   return /* @__PURE__ */ n(D, {
-    title: t ?? l(ps[e]),
+    title: t ?? l(vs[e]),
     layout: r,
     preview: a,
     children: /* @__PURE__ */ p(F, { children: [
-      /* @__PURE__ */ n(f, {
+      /* @__PURE__ */ n(C, {
         label: l("editor.axesPanel.controls.visible"),
         children: /* @__PURE__ */ n(s, {
           isChecked: v.isVisible,
-          onChange: Nt
+          onChange: kt
         })
       }),
-      u === "linear" && /* @__PURE__ */ p(G, { children: [/* @__PURE__ */ n(f, {
+      u === "linear" && /* @__PURE__ */ p(B, { children: [/* @__PURE__ */ n(C, {
         label: l("editor.axesPanel.controls.title"),
         children: /* @__PURE__ */ n(h, {
           value: v.label ?? "",
-          onChange: Et,
+          onChange: _t,
           onCommit: o.commands.seal
         })
-      }), /* @__PURE__ */ n(f, {
+      }), /* @__PURE__ */ n(C, {
         label: l("editor.axesPanel.controls.ticks"),
         children: /* @__PURE__ */ n(s, {
           isChecked: v.ticks.isVisible,
-          onChange: kt
+          onChange: Et
         })
       })] }),
-      w && /* @__PURE__ */ n(f, {
+      w && /* @__PURE__ */ n(C, {
         label: l("editor.axesPanel.controls.labels"),
         children: /* @__PURE__ */ n(d, {
           value: v.ticks.mode,
-          options: _,
-          onChange: _t
+          options: E,
+          onChange: Rt
         })
       }),
-      C && u === "linear" && !A && /* @__PURE__ */ n(f, {
+      f && u === "linear" && !A && /* @__PURE__ */ n(C, {
         label: l("editor.axesPanel.controls.position"),
         children: /* @__PURE__ */ n(d, {
-          value: E ?? v.position,
+          value: k ?? v.position,
           options: S,
           onChange: Bt
         })
       }),
-      P !== void 0 && /* @__PURE__ */ n(f, {
+      P !== void 0 && /* @__PURE__ */ n(C, {
         label: l("editor.axesPanel.controls.reverse"),
         children: /* @__PURE__ */ n(d, {
           value: P.reverse === !0 ? "yes" : "no",
-          options: Mt,
-          onChange: Rt
+          options: Nt,
+          onChange: Dt
         })
       }),
-      C && !b && /* @__PURE__ */ n(f, {
+      f && !b && /* @__PURE__ */ n(C, {
         label: l("editor.axesPanel.controls.scale"),
         children: /* @__PURE__ */ n(d, {
           value: T ? "log" : "linear",
-          options: ee,
-          onChange: Dt
+          options: Q,
+          onChange: Ht
         })
       }),
-      C && !T && /* @__PURE__ */ p(G, { children: [
-        !b && /* @__PURE__ */ p(G, { children: [/* @__PURE__ */ n(f, {
+      f && !T && /* @__PURE__ */ p(B, { children: [
+        !b && /* @__PURE__ */ p(B, { children: [/* @__PURE__ */ n(C, {
           label: l("editor.axesPanel.controls.startFrom"),
           children: /* @__PURE__ */ n(d, {
             value: N,
-            options: At,
-            onChange: zt
+            options: Ot,
+            onChange: Ft
           })
-        }), N === "custom" && /* @__PURE__ */ n(f, {
+        }), N === "custom" && /* @__PURE__ */ n(C, {
           label: l("editor.axesPanel.controls.value"),
           children: /* @__PURE__ */ n(c, {
-            value: C.domainMin ?? null,
-            onChange: Ht,
+            value: f.domainMin ?? null,
+            onChange: Vt,
             onCommit: o.commands.seal
           })
         })] }),
-        /* @__PURE__ */ n(f, {
+        /* @__PURE__ */ n(C, {
           label: l("editor.axesPanel.controls.endAt"),
           children: /* @__PURE__ */ n(d, {
             value: x === null ? "auto" : "custom",
-            options: Ot,
-            onChange: Ft
+            options: Mt,
+            onChange: Gt
           })
         }),
-        x !== null && /* @__PURE__ */ n(f, {
+        x !== null && /* @__PURE__ */ n(C, {
           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) => {
+}, fs = (e) => e === void 0 ? "auto" : e.domainMin !== null && e.domainMin !== void 0 ? "custom" : e.zero === !0 ? "zero" : "auto", Cn = (e, t) => {
   const r = t === "start" ? e?.[0] : e?.[e.length - 1];
   return typeof r == "number" ? r : 0;
-}, Xe = ({ value: e, onChange: t }) => {
+}, $e = ({ value: e, onChange: t }) => {
   const r = O(), a = I(), { TextField: o } = M(), i = e !== null && typeof e != "string", l = (c) => t(c === "" ? null : c);
-  return /* @__PURE__ */ n(f, {
+  return /* @__PURE__ */ n(C, {
     label: a("editor.elementsPanel.contentValue"),
     children: /* @__PURE__ */ n(o, {
       value: typeof e == "string" ? e : "",
@@ -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) => {
@@ -2818,24 +2818,24 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
       isVisible: d
     }));
   }, h = (d) => {
-    a.commands.dispatch(new Er({ caption: d }), { transient: !0 });
+    a.commands.dispatch(new _r({ caption: d }), { transient: !0 });
   };
   return /* @__PURE__ */ n(D, {
     title: e ?? i("editor.elementsPanel.footerSection.caption"),
     layout: t,
     preview: r,
-    children: /* @__PURE__ */ p(F, { children: [/* @__PURE__ */ n(f, {
+    children: /* @__PURE__ */ p(F, { children: [/* @__PURE__ */ n(C, {
       label: i("editor.elementsPanel.contentVisible"),
       children: /* @__PURE__ */ n(l, {
         isChecked: c.isCaptionVisible,
         onChange: s
       })
-    }), /* @__PURE__ */ n(Xe, {
+    }), /* @__PURE__ */ n($e, {
       value: c.caption,
       onChange: h
     })] })
   });
-}, Sn = /^[a-z][a-z\d+.-]*:/i, Cs = {}, fs = ({ title: e, layout: t = "collapsible", preview: r }) => {
+}, bn = /^[a-z][a-z\d+.-]*:/i, bs = {}, ys = ({ title: e, layout: t = "collapsible", preview: r }) => {
   const a = O(), o = R(a), i = I(), { Switch: l } = M();
   if (!o) return null;
   const c = o.config.content, s = (h) => {
@@ -2848,21 +2848,21 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
     title: e ?? i("editor.elementsPanel.sourceSection.title"),
     layout: t,
     preview: r,
-    children: /* @__PURE__ */ p(F, { children: [/* @__PURE__ */ n(f, {
+    children: /* @__PURE__ */ p(F, { children: [/* @__PURE__ */ n(C, {
       label: i("editor.elementsPanel.contentVisible"),
       children: /* @__PURE__ */ n(l, {
         isChecked: c.isSourceVisible,
         onChange: s
       })
-    }), /* @__PURE__ */ n(bs, { source: c.source ?? Cs })] })
+    }), /* @__PURE__ */ n(Ss, { source: c.source ?? bs })] })
   });
-}, bs = ({ source: e }) => {
+}, Ss = ({ source: e }) => {
   const t = O(), r = I(), { TextField: a } = M(), o = (s) => {
     const h = (s.label ?? "") !== "" || (s.url ?? "") !== "";
-    t.commands.dispatch(new kr({ source: h ? s : null }), { transient: !0 });
+    t.commands.dispatch(new Er({ source: h ? s : null }), { transient: !0 });
   }, i = () => {
     const s = e.url ?? "";
-    s !== "" && !Sn.test(s) && o({
+    s !== "" && !bn.test(s) && o({
       ...e,
       url: `https://${s}`
     }), t.commands.seal();
@@ -2873,15 +2873,15 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
     ...e,
     label: s
   });
-  return /* @__PURE__ */ p(G, { children: [/* @__PURE__ */ n(f, {
+  return /* @__PURE__ */ p(B, { children: [/* @__PURE__ */ n(C, {
     label: r("editor.elementsPanel.sourceSection.url"),
     children: /* @__PURE__ */ n(a, {
       value: e.url ?? "",
       onChange: l,
       onCommit: i,
-      hasError: Sn.test(e.url ?? "") && !Va(e.url)
+      hasError: bn.test(e.url ?? "") && !Fa(e.url)
     })
-  }), /* @__PURE__ */ n(f, {
+  }), /* @__PURE__ */ n(C, {
     label: r("editor.elementsPanel.sourceSection.name"),
     children: /* @__PURE__ */ n(a, {
       value: e.label ?? "",
@@ -2889,7 +2889,7 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
       onCommit: t.commands.seal
     })
   })] });
-}, ys = ({ title: e, layout: t = "collapsible", preview: r }) => {
+}, ws = ({ title: e, layout: t = "collapsible", preview: r }) => {
   const a = O(), o = R(a), i = I(), { Switch: l } = M();
   if (!o) return null;
   const c = o.config.content, s = (d) => {
@@ -2898,24 +2898,24 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
       isVisible: d
     }));
   }, h = (d) => {
-    a.commands.dispatch(new _r({ subtitle: d }), { transient: !0 });
+    a.commands.dispatch(new Rr({ subtitle: d }), { transient: !0 });
   };
   return /* @__PURE__ */ n(D, {
     title: e ?? i("editor.elementsPanel.headerSection.subtitle"),
     layout: t,
     preview: r,
-    children: /* @__PURE__ */ p(F, { children: [/* @__PURE__ */ n(f, {
+    children: /* @__PURE__ */ p(F, { children: [/* @__PURE__ */ n(C, {
       label: i("editor.elementsPanel.contentVisible"),
       children: /* @__PURE__ */ n(l, {
         isChecked: c.isSubtitleVisible,
         onChange: s
       })
-    }), /* @__PURE__ */ n(Xe, {
+    }), /* @__PURE__ */ n($e, {
       value: c.subtitle,
       onChange: h
     })] })
   });
-}, Re = [
+}, Ee = [
   0.8,
   1,
   1.2,
@@ -2926,15 +2926,15 @@ var 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 }) => {
+], xs = Ee.length / 2, Ts = ({ title: e, layout: t = "collapsible", preview: r }) => {
   const a = O(), o = R(a), i = I(), { RadioGrid: l } = M();
   if (!o) return null;
-  const { textScale: c } = o.config.appearance, s = (u) => i("editor.elementsPanel.textSizeSection.scaleFormat", { value: `${u}` }), h = Re.map((u) => ({
+  const { textScale: c } = o.config.appearance, s = (u) => i("editor.elementsPanel.textSizeSection.scaleFormat", { value: `${u}` }), h = Ee.map((u) => ({
     value: `${u}`,
     label: s(u)
   })), d = (u) => {
-    const v = Re.find((m) => `${m}` === u);
-    v !== void 0 && a.commands.dispatch(new xr({ textScale: v }));
+    const v = Ee.find((m) => `${m}` === u);
+    v !== void 0 && a.commands.dispatch(new Tr({ textScale: v }));
   };
   return /* @__PURE__ */ n(D, {
     title: e ?? i("editor.elementsPanel.textSizeSection.title"),
@@ -2943,12 +2943,12 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
     children: /* @__PURE__ */ n(l, {
       value: `${c}`,
       options: h,
-      columns: Ss,
+      columns: xs,
       onChange: d,
       ariaLabel: i("editor.elementsPanel.textSizeSection.title")
     })
   });
-}, xs = ({ title: e, layout: t = "collapsible", preview: r }) => {
+}, Ls = ({ title: e, layout: t = "collapsible", preview: r }) => {
   const a = O(), o = R(a), i = I(), { Switch: l } = M();
   if (!o) return null;
   const c = o.config.content, s = (d) => {
@@ -2957,63 +2957,73 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
       isVisible: d
     }));
   }, h = (d) => {
-    a.commands.dispatch(new Rr({ title: d }), { transient: !0 });
+    a.commands.dispatch(new Dr({ title: d }), { transient: !0 });
   };
   return /* @__PURE__ */ n(D, {
     title: e ?? i("editor.elementsPanel.headerSection.toggleTitle"),
     layout: t,
     preview: r,
-    children: /* @__PURE__ */ p(F, { children: [/* @__PURE__ */ n(f, {
+    children: /* @__PURE__ */ p(F, { children: [/* @__PURE__ */ n(C, {
       label: i("editor.elementsPanel.contentVisible"),
       children: /* @__PURE__ */ n(l, {
         isChecked: c.isTitleVisible,
         onChange: s
       })
-    }), /* @__PURE__ */ n(Xe, {
+    }), /* @__PURE__ */ n($e, {
       value: c.title,
       onChange: h
     })] })
   });
-}, s1 = ({ children: e, ...t }) => /* @__PURE__ */ n(xt.Root, {
+}, h1 = ({ children: e, ...t }) => /* @__PURE__ */ n(Tt.Root, {
   ...t,
-  children: e ?? /* @__PURE__ */ p(G, { children: [
-    /* @__PURE__ */ n(xs, {}),
+  children: e ?? /* @__PURE__ */ p(B, { children: [
+    /* @__PURE__ */ n(Ls, {}),
+    /* @__PURE__ */ n(ws, {}),
+    /* @__PURE__ */ n(Cs, {}),
     /* @__PURE__ */ n(ys, {}),
-    /* @__PURE__ */ n(vs, {}),
-    /* @__PURE__ */ n(fs, {}),
-    /* @__PURE__ */ n(ws, {})
+    /* @__PURE__ */ n(Ts, {})
   ] })
-}), c1 = ({ children: e, ...t }) => /* @__PURE__ */ n(xt.Root, {
+}), u1 = ({ children: e, ...t }) => /* @__PURE__ */ n(Tt.Root, {
   ...t,
-  children: e ?? /* @__PURE__ */ p(G, { children: [/* @__PURE__ */ n(bn, { axis: "x" }), /* @__PURE__ */ n(bn, { axis: "y" })] })
-}), Pe = (e) => `${e}px`, Lt = (e) => `${Math.round(e * 100)}%`, Ts = (e) => `${e}°`, Ls = 24, wn = ["dim", "desaturate"], d1 = ({ title: e, layout: t = "collapsible", preview: r }) => {
+  children: e ?? /* @__PURE__ */ p(B, { children: [/* @__PURE__ */ n(fn, { axis: "x" }), /* @__PURE__ */ n(fn, { axis: "y" })] })
+}), Pe = (e) => `${e}px`, Pt = (e) => `${Math.round(e * 100)}%`, Ps = (e) => `${e}°`, Is = 24, As = { select: { target: "graph" } }, yn = ["dim", "desaturate"], m1 = ({ title: e, layout: t = "collapsible", preview: r }) => {
   const a = O(), o = R(a), i = I(), { Slider: l, ToggleGroup: c } = M();
   if (!o) return null;
-  const { cornerRadius: s } = o.config.appearance, h = Ba(o.spec), d = wn.map((m) => ({
+  const s = Hn().chromeReaders(o.chrome).graph.get("borderRadius"), h = Ka(o.spec), d = yn.map((m) => ({
     value: m,
     label: i(m === "dim" ? "editor.highlighting.highlightStyle.tint" : "editor.highlighting.highlightStyle.grey")
   })), u = (m) => {
-    a.commands.dispatch(new wr({ cornerRadius: m }), { transient: !0 });
+    const g = ka(o.spec.styles.overrides, As)?.declarations ?? {};
+    a.commands.dispatch(new oa({
+      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 }));
+    const g = yn.find((f) => f === m);
+    g && a.commands.dispatch(new Ur({ dimStyle: g }));
   };
   return /* @__PURE__ */ n(D, {
     title: e ?? i("editor.colorPanel.appearanceSection.title"),
     layout: t,
     preview: r,
-    children: /* @__PURE__ */ p(F, { children: [/* @__PURE__ */ n(f, {
+    children: /* @__PURE__ */ p(F, { children: [/* @__PURE__ */ n(C, {
       label: i("editor.colorPanel.borderSection.cornerRadius"),
       children: /* @__PURE__ */ n(l, {
         value: s,
         min: 0,
-        max: Ls,
+        max: Is,
         step: 1,
         formatValue: Pe,
         onChange: u,
         onCommit: a.commands.seal
       })
-    }), /* @__PURE__ */ n(f, {
+    }), /* @__PURE__ */ n(C, {
       label: i("editor.colorPanel.appearanceSection.highlightStyle"),
       children: /* @__PURE__ */ n(c, {
         value: h,
@@ -3022,31 +3032,31 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
       })
     })] })
   });
-}, je = (e, t) => {
-  const { colorScheme: r } = Ve();
-  return k(() => {
+}, Xe = (e, t) => {
+  const { colorScheme: r } = He();
+  return _(() => {
     const a = e?.layers.find((o) => o.id === t);
-    return a === void 0 ? null : Sa({ colorScheme: r }).geomReaders(a);
+    return a === void 0 ? null : Hn({ 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);
+}, Os = 0.05, p1 = ({ title: e, layout: t = "collapsible", preview: r }) => {
+  const a = O(), o = R(a), i = I(), { Slider: l, ToggleGroup: c } = M(), s = o ? Vn(o.spec.layers, "bar") : void 0, h = Xe(o, s?.id ?? null);
   if (!o || !s || o.coordSystem.type === "polar" && o.coordSystem.bandAxis === null) return null;
   const d = (m) => {
-    a.commands.dispatch(new Mr({
+    a.commands.dispatch(new Nr({
       layerId: s.id,
       width: m
     }), { transient: !0 });
   }, u = (m) => {
-    const g = Qe.find((C) => C === m);
-    g && a.commands.dispatch(new Or({
+    const g = je.find((f) => f === m);
+    g && a.commands.dispatch(new Mr({
       layerId: s.id,
       borderRadius: g
     }));
-  }, v = Qe.map((m) => ({
+  }, v = je.map((m) => ({
     value: m,
     label: i(`editor.graphPanel.barSection.roundingOptions.${m}`)
   }));
@@ -3054,22 +3064,22 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
     title: e ?? i("editor.graphPanel.barSection.title"),
     layout: t,
     preview: r,
-    children: /* @__PURE__ */ p(F, { children: [/* @__PURE__ */ n(f, {
+    children: /* @__PURE__ */ p(F, { children: [/* @__PURE__ */ n(C, {
       label: i("editor.graphPanel.barSection.thickness"),
       children: /* @__PURE__ */ n(l, {
         value: s.params.width,
-        min: fr,
-        max: Cr,
-        step: Ps,
-        formatValue: Lt,
+        min: yr,
+        max: br,
+        step: Os,
+        formatValue: Pt,
         onChange: d,
         onCommit: a.commands.seal
       })
-    }), /* @__PURE__ */ n(f, {
+    }), /* @__PURE__ */ n(C, {
       label: i("editor.graphPanel.barSection.rounding"),
       layout: "stack",
       children: /* @__PURE__ */ n(c, {
-        value: h?.get("borderRadius") ?? pr,
+        value: h?.get("borderRadius") ?? vr,
         options: v,
         onChange: u
       })
@@ -3077,7 +3087,7 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
   });
 }, Ie = ({ children: e }) => {
   const t = le();
-  return /* @__PURE__ */ p(G, { children: [/* @__PURE__ */ n("g", {
+  return /* @__PURE__ */ p(B, { children: [/* @__PURE__ */ n("g", {
     filter: `url(#${t})`,
     children: e
   }), /* @__PURE__ */ n("defs", { children: /* @__PURE__ */ p("filter", {
@@ -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", Ms = (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, {
+}), Ns = (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, {
+}), ks = (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, {
+}), _s = (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 = {
+}), Es = {
   x: 0.5,
   y: 0.5
-}, Es = 0.2, ks = {
+}, Rs = 0.2, Ds = {
   x: 0.375,
   y: 0.25,
   width: 0.25,
   height: 0.5
-}, _s = {
+}, Hs = {
   fillColor: null,
   fillOpacity: 0.25,
   strokeWidth: 0,
   zOrder: "background"
-}, Rs = {
+}, Vs = {
   x: 0.4,
   y: 0.6
-}, Ds = {
+}, zs = {
   x: 0.6,
   y: 0.4
-}, Hs = "relative-difference", u1 = ({ title: e, layout: t = "collapsible", preview: r }) => {
+}, Fs = "relative-difference", g1 = ({ title: e, layout: t = "collapsible", preview: r }) => {
   const a = O(), o = R(a), i = I(), { Button: l } = M();
   if (!o) return null;
   const c = () => {
-    a.commands.dispatch(new j({
+    a.commands.dispatch(new Y({
       kind: "text",
       annotation: {
-        ...aa,
-        content: Vs(i("editor.annotatePanel.callOutSection.text")),
+        ...ia,
+        content: Gs(i("editor.annotatePanel.callOutSection.text")),
         at: {
           anchorType: "panel",
-          ...Ns
+          ...Es
         },
-        width: Es
+        width: Rs
       }
     }));
   }, s = () => {
-    a.commands.dispatch(new j({
+    a.commands.dispatch(new Y({
       kind: "arrow",
       annotation: {
-        ...hr,
+        ...mr,
         start: {
           anchorType: "panel",
-          ...Rs
+          ...Vs
         },
         end: {
           anchorType: "panel",
-          ...Ds
+          ...zs
         }
       }
     }));
   }, h = () => {
-    a.commands.dispatch(new j({
+    a.commands.dispatch(new Y({
       kind: "shape",
       annotation: {
-        ...Sr,
-        ..._s,
+        ...xr,
+        ...Hs,
         region: {
           anchorType: "panel",
-          ...ks
+          ...Ds
         }
       }
     }));
   }, d = () => {
-    const v = Ra(o);
-    v !== null && a.commands.dispatch(new j({
+    const v = Ha(o);
+    v !== null && a.commands.dispatch(new Y({
       kind: "differenceArrow",
       annotation: {
         ..._n,
         ...v,
-        label: Hs
+        label: Fs
       }
     }));
   }, 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(_s, { size: "xl" }),
         label: i("editor.annotatePanel.callOutSection.text"),
         onClick: c
       }),
       /* @__PURE__ */ n(l, {
         variant: "tile",
-        icon: /* @__PURE__ */ n(Is, { size: "xl" }),
+        icon: /* @__PURE__ */ n(Ms, { size: "xl" }),
         label: i("editor.annotatePanel.callOutSection.arrow"),
         onClick: s
       }),
       /* @__PURE__ */ n(l, {
         variant: "tile",
-        icon: /* @__PURE__ */ n(As, { size: "xl" }),
+        icon: /* @__PURE__ */ n(Ns, { size: "xl" }),
         label: i("editor.annotatePanel.callOutSection.box"),
         onClick: h
       }),
       u && /* @__PURE__ */ n(l, {
         variant: "tile",
-        icon: /* @__PURE__ */ n(Os, { size: "xl" }),
+        icon: /* @__PURE__ */ n(ks, { size: "xl" }),
         label: i("editor.annotatePanel.callOutSection.difference"),
         onClick: d
       })
     ] })
   });
-}, Vs = (e) => ({
+}, Gs = (e) => ({
   type: "doc",
   content: [{
     type: "paragraph",
@@ -3259,37 +3269,37 @@ 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, Ks = 20, v1 = ({ title: e, preview: t }) => {
   const r = O(), a = R(r), o = I(), { NumberField: i, TextField: l } = M();
   if (!a || a.coordSystem.type === "polar") return null;
-  const c = Ia(a.spec.layers), s = e ?? o("editor.annotationsPanel.goalSection.title"), h = xa(c?.mapping.y), d = typeof h == "number" ? h : null, u = (g) => {
-    const C = new la({
+  const c = Aa(a.spec.layers), s = e ?? o("editor.annotationsPanel.goalSection.title"), h = Ta(c?.mapping.y), d = typeof h == "number" ? h : null, u = (g) => {
+    const f = new ca({
       showGoalLine: g,
-      value: Bs(a),
+      value: Us(a),
       ...c !== void 0 && { layerId: c.id }
     });
-    r.commands.dispatch(C);
+    r.commands.dispatch(f);
   }, v = (g) => {
     if (c === void 0) return;
-    const C = new Qr({
+    const f = new ea({
       layerId: c.id,
       label: g === "" ? null : g
     });
-    r.commands.dispatch(C, { transient: !0 });
+    r.commands.dispatch(f, { transient: !0 });
   }, m = (g) => {
     if (c === void 0 || g === null) return;
-    const C = new ea({
+    const f = new na({
       layerId: c.id,
       value: g
     });
-    r.commands.dispatch(C, { transient: !0 });
+    r.commands.dispatch(f, { transient: !0 });
   };
-  return /* @__PURE__ */ n(hs, {
+  return /* @__PURE__ */ n(ms, {
     title: s,
     preview: t,
     isChecked: c !== void 0,
     onToggle: u,
-    children: /* @__PURE__ */ p(F, { children: [/* @__PURE__ */ n(f, {
+    children: /* @__PURE__ */ p(F, { children: [/* @__PURE__ */ n(C, {
       label: o("editor.annotationsPanel.goalSection.labelControl"),
       children: /* @__PURE__ */ n(l, {
         value: c?.params.label ?? "",
@@ -3298,7 +3308,7 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
         onCommit: r.commands.seal,
         ariaLabel: o("editor.annotationsPanel.goalSection.labelAriaLabel")
       })
-    }), /* @__PURE__ */ n(f, {
+    }), /* @__PURE__ */ n(C, {
       label: o("editor.annotationsPanel.goalSection.valueControl"),
       children: /* @__PURE__ */ n(i, {
         value: d,
@@ -3309,72 +3319,72 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
       })
     })] })
   });
-}, Bs = (e) => {
+}, Us = (e) => {
   const t = (e.scales.y?.domain ?? []).filter((l) => typeof l == "number");
   if (t.length === 0) return 0;
   const r = Math.max(...t), a = r - Math.min(...t), o = a > 0 ? a : Math.abs(r);
   if (o === 0) return 0;
-  const i = Math.min(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(Ks, Math.max(0, 1 - Math.floor(Math.log10(o))));
+  return Number((r + o * Bs).toFixed(i));
+}, f1 = ({ layerId: e, title: t, layout: r = "collapsible", preview: a }) => {
   const o = O(), i = R(o), l = I(), { Switch: c } = M();
   if (!i) return null;
-  const s = e === void 0 ? i.spec.layers[0] : i.spec.layers.find((E) => E.id === e);
+  const s = e === void 0 ? i.spec.layers[0] : i.spec.layers.find((k) => k.id === e);
   if (!s) return null;
-  const { showDataLabels: h, format: d, showStackTotals: u, showCategoryLabels: v } = s.dataLabels, m = i.coordSystem.type === "polar", g = s.geom === "bar", C = s.position === "stack" || s.position === "fill", P = g && !m && s.position === "stack", w = g && (!m || h), b = g || s.geom === "area" && C;
-  if (!Ca(s.geom, i.coordSystem.type)) return null;
-  const T = (E) => {
-    const B = new ia({
+  const { showDataLabels: h, format: d, showStackTotals: u, showCategoryLabels: v } = s.dataLabels, m = i.coordSystem.type === "polar", g = s.geom === "bar", f = s.position === "stack" || s.position === "fill", P = g && !m && s.position === "stack", w = g && (!m || h), b = g || s.geom === "area" && f;
+  if (!ba(s.geom, i.coordSystem.type)) return null;
+  const T = (k) => {
+    const G = new sa({
       layerId: s.id,
-      showDataLabels: E
+      showDataLabels: k
     });
-    o.commands.dispatch(B);
-  }, x = (E) => {
-    const B = new Dr({
+    o.commands.dispatch(G);
+  }, x = (k) => {
+    const G = new Hr({
       layerId: s.id,
-      format: E ? "percentage" : "absolute"
+      format: k ? "percentage" : "absolute"
     });
-    o.commands.dispatch(B);
-  }, N = (E) => {
-    const B = new da({
+    o.commands.dispatch(G);
+  }, N = (k) => {
+    const G = new ua({
       layerId: s.id,
-      showStackTotals: E
+      showStackTotals: k
     });
-    o.commands.dispatch(B);
-  }, V = (E) => {
-    const B = new oa({
+    o.commands.dispatch(G);
+  }, V = (k) => {
+    const G = new la({
       layerId: s.id,
-      showCategoryLabels: E
+      showCategoryLabels: k
     });
-    o.commands.dispatch(B);
+    o.commands.dispatch(G);
   };
   return /* @__PURE__ */ n(D, {
     title: t ?? l("editor.graphPanel.graphOptionsSection.title"),
     layout: r,
     preview: a,
     children: /* @__PURE__ */ p(F, { children: [
-      /* @__PURE__ */ n(f, {
+      /* @__PURE__ */ n(C, {
         label: l("editor.graphPanel.graphOptions.dataLabels"),
         children: /* @__PURE__ */ n(c, {
           isChecked: h,
           onChange: T
         })
       }),
-      h && b && /* @__PURE__ */ n(f, {
+      h && b && /* @__PURE__ */ n(C, {
         label: l("editor.graphPanel.graphOptions.showPercentages"),
         children: /* @__PURE__ */ n(c, {
           isChecked: d === "percentage",
           onChange: x
         })
       }),
-      P && /* @__PURE__ */ n(f, {
+      P && /* @__PURE__ */ n(C, {
         label: l("editor.graphPanel.graphOptions.stackTotals"),
         children: /* @__PURE__ */ n(c, {
           isChecked: u,
           onChange: N
         })
       }),
-      w && /* @__PURE__ */ n(f, {
+      w && /* @__PURE__ */ n(C, {
         label: l("editor.graphPanel.graphOptions.categoryLabels"),
         children: /* @__PURE__ */ n(c, {
           isChecked: v,
@@ -3383,7 +3393,7 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
       })
     ] })
   });
-}, Gs = (e) => /* @__PURE__ */ p(L, {
+}, Ws = (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, {
+}), Zs = (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, {
+}), qs = (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, {
+}), $s = (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, {
+}), Xs = (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, {
+}), Ys = (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, {
+}), js = (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, {
+}), Qs = (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, {
+}), ec = (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, {
+}), nc = (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 = [
+}), tc = 0.55, Re = [
   {
     name: "column",
-    icon: Zs,
+    icon: Xs,
     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: js,
     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: Ys,
     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: Zs,
     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: $s,
     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: qs,
     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: Qs,
     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: Ws,
     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: nc,
     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: ec,
     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: tc
     }
   }
-], ec = 0.05, nc = (e) => e === null ? null : De.find((t) => rc(t.summary, e)) ?? null, tc = (e, t) => {
+], rc = 0.05, ac = (e) => e === null ? null : Re.find((t) => ic(t.summary, e)) ?? null, oc = (e, t) => {
   const { summary: r } = e;
   return r.coordType !== "polar" || !we(r.innerRadius) || t === null || t.coordType !== "polar" || !we(t.innerRadius) ? r : {
     ...r,
     innerRadius: t.innerRadius
   };
-}, 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 }) => {
-  const a = O(), o = R(a), i = I(), { RadioGrid: l } = M(), c = k(() => De.map(({ name: u, icon: v }) => ({
+}, ic = (e, t) => e.coordType !== t.coordType || e.geom !== t.geom || e.position !== t.position ? !1 : e.coordType !== "polar" || t.coordType !== "polar" ? !0 : e.theta === t.theta && we(e.innerRadius) === we(t.innerRadius), we = (e) => e >= rc, lc = 3, C1 = ({ title: e, layout: t = "collapsible", preview: r }) => {
+  const a = O(), o = R(a), i = I(), { RadioGrid: l } = M(), c = _(() => Re.map(({ name: u, icon: v }) => ({
     value: u,
     label: i(`editor.graphTypes.${u}`),
     icon: /* @__PURE__ */ n(v, { size: "md" })
   })), [i]);
   if (!o) return null;
-  const s = Fa(o.spec), h = nc(s), d = (u) => {
-    const v = De.find((m) => m.name === u);
-    v && a.commands.dispatch(new Nr(tc(v, s)));
+  const s = Ba(o.spec), h = ac(s), d = (u) => {
+    const v = Re.find((m) => m.name === u);
+    v && a.commands.dispatch(new kr(oc(v, s)));
   };
   return /* @__PURE__ */ n(D, {
     title: e ?? i("editor.graphPanel.graphTypeSection.title"),
@@ -3836,36 +3846,36 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
     children: /* @__PURE__ */ n(l, {
       value: h?.name ?? "",
       options: c,
-      columns: ac,
+      columns: lc,
       onChange: d,
       ariaLabel: i("editor.graphPanel.graphTypeSection.title")
     })
   });
-}, xn = [
+}, Sn = [
   "solid",
   "dashed",
   "dotted"
-], oc = Number.parseFloat(Yt.gridLineWidth), ic = 8, lc = 0, v1 = ({ title: e, layout: t = "collapsible", preview: r }) => {
-  const a = O(), o = R(a), i = I(), { Slider: l, Switch: c, ToggleGroup: s } = M(), { themeValues: h } = Ve();
+], sc = Number.parseFloat(dr.gridLineWidth), cc = 8, dc = 0, b1 = ({ title: e, layout: t = "collapsible", preview: r }) => {
+  const a = O(), o = R(a), i = I(), { Slider: l, Switch: c, ToggleGroup: s } = M(), { themeValues: h } = He();
   if (!o) return null;
-  const d = o.guides.axes.filter(sc);
+  const d = o.guides.axes.filter(hc);
   if (d.length === 0) return null;
-  const u = o.coordSystem.type !== "polar", v = d.some((b) => b.gridVisible), m = o.config.axes.y.grid, g = xn.map((b) => ({
+  const u = o.coordSystem.type !== "polar", v = d.some((b) => b.gridVisible), m = o.config.axes.y.grid, g = Sn.map((b) => ({
     value: b,
     label: i(`editor.graphPanel.gridSection.lineStyles.${b}`)
-  })), C = (b) => (T) => {
-    a.commands.dispatch(new zr({
+  })), f = (b) => (T) => {
+    a.commands.dispatch(new Fr({
       axis: b,
       isVisible: T
     }));
   }, P = (b) => {
-    const T = xn.find((x) => x === b);
-    T && a.commands.dispatch(new Hr({
+    const T = Sn.find((x) => x === b);
+    T && a.commands.dispatch(new Vr({
       axis: "both",
       lineStyle: T
     }));
   }, w = (b) => {
-    a.commands.dispatch(new Vr({
+    a.commands.dispatch(new zr({
       axis: "both",
       lineWidth: b
     }), { transient: !0 });
@@ -3874,25 +3884,25 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
     title: e ?? i("editor.graphPanel.gridSection.title"),
     layout: t,
     preview: r,
-    children: /* @__PURE__ */ p(F, { children: [d.map((b) => /* @__PURE__ */ n(f, {
-      label: i(cc(b)),
+    children: /* @__PURE__ */ p(F, { children: [d.map((b) => /* @__PURE__ */ n(C, {
+      label: i(uc(b)),
       children: /* @__PURE__ */ n(c, {
         isChecked: b.gridVisible,
-        onChange: C(b.scaleAestheticKey)
+        onChange: f(b.scaleAestheticKey)
       })
-    }, b.scaleAestheticKey)), u && v && /* @__PURE__ */ p(G, { children: [/* @__PURE__ */ n(f, {
+    }, b.scaleAestheticKey)), u && v && /* @__PURE__ */ p(B, { children: [/* @__PURE__ */ n(C, {
       label: i("editor.graphPanel.gridSection.gridStyle"),
       children: /* @__PURE__ */ n(s, {
         value: m.lineStyle,
         options: g,
         onChange: P
       })
-    }), /* @__PURE__ */ n(f, {
+    }), /* @__PURE__ */ n(C, {
       label: i("editor.graphPanel.gridSection.gridThickness"),
       children: /* @__PURE__ */ n(l, {
-        value: m.lineWidth ?? Xt(h.gridLineWidth, oc),
-        min: lc,
-        max: ic,
+        value: m.lineWidth ?? jt(h.gridLineWidth, sc),
+        min: dc,
+        max: cc,
         step: 0.5,
         formatValue: Pe,
         onChange: w,
@@ -3900,27 +3910,27 @@ 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 = [
+}, hc = (e) => e.scaleAestheticKey === "x" || e.scaleAestheticKey === "y", uc = (e) => e.geometry === "radial" ? "editor.graphPanel.gridSection.rings" : e.geometry === "circular" ? "editor.graphPanel.gridSection.spokes" : e.scaleAestheticKey === "x" ? "editor.graphPanel.gridSection.verticalGridLines" : "editor.graphPanel.gridSection.horizontalGridLines", mc = "total", It = [
   "total",
   "average",
   "current"
-], hc = ["total"], Tn = ["previous", "first"], Ln = [
+], pc = ["total"], wn = ["previous", "first"], xn = [
   "auto",
   "small",
   "medium",
   "large"
-], C1 = ({ title: e, layout: t = "collapsible", preview: r }) => {
+], y1 = ({ title: e, layout: t = "collapsible", preview: r }) => {
   const a = O(), o = R(a), i = I(), { Switch: l, ToggleGroup: c } = M();
   if (!o) return null;
   const s = o.config.headline, h = s.show !== "none", d = o.coordSystem, u = d.type === "polar", v = d.type === "polar" && d.innerRadius > 0, m = o.layers.some((S) => S.summary.grandTotal !== void 0);
   if (u && !m) return null;
-  const g = u ? hc : Pt, C = o.guides.headline, P = C?.kind === "perGroup" && C.items.some((S) => S.comparison !== null), w = g.map((S) => ({
+  const g = u ? pc : It, f = o.guides.headline, P = f?.kind === "perGroup" && f.items.some((S) => S.comparison !== null), w = g.map((S) => ({
     value: S,
     label: i(`editor.graphPanel.headlineNumberSection.metrics.${S}`)
-  })), b = Tn.map((S) => ({
+  })), b = wn.map((S) => ({
     value: S,
     label: i(`editor.graphPanel.headlineNumberSection.comparison.${S}`)
-  })), T = Ln.map((S) => ({
+  })), T = xn.map((S) => ({
     value: S,
     label: i(S === "auto" ? "editor.graphPanel.numberFormat.options.auto" : `editor.graphPanel.headlineNumberSize.sizes.${S}`)
   })), x = [{
@@ -3930,31 +3940,31 @@ 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 Je({ show: S ? mc : "none" }));
   }, V = (S) => {
-    const _ = g.find((ee) => ee === S);
-    _ && a.commands.dispatch(new en({ show: _ }));
-  }, E = (S) => {
-    const _ = Tn.find((ee) => ee === S);
-    _ && a.commands.dispatch(new Fr({ compareWith: _ }));
-  }, B = (S) => {
-    const _ = Ln.find((ee) => ee === S);
-    _ && a.commands.dispatch(new Gr({ size: _ }));
+    const E = g.find((Q) => Q === S);
+    E && a.commands.dispatch(new Je({ show: E }));
+  }, k = (S) => {
+    const E = wn.find((Q) => Q === S);
+    E && a.commands.dispatch(new Gr({ compareWith: E }));
+  }, G = (S) => {
+    const E = xn.find((Q) => Q === S);
+    E && a.commands.dispatch(new Kr({ size: E }));
   }, A = (S) => {
     a.commands.dispatch(new Br({ position: S === "center" ? "center" : "above" }));
   };
   return /* @__PURE__ */ n(D, {
     title: e ?? i("editor.graphPanel.headlineNumberSection.title"),
     layout: t,
-    preview: r ?? uc(i, s.show),
-    children: /* @__PURE__ */ p(F, { children: [/* @__PURE__ */ n(f, {
+    preview: r ?? gc(i, s.show),
+    children: /* @__PURE__ */ p(F, { children: [/* @__PURE__ */ n(C, {
       label: i("editor.graphPanel.headlineNumberSection.toggle"),
       children: /* @__PURE__ */ n(l, {
         isChecked: h,
         onChange: N
       })
-    }), h && /* @__PURE__ */ p(G, { children: [
-      w.length > 1 && /* @__PURE__ */ n(f, {
+    }), h && /* @__PURE__ */ p(B, { children: [
+      w.length > 1 && /* @__PURE__ */ n(C, {
         label: i("editor.graphPanel.headlineNumberSection.metricLabel"),
         layout: "stack",
         children: /* @__PURE__ */ n(c, {
@@ -3963,24 +3973,24 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
           onChange: V
         })
       }),
-      P && /* @__PURE__ */ n(f, {
+      P && /* @__PURE__ */ n(C, {
         label: i("editor.graphPanel.headlineNumberSection.compareWithLabel"),
         layout: "stack",
         children: /* @__PURE__ */ n(c, {
-          value: Ga(s.compareWith),
+          value: Ua(s.compareWith),
           options: b,
-          onChange: E
+          onChange: k
         })
       }),
-      /* @__PURE__ */ n(f, {
+      /* @__PURE__ */ n(C, {
         label: i("editor.graphPanel.headlineNumberSize.sizeLabel"),
         children: /* @__PURE__ */ n(c, {
           value: s.size,
           options: T,
-          onChange: B
+          onChange: G
         })
       }),
-      v && /* @__PURE__ */ n(f, {
+      v && /* @__PURE__ */ n(C, {
         label: i("editor.axesPanel.controls.position"),
         children: /* @__PURE__ */ n(c, {
           value: s.position,
@@ -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);
+}, gc = (e, t) => {
+  const r = It.find((a) => a === t);
   return r && e(`editor.graphPanel.headlineNumberSection.metrics.${r}`);
 }, Ne = [
   "top",
@@ -3999,58 +4009,58 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
   "left",
   "right",
   "none"
-], Pn = [
+], Tn = [
   "auto",
   "start",
   "center",
   "end"
-], In = [
+], Ln = [
   "auto",
   "pill",
   "direct"
-], f1 = ({ positions: e, title: t, layout: r = "collapsible", preview: a }) => {
+], S1 = ({ positions: e, title: t, layout: r = "collapsible", preview: a }) => {
   const o = O(), i = R(o), l = I(), { ToggleGroup: c } = M();
   if (!i) return null;
-  const s = i.config.legend.position, h = e ?? Ne, d = i.guides.legends.drawn[0], u = 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
   }), v = i.guides.headline?.kind === "perGroup", m = i.guides.colorGroups.length > 0;
   if (s === "auto" && d === void 0 && !u && (v || !m)) return null;
-  const g = d?.position ?? "none", C = s === "auto" ? g : s, P = Ne.filter((A) => A === C || h.includes(A)).map((A) => ({
+  const g = d?.position ?? "none", f = s === "auto" ? g : s, P = Ne.filter((A) => A === f || h.includes(A)).map((A) => ({
     value: A,
     label: l(`editor.graphPanel.legendSection.${A}`)
   })), w = (A) => {
-    const S = Ne.find((_) => _ === A);
-    S && o.commands.dispatch(new Zr({ position: S }));
+    const S = Ne.find((E) => E === A);
+    S && o.commands.dispatch(new qr({ position: S }));
   }, b = (A) => {
-    const S = Pn.find((_) => _ === A);
-    S && o.commands.dispatch(new Ur({ align: S }));
+    const S = Tn.find((E) => E === A);
+    S && o.commands.dispatch(new Wr({ align: S }));
   }, T = (A) => {
-    const S = In.find((_) => _ === A);
-    S && o.commands.dispatch(new Wr({ display: S }));
-  }, x = Pn.map((A) => ({
+    const S = Ln.find((E) => E === A);
+    S && o.commands.dispatch(new Zr({ display: S }));
+  }, x = Tn.map((A) => ({
     value: A,
     label: l(`editor.graphPanel.legendSection.align.${A}`)
-  })), N = In.map((A) => ({
+  })), N = Ln.map((A) => ({
     value: A,
     label: l(`editor.graphPanel.legendSection.display.${A}`)
-  })), V = t ?? l("editor.graphPanel.legendSection.title"), E = P.find((A) => A.value === C)?.label, B = d !== void 0;
+  })), V = t ?? l("editor.graphPanel.legendSection.title"), k = P.find((A) => A.value === f)?.label, G = d !== void 0;
   return /* @__PURE__ */ n(D, {
     title: V,
     layout: r,
-    preview: a ?? E,
+    preview: a ?? k,
     children: /* @__PURE__ */ p(F, { children: [
-      /* @__PURE__ */ n(f, {
+      /* @__PURE__ */ n(C, {
         label: l("editor.axesPanel.controls.position"),
         layout: "stack",
         children: /* @__PURE__ */ n(c, {
-          value: C,
+          value: f,
           options: P,
           onChange: w
         })
       }),
-      B && /* @__PURE__ */ n(f, {
+      G && /* @__PURE__ */ n(C, {
         label: l("editor.graphPanel.legendSection.alignLabel"),
         layout: "stack",
         children: /* @__PURE__ */ n(c, {
@@ -4059,7 +4069,7 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
           onChange: b
         })
       }),
-      u && /* @__PURE__ */ n(f, {
+      u && /* @__PURE__ */ n(C, {
         label: l("editor.graphPanel.legendSection.displayLabel"),
         layout: "stack",
         children: /* @__PURE__ */ n(c, {
@@ -4070,8 +4080,8 @@ 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);
+}, vc = 1, fc = 20, Cc = 0.5, At = ({ layerId: e }) => {
+  const t = O(), r = R(t), { Slider: a } = M(), o = Xe(r, e);
   if (!r) return null;
   const i = (l) => {
     const c = new jr({
@@ -4081,58 +4091,58 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
     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") ?? fr,
+    min: vc,
+    max: fc,
+    step: Cc,
     formatValue: Pe,
     onChange: i,
     onCommit: t.commands.seal
   });
-}, vc = 1, Cc = 10, fc = 0.1, bc = [
+}, bc = 1, yc = 10, Sc = 0.1, wc = [
   "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);
+], w1 = ({ title: e, layout: t = "collapsible", preview: r }) => {
+  const a = O(), o = R(a), i = I(), { Select: l, Slider: c, Switch: s, ToggleGroup: h } = M(), d = o?.spec.layers ?? [], u = Vn(d, "line", "area"), v = Xe(o, u?.id ?? null);
   if (!o || !u) return null;
-  const m = o.coordSystem.type === "polar", g = 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 = Lc(i, u), f = Tc(u, d), P = Pn(o.spec, u.geom, "strokeWidth", u.id), w = typeof P == "number", b = u.geom === "line" ? u : void 0, T = [{
     value: "auto",
     label: i("editor.graphPanel.numberFormat.options.auto")
   }, {
     value: "custom",
     label: i("editor.graphPanel.numberFormat.options.custom")
   }], x = (S) => {
-    a.commands.dispatch(new ca({
+    a.commands.dispatch(new ha({
       layerId: u.id,
       showPoints: S
     }));
   }, N = (S) => {
-    b && a.commands.dispatch(new sa({
+    b && a.commands.dispatch(new da({
       layerId: b.id,
       showFill: S
     }));
   }, V = (S) => {
-    a.commands.dispatch(new qr({
+    a.commands.dispatch(new $r({
       layerId: u.id,
       interpolate: S ? "catmull-rom" : "linear"
     }));
-  }, E = (S) => {
-    const _ = v?.get("strokeWidth") ?? vr;
-    a.commands.dispatch(new nn({
+  }, k = (S) => {
+    const E = v?.get("strokeWidth") ?? Cr;
+    a.commands.dispatch(new Qe({
       layerId: u.id,
-      lineWidth: S === "custom" ? _ : null
+      lineWidth: S === "custom" ? E : null
     }));
-  }, B = (S) => {
-    a.commands.dispatch(new nn({
+  }, G = (S) => {
+    a.commands.dispatch(new Qe({
       layerId: u.id,
       lineWidth: S
     }), { transient: !0 });
   }, A = (S) => {
-    const _ = yc(S);
-    _ && a.commands.dispatch(new $r({
+    const E = xc(S);
+    E && a.commands.dispatch(new Xr({
       layerId: u.id,
-      missingValues: _
+      missingValues: E
     }));
   };
   return /* @__PURE__ */ n(D, {
@@ -4140,52 +4150,52 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
     layout: t,
     preview: r,
     children: /* @__PURE__ */ p(F, { children: [
-      /* @__PURE__ */ n(f, {
+      /* @__PURE__ */ n(C, {
         label: i("editor.graphPanel.graphOptions.showPoints"),
         children: /* @__PURE__ */ n(s, {
-          isChecked: C !== void 0,
+          isChecked: f !== void 0,
           onChange: x
         })
       }),
-      C && /* @__PURE__ */ n(f, {
+      f && /* @__PURE__ */ n(C, {
         label: i("editor.graphPanel.pointSize.label"),
-        children: /* @__PURE__ */ n(It, { layerId: C.id })
+        children: /* @__PURE__ */ n(At, { layerId: f.id })
       }),
-      b && !m && /* @__PURE__ */ n(f, {
+      b && !m && /* @__PURE__ */ n(C, {
         label: i("editor.graphPanel.graphOptions.lineFill"),
         children: /* @__PURE__ */ n(s, {
-          isChecked: An(o.spec, "line", "fillAlpha", b.id) !== void 0,
+          isChecked: Pn(o.spec, "line", "fillAlpha", b.id) !== void 0,
           onChange: N
         })
       }),
-      !m && /* @__PURE__ */ n(f, {
+      !m && /* @__PURE__ */ n(C, {
         label: i("editor.graphPanel.graphOptions.smoothLines"),
         children: /* @__PURE__ */ n(s, {
           isChecked: u.params.interpolate === "catmull-rom",
           onChange: V
         })
       }),
-      /* @__PURE__ */ n(f, {
+      /* @__PURE__ */ n(C, {
         label: i("editor.graphPanel.lineThickness.label"),
         children: /* @__PURE__ */ n(h, {
           value: w ? "custom" : "auto",
           options: T,
-          onChange: E
+          onChange: k
         })
       }),
-      w && /* @__PURE__ */ n(f, {
+      w && /* @__PURE__ */ n(C, {
         label: i("editor.graphPanel.numberFormat.valueLabel"),
         children: /* @__PURE__ */ n(c, {
           value: P,
-          min: vc,
-          max: Cc,
-          step: fc,
+          min: bc,
+          max: yc,
+          step: Sc,
           formatValue: Pe,
-          onChange: B,
+          onChange: G,
           onCommit: a.commands.seal
         })
       }),
-      !m && g.length > 1 && /* @__PURE__ */ n(f, {
+      !m && g.length > 1 && /* @__PURE__ */ n(C, {
         label: i("editor.fineTunePanel.detailSection.missingValues"),
         children: /* @__PURE__ */ n(l, {
           value: u.params.missingValues,
@@ -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) => {
+}, xc = (e) => wc.find((t) => t === e), Pn = (e, t, r, a) => Ma(e.styles.overrides, ga(t, a))?.[r], Tc = (e, t) => ke(t, "point").find((r) => zn(r, [e])), Lc = (e, t) => {
   const r = [{
     value: "gap",
     label: e("editor.graphPanel.treatEmptyValues.leaveGap.label")
@@ -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 = [
+}, Pc = "k", Ic = 2, Ac = 0, Oc = 5, De = [
   {
     value: "k",
     labelKey: "thousands"
@@ -4220,34 +4230,34 @@ 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 }) => {
+], Mc = ["auto", "none"], x1 = ({ title: e, layout: t = "collapsible", preview: r }) => {
   const a = O(), o = R(a), i = I(), { NumberField: l, ToggleGroup: c } = M();
   if (!o) return null;
-  const { abbreviation: s, decimals: h } = o.config.numberFormat, d = Ac(s) !== void 0, u = h !== "auto", v = (T) => T.map((x) => ({
+  const { abbreviation: s, decimals: h } = o.config.numberFormat, d = Nc(s) !== void 0, u = h !== "auto", v = (T) => T.map((x) => ({
     value: x,
     label: i(`editor.graphPanel.numberFormat.options.${x}`)
-  })), m = He.map(({ value: T, labelKey: x }) => ({
+  })), m = De.map(({ value: T, labelKey: x }) => ({
     value: T,
     label: i(`common.abbreviations.${x}`)
   })), g = (T) => {
-    a.commands.dispatch(new Xr({ abbreviation: T }));
-  }, C = (T) => {
-    const x = Ic.find((N) => N === T);
-    g(x ?? xc);
+    a.commands.dispatch(new Yr({ abbreviation: T }));
+  }, f = (T) => {
+    const x = Mc.find((N) => N === T);
+    g(x ?? Pc);
   }, P = (T) => {
-    const x = He.find((N) => N.value === T);
+    const x = De.find((N) => N.value === T);
     x && g(x.value);
   }, w = (T) => {
-    a.commands.dispatch(new tn({ decimals: T === "custom" ? Tc : "auto" }));
+    a.commands.dispatch(new en({ decimals: T === "custom" ? Ic : "auto" }));
   }, b = (T) => {
-    T !== null && a.commands.dispatch(new tn({ decimals: T }), { transient: !0 });
+    T !== null && a.commands.dispatch(new en({ decimals: T }), { transient: !0 });
   };
   return /* @__PURE__ */ n(D, {
     title: e ?? i("editor.graphPanel.numberFormatSection.title"),
     layout: t,
     preview: r,
     children: /* @__PURE__ */ p(F, { children: [
-      /* @__PURE__ */ n(f, {
+      /* @__PURE__ */ n(C, {
         label: i("editor.graphPanel.numberFormat.abbreviationLabel"),
         children: /* @__PURE__ */ n(c, {
           value: d ? "custom" : s,
@@ -4256,10 +4266,10 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
             "none",
             "custom"
           ]),
-          onChange: C
+          onChange: f
         })
       }),
-      d && /* @__PURE__ */ n(f, {
+      d && /* @__PURE__ */ n(C, {
         label: i("editor.graphPanel.numberFormat.valueLabel"),
         children: /* @__PURE__ */ n(c, {
           value: s,
@@ -4267,7 +4277,7 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
           onChange: P
         })
       }),
-      /* @__PURE__ */ n(f, {
+      /* @__PURE__ */ n(C, {
         label: i("editor.graphPanel.numberFormat.decimalPlacesLabel"),
         children: /* @__PURE__ */ n(c, {
           value: u ? "custom" : "auto",
@@ -4275,71 +4285,71 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
           onChange: w
         })
       }),
-      u && /* @__PURE__ */ n(f, {
+      u && /* @__PURE__ */ n(C, {
         label: i("editor.graphPanel.numberFormat.valueLabel"),
         children: /* @__PURE__ */ n(l, {
           value: h,
-          min: Lc,
-          max: Pc,
+          min: Ac,
+          max: Oc,
           onChange: b,
           onCommit: a.commands.seal
         })
       })
     ] })
   });
-}, Ac = (e) => He.find((t) => t.value === e), S1 = ({ title: e, layout: t = "collapsible", preview: r }) => {
+}, Nc = (e) => De.find((t) => t.value === e), T1 = ({ title: e, layout: t = "collapsible", preview: r }) => {
   const a = R(O()), o = I();
   if (!a) return null;
-  const i = Oc(a.spec.layers);
+  const i = kc(a.spec.layers);
   return i ? /* @__PURE__ */ n(D, {
     title: e ?? o("editor.graphPanel.pointSize.label"),
     layout: t,
     preview: r,
-    children: /* @__PURE__ */ n(F, { children: /* @__PURE__ */ n(f, {
+    children: /* @__PURE__ */ n(F, { children: /* @__PURE__ */ n(C, {
       label: o("editor.graphPanel.numberFormat.valueLabel"),
-      children: /* @__PURE__ */ n(It, { layerId: i.id })
+      children: /* @__PURE__ */ n(At, { layerId: i.id })
     }) })
   }) : null;
-}, Oc = (e) => {
+}, kc = (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 }) => {
+}, _c = 0.9, Ec = 360, Rc = 0.05, Dc = 15, L1 = ({ title: e, layout: t = "collapsible", preview: r }) => {
   const a = O(), o = R(a), i = I(), { Slider: l } = M();
   if (!o || o.spec.coords.coordType !== "polar") return null;
   const { innerRadius: c, startAngle: s } = o.spec.coords.params, h = (u) => {
-    a.commands.dispatch(new 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 });
+    a.commands.dispatch(new Qr({ startAngle: u }), { transient: !0 });
   };
   return /* @__PURE__ */ n(D, {
     title: e ?? i("editor.graphPanel.polarSection.title"),
     layout: t,
     preview: r,
-    children: /* @__PURE__ */ p(F, { children: [/* @__PURE__ */ n(f, {
+    children: /* @__PURE__ */ p(F, { children: [/* @__PURE__ */ n(C, {
       label: i("editor.graphPanel.polarSection.innerRadius"),
       children: /* @__PURE__ */ n(l, {
         value: c,
         min: 0,
-        max: Mc,
-        step: Ec,
-        formatValue: Lt,
+        max: _c,
+        step: Rc,
+        formatValue: Pt,
         onChange: h,
         onCommit: a.commands.seal
       })
-    }), /* @__PURE__ */ n(f, {
+    }), /* @__PURE__ */ n(C, {
       label: i("editor.graphPanel.polarSection.startAngle"),
       children: /* @__PURE__ */ n(l, {
         value: s,
         min: 0,
-        max: Nc - 1,
-        step: kc,
-        formatValue: Ts,
+        max: Ec - 1,
+        step: Dc,
+        formatValue: Ps,
         onChange: d,
         onCommit: a.commands.seal
       })
     })] })
   });
-}, _c = (e) => /* @__PURE__ */ p(L, {
+}, Hc = (e) => /* @__PURE__ */ p(L, {
   ...e,
   children: [
     /* @__PURE__ */ n("path", {
@@ -4362,7 +4372,7 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
       fill: "currentColor"
     })
   ]
-}), On = (e) => /* @__PURE__ */ p(L, {
+}), In = (e) => /* @__PURE__ */ p(L, {
   ...e,
   children: [
     /* @__PURE__ */ n("path", {
@@ -4385,14 +4395,14 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
       fill: "currentColor"
     })
   ]
-}), Rc = (e) => k(() => {
+}), Vc = (e) => _(() => {
   if (e === null) return {
     options: [],
     findValue: () => {
     }
   };
   const { parsingLocale: t, numberFormat: r } = e.config, a = e.guides.colorGroups.map((o) => {
-    const i = wa({
+    const i = xa({
       valueFormat: o.valueFormat,
       locale: t,
       numberFormat: r
@@ -4409,7 +4419,7 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
     options: a.map(({ option: o }) => o),
     findValue: (o) => a.find((i) => i.option.value === o)?.value
   };
-}, [e]), Mn = [
+}, [e]), An = [
   "linear",
   "exponential",
   "quadratic",
@@ -4417,41 +4427,41 @@ 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);
+], zc = "linear", P1 = ({ title: e, layout: t = "collapsible", preview: r }) => {
+  const a = O(), o = R(a), i = I(), { Select: l, Switch: c } = M(), { options: s, findValue: h } = Vc(o);
   if (!o || o.coordSystem.type === "polar") return null;
-  const d = 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 = _a(o.spec.layers), u = Ia(o.spec.layers), v = d?.stat.type === "smooth" ? d.stat.method : zc, m = Fc(u), g = An.map((x) => ({
     value: x,
     label: i(`editor.annotationsPanel.trendType.options.${x}`)
-  })), C = (x, N = {}) => {
-    const V = d ?? u, E = new ra({
+  })), f = (x, N = {}) => {
+    const V = d ?? u, k = new aa({
       line: x,
       ...N,
       ...V !== void 0 && { layerId: V.id },
       label: i("editor.annotationsPanel.trendsAndAveragesSection.average")
     });
-    a.commands.dispatch(E);
-  }, P = (x) => C(x ? "trend" : "none", { method: v }), w = (x) => C(x ? "average" : "none", { group: m ?? h(s[0]?.value ?? "") }), b = (x) => {
-    const N = Mn.find((V) => V === x);
-    N !== void 0 && C("trend", { method: N });
+    a.commands.dispatch(k);
+  }, P = (x) => f(x ? "trend" : "none", { method: v }), w = (x) => f(x ? "average" : "none", { group: m ?? h(s[0]?.value ?? "") }), b = (x) => {
+    const N = An.find((V) => V === x);
+    N !== void 0 && f("trend", { method: N });
   }, T = (x) => {
     const N = x === null ? void 0 : h(x);
-    N !== void 0 && C("average", { group: N });
+    N !== void 0 && f("average", { group: N });
   };
   return /* @__PURE__ */ n(D, {
     title: e ?? i("editor.annotationsPanel.trendsAndAveragesSection.title"),
     layout: t,
-    preview: r ?? /* @__PURE__ */ n(On, { size: "lg" }),
+    preview: r ?? /* @__PURE__ */ n(In, { size: "lg" }),
     children: /* @__PURE__ */ p(F, { children: [
-      /* @__PURE__ */ n(f, {
+      /* @__PURE__ */ n(C, {
         label: i("editor.annotationsPanel.trendsAndAveragesSection.trend"),
-        icon: /* @__PURE__ */ n(On, { size: "lg" }),
+        icon: /* @__PURE__ */ n(In, { size: "lg" }),
         children: /* @__PURE__ */ n(c, {
           isChecked: d !== void 0,
           onChange: P
         })
       }),
-      d !== void 0 && /* @__PURE__ */ n(f, {
+      d !== void 0 && /* @__PURE__ */ n(C, {
         label: i("editor.annotationsPanel.trendType.label"),
         children: /* @__PURE__ */ n(l, {
           value: v,
@@ -4460,15 +4470,15 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
           placeholder: i("editor.annotationsPanel.trendType.placeholder")
         })
       }),
-      /* @__PURE__ */ n(f, {
+      /* @__PURE__ */ n(C, {
         label: i("editor.annotationsPanel.trendsAndAveragesSection.average"),
-        icon: /* @__PURE__ */ n(_c, { size: "lg" }),
+        icon: /* @__PURE__ */ n(Hc, { size: "lg" }),
         children: /* @__PURE__ */ n(c, {
           isChecked: u !== void 0,
           onChange: w
         })
       }),
-      u !== void 0 && s.length > 0 && /* @__PURE__ */ n(f, {
+      u !== void 0 && s.length > 0 && /* @__PURE__ */ n(C, {
         label: i("editor.annotationsPanel.averageLineSeries.label"),
         children: /* @__PURE__ */ n(l, {
           value: m === void 0 ? null : String(m),
@@ -4480,49 +4490,49 @@ var ss = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: r, accessory
       })
     ] })
   });
-}, Hc = (e) => {
+}, Fc = (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,
-  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,
-  f as Row,
+  m1 as AppearanceSection,
+  u1 as AxesPanel,
+  fn as AxisSection,
+  p1 as BarSection,
+  hl as Button,
+  g1 as CalloutsSection,
+  Cs as CaptionSection,
+  d1 as EditableGraphRenderer,
+  Tt as EditorPanel,
+  h1 as ElementsPanel,
+  v1 as GoalSection,
+  f1 as GraphOptionsSection,
+  C1 as GraphTypeSection,
+  b1 as GridSection,
+  y1 as HeadlineSection,
+  Uc as IntlProvider,
+  S1 as LegendSection,
+  w1 as LineSection,
+  gl as NumberField,
+  x1 as NumberFormatSection,
+  ns as PANEL_ROOT_ATTRIBUTE,
+  T1 as PointSection,
+  L1 as PolarSection,
+  bl as RadioGrid,
+  C as Row,
   D as Section,
-  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,
+  Al as Select,
+  Hl as Slider,
+  ys as SourceSection,
+  ws as SubtitleSection,
+  Gl as Switch,
+  Ul as TextField,
+  Ts as TextSizeSection,
+  Ls as TitleSection,
+  ql as ToggleGroup,
+  ms as ToggledSection,
+  P1 as TrendsAndAveragesSection,
   M as useControls,
-  Yl as usePanelExpansion,
+  Ql as usePanelExpansion,
   O as usePanelGraph
 };