@graphysdk/react-renderer 1.9.0-beta.1792505847409 → 1.9.0-beta.1792510459918

package/dist/editable.mjs

@@ -1,17 +1,17 @@
-import { $ as Dn, $t as Xl, A as Et, An as H, B as Zl, C as Yl, Ct as Ea, D as Jl, Dt as Ql, E as es, En as W, Et as Ne, F as ts, Ft as ne, G as ee, Gt as ns, I as rs, It as as, J as Sr, Jt as os, K as U, L, Lt as is, Mn as _n, O as Oa, On as R, Ot as ls, P as ss, Pt as et, Q as Fn, Qt as cs, S as ds, St as M, T as Me, U as us, W as hs, Wt as Cr, X as ps, Y as ms, Z as j, _ as De, _n as gs, an as ce, at as zn, b as Ra, bn as vs, bt as fs, c as Na, ct as bs, d as ys, dt as Ss, en as Da, et as _a, f as Cs, ft as ge, g as Fa, gn as xs, gt as Ot, h as Rt, ht as ws, i as Bn, in as za, it as Ba, k as un, kn as ks, kt as Ts, l as As, lt as Ps, m as Ls, mt as Is, n as le, nt as Nt, o as Ms, on as Hn, p as Ha, pt as ue, q as Es, r as K, rn as Ga, rt as Os, sn as Be, st as Rs, t as Ns, tn as Ds, tt as Gn, u as _s, ut as xr, v as Fs, wn as Va, wt as zs, x as Bs, xt as Hs, y as Gs, yt as Vs } from "./history-chords-BIeYhK4y.js";
-import { ARROW_DEFAULTS as $s, ARROW_STICKER_DECLARATIONS as Ws, ARROW_STROKE_WIDTHS_PX as Jt, AddAnnotationCommand as Te, AddHighlightCommand as Us, BORDER_RADIUS_TOKENS as wr, COMBO_TYPES as kr, CONSTANT_VARIABLES as Ks, DASH_PRESETS as qs, DEFAULT_BAR_CORNER_RADIUS as js, DEFAULT_GEOM_COLOR as Xs, DEFAULT_POINT_SIZE_PX as $a, DEFAULT_STROKE_WIDTH_PX as Zs, DIFFERENCE_ARROW_DEFAULTS as Wa, DIFFERENCE_ARROW_SIZE_DECLARATIONS as Tr, InternalError as Ys, MAX_BAR_WIDTH_FRACTION as Js, MIN_BAR_WIDTH_FRACTION as Qs, MoveAnnotationCommand as ec, RESTING_HOVER_STATE as Vn, RemoveAnnotationCommand as $e, RemoveHighlightCommand as tc, SHAPE_DEFAULTS as nc, SequenceCommand as qe, SetAxisLabelCommand as Ua, SetAxisPositionCommand as Ka, SetAxisTickModeCommand as qa, SetAxisTicksVisibilityCommand as rc, SetAxisVisibilityCommand as hn, SetBarCornerRadiusCommand as ac, SetBarWidthCommand as ja, SetChartTypeCommand as $n, SetContentCaptionCommand as Xa, SetContentSourceCommand as oc, SetContentSubtitleCommand as Za, SetContentTitleCommand as Ya, SetDataLabelsFormatCommand as Ja, SetDifferenceArrowStyleCommand as ic, SetGridLineStyleCommand as Qa, SetGridVisibilityCommand as pn, SetHeadlineCompareWithCommand as lc, SetHeadlinePositionCommand as sc, SetHeadlineShowCommand as Ar, SetHeadlineSizeCommand as cc, SetHighlightDimStyleCommand as dc, SetLayerYScaleTypeCommand as uc, SetLegendAlignCommand as hc, SetLegendDisplayCommand as pc, SetLegendPlacementCommand as mc, SetLegendPositionCommand as mn, SetLineCurveCommand as eo, SetLineMissingValuesCommand as to, SetLineStyleCommand as Ce, SetMappingCommand as gc, SetNumberFormatAbbreviationCommand as vc, SetNumberFormatDecimalsCommand as Pr, SetObservationsColorCommand as fc, SetPointSizeCommand as Wn, SetPolarInnerRadiusCommand as bc, SetPolarStartAngleCommand as yc, SetRuleLabelCommand as Sc, SetRuleValueCommand as Cc, SetScaleDomainCommand as Ze, SetScaleRangeCommand as xc, SetScaleReverseCommand as wc, SetScaleTransformCommand as no, SetStatLineCommand as kc, SetStyleRuleCommand as Oe, TEXT_ANNOTATION_DEFAULTS as Tc, TEXT_ANNOTATION_FADE_ALPHA as Ac, ToggleCategoryLabelsCommand as ro, ToggleContentVisibilityCommand as Dt, ToggleDataLabelsCommand as ao, ToggleGoalLineCommand as Pc, ToggleLinePointsCommand as Un, ToggleStackTotalsCommand as oo, UpdateAnnotationCommand as ve, alignUnitFractions as Lc, areAnchorsEqual as io, areEditTargetsEqual as Kn, areEndpointsComparable as Ic, buildEditMenuTriggerRegion as Mc, buildLayerStyleAddress as Ge, buildObservationPredicate as Ec, buildObservationsTarget as tt, buildObservationsTargetAtValue as lo, canAnchorDirectLabels as Oc, canBecomeCombo as Rc, canBecomeHeatmap as Nc, clampAnnotationTranslation as Dc, combineKindStyleDeclarations as Lr, computeArrow as so, createObservationAnchorBuilder as _c, createObservationAnchorParser as Fc, createStyleResolver as zc, createStyleRuleMatcher as Bc, createValueFormatter as co, createXValueReader as Hc, filterLayersByGeoms as gn, findAnnotation as Gc, findAverageLineLayer as Vc, findAxisGuide as uo, findCompanionLayers as ho, findGoalLineLayer as $c, findHighlightsAtObservation as Wc, findHostLayer as _t, findKindStyleDeclarations as bt, findLayerByGeom as po, findLayerById as Z, findObservationAttachment as Uc, findStyleRule as Pe, findTrendLineLayer as Kc, formatDifferenceLabel as qc, getBoundingRect as vn, getGroupVariables as mo, getXBand as jc, getYBand as Xc, hasMainAxisBand as Zc, hasMultipleGroups as go, inferDefaultDifferenceArrowEndpoints as Yc, inferDifferenceArrowEndpoints as Jc, isComboChartType as se, isCompanionLayer as vo, isGeomStyleRule as Qc, isLayerSpecOf as Ft, isObservationAttachmentKind as ed, isPointWithinEditMenuTrigger as qn, isSafeUrl as td, isZeroAnchoredAxis as fo, measureObservationsBoxes as bo, projectAnchorToPanel as yt, readBroadestObservationsScope as nd, readChartType as zt, readColorChoices as rd, readComboLineLayerId as ad, readCompanionRowsAtScopeKey as od, readConstantValue as id, readEditTargetKey as Bt, readGeomColor as ld, readHighlightDimStyle as sd, readMainAxis as cd, readMappableAesthetics as dd, readMappedVariable as ud, readObservationIndex as yo, readObservationsColor as hd, readObservationsColorRoute as jn, readReachableLevels as pd, readRowScopeKey as md, readRowsAtScopeKey as gd, readScopeXVariable as vd, readStyleCoord as de, readStyleRulesBeneath as fd, readVariableName as Ht, resolveArrowAnnotationStyle as Xn, resolveBarBandFraction as So, resolveComparisonBasis as bd, resolveDifferenceArrowAnnotationStyle as yd, resolveEditOutlineStyle as Sd, resolveLayerAxisValueFormat as Cd, resolveObservationPoint as Co, resolveObservationsTarget as Je, stepDifferenceArrowEndpoint as xd, toDashPreset as Re, toPaintColor as St, toPanelCursor as Gt, toStrokeDasharray as xo } from "@graphysdk/viz-engine";
-import { Fragment as wo, createContext as Ee, memo as ko, useCallback as re, useContext as he, useEffect as z, useId as Le, useLayoutEffect as Ie, useMemo as E, useRef as ae, useState as X, useSyncExternalStore as wd } from "react";
+import { $ as Dn, $t as Xl, A as Mt, An as H, B as Zl, C as Yl, Ct as Ma, D as Jl, Dt as Ql, E as es, En as W, Et as Ne, F as ts, Ft as ne, G as ee, Gt as ns, I as rs, It as as, J as Sr, Jt as os, K as U, L, Lt as is, Mn as _n, O as Oa, On as R, Ot as ls, P as ss, Pt as et, Q as Fn, Qt as cs, S as ds, St as E, T as Ee, U as us, W as hs, Wt as Cr, X as ps, Y as ms, Z as j, _ as De, _n as gs, an as ce, at as zn, b as Ra, bn as vs, bt as fs, c as Na, ct as bs, d as ys, dt as Ss, en as Da, et as _a, f as Cs, ft as ge, g as Fa, gn as xs, gt as Ot, h as Rt, ht as ws, i as Bn, in as za, it as Ba, k as un, kn as ks, kt as Ts, l as As, lt as Ps, m as Ls, mt as Is, n as le, nt as Nt, o as Es, on as Hn, p as Ha, pt as ue, q as Ms, r as K, rn as Ga, rt as Os, sn as Be, st as Rs, t as Ns, tn as Ds, tt as Gn, u as _s, ut as xr, v as Fs, wn as Va, wt as zs, x as Bs, xt as Hs, y as Gs, yt as Vs } from "./history-chords-Kybi2Tvr.js";
+import { ARROW_DEFAULTS as $s, ARROW_STICKER_DECLARATIONS as Ws, ARROW_STROKE_WIDTHS_PX as Jt, AddAnnotationCommand as Te, AddHighlightCommand as Us, BORDER_RADIUS_TOKENS as wr, COMBO_TYPES as kr, CONSTANT_VARIABLES as Ks, DASH_PRESETS as qs, DEFAULT_BAR_CORNER_RADIUS as js, DEFAULT_GEOM_COLOR as Xs, DEFAULT_POINT_SIZE_PX as $a, DEFAULT_STROKE_WIDTH_PX as Zs, DIFFERENCE_ARROW_DEFAULTS as Wa, DIFFERENCE_ARROW_SIZE_DECLARATIONS as Tr, InternalError as Ys, MAX_BAR_WIDTH_FRACTION as Js, MIN_BAR_WIDTH_FRACTION as Qs, MoveAnnotationCommand as ec, RESTING_HOVER_STATE as Vn, RemoveAnnotationCommand as $e, RemoveHighlightCommand as tc, SHAPE_DEFAULTS as nc, SequenceCommand as qe, SetAxisLabelCommand as Ua, SetAxisPositionCommand as Ka, SetAxisTickModeCommand as qa, SetAxisTicksVisibilityCommand as rc, SetAxisVisibilityCommand as hn, SetBarCornerRadiusCommand as ac, SetBarWidthCommand as ja, SetChartTypeCommand as $n, SetContentCaptionCommand as Xa, SetContentSourceCommand as oc, SetContentSubtitleCommand as Za, SetContentTitleCommand as Ya, SetDataLabelsFormatCommand as Ja, SetDifferenceArrowStyleCommand as ic, SetGridLineStyleCommand as Qa, SetGridVisibilityCommand as pn, SetHeadlineCompareWithCommand as lc, SetHeadlinePositionCommand as sc, SetHeadlineShowCommand as Ar, SetHeadlineSizeCommand as cc, SetHighlightDimStyleCommand as dc, SetLayerYScaleTypeCommand as uc, SetLegendAlignCommand as hc, SetLegendDisplayCommand as pc, SetLegendPlacementCommand as mc, SetLegendPositionCommand as mn, SetLineCurveCommand as eo, SetLineMissingValuesCommand as to, SetLineStyleCommand as Ce, SetMappingCommand as gc, SetNumberFormatAbbreviationCommand as vc, SetNumberFormatDecimalsCommand as Pr, SetObservationsColorCommand as fc, SetPointSizeCommand as Wn, SetPolarInnerRadiusCommand as bc, SetPolarStartAngleCommand as yc, SetRuleLabelCommand as Sc, SetRuleValueCommand as Cc, SetScaleDomainCommand as Ze, SetScaleRangeCommand as xc, SetScaleReverseCommand as wc, SetScaleTransformCommand as no, SetStatLineCommand as kc, SetStyleRuleCommand as Oe, TEXT_ANNOTATION_DEFAULTS as Tc, TEXT_ANNOTATION_FADE_ALPHA as Ac, ToggleCategoryLabelsCommand as ro, ToggleContentVisibilityCommand as Dt, ToggleDataLabelsCommand as ao, ToggleGoalLineCommand as Pc, ToggleLinePointsCommand as Un, ToggleStackTotalsCommand as oo, UpdateAnnotationCommand as ve, alignUnitFractions as Lc, areAnchorsEqual as io, areEditTargetsEqual as Kn, areEndpointsComparable as Ic, buildEditMenuTriggerRegion as Ec, buildLayerStyleAddress as Ge, buildObservationPredicate as Mc, buildObservationsTarget as tt, buildObservationsTargetAtValue as lo, canAnchorDirectLabels as Oc, canBecomeCombo as Rc, canBecomeHeatmap as Nc, clampAnnotationTranslation as Dc, combineKindStyleDeclarations as Lr, computeArrow as so, createObservationAnchorBuilder as _c, createObservationAnchorParser as Fc, createStyleResolver as zc, createStyleRuleMatcher as Bc, createValueFormatter as co, createXValueReader as Hc, filterLayersByGeoms as gn, findAnnotation as Gc, findAverageLineLayer as Vc, findAxisGuide as uo, findCompanionLayers as ho, findGoalLineLayer as $c, findHighlightsAtObservation as Wc, findHostLayer as _t, findKindStyleDeclarations as bt, findLayerByGeom as po, findLayerById as Z, findObservationAttachment as Uc, findStyleRule as Pe, findTrendLineLayer as Kc, formatDifferenceLabel as qc, getBoundingRect as vn, getGroupVariables as mo, getXBand as jc, getYBand as Xc, hasMainAxisBand as Zc, hasMultipleGroups as go, inferDefaultDifferenceArrowEndpoints as Yc, inferDifferenceArrowEndpoints as Jc, isComboChartType as se, isCompanionLayer as vo, isGeomStyleRule as Qc, isLayerSpecOf as Ft, isObservationAttachmentKind as ed, isPointWithinEditMenuTrigger as qn, isSafeUrl as td, isZeroAnchoredAxis as fo, measureObservationsBoxes as bo, projectAnchorToPanel as yt, readBroadestObservationsScope as nd, readChartType as zt, readColorChoices as rd, readComboLineLayerId as ad, readCompanionRowsAtScopeKey as od, readConstantValue as id, readEditTargetKey as Bt, readGeomColor as ld, readHighlightDimStyle as sd, readMainAxis as cd, readMappableAesthetics as dd, readMappedVariable as ud, readObservationIndex as yo, readObservationsColor as hd, readObservationsColorRoute as jn, readReachableLevels as pd, readRowScopeKey as md, readRowsAtScopeKey as gd, readScopeXVariable as vd, readStyleCoord as de, readStyleRulesBeneath as fd, readVariableName as Ht, resolveArrowAnnotationStyle as Xn, resolveBarBandFraction as So, resolveComparisonBasis as bd, resolveDifferenceArrowAnnotationStyle as yd, resolveEditOutlineStyle as Sd, resolveLayerAxisValueFormat as Cd, resolveObservationPoint as Co, resolveObservationsTarget as Je, stepDifferenceArrowEndpoint as xd, toDashPreset as Re, toPaintColor as St, toPanelCursor as Gt, toStrokeDasharray as xo } from "@graphysdk/viz-engine";
+import { Fragment as wo, createContext as Me, memo as ko, useCallback as re, useContext as he, useEffect as z, useId as Le, useLayoutEffect as Ie, useMemo as M, useRef as ae, useState as X, useSyncExternalStore as wd } from "react";
 import { Fragment as $, jsx as r, jsxs as v } from "react/jsx-runtime";
 import { motion as kd } from "motion/react";
 import { useShallow as xe } from "zustand/react/shallow";
 import { assignInlineVars as Se } from "@vanilla-extract/dynamic";
 import ye from "clsx";
 import { clamp as Ve, isEqual as Td } from "lodash-es";
-import { autoUpdate as Ad, flip as Pd, offset as Ld, shift as Id, useFloating as Md } from "@floating-ui/react-dom";
+import { autoUpdate as Ad, flip as Pd, offset as Ld, shift as Id, useFloating as Ed } from "@floating-ui/react-dom";
 import { createPortal as Zn } from "react-dom";
 import { DirectionProvider as Yn } from "@base-ui/react/direction-provider";
 import { Extension as To } from "@tiptap/core";
-import { Bold as Ed } from "@tiptap/extension-bold";
+import { Bold as Md } from "@tiptap/extension-bold";
 import { Document as Ct } from "@tiptap/extension-document";
 import { HardBreak as Od } from "@tiptap/extension-hard-break";
 import { Heading as Rd } from "@tiptap/extension-heading";
@@ -30,10 +30,10 @@ import { Popover as Q } from "@base-ui/react/popover";
 import { HexColorInput as Wd, HexColorPicker as Ud } from "react-colorful";
 import { NumberField as Ir } from "@base-ui/react/number-field";
 import { Radio as Io } from "@base-ui/react/radio";
-import { RadioGroup as Mo } from "@base-ui/react/radio-group";
+import { RadioGroup as Eo } from "@base-ui/react/radio-group";
 import { Select as be } from "@base-ui/react/select";
 import { Slider as Ue } from "@base-ui/react/slider";
-import { Switch as Mr } from "@base-ui/react/switch";
+import { Switch as Er } from "@base-ui/react/switch";
 import { Input as Kd } from "@base-ui/react/input";
 import { Menu as V } from "@base-ui/react/menu";
 import { Toggle as qd } from "@base-ui/react/toggle";
@@ -2500,12 +2500,12 @@ import './editable.css';var Xd = {
   "en-US": au,
   ar: Jd,
   "pt-PT": su
-}, du = [cu, zs], Eo = ({ children: e, ...t }) => /* @__PURE__ */ r(fs, {
+}, du = [cu, zs], Mo = ({ children: e, ...t }) => /* @__PURE__ */ r(fs, {
   dictionaries: du,
   ...t,
   children: /* @__PURE__ */ r(uu, { children: e })
 }), uu = ({ children: e }) => /* @__PURE__ */ r(Yn, {
-  direction: Ea(),
+  direction: Ma(),
   children: e
 }), hu = "data-variant", Oo = Po.extend({ addAttributes() {
   return { variant: {
@@ -2516,11 +2516,11 @@ import './editable.css';var Xd = {
 } }), pu = To.create({
   name: "preventBackspaceAcrossTitleBoundary",
   addOptions() {
-    return { isTitleVisible: !0 };
+    return { showTitle: !0 };
   },
   addKeyboardShortcuts() {
     return { Backspace: ({ editor: e }) => {
-      if (!this.options.isTitleVisible) return !1;
+      if (!this.options.showTitle) return !1;
       const { selection: t } = e.state;
       if (!t.empty) return !1;
       const { $from: n } = t;
@@ -2535,7 +2535,7 @@ import './editable.css';var Xd = {
     2,
     3
   ] }),
-  Ed,
+  Md,
   Nd,
   Hd,
   Fd.configure({ types: ["heading", "paragraph"] }),
@@ -2546,15 +2546,15 @@ import './editable.css';var Xd = {
   Bd,
   zd,
   Od
-], mu = ({ titlePlaceholder: e, subtitlePlaceholder: t, isTitleVisible: n, isSubtitleVisible: a }) => [
+], mu = ({ titlePlaceholder: e, subtitlePlaceholder: t, showTitle: n, showSubtitle: a }) => [
   vu({
-    isTitleVisible: n,
-    isSubtitleVisible: a
+    showTitle: n,
+    showSubtitle: a
   }),
   Oo,
   ...Qn(),
   Ao,
-  pu.configure({ isTitleVisible: n }),
+  pu.configure({ showTitle: n }),
   Jn.configure({
     showOnlyCurrent: !1,
     placeholder: ({ pos: o, editor: i }) => {
@@ -2572,7 +2572,7 @@ import './editable.css';var Xd = {
     showOnlyCurrent: !1,
     placeholder: ({ pos: t }) => t === 0 ? e : ""
   })
-], vu = ({ isTitleVisible: e, isSubtitleVisible: t }) => e && t ? Ct.extend({ content: "block{2,}" }) : Ct, fu = {
+], vu = ({ showTitle: e, showSubtitle: t }) => e && t ? Ct.extend({ content: "block{2,}" }) : Ct, fu = {
   accent: "var(--graphy-editor-accent, var(--graphy-editor-default-accent))",
   surface: "var(--graphy-editor-surface, var(--graphy-editor-default-surface))",
   text: "var(--graphy-editor-text, var(--graphy-editor-default-text))",
@@ -2586,8 +2586,8 @@ import './editable.css';var Xd = {
   focus: "color-mix(in srgb, transparent, var(--graphy-editor-text, var(--graphy-editor-default-text)) 55.00000000000001%)",
   focusWidth: "2px",
   shadow: "var(--graphy-editor-default-shadow)"
-}, Ro = Ee(null), No = ({ labelId: e, controlId: t, children: n }) => {
-  const a = E(() => {
+}, Ro = Me(null), No = ({ labelId: e, controlId: t, children: n }) => {
+  const a = M(() => {
     let o = null;
     return {
       labelId: e,
@@ -2606,15 +2606,15 @@ import './editable.css';var Xd = {
     ...t !== void 0 && { "aria-label": t },
     ...c !== void 0 && { "aria-labelledby": c }
   };
-}, bu = "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))", Do = "_14ty2ng0", Er = "_14ty2ng1", yu = "_14ty2ng2", Su = "_14ty2ng3", _o = "_14ty2ng4";
+}, bu = "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))", Do = "_14ty2ng0", Mr = "_14ty2ng1", yu = "_14ty2ng2", Su = "_14ty2ng3", _o = "_14ty2ng4";
 var Fo = "transparent", zo = (e) => e === "transparent" ? {
   background: bu,
   border: `1px solid ${ce.border100}`
 } : {
   background: e,
   border: `1px solid ${fu.border}`
-}, Cu = ({ title: e, colors: t, value: n, onChange: a, trailing: o, isClearable: i = !1, isDisabled: l, id: s, ariaLabel: c, ariaLabelledBy: d }) => {
-  const u = M(), h = ke({
+}, Cu = ({ title: e, colors: t, value: n, onChange: a, trailing: o, clearable: i = !1, disabled: l, id: s, ariaLabel: c, ariaLabelledBy: d }) => {
+  const u = E(), h = ke({
     id: s,
     ariaLabel: c,
     ariaLabelledBy: d
@@ -2657,7 +2657,7 @@ var xu = {
   default: "woi4bh5 woi4bh4",
   tile: "woi4bh6 woi4bh4",
   icon: "woi4bh7 woi4bh4"
-}, wu = ({ label: e, icon: t, onClick: n, variant: a = "default", isExpanded: o, isDisabled: i, ariaLabel: l, ariaLabelledBy: s, id: c }) => {
+}, wu = ({ label: e, icon: t, onClick: n, variant: a = "default", expanded: o, disabled: i, ariaLabel: l, ariaLabelledBy: s, id: c }) => {
   const d = ke({
     id: c,
     ariaLabel: l,
@@ -2681,7 +2681,7 @@ var xu = {
 }, ku = "data-graphy-chart-chrome", Tu = "data-graphy-chart-menu", er = { [Tu]: "" }, Vt = (e) => ({ [ku]: e }), ft = (e, t) => e instanceof Element && e.closest(`[data-graphy-chart-chrome="${CSS.escape(t)}"]`) !== null, Ho = (e) => e instanceof Element && e.closest("[data-graphy-chart-menu]") !== null, fn = (e) => e instanceof Element && e.closest("[data-graphy-chart-chrome]") !== null, Go = (e, t, n) => n !== null && qn({
   x: e.clientX - t.x,
   y: e.clientY - t.y
-}, n), Ye = (e, t, n) => e instanceof Node && (t.contains(e) || ft(e, n)), Au = "cml7ha0", Vo = Ee(null), Pu = ({ children: e }) => {
+}, n), Ye = (e, t, n) => e instanceof Node && (t.contains(e) || ft(e, n)), Au = "cml7ha0", Vo = Me(null), Pu = ({ children: e }) => {
   const { chartId: t } = H(), [n] = X(ge), [a, o] = X(null);
   return n === null ? null : /* @__PURE__ */ v($, { children: [Zn(/* @__PURE__ */ r("div", {
     ref: o,
@@ -2691,12 +2691,12 @@ var xu = {
     value: a,
     children: e
   })] });
-}, We = () => he(Vo), Lu = "_178jeit0", Iu = "_178jeit1 _14ty2ng3", Mu = "_178jeit2 _14ty2ng4", Eu = "_178jeit3", Ou = "_178jeit4", Ru = "_178jeit5", Nu = "_178jeit6", Du = "_178jeit7", _u = {
+}, We = () => he(Vo), Lu = "_178jeit0", Iu = "_178jeit1 _14ty2ng3", Eu = "_178jeit2 _14ty2ng4", Mu = "_178jeit3", Ou = "_178jeit4", Ru = "_178jeit5", Nu = "_178jeit6", Du = "_178jeit7", _u = {
   side: "flip",
   align: "shift",
   fallbackAxisSide: "end"
 }, Fu = ({ value: e, onChange: t, onCommit: n, popupAttributes: a, variant: o = "default" }) => {
-  const i = M(), l = We(), [s, c] = X(!1), d = (p) => {
+  const i = E(), l = We(), [s, c] = X(!1), d = (p) => {
     c(p), p || n?.();
   }, u = e !== null && Ds(e) ? e : "#000000", h = Da(u) ? u.toUpperCase() : "#000000";
   return /* @__PURE__ */ v(Q.Root, {
@@ -2706,14 +2706,14 @@ var xu = {
       className: Iu,
       onMouseDown: (p) => p.preventDefault(),
       "aria-label": i("graph.colorDropdown.pickCustom"),
-      children: /* @__PURE__ */ r("span", { className: Mu })
+      children: /* @__PURE__ */ r("span", { className: Eu })
     }) : /* @__PURE__ */ v("div", {
       className: Do,
       children: [/* @__PURE__ */ r("div", {
-        className: Er,
+        className: Mr,
         children: i("graph.colorDropdown.custom")
       }), /* @__PURE__ */ v(Q.Trigger, {
-        className: Eu,
+        className: Mu,
         onMouseDown: (p) => p.preventDefault(),
         "aria-label": i("graph.colorDropdown.pickCustom"),
         children: [/* @__PURE__ */ r("span", {
@@ -2740,7 +2740,7 @@ var xu = {
           ...a,
           children: [
             /* @__PURE__ */ r("div", {
-              className: Er,
+              className: Mr,
               children: i("graph.colorDropdown.pickColor")
             }),
             /* @__PURE__ */ r(Ud, {
@@ -2760,7 +2760,7 @@ var xu = {
       }) })
     })]
   });
-}, tr = Ee(null), q = () => {
+}, tr = Me(null), q = () => {
   const e = he(tr);
   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;
@@ -2805,7 +2805,7 @@ var xu = {
     }
   };
 }, zu = "eh8dvc0", Bu = "eh8dvc1 uz3g760", Hu = "eh8dvc2 uz3g761";
-var Gu = ({ value: e, onChange: t, onCommit: n, min: a, max: o, step: i, placeholder: l, prefix: s, suffix: c, isDisabled: d, hasError: u, ariaLabel: h, ariaLabelledBy: p, id: g }) => {
+var Gu = ({ value: e, onChange: t, onCommit: n, min: a, max: o, step: i, placeholder: l, prefix: s, suffix: c, disabled: d, hasError: u, ariaLabel: h, ariaLabelledBy: p, id: g }) => {
   const m = ke({
     id: g,
     ariaLabel: h,
@@ -2848,7 +2848,7 @@ var Gu = ({ value: e, onChange: t, onCommit: n, min: a, max: o, step: i, placeho
 }, nr = ({ children: e }) => {
   const { themeValues: t } = Ot();
   return /* @__PURE__ */ r(ue, {
-    style: E(() => Se({
+    style: M(() => Se({
       [ce.fontFamily]: t.fontFamily,
       [ce.textScale]: t.textScale
     }), [t]),
@@ -2859,9 +2859,9 @@ var Uo = "srewh00", Vu = "srewh01", $u = {
   pointer: null,
   focus: null,
   last: "pointer"
-}, Ko = Ee({
-  isHovered: !1,
-  isDismissed: !1,
+}, Ko = Me({
+  hovered: !1,
+  dismissed: !1,
   reachedTooltipId: null,
   reach: () => {
   },
@@ -2881,9 +2881,9 @@ var Uo = "srewh00", Vu = "srewh01", $u = {
       ...b,
       [f]: null
     } : b);
-  }, []), u = re(() => i(!0), []), h = Wu(l), p = E(() => ({
-    isHovered: n,
-    isDismissed: o,
+  }, []), u = re(() => i(!0), []), h = Wu(l), p = M(() => ({
+    hovered: n,
+    dismissed: o,
     reachedTooltipId: h,
     reach: c,
     release: d,
@@ -2907,8 +2907,8 @@ var Uo = "srewh00", Vu = "srewh01", $u = {
       children: t
     })
   });
-}, rr = ({ label: e, isChecked: t = !1, children: n }) => {
-  const { isHovered: a, isDismissed: o, reachedTooltipId: i, reach: l, release: s, dismiss: c } = he(Ko), d = Le(), [u, h] = X(!1), p = a ? !o && (i === d || t && i === null) : u;
+}, rr = ({ label: e, checked: t = !1, children: n }) => {
+  const { hovered: a, dismissed: o, reachedTooltipId: i, reach: l, release: s, dismiss: c } = he(Ko), d = Le(), [u, h] = X(!1), p = a ? !o && (i === d || t && i === null) : u;
   z(() => () => {
     s(d, "pointer"), s(d, "focus");
   }, [d, s]);
@@ -2946,13 +2946,13 @@ var Uo = "srewh00", Vu = "srewh01", $u = {
   5: "_1b7s5f5",
   6: "_1b7s5f6"
 }, Ku = "_1b7s5f7";
-var qu = 6, ju = ({ options: e, value: t, onChange: n, onCommit: a, columns: o, itemLayout: i = "tile", isDisabled: l, ariaLabel: s, ariaLabelledBy: c, id: d }) => {
+var qu = 6, ju = ({ options: e, value: t, onChange: n, onCommit: a, columns: o, itemLayout: i = "tile", disabled: l, ariaLabel: s, ariaLabelledBy: c, id: d }) => {
   const u = ke({
     id: d,
     ariaLabel: s,
     ariaLabelledBy: c
   }), h = i === "tile", p = i === "swatch", g = i === "icon", m = i === "track", { commitAfterChange: f, gestureHandlers: b } = $t(a);
-  return /* @__PURE__ */ r(Mo, {
+  return /* @__PURE__ */ r(Eo, {
     className: ye(Uu, Xu(o ?? e.length), g && "_1b7s5f9", m && "_1b7s5fb"),
     value: t,
     onValueChange: (C) => {
@@ -2964,7 +2964,7 @@ var qu = 6, ju = ({ options: e, value: t, onChange: n, onCommit: a, columns: o,
     children: e.map((C) => {
       const P = /* @__PURE__ */ v(Io.Root, {
         value: C.value,
-        disabled: C.isDisabled,
+        disabled: C.disabled,
         className: ye(Ku, p && "_1b7s5f8", g && "_1b7s5fa", m && "_1b7s5fc"),
         style: {
           gridRow: C.gridRow,
@@ -2978,7 +2978,7 @@ var qu = 6, ju = ({ options: e, value: t, onChange: n, onCommit: a, columns: o,
       }, C.value);
       return !p && !g ? P : /* @__PURE__ */ r(rr, {
         label: C.label,
-        isChecked: g && C.value === t,
+        checked: g && C.value === t,
         children: P
       }, C.value);
     })
@@ -3017,7 +3017,7 @@ var qu = 6, ju = ({ options: e, value: t, onChange: n, onCommit: a, columns: o,
     children: /* @__PURE__ */ r("path", { d: "m6 9 6 6 6-6" })
   })
 }), Zu = "_1g5x15w0 uz3g760", Yu = "_1g5x15w1", Ju = "_1g5x15w2", Or = "_1g5x15w3", Qu = "_1g5x15w4", eh = "_1g5x15w5", th = "_1g5x15w6", nh = "_1g5x15w7";
-var rh = ({ options: e, value: t, onChange: n, placeholder: a, isDisabled: o, hasError: i, ariaLabel: l, ariaLabelledBy: s, id: c }) => {
+var rh = ({ options: e, value: t, onChange: n, placeholder: a, disabled: o, hasError: i, ariaLabel: l, ariaLabelledBy: s, id: c }) => {
   const d = ke({
     id: c,
     ariaLabel: l,
@@ -3052,7 +3052,7 @@ var rh = ({ options: e, value: t, onChange: n, placeholder: a, isDisabled: o, ha
           className: eh,
           children: e.map((h) => /* @__PURE__ */ v(be.Item, {
             value: h.value,
-            disabled: h.isDisabled,
+            disabled: h.disabled,
             className: th,
             children: [
               h.icon,
@@ -3077,7 +3077,7 @@ var rh = ({ options: e, value: t, onChange: n, placeholder: a, isDisabled: o, ha
   className: Ju,
   children: n
 }) : oh(e, t), oh = (e, t) => e.find((n) => n.value === t)?.label ?? t, ih = "vod76w0", lh = "vod76w1", sh = "vod76w2", ch = "vod76w3", dh = "vod76w4", uh = "vod76w5";
-var hh = ({ value: e, onChange: t, onCommit: n, min: a, max: o, step: i, suffix: l, formatValue: s, showValue: c = !0, isDisabled: d, ariaLabel: u, ariaLabelledBy: h }) => {
+var hh = ({ value: e, onChange: t, onCommit: n, min: a, max: o, step: i, suffix: l, formatValue: s, showValue: c = !0, disabled: d, ariaLabel: u, ariaLabelledBy: h }) => {
   const p = ke({
     ariaLabel: u,
     ariaLabelledBy: h
@@ -3111,21 +3111,21 @@ var hh = ({ value: e, onChange: t, onCommit: n, min: a, max: o, step: i, suffix:
       children: g
     })]
   });
-}, ph = (e, t, n) => n !== void 0 ? n(e) : `${e}${t ?? ""}`, mh = "_1hyrlw60", gh = "_1hyrlw61", vh = ({ isChecked: e, onChange: t, isDisabled: n, ariaLabel: a, ariaLabelledBy: o, id: i }) => {
+}, ph = (e, t, n) => n !== void 0 ? n(e) : `${e}${t ?? ""}`, mh = "_1hyrlw60", gh = "_1hyrlw61", vh = ({ checked: e, onChange: t, disabled: n, ariaLabel: a, ariaLabelledBy: o, id: i }) => {
   const l = ke({
     id: i,
     ariaLabel: a,
     ariaLabelledBy: o
   });
-  return /* @__PURE__ */ r(Mr.Root, {
+  return /* @__PURE__ */ r(Er.Root, {
     checked: e,
     onCheckedChange: (s) => t(s),
     disabled: n,
     className: mh,
     ...l,
-    children: /* @__PURE__ */ r(Mr.Thumb, { className: gh })
+    children: /* @__PURE__ */ r(Er.Thumb, { className: gh })
   });
-}, fh = "uz3g761", bh = "tpcnun0 uz3g760", yh = ({ value: e, onChange: t, onCommit: n, placeholder: a, isDisabled: o, hasError: i, ariaLabel: l, ariaLabelledBy: s, id: c }) => {
+}, fh = "uz3g761", bh = "tpcnun0 uz3g760", yh = ({ value: e, onChange: t, onCommit: n, placeholder: a, disabled: o, hasError: i, ariaLabel: l, ariaLabelledBy: s, id: c }) => {
   const d = ke({
     id: c,
     ariaLabel: l,
@@ -3146,13 +3146,13 @@ var hh = ({ value: e, onChange: t, onCommit: n, min: a, max: o, step: i, suffix:
     })
   });
 }, Sh = "cnu9yl0", Ch = "cnu9yl1";
-var jo = ({ options: e, value: t, onChange: n, onCommit: a, itemLayout: o = "inline", hasEqualWidths: i = !1, isDisabled: l, ariaLabel: s, ariaLabelledBy: c, id: d }) => {
+var jo = ({ options: e, value: t, onChange: n, onCommit: a, itemLayout: o = "inline", hasEqualWidths: i = !1, disabled: l, ariaLabel: s, ariaLabelledBy: c, id: d }) => {
   const u = ke({
     id: d,
     ariaLabel: s,
     ariaLabelledBy: c
   }), h = o === "stacked", { commitAfterChange: p, gestureHandlers: g } = $t(a);
-  return /* @__PURE__ */ r(Mo, {
+  return /* @__PURE__ */ r(Eo, {
     className: Sh,
     value: t,
     onValueChange: (m) => {
@@ -3164,7 +3164,7 @@ var jo = ({ options: e, value: t, onChange: n, onCommit: a, itemLayout: o = "inl
     children: e.map((m) => {
       const f = xh(m, h), b = /* @__PURE__ */ v(Io.Root, {
         value: m.value,
-        disabled: m.isDisabled,
+        disabled: m.disabled,
         className: ye(Ch, h && "cnu9yl3", i && "cnu9yl2"),
         "aria-label": f,
         children: [m.icon, Xo(m, h) && /* @__PURE__ */ r("span", {
@@ -3174,7 +3174,7 @@ var jo = ({ options: e, value: t, onChange: n, onCommit: a, itemLayout: o = "inl
       }, m.value);
       return f === void 0 ? b : /* @__PURE__ */ r(rr, {
         label: f,
-        isChecked: m.value === t,
+        checked: m.value === t,
         children: b
       }, m.value);
     })
@@ -3193,8 +3193,8 @@ var jo = ({ options: e, value: t, onChange: n, onCommit: a, itemLayout: o = "inl
   Select: rh,
   ColorSwatches: Cu,
   CustomColor: Fu
-}, yn = Ee(wh), kh = ({ controls: e, children: t }) => {
-  const n = he(yn), a = E(() => ({
+}, yn = Me(wh), kh = ({ controls: e, children: t }) => {
+  const n = he(yn), a = M(() => ({
     ToggleGroup: e?.ToggleGroup ?? n.ToggleGroup,
     Switch: e?.Switch ?? n.Switch,
     Slider: e?.Slider ?? n.Slider,
@@ -3224,8 +3224,8 @@ var jo = ({ options: e, value: t, onChange: n, onCommit: a, itemLayout: o = "inl
   });
 }, F = () => he(yn);
 var Th = "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))", Ah = "d0bl00";
-var Ph = "d0bl03", Lh = "d0bl04", Ih = 0.01, Sn = za.map((e) => ce[e]), Mh = Object.fromEntries(za.map((e) => [ce[e], e])), Eh = (e) => Sn.some((t) => t.toLowerCase() === e.toLowerCase()), Oh = ({ color: e, onChange: t, isOpen: n, onOpenChange: a, children: o, label: i, popupAttributes: l, opacity: s, onOpacityChange: c, hasTransparentOption: d = !1 }) => {
-  const u = M(), { ColorSwatches: h, Slider: p } = F(), g = Dh(), m = d ? [Fo, ...Sn] : Sn, f = (b) => {
+var Ph = "d0bl03", Lh = "d0bl04", Ih = 0.01, Sn = za.map((e) => ce[e]), Eh = Object.fromEntries(za.map((e) => [ce[e], e])), Mh = (e) => Sn.some((t) => t.toLowerCase() === e.toLowerCase()), Oh = ({ color: e, onChange: t, open: n, onOpenChange: a, children: o, label: i, popupAttributes: l, opacity: s, onOpacityChange: c, hasTransparentOption: d = !1 }) => {
+  const u = E(), { ColorSwatches: h, Slider: p } = F(), g = Dh(), m = d ? [Fo, ...Sn] : Sn, f = (b) => {
     t(b), a(!1);
   };
   return /* @__PURE__ */ v(Q.Root, {
@@ -3290,7 +3290,7 @@ var Ph = "d0bl03", Lh = "d0bl04", Ih = 0.01, Sn = za.map((e) => ce[e]), Mh = Obj
   });
 }, Rh = (e, t) => {
   if (Da(e)) return e;
-  const n = Mh[e];
+  const n = Eh[e];
   return n === void 0 ? e : t[n];
 }, Nh = ({ value: e, onChange: t, popupAttributes: n }) => {
   const { CustomColor: a } = F(), { themeValues: o } = Ot();
@@ -3301,7 +3301,7 @@ var Ph = "d0bl03", Lh = "d0bl04", Ih = 0.01, Sn = za.map((e) => ce[e]), Mh = Obj
   });
 }, Dh = () => {
   const e = R((t) => t.scales.color);
-  return E(() => {
+  return M(() => {
     if (!e || e.kind !== "visual") return [];
     const t = /* @__PURE__ */ new Set();
     for (const n of e.domain) {
@@ -3324,7 +3324,7 @@ var Ph = "d0bl03", Lh = "d0bl04", Ih = 0.01, Sn = za.map((e) => ce[e]), Mh = Obj
       children: e
     })
   }) })
-}), $h = ({ children: e, isSelected: t = !1, isDisabled: n = !1, onClick: a }) => /* @__PURE__ */ r(V.Item, {
+}), $h = ({ children: e, selected: t = !1, disabled: n = !1, onClick: a }) => /* @__PURE__ */ r(V.Item, {
   className: Gh,
   "data-selected": t,
   disabled: n,
@@ -3382,8 +3382,8 @@ var Ph = "d0bl03", Lh = "d0bl04", Ih = 0.01, Sn = za.map((e) => ce[e]), Mh = Obj
     preview: "Aa",
     fontFamily: Yh
   }
-], Jh = (e) => e ? Cn.find((t) => t.fontFamily === e) ?? null : null, Zo = "_70l3rt0", Yo = "_70l3rt1", Jo = "_70l3rt3", Qo = "_70l3rt4", ei = "_70l3rt5", Qh = ({ editor: e, currentFontFamily: t, isOpen: n, onOpenChange: a }) => {
-  const o = M(), i = Jh(t) ?? Cn[0], l = (s) => {
+], Jh = (e) => e ? Cn.find((t) => t.fontFamily === e) ?? null : null, Zo = "_70l3rt0", Yo = "_70l3rt1", Jo = "_70l3rt3", Qo = "_70l3rt4", ei = "_70l3rt5", Qh = ({ editor: e, currentFontFamily: t, open: n, onOpenChange: a }) => {
+  const o = E(), i = Jh(t) ?? Cn[0], l = (s) => {
     e.chain().focus().setFontFamily(s.fontFamily).run();
   };
   return /* @__PURE__ */ v(V.Root, {
@@ -3448,8 +3448,8 @@ var Ph = "d0bl03", Lh = "d0bl04", Ih = 0.01, Sn = za.map((e) => ce[e]), Mh = Obj
     translationKey: "graph.toolbar.heading.heading1",
     previewFont: ce.fontTextEditorH1
   }
-], ep = ({ editor: e, activeStyle: t, isOpen: n, onOpenChange: a }) => {
-  const o = M(), i = Rr.find((l) => l.id === t) ?? ti;
+], ep = ({ editor: e, activeStyle: t, open: n, onOpenChange: a }) => {
+  const o = E(), i = Rr.find((l) => l.id === t) ?? ti;
   return /* @__PURE__ */ v(V.Root, {
     open: n,
     onOpenChange: a,
@@ -3536,8 +3536,8 @@ var Ph = "d0bl03", Lh = "d0bl04", Ih = 0.01, Sn = za.map((e) => ce[e]), Mh = Obj
     from: o + i,
     to: o + l
   };
-}, Nr = (e) => e !== void 0 && /\S/.test(e), lp = "fop13s0", sp = "fop13s1", cp = "fop13s2", dp = "fop13s3", Dr = "fop13s4", up = ({ editor: e, currentUrl: t, isActive: n, isOpen: a, onOpenChange: o }) => {
-  const i = M(), [l, s] = X(""), c = ae(null);
+}, Nr = (e) => e !== void 0 && /\S/.test(e), lp = "fop13s0", sp = "fop13s1", cp = "fop13s2", dp = "fop13s3", Dr = "fop13s4", up = ({ editor: e, currentUrl: t, active: n, open: a, onOpenChange: o }) => {
+  const i = E(), [l, s] = X(""), c = ae(null);
   z(() => {
     a && s(t ?? "");
   }, [a, t]);
@@ -3656,7 +3656,7 @@ var Ph = "d0bl03", Lh = "d0bl04", Ih = 0.01, Sn = za.map((e) => ce[e]), Mh = Obj
       /* @__PURE__ */ r("path", { d: "M17 19H3" })
     ]
   })
-}), pp = "_1d66w570", mp = "_1d66w571", He = ({ label: e, isActive: t, onToggle: n, children: a }) => {
+}), pp = "_1d66w570", mp = "_1d66w571", He = ({ label: e, active: t, onToggle: n, children: a }) => {
   const o = (i) => i.preventDefault();
   return /* @__PURE__ */ v(pe.Root, { children: [/* @__PURE__ */ r(pe.Trigger, {
     render: /* @__PURE__ */ r(qd, {
@@ -3680,41 +3680,41 @@ var Ph = "d0bl03", Lh = "d0bl04", Ih = 0.01, Sn = za.map((e) => ce[e]), Mh = Obj
     }) })
   })] });
 }, gp = ({ editor: e, activeAlignment: t = "left" }) => {
-  const n = M();
+  const n = E();
   return /* @__PURE__ */ v($, { children: [
     /* @__PURE__ */ r(He, {
       label: n("graph.toolbar.textAlign.left"),
-      isActive: t === "left",
+      active: t === "left",
       onToggle: () => e.chain().focus().setTextAlign("left").run(),
       children: /* @__PURE__ */ r(ai, {})
     }),
     /* @__PURE__ */ r(He, {
       label: n("graph.toolbar.textAlign.center"),
-      isActive: t === "center",
+      active: t === "center",
       onToggle: () => e.chain().focus().setTextAlign("center").run(),
       children: /* @__PURE__ */ r(ni, {})
     }),
     /* @__PURE__ */ r(He, {
       label: n("graph.toolbar.textAlign.right"),
-      isActive: t === "right",
+      active: t === "right",
       onToggle: () => e.chain().focus().setTextAlign("right").run(),
       children: /* @__PURE__ */ r(ri, {})
     })
   ] });
 }, vp = "_1u34vl40", fp = ({ editor: e }) => ({
-  isBold: e?.isActive("bold") ?? !1,
-  isItalic: e?.isActive("italic") ?? !1,
-  isUnderline: e?.isActive("underline") ?? !1,
-  isLink: e?.isActive("link") ?? !1,
+  bold: e?.isActive("bold") ?? !1,
+  italic: e?.isActive("italic") ?? !1,
+  underlined: e?.isActive("underline") ?? !1,
+  linked: e?.isActive("link") ?? !1,
   linkUrl: e?.getAttributes("link").href ?? null,
   color: e?.getAttributes("textStyle").color ?? null,
   fontFamily: e?.getAttributes("textStyle").fontFamily ?? null,
   fontSize: bp(e),
   textAlign: yp(e)
 }), bp = (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", yp = (e) => e ? e.isActive({ textAlign: "center" }) ? "center" : e.isActive({ textAlign: "right" }) ? "right" : "left" : "left", Sp = 8, Cp = 8, xp = ({ editor: e }) => {
-  const t = M(), [n, a] = X(!1), [o, i] = X(null), l = o !== null, s = (g) => (m) => {
+  const t = E(), [n, a] = X(!1), [o, i] = X(null), l = o !== null, s = (g) => (m) => {
     i(m ? g : null);
-  }, { refs: c, floatingStyles: d } = Md({
+  }, { refs: c, floatingStyles: d } = Ed({
     placement: "top-start",
     strategy: "fixed",
     middleware: [
@@ -3748,38 +3748,38 @@ var Ph = "d0bl03", Lh = "d0bl04", Ih = 0.01, Sn = za.map((e) => ce[e]), Mh = Obj
       /* @__PURE__ */ v(J.Group, { children: [/* @__PURE__ */ r(J.ColorPicker, {
         color: h?.color ?? null,
         onChange: (g) => e.chain().setColor(g).run(),
-        isOpen: o === "color",
+        open: o === "color",
         onOpenChange: s("color")
       }), /* @__PURE__ */ r(Qh, {
         editor: e,
         currentFontFamily: h?.fontFamily ?? null,
-        isOpen: o === "fontFamily",
+        open: o === "fontFamily",
         onOpenChange: s("fontFamily")
       })] }),
       /* @__PURE__ */ r(J.Separator, {}),
       /* @__PURE__ */ r(J.Group, { children: /* @__PURE__ */ r(ep, {
         editor: e,
         activeStyle: h?.fontSize ?? "text",
-        isOpen: o === "fontSize",
+        open: o === "fontSize",
         onOpenChange: s("fontSize")
       }) }),
       /* @__PURE__ */ r(J.Separator, {}),
       /* @__PURE__ */ v(J.Group, { children: [
         /* @__PURE__ */ r(He, {
           label: t("graph.toolbar.formatting.bold"),
-          isActive: h?.isBold ?? !1,
+          active: h?.bold ?? !1,
           onToggle: () => e.chain().focus().toggleBold().run(),
           children: /* @__PURE__ */ r("strong", { children: "B" })
         }),
         /* @__PURE__ */ r(He, {
           label: t("graph.toolbar.formatting.italic"),
-          isActive: h?.isItalic ?? !1,
+          active: h?.italic ?? !1,
           onToggle: () => e.chain().focus().toggleItalic().run(),
           children: /* @__PURE__ */ r("em", { children: "I" })
         }),
         /* @__PURE__ */ r(He, {
           label: t("graph.toolbar.formatting.underline"),
-          isActive: h?.isUnderline ?? !1,
+          active: h?.underlined ?? !1,
           onToggle: () => e.chain().focus().toggleUnderline().run(),
           children: /* @__PURE__ */ r("u", { children: "U" })
         })
@@ -3793,8 +3793,8 @@ var Ph = "d0bl03", Lh = "d0bl04", Ih = 0.01, Sn = za.map((e) => ce[e]), Mh = Obj
       /* @__PURE__ */ r(J.Group, { children: /* @__PURE__ */ r(up, {
         editor: e,
         currentUrl: h?.linkUrl ?? null,
-        isActive: h?.isLink ?? !1,
-        isOpen: o === "link",
+        active: h?.linked ?? !1,
+        open: o === "link",
         onOpenChange: s("link")
       }) })
     ]
@@ -3805,7 +3805,7 @@ var Ph = "d0bl03", Lh = "d0bl04", Ih = 0.01, Sn = za.map((e) => ce[e]), Mh = Obj
     editor: e,
     "aria-label": t
   })]
-}), kp = 200, ar = ({ content: e, extensions: t, isEditable: n, onUpdate: a, updateDebounceMs: o = kp }) => {
+}), kp = 200, ar = ({ content: e, extensions: t, editable: n, onUpdate: a, updateDebounceMs: o = kp }) => {
   const i = ae(_r(e)), l = ae(i.current), s = Ts((d) => {
     l.current = d, a?.(d);
   }, o), c = Vd({
@@ -3853,8 +3853,8 @@ var Ph = "d0bl03", Lh = "d0bl04", Ih = 0.01, Sn = za.map((e) => ce[e]), Mh = Obj
 }, Qt = (e, t) => JSON.stringify(xt(e)) === JSON.stringify(xt(t)), xt = (e) => Array.isArray(e) ? e.map(xt) : e === null || typeof e != "object" ? e : Object.fromEntries(Object.entries(e).map(([t, n]) => [t, xt(n)]).filter(([, t]) => !Ap(t)).sort(([t], [n]) => String(t).localeCompare(String(n)))), Ap = (e) => e == null || typeof e == "object" && Object.keys(e).length === 0, Pp = ({ caption: e, captionStyle: t }) => {
   const { dispatch: n } = le(), a = ar({
     content: e,
-    extensions: E(() => gu({ placeholder: "Add caption" }), []),
-    isEditable: !0,
+    extensions: M(() => gu({ placeholder: "Add caption" }), []),
+    editable: !0,
     onUpdate: (o) => {
       const i = op(o) ? null : o;
       n(new Xa({ caption: i }));
@@ -3872,16 +3872,16 @@ var Ph = "d0bl03", Lh = "d0bl04", Ih = 0.01, Sn = za.map((e) => ce[e]), Mh = Obj
   Ct,
   Po,
   ...Qn(),
-  Mp,
+  Ep,
   Jn.configure({
     showOnlyCurrent: !1,
     placeholder: ({ pos: t }) => t === 0 ? e : ""
   })
 ], Ip = ({ annotation: e }) => {
-  const t = M(), { dispatch: n } = le(), a = U(), o = E(() => Lp(t("graph.annotations.text.placeholder")), [t]), i = ar({
+  const t = E(), { dispatch: n } = le(), a = U(), o = M(() => Lp(t("graph.annotations.text.placeholder")), [t]), i = ar({
     content: e.content,
     extensions: o,
-    isEditable: !0,
+    editable: !0,
     onUpdate: (l) => {
       n(new ve({
         kind: "text",
@@ -3904,7 +3904,7 @@ var Ph = "d0bl03", Lh = "d0bl04", Ih = 0.01, Sn = za.map((e) => ce[e]), Mh = Obj
 }, Fr = (e) => {
   const t = Ss(e);
   return t === void 0 ? {} : { style: `font-family: ${t}` };
-}, Mp = To.create({
+}, Ep = To.create({
   name: "annotationTextStyleAttributes",
   addGlobalAttributes() {
     return [{
@@ -3925,11 +3925,11 @@ var Ph = "d0bl03", Lh = "d0bl04", Ih = 0.01, Sn = za.map((e) => ce[e]), Mh = Obj
       }
     }];
   }
-}), Ep = 3, Op = ({ title: e, isTitleVisible: t, subtitle: n, isSubtitleVisible: a }) => {
+}), Mp = 3, Op = ({ title: e, showTitle: t, subtitle: n, showSubtitle: a }) => {
   const o = [];
   return t && o.push({
     type: "heading",
-    attrs: { level: Ep },
+    attrs: { level: Mp },
     content: Np(e)
   }), a && o.push(...Dp(n)), {
     type: "doc",
@@ -4002,18 +4002,18 @@ var Ph = "d0bl03", Lh = "d0bl04", Ih = 0.01, Sn = za.map((e) => ce[e]), Mh = Obj
   textDecoration: "var(--uwf6ltk)",
   textShadow: "var(--uwf6ltl)",
   textOutline: "var(--uwf6ltm)"
-}, Gp = ({ title: e, isTitleVisible: t, isSubtitleVisible: n, subtitle: a, headingStyle: o, subtitleStyle: i }) => {
-  const { dispatch: l } = le(), s = E(() => mu({
+}, Gp = ({ title: e, showTitle: t, showSubtitle: n, subtitle: a, headingStyle: o, subtitleStyle: i }) => {
+  const { dispatch: l } = le(), s = M(() => mu({
     titlePlaceholder: "Untitled",
     subtitlePlaceholder: "Untitled",
-    isTitleVisible: t,
-    isSubtitleVisible: n
+    showTitle: t,
+    showSubtitle: n
   }), [t, n]), c = ar({
-    content: E(() => Op({
+    content: M(() => Op({
       title: e,
-      isTitleVisible: t,
+      showTitle: t,
       subtitle: a,
-      isSubtitleVisible: n
+      showSubtitle: n
     }), [
       e,
       t,
@@ -4021,7 +4021,7 @@ var Ph = "d0bl03", Lh = "d0bl04", Ih = 0.01, Sn = za.map((e) => ce[e]), Mh = Obj
       n
     ]),
     extensions: s,
-    isEditable: !0,
+    editable: !0,
     onUpdate: (d) => {
       const u = Rp(d);
       t && l(new Ya({ title: u.title })), n && l(new Za({ subtitle: u.subtitle }));
@@ -4235,7 +4235,7 @@ var Yp = (e, { coordSystem: t, panelRect: n }) => {
   ]);
   const u = e !== null;
   Ie(() => u ? () => o.getState().setSelectedOutline(null) : void 0, [o, u]);
-}, ir = "var(--_10d2ycx0)", a1 = "_10d2ycx1", o1 = "_10d2ycx2", Vr = ({ pathData: e, shouldAnimateTransitions: t, source: n, ...a }) => t ? /* @__PURE__ */ r(i1, {
+}, ir = "var(--_10d2ycx0)", a1 = "_10d2ycx1", o1 = "_10d2ycx2", Vr = ({ pathData: e, animateTransitions: t, source: n, ...a }) => t ? /* @__PURE__ */ r(i1, {
   pathData: e,
   source: n,
   ...a
@@ -4347,9 +4347,9 @@ var Yp = (e, { coordSystem: t, panelRect: n }) => {
 };
 ci.hasRows = (e, { scene: t }) => t.coordSystem.type !== "polar";
 var v1 = ({ graph: e, axis: t }) => {
-  const n = K(e), a = M(), { NumberField: o, TextField: i, ToggleGroup: l } = F(), s = n?.guides.axes.find((A) => A.scaleAestheticKey === t);
+  const n = K(e), a = E(), { NumberField: o, TextField: i, ToggleGroup: l } = F(), s = n?.guides.axes.find((A) => A.scaleAestheticKey === t);
   if (z(() => () => e.commands.commit(), [e.commands]), n === null || s?.geometry !== "linear") return null;
-  const c = !s.isVisible, d = n.scales[t]?.spec.scaleType, u = d === "continuous" || d === "datetime", h = n.guides.legends.drawn.some((A) => A.position === "left" || A.position === "right"), p = t !== "x" && d === "continuous" && (s.position === "left" || s.position === "right") && !h, g = t === "x" ? void 0 : n.scales[t]?.spec, m = g?.scaleType === "continuous" ? g : void 0, f = m !== void 0 && (s.position === "left" || s.position === "right") && !fo(n, t), b = m?.transform === "log" ? "log" : "linear", C = f && m.transform !== "log", P = m?.domainMin ?? null, k = m !== void 0 && (s.position === "left" || s.position === "right") && m.transform !== "log", x = m?.domainMax ?? null, I = s.label ?? a("editor.axesPanel.controls.titlePlaceholder"), w = (A) => {
+  const c = !s.visible, d = n.scales[t]?.spec.scaleType, u = d === "continuous" || d === "datetime", h = n.guides.legends.drawn.some((A) => A.position === "left" || A.position === "right"), p = t !== "x" && d === "continuous" && (s.position === "left" || s.position === "right") && !h, g = t === "x" ? void 0 : n.scales[t]?.spec, m = g?.scaleType === "continuous" ? g : void 0, f = m !== void 0 && (s.position === "left" || s.position === "right") && !fo(n, t), b = m?.transform === "log" ? "log" : "linear", C = f && m.transform !== "log", P = m?.domainMin ?? null, k = m !== void 0 && (s.position === "left" || s.position === "right") && m.transform !== "log", x = m?.domainMax ?? null, I = s.label ?? a("editor.axesPanel.controls.titlePlaceholder"), w = (A) => {
     const B = A === "" ? null : A, te = t === "ySecondary" ? {
       axis: t,
       label: B
@@ -4367,14 +4367,14 @@ var v1 = ({ graph: e, axis: t }) => {
         placeholder: I,
         onChange: w,
         onCommit: e.commands.commit,
-        isDisabled: c
+        disabled: c
       })
     }),
     u && /* @__PURE__ */ r(T, {
       label: a("editor.axesPanel.controls.labels"),
       children: /* @__PURE__ */ r(l, {
         value: s.tickMode,
-        isDisabled: c,
+        disabled: c,
         options: [{
           value: "auto",
           label: a("editor.axesPanel.labelMode.auto"),
@@ -4398,7 +4398,7 @@ var v1 = ({ graph: e, axis: t }) => {
       label: a("editor.axesPanel.controls.position"),
       children: /* @__PURE__ */ r(l, {
         value: s.position,
-        isDisabled: c,
+        disabled: c,
         options: [{
           value: "left",
           label: a("editor.axesPanel.position.left"),
@@ -4422,7 +4422,7 @@ var v1 = ({ graph: e, axis: t }) => {
       label: a("editor.axesPanel.controls.scale"),
       children: /* @__PURE__ */ r(l, {
         value: b,
-        isDisabled: c,
+        disabled: c,
         options: [{
           value: "linear",
           label: a("editor.axesPanel.scale.auto"),
@@ -4445,7 +4445,7 @@ var v1 = ({ graph: e, axis: t }) => {
       children: /* @__PURE__ */ r(o, {
         value: P,
         placeholder: a("editor.axesPanel.startFrom.auto"),
-        isDisabled: c,
+        disabled: c,
         onChange: (A) => {
           e.commands.dispatch(new Ze({
             scaledAesthetic: t,
@@ -4460,7 +4460,7 @@ var v1 = ({ graph: e, axis: t }) => {
       children: /* @__PURE__ */ r(o, {
         value: x,
         placeholder: a("editor.axesPanel.endAt.auto"),
-        isDisabled: c,
+        disabled: c,
         onChange: (A) => {
           e.commands.dispatch(new Ze({
             scaledAesthetic: t,
@@ -4489,9 +4489,9 @@ var v1 = ({ graph: e, axis: t }) => {
     })
   });
 }, y1 = 6, at = ({ target: e }) => {
-  const { commands: t } = H(), { ColorSwatches: n, CustomColor: a } = F(), o = M(), i = W(), l = R((h) => h), s = di(e, l), c = rd(l.scales.color).slice(0, y1);
+  const { commands: t } = H(), { ColorSwatches: n, CustomColor: a } = F(), o = E(), i = W(), l = R((h) => h), s = di(e, l), c = rd(l.scales.color).slice(0, y1);
   z(() => () => t.commit(), [t]);
-  const d = E(() => hd({
+  const d = M(() => hd({
     readers: i,
     layers: l.layers,
     target: e,
@@ -4540,7 +4540,7 @@ var di = (e, t) => Z(t.layers, e.layerId) === void 0 ? null : jn(t.spec, e), S1
     width: 0.95
   }
 ], ui = ({ target: e }) => {
-  const t = R((p) => p), n = le(), a = M(), { ToggleGroup: o } = F(), i = Z(t.spec.layers, e.layerId), l = Ft(i, "bar") ? i : null, s = t.coordSystem.type === "polar" && t.coordSystem.bandAxis === null, c = (p) => {
+  const t = R((p) => p), n = le(), a = E(), { ToggleGroup: o } = F(), i = Z(t.spec.layers, e.layerId), l = Ft(i, "bar") ? i : null, s = t.coordSystem.type === "polar" && t.coordSystem.bandAxis === null, c = (p) => {
     const g = tn.find(({ name: m }) => m === p);
     g !== void 0 && n.dispatch(new ja({
       layerId: e.layerId,
@@ -4627,9 +4627,9 @@ var kn = [
     showPoints: h !== void 0 && P1(e, t, h.id),
     pointLayerId: h?.id ?? null,
     showFill: a.geom === "line" && !o ? (c?.fillAlpha ?? 0) > 0 : null,
-    isSmooth: o ? null : a.params.curve === "smooth",
+    smooth: o ? null : a.params.curve === "smooth",
     widthMode: u === null ? "auto" : "custom",
-    isWidthHeldBeneath: d?.strokeWidth !== void 0,
+    hasUnderlyingStrokeWidth: d?.strokeWidth !== void 0,
     strokeWidth: u ?? I1(e, t, a) ?? Zs,
     missingValues: g ? a.params.missingValues : null,
     missingValueOptions: g ? p : []
@@ -4646,7 +4646,7 @@ var kn = [
   const a = Z(e.layers, n.id);
   if (a?.geom === "line") return t.geom.line(a).get("strokeWidth");
   if (a?.geom === "area") return t.geom.area(a).get("strokeWidth");
-}, M1 = (e) => /* @__PURE__ */ v(L, {
+}, E1 = (e) => /* @__PURE__ */ v(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: [/* @__PURE__ */ r("path", {
@@ -4658,7 +4658,7 @@ var kn = [
     fillOpacity: "0.3",
     d: "M0 11 5.5 5.5 10.5 9 16 4V0H0z"
   })]
-}), E1 = (e) => /* @__PURE__ */ v(L, {
+}), M1 = (e) => /* @__PURE__ */ v(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: [/* @__PURE__ */ v("g", {
@@ -5537,14 +5537,14 @@ var Q1 = "_1hrfeju1", em = [
       geom: "area",
       position: "fill"
     },
-    icon: M1
+    icon: E1
   },
   {
     summary: {
       coordType: "cartesian",
       comboType: "stacked-bars"
     },
-    icon: E1
+    icon: M1
   },
   {
     summary: {
@@ -5573,7 +5573,7 @@ var Q1 = "_1hrfeju1", em = [
   "stacked-bars": "stacked",
   lines: "lines"
 }, om = () => {
-  const e = R((w) => w.spec), t = R(({ layers: w }) => w.some((A) => go(A.data, A.mapping))), n = le(), a = M(), { Button: o, RadioGrid: i } = F(), [l, s] = X(!1), c = ae(null);
+  const e = R((w) => w.spec), t = R(({ layers: w }) => w.some((A) => go(A.data, A.mapping))), n = le(), a = E(), { Button: o, RadioGrid: i } = F(), [l, s] = X(!1), c = ae(null);
   z(() => {
     if (!l) return;
     const w = ({ target: A, detail: B }) => {
@@ -5592,20 +5592,20 @@ var Q1 = "_1hrfeju1", em = [
     value: w,
     label: a(`editor.graphTypes.${w}`),
     icon: /* @__PURE__ */ r(A.icon, { size: "md" }),
-    isDisabled: !gi(A.summary, e)
+    disabled: !gi(A.summary, e)
   }));
   return /* @__PURE__ */ v($, { children: [
     /* @__PURE__ */ r(T, {
       label: a("editor.overlayMenu.chartType"),
       children: f === void 0 ? /* @__PURE__ */ r(o, {
         label: m,
-        isExpanded: l,
+        expanded: l,
         onClick: P
       }) : /* @__PURE__ */ r(o, {
         variant: "icon",
         icon: /* @__PURE__ */ r(f, { size: "sm" }),
         ariaLabel: m,
-        isExpanded: l,
+        expanded: l,
         onClick: P
       })
     }),
@@ -5639,7 +5639,7 @@ var Q1 = "_1hrfeju1", em = [
     arrangements: [n, ...[...Qe, ...em].filter((a) => a !== n && bi(n.summary, a.summary))]
   }];
 }), Ur = yi.filter(({ name: e }) => e !== "combo"), im = ({ type: e, arrangement: t, onPick: n, onCommit: a }) => {
-  const o = M(), { ToggleGroup: i } = F(), l = e.arrangements.map(({ summary: c, icon: d }) => {
+  const o = E(), { ToggleGroup: i } = F(), l = e.arrangements.map(({ summary: c, icon: d }) => {
     const u = Tt(c);
     return {
       value: u,
@@ -5749,7 +5749,7 @@ var Q1 = "_1hrfeju1", em = [
     sizePx: 10
   }
 ], xi = ({ widthPx: e, onChange: t }) => {
-  const n = M(), { ToggleGroup: a } = F(), o = (i) => {
+  const n = E(), { ToggleGroup: a } = F(), o = (i) => {
     const l = nn.find(({ name: s }) => s === i);
     l !== void 0 && t(l.widthPx);
   };
@@ -5766,7 +5766,7 @@ var Q1 = "_1hrfeju1", em = [
     })
   });
 }, wi = ({ lineStyle: e, onChange: t }) => {
-  const n = M(), { ToggleGroup: a } = F(), o = (i) => {
+  const n = E(), { ToggleGroup: a } = F(), o = (i) => {
     const l = qr.find((s) => s === i);
     l !== void 0 && t(l);
   };
@@ -5783,7 +5783,7 @@ var Q1 = "_1hrfeju1", em = [
     })
   });
 }, ki = ({ sizePx: e, onChange: t }) => {
-  const n = M(), { ToggleGroup: a } = F(), o = (i) => {
+  const n = E(), { ToggleGroup: a } = F(), o = (i) => {
     const l = rn.find(({ name: s }) => s === i);
     l !== void 0 && t(l.sizePx);
   };
@@ -5799,8 +5799,8 @@ var Q1 = "_1hrfeju1", em = [
       onChange: o
     })
   });
-}, Ti = Ee({}), um = Ti.Provider, hm = () => he(Ti), pm = "_1m2a0t20", Tn = "theme", mm = 3, dt = 14, jr = 9, gm = () => {
-  const e = R((u) => u.scales.color), t = hm(), n = le(), a = M(), { RadioGrid: o } = F();
+}, Ti = Me({}), um = Ti.Provider, hm = () => he(Ti), pm = "_1m2a0t20", Tn = "theme", mm = 3, dt = 14, jr = 9, gm = () => {
+  const e = R((u) => u.scales.color), t = hm(), n = le(), a = E(), { RadioGrid: o } = F();
   if (Object.keys(t).length === 0 || e?.kind !== "visual" || e.spec.scaleType !== "discrete" || e.defaultPalette === void 0) return null;
   const { defaultPalette: i, spec: l } = e, s = Object.entries(t), c = [{
     value: Tn,
@@ -5851,7 +5851,7 @@ var Q1 = "_1hrfeju1", em = [
     }, i)).reverse()
   });
 }, Zr = ["smooth", "linear"], Ai = () => {
-  const e = R((S) => S), t = W(), n = _n(), a = le(), o = M(), { Switch: i, ToggleGroup: l } = F(), s = Pi(e.layers, e.coordSystem.type, n), c = (S) => s.filter(({ support: y }) => S(y)).map(({ layer: y }) => y), d = fm(e, t), u = d.filter((S) => S.isSmooth !== null), h = d.filter((S) => S.missingValues !== null && S.missingValueOptions.length > 1), p = kn.filter((S) => h.some((y) => y.missingValueOptions.includes(S))), g = Cm(u), m = xm(h), f = (S) => {
+  const e = R((S) => S), t = W(), n = _n(), a = le(), o = E(), { Switch: i, ToggleGroup: l } = F(), s = Pi(e.layers, e.coordSystem.type, n), c = (S) => s.filter(({ support: y }) => S(y)).map(({ layer: y }) => y), d = fm(e, t), u = d.filter((S) => S.smooth !== null), h = d.filter((S) => S.missingValues !== null && S.missingValueOptions.length > 1), p = kn.filter((S) => h.some((y) => y.missingValueOptions.includes(S))), g = Cm(u), m = xm(h), f = (S) => {
     a.dispatch(new qe({ commands: d.map((y) => new Un({
       layerId: y.layerId,
       showPoints: S
@@ -5965,14 +5965,14 @@ var Q1 = "_1hrfeju1", em = [
     P.length > 0 && /* @__PURE__ */ r(T, {
       label: o("editor.graphPanel.graphOptions.lineFill"),
       children: /* @__PURE__ */ r(i, {
-        isChecked: I,
+        checked: I,
         onChange: te
       })
     }),
     d.length > 0 && /* @__PURE__ */ r(T, {
       label: o("editor.graphPanel.graphOptions.showPoints"),
       children: /* @__PURE__ */ r(i, {
-        isChecked: k.length > 0,
+        checked: k.length > 0,
         onChange: f
       })
     }),
@@ -6025,7 +6025,7 @@ var Pi = (e, t, n) => e.filter((a) => a.interactive).map((a) => ({
 }), an = (e) => {
   const [t] = e;
   return t !== void 0 && e.every((n) => n === t) ? t : null;
-}, Cm = (e) => e.every((t) => t.isSmooth === !0) ? "smooth" : e.every((t) => t.isSmooth !== !0) ? "linear" : "", xm = (e) => {
+}, Cm = (e) => e.every((t) => t.smooth === !0) ? "smooth" : e.every((t) => t.smooth !== !0) ? "linear" : "", xm = (e) => {
   const [t, ...n] = e, a = t?.missingValues ?? null;
   return a === null ? "" : n.every((o) => o.missingValues === a) ? a : "";
 }, ut = ({ label: e, layers: t, isOn: n, buildCommand: a }) => {
@@ -6037,7 +6037,7 @@ var Pi = (e, t, n) => e.filter((a) => a.interactive).map((a) => ({
   return /* @__PURE__ */ r(T, {
     label: e,
     children: /* @__PURE__ */ r(i, {
-      isChecked: t.some((s) => n(s.dataLabels)),
+      checked: t.some((s) => n(s.dataLabels)),
       onChange: l
     })
   });
@@ -6070,18 +6070,18 @@ var Li = (e) => e.scaleAestheticKey === "x" || e.scaleAestheticKey === "y", Ii =
   const a = t.gridLine.y().resolve();
   return {
     axes: n,
-    isStylable: e.coordSystem.type !== "polar",
+    stylable: e.coordSystem.type !== "polar",
     lineStyle: Re(a.dashArray),
     strokeWidth: a.strokeWidth
   };
 }, Tm = (e, t) => {
-  if (e === "both") return t.axes.every((a) => !a.gridVisible);
+  if (e === "both") return t.axes.every((a) => !a.showGrid);
   const n = t.axes.find((a) => a.scaleAestheticKey === e);
-  return n === void 0 || !n.gridVisible;
-}, Mi = (e, t = "both") => new Qa({
+  return n === void 0 || !n.showGrid;
+}, Ei = (e, t = "both") => new Qa({
   axis: t,
   lineStyle: e
-}), Ei = (e, t = "both") => new Qa({
+}), Mi = (e, t = "both") => new Qa({
   axis: t,
   strokeWidth: e
 }), on = [
@@ -6098,8 +6098,8 @@ var Li = (e) => e.scaleAestheticKey === "x" || e.scaleAestheticKey === "y", Ii =
     widthPx: 4
   }
 ], Oi = ({ target: e }) => {
-  const t = R((b) => b), n = W(), a = Ii(t, n), o = M(), i = le(), { ToggleGroup: l } = F();
-  if (a === null || !a.isStylable) return null;
+  const t = R((b) => b), n = W(), a = Ii(t, n), o = E(), i = le(), { ToggleGroup: l } = F();
+  if (a === null || !a.stylable) return null;
   const s = e.axis === "both" ? "y" : e.axis, c = n.gridLine[s]().resolve(), d = Re(c.dashArray), u = Tm(e.axis, a), h = At.map((b) => ({
     value: b,
     label: o(`editor.graphPanel.gridSection.lineStyles.${b}`),
@@ -6110,10 +6110,10 @@ var Li = (e) => e.scaleAestheticKey === "x" || e.scaleAestheticKey === "y", Ii =
     icon: /* @__PURE__ */ r(Ci, { lineWidth: C })
   })), g = on.find(({ widthPx: b }) => b === c.strokeWidth)?.name ?? "", m = (b) => {
     const C = At.find((P) => P === b);
-    C !== void 0 && i.dispatch(Mi(C, e.axis));
+    C !== void 0 && i.dispatch(Ei(C, e.axis));
   }, f = (b) => {
     const C = on.find(({ name: P }) => P === b);
-    C !== void 0 && i.dispatch(Ei(C.widthPx, e.axis));
+    C !== void 0 && i.dispatch(Mi(C.widthPx, e.axis));
   };
   return /* @__PURE__ */ v($, { children: [/* @__PURE__ */ r(T, {
     label: o("editor.graphPanel.gridSection.gridStyle"),
@@ -6121,7 +6121,7 @@ var Li = (e) => e.scaleAestheticKey === "x" || e.scaleAestheticKey === "y", Ii =
       value: d,
       options: h,
       onChange: m,
-      isDisabled: u
+      disabled: u
     })
   }), /* @__PURE__ */ r(T, {
     label: o("editor.graphPanel.gridSection.gridThickness"),
@@ -6129,7 +6129,7 @@ var Li = (e) => e.scaleAestheticKey === "x" || e.scaleAestheticKey === "y", Ii =
       value: g,
       options: p,
       onChange: f,
-      isDisabled: u
+      disabled: u
     })
   })] });
 };
@@ -6192,7 +6192,7 @@ var Jr = [
   center: "Center",
   end: "End"
 }, Pm = () => {
-  const e = R((c) => c.guides.legends.drawn[0]), t = le(), n = M(), { RadioGrid: a } = F(), o = e === void 0, i = o ? "" : ln(e), l = Jr.map((c) => {
+  const e = R((c) => c.guides.legends.drawn[0]), t = le(), n = E(), { RadioGrid: a } = F(), o = e === void 0, i = o ? "" : ln(e), l = Jr.map((c) => {
     const d = ln(c);
     return {
       value: d,
@@ -6225,7 +6225,7 @@ var Jr = [
           onCommit: t.commit,
           columns: 3,
           itemLayout: "icon",
-          isDisabled: o
+          disabled: o
         })
       })
     })
@@ -6239,9 +6239,9 @@ var Jr = [
 };
 Pn.hasRows = (e, { scene: t }) => e.scope === "series" && Ri(t, e.layerId) !== null;
 var Im = ({ graph: e, target: t }) => {
-  const n = K(e), a = W(), o = M(), { Switch: i } = F(), l = n === null ? null : Ri(n, t.layerId), s = n === null || l === null ? null : lr(n, a, l.id);
+  const n = K(e), a = W(), o = E(), { Switch: i } = F(), l = n === null ? null : Ri(n, t.layerId), s = n === null || l === null ? null : lr(n, a, l.id);
   if (n === null || l === null || s === null) return null;
-  const c = Nm(n, t), d = c === void 0 ? {} : { where: c }, u = c === void 0 || l.geom !== "line" ? void 0 : Rm(n, s.layerId, c), h = u === void 0 ? s.showFill : u > 0, p = c === void 0 ? null : Mm(n, l.geom, s.layerId, c), g = c === void 0 ? s.strokeWidth : p ?? Em(n, a, t) ?? s.strokeWidth, m = s.pointLayerId === null ? null : Om(n, a, s.pointLayerId, c), f = m !== null && m > 0, b = (w) => {
+  const c = Nm(n, t), d = c === void 0 ? {} : { where: c }, u = c === void 0 || l.geom !== "line" ? void 0 : Rm(n, s.layerId, c), h = u === void 0 ? s.showFill : u > 0, p = c === void 0 ? null : Em(n, l.geom, s.layerId, c), g = c === void 0 ? s.strokeWidth : p ?? Mm(n, a, t) ?? s.strokeWidth, m = s.pointLayerId === null ? null : Om(n, a, s.pointLayerId, c), f = m !== null && m > 0, b = (w) => {
     e.commands.dispatch(new Un({
       layerId: s.layerId,
       showPoints: w,
@@ -6285,14 +6285,14 @@ var Im = ({ graph: e, target: t }) => {
     s.showFill !== null && /* @__PURE__ */ r(T, {
       label: o("editor.graphPanel.graphOptions.lineFill"),
       children: /* @__PURE__ */ r(i, {
-        isChecked: h === !0,
+        checked: h === !0,
         onChange: C
       })
     }),
     /* @__PURE__ */ r(T, {
       label: o("editor.graphPanel.graphOptions.showPoints"),
       children: /* @__PURE__ */ r(i, {
-        isChecked: f,
+        checked: f,
         onChange: b
       })
     }),
@@ -6301,7 +6301,7 @@ var Im = ({ graph: e, target: t }) => {
       onChange: k
     })
   ] });
-}, Mm = (e, t, n, a) => {
+}, Em = (e, t, n, a) => {
   const o = (t === "line" ? bt(e.spec.styles.overrides, {
     ...Ge("line", n),
     when: { where: a }
@@ -6310,7 +6310,7 @@ var Im = ({ graph: e, target: t }) => {
     when: { where: a }
   }, de(e.spec)))?.strokeWidth;
   return typeof o == "number" ? o : null;
-}, Em = (e, t, n) => {
+}, Mm = (e, t, n) => {
   const a = Z(e.layers, n.layerId), o = a === void 0 ? void 0 : _t(a, e.layers);
   if (o?.geom !== "line" && o?.geom !== "area") return null;
   const [i] = Je({
@@ -6360,15 +6360,15 @@ var Im = ({ graph: e, target: t }) => {
   axis: ci,
   grid: Oi,
   graph: Ai
-}, sr = Ee([Ni]), _m = ({ editMenus: e, children: t }) => {
-  const n = E(() => [e ?? {}, Ni], [e]);
+}, sr = Me([Ni]), _m = ({ editMenus: e, children: t }) => {
+  const n = M(() => [e ?? {}, Ni], [e]);
   return /* @__PURE__ */ r(sr.Provider, {
     value: n,
     children: t
   });
 }, Fm = (e) => {
   const t = he(sr), n = R((o) => o), a = _n();
-  return E(() => e === null ? null : Di(e, t, {
+  return M(() => e === null ? null : Di(e, t, {
     scene: n,
     dataLabelPlacement: a
   }), [
@@ -6418,23 +6418,23 @@ var Im = ({ graph: e, target: t }) => {
     case "legend": {
       const { position: o } = n.legend, i = o === "none";
       return {
-        isHidden: i,
+        hidden: i,
         hide: new mn({ position: "none" }),
         show: new mn({ position: i ? "auto" : o })
       };
     }
     case "axis": {
-      const { axis: o } = e, i = o === "ySecondary" ? a.axes.find((l) => l.scaleAestheticKey === "ySecondary")?.isVisible : n.axes[o].isVisible;
+      const { axis: o } = e, i = o === "ySecondary" ? a.axes.find((l) => l.scaleAestheticKey === "ySecondary")?.visible : n.axes[o].visible;
       return i === void 0 ? null : {
-        isHidden: !i,
+        hidden: !i,
         hide: new hn({
           axis: o,
-          isVisible: !1,
+          visible: !1,
           keepSecondaryAxis: !0
         }),
         show: new hn({
           axis: o,
-          isVisible: !0,
+          visible: !0,
           keepSecondaryAxis: !0
         })
       };
@@ -6442,16 +6442,16 @@ var Im = ({ graph: e, target: t }) => {
     case "grid": {
       const { axis: o } = e;
       if (o === "both") return null;
-      const { isVisible: i } = n.axes[o].grid, l = i === !1;
+      const { visible: i } = n.axes[o].grid, l = i === !1;
       return {
-        isHidden: l,
+        hidden: l,
         hide: new pn({
           axis: o,
-          isVisible: !1
+          visible: !1
         }),
         show: new pn({
           axis: o,
-          isVisible: l ? !0 : i
+          visible: l ? !0 : i
         })
       };
     }
@@ -6484,13 +6484,13 @@ var Qr = (e, t) => {
   const { layers: t, parsingLocale: n } = R(xe((p) => ({
     layers: p.layers,
     parsingLocale: p.config.parsingLocale
-  }))), a = ee((p) => p.editTargetUnderPointer), o = a?.kind === "observations" ? a.observations : null, i = o === null ? void 0 : Z(t, o.layerId), l = o?.target.scope ?? null, s = o === null || i === void 0 ? null : md(i, o.target.scope, o.observationIndex), c = E(() => i === void 0 || l === null || s === null ? null : Vm(t, i, l, s), [
+  }))), a = ee((p) => p.editTargetUnderPointer), o = a?.kind === "observations" ? a.observations : null, i = o === null ? void 0 : Z(t, o.layerId), l = o?.target.scope ?? null, s = o === null || i === void 0 ? null : md(i, o.target.scope, o.observationIndex), c = M(() => i === void 0 || l === null || s === null ? null : Vm(t, i, l, s), [
     t,
     i,
     l,
     s
-  ]), d = E(() => c !== null && e !== null && Qr(c, e), [c, e]), u = Wt(), h = o !== null && i !== void 0 && $m(o, i, n, u) ? o.observationIndex : null;
-  return E(() => {
+  ]), d = M(() => c !== null && e !== null && Qr(c, e), [c, e]), u = Wt(), h = o !== null && i !== void 0 && $m(o, i, n, u) ? o.observationIndex : null;
+  return M(() => {
     switch (a?.kind) {
       case "observations": {
         const p = c?.parts[0];
@@ -6552,7 +6552,7 @@ var Qr = (e, t) => {
     parts: o,
     vertex: null
   };
-}, $m = ({ observationIndex: e, target: t, isOnObservation: n }, a, o, i) => {
+}, $m = ({ observationIndex: e, target: t, onObservation: n }, a, o, i) => {
   if (!n || t.scope !== "series") return !1;
   const l = tt({
     layer: a,
@@ -6580,7 +6580,7 @@ var Qr = (e, t) => {
       return sn([...Km(i.filter((s) => !qm(s)))].flatMap(([s, c]) => a[s] === "direct" ? c.map(l) : [vn(c.map(l))]));
     case "grid":
       return i.flatMap((s) => {
-        const c = Et([s], e);
+        const c = Mt([s], e);
         if (c?.kind !== "grid" || c.target.axis === "both") return [];
         const { axis: d } = c.target;
         return t.axis === "both" || d === t.axis ? [jm(s, l(s), d)] : [];
@@ -6654,11 +6654,11 @@ var Qr = (e, t) => {
 }, Xm = (e) => {
   const t = (n) => Number(e?.getAttribute(n) ?? 0);
   return (t("x2") - t("x1")) * (t("y2") - t("y1")) >= 0;
-}, Zm = [], Ym = (e, { frameElement: t, frameSize: n, panelRect: a, shouldAnimateTransitions: o }) => {
+}, Zm = [], Ym = (e, { frameElement: t, frameSize: n, panelRect: a, animateTransitions: o }) => {
   const i = R((f) => f.coordSystem), l = os(), s = Va(), c = Qm(e.kind === "guide" ? e.target : null, {
     frameElement: t,
     frameSize: n
-  }), d = Jm(t, n), u = E(() => ({
+  }), d = Jm(t, n), u = M(() => ({
     coordSystem: i,
     panelRect: a,
     resolveRenderer: l,
@@ -6668,12 +6668,12 @@ var Qr = (e, t) => {
     a,
     l,
     s
-  ]), h = e.kind === "observations" ? e.parts : null, p = e.kind === "observations" ? e.vertex : null, g = E(() => h?.map((f) => ea(f, u, o)) ?? Zm, [
+  ]), h = e.kind === "observations" ? e.parts : null, p = e.kind === "observations" ? e.vertex : null, g = M(() => h?.map((f) => ea(f, u, o)) ?? Zm, [
     h,
     u,
     o
-  ]), m = E(() => p === null ? null : ea(p, u, !1), [p, u]);
-  return E(() => {
+  ]), m = M(() => p === null ? null : ea(p, u, !1), [p, u]);
+  return M(() => {
     switch (e.kind) {
       case "observations":
         return {
@@ -6739,7 +6739,7 @@ var Qr = (e, t) => {
       coordSystem: n,
       panelRect: a,
       styleReaders: i(e),
-      shouldAnimateTransitions: l
+      animateTransitions: l
     })
   };
 }, Qm = (e, { frameElement: t, frameSize: n }) => {
@@ -6811,7 +6811,7 @@ var Qr = (e, t) => {
     layers: a.layers,
     parsingLocale: a.config.parsingLocale
   })));
-  return E(() => e === null ? null : ng(e, t, n), [
+  return M(() => e === null ? null : ng(e, t, n), [
     e,
     t,
     n
@@ -6880,14 +6880,14 @@ var Qr = (e, t) => {
     parts: i,
     vertex: null
   };
-}, ag = ["x", "y"], og = ko(function({ frameElement: t, frameSize: n, panelRect: a, shouldAnimateTransitions: o }) {
+}, ag = ["x", "y"], og = ko(function({ frameElement: t, frameSize: n, panelRect: a, animateTransitions: o }) {
   const i = cs(Sd, W()), l = tg(), s = Gm(l?.outlined ?? null);
   if (l === null && s === null) return null;
   const c = {
     frameElement: t,
     frameSize: n,
     panelRect: a,
-    shouldAnimateTransitions: o
+    animateTransitions: o
   };
   return /* @__PURE__ */ v("svg", {
     className: a1,
@@ -6908,12 +6908,12 @@ var Qr = (e, t) => {
       ...c
     }, l.outlined.key)]
   });
-}), ta = ({ part: e, target: t, editTarget: n, look: a, frameSize: o, panelRect: i, frameElement: l, shouldAnimateTransitions: s }) => {
+}), ta = ({ part: e, target: t, editTarget: n, look: a, frameSize: o, panelRect: i, frameElement: l, animateTransitions: s }) => {
   const c = Le(), d = `${c}-shapes`, u = `${c}-hole`, h = Ym(t, {
     frameElement: l,
     frameSize: o,
     panelRect: i,
-    shouldAnimateTransitions: s
+    animateTransitions: s
   });
   return r1(n === void 0 ? null : {
     target: n,
@@ -7047,14 +7047,14 @@ var Qr = (e, t) => {
       return a.pathData === "" ? null : /* @__PURE__ */ r(Vr, {
         pathData: a.pathData,
         fillRule: a.fillRule,
-        shouldAnimateTransitions: a.shouldAnimateTransitions ?? !1,
+        animateTransitions: a.animateTransitions ?? !1,
         source: t,
         "data-geom": t.geom
       }, i);
     case "stroke":
       return a.pathData === "" ? null : /* @__PURE__ */ r(Vr, {
         pathData: a.pathData,
-        shouldAnimateTransitions: a.shouldAnimateTransitions ?? !1,
+        animateTransitions: a.animateTransitions ?? !1,
         source: t,
         "data-geom": t.geom,
         ...si(a.width)
@@ -7125,7 +7125,7 @@ var Qr = (e, t) => {
     const n = e.getBoundingClientRect(), a = ii(e, n.width);
     return new DOMRect(n.left + t.x * a, n.top + t.y * a, t.width * a, t.height * a);
   }
-}), Cg = ({ side: e, boundary: t, spans: n, anchor: a, isRightToLeft: o }) => {
+}), Cg = ({ side: e, boundary: t, spans: n, anchor: a, rightToLeft: o }) => {
   if (!xg(e)) return 0;
   const i = n[e];
   if (e === "left" || e === "right") return ra(i.from - t.y, a.height, t.height);
@@ -7150,7 +7150,7 @@ var Qr = (e, t) => {
   Ie(() => () => {
     c?.contains(document.activeElement) && e.focus({ preventScroll: !0 });
   }, [c, e]);
-  const { x: g, y: m, width: f, height: b } = t, C = E(() => ({
+  const { x: g, y: m, width: f, height: b } = t, C = M(() => ({
     box: {
       x: g,
       y: m,
@@ -7164,7 +7164,7 @@ var Qr = (e, t) => {
     f,
     b,
     n
-  ]), P = E(() => zi(e, C.box), [e, C]), k = (x, I) => {
+  ]), P = M(() => zi(e, C.box), [e, C]), k = (x, I) => {
     x || (I.cancel(), I.reason === "escape-key" && o());
   };
   return /* @__PURE__ */ r(Q.Root, {
@@ -7184,7 +7184,7 @@ var Qr = (e, t) => {
           boundary: C.box,
           spans: C.spans,
           anchor: I,
-          isRightToLeft: Ag(p.current)
+          rightToLeft: Ag(p.current)
         }),
         collisionAvoidance: kg,
         sticky: !0,
@@ -7318,7 +7318,7 @@ var Qr = (e, t) => {
       rx: ".533"
     })
   ]
-}), cr = (e) => E(() => {
+}), cr = (e) => M(() => {
   if (e === null) return {
     options: [],
     findValue: () => {
@@ -7345,7 +7345,7 @@ var Qr = (e, t) => {
 }, [e]), Pg = ({ scene: e, layer: t, observation: n, groupOptions: a, locale: o, t: i }) => {
   const l = Ln(e, t, n, a);
   return {
-    "data-point": i(Eg(e, t)),
+    "data-point": i(Mg(e, t)),
     "x-value": i("editor.overlayMenu.allOf", { name: $i(e, t, n, o) }),
     series: l === null ? i("editor.overlayMenu.all") : i("editor.overlayMenu.allOf", { name: l })
   };
@@ -7363,7 +7363,7 @@ var Qr = (e, t) => {
       return aa(uo(e.guides, "x")?.label ?? null, c, i);
     case "series": {
       const d = Ln(e, t, n, a) ?? i("editor.overlayMenu.all");
-      return aa(Mg(e, s), d, i);
+      return aa(Eg(e, s), d, i);
     }
     default:
       return l;
@@ -7377,10 +7377,10 @@ var Qr = (e, t) => {
     value: t
   }),
   value: t
-}), Mg = (e, t) => {
+}), Eg = (e, t) => {
   const [n, ...a] = t;
   return n === void 0 || a.length > 0 ? null : e.guides.variableLabels[n] ?? null;
-}, Eg = (e, t) => {
+}, Mg = (e, t) => {
   switch (t.geom) {
     case "bar":
       return e.coordSystem.type === "polar" && e.coordSystem.bandAxis === null ? "editor.overlayMenu.thisSlice" : "editor.overlayMenu.thisBar";
@@ -7410,7 +7410,7 @@ var Qr = (e, t) => {
   "x-value": Gi,
   series: Vi
 }, Dg = () => {
-  const { selectionStore: e } = H(), t = U(), n = M(), a = zn(), o = R((b) => b), i = cr(o), l = ee((b) => b.pressedObservation), s = Wt(), c = E(() => _g({
+  const { selectionStore: e } = H(), t = U(), n = E(), a = zn(), o = R((b) => b), i = cr(o), l = ee((b) => b.pressedObservation), s = Wt(), c = M(() => _g({
     scene: o,
     pressed: l,
     groupOptions: i,
@@ -7509,9 +7509,9 @@ var Qr = (e, t) => {
     ]
   })
 }), Bg = "_1de58rm0", Hg = ({ target: e }) => {
-  const t = M(), n = le(), a = R((g) => g), [o, i] = X(null), l = _i(e, a);
+  const t = E(), n = le(), a = R((g) => g), [o, i] = X(null), l = _i(e, a);
   if (l === null) return null;
-  const { isHidden: s, hide: c, show: d } = l, u = () => {
+  const { hidden: s, hide: c, show: d } = l, u = () => {
     if (s) {
       n.dispatch(o ?? d);
       return;
@@ -7563,7 +7563,7 @@ var Qr = (e, t) => {
       return e;
   }
 }, jg = ({ target: e }) => {
-  const t = M(), n = zn(), a = R((l) => l), o = cr(a), i = E(() => Zg({
+  const t = E(), n = zn(), a = R((l) => l), o = cr(a), i = M(() => Zg({
     target: e,
     scene: a,
     groupOptions: o,
@@ -7641,7 +7641,7 @@ var Qr = (e, t) => {
   const t = Rt(), [n, a] = X(e), o = n !== null && Kn(t[0] ?? null, n.target), i = e ?? (o ? n : null);
   return i !== n && a(i), i;
 }, Qg = ({ frameRect: e }) => {
-  const { targetBoundaryStore: t } = H(), n = ee((l) => l.selectedOutline), { left: a, top: o } = e, i = E(() => {
+  const { targetBoundaryStore: t } = H(), n = ee((l) => l.selectedOutline), { left: a, top: o } = e, i = M(() => {
     if (n === null) return null;
     const { frame: l, frameSpans: s, frameScale: c } = n;
     return {
@@ -7799,7 +7799,7 @@ var Ui = "efjmb40", Ki = "efjmb41", _e = "efjmb42", Fe = "efjmb43", e2 = "efjmb4
     fillOpacity: "0.8"
   })
 }), d2 = "relative-difference", u2 = ({ label: e, layer: t, at: n, onRequestClose: a }) => {
-  const { dispatch: o } = le(), i = R((c) => c.coordSystem), l = E(() => Jc({
+  const { dispatch: o } = le(), i = R((c) => c.coordSystem), l = M(() => Jc({
     layer: t,
     at: n,
     coordSystem: i
@@ -8146,7 +8146,7 @@ var p2 = (e) => {
     fillOpacity: "0.8"
   })]
 }), C2 = ({ label: e, options: t, onSelect: n }) => {
-  const a = M();
+  const a = E();
   return /* @__PURE__ */ r(dr, {
     label: e,
     icon: /* @__PURE__ */ r(ji, {}),
@@ -8160,7 +8160,7 @@ var p2 = (e) => {
     }, o.scope))
   });
 }, x2 = ({ label: e, layer: t, observation: n, highlights: a, onRequestClose: o }) => {
-  const i = M(), { dispatch: l } = le(), s = R((g) => g.coordSystem), c = E(() => Ec(t, n), [t, n]), d = E(() => h2(s, t), [s, t]), u = E(() => {
+  const i = E(), { dispatch: l } = le(), s = R((g) => g.coordSystem), c = M(() => Mc(t, n), [t, n]), d = M(() => h2(s, t), [s, t]), u = M(() => {
     const g = new Set(a.map((m) => m.scope));
     return d.filter((m) => !g.has(m.scope));
   }, [d, a]), [h] = u;
@@ -8208,7 +8208,7 @@ var p2 = (e) => {
   });
 }, A2 = (e, t) => {
   const n = R((o) => o.spec.highlights), a = R((o) => o.config.parsingLocale);
-  return E(() => Wc({
+  return M(() => Wc({
     layer: e,
     highlights: n,
     observation: t,
@@ -8305,7 +8305,7 @@ var p2 = (e) => {
   },
   image: null
 }, L2 = (e) => ed(e.kind) && Ji[e.kind] !== null, I2 = ({ attachment: e, onRequestClose: t }) => {
-  const n = M(), { dispatch: a } = le(), { icon: o, labelKey: i } = Ji[e.kind], l = () => {
+  const n = E(), { dispatch: a } = le(), { icon: o, labelKey: i } = Ji[e.kind], l = () => {
     a(new $e({ id: e.annotation.id })), t();
   };
   return /* @__PURE__ */ v(V.Item, {
@@ -8316,7 +8316,7 @@ var p2 = (e) => {
       children: n(i)
     })]
   });
-}, M2 = "ceeojg0", E2 = "ceeojg1", O2 = "ceeojg2", R2 = ({ label: e, at: t, onRequestClose: n }) => {
+}, E2 = "ceeojg0", M2 = "ceeojg1", O2 = "ceeojg2", R2 = ({ label: e, at: t, onRequestClose: n }) => {
   const { dispatch: a } = le(), o = (i) => {
     a(new Te({
       kind: "sticker",
@@ -8333,9 +8333,9 @@ var p2 = (e) => {
     label: e,
     icon: /* @__PURE__ */ r(Yi, {}),
     children: /* @__PURE__ */ r("div", {
-      className: M2,
+      className: E2,
       children: Object.entries(As).map(([i, l]) => /* @__PURE__ */ r(Ae.Item, {
-        className: E2,
+        className: M2,
         "aria-label": i,
         onClick: () => o(i),
         children: /* @__PURE__ */ r("img", {
@@ -8366,7 +8366,7 @@ var p2 = (e) => {
     onClose: i
   });
 }, D2 = ({ frameElement: e, trigger: t, layer: n, at: a, observation: o, onClose: i }) => {
-  const l = M(), s = We(), c = R((x) => x.spec.annotations), d = R((x) => x.config.parsingLocale), u = Bi(), { x: h, y: p, width: g, height: m } = t, f = E(() => zi(e, {
+  const l = E(), s = We(), c = R((x) => x.spec.annotations), d = R((x) => x.config.parsingLocale), u = Bi(), { x: h, y: p, width: g, height: m } = t, f = M(() => zi(e, {
     x: h,
     y: p,
     width: g,
@@ -8377,7 +8377,7 @@ var p2 = (e) => {
     p,
     g,
     m
-  ]), b = Uc(c, a, E(() => Fc(n, d), [n, d])), C = b !== null && L2(b) ? b : null, P = A2(n, o), k = (x, I) => {
+  ]), b = Uc(c, a, M(() => Fc(n, d), [n, d])), C = b !== null && L2(b) ? b : null, P = A2(n, o), k = (x, I) => {
     !x && _2(I.reason) && i();
   };
   return /* @__PURE__ */ r(V.Root, {
@@ -8505,7 +8505,7 @@ var p2 = (e) => {
     children: /* @__PURE__ */ r(Fa, {
       computed: l,
       style: i,
-      isAddressable: !1
+      addressable: !1
     })
   });
 }, ot = () => {
@@ -8618,7 +8618,7 @@ var p2 = (e) => {
       children: l
     })
   });
-}, J2 = ({ label: e, trigger: t, isOpen: n, onOpenChange: a, isDisabled: o = !1, children: i }) => {
+}, J2 = ({ label: e, trigger: t, open: n, onOpenChange: a, disabled: o = !1, children: i }) => {
   const { chartId: l } = H();
   return /* @__PURE__ */ v(V.Root, {
     open: n,
@@ -8653,7 +8653,7 @@ var p2 = (e) => {
   className: q2,
   onClick: t,
   children: n
-}), n0 = ({ label: e, isPressed: t, onClick: n, children: a }) => /* @__PURE__ */ r(J.Button, {
+}), n0 = ({ label: e, pressed: t, onClick: n, children: a }) => /* @__PURE__ */ r(J.Button, {
   "aria-label": e,
   "aria-pressed": t,
   className: j2,
@@ -8680,7 +8680,7 @@ var p2 = (e) => {
   };
   return {
     bind: (i) => ({
-      isOpen: n === i,
+      open: n === i,
       onOpenChange: (l) => l ? a(i) : o()
     }),
     close: o
@@ -8758,11 +8758,11 @@ var p2 = (e) => {
   }
 ], s0 = (e, t) => e.find((n) => n.value === t) ?? e[0];
 var c0 = ({ arrow: e, arrowBox: t, panelRect: n, frameWidth: a, frameHeight: o, frameElement: i }) => {
-  const l = M(), { commands: s } = H(), c = R((S) => S.spec.styles.overrides), d = R((S) => de(S.spec)), u = Kt(), h = Xn(W(), e.id), p = s0(la, Re(h.dashArray)), g = h.outline.strokeWidth > 0 || h.outline.shadow !== "none", m = E(() => ({
+  const l = E(), { commands: s } = H(), c = R((S) => S.spec.styles.overrides), d = R((S) => de(S.spec)), u = Kt(), h = Xn(W(), e.id), p = s0(la, Re(h.dashArray)), g = h.outline.strokeWidth > 0 || h.outline.shadow !== "none", m = M(() => ({
     target: "annotation",
     kind: "arrow",
     annotation: e.id
-  }), [e.id]), f = E(() => ({
+  }), [e.id]), f = M(() => ({
     ...m,
     part: "outline"
   }), [m]), b = (S, y) => {
@@ -8872,7 +8872,7 @@ var c0 = ({ arrow: e, arrowBox: t, panelRect: n, frameWidth: a, frameHeight: o,
       }),
       /* @__PURE__ */ r(_.ToggleButton, {
         label: l("graph.annotations.arrowToolbar.sticker"),
-        isPressed: g,
+        pressed: g,
         onClick: D,
         children: /* @__PURE__ */ r(G2, {
           size: "sm",
@@ -8891,9 +8891,9 @@ var c0 = ({ arrow: e, arrowBox: t, panelRect: n, frameWidth: a, frameHeight: o,
     ]
   });
 }, pt = ({ options: e, current: t, onPick: n }) => {
-  const a = M(), o = (i) => () => n(i);
+  const a = E(), o = (i) => () => n(i);
   return /* @__PURE__ */ r($, { children: e.map((i) => /* @__PURE__ */ v(_.MenuItem, {
-    isSelected: i.value === t,
+    selected: i.value === t,
     onClick: o(i.value),
     children: [/* @__PURE__ */ r("span", { children: a(i.key) }), i.Icon !== void 0 && /* @__PURE__ */ r("span", {
       className: "_112xh5c0",
@@ -9131,12 +9131,12 @@ var h0 = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, it = class {
     arrow: n,
     committed: a,
     painted: i,
-    isSettled: o.dragged === null && !o.isMoved,
-    isMoved: o.isMoved,
+    settled: o.dragged === null && !o.moving,
+    moving: o.moving,
     ...e
   });
-}, y0 = ({ arrow: e, committed: t, painted: n, isSettled: a, isMoved: o, panelRect: i, frameRect: l, frameElement: s }) => {
-  const c = M(), d = m0({
+}, y0 = ({ arrow: e, committed: t, painted: n, settled: a, moving: o, panelRect: i, frameRect: l, frameElement: s }) => {
+  const c = E(), d = m0({
     annotationId: e.id,
     arrow: t,
     panelRect: i
@@ -9185,12 +9185,12 @@ var h0 = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, it = class {
 }, w0 = (e) => ee(xe((t) => {
   if (e === null) return {
     dragged: null,
-    isMoved: !1
+    moving: !1
   };
   const n = j(t, "arrow-endpoint-drag");
   return {
     dragged: n?.annotationId === e ? n : null,
-    isMoved: Nt(j(t, "move-drag"), e) !== null
+    moving: Nt(j(t, "move-drag"), e) !== null
   };
 })), k0 = (e) => /* @__PURE__ */ r(L, {
   ...e,
@@ -9206,17 +9206,17 @@ var L0 = [
   "absolute-difference",
   "relative-difference",
   "proportion"
-], da = ["absolute-difference", "relative-difference"], I0 = ["relative-difference", "proportion"], M0 = {
+], da = ["absolute-difference", "relative-difference"], I0 = ["relative-difference", "proportion"], E0 = {
   "absolute-difference": "graph.annotations.differenceArrowToolbar.labelKind.absoluteDifference",
   "relative-difference": "graph.annotations.differenceArrowToolbar.labelKind.relativeDifference",
   proportion: "graph.annotations.differenceArrowToolbar.labelKind.proportion"
-}, E0 = (e) => {
+}, M0 = (e) => {
   const { formattingLocale: t } = H(), n = R((o) => o.config.parsingLocale), a = t ?? n;
-  return E(() => {
+  return M(() => {
     const o = Ic(e.start, e.end);
     return L0.filter((i) => o || !da.includes(i) || i === e.label).map((i) => ({
       kind: i,
-      key: M0[i],
+      key: E0[i],
       preview: qc({
         locale: a,
         kind: i,
@@ -9224,8 +9224,8 @@ var L0 = [
         endValue: e.end.measurementValue,
         valueFormat: e.start.valueFormat
       }),
-      isPickable: o || !da.includes(i),
-      isSuspect: I0.includes(i) && e.start.measurementValue === 0
+      pickable: o || !da.includes(i),
+      suspect: I0.includes(i) && e.start.measurementValue === 0
     }));
   }, [e, a]);
 }, ua = [
@@ -9242,14 +9242,14 @@ var L0 = [
     key: "graph.annotations.differenceArrowToolbar.size.large"
   }
 ], O0 = ({ arrow: e, color: t, labelBox: n, panelRect: a, frameWidth: o, frameHeight: i, frameElement: l }) => {
-  const s = M(), { commands: c } = H(), d = R((y) => y.spec.styles.overrides), u = R((y) => de(y.spec)), h = Kt(), p = E0(e), g = yd(W(), e.id), m = E(() => ({
+  const s = E(), { commands: c } = H(), d = R((y) => y.spec.styles.overrides), u = R((y) => de(y.spec)), h = Kt(), p = M0(e), g = yd(W(), e.id), m = M(() => ({
     target: "annotation",
     kind: "differenceArrow",
     annotation: e.id
-  }), [e.id]), f = E(() => ({
+  }), [e.id]), f = M(() => ({
     ...m,
     part: "label"
-  }), [m]), b = p.find((y) => y.kind === e.label), C = p.some((y) => y.isPickable && y.kind !== e.label), P = ua.find((y) => Tr[y.id].arrow.strokeWidth === g.strokeWidth), k = (y, N) => {
+  }), [m]), b = p.find((y) => y.kind === e.label), C = p.some((y) => y.pickable && y.kind !== e.label), P = ua.find((y) => Tr[y.id].arrow.strokeWidth === g.strokeWidth), k = (y, N) => {
     c.dispatch(new ve({
       kind: "differenceArrow",
       id: e.id,
@@ -9293,16 +9293,16 @@ var L0 = [
       /* @__PURE__ */ r(_.Dropdown, {
         label: s("graph.annotations.differenceArrowToolbar.labelKind.ariaLabel"),
         trigger: /* @__PURE__ */ r(R0, { option: b }),
-        isDisabled: !C,
+        disabled: !C,
         ...h.bind("labelKind"),
         children: p.map((y) => /* @__PURE__ */ v(_.MenuItem, {
-          isSelected: y.kind === e.label,
-          isDisabled: !y.isPickable,
+          selected: y.kind === e.label,
+          disabled: !y.pickable,
           onClick: D(y.kind),
           children: [
             /* @__PURE__ */ r("span", { children: s(y.key) }),
-            (y.isSuspect || !y.isPickable) && /* @__PURE__ */ r("span", {
-              "aria-label": s(y.isPickable ? "graph.annotations.differenceArrowToolbar.labelKind.suspectValue" : "graph.annotations.differenceArrowToolbar.labelKind.incomparableEnds"),
+            (y.suspect || !y.pickable) && /* @__PURE__ */ r("span", {
+              "aria-label": s(y.pickable ? "graph.annotations.differenceArrowToolbar.labelKind.suspectValue" : "graph.annotations.differenceArrowToolbar.labelKind.incomparableEnds"),
               className: "q7gcrz3",
               role: "img",
               children: "⚠"
@@ -9327,7 +9327,7 @@ var L0 = [
         trigger: P === void 0 ? "" : s(P.key),
         ...h.bind("size"),
         children: ua.map((y) => /* @__PURE__ */ r(_.MenuItem, {
-          isSelected: y.id === P?.id,
+          selected: y.id === P?.id,
           onClick: S(y.id),
           children: s(y.key)
         }, y.id))
@@ -9352,7 +9352,7 @@ var L0 = [
     ]
   });
 }, R0 = ({ option: e }) => {
-  const t = M();
+  const t = E();
   return e === void 0 ? null : /* @__PURE__ */ v($, { children: [/* @__PURE__ */ r("span", {
     className: A0,
     children: t(e.key)
@@ -9563,7 +9563,7 @@ var D0 = "ydgo3h1", _0 = "ydgo3h2", F0 = "ydgo3h3", z0 = ({ clientPoint: e, pane
     ...e
   });
 }, q0 = ({ annotationId: e, ...t }) => {
-  const n = us(), a = E(() => n.find((o) => o.id === e), [n, e]);
+  const n = us(), a = M(() => n.find((o) => o.id === e), [n, e]);
   return a === void 0 ? null : /* @__PURE__ */ r(j0, {
     committedArrow: a.committedArrow,
     color: a.color,
@@ -9572,10 +9572,10 @@ var D0 = "ydgo3h1", _0 = "ydgo3h2", F0 = "ydgo3h3", z0 = ({ clientPoint: e, pane
     labelBox: a.labelBox,
     start: a.start,
     end: a.end,
-    isDragged: a.isDragged,
+    dragging: a.dragging,
     ...t
   });
-}, j0 = ({ committedArrow: e, color: t, labelCornerRadius: n, committedLabelBox: a, labelBox: o, start: i, end: l, panelRect: s, panelOrigin: c, frameRect: d, frameElement: u, isDragged: h }) => {
+}, j0 = ({ committedArrow: e, color: t, labelCornerRadius: n, committedLabelBox: a, labelBox: o, start: i, end: l, panelRect: s, panelOrigin: c, frameRect: d, frameElement: u, dragging: h }) => {
   const p = G0({
     arrow: e,
     panelOrigin: c,
@@ -9638,7 +9638,7 @@ var D0 = "ydgo3h1", _0 = "ydgo3h2", F0 = "ydgo3h3", z0 = ({ clientPoint: e, pane
     "aria-hidden": "true",
     className: _0
   })
-}), Mn = ({ start: e, extent: t, isStartMoving: n, delta: a, minExtent: o }) => {
+}), En = ({ start: e, extent: t, moveStartEdge: n, delta: a, minExtent: o }) => {
   if (!Number.isFinite(a)) return {
     start: e,
     extent: t
@@ -9674,16 +9674,16 @@ var sl = ({ width: e, height: t }) => ({
   width: e.width,
   height: e.height
 }), cl = ({ region: e, corner: t, delta: n, minSize: a }) => {
-  const o = Mn({
+  const o = En({
     start: e.x,
     extent: e.width,
-    isStartMoving: ul(t),
+    moveStartEdge: ul(t),
     delta: n.x,
     minExtent: a.x
-  }), i = Mn({
+  }), i = En({
     start: e.y,
     extent: e.height,
-    isStartMoving: hl(t),
+    moveStartEdge: hl(t),
     delta: n.y,
     minExtent: a.y
   });
@@ -9705,7 +9705,7 @@ var J0 = {
   hovered: "_1ee8fau5 _1ee8fau4",
   selected: "_1ee8fau6 _1ee8fau4"
 }, ev = ({ panelRect: e }) => {
-  const t = De(e), n = Ba(), a = W(), o = ot(), i = ee((f) => j(f, "move-drag")), l = ee((f) => j(f, "shape-resize-drag")), s = ee((f) => j(f, "arrow-endpoint-drag")), c = ee((f) => j(f, "text-resize-drag")), d = ee(Es), u = E(() => ({
+  const t = De(e), n = Ba(), a = W(), o = ot(), i = ee((f) => j(f, "move-drag")), l = ee((f) => j(f, "shape-resize-drag")), s = ee((f) => j(f, "arrow-endpoint-drag")), c = ee((f) => j(f, "text-resize-drag")), d = ee(Ms), u = M(() => ({
     panel: {
       width: e.width,
       height: e.height
@@ -9851,7 +9851,7 @@ var J0 = {
   return a === null ? null : /* @__PURE__ */ r(Fa, {
     computed: a,
     style: n,
-    isAddressable: !1
+    addressable: !1
   });
 }, iv = ({ shape: e, panelSize: t }) => /* @__PURE__ */ r(Ha, {
   shape: e,
@@ -9912,7 +9912,7 @@ var J0 = {
       className: dv[a]
     })
   });
-}, En = [
+}, Mn = [
   {
     width: 0,
     key: "graph.annotations.shapeToolbar.border.none"
@@ -9929,8 +9929,8 @@ var J0 = {
     width: 16,
     key: "graph.annotations.shapeToolbar.border.thick"
   }
-], hv = (e) => [...En].reverse().find((t) => t.width <= e) ?? En[0], pv = ({ shape: e, shapeBox: t, panelRect: n, frameWidth: a, frameHeight: o, frameElement: i }) => {
-  const l = M(), { commands: s } = H(), c = R((k) => k.spec.styles.overrides), d = R((k) => de(k.spec)), u = Kt(), h = W().annotation.shape(e.id).resolve(), p = hv(h.strokeWidth), g = E(() => ({
+], hv = (e) => [...Mn].reverse().find((t) => t.width <= e) ?? Mn[0], pv = ({ shape: e, shapeBox: t, panelRect: n, frameWidth: a, frameHeight: o, frameElement: i }) => {
+  const l = E(), { commands: s } = H(), c = R((k) => k.spec.styles.overrides), d = R((k) => de(k.spec)), u = Kt(), h = W().annotation.shape(e.id).resolve(), p = hv(h.strokeWidth), g = M(() => ({
     target: "annotation",
     kind: "shape",
     annotation: e.id
@@ -9978,8 +9978,8 @@ var J0 = {
           title: ""
         }),
         ...u.bind("border"),
-        children: En.map((k) => /* @__PURE__ */ r(_.MenuItem, {
-          isSelected: k.width === p?.width,
+        children: Mn.map((k) => /* @__PURE__ */ r(_.MenuItem, {
+          selected: k.width === p?.width,
           onClick: P(k.width),
           children: l(k.key)
         }, k.width))
@@ -10157,12 +10157,12 @@ var J0 = {
   return o === null ? null : /* @__PURE__ */ r(Cv, {
     shape: n,
     region: o,
-    isSettled: a.resizedRegion === null && !a.isMoved,
-    isMoved: a.isMoved,
+    settled: a.resizedRegion === null && !a.moving,
+    moving: a.moving,
     ...e
   });
-}, Cv = ({ shape: e, region: t, isSettled: n, isMoved: a, panelRect: o, frameRect: i, frameElement: l }) => {
-  const s = M(), c = gv({
+}, Cv = ({ shape: e, region: t, settled: n, moving: a, panelRect: o, frameRect: i, frameElement: l }) => {
+  const s = E(), c = gv({
     annotationId: e.id,
     panelRect: o
   }), d = fv({
@@ -10203,10 +10203,10 @@ var J0 = {
   return e === null ? null : t.find((n) => n.id === e) ?? null;
 }, wv = (e) => ee(xe((t) => e === null ? {
   resizedRegion: null,
-  isMoved: !1
+  moving: !1
 } : {
   resizedRegion: Dn(j(t, "shape-resize-drag"), e)?.region ?? null,
-  isMoved: Nt(j(t, "move-drag"), e) !== null
+  moving: Nt(j(t, "move-drag"), e) !== null
 })), kv = ({ textColor: e, ...t }) => /* @__PURE__ */ v(L, {
   ...t,
   children: [/* @__PURE__ */ v("g", {
@@ -10222,10 +10222,10 @@ var J0 = {
   })]
 });
 var It = "textStyle", fl = /* @__PURE__ */ new Set(["paragraph", "heading"]), Tv = (e) => {
-  const t = bl(e), n = Ev(e);
+  const t = bl(e), n = Mv(e);
   return {
     color: gt(t.map((a) => Ov(cn(a)?.color))),
-    font: gt(t.map((a) => Mv(cn(a)))),
+    font: gt(t.map((a) => Ev(cn(a)))),
     fontSize: gt(t.map((a) => Rv(cn(a)?.fontSize))),
     alignment: gt(n.map((a) => Nv(a.attrs?.textAlign)))
   };
@@ -10250,7 +10250,7 @@ var It = "textStyle", fl = /* @__PURE__ */ new Set(["paragraph", "heading"]), Tv
     ...e,
     marks: a === void 0 ? [...n, o] : n.map((i) => i === a ? o : i)
   };
-}, cn = (e) => e.marks?.find((t) => t.type === It)?.attrs, Mv = (e) => xr(e?.font) ?? xr(e?.fontFamily), bl = (e) => gr(e, (t) => t.type === "text"), Ev = (e) => gr(e, (t) => fl.has(t.type ?? "")), gr = (e, t) => [...t(e) ? [e] : [], ...(e.content ?? []).flatMap((n) => gr(n, t))], gt = (e) => {
+}, cn = (e) => e.marks?.find((t) => t.type === It)?.attrs, Ev = (e) => xr(e?.font) ?? xr(e?.fontFamily), bl = (e) => gr(e, (t) => t.type === "text"), Mv = (e) => gr(e, (t) => fl.has(t.type ?? "")), gr = (e, t) => [...t(e) ? [e] : [], ...(e.content ?? []).flatMap((n) => gr(n, t))], gt = (e) => {
   const [t, ...n] = e;
   return t === void 0 ? null : n.every((a) => a === t) ? t : null;
 }, Ov = (e) => typeof e == "string" && e.length > 0 ? e : void 0, Rv = (e) => typeof e == "number" && Number.isFinite(e) ? e : void 0, Nv = (e) => e === "left" || e === "center" || e === "right" ? e : void 0;
@@ -10315,7 +10315,7 @@ var Sl = [
     Icon: ri
   }
 ], Bv = ({ annotation: e, textBox: t, panelRect: n, frameWidth: a, frameHeight: o, frameElement: i }) => {
-  const l = M(), { commands: s } = H(), c = R((y) => y.spec.styles.overrides), d = R((y) => de(y.spec)), u = U(), h = Kt(), p = W().annotation.text(e.id).resolve(), g = Tv(e.content), m = Dv(g.font), f = _v(g.fontSize), b = g.color ?? p.textColor, C = E(() => ({
+  const l = E(), { commands: s } = H(), c = R((y) => y.spec.styles.overrides), d = R((y) => de(y.spec)), u = U(), h = Kt(), p = W().annotation.text(e.id).resolve(), g = Tv(e.content), m = Dv(g.font), f = _v(g.fontSize), b = g.color ?? p.textColor, C = M(() => ({
     target: "annotation",
     kind: "text",
     annotation: e.id
@@ -10386,7 +10386,7 @@ var Sl = [
         }),
         ...h.bind("font"),
         children: yl.map((y) => /* @__PURE__ */ r(_.MenuItem, {
-          isSelected: y.id === m?.id,
+          selected: y.id === m?.id,
           onClick: te(y.id),
           children: /* @__PURE__ */ r("span", {
             style: { fontFamily: y.fontFamily },
@@ -10399,7 +10399,7 @@ var Sl = [
         trigger: f === null ? "" : l(f.key),
         ...h.bind("fontSize"),
         children: Sl.map((y) => /* @__PURE__ */ r(_.MenuItem, {
-          isSelected: y.size === f?.size,
+          selected: y.size === f?.size,
           onClick: D(y.size),
           children: /* @__PURE__ */ r("span", {
             style: { fontSize: Fv(y.size) },
@@ -10425,12 +10425,12 @@ var Sl = [
   });
 }, Hv = (e) => e === "transparent" ? { fill: Fo } : {
   fill: e,
-  fillAlpha: Eh(e) ? Ac : 1
+  fillAlpha: Mh(e) ? Ac : 1
 }, Gv = ({ current: e, onPick: t }) => {
-  const n = M(), a = (o) => () => t(o);
+  const n = E(), a = (o) => () => t(o);
   return /* @__PURE__ */ r($, { children: zv.map((o) => /* @__PURE__ */ r(_.ToggleButton, {
     label: n(`graph.annotations.textToolbar.align.${o.alignment}`),
-    isPressed: o.alignment === e,
+    pressed: o.alignment === e,
     onClick: a(o.alignment),
     children: /* @__PURE__ */ r(o.Icon, {
       size: "sm",
@@ -10447,10 +10447,10 @@ var Cl = ({ width: e }) => me(60, e), $v = (e, t) => ({
     width: t,
     shift: 0
   };
-  const s = Lc(n).x, c = Wv(e.offset, l), d = Mn({
+  const s = Lc(n).x, c = Wv(e.offset, l), d = En({
     start: e.x + c - s * t,
     extent: t,
-    isStartMoving: a === "left",
+    moveStartEdge: a === "left",
     delta: o,
     minExtent: i
   }), u = d.start + s * d.extent - c;
@@ -10462,7 +10462,7 @@ var Cl = ({ width: e }) => me(60, e), $v = (e, t) => ({
     width: d.extent,
     shift: u - e.x
   };
-}, wl = (e, t) => e.at.x === t.at.x && e.width === t.width, Wv = (e, t) => e?.x === void 0 ? 0 : e.unit === "px" ? me(e.x, t) : e.x, Mt = (e, t) => {
+}, wl = (e, t) => e.at.x === t.at.x && e.width === t.width, Wv = (e, t) => e?.x === void 0 ? 0 : e.unit === "px" ? me(e.x, t) : e.x, Et = (e, t) => {
   const n = e.textAnnotations.find((a) => a.id === t);
   return n === void 0 || n.at.anchorType !== "panel" ? null : {
     at: n.at,
@@ -10477,7 +10477,7 @@ var Cl = ({ width: e }) => me(60, e), $v = (e, t) => ({
     return Fn(j(e, "text-resize-drag"), this.params.annotationId);
   }
   resolvePreview(e) {
-    const { annotationId: t, edge: n, press: a, readInputs: o } = this.params, { annotations: i, panelRect: l } = o(), s = Mt(i, t);
+    const { annotationId: t, edge: n, press: a, readInputs: o } = this.params, { annotations: i, panelRect: l } = o(), s = Et(i, t);
     if (s === null) return null;
     const c = qt(a, e, l).x;
     return {
@@ -10494,7 +10494,7 @@ var Cl = ({ width: e }) => me(60, e), $v = (e, t) => ({
     };
   }
   commit(e) {
-    const { annotationId: t, dispatch: n, readInputs: a } = this.params, o = Mt(a().annotations, t);
+    const { annotationId: t, dispatch: n, readInputs: a } = this.params, o = Et(a().annotations, t);
     o === null || wl(o, e) || n(new ve({
       kind: "text",
       id: t,
@@ -10519,7 +10519,7 @@ var Cl = ({ width: e }) => me(60, e), $v = (e, t) => ({
   }));
 }, qv = 4, jv = ({ annotationId: e, panelRect: t }) => {
   const { commands: n } = H(), a = U(), o = R((l) => l.spec.annotations), i = (l, s) => {
-    const c = Mt(o, e);
+    const c = Et(o, e);
     return c === null ? null : {
       kind: "text-resize-drag",
       annotationId: e,
@@ -10541,7 +10541,7 @@ var Cl = ({ width: e }) => me(60, e), $v = (e, t) => ({
       return d === null ? null : i(s, l.delta + d);
     },
     commit: (l) => {
-      const s = Mt(o, e);
+      const s = Et(o, e);
       s === null || wl(s, l) || n.dispatch(new ve({
         kind: "text",
         id: e,
@@ -10567,14 +10567,14 @@ var Cl = ({ width: e }) => me(60, e), $v = (e, t) => ({
   return n === null || i === null ? null : /* @__PURE__ */ r(Yv, {
     annotation: n,
     textBox: i,
-    isSettled: a.resized === null && !a.isMoved,
-    isMoved: a.isMoved,
-    isResizable: n.at.anchorType === "panel",
+    settled: a.resized === null && !a.moving,
+    moving: a.moving,
+    resizable: n.at.anchorType === "panel",
     hasCaret: o,
     ...e
   });
-}, Yv = ({ annotation: e, textBox: t, isSettled: n, isMoved: a, isResizable: o, hasCaret: i, panelRect: l, frameRect: s, frameElement: c }) => {
-  const d = M(), u = Kv({
+}, Yv = ({ annotation: e, textBox: t, settled: n, moving: a, resizable: o, hasCaret: i, panelRect: l, frameRect: s, frameElement: c }) => {
+  const d = E(), u = Kv({
     annotationId: e.id,
     panelRect: l
   }), h = jv({
@@ -10615,12 +10615,12 @@ var Cl = ({ width: e }) => me(60, e), $v = (e, t) => ({
   return e === null ? null : t.find((n) => n.id === e) ?? null;
 }, Qv = (e) => ee(xe((t) => e === null ? {
   resized: null,
-  isMoved: !1
+  moving: !1
 } : {
   resized: Fn(j(t, "text-resize-drag"), e),
-  isMoved: Nt(j(t, "move-drag"), e) !== null
+  moving: Nt(j(t, "move-drag"), e) !== null
 })), ef = (e, t, n) => {
-  const a = De(e), o = Ba(), i = W(), l = E(() => ({
+  const a = De(e), o = Ba(), i = W(), l = M(() => ({
     panel: {
       width: e.width,
       height: e.height
@@ -10656,7 +10656,7 @@ var of = "_1tyillx2", lf = {
   closed: "_1tyillx7",
   open: "_1tyillx8"
 }, df = ({ interaction: e, panelRect: t }) => {
-  const n = U(), a = W().editOutline.selected().resolve().stroke, o = e.kind === "trigger" || e.kind === "menu" ? e.anchor : null, i = uf(e), l = E(() => {
+  const n = U(), a = W().editOutline.selected().resolve().stroke, o = e.kind === "trigger" || e.kind === "menu" ? e.anchor : null, i = uf(e), l = M(() => {
     if (o === null) return null;
     const s = yt(o.position, t);
     return {
@@ -10692,7 +10692,7 @@ var of = "_1tyillx2", lf = {
       children: /* @__PURE__ */ r(tf, { size: "lg" })
     })
   });
-}, uf = (e) => e.kind === "menu" ? "open" : e.kind === "trigger" && e.isEngaged ? "hovered" : "rest", hf = 'button:not([disabled]):not([tabindex="-1"]), [tabindex]:not([tabindex="-1"])', pf = (e, t) => {
+}, uf = (e) => e.kind === "menu" ? "open" : e.kind === "trigger" && e.engaged ? "hovered" : "rest", hf = 'button:not([disabled]):not([tabindex="-1"]), [tabindex]:not([tabindex="-1"])', pf = (e, t) => {
   const { chartId: n } = H(), a = U();
   z(() => {
     if (t === null) return;
@@ -10711,7 +10711,7 @@ var of = "_1tyillx2", lf = {
     n,
     a
   ]);
-}, mf = (e, t) => typeof document.elementsFromPoint == "function" ? document.elementsFromPoint(e, t) : [], kl = (e, t, n) => Et(mf(e, t), n), gf = (e) => {
+}, mf = (e, t) => typeof document.elementsFromPoint == "function" ? document.elementsFromPoint(e, t) : [], kl = (e, t, n) => Mt(mf(e, t), n), gf = (e) => {
   const { selectionStore: t, chartId: n } = H(), a = U();
   z(() => {
     let o = null;
@@ -10812,13 +10812,13 @@ var of = "_1tyillx2", lf = {
     if (p !== null) return {
       layerId: l.id,
       observationIndex: s,
-      isOnObservation: c,
+      onObservation: c,
       target: p
     };
   }
   return null;
 }, xf = (e, t, n) => {
-  if (!e.isOnObservation || e.target.scope !== "series") return null;
+  if (!e.onObservation || e.target.scope !== "series") return null;
   const a = Z(t, e.layerId);
   return a === void 0 ? null : tt({
     layer: a,
@@ -10833,7 +10833,7 @@ var of = "_1tyillx2", lf = {
   }, s);
   if (!(n instanceof Element && i.contains(n))) return {
     targetAtPoint: Sr({
-      isMenuTrigger: h,
+      overMenuTrigger: h,
       stamped: ba(!1, !1, e, t),
       observations: null
     }),
@@ -10845,7 +10845,7 @@ var of = "_1tyillx2", lf = {
     scales: u.scales,
     parsingLocale: u.config.parsingLocale
   }), b = f !== null && t.hasOverlayMenu(f.target) ? f : null, C = Sr({
-    isMenuTrigger: h,
+    overMenuTrigger: h,
     stamped: ba(p, b !== null, e, t),
     observations: b
   });
@@ -10860,7 +10860,7 @@ var of = "_1tyillx2", lf = {
   if (!a && l.coordSystem.type === "cartesian" && e && t) return null;
   const c = e || a ? kl(n.clientX, n.clientY, i) : kf(n.target, i);
   return c === null ? null : (c.kind === "annotation" ? a : o && s(c.target)) ? c : null;
-}, kf = (e, t) => e instanceof Element ? Et([e], t) : null, Tf = (e, t, n) => {
+}, kf = (e, t) => e instanceof Element ? Mt([e], t) : null, Tf = (e, t, n) => {
   const a = Gt({
     x: e.clientX - t.left,
     y: e.clientY - t.top
@@ -10894,7 +10894,7 @@ var of = "_1tyillx2", lf = {
       translation: e
     }));
   }
-}, Pf = (e, { canSelectGraph: t, isWithinFrame: n, caretAnnotationId: a }) => {
+}, Pf = (e, { canSelectGraph: t, withinFrame: n, caretAnnotationId: a }) => {
   switch (e?.kind) {
     case "annotation":
       return e.target.id === a ? { kind: "keep-caret" } : {
@@ -10918,7 +10918,7 @@ var of = "_1tyillx2", lf = {
     kind: "select-graph",
     target: { kind: "graph" }
   } : { kind: "clear" };
-}, Lf = ({ target: e, observationIndex: t, isOnObservation: n }) => e.scope === "x-value" ? {
+}, Lf = ({ target: e, observationIndex: t, onObservation: n }) => e.scope === "x-value" ? {
   kind: "select-band",
   target: e
 } : {
@@ -10926,7 +10926,7 @@ var of = "_1tyillx2", lf = {
   target: e,
   observationIndex: n ? t : null
 }, If = (e, t, n, a, o) => {
-  const { commands: i, selectionStore: l, store: s } = H(), c = U(), d = R((b) => b.spec.annotations), u = Ne[Me()], h = ne(u.graphPress), p = ne({
+  const { commands: i, selectionStore: l, store: s } = H(), c = U(), d = R((b) => b.spec.annotations), u = Ne[Ee()], h = ne(u.graphPress), p = ne({
     annotations: d,
     panelRect: n
   }), g = ne(t), m = ne(o), f = ae(null);
@@ -10941,7 +10941,7 @@ var of = "_1tyillx2", lf = {
     }, a()).targetAtPoint, C = (w) => {
       if (!(w.target instanceof Element)) return !1;
       const A = w.target.closest(Oa);
-      return A !== null && e.contains(A) && Et([w.target], e) === null;
+      return A !== null && e.contains(A) && Mt([w.target], e) === null;
     }, P = (w, A) => {
       if (f.current !== null || !Fs(p.current.annotations, A.id)) return;
       try {
@@ -10988,7 +10988,7 @@ var of = "_1tyillx2", lf = {
       if (w.button !== 0 || fn(w.target) || Go(w, g.current, c.getState().menuTrigger) || C(w) || un(w.target, e)) return;
       const A = Pf(b(w), {
         canSelectGraph: h.current && a().hasOverlayMenu({ kind: "graph" }),
-        isWithinFrame: w.target instanceof Node && e.contains(w.target),
+        withinFrame: w.target instanceof Node && e.contains(w.target),
         caretAnnotationId: c.getState().caret?.annotationId ?? null
       });
       A.kind !== "keep-caret" && (c.getState().setCaret(null), k(w, A));
@@ -11046,8 +11046,8 @@ var of = "_1tyillx2", lf = {
     h,
     a
   ]);
-}, Mf = (e) => {
-  const { selectionStore: t, commands: n, chartId: a } = H(), o = U(), i = ne(R((u) => u.spec.annotations.textAnnotations)), { annotations: l } = Ne[Me()], s = re((u) => {
+}, Ef = (e) => {
+  const { selectionStore: t, commands: n, chartId: a } = H(), o = U(), i = ne(R((u) => u.spec.annotations.textAnnotations)), { annotations: l } = Ne[Ee()], s = re((u) => {
     const { selection: h } = t.getState(), p = l ? In(h) : null;
     p !== null && (u.preventDefault(), n.dispatch(new $e({ id: p })), e.focus({ preventScroll: !0 }));
   }, [
@@ -11085,7 +11085,7 @@ var of = "_1tyillx2", lf = {
   z(() => {
     const u = (h) => {
       if (!Ye(h.target, e, a) || Ho(h.target)) return;
-      const p = Ef(h.target), g = o.getState().caret !== null && !ft(h.target, a);
+      const p = Mf(h.target), g = o.getState().caret !== null && !ft(h.target, a);
       if (!(p && !g))
         switch (h.key) {
           case "Escape":
@@ -11108,8 +11108,8 @@ var of = "_1tyillx2", lf = {
     a,
     o
   ]);
-}, Ef = (e) => e instanceof HTMLElement && (e.isContentEditable || e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement), Of = (e, t) => {
-  const n = U(), { store: a } = H(), { engine: o, overlayRef: i } = et(), l = ne(t), { annotations: s, observationsPress: c, guidePress: d, tolerance: u } = Ne[Me()], h = Rs(), p = Wt(), g = c && !h;
+}, Mf = (e) => e instanceof HTMLElement && (e.isContentEditable || e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement), Of = (e, t) => {
+  const n = U(), { store: a } = H(), { engine: o, overlayRef: i } = et(), l = ne(t), { annotations: s, observationsPress: c, guidePress: d, tolerance: u } = Ne[Ee()], h = Rs(), p = Wt(), g = c && !h;
   return re(() => ({
     frameElement: e,
     captureRect: i.current,
@@ -11136,11 +11136,11 @@ var of = "_1tyillx2", lf = {
     a
   ]);
 }, Rf = () => {
-  const e = Ne[Me()].observationMenu, t = bs((l) => e ? l.hover.primary : null), { layers: n, coordSystem: a } = R(xe((l) => ({
+  const e = Ne[Ee()].observationMenu, t = bs((l) => e ? l.hover.primary : null), { layers: n, coordSystem: a } = R(xe((l) => ({
     layers: l.layers,
     coordSystem: l.coordSystem
   }))), { anchorResolver: o } = H(), i = Va();
-  return E(() => {
+  return M(() => {
     if (t === null) return null;
     const l = n.find((d) => d.id === t.layerId);
     if (l === void 0) return null;
@@ -11167,10 +11167,10 @@ var of = "_1tyillx2", lf = {
   ]);
 }, Nf = { kind: "idle" }, Al = () => {
   const e = ee((a) => a.standingInteraction), t = ee((a) => a.editTargetUnderPointer?.kind === "menu-trigger"), n = Rf();
-  return E(() => e !== null ? e : n === null ? Nf : {
+  return M(() => e !== null ? e : n === null ? Nf : {
     kind: "trigger",
     anchor: n,
-    isEngaged: t
+    engaged: t
   }, [
     e,
     n,
@@ -11216,13 +11216,13 @@ var of = "_1tyillx2", lf = {
     d
   ]);
 }, Ff = (e, t, n) => {
-  const a = U(), { store: o } = H(), { store: i } = et(), l = ne(t), s = Ne[Me()].observationsPress;
-  z(() => (i.getState().setQueryOwnedByEditor(s), () => i.getState().setQueryOwnedByEditor(!1)), [i, s]), z(() => {
+  const a = U(), { store: o } = H(), { store: i } = et(), l = ne(t), s = Ne[Ee()].observationsPress;
+  z(() => (i.getState().setEditorOwnsQuery(s), () => i.getState().setEditorOwnsQuery(!1)), [i, s]), z(() => {
     let c = null, d = null, u = !1;
     const h = (x) => {
       if (!s) return;
       const I = i.getState();
-      I.isPointerSuspended || x === null && I.hover.primary === null || I.setHoverState(x ?? Vn);
+      I.suspendsHover || x === null && I.hover.primary === null || I.setHoverState(x ?? Vn);
     }, p = () => {
       if (c = null, d === null) return;
       const x = a.getState();
@@ -11288,10 +11288,10 @@ var of = "_1tyillx2", lf = {
       return !1;
   }
 }, ya = "editor", Sa = [], Bf = (e, t, n, a, o) => {
-  const i = Al(), { store: l } = et(), s = Rt().length > 0, c = Ne[Me()].holdsHoverWhileSelected, d = ee((m) => m.menuTrigger), u = i.kind === "menu", h = E(() => d === null ? Sa : [Mc(d)], [d]), p = Of(e, t);
-  Ff(e, t, p), If(e, t, n, p, o), _f(i, t, n), gf(e), Mf(e), pf(e, a), z(() => (l.getState().publishPointerRegions(ya, h), () => l.getState().publishPointerRegions(ya, Sa)), [l, h]);
+  const i = Al(), { store: l } = et(), s = Rt().length > 0, c = Ne[Ee()].holdsHoverWhileSelected, d = ee((m) => m.menuTrigger), u = i.kind === "menu", h = M(() => d === null ? Sa : [Ec(d)], [d]), p = Of(e, t);
+  Ff(e, t, p), If(e, t, n, p, o), _f(i, t, n), gf(e), Ef(e), pf(e, a), z(() => (l.getState().publishPointerRegions(ya, h), () => l.getState().publishPointerRegions(ya, Sa)), [l, h]);
   const g = u || s && c;
-  z(() => (l.getState().setPointerSuspended(g), () => l.getState().setPointerSuspended(!1)), [l, g]), z(() => {
+  z(() => (l.getState().setSuspendsHover(g), () => l.getState().setSuspendsHover(!1)), [l, g]), z(() => {
     if (!s || !c) return;
     const m = l.getState();
     m.setHoverState(Vn), m.setTooltipAnchor(null);
@@ -11300,8 +11300,8 @@ var of = "_1tyillx2", lf = {
     s,
     c
   ]);
-}, Hf = ({ frameElement: e, panelRect: t, formattedAxes: n, shouldAnimateTransitions: a }) => {
-  const { measureRef: o, screenRect: i } = Ql(), { selectionStore: l } = H(), s = U(), c = ee((h) => h.caret?.annotationId ?? null), d = Me(), u = ae(d);
+}, Hf = ({ frameElement: e, panelRect: t, formattedAxes: n, animateTransitions: a }) => {
+  const { measureRef: o, screenRect: i } = Ql(), { selectionStore: l } = H(), s = U(), c = ee((h) => h.caret?.annotationId ?? null), d = Ee(), u = ae(d);
   return z(() => (o(e), () => o(null)), [o, e]), z(() => () => {
     const h = s.getState();
     h.releaseInteraction("menu"), h.setCaret(null), h.setPressedObservation(null);
@@ -11322,7 +11322,7 @@ var of = "_1tyillx2", lf = {
     frameRect: i,
     panelRect: t,
     formattedAxes: n,
-    shouldAnimateTransitions: a
+    animateTransitions: a
   })] });
 }, Gf = ({ annotationId: e, panelRect: t }) => {
   const n = U(), { textAnnotations: a } = De(t);
@@ -11333,8 +11333,8 @@ var of = "_1tyillx2", lf = {
     a,
     n
   ]), null;
-}, Vf = ({ frameElement: e, frameRect: t, panelRect: n, formattedAxes: a, shouldAnimateTransitions: o }) => {
-  const i = E(() => ({
+}, Vf = ({ frameElement: e, frameRect: t, panelRect: n, formattedAxes: a, animateTransitions: o }) => {
+  const i = M(() => ({
     x: t.left + n.x,
     y: t.top + n.y
   }), [
@@ -11349,10 +11349,10 @@ var of = "_1tyillx2", lf = {
     panelOrigin: i,
     panelRect: n,
     boxRef: s,
-    shouldAnimateTransitions: o
+    animateTransitions: o
   });
-}, $f = ({ frameElement: e, frameRect: t, panelOrigin: n, panelRect: a, boxRef: o, shouldAnimateTransitions: i }) => {
-  const l = We(), s = Al(), { annotations: c, editOutline: d, overlayMenu: u } = Ne[Me()], h = E(() => ({
+}, $f = ({ frameElement: e, frameRect: t, panelOrigin: n, panelRect: a, boxRef: o, animateTransitions: i }) => {
+  const l = We(), s = Al(), { annotations: c, editOutline: d, overlayMenu: u } = Ne[Ee()], h = M(() => ({
     width: t.width,
     height: t.height
   }), [t.width, t.height]);
@@ -11360,7 +11360,7 @@ var of = "_1tyillx2", lf = {
     frameElement: e,
     frameSize: h,
     panelRect: a,
-    shouldAnimateTransitions: i
+    animateTransitions: i
   }), /* @__PURE__ */ r(Qg, { frameRect: t })] }), /* @__PURE__ */ r(Wp, {
     rect: t,
     zIndex: Xl.editorOverlay,
@@ -11407,7 +11407,7 @@ var of = "_1tyillx2", lf = {
       u && /* @__PURE__ */ r(Yg, { frameElement: e })
     ] })
   })] });
-}, Wf = {}, i3 = ({ slots: e, mode: t, palettePresets: n = Wf, editMenus: a, ...o }) => /* @__PURE__ */ r(Eo, {
+}, Wf = {}, i3 = ({ slots: e, mode: t, palettePresets: n = Wf, editMenus: a, ...o }) => /* @__PURE__ */ r(Mo, {
   locale: zn(),
   children: /* @__PURE__ */ r(_m, {
     editMenus: a,
@@ -11415,8 +11415,8 @@ var of = "_1tyillx2", lf = {
       value: n,
       children: /* @__PURE__ */ r(Zl, {
         editors: Vp,
-        children: /* @__PURE__ */ r(Ms, {
-          slots: E(() => ({
+        children: /* @__PURE__ */ r(Es, {
+          slots: M(() => ({
             EditorSurface: Hf,
             ...e
           }), [e]),
@@ -11432,7 +11432,7 @@ var of = "_1tyillx2", lf = {
 }), Kf = "_139ohwv0", oe = ({ children: e }) => /* @__PURE__ */ r("div", {
   className: Kf,
   children: e
-}), Ll = Ee(null), qf = Ll.Provider, jf = () => {
+}), Ll = Me(null), qf = Ll.Provider, jf = () => {
   const e = he(Ll);
   if (!e) throw new Error("A section must be rendered inside <EditorPanel.Root>.");
   return e;
@@ -11455,7 +11455,7 @@ var Qf = () => () => {
   return !o && t && (i = /* @__PURE__ */ r(Is, {
     colorScheme: t.colorScheme,
     children: i
-  })), a || (i = /* @__PURE__ */ r(Eo, {
+  })), a || (i = /* @__PURE__ */ r(Mo, {
     locale: n,
     children: i
   })), i;
@@ -11463,7 +11463,7 @@ var Qf = () => () => {
   Root: t5,
   Controls: Yf
 }, n5 = ({ handle: e, children: t, controls: n, defaultExpandedSection: a = void 0, className: o }) => {
-  const i = Bn(e), { themeClass: l, inlineVarsStyle: s } = Ot(), [c, d] = X(() => a ? [a] : []), u = E(() => ({
+  const i = Bn(e), { themeClass: l, inlineVarsStyle: s } = Ot(), [c, d] = X(() => a ? [a] : []), u = M(() => ({
     expandSection: (h) => d([h]),
     collapseAllSections: () => d([])
   }), []);
@@ -11493,7 +11493,7 @@ var Qf = () => () => {
     strokeLinejoin: "round",
     children: /* @__PURE__ */ r("path", { d: "m9 6 6 6-6 6" })
   })
-}), vr = "_40zvwv0", fr = "_40zvwv1", o5 = "_40zvwv2", Ml = "_40zvwv3", i5 = "_40zvwv4 _40zvwv3";
+}), vr = "_40zvwv0", fr = "_40zvwv1", o5 = "_40zvwv2", El = "_40zvwv3", i5 = "_40zvwv4 _40zvwv3";
 var l5 = "_40zvwv6";
 var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory: a, onOpenChange: o, children: i }) => t === "collapsible" ? /* @__PURE__ */ r(d5, {
   title: e,
@@ -11511,7 +11511,7 @@ var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory
     className: fr,
     children: [
       /* @__PURE__ */ r("span", {
-        className: Ml,
+        className: El,
         children: e
       }),
       n !== void 0 && /* @__PURE__ */ r("span", {
@@ -11553,7 +11553,7 @@ var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory
     })
   });
 }, d5 = ({ title: e, preview: t, accessory: n, onOpenChange: a, children: o }) => {
-  const i = M();
+  const i = E();
   return /* @__PURE__ */ v(je.Item, {
     value: e,
     className: vr,
@@ -11567,7 +11567,7 @@ var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory
           "aria-label": i("editor.accessibility.toggleSection", { title: e })
         }),
         /* @__PURE__ */ r("span", {
-          className: Ml,
+          className: El,
           children: e
         }),
         t !== void 0 && /* @__PURE__ */ r("span", {
@@ -11585,7 +11585,7 @@ var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory
       ]
     }), /* @__PURE__ */ r(je.Panel, { children: /* @__PURE__ */ r("div", { children: o }) })]
   });
-}, u5 = ({ title: e, isChecked: t, onToggle: n, isDisabled: a, preview: o, children: i }) => {
+}, u5 = ({ title: e, checked: t, onToggle: n, disabled: a, preview: o, children: i }) => {
   const { expandSection: l, collapseAllSections: s } = jf(), { Switch: c } = F();
   return /* @__PURE__ */ r(Y, {
     title: e,
@@ -11595,11 +11595,11 @@ var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory
       h && !t && a !== !0 && n(!0);
     },
     accessory: /* @__PURE__ */ r(c, {
-      isChecked: t,
+      checked: t,
       onChange: (h) => {
         n(h), h ? l(e) : s();
       },
-      isDisabled: a,
+      disabled: a,
       ariaLabel: e
     }),
     children: i
@@ -11616,7 +11616,7 @@ var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory
   x: "editor.axesPanel.mainAxisSection.xAxis",
   y: "editor.axesPanel.mainAxisSection.yAxis"
 }, Ca = ({ axis: e, title: t, layout: n = "collapsible", preview: a }) => {
-  const o = q(), i = K(o), l = M(), { NumberField: s, Switch: c, TextField: d, ToggleGroup: u } = F();
+  const o = q(), i = K(o), l = E(), { NumberField: s, Switch: c, TextField: d, ToggleGroup: u } = F();
   if (!i) return null;
   const h = i.coordSystem.type === "polar" ? i.coordSystem.axisMapping[e].geometry : "linear", p = i.config.axes[e], g = i.scales[e], m = g?.spec, f = m?.scaleType === "continuous" ? m : void 0;
   if (h === "circular" || h === "radial" && f === void 0) return null;
@@ -11633,7 +11633,7 @@ var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory
   ], (O) => l(O === "zero" ? "editor.axesPanel.startFrom.zero" : O === "custom" ? "editor.axesPanel.startFrom.custom" : "editor.axesPanel.startFrom.auto")), Yt = w(["auto", "custom"], (O) => l(O === "custom" ? "editor.axesPanel.endAt.custom" : "editor.axesPanel.endAt.auto")), Dl = w(["no", "yes"], (O) => l(O === "yes" ? "editor.axesPanel.yesNo.yes" : "editor.axesPanel.yesNo.no")), _l = w(["single", "double"], (O) => l(O === "double" ? "editor.axesPanel.axisCount.double" : "editor.axesPanel.axisCount.single")), Fl = (O) => {
     o.commands.dispatch(new hn({
       axis: e,
-      isVisible: O
+      visible: O
     }));
   }, zl = (O) => {
     o.commands.dispatch(new Ua({
@@ -11643,7 +11643,7 @@ var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory
   }, Bl = (O) => {
     o.commands.dispatch(new rc({
       axis: e,
-      isVisible: O
+      visible: O
     }));
   }, Hl = (O) => {
     o.commands.dispatch(new qa({
@@ -11701,7 +11701,7 @@ var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory
       /* @__PURE__ */ r(T, {
         label: l("editor.axesPanel.controls.visible"),
         children: /* @__PURE__ */ r(c, {
-          isChecked: p.isVisible,
+          checked: p.visible,
           onChange: Fl
         })
       }),
@@ -11723,7 +11723,7 @@ var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory
       }), /* @__PURE__ */ r(T, {
         label: l("editor.axesPanel.controls.ticks"),
         children: /* @__PURE__ */ r(c, {
-          isChecked: p.ticks.isVisible,
+          checked: p.ticks.visible,
           onChange: Bl
         })
       })] }),
@@ -11801,23 +11801,23 @@ var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory
   const n = t === "start" ? e?.[0] : e?.[e.length - 1];
   return typeof n == "number" ? n : 0;
 }, br = ({ value: e, onChange: t }) => {
-  const n = q(), a = M(), { TextField: o } = F(), i = e !== null && typeof e != "string", l = (s) => t(s === "" ? null : s);
+  const n = q(), a = E(), { TextField: o } = F(), i = e !== null && typeof e != "string", l = (s) => t(s === "" ? null : s);
   return /* @__PURE__ */ r(T, {
     label: a("editor.elementsPanel.contentValue"),
     children: /* @__PURE__ */ r(o, {
       value: typeof e == "string" ? e : "",
       onChange: l,
       onCommit: n.commands.commit,
-      isDisabled: i
+      disabled: i
     })
   });
 }, v5 = ({ title: e, layout: t = "collapsible", preview: n }) => {
-  const a = q(), o = K(a), i = M(), { Switch: l } = F();
+  const a = q(), o = K(a), i = E(), { Switch: l } = F();
   if (!o) return null;
   const s = o.config.content, c = (u) => {
     a.commands.dispatch(new Dt({
       part: "caption",
-      isVisible: u
+      visible: u
     }));
   }, d = (u) => {
     a.commands.dispatch(new Xa({ caption: u }), { transient: !0 });
@@ -11829,7 +11829,7 @@ var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory
     children: /* @__PURE__ */ v(oe, { children: [/* @__PURE__ */ r(T, {
       label: i("editor.elementsPanel.contentVisible"),
       children: /* @__PURE__ */ r(l, {
-        isChecked: s.isCaptionVisible,
+        checked: s.showCaption,
         onChange: c
       })
     }), /* @__PURE__ */ r(br, {
@@ -11838,12 +11838,12 @@ var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory
     })] })
   });
 }, wa = /^[a-z][a-z\d+.-]*:/i, f5 = {}, b5 = ({ title: e, layout: t = "collapsible", preview: n }) => {
-  const a = q(), o = K(a), i = M(), { Switch: l } = F();
+  const a = q(), o = K(a), i = E(), { Switch: l } = F();
   if (!o) return null;
   const s = o.config.content, c = (d) => {
     a.commands.dispatch(new Dt({
       part: "source",
-      isVisible: d
+      visible: d
     }));
   };
   return /* @__PURE__ */ r(Y, {
@@ -11853,13 +11853,13 @@ var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory
     children: /* @__PURE__ */ v(oe, { children: [/* @__PURE__ */ r(T, {
       label: i("editor.elementsPanel.contentVisible"),
       children: /* @__PURE__ */ r(l, {
-        isChecked: s.isSourceVisible,
+        checked: s.showSource,
         onChange: c
       })
     }), /* @__PURE__ */ r(y5, { source: s.source ?? f5 })] })
   });
 }, y5 = ({ source: e }) => {
-  const t = q(), n = M(), { TextField: a } = F(), o = (c) => {
+  const t = q(), n = E(), { TextField: a } = F(), o = (c) => {
     const d = (c.label ?? "") !== "" || (c.url ?? "") !== "";
     t.commands.dispatch(new oc({ source: d ? c : null }), { transient: !0 });
   }, i = () => {
@@ -11892,12 +11892,12 @@ var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory
     })
   })] });
 }, S5 = ({ title: e, layout: t = "collapsible", preview: n }) => {
-  const a = q(), o = K(a), i = M(), { Switch: l } = F();
+  const a = q(), o = K(a), i = E(), { Switch: l } = F();
   if (!o) return null;
   const s = o.config.content, c = (u) => {
     a.commands.dispatch(new Dt({
       part: "subtitle",
-      isVisible: u
+      visible: u
     }));
   }, d = (u) => {
     a.commands.dispatch(new Za({ subtitle: u }), { transient: !0 });
@@ -11909,7 +11909,7 @@ var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory
     children: /* @__PURE__ */ v(oe, { children: [/* @__PURE__ */ r(T, {
       label: i("editor.elementsPanel.contentVisible"),
       children: /* @__PURE__ */ r(l, {
-        isChecked: s.isSubtitleVisible,
+        checked: s.showSubtitle,
         onChange: c
       })
     }), /* @__PURE__ */ r(br, {
@@ -11918,11 +11918,11 @@ var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory
     })] })
   });
 }, lt = (e) => {
-  const { colorScheme: t } = Ot(), n = E(() => zc({ colorScheme: t }), [t]);
-  return E(() => e === null ? null : n.readers(e), [e, n]);
-}, El = (e, t, n) => {
+  const { colorScheme: t } = Ot(), n = M(() => zc({ colorScheme: t }), [t]);
+  return M(() => e === null ? null : n.readers(e), [e, n]);
+}, Ml = (e, t, n) => {
   const a = lt(e);
-  return E(() => {
+  return M(() => {
     if (a === null || e === null || t === null) return null;
     const o = Z(e.layers, t);
     return o === void 0 ? null : a.geom[n](o);
@@ -11944,7 +11944,7 @@ var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory
   3,
   4
 ], C5 = On.length / 2, x5 = { select: { target: "graph" } }, w5 = ({ title: e, layout: t = "collapsible", preview: n }) => {
-  const a = q(), o = K(a), i = M(), { RadioGrid: l } = F(), s = lt(o);
+  const a = q(), o = K(a), i = E(), { RadioGrid: l } = F(), s = lt(o);
   if (!o || !s) return null;
   const c = s.graph().get("textScale"), d = (p) => i("editor.elementsPanel.textSizeSection.scaleFormat", { value: `${p}` }), u = On.map((p) => ({
     value: `${p}`,
@@ -11977,12 +11977,12 @@ var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory
     })
   });
 }, k5 = ({ title: e, layout: t = "collapsible", preview: n }) => {
-  const a = q(), o = K(a), i = M(), { Switch: l } = F();
+  const a = q(), o = K(a), i = E(), { Switch: l } = F();
   if (!o) return null;
   const s = o.config.content, c = (u) => {
     a.commands.dispatch(new Dt({
       part: "title",
-      isVisible: u
+      visible: u
     }));
   }, d = (u) => {
     a.commands.dispatch(new Ya({ title: u }), { transient: !0 });
@@ -11994,7 +11994,7 @@ var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory
     children: /* @__PURE__ */ v(oe, { children: [/* @__PURE__ */ r(T, {
       label: i("editor.elementsPanel.contentVisible"),
       children: /* @__PURE__ */ r(l, {
-        isChecked: s.isTitleVisible,
+        checked: s.showTitle,
         onChange: c
       })
     }), /* @__PURE__ */ r(br, {
@@ -12015,7 +12015,7 @@ var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory
   ...t,
   children: e ?? /* @__PURE__ */ v($, { children: [/* @__PURE__ */ r(Ca, { axis: "x" }), /* @__PURE__ */ r(Ca, { axis: "y" })] })
 }), jt = (e) => `${e}px`, Ol = (e) => `${Math.round(e * 100)}%`, T5 = (e) => `${e}°`, A5 = 24, P5 = { select: { target: "graph" } }, ka = ["dim", "desaturate"], d3 = ({ title: e, layout: t = "collapsible", preview: n }) => {
-  const a = q(), o = K(a), i = M(), { Slider: l, ToggleGroup: s } = F(), c = lt(o);
+  const a = q(), o = K(a), i = E(), { Slider: l, ToggleGroup: s } = F(), c = lt(o);
   if (!o || !c) return null;
   const d = c.graph().get("cornerRadius"), u = sd(o.spec), h = ka.map((m) => ({
     value: m,
@@ -12061,7 +12061,7 @@ var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory
     })] })
   });
 }, L5 = 0.05, u3 = ({ title: e, layout: t = "collapsible", preview: n }) => {
-  const a = q(), o = K(a), i = M(), { Slider: l, ToggleGroup: s } = F(), c = o ? po(o.spec.layers, "bar") : void 0, d = El(o, c?.id ?? null, "bar");
+  const a = q(), o = K(a), i = E(), { Slider: l, ToggleGroup: s } = F(), c = o ? po(o.spec.layers, "bar") : void 0, d = Ml(o, c?.id ?? null, "bar");
   if (!o || !c || o.coordSystem.type === "polar" && o.coordSystem.bandAxis === null) return null;
   const u = (f) => {
     a.commands.dispatch(new ja({
@@ -12140,7 +12140,7 @@ var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory
     fill: "currentColor",
     d: "M12.0591 7.11C11.5767 7.11 11.1857 6.71899 11.1857 6.23664C11.1857 5.7543 11.5767 5.36328 12.0591 5.36328H24.8684C25.3507 5.36328 25.7417 5.7543 25.7417 6.23664V19.0459C25.7417 19.5283 25.3507 19.9193 24.8684 19.9193C24.386 19.9193 23.995 19.5283 23.995 19.0459V8.34512L6.8542 25.4859C6.51313 25.827 5.96015 25.827 5.61908 25.4859C5.27801 25.1448 5.27801 24.5919 5.61908 24.2508L22.7599 7.11H12.0591Z"
   })]
-}), M5 = (e) => /* @__PURE__ */ r(L, {
+}), E5 = (e) => /* @__PURE__ */ r(L, {
   viewBox: "0 0 32 32",
   ...e,
   children: /* @__PURE__ */ v(Xt, { children: [/* @__PURE__ */ r("path", {
@@ -12150,7 +12150,7 @@ var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory
     fill: "currentColor",
     d: "M24.25 9C24.25 8.30964 23.6904 7.75 23 7.75H9C8.30964 7.75 7.75 8.30964 7.75 9V23C7.75 23.6904 8.30964 24.25 9 24.25H23C23.6904 24.25 24.25 23.6904 24.25 23V9ZM25.75 23C25.75 24.5188 24.5188 25.75 23 25.75H9C7.48122 25.75 6.25 24.5188 6.25 23V9C6.25 7.48122 7.48122 6.25 9 6.25H23C24.5188 6.25 25.75 7.48122 25.75 9V23Z"
   })] })
-}), E5 = (e) => /* @__PURE__ */ v(L, {
+}), M5 = (e) => /* @__PURE__ */ v(L, {
   viewBox: "0 0 32 33",
   ...e,
   children: [/* @__PURE__ */ r(Xt, { children: /* @__PURE__ */ r("path", {
@@ -12189,7 +12189,7 @@ var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory
   x: 0.6,
   y: 0.4
 }, B5 = "relative-difference", h3 = ({ title: e, layout: t = "collapsible", preview: n }) => {
-  const a = q(), o = K(a), i = M(), { Button: l } = F();
+  const a = q(), o = K(a), i = E(), { Button: l } = F();
   if (!o) return null;
   const s = () => {
     a.commands.dispatch(new Te({
@@ -12261,13 +12261,13 @@ var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory
       }),
       /* @__PURE__ */ r(l, {
         variant: "tile",
-        icon: /* @__PURE__ */ r(M5, { size: "xl" }),
+        icon: /* @__PURE__ */ r(E5, { size: "xl" }),
         label: i("editor.annotatePanel.callOutSection.box"),
         onClick: d
       }),
       h && /* @__PURE__ */ r(l, {
         variant: "tile",
-        icon: /* @__PURE__ */ r(E5, { size: "xl" }),
+        icon: /* @__PURE__ */ r(M5, { size: "xl" }),
         label: i("editor.annotatePanel.callOutSection.difference"),
         onClick: u
       })
@@ -12283,7 +12283,7 @@ var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory
     }]
   }]
 }), p3 = ({ title: e, layout: t = "collapsible", preview: n }) => {
-  const a = q(), o = K(a), i = M(), { ToggleGroup: l } = F();
+  const a = q(), o = K(a), i = E(), { ToggleGroup: l } = F();
   if (!o) return null;
   const s = zt(o.spec);
   if (s === null || !se(s)) return null;
@@ -12309,7 +12309,7 @@ var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory
     })
   });
 }, G5 = 0.1, V5 = 20, m3 = ({ title: e, preview: t }) => {
-  const n = q(), a = K(n), o = M(), { NumberField: i, TextField: l } = F();
+  const n = q(), a = K(n), o = E(), { NumberField: i, TextField: l } = F();
   if (!a || a.coordSystem.type === "polar") return null;
   const s = $c(a.spec.layers), c = e ?? o("editor.annotationsPanel.goalSection.title"), d = id(s?.mapping.y), u = typeof d == "number" ? d : null, h = (m) => {
     const f = new Pc({
@@ -12336,7 +12336,7 @@ var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory
   return /* @__PURE__ */ r(u5, {
     title: c,
     preview: t,
-    isChecked: s !== void 0,
+    checked: s !== void 0,
     onToggle: h,
     children: /* @__PURE__ */ v(oe, { children: [/* @__PURE__ */ r(T, {
       label: o("editor.annotationsPanel.goalSection.labelControl"),
@@ -12366,7 +12366,7 @@ var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory
   const i = Math.min(V5, Math.max(0, 1 - Math.floor(Math.log10(o))));
   return Number((n + o * G5).toFixed(i));
 }, g3 = ({ layerId: e, title: t, layout: n = "collapsible", preview: a }) => {
-  const o = q(), i = K(o), l = M(), { Switch: s } = F();
+  const o = q(), i = K(o), l = E(), { Switch: s } = F();
   if (!i) return null;
   const c = e === void 0 ? i.layers[0] : Z(i.layers, e);
   if (!c) return null;
@@ -12408,39 +12408,39 @@ var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory
       /* @__PURE__ */ r(T, {
         label: l("editor.graphPanel.graphOptions.dataLabels"),
         children: /* @__PURE__ */ r(s, {
-          isChecked: d,
+          checked: d,
           onChange: m
         })
       }),
       g.supportsPercentages && /* @__PURE__ */ r(T, {
         label: l("editor.graphPanel.graphOptions.showPercentages"),
         children: /* @__PURE__ */ r(s, {
-          isChecked: u === "percentage",
+          checked: u === "percentage",
           onChange: f
         })
       }),
       g.supportsStackTotals && /* @__PURE__ */ r(T, {
         label: l("editor.graphPanel.graphOptions.stackTotals"),
         children: /* @__PURE__ */ r(s, {
-          isChecked: h,
+          checked: h,
           onChange: b
         })
       }),
       g.supportsCategoryLabels && /* @__PURE__ */ r(T, {
         label: l("editor.graphPanel.graphOptions.categoryLabels"),
         children: /* @__PURE__ */ r(s, {
-          isChecked: p,
+          checked: p,
           onChange: C
         })
       })
     ] })
   });
 }, W5 = 3, v3 = ({ title: e, layout: t = "collapsible", preview: n }) => {
-  const a = q(), o = K(a), i = M(), { RadioGrid: l } = F(), s = E(() => Qe.map(({ name: h, icon: p, summary: g }) => ({
+  const a = q(), o = K(a), i = E(), { RadioGrid: l } = F(), s = M(() => Qe.map(({ name: h, icon: p, summary: g }) => ({
     value: h,
     label: i(`editor.graphTypes.${h}`),
     icon: /* @__PURE__ */ r(p, { size: "md" }),
-    isDisabled: !gi(g, o?.spec)
+    disabled: !gi(g, o?.spec)
   })), [i, o]);
   if (!o) return null;
   const c = zt(o.spec), d = wt(c), u = (h) => {
@@ -12460,21 +12460,21 @@ var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory
     })
   });
 }, f3 = ({ title: e, layout: t = "collapsible", preview: n }) => {
-  const a = q(), o = K(a), i = M(), { Slider: l, Switch: s, ToggleGroup: c } = F(), d = lt(o), u = o !== null && d !== null ? Ii(o, d) : null;
+  const a = q(), o = K(a), i = E(), { Slider: l, Switch: s, ToggleGroup: c } = F(), d = lt(o), u = o !== null && d !== null ? Ii(o, d) : null;
   if (u === null) return null;
-  const h = u.axes.some((b) => b.gridVisible), p = At.map((b) => ({
+  const h = u.axes.some((b) => b.showGrid), p = At.map((b) => ({
     value: b,
     label: i(`editor.graphPanel.gridSection.lineStyles.${b}`)
   })), g = (b) => (C) => {
     a.commands.dispatch(new pn({
       axis: b,
-      isVisible: C
+      visible: C
     }));
   }, m = (b) => {
     const C = At.find((P) => P === b);
-    C !== void 0 && a.commands.dispatch(Mi(C));
+    C !== void 0 && a.commands.dispatch(Ei(C));
   }, f = (b) => {
-    a.commands.dispatch(Ei(b), { transient: !0 });
+    a.commands.dispatch(Mi(b), { transient: !0 });
   };
   return /* @__PURE__ */ r(Y, {
     title: e ?? i("editor.graphPanel.gridSection.title"),
@@ -12483,10 +12483,10 @@ var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory
     children: /* @__PURE__ */ v(oe, { children: [u.axes.map((b) => /* @__PURE__ */ r(T, {
       label: i(U5(b)),
       children: /* @__PURE__ */ r(s, {
-        isChecked: b.gridVisible,
+        checked: b.showGrid,
         onChange: g(b.scaleAestheticKey)
       })
-    }, b.scaleAestheticKey)), u.isStylable && h && /* @__PURE__ */ v($, { children: [/* @__PURE__ */ r(T, {
+    }, b.scaleAestheticKey)), u.stylable && h && /* @__PURE__ */ v($, { children: [/* @__PURE__ */ r(T, {
       label: i("editor.graphPanel.gridSection.gridStyle"),
       children: /* @__PURE__ */ r(c, {
         value: u.lineStyle,
@@ -12516,7 +12516,7 @@ var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory
   "medium",
   "large"
 ], b3 = ({ title: e, layout: t = "collapsible", preview: n }) => {
-  const a = q(), o = K(a), i = M(), { Switch: l, ToggleGroup: s } = F();
+  const a = q(), o = K(a), i = E(), { Switch: l, ToggleGroup: s } = F();
   if (!o) return null;
   const c = o.config.headline, d = c.show !== "none", u = o.coordSystem, h = u.type === "polar", p = u.type === "polar" && u.innerRadius > 0, g = o.layers.some((D) => D.summary.grandTotal !== void 0);
   if (h && !g) return null;
@@ -12556,7 +12556,7 @@ var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory
     children: /* @__PURE__ */ v(oe, { children: [/* @__PURE__ */ r(T, {
       label: i("editor.graphPanel.headlineNumberSection.toggle"),
       children: /* @__PURE__ */ r(l, {
-        isChecked: d,
+        checked: d,
         onChange: I
       })
     }), d && /* @__PURE__ */ v($, { children: [
@@ -12625,7 +12625,7 @@ var dn = [
   "pill",
   "direct"
 ], y3 = ({ positions: e, title: t, layout: n = "collapsible", preview: a }) => {
-  const o = q(), i = K(o), l = M(), { ToggleGroup: s } = F(), c = Ea();
+  const o = q(), i = K(o), l = E(), { ToggleGroup: s } = F(), c = Ma();
   if (!i) return null;
   const d = i.config.legend.position, u = e ?? dn, h = i.guides.legends.drawn[0], p = Oc({
     legendPosition: i.guides.legends.position,
@@ -12694,7 +12694,7 @@ var dn = [
     ] })
   });
 }, Z5 = 1, Y5 = 20, J5 = 0.5, Nl = ({ layerId: e }) => {
-  const t = q(), n = K(t), { Slider: a } = F(), o = El(n, e, "point");
+  const t = q(), n = K(t), { Slider: a } = F(), o = Ml(n, e, "point");
   if (!n) return null;
   const i = Z(n.layers, e)?.data?.findFirst((c) => (o?.get("size", c) ?? 0) > 0) ?? void 0, l = o?.get("size", i) ?? $a;
   return /* @__PURE__ */ r(a, {
@@ -12713,7 +12713,7 @@ var dn = [
     onCommit: t.commands.commit
   });
 }, S3 = ({ title: e, layout: t = "collapsible", preview: n }) => {
-  const a = q(), o = K(a), i = M(), { Select: l, Slider: s, Switch: c, ToggleGroup: d } = F(), u = lt(o), h = po(o?.spec.layers ?? [], "line", "area"), p = o && u && h ? lr(o, u, h.id) : null;
+  const a = q(), o = K(a), i = E(), { Select: l, Slider: s, Switch: c, ToggleGroup: d } = F(), u = lt(o), h = po(o?.spec.layers ?? [], "line", "area"), p = o && u && h ? lr(o, u, h.id) : null;
   if (!o || !p) return null;
   const g = p.missingValueOptions.map((I) => ({
     value: I,
@@ -12721,7 +12721,7 @@ var dn = [
   })), m = [{
     value: "auto",
     label: i("editor.graphPanel.numberFormat.options.auto"),
-    isDisabled: p.isWidthHeldBeneath
+    disabled: p.hasUnderlyingStrokeWidth
   }, {
     value: "custom",
     label: i("editor.graphPanel.numberFormat.options.custom")
@@ -12765,7 +12765,7 @@ var dn = [
       /* @__PURE__ */ r(T, {
         label: i("editor.graphPanel.graphOptions.showPoints"),
         children: /* @__PURE__ */ r(c, {
-          isChecked: p.showPoints,
+          checked: p.showPoints,
           onChange: f
         })
       }),
@@ -12776,14 +12776,14 @@ var dn = [
       p.showFill !== null && /* @__PURE__ */ r(T, {
         label: i("editor.graphPanel.graphOptions.lineFill"),
         children: /* @__PURE__ */ r(c, {
-          isChecked: p.showFill,
+          checked: p.showFill,
           onChange: b
         })
       }),
-      p.isSmooth !== null && /* @__PURE__ */ r(T, {
+      p.smooth !== null && /* @__PURE__ */ r(T, {
         label: i("editor.graphPanel.graphOptions.smoothLines"),
         children: /* @__PURE__ */ r(c, {
-          isChecked: p.isSmooth,
+          checked: p.smooth,
           onChange: C
         })
       }),
@@ -12830,7 +12830,7 @@ var dn = [
   size: "editor.graphPanel.mappingSection.size",
   label: "editor.graphPanel.mappingSection.label"
 }, C3 = ({ title: e, layout: t = "collapsible" }) => {
-  const n = q(), a = K(n), o = M(), { Select: i } = F(), l = o("editor.graphPanel.mappingSection.none"), s = a?.spec, c = E(() => s === void 0 ? [] : dd(s, Q5).map(({ aesthetic: d, variables: u, isRequired: h }) => {
+  const n = q(), a = K(n), o = E(), { Select: i } = F(), l = o("editor.graphPanel.mappingSection.none"), s = a?.spec, c = M(() => s === void 0 ? [] : dd(s, Q5).map(({ aesthetic: d, variables: u, required: h }) => {
     const p = ud(s.mapping, d);
     return {
       aesthetic: d,
@@ -12886,7 +12886,7 @@ var dn = [
     labelKey: "billions"
   }
 ], ib = ["auto", "none"], x3 = ({ title: e, layout: t = "collapsible", preview: n }) => {
-  const a = q(), o = K(a), i = M(), { NumberField: l, ToggleGroup: s } = F();
+  const a = q(), o = K(a), i = E(), { NumberField: l, ToggleGroup: s } = F();
   if (!o) return null;
   const { abbreviation: c, decimals: d } = o.config.numberFormat, u = lb(c) !== void 0, h = d !== "auto", p = (k) => k.map((x) => ({
     value: x,
@@ -12953,7 +12953,7 @@ var dn = [
     ] })
   });
 }, lb = (e) => Nn.find((t) => t.value === e), w3 = ({ title: e, layout: t = "collapsible", preview: n }) => {
-  const a = K(q()), o = M();
+  const a = K(q()), o = E();
   if (!a) return null;
   const i = sb(a.spec.layers);
   return i ? /* @__PURE__ */ r(Y, {
@@ -12969,7 +12969,7 @@ var dn = [
   const t = gn(e, "line", "area");
   return gn(e, "point").find((n) => !vo(n, t));
 }, cb = 0.9, db = 360, ub = 0.05, hb = 15, k3 = ({ title: e, layout: t = "collapsible", preview: n }) => {
-  const a = q(), o = K(a), i = M(), { Slider: l } = F();
+  const a = q(), o = K(a), i = E(), { Slider: l } = F();
   if (!o || o.spec.coords.coordType !== "polar") return null;
   const { innerRadius: s, startAngle: c } = o.spec.coords.params, d = (h) => {
     a.commands.dispatch(new bc({ innerRadius: h }), { transient: !0 });
@@ -13050,7 +13050,7 @@ var dn = [
       fill: "currentColor"
     })
   ]
-}), Ma = [
+}), Ea = [
   "linear",
   "exponential",
   "quadratic",
@@ -13059,9 +13059,9 @@ var dn = [
   "power",
   "loess"
 ], mb = "linear", T3 = ({ title: e, layout: t = "collapsible", preview: n }) => {
-  const a = q(), o = K(a), i = M(), { Select: l, Switch: s } = F(), { options: c, findValue: d } = cr(o);
+  const a = q(), o = K(a), i = E(), { Select: l, Switch: s } = F(), { options: c, findValue: d } = cr(o);
   if (!o || o.coordSystem.type === "polar") return null;
-  const u = Kc(o.spec.layers), h = Vc(o.spec.layers), p = u?.stat.type === "smooth" ? u.stat.method : mb, g = gb(h), m = Ma.map((x) => ({
+  const u = Kc(o.spec.layers), h = Vc(o.spec.layers), p = u?.stat.type === "smooth" ? u.stat.method : mb, g = gb(h), m = Ea.map((x) => ({
     value: x,
     label: i(`editor.annotationsPanel.trendType.options.${x}`)
   })), f = (x, I = {}) => {
@@ -13073,7 +13073,7 @@ var dn = [
     });
     a.commands.dispatch(A);
   }, b = (x) => f(x ? "trend" : "none", { method: p }), C = (x) => f(x ? "average" : "none", { group: g ?? d(c[0]?.value ?? "") }), P = (x) => {
-    const I = Ma.find((w) => w === x);
+    const I = Ea.find((w) => w === x);
     I !== void 0 && f("trend", { method: I });
   }, k = (x) => {
     const I = x === null ? void 0 : d(x);
@@ -13088,7 +13088,7 @@ var dn = [
         label: i("editor.annotationsPanel.trendsAndAveragesSection.trend"),
         icon: /* @__PURE__ */ r(Ia, { size: "lg" }),
         children: /* @__PURE__ */ r(s, {
-          isChecked: u !== void 0,
+          checked: u !== void 0,
           onChange: b
         })
       }),
@@ -13105,7 +13105,7 @@ var dn = [
         label: i("editor.annotationsPanel.trendsAndAveragesSection.average"),
         icon: /* @__PURE__ */ r(pb, { size: "lg" }),
         children: /* @__PURE__ */ r(s, {
-          isChecked: h !== void 0,
+          checked: h !== void 0,
           onChange: C
         })
       }),
@@ -13146,7 +13146,7 @@ export {
   v3 as GraphTypeSection,
   f3 as GridSection,
   b3 as HeadlineSection,
-  Eo as IntlProvider,
+  Mo as IntlProvider,
   y3 as LegendSection,
   S3 as LineSection,
   C3 as MappingSection,