@graphysdk/react-renderer 1.9.0-beta.1791402470702 → 1.9.0-beta.1791403305083

package/dist/editable.mjs

@@ -1,46 +1,46 @@
-import { $ as sn, $t as cn, At as hi, C as pi, Ct as mi, D as gi, E as vi, F as k, G as fi, H as bi, Ht as yi, J as Si, Jt as Ci, K as Dn, Kt as xi, N as wi, O as Gr, Ot as Xe, P as Ti, Q as Vr, Qt as $r, R as Ai, Rt as ki, S as Li, St as Pi, T as Le, Tt as de, U as Z, V as Ii, W as V, X as dn, Xt as Ei, Y as U, Yt as Oi, Z as un, _ as Me, _t as M, at as Mi, b as Wr, bt as Ne, c as Ur, ct as _n, d as Ni, dn as te, en as He, et as vt, f as Ri, ft, g as Kr, gt as Di, h as hn, hn as B, ht as _i, i as Fi, in as zi, jt as Bi, k as bt, kt as J, l as Hi, ln as qr, lt as Gi, m as Vi, n as ve, nt as Xr, o as $i, on as Wi, ot as Ui, p as Zr, pn as _, q as Ki, qt as qi, r as K, rn as Xi, rt as jr, st as Zi, t as ji, tt as Yi, u as Ji, ut as ie, v as Qi, vt as el, wt as tl, x as nl, y as rl, zt as Yr } from "./history-chords-vrYuh7hl.js";
-import { n as se, t as Jr } from "./theme.contract.css-oFmndjcI.js";
-import { ARROW_DEFAULTS as al, ARROW_STICKER_DECLARATIONS as ol, ARROW_STROKE_WIDTHS_PX as Dt, AddAnnotationCommand as we, AddHighlightCommand as il, BORDER_RADIUS_TOKENS as Fn, COMBO_TYPES as zn, CONSTANT_VARIABLES as ll, DASH_PRESETS as sl, DEFAULT_BAR_CORNER_RADIUS as cl, DEFAULT_GEOM_COLOR as dl, DEFAULT_POINT_SIZE_PX as ul, DEFAULT_STROKE_WIDTH_PX as hl, DIFFERENCE_ARROW_DEFAULTS as Qr, DIFFERENCE_ARROW_SIZE_DECLARATIONS as Bn, InternalError as pl, MAX_BAR_WIDTH_FRACTION as ml, MIN_BAR_WIDTH_FRACTION as gl, MoveAnnotationCommand as vl, RESTING_HOVER_STATE as pn, RemoveAnnotationCommand as $e, RemoveHighlightCommand as fl, SHAPE_DEFAULTS as bl, SetAxisLabelCommand as yl, SetAxisPositionCommand as Sl, SetAxisTickModeCommand as Cl, SetAxisTicksVisibilityCommand as xl, SetAxisVisibilityCommand as wl, SetBarCornerRadiusCommand as Tl, SetBarWidthCommand as Al, SetChartTypeCommand as ea, SetContentCaptionCommand as ta, SetContentSourceCommand as kl, SetContentSubtitleCommand as na, SetContentTitleCommand as ra, SetDataLabelsFormatCommand as Ll, SetDifferenceArrowStyleCommand as Pl, SetGridLineStyleCommand as Il, SetGridLineWidthCommand as El, SetGridVisibilityCommand as Ol, SetHeadlineCompareWithCommand as Ml, SetHeadlinePositionCommand as Nl, SetHeadlineShowCommand as Hn, SetHeadlineSizeCommand as Rl, SetHighlightDimStyleCommand as Dl, SetLayerYScaleTypeCommand as _l, SetLegendAlignCommand as Fl, SetLegendDisplayCommand as zl, SetLegendPositionCommand as Bl, SetLineCurveCommand as Hl, SetLineMissingValuesCommand as Gl, SetLineWidthCommand as Gn, SetMappingCommand as Vl, SetNumberFormatAbbreviationCommand as $l, SetNumberFormatDecimalsCommand as Vn, SetPointSizeCommand as Wl, SetPolarInnerRadiusCommand as Ul, SetPolarStartAngleCommand as Kl, SetRuleLabelCommand as ql, SetRuleValueCommand as Xl, SetScaleDomainCommand as _t, SetScaleReverseCommand as Zl, SetScaleTransformCommand as jl, SetStatLineCommand as Yl, SetStyleRuleCommand as Ee, TEXT_ANNOTATION_DEFAULTS as Jl, TEXT_ANNOTATION_FADE_ALPHA as Ql, ToggleCategoryLabelsCommand as es, ToggleContentVisibilityCommand as yt, ToggleDataLabelsCommand as ts, ToggleGoalLineCommand as ns, ToggleLineFillCommand as rs, ToggleLinePointsCommand as as, ToggleStackTotalsCommand as os, UpdateAnnotationCommand as ue, alignUnitFractions as is, areAnchorsEqual as aa, areEditTargetsEqual as oa, areEndpointsComparable as ls, buildEditMenuTriggerRegion as ss, buildLayerStyleAddress as cs, buildObservationPredicate as ds, buildObservationsTarget as St, buildObservationsTargetAtValue as ia, canAnchorDirectLabels as us, canBecomeCombo as hs, canBecomeHeatmap as ps, clampAnnotationTranslation as ms, combineKindStyleDeclarations as $n, computeArrow as la, createObservationAnchorBuilder as gs, createObservationAnchorParser as vs, createStyleResolver as fs, createValueFormatter as sa, createXValueReader as bs, filterLayersByGeoms as Vt, findAnnotation as ys, findAverageLineLayer as Ss, findAxisGuide as Cs, findCompanionLayers as ca, findGoalLineLayer as xs, findHighlightsAtObservation as ws, findLayerByGeom as da, findLayerById as be, findObservationAttachment as Ts, findStyleRule as Ae, findTrendLineLayer as As, formatDifferenceLabel as ks, getBoundingRect as $t, getGroupVariables as Ls, getXBand as Ps, getYBand as Is, hasMainAxisBand as Es, hasMultipleGroups as Os, inferDefaultDifferenceArrowEndpoints as Ms, inferDifferenceArrowEndpoints as Ns, isComboChartType as Ie, isCompanionLayer as mn, isObservationAttachmentKind as Rs, isPointWithinEditMenuTrigger as gn, isSafeUrl as Ds, isZeroAnchoredAxis as _s, measureObservationsBoxes as ua, projectAnchorToPanel as lt, readBroadestObservationsScope as Fs, readChartType as ha, readComboLineLayerId as zs, readCompanionRowsAtScopeKey as Bs, readConstantValue as Hs, readEditTargetKey as Ct, readGeomColor as Gs, readHighlightDimStyle as Vs, readMainAxis as $s, readMappableAesthetics as Ws, readMappedVariable as Us, readObservationIndex as pa, readReachableLevels as Ks, readRowScopeKey as qs, readRowsAtScopeKey as Xs, readScopeXVariable as Zs, readStyleCoord as Re, readStyleRulesBeneath as js, readVariableName as xt, resolveArrowAnnotationStyle as vn, resolveBarBandFraction as Ys, resolveComparisonBasis as Js, resolveDifferenceArrowAnnotationStyle as Qs, resolveEditOutlineStyle as ec, resolveObservationPoint as ma, resolveObservationsTarget as Wn, stepDifferenceArrowEndpoint as tc, toDashPreset as Wt, toPaintColor as st, toPanelCursor as wt } from "@graphysdk/viz-engine";
-import { Fragment as nc, createContext as De, memo as ga, useCallback as ae, useContext as Se, useEffect as z, useId as ke, useLayoutEffect as Oe, useMemo as P, useRef as ne, useState as Y } from "react";
+import { $ as sn, $t as cn, At as hi, C as pi, Ct as mi, D as gi, E as vi, F as k, G as fi, H as bi, Ht as yi, J as Si, Jt as Ci, K as Rn, Kt as xi, N as wi, O as Hr, Ot as Xe, P as Ti, Q as Gr, Qt as Vr, R as Ai, Rt as ki, S as Li, St as Pi, T as Le, Tt as de, U as Z, V as Ii, W as V, X as dn, Xt as Ei, Y as U, Yt as Oi, Z as un, _ as Me, _t as M, at as Mi, b as $r, bt as Ne, c as Wr, ct as Dn, d as Ni, dn as te, en as He, et as vt, f as Ri, ft, g as Ur, gt as Di, h as hn, hn as B, ht as _i, i as Fi, in as zi, jt as Bi, k as bt, kt as J, l as Hi, ln as Kr, lt as Gi, m as Vi, n as fe, nt as qr, o as $i, on as Wi, ot as Ui, p as Xr, pn as _, q as Ki, qt as qi, r as K, rn as Xi, rt as Zr, st as Zi, t as ji, tt as Yi, u as Ji, ut as ie, v as Qi, vt as el, wt as tl, x as nl, y as rl, zt as jr } from "./history-chords-BA0sExar.js";
+import { n as se, t as Yr } from "./theme.contract.css-oFmndjcI.js";
+import { ARROW_DEFAULTS as al, ARROW_STICKER_DECLARATIONS as ol, ARROW_STROKE_WIDTHS_PX as Dt, AddAnnotationCommand as we, AddHighlightCommand as il, BORDER_RADIUS_TOKENS as _n, COMBO_TYPES as Fn, CONSTANT_VARIABLES as ll, DASH_PRESETS as sl, DEFAULT_BAR_CORNER_RADIUS as cl, DEFAULT_GEOM_COLOR as dl, DEFAULT_POINT_SIZE_PX as ul, DEFAULT_STROKE_WIDTH_PX as hl, DIFFERENCE_ARROW_DEFAULTS as Jr, DIFFERENCE_ARROW_SIZE_DECLARATIONS as zn, InternalError as pl, MAX_BAR_WIDTH_FRACTION as ml, MIN_BAR_WIDTH_FRACTION as gl, MoveAnnotationCommand as vl, RESTING_HOVER_STATE as pn, RemoveAnnotationCommand as $e, RemoveHighlightCommand as fl, SHAPE_DEFAULTS as bl, SetAxisLabelCommand as yl, SetAxisPositionCommand as Sl, SetAxisTickModeCommand as Cl, SetAxisTicksVisibilityCommand as xl, SetAxisVisibilityCommand as wl, SetBarCornerRadiusCommand as Tl, SetBarWidthCommand as Al, SetChartTypeCommand as Qr, SetContentCaptionCommand as ea, SetContentSourceCommand as kl, SetContentSubtitleCommand as ta, SetContentTitleCommand as na, SetDataLabelsFormatCommand as Ll, SetDifferenceArrowStyleCommand as Pl, SetGridLineStyleCommand as Il, SetGridLineWidthCommand as El, SetGridVisibilityCommand as Ol, SetHeadlineCompareWithCommand as Ml, SetHeadlinePositionCommand as Nl, SetHeadlineShowCommand as Bn, SetHeadlineSizeCommand as Rl, SetHighlightDimStyleCommand as Dl, SetLayerYScaleTypeCommand as _l, SetLegendAlignCommand as Fl, SetLegendDisplayCommand as zl, SetLegendPositionCommand as Bl, SetLineCurveCommand as Hl, SetLineMissingValuesCommand as Gl, SetLineWidthCommand as Hn, SetMappingCommand as Vl, SetNumberFormatAbbreviationCommand as $l, SetNumberFormatDecimalsCommand as Gn, SetPointSizeCommand as Wl, SetPolarInnerRadiusCommand as Ul, SetPolarStartAngleCommand as Kl, SetRuleLabelCommand as ql, SetRuleValueCommand as Xl, SetScaleDomainCommand as _t, SetScaleReverseCommand as Zl, SetScaleTransformCommand as jl, SetStatLineCommand as Yl, SetStyleRuleCommand as Ee, TEXT_ANNOTATION_DEFAULTS as Jl, TEXT_ANNOTATION_FADE_ALPHA as Ql, ToggleCategoryLabelsCommand as es, ToggleContentVisibilityCommand as yt, ToggleDataLabelsCommand as ts, ToggleGoalLineCommand as ns, ToggleLineFillCommand as rs, ToggleLinePointsCommand as as, ToggleStackTotalsCommand as os, UpdateAnnotationCommand as ue, alignUnitFractions as is, areAnchorsEqual as ra, areEditTargetsEqual as aa, areEndpointsComparable as ls, buildEditMenuTriggerRegion as ss, buildLayerStyleAddress as cs, buildObservationPredicate as ds, buildObservationsTarget as St, buildObservationsTargetAtValue as oa, canAnchorDirectLabels as us, canBecomeCombo as hs, canBecomeHeatmap as ps, clampAnnotationTranslation as ms, combineKindStyleDeclarations as Vn, computeArrow as ia, createObservationAnchorBuilder as gs, createObservationAnchorParser as vs, createStyleResolver as fs, createValueFormatter as la, createXValueReader as bs, filterLayersByGeoms as Vt, findAnnotation as ys, findAverageLineLayer as Ss, findAxisGuide as Cs, findCompanionLayers as sa, findGoalLineLayer as xs, findHighlightsAtObservation as ws, findHostLayer as Ts, findLayerByGeom as ca, findLayerById as ve, findObservationAttachment as As, findStyleRule as Ae, findTrendLineLayer as ks, formatDifferenceLabel as Ls, getBoundingRect as $t, getGroupVariables as Ps, getXBand as Is, getYBand as Es, hasMainAxisBand as Os, hasMultipleGroups as Ms, inferDefaultDifferenceArrowEndpoints as Ns, inferDifferenceArrowEndpoints as Rs, isComboChartType as Ie, isCompanionLayer as da, isObservationAttachmentKind as Ds, isPointWithinEditMenuTrigger as mn, isSafeUrl as _s, isZeroAnchoredAxis as Fs, measureObservationsBoxes as ua, projectAnchorToPanel as lt, readBroadestObservationsScope as zs, readChartType as ha, readComboLineLayerId as Bs, readCompanionRowsAtScopeKey as Hs, readConstantValue as Gs, readEditTargetKey as Ct, readGeomColor as Vs, readHighlightDimStyle as $s, readMainAxis as Ws, readMappableAesthetics as Us, readMappedVariable as Ks, readObservationIndex as pa, readReachableLevels as qs, readRowScopeKey as Xs, readRowsAtScopeKey as Zs, readScopeXVariable as js, readStyleCoord as Re, readStyleRulesBeneath as Ys, readVariableName as xt, resolveArrowAnnotationStyle as gn, resolveBarBandFraction as Js, resolveComparisonBasis as Qs, resolveDifferenceArrowAnnotationStyle as ec, resolveEditOutlineStyle as tc, resolveObservationPoint as ma, resolveObservationsTarget as $n, stepDifferenceArrowEndpoint as nc, toDashPreset as Wt, toPaintColor as st, toPanelCursor as wt } from "@graphysdk/viz-engine";
+import { Fragment as rc, createContext as De, memo as ga, useCallback as ae, useContext as Se, useEffect as z, useId as ke, useLayoutEffect as Oe, useMemo as P, useRef as ne, useState as Y } from "react";
 import { Fragment as Q, jsx as r, jsxs as g } from "react/jsx-runtime";
-import { motion as rc } from "motion/react";
-import { useShallow as fe } from "zustand/react/shallow";
+import { motion as ac } from "motion/react";
+import { useShallow as be } from "zustand/react/shallow";
 import { assignInlineVars as Ze } from "@vanilla-extract/dynamic";
 import { createPortal as va } from "react-dom";
 import ye from "clsx";
-import { autoUpdate as ac, flip as oc, offset as ic, shift as lc, useFloating as sc } from "@floating-ui/react-dom";
+import { autoUpdate as oc, flip as ic, offset as lc, shift as sc, useFloating as cc } from "@floating-ui/react-dom";
 import { Extension as fa } from "@tiptap/core";
-import { Bold as cc } from "@tiptap/extension-bold";
+import { Bold as dc } from "@tiptap/extension-bold";
 import { Document as ct } from "@tiptap/extension-document";
-import { HardBreak as dc } from "@tiptap/extension-hard-break";
-import { Heading as uc } from "@tiptap/extension-heading";
-import { Italic as hc } from "@tiptap/extension-italic";
-import { Link as pc } from "@tiptap/extension-link";
-import { Text as mc } from "@tiptap/extension-text";
-import { TextAlign as gc } from "@tiptap/extension-text-align";
-import { Color as vc, FontFamily as ba, TextStyle as fc } from "@tiptap/extension-text-style";
-import { Underline as bc } from "@tiptap/extension-underline";
-import { Placeholder as fn, UndoRedo as yc } from "@tiptap/extensions";
+import { HardBreak as uc } from "@tiptap/extension-hard-break";
+import { Heading as hc } from "@tiptap/extension-heading";
+import { Italic as pc } from "@tiptap/extension-italic";
+import { Link as mc } from "@tiptap/extension-link";
+import { Text as gc } from "@tiptap/extension-text";
+import { TextAlign as vc } from "@tiptap/extension-text-align";
+import { Color as fc, FontFamily as ba, TextStyle as bc } from "@tiptap/extension-text-style";
+import { Underline as yc } from "@tiptap/extension-underline";
+import { Placeholder as vn, UndoRedo as Sc } from "@tiptap/extensions";
 import { Paragraph as ya } from "@tiptap/extension-paragraph";
-import { EditorContent as Sa, useEditor as Sc, useEditorState as Cc } from "@tiptap/react";
+import { EditorContent as Sa, useEditor as Cc, useEditorState as xc } from "@tiptap/react";
 import { Toolbar as Ce } from "@base-ui/react/toolbar";
 import { Tooltip as le } from "@base-ui/react/tooltip";
 import { Popover as j } from "@base-ui/react/popover";
-import { HexColorInput as xc, HexColorPicker as wc } from "react-colorful";
+import { HexColorInput as wc, HexColorPicker as Tc } from "react-colorful";
 import { Slider as ge } from "@base-ui/react/slider";
 import { Menu as H } from "@base-ui/react/menu";
-import { Toggle as Tc } from "@base-ui/react/toggle";
+import { Toggle as Ac } from "@base-ui/react/toggle";
 import Ve from "lodash-es/clamp";
 import { Radio as Ca } from "@base-ui/react/radio";
 import { RadioGroup as xa } from "@base-ui/react/radio-group";
 import { Menu as Te } from "@base-ui/react";
 import { Accordion as Ue } from "@base-ui/react/accordion";
-import { NumberField as Un } from "@base-ui/react/number-field";
+import { NumberField as Wn } from "@base-ui/react/number-field";
 import { Select as pe } from "@base-ui/react/select";
-import { Switch as Kn } from "@base-ui/react/switch";
-import { Input as Ac } from "@base-ui/react/input";
-import { Separator as kc } from "@base-ui/react/separator";
-import './editable.css';var Lc = {
+import { Switch as Un } from "@base-ui/react/switch";
+import { Input as kc } from "@base-ui/react/input";
+import { Separator as Lc } from "@base-ui/react/separator";
+import './editable.css';var Pc = {
   save: "حفظ",
   cancel: "إلغاء",
   confirm: "تأكيد",
@@ -51,7 +51,7 @@ import './editable.css';var Lc = {
     millions: "مليون",
     billions: "مليار"
   }
-}, Pc = {
+}, Ic = {
   title: "محرر Graphy",
   description: "قم بتحرير المحتوى الخاص بك هنا",
   graphTypes: {
@@ -581,7 +581,7 @@ import './editable.css';var Lc = {
     light: "فاتح",
     dark: "داكن"
   } }
-}, Ic = {
+}, Ec = {
   titleEditor: {
     titlePlaceholder: "بدون عنوان",
     subtitlePlaceholder: "إضافة عنوان فرعي"
@@ -821,11 +821,11 @@ import './editable.css';var Lc = {
       }
     }
   }
-}, Ec = {
-  common: Lc,
-  editor: Pc,
-  graph: Ic
 }, Oc = {
+  common: Pc,
+  editor: Ic,
+  graph: Ec
+}, Mc = {
   save: "Save",
   cancel: "Cancel",
   confirm: "Confirm",
@@ -836,7 +836,7 @@ import './editable.css';var Lc = {
     millions: "m",
     billions: "b"
   }
-}, Mc = {
+}, Nc = {
   title: "Graphy Editor",
   description: "Edit your content here",
   graphTypes: {
@@ -1368,7 +1368,7 @@ import './editable.css';var Lc = {
     light: "Light",
     dark: "Dark"
   } }
-}, Nc = {
+}, Rc = {
   titleEditor: {
     titlePlaceholder: "Untitled",
     subtitlePlaceholder: "Add a subtitle"
@@ -1608,17 +1608,17 @@ import './editable.css';var Lc = {
       }
     }
   }
-}, Rc = {
-  common: Oc,
-  editor: Mc,
-  graph: Nc
 }, Dc = {
+  common: Mc,
+  editor: Nc,
+  graph: Rc
+}, _c = {
   colorPanel: {
     backgroundSection: { gray: "Gray" },
     borderType: { gray: "Gray" }
   },
   highlighting: { highlightStyle: { gray: "Gray" } }
-}, _c = { editor: Dc }, Fc = {
+}, Fc = { editor: _c }, zc = {
   save: "Guardar",
   cancel: "Cancelar",
   confirm: "Confirmar",
@@ -1629,7 +1629,7 @@ import './editable.css';var Lc = {
     millions: "M",
     billions: "MM"
   }
-}, zc = {
+}, Bc = {
   title: "Editor Graphy",
   description: "Edite o seu conteúdo aqui",
   graphTypes: {
@@ -2160,7 +2160,7 @@ import './editable.css';var Lc = {
     light: "Claro",
     dark: "Escuro"
   } }
-}, Bc = {
+}, Hc = {
   titleEditor: {
     titlePlaceholder: "Sem título",
     subtitlePlaceholder: "Adicionar subtítulo"
@@ -2400,26 +2400,26 @@ import './editable.css';var Lc = {
       }
     }
   }
-}, Hc = {
-  common: Fc,
-  editor: zc,
-  graph: Bc
 }, Gc = {
-  "en-GB": Rc,
-  "en-US": _c,
-  ar: Ec,
-  "pt-PT": Hc
-}, Vc = [Gc, el], $c = ({ children: e, ...t }) => /* @__PURE__ */ r(Di, {
-  dictionaries: Vc,
+  common: zc,
+  editor: Bc,
+  graph: Hc
+}, Vc = {
+  "en-GB": Dc,
+  "en-US": Fc,
+  ar: Oc,
+  "pt-PT": Gc
+}, $c = [Vc, el], Wc = ({ children: e, ...t }) => /* @__PURE__ */ r(Di, {
+  dictionaries: $c,
   ...t,
   children: e
-}), Wc = "data-variant", wa = ya.extend({ addAttributes() {
+}), Uc = "data-variant", wa = ya.extend({ addAttributes() {
   return { variant: {
     default: null,
     parseHTML: (e) => e.getAttribute("data-variant") ?? null,
-    renderHTML: (e) => e.variant ? { [Wc]: e.variant } : {}
+    renderHTML: (e) => e.variant ? { [Uc]: e.variant } : {}
   } };
-} }), Uc = fa.create({
+} }), Kc = fa.create({
   name: "preventBackspaceAcrossTitleBoundary",
   addOptions() {
     return { isTitleVisible: !0 };
@@ -2433,35 +2433,35 @@ import './editable.css';var Lc = {
       return n.depth !== 1 || n.parentOffset !== 0 ? !1 : n.index(0) === 1;
     } };
   }
-}), bn = () => [
-  mc,
-  yc,
-  uc.configure({ levels: [
+}), fn = () => [
+  gc,
+  Sc,
+  hc.configure({ levels: [
     1,
     2,
     3
   ] }),
-  cc,
-  hc,
-  bc,
-  gc.configure({ types: ["heading", "paragraph"] }),
-  pc.configure({
+  dc,
+  pc,
+  yc,
+  vc.configure({ types: ["heading", "paragraph"] }),
+  mc.configure({
     openOnClick: !1,
     autolink: !0
   }),
+  bc,
   fc,
-  vc,
-  dc
-], Kc = ({ titlePlaceholder: e, subtitlePlaceholder: t, isTitleVisible: n, isSubtitleVisible: a }) => [
-  Xc({
+  uc
+], qc = ({ titlePlaceholder: e, subtitlePlaceholder: t, isTitleVisible: n, isSubtitleVisible: a }) => [
+  Zc({
     isTitleVisible: n,
     isSubtitleVisible: a
   }),
   wa,
-  ...bn(),
+  ...fn(),
   ba,
-  Uc.configure({ isTitleVisible: n }),
-  fn.configure({
+  Kc.configure({ isTitleVisible: n }),
+  vn.configure({
     showOnlyCurrent: !1,
     placeholder: ({ pos: o, editor: i }) => {
       if (n && o === 0) return e;
@@ -2469,35 +2469,35 @@ import './editable.css';var Lc = {
       return a && o === l ? t : "";
     }
   })
-], qc = ({ placeholder: e }) => [
+], Xc = ({ placeholder: e }) => [
   ct,
   wa,
-  ...bn(),
+  ...fn(),
   ba,
-  fn.configure({
+  vn.configure({
     showOnlyCurrent: !1,
     placeholder: ({ pos: t }) => t === 0 ? e : ""
   })
-], Xc = ({ isTitleVisible: e, isSubtitleVisible: t }) => e && t ? ct.extend({ content: "block{2,}" }) : ct, Ta = "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))", Zc = "d0bl00";
-var Aa = "d0bl03", jc = "d0bl04", ka = "d0bl05", Ut = "d0bl06", Yc = "d0bl07", Jc = "d0bl08", La = "d0bl09", Qc = "d0bl0a", ed = "d0bl0b", td = "d0bl0c", nd = "d0bl0d", rd = "d0bl0e", ad = "owf1yg0", od = "owf1yg1", id = "owf1yg2", ld = "owf1yg3", sd = "owf1yg4", cd = 0.01, dd = ({ value: e, onChange: t, label: n }) => /* @__PURE__ */ r(ge.Root, {
-  className: ad,
+], Zc = ({ isTitleVisible: e, isSubtitleVisible: t }) => e && t ? ct.extend({ content: "block{2,}" }) : ct, Ta = "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))", jc = "d0bl00";
+var Aa = "d0bl03", Yc = "d0bl04", ka = "d0bl05", Ut = "d0bl06", Jc = "d0bl07", Qc = "d0bl08", La = "d0bl09", ed = "d0bl0a", td = "d0bl0b", nd = "d0bl0c", rd = "d0bl0d", ad = "d0bl0e", od = "owf1yg0", id = "owf1yg1", ld = "owf1yg2", sd = "owf1yg3", cd = "owf1yg4", dd = 0.01, ud = ({ value: e, onChange: t, label: n }) => /* @__PURE__ */ r(ge.Root, {
+  className: od,
   value: e,
   onValueChange: (a) => t(a),
   min: 0,
   max: 1,
-  step: cd,
+  step: dd,
   children: /* @__PURE__ */ r(ge.Control, {
-    className: od,
+    className: id,
     children: /* @__PURE__ */ g(ge.Track, {
-      className: id,
-      children: [/* @__PURE__ */ r(ge.Indicator, { className: ld }), /* @__PURE__ */ r(ge.Thumb, {
-        className: sd,
+      className: ld,
+      children: [/* @__PURE__ */ r(ge.Indicator, { className: sd }), /* @__PURE__ */ r(ge.Thumb, {
+        className: cd,
         "aria-label": n
       })]
     })
   })
-}), Pa = "transparent", Kt = Jr.map((e) => se[e]), ud = Object.fromEntries(Jr.map((e) => [se[e], e])), hd = (e) => Kt.some((t) => Ea(t, e)), pd = ({ color: e, onChange: t, isOpen: n, onOpenChange: a, children: o, label: i, popupAttributes: l, opacity: s, onOpacityChange: c, hasTransparentOption: h = !1 }) => {
-  const d = M(), u = gd(), p = h ? [Pa, ...Kt] : Kt, v = (m) => {
+}), Pa = "transparent", Kt = Yr.map((e) => se[e]), hd = Object.fromEntries(Yr.map((e) => [se[e], e])), pd = (e) => Kt.some((t) => Ea(t, e)), md = ({ color: e, onChange: t, isOpen: n, onOpenChange: a, children: o, label: i, popupAttributes: l, opacity: s, onOpacityChange: c, hasTransparentOption: h = !1 }) => {
+  const d = M(), u = vd(), p = h ? [Pa, ...Kt] : Kt, v = (m) => {
     t(m), a(!1);
   };
   return /* @__PURE__ */ g(j.Root, {
@@ -2506,7 +2506,7 @@ var Aa = "d0bl03", jc = "d0bl04", ka = "d0bl05", Ut = "d0bl06", Yc = "d0bl07", J
     children: [/* @__PURE__ */ r(j.Trigger, {
       render: /* @__PURE__ */ r(Ce.Button, {}),
       "aria-label": i ?? d("graph.toolbar.color.label"),
-      className: Zc,
+      className: jc,
       onMouseDown: (m) => m.preventDefault(),
       children: o ?? /* @__PURE__ */ r("span", {
         className: "d0bl01",
@@ -2519,23 +2519,23 @@ var Aa = "d0bl03", jc = "d0bl04", ka = "d0bl05", Ut = "d0bl06", Yc = "d0bl07", J
         align: "start",
         className: Aa,
         children: /* @__PURE__ */ g(j.Popup, {
-          className: jc,
+          className: Yc,
           onMouseDown: (m) => m.preventDefault(),
           ...l,
           children: [
-            /* @__PURE__ */ r(qn, {
+            /* @__PURE__ */ r(Kn, {
               title: d("graph.colorDropdown.colors"),
               colors: p,
               currentColor: e,
               onPick: v
             }),
-            u.length > 0 && /* @__PURE__ */ r(qn, {
+            u.length > 0 && /* @__PURE__ */ r(Kn, {
               title: d("graph.colorDropdown.chartColors"),
               colors: u,
               currentColor: e,
               onPick: v
             }),
-            /* @__PURE__ */ r(md, {
+            /* @__PURE__ */ r(gd, {
               value: e ?? "#000000",
               onChange: t,
               popupAttributes: l
@@ -2545,7 +2545,7 @@ var Aa = "d0bl03", jc = "d0bl04", ka = "d0bl05", Ut = "d0bl06", Yc = "d0bl07", J
               children: [/* @__PURE__ */ r("div", {
                 className: "d0bl06",
                 children: d("graph.colorDropdown.opacity")
-              }), /* @__PURE__ */ r(dd, {
+              }), /* @__PURE__ */ r(ud, {
                 value: s,
                 onChange: c,
                 label: d("graph.colorDropdown.opacity")
@@ -2556,7 +2556,7 @@ var Aa = "d0bl03", jc = "d0bl04", ka = "d0bl05", Ut = "d0bl06", Yc = "d0bl07", J
       }) })
     })]
   });
-}, qn = ({ title: e, colors: t, currentColor: n, onPick: a }) => {
+}, Kn = ({ title: e, colors: t, currentColor: n, onPick: a }) => {
   const o = M();
   return /* @__PURE__ */ g("div", {
     className: ka,
@@ -2564,11 +2564,11 @@ var Aa = "d0bl03", jc = "d0bl04", ka = "d0bl05", Ut = "d0bl06", Yc = "d0bl07", J
       className: Ut,
       children: e
     }), /* @__PURE__ */ r("div", {
-      className: Yc,
+      className: Jc,
       children: t.map((i) => /* @__PURE__ */ r("button", {
         type: "button",
         "aria-label": i === "transparent" ? o("graph.colorDropdown.transparent") : i,
-        className: Jc,
+        className: Qc,
         "data-active": Ea(i, n),
         onMouseDown: (l) => l.preventDefault(),
         onClick: () => a(i),
@@ -2579,8 +2579,8 @@ var Aa = "d0bl03", jc = "d0bl04", ka = "d0bl05", Ut = "d0bl06", Yc = "d0bl07", J
       }, i))
     })]
   });
-}, md = ({ value: e, onChange: t, popupAttributes: n }) => {
-  const a = M(), [o, i] = Y(!1), l = Ei(e) ? e : "#000000", s = vd(l);
+}, gd = ({ value: e, onChange: t, popupAttributes: n }) => {
+  const a = M(), [o, i] = Y(!1), l = Ei(e) ? e : "#000000", s = fd(l);
   return /* @__PURE__ */ g(j.Root, {
     open: o,
     onOpenChange: i,
@@ -2590,14 +2590,14 @@ var Aa = "d0bl03", jc = "d0bl04", ka = "d0bl05", Ut = "d0bl06", Yc = "d0bl07", J
         className: Ut,
         children: a("graph.colorDropdown.custom")
       }), /* @__PURE__ */ g(j.Trigger, {
-        className: Qc,
+        className: ed,
         onMouseDown: (c) => c.preventDefault(),
         "aria-label": a("graph.colorDropdown.pickCustom"),
         children: [/* @__PURE__ */ r("span", {
           className: La,
           style: Ia(l)
         }), /* @__PURE__ */ r("span", {
-          className: ed,
+          className: td,
           children: s
         })]
       })]
@@ -2609,7 +2609,7 @@ var Aa = "d0bl03", jc = "d0bl04", ka = "d0bl05", Ut = "d0bl06", Yc = "d0bl07", J
         sideOffset: 18,
         className: Aa,
         children: /* @__PURE__ */ g(j.Popup, {
-          className: td,
+          className: nd,
           onMouseDown: (c) => c.preventDefault(),
           ...n,
           children: [
@@ -2617,16 +2617,16 @@ var Aa = "d0bl03", jc = "d0bl04", ka = "d0bl05", Ut = "d0bl06", Yc = "d0bl07", J
               className: Ut,
               children: a("graph.colorDropdown.pickColor")
             }),
-            /* @__PURE__ */ r(wc, {
+            /* @__PURE__ */ r(Tc, {
               color: s,
               onChange: t,
-              className: nd
+              className: rd
             }),
-            /* @__PURE__ */ r(xc, {
+            /* @__PURE__ */ r(wc, {
               color: s,
               onChange: t,
               prefixed: !0,
-              className: rd,
+              className: ad,
               onMouseDown: (c) => c.stopPropagation()
             })
           ]
@@ -2634,7 +2634,7 @@ var Aa = "d0bl03", jc = "d0bl04", ka = "d0bl05", Ut = "d0bl06", Yc = "d0bl07", J
       }) })
     })]
   });
-}, gd = () => {
+}, vd = () => {
   const e = _((t) => t.scales.color);
   return P(() => {
     if (!e || e.kind !== "visual") return [];
@@ -2651,52 +2651,52 @@ var Aa = "d0bl03", jc = "d0bl04", ka = "d0bl05", Ut = "d0bl06", Yc = "d0bl07", J
 } : {
   background: e,
   border: `1px solid ${Ci(e, 0.1)}`
-}, vd = (e) => {
+}, fd = (e) => {
   const { themeValues: t } = ft();
   if (Oi(e)) return e.toUpperCase();
-  const n = ud[e];
+  const n = hd[e];
   return n ? t[n].toUpperCase() : "#000000";
-}, Ea = (e, t) => t === null ? !1 : e.toLowerCase() === t.toLowerCase(), fd = "l9kff0", bd = "l9kff1", yd = "l9kff2", Sd = "xn24px0", Cd = "xn24px1", xd = "xn24px2", wd = ({ children: e, popupAttributes: t }) => /* @__PURE__ */ r(H.Portal, {
+}, Ea = (e, t) => t === null ? !1 : e.toLowerCase() === t.toLowerCase(), bd = "l9kff0", yd = "l9kff1", Sd = "l9kff2", Cd = "xn24px0", xd = "xn24px1", wd = "xn24px2", Td = ({ children: e, popupAttributes: t }) => /* @__PURE__ */ r(H.Portal, {
   container: de(),
   children: /* @__PURE__ */ r(ie, { children: /* @__PURE__ */ r(H.Positioner, {
     side: "bottom",
     align: "start",
     sideOffset: 6,
-    className: Sd,
+    className: Cd,
     children: /* @__PURE__ */ r(H.Popup, {
-      className: Cd,
+      className: xd,
       onMouseDown: (n) => n.preventDefault(),
       ...t,
       children: e
     })
   }) })
-}), Td = ({ children: e, isSelected: t = !1, isDisabled: n = !1, onClick: a }) => /* @__PURE__ */ r(H.Item, {
-  className: xd,
+}), Ad = ({ children: e, isSelected: t = !1, isDisabled: n = !1, onClick: a }) => /* @__PURE__ */ r(H.Item, {
+  className: wd,
   "data-selected": t,
   disabled: n,
   onClick: a,
   children: e
-}), Ad = ({ className: e, ...t }) => /* @__PURE__ */ r(le.Provider, { children: /* @__PURE__ */ r(Ce.Root, {
-  ...t,
-  className: ye(fd, e)
-}) }), kd = ({ className: e, ...t }) => /* @__PURE__ */ r(Ce.Group, {
+}), kd = ({ className: e, ...t }) => /* @__PURE__ */ r(le.Provider, { children: /* @__PURE__ */ r(Ce.Root, {
   ...t,
   className: ye(bd, e)
-}), Ld = ({ className: e, ...t }) => /* @__PURE__ */ r(Ce.Separator, {
+}) }), Ld = ({ className: e, ...t }) => /* @__PURE__ */ r(Ce.Group, {
   ...t,
   className: ye(yd, e)
-}), Pd = ({ children: e }) => {
+}), Pd = ({ className: e, ...t }) => /* @__PURE__ */ r(Ce.Separator, {
+  ...t,
+  className: ye(Sd, e)
+}), Id = ({ children: e }) => {
   const t = de();
   return t === null ? null : va(/* @__PURE__ */ r(ie, { children: e }), t);
 }, X = {
-  Portal: Pd,
-  Root: Ad,
-  Group: kd,
-  Separator: Ld,
+  Portal: Id,
+  Root: kd,
+  Group: Ld,
+  Separator: Pd,
   Button: Ce.Button,
-  ColorPicker: pd,
-  MenuPopup: wd,
-  MenuItem: Td
+  ColorPicker: md,
+  MenuPopup: Td,
+  MenuItem: Ad
 }, je = (e) => /* @__PURE__ */ r(k, {
   ...e,
   children: /* @__PURE__ */ r("g", {
@@ -2706,39 +2706,39 @@ var Aa = "d0bl03", jc = "d0bl04", ka = "d0bl05", Ut = "d0bl06", Yc = "d0bl07", J
     strokeLinejoin: "round",
     children: /* @__PURE__ */ r("path", { d: "m6 9 6 6 6-6" })
   })
-}), Id = "'Noto Serif', Georgia, 'Times New Roman', serif, 'Apple Color Emoji', 'NotoColorEmoji'", Ed = `'Aeonik', 'Aeonik Fallback', ${$r}`, Od = "'PT Mono', 'Courier New', monospace, 'Apple Color Emoji', 'NotoColorEmoji'", Md = "'Intruding Cat', cursive, 'Apple Color Emoji', 'NotoColorEmoji'", qt = [
+}), Ed = "'Noto Serif', Georgia, 'Times New Roman', serif, 'Apple Color Emoji', 'NotoColorEmoji'", Od = `'Aeonik', 'Aeonik Fallback', ${Vr}`, Md = "'PT Mono', 'Courier New', monospace, 'Apple Color Emoji', 'NotoColorEmoji'", Nd = "'Intruding Cat', cursive, 'Apple Color Emoji', 'NotoColorEmoji'", qt = [
   {
     id: "modern",
     label: "Modern",
     preview: "Aa",
-    fontFamily: $r
+    fontFamily: Vr
   },
   {
     id: "fresh",
     label: "Fresh",
     preview: "Aa",
-    fontFamily: Ed
+    fontFamily: Od
   },
   {
     id: "timeless",
     label: "Timeless",
     preview: "Aa",
-    fontFamily: Id
+    fontFamily: Ed
   },
   {
     id: "technical",
     label: "Technical",
     preview: "00",
-    fontFamily: Od
+    fontFamily: Md
   },
   {
     id: "fineliner",
     label: "Fineliner",
     preview: "Aa",
-    fontFamily: Md
+    fontFamily: Nd
   }
-], Nd = (e) => e ? qt.find((t) => t.fontFamily === e) ?? null : null, Oa = "_70l3rt0", Ma = "_70l3rt1", Na = "_70l3rt3", Ra = "_70l3rt4", Da = "_70l3rt5", Rd = ({ editor: e, currentFontFamily: t, isOpen: n, onOpenChange: a }) => {
-  const o = M(), i = Nd(t) ?? qt[0], l = (s) => {
+], Rd = (e) => e ? qt.find((t) => t.fontFamily === e) ?? null : null, Oa = "_70l3rt0", Ma = "_70l3rt1", Na = "_70l3rt3", Ra = "_70l3rt4", Da = "_70l3rt5", Dd = ({ editor: e, currentFontFamily: t, isOpen: n, onOpenChange: a }) => {
+  const o = M(), i = Rd(t) ?? qt[0], l = (s) => {
     e.chain().focus().setFontFamily(s.fontFamily).run();
   };
   return /* @__PURE__ */ g(H.Root, {
@@ -2781,7 +2781,7 @@ var Aa = "d0bl03", jc = "d0bl04", ka = "d0bl05", Ut = "d0bl06", Yc = "d0bl07", J
   id: "text",
   translationKey: "graph.toolbar.heading.text",
   previewFont: se.fontTextEditorBody
-}, Xn = [
+}, qn = [
   {
     id: "caption",
     translationKey: "graph.toolbar.heading.caption",
@@ -2803,8 +2803,8 @@ var Aa = "d0bl03", jc = "d0bl04", ka = "d0bl05", Ut = "d0bl06", Yc = "d0bl07", J
     translationKey: "graph.toolbar.heading.heading1",
     previewFont: se.fontTextEditorH1
   }
-], Dd = ({ editor: e, activeStyle: t, isOpen: n, onOpenChange: a }) => {
-  const o = M(), i = Xn.find((l) => l.id === t) ?? _a;
+], _d = ({ editor: e, activeStyle: t, isOpen: n, onOpenChange: a }) => {
+  const o = M(), i = qn.find((l) => l.id === t) ?? _a;
   return /* @__PURE__ */ g(H.Root, {
     open: n,
     onOpenChange: a,
@@ -2827,11 +2827,11 @@ var Aa = "d0bl03", jc = "d0bl04", ka = "d0bl05", Ut = "d0bl06", Yc = "d0bl07", J
         children: /* @__PURE__ */ r(H.Popup, {
           className: Ra,
           onMouseDown: (l) => l.preventDefault(),
-          children: Xn.map((l) => /* @__PURE__ */ r(H.Item, {
+          children: qn.map((l) => /* @__PURE__ */ r(H.Item, {
             className: Da,
             "data-selected": l.id === i.id,
-            onClick: () => _d(e, l.id),
-            children: /* @__PURE__ */ r(Fd, {
+            onClick: () => Fd(e, l.id),
+            children: /* @__PURE__ */ r(zd, {
               font: l.previewFont,
               children: o(l.translationKey)
             })
@@ -2840,7 +2840,7 @@ var Aa = "d0bl03", jc = "d0bl04", ka = "d0bl05", Ut = "d0bl06", Yc = "d0bl07", J
       }) })
     })]
   });
-}, _d = (e, t) => {
+}, Fd = (e, t) => {
   switch (t) {
     case "caption":
       e.chain().focus().setNode("paragraph", { variant: "caption" }).run();
@@ -2857,7 +2857,7 @@ var Aa = "d0bl03", jc = "d0bl04", ka = "d0bl05", Ut = "d0bl06", Yc = "d0bl07", J
     case "h3":
       e.chain().focus().setHeading({ level: 3 }).run();
   }
-}, Fd = ({ font: e, children: t }) => /* @__PURE__ */ r("span", {
+}, zd = ({ font: e, children: t }) => /* @__PURE__ */ r("span", {
   style: {
     font: e,
     margin: 0
@@ -2872,7 +2872,7 @@ var Aa = "d0bl03", jc = "d0bl04", ka = "d0bl05", Ut = "d0bl06", Yc = "d0bl07", J
     strokeLinejoin: "round",
     children: /* @__PURE__ */ r("path", { d: "M20 6 9 17l-5-5" })
   })
-}), zd = (e) => /* @__PURE__ */ r(k, {
+}), Bd = (e) => /* @__PURE__ */ r(k, {
   ...e,
   children: /* @__PURE__ */ g("g", {
     stroke: "currentColor",
@@ -2881,7 +2881,7 @@ var Aa = "d0bl03", jc = "d0bl04", ka = "d0bl05", Ut = "d0bl06", Yc = "d0bl07", J
     strokeLinejoin: "round",
     children: [/* @__PURE__ */ r("path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" }), /* @__PURE__ */ r("path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" })]
   })
-}), Bd = (e) => /* @__PURE__ */ r(k, {
+}), Hd = (e) => /* @__PURE__ */ r(k, {
   ...e,
   children: /* @__PURE__ */ g("g", {
     stroke: "currentColor",
@@ -2890,23 +2890,23 @@ var Aa = "d0bl03", jc = "d0bl04", ka = "d0bl05", Ut = "d0bl06", Yc = "d0bl07", J
     strokeLinejoin: "round",
     children: [/* @__PURE__ */ r("path", { d: "M18 6 6 18" }), /* @__PURE__ */ r("path", { d: "m6 6 12 12" })]
   })
-}), Hd = (e) => !e.content || e.content.length === 0 ? !0 : e.content.every((t) => !t.content || t.content.length === 0), Gd = (e) => {
+}), Gd = (e) => !e.content || e.content.length === 0 ? !0 : e.content.every((t) => !t.content || t.content.length === 0), Vd = (e) => {
   const { $from: t } = e.state.selection, n = t.parent.textContent, a = t.parentOffset, o = t.start();
   let i = a;
-  for (; i > 0 && Zn(n[i - 1]); ) i -= 1;
+  for (; i > 0 && Xn(n[i - 1]); ) i -= 1;
   let l = a;
-  for (; l < n.length && Zn(n[l]); ) l += 1;
+  for (; l < n.length && Xn(n[l]); ) l += 1;
   return {
     from: o + i,
     to: o + l
   };
-}, Zn = (e) => e !== void 0 && /\S/.test(e), Vd = "fop13s0", $d = "fop13s1", Wd = "fop13s2", Ud = "fop13s3", jn = "fop13s4", Kd = ({ editor: e, currentUrl: t, isActive: n, isOpen: a, onOpenChange: o }) => {
+}, Xn = (e) => e !== void 0 && /\S/.test(e), $d = "fop13s0", Wd = "fop13s1", Ud = "fop13s2", Kd = "fop13s3", Zn = "fop13s4", qd = ({ editor: e, currentUrl: t, isActive: n, isOpen: a, onOpenChange: o }) => {
   const i = M(), [l, s] = Y(""), c = ne(null);
   z(() => {
     a && s(t ?? "");
   }, [a, t]);
   const h = () => {
-    qd(e, l), o(!1);
+    Xd(e, l), o(!1);
   }, d = () => {
     s(""), o(!1);
   }, u = (v) => {
@@ -2921,17 +2921,17 @@ var Aa = "d0bl03", jc = "d0bl04", ka = "d0bl05", Ut = "d0bl06", Yc = "d0bl07", J
       render: /* @__PURE__ */ r(Ce.Button, {}),
       "aria-label": i("graph.toolbar.formatting.link"),
       "data-active": n,
-      className: Vd,
+      className: $d,
       onMouseDown: (v) => v.preventDefault(),
-      children: /* @__PURE__ */ r(zd, {})
+      children: /* @__PURE__ */ r(Bd, {})
     }), /* @__PURE__ */ r(j.Portal, {
       container: de(),
       children: /* @__PURE__ */ r(ie, { children: /* @__PURE__ */ r(j.Positioner, {
         sideOffset: 6,
         align: "end",
-        className: $d,
+        className: Wd,
         children: /* @__PURE__ */ g(j.Popup, {
-          className: Wd,
+          className: Ud,
           initialFocus: c,
           onMouseDown: (v) => v.preventDefault(),
           children: [
@@ -2941,7 +2941,7 @@ var Aa = "d0bl03", jc = "d0bl04", ka = "d0bl05", Ut = "d0bl06", Yc = "d0bl07", J
               value: l,
               placeholder: i("graph.toolbar.link.placeholder"),
               "aria-label": i("graph.toolbar.link.urlLabel"),
-              className: Ud,
+              className: Kd,
               onMouseDown: (v) => v.stopPropagation(),
               onChange: u,
               onKeyDown: p
@@ -2949,14 +2949,14 @@ var Aa = "d0bl03", jc = "d0bl04", ka = "d0bl05", Ut = "d0bl06", Yc = "d0bl07", J
             /* @__PURE__ */ r("button", {
               type: "button",
               "aria-label": i("common.cancel"),
-              className: jn,
+              className: Zn,
               onClick: d,
-              children: /* @__PURE__ */ r(Bd, {})
+              children: /* @__PURE__ */ r(Hd, {})
             }),
             /* @__PURE__ */ r("button", {
               type: "button",
               "aria-label": i("graph.toolbar.link.apply"),
-              className: jn,
+              className: Zn,
               onClick: h,
               children: /* @__PURE__ */ r(Fa, {})
             })
@@ -2965,7 +2965,7 @@ var Aa = "d0bl03", jc = "d0bl04", ka = "d0bl05", Ut = "d0bl06", Yc = "d0bl07", J
       }) })
     })]
   });
-}, qd = (e, t) => {
+}, Xd = (e, t) => {
   const n = t.trim(), { selection: a } = e.state;
   if (!n) {
     e.chain().focus().extendMarkRange("link").unsetLink().run();
@@ -2979,7 +2979,7 @@ var Aa = "d0bl03", jc = "d0bl04", ka = "d0bl05", Ut = "d0bl06", Yc = "d0bl07", J
     e.chain().focus().extendMarkRange("link").setLink({ href: n }).run();
     return;
   }
-  const o = Gd(e);
+  const o = Vd(e);
   e.chain().focus().setTextSelection(o).setLink({ href: n }).run();
 }, za = (e) => /* @__PURE__ */ r(k, {
   ...e,
@@ -3021,7 +3021,7 @@ var Aa = "d0bl03", jc = "d0bl04", ka = "d0bl05", Ut = "d0bl06", Yc = "d0bl07", J
     ]
   })
 });
-var Ga = "srewh00", Xd = "srewh01", yn = ({ children: e }) => {
+var Ga = "srewh00", Zd = "srewh01", bn = ({ children: e }) => {
   const { themeValues: t } = ft();
   return /* @__PURE__ */ r(ie, {
     style: P(() => Ze({
@@ -3030,30 +3030,30 @@ var Ga = "srewh00", Xd = "srewh01", yn = ({ children: e }) => {
     }), [t]),
     children: e
   });
-}, Zd = "_1d66w570", jd = "_1d66w571", Ge = ({ label: e, isActive: t, onToggle: n, children: a }) => {
+}, jd = "_1d66w570", Yd = "_1d66w571", Ge = ({ label: e, isActive: t, onToggle: n, children: a }) => {
   const o = (i) => i.preventDefault();
   return /* @__PURE__ */ g(le.Root, { children: [/* @__PURE__ */ r(le.Trigger, {
-    render: /* @__PURE__ */ r(Tc, {
+    render: /* @__PURE__ */ r(Ac, {
       render: /* @__PURE__ */ r(Ce.Button, {}),
       pressed: t,
       onPressedChange: () => n()
     }),
     "aria-label": e,
-    className: Zd,
+    className: jd,
     onMouseDown: o,
     children: a
   }), /* @__PURE__ */ r(le.Portal, {
     container: de(),
-    children: /* @__PURE__ */ r(yn, { children: /* @__PURE__ */ r(le.Positioner, {
+    children: /* @__PURE__ */ r(bn, { children: /* @__PURE__ */ r(le.Positioner, {
       sideOffset: 6,
-      className: jd,
+      className: Yd,
       children: /* @__PURE__ */ r(le.Popup, {
         className: Ga,
         children: e
       })
     }) })
   })] });
-}, Yd = ({ editor: e, activeAlignment: t = "left" }) => {
+}, Jd = ({ editor: e, activeAlignment: t = "left" }) => {
   const n = M();
   return /* @__PURE__ */ g(Q, { children: [
     /* @__PURE__ */ r(Ge, {
@@ -3075,7 +3075,7 @@ var Ga = "srewh00", Xd = "srewh01", yn = ({ children: e }) => {
       children: /* @__PURE__ */ r(Ba, {})
     })
   ] });
-}, Jd = "_1u34vl40", Qd = ({ editor: e }) => ({
+}, Qd = "_1u34vl40", eu = ({ editor: e }) => ({
   isBold: e?.isActive("bold") ?? !1,
   isItalic: e?.isActive("italic") ?? !1,
   isUnderline: e?.isActive("underline") ?? !1,
@@ -3083,23 +3083,23 @@ var Ga = "srewh00", Xd = "srewh01", yn = ({ children: e }) => {
   linkUrl: e?.getAttributes("link").href ?? null,
   color: e?.getAttributes("textStyle").color ?? null,
   fontFamily: e?.getAttributes("textStyle").fontFamily ?? null,
-  fontSize: eu(e),
-  textAlign: tu(e)
-}), eu = (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", tu = (e) => e ? e.isActive({ textAlign: "center" }) ? "center" : e.isActive({ textAlign: "right" }) ? "right" : "left" : "left", nu = 8, ru = 8, au = ({ editor: e }) => {
+  fontSize: tu(e),
+  textAlign: nu(e)
+}), tu = (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", nu = (e) => e ? e.isActive({ textAlign: "center" }) ? "center" : e.isActive({ textAlign: "right" }) ? "right" : "left" : "left", ru = 8, au = 8, ou = ({ editor: e }) => {
   const t = M(), [n, a] = Y(!1), [o, i] = Y(null), l = o !== null, s = (v) => (m) => {
     i(m ? v : null);
-  }, { refs: c, floatingStyles: h } = sc({
+  }, { refs: c, floatingStyles: h } = cc({
     placement: "top-start",
     strategy: "fixed",
     middleware: [
-      ic(nu),
-      oc(),
-      lc({ padding: ru })
+      lc(ru),
+      ic(),
+      sc({ padding: au })
     ],
-    whileElementsMounted: ac
-  }), d = ne(null), u = Cc({
+    whileElementsMounted: oc
+  }), d = ne(null), u = xc({
     editor: e,
-    selector: Qd
+    selector: eu
   }), p = ae((v) => {
     d.current = v, c.setFloating(v);
   }, [c]);
@@ -3116,7 +3116,7 @@ var Ga = "srewh00", Xd = "srewh01", yn = ({ children: e }) => {
     };
   }, [e]), !e || !n && !l ? null : /* @__PURE__ */ r(X.Portal, { children: /* @__PURE__ */ g(X.Root, {
     ref: p,
-    className: Jd,
+    className: Qd,
     style: h,
     children: [
       /* @__PURE__ */ g(X.Group, { children: [/* @__PURE__ */ r(X.ColorPicker, {
@@ -3124,14 +3124,14 @@ var Ga = "srewh00", Xd = "srewh01", yn = ({ children: e }) => {
         onChange: (v) => e.chain().setColor(v).run(),
         isOpen: o === "color",
         onOpenChange: s("color")
-      }), /* @__PURE__ */ r(Rd, {
+      }), /* @__PURE__ */ r(Dd, {
         editor: e,
         currentFontFamily: u?.fontFamily ?? null,
         isOpen: o === "fontFamily",
         onOpenChange: s("fontFamily")
       })] }),
       /* @__PURE__ */ r(X.Separator, {}),
-      /* @__PURE__ */ r(X.Group, { children: /* @__PURE__ */ r(Dd, {
+      /* @__PURE__ */ r(X.Group, { children: /* @__PURE__ */ r(_d, {
         editor: e,
         activeStyle: u?.fontSize ?? "text",
         isOpen: o === "fontSize",
@@ -3159,12 +3159,12 @@ var Ga = "srewh00", Xd = "srewh01", yn = ({ children: e }) => {
         })
       ] }),
       /* @__PURE__ */ r(X.Separator, {}),
-      /* @__PURE__ */ r(X.Group, { children: /* @__PURE__ */ r(Yd, {
+      /* @__PURE__ */ r(X.Group, { children: /* @__PURE__ */ r(Jd, {
         editor: e,
         activeAlignment: u?.textAlign
       }) }),
       /* @__PURE__ */ r(X.Separator, {}),
-      /* @__PURE__ */ r(X.Group, { children: /* @__PURE__ */ r(Kd, {
+      /* @__PURE__ */ r(X.Group, { children: /* @__PURE__ */ r(qd, {
         editor: e,
         currentUrl: u?.linkUrl ?? null,
         isActive: u?.isLink ?? !1,
@@ -3173,16 +3173,16 @@ var Ga = "srewh00", Xd = "srewh01", yn = ({ children: e }) => {
       }) })
     ]
   }) });
-}, ou = "_1uy50v30", Va = ({ editor: e, ariaLabel: t }) => /* @__PURE__ */ g("div", {
-  className: ou,
-  children: [/* @__PURE__ */ r(au, { editor: e }), /* @__PURE__ */ r(Sa, {
+}, iu = "_1uy50v30", Va = ({ editor: e, ariaLabel: t }) => /* @__PURE__ */ g("div", {
+  className: iu,
+  children: [/* @__PURE__ */ r(ou, { editor: e }), /* @__PURE__ */ r(Sa, {
     editor: e,
     "aria-label": t
   })]
-}), iu = 200, Sn = ({ content: e, extensions: t, isEditable: n, onUpdate: a, updateDebounceMs: o = iu }) => {
-  const i = ne(Yn(e)), l = ne(i.current), s = mi((h) => {
+}), lu = 200, yn = ({ content: e, extensions: t, isEditable: n, onUpdate: a, updateDebounceMs: o = lu }) => {
+  const i = ne(jn(e)), l = ne(i.current), s = mi((h) => {
     l.current = h, a?.(h);
-  }, o), c = Sc({
+  }, o), c = Cc({
     extensions: t,
     content: i.current,
     editable: n,
@@ -3197,14 +3197,14 @@ var Ga = "srewh00", Xd = "srewh01", yn = ({ children: e }) => {
     c?.setEditable(n);
   }, [c, n]), z(() => {
     if (!c) return;
-    const h = Yn(e);
-    Ft(l.current, h) || (l.current = h, !Ft(c.getJSON(), h) && (s.cancel(), lu(c, h)));
+    const h = jn(e);
+    Ft(l.current, h) || (l.current = h, !Ft(c.getJSON(), h) && (s.cancel(), su(c, h)));
   }, [
     c,
     e,
     s
   ]), z(() => () => s.flush(), [s]), c;
-}, Yn = (e) => e === null ? {
+}, jn = (e) => e === null ? {
   type: "doc",
   content: []
 } : typeof e == "string" ? {
@@ -3216,7 +3216,7 @@ var Ga = "srewh00", Xd = "srewh01", yn = ({ children: e }) => {
       text: e
     }] : []
   }]
-} : e, lu = (e, t) => {
+} : e, su = (e, t) => {
   const { from: n, to: a } = e.state.selection;
   e.commands.setContent(t, { emitUpdate: !1 });
   const o = e.state.doc.content.size;
@@ -3224,35 +3224,35 @@ var Ga = "srewh00", Xd = "srewh01", yn = ({ children: e }) => {
     from: Math.min(n, o),
     to: Math.min(a, o)
   });
-}, Ft = (e, t) => JSON.stringify(dt(e)) === JSON.stringify(dt(t)), dt = (e) => Array.isArray(e) ? e.map(dt) : e === null || typeof e != "object" ? e : Object.fromEntries(Object.entries(e).map(([t, n]) => [t, dt(n)]).filter(([, t]) => !su(t)).sort(([t], [n]) => String(t).localeCompare(String(n)))), su = (e) => e == null || typeof e == "object" && Object.keys(e).length === 0, cu = ({ caption: e, captionStyle: t }) => {
-  const { dispatch: n } = ve(), a = Sn({
+}, Ft = (e, t) => JSON.stringify(dt(e)) === JSON.stringify(dt(t)), dt = (e) => Array.isArray(e) ? e.map(dt) : e === null || typeof e != "object" ? e : Object.fromEntries(Object.entries(e).map(([t, n]) => [t, dt(n)]).filter(([, t]) => !cu(t)).sort(([t], [n]) => String(t).localeCompare(String(n)))), cu = (e) => e == null || typeof e == "object" && Object.keys(e).length === 0, du = ({ caption: e, captionStyle: t }) => {
+  const { dispatch: n } = fe(), a = yn({
     content: e,
-    extensions: P(() => qc({ placeholder: "Add caption" }), []),
+    extensions: P(() => Xc({ placeholder: "Add caption" }), []),
     isEditable: !0,
     onUpdate: (o) => {
-      const i = Hd(o) ? null : o;
-      n(new ta({ caption: i }));
+      const i = Gd(o) ? null : o;
+      n(new ea({ caption: i }));
     }
   });
   return /* @__PURE__ */ r("div", {
     "data-testid": "caption-editor",
-    style: Yr(t),
+    style: jr(t),
     children: /* @__PURE__ */ r(Va, {
       editor: a,
       ariaLabel: "Chart caption"
     })
   });
-}, du = (e) => [
+}, uu = (e) => [
   ct,
   ya,
-  ...bn(),
-  hu,
-  fn.configure({
+  ...fn(),
+  pu,
+  vn.configure({
     showOnlyCurrent: !1,
     placeholder: ({ pos: t }) => t === 0 ? e : ""
   })
-], uu = ({ annotation: e }) => {
-  const t = M(), { dispatch: n } = ve(), a = V(), o = P(() => du(t("graph.annotations.text.placeholder")), [t]), i = Sn({
+], hu = ({ annotation: e }) => {
+  const t = M(), { dispatch: n } = fe(), a = V(), o = P(() => uu(t("graph.annotations.text.placeholder")), [t]), i = yn({
     content: e.content,
     extensions: o,
     isEditable: !0,
@@ -3275,10 +3275,10 @@ var Ga = "srewh00", Xd = "srewh01", yn = ({ children: e }) => {
     editor: i,
     "data-testid": "text-annotation-editor"
   });
-}, Jn = (e) => {
+}, Yn = (e) => {
   const t = Gi(e);
   return t === void 0 ? {} : { style: `font-family: ${t}` };
-}, hu = fa.create({
+}, pu = fa.create({
   name: "annotationTextStyleAttributes",
   addGlobalAttributes() {
     return [{
@@ -3286,11 +3286,11 @@ var Ga = "srewh00", Xd = "srewh01", yn = ({ children: e }) => {
       attributes: {
         fontFamily: {
           default: null,
-          renderHTML: (e) => Jn(e.fontFamily)
+          renderHTML: (e) => Yn(e.fontFamily)
         },
         font: {
           default: null,
-          renderHTML: (e) => Jn(e.font)
+          renderHTML: (e) => Yn(e.font)
         },
         fontSize: {
           default: null,
@@ -3299,48 +3299,48 @@ var Ga = "srewh00", Xd = "srewh01", yn = ({ children: e }) => {
       }
     }];
   }
-}), pu = 3, mu = ({ title: e, isTitleVisible: t, subtitle: n, isSubtitleVisible: a }) => {
+}), mu = 3, gu = ({ title: e, isTitleVisible: t, subtitle: n, isSubtitleVisible: a }) => {
   const o = [];
   return t && o.push({
     type: "heading",
-    attrs: { level: pu },
-    content: vu(e)
-  }), a && o.push(...fu(n)), {
+    attrs: { level: mu },
+    content: fu(e)
+  }), a && o.push(...bu(n)), {
     type: "doc",
     content: o
   };
-}, gu = (e) => {
+}, vu = (e) => {
   const [t, ...n] = e.content ?? [];
   return {
-    title: bu(t?.content ?? []),
-    subtitle: yu(n)
+    title: yu(t?.content ?? []),
+    subtitle: Su(n)
   };
-}, Cn = (e) => ({
+}, Sn = (e) => ({
   type: e.type ?? "text",
-  ...e.content !== void 0 ? { content: e.content.map(Cn) } : {},
+  ...e.content !== void 0 ? { content: e.content.map(Sn) } : {},
   ...e.text !== void 0 ? { text: e.text } : {},
   ...e.marks !== void 0 ? { marks: e.marks } : {},
   ...e.attrs !== void 0 ? { attrs: e.attrs } : {}
-}), vu = (e) => e === null ? [] : typeof e == "string" ? e === "" ? [] : [{
+}), fu = (e) => e === null ? [] : typeof e == "string" ? e === "" ? [] : [{
   type: "text",
   text: e
-}] : e.type === "doc" && e.content ? e.content.flatMap((t) => t.content ?? []) : e.type === "text" || e.type === "hardBreak" ? [e] : e.content ?? [], fu = (e) => e === null ? [{ type: "paragraph" }] : typeof e == "string" ? e === "" ? [{ type: "paragraph" }] : [{
+}] : e.type === "doc" && e.content ? e.content.flatMap((t) => t.content ?? []) : e.type === "text" || e.type === "hardBreak" ? [e] : e.content ?? [], bu = (e) => e === null ? [{ type: "paragraph" }] : typeof e == "string" ? e === "" ? [{ type: "paragraph" }] : [{
   type: "paragraph",
   content: [{
     type: "text",
     text: e
   }]
-}] : e.type === "doc" && e.content ? e.content.length === 0 ? [{ type: "paragraph" }] : e.content.map(Qn) : [Qn(e)], Qn = (e) => e.type === "paragraph" ? e : {
+}] : e.type === "doc" && e.content ? e.content.length === 0 ? [{ type: "paragraph" }] : e.content.map(Jn) : [Jn(e)], Jn = (e) => e.type === "paragraph" ? e : {
   type: "paragraph",
   content: e.content ?? [e]
-}, bu = (e) => {
+}, yu = (e) => {
   if (e.length === 0) return null;
   const [t] = e;
   return t && e.length === 1 && t.type === "text" && (!t.marks || t.marks.length === 0) ? t.text ?? null : {
     type: "paragraph",
-    content: e.map(Cn)
+    content: e.map(Sn)
   };
-}, yu = (e) => {
+}, Su = (e) => {
   const t = e.filter((a) => (a.content ?? []).length > 0);
   if (t.length === 0) return null;
   const [n] = t;
@@ -3350,22 +3350,22 @@ var Ga = "srewh00", Xd = "srewh01", yn = ({ children: e }) => {
   }
   return {
     type: "doc",
-    content: t.map(Cn)
+    content: t.map(Sn)
   };
-}, Su = {
+}, Cu = {
   fontFamily: "var(--uwf6lt0)",
   fontSize: "var(--uwf6lt1)",
   fontWeight: "var(--uwf6lt2)",
   lineHeight: "var(--uwf6lt3)",
   textColor: "var(--uwf6lt4)"
-}, Cu = "uwf6lt5", xu = ({ title: e, isTitleVisible: t, isSubtitleVisible: n, subtitle: a, headingStyle: o, subtitleStyle: i }) => {
-  const { dispatch: l } = ve(), s = P(() => Kc({
+}, xu = "uwf6lt5", wu = ({ title: e, isTitleVisible: t, isSubtitleVisible: n, subtitle: a, headingStyle: o, subtitleStyle: i }) => {
+  const { dispatch: l } = fe(), s = P(() => qc({
     titlePlaceholder: "Untitled",
     subtitlePlaceholder: "Untitled",
     isTitleVisible: t,
     isSubtitleVisible: n
-  }), [t, n]), c = Sn({
-    content: P(() => mu({
+  }), [t, n]), c = yn({
+    content: P(() => gu({
       title: e,
       isTitleVisible: t,
       subtitle: a,
@@ -3379,37 +3379,37 @@ var Ga = "srewh00", Xd = "srewh01", yn = ({ children: e }) => {
     extensions: s,
     isEditable: !0,
     onUpdate: (h) => {
-      const d = gu(h);
-      t && l(new ra({ title: d.title })), n && l(new na({ subtitle: d.subtitle }));
+      const d = vu(h);
+      t && l(new na({ title: d.title })), n && l(new ta({ subtitle: d.subtitle }));
     }
   });
   return /* @__PURE__ */ r("div", {
-    className: Cu,
+    className: xu,
     "data-testid": "title-editor",
     style: {
-      ...Yr(o),
-      ...ki(Su, i)
+      ...jr(o),
+      ...ki(Cu, i)
     },
     children: /* @__PURE__ */ r(Va, {
       editor: c,
       ariaLabel: "Chart title and subtitle"
     })
   });
-}, wu = {
-  Title: xu,
-  Caption: cu,
-  TextAnnotation: uu
+}, Tu = {
+  Title: wu,
+  Caption: du,
+  TextAnnotation: hu
 }, $a = (e, t) => {
   const { offsetWidth: n } = e;
   return n <= 0 || t <= 0 ? 1 : t / n;
-}, Wa = (e) => $a(e, e.getBoundingClientRect().width), er = (e, t) => {
+}, Wa = (e) => $a(e, e.getBoundingClientRect().width), Qn = (e, t) => {
   const { offsetWidth: n, offsetHeight: a } = e;
   return n <= 0 || a <= 0 ? t : {
     width: n,
     height: a
   };
-}, Tt = (e) => e.offset + e.strokeWidth, tr = "http://www.w3.org/2000/svg", nr = /* @__PURE__ */ new WeakMap(), Tu = (e, t) => {
-  const n = Au(e);
+}, Tt = (e) => e.offset + e.strokeWidth, er = "http://www.w3.org/2000/svg", tr = /* @__PURE__ */ new WeakMap(), Au = (e, t) => {
+  const n = ku(e);
   n.setAttribute("d", t);
   const { x: a, y: o, width: i, height: l } = n.getBBox();
   return {
@@ -3418,24 +3418,24 @@ var Ga = "srewh00", Xd = "srewh01", yn = ({ children: e }) => {
     width: i,
     height: l
   };
-}, Au = (e) => {
-  const t = nr.get(e);
+}, ku = (e) => {
+  const t = tr.get(e);
   if (t?.isConnected) return t;
-  const n = e.createElementNS(tr, "svg");
+  const n = e.createElementNS(er, "svg");
   n.setAttribute("aria-hidden", "true"), n.style.cssText = "position:absolute;width:0;height:0;overflow:hidden;visibility:hidden;pointer-events:none";
-  const a = e.createElementNS(tr, "path");
-  return n.append(a), e.body.append(n), nr.set(e, a), a;
-}, ku = (e, t) => {
+  const a = e.createElementNS(er, "path");
+  return n.append(a), e.body.append(n), tr.set(e, a), a;
+}, Lu = (e, t) => {
   const { panelRect: n, look: a, readGridLineWidth: o, measurePathBox: i } = t, l = Tt(a);
   switch (e.kind) {
     case "observations":
-      return zt([...e.parts, ...e.vertex === null ? [] : [e.vertex]].flatMap((s) => Lu(s, i)).map((s) => ({
+      return zt([...e.parts, ...e.vertex === null ? [] : [e.vertex]].flatMap((s) => Pu(s, i)).map((s) => ({
         ...s,
         x: s.x + n.x,
         y: s.y + n.y
       })), l);
     case "guide":
-      return zt(e.shapes.map((s) => s.kind === "box" ? s.rect : He(Iu(s), o(s.axis) / 2)), l);
+      return zt(e.shapes.map((s) => s.kind === "box" ? s.rect : He(Eu(s), o(s.axis) / 2)), l);
     case "graph":
       return zt([{
         x: 0,
@@ -3445,7 +3445,7 @@ var Ga = "srewh00", Xd = "srewh01", yn = ({ children: e }) => {
     default:
       return e;
   }
-}, Lu = (e, t) => e.kind === "boxes" ? e.boxes : Pu(e.shapes, t), Pu = (e, t) => {
+}, Pu = (e, t) => e.kind === "boxes" ? e.boxes : Iu(e.shapes, t), Iu = (e, t) => {
   const n = [], a = /* @__PURE__ */ new Map();
   for (const o of e) {
     if (o.kind === "dots") {
@@ -3467,7 +3467,7 @@ var Ga = "srewh00", Xd = "srewh01", yn = ({ children: e }) => {
   }
   for (const [o, i] of a) n.push(He(t(i.join("")), o));
   return n;
-}, Iu = (e) => {
+}, Eu = (e) => {
   switch (e.kind) {
     case "line":
       return {
@@ -3488,15 +3488,15 @@ var Ga = "srewh00", Xd = "srewh01", yn = ({ children: e }) => {
   const n = e.filter(({ width: a, height: o }) => a > 0 || o > 0);
   return n.length === 0 ? null : He($t(n), t);
 };
-var Eu = (e, { coordSystem: t, panelRect: n }) => {
+var Ou = (e, { coordSystem: t, panelRect: n }) => {
   if (e.kind !== "observations") return null;
   const a = e.vertex === null ? e.parts : [...e.parts, e.vertex], o = a.reduce((l, s) => Math.max(l, s.rows.length), 0), i = o === 1 && e.vertex === null;
-  return o === 0 || i || o > 1e3 ? null : a.flatMap((l) => Ou(l, t, n).map((s) => ({
+  return o === 0 || i || o > 1e3 ? null : a.flatMap((l) => Mu(l, t, n).map((s) => ({
     ...s,
     x: s.x + n.x,
     y: s.y + n.y
   })));
-}, Ou = (e, t, n) => ua({
+}, Mu = (e, t, n) => ua({
   layer: {
     ...e.layer,
     data: e.layer.data.take(e.rows)
@@ -3504,12 +3504,12 @@ var Eu = (e, { coordSystem: t, panelRect: n }) => {
   coordSystem: t,
   panelSize: n,
   radialExtent: "outerEnd"
-}), Mu = 0.5, Nu = {
+}), Nu = 0.5, Ru = {
   top: (e) => -e.y,
   right: (e) => e.x + e.width,
   bottom: (e) => e.y + e.height,
   left: (e) => -e.x
-}, Ru = (e, t, n) => e === null || !Du(e) ? {
+}, Du = (e, t, n) => e === null || !_u(e) ? {
   top: Xt(t),
   right: Zt(t),
   bottom: Xt(t),
@@ -3520,10 +3520,10 @@ var Eu = (e, { coordSystem: t, panelRect: n }) => {
   bottom: et(e, t, "bottom", n),
   left: et(e, t, "left", n)
 }, et = (e, t, n, a) => {
-  const o = Nu[n], i = n === "left" || n === "right", l = (m) => i ? m.y : m.x, s = (m) => i ? m.y + m.height : m.x + m.width;
+  const o = Ru[n], i = n === "left" || n === "right", l = (m) => i ? m.y : m.x, s = (m) => i ? m.y + m.height : m.x + m.width;
   let c = -1 / 0;
   for (const m of e) c = Math.max(c, o(m));
-  const h = c - Math.max(a, Mu);
+  const h = c - Math.max(a, Nu);
   let d = 1 / 0, u = -1 / 0;
   for (const m of e)
     o(m) < h || (d = Math.min(d, l(m)), u = Math.max(u, s(m)));
@@ -3532,7 +3532,7 @@ var Eu = (e, { coordSystem: t, panelRect: n }) => {
     to: Ve(u + a, p.from, p.to)
   };
   return v.from < v.to ? v : p;
-}, Du = (e) => {
+}, _u = (e) => {
   const [t] = e;
   return t !== void 0 && e.some((n) => !Bi(n, t));
 }, Xt = (e) => ({
@@ -3541,16 +3541,16 @@ var Eu = (e, { coordSystem: t, panelRect: n }) => {
 }), Zt = (e) => ({
   from: e.y,
   to: e.y + e.height
-}), _u = (e, { frameElement: t, panelRect: n, look: a }) => {
+}), Fu = (e, { frameElement: t, panelRect: n, look: a }) => {
   const o = V(), i = te(), l = _((u) => u.coordSystem), s = ne(/* @__PURE__ */ new Map()), c = e?.target ?? null, h = e?.outline ?? null;
   Oe(() => {
     if (c === null || h === null) return;
-    const u = s.current, p = /* @__PURE__ */ new Map(), m = ku(h, {
+    const u = s.current, p = /* @__PURE__ */ new Map(), m = Lu(h, {
       panelRect: n,
       look: a,
-      readGridLineWidth: (x) => Ur(i, x).strokeWidth,
+      readGridLineWidth: (x) => Wr(i, x).strokeWidth,
       measurePathBox: (x) => {
-        const w = u.get(x) ?? Tu(t.ownerDocument, x);
+        const w = u.get(x) ?? Au(t.ownerDocument, x);
         return p.set(x, w), w;
       }
     });
@@ -3558,7 +3558,7 @@ var Eu = (e, { coordSystem: t, panelRect: n }) => {
       o.getState().setSelectedOutline(null);
       return;
     }
-    const f = Ru(Eu(h, {
+    const f = Du(Ou(h, {
       coordSystem: l,
       panelRect: n
     }), m, Tt(a)), b = Wa(t);
@@ -3580,31 +3580,31 @@ var Eu = (e, { coordSystem: t, panelRect: n }) => {
   ]);
   const d = e !== null;
   Oe(() => d ? () => o.getState().setSelectedOutline(null) : void 0, [o, d]);
-}, Fu = "var(--_10d2ycx0)", zu = "_10d2ycx1", Bu = "_10d2ycx2", rr = ({ pathData: e, shouldAnimateTransitions: t, source: n, ...a }) => t ? /* @__PURE__ */ r(Hu, {
+}, zu = "var(--_10d2ycx0)", Bu = "_10d2ycx1", Hu = "_10d2ycx2", nr = ({ pathData: e, shouldAnimateTransitions: t, source: n, ...a }) => t ? /* @__PURE__ */ r(Gu, {
   pathData: e,
   source: n,
   ...a
 }) : /* @__PURE__ */ r("path", {
   d: e,
   ...a
-}), Hu = ({ pathData: e, source: t, ...n }) => {
+}), Gu = ({ pathData: e, source: t, ...n }) => {
   const a = Xi(e, zi, t);
-  return /* @__PURE__ */ r(rc.path, {
+  return /* @__PURE__ */ r(ac.path, {
     d: a,
     ...n
   });
-}, Gu = "var(--n5vlnq0)", Vu = "data-edit-outline-stroke", jt = (e) => ({
-  [Vu]: "",
-  style: Ze({ [Gu]: `${e}px` })
+}, Vu = "var(--n5vlnq0)", $u = "data-edit-outline-stroke", jt = (e) => ({
+  [$u]: "",
+  style: Ze({ [Vu]: `${e}px` })
 });
-var ar = (e, t) => {
+var rr = (e, t) => {
   if (e.kind === "observations" && t.kind === "observations") {
     if (e.layerId !== t.layerId || e.scope !== t.scope) return !1;
     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" ? oa(e.target, t.target) : e.kind === "graph" && t.kind === "graph";
-}, $u = (e, t) => {
+  return e.kind === "guide" && t.kind === "guide" ? aa(e.target, t.target) : e.kind === "graph" && t.kind === "graph";
+}, Wu = (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 {
     x: o,
@@ -3612,16 +3612,16 @@ var ar = (e, t) => {
     width: Math.max(0, l - o),
     height: Math.max(0, s - i)
   };
-}, Wu = [], Uu = (e) => {
-  const { layers: t, parsingLocale: n } = _(fe((u) => ({
+}, Uu = [], Ku = (e) => {
+  const { layers: t, parsingLocale: n } = _(be((u) => ({
     layers: u.layers,
     parsingLocale: u.config.parsingLocale
-  }))), a = Z((u) => u.editTargetUnderPointer), o = a?.kind === "observations" ? a.observations : null, i = o === null ? void 0 : be(t, o.layerId), l = o?.target.scope ?? null, s = o === null || i === void 0 ? null : qs(i, o.target.scope, o.observationIndex), c = P(() => i === void 0 || l === null || s === null ? null : Ku(t, i, l, s), [
+  }))), a = Z((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 : Xs(i, o.target.scope, o.observationIndex), c = P(() => i === void 0 || l === null || s === null ? null : qu(t, i, l, s), [
     t,
     i,
     l,
     s
-  ]), h = P(() => c !== null && e !== null && ar(c, e), [c, e]), d = o !== null && i !== void 0 && qu(o, i, n) ? o.observationIndex : null;
+  ]), h = P(() => c !== null && e !== null && rr(c, e), [c, e]), d = o !== null && i !== void 0 && Xu(o, i, n) ? o.observationIndex : null;
   return P(() => {
     switch (a?.kind) {
       case "observations": {
@@ -3633,7 +3633,7 @@ var ar = (e, t) => {
         };
         return h ? p === null ? null : {
           ...c,
-          parts: Wu,
+          parts: Uu,
           vertex: p
         } : {
           ...c,
@@ -3648,7 +3648,7 @@ var ar = (e, t) => {
           key: Ct(a.target),
           target: a.target
         };
-        return e !== null && ar(u, e) ? null : u;
+        return e !== null && rr(u, e) ? null : u;
       }
       default:
         return null;
@@ -3660,13 +3660,13 @@ var ar = (e, t) => {
     d,
     e
   ]);
-}, Ku = (e, t, n, a) => {
+}, qu = (e, t, n, a) => {
   const o = [{
     layer: t,
-    rows: Xs(t, n, a)
+    rows: Zs(t, n, a)
   }];
-  for (const i of ca(t, e)) {
-    const l = Bs(i, t, n, a);
+  for (const i of sa(t, e)) {
+    const l = Hs(i, t, n, a);
     l.length > 0 && o.push({
       layer: i,
       rows: l
@@ -3684,13 +3684,13 @@ var ar = (e, t) => {
     parts: o,
     vertex: null
   };
-}, qu = ({ observationIndex: e, target: t, isOnObservation: n }, a, o) => n && t.scope === "series" && St({
+}, Xu = ({ observationIndex: e, target: t, isOnObservation: n }, a, o) => n && t.scope === "series" && St({
   layer: a,
   observationIndex: e,
   scope: "data-point",
   parsingLocale: o
-}) !== null, Xu = ({ frameElement: e, target: t, coordType: n, legendDisplays: a }) => {
-  const o = e.getBoundingClientRect(), i = [...e.querySelectorAll(Zu(t))], l = (s) => {
+}) !== null, Zu = ({ frameElement: e, target: t, coordType: n, legendDisplays: a }) => {
+  const o = e.getBoundingClientRect(), i = [...e.querySelectorAll(ju(t))], l = (s) => {
     const c = s.getBoundingClientRect();
     return {
       x: c.left - o.left,
@@ -3705,29 +3705,29 @@ var ar = (e, t) => {
       return n === "polar" || s.length === 0 ? Bt(s) : Bt([$t(s)]);
     }
     case "legend":
-      return Bt([...ju(i.filter((s) => !Yu(s)))].flatMap(([s, c]) => a[s] === "direct" ? c.map(l) : [$t(c.map(l))]));
+      return Bt([...Yu(i.filter((s) => !Ju(s)))].flatMap(([s, c]) => a[s] === "direct" ? c.map(l) : [$t(c.map(l))]));
     case "grid":
       return i.flatMap((s) => {
         const c = bt([s], e);
         if (c?.kind !== "grid" || c.target.axis === "both") return [];
         const { axis: h } = c.target;
-        return t.axis === "both" || h === t.axis ? [Ju(s, l(s), h)] : [];
+        return t.axis === "both" || h === t.axis ? [Qu(s, l(s), h)] : [];
       });
   }
-}, Zu = (e) => {
+}, ju = (e) => {
   const t = `[${gi}="${e.kind}"]`;
   return e.kind !== "axis" ? t : `${t}[${vi}="${e.axis}"]`;
-}, ju = (e) => {
+}, Yu = (e) => {
   const t = /* @__PURE__ */ new Map();
   for (const n of e) {
     const a = wi(n);
     a !== null && t.set(a.legendIndex, [...t.get(a.legendIndex) ?? [], n]);
   }
   return t;
-}, Yu = (e) => e.closest(Gr) !== null, Bt = (e) => e.map((t) => ({
+}, Ju = (e) => e.closest(Hr) !== null, Bt = (e) => e.map((t) => ({
   kind: "box",
   rect: t
-})), Ju = (e, { x: t, y: n, width: a, height: o }, i) => e.querySelector("circle") !== null ? {
+})), Qu = (e, { x: t, y: n, width: a, height: o }, i) => e.querySelector("circle") !== null ? {
   kind: "ring",
   axis: i,
   center: {
@@ -3757,7 +3757,7 @@ var ar = (e, t) => {
     x: t + a,
     y: n + o / 2
   }
-} : Qu(e.querySelector("line")) ? {
+} : eh(e.querySelector("line")) ? {
   kind: "line",
   axis: i,
   from: {
@@ -3779,14 +3779,14 @@ var ar = (e, t) => {
     x: t + a,
     y: n
   }
-}, Qu = (e) => {
+}, eh = (e) => {
   const t = (n) => Number(e?.getAttribute(n) ?? 0);
   return (t("x2") - t("x1")) * (t("y2") - t("y1")) >= 0;
-}, eh = [], th = (e, { frameElement: t, frameSize: n, panelRect: a, shouldAnimateTransitions: o }) => {
-  const i = _((f) => f.coordSystem), l = yi(), s = qr(), c = rh(e.kind === "guide" ? e.target : null, {
+}, th = [], nh = (e, { frameElement: t, frameSize: n, panelRect: a, shouldAnimateTransitions: o }) => {
+  const i = _((f) => f.coordSystem), l = yi(), s = Kr(), c = ah(e.kind === "guide" ? e.target : null, {
     frameElement: t,
     frameSize: n
-  }), h = nh(t, n), d = P(() => ({
+  }), h = rh(t, n), d = P(() => ({
     coordSystem: i,
     panelRect: a,
     resolveRenderer: l,
@@ -3796,11 +3796,11 @@ var ar = (e, t) => {
     a,
     l,
     s
-  ]), u = e.kind === "observations" ? e.parts : null, p = e.kind === "observations" ? e.vertex : null, v = P(() => u?.map((f) => or(f, d, o)) ?? eh, [
+  ]), u = e.kind === "observations" ? e.parts : null, p = e.kind === "observations" ? e.vertex : null, v = P(() => u?.map((f) => ar(f, d, o)) ?? th, [
     u,
     d,
     o
-  ]), m = P(() => p === null ? null : or(p, d, !1), [p, d]);
+  ]), m = P(() => p === null ? null : ar(p, d, !1), [p, d]);
   return P(() => {
     switch (e.kind) {
       case "observations":
@@ -3828,11 +3828,11 @@ var ar = (e, t) => {
     c,
     h
   ]);
-}, nh = (e, t) => {
-  const [n, a] = Y(() => er(e, t));
+}, rh = (e, t) => {
+  const [n, a] = Y(() => Qn(e, t));
   return Oe(() => {
     a((o) => {
-      const i = er(e, {
+      const i = Qn(e, {
         width: t.width,
         height: t.height
       });
@@ -3843,7 +3843,7 @@ var ar = (e, t) => {
     t.width,
     t.height
   ]), n;
-}, or = ({ layer: e, rows: t }, { coordSystem: n, panelRect: a, resolveRenderer: o, geomReaders: i }, l) => {
+}, ar = ({ layer: e, rows: t }, { coordSystem: n, panelRect: a, resolveRenderer: o, geomReaders: i }, l) => {
   const s = {
     ...e,
     data: e.data.take(t)
@@ -3856,7 +3856,7 @@ var ar = (e, t) => {
       layer: s,
       coordSystem: n,
       panelSize: a
-    }).map((h) => $u(h, a))
+    }).map((h) => Wu(h, a))
   } : {
     kind: "declared",
     layer: e,
@@ -3870,19 +3870,19 @@ var ar = (e, t) => {
       shouldAnimateTransitions: l
     })
   };
-}, rh = (e, { frameElement: t, frameSize: n }) => {
-  const a = _((d) => d.coordSystem.type), o = _(fe((d) => d.guides.legends.drawn.map((u) => u.display))), i = _((d) => e === null ? null : d), [l, s] = Y([]), c = J(e), h = ne(!1);
+}, ah = (e, { frameElement: t, frameSize: n }) => {
+  const a = _((d) => d.coordSystem.type), o = _(be((d) => d.guides.legends.drawn.map((u) => u.display))), i = _((d) => e === null ? null : d), [l, s] = Y([]), c = J(e), h = ne(!1);
   return Oe(() => {
     const d = c.current;
     if (d === null) return;
     const u = () => {
-      const p = Xu({
+      const p = Zu({
         frameElement: t,
         target: d,
         coordType: a,
         legendDisplays: o
       }), v = Wa(t);
-      s(p.map((m) => ah(m, 1 / v)));
+      s(p.map((m) => oh(m, 1 / v)));
     };
     if (h.current) {
       const p = requestAnimationFrame(u);
@@ -3898,7 +3898,7 @@ var ar = (e, t) => {
     n.width,
     n.height
   ]), l;
-}, ah = (e, t) => {
+}, oh = (e, t) => {
   switch (e.kind) {
     case "box": {
       const { x: n, y: a, width: o, height: i } = e.rect;
@@ -3934,20 +3934,20 @@ var ar = (e, t) => {
         radius: e.radius * t
       };
   }
-}, oh = () => {
-  const e = hn()[0] ?? null, { layers: t, parsingLocale: n } = _(fe((a) => ({
+}, ih = () => {
+  const e = hn()[0] ?? null, { layers: t, parsingLocale: n } = _(be((a) => ({
     layers: a.layers,
     parsingLocale: a.config.parsingLocale
   })));
-  return P(() => e === null ? null : ih(e, t, n), [
+  return P(() => e === null ? null : lh(e, t, n), [
     e,
     t,
     n
   ]);
-}, ih = (e, t, n) => {
+}, lh = (e, t, n) => {
   switch (e.kind) {
     case "observations": {
-      const a = lh(e, t, n);
+      const a = sh(e, t, n);
       return a === null ? null : {
         outlined: a,
         target: e
@@ -3975,10 +3975,10 @@ var ar = (e, t) => {
     default:
       return null;
   }
-}, lh = (e, t, n) => {
-  const a = be(t, e.layerId);
+}, sh = (e, t, n) => {
+  const a = ve(t, e.layerId);
   if (a === void 0) return null;
-  const o = Wn({
+  const o = $n({
     layer: a,
     target: e,
     parsingLocale: n
@@ -3988,8 +3988,8 @@ var ar = (e, t) => {
     layer: a,
     rows: o
   }];
-  for (const l of ca(a, t)) {
-    const s = Wn({
+  for (const l of sa(a, t)) {
+    const s = $n({
       layer: l,
       host: a,
       target: e,
@@ -4008,8 +4008,8 @@ var ar = (e, t) => {
     parts: i,
     vertex: null
   };
-}, sh = ["x", "y"], ch = ga(function({ frameElement: t, frameSize: n, panelRect: a, shouldAnimateTransitions: o }) {
-  const i = xi(ec, te()), l = oh(), s = Uu(l?.outlined ?? null);
+}, ch = ["x", "y"], dh = ga(function({ frameElement: t, frameSize: n, panelRect: a, shouldAnimateTransitions: o }) {
+  const i = xi(tc, te()), l = ih(), s = Ku(l?.outlined ?? null);
   if (l === null && s === null) return null;
   const c = {
     frameElement: t,
@@ -4018,17 +4018,17 @@ var ar = (e, t) => {
     shouldAnimateTransitions: o
   };
   return /* @__PURE__ */ g("svg", {
-    className: zu,
+    className: Bu,
     width: n.width,
     height: n.height,
     "aria-hidden": !0,
     "data-testid": "edit-outline",
-    children: [s !== null && /* @__PURE__ */ r(ir, {
+    children: [s !== null && /* @__PURE__ */ r(or, {
       part: "hover",
       target: s,
       look: i.hover,
       ...c
-    }, s.key), l !== null && /* @__PURE__ */ r(ir, {
+    }, s.key), l !== null && /* @__PURE__ */ r(or, {
       part: "selected",
       target: l.outlined,
       editTarget: l.target,
@@ -4036,14 +4036,14 @@ var ar = (e, t) => {
       ...c
     }, l.outlined.key)]
   });
-}), ir = ({ part: e, target: t, editTarget: n, look: a, frameSize: o, panelRect: i, frameElement: l, shouldAnimateTransitions: s }) => {
-  const c = ke(), h = `${c}-shapes`, d = `${c}-hole`, u = th(t, {
+}), or = ({ part: e, target: t, editTarget: n, look: a, frameSize: o, panelRect: i, frameElement: l, shouldAnimateTransitions: s }) => {
+  const c = ke(), h = `${c}-shapes`, d = `${c}-hole`, u = nh(t, {
     frameElement: l,
     frameSize: o,
     panelRect: i,
     shouldAnimateTransitions: s
   });
-  return _u(n === void 0 ? null : {
+  return Fu(n === void 0 ? null : {
     target: n,
     outline: u
   }, {
@@ -4056,8 +4056,8 @@ var ar = (e, t) => {
     children: [
       /* @__PURE__ */ g("defs", { children: [/* @__PURE__ */ r("g", {
         id: h,
-        className: Bu,
-        children: /* @__PURE__ */ r(uh, {
+        className: Hu,
+        children: /* @__PURE__ */ r(hh, {
           outline: u,
           look: a,
           panelRect: i
@@ -4077,69 +4077,69 @@ var ar = (e, t) => {
           fill: "white"
         }), /* @__PURE__ */ r("use", {
           href: `#${h}`,
-          style: lr("black", a.offset)
+          style: ir("black", a.offset)
         })]
       })] }),
       /* @__PURE__ */ r("use", {
         href: `#${h}`,
         mask: `url(#${d})`,
-        style: lr(a.stroke, Tt(a)),
+        style: ir(a.stroke, Tt(a)),
         "data-testid": `edit-outline-${e}-ring`
       }),
-      t.kind === "observations" && /* @__PURE__ */ r(vh, {
+      t.kind === "observations" && /* @__PURE__ */ r(fh, {
         target: t,
         look: a,
         panelRect: i
       })
     ]
   });
-}, lr = (e, t) => ({
+}, ir = (e, t) => ({
   fill: e,
   stroke: e,
-  ...Ze({ [Fu]: `${2 * t}px` })
-}), dh = (e, t, n) => {
+  ...Ze({ [zu]: `${2 * t}px` })
+}), uh = (e, t, n) => {
   const a = n.offset + Tt(n);
   return cn(He({
     x: 0,
     y: 0,
     ...e
   }, -a), Math.max(0, t - a));
-}, uh = ({ outline: e, look: t, panelRect: n }) => {
+}, hh = ({ outline: e, look: t, panelRect: n }) => {
   const a = te().graph().get("cornerRadius"), { cornerRadius: o } = t;
   switch (e.kind) {
     case "observations":
       return /* @__PURE__ */ g("g", {
         transform: `translate(${n.x} ${n.y})`,
-        children: [e.parts.map((i) => /* @__PURE__ */ r(sr, {
+        children: [e.parts.map((i) => /* @__PURE__ */ r(lr, {
           part: i,
           borderRadius: o
-        }, i.layer.id)), e.vertex !== null && /* @__PURE__ */ r(sr, {
+        }, i.layer.id)), e.vertex !== null && /* @__PURE__ */ r(lr, {
           part: e.vertex,
           borderRadius: o
         }, `vertex-${e.vertex.rows.join()}`)]
       });
     case "guide":
-      return /* @__PURE__ */ r(mh, {
+      return /* @__PURE__ */ r(gh, {
         target: e.target,
         shapes: e.shapes,
         borderRadius: o
       });
     case "graph":
-      return /* @__PURE__ */ r("path", { d: dh(e.frameSize, a, t) });
+      return /* @__PURE__ */ r("path", { d: uh(e.frameSize, a, t) });
   }
-}, sr = ga(function({ part: t, borderRadius: n }) {
-  return t.kind === "boxes" ? /* @__PURE__ */ r(ph, {
+}, lr = ga(function({ part: t, borderRadius: n }) {
+  return t.kind === "boxes" ? /* @__PURE__ */ r(mh, {
     boxes: t.boxes,
     borderRadius: n
-  }) : /* @__PURE__ */ r(hh, {
+  }) : /* @__PURE__ */ r(ph, {
     shapes: t.shapes,
     layer: t.layer
   });
-}), hh = ({ shapes: e, layer: t }) => e.map((n, a) => {
+}), ph = ({ shapes: e, layer: t }) => e.map((n, a) => {
   const o = n.kind === "dots" || n.key === void 0 ? String(a) : `${n.kind}:${n.key}`;
   switch (n.kind) {
     case "region":
-      return n.pathData === "" ? null : /* @__PURE__ */ r(rr, {
+      return n.pathData === "" ? null : /* @__PURE__ */ r(nr, {
         pathData: n.pathData,
         fillRule: n.fillRule,
         shouldAnimateTransitions: n.shouldAnimateTransitions ?? !1,
@@ -4147,7 +4147,7 @@ var ar = (e, t) => {
         "data-geom": t.geom
       }, o);
     case "stroke":
-      return n.pathData === "" ? null : /* @__PURE__ */ r(rr, {
+      return n.pathData === "" ? null : /* @__PURE__ */ r(nr, {
         pathData: n.pathData,
         shouldAnimateTransitions: n.shouldAnimateTransitions ?? !1,
         source: t,
@@ -4161,24 +4161,24 @@ var ar = (e, t) => {
         ...jt(n.size)
       }, o);
   }
-}), ph = ({ boxes: e, borderRadius: t }) => {
+}), mh = ({ boxes: e, borderRadius: t }) => {
   const n = e.map((a) => cn(a, t)).join("");
   return n === "" ? null : /* @__PURE__ */ r("path", {
     d: n,
     "data-testid": "edit-outline-boxes"
   });
-}, mh = ({ target: e, shapes: t, borderRadius: n }) => {
+}, gh = ({ target: e, shapes: t, borderRadius: n }) => {
   const a = te();
-  if (e.kind === "grid") return sh.map((i) => {
-    const l = t.map((s) => gh(s, i)).join("");
+  if (e.kind === "grid") return ch.map((i) => {
+    const l = t.map((s) => vh(s, i)).join("");
     return l === "" ? null : /* @__PURE__ */ r("path", {
       d: l,
-      ...jt(Ur(a, i).strokeWidth)
+      ...jt(Wr(a, i).strokeWidth)
     }, i);
   });
   const o = t.map((i) => i.kind === "box" ? cn(i.rect, n) : "").join("");
   return o === "" ? null : /* @__PURE__ */ r("path", { d: o });
-}, gh = (e, t) => {
+}, vh = (e, t) => {
   if (e.kind === "box" || e.axis !== t) return "";
   switch (e.kind) {
     case "line":
@@ -4188,10 +4188,10 @@ var ar = (e, t) => {
       return `M${o}A${a},${a} 0 0 1 ${`${n.x},${n.y + a}`}A${a},${a} 0 0 1 ${o}`;
     }
   }
-}, vh = ({ target: e, look: t, panelRect: n }) => {
+}, fh = ({ target: e, look: t, panelRect: n }) => {
   const a = _((l) => l.coordSystem), o = e.parts[0];
   if (e.scope !== "x-value" || o === void 0 || o.layer.highlight?.strategy !== "overlay-anchor") return null;
-  const i = fh(o);
+  const i = bh(o);
   return i === null ? null : /* @__PURE__ */ r("svg", {
     x: n.x,
     y: n.y,
@@ -4207,16 +4207,16 @@ var ar = (e, t) => {
       "data-testid": "edit-outline-band-guide"
     })
   });
-}, fh = ({ layer: e, rows: t }) => {
+}, bh = ({ layer: e, rows: t }) => {
   for (const n of t) {
-    const a = e.data.getAt(n), o = a === null ? null : Ps(a), i = a === null ? null : Is(a);
+    const a = e.data.getAt(n), o = a === null ? null : Is(a), i = a === null ? null : Es(a);
     if (o !== null && i !== null) return {
       x: o,
       y: i
     };
   }
   return null;
-}, bh = {
+}, yh = {
   pointer: null,
   focus: null,
   last: "pointer"
@@ -4231,7 +4231,7 @@ var ar = (e, t) => {
   dismiss: () => {
   }
 }), Yt = ({ className: e, children: t }) => {
-  const [n, a] = Y(!1), [o, i] = Y(!1), [l, s] = Y(bh), c = ae((m, f) => {
+  const [n, a] = Y(!1), [o, i] = Y(!1), [l, s] = Y(yh), c = ae((m, f) => {
     i(!1), s((b) => ({
       ...b,
       [f]: m,
@@ -4242,7 +4242,7 @@ var ar = (e, t) => {
       ...b,
       [f]: null
     } : b);
-  }, []), d = ae(() => i(!0), []), u = Sh(l), p = P(() => ({
+  }, []), d = ae(() => i(!0), []), u = Ch(l), p = P(() => ({
     isHovered: n,
     isDismissed: o,
     reachedTooltipId: u,
@@ -4268,7 +4268,7 @@ var ar = (e, t) => {
       children: t
     })
   });
-}, yh = ({ label: e, isChecked: t = !1, children: n }) => {
+}, Sh = ({ label: e, isChecked: t = !1, children: n }) => {
   const { isHovered: a, isDismissed: o, reachedTooltipId: i, reach: l, release: s, dismiss: c } = Se(Ua), h = ke(), [d, u] = Y(!1), p = a ? !o && (i === h || t && i === null) : d;
   z(() => () => {
     s(h, "pointer"), s(h, "focus");
@@ -4289,9 +4289,9 @@ var ar = (e, t) => {
       onBlur: () => s(h, "focus")
     }), /* @__PURE__ */ r(le.Portal, {
       container: de(),
-      children: /* @__PURE__ */ r(yn, { children: /* @__PURE__ */ r(le.Positioner, {
+      children: /* @__PURE__ */ r(bn, { children: /* @__PURE__ */ r(le.Positioner, {
         sideOffset: 6,
-        className: Xd,
+        className: Zd,
         children: /* @__PURE__ */ r(le.Popup, {
           className: Ga,
           children: e
@@ -4299,44 +4299,44 @@ var ar = (e, t) => {
       }) })
     })]
   });
-}, Sh = ({ pointer: e, focus: t, last: n }) => n === "focus" ? t ?? e : e ?? t, Ch = "data-graphy-chart-chrome", xh = "data-graphy-chart-menu", xn = { [xh]: "" }, At = (e) => ({ [Ch]: e }), it = (e, t) => e instanceof Element && e.closest(`[data-graphy-chart-chrome="${CSS.escape(t)}"]`) !== null, Ka = (e) => e instanceof Element && e.closest("[data-graphy-chart-menu]") !== null, Jt = (e) => e instanceof Element && e.closest("[data-graphy-chart-chrome]") !== null, qa = (e, t, n) => n !== null && gn({
+}, Ch = ({ pointer: e, focus: t, last: n }) => n === "focus" ? t ?? e : e ?? t, xh = "data-graphy-chart-chrome", wh = "data-graphy-chart-menu", Cn = { [wh]: "" }, At = (e) => ({ [xh]: e }), it = (e, t) => e instanceof Element && e.closest(`[data-graphy-chart-chrome="${CSS.escape(t)}"]`) !== null, Ka = (e) => e instanceof Element && e.closest("[data-graphy-chart-menu]") !== null, Jt = (e) => e instanceof Element && e.closest("[data-graphy-chart-chrome]") !== null, qa = (e, t, n) => n !== null && mn({
   x: e.clientX - t.x,
   y: e.clientY - t.y
-}, n), qe = (e, t, n) => e instanceof Node && (t.contains(e) || it(e, n)), wh = "cml7ha0", Xa = De(null), Th = ({ children: e }) => {
+}, n), qe = (e, t, n) => e instanceof Node && (t.contains(e) || it(e, n)), Th = "cml7ha0", Xa = De(null), Ah = ({ children: e }) => {
   const { chartId: t } = B(), [n] = Y(de), [a, o] = Y(null);
   return n === null ? null : /* @__PURE__ */ g(Q, { children: [va(/* @__PURE__ */ r("div", {
     ref: o,
-    className: wh,
+    className: Th,
     ...At(t)
   }), n), /* @__PURE__ */ r(Xa.Provider, {
     value: a,
     children: e
   })] });
-}, kt = () => Se(Xa), Ah = "kwvn4c0", kh = "kwvn4c1", Za = (e, t) => ({
+}, kt = () => Se(Xa), kh = "kwvn4c0", Lh = "kwvn4c1", Za = (e, t) => ({
   contextElement: e,
   getBoundingClientRect: () => {
     const n = e.getBoundingClientRect(), a = $a(e, n.width);
     return new DOMRect(n.left + t.x * a, n.top + t.y * a, t.width * a, t.height * a);
   }
-}), Lh = ({ side: e, boundary: t, spans: n, anchor: a, isRightToLeft: o }) => {
-  if (!Ph(e)) return 0;
+}), Ph = ({ side: e, boundary: t, spans: n, anchor: a, isRightToLeft: o }) => {
+  if (!Ih(e)) return 0;
   const i = n[e];
-  if (e === "left" || e === "right") return cr(i.from - t.y, a.height, t.height);
+  if (e === "left" || e === "right") return sr(i.from - t.y, a.height, t.height);
   const l = o ? t.x + t.width - i.to : i.from - t.x;
-  return cr(l, a.width, t.width);
+  return sr(l, a.width, t.width);
 }, ja = () => {
   const [e, t] = Y(!1);
   return z(() => {
     t(!0);
   }, []), e;
-}, Ph = (e) => hi.some((t) => t === e), cr = (e, t, n) => n === 0 ? 0 : e * t / n, Ih = {
+}, Ih = (e) => hi.some((t) => t === e), sr = (e, t, n) => n === 0 ? 0 : e * t / n, Eh = {
   x: 8,
   y: 8
-}, Eh = {
+}, Oh = {
   side: "flip",
   align: "shift",
   fallbackAxisSide: "end"
-}, Oh = ({ frameElement: e, boundary: t, spans: n, clearance: a = Ih, onEscape: o, children: i }) => {
+}, Mh = ({ frameElement: e, boundary: t, spans: n, clearance: a = Eh, onEscape: o, children: i }) => {
   const l = kt(), s = ja(), [c, h] = Y(null), d = ne(null), u = ae((S) => {
     d.current = S, h(S);
   }, []), p = ne(null);
@@ -4366,26 +4366,26 @@ var ar = (e, t) => {
     onOpenChange: C,
     children: /* @__PURE__ */ r(j.Portal, {
       container: l,
-      children: /* @__PURE__ */ r(yn, { children: /* @__PURE__ */ r(j.Positioner, {
+      children: /* @__PURE__ */ r(bn, { children: /* @__PURE__ */ r(j.Positioner, {
         ref: p,
         anchor: w,
         side: "right",
         align: "start",
         sideOffset: ({ side: S }) => S === "top" || S === "bottom" ? a.y : a.x,
-        alignOffset: ({ side: S, anchor: L }) => Lh({
+        alignOffset: ({ side: S, anchor: L }) => Ph({
           side: S,
           boundary: x.box,
           spans: x.spans,
           anchor: L,
-          isRightToLeft: Mh(p.current)
+          isRightToLeft: Nh(p.current)
         }),
-        collisionAvoidance: Eh,
+        collisionAvoidance: Oh,
         sticky: !0,
-        className: Ah,
-        ...xn,
+        className: kh,
+        ...Cn,
         children: /* @__PURE__ */ r(j.Popup, {
           ref: u,
-          className: kh,
+          className: Lh,
           initialFocus: d,
           finalFocus: !1,
           "data-testid": "anchored-popover",
@@ -4394,14 +4394,14 @@ var ar = (e, t) => {
       }) })
     })
   });
-}, Mh = (e) => e !== null && getComputedStyle(e).direction === "rtl", Nh = (e, t) => {
-  const n = be(t.layers, e);
+}, Nh = (e) => e !== null && getComputedStyle(e).direction === "rtl", Rh = (e, t) => {
+  const n = ve(t.layers, e);
   if (n === void 0) return null;
-  const { geom: a, position: o } = Dh(n, t.layers) ?? n;
+  const a = ve(t.spec.layers, e), o = a === void 0 ? null : Ts(a, t.spec.layers), i = o !== null && o.id !== n.id ? o : n;
   return {
-    geom: a,
+    geom: i.geom,
     coord: t.spec.coords.coordType,
-    position: o
+    position: i.position
   };
 }, Ke = (e, t) => {
   for (const n of e) {
@@ -4409,15 +4409,15 @@ var ar = (e, t) => {
     if (a !== void 0) return a;
   }
   return null;
-}, Rh = ({ geom: e, coord: t, position: n }, a) => Ke(a, (o) => {
-  const i = dr(o.layers, e)?.[t]?.[n];
-  return i !== void 0 ? i : dr(o.geoms, e);
-}), Dh = (e, t) => t.find((n) => n.interactive && mn(e, [n])), dr = (e, t) => e !== void 0 && Object.hasOwn(e, t) ? e[t] : void 0, _h = (e) => {
-  const t = Se(zh), n = e?.kind === "observations" ? e.layerId : null, a = _(fe((o) => n === null ? null : Nh(n, o)));
+}, Dh = ({ geom: e, coord: t, position: n }, a) => Ke(a, (o) => {
+  const i = cr(o.layers, e)?.[t]?.[n];
+  return i !== void 0 ? i : cr(o.geoms, e);
+}), cr = (e, t) => e !== void 0 && Object.hasOwn(e, t) ? e[t] : void 0, _h = (e) => {
+  const t = Se(zh), n = e?.kind === "observations" ? e.layerId : null, a = _(be((o) => n === null ? null : Rh(n, o)));
   if (e === null) return null;
   switch (e.kind) {
     case "observations": {
-      const o = a === null ? null : Rh(a, t);
+      const o = a === null ? null : Dh(a, t);
       return o === null ? null : /* @__PURE__ */ r(o, { target: e });
     }
     case "legend": {
@@ -4645,7 +4645,7 @@ var ro = ({ options: e, value: t, onChange: n, onCommit: a, itemLayout: o = "inl
           children: m.label
         })]
       }, m.value);
-      return f === void 0 ? b : /* @__PURE__ */ r(yh, {
+      return f === void 0 ? b : /* @__PURE__ */ r(Sh, {
         label: f,
         isChecked: m.value === t,
         children: b
@@ -4662,7 +4662,7 @@ var ro = ({ options: e, value: t, onChange: n, onCommit: a, itemLayout: o = "inl
     }
   };
   const { parsingLocale: t, numberFormat: n } = e.config, a = e.guides.colorGroups.map((o) => {
-    const i = sa({
+    const i = la({
       valueFormat: o.valueFormat,
       locale: t,
       numberFormat: n
@@ -4695,12 +4695,12 @@ var ro = ({ options: e, value: t, onChange: n, onCommit: a, itemLayout: o = "inl
     default:
       return "editor.overlayMenu.thisPoint";
   }
-}, Wh = (e, t, n, a) => sa({
+}, Wh = (e, t, n, a) => la({
   valueFormat: Cs(e.guides, "x")?.valueFormat ?? { type: "text" },
   locale: a,
   numberFormat: e.config.numberFormat
 })(bs(t.data, t.mapping)(n), n), Uh = (e, t, n, a) => {
-  const o = Ls(t.data, t.mapping);
+  const o = Ps(t.data, t.mapping);
   return o.length === 0 ? Kh(e, t) : o.map((i) => qh(n[i] ?? null, a)).join(", ");
 }, Kh = (e, t) => {
   const n = xt(t.mapping.y), a = n === null ? void 0 : e.guides.variableLabels[n];
@@ -4713,7 +4713,7 @@ var ro = ({ options: e, value: t, onChange: n, onCommit: a, itemLayout: o = "inl
   "x-value": Ja,
   series: Qa
 }, Zh = () => {
-  const { selectionStore: e } = B(), t = V(), n = M(), a = jr(), o = _((f) => f), i = oo(o), l = Z((f) => f.pressedObservation), s = P(() => jh({
+  const { selectionStore: e } = B(), t = V(), n = M(), a = Zr(), o = _((f) => f), i = oo(o), l = Z((f) => f.pressedObservation), s = P(() => jh({
     scene: o,
     pressed: l,
     groupOptions: i,
@@ -4755,7 +4755,7 @@ var ro = ({ options: e, value: t, onChange: n, onCommit: a, itemLayout: o = "inl
 }, jh = ({ scene: e, pressed: t, groupOptions: n, locale: a, t: o }) => {
   const i = t === null ? null : Ki(t, e.layers, e.config.parsingLocale);
   if (t === null || i === null) return null;
-  const { layer: l, observation: s } = i, c = Ks({
+  const { layer: l, observation: s } = i, c = qs({
     layer: l,
     observationIndex: t.observationIndex,
     parsingLocale: e.config.parsingLocale,
@@ -4815,7 +4815,7 @@ var ro = ({ options: e, value: t, onChange: n, onCommit: a, itemLayout: o = "inl
   const i = () => {
     n.getState().clearSelection();
   };
-  return /* @__PURE__ */ g(Oh, {
+  return /* @__PURE__ */ g(Mh, {
     frameElement: e,
     boundary: a.frame,
     spans: a.frameSpans,
@@ -4827,7 +4827,7 @@ var ro = ({ options: e, value: t, onChange: n, onCommit: a, itemLayout: o = "inl
         "data-testid": "overlay-menu-title",
         children: Qh(a.target, t)
       }), a.target.kind === "observations" && /* @__PURE__ */ r(Zh, {})]
-    }), /* @__PURE__ */ r(nc, { children: o }, Ct(a.target))]
+    }), /* @__PURE__ */ r(rc, { children: o }, Ct(a.target))]
   });
 }, r1 = ({ frameRect: e }) => {
   const { targetBoundaryStore: t } = B(), n = Z((l) => l.selectedOutline), { left: a, top: o } = e, i = P(() => {
@@ -4893,7 +4893,7 @@ var lo = "efjmb40", so = "efjmb41", _e = "efjmb42", Fe = "efjmb43", a1 = "efjmb4
   "close-press",
   "sibling-open",
   "trigger-press"
-]), wn = ({ label: e, icon: t, onOpened: n, children: a }) => {
+]), xn = ({ label: e, icon: t, onOpened: n, children: a }) => {
   const o = kt(), [i, l] = Y(!1), s = (c, h) => {
     c ? (l(!0), n?.()) : i1.has(h.reason) && l(!1);
   };
@@ -4910,7 +4910,7 @@ var lo = "efjmb40", so = "efjmb41", _e = "efjmb42", Fe = "efjmb43", a1 = "efjmb4
         align: "start",
         sideOffset: 4,
         className: lo,
-        ...xn,
+        ...Cn,
         children: /* @__PURE__ */ r(Te.Popup, {
           className: so,
           children: a
@@ -4933,7 +4933,7 @@ var lo = "efjmb40", so = "efjmb41", _e = "efjmb42", Fe = "efjmb43", a1 = "efjmb4
     })
   ]
 }), s1 = "_1qe7q450", c1 = "_1qe7q451", d1 = "_1qe7q452", u1 = ({ label: e, placeholder: t, addLabel: n, at: a, onRequestClose: o }) => {
-  const i = ne(null), [l, s] = Y(""), { dispatch: c } = ve(), h = l.trim(), d = () => {
+  const i = ne(null), [l, s] = Y(""), { dispatch: c } = fe(), h = l.trim(), d = () => {
     h.length !== 0 && (c(new we({
       kind: "comment",
       annotation: {
@@ -4942,7 +4942,7 @@ var lo = "efjmb40", so = "efjmb41", _e = "efjmb42", Fe = "efjmb43", a1 = "efjmb4
       }
     })), o());
   };
-  return /* @__PURE__ */ r(wn, {
+  return /* @__PURE__ */ r(xn, {
     label: e,
     icon: /* @__PURE__ */ r(io, {}),
     onOpened: () => {
@@ -4988,7 +4988,7 @@ var lo = "efjmb40", so = "efjmb41", _e = "efjmb42", Fe = "efjmb43", a1 = "efjmb4
     fillOpacity: "0.8"
   })
 }), m1 = "relative-difference", g1 = ({ label: e, layer: t, at: n, onRequestClose: a }) => {
-  const { dispatch: o } = ve(), i = _((c) => c.coordSystem), l = P(() => Ns({
+  const { dispatch: o } = fe(), i = _((c) => c.coordSystem), l = P(() => Rs({
     layer: t,
     at: n,
     coordSystem: i
@@ -5002,7 +5002,7 @@ var lo = "efjmb40", so = "efjmb41", _e = "efjmb42", Fe = "efjmb43", a1 = "efjmb4
     o(new we({
       kind: "differenceArrow",
       annotation: {
-        ...Qr,
+        ...Jr,
         ...l,
         label: m1
       }
@@ -5022,7 +5022,7 @@ function v1(e, t) {
     scope: "series",
     labelKey: "pieSlice"
   }];
-  const n = Os(t.data, t.mapping);
+  const n = Ms(t.data, t.mapping);
   switch (t.geom) {
     case "bar": {
       const a = [{
@@ -5336,7 +5336,7 @@ var f1 = (e) => {
   })]
 }), A1 = ({ label: e, options: t, onSelect: n }) => {
   const a = M();
-  return /* @__PURE__ */ r(wn, {
+  return /* @__PURE__ */ r(xn, {
     label: e,
     icon: /* @__PURE__ */ r(uo, {}),
     children: t.map((o) => /* @__PURE__ */ g(Te.Item, {
@@ -5349,7 +5349,7 @@ var f1 = (e) => {
     }, o.scope))
   });
 }, k1 = ({ label: e, layer: t, observation: n, highlights: a, onRequestClose: o }) => {
-  const i = M(), { dispatch: l } = ve(), s = _((v) => v.coordSystem), c = P(() => ds(t, n), [t, n]), h = P(() => v1(s, t), [s, t]), d = P(() => {
+  const i = M(), { dispatch: l } = fe(), s = _((v) => v.coordSystem), c = P(() => ds(t, n), [t, n]), h = P(() => v1(s, t), [s, t]), d = P(() => {
     const v = new Set(a.map((m) => m.scope));
     return h.filter((m) => !v.has(m.scope));
   }, [h, a]), [u] = d;
@@ -5382,7 +5382,7 @@ var f1 = (e) => {
   "aria-hidden": "true",
   children: [e, /* @__PURE__ */ r("span", { className: P1 })]
 }), I1 = ({ label: e, highlights: t, onRequestClose: n }) => {
-  const { dispatch: a } = ve(), o = t.at(-1);
+  const { dispatch: a } = fe(), o = t.at(-1);
   if (o === void 0) return null;
   const i = () => {
     a(new fl({ id: o.id })), n();
@@ -5432,7 +5432,7 @@ var f1 = (e) => {
     })
   ]
 }), O1 = ({ label: e, at: t, onRequestClose: n }) => {
-  const { dispatch: a } = ve(), o = () => {
+  const { dispatch: a } = fe(), o = () => {
     a(new we({
       kind: "pinnedNumber",
       annotation: { at: t }
@@ -5493,8 +5493,8 @@ var f1 = (e) => {
     labelKey: "graph.annotations.baseMenu.removeSticker"
   },
   image: null
-}, M1 = (e) => Rs(e.kind) && go[e.kind] !== null, N1 = ({ attachment: e, onRequestClose: t }) => {
-  const n = M(), { dispatch: a } = ve(), { icon: o, labelKey: i } = go[e.kind], l = () => {
+}, M1 = (e) => Ds(e.kind) && go[e.kind] !== null, N1 = ({ attachment: e, onRequestClose: t }) => {
+  const n = M(), { dispatch: a } = fe(), { icon: o, labelKey: i } = go[e.kind], l = () => {
     a(new $e({ id: e.annotation.id })), t();
   };
   return /* @__PURE__ */ g(H.Item, {
@@ -5506,7 +5506,7 @@ var f1 = (e) => {
     })]
   });
 }, R1 = "ceeojg0", D1 = "ceeojg1", _1 = "ceeojg2", F1 = ({ label: e, at: t, onRequestClose: n }) => {
-  const { dispatch: a } = ve(), o = (i) => {
+  const { dispatch: a } = fe(), o = (i) => {
     a(new we({
       kind: "sticker",
       annotation: {
@@ -5518,7 +5518,7 @@ var f1 = (e) => {
       }
     })), n();
   };
-  return /* @__PURE__ */ r(wn, {
+  return /* @__PURE__ */ r(xn, {
     label: e,
     icon: /* @__PURE__ */ r(mo, {}),
     children: /* @__PURE__ */ r("div", {
@@ -5566,7 +5566,7 @@ var f1 = (e) => {
     p,
     v,
     m
-  ]), b = Ts(c, a, P(() => vs(n, h), [n, h])), x = b !== null && M1(b) ? b : null, w = E1(n, o), C = (S, L) => {
+  ]), b = As(c, a, P(() => vs(n, h), [n, h])), x = b !== null && M1(b) ? b : null, w = E1(n, o), C = (S, L) => {
     !S && H1(L.reason) && i();
   };
   return /* @__PURE__ */ r(H.Root, {
@@ -5581,7 +5581,7 @@ var f1 = (e) => {
         align: "start",
         sideOffset: 8,
         className: lo,
-        ...xn,
+        ...Cn,
         children: /* @__PURE__ */ g(H.Popup, {
           className: so,
           "data-testid": "observation-menu",
@@ -5633,10 +5633,10 @@ var f1 = (e) => {
       }) })
     })
   });
-}, H1 = (e) => e === "outside-press" || e === "escape-key" || e === "item-press", Tn = "l8tsqe0", vo = ["start", "end"], fo = ({ anchor: e, point: t, delta: n }) => {
+}, H1 = (e) => e === "outside-press" || e === "escape-key" || e === "item-press", wn = "l8tsqe0", vo = ["start", "end"], fo = ({ anchor: e, point: t, delta: n }) => {
   const a = {
-    x: ur(t.x, n.x),
-    y: ur(1 - t.y, n.y)
+    x: dr(t.x, n.x),
+    y: dr(1 - t.y, n.y)
   };
   return {
     anchor: {
@@ -5649,7 +5649,7 @@ var f1 = (e) => {
       y: t.y - a.y
     }
   };
-}, An = (e, t) => ({
+}, Tn = (e, t) => ({
   ...e,
   [t.endpoint]: {
     ...e[t.endpoint],
@@ -5669,20 +5669,20 @@ var f1 = (e) => {
     width: Math.abs(o.x - a.x),
     height: Math.abs(o.y - a.y)
   };
-}, ur = (e, t) => !Number.isFinite(t) || !Number.isFinite(e) ? 0 : Ve(t, Math.min(-e, 0), Math.max(1 - e, 0)), $1 = ({ panelRect: e }) => {
+}, dr = (e, t) => !Number.isFinite(t) || !Number.isFinite(e) ? 0 : Ve(t, Math.min(-e, 0), Math.max(1 - e, 0)), $1 = ({ panelRect: e }) => {
   const t = Z((s) => U(s, "arrow-endpoint-drag")), n = Me(e).arrows, a = te();
   if (t === null) return null;
   const o = n.find((s) => s.id === t.annotationId);
   if (o === void 0) return null;
-  const i = vn(a, o.id), l = la({
-    arrow: An(o, t),
+  const i = gn(a, o.id), l = ia({
+    arrow: Tn(o, t),
     style: i,
     panelWidth: e.width,
     panelHeight: e.height
   });
   return l === null ? null : /* @__PURE__ */ r("svg", {
     "aria-hidden": "true",
-    className: Tn,
+    className: wn,
     width: e.width,
     height: e.height,
     style: {
@@ -5691,7 +5691,7 @@ var f1 = (e) => {
     },
     "data-testid": "arrow-endpoint-preview",
     "data-annotation-id": t.annotationId,
-    children: /* @__PURE__ */ r(Kr, {
+    children: /* @__PURE__ */ r(Ur, {
       computed: l,
       style: i,
       isAddressable: !1
@@ -5921,7 +5921,7 @@ var f1 = (e) => {
     value: Dt.thick,
     key: "graph.annotations.arrowToolbar.thickness.thick"
   }
-], hr = [{
+], ur = [{
   value: "line-arrow",
   key: "graph.annotations.arrowToolbar.arrowhead.lineArrow",
   Icon: yo
@@ -5929,7 +5929,7 @@ var f1 = (e) => {
   value: "none",
   key: "graph.annotations.arrowToolbar.arrowhead.none",
   Icon: Ti
-}], pr = [
+}], hr = [
   {
     value: "solid",
     key: "graph.annotations.arrowToolbar.lineStyle.solid",
@@ -5947,7 +5947,7 @@ var f1 = (e) => {
   }
 ], hp = (e, t) => e.find((n) => n.value === t) ?? e[0];
 var pp = ({ arrow: e, arrowBox: t, panelRect: n, frameWidth: a, frameHeight: o, frameElement: i }) => {
-  const l = M(), { commands: s } = B(), c = _((O) => O.spec.styles.overrides), h = _((O) => Re(O.spec)), d = It(), u = vn(te(), e.id), p = hp(pr, Wt(u.dashArray)), v = u.outline.strokeWidth > 0 || u.outline.shadow !== "none", m = P(() => ({
+  const l = M(), { commands: s } = B(), c = _((O) => O.spec.styles.overrides), h = _((O) => Re(O.spec)), d = It(), u = gn(te(), e.id), p = hp(hr, Wt(u.dashArray)), v = u.outline.strokeWidth > 0 || u.outline.shadow !== "none", m = P(() => ({
     target: "annotation",
     kind: "arrow",
     annotation: e.id
@@ -6028,7 +6028,7 @@ var pp = ({ arrow: e, arrowBox: t, panelRect: n, frameWidth: a, frameHeight: o,
         }),
         ...d.bind("startArrowhead"),
         children: /* @__PURE__ */ r(nt, {
-          options: hr,
+          options: ur,
           current: e.startArrowheadStyle,
           onPick: N
         })
@@ -6041,7 +6041,7 @@ var pp = ({ arrow: e, arrowBox: t, panelRect: n, frameWidth: a, frameHeight: o,
         }),
         ...d.bind("lineStyle"),
         children: /* @__PURE__ */ r(nt, {
-          options: pr,
+          options: hr,
           current: Wt(u.dashArray),
           onPick: F
         })
@@ -6054,7 +6054,7 @@ var pp = ({ arrow: e, arrowBox: t, panelRect: n, frameWidth: a, frameHeight: o,
         }),
         ...d.bind("endArrowhead"),
         children: /* @__PURE__ */ r(nt, {
-          options: hr,
+          options: ur,
           current: e.endArrowheadStyle,
           onPick: R
         })
@@ -6215,10 +6215,10 @@ var vp = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, Je = class {
     o,
     a
   ]);
-}, yp = [" ", "Enter"], mr = 4, Sp = ({ annotationId: e, arrow: t, panelRect: n }) => {
+}, yp = [" ", "Enter"], pr = 4, Sp = ({ annotationId: e, arrow: t, panelRect: n }) => {
   const { commands: a } = B(), o = V(), i = _((c) => c.spec.annotations), l = J(i), s = J(a.dispatch);
   return z(() => () => {
-    for (const c of vo) gr({
+    for (const c of vo) mr({
       editorStore: o,
       annotationId: e,
       endpoint: c,
@@ -6236,7 +6236,7 @@ var vp = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, Je = class {
     if (yp.includes(h.key)) {
       if (h.preventDefault(), h.repeat) return;
       if (u !== null) {
-        gr({
+        mr({
           editorStore: o,
           annotationId: e,
           endpoint: c,
@@ -6276,7 +6276,7 @@ var vp = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, Je = class {
     o,
     a
   ]);
-}, gr = ({ editorStore: e, annotationId: t, endpoint: n, annotations: a, dispatch: o }) => {
+}, mr = ({ editorStore: e, annotationId: t, endpoint: n, annotations: a, dispatch: o }) => {
   const i = e.getState(), l = sn(U(i, "arrow-endpoint-drag"), t, n);
   if (l === null) return;
   i.releaseInteraction("arrow-endpoint-drag");
@@ -6287,7 +6287,7 @@ var vp = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, Je = class {
     patch: xo(n, l.anchor)
   }));
 }, Cp = (e, t) => {
-  const n = ce(mr, t.width), a = ce(mr, t.height);
+  const n = ce(pr, t.width), a = ce(pr, t.height);
   switch (e) {
     case "ArrowLeft":
       return {
@@ -6315,7 +6315,7 @@ var vp = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, Je = class {
 }, xp = (e) => {
   const t = Ye(), n = Ap(t), a = kp(e.panelRect, t), o = Lp(t);
   if (n === null || a === null) return null;
-  const i = o.dragged === null ? a : An(a, o.dragged);
+  const i = o.dragged === null ? a : Tn(a, o.dragged);
   return /* @__PURE__ */ r(wp, {
     arrow: n,
     committed: a,
@@ -6371,7 +6371,7 @@ var vp = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, Je = class {
 }, kp = (e, t) => {
   const n = Me(e).arrows;
   return t === null ? null : n.find((a) => a.id === t) ?? null;
-}, Lp = (e) => Z(fe((t) => {
+}, Lp = (e) => Z(be((t) => {
   if (e === null) return {
     dragged: null,
     isMoved: !1
@@ -6395,7 +6395,7 @@ var Mp = [
   "absolute-difference",
   "relative-difference",
   "proportion"
-], vr = ["absolute-difference", "relative-difference"], Np = ["relative-difference", "proportion"], Rp = {
+], gr = ["absolute-difference", "relative-difference"], Np = ["relative-difference", "proportion"], Rp = {
   "absolute-difference": "graph.annotations.differenceArrowToolbar.labelKind.absoluteDifference",
   "relative-difference": "graph.annotations.differenceArrowToolbar.labelKind.relativeDifference",
   proportion: "graph.annotations.differenceArrowToolbar.labelKind.proportion"
@@ -6403,21 +6403,21 @@ var Mp = [
   const { formattingLocale: t } = B(), n = _((o) => o.config.parsingLocale), a = t ?? n;
   return P(() => {
     const o = ls(e.start, e.end);
-    return Mp.filter((i) => o || !vr.includes(i) || i === e.label).map((i) => ({
+    return Mp.filter((i) => o || !gr.includes(i) || i === e.label).map((i) => ({
       kind: i,
       key: Rp[i],
-      preview: ks({
+      preview: Ls({
         locale: a,
         kind: i,
         startValue: e.start.measurementValue,
         endValue: e.end.measurementValue,
         valueFormat: e.start.valueFormat
       }),
-      isPickable: o || !vr.includes(i),
+      isPickable: o || !gr.includes(i),
       isSuspect: Np.includes(i) && e.start.measurementValue === 0
     }));
   }, [e, a]);
-}, fr = [
+}, vr = [
   {
     id: "small",
     key: "graph.annotations.differenceArrowToolbar.size.small"
@@ -6431,14 +6431,14 @@ var Mp = [
     key: "graph.annotations.differenceArrowToolbar.size.large"
   }
 ], _p = ({ arrow: e, color: t, labelBox: n, panelRect: a, frameWidth: o, frameHeight: i, frameElement: l }) => {
-  const s = M(), { commands: c } = B(), h = _((y) => y.spec.styles.overrides), d = _((y) => Re(y.spec)), u = It(), p = Dp(e), v = Qs(te(), e.id), m = P(() => ({
+  const s = M(), { commands: c } = B(), h = _((y) => y.spec.styles.overrides), d = _((y) => Re(y.spec)), u = It(), p = Dp(e), v = ec(te(), e.id), m = P(() => ({
     target: "annotation",
     kind: "differenceArrow",
     annotation: e.id
   }), [e.id]), f = P(() => ({
     ...m,
     part: "label"
-  }), [m]), b = p.find((y) => y.kind === e.label), x = p.some((y) => y.isPickable && y.kind !== e.label), w = fr.find((y) => Bn[y.id].arrow.strokeWidth === v.strokeWidth), C = (y, G) => {
+  }), [m]), b = p.find((y) => y.kind === e.label), x = p.some((y) => y.isPickable && y.kind !== e.label), w = vr.find((y) => zn[y.id].arrow.strokeWidth === v.strokeWidth), C = (y, G) => {
     c.dispatch(new ue({
       kind: "differenceArrow",
       id: e.id,
@@ -6464,7 +6464,7 @@ var Mp = [
     start: e.end.anchor,
     end: e.start.anchor
   }), E = (y) => () => A({ label: y }), O = (y) => () => {
-    const G = Bn[y];
+    const G = zn[y];
     c.dispatch(new Pl({
       annotationId: e.id,
       arrow: S(G.arrow),
@@ -6515,7 +6515,7 @@ var Mp = [
         label: s("graph.annotations.differenceArrowToolbar.size.ariaLabel"),
         trigger: w === void 0 ? "" : s(w.key),
         ...u.bind("size"),
-        children: fr.map((y) => /* @__PURE__ */ r(D.MenuItem, {
+        children: vr.map((y) => /* @__PURE__ */ r(D.MenuItem, {
           isSelected: y.id === w?.id,
           onClick: O(y.id),
           children: s(y.key)
@@ -6570,12 +6570,12 @@ var zp = "ydgo3h0", Bp = "ydgo3h1", Hp = "ydgo3h2", Gp = ({ clientPoint: e, pane
     coordSystem: i,
     align: c
   });
-  return p === null || aa(p.anchor, s) ? null : p;
+  return p === null || ra(p.anchor, s) ? null : p;
 }, Vp = (e, t) => ({
   x: Math.max(0, Math.min(e.x, t.width)),
   y: Math.max(0, Math.min(e.y, t.height))
 }), wo = (e) => e === "start" ? "end" : "start", To = ({ dispatch: e, arrow: t, endpoint: n, anchor: a }) => {
-  aa(a, t[n].anchor) || e(new ue({
+  ra(a, t[n].anchor) || e(new ue({
     kind: "differenceArrow",
     id: t.id,
     patch: { [n]: a }
@@ -6589,7 +6589,7 @@ var zp = "ydgo3h0", Bp = "ydgo3h1", Hp = "ydgo3h2", Gp = ({ clientPoint: e, pane
   }
   readOwn(e) {
     const { endpoint: t, readInputs: n } = this.params;
-    return Vr(U(e, "difference-arrow-endpoint-drag"), n().arrow.id, t);
+    return Gr(U(e, "difference-arrow-endpoint-drag"), n().arrow.id, t);
   }
   resolvePreview(e) {
     const { endpoint: t, readInputs: n, engine: a, anchorResolver: o } = this.params, { arrow: i, panelOrigin: l, panelRect: s, layers: c, coordSystem: h } = n(), d = Gp({
@@ -6624,7 +6624,7 @@ var zp = "ydgo3h0", Bp = "ydgo3h1", Hp = "ydgo3h2", Gp = ({ clientPoint: e, pane
     arrow: e,
     panelOrigin: t,
     panelRect: n,
-    ..._(fe((h) => ({
+    ..._(be((h) => ({
       layers: h.layers,
       coordSystem: h.coordSystem
     })))
@@ -6662,17 +6662,17 @@ var zp = "ydgo3h0", Bp = "ydgo3h1", Hp = "ydgo3h2", Gp = ({ clientPoint: e, pane
     a
   ]);
 }, Up = [" ", "Enter"], Kp = ({ arrow: e }) => {
-  const { commands: t, anchorResolver: n } = B(), a = V(), { layers: o, coordSystem: i, mainAxis: l } = _(fe((c) => ({
+  const { commands: t, anchorResolver: n } = B(), a = V(), { layers: o, coordSystem: i, mainAxis: l } = _(be((c) => ({
     layers: c.layers,
     coordSystem: c.coordSystem,
-    mainAxis: $s(c.coordSystem)
+    mainAxis: Ws(c.coordSystem)
   }))), s = e.id;
   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) => {
     if (h.altKey || h.ctrlKey || h.metaKey || h.shiftKey) return;
-    const d = a.getState(), u = Vr(U(d, "difference-arrow-endpoint-drag"), e.id, c);
+    const d = a.getState(), u = Gr(U(d, "difference-arrow-endpoint-drag"), e.id, c);
     if (Up.includes(h.key)) {
       if (h.preventDefault(), h.repeat) return;
       if (u === null) return d.claimInteraction({
@@ -6729,7 +6729,7 @@ var zp = "ydgo3h0", Bp = "ydgo3h1", Hp = "ydgo3h2", Gp = ({ clientPoint: e, pane
   const c = l.createLayerMeasurement(s);
   if (c === null) return null;
   const { align: h } = e[t].anchor;
-  return tc({
+  return nc({
     layer: s,
     from: n,
     partner: e[wo(t)].anchor,
@@ -6794,14 +6794,14 @@ var zp = "ydgo3h0", Bp = "ydgo3h1", Hp = "ydgo3h2", Gp = ({ clientPoint: e, pane
           borderRadius: _i(n, 2)
         }
       }),
-      /* @__PURE__ */ r(br, {
+      /* @__PURE__ */ r(fr, {
         endpoint: "start",
         point: i,
         panelRect: s,
         dragHandlers: p("start"),
         keyboardHandlers: v("start")
       }),
-      /* @__PURE__ */ r(br, {
+      /* @__PURE__ */ r(fr, {
         endpoint: "end",
         point: l,
         panelRect: s,
@@ -6810,7 +6810,7 @@ var zp = "ydgo3h0", Bp = "ydgo3h1", Hp = "ydgo3h2", Gp = ({ clientPoint: e, pane
       })
     ]
   });
-}, br = ({ endpoint: e, point: t, panelRect: n, dragHandlers: a, keyboardHandlers: o }) => /* @__PURE__ */ r("div", {
+}, fr = ({ endpoint: e, point: t, panelRect: n, dragHandlers: a, keyboardHandlers: o }) => /* @__PURE__ */ r("div", {
   className: zp,
   "data-testid": "difference-arrow-selection-handle",
   "data-endpoint": e,
@@ -6856,7 +6856,7 @@ var Ao = ({ width: e, height: t }) => ({
 }), Qp = (e, t) => ({
   x: Po(t) ? e.x : e.x + e.width,
   y: Io(t) ? e.y : e.y + e.height
-}), kn = (e) => ({
+}), An = (e) => ({
   x: e.x,
   y: 1 - e.y - e.height,
   width: e.width,
@@ -6893,7 +6893,7 @@ var e2 = {
   hovered: "_1ee8fau4 _1ee8fau3",
   selected: "_1ee8fau5 _1ee8fau3"
 }, n2 = ({ panelRect: e }) => {
-  const t = Me(e), n = Xr(), a = te(), o = Ye(), i = Z((f) => U(f, "move-drag")), l = Z((f) => U(f, "shape-resize-drag")), s = Z((f) => U(f, "arrow-endpoint-drag")), c = Z((f) => U(f, "text-resize-drag")), h = Z(fi), d = P(() => ({
+  const t = Me(e), n = qr(), a = te(), o = Ye(), i = Z((f) => U(f, "move-drag")), l = Z((f) => U(f, "shape-resize-drag")), s = Z((f) => U(f, "arrow-endpoint-drag")), c = Z((f) => U(f, "text-resize-drag")), h = Z(fi), d = P(() => ({
     panel: {
       width: e.width,
       height: e.height
@@ -6905,14 +6905,14 @@ var e2 = {
     e.height,
     n,
     a
-  ]), u = yr(t, o, d), p = yr(t, h === o ? null : h, d), v = (f) => {
+  ]), u = br(t, o, d), p = br(t, h === o ? null : h, d), v = (f) => {
     if (l?.annotationId === f.id) {
       const b = t.shapes.find((x) => x.id === f.id);
-      return b === void 0 ? f.geometry : Wr(kn(l.region), a.annotation.shape(b.id).get("strokeWidth"), d.panel);
+      return b === void 0 ? f.geometry : $r(An(l.region), a.annotation.shape(b.id).get("strokeWidth"), d.panel);
     }
     if (s?.annotationId === f.id) {
       const b = t.arrows.find((x) => x.id === f.id);
-      return b === void 0 ? f.geometry : rl(An(b, s), d.panel) ?? f.geometry;
+      return b === void 0 ? f.geometry : rl(Tn(b, s), d.panel) ?? f.geometry;
     }
     return c?.annotationId === f.id ? Eo(t, f.id, c, d) ?? f.geometry : f.geometry;
   }, m = (f) => {
@@ -6923,34 +6923,34 @@ var e2 = {
       y: e.y + b.y
     };
   };
-  return /* @__PURE__ */ g(Q, { children: [p !== null && /* @__PURE__ */ r(Sr, {
+  return /* @__PURE__ */ g(Q, { children: [p !== null && /* @__PURE__ */ r(yr, {
     annotationId: p.id,
     geometry: v(p),
     state: "hovered",
     origin: m(p.id)
-  }), u !== null && /* @__PURE__ */ r(Sr, {
+  }), u !== null && /* @__PURE__ */ r(yr, {
     annotationId: u.id,
     geometry: v(u),
     state: "selected",
     origin: m(u.id)
   })] });
-}, yr = (e, t, n) => {
+}, br = (e, t, n) => {
   if (t === null) return null;
   const a = Li(e, t, n);
   return a === null ? null : {
     id: t,
     geometry: a
   };
-}, Sr = ({ annotationId: e, geometry: t, state: n, origin: a }) => t.shape === "segment" ? /* @__PURE__ */ g("div", {
+}, yr = ({ annotationId: e, geometry: t, state: n, origin: a }) => t.shape === "segment" ? /* @__PURE__ */ g("div", {
   "aria-hidden": "true",
   "data-testid": "annotation-chrome",
   "data-annotation-id": e,
   "data-state": n,
-  children: [/* @__PURE__ */ r(Cr, {
+  children: [/* @__PURE__ */ r(Sr, {
     point: t.start,
     state: n,
     origin: a
-  }), /* @__PURE__ */ r(Cr, {
+  }), /* @__PURE__ */ r(Sr, {
     point: t.end,
     state: n,
     origin: a
@@ -6967,7 +6967,7 @@ var e2 = {
     width: t.rect.width + 4,
     height: t.rect.height + 4
   }
-}), Cr = ({ point: e, state: t, origin: n }) => /* @__PURE__ */ r("span", {
+}), Sr = ({ point: e, state: t, origin: n }) => /* @__PURE__ */ r("span", {
   className: t2[t],
   style: {
     left: n.x + e.x,
@@ -6979,7 +6979,7 @@ var e2 = {
   const a = Co(t.translation, e);
   return /* @__PURE__ */ r("svg", {
     "aria-hidden": "true",
-    className: Tn,
+    className: wn,
     width: e.width,
     height: e.height,
     style: {
@@ -7025,18 +7025,18 @@ var e2 = {
   }
   return null;
 }, l2 = ({ arrow: e, panelSize: t }) => {
-  const n = vn(te(), e.id), a = la({
+  const n = gn(te(), e.id), a = ia({
     arrow: e,
     style: n,
     panelWidth: t.width,
     panelHeight: t.height
   });
-  return a === null ? null : /* @__PURE__ */ r(Kr, {
+  return a === null ? null : /* @__PURE__ */ r(Ur, {
     computed: a,
     style: n,
     isAddressable: !1
   });
-}, s2 = ({ shape: e, panelSize: t }) => /* @__PURE__ */ r(Zr, {
+}, s2 = ({ shape: e, panelSize: t }) => /* @__PURE__ */ r(Xr, {
   shape: e,
   style: te().annotation.shape(e.id).resolve(),
   panel: t
@@ -7050,7 +7050,7 @@ var e2 = {
   const o = n.find((i) => i.id === t.annotationId);
   return o === void 0 ? null : /* @__PURE__ */ r("svg", {
     "aria-hidden": "true",
-    className: Tn,
+    className: wn,
     width: e.width,
     height: e.height,
     style: {
@@ -7059,10 +7059,10 @@ var e2 = {
     },
     "data-testid": "shape-resize-preview",
     "data-annotation-id": t.annotationId,
-    children: /* @__PURE__ */ r(Zr, {
+    children: /* @__PURE__ */ r(Xr, {
       shape: {
         ...o,
-        region: kn(t.region)
+        region: An(t.region)
       },
       style: a.annotation.shape(o.id).resolve(),
       panel: e
@@ -7243,13 +7243,13 @@ var e2 = {
   }));
 }, f2 = [" ", "Enter"], No = (e) => {
   const t = V(), n = J(e);
-  return z(() => () => xr(t, n.current), [t, n]), ae((a) => ({ onKeyDown: (o) => {
+  return z(() => () => Cr(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 (f2.includes(o.key)) {
       if (o.preventDefault(), o.repeat) return;
       if (l !== null) {
-        xr(t, n.current);
+        Cr(t, n.current);
         return;
       }
       const c = n.current.claim(a);
@@ -7261,10 +7261,10 @@ var e2 = {
     const s = n.current.step(l, a, o.key);
     s !== null && (o.preventDefault(), i.claimInteraction(s));
   } }), [t, n]);
-}, xr = (e, t) => {
+}, Cr = (e, t) => {
   const n = t.readHeld();
   n !== null && (e.getState().releaseInteraction(n.kind), t.commit(n));
-}, wr = 4, b2 = ({ annotationId: e, panelRect: t }) => {
+}, xr = 4, b2 = ({ annotationId: e, panelRect: t }) => {
   const { commands: n } = B(), a = V(), o = _((i) => i.spec.annotations);
   return No({
     readHeld: () => un(U(a.getState(), "shape-resize-drag"), e),
@@ -7299,7 +7299,7 @@ var e2 = {
     }
   });
 }, y2 = (e, t) => {
-  const n = ce(wr, t.width), a = ce(wr, t.height);
+  const n = ce(xr, t.width), a = ce(xr, t.height);
   switch (e) {
     case "ArrowLeft":
       return {
@@ -7347,7 +7347,7 @@ var e2 = {
   }), h = b2({
     annotationId: e.id,
     panelRect: o
-  }), d = te().annotation.shape(e.id).resolve(), { rect: u } = Wr(kn(t), d.strokeWidth, o);
+  }), d = te().annotation.shape(e.id).resolve(), { rect: u } = $r(An(t), d.strokeWidth, o);
   return /* @__PURE__ */ g("div", {
     "data-testid": "shape-selection",
     "data-annotation-id": e.id,
@@ -7380,7 +7380,7 @@ var e2 = {
 }, w2 = (e) => {
   const t = _((n) => n.spec.annotations.shapes);
   return e === null ? null : t.find((n) => n.id === e) ?? null;
-}, T2 = (e) => Z(fe((t) => e === null ? {
+}, T2 = (e) => Z(be((t) => e === null ? {
   resizedRegion: null,
   isMoved: !1
 } : {
@@ -7408,15 +7408,15 @@ var pt = "textStyle", Ro = /* @__PURE__ */ new Set(["paragraph", "heading"]), k2
     fontSize: at(t.map((a) => R2(Ht(a)?.fontSize))),
     alignment: at(n.map((a) => D2(a.attrs?.textAlign)))
   };
-}, L2 = (e, t) => Ln(e, (n) => n.type === "text" ? E2(n, t) : n), P2 = (e) => Do(e).length > 0, I2 = (e, t) => Ln(e, (n) => Ro.has(n.type ?? "") ? {
+}, L2 = (e, t) => kn(e, (n) => n.type === "text" ? E2(n, t) : n), P2 = (e) => Do(e).length > 0, I2 = (e, t) => kn(e, (n) => Ro.has(n.type ?? "") ? {
   ...n,
   attrs: {
     ...n.attrs,
     textAlign: t
   }
-} : n), Ln = (e, t) => t(e.content === void 0 ? e : {
+} : n), kn = (e, t) => t(e.content === void 0 ? e : {
   ...e,
-  content: e.content.map((n) => Ln(n, t))
+  content: e.content.map((n) => kn(n, t))
 }), E2 = (e, t) => {
   const n = e.marks ?? [], a = n.find((i) => i.type === pt), o = {
     type: pt,
@@ -7429,7 +7429,7 @@ var pt = "textStyle", Ro = /* @__PURE__ */ new Set(["paragraph", "heading"]), k2
     ...e,
     marks: a === void 0 ? [...n, o] : n.map((i) => i === a ? o : i)
   };
-}, Ht = (e) => e.marks?.find((t) => t.type === pt)?.attrs, O2 = (e) => _n(e?.font) ?? _n(e?.fontFamily), Do = (e) => Pn(e, (t) => t.type === "text"), M2 = (e) => Pn(e, (t) => Ro.has(t.type ?? "")), Pn = (e, t) => [...t(e) ? [e] : [], ...(e.content ?? []).flatMap((n) => Pn(n, t))], at = (e) => {
+}, Ht = (e) => e.marks?.find((t) => t.type === pt)?.attrs, O2 = (e) => Dn(e?.font) ?? Dn(e?.fontFamily), Do = (e) => Ln(e, (t) => t.type === "text"), M2 = (e) => Ln(e, (t) => Ro.has(t.type ?? "")), Ln = (e, t) => [...t(e) ? [e] : [], ...(e.content ?? []).flatMap((n) => Ln(n, t))], at = (e) => {
   const [t, ...n] = e;
   return t === void 0 ? null : n.every((a) => a === t) ? t : null;
 }, N2 = (e) => typeof e == "string" && e.length > 0 ? e : void 0, R2 = (e) => typeof e == "number" && Number.isFinite(e) ? e : void 0, D2 = (e) => e === "left" || e === "center" || e === "right" ? e : void 0;
@@ -7604,7 +7604,7 @@ var Fo = [
   });
 }, G2 = (e) => e === "transparent" ? { fill: Pa } : {
   fill: e,
-  fillAlpha: hd(e) ? Ql : 1
+  fillAlpha: pd(e) ? Ql : 1
 }, V2 = ({ current: e, onPick: t }) => {
   const n = M(), a = (o) => () => t(o);
   return /* @__PURE__ */ r(Q, { children: B2.map((o) => /* @__PURE__ */ r(D.ToggleButton, {
@@ -7792,14 +7792,14 @@ var zo = ({ width: e }) => ce(60, e), W2 = (e, t) => ({
 }, Q2 = (e) => {
   const t = _((n) => n.spec.annotations.textAnnotations);
   return e === null ? null : t.find((n) => n.id === e) ?? null;
-}, em = (e) => Z(fe((t) => e === null ? {
+}, em = (e) => Z(be((t) => e === null ? {
   resized: null,
   isMoved: !1
 } : {
   resized: dn(U(t, "text-resize-drag"), e),
   isMoved: vt(U(t, "move-drag"), e) !== null
 })), tm = (e, t, n) => {
-  const a = Me(e), o = Xr(), i = te(), l = P(() => ({
+  const a = Me(e), o = qr(), i = te(), l = P(() => ({
     panel: {
       width: e.width,
       height: e.height
@@ -7917,7 +7917,7 @@ var om = "_1tyillx1", im = {
       const n = t.legends[e.part.legendIndex], a = n?.items[e.part.itemIndex];
       if (n === void 0 || a === void 0) return null;
       const o = vm(n, a.layerId, t.layers);
-      return o === null ? null : ia({
+      return o === null ? null : oa({
         layer: o.layer,
         scope: "series",
         variable: o.variable,
@@ -7957,9 +7957,9 @@ var om = "_1tyillx1", im = {
   let a = null;
   for (const o of e) {
     if (!o.interactive) continue;
-    const i = Zs(o.mapping);
+    const i = js(o.mapping);
     if (i === null) continue;
-    const l = ia({
+    const l = oa({
       layer: o,
       scope: "x-value",
       variable: i,
@@ -7975,9 +7975,9 @@ var om = "_1tyillx1", im = {
 }, Sm = ({ hover: e, layers: t, scales: n, parsingLocale: a }) => {
   const { primary: o, intersection: i } = e;
   if (o === null) return null;
-  const l = be(t, o.layerId);
+  const l = ve(t, o.layerId);
   if (l === void 0) return null;
-  const s = pa(o), c = i?.intersects !== !1, h = Fs(l), d = c || !Es(n) ? [h] : ["x-value", h];
+  const s = pa(o), c = i?.intersects !== !1, h = zs(l), d = c || !Os(n) ? [h] : ["x-value", h];
   for (const u of d) {
     const p = St({
       layer: l,
@@ -7995,7 +7995,7 @@ var om = "_1tyillx1", im = {
   return null;
 }, Cm = (e, t, n) => {
   if (!e.isOnObservation || e.target.scope !== "series") return null;
-  const a = be(t, e.layerId);
+  const a = ve(t, e.layerId);
   return a === void 0 ? null : St({
     layer: a,
     observationIndex: e.observationIndex,
@@ -8003,14 +8003,14 @@ var om = "_1tyillx1", im = {
     parsingLocale: n
   });
 }, Vo = (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 && gn({
+  const { target: n, clientX: a, clientY: o } = e, { frameElement: i, captureRect: l, menuTrigger: s, panelOrigin: c, resolvesObservations: h, scene: d } = t, u = s !== null && mn({
     x: a - c.x,
     y: o - c.y
   }, s);
   if (!(n instanceof Element && i.contains(n))) return {
-    targetAtPoint: Dn({
+    targetAtPoint: Rn({
       isMenuTrigger: u,
-      stamped: Tr(!1, !1, e, t),
+      stamped: wr(!1, !1, e, t),
       observations: null
     }),
     hover: null
@@ -8020,9 +8020,9 @@ var om = "_1tyillx1", im = {
     layers: d.layers,
     scales: d.scales,
     parsingLocale: d.config.parsingLocale
-  }), b = Dn({
+  }), b = Rn({
     isMenuTrigger: u,
-    stamped: Tr(p, f !== null, e, t),
+    stamped: wr(p, f !== null, e, t),
     observations: f
   });
   return {
@@ -8032,7 +8032,7 @@ var om = "_1tyillx1", im = {
 }, xm = (e) => {
   const t = e.getBoundingClientRect();
   return t.width > 0 && t.height > 0 ? t : null;
-}, Tr = (e, t, n, { paintsAnnotations: a, resolvesGuides: o, frameElement: i, scene: l }) => {
+}, wr = (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 ? Go(n.clientX, n.clientY, i) : wm(n.target, i);
   return s === null ? null : (s.kind === "annotation" ? a : o) ? s : null;
@@ -8103,7 +8103,7 @@ var om = "_1tyillx1", im = {
     panelRect: n
   }), v = J(t), m = J(o), f = ne(null);
   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 && oa(w, x.selectedFor);
+    const x = c.getState().pressedObservation, [w, ...C] = b, S = w !== void 0 && C.length === 0 && x !== null && aa(w, x.selectedFor);
     x !== null && !S && c.getState().setPressedObservation(null);
   }), [c, l]), z(() => {
     const b = (A) => Vo({
@@ -8112,7 +8112,7 @@ var om = "_1tyillx1", im = {
       clientY: A.clientY
     }, a()).targetAtPoint, x = (A) => {
       if (!(A.target instanceof Element)) return !1;
-      const N = A.target.closest(Gr);
+      const N = A.target.closest(Hr);
       return N !== null && e.contains(N) && bt([A.target], e) === null;
     }, w = (A, N) => {
       if (f.current !== null || !Qi(p.current.annotations, N.id)) return;
@@ -8306,10 +8306,10 @@ var om = "_1tyillx1", im = {
     a
   ]);
 }, Mm = () => {
-  const e = Ne[Le()].observationMenu, t = Ui((l) => e ? l.hover.primary : null), { layers: n, coordSystem: a } = _(fe((l) => ({
+  const e = Ne[Le()].observationMenu, t = Ui((l) => e ? l.hover.primary : null), { layers: n, coordSystem: a } = _(be((l) => ({
     layers: l.layers,
     coordSystem: l.coordSystem
-  }))), { anchorResolver: o } = B(), i = qr();
+  }))), { anchorResolver: o } = B(), i = Kr();
   return P(() => {
     if (t === null) return null;
     const l = n.find((h) => h.id === t.layerId);
@@ -8323,7 +8323,7 @@ var om = "_1tyillx1", im = {
     const c = gs(l)(t.observation);
     return c === null ? null : {
       position: s,
-      color: Gs({ geom: i }, l, t.observation) ?? dl,
+      color: Vs({ geom: i }, l, t.observation) ?? dl,
       layer: l,
       at: c,
       observation: t.observation
@@ -8397,7 +8397,7 @@ var om = "_1tyillx1", im = {
       if (c = null, h === null) return;
       const S = a.getState();
       if (ot(S.standingInteraction)) {
-        const N = S.menuTrigger !== null && gn({
+        const N = S.menuTrigger !== null && mn({
           x: h.clientX - l.current.x,
           y: h.clientY - l.current.y
         }, S.menuTrigger), F = S.editTargetUnderPointer;
@@ -8454,9 +8454,9 @@ var om = "_1tyillx1", im = {
     case "chrome-popup":
       return !1;
   }
-}, Ar = "editor", kr = [], zm = (e, t, n, a, o) => {
-  const i = $o(), { store: l } = Xe(), s = hn().length > 0, c = Ne[Le()].holdsHoverWhileSelected, h = Z((m) => m.menuTrigger), d = i.kind === "menu", u = P(() => h === null ? kr : [ss(h)], [h]), p = Om(e, t);
-  _m(e, t, p), Pm(e, t, n, p, o), Dm(i, t, n), mm(e), Im(e), hm(e, a), z(() => (l.getState().publishPointerRegions(Ar, u), () => l.getState().publishPointerRegions(Ar, kr)), [l, u]);
+}, Tr = "editor", Ar = [], zm = (e, t, n, a, o) => {
+  const i = $o(), { store: l } = Xe(), s = hn().length > 0, c = Ne[Le()].holdsHoverWhileSelected, h = Z((m) => m.menuTrigger), d = i.kind === "menu", u = P(() => h === null ? Ar : [ss(h)], [h]), p = Om(e, t);
+  _m(e, t, p), Pm(e, t, n, p, o), Dm(i, t, n), mm(e), Im(e), hm(e, a), z(() => (l.getState().publishPointerRegions(Tr, u), () => l.getState().publishPointerRegions(Tr, Ar)), [l, u]);
   const v = d || s && c;
   z(() => (l.getState().setPointerSuspended(v), () => l.getState().setPointerSuspended(!1)), [l, v]), z(() => {
     if (!s || !c) return;
@@ -8481,7 +8481,7 @@ var om = "_1tyillx1", im = {
     h,
     s,
     l
-  ]), i === null ? null : /* @__PURE__ */ g(Th, { children: [c !== null && /* @__PURE__ */ r(Hm, {
+  ]), i === null ? null : /* @__PURE__ */ g(Ah, { children: [c !== null && /* @__PURE__ */ r(Hm, {
     annotationId: c,
     panelRect: t
   }), /* @__PURE__ */ r(Gm, {
@@ -8523,7 +8523,7 @@ var om = "_1tyillx1", im = {
     width: t.width,
     height: t.height
   }), [t.width, t.height]);
-  return /* @__PURE__ */ g(Q, { children: [h && /* @__PURE__ */ g(Q, { children: [/* @__PURE__ */ r(ch, {
+  return /* @__PURE__ */ g(Q, { children: [h && /* @__PURE__ */ g(Q, { children: [/* @__PURE__ */ r(dh, {
     frameElement: e,
     frameSize: u,
     panelRect: a,
@@ -8574,10 +8574,10 @@ var om = "_1tyillx1", im = {
       d && /* @__PURE__ */ r(n1, { frameElement: e })
     ] })
   })] });
-}, bv = ({ slots: e, mode: t, ...n }) => /* @__PURE__ */ r($c, {
-  locale: jr(),
+}, bv = ({ slots: e, mode: t, ...n }) => /* @__PURE__ */ r(Wc, {
+  locale: Zr(),
   children: /* @__PURE__ */ r(bi, { children: /* @__PURE__ */ r(Ai, {
-    editors: wu,
+    editors: Tu,
     children: /* @__PURE__ */ r($i, {
       slots: P(() => ({
         EditorSurface: Bm,
@@ -8611,12 +8611,12 @@ var $m = {
       children: e
     })]
   });
-}, In = De(null), $ = () => {
-  const e = Se(In);
+}, Pn = De(null), $ = () => {
+  const e = Se(Pn);
   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;
 }, Wo = ({ children: e, onKeyDown: t, ...n }) => {
-  const a = Se(In);
+  const a = Se(Pn);
   return /* @__PURE__ */ r("div", {
     onKeyDown: (i) => {
       if (t?.(i), !a || i.defaultPrevented) return;
@@ -8633,7 +8633,7 @@ var Xm = ({ value: e, onChange: t, onCommit: n, min: a, max: o, step: i, placeho
     ariaLabel: u,
     ariaLabelledBy: p
   }), { commitUnlessHeldKey: f, gestureHandlers: b } = Lt(n);
-  return /* @__PURE__ */ r(Un.Root, {
+  return /* @__PURE__ */ r(Wn.Root, {
     className: Um,
     value: e,
     onValueChange: (x) => t(x),
@@ -8653,7 +8653,7 @@ var Xm = ({ value: e, onChange: t, onCommit: n, min: a, max: o, step: i, placeho
           className: "eh8dvc3",
           children: s
         }),
-        /* @__PURE__ */ r(Un.Input, {
+        /* @__PURE__ */ r(Wn.Input, {
           className: qm,
           placeholder: l,
           ...b,
@@ -8716,7 +8716,7 @@ var Ym = 6, Jm = ({ options: e, value: t, onChange: n, onCommit: a, columns: o,
     default:
       return Be[6];
   }
-}, eg = "_1g5x15w0 uz3g760", tg = "_1g5x15w1", ng = "_1g5x15w2", Lr = "_1g5x15w3", rg = "_1g5x15w4", ag = "_1g5x15w5", og = "_1g5x15w6", ig = "_1g5x15w7";
+}, eg = "_1g5x15w0 uz3g760", tg = "_1g5x15w1", ng = "_1g5x15w2", kr = "_1g5x15w3", rg = "_1g5x15w4", ag = "_1g5x15w5", og = "_1g5x15w6", ig = "_1g5x15w7";
 var lg = ({ options: e, value: t, onChange: n, placeholder: a, isDisabled: o, hasError: i, ariaLabel: l, ariaLabelledBy: s, id: c }) => {
   const h = Pe({
     id: c,
@@ -8739,7 +8739,7 @@ var lg = ({ options: e, value: t, onChange: n, placeholder: a, isDisabled: o, ha
         className: tg,
         children: (d) => sg(e, d, a)
       }), /* @__PURE__ */ r(pe.Icon, {
-        className: Lr,
+        className: kr,
         children: /* @__PURE__ */ r(je, { size: "sm" })
       })]
     }), /* @__PURE__ */ r(pe.Portal, {
@@ -8764,7 +8764,7 @@ var lg = ({ options: e, value: t, onChange: n, placeholder: a, isDisabled: o, ha
                 })]
               }),
               /* @__PURE__ */ r(pe.ItemIndicator, {
-                className: Lr,
+                className: kr,
                 children: /* @__PURE__ */ r(Fa, { size: "sm" })
               })
             ]
@@ -8817,13 +8817,13 @@ var vg = ({ value: e, onChange: t, onCommit: n, min: a, max: o, step: i, suffix:
     ariaLabel: a,
     ariaLabelledBy: o
   });
-  return /* @__PURE__ */ r(Kn.Root, {
+  return /* @__PURE__ */ r(Un.Root, {
     checked: e,
     onCheckedChange: (s) => t(s),
     disabled: n,
     className: bg,
     ...l,
-    children: /* @__PURE__ */ r(Kn.Thumb, { className: yg })
+    children: /* @__PURE__ */ r(Un.Thumb, { className: yg })
   });
 }, Cg = "uz3g761", xg = "tpcnun0 uz3g760", wg = ({ value: e, onChange: t, onCommit: n, placeholder: a, isDisabled: o, hasError: i, ariaLabel: l, ariaLabelledBy: s, id: c }) => {
   const h = Pe({
@@ -8834,7 +8834,7 @@ var vg = ({ value: e, onChange: t, onCommit: n, min: a, max: o, step: i, suffix:
   return /* @__PURE__ */ r(Wo, {
     className: xg,
     "data-error": i === !0,
-    children: /* @__PURE__ */ r(Ac, {
+    children: /* @__PURE__ */ r(kc, {
       className: Cg,
       value: e,
       onValueChange: (d) => t(d),
@@ -8903,7 +8903,7 @@ var Rg = ({ handle: e, children: t, controls: n, defaultExpandedSection: a = voi
     expandSection: (u) => h([u]),
     collapseAllSections: () => h([])
   }), []);
-  return /* @__PURE__ */ r(In.Provider, {
+  return /* @__PURE__ */ r(Pn.Provider, {
     value: i,
     children: /* @__PURE__ */ r(Ag, {
       controls: n,
@@ -8923,22 +8923,22 @@ var Rg = ({ handle: e, children: t, controls: n, defaultExpandedSection: a = voi
 }, qo = {
   Root: Rg,
   Controls: Mg
-}, Pr = {
+}, Lr = {
   stack: "pr583x0",
   grid: "pr583x1"
-}, Ir = "pr583x2", Dg = {
+}, Pr = "pr583x2", Dg = {
   plain: "pr583x4 pr583x3",
   withIcon: "pr583x5 pr583x3"
 }, T = ({ label: e, layout: t = "grid", icon: n, children: a }) => {
   const o = ke(), i = ke();
   return e === void 0 ? /* @__PURE__ */ r(Yt, {
-    className: Pr[t],
+    className: Lr[t],
     children: /* @__PURE__ */ r("div", {
-      className: Ir,
+      className: Pr,
       children: a
     })
   }) : /* @__PURE__ */ g(Yt, {
-    className: Pr[t],
+    className: Lr[t],
     children: [/* @__PURE__ */ g("label", {
       id: o,
       htmlFor: i,
@@ -8948,7 +8948,7 @@ var Rg = ({ handle: e, children: t, controls: n, defaultExpandedSection: a = voi
         children: n
       }), e]
     }), /* @__PURE__ */ r("div", {
-      className: Ir,
+      className: Pr,
       children: /* @__PURE__ */ r(to, {
         labelId: o,
         controlId: i,
@@ -8956,7 +8956,7 @@ var Rg = ({ handle: e, children: t, controls: n, defaultExpandedSection: a = voi
       })
     })]
   });
-}, _g = "_2m7wuq0", yv = () => /* @__PURE__ */ r(kc, { className: _g }), Fg = (e) => /* @__PURE__ */ r(k, {
+}, _g = "_2m7wuq0", yv = () => /* @__PURE__ */ r(Lc, { className: _g }), Fg = (e) => /* @__PURE__ */ r(k, {
   ...e,
   children: /* @__PURE__ */ r("g", {
     stroke: "currentColor",
@@ -8965,7 +8965,7 @@ var Rg = ({ handle: e, children: t, controls: n, defaultExpandedSection: a = voi
     strokeLinejoin: "round",
     children: /* @__PURE__ */ r("path", { d: "m9 6 6 6-6 6" })
   })
-}), En = "_40zvwv0", On = "_40zvwv1", zg = "_40zvwv2", Xo = "_40zvwv3", Bg = "_40zvwv4 _40zvwv3";
+}), In = "_40zvwv0", En = "_40zvwv1", zg = "_40zvwv2", Xo = "_40zvwv3", Bg = "_40zvwv4 _40zvwv3";
 var Hg = "_40zvwv6";
 var Gg = "_40zvwv8", q = ({ title: e, layout: t = "fixed", preview: n, accessory: a, onOpenChange: o, children: i }) => t === "collapsible" ? /* @__PURE__ */ r($g, {
   title: e,
@@ -8978,9 +8978,9 @@ var Gg = "_40zvwv8", q = ({ title: e, layout: t = "fixed", preview: n, accessory
   accessory: a,
   children: i
 }) : /* @__PURE__ */ g("div", {
-  className: En,
+  className: In,
   children: [/* @__PURE__ */ g("div", {
-    className: On,
+    className: En,
     children: [
       /* @__PURE__ */ r("span", {
         className: Xo,
@@ -8999,9 +8999,9 @@ var Gg = "_40zvwv8", q = ({ title: e, layout: t = "fixed", preview: n, accessory
 }), Vg = ({ title: e, accessory: t, children: n }) => {
   const a = ke(), o = ke();
   return /* @__PURE__ */ r("div", {
-    className: En,
+    className: In,
     children: /* @__PURE__ */ g("div", {
-      className: On,
+      className: En,
       children: [
         /* @__PURE__ */ r("label", {
           id: a,
@@ -9028,10 +9028,10 @@ var Gg = "_40zvwv8", q = ({ title: e, layout: t = "fixed", preview: n, accessory
   const i = M();
   return /* @__PURE__ */ g(Ue.Item, {
     value: e,
-    className: En,
+    className: In,
     onOpenChange: a,
     children: [/* @__PURE__ */ g(Ue.Header, {
-      className: On,
+      className: En,
       render: /* @__PURE__ */ r("div", {}),
       children: [
         /* @__PURE__ */ r(Ue.Trigger, {
@@ -9087,15 +9087,15 @@ var Gg = "_40zvwv8", q = ({ title: e, layout: t = "fixed", preview: n, accessory
 }, qg = {
   x: "editor.axesPanel.mainAxisSection.xAxis",
   y: "editor.axesPanel.mainAxisSection.yAxis"
-}, Er = ({ axis: e, title: t, layout: n = "collapsible", preview: a }) => {
+}, Ir = ({ axis: e, title: t, layout: n = "collapsible", preview: a }) => {
   const o = $(), i = K(o), l = M(), { NumberField: s, Switch: c, TextField: h, ToggleGroup: d } = W();
   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, x = m?.scaleType === "continuous" || m?.scaleType === "datetime", w = f !== void 0 && _s(i, e), C = f?.transform === "log", S = f?.domainMax ?? null, L = Xg(f), A = (I, he) => I.map((Qe) => ({
+  const b = m !== void 0 && "reverse" in m ? m : void 0, x = m?.scaleType === "continuous" || m?.scaleType === "datetime", w = f !== void 0 && Fs(i, e), C = f?.transform === "log", S = f?.domainMax ?? null, L = Xg(f), A = (I, he) => I.map((Qe) => ({
     value: Qe,
     label: he(Qe)
-  })), N = i.guides.axes.find((I) => I.scaleAestheticKey === e)?.position, F = Ug[N === "bottom" || N === "top" || N === void 0 && e === "x" ? "horizontal" : "vertical"], R = e === "y" ? zs(i.spec) : null, E = R === null ? void 0 : be(i.spec.layers, R), O = i.guides.legends.drawn.some((I) => F.some((he) => he === I.position)), y = F.map((I) => ({
+  })), N = i.guides.axes.find((I) => I.scaleAestheticKey === e)?.position, F = Ug[N === "bottom" || N === "top" || N === void 0 && e === "x" ? "horizontal" : "vertical"], R = e === "y" ? Bs(i.spec) : null, E = R === null ? void 0 : ve(i.spec.layers, R), O = i.guides.legends.drawn.some((I) => F.some((he) => he === I.position)), y = F.map((I) => ({
     value: I,
     label: l(Kg[I])
   })), G = A(["auto", "edges"], (I) => l(I === "edges" ? "editor.axesPanel.labelMode.edges" : "editor.axesPanel.labelMode.auto")), re = A(["linear", "log"], (I) => l(I === "log" ? "editor.axesPanel.scale.log" : "editor.axesPanel.scale.auto")), xe = A([
@@ -9132,23 +9132,23 @@ var Gg = "_40zvwv8", q = ({ title: e, layout: t = "fixed", preview: n, accessory
       scaledAesthetic: e,
       transform: I === "log" ? "log" : "linear"
     }));
-  }, Rn = (I) => {
+  }, Nn = (I) => {
     o.commands.dispatch(new _t({
       scaledAesthetic: e,
       ...I
     }), { transient: !0 });
   }, ii = (I) => {
-    I !== null && Rn({ domainMin: I });
+    I !== null && Nn({ domainMin: I });
   }, li = (I) => {
-    I !== null && Rn({ domainMax: I });
+    I !== null && Nn({ domainMax: I });
   }, si = (I) => {
-    const he = I === "auto" ? null : I === "zero" ? 0 : Or(v?.domain, "start");
+    const he = I === "auto" ? null : I === "zero" ? 0 : Er(v?.domain, "start");
     o.commands.dispatch(new _t({
       scaledAesthetic: e,
       domainMin: he
     }));
   }, ci = (I) => {
-    const he = I === "custom" ? Or(v?.domain, "end") : null;
+    const he = I === "custom" ? Er(v?.domain, "end") : null;
     o.commands.dispatch(new _t({
       scaledAesthetic: e,
       domainMax: he
@@ -9269,10 +9269,10 @@ var Gg = "_40zvwv8", q = ({ title: e, layout: t = "fixed", preview: n, accessory
 }, Xg = (e) => {
   const t = e?.domainMin ?? null;
   return t === null ? "auto" : t === 0 ? "zero" : "custom";
-}, Or = (e, t) => {
+}, Er = (e, t) => {
   const n = t === "start" ? e?.[0] : e?.[e.length - 1];
   return typeof n == "number" ? n : 0;
-}, Mn = ({ value: e, onChange: t }) => {
+}, On = ({ value: e, onChange: t }) => {
   const n = $(), a = M(), { TextField: o } = W(), i = e !== null && typeof e != "string", l = (s) => t(s === "" ? null : s);
   return /* @__PURE__ */ r(T, {
     label: a("editor.elementsPanel.contentValue"),
@@ -9292,7 +9292,7 @@ var Gg = "_40zvwv8", q = ({ title: e, layout: t = "fixed", preview: n, accessory
       isVisible: d
     }));
   }, h = (d) => {
-    a.commands.dispatch(new ta({ caption: d }), { transient: !0 });
+    a.commands.dispatch(new ea({ caption: d }), { transient: !0 });
   };
   return /* @__PURE__ */ r(q, {
     title: e ?? i("editor.elementsPanel.footerSection.caption"),
@@ -9304,12 +9304,12 @@ var Gg = "_40zvwv8", q = ({ title: e, layout: t = "fixed", preview: n, accessory
         isChecked: s.isCaptionVisible,
         onChange: c
       })
-    }), /* @__PURE__ */ r(Mn, {
+    }), /* @__PURE__ */ r(On, {
       value: s.caption,
       onChange: h
     })] })
   });
-}, Mr = /^[a-z][a-z\d+.-]*:/i, jg = {}, Yg = ({ title: e, layout: t = "collapsible", preview: n }) => {
+}, Or = /^[a-z][a-z\d+.-]*:/i, jg = {}, Yg = ({ title: e, layout: t = "collapsible", preview: n }) => {
   const a = $(), o = K(a), i = M(), { Switch: l } = W();
   if (!o) return null;
   const s = o.config.content, c = (h) => {
@@ -9336,7 +9336,7 @@ var Gg = "_40zvwv8", q = ({ title: e, layout: t = "fixed", preview: n, accessory
     t.commands.dispatch(new kl({ source: h ? c : null }), { transient: !0 });
   }, i = () => {
     const c = e.url ?? "";
-    c !== "" && !Mr.test(c) && o({
+    c !== "" && !Or.test(c) && o({
       ...e,
       url: `https://${c}`
     }), t.commands.commit();
@@ -9353,7 +9353,7 @@ var Gg = "_40zvwv8", q = ({ title: e, layout: t = "fixed", preview: n, accessory
       value: e.url ?? "",
       onChange: l,
       onCommit: i,
-      hasError: Mr.test(e.url ?? "") && !Ds(e.url)
+      hasError: Or.test(e.url ?? "") && !_s(e.url)
     })
   }), /* @__PURE__ */ r(T, {
     label: n("editor.elementsPanel.sourceSection.name"),
@@ -9372,7 +9372,7 @@ var Gg = "_40zvwv8", q = ({ title: e, layout: t = "fixed", preview: n, accessory
       isVisible: d
     }));
   }, h = (d) => {
-    a.commands.dispatch(new na({ subtitle: d }), { transient: !0 });
+    a.commands.dispatch(new ta({ subtitle: d }), { transient: !0 });
   };
   return /* @__PURE__ */ r(q, {
     title: e ?? i("editor.elementsPanel.headerSection.subtitle"),
@@ -9384,7 +9384,7 @@ var Gg = "_40zvwv8", q = ({ title: e, layout: t = "fixed", preview: n, accessory
         isChecked: s.isSubtitleVisible,
         onChange: c
       })
-    }), /* @__PURE__ */ r(Mn, {
+    }), /* @__PURE__ */ r(On, {
       value: s.subtitle,
       onChange: h
     })] })
@@ -9392,11 +9392,11 @@ var Gg = "_40zvwv8", q = ({ title: e, layout: t = "fixed", preview: n, accessory
 }, Ot = (e) => {
   const { colorScheme: t } = ft(), n = P(() => fs({ colorScheme: t }), [t]);
   return P(() => e === null ? null : n.readers(e), [e, n]);
-}, Nn = (e, t, n) => {
+}, Mn = (e, t, n) => {
   const a = Ot(e);
   return P(() => {
     if (a === null || e === null || t === null) return null;
-    const o = be(e.layers, t);
+    const o = ve(e.layers, t);
     return o === void 0 ? null : a.geom[n](o);
   }, [
     a,
@@ -9457,7 +9457,7 @@ var Gg = "_40zvwv8", q = ({ title: e, layout: t = "fixed", preview: n, accessory
       isVisible: d
     }));
   }, h = (d) => {
-    a.commands.dispatch(new ra({ title: d }), { transient: !0 });
+    a.commands.dispatch(new na({ title: d }), { transient: !0 });
   };
   return /* @__PURE__ */ r(q, {
     title: e ?? i("editor.elementsPanel.headerSection.toggleTitle"),
@@ -9469,7 +9469,7 @@ var Gg = "_40zvwv8", q = ({ title: e, layout: t = "fixed", preview: n, accessory
         isChecked: s.isTitleVisible,
         onChange: c
       })
-    }), /* @__PURE__ */ r(Mn, {
+    }), /* @__PURE__ */ r(On, {
       value: s.title,
       onChange: h
     })] })
@@ -9485,11 +9485,11 @@ var Gg = "_40zvwv8", q = ({ title: e, layout: t = "fixed", preview: n, accessory
   ] })
 }), Cv = ({ children: e, ...t }) => /* @__PURE__ */ r(qo.Root, {
   ...t,
-  children: e ?? /* @__PURE__ */ g(Q, { children: [/* @__PURE__ */ r(Er, { axis: "x" }), /* @__PURE__ */ r(Er, { axis: "y" })] })
-}), Mt = (e) => `${e}px`, Zo = (e) => `${Math.round(e * 100)}%`, a0 = (e) => `${e}°`, o0 = 24, i0 = { select: { target: "graph" } }, Nr = ["dim", "desaturate"], xv = ({ title: e, layout: t = "collapsible", preview: n }) => {
+  children: e ?? /* @__PURE__ */ g(Q, { children: [/* @__PURE__ */ r(Ir, { axis: "x" }), /* @__PURE__ */ r(Ir, { axis: "y" })] })
+}), Mt = (e) => `${e}px`, Zo = (e) => `${Math.round(e * 100)}%`, a0 = (e) => `${e}°`, o0 = 24, i0 = { select: { target: "graph" } }, Mr = ["dim", "desaturate"], xv = ({ title: e, layout: t = "collapsible", preview: n }) => {
   const a = $(), o = K(a), i = M(), { Slider: l, ToggleGroup: s } = W(), c = Ot(o);
   if (!o || !c) return null;
-  const h = c.graph().get("cornerRadius"), d = Vs(o.spec), u = Nr.map((m) => ({
+  const h = c.graph().get("cornerRadius"), d = $s(o.spec), u = Mr.map((m) => ({
     value: m,
     label: i(m === "dim" ? "editor.highlighting.highlightStyle.tint" : "editor.highlighting.highlightStyle.gray")
   })), p = (m) => {
@@ -9505,7 +9505,7 @@ var Gg = "_40zvwv8", q = ({ title: e, layout: t = "fixed", preview: n, accessory
       }
     }), { transient: !0 });
   }, v = (m) => {
-    const f = Nr.find((b) => b === m);
+    const f = Mr.find((b) => b === m);
     f && a.commands.dispatch(new Dl({ dimStyle: f }));
   };
   return /* @__PURE__ */ r(q, {
@@ -9533,7 +9533,7 @@ var Gg = "_40zvwv8", q = ({ title: e, layout: t = "fixed", preview: n, accessory
     })] })
   });
 }, l0 = 0.05, wv = ({ title: e, layout: t = "collapsible", preview: n }) => {
-  const a = $(), o = K(a), i = M(), { Slider: l, ToggleGroup: s } = W(), c = o ? da(o.spec.layers, "bar") : void 0, h = Nn(o, c?.id ?? null, "bar");
+  const a = $(), o = K(a), i = M(), { Slider: l, ToggleGroup: s } = W(), c = o ? ca(o.spec.layers, "bar") : void 0, h = Mn(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 Al({
@@ -9541,15 +9541,15 @@ var Gg = "_40zvwv8", q = ({ title: e, layout: t = "fixed", preview: n, accessory
       width: f
     }), { transient: !0 });
   }, u = (f) => {
-    const b = Fn.find((x) => x === f);
+    const b = _n.find((x) => x === f);
     b && a.commands.dispatch(new Tl({
       layerId: c.id,
       cornerRadius: b
     }));
-  }, p = Fn.map((f) => ({
+  }, p = _n.map((f) => ({
     value: f,
     label: i(`editor.graphPanel.barSection.roundingOptions.${f}`)
-  })), v = Ys(c.params, o.coordSystem.type), m = h?.get("cornerRadius") ?? cl;
+  })), v = Js(c.params, o.coordSystem.type), m = h?.get("cornerRadius") ?? cl;
   return /* @__PURE__ */ r(q, {
     title: e ?? i("editor.graphPanel.barSection.title"),
     layout: t,
@@ -9704,11 +9704,11 @@ var Gg = "_40zvwv8", q = ({ title: e, layout: t = "fixed", preview: n, accessory
       }
     }));
   }, d = () => {
-    const p = Ms(o);
+    const p = Ns(o);
     p !== null && a.commands.dispatch(new we({
       kind: "differenceArrow",
       annotation: {
-        ...Qr,
+        ...Jr,
         ...p,
         label: b0
       }
@@ -9759,12 +9759,12 @@ var Gg = "_40zvwv8", q = ({ title: e, layout: t = "fixed", preview: n, accessory
   if (!o) return null;
   const s = ha(o.spec);
   if (s === null || !Ie(s)) return null;
-  const c = zn.map((d) => ({
+  const c = Fn.map((d) => ({
     value: d,
     label: i(`editor.graphPanel.comboSection.types.${d}`)
   })), h = (d) => {
-    const u = zn.find((p) => p === d);
-    u && a.commands.dispatch(new ea({
+    const u = Fn.find((p) => p === d);
+    u && a.commands.dispatch(new Qr({
       coordType: "cartesian",
       comboType: u
     }));
@@ -9783,7 +9783,7 @@ var Gg = "_40zvwv8", q = ({ title: e, layout: t = "fixed", preview: n, accessory
 }, S0 = 0.1, C0 = 20, kv = ({ title: e, preview: t }) => {
   const n = $(), a = K(n), o = M(), { NumberField: i, TextField: l } = W();
   if (!a || a.coordSystem.type === "polar") return null;
-  const s = xs(a.spec.layers), c = e ?? o("editor.annotationsPanel.goalSection.title"), h = Hs(s?.mapping.y), d = typeof h == "number" ? h : null, u = (m) => {
+  const s = xs(a.spec.layers), c = e ?? o("editor.annotationsPanel.goalSection.title"), h = Gs(s?.mapping.y), d = typeof h == "number" ? h : null, u = (m) => {
     const f = new ns({
       showGoalLine: m,
       value: x0(a),
@@ -9840,9 +9840,9 @@ var Gg = "_40zvwv8", q = ({ title: e, layout: t = "fixed", preview: n, accessory
 }, Lv = ({ layerId: e, title: t, layout: n = "collapsible", preview: a }) => {
   const o = $(), i = K(o), l = M(), { Switch: s } = W();
   if (!i) return null;
-  const c = e === void 0 ? i.spec.layers[0] : be(i.spec.layers, e);
+  const c = e === void 0 ? i.spec.layers[0] : ve(i.spec.layers, e);
   if (!c) return null;
-  const { showDataLabels: h, format: d, showStackTotals: u, showCategoryLabels: p } = c.dataLabels, v = i.coordSystem.type, m = v === "polar", f = c.geom === "bar", b = f && !m && c.position === "stack", x = f && (!m || h), w = be(i.layers, c.id), C = w !== void 0 && o.canFormatDataLabelsAsPercentages(w, v);
+  const { showDataLabels: h, format: d, showStackTotals: u, showCategoryLabels: p } = c.dataLabels, v = i.coordSystem.type, m = v === "polar", f = c.geom === "bar", b = f && !m && c.position === "stack", x = f && (!m || h), w = ve(i.layers, c.id), C = w !== void 0 && o.canFormatDataLabelsAsPercentages(w, v);
   if (!o.canPlaceDataLabels(c.geom, v)) return null;
   const S = (F) => {
     const R = new ts({
@@ -10687,7 +10687,7 @@ var Gg = "_40zvwv8", q = ({ title: e, layout: t = "fixed", preview: n, accessory
   if (!o) return null;
   const c = ha(o.spec), h = W0(c), d = (u) => {
     const p = an.find((v) => v.name === u);
-    p && a.commands.dispatch(new ea(U0(p, c)));
+    p && a.commands.dispatch(new Qr(U0(p, c)));
   };
   return /* @__PURE__ */ r(q, {
     title: e ?? i("editor.graphPanel.graphTypeSection.title"),
@@ -10701,7 +10701,7 @@ var Gg = "_40zvwv8", q = ({ title: e, layout: t = "fixed", preview: n, accessory
       ariaLabel: i("editor.graphPanel.graphTypeSection.title")
     })
   });
-}, Rr = [
+}, Nr = [
   "solid",
   "dashed",
   "dotted"
@@ -10710,7 +10710,7 @@ var Gg = "_40zvwv8", q = ({ title: e, layout: t = "fixed", preview: n, accessory
   if (!o || !h) return null;
   const d = o.guides.axes.filter(j0);
   if (d.length === 0) return null;
-  const u = o.coordSystem.type !== "polar", p = d.some((w) => w.gridVisible), v = h.gridLine.y().resolve(), m = Rr.map((w) => ({
+  const u = o.coordSystem.type !== "polar", p = d.some((w) => w.gridVisible), v = h.gridLine.y().resolve(), m = Nr.map((w) => ({
     value: w,
     label: i(`editor.graphPanel.gridSection.lineStyles.${w}`)
   })), f = (w) => (C) => {
@@ -10719,7 +10719,7 @@ var Gg = "_40zvwv8", q = ({ title: e, layout: t = "fixed", preview: n, accessory
       isVisible: C
     }));
   }, b = (w) => {
-    const C = Rr.find((S) => S === w);
+    const C = Nr.find((S) => S === w);
     C && a.commands.dispatch(new Il({
       axis: "both",
       lineStyle: C
@@ -10764,7 +10764,7 @@ var Gg = "_40zvwv8", q = ({ title: e, layout: t = "fixed", preview: n, accessory
   "total",
   "average",
   "current"
-], Q0 = ["total"], Dr = ["previous", "first"], _r = [
+], Q0 = ["total"], Rr = ["previous", "first"], Dr = [
   "auto",
   "small",
   "medium",
@@ -10777,10 +10777,10 @@ var Gg = "_40zvwv8", q = ({ title: e, layout: t = "fixed", preview: n, accessory
   const m = u ? Q0 : Yo, f = o.guides.headline, b = f?.kind === "perGroup" && f.items.some((E) => E.comparison !== null), x = m.map((E) => ({
     value: E,
     label: i(`editor.graphPanel.headlineNumberSection.metrics.${E}`)
-  })), w = Dr.map((E) => ({
+  })), w = Rr.map((E) => ({
     value: E,
     label: i(`editor.graphPanel.headlineNumberSection.comparison.${E}`)
-  })), C = _r.map((E) => ({
+  })), C = Dr.map((E) => ({
     value: E,
     label: i(E === "auto" ? "editor.graphPanel.numberFormat.options.auto" : `editor.graphPanel.headlineNumberSize.sizes.${E}`)
   })), S = [{
@@ -10790,15 +10790,15 @@ var Gg = "_40zvwv8", q = ({ title: e, layout: t = "fixed", preview: n, accessory
     value: "center",
     label: i("editor.graphPanel.headlineNumberSection.position.center")
   }], L = (E) => {
-    a.commands.dispatch(new Hn({ show: E ? J0 : "none" }));
+    a.commands.dispatch(new Bn({ show: E ? J0 : "none" }));
   }, A = (E) => {
     const O = m.find((y) => y === E);
-    O && a.commands.dispatch(new Hn({ show: O }));
+    O && a.commands.dispatch(new Bn({ show: O }));
   }, N = (E) => {
-    const O = Dr.find((y) => y === E);
+    const O = Rr.find((y) => y === E);
     O && a.commands.dispatch(new Ml({ compareWith: O }));
   }, F = (E) => {
-    const O = _r.find((y) => y === E);
+    const O = Dr.find((y) => y === E);
     O && a.commands.dispatch(new Rl({ size: O }));
   }, R = (E) => {
     a.commands.dispatch(new Nl({ position: E === "center" ? "center" : "above" }));
@@ -10827,7 +10827,7 @@ var Gg = "_40zvwv8", q = ({ title: e, layout: t = "fixed", preview: n, accessory
         label: i("editor.graphPanel.headlineNumberSection.compareWithLabel"),
         layout: "stack",
         children: /* @__PURE__ */ r(s, {
-          value: Js(c.compareWith),
+          value: Qs(c.compareWith),
           options: w,
           onChange: N
         })
@@ -10859,12 +10859,12 @@ var Gg = "_40zvwv8", q = ({ title: e, layout: t = "fixed", preview: n, accessory
   "left",
   "right",
   "none"
-], Fr = [
+], _r = [
   "auto",
   "start",
   "center",
   "end"
-], zr = [
+], Fr = [
   "auto",
   "pill",
   "direct"
@@ -10884,15 +10884,15 @@ var Gg = "_40zvwv8", q = ({ title: e, layout: t = "fixed", preview: n, accessory
     const E = Gt.find((O) => O === R);
     E && o.commands.dispatch(new Bl({ position: E }));
   }, w = (R) => {
-    const E = Fr.find((O) => O === R);
+    const E = _r.find((O) => O === R);
     E && o.commands.dispatch(new Fl({ align: E }));
   }, C = (R) => {
-    const E = zr.find((O) => O === R);
+    const E = Fr.find((O) => O === R);
     E && o.commands.dispatch(new zl({ display: E }));
-  }, S = Fr.map((R) => ({
+  }, S = _r.map((R) => ({
     value: R,
     label: l(`editor.graphPanel.legendSection.align.${R}`)
-  })), L = zr.map((R) => ({
+  })), L = Fr.map((R) => ({
     value: R,
     label: l(`editor.graphPanel.legendSection.display.${R}`)
   })), A = t ?? l("editor.graphPanel.legendSection.title"), N = b.find((R) => R.value === f)?.label, F = d !== void 0;
@@ -10931,7 +10931,7 @@ var Gg = "_40zvwv8", q = ({ title: e, layout: t = "fixed", preview: n, accessory
     ] })
   });
 }, t5 = 1, n5 = 20, r5 = 0.5, Jo = ({ layerId: e }) => {
-  const t = $(), n = K(t), { Slider: a } = W(), o = Nn(n, e, "point");
+  const t = $(), n = K(t), { Slider: a } = W(), o = Mn(n, e, "point");
   if (!n) return null;
   const i = (l) => {
     const s = new Wl({
@@ -10954,9 +10954,9 @@ var Gg = "_40zvwv8", q = ({ title: e, layout: t = "fixed", preview: n, accessory
   "zero",
   "connect"
 ], Mv = ({ title: e, layout: t = "collapsible", preview: n }) => {
-  const a = $(), o = K(a), i = M(), { Select: l, Slider: s, Switch: c, ToggleGroup: h } = W(), d = o?.spec.layers ?? [], u = da(d, "line", "area"), p = Nn(o, u?.id ?? null, "line");
+  const a = $(), o = K(a), i = M(), { Select: l, Slider: s, Switch: c, ToggleGroup: h } = W(), d = o?.spec.layers ?? [], u = ca(d, "line", "area"), p = Mn(o, u?.id ?? null, "line");
   if (!o || !u) return null;
-  const v = o.coordSystem.type === "polar", m = d5(i, u), f = c5(u, d), b = cs(u.geom, u.id), x = Re(o.spec), w = o.spec.styles.overrides, C = $n(w, b, x), S = $n(js(w, b, x), b, x), L = C?.strokeWidth, A = typeof L == "number", N = S?.strokeWidth !== void 0, F = u.geom === "line" ? u : void 0, R = [{
+  const v = o.coordSystem.type === "polar", m = d5(i, u), f = c5(u, d), b = cs(u.geom, u.id), x = Re(o.spec), w = o.spec.styles.overrides, C = Vn(w, b, x), S = Vn(Ys(w, b, x), b, x), L = C?.strokeWidth, A = typeof L == "number", N = S?.strokeWidth !== void 0, F = u.geom === "line" ? u : void 0, R = [{
     value: "auto",
     label: i("editor.graphPanel.numberFormat.options.auto"),
     isDisabled: N
@@ -10980,12 +10980,12 @@ var Gg = "_40zvwv8", q = ({ title: e, layout: t = "fixed", preview: n, accessory
     }));
   }, G = (oe) => {
     const ze = p?.get("strokeWidth") ?? hl;
-    a.commands.dispatch(new Gn({
+    a.commands.dispatch(new Hn({
       layerId: u.id,
       lineWidth: oe === "custom" ? ze : null
     }));
   }, re = (oe) => {
-    a.commands.dispatch(new Gn({
+    a.commands.dispatch(new Hn({
       layerId: u.id,
       lineWidth: oe
     }), { transient: !0 });
@@ -11056,7 +11056,7 @@ var Gg = "_40zvwv8", q = ({ title: e, layout: t = "fixed", preview: n, accessory
       })
     ] })
   });
-}, s5 = (e) => l5.find((t) => t === e), c5 = (e, t) => Vt(t, "point").find((n) => mn(n, [e])), d5 = (e, t) => {
+}, s5 = (e) => l5.find((t) => t === e), c5 = (e, t) => Vt(t, "point").find((n) => da(n, [e])), d5 = (e, t) => {
   const n = [{
     value: "gap",
     label: e("editor.graphPanel.treatEmptyValues.leaveGap.label")
@@ -11081,8 +11081,8 @@ var Gg = "_40zvwv8", q = ({ title: e, layout: t = "fixed", preview: n, accessory
   size: "editor.graphPanel.mappingSection.size",
   label: "editor.graphPanel.mappingSection.label"
 }, Nv = ({ title: e, layout: t = "collapsible" }) => {
-  const n = $(), a = K(n), o = M(), { Select: i } = W(), l = o("editor.graphPanel.mappingSection.none"), s = a?.spec, c = P(() => s === void 0 ? [] : Ws(s, u5).map(({ aesthetic: h, variables: d, isRequired: u }) => {
-    const p = Us(s.mapping, h);
+  const n = $(), a = K(n), o = M(), { Select: i } = W(), l = o("editor.graphPanel.mappingSection.none"), s = a?.spec, c = P(() => s === void 0 ? [] : Us(s, u5).map(({ aesthetic: h, variables: d, isRequired: u }) => {
+    const p = Ks(s.mapping, h);
     return {
       aesthetic: h,
       label: o(h5[h]),
@@ -11154,9 +11154,9 @@ var Gg = "_40zvwv8", q = ({ title: e, layout: t = "fixed", preview: n, accessory
     const S = ln.find((L) => L.value === C);
     S && m(S.value);
   }, x = (C) => {
-    a.commands.dispatch(new Vn({ decimals: C === "custom" ? g5 : "auto" }));
+    a.commands.dispatch(new Gn({ decimals: C === "custom" ? g5 : "auto" }));
   }, w = (C) => {
-    C !== null && a.commands.dispatch(new Vn({ decimals: C }), { transient: !0 });
+    C !== null && a.commands.dispatch(new Gn({ decimals: C }), { transient: !0 });
   };
   return /* @__PURE__ */ r(q, {
     title: e ?? i("editor.graphPanel.numberFormatSection.title"),
@@ -11218,7 +11218,7 @@ var Gg = "_40zvwv8", q = ({ title: e, layout: t = "fixed", preview: n, accessory
   }) : null;
 }, S5 = (e) => {
   const t = Vt(e, "line", "area");
-  return Vt(e, "point").find((n) => !mn(n, t));
+  return Vt(e, "point").find((n) => !da(n, t));
 }, C5 = 0.9, x5 = 360, w5 = 0.05, T5 = 15, _v = ({ title: e, layout: t = "collapsible", preview: n }) => {
   const a = $(), o = K(a), i = M(), { Slider: l } = W();
   if (!o || o.spec.coords.coordType !== "polar") return null;
@@ -11278,7 +11278,7 @@ var Gg = "_40zvwv8", q = ({ title: e, layout: t = "fixed", preview: n, accessory
       fill: "currentColor"
     })
   ]
-}), Br = (e) => /* @__PURE__ */ g(k, {
+}), zr = (e) => /* @__PURE__ */ g(k, {
   ...e,
   children: [
     /* @__PURE__ */ r("path", {
@@ -11301,7 +11301,7 @@ var Gg = "_40zvwv8", q = ({ title: e, layout: t = "fixed", preview: n, accessory
       fill: "currentColor"
     })
   ]
-}), Hr = [
+}), Br = [
   "linear",
   "exponential",
   "quadratic",
@@ -11312,7 +11312,7 @@ var Gg = "_40zvwv8", q = ({ title: e, layout: t = "fixed", preview: n, accessory
 ], k5 = "linear", Fv = ({ title: e, layout: t = "collapsible", preview: n }) => {
   const a = $(), o = K(a), i = M(), { Select: l, Switch: s } = W(), { options: c, findValue: h } = oo(o);
   if (!o || o.coordSystem.type === "polar") return null;
-  const d = As(o.spec.layers), u = Ss(o.spec.layers), p = d?.stat.type === "smooth" ? d.stat.method : k5, v = L5(u), m = Hr.map((S) => ({
+  const d = ks(o.spec.layers), u = Ss(o.spec.layers), p = d?.stat.type === "smooth" ? d.stat.method : k5, v = L5(u), m = Br.map((S) => ({
     value: S,
     label: i(`editor.annotationsPanel.trendType.options.${S}`)
   })), f = (S, L = {}) => {
@@ -11324,7 +11324,7 @@ var Gg = "_40zvwv8", q = ({ title: e, layout: t = "fixed", preview: n, accessory
     });
     a.commands.dispatch(N);
   }, b = (S) => f(S ? "trend" : "none", { method: p }), x = (S) => f(S ? "average" : "none", { group: v ?? h(c[0]?.value ?? "") }), w = (S) => {
-    const L = Hr.find((A) => A === S);
+    const L = Br.find((A) => A === S);
     L !== void 0 && f("trend", { method: L });
   }, C = (S) => {
     const L = S === null ? void 0 : h(S);
@@ -11333,11 +11333,11 @@ var Gg = "_40zvwv8", q = ({ title: e, layout: t = "fixed", preview: n, accessory
   return /* @__PURE__ */ r(q, {
     title: e ?? i("editor.annotationsPanel.trendsAndAveragesSection.title"),
     layout: t,
-    preview: n ?? /* @__PURE__ */ r(Br, { size: "lg" }),
+    preview: n ?? /* @__PURE__ */ r(zr, { size: "lg" }),
     children: /* @__PURE__ */ g(ee, { children: [
       /* @__PURE__ */ r(T, {
         label: i("editor.annotationsPanel.trendsAndAveragesSection.trend"),
-        icon: /* @__PURE__ */ r(Br, { size: "lg" }),
+        icon: /* @__PURE__ */ r(zr, { size: "lg" }),
         children: /* @__PURE__ */ r(s, {
           isChecked: d !== void 0,
           onChange: b
@@ -11379,14 +11379,14 @@ var Gg = "_40zvwv8", q = ({ title: e, layout: t = "fixed", preview: n, accessory
 export {
   xv as AppearanceSection,
   Cv as AxesPanel,
-  Er as AxisSection,
+  Ir as AxisSection,
   wv as BarSection,
   Wm as Button,
   Tv as CalloutsSection,
   Zg as CaptionSection,
   Av as ComboSection,
   Ag as ControlRegistryProvider,
-  yh as ControlTooltip,
+  Sh as ControlTooltip,
   bv as EditableGraphRenderer,
   qo as EditorPanel,
   Sv as ElementsPanel,
@@ -11395,7 +11395,7 @@ export {
   Pv as GraphTypeSection,
   Iv as GridSection,
   Ev as HeadlineSection,
-  $c as IntlProvider,
+  Wc as IntlProvider,
   Ov as LegendSection,
   Mv as LineSection,
   Nv as MappingSection,