@graphysdk/react-renderer 1.9.0-beta.1791471985655 → 1.9.0-beta.1791474469645

package/dist/editable.mjs

@@ -1,15 +1,15 @@
-import { $ as $r, $t as Wr, At as ee, Bt as Ur, C as Ai, Ct as ki, D as Li, E as Pi, Et as ue, F as Ii, G as $, H as Ei, I as L, J as Oi, Jt as Mi, K as Ni, Mt as Ri, N as Di, O as Kr, P as _i, Q as dn, Qt as qr, S as Fi, T as Le, Tt as zi, U as Bi, Ut as Hi, W as J, X as U, Xt as Gi, Y as Vi, Yt as Xr, Z as un, _ as Ne, _n as z, _t as $i, an as Wi, b as jr, c as Zr, cn as Ui, ct as Ki, d as qi, dn as Yr, dt as ie, en as ce, et as hn, f as Xi, g as Jr, gt as ji, h as pn, hn as R, i as Qr, it as ea, jt as Zi, k as yt, kt as je, l as Yi, lt as _n, m as Ji, n as le, nn as Ge, nt as Qi, o as el, on as tl, ot as nl, p as ta, pn as X, pt as St, q as Fn, qt as rl, r as K, rt as na, st as al, t as ol, tn as mn, tt as Ct, u as il, ut as ll, v as sl, vt as P, wt as cl, x as dl, xt as Re, y as ul, yn as hl, yt as pl, z as ml, zt as gl } from "./history-chords-Db33Un6K.js";
-import { ARROW_DEFAULTS as vl, ARROW_STICKER_DECLARATIONS as fl, ARROW_STROKE_WIDTHS_PX as Ft, AddAnnotationCommand as we, AddHighlightCommand as bl, BORDER_RADIUS_TOKENS as zn, COMBO_TYPES as Bn, CONSTANT_VARIABLES as yl, DASH_PRESETS as Sl, DEFAULT_BAR_CORNER_RADIUS as Cl, DEFAULT_GEOM_COLOR as xl, DEFAULT_POINT_SIZE_PX as wl, DEFAULT_STROKE_WIDTH_PX as Tl, DIFFERENCE_ARROW_DEFAULTS as ra, DIFFERENCE_ARROW_SIZE_DECLARATIONS as Hn, InternalError as Al, MAX_BAR_WIDTH_FRACTION as kl, MIN_BAR_WIDTH_FRACTION as Ll, MoveAnnotationCommand as Pl, RESTING_HOVER_STATE as gn, RemoveAnnotationCommand as We, RemoveHighlightCommand as Il, SHAPE_DEFAULTS as El, SequenceCommand as Ol, SetAxisLabelCommand as aa, SetAxisPositionCommand as oa, SetAxisTickModeCommand as ia, SetAxisTicksVisibilityCommand as Ml, SetAxisVisibilityCommand as Nl, SetBarCornerRadiusCommand as Rl, SetBarWidthCommand as Dl, SetChartTypeCommand as la, SetContentCaptionCommand as sa, SetContentSourceCommand as _l, SetContentSubtitleCommand as ca, SetContentTitleCommand as da, SetDataLabelsFormatCommand as ua, SetDifferenceArrowStyleCommand as Fl, SetGridLineStyleCommand as zl, SetGridLineWidthCommand as Bl, SetGridVisibilityCommand as Hl, SetHeadlineCompareWithCommand as Gl, SetHeadlinePositionCommand as Vl, SetHeadlineShowCommand as Gn, SetHeadlineSizeCommand as $l, SetHighlightDimStyleCommand as Wl, SetLayerYScaleTypeCommand as Ul, SetLegendAlignCommand as Kl, SetLegendDisplayCommand as ql, SetLegendPlacementCommand as Xl, SetLegendPositionCommand as jl, SetLineCurveCommand as Zl, SetLineMissingValuesCommand as Yl, SetLineWidthCommand as Vn, SetMappingCommand as Jl, SetNumberFormatAbbreviationCommand as Ql, SetNumberFormatDecimalsCommand as $n, SetObservationsColorCommand as es, SetPointSizeCommand as ts, SetPolarInnerRadiusCommand as ns, SetPolarStartAngleCommand as rs, SetRuleLabelCommand as as, SetRuleValueCommand as os, SetScaleDomainCommand as Ie, SetScaleReverseCommand as is, SetScaleTransformCommand as ls, SetStatLineCommand as ss, SetStyleRuleCommand as Oe, TEXT_ANNOTATION_DEFAULTS as cs, TEXT_ANNOTATION_FADE_ALPHA as ds, ToggleCategoryLabelsCommand as ha, ToggleContentVisibilityCommand as xt, ToggleDataLabelsCommand as pa, ToggleGoalLineCommand as us, ToggleLineFillCommand as hs, ToggleLinePointsCommand as ps, ToggleStackTotalsCommand as ma, UpdateAnnotationCommand as he, alignUnitFractions as ms, areAnchorsEqual as ga, areEditTargetsEqual as va, areEndpointsComparable as gs, buildEditMenuTriggerRegion as vs, buildLayerStyleAddress as fs, buildObservationPredicate as bs, buildObservationsTarget as wt, buildObservationsTargetAtValue as fa, canAnchorDirectLabels as ys, canBecomeCombo as Ss, canBecomeHeatmap as Cs, clampAnnotationTranslation as xs, combineKindStyleDeclarations as Wn, computeArrow as ba, createObservationAnchorBuilder as ws, createObservationAnchorParser as Ts, createStyleResolver as As, createValueFormatter as ya, createXValueReader as ks, filterLayersByGeoms as Ut, findAnnotation as Ls, findAverageLineLayer as Ps, findAxisGuide as Is, findCompanionLayers as Sa, findGoalLineLayer as Es, findHighlightsAtObservation as Os, findHostLayer as Ms, findLayerByGeom as Ca, findLayerById as ve, findObservationAttachment as Ns, findStyleRule as Ae, findTrendLineLayer as Rs, formatDifferenceLabel as Ds, getBoundingRect as Kt, getGroupVariables as _s, getXBand as Fs, getYBand as zs, hasMainAxisBand as Bs, hasMultipleGroups as Hs, inferDefaultDifferenceArrowEndpoints as Gs, inferDifferenceArrowEndpoints as Vs, isComboChartType as Ee, isCompanionLayer as xa, isObservationAttachmentKind as $s, isPointWithinEditMenuTrigger as vn, isSafeUrl as Ws, isZeroAnchoredAxis as wa, measureObservationsBoxes as Ta, projectAnchorToPanel as dt, readBroadestObservationsScope as Us, readChartType as Aa, readComboLineLayerId as Ks, readCompanionRowsAtScopeKey as qs, readConstantValue as Xs, readEditTargetKey as Tt, readGeomColor as js, readHighlightDimStyle as Zs, readMainAxis as Ys, readMappableAesthetics as Js, readMappedVariable as Qs, readObservationIndex as ka, readObservationsColorRoute as ec, readPaletteChoices as tc, readPresentedObservationsColor as nc, readReachableLevels as rc, readRowScopeKey as ac, readRowsAtScopeKey as oc, readScopeXVariable as ic, readStyleCoord as De, readStyleRulesBeneath as lc, readVariableName as At, resolveArrowAnnotationStyle as fn, resolveBarBandFraction as sc, resolveComparisonBasis as cc, resolveDifferenceArrowAnnotationStyle as dc, resolveEditOutlineStyle as uc, resolveObservationPoint as La, resolveObservationsTarget as Un, stepDifferenceArrowEndpoint as hc, toDashPreset as qt, toPaintColor as ut, toPanelCursor as kt } from "@graphysdk/viz-engine";
-import { Fragment as pc, createContext as _e, memo as Pa, useCallback as ae, useContext as ye, useEffect as _, useId as ke, useLayoutEffect as Me, useMemo as I, useRef as ne, useState as Q } from "react";
+import { $ as $r, $t as Wr, At as ee, Bt as Ur, C as ki, Ct as Li, D as Pi, E as Ii, Et as ue, F as Ei, G as $, H as Oi, I as L, J as Mi, Jt as Ni, K as Ri, Mt as Di, N as _i, O as Kr, P as Fi, Q as dn, Qt as qr, S as zi, T as Le, Tt as Bi, U as Hi, Ut as Gi, W as J, X as U, Xt as Vi, Y as $i, Yt as Xr, Z as un, _ as Ne, _n as B, _t as Wi, an as Ui, b as jr, c as Zr, cn as Ki, ct as qi, d as Xi, dn as Yr, dt as ie, en as ce, et as hn, f as ji, g as Jr, gt as Zi, h as pn, hn as R, i as Qr, it as ea, jt as Yi, k as yt, kt as je, l as Ji, lt as _n, m as Qi, n as le, nn as Ge, nt as el, o as tl, on as nl, ot as rl, p as ta, pn as X, pt as St, q as Fn, qt as al, r as K, rt as na, st as ol, t as il, tn as mn, tt as Ct, u as ll, ut as sl, v as cl, vt as I, wt as dl, x as ul, xt as Re, y as hl, yn as pl, yt as ml, z as gl, zt as vl } from "./history-chords-BJe5GL-a.js";
+import { ARROW_DEFAULTS as fl, ARROW_STICKER_DECLARATIONS as bl, ARROW_STROKE_WIDTHS_PX as Ft, AddAnnotationCommand as we, AddHighlightCommand as yl, BORDER_RADIUS_TOKENS as zn, COMBO_TYPES as Bn, CONSTANT_VARIABLES as Sl, DASH_PRESETS as Cl, DEFAULT_BAR_CORNER_RADIUS as xl, DEFAULT_GEOM_COLOR as wl, DEFAULT_POINT_SIZE_PX as Tl, DEFAULT_STROKE_WIDTH_PX as Al, DIFFERENCE_ARROW_DEFAULTS as ra, DIFFERENCE_ARROW_SIZE_DECLARATIONS as Hn, InternalError as kl, MAX_BAR_WIDTH_FRACTION as Ll, MIN_BAR_WIDTH_FRACTION as Pl, MoveAnnotationCommand as Il, RESTING_HOVER_STATE as gn, RemoveAnnotationCommand as We, RemoveHighlightCommand as El, SHAPE_DEFAULTS as Ol, SequenceCommand as Ml, SetAxisLabelCommand as aa, SetAxisPositionCommand as oa, SetAxisTickModeCommand as ia, SetAxisTicksVisibilityCommand as Nl, SetAxisVisibilityCommand as Rl, SetBarCornerRadiusCommand as Dl, SetBarWidthCommand as _l, SetChartTypeCommand as la, SetContentCaptionCommand as sa, SetContentSourceCommand as Fl, SetContentSubtitleCommand as ca, SetContentTitleCommand as da, SetDataLabelsFormatCommand as ua, SetDifferenceArrowStyleCommand as zl, SetGridLineStyleCommand as Bl, SetGridLineWidthCommand as Hl, SetGridVisibilityCommand as Gl, SetHeadlineCompareWithCommand as Vl, SetHeadlinePositionCommand as $l, SetHeadlineShowCommand as Gn, SetHeadlineSizeCommand as Wl, SetHighlightDimStyleCommand as Ul, SetLayerYScaleTypeCommand as Kl, SetLegendAlignCommand as ql, SetLegendDisplayCommand as Xl, SetLegendPlacementCommand as jl, SetLegendPositionCommand as Zl, SetLineCurveCommand as Yl, SetLineMissingValuesCommand as Jl, SetLineWidthCommand as Vn, SetMappingCommand as Ql, SetNumberFormatAbbreviationCommand as es, SetNumberFormatDecimalsCommand as $n, SetObservationsColorCommand as ts, SetPointSizeCommand as ns, SetPolarInnerRadiusCommand as rs, SetPolarStartAngleCommand as as, SetRuleLabelCommand as os, SetRuleValueCommand as is, SetScaleDomainCommand as Ie, SetScaleReverseCommand as ls, SetScaleTransformCommand as ha, SetStatLineCommand as ss, SetStyleRuleCommand as Oe, TEXT_ANNOTATION_DEFAULTS as cs, TEXT_ANNOTATION_FADE_ALPHA as ds, ToggleCategoryLabelsCommand as pa, ToggleContentVisibilityCommand as xt, ToggleDataLabelsCommand as ma, ToggleGoalLineCommand as us, ToggleLineFillCommand as hs, ToggleLinePointsCommand as ps, ToggleStackTotalsCommand as ga, UpdateAnnotationCommand as he, alignUnitFractions as ms, areAnchorsEqual as va, areEditTargetsEqual as fa, areEndpointsComparable as gs, buildEditMenuTriggerRegion as vs, buildLayerStyleAddress as fs, buildObservationPredicate as bs, buildObservationsTarget as wt, buildObservationsTargetAtValue as ba, canAnchorDirectLabels as ys, canBecomeCombo as Ss, canBecomeHeatmap as Cs, clampAnnotationTranslation as xs, combineKindStyleDeclarations as Wn, computeArrow as ya, createObservationAnchorBuilder as ws, createObservationAnchorParser as Ts, createStyleResolver as As, createValueFormatter as Sa, createXValueReader as ks, filterLayersByGeoms as Ut, findAnnotation as Ls, findAverageLineLayer as Ps, findAxisGuide as Is, findCompanionLayers as Ca, findGoalLineLayer as Es, findHighlightsAtObservation as Os, findHostLayer as Ms, findLayerByGeom as xa, findLayerById as ve, findObservationAttachment as Ns, findStyleRule as Ae, findTrendLineLayer as Rs, formatDifferenceLabel as Ds, getBoundingRect as Kt, getGroupVariables as _s, getXBand as Fs, getYBand as zs, hasMainAxisBand as Bs, hasMultipleGroups as Hs, inferDefaultDifferenceArrowEndpoints as Gs, inferDifferenceArrowEndpoints as Vs, isComboChartType as Ee, isCompanionLayer as wa, isObservationAttachmentKind as $s, isPointWithinEditMenuTrigger as vn, isSafeUrl as Ws, isZeroAnchoredAxis as Ta, measureObservationsBoxes as Aa, projectAnchorToPanel as dt, readBroadestObservationsScope as Us, readChartType as ka, readComboLineLayerId as Ks, readCompanionRowsAtScopeKey as qs, readConstantValue as Xs, readEditTargetKey as Tt, readGeomColor as js, readHighlightDimStyle as Zs, readMainAxis as Ys, readMappableAesthetics as Js, readMappedVariable as Qs, readObservationIndex as La, readObservationsColorRoute as ec, readPaletteChoices as tc, readPresentedObservationsColor as nc, readReachableLevels as rc, readRowScopeKey as ac, readRowsAtScopeKey as oc, readScopeXVariable as ic, readStyleCoord as De, readStyleRulesBeneath as lc, readVariableName as At, resolveArrowAnnotationStyle as fn, resolveBarBandFraction as sc, resolveComparisonBasis as cc, resolveDifferenceArrowAnnotationStyle as dc, resolveEditOutlineStyle as uc, resolveObservationPoint as Pa, resolveObservationsTarget as Un, stepDifferenceArrowEndpoint as hc, toDashPreset as qt, toPaintColor as ut, toPanelCursor as kt } from "@graphysdk/viz-engine";
+import { Fragment as pc, createContext as _e, memo as Ia, useCallback as ae, useContext as ye, useEffect as z, useId as ke, useLayoutEffect as Me, useMemo as E, useRef as ne, useState as Q } from "react";
 import { Fragment as q, jsx as r, jsxs as g } from "react/jsx-runtime";
 import { motion as mc } from "motion/react";
 import { useShallow as fe } from "zustand/react/shallow";
 import { assignInlineVars as Pe } from "@vanilla-extract/dynamic";
-import { createPortal as Ia } from "react-dom";
+import { createPortal as Ea } from "react-dom";
 import be from "clsx";
 import { clamp as $e } from "lodash-es";
 import { autoUpdate as gc, flip as vc, offset as fc, shift as bc, useFloating as yc } from "@floating-ui/react-dom";
-import { Extension as Ea } from "@tiptap/core";
+import { Extension as Oa } from "@tiptap/core";
 import { Bold as Sc } from "@tiptap/extension-bold";
 import { Document as ht } from "@tiptap/extension-document";
 import { HardBreak as Cc } from "@tiptap/extension-hard-break";
@@ -18,18 +18,18 @@ import { Italic as wc } from "@tiptap/extension-italic";
 import { Link as Tc } from "@tiptap/extension-link";
 import { Text as Ac } from "@tiptap/extension-text";
 import { TextAlign as kc } from "@tiptap/extension-text-align";
-import { Color as Lc, FontFamily as Oa, TextStyle as Pc } from "@tiptap/extension-text-style";
+import { Color as Lc, FontFamily as Ma, TextStyle as Pc } from "@tiptap/extension-text-style";
 import { Underline as Ic } from "@tiptap/extension-underline";
 import { Placeholder as bn, UndoRedo as Ec } from "@tiptap/extensions";
-import { Paragraph as Ma } from "@tiptap/extension-paragraph";
-import { EditorContent as Na, useEditor as Oc, useEditorState as Mc } from "@tiptap/react";
+import { Paragraph as Na } from "@tiptap/extension-paragraph";
+import { EditorContent as Ra, useEditor as Oc, useEditorState as Mc } from "@tiptap/react";
 import { Toolbar as Se } from "@base-ui/react/toolbar";
 import { Tooltip as se } from "@base-ui/react/tooltip";
 import { Popover as Y } from "@base-ui/react/popover";
 import { HexColorInput as Nc, HexColorPicker as Rc } from "react-colorful";
 import { NumberField as Kn } from "@base-ui/react/number-field";
-import { Radio as Ra } from "@base-ui/react/radio";
-import { RadioGroup as Da } from "@base-ui/react/radio-group";
+import { Radio as Da } from "@base-ui/react/radio";
+import { RadioGroup as _a } from "@base-ui/react/radio-group";
 import { Select as me } from "@base-ui/react/select";
 import { Slider as ge } from "@base-ui/react/slider";
 import { Switch as qn } from "@base-ui/react/switch";
@@ -2444,17 +2444,17 @@ import './editable.css';var zc = {
   "en-US": qc,
   ar: Gc,
   "pt-PT": Yc
-}, Qc = [Jc, pl], ed = ({ children: e, ...t }) => /* @__PURE__ */ r($i, {
+}, Qc = [Jc, ml], ed = ({ children: e, ...t }) => /* @__PURE__ */ r(Wi, {
   dictionaries: Qc,
   ...t,
   children: e
-}), td = "data-variant", _a = Ma.extend({ addAttributes() {
+}), td = "data-variant", Fa = Na.extend({ addAttributes() {
   return { variant: {
     default: null,
     parseHTML: (e) => e.getAttribute("data-variant") ?? null,
     renderHTML: (e) => e.variant ? { [td]: e.variant } : {}
   } };
-} }), nd = Ea.create({
+} }), nd = Oa.create({
   name: "preventBackspaceAcrossTitleBoundary",
   addOptions() {
     return { isTitleVisible: !0 };
@@ -2492,9 +2492,9 @@ import './editable.css';var zc = {
     isTitleVisible: n,
     isSubtitleVisible: a
   }),
-  _a,
+  Fa,
   ...yn(),
-  Oa,
+  Ma,
   nd.configure({ isTitleVisible: n }),
   bn.configure({
     showOnlyCurrent: !1,
@@ -2506,9 +2506,9 @@ import './editable.css';var zc = {
   })
 ], ad = ({ placeholder: e }) => [
   ht,
-  _a,
+  Fa,
   ...yn(),
-  Oa,
+  Ma,
   bn.configure({
     showOnlyCurrent: !1,
     placeholder: ({ pos: t }) => t === 0 ? e : ""
@@ -2527,8 +2527,8 @@ import './editable.css';var zc = {
   focus: "color-mix(in srgb, transparent, var(--graphy-editor-text, var(--graphy-editor-default-text)) 55.00000000000001%)",
   focusWidth: "2px",
   shadow: "var(--graphy-editor-default-shadow)"
-}, Fa = _e(null), za = ({ labelId: e, controlId: t, children: n }) => {
-  const a = I(() => {
+}, za = _e(null), Ba = ({ labelId: e, controlId: t, children: n }) => {
+  const a = E(() => {
     let o = null;
     return {
       labelId: e,
@@ -2536,26 +2536,26 @@ import './editable.css';var zc = {
       claimControlId: (i) => (o ??= i, o === i)
     };
   }, [e, t]);
-  return /* @__PURE__ */ r(Fa.Provider, {
+  return /* @__PURE__ */ r(za.Provider, {
     value: a,
     children: n
   });
 }, Ce = ({ id: e, ariaLabel: t, ariaLabelledBy: n }, a = !0) => {
-  const o = ye(Fa), i = ke(), [l] = Q(() => a ? o?.claimControlId(i) ?? !1 : !1), s = e ?? (l ? o?.controlId : void 0), c = n ?? (t === void 0 ? o?.labelId : void 0);
+  const o = ye(za), i = ke(), [l] = Q(() => a ? o?.claimControlId(i) ?? !1 : !1), s = e ?? (l ? o?.controlId : void 0), c = n ?? (t === void 0 ? o?.labelId : void 0);
   return {
     ...s !== void 0 && { id: s },
     ...t !== void 0 && { "aria-label": t },
     ...c !== void 0 && { "aria-labelledby": c }
   };
-}, ld = "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))", Ba = "_14ty2ng0", Xn = "_14ty2ng1", sd = "_14ty2ng2", cd = "_14ty2ng3", Ha = "_14ty2ng4";
-var Ga = "transparent", Va = (e) => e === "transparent" ? {
+}, ld = "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))", Ha = "_14ty2ng0", Xn = "_14ty2ng1", sd = "_14ty2ng2", cd = "_14ty2ng3", Ga = "_14ty2ng4";
+var Va = "transparent", $a = (e) => e === "transparent" ? {
   background: ld,
   border: `1px solid ${ce.border100}`
 } : {
   background: e,
   border: `1px solid ${id.border}`
 }, dd = ({ title: e, colors: t, value: n, onChange: a, trailing: o, isClearable: i = !1, isDisabled: l, id: s, ariaLabel: c, ariaLabelledBy: h }) => {
-  const d = P(), u = Ce({
+  const d = I(), u = Ce({
     id: s,
     ariaLabel: c,
     ariaLabelledBy: h
@@ -2563,17 +2563,17 @@ var Ga = "transparent", Va = (e) => e === "transparent" ? {
     type: "button",
     "aria-label": m === "transparent" ? d("graph.colorDropdown.transparent") : m,
     className: cd,
-    "data-active": $a(m, n),
+    "data-active": Wa(m, n),
     disabled: l,
     onMouseDown: (f) => f.preventDefault(),
     onClick: () => a(m),
     children: /* @__PURE__ */ r("span", {
-      className: Ha,
-      style: Va(m)
+      className: Ga,
+      style: $a(m)
     })
   }, m);
   return /* @__PURE__ */ g("div", {
-    className: Ba,
+    className: Ha,
     children: [e !== void 0 && /* @__PURE__ */ r("div", {
       className: "_14ty2ng1",
       children: e
@@ -2593,7 +2593,7 @@ var Ga = "transparent", Va = (e) => e === "transparent" ? {
       })]
     })]
   });
-}, $a = (e, t) => t !== null && e.toLowerCase() === t.toLowerCase();
+}, Wa = (e, t) => t !== null && e.toLowerCase() === t.toLowerCase();
 var ud = {
   default: "woi4bh4 woi4bh3",
   tile: "woi4bh5 woi4bh3"
@@ -2617,27 +2617,27 @@ var ud = {
       children: e
     })]
   });
-}, pd = "data-graphy-chart-chrome", md = "data-graphy-chart-menu", Sn = { [md]: "" }, Lt = (e) => ({ [pd]: e }), ct = (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, Xt = (e) => e instanceof Element && e.closest("[data-graphy-chart-chrome]") !== null, Ua = (e, t, n) => n !== null && vn({
+}, pd = "data-graphy-chart-chrome", md = "data-graphy-chart-menu", Sn = { [md]: "" }, Lt = (e) => ({ [pd]: e }), ct = (e, t) => e instanceof Element && e.closest(`[data-graphy-chart-chrome="${CSS.escape(t)}"]`) !== null, Ua = (e) => e instanceof Element && e.closest("[data-graphy-chart-menu]") !== null, Xt = (e) => e instanceof Element && e.closest("[data-graphy-chart-chrome]") !== null, Ka = (e, t, n) => n !== null && vn({
   x: e.clientX - t.x,
   y: e.clientY - t.y
-}, n), Xe = (e, t, n) => e instanceof Node && (t.contains(e) || ct(e, n)), gd = "cml7ha0", Ka = _e(null), vd = ({ children: e }) => {
-  const { chartId: t } = z(), [n] = Q(ue), [a, o] = Q(null);
-  return n === null ? null : /* @__PURE__ */ g(q, { children: [Ia(/* @__PURE__ */ r("div", {
+}, n), Xe = (e, t, n) => e instanceof Node && (t.contains(e) || ct(e, n)), gd = "cml7ha0", qa = _e(null), vd = ({ children: e }) => {
+  const { chartId: t } = B(), [n] = Q(ue), [a, o] = Q(null);
+  return n === null ? null : /* @__PURE__ */ g(q, { children: [Ea(/* @__PURE__ */ r("div", {
     ref: o,
     className: gd,
     ...Lt(t)
-  }), n), /* @__PURE__ */ r(Ka.Provider, {
+  }), n), /* @__PURE__ */ r(qa.Provider, {
     value: a,
     children: e
   })] });
-}, Ze = () => ye(Ka), fd = "_178jeit0", bd = "_178jeit1 _14ty2ng3", yd = "_178jeit2 _14ty2ng4", Sd = "_178jeit3", Cd = "_178jeit4", xd = "_178jeit5", wd = "_178jeit6", Td = "_178jeit7", Ad = {
+}, Ze = () => ye(qa), fd = "_178jeit0", bd = "_178jeit1 _14ty2ng3", yd = "_178jeit2 _14ty2ng4", Sd = "_178jeit3", Cd = "_178jeit4", xd = "_178jeit5", wd = "_178jeit6", Td = "_178jeit7", Ad = {
   side: "flip",
   align: "shift",
   fallbackAxisSide: "end"
 }, kd = ({ value: e, onChange: t, onCommit: n, popupAttributes: a, variant: o = "default" }) => {
-  const i = P(), l = Ze(), [s, c] = Q(!1), h = (p) => {
+  const i = I(), l = Ze(), [s, c] = Q(!1), h = (p) => {
     c(p), p || n?.();
-  }, d = e !== null && Gi(e) ? e : "#000000", u = Xr(d) ? d.toUpperCase() : "#000000";
+  }, d = e !== null && Vi(e) ? e : "#000000", u = Xr(d) ? d.toUpperCase() : "#000000";
   return /* @__PURE__ */ g(Y.Root, {
     open: s,
     onOpenChange: h,
@@ -2647,7 +2647,7 @@ var ud = {
       "aria-label": i("graph.colorDropdown.pickCustom"),
       children: /* @__PURE__ */ r("span", { className: yd })
     }) : /* @__PURE__ */ g("div", {
-      className: Ba,
+      className: Ha,
       children: [/* @__PURE__ */ r("div", {
         className: Xn,
         children: i("graph.colorDropdown.custom")
@@ -2656,8 +2656,8 @@ var ud = {
         onMouseDown: (p) => p.preventDefault(),
         "aria-label": i("graph.colorDropdown.pickCustom"),
         children: [/* @__PURE__ */ r("span", {
-          className: Ha,
-          style: Va(d)
+          className: Ga,
+          style: $a(d)
         }), /* @__PURE__ */ r("span", {
           className: Cd,
           children: u
@@ -2703,18 +2703,18 @@ var ud = {
   const e = ye(Cn);
   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;
-}, qa = ({ children: e, onKeyDown: t, ...n }) => {
+}, Xa = ({ children: e, onKeyDown: t, ...n }) => {
   const a = ye(Cn);
   return /* @__PURE__ */ r("div", {
     onKeyDown: (i) => {
       if (t?.(i), !a || i.defaultPrevented) return;
-      const l = ol(i.nativeEvent);
+      const l = il(i.nativeEvent);
       l && (i.preventDefault(), l === "undo" ? a.undo() : a.redo());
     },
     ...n,
     children: e
   });
-}, Xa = "keyboard", Pt = (e) => {
+}, ja = "keyboard", Pt = (e) => {
   const t = ne(!1), n = ne(!1), a = () => {
     t.current = !1, n.current && (n.current = !1, e?.());
   };
@@ -2753,15 +2753,15 @@ var Ed = ({ value: e, onChange: t, onCommit: n, min: a, max: o, step: i, placeho
   return /* @__PURE__ */ r(Kn.Root, {
     className: Ld,
     value: e,
-    onValueChange: (w) => t(w),
-    onValueCommitted: (w, x) => {
-      f(x.reason === Xa);
+    onValueChange: (x) => t(x),
+    onValueCommitted: (x, w) => {
+      f(w.reason === ja);
     },
     min: a,
     max: o,
     step: i,
     disabled: h,
-    children: /* @__PURE__ */ g(qa, {
+    children: /* @__PURE__ */ g(Xa, {
       className: Pd,
       "data-error": d === !0,
       "data-disabled": h === !0 ? "" : void 0,
@@ -2787,18 +2787,18 @@ var Ed = ({ value: e, onChange: t, onCommit: n, min: a, max: o, step: i, placeho
 }, xn = ({ children: e }) => {
   const { themeValues: t } = St();
   return /* @__PURE__ */ r(ie, {
-    style: I(() => Pe({
+    style: E(() => Pe({
       [ce.fontFamily]: t.fontFamily,
       [ce.textScale]: t.textScale
     }), [t]),
     children: e
   });
 };
-var ja = "srewh00", Od = "srewh01", Md = {
+var Za = "srewh00", Od = "srewh01", Md = {
   pointer: null,
   focus: null,
   last: "pointer"
-}, Za = _e({
+}, Ya = _e({
   isHovered: !1,
   isDismissed: !1,
   reachedTooltipId: null,
@@ -2820,7 +2820,7 @@ var ja = "srewh00", Od = "srewh01", Md = {
       ...b,
       [f]: null
     } : b);
-  }, []), d = ae(() => i(!0), []), u = Nd(l), p = I(() => ({
+  }, []), d = ae(() => i(!0), []), u = Nd(l), p = E(() => ({
     isHovered: n,
     isDismissed: o,
     reachedTooltipId: u,
@@ -2841,14 +2841,14 @@ var ja = "srewh00", Od = "srewh01", Md = {
       m.pointerType !== "touch" && (a(!0), i(!1));
     },
     onPointerLeave: () => a(!1),
-    children: /* @__PURE__ */ r(Za.Provider, {
+    children: /* @__PURE__ */ r(Ya.Provider, {
       value: p,
       children: t
     })
   });
-}, Ya = ({ label: e, isChecked: t = !1, children: n }) => {
-  const { isHovered: a, isDismissed: o, reachedTooltipId: i, reach: l, release: s, dismiss: c } = ye(Za), h = ke(), [d, u] = Q(!1), p = a ? !o && (i === h || t && i === null) : d;
-  _(() => () => {
+}, Ja = ({ label: e, isChecked: t = !1, children: n }) => {
+  const { isHovered: a, isDismissed: o, reachedTooltipId: i, reach: l, release: s, dismiss: c } = ye(Ya), h = ke(), [d, u] = Q(!1), p = a ? !o && (i === h || t && i === null) : d;
+  z(() => () => {
     s(h, "pointer"), s(h, "focus");
   }, [h, s]);
   const v = (m, f) => {
@@ -2871,7 +2871,7 @@ var ja = "srewh00", Od = "srewh01", Md = {
         sideOffset: 6,
         className: Od,
         children: /* @__PURE__ */ r(se.Popup, {
-          className: ja,
+          className: Za,
           children: e
         })
       }) })
@@ -2891,7 +2891,7 @@ var _d = 6, Fd = ({ options: e, value: t, onChange: n, onCommit: a, columns: o,
     ariaLabel: s,
     ariaLabelledBy: c
   }), u = i === "tile", p = i === "swatch", v = i === "icon", { commitAfterChange: m, gestureHandlers: f } = Pt(a);
-  return /* @__PURE__ */ r(Da, {
+  return /* @__PURE__ */ r(_a, {
     className: be(Rd, zd(o ?? e.length), v && "_1b7s5f9"),
     value: t,
     onValueChange: (b) => {
@@ -2901,7 +2901,7 @@ var _d = 6, Fd = ({ options: e, value: t, onChange: n, onCommit: a, columns: o,
     disabled: l,
     ...d,
     children: e.map((b) => {
-      const w = /* @__PURE__ */ g(Ra.Root, {
+      const x = /* @__PURE__ */ g(Da.Root, {
         value: b.value,
         disabled: b.isDisabled,
         className: be(Dd, p && "_1b7s5f8", v && "_1b7s5fa"),
@@ -2915,11 +2915,11 @@ var _d = 6, Fd = ({ options: e, value: t, onChange: n, onCommit: a, columns: o,
           children: b.label
         })]
       }, b.value);
-      return v ? /* @__PURE__ */ r(Ya, {
+      return v ? /* @__PURE__ */ r(Ja, {
         label: b.label,
         isChecked: b.value === t,
-        children: w
-      }, b.value) : w;
+        children: x
+      }, b.value) : x;
     })
   });
 }, zd = (e) => {
@@ -2937,7 +2937,7 @@ var _d = 6, Fd = ({ options: e, value: t, onChange: n, onCommit: a, columns: o,
     default:
       return He[6];
   }
-}, Ja = (e) => /* @__PURE__ */ r(L, {
+}, Qa = (e) => /* @__PURE__ */ r(L, {
   ...e,
   children: /* @__PURE__ */ r("g", {
     stroke: "currentColor",
@@ -3004,7 +3004,7 @@ var Kd = ({ options: e, value: t, onChange: n, placeholder: a, isDisabled: o, ha
               }),
               /* @__PURE__ */ r(me.ItemIndicator, {
                 className: jn,
-                children: /* @__PURE__ */ r(Ja, { size: "sm" })
+                children: /* @__PURE__ */ r(Qa, { size: "sm" })
               })
             ]
           }, d.value))
@@ -3027,8 +3027,8 @@ var tu = ({ value: e, onChange: t, onCommit: n, min: a, max: o, step: i, suffix:
       className: Zd,
       value: e,
       onValueChange: (b) => t(b),
-      onValueCommitted: (b, w) => {
-        m(w.reason === Xa);
+      onValueCommitted: (b, x) => {
+        m(x.reason === ja);
       },
       min: a,
       max: o,
@@ -3070,7 +3070,7 @@ var tu = ({ value: e, onChange: t, onCommit: n, min: a, max: o, step: i, suffix:
     ariaLabel: l,
     ariaLabelledBy: s
   });
-  return /* @__PURE__ */ r(qa, {
+  return /* @__PURE__ */ r(Xa, {
     className: lu,
     "data-error": i === !0,
     children: /* @__PURE__ */ r(Dc, {
@@ -3085,13 +3085,13 @@ var tu = ({ value: e, onChange: t, onCommit: n, min: a, max: o, step: i, suffix:
     })
   });
 }, cu = "cnu9yl0", du = "cnu9yl1";
-var Qa = ({ options: e, value: t, onChange: n, onCommit: a, itemLayout: o = "inline", hasEqualWidths: i = !1, isDisabled: l, ariaLabel: s, ariaLabelledBy: c, id: h }) => {
+var eo = ({ options: e, value: t, onChange: n, onCommit: a, itemLayout: o = "inline", hasEqualWidths: i = !1, isDisabled: l, ariaLabel: s, ariaLabelledBy: c, id: h }) => {
   const d = Ce({
     id: h,
     ariaLabel: s,
     ariaLabelledBy: c
   }), u = o === "stacked", { commitAfterChange: p, gestureHandlers: v } = Pt(a);
-  return /* @__PURE__ */ r(Da, {
+  return /* @__PURE__ */ r(_a, {
     className: cu,
     value: t,
     onValueChange: (m) => {
@@ -3101,28 +3101,28 @@ var Qa = ({ options: e, value: t, onChange: n, onCommit: a, itemLayout: o = "inl
     disabled: l,
     ...d,
     children: e.map((m) => {
-      const f = uu(m, u), b = /* @__PURE__ */ g(Ra.Root, {
+      const f = uu(m, u), b = /* @__PURE__ */ g(Da.Root, {
         value: m.value,
         disabled: m.isDisabled,
         className: be(du, u && "cnu9yl3", i && "cnu9yl2"),
         "aria-label": f,
-        children: [m.icon, eo(m, u) && /* @__PURE__ */ r("span", {
+        children: [m.icon, to(m, u) && /* @__PURE__ */ r("span", {
           className: "cnu9yl4",
           children: m.label
         })]
       }, m.value);
-      return f === void 0 ? b : /* @__PURE__ */ r(Ya, {
+      return f === void 0 ? b : /* @__PURE__ */ r(Ja, {
         label: f,
         isChecked: m.value === t,
         children: b
       }, m.value);
     })
   });
-}, eo = (e, t) => e.icon === void 0 || t, uu = (e, t) => {
-  if (!eo(e, t))
+}, to = (e, t) => e.icon === void 0 || t, uu = (e, t) => {
+  if (!to(e, t))
     return e.label;
 }, hu = {
-  ToggleGroup: Qa,
+  ToggleGroup: eo,
   Switch: ou,
   Slider: tu,
   RadioGrid: Fd,
@@ -3133,7 +3133,7 @@ var Qa = ({ options: e, value: t, onChange: n, onCommit: a, itemLayout: o = "inl
   ColorSwatches: dd,
   CustomColor: kd
 }, Zt = _e(hu), pu = ({ controls: e, children: t }) => {
-  const n = ye(Zt), a = I(() => ({
+  const n = ye(Zt), a = E(() => ({
     ToggleGroup: e?.ToggleGroup ?? n.ToggleGroup,
     Switch: e?.Switch ?? n.Switch,
     Slider: e?.Slider ?? n.Slider,
@@ -3161,7 +3161,7 @@ var Qa = ({ options: e, value: t, onChange: n, onCommit: a, itemLayout: o = "inl
     value: a,
     children: t
   });
-}, B = () => ye(Zt);
+}, H = () => ye(Zt);
 var mu = "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))", gu = "d0bl00";
 var vu = "d0bl03", fu = "d0bl04", bu = "owf1yg0", yu = "owf1yg1", Su = "owf1yg2", Cu = "owf1yg3", xu = "owf1yg4", wu = 0.01, Tu = ({ value: e, onChange: t, label: n }) => /* @__PURE__ */ r(ge.Root, {
   className: bu,
@@ -3181,7 +3181,7 @@ var vu = "d0bl03", fu = "d0bl04", bu = "owf1yg0", yu = "owf1yg1", Su = "owf1yg2"
     })
   })
 }), Yt = Wr.map((e) => ce[e]), Au = Object.fromEntries(Wr.map((e) => [ce[e], e])), ku = (e) => Yt.some((t) => t.toLowerCase() === e.toLowerCase()), Lu = ({ color: e, onChange: t, isOpen: n, onOpenChange: a, children: o, label: i, popupAttributes: l, opacity: s, onOpacityChange: c, hasTransparentOption: h = !1 }) => {
-  const d = P(), { ColorSwatches: u } = B(), p = Eu(), v = h ? [Ga, ...Yt] : Yt, m = (f) => {
+  const d = I(), { ColorSwatches: u } = H(), p = Eu(), v = h ? [Va, ...Yt] : Yt, m = (f) => {
     t(f), a(!1);
   };
   return /* @__PURE__ */ g(Y.Root, {
@@ -3245,7 +3245,7 @@ var vu = "d0bl03", fu = "d0bl04", bu = "owf1yg0", yu = "owf1yg1", Su = "owf1yg2"
   const n = Au[e];
   return n === void 0 ? e : t[n];
 }, Iu = ({ value: e, onChange: t, popupAttributes: n }) => {
-  const { CustomColor: a } = B(), { themeValues: o } = St();
+  const { CustomColor: a } = H(), { themeValues: o } = St();
   return /* @__PURE__ */ r(a, {
     value: e === null ? null : Pu(e, o),
     onChange: t,
@@ -3253,7 +3253,7 @@ var vu = "d0bl03", fu = "d0bl04", bu = "owf1yg0", yu = "owf1yg1", Su = "owf1yg2"
   });
 }, Eu = () => {
   const e = R((t) => t.scales.color);
-  return I(() => {
+  return E(() => {
     if (!e || e.kind !== "visual") return [];
     const t = /* @__PURE__ */ new Set();
     for (const n of e.domain) {
@@ -3293,7 +3293,7 @@ var vu = "d0bl03", fu = "d0bl04", bu = "owf1yg0", yu = "owf1yg1", Su = "owf1yg2"
   className: be(Nu, e)
 }), Vu = ({ children: e }) => {
   const t = ue();
-  return t === null ? null : Ia(/* @__PURE__ */ r(ie, { children: e }), t);
+  return t === null ? null : Ea(/* @__PURE__ */ r(ie, { children: e }), t);
 }, Z = {
   Portal: Vu,
   Root: Bu,
@@ -3334,8 +3334,8 @@ var vu = "d0bl03", fu = "d0bl04", bu = "owf1yg0", yu = "owf1yg1", Su = "owf1yg2"
     preview: "Aa",
     fontFamily: Ku
   }
-], qu = (e) => e ? Jt.find((t) => t.fontFamily === e) ?? null : null, to = "_70l3rt0", no = "_70l3rt1", ro = "_70l3rt3", ao = "_70l3rt4", oo = "_70l3rt5", Xu = ({ editor: e, currentFontFamily: t, isOpen: n, onOpenChange: a }) => {
-  const o = P(), i = qu(t) ?? Jt[0], l = (s) => {
+], qu = (e) => e ? Jt.find((t) => t.fontFamily === e) ?? null : null, no = "_70l3rt0", ro = "_70l3rt1", ao = "_70l3rt3", oo = "_70l3rt4", io = "_70l3rt5", Xu = ({ editor: e, currentFontFamily: t, isOpen: n, onOpenChange: a }) => {
+  const o = I(), i = qu(t) ?? Jt[0], l = (s) => {
     e.chain().focus().setFontFamily(s.fontFamily).run();
   };
   return /* @__PURE__ */ g(G.Root, {
@@ -3344,10 +3344,10 @@ var vu = "d0bl03", fu = "d0bl04", bu = "owf1yg0", yu = "owf1yg1", Su = "owf1yg2"
     children: [/* @__PURE__ */ g(G.Trigger, {
       render: /* @__PURE__ */ r(Se.Button, {}),
       "aria-label": o("graph.toolbar.font.ariaLabel"),
-      className: to,
+      className: no,
       onMouseDown: (s) => s.preventDefault(),
       children: [/* @__PURE__ */ r("span", {
-        className: no,
+        className: ro,
         style: { fontFamily: i?.fontFamily },
         children: i?.preview
       }), /* @__PURE__ */ r(Ye, { size: "sm" })]
@@ -3357,12 +3357,12 @@ var vu = "d0bl03", fu = "d0bl04", bu = "owf1yg0", yu = "owf1yg1", Su = "owf1yg2"
         side: "bottom",
         align: "start",
         sideOffset: 6,
-        className: ro,
+        className: ao,
         children: /* @__PURE__ */ r(G.Popup, {
-          className: ao,
+          className: oo,
           onMouseDown: (s) => s.preventDefault(),
           children: Jt.map((s) => /* @__PURE__ */ r(G.Item, {
-            className: oo,
+            className: io,
             "data-selected": s.id === i?.id,
             onClick: () => l(s),
             children: /* @__PURE__ */ r("span", {
@@ -3374,7 +3374,7 @@ var vu = "d0bl03", fu = "d0bl04", bu = "owf1yg0", yu = "owf1yg1", Su = "owf1yg2"
       }) })
     })]
   });
-}, io = {
+}, lo = {
   id: "text",
   translationKey: "graph.toolbar.heading.text",
   previewFont: ce.fontTextEditorBody
@@ -3384,7 +3384,7 @@ var vu = "d0bl03", fu = "d0bl04", bu = "owf1yg0", yu = "owf1yg1", Su = "owf1yg2"
     translationKey: "graph.toolbar.heading.caption",
     previewFont: ce.fontTextEditorH6
   },
-  io,
+  lo,
   {
     id: "h3",
     translationKey: "graph.toolbar.heading.heading3",
@@ -3401,17 +3401,17 @@ var vu = "d0bl03", fu = "d0bl04", bu = "owf1yg0", yu = "owf1yg1", Su = "owf1yg2"
     previewFont: ce.fontTextEditorH1
   }
 ], ju = ({ editor: e, activeStyle: t, isOpen: n, onOpenChange: a }) => {
-  const o = P(), i = Zn.find((l) => l.id === t) ?? io;
+  const o = I(), i = Zn.find((l) => l.id === t) ?? lo;
   return /* @__PURE__ */ g(G.Root, {
     open: n,
     onOpenChange: a,
     children: [/* @__PURE__ */ g(G.Trigger, {
       render: /* @__PURE__ */ r(Se.Button, {}),
       "aria-label": o("graph.toolbar.heading.ariaLabel"),
-      className: to,
+      className: no,
       onMouseDown: (l) => l.preventDefault(),
       children: [/* @__PURE__ */ r("span", {
-        className: no,
+        className: ro,
         children: o(i.translationKey)
       }), /* @__PURE__ */ r(Ye, { size: "sm" })]
     }), /* @__PURE__ */ r(G.Portal, {
@@ -3420,12 +3420,12 @@ var vu = "d0bl03", fu = "d0bl04", bu = "owf1yg0", yu = "owf1yg1", Su = "owf1yg2"
         side: "bottom",
         align: "start",
         sideOffset: 6,
-        className: ro,
+        className: ao,
         children: /* @__PURE__ */ r(G.Popup, {
-          className: ao,
+          className: oo,
           onMouseDown: (l) => l.preventDefault(),
           children: Zn.map((l) => /* @__PURE__ */ r(G.Item, {
-            className: oo,
+            className: io,
             "data-selected": l.id === i.id,
             onClick: () => Zu(e, l.id),
             children: /* @__PURE__ */ r(Yu, {
@@ -3489,8 +3489,8 @@ var vu = "d0bl03", fu = "d0bl04", bu = "owf1yg0", yu = "owf1yg1", Su = "owf1yg2"
     to: o + l
   };
 }, Yn = (e) => e !== void 0 && /\S/.test(e), nh = "fop13s0", rh = "fop13s1", ah = "fop13s2", oh = "fop13s3", Jn = "fop13s4", ih = ({ editor: e, currentUrl: t, isActive: n, isOpen: a, onOpenChange: o }) => {
-  const i = P(), [l, s] = Q(""), c = ne(null);
-  _(() => {
+  const i = I(), [l, s] = Q(""), c = ne(null);
+  z(() => {
     a && s(t ?? "");
   }, [a, t]);
   const h = () => {
@@ -3546,7 +3546,7 @@ var vu = "d0bl03", fu = "d0bl04", bu = "owf1yg0", yu = "owf1yg1", Su = "owf1yg2"
               "aria-label": i("graph.toolbar.link.apply"),
               className: Jn,
               onClick: h,
-              children: /* @__PURE__ */ r(Ja, {})
+              children: /* @__PURE__ */ r(Qa, {})
             })
           ]
         })
@@ -3569,7 +3569,7 @@ var vu = "d0bl03", fu = "d0bl04", bu = "owf1yg0", yu = "owf1yg1", Su = "owf1yg2"
   }
   const o = th(e);
   e.chain().focus().setTextSelection(o).setLink({ href: n }).run();
-}, lo = (e) => /* @__PURE__ */ r(L, {
+}, so = (e) => /* @__PURE__ */ r(L, {
   ...e,
   children: /* @__PURE__ */ g("g", {
     stroke: "currentColor",
@@ -3582,7 +3582,7 @@ var vu = "d0bl03", fu = "d0bl04", bu = "owf1yg0", yu = "owf1yg1", Su = "owf1yg2"
       /* @__PURE__ */ r("path", { d: "M19 19H5" })
     ]
   })
-}), so = (e) => /* @__PURE__ */ r(L, {
+}), co = (e) => /* @__PURE__ */ r(L, {
   ...e,
   children: /* @__PURE__ */ g("g", {
     stroke: "currentColor",
@@ -3595,7 +3595,7 @@ var vu = "d0bl03", fu = "d0bl04", bu = "owf1yg0", yu = "owf1yg1", Su = "owf1yg2"
       /* @__PURE__ */ r("path", { d: "M21 19H7" })
     ]
   })
-}), co = (e) => /* @__PURE__ */ r(L, {
+}), uo = (e) => /* @__PURE__ */ r(L, {
   ...e,
   children: /* @__PURE__ */ g("g", {
     stroke: "currentColor",
@@ -3626,31 +3626,31 @@ var vu = "d0bl03", fu = "d0bl04", bu = "owf1yg0", yu = "owf1yg1", Su = "owf1yg2"
       sideOffset: 6,
       className: ch,
       children: /* @__PURE__ */ r(se.Popup, {
-        className: ja,
+        className: Za,
         children: e
       })
     }) })
   })] });
 }, dh = ({ editor: e, activeAlignment: t = "left" }) => {
-  const n = P();
+  const n = I();
   return /* @__PURE__ */ g(q, { children: [
     /* @__PURE__ */ r(Ve, {
       label: n("graph.toolbar.textAlign.left"),
       isActive: t === "left",
       onToggle: () => e.chain().focus().setTextAlign("left").run(),
-      children: /* @__PURE__ */ r(co, {})
+      children: /* @__PURE__ */ r(uo, {})
     }),
     /* @__PURE__ */ r(Ve, {
       label: n("graph.toolbar.textAlign.center"),
       isActive: t === "center",
       onToggle: () => e.chain().focus().setTextAlign("center").run(),
-      children: /* @__PURE__ */ r(lo, {})
+      children: /* @__PURE__ */ r(so, {})
     }),
     /* @__PURE__ */ r(Ve, {
       label: n("graph.toolbar.textAlign.right"),
       isActive: t === "right",
       onToggle: () => e.chain().focus().setTextAlign("right").run(),
-      children: /* @__PURE__ */ r(so, {})
+      children: /* @__PURE__ */ r(co, {})
     })
   ] });
 }, uh = "_1u34vl40", hh = ({ editor: e }) => ({
@@ -3664,7 +3664,7 @@ var vu = "d0bl03", fu = "d0bl04", bu = "owf1yg0", yu = "owf1yg1", Su = "owf1yg2"
   fontSize: ph(e),
   textAlign: mh(e)
 }), ph = (e) => e ? e.isActive("heading", { level: 1 }) ? "h1" : e.isActive("heading", { level: 2 }) ? "h2" : e.isActive("heading", { level: 3 }) ? "h3" : e.isActive("paragraph", { variant: "caption" }) ? "caption" : "text" : "text", mh = (e) => e ? e.isActive({ textAlign: "center" }) ? "center" : e.isActive({ textAlign: "right" }) ? "right" : "left" : "left", gh = 8, vh = 8, fh = ({ editor: e }) => {
-  const t = P(), [n, a] = Q(!1), [o, i] = Q(null), l = o !== null, s = (v) => (m) => {
+  const t = I(), [n, a] = Q(!1), [o, i] = Q(null), l = o !== null, s = (v) => (m) => {
     i(m ? v : null);
   }, { refs: c, floatingStyles: h } = yc({
     placement: "top-start",
@@ -3681,13 +3681,13 @@ var vu = "d0bl03", fu = "d0bl04", bu = "owf1yg0", yu = "owf1yg1", Su = "owf1yg2"
   }), p = ae((v) => {
     d.current = v, c.setFloating(v);
   }, [c]);
-  return _(() => {
+  return z(() => {
     e && c.setReference(e.view.dom);
-  }, [e, c]), _(() => {
+  }, [e, c]), z(() => {
     if (!e) return;
     const v = () => a(!0), m = ({ event: f }) => {
-      const { relatedTarget: b, currentTarget: w } = f, x = b instanceof Node && d.current?.contains(b), C = b instanceof Node && w instanceof Node && w.contains(b);
-      !x && !C && a(!1);
+      const { relatedTarget: b, currentTarget: x } = f, w = b instanceof Node && d.current?.contains(b), C = b instanceof Node && x instanceof Node && x.contains(b);
+      !w && !C && a(!1);
     };
     return e.on("focus", v), e.on("blur", m), () => {
       e.off("focus", v), e.off("blur", m);
@@ -3751,14 +3751,14 @@ var vu = "d0bl03", fu = "d0bl04", bu = "owf1yg0", yu = "owf1yg1", Su = "owf1yg2"
       }) })
     ]
   }) });
-}, bh = "_1uy50v30", uo = ({ editor: e, ariaLabel: t }) => /* @__PURE__ */ g("div", {
+}, bh = "_1uy50v30", ho = ({ editor: e, ariaLabel: t }) => /* @__PURE__ */ g("div", {
   className: bh,
-  children: [/* @__PURE__ */ r(fh, { editor: e }), /* @__PURE__ */ r(Na, {
+  children: [/* @__PURE__ */ r(fh, { editor: e }), /* @__PURE__ */ r(Ra, {
     editor: e,
     "aria-label": t
   })]
 }), yh = 200, wn = ({ content: e, extensions: t, isEditable: n, onUpdate: a, updateDebounceMs: o = yh }) => {
-  const i = ne(Qn(e)), l = ne(i.current), s = cl((h) => {
+  const i = ne(Qn(e)), l = ne(i.current), s = dl((h) => {
     l.current = h, a?.(h);
   }, o), c = Oc({
     extensions: t,
@@ -3771,9 +3771,9 @@ var vu = "d0bl03", fu = "d0bl04", bu = "owf1yg0", yu = "owf1yg1", Su = "owf1yg2"
       s.run(d);
     }
   });
-  return _(() => {
+  return z(() => {
     c?.setEditable(n);
-  }, [c, n]), _(() => {
+  }, [c, n]), z(() => {
     if (!c) return;
     const h = Qn(e);
     zt(l.current, h) || (l.current = h, !zt(c.getJSON(), h) && (s.cancel(), Sh(c, h)));
@@ -3781,7 +3781,7 @@ var vu = "d0bl03", fu = "d0bl04", bu = "owf1yg0", yu = "owf1yg1", Su = "owf1yg2"
     c,
     e,
     s
-  ]), _(() => () => s.flush(), [s]), c;
+  ]), z(() => () => s.flush(), [s]), c;
 }, Qn = (e) => e === null ? {
   type: "doc",
   content: []
@@ -3805,7 +3805,7 @@ var vu = "d0bl03", fu = "d0bl04", bu = "owf1yg0", yu = "owf1yg1", Su = "owf1yg2"
 }, zt = (e, t) => JSON.stringify(pt(e)) === JSON.stringify(pt(t)), pt = (e) => Array.isArray(e) ? e.map(pt) : e === null || typeof e != "object" ? e : Object.fromEntries(Object.entries(e).map(([t, n]) => [t, pt(n)]).filter(([, t]) => !Ch(t)).sort(([t], [n]) => String(t).localeCompare(String(n)))), Ch = (e) => e == null || typeof e == "object" && Object.keys(e).length === 0, xh = ({ caption: e, captionStyle: t }) => {
   const { dispatch: n } = le(), a = wn({
     content: e,
-    extensions: I(() => ad({ placeholder: "Add caption" }), []),
+    extensions: E(() => ad({ placeholder: "Add caption" }), []),
     isEditable: !0,
     onUpdate: (o) => {
       const i = eh(o) ? null : o;
@@ -3815,14 +3815,14 @@ var vu = "d0bl03", fu = "d0bl04", bu = "owf1yg0", yu = "owf1yg1", Su = "owf1yg2"
   return /* @__PURE__ */ r("div", {
     "data-testid": "caption-editor",
     style: Ur(t),
-    children: /* @__PURE__ */ r(uo, {
+    children: /* @__PURE__ */ r(ho, {
       editor: a,
       ariaLabel: "Chart caption"
     })
   });
 }, wh = (e) => [
   ht,
-  Ma,
+  Na,
   ...yn(),
   Ah,
   bn.configure({
@@ -3830,7 +3830,7 @@ var vu = "d0bl03", fu = "d0bl04", bu = "owf1yg0", yu = "owf1yg1", Su = "owf1yg2"
     placeholder: ({ pos: t }) => t === 0 ? e : ""
   })
 ], Th = ({ annotation: e }) => {
-  const t = P(), { dispatch: n } = le(), a = $(), o = I(() => wh(t("graph.annotations.text.placeholder")), [t]), i = wn({
+  const t = I(), { dispatch: n } = le(), a = $(), o = E(() => wh(t("graph.annotations.text.placeholder")), [t]), i = wn({
     content: e.content,
     extensions: o,
     isEditable: !0,
@@ -3842,21 +3842,21 @@ var vu = "d0bl03", fu = "d0bl04", bu = "owf1yg0", yu = "owf1yg1", Su = "owf1yg2"
       }));
     }
   });
-  return _(() => {
+  return z(() => {
     const { setCaretEditor: l } = a.getState();
     return l(i), () => l(null);
-  }, [i, a]), _(() => {
+  }, [i, a]), z(() => {
     i?.commands.focus("end", { scrollIntoView: !1 });
-  }, [i]), /* @__PURE__ */ r(Na, {
+  }, [i]), /* @__PURE__ */ r(Ra, {
     "aria-label": t("graph.annotations.text.editLabel"),
-    className: Xi,
+    className: ji,
     editor: i,
     "data-testid": "text-annotation-editor"
   });
 }, er = (e) => {
-  const t = ll(e);
+  const t = sl(e);
   return t === void 0 ? {} : { style: `font-family: ${t}` };
-}, Ah = Ea.create({
+}, Ah = Oa.create({
   name: "annotationTextStyleAttributes",
   addGlobalAttributes() {
     return [{
@@ -3937,13 +3937,13 @@ var vu = "d0bl03", fu = "d0bl04", bu = "owf1yg0", yu = "owf1yg1", Su = "owf1yg2"
   lineHeight: "var(--uwf6lt3)",
   textColor: "var(--uwf6lt4)"
 }, Rh = "uwf6lt5", Dh = ({ title: e, isTitleVisible: t, isSubtitleVisible: n, subtitle: a, headingStyle: o, subtitleStyle: i }) => {
-  const { dispatch: l } = le(), s = I(() => rd({
+  const { dispatch: l } = le(), s = E(() => rd({
     titlePlaceholder: "Untitled",
     subtitlePlaceholder: "Untitled",
     isTitleVisible: t,
     isSubtitleVisible: n
   }), [t, n]), c = wn({
-    content: I(() => Lh({
+    content: E(() => Lh({
       title: e,
       isTitleVisible: t,
       subtitle: a,
@@ -3966,9 +3966,9 @@ var vu = "d0bl03", fu = "d0bl04", bu = "owf1yg0", yu = "owf1yg1", Su = "owf1yg2"
     "data-testid": "title-editor",
     style: {
       ...Ur(o),
-      ...gl(Nh, i)
+      ...vl(Nh, i)
     },
-    children: /* @__PURE__ */ r(uo, {
+    children: /* @__PURE__ */ r(ho, {
       editor: c,
       ariaLabel: "Chart title and subtitle"
     })
@@ -3977,10 +3977,10 @@ var vu = "d0bl03", fu = "d0bl04", bu = "owf1yg0", yu = "owf1yg1", Su = "owf1yg2"
   Title: Dh,
   Caption: xh,
   TextAnnotation: Th
-}, ho = (e, t) => {
+}, po = (e, t) => {
   const { offsetWidth: n } = e;
   return n <= 0 || t <= 0 ? 1 : t / n;
-}, po = (e) => ho(e, e.getBoundingClientRect().width), nr = (e, t) => {
+}, mo = (e) => po(e, e.getBoundingClientRect().width), nr = (e, t) => {
   const { offsetWidth: n, offsetHeight: a } = e;
   return n <= 0 || a <= 0 ? t : {
     width: n,
@@ -4074,7 +4074,7 @@ var $h = (e, { coordSystem: t, panelRect: n }) => {
     x: s.x + n.x,
     y: s.y + n.y
   })));
-}, Wh = (e, t, n) => Ta({
+}, Wh = (e, t, n) => Aa({
   layer: {
     ...e.layer,
     data: e.layer.data.take(e.rows)
@@ -4112,7 +4112,7 @@ var $h = (e, { coordSystem: t, panelRect: n }) => {
   return v.from < v.to ? v : p;
 }, Xh = (e) => {
   const [t] = e;
-  return t !== void 0 && e.some((n) => !Ri(n, t));
+  return t !== void 0 && e.some((n) => !Di(n, t));
 }, Qt = (e) => ({
   from: e.x,
   to: e.x + e.width
@@ -4126,10 +4126,10 @@ var $h = (e, { coordSystem: t, panelRect: n }) => {
     const u = s.current, p = /* @__PURE__ */ new Map(), m = Bh(h, {
       panelRect: n,
       look: a,
-      readGridLineWidth: (w) => Zr(i, w).strokeWidth,
-      measurePathBox: (w) => {
-        const x = u.get(w) ?? Fh(t.ownerDocument, w);
-        return p.set(w, x), x;
+      readGridLineWidth: (x) => Zr(i, x).strokeWidth,
+      measurePathBox: (x) => {
+        const w = u.get(x) ?? Fh(t.ownerDocument, x);
+        return p.set(x, w), w;
       }
     });
     if (s.current = p, m === null) {
@@ -4139,7 +4139,7 @@ var $h = (e, { coordSystem: t, panelRect: n }) => {
     const f = qh($h(h, {
       coordSystem: l,
       panelRect: n
-    }), m, It(a)), b = po(t);
+    }), m, It(a)), b = mo(t);
     o.getState().setSelectedOutline({
       target: c,
       frame: m,
@@ -4166,7 +4166,7 @@ var $h = (e, { coordSystem: t, panelRect: n }) => {
   d: e,
   ...a
 }), Qh = ({ pathData: e, source: t, ...n }) => {
-  const a = Wi(e, tl, t);
+  const a = Ui(e, nl, t);
   return /* @__PURE__ */ r(mc.path, {
     d: a,
     ...n
@@ -4181,7 +4181,7 @@ var ir = (e, t) => {
     const n = e.parts[0]?.rows[0];
     return n !== void 0 && (t.parts[0]?.rows.includes(n) ?? !1);
   }
-  return e.kind === "guide" && t.kind === "guide" ? va(e.target, t.target) : e.kind === "graph" && t.kind === "graph";
+  return e.kind === "guide" && t.kind === "guide" ? fa(e.target, t.target) : e.kind === "graph" && t.kind === "graph";
 }, np = (e, t) => {
   const n = Math.max(e.width, 8), a = Math.max(e.height, 8), o = Math.max(0, e.x + e.width / 2 - n / 2), i = Math.max(0, e.y + e.height / 2 - a / 2), l = Math.min(t.width, e.x + e.width / 2 + n / 2), s = Math.min(t.height, e.y + e.height / 2 + a / 2);
   return {
@@ -4194,13 +4194,13 @@ var ir = (e, t) => {
   const { layers: t, parsingLocale: n } = R(fe((u) => ({
     layers: u.layers,
     parsingLocale: u.config.parsingLocale
-  }))), a = J((u) => u.editTargetUnderPointer), o = a?.kind === "observations" ? a.observations : null, i = o === null ? void 0 : ve(t, o.layerId), l = o?.target.scope ?? null, s = o === null || i === void 0 ? null : ac(i, o.target.scope, o.observationIndex), c = I(() => i === void 0 || l === null || s === null ? null : op(t, i, l, s), [
+  }))), a = J((u) => u.editTargetUnderPointer), o = a?.kind === "observations" ? a.observations : null, i = o === null ? void 0 : ve(t, o.layerId), l = o?.target.scope ?? null, s = o === null || i === void 0 ? null : ac(i, o.target.scope, o.observationIndex), c = E(() => i === void 0 || l === null || s === null ? null : op(t, i, l, s), [
     t,
     i,
     l,
     s
-  ]), h = I(() => c !== null && e !== null && ir(c, e), [c, e]), d = o !== null && i !== void 0 && ip(o, i, n) ? o.observationIndex : null;
-  return I(() => {
+  ]), h = E(() => c !== null && e !== null && ir(c, e), [c, e]), d = o !== null && i !== void 0 && ip(o, i, n) ? o.observationIndex : null;
+  return E(() => {
     switch (a?.kind) {
       case "observations": {
         const u = c?.parts[0];
@@ -4243,7 +4243,7 @@ var ir = (e, t) => {
     layer: t,
     rows: oc(t, n, a)
   }];
-  for (const i of Sa(t, e)) {
+  for (const i of Ca(t, e)) {
     const l = qs(i, t, n, a);
     l.length > 0 && o.push({
       layer: i,
@@ -4293,12 +4293,12 @@ var ir = (e, t) => {
       });
   }
 }, sp = (e) => {
-  const t = `[${Li}="${e.kind}"]`;
-  return e.kind !== "axis" ? t : `${t}[${Pi}="${e.axis}"]`;
+  const t = `[${Pi}="${e.kind}"]`;
+  return e.kind !== "axis" ? t : `${t}[${Ii}="${e.axis}"]`;
 }, cp = (e) => {
   const t = /* @__PURE__ */ new Map();
   for (const n of e) {
-    const a = Di(n);
+    const a = _i(n);
     a !== null && t.set(a.legendIndex, [...t.get(a.legendIndex) ?? [], n]);
   }
   return t;
@@ -4361,10 +4361,10 @@ var ir = (e, t) => {
   const t = (n) => Number(e?.getAttribute(n) ?? 0);
   return (t("x2") - t("x1")) * (t("y2") - t("y1")) >= 0;
 }, pp = [], mp = (e, { frameElement: t, frameSize: n, panelRect: a, shouldAnimateTransitions: o }) => {
-  const i = R((f) => f.coordSystem), l = Hi(), s = Yr(), c = vp(e.kind === "guide" ? e.target : null, {
+  const i = R((f) => f.coordSystem), l = Gi(), s = Yr(), c = vp(e.kind === "guide" ? e.target : null, {
     frameElement: t,
     frameSize: n
-  }), h = gp(t, n), d = I(() => ({
+  }), h = gp(t, n), d = E(() => ({
     coordSystem: i,
     panelRect: a,
     resolveRenderer: l,
@@ -4374,12 +4374,12 @@ var ir = (e, t) => {
     a,
     l,
     s
-  ]), u = e.kind === "observations" ? e.parts : null, p = e.kind === "observations" ? e.vertex : null, v = I(() => u?.map((f) => lr(f, d, o)) ?? pp, [
+  ]), u = e.kind === "observations" ? e.parts : null, p = e.kind === "observations" ? e.vertex : null, v = E(() => u?.map((f) => lr(f, d, o)) ?? pp, [
     u,
     d,
     o
-  ]), m = I(() => p === null ? null : lr(p, d, !1), [p, d]);
-  return I(() => {
+  ]), m = E(() => p === null ? null : lr(p, d, !1), [p, d]);
+  return E(() => {
     switch (e.kind) {
       case "observations":
         return {
@@ -4430,7 +4430,7 @@ var ir = (e, t) => {
     kind: "boxes",
     layer: e,
     rows: t,
-    boxes: Ta({
+    boxes: Aa({
       layer: s,
       coordSystem: n,
       panelSize: a
@@ -4459,7 +4459,7 @@ var ir = (e, t) => {
         target: d,
         coordType: a,
         legendDisplays: o
-      }), v = po(t);
+      }), v = mo(t);
       s(p.map((m) => fp(m, 1 / v)));
     };
     if (h.current) {
@@ -4517,7 +4517,7 @@ var ir = (e, t) => {
     layers: a.layers,
     parsingLocale: a.config.parsingLocale
   })));
-  return I(() => e === null ? null : yp(e, t, n), [
+  return E(() => e === null ? null : yp(e, t, n), [
     e,
     t,
     n
@@ -4566,7 +4566,7 @@ var ir = (e, t) => {
     layer: a,
     rows: o
   }];
-  for (const l of Sa(a, t)) {
+  for (const l of Ca(a, t)) {
     const s = Un({
       layer: l,
       host: a,
@@ -4586,8 +4586,8 @@ var ir = (e, t) => {
     parts: i,
     vertex: null
   };
-}, Cp = ["x", "y"], xp = Pa(function({ frameElement: t, frameSize: n, panelRect: a, shouldAnimateTransitions: o }) {
-  const i = rl(uc, X()), l = bp(), s = ap(l?.outlined ?? null);
+}, Cp = ["x", "y"], xp = Ia(function({ frameElement: t, frameSize: n, panelRect: a, shouldAnimateTransitions: o }) {
+  const i = al(uc, X()), l = bp(), s = ap(l?.outlined ?? null);
   if (l === null && s === null) return null;
   const c = {
     frameElement: t,
@@ -4705,7 +4705,7 @@ var ir = (e, t) => {
     case "graph":
       return /* @__PURE__ */ r("path", { d: wp(e.frameSize, a, t) });
   }
-}, dr = Pa(function({ part: t, borderRadius: n }) {
+}, dr = Ia(function({ part: t, borderRadius: n }) {
   return t.kind === "boxes" ? /* @__PURE__ */ r(kp, {
     boxes: t.boxes,
     borderRadius: n
@@ -4734,7 +4734,7 @@ var ir = (e, t) => {
       }, o);
     case "dots":
       return n.centers.length === 0 ? null : /* @__PURE__ */ r("path", {
-        d: Ui(n.centers),
+        d: Ki(n.centers),
         "data-geom": t.geom,
         ...tn(n.size)
       }, o);
@@ -4777,7 +4777,7 @@ var ir = (e, t) => {
     height: n.height,
     overflow: "visible",
     children: /* @__PURE__ */ r("line", {
-      ...Ai(a, i, n),
+      ...ki(a, i, n),
       stroke: t.stroke,
       strokeWidth: t.strokeWidth,
       strokeDasharray: "4 3",
@@ -4794,10 +4794,10 @@ var ir = (e, t) => {
     };
   }
   return null;
-}, Op = "kwvn4c0", Mp = "kwvn4c1", mo = (e, t) => ({
+}, Op = "kwvn4c0", Mp = "kwvn4c1", go = (e, t) => ({
   contextElement: e,
   getBoundingClientRect: () => {
-    const n = e.getBoundingClientRect(), a = ho(e, n.width);
+    const n = e.getBoundingClientRect(), a = po(e, n.width);
     return new DOMRect(n.left + t.x * a, n.top + t.y * a, t.width * a, t.height * a);
   }
 }), Np = ({ side: e, boundary: t, spans: n, anchor: a, isRightToLeft: o }) => {
@@ -4806,12 +4806,12 @@ var ir = (e, t) => {
   if (e === "left" || e === "right") return ur(i.from - t.y, a.height, t.height);
   const l = o ? t.x + t.width - i.to : i.from - t.x;
   return ur(l, a.width, t.width);
-}, go = () => {
+}, vo = () => {
   const [e, t] = Q(!1);
-  return _(() => {
+  return z(() => {
     t(!0);
   }, []), e;
-}, Rp = (e) => Zi.some((t) => t === e), ur = (e, t, n) => n === 0 ? 0 : e * t / n, Dp = {
+}, Rp = (e) => Yi.some((t) => t === e), ur = (e, t, n) => n === 0 ? 0 : e * t / n, Dp = {
   x: 8,
   y: 8
 }, _p = {
@@ -4819,13 +4819,13 @@ var ir = (e, t) => {
   align: "shift",
   fallbackAxisSide: "end"
 }, Fp = ({ frameElement: e, boundary: t, spans: n, clearance: a = Dp, onEscape: o, children: i }) => {
-  const l = Ze(), s = go(), [c, h] = Q(null), d = ne(null), u = ae((S) => {
+  const l = Ze(), s = vo(), [c, h] = Q(null), d = ne(null), u = ae((S) => {
     d.current = S, h(S);
   }, []), p = ne(null);
   Me(() => () => {
     c?.contains(document.activeElement) && e.focus({ preventScroll: !0 });
   }, [c, e]);
-  const { x: v, y: m, width: f, height: b } = t, w = I(() => ({
+  const { x: v, y: m, width: f, height: b } = t, x = E(() => ({
     box: {
       x: v,
       y: m,
@@ -4839,8 +4839,8 @@ var ir = (e, t) => {
     f,
     b,
     n
-  ]), x = I(() => mo(e, w.box), [e, w]), C = (S, T) => {
-    S || (T.cancel(), T.reason === "escape-key" && o());
+  ]), w = E(() => go(e, x.box), [e, x]), C = (S, P) => {
+    S || (P.cancel(), P.reason === "escape-key" && o());
   };
   return /* @__PURE__ */ r(Y.Root, {
     open: s,
@@ -4850,15 +4850,15 @@ var ir = (e, t) => {
       container: l,
       children: /* @__PURE__ */ r(xn, { children: /* @__PURE__ */ r(Y.Positioner, {
         ref: p,
-        anchor: x,
+        anchor: w,
         side: "right",
         align: "start",
         sideOffset: ({ side: S }) => S === "top" || S === "bottom" ? a.y : a.x,
-        alignOffset: ({ side: S, anchor: T }) => Np({
+        alignOffset: ({ side: S, anchor: P }) => Np({
           side: S,
-          boundary: w.box,
-          spans: w.spans,
-          anchor: T,
+          boundary: x.box,
+          spans: x.spans,
+          anchor: P,
           isRightToLeft: zp(p.current)
         }),
         collisionAvoidance: _p,
@@ -4902,7 +4902,7 @@ var ir = (e, t) => {
       }), e]
     }), /* @__PURE__ */ r("div", {
       className: pr,
-      children: /* @__PURE__ */ r(za, {
+      children: /* @__PURE__ */ r(Ba, {
         labelId: o,
         controlId: i,
         children: a
@@ -4916,24 +4916,24 @@ var ir = (e, t) => {
     axis: e.axis
   });
 }, Gp = (e, t) => e === "ySecondary" || t !== "continuous" && t !== "datetime" ? null : e, Vp = ({ graph: e, axis: t }) => {
-  const n = K(e), a = P(), { NumberField: o, TextField: i, ToggleGroup: l } = B(), s = n?.guides.axes.find((T) => T.scaleAestheticKey === t);
-  if (_(() => () => e.commands.commit(), [e.commands]), n === null || s?.geometry !== "linear") return null;
-  const c = n.scales[t]?.spec.scaleType, h = Gp(t, c), d = n.guides.legends.drawn.some((T) => T.position === "left" || T.position === "right"), u = t === "y" && c === "continuous" && (s.position === "left" || s.position === "right") && !d, p = t === "y" ? n.scales.y?.spec : void 0, v = p?.scaleType === "continuous" ? p : void 0, m = v !== void 0 && (s.position === "left" || s.position === "right") && v.transform !== "log" && !wa(n, "y"), f = v?.domainMin ?? null, b = f === null ? "auto" : f === 0 ? "zero" : "custom", w = v !== void 0 && (s.position === "left" || s.position === "right") && v.transform !== "log", x = v?.domainMax ?? null, C = x === null ? "auto" : "custom", S = (T) => {
-    const k = T === "" ? null : T, O = t === "ySecondary" ? {
+  const n = K(e), a = I(), { NumberField: o, TextField: i, ToggleGroup: l } = H(), s = n?.guides.axes.find((T) => T.scaleAestheticKey === t);
+  if (z(() => () => e.commands.commit(), [e.commands]), n === null || s?.geometry !== "linear") return null;
+  const c = n.scales[t]?.spec.scaleType, h = Gp(t, c), d = n.guides.legends.drawn.some((T) => T.position === "left" || T.position === "right"), u = t === "y" && c === "continuous" && (s.position === "left" || s.position === "right") && !d, p = t === "y" ? n.scales.y?.spec : void 0, v = p?.scaleType === "continuous" ? p : void 0, m = v !== void 0 && (s.position === "left" || s.position === "right") && !Ta(n, "y"), f = v?.transform === "log" ? "log" : "linear", b = m && v.transform !== "log", x = v?.domainMin ?? null, w = x === null ? "auto" : x === 0 ? "zero" : "custom", C = v !== void 0 && (s.position === "left" || s.position === "right") && v.transform !== "log", S = v?.domainMax ?? null, P = S === null ? "auto" : "custom", k = (T) => {
+    const F = T === "" ? null : T, D = t === "ySecondary" ? {
       axis: t,
-      label: k
+      label: F
     } : {
       axis: t,
-      label: k
+      label: F
     };
-    e.commands.dispatch(new aa(O), { transient: !0 });
+    e.commands.dispatch(new aa(D), { transient: !0 });
   };
   return /* @__PURE__ */ g(q, { children: [
     /* @__PURE__ */ r(A, {
       label: a("editor.axesPanel.controls.title"),
       children: /* @__PURE__ */ r(i, {
         value: n.config.axes[t]?.label ?? "",
-        onChange: S,
+        onChange: k,
         onCommit: e.commands.commit
       })
     }),
@@ -4975,10 +4975,29 @@ var ir = (e, t) => {
         }
       })
     }),
-    m && /* @__PURE__ */ g(q, { children: [/* @__PURE__ */ r(A, {
+    m && /* @__PURE__ */ r(A, {
+      label: a("editor.axesPanel.controls.scale"),
+      children: /* @__PURE__ */ r(l, {
+        value: f,
+        options: [{
+          value: "linear",
+          label: a("editor.axesPanel.scale.auto")
+        }, {
+          value: "log",
+          label: a("editor.axesPanel.scale.log")
+        }],
+        onChange: (T) => {
+          e.commands.dispatch(new ha({
+            scaledAesthetic: "y",
+            transform: T === "log" ? "log" : "linear"
+          }));
+        }
+      })
+    }),
+    b && /* @__PURE__ */ g(q, { children: [/* @__PURE__ */ r(A, {
       label: a("editor.axesPanel.controls.startFrom"),
       children: /* @__PURE__ */ r(l, {
-        value: b,
+        value: w,
         options: [
           {
             value: "auto",
@@ -4994,17 +5013,17 @@ var ir = (e, t) => {
           }
         ],
         onChange: (T) => {
-          const k = n.scales.y?.domain[0], O = T === "auto" ? null : T === "zero" ? 0 : typeof k == "number" ? k : 0;
+          const F = n.scales.y?.domain[0], D = T === "auto" ? null : T === "zero" ? 0 : typeof F == "number" ? F : 0;
           e.commands.dispatch(new Ie({
             scaledAesthetic: "y",
-            domainMin: O
+            domainMin: D
           }));
         }
       })
-    }), b !== "auto" && /* @__PURE__ */ r(A, {
+    }), w !== "auto" && /* @__PURE__ */ r(A, {
       label: a("editor.axesPanel.controls.value"),
       children: /* @__PURE__ */ r(o, {
-        value: f,
+        value: x,
         onChange: (T) => {
           T !== null && e.commands.dispatch(new Ie({
             scaledAesthetic: "y",
@@ -5014,10 +5033,10 @@ var ir = (e, t) => {
         onCommit: e.commands.commit
       })
     })] }),
-    w && /* @__PURE__ */ g(q, { children: [/* @__PURE__ */ r(A, {
+    C && /* @__PURE__ */ g(q, { children: [/* @__PURE__ */ r(A, {
       label: a("editor.axesPanel.controls.endAt"),
       children: /* @__PURE__ */ r(l, {
-        value: C,
+        value: P,
         options: [{
           value: "auto",
           label: a("editor.axesPanel.endAt.auto")
@@ -5026,17 +5045,17 @@ var ir = (e, t) => {
           label: a("editor.axesPanel.endAt.custom")
         }],
         onChange: (T) => {
-          const k = n.scales.y?.domain.at(-1), O = typeof k == "number" ? k : 0;
+          const F = n.scales.y?.domain.at(-1), D = typeof F == "number" ? F : 0;
           e.commands.dispatch(new Ie({
             scaledAesthetic: "y",
-            domainMax: T === "custom" ? O : null
+            domainMax: T === "custom" ? D : null
           }));
         }
       })
-    }), C === "custom" && /* @__PURE__ */ r(A, {
+    }), P === "custom" && /* @__PURE__ */ r(A, {
       label: a("editor.axesPanel.controls.value"),
       children: /* @__PURE__ */ r(o, {
-        value: x,
+        value: S,
         onChange: (T) => {
           T !== null && e.commands.dispatch(new Ie({
             scaledAesthetic: "y",
@@ -5052,7 +5071,7 @@ var ir = (e, t) => {
   supportsPercentages: !1,
   supportsStackTotals: !1,
   supportsCategoryLabels: !1
-}, vo = (e, t, n) => {
+}, fo = (e, t, n) => {
   if (!n.hasCapability(e.geom, t)) return $p;
   const { showDataLabels: a } = e.dataLabels, o = e.geom === "bar", i = t === "polar";
   return {
@@ -5062,16 +5081,16 @@ var ir = (e, t) => {
     supportsCategoryLabels: o && i && e.position === "fill" && a
   };
 }, Wp = () => {
-  const e = R((l) => l.layers), t = R((l) => l.coordSystem.type), n = hl(), a = P(), o = e.filter((l) => l.interactive).map((l) => ({
+  const e = R((l) => l.layers), t = R((l) => l.coordSystem.type), n = pl(), a = I(), o = e.filter((l) => l.interactive).map((l) => ({
     layer: l,
-    support: vo(l, t, n)
+    support: fo(l, t, n)
   })), i = (l) => o.filter(({ support: s }) => l(s)).map(({ layer: s }) => s);
   return /* @__PURE__ */ g(q, { children: [
     /* @__PURE__ */ r(nt, {
       label: a("editor.graphPanel.graphOptions.dataLabels"),
       layers: i((l) => l.supportsDataLabels),
       isOn: (l) => l.showDataLabels,
-      buildCommand: (l, s) => new pa({
+      buildCommand: (l, s) => new ma({
         layerId: l,
         showDataLabels: s
       })
@@ -5089,7 +5108,7 @@ var ir = (e, t) => {
       label: a("editor.graphPanel.graphOptions.stackTotals"),
       layers: i((l) => l.supportsStackTotals),
       isOn: (l) => l.showStackTotals,
-      buildCommand: (l, s) => new ma({
+      buildCommand: (l, s) => new ga({
         layerId: l,
         showStackTotals: s
       })
@@ -5098,17 +5117,17 @@ var ir = (e, t) => {
       label: a("editor.graphPanel.graphOptions.categoryLabels"),
       layers: i((l) => l.supportsCategoryLabels),
       isOn: (l) => l.showCategoryLabels,
-      buildCommand: (l, s) => new ha({
+      buildCommand: (l, s) => new pa({
         layerId: l,
         showCategoryLabels: s
       })
     })
   ] });
 }, nt = ({ label: e, layers: t, isOn: n, buildCommand: a }) => {
-  const o = le(), { Switch: i } = B();
+  const o = le(), { Switch: i } = H();
   if (t.length === 0) return null;
   const l = (s) => {
-    o.dispatch(new Ol({ commands: t.map((c) => a(c.id, s)) }));
+    o.dispatch(new Ml({ commands: t.map((c) => a(c.id, s)) }));
   };
   return /* @__PURE__ */ r(A, {
     label: e,
@@ -5118,9 +5137,9 @@ var ir = (e, t) => {
     })
   });
 }, Up = 6, rt = ({ target: e }) => {
-  const { commands: t } = z(), { ColorSwatches: n, CustomColor: a } = B(), o = P(), i = X(), l = R((p) => p), s = ve(l.layers, e.layerId), c = ec(l.spec, e), h = tc(l.scales.color).slice(0, Up);
-  _(() => () => t.commit(), [t]);
-  const d = I(() => nc({
+  const { commands: t } = B(), { ColorSwatches: n, CustomColor: a } = H(), o = I(), i = X(), l = R((p) => p), s = ve(l.layers, e.layerId), c = ec(l.spec, e), h = tc(l.scales.color).slice(0, Up);
+  z(() => () => t.commit(), [t]);
+  const d = E(() => nc({
     readers: i,
     layers: l.layers,
     target: e,
@@ -5133,7 +5152,7 @@ var ir = (e, t) => {
   ]);
   if (c === null || s === void 0) return null;
   const u = (p, v) => {
-    t.dispatch(new es({
+    t.dispatch(new ts({
       target: e,
       color: p
     }), v ? { transient: !0 } : void 0);
@@ -5153,7 +5172,7 @@ var ir = (e, t) => {
       })
     })
   });
-}, Kp = (e, t) => t === null || e.some((n) => $a(n, t)) ? e : [...e, t], qp = (e, t) => {
+}, Kp = (e, t) => t === null || e.some((n) => Wa(n, t)) ? e : [...e, t], qp = (e, t) => {
   const n = ve(t.layers, e);
   if (n === void 0) return null;
   const a = ve(t.spec.layers, e), o = a === void 0 ? null : Ms(a, t.spec.layers), i = o !== null && o.id !== n.id ? o : n;
@@ -5225,14 +5244,14 @@ var ir = (e, t) => {
   center: "Center",
   end: "End"
 }, Zp = () => {
-  const e = R((l) => l.guides.legends.drawn[0]), t = le(), n = P(), { RadioGrid: a } = B();
+  const e = R((l) => l.guides.legends.drawn[0]), t = le(), n = I(), { RadioGrid: a } = H();
   if (e === void 0) return null;
   const o = gr.map((l) => {
     const s = Gt(l);
     return {
       value: s,
       label: n(`editor.overlayMenu.legendPlaces.${s}`),
-      icon: /* @__PURE__ */ r(Ii, {
+      icon: /* @__PURE__ */ r(Ei, {
         title: "",
         size: "xs",
         style: { transform: `rotate(${Yp(l)}deg)` }
@@ -5242,7 +5261,7 @@ var ir = (e, t) => {
     };
   }), i = (l) => {
     const s = gr.find((c) => Gt(c) === l);
-    s !== void 0 && t.dispatch(new Xl({
+    s !== void 0 && t.dispatch(new jl({
       position: s.position,
       align: s.align
     }), { transient: !0 });
@@ -5301,7 +5320,7 @@ var ir = (e, t) => {
   axis: Hp,
   grid: Vt,
   graph: Wp
-}, e1 = _e([Qp]), fo = (e) => /* @__PURE__ */ g(L, {
+}, e1 = _e([Qp]), bo = (e) => /* @__PURE__ */ g(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -5340,7 +5359,7 @@ var ir = (e, t) => {
       rx: ".533"
     })
   ]
-}), bo = (e) => /* @__PURE__ */ g(L, {
+}), yo = (e) => /* @__PURE__ */ g(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -5379,7 +5398,7 @@ var ir = (e, t) => {
       rx: ".533"
     })
   ]
-}), yo = (e) => /* @__PURE__ */ g(L, {
+}), So = (e) => /* @__PURE__ */ g(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -5418,14 +5437,14 @@ var ir = (e, t) => {
       rx: ".533"
     })
   ]
-}), So = (e) => I(() => {
+}), Co = (e) => E(() => {
   if (e === null) return {
     options: [],
     findValue: () => {
     }
   };
   const { parsingLocale: t, numberFormat: n } = e.config, a = e.guides.colorGroups.map((o) => {
-    const i = ya({
+    const i = Sa({
       valueFormat: o.valueFormat,
       locale: t,
       numberFormat: n
@@ -5458,7 +5477,7 @@ var ir = (e, t) => {
     default:
       return "editor.overlayMenu.thisPoint";
   }
-}, r1 = (e, t, n, a) => ya({
+}, r1 = (e, t, n, a) => Sa({
   valueFormat: Is(e.guides, "x")?.valueFormat ?? { type: "text" },
   locale: a,
   numberFormat: e.config.numberFormat
@@ -5472,11 +5491,11 @@ var ir = (e, t) => {
   const n = String(e instanceof Date ? e.getTime() : e);
   return t.options.find((a) => a.value === n)?.label ?? n;
 }, l1 = {
-  "data-point": fo,
-  "x-value": bo,
-  series: yo
+  "data-point": bo,
+  "x-value": yo,
+  series: So
 }, s1 = () => {
-  const { selectionStore: e } = z(), t = $(), n = P(), a = ea(), o = R((f) => f), i = So(o), l = J((f) => f.pressedObservation), s = I(() => c1({
+  const { selectionStore: e } = B(), t = $(), n = I(), a = ea(), o = R((f) => f), i = Co(o), l = J((f) => f.pressedObservation), s = E(() => c1({
     scene: o,
     pressed: l,
     groupOptions: i,
@@ -5498,25 +5517,25 @@ var ir = (e, t) => {
       icon: /* @__PURE__ */ r(b, {})
     };
   }), m = (f) => {
-    const b = h.find((C) => C === f), { parsingLocale: w } = o.config, x = b === void 0 ? null : wt({
+    const b = h.find((C) => C === f), { parsingLocale: x } = o.config, w = b === void 0 ? null : wt({
       layer: c,
       observationIndex: u,
       scope: b,
-      parsingLocale: w
+      parsingLocale: x
     });
-    x !== null && (t.getState().setPressedObservation({
+    w !== null && (t.getState().setPressedObservation({
       ...s.pressed,
-      selectedFor: x
-    }), e.getState().setSelection([x]));
+      selectedFor: w
+    }), e.getState().setSelection([w]));
   };
-  return /* @__PURE__ */ r(Qa, {
+  return /* @__PURE__ */ r(eo, {
     value: p.scope,
     options: v,
     onChange: m,
     ariaLabel: n("editor.overlayMenu.selection")
   });
 }, c1 = ({ scene: e, pressed: t, groupOptions: n, locale: a, t: o }) => {
-  const i = t === null ? null : Oi(t, e.layers, e.config.parsingLocale);
+  const i = t === null ? null : Mi(t, e.layers, e.config.parsingLocale);
   if (t === null || i === null) return null;
   const { layer: l, observation: s } = i, c = rc({
     layer: l,
@@ -5573,7 +5592,7 @@ var ir = (e, t) => {
       return e;
   }
 }, g1 = ({ frameElement: e }) => {
-  const t = P(), { selectionStore: n } = z(), a = J((l) => l.selectedOutline), o = Jp(a?.target ?? null);
+  const t = I(), { selectionStore: n } = B(), a = J((l) => l.selectedOutline), o = Jp(a?.target ?? null);
   if (a === null || o === null) return null;
   const i = () => {
     n.getState().clearSelection();
@@ -5593,7 +5612,7 @@ var ir = (e, t) => {
     }), /* @__PURE__ */ r(pc, { children: o }, Tt(a.target))]
   });
 }, v1 = ({ frameRect: e }) => {
-  const { targetBoundaryStore: t } = z(), n = J((l) => l.selectedOutline), { left: a, top: o } = e, i = I(() => {
+  const { targetBoundaryStore: t } = B(), n = J((l) => l.selectedOutline), { left: a, top: o } = e, i = E(() => {
     if (n === null) return null;
     const { frame: l, frameSpans: s, frameScale: c } = n;
     return {
@@ -5623,7 +5642,7 @@ var ir = (e, t) => {
 }, at = (e, t, n) => ({
   from: t + e.from * n,
   to: t + e.to * n
-}), Co = (e) => /* @__PURE__ */ g(L, {
+}), xo = (e) => /* @__PURE__ */ g(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -5649,7 +5668,7 @@ var ir = (e, t) => {
     })
   ]
 });
-var xo = "efjmb40", wo = "efjmb41", Fe = "efjmb42", ze = "efjmb43", f1 = "efjmb44", b1 = "efjmb45", y1 = /* @__PURE__ */ new Set([
+var wo = "efjmb40", To = "efjmb41", Fe = "efjmb42", ze = "efjmb43", f1 = "efjmb44", b1 = "efjmb45", y1 = /* @__PURE__ */ new Set([
   "item-press",
   "escape-key",
   "outside-press",
@@ -5672,10 +5691,10 @@ var xo = "efjmb40", wo = "efjmb41", Fe = "efjmb42", ze = "efjmb43", f1 = "efjmb4
         side: "right",
         align: "start",
         sideOffset: 4,
-        className: xo,
+        className: wo,
         ...Sn,
         children: /* @__PURE__ */ r(Te.Popup, {
-          className: wo,
+          className: To,
           children: a
         })
       }) })
@@ -5707,7 +5726,7 @@ var xo = "efjmb40", wo = "efjmb41", Fe = "efjmb42", ze = "efjmb43", f1 = "efjmb4
   };
   return /* @__PURE__ */ r(An, {
     label: e,
-    icon: /* @__PURE__ */ r(Co, {}),
+    icon: /* @__PURE__ */ r(xo, {}),
     onOpened: () => {
       requestAnimationFrame(() => i.current?.focus());
     },
@@ -5751,7 +5770,7 @@ var xo = "efjmb40", wo = "efjmb41", Fe = "efjmb42", ze = "efjmb43", f1 = "efjmb4
     fillOpacity: "0.8"
   })
 }), L1 = "relative-difference", P1 = ({ label: e, layer: t, at: n, onRequestClose: a }) => {
-  const { dispatch: o } = le(), i = R((c) => c.coordSystem), l = I(() => Vs({
+  const { dispatch: o } = le(), i = R((c) => c.coordSystem), l = E(() => Vs({
     layer: t,
     at: n,
     coordSystem: i
@@ -5831,7 +5850,7 @@ function I1(e, t) {
 }
 var E1 = (e) => {
   const t = At(e.mapping.x);
-  return t !== null && t !== yl.x;
+  return t !== null && t !== Sl.x;
 }, O1 = (e) => /* @__PURE__ */ g(L, {
   viewBox: "0 0 16 16",
   ...e,
@@ -6072,19 +6091,19 @@ var E1 = (e) => {
     })
   ]
 }), F1 = {
-  bar: fo,
-  barGroup: bo,
+  bar: bo,
+  barGroup: yo,
   barStack: O1,
-  barSeries: yo,
+  barSeries: So,
   linePoint: M1,
   lineSeries: N1,
   scatterPoint: D1,
   scatterSeries: _1,
   pieSlice: R1
-}, To = ({ labelKey: e }) => {
+}, Ao = ({ labelKey: e }) => {
   const t = F1[e];
   return /* @__PURE__ */ r(t, {});
-}, Ao = (e) => /* @__PURE__ */ g(L, {
+}, ko = (e) => /* @__PURE__ */ g(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: [/* @__PURE__ */ r("path", {
@@ -6098,27 +6117,27 @@ var E1 = (e) => {
     fillOpacity: "0.8"
   })]
 }), z1 = ({ label: e, options: t, onSelect: n }) => {
-  const a = P();
+  const a = I();
   return /* @__PURE__ */ r(An, {
     label: e,
-    icon: /* @__PURE__ */ r(Ao, {}),
+    icon: /* @__PURE__ */ r(ko, {}),
     children: t.map((o) => /* @__PURE__ */ g(Te.Item, {
       className: Fe,
       onClick: () => n(o.scope),
-      children: [/* @__PURE__ */ r(To, { labelKey: o.labelKey }), /* @__PURE__ */ r("span", {
+      children: [/* @__PURE__ */ r(Ao, { labelKey: o.labelKey }), /* @__PURE__ */ r("span", {
         className: ze,
         children: a(`graph.annotations.highlights.labels.${o.labelKey}`)
       })]
     }, o.scope))
   });
 }, B1 = ({ label: e, layer: t, observation: n, highlights: a, onRequestClose: o }) => {
-  const i = P(), { dispatch: l } = le(), s = R((v) => v.coordSystem), c = I(() => bs(t, n), [t, n]), h = I(() => I1(s, t), [s, t]), d = I(() => {
+  const i = I(), { dispatch: l } = le(), s = R((v) => v.coordSystem), c = E(() => bs(t, n), [t, n]), h = E(() => I1(s, t), [s, t]), d = E(() => {
     const v = new Set(a.map((m) => m.scope));
     return h.filter((m) => !v.has(m.scope));
   }, [h, a]), [u] = d;
   if (c === null || u === void 0) return null;
   const p = (v) => {
-    l(new bl({
+    l(new yl({
       predicate: c,
       scope: v,
       layerId: t.id
@@ -6129,7 +6148,7 @@ var E1 = (e) => {
     return /* @__PURE__ */ g(Te.Item, {
       className: Fe,
       onClick: () => p(u.scope),
-      children: [/* @__PURE__ */ r(To, { labelKey: u.labelKey }), /* @__PURE__ */ r("span", {
+      children: [/* @__PURE__ */ r(Ao, { labelKey: u.labelKey }), /* @__PURE__ */ r("span", {
         className: ze,
         children: v
       })]
@@ -6140,7 +6159,7 @@ var E1 = (e) => {
     options: d,
     onSelect: p
   });
-}, H1 = "_1aafi1g0", G1 = "_1aafi1g1", ko = ({ children: e }) => /* @__PURE__ */ g("span", {
+}, H1 = "_1aafi1g0", G1 = "_1aafi1g1", Lo = ({ children: e }) => /* @__PURE__ */ g("span", {
   className: H1,
   "aria-hidden": "true",
   children: [e, /* @__PURE__ */ r("span", { className: G1 })]
@@ -6148,19 +6167,19 @@ var E1 = (e) => {
   const { dispatch: a } = le(), o = t.at(-1);
   if (o === void 0) return null;
   const i = () => {
-    a(new Il({ id: o.id })), n();
+    a(new El({ id: o.id })), n();
   };
   return /* @__PURE__ */ g(G.Item, {
     className: Fe,
     onClick: i,
-    children: [/* @__PURE__ */ r(ko, { children: /* @__PURE__ */ r(Ao, {}) }), /* @__PURE__ */ r("span", {
+    children: [/* @__PURE__ */ r(Lo, { children: /* @__PURE__ */ r(ko, {}) }), /* @__PURE__ */ r("span", {
       className: ze,
       children: e
     })]
   });
 }, $1 = (e, t) => {
   const n = R((o) => o.spec.highlights), a = R((o) => o.config.parsingLocale);
-  return I(() => Os({
+  return E(() => Os({
     layer: e,
     highlights: n,
     observation: t,
@@ -6171,7 +6190,7 @@ var E1 = (e) => {
     t,
     a
   ]);
-}, Lo = (e) => /* @__PURE__ */ g(L, {
+}, Po = (e) => /* @__PURE__ */ g(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -6204,12 +6223,12 @@ var E1 = (e) => {
   return /* @__PURE__ */ g(G.Item, {
     className: Fe,
     onClick: o,
-    children: [/* @__PURE__ */ r(Lo, {}), /* @__PURE__ */ r("span", {
+    children: [/* @__PURE__ */ r(Po, {}), /* @__PURE__ */ r("span", {
       className: ze,
       children: e
     })]
   });
-}, Po = (e) => /* @__PURE__ */ g(L, {
+}, Io = (e) => /* @__PURE__ */ g(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -6242,28 +6261,28 @@ var E1 = (e) => {
       fillOpacity: "0.8"
     })
   ]
-}), Io = {
+}), Eo = {
   pinnedNumber: {
-    icon: Lo,
+    icon: Po,
     labelKey: "graph.annotations.baseMenu.unpinNumber"
   },
   comment: {
-    icon: Co,
+    icon: xo,
     labelKey: "graph.annotations.baseMenu.removeAnnotation"
   },
   sticker: {
-    icon: Po,
+    icon: Io,
     labelKey: "graph.annotations.baseMenu.removeSticker"
   },
   image: null
-}, U1 = (e) => $s(e.kind) && Io[e.kind] !== null, K1 = ({ attachment: e, onRequestClose: t }) => {
-  const n = P(), { dispatch: a } = le(), { icon: o, labelKey: i } = Io[e.kind], l = () => {
+}, U1 = (e) => $s(e.kind) && Eo[e.kind] !== null, K1 = ({ attachment: e, onRequestClose: t }) => {
+  const n = I(), { dispatch: a } = le(), { icon: o, labelKey: i } = Eo[e.kind], l = () => {
     a(new We({ id: e.annotation.id })), t();
   };
   return /* @__PURE__ */ g(G.Item, {
     className: Fe,
     onClick: l,
-    children: [/* @__PURE__ */ r(ko, { children: /* @__PURE__ */ r(o, {}) }), /* @__PURE__ */ r("span", {
+    children: [/* @__PURE__ */ r(Lo, { children: /* @__PURE__ */ r(o, {}) }), /* @__PURE__ */ r("span", {
       className: ze,
       children: n(i)
     })]
@@ -6283,10 +6302,10 @@ var E1 = (e) => {
   };
   return /* @__PURE__ */ r(An, {
     label: e,
-    icon: /* @__PURE__ */ r(Po, {}),
+    icon: /* @__PURE__ */ r(Io, {}),
     children: /* @__PURE__ */ r("div", {
       className: q1,
-      children: Object.entries(Yi).map(([i, l]) => /* @__PURE__ */ r(Te.Item, {
+      children: Object.entries(Ji).map(([i, l]) => /* @__PURE__ */ r(Te.Item, {
         className: X1,
         "aria-label": i,
         onClick: () => o(i),
@@ -6318,7 +6337,7 @@ var E1 = (e) => {
     onClose: i
   });
 }, J1 = ({ frameElement: e, trigger: t, layer: n, at: a, observation: o, onClose: i }) => {
-  const l = P(), s = Ze(), c = R((S) => S.spec.annotations), h = R((S) => S.config.parsingLocale), d = go(), { x: u, y: p, width: v, height: m } = t, f = I(() => mo(e, {
+  const l = I(), s = Ze(), c = R((S) => S.spec.annotations), h = R((S) => S.config.parsingLocale), d = vo(), { x: u, y: p, width: v, height: m } = t, f = E(() => go(e, {
     x: u,
     y: p,
     width: v,
@@ -6329,8 +6348,8 @@ var E1 = (e) => {
     p,
     v,
     m
-  ]), b = Ns(c, a, I(() => Ts(n, h), [n, h])), w = b !== null && U1(b) ? b : null, x = $1(n, o), C = (S, T) => {
-    !S && Q1(T.reason) && i();
+  ]), b = Ns(c, a, E(() => Ts(n, h), [n, h])), x = b !== null && U1(b) ? b : null, w = $1(n, o), C = (S, P) => {
+    !S && Q1(P.reason) && i();
   };
   return /* @__PURE__ */ r(G.Root, {
     open: d,
@@ -6343,23 +6362,23 @@ var E1 = (e) => {
         side: "right",
         align: "start",
         sideOffset: 8,
-        className: xo,
+        className: wo,
         ...Sn,
         children: /* @__PURE__ */ g(G.Popup, {
-          className: wo,
+          className: To,
           "data-testid": "observation-menu",
           children: [
-            w !== null && /* @__PURE__ */ r(K1, {
-              attachment: w,
+            x !== null && /* @__PURE__ */ r(K1, {
+              attachment: x,
               onRequestClose: i
             }),
             /* @__PURE__ */ r(V1, {
               label: l("graph.annotations.baseMenu.removeHighlight"),
-              highlights: x,
+              highlights: w,
               onRequestClose: i
             }),
             /* @__PURE__ */ r(G.Separator, { className: f1 }),
-            w === null && /* @__PURE__ */ g(q, { children: [
+            x === null && /* @__PURE__ */ g(q, { children: [
               /* @__PURE__ */ r(W1, {
                 label: l("graph.annotations.baseMenu.pinNumber"),
                 at: a,
@@ -6382,7 +6401,7 @@ var E1 = (e) => {
               label: l("graph.annotations.baseMenu.highlight"),
               layer: n,
               observation: o,
-              highlights: x,
+              highlights: w,
               onRequestClose: i
             }),
             /* @__PURE__ */ r(P1, {
@@ -6396,7 +6415,7 @@ var E1 = (e) => {
       }) })
     })
   });
-}, Q1 = (e) => e === "outside-press" || e === "escape-key" || e === "item-press", kn = "l8tsqe0", Eo = ["start", "end"], Oo = ({ anchor: e, point: t, delta: n }) => {
+}, Q1 = (e) => e === "outside-press" || e === "escape-key" || e === "item-press", kn = "l8tsqe0", Oo = ["start", "end"], Mo = ({ anchor: e, point: t, delta: n }) => {
   const a = {
     x: vr(t.x, n.x),
     y: vr(1 - t.y, n.y)
@@ -6418,7 +6437,7 @@ var E1 = (e) => {
     ...e[t.endpoint],
     ...t.point
   }
-}), Mo = (e, t) => e.x === t.x && e.y === t.y, e2 = (e, t) => {
+}), No = (e, t) => e.x === t.x && e.y === t.y, e2 = (e, t) => {
   const n = dt(e, t);
   return {
     x: t.x + n.x,
@@ -6437,7 +6456,7 @@ var E1 = (e) => {
   if (t === null) return null;
   const o = n.find((s) => s.id === t.annotationId);
   if (o === void 0) return null;
-  const i = fn(a, o.id), l = ba({
+  const i = fn(a, o.id), l = ya({
     arrow: Ln(o, t),
     style: i,
     panelWidth: e.width,
@@ -6476,7 +6495,7 @@ var E1 = (e) => {
     strokeLinejoin: "round",
     children: [/* @__PURE__ */ r("path", { d: "m12 19-7-7 7-7" }), /* @__PURE__ */ r("path", { d: "M19 12H5" })]
   })
-}), No = (e) => /* @__PURE__ */ r(L, {
+}), Ro = (e) => /* @__PURE__ */ r(L, {
   ...e,
   children: /* @__PURE__ */ g("g", {
     stroke: "currentColor",
@@ -6494,7 +6513,7 @@ var E1 = (e) => {
     strokeLinejoin: "round",
     children: [/* @__PURE__ */ r("path", { d: "M7 17 17 7" }), /* @__PURE__ */ r("path", { d: "M7 7h10v10" })]
   })
-}), Ro = (e) => /* @__PURE__ */ r(L, {
+}), Do = (e) => /* @__PURE__ */ r(L, {
   ...e,
   children: /* @__PURE__ */ g("g", {
     fill: "currentColor",
@@ -6545,7 +6564,7 @@ var E1 = (e) => {
     centre: t.x + e.x + e.width / 2 - h
   };
 }, m2 = ({ anchorBox: e, panelRect: t, frameWidth: n, frameHeight: a, label: o, testId: i, children: l }) => {
-  const { chartId: s } = z(), c = p2({
+  const { chartId: s } = B(), c = p2({
     anchorBox: e,
     panelRect: t,
     frameWidth: n,
@@ -6571,7 +6590,7 @@ var E1 = (e) => {
     })
   });
 }, g2 = ({ label: e, trigger: t, isOpen: n, onOpenChange: a, isDisabled: o = !1, children: i }) => {
-  const { chartId: l } = z();
+  const { chartId: l } = B();
   return /* @__PURE__ */ g(G.Root, {
     open: n,
     modal: !1,
@@ -6589,7 +6608,7 @@ var E1 = (e) => {
     })]
   });
 }, v2 = (e) => {
-  const { chartId: t } = z();
+  const { chartId: t } = B();
   return /* @__PURE__ */ r(Z.ColorPicker, {
     ...e,
     popupAttributes: Lt(t)
@@ -6611,7 +6630,7 @@ var E1 = (e) => {
   className: u2,
   onClick: n,
   children: a
-}), D = {
+}), _ = {
   Root: m2,
   Dropdown: g2,
   MenuItem: Z.MenuItem,
@@ -6622,8 +6641,8 @@ var E1 = (e) => {
   Button: Z.Button,
   Separator: Z.Separator
 }, S2 = { kind: "chrome-popup" }, Ot = () => {
-  const { commands: e } = z(), t = $(), [n, a] = Q(null);
-  _(() => () => e.commit(), [e]), _(() => {
+  const { commands: e } = B(), t = $(), [n, a] = Q(null);
+  z(() => () => e.commit(), [e]), z(() => {
     const { claimInteraction: i, releaseInteraction: l } = t.getState();
     return n === null ? l("chrome-popup") : i(S2), () => l("chrome-popup");
   }, [t, n]);
@@ -6687,11 +6706,11 @@ var E1 = (e) => {
 ], fr = [{
   value: "line-arrow",
   key: "graph.annotations.arrowToolbar.arrowhead.lineArrow",
-  Icon: No
+  Icon: Ro
 }, {
   value: "none",
   key: "graph.annotations.arrowToolbar.arrowhead.none",
-  Icon: _i
+  Icon: Fi
 }], br = [
   {
     value: "solid",
@@ -6710,11 +6729,11 @@ var E1 = (e) => {
   }
 ], A2 = (e, t) => e.find((n) => n.value === t) ?? e[0];
 var k2 = ({ arrow: e, arrowBox: t, panelRect: n, frameWidth: a, frameHeight: o, frameElement: i }) => {
-  const l = P(), { commands: s } = z(), c = R((N) => N.spec.styles.overrides), h = R((N) => De(N.spec)), d = Ot(), u = fn(X(), e.id), p = A2(br, qt(u.dashArray)), v = u.outline.strokeWidth > 0 || u.outline.shadow !== "none", m = I(() => ({
+  const l = I(), { commands: s } = B(), c = R((N) => N.spec.styles.overrides), h = R((N) => De(N.spec)), d = Ot(), u = fn(X(), e.id), p = A2(br, qt(u.dashArray)), v = u.outline.strokeWidth > 0 || u.outline.shadow !== "none", m = E(() => ({
     target: "annotation",
     kind: "arrow",
     annotation: e.id
-  }), [e.id]), f = I(() => ({
+  }), [e.id]), f = E(() => ({
     ...m,
     part: "outline"
   }), [m]), b = (N, y) => {
@@ -6729,7 +6748,7 @@ var k2 = ({ arrow: e, arrowBox: t, panelRect: n, frameWidth: a, frameHeight: o,
         }
       }
     }), y);
-  }, w = (N) => {
+  }, x = (N) => {
     const y = Ae(c, { select: f }, h)?.declarations ?? {};
     s.dispatch(new Oe({
       list: "overrides",
@@ -6741,7 +6760,7 @@ var k2 = ({ arrow: e, arrowBox: t, panelRect: n, frameWidth: a, frameHeight: o,
         }
       }
     }));
-  }, x = (N) => {
+  }, w = (N) => {
     b(N), d.close();
   }, C = (N) => {
     s.dispatch(new he({
@@ -6751,11 +6770,11 @@ var k2 = ({ arrow: e, arrowBox: t, panelRect: n, frameWidth: a, frameHeight: o,
     })), d.close();
   }, S = () => {
     s.dispatch(new We({ id: e.id })), i.focus({ preventScroll: !0 });
-  }, T = (N) => b({ stroke: N }, { transient: !0 }), k = (N) => x({ strokeWidth: N }), O = (N) => C({ startArrowheadStyle: N }), H = (N) => x({ dashArray: Sl.arrow[N] }), F = (N) => C({ endArrowheadStyle: N }), M = () => w(v ? {
+  }, P = (N) => b({ stroke: N }, { transient: !0 }), k = (N) => w({ strokeWidth: N }), T = (N) => C({ startArrowheadStyle: N }), F = (N) => w({ dashArray: Cl.arrow[N] }), D = (N) => C({ endArrowheadStyle: N }), M = () => x(v ? {
     strokeWidth: 0,
     shadow: "none"
-  } : fl);
-  return /* @__PURE__ */ g(D.Root, {
+  } : bl);
+  return /* @__PURE__ */ g(_.Root, {
     anchorBox: t,
     panelRect: n,
     frameWidth: a,
@@ -6763,16 +6782,16 @@ var k2 = ({ arrow: e, arrowBox: t, panelRect: n, frameWidth: a, frameHeight: o,
     label: l("graph.annotations.arrowToolbar.label"),
     testId: "arrow-toolbar",
     children: [
-      /* @__PURE__ */ r(D.ColorPicker, {
+      /* @__PURE__ */ r(_.ColorPicker, {
         color: u.stroke,
         label: l("graph.annotations.arrowToolbar.color"),
-        onChange: T,
+        onChange: P,
         ...d.bind("color"),
-        children: /* @__PURE__ */ r(D.Swatch, { color: u.stroke })
+        children: /* @__PURE__ */ r(_.Swatch, { color: u.stroke })
       }),
-      /* @__PURE__ */ r(D.Dropdown, {
+      /* @__PURE__ */ r(_.Dropdown, {
         label: l("graph.annotations.arrowToolbar.thickness.ariaLabel"),
-        trigger: /* @__PURE__ */ r(Ro, {
+        trigger: /* @__PURE__ */ r(Do, {
           size: "sm",
           title: ""
         }),
@@ -6783,7 +6802,7 @@ var k2 = ({ arrow: e, arrowBox: t, panelRect: n, frameWidth: a, frameHeight: o,
           onPick: k
         })
       }),
-      /* @__PURE__ */ r(D.Dropdown, {
+      /* @__PURE__ */ r(_.Dropdown, {
         label: l("graph.annotations.arrowToolbar.startArrowhead"),
         trigger: /* @__PURE__ */ r(r2, {
           size: "sm",
@@ -6793,10 +6812,10 @@ var k2 = ({ arrow: e, arrowBox: t, panelRect: n, frameWidth: a, frameHeight: o,
         children: /* @__PURE__ */ r(ot, {
           options: fr,
           current: e.startArrowheadStyle,
-          onPick: O
+          onPick: T
         })
       }),
-      /* @__PURE__ */ r(D.Dropdown, {
+      /* @__PURE__ */ r(_.Dropdown, {
         label: l("graph.annotations.arrowToolbar.lineStyle.ariaLabel"),
         trigger: p?.Icon !== void 0 && /* @__PURE__ */ r(p.Icon, {
           size: "sm",
@@ -6806,12 +6825,12 @@ var k2 = ({ arrow: e, arrowBox: t, panelRect: n, frameWidth: a, frameHeight: o,
         children: /* @__PURE__ */ r(ot, {
           options: br,
           current: qt(u.dashArray),
-          onPick: H
+          onPick: F
         })
       }),
-      /* @__PURE__ */ r(D.Dropdown, {
+      /* @__PURE__ */ r(_.Dropdown, {
         label: l("graph.annotations.arrowToolbar.endArrowhead"),
-        trigger: /* @__PURE__ */ r(No, {
+        trigger: /* @__PURE__ */ r(Ro, {
           size: "sm",
           title: ""
         }),
@@ -6819,10 +6838,10 @@ var k2 = ({ arrow: e, arrowBox: t, panelRect: n, frameWidth: a, frameHeight: o,
         children: /* @__PURE__ */ r(ot, {
           options: fr,
           current: e.endArrowheadStyle,
-          onPick: F
+          onPick: D
         })
       }),
-      /* @__PURE__ */ r(D.ToggleButton, {
+      /* @__PURE__ */ r(_.ToggleButton, {
         label: l("graph.annotations.arrowToolbar.sticker"),
         isPressed: v,
         onClick: M,
@@ -6831,8 +6850,8 @@ var k2 = ({ arrow: e, arrowBox: t, panelRect: n, frameWidth: a, frameHeight: o,
           title: ""
         })
       }),
-      /* @__PURE__ */ r(D.Separator, {}),
-      /* @__PURE__ */ r(D.IconButton, {
+      /* @__PURE__ */ r(_.Separator, {}),
+      /* @__PURE__ */ r(_.IconButton, {
         label: l("graph.annotations.arrowToolbar.remove"),
         onClick: S,
         children: /* @__PURE__ */ r(Et, {
@@ -6843,8 +6862,8 @@ var k2 = ({ arrow: e, arrowBox: t, panelRect: n, frameWidth: a, frameHeight: o,
     ]
   });
 }, ot = ({ options: e, current: t, onPick: n }) => {
-  const a = P(), o = (i) => () => n(i);
-  return /* @__PURE__ */ r(q, { children: e.map((i) => /* @__PURE__ */ g(D.MenuItem, {
+  const a = I(), o = (i) => () => n(i);
+  return /* @__PURE__ */ r(q, { children: e.map((i) => /* @__PURE__ */ g(_.MenuItem, {
     isSelected: i.value === t,
     onClick: o(i.value),
     children: [/* @__PURE__ */ r("span", { children: a(i.key) }), i.Icon !== void 0 && /* @__PURE__ */ r("span", {
@@ -6858,7 +6877,7 @@ var k2 = ({ arrow: e, arrowBox: t, panelRect: n, frameWidth: a, frameHeight: o,
 }, L2 = "_1me29t10", de = (e, t) => t > 0 ? e / t : 0, Mt = (e, t, n) => ({
   x: de(t.x - e.x, n.width),
   y: de(t.y - e.y, n.height)
-}), P2 = (e) => e.x !== 0 || e.y !== 0, Do = (e, t) => ({
+}), P2 = (e) => e.x !== 0 || e.y !== 0, _o = (e, t) => ({
   x: e.x * t.width,
   y: e.y * t.height
 });
@@ -6913,7 +6932,7 @@ var I2 = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, Qe = class {
   if (a === void 0) return null;
   const o = a[n];
   return o.anchorType === "panel" ? o : null;
-}, _o = (e, t) => e === "start" ? { start: t } : { end: t }, E2 = class extends Qe {
+}, Fo = (e, t) => e === "start" ? { start: t } : { end: t }, E2 = class extends Qe {
   constructor(...e) {
     super(...e), this.kind = "arrow-endpoint-drag";
   }
@@ -6927,7 +6946,7 @@ var I2 = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, Qe = class {
       kind: "arrow-endpoint-drag",
       annotationId: t,
       endpoint: n,
-      ...Oo({
+      ...Mo({
         anchor: c,
         point: l[n],
         delta: Mt(a, e, s)
@@ -6936,19 +6955,19 @@ var I2 = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, Qe = class {
   }
   commit({ anchor: e }) {
     const { annotationId: t, endpoint: n, dispatch: a, readInputs: o } = this.params, i = mt(o().annotations, t, n);
-    i === null || Mo(i, e) || a(new he({
+    i === null || No(i, e) || a(new he({
       kind: "arrow",
       id: t,
-      patch: _o(n, e)
+      patch: Fo(n, e)
     }));
   }
 }, O2 = ({ annotationId: e, arrow: t, panelRect: n }) => {
-  const { commands: a } = z(), o = $(), i = ee({
+  const { commands: a } = B(), o = $(), i = ee({
     annotations: R((s) => s.spec.annotations),
     arrow: t,
     panelRect: n
   }), l = ne(null);
-  return _(() => () => l.current?.finish(!1), []), ae((s) => ({ onPointerDown: (c) => {
+  return z(() => () => l.current?.finish(!1), []), ae((s) => ({ onPointerDown: (c) => {
     if (c.button === 0 && l.current === null) {
       try {
         c.currentTarget.setPointerCapture(c.pointerId);
@@ -6979,9 +6998,9 @@ var I2 = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, Qe = class {
     a
   ]);
 }, M2 = [" ", "Enter"], yr = 4, N2 = ({ annotationId: e, arrow: t, panelRect: n }) => {
-  const { commands: a } = z(), o = $(), i = R((c) => c.spec.annotations), l = ee(i), s = ee(a.dispatch);
-  return _(() => () => {
-    for (const c of Eo) Sr({
+  const { commands: a } = B(), o = $(), i = R((c) => c.spec.annotations), l = ee(i), s = ee(a.dispatch);
+  return z(() => () => {
+    for (const c of Oo) Sr({
       editorStore: o,
       annotationId: e,
       endpoint: c,
@@ -7025,7 +7044,7 @@ var I2 = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, Qe = class {
       kind: "arrow-endpoint-drag",
       annotationId: e,
       endpoint: c,
-      ...Oo({
+      ...Mo({
         anchor: u.anchor,
         point: u.point,
         delta: p
@@ -7044,10 +7063,10 @@ var I2 = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, Qe = class {
   if (l === null) return;
   i.releaseInteraction("arrow-endpoint-drag");
   const s = mt(a, t, n);
-  s === null || Mo(s, l.anchor) || o(new he({
+  s === null || No(s, l.anchor) || o(new he({
     kind: "arrow",
     id: t,
-    patch: _o(n, l.anchor)
+    patch: Fo(n, l.anchor)
   }));
 }, R2 = (e, t) => {
   const n = de(yr, t.width), a = de(yr, t.height);
@@ -7088,7 +7107,7 @@ var I2 = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, Qe = class {
     ...e
   });
 }, _2 = ({ arrow: e, committed: t, painted: n, isSettled: a, isMoved: o, panelRect: i, frameRect: l, frameElement: s }) => {
-  const c = P(), h = O2({
+  const c = I(), h = O2({
     annotationId: e.id,
     arrow: t,
     panelRect: i
@@ -7107,7 +7126,7 @@ var I2 = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, Qe = class {
       frameWidth: l.width,
       frameHeight: l.height,
       frameElement: s
-    }), !o && Eo.filter((u) => e[u].anchorType === "panel").map((u) => /* @__PURE__ */ r(F2, {
+    }), !o && Oo.filter((u) => e[u].anchorType === "panel").map((u) => /* @__PURE__ */ r(F2, {
       endpoint: u,
       point: e2(n[u], i),
       label: c(`graph.annotations.arrowToolbar.moveEndpoint.${u}`),
@@ -7163,8 +7182,8 @@ var U2 = [
   "relative-difference": "graph.annotations.differenceArrowToolbar.labelKind.relativeDifference",
   proportion: "graph.annotations.differenceArrowToolbar.labelKind.proportion"
 }, X2 = (e) => {
-  const { formattingLocale: t } = z(), n = R((o) => o.config.parsingLocale), a = t ?? n;
-  return I(() => {
+  const { formattingLocale: t } = B(), n = R((o) => o.config.parsingLocale), a = t ?? n;
+  return E(() => {
     const o = gs(e.start, e.end);
     return U2.filter((i) => o || !Cr.includes(i) || i === e.label).map((i) => ({
       kind: i,
@@ -7194,14 +7213,14 @@ var U2 = [
     key: "graph.annotations.differenceArrowToolbar.size.large"
   }
 ], j2 = ({ arrow: e, color: t, labelBox: n, panelRect: a, frameWidth: o, frameHeight: i, frameElement: l }) => {
-  const s = P(), { commands: c } = z(), h = R((y) => y.spec.styles.overrides), d = R((y) => De(y.spec)), u = Ot(), p = X2(e), v = dc(X(), e.id), m = I(() => ({
+  const s = I(), { commands: c } = B(), h = R((y) => y.spec.styles.overrides), d = R((y) => De(y.spec)), u = Ot(), p = X2(e), v = dc(X(), e.id), m = E(() => ({
     target: "annotation",
     kind: "differenceArrow",
     annotation: e.id
-  }), [e.id]), f = I(() => ({
+  }), [e.id]), f = E(() => ({
     ...m,
     part: "label"
-  }), [m]), b = p.find((y) => y.kind === e.label), w = p.some((y) => y.isPickable && y.kind !== e.label), x = xr.find((y) => Hn[y.id].arrow.strokeWidth === v.strokeWidth), C = (y, V) => {
+  }), [m]), b = p.find((y) => y.kind === e.label), x = p.some((y) => y.isPickable && y.kind !== e.label), w = xr.find((y) => Hn[y.id].arrow.strokeWidth === v.strokeWidth), C = (y, V) => {
     c.dispatch(new he({
       kind: "differenceArrow",
       id: e.id,
@@ -7210,31 +7229,31 @@ var U2 = [
   }, S = (y) => ({
     ...Ae(h, { select: m }, d)?.declarations,
     ...y
-  }), T = (y) => ({
+  }), P = (y) => ({
     ...Ae(h, { select: f }, d)?.declarations,
     ...y
   }), k = (y) => {
     C(y), u.close();
-  }, O = () => {
+  }, T = () => {
     c.dispatch(new We({ id: e.id })), l.focus({ preventScroll: !0 });
-  }, H = (y) => c.dispatch(new Oe({
+  }, F = (y) => c.dispatch(new Oe({
     list: "overrides",
     rule: {
       select: m,
       declarations: S({ stroke: y })
     }
-  }), { transient: !0 }), F = () => C({
+  }), { transient: !0 }), D = () => C({
     start: e.end.anchor,
     end: e.start.anchor
   }), M = (y) => () => k({ label: y }), N = (y) => () => {
     const V = Hn[y];
-    c.dispatch(new Fl({
+    c.dispatch(new zl({
       annotationId: e.id,
       arrow: S(V.arrow),
-      label: T(V.label)
+      label: P(V.label)
     })), u.close();
   };
-  return /* @__PURE__ */ g(D.Root, {
+  return /* @__PURE__ */ g(_.Root, {
     anchorBox: n,
     panelRect: a,
     frameWidth: o,
@@ -7242,12 +7261,12 @@ var U2 = [
     label: s("graph.annotations.differenceArrowToolbar.label"),
     testId: "difference-arrow-toolbar",
     children: [
-      /* @__PURE__ */ r(D.Dropdown, {
+      /* @__PURE__ */ r(_.Dropdown, {
         label: s("graph.annotations.differenceArrowToolbar.labelKind.ariaLabel"),
         trigger: /* @__PURE__ */ r(Z2, { option: b }),
-        isDisabled: !w,
+        isDisabled: !x,
         ...u.bind("labelKind"),
-        children: p.map((y) => /* @__PURE__ */ g(D.MenuItem, {
+        children: p.map((y) => /* @__PURE__ */ g(_.MenuItem, {
           isSelected: y.kind === e.label,
           isDisabled: !y.isPickable,
           onClick: M(y.kind),
@@ -7266,36 +7285,36 @@ var U2 = [
           ]
         }, y.kind))
       }),
-      /* @__PURE__ */ r(D.Separator, {}),
-      /* @__PURE__ */ r(D.ColorPicker, {
+      /* @__PURE__ */ r(_.Separator, {}),
+      /* @__PURE__ */ r(_.ColorPicker, {
         color: t,
         label: s("graph.annotations.differenceArrowToolbar.color"),
-        onChange: H,
+        onChange: F,
         ...u.bind("color"),
-        children: /* @__PURE__ */ r(D.Swatch, { color: t })
+        children: /* @__PURE__ */ r(_.Swatch, { color: t })
       }),
-      /* @__PURE__ */ r(D.Dropdown, {
+      /* @__PURE__ */ r(_.Dropdown, {
         label: s("graph.annotations.differenceArrowToolbar.size.ariaLabel"),
-        trigger: x === void 0 ? "" : s(x.key),
+        trigger: w === void 0 ? "" : s(w.key),
         ...u.bind("size"),
-        children: xr.map((y) => /* @__PURE__ */ r(D.MenuItem, {
-          isSelected: y.id === x?.id,
+        children: xr.map((y) => /* @__PURE__ */ r(_.MenuItem, {
+          isSelected: y.id === w?.id,
           onClick: N(y.id),
           children: s(y.key)
         }, y.id))
       }),
-      /* @__PURE__ */ r(D.Separator, {}),
-      /* @__PURE__ */ r(D.IconButton, {
+      /* @__PURE__ */ r(_.Separator, {}),
+      /* @__PURE__ */ r(_.IconButton, {
         label: s("graph.annotations.differenceArrowToolbar.swap"),
-        onClick: F,
+        onClick: D,
         children: /* @__PURE__ */ r(G2, {
           size: "sm",
           title: ""
         })
       }),
-      /* @__PURE__ */ r(D.IconButton, {
+      /* @__PURE__ */ r(_.IconButton, {
         label: s("graph.annotations.differenceArrowToolbar.remove"),
-        onClick: O,
+        onClick: T,
         children: /* @__PURE__ */ r(Et, {
           size: "sm",
           title: ""
@@ -7304,7 +7323,7 @@ var U2 = [
     ]
   });
 }, Z2 = ({ option: e }) => {
-  const t = P();
+  const t = I();
   return e === void 0 ? null : /* @__PURE__ */ g(q, { children: [/* @__PURE__ */ r("span", {
     className: $2,
     children: t(e.key)
@@ -7325,20 +7344,20 @@ var J2 = "ydgo3h1", Q2 = "ydgo3h2", em = "ydgo3h3", tm = ({ clientPoint: e, pane
   if (d === null) return null;
   const u = o.find((v) => v.id === d.layerId);
   if (u === void 0) return null;
-  const p = La({
+  const p = Pa({
     resolver: l,
     layer: u,
     observation: d.observation,
-    observationIndex: ka(d),
+    observationIndex: La(d),
     coordSystem: i,
     align: c
   });
-  return p === null || ga(p.anchor, s) ? null : p;
+  return p === null || va(p.anchor, s) ? null : p;
 }, nm = (e, t) => ({
   x: Math.max(0, Math.min(e.x, t.width)),
   y: Math.max(0, Math.min(e.y, t.height))
-}), Fo = (e) => e === "start" ? "end" : "start", zo = ({ dispatch: e, arrow: t, endpoint: n, anchor: a }) => {
-  ga(a, t[n].anchor) || e(new he({
+}), zo = (e) => e === "start" ? "end" : "start", Bo = ({ dispatch: e, arrow: t, endpoint: n, anchor: a }) => {
+  va(a, t[n].anchor) || e(new he({
     kind: "differenceArrow",
     id: t.id,
     patch: { [n]: a }
@@ -7363,7 +7382,7 @@ var J2 = "ydgo3h1", Q2 = "ydgo3h2", em = "ydgo3h3", tm = ({ clientPoint: e, pane
       layers: c,
       coordSystem: h,
       resolver: o,
-      fixedAnchor: i[Fo(t)].anchor,
+      fixedAnchor: i[zo(t)].anchor,
       align: i[t].anchor.align
     });
     return d === null ? null : {
@@ -7375,7 +7394,7 @@ var J2 = "ydgo3h1", Q2 = "ydgo3h2", em = "ydgo3h3", tm = ({ clientPoint: e, pane
   }
   commit({ point: e, endpoint: t }) {
     const { dispatch: n, readInputs: a } = this.params;
-    zo({
+    Bo({
       dispatch: n,
       arrow: a().arrow,
       endpoint: t,
@@ -7383,7 +7402,7 @@ var J2 = "ydgo3h1", Q2 = "ydgo3h2", em = "ydgo3h3", tm = ({ clientPoint: e, pane
     });
   }
 }, am = ({ arrow: e, panelOrigin: t, panelRect: n }) => {
-  const { commands: a, anchorResolver: o } = z(), { engine: i } = je(), l = $(), s = ee({
+  const { commands: a, anchorResolver: o } = B(), { engine: i } = je(), l = $(), s = ee({
     arrow: e,
     panelOrigin: t,
     panelRect: n,
@@ -7392,7 +7411,7 @@ var J2 = "ydgo3h1", Q2 = "ydgo3h2", em = "ydgo3h3", tm = ({ clientPoint: e, pane
       coordSystem: h.coordSystem
     })))
   }), c = ne(null);
-  return _(() => () => c.current?.finish(!1), []), ae((h) => ({ onPointerDown: (d) => {
+  return z(() => () => c.current?.finish(!1), []), ae((h) => ({ onPointerDown: (d) => {
     if (d.button === 0 && c.current === null) {
       try {
         d.currentTarget.setPointerCapture(d.pointerId);
@@ -7425,12 +7444,12 @@ var J2 = "ydgo3h1", Q2 = "ydgo3h2", em = "ydgo3h3", tm = ({ clientPoint: e, pane
     a
   ]);
 }, om = [" ", "Enter"], im = ({ arrow: e }) => {
-  const { commands: t, anchorResolver: n } = z(), a = $(), { layers: o, coordSystem: i, mainAxis: l } = R(fe((c) => ({
+  const { commands: t, anchorResolver: n } = B(), a = $(), { layers: o, coordSystem: i, mainAxis: l } = R(fe((c) => ({
     layers: c.layers,
     coordSystem: c.coordSystem,
     mainAxis: Ys(c.coordSystem)
   }))), s = e.id;
-  return _(() => () => {
+  return z(() => () => {
     const c = a.getState();
     U(c, "difference-arrow-endpoint-drag")?.annotationId === s && c.releaseInteraction("difference-arrow-endpoint-drag");
   }, [a, s]), ae((c) => ({ onKeyDown: (h) => {
@@ -7444,7 +7463,7 @@ var J2 = "ydgo3h1", Q2 = "ydgo3h2", em = "ydgo3h3", tm = ({ clientPoint: e, pane
         endpoint: c,
         point: e[c]
       });
-      d.releaseInteraction("difference-arrow-endpoint-drag"), zo({
+      d.releaseInteraction("difference-arrow-endpoint-drag"), Bo({
         dispatch: t.dispatch,
         arrow: e,
         endpoint: c,
@@ -7495,10 +7514,10 @@ var J2 = "ydgo3h1", Q2 = "ydgo3h2", em = "ydgo3h3", tm = ({ clientPoint: e, pane
   return hc({
     layer: s,
     from: n,
-    partner: e[Fo(t)].anchor,
+    partner: e[zo(t)].anchor,
     axis: a.axis,
     step: a.step,
-    getObservationPoint: (d, u) => La({
+    getObservationPoint: (d, u) => Pa({
       resolver: l,
       layer: s,
       observation: d,
@@ -7515,7 +7534,7 @@ var J2 = "ydgo3h1", Q2 = "ydgo3h2", em = "ydgo3h3", tm = ({ clientPoint: e, pane
     ...e
   });
 }, dm = ({ annotationId: e, ...t }) => {
-  const n = Ei(), a = I(() => n.find((o) => o.id === e), [n, e]);
+  const n = Oi(), a = E(() => n.find((o) => o.id === e), [n, e]);
   return a === void 0 ? null : /* @__PURE__ */ r(um, {
     committedArrow: a.committedArrow,
     color: a.color,
@@ -7555,7 +7574,7 @@ var J2 = "ydgo3h1", Q2 = "ydgo3h2", em = "ydgo3h3", tm = ({ clientPoint: e, pane
           top: s.y + o.y - 2,
           width: o.width + 4,
           height: o.height + 4,
-          borderRadius: ji(n, 2)
+          borderRadius: Zi(n, 2)
         }
       }),
       /* @__PURE__ */ r(wr, {
@@ -7614,28 +7633,28 @@ var J2 = "ydgo3h1", Q2 = "ydgo3h2", em = "ydgo3h3", tm = ({ clientPoint: e, pane
   "bottom-right",
   "bottom-left"
 ];
-var Bo = ({ width: e, height: t }) => ({
+var Ho = ({ width: e, height: t }) => ({
   x: de(16, e),
   y: de(16, t)
 }), pm = (e, t) => ({
-  x: Vo(t) ? e.x : e.x + e.width,
-  y: $o(t) ? e.y : e.y + e.height
+  x: $o(t) ? e.x : e.x + e.width,
+  y: Wo(t) ? e.y : e.y + e.height
 }), Pn = (e) => ({
   x: e.x,
   y: 1 - e.y - e.height,
   width: e.width,
   height: e.height
-}), Ho = ({ region: e, corner: t, delta: n, minSize: a }) => {
+}), Go = ({ region: e, corner: t, delta: n, minSize: a }) => {
   const o = rn({
     start: e.x,
     extent: e.width,
-    isStartMoving: Vo(t),
+    isStartMoving: $o(t),
     delta: n.x,
     minExtent: a.x
   }), i = rn({
     start: e.y,
     extent: e.height,
-    isStartMoving: $o(t),
+    isStartMoving: Wo(t),
     delta: n.y,
     minExtent: a.y
   });
@@ -7646,9 +7665,9 @@ var Bo = ({ width: e, height: t }) => ({
     width: o.extent,
     height: i.extent
   };
-}, Go = (e, t) => e.x === t.x && e.y === t.y && e.width === t.width && e.height === t.height, Vo = (e) => e === "top-left" || e === "bottom-left", $o = (e) => e === "top-left" || e === "top-right", Wo = (e, t, n, a) => {
+}, Vo = (e, t) => e.x === t.x && e.y === t.y && e.width === t.width && e.height === t.height, $o = (e) => e === "top-left" || e === "bottom-left", Wo = (e) => e === "top-left" || e === "top-right", Uo = (e, t, n, a) => {
   const o = e.textAnnotations.find((i) => i.id === t);
-  return o === void 0 ? null : dl(il(o, n), a);
+  return o === void 0 ? null : ul(ll(o, n), a);
 }, mm = "var(--_1ee8fau0)";
 var gm = {
   hovered: "_1ee8fau2 _1ee8fau1",
@@ -7657,7 +7676,7 @@ var gm = {
   hovered: "_1ee8fau5 _1ee8fau4",
   selected: "_1ee8fau6 _1ee8fau4"
 }, fm = ({ panelRect: e }) => {
-  const t = Ne(e), n = na(), a = X(), o = Je(), i = J((f) => U(f, "move-drag")), l = J((f) => U(f, "shape-resize-drag")), s = J((f) => U(f, "arrow-endpoint-drag")), c = J((f) => U(f, "text-resize-drag")), h = J(Ni), d = I(() => ({
+  const t = Ne(e), n = na(), a = X(), o = Je(), i = J((f) => U(f, "move-drag")), l = J((f) => U(f, "shape-resize-drag")), s = J((f) => U(f, "arrow-endpoint-drag")), c = J((f) => U(f, "text-resize-drag")), h = J(Ri), d = E(() => ({
     panel: {
       width: e.width,
       height: e.height
@@ -7671,17 +7690,17 @@ var gm = {
     a
   ]), u = Tr(t, o, d), p = Tr(t, h === o ? null : h, d), v = (f) => {
     if (l?.annotationId === f.id) {
-      const b = t.shapes.find((w) => w.id === f.id);
+      const b = t.shapes.find((x) => x.id === f.id);
       return b === void 0 ? f.geometry : jr(Pn(l.region), a.annotation.shape(b.id).get("strokeWidth"), d.panel);
     }
     if (s?.annotationId === f.id) {
-      const b = t.arrows.find((w) => w.id === f.id);
-      return b === void 0 ? f.geometry : ul(Ln(b, s), d.panel) ?? f.geometry;
+      const b = t.arrows.find((x) => x.id === f.id);
+      return b === void 0 ? f.geometry : hl(Ln(b, s), d.panel) ?? f.geometry;
     }
-    return c?.annotationId === f.id ? Wo(t, f.id, c, d) ?? f.geometry : f.geometry;
+    return c?.annotationId === f.id ? Uo(t, f.id, c, d) ?? f.geometry : f.geometry;
   }, m = (f) => {
     if (i?.annotationId !== f) return e;
-    const b = Do(i.translation, e);
+    const b = _o(i.translation, e);
     return {
       x: e.x + b.x,
       y: e.y + b.y
@@ -7700,7 +7719,7 @@ var gm = {
   })] });
 }, Tr = (e, t, n) => {
   if (t === null) return null;
-  const a = Fi(e, t, n);
+  const a = zi(e, t, n);
   return a === null ? null : {
     id: t,
     geometry: a
@@ -7745,7 +7764,7 @@ var gm = {
 }), bm = ({ panelRect: e }) => {
   const t = J((o) => U(o, "move-drag")), n = Ne(e);
   if (t === null) return null;
-  const a = Do(t.translation, e);
+  const a = _o(t.translation, e);
   return /* @__PURE__ */ r("svg", {
     "aria-hidden": "true",
     className: kn,
@@ -7760,8 +7779,8 @@ var gm = {
     children: Cm(n, t.annotationId, e)
   });
 }, ym = ({ annotation: e, panel: t }) => {
-  const n = Qi(e.id);
-  return /* @__PURE__ */ r(qi, {
+  const n = el(e.id);
+  return /* @__PURE__ */ r(Xi, {
     annotation: e,
     panel: t,
     style: X().annotation.text(e.id).resolve(),
@@ -7794,7 +7813,7 @@ var gm = {
   }
   return null;
 }, xm = ({ arrow: e, panelSize: t }) => {
-  const n = fn(X(), e.id), a = ba({
+  const n = fn(X(), e.id), a = ya({
     arrow: e,
     style: n,
     panelWidth: t.width,
@@ -7809,7 +7828,7 @@ var gm = {
   shape: e,
   style: X().annotation.shape(e.id).resolve(),
   panel: t
-}), Tm = ({ image: e, panelSize: t }) => /* @__PURE__ */ r(Ji, {
+}), Tm = ({ image: e, panelSize: t }) => /* @__PURE__ */ r(Qi, {
   image: e,
   panel: t,
   style: X().annotation.image(e.id).resolve()
@@ -7844,7 +7863,7 @@ var gm = {
   horizontal: "o49ib43",
   diagonalDown: "o49ib44",
   diagonalUp: "o49ib45"
-}, Uo = ({ point: e, label: t, pull: n, size: a, attributes: o, dragHandlers: i, keyboardHandlers: l }) => {
+}, Ko = ({ point: e, label: t, pull: n, size: a, attributes: o, dragHandlers: i, keyboardHandlers: l }) => {
   const s = X().editOutline.selected().resolve().stroke;
   return /* @__PURE__ */ r("div", {
     "aria-label": t,
@@ -7882,28 +7901,28 @@ var gm = {
     key: "graph.annotations.shapeToolbar.border.thick"
   }
 ], Im = (e) => [...an].reverse().find((t) => t.width <= e) ?? an[0], Em = ({ shape: e, shapeBox: t, panelRect: n, frameWidth: a, frameHeight: o, frameElement: i }) => {
-  const l = P(), { commands: s } = z(), c = R((C) => C.spec.styles.overrides), h = R((C) => De(C.spec)), d = Ot(), u = X().annotation.shape(e.id).resolve(), p = Im(u.strokeWidth), v = I(() => ({
+  const l = I(), { commands: s } = B(), c = R((C) => C.spec.styles.overrides), h = R((C) => De(C.spec)), d = Ot(), u = X().annotation.shape(e.id).resolve(), p = Im(u.strokeWidth), v = E(() => ({
     target: "annotation",
     kind: "shape",
     annotation: e.id
   }), [e.id]), m = (C, S) => {
-    const T = Ae(c, { select: v }, h)?.declarations ?? {};
+    const P = Ae(c, { select: v }, h)?.declarations ?? {};
     s.dispatch(new Oe({
       list: "overrides",
       rule: {
         select: v,
         declarations: {
-          ...T,
+          ...P,
           ...C
         }
       }
     }), S);
   }, f = () => {
     s.dispatch(new We({ id: e.id })), i.focus({ preventScroll: !0 });
-  }, b = (C) => m({ fill: C }, { transient: !0 }), w = (C) => m({ fillAlpha: C }, { transient: !0 }), x = (C) => () => {
+  }, b = (C) => m({ fill: C }, { transient: !0 }), x = (C) => m({ fillAlpha: C }, { transient: !0 }), w = (C) => () => {
     m({ strokeWidth: C }), d.close();
   };
-  return /* @__PURE__ */ g(D.Root, {
+  return /* @__PURE__ */ g(_.Root, {
     anchorBox: t,
     panelRect: n,
     frameWidth: a,
@@ -7911,33 +7930,33 @@ var gm = {
     label: l("graph.annotations.shapeToolbar.label"),
     testId: "shape-toolbar",
     children: [
-      /* @__PURE__ */ r(D.ColorPicker, {
+      /* @__PURE__ */ r(_.ColorPicker, {
         color: ut(u.fill),
         label: l("graph.annotations.shapeToolbar.color"),
         onChange: b,
         opacity: u.fillAlpha,
-        onOpacityChange: w,
+        onOpacityChange: x,
         ...d.bind("color"),
-        children: /* @__PURE__ */ r(D.Swatch, {
+        children: /* @__PURE__ */ r(_.Swatch, {
           color: ut(u.fill),
           opacity: u.fillAlpha
         })
       }),
-      /* @__PURE__ */ r(D.Dropdown, {
+      /* @__PURE__ */ r(_.Dropdown, {
         label: l("graph.annotations.shapeToolbar.border.ariaLabel"),
-        trigger: /* @__PURE__ */ r(Ro, {
+        trigger: /* @__PURE__ */ r(Do, {
           size: "sm",
           title: ""
         }),
         ...d.bind("border"),
-        children: an.map((C) => /* @__PURE__ */ r(D.MenuItem, {
+        children: an.map((C) => /* @__PURE__ */ r(_.MenuItem, {
           isSelected: C.width === p?.width,
-          onClick: x(C.width),
+          onClick: w(C.width),
           children: l(C.key)
         }, C.width))
       }),
-      /* @__PURE__ */ r(D.Separator, {}),
-      /* @__PURE__ */ r(D.IconButton, {
+      /* @__PURE__ */ r(_.Separator, {}),
+      /* @__PURE__ */ r(_.IconButton, {
         label: l("graph.annotations.shapeToolbar.remove"),
         onClick: f,
         children: /* @__PURE__ */ r(Et, {
@@ -7947,9 +7966,9 @@ var gm = {
       })
     ]
   });
-}, Ko = (e) => {
+}, qo = (e) => {
   const t = ee(e), n = ne(null);
-  return _(() => () => n.current?.finish(!1), []), ae((a) => ({ onPointerDown: (o) => {
+  return z(() => () => n.current?.finish(!1), []), ae((a) => ({ onPointerDown: (o) => {
     if (o.button !== 0 || n.current !== null) return;
     try {
       o.currentTarget.setPointerCapture(o.pointerId);
@@ -7985,28 +8004,28 @@ var gm = {
     return s === null ? null : {
       kind: "shape-resize-drag",
       annotationId: t,
-      region: Ho({
+      region: Go({
         region: s,
         corner: n,
         delta: Mt(a, e, l),
-        minSize: Bo(l)
+        minSize: Ho(l)
       })
     };
   }
   commit({ region: e }) {
     const { annotationId: t, dispatch: n, readInputs: a } = this.params, o = gt(a().annotations, t);
-    o === null || Go(o, e) || n(new he({
+    o === null || Vo(o, e) || n(new he({
       kind: "shape",
       id: t,
       patch: { region: e }
     }));
   }
 }, Mm = ({ annotationId: e, panelRect: t }) => {
-  const { commands: n } = z(), a = $(), o = ee({
+  const { commands: n } = B(), a = $(), o = ee({
     annotations: R((i) => i.spec.annotations),
     panelRect: t
   });
-  return Ko((i, l) => new Om({
+  return qo((i, l) => new Om({
     ...l,
     annotationId: e,
     corner: i,
@@ -8014,9 +8033,9 @@ var gm = {
     editorStore: a,
     dispatch: n.dispatch
   }));
-}, Nm = [" ", "Enter"], qo = (e) => {
+}, Nm = [" ", "Enter"], Xo = (e) => {
   const t = $(), n = ee(e);
-  return _(() => () => Lr(t, n.current), [t, n]), ae((a) => ({ onKeyDown: (o) => {
+  return z(() => () => Lr(t, n.current), [t, n]), ae((a) => ({ onKeyDown: (o) => {
     if (o.altKey || o.ctrlKey || o.metaKey || o.shiftKey) return;
     const i = t.getState(), l = n.current.readHeld();
     if (Nm.includes(o.key)) {
@@ -8038,8 +8057,8 @@ var gm = {
   const n = t.readHeld();
   n !== null && (e.getState().releaseInteraction(n.kind), t.commit(n));
 }, Pr = 4, Rm = ({ annotationId: e, panelRect: t }) => {
-  const { commands: n } = z(), a = $(), o = R((i) => i.spec.annotations);
-  return qo({
+  const { commands: n } = B(), a = $(), o = R((i) => i.spec.annotations);
+  return Xo({
     readHeld: () => dn(U(a.getState(), "shape-resize-drag"), e),
     claim: () => {
       const i = gt(o, e);
@@ -8054,17 +8073,17 @@ var gm = {
       return c === null ? null : {
         kind: "shape-resize-drag",
         annotationId: e,
-        region: Ho({
+        region: Go({
           region: i.region,
           corner: l,
           delta: c,
-          minSize: Bo(t)
+          minSize: Ho(t)
         })
       };
     },
     commit: ({ region: i }) => {
       const l = gt(o, e);
-      l === null || Go(l, i) || n.dispatch(new he({
+      l === null || Vo(l, i) || n.dispatch(new he({
         kind: "shape",
         id: e,
         patch: { region: i }
@@ -8114,7 +8133,7 @@ var gm = {
     ...e
   });
 }, zm = ({ shape: e, region: t, isSettled: n, isMoved: a, panelRect: o, frameRect: i, frameElement: l }) => {
-  const s = P(), c = Mm({
+  const s = I(), c = Mm({
     annotationId: e.id,
     panelRect: o
   }), h = Rm({
@@ -8133,7 +8152,7 @@ var gm = {
       frameElement: l
     }), !a && hm.map((p) => {
       const v = pm(u, p);
-      return /* @__PURE__ */ r(Uo, {
+      return /* @__PURE__ */ r(Ko, {
         point: {
           x: o.x + v.x,
           y: o.y + v.y
@@ -8173,15 +8192,15 @@ var gm = {
     strokeLinecap: "round"
   })]
 });
-var vt = "textStyle", Xo = /* @__PURE__ */ new Set(["paragraph", "heading"]), Vm = (e) => {
-  const t = jo(e), n = Xm(e);
+var vt = "textStyle", jo = /* @__PURE__ */ new Set(["paragraph", "heading"]), Vm = (e) => {
+  const t = Zo(e), n = Xm(e);
   return {
     color: lt(t.map((a) => jm($t(a)?.color))),
     font: lt(t.map((a) => qm($t(a)))),
     fontSize: lt(t.map((a) => Zm($t(a)?.fontSize))),
     alignment: lt(n.map((a) => Ym(a.attrs?.textAlign)))
   };
-}, $m = (e, t) => In(e, (n) => n.type === "text" ? Km(n, t) : n), Wm = (e) => jo(e).length > 0, Um = (e, t) => In(e, (n) => Xo.has(n.type ?? "") ? {
+}, $m = (e, t) => In(e, (n) => n.type === "text" ? Km(n, t) : n), Wm = (e) => Zo(e).length > 0, Um = (e, t) => In(e, (n) => jo.has(n.type ?? "") ? {
   ...n,
   attrs: {
     ...n.attrs,
@@ -8202,11 +8221,11 @@ var vt = "textStyle", Xo = /* @__PURE__ */ new Set(["paragraph", "heading"]), Vm
     ...e,
     marks: a === void 0 ? [...n, o] : n.map((i) => i === a ? o : i)
   };
-}, $t = (e) => e.marks?.find((t) => t.type === vt)?.attrs, qm = (e) => _n(e?.font) ?? _n(e?.fontFamily), jo = (e) => En(e, (t) => t.type === "text"), Xm = (e) => En(e, (t) => Xo.has(t.type ?? "")), En = (e, t) => [...t(e) ? [e] : [], ...(e.content ?? []).flatMap((n) => En(n, t))], lt = (e) => {
+}, $t = (e) => e.marks?.find((t) => t.type === vt)?.attrs, qm = (e) => _n(e?.font) ?? _n(e?.fontFamily), Zo = (e) => En(e, (t) => t.type === "text"), Xm = (e) => En(e, (t) => jo.has(t.type ?? "")), En = (e, t) => [...t(e) ? [e] : [], ...(e.content ?? []).flatMap((n) => En(n, t))], lt = (e) => {
   const [t, ...n] = e;
   return t === void 0 ? null : n.every((a) => a === t) ? t : null;
 }, jm = (e) => typeof e == "string" && e.length > 0 ? e : void 0, Zm = (e) => typeof e == "number" && Number.isFinite(e) ? e : void 0, Ym = (e) => e === "left" || e === "center" || e === "right" ? e : void 0;
-var Zo = [
+var Yo = [
   {
     id: "modern",
     key: "graph.annotations.textToolbar.font.modern"
@@ -8230,9 +8249,9 @@ var Zo = [
 ].map(({ id: e, key: t }) => ({
   id: e,
   key: t,
-  fontFamily: Ki[e] ?? e
-})), Jm = (e) => Zo.find((t) => t.id === (e ?? "modern")) ?? null;
-var Yo = [
+  fontFamily: qi[e] ?? e
+})), Jm = (e) => Yo.find((t) => t.id === (e ?? "modern")) ?? null;
+var Jo = [
   {
     size: 12,
     key: "graph.annotations.textToolbar.fontSize.small"
@@ -8253,30 +8272,30 @@ var Yo = [
     size: 30,
     key: "graph.annotations.textToolbar.fontSize.huge"
   }
-], Qm = (e) => Yo.find((t) => t.size === (e ?? 15)) ?? null, eg = (e) => `${e}px`, tg = [
+], Qm = (e) => Jo.find((t) => t.size === (e ?? 15)) ?? null, eg = (e) => `${e}px`, tg = [
   {
     alignment: "left",
-    Icon: co
+    Icon: uo
   },
   {
     alignment: "center",
-    Icon: lo
+    Icon: so
   },
   {
     alignment: "right",
-    Icon: so
+    Icon: co
   }
 ], ng = ({ annotation: e, textBox: t, panelRect: n, frameWidth: a, frameHeight: o, frameElement: i }) => {
-  const l = P(), { commands: s } = z(), c = R((y) => y.spec.styles.overrides), h = R((y) => De(y.spec)), d = $(), u = Ot(), p = X().annotation.text(e.id).resolve(), v = Vm(e.content), m = Jm(v.font), f = Qm(v.fontSize), b = v.color ?? p.textColor, w = I(() => ({
+  const l = I(), { commands: s } = B(), c = R((y) => y.spec.styles.overrides), h = R((y) => De(y.spec)), d = $(), u = Ot(), p = X().annotation.text(e.id).resolve(), v = Vm(e.content), m = Jm(v.font), f = Qm(v.fontSize), b = v.color ?? p.textColor, x = E(() => ({
     target: "annotation",
     kind: "text",
     annotation: e.id
-  }), [e.id]), x = (y, V) => {
-    const re = Ae(c, { select: w }, h)?.declarations ?? {};
+  }), [e.id]), w = (y, V) => {
+    const re = Ae(c, { select: x }, h)?.declarations ?? {};
     s.dispatch(new Oe({
       list: "overrides",
       rule: {
-        select: w,
+        select: x,
         declarations: {
           ...re,
           ...y
@@ -8289,7 +8308,7 @@ var Yo = [
       id: e.id,
       patch: y
     }), V);
-  }, S = () => d.getState().caret?.editor?.getJSON() ?? e.content, T = (y, V) => {
+  }, S = () => d.getState().caret?.editor?.getJSON() ?? e.content, P = (y, V) => {
     const re = S(), xe = d.getState().caret?.editor ?? null;
     if (xe !== null && !Wm(re)) {
       xe.chain().focus().setMark(vt, y).run();
@@ -8298,12 +8317,12 @@ var Yo = [
     C({ content: $m(re, y) }, V);
   }, k = () => {
     s.dispatch(new We({ id: e.id })), i.focus({ preventScroll: !0 });
-  }, O = (y) => x(rg(y), { transient: !0 }), H = (y) => T({ color: y }, { transient: !0 }), F = (y) => () => {
-    T({ font: y }), u.close();
+  }, T = (y) => w(rg(y), { transient: !0 }), F = (y) => P({ color: y }, { transient: !0 }), D = (y) => () => {
+    P({ font: y }), u.close();
   }, M = (y) => () => {
-    T({ fontSize: y }), u.close();
+    P({ fontSize: y }), u.close();
   }, N = (y) => C({ content: Um(S(), y) });
-  return /* @__PURE__ */ g(D.Root, {
+  return /* @__PURE__ */ g(_.Root, {
     anchorBox: t,
     panelRect: n,
     frameWidth: a,
@@ -8311,18 +8330,18 @@ var Yo = [
     label: l("graph.annotations.textToolbar.label"),
     testId: "text-toolbar",
     children: [
-      /* @__PURE__ */ r(D.ColorPicker, {
+      /* @__PURE__ */ r(_.ColorPicker, {
         color: ut(p.fill),
         label: l("graph.annotations.textToolbar.background"),
         hasTransparentOption: !0,
-        onChange: O,
+        onChange: T,
         ...u.bind("background"),
-        children: /* @__PURE__ */ r(D.Swatch, { color: p.fill === "transparent" ? mu : ut(p.fill) })
+        children: /* @__PURE__ */ r(_.Swatch, { color: p.fill === "transparent" ? mu : ut(p.fill) })
       }),
-      /* @__PURE__ */ r(D.ColorPicker, {
+      /* @__PURE__ */ r(_.ColorPicker, {
         color: b,
         label: l("graph.annotations.textToolbar.color"),
-        onChange: H,
+        onChange: F,
         ...u.bind("color"),
         children: /* @__PURE__ */ r(Gm, {
           size: "sm",
@@ -8330,27 +8349,27 @@ var Yo = [
           title: ""
         })
       }),
-      /* @__PURE__ */ r(D.Dropdown, {
+      /* @__PURE__ */ r(_.Dropdown, {
         label: l("graph.annotations.textToolbar.font.ariaLabel"),
         trigger: /* @__PURE__ */ r("span", {
           style: { fontFamily: m?.fontFamily },
           children: "Aa"
         }),
         ...u.bind("font"),
-        children: Zo.map((y) => /* @__PURE__ */ r(D.MenuItem, {
+        children: Yo.map((y) => /* @__PURE__ */ r(_.MenuItem, {
           isSelected: y.id === m?.id,
-          onClick: F(y.id),
+          onClick: D(y.id),
           children: /* @__PURE__ */ r("span", {
             style: { fontFamily: y.fontFamily },
             children: l(y.key)
           })
         }, y.id))
       }),
-      /* @__PURE__ */ r(D.Dropdown, {
+      /* @__PURE__ */ r(_.Dropdown, {
         label: l("graph.annotations.textToolbar.fontSize.ariaLabel"),
         trigger: f === null ? "" : l(f.key),
         ...u.bind("fontSize"),
-        children: Yo.map((y) => /* @__PURE__ */ r(D.MenuItem, {
+        children: Jo.map((y) => /* @__PURE__ */ r(_.MenuItem, {
           isSelected: y.size === f?.size,
           onClick: M(y.size),
           children: /* @__PURE__ */ r("span", {
@@ -8359,13 +8378,13 @@ var Yo = [
           })
         }, y.size))
       }),
-      /* @__PURE__ */ r(D.Separator, {}),
+      /* @__PURE__ */ r(_.Separator, {}),
       /* @__PURE__ */ r(ag, {
         current: v.alignment ?? "center",
         onPick: N
       }),
-      /* @__PURE__ */ r(D.Separator, {}),
-      /* @__PURE__ */ r(D.IconButton, {
+      /* @__PURE__ */ r(_.Separator, {}),
+      /* @__PURE__ */ r(_.IconButton, {
         label: l("graph.annotations.textToolbar.remove"),
         onClick: k,
         children: /* @__PURE__ */ r(Et, {
@@ -8375,12 +8394,12 @@ var Yo = [
       })
     ]
   });
-}, rg = (e) => e === "transparent" ? { fill: Ga } : {
+}, rg = (e) => e === "transparent" ? { fill: Va } : {
   fill: e,
   fillAlpha: ku(e) ? ds : 1
 }, ag = ({ current: e, onPick: t }) => {
-  const n = P(), a = (o) => () => t(o);
-  return /* @__PURE__ */ r(q, { children: tg.map((o) => /* @__PURE__ */ r(D.ToggleButton, {
+  const n = I(), a = (o) => () => t(o);
+  return /* @__PURE__ */ r(q, { children: tg.map((o) => /* @__PURE__ */ r(_.ToggleButton, {
     label: n(`graph.annotations.textToolbar.align.${o.alignment}`),
     isPressed: o.alignment === e,
     onClick: a(o.alignment),
@@ -8390,10 +8409,10 @@ var Yo = [
     })
   }, o.alignment)) });
 }, og = ["left", "right"];
-var Jo = ({ width: e }) => de(60, e), ig = (e, t) => ({
+var Qo = ({ width: e }) => de(60, e), ig = (e, t) => ({
   x: t === "left" ? e.x : e.x + e.width,
   y: e.y + e.height / 2
-}), Qo = ({ at: e, width: t, align: n, edge: a, delta: o, minWidth: i, panelWidth: l }) => {
+}), ei = ({ at: e, width: t, align: n, edge: a, delta: o, minWidth: i, panelWidth: l }) => {
   if (o === 0) return {
     at: e,
     width: t,
@@ -8414,7 +8433,7 @@ var Jo = ({ width: e }) => de(60, e), ig = (e, t) => ({
     width: h.extent,
     shift: d - e.x
   };
-}, ei = (e, t) => e.at.x === t.at.x && e.width === t.width, lg = (e, t) => e?.x === void 0 ? 0 : e.unit === "px" ? de(e.x, t) : e.x, ft = (e, t) => {
+}, ti = (e, t) => e.at.x === t.at.x && e.width === t.width, lg = (e, t) => e?.x === void 0 ? 0 : e.unit === "px" ? de(e.x, t) : e.x, ft = (e, t) => {
   const n = e.textAnnotations.find((a) => a.id === t);
   return n === void 0 || n.at.anchorType !== "panel" ? null : {
     at: n.at,
@@ -8436,18 +8455,18 @@ var Jo = ({ width: e }) => de(60, e), ig = (e, t) => ({
       kind: "text-resize-drag",
       annotationId: t,
       delta: c,
-      ...Qo({
+      ...ei({
         ...s,
         edge: n,
         delta: c,
-        minWidth: Jo(l),
+        minWidth: Qo(l),
         panelWidth: l.width
       })
     };
   }
   commit(e) {
     const { annotationId: t, dispatch: n, readInputs: a } = this.params, o = ft(a().annotations, t);
-    o === null || ei(o, e) || n(new he({
+    o === null || ti(o, e) || n(new he({
       kind: "text",
       id: t,
       patch: {
@@ -8457,11 +8476,11 @@ var Jo = ({ width: e }) => de(60, e), ig = (e, t) => ({
     }));
   }
 }, cg = ({ annotationId: e, panelRect: t }) => {
-  const { commands: n } = z(), a = $(), o = ee({
+  const { commands: n } = B(), a = $(), o = ee({
     annotations: R((i) => i.spec.annotations),
     panelRect: t
   });
-  return Ko((i, l) => new sg({
+  return qo((i, l) => new sg({
     ...l,
     annotationId: e,
     edge: i,
@@ -8470,22 +8489,22 @@ var Jo = ({ width: e }) => de(60, e), ig = (e, t) => ({
     dispatch: n.dispatch
   }));
 }, dg = 4, ug = ({ annotationId: e, panelRect: t }) => {
-  const { commands: n } = z(), a = $(), o = R((l) => l.spec.annotations), i = (l, s) => {
+  const { commands: n } = B(), a = $(), o = R((l) => l.spec.annotations), i = (l, s) => {
     const c = ft(o, e);
     return c === null ? null : {
       kind: "text-resize-drag",
       annotationId: e,
       delta: s,
-      ...Qo({
+      ...ei({
         ...c,
         edge: l,
         delta: s,
-        minWidth: Jo(t),
+        minWidth: Qo(t),
         panelWidth: t.width
       })
     };
   };
-  return qo({
+  return Xo({
     readHeld: () => un(U(a.getState(), "text-resize-drag"), e),
     claim: (l) => i(l, 0),
     step: (l, s, c) => {
@@ -8494,7 +8513,7 @@ var Jo = ({ width: e }) => de(60, e), ig = (e, t) => ({
     },
     commit: (l) => {
       const s = ft(o, e);
-      s === null || ei(s, l) || n.dispatch(new he({
+      s === null || ti(s, l) || n.dispatch(new he({
         kind: "text",
         id: e,
         patch: {
@@ -8526,7 +8545,7 @@ var Jo = ({ width: e }) => de(60, e), ig = (e, t) => ({
     ...e
   });
 }, mg = ({ annotation: e, textBox: t, isSettled: n, isMoved: a, isResizable: o, hasCaret: i, panelRect: l, frameRect: s, frameElement: c }) => {
-  const h = P(), d = cg({
+  const h = I(), d = cg({
     annotationId: e.id,
     panelRect: l
   }), u = ug({
@@ -8545,7 +8564,7 @@ var Jo = ({ width: e }) => de(60, e), ig = (e, t) => ({
       frameElement: c
     }), o && !a && !i && og.map((p) => {
       const v = ig(t, p);
-      return /* @__PURE__ */ r(Uo, {
+      return /* @__PURE__ */ r(Ko, {
         point: {
           x: l.x + v.x,
           y: l.y + v.y
@@ -8572,7 +8591,7 @@ var Jo = ({ width: e }) => de(60, e), ig = (e, t) => ({
   resized: un(U(t, "text-resize-drag"), e),
   isMoved: Ct(U(t, "move-drag"), e) !== null
 })), fg = (e, t, n) => {
-  const a = Ne(e), o = na(), i = X(), l = I(() => ({
+  const a = Ne(e), o = na(), i = X(), l = E(() => ({
     panel: {
       width: e.width,
       height: e.height
@@ -8585,7 +8604,7 @@ var Jo = ({ width: e }) => de(60, e), ig = (e, t) => ({
     o,
     i
   ]);
-  return t === null ? null : Wo(a, t, n, l)?.rect ?? null;
+  return t === null ? null : Uo(a, t, n, l)?.rect ?? null;
 }, bg = (e) => /* @__PURE__ */ r(L, {
   ...e,
   children: /* @__PURE__ */ g("g", {
@@ -8608,7 +8627,7 @@ var xg = "_1tyillx2", wg = {
   closed: "_1tyillx7",
   open: "_1tyillx8"
 }, kg = ({ interaction: e, panelRect: t }) => {
-  const n = $(), a = X().editOutline.selected().resolve().stroke, o = e.kind === "trigger" || e.kind === "menu" ? e.anchor : null, i = Lg(e), l = I(() => {
+  const n = $(), a = X().editOutline.selected().resolve().stroke, o = e.kind === "trigger" || e.kind === "menu" ? e.anchor : null, i = Lg(e), l = E(() => {
     if (o === null) return null;
     const s = dt(o.position, t);
     return {
@@ -8624,9 +8643,9 @@ var xg = "_1tyillx2", wg = {
     t,
     i
   ]);
-  return _(() => {
+  return z(() => {
     n.getState().setMenuTrigger(l);
-  }, [n, l]), _(() => () => n.getState().setMenuTrigger(null), [n]), o === null || l === null ? null : /* @__PURE__ */ r("div", {
+  }, [n, l]), z(() => () => n.getState().setMenuTrigger(null), [n]), o === null || l === null ? null : /* @__PURE__ */ r("div", {
     "aria-hidden": "true",
     "data-testid": "observation-menu-trigger",
     "data-state": i,
@@ -8645,11 +8664,11 @@ var xg = "_1tyillx2", wg = {
     })
   });
 }, Lg = (e) => e.kind === "menu" ? "open" : e.kind === "trigger" && e.isEngaged ? "hovered" : "rest", Pg = 'button:not([disabled]):not([tabindex="-1"]), [tabindex]:not([tabindex="-1"])', Ig = (e, t) => {
-  const { chartId: n } = z(), a = $();
-  _(() => {
+  const { chartId: n } = B(), a = $();
+  z(() => {
     if (t === null) return;
     const o = (i) => {
-      if (i.key !== "Tab" || i.defaultPrevented || !Xe(i.target, e, n) || Wa(i.target) || a.getState().standingInteraction?.kind === "chrome-popup") return;
+      if (i.key !== "Tab" || i.defaultPrevented || !Xe(i.target, e, n) || Ua(i.target) || a.getState().standingInteraction?.kind === "chrome-popup") return;
       const l = [...t.querySelectorAll(Pg)];
       if (l.length === 0) return;
       i.preventDefault();
@@ -8663,12 +8682,12 @@ var xg = "_1tyillx2", wg = {
     n,
     a
   ]);
-}, Eg = (e, t) => typeof document.elementsFromPoint == "function" ? document.elementsFromPoint(e, t) : [], ti = (e, t, n) => yt(Eg(e, t), n), Og = (e) => {
-  const { selectionStore: t, chartId: n } = z(), a = $();
-  _(() => {
+}, Eg = (e, t) => typeof document.elementsFromPoint == "function" ? document.elementsFromPoint(e, t) : [], ni = (e, t, n) => yt(Eg(e, t), n), Og = (e) => {
+  const { selectionStore: t, chartId: n } = B(), a = $();
+  z(() => {
     let o = null;
     const i = (c) => {
-      const { caret: h } = a.getState(), d = h === null ? null : ti(c.clientX, c.clientY, e);
+      const { caret: h } = a.getState(), d = h === null ? null : ni(c.clientX, c.clientY, e);
       d?.kind === "annotation" && d.target.id === h?.annotationId || e.focus({ preventScroll: !0 });
     }, l = (c) => {
       const { selection: h, clearSelection: d } = t.getState();
@@ -8693,7 +8712,7 @@ var xg = "_1tyillx2", wg = {
       const n = t.legends[e.part.legendIndex], a = n?.items[e.part.itemIndex];
       if (n === void 0 || a === void 0) return null;
       const o = Ng(n, a.layerId, t.layers);
-      return o === null ? null : fa({
+      return o === null ? null : ba({
         layer: o.layer,
         scope: "series",
         variable: o.variable,
@@ -8735,7 +8754,7 @@ var xg = "_1tyillx2", wg = {
     if (!o.interactive) continue;
     const i = ic(o.mapping);
     if (i === null) continue;
-    const l = fa({
+    const l = ba({
       layer: o,
       scope: "x-value",
       variable: i,
@@ -8753,7 +8772,7 @@ var xg = "_1tyillx2", wg = {
   if (o === null) return null;
   const l = ve(t, o.layerId);
   if (l === void 0) return null;
-  const s = ka(o), c = i?.intersects !== !1, h = Us(l), d = c || !Bs(n) ? [h] : ["x-value", h];
+  const s = La(o), c = i?.intersects !== !1, h = Us(l), d = c || !Bs(n) ? [h] : ["x-value", h];
   for (const u of d) {
     const p = wt({
       layer: l,
@@ -8778,7 +8797,7 @@ var xg = "_1tyillx2", wg = {
     scope: "data-point",
     parsingLocale: n
   });
-}, ni = (e, t) => {
+}, ri = (e, t) => {
   const { target: n, clientX: a, clientY: o } = e, { frameElement: i, captureRect: l, menuTrigger: s, panelOrigin: c, resolvesObservations: h, scene: d } = t, u = s !== null && vn({
     x: a - c.x,
     y: o - c.y
@@ -8810,7 +8829,7 @@ var xg = "_1tyillx2", wg = {
   return t.width > 0 && t.height > 0 ? t : null;
 }, Ir = (e, t, n, { paintsAnnotations: a, resolvesGuides: o, frameElement: i, scene: l }) => {
   if (!a && l.coordSystem.type === "cartesian" && e && t) return null;
-  const s = e || a ? ti(n.clientX, n.clientY, i) : Hg(n.target, i);
+  const s = e || a ? ni(n.clientX, n.clientY, i) : Hg(n.target, i);
   return s === null ? null : (s.kind === "annotation" ? a : o) ? s : null;
 }, Hg = (e, t) => e instanceof Element ? yt([e], t) : null, Gg = (e, t, n) => {
   const a = {
@@ -8837,7 +8856,7 @@ var xg = "_1tyillx2", wg = {
   }
   commit({ translation: e }) {
     const { annotationId: t, dispatch: n } = this.params;
-    P2(e) && n(new Pl({
+    P2(e) && n(new Il({
       id: t,
       translation: e
     }));
@@ -8874,34 +8893,34 @@ var xg = "_1tyillx2", wg = {
   target: e,
   observationIndex: n ? t : null
 }, Ug = (e, t, n, a, o) => {
-  const { commands: i, selectionStore: l, store: s } = z(), c = $(), h = R((b) => b.spec.annotations), d = Re[Le()], u = ee(d.graphPress), p = ee({
+  const { commands: i, selectionStore: l, store: s } = B(), c = $(), h = R((b) => b.spec.annotations), d = Re[Le()], u = ee(d.graphPress), p = ee({
     annotations: h,
     panelRect: n
   }), v = ee(t), m = ee(o), f = ne(null);
-  _(() => () => f.current?.finish(!1), []), _(() => l.subscribe(({ selection: b }) => {
-    const w = c.getState().pressedObservation, [x, ...C] = b, S = x !== void 0 && C.length === 0 && w !== null && va(x, w.selectedFor);
-    w !== null && !S && c.getState().setPressedObservation(null);
-  }), [c, l]), _(() => {
-    const b = (k) => ni({
+  z(() => () => f.current?.finish(!1), []), z(() => l.subscribe(({ selection: b }) => {
+    const x = c.getState().pressedObservation, [w, ...C] = b, S = w !== void 0 && C.length === 0 && x !== null && fa(w, x.selectedFor);
+    x !== null && !S && c.getState().setPressedObservation(null);
+  }), [c, l]), z(() => {
+    const b = (k) => ri({
       target: k.target,
       clientX: k.clientX,
       clientY: k.clientY
-    }, a()).targetAtPoint, w = (k) => {
+    }, a()).targetAtPoint, x = (k) => {
       if (!(k.target instanceof Element)) return !1;
-      const O = k.target.closest(Kr);
-      return O !== null && e.contains(O) && yt([k.target], e) === null;
-    }, x = (k, O) => {
-      if (f.current !== null || !sl(p.current.annotations, O.id)) return;
+      const T = k.target.closest(Kr);
+      return T !== null && e.contains(T) && yt([k.target], e) === null;
+    }, w = (k, T) => {
+      if (f.current !== null || !cl(p.current.annotations, T.id)) return;
       try {
         e.setPointerCapture(k.pointerId);
       } catch {
         return;
       }
       k.preventDefault();
-      const H = new Vg({
+      const F = new Vg({
         handle: e,
         pointerId: k.pointerId,
-        annotationId: O.id,
+        annotationId: T.id,
         press: {
           x: k.clientX,
           y: k.clientY
@@ -8913,39 +8932,39 @@ var xg = "_1tyillx2", wg = {
           f.current = null;
         }
       });
-      f.current = H, H.start();
-    }, C = (k, O) => {
-      const H = l.getState(), { layers: F, config: M } = s.getState().scene, N = O.kind === "select-observations" && O.observationIndex !== null ? Vi(O.observationIndex, F, O.target, M.parsingLocale) : null;
-      switch (c.getState().setPressedObservation(N), O.kind) {
+      f.current = F, F.start();
+    }, C = (k, T) => {
+      const F = l.getState(), { layers: D, config: M } = s.getState().scene, N = T.kind === "select-observations" && T.observationIndex !== null ? $i(T.observationIndex, D, T.target, M.parsingLocale) : null;
+      switch (c.getState().setPressedObservation(N), T.kind) {
         case "select-annotation":
-          H.setSelection([O.target]), x(k, O.target);
+          F.setSelection([T.target]), w(k, T.target);
           return;
         case "select-observations":
         case "select-band":
         case "select-guide":
         case "select-graph":
-          H.setSelection([O.target]);
+          F.setSelection([T.target]);
           return;
         case "clear":
-          H.clearSelection();
+          F.clearSelection();
           return;
         default:
-          throw new Al({ message: `No press outcome for: ${JSON.stringify(O)}` });
+          throw new kl({ message: `No press outcome for: ${JSON.stringify(T)}` });
       }
     }, S = (k) => {
-      if (k.button !== 0 || Xt(k.target) || Ua(k, v.current, c.getState().menuTrigger) || w(k)) return;
-      const O = $g(b(k), {
+      if (k.button !== 0 || Xt(k.target) || Ka(k, v.current, c.getState().menuTrigger) || x(k)) return;
+      const T = $g(b(k), {
         canSelectGraph: u.current,
         isWithinFrame: k.target instanceof Node && e.contains(k.target),
         caretAnnotationId: c.getState().caret?.annotationId ?? null
       });
-      O.kind !== "keep-caret" && (c.getState().setCaret(null), C(k, O));
-    }, T = (k) => {
-      if (Xt(k.target) || w(k)) return;
-      const O = b(k), { layers: H, guides: F, config: M } = s.getState().scene, N = l.getState(), y = c.getState();
-      switch (O?.kind) {
+      T.kind !== "keep-caret" && (c.getState().setCaret(null), C(k, T));
+    }, P = (k) => {
+      if (Xt(k.target) || x(k)) return;
+      const T = b(k), { layers: F, guides: D, config: M } = s.getState().scene, N = l.getState(), y = c.getState();
+      switch (T?.kind) {
         case "observations": {
-          const { observations: V } = O, re = zg(V, H, M.parsingLocale);
+          const { observations: V } = T, re = zg(V, F, M.parsingLocale);
           if (re === null) return;
           const { observationIndex: xe } = V;
           y.setPressedObservation({
@@ -8957,9 +8976,9 @@ var xg = "_1tyillx2", wg = {
         }
         case "axis":
         case "legend": {
-          const V = Mg(O, {
-            layers: H,
-            legends: F.legends.drawn,
+          const V = Mg(T, {
+            layers: F,
+            legends: D.legends.drawn,
             formattedAxes: m.current,
             parsingLocale: M.parsingLocale
           });
@@ -8968,7 +8987,7 @@ var xg = "_1tyillx2", wg = {
           return;
         }
         case "annotation": {
-          const { target: V } = O;
+          const { target: V } = T;
           if (!p.current.annotations.textAnnotations.some((re) => re.id === V.id)) return;
           N.setSelection([V]), y.setCaret(V.id);
           return;
@@ -8979,8 +8998,8 @@ var xg = "_1tyillx2", wg = {
           return;
       }
     };
-    return document.addEventListener("pointerdown", S), document.addEventListener("dblclick", T), () => {
-      document.removeEventListener("pointerdown", S), document.removeEventListener("dblclick", T);
+    return document.addEventListener("pointerdown", S), document.addEventListener("dblclick", P), () => {
+      document.removeEventListener("pointerdown", S), document.removeEventListener("dblclick", P);
     };
   }, [
     e,
@@ -8995,7 +9014,7 @@ var xg = "_1tyillx2", wg = {
     a
   ]);
 }, Kg = (e) => {
-  const { selectionStore: t, commands: n, chartId: a } = z(), o = $(), i = ee(R((d) => d.spec.annotations.textAnnotations)), { annotations: l } = Re[Le()], s = ae((d) => {
+  const { selectionStore: t, commands: n, chartId: a } = B(), o = $(), i = ee(R((d) => d.spec.annotations.textAnnotations)), { annotations: l } = Re[Le()], s = ae((d) => {
     const { selection: u } = t.getState(), p = l ? nn(u) : null;
     p !== null && (d.preventDefault(), n.dispatch(new We({ id: p })), e.focus({ preventScroll: !0 }));
   }, [
@@ -9030,9 +9049,9 @@ var xg = "_1tyillx2", wg = {
     e,
     a
   ]);
-  _(() => {
+  z(() => {
     const d = (u) => {
-      if (!Xe(u.target, e, a) || Wa(u.target)) return;
+      if (!Xe(u.target, e, a) || Ua(u.target)) return;
       const p = qg(u.target), v = o.getState().caret !== null && !ct(u.target, a);
       if (!(p && !v))
         switch (u.key) {
@@ -9057,7 +9076,7 @@ var xg = "_1tyillx2", wg = {
     o
   ]);
 }, qg = (e) => e instanceof HTMLElement && (e.isContentEditable || e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement), Xg = (e, t) => {
-  const n = $(), { store: a } = z(), { engine: o, overlayRef: i } = je(), l = ee(t), { annotations: s, observationsPress: c, guidePress: h, tolerance: d } = Re[Le()], u = nl(), p = c && !u;
+  const n = $(), { store: a } = B(), { engine: o, overlayRef: i } = je(), l = ee(t), { annotations: s, observationsPress: c, guidePress: h, tolerance: d } = Re[Le()], u = rl(), p = c && !u;
   return ae(() => ({
     frameElement: e,
     captureRect: i.current,
@@ -9082,11 +9101,11 @@ var xg = "_1tyillx2", wg = {
     a
   ]);
 }, jg = () => {
-  const e = Re[Le()].observationMenu, t = al((l) => e ? l.hover.primary : null), { layers: n, coordSystem: a } = R(fe((l) => ({
+  const e = Re[Le()].observationMenu, t = ol((l) => e ? l.hover.primary : null), { layers: n, coordSystem: a } = R(fe((l) => ({
     layers: l.layers,
     coordSystem: l.coordSystem
-  }))), { anchorResolver: o } = z(), i = Yr();
-  return I(() => {
+  }))), { anchorResolver: o } = B(), i = Yr();
+  return E(() => {
     if (t === null) return null;
     const l = n.find((h) => h.id === t.layerId);
     if (l === void 0) return null;
@@ -9099,7 +9118,7 @@ var xg = "_1tyillx2", wg = {
     const c = ws(l)(t.observation);
     return c === null ? null : {
       position: s,
-      color: js({ geom: i }, l, t.observation) ?? xl,
+      color: js({ geom: i }, l, t.observation) ?? wl,
       layer: l,
       at: c,
       observation: t.observation
@@ -9111,9 +9130,9 @@ var xg = "_1tyillx2", wg = {
     o,
     i
   ]);
-}, Zg = { kind: "idle" }, ri = () => {
+}, Zg = { kind: "idle" }, ai = () => {
   const e = J((a) => a.standingInteraction), t = J((a) => a.editTargetUnderPointer?.kind === "menu-trigger"), n = jg();
-  return I(() => e !== null ? e : n === null ? Zg : {
+  return E(() => e !== null ? e : n === null ? Zg : {
     kind: "trigger",
     anchor: n,
     isEngaged: t
@@ -9123,14 +9142,14 @@ var xg = "_1tyillx2", wg = {
     t
   ]);
 }, Yg = (e, t) => e.x >= 0 && e.x <= t.width && e.y >= 0 && e.y <= t.height, Jg = (e, t, n) => {
-  const a = $(), { selectionStore: o } = z(), { store: i, engine: l } = je(), s = ee(e), c = ee(t), h = ee(n);
-  _(() => {
-    const d = (f) => Ua(f, c.current, a.getState().menuTrigger), u = (f) => {
+  const a = $(), { selectionStore: o } = B(), { store: i, engine: l } = je(), s = ee(e), c = ee(t), h = ee(n);
+  z(() => {
+    const d = (f) => Ka(f, c.current, a.getState().menuTrigger), u = (f) => {
       if (d(f) || o.getState().selection.length > 0) return;
-      const b = h.current, w = c.current, x = {
-        x: f.clientX - w.x,
-        y: f.clientY - w.y
-      }, C = Yg(x, b) ? l.query(kt(x, b)) : gn;
+      const b = h.current, x = c.current, w = {
+        x: f.clientX - x.x,
+        y: f.clientY - x.y
+      }, C = Yg(w, b) ? l.query(kt(w, b)) : gn;
       i.getState().setHoverState(C);
     };
     let p = !1;
@@ -9138,15 +9157,15 @@ var xg = "_1tyillx2", wg = {
       p = s.current.kind === "menu";
     }, m = (f) => {
       if (Xt(f.target)) return;
-      const { claimInteraction: b, releaseInteraction: w } = a.getState();
+      const { claimInteraction: b, releaseInteraction: x } = a.getState();
       if (!d(f) || p) {
-        w("menu"), p && u(f);
+        x("menu"), p && u(f);
         return;
       }
-      const x = s.current;
-      x.kind === "trigger" && b({
+      const w = s.current;
+      w.kind === "trigger" && b({
         kind: "menu",
-        anchor: x.anchor
+        anchor: w.anchor
       });
     };
     return document.addEventListener("pointerdown", v, !0), document.addEventListener("click", m), () => {
@@ -9162,30 +9181,30 @@ var xg = "_1tyillx2", wg = {
     h
   ]);
 }, Qg = (e, t, n) => {
-  const a = $(), { store: o } = z(), { store: i } = je(), l = ee(t), s = Re[Le()].observationsPress;
-  _(() => (i.getState().setQueryOwnedByEditor(s), () => i.getState().setQueryOwnedByEditor(!1)), [i, s]), _(() => {
+  const a = $(), { store: o } = B(), { store: i } = je(), l = ee(t), s = Re[Le()].observationsPress;
+  z(() => (i.getState().setQueryOwnedByEditor(s), () => i.getState().setQueryOwnedByEditor(!1)), [i, s]), z(() => {
     let c = null, h = null, d = !1;
     const u = (S) => {
       if (!s) return;
-      const T = i.getState();
-      T.isPointerSuspended || S === null && T.hover.primary === null || T.setHoverState(S ?? gn);
+      const P = i.getState();
+      P.isPointerSuspended || S === null && P.hover.primary === null || P.setHoverState(S ?? gn);
     }, p = () => {
       if (c = null, h === null) return;
       const S = a.getState();
       if (st(S.standingInteraction)) {
-        const O = S.menuTrigger !== null && vn({
+        const T = S.menuTrigger !== null && vn({
           x: h.clientX - l.current.x,
           y: h.clientY - l.current.y
-        }, S.menuTrigger), H = S.editTargetUnderPointer;
-        O ? S.setEditTargetUnderPointer({ kind: "menu-trigger" }) : H?.kind === "menu-trigger" && S.setEditTargetUnderPointer(null);
+        }, S.menuTrigger), F = S.editTargetUnderPointer;
+        T ? S.setEditTargetUnderPointer({ kind: "menu-trigger" }) : F?.kind === "menu-trigger" && S.setEditTargetUnderPointer(null);
         return;
       }
       d && (d = !1, h = {
         ...h,
         target: e0(h)
       });
-      const { targetAtPoint: T, hover: k } = ni(h, n());
-      S.setEditTargetUnderPointer(T), u(k);
+      const { targetAtPoint: P, hover: k } = ri(h, n());
+      S.setEditTargetUnderPointer(P), u(k);
     }, v = () => {
       c === null && (c = requestAnimationFrame(p));
     }, m = () => {
@@ -9198,15 +9217,15 @@ var xg = "_1tyillx2", wg = {
         clientX: S.clientX,
         clientY: S.clientY
       }, d = !1, v();
-    }, w = () => {
+    }, x = () => {
       h = null, c !== null && (cancelAnimationFrame(c), c = null), f();
-    }, x = a.subscribe((S, T) => {
-      st(T.standingInteraction) && !st(S.standingInteraction) && m();
-    }), C = o.subscribe((S, T) => {
-      S.scene !== T.scene && (st(a.getState().standingInteraction) || m());
+    }, w = a.subscribe((S, P) => {
+      st(P.standingInteraction) && !st(S.standingInteraction) && m();
+    }), C = o.subscribe((S, P) => {
+      S.scene !== P.scene && (st(a.getState().standingInteraction) || m());
     });
-    return e.addEventListener("pointermove", b), e.addEventListener("pointerleave", w), () => {
-      c !== null && cancelAnimationFrame(c), x(), C(), e.removeEventListener("pointermove", b), e.removeEventListener("pointerleave", w), f();
+    return e.addEventListener("pointermove", b), e.addEventListener("pointerleave", x), () => {
+      c !== null && cancelAnimationFrame(c), w(), C(), e.removeEventListener("pointermove", b), e.removeEventListener("pointerleave", x), f();
     };
   }, [
     e,
@@ -9231,10 +9250,10 @@ var xg = "_1tyillx2", wg = {
       return !1;
   }
 }, Er = "editor", Or = [], t0 = (e, t, n, a, o) => {
-  const i = ri(), { store: l } = je(), s = pn().length > 0, c = Re[Le()].holdsHoverWhileSelected, h = J((m) => m.menuTrigger), d = i.kind === "menu", u = I(() => h === null ? Or : [vs(h)], [h]), p = Xg(e, t);
-  Qg(e, t, p), Ug(e, t, n, p, o), Jg(i, t, n), Og(e), Kg(e), Ig(e, a), _(() => (l.getState().publishPointerRegions(Er, u), () => l.getState().publishPointerRegions(Er, Or)), [l, u]);
+  const i = ai(), { store: l } = je(), s = pn().length > 0, c = Re[Le()].holdsHoverWhileSelected, h = J((m) => m.menuTrigger), d = i.kind === "menu", u = E(() => h === null ? Or : [vs(h)], [h]), p = Xg(e, t);
+  Qg(e, t, p), Ug(e, t, n, p, o), Jg(i, t, n), Og(e), Kg(e), Ig(e, a), z(() => (l.getState().publishPointerRegions(Er, u), () => l.getState().publishPointerRegions(Er, Or)), [l, u]);
   const v = d || s && c;
-  _(() => (l.getState().setPointerSuspended(v), () => l.getState().setPointerSuspended(!1)), [l, v]), _(() => {
+  z(() => (l.getState().setPointerSuspended(v), () => l.getState().setPointerSuspended(!1)), [l, v]), z(() => {
     if (!s || !c) return;
     const m = l.getState();
     m.setHoverState(gn), m.setTooltipAnchor(null);
@@ -9244,11 +9263,11 @@ var xg = "_1tyillx2", wg = {
     c
   ]);
 }, n0 = ({ frameElement: e, panelRect: t, formattedAxes: n, shouldAnimateTransitions: a }) => {
-  const { measureRef: o, screenRect: i } = ki(), { selectionStore: l } = z(), s = $(), c = J((u) => u.caret?.annotationId ?? null), h = Le(), d = ne(h);
-  return _(() => (o(e), () => o(null)), [o, e]), _(() => () => {
+  const { measureRef: o, screenRect: i } = Li(), { selectionStore: l } = B(), s = $(), c = J((u) => u.caret?.annotationId ?? null), h = Le(), d = ne(h);
+  return z(() => (o(e), () => o(null)), [o, e]), z(() => () => {
     const u = s.getState();
     u.releaseInteraction("menu"), u.setCaret(null), u.setPressedObservation(null);
-  }, [s]), _(() => {
+  }, [s]), z(() => {
     if (d.current === h) return;
     d.current = h;
     const u = s.getState();
@@ -9269,7 +9288,7 @@ var xg = "_1tyillx2", wg = {
   })] });
 }, r0 = ({ annotationId: e, panelRect: t }) => {
   const n = $(), { textAnnotations: a } = Ne(t);
-  return _(() => {
+  return z(() => {
     a.some(({ id: o }) => o === e) || n.getState().setCaret(null);
   }, [
     e,
@@ -9277,7 +9296,7 @@ var xg = "_1tyillx2", wg = {
     n
   ]), null;
 }, a0 = ({ frameElement: e, frameRect: t, panelRect: n, formattedAxes: a, shouldAnimateTransitions: o }) => {
-  const i = I(() => ({
+  const i = E(() => ({
     x: t.left + n.x,
     y: t.top + n.y
   }), [
@@ -9295,7 +9314,7 @@ var xg = "_1tyillx2", wg = {
     shouldAnimateTransitions: o
   });
 }, o0 = ({ frameElement: e, frameRect: t, panelOrigin: n, panelRect: a, boxRef: o, shouldAnimateTransitions: i }) => {
-  const l = Ze(), s = ri(), { annotations: c, editOutline: h, overlayMenu: d } = Re[Le()], u = I(() => ({
+  const l = Ze(), s = ai(), { annotations: c, editOutline: h, overlayMenu: d } = Re[Le()], u = E(() => ({
     width: t.width,
     height: t.height
   }), [t.width, t.height]);
@@ -9304,9 +9323,9 @@ var xg = "_1tyillx2", wg = {
     frameSize: u,
     panelRect: a,
     shouldAnimateTransitions: i
-  }), /* @__PURE__ */ r(v1, { frameRect: t })] }), /* @__PURE__ */ r(zi, {
+  }), /* @__PURE__ */ r(v1, { frameRect: t })] }), /* @__PURE__ */ r(Bi, {
     rect: t,
-    zIndex: Mi.editorOverlay,
+    zIndex: Ni.editorOverlay,
     container: l,
     "data-testid": "editor-overlay",
     boxRef: o,
@@ -9352,10 +9371,10 @@ var xg = "_1tyillx2", wg = {
   })] });
 }, Z5 = ({ slots: e, mode: t, ...n }) => /* @__PURE__ */ r(ed, {
   locale: ea(),
-  children: /* @__PURE__ */ r(Bi, { children: /* @__PURE__ */ r(ml, {
+  children: /* @__PURE__ */ r(Hi, { children: /* @__PURE__ */ r(gl, {
     editors: _h,
-    children: /* @__PURE__ */ r(el, {
-      slots: I(() => ({
+    children: /* @__PURE__ */ r(tl, {
+      slots: E(() => ({
         EditorSurface: n0,
         ...e
       }), [e]),
@@ -9363,19 +9382,19 @@ var xg = "_1tyillx2", wg = {
       ...n
     })
   }) })
-}), i0 = "_12lhx9e0", ai = ({ children: e }) => /* @__PURE__ */ r("div", {
+}), i0 = "_12lhx9e0", oi = ({ children: e }) => /* @__PURE__ */ r("div", {
   className: i0,
   children: e
 }), l0 = "_139ohwv0", te = ({ children: e }) => /* @__PURE__ */ r("div", {
   className: l0,
   children: e
-}), oi = _e(null), s0 = oi.Provider, c0 = () => {
-  const e = ye(oi);
+}), ii = _e(null), s0 = ii.Provider, c0 = () => {
+  const e = ye(ii);
   if (!e) throw new Error("A section must be rendered inside <EditorPanel.Root>.");
   return e;
 }, d0 = "_1jlczkt0", u0 = "data-graphy-editor-panel", h0 = {
   List: te,
-  Grid: ai
+  Grid: oi
 };
 function p0(e) {
   if (e === void 0) return !1;
@@ -9383,7 +9402,7 @@ function p0(e) {
   return t.includes("_1ii3bsb0") || t.includes("_1ii3bsb1");
 }
 var m0 = ({ handle: e, children: t, controls: n, defaultExpandedSection: a = void 0, className: o }) => {
-  const i = Qr(e), { themeClass: l, inlineVarsStyle: s } = St(), [c, h] = Q(() => a ? [a] : []), d = I(() => ({
+  const i = Qr(e), { themeClass: l, inlineVarsStyle: s } = St(), [c, h] = Q(() => a ? [a] : []), d = E(() => ({
     expandSection: (u) => h([u]),
     collapseAllSections: () => h([])
   }), []);
@@ -9404,7 +9423,7 @@ var m0 = ({ handle: e, children: t, controls: n, defaultExpandedSection: a = voi
       })
     })
   });
-}, ii = {
+}, li = {
   Root: m0,
   Controls: h0
 }, g0 = "_2m7wuq0", Y5 = () => /* @__PURE__ */ r(Fc, { className: g0 }), v0 = (e) => /* @__PURE__ */ r(L, {
@@ -9416,7 +9435,7 @@ var m0 = ({ handle: e, children: t, controls: n, defaultExpandedSection: a = voi
     strokeLinejoin: "round",
     children: /* @__PURE__ */ r("path", { d: "m9 6 6 6-6 6" })
   })
-}), On = "_40zvwv0", Mn = "_40zvwv1", f0 = "_40zvwv2", li = "_40zvwv3", b0 = "_40zvwv4 _40zvwv3";
+}), On = "_40zvwv0", Mn = "_40zvwv1", f0 = "_40zvwv2", si = "_40zvwv3", b0 = "_40zvwv4 _40zvwv3";
 var y0 = "_40zvwv6";
 var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory: a, onOpenChange: o, children: i }) => t === "collapsible" ? /* @__PURE__ */ r(x0, {
   title: e,
@@ -9434,7 +9453,7 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
     className: Mn,
     children: [
       /* @__PURE__ */ r("span", {
-        className: li,
+        className: si,
         children: e
       }),
       n !== void 0 && /* @__PURE__ */ r("span", {
@@ -9462,7 +9481,7 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
         }),
         /* @__PURE__ */ r("span", {
           className: y0,
-          children: /* @__PURE__ */ r(za, {
+          children: /* @__PURE__ */ r(Ba, {
             labelId: a,
             controlId: o,
             children: n
@@ -9476,7 +9495,7 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
     })
   });
 }, x0 = ({ title: e, preview: t, accessory: n, onOpenChange: a, children: o }) => {
-  const i = P();
+  const i = I();
   return /* @__PURE__ */ g(Ke.Item, {
     value: e,
     className: On,
@@ -9490,7 +9509,7 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
           "aria-label": i("editor.accessibility.toggleSection", { title: e })
         }),
         /* @__PURE__ */ r("span", {
-          className: li,
+          className: si,
           children: e
         }),
         t !== void 0 && /* @__PURE__ */ r("span", {
@@ -9509,7 +9528,7 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
     }), /* @__PURE__ */ r(Ke.Panel, { children: /* @__PURE__ */ r("div", { children: o }) })]
   });
 }, w0 = ({ title: e, isChecked: t, onToggle: n, isDisabled: a, preview: o, children: i }) => {
-  const { expandSection: l, collapseAllSections: s } = c0(), { Switch: c } = B();
+  const { expandSection: l, collapseAllSections: s } = c0(), { Switch: c } = H();
   return /* @__PURE__ */ r(j, {
     title: e,
     layout: "collapsible",
@@ -9539,78 +9558,78 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
   x: "editor.axesPanel.mainAxisSection.xAxis",
   y: "editor.axesPanel.mainAxisSection.yAxis"
 }, Mr = ({ axis: e, title: t, layout: n = "collapsible", preview: a }) => {
-  const o = W(), i = K(o), l = P(), { NumberField: s, Switch: c, TextField: h, ToggleGroup: d } = B();
+  const o = W(), i = K(o), l = I(), { NumberField: s, Switch: c, TextField: h, ToggleGroup: d } = H();
   if (!i) return null;
   const u = i.coordSystem.type === "polar" ? i.coordSystem.axisMapping[e].geometry : "linear", p = i.config.axes[e], v = i.scales[e], m = v?.spec, f = m?.scaleType === "continuous" ? m : void 0;
   if (u === "circular" || u === "radial" && f === void 0) return null;
-  const b = m !== void 0 && "reverse" in m ? m : void 0, w = m?.scaleType === "continuous" || m?.scaleType === "datetime", x = f !== void 0 && wa(i, e), C = f?.transform === "log", S = f?.domainMax ?? null, T = L0(f), k = (E, pe) => E.map((et) => ({
+  const b = m !== void 0 && "reverse" in m ? m : void 0, x = m?.scaleType === "continuous" || m?.scaleType === "datetime", w = f !== void 0 && Ta(i, e), C = f?.transform === "log", S = f?.domainMax ?? null, P = L0(f), k = (O, pe) => O.map((et) => ({
     value: et,
     label: pe(et)
-  })), O = i.guides.axes.find((E) => E.scaleAestheticKey === e)?.position, H = T0[O === "bottom" || O === "top" || O === void 0 && e === "x" ? "horizontal" : "vertical"], F = e === "y" ? Ks(i.spec) : null, M = F === null ? void 0 : ve(i.spec.layers, F), N = i.guides.legends.drawn.some((E) => H.some((pe) => pe === E.position)), y = H.map((E) => ({
-    value: E,
-    label: l(A0[E])
-  })), V = k(["auto", "edges"], (E) => l(E === "edges" ? "editor.axesPanel.labelMode.edges" : "editor.axesPanel.labelMode.auto")), re = k(["linear", "log"], (E) => l(E === "log" ? "editor.axesPanel.scale.log" : "editor.axesPanel.scale.auto")), xe = k([
+  })), T = i.guides.axes.find((O) => O.scaleAestheticKey === e)?.position, F = T0[T === "bottom" || T === "top" || T === void 0 && e === "x" ? "horizontal" : "vertical"], D = e === "y" ? Ks(i.spec) : null, M = D === null ? void 0 : ve(i.spec.layers, D), N = i.guides.legends.drawn.some((O) => F.some((pe) => pe === O.position)), y = F.map((O) => ({
+    value: O,
+    label: l(A0[O])
+  })), V = k(["auto", "edges"], (O) => l(O === "edges" ? "editor.axesPanel.labelMode.edges" : "editor.axesPanel.labelMode.auto")), re = k(["linear", "log"], (O) => l(O === "log" ? "editor.axesPanel.scale.log" : "editor.axesPanel.scale.auto")), xe = k([
     "auto",
     "zero",
     "custom"
-  ], (E) => l(E === "zero" ? "editor.axesPanel.startFrom.zero" : E === "custom" ? "editor.axesPanel.startFrom.custom" : "editor.axesPanel.startFrom.auto")), oe = k(["auto", "custom"], (E) => l(E === "custom" ? "editor.axesPanel.endAt.custom" : "editor.axesPanel.endAt.auto")), Be = k(["no", "yes"], (E) => l(E === "yes" ? "editor.axesPanel.yesNo.yes" : "editor.axesPanel.yesNo.no")), hi = k(["single", "double"], (E) => l(E === "double" ? "editor.axesPanel.axisCount.double" : "editor.axesPanel.axisCount.single")), pi = (E) => {
-    o.commands.dispatch(new Nl({
+  ], (O) => l(O === "zero" ? "editor.axesPanel.startFrom.zero" : O === "custom" ? "editor.axesPanel.startFrom.custom" : "editor.axesPanel.startFrom.auto")), oe = k(["auto", "custom"], (O) => l(O === "custom" ? "editor.axesPanel.endAt.custom" : "editor.axesPanel.endAt.auto")), Be = k(["no", "yes"], (O) => l(O === "yes" ? "editor.axesPanel.yesNo.yes" : "editor.axesPanel.yesNo.no")), pi = k(["single", "double"], (O) => l(O === "double" ? "editor.axesPanel.axisCount.double" : "editor.axesPanel.axisCount.single")), mi = (O) => {
+    o.commands.dispatch(new Rl({
       axis: e,
-      isVisible: E
+      isVisible: O
     }));
-  }, mi = (E) => {
+  }, gi = (O) => {
     o.commands.dispatch(new aa({
       axis: e,
-      label: E === "" ? null : E
+      label: O === "" ? null : O
     }), { transient: !0 });
-  }, gi = (E) => {
-    o.commands.dispatch(new Ml({
+  }, vi = (O) => {
+    o.commands.dispatch(new Nl({
       axis: e,
-      isVisible: E
+      isVisible: O
     }));
-  }, vi = (E) => {
+  }, fi = (O) => {
     o.commands.dispatch(new ia({
       axis: e,
-      tickMode: E === "edges" ? "edges" : "auto"
+      tickMode: O === "edges" ? "edges" : "auto"
     }));
-  }, fi = (E) => {
-    o.commands.dispatch(new is({
+  }, bi = (O) => {
+    o.commands.dispatch(new ls({
       scaledAesthetic: e,
-      reverse: E === "yes"
+      reverse: O === "yes"
     }));
-  }, bi = (E) => {
-    o.commands.dispatch(new ls({
+  }, yi = (O) => {
+    o.commands.dispatch(new ha({
       scaledAesthetic: e,
-      transform: E === "log" ? "log" : "linear"
+      transform: O === "log" ? "log" : "linear"
     }));
-  }, Dn = (E) => {
+  }, Dn = (O) => {
     o.commands.dispatch(new Ie({
       scaledAesthetic: e,
-      ...E
+      ...O
     }), { transient: !0 });
-  }, yi = (E) => {
-    E !== null && Dn({ domainMin: E });
-  }, Si = (E) => {
-    E !== null && Dn({ domainMax: E });
-  }, Ci = (E) => {
-    const pe = E === "auto" ? null : E === "zero" ? 0 : Nr(v?.domain, "start");
+  }, Si = (O) => {
+    O !== null && Dn({ domainMin: O });
+  }, Ci = (O) => {
+    O !== null && Dn({ domainMax: O });
+  }, xi = (O) => {
+    const pe = O === "auto" ? null : O === "zero" ? 0 : Nr(v?.domain, "start");
     o.commands.dispatch(new Ie({
       scaledAesthetic: e,
       domainMin: pe
     }));
-  }, xi = (E) => {
-    const pe = E === "custom" ? Nr(v?.domain, "end") : null;
+  }, wi = (O) => {
+    const pe = O === "custom" ? Nr(v?.domain, "end") : null;
     o.commands.dispatch(new Ie({
       scaledAesthetic: e,
       domainMax: pe
     }));
-  }, wi = (E) => {
-    M !== void 0 && o.commands.dispatch(new Ul({
+  }, Ti = (O) => {
+    M !== void 0 && o.commands.dispatch(new Kl({
       layerId: M.id,
-      yScaleType: E === "double" ? "secondary" : "primary"
+      yScaleType: O === "double" ? "secondary" : "primary"
     }));
-  }, Ti = (E) => {
-    const pe = H.find((et) => et === E);
+  }, Ai = (O) => {
+    const pe = F.find((et) => et === O);
     pe && o.commands.dispatch(new oa({
       axis: e,
       position: pe
@@ -9625,45 +9644,45 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
         label: l("editor.axesPanel.controls.visible"),
         children: /* @__PURE__ */ r(c, {
           isChecked: p.isVisible,
-          onChange: pi
+          onChange: mi
         })
       }),
       M !== void 0 && /* @__PURE__ */ r(A, {
         label: l("editor.axesPanel.controls.numberOfAxes"),
         children: /* @__PURE__ */ r(d, {
           value: M.yScaleType === "secondary" ? "double" : "single",
-          options: hi,
-          onChange: wi
+          options: pi,
+          onChange: Ti
         })
       }),
       u === "linear" && /* @__PURE__ */ g(q, { children: [/* @__PURE__ */ r(A, {
         label: l("editor.axesPanel.controls.title"),
         children: /* @__PURE__ */ r(h, {
           value: p.label ?? "",
-          onChange: mi,
+          onChange: gi,
           onCommit: o.commands.commit
         })
       }), /* @__PURE__ */ r(A, {
         label: l("editor.axesPanel.controls.ticks"),
         children: /* @__PURE__ */ r(c, {
           isChecked: p.ticks.isVisible,
-          onChange: gi
+          onChange: vi
         })
       })] }),
-      w && /* @__PURE__ */ r(A, {
+      x && /* @__PURE__ */ r(A, {
         label: l("editor.axesPanel.controls.labels"),
         children: /* @__PURE__ */ r(d, {
           value: p.ticks.mode,
           options: V,
-          onChange: vi
+          onChange: fi
         })
       }),
       f && u === "linear" && !N && /* @__PURE__ */ r(A, {
         label: l("editor.axesPanel.controls.position"),
         children: /* @__PURE__ */ r(d, {
-          value: O ?? p.position,
+          value: T ?? p.position,
           options: y,
-          onChange: Ti
+          onChange: Ai
         })
       }),
       b !== void 0 && /* @__PURE__ */ r(A, {
@@ -9671,30 +9690,30 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
         children: /* @__PURE__ */ r(d, {
           value: b.reverse === !0 ? "yes" : "no",
           options: Be,
-          onChange: fi
+          onChange: bi
         })
       }),
-      f && !x && /* @__PURE__ */ r(A, {
+      f && !w && /* @__PURE__ */ r(A, {
         label: l("editor.axesPanel.controls.scale"),
         children: /* @__PURE__ */ r(d, {
           value: C ? "log" : "linear",
           options: re,
-          onChange: bi
+          onChange: yi
         })
       }),
       f && !C && /* @__PURE__ */ g(q, { children: [
-        !x && /* @__PURE__ */ g(q, { children: [/* @__PURE__ */ r(A, {
+        !w && /* @__PURE__ */ g(q, { children: [/* @__PURE__ */ r(A, {
           label: l("editor.axesPanel.controls.startFrom"),
           children: /* @__PURE__ */ r(d, {
-            value: T,
+            value: P,
             options: xe,
-            onChange: Ci
+            onChange: xi
           })
-        }), T !== "auto" && /* @__PURE__ */ r(A, {
+        }), P !== "auto" && /* @__PURE__ */ r(A, {
           label: l("editor.axesPanel.controls.value"),
           children: /* @__PURE__ */ r(s, {
             value: f.domainMin ?? null,
-            onChange: yi,
+            onChange: Si,
             onCommit: o.commands.commit
           })
         })] }),
@@ -9703,14 +9722,14 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
           children: /* @__PURE__ */ r(d, {
             value: S === null ? "auto" : "custom",
             options: oe,
-            onChange: xi
+            onChange: wi
           })
         }),
         S !== null && /* @__PURE__ */ r(A, {
           label: l("editor.axesPanel.controls.value"),
           children: /* @__PURE__ */ r(s, {
             value: S,
-            onChange: Si,
+            onChange: Ci,
             onCommit: o.commands.commit
           })
         })
@@ -9724,7 +9743,7 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
   const n = t === "start" ? e?.[0] : e?.[e.length - 1];
   return typeof n == "number" ? n : 0;
 }, Nn = ({ value: e, onChange: t }) => {
-  const n = W(), a = P(), { TextField: o } = B(), i = e !== null && typeof e != "string", l = (s) => t(s === "" ? null : s);
+  const n = W(), a = I(), { TextField: o } = H(), i = e !== null && typeof e != "string", l = (s) => t(s === "" ? null : s);
   return /* @__PURE__ */ r(A, {
     label: a("editor.elementsPanel.contentValue"),
     children: /* @__PURE__ */ r(o, {
@@ -9735,7 +9754,7 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
     })
   });
 }, P0 = ({ title: e, layout: t = "collapsible", preview: n }) => {
-  const a = W(), o = K(a), i = P(), { Switch: l } = B();
+  const a = W(), o = K(a), i = I(), { Switch: l } = H();
   if (!o) return null;
   const s = o.config.content, c = (d) => {
     a.commands.dispatch(new xt({
@@ -9761,7 +9780,7 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
     })] })
   });
 }, Rr = /^[a-z][a-z\d+.-]*:/i, I0 = {}, E0 = ({ title: e, layout: t = "collapsible", preview: n }) => {
-  const a = W(), o = K(a), i = P(), { Switch: l } = B();
+  const a = W(), o = K(a), i = I(), { Switch: l } = H();
   if (!o) return null;
   const s = o.config.content, c = (h) => {
     a.commands.dispatch(new xt({
@@ -9782,9 +9801,9 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
     }), /* @__PURE__ */ r(O0, { source: s.source ?? I0 })] })
   });
 }, O0 = ({ source: e }) => {
-  const t = W(), n = P(), { TextField: a } = B(), o = (c) => {
+  const t = W(), n = I(), { TextField: a } = H(), o = (c) => {
     const h = (c.label ?? "") !== "" || (c.url ?? "") !== "";
-    t.commands.dispatch(new _l({ source: h ? c : null }), { transient: !0 });
+    t.commands.dispatch(new Fl({ source: h ? c : null }), { transient: !0 });
   }, i = () => {
     const c = e.url ?? "";
     c !== "" && !Rr.test(c) && o({
@@ -9815,7 +9834,7 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
     })
   })] });
 }, M0 = ({ title: e, layout: t = "collapsible", preview: n }) => {
-  const a = W(), o = K(a), i = P(), { Switch: l } = B();
+  const a = W(), o = K(a), i = I(), { Switch: l } = H();
   if (!o) return null;
   const s = o.config.content, c = (d) => {
     a.commands.dispatch(new xt({
@@ -9841,11 +9860,11 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
     })] })
   });
 }, Nt = (e) => {
-  const { colorScheme: t } = St(), n = I(() => As({ colorScheme: t }), [t]);
-  return I(() => e === null ? null : n.readers(e), [e, n]);
+  const { colorScheme: t } = St(), n = E(() => As({ colorScheme: t }), [t]);
+  return E(() => e === null ? null : n.readers(e), [e, n]);
 }, Rn = (e, t, n) => {
   const a = Nt(e);
-  return I(() => {
+  return E(() => {
     if (a === null || e === null || t === null) return null;
     const o = ve(e.layers, t);
     return o === void 0 ? null : a.geom[n](o);
@@ -9867,7 +9886,7 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
   3,
   4
 ], N0 = on.length / 2, R0 = { select: { target: "graph" } }, D0 = ({ title: e, layout: t = "collapsible", preview: n }) => {
-  const a = W(), o = K(a), i = P(), { RadioGrid: l } = B(), s = Nt(o);
+  const a = W(), o = K(a), i = I(), { RadioGrid: l } = H(), s = Nt(o);
   if (!o || !s) return null;
   const c = s.graph().get("textScale"), h = (p) => i("editor.elementsPanel.textSizeSection.scaleFormat", { value: `${p}` }), d = on.map((p) => ({
     value: `${p}`,
@@ -9900,7 +9919,7 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
     })
   });
 }, _0 = ({ title: e, layout: t = "collapsible", preview: n }) => {
-  const a = W(), o = K(a), i = P(), { Switch: l } = B();
+  const a = W(), o = K(a), i = I(), { Switch: l } = H();
   if (!o) return null;
   const s = o.config.content, c = (d) => {
     a.commands.dispatch(new xt({
@@ -9925,7 +9944,7 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
       onChange: h
     })] })
   });
-}, J5 = ({ children: e, ...t }) => /* @__PURE__ */ r(ii.Root, {
+}, J5 = ({ children: e, ...t }) => /* @__PURE__ */ r(li.Root, {
   ...t,
   children: e ?? /* @__PURE__ */ g(q, { children: [
     /* @__PURE__ */ r(_0, {}),
@@ -9934,11 +9953,11 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
     /* @__PURE__ */ r(E0, {}),
     /* @__PURE__ */ r(D0, {})
   ] })
-}), Q5 = ({ children: e, ...t }) => /* @__PURE__ */ r(ii.Root, {
+}), Q5 = ({ children: e, ...t }) => /* @__PURE__ */ r(li.Root, {
   ...t,
   children: e ?? /* @__PURE__ */ g(q, { children: [/* @__PURE__ */ r(Mr, { axis: "x" }), /* @__PURE__ */ r(Mr, { axis: "y" })] })
-}), Rt = (e) => `${e}px`, si = (e) => `${Math.round(e * 100)}%`, F0 = (e) => `${e}°`, z0 = 24, B0 = { select: { target: "graph" } }, Dr = ["dim", "desaturate"], ef = ({ title: e, layout: t = "collapsible", preview: n }) => {
-  const a = W(), o = K(a), i = P(), { Slider: l, ToggleGroup: s } = B(), c = Nt(o);
+}), Rt = (e) => `${e}px`, ci = (e) => `${Math.round(e * 100)}%`, F0 = (e) => `${e}°`, z0 = 24, B0 = { select: { target: "graph" } }, Dr = ["dim", "desaturate"], ef = ({ title: e, layout: t = "collapsible", preview: n }) => {
+  const a = W(), o = K(a), i = I(), { Slider: l, ToggleGroup: s } = H(), c = Nt(o);
   if (!o || !c) return null;
   const h = c.graph().get("cornerRadius"), d = Zs(o.spec), u = Dr.map((m) => ({
     value: m,
@@ -9957,7 +9976,7 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
     }), { transient: !0 });
   }, v = (m) => {
     const f = Dr.find((b) => b === m);
-    f && a.commands.dispatch(new Wl({ dimStyle: f }));
+    f && a.commands.dispatch(new Ul({ dimStyle: f }));
   };
   return /* @__PURE__ */ r(j, {
     title: e ?? i("editor.colorPanel.appearanceSection.title"),
@@ -9984,23 +10003,23 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
     })] })
   });
 }, H0 = 0.05, tf = ({ title: e, layout: t = "collapsible", preview: n }) => {
-  const a = W(), o = K(a), i = P(), { Slider: l, ToggleGroup: s } = B(), c = o ? Ca(o.spec.layers, "bar") : void 0, h = Rn(o, c?.id ?? null, "bar");
+  const a = W(), o = K(a), i = I(), { Slider: l, ToggleGroup: s } = H(), c = o ? xa(o.spec.layers, "bar") : void 0, h = Rn(o, c?.id ?? null, "bar");
   if (!o || !c || o.coordSystem.type === "polar" && o.coordSystem.bandAxis === null) return null;
   const d = (f) => {
-    a.commands.dispatch(new Dl({
+    a.commands.dispatch(new _l({
       layerId: c.id,
       width: f
     }), { transient: !0 });
   }, u = (f) => {
-    const b = zn.find((w) => w === f);
-    b && a.commands.dispatch(new Rl({
+    const b = zn.find((x) => x === f);
+    b && a.commands.dispatch(new Dl({
       layerId: c.id,
       cornerRadius: b
     }));
   }, p = zn.map((f) => ({
     value: f,
     label: i(`editor.graphPanel.barSection.roundingOptions.${f}`)
-  })), v = sc(c.params, o.coordSystem.type), m = h?.get("cornerRadius") ?? Cl;
+  })), v = sc(c.params, o.coordSystem.type), m = h?.get("cornerRadius") ?? xl;
   return /* @__PURE__ */ r(j, {
     title: e ?? i("editor.graphPanel.barSection.title"),
     layout: t,
@@ -10009,10 +10028,10 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
       label: i("editor.graphPanel.barSection.thickness"),
       children: /* @__PURE__ */ r(l, {
         value: v,
-        min: Ll,
-        max: kl,
+        min: Pl,
+        max: Ll,
         step: H0,
-        formatValue: si,
+        formatValue: ci,
         onChange: d,
         onCommit: a.commands.commit
       })
@@ -10112,7 +10131,7 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
   x: 0.6,
   y: 0.4
 }, Y0 = "relative-difference", nf = ({ title: e, layout: t = "collapsible", preview: n }) => {
-  const a = W(), o = K(a), i = P(), { Button: l } = B();
+  const a = W(), o = K(a), i = I(), { Button: l } = H();
   if (!o) return null;
   const s = () => {
     a.commands.dispatch(new we({
@@ -10131,7 +10150,7 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
     a.commands.dispatch(new we({
       kind: "arrow",
       annotation: {
-        ...vl,
+        ...fl,
         start: {
           anchorType: "panel",
           ...j0
@@ -10146,7 +10165,7 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
     a.commands.dispatch(new we({
       kind: "shape",
       annotation: {
-        ...El,
+        ...Ol,
         ...X0,
         region: {
           anchorType: "panel",
@@ -10169,7 +10188,7 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
     title: e ?? i("editor.annotatePanel.callOutSection.title"),
     layout: t,
     preview: n,
-    children: /* @__PURE__ */ g(ai, { children: [
+    children: /* @__PURE__ */ g(oi, { children: [
       /* @__PURE__ */ r(l, {
         variant: "tile",
         icon: /* @__PURE__ */ r(W0, { size: "xl" }),
@@ -10206,9 +10225,9 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
     }]
   }]
 }), rf = ({ title: e, layout: t = "collapsible", preview: n }) => {
-  const a = W(), o = K(a), i = P(), { ToggleGroup: l } = B();
+  const a = W(), o = K(a), i = I(), { ToggleGroup: l } = H();
   if (!o) return null;
-  const s = Aa(o.spec);
+  const s = ka(o.spec);
   if (s === null || !Ee(s)) return null;
   const c = Bn.map((d) => ({
     value: d,
@@ -10232,7 +10251,7 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
     })
   });
 }, Q0 = 0.1, ev = 20, af = ({ title: e, preview: t }) => {
-  const n = W(), a = K(n), o = P(), { NumberField: i, TextField: l } = B();
+  const n = W(), a = K(n), o = I(), { NumberField: i, TextField: l } = H();
   if (!a || a.coordSystem.type === "polar") return null;
   const s = Es(a.spec.layers), c = e ?? o("editor.annotationsPanel.goalSection.title"), h = Xs(s?.mapping.y), d = typeof h == "number" ? h : null, u = (m) => {
     const f = new us({
@@ -10243,14 +10262,14 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
     n.commands.dispatch(f);
   }, p = (m) => {
     if (s === void 0) return;
-    const f = new as({
+    const f = new os({
       layerId: s.id,
       label: m === "" ? null : m
     });
     n.commands.dispatch(f, { transient: !0 });
   }, v = (m) => {
     if (s === void 0 || m === null) return;
-    const f = new os({
+    const f = new is({
       layerId: s.id,
       value: m
     });
@@ -10289,37 +10308,37 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
   const i = Math.min(ev, Math.max(0, 1 - Math.floor(Math.log10(o))));
   return Number((n + o * Q0).toFixed(i));
 }, of = ({ layerId: e, title: t, layout: n = "collapsible", preview: a }) => {
-  const o = W(), i = K(o), l = P(), { Switch: s } = B();
+  const o = W(), i = K(o), l = I(), { Switch: s } = H();
   if (!i) return null;
   const c = e === void 0 ? i.layers[0] : ve(i.layers, e);
   if (!c) return null;
-  const { showDataLabels: h, format: d, showStackTotals: u, showCategoryLabels: p } = c.dataLabels, v = vo(c, i.coordSystem.type, {
+  const { showDataLabels: h, format: d, showStackTotals: u, showCategoryLabels: p } = c.dataLabels, v = fo(c, i.coordSystem.type, {
     hasCapability: o.canPlaceDataLabels,
     hasPercentageFormat: o.canFormatDataLabelsAsPercentages
   });
   if (!v.supportsDataLabels) return null;
-  const m = (x) => {
-    const C = new pa({
+  const m = (w) => {
+    const C = new ma({
       layerId: c.id,
-      showDataLabels: x
+      showDataLabels: w
     });
     o.commands.dispatch(C);
-  }, f = (x) => {
+  }, f = (w) => {
     const C = new ua({
       layerId: c.id,
-      format: x ? "percentage" : "absolute"
+      format: w ? "percentage" : "absolute"
     });
     o.commands.dispatch(C);
-  }, b = (x) => {
-    const C = new ma({
+  }, b = (w) => {
+    const C = new ga({
       layerId: c.id,
-      showStackTotals: x
+      showStackTotals: w
     });
     o.commands.dispatch(C);
-  }, w = (x) => {
-    const C = new ha({
+  }, x = (w) => {
+    const C = new pa({
       layerId: c.id,
-      showCategoryLabels: x
+      showCategoryLabels: w
     });
     o.commands.dispatch(C);
   };
@@ -10353,7 +10372,7 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
         label: l("editor.graphPanel.graphOptions.categoryLabels"),
         children: /* @__PURE__ */ r(s, {
           isChecked: p,
-          onChange: w
+          onChange: x
         })
       })
     ] })
@@ -11120,26 +11139,26 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
   }
 ], xv = 0.05, wv = (e) => e === null ? null : ln.find((t) => Av(t.summary, e)) ?? null, Tv = (e, t) => {
   const { summary: n } = e;
-  return t === null || Ee(n) ? n : n.position === "dodge" && ci(t) ? {
+  return t === null || Ee(n) ? n : n.position === "dodge" && di(t) ? {
     ...n,
     position: "identity"
   } : n.coordType !== "polar" || !bt(n.innerRadius) || t.coordType !== "polar" || !bt(t.innerRadius) ? n : {
     ...n,
     innerRadius: t.innerRadius
   };
-}, ci = (e) => !Ee(e) && e.geom === "bar" && e.position === "identity", Av = (e, t) => {
+}, di = (e) => !Ee(e) && e.geom === "bar" && e.position === "identity", Av = (e, t) => {
   if (Ee(e) || Ee(t)) return Ee(e) && Ee(t);
-  const n = e.position === t.position || e.position === "dodge" && ci(t);
+  const n = e.position === t.position || e.position === "dodge" && di(t);
   return e.coordType !== t.coordType || e.geom !== t.geom || !n ? !1 : e.coordType !== "polar" || t.coordType !== "polar" ? !0 : e.theta === t.theta && bt(e.innerRadius) === bt(t.innerRadius);
 }, bt = (e) => e >= xv, kv = 3, lf = ({ title: e, layout: t = "collapsible", preview: n }) => {
-  const a = W(), o = K(a), i = P(), { RadioGrid: l } = B(), s = I(() => ln.map(({ name: u, icon: p }) => ({
+  const a = W(), o = K(a), i = I(), { RadioGrid: l } = H(), s = E(() => ln.map(({ name: u, icon: p }) => ({
     value: u,
     label: i(`editor.graphTypes.${u}`),
     icon: /* @__PURE__ */ r(p, { size: "md" }),
     isDisabled: u === "combo" && !Ss(o?.spec) || u === "heatmap" && !Cs(o?.spec)
   })), [i, o]);
   if (!o) return null;
-  const c = Aa(o.spec), h = wv(c), d = (u) => {
+  const c = ka(o.spec), h = wv(c), d = (u) => {
     const p = ln.find((v) => v.name === u);
     p && a.commands.dispatch(new la(Tv(p, c)));
   };
@@ -11160,41 +11179,41 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
   "dashed",
   "dotted"
 ], Lv = 8, Pv = 0, sf = ({ title: e, layout: t = "collapsible", preview: n }) => {
-  const a = W(), o = K(a), i = P(), { Slider: l, Switch: s, ToggleGroup: c } = B(), h = Nt(o);
+  const a = W(), o = K(a), i = I(), { Slider: l, Switch: s, ToggleGroup: c } = H(), h = Nt(o);
   if (!o || !h) return null;
   const d = o.guides.axes.filter(Iv);
   if (d.length === 0) return null;
-  const u = o.coordSystem.type !== "polar", p = d.some((x) => x.gridVisible), v = h.gridLine.y().resolve(), m = _r.map((x) => ({
-    value: x,
-    label: i(`editor.graphPanel.gridSection.lineStyles.${x}`)
-  })), f = (x) => (C) => {
-    a.commands.dispatch(new Hl({
-      axis: x,
+  const u = o.coordSystem.type !== "polar", p = d.some((w) => w.gridVisible), v = h.gridLine.y().resolve(), m = _r.map((w) => ({
+    value: w,
+    label: i(`editor.graphPanel.gridSection.lineStyles.${w}`)
+  })), f = (w) => (C) => {
+    a.commands.dispatch(new Gl({
+      axis: w,
       isVisible: C
     }));
-  }, b = (x) => {
-    const C = _r.find((S) => S === x);
-    C && a.commands.dispatch(new zl({
+  }, b = (w) => {
+    const C = _r.find((S) => S === w);
+    C && a.commands.dispatch(new Bl({
       axis: "both",
       lineStyle: C
     }));
-  }, w = (x) => {
-    a.commands.dispatch(new Bl({
+  }, x = (w) => {
+    a.commands.dispatch(new Hl({
       axis: "both",
-      lineWidth: x
+      lineWidth: w
     }), { transient: !0 });
   };
   return /* @__PURE__ */ r(j, {
     title: e ?? i("editor.graphPanel.gridSection.title"),
     layout: t,
     preview: n,
-    children: /* @__PURE__ */ g(te, { children: [d.map((x) => /* @__PURE__ */ r(A, {
-      label: i(Ev(x)),
+    children: /* @__PURE__ */ g(te, { children: [d.map((w) => /* @__PURE__ */ r(A, {
+      label: i(Ev(w)),
       children: /* @__PURE__ */ r(s, {
-        isChecked: x.gridVisible,
-        onChange: f(x.scaleAestheticKey)
+        isChecked: w.gridVisible,
+        onChange: f(w.scaleAestheticKey)
       })
-    }, x.scaleAestheticKey)), u && p && /* @__PURE__ */ g(q, { children: [/* @__PURE__ */ r(A, {
+    }, w.scaleAestheticKey)), u && p && /* @__PURE__ */ g(q, { children: [/* @__PURE__ */ r(A, {
       label: i("editor.graphPanel.gridSection.gridStyle"),
       children: /* @__PURE__ */ r(c, {
         value: qt(v.dashArray),
@@ -11209,12 +11228,12 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
         max: Lv,
         step: 0.5,
         formatValue: Rt,
-        onChange: w,
+        onChange: x,
         onCommit: a.commands.commit
       })
     })] })] })
   });
-}, Iv = (e) => e.scaleAestheticKey === "x" || e.scaleAestheticKey === "y", Ev = (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", Ov = "total", di = [
+}, Iv = (e) => e.scaleAestheticKey === "x" || e.scaleAestheticKey === "y", Ev = (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", Ov = "total", ui = [
   "total",
   "average",
   "current"
@@ -11224,14 +11243,14 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
   "medium",
   "large"
 ], cf = ({ title: e, layout: t = "collapsible", preview: n }) => {
-  const a = W(), o = K(a), i = P(), { Switch: l, ToggleGroup: s } = B();
+  const a = W(), o = K(a), i = I(), { Switch: l, ToggleGroup: s } = H();
   if (!o) return null;
   const c = o.config.headline, h = c.show !== "none", d = o.coordSystem, u = d.type === "polar", p = d.type === "polar" && d.innerRadius > 0, v = o.layers.some((M) => M.summary.grandTotal !== void 0);
   if (u && !v) return null;
-  const m = u ? Mv : di, f = o.guides.headline, b = f?.kind === "perGroup" && f.items.some((M) => M.comparison !== null), w = m.map((M) => ({
+  const m = u ? Mv : ui, f = o.guides.headline, b = f?.kind === "perGroup" && f.items.some((M) => M.comparison !== null), x = m.map((M) => ({
     value: M,
     label: i(`editor.graphPanel.headlineNumberSection.metrics.${M}`)
-  })), x = Fr.map((M) => ({
+  })), w = Fr.map((M) => ({
     value: M,
     label: i(`editor.graphPanel.headlineNumberSection.comparison.${M}`)
   })), C = zr.map((M) => ({
@@ -11243,19 +11262,19 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
   }, {
     value: "center",
     label: i("editor.graphPanel.headlineNumberSection.position.center")
-  }], T = (M) => {
+  }], P = (M) => {
     a.commands.dispatch(new Gn({ show: M ? Ov : "none" }));
   }, k = (M) => {
     const N = m.find((y) => y === M);
     N && a.commands.dispatch(new Gn({ show: N }));
-  }, O = (M) => {
+  }, T = (M) => {
     const N = Fr.find((y) => y === M);
-    N && a.commands.dispatch(new Gl({ compareWith: N }));
-  }, H = (M) => {
-    const N = zr.find((y) => y === M);
-    N && a.commands.dispatch(new $l({ size: N }));
+    N && a.commands.dispatch(new Vl({ compareWith: N }));
   }, F = (M) => {
-    a.commands.dispatch(new Vl({ position: M === "center" ? "center" : "above" }));
+    const N = zr.find((y) => y === M);
+    N && a.commands.dispatch(new Wl({ size: N }));
+  }, D = (M) => {
+    a.commands.dispatch(new $l({ position: M === "center" ? "center" : "above" }));
   };
   return /* @__PURE__ */ r(j, {
     title: e ?? i("editor.graphPanel.headlineNumberSection.title"),
@@ -11265,15 +11284,15 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
       label: i("editor.graphPanel.headlineNumberSection.toggle"),
       children: /* @__PURE__ */ r(l, {
         isChecked: h,
-        onChange: T
+        onChange: P
       })
     }), h && /* @__PURE__ */ g(q, { children: [
-      w.length > 1 && /* @__PURE__ */ r(A, {
+      x.length > 1 && /* @__PURE__ */ r(A, {
         label: i("editor.graphPanel.headlineNumberSection.metricLabel"),
         layout: "stack",
         children: /* @__PURE__ */ r(s, {
           value: c.show,
-          options: w,
+          options: x,
           onChange: k
         })
       }),
@@ -11282,8 +11301,8 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
         layout: "stack",
         children: /* @__PURE__ */ r(s, {
           value: cc(c.compareWith),
-          options: x,
-          onChange: O
+          options: w,
+          onChange: T
         })
       }),
       /* @__PURE__ */ r(A, {
@@ -11291,7 +11310,7 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
         children: /* @__PURE__ */ r(s, {
           value: c.size,
           options: C,
-          onChange: H
+          onChange: F
         })
       }),
       p && /* @__PURE__ */ r(A, {
@@ -11299,13 +11318,13 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
         children: /* @__PURE__ */ r(s, {
           value: c.position,
           options: S,
-          onChange: F
+          onChange: D
         })
       })
     ] })] })
   });
 }, Nv = (e, t) => {
-  const n = di.find((a) => a === t);
+  const n = ui.find((a) => a === t);
   return n && e(`editor.graphPanel.headlineNumberSection.metrics.${n}`);
 }, Wt = [
   "top",
@@ -11323,7 +11342,7 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
   "pill",
   "direct"
 ], df = ({ positions: e, title: t, layout: n = "collapsible", preview: a }) => {
-  const o = W(), i = K(o), l = P(), { ToggleGroup: s } = B();
+  const o = W(), i = K(o), l = I(), { ToggleGroup: s } = H();
   if (!i) return null;
   const c = i.config.legend.position, h = e ?? Wt, d = i.guides.legends.drawn[0], u = ys({
     legendPosition: i.guides.legends.position,
@@ -11331,29 +11350,29 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
     layers: i.layers
   }), p = i.guides.headline?.kind === "perGroup", v = i.guides.colorGroups.length > 0;
   if (c === "auto" && d === void 0 && !u && (p || !v)) return null;
-  const m = d?.position ?? "none", f = c === "auto" ? m : c, b = Wt.filter((F) => F === f || h.includes(F)).map((F) => ({
-    value: F,
-    label: l(`editor.graphPanel.legendSection.${F}`)
-  })), w = (F) => {
-    const M = Wt.find((N) => N === F);
-    M && o.commands.dispatch(new jl({ position: M }));
-  }, x = (F) => {
-    const M = Br.find((N) => N === F);
-    M && o.commands.dispatch(new Kl({ align: M }));
-  }, C = (F) => {
-    const M = Hr.find((N) => N === F);
-    M && o.commands.dispatch(new ql({ display: M }));
-  }, S = Br.map((F) => ({
-    value: F,
-    label: l(`editor.graphPanel.legendSection.align.${F}`)
-  })), T = Hr.map((F) => ({
-    value: F,
-    label: l(`editor.graphPanel.legendSection.display.${F}`)
-  })), k = t ?? l("editor.graphPanel.legendSection.title"), O = b.find((F) => F.value === f)?.label, H = d !== void 0;
+  const m = d?.position ?? "none", f = c === "auto" ? m : c, b = Wt.filter((D) => D === f || h.includes(D)).map((D) => ({
+    value: D,
+    label: l(`editor.graphPanel.legendSection.${D}`)
+  })), x = (D) => {
+    const M = Wt.find((N) => N === D);
+    M && o.commands.dispatch(new Zl({ position: M }));
+  }, w = (D) => {
+    const M = Br.find((N) => N === D);
+    M && o.commands.dispatch(new ql({ align: M }));
+  }, C = (D) => {
+    const M = Hr.find((N) => N === D);
+    M && o.commands.dispatch(new Xl({ display: M }));
+  }, S = Br.map((D) => ({
+    value: D,
+    label: l(`editor.graphPanel.legendSection.align.${D}`)
+  })), P = Hr.map((D) => ({
+    value: D,
+    label: l(`editor.graphPanel.legendSection.display.${D}`)
+  })), k = t ?? l("editor.graphPanel.legendSection.title"), T = b.find((D) => D.value === f)?.label, F = d !== void 0;
   return /* @__PURE__ */ r(j, {
     title: k,
     layout: n,
-    preview: a ?? O,
+    preview: a ?? T,
     children: /* @__PURE__ */ g(te, { children: [
       /* @__PURE__ */ r(A, {
         label: l("editor.axesPanel.controls.position"),
@@ -11361,16 +11380,16 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
         children: /* @__PURE__ */ r(s, {
           value: f,
           options: b,
-          onChange: w
+          onChange: x
         })
       }),
-      H && /* @__PURE__ */ r(A, {
+      F && /* @__PURE__ */ r(A, {
         label: l("editor.graphPanel.legendSection.alignLabel"),
         layout: "stack",
         children: /* @__PURE__ */ r(s, {
           value: i.config.legend.align,
           options: S,
-          onChange: x
+          onChange: w
         })
       }),
       u && /* @__PURE__ */ r(A, {
@@ -11378,24 +11397,24 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
         layout: "stack",
         children: /* @__PURE__ */ r(s, {
           value: i.config.legend.display,
-          options: T,
+          options: P,
           onChange: C
         })
       })
     ] })
   });
-}, Rv = 1, Dv = 20, _v = 0.5, ui = ({ layerId: e }) => {
-  const t = W(), n = K(t), { Slider: a } = B(), o = Rn(n, e, "point");
+}, Rv = 1, Dv = 20, _v = 0.5, hi = ({ layerId: e }) => {
+  const t = W(), n = K(t), { Slider: a } = H(), o = Rn(n, e, "point");
   if (!n) return null;
   const i = (l) => {
-    const s = new ts({
+    const s = new ns({
       layerId: e,
       size: l
     });
     t.commands.dispatch(s, { transient: !0 });
   };
   return /* @__PURE__ */ r(a, {
-    value: o?.get("size") ?? wl,
+    value: o?.get("size") ?? Tl,
     min: Rv,
     max: Dv,
     step: _v,
@@ -11408,12 +11427,12 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
   "zero",
   "connect"
 ], uf = ({ title: e, layout: t = "collapsible", preview: n }) => {
-  const a = W(), o = K(a), i = P(), { Select: l, Slider: s, Switch: c, ToggleGroup: h } = B(), d = o?.spec.layers ?? [], u = Ca(d, "line", "area"), p = Rn(o, u?.id ?? null, "line");
+  const a = W(), o = K(a), i = I(), { Select: l, Slider: s, Switch: c, ToggleGroup: h } = H(), d = o?.spec.layers ?? [], u = xa(d, "line", "area"), p = Rn(o, u?.id ?? null, "line");
   if (!o || !u) return null;
-  const v = o.coordSystem.type === "polar", m = $v(i, u), f = Vv(u, d), b = fs(u.geom, u.id), w = De(o.spec), x = o.spec.styles.overrides, C = Wn(x, b, w), S = Wn(lc(x, b, w), b, w), T = C?.strokeWidth, k = typeof T == "number", O = S?.strokeWidth !== void 0, H = u.geom === "line" ? u : void 0, F = [{
+  const v = o.coordSystem.type === "polar", m = $v(i, u), f = Vv(u, d), b = fs(u.geom, u.id), x = De(o.spec), w = o.spec.styles.overrides, C = Wn(w, b, x), S = Wn(lc(w, b, x), b, x), P = C?.strokeWidth, k = typeof P == "number", T = S?.strokeWidth !== void 0, F = u.geom === "line" ? u : void 0, D = [{
     value: "auto",
     label: i("editor.graphPanel.numberFormat.options.auto"),
-    isDisabled: O
+    isDisabled: T
   }, {
     value: "custom",
     label: i("editor.graphPanel.numberFormat.options.custom")
@@ -11423,17 +11442,17 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
       showPoints: oe
     }));
   }, N = (oe) => {
-    H && a.commands.dispatch(new hs({
-      layerId: H.id,
+    F && a.commands.dispatch(new hs({
+      layerId: F.id,
       showFill: oe
     }));
   }, y = (oe) => {
-    a.commands.dispatch(new Zl({
+    a.commands.dispatch(new Yl({
       layerId: u.id,
       curve: oe ? "smooth" : "linear"
     }));
   }, V = (oe) => {
-    const Be = p?.get("strokeWidth") ?? Tl;
+    const Be = p?.get("strokeWidth") ?? Al;
     a.commands.dispatch(new Vn({
       layerId: u.id,
       lineWidth: oe === "custom" ? Be : null
@@ -11445,7 +11464,7 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
     }), { transient: !0 });
   }, xe = (oe) => {
     const Be = Gv(oe);
-    Be && a.commands.dispatch(new Yl({
+    Be && a.commands.dispatch(new Jl({
       layerId: u.id,
       missingValues: Be
     }));
@@ -11464,9 +11483,9 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
       }),
       f && /* @__PURE__ */ r(A, {
         label: i("editor.graphPanel.pointSize.label"),
-        children: /* @__PURE__ */ r(ui, { layerId: f.id })
+        children: /* @__PURE__ */ r(hi, { layerId: f.id })
       }),
-      H && !v && /* @__PURE__ */ r(A, {
+      F && !v && /* @__PURE__ */ r(A, {
         label: i("editor.graphPanel.graphOptions.lineFill"),
         children: /* @__PURE__ */ r(c, {
           isChecked: (C?.fillAlpha ?? 0) > 0,
@@ -11484,14 +11503,14 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
         label: i("editor.graphPanel.lineThickness.label"),
         children: /* @__PURE__ */ r(h, {
           value: k ? "custom" : "auto",
-          options: F,
+          options: D,
           onChange: V
         })
       }),
       k && /* @__PURE__ */ r(A, {
         label: i("editor.graphPanel.numberFormat.valueLabel"),
         children: /* @__PURE__ */ r(s, {
-          value: T,
+          value: P,
           min: Fv,
           max: zv,
           step: Bv,
@@ -11510,7 +11529,7 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
       })
     ] })
   });
-}, Gv = (e) => Hv.find((t) => t === e), Vv = (e, t) => Ut(t, "point").find((n) => xa(n, [e])), $v = (e, t) => {
+}, Gv = (e) => Hv.find((t) => t === e), Vv = (e, t) => Ut(t, "point").find((n) => wa(n, [e])), $v = (e, t) => {
   const n = [{
     value: "gap",
     label: e("editor.graphPanel.treatEmptyValues.leaveGap.label")
@@ -11535,7 +11554,7 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
   size: "editor.graphPanel.mappingSection.size",
   label: "editor.graphPanel.mappingSection.label"
 }, hf = ({ title: e, layout: t = "collapsible" }) => {
-  const n = W(), a = K(n), o = P(), { Select: i } = B(), l = o("editor.graphPanel.mappingSection.none"), s = a?.spec, c = I(() => s === void 0 ? [] : Js(s, Wv).map(({ aesthetic: h, variables: d, isRequired: u }) => {
+  const n = W(), a = K(n), o = I(), { Select: i } = H(), l = o("editor.graphPanel.mappingSection.none"), s = a?.spec, c = E(() => s === void 0 ? [] : Js(s, Wv).map(({ aesthetic: h, variables: d, isRequired: u }) => {
     const p = Qs(s.mapping, h);
     return {
       aesthetic: h,
@@ -11543,7 +11562,7 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
       value: p ?? (u ? null : sn),
       options: Kv(d, p, u ? null : l),
       chooseColumn: (v) => {
-        n.commands.dispatch(new Jl({
+        n.commands.dispatch(new Ql({
           aesthetic: h,
           variable: v === sn ? null : v
         }));
@@ -11591,7 +11610,7 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
     labelKey: "billions"
   }
 ], Yv = ["auto", "none"], pf = ({ title: e, layout: t = "collapsible", preview: n }) => {
-  const a = W(), o = K(a), i = P(), { NumberField: l, ToggleGroup: s } = B();
+  const a = W(), o = K(a), i = I(), { NumberField: l, ToggleGroup: s } = H();
   if (!o) return null;
   const { abbreviation: c, decimals: h } = o.config.numberFormat, d = Jv(c) !== void 0, u = h !== "auto", p = (C) => C.map((S) => ({
     value: S,
@@ -11600,16 +11619,16 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
     value: C,
     label: i(`common.abbreviations.${S}`)
   })), m = (C) => {
-    a.commands.dispatch(new Ql({ abbreviation: C }));
+    a.commands.dispatch(new es({ abbreviation: C }));
   }, f = (C) => {
-    const S = Yv.find((T) => T === C);
+    const S = Yv.find((P) => P === C);
     m(S ?? qv);
   }, b = (C) => {
-    const S = cn.find((T) => T.value === C);
+    const S = cn.find((P) => P.value === C);
     S && m(S.value);
-  }, w = (C) => {
-    a.commands.dispatch(new $n({ decimals: C === "custom" ? Xv : "auto" }));
   }, x = (C) => {
+    a.commands.dispatch(new $n({ decimals: C === "custom" ? Xv : "auto" }));
+  }, w = (C) => {
     C !== null && a.commands.dispatch(new $n({ decimals: C }), { transient: !0 });
   };
   return /* @__PURE__ */ r(j, {
@@ -11642,7 +11661,7 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
         children: /* @__PURE__ */ r(s, {
           value: u ? "custom" : "auto",
           options: p(["auto", "custom"]),
-          onChange: w
+          onChange: x
         })
       }),
       u && /* @__PURE__ */ r(A, {
@@ -11651,14 +11670,14 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
           value: h,
           min: jv,
           max: Zv,
-          onChange: x,
+          onChange: w,
           onCommit: a.commands.commit
         })
       })
     ] })
   });
 }, Jv = (e) => cn.find((t) => t.value === e), mf = ({ title: e, layout: t = "collapsible", preview: n }) => {
-  const a = K(W()), o = P();
+  const a = K(W()), o = I();
   if (!a) return null;
   const i = Qv(a.spec.layers);
   return i ? /* @__PURE__ */ r(j, {
@@ -11667,19 +11686,19 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
     preview: n,
     children: /* @__PURE__ */ r(te, { children: /* @__PURE__ */ r(A, {
       label: o("editor.graphPanel.numberFormat.valueLabel"),
-      children: /* @__PURE__ */ r(ui, { layerId: i.id })
+      children: /* @__PURE__ */ r(hi, { layerId: i.id })
     }) })
   }) : null;
 }, Qv = (e) => {
   const t = Ut(e, "line", "area");
-  return Ut(e, "point").find((n) => !xa(n, t));
+  return Ut(e, "point").find((n) => !wa(n, t));
 }, e5 = 0.9, t5 = 360, n5 = 0.05, r5 = 15, gf = ({ title: e, layout: t = "collapsible", preview: n }) => {
-  const a = W(), o = K(a), i = P(), { Slider: l } = B();
+  const a = W(), o = K(a), i = I(), { Slider: l } = H();
   if (!o || o.spec.coords.coordType !== "polar") return null;
   const { innerRadius: s, startAngle: c } = o.spec.coords.params, h = (u) => {
-    a.commands.dispatch(new ns({ innerRadius: u }), { transient: !0 });
+    a.commands.dispatch(new rs({ innerRadius: u }), { transient: !0 });
   }, d = (u) => {
-    a.commands.dispatch(new rs({ startAngle: u }), { transient: !0 });
+    a.commands.dispatch(new as({ startAngle: u }), { transient: !0 });
   };
   return /* @__PURE__ */ r(j, {
     title: e ?? i("editor.graphPanel.polarSection.title"),
@@ -11692,7 +11711,7 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
         min: 0,
         max: e5,
         step: n5,
-        formatValue: si,
+        formatValue: ci,
         onChange: h,
         onCommit: a.commands.commit
       })
@@ -11764,25 +11783,25 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
   "power",
   "loess"
 ], o5 = "linear", vf = ({ title: e, layout: t = "collapsible", preview: n }) => {
-  const a = W(), o = K(a), i = P(), { Select: l, Switch: s } = B(), { options: c, findValue: h } = So(o);
+  const a = W(), o = K(a), i = I(), { Select: l, Switch: s } = H(), { options: c, findValue: h } = Co(o);
   if (!o || o.coordSystem.type === "polar") return null;
   const d = Rs(o.spec.layers), u = Ps(o.spec.layers), p = d?.stat.type === "smooth" ? d.stat.method : o5, v = i5(u), m = Vr.map((S) => ({
     value: S,
     label: i(`editor.annotationsPanel.trendType.options.${S}`)
-  })), f = (S, T = {}) => {
-    const k = d ?? u, O = new ss({
+  })), f = (S, P = {}) => {
+    const k = d ?? u, T = new ss({
       line: S,
-      ...T,
+      ...P,
       ...k !== void 0 && { layerId: k.id },
       label: i("editor.annotationsPanel.trendsAndAveragesSection.average")
     });
-    a.commands.dispatch(O);
-  }, b = (S) => f(S ? "trend" : "none", { method: p }), w = (S) => f(S ? "average" : "none", { group: v ?? h(c[0]?.value ?? "") }), x = (S) => {
-    const T = Vr.find((k) => k === S);
-    T !== void 0 && f("trend", { method: T });
+    a.commands.dispatch(T);
+  }, b = (S) => f(S ? "trend" : "none", { method: p }), x = (S) => f(S ? "average" : "none", { group: v ?? h(c[0]?.value ?? "") }), w = (S) => {
+    const P = Vr.find((k) => k === S);
+    P !== void 0 && f("trend", { method: P });
   }, C = (S) => {
-    const T = S === null ? void 0 : h(S);
-    T !== void 0 && f("average", { group: T });
+    const P = S === null ? void 0 : h(S);
+    P !== void 0 && f("average", { group: P });
   };
   return /* @__PURE__ */ r(j, {
     title: e ?? i("editor.annotationsPanel.trendsAndAveragesSection.title"),
@@ -11802,7 +11821,7 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
         children: /* @__PURE__ */ r(l, {
           value: p,
           options: m,
-          onChange: x,
+          onChange: w,
           placeholder: i("editor.annotationsPanel.trendType.placeholder")
         })
       }),
@@ -11811,7 +11830,7 @@ var S0 = "_40zvwv8", j = ({ title: e, layout: t = "fixed", preview: n, accessory
         icon: /* @__PURE__ */ r(a5, { size: "lg" }),
         children: /* @__PURE__ */ r(s, {
           isChecked: u !== void 0,
-          onChange: w
+          onChange: x
         })
       }),
       u !== void 0 && c.length > 0 && /* @__PURE__ */ r(A, {
@@ -11841,10 +11860,10 @@ export {
   dd as ColorSwatches,
   rf as ComboSection,
   pu as ControlRegistryProvider,
-  Ya as ControlTooltip,
+  Ja as ControlTooltip,
   kd as CustomColor,
   Z5 as EditableGraphRenderer,
-  ii as EditorPanel,
+  li as EditorPanel,
   J5 as ElementsPanel,
   af as GoalSection,
   of as GraphOptionsSection,
@@ -11872,10 +11891,10 @@ export {
   su as TextField,
   D0 as TextSizeSection,
   _0 as TitleSection,
-  Qa as ToggleGroup,
+  eo as ToggleGroup,
   w0 as ToggledSection,
   vf as TrendsAndAveragesSection,
-  B as useControls,
+  H as useControls,
   c0 as usePanelExpansion,
   W as usePanelGraph
 };