@graphysdk/react-renderer 1.8.1-beta.1786366143449 → 1.8.1-beta.1786389092271

package/dist/editable.mjs

@@ -1,33 +1,33 @@
-import { B as _e, D as he, E as It, F as Tt, I as At, L as Re, M as Ss, N as A, Q as Lt, S as J, V as se, Z as Ot, b as I, c as Nt, d as q, et as kt, f as ge, h as Sn, i as Mt, k as De, l as Et, m as _t, n as R, o as wn, p as Le, r as Rt, rt as G, s as Dt, t as zt, tt as K, u as ve, v as Ht, x as j, y as Se } from "./history-chords-C4ubfbkC.js";
-import { g as Vt } from "./font-values-CPxYeqns.js";
-import { AddAnnotationCommand as we, AddHighlightCommand as Ft, BORDER_RADIUS_TOKENS as Ze, CONSTANT_VARIABLES as Bt, DEFAULT_BAR_BORDER_RADIUS as Kt, DEFAULT_POINT_SIZE as Gt, DEFAULT_STROKE_WIDTH as Ut, DIFFERENCE_ARROW_DEFAULTS as Wt, MAX_BAR_WIDTH as qt, MIN_BAR_WIDTH as $t, RESTING_HOVER_STATE as xn, RemoveAnnotationCommand as ze, RemoveHighlightCommand as Zt, SetAppearanceCornerRadiusCommand as jt, SetAppearanceTextScaleCommand as Xt, SetAxisLabelCommand as Yt, SetAxisPositionCommand as Qt, SetAxisTickModeCommand as Jt, SetAxisTicksVisibilityCommand as er, SetAxisVisibilityCommand as nr, SetBarBorderRadiusCommand as tr, SetBarWidthCommand as rr, SetChartTypeCommand as ar, SetContentCaptionCommand as or, SetContentSourceCommand as ir, SetContentSubtitleCommand as lr, SetContentTitleCommand as sr, SetDataLabelsFormatCommand as cr, SetGridLineStyleCommand as dr, SetGridLineWidthCommand as hr, SetGridVisibilityCommand as ur, SetHeadlineCompareWithCommand as mr, SetHeadlinePositionCommand as pr, SetHeadlineShowCommand as je, SetHeadlineSizeCommand as gr, SetHighlightDimStyleCommand as vr, SetLegendAlignCommand as fr, SetLegendDisplayCommand as Cr, SetLegendPositionCommand as br, SetLineInterpolationCommand as yr, SetLineMissingValuesCommand as Sr, SetLineWidthCommand as Xe, SetNumberFormatAbbreviationCommand as wr, SetNumberFormatDecimalsCommand as Ye, SetPointSizeCommand as xr, SetPolarInnerRadiusCommand as Pr, SetPolarStartAngleCommand as Ir, SetScaleDomainCommand as pe, SetScaleReverseCommand as Tr, SetScaleTransformCommand as Ar, SetScaleZeroCommand as Qe, ToggleCategoryLabelsCommand as Lr, ToggleContentVisibilityCommand as xe, ToggleDataLabelsCommand as Or, ToggleLineFillCommand as Nr, ToggleLinePointsVisibilityCommand as kr, ToggleStackTotalsCommand as Mr, UpdateAnnotationCommand as Pn, areAnchorsEqual as In, areEndpointsComparable as Er, buildEditMenuTriggerRegion as _r, buildLayerStyleAddress as Rr, buildObservationAnchor as Dr, buildObservationPredicate as zr, canAnchorDirectLabels as Hr, canPlaceDataLabels as Vr, createObservationAnchorParser as Fr, createStyleResolver as Br, extractVariableName as Kr, filterLayersByGeoms as Oe, findHighlightsAtObservation as Gr, findLayerByGeom as Tn, findObservationAttachment as Ur, findStyleRule as Wr, formatDifferenceLabel as qr, getColor as $r, hasMultipleGroups as Zr, inferDifferenceArrowEndpoints as jr, isCompanionLayer as An, isObservationAttachmentKind as Xr, isPointWithinEditMenuTrigger as Ln, isSafeUrl as Yr, projectAnchorToPanel as Qr, readChartType as Jr, readHighlightDimStyle as ea, resolveComparisonBasis as na, resolveObservationPoint as Ne, stepDifferenceArrowEndpoint as ta, toPanelCursor as He } from "@graphysdk/viz-engine";
-import { createContext as ue, useCallback as fe, useContext as ae, useEffect as V, useId as de, useMemo as k, useRef as Ce, useState as $ } from "react";
-import { Fragment as W, jsx as n, jsxs as m } from "react/jsx-runtime";
-import { useShallow as Ve } from "zustand/react/shallow";
-import { createPortal as ra } from "react-dom";
-import re from "clsx";
-import { assignInlineVars as On } from "@vanilla-extract/dynamic";
-import { Menu as _ } from "@base-ui/react/menu";
-import { Menu as X } from "@base-ui/react";
-import { Accordion as le } from "@base-ui/react/accordion";
-import { NumberField as Je } from "@base-ui/react/number-field";
-import { Radio as Nn } from "@base-ui/react/radio";
-import { RadioGroup as kn } from "@base-ui/react/radio-group";
-import { Select as U } from "@base-ui/react/select";
-import { Slider as oe } from "@base-ui/react/slider";
-import { Switch as en } from "@base-ui/react/switch";
-import { Input as aa } from "@base-ui/react/input";
-import './editable.css';var oa = "data-graphy-chart-chrome", ia = "data-graphy-chart-menu", Mn = { [ia]: "" }, be = (e) => ({ [oa]: e }), En = (e, t) => e instanceof Element && e.closest(`[data-graphy-chart-chrome="${CSS.escape(t)}"]`) !== null, la = (e) => e instanceof Element && e.closest("[data-graphy-chart-menu]") !== null, sa = (e) => e instanceof Element && e.closest("[data-graphy-chart-chrome]") !== null, ce = (e, t, i) => e instanceof Node && (t.contains(e) || En(e, i)), ca = "cml7ha0", _n = ue(null), da = ({ children: e }) => {
-  const { chartId: t } = G(), [i] = $(Re), [r, o] = $(null);
-  return i === null ? null : /* @__PURE__ */ m(W, { children: [ra(/* @__PURE__ */ n("div", {
+import { B as De, D as ue, E as Ot, F as Nt, I as kt, L as He, M as Vs, N as A, Q as Mt, S as ee, V as de, Z as Et, b as T, c as Rt, d as q, et as _t, f as ve, h as xn, i as Dt, k as ze, l as Ht, m as zt, n as R, o as Tn, p as Ne, r as Vt, rt as U, s as Ft, t as Bt, tt as G, u as fe, v as Kt, x as X, y as we } from "./history-chords-Zvti7FbB.js";
+import { g as Gt } from "./font-values-CPxYeqns.js";
+import { ARROW_DEFAULTS as Ut, AddAnnotationCommand as j, AddHighlightCommand as Wt, BORDER_RADIUS_TOKENS as je, CONSTANT_VARIABLES as qt, DEFAULT_BAR_BORDER_RADIUS as Zt, DEFAULT_POINT_SIZE as $t, DEFAULT_STROKE_WIDTH as Xt, DIFFERENCE_ARROW_DEFAULTS as Pn, MAX_BAR_WIDTH as jt, MIN_BAR_WIDTH as Yt, RESTING_HOVER_STATE as In, RemoveAnnotationCommand as Ve, RemoveHighlightCommand as Qt, SHAPE_DEFAULTS as Jt, SetAppearanceCornerRadiusCommand as er, SetAppearanceTextScaleCommand as nr, SetAxisLabelCommand as tr, SetAxisPositionCommand as rr, SetAxisTickModeCommand as ar, SetAxisTicksVisibilityCommand as or, SetAxisVisibilityCommand as ir, SetBarBorderRadiusCommand as lr, SetBarWidthCommand as sr, SetChartTypeCommand as cr, SetContentCaptionCommand as dr, SetContentSourceCommand as hr, SetContentSubtitleCommand as ur, SetContentTitleCommand as mr, SetDataLabelsFormatCommand as pr, SetGridLineStyleCommand as gr, SetGridLineWidthCommand as vr, SetGridVisibilityCommand as fr, SetHeadlineCompareWithCommand as Cr, SetHeadlinePositionCommand as br, SetHeadlineShowCommand as Ye, SetHeadlineSizeCommand as yr, SetHighlightDimStyleCommand as Sr, SetLegendAlignCommand as wr, SetLegendDisplayCommand as xr, SetLegendPositionCommand as Tr, SetLineInterpolationCommand as Pr, SetLineMissingValuesCommand as Ir, SetLineWidthCommand as Qe, SetNumberFormatAbbreviationCommand as Ar, SetNumberFormatDecimalsCommand as Je, SetPointSizeCommand as Lr, SetPolarInnerRadiusCommand as Or, SetPolarStartAngleCommand as Nr, SetScaleDomainCommand as ge, SetScaleReverseCommand as kr, SetScaleTransformCommand as Mr, SetScaleZeroCommand as en, TEXT_ANNOTATION_DEFAULTS as Er, ToggleCategoryLabelsCommand as Rr, ToggleContentVisibilityCommand as xe, ToggleDataLabelsCommand as _r, ToggleLineFillCommand as Dr, ToggleLinePointsVisibilityCommand as Hr, ToggleStackTotalsCommand as zr, UpdateAnnotationCommand as An, areAnchorsEqual as Ln, areEndpointsComparable as Vr, buildEditMenuTriggerRegion as Fr, buildLayerStyleAddress as Br, buildObservationAnchor as Kr, buildObservationPredicate as Gr, canAnchorDirectLabels as Ur, canPlaceDataLabels as Wr, createObservationAnchorParser as qr, createStyleResolver as Zr, extractVariableName as $r, filterLayersByGeoms as ke, findHighlightsAtObservation as Xr, findLayerByGeom as On, findObservationAttachment as jr, findStyleRule as Yr, formatDifferenceLabel as Qr, getColor as Jr, hasMultipleGroups as ea, inferDefaultDifferenceArrowEndpoints as na, inferDifferenceArrowEndpoints as ta, isCompanionLayer as Nn, isObservationAttachmentKind as ra, isPointWithinEditMenuTrigger as kn, isSafeUrl as aa, projectAnchorToPanel as oa, readChartType as ia, readHighlightDimStyle as la, resolveComparisonBasis as sa, resolveObservationPoint as Me, stepDifferenceArrowEndpoint as ca, toPanelCursor as Fe } from "@graphysdk/viz-engine";
+import { createContext as me, useCallback as Ce, useContext as ie, useEffect as V, useId as ae, useMemo as E, useRef as be, useState as Z } from "react";
+import { Fragment as K, jsx as n, jsxs as m } from "react/jsx-runtime";
+import { useShallow as Be } from "zustand/react/shallow";
+import { createPortal as da } from "react-dom";
+import oe from "clsx";
+import { assignInlineVars as Mn } from "@vanilla-extract/dynamic";
+import { Menu as D } from "@base-ui/react/menu";
+import { Menu as Y } from "@base-ui/react";
+import { Accordion as ce } from "@base-ui/react/accordion";
+import { NumberField as nn } from "@base-ui/react/number-field";
+import { Radio as En } from "@base-ui/react/radio";
+import { RadioGroup as Rn } from "@base-ui/react/radio-group";
+import { Select as W } from "@base-ui/react/select";
+import { Slider as le } from "@base-ui/react/slider";
+import { Switch as tn } from "@base-ui/react/switch";
+import { Input as ha } from "@base-ui/react/input";
+import './editable.css';var ua = "data-graphy-chart-chrome", ma = "data-graphy-chart-menu", _n = { [ma]: "" }, ye = (e) => ({ [ua]: e }), Dn = (e, t) => e instanceof Element && e.closest(`[data-graphy-chart-chrome="${CSS.escape(t)}"]`) !== null, pa = (e) => e instanceof Element && e.closest("[data-graphy-chart-menu]") !== null, ga = (e) => e instanceof Element && e.closest("[data-graphy-chart-chrome]") !== null, he = (e, t, i) => e instanceof Node && (t.contains(e) || Dn(e, i)), va = "cml7ha0", Hn = me(null), fa = ({ children: e }) => {
+  const { chartId: t } = U(), [i] = Z(He), [a, o] = Z(null);
+  return i === null ? null : /* @__PURE__ */ m(K, { children: [da(/* @__PURE__ */ n("div", {
     ref: o,
-    className: ca,
-    ...be(t)
-  }), i), /* @__PURE__ */ n(_n.Provider, {
-    value: r,
+    className: va,
+    ...ye(t)
+  }), i), /* @__PURE__ */ n(Hn.Provider, {
+    value: a,
     children: e
   })] });
-}, Fe = () => ae(_n), Rn = (e) => /* @__PURE__ */ m(I, {
+}, Ke = () => ie(Hn), zn = (e) => /* @__PURE__ */ m(T, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -53,91 +53,91 @@ import './editable.css';var oa = "data-graphy-chart-chrome", ia = "data-graphy-c
     })
   ]
 });
-var Dn = "efjmb40", zn = "efjmb41", ee = "efjmb42", ne = "efjmb43", ha = "efjmb44", ua = "efjmb45", ma = /* @__PURE__ */ new Set([
+var Vn = "efjmb40", Fn = "efjmb41", ne = "efjmb42", te = "efjmb43", Ca = "efjmb44", ba = "efjmb45", ya = /* @__PURE__ */ new Set([
   "item-press",
   "escape-key",
   "outside-press",
   "close-press",
   "sibling-open",
   "trigger-press"
-]), Be = ({ label: e, icon: t, onOpened: i, children: r }) => {
-  const o = Fe(), [a, l] = $(!1), c = (s, u) => {
-    s ? (l(!0), i?.()) : ma.has(u.reason) && l(!1);
+]), Ge = ({ label: e, icon: t, onOpened: i, children: a }) => {
+  const o = Ke(), [r, l] = Z(!1), c = (s, u) => {
+    s ? (l(!0), i?.()) : ya.has(u.reason) && l(!1);
   };
-  return /* @__PURE__ */ m(X.SubmenuRoot, {
-    open: a,
+  return /* @__PURE__ */ m(Y.SubmenuRoot, {
+    open: r,
     onOpenChange: c,
-    children: [/* @__PURE__ */ n(pa, {
+    children: [/* @__PURE__ */ n(Sa, {
       label: e,
       icon: t
-    }), /* @__PURE__ */ n(X.Portal, {
+    }), /* @__PURE__ */ n(Y.Portal, {
       container: o,
-      children: /* @__PURE__ */ n(he, { children: /* @__PURE__ */ n(X.Positioner, {
+      children: /* @__PURE__ */ n(ue, { children: /* @__PURE__ */ n(Y.Positioner, {
         side: "right",
         align: "start",
         sideOffset: 4,
-        className: Dn,
-        ...Mn,
-        children: /* @__PURE__ */ n(X.Popup, {
-          className: zn,
-          children: r
+        className: Vn,
+        ..._n,
+        children: /* @__PURE__ */ n(Y.Popup, {
+          className: Fn,
+          children: a
         })
       }) })
     })]
   });
-}, pa = ({ label: e, icon: t }) => /* @__PURE__ */ m(X.SubmenuTrigger, {
-  className: ee,
+}, Sa = ({ label: e, icon: t }) => /* @__PURE__ */ m(Y.SubmenuTrigger, {
+  className: ne,
   openOnHover: !1,
   children: [
     t,
     /* @__PURE__ */ n("span", {
-      className: ne,
+      className: te,
       children: e
     }),
     /* @__PURE__ */ n("span", {
-      className: ua,
-      children: /* @__PURE__ */ n(Se, { size: "sm" })
+      className: ba,
+      children: /* @__PURE__ */ n(we, { size: "sm" })
     })
   ]
-}), ga = "_1qe7q450", va = "_1qe7q451", fa = "_1qe7q452", Ca = ({ label: e, placeholder: t, addLabel: i, at: r, onRequestClose: o }) => {
-  const a = Ce(null), [l, c] = $(""), { dispatch: s } = J(), u = l.trim(), d = () => {
-    u.length !== 0 && (s(new we({
+}), wa = "_1qe7q450", xa = "_1qe7q451", Ta = "_1qe7q452", Pa = ({ label: e, placeholder: t, addLabel: i, at: a, onRequestClose: o }) => {
+  const r = be(null), [l, c] = Z(""), { dispatch: s } = ee(), u = l.trim(), d = () => {
+    u.length !== 0 && (s(new j({
       kind: "comment",
       annotation: {
-        at: r,
-        content: ba(u)
+        at: a,
+        content: Ia(u)
       }
     })), o());
   };
-  return /* @__PURE__ */ n(Be, {
+  return /* @__PURE__ */ n(Ge, {
     label: e,
-    icon: /* @__PURE__ */ n(Rn, {}),
+    icon: /* @__PURE__ */ n(zn, {}),
     onOpened: () => {
-      requestAnimationFrame(() => a.current?.focus());
+      requestAnimationFrame(() => r.current?.focus());
     },
     children: /* @__PURE__ */ m("div", {
-      className: ga,
+      className: wa,
       children: [/* @__PURE__ */ n("input", {
-        ref: a,
-        className: va,
+        ref: r,
+        className: xa,
         value: l,
         placeholder: t,
-        onChange: (g) => {
-          c(g.target.value);
+        onChange: (v) => {
+          c(v.target.value);
         },
-        onKeyDown: (g) => {
-          g.key === "Enter" && (g.preventDefault(), d()), g.key !== "Escape" && g.stopPropagation();
+        onKeyDown: (v) => {
+          v.key === "Enter" && (v.preventDefault(), d()), v.key !== "Escape" && v.stopPropagation();
         }
       }), /* @__PURE__ */ n("button", {
         type: "button",
-        className: fa,
+        className: Ta,
         disabled: u.length === 0,
         onClick: d,
         children: i
       })]
     })
   });
-}, ba = (e) => ({
+}, Ia = (e) => ({
   type: "doc",
   content: [{
     type: "paragraph",
@@ -146,7 +146,7 @@ var Dn = "efjmb40", zn = "efjmb41", ee = "efjmb42", ne = "efjmb43", ha = "efjmb4
       text: e
     }]
   }]
-}), ya = (e) => /* @__PURE__ */ n(I, {
+}), Aa = (e) => /* @__PURE__ */ n(T, {
   viewBox: "0 0 15 14",
   ...e,
   children: /* @__PURE__ */ n("path", {
@@ -154,89 +154,89 @@ var Dn = "efjmb40", zn = "efjmb41", ee = "efjmb42", ne = "efjmb43", ha = "efjmb4
     fill: "currentColor",
     fillOpacity: "0.8"
   })
-}), Sa = "relative-difference", wa = ({ label: e, layer: t, at: i, onRequestClose: r }) => {
-  const { dispatch: o } = J(), a = K((s) => s.coordSystem), l = k(() => jr({
+}), La = "relative-difference", Oa = ({ label: e, layer: t, at: i, onRequestClose: a }) => {
+  const { dispatch: o } = ee(), r = G((s) => s.coordSystem), l = E(() => ta({
     layer: t,
     at: i,
-    coordSystem: a
+    coordSystem: r
   }), [
     t,
     i,
-    a
+    r
   ]);
   if (l === null) return null;
   const c = () => {
-    o(new we({
+    o(new j({
       kind: "differenceArrow",
       annotation: {
-        ...Wt,
+        ...Pn,
         ...l,
-        label: Sa
+        label: La
       }
-    })), r();
+    })), a();
   };
-  return /* @__PURE__ */ m(_.Item, {
-    className: ee,
+  return /* @__PURE__ */ m(D.Item, {
+    className: ne,
     onClick: c,
-    children: [/* @__PURE__ */ n(ya, {}), /* @__PURE__ */ n("span", {
-      className: ne,
+    children: [/* @__PURE__ */ n(Aa, {}), /* @__PURE__ */ n("span", {
+      className: te,
       children: e
     })]
   });
 };
-function xa(e, t) {
-  if (e.type === "polar" && !Pa(t)) return [{
+function Na(e, t) {
+  if (e.type === "polar" && !ka(t)) return [{
     scope: "series",
     labelKey: "pieSlice"
   }];
-  const i = Zr(t.data, t.mapping);
+  const i = ea(t.data, t.mapping);
   switch (t.geom) {
     case "bar": {
-      const r = [{
+      const a = [{
         scope: "data-point",
         labelKey: "bar"
       }];
       if (i) {
         const o = t.position === "stack" || t.position === "fill";
-        r.push({
+        a.push({
           scope: "x-value",
           labelKey: o ? "barStack" : "barGroup"
-        }), r.push({
+        }), a.push({
           scope: "series",
           labelKey: "barSeries"
         });
       }
-      return r;
+      return a;
     }
     case "line":
     case "area": {
-      const r = [{
+      const a = [{
         scope: "data-point",
         labelKey: "linePoint"
       }];
-      return i && r.push({
+      return i && a.push({
         scope: "series",
         labelKey: "lineSeries"
-      }), r;
+      }), a;
     }
     case "point": {
-      const r = [{
+      const a = [{
         scope: "data-point",
         labelKey: "scatterPoint"
       }];
-      return i && r.push({
+      return i && a.push({
         scope: "series",
         labelKey: "scatterSeries"
-      }), r;
+      }), a;
     }
     default:
       return [];
   }
 }
-var Pa = (e) => {
-  const t = Kr(e.mapping.x);
-  return t !== null && t !== Bt.x;
-}, Ia = (e) => /* @__PURE__ */ m(I, {
+var ka = (e) => {
+  const t = $r(e.mapping.x);
+  return t !== null && t !== qt.x;
+}, Ma = (e) => /* @__PURE__ */ m(T, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -275,7 +275,7 @@ var Pa = (e) => {
       rx: ".533"
     })
   ]
-}), Ta = (e) => /* @__PURE__ */ m(I, {
+}), Ea = (e) => /* @__PURE__ */ m(T, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -314,7 +314,7 @@ var Pa = (e) => {
       rx: ".533"
     })
   ]
-}), Aa = (e) => /* @__PURE__ */ m(I, {
+}), Ra = (e) => /* @__PURE__ */ m(T, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -353,7 +353,7 @@ var Pa = (e) => {
       rx: ".533"
     })
   ]
-}), La = (e) => /* @__PURE__ */ m(I, {
+}), _a = (e) => /* @__PURE__ */ m(T, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -373,7 +373,7 @@ var Pa = (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"
     })
   ]
-}), Oa = (e) => /* @__PURE__ */ m(I, {
+}), Da = (e) => /* @__PURE__ */ m(T, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -407,7 +407,7 @@ var Pa = (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"
     })
   ]
-}), Na = (e) => /* @__PURE__ */ m(I, {
+}), Ha = (e) => /* @__PURE__ */ m(T, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -448,7 +448,7 @@ var Pa = (e) => {
       fillOpacity: "0.8"
     })
   ]
-}), ka = (e) => /* @__PURE__ */ m(I, {
+}), za = (e) => /* @__PURE__ */ m(T, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -470,7 +470,7 @@ var Pa = (e) => {
       d: "M15.999 8a8 8 0 0 1-7.588 7.989l-.412.01V8z"
     })
   ]
-}), Ma = (e) => /* @__PURE__ */ m(I, {
+}), Va = (e) => /* @__PURE__ */ m(T, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -531,7 +531,7 @@ var Pa = (e) => {
       transform: "matrix(-1 0 0 1 15.933 .533)"
     })
   ]
-}), Ea = (e) => /* @__PURE__ */ m(I, {
+}), Fa = (e) => /* @__PURE__ */ m(T, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -592,20 +592,20 @@ var Pa = (e) => {
       transform: "matrix(-1 0 0 1 15.933 .533)"
     })
   ]
-}), _a = {
-  bar: Ia,
-  barGroup: Ta,
-  barStack: La,
-  barSeries: Aa,
-  linePoint: Oa,
-  lineSeries: Na,
-  scatterPoint: Ma,
-  scatterSeries: Ea,
-  pieSlice: ka
-}, Hn = ({ labelKey: e }) => {
-  const t = _a[e];
+}), Ba = {
+  bar: Ma,
+  barGroup: Ea,
+  barStack: _a,
+  barSeries: Ra,
+  linePoint: Da,
+  lineSeries: Ha,
+  scatterPoint: Va,
+  scatterSeries: Fa,
+  pieSlice: za
+}, Bn = ({ labelKey: e }) => {
+  const t = Ba[e];
   return /* @__PURE__ */ n(t, {});
-}, Vn = (e) => /* @__PURE__ */ m(I, {
+}, Kn = (e) => /* @__PURE__ */ m(T, {
   viewBox: "0 0 16 16",
   ...e,
   children: [/* @__PURE__ */ n("path", {
@@ -618,81 +618,81 @@ var Pa = (e) => {
     fill: "currentColor",
     fillOpacity: "0.8"
   })]
-}), Ra = ({ label: e, options: t, onSelect: i }) => {
-  const r = A();
-  return /* @__PURE__ */ n(Be, {
+}), Ka = ({ label: e, options: t, onSelect: i }) => {
+  const a = A();
+  return /* @__PURE__ */ n(Ge, {
     label: e,
-    icon: /* @__PURE__ */ n(Vn, {}),
-    children: t.map((o) => /* @__PURE__ */ m(X.Item, {
-      className: ee,
+    icon: /* @__PURE__ */ n(Kn, {}),
+    children: t.map((o) => /* @__PURE__ */ m(Y.Item, {
+      className: ne,
       onClick: () => i(o.scope),
-      children: [/* @__PURE__ */ n(Hn, { labelKey: o.labelKey }), /* @__PURE__ */ n("span", {
-        className: ne,
-        children: r(`graph.annotations.highlights.labels.${o.labelKey}`)
+      children: [/* @__PURE__ */ n(Bn, { labelKey: o.labelKey }), /* @__PURE__ */ n("span", {
+        className: te,
+        children: a(`graph.annotations.highlights.labels.${o.labelKey}`)
       })]
     }, o.scope))
   });
-}, Da = ({ label: e, layer: t, observation: i, highlights: r, onRequestClose: o }) => {
-  const a = A(), { dispatch: l } = J(), c = K((p) => p.coordSystem), s = k(() => zr(t, i), [t, i]), u = k(() => xa(c, t), [c, t]), d = k(() => {
-    const p = new Set(r.map((g) => g.scope));
-    return u.filter((g) => !p.has(g.scope));
-  }, [u, r]), [h] = d;
+}, Ga = ({ label: e, layer: t, observation: i, highlights: a, onRequestClose: o }) => {
+  const r = A(), { dispatch: l } = ee(), c = G((p) => p.coordSystem), s = E(() => Gr(t, i), [t, i]), u = E(() => Na(c, t), [c, t]), d = E(() => {
+    const p = new Set(a.map((v) => v.scope));
+    return u.filter((v) => !p.has(v.scope));
+  }, [u, a]), [h] = d;
   if (s === null || h === void 0) return null;
-  const v = (p) => {
-    l(new Ft({
+  const g = (p) => {
+    l(new Wt({
       predicate: s,
       scope: p,
       layerId: t.id
     })), o();
   };
   if (d.length === 1) {
-    const p = u.length === 1 ? e : a("graph.annotations.baseMenu.highlightWithLabel", { label: a(`graph.annotations.highlights.labels.${h.labelKey}`) });
-    return /* @__PURE__ */ m(X.Item, {
-      className: ee,
-      onClick: () => v(h.scope),
-      children: [/* @__PURE__ */ n(Hn, { labelKey: h.labelKey }), /* @__PURE__ */ n("span", {
-        className: ne,
+    const p = u.length === 1 ? e : r("graph.annotations.baseMenu.highlightWithLabel", { label: r(`graph.annotations.highlights.labels.${h.labelKey}`) });
+    return /* @__PURE__ */ m(Y.Item, {
+      className: ne,
+      onClick: () => g(h.scope),
+      children: [/* @__PURE__ */ n(Bn, { labelKey: h.labelKey }), /* @__PURE__ */ n("span", {
+        className: te,
         children: p
       })]
     });
   }
-  return /* @__PURE__ */ n(Ra, {
+  return /* @__PURE__ */ n(Ka, {
     label: e,
     options: d,
-    onSelect: v
+    onSelect: g
   });
-}, za = "_1aafi1g0", Ha = "_1aafi1g1", Fn = ({ children: e }) => /* @__PURE__ */ m("span", {
-  className: za,
+}, Ua = "_1aafi1g0", Wa = "_1aafi1g1", Gn = ({ children: e }) => /* @__PURE__ */ m("span", {
+  className: Ua,
   "aria-hidden": "true",
-  children: [e, /* @__PURE__ */ n("span", { className: Ha })]
-}), Va = ({ label: e, highlights: t, onRequestClose: i }) => {
-  const { dispatch: r } = J(), o = t.at(-1);
+  children: [e, /* @__PURE__ */ n("span", { className: Wa })]
+}), qa = ({ label: e, highlights: t, onRequestClose: i }) => {
+  const { dispatch: a } = ee(), o = t.at(-1);
   if (o === void 0) return null;
-  const a = () => {
-    r(new Zt({ id: o.id })), i();
+  const r = () => {
+    a(new Qt({ id: o.id })), i();
   };
-  return /* @__PURE__ */ m(_.Item, {
-    className: ee,
-    onClick: a,
-    children: [/* @__PURE__ */ n(Fn, { children: /* @__PURE__ */ n(Vn, {}) }), /* @__PURE__ */ n("span", {
-      className: ne,
+  return /* @__PURE__ */ m(D.Item, {
+    className: ne,
+    onClick: r,
+    children: [/* @__PURE__ */ n(Gn, { children: /* @__PURE__ */ n(Kn, {}) }), /* @__PURE__ */ n("span", {
+      className: te,
       children: e
     })]
   });
-}, Fa = (e, t) => {
-  const i = K((o) => o.spec.highlights), r = K((o) => o.config.parsingLocale);
-  return k(() => Gr({
+}, Za = (e, t) => {
+  const i = G((o) => o.spec.highlights), a = G((o) => o.config.parsingLocale);
+  return E(() => Xr({
     layer: e,
     highlights: i,
     observation: t,
-    parsingLocale: r
+    parsingLocale: a
   }), [
     e,
     i,
     t,
-    r
+    a
   ]);
-}, Bn = (e) => /* @__PURE__ */ m(I, {
+}, Un = (e) => /* @__PURE__ */ m(T, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -715,22 +715,22 @@ var Pa = (e) => {
       fillOpacity: "0.8"
     })
   ]
-}), Ba = ({ label: e, at: t, onRequestClose: i }) => {
-  const { dispatch: r } = J(), o = () => {
-    r(new we({
+}), $a = ({ label: e, at: t, onRequestClose: i }) => {
+  const { dispatch: a } = ee(), o = () => {
+    a(new j({
       kind: "pinnedNumber",
       annotation: { at: t }
     })), i();
   };
-  return /* @__PURE__ */ m(_.Item, {
-    className: ee,
+  return /* @__PURE__ */ m(D.Item, {
+    className: ne,
     onClick: o,
-    children: [/* @__PURE__ */ n(Bn, {}), /* @__PURE__ */ n("span", {
-      className: ne,
+    children: [/* @__PURE__ */ n(Un, {}), /* @__PURE__ */ n("span", {
+      className: te,
       children: e
     })]
   });
-}, Kn = (e) => /* @__PURE__ */ m(I, {
+}, Wn = (e) => /* @__PURE__ */ m(T, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -763,142 +763,142 @@ var Pa = (e) => {
       fillOpacity: "0.8"
     })
   ]
-}), Gn = {
+}), qn = {
   pinnedNumber: {
-    icon: Bn,
+    icon: Un,
     labelKey: "graph.annotations.baseMenu.unpinNumber"
   },
   comment: {
-    icon: Rn,
+    icon: zn,
     labelKey: "graph.annotations.baseMenu.removeAnnotation"
   },
   sticker: {
-    icon: Kn,
+    icon: Wn,
     labelKey: "graph.annotations.baseMenu.removeSticker"
   },
   image: null
-}, Ka = (e) => Xr(e.kind) && Gn[e.kind] !== null, Ga = ({ attachment: e, onRequestClose: t }) => {
-  const i = A(), { dispatch: r } = J(), { icon: o, labelKey: a } = Gn[e.kind], l = () => {
-    r(new ze({ id: e.annotation.id })), t();
+}, Xa = (e) => ra(e.kind) && qn[e.kind] !== null, ja = ({ attachment: e, onRequestClose: t }) => {
+  const i = A(), { dispatch: a } = ee(), { icon: o, labelKey: r } = qn[e.kind], l = () => {
+    a(new Ve({ id: e.annotation.id })), t();
   };
-  return /* @__PURE__ */ m(_.Item, {
-    className: ee,
+  return /* @__PURE__ */ m(D.Item, {
+    className: ne,
     onClick: l,
-    children: [/* @__PURE__ */ n(Fn, { children: /* @__PURE__ */ n(o, {}) }), /* @__PURE__ */ n("span", {
-      className: ne,
-      children: i(a)
+    children: [/* @__PURE__ */ n(Gn, { children: /* @__PURE__ */ n(o, {}) }), /* @__PURE__ */ n("span", {
+      className: te,
+      children: i(r)
     })]
   });
-}, Ua = "ceeojg0", Wa = "ceeojg1", qa = "ceeojg2", $a = ({ label: e, at: t, onRequestClose: i }) => {
-  const { dispatch: r } = J(), o = (a) => {
-    r(new we({
+}, Ya = "ceeojg0", Qa = "ceeojg1", Ja = "ceeojg2", eo = ({ label: e, at: t, onRequestClose: i }) => {
+  const { dispatch: a } = ee(), o = (r) => {
+    a(new j({
       kind: "sticker",
       annotation: {
         at: {
           anchorType: "observation",
           ...t
         },
-        sticker: a
+        sticker: r
       }
     })), i();
   };
-  return /* @__PURE__ */ n(Be, {
+  return /* @__PURE__ */ n(Ge, {
     label: e,
-    icon: /* @__PURE__ */ n(Kn, {}),
+    icon: /* @__PURE__ */ n(Wn, {}),
     children: /* @__PURE__ */ n("div", {
-      className: Ua,
-      children: Object.entries(Dt).map(([a, l]) => /* @__PURE__ */ n(X.Item, {
-        className: Wa,
-        "aria-label": a,
-        onClick: () => o(a),
+      className: Ya,
+      children: Object.entries(Ft).map(([r, l]) => /* @__PURE__ */ n(Y.Item, {
+        className: Qa,
+        "aria-label": r,
+        onClick: () => o(r),
         children: /* @__PURE__ */ n("img", {
-          className: qa,
+          className: Ja,
           src: l.src,
-          alt: a
+          alt: r
         })
-      }, a))
+      }, r))
     })
   });
-}, Za = ({ interaction: e, panelOrigin: t }) => {
-  const i = q(), r = ve((a) => a.menuTrigger);
-  if (e.kind !== "menu" || r === null) return null;
+}, no = ({ interaction: e, panelOrigin: t }) => {
+  const i = q(), a = fe((r) => r.menuTrigger);
+  if (e.kind !== "menu" || a === null) return null;
   const o = () => {
     i.getState().releaseInteraction("menu");
   };
-  return /* @__PURE__ */ n(ja, {
+  return /* @__PURE__ */ n(to, {
     trigger: {
-      x: t.x + r.center.x,
-      y: t.y + r.center.y,
-      radius: r.radius
+      x: t.x + a.center.x,
+      y: t.y + a.center.y,
+      radius: a.radius
     },
     layer: e.anchor.layer,
     at: e.anchor.at,
     observation: e.anchor.observation,
     onClose: o
   });
-}, ja = ({ trigger: e, layer: t, at: i, observation: r, onClose: o }) => {
-  const a = A(), l = Fe(), c = K((f) => f.spec.annotations), s = K((f) => f.config.parsingLocale), u = Ya(), { x: d, y: h, radius: v } = e, p = k(() => Xa(d, h, v), [
+}, to = ({ trigger: e, layer: t, at: i, observation: a, onClose: o }) => {
+  const r = A(), l = Ke(), c = G((f) => f.spec.annotations), s = G((f) => f.config.parsingLocale), u = ao(), { x: d, y: h, radius: g } = e, p = E(() => ro(d, h, g), [
     d,
     h,
-    v
-  ]), g = Ur(c, i, k(() => Fr(t, s), [t, s])), S = g !== null && Ka(g) ? g : null, P = Fa(t, r), y = (f, x) => {
-    !f && Qa(x.reason) && o();
+    g
+  ]), v = jr(c, i, E(() => qr(t, s), [t, s])), S = v !== null && Xa(v) ? v : null, P = Za(t, a), y = (f, x) => {
+    !f && oo(x.reason) && o();
   };
-  return /* @__PURE__ */ n(_.Root, {
+  return /* @__PURE__ */ n(D.Root, {
     open: u,
     modal: !1,
     onOpenChange: y,
-    children: /* @__PURE__ */ n(_.Portal, {
+    children: /* @__PURE__ */ n(D.Portal, {
       container: l,
-      children: /* @__PURE__ */ n(he, { children: /* @__PURE__ */ n(_.Positioner, {
+      children: /* @__PURE__ */ n(ue, { children: /* @__PURE__ */ n(D.Positioner, {
         anchor: p,
         side: "right",
         align: "start",
         sideOffset: 8,
-        className: Dn,
-        ...Mn,
-        children: /* @__PURE__ */ m(_.Popup, {
-          className: zn,
+        className: Vn,
+        ..._n,
+        children: /* @__PURE__ */ m(D.Popup, {
+          className: Fn,
           "data-testid": "observation-menu",
           children: [
-            S !== null && /* @__PURE__ */ n(Ga, {
+            S !== null && /* @__PURE__ */ n(ja, {
               attachment: S,
               onRequestClose: o
             }),
-            /* @__PURE__ */ n(Va, {
-              label: a("graph.annotations.baseMenu.removeHighlight"),
+            /* @__PURE__ */ n(qa, {
+              label: r("graph.annotations.baseMenu.removeHighlight"),
               highlights: P,
               onRequestClose: o
             }),
-            /* @__PURE__ */ n(_.Separator, { className: ha }),
-            S === null && /* @__PURE__ */ m(W, { children: [
-              /* @__PURE__ */ n(Ba, {
-                label: a("graph.annotations.baseMenu.pinNumber"),
+            /* @__PURE__ */ n(D.Separator, { className: Ca }),
+            S === null && /* @__PURE__ */ m(K, { children: [
+              /* @__PURE__ */ n($a, {
+                label: r("graph.annotations.baseMenu.pinNumber"),
                 at: i,
                 onRequestClose: o
               }),
-              /* @__PURE__ */ n(Ca, {
-                label: a("graph.annotations.baseMenu.annotate"),
-                placeholder: a("graph.annotations.textMenu.placeholder"),
-                addLabel: a("graph.annotations.textMenu.addButton"),
+              /* @__PURE__ */ n(Pa, {
+                label: r("graph.annotations.baseMenu.annotate"),
+                placeholder: r("graph.annotations.textMenu.placeholder"),
+                addLabel: r("graph.annotations.textMenu.addButton"),
                 at: i,
                 onRequestClose: o
               }),
-              /* @__PURE__ */ n($a, {
-                label: a("graph.annotations.baseMenu.addSticker"),
+              /* @__PURE__ */ n(eo, {
+                label: r("graph.annotations.baseMenu.addSticker"),
                 at: i,
                 onRequestClose: o
               })
             ] }),
-            t.highlight !== null && /* @__PURE__ */ n(Da, {
-              label: a("graph.annotations.baseMenu.highlight"),
+            t.highlight !== null && /* @__PURE__ */ n(Ga, {
+              label: r("graph.annotations.baseMenu.highlight"),
               layer: t,
-              observation: r,
+              observation: a,
               highlights: P,
               onRequestClose: o
             }),
-            /* @__PURE__ */ n(wa, {
-              label: a("graph.annotations.baseMenu.differenceArrow"),
+            /* @__PURE__ */ n(Oa, {
+              label: r("graph.annotations.baseMenu.differenceArrow"),
               layer: t,
               at: i,
               onRequestClose: o
@@ -908,19 +908,19 @@ var Pa = (e) => {
       }) })
     })
   });
-}, Xa = (e, t, i) => ({ getBoundingClientRect: () => new DOMRect(e - i, t - i, i * 2, i * 2) }), Ya = () => {
-  const [e, t] = $(!1);
+}, ro = (e, t, i) => ({ getBoundingClientRect: () => new DOMRect(e - i, t - i, i * 2, i * 2) }), ao = () => {
+  const [e, t] = Z(!1);
   return V(() => {
     t(!0);
   }, []), e;
-}, Qa = (e) => e === "outside-press" || e === "escape-key" || e === "item-press", Ja = () => {
-  const e = wn();
-  return Un(e);
-}, Un = (e) => {
+}, oo = (e) => e === "outside-press" || e === "escape-key" || e === "item-press", io = () => {
+  const e = Tn();
+  return Zn(e);
+}, Zn = (e) => {
   if (e.length !== 1) return null;
   const [t] = e;
   return t?.kind === "annotation" ? t.id : null;
-}, eo = (e) => /* @__PURE__ */ n(I, {
+}, lo = (e) => /* @__PURE__ */ n(T, {
   ...e,
   children: /* @__PURE__ */ m("g", {
     stroke: "currentColor",
@@ -929,7 +929,7 @@ var Pa = (e) => {
     strokeLinejoin: "round",
     children: [/* @__PURE__ */ n("path", { d: "M4 9h16m-4-4 4 4" }), /* @__PURE__ */ n("path", { d: "M20 15H4m4 4-4-4" })]
   })
-}), no = (e) => /* @__PURE__ */ n(I, {
+}), so = (e) => /* @__PURE__ */ n(T, {
   ...e,
   children: /* @__PURE__ */ m("g", {
     stroke: "currentColor",
@@ -943,43 +943,43 @@ var Pa = (e) => {
       /* @__PURE__ */ n("path", { d: "M9 7V5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2" })
     ]
   })
-}), to = { kind: "chrome-popup" }, ro = "var(--q7gcrz0)", ao = "var(--q7gcrz1)", oo = "q7gcrz2", io = "q7gcrz3";
-var lo = "q7gcrz5", so = "q7gcrz6", co = "q7gcrz7", ho = "q7gcrz8", Wn = "q7gcrz9", uo = "q7gcrza";
-var nn = "q7gcrzd q7gcrzc", qn = "q7gcrze q7gcrzc", mo = [
+}), co = { kind: "chrome-popup" }, ho = "var(--q7gcrz0)", uo = "var(--q7gcrz1)", mo = "q7gcrz2", po = "q7gcrz3";
+var go = "q7gcrz5", vo = "q7gcrz6", fo = "q7gcrz7", Co = "q7gcrz8", $n = "q7gcrz9", bo = "q7gcrza";
+var rn = "q7gcrzd q7gcrzc", Xn = "q7gcrze q7gcrzc", yo = [
   "absolute-difference",
   "relative-difference",
   "proportion"
-], tn = ["absolute-difference", "relative-difference"], po = ["relative-difference", "proportion"], go = {
+], an = ["absolute-difference", "relative-difference"], So = ["relative-difference", "proportion"], wo = {
   "absolute-difference": "graph.annotations.differenceArrowToolbar.labelKind.absoluteDifference",
   "relative-difference": "graph.annotations.differenceArrowToolbar.labelKind.relativeDifference",
   proportion: "graph.annotations.differenceArrowToolbar.labelKind.proportion"
-}, vo = (e) => {
-  const { formattingLocale: t } = G(), i = K((o) => o.config.parsingLocale), r = t ?? i;
-  return k(() => {
-    const o = Er(e.start, e.end);
-    return mo.filter((a) => o || !tn.includes(a) || a === e.label).map((a) => ({
-      kind: a,
-      nameKey: go[a],
-      preview: qr({
-        locale: r,
-        kind: a,
+}, xo = (e) => {
+  const { formattingLocale: t } = U(), i = G((o) => o.config.parsingLocale), a = t ?? i;
+  return E(() => {
+    const o = Vr(e.start, e.end);
+    return yo.filter((r) => o || !an.includes(r) || r === e.label).map((r) => ({
+      kind: r,
+      nameKey: wo[r],
+      preview: Qr({
+        locale: a,
+        kind: r,
         startValue: e.start.measurementValue,
         endValue: e.end.measurementValue,
         valueFormat: e.start.valueFormat
       }),
-      isPickable: o || !tn.includes(a),
-      isSuspect: po.includes(a) && e.start.measurementValue === 0
+      isPickable: o || !an.includes(r),
+      isSuspect: So.includes(r) && e.start.measurementValue === 0
     }));
-  }, [e, r]);
-}, ie = 8, fo = ({ labelBox: e, panelRect: t, frameWidth: i, frameHeight: r }) => {
-  const o = t.y + e.y, a = o + e.height, l = o - 8 - 36, c = a + 8, s = Co(ie, l >= ie ? l : c, r - ie - 36), u = ie;
+  }, [e, a]);
+}, se = 8, To = ({ labelBox: e, panelRect: t, frameWidth: i, frameHeight: a }) => {
+  const o = t.y + e.y, r = o + e.height, l = o - 8 - 36, c = r + 8, s = Po(se, l >= se ? l : c, a - se - 36), u = se;
   return {
     top: s,
     left: u,
-    available: Math.max(0, i - ie * 2),
+    available: Math.max(0, i - se * 2),
     centre: t.x + e.x + e.width / 2 - u
   };
-}, Co = (e, t, i) => Math.max(e, Math.min(t, i)), Te = [
+}, Po = (e, t, i) => Math.max(e, Math.min(t, i)), Le = [
   {
     id: "small",
     nameKey: "graph.annotations.differenceArrowToolbar.size.small"
@@ -992,14 +992,14 @@ var nn = "q7gcrzd q7gcrzc", qn = "q7gcrze q7gcrzc", mo = [
     id: "large",
     nameKey: "graph.annotations.differenceArrowToolbar.size.large"
   }
-], bo = ({ arrow: e, labelBox: t, panelRect: i, frameWidth: r, frameHeight: o, frameElement: a }) => {
-  const l = A(), { chartId: c, commands: s } = G(), u = q(), [d, h] = $(null), v = vo(e), p = fo({
+], Io = ({ arrow: e, labelBox: t, panelRect: i, frameWidth: a, frameHeight: o, frameElement: r }) => {
+  const l = A(), { chartId: c, commands: s } = U(), u = q(), [d, h] = Z(null), g = xo(e), p = To({
     labelBox: t,
     panelRect: i,
-    frameWidth: r,
+    frameWidth: a,
     frameHeight: o
-  }), g = (y, f) => {
-    s.dispatch(new Pn({
+  }), v = (y, f) => {
+    s.dispatch(new An({
       kind: "differenceArrow",
       id: e.id,
       patch: y
@@ -1007,78 +1007,78 @@ var nn = "q7gcrzd q7gcrzc", qn = "q7gcrze q7gcrzc", mo = [
   };
   V(() => () => s.seal(), [s]), V(() => {
     const { claimInteraction: y, releaseInteraction: f } = u.getState();
-    return d === null ? f("chrome-popup") : y(to), () => f("chrome-popup");
+    return d === null ? f("chrome-popup") : y(co), () => f("chrome-popup");
   }, [u, d]);
   const S = (y) => {
     h(y ? "color" : null), y || s.seal();
   }, P = () => {
-    s.dispatch(new ze({ id: e.id })), a.focus({ preventScroll: !0 });
+    s.dispatch(new Ve({ id: e.id })), r.focus({ preventScroll: !0 });
   };
   return /* @__PURE__ */ n("div", {
-    className: oo,
+    className: mo,
     style: {
       top: p.top,
       left: p.left,
       width: p.available
     },
-    children: /* @__PURE__ */ m(j.Root, {
+    children: /* @__PURE__ */ m(X.Root, {
       "aria-label": l("graph.annotations.differenceArrowToolbar.label"),
-      className: io,
+      className: po,
       "data-testid": "difference-arrow-toolbar",
-      ...be(c),
-      style: On({
-        [ro]: `${p.centre}px`,
-        [ao]: `${p.available}px`
+      ...ye(c),
+      style: Mn({
+        [ho]: `${p.centre}px`,
+        [uo]: `${p.available}px`
       }),
       children: [
-        /* @__PURE__ */ n(yo, {
-          options: v,
+        /* @__PURE__ */ n(Ao, {
+          options: g,
           current: e.label,
           isOpen: d === "labelKind",
           onOpenChange: (y) => h(y ? "labelKind" : null),
           onPick: (y) => {
-            g({ label: y }), h(null);
+            v({ label: y }), h(null);
           }
         }),
-        /* @__PURE__ */ n(j.Separator, {}),
-        /* @__PURE__ */ n(j.ColorPicker, {
+        /* @__PURE__ */ n(X.Separator, {}),
+        /* @__PURE__ */ n(X.ColorPicker, {
           color: e.color,
           label: l("graph.annotations.differenceArrowToolbar.color"),
-          onChange: (y) => g({ color: y }, { transient: !0 }),
+          onChange: (y) => v({ color: y }, { transient: !0 }),
           isOpen: d === "color",
           onOpenChange: S,
-          popupAttributes: be(c),
+          popupAttributes: ye(c),
           children: /* @__PURE__ */ n("span", {
-            className: so,
+            className: vo,
             style: { background: e.color ?? "transparent" }
           })
         }),
-        /* @__PURE__ */ n(So, {
+        /* @__PURE__ */ n(Lo, {
           current: e.size,
           isOpen: d === "size",
           onOpenChange: (y) => h(y ? "size" : null),
           onPick: (y) => {
-            g({ size: y }), h(null);
+            v({ size: y }), h(null);
           }
         }),
-        /* @__PURE__ */ n(j.Separator, {}),
-        /* @__PURE__ */ n(j.Button, {
+        /* @__PURE__ */ n(X.Separator, {}),
+        /* @__PURE__ */ n(X.Button, {
           "aria-label": l("graph.annotations.differenceArrowToolbar.swap"),
-          className: nn,
-          onClick: () => g({
+          className: rn,
+          onClick: () => v({
             start: e.end.anchor,
             end: e.start.anchor
           }),
-          children: /* @__PURE__ */ n(eo, {
+          children: /* @__PURE__ */ n(lo, {
             size: "sm",
             title: ""
           })
         }),
-        /* @__PURE__ */ n(j.Button, {
+        /* @__PURE__ */ n(X.Button, {
           "aria-label": l("graph.annotations.differenceArrowToolbar.remove"),
-          className: nn,
+          className: rn,
           onClick: P,
-          children: /* @__PURE__ */ n(no, {
+          children: /* @__PURE__ */ n(so, {
             size: "sm",
             title: ""
           })
@@ -1086,22 +1086,22 @@ var nn = "q7gcrzd q7gcrzc", qn = "q7gcrze q7gcrzc", mo = [
       ]
     })
   });
-}, yo = ({ options: e, current: t, isOpen: i, onOpenChange: r, onPick: o }) => {
-  const a = A(), l = e.find((s) => s.kind === t), c = e.some((s) => s.isPickable && s.kind !== t);
-  return /* @__PURE__ */ m(_.Root, {
+}, Ao = ({ options: e, current: t, isOpen: i, onOpenChange: a, onPick: o }) => {
+  const r = A(), l = e.find((s) => s.kind === t), c = e.some((s) => s.isPickable && s.kind !== t);
+  return /* @__PURE__ */ m(D.Root, {
     open: i,
     modal: !1,
-    onOpenChange: r,
-    children: [/* @__PURE__ */ m(_.Trigger, {
-      render: /* @__PURE__ */ n(j.Button, {}),
-      "aria-label": a("graph.annotations.differenceArrowToolbar.labelKind.ariaLabel"),
-      className: qn,
+    onOpenChange: a,
+    children: [/* @__PURE__ */ m(D.Trigger, {
+      render: /* @__PURE__ */ n(X.Button, {}),
+      "aria-label": r("graph.annotations.differenceArrowToolbar.labelKind.ariaLabel"),
+      className: Xn,
       disabled: !c,
       onMouseDown: (s) => s.preventDefault(),
       children: [
         /* @__PURE__ */ n("span", {
-          className: lo,
-          children: l === void 0 ? "" : a(l.nameKey)
+          className: go,
+          children: l === void 0 ? "" : r(l.nameKey)
         }),
         l !== void 0 && /* @__PURE__ */ m("span", {
           className: "q7gcrz4",
@@ -1111,91 +1111,91 @@ var nn = "q7gcrzd q7gcrzc", qn = "q7gcrze q7gcrzc", mo = [
             ")"
           ]
         }),
-        /* @__PURE__ */ n(Se, { size: "sm" })
+        /* @__PURE__ */ n(we, { size: "sm" })
       ]
-    }), /* @__PURE__ */ n($n, { children: e.map((s) => /* @__PURE__ */ m(_.Item, {
-      className: Wn,
+    }), /* @__PURE__ */ n(jn, { children: e.map((s) => /* @__PURE__ */ m(D.Item, {
+      className: $n,
       "data-selected": s.kind === t,
       disabled: !s.isPickable,
       onClick: () => o(s.kind),
       children: [
-        /* @__PURE__ */ n("span", { children: a(s.nameKey) }),
+        /* @__PURE__ */ n("span", { children: r(s.nameKey) }),
         (s.isSuspect || !s.isPickable) && /* @__PURE__ */ n("span", {
-          "aria-label": a(s.isPickable ? "graph.annotations.differenceArrowToolbar.labelKind.suspectValue" : "graph.annotations.differenceArrowToolbar.labelKind.incomparableEnds"),
+          "aria-label": r(s.isPickable ? "graph.annotations.differenceArrowToolbar.labelKind.suspectValue" : "graph.annotations.differenceArrowToolbar.labelKind.incomparableEnds"),
           className: "q7gcrzb",
           role: "img",
           children: "⚠"
         }),
         /* @__PURE__ */ n("span", {
-          className: uo,
+          className: bo,
           children: s.preview
         })
       ]
     }, s.kind)) })]
   });
-}, So = ({ current: e, isOpen: t, onOpenChange: i, onPick: r }) => {
-  const o = A(), a = Te.find((l) => l.id === e) ?? Te[0];
-  return /* @__PURE__ */ m(_.Root, {
+}, Lo = ({ current: e, isOpen: t, onOpenChange: i, onPick: a }) => {
+  const o = A(), r = Le.find((l) => l.id === e) ?? Le[0];
+  return /* @__PURE__ */ m(D.Root, {
     open: t,
     modal: !1,
     onOpenChange: i,
-    children: [/* @__PURE__ */ m(_.Trigger, {
-      render: /* @__PURE__ */ n(j.Button, {}),
+    children: [/* @__PURE__ */ m(D.Trigger, {
+      render: /* @__PURE__ */ n(X.Button, {}),
       "aria-label": o("graph.annotations.differenceArrowToolbar.size.ariaLabel"),
-      className: qn,
+      className: Xn,
       onMouseDown: (l) => l.preventDefault(),
-      children: [/* @__PURE__ */ n("span", { children: a === void 0 ? "" : o(a.nameKey) }), /* @__PURE__ */ n(Se, { size: "sm" })]
-    }), /* @__PURE__ */ n($n, { children: Te.map((l) => /* @__PURE__ */ n(_.Item, {
-      className: Wn,
+      children: [/* @__PURE__ */ n("span", { children: r === void 0 ? "" : o(r.nameKey) }), /* @__PURE__ */ n(we, { size: "sm" })]
+    }), /* @__PURE__ */ n(jn, { children: Le.map((l) => /* @__PURE__ */ n(D.Item, {
+      className: $n,
       "data-selected": l.id === e,
-      onClick: () => r(l.id),
+      onClick: () => a(l.id),
       children: o(l.nameKey)
     }, l.id)) })]
   });
-}, $n = ({ children: e }) => {
-  const { chartId: t } = G();
-  return /* @__PURE__ */ n(_.Portal, {
-    container: Re(),
-    children: /* @__PURE__ */ n(he, { children: /* @__PURE__ */ n(_.Positioner, {
+}, jn = ({ children: e }) => {
+  const { chartId: t } = U();
+  return /* @__PURE__ */ n(D.Portal, {
+    container: He(),
+    children: /* @__PURE__ */ n(ue, { children: /* @__PURE__ */ n(D.Positioner, {
       side: "bottom",
       align: "start",
       sideOffset: 6,
-      className: co,
-      children: /* @__PURE__ */ n(_.Popup, {
-        className: ho,
+      className: fo,
+      children: /* @__PURE__ */ n(D.Popup, {
+        className: Co,
         onMouseDown: (i) => i.preventDefault(),
-        ...be(t),
+        ...ye(t),
         children: e
       })
     }) })
   });
 };
-var wo = "ydgo3h0", xo = "ydgo3h1", Po = "ydgo3h2", Zn = (e) => e === "start" ? "end" : "start", jn = ({ dispatch: e, arrow: t, endpoint: i, anchor: r }) => {
-  In(r, t[i].anchor) || e(new Pn({
+var Oo = "ydgo3h0", No = "ydgo3h1", ko = "ydgo3h2", Yn = (e) => e === "start" ? "end" : "start", Qn = ({ dispatch: e, arrow: t, endpoint: i, anchor: a }) => {
+  Ln(a, t[i].anchor) || e(new An({
     kind: "differenceArrow",
     id: t.id,
-    patch: { [i]: r }
+    patch: { [i]: a }
   }));
-}, Io = ({ clientPoint: e, panelOrigin: t, panelRect: i, engine: r, layers: o, coordSystem: a, resolver: l, fixedAnchor: c, align: s }) => {
-  const u = To({
+}, Mo = ({ clientPoint: e, panelOrigin: t, panelRect: i, engine: a, layers: o, coordSystem: r, resolver: l, fixedAnchor: c, align: s }) => {
+  const u = Eo({
     x: e.x - t.x,
     y: e.y - t.y
-  }, i), { primary: d } = r.query(He(u, i));
+  }, i), { primary: d } = a.query(Fe(u, i));
   if (d === null) return null;
   const h = o.find((p) => p.id === d.layerId);
   if (h === void 0) return null;
-  const v = Ne({
+  const g = Me({
     resolver: l,
     layer: h,
     observation: d.observation,
-    coordSystem: a,
+    coordSystem: r,
     align: s
   });
-  return v === null || In(v.anchor, c) ? null : v;
-}, To = (e, t) => ({
+  return g === null || Ln(g.anchor, c) ? null : g;
+}, Eo = (e, t) => ({
   x: Math.max(0, Math.min(e.x, t.width)),
   y: Math.max(0, Math.min(e.y, t.height))
-}), Ao = class {
+}), Ro = 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)));
@@ -1207,21 +1207,21 @@ var wo = "ydgo3h0", xo = "ydgo3h1", Po = "ydgo3h2", Zn = (e) => e === "start" ?
       this.scheduledFrame = null;
       const t = this.pendingEvent;
       if (this.pendingEvent = null, t === null) return;
-      const { editorStore: i, engine: r, anchorResolver: o, endpoint: a, readInputs: l } = this.params, { arrow: c, panelOrigin: s, panelRect: u, layers: d, coordSystem: h } = l(), v = i.getState();
-      if (this.hasPublished && Le(ge(v, "endpoint-drag"), c.id, a) === null) return;
-      const p = Io({
+      const { editorStore: i, engine: a, anchorResolver: o, endpoint: r, readInputs: l } = this.params, { arrow: c, panelOrigin: s, panelRect: u, layers: d, coordSystem: h } = l(), g = i.getState();
+      if (this.hasPublished && Ne(ve(g, "endpoint-drag"), c.id, r) === null) return;
+      const p = Mo({
         clientPoint: {
           x: t.clientX,
           y: t.clientY
         },
         panelOrigin: s,
         panelRect: u,
-        engine: r,
+        engine: a,
         layers: d,
         coordSystem: h,
         resolver: o,
-        fixedAnchor: c[Zn(a)].anchor,
-        align: c[a].anchor.align
+        fixedAnchor: c[Yn(r)].anchor,
+        align: c[r].anchor.align
       });
       p !== null && this.publish(p);
     };
@@ -1232,37 +1232,37 @@ var wo = "ydgo3h0", xo = "ydgo3h1", Po = "ydgo3h2", Zn = (e) => e === "start" ?
   }
   finish(e) {
     this.params.onSettled(), this.listeners.abort(), this.cancelFrame(), e && this.hasMoved && this.runFrame(), this.pendingEvent = null;
-    const { editorStore: t, endpoint: i, readInputs: r, dispatch: o } = this.params, { arrow: a } = r(), l = t.getState(), c = Le(ge(l, "endpoint-drag"), a.id, i);
-    c !== null && (l.releaseInteraction("endpoint-drag"), e && jn({
+    const { editorStore: t, endpoint: i, readInputs: a, dispatch: o } = this.params, { arrow: r } = a(), l = t.getState(), c = Ne(ve(l, "endpoint-drag"), r.id, i);
+    c !== null && (l.releaseInteraction("endpoint-drag"), e && Qn({
       dispatch: o,
-      arrow: a,
+      arrow: r,
       endpoint: i,
       anchor: c.point.anchor
     }));
   }
   publish(e) {
-    const { editorStore: t, readInputs: i, endpoint: r } = this.params;
+    const { editorStore: t, readInputs: i, endpoint: a } = this.params;
     t.getState().claimInteraction({
       kind: "endpoint-drag",
       annotationId: i().arrow.id,
-      endpoint: r,
+      endpoint: a,
       point: e
     }), this.hasPublished = !0;
   }
   cancelFrame() {
     this.scheduledFrame !== null && (cancelAnimationFrame(this.scheduledFrame), this.scheduledFrame = null);
   }
-}, Lo = ({ arrow: e, panelOrigin: t, panelRect: i }) => {
-  const { commands: r, anchorResolver: o } = G(), { engine: a } = _e(), l = q(), c = se({
+}, _o = ({ arrow: e, panelOrigin: t, panelRect: i }) => {
+  const { commands: a, anchorResolver: o } = U(), { engine: r } = De(), l = q(), c = de({
     arrow: e,
     panelOrigin: t,
     panelRect: i,
-    ...K(Ve((u) => ({
+    ...G(Be((u) => ({
       layers: u.layers,
       coordSystem: u.coordSystem
     })))
-  }), s = Ce(null);
-  return V(() => () => s.current?.finish(!1), []), fe((u) => ({
+  }), s = be(null);
+  return V(() => () => s.current?.finish(!1), []), Ce((u) => ({
     onClick: (d) => d.stopPropagation(),
     onPointerDown: (d) => {
       if (d.button !== 0 || s.current !== null) return;
@@ -1272,15 +1272,15 @@ var wo = "ydgo3h0", xo = "ydgo3h1", Po = "ydgo3h2", Zn = (e) => e === "start" ?
         return;
       }
       d.currentTarget.focus({ preventScroll: !0 }), d.preventDefault();
-      const h = new Ao({
+      const h = new Ro({
         handle: d.currentTarget,
         pointerId: d.pointerId,
         endpoint: u,
         readInputs: () => c.current,
         editorStore: l,
-        engine: a,
+        engine: r,
         anchorResolver: o,
-        dispatch: r.dispatch,
+        dispatch: a.dispatch,
         onSettled: () => {
           s.current = null;
         }
@@ -1290,23 +1290,23 @@ var wo = "ydgo3h0", xo = "ydgo3h1", Po = "ydgo3h2", Zn = (e) => e === "start" ?
   }), [
     c,
     l,
-    a,
+    r,
     o,
-    r
+    a
   ]);
-}, Oo = [" ", "Enter"], No = ({ arrow: e }) => {
-  const { commands: t, anchorResolver: i } = G(), r = q(), { layers: o, coordSystem: a, mainAxis: l } = K(Ve((s) => ({
+}, Do = [" ", "Enter"], Ho = ({ arrow: e }) => {
+  const { commands: t, anchorResolver: i } = U(), a = q(), { layers: o, coordSystem: r, mainAxis: l } = G(Be((s) => ({
     layers: s.layers,
     coordSystem: s.coordSystem,
     mainAxis: s.coordSystem.type === "cartesian" ? s.coordSystem.mainAxis : "x"
   }))), c = e.id;
   return V(() => () => {
-    const s = r.getState();
-    ge(s, "endpoint-drag")?.annotationId === c && s.releaseInteraction("endpoint-drag");
-  }, [r, c]), fe((s) => ({ onKeyDown: (u) => {
+    const s = a.getState();
+    ve(s, "endpoint-drag")?.annotationId === c && s.releaseInteraction("endpoint-drag");
+  }, [a, c]), Ce((s) => ({ onKeyDown: (u) => {
     if (u.altKey || u.ctrlKey || u.metaKey || u.shiftKey) return;
-    const d = r.getState(), h = Le(ge(d, "endpoint-drag"), e.id, s);
-    if (Oo.includes(u.key)) {
+    const d = a.getState(), h = Ne(ve(d, "endpoint-drag"), e.id, s);
+    if (Do.includes(u.key)) {
       if (u.preventDefault(), u.repeat) return;
       if (h === null) return d.claimInteraction({
         kind: "endpoint-drag",
@@ -1314,7 +1314,7 @@ var wo = "ydgo3h0", xo = "ydgo3h1", Po = "ydgo3h2", Zn = (e) => e === "start" ?
         endpoint: s,
         point: e[s]
       });
-      d.releaseInteraction("endpoint-drag"), jn({
+      d.releaseInteraction("endpoint-drag"), Qn({
         dispatch: t.dispatch,
         arrow: e,
         endpoint: s,
@@ -1323,16 +1323,16 @@ var wo = "ydgo3h0", xo = "ydgo3h1", Po = "ydgo3h2", Zn = (e) => e === "start" ?
       return;
     }
     if (h === null) return;
-    const v = ko(u.key, l);
-    if (v === null) return;
+    const g = zo(u.key, l);
+    if (g === null) return;
     u.preventDefault();
-    const p = Mo({
+    const p = Vo({
       arrow: e,
       endpoint: s,
       from: h.point.anchor,
-      move: v,
+      move: g,
       layers: o,
-      coordSystem: a,
+      coordSystem: r,
       resolver: i
     });
     p !== null && d.claimInteraction({
@@ -1343,106 +1343,106 @@ var wo = "ydgo3h0", xo = "ydgo3h1", Po = "ydgo3h2", Zn = (e) => e === "start" ?
     });
   } }), [
     e,
-    r,
+    a,
     t,
     i,
     o,
-    a,
+    r,
     l
   ]);
-}, ko = (e, t) => {
+}, zo = (e, t) => {
   const i = e === "ArrowUp" || e === "ArrowDown";
   return !i && !(e === "ArrowLeft" || e === "ArrowRight") ? null : {
     axis: t === "x" === i ? "cross" : "main",
     step: e === "ArrowDown" || e === "ArrowRight" ? 1 : -1
   };
-}, Mo = ({ arrow: e, endpoint: t, from: i, move: r, layers: o, coordSystem: a, resolver: l }) => {
+}, Vo = ({ arrow: e, endpoint: t, from: i, move: a, layers: o, coordSystem: r, resolver: l }) => {
   const c = o.find((u) => u.id === i.layerId);
   if (c === void 0) return null;
-  const s = ta({
+  const s = ca({
     layer: c,
     from: i,
-    partner: e[Zn(t)].anchor,
-    axis: r.axis,
-    step: r.step,
-    canLandOn: (u) => Ne({
+    partner: e[Yn(t)].anchor,
+    axis: a.axis,
+    step: a.step,
+    canLandOn: (u) => Me({
       resolver: l,
       layer: c,
       observation: u,
-      coordSystem: a,
+      coordSystem: r,
       align: e[t].anchor.align
     }) !== null
   });
-  return s === null ? null : Ne({
+  return s === null ? null : Me({
     resolver: l,
     layer: c,
     observation: s.observation,
-    coordSystem: a,
+    coordSystem: r,
     align: e[t].anchor.align
   });
-}, Eo = (e) => {
-  const t = Ja();
-  return t === null ? null : /* @__PURE__ */ n(_o, {
+}, Fo = (e) => {
+  const t = io();
+  return t === null ? null : /* @__PURE__ */ n(Bo, {
     annotationId: t,
     ...e
   });
-}, _o = ({ annotationId: e, ...t }) => {
-  const i = Nt(), r = k(() => i.find((o) => o.id === e), [i, e]);
-  return r === void 0 ? null : /* @__PURE__ */ n(Ro, {
-    committedArrow: r.committedArrow,
-    committedLabelBox: r.committedLabelBox,
-    labelBox: r.labelBox,
-    start: r.start,
-    end: r.end,
-    isDragged: r.isDragged,
+}, Bo = ({ annotationId: e, ...t }) => {
+  const i = Rt(), a = E(() => i.find((o) => o.id === e), [i, e]);
+  return a === void 0 ? null : /* @__PURE__ */ n(Ko, {
+    committedArrow: a.committedArrow,
+    committedLabelBox: a.committedLabelBox,
+    labelBox: a.labelBox,
+    start: a.start,
+    end: a.end,
+    isDragged: a.isDragged,
     ...t
   });
-}, Ro = ({ committedArrow: e, committedLabelBox: t, labelBox: i, start: r, end: o, panelRect: a, panelOrigin: l, frameRect: c, frameElement: s, isDragged: u }) => {
-  const d = Lo({
+}, Ko = ({ committedArrow: e, committedLabelBox: t, labelBox: i, start: a, end: o, panelRect: r, panelOrigin: l, frameRect: c, frameElement: s, isDragged: u }) => {
+  const d = _o({
     arrow: e,
     panelOrigin: l,
-    panelRect: a
-  }), h = No({ arrow: e });
+    panelRect: r
+  }), h = Ho({ arrow: e });
   return /* @__PURE__ */ m("div", {
     "data-testid": "difference-arrow-selection",
     children: [
-      !u && /* @__PURE__ */ n(bo, {
+      !u && /* @__PURE__ */ n(Io, {
         arrow: e,
         labelBox: t,
-        panelRect: a,
+        panelRect: r,
         frameWidth: c.width,
         frameHeight: c.height,
         frameElement: s
       }),
       /* @__PURE__ */ n("div", {
         "aria-hidden": "true",
-        className: Po,
+        className: ko,
         "data-testid": "difference-arrow-selection-label",
         style: {
-          left: a.x + i.x - 2,
-          top: a.y + i.y - 2,
+          left: r.x + i.x - 2,
+          top: r.y + i.y - 2,
           width: i.width + 4,
           height: i.height + 4
         }
       }),
-      /* @__PURE__ */ n(rn, {
+      /* @__PURE__ */ n(on, {
         endpoint: "start",
-        point: r,
-        panelRect: a,
+        point: a,
+        panelRect: r,
         dragHandlers: d("start"),
         keyboardHandlers: h("start")
       }),
-      /* @__PURE__ */ n(rn, {
+      /* @__PURE__ */ n(on, {
         endpoint: "end",
         point: o,
-        panelRect: a,
+        panelRect: r,
         dragHandlers: d("end"),
         keyboardHandlers: h("end")
       })
     ]
   });
-}, rn = ({ endpoint: e, point: t, panelRect: i, dragHandlers: r, keyboardHandlers: o }) => /* @__PURE__ */ n("div", {
-  className: wo,
+}, on = ({ endpoint: e, point: t, panelRect: i, dragHandlers: a, keyboardHandlers: o }) => /* @__PURE__ */ n("div", {
+  className: Oo,
   "data-testid": "difference-arrow-selection-handle",
   "data-endpoint": e,
   role: "button",
@@ -1451,13 +1451,13 @@ var wo = "ydgo3h0", xo = "ydgo3h1", Po = "ydgo3h2", Zn = (e) => e === "start" ?
     top: i.y + t.y
   },
   tabIndex: 0,
-  ...r,
+  ...a,
   ...o,
   children: /* @__PURE__ */ n("span", {
     "aria-hidden": "true",
-    className: xo
+    className: No
   })
-}), Do = (e) => /* @__PURE__ */ n(I, {
+}), Go = (e) => /* @__PURE__ */ n(T, {
   ...e,
   children: /* @__PURE__ */ m("g", {
     stroke: "currentColor",
@@ -1466,103 +1466,103 @@ var wo = "ydgo3h0", xo = "ydgo3h1", Po = "ydgo3h2", Zn = (e) => e === "start" ?
     strokeLinejoin: "round",
     children: [/* @__PURE__ */ n("path", { d: "M12 5v14" }), /* @__PURE__ */ n("path", { d: "M5 12h14" })]
   })
-}), zo = "var(--_1tyillx0)", Ho = {
+}), Uo = "var(--_1tyillx0)", Wo = {
   rest: 0.5,
   hovered: 0.75,
   open: 1
 };
-var Vo = "_1tyillx1", Fo = {
+var qo = "_1tyillx1", Zo = {
   rest: "_1tyillx2",
   hovered: "_1tyillx3",
   open: "_1tyillx4"
-}, Bo = "_1tyillx5", Ko = {
+}, $o = "_1tyillx5", Xo = {
   closed: "_1tyillx6",
   open: "_1tyillx7"
-}, Go = ({ interaction: e, panelRect: t }) => {
-  const i = q(), r = K((c) => c.coordSystem), o = e.kind === "trigger" || e.kind === "menu" ? e.anchor : null, a = Uo(e), l = k(() => {
+}, jo = ({ interaction: e, panelRect: t }) => {
+  const i = q(), a = G((c) => c.coordSystem), o = e.kind === "trigger" || e.kind === "menu" ? e.anchor : null, r = Yo(e), l = E(() => {
     if (o === null) return null;
-    const c = Qr(o.position, t, r);
+    const c = oa(o.position, t, a);
     return {
       center: c,
-      radius: 19 * Ho[a],
+      radius: 19 * Wo[r],
       target: {
         kind: "observation",
-        cursor: He(c, t)
+        cursor: Fe(c, t)
       }
     };
   }, [
     o,
     t,
-    r,
-    a
+    a,
+    r
   ]);
   return V(() => {
     i.getState().setMenuTrigger(l);
   }, [i, l]), V(() => () => i.getState().setMenuTrigger(null), [i]), o === null || l === null ? null : /* @__PURE__ */ n("div", {
     "aria-hidden": "true",
     "data-testid": "observation-menu-trigger",
-    "data-state": a,
-    className: re(Vo, Fo[a]),
+    "data-state": r,
+    className: oe(qo, Zo[r]),
     style: {
       left: t.x + l.center.x,
       top: t.y + l.center.y,
-      ...On({ [zo]: o.color ?? Vt.border50 })
+      ...Mn({ [Uo]: o.color ?? Gt.border50 })
     },
     children: /* @__PURE__ */ n("span", {
-      className: re(Bo, Ko[a === "open" ? "open" : "closed"]),
-      children: /* @__PURE__ */ n(Do, { size: "lg" })
+      className: oe($o, Xo[r === "open" ? "open" : "closed"]),
+      children: /* @__PURE__ */ n(Go, { size: "lg" })
     })
   });
-}, Uo = (e) => e.kind === "menu" ? "open" : e.kind === "trigger" && e.isEngaged ? "hovered" : "rest", Wo = 'button:not([disabled]):not([tabindex="-1"]), [tabindex]:not([tabindex="-1"])', qo = (e, t) => {
-  const { chartId: i } = G(), r = q();
+}, Yo = (e) => e.kind === "menu" ? "open" : e.kind === "trigger" && e.isEngaged ? "hovered" : "rest", Qo = 'button:not([disabled]):not([tabindex="-1"]), [tabindex]:not([tabindex="-1"])', Jo = (e, t) => {
+  const { chartId: i } = U(), a = q();
   V(() => {
     if (t === null) return;
-    const o = (a) => {
-      if (a.key !== "Tab" || a.defaultPrevented || !ce(a.target, e, i) || r.getState().standingInteraction?.kind === "chrome-popup") return;
-      const l = [...t.querySelectorAll(Wo)];
+    const o = (r) => {
+      if (r.key !== "Tab" || r.defaultPrevented || !he(r.target, e, i) || a.getState().standingInteraction?.kind === "chrome-popup") return;
+      const l = [...t.querySelectorAll(Qo)];
       if (l.length === 0) return;
-      a.preventDefault();
+      r.preventDefault();
       const c = l.findIndex((s) => s === document.activeElement);
-      l[c === -1 ? a.shiftKey ? l.length - 1 : 0 : (c + (a.shiftKey ? -1 : 1) + l.length) % l.length]?.focus();
+      l[c === -1 ? r.shiftKey ? l.length - 1 : 0 : (c + (r.shiftKey ? -1 : 1) + l.length) % l.length]?.focus();
     };
     return document.addEventListener("keydown", o), () => document.removeEventListener("keydown", o);
   }, [
     e,
     t,
     i,
-    r
+    a
   ]);
-}, $o = (e) => {
-  const { selectionStore: t, chartId: i } = G();
+}, ei = (e) => {
+  const { selectionStore: t, chartId: i } = U();
   V(() => {
-    let r = null;
+    let a = null;
     const o = () => {
       e.focus({ preventScroll: !0 });
-    }, a = (c) => {
+    }, r = (c) => {
       const { selection: s, clearSelection: u } = t.getState();
-      s.length !== 0 && (ce(c.target, e, i) || u());
+      s.length !== 0 && (he(c.target, e, i) || u());
     }, l = (c) => {
-      t.getState().selection.length !== 0 && ce(c.target, e, i) && c.relatedTarget === null && (r !== null && cancelAnimationFrame(r), r = requestAnimationFrame(() => {
-        r = null, document.hasFocus() && (ce(document.activeElement, e, i) || t.getState().clearSelection());
+      t.getState().selection.length !== 0 && he(c.target, e, i) && c.relatedTarget === null && (a !== null && cancelAnimationFrame(a), a = requestAnimationFrame(() => {
+        a = null, document.hasFocus() && (he(document.activeElement, e, i) || t.getState().clearSelection());
       }));
     };
-    return e.addEventListener("pointerdown", o), document.addEventListener("focusin", a), document.addEventListener("focusout", l), () => {
-      r !== null && cancelAnimationFrame(r), e.removeEventListener("pointerdown", o), document.removeEventListener("focusin", a), document.removeEventListener("focusout", l);
+    return e.addEventListener("pointerdown", o), document.addEventListener("focusin", r), document.addEventListener("focusout", l), () => {
+      a !== null && cancelAnimationFrame(a), e.removeEventListener("pointerdown", o), document.removeEventListener("focusin", r), document.removeEventListener("focusout", l);
     };
   }, [
     e,
     t,
     i
   ]);
-}, Zo = (e) => {
-  const { selectionStore: t, commands: i, chartId: r } = G(), o = q(), a = fe((c) => {
-    const { selection: s } = t.getState(), u = Un(s);
-    u !== null && (c.preventDefault(), i.dispatch(new ze({ id: u })), e.focus({ preventScroll: !0 }));
+}, ni = (e) => {
+  const { selectionStore: t, commands: i, chartId: a } = U(), o = q(), r = Ce((c) => {
+    const { selection: s } = t.getState(), u = Zn(s);
+    u !== null && (c.preventDefault(), i.dispatch(new Ve({ id: u })), e.focus({ preventScroll: !0 }));
   }, [
     e,
     i,
     t
-  ]), l = fe((c) => {
+  ]), l = Ce((c) => {
     const s = o.getState();
     switch (s.standingInteraction?.kind) {
       case "endpoint-drag":
@@ -1574,7 +1574,7 @@ var Vo = "_1tyillx1", Fo = {
         s.releaseInteraction("menu");
         return;
       default:
-        if (En(c.target, r)) {
+        if (Dn(c.target, a)) {
           e.focus({ preventScroll: !0 });
           return;
         }
@@ -1585,17 +1585,17 @@ var Vo = "_1tyillx1", Fo = {
     o,
     t,
     e,
-    r
+    a
   ]);
   V(() => {
     const c = (s) => {
-      if (ce(s.target, e, r) && !jo(s.target) && !la(s.target))
+      if (he(s.target, e, a) && !ti(s.target) && !pa(s.target))
         switch (s.key) {
           case "Escape":
             return l(s);
           case "Delete":
           case "Backspace":
-            return a(s);
+            return r(s);
           default:
             return;
         }
@@ -1603,49 +1603,49 @@ var Vo = "_1tyillx1", Fo = {
     return document.addEventListener("keydown", c), () => document.removeEventListener("keydown", c);
   }, [
     e,
-    a,
+    r,
     l,
-    r
+    a
   ]);
-}, jo = (e) => e instanceof HTMLElement && (e.isContentEditable || e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement), Xo = `[${Sn}]`, Xn = (e, t, i) => {
+}, ti = (e) => e instanceof HTMLElement && (e.isContentEditable || e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement), ri = `[${xn}]`, Jn = (e, t, i) => {
   if (typeof document.elementsFromPoint != "function") return null;
-  const r = document.elementsFromPoint(e, t);
-  return Yo(r, i);
-}, Yo = (e, t) => {
+  const a = document.elementsFromPoint(e, t);
+  return ai(a, i);
+}, ai = (e, t) => {
   for (const i of e) {
-    const r = i.closest(Xo);
-    if (r === null || !t.contains(r)) continue;
-    const o = Qo(r);
+    const a = i.closest(ri);
+    if (a === null || !t.contains(a)) continue;
+    const o = oi(a);
     if (o !== null) return o;
   }
   return null;
-}, Qo = (e) => {
-  const t = e.getAttribute(Sn);
+}, oi = (e) => {
+  const t = e.getAttribute(xn);
   if (t !== "annotation") return null;
-  const i = e.getAttribute(_t);
+  const i = e.getAttribute(zt);
   return i === null || i === "" ? null : {
     kind: t,
     id: i
   };
-}, Jo = () => {
-  const e = It((o) => o.hover.primary), { layers: t, coordSystem: i } = K(Ve((o) => ({
+}, ii = () => {
+  const e = Ot((o) => o.hover.primary), { layers: t, coordSystem: i } = G(Be((o) => ({
     layers: o.layers,
     coordSystem: o.coordSystem
-  }))), { anchorResolver: r } = G();
-  return k(() => {
+  }))), { anchorResolver: a } = U();
+  return E(() => {
     if (e === null) return null;
     const o = t.find((c) => c.id === e.layerId);
     if (o === void 0) return null;
-    const a = r.resolve(o.geom, e.observation, {
+    const r = a.resolve(o.geom, e.observation, {
       coordSystem: i,
       position: o.position,
       purpose: "pin"
     });
-    if (a === null) return null;
-    const l = Dr(o, e.observation);
+    if (r === null) return null;
+    const l = Kr(o, e.observation);
     return l === null ? null : {
-      position: a,
-      color: $r(e.observation),
+      position: r,
+      color: Jr(e.observation),
       layer: o,
       at: l,
       observation: e.observation
@@ -1654,11 +1654,11 @@ var Vo = "_1tyillx1", Fo = {
     e,
     t,
     i,
-    r
+    a
   ]);
-}, ei = { kind: "idle" }, Yn = () => {
-  const e = ve((r) => r.standingInteraction), t = ve((r) => r.chromeUnderPointer), i = Jo();
-  return k(() => e !== null ? e : i === null ? ei : {
+}, li = { kind: "idle" }, et = () => {
+  const e = fe((a) => a.standingInteraction), t = fe((a) => a.chromeUnderPointer), i = ii();
+  return E(() => e !== null ? e : i === null ? li : {
     kind: "trigger",
     anchor: i,
     isEngaged: t === "menu-trigger"
@@ -1667,32 +1667,32 @@ var Vo = "_1tyillx1", Fo = {
     i,
     t
   ]);
-}, ni = (e, t) => {
-  const i = q(), r = se(t);
+}, si = (e, t) => {
+  const i = q(), a = de(t);
   V(() => {
-    let o = null, a = null;
+    let o = null, r = null;
     const l = (h) => {
-      const { menuTrigger: v } = i.getState();
-      return v === null ? null : Ln(h, v) ? "menu-trigger" : null;
+      const { menuTrigger: g } = i.getState();
+      return g === null ? null : kn(h, g) ? "menu-trigger" : null;
     }, c = () => {
       o = null;
-      const h = a;
-      if (a = null, h === null) return;
-      const v = r.current, p = i.getState();
+      const h = r;
+      if (r = null, h === null) return;
+      const g = a.current, p = i.getState();
       p.setChromeUnderPointer(l({
-        x: h.x - v.x,
-        y: h.y - v.y
-      })), p.standingInteraction?.kind !== "menu" && p.setEditTargetUnderPointer(Xn(h.x, h.y, e));
+        x: h.x - g.x,
+        y: h.y - g.y
+      })), p.standingInteraction?.kind !== "menu" && p.setEditTargetUnderPointer(Jn(h.x, h.y, e));
     }, s = () => {
       const h = i.getState();
       h.setChromeUnderPointer(null), h.setEditTargetUnderPointer(null);
     }, u = (h) => {
-      a = {
+      r = {
         x: h.clientX,
         y: h.clientY
       }, o === null && (o = requestAnimationFrame(c));
     }, d = () => {
-      a = null, o !== null && (cancelAnimationFrame(o), o = null), s();
+      r = null, o !== null && (cancelAnimationFrame(o), o = null), s();
     };
     return e.addEventListener("pointermove", u), e.addEventListener("pointerleave", d), () => {
       o !== null && cancelAnimationFrame(o), e.removeEventListener("pointermove", u), e.removeEventListener("pointerleave", d), s();
@@ -1700,59 +1700,59 @@ var Vo = "_1tyillx1", Fo = {
   }, [
     e,
     i,
-    r
+    a
   ]);
-}, an = "editor", on = [], ti = (e, t, i, r) => {
-  const o = Yn(), { store: a } = _e(), l = wn().length > 0, c = ve((d) => d.menuTrigger), s = o.kind === "menu", u = k(() => c === null ? on : [_r(c)], [c]);
-  ni(e, t), ri(o, e, t, i), $o(e), Zo(e), qo(e, r), V(() => (a.getState().publishPointerRegions(an, u), () => a.getState().publishPointerRegions(an, on)), [a, u]), V(() => (a.getState().setPointerSuspended(s || l), () => a.getState().setPointerSuspended(!1)), [
-    a,
+}, ln = "editor", sn = [], ci = (e, t, i, a) => {
+  const o = et(), { store: r } = De(), l = Tn().length > 0, c = fe((d) => d.menuTrigger), s = o.kind === "menu", u = E(() => c === null ? sn : [Fr(c)], [c]);
+  si(e, t), di(o, e, t, i), ei(e), ni(e), Jo(e, a), V(() => (r.getState().publishPointerRegions(ln, u), () => r.getState().publishPointerRegions(ln, sn)), [r, u]), V(() => (r.getState().setPointerSuspended(s || l), () => r.getState().setPointerSuspended(!1)), [
+    r,
     s,
     l
   ]), V(() => {
     if (!l) return;
-    const d = a.getState();
-    d.setHoverState(xn), d.setTooltipAnchor(null);
-  }, [a, l]);
-}, ri = (e, t, i, r) => {
-  const o = q(), { selectionStore: a } = G(), { store: l, engine: c } = _e(), s = se(e), u = se(i), d = se(r);
+    const d = r.getState();
+    d.setHoverState(In), d.setTooltipAnchor(null);
+  }, [r, l]);
+}, di = (e, t, i, a) => {
+  const o = q(), { selectionStore: r } = U(), { store: l, engine: c } = De(), s = de(e), u = de(i), d = de(a);
   V(() => {
     const h = (y) => {
       const { menuTrigger: f } = o.getState();
-      return f === null ? !1 : Ln(ln(y, u.current), f);
-    }, v = (y) => {
-      if (h(y) || a.getState().selection.length > 0) return;
-      const f = d.current, x = ln(y, u.current), T = ai(x, f) ? c.query(He(x, f)) : xn;
-      l.getState().setHoverState(T);
+      return f === null ? !1 : kn(cn(y, u.current), f);
+    }, g = (y) => {
+      if (h(y) || r.getState().selection.length > 0) return;
+      const f = d.current, x = cn(y, u.current), I = hi(x, f) ? c.query(Fe(x, f)) : In;
+      l.getState().setHoverState(I);
     };
     let p = !1;
-    const g = () => {
+    const v = () => {
       p = s.current.kind === "menu";
     }, S = (y) => {
-      const f = Xn(y.clientX, y.clientY, t), x = a.getState();
+      const f = Jn(y.clientX, y.clientY, t), x = r.getState();
       if (f === null) {
         x.clearSelection();
         return;
       }
       x.setSelection([f]);
     }, P = (y) => {
-      if (sa(y.target)) return;
-      const { claimInteraction: f, releaseInteraction: x } = o.getState(), T = h(y);
-      if (!T || p) {
-        x("menu"), T || S(y), p && v(y);
+      if (ga(y.target)) return;
+      const { claimInteraction: f, releaseInteraction: x } = o.getState(), I = h(y);
+      if (!I || p) {
+        x("menu"), I || S(y), p && g(y);
         return;
       }
-      const z = s.current;
-      z.kind === "trigger" && f({
+      const H = s.current;
+      H.kind === "trigger" && f({
         kind: "menu",
-        anchor: z.anchor
+        anchor: H.anchor
       });
     };
-    return document.addEventListener("pointerdown", g, !0), document.addEventListener("click", P), () => {
-      document.removeEventListener("pointerdown", g, !0), document.removeEventListener("click", P);
+    return document.addEventListener("pointerdown", v, !0), document.addEventListener("click", P), () => {
+      document.removeEventListener("pointerdown", v, !0), document.removeEventListener("click", P);
     };
   }, [
     o,
-    a,
+    r,
     t,
     s,
     l,
@@ -1760,18 +1760,18 @@ var Vo = "_1tyillx1", Fo = {
     u,
     d
   ]);
-}, ln = (e, t) => ({
+}, cn = (e, t) => ({
   x: e.clientX - t.x,
   y: e.clientY - t.y
-}), ai = (e, t) => e.x >= 0 && e.x <= t.width && e.y >= 0 && e.y <= t.height, oi = ({ frameElement: e, panelRect: t }) => {
-  const { measureRef: i, screenRect: r } = Tt(), o = q();
-  return V(() => (i(e), () => i(null)), [i, e]), V(() => () => o.getState().releaseInteraction("menu"), [o]), r === null ? null : /* @__PURE__ */ n(da, { children: /* @__PURE__ */ n(ii, {
+}), hi = (e, t) => e.x >= 0 && e.x <= t.width && e.y >= 0 && e.y <= t.height, ui = ({ frameElement: e, panelRect: t }) => {
+  const { measureRef: i, screenRect: a } = Nt(), o = q();
+  return V(() => (i(e), () => i(null)), [i, e]), V(() => () => o.getState().releaseInteraction("menu"), [o]), a === null ? null : /* @__PURE__ */ n(fa, { children: /* @__PURE__ */ n(mi, {
     frameElement: e,
-    frameRect: r,
+    frameRect: a,
     panelRect: t
   }) });
-}, ii = ({ frameElement: e, frameRect: t, panelRect: i }) => {
-  const r = k(() => ({
+}, mi = ({ frameElement: e, frameRect: t, panelRect: i }) => {
+  const a = E(() => ({
     x: t.left + i.x,
     y: t.top + i.y
   }), [
@@ -1779,78 +1779,78 @@ var Vo = "_1tyillx1", Fo = {
     t.top,
     i.x,
     i.y
-  ]), [o, a] = $(null);
-  return ti(e, r, i, o), /* @__PURE__ */ n(li, {
+  ]), [o, r] = Z(null);
+  return ci(e, a, i, o), /* @__PURE__ */ n(pi, {
     frameElement: e,
     frameRect: t,
-    panelOrigin: r,
+    panelOrigin: a,
     panelRect: i,
-    boxRef: a
+    boxRef: r
   });
-}, li = ({ frameElement: e, frameRect: t, panelOrigin: i, panelRect: r, boxRef: o }) => {
-  const a = Fe(), l = Yn();
-  return /* @__PURE__ */ n(At, {
+}, pi = ({ frameElement: e, frameRect: t, panelOrigin: i, panelRect: a, boxRef: o }) => {
+  const r = Ke(), l = et();
+  return /* @__PURE__ */ n(kt, {
     rect: t,
-    zIndex: Lt.editorOverlay,
-    container: a,
+    zIndex: Mt.editorOverlay,
+    container: r,
     "data-testid": "editor-overlay",
     boxRef: o,
-    children: /* @__PURE__ */ m(he, { children: [
-      /* @__PURE__ */ n(Eo, {
-        panelRect: r,
+    children: /* @__PURE__ */ m(ue, { children: [
+      /* @__PURE__ */ n(Fo, {
+        panelRect: a,
         panelOrigin: i,
         frameRect: t,
         frameElement: e
       }),
-      /* @__PURE__ */ n(Go, {
+      /* @__PURE__ */ n(jo, {
         interaction: l,
-        panelRect: r
+        panelRect: a
       }),
-      /* @__PURE__ */ n(Za, {
+      /* @__PURE__ */ n(no, {
         interaction: l,
         panelOrigin: i
       })
     ] })
   });
-}, Bs = ({ slots: e, ...t }) => /* @__PURE__ */ n(Et, { children: /* @__PURE__ */ n(Mt, {
-  slots: k(() => ({
-    EditorSurface: oi,
+}, oc = ({ slots: e, ...t }) => /* @__PURE__ */ n(Ht, { children: /* @__PURE__ */ n(Dt, {
+  slots: E(() => ({
+    EditorSurface: ui,
     ...e
   }), [e]),
   ...t
-}) }), Qn = ue(null), Jn = ({ labelId: e, controlId: t, children: i }) => {
-  const r = k(() => {
+}) }), nt = me(null), tt = ({ labelId: e, controlId: t, children: i }) => {
+  const a = E(() => {
     let o = null;
     return {
       labelId: e,
       controlId: t,
-      claimControlId: (a) => (o ??= a, o === a)
+      claimControlId: (r) => (o ??= r, o === r)
     };
   }, [e, t]);
-  return /* @__PURE__ */ n(Qn.Provider, {
-    value: r,
+  return /* @__PURE__ */ n(nt.Provider, {
+    value: a,
     children: i
   });
-}, Y = ({ id: e, ariaLabel: t, ariaLabelledBy: i }, r = !0) => {
-  const o = ae(Qn), a = de(), [l] = $(() => r ? o?.claimControlId(a) ?? !1 : !1), c = e ?? (l ? o?.controlId : void 0), s = i ?? (t === void 0 ? o?.labelId : void 0);
+}, Q = ({ id: e, ariaLabel: t, ariaLabelledBy: i }, a = !0) => {
+  const o = ie(nt), r = ae(), [l] = Z(() => a ? o?.claimControlId(r) ?? !1 : !1), c = e ?? (l ? o?.controlId : void 0), s = i ?? (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 si = {
+var gi = {
   default: "woi4bh4 woi4bh3",
   tile: "woi4bh5 woi4bh3"
-}, ci = ({ label: e, icon: t, onClick: i, variant: r = "default", isDisabled: o, ariaLabel: a, ariaLabelledBy: l, id: c }) => {
-  const s = Y({
+}, vi = ({ label: e, icon: t, onClick: i, variant: a = "default", isDisabled: o, ariaLabel: r, ariaLabelledBy: l, id: c }) => {
+  const s = Q({
     id: c,
-    ariaLabel: a,
+    ariaLabel: r,
     ariaLabelledBy: l
-  }), u = r === "tile";
+  }), u = a === "tile";
   return /* @__PURE__ */ m("button", {
     type: "button",
-    className: si[r],
+    className: gi[a],
     disabled: o,
     onClick: i,
     ...s,
@@ -1862,23 +1862,23 @@ var si = {
       children: e
     })]
   });
-}, Ke = ue(null), M = () => {
-  const e = ae(Ke);
+}, Ue = me(null), N = () => {
+  const e = ie(Ue);
   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;
-}, et = ({ children: e, onKeyDown: t, ...i }) => {
-  const r = ae(Ke);
+}, rt = ({ children: e, onKeyDown: t, ...i }) => {
+  const a = ie(Ue);
   return /* @__PURE__ */ n("div", {
-    onKeyDown: (a) => {
-      if (t?.(a), !r || a.defaultPrevented) return;
-      const l = zt(a.nativeEvent);
-      l && (a.preventDefault(), l === "undo" ? r.undo() : r.redo());
+    onKeyDown: (r) => {
+      if (t?.(r), !a || r.defaultPrevented) return;
+      const l = Bt(r.nativeEvent);
+      l && (r.preventDefault(), l === "undo" ? a.undo() : a.redo());
     },
     ...i,
     children: e
   });
-}, nt = "keyboard", Pe = (e) => {
-  const t = Ce(!1), i = Ce(!1), r = () => {
+}, at = "keyboard", Te = (e) => {
+  const t = be(!1), i = be(!1), a = () => {
     t.current = !1, i.current && (i.current = !1, e?.());
   };
   return {
@@ -1900,32 +1900,32 @@ var si = {
       onKeyDown: () => {
         t.current = !0;
       },
-      onKeyUp: r,
+      onKeyUp: a,
       onBlur: (o) => {
-        o.relatedTarget instanceof Node && o.currentTarget.contains(o.relatedTarget) || r();
+        o.relatedTarget instanceof Node && o.currentTarget.contains(o.relatedTarget) || a();
       }
     }
   };
-}, di = "eh8dvc0", hi = "eh8dvc1 uz3g760", ui = "eh8dvc2 uz3g761";
-var mi = ({ value: e, onChange: t, onCommit: i, min: r, max: o, step: a, prefix: l, suffix: c, isDisabled: s, hasError: u, ariaLabel: d, ariaLabelledBy: h, id: v }) => {
-  const p = Y({
-    id: v,
+}, fi = "eh8dvc0", Ci = "eh8dvc1 uz3g760", bi = "eh8dvc2 uz3g761";
+var yi = ({ value: e, onChange: t, onCommit: i, min: a, max: o, step: r, prefix: l, suffix: c, isDisabled: s, hasError: u, ariaLabel: d, ariaLabelledBy: h, id: g }) => {
+  const p = Q({
+    id: g,
     ariaLabel: d,
     ariaLabelledBy: h
-  }), { commitUnlessHeldKey: g, gestureHandlers: S } = Pe(i);
-  return /* @__PURE__ */ n(Je.Root, {
-    className: di,
+  }), { commitUnlessHeldKey: v, gestureHandlers: S } = Te(i);
+  return /* @__PURE__ */ n(nn.Root, {
+    className: fi,
     value: e,
     onValueChange: (P) => t(P),
     onValueCommitted: (P, y) => {
-      g(y.reason === nt);
+      v(y.reason === at);
     },
-    min: r,
+    min: a,
     max: o,
-    step: a,
+    step: r,
     disabled: s,
-    children: /* @__PURE__ */ m(et, {
-      className: hi,
+    children: /* @__PURE__ */ m(rt, {
+      className: Ci,
       "data-error": u === !0,
       "data-disabled": s === !0 ? "" : void 0,
       children: [
@@ -1933,8 +1933,8 @@ var mi = ({ value: e, onChange: t, onCommit: i, min: r, max: o, step: a, prefix:
           className: "eh8dvc3",
           children: l
         }),
-        /* @__PURE__ */ n(Je.Input, {
-          className: ui,
+        /* @__PURE__ */ n(nn.Input, {
+          className: bi,
           ...S,
           "aria-invalid": u === !0 ? !0 : void 0,
           ...p
@@ -1946,63 +1946,63 @@ var mi = ({ value: e, onChange: t, onCommit: i, min: r, max: o, step: a, prefix:
       ]
     })
   });
-}, pi = "_1b7s5f0", te = {
+}, Si = "_1b7s5f0", re = {
   1: "_1b7s5f1",
   2: "_1b7s5f2",
   3: "_1b7s5f3",
   4: "_1b7s5f4",
   5: "_1b7s5f5",
   6: "_1b7s5f6"
-}, gi = "_1b7s5f7";
-var vi = 6, fi = ({ options: e, value: t, onChange: i, onCommit: r, columns: o, itemLayout: a = "tile", isDisabled: l, ariaLabel: c, ariaLabelledBy: s, id: u }) => {
-  const d = Y({
+}, wi = "_1b7s5f7";
+var xi = 6, Ti = ({ options: e, value: t, onChange: i, onCommit: a, columns: o, itemLayout: r = "tile", isDisabled: l, ariaLabel: c, ariaLabelledBy: s, id: u }) => {
+  const d = Q({
     id: u,
     ariaLabel: c,
     ariaLabelledBy: s
-  }), h = a === "swatch", { commitAfterChange: v, gestureHandlers: p } = Pe(r);
-  return /* @__PURE__ */ n(kn, {
-    className: re(pi, Ci(o ?? e.length)),
+  }), h = r === "swatch", { commitAfterChange: g, gestureHandlers: p } = Te(a);
+  return /* @__PURE__ */ n(Rn, {
+    className: oe(Si, Pi(o ?? e.length)),
     value: t,
-    onValueChange: (g) => {
-      i(g), v();
+    onValueChange: (v) => {
+      i(v), g();
     },
     ...p,
     disabled: l,
     ...d,
-    children: e.map((g) => /* @__PURE__ */ m(Nn.Root, {
-      value: g.value,
-      disabled: g.isDisabled,
-      className: re(gi, h && "_1b7s5f8"),
-      "aria-label": h ? g.label : void 0,
-      children: [g.icon, !h && /* @__PURE__ */ n("span", {
+    children: e.map((v) => /* @__PURE__ */ m(En.Root, {
+      value: v.value,
+      disabled: v.isDisabled,
+      className: oe(wi, h && "_1b7s5f8"),
+      "aria-label": h ? v.label : void 0,
+      children: [v.icon, !h && /* @__PURE__ */ n("span", {
         className: "_1b7s5f9",
-        children: g.label
+        children: v.label
       })]
-    }, g.value))
+    }, v.value))
   });
-}, Ci = (e) => {
-  switch (Math.min(Math.max(Math.round(e), 1), vi)) {
+}, Pi = (e) => {
+  switch (Math.min(Math.max(Math.round(e), 1), xi)) {
     case 1:
-      return te[1];
+      return re[1];
     case 2:
-      return te[2];
+      return re[2];
     case 3:
-      return te[3];
+      return re[3];
     case 4:
-      return te[4];
+      return re[4];
     case 5:
-      return te[5];
+      return re[5];
     default:
-      return te[6];
+      return re[6];
   }
-}, bi = "_1g5x15w0 uz3g760", yi = "_1g5x15w1", Si = "_1g5x15w2", sn = "_1g5x15w3", wi = "_1g5x15w4", xi = "_1g5x15w5", Pi = "_1g5x15w6", Ii = "_1g5x15w7";
-var Ti = ({ options: e, value: t, onChange: i, placeholder: r, isDisabled: o, hasError: a, ariaLabel: l, ariaLabelledBy: c, id: s }) => {
-  const u = Y({
+}, Ii = "_1g5x15w0 uz3g760", Ai = "_1g5x15w1", Li = "_1g5x15w2", dn = "_1g5x15w3", Oi = "_1g5x15w4", Ni = "_1g5x15w5", ki = "_1g5x15w6", Mi = "_1g5x15w7";
+var Ei = ({ options: e, value: t, onChange: i, placeholder: a, isDisabled: o, hasError: r, ariaLabel: l, ariaLabelledBy: c, id: s }) => {
+  const u = Q({
     id: s,
     ariaLabel: l,
     ariaLabelledBy: c
   });
-  return /* @__PURE__ */ m(U.Root, {
+  return /* @__PURE__ */ m(W.Root, {
     value: t,
     onValueChange: (d) => d !== null && i(d),
     disabled: o,
@@ -2010,41 +2010,41 @@ var Ti = ({ options: e, value: t, onChange: i, placeholder: r, isDisabled: o, ha
       value: d.value,
       label: d.label
     })),
-    children: [/* @__PURE__ */ m(U.Trigger, {
-      className: bi,
-      "data-error": a === !0,
+    children: [/* @__PURE__ */ m(W.Trigger, {
+      className: Ii,
+      "data-error": r === !0,
       ...u,
-      children: [/* @__PURE__ */ n(U.Value, {
-        className: yi,
-        children: (d) => Ai(e, d, r)
-      }), /* @__PURE__ */ n(U.Icon, {
-        className: sn,
-        children: /* @__PURE__ */ n(Se, { size: "sm" })
+      children: [/* @__PURE__ */ n(W.Value, {
+        className: Ai,
+        children: (d) => Ri(e, d, a)
+      }), /* @__PURE__ */ n(W.Icon, {
+        className: dn,
+        children: /* @__PURE__ */ n(we, { size: "sm" })
       })]
-    }), /* @__PURE__ */ n(U.Portal, {
-      container: Re(),
-      children: /* @__PURE__ */ n(he, { children: /* @__PURE__ */ n(U.Positioner, {
-        className: wi,
+    }), /* @__PURE__ */ n(W.Portal, {
+      container: He(),
+      children: /* @__PURE__ */ n(ue, { children: /* @__PURE__ */ n(W.Positioner, {
+        className: Oi,
         sideOffset: 4,
         alignItemWithTrigger: !1,
-        children: /* @__PURE__ */ n(U.Popup, {
-          className: xi,
-          children: e.map((d) => /* @__PURE__ */ m(U.Item, {
+        children: /* @__PURE__ */ n(W.Popup, {
+          className: Ni,
+          children: e.map((d) => /* @__PURE__ */ m(W.Item, {
             value: d.value,
             disabled: d.isDisabled,
-            className: Pi,
+            className: ki,
             children: [
               d.icon,
               /* @__PURE__ */ m("span", {
-                className: Ii,
-                children: [/* @__PURE__ */ n(U.ItemText, { children: d.label }), d.description !== void 0 && /* @__PURE__ */ n("span", {
+                className: Mi,
+                children: [/* @__PURE__ */ n(W.ItemText, { children: d.label }), d.description !== void 0 && /* @__PURE__ */ n("span", {
                   className: "_1g5x15w8",
                   children: d.description
                 })]
               }),
-              /* @__PURE__ */ n(U.ItemIndicator, {
-                className: sn,
-                children: /* @__PURE__ */ n(Ht, { size: "sm" })
+              /* @__PURE__ */ n(W.ItemIndicator, {
+                className: dn,
+                children: /* @__PURE__ */ n(Kt, { size: "sm" })
               })
             ]
           }, d.value))
@@ -2052,159 +2052,159 @@ var Ti = ({ options: e, value: t, onChange: i, placeholder: r, isDisabled: o, ha
       }) })
     })]
   });
-}, Ai = (e, t, i) => t === null ? /* @__PURE__ */ n("span", {
-  className: Si,
+}, Ri = (e, t, i) => t === null ? /* @__PURE__ */ n("span", {
+  className: Li,
   children: i
-}) : Li(e, t), Li = (e, t) => e.find((i) => i.value === t)?.label ?? t, Oi = "vod76w0", Ni = "vod76w1", ki = "vod76w2", Mi = "vod76w3", Ei = "vod76w4", _i = "vod76w5";
-var Ri = ({ value: e, onChange: t, onCommit: i, min: r, max: o, step: a, suffix: l, formatValue: c, isDisabled: s, ariaLabel: u, ariaLabelledBy: d }) => {
-  const h = Y({
+}) : _i(e, t), _i = (e, t) => e.find((i) => i.value === t)?.label ?? t, Di = "vod76w0", Hi = "vod76w1", zi = "vod76w2", Vi = "vod76w3", Fi = "vod76w4", Bi = "vod76w5";
+var Ki = ({ value: e, onChange: t, onCommit: i, min: a, max: o, step: r, suffix: l, formatValue: c, isDisabled: s, ariaLabel: u, ariaLabelledBy: d }) => {
+  const h = Q({
     ariaLabel: u,
     ariaLabelledBy: d
-  }, !1), v = Di(e, l, c), { commitUnlessHeldKey: p, gestureHandlers: g } = Pe(i);
+  }, !1), g = Gi(e, l, c), { commitUnlessHeldKey: p, gestureHandlers: v } = Te(i);
   return /* @__PURE__ */ m("div", {
-    className: Oi,
-    children: [/* @__PURE__ */ n(oe.Root, {
-      className: Ni,
+    className: Di,
+    children: [/* @__PURE__ */ n(le.Root, {
+      className: Hi,
       value: e,
       onValueChange: (S) => t(S),
       onValueCommitted: (S, P) => {
-        p(P.reason === nt);
+        p(P.reason === at);
       },
-      min: r,
+      min: a,
       max: o,
-      step: a,
+      step: r,
       disabled: s,
-      children: /* @__PURE__ */ n(oe.Control, {
-        className: ki,
-        children: /* @__PURE__ */ m(oe.Track, {
-          className: Mi,
-          children: [/* @__PURE__ */ n(oe.Indicator, { className: Ei }), /* @__PURE__ */ n(oe.Thumb, {
-            className: _i,
-            ...g,
+      children: /* @__PURE__ */ n(le.Control, {
+        className: zi,
+        children: /* @__PURE__ */ m(le.Track, {
+          className: Vi,
+          children: [/* @__PURE__ */ n(le.Indicator, { className: Fi }), /* @__PURE__ */ n(le.Thumb, {
+            className: Bi,
+            ...v,
             ...h
           })]
         })
       })
-    }), v !== null && /* @__PURE__ */ n("span", {
+    }), g !== null && /* @__PURE__ */ n("span", {
       className: "vod76w6",
-      children: v
+      children: g
     })]
   });
-}, Di = (e, t, i) => i !== void 0 ? i(e) : t !== void 0 ? `${e}${t}` : null, zi = "_1hyrlw60", Hi = "_1hyrlw61", Vi = ({ isChecked: e, onChange: t, isDisabled: i, ariaLabel: r, ariaLabelledBy: o, id: a }) => {
-  const l = Y({
-    id: a,
-    ariaLabel: r,
+}, Gi = (e, t, i) => i !== void 0 ? i(e) : t !== void 0 ? `${e}${t}` : null, Ui = "_1hyrlw60", Wi = "_1hyrlw61", qi = ({ isChecked: e, onChange: t, isDisabled: i, ariaLabel: a, ariaLabelledBy: o, id: r }) => {
+  const l = Q({
+    id: r,
+    ariaLabel: a,
     ariaLabelledBy: o
   });
-  return /* @__PURE__ */ n(en.Root, {
+  return /* @__PURE__ */ n(tn.Root, {
     checked: e,
     onCheckedChange: (c) => t(c),
     disabled: i,
-    className: zi,
+    className: Ui,
     ...l,
-    children: /* @__PURE__ */ n(en.Thumb, { className: Hi })
+    children: /* @__PURE__ */ n(tn.Thumb, { className: Wi })
   });
-}, Fi = "uz3g761", Bi = "tpcnun0 uz3g760", Ki = ({ value: e, onChange: t, onCommit: i, placeholder: r, isDisabled: o, hasError: a, ariaLabel: l, ariaLabelledBy: c, id: s }) => {
-  const u = Y({
+}, Zi = "uz3g761", $i = "tpcnun0 uz3g760", Xi = ({ value: e, onChange: t, onCommit: i, placeholder: a, isDisabled: o, hasError: r, ariaLabel: l, ariaLabelledBy: c, id: s }) => {
+  const u = Q({
     id: s,
     ariaLabel: l,
     ariaLabelledBy: c
   });
-  return /* @__PURE__ */ n(et, {
-    className: Bi,
-    "data-error": a === !0,
-    children: /* @__PURE__ */ n(aa, {
-      className: Fi,
+  return /* @__PURE__ */ n(rt, {
+    className: $i,
+    "data-error": r === !0,
+    children: /* @__PURE__ */ n(ha, {
+      className: Zi,
       value: e,
       onValueChange: (d) => t(d),
       onBlur: i,
-      placeholder: r,
+      placeholder: a,
       disabled: o,
-      "aria-invalid": a === !0 ? !0 : void 0,
+      "aria-invalid": r === !0 ? !0 : void 0,
       ...u
     })
   });
-}, Gi = "cnu9yl0", Ui = "cnu9yl1";
-var Wi = ({ options: e, value: t, onChange: i, onCommit: r, itemLayout: o = "inline", isDisabled: a, ariaLabel: l, ariaLabelledBy: c, id: s }) => {
-  const u = Y({
+}, ji = "cnu9yl0", Yi = "cnu9yl1";
+var Qi = ({ options: e, value: t, onChange: i, onCommit: a, itemLayout: o = "inline", isDisabled: r, ariaLabel: l, ariaLabelledBy: c, id: s }) => {
+  const u = Q({
     id: s,
     ariaLabel: l,
     ariaLabelledBy: c
-  }), d = o === "stacked", { commitAfterChange: h, gestureHandlers: v } = Pe(r);
-  return /* @__PURE__ */ n(kn, {
-    className: Gi,
+  }), d = o === "stacked", { commitAfterChange: h, gestureHandlers: g } = Te(a);
+  return /* @__PURE__ */ n(Rn, {
+    className: ji,
     value: t,
     onValueChange: (p) => {
       i(p), h();
     },
-    ...v,
-    disabled: a,
+    ...g,
+    disabled: r,
     ...u,
-    children: e.map((p) => /* @__PURE__ */ m(Nn.Root, {
+    children: e.map((p) => /* @__PURE__ */ m(En.Root, {
       value: p.value,
       disabled: p.isDisabled,
-      className: re(Ui, d && "cnu9yl2"),
-      "aria-label": qi(p, d),
-      children: [p.icon, tt(p, d) && /* @__PURE__ */ n("span", {
+      className: oe(Yi, d && "cnu9yl2"),
+      "aria-label": Ji(p, d),
+      children: [p.icon, ot(p, d) && /* @__PURE__ */ n("span", {
         className: "cnu9yl3",
         children: p.label
       })]
     }, p.value))
   });
-}, tt = (e, t) => e.icon === void 0 || t, qi = (e, t) => {
-  if (!tt(e, t))
+}, ot = (e, t) => e.icon === void 0 || t, Ji = (e, t) => {
+  if (!ot(e, t))
     return e.label;
-}, rt = {
-  ToggleGroup: Wi,
-  Switch: Vi,
-  Slider: Ri,
-  RadioGrid: fi,
-  Button: ci,
-  TextField: Ki,
-  NumberField: mi,
-  Select: Ti
-}, at = ue(rt), $i = ({ controls: e, children: t }) => {
-  const i = k(() => ({
-    ...rt,
+}, it = {
+  ToggleGroup: Qi,
+  Switch: qi,
+  Slider: Ki,
+  RadioGrid: Ti,
+  Button: vi,
+  TextField: Xi,
+  NumberField: yi,
+  Select: Ei
+}, lt = me(it), el = ({ controls: e, children: t }) => {
+  const i = E(() => ({
+    ...it,
     ...e
   }), [e]);
-  return /* @__PURE__ */ n(at.Provider, {
+  return /* @__PURE__ */ n(lt.Provider, {
     value: i,
     children: t
   });
-}, E = () => ae(at), Zi = "_12lhx9e0", ji = ({ children: e }) => /* @__PURE__ */ n("div", {
-  className: Zi,
+}, k = () => ie(lt), nl = "_12lhx9e0", st = ({ children: e }) => /* @__PURE__ */ n("div", {
+  className: nl,
   children: e
-}), Xi = "_139ohwv0", F = ({ children: e }) => /* @__PURE__ */ n("div", {
-  className: Xi,
+}), tl = "_139ohwv0", F = ({ children: e }) => /* @__PURE__ */ n("div", {
+  className: tl,
   children: e
-}), ot = ue(null), Yi = ot.Provider, Qi = () => {
-  const e = ae(ot);
+}), ct = me(null), rl = ct.Provider, al = () => {
+  const e = ie(ct);
   if (!e) throw new Error("A section must be rendered inside <EditorPanel.Root>.");
   return e;
-}, Ji = "_1jlczkt0", el = "data-graphy-editor-panel", nl = {
+}, ol = "_1jlczkt0", il = "data-graphy-editor-panel", ll = {
   List: F,
-  Grid: ji
+  Grid: st
 };
-function tl(e) {
+function sl(e) {
   if (e === void 0) return !1;
   const t = e.split(/\s+/);
   return t.includes("_1ii3bsb0") || t.includes("_1ii3bsb1");
 }
-var rl = ({ handle: e, children: t, controls: i, defaultExpandedSection: r = void 0, className: o }) => {
-  const a = Rt(e), { themeClass: l, inlineVarsStyle: c } = De(), [s, u] = $(() => r ? [r] : []), d = k(() => ({
+var cl = ({ handle: e, children: t, controls: i, defaultExpandedSection: a = void 0, className: o }) => {
+  const r = Vt(e), { themeClass: l, inlineVarsStyle: c } = ze(), [s, u] = Z(() => a ? [a] : []), d = E(() => ({
     expandSection: (h) => u([h]),
     collapseAllSections: () => u([])
   }), []);
-  return /* @__PURE__ */ n(Ke.Provider, {
-    value: a,
-    children: /* @__PURE__ */ n($i, {
+  return /* @__PURE__ */ n(Ue.Provider, {
+    value: r,
+    children: /* @__PURE__ */ n(el, {
       controls: i,
-      children: /* @__PURE__ */ n(Yi, {
+      children: /* @__PURE__ */ n(rl, {
         value: d,
-        children: /* @__PURE__ */ n(le.Root, {
-          [el]: "",
-          className: re(Ji, o, { [l]: !tl(o) }),
+        children: /* @__PURE__ */ n(ce.Root, {
+          [il]: "",
+          className: oe(ol, o, { [l]: !sl(o) }),
           style: c,
           value: s,
           onValueChange: (h) => u(h),
@@ -2213,37 +2213,37 @@ var rl = ({ handle: e, children: t, controls: i, defaultExpandedSection: r = voi
       })
     })
   });
-}, it = {
-  Root: rl,
-  Controls: nl
-}, cn = {
+}, dt = {
+  Root: cl,
+  Controls: ll
+}, hn = {
   stack: "pr583x0",
   grid: "pr583x1"
-}, dn = "pr583x2", al = "pr583x3", C = ({ label: e, layout: t = "grid", children: i }) => {
-  const r = de(), o = de();
+}, un = "pr583x2", dl = "pr583x3", C = ({ label: e, layout: t = "grid", children: i }) => {
+  const a = ae(), o = ae();
   return e === void 0 ? /* @__PURE__ */ n("div", {
-    className: cn[t],
+    className: hn[t],
     children: /* @__PURE__ */ n("div", {
-      className: dn,
+      className: un,
       children: i
     })
   }) : /* @__PURE__ */ m("div", {
-    className: cn[t],
+    className: hn[t],
     children: [/* @__PURE__ */ n("label", {
-      id: r,
+      id: a,
       htmlFor: o,
-      className: al,
+      className: dl,
       children: e
     }), /* @__PURE__ */ n("div", {
-      className: dn,
-      children: /* @__PURE__ */ n(Jn, {
-        labelId: r,
+      className: un,
+      children: /* @__PURE__ */ n(tt, {
+        labelId: a,
         controlId: o,
         children: i
       })
     })]
   });
-}, ol = (e) => /* @__PURE__ */ n(I, {
+}, hl = (e) => /* @__PURE__ */ n(T, {
   ...e,
   children: /* @__PURE__ */ n("g", {
     stroke: "currentColor",
@@ -2252,54 +2252,54 @@ var rl = ({ handle: e, children: t, controls: i, defaultExpandedSection: r = voi
     strokeLinejoin: "round",
     children: /* @__PURE__ */ n("path", { d: "m9 6 6 6-6 6" })
   })
-}), Ge = "_40zvwv0", Ue = "_40zvwv1", il = "_40zvwv2", lt = "_40zvwv3", ll = "_40zvwv4 _40zvwv3";
-var sl = "_40zvwv6";
-var cl = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: i, accessory: r, onOpenChange: o, children: a }) => t === "collapsible" ? /* @__PURE__ */ n(hl, {
+}), We = "_40zvwv0", qe = "_40zvwv1", ul = "_40zvwv2", ht = "_40zvwv3", ml = "_40zvwv4 _40zvwv3";
+var pl = "_40zvwv6";
+var gl = "_40zvwv8", _ = ({ title: e, layout: t = "fixed", preview: i, accessory: a, onOpenChange: o, children: r }) => t === "collapsible" ? /* @__PURE__ */ n(fl, {
   title: e,
   preview: i,
-  accessory: r,
+  accessory: a,
   onOpenChange: o,
-  children: a
-}) : t === "inline" && i === void 0 ? /* @__PURE__ */ n(dl, {
+  children: r
+}) : t === "inline" && i === void 0 ? /* @__PURE__ */ n(vl, {
   title: e,
-  accessory: r,
-  children: a
+  accessory: a,
+  children: r
 }) : /* @__PURE__ */ m("div", {
-  className: Ge,
+  className: We,
   children: [/* @__PURE__ */ m("div", {
-    className: Ue,
+    className: qe,
     children: [
       /* @__PURE__ */ n("span", {
-        className: lt,
+        className: ht,
         children: e
       }),
       i !== void 0 && /* @__PURE__ */ n("span", {
         className: "_40zvwv5",
         children: i
       }),
-      r !== void 0 && /* @__PURE__ */ n("span", {
+      a !== void 0 && /* @__PURE__ */ n("span", {
         className: "_40zvwv7",
-        children: r
+        children: a
       })
     ]
-  }), /* @__PURE__ */ n("div", { children: a })]
-}), dl = ({ title: e, accessory: t, children: i }) => {
-  const r = de(), o = de();
+  }), /* @__PURE__ */ n("div", { children: r })]
+}), vl = ({ title: e, accessory: t, children: i }) => {
+  const a = ae(), o = ae();
   return /* @__PURE__ */ n("div", {
-    className: Ge,
+    className: We,
     children: /* @__PURE__ */ m("div", {
-      className: Ue,
+      className: qe,
       children: [
         /* @__PURE__ */ n("label", {
-          id: r,
+          id: a,
           htmlFor: o,
-          className: ll,
+          className: ml,
           children: e
         }),
         /* @__PURE__ */ n("span", {
-          className: sl,
-          children: /* @__PURE__ */ n(Jn, {
-            labelId: r,
+          className: pl,
+          children: /* @__PURE__ */ n(tt, {
+            labelId: a,
             controlId: o,
             children: i
           })
@@ -2311,22 +2311,22 @@ var cl = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: i, accessory
       ]
     })
   });
-}, hl = ({ title: e, preview: t, accessory: i, onOpenChange: r, children: o }) => {
-  const a = A();
-  return /* @__PURE__ */ m(le.Item, {
+}, fl = ({ title: e, preview: t, accessory: i, onOpenChange: a, children: o }) => {
+  const r = A();
+  return /* @__PURE__ */ m(ce.Item, {
     value: e,
-    className: Ge,
-    onOpenChange: r,
-    children: [/* @__PURE__ */ m(le.Header, {
-      className: Ue,
+    className: We,
+    onOpenChange: a,
+    children: [/* @__PURE__ */ m(ce.Header, {
+      className: qe,
       render: /* @__PURE__ */ n("div", {}),
       children: [
-        /* @__PURE__ */ n(le.Trigger, {
-          className: il,
-          "aria-label": a("editor.accessibility.toggleSection", { title: e })
+        /* @__PURE__ */ n(ce.Trigger, {
+          className: ul,
+          "aria-label": r("editor.accessibility.toggleSection", { title: e })
         }),
         /* @__PURE__ */ n("span", {
-          className: lt,
+          className: ht,
           children: e
         }),
         t !== void 0 && /* @__PURE__ */ n("span", {
@@ -2338,290 +2338,290 @@ var cl = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: i, accessory
           children: i
         }),
         /* @__PURE__ */ n("span", {
-          className: cl,
-          children: /* @__PURE__ */ n(ol, { size: "sm" })
+          className: gl,
+          children: /* @__PURE__ */ n(hl, { size: "sm" })
         })
       ]
-    }), /* @__PURE__ */ n(le.Panel, { children: /* @__PURE__ */ n("div", { children: o }) })]
+    }), /* @__PURE__ */ n(ce.Panel, { children: /* @__PURE__ */ n("div", { children: o }) })]
   });
-}, Ks = ({ title: e, isChecked: t, onToggle: i, isDisabled: r, preview: o, children: a }) => {
-  const { expandSection: l, collapseAllSections: c } = Qi(), { Switch: s } = E();
-  return /* @__PURE__ */ n(D, {
+}, ic = ({ title: e, isChecked: t, onToggle: i, isDisabled: a, preview: o, children: r }) => {
+  const { expandSection: l, collapseAllSections: c } = al(), { Switch: s } = k();
+  return /* @__PURE__ */ n(_, {
     title: e,
     layout: "collapsible",
     preview: o,
     onOpenChange: (h) => {
-      h && !t && r !== !0 && i(!0);
+      h && !t && a !== !0 && i(!0);
     },
     accessory: /* @__PURE__ */ n(s, {
       isChecked: t,
       onChange: (h) => {
         i(h), h ? l(e) : c();
       },
-      isDisabled: r,
+      isDisabled: a,
       ariaLabel: e
     }),
-    children: a
+    children: r
   });
-}, ul = {
+}, Cl = {
   horizontal: ["bottom", "top"],
   vertical: ["left", "right"]
-}, ml = {
+}, bl = {
   left: "editor.axesPanel.position.left",
   right: "editor.axesPanel.position.right",
   top: "editor.axesPanel.position.top",
   bottom: "editor.axesPanel.position.bottom"
-}, pl = {
+}, yl = {
   x: "editor.axesPanel.mainAxisSection.xAxis",
   y: "editor.axesPanel.mainAxisSection.yAxis"
-}, hn = ({ axis: e, title: t, layout: i = "collapsible", preview: r }) => {
-  const o = M(), a = R(o), l = A(), { NumberField: c, Switch: s, TextField: u, ToggleGroup: d } = E();
-  if (!a) return null;
-  const h = a.coordSystem.type === "polar" ? a.coordSystem.axisMapping[e].geometry : "linear", v = a.config.axes[e], p = a.scales[e], g = p?.spec, S = g?.scaleType === "continuous" ? g : void 0;
+}, mn = ({ axis: e, title: t, layout: i = "collapsible", preview: a }) => {
+  const o = N(), r = R(o), l = A(), { NumberField: c, Switch: s, TextField: u, ToggleGroup: d } = k();
+  if (!r) return null;
+  const h = r.coordSystem.type === "polar" ? r.coordSystem.axisMapping[e].geometry : "linear", g = r.config.axes[e], p = r.scales[e], v = p?.spec, S = v?.scaleType === "continuous" ? v : void 0;
   if (h === "circular" || h === "radial" && S === void 0) return null;
-  const P = g !== void 0 && "reverse" in g ? g : void 0, y = g?.scaleType === "continuous" || g?.scaleType === "datetime", f = e === "y" && S !== void 0 && a.layers.some((b) => b.yScaleType === "primary" && b.geom === "bar"), x = S?.transform === "log", T = S?.domainMax ?? null, z = gl(S), B = (b, Z) => b.map((me) => ({
-    value: me,
-    label: Z(me)
-  })), N = a.guides.axes.find((b) => b.scaleAestheticKey === e)?.position, H = ul[N === "bottom" || N === "top" || N === void 0 && e === "x" ? "horizontal" : "vertical"], L = a.guides.legends.drawn.some((b) => H.some((Z) => Z === b.position)), w = H.map((b) => ({
+  const P = v !== void 0 && "reverse" in v ? v : void 0, y = v?.scaleType === "continuous" || v?.scaleType === "datetime", f = e === "y" && S !== void 0 && r.layers.some((b) => b.yScaleType === "primary" && b.geom === "bar"), x = S?.transform === "log", I = S?.domainMax ?? null, H = Sl(S), B = (b, $) => b.map((pe) => ({
+    value: pe,
+    label: $(pe)
+  })), M = r.guides.axes.find((b) => b.scaleAestheticKey === e)?.position, z = Cl[M === "bottom" || M === "top" || M === void 0 && e === "x" ? "horizontal" : "vertical"], L = r.guides.legends.drawn.some((b) => z.some(($) => $ === b.position)), w = z.map((b) => ({
     value: b,
-    label: l(ml[b])
-  })), O = B(["auto", "edges"], (b) => l(b === "edges" ? "editor.axesPanel.labelMode.edges" : "editor.axesPanel.labelMode.auto")), Q = B(["linear", "log"], (b) => l(b === "log" ? "editor.axesPanel.scale.log" : "editor.axesPanel.scale.auto")), ht = B([
+    label: l(bl[b])
+  })), O = B(["auto", "edges"], (b) => l(b === "edges" ? "editor.axesPanel.labelMode.edges" : "editor.axesPanel.labelMode.auto")), J = B(["linear", "log"], (b) => l(b === "log" ? "editor.axesPanel.scale.log" : "editor.axesPanel.scale.auto")), gt = B([
     "auto",
     "zero",
     "custom"
-  ], (b) => l(b === "zero" ? "editor.axesPanel.startFrom.zero" : b === "custom" ? "editor.axesPanel.startFrom.custom" : "editor.axesPanel.startFrom.auto")), ut = B(["auto", "custom"], (b) => l(b === "custom" ? "editor.axesPanel.endAt.custom" : "editor.axesPanel.endAt.auto")), mt = B(["no", "yes"], (b) => l(b === "yes" ? "editor.axesPanel.yesNo.yes" : "editor.axesPanel.yesNo.no")), pt = (b) => {
-    o.commands.dispatch(new nr({
+  ], (b) => l(b === "zero" ? "editor.axesPanel.startFrom.zero" : b === "custom" ? "editor.axesPanel.startFrom.custom" : "editor.axesPanel.startFrom.auto")), vt = B(["auto", "custom"], (b) => l(b === "custom" ? "editor.axesPanel.endAt.custom" : "editor.axesPanel.endAt.auto")), ft = B(["no", "yes"], (b) => l(b === "yes" ? "editor.axesPanel.yesNo.yes" : "editor.axesPanel.yesNo.no")), Ct = (b) => {
+    o.commands.dispatch(new ir({
       axis: e,
       isVisible: b
     }));
-  }, gt = (b) => {
-    o.commands.dispatch(new Yt({
+  }, bt = (b) => {
+    o.commands.dispatch(new tr({
       axis: e,
       label: b === "" ? null : b
     }), { transient: !0 });
-  }, vt = (b) => {
-    o.commands.dispatch(new er({
+  }, yt = (b) => {
+    o.commands.dispatch(new or({
       axis: e,
       isVisible: b
     }));
-  }, ft = (b) => {
-    o.commands.dispatch(new Jt({
+  }, St = (b) => {
+    o.commands.dispatch(new ar({
       axis: e,
       tickMode: b === "edges" ? "edges" : "auto"
     }));
-  }, Ct = (b) => {
-    o.commands.dispatch(new Tr({
+  }, wt = (b) => {
+    o.commands.dispatch(new kr({
       scaledAesthetic: e,
       reverse: b === "yes"
     }));
-  }, bt = (b) => {
-    o.commands.dispatch(new Ar({
+  }, xt = (b) => {
+    o.commands.dispatch(new Mr({
       scaledAesthetic: e,
       transform: b === "log" ? "log" : "linear"
     }));
-  }, $e = (b) => {
-    o.commands.dispatch(new pe({
+  }, Xe = (b) => {
+    o.commands.dispatch(new ge({
       scaledAesthetic: e,
       ...b
     }), { transient: !0 });
-  }, yt = (b) => {
-    b !== null && $e({ domainMin: b });
-  }, St = (b) => {
-    b !== null && $e({ domainMax: b });
-  }, wt = (b) => {
+  }, Tt = (b) => {
+    b !== null && Xe({ domainMin: b });
+  }, Pt = (b) => {
+    b !== null && Xe({ domainMax: b });
+  }, It = (b) => {
     if (S) {
       if (b === "custom") {
-        S.zero && o.commands.dispatch(new Qe({
+        S.zero && o.commands.dispatch(new en({
           scaledAesthetic: e,
           zero: !1
-        })), o.commands.dispatch(new pe({
+        })), o.commands.dispatch(new ge({
           scaledAesthetic: e,
-          domainMin: un(p?.domain, "start")
+          domainMin: pn(p?.domain, "start")
         }));
         return;
       }
-      S.domainMin !== null && o.commands.dispatch(new pe({
+      S.domainMin !== null && o.commands.dispatch(new ge({
         scaledAesthetic: e,
         domainMin: null
-      })), o.commands.dispatch(new Qe({
+      })), o.commands.dispatch(new en({
         scaledAesthetic: e,
         zero: b === "zero"
       }));
     }
-  }, xt = (b) => {
-    const Z = b === "custom" ? un(p?.domain, "end") : null;
-    o.commands.dispatch(new pe({
+  }, At = (b) => {
+    const $ = b === "custom" ? pn(p?.domain, "end") : null;
+    o.commands.dispatch(new ge({
       scaledAesthetic: e,
-      domainMax: Z
+      domainMax: $
     }));
-  }, Pt = (b) => {
-    const Z = H.find((me) => me === b);
-    Z && o.commands.dispatch(new Qt({
+  }, Lt = (b) => {
+    const $ = z.find((pe) => pe === b);
+    $ && o.commands.dispatch(new rr({
       axis: e,
-      position: Z
+      position: $
     }));
   };
-  return /* @__PURE__ */ n(D, {
-    title: t ?? l(pl[e]),
+  return /* @__PURE__ */ n(_, {
+    title: t ?? l(yl[e]),
     layout: i,
-    preview: r,
+    preview: a,
     children: /* @__PURE__ */ m(F, { children: [
       /* @__PURE__ */ n(C, {
         label: l("editor.axesPanel.controls.visible"),
         children: /* @__PURE__ */ n(s, {
-          isChecked: v.isVisible,
-          onChange: pt
+          isChecked: g.isVisible,
+          onChange: Ct
         })
       }),
-      h === "linear" && /* @__PURE__ */ m(W, { children: [/* @__PURE__ */ n(C, {
+      h === "linear" && /* @__PURE__ */ m(K, { children: [/* @__PURE__ */ n(C, {
         label: l("editor.axesPanel.controls.title"),
         children: /* @__PURE__ */ n(u, {
-          value: v.label ?? "",
-          onChange: gt,
+          value: g.label ?? "",
+          onChange: bt,
           onCommit: o.commands.seal
         })
       }), /* @__PURE__ */ n(C, {
         label: l("editor.axesPanel.controls.ticks"),
         children: /* @__PURE__ */ n(s, {
-          isChecked: v.ticks.isVisible,
-          onChange: vt
+          isChecked: g.ticks.isVisible,
+          onChange: yt
         })
       })] }),
       y && /* @__PURE__ */ n(C, {
         label: l("editor.axesPanel.controls.labels"),
         children: /* @__PURE__ */ n(d, {
-          value: v.ticks.mode,
+          value: g.ticks.mode,
           options: O,
-          onChange: ft
+          onChange: St
         })
       }),
       S && h === "linear" && !L && /* @__PURE__ */ n(C, {
         label: l("editor.axesPanel.controls.position"),
         children: /* @__PURE__ */ n(d, {
-          value: N ?? v.position,
+          value: M ?? g.position,
           options: w,
-          onChange: Pt
+          onChange: Lt
         })
       }),
       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: Ct
+          options: ft,
+          onChange: wt
         })
       }),
       S && !f && /* @__PURE__ */ n(C, {
         label: l("editor.axesPanel.controls.scale"),
         children: /* @__PURE__ */ n(d, {
           value: x ? "log" : "linear",
-          options: Q,
-          onChange: bt
+          options: J,
+          onChange: xt
         })
       }),
-      S && !x && /* @__PURE__ */ m(W, { children: [
-        !f && /* @__PURE__ */ m(W, { children: [/* @__PURE__ */ n(C, {
+      S && !x && /* @__PURE__ */ m(K, { children: [
+        !f && /* @__PURE__ */ m(K, { children: [/* @__PURE__ */ n(C, {
           label: l("editor.axesPanel.controls.startFrom"),
           children: /* @__PURE__ */ n(d, {
-            value: z,
-            options: ht,
-            onChange: wt
+            value: H,
+            options: gt,
+            onChange: It
           })
-        }), z === "custom" && /* @__PURE__ */ n(C, {
+        }), H === "custom" && /* @__PURE__ */ n(C, {
           label: l("editor.axesPanel.controls.value"),
           children: /* @__PURE__ */ n(c, {
             value: S.domainMin ?? null,
-            onChange: yt,
+            onChange: Tt,
             onCommit: o.commands.seal
           })
         })] }),
         /* @__PURE__ */ n(C, {
           label: l("editor.axesPanel.controls.endAt"),
           children: /* @__PURE__ */ n(d, {
-            value: T === null ? "auto" : "custom",
-            options: ut,
-            onChange: xt
+            value: I === null ? "auto" : "custom",
+            options: vt,
+            onChange: At
           })
         }),
-        T !== null && /* @__PURE__ */ n(C, {
+        I !== null && /* @__PURE__ */ n(C, {
           label: l("editor.axesPanel.controls.value"),
           children: /* @__PURE__ */ n(c, {
-            value: T,
-            onChange: St,
+            value: I,
+            onChange: Pt,
             onCommit: o.commands.seal
           })
         })
       ] })
     ] })
   });
-}, gl = (e) => e === void 0 ? "auto" : e.domainMin !== null && e.domainMin !== void 0 ? "custom" : e.zero === !0 ? "zero" : "auto", un = (e, t) => {
+}, Sl = (e) => e === void 0 ? "auto" : e.domainMin !== null && e.domainMin !== void 0 ? "custom" : e.zero === !0 ? "zero" : "auto", pn = (e, t) => {
   const i = t === "start" ? e?.[0] : e?.[e.length - 1];
   return typeof i == "number" ? i : 0;
-}, We = ({ value: e, onChange: t }) => {
-  const i = M(), r = A(), { TextField: o } = E(), a = e !== null && typeof e != "string", l = (c) => t(c === "" ? null : c);
+}, Ze = ({ value: e, onChange: t }) => {
+  const i = N(), a = A(), { TextField: o } = k(), r = e !== null && typeof e != "string", l = (c) => t(c === "" ? null : c);
   return /* @__PURE__ */ n(C, {
-    label: r("editor.elementsPanel.contentValue"),
+    label: a("editor.elementsPanel.contentValue"),
     children: /* @__PURE__ */ n(o, {
       value: typeof e == "string" ? e : "",
       onChange: l,
       onCommit: i.commands.seal,
-      isDisabled: a
+      isDisabled: r
     })
   });
-}, vl = ({ title: e, layout: t = "collapsible", preview: i }) => {
-  const r = M(), o = R(r), a = A(), { Switch: l } = E();
+}, wl = ({ title: e, layout: t = "collapsible", preview: i }) => {
+  const a = N(), o = R(a), r = A(), { Switch: l } = k();
   if (!o) return null;
   const c = o.config.content, s = (d) => {
-    r.commands.dispatch(new xe({
+    a.commands.dispatch(new xe({
       slot: "caption",
       isVisible: d
     }));
   }, u = (d) => {
-    r.commands.dispatch(new or({ caption: d }), { transient: !0 });
+    a.commands.dispatch(new dr({ caption: d }), { transient: !0 });
   };
-  return /* @__PURE__ */ n(D, {
-    title: e ?? a("editor.elementsPanel.footerSection.caption"),
+  return /* @__PURE__ */ n(_, {
+    title: e ?? r("editor.elementsPanel.footerSection.caption"),
     layout: t,
     preview: i,
     children: /* @__PURE__ */ m(F, { children: [/* @__PURE__ */ n(C, {
-      label: a("editor.elementsPanel.contentVisible"),
+      label: r("editor.elementsPanel.contentVisible"),
       children: /* @__PURE__ */ n(l, {
         isChecked: c.isCaptionVisible,
         onChange: s
       })
-    }), /* @__PURE__ */ n(We, {
+    }), /* @__PURE__ */ n(Ze, {
       value: c.caption,
       onChange: u
     })] })
   });
-}, mn = /^[a-z][a-z\d+.-]*:/i, fl = {}, Cl = ({ title: e, layout: t = "collapsible", preview: i }) => {
-  const r = M(), o = R(r), a = A(), { Switch: l } = E();
+}, gn = /^[a-z][a-z\d+.-]*:/i, xl = {}, Tl = ({ title: e, layout: t = "collapsible", preview: i }) => {
+  const a = N(), o = R(a), r = A(), { Switch: l } = k();
   if (!o) return null;
   const c = o.config.content, s = (u) => {
-    r.commands.dispatch(new xe({
+    a.commands.dispatch(new xe({
       slot: "source",
       isVisible: u
     }));
   };
-  return /* @__PURE__ */ n(D, {
-    title: e ?? a("editor.elementsPanel.sourceSection.title"),
+  return /* @__PURE__ */ n(_, {
+    title: e ?? r("editor.elementsPanel.sourceSection.title"),
     layout: t,
     preview: i,
     children: /* @__PURE__ */ m(F, { children: [/* @__PURE__ */ n(C, {
-      label: a("editor.elementsPanel.contentVisible"),
+      label: r("editor.elementsPanel.contentVisible"),
       children: /* @__PURE__ */ n(l, {
         isChecked: c.isSourceVisible,
         onChange: s
       })
-    }), /* @__PURE__ */ n(bl, { source: c.source ?? fl })] })
+    }), /* @__PURE__ */ n(Pl, { source: c.source ?? xl })] })
   });
-}, bl = ({ source: e }) => {
-  const t = M(), i = A(), { TextField: r } = E(), o = (s) => {
+}, Pl = ({ source: e }) => {
+  const t = N(), i = A(), { TextField: a } = k(), o = (s) => {
     const u = (s.label ?? "") !== "" || (s.url ?? "") !== "";
-    t.commands.dispatch(new ir({ source: u ? s : null }), { transient: !0 });
-  }, a = () => {
+    t.commands.dispatch(new hr({ source: u ? s : null }), { transient: !0 });
+  }, r = () => {
     const s = e.url ?? "";
-    s !== "" && !mn.test(s) && o({
+    s !== "" && !gn.test(s) && o({
       ...e,
       url: `https://${s}`
     }), t.commands.seal();
@@ -2632,49 +2632,49 @@ var cl = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: i, accessory
     ...e,
     label: s
   });
-  return /* @__PURE__ */ m(W, { children: [/* @__PURE__ */ n(C, {
+  return /* @__PURE__ */ m(K, { children: [/* @__PURE__ */ n(C, {
     label: i("editor.elementsPanel.sourceSection.url"),
-    children: /* @__PURE__ */ n(r, {
+    children: /* @__PURE__ */ n(a, {
       value: e.url ?? "",
       onChange: l,
-      onCommit: a,
-      hasError: mn.test(e.url ?? "") && !Yr(e.url)
+      onCommit: r,
+      hasError: gn.test(e.url ?? "") && !aa(e.url)
     })
   }), /* @__PURE__ */ n(C, {
     label: i("editor.elementsPanel.sourceSection.name"),
-    children: /* @__PURE__ */ n(r, {
+    children: /* @__PURE__ */ n(a, {
       value: e.label ?? "",
       onChange: c,
       onCommit: t.commands.seal
     })
   })] });
-}, yl = ({ title: e, layout: t = "collapsible", preview: i }) => {
-  const r = M(), o = R(r), a = A(), { Switch: l } = E();
+}, Il = ({ title: e, layout: t = "collapsible", preview: i }) => {
+  const a = N(), o = R(a), r = A(), { Switch: l } = k();
   if (!o) return null;
   const c = o.config.content, s = (d) => {
-    r.commands.dispatch(new xe({
+    a.commands.dispatch(new xe({
       slot: "subtitle",
       isVisible: d
     }));
   }, u = (d) => {
-    r.commands.dispatch(new lr({ subtitle: d }), { transient: !0 });
+    a.commands.dispatch(new ur({ subtitle: d }), { transient: !0 });
   };
-  return /* @__PURE__ */ n(D, {
-    title: e ?? a("editor.elementsPanel.headerSection.subtitle"),
+  return /* @__PURE__ */ n(_, {
+    title: e ?? r("editor.elementsPanel.headerSection.subtitle"),
     layout: t,
     preview: i,
     children: /* @__PURE__ */ m(F, { children: [/* @__PURE__ */ n(C, {
-      label: a("editor.elementsPanel.contentVisible"),
+      label: r("editor.elementsPanel.contentVisible"),
       children: /* @__PURE__ */ n(l, {
         isChecked: c.isSubtitleVisible,
         onChange: s
       })
-    }), /* @__PURE__ */ n(We, {
+    }), /* @__PURE__ */ n(Ze, {
       value: c.subtitle,
       onChange: u
     })] })
   });
-}, ke = [
+}, Ee = [
   0.8,
   1,
   1.2,
@@ -2685,191 +2685,375 @@ var cl = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: i, accessory
   2.5,
   3,
   4
-], Sl = ke.length / 2, wl = ({ title: e, layout: t = "collapsible", preview: i }) => {
-  const r = M(), o = R(r), a = A(), { RadioGrid: l } = E();
+], Al = Ee.length / 2, Ll = ({ title: e, layout: t = "collapsible", preview: i }) => {
+  const a = N(), o = R(a), r = A(), { RadioGrid: l } = k();
   if (!o) return null;
-  const { textScale: c } = o.config.appearance, s = (h) => a("editor.elementsPanel.textSizeSection.scaleFormat", { value: `${h}` }), u = ke.map((h) => ({
+  const { textScale: c } = o.config.appearance, s = (h) => r("editor.elementsPanel.textSizeSection.scaleFormat", { value: `${h}` }), u = Ee.map((h) => ({
     value: `${h}`,
     label: s(h)
   })), d = (h) => {
-    const v = ke.find((p) => `${p}` === h);
-    v !== void 0 && r.commands.dispatch(new Xt({ textScale: v }));
+    const g = Ee.find((p) => `${p}` === h);
+    g !== void 0 && a.commands.dispatch(new nr({ textScale: g }));
   };
-  return /* @__PURE__ */ n(D, {
-    title: e ?? a("editor.elementsPanel.textSizeSection.title"),
+  return /* @__PURE__ */ n(_, {
+    title: e ?? r("editor.elementsPanel.textSizeSection.title"),
     layout: t,
     preview: i ?? s(c),
     children: /* @__PURE__ */ n(l, {
       value: `${c}`,
       options: u,
-      columns: Sl,
+      columns: Al,
       onChange: d,
-      ariaLabel: a("editor.elementsPanel.textSizeSection.title")
+      ariaLabel: r("editor.elementsPanel.textSizeSection.title")
     })
   });
-}, xl = ({ title: e, layout: t = "collapsible", preview: i }) => {
-  const r = M(), o = R(r), a = A(), { Switch: l } = E();
+}, Ol = ({ title: e, layout: t = "collapsible", preview: i }) => {
+  const a = N(), o = R(a), r = A(), { Switch: l } = k();
   if (!o) return null;
   const c = o.config.content, s = (d) => {
-    r.commands.dispatch(new xe({
+    a.commands.dispatch(new xe({
       slot: "title",
       isVisible: d
     }));
   }, u = (d) => {
-    r.commands.dispatch(new sr({ title: d }), { transient: !0 });
+    a.commands.dispatch(new mr({ title: d }), { transient: !0 });
   };
-  return /* @__PURE__ */ n(D, {
-    title: e ?? a("editor.elementsPanel.headerSection.toggleTitle"),
+  return /* @__PURE__ */ n(_, {
+    title: e ?? r("editor.elementsPanel.headerSection.toggleTitle"),
     layout: t,
     preview: i,
     children: /* @__PURE__ */ m(F, { children: [/* @__PURE__ */ n(C, {
-      label: a("editor.elementsPanel.contentVisible"),
+      label: r("editor.elementsPanel.contentVisible"),
       children: /* @__PURE__ */ n(l, {
         isChecked: c.isTitleVisible,
         onChange: s
       })
-    }), /* @__PURE__ */ n(We, {
+    }), /* @__PURE__ */ n(Ze, {
       value: c.title,
       onChange: u
     })] })
   });
-}, Gs = ({ children: e, ...t }) => /* @__PURE__ */ n(it.Root, {
+}, lc = ({ children: e, ...t }) => /* @__PURE__ */ n(dt.Root, {
   ...t,
-  children: e ?? /* @__PURE__ */ m(W, { children: [
-    /* @__PURE__ */ n(xl, {}),
-    /* @__PURE__ */ n(yl, {}),
-    /* @__PURE__ */ n(vl, {}),
-    /* @__PURE__ */ n(Cl, {}),
-    /* @__PURE__ */ n(wl, {})
+  children: e ?? /* @__PURE__ */ m(K, { children: [
+    /* @__PURE__ */ n(Ol, {}),
+    /* @__PURE__ */ n(Il, {}),
+    /* @__PURE__ */ n(wl, {}),
+    /* @__PURE__ */ n(Tl, {}),
+    /* @__PURE__ */ n(Ll, {})
   ] })
-}), Us = ({ children: e, ...t }) => /* @__PURE__ */ n(it.Root, {
+}), sc = ({ children: e, ...t }) => /* @__PURE__ */ n(dt.Root, {
   ...t,
-  children: e ?? /* @__PURE__ */ m(W, { children: [/* @__PURE__ */ n(hn, { axis: "x" }), /* @__PURE__ */ n(hn, { axis: "y" })] })
-}), Ie = (e) => `${e}px`, st = (e) => `${Math.round(e * 100)}%`, Pl = (e) => `${e}°`, Il = 24, pn = ["dim", "desaturate"], Ws = ({ title: e, layout: t = "collapsible", preview: i }) => {
-  const r = M(), o = R(r), a = A(), { Slider: l, ToggleGroup: c } = E();
+  children: e ?? /* @__PURE__ */ m(K, { children: [/* @__PURE__ */ n(mn, { axis: "x" }), /* @__PURE__ */ n(mn, { axis: "y" })] })
+}), Pe = (e) => `${e}px`, ut = (e) => `${Math.round(e * 100)}%`, Nl = (e) => `${e}°`, kl = 24, vn = ["dim", "desaturate"], cc = ({ title: e, layout: t = "collapsible", preview: i }) => {
+  const a = N(), o = R(a), r = A(), { Slider: l, ToggleGroup: c } = k();
   if (!o) return null;
-  const { cornerRadius: s } = o.config.appearance, u = ea(o.spec), d = pn.map((p) => ({
+  const { cornerRadius: s } = o.config.appearance, u = la(o.spec), d = vn.map((p) => ({
     value: p,
-    label: a(p === "dim" ? "editor.highlighting.highlightStyle.tint" : "editor.highlighting.highlightStyle.grey")
+    label: r(p === "dim" ? "editor.highlighting.highlightStyle.tint" : "editor.highlighting.highlightStyle.grey")
   })), h = (p) => {
-    r.commands.dispatch(new jt({ cornerRadius: p }), { transient: !0 });
-  }, v = (p) => {
-    const g = pn.find((S) => S === p);
-    g && r.commands.dispatch(new vr({ dimStyle: g }));
+    a.commands.dispatch(new er({ cornerRadius: p }), { transient: !0 });
+  }, g = (p) => {
+    const v = vn.find((S) => S === p);
+    v && a.commands.dispatch(new Sr({ dimStyle: v }));
   };
-  return /* @__PURE__ */ n(D, {
-    title: e ?? a("editor.colorPanel.appearanceSection.title"),
+  return /* @__PURE__ */ n(_, {
+    title: e ?? r("editor.colorPanel.appearanceSection.title"),
     layout: t,
     preview: i,
     children: /* @__PURE__ */ m(F, { children: [/* @__PURE__ */ n(C, {
-      label: a("editor.colorPanel.borderSection.cornerRadius"),
+      label: r("editor.colorPanel.borderSection.cornerRadius"),
       children: /* @__PURE__ */ n(l, {
         value: s,
         min: 0,
-        max: Il,
+        max: kl,
         step: 1,
-        formatValue: Ie,
+        formatValue: Pe,
         onChange: h,
-        onCommit: r.commands.seal
+        onCommit: a.commands.seal
       })
     }), /* @__PURE__ */ n(C, {
-      label: a("editor.colorPanel.appearanceSection.highlightStyle"),
+      label: r("editor.colorPanel.appearanceSection.highlightStyle"),
       children: /* @__PURE__ */ n(c, {
         value: u,
         options: d,
-        onChange: v
+        onChange: g
       })
     })] })
   });
-}, qe = (e, t) => {
-  const { colorScheme: i } = De();
-  return k(() => {
-    const r = e?.layers.find((o) => o.id === t);
-    return r === void 0 ? null : Br({ colorScheme: i }).geomReaders(r);
+}, $e = (e, t) => {
+  const { colorScheme: i } = ze();
+  return E(() => {
+    const a = e?.layers.find((o) => o.id === t);
+    return a === void 0 ? null : Zr({ colorScheme: i }).geomReaders(a);
   }, [
     e,
     t,
     i
   ]);
-}, Tl = 0.05, qs = ({ title: e, layout: t = "collapsible", preview: i }) => {
-  const r = M(), o = R(r), a = A(), { Slider: l, ToggleGroup: c } = E(), s = o ? Tn(o.spec.layers, "bar") : void 0, u = qe(o, s?.id ?? null);
+}, Ml = 0.05, dc = ({ title: e, layout: t = "collapsible", preview: i }) => {
+  const a = N(), o = R(a), r = A(), { Slider: l, ToggleGroup: c } = k(), s = o ? On(o.spec.layers, "bar") : void 0, u = $e(o, s?.id ?? null);
   if (!o || !s || o.coordSystem.type === "polar" && o.coordSystem.bandAxis === null) return null;
   const d = (p) => {
-    r.commands.dispatch(new rr({
+    a.commands.dispatch(new sr({
       layerId: s.id,
       width: p
     }), { transient: !0 });
   }, h = (p) => {
-    const g = Ze.find((S) => S === p);
-    g && r.commands.dispatch(new tr({
+    const v = je.find((S) => S === p);
+    v && a.commands.dispatch(new lr({
       layerId: s.id,
-      borderRadius: g
+      borderRadius: v
     }));
-  }, v = Ze.map((p) => ({
+  }, g = je.map((p) => ({
     value: p,
-    label: a(`editor.graphPanel.barSection.roundingOptions.${p}`)
+    label: r(`editor.graphPanel.barSection.roundingOptions.${p}`)
   }));
-  return /* @__PURE__ */ n(D, {
-    title: e ?? a("editor.graphPanel.barSection.title"),
+  return /* @__PURE__ */ n(_, {
+    title: e ?? r("editor.graphPanel.barSection.title"),
     layout: t,
     preview: i,
     children: /* @__PURE__ */ m(F, { children: [/* @__PURE__ */ n(C, {
-      label: a("editor.graphPanel.barSection.thickness"),
+      label: r("editor.graphPanel.barSection.thickness"),
       children: /* @__PURE__ */ n(l, {
         value: s.params.width,
-        min: $t,
-        max: qt,
-        step: Tl,
-        formatValue: st,
+        min: Yt,
+        max: jt,
+        step: Ml,
+        formatValue: ut,
         onChange: d,
-        onCommit: r.commands.seal
+        onCommit: a.commands.seal
       })
     }), /* @__PURE__ */ n(C, {
-      label: a("editor.graphPanel.barSection.rounding"),
+      label: r("editor.graphPanel.barSection.rounding"),
       layout: "stack",
       children: /* @__PURE__ */ n(c, {
-        value: u?.get("borderRadius") ?? Kt,
-        options: v,
+        value: u?.get("borderRadius") ?? Zt,
+        options: g,
         onChange: h
       })
     })] })
   });
-}, $s = ({ layerId: e, title: t, layout: i = "collapsible", preview: r }) => {
-  const o = M(), a = R(o), l = A(), { Switch: c } = E();
-  if (!a) return null;
-  const s = e === void 0 ? a.spec.layers[0] : a.spec.layers.find((N) => N.id === e);
+}, Ie = ({ children: e }) => {
+  const t = ae();
+  return /* @__PURE__ */ m(K, { children: [/* @__PURE__ */ n("g", {
+    filter: `url(#${t})`,
+    children: e
+  }), /* @__PURE__ */ n("defs", { children: /* @__PURE__ */ m("filter", {
+    id: t,
+    x: "-20%",
+    y: "-20%",
+    width: "140%",
+    height: "140%",
+    children: [/* @__PURE__ */ n("feDropShadow", {
+      dx: "0",
+      dy: "0",
+      stdDeviation: "0.586",
+      floodColor: "#0F0F18",
+      floodOpacity: "0.12"
+    }), /* @__PURE__ */ n("feDropShadow", {
+      dx: "0",
+      dy: "1.172",
+      stdDeviation: "0.586",
+      floodColor: "#0E0E34",
+      floodOpacity: "0.16"
+    })]
+  }) })] });
+}, Ae = "qdaoth0", El = (e) => /* @__PURE__ */ m(T, {
+  viewBox: "0 0 31 33",
+  ...e,
+  children: [/* @__PURE__ */ n(Ie, { children: /* @__PURE__ */ n("path", {
+    className: Ae,
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M25.7417 6.23664C25.7417 6.09417 25.7076 5.95967 25.6471 5.84086C25.5633 5.67624 25.4288 5.54173 25.2641 5.4579C25.1453 5.39739 25.0108 5.36328 24.8684 5.36328H12.0591C11.5767 5.36328 11.1857 5.7543 11.1857 6.23664C11.1857 6.71899 11.5767 7.11 12.0591 7.11H22.7599L5.61908 24.2508C5.27801 24.5919 5.27801 25.1448 5.61908 25.4859C5.96015 25.827 6.51313 25.827 6.8542 25.4859L23.995 8.34513V19.0459C23.995 19.5283 24.386 19.9193 24.8684 19.9193C25.3507 19.9193 25.7417 19.5283 25.7417 19.0459V6.23664ZM20.995 15.5878V19.0459C20.995 21.1851 22.7292 22.9193 24.8684 22.9193C27.0076 22.9193 28.7417 21.1851 28.7417 19.0459V6.23664C28.7417 4.09744 27.0076 2.36328 24.8684 2.36328H12.0591C9.91985 2.36328 8.18569 4.09744 8.18569 6.23664C8.18569 8.37584 9.91985 10.11 12.0591 10.11H15.5172L3.49777 22.1295C1.98512 23.6421 1.98513 26.0946 3.49776 27.6072C5.0104 29.1199 7.46288 29.1199 8.97552 27.6072L20.995 15.5878Z"
+  }) }), /* @__PURE__ */ n("path", {
+    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"
+  })]
+}), Rl = (e) => /* @__PURE__ */ n(T, {
+  viewBox: "0 0 32 32",
+  ...e,
+  children: /* @__PURE__ */ m(Ie, { children: [/* @__PURE__ */ n("path", {
+    className: Ae,
+    d: "M11 21H21V11H11V21ZM29 23C29 26.3137 26.3137 29 23 29H9C5.68629 29 3 26.3137 3 23V9C3 5.68629 5.68629 3 9 3H23C26.3137 3 29 5.68629 29 9V23Z"
+  }), /* @__PURE__ */ n("path", {
+    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"
+  })] })
+}), _l = (e) => /* @__PURE__ */ m(T, {
+  viewBox: "0 0 32 33",
+  ...e,
+  children: [/* @__PURE__ */ n(Ie, { children: /* @__PURE__ */ n("path", {
+    className: Ae,
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M4.89961 14.7968C3.08522 13.5116 1.89961 11.3966 1.89961 9.00039C1.89961 5.07917 5.07839 1.90039 8.99961 1.90039C10.7798 1.90039 12.4069 2.55553 13.6531 3.63785C14.3179 3.17306 15.1269 2.90039 15.9996 2.90039L22.9996 2.90039C25.264 2.90039 27.0996 4.73602 27.0996 7.00039L27.0996 9.7243C27.5717 9.92414 28.014 10.2165 28.3987 10.6013C29.9999 12.2024 29.9999 14.7984 28.3987 16.3995L27.9182 16.8801C29.2628 18.172 30.0996 19.9885 30.0996 22.0004C30.0996 25.9216 26.9208 29.1004 22.9996 29.1004C21.2195 29.1004 19.5923 28.4453 18.3461 27.3629C17.6813 27.8277 16.8723 28.1004 15.9996 28.1004L8.99961 28.1004C6.73524 28.1004 4.89961 26.2648 4.89961 24.0004L4.89961 14.7968Z"
+  }) }), /* @__PURE__ */ n("path", {
+    fill: "currentColor",
+    fillRule: "evenodd",
+    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"
+  })]
+}), Dl = (e) => /* @__PURE__ */ m(T, {
+  viewBox: "0 0 32 33",
+  ...e,
+  children: [/* @__PURE__ */ n(Ie, { children: /* @__PURE__ */ n("path", {
+    className: Ae,
+    d: "M20.7271 2C21.4372 2 21.7114 2.00463 22.0841 2.03504C22.8228 2.0954 23.4839 2.25122 24.1592 2.59527C25.1865 3.1188 26.0219 3.9541 26.5458 4.98208C26.8896 5.65706 27.0454 6.31812 27.1057 7.05672C27.1301 7.35469 27.1379 7.58979 27.14 8.03558L27.1408 9.10155C27.1408 11.2114 25.4304 12.922 23.3205 12.922C21.4083 12.922 19.8243 11.5172 19.5441 9.68336L19.538 9.64H18.39V21.687L20.0392 21.6877C22.149 21.6877 23.8595 23.398 23.8595 25.508C23.8595 27.6178 22.149 29.3283 20.0392 29.3283H9.10159C6.99169 29.3283 5.28127 27.6178 5.28127 25.508C5.28127 23.398 6.99172 21.6877 9.10159 21.6877L10.75 21.687V9.64H9.601L9.59661 9.68334C9.32609 11.4539 7.84018 12.8246 6.01692 12.917L5.82032 12.922C3.71035 12.922 2 11.2114 2 9.10155V8.41371C2 7.70349 2.00463 7.42929 2.03504 7.05674C2.09538 6.31803 2.25122 5.65681 2.59521 4.98173C3.11877 3.95419 3.95418 3.11876 4.98174 2.5952C5.65683 2.25122 6.31798 2.09539 7.057 2.03501C7.42935 2.00463 7.70354 2 8.41371 2H20.7271Z"
+  }) }), /* @__PURE__ */ n("path", {
+    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"
+  })]
+}), Hl = {
+  x: 0.5,
+  y: 0.5
+}, zl = 0.2, Vl = {
+  x: 0.375,
+  y: 0.25,
+  width: 0.25,
+  height: 0.5
+}, Fl = {
+  fillColor: null,
+  fillOpacity: 0.25,
+  strokeWidth: 0,
+  zOrder: "background"
+}, Bl = {
+  x: 0.4,
+  y: 0.6
+}, Kl = {
+  x: 0.6,
+  y: 0.4
+}, Gl = "relative-difference", hc = ({ title: e, layout: t = "collapsible", preview: i }) => {
+  const a = N(), o = R(a), r = A(), { Button: l } = k();
+  if (!o) return null;
+  const c = () => {
+    a.commands.dispatch(new j({
+      kind: "text",
+      annotation: {
+        ...Er,
+        content: Ul(r("editor.annotatePanel.callOutSection.text")),
+        at: {
+          anchorType: "panel",
+          ...Hl
+        },
+        width: zl
+      }
+    }));
+  }, s = () => {
+    a.commands.dispatch(new j({
+      kind: "arrow",
+      annotation: {
+        ...Ut,
+        start: {
+          anchorType: "panel",
+          ...Bl
+        },
+        end: {
+          anchorType: "panel",
+          ...Kl
+        }
+      }
+    }));
+  }, u = () => {
+    a.commands.dispatch(new j({
+      kind: "shape",
+      annotation: {
+        ...Jt,
+        ...Fl,
+        region: {
+          anchorType: "panel",
+          ...Vl
+        }
+      }
+    }));
+  }, d = () => {
+    const g = na(o);
+    g !== null && a.commands.dispatch(new j({
+      kind: "differenceArrow",
+      annotation: {
+        ...Pn,
+        ...g,
+        label: Gl
+      }
+    }));
+  }, h = o.coordSystem.type === "cartesian";
+  return /* @__PURE__ */ n(_, {
+    title: e ?? r("editor.annotatePanel.callOutSection.title"),
+    layout: t,
+    preview: i,
+    children: /* @__PURE__ */ m(st, { children: [
+      /* @__PURE__ */ n(l, {
+        variant: "tile",
+        icon: /* @__PURE__ */ n(Dl, { size: "xl" }),
+        label: r("editor.annotatePanel.callOutSection.text"),
+        onClick: c
+      }),
+      /* @__PURE__ */ n(l, {
+        variant: "tile",
+        icon: /* @__PURE__ */ n(El, { size: "xl" }),
+        label: r("editor.annotatePanel.callOutSection.arrow"),
+        onClick: s
+      }),
+      /* @__PURE__ */ n(l, {
+        variant: "tile",
+        icon: /* @__PURE__ */ n(Rl, { size: "xl" }),
+        label: r("editor.annotatePanel.callOutSection.box"),
+        onClick: u
+      }),
+      h && /* @__PURE__ */ n(l, {
+        variant: "tile",
+        icon: /* @__PURE__ */ n(_l, { size: "xl" }),
+        label: r("editor.annotatePanel.callOutSection.difference"),
+        onClick: d
+      })
+    ] })
+  });
+}, Ul = (e) => ({
+  type: "doc",
+  content: [{
+    type: "paragraph",
+    content: [{
+      type: "text",
+      text: e
+    }]
+  }]
+}), uc = ({ layerId: e, title: t, layout: i = "collapsible", preview: a }) => {
+  const o = N(), r = R(o), l = A(), { Switch: c } = k();
+  if (!r) return null;
+  const s = e === void 0 ? r.spec.layers[0] : r.spec.layers.find((M) => M.id === e);
   if (!s) return null;
-  const { showDataLabels: u, format: d, showStackTotals: h, showCategoryLabels: v } = s.dataLabels, p = a.coordSystem.type === "polar", g = s.geom === "bar", S = s.position === "stack" || s.position === "fill", P = g && !p && s.position === "stack", y = g && (!p || u), f = g || s.geom === "area" && S;
-  if (!Vr(s.geom, a.coordSystem.type)) return null;
-  const x = (N) => {
-    const H = new Or({
+  const { showDataLabels: u, format: d, showStackTotals: h, showCategoryLabels: g } = s.dataLabels, p = r.coordSystem.type === "polar", v = s.geom === "bar", S = s.position === "stack" || s.position === "fill", P = v && !p && s.position === "stack", y = v && (!p || u), f = v || s.geom === "area" && S;
+  if (!Wr(s.geom, r.coordSystem.type)) return null;
+  const x = (M) => {
+    const z = new _r({
       layerId: s.id,
-      showDataLabels: N
+      showDataLabels: M
     });
-    o.commands.dispatch(H);
-  }, T = (N) => {
-    const H = new cr({
+    o.commands.dispatch(z);
+  }, I = (M) => {
+    const z = new pr({
       layerId: s.id,
-      format: N ? "percentage" : "absolute"
+      format: M ? "percentage" : "absolute"
     });
-    o.commands.dispatch(H);
-  }, z = (N) => {
-    const H = new Mr({
+    o.commands.dispatch(z);
+  }, H = (M) => {
+    const z = new zr({
       layerId: s.id,
-      showStackTotals: N
+      showStackTotals: M
     });
-    o.commands.dispatch(H);
-  }, B = (N) => {
-    const H = new Lr({
+    o.commands.dispatch(z);
+  }, B = (M) => {
+    const z = new Rr({
       layerId: s.id,
-      showCategoryLabels: N
+      showCategoryLabels: M
     });
-    o.commands.dispatch(H);
+    o.commands.dispatch(z);
   };
-  return /* @__PURE__ */ n(D, {
+  return /* @__PURE__ */ n(_, {
     title: t ?? l("editor.graphPanel.graphOptionsSection.title"),
     layout: i,
-    preview: r,
+    preview: a,
     children: /* @__PURE__ */ m(F, { children: [
       /* @__PURE__ */ n(C, {
         label: l("editor.graphPanel.graphOptions.dataLabels"),
@@ -2882,26 +3066,26 @@ var cl = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: i, accessory
         label: l("editor.graphPanel.graphOptions.showPercentages"),
         children: /* @__PURE__ */ n(c, {
           isChecked: d === "percentage",
-          onChange: T
+          onChange: I
         })
       }),
       P && /* @__PURE__ */ n(C, {
         label: l("editor.graphPanel.graphOptions.stackTotals"),
         children: /* @__PURE__ */ n(c, {
           isChecked: h,
-          onChange: z
+          onChange: H
         })
       }),
       y && /* @__PURE__ */ n(C, {
         label: l("editor.graphPanel.graphOptions.categoryLabels"),
         children: /* @__PURE__ */ n(c, {
-          isChecked: v,
+          isChecked: g,
           onChange: B
         })
       })
     ] })
   });
-}, Al = (e) => /* @__PURE__ */ m(I, {
+}, Wl = (e) => /* @__PURE__ */ m(T, {
   viewBox: "0 0 16 16",
   ...e,
   children: [/* @__PURE__ */ n("path", {
@@ -2913,7 +3097,7 @@ var cl = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: i, accessory
     fillOpacity: "0.3",
     d: "M5.744 5.565 0 11.826V8l5.744-6.957 4.718 2.087L16 0v6.957l-5.538 4z"
   })]
-}), Ll = (e) => /* @__PURE__ */ n(I, {
+}), ql = (e) => /* @__PURE__ */ n(T, {
   viewBox: "0 0 16 16",
   ...e,
   children: /* @__PURE__ */ m("g", {
@@ -2955,7 +3139,7 @@ var cl = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: i, accessory
       })
     ]
   })
-}), Ol = (e) => /* @__PURE__ */ n(I, {
+}), Zl = (e) => /* @__PURE__ */ n(T, {
   viewBox: "0 0 16 16",
   ...e,
   children: /* @__PURE__ */ m("g", {
@@ -2970,7 +3154,7 @@ var cl = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: i, 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"
     })]
   })
-}), Nl = (e) => /* @__PURE__ */ n(I, {
+}), $l = (e) => /* @__PURE__ */ n(T, {
   viewBox: "0 0 16 16",
   ...e,
   children: /* @__PURE__ */ m("g", {
@@ -2985,7 +3169,7 @@ var cl = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: i, 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"
     })]
   })
-}), kl = (e) => /* @__PURE__ */ m(I, {
+}), Xl = (e) => /* @__PURE__ */ m(T, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -3024,7 +3208,7 @@ var cl = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: i, accessory
       rx: ".533"
     })
   ]
-}), Ml = (e) => /* @__PURE__ */ m(I, {
+}), jl = (e) => /* @__PURE__ */ m(T, {
   viewBox: "0 0 16 16",
   ...e,
   children: [/* @__PURE__ */ n("path", {
@@ -3036,7 +3220,7 @@ var cl = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: i, 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"
   })]
-}), El = (e) => /* @__PURE__ */ m(I, {
+}), Yl = (e) => /* @__PURE__ */ m(T, {
   viewBox: "0 0 16 16",
   ...e,
   children: [/* @__PURE__ */ n("path", {
@@ -3048,7 +3232,7 @@ var cl = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: i, 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"
   })]
-}), _l = (e) => /* @__PURE__ */ n(I, {
+}), Ql = (e) => /* @__PURE__ */ n(T, {
   viewBox: "0 0 16 16",
   ...e,
   children: /* @__PURE__ */ m("g", {
@@ -3083,7 +3267,7 @@ var cl = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: i, accessory
       })
     ]
   })
-}), Rl = (e) => /* @__PURE__ */ n(I, {
+}), Jl = (e) => /* @__PURE__ */ n(T, {
   viewBox: "0 0 16 16",
   ...e,
   children: /* @__PURE__ */ m("g", {
@@ -3160,7 +3344,7 @@ var cl = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: i, accessory
       ]
     })]
   })
-}), Dl = (e) => /* @__PURE__ */ m(I, {
+}), es = (e) => /* @__PURE__ */ m(T, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -3182,7 +3366,7 @@ var cl = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: i, accessory
       d: "M15.999 8a8 8 0 0 1-7.588 7.989l-.412.01V8z"
     })
   ]
-}), zl = (e) => /* @__PURE__ */ n(I, {
+}), ns = (e) => /* @__PURE__ */ n(T, {
   viewBox: "0 0 16 16",
   ...e,
   children: /* @__PURE__ */ m("g", {
@@ -3226,10 +3410,10 @@ var cl = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: i, accessory
       })
     ]
   })
-}), Hl = 0.55, Me = [
+}), ts = 0.55, Re = [
   {
     name: "column",
-    icon: kl,
+    icon: Xl,
     summary: {
       coordType: "cartesian",
       geom: "bar",
@@ -3238,7 +3422,7 @@ var cl = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: i, accessory
   },
   {
     name: "columnStacked",
-    icon: El,
+    icon: Yl,
     summary: {
       coordType: "cartesian",
       geom: "bar",
@@ -3247,7 +3431,7 @@ var cl = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: i, accessory
   },
   {
     name: "columnStackedFill",
-    icon: Ml,
+    icon: jl,
     summary: {
       coordType: "cartesian",
       geom: "bar",
@@ -3256,7 +3440,7 @@ var cl = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: i, accessory
   },
   {
     name: "bar",
-    icon: Ll,
+    icon: ql,
     summary: {
       coordType: "flip",
       geom: "bar",
@@ -3265,7 +3449,7 @@ var cl = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: i, accessory
   },
   {
     name: "barStacked",
-    icon: Nl,
+    icon: $l,
     summary: {
       coordType: "flip",
       geom: "bar",
@@ -3274,7 +3458,7 @@ var cl = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: i, accessory
   },
   {
     name: "barStackedFill",
-    icon: Ol,
+    icon: Zl,
     summary: {
       coordType: "flip",
       geom: "bar",
@@ -3283,7 +3467,7 @@ var cl = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: i, accessory
   },
   {
     name: "line",
-    icon: Rl,
+    icon: Jl,
     summary: {
       coordType: "cartesian",
       geom: "line",
@@ -3292,7 +3476,7 @@ var cl = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: i, accessory
   },
   {
     name: "areaStacked",
-    icon: Al,
+    icon: Wl,
     summary: {
       coordType: "cartesian",
       geom: "area",
@@ -3301,7 +3485,7 @@ var cl = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: i, accessory
   },
   {
     name: "scatter",
-    icon: zl,
+    icon: ns,
     summary: {
       coordType: "cartesian",
       geom: "point",
@@ -3310,7 +3494,7 @@ var cl = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: i, accessory
   },
   {
     name: "pie",
-    icon: Dl,
+    icon: es,
     summary: {
       coordType: "polar",
       geom: "bar",
@@ -3321,159 +3505,159 @@ var cl = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: i, accessory
   },
   {
     name: "donut",
-    icon: _l,
+    icon: Ql,
     summary: {
       coordType: "polar",
       geom: "bar",
       position: "fill",
       theta: "y",
-      innerRadius: Hl
+      innerRadius: ts
     }
   }
-], Vl = 0.05, Fl = (e) => e === null ? null : Me.find((t) => Kl(t.summary, e)) ?? null, Bl = (e, t) => {
+], rs = 0.05, as = (e) => e === null ? null : Re.find((t) => is(t.summary, e)) ?? null, os = (e, t) => {
   const { summary: i } = e;
-  return i.coordType !== "polar" || !ye(i.innerRadius) || t === null || t.coordType !== "polar" || !ye(t.innerRadius) ? i : {
+  return i.coordType !== "polar" || !Se(i.innerRadius) || t === null || t.coordType !== "polar" || !Se(t.innerRadius) ? i : {
     ...i,
     innerRadius: t.innerRadius
   };
-}, Kl = (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 && ye(e.innerRadius) === ye(t.innerRadius), ye = (e) => e >= Vl, Gl = 3, Zs = ({ title: e, layout: t = "collapsible", preview: i }) => {
-  const r = M(), o = R(r), a = A(), { RadioGrid: l } = E(), c = k(() => Me.map(({ name: h, icon: v }) => ({
+}, is = (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 && Se(e.innerRadius) === Se(t.innerRadius), Se = (e) => e >= rs, ls = 3, mc = ({ title: e, layout: t = "collapsible", preview: i }) => {
+  const a = N(), o = R(a), r = A(), { RadioGrid: l } = k(), c = E(() => Re.map(({ name: h, icon: g }) => ({
     value: h,
-    label: a(`editor.graphTypes.${h}`),
-    icon: /* @__PURE__ */ n(v, { size: "md" })
-  })), [a]);
+    label: r(`editor.graphTypes.${h}`),
+    icon: /* @__PURE__ */ n(g, { size: "md" })
+  })), [r]);
   if (!o) return null;
-  const s = Jr(o.spec), u = Fl(s), d = (h) => {
-    const v = Me.find((p) => p.name === h);
-    v && r.commands.dispatch(new ar(Bl(v, s)));
+  const s = ia(o.spec), u = as(s), d = (h) => {
+    const g = Re.find((p) => p.name === h);
+    g && a.commands.dispatch(new cr(os(g, s)));
   };
-  return /* @__PURE__ */ n(D, {
-    title: e ?? a("editor.graphPanel.graphTypeSection.title"),
+  return /* @__PURE__ */ n(_, {
+    title: e ?? r("editor.graphPanel.graphTypeSection.title"),
     layout: t,
-    preview: i ?? a(u === null ? "editor.graphTypes.combo" : `editor.graphTypes.${u.name}`),
+    preview: i ?? r(u === null ? "editor.graphTypes.combo" : `editor.graphTypes.${u.name}`),
     children: /* @__PURE__ */ n(l, {
       value: u?.name ?? "",
       options: c,
-      columns: Gl,
+      columns: ls,
       onChange: d,
-      ariaLabel: a("editor.graphPanel.graphTypeSection.title")
+      ariaLabel: r("editor.graphPanel.graphTypeSection.title")
     })
   });
-}, gn = [
+}, fn = [
   "solid",
   "dashed",
   "dotted"
-], Ul = Number.parseFloat(kt.gridLineWidth), Wl = 8, ql = 0, js = ({ title: e, layout: t = "collapsible", preview: i }) => {
-  const r = M(), o = R(r), a = A(), { Slider: l, Switch: c, ToggleGroup: s } = E(), { themeValues: u } = De();
+], ss = Number.parseFloat(_t.gridLineWidth), cs = 8, ds = 0, pc = ({ title: e, layout: t = "collapsible", preview: i }) => {
+  const a = N(), o = R(a), r = A(), { Slider: l, Switch: c, ToggleGroup: s } = k(), { themeValues: u } = ze();
   if (!o) return null;
-  const d = o.guides.axes.filter($l);
+  const d = o.guides.axes.filter(hs);
   if (d.length === 0) return null;
-  const h = o.coordSystem.type !== "polar", v = d.some((f) => f.gridVisible), p = o.config.axes.y.grid, g = gn.map((f) => ({
+  const h = o.coordSystem.type !== "polar", g = d.some((f) => f.gridVisible), p = o.config.axes.y.grid, v = fn.map((f) => ({
     value: f,
-    label: a(`editor.graphPanel.gridSection.lineStyles.${f}`)
+    label: r(`editor.graphPanel.gridSection.lineStyles.${f}`)
   })), S = (f) => (x) => {
-    r.commands.dispatch(new ur({
+    a.commands.dispatch(new fr({
       axis: f,
       isVisible: x
     }));
   }, P = (f) => {
-    const x = gn.find((T) => T === f);
-    x && r.commands.dispatch(new dr({
+    const x = fn.find((I) => I === f);
+    x && a.commands.dispatch(new gr({
       axis: "both",
       lineStyle: x
     }));
   }, y = (f) => {
-    r.commands.dispatch(new hr({
+    a.commands.dispatch(new vr({
       axis: "both",
       lineWidth: f
     }), { transient: !0 });
   };
-  return /* @__PURE__ */ n(D, {
-    title: e ?? a("editor.graphPanel.gridSection.title"),
+  return /* @__PURE__ */ n(_, {
+    title: e ?? r("editor.graphPanel.gridSection.title"),
     layout: t,
     preview: i,
     children: /* @__PURE__ */ m(F, { children: [d.map((f) => /* @__PURE__ */ n(C, {
-      label: a(Zl(f)),
+      label: r(us(f)),
       children: /* @__PURE__ */ n(c, {
         isChecked: f.gridVisible,
         onChange: S(f.scaleAestheticKey)
       })
-    }, f.scaleAestheticKey)), h && v && /* @__PURE__ */ m(W, { children: [/* @__PURE__ */ n(C, {
-      label: a("editor.graphPanel.gridSection.gridStyle"),
+    }, f.scaleAestheticKey)), h && g && /* @__PURE__ */ m(K, { children: [/* @__PURE__ */ n(C, {
+      label: r("editor.graphPanel.gridSection.gridStyle"),
       children: /* @__PURE__ */ n(s, {
         value: p.lineStyle,
-        options: g,
+        options: v,
         onChange: P
       })
     }), /* @__PURE__ */ n(C, {
-      label: a("editor.graphPanel.gridSection.gridThickness"),
+      label: r("editor.graphPanel.gridSection.gridThickness"),
       children: /* @__PURE__ */ n(l, {
-        value: p.lineWidth ?? Ot(u.gridLineWidth, Ul),
-        min: ql,
-        max: Wl,
+        value: p.lineWidth ?? Et(u.gridLineWidth, ss),
+        min: ds,
+        max: cs,
         step: 0.5,
-        formatValue: Ie,
+        formatValue: Pe,
         onChange: y,
-        onCommit: r.commands.seal
+        onCommit: a.commands.seal
       })
     })] })] })
   });
-}, $l = (e) => e.scaleAestheticKey === "x" || e.scaleAestheticKey === "y", Zl = (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", jl = "total", ct = [
+}, hs = (e) => e.scaleAestheticKey === "x" || e.scaleAestheticKey === "y", us = (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", ms = "total", mt = [
   "total",
   "average",
   "current"
-], Xl = ["total"], vn = ["previous", "first"], fn = [
+], ps = ["total"], Cn = ["previous", "first"], bn = [
   "auto",
   "small",
   "medium",
   "large"
-], Xs = ({ title: e, layout: t = "collapsible", preview: i }) => {
-  const r = M(), o = R(r), a = A(), { Switch: l, ToggleGroup: c } = E();
+], gc = ({ title: e, layout: t = "collapsible", preview: i }) => {
+  const a = N(), o = R(a), r = A(), { Switch: l, ToggleGroup: c } = k();
   if (!o) return null;
-  const s = o.config.headline, u = s.show !== "none", d = o.coordSystem, h = d.type === "polar", v = d.type === "polar" && d.innerRadius > 0, p = o.layers.some((w) => w.summary.grandTotal !== void 0);
+  const s = o.config.headline, u = s.show !== "none", d = o.coordSystem, h = d.type === "polar", g = d.type === "polar" && d.innerRadius > 0, p = o.layers.some((w) => w.summary.grandTotal !== void 0);
   if (h && !p) return null;
-  const g = h ? Xl : ct, S = o.guides.headline, P = S?.kind === "perGroup" && S.items.some((w) => w.comparison !== null), y = g.map((w) => ({
+  const v = h ? ps : mt, S = o.guides.headline, P = S?.kind === "perGroup" && S.items.some((w) => w.comparison !== null), y = v.map((w) => ({
     value: w,
-    label: a(`editor.graphPanel.headlineNumberSection.metrics.${w}`)
-  })), f = vn.map((w) => ({
+    label: r(`editor.graphPanel.headlineNumberSection.metrics.${w}`)
+  })), f = Cn.map((w) => ({
     value: w,
-    label: a(`editor.graphPanel.headlineNumberSection.comparison.${w}`)
-  })), x = fn.map((w) => ({
+    label: r(`editor.graphPanel.headlineNumberSection.comparison.${w}`)
+  })), x = bn.map((w) => ({
     value: w,
-    label: a(w === "auto" ? "editor.graphPanel.numberFormat.options.auto" : `editor.graphPanel.headlineNumberSize.sizes.${w}`)
-  })), T = [{
+    label: r(w === "auto" ? "editor.graphPanel.numberFormat.options.auto" : `editor.graphPanel.headlineNumberSize.sizes.${w}`)
+  })), I = [{
     value: "above",
-    label: a("editor.graphPanel.headlineNumberSection.position.above")
+    label: r("editor.graphPanel.headlineNumberSection.position.above")
   }, {
     value: "center",
-    label: a("editor.graphPanel.headlineNumberSection.position.center")
-  }], z = (w) => {
-    r.commands.dispatch(new je({ show: w ? jl : "none" }));
+    label: r("editor.graphPanel.headlineNumberSection.position.center")
+  }], H = (w) => {
+    a.commands.dispatch(new Ye({ show: w ? ms : "none" }));
   }, B = (w) => {
-    const O = g.find((Q) => Q === w);
-    O && r.commands.dispatch(new je({ show: O }));
-  }, N = (w) => {
-    const O = vn.find((Q) => Q === w);
-    O && r.commands.dispatch(new mr({ compareWith: O }));
-  }, H = (w) => {
-    const O = fn.find((Q) => Q === w);
-    O && r.commands.dispatch(new gr({ size: O }));
+    const O = v.find((J) => J === w);
+    O && a.commands.dispatch(new Ye({ show: O }));
+  }, M = (w) => {
+    const O = Cn.find((J) => J === w);
+    O && a.commands.dispatch(new Cr({ compareWith: O }));
+  }, z = (w) => {
+    const O = bn.find((J) => J === w);
+    O && a.commands.dispatch(new yr({ size: O }));
   }, L = (w) => {
-    r.commands.dispatch(new pr({ position: w === "center" ? "center" : "above" }));
+    a.commands.dispatch(new br({ position: w === "center" ? "center" : "above" }));
   };
-  return /* @__PURE__ */ n(D, {
-    title: e ?? a("editor.graphPanel.headlineNumberSection.title"),
+  return /* @__PURE__ */ n(_, {
+    title: e ?? r("editor.graphPanel.headlineNumberSection.title"),
     layout: t,
-    preview: i ?? Yl(a, s.show),
+    preview: i ?? gs(r, s.show),
     children: /* @__PURE__ */ m(F, { children: [/* @__PURE__ */ n(C, {
-      label: a("editor.graphPanel.headlineNumberSection.toggle"),
+      label: r("editor.graphPanel.headlineNumberSection.toggle"),
       children: /* @__PURE__ */ n(l, {
         isChecked: u,
-        onChange: z
+        onChange: H
       })
-    }), u && /* @__PURE__ */ m(W, { children: [
+    }), u && /* @__PURE__ */ m(K, { children: [
       y.length > 1 && /* @__PURE__ */ n(C, {
-        label: a("editor.graphPanel.headlineNumberSection.metricLabel"),
+        label: r("editor.graphPanel.headlineNumberSection.metricLabel"),
         layout: "stack",
         children: /* @__PURE__ */ n(c, {
           value: s.show,
@@ -3482,82 +3666,82 @@ var cl = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: i, accessory
         })
       }),
       P && /* @__PURE__ */ n(C, {
-        label: a("editor.graphPanel.headlineNumberSection.compareWithLabel"),
+        label: r("editor.graphPanel.headlineNumberSection.compareWithLabel"),
         layout: "stack",
         children: /* @__PURE__ */ n(c, {
-          value: na(s.compareWith),
+          value: sa(s.compareWith),
           options: f,
-          onChange: N
+          onChange: M
         })
       }),
       /* @__PURE__ */ n(C, {
-        label: a("editor.graphPanel.headlineNumberSize.sizeLabel"),
+        label: r("editor.graphPanel.headlineNumberSize.sizeLabel"),
         children: /* @__PURE__ */ n(c, {
           value: s.size,
           options: x,
-          onChange: H
+          onChange: z
         })
       }),
-      v && /* @__PURE__ */ n(C, {
-        label: a("editor.axesPanel.controls.position"),
+      g && /* @__PURE__ */ n(C, {
+        label: r("editor.axesPanel.controls.position"),
         children: /* @__PURE__ */ n(c, {
           value: s.position,
-          options: T,
+          options: I,
           onChange: L
         })
       })
     ] })] })
   });
-}, Yl = (e, t) => {
-  const i = ct.find((r) => r === t);
+}, gs = (e, t) => {
+  const i = mt.find((a) => a === t);
   return i && e(`editor.graphPanel.headlineNumberSection.metrics.${i}`);
-}, Ae = [
+}, Oe = [
   "top",
   "bottom",
   "left",
   "right",
   "none"
-], Cn = [
+], yn = [
   "auto",
   "start",
   "center",
   "end"
-], bn = [
+], Sn = [
   "auto",
   "pill",
   "direct"
-], Ys = ({ positions: e, title: t, layout: i = "collapsible", preview: r }) => {
-  const o = M(), a = R(o), l = A(), { ToggleGroup: c } = E();
-  if (!a) return null;
-  const s = a.config.legend.position, u = e ?? Ae, d = a.guides.legends.drawn[0], h = Hr({
-    legendPosition: a.guides.legends.position,
-    coordSystem: a.coordSystem,
-    layers: a.layers
-  }), v = a.guides.headline?.kind === "perGroup", p = a.guides.colorGroups.length > 0;
-  if (s === "auto" && d === void 0 && !h && (v || !p)) return null;
-  const g = d?.position ?? "none", S = s === "auto" ? g : s, P = Ae.filter((L) => L === S || u.includes(L)).map((L) => ({
+], vc = ({ positions: e, title: t, layout: i = "collapsible", preview: a }) => {
+  const o = N(), r = R(o), l = A(), { ToggleGroup: c } = k();
+  if (!r) return null;
+  const s = r.config.legend.position, u = e ?? Oe, d = r.guides.legends.drawn[0], h = Ur({
+    legendPosition: r.guides.legends.position,
+    coordSystem: r.coordSystem,
+    layers: r.layers
+  }), g = r.guides.headline?.kind === "perGroup", p = r.guides.colorGroups.length > 0;
+  if (s === "auto" && d === void 0 && !h && (g || !p)) return null;
+  const v = d?.position ?? "none", S = s === "auto" ? v : s, P = Oe.filter((L) => L === S || u.includes(L)).map((L) => ({
     value: L,
     label: l(`editor.graphPanel.legendSection.${L}`)
   })), y = (L) => {
-    const w = Ae.find((O) => O === L);
-    w && o.commands.dispatch(new br({ position: w }));
+    const w = Oe.find((O) => O === L);
+    w && o.commands.dispatch(new Tr({ position: w }));
   }, f = (L) => {
-    const w = Cn.find((O) => O === L);
-    w && o.commands.dispatch(new fr({ align: w }));
+    const w = yn.find((O) => O === L);
+    w && o.commands.dispatch(new wr({ align: w }));
   }, x = (L) => {
-    const w = bn.find((O) => O === L);
-    w && o.commands.dispatch(new Cr({ display: w }));
-  }, T = Cn.map((L) => ({
+    const w = Sn.find((O) => O === L);
+    w && o.commands.dispatch(new xr({ display: w }));
+  }, I = yn.map((L) => ({
     value: L,
     label: l(`editor.graphPanel.legendSection.align.${L}`)
-  })), z = bn.map((L) => ({
+  })), H = Sn.map((L) => ({
     value: L,
     label: l(`editor.graphPanel.legendSection.display.${L}`)
-  })), B = t ?? l("editor.graphPanel.legendSection.title"), N = P.find((L) => L.value === S)?.label, H = d !== void 0;
-  return /* @__PURE__ */ n(D, {
+  })), B = t ?? l("editor.graphPanel.legendSection.title"), M = P.find((L) => L.value === S)?.label, z = d !== void 0;
+  return /* @__PURE__ */ n(_, {
     title: B,
     layout: i,
-    preview: r ?? N,
+    preview: a ?? M,
     children: /* @__PURE__ */ m(F, { children: [
       /* @__PURE__ */ n(C, {
         label: l("editor.axesPanel.controls.position"),
@@ -3568,12 +3752,12 @@ var cl = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: i, accessory
           onChange: y
         })
       }),
-      H && /* @__PURE__ */ n(C, {
+      z && /* @__PURE__ */ n(C, {
         label: l("editor.graphPanel.legendSection.alignLabel"),
         layout: "stack",
         children: /* @__PURE__ */ n(c, {
-          value: a.config.legend.align,
-          options: T,
+          value: r.config.legend.align,
+          options: I,
           onChange: f
         })
       }),
@@ -3581,139 +3765,139 @@ var cl = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: i, accessory
         label: l("editor.graphPanel.legendSection.displayLabel"),
         layout: "stack",
         children: /* @__PURE__ */ n(c, {
-          value: a.config.legend.display,
-          options: z,
+          value: r.config.legend.display,
+          options: H,
           onChange: x
         })
       })
     ] })
   });
-}, Ql = 1, Jl = 20, es = 0.5, dt = ({ layerId: e }) => {
-  const t = M(), i = R(t), { Slider: r } = E(), o = qe(i, e);
+}, vs = 1, fs = 20, Cs = 0.5, pt = ({ layerId: e }) => {
+  const t = N(), i = R(t), { Slider: a } = k(), o = $e(i, e);
   if (!i) return null;
-  const a = (l) => {
-    const c = new xr({
+  const r = (l) => {
+    const c = new Lr({
       layerId: e,
       size: l
     });
     t.commands.dispatch(c, { transient: !0 });
   };
-  return /* @__PURE__ */ n(r, {
-    value: o?.get("size") ?? Gt,
-    min: Ql,
-    max: Jl,
-    step: es,
-    formatValue: Ie,
-    onChange: a,
+  return /* @__PURE__ */ n(a, {
+    value: o?.get("size") ?? $t,
+    min: vs,
+    max: fs,
+    step: Cs,
+    formatValue: Pe,
+    onChange: r,
     onCommit: t.commands.seal
   });
-}, ns = 1, ts = 10, rs = 0.1, as = [
+}, bs = 1, ys = 10, Ss = 0.1, ws = [
   "gap",
   "zero",
   "connect"
-], Qs = ({ title: e, layout: t = "collapsible", preview: i }) => {
-  const r = M(), o = R(r), a = A(), { Select: l, Slider: c, Switch: s, ToggleGroup: u } = E(), d = o?.spec.layers ?? [], h = Tn(d, "line", "area"), v = qe(o, h?.id ?? null);
+], fc = ({ title: e, layout: t = "collapsible", preview: i }) => {
+  const a = N(), o = R(a), r = A(), { Select: l, Slider: c, Switch: s, ToggleGroup: u } = k(), d = o?.spec.layers ?? [], h = On(d, "line", "area"), g = $e(o, h?.id ?? null);
   if (!o || !h) return null;
-  const p = o.coordSystem.type === "polar", g = ls(a, h), S = is(h, d), P = yn(o.spec, h.geom, "strokeWidth", h.id), y = typeof P == "number", f = h.geom === "line" ? h : void 0, x = [{
+  const p = o.coordSystem.type === "polar", v = Ps(r, h), S = Ts(h, d), P = wn(o.spec, h.geom, "strokeWidth", h.id), y = typeof P == "number", f = h.geom === "line" ? h : void 0, x = [{
     value: "auto",
-    label: a("editor.graphPanel.numberFormat.options.auto")
+    label: r("editor.graphPanel.numberFormat.options.auto")
   }, {
     value: "custom",
-    label: a("editor.graphPanel.numberFormat.options.custom")
-  }], T = (w) => {
-    r.commands.dispatch(new kr({
+    label: r("editor.graphPanel.numberFormat.options.custom")
+  }], I = (w) => {
+    a.commands.dispatch(new Hr({
       layerId: h.id,
       showPoints: w
     }));
-  }, z = (w) => {
-    f && r.commands.dispatch(new Nr({
+  }, H = (w) => {
+    f && a.commands.dispatch(new Dr({
       layerId: f.id,
       showFill: w
     }));
   }, B = (w) => {
-    r.commands.dispatch(new yr({
+    a.commands.dispatch(new Pr({
       layerId: h.id,
       interpolate: w ? "catmull-rom" : "linear"
     }));
-  }, N = (w) => {
-    const O = v?.get("strokeWidth") ?? Ut;
-    r.commands.dispatch(new Xe({
+  }, M = (w) => {
+    const O = g?.get("strokeWidth") ?? Xt;
+    a.commands.dispatch(new Qe({
       layerId: h.id,
       lineWidth: w === "custom" ? O : null
     }));
-  }, H = (w) => {
-    r.commands.dispatch(new Xe({
+  }, z = (w) => {
+    a.commands.dispatch(new Qe({
       layerId: h.id,
       lineWidth: w
     }), { transient: !0 });
   }, L = (w) => {
-    const O = os(w);
-    O && r.commands.dispatch(new Sr({
+    const O = xs(w);
+    O && a.commands.dispatch(new Ir({
       layerId: h.id,
       missingValues: O
     }));
   };
-  return /* @__PURE__ */ n(D, {
-    title: e ?? a("editor.fineTunePanel.lineStyleSection.title"),
+  return /* @__PURE__ */ n(_, {
+    title: e ?? r("editor.fineTunePanel.lineStyleSection.title"),
     layout: t,
     preview: i,
     children: /* @__PURE__ */ m(F, { children: [
       /* @__PURE__ */ n(C, {
-        label: a("editor.graphPanel.graphOptions.showPoints"),
+        label: r("editor.graphPanel.graphOptions.showPoints"),
         children: /* @__PURE__ */ n(s, {
           isChecked: S !== void 0,
-          onChange: T
+          onChange: I
         })
       }),
       S && /* @__PURE__ */ n(C, {
-        label: a("editor.graphPanel.pointSize.label"),
-        children: /* @__PURE__ */ n(dt, { layerId: S.id })
+        label: r("editor.graphPanel.pointSize.label"),
+        children: /* @__PURE__ */ n(pt, { layerId: S.id })
       }),
       f && !p && /* @__PURE__ */ n(C, {
-        label: a("editor.graphPanel.graphOptions.lineFill"),
+        label: r("editor.graphPanel.graphOptions.lineFill"),
         children: /* @__PURE__ */ n(s, {
-          isChecked: yn(o.spec, "line", "fillAlpha", f.id) !== void 0,
-          onChange: z
+          isChecked: wn(o.spec, "line", "fillAlpha", f.id) !== void 0,
+          onChange: H
         })
       }),
       !p && /* @__PURE__ */ n(C, {
-        label: a("editor.graphPanel.graphOptions.smoothLines"),
+        label: r("editor.graphPanel.graphOptions.smoothLines"),
         children: /* @__PURE__ */ n(s, {
           isChecked: h.params.interpolate === "catmull-rom",
           onChange: B
         })
       }),
       /* @__PURE__ */ n(C, {
-        label: a("editor.graphPanel.lineThickness.label"),
+        label: r("editor.graphPanel.lineThickness.label"),
         children: /* @__PURE__ */ n(u, {
           value: y ? "custom" : "auto",
           options: x,
-          onChange: N
+          onChange: M
         })
       }),
       y && /* @__PURE__ */ n(C, {
-        label: a("editor.graphPanel.numberFormat.valueLabel"),
+        label: r("editor.graphPanel.numberFormat.valueLabel"),
         children: /* @__PURE__ */ n(c, {
           value: P,
-          min: ns,
-          max: ts,
-          step: rs,
-          formatValue: Ie,
-          onChange: H,
-          onCommit: r.commands.seal
+          min: bs,
+          max: ys,
+          step: Ss,
+          formatValue: Pe,
+          onChange: z,
+          onCommit: a.commands.seal
         })
       }),
-      !p && g.length > 1 && /* @__PURE__ */ n(C, {
-        label: a("editor.fineTunePanel.detailSection.missingValues"),
+      !p && v.length > 1 && /* @__PURE__ */ n(C, {
+        label: r("editor.fineTunePanel.detailSection.missingValues"),
         children: /* @__PURE__ */ n(l, {
           value: h.params.missingValues,
-          options: g,
+          options: v,
           onChange: L
         })
       })
     ] })
   });
-}, os = (e) => as.find((t) => t === e), yn = (e, t, i, r) => Wr(e.styles.overrides, Rr(t, r))?.declarations?.[i], is = (e, t) => Oe(t, "point").find((i) => An(i, [e])), ls = (e, t) => {
+}, xs = (e) => ws.find((t) => t === e), wn = (e, t, i, a) => Yr(e.styles.overrides, Br(t, a))?.declarations?.[i], Ts = (e, t) => ke(t, "point").find((i) => Nn(i, [e])), Ps = (e, t) => {
   const i = [{
     value: "gap",
     label: e("editor.graphPanel.treatEmptyValues.leaveGap.label")
@@ -3724,8 +3908,8 @@ var cl = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: i, accessory
   return t.position !== "stack" && t.position !== "fill" && i.push({
     value: "connect",
     label: e("editor.graphPanel.treatEmptyValues.connectGaps.label")
-  }), t.geom === "area" ? i.filter((r) => r.value !== "gap") : i;
-}, ss = "k", cs = 2, ds = 0, hs = 5, Ee = [
+  }), t.geom === "area" ? i.filter((a) => a.value !== "gap") : i;
+}, Is = "k", As = 2, Ls = 0, Os = 5, _e = [
   {
     value: "k",
     labelKey: "thousands"
@@ -3738,38 +3922,38 @@ var cl = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: i, accessory
     value: "b",
     labelKey: "billions"
   }
-], us = ["auto", "none"], Js = ({ title: e, layout: t = "collapsible", preview: i }) => {
-  const r = M(), o = R(r), a = A(), { NumberField: l, ToggleGroup: c } = E();
+], Ns = ["auto", "none"], Cc = ({ title: e, layout: t = "collapsible", preview: i }) => {
+  const a = N(), o = R(a), r = A(), { NumberField: l, ToggleGroup: c } = k();
   if (!o) return null;
-  const { abbreviation: s, decimals: u } = o.config.numberFormat, d = ms(s) !== void 0, h = u !== "auto", v = (x) => x.map((T) => ({
-    value: T,
-    label: a(`editor.graphPanel.numberFormat.options.${T}`)
-  })), p = Ee.map(({ value: x, labelKey: T }) => ({
+  const { abbreviation: s, decimals: u } = o.config.numberFormat, d = ks(s) !== void 0, h = u !== "auto", g = (x) => x.map((I) => ({
+    value: I,
+    label: r(`editor.graphPanel.numberFormat.options.${I}`)
+  })), p = _e.map(({ value: x, labelKey: I }) => ({
     value: x,
-    label: a(`common.abbreviations.${T}`)
-  })), g = (x) => {
-    r.commands.dispatch(new wr({ abbreviation: x }));
+    label: r(`common.abbreviations.${I}`)
+  })), v = (x) => {
+    a.commands.dispatch(new Ar({ abbreviation: x }));
   }, S = (x) => {
-    const T = us.find((z) => z === x);
-    g(T ?? ss);
+    const I = Ns.find((H) => H === x);
+    v(I ?? Is);
   }, P = (x) => {
-    const T = Ee.find((z) => z.value === x);
-    T && g(T.value);
+    const I = _e.find((H) => H.value === x);
+    I && v(I.value);
   }, y = (x) => {
-    r.commands.dispatch(new Ye({ decimals: x === "custom" ? cs : "auto" }));
+    a.commands.dispatch(new Je({ decimals: x === "custom" ? As : "auto" }));
   }, f = (x) => {
-    x !== null && r.commands.dispatch(new Ye({ decimals: x }), { transient: !0 });
+    x !== null && a.commands.dispatch(new Je({ decimals: x }), { transient: !0 });
   };
-  return /* @__PURE__ */ n(D, {
-    title: e ?? a("editor.graphPanel.numberFormatSection.title"),
+  return /* @__PURE__ */ n(_, {
+    title: e ?? r("editor.graphPanel.numberFormatSection.title"),
     layout: t,
     preview: i,
     children: /* @__PURE__ */ m(F, { children: [
       /* @__PURE__ */ n(C, {
-        label: a("editor.graphPanel.numberFormat.abbreviationLabel"),
+        label: r("editor.graphPanel.numberFormat.abbreviationLabel"),
         children: /* @__PURE__ */ n(c, {
           value: d ? "custom" : s,
-          options: v([
+          options: g([
             "auto",
             "none",
             "custom"
@@ -3778,7 +3962,7 @@ var cl = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: i, accessory
         })
       }),
       d && /* @__PURE__ */ n(C, {
-        label: a("editor.graphPanel.numberFormat.valueLabel"),
+        label: r("editor.graphPanel.numberFormat.valueLabel"),
         children: /* @__PURE__ */ n(c, {
           value: s,
           options: p,
@@ -3786,114 +3970,115 @@ var cl = "_40zvwv8", D = ({ title: e, layout: t = "fixed", preview: i, accessory
         })
       }),
       /* @__PURE__ */ n(C, {
-        label: a("editor.graphPanel.numberFormat.decimalPlacesLabel"),
+        label: r("editor.graphPanel.numberFormat.decimalPlacesLabel"),
         children: /* @__PURE__ */ n(c, {
           value: h ? "custom" : "auto",
-          options: v(["auto", "custom"]),
+          options: g(["auto", "custom"]),
           onChange: y
         })
       }),
       h && /* @__PURE__ */ n(C, {
-        label: a("editor.graphPanel.numberFormat.valueLabel"),
+        label: r("editor.graphPanel.numberFormat.valueLabel"),
         children: /* @__PURE__ */ n(l, {
           value: u,
-          min: ds,
-          max: hs,
+          min: Ls,
+          max: Os,
           onChange: f,
-          onCommit: r.commands.seal
+          onCommit: a.commands.seal
         })
       })
     ] })
   });
-}, ms = (e) => Ee.find((t) => t.value === e), ec = ({ title: e, layout: t = "collapsible", preview: i }) => {
-  const r = R(M()), o = A();
-  if (!r) return null;
-  const a = ps(r.spec.layers);
-  return a ? /* @__PURE__ */ n(D, {
+}, ks = (e) => _e.find((t) => t.value === e), bc = ({ title: e, layout: t = "collapsible", preview: i }) => {
+  const a = R(N()), o = A();
+  if (!a) return null;
+  const r = Ms(a.spec.layers);
+  return r ? /* @__PURE__ */ n(_, {
     title: e ?? o("editor.graphPanel.pointSize.label"),
     layout: t,
     preview: i,
     children: /* @__PURE__ */ n(F, { children: /* @__PURE__ */ n(C, {
       label: o("editor.graphPanel.numberFormat.valueLabel"),
-      children: /* @__PURE__ */ n(dt, { layerId: a.id })
+      children: /* @__PURE__ */ n(pt, { layerId: r.id })
     }) })
   }) : null;
-}, ps = (e) => {
-  const t = Oe(e, "line", "area");
-  return Oe(e, "point").find((i) => !An(i, t));
-}, gs = 0.9, vs = 360, fs = 0.05, Cs = 15, nc = ({ title: e, layout: t = "collapsible", preview: i }) => {
-  const r = M(), o = R(r), a = A(), { Slider: l } = E();
+}, Ms = (e) => {
+  const t = ke(e, "line", "area");
+  return ke(e, "point").find((i) => !Nn(i, t));
+}, Es = 0.9, Rs = 360, _s = 0.05, Ds = 15, yc = ({ title: e, layout: t = "collapsible", preview: i }) => {
+  const a = N(), o = R(a), r = A(), { Slider: l } = k();
   if (!o || o.spec.coords.coordType !== "polar") return null;
   const { innerRadius: c, startAngle: s } = o.spec.coords.params, u = (h) => {
-    r.commands.dispatch(new Pr({ innerRadius: h }), { transient: !0 });
+    a.commands.dispatch(new Or({ innerRadius: h }), { transient: !0 });
   }, d = (h) => {
-    r.commands.dispatch(new Ir({ startAngle: h }), { transient: !0 });
+    a.commands.dispatch(new Nr({ startAngle: h }), { transient: !0 });
   };
-  return /* @__PURE__ */ n(D, {
-    title: e ?? a("editor.graphPanel.polarSection.title"),
+  return /* @__PURE__ */ n(_, {
+    title: e ?? r("editor.graphPanel.polarSection.title"),
     layout: t,
     preview: i,
     children: /* @__PURE__ */ m(F, { children: [/* @__PURE__ */ n(C, {
-      label: a("editor.graphPanel.polarSection.innerRadius"),
+      label: r("editor.graphPanel.polarSection.innerRadius"),
       children: /* @__PURE__ */ n(l, {
         value: c,
         min: 0,
-        max: gs,
-        step: fs,
-        formatValue: st,
+        max: Es,
+        step: _s,
+        formatValue: ut,
         onChange: u,
-        onCommit: r.commands.seal
+        onCommit: a.commands.seal
       })
     }), /* @__PURE__ */ n(C, {
-      label: a("editor.graphPanel.polarSection.startAngle"),
+      label: r("editor.graphPanel.polarSection.startAngle"),
       children: /* @__PURE__ */ n(l, {
         value: s,
         min: 0,
-        max: vs - 1,
-        step: Cs,
-        formatValue: Pl,
+        max: Rs - 1,
+        step: Ds,
+        formatValue: Nl,
         onChange: d,
-        onCommit: r.commands.seal
+        onCommit: a.commands.seal
       })
     })] })
   });
 };
 export {
-  Ws as AppearanceSection,
-  Us as AxesPanel,
-  hn as AxisSection,
-  qs as BarSection,
-  ci as Button,
-  vl as CaptionSection,
-  Bs as EditableGraphRenderer,
-  it as EditorPanel,
-  Gs as ElementsPanel,
-  $s as GraphOptionsSection,
-  Zs as GraphTypeSection,
-  js as GridSection,
-  Xs as HeadlineSection,
-  Ss as IntlProvider,
-  Ys as LegendSection,
-  Qs as LineSection,
-  mi as NumberField,
-  Js as NumberFormatSection,
-  el as PANEL_ROOT_ATTRIBUTE,
-  ec as PointSection,
-  nc as PolarSection,
-  fi as RadioGrid,
+  cc as AppearanceSection,
+  sc as AxesPanel,
+  mn as AxisSection,
+  dc as BarSection,
+  vi as Button,
+  hc as CalloutsSection,
+  wl as CaptionSection,
+  oc as EditableGraphRenderer,
+  dt as EditorPanel,
+  lc as ElementsPanel,
+  uc as GraphOptionsSection,
+  mc as GraphTypeSection,
+  pc as GridSection,
+  gc as HeadlineSection,
+  Vs as IntlProvider,
+  vc as LegendSection,
+  fc as LineSection,
+  yi as NumberField,
+  Cc as NumberFormatSection,
+  il as PANEL_ROOT_ATTRIBUTE,
+  bc as PointSection,
+  yc as PolarSection,
+  Ti as RadioGrid,
   C as Row,
-  D as Section,
-  Ti as Select,
-  Ri as Slider,
-  Cl as SourceSection,
-  yl as SubtitleSection,
-  Vi as Switch,
-  Ki as TextField,
-  wl as TextSizeSection,
-  xl as TitleSection,
-  Wi as ToggleGroup,
-  Ks as ToggledSection,
-  E as useControls,
-  Qi as usePanelExpansion,
-  M as usePanelGraph
+  _ as Section,
+  Ei as Select,
+  Ki as Slider,
+  Tl as SourceSection,
+  Il as SubtitleSection,
+  qi as Switch,
+  Xi as TextField,
+  Ll as TextSizeSection,
+  Ol as TitleSection,
+  Qi as ToggleGroup,
+  ic as ToggledSection,
+  k as useControls,
+  al as usePanelExpansion,
+  N as usePanelGraph
 };