@graphysdk/react-renderer 1.8.1-beta.1787827928296 → 1.8.1-beta.1787831204964

package/dist/editable.mjs

@@ -1,27 +1,27 @@
-import { $ as Ee, B as Ze, C as eo, Ct as $n, Dt as to, Et as no, F as V, G as ro, H as Un, I as kt, J as ao, L as Lt, M as oo, N as X, O as io, P as U, R as Wn, S as lo, T as A, Tt as so, U as co, V as uo, W as Kn, X as ho, Y as Yt, Z as Q, _ as fe, b as po, c as mo, ct as go, d as vo, f as qn, ft as Pt, g as Xn, h as jn, i as fo, it as bo, j as Co, jt as G, kt as _, l as yo, lt as ie, m as So, n as le, nt as xo, o as wo, ot as To, p as Ye, pt as Y, q as Ao, r as $, rt as k, st as ko, t as Lo, u as Po, v as It, w as Io, wt as Eo, x as Zn, y as Mo, z as Et } from "./history-chords-BCo5Hd7M.js";
-import { m as ue, n as Yn, p as Jn } from "./dev.utils-t0mzc-gy.js";
-import { ARROW_DEFAULTS as No, ARROW_STICKER_DECLARATIONS as Oo, ARROW_STROKE_WIDTHS as st, AddAnnotationCommand as he, AddHighlightCommand as Do, BORDER_RADIUS_TOKENS as Jt, COMBO_TYPES as Qt, CONSTANT_VARIABLES as Ro, DEFAULT_BAR_BORDER_RADIUS as zo, DEFAULT_POINT_SIZE as _o, DEFAULT_STROKE_WIDTH as Fo, DIFFERENCE_ARROW_DEFAULTS as Qn, MAX_BAR_WIDTH as Ho, MIN_BAR_WIDTH as Bo, MoveAnnotationCommand as Vo, RESTING_HOVER_STATE as er, RemoveAnnotationCommand as Te, RemoveHighlightCommand as Go, SHAPE_DEFAULTS as $o, SetAppearanceTextScaleCommand as Uo, SetAxisLabelCommand as Wo, SetAxisPositionCommand as Ko, SetAxisTickModeCommand as qo, SetAxisTicksVisibilityCommand as Xo, SetAxisVisibilityCommand as jo, SetBarBorderRadiusCommand as Zo, SetBarWidthCommand as Yo, SetChartTypeCommand as tr, SetContentCaptionCommand as nr, SetContentSourceCommand as Jo, SetContentSubtitleCommand as rr, SetContentTitleCommand as ar, SetDataLabelsFormatCommand as Qo, SetGridLineStyleCommand as ei, SetGridLineWidthCommand as ti, SetGridVisibilityCommand as ni, SetHeadlineCompareWithCommand as ri, SetHeadlinePositionCommand as ai, SetHeadlineShowCommand as en, SetHeadlineSizeCommand as oi, SetHighlightDimStyleCommand as ii, SetLayerYScaleTypeCommand as li, SetLegendAlignCommand as si, SetLegendDisplayCommand as ci, SetLegendPositionCommand as di, SetLineInterpolationCommand as ui, SetLineMissingValuesCommand as hi, SetLineWidthCommand as tn, SetMappingCommand as pi, SetNumberFormatAbbreviationCommand as mi, SetNumberFormatDecimalsCommand as nn, SetPointSizeCommand as gi, SetPolarInnerRadiusCommand as vi, SetPolarStartAngleCommand as fi, SetRuleLabelCommand as bi, SetRuleValueCommand as Ci, SetScaleDomainCommand as ze, SetScaleReverseCommand as yi, SetScaleTransformCommand as Si, SetScaleZeroCommand as rn, SetStatLineCommand as xi, SetStyleRuleCommand as Mt, TEXT_ANNOTATION_DEFAULTS as wi, ToggleCategoryLabelsCommand as Ti, ToggleContentVisibilityCommand as Je, ToggleDataLabelsCommand as Ai, ToggleGoalLineCommand as ki, ToggleLineFillCommand as Li, ToggleLinePointsVisibilityCommand as Pi, ToggleStackTotalsCommand as Ii, UpdateAnnotationCommand as ne, alignUnitFractions as Ei, areAnchorsEqual as or, areEndpointsComparable as Mi, buildEditMenuTriggerRegion as Ni, buildLayerStyleAddress as Oi, buildObservationPredicate as Di, canAnchorDirectLabels as Ri, canBecomeCombo as zi, canBecomeHeatmap as _i, canPlaceDataLabels as Fi, clampAnnotationTranslation as Hi, computeArrow as ir, createObservationAnchorBuilder as Bi, createObservationAnchorParser as Vi, createStyleResolver as Qe, createValueFormatter as Gi, extractConstantValue as $i, extractVariableName as Ui, filterLayersByGeoms as mt, findAnnotation as Wi, findAverageLineLayer as Ki, findGoalLineLayer as qi, findHighlightsAtObservation as Xi, findKindStyleDeclarations as ji, findLayerByGeom as lr, findObservationAttachment as Zi, findStyleRule as Nt, findTrendLineLayer as Yi, formatDifferenceLabel as Ji, hasMultipleGroups as Qi, inferDefaultDifferenceArrowEndpoints as el, inferDifferenceArrowEndpoints as tl, isComboChartType as ve, isCompanionLayer as sr, isObservationAttachmentKind as nl, isPointWithinEditMenuTrigger as cr, isSafeUrl as rl, projectAnchorToPanel as al, readChartType as dr, readComboLineLayerId as ol, readHighlightDimStyle as il, readMappableAesthetics as ll, readMappedVariable as sl, readObservationIndex as cl, resolveBarBandFraction as dl, resolveComparisonBasis as ul, resolveGridLineStyle as hl, resolveObservationPoint as ur, resolveShapeAnnotationStyle as pl, stepDifferenceArrowEndpoint as ml, toPanelCursor as Ot } from "@graphysdk/viz-engine";
+import { $ as Ee, B as Ye, C as to, Ct as Un, Dt as no, Et as ro, F as B, G as ao, H as Wn, I as Lt, J as oo, L as Pt, M as io, N as j, O as lo, P as U, R as Kn, S as so, T as A, Tt as co, U as uo, V as ho, W as qn, X as po, Y as Jt, Z as Q, _ as fe, b as mo, c as go, ct as vo, d as fo, f as jn, ft as It, g as Xn, h as Zn, i as bo, it as Co, j as yo, jt as G, kt as V, l as So, lt as ie, m as xo, n as le, nt as wo, o as To, ot as Ao, p as Je, pt as Y, q as ko, r as $, rt as k, st as Lo, t as Po, u as Io, v as Et, w as Eo, wt as Mo, x as Yn, y as No, z as Mt } from "./history-chords-DvubQLZZ.js";
+import { m as ue, n as Jn, p as Qn } from "./dev.utils-t0mzc-gy.js";
+import { ARROW_DEFAULTS as Oo, ARROW_STICKER_DECLARATIONS as Do, ARROW_STROKE_WIDTHS as ct, AddAnnotationCommand as he, AddHighlightCommand as Ro, BORDER_RADIUS_TOKENS as Qt, COMBO_TYPES as en, CONSTANT_VARIABLES as zo, DEFAULT_BAR_BORDER_RADIUS as _o, DEFAULT_POINT_SIZE as Fo, DEFAULT_STROKE_WIDTH as Ho, DIFFERENCE_ARROW_DEFAULTS as er, MAX_BAR_WIDTH as Bo, MIN_BAR_WIDTH as Vo, MoveAnnotationCommand as Go, RESTING_HOVER_STATE as tr, RemoveAnnotationCommand as Te, RemoveHighlightCommand as $o, SHAPE_DEFAULTS as Uo, SetAppearanceTextScaleCommand as Wo, SetAxisLabelCommand as Ko, SetAxisPositionCommand as qo, SetAxisTickModeCommand as jo, SetAxisTicksVisibilityCommand as Xo, SetAxisVisibilityCommand as Zo, SetBarBorderRadiusCommand as Yo, SetBarWidthCommand as Jo, SetChartTypeCommand as nr, SetContentCaptionCommand as rr, SetContentSourceCommand as Qo, SetContentSubtitleCommand as ar, SetContentTitleCommand as or, SetDataLabelsFormatCommand as ei, SetGridLineStyleCommand as ti, SetGridLineWidthCommand as ni, SetGridVisibilityCommand as ri, SetHeadlineCompareWithCommand as ai, SetHeadlinePositionCommand as oi, SetHeadlineShowCommand as tn, SetHeadlineSizeCommand as ii, SetHighlightDimStyleCommand as li, SetLayerYScaleTypeCommand as si, SetLegendAlignCommand as ci, SetLegendDisplayCommand as di, SetLegendPositionCommand as ui, SetLineInterpolationCommand as hi, SetLineMissingValuesCommand as pi, SetLineWidthCommand as nn, SetMappingCommand as mi, SetNumberFormatAbbreviationCommand as gi, SetNumberFormatDecimalsCommand as rn, SetPointSizeCommand as vi, SetPolarInnerRadiusCommand as fi, SetPolarStartAngleCommand as bi, SetRuleLabelCommand as Ci, SetRuleValueCommand as yi, SetScaleDomainCommand as ze, SetScaleReverseCommand as Si, SetScaleTransformCommand as xi, SetScaleZeroCommand as an, SetStatLineCommand as wi, SetStyleRuleCommand as Nt, TEXT_ANNOTATION_DEFAULTS as Ti, ToggleCategoryLabelsCommand as Ai, ToggleContentVisibilityCommand as Qe, ToggleDataLabelsCommand as ki, ToggleGoalLineCommand as Li, ToggleLineFillCommand as Pi, ToggleLinePointsVisibilityCommand as Ii, ToggleStackTotalsCommand as Ei, UpdateAnnotationCommand as ne, alignUnitFractions as Mi, areAnchorsEqual as ir, areEndpointsComparable as Ni, buildEditMenuTriggerRegion as Oi, buildLayerStyleAddress as Di, buildObservationPredicate as Ri, canAnchorDirectLabels as zi, canBecomeCombo as _i, canBecomeHeatmap as Fi, canPlaceDataLabels as Hi, clampAnnotationTranslation as Bi, computeArrow as lr, createObservationAnchorBuilder as Vi, createObservationAnchorParser as Gi, createStyleResolver as et, createValueFormatter as $i, extractConstantValue as Ui, extractVariableName as Wi, filterLayersByGeoms as gt, findAnnotation as Ki, findAverageLineLayer as qi, findGoalLineLayer as ji, findHighlightsAtObservation as Xi, findKindStyleDeclarations as Zi, findLayerByGeom as sr, findObservationAttachment as Yi, findStyleRule as Ot, findTrendLineLayer as Ji, formatDifferenceLabel as Qi, hasMultipleGroups as el, inferDefaultDifferenceArrowEndpoints as tl, inferDifferenceArrowEndpoints as nl, isComboChartType as ve, isCompanionLayer as cr, isObservationAttachmentKind as rl, isPointWithinEditMenuTrigger as dr, isSafeUrl as al, projectAnchorToPanel as Ve, readChartType as ur, readComboLineLayerId as ol, readHighlightDimStyle as il, readMappableAesthetics as ll, readMappedVariable as sl, readObservationIndex as cl, resolveBarBandFraction as dl, resolveComparisonBasis as ul, resolveGridLineStyle as hl, resolveObservationPoint as hr, resolveShapeAnnotationStyle as pl, stepDifferenceArrowEndpoint as ml, toPanelCursor as Dt } from "@graphysdk/viz-engine";
 import { createContext as Me, useCallback as oe, useContext as Ae, useEffect as N, useId as we, useMemo as O, useRef as ee, useState as J } from "react";
-import { Fragment as j, jsx as n, jsxs as m } from "react/jsx-runtime";
+import { Fragment as X, jsx as n, jsxs as m } from "react/jsx-runtime";
 import { useShallow as ke } from "zustand/react/shallow";
-import { createPortal as hr } from "react-dom";
+import { createPortal as pr } from "react-dom";
 import se from "clsx";
 import { autoUpdate as gl, flip as vl, offset as fl, shift as bl, useFloating as Cl } from "@floating-ui/react-dom";
-import { assignInlineVars as pr } from "@vanilla-extract/dynamic";
-import { Extension as mr } from "@tiptap/core";
+import { assignInlineVars as mr } from "@vanilla-extract/dynamic";
+import { Extension as gr } from "@tiptap/core";
 import { Bold as yl } from "@tiptap/extension-bold";
-import { Document as Ve } from "@tiptap/extension-document";
+import { Document as Ge } from "@tiptap/extension-document";
 import { HardBreak as Sl } from "@tiptap/extension-hard-break";
 import { Heading as xl } from "@tiptap/extension-heading";
 import { Italic as wl } from "@tiptap/extension-italic";
 import { Link as Tl } from "@tiptap/extension-link";
 import { Text as Al } from "@tiptap/extension-text";
 import { TextAlign as kl } from "@tiptap/extension-text-align";
-import { Color as Ll, FontFamily as gr, TextStyle as Pl } from "@tiptap/extension-text-style";
+import { Color as Ll, FontFamily as vr, TextStyle as Pl } from "@tiptap/extension-text-style";
 import { Underline as Il } from "@tiptap/extension-underline";
-import { Placeholder as Dt, UndoRedo as El } from "@tiptap/extensions";
-import { Paragraph as vr } from "@tiptap/extension-paragraph";
-import { EditorContent as fr, useEditor as Ml, useEditorState as Nl } from "@tiptap/react";
+import { Placeholder as Rt, UndoRedo as El } from "@tiptap/extensions";
+import { Paragraph as fr } from "@tiptap/extension-paragraph";
+import { EditorContent as br, useEditor as Ml, useEditorState as Nl } from "@tiptap/react";
 import { Toolbar as ce } from "@base-ui/react/toolbar";
 import { Tooltip as Se } from "@base-ui/react/tooltip";
 import { Popover as Z } from "@base-ui/react/popover";
@@ -30,13 +30,13 @@ import { Slider as ae } from "@base-ui/react/slider";
 import { Menu as D } from "@base-ui/react/menu";
 import { Toggle as Rl } from "@base-ui/react/toggle";
 import { Menu as pe } from "@base-ui/react";
-import Ge from "lodash-es/clamp";
+import $e from "lodash-es/clamp";
 import { Accordion as Pe } from "@base-ui/react/accordion";
-import { NumberField as an } from "@base-ui/react/number-field";
-import { Radio as br } from "@base-ui/react/radio";
-import { RadioGroup as Cr } from "@base-ui/react/radio-group";
+import { NumberField as on } from "@base-ui/react/number-field";
+import { Radio as Cr } from "@base-ui/react/radio";
+import { RadioGroup as yr } from "@base-ui/react/radio-group";
 import { Select as re } from "@base-ui/react/select";
-import { Switch as on } from "@base-ui/react/switch";
+import { Switch as ln } from "@base-ui/react/switch";
 import { Input as zl } from "@base-ui/react/input";
 import './editable.css';var _l = {
   save: "حفظ",
@@ -1588,7 +1588,7 @@ import './editable.css';var _l = {
     millions: "M",
     billions: "MM"
   }
-}, Xl = {
+}, jl = {
   title: "Editor Graphy",
   description: "Edite o seu conteúdo aqui",
   graphTypes: {
@@ -2100,7 +2100,7 @@ import './editable.css';var _l = {
     light: "Claro",
     dark: "Escuro"
   } }
-}, jl = {
+}, Xl = {
   titleEditor: {
     titlePlaceholder: "Sem título",
     subtitlePlaceholder: "Adicionar subtítulo"
@@ -2342,24 +2342,24 @@ import './editable.css';var _l = {
   }
 }, Zl = {
   common: ql,
-  editor: Xl,
-  graph: jl
+  editor: jl,
+  graph: Xl
 }, Yl = {
   "en-GB": Ul,
   "en-US": Kl,
   ar: Bl,
   "pt-PT": Zl
-}, Jl = [Yl, bo], Ql = ({ children: e, ...t }) => /* @__PURE__ */ n(xo, {
+}, Jl = [Yl, Co], Ql = ({ children: e, ...t }) => /* @__PURE__ */ n(wo, {
   dictionaries: Jl,
   ...t,
   children: e
-}), es = "data-variant", yr = vr.extend({ addAttributes() {
+}), es = "data-variant", Sr = fr.extend({ addAttributes() {
   return { variant: {
     default: null,
     parseHTML: (e) => e.getAttribute("data-variant") ?? null,
     renderHTML: (e) => e.variant ? { [es]: e.variant } : {}
   } };
-} }), ts = mr.create({
+} }), ts = gr.create({
   name: "preventBackspaceAcrossTitleBoundary",
   addOptions() {
     return { isTitleVisible: !0 };
@@ -2373,7 +2373,7 @@ import './editable.css';var _l = {
       return r.depth !== 1 || r.parentOffset !== 0 ? !1 : r.index(0) === 1;
     } };
   }
-}), Rt = () => [
+}), zt = () => [
   Al,
   El,
   xl.configure({ levels: [
@@ -2397,11 +2397,11 @@ import './editable.css';var _l = {
     isTitleVisible: r,
     isSubtitleVisible: a
   }),
-  yr,
-  ...Rt(),
-  gr,
+  Sr,
+  ...zt(),
+  vr,
   ts.configure({ isTitleVisible: r }),
-  Dt.configure({
+  Rt.configure({
     showOnlyCurrent: !1,
     placeholder: ({ pos: o, editor: i }) => {
       if (r && o === 0) return e;
@@ -2410,16 +2410,16 @@ import './editable.css';var _l = {
     }
   })
 ], rs = ({ placeholder: e }) => [
-  Ve,
-  yr,
-  ...Rt(),
-  gr,
-  Dt.configure({
+  Ge,
+  Sr,
+  ...zt(),
+  vr,
+  Rt.configure({
     showOnlyCurrent: !1,
     placeholder: ({ pos: t }) => t === 0 ? e : ""
   })
-], as = ({ isTitleVisible: e, isSubtitleVisible: t }) => e && t ? Ve.extend({ content: "block{2,}" }) : Ve, os = "linear-gradient(to top right, transparent calc(50% - 1px), var(--graphy-alert) calc(50% - 1px), var(--graphy-alert) calc(50% + 1px), transparent calc(50% + 1px))", is = "d0bl00";
-var Sr = "d0bl03", ls = "d0bl04", xr = "d0bl05", gt = "d0bl06", ss = "d0bl07", cs = "d0bl08", wr = "d0bl09", ds = "d0bl0a", us = "d0bl0b", hs = "d0bl0c", ps = "d0bl0d", ms = "d0bl0e", gs = "owf1yg0", vs = "owf1yg1", fs = "owf1yg2", bs = "owf1yg3", Cs = "owf1yg4", ys = 0.01, Ss = ({ value: e, onChange: t, label: r }) => /* @__PURE__ */ n(ae.Root, {
+], as = ({ isTitleVisible: e, isSubtitleVisible: t }) => e && t ? Ge.extend({ content: "block{2,}" }) : Ge, os = "linear-gradient(to top right, transparent calc(50% - 1px), var(--graphy-alert) calc(50% - 1px), var(--graphy-alert) calc(50% + 1px), transparent calc(50% + 1px))", is = "d0bl00";
+var xr = "d0bl03", ls = "d0bl04", wr = "d0bl05", vt = "d0bl06", ss = "d0bl07", cs = "d0bl08", Tr = "d0bl09", ds = "d0bl0a", us = "d0bl0b", hs = "d0bl0c", ps = "d0bl0d", ms = "d0bl0e", gs = "owf1yg0", vs = "owf1yg1", fs = "owf1yg2", bs = "owf1yg3", Cs = "owf1yg4", ys = 0.01, Ss = ({ value: e, onChange: t, label: r }) => /* @__PURE__ */ n(ae.Root, {
   className: gs,
   value: e,
   onValueChange: (a) => t(a),
@@ -2436,8 +2436,8 @@ var Sr = "d0bl03", ls = "d0bl04", xr = "d0bl05", gt = "d0bl06", ss = "d0bl07", c
       })]
     })
   })
-}), xs = "transparent", vt = Jn.map((e) => ue[e]), ws = Object.fromEntries(Jn.map((e) => [ue[e], e])), Ts = (e) => vt.some((t) => Ar(t, e)), As = ({ color: e, onChange: t, isOpen: r, onOpenChange: a, children: o, label: i, popupAttributes: l, opacity: s, onOpacityChange: c, hasTransparentOption: u = !1 }) => {
-  const d = k(), h = Ls(), v = u ? [xs, ...vt] : vt, p = (g) => {
+}), xs = "transparent", ft = Qn.map((e) => ue[e]), ws = Object.fromEntries(Qn.map((e) => [ue[e], e])), Ts = (e) => ft.some((t) => kr(t, e)), As = ({ color: e, onChange: t, isOpen: r, onOpenChange: a, children: o, label: i, popupAttributes: l, opacity: s, onOpacityChange: c, hasTransparentOption: u = !1 }) => {
+  const d = k(), h = Ls(), v = u ? [xs, ...ft] : ft, p = (g) => {
     t(g), a(!1);
   };
   return /* @__PURE__ */ m(Z.Root, {
@@ -2457,19 +2457,19 @@ var Sr = "d0bl03", ls = "d0bl04", xr = "d0bl05", gt = "d0bl06", ss = "d0bl07", c
       children: /* @__PURE__ */ n(Q, { children: /* @__PURE__ */ n(Z.Positioner, {
         sideOffset: 6,
         align: "start",
-        className: Sr,
+        className: xr,
         children: /* @__PURE__ */ m(Z.Popup, {
           className: ls,
           onMouseDown: (g) => g.preventDefault(),
           ...l,
           children: [
-            /* @__PURE__ */ n(ln, {
+            /* @__PURE__ */ n(sn, {
               title: d("graph.colorDropdown.colors"),
               colors: v,
               currentColor: e,
               onPick: p
             }),
-            h.length > 0 && /* @__PURE__ */ n(ln, {
+            h.length > 0 && /* @__PURE__ */ n(sn, {
               title: d("graph.colorDropdown.chartColors"),
               colors: h,
               currentColor: e,
@@ -2496,12 +2496,12 @@ var Sr = "d0bl03", ls = "d0bl04", xr = "d0bl05", gt = "d0bl06", ss = "d0bl07", c
       }) })
     })]
   });
-}, ln = ({ title: e, colors: t, currentColor: r, onPick: a }) => {
+}, sn = ({ title: e, colors: t, currentColor: r, onPick: a }) => {
   const o = k();
   return /* @__PURE__ */ m("div", {
-    className: xr,
+    className: wr,
     children: [/* @__PURE__ */ n("div", {
-      className: gt,
+      className: vt,
       children: e
     }), /* @__PURE__ */ n("div", {
       className: ss,
@@ -2509,33 +2509,33 @@ var Sr = "d0bl03", ls = "d0bl04", xr = "d0bl05", gt = "d0bl06", ss = "d0bl07", c
         type: "button",
         "aria-label": i === "transparent" ? o("graph.colorDropdown.transparent") : i,
         className: cs,
-        "data-active": Ar(i, r),
+        "data-active": kr(i, r),
         onMouseDown: (l) => l.preventDefault(),
         onClick: () => a(i),
         children: /* @__PURE__ */ n("span", {
-          className: wr,
-          style: Tr(i)
+          className: Tr,
+          style: Ar(i)
         })
       }, i))
     })]
   });
 }, ks = ({ value: e, onChange: t, popupAttributes: r }) => {
-  const a = k(), [o, i] = J(!1), l = to(e) ? e : "#000000", s = Ps(l);
+  const a = k(), [o, i] = J(!1), l = no(e) ? e : "#000000", s = Ps(l);
   return /* @__PURE__ */ m(Z.Root, {
     open: o,
     onOpenChange: i,
     children: [/* @__PURE__ */ m("div", {
-      className: xr,
+      className: wr,
       children: [/* @__PURE__ */ n("div", {
-        className: gt,
+        className: vt,
         children: a("graph.colorDropdown.custom")
       }), /* @__PURE__ */ m(Z.Trigger, {
         className: ds,
         onMouseDown: (c) => c.preventDefault(),
         "aria-label": a("graph.colorDropdown.pickCustom"),
         children: [/* @__PURE__ */ n("span", {
-          className: wr,
-          style: Tr(l)
+          className: Tr,
+          style: Ar(l)
         }), /* @__PURE__ */ n("span", {
           className: us,
           children: s
@@ -2547,14 +2547,14 @@ var Sr = "d0bl03", ls = "d0bl04", xr = "d0bl05", gt = "d0bl06", ss = "d0bl07", c
         side: "right",
         align: "start",
         sideOffset: 18,
-        className: Sr,
+        className: xr,
         children: /* @__PURE__ */ m(Z.Popup, {
           className: hs,
           onMouseDown: (c) => c.preventDefault(),
           ...r,
           children: [
             /* @__PURE__ */ n("div", {
-              className: gt,
+              className: vt,
               children: a("graph.colorDropdown.pickColor")
             }),
             /* @__PURE__ */ n(Dl, {
@@ -2575,7 +2575,7 @@ var Sr = "d0bl03", ls = "d0bl04", xr = "d0bl05", gt = "d0bl06", ss = "d0bl07", c
     })]
   });
 }, Ls = () => {
-  const e = _((t) => t.scales.color);
+  const e = V((t) => t.scales.color);
   return O(() => {
     if (!e || e.kind !== "visual") return [];
     const t = /* @__PURE__ */ new Set();
@@ -2585,18 +2585,18 @@ var Sr = "d0bl03", ls = "d0bl04", xr = "d0bl05", gt = "d0bl06", ss = "d0bl07", c
     }
     return [...t];
   }, [e]);
-}, Tr = (e) => e === "transparent" ? {
+}, Ar = (e) => e === "transparent" ? {
   background: os,
   border: `1px solid ${ue.border100}`
 } : {
   background: e,
-  border: `1px solid ${so(e, 0.1)}`
+  border: `1px solid ${co(e, 0.1)}`
 }, Ps = (e) => {
   const { themeValues: t } = Ee();
-  if (no(e)) return e.toUpperCase();
+  if (ro(e)) return e.toUpperCase();
   const r = ws[e];
   return r ? t[r].toUpperCase() : "#000000";
-}, Ar = (e, t) => t === null ? !1 : e.toLowerCase() === t.toLowerCase(), Is = "l9kff0", Es = "l9kff1", Ms = "l9kff2", Ns = "xn24px0", Os = "xn24px1", Ds = "xn24px2", Rs = ({ children: e, popupAttributes: t }) => /* @__PURE__ */ n(D.Portal, {
+}, kr = (e, t) => t === null ? !1 : e.toLowerCase() === t.toLowerCase(), Is = "l9kff0", Es = "l9kff1", Ms = "l9kff2", Ns = "xn24px0", Os = "xn24px1", Ds = "xn24px2", Rs = ({ children: e, popupAttributes: t }) => /* @__PURE__ */ n(D.Portal, {
   container: ie(),
   children: /* @__PURE__ */ n(Q, { children: /* @__PURE__ */ n(D.Positioner, {
     side: "bottom",
@@ -2627,7 +2627,7 @@ var Sr = "d0bl03", ls = "d0bl04", xr = "d0bl05", gt = "d0bl06", ss = "d0bl07", c
   className: se(Ms, e)
 }), Bs = ({ children: e }) => {
   const t = ie();
-  return t === null ? null : hr(/* @__PURE__ */ n(Q, { children: e }), t);
+  return t === null ? null : pr(/* @__PURE__ */ n(Q, { children: e }), t);
 }, K = {
   Portal: Bs,
   Root: _s,
@@ -2646,12 +2646,12 @@ var Sr = "d0bl03", ls = "d0bl04", xr = "d0bl05", gt = "d0bl06", ss = "d0bl07", c
     strokeLinejoin: "round",
     children: /* @__PURE__ */ n("path", { d: "m6 9 6 6 6-6" })
   })
-}), Vs = "'Noto Serif', Georgia, 'Times New Roman', serif, 'Apple Color Emoji', 'NotoColorEmoji'", Gs = `'Aeonik', 'Aeonik Fallback', ${Yn}`, $s = "'PT Mono', 'Courier New', monospace, 'Apple Color Emoji', 'NotoColorEmoji'", Us = "'Intruding Cat', cursive, 'Apple Color Emoji', 'NotoColorEmoji'", ft = [
+}), Vs = "'Noto Serif', Georgia, 'Times New Roman', serif, 'Apple Color Emoji', 'NotoColorEmoji'", Gs = `'Aeonik', 'Aeonik Fallback', ${Jn}`, $s = "'PT Mono', 'Courier New', monospace, 'Apple Color Emoji', 'NotoColorEmoji'", Us = "'Intruding Cat', cursive, 'Apple Color Emoji', 'NotoColorEmoji'", bt = [
   {
     id: "modern",
     label: "Modern",
     preview: "Aa",
-    fontFamily: Yn
+    fontFamily: Jn
   },
   {
     id: "fresh",
@@ -2677,8 +2677,8 @@ var Sr = "d0bl03", ls = "d0bl04", xr = "d0bl05", gt = "d0bl06", ss = "d0bl07", c
     preview: "Aa",
     fontFamily: Us
   }
-], Ws = (e) => e ? ft.find((t) => t.fontFamily === e) ?? null : null, kr = "_70l3rt0", Lr = "_70l3rt1", Pr = "_70l3rt3", Ir = "_70l3rt4", Er = "_70l3rt5", Ks = ({ editor: e, currentFontFamily: t, isOpen: r, onOpenChange: a }) => {
-  const o = k(), i = Ws(t) ?? ft[0], l = (s) => {
+], Ws = (e) => e ? bt.find((t) => t.fontFamily === e) ?? null : null, Lr = "_70l3rt0", Pr = "_70l3rt1", Ir = "_70l3rt3", Er = "_70l3rt4", Mr = "_70l3rt5", Ks = ({ editor: e, currentFontFamily: t, isOpen: r, onOpenChange: a }) => {
+  const o = k(), i = Ws(t) ?? bt[0], l = (s) => {
     e.chain().focus().setFontFamily(s.fontFamily).run();
   };
   return /* @__PURE__ */ m(D.Root, {
@@ -2687,10 +2687,10 @@ var Sr = "d0bl03", ls = "d0bl04", xr = "d0bl05", gt = "d0bl06", ss = "d0bl07", c
     children: [/* @__PURE__ */ m(D.Trigger, {
       render: /* @__PURE__ */ n(ce.Button, {}),
       "aria-label": o("graph.toolbar.font.ariaLabel"),
-      className: kr,
+      className: Lr,
       onMouseDown: (s) => s.preventDefault(),
       children: [/* @__PURE__ */ n("span", {
-        className: Lr,
+        className: Pr,
         style: { fontFamily: i?.fontFamily },
         children: i?.preview
       }), /* @__PURE__ */ n(Ne, { size: "sm" })]
@@ -2700,12 +2700,12 @@ var Sr = "d0bl03", ls = "d0bl04", xr = "d0bl05", gt = "d0bl06", ss = "d0bl07", c
         side: "bottom",
         align: "start",
         sideOffset: 6,
-        className: Pr,
+        className: Ir,
         children: /* @__PURE__ */ n(D.Popup, {
-          className: Ir,
+          className: Er,
           onMouseDown: (s) => s.preventDefault(),
-          children: ft.map((s) => /* @__PURE__ */ n(D.Item, {
-            className: Er,
+          children: bt.map((s) => /* @__PURE__ */ n(D.Item, {
+            className: Mr,
             "data-selected": s.id === i?.id,
             onClick: () => l(s),
             children: /* @__PURE__ */ n("span", {
@@ -2717,17 +2717,17 @@ var Sr = "d0bl03", ls = "d0bl04", xr = "d0bl05", gt = "d0bl06", ss = "d0bl07", c
       }) })
     })]
   });
-}, Mr = {
+}, Nr = {
   id: "text",
   translationKey: "graph.toolbar.heading.text",
   previewFont: ue.fontTextEditorBody
-}, sn = [
+}, cn = [
   {
     id: "caption",
     translationKey: "graph.toolbar.heading.caption",
     previewFont: ue.fontTextEditorH6
   },
-  Mr,
+  Nr,
   {
     id: "h3",
     translationKey: "graph.toolbar.heading.heading3",
@@ -2744,17 +2744,17 @@ var Sr = "d0bl03", ls = "d0bl04", xr = "d0bl05", gt = "d0bl06", ss = "d0bl07", c
     previewFont: ue.fontTextEditorH1
   }
 ], qs = ({ editor: e, activeStyle: t, isOpen: r, onOpenChange: a }) => {
-  const o = k(), i = sn.find((l) => l.id === t) ?? Mr;
+  const o = k(), i = cn.find((l) => l.id === t) ?? Nr;
   return /* @__PURE__ */ m(D.Root, {
     open: r,
     onOpenChange: a,
     children: [/* @__PURE__ */ m(D.Trigger, {
       render: /* @__PURE__ */ n(ce.Button, {}),
       "aria-label": o("graph.toolbar.heading.ariaLabel"),
-      className: kr,
+      className: Lr,
       onMouseDown: (l) => l.preventDefault(),
       children: [/* @__PURE__ */ n("span", {
-        className: Lr,
+        className: Pr,
         children: o(i.translationKey)
       }), /* @__PURE__ */ n(Ne, { size: "sm" })]
     }), /* @__PURE__ */ n(D.Portal, {
@@ -2763,15 +2763,15 @@ var Sr = "d0bl03", ls = "d0bl04", xr = "d0bl05", gt = "d0bl06", ss = "d0bl07", c
         side: "bottom",
         align: "start",
         sideOffset: 6,
-        className: Pr,
+        className: Ir,
         children: /* @__PURE__ */ n(D.Popup, {
-          className: Ir,
+          className: Er,
           onMouseDown: (l) => l.preventDefault(),
-          children: sn.map((l) => /* @__PURE__ */ n(D.Item, {
-            className: Er,
+          children: cn.map((l) => /* @__PURE__ */ n(D.Item, {
+            className: Mr,
             "data-selected": l.id === i.id,
-            onClick: () => Xs(e, l.id),
-            children: /* @__PURE__ */ n(js, {
+            onClick: () => js(e, l.id),
+            children: /* @__PURE__ */ n(Xs, {
               font: l.previewFont,
               children: o(l.translationKey)
             })
@@ -2780,7 +2780,7 @@ var Sr = "d0bl03", ls = "d0bl04", xr = "d0bl05", gt = "d0bl06", ss = "d0bl07", c
       }) })
     })]
   });
-}, Xs = (e, t) => {
+}, js = (e, t) => {
   switch (t) {
     case "caption":
       e.chain().focus().setNode("paragraph", { variant: "caption" }).run();
@@ -2797,13 +2797,13 @@ var Sr = "d0bl03", ls = "d0bl04", xr = "d0bl05", gt = "d0bl06", ss = "d0bl07", c
     case "h3":
       e.chain().focus().setHeading({ level: 3 }).run();
   }
-}, js = ({ font: e, children: t }) => /* @__PURE__ */ n("span", {
+}, Xs = ({ font: e, children: t }) => /* @__PURE__ */ n("span", {
   style: {
     font: e,
     margin: 0
   },
   children: t
-}), Nr = (e) => /* @__PURE__ */ n(A, {
+}), Or = (e) => /* @__PURE__ */ n(A, {
   ...e,
   children: /* @__PURE__ */ n("g", {
     stroke: "currentColor",
@@ -2833,14 +2833,14 @@ var Sr = "d0bl03", ls = "d0bl04", xr = "d0bl05", gt = "d0bl06", ss = "d0bl07", c
 }), Js = (e) => !e.content || e.content.length === 0 ? !0 : e.content.every((t) => !t.content || t.content.length === 0), Qs = (e) => {
   const { $from: t } = e.state.selection, r = t.parent.textContent, a = t.parentOffset, o = t.start();
   let i = a;
-  for (; i > 0 && cn(r[i - 1]); ) i -= 1;
+  for (; i > 0 && dn(r[i - 1]); ) i -= 1;
   let l = a;
-  for (; l < r.length && cn(r[l]); ) l += 1;
+  for (; l < r.length && dn(r[l]); ) l += 1;
   return {
     from: o + i,
     to: o + l
   };
-}, cn = (e) => e !== void 0 && /\S/.test(e), ec = "fop13s0", tc = "fop13s1", nc = "fop13s2", rc = "fop13s3", dn = "fop13s4", ac = ({ editor: e, currentUrl: t, isActive: r, isOpen: a, onOpenChange: o }) => {
+}, dn = (e) => e !== void 0 && /\S/.test(e), ec = "fop13s0", tc = "fop13s1", nc = "fop13s2", rc = "fop13s3", un = "fop13s4", ac = ({ editor: e, currentUrl: t, isActive: r, isOpen: a, onOpenChange: o }) => {
   const i = k(), [l, s] = J(""), c = ee(null);
   N(() => {
     a && s(t ?? "");
@@ -2889,16 +2889,16 @@ var Sr = "d0bl03", ls = "d0bl04", xr = "d0bl05", gt = "d0bl06", ss = "d0bl07", c
             /* @__PURE__ */ n("button", {
               type: "button",
               "aria-label": i("common.cancel"),
-              className: dn,
+              className: un,
               onClick: d,
               children: /* @__PURE__ */ n(Ys, {})
             }),
             /* @__PURE__ */ n("button", {
               type: "button",
               "aria-label": i("graph.toolbar.link.apply"),
-              className: dn,
+              className: un,
               onClick: u,
-              children: /* @__PURE__ */ n(Nr, {})
+              children: /* @__PURE__ */ n(Or, {})
             })
           ]
         })
@@ -2921,7 +2921,7 @@ var Sr = "d0bl03", ls = "d0bl04", xr = "d0bl05", gt = "d0bl06", ss = "d0bl07", c
   }
   const o = Qs(e);
   e.chain().focus().setTextSelection(o).setLink({ href: r }).run();
-}, Or = (e) => /* @__PURE__ */ n(A, {
+}, Dr = (e) => /* @__PURE__ */ n(A, {
   ...e,
   children: /* @__PURE__ */ m("g", {
     stroke: "currentColor",
@@ -2934,7 +2934,7 @@ var Sr = "d0bl03", ls = "d0bl04", xr = "d0bl05", gt = "d0bl06", ss = "d0bl07", c
       /* @__PURE__ */ n("path", { d: "M19 19H5" })
     ]
   })
-}), Dr = (e) => /* @__PURE__ */ n(A, {
+}), Rr = (e) => /* @__PURE__ */ n(A, {
   ...e,
   children: /* @__PURE__ */ m("g", {
     stroke: "currentColor",
@@ -2947,7 +2947,7 @@ var Sr = "d0bl03", ls = "d0bl04", xr = "d0bl05", gt = "d0bl06", ss = "d0bl07", c
       /* @__PURE__ */ n("path", { d: "M21 19H7" })
     ]
   })
-}), Rr = (e) => /* @__PURE__ */ n(A, {
+}), zr = (e) => /* @__PURE__ */ n(A, {
   ...e,
   children: /* @__PURE__ */ m("g", {
     stroke: "currentColor",
@@ -2984,24 +2984,24 @@ var Sr = "d0bl03", ls = "d0bl04", xr = "d0bl05", gt = "d0bl06", ss = "d0bl07", c
   })] });
 }, cc = ({ editor: e, activeAlignment: t = "left" }) => {
   const r = k();
-  return /* @__PURE__ */ m(j, { children: [
+  return /* @__PURE__ */ m(X, { children: [
     /* @__PURE__ */ n(xe, {
       label: r("graph.toolbar.textAlign.left"),
       isActive: t === "left",
       onToggle: () => e.chain().focus().setTextAlign("left").run(),
-      children: /* @__PURE__ */ n(Rr, {})
+      children: /* @__PURE__ */ n(zr, {})
     }),
     /* @__PURE__ */ n(xe, {
       label: r("graph.toolbar.textAlign.center"),
       isActive: t === "center",
       onToggle: () => e.chain().focus().setTextAlign("center").run(),
-      children: /* @__PURE__ */ n(Or, {})
+      children: /* @__PURE__ */ n(Dr, {})
     }),
     /* @__PURE__ */ n(xe, {
       label: r("graph.toolbar.textAlign.right"),
       isActive: t === "right",
       onToggle: () => e.chain().focus().setTextAlign("right").run(),
-      children: /* @__PURE__ */ n(Dr, {})
+      children: /* @__PURE__ */ n(Rr, {})
     })
   ] });
 }, dc = "_1u34vl40", uc = ({ editor: e }) => ({
@@ -3102,14 +3102,14 @@ var Sr = "d0bl03", ls = "d0bl04", xr = "d0bl05", gt = "d0bl06", ss = "d0bl07", c
       }) })
     ]
   }) });
-}, fc = "_1uy50v30", zr = ({ editor: e, ariaLabel: t }) => /* @__PURE__ */ m("div", {
+}, fc = "_1uy50v30", _r = ({ editor: e, ariaLabel: t }) => /* @__PURE__ */ m("div", {
   className: fc,
-  children: [/* @__PURE__ */ n(vc, { editor: e }), /* @__PURE__ */ n(fr, {
+  children: [/* @__PURE__ */ n(vc, { editor: e }), /* @__PURE__ */ n(br, {
     editor: e,
     "aria-label": t
   })]
-}), bc = 200, zt = ({ content: e, extensions: t, isEditable: r, onUpdate: a, updateDebounceMs: o = bc }) => {
-  const i = ee(un(e)), l = ee(i.current), s = ko((u) => {
+}), bc = 200, _t = ({ content: e, extensions: t, isEditable: r, onUpdate: a, updateDebounceMs: o = bc }) => {
+  const i = ee(hn(e)), l = ee(i.current), s = Lo((u) => {
     l.current = u, a?.(u);
   }, o), c = Ml({
     extensions: t,
@@ -3118,7 +3118,7 @@ var Sr = "d0bl03", ls = "d0bl04", xr = "d0bl05", gt = "d0bl06", ss = "d0bl07", c
     immediatelyRender: !1,
     onUpdate: ({ editor: u }) => {
       const d = u.getJSON();
-      if (ct(l.current, d)) return s.cancel();
+      if (dt(l.current, d)) return s.cancel();
       s.run(d);
     }
   });
@@ -3126,14 +3126,14 @@ var Sr = "d0bl03", ls = "d0bl04", xr = "d0bl05", gt = "d0bl06", ss = "d0bl07", c
     c?.setEditable(r);
   }, [c, r]), N(() => {
     if (!c) return;
-    const u = un(e);
-    ct(l.current, u) || (l.current = u, !ct(c.getJSON(), u) && (s.cancel(), Cc(c, u)));
+    const u = hn(e);
+    dt(l.current, u) || (l.current = u, !dt(c.getJSON(), u) && (s.cancel(), Cc(c, u)));
   }, [
     c,
     e,
     s
   ]), N(() => () => s.flush(), [s]), c;
-}, un = (e) => e === null ? {
+}, hn = (e) => e === null ? {
   type: "doc",
   content: []
 } : typeof e == "string" ? {
@@ -3153,31 +3153,31 @@ var Sr = "d0bl03", ls = "d0bl04", xr = "d0bl05", gt = "d0bl06", ss = "d0bl07", c
     from: Math.min(r, o),
     to: Math.min(a, o)
   });
-}, ct = (e, t) => JSON.stringify($e(e)) === JSON.stringify($e(t)), $e = (e) => Array.isArray(e) ? e.map($e) : e === null || typeof e != "object" ? e : Object.fromEntries(Object.entries(e).map(([t, r]) => [t, $e(r)]).filter(([, t]) => !yc(t)).sort(([t], [r]) => String(t).localeCompare(String(r)))), yc = (e) => e == null || typeof e == "object" && Object.keys(e).length === 0, Sc = ({ caption: e }) => {
+}, dt = (e, t) => JSON.stringify(Ue(e)) === JSON.stringify(Ue(t)), Ue = (e) => Array.isArray(e) ? e.map(Ue) : e === null || typeof e != "object" ? e : Object.fromEntries(Object.entries(e).map(([t, r]) => [t, Ue(r)]).filter(([, t]) => !yc(t)).sort(([t], [r]) => String(t).localeCompare(String(r)))), yc = (e) => e == null || typeof e == "object" && Object.keys(e).length === 0, Sc = ({ caption: e }) => {
   const { dispatch: t } = le();
-  return /* @__PURE__ */ n(zr, {
-    editor: zt({
+  return /* @__PURE__ */ n(_r, {
+    editor: _t({
       content: e,
       extensions: O(() => rs({ placeholder: "Add caption" }), []),
       isEditable: !0,
       onUpdate: (r) => {
         const a = Js(r) ? null : r;
-        t(new nr({ caption: a }));
+        t(new rr({ caption: a }));
       }
     }),
     ariaLabel: "Chart caption"
   });
 }, xc = (e) => [
-  Ve,
-  vr,
-  ...Rt(),
+  Ge,
+  fr,
+  ...zt(),
   Tc,
-  Dt.configure({
+  Rt.configure({
     showOnlyCurrent: !1,
     placeholder: ({ pos: t }) => t === 0 ? e : ""
   })
 ], wc = ({ annotation: e }) => {
-  const t = k(), { dispatch: r } = le(), a = U(), o = O(() => xc(t("graph.annotations.text.placeholder")), [t]), i = zt({
+  const t = k(), { dispatch: r } = le(), a = U(), o = O(() => xc(t("graph.annotations.text.placeholder")), [t]), i = _t({
     content: e.content,
     extensions: o,
     isEditable: !0,
@@ -3194,16 +3194,16 @@ var Sr = "d0bl03", ls = "d0bl04", xr = "d0bl05", gt = "d0bl06", ss = "d0bl07", c
     return l(i), () => l(null);
   }, [i, a]), N(() => {
     i?.commands.focus("end", { scrollIntoView: !1 });
-  }, [i]), /* @__PURE__ */ n(fr, {
+  }, [i]), /* @__PURE__ */ n(br, {
     "aria-label": t("graph.annotations.text.editLabel"),
-    className: vo,
+    className: fo,
     editor: i,
     "data-testid": "text-annotation-editor"
   });
-}, hn = (e) => {
-  const t = ho(e);
+}, pn = (e) => {
+  const t = po(e);
   return t === void 0 ? {} : { style: `font-family: ${t}` };
-}, Tc = mr.create({
+}, Tc = gr.create({
   name: "annotationTextStyleAttributes",
   addGlobalAttributes() {
     return [{
@@ -3211,11 +3211,11 @@ var Sr = "d0bl03", ls = "d0bl04", xr = "d0bl05", gt = "d0bl06", ss = "d0bl07", c
       attributes: {
         fontFamily: {
           default: null,
-          renderHTML: (e) => hn(e.fontFamily)
+          renderHTML: (e) => pn(e.fontFamily)
         },
         font: {
           default: null,
-          renderHTML: (e) => hn(e.font)
+          renderHTML: (e) => pn(e.font)
         },
         fontSize: {
           default: null,
@@ -3240,9 +3240,9 @@ var Sr = "d0bl03", ls = "d0bl04", xr = "d0bl05", gt = "d0bl06", ss = "d0bl07", c
     title: Ec(t?.content ?? []),
     subtitle: Mc(r)
   };
-}, _t = (e) => ({
+}, Ft = (e) => ({
   type: e.type ?? "text",
-  ...e.content !== void 0 ? { content: e.content.map(_t) } : {},
+  ...e.content !== void 0 ? { content: e.content.map(Ft) } : {},
   ...e.text !== void 0 ? { text: e.text } : {},
   ...e.marks !== void 0 ? { marks: e.marks } : {},
   ...e.attrs !== void 0 ? { attrs: e.attrs } : {}
@@ -3255,7 +3255,7 @@ var Sr = "d0bl03", ls = "d0bl04", xr = "d0bl05", gt = "d0bl06", ss = "d0bl07", c
     type: "text",
     text: e
   }]
-}] : e.type === "doc" && e.content ? e.content.length === 0 ? [{ type: "paragraph" }] : e.content.map(pn) : [pn(e)], pn = (e) => e.type === "paragraph" ? e : {
+}] : e.type === "doc" && e.content ? e.content.length === 0 ? [{ type: "paragraph" }] : e.content.map(mn) : [mn(e)], mn = (e) => e.type === "paragraph" ? e : {
   type: "paragraph",
   content: e.content ?? [e]
 }, Ec = (e) => {
@@ -3263,7 +3263,7 @@ var Sr = "d0bl03", ls = "d0bl04", xr = "d0bl05", gt = "d0bl06", ss = "d0bl07", c
   const [t] = e;
   return t && e.length === 1 && t.type === "text" && (!t.marks || t.marks.length === 0) ? t.text ?? null : {
     type: "paragraph",
-    content: e.map(_t)
+    content: e.map(Ft)
   };
 }, Mc = (e) => {
   const t = e.filter((a) => (a.content ?? []).length > 0);
@@ -3275,7 +3275,7 @@ var Sr = "d0bl03", ls = "d0bl04", xr = "d0bl05", gt = "d0bl06", ss = "d0bl07", c
   }
   return {
     type: "doc",
-    content: t.map(_t)
+    content: t.map(Ft)
   };
 }, Nc = ({ title: e, isTitleVisible: t, isSubtitleVisible: r, subtitle: a }) => {
   const { dispatch: o } = le(), i = O(() => ns({
@@ -3284,8 +3284,8 @@ var Sr = "d0bl03", ls = "d0bl04", xr = "d0bl05", gt = "d0bl06", ss = "d0bl07", c
     isTitleVisible: t,
     isSubtitleVisible: r
   }), [t, r]);
-  return /* @__PURE__ */ n(zr, {
-    editor: zt({
+  return /* @__PURE__ */ n(_r, {
+    editor: _t({
       content: O(() => kc({
         title: e,
         isTitleVisible: t,
@@ -3301,7 +3301,7 @@ var Sr = "d0bl03", ls = "d0bl04", xr = "d0bl05", gt = "d0bl06", ss = "d0bl07", c
       isEditable: !0,
       onUpdate: (l) => {
         const s = Lc(l);
-        t && o(new ar({ title: s.title })), r && o(new rr({ subtitle: s.subtitle }));
+        t && o(new or({ title: s.title })), r && o(new ar({ subtitle: s.subtitle }));
       }
     }),
     ariaLabel: "Chart title and subtitle"
@@ -3310,20 +3310,20 @@ var Sr = "d0bl03", ls = "d0bl04", xr = "d0bl05", gt = "d0bl06", ss = "d0bl07", c
   Title: Nc,
   Caption: Sc,
   TextAnnotation: wc
-}, Dc = "data-graphy-chart-chrome", Rc = "data-graphy-chart-menu", _r = { [Rc]: "" }, et = (e) => ({ [Dc]: e }), Be = (e, t) => e instanceof Element && e.closest(`[data-graphy-chart-chrome="${CSS.escape(t)}"]`) !== null, zc = (e) => e instanceof Element && e.closest("[data-graphy-chart-menu]") !== null, bt = (e) => e instanceof Element && e.closest("[data-graphy-chart-chrome]") !== null, Fr = (e, t, r) => r !== null && cr({
+}, Dc = "data-graphy-chart-chrome", Rc = "data-graphy-chart-menu", Fr = { [Rc]: "" }, tt = (e) => ({ [Dc]: e }), Be = (e, t) => e instanceof Element && e.closest(`[data-graphy-chart-chrome="${CSS.escape(t)}"]`) !== null, zc = (e) => e instanceof Element && e.closest("[data-graphy-chart-menu]") !== null, Ct = (e) => e instanceof Element && e.closest("[data-graphy-chart-chrome]") !== null, Hr = (e, t, r) => r !== null && dr({
   x: e.clientX - t.x,
   y: e.clientY - t.y
-}, r), Ie = (e, t, r) => e instanceof Node && (t.contains(e) || Be(e, r)), _c = "cml7ha0", Hr = Me(null), Fc = ({ children: e }) => {
+}, r), Ie = (e, t, r) => e instanceof Node && (t.contains(e) || Be(e, r)), _c = "cml7ha0", Br = Me(null), Fc = ({ children: e }) => {
   const { chartId: t } = G(), [r] = J(ie), [a, o] = J(null);
-  return r === null ? null : /* @__PURE__ */ m(j, { children: [hr(/* @__PURE__ */ n("div", {
+  return r === null ? null : /* @__PURE__ */ m(X, { children: [pr(/* @__PURE__ */ n("div", {
     ref: o,
     className: _c,
-    ...et(t)
-  }), r), /* @__PURE__ */ n(Hr.Provider, {
+    ...tt(t)
+  }), r), /* @__PURE__ */ n(Br.Provider, {
     value: a,
     children: e
   })] });
-}, Ft = () => Ae(Hr), Br = (e) => /* @__PURE__ */ m(A, {
+}, Ht = () => Ae(Br), Vr = (e) => /* @__PURE__ */ m(A, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -3349,15 +3349,15 @@ var Sr = "d0bl03", ls = "d0bl04", xr = "d0bl05", gt = "d0bl06", ss = "d0bl07", c
     })
   ]
 });
-var Vr = "efjmb40", Gr = "efjmb41", be = "efjmb42", Ce = "efjmb43", Hc = "efjmb44", Bc = "efjmb45", Vc = /* @__PURE__ */ new Set([
+var Gr = "efjmb40", $r = "efjmb41", be = "efjmb42", Ce = "efjmb43", Hc = "efjmb44", Bc = "efjmb45", Vc = /* @__PURE__ */ new Set([
   "item-press",
   "escape-key",
   "outside-press",
   "close-press",
   "sibling-open",
   "trigger-press"
-]), Ht = ({ label: e, icon: t, onOpened: r, children: a }) => {
-  const o = Ft(), [i, l] = J(!1), s = (c, u) => {
+]), Bt = ({ label: e, icon: t, onOpened: r, children: a }) => {
+  const o = Ht(), [i, l] = J(!1), s = (c, u) => {
     c ? (l(!0), r?.()) : Vc.has(u.reason) && l(!1);
   };
   return /* @__PURE__ */ m(pe.SubmenuRoot, {
@@ -3372,10 +3372,10 @@ var Vr = "efjmb40", Gr = "efjmb41", be = "efjmb42", Ce = "efjmb43", Hc = "efjmb4
         side: "right",
         align: "start",
         sideOffset: 4,
-        className: Vr,
-        ..._r,
+        className: Gr,
+        ...Fr,
         children: /* @__PURE__ */ n(pe.Popup, {
-          className: Gr,
+          className: $r,
           children: a
         })
       }) })
@@ -3405,9 +3405,9 @@ var Vr = "efjmb40", Gr = "efjmb41", be = "efjmb42", Ce = "efjmb43", Hc = "efjmb4
       }
     })), o());
   };
-  return /* @__PURE__ */ n(Ht, {
+  return /* @__PURE__ */ n(Bt, {
     label: e,
-    icon: /* @__PURE__ */ n(Br, {}),
+    icon: /* @__PURE__ */ n(Vr, {}),
     onOpened: () => {
       requestAnimationFrame(() => i.current?.focus());
     },
@@ -3442,7 +3442,7 @@ var Vr = "efjmb40", Gr = "efjmb41", be = "efjmb42", Ce = "efjmb43", Hc = "efjmb4
       text: e
     }]
   }]
-}), Xc = (e) => /* @__PURE__ */ n(A, {
+}), jc = (e) => /* @__PURE__ */ n(A, {
   viewBox: "0 0 15 14",
   ...e,
   children: /* @__PURE__ */ n("path", {
@@ -3450,8 +3450,8 @@ var Vr = "efjmb40", Gr = "efjmb41", be = "efjmb42", Ce = "efjmb43", Hc = "efjmb4
     fill: "currentColor",
     fillOpacity: "0.8"
   })
-}), jc = "relative-difference", Zc = ({ label: e, layer: t, at: r, onRequestClose: a }) => {
-  const { dispatch: o } = le(), i = _((c) => c.coordSystem), l = O(() => tl({
+}), Xc = "relative-difference", Zc = ({ label: e, layer: t, at: r, onRequestClose: a }) => {
+  const { dispatch: o } = le(), i = V((c) => c.coordSystem), l = O(() => nl({
     layer: t,
     at: r,
     coordSystem: i
@@ -3465,16 +3465,16 @@ var Vr = "efjmb40", Gr = "efjmb41", be = "efjmb42", Ce = "efjmb43", Hc = "efjmb4
     o(new he({
       kind: "differenceArrow",
       annotation: {
-        ...Qn,
+        ...er,
         ...l,
-        label: jc
+        label: Xc
       }
     })), a();
   };
   return /* @__PURE__ */ m(D.Item, {
     className: be,
     onClick: s,
-    children: [/* @__PURE__ */ n(Xc, {}), /* @__PURE__ */ n("span", {
+    children: [/* @__PURE__ */ n(jc, {}), /* @__PURE__ */ n("span", {
       className: Ce,
       children: e
     })]
@@ -3485,7 +3485,7 @@ function Yc(e, t) {
     scope: "series",
     labelKey: "pieSlice"
   }];
-  const r = Qi(t.data, t.mapping);
+  const r = el(t.data, t.mapping);
   switch (t.geom) {
     case "bar": {
       const a = [{
@@ -3530,8 +3530,8 @@ function Yc(e, t) {
   }
 }
 var Jc = (e) => {
-  const t = Ui(e.mapping.x);
-  return t !== null && t !== Ro.x;
+  const t = Wi(e.mapping.x);
+  return t !== null && t !== zo.x;
 }, Qc = (e) => /* @__PURE__ */ m(A, {
   viewBox: "0 0 16 16",
   ...e,
@@ -3898,10 +3898,10 @@ var Jc = (e) => {
   scatterPoint: id,
   scatterSeries: ld,
   pieSlice: od
-}, $r = ({ labelKey: e }) => {
+}, Ur = ({ labelKey: e }) => {
   const t = sd[e];
   return /* @__PURE__ */ n(t, {});
-}, Ur = (e) => /* @__PURE__ */ m(A, {
+}, Wr = (e) => /* @__PURE__ */ m(A, {
   viewBox: "0 0 16 16",
   ...e,
   children: [/* @__PURE__ */ n("path", {
@@ -3916,26 +3916,26 @@ var Jc = (e) => {
   })]
 }), cd = ({ label: e, options: t, onSelect: r }) => {
   const a = k();
-  return /* @__PURE__ */ n(Ht, {
+  return /* @__PURE__ */ n(Bt, {
     label: e,
-    icon: /* @__PURE__ */ n(Ur, {}),
+    icon: /* @__PURE__ */ n(Wr, {}),
     children: t.map((o) => /* @__PURE__ */ m(pe.Item, {
       className: be,
       onClick: () => r(o.scope),
-      children: [/* @__PURE__ */ n($r, { labelKey: o.labelKey }), /* @__PURE__ */ n("span", {
+      children: [/* @__PURE__ */ n(Ur, { labelKey: o.labelKey }), /* @__PURE__ */ n("span", {
         className: Ce,
         children: a(`graph.annotations.highlights.labels.${o.labelKey}`)
       })]
     }, o.scope))
   });
 }, dd = ({ label: e, layer: t, observation: r, highlights: a, onRequestClose: o }) => {
-  const i = k(), { dispatch: l } = le(), s = _((p) => p.coordSystem), c = O(() => Di(t, r), [t, r]), u = O(() => Yc(s, t), [s, t]), d = O(() => {
+  const i = k(), { dispatch: l } = le(), s = V((p) => p.coordSystem), c = O(() => Ri(t, r), [t, r]), u = O(() => Yc(s, t), [s, t]), d = O(() => {
     const p = new Set(a.map((g) => g.scope));
     return u.filter((g) => !p.has(g.scope));
   }, [u, a]), [h] = d;
   if (c === null || h === void 0) return null;
   const v = (p) => {
-    l(new Do({
+    l(new Ro({
       predicate: c,
       scope: p,
       layerId: t.id
@@ -3946,7 +3946,7 @@ var Jc = (e) => {
     return /* @__PURE__ */ m(pe.Item, {
       className: be,
       onClick: () => v(h.scope),
-      children: [/* @__PURE__ */ n($r, { labelKey: h.labelKey }), /* @__PURE__ */ n("span", {
+      children: [/* @__PURE__ */ n(Ur, { labelKey: h.labelKey }), /* @__PURE__ */ n("span", {
         className: Ce,
         children: p
       })]
@@ -3957,7 +3957,7 @@ var Jc = (e) => {
     options: d,
     onSelect: v
   });
-}, ud = "_1aafi1g0", hd = "_1aafi1g1", Wr = ({ children: e }) => /* @__PURE__ */ m("span", {
+}, ud = "_1aafi1g0", hd = "_1aafi1g1", Kr = ({ children: e }) => /* @__PURE__ */ m("span", {
   className: ud,
   "aria-hidden": "true",
   children: [e, /* @__PURE__ */ n("span", { className: hd })]
@@ -3965,18 +3965,18 @@ var Jc = (e) => {
   const { dispatch: a } = le(), o = t.at(-1);
   if (o === void 0) return null;
   const i = () => {
-    a(new Go({ id: o.id })), r();
+    a(new $o({ id: o.id })), r();
   };
   return /* @__PURE__ */ m(D.Item, {
     className: be,
     onClick: i,
-    children: [/* @__PURE__ */ n(Wr, { children: /* @__PURE__ */ n(Ur, {}) }), /* @__PURE__ */ n("span", {
+    children: [/* @__PURE__ */ n(Kr, { children: /* @__PURE__ */ n(Wr, {}) }), /* @__PURE__ */ n("span", {
       className: Ce,
       children: e
     })]
   });
 }, md = (e, t) => {
-  const r = _((o) => o.spec.highlights), a = _((o) => o.config.parsingLocale);
+  const r = V((o) => o.spec.highlights), a = V((o) => o.config.parsingLocale);
   return O(() => Xi({
     layer: e,
     highlights: r,
@@ -3988,7 +3988,7 @@ var Jc = (e) => {
     t,
     a
   ]);
-}, Kr = (e) => /* @__PURE__ */ m(A, {
+}, qr = (e) => /* @__PURE__ */ m(A, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -4021,12 +4021,12 @@ var Jc = (e) => {
   return /* @__PURE__ */ m(D.Item, {
     className: be,
     onClick: o,
-    children: [/* @__PURE__ */ n(Kr, {}), /* @__PURE__ */ n("span", {
+    children: [/* @__PURE__ */ n(qr, {}), /* @__PURE__ */ n("span", {
       className: Ce,
       children: e
     })]
   });
-}, qr = (e) => /* @__PURE__ */ m(A, {
+}, jr = (e) => /* @__PURE__ */ m(A, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -4061,26 +4061,26 @@ var Jc = (e) => {
   ]
 }), Xr = {
   pinnedNumber: {
-    icon: Kr,
+    icon: qr,
     labelKey: "graph.annotations.baseMenu.unpinNumber"
   },
   comment: {
-    icon: Br,
+    icon: Vr,
     labelKey: "graph.annotations.baseMenu.removeAnnotation"
   },
   sticker: {
-    icon: qr,
+    icon: jr,
     labelKey: "graph.annotations.baseMenu.removeSticker"
   },
   image: null
-}, vd = (e) => nl(e.kind) && Xr[e.kind] !== null, fd = ({ attachment: e, onRequestClose: t }) => {
+}, vd = (e) => rl(e.kind) && Xr[e.kind] !== null, fd = ({ attachment: e, onRequestClose: t }) => {
   const r = k(), { dispatch: a } = le(), { icon: o, labelKey: i } = Xr[e.kind], l = () => {
     a(new Te({ id: e.annotation.id })), t();
   };
   return /* @__PURE__ */ m(D.Item, {
     className: be,
     onClick: l,
-    children: [/* @__PURE__ */ n(Wr, { children: /* @__PURE__ */ n(o, {}) }), /* @__PURE__ */ n("span", {
+    children: [/* @__PURE__ */ n(Kr, { children: /* @__PURE__ */ n(o, {}) }), /* @__PURE__ */ n("span", {
       className: Ce,
       children: r(i)
     })]
@@ -4098,12 +4098,12 @@ var Jc = (e) => {
       }
     })), r();
   };
-  return /* @__PURE__ */ n(Ht, {
+  return /* @__PURE__ */ n(Bt, {
     label: e,
-    icon: /* @__PURE__ */ n(qr, {}),
+    icon: /* @__PURE__ */ n(jr, {}),
     children: /* @__PURE__ */ n("div", {
       className: bd,
-      children: Object.entries(mo).map(([i, l]) => /* @__PURE__ */ n(pe.Item, {
+      children: Object.entries(go).map(([i, l]) => /* @__PURE__ */ n(pe.Item, {
         className: Cd,
         "aria-label": i,
         onClick: () => o(i),
@@ -4116,7 +4116,7 @@ var Jc = (e) => {
     })
   });
 }, xd = ({ interaction: e, panelOrigin: t }) => {
-  const r = U(), a = X((i) => i.menuTrigger);
+  const r = U(), a = j((i) => i.menuTrigger);
   if (e.kind !== "menu" || a === null) return null;
   const o = () => {
     r.getState().releaseInteraction("menu");
@@ -4133,11 +4133,11 @@ var Jc = (e) => {
     onClose: o
   });
 }, wd = ({ trigger: e, layer: t, at: r, observation: a, onClose: o }) => {
-  const i = k(), l = Ft(), s = _((b) => b.spec.annotations), c = _((b) => b.config.parsingLocale), u = Ad(), { x: d, y: h, radius: v } = e, p = O(() => Td(d, h, v), [
+  const i = k(), l = Ht(), s = V((b) => b.spec.annotations), c = V((b) => b.config.parsingLocale), u = Ad(), { x: d, y: h, radius: v } = e, p = O(() => Td(d, h, v), [
     d,
     h,
     v
-  ]), g = Zi(s, r, O(() => Vi(t, c), [t, c])), f = g !== null && vd(g) ? g : null, C = md(t, a), L = (b, P) => {
+  ]), g = Yi(s, r, O(() => Gi(t, c), [t, c])), f = g !== null && vd(g) ? g : null, C = md(t, a), L = (b, P) => {
     !b && kd(P.reason) && o();
   };
   return /* @__PURE__ */ n(D.Root, {
@@ -4151,10 +4151,10 @@ var Jc = (e) => {
         side: "right",
         align: "start",
         sideOffset: 8,
-        className: Vr,
-        ..._r,
+        className: Gr,
+        ...Fr,
         children: /* @__PURE__ */ m(D.Popup, {
-          className: Gr,
+          className: $r,
           "data-testid": "observation-menu",
           children: [
             f !== null && /* @__PURE__ */ n(fd, {
@@ -4167,7 +4167,7 @@ var Jc = (e) => {
               onRequestClose: o
             }),
             /* @__PURE__ */ n(D.Separator, { className: Hc }),
-            f === null && /* @__PURE__ */ m(j, { children: [
+            f === null && /* @__PURE__ */ m(X, { children: [
               /* @__PURE__ */ n(gd, {
                 label: i("graph.annotations.baseMenu.pinNumber"),
                 at: r,
@@ -4209,10 +4209,10 @@ var Jc = (e) => {
   return N(() => {
     t(!0);
   }, []), e;
-}, kd = (e) => e === "outside-press" || e === "escape-key" || e === "item-press", Bt = "l8tsqe0", jr = ["start", "end"], Zr = ({ anchor: e, point: t, delta: r }) => {
+}, kd = (e) => e === "outside-press" || e === "escape-key" || e === "item-press", Vt = "l8tsqe0", Zr = ["start", "end"], Yr = ({ anchor: e, point: t, delta: r }) => {
   const a = {
-    x: mn(t.x, r.x),
-    y: mn(1 - t.y, r.y)
+    x: gn(t.x, r.x),
+    y: gn(1 - t.y, r.y)
   };
   return {
     anchor: {
@@ -4225,37 +4225,40 @@ var Jc = (e) => {
       y: t.y - a.y
     }
   };
-}, Vt = (e, t) => ({
+}, Gt = (e, t) => ({
   ...e,
   [t.endpoint]: {
     ...e[t.endpoint],
     ...t.point
   }
-}), Yr = (e, t) => e.x === t.x && e.y === t.y, Ld = (e, t) => ({
-  x: t.x + e.x * t.width,
-  y: t.y + (1 - e.y) * t.height
-}), Pd = (e, t, r) => {
-  const a = e.x * r.width, o = t.x * r.width, i = (1 - e.y) * r.height, l = (1 - t.y) * r.height;
+}), Jr = (e, t) => e.x === t.x && e.y === t.y, Ld = (e, t) => {
+  const r = Ve(e, t);
+  return {
+    x: t.x + r.x,
+    y: t.y + r.y
+  };
+}, Pd = (e, t, r) => {
+  const a = Ve(e, r), o = Ve(t, r);
   return {
-    x: Math.min(a, o),
-    y: Math.min(i, l),
-    width: Math.abs(o - a),
-    height: Math.abs(l - i)
+    x: Math.min(a.x, o.x),
+    y: Math.min(a.y, o.y),
+    width: Math.abs(o.x - a.x),
+    height: Math.abs(o.y - a.y)
   };
-}, mn = (e, t) => !Number.isFinite(t) || !Number.isFinite(e) ? 0 : Ge(t, Math.min(-e, 0), Math.max(1 - e, 0)), Id = ({ panelRect: e }) => {
-  const t = X((s) => V(s, "arrow-endpoint-drag")), r = fe(e).arrows, a = It();
+}, gn = (e, t) => !Number.isFinite(t) || !Number.isFinite(e) ? 0 : $e(t, Math.min(-e, 0), Math.max(1 - e, 0)), Id = ({ panelRect: e }) => {
+  const t = j((s) => B(s, "arrow-endpoint-drag")), r = fe(e).arrows, a = Et();
   if (t === null) return null;
   const o = r.find((s) => s.id === t.annotationId);
   if (o === void 0) return null;
-  const i = a(o.id), l = ir({
-    arrow: Vt(o, t),
+  const i = a(o.id), l = lr({
+    arrow: Gt(o, t),
     style: i,
     panelWidth: e.width,
     panelHeight: e.height
   });
   return l === null ? null : /* @__PURE__ */ n("svg", {
     "aria-hidden": "true",
-    className: Bt,
+    className: Vt,
     width: e.width,
     height: e.height,
     style: {
@@ -4271,9 +4274,9 @@ var Jc = (e) => {
     })
   });
 }, Oe = () => {
-  const e = jn();
-  return Ct(e);
-}, Ct = (e) => {
+  const e = Zn();
+  return yt(e);
+}, yt = (e) => {
   if (e.length !== 1) return null;
   const [t] = e;
   return t?.kind === "annotation" ? t.id : null;
@@ -4286,7 +4289,7 @@ var Jc = (e) => {
     strokeLinejoin: "round",
     children: [/* @__PURE__ */ n("path", { d: "m12 19-7-7 7-7" }), /* @__PURE__ */ n("path", { d: "M19 12H5" })]
   })
-}), Jr = (e) => /* @__PURE__ */ n(A, {
+}), Qr = (e) => /* @__PURE__ */ n(A, {
   ...e,
   children: /* @__PURE__ */ m("g", {
     stroke: "currentColor",
@@ -4304,7 +4307,7 @@ var Jc = (e) => {
     strokeLinejoin: "round",
     children: [/* @__PURE__ */ n("path", { d: "M7 17 17 7" }), /* @__PURE__ */ n("path", { d: "M7 7h10v10" })]
   })
-}), Qr = (e) => /* @__PURE__ */ n(A, {
+}), ea = (e) => /* @__PURE__ */ n(A, {
   ...e,
   children: /* @__PURE__ */ m("g", {
     fill: "currentColor",
@@ -4332,7 +4335,7 @@ var Jc = (e) => {
       })
     ]
   })
-}), tt = (e) => /* @__PURE__ */ n(A, {
+}), nt = (e) => /* @__PURE__ */ n(A, {
   ...e,
   children: /* @__PURE__ */ m("g", {
     stroke: "currentColor",
@@ -4347,7 +4350,7 @@ var Jc = (e) => {
     ]
   })
 }), Nd = "var(--pvjfpx0)", Od = "var(--pvjfpx1)", Dd = "pvjfpx2", Rd = "pvjfpx3", zd = "pvjfpx4", _d = "pvjfpx6 pvjfpx5", Fd = "pvjfpx7 pvjfpx6 pvjfpx5", Hd = "pvjfpx8 pvjfpx5", Le = 8, Bd = ({ anchorBox: e, panelRect: t, frameWidth: r, frameHeight: a }) => {
-  const o = t.y + e.y, i = o + e.height, l = o - 8 - 36, s = i + 8, c = Ge(l >= Le ? l : s, Le, a - Le - 36), u = Le;
+  const o = t.y + e.y, i = o + e.height, l = o - 8 - 36, s = i + 8, c = $e(l >= Le ? l : s, Le, a - Le - 36), u = Le;
   return {
     top: c,
     left: u,
@@ -4372,8 +4375,8 @@ var Jc = (e) => {
       "aria-label": o,
       className: Rd,
       "data-testid": i,
-      ...et(s),
-      style: pr({
+      ...tt(s),
+      style: mr({
         [Nd]: `${c.centre}px`,
         [Od]: `${c.available}px`
       }),
@@ -4394,7 +4397,7 @@ var Jc = (e) => {
       onMouseDown: (s) => s.preventDefault(),
       children: [t, /* @__PURE__ */ n(Ne, { size: "sm" })]
     }), /* @__PURE__ */ n(K.MenuPopup, {
-      popupAttributes: et(l),
+      popupAttributes: tt(l),
       children: i
     })]
   });
@@ -4402,7 +4405,7 @@ var Jc = (e) => {
   const { chartId: t } = G();
   return /* @__PURE__ */ n(K.ColorPicker, {
     ...e,
-    popupAttributes: et(t)
+    popupAttributes: tt(t)
   });
 }, Ud = ({ color: e, opacity: t }) => /* @__PURE__ */ n("span", {
   className: zd,
@@ -4431,7 +4434,7 @@ var Jc = (e) => {
   ToggleButton: Kd,
   Button: K.Button,
   Separator: K.Separator
-}, qd = { kind: "chrome-popup" }, nt = () => {
+}, qd = { kind: "chrome-popup" }, rt = () => {
   const { commands: e } = G(), t = U(), [r, a] = J(null);
   N(() => () => e.seal(), [e]), N(() => {
     const { claimInteraction: i, releaseInteraction: l } = t.getState();
@@ -4447,7 +4450,7 @@ var Jc = (e) => {
     }),
     close: o
   };
-}, Xd = (e) => /* @__PURE__ */ n(A, {
+}, jd = (e) => /* @__PURE__ */ n(A, {
   ...e,
   children: /* @__PURE__ */ m("g", {
     stroke: "currentColor",
@@ -4459,7 +4462,7 @@ var Jc = (e) => {
       /* @__PURE__ */ n("path", { d: "M16 8 19 5" })
     ]
   })
-}), jd = (e) => /* @__PURE__ */ n(A, {
+}), Xd = (e) => /* @__PURE__ */ n(A, {
   ...e,
   children: /* @__PURE__ */ m("g", {
     stroke: "currentColor",
@@ -4483,26 +4486,26 @@ var Jc = (e) => {
   })
 }), Yd = [
   {
-    value: st.thin,
+    value: ct.thin,
     key: "graph.annotations.arrowToolbar.thickness.thin"
   },
   {
-    value: st.medium,
+    value: ct.medium,
     key: "graph.annotations.arrowToolbar.thickness.medium"
   },
   {
-    value: st.thick,
+    value: ct.thick,
     key: "graph.annotations.arrowToolbar.thickness.thick"
   }
-], gn = [{
+], vn = [{
   value: "line-arrow",
   key: "graph.annotations.arrowToolbar.arrowhead.lineArrow",
-  Icon: Jr
+  Icon: Qr
 }, {
   value: "none",
   key: "graph.annotations.arrowToolbar.arrowhead.none",
-  Icon: Io
-}], vn = [
+  Icon: Eo
+}], fn = [
   {
     value: "solid",
     key: "graph.annotations.arrowToolbar.lineStyle.solid",
@@ -4511,22 +4514,22 @@ var Jc = (e) => {
   {
     value: "dashed",
     key: "graph.annotations.arrowToolbar.lineStyle.dashed",
-    Icon: Xd
+    Icon: jd
   },
   {
     value: "dotted",
     key: "graph.annotations.arrowToolbar.lineStyle.dotted",
-    Icon: jd
+    Icon: Xd
   }
 ], Jd = (e, t) => e.find((r) => r.value === t) ?? e[0];
 var Qd = ({ arrow: e, arrowBox: t, panelRect: r, frameWidth: a, frameHeight: o, frameElement: i }) => {
-  const l = k(), { commands: s } = G(), c = _((y) => y.spec.styles.overrides), u = nt(), d = It()(e.id), h = Jd(vn, d.lineType), v = d.borderWidth > 0 || d.shadow !== "none", p = O(() => ({
+  const l = k(), { commands: s } = G(), c = V((y) => y.spec.styles.overrides), u = rt(), d = Et()(e.id), h = Jd(fn, d.lineType), v = d.borderWidth > 0 || d.shadow !== "none", p = O(() => ({
     target: "annotation",
     kind: "arrow",
     annotation: e.id
   }), [e.id]), g = (y, M) => {
-    const T = Nt(c, { select: p })?.declarations ?? {};
-    s.dispatch(new Mt({
+    const T = Ot(c, { select: p })?.declarations ?? {};
+    s.dispatch(new Nt({
       list: "overrides",
       rule: {
         select: p,
@@ -4549,7 +4552,7 @@ var Qd = ({ arrow: e, arrowBox: t, panelRect: r, frameWidth: a, frameHeight: o,
   }, b = (y) => g({ color: y }, { transient: !0 }), P = (y) => f({ strokeWidth: y }), I = (y) => C({ startArrowheadStyle: y }), x = (y) => f({ lineType: y }), z = (y) => C({ endArrowheadStyle: y }), R = () => g(v ? {
     borderWidth: 0,
     shadow: "none"
-  } : Oo);
+  } : Do);
   return /* @__PURE__ */ m(E.Root, {
     anchorBox: t,
     panelRect: r,
@@ -4567,7 +4570,7 @@ var Qd = ({ arrow: e, arrowBox: t, panelRect: r, frameWidth: a, frameHeight: o,
       }),
       /* @__PURE__ */ n(E.Dropdown, {
         label: l("graph.annotations.arrowToolbar.thickness.ariaLabel"),
-        trigger: /* @__PURE__ */ n(Qr, {
+        trigger: /* @__PURE__ */ n(ea, {
           size: "sm",
           title: ""
         }),
@@ -4586,7 +4589,7 @@ var Qd = ({ arrow: e, arrowBox: t, panelRect: r, frameWidth: a, frameHeight: o,
         }),
         ...u.bind("startArrowhead"),
         children: /* @__PURE__ */ n(_e, {
-          options: gn,
+          options: vn,
           current: e.startArrowheadStyle,
           onPick: I
         })
@@ -4599,20 +4602,20 @@ var Qd = ({ arrow: e, arrowBox: t, panelRect: r, frameWidth: a, frameHeight: o,
         }),
         ...u.bind("lineStyle"),
         children: /* @__PURE__ */ n(_e, {
-          options: vn,
+          options: fn,
           current: d.lineType,
           onPick: x
         })
       }),
       /* @__PURE__ */ n(E.Dropdown, {
         label: l("graph.annotations.arrowToolbar.endArrowhead"),
-        trigger: /* @__PURE__ */ n(Jr, {
+        trigger: /* @__PURE__ */ n(Qr, {
           size: "sm",
           title: ""
         }),
         ...u.bind("endArrowhead"),
         children: /* @__PURE__ */ n(_e, {
-          options: gn,
+          options: vn,
           current: e.endArrowheadStyle,
           onPick: z
         })
@@ -4630,7 +4633,7 @@ var Qd = ({ arrow: e, arrowBox: t, panelRect: r, frameWidth: a, frameHeight: o,
       /* @__PURE__ */ n(E.IconButton, {
         label: l("graph.annotations.arrowToolbar.remove"),
         onClick: L,
-        children: /* @__PURE__ */ n(tt, {
+        children: /* @__PURE__ */ n(nt, {
           size: "sm",
           title: ""
         })
@@ -4639,7 +4642,7 @@ var Qd = ({ arrow: e, arrowBox: t, panelRect: r, frameWidth: a, frameHeight: o,
   });
 }, _e = ({ options: e, current: t, onPick: r }) => {
   const a = k(), o = (i) => () => r(i);
-  return /* @__PURE__ */ n(j, { children: e.map((i) => /* @__PURE__ */ m(E.MenuItem, {
+  return /* @__PURE__ */ n(X, { children: e.map((i) => /* @__PURE__ */ m(E.MenuItem, {
     isSelected: i.value === t,
     onClick: o(i.value),
     children: [/* @__PURE__ */ n("span", { children: a(i.key) }), i.Icon !== void 0 && /* @__PURE__ */ n("span", {
@@ -4650,10 +4653,10 @@ var Qd = ({ arrow: e, arrowBox: t, panelRect: r, frameWidth: a, frameHeight: o,
       })
     })]
   }, String(i.value))) });
-}, eu = "_1me29t10", te = (e, t) => t > 0 ? e / t : 0, rt = (e, t, r) => ({
+}, eu = "_1me29t10", te = (e, t) => t > 0 ? e / t : 0, at = (e, t, r) => ({
   x: te(t.x - e.x, r.width),
   y: te(t.y - e.y, r.height)
-}), tu = (e) => e.x !== 0 || e.y !== 0, ea = (e, t) => ({
+}), tu = (e) => e.x !== 0 || e.y !== 0, ta = (e, t) => ({
   x: e.x * t.width,
   y: e.y * t.height
 });
@@ -4703,43 +4706,43 @@ var nu = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, De = class {
   cancelFrame() {
     this.scheduledFrame !== null && (cancelAnimationFrame(this.scheduledFrame), this.scheduledFrame = null);
   }
-}, Ue = (e, t, r) => {
+}, We = (e, t, r) => {
   const a = e.arrows.find((i) => i.id === t);
   if (a === void 0) return null;
   const o = a[r];
   return o.anchorType === "panel" ? o : null;
-}, ta = (e, t) => e === "start" ? { start: t } : { end: t }, ru = class extends De {
+}, na = (e, t) => e === "start" ? { start: t } : { end: t }, ru = class extends De {
   constructor(...e) {
     super(...e), this.kind = "arrow-endpoint-drag";
   }
   readOwn(e) {
     const { annotationId: t, endpoint: r } = this.params;
-    return Et(V(e, "arrow-endpoint-drag"), t, r);
+    return Mt(B(e, "arrow-endpoint-drag"), t, r);
   }
   resolvePreview(e) {
-    const { annotationId: t, endpoint: r, press: a, readInputs: o } = this.params, { annotations: i, arrow: l, panelRect: s } = o(), c = Ue(i, t, r);
+    const { annotationId: t, endpoint: r, press: a, readInputs: o } = this.params, { annotations: i, arrow: l, panelRect: s } = o(), c = We(i, t, r);
     return c === null ? null : {
       kind: "arrow-endpoint-drag",
       annotationId: t,
       endpoint: r,
-      ...Zr({
+      ...Yr({
         anchor: c,
         point: l[r],
-        delta: rt(a, e, s)
+        delta: at(a, e, s)
       })
     };
   }
   commit({ anchor: e }) {
-    const { annotationId: t, endpoint: r, dispatch: a, readInputs: o } = this.params, i = Ue(o().annotations, t, r);
-    i === null || Yr(i, e) || a(new ne({
+    const { annotationId: t, endpoint: r, dispatch: a, readInputs: o } = this.params, i = We(o().annotations, t, r);
+    i === null || Jr(i, e) || a(new ne({
       kind: "arrow",
       id: t,
-      patch: ta(r, e)
+      patch: na(r, e)
     }));
   }
 }, au = ({ annotationId: e, arrow: t, panelRect: r }) => {
   const { commands: a } = G(), o = U(), i = Y({
-    annotations: _((s) => s.spec.annotations),
+    annotations: V((s) => s.spec.annotations),
     arrow: t,
     panelRect: r
   }), l = ee(null);
@@ -4773,10 +4776,10 @@ var nu = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, De = class {
     o,
     a
   ]);
-}, ou = [" ", "Enter"], fn = 4, iu = ({ annotationId: e, arrow: t, panelRect: r }) => {
-  const { commands: a } = G(), o = U(), i = _((c) => c.spec.annotations), l = Y(i), s = Y(a.dispatch);
+}, ou = [" ", "Enter"], bn = 4, iu = ({ annotationId: e, arrow: t, panelRect: r }) => {
+  const { commands: a } = G(), o = U(), i = V((c) => c.spec.annotations), l = Y(i), s = Y(a.dispatch);
   return N(() => () => {
-    for (const c of jr) bn({
+    for (const c of Zr) Cn({
       editorStore: o,
       annotationId: e,
       endpoint: c,
@@ -4790,11 +4793,11 @@ var nu = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, De = class {
     s
   ]), oe((c) => ({ onKeyDown: (u) => {
     if (u.altKey || u.ctrlKey || u.metaKey || u.shiftKey) return;
-    const d = o.getState(), h = Et(V(d, "arrow-endpoint-drag"), e, c);
+    const d = o.getState(), h = Mt(B(d, "arrow-endpoint-drag"), e, c);
     if (ou.includes(u.key)) {
       if (u.preventDefault(), u.repeat) return;
       if (h !== null) {
-        bn({
+        Cn({
           editorStore: o,
           annotationId: e,
           endpoint: c,
@@ -4803,7 +4806,7 @@ var nu = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, De = class {
         });
         return;
       }
-      const p = Ue(i, e, c);
+      const p = We(i, e, c);
       if (p === null) return;
       d.claimInteraction({
         kind: "arrow-endpoint-drag",
@@ -4820,7 +4823,7 @@ var nu = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, De = class {
       kind: "arrow-endpoint-drag",
       annotationId: e,
       endpoint: c,
-      ...Zr({
+      ...Yr({
         anchor: h.anchor,
         point: h.point,
         delta: v
@@ -4834,18 +4837,18 @@ var nu = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, De = class {
     o,
     a
   ]);
-}, bn = ({ editorStore: e, annotationId: t, endpoint: r, annotations: a, dispatch: o }) => {
-  const i = e.getState(), l = Et(V(i, "arrow-endpoint-drag"), t, r);
+}, Cn = ({ editorStore: e, annotationId: t, endpoint: r, annotations: a, dispatch: o }) => {
+  const i = e.getState(), l = Mt(B(i, "arrow-endpoint-drag"), t, r);
   if (l === null) return;
   i.releaseInteraction("arrow-endpoint-drag");
-  const s = Ue(a, t, r);
-  s === null || Yr(s, l.anchor) || o(new ne({
+  const s = We(a, t, r);
+  s === null || Jr(s, l.anchor) || o(new ne({
     kind: "arrow",
     id: t,
-    patch: ta(r, l.anchor)
+    patch: na(r, l.anchor)
   }));
 }, lu = (e, t) => {
-  const r = te(fn, t.width), a = te(fn, t.height);
+  const r = te(bn, t.width), a = te(bn, t.height);
   switch (e) {
     case "ArrowLeft":
       return {
@@ -4873,7 +4876,7 @@ var nu = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, De = class {
 }, su = (e) => {
   const t = Oe(), r = uu(t), a = hu(e.panelRect, t), o = pu(t);
   if (r === null || a === null) return null;
-  const i = o.dragged === null ? a : Vt(a, o.dragged);
+  const i = o.dragged === null ? a : Gt(a, o.dragged);
   return /* @__PURE__ */ n(cu, {
     arrow: r,
     committed: a,
@@ -4902,7 +4905,7 @@ var nu = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, De = class {
       frameWidth: l.width,
       frameHeight: l.height,
       frameElement: s
-    }), !o && jr.filter((h) => e[h].anchorType === "panel").map((h) => /* @__PURE__ */ n(du, {
+    }), !o && Zr.filter((h) => e[h].anchorType === "panel").map((h) => /* @__PURE__ */ n(du, {
       endpoint: h,
       point: Ld(r[h], i),
       label: c(`graph.annotations.arrowToolbar.moveEndpoint.${h}`),
@@ -4924,20 +4927,20 @@ var nu = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, De = class {
   ...a,
   ...o
 }), uu = (e) => {
-  const t = _((r) => r.spec.annotations.arrows);
+  const t = V((r) => r.spec.annotations.arrows);
   return e === null ? null : t.find((r) => r.id === e) ?? null;
 }, hu = (e, t) => {
   const r = fe(e).arrows;
   return t === null ? null : r.find((a) => a.id === t) ?? null;
-}, pu = (e) => X(ke((t) => {
+}, pu = (e) => j(ke((t) => {
   if (e === null) return {
     dragged: null,
     isMoved: !1
   };
-  const r = V(t, "arrow-endpoint-drag");
+  const r = B(t, "arrow-endpoint-drag");
   return {
     dragged: r?.annotationId === e ? r : null,
-    isMoved: Ze(V(t, "move-drag"), e) !== null
+    isMoved: Ye(B(t, "move-drag"), e) !== null
   };
 })), mu = (e) => /* @__PURE__ */ n(A, {
   ...e,
@@ -4953,29 +4956,29 @@ var bu = [
   "absolute-difference",
   "relative-difference",
   "proportion"
-], Cn = ["absolute-difference", "relative-difference"], Cu = ["relative-difference", "proportion"], yu = {
+], yn = ["absolute-difference", "relative-difference"], Cu = ["relative-difference", "proportion"], yu = {
   "absolute-difference": "graph.annotations.differenceArrowToolbar.labelKind.absoluteDifference",
   "relative-difference": "graph.annotations.differenceArrowToolbar.labelKind.relativeDifference",
   proportion: "graph.annotations.differenceArrowToolbar.labelKind.proportion"
 }, Su = (e) => {
-  const { formattingLocale: t } = G(), r = _((o) => o.config.parsingLocale), a = t ?? r;
+  const { formattingLocale: t } = G(), r = V((o) => o.config.parsingLocale), a = t ?? r;
   return O(() => {
-    const o = Mi(e.start, e.end);
-    return bu.filter((i) => o || !Cn.includes(i) || i === e.label).map((i) => ({
+    const o = Ni(e.start, e.end);
+    return bu.filter((i) => o || !yn.includes(i) || i === e.label).map((i) => ({
       kind: i,
       key: yu[i],
-      preview: Ji({
+      preview: Qi({
         locale: a,
         kind: i,
         startValue: e.start.measurementValue,
         endValue: e.end.measurementValue,
         valueFormat: e.start.valueFormat
       }),
-      isPickable: o || !Cn.includes(i),
+      isPickable: o || !yn.includes(i),
       isSuspect: Cu.includes(i) && e.start.measurementValue === 0
     }));
   }, [e, a]);
-}, dt = [
+}, ut = [
   {
     id: "small",
     key: "graph.annotations.differenceArrowToolbar.size.small"
@@ -4989,7 +4992,7 @@ var bu = [
     key: "graph.annotations.differenceArrowToolbar.size.large"
   }
 ], xu = ({ arrow: e, color: t, labelBox: r, panelRect: a, frameWidth: o, frameHeight: i, frameElement: l }) => {
-  const s = k(), { commands: c } = G(), u = nt(), d = Su(e), h = d.find((x) => x.kind === e.label), v = d.some((x) => x.isPickable && x.kind !== e.label), p = dt.find((x) => x.id === e.size) ?? dt[0], g = (x, z) => {
+  const s = k(), { commands: c } = G(), u = rt(), d = Su(e), h = d.find((x) => x.kind === e.label), v = d.some((x) => x.isPickable && x.kind !== e.label), p = ut.find((x) => x.id === e.size) ?? ut[0], g = (x, z) => {
     c.dispatch(new ne({
       kind: "differenceArrow",
       id: e.id,
@@ -5047,7 +5050,7 @@ var bu = [
         label: s("graph.annotations.differenceArrowToolbar.size.ariaLabel"),
         trigger: p === void 0 ? "" : s(p.key),
         ...u.bind("size"),
-        children: dt.map((x) => /* @__PURE__ */ n(E.MenuItem, {
+        children: ut.map((x) => /* @__PURE__ */ n(E.MenuItem, {
           isSelected: x.id === e.size,
           onClick: I(x.id),
           children: s(x.key)
@@ -5065,7 +5068,7 @@ var bu = [
       /* @__PURE__ */ n(E.IconButton, {
         label: s("graph.annotations.differenceArrowToolbar.remove"),
         onClick: C,
-        children: /* @__PURE__ */ n(tt, {
+        children: /* @__PURE__ */ n(nt, {
           size: "sm",
           title: ""
         })
@@ -5074,7 +5077,7 @@ var bu = [
   });
 }, wu = ({ option: e }) => {
   const t = k();
-  return e === void 0 ? null : /* @__PURE__ */ m(j, { children: [/* @__PURE__ */ n("span", {
+  return e === void 0 ? null : /* @__PURE__ */ m(X, { children: [/* @__PURE__ */ n("span", {
     className: vu,
     children: t(e.key)
   }), /* @__PURE__ */ m("span", {
@@ -5090,11 +5093,11 @@ var Tu = "ydgo3h0", Au = "ydgo3h1", ku = "ydgo3h2", Lu = ({ clientPoint: e, pane
   const u = Pu({
     x: e.x - t.x,
     y: e.y - t.y
-  }, r), { primary: d } = a.query(Ot(u, r));
+  }, r), { primary: d } = a.query(Dt(u, r));
   if (d === null) return null;
   const h = o.find((p) => p.id === d.layerId);
   if (h === void 0) return null;
-  const v = ur({
+  const v = hr({
     resolver: l,
     layer: h,
     observation: d.observation,
@@ -5102,12 +5105,12 @@ var Tu = "ydgo3h0", Au = "ydgo3h1", ku = "ydgo3h2", Lu = ({ clientPoint: e, pane
     coordSystem: i,
     align: c
   });
-  return v === null || or(v.anchor, s) ? null : v;
+  return v === null || ir(v.anchor, s) ? null : v;
 }, Pu = (e, t) => ({
   x: Math.max(0, Math.min(e.x, t.width)),
   y: Math.max(0, Math.min(e.y, t.height))
-}), na = (e) => e === "start" ? "end" : "start", ra = ({ dispatch: e, arrow: t, endpoint: r, anchor: a }) => {
-  or(a, t[r].anchor) || e(new ne({
+}), ra = (e) => e === "start" ? "end" : "start", aa = ({ dispatch: e, arrow: t, endpoint: r, anchor: a }) => {
+  ir(a, t[r].anchor) || e(new ne({
     kind: "differenceArrow",
     id: t.id,
     patch: { [r]: a }
@@ -5121,7 +5124,7 @@ var Tu = "ydgo3h0", Au = "ydgo3h1", ku = "ydgo3h2", Lu = ({ clientPoint: e, pane
   }
   readOwn(e) {
     const { endpoint: t, readInputs: r } = this.params;
-    return Wn(V(e, "difference-arrow-endpoint-drag"), r().arrow.id, t);
+    return Kn(B(e, "difference-arrow-endpoint-drag"), r().arrow.id, t);
   }
   resolvePreview(e) {
     const { endpoint: t, readInputs: r, engine: a, anchorResolver: o } = this.params, { arrow: i, panelOrigin: l, panelRect: s, layers: c, coordSystem: u } = r(), d = Lu({
@@ -5132,7 +5135,7 @@ var Tu = "ydgo3h0", Au = "ydgo3h1", ku = "ydgo3h2", Lu = ({ clientPoint: e, pane
       layers: c,
       coordSystem: u,
       resolver: o,
-      fixedAnchor: i[na(t)].anchor,
+      fixedAnchor: i[ra(t)].anchor,
       align: i[t].anchor.align
     });
     return d === null ? null : {
@@ -5144,7 +5147,7 @@ var Tu = "ydgo3h0", Au = "ydgo3h1", ku = "ydgo3h2", Lu = ({ clientPoint: e, pane
   }
   commit({ point: e, endpoint: t }) {
     const { dispatch: r, readInputs: a } = this.params;
-    ra({
+    aa({
       dispatch: r,
       arrow: a().arrow,
       endpoint: t,
@@ -5152,11 +5155,11 @@ var Tu = "ydgo3h0", Au = "ydgo3h1", ku = "ydgo3h2", Lu = ({ clientPoint: e, pane
     });
   }
 }, Eu = ({ arrow: e, panelOrigin: t, panelRect: r }) => {
-  const { commands: a, anchorResolver: o } = G(), { engine: i } = Pt(), l = U(), s = Y({
+  const { commands: a, anchorResolver: o } = G(), { engine: i } = It(), l = U(), s = Y({
     arrow: e,
     panelOrigin: t,
     panelRect: r,
-    ..._(ke((u) => ({
+    ...V(ke((u) => ({
       layers: u.layers,
       coordSystem: u.coordSystem
     })))
@@ -5194,17 +5197,17 @@ var Tu = "ydgo3h0", Au = "ydgo3h1", ku = "ydgo3h2", Lu = ({ clientPoint: e, pane
     a
   ]);
 }, Mu = [" ", "Enter"], Nu = ({ arrow: e }) => {
-  const { commands: t, anchorResolver: r } = G(), a = U(), { layers: o, coordSystem: i, mainAxis: l } = _(ke((c) => ({
+  const { commands: t, anchorResolver: r } = G(), a = U(), { layers: o, coordSystem: i, mainAxis: l } = V(ke((c) => ({
     layers: c.layers,
     coordSystem: c.coordSystem,
     mainAxis: c.coordSystem.type === "cartesian" ? c.coordSystem.mainAxis : "x"
   }))), s = e.id;
   return N(() => () => {
     const c = a.getState();
-    V(c, "difference-arrow-endpoint-drag")?.annotationId === s && c.releaseInteraction("difference-arrow-endpoint-drag");
+    B(c, "difference-arrow-endpoint-drag")?.annotationId === s && c.releaseInteraction("difference-arrow-endpoint-drag");
   }, [a, s]), oe((c) => ({ onKeyDown: (u) => {
     if (u.altKey || u.ctrlKey || u.metaKey || u.shiftKey) return;
-    const d = a.getState(), h = Wn(V(d, "difference-arrow-endpoint-drag"), e.id, c);
+    const d = a.getState(), h = Kn(B(d, "difference-arrow-endpoint-drag"), e.id, c);
     if (Mu.includes(u.key)) {
       if (u.preventDefault(), u.repeat) return;
       if (h === null) return d.claimInteraction({
@@ -5213,7 +5216,7 @@ var Tu = "ydgo3h0", Au = "ydgo3h1", ku = "ydgo3h2", Lu = ({ clientPoint: e, pane
         endpoint: c,
         point: e[c]
       });
-      d.releaseInteraction("difference-arrow-endpoint-drag"), ra({
+      d.releaseInteraction("difference-arrow-endpoint-drag"), aa({
         dispatch: t.dispatch,
         arrow: e,
         endpoint: c,
@@ -5264,10 +5267,10 @@ var Tu = "ydgo3h0", Au = "ydgo3h1", ku = "ydgo3h2", Lu = ({ clientPoint: e, pane
   return ml({
     layer: s,
     from: r,
-    partner: e[na(t)].anchor,
+    partner: e[ra(t)].anchor,
     axis: a.axis,
     step: a.step,
-    getObservationPoint: (d, h) => ur({
+    getObservationPoint: (d, h) => hr({
       resolver: l,
       layer: s,
       observation: d,
@@ -5284,7 +5287,7 @@ var Tu = "ydgo3h0", Au = "ydgo3h1", ku = "ydgo3h2", Lu = ({ clientPoint: e, pane
     ...e
   });
 }, zu = ({ annotationId: e, ...t }) => {
-  const r = Co(), a = O(() => r.find((o) => o.id === e), [r, e]);
+  const r = yo(), a = O(() => r.find((o) => o.id === e), [r, e]);
   return a === void 0 ? null : /* @__PURE__ */ n(_u, {
     committedArrow: a.committedArrow,
     color: a.color,
@@ -5324,14 +5327,14 @@ var Tu = "ydgo3h0", Au = "ydgo3h1", ku = "ydgo3h2", Lu = ({ clientPoint: e, pane
           height: a.height + 4
         }
       }),
-      /* @__PURE__ */ n(yn, {
+      /* @__PURE__ */ n(Sn, {
         endpoint: "start",
         point: o,
         panelRect: l,
         dragHandlers: h("start"),
         keyboardHandlers: v("start")
       }),
-      /* @__PURE__ */ n(yn, {
+      /* @__PURE__ */ n(Sn, {
         endpoint: "end",
         point: i,
         panelRect: l,
@@ -5340,7 +5343,7 @@ var Tu = "ydgo3h0", Au = "ydgo3h1", ku = "ydgo3h2", Lu = ({ clientPoint: e, pane
       })
     ]
   });
-}, yn = ({ endpoint: e, point: t, panelRect: r, dragHandlers: a, keyboardHandlers: o }) => /* @__PURE__ */ n("div", {
+}, Sn = ({ endpoint: e, point: t, panelRect: r, dragHandlers: a, keyboardHandlers: o }) => /* @__PURE__ */ n("div", {
   className: Tu,
   "data-testid": "difference-arrow-selection-handle",
   "data-endpoint": e,
@@ -5356,14 +5359,14 @@ var Tu = "ydgo3h0", Au = "ydgo3h1", ku = "ydgo3h2", Lu = ({ clientPoint: e, pane
     "aria-hidden": "true",
     className: Au
   })
-}), yt = ({ start: e, extent: t, isStartMoving: r, delta: a, minExtent: o }) => {
+}), St = ({ start: e, extent: t, isStartMoving: r, delta: a, minExtent: o }) => {
   if (!Number.isFinite(a)) return {
     start: e,
     extent: t
   };
   const i = e + t, l = Math.min(o, t);
   if (r) {
-    const u = Math.min(0, e), d = Math.min(Math.max(1, e), i - l), h = Ge(e + a, u, d);
+    const u = Math.min(0, e), d = Math.min(Math.max(1, e), i - l), h = $e(e + a, u, d);
     return {
       start: h,
       extent: i - h
@@ -5372,7 +5375,7 @@ var Tu = "ydgo3h0", Au = "ydgo3h1", ku = "ydgo3h2", Lu = ({ clientPoint: e, pane
   const s = Math.max(Math.min(0, i), e + l), c = Math.max(1, i);
   return {
     start: e,
-    extent: Ge(i + a, s, c) - e
+    extent: $e(i + a, s, c) - e
   };
 }, Fu = [
   "top-left",
@@ -5380,28 +5383,28 @@ var Tu = "ydgo3h0", Au = "ydgo3h1", ku = "ydgo3h2", Lu = ({ clientPoint: e, pane
   "bottom-right",
   "bottom-left"
 ];
-var aa = ({ width: e, height: t }) => ({
+var oa = ({ width: e, height: t }) => ({
   x: te(16, e),
   y: te(16, t)
 }), Hu = (e, t) => ({
-  x: la(t) ? e.x : e.x + e.width,
-  y: sa(t) ? e.y : e.y + e.height
-}), Gt = (e) => ({
+  x: sa(t) ? e.x : e.x + e.width,
+  y: ca(t) ? e.y : e.y + e.height
+}), $t = (e) => ({
   x: e.x,
   y: 1 - e.y - e.height,
   width: e.width,
   height: e.height
-}), oa = ({ region: e, corner: t, delta: r, minSize: a }) => {
-  const o = yt({
+}), ia = ({ region: e, corner: t, delta: r, minSize: a }) => {
+  const o = St({
     start: e.x,
     extent: e.width,
-    isStartMoving: la(t),
+    isStartMoving: sa(t),
     delta: r.x,
     minExtent: a.x
-  }), i = yt({
+  }), i = St({
     start: e.y,
     extent: e.height,
-    isStartMoving: sa(t),
+    isStartMoving: ca(t),
     delta: r.y,
     minExtent: a.y
   });
@@ -5412,9 +5415,9 @@ var aa = ({ width: e, height: t }) => ({
     width: o.extent,
     height: i.extent
   };
-}, ia = (e, t) => e.x === t.x && e.y === t.y && e.width === t.width && e.height === t.height, la = (e) => e === "top-left" || e === "bottom-left", sa = (e) => e === "top-left" || e === "top-right", ca = (e, t, r, a) => {
+}, la = (e, t) => e.x === t.x && e.y === t.y && e.width === t.width && e.height === t.height, sa = (e) => e === "top-left" || e === "bottom-left", ca = (e) => e === "top-left" || e === "top-right", da = (e, t, r, a) => {
   const o = e.textAnnotations.find((i) => i.id === t);
-  return o === void 0 ? null : lo(yo(o, r), a);
+  return o === void 0 ? null : so(So(o, r), a);
 };
 var Bu = {
   hovered: "_1ee8fau1 _1ee8fau0",
@@ -5423,7 +5426,7 @@ var Bu = {
   hovered: "_1ee8fau4 _1ee8fau3",
   selected: "_1ee8fau5 _1ee8fau3"
 }, Gu = ({ panelRect: e }) => {
-  const t = fe(e), r = Kn(), a = $n(), o = Oe(), i = X((f) => V(f, "move-drag")), l = X((f) => V(f, "shape-resize-drag")), s = X((f) => V(f, "arrow-endpoint-drag")), c = X((f) => V(f, "text-resize-drag")), u = X((f) => {
+  const t = fe(e), r = qn(), a = Un(), o = Oe(), i = j((f) => B(f, "move-drag")), l = j((f) => B(f, "shape-resize-drag")), s = j((f) => B(f, "arrow-endpoint-drag")), c = j((f) => B(f, "text-resize-drag")), u = j((f) => {
     const C = f.editTargetUnderPointer;
     return C?.kind === "annotation" ? C.id : null;
   }), d = O(() => ({
@@ -5438,52 +5441,52 @@ var Bu = {
     e.height,
     r,
     a
-  ]), h = Sn(t, o, d), v = Sn(t, u === o ? null : u, d), p = (f) => {
+  ]), h = xn(t, o, d), v = xn(t, u === o ? null : u, d), p = (f) => {
     if (l?.annotationId === f.id) {
       const C = t.shapes.find((L) => L.id === f.id);
-      return C === void 0 ? f.geometry : Zn(Gt(l.region), pl(a, C.id).borderWidth, d.panel);
+      return C === void 0 ? f.geometry : Yn($t(l.region), pl(a, C.id).borderWidth, d.panel);
     }
     if (s?.annotationId === f.id) {
       const C = t.arrows.find((L) => L.id === f.id);
-      return C === void 0 ? f.geometry : po(Vt(C, s), d.panel) ?? f.geometry;
+      return C === void 0 ? f.geometry : mo(Gt(C, s), d.panel) ?? f.geometry;
     }
-    return c?.annotationId === f.id ? ca(t, f.id, c, d) ?? f.geometry : f.geometry;
+    return c?.annotationId === f.id ? da(t, f.id, c, d) ?? f.geometry : f.geometry;
   }, g = (f) => {
     if (i?.annotationId !== f) return e;
-    const C = ea(i.translation, e);
+    const C = ta(i.translation, e);
     return {
       x: e.x + C.x,
       y: e.y + C.y
     };
   };
-  return /* @__PURE__ */ m(j, { children: [v !== null && /* @__PURE__ */ n(xn, {
+  return /* @__PURE__ */ m(X, { children: [v !== null && /* @__PURE__ */ n(wn, {
     annotationId: v.id,
     geometry: p(v),
     state: "hovered",
     origin: g(v.id)
-  }), h !== null && /* @__PURE__ */ n(xn, {
+  }), h !== null && /* @__PURE__ */ n(wn, {
     annotationId: h.id,
     geometry: p(h),
     state: "selected",
     origin: g(h.id)
   })] });
-}, Sn = (e, t, r) => {
+}, xn = (e, t, r) => {
   if (t === null) return null;
-  const a = eo(e, t, r);
+  const a = to(e, t, r);
   return a === null ? null : {
     id: t,
     geometry: a
   };
-}, xn = ({ annotationId: e, geometry: t, state: r, origin: a }) => t.shape === "segment" ? /* @__PURE__ */ m("div", {
+}, wn = ({ annotationId: e, geometry: t, state: r, origin: a }) => t.shape === "segment" ? /* @__PURE__ */ m("div", {
   "aria-hidden": "true",
   "data-testid": "annotation-chrome",
   "data-annotation-id": e,
   "data-state": r,
-  children: [/* @__PURE__ */ n(wn, {
+  children: [/* @__PURE__ */ n(Tn, {
     point: t.start,
     state: r,
     origin: a
-  }), /* @__PURE__ */ n(wn, {
+  }), /* @__PURE__ */ n(Tn, {
     point: t.end,
     state: r,
     origin: a
@@ -5500,19 +5503,19 @@ var Bu = {
     width: t.rect.width + 4,
     height: t.rect.height + 4
   }
-}), wn = ({ point: e, state: t, origin: r }) => /* @__PURE__ */ n("span", {
+}), Tn = ({ point: e, state: t, origin: r }) => /* @__PURE__ */ n("span", {
   className: Vu[t],
   style: {
     left: r.x + e.x,
     top: r.y + e.y
   }
 }), $u = ({ panelRect: e }) => {
-  const t = X((o) => V(o, "move-drag")), r = fe(e);
+  const t = j((o) => B(o, "move-drag")), r = fe(e);
   if (t === null) return null;
-  const a = ea(t.translation, e);
+  const a = ta(t.translation, e);
   return /* @__PURE__ */ n("svg", {
     "aria-hidden": "true",
-    className: Bt,
+    className: Vt,
     width: e.width,
     height: e.height,
     style: {
@@ -5523,16 +5526,26 @@ var Bu = {
     "data-annotation-id": t.annotationId,
     children: Ku(r, t.annotationId, e)
   });
-}, Uu = ({ annotation: e }) => /* @__PURE__ */ n(Po, {
+}, Uu = ({ annotation: e, panel: t }) => /* @__PURE__ */ n(Io, {
   annotation: e,
-  blockRef: co(e.id)
+  panel: t,
+  blockRef: uo(e.id)
 }), Fe = (e, t, r) => {
   const a = e.find((o) => o.id === t);
   return a === void 0 ? null : r(a);
 }, Wu = {
-  text: (e, t) => Fe(e.textAnnotations, t, (r) => /* @__PURE__ */ n(Uu, { annotation: r })),
-  shape: (e, t) => Fe(e.shapes, t, (r) => /* @__PURE__ */ n(Xu, { shape: r })),
-  image: (e, t) => Fe(e.images, t, (r) => /* @__PURE__ */ n(So, { image: r })),
+  text: (e, t, r) => Fe(e.textAnnotations, t, (a) => /* @__PURE__ */ n(Uu, {
+    annotation: a,
+    panel: r
+  })),
+  shape: (e, t, r) => Fe(e.shapes, t, (a) => /* @__PURE__ */ n(ju, {
+    shape: a,
+    panelSize: r
+  })),
+  image: (e, t, r) => Fe(e.images, t, (a) => /* @__PURE__ */ n(xo, {
+    image: a,
+    panel: r
+  })),
   arrow: (e, t, r) => Fe(e.arrows, t, (a) => /* @__PURE__ */ n(qu, {
     arrow: a,
     panelSize: r
@@ -5544,7 +5557,7 @@ var Bu = {
   }
   return null;
 }, qu = ({ arrow: e, panelSize: t }) => {
-  const r = It()(e.id), a = ir({
+  const r = Et()(e.id), a = lr({
     arrow: e,
     style: r,
     panelWidth: t.width,
@@ -5555,16 +5568,17 @@ var Bu = {
     style: r,
     isAddressable: !1
   });
-}, Xu = ({ shape: e }) => /* @__PURE__ */ n(qn, {
+}, ju = ({ shape: e, panelSize: t }) => /* @__PURE__ */ n(jn, {
   shape: e,
-  style: Ye()(e.id)
-}), ju = ({ panelRect: e }) => {
-  const t = X((i) => V(i, "shape-resize-drag")), r = fe(e).shapes, a = Ye();
+  style: Je()(e.id),
+  panel: t
+}), Xu = ({ panelRect: e }) => {
+  const t = j((i) => B(i, "shape-resize-drag")), r = fe(e).shapes, a = Je();
   if (t === null) return null;
   const o = r.find((i) => i.id === t.annotationId);
   return o === void 0 ? null : /* @__PURE__ */ n("svg", {
     "aria-hidden": "true",
-    className: Bt,
+    className: Vt,
     width: e.width,
     height: e.height,
     style: {
@@ -5573,12 +5587,13 @@ var Bu = {
     },
     "data-testid": "shape-resize-preview",
     "data-annotation-id": t.annotationId,
-    children: /* @__PURE__ */ n(qn, {
+    children: /* @__PURE__ */ n(jn, {
       shape: {
         ...o,
-        region: Gt(t.region)
+        region: $t(t.region)
       },
-      style: a(o.id)
+      style: a(o.id),
+      panel: e
     })
   });
 }, Zu = {
@@ -5588,7 +5603,7 @@ var Bu = {
   horizontal: "o49ib42",
   diagonalDown: "o49ib43",
   diagonalUp: "o49ib44"
-}, da = ({ point: e, label: t, pull: r, size: a, attributes: o, dragHandlers: i, keyboardHandlers: l }) => /* @__PURE__ */ n("div", {
+}, ua = ({ point: e, label: t, pull: r, size: a, attributes: o, dragHandlers: i, keyboardHandlers: l }) => /* @__PURE__ */ n("div", {
   "aria-label": t,
   className: Yu[r],
   role: "button",
@@ -5604,7 +5619,7 @@ var Bu = {
     "aria-hidden": "true",
     className: Zu[a]
   })
-}), St = [
+}), xt = [
   {
     width: 0,
     key: "graph.annotations.shapeToolbar.border.none"
@@ -5621,14 +5636,14 @@ var Bu = {
     width: 16,
     key: "graph.annotations.shapeToolbar.border.thick"
   }
-], Ju = (e) => [...St].reverse().find((t) => t.width <= e) ?? St[0], Qu = ({ shape: e, shapeBox: t, panelRect: r, frameWidth: a, frameHeight: o, frameElement: i }) => {
-  const l = k(), { commands: s } = G(), c = _((b) => b.spec.styles.overrides), u = nt(), d = Ye()(e.id), h = Ju(d.borderWidth), v = O(() => ({
+], Ju = (e) => [...xt].reverse().find((t) => t.width <= e) ?? xt[0], Qu = ({ shape: e, shapeBox: t, panelRect: r, frameWidth: a, frameHeight: o, frameElement: i }) => {
+  const l = k(), { commands: s } = G(), c = V((b) => b.spec.styles.overrides), u = rt(), d = Je()(e.id), h = Ju(d.borderWidth), v = O(() => ({
     target: "annotation",
     kind: "shape",
     annotation: e.id
   }), [e.id]), p = (b, P) => {
-    const I = Nt(c, { select: v })?.declarations ?? {};
-    s.dispatch(new Mt({
+    const I = Ot(c, { select: v })?.declarations ?? {};
+    s.dispatch(new Nt({
       list: "overrides",
       rule: {
         select: v,
@@ -5665,12 +5680,12 @@ var Bu = {
       }),
       /* @__PURE__ */ n(E.Dropdown, {
         label: l("graph.annotations.shapeToolbar.border.ariaLabel"),
-        trigger: /* @__PURE__ */ n(Qr, {
+        trigger: /* @__PURE__ */ n(ea, {
           size: "sm",
           title: ""
         }),
         ...u.bind("border"),
-        children: St.map((b) => /* @__PURE__ */ n(E.MenuItem, {
+        children: xt.map((b) => /* @__PURE__ */ n(E.MenuItem, {
           isSelected: b.width === h?.width,
           onClick: L(b.width),
           children: l(b.key)
@@ -5680,14 +5695,14 @@ var Bu = {
       /* @__PURE__ */ n(E.IconButton, {
         label: l("graph.annotations.shapeToolbar.remove"),
         onClick: g,
-        children: /* @__PURE__ */ n(tt, {
+        children: /* @__PURE__ */ n(nt, {
           size: "sm",
           title: ""
         })
       })
     ]
   });
-}, ua = (e) => {
+}, ha = (e) => {
   const t = Y(e), r = ee(null);
   return N(() => () => r.current?.finish(!1), []), oe((a) => ({ onPointerDown: (o) => {
     if (o.button !== 0 || r.current !== null) return;
@@ -5710,7 +5725,7 @@ var Bu = {
     });
     r.current = i, i.start();
   } }), [t]);
-}, We = (e, t) => {
+}, Ke = (e, t) => {
   const r = e.shapes.find((a) => a.id === t);
   return r === void 0 || r.region.anchorType !== "panel" ? null : r.region;
 }, eh = class extends De {
@@ -5718,24 +5733,24 @@ var Bu = {
     super(...e), this.kind = "shape-resize-drag";
   }
   readOwn(e) {
-    return Lt(V(e, "shape-resize-drag"), this.params.annotationId);
+    return Pt(B(e, "shape-resize-drag"), this.params.annotationId);
   }
   resolvePreview(e) {
-    const { annotationId: t, corner: r, press: a, readInputs: o } = this.params, { annotations: i, panelRect: l } = o(), s = We(i, t);
+    const { annotationId: t, corner: r, press: a, readInputs: o } = this.params, { annotations: i, panelRect: l } = o(), s = Ke(i, t);
     return s === null ? null : {
       kind: "shape-resize-drag",
       annotationId: t,
-      region: oa({
+      region: ia({
         region: s,
         corner: r,
-        delta: rt(a, e, l),
-        minSize: aa(l)
+        delta: at(a, e, l),
+        minSize: oa(l)
       })
     };
   }
   commit({ region: e }) {
-    const { annotationId: t, dispatch: r, readInputs: a } = this.params, o = We(a().annotations, t);
-    o === null || ia(o, e) || r(new ne({
+    const { annotationId: t, dispatch: r, readInputs: a } = this.params, o = Ke(a().annotations, t);
+    o === null || la(o, e) || r(new ne({
       kind: "shape",
       id: t,
       patch: { region: e }
@@ -5743,10 +5758,10 @@ var Bu = {
   }
 }, th = ({ annotationId: e, panelRect: t }) => {
   const { commands: r } = G(), a = U(), o = Y({
-    annotations: _((i) => i.spec.annotations),
+    annotations: V((i) => i.spec.annotations),
     panelRect: t
   });
-  return ua((i, l) => new eh({
+  return ha((i, l) => new eh({
     ...l,
     annotationId: e,
     corner: i,
@@ -5754,15 +5769,15 @@ var Bu = {
     editorStore: a,
     dispatch: r.dispatch
   }));
-}, nh = [" ", "Enter"], ha = (e) => {
+}, nh = [" ", "Enter"], pa = (e) => {
   const t = U(), r = Y(e);
-  return N(() => () => Tn(t, r.current), [t, r]), oe((a) => ({ onKeyDown: (o) => {
+  return N(() => () => An(t, r.current), [t, r]), oe((a) => ({ onKeyDown: (o) => {
     if (o.altKey || o.ctrlKey || o.metaKey || o.shiftKey) return;
     const i = t.getState(), l = r.current.readHeld();
     if (nh.includes(o.key)) {
       if (o.preventDefault(), o.repeat) return;
       if (l !== null) {
-        Tn(t, r.current);
+        An(t, r.current);
         return;
       }
       const c = r.current.claim(a);
@@ -5774,15 +5789,15 @@ var Bu = {
     const s = r.current.step(l, a, o.key);
     s !== null && (o.preventDefault(), i.claimInteraction(s));
   } }), [t, r]);
-}, Tn = (e, t) => {
+}, An = (e, t) => {
   const r = t.readHeld();
   r !== null && (e.getState().releaseInteraction(r.kind), t.commit(r));
-}, An = 4, rh = ({ annotationId: e, panelRect: t }) => {
-  const { commands: r } = G(), a = U(), o = _((i) => i.spec.annotations);
-  return ha({
-    readHeld: () => Lt(V(a.getState(), "shape-resize-drag"), e),
+}, kn = 4, rh = ({ annotationId: e, panelRect: t }) => {
+  const { commands: r } = G(), a = U(), o = V((i) => i.spec.annotations);
+  return pa({
+    readHeld: () => Pt(B(a.getState(), "shape-resize-drag"), e),
     claim: () => {
-      const i = We(o, e);
+      const i = Ke(o, e);
       return i === null ? null : {
         kind: "shape-resize-drag",
         annotationId: e,
@@ -5794,17 +5809,17 @@ var Bu = {
       return c === null ? null : {
         kind: "shape-resize-drag",
         annotationId: e,
-        region: oa({
+        region: ia({
           region: i.region,
           corner: l,
           delta: c,
-          minSize: aa(t)
+          minSize: oa(t)
         })
       };
     },
     commit: ({ region: i }) => {
-      const l = We(o, e);
-      l === null || ia(l, i) || r.dispatch(new ne({
+      const l = Ke(o, e);
+      l === null || la(l, i) || r.dispatch(new ne({
         kind: "shape",
         id: e,
         patch: { region: i }
@@ -5812,7 +5827,7 @@ var Bu = {
     }
   });
 }, ah = (e, t) => {
-  const r = te(An, t.width), a = te(An, t.height);
+  const r = te(kn, t.width), a = te(kn, t.height);
   switch (e) {
     case "ArrowLeft":
       return {
@@ -5860,7 +5875,7 @@ var Bu = {
   }), u = rh({
     annotationId: e.id,
     panelRect: o
-  }), d = Ye()(e.id), { rect: h } = Zn(Gt(t), d.borderWidth, o);
+  }), d = Je()(e.id), { rect: h } = Yn($t(t), d.borderWidth, o);
   return /* @__PURE__ */ m("div", {
     "data-testid": "shape-selection",
     "data-annotation-id": e.id,
@@ -5873,7 +5888,7 @@ var Bu = {
       frameElement: l
     }), !a && Fu.map((v) => {
       const p = Hu(h, v);
-      return /* @__PURE__ */ n(da, {
+      return /* @__PURE__ */ n(ua, {
         point: {
           x: o.x + p.x,
           y: o.y + p.y
@@ -5891,14 +5906,14 @@ var Bu = {
     })]
   });
 }, sh = (e) => {
-  const t = _((r) => r.spec.annotations.shapes);
+  const t = V((r) => r.spec.annotations.shapes);
   return e === null ? null : t.find((r) => r.id === e) ?? null;
-}, ch = (e) => X(ke((t) => e === null ? {
+}, ch = (e) => j(ke((t) => e === null ? {
   resizedRegion: null,
   isMoved: !1
 } : {
-  resizedRegion: Lt(V(t, "shape-resize-drag"), e)?.region ?? null,
-  isMoved: Ze(V(t, "move-drag"), e) !== null
+  resizedRegion: Pt(B(t, "shape-resize-drag"), e)?.region ?? null,
+  isMoved: Ye(B(t, "move-drag"), e) !== null
 })), dh = ({ textColor: e, ...t }) => /* @__PURE__ */ m(A, {
   ...t,
   children: [/* @__PURE__ */ m("g", {
@@ -5913,26 +5928,26 @@ var Bu = {
     strokeLinecap: "round"
   })]
 });
-var Ke = "textStyle", pa = /* @__PURE__ */ new Set(["paragraph", "heading"]), uh = (e) => {
-  const t = ma(e), r = fh(e);
+var qe = "textStyle", ma = /* @__PURE__ */ new Set(["paragraph", "heading"]), uh = (e) => {
+  const t = ga(e), r = fh(e);
   return {
-    color: He(t.map((a) => bh(ut(a)?.color))),
-    font: He(t.map((a) => vh(ut(a)))),
-    fontSize: He(t.map((a) => Ch(ut(a)?.fontSize))),
+    color: He(t.map((a) => bh(ht(a)?.color))),
+    font: He(t.map((a) => vh(ht(a)))),
+    fontSize: He(t.map((a) => Ch(ht(a)?.fontSize))),
     alignment: He(r.map((a) => yh(a.attrs?.textAlign)))
   };
-}, hh = (e, t) => $t(e, (r) => r.type === "text" ? gh(r, t) : r), ph = (e) => ma(e).length > 0, mh = (e, t) => $t(e, (r) => pa.has(r.type ?? "") ? {
+}, hh = (e, t) => Ut(e, (r) => r.type === "text" ? gh(r, t) : r), ph = (e) => ga(e).length > 0, mh = (e, t) => Ut(e, (r) => ma.has(r.type ?? "") ? {
   ...r,
   attrs: {
     ...r.attrs,
     textAlign: t
   }
-} : r), $t = (e, t) => t(e.content === void 0 ? e : {
+} : r), Ut = (e, t) => t(e.content === void 0 ? e : {
   ...e,
-  content: e.content.map((r) => $t(r, t))
+  content: e.content.map((r) => Ut(r, t))
 }), gh = (e, t) => {
-  const r = e.marks ?? [], a = r.find((i) => i.type === Ke), o = {
-    type: Ke,
+  const r = e.marks ?? [], a = r.find((i) => i.type === qe), o = {
+    type: qe,
     attrs: {
       ...a?.attrs,
       ...t
@@ -5942,11 +5957,11 @@ var Ke = "textStyle", pa = /* @__PURE__ */ new Set(["paragraph", "heading"]), uh
     ...e,
     marks: a === void 0 ? [...r, o] : r.map((i) => i === a ? o : i)
   };
-}, ut = (e) => e.marks?.find((t) => t.type === Ke)?.attrs, vh = (e) => Yt(e?.font) ?? Yt(e?.fontFamily), ma = (e) => Ut(e, (t) => t.type === "text"), fh = (e) => Ut(e, (t) => pa.has(t.type ?? "")), Ut = (e, t) => [...t(e) ? [e] : [], ...(e.content ?? []).flatMap((r) => Ut(r, t))], He = (e) => {
+}, ht = (e) => e.marks?.find((t) => t.type === qe)?.attrs, vh = (e) => Jt(e?.font) ?? Jt(e?.fontFamily), ga = (e) => Wt(e, (t) => t.type === "text"), fh = (e) => Wt(e, (t) => ma.has(t.type ?? "")), Wt = (e, t) => [...t(e) ? [e] : [], ...(e.content ?? []).flatMap((r) => Wt(r, t))], He = (e) => {
   const [t, ...r] = e;
   return t === void 0 ? null : r.every((a) => a === t) ? t : null;
 }, bh = (e) => typeof e == "string" && e.length > 0 ? e : void 0, Ch = (e) => typeof e == "number" && Number.isFinite(e) ? e : void 0, yh = (e) => e === "left" || e === "center" || e === "right" ? e : void 0;
-var ga = [
+var va = [
   {
     id: "modern",
     key: "graph.annotations.textToolbar.font.modern"
@@ -5970,9 +5985,9 @@ var ga = [
 ].map(({ id: e, key: t }) => ({
   id: e,
   key: t,
-  fontFamily: ao[e] ?? e
-})), Sh = (e) => ga.find((t) => t.id === (e ?? "modern")) ?? null;
-var va = [
+  fontFamily: oo[e] ?? e
+})), Sh = (e) => va.find((t) => t.id === (e ?? "modern")) ?? null;
+var fa = [
   {
     size: 12,
     key: "graph.annotations.textToolbar.fontSize.small"
@@ -5993,30 +6008,30 @@ var va = [
     size: 32,
     key: "graph.annotations.textToolbar.fontSize.huge"
   }
-], xh = (e) => va.find((t) => t.size === (e ?? 16)) ?? null, wh = (e) => `${e / 10}em`, Th = [
+], xh = (e) => fa.find((t) => t.size === (e ?? 16)) ?? null, wh = (e) => `${e / 10}em`, Th = [
   {
     alignment: "left",
-    Icon: Rr
+    Icon: zr
   },
   {
     alignment: "center",
-    Icon: Or
+    Icon: Dr
   },
   {
     alignment: "right",
-    Icon: Dr
+    Icon: Rr
   }
 ], Ah = ({ annotation: e, textBox: t, panelRect: r, frameWidth: a, frameHeight: o, frameElement: i }) => {
-  const l = k(), { commands: s } = G(), { themeValues: c } = Ee(), u = U(), d = nt(), h = uh(e.content), v = Sh(h.font), p = xh(h.fontSize), g = h.color ?? c.textPrimary, f = (y, M) => {
+  const l = k(), { commands: s } = G(), { themeValues: c } = Ee(), u = U(), d = rt(), h = uh(e.content), v = Sh(h.font), p = xh(h.fontSize), g = h.color ?? c.textPrimary, f = (y, M) => {
     s.dispatch(new ne({
       kind: "text",
       id: e.id,
       patch: y
     }), M);
   }, C = () => u.getState().caret?.editor?.getJSON() ?? e.content, L = (y, M) => {
-    const T = C(), B = u.getState().caret?.editor ?? null;
-    if (B !== null && !ph(T)) {
-      B.chain().focus().setMark(Ke, y).run();
+    const T = C(), H = u.getState().caret?.editor ?? null;
+    if (H !== null && !ph(T)) {
+      H.chain().focus().setMark(qe, y).run();
       return;
     }
     f({ content: hh(T, y) }, M);
@@ -6061,7 +6076,7 @@ var va = [
           children: "Aa"
         }),
         ...d.bind("font"),
-        children: ga.map((y) => /* @__PURE__ */ n(E.MenuItem, {
+        children: va.map((y) => /* @__PURE__ */ n(E.MenuItem, {
           isSelected: y.id === v?.id,
           onClick: x(y.id),
           children: /* @__PURE__ */ n("span", {
@@ -6074,7 +6089,7 @@ var va = [
         label: l("graph.annotations.textToolbar.fontSize.ariaLabel"),
         trigger: p === null ? "" : l(p.key),
         ...d.bind("fontSize"),
-        children: va.map((y) => /* @__PURE__ */ n(E.MenuItem, {
+        children: fa.map((y) => /* @__PURE__ */ n(E.MenuItem, {
           isSelected: y.size === p?.size,
           onClick: z(y.size),
           children: /* @__PURE__ */ n("span", {
@@ -6092,7 +6107,7 @@ var va = [
       /* @__PURE__ */ n(E.IconButton, {
         label: l("graph.annotations.textToolbar.remove"),
         onClick: b,
-        children: /* @__PURE__ */ n(tt, {
+        children: /* @__PURE__ */ n(nt, {
           size: "sm",
           title: ""
         })
@@ -6104,7 +6119,7 @@ var va = [
   backgroundColorStyle: Ts(e) ? "fade" : "opaque"
 }, Lh = ({ current: e, onPick: t }) => {
   const r = k(), a = (o) => () => t(o);
-  return /* @__PURE__ */ n(j, { children: Th.map((o) => /* @__PURE__ */ n(E.ToggleButton, {
+  return /* @__PURE__ */ n(X, { children: Th.map((o) => /* @__PURE__ */ n(E.ToggleButton, {
     label: r(`graph.annotations.textToolbar.align.${o.alignment}`),
     isPressed: o.alignment === e,
     onClick: a(o.alignment),
@@ -6114,16 +6129,16 @@ var va = [
     })
   }, o.alignment)) });
 }, Ph = ["left", "right"];
-var fa = ({ width: e }) => te(60, e), Ih = (e, t) => ({
+var ba = ({ width: e }) => te(60, e), Ih = (e, t) => ({
   x: t === "left" ? e.x : e.x + e.width,
   y: e.y + e.height / 2
-}), ba = ({ at: e, width: t, align: r, edge: a, delta: o, minWidth: i, panelWidth: l }) => {
+}), Ca = ({ at: e, width: t, align: r, edge: a, delta: o, minWidth: i, panelWidth: l }) => {
   if (o === 0) return {
     at: e,
     width: t,
     shift: 0
   };
-  const s = Ei(r).x, c = Eh(e.offset, l), u = yt({
+  const s = Mi(r).x, c = Eh(e.offset, l), u = St({
     start: e.x + c - s * t,
     extent: t,
     isStartMoving: a === "left",
@@ -6138,7 +6153,7 @@ var fa = ({ width: e }) => te(60, e), Ih = (e, t) => ({
     width: u.extent,
     shift: d - e.x
   };
-}, Ca = (e, t) => e.at.x === t.at.x && e.width === t.width, Eh = (e, t) => e?.x === void 0 ? 0 : e.unit === "px" ? te(e.x, t) : e.x, qe = (e, t) => {
+}, ya = (e, t) => e.at.x === t.at.x && e.width === t.width, Eh = (e, t) => e?.x === void 0 ? 0 : e.unit === "px" ? te(e.x, t) : e.x, je = (e, t) => {
   const r = e.textAnnotations.find((a) => a.id === t);
   return r === void 0 || r.at.anchorType !== "panel" ? null : {
     at: r.at,
@@ -6150,28 +6165,28 @@ var fa = ({ width: e }) => te(60, e), Ih = (e, t) => ({
     super(...e), this.kind = "text-resize-drag";
   }
   readOwn(e) {
-    return kt(V(e, "text-resize-drag"), this.params.annotationId);
+    return Lt(B(e, "text-resize-drag"), this.params.annotationId);
   }
   resolvePreview(e) {
-    const { annotationId: t, edge: r, press: a, readInputs: o } = this.params, { annotations: i, panelRect: l } = o(), s = qe(i, t);
+    const { annotationId: t, edge: r, press: a, readInputs: o } = this.params, { annotations: i, panelRect: l } = o(), s = je(i, t);
     if (s === null) return null;
-    const c = rt(a, e, l).x;
+    const c = at(a, e, l).x;
     return {
       kind: "text-resize-drag",
       annotationId: t,
       delta: c,
-      ...ba({
+      ...Ca({
         ...s,
         edge: r,
         delta: c,
-        minWidth: fa(l),
+        minWidth: ba(l),
         panelWidth: l.width
       })
     };
   }
   commit(e) {
-    const { annotationId: t, dispatch: r, readInputs: a } = this.params, o = qe(a().annotations, t);
-    o === null || Ca(o, e) || r(new ne({
+    const { annotationId: t, dispatch: r, readInputs: a } = this.params, o = je(a().annotations, t);
+    o === null || ya(o, e) || r(new ne({
       kind: "text",
       id: t,
       patch: {
@@ -6182,10 +6197,10 @@ var fa = ({ width: e }) => te(60, e), Ih = (e, t) => ({
   }
 }, Nh = ({ annotationId: e, panelRect: t }) => {
   const { commands: r } = G(), a = U(), o = Y({
-    annotations: _((i) => i.spec.annotations),
+    annotations: V((i) => i.spec.annotations),
     panelRect: t
   });
-  return ua((i, l) => new Mh({
+  return ha((i, l) => new Mh({
     ...l,
     annotationId: e,
     edge: i,
@@ -6194,31 +6209,31 @@ var fa = ({ width: e }) => te(60, e), Ih = (e, t) => ({
     dispatch: r.dispatch
   }));
 }, Oh = 4, Dh = ({ annotationId: e, panelRect: t }) => {
-  const { commands: r } = G(), a = U(), o = _((l) => l.spec.annotations), i = (l, s) => {
-    const c = qe(o, e);
+  const { commands: r } = G(), a = U(), o = V((l) => l.spec.annotations), i = (l, s) => {
+    const c = je(o, e);
     return c === null ? null : {
       kind: "text-resize-drag",
       annotationId: e,
       delta: s,
-      ...ba({
+      ...Ca({
         ...c,
         edge: l,
         delta: s,
-        minWidth: fa(t),
+        minWidth: ba(t),
         panelWidth: t.width
       })
     };
   };
-  return ha({
-    readHeld: () => kt(V(a.getState(), "text-resize-drag"), e),
+  return pa({
+    readHeld: () => Lt(B(a.getState(), "text-resize-drag"), e),
     claim: (l) => i(l, 0),
     step: (l, s, c) => {
       const u = Rh(c, t);
       return u === null ? null : i(s, l.delta + u);
     },
     commit: (l) => {
-      const s = qe(o, e);
-      s === null || Ca(s, l) || r.dispatch(new ne({
+      const s = je(o, e);
+      s === null || ya(s, l) || r.dispatch(new ne({
         kind: "text",
         id: e,
         patch: {
@@ -6239,7 +6254,7 @@ var fa = ({ width: e }) => te(60, e), Ih = (e, t) => ({
       return null;
   }
 }, zh = (e) => {
-  const t = Oe(), r = Fh(t), a = Hh(t), o = X((l) => l.caret?.annotationId === t), i = Bh(e.panelRect, t, a.resized);
+  const t = Oe(), r = Fh(t), a = Hh(t), o = j((l) => l.caret?.annotationId === t), i = Bh(e.panelRect, t, a.resized);
   return r === null || i === null ? null : /* @__PURE__ */ n(_h, {
     annotation: r,
     textBox: i,
@@ -6269,7 +6284,7 @@ var fa = ({ width: e }) => te(60, e), Ih = (e, t) => ({
       frameElement: c
     }), o && !a && !i && Ph.map((v) => {
       const p = Ih(t, v);
-      return /* @__PURE__ */ n(da, {
+      return /* @__PURE__ */ n(ua, {
         point: {
           x: l.x + p.x,
           y: l.y + p.y
@@ -6287,16 +6302,16 @@ var fa = ({ width: e }) => te(60, e), Ih = (e, t) => ({
     })]
   });
 }, Fh = (e) => {
-  const t = _((r) => r.spec.annotations.textAnnotations);
+  const t = V((r) => r.spec.annotations.textAnnotations);
   return e === null ? null : t.find((r) => r.id === e) ?? null;
-}, Hh = (e) => X(ke((t) => e === null ? {
+}, Hh = (e) => j(ke((t) => e === null ? {
   resized: null,
   isMoved: !1
 } : {
-  resized: kt(V(t, "text-resize-drag"), e),
-  isMoved: Ze(V(t, "move-drag"), e) !== null
+  resized: Lt(B(t, "text-resize-drag"), e),
+  isMoved: Ye(B(t, "move-drag"), e) !== null
 })), Bh = (e, t, r) => {
-  const a = fe(e), o = Kn(), i = $n(), l = O(() => ({
+  const a = fe(e), o = qn(), i = Un(), l = O(() => ({
     panel: {
       width: e.width,
       height: e.height
@@ -6309,7 +6324,7 @@ var fa = ({ width: e }) => te(60, e), Ih = (e, t) => ({
     o,
     i
   ]);
-  return t === null ? null : ca(a, t, r, l)?.rect ?? null;
+  return t === null ? null : da(a, t, r, l)?.rect ?? null;
 }, Vh = (e) => /* @__PURE__ */ n(A, {
   ...e,
   children: /* @__PURE__ */ m("g", {
@@ -6331,42 +6346,41 @@ var Uh = "_1tyillx1", Wh = {
 }, Kh = "_1tyillx5", qh = {
   closed: "_1tyillx6",
   open: "_1tyillx7"
-}, Xh = ({ interaction: e, panelRect: t }) => {
-  const r = U(), a = _((s) => s.coordSystem), o = e.kind === "trigger" || e.kind === "menu" ? e.anchor : null, i = jh(e), l = O(() => {
-    if (o === null) return null;
-    const s = al(o.position, t, a);
+}, jh = ({ interaction: e, panelRect: t }) => {
+  const r = U(), a = e.kind === "trigger" || e.kind === "menu" ? e.anchor : null, o = Xh(e), i = O(() => {
+    if (a === null) return null;
+    const l = Ve(a.position, t);
     return {
-      center: s,
-      radius: 19 * $h[i],
+      center: l,
+      radius: 19 * $h[o],
       target: {
         kind: "observation",
-        cursor: Ot(s, t)
+        cursor: Dt(l, t)
       }
     };
   }, [
-    o,
-    t,
     a,
-    i
+    t,
+    o
   ]);
   return N(() => {
-    r.getState().setMenuTrigger(l);
-  }, [r, l]), N(() => () => r.getState().setMenuTrigger(null), [r]), o === null || l === null ? null : /* @__PURE__ */ n("div", {
+    r.getState().setMenuTrigger(i);
+  }, [r, i]), N(() => () => r.getState().setMenuTrigger(null), [r]), a === null || i === null ? null : /* @__PURE__ */ n("div", {
     "aria-hidden": "true",
     "data-testid": "observation-menu-trigger",
-    "data-state": i,
-    className: se(Uh, Wh[i]),
+    "data-state": o,
+    className: se(Uh, Wh[o]),
     style: {
-      left: t.x + l.center.x,
-      top: t.y + l.center.y,
-      ...pr({ [Gh]: o.color })
+      left: t.x + i.center.x,
+      top: t.y + i.center.y,
+      ...mr({ [Gh]: a.color })
     },
     children: /* @__PURE__ */ n("span", {
-      className: se(Kh, qh[i === "open" ? "open" : "closed"]),
+      className: se(Kh, qh[o === "open" ? "open" : "closed"]),
       children: /* @__PURE__ */ n(Vh, { size: "lg" })
     })
   });
-}, jh = (e) => e.kind === "menu" ? "open" : e.kind === "trigger" && e.isEngaged ? "hovered" : "rest", Zh = 'button:not([disabled]):not([tabindex="-1"]), [tabindex]:not([tabindex="-1"])', Yh = (e, t) => {
+}, Xh = (e) => e.kind === "menu" ? "open" : e.kind === "trigger" && e.isEngaged ? "hovered" : "rest", Zh = 'button:not([disabled]):not([tabindex="-1"]), [tabindex]:not([tabindex="-1"])', Yh = (e, t) => {
   const { chartId: r } = G(), a = U();
   N(() => {
     if (t === null) return;
@@ -6385,7 +6399,7 @@ var Uh = "_1tyillx1", Wh = {
     r,
     a
   ]);
-}, Jh = `[${Un}]`, Xe = (e, t, r) => {
+}, Jh = `[${Wn}]`, Xe = (e, t, r) => {
   if (typeof document.elementsFromPoint != "function") return null;
   const a = document.elementsFromPoint(e, t);
   return Qh(a, r);
@@ -6399,9 +6413,9 @@ var Uh = "_1tyillx1", Wh = {
   }
   return null;
 }, e1 = (e) => {
-  const t = e.getAttribute(Un);
+  const t = e.getAttribute(Wn);
   if (t !== "annotation") return null;
-  const r = e.getAttribute(uo);
+  const r = e.getAttribute(ho);
   return r === null || r === "" ? null : {
     kind: t,
     id: r
@@ -6435,12 +6449,12 @@ var Uh = "_1tyillx1", Wh = {
     super(...e), this.kind = "move-drag";
   }
   readOwn(e) {
-    return Ze(V(e, "move-drag"), this.params.annotationId);
+    return Ye(B(e, "move-drag"), this.params.annotationId);
   }
   resolvePreview(e) {
-    const { annotationId: t, press: r, readInputs: a } = this.params, { annotations: o, panelRect: i } = a(), l = Wi(o, t);
+    const { annotationId: t, press: r, readInputs: a } = this.params, { annotations: o, panelRect: i } = a(), l = Ki(o, t);
     if (l === null) return null;
-    const s = Hi(l, rt(r, e, i));
+    const s = Bi(l, at(r, e, i));
     return s === null ? null : {
       kind: "move-drag",
       annotationId: t,
@@ -6449,14 +6463,14 @@ var Uh = "_1tyillx1", Wh = {
   }
   commit({ translation: e }) {
     const { annotationId: t, dispatch: r } = this.params;
-    tu(e) && r(new Vo({
+    tu(e) && r(new Go({
       id: t,
       translation: e
     }));
   }
 }, r1 = (e, t, r) => {
   const { commands: a, selectionStore: o } = G(), i = U(), l = Y({
-    annotations: _((u) => u.spec.annotations),
+    annotations: V((u) => u.spec.annotations),
     panelRect: r
   }), s = Y(t), c = ee(null);
   N(() => () => c.current?.finish(!1), []), N(() => {
@@ -6464,7 +6478,7 @@ var Uh = "_1tyillx1", Wh = {
       const { editTargetUnderPointer: g, standingInteraction: f } = i.getState();
       return g !== null && f === null && p.pointerType === "mouse" && a1(p.target, e) ? g : Xe(p.clientX, p.clientY, e);
     }, d = (p, g) => {
-      if (c.current !== null || !Mo(l.current.annotations, g.id)) return;
+      if (c.current !== null || !No(l.current.annotations, g.id)) return;
       try {
         e.setPointerCapture(p.pointerId);
       } catch {
@@ -6488,7 +6502,7 @@ var Uh = "_1tyillx1", Wh = {
       });
       c.current = f, f.start();
     }, h = (p) => {
-      if (p.button !== 0 || bt(p.target) || Fr(p, s.current, i.getState().menuTrigger)) return;
+      if (p.button !== 0 || Ct(p.target) || Hr(p, s.current, i.getState().menuTrigger)) return;
       const g = u(p), f = o.getState(), { caret: C, setCaret: L } = i.getState();
       if (!(C !== null && g?.id === C.annotationId)) {
         if (L(null), g === null) {
@@ -6498,7 +6512,7 @@ var Uh = "_1tyillx1", Wh = {
         f.setSelection([g]), d(p, g);
       }
     }, v = (p) => {
-      if (bt(p.target)) return;
+      if (Ct(p.target)) return;
       const g = Xe(p.clientX, p.clientY, e);
       g !== null && l.current.annotations.textAnnotations.some((f) => f.id === g.id) && (o.getState().setSelection([g]), i.getState().setCaret(g.id));
     };
@@ -6514,8 +6528,8 @@ var Uh = "_1tyillx1", Wh = {
     s
   ]);
 }, a1 = (e, t) => e instanceof Node && t.contains(e), o1 = (e) => {
-  const { selectionStore: t, commands: r, chartId: a } = G(), o = U(), i = Y(_((u) => u.spec.annotations.textAnnotations)), l = oe((u) => {
-    const { selection: d } = t.getState(), h = Ct(d);
+  const { selectionStore: t, commands: r, chartId: a } = G(), o = U(), i = Y(V((u) => u.spec.annotations.textAnnotations)), l = oe((u) => {
+    const { selection: d } = t.getState(), h = yt(d);
     h !== null && (u.preventDefault(), r.dispatch(new Te({ id: h })), e.focus({ preventScroll: !0 }));
   }, [
     e,
@@ -6523,7 +6537,7 @@ var Uh = "_1tyillx1", Wh = {
     t
   ]), s = oe((u) => {
     if (Be(u.target, a)) return;
-    const d = Ct(t.getState().selection);
+    const d = yt(t.getState().selection);
     d !== null && i.current.some((h) => h.id === d) && (u.preventDefault(), o.getState().setCaret(d));
   }, [
     o,
@@ -6574,10 +6588,10 @@ var Uh = "_1tyillx1", Wh = {
     o
   ]);
 }, i1 = (e) => e instanceof HTMLElement && (e.isContentEditable || e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement), l1 = () => {
-  const e = Ao((l) => l.hover.primary), { layers: t, coordSystem: r } = _(ke((l) => ({
+  const e = ko((l) => l.hover.primary), { layers: t, coordSystem: r } = V(ke((l) => ({
     layers: l.layers,
     coordSystem: l.coordSystem
-  }))), { anchorResolver: a, colorScheme: o } = G(), i = O(() => Qe({ colorScheme: o }), [o]);
+  }))), { anchorResolver: a, colorScheme: o } = G(), i = O(() => et({ colorScheme: o }), [o]);
   return O(() => {
     if (e === null) return null;
     const l = t.find((u) => u.id === e.layerId);
@@ -6588,7 +6602,7 @@ var Uh = "_1tyillx1", Wh = {
       purpose: "pin"
     });
     if (s === null) return null;
-    const c = Bi(l)(e.observation);
+    const c = Vi(l)(e.observation);
     return c === null ? null : {
       position: s,
       color: i.geomReaders(l).get("color", e.observation),
@@ -6603,8 +6617,8 @@ var Uh = "_1tyillx1", Wh = {
     a,
     i
   ]);
-}, s1 = { kind: "idle" }, ya = () => {
-  const e = X((a) => a.standingInteraction), t = X((a) => a.chromeUnderPointer), r = l1();
+}, s1 = { kind: "idle" }, Sa = () => {
+  const e = j((a) => a.standingInteraction), t = j((a) => a.chromeUnderPointer), r = l1();
   return O(() => e !== null ? e : r === null ? s1 : {
     kind: "trigger",
     anchor: r,
@@ -6615,21 +6629,21 @@ var Uh = "_1tyillx1", Wh = {
     t
   ]);
 }, c1 = (e, t, r) => {
-  const a = U(), { selectionStore: o } = G(), { store: i, engine: l } = Pt(), s = Y(e), c = Y(t), u = Y(r);
+  const a = U(), { selectionStore: o } = G(), { store: i, engine: l } = It(), s = Y(e), c = Y(t), u = Y(r);
   N(() => {
-    const d = (f) => Fr(f, c.current, a.getState().menuTrigger), h = (f) => {
+    const d = (f) => Hr(f, c.current, a.getState().menuTrigger), h = (f) => {
       if (d(f) || o.getState().selection.length > 0) return;
       const C = u.current, L = c.current, b = {
         x: f.clientX - L.x,
         y: f.clientY - L.y
-      }, P = d1(b, C) ? l.query(Ot(b, C)) : er;
+      }, P = d1(b, C) ? l.query(Dt(b, C)) : tr;
       i.getState().setHoverState(P);
     };
     let v = !1;
     const p = () => {
       v = s.current.kind === "menu";
     }, g = (f) => {
-      if (bt(f.target)) return;
+      if (Ct(f.target)) return;
       const { claimInteraction: C, releaseInteraction: L } = a.getState();
       if (!d(f) || v) {
         L("menu"), v && h(f);
@@ -6659,7 +6673,7 @@ var Uh = "_1tyillx1", Wh = {
     let o = null, i = null;
     const l = (p) => {
       const { menuTrigger: g } = r.getState();
-      return g === null ? null : cr(p, g) ? "menu-trigger" : null;
+      return g === null ? null : dr(p, g) ? "menu-trigger" : null;
     }, s = () => {
       o = null;
       const p = i;
@@ -6668,7 +6682,7 @@ var Uh = "_1tyillx1", Wh = {
       if (f.setChromeUnderPointer(l({
         x: p.x - g.x,
         y: p.y - g.y
-      })), ht(f.standingInteraction)) return;
+      })), pt(f.standingInteraction)) return;
       const C = Xe(p.x, p.y, e);
       f.setEditTargetUnderPointer(C);
     }, c = () => {
@@ -6684,7 +6698,7 @@ var Uh = "_1tyillx1", Wh = {
     }, h = () => {
       i = null, o !== null && (cancelAnimationFrame(o), o = null), u();
     }, v = r.subscribe((p, g) => {
-      !ht(g.standingInteraction) || ht(p.standingInteraction) || i !== null && c();
+      !pt(g.standingInteraction) || pt(p.standingInteraction) || i !== null && c();
     });
     return e.addEventListener("pointermove", d), e.addEventListener("pointerleave", h), () => {
       o !== null && cancelAnimationFrame(o), v(), e.removeEventListener("pointermove", d), e.removeEventListener("pointerleave", h), u();
@@ -6694,7 +6708,7 @@ var Uh = "_1tyillx1", Wh = {
     r,
     a
   ]);
-}, ht = (e) => {
+}, pt = (e) => {
   if (e === null) return !1;
   switch (e.kind) {
     case "menu":
@@ -6707,19 +6721,19 @@ var Uh = "_1tyillx1", Wh = {
     case "chrome-popup":
       return !1;
   }
-}, kn = "editor", Ln = [], h1 = (e, t, r, a) => {
-  const o = ya(), { store: i } = Pt(), l = jn().length > 0, s = X((d) => d.menuTrigger), c = o.kind === "menu", u = O(() => s === null ? Ln : [Ni(s)], [s]);
-  u1(e, t), r1(e, t, r), c1(o, t, r), t1(e), o1(e), Yh(e, a), N(() => (i.getState().publishPointerRegions(kn, u), () => i.getState().publishPointerRegions(kn, Ln)), [i, u]), N(() => (i.getState().setPointerSuspended(c || l), () => i.getState().setPointerSuspended(!1)), [
+}, Ln = "editor", Pn = [], h1 = (e, t, r, a) => {
+  const o = Sa(), { store: i } = It(), l = Zn().length > 0, s = j((d) => d.menuTrigger), c = o.kind === "menu", u = O(() => s === null ? Pn : [Oi(s)], [s]);
+  u1(e, t), r1(e, t, r), c1(o, t, r), t1(e), o1(e), Yh(e, a), N(() => (i.getState().publishPointerRegions(Ln, u), () => i.getState().publishPointerRegions(Ln, Pn)), [i, u]), N(() => (i.getState().setPointerSuspended(c || l), () => i.getState().setPointerSuspended(!1)), [
     i,
     c,
     l
   ]), N(() => {
     if (!l) return;
     const d = i.getState();
-    d.setHoverState(er), d.setTooltipAnchor(null);
+    d.setHoverState(tr), d.setTooltipAnchor(null);
   }, [i, l]);
 }, p1 = ({ frameElement: e, panelRect: t }) => {
-  const { measureRef: r, screenRect: a } = To(), o = U(), i = X((l) => l.caret?.annotationId ?? null);
+  const { measureRef: r, screenRect: a } = Ao(), o = U(), i = j((l) => l.caret?.annotationId ?? null);
   return N(() => (r(e), () => r(null)), [r, e]), N(() => () => {
     const l = o.getState();
     l.releaseInteraction("menu"), l.setCaret(null);
@@ -6758,10 +6772,10 @@ var Uh = "_1tyillx1", Wh = {
     boxRef: i
   });
 }, v1 = ({ frameElement: e, frameRect: t, panelOrigin: r, panelRect: a, boxRef: o }) => {
-  const i = Ft(), l = ya();
-  return /* @__PURE__ */ n(go, {
+  const i = Ht(), l = Sa();
+  return /* @__PURE__ */ n(vo, {
     rect: t,
-    zIndex: Eo.editorOverlay,
+    zIndex: Mo.editorOverlay,
     container: i,
     "data-testid": "editor-overlay",
     boxRef: o,
@@ -6788,10 +6802,10 @@ var Uh = "_1tyillx1", Wh = {
         frameElement: e
       }),
       /* @__PURE__ */ n($u, { panelRect: a }),
-      /* @__PURE__ */ n(ju, { panelRect: a }),
+      /* @__PURE__ */ n(Xu, { panelRect: a }),
       /* @__PURE__ */ n(Id, { panelRect: a }),
       /* @__PURE__ */ n(Gu, { panelRect: a }),
-      /* @__PURE__ */ n(Xh, {
+      /* @__PURE__ */ n(jh, {
         interaction: l,
         panelRect: a
       }),
@@ -6802,10 +6816,10 @@ var Uh = "_1tyillx1", Wh = {
     ] })
   });
 }, Bm = ({ slots: e, ...t }) => /* @__PURE__ */ n(Ql, {
-  locale: ro(),
-  children: /* @__PURE__ */ n(oo, { children: /* @__PURE__ */ n(io, {
+  locale: ao(),
+  children: /* @__PURE__ */ n(io, { children: /* @__PURE__ */ n(lo, {
     editors: Oc,
-    children: /* @__PURE__ */ n(wo, {
+    children: /* @__PURE__ */ n(To, {
       slots: O(() => ({
         EditorSurface: p1,
         ...e
@@ -6813,7 +6827,7 @@ var Uh = "_1tyillx1", Wh = {
       ...t
     })
   }) })
-}), Sa = Me(null), xa = ({ labelId: e, controlId: t, children: r }) => {
+}), xa = Me(null), wa = ({ labelId: e, controlId: t, children: r }) => {
   const a = O(() => {
     let o = null;
     return {
@@ -6822,12 +6836,12 @@ var Uh = "_1tyillx1", Wh = {
       claimControlId: (i) => (o ??= i, o === i)
     };
   }, [e, t]);
-  return /* @__PURE__ */ n(Sa.Provider, {
+  return /* @__PURE__ */ n(xa.Provider, {
     value: a,
     children: r
   });
 }, me = ({ id: e, ariaLabel: t, ariaLabelledBy: r }, a = !0) => {
-  const o = Ae(Sa), i = we(), [l] = J(() => a ? o?.claimControlId(i) ?? !1 : !1), s = e ?? (l ? o?.controlId : void 0), c = r ?? (t === void 0 ? o?.labelId : void 0);
+  const o = Ae(xa), i = we(), [l] = J(() => a ? o?.claimControlId(i) ?? !1 : !1), s = e ?? (l ? o?.controlId : void 0), c = r ?? (t === void 0 ? o?.labelId : void 0);
   return {
     ...s !== void 0 && { id: s },
     ...t !== void 0 && { "aria-label": t },
@@ -6857,22 +6871,22 @@ var f1 = {
       children: e
     })]
   });
-}, Wt = Me(null), F = () => {
-  const e = Ae(Wt);
+}, Kt = Me(null), _ = () => {
+  const e = Ae(Kt);
   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;
-}, wa = ({ children: e, onKeyDown: t, ...r }) => {
-  const a = Ae(Wt);
+}, Ta = ({ children: e, onKeyDown: t, ...r }) => {
+  const a = Ae(Kt);
   return /* @__PURE__ */ n("div", {
     onKeyDown: (i) => {
       if (t?.(i), !a || i.defaultPrevented) return;
-      const l = Lo(i.nativeEvent);
+      const l = Po(i.nativeEvent);
       l && (i.preventDefault(), l === "undo" ? a.undo() : a.redo());
     },
     ...r,
     children: e
   });
-}, Ta = "keyboard", at = (e) => {
+}, Aa = "keyboard", ot = (e) => {
   const t = ee(!1), r = ee(!1), a = () => {
     t.current = !1, r.current && (r.current = !1, e?.());
   };
@@ -6907,19 +6921,19 @@ var x1 = ({ value: e, onChange: t, onCommit: r, min: a, max: o, step: i, placeho
     id: p,
     ariaLabel: h,
     ariaLabelledBy: v
-  }), { commitUnlessHeldKey: f, gestureHandlers: C } = at(r);
-  return /* @__PURE__ */ n(an.Root, {
+  }), { commitUnlessHeldKey: f, gestureHandlers: C } = ot(r);
+  return /* @__PURE__ */ n(on.Root, {
     className: C1,
     value: e,
     onValueChange: (L) => t(L),
     onValueCommitted: (L, b) => {
-      f(b.reason === Ta);
+      f(b.reason === Aa);
     },
     min: a,
     max: o,
     step: i,
     disabled: u,
-    children: /* @__PURE__ */ m(wa, {
+    children: /* @__PURE__ */ m(Ta, {
       className: y1,
       "data-error": d === !0,
       "data-disabled": u === !0 ? "" : void 0,
@@ -6928,7 +6942,7 @@ var x1 = ({ value: e, onChange: t, onCommit: r, min: a, max: o, step: i, placeho
           className: "eh8dvc3",
           children: s
         }),
-        /* @__PURE__ */ n(an.Input, {
+        /* @__PURE__ */ n(on.Input, {
           className: S1,
           placeholder: l,
           ...C,
@@ -6955,8 +6969,8 @@ var A1 = 6, k1 = ({ options: e, value: t, onChange: r, onCommit: a, columns: o,
     id: u,
     ariaLabel: s,
     ariaLabelledBy: c
-  }), h = i === "swatch", { commitAfterChange: v, gestureHandlers: p } = at(a);
-  return /* @__PURE__ */ n(Cr, {
+  }), h = i === "swatch", { commitAfterChange: v, gestureHandlers: p } = ot(a);
+  return /* @__PURE__ */ n(yr, {
     className: se(w1, L1(o ?? e.length)),
     value: t,
     onValueChange: (g) => {
@@ -6965,7 +6979,7 @@ var A1 = 6, k1 = ({ options: e, value: t, onChange: r, onCommit: a, columns: o,
     ...p,
     disabled: l,
     ...d,
-    children: e.map((g) => /* @__PURE__ */ m(br.Root, {
+    children: e.map((g) => /* @__PURE__ */ m(Cr.Root, {
       value: g.value,
       disabled: g.isDisabled,
       className: se(T1, h && "_1b7s5f8"),
@@ -6991,7 +7005,7 @@ var A1 = 6, k1 = ({ options: e, value: t, onChange: r, onCommit: a, columns: o,
     default:
       return ye[6];
   }
-}, P1 = "_1g5x15w0 uz3g760", I1 = "_1g5x15w1", E1 = "_1g5x15w2", Pn = "_1g5x15w3", M1 = "_1g5x15w4", N1 = "_1g5x15w5", O1 = "_1g5x15w6", D1 = "_1g5x15w7";
+}, P1 = "_1g5x15w0 uz3g760", I1 = "_1g5x15w1", E1 = "_1g5x15w2", In = "_1g5x15w3", M1 = "_1g5x15w4", N1 = "_1g5x15w5", O1 = "_1g5x15w6", D1 = "_1g5x15w7";
 var R1 = ({ options: e, value: t, onChange: r, placeholder: a, isDisabled: o, hasError: i, ariaLabel: l, ariaLabelledBy: s, id: c }) => {
   const u = me({
     id: c,
@@ -7014,7 +7028,7 @@ var R1 = ({ options: e, value: t, onChange: r, placeholder: a, isDisabled: o, ha
         className: I1,
         children: (d) => z1(e, d, a)
       }), /* @__PURE__ */ n(re.Icon, {
-        className: Pn,
+        className: In,
         children: /* @__PURE__ */ n(Ne, { size: "sm" })
       })]
     }), /* @__PURE__ */ n(re.Portal, {
@@ -7039,8 +7053,8 @@ var R1 = ({ options: e, value: t, onChange: r, placeholder: a, isDisabled: o, ha
                 })]
               }),
               /* @__PURE__ */ n(re.ItemIndicator, {
-                className: Pn,
-                children: /* @__PURE__ */ n(Nr, { size: "sm" })
+                className: In,
+                children: /* @__PURE__ */ n(Or, { size: "sm" })
               })
             ]
           }, d.value))
@@ -7056,7 +7070,7 @@ var U1 = ({ value: e, onChange: t, onCommit: r, min: a, max: o, step: i, suffix:
   const h = me({
     ariaLabel: u,
     ariaLabelledBy: d
-  }, !1), v = W1(e, l, s), { commitUnlessHeldKey: p, gestureHandlers: g } = at(r);
+  }, !1), v = W1(e, l, s), { commitUnlessHeldKey: p, gestureHandlers: g } = ot(r);
   return /* @__PURE__ */ m("div", {
     className: F1,
     children: [/* @__PURE__ */ n(ae.Root, {
@@ -7064,7 +7078,7 @@ var U1 = ({ value: e, onChange: t, onCommit: r, min: a, max: o, step: i, suffix:
       value: e,
       onValueChange: (f) => t(f),
       onValueCommitted: (f, C) => {
-        p(C.reason === Ta);
+        p(C.reason === Aa);
       },
       min: a,
       max: o,
@@ -7086,31 +7100,31 @@ var U1 = ({ value: e, onChange: t, onCommit: r, min: a, max: o, step: i, suffix:
       children: v
     })]
   });
-}, W1 = (e, t, r) => r !== void 0 ? r(e) : t !== void 0 ? `${e}${t}` : null, K1 = "_1hyrlw60", q1 = "_1hyrlw61", X1 = ({ isChecked: e, onChange: t, isDisabled: r, ariaLabel: a, ariaLabelledBy: o, id: i }) => {
+}, W1 = (e, t, r) => r !== void 0 ? r(e) : t !== void 0 ? `${e}${t}` : null, K1 = "_1hyrlw60", q1 = "_1hyrlw61", j1 = ({ isChecked: e, onChange: t, isDisabled: r, ariaLabel: a, ariaLabelledBy: o, id: i }) => {
   const l = me({
     id: i,
     ariaLabel: a,
     ariaLabelledBy: o
   });
-  return /* @__PURE__ */ n(on.Root, {
+  return /* @__PURE__ */ n(ln.Root, {
     checked: e,
     onCheckedChange: (s) => t(s),
     disabled: r,
     className: K1,
     ...l,
-    children: /* @__PURE__ */ n(on.Thumb, { className: q1 })
+    children: /* @__PURE__ */ n(ln.Thumb, { className: q1 })
   });
-}, j1 = "uz3g761", Z1 = "tpcnun0 uz3g760", Y1 = ({ value: e, onChange: t, onCommit: r, placeholder: a, isDisabled: o, hasError: i, ariaLabel: l, ariaLabelledBy: s, id: c }) => {
+}, X1 = "uz3g761", Z1 = "tpcnun0 uz3g760", Y1 = ({ value: e, onChange: t, onCommit: r, placeholder: a, isDisabled: o, hasError: i, ariaLabel: l, ariaLabelledBy: s, id: c }) => {
   const u = me({
     id: c,
     ariaLabel: l,
     ariaLabelledBy: s
   });
-  return /* @__PURE__ */ n(wa, {
+  return /* @__PURE__ */ n(Ta, {
     className: Z1,
     "data-error": i === !0,
     children: /* @__PURE__ */ n(zl, {
-      className: j1,
+      className: X1,
       value: e,
       onValueChange: (d) => t(d),
       onBlur: r,
@@ -7126,8 +7140,8 @@ var ep = ({ options: e, value: t, onChange: r, onCommit: a, itemLayout: o = "inl
     id: c,
     ariaLabel: l,
     ariaLabelledBy: s
-  }), d = o === "stacked", { commitAfterChange: h, gestureHandlers: v } = at(a);
-  return /* @__PURE__ */ n(Cr, {
+  }), d = o === "stacked", { commitAfterChange: h, gestureHandlers: v } = ot(a);
+  return /* @__PURE__ */ n(yr, {
     className: J1,
     value: t,
     onValueChange: (p) => {
@@ -7136,51 +7150,51 @@ var ep = ({ options: e, value: t, onChange: r, onCommit: a, itemLayout: o = "inl
     ...v,
     disabled: i,
     ...u,
-    children: e.map((p) => /* @__PURE__ */ m(br.Root, {
+    children: e.map((p) => /* @__PURE__ */ m(Cr.Root, {
       value: p.value,
       disabled: p.isDisabled,
       className: se(Q1, d && "cnu9yl2"),
       "aria-label": tp(p, d),
-      children: [p.icon, Aa(p, d) && /* @__PURE__ */ n("span", {
+      children: [p.icon, ka(p, d) && /* @__PURE__ */ n("span", {
         className: "cnu9yl3",
         children: p.label
       })]
     }, p.value))
   });
-}, Aa = (e, t) => e.icon === void 0 || t, tp = (e, t) => {
-  if (!Aa(e, t))
+}, ka = (e, t) => e.icon === void 0 || t, tp = (e, t) => {
+  if (!ka(e, t))
     return e.label;
-}, ka = {
+}, La = {
   ToggleGroup: ep,
-  Switch: X1,
+  Switch: j1,
   Slider: U1,
   RadioGrid: k1,
   Button: b1,
   TextField: Y1,
   NumberField: x1,
   Select: R1
-}, La = Me(ka), np = ({ controls: e, children: t }) => {
+}, Pa = Me(La), np = ({ controls: e, children: t }) => {
   const r = O(() => ({
-    ...ka,
+    ...La,
     ...e
   }), [e]);
-  return /* @__PURE__ */ n(La.Provider, {
+  return /* @__PURE__ */ n(Pa.Provider, {
     value: r,
     children: t
   });
-}, H = () => Ae(La), rp = "_12lhx9e0", Pa = ({ children: e }) => /* @__PURE__ */ n("div", {
+}, F = () => Ae(Pa), rp = "_12lhx9e0", Ia = ({ children: e }) => /* @__PURE__ */ n("div", {
   className: rp,
   children: e
 }), ap = "_139ohwv0", q = ({ children: e }) => /* @__PURE__ */ n("div", {
   className: ap,
   children: e
-}), Ia = Me(null), op = Ia.Provider, ip = () => {
-  const e = Ae(Ia);
+}), Ea = Me(null), op = Ea.Provider, ip = () => {
+  const e = Ae(Ea);
   if (!e) throw new Error("A section must be rendered inside <EditorPanel.Root>.");
   return e;
 }, lp = "_1jlczkt0", sp = "data-graphy-editor-panel", cp = {
   List: q,
-  Grid: Pa
+  Grid: Ia
 };
 function dp(e) {
   if (e === void 0) return !1;
@@ -7188,11 +7202,11 @@ function dp(e) {
   return t.includes("_1ii3bsb0") || t.includes("_1ii3bsb1");
 }
 var up = ({ handle: e, children: t, controls: r, defaultExpandedSection: a = void 0, className: o }) => {
-  const i = fo(e), { themeClass: l, inlineVarsStyle: s } = Ee(), [c, u] = J(() => a ? [a] : []), d = O(() => ({
+  const i = bo(e), { themeClass: l, inlineVarsStyle: s } = Ee(), [c, u] = J(() => a ? [a] : []), d = O(() => ({
     expandSection: (h) => u([h]),
     collapseAllSections: () => u([])
   }), []);
-  return /* @__PURE__ */ n(Wt.Provider, {
+  return /* @__PURE__ */ n(Kt.Provider, {
     value: i,
     children: /* @__PURE__ */ n(np, {
       controls: r,
@@ -7209,25 +7223,25 @@ var up = ({ handle: e, children: t, controls: r, defaultExpandedSection: a = voi
       })
     })
   });
-}, Ea = {
+}, Ma = {
   Root: up,
   Controls: cp
-}, In = {
+}, En = {
   stack: "pr583x0",
   grid: "pr583x1"
-}, En = "pr583x2", hp = {
+}, Mn = "pr583x2", hp = {
   plain: "pr583x4 pr583x3",
   withIcon: "pr583x5 pr583x3"
 }, S = ({ label: e, layout: t = "grid", icon: r, children: a }) => {
   const o = we(), i = we();
   return e === void 0 ? /* @__PURE__ */ n("div", {
-    className: In[t],
+    className: En[t],
     children: /* @__PURE__ */ n("div", {
-      className: En,
+      className: Mn,
       children: a
     })
   }) : /* @__PURE__ */ m("div", {
-    className: In[t],
+    className: En[t],
     children: [/* @__PURE__ */ m("label", {
       id: o,
       htmlFor: i,
@@ -7237,8 +7251,8 @@ var up = ({ handle: e, children: t, controls: r, defaultExpandedSection: a = voi
         children: r
       }), e]
     }), /* @__PURE__ */ n("div", {
-      className: En,
-      children: /* @__PURE__ */ n(xa, {
+      className: Mn,
+      children: /* @__PURE__ */ n(wa, {
         labelId: o,
         controlId: i,
         children: a
@@ -7254,7 +7268,7 @@ var up = ({ handle: e, children: t, controls: r, defaultExpandedSection: a = voi
     strokeLinejoin: "round",
     children: /* @__PURE__ */ n("path", { d: "m9 6 6 6-6 6" })
   })
-}), Kt = "_40zvwv0", qt = "_40zvwv1", mp = "_40zvwv2", Ma = "_40zvwv3", gp = "_40zvwv4 _40zvwv3";
+}), qt = "_40zvwv0", jt = "_40zvwv1", mp = "_40zvwv2", Na = "_40zvwv3", gp = "_40zvwv4 _40zvwv3";
 var vp = "_40zvwv6";
 var fp = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory: a, onOpenChange: o, children: i }) => t === "collapsible" ? /* @__PURE__ */ n(Cp, {
   title: e,
@@ -7267,12 +7281,12 @@ var fp = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
   accessory: a,
   children: i
 }) : /* @__PURE__ */ m("div", {
-  className: Kt,
+  className: qt,
   children: [/* @__PURE__ */ m("div", {
-    className: qt,
+    className: jt,
     children: [
       /* @__PURE__ */ n("span", {
-        className: Ma,
+        className: Na,
         children: e
       }),
       r !== void 0 && /* @__PURE__ */ n("span", {
@@ -7288,9 +7302,9 @@ var fp = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
 }), bp = ({ title: e, accessory: t, children: r }) => {
   const a = we(), o = we();
   return /* @__PURE__ */ n("div", {
-    className: Kt,
+    className: qt,
     children: /* @__PURE__ */ m("div", {
-      className: qt,
+      className: jt,
       children: [
         /* @__PURE__ */ n("label", {
           id: a,
@@ -7300,7 +7314,7 @@ var fp = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
         }),
         /* @__PURE__ */ n("span", {
           className: vp,
-          children: /* @__PURE__ */ n(xa, {
+          children: /* @__PURE__ */ n(wa, {
             labelId: a,
             controlId: o,
             children: r
@@ -7317,10 +7331,10 @@ var fp = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
   const i = k();
   return /* @__PURE__ */ m(Pe.Item, {
     value: e,
-    className: Kt,
+    className: qt,
     onOpenChange: a,
     children: [/* @__PURE__ */ m(Pe.Header, {
-      className: qt,
+      className: jt,
       render: /* @__PURE__ */ n("div", {}),
       children: [
         /* @__PURE__ */ n(Pe.Trigger, {
@@ -7328,7 +7342,7 @@ var fp = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
           "aria-label": i("editor.accessibility.toggleSection", { title: e })
         }),
         /* @__PURE__ */ n("span", {
-          className: Ma,
+          className: Na,
           children: e
         }),
         t !== void 0 && /* @__PURE__ */ n("span", {
@@ -7347,7 +7361,7 @@ var fp = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
     }), /* @__PURE__ */ n(Pe.Panel, { children: /* @__PURE__ */ n("div", { children: o }) })]
   });
 }, yp = ({ title: e, isChecked: t, onToggle: r, isDisabled: a, preview: o, children: i }) => {
-  const { expandSection: l, collapseAllSections: s } = ip(), { Switch: c } = H();
+  const { expandSection: l, collapseAllSections: s } = ip(), { Switch: c } = F();
   return /* @__PURE__ */ n(W, {
     title: e,
     layout: "collapsible",
@@ -7376,94 +7390,94 @@ var fp = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
 }, wp = {
   x: "editor.axesPanel.mainAxisSection.xAxis",
   y: "editor.axesPanel.mainAxisSection.yAxis"
-}, Mn = ({ axis: e, title: t, layout: r = "collapsible", preview: a }) => {
-  const o = F(), i = $(o), l = k(), { NumberField: s, Switch: c, TextField: u, ToggleGroup: d } = H();
+}, Nn = ({ axis: e, title: t, layout: r = "collapsible", preview: a }) => {
+  const o = _(), i = $(o), l = k(), { NumberField: s, Switch: c, TextField: u, ToggleGroup: d } = F();
   if (!i) return null;
   const h = i.coordSystem.type === "polar" ? i.coordSystem.axisMapping[e].geometry : "linear", v = i.config.axes[e], p = i.scales[e], g = p?.spec, f = g?.scaleType === "continuous" ? g : void 0;
   if (h === "circular" || h === "radial" && f === void 0) return null;
   const C = g !== void 0 && "reverse" in g ? g : void 0, L = g?.scaleType === "continuous" || g?.scaleType === "datetime", b = e === "y" && f !== void 0 && i.layers.some((w) => w.yScaleType === "primary" && w.geom === "bar"), P = f?.transform === "log", I = f?.domainMax ?? null, x = Tp(f), z = (w, de) => w.map((Re) => ({
     value: Re,
     label: de(Re)
-  })), R = i.guides.axes.find((w) => w.scaleAestheticKey === e)?.position, y = Sp[R === "bottom" || R === "top" || R === void 0 && e === "x" ? "horizontal" : "vertical"], M = e === "y" ? ol(i.spec) : null, T = M === null ? void 0 : i.spec.layers.find((w) => w.id === M), B = i.guides.legends.drawn.some((w) => y.some((de) => de === w.position)), ge = y.map((w) => ({
+  })), R = i.guides.axes.find((w) => w.scaleAestheticKey === e)?.position, y = Sp[R === "bottom" || R === "top" || R === void 0 && e === "x" ? "horizontal" : "vertical"], M = e === "y" ? ol(i.spec) : null, T = M === null ? void 0 : i.spec.layers.find((w) => w.id === M), H = i.guides.legends.drawn.some((w) => y.some((de) => de === w.position)), ge = y.map((w) => ({
     value: w,
     label: l(xp[w])
-  })), za = z(["auto", "edges"], (w) => l(w === "edges" ? "editor.axesPanel.labelMode.edges" : "editor.axesPanel.labelMode.auto")), _a = z(["linear", "log"], (w) => l(w === "log" ? "editor.axesPanel.scale.log" : "editor.axesPanel.scale.auto")), Fa = z([
+  })), _a = z(["auto", "edges"], (w) => l(w === "edges" ? "editor.axesPanel.labelMode.edges" : "editor.axesPanel.labelMode.auto")), Fa = z(["linear", "log"], (w) => l(w === "log" ? "editor.axesPanel.scale.log" : "editor.axesPanel.scale.auto")), Ha = z([
     "auto",
     "zero",
     "custom"
-  ], (w) => l(w === "zero" ? "editor.axesPanel.startFrom.zero" : w === "custom" ? "editor.axesPanel.startFrom.custom" : "editor.axesPanel.startFrom.auto")), Ha = z(["auto", "custom"], (w) => l(w === "custom" ? "editor.axesPanel.endAt.custom" : "editor.axesPanel.endAt.auto")), Ba = z(["no", "yes"], (w) => l(w === "yes" ? "editor.axesPanel.yesNo.yes" : "editor.axesPanel.yesNo.no")), Va = z(["single", "double"], (w) => l(w === "double" ? "editor.axesPanel.axisCount.double" : "editor.axesPanel.axisCount.single")), Ga = (w) => {
-    o.commands.dispatch(new jo({
+  ], (w) => l(w === "zero" ? "editor.axesPanel.startFrom.zero" : w === "custom" ? "editor.axesPanel.startFrom.custom" : "editor.axesPanel.startFrom.auto")), Ba = z(["auto", "custom"], (w) => l(w === "custom" ? "editor.axesPanel.endAt.custom" : "editor.axesPanel.endAt.auto")), Va = z(["no", "yes"], (w) => l(w === "yes" ? "editor.axesPanel.yesNo.yes" : "editor.axesPanel.yesNo.no")), Ga = z(["single", "double"], (w) => l(w === "double" ? "editor.axesPanel.axisCount.double" : "editor.axesPanel.axisCount.single")), $a = (w) => {
+    o.commands.dispatch(new Zo({
       axis: e,
       isVisible: w
     }));
-  }, $a = (w) => {
-    o.commands.dispatch(new Wo({
+  }, Ua = (w) => {
+    o.commands.dispatch(new Ko({
       axis: e,
       label: w === "" ? null : w
     }), { transient: !0 });
-  }, Ua = (w) => {
+  }, Wa = (w) => {
     o.commands.dispatch(new Xo({
       axis: e,
       isVisible: w
     }));
-  }, Wa = (w) => {
-    o.commands.dispatch(new qo({
+  }, Ka = (w) => {
+    o.commands.dispatch(new jo({
       axis: e,
       tickMode: w === "edges" ? "edges" : "auto"
     }));
-  }, Ka = (w) => {
-    o.commands.dispatch(new yi({
+  }, qa = (w) => {
+    o.commands.dispatch(new Si({
       scaledAesthetic: e,
       reverse: w === "yes"
     }));
-  }, qa = (w) => {
-    o.commands.dispatch(new Si({
+  }, ja = (w) => {
+    o.commands.dispatch(new xi({
       scaledAesthetic: e,
       transform: w === "log" ? "log" : "linear"
     }));
-  }, Zt = (w) => {
+  }, Yt = (w) => {
     o.commands.dispatch(new ze({
       scaledAesthetic: e,
       ...w
     }), { transient: !0 });
   }, Xa = (w) => {
-    w !== null && Zt({ domainMin: w });
-  }, ja = (w) => {
-    w !== null && Zt({ domainMax: w });
+    w !== null && Yt({ domainMin: w });
   }, Za = (w) => {
+    w !== null && Yt({ domainMax: w });
+  }, Ya = (w) => {
     if (f) {
       if (w === "custom") {
-        f.zero && o.commands.dispatch(new rn({
+        f.zero && o.commands.dispatch(new an({
           scaledAesthetic: e,
           zero: !1
         })), o.commands.dispatch(new ze({
           scaledAesthetic: e,
-          domainMin: Nn(p?.domain, "start")
+          domainMin: On(p?.domain, "start")
         }));
         return;
       }
       f.domainMin !== null && o.commands.dispatch(new ze({
         scaledAesthetic: e,
         domainMin: null
-      })), o.commands.dispatch(new rn({
+      })), o.commands.dispatch(new an({
         scaledAesthetic: e,
         zero: w === "zero"
       }));
     }
-  }, Ya = (w) => {
-    const de = w === "custom" ? Nn(p?.domain, "end") : null;
+  }, Ja = (w) => {
+    const de = w === "custom" ? On(p?.domain, "end") : null;
     o.commands.dispatch(new ze({
       scaledAesthetic: e,
       domainMax: de
     }));
-  }, Ja = (w) => {
-    T !== void 0 && o.commands.dispatch(new li({
+  }, Qa = (w) => {
+    T !== void 0 && o.commands.dispatch(new si({
       layerId: T.id,
       yScaleType: w === "double" ? "secondary" : "primary"
     }));
-  }, Qa = (w) => {
+  }, eo = (w) => {
     const de = y.find((Re) => Re === w);
-    de && o.commands.dispatch(new Ko({
+    de && o.commands.dispatch(new qo({
       axis: e,
       position: de
     }));
@@ -7477,70 +7491,70 @@ var fp = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
         label: l("editor.axesPanel.controls.visible"),
         children: /* @__PURE__ */ n(c, {
           isChecked: v.isVisible,
-          onChange: Ga
+          onChange: $a
         })
       }),
       T !== void 0 && /* @__PURE__ */ n(S, {
         label: l("editor.axesPanel.controls.numberOfAxes"),
         children: /* @__PURE__ */ n(d, {
           value: T.yScaleType === "secondary" ? "double" : "single",
-          options: Va,
-          onChange: Ja
+          options: Ga,
+          onChange: Qa
         })
       }),
-      h === "linear" && /* @__PURE__ */ m(j, { children: [/* @__PURE__ */ n(S, {
+      h === "linear" && /* @__PURE__ */ m(X, { children: [/* @__PURE__ */ n(S, {
         label: l("editor.axesPanel.controls.title"),
         children: /* @__PURE__ */ n(u, {
           value: v.label ?? "",
-          onChange: $a,
+          onChange: Ua,
           onCommit: o.commands.seal
         })
       }), /* @__PURE__ */ n(S, {
         label: l("editor.axesPanel.controls.ticks"),
         children: /* @__PURE__ */ n(c, {
           isChecked: v.ticks.isVisible,
-          onChange: Ua
+          onChange: Wa
         })
       })] }),
       L && /* @__PURE__ */ n(S, {
         label: l("editor.axesPanel.controls.labels"),
         children: /* @__PURE__ */ n(d, {
           value: v.ticks.mode,
-          options: za,
-          onChange: Wa
+          options: _a,
+          onChange: Ka
         })
       }),
-      f && h === "linear" && !B && /* @__PURE__ */ n(S, {
+      f && h === "linear" && !H && /* @__PURE__ */ n(S, {
         label: l("editor.axesPanel.controls.position"),
         children: /* @__PURE__ */ n(d, {
           value: R ?? v.position,
           options: ge,
-          onChange: Qa
+          onChange: eo
         })
       }),
       C !== void 0 && /* @__PURE__ */ n(S, {
         label: l("editor.axesPanel.controls.reverse"),
         children: /* @__PURE__ */ n(d, {
           value: C.reverse === !0 ? "yes" : "no",
-          options: Ba,
-          onChange: Ka
+          options: Va,
+          onChange: qa
         })
       }),
       f && !b && /* @__PURE__ */ n(S, {
         label: l("editor.axesPanel.controls.scale"),
         children: /* @__PURE__ */ n(d, {
           value: P ? "log" : "linear",
-          options: _a,
-          onChange: qa
+          options: Fa,
+          onChange: ja
         })
       }),
-      f && !P && /* @__PURE__ */ m(j, { children: [
-        !b && /* @__PURE__ */ m(j, { children: [/* @__PURE__ */ n(S, {
+      f && !P && /* @__PURE__ */ m(X, { children: [
+        !b && /* @__PURE__ */ m(X, { children: [/* @__PURE__ */ n(S, {
           label: l("editor.axesPanel.controls.startFrom"),
           children: /* @__PURE__ */ n(d, {
             value: x,
-            options: Fa,
-            onChange: Za
+            options: Ha,
+            onChange: Ya
           })
         }), x === "custom" && /* @__PURE__ */ n(S, {
           label: l("editor.axesPanel.controls.value"),
@@ -7554,26 +7568,26 @@ var fp = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
           label: l("editor.axesPanel.controls.endAt"),
           children: /* @__PURE__ */ n(d, {
             value: I === null ? "auto" : "custom",
-            options: Ha,
-            onChange: Ya
+            options: Ba,
+            onChange: Ja
           })
         }),
         I !== null && /* @__PURE__ */ n(S, {
           label: l("editor.axesPanel.controls.value"),
           children: /* @__PURE__ */ n(s, {
             value: I,
-            onChange: ja,
+            onChange: Za,
             onCommit: o.commands.seal
           })
         })
       ] })
     ] })
   });
-}, Tp = (e) => e === void 0 ? "auto" : e.domainMin !== null && e.domainMin !== void 0 ? "custom" : e.zero === !0 ? "zero" : "auto", Nn = (e, t) => {
+}, Tp = (e) => e === void 0 ? "auto" : e.domainMin !== null && e.domainMin !== void 0 ? "custom" : e.zero === !0 ? "zero" : "auto", On = (e, t) => {
   const r = t === "start" ? e?.[0] : e?.[e.length - 1];
   return typeof r == "number" ? r : 0;
 }, Xt = ({ value: e, onChange: t }) => {
-  const r = F(), a = k(), { TextField: o } = H(), i = e !== null && typeof e != "string", l = (s) => t(s === "" ? null : s);
+  const r = _(), a = k(), { TextField: o } = F(), i = e !== null && typeof e != "string", l = (s) => t(s === "" ? null : s);
   return /* @__PURE__ */ n(S, {
     label: a("editor.elementsPanel.contentValue"),
     children: /* @__PURE__ */ n(o, {
@@ -7584,15 +7598,15 @@ var fp = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
     })
   });
 }, Ap = ({ title: e, layout: t = "collapsible", preview: r }) => {
-  const a = F(), o = $(a), i = k(), { Switch: l } = H();
+  const a = _(), o = $(a), i = k(), { Switch: l } = F();
   if (!o) return null;
   const s = o.config.content, c = (d) => {
-    a.commands.dispatch(new Je({
+    a.commands.dispatch(new Qe({
       slot: "caption",
       isVisible: d
     }));
   }, u = (d) => {
-    a.commands.dispatch(new nr({ caption: d }), { transient: !0 });
+    a.commands.dispatch(new rr({ caption: d }), { transient: !0 });
   };
   return /* @__PURE__ */ n(W, {
     title: e ?? i("editor.elementsPanel.footerSection.caption"),
@@ -7609,11 +7623,11 @@ var fp = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
       onChange: u
     })] })
   });
-}, On = /^[a-z][a-z\d+.-]*:/i, kp = {}, Lp = ({ title: e, layout: t = "collapsible", preview: r }) => {
-  const a = F(), o = $(a), i = k(), { Switch: l } = H();
+}, Dn = /^[a-z][a-z\d+.-]*:/i, kp = {}, Lp = ({ title: e, layout: t = "collapsible", preview: r }) => {
+  const a = _(), o = $(a), i = k(), { Switch: l } = F();
   if (!o) return null;
   const s = o.config.content, c = (u) => {
-    a.commands.dispatch(new Je({
+    a.commands.dispatch(new Qe({
       slot: "source",
       isVisible: u
     }));
@@ -7631,12 +7645,12 @@ var fp = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
     }), /* @__PURE__ */ n(Pp, { source: s.source ?? kp })] })
   });
 }, Pp = ({ source: e }) => {
-  const t = F(), r = k(), { TextField: a } = H(), o = (c) => {
+  const t = _(), r = k(), { TextField: a } = F(), o = (c) => {
     const u = (c.label ?? "") !== "" || (c.url ?? "") !== "";
-    t.commands.dispatch(new Jo({ source: u ? c : null }), { transient: !0 });
+    t.commands.dispatch(new Qo({ source: u ? c : null }), { transient: !0 });
   }, i = () => {
     const c = e.url ?? "";
-    c !== "" && !On.test(c) && o({
+    c !== "" && !Dn.test(c) && o({
       ...e,
       url: `https://${c}`
     }), t.commands.seal();
@@ -7647,13 +7661,13 @@ var fp = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
     ...e,
     label: c
   });
-  return /* @__PURE__ */ m(j, { children: [/* @__PURE__ */ n(S, {
+  return /* @__PURE__ */ m(X, { children: [/* @__PURE__ */ n(S, {
     label: r("editor.elementsPanel.sourceSection.url"),
     children: /* @__PURE__ */ n(a, {
       value: e.url ?? "",
       onChange: l,
       onCommit: i,
-      hasError: On.test(e.url ?? "") && !rl(e.url)
+      hasError: Dn.test(e.url ?? "") && !al(e.url)
     })
   }), /* @__PURE__ */ n(S, {
     label: r("editor.elementsPanel.sourceSection.name"),
@@ -7664,15 +7678,15 @@ var fp = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
     })
   })] });
 }, Ip = ({ title: e, layout: t = "collapsible", preview: r }) => {
-  const a = F(), o = $(a), i = k(), { Switch: l } = H();
+  const a = _(), o = $(a), i = k(), { Switch: l } = F();
   if (!o) return null;
   const s = o.config.content, c = (d) => {
-    a.commands.dispatch(new Je({
+    a.commands.dispatch(new Qe({
       slot: "subtitle",
       isVisible: d
     }));
   }, u = (d) => {
-    a.commands.dispatch(new rr({ subtitle: d }), { transient: !0 });
+    a.commands.dispatch(new ar({ subtitle: d }), { transient: !0 });
   };
   return /* @__PURE__ */ n(W, {
     title: e ?? i("editor.elementsPanel.headerSection.subtitle"),
@@ -7689,7 +7703,7 @@ var fp = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
       onChange: u
     })] })
   });
-}, xt = [
+}, wt = [
   0.8,
   1,
   1.2,
@@ -7700,15 +7714,15 @@ var fp = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
   2.5,
   3,
   4
-], Ep = xt.length / 2, Mp = ({ title: e, layout: t = "collapsible", preview: r }) => {
-  const a = F(), o = $(a), i = k(), { RadioGrid: l } = H();
+], Ep = wt.length / 2, Mp = ({ title: e, layout: t = "collapsible", preview: r }) => {
+  const a = _(), o = $(a), i = k(), { RadioGrid: l } = F();
   if (!o) return null;
-  const { textScale: s } = o.config.appearance, c = (h) => i("editor.elementsPanel.textSizeSection.scaleFormat", { value: `${h}` }), u = xt.map((h) => ({
+  const { textScale: s } = o.config.appearance, c = (h) => i("editor.elementsPanel.textSizeSection.scaleFormat", { value: `${h}` }), u = wt.map((h) => ({
     value: `${h}`,
     label: c(h)
   })), d = (h) => {
-    const v = xt.find((p) => `${p}` === h);
-    v !== void 0 && a.commands.dispatch(new Uo({ textScale: v }));
+    const v = wt.find((p) => `${p}` === h);
+    v !== void 0 && a.commands.dispatch(new Wo({ textScale: v }));
   };
   return /* @__PURE__ */ n(W, {
     title: e ?? i("editor.elementsPanel.textSizeSection.title"),
@@ -7723,15 +7737,15 @@ var fp = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
     })
   });
 }, Np = ({ title: e, layout: t = "collapsible", preview: r }) => {
-  const a = F(), o = $(a), i = k(), { Switch: l } = H();
+  const a = _(), o = $(a), i = k(), { Switch: l } = F();
   if (!o) return null;
   const s = o.config.content, c = (d) => {
-    a.commands.dispatch(new Je({
+    a.commands.dispatch(new Qe({
       slot: "title",
       isVisible: d
     }));
   }, u = (d) => {
-    a.commands.dispatch(new ar({ title: d }), { transient: !0 });
+    a.commands.dispatch(new or({ title: d }), { transient: !0 });
   };
   return /* @__PURE__ */ n(W, {
     title: e ?? i("editor.elementsPanel.headerSection.toggleTitle"),
@@ -7748,27 +7762,27 @@ var fp = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
       onChange: u
     })] })
   });
-}, Vm = ({ children: e, ...t }) => /* @__PURE__ */ n(Ea.Root, {
+}, Vm = ({ children: e, ...t }) => /* @__PURE__ */ n(Ma.Root, {
   ...t,
-  children: e ?? /* @__PURE__ */ m(j, { children: [
+  children: e ?? /* @__PURE__ */ m(X, { children: [
     /* @__PURE__ */ n(Np, {}),
     /* @__PURE__ */ n(Ip, {}),
     /* @__PURE__ */ n(Ap, {}),
     /* @__PURE__ */ n(Lp, {}),
     /* @__PURE__ */ n(Mp, {})
   ] })
-}), Gm = ({ children: e, ...t }) => /* @__PURE__ */ n(Ea.Root, {
+}), Gm = ({ children: e, ...t }) => /* @__PURE__ */ n(Ma.Root, {
   ...t,
-  children: e ?? /* @__PURE__ */ m(j, { children: [/* @__PURE__ */ n(Mn, { axis: "x" }), /* @__PURE__ */ n(Mn, { axis: "y" })] })
-}), ot = (e) => `${e}px`, Na = (e) => `${Math.round(e * 100)}%`, Op = (e) => `${e}°`, Dp = 24, Rp = { select: { target: "graph" } }, Dn = ["dim", "desaturate"], $m = ({ title: e, layout: t = "collapsible", preview: r }) => {
-  const a = F(), o = $(a), i = k(), { Slider: l, ToggleGroup: s } = H();
+  children: e ?? /* @__PURE__ */ m(X, { children: [/* @__PURE__ */ n(Nn, { axis: "x" }), /* @__PURE__ */ n(Nn, { axis: "y" })] })
+}), it = (e) => `${e}px`, Oa = (e) => `${Math.round(e * 100)}%`, Op = (e) => `${e}°`, Dp = 24, Rp = { select: { target: "graph" } }, Rn = ["dim", "desaturate"], $m = ({ title: e, layout: t = "collapsible", preview: r }) => {
+  const a = _(), o = $(a), i = k(), { Slider: l, ToggleGroup: s } = F();
   if (!o) return null;
-  const c = Qe().chromeReaders(o.chrome).graph.get("borderRadius"), u = il(o.spec), d = Dn.map((p) => ({
+  const c = et().chromeReaders(o.chrome).graph.get("borderRadius"), u = il(o.spec), d = Rn.map((p) => ({
     value: p,
     label: i(p === "dim" ? "editor.highlighting.highlightStyle.tint" : "editor.highlighting.highlightStyle.grey")
   })), h = (p) => {
-    const g = Nt(o.spec.styles.overrides, Rp)?.declarations ?? {};
-    a.commands.dispatch(new Mt({
+    const g = Ot(o.spec.styles.overrides, Rp)?.declarations ?? {};
+    a.commands.dispatch(new Nt({
       list: "overrides",
       rule: {
         select: { target: "graph" },
@@ -7779,8 +7793,8 @@ var fp = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
       }
     }), { transient: !0 });
   }, v = (p) => {
-    const g = Dn.find((f) => f === p);
-    g && a.commands.dispatch(new ii({ dimStyle: g }));
+    const g = Rn.find((f) => f === p);
+    g && a.commands.dispatch(new li({ dimStyle: g }));
   };
   return /* @__PURE__ */ n(W, {
     title: e ?? i("editor.colorPanel.appearanceSection.title"),
@@ -7793,7 +7807,7 @@ var fp = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
         min: 0,
         max: Dp,
         step: 1,
-        formatValue: ot,
+        formatValue: it,
         onChange: h,
         onCommit: a.commands.seal
       })
@@ -7806,31 +7820,31 @@ var fp = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
       })
     })] })
   });
-}, jt = (e, t) => {
+}, Zt = (e, t) => {
   const { colorScheme: r } = Ee();
   return O(() => {
     const a = e?.layers.find((o) => o.id === t);
-    return a === void 0 ? null : Qe({ colorScheme: r }).geomReaders(a);
+    return a === void 0 ? null : et({ colorScheme: r }).geomReaders(a);
   }, [
     e,
     t,
     r
   ]);
 }, zp = 0.05, Um = ({ title: e, layout: t = "collapsible", preview: r }) => {
-  const a = F(), o = $(a), i = k(), { Slider: l, ToggleGroup: s } = H(), c = o ? lr(o.spec.layers, "bar") : void 0, u = jt(o, c?.id ?? null);
+  const a = _(), o = $(a), i = k(), { Slider: l, ToggleGroup: s } = F(), c = o ? sr(o.spec.layers, "bar") : void 0, u = Zt(o, c?.id ?? null);
   if (!o || !c || o.coordSystem.type === "polar" && o.coordSystem.bandAxis === null) return null;
   const d = (g) => {
-    a.commands.dispatch(new Yo({
+    a.commands.dispatch(new Jo({
       layerId: c.id,
       width: g
     }), { transient: !0 });
   }, h = (g) => {
-    const f = Jt.find((C) => C === g);
-    f && a.commands.dispatch(new Zo({
+    const f = Qt.find((C) => C === g);
+    f && a.commands.dispatch(new Yo({
       layerId: c.id,
       borderRadius: f
     }));
-  }, v = Jt.map((g) => ({
+  }, v = Qt.map((g) => ({
     value: g,
     label: i(`editor.graphPanel.barSection.roundingOptions.${g}`)
   })), p = dl(c.params, o.coordSystem.type);
@@ -7842,10 +7856,10 @@ var fp = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
       label: i("editor.graphPanel.barSection.thickness"),
       children: /* @__PURE__ */ n(l, {
         value: p,
-        min: Bo,
-        max: Ho,
+        min: Vo,
+        max: Bo,
         step: zp,
-        formatValue: Na,
+        formatValue: Oa,
         onChange: d,
         onCommit: a.commands.seal
       })
@@ -7853,15 +7867,15 @@ var fp = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
       label: i("editor.graphPanel.barSection.rounding"),
       layout: "stack",
       children: /* @__PURE__ */ n(s, {
-        value: u?.get("borderRadius") ?? zo,
+        value: u?.get("borderRadius") ?? _o,
         options: v,
         onChange: h
       })
     })] })
   });
-}, it = ({ children: e }) => {
+}, lt = ({ children: e }) => {
   const t = we();
-  return /* @__PURE__ */ m(j, { children: [/* @__PURE__ */ n("g", {
+  return /* @__PURE__ */ m(X, { children: [/* @__PURE__ */ n("g", {
     filter: `url(#${t})`,
     children: e
   }), /* @__PURE__ */ n("defs", { children: /* @__PURE__ */ m("filter", {
@@ -7884,11 +7898,11 @@ var fp = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
       floodOpacity: "0.16"
     })]
   }) })] });
-}, lt = "qdaoth0", _p = (e) => /* @__PURE__ */ m(A, {
+}, st = "qdaoth0", _p = (e) => /* @__PURE__ */ m(A, {
   viewBox: "0 0 31 33",
   ...e,
-  children: [/* @__PURE__ */ n(it, { children: /* @__PURE__ */ n("path", {
-    className: lt,
+  children: [/* @__PURE__ */ n(lt, { children: /* @__PURE__ */ n("path", {
+    className: st,
     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"
@@ -7899,8 +7913,8 @@ var fp = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
 }), Fp = (e) => /* @__PURE__ */ n(A, {
   viewBox: "0 0 32 32",
   ...e,
-  children: /* @__PURE__ */ m(it, { children: [/* @__PURE__ */ n("path", {
-    className: lt,
+  children: /* @__PURE__ */ m(lt, { children: [/* @__PURE__ */ n("path", {
+    className: st,
     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",
@@ -7909,8 +7923,8 @@ var fp = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
 }), Hp = (e) => /* @__PURE__ */ m(A, {
   viewBox: "0 0 32 33",
   ...e,
-  children: [/* @__PURE__ */ n(it, { children: /* @__PURE__ */ n("path", {
-    className: lt,
+  children: [/* @__PURE__ */ n(lt, { children: /* @__PURE__ */ n("path", {
+    className: st,
     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"
@@ -7923,8 +7937,8 @@ var fp = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
 }), Bp = (e) => /* @__PURE__ */ m(A, {
   viewBox: "0 0 32 33",
   ...e,
-  children: [/* @__PURE__ */ n(it, { children: /* @__PURE__ */ n("path", {
-    className: lt,
+  children: [/* @__PURE__ */ n(lt, { children: /* @__PURE__ */ n("path", {
+    className: st,
     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",
@@ -7945,14 +7959,14 @@ var fp = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
   x: 0.6,
   y: 0.4
 }, qp = "relative-difference", Wm = ({ title: e, layout: t = "collapsible", preview: r }) => {
-  const a = F(), o = $(a), i = k(), { Button: l } = H();
+  const a = _(), o = $(a), i = k(), { Button: l } = F();
   if (!o) return null;
   const s = () => {
     a.commands.dispatch(new he({
       kind: "text",
       annotation: {
-        ...wi,
-        content: Xp(i("editor.annotatePanel.callOutSection.text")),
+        ...Ti,
+        content: jp(i("editor.annotatePanel.callOutSection.text")),
         at: {
           anchorType: "panel",
           ...Vp
@@ -7964,7 +7978,7 @@ var fp = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
     a.commands.dispatch(new he({
       kind: "arrow",
       annotation: {
-        ...No,
+        ...Oo,
         start: {
           anchorType: "panel",
           ...Wp
@@ -7979,7 +7993,7 @@ var fp = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
     a.commands.dispatch(new he({
       kind: "shape",
       annotation: {
-        ...$o,
+        ...Uo,
         ...Up,
         region: {
           anchorType: "panel",
@@ -7988,11 +8002,11 @@ var fp = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
       }
     }));
   }, d = () => {
-    const v = el(o);
+    const v = tl(o);
     v !== null && a.commands.dispatch(new he({
       kind: "differenceArrow",
       annotation: {
-        ...Qn,
+        ...er,
         ...v,
         label: qp
       }
@@ -8002,7 +8016,7 @@ var fp = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
     title: e ?? i("editor.annotatePanel.callOutSection.title"),
     layout: t,
     preview: r,
-    children: /* @__PURE__ */ m(Pa, { children: [
+    children: /* @__PURE__ */ m(Ia, { children: [
       /* @__PURE__ */ n(l, {
         variant: "tile",
         icon: /* @__PURE__ */ n(Bp, { size: "xl" }),
@@ -8029,7 +8043,7 @@ var fp = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
       })
     ] })
   });
-}, Xp = (e) => ({
+}, jp = (e) => ({
   type: "doc",
   content: [{
     type: "paragraph",
@@ -8039,16 +8053,16 @@ var fp = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
     }]
   }]
 }), Km = ({ title: e, layout: t = "collapsible", preview: r }) => {
-  const a = F(), o = $(a), i = k(), { ToggleGroup: l } = H();
+  const a = _(), o = $(a), i = k(), { ToggleGroup: l } = F();
   if (!o) return null;
-  const s = dr(o.spec);
+  const s = ur(o.spec);
   if (s === null || !ve(s)) return null;
-  const c = Qt.map((d) => ({
+  const c = en.map((d) => ({
     value: d,
     label: i(`editor.graphPanel.comboSection.types.${d}`)
   })), u = (d) => {
-    const h = Qt.find((v) => v === d);
-    h && a.commands.dispatch(new tr({
+    const h = en.find((v) => v === d);
+    h && a.commands.dispatch(new nr({
       coordType: "cartesian",
       comboType: h
     }));
@@ -8064,11 +8078,11 @@ var fp = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
       ariaLabel: i("editor.graphPanel.comboSection.title")
     })
   });
-}, jp = 0.1, Zp = 20, qm = ({ title: e, preview: t }) => {
-  const r = F(), a = $(r), o = k(), { NumberField: i, TextField: l } = H();
+}, Xp = 0.1, Zp = 20, qm = ({ title: e, preview: t }) => {
+  const r = _(), a = $(r), o = k(), { NumberField: i, TextField: l } = F();
   if (!a || a.coordSystem.type === "polar") return null;
-  const s = qi(a.spec.layers), c = e ?? o("editor.annotationsPanel.goalSection.title"), u = $i(s?.mapping.y), d = typeof u == "number" ? u : null, h = (g) => {
-    const f = new ki({
+  const s = ji(a.spec.layers), c = e ?? o("editor.annotationsPanel.goalSection.title"), u = Ui(s?.mapping.y), d = typeof u == "number" ? u : null, h = (g) => {
+    const f = new Li({
       showGoalLine: g,
       value: Yp(a),
       ...s !== void 0 && { layerId: s.id }
@@ -8076,14 +8090,14 @@ var fp = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
     r.commands.dispatch(f);
   }, v = (g) => {
     if (s === void 0) return;
-    const f = new bi({
+    const f = new Ci({
       layerId: s.id,
       label: g === "" ? null : g
     });
     r.commands.dispatch(f, { transient: !0 });
   }, p = (g) => {
     if (s === void 0 || g === null) return;
-    const f = new Ci({
+    const f = new yi({
       layerId: s.id,
       value: g
     });
@@ -8120,34 +8134,34 @@ var fp = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
   const r = Math.max(...t), a = r - Math.min(...t), o = a > 0 ? a : Math.abs(r);
   if (o === 0) return 0;
   const i = Math.min(Zp, Math.max(0, 1 - Math.floor(Math.log10(o))));
-  return Number((r + o * jp).toFixed(i));
-}, Xm = ({ layerId: e, title: t, layout: r = "collapsible", preview: a }) => {
-  const o = F(), i = $(o), l = k(), { Switch: s } = H();
+  return Number((r + o * Xp).toFixed(i));
+}, jm = ({ layerId: e, title: t, layout: r = "collapsible", preview: a }) => {
+  const o = _(), i = $(o), l = k(), { Switch: s } = F();
   if (!i) return null;
   const c = e === void 0 ? i.spec.layers[0] : i.spec.layers.find((R) => R.id === e);
   if (!c) return null;
   const { showDataLabels: u, format: d, showStackTotals: h, showCategoryLabels: v } = c.dataLabels, p = i.coordSystem.type === "polar", g = c.geom === "bar", f = c.position === "stack" || c.position === "fill", C = g && !p && c.position === "stack", L = g && (!p || u), b = g || c.geom === "area" && f;
-  if (!Fi(c.geom, i.coordSystem.type)) return null;
+  if (!Hi(c.geom, i.coordSystem.type)) return null;
   const P = (R) => {
-    const y = new Ai({
+    const y = new ki({
       layerId: c.id,
       showDataLabels: R
     });
     o.commands.dispatch(y);
   }, I = (R) => {
-    const y = new Qo({
+    const y = new ei({
       layerId: c.id,
       format: R ? "percentage" : "absolute"
     });
     o.commands.dispatch(y);
   }, x = (R) => {
-    const y = new Ii({
+    const y = new Ei({
       layerId: c.id,
       showStackTotals: R
     });
     o.commands.dispatch(y);
   }, z = (R) => {
-    const y = new Ti({
+    const y = new Ai({
       layerId: c.id,
       showCategoryLabels: R
     });
@@ -8664,7 +8678,7 @@ var fp = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
       })
     ]
   })
-}), u2 = 0.55, wt = [
+}), u2 = 0.55, Tt = [
   {
     name: "column",
     icon: n2,
@@ -8785,30 +8799,30 @@ var fp = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
       position: "identity"
     }
   }
-], h2 = 0.05, p2 = (e) => e === null ? null : wt.find((t) => g2(t.summary, e)) ?? null, m2 = (e, t) => {
+], h2 = 0.05, p2 = (e) => e === null ? null : Tt.find((t) => g2(t.summary, e)) ?? null, m2 = (e, t) => {
   const { summary: r } = e;
-  return t === null || ve(r) ? r : r.position === "dodge" && Oa(t) ? {
+  return t === null || ve(r) ? r : r.position === "dodge" && Da(t) ? {
     ...r,
     position: "identity"
-  } : r.coordType !== "polar" || !je(r.innerRadius) || t.coordType !== "polar" || !je(t.innerRadius) ? r : {
+  } : r.coordType !== "polar" || !Ze(r.innerRadius) || t.coordType !== "polar" || !Ze(t.innerRadius) ? r : {
     ...r,
     innerRadius: t.innerRadius
   };
-}, Oa = (e) => !ve(e) && e.geom === "bar" && e.position === "identity", g2 = (e, t) => {
+}, Da = (e) => !ve(e) && e.geom === "bar" && e.position === "identity", g2 = (e, t) => {
   if (ve(e) || ve(t)) return ve(e) && ve(t);
-  const r = e.position === t.position || e.position === "dodge" && Oa(t);
-  return e.coordType !== t.coordType || e.geom !== t.geom || !r ? !1 : e.coordType !== "polar" || t.coordType !== "polar" ? !0 : e.theta === t.theta && je(e.innerRadius) === je(t.innerRadius);
-}, je = (e) => e >= h2, v2 = 3, jm = ({ title: e, layout: t = "collapsible", preview: r }) => {
-  const a = F(), o = $(a), i = k(), { RadioGrid: l } = H(), s = O(() => wt.map(({ name: h, icon: v }) => ({
+  const r = e.position === t.position || e.position === "dodge" && Da(t);
+  return e.coordType !== t.coordType || e.geom !== t.geom || !r ? !1 : e.coordType !== "polar" || t.coordType !== "polar" ? !0 : e.theta === t.theta && Ze(e.innerRadius) === Ze(t.innerRadius);
+}, Ze = (e) => e >= h2, v2 = 3, Xm = ({ title: e, layout: t = "collapsible", preview: r }) => {
+  const a = _(), o = $(a), i = k(), { RadioGrid: l } = F(), s = O(() => Tt.map(({ name: h, icon: v }) => ({
     value: h,
     label: i(`editor.graphTypes.${h}`),
     icon: /* @__PURE__ */ n(v, { size: "md" }),
-    isDisabled: h === "combo" && !zi(o?.spec) || h === "heatmap" && !_i(o?.spec)
+    isDisabled: h === "combo" && !_i(o?.spec) || h === "heatmap" && !Fi(o?.spec)
   })), [i, o]);
   if (!o) return null;
-  const c = dr(o.spec), u = p2(c), d = (h) => {
-    const v = wt.find((p) => p.name === h);
-    v && a.commands.dispatch(new tr(m2(v, c)));
+  const c = ur(o.spec), u = p2(c), d = (h) => {
+    const v = Tt.find((p) => p.name === h);
+    v && a.commands.dispatch(new nr(m2(v, c)));
   };
   return /* @__PURE__ */ n(W, {
     title: e ?? i("editor.graphPanel.graphTypeSection.title"),
@@ -8822,31 +8836,31 @@ var fp = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
       ariaLabel: i("editor.graphPanel.graphTypeSection.title")
     })
   });
-}, Rn = [
+}, zn = [
   "solid",
   "dashed",
   "dotted"
 ], f2 = 8, b2 = 0, Zm = ({ title: e, layout: t = "collapsible", preview: r }) => {
-  const a = F(), o = $(a), i = k(), { Slider: l, Switch: s, ToggleGroup: c } = H(), { colorScheme: u } = Ee();
+  const a = _(), o = $(a), i = k(), { Slider: l, Switch: s, ToggleGroup: c } = F(), { colorScheme: u } = Ee();
   if (!o) return null;
   const d = o.guides.axes.filter(C2);
   if (d.length === 0) return null;
-  const h = o.coordSystem.type !== "polar", v = d.some((b) => b.gridVisible), p = hl(Qe({ colorScheme: u }).chromeReaders(o.chrome), "y"), g = Rn.map((b) => ({
+  const h = o.coordSystem.type !== "polar", v = d.some((b) => b.gridVisible), p = hl(et({ colorScheme: u }).chromeReaders(o.chrome), "y"), g = zn.map((b) => ({
     value: b,
     label: i(`editor.graphPanel.gridSection.lineStyles.${b}`)
   })), f = (b) => (P) => {
-    a.commands.dispatch(new ni({
+    a.commands.dispatch(new ri({
       axis: b,
       isVisible: P
     }));
   }, C = (b) => {
-    const P = Rn.find((I) => I === b);
-    P && a.commands.dispatch(new ei({
+    const P = zn.find((I) => I === b);
+    P && a.commands.dispatch(new ti({
       axis: "both",
       lineStyle: P
     }));
   }, L = (b) => {
-    a.commands.dispatch(new ti({
+    a.commands.dispatch(new ni({
       axis: "both",
       lineWidth: b
     }), { transient: !0 });
@@ -8861,7 +8875,7 @@ var fp = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
         isChecked: b.gridVisible,
         onChange: f(b.scaleAestheticKey)
       })
-    }, b.scaleAestheticKey)), h && v && /* @__PURE__ */ m(j, { children: [/* @__PURE__ */ n(S, {
+    }, b.scaleAestheticKey)), h && v && /* @__PURE__ */ m(X, { children: [/* @__PURE__ */ n(S, {
       label: i("editor.graphPanel.gridSection.gridStyle"),
       children: /* @__PURE__ */ n(c, {
         value: p.lineType,
@@ -8875,33 +8889,33 @@ var fp = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
         min: b2,
         max: f2,
         step: 0.5,
-        formatValue: ot,
+        formatValue: it,
         onChange: L,
         onCommit: a.commands.seal
       })
     })] })] })
   });
-}, C2 = (e) => e.scaleAestheticKey === "x" || e.scaleAestheticKey === "y", y2 = (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", S2 = "total", Da = [
+}, C2 = (e) => e.scaleAestheticKey === "x" || e.scaleAestheticKey === "y", y2 = (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", S2 = "total", Ra = [
   "total",
   "average",
   "current"
-], x2 = ["total"], zn = ["previous", "first"], _n = [
+], x2 = ["total"], _n = ["previous", "first"], Fn = [
   "auto",
   "small",
   "medium",
   "large"
 ], Ym = ({ title: e, layout: t = "collapsible", preview: r }) => {
-  const a = F(), o = $(a), i = k(), { Switch: l, ToggleGroup: s } = H();
+  const a = _(), o = $(a), i = k(), { Switch: l, ToggleGroup: s } = F();
   if (!o) return null;
   const c = o.config.headline, u = c.show !== "none", d = o.coordSystem, h = d.type === "polar", v = d.type === "polar" && d.innerRadius > 0, p = o.layers.some((T) => T.summary.grandTotal !== void 0);
   if (h && !p) return null;
-  const g = h ? x2 : Da, f = o.guides.headline, C = f?.kind === "perGroup" && f.items.some((T) => T.comparison !== null), L = g.map((T) => ({
+  const g = h ? x2 : Ra, f = o.guides.headline, C = f?.kind === "perGroup" && f.items.some((T) => T.comparison !== null), L = g.map((T) => ({
     value: T,
     label: i(`editor.graphPanel.headlineNumberSection.metrics.${T}`)
-  })), b = zn.map((T) => ({
+  })), b = _n.map((T) => ({
     value: T,
     label: i(`editor.graphPanel.headlineNumberSection.comparison.${T}`)
-  })), P = _n.map((T) => ({
+  })), P = Fn.map((T) => ({
     value: T,
     label: i(T === "auto" ? "editor.graphPanel.numberFormat.options.auto" : `editor.graphPanel.headlineNumberSize.sizes.${T}`)
   })), I = [{
@@ -8911,18 +8925,18 @@ var fp = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
     value: "center",
     label: i("editor.graphPanel.headlineNumberSection.position.center")
   }], x = (T) => {
-    a.commands.dispatch(new en({ show: T ? S2 : "none" }));
+    a.commands.dispatch(new tn({ show: T ? S2 : "none" }));
   }, z = (T) => {
-    const B = g.find((ge) => ge === T);
-    B && a.commands.dispatch(new en({ show: B }));
+    const H = g.find((ge) => ge === T);
+    H && a.commands.dispatch(new tn({ show: H }));
   }, R = (T) => {
-    const B = zn.find((ge) => ge === T);
-    B && a.commands.dispatch(new ri({ compareWith: B }));
+    const H = _n.find((ge) => ge === T);
+    H && a.commands.dispatch(new ai({ compareWith: H }));
   }, y = (T) => {
-    const B = _n.find((ge) => ge === T);
-    B && a.commands.dispatch(new oi({ size: B }));
+    const H = Fn.find((ge) => ge === T);
+    H && a.commands.dispatch(new ii({ size: H }));
   }, M = (T) => {
-    a.commands.dispatch(new ai({ position: T === "center" ? "center" : "above" }));
+    a.commands.dispatch(new oi({ position: T === "center" ? "center" : "above" }));
   };
   return /* @__PURE__ */ n(W, {
     title: e ?? i("editor.graphPanel.headlineNumberSection.title"),
@@ -8934,7 +8948,7 @@ var fp = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
         isChecked: u,
         onChange: x
       })
-    }), u && /* @__PURE__ */ m(j, { children: [
+    }), u && /* @__PURE__ */ m(X, { children: [
       L.length > 1 && /* @__PURE__ */ n(S, {
         label: i("editor.graphPanel.headlineNumberSection.metricLabel"),
         layout: "stack",
@@ -8972,48 +8986,48 @@ var fp = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
     ] })] })
   });
 }, w2 = (e, t) => {
-  const r = Da.find((a) => a === t);
+  const r = Ra.find((a) => a === t);
   return r && e(`editor.graphPanel.headlineNumberSection.metrics.${r}`);
-}, pt = [
+}, mt = [
   "top",
   "bottom",
   "left",
   "right",
   "none"
-], Fn = [
+], Hn = [
   "auto",
   "start",
   "center",
   "end"
-], Hn = [
+], Bn = [
   "auto",
   "pill",
   "direct"
 ], Jm = ({ positions: e, title: t, layout: r = "collapsible", preview: a }) => {
-  const o = F(), i = $(o), l = k(), { ToggleGroup: s } = H();
+  const o = _(), i = $(o), l = k(), { ToggleGroup: s } = F();
   if (!i) return null;
-  const c = i.config.legend.position, u = e ?? pt, d = i.guides.legends.drawn[0], h = Ri({
+  const c = i.config.legend.position, u = e ?? mt, d = i.guides.legends.drawn[0], h = zi({
     legendPosition: i.guides.legends.position,
     coordSystem: i.coordSystem,
     layers: i.layers
   }), v = i.guides.headline?.kind === "perGroup", p = i.guides.colorGroups.length > 0;
   if (c === "auto" && d === void 0 && !h && (v || !p)) return null;
-  const g = d?.position ?? "none", f = c === "auto" ? g : c, C = pt.filter((M) => M === f || u.includes(M)).map((M) => ({
+  const g = d?.position ?? "none", f = c === "auto" ? g : c, C = mt.filter((M) => M === f || u.includes(M)).map((M) => ({
     value: M,
     label: l(`editor.graphPanel.legendSection.${M}`)
   })), L = (M) => {
-    const T = pt.find((B) => B === M);
-    T && o.commands.dispatch(new di({ position: T }));
+    const T = mt.find((H) => H === M);
+    T && o.commands.dispatch(new ui({ position: T }));
   }, b = (M) => {
-    const T = Fn.find((B) => B === M);
-    T && o.commands.dispatch(new si({ align: T }));
+    const T = Hn.find((H) => H === M);
+    T && o.commands.dispatch(new ci({ align: T }));
   }, P = (M) => {
-    const T = Hn.find((B) => B === M);
-    T && o.commands.dispatch(new ci({ display: T }));
-  }, I = Fn.map((M) => ({
+    const T = Bn.find((H) => H === M);
+    T && o.commands.dispatch(new di({ display: T }));
+  }, I = Hn.map((M) => ({
     value: M,
     label: l(`editor.graphPanel.legendSection.align.${M}`)
-  })), x = Hn.map((M) => ({
+  })), x = Bn.map((M) => ({
     value: M,
     label: l(`editor.graphPanel.legendSection.display.${M}`)
   })), z = t ?? l("editor.graphPanel.legendSection.title"), R = C.find((M) => M.value === f)?.label, y = d !== void 0;
@@ -9051,22 +9065,22 @@ var fp = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
       })
     ] })
   });
-}, T2 = 1, A2 = 20, k2 = 0.5, Ra = ({ layerId: e }) => {
-  const t = F(), r = $(t), { Slider: a } = H(), o = jt(r, e);
+}, T2 = 1, A2 = 20, k2 = 0.5, za = ({ layerId: e }) => {
+  const t = _(), r = $(t), { Slider: a } = F(), o = Zt(r, e);
   if (!r) return null;
   const i = (l) => {
-    const s = new gi({
+    const s = new vi({
       layerId: e,
       size: l
     });
     t.commands.dispatch(s, { transient: !0 });
   };
   return /* @__PURE__ */ n(a, {
-    value: o?.get("size") ?? _o,
+    value: o?.get("size") ?? Fo,
     min: T2,
     max: A2,
     step: k2,
-    formatValue: ot,
+    formatValue: it,
     onChange: i,
     onCommit: t.commands.seal
   });
@@ -9075,45 +9089,45 @@ var fp = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
   "zero",
   "connect"
 ], Qm = ({ title: e, layout: t = "collapsible", preview: r }) => {
-  const a = F(), o = $(a), i = k(), { Select: l, Slider: s, Switch: c, ToggleGroup: u } = H(), d = o?.spec.layers ?? [], h = lr(d, "line", "area"), v = jt(o, h?.id ?? null);
+  const a = _(), o = $(a), i = k(), { Select: l, Slider: s, Switch: c, ToggleGroup: u } = F(), d = o?.spec.layers ?? [], h = sr(d, "line", "area"), v = Zt(o, h?.id ?? null);
   if (!o || !h) return null;
-  const p = o.coordSystem.type === "polar", g = O2(i, h), f = N2(h, d), C = Bn(o.spec, h.geom, "strokeWidth", h.id), L = typeof C == "number", b = h.geom === "line" ? h : void 0, P = [{
+  const p = o.coordSystem.type === "polar", g = O2(i, h), f = N2(h, d), C = Vn(o.spec, h.geom, "strokeWidth", h.id), L = typeof C == "number", b = h.geom === "line" ? h : void 0, P = [{
     value: "auto",
     label: i("editor.graphPanel.numberFormat.options.auto")
   }, {
     value: "custom",
     label: i("editor.graphPanel.numberFormat.options.custom")
   }], I = (T) => {
-    a.commands.dispatch(new Pi({
+    a.commands.dispatch(new Ii({
       layerId: h.id,
       showPoints: T
     }));
   }, x = (T) => {
-    b && a.commands.dispatch(new Li({
+    b && a.commands.dispatch(new Pi({
       layerId: b.id,
       showFill: T
     }));
   }, z = (T) => {
-    a.commands.dispatch(new ui({
+    a.commands.dispatch(new hi({
       layerId: h.id,
       interpolate: T ? "catmull-rom" : "linear"
     }));
   }, R = (T) => {
-    const B = v?.get("strokeWidth") ?? Fo;
-    a.commands.dispatch(new tn({
+    const H = v?.get("strokeWidth") ?? Ho;
+    a.commands.dispatch(new nn({
       layerId: h.id,
-      lineWidth: T === "custom" ? B : null
+      lineWidth: T === "custom" ? H : null
     }));
   }, y = (T) => {
-    a.commands.dispatch(new tn({
+    a.commands.dispatch(new nn({
       layerId: h.id,
       lineWidth: T
     }), { transient: !0 });
   }, M = (T) => {
-    const B = M2(T);
-    B && a.commands.dispatch(new hi({
+    const H = M2(T);
+    H && a.commands.dispatch(new pi({
       layerId: h.id,
-      missingValues: B
+      missingValues: H
     }));
   };
   return /* @__PURE__ */ n(W, {
@@ -9130,12 +9144,12 @@ var fp = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
       }),
       f && /* @__PURE__ */ n(S, {
         label: i("editor.graphPanel.pointSize.label"),
-        children: /* @__PURE__ */ n(Ra, { layerId: f.id })
+        children: /* @__PURE__ */ n(za, { layerId: f.id })
       }),
       b && !p && /* @__PURE__ */ n(S, {
         label: i("editor.graphPanel.graphOptions.lineFill"),
         children: /* @__PURE__ */ n(c, {
-          isChecked: Bn(o.spec, "line", "fillAlpha", b.id) !== void 0,
+          isChecked: Vn(o.spec, "line", "fillAlpha", b.id) !== void 0,
           onChange: x
         })
       }),
@@ -9161,7 +9175,7 @@ var fp = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
           min: L2,
           max: P2,
           step: I2,
-          formatValue: ot,
+          formatValue: it,
           onChange: y,
           onCommit: a.commands.seal
         })
@@ -9176,7 +9190,7 @@ var fp = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
       })
     ] })
   });
-}, M2 = (e) => E2.find((t) => t === e), Bn = (e, t, r, a) => ji(e.styles.overrides, Oi(t, a))?.[r], N2 = (e, t) => mt(t, "point").find((r) => sr(r, [e])), O2 = (e, t) => {
+}, M2 = (e) => E2.find((t) => t === e), Vn = (e, t, r, a) => Zi(e.styles.overrides, Di(t, a))?.[r], N2 = (e, t) => gt(t, "point").find((r) => cr(r, [e])), O2 = (e, t) => {
   const r = [{
     value: "gap",
     label: e("editor.graphPanel.treatEmptyValues.leaveGap.label")
@@ -9188,7 +9202,7 @@ var fp = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
     value: "connect",
     label: e("editor.graphPanel.treatEmptyValues.connectGaps.label")
   }), t.geom === "area" ? r.filter((a) => a.value !== "gap") : r;
-}, Tt = "\0none", D2 = [
+}, At = "\0none", D2 = [
   "x",
   "y",
   "color",
@@ -9201,17 +9215,17 @@ var fp = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
   size: "editor.graphPanel.mappingSection.size",
   label: "editor.graphPanel.mappingSection.label"
 }, e0 = ({ title: e, layout: t = "collapsible" }) => {
-  const r = F(), a = $(r), o = k(), { Select: i } = H(), l = o("editor.graphPanel.mappingSection.none"), s = a?.spec, c = O(() => s === void 0 ? [] : ll(s, D2).map(({ aesthetic: u, variables: d, isRequired: h }) => {
+  const r = _(), a = $(r), o = k(), { Select: i } = F(), l = o("editor.graphPanel.mappingSection.none"), s = a?.spec, c = O(() => s === void 0 ? [] : ll(s, D2).map(({ aesthetic: u, variables: d, isRequired: h }) => {
     const v = sl(s.mapping, u);
     return {
       aesthetic: u,
       label: o(R2[u]),
-      value: v ?? (h ? null : Tt),
+      value: v ?? (h ? null : At),
       options: z2(d, v, h ? null : l),
       chooseColumn: (p) => {
-        r.commands.dispatch(new pi({
+        r.commands.dispatch(new mi({
           aesthetic: u,
-          variable: p === Tt ? null : p
+          variable: p === At ? null : p
         }));
       }
     };
@@ -9237,13 +9251,13 @@ var fp = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
 }, z2 = (e, t, r) => {
   const a = t !== null && !e.includes(t) ? [t, ...e] : e;
   return [...r === null ? [] : [{
-    value: Tt,
+    value: At,
     label: r
   }], ...a.map((o) => ({
     value: o,
     label: o
   }))];
-}, _2 = "k", F2 = 2, H2 = 0, B2 = 5, At = [
+}, _2 = "k", F2 = 2, H2 = 0, B2 = 5, kt = [
   {
     value: "k",
     labelKey: "thousands"
@@ -9257,26 +9271,26 @@ var fp = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
     labelKey: "billions"
   }
 ], V2 = ["auto", "none"], t0 = ({ title: e, layout: t = "collapsible", preview: r }) => {
-  const a = F(), o = $(a), i = k(), { NumberField: l, ToggleGroup: s } = H();
+  const a = _(), o = $(a), i = k(), { NumberField: l, ToggleGroup: s } = F();
   if (!o) return null;
   const { abbreviation: c, decimals: u } = o.config.numberFormat, d = G2(c) !== void 0, h = u !== "auto", v = (P) => P.map((I) => ({
     value: I,
     label: i(`editor.graphPanel.numberFormat.options.${I}`)
-  })), p = At.map(({ value: P, labelKey: I }) => ({
+  })), p = kt.map(({ value: P, labelKey: I }) => ({
     value: P,
     label: i(`common.abbreviations.${I}`)
   })), g = (P) => {
-    a.commands.dispatch(new mi({ abbreviation: P }));
+    a.commands.dispatch(new gi({ abbreviation: P }));
   }, f = (P) => {
     const I = V2.find((x) => x === P);
     g(I ?? _2);
   }, C = (P) => {
-    const I = At.find((x) => x.value === P);
+    const I = kt.find((x) => x.value === P);
     I && g(I.value);
   }, L = (P) => {
-    a.commands.dispatch(new nn({ decimals: P === "custom" ? F2 : "auto" }));
+    a.commands.dispatch(new rn({ decimals: P === "custom" ? F2 : "auto" }));
   }, b = (P) => {
-    P !== null && a.commands.dispatch(new nn({ decimals: P }), { transient: !0 });
+    P !== null && a.commands.dispatch(new rn({ decimals: P }), { transient: !0 });
   };
   return /* @__PURE__ */ n(W, {
     title: e ?? i("editor.graphPanel.numberFormatSection.title"),
@@ -9323,8 +9337,8 @@ var fp = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
       })
     ] })
   });
-}, G2 = (e) => At.find((t) => t.value === e), n0 = ({ title: e, layout: t = "collapsible", preview: r }) => {
-  const a = $(F()), o = k();
+}, G2 = (e) => kt.find((t) => t.value === e), n0 = ({ title: e, layout: t = "collapsible", preview: r }) => {
+  const a = $(_()), o = k();
   if (!a) return null;
   const i = $2(a.spec.layers);
   return i ? /* @__PURE__ */ n(W, {
@@ -9333,19 +9347,19 @@ var fp = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
     preview: r,
     children: /* @__PURE__ */ n(q, { children: /* @__PURE__ */ n(S, {
       label: o("editor.graphPanel.numberFormat.valueLabel"),
-      children: /* @__PURE__ */ n(Ra, { layerId: i.id })
+      children: /* @__PURE__ */ n(za, { layerId: i.id })
     }) })
   }) : null;
 }, $2 = (e) => {
-  const t = mt(e, "line", "area");
-  return mt(e, "point").find((r) => !sr(r, t));
+  const t = gt(e, "line", "area");
+  return gt(e, "point").find((r) => !cr(r, t));
 }, U2 = 0.9, W2 = 360, K2 = 0.05, q2 = 15, r0 = ({ title: e, layout: t = "collapsible", preview: r }) => {
-  const a = F(), o = $(a), i = k(), { Slider: l } = H();
+  const a = _(), o = $(a), i = k(), { Slider: l } = F();
   if (!o || o.spec.coords.coordType !== "polar") return null;
   const { innerRadius: s, startAngle: c } = o.spec.coords.params, u = (h) => {
-    a.commands.dispatch(new vi({ innerRadius: h }), { transient: !0 });
+    a.commands.dispatch(new fi({ innerRadius: h }), { transient: !0 });
   }, d = (h) => {
-    a.commands.dispatch(new fi({ startAngle: h }), { transient: !0 });
+    a.commands.dispatch(new bi({ startAngle: h }), { transient: !0 });
   };
   return /* @__PURE__ */ n(W, {
     title: e ?? i("editor.graphPanel.polarSection.title"),
@@ -9358,7 +9372,7 @@ var fp = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
         min: 0,
         max: U2,
         step: K2,
-        formatValue: Na,
+        formatValue: Oa,
         onChange: u,
         onCommit: a.commands.seal
       })
@@ -9375,7 +9389,7 @@ var fp = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
       })
     })] })
   });
-}, X2 = (e) => /* @__PURE__ */ m(A, {
+}, j2 = (e) => /* @__PURE__ */ m(A, {
   ...e,
   children: [
     /* @__PURE__ */ n("path", {
@@ -9398,7 +9412,7 @@ var fp = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
       fill: "currentColor"
     })
   ]
-}), Vn = (e) => /* @__PURE__ */ m(A, {
+}), Gn = (e) => /* @__PURE__ */ m(A, {
   ...e,
   children: [
     /* @__PURE__ */ n("path", {
@@ -9421,14 +9435,14 @@ var fp = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
       fill: "currentColor"
     })
   ]
-}), j2 = (e) => O(() => {
+}), X2 = (e) => O(() => {
   if (e === null) return {
     options: [],
     findValue: () => {
     }
   };
   const { parsingLocale: t, numberFormat: r } = e.config, a = e.guides.colorGroups.map((o) => {
-    const i = Gi({
+    const i = $i({
       valueFormat: o.valueFormat,
       locale: t,
       numberFormat: r
@@ -9445,7 +9459,7 @@ var fp = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
     options: a.map(({ option: o }) => o),
     findValue: (o) => a.find((i) => i.option.value === o)?.value
   };
-}, [e]), Gn = [
+}, [e]), $n = [
   "linear",
   "exponential",
   "quadratic",
@@ -9454,13 +9468,13 @@ var fp = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
   "power",
   "loess"
 ], Z2 = "linear", a0 = ({ title: e, layout: t = "collapsible", preview: r }) => {
-  const a = F(), o = $(a), i = k(), { Select: l, Switch: s } = H(), { options: c, findValue: u } = j2(o);
+  const a = _(), o = $(a), i = k(), { Select: l, Switch: s } = F(), { options: c, findValue: u } = X2(o);
   if (!o || o.coordSystem.type === "polar") return null;
-  const d = Yi(o.spec.layers), h = Ki(o.spec.layers), v = d?.stat.type === "smooth" ? d.stat.method : Z2, p = Y2(h), g = Gn.map((I) => ({
+  const d = Ji(o.spec.layers), h = qi(o.spec.layers), v = d?.stat.type === "smooth" ? d.stat.method : Z2, p = Y2(h), g = $n.map((I) => ({
     value: I,
     label: i(`editor.annotationsPanel.trendType.options.${I}`)
   })), f = (I, x = {}) => {
-    const z = d ?? h, R = new xi({
+    const z = d ?? h, R = new wi({
       line: I,
       ...x,
       ...z !== void 0 && { layerId: z.id },
@@ -9468,7 +9482,7 @@ var fp = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
     });
     a.commands.dispatch(R);
   }, C = (I) => f(I ? "trend" : "none", { method: v }), L = (I) => f(I ? "average" : "none", { group: p ?? u(c[0]?.value ?? "") }), b = (I) => {
-    const x = Gn.find((z) => z === I);
+    const x = $n.find((z) => z === I);
     x !== void 0 && f("trend", { method: x });
   }, P = (I) => {
     const x = I === null ? void 0 : u(I);
@@ -9477,11 +9491,11 @@ var fp = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
   return /* @__PURE__ */ n(W, {
     title: e ?? i("editor.annotationsPanel.trendsAndAveragesSection.title"),
     layout: t,
-    preview: r ?? /* @__PURE__ */ n(Vn, { size: "lg" }),
+    preview: r ?? /* @__PURE__ */ n(Gn, { size: "lg" }),
     children: /* @__PURE__ */ m(q, { children: [
       /* @__PURE__ */ n(S, {
         label: i("editor.annotationsPanel.trendsAndAveragesSection.trend"),
-        icon: /* @__PURE__ */ n(Vn, { size: "lg" }),
+        icon: /* @__PURE__ */ n(Gn, { size: "lg" }),
         children: /* @__PURE__ */ n(s, {
           isChecked: d !== void 0,
           onChange: C
@@ -9498,7 +9512,7 @@ var fp = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
       }),
       /* @__PURE__ */ n(S, {
         label: i("editor.annotationsPanel.trendsAndAveragesSection.average"),
-        icon: /* @__PURE__ */ n(X2, { size: "lg" }),
+        icon: /* @__PURE__ */ n(j2, { size: "lg" }),
         children: /* @__PURE__ */ n(s, {
           isChecked: h !== void 0,
           onChange: L
@@ -9523,18 +9537,18 @@ var fp = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
 export {
   $m as AppearanceSection,
   Gm as AxesPanel,
-  Mn as AxisSection,
+  Nn as AxisSection,
   Um as BarSection,
   b1 as Button,
   Wm as CalloutsSection,
   Ap as CaptionSection,
   Km as ComboSection,
   Bm as EditableGraphRenderer,
-  Ea as EditorPanel,
+  Ma as EditorPanel,
   Vm as ElementsPanel,
   qm as GoalSection,
-  Xm as GraphOptionsSection,
-  jm as GraphTypeSection,
+  jm as GraphOptionsSection,
+  Xm as GraphTypeSection,
   Zm as GridSection,
   Ym as HeadlineSection,
   Ql as IntlProvider,
@@ -9553,14 +9567,14 @@ export {
   U1 as Slider,
   Lp as SourceSection,
   Ip as SubtitleSection,
-  X1 as Switch,
+  j1 as Switch,
   Y1 as TextField,
   Mp as TextSizeSection,
   Np as TitleSection,
   ep as ToggleGroup,
   yp as ToggledSection,
   a0 as TrendsAndAveragesSection,
-  H as useControls,
+  F as useControls,
   ip as usePanelExpansion,
-  F as usePanelGraph
+  _ as usePanelGraph
 };