@graphysdk/react-renderer 1.9.0-beta.1789467548664 → 1.9.0-beta.1789545386500

package/dist/editable.mjs

@@ -1,6 +1,6 @@
-import { $ as ln, B as Ht, Bt as H, C as er, D as mo, E as Se, F as go, Ft as vo, G as tr, H as Bt, Ht as B, I as X, J as fo, K as bo, L as W, Lt as nr, Mt as yo, Nt as Co, O as w, P as So, Pt as xo, Q as wo, R as $, S as To, T as Ao, Tt as rr, U as ot, V as ar, W as ko, Y as Lo, Z as Po, _ as or, b as Vt, c as Io, ct as Eo, d as Mo, et as No, f as ir, ft as Oo, g as Ro, h as Do, ht as ce, i as zo, j as _o, jt as lr, l as Fo, m as it, mt as Ho, n as de, o as Bo, ot as Vo, p as sr, pt as Go, q as cr, r as U, rt as lt, st as I, t as $o, tt as re, u as Wo, ut as Ee, v as dr, vt as st, w as Uo, wt as Ko, x as qo, y as xe, yt as J, z as Gt, zt as Zo } from "./history-chords-DYyA8P8x.js";
-import { n as ue, t as ur } from "./theme.contract.css-pudzI2o1.js";
-import { ARROW_DEFAULTS as jo, ARROW_STICKER_DECLARATIONS as Xo, ARROW_STROKE_WIDTHS as Ct, AddAnnotationCommand as ve, AddHighlightCommand as Yo, BORDER_RADIUS_TOKENS as sn, COMBO_TYPES as cn, CONSTANT_VARIABLES as Jo, DEFAULT_BAR_BORDER_RADIUS as Qo, DEFAULT_POINT_SIZE as ei, DEFAULT_STROKE_WIDTH as ti, DIFFERENCE_ARROW_DEFAULTS as hr, DIFFERENCE_ARROW_SIZE_DECLARATIONS as dn, InternalError as ni, MAX_BAR_WIDTH as ri, MIN_BAR_WIDTH as ai, MoveAnnotationCommand as oi, RESTING_HOVER_STATE as pr, RemoveAnnotationCommand as Me, RemoveHighlightCommand as ii, SHAPE_DEFAULTS as li, SetAxisLabelCommand as si, SetAxisPositionCommand as ci, SetAxisTickModeCommand as di, SetAxisTicksVisibilityCommand as ui, SetAxisVisibilityCommand as hi, SetBarBorderRadiusCommand as pi, SetBarWidthCommand as mi, SetChartTypeCommand as mr, SetContentCaptionCommand as gr, SetContentSourceCommand as gi, SetContentSubtitleCommand as vr, SetContentTitleCommand as fr, SetDataLabelsFormatCommand as vi, SetDifferenceArrowStyleCommand as fi, SetGridLineStyleCommand as bi, SetGridLineWidthCommand as yi, SetGridVisibilityCommand as Ci, SetHeadlineCompareWithCommand as Si, SetHeadlinePositionCommand as xi, SetHeadlineShowCommand as un, SetHeadlineSizeCommand as wi, SetHighlightDimStyleCommand as Ti, SetLayerYScaleTypeCommand as Ai, SetLegendAlignCommand as ki, SetLegendDisplayCommand as Li, SetLegendPositionCommand as Pi, SetLineInterpolationCommand as Ii, SetLineMissingValuesCommand as Ei, SetLineWidthCommand as hn, SetMappingCommand as Mi, SetNumberFormatAbbreviationCommand as Ni, SetNumberFormatDecimalsCommand as pn, SetPointSizeCommand as Oi, SetPolarInnerRadiusCommand as Ri, SetPolarStartAngleCommand as Di, SetRuleLabelCommand as zi, SetRuleValueCommand as _i, SetScaleDomainCommand as We, SetScaleReverseCommand as Fi, SetScaleTransformCommand as Hi, SetScaleZeroCommand as mn, SetStatLineCommand as Bi, SetStyleRuleCommand as Ne, TEXT_ANNOTATION_DEFAULTS as Vi, TEXT_ANNOTATION_FADE_ALPHA as Gi, ToggleCategoryLabelsCommand as $i, ToggleContentVisibilityCommand as ct, ToggleDataLabelsCommand as Wi, ToggleGoalLineCommand as Ui, ToggleLineFillCommand as Ki, ToggleLinePointsVisibilityCommand as qi, ToggleStackTotalsCommand as Zi, UpdateAnnotationCommand as oe, alignUnitFractions as ji, areAnchorsEqual as br, areEndpointsComparable as Xi, buildEditMenuTriggerRegion as Yi, buildLayerStyleAddress as Ji, buildObservationPredicate as yr, buildObservationsTarget as kt, canAnchorDirectLabels as Qi, canBecomeCombo as el, canBecomeHeatmap as tl, canPlaceDataLabels as nl, clampAnnotationTranslation as rl, computeArrow as Cr, createObservationAnchorBuilder as al, createObservationAnchorParser as ol, createStyleResolver as dt, createValueFormatter as il, extractConstantValue as ll, extractVariableName as sl, filterLayersByGeoms as Lt, findAnnotation as cl, findAverageLineLayer as dl, findGoalLineLayer as ul, findHighlightsAtObservation as hl, findKindStyleDeclarations as pl, findLayerByGeom as Sr, findObservationAttachment as ml, findStyleRule as Ce, findTrendLineLayer as gl, formatDifferenceLabel as vl, hasMultipleGroups as fl, inferDefaultDifferenceArrowEndpoints as bl, inferDifferenceArrowEndpoints as yl, isComboChartType as ye, isCompanionLayer as xr, isObservationAttachmentKind as Cl, isPointWithinEditMenuTrigger as wr, isSafeUrl as Sl, projectAnchorToPanel as je, readBroadestObservationsScope as xl, readChartType as Tr, readComboLineLayerId as wl, readHighlightDimStyle as Tl, readMappableAesthetics as Al, readMappedVariable as kl, readObservationIndex as Ar, resolveBarBandFraction as Ll, resolveComparisonBasis as Pl, resolveGridLineStyle as Il, resolveObservationPoint as kr, resolveShapeAnnotationStyle as El, stepDifferenceArrowEndpoint as Ml, toPanelCursor as ut } from "@graphysdk/viz-engine";
+import { $ as ln, B as Ht, Bt as mo, C as er, D as go, E as Se, F as vo, Ft as fo, G as tr, H as Bt, I as X, J as bo, K as yo, L as U, Lt as nr, Mt as Co, Nt as So, O as w, P as xo, Pt as wo, Q as To, R as $, S as Ao, T as ko, Tt as rr, U as ot, Ut as B, V as ar, Vt as H, W as Lo, Y as Po, Z as Io, _ as or, b as Vt, c as Eo, ct as Mo, d as No, et as Oo, f as ir, ft as Ro, g as Do, h as zo, ht as ce, i as _o, j as Fo, jt as lr, l as Ho, m as it, mt as Bo, n as de, o as Vo, ot as Go, p as sr, pt as $o, q as cr, r as W, rt as lt, st as I, t as Uo, tt as re, u as Wo, ut as Ee, v as dr, vt as st, w as Ko, wt as qo, x as Zo, y as xe, yt as J, z as Gt } from "./history-chords-DUMZMIc_.js";
+import { n as ue, t as ur } from "./theme.contract.css-DaZ5UPN0.js";
+import { ARROW_DEFAULTS as jo, ARROW_STICKER_DECLARATIONS as Xo, ARROW_STROKE_WIDTHS as Ct, AddAnnotationCommand as ve, AddHighlightCommand as Yo, BORDER_RADIUS_TOKENS as sn, COMBO_TYPES as cn, CONSTANT_VARIABLES as Jo, DEFAULT_BAR_BORDER_RADIUS as Qo, DEFAULT_POINT_SIZE as ei, DEFAULT_STROKE_WIDTH as ti, DIFFERENCE_ARROW_DEFAULTS as hr, DIFFERENCE_ARROW_SIZE_DECLARATIONS as dn, InternalError as ni, MAX_BAR_WIDTH as ri, MIN_BAR_WIDTH as ai, MoveAnnotationCommand as oi, RESTING_HOVER_STATE as pr, RemoveAnnotationCommand as Me, RemoveHighlightCommand as ii, SHAPE_DEFAULTS as li, SetAxisLabelCommand as si, SetAxisPositionCommand as ci, SetAxisTickModeCommand as di, SetAxisTicksVisibilityCommand as ui, SetAxisVisibilityCommand as hi, SetBarBorderRadiusCommand as pi, SetBarWidthCommand as mi, SetChartTypeCommand as mr, SetContentCaptionCommand as gr, SetContentSourceCommand as gi, SetContentSubtitleCommand as vr, SetContentTitleCommand as fr, SetDataLabelsFormatCommand as vi, SetDifferenceArrowStyleCommand as fi, SetGridLineStyleCommand as bi, SetGridLineWidthCommand as yi, SetGridVisibilityCommand as Ci, SetHeadlineCompareWithCommand as Si, SetHeadlinePositionCommand as xi, SetHeadlineShowCommand as un, SetHeadlineSizeCommand as wi, SetHighlightDimStyleCommand as Ti, SetLayerYScaleTypeCommand as Ai, SetLegendAlignCommand as ki, SetLegendDisplayCommand as Li, SetLegendPositionCommand as Pi, SetLineInterpolationCommand as Ii, SetLineMissingValuesCommand as Ei, SetLineWidthCommand as hn, SetMappingCommand as Mi, SetNumberFormatAbbreviationCommand as Ni, SetNumberFormatDecimalsCommand as pn, SetPointSizeCommand as Oi, SetPolarInnerRadiusCommand as Ri, SetPolarStartAngleCommand as Di, SetRuleLabelCommand as zi, SetRuleValueCommand as _i, SetScaleDomainCommand as Ue, SetScaleReverseCommand as Fi, SetScaleTransformCommand as Hi, SetScaleZeroCommand as mn, SetStatLineCommand as Bi, SetStyleRuleCommand as Ne, TEXT_ANNOTATION_DEFAULTS as Vi, TEXT_ANNOTATION_FADE_ALPHA as Gi, ToggleCategoryLabelsCommand as $i, ToggleContentVisibilityCommand as ct, ToggleDataLabelsCommand as Ui, ToggleGoalLineCommand as Wi, ToggleLineFillCommand as Ki, ToggleLinePointsVisibilityCommand as qi, ToggleStackTotalsCommand as Zi, UpdateAnnotationCommand as oe, alignUnitFractions as ji, areAnchorsEqual as br, areEndpointsComparable as Xi, buildEditMenuTriggerRegion as Yi, buildLayerStyleAddress as Ji, buildObservationPredicate as yr, buildObservationsTarget as kt, canAnchorDirectLabels as Qi, canBecomeCombo as el, canBecomeHeatmap as tl, canPlaceDataLabels as nl, clampAnnotationTranslation as rl, computeArrow as Cr, createObservationAnchorBuilder as al, createObservationAnchorParser as ol, createStyleResolver as dt, createValueFormatter as il, extractConstantValue as ll, extractVariableName as sl, filterLayersByGeoms as Lt, findAnnotation as cl, findAverageLineLayer as dl, findGoalLineLayer as ul, findHighlightsAtObservation as hl, findKindStyleDeclarations as pl, findLayerByGeom as Sr, findObservationAttachment as ml, findStyleRule as Ce, findTrendLineLayer as gl, formatDifferenceLabel as vl, hasMultipleGroups as fl, inferDefaultDifferenceArrowEndpoints as bl, inferDifferenceArrowEndpoints as yl, isComboChartType as ye, isCompanionLayer as xr, isObservationAttachmentKind as Cl, isPointWithinEditMenuTrigger as wr, isSafeUrl as Sl, projectAnchorToPanel as je, readBroadestObservationsScope as xl, readChartType as Tr, readComboLineLayerId as wl, readHighlightDimStyle as Tl, readMappableAesthetics as Al, readMappedVariable as kl, readObservationIndex as Ar, resolveBarBandFraction as Ll, resolveComparisonBasis as Pl, resolveGridLineStyle as Il, resolveObservationPoint as kr, resolveShapeAnnotationStyle as El, stepDifferenceArrowEndpoint as Ml, toPanelCursor as ut } from "@graphysdk/viz-engine";
 import { createContext as He, useCallback as se, useContext as Oe, useEffect as O, useId as Ie, useMemo as R, useRef as ne, useState as te } from "react";
 import { Fragment as Y, jsx as n, jsxs as p } from "react/jsx-runtime";
 import { useShallow as Re } from "zustand/react/shallow";
@@ -17,7 +17,7 @@ import { Italic as Bl } from "@tiptap/extension-italic";
 import { Link as Vl } from "@tiptap/extension-link";
 import { Text as Gl } from "@tiptap/extension-text";
 import { TextAlign as $l } from "@tiptap/extension-text-align";
-import { Color as Wl, FontFamily as Er, TextStyle as Ul } from "@tiptap/extension-text-style";
+import { Color as Ul, FontFamily as Er, TextStyle as Wl } from "@tiptap/extension-text-style";
 import { Underline as Kl } from "@tiptap/extension-underline";
 import { Placeholder as $t, UndoRedo as ql } from "@tiptap/extensions";
 import { Paragraph as Mr } from "@tiptap/extension-paragraph";
@@ -331,7 +331,7 @@ import './editable.css';var es = {
       title: "الخلفية",
       black: "أسود",
       white: "أبيض",
-      grey: "رمادي",
+      gray: "رمادي",
       tint: "صبغة",
       custom: "مخصص",
       none: "بدون"
@@ -345,7 +345,7 @@ import './editable.css';var es = {
     borderType: {
       solid: "صلب",
       gradient: "متدرج",
-      grey: "رمادي",
+      gray: "رمادي",
       preset: "مسبق",
       custom: "مخصص",
       none: "بدون"
@@ -531,7 +531,7 @@ import './editable.css';var es = {
     deleteAriaLabel: "حذف التمييز",
     highlightStyle: {
       tint: "صبغة",
-      grey: "رمادي"
+      gray: "رمادي"
     }
   },
   fineTunePanel: {
@@ -1102,7 +1102,7 @@ import './editable.css';var es = {
       title: "Background",
       black: "Black",
       white: "White",
-      grey: "Grey",
+      gray: "Grey",
       tint: "Tint",
       custom: "Custom",
       none: "None"
@@ -1116,7 +1116,7 @@ import './editable.css';var es = {
     borderType: {
       solid: "Solid",
       gradient: "Gradient",
-      grey: "Grey",
+      gray: "Grey",
       preset: "Preset",
       custom: "Custom",
       none: "None"
@@ -1302,7 +1302,7 @@ import './editable.css';var es = {
     deleteAriaLabel: "Delete highlight",
     highlightStyle: {
       tint: "Tint",
-      grey: "Grey"
+      gray: "Grey"
     }
   },
   fineTunePanel: {
@@ -1580,10 +1580,10 @@ import './editable.css';var es = {
   graph: is
 }, ss = {
   colorPanel: {
-    backgroundSection: { grey: "Gray" },
-    borderType: { grey: "Gray" }
+    backgroundSection: { gray: "Gray" },
+    borderType: { gray: "Gray" }
   },
-  highlighting: { highlightStyle: { grey: "Gray" } }
+  highlighting: { highlightStyle: { gray: "Gray" } }
 }, cs = { editor: ss }, ds = {
   save: "Guardar",
   cancel: "Cancelar",
@@ -1878,7 +1878,7 @@ import './editable.css';var es = {
       title: "Fundo",
       black: "Preto",
       white: "Branco",
-      grey: "Cinzento",
+      gray: "Cinzento",
       tint: "Tonalidade",
       custom: "Personalizado",
       none: "Nenhum"
@@ -1892,7 +1892,7 @@ import './editable.css';var es = {
     borderType: {
       solid: "Sólido",
       gradient: "Gradiente",
-      grey: "Cinzento",
+      gray: "Cinzento",
       preset: "Predefinido",
       custom: "Personalizado",
       none: "Nenhum"
@@ -2078,7 +2078,7 @@ import './editable.css';var es = {
     deleteAriaLabel: "Eliminar realce",
     highlightStyle: {
       tint: "Tonalidade",
-      grey: "Cinzento"
+      gray: "Cinzento"
     }
   },
   fineTunePanel: {
@@ -2359,7 +2359,7 @@ import './editable.css';var es = {
   "en-US": cs,
   ar: rs,
   "pt-PT": ps
-}, gs = [ms, Eo], vs = ({ children: e, ...t }) => /* @__PURE__ */ n(Vo, {
+}, gs = [ms, Mo], vs = ({ children: e, ...t }) => /* @__PURE__ */ n(Go, {
   dictionaries: gs,
   ...t,
   children: e
@@ -2383,7 +2383,7 @@ import './editable.css';var es = {
       return r.depth !== 1 || r.parentOffset !== 0 ? !1 : r.index(0) === 1;
     } };
   }
-}), Wt = () => [
+}), Ut = () => [
   Gl,
   ql,
   Hl.configure({ levels: [
@@ -2399,8 +2399,8 @@ import './editable.css';var es = {
     openOnClick: !1,
     autolink: !0
   }),
-  Ul,
   Wl,
+  Ul,
   Fl
 ], ys = ({ titlePlaceholder: e, subtitlePlaceholder: t, isTitleVisible: r, isSubtitleVisible: a }) => [
   Ss({
@@ -2408,7 +2408,7 @@ import './editable.css';var es = {
     isSubtitleVisible: a
   }),
   Dr,
-  ...Wt(),
+  ...Ut(),
   Er,
   bs.configure({ isTitleVisible: r }),
   $t.configure({
@@ -2422,7 +2422,7 @@ import './editable.css';var es = {
 ], Cs = ({ placeholder: e }) => [
   Xe,
   Dr,
-  ...Wt(),
+  ...Ut(),
   Er,
   $t.configure({
     showOnlyCurrent: !1,
@@ -2530,7 +2530,7 @@ var _r = "d0bl03", ws = "d0bl04", Fr = "d0bl05", Pt = "d0bl06", Ts = "d0bl07", A
     })]
   });
 }, Vs = ({ value: e, onChange: t, popupAttributes: r }) => {
-  const a = I(), [o, i] = te(!1), l = vo(e) ? e : "#000000", s = $s(l);
+  const a = I(), [o, i] = te(!1), l = fo(e) ? e : "#000000", s = $s(l);
   return /* @__PURE__ */ p(Q.Root, {
     open: o,
     onOpenChange: i,
@@ -2600,13 +2600,13 @@ var _r = "d0bl03", ws = "d0bl04", Fr = "d0bl05", Pt = "d0bl06", Ts = "d0bl07", A
   border: `1px solid ${ue.border100}`
 } : {
   background: e,
-  border: `1px solid ${Co(e, 0.1)}`
+  border: `1px solid ${So(e, 0.1)}`
 }, $s = (e) => {
   const { themeValues: t } = lt();
-  if (xo(e)) return e.toUpperCase();
+  if (wo(e)) return e.toUpperCase();
   const r = Fs[e];
   return r ? t[r].toUpperCase() : "#000000";
-}, Gr = (e, t) => t === null ? !1 : e.toLowerCase() === t.toLowerCase(), Ws = "l9kff0", Us = "l9kff1", Ks = "l9kff2", qs = "xn24px0", Zs = "xn24px1", js = "xn24px2", Xs = ({ children: e, popupAttributes: t }) => /* @__PURE__ */ n(F.Portal, {
+}, Gr = (e, t) => t === null ? !1 : e.toLowerCase() === t.toLowerCase(), Us = "l9kff0", Ws = "l9kff1", Ks = "l9kff2", qs = "xn24px0", Zs = "xn24px1", js = "xn24px2", Xs = ({ children: e, popupAttributes: t }) => /* @__PURE__ */ n(F.Portal, {
   container: ce(),
   children: /* @__PURE__ */ n(re, { children: /* @__PURE__ */ n(F.Positioner, {
     side: "bottom",
@@ -2628,10 +2628,10 @@ var _r = "d0bl03", ws = "d0bl04", Fr = "d0bl05", Pt = "d0bl06", Ts = "d0bl07", A
   children: e
 }), Js = ({ className: e, ...t }) => /* @__PURE__ */ n(Le.Provider, { children: /* @__PURE__ */ n(pe.Root, {
   ...t,
-  className: he(Ws, e)
+  className: he(Us, e)
 }) }), Qs = ({ className: e, ...t }) => /* @__PURE__ */ n(pe.Group, {
   ...t,
-  className: he(Us, e)
+  className: he(Ws, e)
 }), ec = ({ className: e, ...t }) => /* @__PURE__ */ n(pe.Separator, {
   ...t,
   className: he(Ks, e)
@@ -2687,7 +2687,7 @@ var _r = "d0bl03", ws = "d0bl04", Fr = "d0bl05", Pt = "d0bl06", Ts = "d0bl07", A
     preview: "Aa",
     fontFamily: oc
   }
-], ic = (e) => e ? Et.find((t) => t.fontFamily === e) ?? null : null, $r = "_70l3rt0", Wr = "_70l3rt1", Ur = "_70l3rt3", Kr = "_70l3rt4", qr = "_70l3rt5", lc = ({ editor: e, currentFontFamily: t, isOpen: r, onOpenChange: a }) => {
+], ic = (e) => e ? Et.find((t) => t.fontFamily === e) ?? null : null, $r = "_70l3rt0", Ur = "_70l3rt1", Wr = "_70l3rt3", Kr = "_70l3rt4", qr = "_70l3rt5", lc = ({ editor: e, currentFontFamily: t, isOpen: r, onOpenChange: a }) => {
   const o = I(), i = ic(t) ?? Et[0], l = (s) => {
     e.chain().focus().setFontFamily(s.fontFamily).run();
   };
@@ -2700,7 +2700,7 @@ var _r = "d0bl03", ws = "d0bl04", Fr = "d0bl05", Pt = "d0bl06", Ts = "d0bl07", A
       className: $r,
       onMouseDown: (s) => s.preventDefault(),
       children: [/* @__PURE__ */ n("span", {
-        className: Wr,
+        className: Ur,
         style: { fontFamily: i?.fontFamily },
         children: i?.preview
       }), /* @__PURE__ */ n(Be, { size: "sm" })]
@@ -2710,7 +2710,7 @@ var _r = "d0bl03", ws = "d0bl04", Fr = "d0bl05", Pt = "d0bl06", Ts = "d0bl07", A
         side: "bottom",
         align: "start",
         sideOffset: 6,
-        className: Ur,
+        className: Wr,
         children: /* @__PURE__ */ n(F.Popup, {
           className: Kr,
           onMouseDown: (s) => s.preventDefault(),
@@ -2764,7 +2764,7 @@ var _r = "d0bl03", ws = "d0bl04", Fr = "d0bl05", Pt = "d0bl06", Ts = "d0bl07", A
       className: $r,
       onMouseDown: (l) => l.preventDefault(),
       children: [/* @__PURE__ */ n("span", {
-        className: Wr,
+        className: Ur,
         children: o(i.translationKey)
       }), /* @__PURE__ */ n(Be, { size: "sm" })]
     }), /* @__PURE__ */ n(F.Portal, {
@@ -2773,7 +2773,7 @@ var _r = "d0bl03", ws = "d0bl04", Fr = "d0bl05", Pt = "d0bl06", Ts = "d0bl07", A
         side: "bottom",
         align: "start",
         sideOffset: 6,
-        className: Ur,
+        className: Wr,
         children: /* @__PURE__ */ n(F.Popup, {
           className: Kr,
           onMouseDown: (l) => l.preventDefault(),
@@ -3118,8 +3118,8 @@ var _r = "d0bl03", ws = "d0bl04", Fr = "d0bl05", Pt = "d0bl06", Ts = "d0bl07", A
     editor: e,
     "aria-label": t
   })]
-}), Oc = 200, Ut = ({ content: e, extensions: t, isEditable: r, onUpdate: a, updateDebounceMs: o = Oc }) => {
-  const i = ne(Sn(e)), l = ne(i.current), s = Go((u) => {
+}), Oc = 200, Wt = ({ content: e, extensions: t, isEditable: r, onUpdate: a, updateDebounceMs: o = Oc }) => {
+  const i = ne(Sn(e)), l = ne(i.current), s = $o((u) => {
     l.current = u, a?.(u);
   }, o), c = Zl({
     extensions: t,
@@ -3164,7 +3164,7 @@ var _r = "d0bl03", ws = "d0bl04", Fr = "d0bl05", Pt = "d0bl06", Ts = "d0bl07", A
     to: Math.min(a, o)
   });
 }, St = (e, t) => JSON.stringify(Je(e)) === JSON.stringify(Je(t)), Je = (e) => Array.isArray(e) ? e.map(Je) : e === null || typeof e != "object" ? e : Object.fromEntries(Object.entries(e).map(([t, r]) => [t, Je(r)]).filter(([, t]) => !Dc(t)).sort(([t], [r]) => String(t).localeCompare(String(r)))), Dc = (e) => e == null || typeof e == "object" && Object.keys(e).length === 0, zc = ({ caption: e, captionStyle: t }) => {
-  const { dispatch: r } = de(), a = Ut({
+  const { dispatch: r } = de(), a = Wt({
     content: e,
     extensions: R(() => Cs({ placeholder: "Add caption" }), []),
     isEditable: !0,
@@ -3184,14 +3184,14 @@ var _r = "d0bl03", ws = "d0bl04", Fr = "d0bl05", Pt = "d0bl06", Ts = "d0bl07", A
 }, _c = (e) => [
   Xe,
   Mr,
-  ...Wt(),
+  ...Ut(),
   Hc,
   $t.configure({
     showOnlyCurrent: !1,
     placeholder: ({ pos: t }) => t === 0 ? e : ""
   })
 ], Fc = ({ annotation: e }) => {
-  const t = I(), { dispatch: r } = de(), a = W(), o = R(() => _c(t("graph.annotations.text.placeholder")), [t]), i = Ut({
+  const t = I(), { dispatch: r } = de(), a = U(), o = R(() => _c(t("graph.annotations.text.placeholder")), [t]), i = Wt({
     content: e.content,
     extensions: o,
     isEditable: !0,
@@ -3210,12 +3210,12 @@ var _r = "d0bl03", ws = "d0bl04", Fr = "d0bl05", Pt = "d0bl06", Ts = "d0bl07", A
     i?.commands.focus("end", { scrollIntoView: !1 });
   }, [i]), /* @__PURE__ */ n(Nr, {
     "aria-label": t("graph.annotations.text.editLabel"),
-    className: Mo,
+    className: No,
     editor: i,
     "data-testid": "text-annotation-editor"
   });
 }, xn = (e) => {
-  const t = No(e);
+  const t = Oo(e);
   return t === void 0 ? {} : { style: `font-family: ${t}` };
 }, Hc = Ir.create({
   name: "annotationTextStyleAttributes",
@@ -3244,14 +3244,14 @@ var _r = "d0bl03", ws = "d0bl04", Fr = "d0bl05", Pt = "d0bl06", Ts = "d0bl07", A
     type: "heading",
     attrs: { level: Bc },
     content: $c(e)
-  }), a && o.push(...Wc(r)), {
+  }), a && o.push(...Uc(r)), {
     type: "doc",
     content: o
   };
 }, Gc = (e) => {
   const [t, ...r] = e.content ?? [];
   return {
-    title: Uc(t?.content ?? []),
+    title: Wc(t?.content ?? []),
     subtitle: Kc(r)
   };
 }, Kt = (e) => ({
@@ -3263,7 +3263,7 @@ var _r = "d0bl03", ws = "d0bl04", Fr = "d0bl05", Pt = "d0bl06", Ts = "d0bl07", A
 }), $c = (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 ?? [], Wc = (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 ?? [], Uc = (e) => e === null ? [{ type: "paragraph" }] : typeof e == "string" ? e === "" ? [{ type: "paragraph" }] : [{
   type: "paragraph",
   content: [{
     type: "text",
@@ -3272,7 +3272,7 @@ var _r = "d0bl03", ws = "d0bl04", Fr = "d0bl05", Pt = "d0bl06", Ts = "d0bl07", A
 }] : e.type === "doc" && e.content ? e.content.length === 0 ? [{ type: "paragraph" }] : e.content.map(wn) : [wn(e)], wn = (e) => e.type === "paragraph" ? e : {
   type: "paragraph",
   content: e.content ?? [e]
-}, Uc = (e) => {
+}, Wc = (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 : {
@@ -3303,7 +3303,7 @@ var _r = "d0bl03", ws = "d0bl04", Fr = "d0bl05", Pt = "d0bl06", Ts = "d0bl07", A
     subtitlePlaceholder: "Untitled",
     isTitleVisible: t,
     isSubtitleVisible: r
-  }), [t, r]), c = Ut({
+  }), [t, r]), c = Wt({
     content: R(() => Vc({
       title: e,
       isTitleVisible: t,
@@ -3327,7 +3327,7 @@ var _r = "d0bl03", ws = "d0bl04", Fr = "d0bl05", Pt = "d0bl06", Ts = "d0bl07", A
     "data-testid": "title-editor",
     style: {
       ...rr(o),
-      ...Ko(qc, i)
+      ...qo(qc, i)
     },
     children: /* @__PURE__ */ n(Qr, {
       editor: c,
@@ -4131,7 +4131,7 @@ var gd = (e) => {
     icon: /* @__PURE__ */ n(da, {}),
     children: /* @__PURE__ */ n("div", {
       className: Dd,
-      children: Object.entries(Io).map(([i, l]) => /* @__PURE__ */ n(fe.Item, {
+      children: Object.entries(Eo).map(([i, l]) => /* @__PURE__ */ n(fe.Item, {
         className: zd,
         "aria-label": i,
         onClick: () => o(i),
@@ -4144,7 +4144,7 @@ var gd = (e) => {
     })
   });
 }, Hd = ({ interaction: e, panelOrigin: t }) => {
-  const r = W(), a = X((i) => i.menuTrigger);
+  const r = U(), a = X((i) => i.menuTrigger);
   if (e.kind !== "menu" || a === null) return null;
   const o = () => {
     r.getState().releaseInteraction("menu");
@@ -4259,13 +4259,13 @@ var gd = (e) => {
     ...e[t.endpoint],
     ...t.point
   }
-}), ma = (e, t) => e.x === t.x && e.y === t.y, Wd = (e, t) => {
+}), ma = (e, t) => e.x === t.x && e.y === t.y, Ud = (e, t) => {
   const r = je(e, t);
   return {
     x: t.x + r.x,
     y: t.y + r.y
   };
-}, Ud = (e, t, r) => {
+}, Wd = (e, t, r) => {
   const a = je(e, r), o = je(t, r);
   return {
     x: Math.min(a.x, o.x),
@@ -4463,7 +4463,7 @@ var gd = (e) => {
   Button: Z.Button,
   Separator: Z.Separator
 }, du = { kind: "chrome-popup" }, mt = () => {
-  const { commands: e } = B(), t = W(), [r, a] = te(null);
+  const { commands: e } = B(), t = U(), [r, a] = te(null);
   O(() => () => e.seal(), [e]), O(() => {
     const { claimInteraction: i, releaseInteraction: l } = t.getState();
     return r === null ? l("chrome-popup") : i(du), () => l("chrome-popup");
@@ -4532,7 +4532,7 @@ var gd = (e) => {
 }, {
   value: "none",
   key: "graph.annotations.arrowToolbar.arrowhead.none",
-  Icon: mo
+  Icon: go
 }], kn = [
   {
     value: "solid",
@@ -4603,7 +4603,7 @@ var vu = ({ arrow: e, arrowBox: t, panelRect: r, frameWidth: a, frameHeight: o,
           title: ""
         }),
         ...u.bind("thickness"),
-        children: /* @__PURE__ */ n(Ue, {
+        children: /* @__PURE__ */ n(We, {
           options: mu,
           current: d.strokeWidth,
           onPick: L
@@ -4616,7 +4616,7 @@ var vu = ({ arrow: e, arrowBox: t, panelRect: r, frameWidth: a, frameHeight: o,
           title: ""
         }),
         ...u.bind("startArrowhead"),
-        children: /* @__PURE__ */ n(Ue, {
+        children: /* @__PURE__ */ n(We, {
           options: An,
           current: e.startArrowheadStyle,
           onPick: P
@@ -4629,7 +4629,7 @@ var vu = ({ arrow: e, arrowBox: t, panelRect: r, frameWidth: a, frameHeight: o,
           title: ""
         }),
         ...u.bind("lineStyle"),
-        children: /* @__PURE__ */ n(Ue, {
+        children: /* @__PURE__ */ n(We, {
           options: kn,
           current: d.lineType,
           onPick: D
@@ -4642,7 +4642,7 @@ var vu = ({ arrow: e, arrowBox: t, panelRect: r, frameWidth: a, frameHeight: o,
           title: ""
         }),
         ...u.bind("endArrowhead"),
-        children: /* @__PURE__ */ n(Ue, {
+        children: /* @__PURE__ */ n(We, {
           options: An,
           current: e.endArrowheadStyle,
           onPick: _
@@ -4668,7 +4668,7 @@ var vu = ({ arrow: e, arrowBox: t, panelRect: r, frameWidth: a, frameHeight: o,
       })
     ]
   });
-}, Ue = ({ options: e, current: t, onPick: r }) => {
+}, We = ({ options: e, current: t, onPick: r }) => {
   const a = I(), o = (i) => () => r(i);
   return /* @__PURE__ */ n(Y, { children: e.map((i) => /* @__PURE__ */ p(M.MenuItem, {
     isSelected: i.value === t,
@@ -4769,7 +4769,7 @@ var yu = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, Ge = class {
     }));
   }
 }, Su = ({ annotationId: e, arrow: t, panelRect: r }) => {
-  const { commands: a } = B(), o = W(), i = J({
+  const { commands: a } = B(), o = U(), i = J({
     annotations: H((s) => s.spec.annotations),
     arrow: t,
     panelRect: r
@@ -4805,7 +4805,7 @@ var yu = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, Ge = class {
     a
   ]);
 }, xu = [" ", "Enter"], Ln = 4, wu = ({ annotationId: e, arrow: t, panelRect: r }) => {
-  const { commands: a } = B(), o = W(), i = H((c) => c.spec.annotations), l = J(i), s = J(a.dispatch);
+  const { commands: a } = B(), o = U(), i = H((c) => c.spec.annotations), l = J(i), s = J(a.dispatch);
   return O(() => () => {
     for (const c of ha) Pn({
       editorStore: o,
@@ -4928,14 +4928,14 @@ var yu = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, Ge = class {
     "data-annotation-id": e.id,
     children: [a && /* @__PURE__ */ n(vu, {
       arrow: e,
-      arrowBox: Ud(t.start, t.end, i),
+      arrowBox: Wd(t.start, t.end, i),
       panelRect: i,
       frameWidth: l.width,
       frameHeight: l.height,
       frameElement: s
     }), !o && ha.filter((h) => e[h].anchorType === "panel").map((h) => /* @__PURE__ */ n(Lu, {
       endpoint: h,
-      point: Wd(r[h], i),
+      point: Ud(r[h], i),
       label: c(`graph.annotations.arrowToolbar.moveEndpoint.${h}`),
       dragHandlers: u(h),
       keyboardHandlers: d(h)
@@ -5020,7 +5020,7 @@ var Du = [
     key: "graph.annotations.differenceArrowToolbar.size.large"
   }
 ], Hu = ({ arrow: e, color: t, labelBox: r, panelRect: a, frameWidth: o, frameHeight: i, frameElement: l }) => {
-  const s = I(), { commands: c } = B(), u = H((f) => f.spec.styles.overrides), d = mt(), h = Fu(e), g = Lo()(e.id), m = R(() => ({
+  const s = I(), { commands: c } = B(), u = H((f) => f.spec.styles.overrides), d = mt(), h = Fu(e), g = Po()(e.id), m = R(() => ({
     target: "annotation",
     kind: "differenceArrow",
     annotation: e.id
@@ -5143,8 +5143,8 @@ var Du = [
     ]
   })] });
 };
-var Vu = "ydgo3h0", Gu = "ydgo3h1", $u = "ydgo3h2", Wu = ({ clientPoint: e, panelOrigin: t, panelRect: r, engine: a, layers: o, coordSystem: i, resolver: l, fixedAnchor: s, align: c }) => {
-  const u = Uu({
+var Vu = "ydgo3h0", Gu = "ydgo3h1", $u = "ydgo3h2", Uu = ({ clientPoint: e, panelOrigin: t, panelRect: r, engine: a, layers: o, coordSystem: i, resolver: l, fixedAnchor: s, align: c }) => {
+  const u = Wu({
     x: e.x - t.x,
     y: e.y - t.y
   }, r), { primary: d } = a.query(ut(u, r));
@@ -5160,7 +5160,7 @@ var Vu = "ydgo3h0", Gu = "ydgo3h1", $u = "ydgo3h2", Wu = ({ clientPoint: e, pane
     align: c
   });
   return g === null || br(g.anchor, s) ? null : g;
-}, Uu = (e, t) => ({
+}, Wu = (e, t) => ({
   x: Math.max(0, Math.min(e.x, t.width)),
   y: Math.max(0, Math.min(e.y, t.height))
 }), ya = (e) => e === "start" ? "end" : "start", Ca = ({ dispatch: e, arrow: t, endpoint: r, anchor: a }) => {
@@ -5181,7 +5181,7 @@ var Vu = "ydgo3h0", Gu = "ydgo3h1", $u = "ydgo3h2", Wu = ({ clientPoint: e, pane
     return ar($(e, "difference-arrow-endpoint-drag"), r().arrow.id, t);
   }
   resolvePreview(e) {
-    const { endpoint: t, readInputs: r, engine: a, anchorResolver: o } = this.params, { arrow: i, panelOrigin: l, panelRect: s, layers: c, coordSystem: u } = r(), d = Wu({
+    const { endpoint: t, readInputs: r, engine: a, anchorResolver: o } = this.params, { arrow: i, panelOrigin: l, panelRect: s, layers: c, coordSystem: u } = r(), d = Uu({
       clientPoint: e,
       panelOrigin: l,
       panelRect: s,
@@ -5209,7 +5209,7 @@ var Vu = "ydgo3h0", Gu = "ydgo3h1", $u = "ydgo3h2", Wu = ({ clientPoint: e, pane
     });
   }
 }, qu = ({ arrow: e, panelOrigin: t, panelRect: r }) => {
-  const { commands: a, anchorResolver: o } = B(), { engine: i } = st(), l = W(), s = J({
+  const { commands: a, anchorResolver: o } = B(), { engine: i } = st(), l = U(), s = J({
     arrow: e,
     panelOrigin: t,
     panelRect: r,
@@ -5251,7 +5251,7 @@ var Vu = "ydgo3h0", Gu = "ydgo3h1", $u = "ydgo3h2", Wu = ({ clientPoint: e, pane
     a
   ]);
 }, Zu = [" ", "Enter"], ju = ({ arrow: e }) => {
-  const { commands: t, anchorResolver: r } = B(), a = W(), { layers: o, coordSystem: i, mainAxis: l } = H(Re((c) => ({
+  const { commands: t, anchorResolver: r } = B(), a = U(), { layers: o, coordSystem: i, mainAxis: l } = H(Re((c) => ({
     layers: c.layers,
     coordSystem: c.coordSystem,
     mainAxis: c.coordSystem.type === "cartesian" ? c.coordSystem.mainAxis : "x"
@@ -5341,7 +5341,7 @@ var Vu = "ydgo3h0", Gu = "ydgo3h1", $u = "ydgo3h2", Wu = ({ clientPoint: e, pane
     ...e
   });
 }, Qu = ({ annotationId: e, ...t }) => {
-  const r = So(), a = R(() => r.find((o) => o.id === e), [r, e]);
+  const r = xo(), a = R(() => r.find((o) => o.id === e), [r, e]);
   return a === void 0 ? null : /* @__PURE__ */ n(eh, {
     committedArrow: a.committedArrow,
     color: a.color,
@@ -5473,7 +5473,7 @@ var Sa = ({ width: e, height: t }) => ({
   };
 }, wa = (e, t) => e.x === t.x && e.y === t.y && e.width === t.width && e.height === t.height, Ta = (e) => e === "top-left" || e === "bottom-left", Aa = (e) => e === "top-left" || e === "top-right", ka = (e, t, r, a) => {
   const o = e.textAnnotations.find((i) => i.id === t);
-  return o === void 0 ? null : Uo(Fo(o, r), a);
+  return o === void 0 ? null : Ko(Ho(o, r), a);
 };
 var rh = {
   hovered: "_1ee8fau1 _1ee8fau0",
@@ -5504,7 +5504,7 @@ var rh = {
     }
     if (s?.annotationId === b.id) {
       const C = t.arrows.find((k) => k.id === b.id);
-      return C === void 0 ? b.geometry : To(Xt(C, s), d.panel) ?? b.geometry;
+      return C === void 0 ? b.geometry : Ao(Xt(C, s), d.panel) ?? b.geometry;
     }
     return c?.annotationId === b.id ? ka(t, b.id, c, d) ?? b.geometry : b.geometry;
   }, v = (b) => {
@@ -5528,7 +5528,7 @@ var rh = {
   })] });
 }, Nn = (e, t, r) => {
   if (t === null) return null;
-  const a = Ao(e, t, r);
+  const a = ko(e, t, r);
   return a === null ? null : {
     id: t,
     geometry: a
@@ -5583,7 +5583,7 @@ var rh = {
     children: ch(r, t.annotationId, e)
   });
 }, lh = ({ annotation: e, panel: t }) => {
-  const r = bo(e.id);
+  const r = yo(e.id);
   return /* @__PURE__ */ n(Wo, {
     annotation: e,
     panel: t,
@@ -5632,10 +5632,10 @@ var rh = {
   shape: e,
   style: it()(e.id),
   panel: t
-}), hh = ({ image: e, panelSize: t }) => /* @__PURE__ */ n(Do, {
+}), hh = ({ image: e, panelSize: t }) => /* @__PURE__ */ n(zo, {
   image: e,
   panel: t,
-  style: Ro()(e.id)
+  style: Do()(e.id)
 }), ph = ({ panelRect: e }) => {
   const t = X((i) => $(i, "shape-resize-drag")), r = xe(e).shapes, a = it();
   if (t === null) return null;
@@ -5821,7 +5821,7 @@ var rh = {
     }));
   }
 }, yh = ({ annotationId: e, panelRect: t }) => {
-  const { commands: r } = B(), a = W(), o = J({
+  const { commands: r } = B(), a = U(), o = J({
     annotations: H((i) => i.spec.annotations),
     panelRect: t
   });
@@ -5834,7 +5834,7 @@ var rh = {
     dispatch: r.dispatch
   }));
 }, Ch = [" ", "Enter"], Ia = (e) => {
-  const t = W(), r = J(e);
+  const t = U(), r = J(e);
   return O(() => () => Dn(t, r.current), [t, r]), se((a) => ({ onKeyDown: (o) => {
     if (o.altKey || o.ctrlKey || o.metaKey || o.shiftKey) return;
     const i = t.getState(), l = r.current.readHeld();
@@ -5857,7 +5857,7 @@ var rh = {
   const r = t.readHeld();
   r !== null && (e.getState().releaseInteraction(r.kind), t.commit(r));
 }, zn = 4, Sh = ({ annotationId: e, panelRect: t }) => {
-  const { commands: r } = B(), a = W(), o = H((i) => i.spec.annotations);
+  const { commands: r } = B(), a = U(), o = H((i) => i.spec.annotations);
   return Ia({
     readHeld: () => Ht($(a.getState(), "shape-resize-drag"), e),
     claim: () => {
@@ -6049,7 +6049,7 @@ var Na = [
 ].map(({ id: e, key: t }) => ({
   id: e,
   key: t,
-  fontFamily: wo[e] ?? e
+  fontFamily: To[e] ?? e
 })), Hh = (e) => Na.find((t) => t.id === (e ?? "modern")) ?? null;
 var Oa = [
   {
@@ -6086,7 +6086,7 @@ var Oa = [
     Icon: Yr
   }
 ], $h = ({ annotation: e, textBox: t, panelRect: r, frameWidth: a, frameHeight: o, frameElement: i }) => {
-  const l = I(), { commands: s } = B(), c = H((f) => f.spec.styles.overrides), u = W(), d = mt(), h = ir()(e.id), g = Ih(e.content), m = Hh(g.font), v = Bh(g.fontSize), b = g.color ?? h.textColor, C = R(() => ({
+  const l = I(), { commands: s } = B(), c = H((f) => f.spec.styles.overrides), u = U(), d = mt(), h = ir()(e.id), g = Ih(e.content), m = Hh(g.font), v = Bh(g.fontSize), b = g.color ?? h.textColor, C = R(() => ({
     target: "annotation",
     kind: "text",
     annotation: e.id
@@ -6117,7 +6117,7 @@ var Oa = [
     y({ content: Eh(q, f) }, A);
   }, D = () => {
     s.dispatch(new Me({ id: e.id })), i.focus({ preventScroll: !0 });
-  }, _ = (f) => k(Wh(f), { transient: !0 }), z = (f) => P({ color: f }, { transient: !0 }), E = (f) => () => {
+  }, _ = (f) => k(Uh(f), { transient: !0 }), z = (f) => P({ color: f }, { transient: !0 }), E = (f) => () => {
     P({ font: f }), d.close();
   }, N = (f) => () => {
     P({ fontSize: f }), d.close();
@@ -6179,7 +6179,7 @@ var Oa = [
         }, f.size))
       }),
       /* @__PURE__ */ n(M.Separator, {}),
-      /* @__PURE__ */ n(Uh, {
+      /* @__PURE__ */ n(Wh, {
         current: g.alignment ?? "center",
         onPick: x
       }),
@@ -6194,10 +6194,10 @@ var Oa = [
       })
     ]
   });
-}, Wh = (e) => e === "transparent" ? { background: Br } : {
+}, Uh = (e) => e === "transparent" ? { background: Br } : {
   background: e,
   alpha: Hs(e) ? Gi : 1
-}, Uh = ({ current: e, onPick: t }) => {
+}, Wh = ({ current: e, onPick: t }) => {
   const r = I(), a = (o) => () => t(o);
   return /* @__PURE__ */ n(Y, { children: Gh.map((o) => /* @__PURE__ */ n(M.ToggleButton, {
     label: r(`graph.annotations.textToolbar.align.${o.alignment}`),
@@ -6276,7 +6276,7 @@ var Ra = ({ width: e }) => ae(60, e), qh = (e, t) => ({
     }));
   }
 }, Xh = ({ annotationId: e, panelRect: t }) => {
-  const { commands: r } = B(), a = W(), o = J({
+  const { commands: r } = B(), a = U(), o = J({
     annotations: H((i) => i.spec.annotations),
     panelRect: t
   });
@@ -6289,7 +6289,7 @@ var Ra = ({ width: e }) => ae(60, e), qh = (e, t) => ({
     dispatch: r.dispatch
   }));
 }, Yh = 4, Jh = ({ annotationId: e, panelRect: t }) => {
-  const { commands: r } = B(), a = W(), o = H((l) => l.spec.annotations), i = (l, s) => {
+  const { commands: r } = B(), a = U(), o = H((l) => l.spec.annotations), i = (l, s) => {
     const c = nt(o, e);
     return c === null ? null : {
       kind: "text-resize-drag",
@@ -6427,7 +6427,7 @@ var s1 = "_1tyillx1", c1 = {
   closed: "_1tyillx6",
   open: "_1tyillx7"
 }, h1 = ({ interaction: e, panelRect: t }) => {
-  const r = W(), a = e.kind === "trigger" || e.kind === "menu" ? e.anchor : null, o = p1(e), i = R(() => {
+  const r = U(), a = e.kind === "trigger" || e.kind === "menu" ? e.anchor : null, o = p1(e), i = R(() => {
     if (a === null) return null;
     const l = je(a.position, t);
     return {
@@ -6461,7 +6461,7 @@ var s1 = "_1tyillx1", c1 = {
     })
   });
 }, p1 = (e) => e.kind === "menu" ? "open" : e.kind === "trigger" && e.isEngaged ? "hovered" : "rest", m1 = 'button:not([disabled]):not([tabindex="-1"]), [tabindex]:not([tabindex="-1"])', g1 = (e, t) => {
-  const { chartId: r } = B(), a = W();
+  const { chartId: r } = B(), a = U();
   O(() => {
     if (t === null) return;
     const o = (i) => {
@@ -6495,13 +6495,13 @@ var s1 = "_1tyillx1", c1 = {
 }, b1 = (e) => {
   const t = e.getAttribute(tr);
   if (t !== "annotation") return null;
-  const r = e.getAttribute(ko);
+  const r = e.getAttribute(Lo);
   return r === null || r === "" ? null : {
     kind: t,
     id: r
   };
 }, y1 = (e) => {
-  const { selectionStore: t, chartId: r } = B(), a = W();
+  const { selectionStore: t, chartId: r } = B(), a = U();
   O(() => {
     let o = null;
     const i = (c) => {
@@ -6613,7 +6613,7 @@ var s1 = "_1tyillx1", c1 = {
   target: a,
   observation: null
 }, P1 = (e, t, r) => {
-  const { commands: a, selectionStore: o, store: i } = B(), l = W(), { engine: s, overlayRef: c } = st(), u = H((y) => y.spec.annotations), d = Ee[Se()], h = d.observationsPress, g = d.tolerance, m = d.annotations, v = J(d.graphPress), b = J({
+  const { commands: a, selectionStore: o, store: i } = B(), l = U(), { engine: s, overlayRef: c } = st(), u = H((y) => y.spec.annotations), d = Ee[Se()], h = d.observationsPress, g = d.tolerance, m = d.annotations, v = J(d.graphPress), b = J({
     annotations: u,
     panelRect: r
   }), C = J(t), k = ne(null);
@@ -6635,7 +6635,7 @@ var s1 = "_1tyillx1", c1 = {
         width: A.width,
         height: A.height
       });
-      const ee = s.query(ut(q, A), g ?? void 0), { layers: Ae, scales: me, config: De } = i.getState().compiled;
+      const ee = s.query(ut(q, A), g ?? void 0), { layers: Ae, scales: me, config: De } = i.getState().scene;
       return S1({
         hover: ee,
         layers: Ae,
@@ -6649,7 +6649,7 @@ var s1 = "_1tyillx1", c1 = {
         y: f.clientY - A.top
       };
     }, _ = (f, A) => {
-      if (k.current !== null || !qo(b.current.annotations, A.id)) return;
+      if (k.current !== null || !Zo(b.current.annotations, A.id)) return;
       try {
         e.setPointerCapture(f.pointerId);
       } catch {
@@ -6709,7 +6709,7 @@ var s1 = "_1tyillx1", c1 = {
       A.kind !== "keep-caret" && (l.getState().setCaret(null), E(f, A));
     }, x = (f) => {
       if (Mt(f.target)) return;
-      const A = P(f), { layers: q, config: ee } = i.getState().compiled, Ae = A === null ? null : x1(A, q, ee.parsingLocale);
+      const A = P(f), { layers: q, config: ee } = i.getState().scene, Ae = A === null ? null : x1(A, q, ee.parsingLocale);
       if (A !== null && Ae !== null) {
         o.getState().setSelection([Ae]), l.getState().setPressContext({
           point: D(f),
@@ -6744,7 +6744,7 @@ var s1 = "_1tyillx1", c1 = {
     m
   ]);
 }, wt = (e, t) => e instanceof Node && t.contains(e), I1 = (e) => {
-  const { selectionStore: t, commands: r, chartId: a } = B(), o = W(), i = J(H((d) => d.spec.annotations.textAnnotations)), l = Ee[Se()].annotations, s = se((d) => {
+  const { selectionStore: t, commands: r, chartId: a } = B(), o = U(), i = J(H((d) => d.spec.annotations.textAnnotations)), l = Ee[Se()].annotations, s = se((d) => {
     const { selection: h } = t.getState(), g = l ? Nt(h) : null;
     g !== null && (d.preventDefault(), r.dispatch(new Me({ id: g })), e.focus({ preventScroll: !0 }));
   }, [
@@ -6806,10 +6806,10 @@ var s1 = "_1tyillx1", c1 = {
     o
   ]);
 }, E1 = (e) => e instanceof HTMLElement && (e.isContentEditable || e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement), M1 = () => {
-  const e = Ee[Se()].observationMenu, t = Po((l) => e ? l.hover.primary : null), { layers: r, coordSystem: a } = H(Re((l) => ({
+  const e = Ee[Se()].observationMenu, t = Io((l) => e ? l.hover.primary : null), { layers: r, coordSystem: a } = H(Re((l) => ({
     layers: l.layers,
     coordSystem: l.coordSystem
-  }))), { anchorResolver: o } = B(), i = Zo();
+  }))), { anchorResolver: o } = B(), i = mo();
   return R(() => {
     if (t === null) return null;
     const l = r.find((u) => u.id === t.layerId);
@@ -6847,7 +6847,7 @@ var s1 = "_1tyillx1", c1 = {
     t
   ]);
 }, O1 = (e, t, r) => {
-  const a = W(), { selectionStore: o } = B(), { store: i, engine: l } = st(), s = J(e), c = J(t), u = J(r);
+  const a = U(), { selectionStore: o } = B(), { store: i, engine: l } = st(), s = J(e), c = J(t), u = J(r);
   O(() => {
     const d = (b) => ta(b, c.current, a.getState().menuTrigger), h = (b) => {
       if (d(b) || o.getState().selection.length > 0) return;
@@ -6886,7 +6886,7 @@ var s1 = "_1tyillx1", c1 = {
     u
   ]);
 }, R1 = (e, t) => {
-  const r = W(), a = J(t), o = Ee[Se()].annotations;
+  const r = U(), a = J(t), o = Ee[Se()].annotations;
   O(() => {
     let i = null, l = null;
     const s = (v) => {
@@ -6941,7 +6941,7 @@ var s1 = "_1tyillx1", c1 = {
       return !1;
   }
 }, _n = "editor", Fn = [], D1 = (e, t, r, a) => {
-  const o = Fa(), { store: i } = st(), { selectionStore: l } = B(), s = W(), c = or().length > 0, u = Ee[Se()].holdsHoverWhileSelected, d = X((v) => v.menuTrigger), h = o.kind === "menu", g = R(() => d === null ? Fn : [Yi(d)], [d]);
+  const o = Fa(), { store: i } = st(), { selectionStore: l } = B(), s = U(), c = or().length > 0, u = Ee[Se()].holdsHoverWhileSelected, d = X((v) => v.menuTrigger), h = o.kind === "menu", g = R(() => d === null ? Fn : [Yi(d)], [d]);
   R1(e, t), P1(e, t, r), O1(o, t, r), y1(e), I1(e), g1(e, a), O(() => l.subscribe((v, b) => {
     v.selection !== b.selection && s.getState().setPressContext(null);
   }), [s, l]), O(() => (i.getState().publishPointerRegions(_n, g), () => i.getState().publishPointerRegions(_n, Fn)), [i, g]);
@@ -6956,7 +6956,7 @@ var s1 = "_1tyillx1", c1 = {
     u
   ]);
 }, z1 = ({ frameElement: e, panelRect: t }) => {
-  const { measureRef: r, screenRect: a } = Oo(), { selectionStore: o } = B(), i = W(), l = X((u) => u.caret?.annotationId ?? null), s = Se(), c = ne(s);
+  const { measureRef: r, screenRect: a } = Ro(), { selectionStore: o } = B(), i = U(), l = X((u) => u.caret?.annotationId ?? null), s = Se(), c = ne(s);
   return O(() => (r(e), () => r(null)), [r, e]), O(() => () => {
     const u = i.getState();
     u.releaseInteraction("menu"), u.setCaret(null);
@@ -6978,7 +6978,7 @@ var s1 = "_1tyillx1", c1 = {
     panelRect: t
   })] });
 }, _1 = ({ annotationId: e, panelRect: t }) => {
-  const r = W(), { textAnnotations: a } = xe(t);
+  const r = U(), { textAnnotations: a } = xe(t);
   return O(() => {
     a.some(({ id: o }) => o === e) || r.getState().setCaret(null);
   }, [
@@ -7005,9 +7005,9 @@ var s1 = "_1tyillx1", c1 = {
   });
 }, H1 = ({ frameElement: e, frameRect: t, panelOrigin: r, panelRect: a, boxRef: o }) => {
   const i = qt(), l = Fa(), s = Ee[Se()].annotations;
-  return /* @__PURE__ */ n(Ho, {
+  return /* @__PURE__ */ n(Bo, {
     rect: t,
-    zIndex: yo.editorOverlay,
+    zIndex: Co.editorOverlay,
     container: i,
     "data-testid": "editor-overlay",
     boxRef: o,
@@ -7050,10 +7050,10 @@ var s1 = "_1tyillx1", c1 = {
     ] })
   });
 }, v0 = ({ slots: e, mode: t, ...r }) => /* @__PURE__ */ n(vs, {
-  locale: fo(),
-  children: /* @__PURE__ */ n(go, { children: /* @__PURE__ */ n(_o, {
+  locale: bo(),
+  children: /* @__PURE__ */ n(vo, { children: /* @__PURE__ */ n(Fo, {
     editors: Xc,
-    children: /* @__PURE__ */ n(Bo, {
+    children: /* @__PURE__ */ n(Vo, {
       slots: R(() => ({
         EditorSurface: z1,
         ...e
@@ -7115,7 +7115,7 @@ var B1 = {
   return /* @__PURE__ */ n("div", {
     onKeyDown: (i) => {
       if (t?.(i), !a || i.defaultPrevented) return;
-      const l = $o(i.nativeEvent);
+      const l = Uo(i.nativeEvent);
       l && (i.preventDefault(), l === "undo" ? a.undo() : a.redo());
     },
     ...r,
@@ -7150,8 +7150,8 @@ var B1 = {
       }
     }
   };
-}, G1 = "eh8dvc0", $1 = "eh8dvc1 uz3g760", W1 = "eh8dvc2 uz3g761";
-var U1 = ({ value: e, onChange: t, onCommit: r, min: a, max: o, step: i, placeholder: l, prefix: s, suffix: c, isDisabled: u, hasError: d, ariaLabel: h, ariaLabelledBy: g, id: m }) => {
+}, G1 = "eh8dvc0", $1 = "eh8dvc1 uz3g760", U1 = "eh8dvc2 uz3g761";
+var W1 = ({ value: e, onChange: t, onCommit: r, min: a, max: o, step: i, placeholder: l, prefix: s, suffix: c, isDisabled: u, hasError: d, ariaLabel: h, ariaLabelledBy: g, id: m }) => {
   const v = be({
     id: m,
     ariaLabel: h,
@@ -7178,7 +7178,7 @@ var U1 = ({ value: e, onChange: t, onCommit: r, min: a, max: o, step: i, placeho
           children: s
         }),
         /* @__PURE__ */ n(gn.Input, {
-          className: W1,
+          className: U1,
           placeholder: l,
           ...C,
           "aria-invalid": d === !0 ? !0 : void 0,
@@ -7399,25 +7399,25 @@ var wp = ({ options: e, value: t, onChange: r, onCommit: a, itemLayout: o = "inl
 }, $a = (e, t) => e.icon === void 0 || t, Tp = (e, t) => {
   if (!$a(e, t))
     return e.label;
-}, Wa = {
+}, Ua = {
   ToggleGroup: wp,
   Switch: fp,
   Slider: pp,
   RadioGrid: j1,
   Button: V1,
   TextField: Cp,
-  NumberField: U1,
+  NumberField: W1,
   Select: ap
-}, Ua = He(Wa), Ap = ({ controls: e, children: t }) => {
+}, Wa = He(Ua), Ap = ({ controls: e, children: t }) => {
   const r = R(() => ({
-    ...Wa,
+    ...Ua,
     ...e
   }), [e]);
-  return /* @__PURE__ */ n(Ua.Provider, {
+  return /* @__PURE__ */ n(Wa.Provider, {
     value: r,
     children: t
   });
-}, G = () => Oe(Ua), kp = "_12lhx9e0", Ka = ({ children: e }) => /* @__PURE__ */ n("div", {
+}, G = () => Oe(Wa), kp = "_12lhx9e0", Ka = ({ children: e }) => /* @__PURE__ */ n("div", {
   className: kp,
   children: e
 }), Lp = "_139ohwv0", j = ({ children: e }) => /* @__PURE__ */ n("div", {
@@ -7437,7 +7437,7 @@ function Op(e) {
   return t.includes("_1ii3bsb0") || t.includes("_1ii3bsb1");
 }
 var Rp = ({ handle: e, children: t, controls: r, defaultExpandedSection: a = void 0, className: o }) => {
-  const i = zo(e), { themeClass: l, inlineVarsStyle: s } = lt(), [c, u] = te(() => a ? [a] : []), d = R(() => ({
+  const i = _o(e), { themeClass: l, inlineVarsStyle: s } = lt(), [c, u] = te(() => a ? [a] : []), d = R(() => ({
     expandSection: (h) => u([h]),
     collapseAllSections: () => u([])
   }), []);
@@ -7614,10 +7614,10 @@ var Bp = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
     }),
     children: i
   });
-}, Wp = {
+}, Up = {
   horizontal: ["bottom", "top"],
   vertical: ["left", "right"]
-}, Up = {
+}, Wp = {
   left: "editor.axesPanel.position.left",
   right: "editor.axesPanel.position.right",
   top: "editor.axesPanel.position.top",
@@ -7626,16 +7626,16 @@ var Bp = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
   x: "editor.axesPanel.mainAxisSection.xAxis",
   y: "editor.axesPanel.mainAxisSection.yAxis"
 }, Gn = ({ axis: e, title: t, layout: r = "collapsible", preview: a }) => {
-  const o = V(), i = U(o), l = I(), { NumberField: s, Switch: c, TextField: u, ToggleGroup: d } = G();
+  const o = V(), i = W(o), l = I(), { NumberField: s, Switch: c, TextField: u, ToggleGroup: d } = G();
   if (!i) return null;
   const h = i.coordSystem.type === "polar" ? i.coordSystem.axisMapping[e].geometry : "linear", g = i.config.axes[e], m = i.scales[e], v = m?.spec, b = v?.scaleType === "continuous" ? v : void 0;
   if (h === "circular" || h === "radial" && b === void 0) return null;
   const C = v !== void 0 && "reverse" in v ? v : void 0, k = v?.scaleType === "continuous" || v?.scaleType === "datetime", y = e === "y" && b !== void 0 && i.layers.some((T) => T.yScaleType === "primary" && T.geom === "bar"), L = b?.transform === "log", P = b?.domainMax ?? null, D = qp(b), _ = (T, ge) => T.map(($e) => ({
     value: $e,
     label: ge($e)
-  })), z = i.guides.axes.find((T) => T.scaleAestheticKey === e)?.position, E = Wp[z === "bottom" || z === "top" || z === void 0 && e === "x" ? "horizontal" : "vertical"], N = e === "y" ? wl(i.spec) : null, x = N === null ? void 0 : i.spec.layers.find((T) => T.id === N), f = i.guides.legends.drawn.some((T) => E.some((ge) => ge === T.position)), A = E.map((T) => ({
+  })), z = i.guides.axes.find((T) => T.scaleAestheticKey === e)?.position, E = Up[z === "bottom" || z === "top" || z === void 0 && e === "x" ? "horizontal" : "vertical"], N = e === "y" ? wl(i.spec) : null, x = N === null ? void 0 : i.spec.layers.find((T) => T.id === N), f = i.guides.legends.drawn.some((T) => E.some((ge) => ge === T.position)), A = E.map((T) => ({
     value: T,
-    label: l(Up[T])
+    label: l(Wp[T])
   })), q = _(["auto", "edges"], (T) => l(T === "edges" ? "editor.axesPanel.labelMode.edges" : "editor.axesPanel.labelMode.auto")), ee = _(["linear", "log"], (T) => l(T === "log" ? "editor.axesPanel.scale.log" : "editor.axesPanel.scale.auto")), Ae = _([
     "auto",
     "zero",
@@ -7671,7 +7671,7 @@ var Bp = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
       transform: T === "log" ? "log" : "linear"
     }));
   }, on = (T) => {
-    o.commands.dispatch(new We({
+    o.commands.dispatch(new Ue({
       scaledAesthetic: e,
       ...T
     }), { transient: !0 });
@@ -7685,13 +7685,13 @@ var Bp = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
         b.zero && o.commands.dispatch(new mn({
           scaledAesthetic: e,
           zero: !1
-        })), o.commands.dispatch(new We({
+        })), o.commands.dispatch(new Ue({
           scaledAesthetic: e,
           domainMin: $n(m?.domain, "start")
         }));
         return;
       }
-      b.domainMin !== null && o.commands.dispatch(new We({
+      b.domainMin !== null && o.commands.dispatch(new Ue({
         scaledAesthetic: e,
         domainMin: null
       })), o.commands.dispatch(new mn({
@@ -7701,7 +7701,7 @@ var Bp = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
     }
   }, uo = (T) => {
     const ge = T === "custom" ? $n(m?.domain, "end") : null;
-    o.commands.dispatch(new We({
+    o.commands.dispatch(new Ue({
       scaledAesthetic: e,
       domainMax: ge
     }));
@@ -7833,7 +7833,7 @@ var Bp = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
     })
   });
 }, Zp = ({ title: e, layout: t = "collapsible", preview: r }) => {
-  const a = V(), o = U(a), i = I(), { Switch: l } = G();
+  const a = V(), o = W(a), i = I(), { Switch: l } = G();
   if (!o) return null;
   const s = o.config.content, c = (d) => {
     a.commands.dispatch(new ct({
@@ -7858,8 +7858,8 @@ var Bp = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
       onChange: u
     })] })
   });
-}, Wn = /^[a-z][a-z\d+.-]*:/i, jp = {}, Xp = ({ title: e, layout: t = "collapsible", preview: r }) => {
-  const a = V(), o = U(a), i = I(), { Switch: l } = G();
+}, Un = /^[a-z][a-z\d+.-]*:/i, jp = {}, Xp = ({ title: e, layout: t = "collapsible", preview: r }) => {
+  const a = V(), o = W(a), i = I(), { Switch: l } = G();
   if (!o) return null;
   const s = o.config.content, c = (u) => {
     a.commands.dispatch(new ct({
@@ -7885,7 +7885,7 @@ var Bp = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
     t.commands.dispatch(new gi({ source: u ? c : null }), { transient: !0 });
   }, i = () => {
     const c = e.url ?? "";
-    c !== "" && !Wn.test(c) && o({
+    c !== "" && !Un.test(c) && o({
       ...e,
       url: `https://${c}`
     }), t.commands.seal();
@@ -7902,7 +7902,7 @@ var Bp = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
       value: e.url ?? "",
       onChange: l,
       onCommit: i,
-      hasError: Wn.test(e.url ?? "") && !Sl(e.url)
+      hasError: Un.test(e.url ?? "") && !Sl(e.url)
     })
   }), /* @__PURE__ */ n(S, {
     label: r("editor.elementsPanel.sourceSection.name"),
@@ -7913,7 +7913,7 @@ var Bp = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
     })
   })] });
 }, Jp = ({ title: e, layout: t = "collapsible", preview: r }) => {
-  const a = V(), o = U(a), i = I(), { Switch: l } = G();
+  const a = V(), o = W(a), i = I(), { Switch: l } = G();
   if (!o) return null;
   const s = o.config.content, c = (d) => {
     a.commands.dispatch(new ct({
@@ -7950,7 +7950,7 @@ var Bp = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
   3,
   4
 ], Qp = Dt.length / 2, e2 = { select: { target: "graph" } }, t2 = ({ title: e, layout: t = "collapsible", preview: r }) => {
-  const a = V(), o = U(a), i = I(), { RadioGrid: l } = G();
+  const a = V(), o = W(a), i = I(), { RadioGrid: l } = G();
   if (!o) return null;
   const s = dt().chromeReaders(o.chrome).graph.get("textScale"), c = (h) => i("editor.elementsPanel.textSizeSection.scaleFormat", { value: `${h}` }), u = Dt.map((h) => ({
     value: `${h}`,
@@ -7983,7 +7983,7 @@ var Bp = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
     })
   });
 }, n2 = ({ title: e, layout: t = "collapsible", preview: r }) => {
-  const a = V(), o = U(a), i = I(), { Switch: l } = G();
+  const a = V(), o = W(a), i = I(), { Switch: l } = G();
   if (!o) return null;
   const s = o.config.content, c = (d) => {
     a.commands.dispatch(new ct({
@@ -8020,12 +8020,12 @@ var Bp = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
 }), b0 = ({ children: e, ...t }) => /* @__PURE__ */ n(Za.Root, {
   ...t,
   children: e ?? /* @__PURE__ */ p(Y, { children: [/* @__PURE__ */ n(Gn, { axis: "x" }), /* @__PURE__ */ n(Gn, { axis: "y" })] })
-}), ft = (e) => `${e}px`, Xa = (e) => `${Math.round(e * 100)}%`, r2 = (e) => `${e}°`, a2 = 24, o2 = { select: { target: "graph" } }, Un = ["dim", "desaturate"], y0 = ({ title: e, layout: t = "collapsible", preview: r }) => {
-  const a = V(), o = U(a), i = I(), { Slider: l, ToggleGroup: s } = G();
+}), ft = (e) => `${e}px`, Xa = (e) => `${Math.round(e * 100)}%`, r2 = (e) => `${e}°`, a2 = 24, o2 = { select: { target: "graph" } }, Wn = ["dim", "desaturate"], y0 = ({ title: e, layout: t = "collapsible", preview: r }) => {
+  const a = V(), o = W(a), i = I(), { Slider: l, ToggleGroup: s } = G();
   if (!o) return null;
-  const c = dt().chromeReaders(o.chrome).graph.get("borderRadius"), u = Tl(o.spec), d = Un.map((m) => ({
+  const c = dt().chromeReaders(o.chrome).graph.get("borderRadius"), u = Tl(o.spec), d = Wn.map((m) => ({
     value: m,
-    label: i(m === "dim" ? "editor.highlighting.highlightStyle.tint" : "editor.highlighting.highlightStyle.grey")
+    label: i(m === "dim" ? "editor.highlighting.highlightStyle.tint" : "editor.highlighting.highlightStyle.gray")
   })), h = (m) => {
     const v = Ce(o.spec.styles.overrides, o2)?.declarations ?? {};
     a.commands.dispatch(new Ne({
@@ -8039,7 +8039,7 @@ var Bp = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
       }
     }), { transient: !0 });
   }, g = (m) => {
-    const v = Un.find((b) => b === m);
+    const v = Wn.find((b) => b === m);
     v && a.commands.dispatch(new Ti({ dimStyle: v }));
   };
   return /* @__PURE__ */ n(K, {
@@ -8077,7 +8077,7 @@ var Bp = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
     r
   ]);
 }, i2 = 0.05, C0 = ({ title: e, layout: t = "collapsible", preview: r }) => {
-  const a = V(), o = U(a), i = I(), { Slider: l, ToggleGroup: s } = G(), c = o ? Sr(o.spec.layers, "bar") : void 0, u = an(o, c?.id ?? null);
+  const a = V(), o = W(a), i = I(), { Slider: l, ToggleGroup: s } = G(), c = o ? Sr(o.spec.layers, "bar") : void 0, u = an(o, c?.id ?? null);
   if (!o || !c || o.coordSystem.type === "polar" && o.coordSystem.bandAxis === null) return null;
   const d = (v) => {
     a.commands.dispatch(new mi({
@@ -8205,7 +8205,7 @@ var Bp = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
   x: 0.6,
   y: 0.4
 }, f2 = "relative-difference", S0 = ({ title: e, layout: t = "collapsible", preview: r }) => {
-  const a = V(), o = U(a), i = I(), { Button: l } = G();
+  const a = V(), o = W(a), i = I(), { Button: l } = G();
   if (!o) return null;
   const s = () => {
     a.commands.dispatch(new ve({
@@ -8299,7 +8299,7 @@ var Bp = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
     }]
   }]
 }), x0 = ({ title: e, layout: t = "collapsible", preview: r }) => {
-  const a = V(), o = U(a), i = I(), { ToggleGroup: l } = G();
+  const a = V(), o = W(a), i = I(), { ToggleGroup: l } = G();
   if (!o) return null;
   const s = Tr(o.spec);
   if (s === null || !ye(s)) return null;
@@ -8325,10 +8325,10 @@ var Bp = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
     })
   });
 }, y2 = 0.1, C2 = 20, w0 = ({ title: e, preview: t }) => {
-  const r = V(), a = U(r), o = I(), { NumberField: i, TextField: l } = G();
+  const r = V(), a = W(r), o = I(), { NumberField: i, TextField: l } = G();
   if (!a || a.coordSystem.type === "polar") return null;
   const s = ul(a.spec.layers), c = e ?? o("editor.annotationsPanel.goalSection.title"), u = ll(s?.mapping.y), d = typeof u == "number" ? u : null, h = (v) => {
-    const b = new Ui({
+    const b = new Wi({
       showGoalLine: v,
       value: S2(a),
       ...s !== void 0 && { layerId: s.id }
@@ -8382,14 +8382,14 @@ var Bp = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
   const i = Math.min(C2, Math.max(0, 1 - Math.floor(Math.log10(o))));
   return Number((r + o * y2).toFixed(i));
 }, T0 = ({ layerId: e, title: t, layout: r = "collapsible", preview: a }) => {
-  const o = V(), i = U(o), l = I(), { Switch: s } = G();
+  const o = V(), i = W(o), l = I(), { Switch: s } = G();
   if (!i) return null;
   const c = e === void 0 ? i.spec.layers[0] : i.spec.layers.find((z) => z.id === e);
   if (!c) return null;
   const { showDataLabels: u, format: d, showStackTotals: h, showCategoryLabels: g } = c.dataLabels, m = i.coordSystem.type === "polar", v = c.geom === "bar", b = c.position === "stack" || c.position === "fill", C = v && !m && c.position === "stack", k = v && (!m || u), y = v || c.geom === "area" && b;
   if (!nl(c.geom, i.coordSystem.type)) return null;
   const L = (z) => {
-    const E = new Wi({
+    const E = new Ui({
       layerId: c.id,
       showDataLabels: z
     });
@@ -9208,7 +9208,7 @@ var Bp = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
       position: "identity"
     }
   }
-], G2 = 0.05, $2 = (e) => e === null ? null : zt.find((t) => U2(t.summary, e)) ?? null, W2 = (e, t) => {
+], G2 = 0.05, $2 = (e) => e === null ? null : zt.find((t) => W2(t.summary, e)) ?? null, U2 = (e, t) => {
   const { summary: r } = e;
   return t === null || ye(r) ? r : r.position === "dodge" && Ya(t) ? {
     ...r,
@@ -9217,12 +9217,12 @@ var Bp = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
     ...r,
     innerRadius: t.innerRadius
   };
-}, Ya = (e) => !ye(e) && e.geom === "bar" && e.position === "identity", U2 = (e, t) => {
+}, Ya = (e) => !ye(e) && e.geom === "bar" && e.position === "identity", W2 = (e, t) => {
   if (ye(e) || ye(t)) return ye(e) && ye(t);
   const r = e.position === t.position || e.position === "dodge" && Ya(t);
   return e.coordType !== t.coordType || e.geom !== t.geom || !r ? !1 : e.coordType !== "polar" || t.coordType !== "polar" ? !0 : e.theta === t.theta && at(e.innerRadius) === at(t.innerRadius);
 }, at = (e) => e >= G2, K2 = 3, A0 = ({ title: e, layout: t = "collapsible", preview: r }) => {
-  const a = V(), o = U(a), i = I(), { RadioGrid: l } = G(), s = R(() => zt.map(({ name: h, icon: g }) => ({
+  const a = V(), o = W(a), i = I(), { RadioGrid: l } = G(), s = R(() => zt.map(({ name: h, icon: g }) => ({
     value: h,
     label: i(`editor.graphTypes.${h}`),
     icon: /* @__PURE__ */ n(g, { size: "md" }),
@@ -9231,7 +9231,7 @@ var Bp = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
   if (!o) return null;
   const c = Tr(o.spec), u = $2(c), d = (h) => {
     const g = zt.find((m) => m.name === h);
-    g && a.commands.dispatch(new mr(W2(g, c)));
+    g && a.commands.dispatch(new mr(U2(g, c)));
   };
   return /* @__PURE__ */ n(K, {
     title: e ?? i("editor.graphPanel.graphTypeSection.title"),
@@ -9250,7 +9250,7 @@ var Bp = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
   "dashed",
   "dotted"
 ], q2 = 8, Z2 = 0, k0 = ({ title: e, layout: t = "collapsible", preview: r }) => {
-  const a = V(), o = U(a), i = I(), { Slider: l, Switch: s, ToggleGroup: c } = G(), { colorScheme: u } = lt();
+  const a = V(), o = W(a), i = I(), { Slider: l, Switch: s, ToggleGroup: c } = G(), { colorScheme: u } = lt();
   if (!o) return null;
   const d = o.guides.axes.filter(j2);
   if (d.length === 0) return null;
@@ -9314,7 +9314,7 @@ var Bp = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
   "medium",
   "large"
 ], L0 = ({ title: e, layout: t = "collapsible", preview: r }) => {
-  const a = V(), o = U(a), i = I(), { Switch: l, ToggleGroup: s } = G();
+  const a = V(), o = W(a), i = I(), { Switch: l, ToggleGroup: s } = G();
   if (!o) return null;
   const c = o.config.headline, u = c.show !== "none", d = o.coordSystem, h = d.type === "polar", g = d.type === "polar" && d.innerRadius > 0, m = o.layers.some((x) => x.summary.grandTotal !== void 0);
   if (h && !m) return null;
@@ -9413,7 +9413,7 @@ var Bp = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
   "pill",
   "direct"
 ], P0 = ({ positions: e, title: t, layout: r = "collapsible", preview: a }) => {
-  const o = V(), i = U(o), l = I(), { ToggleGroup: s } = G();
+  const o = V(), i = W(o), l = I(), { ToggleGroup: s } = G();
   if (!i) return null;
   const c = i.config.legend.position, u = e ?? At, d = i.guides.legends.drawn[0], h = Qi({
     legendPosition: i.guides.legends.position,
@@ -9475,7 +9475,7 @@ var Bp = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
     ] })
   });
 }, em = 1, tm = 20, nm = 0.5, Qa = ({ layerId: e }) => {
-  const t = V(), r = U(t), { Slider: a } = G(), o = an(r, e);
+  const t = V(), r = W(t), { Slider: a } = G(), o = an(r, e);
   if (!r) return null;
   const i = (l) => {
     const s = new Oi({
@@ -9498,7 +9498,7 @@ var Bp = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
   "zero",
   "connect"
 ], I0 = ({ title: e, layout: t = "collapsible", preview: r }) => {
-  const a = V(), o = U(a), i = I(), { Select: l, Slider: s, Switch: c, ToggleGroup: u } = G(), d = o?.spec.layers ?? [], h = Sr(d, "line", "area"), g = an(o, h?.id ?? null);
+  const a = V(), o = W(a), i = I(), { Select: l, Slider: s, Switch: c, ToggleGroup: u } = G(), d = o?.spec.layers ?? [], h = Sr(d, "line", "area"), g = an(o, h?.id ?? null);
   if (!o || !h) return null;
   const m = o.coordSystem.type === "polar", v = cm(i, h), b = sm(h, d), C = Yn(o.spec, h.geom, "strokeWidth", h.id), k = typeof C == "number", y = h.geom === "line" ? h : void 0, L = [{
     value: "auto",
@@ -9624,7 +9624,7 @@ var Bp = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
   size: "editor.graphPanel.mappingSection.size",
   label: "editor.graphPanel.mappingSection.label"
 }, E0 = ({ title: e, layout: t = "collapsible" }) => {
-  const r = V(), a = U(r), o = I(), { Select: i } = G(), l = o("editor.graphPanel.mappingSection.none"), s = a?.spec, c = R(() => s === void 0 ? [] : Al(s, dm).map(({ aesthetic: u, variables: d, isRequired: h }) => {
+  const r = V(), a = W(r), o = I(), { Select: i } = G(), l = o("editor.graphPanel.mappingSection.none"), s = a?.spec, c = R(() => s === void 0 ? [] : Al(s, dm).map(({ aesthetic: u, variables: d, isRequired: h }) => {
     const g = kl(s.mapping, u);
     return {
       aesthetic: u,
@@ -9680,7 +9680,7 @@ var Bp = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
     labelKey: "billions"
   }
 ], fm = ["auto", "none"], M0 = ({ title: e, layout: t = "collapsible", preview: r }) => {
-  const a = V(), o = U(a), i = I(), { NumberField: l, ToggleGroup: s } = G();
+  const a = V(), o = W(a), i = I(), { NumberField: l, ToggleGroup: s } = G();
   if (!o) return null;
   const { abbreviation: c, decimals: u } = o.config.numberFormat, d = bm(c) !== void 0, h = u !== "auto", g = (L) => L.map((P) => ({
     value: P,
@@ -9747,7 +9747,7 @@ var Bp = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
     ] })
   });
 }, bm = (e) => Ft.find((t) => t.value === e), N0 = ({ title: e, layout: t = "collapsible", preview: r }) => {
-  const a = U(V()), o = I();
+  const a = W(V()), o = I();
   if (!a) return null;
   const i = ym(a.spec.layers);
   return i ? /* @__PURE__ */ n(K, {
@@ -9763,7 +9763,7 @@ var Bp = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
   const t = Lt(e, "line", "area");
   return Lt(e, "point").find((r) => !xr(r, t));
 }, Cm = 0.9, Sm = 360, xm = 0.05, wm = 15, O0 = ({ title: e, layout: t = "collapsible", preview: r }) => {
-  const a = V(), o = U(a), i = I(), { Slider: l } = G();
+  const a = V(), o = W(a), i = I(), { Slider: l } = G();
   if (!o || o.spec.coords.coordType !== "polar") return null;
   const { innerRadius: s, startAngle: c } = o.spec.coords.params, u = (h) => {
     a.commands.dispatch(new Ri({ innerRadius: h }), { transient: !0 });
@@ -9877,7 +9877,7 @@ var Bp = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
   "power",
   "loess"
 ], km = "linear", R0 = ({ title: e, layout: t = "collapsible", preview: r }) => {
-  const a = V(), o = U(a), i = I(), { Select: l, Switch: s } = G(), { options: c, findValue: u } = Am(o);
+  const a = V(), o = W(a), i = I(), { Select: l, Switch: s } = G(), { options: c, findValue: u } = Am(o);
   if (!o || o.coordSystem.type === "polar") return null;
   const d = gl(o.spec.layers), h = dl(o.spec.layers), g = d?.stat.type === "smooth" ? d.stat.method : km, m = Lm(h), v = Qn.map((P) => ({
     value: P,
@@ -9964,7 +9964,7 @@ export {
   P0 as LegendSection,
   I0 as LineSection,
   E0 as MappingSection,
-  U1 as NumberField,
+  W1 as NumberField,
   M0 as NumberFormatSection,
   Mp as PANEL_ROOT_ATTRIBUTE,
   N0 as PointSection,