@graphysdk/react-renderer 1.9.0-beta.1790021834668 → 1.9.0-beta.1790062857454

package/dist/editable.mjs

@@ -1,43 +1,43 @@
-import { $ as lt, $t as Q, A as st, Bt as $o, C as Wo, D as Uo, E as Se, Et as j, F as Ko, G as $, H as qo, Ht as Xo, I as T, It as Zo, J as V, Jt as Ne, K as jo, Kt as xr, Mt as Yo, Nt as wr, O as Jo, P as Qo, Q as Vt, Qt as Tr, S as ei, St as ce, Tt as He, U as ti, Ut as ni, Vt as ri, W as X, Wt as ai, X as $t, Xt as oi, Y as Wt, Yt as ii, Z as Ar, Zt as li, _ as kr, _t as ke, a as si, at as ci, b as di, bt as ui, ct as re, d as hi, et as pi, f as mi, g as Ut, h as gi, ht as vi, i as W, in as F, it as fi, k as Lr, l as Pr, m as Ir, mt as I, n as bi, nn as z, nt as yi, ot as fn, p as Si, pt as Ci, q as bn, qt as Kt, r as de, s as xi, st as wi, t as Ti, tt as Er, u as Ai, ut as qt, v as Le, w as ki, x as Or, xt as Li, y as Pi, yt as Ii, z as Ei } from "./use-target-boundary-SrbUBtYI.js";
-import { n as he, t as Mr } from "./theme.contract.css-AyXDNf0F.js";
-import { ARROW_DEFAULTS as Oi, ARROW_STICKER_DECLARATIONS as Mi, ARROW_STROKE_WIDTHS_PX as xt, AddAnnotationCommand as fe, AddHighlightCommand as Ni, BORDER_RADIUS_TOKENS as yn, COMBO_TYPES as Sn, CONSTANT_VARIABLES as Ri, DEFAULT_BAR_BORDER_RADIUS as Di, DEFAULT_POINT_SIZE_PX as _i, DEFAULT_STROKE_WIDTH_PX as zi, DIFFERENCE_ARROW_DEFAULTS as Nr, DIFFERENCE_ARROW_SIZE_DECLARATIONS as Cn, InternalError as Fi, MAX_BAR_WIDTH_FRACTION as Bi, MIN_BAR_WIDTH_FRACTION as Hi, MoveAnnotationCommand as Gi, RESTING_HOVER_STATE as Xt, RemoveAnnotationCommand as De, RemoveHighlightCommand as Vi, SHAPE_DEFAULTS as $i, SetAxisLabelCommand as Wi, SetAxisPositionCommand as Ui, SetAxisTickModeCommand as Ki, SetAxisTicksVisibilityCommand as qi, SetAxisVisibilityCommand as Xi, SetBarBorderRadiusCommand as Zi, SetBarWidthCommand as ji, SetChartTypeCommand as Rr, SetContentCaptionCommand as Dr, SetContentSourceCommand as Yi, SetContentSubtitleCommand as _r, SetContentTitleCommand as zr, SetDataLabelsFormatCommand as Ji, SetDifferenceArrowStyleCommand as Qi, SetGridLineStyleCommand as el, SetGridLineWidthCommand as tl, SetGridVisibilityCommand as nl, SetHeadlineCompareWithCommand as rl, SetHeadlinePositionCommand as al, SetHeadlineShowCommand as xn, SetHeadlineSizeCommand as ol, SetHighlightDimStyleCommand as il, SetLayerYScaleTypeCommand as ll, SetLegendAlignCommand as sl, SetLegendDisplayCommand as cl, SetLegendPositionCommand as dl, SetLineCurveCommand as ul, SetLineMissingValuesCommand as hl, SetLineWidthCommand as wn, SetMappingCommand as pl, SetNumberFormatAbbreviationCommand as ml, SetNumberFormatDecimalsCommand as Tn, SetPointSizeCommand as gl, SetPolarInnerRadiusCommand as vl, SetPolarStartAngleCommand as fl, SetRuleLabelCommand as bl, SetRuleValueCommand as yl, SetScaleDomainCommand as Ke, SetScaleReverseCommand as Sl, SetScaleTransformCommand as Cl, SetScaleZeroCommand as An, SetStatLineCommand as xl, SetStyleRuleCommand as we, TEXT_ANNOTATION_DEFAULTS as wl, TEXT_ANNOTATION_FADE_ALPHA as Tl, ToggleCategoryLabelsCommand as Al, ToggleContentVisibilityCommand as ct, ToggleDataLabelsCommand as kl, ToggleGoalLineCommand as Ll, ToggleLineFillCommand as Pl, ToggleLinePointsCommand as Il, ToggleStackTotalsCommand as El, UpdateAnnotationCommand as ie, alignUnitFractions as Ol, areAnchorsEqual as Fr, areEditTargetsEqual as Ml, areEndpointsComparable as Nl, buildEditMenuTriggerRegion as Rl, buildLayerStyleAddress as Dl, buildObservationPredicate as _l, buildObservationsTarget as Zt, buildObservationsTargetAtValue as Br, canAnchorDirectLabels as zl, canBecomeCombo as Fl, canBecomeHeatmap as Bl, canPlaceDataLabels as Hl, clampAnnotationTranslation as Gl, computeArrow as Hr, createObservationAnchorBuilder as Vl, createObservationAnchorParser as $l, createStyleResolver as Wl, createValueFormatter as Ul, filterLayersByGeoms as Pt, findAnnotation as Kl, findAverageLineLayer as ql, findCompanionLayers as Gr, findGoalLineLayer as Xl, findHighlightsAtObservation as Zl, findKindStyleDeclarations as jl, findLayerByGeom as Vr, findLayerById as Pe, findObservationAttachment as Yl, findStyleRule as ye, findTrendLineLayer as Jl, formatDifferenceLabel as Ql, getBoundingRect as It, getX as es, getY as ts, hasMultipleGroups as ns, inferDefaultDifferenceArrowEndpoints as rs, inferDifferenceArrowEndpoints as as, isComboChartType as xe, isCompanionLayer as $r, isObservationAttachmentKind as os, isPointWithinEditMenuTrigger as jt, isSafeUrl as is, measureObservationsBoxes as ls, projectAnchorToPanel as Je, readBroadestObservationsScope as ss, readChartType as Wr, readComboLineLayerId as cs, readCompanionRowsAtScopeKey as ds, readConstantValue as us, readHighlightDimStyle as hs, readMappableAesthetics as ps, readMappedVariable as ms, readObservationIndex as Ur, readRowScopeKey as gs, readRowsAtScopeKey as vs, readScopeXVariable as fs, readVariableName as Kr, resolveArrowAnnotationStyle as Yt, resolveBarBandFraction as bs, resolveComparisonBasis as ys, resolveDifferenceArrowAnnotationStyle as Ss, resolveEditOutlineStyle as Cs, resolveObservationPoint as qr, resolveObservationsTarget as kn, stepDifferenceArrowEndpoint as xs, toPanelCursor as dt } from "@graphysdk/viz-engine";
-import { createContext as Ge, memo as Xr, useCallback as ae, useContext as _e, useEffect as _, useId as Te, useLayoutEffect as Ae, useMemo as O, useRef as ne, useState as ee } from "react";
+import { $ as it, $t as Q, A as lt, Bt as Vo, C as $o, D as Wo, E as Se, Et as j, F as Uo, G as $, H as Ko, Ht as qo, I as T, It as Xo, J as V, Jt as Ne, K as Zo, Kt as Cr, Mt as jo, Nt as xr, O as Yo, P as Jo, Q as Vt, Qt as wr, S as Qo, St as de, Tt as He, U as ei, Ut as ti, Vt as ni, W as X, Wt as ri, X as $t, Xt as ai, Y as Wt, Yt as oi, Z as Tr, Zt as ii, _ as Ar, _t as ke, a as li, at as si, b as ci, bt as di, ct as re, d as ui, et as hi, f as pi, g as Ut, h as mi, ht as gi, i as W, in as F, it as vi, k as kr, l as Lr, m as Pr, mt as I, n as fi, nn as z, nt as bi, ot as fn, p as yi, pt as Si, q as bn, qt as Kt, r as ue, s as Ci, st as xi, t as wi, tt as Ir, u as Ti, ut as qt, v as Le, w as Ai, x as Er, xt as ki, y as Li, yt as Pi, z as Ii } from "./use-target-boundary-DRERENTi.js";
+import { n as pe, t as Or } from "./theme.contract.css-AyXDNf0F.js";
+import { ARROW_DEFAULTS as Ei, ARROW_STICKER_DECLARATIONS as Oi, ARROW_STROKE_WIDTHS_PX as Ct, AddAnnotationCommand as fe, AddHighlightCommand as Mi, BORDER_RADIUS_TOKENS as yn, COMBO_TYPES as Sn, CONSTANT_VARIABLES as Ni, DEFAULT_BAR_BORDER_RADIUS as Ri, DEFAULT_POINT_SIZE_PX as Di, DEFAULT_STROKE_WIDTH_PX as _i, DIFFERENCE_ARROW_DEFAULTS as Mr, DIFFERENCE_ARROW_SIZE_DECLARATIONS as Cn, InternalError as zi, MAX_BAR_WIDTH_FRACTION as Fi, MIN_BAR_WIDTH_FRACTION as Bi, MoveAnnotationCommand as Hi, RESTING_HOVER_STATE as Xt, RemoveAnnotationCommand as De, RemoveHighlightCommand as Gi, SHAPE_DEFAULTS as Vi, SetAxisLabelCommand as $i, SetAxisPositionCommand as Wi, SetAxisTickModeCommand as Ui, SetAxisTicksVisibilityCommand as Ki, SetAxisVisibilityCommand as qi, SetBarBorderRadiusCommand as Xi, SetBarWidthCommand as Zi, SetChartTypeCommand as Nr, SetContentCaptionCommand as Rr, SetContentSourceCommand as ji, SetContentSubtitleCommand as Dr, SetContentTitleCommand as _r, SetDataLabelsFormatCommand as Yi, SetDifferenceArrowStyleCommand as Ji, SetGridLineStyleCommand as Qi, SetGridLineWidthCommand as el, SetGridVisibilityCommand as tl, SetHeadlineCompareWithCommand as nl, SetHeadlinePositionCommand as rl, SetHeadlineShowCommand as xn, SetHeadlineSizeCommand as al, SetHighlightDimStyleCommand as ol, SetLayerYScaleTypeCommand as il, SetLegendAlignCommand as ll, SetLegendDisplayCommand as sl, SetLegendPositionCommand as cl, SetLineCurveCommand as dl, SetLineMissingValuesCommand as ul, SetLineWidthCommand as wn, SetMappingCommand as hl, SetNumberFormatAbbreviationCommand as pl, SetNumberFormatDecimalsCommand as Tn, SetPointSizeCommand as ml, SetPolarInnerRadiusCommand as gl, SetPolarStartAngleCommand as vl, SetRuleLabelCommand as fl, SetRuleValueCommand as bl, SetScaleDomainCommand as xt, SetScaleReverseCommand as yl, SetScaleTransformCommand as Sl, SetStatLineCommand as Cl, SetStyleRuleCommand as we, TEXT_ANNOTATION_DEFAULTS as xl, TEXT_ANNOTATION_FADE_ALPHA as wl, ToggleCategoryLabelsCommand as Tl, ToggleContentVisibilityCommand as st, ToggleDataLabelsCommand as Al, ToggleGoalLineCommand as kl, ToggleLineFillCommand as Ll, ToggleLinePointsCommand as Pl, ToggleStackTotalsCommand as Il, UpdateAnnotationCommand as ie, alignUnitFractions as El, areAnchorsEqual as zr, areEditTargetsEqual as Ol, areEndpointsComparable as Ml, buildEditMenuTriggerRegion as Nl, buildLayerStyleAddress as Rl, buildObservationPredicate as Dl, buildObservationsTarget as Zt, buildObservationsTargetAtValue as Fr, canAnchorDirectLabels as _l, canBecomeCombo as zl, canBecomeHeatmap as Fl, canPlaceDataLabels as Bl, clampAnnotationTranslation as Hl, computeArrow as Br, createObservationAnchorBuilder as Gl, createObservationAnchorParser as Vl, createStyleResolver as $l, createValueFormatter as Wl, filterLayersByGeoms as Pt, findAnnotation as Ul, findAverageLineLayer as Kl, findCompanionLayers as Hr, findGoalLineLayer as ql, findHighlightsAtObservation as Xl, findKindStyleDeclarations as Zl, findLayerByGeom as Gr, findLayerById as Pe, findObservationAttachment as jl, findStyleRule as ye, findTrendLineLayer as Yl, formatDifferenceLabel as Jl, getBoundingRect as It, getX as Ql, getY as es, hasMultipleGroups as ts, inferDefaultDifferenceArrowEndpoints as ns, inferDifferenceArrowEndpoints as rs, isComboChartType as xe, isCompanionLayer as Vr, isObservationAttachmentKind as as, isPointWithinEditMenuTrigger as jt, isSafeUrl as os, isZeroAnchoredAxis as is, measureObservationsBoxes as ls, projectAnchorToPanel as Ye, readBroadestObservationsScope as ss, readChartType as $r, readComboLineLayerId as cs, readCompanionRowsAtScopeKey as ds, readConstantValue as us, readHighlightDimStyle as hs, readMappableAesthetics as ps, readMappedVariable as ms, readObservationIndex as Wr, readRowScopeKey as gs, readRowsAtScopeKey as vs, readScopeXVariable as fs, readVariableName as Ur, resolveArrowAnnotationStyle as Yt, resolveBarBandFraction as bs, resolveComparisonBasis as ys, resolveDifferenceArrowAnnotationStyle as Ss, resolveEditOutlineStyle as Cs, resolveObservationPoint as Kr, resolveObservationsTarget as An, stepDifferenceArrowEndpoint as xs, toPanelCursor as ct } from "@graphysdk/viz-engine";
+import { createContext as Ge, memo as qr, useCallback as ae, useContext as _e, useEffect as _, useId as Te, useLayoutEffect as Ae, useMemo as O, useRef as ne, useState as ee } from "react";
 import { Fragment as Y, jsx as n, jsxs as m } from "react/jsx-runtime";
 import { motion as ws } from "motion/react";
-import { useShallow as me } from "zustand/react/shallow";
-import { assignInlineVars as ut } from "@vanilla-extract/dynamic";
-import { createPortal as Zr } from "react-dom";
-import pe from "clsx";
+import { useShallow as ge } from "zustand/react/shallow";
+import { assignInlineVars as dt } from "@vanilla-extract/dynamic";
+import { createPortal as Xr } from "react-dom";
+import me from "clsx";
 import { autoUpdate as Ts, flip as As, offset as ks, shift as Ls, useFloating as Ps } from "@floating-ui/react-dom";
-import { Extension as jr } from "@tiptap/core";
+import { Extension as Zr } from "@tiptap/core";
 import { Bold as Is } from "@tiptap/extension-bold";
-import { Document as Qe } from "@tiptap/extension-document";
+import { Document as Je } from "@tiptap/extension-document";
 import { HardBreak as Es } from "@tiptap/extension-hard-break";
 import { Heading as Os } from "@tiptap/extension-heading";
 import { Italic as Ms } from "@tiptap/extension-italic";
 import { Link as Ns } from "@tiptap/extension-link";
 import { Text as Rs } from "@tiptap/extension-text";
 import { TextAlign as Ds } from "@tiptap/extension-text-align";
-import { Color as _s, FontFamily as Yr, TextStyle as zs } from "@tiptap/extension-text-style";
+import { Color as _s, FontFamily as jr, TextStyle as zs } from "@tiptap/extension-text-style";
 import { Underline as Fs } from "@tiptap/extension-underline";
 import { Placeholder as Jt, UndoRedo as Bs } from "@tiptap/extensions";
-import { Paragraph as Jr } from "@tiptap/extension-paragraph";
-import { EditorContent as Qr, useEditor as Hs, useEditorState as Gs } from "@tiptap/react";
-import { Toolbar as ge } from "@base-ui/react/toolbar";
+import { Paragraph as Yr } from "@tiptap/extension-paragraph";
+import { EditorContent as Jr, useEditor as Hs, useEditorState as Gs } from "@tiptap/react";
+import { Toolbar as ve } from "@base-ui/react/toolbar";
 import { Tooltip as Me } from "@base-ui/react/tooltip";
 import { Popover as Z } from "@base-ui/react/popover";
 import { HexColorInput as Vs, HexColorPicker as $s } from "react-colorful";
-import { Slider as se } from "@base-ui/react/slider";
+import { Slider as ce } from "@base-ui/react/slider";
 import { Menu as B } from "@base-ui/react/menu";
 import { Toggle as Ws } from "@base-ui/react/toggle";
 import { Menu as be } from "@base-ui/react";
-import et from "lodash-es/clamp";
+import Qe from "lodash-es/clamp";
 import { Accordion as Fe } from "@base-ui/react/accordion";
-import { NumberField as Ln } from "@base-ui/react/number-field";
-import { Radio as ea } from "@base-ui/react/radio";
-import { RadioGroup as ta } from "@base-ui/react/radio-group";
-import { Select as le } from "@base-ui/react/select";
-import { Switch as Pn } from "@base-ui/react/switch";
+import { NumberField as kn } from "@base-ui/react/number-field";
+import { Radio as Qr } from "@base-ui/react/radio";
+import { RadioGroup as ea } from "@base-ui/react/radio-group";
+import { Select as se } from "@base-ui/react/select";
+import { Switch as Ln } from "@base-ui/react/switch";
 import { Input as Us } from "@base-ui/react/input";
 import './editable.css';var Ks = {
   save: "حفظ",
@@ -2387,17 +2387,17 @@ import './editable.css';var Ks = {
   "en-US": tc,
   ar: Zs,
   "pt-PT": oc
-}, lc = [ic, vi], sc = ({ children: e, ...t }) => /* @__PURE__ */ n(Ci, {
+}, lc = [ic, gi], sc = ({ children: e, ...t }) => /* @__PURE__ */ n(Si, {
   dictionaries: lc,
   ...t,
   children: e
-}), cc = "data-variant", na = Jr.extend({ addAttributes() {
+}), cc = "data-variant", ta = Yr.extend({ addAttributes() {
   return { variant: {
     default: null,
     parseHTML: (e) => e.getAttribute("data-variant") ?? null,
     renderHTML: (e) => e.variant ? { [cc]: e.variant } : {}
   } };
-} }), dc = jr.create({
+} }), dc = Zr.create({
   name: "preventBackspaceAcrossTitleBoundary",
   addOptions() {
     return { isTitleVisible: !0 };
@@ -2435,9 +2435,9 @@ import './editable.css';var Ks = {
     isTitleVisible: r,
     isSubtitleVisible: a
   }),
-  na,
+  ta,
   ...Qt(),
-  Yr,
+  jr,
   dc.configure({ isTitleVisible: r }),
   Jt.configure({
     showOnlyCurrent: !1,
@@ -2448,41 +2448,41 @@ import './editable.css';var Ks = {
     }
   })
 ], hc = ({ placeholder: e }) => [
-  Qe,
-  na,
+  Je,
+  ta,
   ...Qt(),
-  Yr,
+  jr,
   Jt.configure({
     showOnlyCurrent: !1,
     placeholder: ({ pos: t }) => t === 0 ? e : ""
   })
-], pc = ({ isTitleVisible: e, isSubtitleVisible: t }) => e && t ? Qe.extend({ content: "block{2,}" }) : Qe, ra = "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))", mc = "d0bl00";
-var aa = "d0bl03", gc = "d0bl04", oa = "d0bl05", Et = "d0bl06", vc = "d0bl07", fc = "d0bl08", ia = "d0bl09", bc = "d0bl0a", yc = "d0bl0b", Sc = "d0bl0c", Cc = "d0bl0d", xc = "d0bl0e", wc = "owf1yg0", Tc = "owf1yg1", Ac = "owf1yg2", kc = "owf1yg3", Lc = "owf1yg4", Pc = 0.01, Ic = ({ value: e, onChange: t, label: r }) => /* @__PURE__ */ n(se.Root, {
+], pc = ({ isTitleVisible: e, isSubtitleVisible: t }) => e && t ? Je.extend({ content: "block{2,}" }) : Je, na = "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))", mc = "d0bl00";
+var ra = "d0bl03", gc = "d0bl04", aa = "d0bl05", Et = "d0bl06", vc = "d0bl07", fc = "d0bl08", oa = "d0bl09", bc = "d0bl0a", yc = "d0bl0b", Sc = "d0bl0c", Cc = "d0bl0d", xc = "d0bl0e", wc = "owf1yg0", Tc = "owf1yg1", Ac = "owf1yg2", kc = "owf1yg3", Lc = "owf1yg4", Pc = 0.01, Ic = ({ value: e, onChange: t, label: r }) => /* @__PURE__ */ n(ce.Root, {
   className: wc,
   value: e,
   onValueChange: (a) => t(a),
   min: 0,
   max: 1,
   step: Pc,
-  children: /* @__PURE__ */ n(se.Control, {
+  children: /* @__PURE__ */ n(ce.Control, {
     className: Tc,
-    children: /* @__PURE__ */ m(se.Track, {
+    children: /* @__PURE__ */ m(ce.Track, {
       className: Ac,
-      children: [/* @__PURE__ */ n(se.Indicator, { className: kc }), /* @__PURE__ */ n(se.Thumb, {
+      children: [/* @__PURE__ */ n(ce.Indicator, { className: kc }), /* @__PURE__ */ n(ce.Thumb, {
         className: Lc,
         "aria-label": r
       })]
     })
   })
-}), la = "transparent", Ot = Mr.map((e) => he[e]), Ec = Object.fromEntries(Mr.map((e) => [he[e], e])), Oc = (e) => Ot.some((t) => ca(t, e)), Mc = ({ color: e, onChange: t, isOpen: r, onOpenChange: a, children: o, label: i, popupAttributes: l, opacity: s, onOpacityChange: c, hasTransparentOption: u = !1 }) => {
-  const d = I(), h = Rc(), p = u ? [la, ...Ot] : Ot, g = (v) => {
+}), ia = "transparent", Ot = Or.map((e) => pe[e]), Ec = Object.fromEntries(Or.map((e) => [pe[e], e])), Oc = (e) => Ot.some((t) => sa(t, e)), Mc = ({ color: e, onChange: t, isOpen: r, onOpenChange: a, children: o, label: i, popupAttributes: l, opacity: s, onOpacityChange: c, hasTransparentOption: u = !1 }) => {
+  const d = I(), h = Rc(), p = u ? [ia, ...Ot] : Ot, g = (v) => {
     t(v), a(!1);
   };
   return /* @__PURE__ */ m(Z.Root, {
     open: r,
     onOpenChange: a,
     children: [/* @__PURE__ */ n(Z.Trigger, {
-      render: /* @__PURE__ */ n(ge.Button, {}),
+      render: /* @__PURE__ */ n(ve.Button, {}),
       "aria-label": i ?? d("graph.toolbar.color.label"),
       className: mc,
       onMouseDown: (v) => v.preventDefault(),
@@ -2491,23 +2491,23 @@ var aa = "d0bl03", gc = "d0bl04", oa = "d0bl05", Et = "d0bl06", vc = "d0bl07", f
         style: { background: e ?? "transparent" }
       })
     }), /* @__PURE__ */ n(Z.Portal, {
-      container: ce(),
+      container: de(),
       children: /* @__PURE__ */ n(re, { children: /* @__PURE__ */ n(Z.Positioner, {
         sideOffset: 6,
         align: "start",
-        className: aa,
+        className: ra,
         children: /* @__PURE__ */ m(Z.Popup, {
           className: gc,
           onMouseDown: (v) => v.preventDefault(),
           ...l,
           children: [
-            /* @__PURE__ */ n(In, {
+            /* @__PURE__ */ n(Pn, {
               title: d("graph.colorDropdown.colors"),
               colors: p,
               currentColor: e,
               onPick: g
             }),
-            h.length > 0 && /* @__PURE__ */ n(In, {
+            h.length > 0 && /* @__PURE__ */ n(Pn, {
               title: d("graph.colorDropdown.chartColors"),
               colors: h,
               currentColor: e,
@@ -2534,10 +2534,10 @@ var aa = "d0bl03", gc = "d0bl04", oa = "d0bl05", Et = "d0bl06", vc = "d0bl07", f
       }) })
     })]
   });
-}, In = ({ title: e, colors: t, currentColor: r, onPick: a }) => {
+}, Pn = ({ title: e, colors: t, currentColor: r, onPick: a }) => {
   const o = I();
   return /* @__PURE__ */ m("div", {
-    className: oa,
+    className: aa,
     children: [/* @__PURE__ */ n("div", {
       className: Et,
       children: e
@@ -2547,23 +2547,23 @@ var aa = "d0bl03", gc = "d0bl04", oa = "d0bl05", Et = "d0bl06", vc = "d0bl07", f
         type: "button",
         "aria-label": i === "transparent" ? o("graph.colorDropdown.transparent") : i,
         className: fc,
-        "data-active": ca(i, r),
+        "data-active": sa(i, r),
         onMouseDown: (l) => l.preventDefault(),
         onClick: () => a(i),
         children: /* @__PURE__ */ n("span", {
-          className: ia,
-          style: sa(i)
+          className: oa,
+          style: la(i)
         })
       }, i))
     })]
   });
 }, Nc = ({ value: e, onChange: t, popupAttributes: r }) => {
-  const a = I(), [o, i] = ee(!1), l = ai(e) ? e : "#000000", s = Dc(l);
+  const a = I(), [o, i] = ee(!1), l = ri(e) ? e : "#000000", s = Dc(l);
   return /* @__PURE__ */ m(Z.Root, {
     open: o,
     onOpenChange: i,
     children: [/* @__PURE__ */ m("div", {
-      className: oa,
+      className: aa,
       children: [/* @__PURE__ */ n("div", {
         className: Et,
         children: a("graph.colorDropdown.custom")
@@ -2572,20 +2572,20 @@ var aa = "d0bl03", gc = "d0bl04", oa = "d0bl05", Et = "d0bl06", vc = "d0bl07", f
         onMouseDown: (c) => c.preventDefault(),
         "aria-label": a("graph.colorDropdown.pickCustom"),
         children: [/* @__PURE__ */ n("span", {
-          className: ia,
-          style: sa(l)
+          className: oa,
+          style: la(l)
         }), /* @__PURE__ */ n("span", {
           className: yc,
           children: s
         })]
       })]
     }), /* @__PURE__ */ n(Z.Portal, {
-      container: ce(),
+      container: de(),
       children: /* @__PURE__ */ n(re, { children: /* @__PURE__ */ n(Z.Positioner, {
         side: "right",
         align: "start",
         sideOffset: 18,
-        className: aa,
+        className: ra,
         children: /* @__PURE__ */ m(Z.Popup, {
           className: Sc,
           onMouseDown: (c) => c.preventDefault(),
@@ -2623,19 +2623,19 @@ var aa = "d0bl03", gc = "d0bl04", oa = "d0bl05", Et = "d0bl06", vc = "d0bl07", f
     }
     return [...t];
   }, [e]);
-}, sa = (e) => e === "transparent" ? {
-  background: ra,
-  border: `1px solid ${he.border100}`
+}, la = (e) => e === "transparent" ? {
+  background: na,
+  border: `1px solid ${pe.border100}`
 } : {
   background: e,
-  border: `1px solid ${Xo(e, 0.1)}`
+  border: `1px solid ${qo(e, 0.1)}`
 }, Dc = (e) => {
   const { themeValues: t } = qt();
-  if (ni(e)) return e.toUpperCase();
+  if (ti(e)) return e.toUpperCase();
   const r = Ec[e];
   return r ? t[r].toUpperCase() : "#000000";
-}, ca = (e, t) => t === null ? !1 : e.toLowerCase() === t.toLowerCase(), _c = "l9kff0", zc = "l9kff1", Fc = "l9kff2", Bc = "xn24px0", Hc = "xn24px1", Gc = "xn24px2", Vc = ({ children: e, popupAttributes: t }) => /* @__PURE__ */ n(B.Portal, {
-  container: ce(),
+}, sa = (e, t) => t === null ? !1 : e.toLowerCase() === t.toLowerCase(), _c = "l9kff0", zc = "l9kff1", Fc = "l9kff2", Bc = "xn24px0", Hc = "xn24px1", Gc = "xn24px2", Vc = ({ children: e, popupAttributes: t }) => /* @__PURE__ */ n(B.Portal, {
+  container: de(),
   children: /* @__PURE__ */ n(re, { children: /* @__PURE__ */ n(B.Positioner, {
     side: "bottom",
     align: "start",
@@ -2654,24 +2654,24 @@ var aa = "d0bl03", gc = "d0bl04", oa = "d0bl05", Et = "d0bl06", vc = "d0bl07", f
   disabled: r,
   onClick: a,
   children: e
-}), Wc = ({ className: e, ...t }) => /* @__PURE__ */ n(Me.Provider, { children: /* @__PURE__ */ n(ge.Root, {
+}), Wc = ({ className: e, ...t }) => /* @__PURE__ */ n(Me.Provider, { children: /* @__PURE__ */ n(ve.Root, {
   ...t,
-  className: pe(_c, e)
-}) }), Uc = ({ className: e, ...t }) => /* @__PURE__ */ n(ge.Group, {
+  className: me(_c, e)
+}) }), Uc = ({ className: e, ...t }) => /* @__PURE__ */ n(ve.Group, {
   ...t,
-  className: pe(zc, e)
-}), Kc = ({ className: e, ...t }) => /* @__PURE__ */ n(ge.Separator, {
+  className: me(zc, e)
+}), Kc = ({ className: e, ...t }) => /* @__PURE__ */ n(ve.Separator, {
   ...t,
-  className: pe(Fc, e)
+  className: me(Fc, e)
 }), qc = ({ children: e }) => {
-  const t = ce();
-  return t === null ? null : Zr(/* @__PURE__ */ n(re, { children: e }), t);
+  const t = de();
+  return t === null ? null : Xr(/* @__PURE__ */ n(re, { children: e }), t);
 }, q = {
   Portal: qc,
   Root: Wc,
   Group: Uc,
   Separator: Kc,
-  Button: ge.Button,
+  Button: ve.Button,
   ColorPicker: Mc,
   MenuPopup: Vc,
   MenuItem: $c
@@ -2684,12 +2684,12 @@ var aa = "d0bl03", gc = "d0bl04", oa = "d0bl05", Et = "d0bl06", vc = "d0bl07", f
     strokeLinejoin: "round",
     children: /* @__PURE__ */ n("path", { d: "m6 9 6 6 6-6" })
   })
-}), Xc = "'Noto Serif', Georgia, 'Times New Roman', serif, 'Apple Color Emoji', 'NotoColorEmoji'", Zc = `'Aeonik', 'Aeonik Fallback', ${xr}`, jc = "'PT Mono', 'Courier New', monospace, 'Apple Color Emoji', 'NotoColorEmoji'", Yc = "'Intruding Cat', cursive, 'Apple Color Emoji', 'NotoColorEmoji'", Mt = [
+}), Xc = "'Noto Serif', Georgia, 'Times New Roman', serif, 'Apple Color Emoji', 'NotoColorEmoji'", Zc = `'Aeonik', 'Aeonik Fallback', ${Cr}`, jc = "'PT Mono', 'Courier New', monospace, 'Apple Color Emoji', 'NotoColorEmoji'", Yc = "'Intruding Cat', cursive, 'Apple Color Emoji', 'NotoColorEmoji'", Mt = [
   {
     id: "modern",
     label: "Modern",
     preview: "Aa",
-    fontFamily: xr
+    fontFamily: Cr
   },
   {
     id: "fresh",
@@ -2715,7 +2715,7 @@ var aa = "d0bl03", gc = "d0bl04", oa = "d0bl05", Et = "d0bl06", vc = "d0bl07", f
     preview: "Aa",
     fontFamily: Yc
   }
-], Jc = (e) => e ? Mt.find((t) => t.fontFamily === e) ?? null : null, da = "_70l3rt0", ua = "_70l3rt1", ha = "_70l3rt3", pa = "_70l3rt4", ma = "_70l3rt5", Qc = ({ editor: e, currentFontFamily: t, isOpen: r, onOpenChange: a }) => {
+], Jc = (e) => e ? Mt.find((t) => t.fontFamily === e) ?? null : null, ca = "_70l3rt0", da = "_70l3rt1", ua = "_70l3rt3", ha = "_70l3rt4", pa = "_70l3rt5", Qc = ({ editor: e, currentFontFamily: t, isOpen: r, onOpenChange: a }) => {
   const o = I(), i = Jc(t) ?? Mt[0], l = (s) => {
     e.chain().focus().setFontFamily(s.fontFamily).run();
   };
@@ -2723,27 +2723,27 @@ var aa = "d0bl03", gc = "d0bl04", oa = "d0bl05", Et = "d0bl06", vc = "d0bl07", f
     open: r,
     onOpenChange: a,
     children: [/* @__PURE__ */ m(B.Trigger, {
-      render: /* @__PURE__ */ n(ge.Button, {}),
+      render: /* @__PURE__ */ n(ve.Button, {}),
       "aria-label": o("graph.toolbar.font.ariaLabel"),
-      className: da,
+      className: ca,
       onMouseDown: (s) => s.preventDefault(),
       children: [/* @__PURE__ */ n("span", {
-        className: ua,
+        className: da,
         style: { fontFamily: i?.fontFamily },
         children: i?.preview
       }), /* @__PURE__ */ n(Ve, { size: "sm" })]
     }), /* @__PURE__ */ n(B.Portal, {
-      container: ce(),
+      container: de(),
       children: /* @__PURE__ */ n(re, { children: /* @__PURE__ */ n(B.Positioner, {
         side: "bottom",
         align: "start",
         sideOffset: 6,
-        className: ha,
+        className: ua,
         children: /* @__PURE__ */ n(B.Popup, {
-          className: pa,
+          className: ha,
           onMouseDown: (s) => s.preventDefault(),
           children: Mt.map((s) => /* @__PURE__ */ n(B.Item, {
-            className: ma,
+            className: pa,
             "data-selected": s.id === i?.id,
             onClick: () => l(s),
             children: /* @__PURE__ */ n("span", {
@@ -2755,58 +2755,58 @@ var aa = "d0bl03", gc = "d0bl04", oa = "d0bl05", Et = "d0bl06", vc = "d0bl07", f
       }) })
     })]
   });
-}, ga = {
+}, ma = {
   id: "text",
   translationKey: "graph.toolbar.heading.text",
-  previewFont: he.fontTextEditorBody
-}, En = [
+  previewFont: pe.fontTextEditorBody
+}, In = [
   {
     id: "caption",
     translationKey: "graph.toolbar.heading.caption",
-    previewFont: he.fontTextEditorH6
+    previewFont: pe.fontTextEditorH6
   },
-  ga,
+  ma,
   {
     id: "h3",
     translationKey: "graph.toolbar.heading.heading3",
-    previewFont: he.fontTextEditorH3
+    previewFont: pe.fontTextEditorH3
   },
   {
     id: "h2",
     translationKey: "graph.toolbar.heading.heading2",
-    previewFont: he.fontTextEditorH2
+    previewFont: pe.fontTextEditorH2
   },
   {
     id: "h1",
     translationKey: "graph.toolbar.heading.heading1",
-    previewFont: he.fontTextEditorH1
+    previewFont: pe.fontTextEditorH1
   }
 ], ed = ({ editor: e, activeStyle: t, isOpen: r, onOpenChange: a }) => {
-  const o = I(), i = En.find((l) => l.id === t) ?? ga;
+  const o = I(), i = In.find((l) => l.id === t) ?? ma;
   return /* @__PURE__ */ m(B.Root, {
     open: r,
     onOpenChange: a,
     children: [/* @__PURE__ */ m(B.Trigger, {
-      render: /* @__PURE__ */ n(ge.Button, {}),
+      render: /* @__PURE__ */ n(ve.Button, {}),
       "aria-label": o("graph.toolbar.heading.ariaLabel"),
-      className: da,
+      className: ca,
       onMouseDown: (l) => l.preventDefault(),
       children: [/* @__PURE__ */ n("span", {
-        className: ua,
+        className: da,
         children: o(i.translationKey)
       }), /* @__PURE__ */ n(Ve, { size: "sm" })]
     }), /* @__PURE__ */ n(B.Portal, {
-      container: ce(),
+      container: de(),
       children: /* @__PURE__ */ n(re, { children: /* @__PURE__ */ n(B.Positioner, {
         side: "bottom",
         align: "start",
         sideOffset: 6,
-        className: ha,
+        className: ua,
         children: /* @__PURE__ */ n(B.Popup, {
-          className: pa,
+          className: ha,
           onMouseDown: (l) => l.preventDefault(),
-          children: En.map((l) => /* @__PURE__ */ n(B.Item, {
-            className: ma,
+          children: In.map((l) => /* @__PURE__ */ n(B.Item, {
+            className: pa,
             "data-selected": l.id === i.id,
             onClick: () => td(e, l.id),
             children: /* @__PURE__ */ n(nd, {
@@ -2841,7 +2841,7 @@ var aa = "d0bl03", gc = "d0bl04", oa = "d0bl05", Et = "d0bl06", vc = "d0bl07", f
     margin: 0
   },
   children: t
-}), va = (e) => /* @__PURE__ */ n(T, {
+}), ga = (e) => /* @__PURE__ */ n(T, {
   ...e,
   children: /* @__PURE__ */ n("g", {
     stroke: "currentColor",
@@ -2871,14 +2871,14 @@ var aa = "d0bl03", gc = "d0bl04", oa = "d0bl05", Et = "d0bl06", vc = "d0bl07", f
 }), od = (e) => !e.content || e.content.length === 0 ? !0 : e.content.every((t) => !t.content || t.content.length === 0), id = (e) => {
   const { $from: t } = e.state.selection, r = t.parent.textContent, a = t.parentOffset, o = t.start();
   let i = a;
-  for (; i > 0 && On(r[i - 1]); ) i -= 1;
+  for (; i > 0 && En(r[i - 1]); ) i -= 1;
   let l = a;
-  for (; l < r.length && On(r[l]); ) l += 1;
+  for (; l < r.length && En(r[l]); ) l += 1;
   return {
     from: o + i,
     to: o + l
   };
-}, On = (e) => e !== void 0 && /\S/.test(e), ld = "fop13s0", sd = "fop13s1", cd = "fop13s2", dd = "fop13s3", Mn = "fop13s4", ud = ({ editor: e, currentUrl: t, isActive: r, isOpen: a, onOpenChange: o }) => {
+}, En = (e) => e !== void 0 && /\S/.test(e), ld = "fop13s0", sd = "fop13s1", cd = "fop13s2", dd = "fop13s3", On = "fop13s4", ud = ({ editor: e, currentUrl: t, isActive: r, isOpen: a, onOpenChange: o }) => {
   const i = I(), [l, s] = ee(""), c = ne(null);
   _(() => {
     a && s(t ?? "");
@@ -2896,14 +2896,14 @@ var aa = "d0bl03", gc = "d0bl04", oa = "d0bl05", Et = "d0bl06", vc = "d0bl07", f
     open: a,
     onOpenChange: o,
     children: [/* @__PURE__ */ n(Z.Trigger, {
-      render: /* @__PURE__ */ n(ge.Button, {}),
+      render: /* @__PURE__ */ n(ve.Button, {}),
       "aria-label": i("graph.toolbar.formatting.link"),
       "data-active": r,
       className: ld,
       onMouseDown: (g) => g.preventDefault(),
       children: /* @__PURE__ */ n(rd, {})
     }), /* @__PURE__ */ n(Z.Portal, {
-      container: ce(),
+      container: de(),
       children: /* @__PURE__ */ n(re, { children: /* @__PURE__ */ n(Z.Positioner, {
         sideOffset: 6,
         align: "end",
@@ -2927,16 +2927,16 @@ var aa = "d0bl03", gc = "d0bl04", oa = "d0bl05", Et = "d0bl06", vc = "d0bl07", f
             /* @__PURE__ */ n("button", {
               type: "button",
               "aria-label": i("common.cancel"),
-              className: Mn,
+              className: On,
               onClick: d,
               children: /* @__PURE__ */ n(ad, {})
             }),
             /* @__PURE__ */ n("button", {
               type: "button",
               "aria-label": i("graph.toolbar.link.apply"),
-              className: Mn,
+              className: On,
               onClick: u,
-              children: /* @__PURE__ */ n(va, {})
+              children: /* @__PURE__ */ n(ga, {})
             })
           ]
         })
@@ -2959,7 +2959,7 @@ var aa = "d0bl03", gc = "d0bl04", oa = "d0bl05", Et = "d0bl06", vc = "d0bl07", f
   }
   const o = id(e);
   e.chain().focus().setTextSelection(o).setLink({ href: r }).run();
-}, fa = (e) => /* @__PURE__ */ n(T, {
+}, va = (e) => /* @__PURE__ */ n(T, {
   ...e,
   children: /* @__PURE__ */ m("g", {
     stroke: "currentColor",
@@ -2972,7 +2972,7 @@ var aa = "d0bl03", gc = "d0bl04", oa = "d0bl05", Et = "d0bl06", vc = "d0bl07", f
       /* @__PURE__ */ n("path", { d: "M19 19H5" })
     ]
   })
-}), ba = (e) => /* @__PURE__ */ n(T, {
+}), fa = (e) => /* @__PURE__ */ n(T, {
   ...e,
   children: /* @__PURE__ */ m("g", {
     stroke: "currentColor",
@@ -2985,7 +2985,7 @@ var aa = "d0bl03", gc = "d0bl04", oa = "d0bl05", Et = "d0bl06", vc = "d0bl07", f
       /* @__PURE__ */ n("path", { d: "M21 19H7" })
     ]
   })
-}), ya = (e) => /* @__PURE__ */ n(T, {
+}), ba = (e) => /* @__PURE__ */ n(T, {
   ...e,
   children: /* @__PURE__ */ m("g", {
     stroke: "currentColor",
@@ -3002,7 +3002,7 @@ var aa = "d0bl03", gc = "d0bl04", oa = "d0bl05", Et = "d0bl06", vc = "d0bl07", f
   const o = (i) => i.preventDefault();
   return /* @__PURE__ */ m(Me.Root, { children: [/* @__PURE__ */ n(Me.Trigger, {
     render: /* @__PURE__ */ n(Ws, {
-      render: /* @__PURE__ */ n(ge.Button, {}),
+      render: /* @__PURE__ */ n(ve.Button, {}),
       pressed: t,
       onPressedChange: () => r()
     }),
@@ -3011,7 +3011,7 @@ var aa = "d0bl03", gc = "d0bl04", oa = "d0bl05", Et = "d0bl06", vc = "d0bl07", f
     onMouseDown: o,
     children: a
   }), /* @__PURE__ */ n(Me.Portal, {
-    container: ce(),
+    container: de(),
     children: /* @__PURE__ */ n(re, { children: /* @__PURE__ */ n(Me.Positioner, {
       sideOffset: gd,
       children: /* @__PURE__ */ n(Me.Popup, {
@@ -3027,19 +3027,19 @@ var aa = "d0bl03", gc = "d0bl04", oa = "d0bl05", Et = "d0bl06", vc = "d0bl07", f
       label: r("graph.toolbar.textAlign.left"),
       isActive: t === "left",
       onToggle: () => e.chain().focus().setTextAlign("left").run(),
-      children: /* @__PURE__ */ n(ya, {})
+      children: /* @__PURE__ */ n(ba, {})
     }),
     /* @__PURE__ */ n(Re, {
       label: r("graph.toolbar.textAlign.center"),
       isActive: t === "center",
       onToggle: () => e.chain().focus().setTextAlign("center").run(),
-      children: /* @__PURE__ */ n(fa, {})
+      children: /* @__PURE__ */ n(va, {})
     }),
     /* @__PURE__ */ n(Re, {
       label: r("graph.toolbar.textAlign.right"),
       isActive: t === "right",
       onToggle: () => e.chain().focus().setTextAlign("right").run(),
-      children: /* @__PURE__ */ n(ba, {})
+      children: /* @__PURE__ */ n(fa, {})
     })
   ] });
 }, fd = "_1u34vl40", bd = ({ editor: e }) => ({
@@ -3075,8 +3075,8 @@ var aa = "d0bl03", gc = "d0bl04", oa = "d0bl05", Et = "d0bl06", vc = "d0bl07", f
   }, [e, c]), _(() => {
     if (!e) return;
     const g = () => a(!0), v = ({ event: f }) => {
-      const { relatedTarget: S, currentTarget: L } = f, x = S instanceof Node && d.current?.contains(S), P = S instanceof Node && L instanceof Node && L.contains(S);
-      !x && !P && a(!1);
+      const { relatedTarget: S, currentTarget: k } = f, x = S instanceof Node && d.current?.contains(S), L = S instanceof Node && k instanceof Node && k.contains(S);
+      !x && !L && a(!1);
     };
     return e.on("focus", g), e.on("blur", v), () => {
       e.off("focus", g), e.off("blur", v);
@@ -3140,14 +3140,14 @@ var aa = "d0bl03", gc = "d0bl04", oa = "d0bl05", Et = "d0bl06", vc = "d0bl07", f
       }) })
     ]
   }) });
-}, Td = "_1uy50v30", Sa = ({ editor: e, ariaLabel: t }) => /* @__PURE__ */ m("div", {
+}, Td = "_1uy50v30", ya = ({ editor: e, ariaLabel: t }) => /* @__PURE__ */ m("div", {
   className: Td,
-  children: [/* @__PURE__ */ n(wd, { editor: e }), /* @__PURE__ */ n(Qr, {
+  children: [/* @__PURE__ */ n(wd, { editor: e }), /* @__PURE__ */ n(Jr, {
     editor: e,
     "aria-label": t
   })]
 }), Ad = 200, en = ({ content: e, extensions: t, isEditable: r, onUpdate: a, updateDebounceMs: o = Ad }) => {
-  const i = ne(Nn(e)), l = ne(i.current), s = ui((u) => {
+  const i = ne(Mn(e)), l = ne(i.current), s = di((u) => {
     l.current = u, a?.(u);
   }, o), c = Hs({
     extensions: t,
@@ -3164,14 +3164,14 @@ var aa = "d0bl03", gc = "d0bl04", oa = "d0bl05", Et = "d0bl06", vc = "d0bl07", f
     c?.setEditable(r);
   }, [c, r]), _(() => {
     if (!c) return;
-    const u = Nn(e);
+    const u = Mn(e);
     wt(l.current, u) || (l.current = u, !wt(c.getJSON(), u) && (s.cancel(), kd(c, u)));
   }, [
     c,
     e,
     s
   ]), _(() => () => s.flush(), [s]), c;
-}, Nn = (e) => e === null ? {
+}, Mn = (e) => e === null ? {
   type: "doc",
   content: []
 } : typeof e == "string" ? {
@@ -3191,27 +3191,27 @@ var aa = "d0bl03", gc = "d0bl04", oa = "d0bl05", Et = "d0bl06", vc = "d0bl07", f
     from: Math.min(r, o),
     to: Math.min(a, o)
   });
-}, wt = (e, t) => JSON.stringify(tt(e)) === JSON.stringify(tt(t)), tt = (e) => Array.isArray(e) ? e.map(tt) : e === null || typeof e != "object" ? e : Object.fromEntries(Object.entries(e).map(([t, r]) => [t, tt(r)]).filter(([, t]) => !Ld(t)).sort(([t], [r]) => String(t).localeCompare(String(r)))), Ld = (e) => e == null || typeof e == "object" && Object.keys(e).length === 0, Pd = ({ caption: e, captionStyle: t }) => {
-  const { dispatch: r } = de(), a = en({
+}, wt = (e, t) => JSON.stringify(et(e)) === JSON.stringify(et(t)), et = (e) => Array.isArray(e) ? e.map(et) : e === null || typeof e != "object" ? e : Object.fromEntries(Object.entries(e).map(([t, r]) => [t, et(r)]).filter(([, t]) => !Ld(t)).sort(([t], [r]) => String(t).localeCompare(String(r)))), Ld = (e) => e == null || typeof e == "object" && Object.keys(e).length === 0, Pd = ({ caption: e, captionStyle: t }) => {
+  const { dispatch: r } = ue(), a = en({
     content: e,
     extensions: O(() => hc({ placeholder: "Add caption" }), []),
     isEditable: !0,
     onUpdate: (o) => {
       const i = od(o) ? null : o;
-      r(new Dr({ caption: i }));
+      r(new Rr({ caption: i }));
     }
   });
   return /* @__PURE__ */ n("div", {
     "data-testid": "caption-editor",
-    style: wr(t),
-    children: /* @__PURE__ */ n(Sa, {
+    style: xr(t),
+    children: /* @__PURE__ */ n(ya, {
       editor: a,
       ariaLabel: "Chart caption"
     })
   });
 }, Id = (e) => [
-  Qe,
-  Jr,
+  Je,
+  Yr,
   ...Qt(),
   Od,
   Jt.configure({
@@ -3219,7 +3219,7 @@ var aa = "d0bl03", gc = "d0bl04", oa = "d0bl05", Et = "d0bl06", vc = "d0bl07", f
     placeholder: ({ pos: t }) => t === 0 ? e : ""
   })
 ], Ed = ({ annotation: e }) => {
-  const t = I(), { dispatch: r } = de(), a = $(), o = O(() => Id(t("graph.annotations.text.placeholder")), [t]), i = en({
+  const t = I(), { dispatch: r } = ue(), a = $(), o = O(() => Id(t("graph.annotations.text.placeholder")), [t]), i = en({
     content: e.content,
     extensions: o,
     isEditable: !0,
@@ -3236,16 +3236,16 @@ var aa = "d0bl03", gc = "d0bl04", oa = "d0bl05", Et = "d0bl06", vc = "d0bl07", f
     return l(i), () => l(null);
   }, [i, a]), _(() => {
     i?.commands.focus("end", { scrollIntoView: !1 });
-  }, [i]), /* @__PURE__ */ n(Qr, {
+  }, [i]), /* @__PURE__ */ n(Jr, {
     "aria-label": t("graph.annotations.text.editLabel"),
-    className: Si,
+    className: yi,
     editor: i,
     "data-testid": "text-annotation-editor"
   });
-}, Rn = (e) => {
-  const t = wi(e);
+}, Nn = (e) => {
+  const t = xi(e);
   return t === void 0 ? {} : { style: `font-family: ${t}` };
-}, Od = jr.create({
+}, Od = Zr.create({
   name: "annotationTextStyleAttributes",
   addGlobalAttributes() {
     return [{
@@ -3253,15 +3253,15 @@ var aa = "d0bl03", gc = "d0bl04", oa = "d0bl05", Et = "d0bl06", vc = "d0bl07", f
       attributes: {
         fontFamily: {
           default: null,
-          renderHTML: (e) => Rn(e.fontFamily)
+          renderHTML: (e) => Nn(e.fontFamily)
         },
         font: {
           default: null,
-          renderHTML: (e) => Rn(e.font)
+          renderHTML: (e) => Nn(e.font)
         },
         fontSize: {
           default: null,
-          renderHTML: (e) => typeof e.fontSize == "number" && Number.isFinite(e.fontSize) ? { style: `font-size: calc(${e.fontSize}px * ${he.textScale})` } : {}
+          renderHTML: (e) => typeof e.fontSize == "number" && Number.isFinite(e.fontSize) ? { style: `font-size: calc(${e.fontSize}px * ${pe.textScale})` } : {}
         }
       }
     }];
@@ -3297,7 +3297,7 @@ var aa = "d0bl03", gc = "d0bl04", oa = "d0bl05", Et = "d0bl06", vc = "d0bl07", f
     type: "text",
     text: e
   }]
-}] : e.type === "doc" && e.content ? e.content.length === 0 ? [{ type: "paragraph" }] : e.content.map(Dn) : [Dn(e)], Dn = (e) => e.type === "paragraph" ? e : {
+}] : e.type === "doc" && e.content ? e.content.length === 0 ? [{ type: "paragraph" }] : e.content.map(Rn) : [Rn(e)], Rn = (e) => e.type === "paragraph" ? e : {
   type: "paragraph",
   content: e.content ?? [e]
 }, zd = (e) => {
@@ -3326,7 +3326,7 @@ var aa = "d0bl03", gc = "d0bl04", oa = "d0bl05", Et = "d0bl06", vc = "d0bl07", f
   lineHeight: "var(--uwf6lt3)",
   textColor: "var(--uwf6lt4)"
 }, Hd = "uwf6lt5", Gd = ({ title: e, isTitleVisible: t, isSubtitleVisible: r, subtitle: a, headingStyle: o, subtitleStyle: i }) => {
-  const { dispatch: l } = de(), s = O(() => uc({
+  const { dispatch: l } = ue(), s = O(() => uc({
     titlePlaceholder: "Untitled",
     subtitlePlaceholder: "Untitled",
     isTitleVisible: t,
@@ -3347,17 +3347,17 @@ var aa = "d0bl03", gc = "d0bl04", oa = "d0bl05", Et = "d0bl06", vc = "d0bl07", f
     isEditable: !0,
     onUpdate: (u) => {
       const d = Rd(u);
-      t && l(new zr({ title: d.title })), r && l(new _r({ subtitle: d.subtitle }));
+      t && l(new _r({ title: d.title })), r && l(new Dr({ subtitle: d.subtitle }));
     }
   });
   return /* @__PURE__ */ n("div", {
     className: Hd,
     "data-testid": "title-editor",
     style: {
-      ...wr(o),
-      ...Yo(Bd, i)
+      ...xr(o),
+      ...jo(Bd, i)
     },
-    children: /* @__PURE__ */ n(Sa, {
+    children: /* @__PURE__ */ n(ya, {
       editor: c,
       ariaLabel: "Chart title and subtitle"
     })
@@ -3366,16 +3366,16 @@ var aa = "d0bl03", gc = "d0bl04", oa = "d0bl05", Et = "d0bl06", vc = "d0bl07", f
   Title: Gd,
   Caption: Pd,
   TextAnnotation: Ed
-}, Ca = (e, t) => {
+}, Sa = (e, t) => {
   const { offsetWidth: r } = e;
   return r <= 0 || t <= 0 ? 1 : t / r;
-}, xa = (e) => Ca(e, e.getBoundingClientRect().width), _n = (e, t) => {
+}, Ca = (e) => Sa(e, e.getBoundingClientRect().width), Dn = (e, t) => {
   const { offsetWidth: r, offsetHeight: a } = e;
   return r <= 0 || a <= 0 ? t : {
     width: r,
     height: a
   };
-}, zn = "http://www.w3.org/2000/svg", Fn = /* @__PURE__ */ new WeakMap(), $d = (e, t) => {
+}, _n = "http://www.w3.org/2000/svg", zn = /* @__PURE__ */ new WeakMap(), $d = (e, t) => {
   const r = Wd(e);
   r.setAttribute("d", t);
   const { x: a, y: o, width: i, height: l } = r.getBBox();
@@ -3386,12 +3386,12 @@ var aa = "d0bl03", gc = "d0bl04", oa = "d0bl05", Et = "d0bl06", vc = "d0bl07", f
     height: l
   };
 }, Wd = (e) => {
-  const t = Fn.get(e);
+  const t = zn.get(e);
   if (t?.isConnected) return t;
-  const r = e.createElementNS(zn, "svg");
+  const r = e.createElementNS(_n, "svg");
   r.setAttribute("aria-hidden", "true"), r.style.cssText = "position:absolute;width:0;height:0;overflow:hidden;visibility:hidden;pointer-events:none";
-  const a = e.createElementNS(zn, "path");
-  return r.append(a), e.body.append(r), Fn.set(e, a), a;
+  const a = e.createElementNS(_n, "path");
+  return r.append(a), e.body.append(r), zn.set(e, a), a;
 }, nn = (e) => e.offset + e.strokeWidth, Ud = (e, t) => {
   const { panelRect: r, look: a, readGridLineWidth: o, measurePathBox: i } = t, l = nn(a);
   switch (e.kind) {
@@ -3461,14 +3461,14 @@ var aa = "d0bl03", gc = "d0bl04", oa = "d0bl05", Et = "d0bl06", vc = "d0bl07", f
     const d = l.current, h = /* @__PURE__ */ new Map(), g = Ud(c, {
       panelRect: r,
       look: a,
-      readGridLineWidth: (f) => Pr(i, f).strokeWidth,
+      readGridLineWidth: (f) => Lr(i, f).strokeWidth,
       measurePathBox: (f) => {
         const S = d.get(f) ?? $d(t.ownerDocument, f);
         return h.set(f, S), S;
       }
     });
     l.current = h;
-    const v = xa(t);
+    const v = Ca(t);
     o.getState().setSelectedOutline(g === null ? null : {
       target: s,
       frame: g,
@@ -3485,7 +3485,7 @@ var aa = "d0bl03", gc = "d0bl04", oa = "d0bl05", Et = "d0bl06", vc = "d0bl07", f
   ]);
   const u = e !== null;
   Ae(() => u ? () => o.getState().setSelectedOutline(null) : void 0, [o, u]);
-}, jd = "var(--_10d2ycx0)", Yd = "_10d2ycx1", Jd = "_10d2ycx2", Bn = ({ pathData: e, shouldAnimateTransitions: t, source: r, ...a }) => t ? /* @__PURE__ */ n(Qd, {
+}, jd = "var(--_10d2ycx0)", Yd = "_10d2ycx1", Jd = "_10d2ycx2", Fn = ({ pathData: e, shouldAnimateTransitions: t, source: r, ...a }) => t ? /* @__PURE__ */ n(Qd, {
   pathData: e,
   source: r,
   ...a
@@ -3493,22 +3493,22 @@ var aa = "d0bl03", gc = "d0bl04", oa = "d0bl05", Et = "d0bl06", vc = "d0bl07", f
   d: e,
   ...a
 }), Qd = ({ pathData: e, source: t, ...r }) => {
-  const a = ii(e, oi, t);
+  const a = oi(e, ai, t);
   return /* @__PURE__ */ n(ws.path, {
     d: a,
     ...r
   });
 }, eu = "var(--n5vlnq0)", tu = "data-edit-outline-stroke", Nt = (e) => ({
   [tu]: "",
-  style: ut({ [eu]: `${e}px` })
+  style: dt({ [eu]: `${e}px` })
 });
-var Hn = (e, t) => {
+var Bn = (e, t) => {
   if (e.kind === "observations" && t.kind === "observations") {
     if (e.layerId !== t.layerId || e.scope !== t.scope) return !1;
     const r = e.parts[0]?.rows[0];
     return r !== void 0 && (t.parts[0]?.rows.includes(r) ?? !1);
   }
-  return e.kind === "guide" && t.kind === "guide" ? Ml(e.target, t.target) : e.kind === "graph" && t.kind === "graph";
+  return e.kind === "guide" && t.kind === "guide" ? Ol(e.target, t.target) : e.kind === "graph" && t.kind === "graph";
 }, nu = (e, t) => {
   const r = Math.max(e.width, 8), a = Math.max(e.height, 8), o = Math.max(0, e.x + e.width / 2 - r / 2), i = Math.max(0, e.y + e.height / 2 - a / 2), l = Math.min(t.width, e.x + e.width / 2 + r / 2), s = Math.min(t.height, e.y + e.height / 2 + a / 2);
   return {
@@ -3518,7 +3518,7 @@ var Hn = (e, t) => {
     height: Math.max(0, s - i)
   };
 }, ru = [], au = (e) => {
-  const { layers: t, parsingLocale: r } = z(me((h) => ({
+  const { layers: t, parsingLocale: r } = z(ge((h) => ({
     layers: h.layers,
     parsingLocale: h.config.parsingLocale
   }))), a = X((h) => h.editTargetUnderPointer), o = a?.kind === "observations" ? a.observations : null, i = o === null ? void 0 : Pe(t, o.layerId), l = o?.target.scope ?? null, s = o === null || i === void 0 ? null : gs(i, o.target.scope, o.observationIndex), c = O(() => i === void 0 || l === null || s === null ? null : ou(t, i, l, s), [
@@ -3526,7 +3526,7 @@ var Hn = (e, t) => {
     i,
     l,
     s
-  ]), u = O(() => c !== null && e !== null && Hn(c, e), [c, e]), d = o !== null && i !== void 0 && iu(o, i, r) ? o.observationIndex : null;
+  ]), u = O(() => c !== null && e !== null && Bn(c, e), [c, e]), d = o !== null && i !== void 0 && iu(o, i, r) ? o.observationIndex : null;
   return O(() => {
     switch (a?.kind) {
       case "observations": {
@@ -3553,7 +3553,7 @@ var Hn = (e, t) => {
           key: JSON.stringify(a.target),
           target: a.target
         };
-        return e !== null && Hn(h, e) ? null : h;
+        return e !== null && Bn(h, e) ? null : h;
       }
       default:
         return null;
@@ -3570,7 +3570,7 @@ var Hn = (e, t) => {
     layer: t,
     rows: vs(t, r, a)
   }];
-  for (const i of Gr(t, e)) {
+  for (const i of Hr(t, e)) {
     const l = ds(i, t, r, a);
     l.length > 0 && o.push({
       layer: i,
@@ -3613,23 +3613,23 @@ var Hn = (e, t) => {
       return At([...cu(i.filter((s) => !du(s)))].flatMap(([s, c]) => a[s] === "direct" ? c.map(l) : [It(c.map(l))]));
     case "grid":
       return i.flatMap((s) => {
-        const c = st([s], e);
+        const c = lt([s], e);
         if (c?.kind !== "grid" || c.target.axis === "both") return [];
         const { axis: u } = c.target;
         return t.axis === "both" || u === t.axis ? [uu(s, l(s), u)] : [];
       });
   }
 }, su = (e) => {
-  const t = `[${Jo}="${e.kind}"]`;
-  return e.kind !== "axis" ? t : `${t}[${Uo}="${e.axis}"]`;
+  const t = `[${Yo}="${e.kind}"]`;
+  return e.kind !== "axis" ? t : `${t}[${Wo}="${e.axis}"]`;
 }, cu = (e) => {
   const t = /* @__PURE__ */ new Map();
   for (const r of e) {
-    const a = Qo(r);
+    const a = Jo(r);
     a !== null && t.set(a.legendIndex, [...t.get(a.legendIndex) ?? [], r]);
   }
   return t;
-}, du = (e) => e.closest(Lr) !== null, At = (e) => e.map((t) => ({
+}, du = (e) => e.closest(kr) !== null, At = (e) => e.map((t) => ({
   kind: "box",
   rect: t
 })), uu = (e, { x: t, y: r, width: a, height: o }, i) => e.querySelector("circle") !== null ? {
@@ -3688,7 +3688,7 @@ var Hn = (e, t) => {
   const t = (r) => Number(e?.getAttribute(r) ?? 0);
   return (t("x2") - t("x1")) * (t("y2") - t("y1")) >= 0;
 }, pu = [], mu = (e, { frameElement: t, frameSize: r, panelRect: a, shouldAnimateTransitions: o }) => {
-  const i = z((f) => f.coordSystem), l = Zo(), s = Tr(), c = vu(e.kind === "guide" ? e.target : null, {
+  const i = z((f) => f.coordSystem), l = Xo(), s = wr(), c = vu(e.kind === "guide" ? e.target : null, {
     frameElement: t,
     frameSize: r
   }), u = gu(t, r), d = O(() => ({
@@ -3701,11 +3701,11 @@ var Hn = (e, t) => {
     a,
     l,
     s
-  ]), h = e.kind === "observations" ? e.parts : null, p = e.kind === "observations" ? e.vertex : null, g = O(() => h?.map((f) => Gn(f, d, o)) ?? pu, [
+  ]), h = e.kind === "observations" ? e.parts : null, p = e.kind === "observations" ? e.vertex : null, g = O(() => h?.map((f) => Hn(f, d, o)) ?? pu, [
     h,
     d,
     o
-  ]), v = O(() => p === null ? null : Gn(p, d, !1), [p, d]);
+  ]), v = O(() => p === null ? null : Hn(p, d, !1), [p, d]);
   return O(() => {
     switch (e.kind) {
       case "observations":
@@ -3734,10 +3734,10 @@ var Hn = (e, t) => {
     u
   ]);
 }, gu = (e, t) => {
-  const [r, a] = ee(() => _n(e, t));
+  const [r, a] = ee(() => Dn(e, t));
   return Ae(() => {
     a((o) => {
-      const i = _n(e, {
+      const i = Dn(e, {
         width: t.width,
         height: t.height
       });
@@ -3748,7 +3748,7 @@ var Hn = (e, t) => {
     t.width,
     t.height
   ]), r;
-}, Gn = ({ layer: e, rows: t }, { coordSystem: r, panelRect: a, resolveRenderer: o, geomReaders: i }, l) => {
+}, Hn = ({ layer: e, rows: t }, { coordSystem: r, panelRect: a, resolveRenderer: o, geomReaders: i }, l) => {
   const s = {
     ...e,
     data: e.data.take(t)
@@ -3776,7 +3776,7 @@ var Hn = (e, t) => {
     })
   };
 }, vu = (e, { frameElement: t, frameSize: r }) => {
-  const a = z((d) => d.coordSystem.type), o = z(me((d) => d.guides.legends.drawn.map((h) => h.display))), i = z((d) => e === null ? null : d), [l, s] = ee([]), c = j(e), u = ne(!1);
+  const a = z((d) => d.coordSystem.type), o = z(ge((d) => d.guides.legends.drawn.map((h) => h.display))), i = z((d) => e === null ? null : d), [l, s] = ee([]), c = j(e), u = ne(!1);
   return Ae(() => {
     const d = c.current;
     if (d === null) return;
@@ -3786,7 +3786,7 @@ var Hn = (e, t) => {
         target: d,
         coordType: a,
         legendDisplays: o
-      }), g = xa(t);
+      }), g = Ca(t);
       s(p.map((v) => fu(v, 1 / g)));
     };
     if (u.current) {
@@ -3840,7 +3840,7 @@ var Hn = (e, t) => {
       };
   }
 }, bu = () => {
-  const e = Ut()[0] ?? null, { layers: t, parsingLocale: r } = z(me((a) => ({
+  const e = Ut()[0] ?? null, { layers: t, parsingLocale: r } = z(ge((a) => ({
     layers: a.layers,
     parsingLocale: a.config.parsingLocale
   })));
@@ -3872,7 +3872,7 @@ var Hn = (e, t) => {
 }, Su = (e, t, r) => {
   const a = Pe(t, e.layerId);
   if (a === void 0) return null;
-  const o = kn({
+  const o = An({
     layer: a,
     target: e,
     parsingLocale: r
@@ -3882,8 +3882,8 @@ var Hn = (e, t) => {
     layer: a,
     rows: o
   }];
-  for (const l of Gr(a, t)) {
-    const s = kn({
+  for (const l of Hr(a, t)) {
+    const s = An({
       layer: l,
       host: a,
       target: e,
@@ -3902,8 +3902,8 @@ var Hn = (e, t) => {
     parts: i,
     vertex: null
   };
-}, Cu = ["x", "y"], xu = Xr(function({ frameElement: t, frameSize: r, panelRect: a, shouldAnimateTransitions: o }) {
-  const i = $o(Cs, Q()), l = bu(), s = au(l);
+}, Cu = ["x", "y"], xu = qr(function({ frameElement: t, frameSize: r, panelRect: a, shouldAnimateTransitions: o }) {
+  const i = Vo(Cs, Q()), l = bu(), s = au(l);
   if (l === null && s === null) return null;
   const c = {
     frameElement: t,
@@ -3917,19 +3917,19 @@ var Hn = (e, t) => {
     height: r.height,
     "aria-hidden": !0,
     "data-testid": "edit-outline",
-    children: [s !== null && /* @__PURE__ */ n(Vn, {
+    children: [s !== null && /* @__PURE__ */ n(Gn, {
       part: "hover",
       target: s,
       look: i.hover,
       ...c
-    }, s.key), l !== null && /* @__PURE__ */ n(Vn, {
+    }, s.key), l !== null && /* @__PURE__ */ n(Gn, {
       part: "selected",
       target: l,
       look: i.selected,
       ...c
     }, l.key)]
   });
-}), Vn = ({ part: e, target: t, look: r, frameSize: a, panelRect: o, frameElement: i, shouldAnimateTransitions: l }) => {
+}), Gn = ({ part: e, target: t, look: r, frameSize: a, panelRect: o, frameElement: i, shouldAnimateTransitions: l }) => {
   const s = Te(), c = `${s}-shapes`, u = `${s}-hole`, d = mu(t, {
     frameElement: i,
     frameSize: a,
@@ -3970,13 +3970,13 @@ var Hn = (e, t) => {
           fill: "white"
         }), /* @__PURE__ */ n("use", {
           href: `#${c}`,
-          style: $n("black", r.offset)
+          style: Vn("black", r.offset)
         })]
       })] }),
       /* @__PURE__ */ n("use", {
         href: `#${c}`,
         mask: `url(#${u})`,
-        style: $n(r.color, nn(r)),
+        style: Vn(r.color, nn(r)),
         "data-testid": `edit-outline-${e}-ring`
       }),
       t.kind === "observations" && /* @__PURE__ */ n(Iu, {
@@ -3986,10 +3986,10 @@ var Hn = (e, t) => {
       })
     ]
   });
-}, $n = (e, t) => ({
+}, Vn = (e, t) => ({
   fill: e,
   stroke: e,
-  ...ut({ [jd]: `${2 * t}px` })
+  ...dt({ [jd]: `${2 * t}px` })
 }), wu = (e, t, r) => {
   const a = r.offset + nn(r);
   return Kt(Ne({
@@ -4003,10 +4003,10 @@ var Hn = (e, t) => {
     case "observations":
       return /* @__PURE__ */ m("g", {
         transform: `translate(${r.x} ${r.y})`,
-        children: [e.parts.map((i) => /* @__PURE__ */ n(Wn, {
+        children: [e.parts.map((i) => /* @__PURE__ */ n($n, {
           part: i,
           borderRadius: o
-        }, i.layer.id)), e.vertex !== null && /* @__PURE__ */ n(Wn, {
+        }, i.layer.id)), e.vertex !== null && /* @__PURE__ */ n($n, {
           part: e.vertex,
           borderRadius: o
         }, `vertex-${e.vertex.rows.join()}`)]
@@ -4020,7 +4020,7 @@ var Hn = (e, t) => {
     case "graph":
       return /* @__PURE__ */ n("path", { d: wu(e.frameSize, a, t) });
   }
-}, Wn = Xr(function({ part: t, borderRadius: r }) {
+}, $n = qr(function({ part: t, borderRadius: r }) {
   return t.kind === "boxes" ? /* @__PURE__ */ n(ku, {
     boxes: t.boxes,
     borderRadius: r
@@ -4032,7 +4032,7 @@ var Hn = (e, t) => {
   const o = r.kind === "dots" || r.key === void 0 ? String(a) : `${r.kind}:${r.key}`;
   switch (r.kind) {
     case "region":
-      return r.pathData === "" ? null : /* @__PURE__ */ n(Bn, {
+      return r.pathData === "" ? null : /* @__PURE__ */ n(Fn, {
         pathData: r.pathData,
         fillRule: r.fillRule,
         shouldAnimateTransitions: r.shouldAnimateTransitions ?? !1,
@@ -4040,7 +4040,7 @@ var Hn = (e, t) => {
         "data-geom": t.geom
       }, o);
     case "stroke":
-      return r.pathData === "" ? null : /* @__PURE__ */ n(Bn, {
+      return r.pathData === "" ? null : /* @__PURE__ */ n(Fn, {
         pathData: r.pathData,
         shouldAnimateTransitions: r.shouldAnimateTransitions ?? !1,
         source: t,
@@ -4049,7 +4049,7 @@ var Hn = (e, t) => {
       }, o);
     case "dots":
       return r.centers.length === 0 ? null : /* @__PURE__ */ n("path", {
-        d: li(r.centers),
+        d: ii(r.centers),
         "data-geom": t.geom,
         ...Nt(r.size)
       }, o);
@@ -4066,7 +4066,7 @@ var Hn = (e, t) => {
     const l = t.map((s) => Pu(s, i)).join("");
     return l === "" ? null : /* @__PURE__ */ n("path", {
       d: l,
-      ...Nt(Pr(a, i).strokeWidth)
+      ...Nt(Lr(a, i).strokeWidth)
     }, i);
   });
   const o = t.map((i) => i.kind === "box" ? Kt(i.rect, r) : "").join("");
@@ -4092,7 +4092,7 @@ var Hn = (e, t) => {
     height: r.height,
     overflow: "visible",
     children: /* @__PURE__ */ n("line", {
-      ...ki(a, i, r),
+      ...Ai(a, i, r),
       stroke: t.color,
       strokeWidth: t.strokeWidth,
       strokeDasharray: "4 3",
@@ -4102,33 +4102,33 @@ var Hn = (e, t) => {
   });
 }, Eu = ({ layer: e, rows: t }) => {
   for (const r of t) {
-    const a = e.data.getAt(r), o = a === null ? null : es(a), i = a === null ? null : ts(a);
+    const a = e.data.getAt(r), o = a === null ? null : Ql(a), i = a === null ? null : es(a);
     if (o !== null && i !== null) return {
       x: o,
       y: i
     };
   }
   return null;
-}, Ou = "data-graphy-chart-chrome", Mu = "data-graphy-chart-menu", rn = { [Mu]: "" }, ht = (e) => ({ [Ou]: e }), Ye = (e, t) => e instanceof Element && e.closest(`[data-graphy-chart-chrome="${CSS.escape(t)}"]`) !== null, wa = (e) => e instanceof Element && e.closest("[data-graphy-chart-menu]") !== null, Rt = (e) => e instanceof Element && e.closest("[data-graphy-chart-chrome]") !== null, Ta = (e, t, r) => r !== null && jt({
+}, Ou = "data-graphy-chart-chrome", Mu = "data-graphy-chart-menu", rn = { [Mu]: "" }, ut = (e) => ({ [Ou]: e }), je = (e, t) => e instanceof Element && e.closest(`[data-graphy-chart-chrome="${CSS.escape(t)}"]`) !== null, xa = (e) => e instanceof Element && e.closest("[data-graphy-chart-menu]") !== null, Rt = (e) => e instanceof Element && e.closest("[data-graphy-chart-chrome]") !== null, wa = (e, t, r) => r !== null && jt({
   x: e.clientX - t.x,
   y: e.clientY - t.y
-}, r), Be = (e, t, r) => e instanceof Node && (t.contains(e) || Ye(e, r)), Nu = "cml7ha0", Aa = Ge(null), Ru = ({ children: e }) => {
-  const { chartId: t } = F(), [r] = ee(ce), [a, o] = ee(null);
-  return r === null ? null : /* @__PURE__ */ m(Y, { children: [Zr(/* @__PURE__ */ n("div", {
+}, r), Be = (e, t, r) => e instanceof Node && (t.contains(e) || je(e, r)), Nu = "cml7ha0", Ta = Ge(null), Ru = ({ children: e }) => {
+  const { chartId: t } = F(), [r] = ee(de), [a, o] = ee(null);
+  return r === null ? null : /* @__PURE__ */ m(Y, { children: [Xr(/* @__PURE__ */ n("div", {
     ref: o,
     className: Nu,
-    ...ht(t)
-  }), r), /* @__PURE__ */ n(Aa.Provider, {
+    ...ut(t)
+  }), r), /* @__PURE__ */ n(Ta.Provider, {
     value: a,
     children: e
   })] });
-}, pt = () => _e(Aa), Du = "kwvn4c0", _u = "kwvn4c1", ka = (e, t) => ({
+}, ht = () => _e(Ta), Du = "kwvn4c0", _u = "kwvn4c1", Aa = (e, t) => ({
   contextElement: e,
   getBoundingClientRect: () => {
-    const r = e.getBoundingClientRect(), a = Ca(e, r.width);
+    const r = e.getBoundingClientRect(), a = Sa(e, r.width);
     return new DOMRect(r.left + t.x * a, r.top + t.y * a, t.width * a, t.height * a);
   }
-}), La = () => {
+}), ka = () => {
   const [e, t] = ee(!1);
   return _(() => {
     t(!0);
@@ -4141,11 +4141,11 @@ var Hn = (e, t) => {
   align: "shift",
   fallbackAxisSide: "end"
 }, Bu = ({ frameElement: e, boundary: t, clearance: r = zu, onEscape: a, children: o }) => {
-  const i = pt(), l = La(), [s, c] = ee(null);
+  const i = ht(), l = ka(), [s, c] = ee(null);
   Ae(() => () => {
     s?.contains(document.activeElement) && e.focus({ preventScroll: !0 });
   }, [s, e]);
-  const { x: u, y: d, width: h, height: p } = t, g = O(() => ka(e, {
+  const { x: u, y: d, width: h, height: p } = t, g = O(() => Aa(e, {
     x: u,
     y: d,
     width: h,
@@ -4218,7 +4218,7 @@ var Hn = (e, t) => {
       return e;
   }
 }, Wu = ({ frameElement: e }) => {
-  const t = I(), { selectionStore: r } = F(), a = X((l) => l.selectedOutline === null ? null : Gu(l.selectedOutline.target, t)), o = Ti();
+  const t = I(), { selectionStore: r } = F(), a = X((l) => l.selectedOutline === null ? null : Gu(l.selectedOutline.target, t)), o = wi();
   if (a === null || o === null) return null;
   const i = () => {
     r.getState().clearSelection();
@@ -4254,7 +4254,7 @@ var Hn = (e, t) => {
   return Ae(() => {
     t.getState().setBoundary(i);
   }, [t, i]), Ae(() => () => t.getState().setBoundary(null), [t]), null;
-}, Pa = (e) => /* @__PURE__ */ m(T, {
+}, La = (e) => /* @__PURE__ */ m(T, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -4280,7 +4280,7 @@ var Hn = (e, t) => {
     })
   ]
 });
-var Ia = "efjmb40", Ea = "efjmb41", Ie = "efjmb42", Ee = "efjmb43", Ku = "efjmb44", qu = "efjmb45", Xu = /* @__PURE__ */ new Set([
+var Pa = "efjmb40", Ia = "efjmb41", Ie = "efjmb42", Ee = "efjmb43", Ku = "efjmb44", qu = "efjmb45", Xu = /* @__PURE__ */ new Set([
   "item-press",
   "escape-key",
   "outside-press",
@@ -4288,7 +4288,7 @@ var Ia = "efjmb40", Ea = "efjmb41", Ie = "efjmb42", Ee = "efjmb43", Ku = "efjmb4
   "sibling-open",
   "trigger-press"
 ]), an = ({ label: e, icon: t, onOpened: r, children: a }) => {
-  const o = pt(), [i, l] = ee(!1), s = (c, u) => {
+  const o = ht(), [i, l] = ee(!1), s = (c, u) => {
     c ? (l(!0), r?.()) : Xu.has(u.reason) && l(!1);
   };
   return /* @__PURE__ */ m(be.SubmenuRoot, {
@@ -4303,10 +4303,10 @@ var Ia = "efjmb40", Ea = "efjmb41", Ie = "efjmb42", Ee = "efjmb43", Ku = "efjmb4
         side: "right",
         align: "start",
         sideOffset: 4,
-        className: Ia,
+        className: Pa,
         ...rn,
         children: /* @__PURE__ */ n(be.Popup, {
-          className: Ea,
+          className: Ia,
           children: a
         })
       }) })
@@ -4327,7 +4327,7 @@ var Ia = "efjmb40", Ea = "efjmb41", Ie = "efjmb42", Ee = "efjmb43", Ku = "efjmb4
     })
   ]
 }), ju = "_1qe7q450", Yu = "_1qe7q451", Ju = "_1qe7q452", Qu = ({ label: e, placeholder: t, addLabel: r, at: a, onRequestClose: o }) => {
-  const i = ne(null), [l, s] = ee(""), { dispatch: c } = de(), u = l.trim(), d = () => {
+  const i = ne(null), [l, s] = ee(""), { dispatch: c } = ue(), u = l.trim(), d = () => {
     u.length !== 0 && (c(new fe({
       kind: "comment",
       annotation: {
@@ -4338,7 +4338,7 @@ var Ia = "efjmb40", Ea = "efjmb41", Ie = "efjmb42", Ee = "efjmb43", Ku = "efjmb4
   };
   return /* @__PURE__ */ n(an, {
     label: e,
-    icon: /* @__PURE__ */ n(Pa, {}),
+    icon: /* @__PURE__ */ n(La, {}),
     onOpened: () => {
       requestAnimationFrame(() => i.current?.focus());
     },
@@ -4382,7 +4382,7 @@ var Ia = "efjmb40", Ea = "efjmb41", Ie = "efjmb42", Ee = "efjmb43", Ku = "efjmb4
     fillOpacity: "0.8"
   })
 }), nh = "relative-difference", rh = ({ label: e, layer: t, at: r, onRequestClose: a }) => {
-  const { dispatch: o } = de(), i = z((c) => c.coordSystem), l = O(() => as({
+  const { dispatch: o } = ue(), i = z((c) => c.coordSystem), l = O(() => rs({
     layer: t,
     at: r,
     coordSystem: i
@@ -4396,7 +4396,7 @@ var Ia = "efjmb40", Ea = "efjmb41", Ie = "efjmb42", Ee = "efjmb43", Ku = "efjmb4
     o(new fe({
       kind: "differenceArrow",
       annotation: {
-        ...Nr,
+        ...Mr,
         ...l,
         label: nh
       }
@@ -4416,7 +4416,7 @@ function ah(e, t) {
     scope: "series",
     labelKey: "pieSlice"
   }];
-  const r = ns(t.data, t.mapping);
+  const r = ts(t.data, t.mapping);
   switch (t.geom) {
     case "bar": {
       const a = [{
@@ -4461,8 +4461,8 @@ function ah(e, t) {
   }
 }
 var oh = (e) => {
-  const t = Kr(e.mapping.x);
-  return t !== null && t !== Ri.x;
+  const t = Ur(e.mapping.x);
+  return t !== null && t !== Ni.x;
 }, ih = (e) => /* @__PURE__ */ m(T, {
   viewBox: "0 0 16 16",
   ...e,
@@ -4829,10 +4829,10 @@ var oh = (e) => {
   scatterPoint: ph,
   scatterSeries: mh,
   pieSlice: hh
-}, Oa = ({ labelKey: e }) => {
+}, Ea = ({ labelKey: e }) => {
   const t = gh[e];
   return /* @__PURE__ */ n(t, {});
-}, Ma = (e) => /* @__PURE__ */ m(T, {
+}, Oa = (e) => /* @__PURE__ */ m(T, {
   viewBox: "0 0 16 16",
   ...e,
   children: [/* @__PURE__ */ n("path", {
@@ -4849,24 +4849,24 @@ var oh = (e) => {
   const a = I();
   return /* @__PURE__ */ n(an, {
     label: e,
-    icon: /* @__PURE__ */ n(Ma, {}),
+    icon: /* @__PURE__ */ n(Oa, {}),
     children: t.map((o) => /* @__PURE__ */ m(be.Item, {
       className: Ie,
       onClick: () => r(o.scope),
-      children: [/* @__PURE__ */ n(Oa, { labelKey: o.labelKey }), /* @__PURE__ */ n("span", {
+      children: [/* @__PURE__ */ n(Ea, { labelKey: o.labelKey }), /* @__PURE__ */ n("span", {
         className: Ee,
         children: a(`graph.annotations.highlights.labels.${o.labelKey}`)
       })]
     }, o.scope))
   });
 }, fh = ({ label: e, layer: t, observation: r, highlights: a, onRequestClose: o }) => {
-  const i = I(), { dispatch: l } = de(), s = z((g) => g.coordSystem), c = O(() => _l(t, r), [t, r]), u = O(() => ah(s, t), [s, t]), d = O(() => {
+  const i = I(), { dispatch: l } = ue(), s = z((g) => g.coordSystem), c = O(() => Dl(t, r), [t, r]), u = O(() => ah(s, t), [s, t]), d = O(() => {
     const g = new Set(a.map((v) => v.scope));
     return u.filter((v) => !g.has(v.scope));
   }, [u, a]), [h] = d;
   if (c === null || h === void 0) return null;
   const p = (g) => {
-    l(new Ni({
+    l(new Mi({
       predicate: c,
       scope: g,
       layerId: t.id
@@ -4877,7 +4877,7 @@ var oh = (e) => {
     return /* @__PURE__ */ m(be.Item, {
       className: Ie,
       onClick: () => p(h.scope),
-      children: [/* @__PURE__ */ n(Oa, { labelKey: h.labelKey }), /* @__PURE__ */ n("span", {
+      children: [/* @__PURE__ */ n(Ea, { labelKey: h.labelKey }), /* @__PURE__ */ n("span", {
         className: Ee,
         children: g
       })]
@@ -4888,27 +4888,27 @@ var oh = (e) => {
     options: d,
     onSelect: p
   });
-}, bh = "_1aafi1g0", yh = "_1aafi1g1", Na = ({ children: e }) => /* @__PURE__ */ m("span", {
+}, bh = "_1aafi1g0", yh = "_1aafi1g1", Ma = ({ children: e }) => /* @__PURE__ */ m("span", {
   className: bh,
   "aria-hidden": "true",
   children: [e, /* @__PURE__ */ n("span", { className: yh })]
 }), Sh = ({ label: e, highlights: t, onRequestClose: r }) => {
-  const { dispatch: a } = de(), o = t.at(-1);
+  const { dispatch: a } = ue(), o = t.at(-1);
   if (o === void 0) return null;
   const i = () => {
-    a(new Vi({ id: o.id })), r();
+    a(new Gi({ id: o.id })), r();
   };
   return /* @__PURE__ */ m(B.Item, {
     className: Ie,
     onClick: i,
-    children: [/* @__PURE__ */ n(Na, { children: /* @__PURE__ */ n(Ma, {}) }), /* @__PURE__ */ n("span", {
+    children: [/* @__PURE__ */ n(Ma, { children: /* @__PURE__ */ n(Oa, {}) }), /* @__PURE__ */ n("span", {
       className: Ee,
       children: e
     })]
   });
 }, Ch = (e, t) => {
   const r = z((o) => o.spec.highlights), a = z((o) => o.config.parsingLocale);
-  return O(() => Zl({
+  return O(() => Xl({
     layer: e,
     highlights: r,
     observation: t,
@@ -4919,7 +4919,7 @@ var oh = (e) => {
     t,
     a
   ]);
-}, Ra = (e) => /* @__PURE__ */ m(T, {
+}, Na = (e) => /* @__PURE__ */ m(T, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -4943,7 +4943,7 @@ var oh = (e) => {
     })
   ]
 }), xh = ({ label: e, at: t, onRequestClose: r }) => {
-  const { dispatch: a } = de(), o = () => {
+  const { dispatch: a } = ue(), o = () => {
     a(new fe({
       kind: "pinnedNumber",
       annotation: { at: t }
@@ -4952,12 +4952,12 @@ var oh = (e) => {
   return /* @__PURE__ */ m(B.Item, {
     className: Ie,
     onClick: o,
-    children: [/* @__PURE__ */ n(Ra, {}), /* @__PURE__ */ n("span", {
+    children: [/* @__PURE__ */ n(Na, {}), /* @__PURE__ */ n("span", {
       className: Ee,
       children: e
     })]
   });
-}, Da = (e) => /* @__PURE__ */ m(T, {
+}, Ra = (e) => /* @__PURE__ */ m(T, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -4990,34 +4990,34 @@ var oh = (e) => {
       fillOpacity: "0.8"
     })
   ]
-}), _a = {
+}), Da = {
   pinnedNumber: {
-    icon: Ra,
+    icon: Na,
     labelKey: "graph.annotations.baseMenu.unpinNumber"
   },
   comment: {
-    icon: Pa,
+    icon: La,
     labelKey: "graph.annotations.baseMenu.removeAnnotation"
   },
   sticker: {
-    icon: Da,
+    icon: Ra,
     labelKey: "graph.annotations.baseMenu.removeSticker"
   },
   image: null
-}, wh = (e) => os(e.kind) && _a[e.kind] !== null, Th = ({ attachment: e, onRequestClose: t }) => {
-  const r = I(), { dispatch: a } = de(), { icon: o, labelKey: i } = _a[e.kind], l = () => {
+}, wh = (e) => as(e.kind) && Da[e.kind] !== null, Th = ({ attachment: e, onRequestClose: t }) => {
+  const r = I(), { dispatch: a } = ue(), { icon: o, labelKey: i } = Da[e.kind], l = () => {
     a(new De({ id: e.annotation.id })), t();
   };
   return /* @__PURE__ */ m(B.Item, {
     className: Ie,
     onClick: l,
-    children: [/* @__PURE__ */ n(Na, { children: /* @__PURE__ */ n(o, {}) }), /* @__PURE__ */ n("span", {
+    children: [/* @__PURE__ */ n(Ma, { children: /* @__PURE__ */ n(o, {}) }), /* @__PURE__ */ n("span", {
       className: Ee,
       children: r(i)
     })]
   });
 }, Ah = "ceeojg0", kh = "ceeojg1", Lh = "ceeojg2", Ph = ({ label: e, at: t, onRequestClose: r }) => {
-  const { dispatch: a } = de(), o = (i) => {
+  const { dispatch: a } = ue(), o = (i) => {
     a(new fe({
       kind: "sticker",
       annotation: {
@@ -5031,10 +5031,10 @@ var oh = (e) => {
   };
   return /* @__PURE__ */ n(an, {
     label: e,
-    icon: /* @__PURE__ */ n(Da, {}),
+    icon: /* @__PURE__ */ n(Ra, {}),
     children: /* @__PURE__ */ n("div", {
       className: Ah,
-      children: Object.entries(Ai).map(([i, l]) => /* @__PURE__ */ n(be.Item, {
+      children: Object.entries(Ti).map(([i, l]) => /* @__PURE__ */ n(be.Item, {
         className: kh,
         "aria-label": i,
         onClick: () => o(i),
@@ -5066,7 +5066,7 @@ var oh = (e) => {
     onClose: i
   });
 }, Eh = ({ frameElement: e, trigger: t, layer: r, at: a, observation: o, onClose: i }) => {
-  const l = I(), s = pt(), c = z((C) => C.spec.annotations), u = z((C) => C.config.parsingLocale), d = La(), { x: h, y: p, width: g, height: v } = t, f = O(() => ka(e, {
+  const l = I(), s = ht(), c = z((C) => C.spec.annotations), u = z((C) => C.config.parsingLocale), d = ka(), { x: h, y: p, width: g, height: v } = t, f = O(() => Aa(e, {
     x: h,
     y: p,
     width: g,
@@ -5077,13 +5077,13 @@ var oh = (e) => {
     p,
     g,
     v
-  ]), S = Yl(c, a, O(() => $l(r, u), [r, u])), L = S !== null && wh(S) ? S : null, x = Ch(r, o), P = (C, M) => {
+  ]), S = jl(c, a, O(() => Vl(r, u), [r, u])), k = S !== null && wh(S) ? S : null, x = Ch(r, o), L = (C, M) => {
     !C && Oh(M.reason) && i();
   };
   return /* @__PURE__ */ n(B.Root, {
     open: d,
     modal: !1,
-    onOpenChange: P,
+    onOpenChange: L,
     children: /* @__PURE__ */ n(B.Portal, {
       container: s,
       children: /* @__PURE__ */ n(re, { children: /* @__PURE__ */ n(B.Positioner, {
@@ -5091,14 +5091,14 @@ var oh = (e) => {
         side: "right",
         align: "start",
         sideOffset: 8,
-        className: Ia,
+        className: Pa,
         ...rn,
         children: /* @__PURE__ */ m(B.Popup, {
-          className: Ea,
+          className: Ia,
           "data-testid": "observation-menu",
           children: [
-            L !== null && /* @__PURE__ */ n(Th, {
-              attachment: L,
+            k !== null && /* @__PURE__ */ n(Th, {
+              attachment: k,
               onRequestClose: i
             }),
             /* @__PURE__ */ n(Sh, {
@@ -5107,7 +5107,7 @@ var oh = (e) => {
               onRequestClose: i
             }),
             /* @__PURE__ */ n(B.Separator, { className: Ku }),
-            L === null && /* @__PURE__ */ m(Y, { children: [
+            k === null && /* @__PURE__ */ m(Y, { children: [
               /* @__PURE__ */ n(xh, {
                 label: l("graph.annotations.baseMenu.pinNumber"),
                 at: a,
@@ -5144,10 +5144,10 @@ var oh = (e) => {
       }) })
     })
   });
-}, Oh = (e) => e === "outside-press" || e === "escape-key" || e === "item-press", on = "l8tsqe0", za = ["start", "end"], Fa = ({ anchor: e, point: t, delta: r }) => {
+}, Oh = (e) => e === "outside-press" || e === "escape-key" || e === "item-press", on = "l8tsqe0", _a = ["start", "end"], za = ({ anchor: e, point: t, delta: r }) => {
   const a = {
-    x: Un(t.x, r.x),
-    y: Un(1 - t.y, r.y)
+    x: Wn(t.x, r.x),
+    y: Wn(1 - t.y, r.y)
   };
   return {
     anchor: {
@@ -5166,26 +5166,26 @@ var oh = (e) => {
     ...e[t.endpoint],
     ...t.point
   }
-}), Ba = (e, t) => e.x === t.x && e.y === t.y, Mh = (e, t) => {
-  const r = Je(e, t);
+}), Fa = (e, t) => e.x === t.x && e.y === t.y, Mh = (e, t) => {
+  const r = Ye(e, t);
   return {
     x: t.x + r.x,
     y: t.y + r.y
   };
 }, Nh = (e, t, r) => {
-  const a = Je(e, r), o = Je(t, r);
+  const a = Ye(e, r), o = Ye(t, r);
   return {
     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)
   };
-}, Un = (e, t) => !Number.isFinite(t) || !Number.isFinite(e) ? 0 : et(t, Math.min(-e, 0), Math.max(1 - e, 0)), Rh = ({ panelRect: e }) => {
+}, Wn = (e, t) => !Number.isFinite(t) || !Number.isFinite(e) ? 0 : Qe(t, Math.min(-e, 0), Math.max(1 - e, 0)), Rh = ({ panelRect: e }) => {
   const t = X((s) => V(s, "arrow-endpoint-drag")), r = Le(e).arrows, a = Q();
   if (t === null) return null;
   const o = r.find((s) => s.id === t.annotationId);
   if (o === void 0) return null;
-  const i = Yt(a, o.id), l = Hr({
+  const i = Yt(a, o.id), l = Br({
     arrow: ln(o, t),
     style: i,
     panelWidth: e.width,
@@ -5202,7 +5202,7 @@ var oh = (e) => {
     },
     "data-testid": "arrow-endpoint-preview",
     "data-annotation-id": t.annotationId,
-    children: /* @__PURE__ */ n(kr, {
+    children: /* @__PURE__ */ n(Ar, {
       computed: l,
       style: i,
       isAddressable: !1
@@ -5224,7 +5224,7 @@ var oh = (e) => {
     strokeLinejoin: "round",
     children: [/* @__PURE__ */ n("path", { d: "m12 19-7-7 7-7" }), /* @__PURE__ */ n("path", { d: "M19 12H5" })]
   })
-}), Ha = (e) => /* @__PURE__ */ n(T, {
+}), Ba = (e) => /* @__PURE__ */ n(T, {
   ...e,
   children: /* @__PURE__ */ m("g", {
     stroke: "currentColor",
@@ -5242,7 +5242,7 @@ var oh = (e) => {
     strokeLinejoin: "round",
     children: [/* @__PURE__ */ n("path", { d: "M7 17 17 7" }), /* @__PURE__ */ n("path", { d: "M7 7h10v10" })]
   })
-}), Ga = (e) => /* @__PURE__ */ n(T, {
+}), Ha = (e) => /* @__PURE__ */ n(T, {
   ...e,
   children: /* @__PURE__ */ m("g", {
     fill: "currentColor",
@@ -5270,7 +5270,7 @@ var oh = (e) => {
       })
     ]
   })
-}), mt = (e) => /* @__PURE__ */ n(T, {
+}), pt = (e) => /* @__PURE__ */ n(T, {
   ...e,
   children: /* @__PURE__ */ m("g", {
     stroke: "currentColor",
@@ -5285,7 +5285,7 @@ var oh = (e) => {
     ]
   })
 }), zh = "var(--pvjfpx0)", Fh = "var(--pvjfpx1)", Bh = "pvjfpx2", Hh = "pvjfpx3", Gh = "pvjfpx4", Vh = "pvjfpx6 pvjfpx5", $h = "pvjfpx7 pvjfpx6 pvjfpx5", Wh = "pvjfpx8 pvjfpx5", ze = 8, Uh = ({ 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 = et(l >= ze ? l : s, ze, a - ze - 36), u = ze;
+  const o = t.y + e.y, i = o + e.height, l = o - 8 - 36, s = i + 8, c = Qe(l >= ze ? l : s, ze, a - ze - 36), u = ze;
   return {
     top: c,
     left: u,
@@ -5310,8 +5310,8 @@ var oh = (e) => {
       "aria-label": o,
       className: Hh,
       "data-testid": i,
-      ...ht(s),
-      style: ut({
+      ...ut(s),
+      style: dt({
         [zh]: `${c.centre}px`,
         [Fh]: `${c.available}px`
       }),
@@ -5332,7 +5332,7 @@ var oh = (e) => {
       onMouseDown: (s) => s.preventDefault(),
       children: [t, /* @__PURE__ */ n(Ve, { size: "sm" })]
     }), /* @__PURE__ */ n(q.MenuPopup, {
-      popupAttributes: ht(l),
+      popupAttributes: ut(l),
       children: i
     })]
   });
@@ -5340,7 +5340,7 @@ var oh = (e) => {
   const { chartId: t } = F();
   return /* @__PURE__ */ n(q.ColorPicker, {
     ...e,
-    popupAttributes: ht(t)
+    popupAttributes: ut(t)
   });
 }, Zh = ({ color: e, opacity: t }) => /* @__PURE__ */ n("span", {
   className: Gh,
@@ -5369,7 +5369,7 @@ var oh = (e) => {
   ToggleButton: Yh,
   Button: q.Button,
   Separator: q.Separator
-}, Jh = { kind: "chrome-popup" }, gt = () => {
+}, Jh = { kind: "chrome-popup" }, mt = () => {
   const { commands: e } = F(), t = $(), [r, a] = ee(null);
   _(() => () => e.commit(), [e]), _(() => {
     const { claimInteraction: i, releaseInteraction: l } = t.getState();
@@ -5421,26 +5421,26 @@ var oh = (e) => {
   })
 }), n1 = [
   {
-    value: xt.thin,
+    value: Ct.thin,
     key: "graph.annotations.arrowToolbar.thickness.thin"
   },
   {
-    value: xt.medium,
+    value: Ct.medium,
     key: "graph.annotations.arrowToolbar.thickness.medium"
   },
   {
-    value: xt.thick,
+    value: Ct.thick,
     key: "graph.annotations.arrowToolbar.thickness.thick"
   }
-], Kn = [{
+], Un = [{
   value: "line-arrow",
   key: "graph.annotations.arrowToolbar.arrowhead.lineArrow",
-  Icon: Ha
+  Icon: Ba
 }, {
   value: "none",
   key: "graph.annotations.arrowToolbar.arrowhead.none",
-  Icon: Ko
-}], qn = [
+  Icon: Uo
+}], Kn = [
   {
     value: "solid",
     key: "graph.annotations.arrowToolbar.lineStyle.solid",
@@ -5458,7 +5458,7 @@ var oh = (e) => {
   }
 ], r1 = (e, t) => e.find((r) => r.value === t) ?? e[0];
 var a1 = ({ arrow: e, arrowBox: t, panelRect: r, frameWidth: a, frameHeight: o, frameElement: i }) => {
-  const l = I(), { commands: s } = F(), c = z((y) => y.spec.styles.overrides), u = gt(), d = Yt(Q(), e.id), h = r1(qn, d.lineType), p = d.outline.strokeWidth > 0 || d.outline.shadow !== "none", g = O(() => ({
+  const l = I(), { commands: s } = F(), c = z((y) => y.spec.styles.overrides), u = mt(), d = Yt(Q(), e.id), h = r1(Kn, d.lineType), p = d.outline.strokeWidth > 0 || d.outline.shadow !== "none", g = O(() => ({
     target: "annotation",
     kind: "arrow",
     annotation: e.id
@@ -5489,7 +5489,7 @@ var a1 = ({ arrow: e, arrowBox: t, panelRect: r, frameWidth: a, frameHeight: o,
         }
       }
     }));
-  }, L = (y) => {
+  }, k = (y) => {
     f(y), u.close();
   }, x = (y) => {
     s.dispatch(new ie({
@@ -5497,12 +5497,12 @@ var a1 = ({ arrow: e, arrowBox: t, panelRect: r, frameWidth: a, frameHeight: o,
       id: e.id,
       patch: y
     })), u.close();
-  }, P = () => {
+  }, L = () => {
     s.dispatch(new De({ id: e.id })), i.focus({ preventScroll: !0 });
-  }, C = (y) => f({ color: y }, { transient: !0 }), M = (y) => L({ strokeWidth: y }), A = (y) => x({ startArrowheadStyle: y }), E = (y) => L({ lineType: y }), R = (y) => x({ endArrowheadStyle: y }), D = () => S(p ? {
+  }, C = (y) => f({ color: y }, { transient: !0 }), M = (y) => k({ strokeWidth: y }), A = (y) => x({ startArrowheadStyle: y }), E = (y) => k({ lineType: y }), R = (y) => x({ endArrowheadStyle: y }), D = () => S(p ? {
     strokeWidth: 0,
     shadow: "none"
-  } : Mi);
+  } : Oi);
   return /* @__PURE__ */ m(N.Root, {
     anchorBox: t,
     panelRect: r,
@@ -5520,12 +5520,12 @@ var a1 = ({ arrow: e, arrowBox: t, panelRect: r, frameWidth: a, frameHeight: o,
       }),
       /* @__PURE__ */ n(N.Dropdown, {
         label: l("graph.annotations.arrowToolbar.thickness.ariaLabel"),
-        trigger: /* @__PURE__ */ n(Ga, {
+        trigger: /* @__PURE__ */ n(Ha, {
           size: "sm",
           title: ""
         }),
         ...u.bind("thickness"),
-        children: /* @__PURE__ */ n(qe, {
+        children: /* @__PURE__ */ n(Ke, {
           options: n1,
           current: d.strokeWidth,
           onPick: M
@@ -5538,8 +5538,8 @@ var a1 = ({ arrow: e, arrowBox: t, panelRect: r, frameWidth: a, frameHeight: o,
           title: ""
         }),
         ...u.bind("startArrowhead"),
-        children: /* @__PURE__ */ n(qe, {
-          options: Kn,
+        children: /* @__PURE__ */ n(Ke, {
+          options: Un,
           current: e.startArrowheadStyle,
           onPick: A
         })
@@ -5551,21 +5551,21 @@ var a1 = ({ arrow: e, arrowBox: t, panelRect: r, frameWidth: a, frameHeight: o,
           title: ""
         }),
         ...u.bind("lineStyle"),
-        children: /* @__PURE__ */ n(qe, {
-          options: qn,
+        children: /* @__PURE__ */ n(Ke, {
+          options: Kn,
           current: d.lineType,
           onPick: E
         })
       }),
       /* @__PURE__ */ n(N.Dropdown, {
         label: l("graph.annotations.arrowToolbar.endArrowhead"),
-        trigger: /* @__PURE__ */ n(Ha, {
+        trigger: /* @__PURE__ */ n(Ba, {
           size: "sm",
           title: ""
         }),
         ...u.bind("endArrowhead"),
-        children: /* @__PURE__ */ n(qe, {
-          options: Kn,
+        children: /* @__PURE__ */ n(Ke, {
+          options: Un,
           current: e.endArrowheadStyle,
           onPick: R
         })
@@ -5582,15 +5582,15 @@ var a1 = ({ arrow: e, arrowBox: t, panelRect: r, frameWidth: a, frameHeight: o,
       /* @__PURE__ */ n(N.Separator, {}),
       /* @__PURE__ */ n(N.IconButton, {
         label: l("graph.annotations.arrowToolbar.remove"),
-        onClick: P,
-        children: /* @__PURE__ */ n(mt, {
+        onClick: L,
+        children: /* @__PURE__ */ n(pt, {
           size: "sm",
           title: ""
         })
       })
     ]
   });
-}, qe = ({ options: e, current: t, onPick: r }) => {
+}, Ke = ({ options: e, current: t, onPick: r }) => {
   const a = I(), o = (i) => () => r(i);
   return /* @__PURE__ */ n(Y, { children: e.map((i) => /* @__PURE__ */ m(N.MenuItem, {
     isSelected: i.value === t,
@@ -5603,10 +5603,10 @@ var a1 = ({ arrow: e, arrowBox: t, panelRect: r, frameWidth: a, frameHeight: o,
       })
     })]
   }, String(i.value))) });
-}, o1 = "_1me29t10", oe = (e, t) => t > 0 ? e / t : 0, vt = (e, t, r) => ({
+}, o1 = "_1me29t10", oe = (e, t) => t > 0 ? e / t : 0, gt = (e, t, r) => ({
   x: oe(t.x - e.x, r.width),
   y: oe(t.y - e.y, r.height)
-}), i1 = (e) => e.x !== 0 || e.y !== 0, Va = (e, t) => ({
+}), i1 = (e) => e.x !== 0 || e.y !== 0, Ga = (e, t) => ({
   x: e.x * t.width,
   y: e.y * t.height
 });
@@ -5656,12 +5656,12 @@ var l1 = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, We = class {
   cancelFrame() {
     this.scheduledFrame !== null && (cancelAnimationFrame(this.scheduledFrame), this.scheduledFrame = null);
   }
-}, nt = (e, t, r) => {
+}, tt = (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;
-}, $a = (e, t) => e === "start" ? { start: t } : { end: t }, s1 = class extends We {
+}, Va = (e, t) => e === "start" ? { start: t } : { end: t }, s1 = class extends We {
   constructor(...e) {
     super(...e), this.kind = "arrow-endpoint-drag";
   }
@@ -5670,24 +5670,24 @@ var l1 = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, We = class {
     return Vt(V(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 = nt(i, t, r);
+    const { annotationId: t, endpoint: r, press: a, readInputs: o } = this.params, { annotations: i, arrow: l, panelRect: s } = o(), c = tt(i, t, r);
     return c === null ? null : {
       kind: "arrow-endpoint-drag",
       annotationId: t,
       endpoint: r,
-      ...Fa({
+      ...za({
         anchor: c,
         point: l[r],
-        delta: vt(a, e, s)
+        delta: gt(a, e, s)
       })
     };
   }
   commit({ anchor: e }) {
-    const { annotationId: t, endpoint: r, dispatch: a, readInputs: o } = this.params, i = nt(o().annotations, t, r);
-    i === null || Ba(i, e) || a(new ie({
+    const { annotationId: t, endpoint: r, dispatch: a, readInputs: o } = this.params, i = tt(o().annotations, t, r);
+    i === null || Fa(i, e) || a(new ie({
       kind: "arrow",
       id: t,
-      patch: $a(r, e)
+      patch: Va(r, e)
     }));
   }
 }, c1 = ({ annotationId: e, arrow: t, panelRect: r }) => {
@@ -5726,10 +5726,10 @@ var l1 = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, We = class {
     o,
     a
   ]);
-}, d1 = [" ", "Enter"], Xn = 4, u1 = ({ annotationId: e, arrow: t, panelRect: r }) => {
+}, d1 = [" ", "Enter"], qn = 4, u1 = ({ annotationId: e, arrow: t, panelRect: r }) => {
   const { commands: a } = F(), o = $(), i = z((c) => c.spec.annotations), l = j(i), s = j(a.dispatch);
   return _(() => () => {
-    for (const c of za) Zn({
+    for (const c of _a) Xn({
       editorStore: o,
       annotationId: e,
       endpoint: c,
@@ -5747,7 +5747,7 @@ var l1 = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, We = class {
     if (d1.includes(u.key)) {
       if (u.preventDefault(), u.repeat) return;
       if (h !== null) {
-        Zn({
+        Xn({
           editorStore: o,
           annotationId: e,
           endpoint: c,
@@ -5756,7 +5756,7 @@ var l1 = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, We = class {
         });
         return;
       }
-      const g = nt(i, e, c);
+      const g = tt(i, e, c);
       if (g === null) return;
       d.claimInteraction({
         kind: "arrow-endpoint-drag",
@@ -5773,7 +5773,7 @@ var l1 = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, We = class {
       kind: "arrow-endpoint-drag",
       annotationId: e,
       endpoint: c,
-      ...Fa({
+      ...za({
         anchor: h.anchor,
         point: h.point,
         delta: p
@@ -5787,18 +5787,18 @@ var l1 = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, We = class {
     o,
     a
   ]);
-}, Zn = ({ editorStore: e, annotationId: t, endpoint: r, annotations: a, dispatch: o }) => {
+}, Xn = ({ editorStore: e, annotationId: t, endpoint: r, annotations: a, dispatch: o }) => {
   const i = e.getState(), l = Vt(V(i, "arrow-endpoint-drag"), t, r);
   if (l === null) return;
   i.releaseInteraction("arrow-endpoint-drag");
-  const s = nt(a, t, r);
-  s === null || Ba(s, l.anchor) || o(new ie({
+  const s = tt(a, t, r);
+  s === null || Fa(s, l.anchor) || o(new ie({
     kind: "arrow",
     id: t,
-    patch: $a(r, l.anchor)
+    patch: Va(r, l.anchor)
   }));
 }, h1 = (e, t) => {
-  const r = oe(Xn, t.width), a = oe(Xn, t.height);
+  const r = oe(qn, t.width), a = oe(qn, t.height);
   switch (e) {
     case "ArrowLeft":
       return {
@@ -5855,7 +5855,7 @@ var l1 = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, We = class {
       frameWidth: l.width,
       frameHeight: l.height,
       frameElement: s
-    }), !o && za.filter((h) => e[h].anchorType === "panel").map((h) => /* @__PURE__ */ n(g1, {
+    }), !o && _a.filter((h) => e[h].anchorType === "panel").map((h) => /* @__PURE__ */ n(g1, {
       endpoint: h,
       point: Mh(r[h], i),
       label: c(`graph.annotations.arrowToolbar.moveEndpoint.${h}`),
@@ -5882,7 +5882,7 @@ var l1 = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, We = class {
 }, f1 = (e, t) => {
   const r = Le(e).arrows;
   return t === null ? null : r.find((a) => a.id === t) ?? null;
-}, b1 = (e) => X(me((t) => {
+}, b1 = (e) => X(ge((t) => {
   if (e === null) return {
     dragged: null,
     isMoved: !1
@@ -5890,7 +5890,7 @@ var l1 = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, We = class {
   const r = V(t, "arrow-endpoint-drag");
   return {
     dragged: r?.annotationId === e ? r : null,
-    isMoved: lt(V(t, "move-drag"), e) !== null
+    isMoved: it(V(t, "move-drag"), e) !== null
   };
 })), y1 = (e) => /* @__PURE__ */ n(T, {
   ...e,
@@ -5906,29 +5906,29 @@ var w1 = [
   "absolute-difference",
   "relative-difference",
   "proportion"
-], jn = ["absolute-difference", "relative-difference"], T1 = ["relative-difference", "proportion"], A1 = {
+], Zn = ["absolute-difference", "relative-difference"], T1 = ["relative-difference", "proportion"], A1 = {
   "absolute-difference": "graph.annotations.differenceArrowToolbar.labelKind.absoluteDifference",
   "relative-difference": "graph.annotations.differenceArrowToolbar.labelKind.relativeDifference",
   proportion: "graph.annotations.differenceArrowToolbar.labelKind.proportion"
 }, k1 = (e) => {
   const { formattingLocale: t } = F(), r = z((o) => o.config.parsingLocale), a = t ?? r;
   return O(() => {
-    const o = Nl(e.start, e.end);
-    return w1.filter((i) => o || !jn.includes(i) || i === e.label).map((i) => ({
+    const o = Ml(e.start, e.end);
+    return w1.filter((i) => o || !Zn.includes(i) || i === e.label).map((i) => ({
       kind: i,
       key: A1[i],
-      preview: Ql({
+      preview: Jl({
         locale: a,
         kind: i,
         startValue: e.start.measurementValue,
         endValue: e.end.measurementValue,
         valueFormat: e.start.valueFormat
       }),
-      isPickable: o || !jn.includes(i),
+      isPickable: o || !Zn.includes(i),
       isSuspect: T1.includes(i) && e.start.measurementValue === 0
     }));
   }, [e, a]);
-}, Yn = [
+}, jn = [
   {
     id: "small",
     key: "graph.annotations.differenceArrowToolbar.size.small"
@@ -5942,20 +5942,20 @@ var w1 = [
     key: "graph.annotations.differenceArrowToolbar.size.large"
   }
 ], L1 = ({ arrow: e, color: t, labelBox: r, panelRect: a, frameWidth: o, frameHeight: i, frameElement: l }) => {
-  const s = I(), { commands: c } = F(), u = z((b) => b.spec.styles.overrides), d = gt(), h = k1(e), p = Ss(Q(), e.id), g = O(() => ({
+  const s = I(), { commands: c } = F(), u = z((b) => b.spec.styles.overrides), d = mt(), h = k1(e), p = Ss(Q(), e.id), g = O(() => ({
     target: "annotation",
     kind: "differenceArrow",
     annotation: e.id
   }), [e.id]), v = O(() => ({
     ...g,
     part: "label"
-  }), [g]), f = h.find((b) => b.kind === e.label), S = h.some((b) => b.isPickable && b.kind !== e.label), L = Yn.find((b) => Cn[b.id].arrow.strokeWidth === p.strokeWidth), x = (b, U) => {
+  }), [g]), f = h.find((b) => b.kind === e.label), S = h.some((b) => b.isPickable && b.kind !== e.label), k = jn.find((b) => Cn[b.id].arrow.strokeWidth === p.strokeWidth), x = (b, U) => {
     c.dispatch(new ie({
       kind: "differenceArrow",
       id: e.id,
       patch: b
     }), U);
-  }, P = (b) => ({
+  }, L = (b) => ({
     ...ye(u, { select: g })?.declarations,
     ...b
   }), C = (b) => ({
@@ -5969,16 +5969,16 @@ var w1 = [
     list: "overrides",
     rule: {
       select: g,
-      declarations: P({ color: b })
+      declarations: L({ color: b })
     }
   }), { transient: !0 }), R = () => x({
     start: e.end.anchor,
     end: e.start.anchor
   }), D = (b) => () => M({ label: b }), y = (b) => () => {
     const U = Cn[b];
-    c.dispatch(new Qi({
+    c.dispatch(new Ji({
       annotationId: e.id,
-      arrow: P(U.arrow),
+      arrow: L(U.arrow),
       label: C(U.label)
     })), d.close();
   };
@@ -6024,10 +6024,10 @@ var w1 = [
       }),
       /* @__PURE__ */ n(N.Dropdown, {
         label: s("graph.annotations.differenceArrowToolbar.size.ariaLabel"),
-        trigger: L === void 0 ? "" : s(L.key),
+        trigger: k === void 0 ? "" : s(k.key),
         ...d.bind("size"),
-        children: Yn.map((b) => /* @__PURE__ */ n(N.MenuItem, {
-          isSelected: b.id === L?.id,
+        children: jn.map((b) => /* @__PURE__ */ n(N.MenuItem, {
+          isSelected: b.id === k?.id,
           onClick: y(b.id),
           children: s(b.key)
         }, b.id))
@@ -6044,7 +6044,7 @@ var w1 = [
       /* @__PURE__ */ n(N.IconButton, {
         label: s("graph.annotations.differenceArrowToolbar.remove"),
         onClick: A,
-        children: /* @__PURE__ */ n(mt, {
+        children: /* @__PURE__ */ n(pt, {
           size: "sm",
           title: ""
         })
@@ -6069,24 +6069,24 @@ var I1 = "ydgo3h0", E1 = "ydgo3h1", O1 = "ydgo3h2", M1 = ({ clientPoint: e, pane
   const u = N1({
     x: e.x - t.x,
     y: e.y - t.y
-  }, r), { primary: d } = a.query(dt(u, r));
+  }, r), { primary: d } = a.query(ct(u, r));
   if (d === null) return null;
   const h = o.find((g) => g.id === d.layerId);
   if (h === void 0) return null;
-  const p = qr({
+  const p = Kr({
     resolver: l,
     layer: h,
     observation: d.observation,
-    observationIndex: Ur(d),
+    observationIndex: Wr(d),
     coordSystem: i,
     align: c
   });
-  return p === null || Fr(p.anchor, s) ? null : p;
+  return p === null || zr(p.anchor, s) ? null : p;
 }, N1 = (e, t) => ({
   x: Math.max(0, Math.min(e.x, t.width)),
   y: Math.max(0, Math.min(e.y, t.height))
-}), Wa = (e) => e === "start" ? "end" : "start", Ua = ({ dispatch: e, arrow: t, endpoint: r, anchor: a }) => {
-  Fr(a, t[r].anchor) || e(new ie({
+}), $a = (e) => e === "start" ? "end" : "start", Wa = ({ dispatch: e, arrow: t, endpoint: r, anchor: a }) => {
+  zr(a, t[r].anchor) || e(new ie({
     kind: "differenceArrow",
     id: t.id,
     patch: { [r]: a }
@@ -6100,7 +6100,7 @@ var I1 = "ydgo3h0", E1 = "ydgo3h1", O1 = "ydgo3h2", M1 = ({ clientPoint: e, pane
   }
   readOwn(e) {
     const { endpoint: t, readInputs: r } = this.params;
-    return Ar(V(e, "difference-arrow-endpoint-drag"), r().arrow.id, t);
+    return Tr(V(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 = M1({
@@ -6111,7 +6111,7 @@ var I1 = "ydgo3h0", E1 = "ydgo3h1", O1 = "ydgo3h2", M1 = ({ clientPoint: e, pane
       layers: c,
       coordSystem: u,
       resolver: o,
-      fixedAnchor: i[Wa(t)].anchor,
+      fixedAnchor: i[$a(t)].anchor,
       align: i[t].anchor.align
     });
     return d === null ? null : {
@@ -6123,7 +6123,7 @@ var I1 = "ydgo3h0", E1 = "ydgo3h1", O1 = "ydgo3h2", M1 = ({ clientPoint: e, pane
   }
   commit({ point: e, endpoint: t }) {
     const { dispatch: r, readInputs: a } = this.params;
-    Ua({
+    Wa({
       dispatch: r,
       arrow: a().arrow,
       endpoint: t,
@@ -6135,7 +6135,7 @@ var I1 = "ydgo3h0", E1 = "ydgo3h1", O1 = "ydgo3h2", M1 = ({ clientPoint: e, pane
     arrow: e,
     panelOrigin: t,
     panelRect: r,
-    ...z(me((u) => ({
+    ...z(ge((u) => ({
       layers: u.layers,
       coordSystem: u.coordSystem
     })))
@@ -6173,7 +6173,7 @@ var I1 = "ydgo3h0", E1 = "ydgo3h1", O1 = "ydgo3h2", M1 = ({ clientPoint: e, pane
     a
   ]);
 }, _1 = [" ", "Enter"], z1 = ({ arrow: e }) => {
-  const { commands: t, anchorResolver: r } = F(), a = $(), { layers: o, coordSystem: i, mainAxis: l } = z(me((c) => ({
+  const { commands: t, anchorResolver: r } = F(), a = $(), { layers: o, coordSystem: i, mainAxis: l } = z(ge((c) => ({
     layers: c.layers,
     coordSystem: c.coordSystem,
     mainAxis: c.coordSystem.type === "cartesian" ? c.coordSystem.mainAxis : "x"
@@ -6183,7 +6183,7 @@ var I1 = "ydgo3h0", E1 = "ydgo3h1", O1 = "ydgo3h2", M1 = ({ clientPoint: e, pane
     V(c, "difference-arrow-endpoint-drag")?.annotationId === s && c.releaseInteraction("difference-arrow-endpoint-drag");
   }, [a, s]), ae((c) => ({ onKeyDown: (u) => {
     if (u.altKey || u.ctrlKey || u.metaKey || u.shiftKey) return;
-    const d = a.getState(), h = Ar(V(d, "difference-arrow-endpoint-drag"), e.id, c);
+    const d = a.getState(), h = Tr(V(d, "difference-arrow-endpoint-drag"), e.id, c);
     if (_1.includes(u.key)) {
       if (u.preventDefault(), u.repeat) return;
       if (h === null) return d.claimInteraction({
@@ -6192,7 +6192,7 @@ var I1 = "ydgo3h0", E1 = "ydgo3h1", O1 = "ydgo3h2", M1 = ({ clientPoint: e, pane
         endpoint: c,
         point: e[c]
       });
-      d.releaseInteraction("difference-arrow-endpoint-drag"), Ua({
+      d.releaseInteraction("difference-arrow-endpoint-drag"), Wa({
         dispatch: t.dispatch,
         arrow: e,
         endpoint: c,
@@ -6243,10 +6243,10 @@ var I1 = "ydgo3h0", E1 = "ydgo3h1", O1 = "ydgo3h2", M1 = ({ clientPoint: e, pane
   return xs({
     layer: s,
     from: r,
-    partner: e[Wa(t)].anchor,
+    partner: e[$a(t)].anchor,
     axis: a.axis,
     step: a.step,
-    getObservationPoint: (d, h) => qr({
+    getObservationPoint: (d, h) => Kr({
       resolver: l,
       layer: s,
       observation: d,
@@ -6263,7 +6263,7 @@ var I1 = "ydgo3h0", E1 = "ydgo3h1", O1 = "ydgo3h2", M1 = ({ clientPoint: e, pane
     ...e
   });
 }, G1 = ({ annotationId: e, ...t }) => {
-  const r = qo(), a = O(() => r.find((o) => o.id === e), [r, e]);
+  const r = Ko(), a = O(() => r.find((o) => o.id === e), [r, e]);
   return a === void 0 ? null : /* @__PURE__ */ n(V1, {
     committedArrow: a.committedArrow,
     color: a.color,
@@ -6305,14 +6305,14 @@ var I1 = "ydgo3h0", E1 = "ydgo3h1", O1 = "ydgo3h2", M1 = ({ clientPoint: e, pane
           borderRadius: r + 2
         }
       }),
-      /* @__PURE__ */ n(Jn, {
+      /* @__PURE__ */ n(Yn, {
         endpoint: "start",
         point: i,
         panelRect: s,
         dragHandlers: p("start"),
         keyboardHandlers: g("start")
       }),
-      /* @__PURE__ */ n(Jn, {
+      /* @__PURE__ */ n(Yn, {
         endpoint: "end",
         point: l,
         panelRect: s,
@@ -6321,7 +6321,7 @@ var I1 = "ydgo3h0", E1 = "ydgo3h1", O1 = "ydgo3h2", M1 = ({ clientPoint: e, pane
       })
     ]
   });
-}, Jn = ({ endpoint: e, point: t, panelRect: r, dragHandlers: a, keyboardHandlers: o }) => /* @__PURE__ */ n("div", {
+}, Yn = ({ endpoint: e, point: t, panelRect: r, dragHandlers: a, keyboardHandlers: o }) => /* @__PURE__ */ n("div", {
   className: I1,
   "data-testid": "difference-arrow-selection-handle",
   "data-endpoint": e,
@@ -6344,7 +6344,7 @@ var I1 = "ydgo3h0", E1 = "ydgo3h1", O1 = "ydgo3h2", M1 = ({ clientPoint: e, pane
   };
   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 = et(e + a, u, d);
+    const u = Math.min(0, e), d = Math.min(Math.max(1, e), i - l), h = Qe(e + a, u, d);
     return {
       start: h,
       extent: i - h
@@ -6353,7 +6353,7 @@ var I1 = "ydgo3h0", E1 = "ydgo3h1", O1 = "ydgo3h2", M1 = ({ clientPoint: e, pane
   const s = Math.max(Math.min(0, i), e + l), c = Math.max(1, i);
   return {
     start: e,
-    extent: et(i + a, s, c) - e
+    extent: Qe(i + a, s, c) - e
   };
 }, $1 = [
   "top-left",
@@ -6361,28 +6361,28 @@ var I1 = "ydgo3h0", E1 = "ydgo3h1", O1 = "ydgo3h2", M1 = ({ clientPoint: e, pane
   "bottom-right",
   "bottom-left"
 ];
-var Ka = ({ width: e, height: t }) => ({
+var Ua = ({ width: e, height: t }) => ({
   x: oe(16, e),
   y: oe(16, t)
 }), W1 = (e, t) => ({
-  x: Za(t) ? e.x : e.x + e.width,
-  y: ja(t) ? e.y : e.y + e.height
+  x: Xa(t) ? e.x : e.x + e.width,
+  y: Za(t) ? e.y : e.y + e.height
 }), sn = (e) => ({
   x: e.x,
   y: 1 - e.y - e.height,
   width: e.width,
   height: e.height
-}), qa = ({ region: e, corner: t, delta: r, minSize: a }) => {
+}), Ka = ({ region: e, corner: t, delta: r, minSize: a }) => {
   const o = _t({
     start: e.x,
     extent: e.width,
-    isStartMoving: Za(t),
+    isStartMoving: Xa(t),
     delta: r.x,
     minExtent: a.x
   }), i = _t({
     start: e.y,
     extent: e.height,
-    isStartMoving: ja(t),
+    isStartMoving: Za(t),
     delta: r.y,
     minExtent: a.y
   });
@@ -6393,9 +6393,9 @@ var Ka = ({ width: e, height: t }) => ({
     width: o.extent,
     height: i.extent
   };
-}, Xa = (e, t) => e.x === t.x && e.y === t.y && e.width === t.width && e.height === t.height, Za = (e) => e === "top-left" || e === "bottom-left", ja = (e) => e === "top-left" || e === "top-right", Ya = (e, t, r, a) => {
+}, qa = (e, t) => e.x === t.x && e.y === t.y && e.width === t.width && e.height === t.height, Xa = (e) => e === "top-left" || e === "bottom-left", Za = (e) => e === "top-left" || e === "top-right", ja = (e, t, r, a) => {
   const o = e.textAnnotations.find((i) => i.id === t);
-  return o === void 0 ? null : ei(hi(o, r), a);
+  return o === void 0 ? null : Qo(ui(o, r), a);
 };
 var U1 = {
   hovered: "_1ee8fau1 _1ee8fau0",
@@ -6404,7 +6404,7 @@ var U1 = {
   hovered: "_1ee8fau4 _1ee8fau3",
   selected: "_1ee8fau5 _1ee8fau3"
 }, q1 = ({ panelRect: e }) => {
-  const t = Le(e), r = Er(), a = Q(), o = $e(), 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(jo), d = O(() => ({
+  const t = Le(e), r = Ir(), a = Q(), o = $e(), 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(Zo), d = O(() => ({
     panel: {
       width: e.width,
       height: e.height
@@ -6416,52 +6416,52 @@ var U1 = {
     e.height,
     r,
     a
-  ]), h = Qn(t, o, d), p = Qn(t, u === o ? null : u, d), g = (f) => {
+  ]), h = Jn(t, o, d), p = Jn(t, u === o ? null : u, d), g = (f) => {
     if (l?.annotationId === f.id) {
-      const S = t.shapes.find((L) => L.id === f.id);
-      return S === void 0 ? f.geometry : Or(sn(l.region), a.annotation.shape(S.id).get("strokeWidth"), d.panel);
+      const S = t.shapes.find((k) => k.id === f.id);
+      return S === void 0 ? f.geometry : Er(sn(l.region), a.annotation.shape(S.id).get("strokeWidth"), d.panel);
     }
     if (s?.annotationId === f.id) {
-      const S = t.arrows.find((L) => L.id === f.id);
-      return S === void 0 ? f.geometry : di(ln(S, s), d.panel) ?? f.geometry;
+      const S = t.arrows.find((k) => k.id === f.id);
+      return S === void 0 ? f.geometry : ci(ln(S, s), d.panel) ?? f.geometry;
     }
-    return c?.annotationId === f.id ? Ya(t, f.id, c, d) ?? f.geometry : f.geometry;
+    return c?.annotationId === f.id ? ja(t, f.id, c, d) ?? f.geometry : f.geometry;
   }, v = (f) => {
     if (i?.annotationId !== f) return e;
-    const S = Va(i.translation, e);
+    const S = Ga(i.translation, e);
     return {
       x: e.x + S.x,
       y: e.y + S.y
     };
   };
-  return /* @__PURE__ */ m(Y, { children: [p !== null && /* @__PURE__ */ n(er, {
+  return /* @__PURE__ */ m(Y, { children: [p !== null && /* @__PURE__ */ n(Qn, {
     annotationId: p.id,
     geometry: g(p),
     state: "hovered",
     origin: v(p.id)
-  }), h !== null && /* @__PURE__ */ n(er, {
+  }), h !== null && /* @__PURE__ */ n(Qn, {
     annotationId: h.id,
     geometry: g(h),
     state: "selected",
     origin: v(h.id)
   })] });
-}, Qn = (e, t, r) => {
+}, Jn = (e, t, r) => {
   if (t === null) return null;
-  const a = Wo(e, t, r);
+  const a = $o(e, t, r);
   return a === null ? null : {
     id: t,
     geometry: a
   };
-}, er = ({ annotationId: e, geometry: t, state: r, origin: a }) => t.shape === "segment" ? /* @__PURE__ */ m("div", {
+}, Qn = ({ 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(tr, {
+  children: [/* @__PURE__ */ n(er, {
     point: t.start,
     state: r,
     origin: a
-  }), /* @__PURE__ */ n(tr, {
+  }), /* @__PURE__ */ n(er, {
     point: t.end,
     state: r,
     origin: a
@@ -6478,7 +6478,7 @@ var U1 = {
     width: t.rect.width + 4,
     height: t.rect.height + 4
   }
-}), tr = ({ point: e, state: t, origin: r }) => /* @__PURE__ */ n("span", {
+}), er = ({ point: e, state: t, origin: r }) => /* @__PURE__ */ n("span", {
   className: K1[t],
   style: {
     left: r.x + e.x,
@@ -6487,7 +6487,7 @@ var U1 = {
 }), X1 = ({ panelRect: e }) => {
   const t = X((o) => V(o, "move-drag")), r = Le(e);
   if (t === null) return null;
-  const a = Va(t.translation, e);
+  const a = Ga(t.translation, e);
   return /* @__PURE__ */ n("svg", {
     "aria-hidden": "true",
     className: on,
@@ -6502,30 +6502,30 @@ var U1 = {
     children: Y1(r, t.annotationId, e)
   });
 }, Z1 = ({ annotation: e, panel: t }) => {
-  const r = pi(e.id);
-  return /* @__PURE__ */ n(mi, {
+  const r = hi(e.id);
+  return /* @__PURE__ */ n(pi, {
     annotation: e,
     panel: t,
     style: Q().annotation.text(e.id).resolve(),
     blockRef: r
   });
-}, Xe = (e, t, r) => {
+}, qe = (e, t, r) => {
   const a = e.find((o) => o.id === t);
   return a === void 0 ? null : r(a);
 }, j1 = {
-  text: (e, t, r) => Xe(e.textAnnotations, t, (a) => /* @__PURE__ */ n(Z1, {
+  text: (e, t, r) => qe(e.textAnnotations, t, (a) => /* @__PURE__ */ n(Z1, {
     annotation: a,
     panel: r
   })),
-  shape: (e, t, r) => Xe(e.shapes, t, (a) => /* @__PURE__ */ n(Q1, {
+  shape: (e, t, r) => qe(e.shapes, t, (a) => /* @__PURE__ */ n(Q1, {
     shape: a,
     panelSize: r
   })),
-  image: (e, t, r) => Xe(e.images, t, (a) => /* @__PURE__ */ n(ep, {
+  image: (e, t, r) => qe(e.images, t, (a) => /* @__PURE__ */ n(ep, {
     image: a,
     panelSize: r
   })),
-  arrow: (e, t, r) => Xe(e.arrows, t, (a) => /* @__PURE__ */ n(J1, {
+  arrow: (e, t, r) => qe(e.arrows, t, (a) => /* @__PURE__ */ n(J1, {
     arrow: a,
     panelSize: r
   }))
@@ -6536,22 +6536,22 @@ var U1 = {
   }
   return null;
 }, J1 = ({ arrow: e, panelSize: t }) => {
-  const r = Yt(Q(), e.id), a = Hr({
+  const r = Yt(Q(), e.id), a = Br({
     arrow: e,
     style: r,
     panelWidth: t.width,
     panelHeight: t.height
   });
-  return a === null ? null : /* @__PURE__ */ n(kr, {
+  return a === null ? null : /* @__PURE__ */ n(Ar, {
     computed: a,
     style: r,
     isAddressable: !1
   });
-}, Q1 = ({ shape: e, panelSize: t }) => /* @__PURE__ */ n(Ir, {
+}, Q1 = ({ shape: e, panelSize: t }) => /* @__PURE__ */ n(Pr, {
   shape: e,
   style: Q().annotation.shape(e.id).resolve(),
   panel: t
-}), ep = ({ image: e, panelSize: t }) => /* @__PURE__ */ n(gi, {
+}), ep = ({ image: e, panelSize: t }) => /* @__PURE__ */ n(mi, {
   image: e,
   panel: t,
   style: Q().annotation.image(e.id).resolve()
@@ -6570,7 +6570,7 @@ var U1 = {
     },
     "data-testid": "shape-resize-preview",
     "data-annotation-id": t.annotationId,
-    children: /* @__PURE__ */ n(Ir, {
+    children: /* @__PURE__ */ n(Pr, {
       shape: {
         ...o,
         region: sn(t.region)
@@ -6586,7 +6586,7 @@ var U1 = {
   horizontal: "o49ib42",
   diagonalDown: "o49ib43",
   diagonalUp: "o49ib44"
-}, Ja = ({ point: e, label: t, pull: r, size: a, attributes: o, dragHandlers: i, keyboardHandlers: l }) => /* @__PURE__ */ n("div", {
+}, Ya = ({ point: e, label: t, pull: r, size: a, attributes: o, dragHandlers: i, keyboardHandlers: l }) => /* @__PURE__ */ n("div", {
   "aria-label": t,
   className: rp[r],
   role: "button",
@@ -6620,11 +6620,11 @@ var U1 = {
     key: "graph.annotations.shapeToolbar.border.thick"
   }
 ], ap = (e) => [...zt].reverse().find((t) => t.width <= e) ?? zt[0], op = ({ shape: e, shapeBox: t, panelRect: r, frameWidth: a, frameHeight: o, frameElement: i }) => {
-  const l = I(), { commands: s } = F(), c = z((x) => x.spec.styles.overrides), u = gt(), d = Q().annotation.shape(e.id).resolve(), h = ap(d.strokeWidth), p = O(() => ({
+  const l = I(), { commands: s } = F(), c = z((x) => x.spec.styles.overrides), u = mt(), d = Q().annotation.shape(e.id).resolve(), h = ap(d.strokeWidth), p = O(() => ({
     target: "annotation",
     kind: "shape",
     annotation: e.id
-  }), [e.id]), g = (x, P) => {
+  }), [e.id]), g = (x, L) => {
     const C = ye(c, { select: p })?.declarations ?? {};
     s.dispatch(new we({
       list: "overrides",
@@ -6635,10 +6635,10 @@ var U1 = {
           ...x
         }
       }
-    }), P);
+    }), L);
   }, v = () => {
     s.dispatch(new De({ id: e.id })), i.focus({ preventScroll: !0 });
-  }, f = (x) => g({ color: x }, { transient: !0 }), S = (x) => g({ alpha: x }, { transient: !0 }), L = (x) => () => {
+  }, f = (x) => g({ color: x }, { transient: !0 }), S = (x) => g({ alpha: x }, { transient: !0 }), k = (x) => () => {
     g({ strokeWidth: x }), u.close();
   };
   return /* @__PURE__ */ m(N.Root, {
@@ -6663,14 +6663,14 @@ var U1 = {
       }),
       /* @__PURE__ */ n(N.Dropdown, {
         label: l("graph.annotations.shapeToolbar.border.ariaLabel"),
-        trigger: /* @__PURE__ */ n(Ga, {
+        trigger: /* @__PURE__ */ n(Ha, {
           size: "sm",
           title: ""
         }),
         ...u.bind("border"),
         children: zt.map((x) => /* @__PURE__ */ n(N.MenuItem, {
           isSelected: x.width === h?.width,
-          onClick: L(x.width),
+          onClick: k(x.width),
           children: l(x.key)
         }, x.width))
       }),
@@ -6678,14 +6678,14 @@ var U1 = {
       /* @__PURE__ */ n(N.IconButton, {
         label: l("graph.annotations.shapeToolbar.remove"),
         onClick: v,
-        children: /* @__PURE__ */ n(mt, {
+        children: /* @__PURE__ */ n(pt, {
           size: "sm",
           title: ""
         })
       })
     ]
   });
-}, Qa = (e) => {
+}, Ja = (e) => {
   const t = j(e), r = ne(null);
   return _(() => () => r.current?.finish(!1), []), ae((a) => ({ onPointerDown: (o) => {
     if (o.button !== 0 || r.current !== null) return;
@@ -6708,7 +6708,7 @@ var U1 = {
     });
     r.current = i, i.start();
   } }), [t]);
-}, rt = (e, t) => {
+}, nt = (e, t) => {
   const r = e.shapes.find((a) => a.id === t);
   return r === void 0 || r.region.anchorType !== "panel" ? null : r.region;
 }, ip = class extends We {
@@ -6719,21 +6719,21 @@ var U1 = {
     return $t(V(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 = rt(i, t);
+    const { annotationId: t, corner: r, press: a, readInputs: o } = this.params, { annotations: i, panelRect: l } = o(), s = nt(i, t);
     return s === null ? null : {
       kind: "shape-resize-drag",
       annotationId: t,
-      region: qa({
+      region: Ka({
         region: s,
         corner: r,
-        delta: vt(a, e, l),
-        minSize: Ka(l)
+        delta: gt(a, e, l),
+        minSize: Ua(l)
       })
     };
   }
   commit({ region: e }) {
-    const { annotationId: t, dispatch: r, readInputs: a } = this.params, o = rt(a().annotations, t);
-    o === null || Xa(o, e) || r(new ie({
+    const { annotationId: t, dispatch: r, readInputs: a } = this.params, o = nt(a().annotations, t);
+    o === null || qa(o, e) || r(new ie({
       kind: "shape",
       id: t,
       patch: { region: e }
@@ -6744,7 +6744,7 @@ var U1 = {
     annotations: z((i) => i.spec.annotations),
     panelRect: t
   });
-  return Qa((i, l) => new ip({
+  return Ja((i, l) => new ip({
     ...l,
     annotationId: e,
     corner: i,
@@ -6752,15 +6752,15 @@ var U1 = {
     editorStore: a,
     dispatch: r.dispatch
   }));
-}, sp = [" ", "Enter"], eo = (e) => {
+}, sp = [" ", "Enter"], Qa = (e) => {
   const t = $(), r = j(e);
-  return _(() => () => nr(t, r.current), [t, r]), ae((a) => ({ onKeyDown: (o) => {
+  return _(() => () => tr(t, r.current), [t, r]), ae((a) => ({ onKeyDown: (o) => {
     if (o.altKey || o.ctrlKey || o.metaKey || o.shiftKey) return;
     const i = t.getState(), l = r.current.readHeld();
     if (sp.includes(o.key)) {
       if (o.preventDefault(), o.repeat) return;
       if (l !== null) {
-        nr(t, r.current);
+        tr(t, r.current);
         return;
       }
       const c = r.current.claim(a);
@@ -6772,15 +6772,15 @@ var U1 = {
     const s = r.current.step(l, a, o.key);
     s !== null && (o.preventDefault(), i.claimInteraction(s));
   } }), [t, r]);
-}, nr = (e, t) => {
+}, tr = (e, t) => {
   const r = t.readHeld();
   r !== null && (e.getState().releaseInteraction(r.kind), t.commit(r));
-}, rr = 4, cp = ({ annotationId: e, panelRect: t }) => {
+}, nr = 4, cp = ({ annotationId: e, panelRect: t }) => {
   const { commands: r } = F(), a = $(), o = z((i) => i.spec.annotations);
-  return eo({
+  return Qa({
     readHeld: () => $t(V(a.getState(), "shape-resize-drag"), e),
     claim: () => {
-      const i = rt(o, e);
+      const i = nt(o, e);
       return i === null ? null : {
         kind: "shape-resize-drag",
         annotationId: e,
@@ -6792,17 +6792,17 @@ var U1 = {
       return c === null ? null : {
         kind: "shape-resize-drag",
         annotationId: e,
-        region: qa({
+        region: Ka({
           region: i.region,
           corner: l,
           delta: c,
-          minSize: Ka(t)
+          minSize: Ua(t)
         })
       };
     },
     commit: ({ region: i }) => {
-      const l = rt(o, e);
-      l === null || Xa(l, i) || r.dispatch(new ie({
+      const l = nt(o, e);
+      l === null || qa(l, i) || r.dispatch(new ie({
         kind: "shape",
         id: e,
         patch: { region: i }
@@ -6810,7 +6810,7 @@ var U1 = {
     }
   });
 }, dp = (e, t) => {
-  const r = oe(rr, t.width), a = oe(rr, t.height);
+  const r = oe(nr, t.width), a = oe(nr, t.height);
   switch (e) {
     case "ArrowLeft":
       return {
@@ -6858,7 +6858,7 @@ var U1 = {
   }), u = cp({
     annotationId: e.id,
     panelRect: o
-  }), d = Q().annotation.shape(e.id).resolve(), { rect: h } = Or(sn(t), d.strokeWidth, o);
+  }), d = Q().annotation.shape(e.id).resolve(), { rect: h } = Er(sn(t), d.strokeWidth, o);
   return /* @__PURE__ */ m("div", {
     "data-testid": "shape-selection",
     "data-annotation-id": e.id,
@@ -6871,7 +6871,7 @@ var U1 = {
       frameElement: l
     }), !a && $1.map((p) => {
       const g = W1(h, p);
-      return /* @__PURE__ */ n(Ja, {
+      return /* @__PURE__ */ n(Ya, {
         point: {
           x: o.x + g.x,
           y: o.y + g.y
@@ -6891,12 +6891,12 @@ var U1 = {
 }, mp = (e) => {
   const t = z((r) => r.spec.annotations.shapes);
   return e === null ? null : t.find((r) => r.id === e) ?? null;
-}, gp = (e) => X(me((t) => e === null ? {
+}, gp = (e) => X(ge((t) => e === null ? {
   resizedRegion: null,
   isMoved: !1
 } : {
   resizedRegion: $t(V(t, "shape-resize-drag"), e)?.region ?? null,
-  isMoved: lt(V(t, "move-drag"), e) !== null
+  isMoved: it(V(t, "move-drag"), e) !== null
 })), vp = ({ textColor: e, ...t }) => /* @__PURE__ */ m(T, {
   ...t,
   children: [/* @__PURE__ */ m("g", {
@@ -6911,15 +6911,15 @@ var U1 = {
     strokeLinecap: "round"
   })]
 });
-var at = "textStyle", to = /* @__PURE__ */ new Set(["paragraph", "heading"]), fp = (e) => {
-  const t = no(e), r = wp(e);
+var rt = "textStyle", eo = /* @__PURE__ */ new Set(["paragraph", "heading"]), fp = (e) => {
+  const t = to(e), r = wp(e);
   return {
-    color: Ze(t.map((a) => Tp(kt(a)?.color))),
-    font: Ze(t.map((a) => xp(kt(a)))),
-    fontSize: Ze(t.map((a) => Ap(kt(a)?.fontSize))),
-    alignment: Ze(r.map((a) => kp(a.attrs?.textAlign)))
+    color: Xe(t.map((a) => Tp(kt(a)?.color))),
+    font: Xe(t.map((a) => xp(kt(a)))),
+    fontSize: Xe(t.map((a) => Ap(kt(a)?.fontSize))),
+    alignment: Xe(r.map((a) => kp(a.attrs?.textAlign)))
   };
-}, bp = (e, t) => cn(e, (r) => r.type === "text" ? Cp(r, t) : r), yp = (e) => no(e).length > 0, Sp = (e, t) => cn(e, (r) => to.has(r.type ?? "") ? {
+}, bp = (e, t) => cn(e, (r) => r.type === "text" ? Cp(r, t) : r), yp = (e) => to(e).length > 0, Sp = (e, t) => cn(e, (r) => eo.has(r.type ?? "") ? {
   ...r,
   attrs: {
     ...r.attrs,
@@ -6929,8 +6929,8 @@ var at = "textStyle", to = /* @__PURE__ */ new Set(["paragraph", "heading"]), fp
   ...e,
   content: e.content.map((r) => cn(r, t))
 }), Cp = (e, t) => {
-  const r = e.marks ?? [], a = r.find((i) => i.type === at), o = {
-    type: at,
+  const r = e.marks ?? [], a = r.find((i) => i.type === rt), o = {
+    type: rt,
     attrs: {
       ...a?.attrs,
       ...t
@@ -6940,11 +6940,11 @@ var at = "textStyle", to = /* @__PURE__ */ new Set(["paragraph", "heading"]), fp
     ...e,
     marks: a === void 0 ? [...r, o] : r.map((i) => i === a ? o : i)
   };
-}, kt = (e) => e.marks?.find((t) => t.type === at)?.attrs, xp = (e) => fn(e?.font) ?? fn(e?.fontFamily), no = (e) => dn(e, (t) => t.type === "text"), wp = (e) => dn(e, (t) => to.has(t.type ?? "")), dn = (e, t) => [...t(e) ? [e] : [], ...(e.content ?? []).flatMap((r) => dn(r, t))], Ze = (e) => {
+}, kt = (e) => e.marks?.find((t) => t.type === rt)?.attrs, xp = (e) => fn(e?.font) ?? fn(e?.fontFamily), to = (e) => dn(e, (t) => t.type === "text"), wp = (e) => dn(e, (t) => eo.has(t.type ?? "")), dn = (e, t) => [...t(e) ? [e] : [], ...(e.content ?? []).flatMap((r) => dn(r, t))], Xe = (e) => {
   const [t, ...r] = e;
   return t === void 0 ? null : r.every((a) => a === t) ? t : null;
 }, Tp = (e) => typeof e == "string" && e.length > 0 ? e : void 0, Ap = (e) => typeof e == "number" && Number.isFinite(e) ? e : void 0, kp = (e) => e === "left" || e === "center" || e === "right" ? e : void 0;
-var ro = [
+var no = [
   {
     id: "modern",
     key: "graph.annotations.textToolbar.font.modern"
@@ -6968,9 +6968,9 @@ var ro = [
 ].map(({ id: e, key: t }) => ({
   id: e,
   key: t,
-  fontFamily: ci[e] ?? e
-})), Lp = (e) => ro.find((t) => t.id === (e ?? "modern")) ?? null;
-var ao = [
+  fontFamily: si[e] ?? e
+})), Lp = (e) => no.find((t) => t.id === (e ?? "modern")) ?? null;
+var ro = [
   {
     size: 12,
     key: "graph.annotations.textToolbar.fontSize.small"
@@ -6991,25 +6991,25 @@ var ao = [
     size: 30,
     key: "graph.annotations.textToolbar.fontSize.huge"
   }
-], Pp = (e) => ao.find((t) => t.size === (e ?? 15)) ?? null, Ip = (e) => `${e}px`, Ep = [
+], Pp = (e) => ro.find((t) => t.size === (e ?? 15)) ?? null, Ip = (e) => `${e}px`, Ep = [
   {
     alignment: "left",
-    Icon: ya
+    Icon: ba
   },
   {
     alignment: "center",
-    Icon: fa
+    Icon: va
   },
   {
     alignment: "right",
-    Icon: ba
+    Icon: fa
   }
 ], Op = ({ annotation: e, textBox: t, panelRect: r, frameWidth: a, frameHeight: o, frameElement: i }) => {
-  const l = I(), { commands: s } = F(), c = z((b) => b.spec.styles.overrides), u = $(), d = gt(), h = Q().annotation.text(e.id).resolve(), p = fp(e.content), g = Lp(p.font), v = Pp(p.fontSize), f = p.color ?? h.textColor, S = O(() => ({
+  const l = I(), { commands: s } = F(), c = z((b) => b.spec.styles.overrides), u = $(), d = mt(), h = Q().annotation.text(e.id).resolve(), p = fp(e.content), g = Lp(p.font), v = Pp(p.fontSize), f = p.color ?? h.textColor, S = O(() => ({
     target: "annotation",
     kind: "text",
     annotation: e.id
-  }), [e.id]), L = (b, U) => {
+  }), [e.id]), k = (b, U) => {
     const te = ye(c, { select: S })?.declarations ?? {};
     s.dispatch(new we({
       list: "overrides",
@@ -7027,20 +7027,20 @@ var ao = [
       id: e.id,
       patch: b
     }), U);
-  }, P = () => u.getState().caret?.editor?.getJSON() ?? e.content, C = (b, U) => {
-    const te = P(), ue = u.getState().caret?.editor ?? null;
-    if (ue !== null && !yp(te)) {
-      ue.chain().focus().setMark(at, b).run();
+  }, L = () => u.getState().caret?.editor?.getJSON() ?? e.content, C = (b, U) => {
+    const te = L(), he = u.getState().caret?.editor ?? null;
+    if (he !== null && !yp(te)) {
+      he.chain().focus().setMark(rt, b).run();
       return;
     }
     x({ content: bp(te, b) }, U);
   }, M = () => {
     s.dispatch(new De({ id: e.id })), i.focus({ preventScroll: !0 });
-  }, A = (b) => L(Mp(b), { transient: !0 }), E = (b) => C({ color: b }, { transient: !0 }), R = (b) => () => {
+  }, A = (b) => k(Mp(b), { transient: !0 }), E = (b) => C({ color: b }, { transient: !0 }), R = (b) => () => {
     C({ font: b }), d.close();
   }, D = (b) => () => {
     C({ fontSize: b }), d.close();
-  }, y = (b) => x({ content: Sp(P(), b) });
+  }, y = (b) => x({ content: Sp(L(), b) });
   return /* @__PURE__ */ m(N.Root, {
     anchorBox: t,
     panelRect: r,
@@ -7055,7 +7055,7 @@ var ao = [
         hasTransparentOption: !0,
         onChange: A,
         ...d.bind("background"),
-        children: /* @__PURE__ */ n(N.Swatch, { color: h.fill === "transparent" ? ra : h.fill })
+        children: /* @__PURE__ */ n(N.Swatch, { color: h.fill === "transparent" ? na : h.fill })
       }),
       /* @__PURE__ */ n(N.ColorPicker, {
         color: f,
@@ -7075,7 +7075,7 @@ var ao = [
           children: "Aa"
         }),
         ...d.bind("font"),
-        children: ro.map((b) => /* @__PURE__ */ n(N.MenuItem, {
+        children: no.map((b) => /* @__PURE__ */ n(N.MenuItem, {
           isSelected: b.id === g?.id,
           onClick: R(b.id),
           children: /* @__PURE__ */ n("span", {
@@ -7088,7 +7088,7 @@ var ao = [
         label: l("graph.annotations.textToolbar.fontSize.ariaLabel"),
         trigger: v === null ? "" : l(v.key),
         ...d.bind("fontSize"),
-        children: ao.map((b) => /* @__PURE__ */ n(N.MenuItem, {
+        children: ro.map((b) => /* @__PURE__ */ n(N.MenuItem, {
           isSelected: b.size === v?.size,
           onClick: D(b.size),
           children: /* @__PURE__ */ n("span", {
@@ -7106,16 +7106,16 @@ var ao = [
       /* @__PURE__ */ n(N.IconButton, {
         label: l("graph.annotations.textToolbar.remove"),
         onClick: M,
-        children: /* @__PURE__ */ n(mt, {
+        children: /* @__PURE__ */ n(pt, {
           size: "sm",
           title: ""
         })
       })
     ]
   });
-}, Mp = (e) => e === "transparent" ? { fill: la } : {
+}, Mp = (e) => e === "transparent" ? { fill: ia } : {
   fill: e,
-  alpha: Oc(e) ? Tl : 1
+  alpha: Oc(e) ? wl : 1
 }, Np = ({ current: e, onPick: t }) => {
   const r = I(), a = (o) => () => t(o);
   return /* @__PURE__ */ n(Y, { children: Ep.map((o) => /* @__PURE__ */ n(N.ToggleButton, {
@@ -7128,16 +7128,16 @@ var ao = [
     })
   }, o.alignment)) });
 }, Rp = ["left", "right"];
-var oo = ({ width: e }) => oe(60, e), Dp = (e, t) => ({
+var ao = ({ width: e }) => oe(60, e), Dp = (e, t) => ({
   x: t === "left" ? e.x : e.x + e.width,
   y: e.y + e.height / 2
-}), io = ({ at: e, width: t, align: r, edge: a, delta: o, minWidth: i, panelWidth: l }) => {
+}), oo = ({ 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 = Ol(r).x, c = _p(e.offset, l), u = _t({
+  const s = El(r).x, c = _p(e.offset, l), u = _t({
     start: e.x + c - s * t,
     extent: t,
     isStartMoving: a === "left",
@@ -7152,7 +7152,7 @@ var oo = ({ width: e }) => oe(60, e), Dp = (e, t) => ({
     width: u.extent,
     shift: d - e.x
   };
-}, lo = (e, t) => e.at.x === t.at.x && e.width === t.width, _p = (e, t) => e?.x === void 0 ? 0 : e.unit === "px" ? oe(e.x, t) : e.x, ot = (e, t) => {
+}, io = (e, t) => e.at.x === t.at.x && e.width === t.width, _p = (e, t) => e?.x === void 0 ? 0 : e.unit === "px" ? oe(e.x, t) : e.x, at = (e, t) => {
   const r = e.textAnnotations.find((a) => a.id === t);
   return r === void 0 || r.at.anchorType !== "panel" ? null : {
     at: r.at,
@@ -7167,25 +7167,25 @@ var oo = ({ width: e }) => oe(60, e), Dp = (e, t) => ({
     return Wt(V(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 = ot(i, t);
+    const { annotationId: t, edge: r, press: a, readInputs: o } = this.params, { annotations: i, panelRect: l } = o(), s = at(i, t);
     if (s === null) return null;
-    const c = vt(a, e, l).x;
+    const c = gt(a, e, l).x;
     return {
       kind: "text-resize-drag",
       annotationId: t,
       delta: c,
-      ...io({
+      ...oo({
         ...s,
         edge: r,
         delta: c,
-        minWidth: oo(l),
+        minWidth: ao(l),
         panelWidth: l.width
       })
     };
   }
   commit(e) {
-    const { annotationId: t, dispatch: r, readInputs: a } = this.params, o = ot(a().annotations, t);
-    o === null || lo(o, e) || r(new ie({
+    const { annotationId: t, dispatch: r, readInputs: a } = this.params, o = at(a().annotations, t);
+    o === null || io(o, e) || r(new ie({
       kind: "text",
       id: t,
       patch: {
@@ -7199,7 +7199,7 @@ var oo = ({ width: e }) => oe(60, e), Dp = (e, t) => ({
     annotations: z((i) => i.spec.annotations),
     panelRect: t
   });
-  return Qa((i, l) => new zp({
+  return Ja((i, l) => new zp({
     ...l,
     annotationId: e,
     edge: i,
@@ -7209,21 +7209,21 @@ var oo = ({ width: e }) => oe(60, e), Dp = (e, t) => ({
   }));
 }, Bp = 4, Hp = ({ annotationId: e, panelRect: t }) => {
   const { commands: r } = F(), a = $(), o = z((l) => l.spec.annotations), i = (l, s) => {
-    const c = ot(o, e);
+    const c = at(o, e);
     return c === null ? null : {
       kind: "text-resize-drag",
       annotationId: e,
       delta: s,
-      ...io({
+      ...oo({
         ...c,
         edge: l,
         delta: s,
-        minWidth: oo(t),
+        minWidth: ao(t),
         panelWidth: t.width
       })
     };
   };
-  return eo({
+  return Qa({
     readHeld: () => Wt(V(a.getState(), "text-resize-drag"), e),
     claim: (l) => i(l, 0),
     step: (l, s, c) => {
@@ -7231,8 +7231,8 @@ var oo = ({ width: e }) => oe(60, e), Dp = (e, t) => ({
       return u === null ? null : i(s, l.delta + u);
     },
     commit: (l) => {
-      const s = ot(o, e);
-      s === null || lo(s, l) || r.dispatch(new ie({
+      const s = at(o, e);
+      s === null || io(s, l) || r.dispatch(new ie({
         kind: "text",
         id: e,
         patch: {
@@ -7283,7 +7283,7 @@ var oo = ({ width: e }) => oe(60, e), Dp = (e, t) => ({
       frameElement: c
     }), o && !a && !i && Rp.map((p) => {
       const g = Dp(t, p);
-      return /* @__PURE__ */ n(Ja, {
+      return /* @__PURE__ */ n(Ya, {
         point: {
           x: l.x + g.x,
           y: l.y + g.y
@@ -7303,14 +7303,14 @@ var oo = ({ width: e }) => oe(60, e), Dp = (e, t) => ({
 }, Wp = (e) => {
   const t = z((r) => r.spec.annotations.textAnnotations);
   return e === null ? null : t.find((r) => r.id === e) ?? null;
-}, Up = (e) => X(me((t) => e === null ? {
+}, Up = (e) => X(ge((t) => e === null ? {
   resized: null,
   isMoved: !1
 } : {
   resized: Wt(V(t, "text-resize-drag"), e),
-  isMoved: lt(V(t, "move-drag"), e) !== null
+  isMoved: it(V(t, "move-drag"), e) !== null
 })), Kp = (e, t, r) => {
-  const a = Le(e), o = Er(), i = Q(), l = O(() => ({
+  const a = Le(e), o = Ir(), i = Q(), l = O(() => ({
     panel: {
       width: e.width,
       height: e.height
@@ -7323,7 +7323,7 @@ var oo = ({ width: e }) => oe(60, e), Dp = (e, t) => ({
     o,
     i
   ]);
-  return t === null ? null : Ya(a, t, r, l)?.rect ?? null;
+  return t === null ? null : ja(a, t, r, l)?.rect ?? null;
 }, qp = (e) => /* @__PURE__ */ n(T, {
   ...e,
   children: /* @__PURE__ */ m("g", {
@@ -7348,13 +7348,13 @@ var jp = "_1tyillx1", Yp = {
 }, e2 = ({ interaction: e, panelRect: t }) => {
   const r = $(), a = e.kind === "trigger" || e.kind === "menu" ? e.anchor : null, o = t2(e), i = O(() => {
     if (a === null) return null;
-    const l = Je(a.position, t);
+    const l = Ye(a.position, t);
     return {
       center: l,
       radius: 19 * Zp[o],
       target: {
         kind: "observation",
-        cursor: dt(l, t)
+        cursor: ct(l, t)
       }
     };
   }, [
@@ -7368,14 +7368,14 @@ var jp = "_1tyillx1", Yp = {
     "aria-hidden": "true",
     "data-testid": "observation-menu-trigger",
     "data-state": o,
-    className: pe(jp, Yp[o]),
+    className: me(jp, Yp[o]),
     style: {
       left: t.x + i.center.x,
       top: t.y + i.center.y,
-      ...ut({ [Xp]: a.color })
+      ...dt({ [Xp]: a.color })
     },
     children: /* @__PURE__ */ n("span", {
-      className: pe(Jp, Qp[o === "open" ? "open" : "closed"]),
+      className: me(Jp, Qp[o === "open" ? "open" : "closed"]),
       children: /* @__PURE__ */ n(qp, { size: "lg" })
     })
   });
@@ -7384,7 +7384,7 @@ var jp = "_1tyillx1", Yp = {
   _(() => {
     if (t === null) return;
     const o = (i) => {
-      if (i.key !== "Tab" || i.defaultPrevented || !Be(i.target, e, r) || wa(i.target) || a.getState().standingInteraction?.kind === "chrome-popup") return;
+      if (i.key !== "Tab" || i.defaultPrevented || !Be(i.target, e, r) || xa(i.target) || a.getState().standingInteraction?.kind === "chrome-popup") return;
       const l = [...t.querySelectorAll(n2)];
       if (l.length === 0) return;
       i.preventDefault();
@@ -7398,12 +7398,12 @@ var jp = "_1tyillx1", Yp = {
     r,
     a
   ]);
-}, a2 = (e, t) => typeof document.elementsFromPoint == "function" ? document.elementsFromPoint(e, t) : [], so = (e, t, r) => st(a2(e, t), r), o2 = (e) => {
+}, a2 = (e, t) => typeof document.elementsFromPoint == "function" ? document.elementsFromPoint(e, t) : [], lo = (e, t, r) => lt(a2(e, t), r), o2 = (e) => {
   const { selectionStore: t, chartId: r } = F(), a = $();
   _(() => {
     let o = null;
     const i = (c) => {
-      const { caret: u } = a.getState(), d = u === null ? null : so(c.clientX, c.clientY, e);
+      const { caret: u } = a.getState(), d = u === null ? null : lo(c.clientX, c.clientY, e);
       d?.kind === "annotation" && d.target.id === u?.annotationId || e.focus({ preventScroll: !0 });
     }, l = (c) => {
       const { selection: u, clearSelection: d } = t.getState();
@@ -7428,7 +7428,7 @@ var jp = "_1tyillx1", Yp = {
       const r = t.legends[e.part.legendIndex], a = r?.items[e.part.itemIndex];
       if (r === void 0 || a === void 0) return null;
       const o = l2(r, a.layerId, t.layers);
-      return o === null ? null : Br({
+      return o === null ? null : Fr({
         layer: o.layer,
         scope: "series",
         variable: o.variable,
@@ -7457,7 +7457,7 @@ var jp = "_1tyillx1", Yp = {
   return null;
 }, s2 = (e, t) => {
   for (const r of e) {
-    const a = Kr(r.mapping[t]);
+    const a = Ur(r.mapping[t]);
     if (a !== null && c2(r, a)) return {
       layer: r,
       variable: a
@@ -7470,7 +7470,7 @@ var jp = "_1tyillx1", Yp = {
     if (!o.interactive) continue;
     const i = fs(o.mapping);
     if (i === null) continue;
-    const l = Br({
+    const l = Fr({
       layer: o,
       scope: "x-value",
       variable: i,
@@ -7488,7 +7488,7 @@ var jp = "_1tyillx1", Yp = {
   if (o === null) return null;
   const l = Pe(t, o.layerId);
   if (l === void 0) return null;
-  const s = Ur(o), c = i?.intersects !== !1, u = ss(l), d = c || !m2(r) ? [u] : ["x-value", u];
+  const s = Wr(o), c = i?.intersects !== !1, u = ss(l), d = c || !m2(r) ? [u] : ["x-value", u];
   for (const h of d) {
     const p = Zt({
       layer: l,
@@ -7516,7 +7516,7 @@ var jp = "_1tyillx1", Yp = {
 }, m2 = (e) => {
   const t = e.x;
   return t?.kind !== "position" ? !1 : u2.has(t.spec.scaleType);
-}, co = (e, t) => {
+}, so = (e, t) => {
   const { target: r, clientX: a, clientY: o } = e, { frameElement: i, captureRect: l, menuTrigger: s, panelOrigin: c, resolvesObservations: u, scene: d } = t, h = s !== null && jt({
     x: a - c.x,
     y: o - c.y
@@ -7524,7 +7524,7 @@ var jp = "_1tyillx1", Yp = {
   if (!(r instanceof Element && i.contains(r))) return {
     targetAtPoint: bn({
       isMenuTrigger: h,
-      stamped: ar(!1, !1, e, t),
+      stamped: rr(!1, !1, e, t),
       observations: null
     }),
     hover: null
@@ -7536,7 +7536,7 @@ var jp = "_1tyillx1", Yp = {
     parsingLocale: d.config.parsingLocale
   }), S = bn({
     isMenuTrigger: h,
-    stamped: ar(p, f !== null, e, t),
+    stamped: rr(p, f !== null, e, t),
     observations: f
   });
   return {
@@ -7546,27 +7546,27 @@ var jp = "_1tyillx1", Yp = {
 }, g2 = (e) => {
   const t = e.getBoundingClientRect();
   return t.width > 0 && t.height > 0 ? t : null;
-}, ar = (e, t, r, { paintsAnnotations: a, resolvesGuides: o, frameElement: i, scene: l }) => {
+}, rr = (e, t, r, { paintsAnnotations: a, resolvesGuides: o, frameElement: i, scene: l }) => {
   if (!a && l.coordSystem.type === "cartesian" && e && t) return null;
-  const s = e || a ? so(r.clientX, r.clientY, i) : v2(r.target, i);
+  const s = e || a ? lo(r.clientX, r.clientY, i) : v2(r.target, i);
   return s === null ? null : (s.kind === "annotation" ? a : o) ? s : null;
-}, v2 = (e, t) => e instanceof Element ? st([e], t) : null, f2 = (e, t, r) => {
+}, v2 = (e, t) => e instanceof Element ? lt([e], t) : null, f2 = (e, t, r) => {
   const a = {
     x: e.clientX - t.left,
     y: e.clientY - t.top
   };
-  return r.engine.query(dt(a, t), r.tolerance, t);
+  return r.engine.query(ct(a, t), r.tolerance, t);
 }, b2 = class extends We {
   constructor(...e) {
     super(...e), this.kind = "move-drag";
   }
   readOwn(e) {
-    return lt(V(e, "move-drag"), this.params.annotationId);
+    return it(V(e, "move-drag"), this.params.annotationId);
   }
   resolvePreview(e) {
-    const { annotationId: t, press: r, readInputs: a } = this.params, { annotations: o, panelRect: i } = a(), l = Kl(o, t);
+    const { annotationId: t, press: r, readInputs: a } = this.params, { annotations: o, panelRect: i } = a(), l = Ul(o, t);
     if (l === null) return null;
-    const s = Gl(l, vt(r, e, i));
+    const s = Hl(l, gt(r, e, i));
     return s === null ? null : {
       kind: "move-drag",
       annotationId: t,
@@ -7575,7 +7575,7 @@ var jp = "_1tyillx1", Yp = {
   }
   commit({ translation: e }) {
     const { annotationId: t, dispatch: r } = this.params;
-    i1(e) && r(new Gi({
+    i1(e) && r(new Hi({
       id: t,
       translation: e
     }));
@@ -7616,16 +7616,16 @@ var jp = "_1tyillx1", Yp = {
     panelRect: r
   }), g = j(t), v = j(o), f = ne(null);
   _(() => () => f.current?.finish(!1), []), _(() => {
-    const S = (A) => co({
+    const S = (A) => so({
       target: A.target,
       clientX: A.clientX,
       clientY: A.clientY
-    }, a()).targetAtPoint, L = (A) => {
+    }, a()).targetAtPoint, k = (A) => {
       if (!(A.target instanceof Element)) return !1;
-      const E = A.target.closest(Lr);
-      return E !== null && e.contains(E) && st([A.target], e) === null;
+      const E = A.target.closest(kr);
+      return E !== null && e.contains(E) && lt([A.target], e) === null;
     }, x = (A, E) => {
-      if (f.current !== null || !Pi(p.current.annotations, E.id)) return;
+      if (f.current !== null || !Li(p.current.annotations, E.id)) return;
       try {
         e.setPointerCapture(A.pointerId);
       } catch {
@@ -7648,7 +7648,7 @@ var jp = "_1tyillx1", Yp = {
         }
       });
       f.current = R, R.start();
-    }, P = (A, E) => {
+    }, L = (A, E) => {
       const R = l.getState();
       switch (E.kind) {
         case "select-annotation":
@@ -7664,24 +7664,24 @@ var jp = "_1tyillx1", Yp = {
           R.clearSelection();
           return;
         default:
-          throw new Fi({ message: `No press outcome for: ${JSON.stringify(E)}` });
+          throw new zi({ message: `No press outcome for: ${JSON.stringify(E)}` });
       }
     }, C = (A) => {
-      if (A.button !== 0 || Rt(A.target) || Ta(A, g.current, c.getState().menuTrigger) || L(A)) return;
+      if (A.button !== 0 || Rt(A.target) || wa(A, g.current, c.getState().menuTrigger) || k(A)) return;
       const E = y2(S(A), {
         canSelectGraph: h.current,
         isWithinFrame: A.target instanceof Node && e.contains(A.target),
         caretAnnotationId: c.getState().caret?.annotationId ?? null
       });
-      E.kind !== "keep-caret" && (c.getState().setCaret(null), P(A, E));
+      E.kind !== "keep-caret" && (c.getState().setCaret(null), L(A, E));
     }, M = (A) => {
-      if (Rt(A.target) || L(A)) return;
+      if (Rt(A.target) || k(A)) return;
       const E = S(A), { layers: R, guides: D, config: y } = s.getState().scene, b = l.getState(), U = c.getState();
       switch (E?.kind) {
         case "observations": {
-          const { observations: te } = E, ue = p2(te, R, y.parsingLocale);
-          if (ue === null) return;
-          b.setSelection([ue]);
+          const { observations: te } = E, he = p2(te, R, y.parsingLocale);
+          if (he === null) return;
+          b.setSelection([he]);
           return;
         }
         case "axis":
@@ -7698,7 +7698,7 @@ var jp = "_1tyillx1", Yp = {
         }
         case "annotation": {
           const { target: te } = E;
-          if (!p.current.annotations.textAnnotations.some((ue) => ue.id === te.id)) return;
+          if (!p.current.annotations.textAnnotations.some((he) => he.id === te.id)) return;
           b.setSelection([te]), U.setCaret(te.id);
           return;
         }
@@ -7733,7 +7733,7 @@ var jp = "_1tyillx1", Yp = {
     t,
     l
   ]), c = ae((d) => {
-    if (Ye(d.target, a)) return;
+    if (je(d.target, a)) return;
     const h = l ? Dt(t.getState().selection) : null;
     h !== null && i.current.some((p) => p.id === h) && (d.preventDefault(), o.getState().setCaret(h));
   }, [
@@ -7752,7 +7752,7 @@ var jp = "_1tyillx1", Yp = {
       h.setCaret(null), e.focus({ preventScroll: !0 });
       return;
     }
-    return Ye(d.target, a) ? e.focus({ preventScroll: !0 }) : t.getState().clearSelection();
+    return je(d.target, a) ? e.focus({ preventScroll: !0 }) : t.getState().clearSelection();
   }, [
     o,
     t,
@@ -7761,8 +7761,8 @@ var jp = "_1tyillx1", Yp = {
   ]);
   _(() => {
     const d = (h) => {
-      if (!Be(h.target, e, a) || wa(h.target)) return;
-      const p = w2(h.target), g = o.getState().caret !== null && !Ye(h.target, a);
+      if (!Be(h.target, e, a) || xa(h.target)) return;
+      const p = w2(h.target), g = o.getState().caret !== null && !je(h.target, a);
       if (!(p && !g))
         switch (h.key) {
           case "Escape":
@@ -7811,10 +7811,10 @@ var jp = "_1tyillx1", Yp = {
     a
   ]);
 }, A2 = () => {
-  const e = ke[Se()].observationMenu, t = fi((l) => e ? l.hover.primary : null), { layers: r, coordSystem: a } = z(me((l) => ({
+  const e = ke[Se()].observationMenu, t = vi((l) => e ? l.hover.primary : null), { layers: r, coordSystem: a } = z(ge((l) => ({
     layers: l.layers,
     coordSystem: l.coordSystem
-  }))), { anchorResolver: o } = F(), i = Tr();
+  }))), { anchorResolver: o } = F(), i = wr();
   return O(() => {
     if (t === null) return null;
     const l = r.find((u) => u.id === t.layerId);
@@ -7825,7 +7825,7 @@ var jp = "_1tyillx1", Yp = {
       purpose: "pin"
     });
     if (s === null) return null;
-    const c = Vl(l)(t.observation);
+    const c = Gl(l)(t.observation);
     return c === null ? null : {
       position: s,
       color: i(l).get("color", t.observation),
@@ -7840,7 +7840,7 @@ var jp = "_1tyillx1", Yp = {
     o,
     i
   ]);
-}, k2 = { kind: "idle" }, uo = () => {
+}, k2 = { kind: "idle" }, co = () => {
   const e = X((a) => a.standingInteraction), t = X((a) => a.editTargetUnderPointer?.kind === "menu-trigger"), r = A2();
   return O(() => e !== null ? e : r === null ? k2 : {
     kind: "trigger",
@@ -7854,22 +7854,22 @@ var jp = "_1tyillx1", Yp = {
 }, L2 = (e, t) => e.x >= 0 && e.x <= t.width && e.y >= 0 && e.y <= t.height, P2 = (e, t, r) => {
   const a = $(), { selectionStore: o } = F(), { store: i, engine: l } = He(), s = j(e), c = j(t), u = j(r);
   _(() => {
-    const d = (f) => Ta(f, c.current, a.getState().menuTrigger), h = (f) => {
+    const d = (f) => wa(f, c.current, a.getState().menuTrigger), h = (f) => {
       if (d(f) || o.getState().selection.length > 0) return;
-      const S = u.current, L = c.current, x = {
-        x: f.clientX - L.x,
-        y: f.clientY - L.y
-      }, P = L2(x, S) ? l.query(dt(x, S)) : Xt;
-      i.getState().setHoverState(P);
+      const S = u.current, k = c.current, x = {
+        x: f.clientX - k.x,
+        y: f.clientY - k.y
+      }, L = L2(x, S) ? l.query(ct(x, S)) : Xt;
+      i.getState().setHoverState(L);
     };
     let p = !1;
     const g = () => {
       p = s.current.kind === "menu";
     }, v = (f) => {
       if (Rt(f.target)) return;
-      const { claimInteraction: S, releaseInteraction: L } = a.getState();
+      const { claimInteraction: S, releaseInteraction: k } = a.getState();
       if (!d(f) || p) {
-        L("menu"), p && h(f);
+        k("menu"), p && h(f);
         return;
       }
       const x = s.current;
@@ -7901,7 +7901,7 @@ var jp = "_1tyillx1", Yp = {
     }, p = () => {
       if (c = null, u === null) return;
       const C = a.getState();
-      if (je(C.standingInteraction)) {
+      if (Ze(C.standingInteraction)) {
         const E = C.menuTrigger !== null && jt({
           x: u.clientX - l.current.x,
           y: u.clientY - l.current.y
@@ -7913,7 +7913,7 @@ var jp = "_1tyillx1", Yp = {
         ...u,
         target: E2(u)
       });
-      const { targetAtPoint: M, hover: A } = co(u, r());
+      const { targetAtPoint: M, hover: A } = so(u, r());
       C.setEditTargetUnderPointer(M), h(A);
     }, g = () => {
       c === null && (c = requestAnimationFrame(p));
@@ -7927,15 +7927,15 @@ var jp = "_1tyillx1", Yp = {
         clientX: C.clientX,
         clientY: C.clientY
       }, d = !1, g();
-    }, L = () => {
+    }, k = () => {
       u = null, c !== null && (cancelAnimationFrame(c), c = null), f();
     }, x = a.subscribe((C, M) => {
-      je(M.standingInteraction) && !je(C.standingInteraction) && v();
-    }), P = o.subscribe((C, M) => {
-      C.scene !== M.scene && (je(a.getState().standingInteraction) || v());
+      Ze(M.standingInteraction) && !Ze(C.standingInteraction) && v();
+    }), L = o.subscribe((C, M) => {
+      C.scene !== M.scene && (Ze(a.getState().standingInteraction) || v());
     });
-    return e.addEventListener("pointermove", S), e.addEventListener("pointerleave", L), () => {
-      c !== null && cancelAnimationFrame(c), x(), P(), e.removeEventListener("pointermove", S), e.removeEventListener("pointerleave", L), f();
+    return e.addEventListener("pointermove", S), e.addEventListener("pointerleave", k), () => {
+      c !== null && cancelAnimationFrame(c), x(), L(), e.removeEventListener("pointermove", S), e.removeEventListener("pointerleave", k), f();
     };
   }, [
     e,
@@ -7946,7 +7946,7 @@ var jp = "_1tyillx1", Yp = {
     s,
     r
   ]);
-}, E2 = (e) => typeof document.elementFromPoint == "function" ? document.elementFromPoint(e.clientX, e.clientY) : e.target, je = (e) => {
+}, E2 = (e) => typeof document.elementFromPoint == "function" ? document.elementFromPoint(e.clientX, e.clientY) : e.target, Ze = (e) => {
   if (e === null) return !1;
   switch (e.kind) {
     case "menu":
@@ -7959,9 +7959,9 @@ var jp = "_1tyillx1", Yp = {
     case "chrome-popup":
       return !1;
   }
-}, or = "editor", ir = [], O2 = (e, t, r, a, o) => {
-  const i = uo(), { store: l } = He(), s = Ut().length > 0, c = ke[Se()].holdsHoverWhileSelected, u = X((v) => v.menuTrigger), d = i.kind === "menu", h = O(() => u === null ? ir : [Rl(u)], [u]), p = T2(e, t);
-  I2(e, t, p), C2(e, t, r, p, o), P2(i, t, r), o2(e), x2(e), r2(e, a), _(() => (l.getState().publishPointerRegions(or, h), () => l.getState().publishPointerRegions(or, ir)), [l, h]);
+}, ar = "editor", or = [], O2 = (e, t, r, a, o) => {
+  const i = co(), { store: l } = He(), s = Ut().length > 0, c = ke[Se()].holdsHoverWhileSelected, u = X((v) => v.menuTrigger), d = i.kind === "menu", h = O(() => u === null ? or : [Nl(u)], [u]), p = T2(e, t);
+  I2(e, t, p), C2(e, t, r, p, o), P2(i, t, r), o2(e), x2(e), r2(e, a), _(() => (l.getState().publishPointerRegions(ar, h), () => l.getState().publishPointerRegions(ar, or)), [l, h]);
   const g = d || s && c;
   _(() => (l.getState().setPointerSuspended(g), () => l.getState().setPointerSuspended(!1)), [l, g]), _(() => {
     if (!s || !c) return;
@@ -7973,7 +7973,7 @@ var jp = "_1tyillx1", Yp = {
     c
   ]);
 }, M2 = ({ frameElement: e, panelRect: t, formattedAxes: r, shouldAnimateTransitions: a }) => {
-  const { measureRef: o, screenRect: i } = Ii(), { selectionStore: l } = F(), s = $(), c = X((h) => h.caret?.annotationId ?? null), u = Se(), d = ne(u);
+  const { measureRef: o, screenRect: i } = Pi(), { selectionStore: l } = F(), s = $(), c = X((h) => h.caret?.annotationId ?? null), u = Se(), d = ne(u);
   return _(() => (o(e), () => o(null)), [o, e]), _(() => () => {
     const h = s.getState();
     h.releaseInteraction("menu"), h.setCaret(null);
@@ -8024,7 +8024,7 @@ var jp = "_1tyillx1", Yp = {
     shouldAnimateTransitions: o
   });
 }, D2 = ({ frameElement: e, frameRect: t, panelOrigin: r, panelRect: a, boxRef: o, shouldAnimateTransitions: i }) => {
-  const l = pt(), s = uo(), { annotations: c, editOutline: u, overlayMenu: d } = ke[Se()], h = O(() => ({
+  const l = ht(), s = co(), { annotations: c, editOutline: u, overlayMenu: d } = ke[Se()], h = O(() => ({
     width: t.width,
     height: t.height
   }), [t.width, t.height]);
@@ -8033,9 +8033,9 @@ var jp = "_1tyillx1", Yp = {
     frameSize: h,
     panelRect: a,
     shouldAnimateTransitions: i
-  }), /* @__PURE__ */ n(Uu, { frameRect: t })] }), /* @__PURE__ */ n(Li, {
+  }), /* @__PURE__ */ n(Uu, { frameRect: t })] }), /* @__PURE__ */ n(ki, {
     rect: t,
-    zIndex: ri.editorOverlay,
+    zIndex: ni.editorOverlay,
     container: l,
     "data-testid": "editor-overlay",
     boxRef: o,
@@ -8080,10 +8080,10 @@ var jp = "_1tyillx1", Yp = {
     ] })
   })] });
 }, p5 = ({ slots: e, mode: t, ...r }) => /* @__PURE__ */ n(sc, {
-  locale: yi(),
-  children: /* @__PURE__ */ n(ti, { children: /* @__PURE__ */ n(Ei, {
+  locale: bi(),
+  children: /* @__PURE__ */ n(ei, { children: /* @__PURE__ */ n(Ii, {
     editors: Vd,
-    children: /* @__PURE__ */ n(xi, {
+    children: /* @__PURE__ */ n(Ci, {
       slots: O(() => ({
         EditorSurface: M2,
         ...e
@@ -8092,7 +8092,7 @@ var jp = "_1tyillx1", Yp = {
       ...r
     })
   }) })
-}), ho = Ge(null), po = ({ labelId: e, controlId: t, children: r }) => {
+}), uo = Ge(null), ho = ({ labelId: e, controlId: t, children: r }) => {
   const a = O(() => {
     let o = null;
     return {
@@ -8101,12 +8101,12 @@ var jp = "_1tyillx1", Yp = {
       claimControlId: (i) => (o ??= i, o === i)
     };
   }, [e, t]);
-  return /* @__PURE__ */ n(ho.Provider, {
+  return /* @__PURE__ */ n(uo.Provider, {
     value: a,
     children: r
   });
 }, Ce = ({ id: e, ariaLabel: t, ariaLabelledBy: r }, a = !0) => {
-  const o = _e(ho), i = Te(), [l] = ee(() => a ? o?.claimControlId(i) ?? !1 : !1), s = e ?? (l ? o?.controlId : void 0), c = r ?? (t === void 0 ? o?.labelId : void 0);
+  const o = _e(uo), i = Te(), [l] = ee(() => 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 },
@@ -8140,18 +8140,18 @@ var _2 = {
   const e = _e(un);
   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;
-}, mo = ({ children: e, onKeyDown: t, ...r }) => {
+}, po = ({ children: e, onKeyDown: t, ...r }) => {
   const a = _e(un);
   return /* @__PURE__ */ n("div", {
     onKeyDown: (i) => {
       if (t?.(i), !a || i.defaultPrevented) return;
-      const l = bi(i.nativeEvent);
+      const l = fi(i.nativeEvent);
       l && (i.preventDefault(), l === "undo" ? a.undo() : a.redo());
     },
     ...r,
     children: e
   });
-}, go = "keyboard", ft = (e) => {
+}, mo = "keyboard", vt = (e) => {
   const t = ne(!1), r = ne(!1), a = () => {
     t.current = !1, r.current && (r.current = !1, e?.());
   };
@@ -8186,19 +8186,19 @@ var G2 = ({ value: e, onChange: t, onCommit: r, min: a, max: o, step: i, placeho
     id: g,
     ariaLabel: h,
     ariaLabelledBy: p
-  }), { commitUnlessHeldKey: f, gestureHandlers: S } = ft(r);
-  return /* @__PURE__ */ n(Ln.Root, {
+  }), { commitUnlessHeldKey: f, gestureHandlers: S } = vt(r);
+  return /* @__PURE__ */ n(kn.Root, {
     className: F2,
     value: e,
-    onValueChange: (L) => t(L),
-    onValueCommitted: (L, x) => {
-      f(x.reason === go);
+    onValueChange: (k) => t(k),
+    onValueCommitted: (k, x) => {
+      f(x.reason === mo);
     },
     min: a,
     max: o,
     step: i,
     disabled: u,
-    children: /* @__PURE__ */ m(mo, {
+    children: /* @__PURE__ */ m(po, {
       className: B2,
       "data-error": d === !0,
       "data-disabled": u === !0 ? "" : void 0,
@@ -8207,7 +8207,7 @@ var G2 = ({ value: e, onChange: t, onCommit: r, min: a, max: o, step: i, placeho
           className: "eh8dvc3",
           children: s
         }),
-        /* @__PURE__ */ n(Ln.Input, {
+        /* @__PURE__ */ n(kn.Input, {
           className: H2,
           placeholder: l,
           ...S,
@@ -8234,9 +8234,9 @@ var W2 = 6, U2 = ({ options: e, value: t, onChange: r, onCommit: a, columns: o,
     id: u,
     ariaLabel: s,
     ariaLabelledBy: c
-  }), h = i === "swatch", { commitAfterChange: p, gestureHandlers: g } = ft(a);
-  return /* @__PURE__ */ n(ta, {
-    className: pe(V2, K2(o ?? e.length)),
+  }), h = i === "swatch", { commitAfterChange: p, gestureHandlers: g } = vt(a);
+  return /* @__PURE__ */ n(ea, {
+    className: me(V2, K2(o ?? e.length)),
     value: t,
     onValueChange: (v) => {
       r(v), p();
@@ -8244,10 +8244,10 @@ var W2 = 6, U2 = ({ options: e, value: t, onChange: r, onCommit: a, columns: o,
     ...g,
     disabled: l,
     ...d,
-    children: e.map((v) => /* @__PURE__ */ m(ea.Root, {
+    children: e.map((v) => /* @__PURE__ */ m(Qr.Root, {
       value: v.value,
       disabled: v.isDisabled,
-      className: pe($2, h && "_1b7s5f8"),
+      className: me($2, h && "_1b7s5f8"),
       "aria-label": h ? v.label : void 0,
       children: [v.icon, !h && /* @__PURE__ */ n("span", {
         className: "_1b7s5f9",
@@ -8270,14 +8270,14 @@ var W2 = 6, U2 = ({ options: e, value: t, onChange: r, onCommit: a, columns: o,
     default:
       return Oe[6];
   }
-}, q2 = "_1g5x15w0 uz3g760", X2 = "_1g5x15w1", Z2 = "_1g5x15w2", lr = "_1g5x15w3", j2 = "_1g5x15w4", Y2 = "_1g5x15w5", J2 = "_1g5x15w6", Q2 = "_1g5x15w7";
+}, q2 = "_1g5x15w0 uz3g760", X2 = "_1g5x15w1", Z2 = "_1g5x15w2", ir = "_1g5x15w3", j2 = "_1g5x15w4", Y2 = "_1g5x15w5", J2 = "_1g5x15w6", Q2 = "_1g5x15w7";
 var em = ({ options: e, value: t, onChange: r, placeholder: a, isDisabled: o, hasError: i, ariaLabel: l, ariaLabelledBy: s, id: c }) => {
   const u = Ce({
     id: c,
     ariaLabel: l,
     ariaLabelledBy: s
   });
-  return /* @__PURE__ */ m(le.Root, {
+  return /* @__PURE__ */ m(se.Root, {
     value: t,
     onValueChange: (d) => d !== null && r(d),
     disabled: o,
@@ -8285,26 +8285,26 @@ var em = ({ options: e, value: t, onChange: r, placeholder: a, isDisabled: o, ha
       value: d.value,
       label: d.label
     })),
-    children: [/* @__PURE__ */ m(le.Trigger, {
+    children: [/* @__PURE__ */ m(se.Trigger, {
       className: q2,
       "data-error": i === !0,
       ...u,
-      children: [/* @__PURE__ */ n(le.Value, {
+      children: [/* @__PURE__ */ n(se.Value, {
         className: X2,
         children: (d) => tm(e, d, a)
-      }), /* @__PURE__ */ n(le.Icon, {
-        className: lr,
+      }), /* @__PURE__ */ n(se.Icon, {
+        className: ir,
         children: /* @__PURE__ */ n(Ve, { size: "sm" })
       })]
-    }), /* @__PURE__ */ n(le.Portal, {
-      container: ce(),
-      children: /* @__PURE__ */ n(re, { children: /* @__PURE__ */ n(le.Positioner, {
+    }), /* @__PURE__ */ n(se.Portal, {
+      container: de(),
+      children: /* @__PURE__ */ n(re, { children: /* @__PURE__ */ n(se.Positioner, {
         className: j2,
         sideOffset: 4,
         alignItemWithTrigger: !1,
-        children: /* @__PURE__ */ n(le.Popup, {
+        children: /* @__PURE__ */ n(se.Popup, {
           className: Y2,
-          children: e.map((d) => /* @__PURE__ */ m(le.Item, {
+          children: e.map((d) => /* @__PURE__ */ m(se.Item, {
             value: d.value,
             disabled: d.isDisabled,
             className: J2,
@@ -8312,14 +8312,14 @@ var em = ({ options: e, value: t, onChange: r, placeholder: a, isDisabled: o, ha
               d.icon,
               /* @__PURE__ */ m("span", {
                 className: Q2,
-                children: [/* @__PURE__ */ n(le.ItemText, { children: d.label }), d.description !== void 0 && /* @__PURE__ */ n("span", {
+                children: [/* @__PURE__ */ n(se.ItemText, { children: d.label }), d.description !== void 0 && /* @__PURE__ */ n("span", {
                   className: "_1g5x15w8",
                   children: d.description
                 })]
               }),
-              /* @__PURE__ */ n(le.ItemIndicator, {
-                className: lr,
-                children: /* @__PURE__ */ n(va, { size: "sm" })
+              /* @__PURE__ */ n(se.ItemIndicator, {
+                className: ir,
+                children: /* @__PURE__ */ n(ga, { size: "sm" })
               })
             ]
           }, d.value))
@@ -8335,25 +8335,25 @@ var cm = ({ value: e, onChange: t, onCommit: r, min: a, max: o, step: i, suffix:
   const h = Ce({
     ariaLabel: u,
     ariaLabelledBy: d
-  }, !1), p = dm(e, l, s), { commitUnlessHeldKey: g, gestureHandlers: v } = ft(r);
+  }, !1), p = dm(e, l, s), { commitUnlessHeldKey: g, gestureHandlers: v } = vt(r);
   return /* @__PURE__ */ m("div", {
     className: rm,
-    children: [/* @__PURE__ */ n(se.Root, {
+    children: [/* @__PURE__ */ n(ce.Root, {
       className: am,
       value: e,
       onValueChange: (f) => t(f),
       onValueCommitted: (f, S) => {
-        g(S.reason === go);
+        g(S.reason === mo);
       },
       min: a,
       max: o,
       step: i,
       disabled: c,
-      children: /* @__PURE__ */ n(se.Control, {
+      children: /* @__PURE__ */ n(ce.Control, {
         className: om,
-        children: /* @__PURE__ */ m(se.Track, {
+        children: /* @__PURE__ */ m(ce.Track, {
           className: im,
-          children: [/* @__PURE__ */ n(se.Indicator, { className: lm }), /* @__PURE__ */ n(se.Thumb, {
+          children: [/* @__PURE__ */ n(ce.Indicator, { className: lm }), /* @__PURE__ */ n(ce.Thumb, {
             className: sm,
             ...v,
             ...h
@@ -8371,13 +8371,13 @@ var cm = ({ value: e, onChange: t, onCommit: r, min: a, max: o, step: i, suffix:
     ariaLabel: a,
     ariaLabelledBy: o
   });
-  return /* @__PURE__ */ n(Pn.Root, {
+  return /* @__PURE__ */ n(Ln.Root, {
     checked: e,
     onCheckedChange: (s) => t(s),
     disabled: r,
     className: um,
     ...l,
-    children: /* @__PURE__ */ n(Pn.Thumb, { className: hm })
+    children: /* @__PURE__ */ n(Ln.Thumb, { className: hm })
   });
 }, mm = "uz3g761", gm = "tpcnun0 uz3g760", vm = ({ value: e, onChange: t, onCommit: r, placeholder: a, isDisabled: o, hasError: i, ariaLabel: l, ariaLabelledBy: s, id: c }) => {
   const u = Ce({
@@ -8385,7 +8385,7 @@ var cm = ({ value: e, onChange: t, onCommit: r, min: a, max: o, step: i, suffix:
     ariaLabel: l,
     ariaLabelledBy: s
   });
-  return /* @__PURE__ */ n(mo, {
+  return /* @__PURE__ */ n(po, {
     className: gm,
     "data-error": i === !0,
     children: /* @__PURE__ */ n(Us, {
@@ -8405,8 +8405,8 @@ var ym = ({ options: e, value: t, onChange: r, onCommit: a, itemLayout: o = "inl
     id: c,
     ariaLabel: l,
     ariaLabelledBy: s
-  }), d = o === "stacked", { commitAfterChange: h, gestureHandlers: p } = ft(a);
-  return /* @__PURE__ */ n(ta, {
+  }), d = o === "stacked", { commitAfterChange: h, gestureHandlers: p } = vt(a);
+  return /* @__PURE__ */ n(ea, {
     className: fm,
     value: t,
     onValueChange: (g) => {
@@ -8415,21 +8415,21 @@ var ym = ({ options: e, value: t, onChange: r, onCommit: a, itemLayout: o = "inl
     ...p,
     disabled: i,
     ...u,
-    children: e.map((g) => /* @__PURE__ */ m(ea.Root, {
+    children: e.map((g) => /* @__PURE__ */ m(Qr.Root, {
       value: g.value,
       disabled: g.isDisabled,
-      className: pe(bm, d && "cnu9yl2"),
+      className: me(bm, d && "cnu9yl2"),
       "aria-label": Sm(g, d),
-      children: [g.icon, vo(g, d) && /* @__PURE__ */ n("span", {
+      children: [g.icon, go(g, d) && /* @__PURE__ */ n("span", {
         className: "cnu9yl3",
         children: g.label
       })]
     }, g.value))
   });
-}, vo = (e, t) => e.icon === void 0 || t, Sm = (e, t) => {
-  if (!vo(e, t))
+}, go = (e, t) => e.icon === void 0 || t, Sm = (e, t) => {
+  if (!go(e, t))
     return e.label;
-}, fo = {
+}, vo = {
   ToggleGroup: ym,
   Switch: pm,
   Slider: cm,
@@ -8438,28 +8438,28 @@ var ym = ({ options: e, value: t, onChange: r, onCommit: a, itemLayout: o = "inl
   TextField: vm,
   NumberField: G2,
   Select: em
-}, bo = Ge(fo), Cm = ({ controls: e, children: t }) => {
+}, fo = Ge(vo), Cm = ({ controls: e, children: t }) => {
   const r = O(() => ({
-    ...fo,
+    ...vo,
     ...e
   }), [e]);
-  return /* @__PURE__ */ n(bo.Provider, {
+  return /* @__PURE__ */ n(fo.Provider, {
     value: r,
     children: t
   });
-}, G = () => _e(bo), xm = "_12lhx9e0", yo = ({ children: e }) => /* @__PURE__ */ n("div", {
+}, G = () => _e(fo), xm = "_12lhx9e0", bo = ({ children: e }) => /* @__PURE__ */ n("div", {
   className: xm,
   children: e
 }), wm = "_139ohwv0", J = ({ children: e }) => /* @__PURE__ */ n("div", {
   className: wm,
   children: e
-}), So = Ge(null), Tm = So.Provider, Am = () => {
-  const e = _e(So);
+}), yo = Ge(null), Tm = yo.Provider, Am = () => {
+  const e = _e(yo);
   if (!e) throw new Error("A section must be rendered inside <EditorPanel.Root>.");
   return e;
 }, km = "_1jlczkt0", Lm = "data-graphy-editor-panel", Pm = {
   List: J,
-  Grid: yo
+  Grid: bo
 };
 function Im(e) {
   if (e === void 0) return !1;
@@ -8467,7 +8467,7 @@ function Im(e) {
   return t.includes("_1ii3bsb0") || t.includes("_1ii3bsb1");
 }
 var Em = ({ handle: e, children: t, controls: r, defaultExpandedSection: a = void 0, className: o }) => {
-  const i = si(e), { themeClass: l, inlineVarsStyle: s } = qt(), [c, u] = ee(() => a ? [a] : []), d = O(() => ({
+  const i = li(e), { themeClass: l, inlineVarsStyle: s } = qt(), [c, u] = ee(() => a ? [a] : []), d = O(() => ({
     expandSection: (h) => u([h]),
     collapseAllSections: () => u([])
   }), []);
@@ -8479,7 +8479,7 @@ var Em = ({ handle: e, children: t, controls: r, defaultExpandedSection: a = voi
         value: d,
         children: /* @__PURE__ */ n(Fe.Root, {
           [Lm]: "",
-          className: pe(km, o, { [l]: !Im(o) }),
+          className: me(km, o, { [l]: !Im(o) }),
           style: s,
           value: c,
           onValueChange: (h) => u(h),
@@ -8488,25 +8488,25 @@ var Em = ({ handle: e, children: t, controls: r, defaultExpandedSection: a = voi
       })
     })
   });
-}, Co = {
+}, So = {
   Root: Em,
   Controls: Pm
-}, sr = {
+}, lr = {
   stack: "pr583x0",
   grid: "pr583x1"
-}, cr = "pr583x2", Om = {
+}, sr = "pr583x2", Om = {
   plain: "pr583x4 pr583x3",
   withIcon: "pr583x5 pr583x3"
 }, w = ({ label: e, layout: t = "grid", icon: r, children: a }) => {
   const o = Te(), i = Te();
   return e === void 0 ? /* @__PURE__ */ n("div", {
-    className: sr[t],
+    className: lr[t],
     children: /* @__PURE__ */ n("div", {
-      className: cr,
+      className: sr,
       children: a
     })
   }) : /* @__PURE__ */ m("div", {
-    className: sr[t],
+    className: lr[t],
     children: [/* @__PURE__ */ m("label", {
       id: o,
       htmlFor: i,
@@ -8516,8 +8516,8 @@ var Em = ({ handle: e, children: t, controls: r, defaultExpandedSection: a = voi
         children: r
       }), e]
     }), /* @__PURE__ */ n("div", {
-      className: cr,
-      children: /* @__PURE__ */ n(po, {
+      className: sr,
+      children: /* @__PURE__ */ n(ho, {
         labelId: o,
         controlId: i,
         children: a
@@ -8533,7 +8533,7 @@ var Em = ({ handle: e, children: t, controls: r, defaultExpandedSection: a = voi
     strokeLinejoin: "round",
     children: /* @__PURE__ */ n("path", { d: "m9 6 6 6-6 6" })
   })
-}), hn = "_40zvwv0", pn = "_40zvwv1", Nm = "_40zvwv2", xo = "_40zvwv3", Rm = "_40zvwv4 _40zvwv3";
+}), hn = "_40zvwv0", pn = "_40zvwv1", Nm = "_40zvwv2", Co = "_40zvwv3", Rm = "_40zvwv4 _40zvwv3";
 var Dm = "_40zvwv6";
 var _m = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory: a, onOpenChange: o, children: i }) => t === "collapsible" ? /* @__PURE__ */ n(Fm, {
   title: e,
@@ -8551,7 +8551,7 @@ var _m = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
     className: pn,
     children: [
       /* @__PURE__ */ n("span", {
-        className: xo,
+        className: Co,
         children: e
       }),
       r !== void 0 && /* @__PURE__ */ n("span", {
@@ -8579,7 +8579,7 @@ var _m = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
         }),
         /* @__PURE__ */ n("span", {
           className: Dm,
-          children: /* @__PURE__ */ n(po, {
+          children: /* @__PURE__ */ n(ho, {
             labelId: a,
             controlId: o,
             children: r
@@ -8607,7 +8607,7 @@ var _m = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
           "aria-label": i("editor.accessibility.toggleSection", { title: e })
         }),
         /* @__PURE__ */ n("span", {
-          className: xo,
+          className: Co,
           children: e
         }),
         t !== void 0 && /* @__PURE__ */ n("span", {
@@ -8655,96 +8655,82 @@ var _m = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
 }, Vm = {
   x: "editor.axesPanel.mainAxisSection.xAxis",
   y: "editor.axesPanel.mainAxisSection.yAxis"
-}, dr = ({ axis: e, title: t, layout: r = "collapsible", preview: a }) => {
+}, cr = ({ axis: e, title: t, layout: r = "collapsible", preview: a }) => {
   const o = H(), i = W(o), l = I(), { NumberField: s, Switch: c, TextField: u, ToggleGroup: d } = G();
   if (!i) return null;
   const h = i.coordSystem.type === "polar" ? i.coordSystem.axisMapping[e].geometry : "linear", p = i.config.axes[e], g = i.scales[e], v = g?.spec, f = v?.scaleType === "continuous" ? v : void 0;
   if (h === "circular" || h === "radial" && f === void 0) return null;
-  const S = v !== void 0 && "reverse" in v ? v : void 0, L = v?.scaleType === "continuous" || v?.scaleType === "datetime", x = e === "y" && f !== void 0 && i.layers.some((k) => k.yScaleType === "primary" && k.geom === "bar"), P = f?.transform === "log", C = f?.domainMax ?? null, M = $m(f), A = (k, ve) => k.map((Ue) => ({
+  const S = v !== void 0 && "reverse" in v ? v : void 0, k = v?.scaleType === "continuous" || v?.scaleType === "datetime", x = f !== void 0 && is(i, e), L = f?.transform === "log", C = f?.domainMax ?? null, M = $m(f), A = (P, le) => P.map((Ue) => ({
     value: Ue,
-    label: ve(Ue)
-  })), E = i.guides.axes.find((k) => k.scaleAestheticKey === e)?.position, R = Hm[E === "bottom" || E === "top" || E === void 0 && e === "x" ? "horizontal" : "vertical"], D = e === "y" ? cs(i.spec) : null, y = D === null ? void 0 : Pe(i.spec.layers, D), b = i.guides.legends.drawn.some((k) => R.some((ve) => ve === k.position)), U = R.map((k) => ({
-    value: k,
-    label: l(Gm[k])
-  })), te = A(["auto", "edges"], (k) => l(k === "edges" ? "editor.axesPanel.labelMode.edges" : "editor.axesPanel.labelMode.auto")), ue = A(["linear", "log"], (k) => l(k === "log" ? "editor.axesPanel.scale.log" : "editor.axesPanel.scale.auto")), Lo = A([
+    label: le(Ue)
+  })), E = i.guides.axes.find((P) => P.scaleAestheticKey === e)?.position, R = Hm[E === "bottom" || E === "top" || E === void 0 && e === "x" ? "horizontal" : "vertical"], D = e === "y" ? cs(i.spec) : null, y = D === null ? void 0 : Pe(i.spec.layers, D), b = i.guides.legends.drawn.some((P) => R.some((le) => le === P.position)), U = R.map((P) => ({
+    value: P,
+    label: l(Gm[P])
+  })), te = A(["auto", "edges"], (P) => l(P === "edges" ? "editor.axesPanel.labelMode.edges" : "editor.axesPanel.labelMode.auto")), he = A(["linear", "log"], (P) => l(P === "log" ? "editor.axesPanel.scale.log" : "editor.axesPanel.scale.auto")), ko = A([
     "auto",
     "zero",
     "custom"
-  ], (k) => l(k === "zero" ? "editor.axesPanel.startFrom.zero" : k === "custom" ? "editor.axesPanel.startFrom.custom" : "editor.axesPanel.startFrom.auto")), Po = A(["auto", "custom"], (k) => l(k === "custom" ? "editor.axesPanel.endAt.custom" : "editor.axesPanel.endAt.auto")), Io = A(["no", "yes"], (k) => l(k === "yes" ? "editor.axesPanel.yesNo.yes" : "editor.axesPanel.yesNo.no")), Eo = A(["single", "double"], (k) => l(k === "double" ? "editor.axesPanel.axisCount.double" : "editor.axesPanel.axisCount.single")), Oo = (k) => {
-    o.commands.dispatch(new Xi({
+  ], (P) => l(P === "zero" ? "editor.axesPanel.startFrom.zero" : P === "custom" ? "editor.axesPanel.startFrom.custom" : "editor.axesPanel.startFrom.auto")), Lo = A(["auto", "custom"], (P) => l(P === "custom" ? "editor.axesPanel.endAt.custom" : "editor.axesPanel.endAt.auto")), Po = A(["no", "yes"], (P) => l(P === "yes" ? "editor.axesPanel.yesNo.yes" : "editor.axesPanel.yesNo.no")), Io = A(["single", "double"], (P) => l(P === "double" ? "editor.axesPanel.axisCount.double" : "editor.axesPanel.axisCount.single")), Eo = (P) => {
+    o.commands.dispatch(new qi({
       axis: e,
-      isVisible: k
+      isVisible: P
     }));
-  }, Mo = (k) => {
-    o.commands.dispatch(new Wi({
+  }, Oo = (P) => {
+    o.commands.dispatch(new $i({
       axis: e,
-      label: k === "" ? null : k
+      label: P === "" ? null : P
     }), { transient: !0 });
-  }, No = (k) => {
-    o.commands.dispatch(new qi({
+  }, Mo = (P) => {
+    o.commands.dispatch(new Ki({
       axis: e,
-      isVisible: k
+      isVisible: P
     }));
-  }, Ro = (k) => {
-    o.commands.dispatch(new Ki({
+  }, No = (P) => {
+    o.commands.dispatch(new Ui({
       axis: e,
-      tickMode: k === "edges" ? "edges" : "auto"
+      tickMode: P === "edges" ? "edges" : "auto"
     }));
-  }, Do = (k) => {
-    o.commands.dispatch(new Sl({
+  }, Ro = (P) => {
+    o.commands.dispatch(new yl({
       scaledAesthetic: e,
-      reverse: k === "yes"
+      reverse: P === "yes"
     }));
-  }, _o = (k) => {
-    o.commands.dispatch(new Cl({
+  }, Do = (P) => {
+    o.commands.dispatch(new Sl({
       scaledAesthetic: e,
-      transform: k === "log" ? "log" : "linear"
+      transform: P === "log" ? "log" : "linear"
     }));
-  }, vn = (k) => {
-    o.commands.dispatch(new Ke({
+  }, vn = (P) => {
+    o.commands.dispatch(new xt({
       scaledAesthetic: e,
-      ...k
+      ...P
     }), { transient: !0 });
-  }, zo = (k) => {
-    k !== null && vn({ domainMin: k });
-  }, Fo = (k) => {
-    k !== null && vn({ domainMax: k });
-  }, Bo = (k) => {
-    if (f) {
-      if (k === "custom") {
-        f.zero && o.commands.dispatch(new An({
-          scaledAesthetic: e,
-          zero: !1
-        })), o.commands.dispatch(new Ke({
-          scaledAesthetic: e,
-          domainMin: ur(g?.domain, "start")
-        }));
-        return;
-      }
-      f.domainMin !== null && o.commands.dispatch(new Ke({
-        scaledAesthetic: e,
-        domainMin: null
-      })), o.commands.dispatch(new An({
-        scaledAesthetic: e,
-        zero: k === "zero"
-      }));
-    }
-  }, Ho = (k) => {
-    const ve = k === "custom" ? ur(g?.domain, "end") : null;
-    o.commands.dispatch(new Ke({
+  }, _o = (P) => {
+    P !== null && vn({ domainMin: P });
+  }, zo = (P) => {
+    P !== null && vn({ domainMax: P });
+  }, Fo = (P) => {
+    const le = P === "auto" ? null : P === "zero" ? 0 : dr(g?.domain, "start");
+    o.commands.dispatch(new xt({
       scaledAesthetic: e,
-      domainMax: ve
+      domainMin: le
     }));
-  }, Go = (k) => {
-    y !== void 0 && o.commands.dispatch(new ll({
+  }, Bo = (P) => {
+    const le = P === "custom" ? dr(g?.domain, "end") : null;
+    o.commands.dispatch(new xt({
+      scaledAesthetic: e,
+      domainMax: le
+    }));
+  }, Ho = (P) => {
+    y !== void 0 && o.commands.dispatch(new il({
       layerId: y.id,
-      yScaleType: k === "double" ? "secondary" : "primary"
+      yScaleType: P === "double" ? "secondary" : "primary"
     }));
-  }, Vo = (k) => {
-    const ve = R.find((Ue) => Ue === k);
-    ve && o.commands.dispatch(new Ui({
+  }, Go = (P) => {
+    const le = R.find((Ue) => Ue === P);
+    le && o.commands.dispatch(new Wi({
       axis: e,
-      position: ve
+      position: le
     }));
   };
   return /* @__PURE__ */ n(K, {
@@ -8756,37 +8742,37 @@ var _m = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
         label: l("editor.axesPanel.controls.visible"),
         children: /* @__PURE__ */ n(c, {
           isChecked: p.isVisible,
-          onChange: Oo
+          onChange: Eo
         })
       }),
       y !== void 0 && /* @__PURE__ */ n(w, {
         label: l("editor.axesPanel.controls.numberOfAxes"),
         children: /* @__PURE__ */ n(d, {
           value: y.yScaleType === "secondary" ? "double" : "single",
-          options: Eo,
-          onChange: Go
+          options: Io,
+          onChange: Ho
         })
       }),
       h === "linear" && /* @__PURE__ */ m(Y, { children: [/* @__PURE__ */ n(w, {
         label: l("editor.axesPanel.controls.title"),
         children: /* @__PURE__ */ n(u, {
           value: p.label ?? "",
-          onChange: Mo,
+          onChange: Oo,
           onCommit: o.commands.commit
         })
       }), /* @__PURE__ */ n(w, {
         label: l("editor.axesPanel.controls.ticks"),
         children: /* @__PURE__ */ n(c, {
           isChecked: p.ticks.isVisible,
-          onChange: No
+          onChange: Mo
         })
       })] }),
-      L && /* @__PURE__ */ n(w, {
+      k && /* @__PURE__ */ n(w, {
         label: l("editor.axesPanel.controls.labels"),
         children: /* @__PURE__ */ n(d, {
           value: p.ticks.mode,
           options: te,
-          onChange: Ro
+          onChange: No
         })
       }),
       f && h === "linear" && !b && /* @__PURE__ */ n(w, {
@@ -8794,38 +8780,38 @@ var _m = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
         children: /* @__PURE__ */ n(d, {
           value: E ?? p.position,
           options: U,
-          onChange: Vo
+          onChange: Go
         })
       }),
       S !== void 0 && /* @__PURE__ */ n(w, {
         label: l("editor.axesPanel.controls.reverse"),
         children: /* @__PURE__ */ n(d, {
           value: S.reverse === !0 ? "yes" : "no",
-          options: Io,
-          onChange: Do
+          options: Po,
+          onChange: Ro
         })
       }),
       f && !x && /* @__PURE__ */ n(w, {
         label: l("editor.axesPanel.controls.scale"),
         children: /* @__PURE__ */ n(d, {
-          value: P ? "log" : "linear",
-          options: ue,
-          onChange: _o
+          value: L ? "log" : "linear",
+          options: he,
+          onChange: Do
         })
       }),
-      f && !P && /* @__PURE__ */ m(Y, { children: [
+      f && !L && /* @__PURE__ */ m(Y, { children: [
         !x && /* @__PURE__ */ m(Y, { children: [/* @__PURE__ */ n(w, {
           label: l("editor.axesPanel.controls.startFrom"),
           children: /* @__PURE__ */ n(d, {
             value: M,
-            options: Lo,
-            onChange: Bo
+            options: ko,
+            onChange: Fo
           })
-        }), M === "custom" && /* @__PURE__ */ n(w, {
+        }), M !== "auto" && /* @__PURE__ */ n(w, {
           label: l("editor.axesPanel.controls.value"),
           children: /* @__PURE__ */ n(s, {
             value: f.domainMin ?? null,
-            onChange: zo,
+            onChange: _o,
             onCommit: o.commands.commit
           })
         })] }),
@@ -8833,22 +8819,25 @@ var _m = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
           label: l("editor.axesPanel.controls.endAt"),
           children: /* @__PURE__ */ n(d, {
             value: C === null ? "auto" : "custom",
-            options: Po,
-            onChange: Ho
+            options: Lo,
+            onChange: Bo
           })
         }),
         C !== null && /* @__PURE__ */ n(w, {
           label: l("editor.axesPanel.controls.value"),
           children: /* @__PURE__ */ n(s, {
             value: C,
-            onChange: Fo,
+            onChange: zo,
             onCommit: o.commands.commit
           })
         })
       ] })
     ] })
   });
-}, $m = (e) => e === void 0 ? "auto" : e.domainMin !== null && e.domainMin !== void 0 ? "custom" : e.zero === !0 ? "zero" : "auto", ur = (e, t) => {
+}, $m = (e) => {
+  const t = e?.domainMin ?? null;
+  return t === null ? "auto" : t === 0 ? "zero" : "custom";
+}, dr = (e, t) => {
   const r = t === "start" ? e?.[0] : e?.[e.length - 1];
   return typeof r == "number" ? r : 0;
 }, mn = ({ value: e, onChange: t }) => {
@@ -8866,12 +8855,12 @@ var _m = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
   const a = H(), o = W(a), i = I(), { Switch: l } = G();
   if (!o) return null;
   const s = o.config.content, c = (d) => {
-    a.commands.dispatch(new ct({
+    a.commands.dispatch(new st({
       part: "caption",
       isVisible: d
     }));
   }, u = (d) => {
-    a.commands.dispatch(new Dr({ caption: d }), { transient: !0 });
+    a.commands.dispatch(new Rr({ caption: d }), { transient: !0 });
   };
   return /* @__PURE__ */ n(K, {
     title: e ?? i("editor.elementsPanel.footerSection.caption"),
@@ -8888,11 +8877,11 @@ var _m = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
       onChange: u
     })] })
   });
-}, hr = /^[a-z][a-z\d+.-]*:/i, Um = {}, Km = ({ title: e, layout: t = "collapsible", preview: r }) => {
+}, ur = /^[a-z][a-z\d+.-]*:/i, Um = {}, Km = ({ title: e, layout: t = "collapsible", preview: r }) => {
   const a = H(), o = W(a), i = I(), { Switch: l } = G();
   if (!o) return null;
   const s = o.config.content, c = (u) => {
-    a.commands.dispatch(new ct({
+    a.commands.dispatch(new st({
       part: "source",
       isVisible: u
     }));
@@ -8912,10 +8901,10 @@ var _m = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
 }, qm = ({ source: e }) => {
   const t = H(), r = I(), { TextField: a } = G(), o = (c) => {
     const u = (c.label ?? "") !== "" || (c.url ?? "") !== "";
-    t.commands.dispatch(new Yi({ source: u ? c : null }), { transient: !0 });
+    t.commands.dispatch(new ji({ source: u ? c : null }), { transient: !0 });
   }, i = () => {
     const c = e.url ?? "";
-    c !== "" && !hr.test(c) && o({
+    c !== "" && !ur.test(c) && o({
       ...e,
       url: `https://${c}`
     }), t.commands.commit();
@@ -8932,7 +8921,7 @@ var _m = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
       value: e.url ?? "",
       onChange: l,
       onCommit: i,
-      hasError: hr.test(e.url ?? "") && !is(e.url)
+      hasError: ur.test(e.url ?? "") && !os(e.url)
     })
   }), /* @__PURE__ */ n(w, {
     label: r("editor.elementsPanel.sourceSection.name"),
@@ -8946,12 +8935,12 @@ var _m = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
   const a = H(), o = W(a), i = I(), { Switch: l } = G();
   if (!o) return null;
   const s = o.config.content, c = (d) => {
-    a.commands.dispatch(new ct({
+    a.commands.dispatch(new st({
       part: "subtitle",
       isVisible: d
     }));
   }, u = (d) => {
-    a.commands.dispatch(new _r({ subtitle: d }), { transient: !0 });
+    a.commands.dispatch(new Dr({ subtitle: d }), { transient: !0 });
   };
   return /* @__PURE__ */ n(K, {
     title: e ?? i("editor.elementsPanel.headerSection.subtitle"),
@@ -8968,11 +8957,11 @@ var _m = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
       onChange: u
     })] })
   });
-}, bt = (e) => {
-  const { colorScheme: t } = qt(), r = O(() => Wl({ colorScheme: t }), [t]);
+}, ft = (e) => {
+  const { colorScheme: t } = qt(), r = O(() => $l({ colorScheme: t }), [t]);
   return O(() => e === null ? null : r.readers(e), [e, r]);
 }, gn = (e, t, r) => {
-  const a = bt(e);
+  const a = ft(e);
   return O(() => {
     if (a === null || e === null || t === null) return null;
     const o = Pe(e.layers, t);
@@ -8995,7 +8984,7 @@ var _m = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
   3,
   4
 ], Zm = Ft.length / 2, jm = { select: { target: "graph" } }, Ym = ({ title: e, layout: t = "collapsible", preview: r }) => {
-  const a = H(), o = W(a), i = I(), { RadioGrid: l } = G(), s = bt(o);
+  const a = H(), o = W(a), i = I(), { RadioGrid: l } = G(), s = ft(o);
   if (!o || !s) return null;
   const c = s.graph().get("textScale"), u = (p) => i("editor.elementsPanel.textSizeSection.scaleFormat", { value: `${p}` }), d = Ft.map((p) => ({
     value: `${p}`,
@@ -9031,12 +9020,12 @@ var _m = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
   const a = H(), o = W(a), i = I(), { Switch: l } = G();
   if (!o) return null;
   const s = o.config.content, c = (d) => {
-    a.commands.dispatch(new ct({
+    a.commands.dispatch(new st({
       part: "title",
       isVisible: d
     }));
   }, u = (d) => {
-    a.commands.dispatch(new zr({ title: d }), { transient: !0 });
+    a.commands.dispatch(new _r({ title: d }), { transient: !0 });
   };
   return /* @__PURE__ */ n(K, {
     title: e ?? i("editor.elementsPanel.headerSection.toggleTitle"),
@@ -9053,7 +9042,7 @@ var _m = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
       onChange: u
     })] })
   });
-}, m5 = ({ children: e, ...t }) => /* @__PURE__ */ n(Co.Root, {
+}, m5 = ({ children: e, ...t }) => /* @__PURE__ */ n(So.Root, {
   ...t,
   children: e ?? /* @__PURE__ */ m(Y, { children: [
     /* @__PURE__ */ n(Jm, {}),
@@ -9062,13 +9051,13 @@ var _m = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
     /* @__PURE__ */ n(Km, {}),
     /* @__PURE__ */ n(Ym, {})
   ] })
-}), g5 = ({ children: e, ...t }) => /* @__PURE__ */ n(Co.Root, {
+}), g5 = ({ children: e, ...t }) => /* @__PURE__ */ n(So.Root, {
   ...t,
-  children: e ?? /* @__PURE__ */ m(Y, { children: [/* @__PURE__ */ n(dr, { axis: "x" }), /* @__PURE__ */ n(dr, { axis: "y" })] })
-}), yt = (e) => `${e}px`, wo = (e) => `${Math.round(e * 100)}%`, Qm = (e) => `${e}°`, eg = 24, tg = { select: { target: "graph" } }, pr = ["dim", "desaturate"], v5 = ({ title: e, layout: t = "collapsible", preview: r }) => {
-  const a = H(), o = W(a), i = I(), { Slider: l, ToggleGroup: s } = G(), c = bt(o);
+  children: e ?? /* @__PURE__ */ m(Y, { children: [/* @__PURE__ */ n(cr, { axis: "x" }), /* @__PURE__ */ n(cr, { axis: "y" })] })
+}), bt = (e) => `${e}px`, xo = (e) => `${Math.round(e * 100)}%`, Qm = (e) => `${e}°`, eg = 24, tg = { select: { target: "graph" } }, hr = ["dim", "desaturate"], v5 = ({ title: e, layout: t = "collapsible", preview: r }) => {
+  const a = H(), o = W(a), i = I(), { Slider: l, ToggleGroup: s } = G(), c = ft(o);
   if (!o || !c) return null;
-  const u = c.graph().get("cornerRadius"), d = hs(o.spec), h = pr.map((v) => ({
+  const u = c.graph().get("cornerRadius"), d = hs(o.spec), h = hr.map((v) => ({
     value: v,
     label: i(v === "dim" ? "editor.highlighting.highlightStyle.tint" : "editor.highlighting.highlightStyle.gray")
   })), p = (v) => {
@@ -9084,8 +9073,8 @@ var _m = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
       }
     }), { transient: !0 });
   }, g = (v) => {
-    const f = pr.find((S) => S === v);
-    f && a.commands.dispatch(new il({ dimStyle: f }));
+    const f = hr.find((S) => S === v);
+    f && a.commands.dispatch(new ol({ dimStyle: f }));
   };
   return /* @__PURE__ */ n(K, {
     title: e ?? i("editor.colorPanel.appearanceSection.title"),
@@ -9098,7 +9087,7 @@ var _m = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
         min: 0,
         max: eg,
         step: 1,
-        formatValue: yt,
+        formatValue: bt,
         onChange: p,
         onCommit: a.commands.commit
       })
@@ -9112,16 +9101,16 @@ var _m = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
     })] })
   });
 }, ng = 0.05, f5 = ({ title: e, layout: t = "collapsible", preview: r }) => {
-  const a = H(), o = W(a), i = I(), { Slider: l, ToggleGroup: s } = G(), c = o ? Vr(o.spec.layers, "bar") : void 0, u = gn(o, c?.id ?? null, "bar");
+  const a = H(), o = W(a), i = I(), { Slider: l, ToggleGroup: s } = G(), c = o ? Gr(o.spec.layers, "bar") : void 0, u = gn(o, c?.id ?? null, "bar");
   if (!o || !c || o.coordSystem.type === "polar" && o.coordSystem.bandAxis === null) return null;
   const d = (v) => {
-    a.commands.dispatch(new ji({
+    a.commands.dispatch(new Zi({
       layerId: c.id,
       width: v
     }), { transient: !0 });
   }, h = (v) => {
     const f = yn.find((S) => S === v);
-    f && a.commands.dispatch(new Zi({
+    f && a.commands.dispatch(new Xi({
       layerId: c.id,
       borderRadius: f
     }));
@@ -9137,10 +9126,10 @@ var _m = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
       label: i("editor.graphPanel.barSection.thickness"),
       children: /* @__PURE__ */ n(l, {
         value: g,
-        min: Hi,
-        max: Bi,
+        min: Bi,
+        max: Fi,
         step: ng,
-        formatValue: wo,
+        formatValue: xo,
         onChange: d,
         onCommit: a.commands.commit
       })
@@ -9148,13 +9137,13 @@ var _m = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
       label: i("editor.graphPanel.barSection.rounding"),
       layout: "stack",
       children: /* @__PURE__ */ n(s, {
-        value: u?.get("borderRadius") ?? Di,
+        value: u?.get("borderRadius") ?? Ri,
         options: p,
         onChange: h
       })
     })] })
   });
-}, St = ({ children: e }) => {
+}, yt = ({ children: e }) => {
   const t = Te();
   return /* @__PURE__ */ m(Y, { children: [/* @__PURE__ */ n("g", {
     filter: `url(#${t})`,
@@ -9179,11 +9168,11 @@ var _m = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
       floodOpacity: "0.16"
     })]
   }) })] });
-}, Ct = "qdaoth0", rg = (e) => /* @__PURE__ */ m(T, {
+}, St = "qdaoth0", rg = (e) => /* @__PURE__ */ m(T, {
   viewBox: "0 0 31 33",
   ...e,
-  children: [/* @__PURE__ */ n(St, { children: /* @__PURE__ */ n("path", {
-    className: Ct,
+  children: [/* @__PURE__ */ n(yt, { 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"
@@ -9194,8 +9183,8 @@ var _m = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
 }), ag = (e) => /* @__PURE__ */ n(T, {
   viewBox: "0 0 32 32",
   ...e,
-  children: /* @__PURE__ */ m(St, { children: [/* @__PURE__ */ n("path", {
-    className: Ct,
+  children: /* @__PURE__ */ m(yt, { 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",
@@ -9204,8 +9193,8 @@ var _m = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
 }), og = (e) => /* @__PURE__ */ m(T, {
   viewBox: "0 0 32 33",
   ...e,
-  children: [/* @__PURE__ */ n(St, { children: /* @__PURE__ */ n("path", {
-    className: Ct,
+  children: [/* @__PURE__ */ n(yt, { 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"
@@ -9218,8 +9207,8 @@ var _m = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
 }), ig = (e) => /* @__PURE__ */ m(T, {
   viewBox: "0 0 32 33",
   ...e,
-  children: [/* @__PURE__ */ n(St, { children: /* @__PURE__ */ n("path", {
-    className: Ct,
+  children: [/* @__PURE__ */ n(yt, { 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",
@@ -9246,7 +9235,7 @@ var _m = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
     a.commands.dispatch(new fe({
       kind: "text",
       annotation: {
-        ...wl,
+        ...xl,
         content: mg(i("editor.annotatePanel.callOutSection.text")),
         at: {
           anchorType: "panel",
@@ -9259,7 +9248,7 @@ var _m = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
     a.commands.dispatch(new fe({
       kind: "arrow",
       annotation: {
-        ...Oi,
+        ...Ei,
         start: {
           anchorType: "panel",
           ...ug
@@ -9274,7 +9263,7 @@ var _m = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
     a.commands.dispatch(new fe({
       kind: "shape",
       annotation: {
-        ...$i,
+        ...Vi,
         ...dg,
         region: {
           anchorType: "panel",
@@ -9283,11 +9272,11 @@ var _m = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
       }
     }));
   }, d = () => {
-    const p = rs(o);
+    const p = ns(o);
     p !== null && a.commands.dispatch(new fe({
       kind: "differenceArrow",
       annotation: {
-        ...Nr,
+        ...Mr,
         ...p,
         label: pg
       }
@@ -9297,7 +9286,7 @@ var _m = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
     title: e ?? i("editor.annotatePanel.callOutSection.title"),
     layout: t,
     preview: r,
-    children: /* @__PURE__ */ m(yo, { children: [
+    children: /* @__PURE__ */ m(bo, { children: [
       /* @__PURE__ */ n(l, {
         variant: "tile",
         icon: /* @__PURE__ */ n(ig, { size: "xl" }),
@@ -9336,14 +9325,14 @@ var _m = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
 }), y5 = ({ title: e, layout: t = "collapsible", preview: r }) => {
   const a = H(), o = W(a), i = I(), { ToggleGroup: l } = G();
   if (!o) return null;
-  const s = Wr(o.spec);
+  const s = $r(o.spec);
   if (s === null || !xe(s)) return null;
   const c = Sn.map((d) => ({
     value: d,
     label: i(`editor.graphPanel.comboSection.types.${d}`)
   })), u = (d) => {
     const h = Sn.find((p) => p === d);
-    h && a.commands.dispatch(new Rr({
+    h && a.commands.dispatch(new Nr({
       coordType: "cartesian",
       comboType: h
     }));
@@ -9362,8 +9351,8 @@ var _m = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
 }, gg = 0.1, vg = 20, S5 = ({ title: e, preview: t }) => {
   const r = H(), a = W(r), o = I(), { NumberField: i, TextField: l } = G();
   if (!a || a.coordSystem.type === "polar") return null;
-  const s = Xl(a.spec.layers), c = e ?? o("editor.annotationsPanel.goalSection.title"), u = us(s?.mapping.y), d = typeof u == "number" ? u : null, h = (v) => {
-    const f = new Ll({
+  const s = ql(a.spec.layers), c = e ?? o("editor.annotationsPanel.goalSection.title"), u = us(s?.mapping.y), d = typeof u == "number" ? u : null, h = (v) => {
+    const f = new kl({
       showGoalLine: v,
       value: fg(a),
       ...s !== void 0 && { layerId: s.id }
@@ -9371,14 +9360,14 @@ var _m = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
     r.commands.dispatch(f);
   }, p = (v) => {
     if (s === void 0) return;
-    const f = new bl({
+    const f = new fl({
       layerId: s.id,
       label: v === "" ? null : v
     });
     r.commands.dispatch(f, { transient: !0 });
   }, g = (v) => {
     if (s === void 0 || v === null) return;
-    const f = new yl({
+    const f = new bl({
       layerId: s.id,
       value: v
     });
@@ -9421,28 +9410,28 @@ var _m = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
   if (!i) return null;
   const c = e === void 0 ? i.spec.layers[0] : Pe(i.spec.layers, e);
   if (!c) return null;
-  const { showDataLabels: u, format: d, showStackTotals: h, showCategoryLabels: p } = c.dataLabels, g = i.coordSystem.type === "polar", v = c.geom === "bar", f = c.position === "stack" || c.position === "fill", S = v && !g && c.position === "stack", L = v && (!g || u), x = v || c.geom === "area" && f;
-  if (!Hl(c.geom, i.coordSystem.type)) return null;
-  const P = (E) => {
-    const R = new kl({
+  const { showDataLabels: u, format: d, showStackTotals: h, showCategoryLabels: p } = c.dataLabels, g = i.coordSystem.type === "polar", v = c.geom === "bar", f = c.position === "stack" || c.position === "fill", S = v && !g && c.position === "stack", k = v && (!g || u), x = v || c.geom === "area" && f;
+  if (!Bl(c.geom, i.coordSystem.type)) return null;
+  const L = (E) => {
+    const R = new Al({
       layerId: c.id,
       showDataLabels: E
     });
     o.commands.dispatch(R);
   }, C = (E) => {
-    const R = new Ji({
+    const R = new Yi({
       layerId: c.id,
       format: E ? "percentage" : "absolute"
     });
     o.commands.dispatch(R);
   }, M = (E) => {
-    const R = new El({
+    const R = new Il({
       layerId: c.id,
       showStackTotals: E
     });
     o.commands.dispatch(R);
   }, A = (E) => {
-    const R = new Al({
+    const R = new Tl({
       layerId: c.id,
       showCategoryLabels: E
     });
@@ -9457,7 +9446,7 @@ var _m = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
         label: l("editor.graphPanel.graphOptions.dataLabels"),
         children: /* @__PURE__ */ n(s, {
           isChecked: u,
-          onChange: P
+          onChange: L
         })
       }),
       u && x && /* @__PURE__ */ n(w, {
@@ -9474,7 +9463,7 @@ var _m = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
           onChange: M
         })
       }),
-      L && /* @__PURE__ */ n(w, {
+      k && /* @__PURE__ */ n(w, {
         label: l("editor.graphPanel.graphOptions.categoryLabels"),
         children: /* @__PURE__ */ n(s, {
           isChecked: p,
@@ -10245,28 +10234,28 @@ var _m = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
   }
 ], Fg = 0.05, Bg = (e) => e === null ? null : Bt.find((t) => Gg(t.summary, e)) ?? null, Hg = (e, t) => {
   const { summary: r } = e;
-  return t === null || xe(r) ? r : r.position === "dodge" && To(t) ? {
+  return t === null || xe(r) ? r : r.position === "dodge" && wo(t) ? {
     ...r,
     position: "identity"
-  } : r.coordType !== "polar" || !it(r.innerRadius) || t.coordType !== "polar" || !it(t.innerRadius) ? r : {
+  } : r.coordType !== "polar" || !ot(r.innerRadius) || t.coordType !== "polar" || !ot(t.innerRadius) ? r : {
     ...r,
     innerRadius: t.innerRadius
   };
-}, To = (e) => !xe(e) && e.geom === "bar" && e.position === "identity", Gg = (e, t) => {
+}, wo = (e) => !xe(e) && e.geom === "bar" && e.position === "identity", Gg = (e, t) => {
   if (xe(e) || xe(t)) return xe(e) && xe(t);
-  const r = e.position === t.position || e.position === "dodge" && To(t);
-  return e.coordType !== t.coordType || e.geom !== t.geom || !r ? !1 : e.coordType !== "polar" || t.coordType !== "polar" ? !0 : e.theta === t.theta && it(e.innerRadius) === it(t.innerRadius);
-}, it = (e) => e >= Fg, Vg = 3, x5 = ({ title: e, layout: t = "collapsible", preview: r }) => {
+  const r = e.position === t.position || e.position === "dodge" && wo(t);
+  return e.coordType !== t.coordType || e.geom !== t.geom || !r ? !1 : e.coordType !== "polar" || t.coordType !== "polar" ? !0 : e.theta === t.theta && ot(e.innerRadius) === ot(t.innerRadius);
+}, ot = (e) => e >= Fg, Vg = 3, x5 = ({ title: e, layout: t = "collapsible", preview: r }) => {
   const a = H(), o = W(a), i = I(), { RadioGrid: l } = G(), s = O(() => Bt.map(({ name: h, icon: p }) => ({
     value: h,
     label: i(`editor.graphTypes.${h}`),
     icon: /* @__PURE__ */ n(p, { size: "md" }),
-    isDisabled: h === "combo" && !Fl(o?.spec) || h === "heatmap" && !Bl(o?.spec)
+    isDisabled: h === "combo" && !zl(o?.spec) || h === "heatmap" && !Fl(o?.spec)
   })), [i, o]);
   if (!o) return null;
-  const c = Wr(o.spec), u = Bg(c), d = (h) => {
+  const c = $r(o.spec), u = Bg(c), d = (h) => {
     const p = Bt.find((g) => g.name === h);
-    p && a.commands.dispatch(new Rr(Hg(p, c)));
+    p && a.commands.dispatch(new Nr(Hg(p, c)));
   };
   return /* @__PURE__ */ n(K, {
     title: e ?? i("editor.graphPanel.graphTypeSection.title"),
@@ -10280,31 +10269,31 @@ var _m = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
       ariaLabel: i("editor.graphPanel.graphTypeSection.title")
     })
   });
-}, mr = [
+}, pr = [
   "solid",
   "dashed",
   "dotted"
 ], $g = 8, Wg = 0, w5 = ({ title: e, layout: t = "collapsible", preview: r }) => {
-  const a = H(), o = W(a), i = I(), { Slider: l, Switch: s, ToggleGroup: c } = G(), u = bt(o);
+  const a = H(), o = W(a), i = I(), { Slider: l, Switch: s, ToggleGroup: c } = G(), u = ft(o);
   if (!o || !u) return null;
   const d = o.guides.axes.filter(Ug);
   if (d.length === 0) return null;
-  const h = o.coordSystem.type !== "polar", p = d.some((x) => x.gridVisible), g = u.gridLine.y().resolve(), v = mr.map((x) => ({
+  const h = o.coordSystem.type !== "polar", p = d.some((x) => x.gridVisible), g = u.gridLine.y().resolve(), v = pr.map((x) => ({
     value: x,
     label: i(`editor.graphPanel.gridSection.lineStyles.${x}`)
-  })), f = (x) => (P) => {
-    a.commands.dispatch(new nl({
+  })), f = (x) => (L) => {
+    a.commands.dispatch(new tl({
       axis: x,
-      isVisible: P
+      isVisible: L
     }));
   }, S = (x) => {
-    const P = mr.find((C) => C === x);
-    P && a.commands.dispatch(new el({
+    const L = pr.find((C) => C === x);
+    L && a.commands.dispatch(new Qi({
       axis: "both",
-      lineStyle: P
+      lineStyle: L
     }));
-  }, L = (x) => {
-    a.commands.dispatch(new tl({
+  }, k = (x) => {
+    a.commands.dispatch(new el({
       axis: "both",
       lineWidth: x
     }), { transient: !0 });
@@ -10333,17 +10322,17 @@ var _m = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
         min: Wg,
         max: $g,
         step: 0.5,
-        formatValue: yt,
-        onChange: L,
+        formatValue: bt,
+        onChange: k,
         onCommit: a.commands.commit
       })
     })] })] })
   });
-}, Ug = (e) => e.scaleAestheticKey === "x" || e.scaleAestheticKey === "y", Kg = (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", qg = "total", Ao = [
+}, Ug = (e) => e.scaleAestheticKey === "x" || e.scaleAestheticKey === "y", Kg = (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", qg = "total", To = [
   "total",
   "average",
   "current"
-], Xg = ["total"], gr = ["previous", "first"], vr = [
+], Xg = ["total"], mr = ["previous", "first"], gr = [
   "auto",
   "small",
   "medium",
@@ -10353,13 +10342,13 @@ var _m = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
   if (!o) return null;
   const c = o.config.headline, u = c.show !== "none", d = o.coordSystem, h = d.type === "polar", p = d.type === "polar" && d.innerRadius > 0, g = o.layers.some((y) => y.summary.grandTotal !== void 0);
   if (h && !g) return null;
-  const v = h ? Xg : Ao, f = o.guides.headline, S = f?.kind === "perGroup" && f.items.some((y) => y.comparison !== null), L = v.map((y) => ({
+  const v = h ? Xg : To, f = o.guides.headline, S = f?.kind === "perGroup" && f.items.some((y) => y.comparison !== null), k = v.map((y) => ({
     value: y,
     label: i(`editor.graphPanel.headlineNumberSection.metrics.${y}`)
-  })), x = gr.map((y) => ({
+  })), x = mr.map((y) => ({
     value: y,
     label: i(`editor.graphPanel.headlineNumberSection.comparison.${y}`)
-  })), P = vr.map((y) => ({
+  })), L = gr.map((y) => ({
     value: y,
     label: i(y === "auto" ? "editor.graphPanel.numberFormat.options.auto" : `editor.graphPanel.headlineNumberSize.sizes.${y}`)
   })), C = [{
@@ -10374,13 +10363,13 @@ var _m = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
     const b = v.find((U) => U === y);
     b && a.commands.dispatch(new xn({ show: b }));
   }, E = (y) => {
-    const b = gr.find((U) => U === y);
-    b && a.commands.dispatch(new rl({ compareWith: b }));
+    const b = mr.find((U) => U === y);
+    b && a.commands.dispatch(new nl({ compareWith: b }));
   }, R = (y) => {
-    const b = vr.find((U) => U === y);
-    b && a.commands.dispatch(new ol({ size: b }));
+    const b = gr.find((U) => U === y);
+    b && a.commands.dispatch(new al({ size: b }));
   }, D = (y) => {
-    a.commands.dispatch(new al({ position: y === "center" ? "center" : "above" }));
+    a.commands.dispatch(new rl({ position: y === "center" ? "center" : "above" }));
   };
   return /* @__PURE__ */ n(K, {
     title: e ?? i("editor.graphPanel.headlineNumberSection.title"),
@@ -10393,12 +10382,12 @@ var _m = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
         onChange: M
       })
     }), u && /* @__PURE__ */ m(Y, { children: [
-      L.length > 1 && /* @__PURE__ */ n(w, {
+      k.length > 1 && /* @__PURE__ */ n(w, {
         label: i("editor.graphPanel.headlineNumberSection.metricLabel"),
         layout: "stack",
         children: /* @__PURE__ */ n(s, {
           value: c.show,
-          options: L,
+          options: k,
           onChange: A
         })
       }),
@@ -10415,7 +10404,7 @@ var _m = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
         label: i("editor.graphPanel.headlineNumberSize.sizeLabel"),
         children: /* @__PURE__ */ n(s, {
           value: c.size,
-          options: P,
+          options: L,
           onChange: R
         })
       }),
@@ -10430,7 +10419,7 @@ var _m = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
     ] })] })
   });
 }, Zg = (e, t) => {
-  const r = Ao.find((a) => a === t);
+  const r = To.find((a) => a === t);
   return r && e(`editor.graphPanel.headlineNumberSection.metrics.${r}`);
 }, Lt = [
   "top",
@@ -10438,19 +10427,19 @@ var _m = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
   "left",
   "right",
   "none"
-], fr = [
+], vr = [
   "auto",
   "start",
   "center",
   "end"
-], br = [
+], fr = [
   "auto",
   "pill",
   "direct"
 ], A5 = ({ positions: e, title: t, layout: r = "collapsible", preview: a }) => {
   const o = H(), i = W(o), l = I(), { ToggleGroup: s } = G();
   if (!i) return null;
-  const c = i.config.legend.position, u = e ?? Lt, d = i.guides.legends.drawn[0], h = zl({
+  const c = i.config.legend.position, u = e ?? Lt, d = i.guides.legends.drawn[0], h = _l({
     legendPosition: i.guides.legends.position,
     coordSystem: i.coordSystem,
     layers: i.layers
@@ -10459,19 +10448,19 @@ var _m = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
   const v = d?.position ?? "none", f = c === "auto" ? v : c, S = Lt.filter((D) => D === f || u.includes(D)).map((D) => ({
     value: D,
     label: l(`editor.graphPanel.legendSection.${D}`)
-  })), L = (D) => {
+  })), k = (D) => {
     const y = Lt.find((b) => b === D);
-    y && o.commands.dispatch(new dl({ position: y }));
+    y && o.commands.dispatch(new cl({ position: y }));
   }, x = (D) => {
+    const y = vr.find((b) => b === D);
+    y && o.commands.dispatch(new ll({ align: y }));
+  }, L = (D) => {
     const y = fr.find((b) => b === D);
-    y && o.commands.dispatch(new sl({ align: y }));
-  }, P = (D) => {
-    const y = br.find((b) => b === D);
-    y && o.commands.dispatch(new cl({ display: y }));
-  }, C = fr.map((D) => ({
+    y && o.commands.dispatch(new sl({ display: y }));
+  }, C = vr.map((D) => ({
     value: D,
     label: l(`editor.graphPanel.legendSection.align.${D}`)
-  })), M = br.map((D) => ({
+  })), M = fr.map((D) => ({
     value: D,
     label: l(`editor.graphPanel.legendSection.display.${D}`)
   })), A = t ?? l("editor.graphPanel.legendSection.title"), E = S.find((D) => D.value === f)?.label, R = d !== void 0;
@@ -10486,7 +10475,7 @@ var _m = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
         children: /* @__PURE__ */ n(s, {
           value: f,
           options: S,
-          onChange: L
+          onChange: k
         })
       }),
       R && /* @__PURE__ */ n(w, {
@@ -10504,27 +10493,27 @@ var _m = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
         children: /* @__PURE__ */ n(s, {
           value: i.config.legend.display,
           options: M,
-          onChange: P
+          onChange: L
         })
       })
     ] })
   });
-}, jg = 1, Yg = 20, Jg = 0.5, ko = ({ layerId: e }) => {
+}, jg = 1, Yg = 20, Jg = 0.5, Ao = ({ layerId: e }) => {
   const t = H(), r = W(t), { Slider: a } = G(), o = gn(r, e, "point");
   if (!r) return null;
   const i = (l) => {
-    const s = new gl({
+    const s = new ml({
       layerId: e,
       size: l
     });
     t.commands.dispatch(s, { transient: !0 });
   };
   return /* @__PURE__ */ n(a, {
-    value: o?.get("size") ?? _i,
+    value: o?.get("size") ?? Di,
     min: jg,
     max: Yg,
     step: Jg,
-    formatValue: yt,
+    formatValue: bt,
     onChange: i,
     onCommit: t.commands.commit
   });
@@ -10533,31 +10522,31 @@ var _m = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
   "zero",
   "connect"
 ], k5 = ({ title: e, layout: t = "collapsible", preview: r }) => {
-  const a = H(), o = W(a), i = I(), { Select: l, Slider: s, Switch: c, ToggleGroup: u } = G(), d = o?.spec.layers ?? [], h = Vr(d, "line", "area"), p = gn(o, h?.id ?? null, "line");
+  const a = H(), o = W(a), i = I(), { Select: l, Slider: s, Switch: c, ToggleGroup: u } = G(), d = o?.spec.layers ?? [], h = Gr(d, "line", "area"), p = gn(o, h?.id ?? null, "line");
   if (!o || !h) return null;
-  const g = o.coordSystem.type === "polar", v = o0(i, h), f = a0(h, d), S = yr(o.spec, h.geom, "strokeWidth", h.id), L = typeof S == "number", x = h.geom === "line" ? h : void 0, P = [{
+  const g = o.coordSystem.type === "polar", v = o0(i, h), f = a0(h, d), S = br(o.spec, h.geom, "strokeWidth", h.id), k = typeof S == "number", x = h.geom === "line" ? h : void 0, L = [{
     value: "auto",
     label: i("editor.graphPanel.numberFormat.options.auto")
   }, {
     value: "custom",
     label: i("editor.graphPanel.numberFormat.options.custom")
   }], C = (y) => {
-    a.commands.dispatch(new Il({
+    a.commands.dispatch(new Pl({
       layerId: h.id,
       showPoints: y
     }));
   }, M = (y) => {
-    x && a.commands.dispatch(new Pl({
+    x && a.commands.dispatch(new Ll({
       layerId: x.id,
       showFill: y
     }));
   }, A = (y) => {
-    a.commands.dispatch(new ul({
+    a.commands.dispatch(new dl({
       layerId: h.id,
       curve: y ? "smooth" : "linear"
     }));
   }, E = (y) => {
-    const b = p?.get("strokeWidth") ?? zi;
+    const b = p?.get("strokeWidth") ?? _i;
     a.commands.dispatch(new wn({
       layerId: h.id,
       lineWidth: y === "custom" ? b : null
@@ -10569,7 +10558,7 @@ var _m = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
     }), { transient: !0 });
   }, D = (y) => {
     const b = r0(y);
-    b && a.commands.dispatch(new hl({
+    b && a.commands.dispatch(new ul({
       layerId: h.id,
       missingValues: b
     }));
@@ -10588,12 +10577,12 @@ var _m = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
       }),
       f && /* @__PURE__ */ n(w, {
         label: i("editor.graphPanel.pointSize.label"),
-        children: /* @__PURE__ */ n(ko, { layerId: f.id })
+        children: /* @__PURE__ */ n(Ao, { layerId: f.id })
       }),
       x && !g && /* @__PURE__ */ n(w, {
         label: i("editor.graphPanel.graphOptions.lineFill"),
         children: /* @__PURE__ */ n(c, {
-          isChecked: yr(o.spec, "line", "fillAlpha", x.id) !== void 0,
+          isChecked: br(o.spec, "line", "fillAlpha", x.id) !== void 0,
           onChange: M
         })
       }),
@@ -10607,19 +10596,19 @@ var _m = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
       /* @__PURE__ */ n(w, {
         label: i("editor.graphPanel.lineThickness.label"),
         children: /* @__PURE__ */ n(u, {
-          value: L ? "custom" : "auto",
-          options: P,
+          value: k ? "custom" : "auto",
+          options: L,
           onChange: E
         })
       }),
-      L && /* @__PURE__ */ n(w, {
+      k && /* @__PURE__ */ n(w, {
         label: i("editor.graphPanel.numberFormat.valueLabel"),
         children: /* @__PURE__ */ n(s, {
           value: S,
           min: Qg,
           max: e0,
           step: t0,
-          formatValue: yt,
+          formatValue: bt,
           onChange: R,
           onCommit: a.commands.commit
         })
@@ -10634,7 +10623,7 @@ var _m = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
       })
     ] })
   });
-}, r0 = (e) => n0.find((t) => t === e), yr = (e, t, r, a) => jl(e.styles.overrides, Dl(t, a))?.[r], a0 = (e, t) => Pt(t, "point").find((r) => $r(r, [e])), o0 = (e, t) => {
+}, r0 = (e) => n0.find((t) => t === e), br = (e, t, r, a) => Zl(e.styles.overrides, Rl(t, a))?.[r], a0 = (e, t) => Pt(t, "point").find((r) => Vr(r, [e])), o0 = (e, t) => {
   const r = [{
     value: "gap",
     label: e("editor.graphPanel.treatEmptyValues.leaveGap.label")
@@ -10667,7 +10656,7 @@ var _m = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
       value: p ?? (h ? null : Ht),
       options: s0(d, p, h ? null : l),
       chooseColumn: (g) => {
-        r.commands.dispatch(new pl({
+        r.commands.dispatch(new hl({
           aesthetic: u,
           variable: g === Ht ? null : g
         }));
@@ -10717,24 +10706,24 @@ var _m = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
 ], p0 = ["auto", "none"], P5 = ({ title: e, layout: t = "collapsible", preview: r }) => {
   const a = H(), o = W(a), i = I(), { NumberField: l, ToggleGroup: s } = G();
   if (!o) return null;
-  const { abbreviation: c, decimals: u } = o.config.numberFormat, d = m0(c) !== void 0, h = u !== "auto", p = (P) => P.map((C) => ({
+  const { abbreviation: c, decimals: u } = o.config.numberFormat, d = m0(c) !== void 0, h = u !== "auto", p = (L) => L.map((C) => ({
     value: C,
     label: i(`editor.graphPanel.numberFormat.options.${C}`)
-  })), g = Gt.map(({ value: P, labelKey: C }) => ({
-    value: P,
+  })), g = Gt.map(({ value: L, labelKey: C }) => ({
+    value: L,
     label: i(`common.abbreviations.${C}`)
-  })), v = (P) => {
-    a.commands.dispatch(new ml({ abbreviation: P }));
-  }, f = (P) => {
-    const C = p0.find((M) => M === P);
+  })), v = (L) => {
+    a.commands.dispatch(new pl({ abbreviation: L }));
+  }, f = (L) => {
+    const C = p0.find((M) => M === L);
     v(C ?? c0);
-  }, S = (P) => {
-    const C = Gt.find((M) => M.value === P);
+  }, S = (L) => {
+    const C = Gt.find((M) => M.value === L);
     C && v(C.value);
-  }, L = (P) => {
-    a.commands.dispatch(new Tn({ decimals: P === "custom" ? d0 : "auto" }));
-  }, x = (P) => {
-    P !== null && a.commands.dispatch(new Tn({ decimals: P }), { transient: !0 });
+  }, k = (L) => {
+    a.commands.dispatch(new Tn({ decimals: L === "custom" ? d0 : "auto" }));
+  }, x = (L) => {
+    L !== null && a.commands.dispatch(new Tn({ decimals: L }), { transient: !0 });
   };
   return /* @__PURE__ */ n(K, {
     title: e ?? i("editor.graphPanel.numberFormatSection.title"),
@@ -10766,7 +10755,7 @@ var _m = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
         children: /* @__PURE__ */ n(s, {
           value: h ? "custom" : "auto",
           options: p(["auto", "custom"]),
-          onChange: L
+          onChange: k
         })
       }),
       h && /* @__PURE__ */ n(w, {
@@ -10791,19 +10780,19 @@ var _m = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
     preview: r,
     children: /* @__PURE__ */ n(J, { children: /* @__PURE__ */ n(w, {
       label: o("editor.graphPanel.numberFormat.valueLabel"),
-      children: /* @__PURE__ */ n(ko, { layerId: i.id })
+      children: /* @__PURE__ */ n(Ao, { layerId: i.id })
     }) })
   }) : null;
 }, g0 = (e) => {
   const t = Pt(e, "line", "area");
-  return Pt(e, "point").find((r) => !$r(r, t));
+  return Pt(e, "point").find((r) => !Vr(r, t));
 }, v0 = 0.9, f0 = 360, b0 = 0.05, y0 = 15, E5 = ({ title: e, layout: t = "collapsible", preview: r }) => {
   const a = H(), o = W(a), i = I(), { Slider: l } = G();
   if (!o || o.spec.coords.coordType !== "polar") return null;
   const { innerRadius: s, startAngle: c } = o.spec.coords.params, u = (h) => {
-    a.commands.dispatch(new vl({ innerRadius: h }), { transient: !0 });
+    a.commands.dispatch(new gl({ innerRadius: h }), { transient: !0 });
   }, d = (h) => {
-    a.commands.dispatch(new fl({ startAngle: h }), { transient: !0 });
+    a.commands.dispatch(new vl({ startAngle: h }), { transient: !0 });
   };
   return /* @__PURE__ */ n(K, {
     title: e ?? i("editor.graphPanel.polarSection.title"),
@@ -10816,7 +10805,7 @@ var _m = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
         min: 0,
         max: v0,
         step: b0,
-        formatValue: wo,
+        formatValue: xo,
         onChange: u,
         onCommit: a.commands.commit
       })
@@ -10856,7 +10845,7 @@ var _m = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
       fill: "currentColor"
     })
   ]
-}), Sr = (e) => /* @__PURE__ */ m(T, {
+}), yr = (e) => /* @__PURE__ */ m(T, {
   ...e,
   children: [
     /* @__PURE__ */ n("path", {
@@ -10886,7 +10875,7 @@ var _m = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
     }
   };
   const { parsingLocale: t, numberFormat: r } = e.config, a = e.guides.colorGroups.map((o) => {
-    const i = Ul({
+    const i = Wl({
       valueFormat: o.valueFormat,
       locale: t,
       numberFormat: r
@@ -10903,7 +10892,7 @@ var _m = "_40zvwv8", K = ({ 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]), Cr = [
+}, [e]), Sr = [
   "linear",
   "exponential",
   "quadratic",
@@ -10914,32 +10903,32 @@ var _m = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
 ], x0 = "linear", O5 = ({ title: e, layout: t = "collapsible", preview: r }) => {
   const a = H(), o = W(a), i = I(), { Select: l, Switch: s } = G(), { options: c, findValue: u } = C0(o);
   if (!o || o.coordSystem.type === "polar") return null;
-  const d = Jl(o.spec.layers), h = ql(o.spec.layers), p = d?.stat.type === "smooth" ? d.stat.method : x0, g = w0(h), v = Cr.map((C) => ({
+  const d = Yl(o.spec.layers), h = Kl(o.spec.layers), p = d?.stat.type === "smooth" ? d.stat.method : x0, g = w0(h), v = Sr.map((C) => ({
     value: C,
     label: i(`editor.annotationsPanel.trendType.options.${C}`)
   })), f = (C, M = {}) => {
-    const A = d ?? h, E = new xl({
+    const A = d ?? h, E = new Cl({
       line: C,
       ...M,
       ...A !== void 0 && { layerId: A.id },
       label: i("editor.annotationsPanel.trendsAndAveragesSection.average")
     });
     a.commands.dispatch(E);
-  }, S = (C) => f(C ? "trend" : "none", { method: p }), L = (C) => f(C ? "average" : "none", { group: g ?? u(c[0]?.value ?? "") }), x = (C) => {
-    const M = Cr.find((A) => A === C);
+  }, S = (C) => f(C ? "trend" : "none", { method: p }), k = (C) => f(C ? "average" : "none", { group: g ?? u(c[0]?.value ?? "") }), x = (C) => {
+    const M = Sr.find((A) => A === C);
     M !== void 0 && f("trend", { method: M });
-  }, P = (C) => {
+  }, L = (C) => {
     const M = C === null ? void 0 : u(C);
     M !== void 0 && f("average", { group: M });
   };
   return /* @__PURE__ */ n(K, {
     title: e ?? i("editor.annotationsPanel.trendsAndAveragesSection.title"),
     layout: t,
-    preview: r ?? /* @__PURE__ */ n(Sr, { size: "lg" }),
+    preview: r ?? /* @__PURE__ */ n(yr, { size: "lg" }),
     children: /* @__PURE__ */ m(J, { children: [
       /* @__PURE__ */ n(w, {
         label: i("editor.annotationsPanel.trendsAndAveragesSection.trend"),
-        icon: /* @__PURE__ */ n(Sr, { size: "lg" }),
+        icon: /* @__PURE__ */ n(yr, { size: "lg" }),
         children: /* @__PURE__ */ n(s, {
           isChecked: d !== void 0,
           onChange: S
@@ -10959,7 +10948,7 @@ var _m = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
         icon: /* @__PURE__ */ n(S0, { size: "lg" }),
         children: /* @__PURE__ */ n(s, {
           isChecked: h !== void 0,
-          onChange: L
+          onChange: k
         })
       }),
       h !== void 0 && c.length > 0 && /* @__PURE__ */ n(w, {
@@ -10967,7 +10956,7 @@ var _m = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
         children: /* @__PURE__ */ n(l, {
           value: g === void 0 ? null : String(g),
           options: c,
-          onChange: P,
+          onChange: L,
           placeholder: i("editor.annotationsPanel.averageLineSeries.placeholder"),
           ariaLabel: i("editor.annotationsPanel.averageLineSeries.ariaLabel")
         })
@@ -10981,14 +10970,14 @@ var _m = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
 export {
   v5 as AppearanceSection,
   g5 as AxesPanel,
-  dr as AxisSection,
+  cr as AxisSection,
   f5 as BarSection,
   z2 as Button,
   b5 as CalloutsSection,
   Wm as CaptionSection,
   y5 as ComboSection,
   p5 as EditableGraphRenderer,
-  Co as EditorPanel,
+  So as EditorPanel,
   m5 as ElementsPanel,
   S5 as GoalSection,
   C5 as GraphOptionsSection,