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

package/dist/{history-chords-BIeYhK4y.js → history-chords-Kybi2Tvr.js}

@@ -1,8 +1,8 @@
-import { ANNOTATION_TOOLTIP_MARKER_GAP_PX as ks, CachedTextMeasurer as Kn, DATA_LABEL_ROLES as Es, DEFAULT_GEOM_COLOR as Vr, DEFAULT_HOVER_AFFORDANCE_COLOR as zr, DEFAULT_POINT_SIZE_PX as tt, GROUP_VARIABLES as ne, HeuristicTextMeasurer as Ps, HoverEngine as Rs, InternalError as Cs, LayoutCompiler as Ls, NAMED_WEIGHTS as ht, POLAR_RIM_LABEL_GAP_PX as Is, POSITION_VARIABLES as vt, RESOLVED_DATA_LABEL_POSITIONS as Ts, RESTING_HOVER_STATE as Yt, VISUAL_VARIABLES as Un, alignUnitFractions as zo, applyTextTransform as St, areAnchorsEqual as Bs, areEditMenuTriggersEqual as Ms, areEditTargetsEqual as mt, areEndpointsComparable as Qn, arePointerRegionListsEqual as Os, arePredicatesEqual as Yo, buildAverageLineSymbols as Ns, buildBarRectBounds as Hs, buildCalloutHitRegions as Ds, buildColumnKey as Yr, buildDataLabelsContent as Fs, buildFontString as Gs, buildHeadlineItemRows as jo, buildLayerIntroPlan as Ws, buildObservationsTarget as Vs, buildPointSymbolInBox as zs, buildPointSymbolPath as Ys, buildPolarBarArcPath as Ge, buildSliceGroupKey as jr, buildTooltipContent as js, compositeColor as Vt, computeArrow as Ks, computeDifferenceArrow as Us, computeDirectLabelsLayout as Qs, computeLetterSpacingWidth as Xs, computeLineBoxHeight as We, computePanelBorderPaths as qs, computePanelBorderSizes as Js, countLayerGeoms as Zs, createAreaPathGenerators as Kr, createBarBoundsReader as Ko, createDataLabelPlacementResolver as $s, createLayerYValueFormatter as _s, createLineFillAreaGenerator as el, createLinePathGenerator as Ur, createObservationBoxReader as tl, createPinnedNumberValueFormatter as rl, createSegmentYReader as nl, createStableCellKeyGenerator as ol, createStableKeyGenerator as Se, ensureReadableTextColor as Qr, findAnnotation as al, findLayerById as _t, findPointerRegion as Xn, formatHeadline as il, formatLegends as sl, formatRuleValue as ll, getAestheticFromScaleAestheticKey as Ae, getAlpha as Uo, getAngleExtent as dl, getBarRectBounds as Qo, getBoundingRect as cl, getDifferenceArrowLabelBox as ul, getGroup as ze, getHoverGuideLineProps as hl, getHoverGuideRectProps as vl, getPaintedTileRect as Xr, getPointSymbolOuterRadius as gl, getPolarHoverGuideArcProps as fl, getRadiusExtent as Xo, getShapeAnnotationStroke as pl, getSize as ml, getStackRole as yl, getUnionExtent as qo, getX as J, getXMax as Jo, getY as _, getYMax as er, isAnnotationMovable as xl, isFullTurnSweep as qr, isGradientPaint as Zo, isImagePaint as Al, isOpaquePaint as bl, isPatternPaint as Jr, isPositionScale as qn, isSafeUrl as Zr, orderPointerRegions as Sl, paintKey as Pr, paintsInDonutHole as wl, pickFilters as kl, pickReadableTextColor as $o, placeCallouts as El, polarToUnit as Pl, positionToAngle as Rl, prepareAreaObservations as $r, prepareLineObservations as _r, projectAnchorToPanel as At, projectRegionToPanel as en, readAnchoredObservation as _o, readColorGroupObservation as Cl, readGeomColor as tr, readGeomEffects as Z, readGroupRuleColor as ea, readMainAxis as wt, removeAlpha as Ll, resolveArrowAnnotationStyle as Il, resolveArrowColor as Tl, resolveBarBorderTreatment as kt, resolveBarCornerRadiiPx as Bl, resolveBarCornerRadiusPx as tn, resolveBarPaintOrigin as Ml, resolveCalloutAnnotationStyle as Rr, resolveChromeMargins as Ol, resolveDataLabelStyle as Nl, resolveDeferredAnchors as Hl, resolveDifferenceArrowAnnotationStyle as ta, resolveDirectLabelStyle as ra, resolveGeomCornerRadiusPx as Dl, resolveGraphPadding as Fl, resolveHeadlineItemStyle as zt, resolveHeadlineNumberStyle as na, resolveHeadlinePlacement as Gl, resolveLegendItemStyle as Et, resolvePanelBorderStyle as oa, resolvePolarBarCornerRadiusUnit as Wl, resolveRuleLabelStyle as Vl, resolveSwatchGeomPaint as aa, resolveTooltipStyle as zl, toFontSpec as te, toPaintColor as V, toPanelCursor as Yl, toPercent as C, toStrokeDasharray as rt, toViewBoxX as ia, toViewBoxY as sa, truncateToWidth as la, withAlpha as jl } from "@graphysdk/viz-engine";
+import { ANNOTATION_TOOLTIP_MARKER_GAP_PX as ks, CachedTextMeasurer as Kn, DATA_LABEL_ROLES as Es, DEFAULT_GEOM_COLOR as zr, DEFAULT_HOVER_AFFORDANCE_COLOR as Vr, DEFAULT_POINT_SIZE_PX as tt, GROUP_VARIABLES as ne, HeuristicTextMeasurer as Ps, HoverEngine as Rs, InternalError as Cs, LayoutCompiler as Ls, NAMED_WEIGHTS as ht, POLAR_RIM_LABEL_GAP_PX as Is, POSITION_VARIABLES as vt, RESOLVED_DATA_LABEL_POSITIONS as Ts, RESTING_HOVER_STATE as Yt, VISUAL_VARIABLES as Un, alignUnitFractions as Vo, applyTextTransform as St, areAnchorsEqual as Bs, areEditMenuTriggersEqual as Ms, areEditTargetsEqual as mt, areEndpointsComparable as Qn, arePointerRegionListsEqual as Os, arePredicatesEqual as Yo, buildAverageLineSymbols as Ns, buildBarRectBounds as Hs, buildCalloutHitRegions as Ds, buildColumnKey as Yr, buildDataLabelsContent as Fs, buildFontString as Gs, buildHeadlineItemRows as jo, buildLayerIntroPlan as Ws, buildObservationsTarget as zs, buildPointSymbolInBox as Vs, buildPointSymbolPath as Ys, buildPolarBarArcPath as Ge, buildSliceGroupKey as jr, buildTooltipContent as js, compositeColor as zt, computeArrow as Ks, computeDifferenceArrow as Us, computeDirectLabelsLayout as Qs, computeLetterSpacingWidth as Xs, computeLineBoxHeight as We, computePanelBorderPaths as qs, computePanelBorderSizes as Js, countLayerGeoms as Zs, createAreaPathGenerators as Kr, createBarBoundsReader as Ko, createDataLabelPlacementResolver as $s, createLayerYValueFormatter as _s, createLineFillAreaGenerator as el, createLinePathGenerator as Ur, createObservationBoxReader as tl, createPinnedNumberValueFormatter as rl, createSegmentYReader as nl, createStableCellKeyGenerator as ol, createStableKeyGenerator as Se, ensureReadableTextColor as Qr, findAnnotation as al, findLayerById as _t, findPointerRegion as Xn, formatHeadline as il, formatLegends as sl, formatRuleValue as ll, getAestheticFromScaleAestheticKey as Ae, getAlpha as Uo, getAngleExtent as dl, getBarRectBounds as Qo, getBoundingRect as cl, getDifferenceArrowLabelBox as ul, getGroup as Ve, getHoverGuideLineProps as hl, getHoverGuideRectProps as vl, getPaintedTileRect as Xr, getPointSymbolOuterRadius as gl, getPolarHoverGuideArcProps as fl, getRadiusExtent as Xo, getShapeAnnotationStroke as pl, getSize as ml, getStackRole as yl, getUnionExtent as qo, getX as J, getXMax as Jo, getY as _, getYMax as er, isAnnotationMovable as xl, isFullTurnSweep as qr, isGradientPaint as Zo, isImagePaint as Al, isOpaquePaint as bl, isPatternPaint as Jr, isPositionScale as qn, isSafeUrl as Zr, orderPointerRegions as Sl, paintKey as Pr, paintsInDonutHole as wl, pickFilters as kl, pickReadableTextColor as $o, placeCallouts as El, polarToUnit as Pl, positionToAngle as Rl, prepareAreaObservations as $r, prepareLineObservations as _r, projectAnchorToPanel as At, projectRegionToPanel as en, readAnchoredObservation as _o, readColorGroupObservation as Cl, readGeomColor as tr, readGeomEffects as Z, readGroupRuleColor as ea, readMainAxis as wt, removeAlpha as Ll, resolveArrowAnnotationStyle as Il, resolveArrowColor as Tl, resolveBarBorderTreatment as kt, resolveBarCornerRadiiPx as Bl, resolveBarCornerRadiusPx as tn, resolveBarPaintOrigin as Ml, resolveCalloutAnnotationStyle as Rr, resolveChromeMargins as Ol, resolveDataLabelStyle as Nl, resolveDeferredAnchors as Hl, resolveDifferenceArrowAnnotationStyle as ta, resolveDirectLabelStyle as ra, resolveGeomCornerRadiusPx as Dl, resolveGraphPadding as Fl, resolveHeadlineItemStyle as Vt, resolveHeadlineNumberStyle as na, resolveHeadlinePlacement as Gl, resolveLegendItemStyle as Et, resolvePanelBorderStyle as oa, resolvePolarBarCornerRadiusUnit as Wl, resolveRuleLabelStyle as zl, resolveSwatchGeomPaint as aa, resolveTooltipStyle as Vl, toFontSpec as te, toPaintColor as z, toPanelCursor as Yl, toPercent as C, toStrokeDasharray as rt, toViewBoxX as ia, toViewBoxY as sa, truncateToWidth as la, withAlpha as jl } from "@graphysdk/viz-engine";
 import { Fragment as Pt, createContext as Y, isValidElement as Kl, memo as ge, useCallback as ie, useContext as N, useEffect as W, useId as Q, useLayoutEffect as Ul, useMemo as b, useRef as F, useState as U, useSyncExternalStore as Ql } from "react";
 import { Fragment as T, jsx as l, jsxs as S } from "react/jsx-runtime";
 import { useStore as nt } from "zustand";
-import { animate as Pe, motion as z, useMotionValue as ye, useReducedMotion as Xl, useTransform as Ht } from "motion/react";
+import { animate as Pe, motion as V, useMotionValue as ye, useReducedMotion as Xl, useTransform as Ht } from "motion/react";
 import { interpolatePath as ql } from "d3-interpolate-path";
 import { useShallow as oe } from "zustand/react/shallow";
 import { assignInlineVars as rr } from "@vanilla-extract/dynamic";
@@ -22,7 +22,7 @@ import './history-chords.css';var Jn = Object.defineProperty, ed = (e, t) => {
     });
   return t || Jn(r, Symbol.toStringTag, { value: "Module" }), r;
 };
-typeof window < "u" && (window.__GRAPHY_SDK__ ??= {}, window.__GRAPHY_SDK__.reactRenderer = "1.9.0-beta.1792505847409");
+typeof window < "u" && (window.__GRAPHY_SDK__ ??= {}, window.__GRAPHY_SDK__.reactRenderer = "1.9.0-beta.1792510459918");
 function td(e) {
   for (const t of e) (t.severity === "error" ? console.error : console.warn)(`[graphy] ${t.code}: ${t.message}`, t);
 }
@@ -155,7 +155,7 @@ var ua = Y(null), ee = () => {
     x: r.centerX + n.x * r.radius,
     y: r.centerY - n.y * r.radius
   };
-}, Ve = (e, t) => ({
+}, ze = (e, t) => ({
   x: ia(e),
   y: sa(t)
 }), ve = (e, t) => {
@@ -175,7 +175,7 @@ var ua = Y(null), ee = () => {
   }, v = h?.fadesIn ? { opacity: 0 } : {};
   if (e === "circle") {
     const A = n / 2;
-    return h ? /* @__PURE__ */ l(z.circle, {
+    return h ? /* @__PURE__ */ l(V.circle, {
       initial: h.intro ? {
         cx: t,
         cy: r,
@@ -208,7 +208,7 @@ var ua = Y(null), ee = () => {
       ...u
     }
   };
-  return h ? /* @__PURE__ */ l(z.path, {
+  return h ? /* @__PURE__ */ l(V.path, {
     initial: h.intro ? {
       x: t,
       y: r,
@@ -241,10 +241,10 @@ var ua = Y(null), ee = () => {
       transform: `translate(${t}, ${r})`
     }
   });
-}, vd = 2, gd = 0.7, Be = ({ hit: e, project: t = Ve }) => {
-  const r = va(e.layerId), n = ga(e) ?? Vr;
+}, vd = 2, gd = 0.7, Be = ({ hit: e, project: t = ze }) => {
+  const r = va(e.layerId), n = ga(e) ?? zr;
   if (!e.anchored) return null;
-  const o = (Uo(e.observation) ?? 1) * gd, a = r?.get("size", e.observation) ?? tt, i = r?.get("stroke", e.observation, "hovered") ?? zr, s = t(e.x, e.y);
+  const o = (Uo(e.observation) ?? 1) * gd, a = r?.get("size", e.observation) ?? tt, i = r?.get("stroke", e.observation, "hovered") ?? Vr, s = t(e.x, e.y);
   return /* @__PURE__ */ l(or, {
     symbol: r?.get("symbol", e.observation) ?? "circle",
     cx: C(s.x),
@@ -323,7 +323,7 @@ var $n = 10 ** 2, K = (e) => Math.round(e * $n) / $n, iy = (e, t) => {
     centers: n,
     size: r
   }));
-}, pa = (e, t, { origin: r, scaleX: n, scaleY: o }) => `${K(r.x + e * n)},${K(r.y + t * o)}`, md = ({ layer: e, coordSystem: t, panelRect: r, shouldAnimateTransitions: n }) => {
+}, pa = (e, t, { origin: r, scaleX: n, scaleY: o }) => `${K(r.x + e * n)},${K(r.y + t * o)}`, md = ({ layer: e, coordSystem: t, panelRect: r, animateTransitions: n }) => {
   const { areaGenerator: o } = Kr(t, e.params), a = {
     origin: {
       x: 0,
@@ -348,7 +348,7 @@ var $n = 10 ** 2, K = (e) => Math.round(e * $n) / $n, iy = (e, t) => {
   const d = i === "" ? [] : [{
     kind: "region",
     pathData: i,
-    shouldAnimateTransitions: n
+    animateTransitions: n
   }];
   return s.length > 0 && d.push({
     kind: "dots",
@@ -358,10 +358,10 @@ var $n = 10 ** 2, K = (e) => Math.round(e * $n) / $n, iy = (e, t) => {
 }, yd = (e, t, r) => {
   if (t.mainAxis === "y") {
     const a = _(e), i = Jo(e) ?? J(e);
-    return a === null || i === null ? null : jt(Ve(i, a), r);
+    return a === null || i === null ? null : jt(ze(i, a), r);
   }
   const n = J(e), o = er(e) ?? _(e);
-  return n === null || o === null ? null : jt(Ve(n, o), r);
+  return n === null || o === null ? null : jt(ze(n, o), r);
 }, xd = 1.5, ma = (e, t) => ya(e, t) ? Math.max(t, xd) : t, Me = (e, t, r) => {
   const n = ma(e, t);
   return {
@@ -411,7 +411,7 @@ var $n = 10 ** 2, K = (e) => Math.round(e * $n) / $n, iy = (e, t) => {
     r,
     n
   ]), n;
-}, Aa = ({ shouldAnimateTransitions: e, ...t }) => e ? /* @__PURE__ */ l(Sd, { ...t }) : /* @__PURE__ */ l(bd, { ...t }), bd = ({ fillPath: e, linePath: t, fill: r, fillOpacity: n, stroke: o, strokeWidth: a, strokeOpacity: i, strokeDasharray: s, lineCap: d, lineJoin: c, opacity: u }) => /* @__PURE__ */ S("g", {
+}, Aa = ({ animateTransitions: e, ...t }) => e ? /* @__PURE__ */ l(Sd, { ...t }) : /* @__PURE__ */ l(bd, { ...t }), bd = ({ fillPath: e, linePath: t, fill: r, fillOpacity: n, stroke: o, strokeWidth: a, strokeOpacity: i, strokeDasharray: s, lineCap: d, lineJoin: c, opacity: u }) => /* @__PURE__ */ S("g", {
   opacity: u,
   children: [/* @__PURE__ */ l("path", {
     d: e,
@@ -433,12 +433,12 @@ var $n = 10 ** 2, K = (e) => Math.round(e * $n) / $n, iy = (e, t) => {
   const h = Br(e, be), g = Br(t, be);
   return /* @__PURE__ */ S("g", {
     opacity: u,
-    children: [/* @__PURE__ */ l(z.path, {
+    children: [/* @__PURE__ */ l(V.path, {
       d: h,
       fill: r,
       fillOpacity: n,
       stroke: "none"
-    }), /* @__PURE__ */ l(z.path, {
+    }), /* @__PURE__ */ l(V.path, {
       d: g,
       fill: "none",
       stroke: o,
@@ -475,7 +475,7 @@ var $n = 10 ** 2, K = (e) => Math.round(e * $n) / $n, iy = (e, t) => {
   const r = Q();
   return /* @__PURE__ */ S(T, { children: [/* @__PURE__ */ l("clipPath", {
     id: r,
-    children: /* @__PURE__ */ l(z.rect, {
+    children: /* @__PURE__ */ l(V.rect, {
       ...Pd(e.axis),
       transition: wd(e)
     })
@@ -532,7 +532,7 @@ var $n = 10 ** 2, K = (e) => Math.round(e * $n) / $n, iy = (e, t) => {
       })
     })
   });
-}, Id = ge(function({ layer: t, coordSystem: r, shouldAnimateTransitions: n, intro: o }) {
+}, Id = ge(function({ layer: t, coordSystem: r, animateTransitions: n, intro: o }) {
   const a = o?.type === "wipe" ? o : null, { lineGenerator: i, areaGenerator: s } = b(() => Kr(r, t.params), [t.params, r]), d = G(t), c = b(() => {
     const u = Se(t.data, t.mapping, t.id), h = [];
     return t.data.groupBy(ne.group).forEach((g) => {
@@ -540,7 +540,7 @@ var $n = 10 ** 2, K = (e) => Math.round(e * $n) / $n, iy = (e, t) => {
       if (!v || !m) return;
       const p = f[0];
       if (!p) return;
-      const A = V(d.get("fill", p)), x = d.get("stroke", p) ?? A, { strokeWidth: w, strokeDasharray: k, strokeLinecap: E } = Me(d.get("dashArray", p), d.get("strokeWidth", p), d.get("lineCap", p)), R = d.get("lineJoin", p);
+      const A = z(d.get("fill", p)), x = d.get("stroke", p) ?? A, { strokeWidth: w, strokeDasharray: k, strokeLinecap: E } = Me(d.get("dashArray", p), d.get("strokeWidth", p), d.get("lineCap", p)), R = d.get("lineJoin", p);
       h.push({
         key: u(p),
         areaPath: v,
@@ -574,7 +574,7 @@ var $n = 10 ** 2, K = (e) => Math.round(e * $n) / $n, iy = (e, t) => {
     strokeDasharray: u.strokeDasharray,
     lineCap: u.lineCap,
     lineJoin: u.lineJoin,
-    shouldAnimateTransitions: n
+    animateTransitions: n
   }, u.key));
   return /* @__PURE__ */ l(we, {
     viewBox: "0 0 1 1",
@@ -589,7 +589,7 @@ var $n = 10 ** 2, K = (e) => Math.round(e * $n) / $n, iy = (e, t) => {
       children: c
     }) : c
   });
-}), Td = ({ areaPath: e, linePath: t, fill: r, stroke: n, fillOpacity: o, strokeWidth: a, strokeOpacity: i, strokeDasharray: s, lineCap: d, lineJoin: c, shouldAnimateTransitions: u }) => /* @__PURE__ */ l(Aa, {
+}), Td = ({ areaPath: e, linePath: t, fill: r, stroke: n, fillOpacity: o, strokeWidth: a, strokeOpacity: i, strokeDasharray: s, lineCap: d, lineJoin: c, animateTransitions: u }) => /* @__PURE__ */ l(Aa, {
   fillPath: e,
   linePath: t,
   fill: r,
@@ -600,11 +600,11 @@ var $n = 10 ** 2, K = (e) => Math.round(e * $n) / $n, iy = (e, t) => {
   strokeDasharray: s,
   lineCap: d,
   lineJoin: c,
-  shouldAnimateTransitions: u
-}), Ea = 1, Bd = 0.4, Md = 0.2, Od = 1, Nd = 0.5, Hd = 2.25, it = ({ hit: e, project: t = Ve, ...r }) => {
-  const n = va(e.layerId), o = ga(e) ?? Vr;
+  animateTransitions: u
+}), Ea = 1, Bd = 0.4, Md = 0.2, Od = 1, Nd = 0.5, Hd = 2.25, it = ({ hit: e, project: t = ze, ...r }) => {
+  const n = va(e.layerId), o = ga(e) ?? zr;
   if (!e.anchored) return null;
-  const a = Uo(e.observation) ?? 1, i = n?.get("stroke", e.observation, "hovered") ?? zr, s = n?.get("symbol", e.observation) ?? "circle", d = t(e.x, e.y), c = C(d.x), u = C(d.y), h = Dd(e.observation, n), { ringRadius: g, ringWidth: f } = Fd(h, gl(s, h * 2)), v = n ? $(Z(n, e.observation, "hovered")) : void 0;
+  const a = Uo(e.observation) ?? 1, i = n?.get("stroke", e.observation, "hovered") ?? Vr, s = n?.get("symbol", e.observation) ?? "circle", d = t(e.x, e.y), c = C(d.x), u = C(d.y), h = Dd(e.observation, n), { ringRadius: g, ringWidth: f } = Fd(h, gl(s, h * 2)), v = n ? $(Z(n, e.observation, "hovered")) : void 0;
   return /* @__PURE__ */ S("g", {
     ...r,
     style: v,
@@ -636,7 +636,7 @@ var $n = 10 ** 2, K = (e) => Math.round(e * $n) / $n, iy = (e, t) => {
     ringWidth: r
   };
 }, Gd = ({ layer: e, coordSystem: t, primary: r, companions: n }) => {
-  const o = G(e), a = ze(r.observation), i = b(() => $r([...e.data.filter(ne.group, "eq", a)], e.params.missingValues), [
+  const o = G(e), a = Ve(r.observation), i = b(() => $r([...e.data.filter(ne.group, "eq", a)], e.params.missingValues), [
     e.data,
     e.params.missingValues,
     a
@@ -652,7 +652,7 @@ var $n = 10 ** 2, K = (e) => Math.round(e * $n) / $n, iy = (e, t) => {
     i
   ]);
   if (!s || !d) return null;
-  const c = V(o.get("fill", r.observation, "hovered")), u = o.get("stroke", r.observation, "hovered") ?? c, h = o.get("alpha", r.observation, "hovered"), g = o.get("fillAlpha", r.observation, "hovered") * h, f = o.get("strokeAlpha", r.observation, "hovered") * h, { strokeWidth: v, strokeDasharray: m, strokeLinecap: p } = Me(o.get("dashArray", r.observation, "hovered"), o.get("strokeWidth", r.observation, "hovered"), o.get("lineCap", r.observation, "hovered")), A = o.get("lineJoin", r.observation, "hovered");
+  const c = z(o.get("fill", r.observation, "hovered")), u = o.get("stroke", r.observation, "hovered") ?? c, h = o.get("alpha", r.observation, "hovered"), g = o.get("fillAlpha", r.observation, "hovered") * h, f = o.get("strokeAlpha", r.observation, "hovered") * h, { strokeWidth: v, strokeDasharray: m, strokeLinecap: p } = Me(o.get("dashArray", r.observation, "hovered"), o.get("strokeWidth", r.observation, "hovered"), o.get("lineCap", r.observation, "hovered")), A = o.get("lineJoin", r.observation, "hovered");
   return /* @__PURE__ */ S("g", {
     "data-testid": "hovered-area",
     children: [
@@ -695,10 +695,10 @@ var $n = 10 ** 2, K = (e) => Math.round(e * $n) / $n, iy = (e, t) => {
   coord: "cartesian",
   swatchShape: "area",
   guideMode: "crosshair",
-  render: ({ layer: e, coordSystem: t, shouldAnimateTransitions: r, intro: n }) => /* @__PURE__ */ l(Id, {
+  render: ({ layer: e, coordSystem: t, animateTransitions: r, intro: n }) => /* @__PURE__ */ l(Id, {
     layer: e,
     coordSystem: t,
-    shouldAnimateTransitions: r,
+    animateTransitions: r,
     intro: n
   }),
   renderHover: ({ layer: e, coordSystem: t, primary: r, group: n, related: o }) => /* @__PURE__ */ l(Gd, {
@@ -756,7 +756,7 @@ var to = "\0", Pa = (e, t) => {
     width: r,
     height: t == null ? r : r * t.height / t.width
   };
-}, Vd = (e) => new Promise((t) => {
+}, zd = (e) => new Promise((t) => {
   if (typeof Image > "u") {
     t(null);
     return;
@@ -782,7 +782,7 @@ var to = "\0", Pa = (e, t) => {
       return d.size === s.size ? s : d;
     });
     for (const s of i)
-      r.has(s) || a.current.has(s) || (a.current.add(s), Vd(s).then((d) => {
+      r.has(s) || a.current.has(s) || (a.current.add(s), zd(s).then((d) => {
         o.current.has(s) && (a.current.delete(s), n((c) => new Map(c).set(s, d)));
       }));
   }, [t, r]), ie((i) => {
@@ -790,7 +790,7 @@ var to = "\0", Pa = (e, t) => {
     return s === void 0 ? void 0 : r.get(s);
   }, [r]);
 }, ro = (e) => e !== void 0 && Al(e) && (e.fit ?? "tile") === "tile" ? e.image : void 0;
-var zd = 1 / 3, Yd = {
+var Vd = 1 / 3, Yd = {
   x: 1,
   y: 1
 }, jd = {
@@ -1095,7 +1095,7 @@ var zd = 1 / 3, Yd = {
     t,
     r
   ]);
-}, tc = (e, t) => t, rc = ({ layer: e, sourceLayer: t, coordSystem: r, panelRect: n, styleReaders: o, shouldAnimateTransitions: a }) => {
+}, tc = (e, t) => t, rc = ({ layer: e, sourceLayer: t, coordSystem: r, panelRect: n, styleReaders: o, animateTransitions: a }) => {
   const { mainAxis: i } = r, s = dn(t, i, o, n), d = nc(e.data);
   let c = "";
   for (let u = 0; u < e.data.size(); u++) {
@@ -1127,7 +1127,7 @@ var zd = 1 / 3, Yd = {
   return c === "" ? [] : [{
     kind: "region",
     pathData: c,
-    shouldAnimateTransitions: a
+    animateTransitions: a
   }];
 }, nc = (e) => {
   const t = (r) => e.hasVariable(r) ? e.getValues(r, { type: "numeric" }) : null;
@@ -1139,8 +1139,8 @@ var zd = 1 / 3, Yd = {
     y: t(vt.y)
   };
 }, oc = (e, t) => Math.abs(e.x - t.x) < 0.5 && Math.abs(e.y - t.y) < 0.5 && Math.abs(e.width - t.width) < 0.5 && Math.abs(e.height - t.height) < 0.5, Mr = (e, t, r) => {
-  const n = r === void 0 ? e.activeIntro : r, o = F(n ? an(n, t) : null), a = F(e.shouldAnimateTransitions);
-  return a.current = e.shouldAnimateTransitions, ie(() => {
+  const n = r === void 0 ? e.activeIntro : r, o = F(n ? an(n, t) : null), a = F(e.animateTransitions);
+  return a.current = e.animateTransitions, ie(() => {
     const i = o.current;
     return o.current = null, i ?? on(a.current);
   }, []);
@@ -1151,10 +1151,10 @@ var zd = 1 / 3, Yd = {
   }, []);
   const n = r.current;
   return b(() => ({
-    isAnimated: t || e !== null,
-    isLayerEntrance: n,
+    animated: t || e !== null,
+    mounting: n,
     activeIntro: n ? e : null,
-    shouldAnimateTransitions: t
+    animateTransitions: t
   }), [
     e,
     t,
@@ -1170,7 +1170,7 @@ var zd = 1 / 3, Yd = {
   y: t.baseline,
   width: e.width,
   height: 0
-}, ac = ge(function({ layer: t, coordSystem: r, shouldAnimateTransitions: n, intro: o, panelRect: a }) {
+}, ac = ge(function({ layer: t, coordSystem: r, animateTransitions: n, intro: o, panelRect: a }) {
   const i = Q(), s = G(t), d = sr(o?.type === "grow" && (o.growAxis === "x" || o.growAxis === "y") ? o : null, n), { paints: c, paintAt: u } = Ct(t, s), { fillFor: h, defs: g } = le({
     paints: c,
     origin: cn(t, r)
@@ -1228,7 +1228,7 @@ var zd = 1 / 3, Yd = {
     }
     return /* @__PURE__ */ l("g", {
       style: v,
-      children: d.isAnimated ? /* @__PURE__ */ l(sc, {
+      children: d.animated ? /* @__PURE__ */ l(sc, {
         column: f,
         animation: d
       }) : /* @__PURE__ */ l(ic, {
@@ -1278,13 +1278,13 @@ var zd = 1 / 3, Yd = {
     ry: o.ry
   }, h = /* @__PURE__ */ l("clipPath", {
     id: r,
-    children: /* @__PURE__ */ l(z.rect, { ...u })
+    children: /* @__PURE__ */ l(V.rect, { ...u })
   });
   if (n.length === 1) {
     const [g] = n;
     return /* @__PURE__ */ S(T, { children: [h, /* @__PURE__ */ l("g", {
       clipPath: `url(#${r})`,
-      children: /* @__PURE__ */ l(z.rect, {
+      children: /* @__PURE__ */ l(V.rect, {
         ...u,
         fill: g?.fill,
         opacity: g?.opacity,
@@ -1293,7 +1293,7 @@ var zd = 1 / 3, Yd = {
       })
     })] });
   }
-  return /* @__PURE__ */ S(T, { children: [h, Ba(e, t, d && /* @__PURE__ */ l(z.rect, {
+  return /* @__PURE__ */ S(T, { children: [h, Ba(e, t, d && /* @__PURE__ */ l(V.rect, {
     ...u,
     fill: "none",
     stroke: a,
@@ -1325,10 +1325,10 @@ var zd = 1 / 3, Yd = {
     style: n
   } : { scope: "bar" };
 }, un = ({ animation: e, introKey: t, rx: r, ry: n, stroke: o, strokeWidth: a, ...i }) => {
-  const { isAnimated: s, activeIntro: d, shouldAnimateTransitions: c } = e;
+  const { animated: s, activeIntro: d, animateTransitions: c } = e;
   if (s) {
     const u = d ? Ta(i, d) : null;
-    return /* @__PURE__ */ l(z.rect, {
+    return /* @__PURE__ */ l(V.rect, {
       initial: u ? {
         attrX: C(u.x),
         attrY: C(u.y),
@@ -1478,10 +1478,10 @@ var Ar = 3, hc = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
   coord: "cartesian",
   swatchShape: "square",
   guideMode: "band",
-  render: ({ layer: e, coordSystem: t, shouldAnimateTransitions: r, intro: n, panelRect: o }) => /* @__PURE__ */ l(ac, {
+  render: ({ layer: e, coordSystem: t, animateTransitions: r, intro: n, panelRect: o }) => /* @__PURE__ */ l(ac, {
     layer: e,
     coordSystem: t,
-    shouldAnimateTransitions: r,
+    animateTransitions: r,
     intro: n,
     panelRect: o
   }),
@@ -1500,7 +1500,7 @@ var Ar = 3, hc = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
   renderHoverCompanions: () => null,
   getEditOutlineShapes: rc,
   getObservationRect: ({ layer: e, coordSystem: t, observation: r, panelRect: n, styleReaders: o }) => vc(e, t.mainAxis, o, n)(r)
-}, fc = ({ layer: e, panelRect: t, styleReaders: r, shouldAnimateTransitions: n }) => {
+}, fc = ({ layer: e, panelRect: t, styleReaders: r, animateTransitions: n }) => {
   const o = Ur(e.params), a = {
     origin: {
       x: 0,
@@ -1520,10 +1520,10 @@ var Ar = 3, hc = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
     const h = fa(o, c, a);
     h !== "" && i.push({
       kind: "stroke",
-      key: String(ze(u)),
+      key: String(Ve(u)),
       pathData: h,
       width: r.get("strokeWidth", u),
-      shouldAnimateTransitions: n
+      animateTransitions: n
     });
   }), s.length > 0 && i.push({
     kind: "dots",
@@ -1532,8 +1532,8 @@ var Ar = 3, hc = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
   }), i;
 }, pc = (e, t) => {
   const r = J(e), n = _(e);
-  return r === null || n === null ? null : jt(Ve(r, n), t);
-}, mc = ge(function({ layer: t, shouldAnimateTransitions: r, intro: n }) {
+  return r === null || n === null ? null : jt(ze(r, n), t);
+}, mc = ge(function({ layer: t, animateTransitions: r, intro: n }) {
   const o = n?.type === "wipe" ? n : null, a = b(() => Ur(t.params), [t.params]), i = b(() => el(t.params), [t.params]), s = G(t), d = b(() => {
     const c = Se(t.data, t.mapping, t.id), u = [];
     return t.data.groupBy(ne.group).forEach((h) => {
@@ -1541,7 +1541,7 @@ var Ar = 3, hc = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
       if (!f) return;
       const v = g[0];
       if (!v) return;
-      const m = s.get("fillAlpha", v), p = m === void 0 ? void 0 : i(g) ?? void 0, A = s.get("stroke", v), x = s.get("fill", v), w = x === void 0 ? A : V(x), { strokeWidth: k, strokeDasharray: E, strokeLinecap: R } = Me(s.get("dashArray", v), s.get("strokeWidth", v), s.get("lineCap", v)), L = s.get("lineJoin", v);
+      const m = s.get("fillAlpha", v), p = m === void 0 ? void 0 : i(g) ?? void 0, A = s.get("stroke", v), x = s.get("fill", v), w = x === void 0 ? A : z(x), { strokeWidth: k, strokeDasharray: E, strokeLinecap: R } = Me(s.get("dashArray", v), s.get("strokeWidth", v), s.get("lineCap", v)), L = s.get("lineJoin", v);
       u.push({
         key: c(v),
         pathData: f,
@@ -1577,7 +1577,7 @@ var Ar = 3, hc = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
     strokeDasharray: c.strokeDasharray,
     lineCap: c.lineCap,
     lineJoin: c.lineJoin,
-    shouldAnimateTransitions: r
+    animateTransitions: r
   }, c.key));
   return /* @__PURE__ */ l(we, {
     viewBox: "0 0 1 1",
@@ -1592,7 +1592,7 @@ var Ar = 3, hc = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
       children: d
     }) : d
   });
-}), yc = ({ pathData: e, fillPath: t, fillAlpha: r, stroke: n, fill: o, strokeWidth: a, opacity: i, strokeAlpha: s, strokeDasharray: d, lineCap: c, lineJoin: u, shouldAnimateTransitions: h }) => t !== void 0 && r !== void 0 ? /* @__PURE__ */ l(xc, {
+}), yc = ({ pathData: e, fillPath: t, fillAlpha: r, stroke: n, fill: o, strokeWidth: a, opacity: i, strokeAlpha: s, strokeDasharray: d, lineCap: c, lineJoin: u, animateTransitions: h }) => t !== void 0 && r !== void 0 ? /* @__PURE__ */ l(xc, {
   fillPath: t,
   fillAlpha: r,
   fill: o,
@@ -1604,7 +1604,7 @@ var Ar = 3, hc = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
   strokeDasharray: d,
   lineCap: c,
   lineJoin: u,
-  shouldAnimateTransitions: h
+  animateTransitions: h
 }) : h ? /* @__PURE__ */ l(Ac, {
   pathData: e,
   stroke: n,
@@ -1625,7 +1625,7 @@ var Ar = 3, hc = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
   strokeLinecap: c,
   strokeLinejoin: u,
   vectorEffect: "non-scaling-stroke"
-}), xc = ({ fillPath: e, fillAlpha: t, linePath: r, stroke: n, fill: o, strokeWidth: a, opacity: i, strokeAlpha: s, strokeDasharray: d, lineCap: c, lineJoin: u, shouldAnimateTransitions: h }) => {
+}), xc = ({ fillPath: e, fillAlpha: t, linePath: r, stroke: n, fill: o, strokeWidth: a, opacity: i, strokeAlpha: s, strokeDasharray: d, lineCap: c, lineJoin: u, animateTransitions: h }) => {
   const g = `line_fill_gradient_${Q()}`;
   return /* @__PURE__ */ S(T, { children: [/* @__PURE__ */ l("defs", { children: /* @__PURE__ */ S("linearGradient", {
     id: g,
@@ -1658,11 +1658,11 @@ var Ar = 3, hc = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
     strokeDasharray: d,
     lineCap: c,
     lineJoin: u,
-    shouldAnimateTransitions: h
+    animateTransitions: h
   })] });
 }, Ac = ({ pathData: e, stroke: t, strokeWidth: r, opacity: n, strokeAlpha: o, strokeDasharray: a, lineCap: i, lineJoin: s }) => {
   const d = Br(e, be);
-  return /* @__PURE__ */ l(z.path, {
+  return /* @__PURE__ */ l(V.path, {
     d,
     fill: "none",
     stroke: t,
@@ -1675,7 +1675,7 @@ var Ar = 3, hc = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
     vectorEffect: "non-scaling-stroke"
   });
 }, bc = ({ layer: e, primary: t, companions: r }) => {
-  const n = G(e), o = ze(t.observation), a = b(() => _r([...e.data.filter(ne.group, "eq", o)], e.params.missingValues), [
+  const n = G(e), o = Ve(t.observation), a = b(() => _r([...e.data.filter(ne.group, "eq", o)], e.params.missingValues), [
     e.data,
     e.params.missingValues,
     o
@@ -1719,9 +1719,9 @@ var Ar = 3, hc = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
   coord: "cartesian",
   swatchShape: "line",
   guideMode: "crosshair",
-  render: ({ layer: e, shouldAnimateTransitions: t, intro: r }) => /* @__PURE__ */ l(mc, {
+  render: ({ layer: e, animateTransitions: t, intro: r }) => /* @__PURE__ */ l(mc, {
     layer: e,
-    shouldAnimateTransitions: t,
+    animateTransitions: t,
     intro: r
   }),
   renderHover: ({ layer: e, primary: t, group: r, related: n }) => /* @__PURE__ */ l(bc, {
@@ -1741,7 +1741,7 @@ var Ar = 3, hc = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
 }, Ma = ({ observation: e, project: t, styleReaders: r, animation: n, introKey: o }) => {
   const a = N(nr)?.paintsShadow === !0, i = Oa(e, t);
   if (i === null) return null;
-  const { isAnimated: s, activeIntro: d, shouldAnimateTransitions: c } = n, u = s ? {
+  const { animated: s, activeIntro: d, animateTransitions: c } = n, u = s ? {
     intro: d !== null,
     fadesIn: !a,
     transition: d ? an(d, o) : on(c)
@@ -1751,7 +1751,7 @@ var Ar = 3, hc = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
     cx: C(i.x),
     cy: C(i.y),
     size: r.get("size", e),
-    fill: V(r.get("fill", e)),
+    fill: z(r.get("fill", e)),
     fillOpacity: r.get("fillAlpha", e),
     opacity: r.get("alpha", e),
     stroke: r.get("stroke", e),
@@ -1773,14 +1773,14 @@ var Ar = 3, hc = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
     });
   }
   return pd(o);
-}, wc = ge(function({ layer: t, shouldAnimateTransitions: r, intro: n }) {
+}, wc = ge(function({ layer: t, animateTransitions: r, intro: n }) {
   const o = G(t), a = sr(n?.type === "grow" && n.growAxis === "size" ? n : null, r);
   return b(() => {
     const i = a.activeIntro ? Se(t.data, t.mapping, t.id) : null, s = [];
     let d = 0;
     for (const c of t.data) s.push(/* @__PURE__ */ l(Ma, {
       observation: c,
-      project: Ve,
+      project: ze,
       styleReaders: o,
       animation: a,
       introKey: i?.(c)
@@ -1803,9 +1803,9 @@ var Ar = 3, hc = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
   geom: "point",
   coord: "cartesian",
   swatchShape: "circle",
-  render: ({ layer: e, shouldAnimateTransitions: t, intro: r }) => /* @__PURE__ */ l(wc, {
+  render: ({ layer: e, animateTransitions: t, intro: r }) => /* @__PURE__ */ l(wc, {
     layer: e,
-    shouldAnimateTransitions: t,
+    animateTransitions: t,
     intro: r
   }),
   renderHover: ({ primary: e, group: t, related: r }) => /* @__PURE__ */ l(ao, {
@@ -1815,7 +1815,7 @@ var Ar = 3, hc = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
   renderHoverCompanions: ({ related: e }) => /* @__PURE__ */ l(ao, { companions: e }),
   getEditOutlineShapes: (e) => Na({
     ...e,
-    project: Ve
+    project: ze
   }),
   getOverlayAnchor: ({ observation: e }) => {
     const t = J(e), r = _(e);
@@ -2083,12 +2083,12 @@ var Ar = 3, hc = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
   elevationSm: "0 0 4px rgba(15, 15, 24, 0.12), 0 4px 4px rgba(14, 14, 52, 0.08)",
   elevationMd: "0 0 8px rgba(15, 15, 24, 0.12), 0 8px 8px rgba(14, 14, 52, 0.08)",
   elevationLg: "0 0 16px rgba(15, 15, 24, 0.12), 0 16px 16px rgba(14, 14, 52, 0.08)"
-}, Va = {
+}, za = {
   radiiXs: "4px",
   radiiSm: "6px",
   radiiMd: "8px",
   radiiLg: "12px"
-}, za = {
+}, Va = {
   zIndexToolbar: `${Dt.textToolbar}`,
   zIndexToolbarTooltip: `${Dt.textToolbarTooltip}`,
   zIndexToolbarPopover: `${Dt.textToolbarPopover}`,
@@ -2173,9 +2173,9 @@ var Ar = 3, hc = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
   ...Ic,
   ...Tc,
   ...Wa,
-  ...Va,
-  ...Ya,
   ...za,
+  ...Ya,
+  ...Va,
   ...Bc,
   ...Mc,
   ...Ga,
@@ -2255,9 +2255,9 @@ var Ar = 3, hc = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
   ...Nc,
   ...Hc,
   ...Wa,
-  ...Va,
-  ...Ya,
   ...za,
+  ...Ya,
+  ...Va,
   ...Dc,
   ...Fc,
   ...Ga,
@@ -2272,7 +2272,7 @@ var Ar = 3, hc = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
     ...e === "dark" ? Oc : Gc,
     ...r
   };
-}, ja = (e, t = {}, r) => ({ fonts: Pc(hn(e, t), r) }), Wc = Object.freeze(ja("light")), Ka = Y(Wc), Vc = ({ metrics: e, children: t }) => /* @__PURE__ */ l(Ka.Provider, {
+}, ja = (e, t = {}, r) => ({ fonts: Pc(hn(e, t), r) }), Wc = Object.freeze(ja("light")), Ka = Y(Wc), zc = ({ metrics: e, children: t }) => /* @__PURE__ */ l(Ka.Provider, {
   value: e,
   children: t
 }), Ke = () => N(Ka), dr = (e, t, r) => {
@@ -2303,7 +2303,7 @@ var Ar = 3, hc = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
     t,
     r
   ]);
-}, zc = /\p{Emoji_Presentation}|\p{Emoji}\uFE0F/gu, Ua = "😀", Yc = class Qa {
+}, Vc = /\p{Emoji_Presentation}|\p{Emoji}\uFE0F/gu, Ua = "😀", Yc = class Qa {
   constructor() {
     this.emojiCorrections = /* @__PURE__ */ new Map(), this.currentFont = "";
     const t = new OffscreenCanvas(1, 1).getContext("2d");
@@ -2346,7 +2346,7 @@ var Ar = 3, hc = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
     return this.emojiCorrections.set(t, a), a;
   }
 }, Ee = null, jc = (e) => {
-  const t = e.match(zc);
+  const t = e.match(Vc);
   return t ? t.length : 0;
 }, Kc = (e) => {
   const t = Uc();
@@ -2487,7 +2487,7 @@ var uu = "_2qyyu60", hu = 2, vu = 12, gu = 12, lo = 1, co = 2, fu = 4, pu = 3, m
     case "circle": {
       const g = Math.max(0, (Math.min(o, a) - 2) / 2);
       if (c !== void 0 && c !== "circle") {
-        const f = zs(c, o - 2, a - 2);
+        const f = Vs(c, o - 2, a - 2);
         return /* @__PURE__ */ l("path", {
           transform: `translate(${o / 2 + f.offsetX} ${a / 2 + f.offsetY})`,
           d: f.path,
@@ -2548,7 +2548,7 @@ var uu = "_2qyyu60", hu = 2, vu = 12, gu = 12, lo = 1, co = 2, fu = 4, pu = 3, m
   }
   const o = t / 2, a = t * uo, i = (s) => `M ${s} ${o - a} V ${o + a}`;
   return `${i(n)} M ${n} ${o} H ${e - n} ${i(e - n)}`;
-}, Su = (e, t, r, n) => r === void 0 ? t : yu.has(e) ? wu(r, n) : V(r), wu = (e, t) => {
+}, Su = (e, t, r, n) => r === void 0 ? t : yu.has(e) ? wu(r, n) : z(r), wu = (e, t) => {
   if (typeof e == "string" || !Jr(e)) return e;
   const r = Math.max(mu, Math.floor(t / pu));
   return {
@@ -2614,7 +2614,7 @@ var uu = "_2qyyu60", hu = 2, vu = 12, gu = 12, lo = 1, co = 2, fu = 4, pu = 3, m
   [e.letterSpacing]: t.letterSpacing === void 0 ? "normal" : `${t.letterSpacing}px`,
   [e.lineHeight]: String(t.lineHeight),
   [e.textColor]: t.textColor
-}), $a = (e) => e.textOutlineColor !== void 0 && e.textOutlineWidth !== void 0 && e.textOutlineWidth > 0, Eu = ({ labelPosition: e, linePosition: t, color: r, pillWidth: n, pillHeight: o, text: a, shouldAnimateTransitions: i }) => {
+}), $a = (e) => e.textOutlineColor !== void 0 && e.textOutlineWidth !== void 0 && e.textOutlineWidth > 0, Eu = ({ labelPosition: e, linePosition: t, color: r, pillWidth: n, pillHeight: o, text: a, animateTransitions: i }) => {
   const s = e === "start", d = s ? -13 : -(n - 13), c = s ? d + n - 5 : d + 5 - 12, u = s ? void 0 : `rotate(180 ${c + 12 / 2} ${o / 2})`, h = s ? "0%" : "100%", g = C(1 - t), f = /* @__PURE__ */ S("g", {
     transform: `translate(0, ${-o / 2})`,
     pointerEvents: "none",
@@ -2648,7 +2648,7 @@ var uu = "_2qyyu60", hu = 2, vu = 12, gu = 12, lo = 1, co = 2, fu = 4, pu = 3, m
       })
     ]
   });
-  return i ? /* @__PURE__ */ l(z.svg, {
+  return i ? /* @__PURE__ */ l(V.svg, {
     initial: !1,
     transition: be,
     x: h,
@@ -2661,7 +2661,7 @@ var uu = "_2qyyu60", hu = 2, vu = 12, gu = 12, lo = 1, co = 2, fu = 4, pu = 3, m
     overflow: "visible",
     children: f
   });
-}, Pu = ({ labelPosition: e, linePosition: t, color: r, pillWidth: n, pillHeight: o, panelWidth: a, text: i, shouldAnimateTransitions: s }) => {
+}, Pu = ({ labelPosition: e, linePosition: t, color: r, pillWidth: n, pillHeight: o, panelWidth: a, text: i, animateTransitions: s }) => {
   const d = e === "start", c = d ? -13 : -(o - 13), u = C(t), h = d ? "100%" : "0%", g = /* @__PURE__ */ S("g", {
     transform: `translate(${su(t, n, a)}, 0)`,
     pointerEvents: "none",
@@ -2677,7 +2677,7 @@ var uu = "_2qyyu60", hu = 2, vu = 12, gu = 12, lo = 1, co = 2, fu = 4, pu = 3, m
       children: i
     })]
   });
-  return s ? /* @__PURE__ */ l(z.svg, {
+  return s ? /* @__PURE__ */ l(V.svg, {
     initial: !1,
     transition: be,
     y: h,
@@ -2690,7 +2690,7 @@ var uu = "_2qyyu60", hu = 2, vu = 12, gu = 12, lo = 1, co = 2, fu = 4, pu = 3, m
     overflow: "visible",
     children: g
   });
-}, Ru = ({ label: e, textStyle: t, textWidth: r, labelPosition: n, isHorizontalLine: o, position: a, color: i, textColor: s, symbolShape: d, symbolColor: c, symbolPaint: u, symbolAlpha: h, symbolCornerRadius: g, symbolGlyph: f, symbolMainAxis: v, panelWidth: m, shouldAnimateTransitions: p }) => {
+}, Ru = ({ label: e, textStyle: t, textWidth: r, labelPosition: n, horizontal: o, position: a, color: i, textColor: s, symbolShape: d, symbolColor: c, symbolPaint: u, symbolAlpha: h, symbolCornerRadius: g, symbolGlyph: f, symbolMainAxis: v, panelWidth: m, animateTransitions: p }) => {
   const A = d === null ? 0 : 14, x = r + A + 10, w = Math.max(Jc, We(t)) + 10, k = /* @__PURE__ */ S(T, { children: [d !== null && c !== null && /* @__PURE__ */ l("g", {
     transform: `translate(0, ${-10 / 2})`,
     children: /* @__PURE__ */ l(Lt, {
@@ -2724,7 +2724,7 @@ var uu = "_2qyyu60", hu = 2, vu = 12, gu = 12, lo = 1, co = 2, fu = 4, pu = 3, m
     pillWidth: x,
     pillHeight: w,
     text: k,
-    shouldAnimateTransitions: p
+    animateTransitions: p
   }) : /* @__PURE__ */ l(Pu, {
     labelPosition: n,
     linePosition: a,
@@ -2733,11 +2733,11 @@ var uu = "_2qyyu60", hu = 2, vu = 12, gu = 12, lo = 1, co = 2, fu = 4, pu = 3, m
     pillHeight: w,
     panelWidth: m,
     text: k,
-    shouldAnimateTransitions: p
+    animateTransitions: p
   });
-}, Cu = ({ strokeWidth: e, dashArray: t, lineCap: r, lineJoin: n, isHorizontalLine: o, position: a, lineColor: i, effects: s, shouldAnimateTransitions: d }) => {
+}, Cu = ({ strokeWidth: e, dashArray: t, lineCap: r, lineJoin: n, horizontal: o, position: a, lineColor: i, effects: s, animateTransitions: d }) => {
   const c = ru(o, a), u = nu(t, e, r, n);
-  return d ? /* @__PURE__ */ l(z.line, {
+  return d ? /* @__PURE__ */ l(V.line, {
     initial: !1,
     transition: be,
     animate: {
@@ -2759,7 +2759,7 @@ var uu = "_2qyyu60", hu = 2, vu = 12, gu = 12, lo = 1, co = 2, fu = 4, pu = 3, m
     strokeWidth: e,
     vectorEffect: "non-scaling-stroke"
   });
-}, Lu = ge(function({ layer: t, coordSystem: r, formattingLocale: n, shouldAnimateTransitions: o, panelWidth: a }) {
+}, Lu = ge(function({ layer: t, coordSystem: r, formattingLocale: n, animateTransitions: o, panelWidth: a }) {
   const i = Oe(), s = de(), { guides: d, numberFormat: c, specLayers: u, colorScale: h } = B(oe((j) => ({
     guides: j.guides,
     numberFormat: j.config.numberFormat,
@@ -2779,7 +2779,7 @@ var uu = "_2qyyu60", hu = 2, vu = 12, gu = 12, lo = 1, co = 2, fu = 4, pu = 3, m
     c,
     n,
     t
-  ]), { fonts: A } = Ke(), x = O(), w = I(Vl, x.geom.rule.label(t), x.graph()), k = b(() => te(w, A.familyDefault), [w, A.familyDefault]), E = b(() => p === null ? null : la(p, iu(a, f !== null), (j) => i.measureText(j, k).width), [
+  ]), { fonts: A } = Ke(), x = O(), w = I(zl, x.geom.rule.label(t), x.graph()), k = b(() => te(w, A.familyDefault), [w, A.familyDefault]), E = b(() => p === null ? null : la(p, iu(a, f !== null), (j) => i.measureText(j, k).width), [
     p,
     a,
     f,
@@ -2800,17 +2800,17 @@ var uu = "_2qyyu60", hu = 2, vu = 12, gu = 12, lo = 1, co = 2, fu = 4, pu = 3, m
       dashArray: L.get("dashArray", P),
       lineCap: L.get("lineCap", P),
       lineJoin: L.get("lineJoin", P),
-      isHorizontalLine: X,
+      horizontal: X,
       position: ce,
       lineColor: M,
       effects: $(Z(L, P)),
-      shouldAnimateTransitions: o
+      animateTransitions: o
     }), E !== null && E !== "" && /* @__PURE__ */ l(Ru, {
       label: E,
       textStyle: w,
       textWidth: R,
       labelPosition: t.params.labelPosition,
-      isHorizontalLine: X,
+      horizontal: X,
       position: ce,
       color: M,
       textColor: H,
@@ -2822,17 +2822,17 @@ var uu = "_2qyyu60", hu = 2, vu = 12, gu = 12, lo = 1, co = 2, fu = 4, pu = 3, m
       symbolGlyph: v.symbol,
       symbolMainAxis: wt(r),
       panelWidth: a,
-      shouldAnimateTransitions: o
+      animateTransitions: o
     })]
   });
-}), Iu = (e, t) => e.textColor === void 0 ? $o(t) : e.isTextColorThemed ? Qr(e.textColor, t) : e.textColor, Tu = {
+}), Iu = (e, t) => e.textColor === void 0 ? $o(t) : e.hasThemedTextColor ? Qr(e.textColor, t) : e.textColor, Tu = {
   geom: "rule",
   coord: "cartesian",
-  render: ({ layer: e, coordSystem: t, formattingLocale: r, shouldAnimateTransitions: n, panelRect: o }) => /* @__PURE__ */ l(Lu, {
+  render: ({ layer: e, coordSystem: t, formattingLocale: r, animateTransitions: n, panelRect: o }) => /* @__PURE__ */ l(Lu, {
     layer: e,
     coordSystem: t,
     formattingLocale: r,
-    shouldAnimateTransitions: n,
+    animateTransitions: n,
     panelWidth: o.width
   }),
   renderHover: () => null,
@@ -2840,7 +2840,7 @@ var uu = "_2qyyu60", hu = 2, vu = 12, gu = 12, lo = 1, co = 2, fu = 4, pu = 3, m
 }, pn = (e, t, r) => Dl({
   cornerRadius: e,
   box: Te(t, r)
-}), Bu = ({ layer: e, panelRect: t, styleReaders: r, shouldAnimateTransitions: n }) => {
+}), Bu = ({ layer: e, panelRect: t, styleReaders: r, animateTransitions: n }) => {
   let o = "";
   for (const a of e.data) {
     const i = Xr(a);
@@ -2849,14 +2849,14 @@ var uu = "_2qyyu60", hu = 2, vu = 12, gu = 12, lo = 1, co = 2, fu = 4, pu = 3, m
   return o === "" ? [] : [{
     kind: "region",
     pathData: o,
-    shouldAnimateTransitions: n
+    animateTransitions: n
   }];
-}, Mu = ({ intro: e, children: t }) => N(nr)?.isFading ? t : /* @__PURE__ */ l(z.g, {
+}, Mu = ({ intro: e, children: t }) => N(nr)?.fading ? t : /* @__PURE__ */ l(V.g, {
   initial: { opacity: 0 },
   animate: { opacity: 1 },
   transition: ba(e),
   children: t
-}), Ou = ge(function({ layer: t, panelRect: r, shouldAnimateTransitions: n, intro: o }) {
+}), Ou = ge(function({ layer: t, panelRect: r, animateTransitions: n, intro: o }) {
   const a = o?.type === "fade" ? o : null, i = G(t), { paints: s, paintAt: d } = Ct(t, i), { fillFor: c, defs: u } = le({ paints: s }), h = b(() => {
     const g = ol(t.data, t.mapping, t.id), f = [];
     let v = -1;
@@ -2876,7 +2876,7 @@ var uu = "_2qyyu60", hu = 2, vu = 12, gu = 12, lo = 1, co = 2, fu = 4, pu = 3, m
     }
     return f.map(({ key: m, ...p }) => /* @__PURE__ */ l(Nu, {
       ...p,
-      isAnimated: n
+      animated: n
     }, m));
   }, [
     t,
@@ -2890,7 +2890,7 @@ var uu = "_2qyyu60", hu = 2, vu = 12, gu = 12, lo = 1, co = 2, fu = 4, pu = 3, m
     intro: a,
     children: [u, h]
   }) : /* @__PURE__ */ S(T, { children: [u, h] });
-}), Nu = ({ isAnimated: e, ...t }) => e ? /* @__PURE__ */ l(z.rect, {
+}), Nu = ({ animated: e, ...t }) => e ? /* @__PURE__ */ l(V.rect, {
   initial: !1,
   style: t.effects,
   transition: be,
@@ -2919,7 +2919,7 @@ var uu = "_2qyyu60", hu = 2, vu = 12, gu = 12, lo = 1, co = 2, fu = 4, pu = 3, m
 }), Hu = ({ layer: e, primary: t, panelRect: r }) => {
   const n = G(e), o = n.get("fill", t.observation), { fillFor: a, defs: i } = le({ paints: [o] }), s = Xr(t.observation);
   if (!s) return null;
-  const d = a(o), c = n.get("alpha", t.observation) * n.get("fillAlpha", t.observation), u = n.get("stroke", t.observation, "hovered") ?? zr, h = n.get("strokeWidth", t.observation, "hovered"), g = pn(n.get("cornerRadius", t.observation, "hovered"), s, r), f = s.x * r.width, v = s.y * r.height, m = s.width * r.width, p = s.height * r.height;
+  const d = a(o), c = n.get("alpha", t.observation) * n.get("fillAlpha", t.observation), u = n.get("stroke", t.observation, "hovered") ?? Vr, h = n.get("strokeWidth", t.observation, "hovered"), g = pn(n.get("cornerRadius", t.observation, "hovered"), s, r), f = s.x * r.width, v = s.y * r.height, m = s.width * r.width, p = s.height * r.height;
   return /* @__PURE__ */ S("g", {
     "data-testid": "hovered-tile",
     children: [
@@ -2950,10 +2950,10 @@ var uu = "_2qyyu60", hu = 2, vu = 12, gu = 12, lo = 1, co = 2, fu = 4, pu = 3, m
   coord: "cartesian",
   swatchShape: "square",
   guideMode: null,
-  render: ({ layer: e, panelRect: t, shouldAnimateTransitions: r, intro: n }) => /* @__PURE__ */ l(Ou, {
+  render: ({ layer: e, panelRect: t, animateTransitions: r, intro: n }) => /* @__PURE__ */ l(Ou, {
     layer: e,
     panelRect: t,
-    shouldAnimateTransitions: r,
+    animateTransitions: r,
     intro: n
   }),
   renderHover: ({ layer: e, primary: t, panelRect: r }) => /* @__PURE__ */ l(Hu, {
@@ -3007,7 +3007,7 @@ var uu = "_2qyyu60", hu = 2, vu = 12, gu = 12, lo = 1, co = 2, fu = 4, pu = 3, m
         fillPath: h.fillPath,
         outlinePath: h.outlinePath,
         paint: f,
-        stroke: n.get("stroke", g) ?? V(f),
+        stroke: n.get("stroke", g) ?? z(f),
         fillOpacity: n.get("fillAlpha", g) * n.get("alpha", g),
         strokeOpacity: n.get("strokeAlpha", g) * n.get("alpha", g),
         ...Me(n.get("dashArray", g), n.get("strokeWidth", g))
@@ -3086,7 +3086,7 @@ var uu = "_2qyyu60", hu = 2, vu = 12, gu = 12, lo = 1, co = 2, fu = 4, pu = 3, m
     const c = d.hole === null ? "" : Tr(d.hole, r);
     n.push({
       kind: "region",
-      key: String(ze(s)),
+      key: String(Ve(s)),
       pathData: Tr(d.outer, r) + c,
       fillRule: "evenodd"
     });
@@ -3095,13 +3095,13 @@ var uu = "_2qyyu60", hu = 2, vu = 12, gu = 12, lo = 1, co = 2, fu = 4, pu = 3, m
     centers: o,
     size: tt
   }), n;
-}, Vu = ({ layer: e, primary: t, companions: r, panelRect: n }) => {
-  const o = G(e), a = ze(t.observation), i = o.get("fill", t.observation, "hovered"), { fillFor: s, defs: d } = le({
+}, zu = ({ layer: e, primary: t, companions: r, panelRect: n }) => {
+  const o = G(e), a = Ve(t.observation), i = o.get("fill", t.observation, "hovered"), { fillFor: s, defs: d } = le({
     paints: [i],
     unitsPerPixel: Rt(n)
   }), c = b(() => ti([...e.data.filter(ne.group, "eq", a)]), [e.data, a]);
   if (!c) return null;
-  const u = o.get("stroke", t.observation, "hovered") ?? V(i), h = o.get("alpha", t.observation, "hovered"), g = o.get("fillAlpha", t.observation, "hovered") * h, f = o.get("strokeAlpha", t.observation, "hovered") * h, { strokeWidth: v, strokeDasharray: m, strokeLinecap: p } = Me(o.get("dashArray", t.observation, "hovered"), o.get("strokeWidth", t.observation, "hovered"));
+  const u = o.get("stroke", t.observation, "hovered") ?? z(i), h = o.get("alpha", t.observation, "hovered"), g = o.get("fillAlpha", t.observation, "hovered") * h, f = o.get("strokeAlpha", t.observation, "hovered") * h, { strokeWidth: v, strokeDasharray: m, strokeLinecap: p } = Me(o.get("dashArray", t.observation, "hovered"), o.get("strokeWidth", t.observation, "hovered"));
   return /* @__PURE__ */ S(T, { children: [
     /* @__PURE__ */ S(we, {
       viewBox: "-1 -1 2 2",
@@ -3144,7 +3144,7 @@ var uu = "_2qyyu60", hu = 2, vu = 12, gu = 12, lo = 1, co = 2, fu = 4, pu = 3, m
       "data-testid": "hovered-area-point"
     })
   ] });
-}, zu = {
+}, Vu = {
   geom: "area",
   coord: "polar",
   swatchShape: "area",
@@ -3153,7 +3153,7 @@ var uu = "_2qyyu60", hu = 2, vu = 12, gu = 12, lo = 1, co = 2, fu = 4, pu = 3, m
     layer: e,
     panelRect: t
   }),
-  renderHover: ({ layer: e, primary: t, group: r, related: n, panelRect: o }) => /* @__PURE__ */ l(Vu, {
+  renderHover: ({ layer: e, primary: t, group: r, related: n, panelRect: o }) => /* @__PURE__ */ l(zu, {
     layer: e,
     primary: t,
     companions: [...r, ...n],
@@ -3220,7 +3220,7 @@ var uu = "_2qyyu60", hu = 2, vu = 12, gu = 12, lo = 1, co = 2, fu = 4, pu = 3, m
     from: e.startAngle,
     to: e.endAngle
   }
-}, n), ju = ln(yn), Ku = ({ layer: e, sourceLayer: t, coordSystem: r, panelRect: n, styleReaders: o, shouldAnimateTransitions: a }) => {
+}, n), ju = ln(yn), Ku = ({ layer: e, sourceLayer: t, coordSystem: r, panelRect: n, styleReaders: o, animateTransitions: a }) => {
   const { bandAxis: i } = r, s = ju(t, i, o), d = Fu(n);
   let c = "";
   for (const u of e.data) {
@@ -3232,13 +3232,13 @@ var uu = "_2qyyu60", hu = 2, vu = 12, gu = 12, lo = 1, co = 2, fu = 4, pu = 3, m
   return c === "" ? [] : [{
     kind: "region",
     pathData: c,
-    shouldAnimateTransitions: a
+    animateTransitions: a
   }];
 }, ho = Math.PI * 2, Ut = (e, t) => ({
   stroke: e,
   strokeWidth: t,
   vectorEffect: "non-scaling-stroke"
-}), Uu = ge(function({ layer: t, coordSystem: r, shouldAnimateTransitions: n, intro: o, panelRect: a }) {
+}), Uu = ge(function({ layer: t, coordSystem: r, animateTransitions: n, intro: o, panelRect: a }) {
   const i = Q(), s = sr(o?.type === "grow" && (o.growAxis === "angle" || o.growAxis === "radius") ? o : null, n), d = r.bandAxis !== "x", c = G(t), { paints: u, paintAt: h } = Ct(t, c), { fillFor: g, defs: f } = le({
     paints: u,
     unitsPerPixel: Rt(a)
@@ -3271,7 +3271,7 @@ var uu = "_2qyyu60", hu = 2, vu = 12, gu = 12, lo = 1, co = 2, fu = 4, pu = 3, m
     children: [f, v.map((m, p) => {
       const { stroke: A, strokeWidth: x, strokeAlpha: w } = m.style, k = A !== void 0, E = kt(x), R = A === void 0 ? {} : Ut(A, E.separatorWidth), L = A === void 0 ? void 0 : Ut(A, E.outlineWidth), P = m.members.map((ce) => {
         const { key: j, ...Ce } = ce;
-        return s.isAnimated ? /* @__PURE__ */ l(Qu, {
+        return s.animated ? /* @__PURE__ */ l(Qu, {
           ...Ce,
           animation: s,
           sweepsInOnLateMount: d,
@@ -3290,7 +3290,7 @@ var uu = "_2qyyu60", hu = 2, vu = 12, gu = 12, lo = 1, co = 2, fu = 4, pu = 3, m
       }), M = xn(m);
       if (!k && M <= 0) return /* @__PURE__ */ l(Pt, { children: P }, m.key);
       const H = `${i}${p}`;
-      if (s.isAnimated) return /* @__PURE__ */ l("g", {
+      if (s.animated) return /* @__PURE__ */ l("g", {
         clipPath: `url(#${H})`,
         children: /* @__PURE__ */ l(Xu, {
           ...m.union,
@@ -3327,7 +3327,7 @@ var uu = "_2qyyu60", hu = 2, vu = 12, gu = 12, lo = 1, co = 2, fu = 4, pu = 3, m
     })]
   });
 }), ai = ({ startAngle: e, endAngle: t, innerRadius: r, outerRadius: n, cornerRadius: o, animation: a, sweepsInOnLateMount: i, introKey: s }) => {
-  const d = a.activeIntro?.growAxis === "angle" ? a.activeIntro : null, c = a.activeIntro?.growAxis === "radius" ? a.activeIntro : null, u = i && !a.isLayerEntrance, h = d?.baseline ?? (u ? ho : e), g = d?.baseline ?? (u ? ho : t), f = c ? c.baseline : r, v = c ? c.baseline : n, m = ye(h), p = ye(g), A = ye(f), x = ye(v), w = ye(Ge({
+  const d = a.activeIntro?.growAxis === "angle" ? a.activeIntro : null, c = a.activeIntro?.growAxis === "radius" ? a.activeIntro : null, u = i && !a.mounting, h = d?.baseline ?? (u ? ho : e), g = d?.baseline ?? (u ? ho : t), f = c ? c.baseline : r, v = c ? c.baseline : n, m = ye(h), p = ye(g), A = ye(f), x = ye(v), w = ye(Ge({
     startAngle: h,
     endAngle: g,
     innerRadius: f,
@@ -3388,7 +3388,7 @@ var uu = "_2qyyu60", hu = 2, vu = 12, gu = 12, lo = 1, co = 2, fu = 4, pu = 3, m
   ]), w;
 }, Qu = ({ pathProps: e, ...t }) => {
   const r = ai(t);
-  return /* @__PURE__ */ l(z.path, {
+  return /* @__PURE__ */ l(V.path, {
     d: r,
     transition: be,
     ...e
@@ -3398,10 +3398,10 @@ var uu = "_2qyyu60", hu = 2, vu = 12, gu = 12, lo = 1, co = 2, fu = 4, pu = 3, m
   return /* @__PURE__ */ S(T, { children: [
     /* @__PURE__ */ l("clipPath", {
       id: e,
-      children: /* @__PURE__ */ l(z.path, { d: a })
+      children: /* @__PURE__ */ l(V.path, { d: a })
     }),
     n,
-    t !== void 0 && /* @__PURE__ */ l(z.path, {
+    t !== void 0 && /* @__PURE__ */ l(V.path, {
       d: a,
       fill: "none",
       opacity: r,
@@ -3546,10 +3546,10 @@ var uu = "_2qyyu60", hu = 2, vu = 12, gu = 12, lo = 1, co = 2, fu = 4, pu = 3, m
   coord: "polar",
   swatchShape: "slice",
   guideMode: "band",
-  render: ({ layer: e, coordSystem: t, shouldAnimateTransitions: r, intro: n, panelRect: o }) => /* @__PURE__ */ l(Uu, {
+  render: ({ layer: e, coordSystem: t, animateTransitions: r, intro: n, panelRect: o }) => /* @__PURE__ */ l(Uu, {
     layer: e,
     coordSystem: t,
-    shouldAnimateTransitions: r,
+    animateTransitions: r,
     intro: n,
     panelRect: o
   }),
@@ -3637,7 +3637,7 @@ var uu = "_2qyyu60", hu = 2, vu = 12, gu = 12, lo = 1, co = 2, fu = 4, pu = 3, m
     const c = Tr(li(s), n);
     c !== "" && o.push({
       kind: "stroke",
-      key: String(ze(d)),
+      key: String(Ve(d)),
       pathData: c,
       width: r.get("strokeWidth", d)
     });
@@ -3647,7 +3647,7 @@ var uu = "_2qyyu60", hu = 2, vu = 12, gu = 12, lo = 1, co = 2, fu = 4, pu = 3, m
     size: tt
   }), o;
 }, nh = ({ layer: e, primary: t, companions: r }) => {
-  const n = G(e), o = ze(t.observation), a = b(() => si([...e.data.filter(ne.group, "eq", o)]), [e.data, o]);
+  const n = G(e), o = Ve(t.observation), a = b(() => si([...e.data.filter(ne.group, "eq", o)]), [e.data, o]);
   if (!a) return null;
   const i = n.get("stroke", t.observation, "hovered"), s = n.get("alpha", t.observation, "hovered"), d = n.get("strokeAlpha", t.observation, "hovered"), { strokeWidth: c, strokeDasharray: u, strokeLinecap: h } = Me(n.get("dashArray", t.observation, "hovered"), n.get("strokeWidth", t.observation, "hovered"), n.get("lineCap", t.observation, "hovered")), g = n.get("lineJoin", t.observation, "hovered");
   return /* @__PURE__ */ S(T, { children: [
@@ -3706,7 +3706,7 @@ var uu = "_2qyyu60", hu = 2, vu = 12, gu = 12, lo = 1, co = 2, fu = 4, pu = 3, m
       y: 1 - o
     };
   }
-}, ah = ge(function({ layer: t, shouldAnimateTransitions: r, intro: n }) {
+}, ah = ge(function({ layer: t, animateTransitions: r, intro: n }) {
   const o = G(t), a = sr(n?.type === "grow" && n.growAxis === "size" ? n : null, r);
   return b(() => {
     const i = a.activeIntro ? Se(t.data, t.mapping, t.id) : null, s = [];
@@ -3730,9 +3730,9 @@ var uu = "_2qyyu60", hu = 2, vu = 12, gu = 12, lo = 1, co = 2, fu = 4, pu = 3, m
   geom: "point",
   coord: "polar",
   swatchShape: "circle",
-  render: ({ layer: e, shouldAnimateTransitions: t, intro: r }) => /* @__PURE__ */ l(ah, {
+  render: ({ layer: e, animateTransitions: t, intro: r }) => /* @__PURE__ */ l(ah, {
     layer: e,
-    shouldAnimateTransitions: t,
+    animateTransitions: t,
     intro: r
   }),
   renderHover: ({ primary: e, group: t, related: r }) => /* @__PURE__ */ l(Kt, {
@@ -3764,7 +3764,7 @@ var uu = "_2qyyu60", hu = 2, vu = 12, gu = 12, lo = 1, co = 2, fu = 4, pu = 3, m
   },
   area: {
     cartesian: Wd,
-    polar: zu
+    polar: Vu
   },
   point: {
     cartesian: kc,
@@ -3818,8 +3818,8 @@ var dh = [
     hover: Yt,
     tooltipAnchor: null,
     pointerRegions: [],
-    isPointerSuspended: !1,
-    isQueryOwnedByEditor: !1,
+    suspendsHover: !1,
+    editorOwnsQuery: !1,
     setHoverState: (r) => t((n) => n.hover === r ? n : { hover: r }),
     setTooltipAnchor: (r) => t((n) => hh(n.tooltipAnchor, r) ? n : { tooltipAnchor: r }),
     publishPointerRegions: (r, n) => {
@@ -3827,8 +3827,8 @@ var dh = [
       const o = Sl(e);
       t((a) => Os(a.pointerRegions, o) ? a : { pointerRegions: o });
     },
-    setPointerSuspended: (r) => t((n) => n.isPointerSuspended === r ? n : { isPointerSuspended: r }),
-    setQueryOwnedByEditor: (r) => t((n) => n.isQueryOwnedByEditor === r ? n : { isQueryOwnedByEditor: r })
+    setSuspendsHover: (r) => t((n) => n.suspendsHover === r ? n : { suspendsHover: r }),
+    setEditorOwnsQuery: (r) => t((n) => n.editorOwnsQuery === r ? n : { editorOwnsQuery: r })
   }));
 }, hh = (e, t) => e === t ? !0 : e === null || t === null ? !1 : e.x === t.x && e.y === t.y && e.placement === t.placement && e.annotationId === t.annotationId, vh = (e, t) => {
   const r = b(() => ({
@@ -3885,8 +3885,8 @@ var ph = ({ hitTest: e, input: t }) => {
   height: "150%"
 }, yy = (e) => /* @__PURE__ */ l(ui, {
   ...e,
-  isEmpty: !1
-}), ui = ({ styleReaders: e, state: t, isEmpty: r, children: n }) => {
+  empty: !1
+}), ui = ({ styleReaders: e, state: t, empty: r, children: n }) => {
   const o = Q(), a = Q(), i = Cd(), s = e.get("overpaint", void 0, t) ?? mh, { fillFor: d, defs: c } = le({ paints: s }), u = /* @__PURE__ */ l("g", {
     id: o,
     children: n
@@ -3965,7 +3965,7 @@ var Ah = (e, t) => {
 }, bh = {
   width: 0,
   height: 0,
-  isDefault: !0
+  unmeasured: !0
 }, hi = ({ debounce: e = 0, onResize: t } = {}) => {
   const [r, n] = U(bh), o = F(null), a = Ah((c) => {
     const u = o.current;
@@ -3980,7 +3980,7 @@ var Ah = (e, t) => {
       a.run({
         width: h,
         height: g,
-        isDefault: !1
+        unmeasured: !1
       });
     }), s.current.observe(c)));
   }, [a]);
@@ -4358,7 +4358,7 @@ var Re = {
     i
   ].map((s) => `${mo(s, t)}px`).join(" ");
 }, wn = (e, t) => {
-  const { x: r, y: n, width: o, height: a } = e, { topLeft: i, topRight: s, bottomRight: d, bottomLeft: c } = Vh(fi(t), o, a), u = r + o, h = n + a, g = (f, v, m) => f > 0 ? `A${f},${f},0,0,1,${v},${m}` : "";
+  const { x: r, y: n, width: o, height: a } = e, { topLeft: i, topRight: s, bottomRight: d, bottomLeft: c } = zh(fi(t), o, a), u = r + o, h = n + a, g = (f, v, m) => f > 0 ? `A${f},${f},0,0,1,${v},${m}` : "";
   return [
     `M${r + i},${n}`,
     `H${u - s}`,
@@ -4371,7 +4371,7 @@ var Re = {
     g(i, r + i, n),
     "Z"
   ].filter((f) => f !== "").join("");
-}, mo = (e, t) => e === 0 ? 0 : e + t, Vh = (e, t, r) => {
+}, mo = (e, t) => e === 0 ? 0 : e + t, zh = (e, t, r) => {
   const { topLeft: n, topRight: o, bottomRight: a, bottomLeft: i } = e, s = Math.min(1, ...[
     [t, n + o],
     [t, i + a],
@@ -4393,7 +4393,7 @@ var Re = {
   if (Jr(e)) {
     const n = e.size ?? 8, o = n / 6;
     return {
-      background: [...zh(e, n, o), ...e.background === void 0 ? [] : [e.background]].join(", "),
+      background: [...Vh(e, n, o), ...e.background === void 0 ? [] : [e.background]].join(", "),
       backgroundSize: `${n}px ${n}px`
     };
   }
@@ -4409,10 +4409,10 @@ var Re = {
     background: `${Ao(xo(e, r))} repeat, ${e.fallback}`,
     backgroundSize: `${r.width}px ${r.height}px`
   };
-}, zh = (e, t, r) => {
+}, Vh = (e, t, r) => {
   if (e.pattern === "dots") return [`radial-gradient(circle, ${e.color} ${r}px, transparent ${r}px)`];
   if (e.pattern === "lines") {
-    const n = `${t * zd}px`;
+    const n = `${t * Vd}px`;
     return [`linear-gradient(to bottom, ${e.color} ${n}, transparent ${n})`];
   }
   return [yo(-45, e.color, t, r), ...e.pattern === "crosshatch" ? [yo(45, e.color, t, r)] : []];
@@ -4590,10 +4590,10 @@ var Xt = {
   plansByLayerId: null,
   coordKey: null,
   introEndsAtMs: 0,
-  isWaitingForView: !1
+  waitingForView: !1
 }, mv = {
   ...Xt,
-  isWaitingForView: !0
+  waitingForView: !0
 }, fr = Y(Xt), xi = 0.4, yv = ({ intro: e, panelRect: t, children: r }) => {
   const { layers: n, coordSystem: o, scales: a } = B(oe((h) => ({
     layers: h.layers,
@@ -4605,14 +4605,14 @@ var Xt = {
     scales: a,
     intro: e
   })), [d, c] = U(null), u = Av(d) || !wo(e);
-  return i.isWaitingForView && u && s(ko({
+  return i.waitingForView && u && s(ko({
     layers: n,
     coordSystem: o,
     scales: a,
     intro: e
   })), /* @__PURE__ */ S(fr.Provider, {
     value: i,
-    children: [i.isWaitingForView && /* @__PURE__ */ l("div", {
+    children: [i.waitingForView && /* @__PURE__ */ l("div", {
       ref: c,
       className: "_84o2bh0",
       style: {
@@ -4623,7 +4623,7 @@ var Xt = {
       }
     }, `${t.width}x${t.height}`), r]
   });
-}, Qe = () => N(fr).isWaitingForView, xv = () => {
+}, Qe = () => N(fr).waitingForView, xv = () => {
   const { introEndsAtMs: e } = N(fr), [t] = U(() => Sv(e) / 1e3);
   return t;
 }, Ai = (e) => {
@@ -4651,7 +4651,7 @@ var Xt = {
     plansByLayerId: a,
     coordKey: bi(t),
     introEndsAtMs: performance.now() + i * 1e3,
-    isWaitingForView: !1
+    waitingForView: !1
   };
 }, Av = (e) => {
   const [t, r] = U(!1);
@@ -4684,7 +4684,7 @@ var Xt = {
     Qe()
   ]), {
     cursorRef: r,
-    isInside: n
+    inside: n
   };
 }, kv = 24, Ev = 8, Pv = {
   x: 0,
@@ -4709,8 +4709,8 @@ var Xt = {
     parsingLocale: x.config.parsingLocale,
     mode: x.config.tooltip.mode,
     comments: x.annotations.comments
-  }))), { formattingLocale: t } = ee(), r = O(), n = $e((x) => x.hover), o = $e((x) => x.tooltipAnchor), a = $e((x) => x.isPointerSuspended), i = xe("Tooltip", Cv), s = F(() => {
-  }), { cursorRef: d, isInside: c } = wv(() => s.current()), u = b(() => js({
+  }))), { formattingLocale: t } = ee(), r = O(), n = $e((x) => x.hover), o = $e((x) => x.tooltipAnchor), a = $e((x) => x.suspendsHover), i = xe("Tooltip", Cv), s = F(() => {
+  }), { cursorRef: d, inside: c } = wv(() => s.current()), u = b(() => js({
     ...e,
     hover: n,
     readers: r,
@@ -4727,7 +4727,7 @@ var Xt = {
     const x = d.current;
     return x === null ? Pv : Iv(x);
   } }), [d, o]), { refs: f, floatingStyles: v, update: m } = da(Bv({
-    isOpen: h,
+    open: h,
     tooltipAnchor: o,
     virtualReference: g
   }));
@@ -4742,7 +4742,7 @@ var Xt = {
   }), A = ev();
   return A ? $l(/* @__PURE__ */ l($h, { children: p }), A) : p;
 }, Cv = ({ content: e }) => {
-  const t = de(), r = B((h) => h.coordSystem), n = I(zl, O()), o = st([n.box.fill]), a = q(n.heading), i = q(n.label), s = q(n.value), d = { paddingInline: n.box.paddingInline }, c = e.rows.some((h) => h.swatchColor !== null), u = e.rows.some((h) => !h.isPrimary);
+  const t = de(), r = B((h) => h.coordSystem), n = I(Vl, O()), o = st([n.box.fill]), a = q(n.heading), i = q(n.label), s = q(n.value), d = { paddingInline: n.box.paddingInline }, c = e.rows.some((h) => h.swatchColor !== null), u = e.rows.some((h) => !h.primary);
   return /* @__PURE__ */ S("div", {
     className: uv,
     style: Lv(n.box, o(n.box.fill)),
@@ -4775,12 +4775,12 @@ var Xt = {
             swatchShape: g?.swatchShape ?? "square",
             mainAxis: wt(r),
             hasSwatches: c,
-            shouldHighlight: h.isPrimary && u,
+            highlight: h.primary && u,
             labelStyle: i,
             valueStyle: s,
             paddingInline: n.box.paddingInline,
             paddingBlock: n.box.gap,
-            highlightBackground: V(n.primaryRow.fill)
+            highlightBackground: z(n.primaryRow.fill)
           }, h.key);
         })
       })
@@ -4813,7 +4813,7 @@ var Xt = {
   width: 0,
   height: 0,
   toJSON: () => ({})
-}), Bv = ({ isOpen: e, tooltipAnchor: t, virtualReference: r }) => ({
+}), Bv = ({ open: e, tooltipAnchor: t, virtualReference: r }) => ({
   open: e,
   placement: t !== null ? t.placement : "right",
   middleware: t !== null ? [
@@ -4826,7 +4826,7 @@ var Xt = {
     Ir(Gt)
   ],
   elements: { reference: r }
-}), Mv = ({ row: e, swatchShape: t, mainAxis: r, hasSwatches: n, shouldHighlight: o, labelStyle: a, valueStyle: i, paddingInline: s, paddingBlock: d, highlightBackground: c }) => /* @__PURE__ */ S("div", {
+}), Mv = ({ row: e, swatchShape: t, mainAxis: r, hasSwatches: n, highlight: o, labelStyle: a, valueStyle: i, paddingInline: s, paddingBlock: d, highlightBackground: c }) => /* @__PURE__ */ S("div", {
   className: vv,
   style: {
     paddingInline: s,
@@ -4871,7 +4871,7 @@ var Xt = {
   y: e.tickLine.y().resolve()
 }), Ov = (e) => {
   const t = e.graph();
-  return jl(V(t.get("fill")), t.get("alpha") ?? 1);
+  return jl(z(t.get("fill")), t.get("alpha") ?? 1);
 }, Rn = (e) => (t, r) => r === void 0 ? e.tickLabel[t]().resolve() : e.tickLabel[r](t).resolve(), pr = (e) => {
   const t = {};
   for (const r of Es) {
@@ -4888,7 +4888,7 @@ var Xt = {
     popover: e.legend.popover().resolve()
   };
 }, Cn = (e) => e.headline().resolve(), Nv = ({ textMeasurer: e, tickLabelStyles: t, tickLineStyles: r, familyDefault: n }) => (o) => {
-  const a = o.position === "top" || o.position === "bottom", i = Ae(o.scaleAestheticKey), { offset: s, ...d } = t(i, o.position), c = o.ticksVisible ? Math.max(s, r[i].length) : s, u = te(d, n), h = o.ticks.map((f) => e.measureText(f.formattedLabel, u)), g = o.labelMaxWidthPx ?? Number.POSITIVE_INFINITY;
+  const a = o.position === "top" || o.position === "bottom", i = Ae(o.scaleAestheticKey), { offset: s, ...d } = t(i, o.position), c = o.showTicks ? Math.max(s, r[i].length) : s, u = te(d, n), h = o.ticks.map((f) => e.measureText(f.formattedLabel, u)), g = o.labelMaxWidthPx ?? Number.POSITIVE_INFINITY;
   if (a) {
     if (o.labelRotation !== 0) {
       const f = h.map((v) => v.width);
@@ -4910,14 +4910,14 @@ var Xt = {
     width: Ri(i.map((s) => s.width)) + Math.max(0, i.length - 1) * r,
     height: Math.max(0, ...i.map((s) => s.height))
   };
-}, Wv = ({ textMeasurer: e, familyDefault: t, headlineItemStyles: r }) => (n, o) => Pi(n, r[o], e, t).map((a) => a.width), Vv = ({ textMeasurer: e, familyDefault: t, headlineItemStyles: r }) => (n, o, a = !1) => {
+}, Wv = ({ textMeasurer: e, familyDefault: t, headlineItemStyles: r }) => (n, o) => Pi(n, r[o], e, t).map((a) => a.width), zv = ({ textMeasurer: e, familyDefault: t, headlineItemStyles: r }) => (n, o, a = !1) => {
   const i = na(r[o], a);
   return {
     width: e.measureText(n, te(i, t)).width,
     height: We(i)
   };
-}, zv = (e) => {
-  const t = Gv(e), r = Vv(e);
+}, Vv = (e) => {
+  const t = Gv(e), r = zv(e);
   return (n, o, a = !1) => n.kind === "perGroup" ? t(n, o) : r(n.value, o, a);
 }, Pi = (e, t, r, n) => {
   const o = (a) => Yv(a, t, r, n);
@@ -4986,9 +4986,9 @@ var Xt = {
       familyDefault: h,
       itemGap: Cn(n).gap,
       headlineItemStyles: {
-        small: zt(n, "small"),
-        medium: zt(n, "medium"),
-        large: zt(n, "large")
+        small: Vt(n, "small"),
+        medium: Vt(n, "medium"),
+        large: Vt(n, "large")
       }
     }, v = Nv({
       textMeasurer: e,
@@ -5000,7 +5000,7 @@ var Xt = {
       familyDefault: h,
       legendItemStyle: s,
       directLabelStyle: i
-    }), A = zv(f), x = Wv(f), w = {
+    }), A = Vv(f), x = Wv(f), w = {
       measureText: (k, E) => e.measureText(k, E),
       textScale: g
     };
@@ -5089,7 +5089,7 @@ var Xt = {
     m,
     e
   ]);
-}, $v = (e) => !e.isVisible || e.ticks.length === 0, _v = (e) => e.items.length === 0, eg = () => {
+}, $v = (e) => !e.visible || e.ticks.length === 0, _v = (e) => e.items.length === 0, eg = () => {
   const { formattingLocale: e } = ee(), t = B((r) => r.config.parsingLocale);
   return e ?? t;
 }, Po = 0.5, Ci = Y(/* @__PURE__ */ new Map()), Li = Y(() => {
@@ -5172,7 +5172,7 @@ var Xt = {
 }, gg = (e, t) => e === t ? !0 : e === null || t === null ? !1 : e.observationIndex === t.observationIndex && Yo(e.predicate, t.predicate) && mt(e.selectedFor, t.selectedFor), Ti = (e, t, r, n) => {
   const o = _t(r, e), a = o?.data.getAt(t) ?? null;
   if (o === void 0 || a === null) return null;
-  const i = Vs({
+  const i = zs({
     layer: o,
     observationIndex: t,
     scope: "data-point",
@@ -5185,7 +5185,7 @@ var Xt = {
     },
     predicate: i.predicate
   };
-}, Iy = ({ isMenuTrigger: e, stamped: t, observations: r }) => e ? { kind: "menu-trigger" } : t !== null && t.kind !== "grid" ? t : r !== null ? {
+}, Iy = ({ overMenuTrigger: e, stamped: t, observations: r }) => e ? { kind: "menu-trigger" } : t !== null && t.kind !== "grid" ? t : r !== null ? {
   kind: "observations",
   observations: r
 } : t, fg = (e, t) => {
@@ -5197,7 +5197,7 @@ var Xt = {
   if (e.kind === "grid" && t.kind === "grid") return mt(e.target, t.target);
   if (e.kind === "observations" && t.kind === "observations") {
     const r = e.observations, n = t.observations;
-    return r.layerId === n.layerId && r.observationIndex === n.observationIndex && r.target.scope === n.target.scope && r.isOnObservation === n.isOnObservation;
+    return r.layerId === n.layerId && r.observationIndex === n.observationIndex && r.target.scope === n.target.scope && r.onObservation === n.onObservation;
   }
   return e.kind === "menu-trigger" && t.kind === "menu-trigger";
 }, Bi = (e) => {
@@ -5251,7 +5251,7 @@ var Oi = Y(null), xg = ({ panelRect: e, children: t }) => {
   const e = N(Oi);
   if (e === null) throw new Error("Difference arrows read outside a <DifferenceArrowsProvider>.");
   return e;
-}, Ro = (e, t, r) => t.isStrokeAuthored ? t.stroke : Tl(e.start, e.end, {
+}, Ro = (e, t, r) => t.hasAuthoredStroke ? t.stroke : Tl(e.start, e.end, {
   start: r(e.start),
   end: r(e.end)
 }) ?? t.stroke, bg = (e) => {
@@ -5279,7 +5279,7 @@ var Oi = Y(null), xg = ({ panelRect: e, children: t }) => {
       committedArrow: p,
       committedLabelBox: x.labelBox,
       committedLabelText: x.labelText,
-      isDragged: !1,
+      dragging: !1,
       hasComparableEndpoints: Qn(p.start, p.end)
     };
   }), [
@@ -5300,7 +5300,7 @@ var Oi = Y(null), xg = ({ panelRect: e, children: t }) => {
       committedArrow: p.committedArrow,
       committedLabelBox: p.committedLabelBox,
       committedLabelText: p.committedLabelText,
-      isDragged: !0,
+      dragging: !0,
       hasComparableEndpoints: Qn(A.start, A.end)
     };
   }), [
@@ -5401,7 +5401,7 @@ var Rg = "vultop2", Cg = "vultop3", Lg = "vultop4", Ig = "vultop5", Tg = (e) =>
   className: t,
   children: e === "dark" ? Hg : Ng
 }), Fg = (e, t, r = "full") => !e || t.width < 120 || t.height < 80 ? "hidden" : t.width < 200 || r === "mini" ? "mini" : "full", Ni = ({ visual: e, placement: t }) => {
-  const r = Tg(V(O().graph().get("fill")));
+  const r = Tg(z(O().graph().get("fill")));
   return /* @__PURE__ */ S("a", {
     className: bt(Pg, e === "mini" && "vultop1", t === "footer" ? Lg : Ig),
     href: kg,
@@ -5426,7 +5426,7 @@ var Rg = "vultop2", Cg = "vultop3", Lg = "vultop4", Ig = "vultop5", Tg = (e) =>
   value: e,
   children: t
 }), In = () => N(Hi), Lo = "_4dlrid0", Gg = "xfz7dq0";
-var Wg = "xfz7dq2", Vg = "xfz7dq3", zg = "xfz7dq4", Yg = "xfz7dq5", jg = ({ ref: e, footerRect: t, mode: r = Re.readonly, caption: n, isCaptionVisible: o, source: a, isSourceVisible: i, captionStyle: s, sourceStyle: d, brandMark: c }) => {
+var Wg = "xfz7dq2", zg = "xfz7dq3", Vg = "xfz7dq4", Yg = "xfz7dq5", jg = ({ ref: e, footerRect: t, mode: r = Re.readonly, caption: n, showCaption: o, source: a, showSource: i, captionStyle: s, sourceStyle: d, brandMark: c }) => {
   const { Caption: u } = In(), h = Ne[An(r)].inlineTextEditing ? u : null, g = o && (h !== null || n !== null), f = i && a !== null && Xg(a), v = c !== "hidden";
   return !g && !f && !v ? null : /* @__PURE__ */ S("div", {
     ref: e,
@@ -5467,10 +5467,10 @@ var Wg = "xfz7dq2", Vg = "xfz7dq3", zg = "xfz7dq4", Yg = "xfz7dq5", jg = ({ ref:
     className: Wg,
     style: q(t.label),
     children: [/* @__PURE__ */ l("span", {
-      className: zg,
+      className: Vg,
       children: "Source:"
     }), r !== void 0 ? /* @__PURE__ */ l("a", {
-      className: Vg,
+      className: zg,
       href: r,
       target: "_blank",
       rel: "noopener noreferrer",
@@ -5488,7 +5488,7 @@ var Wg = "xfz7dq2", Vg = "xfz7dq3", zg = "xfz7dq4", Yg = "xfz7dq5", jg = ({ ref:
     return e;
   }
 }, Xg = (e) => e.label !== void 0 && e.label !== "" || e.url !== void 0 && e.url !== "" && Zr(e.url), qg = "_1k4qtbg0";
-var Jg = 22, Zg = ({ ref: e, headerRect: t, mode: r = Re.readonly, title: n, isTitleVisible: o, subtitle: a, isSubtitleVisible: i, headingStyle: s, subtitleStyle: d, brandMark: c }) => {
+var Jg = 22, Zg = ({ ref: e, headerRect: t, mode: r = Re.readonly, title: n, showTitle: o, subtitle: a, showSubtitle: i, headingStyle: s, subtitleStyle: d, brandMark: c }) => {
   const { Title: u } = In(), h = Ne[An(r)].inlineTextEditing ? u : null, g = h !== null, f = o && (g || n !== null), v = i && (g || a !== null), m = c !== "hidden";
   return !f && !v && !m ? null : /* @__PURE__ */ S("div", {
     ref: e,
@@ -5501,15 +5501,15 @@ var Jg = 22, Zg = ({ ref: e, headerRect: t, mode: r = Re.readonly, title: n, isT
     },
     children: [h ? /* @__PURE__ */ l(h, {
       title: n,
-      isTitleVisible: o,
-      isSubtitleVisible: i,
+      showTitle: o,
+      showSubtitle: i,
       subtitle: a,
       headingStyle: s,
       subtitleStyle: d
     }, [o ? "title" : "", i ? "subtitle" : ""].join("-")) : /* @__PURE__ */ l($g, {
       title: n,
-      isTitleVisible: o,
-      isSubtitleVisible: i,
+      showTitle: o,
+      showSubtitle: i,
       subtitle: a,
       headingStyle: s,
       subtitleStyle: d
@@ -5518,7 +5518,7 @@ var Jg = 22, Zg = ({ ref: e, headerRect: t, mode: r = Re.readonly, title: n, isT
       placement: "header"
     }) : null]
   });
-}, $g = ({ title: e, isTitleVisible: t, isSubtitleVisible: r, subtitle: n, headingStyle: o, subtitleStyle: a }) => {
+}, $g = ({ title: e, showTitle: t, showSubtitle: r, subtitle: n, headingStyle: o, subtitleStyle: a }) => {
   const i = t && e !== null, s = r && n !== null;
   return /* @__PURE__ */ S(T, { children: [i && (typeof e == "string" ? /* @__PURE__ */ l("h1", {
     className: "_4dlrid0",
@@ -5687,8 +5687,8 @@ var vf = ({ segment: e, itemStyle: t }) => {
 }, yf = (e) => {
   const t = e.segments.find((r) => r.kind === "trendArrow");
   return t?.kind === "trendArrow" ? t.direction : void 0;
-}, xf = ({ headline: e, rect: t, resolvedSize: r, visibleItemCount: n, isInDonutHole: o = !1 }) => {
-  const a = O(), i = I(Cn, a), s = I(zt, a, r), d = {
+}, xf = ({ headline: e, rect: t, resolvedSize: r, visibleItemCount: n, inDonutHole: o = !1 }) => {
+  const a = O(), i = I(Cn, a), s = I(Vt, a, r), d = {
     left: t.x,
     top: t.y,
     width: t.width,
@@ -5716,11 +5716,11 @@ var vf = ({ segment: e, itemStyle: t }) => {
       itemStyle: s
     }, `${c.label}-${u}`))
   });
-}, Wi = "data-legend-index", Vi = "data-legend-item-index", zi = ({ legendIndex: e, itemIndex: t }) => ({
+}, Wi = "data-legend-index", zi = "data-legend-item-index", Vi = ({ legendIndex: e, itemIndex: t }) => ({
   [Wi]: String(e),
-  [Vi]: String(t)
+  [zi]: String(t)
 }), Af = (e) => {
-  const t = Fr(e, Wi), r = Fr(e, Vi);
+  const t = Fr(e, Wi), r = Fr(e, zi);
   return t === null || r === null ? null : {
     legendIndex: t,
     itemIndex: r
@@ -5739,7 +5739,7 @@ var vf = ({ segment: e, itemStyle: t }) => {
   ...t === void 0 ? {} : { [ji]: String(t) }
 }), Bn = (e) => ({
   [Xe]: "legend",
-  ...zi(e)
+  ...Vi(e)
 }), Qi = (e) => ({
   [Xe]: "grid",
   [Jt]: e
@@ -5752,7 +5752,7 @@ var vf = ({ segment: e, itemStyle: t }) => {
     if (n !== r) return null;
   }
   return null;
-}, Xi = ({ isLive: e = !1 } = {}) => ({
+}, Xi = ({ live: e = !1 } = {}) => ({
   [Xe]: bf,
   ...e ? { [Ui]: "" } : {}
 }), Hy = (e, t) => {
@@ -5824,7 +5824,7 @@ var He = () => Ne[Bt()].guidePress, kf = 0.25, Mn = (e) => Qe() ? null : /* @__P
     ...r,
     children: e
   });
-  const a = z[t];
+  const a = V[t];
   return /* @__PURE__ */ l(a, {
     ...r,
     initial: { opacity: 0 },
@@ -5835,7 +5835,7 @@ var He = () => Ne[Bt()].guidePress, kf = 0.25, Mn = (e) => Qe() ? null : /* @__P
     },
     children: e
   });
-}, Pf = (e, t) => e.isTextColorAuthored ? e.textColor : t ?? e.textColor, Rf = "_1oj6yix0";
+}, Pf = (e, t) => e.hasAuthoredTextColor ? e.textColor : t ?? e.textColor, Rf = "_1oj6yix0";
 var Cf = "_1oj6yix2";
 var Lf = 8, If = 16, Tf = 2, Bf = ({ indexedLegends: e, containerRect: t }) => {
   const r = I(ra, O()), n = We(r), { placements: o, hasOverlap: a } = Mf(e, t, n), i = He(), s = q(r);
@@ -5865,7 +5865,7 @@ var Lf = 8, If = 16, Tf = 2, Bf = ({ indexedLegends: e, containerRect: t }) => {
         top: h.y,
         color: Pf(r, h.payload.color)
       },
-      ...i ? Bn(h.payload.address) : zi(h.payload.address),
+      ...i ? Bn(h.payload.address) : Vi(h.payload.address),
       children: h.payload.label
     }, h.payload.key))]
   });
@@ -5938,11 +5938,11 @@ var Ji = (e, t) => ({
 }), _i = (e, t) => e > 0 && t !== void 0 ? { border: `${e}px solid ${t}` } : {}, Ff = "var(--_1kjk02r0)", Gf = "_1kjk02r1", Wf = {
   1: "_1kjk02r2",
   2: "_1kjk02r3"
-}, Vf = {
+}, zf = {
   1: "_1kjk02r4",
   2: "_1kjk02r5"
 };
-var zf = {
+var Vf = {
   1: "_1kjk02r7",
   2: "_1kjk02r8"
 }, Yf = {
@@ -5968,7 +5968,7 @@ var Uf = "_1dw9dgx0", Sr = "\0", Qf = (e, t) => {
         formattedLabel: i.formattedLabel,
         visual: i.visual,
         swatchShape: t(i.geom),
-        isBubble: a,
+        hasBubbleSwatch: a,
         primaryLineType: u,
         layerId: i.layerId,
         groupValue: i.value
@@ -5976,7 +5976,7 @@ var Uf = "_1dw9dgx0", Sr = "\0", Qf = (e, t) => {
     });
   }
   return r;
-}, es = ({ pill: e }) => e.isBubble ? /* @__PURE__ */ l(Jf, { pill: e }) : /* @__PURE__ */ l(qf, { pill: e }), Xf = ({ color: e, lineType: t, shape: r, label: n, layerId: o, groupValue: a }) => {
+}, es = ({ pill: e }) => e.hasBubbleSwatch ? /* @__PURE__ */ l(Jf, { pill: e }) : /* @__PURE__ */ l(qf, { pill: e }), Xf = ({ color: e, lineType: t, shape: r, label: n, layerId: o, groupValue: a }) => {
   const { swatch: i } = I(Et, O()), s = cr(o, a, i.size), d = dr(o, a, e), c = B((h) => wt(h.coordSystem)), u = Zf(e, d);
   return u ? /* @__PURE__ */ l(Lt, {
     shape: r,
@@ -6001,7 +6001,7 @@ var Uf = "_1dw9dgx0", Sr = "\0", Qf = (e, t) => {
   layerId: e.layerId,
   groupValue: e.groupValue
 }), /* @__PURE__ */ l("span", { children: e.formattedLabel })] }), Jf = ({ pill: e }) => {
-  const t = Number(e.visual.size), { item: r } = I(Et, O()), n = cr(e.layerId, e.groupValue, t), o = dr(e.layerId, e.groupValue, r.textColor), a = n.fill === void 0 ? o : V(n.fill);
+  const t = Number(e.visual.size), { item: r } = I(Et, O()), n = cr(e.layerId, e.groupValue, t), o = dr(e.layerId, e.groupValue, r.textColor), a = n.fill === void 0 ? o : z(n.fill);
   return /* @__PURE__ */ S(T, { children: [/* @__PURE__ */ l("span", {
     className: Uf,
     style: {
@@ -6045,10 +6045,10 @@ var Uf = "_1dw9dgx0", Sr = "\0", Qf = (e, t) => {
   const p = t === "left" || t === "right", A = g === null ? [] : Array.from({ length: g }, (x, w) => g - w);
   return /* @__PURE__ */ S(T, { children: [/* @__PURE__ */ S("div", {
     ref: v.setReference,
-    className: Fe(Gf, g !== null && p && Vf[g], g !== null && !p && Wf[g]),
+    className: Fe(Gf, g !== null && p && zf[g], g !== null && !p && Wf[g]),
     ...Io,
     children: [g !== null && A.map((x) => /* @__PURE__ */ l("span", {
-      className: Fe("_1kjk02r6", p ? Yf[g] : zf[g]),
+      className: Fe("_1kjk02r6", p ? Yf[g] : Vf[g]),
       style: {
         ...f,
         ...ep(x, p)
@@ -6177,7 +6177,7 @@ var sp = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
 }, lp = (e, t, r, n) => {
   const o = cp(e, r);
   return Math.max(t, o) + n;
-}, dp = (e, t) => qt(e.visual, t, e.isBubble), cp = (e, t) => e.isBubble ? qt(e.visual, t, !0) : t, up = ({ pillSizes: e, overflowPillSize: t, containerSize: r, gap: n }) => {
+}, dp = (e, t) => qt(e.visual, t, e.hasBubbleSwatch), cp = (e, t) => e.hasBubbleSwatch ? qt(e.visual, t, !0) : t, up = ({ pillSizes: e, overflowPillSize: t, containerSize: r, gap: n }) => {
   if (e.length === 0) return {
     visibleCount: 0,
     hasOverflow: !1
@@ -6310,7 +6310,7 @@ var sp = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
     panelRect: n,
     children: /* @__PURE__ */ l("rect", {
       ...a,
-      fill: V(o.fill),
+      fill: z(o.fill),
       "data-testid": "hover-guide-rect"
     })
   });
@@ -6328,7 +6328,7 @@ var sp = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
       style: { overflow: "visible" },
       children: /* @__PURE__ */ l("path", {
         d: a,
-        fill: V(n.fill),
+        fill: z(n.fill),
         "data-testid": "hover-guide-arc"
       })
     })
@@ -6360,7 +6360,7 @@ var sp = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
 }, kp = (e, { panel: t, measuredBoxes: r }) => {
   const n = r.get(e.id);
   if (n === void 0) return null;
-  const o = zo(e.align), a = At(e.at, t);
+  const o = Vo(e.align), a = At(e.at, t);
   return {
     shape: "rect",
     rect: {
@@ -6393,7 +6393,7 @@ var sp = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
   const r = al(e, t);
   return r !== null && bp(r.kind) && xl(r);
 }, Pp = 200, Rp = ({ engine: e, store: t, overlayRef: r }) => {
-  const { tolerance: n } = Ne[Bt()], o = nt(t, (i) => i.isQueryOwnedByEditor), a = Qe();
+  const { tolerance: n } = Ne[Bt()], o = nt(t, (i) => i.editorOwnsQuery), a = Qe();
   W(() => {
     const i = r.current;
     if (!i) return;
@@ -6446,7 +6446,7 @@ var sp = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
     const m = i();
     if (m === null) return;
     const p = s(v, m), A = r.getState();
-    if (A.isPointerSuspended) return;
+    if (A.suspendsHover) return;
     const x = Xn(p, A.pointerRegions);
     if (x !== null) {
       A.setHoverState(t.query(x.cursor, { tolerance: n })), A.setTooltipAnchor(Lp(x.tooltip, m));
@@ -6463,11 +6463,11 @@ var sp = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
     const p = i();
     return p === null ? !1 : Xn(s(v, p), m.pointerRegions) !== null;
   }, h = (v) => {
-    r.getState().isPointerSuspended || u(v) || (document.removeEventListener("pointermove", h), c());
+    r.getState().suspendsHover || u(v) || (document.removeEventListener("pointermove", h), c());
   }, g = (v) => {
     document.removeEventListener("pointermove", h), o = v, a === null && (a = requestAnimationFrame(d));
   }, f = (v) => {
-    if (o = null, a !== null && (cancelAnimationFrame(a), a = null), !r.getState().isPointerSuspended) {
+    if (o = null, a !== null && (cancelAnimationFrame(a), a = null), !r.getState().suspendsHover) {
       if (u(v)) {
         document.addEventListener("pointermove", h);
         return;
@@ -6560,11 +6560,11 @@ var sp = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
     primary: "#FFFFFF",
     inverse: "#1D2129"
   }
-}, Fp = ({ computed: e, style: t, isAddressable: r }) => {
+}, Fp = ({ computed: e, style: t, addressable: r }) => {
   const n = Q(), { colorScheme: o } = En(), a = e.dashArray ? {
     strokeDasharray: e.dashArray,
     strokeDashoffset: e.dashOffset
-  } : {}, i = t.outline.shadow === "none" ? null : t.outline.shadow, s = t.outline.strokeWidth > 0, d = Dp[o], c = t.outline.stroke ?? Vp(t.stroke, d.primary, d.inverse), u = i === null ? null : Wp(e, t.outline.strokeWidth, i.blur);
+  } : {}, i = t.outline.shadow === "none" ? null : t.outline.shadow, s = t.outline.strokeWidth > 0, d = Dp[o], c = t.outline.stroke ?? zp(t.stroke, d.primary, d.inverse), u = i === null ? null : Wp(e, t.outline.strokeWidth, i.blur);
   return /* @__PURE__ */ S("g", {
     pointerEvents: r ? void 0 : "none",
     children: [
@@ -6631,13 +6631,13 @@ var sp = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
     width: Math.abs(e.endX - e.startX) + 2 * n,
     height: Math.abs(e.endY - e.startY) + 2 * n
   };
-}, Vp = (e, t, r) => {
+}, zp = (e, t, r) => {
   try {
     return _l(e, t) < Hp ? r : t;
   } catch {
     return r;
   }
-}, zp = ({ panelRect: e, isEditable: t }) => {
+}, Vp = ({ panelRect: e, editable: t }) => {
   const { arrows: r } = Mt(e), n = mr(), o = O(), a = b(() => r.filter((i) => i.id !== n).flatMap((i) => {
     const s = Il(o, i.id), d = Ks({
       arrow: i,
@@ -6667,14 +6667,14 @@ var sp = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
       children: /* @__PURE__ */ l(Fp, {
         computed: i,
         style: s,
-        isAddressable: t
+        addressable: t
       })
     }, i.id))
   });
 }, Yp = () => {
   const { selectionStore: e } = ee();
   return nt(e, (t) => t.selection);
-}, jp = ({ linePath: e, arrowheadPath: t, stroke: r, strokeWidth: n, isAddressable: o }) => {
+}, jp = ({ linePath: e, arrowheadPath: t, stroke: r, strokeWidth: n, addressable: o }) => {
   const a = {
     stroke: r,
     strokeWidth: n,
@@ -6699,9 +6699,9 @@ var sp = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
       })
     ]
   });
-}, Kp = ({ x: e, y: t, text: r, box: n, label: o, arrowColor: a, isAddressable: i }) => {
+}, Kp = ({ x: e, y: t, text: r, box: n, label: o, arrowColor: a, addressable: i }) => {
   const { fonts: s } = Ke(), d = gr(o.cornerRadius), c = o.shadow === void 0 ? void 0 : Ye(o.shadow), u = {
-    fill: V(o.fill),
+    fill: z(o.fill),
     stroke: o.stroke ?? a,
     strokeWidth: o.strokeWidth,
     style: c === void 0 ? void 0 : { filter: c }
@@ -6733,12 +6733,12 @@ var sp = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
       children: St(r, o.textTransform)
     })]
   });
-}, Up = "_1i8rg6j0", Qp = "75%", Xp = ({ panelRect: e, isEditable: t }) => {
+}, Up = "_1i8rg6j0", Qp = "75%", Xp = ({ panelRect: e, editable: t }) => {
   const r = Ag(), n = Ie(Bi), o = Yp(), a = b(() => new Set(o.filter((i) => i.kind === "annotation").map((i) => i.id)), [o]);
   return r.length === 0 ? null : /* @__PURE__ */ l("g", {
     transform: `translate(${e.x}, ${e.y})`,
     "data-testid": "difference-arrows",
-    children: r.map(({ color: i, style: s, id: d, linePath: c, arrowheadPath: u, labelPosition: h, labelBox: g, labelText: f, isDragged: v, hasComparableEndpoints: m }) => {
+    children: r.map(({ color: i, style: s, id: d, linePath: c, arrowheadPath: u, labelPosition: h, labelBox: g, labelText: f, dragging: v, hasComparableEndpoints: m }) => {
       const p = n === d || a.has(d), A = v && !m, x = A ? y.alert : i, w = p && !A ? qp(x) : x;
       return /* @__PURE__ */ S("g", {
         className: n === d ? Up : void 0,
@@ -6752,7 +6752,7 @@ var sp = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
           arrowheadPath: u,
           stroke: w,
           strokeWidth: s.strokeWidth,
-          isAddressable: t
+          addressable: t
         }), /* @__PURE__ */ l(Kp, {
           x: h.x,
           y: h.y,
@@ -6760,7 +6760,7 @@ var sp = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
           box: g,
           label: s.label,
           arrowColor: w,
-          isAddressable: t
+          addressable: t
         })]
       }, d);
     })
@@ -6815,7 +6815,7 @@ var sp = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
     y: n.y,
     width: n.width,
     height: n.height,
-    fill: V(t.fill),
+    fill: z(t.fill),
     fillOpacity: t.fillAlpha,
     opacity: t.alpha,
     stroke: pl(t) ?? "none",
@@ -6868,7 +6868,7 @@ var sp = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
     })
   });
 }, tm = (e) => {
-  const t = zo(e);
+  const t = Vo(e);
   return `translate(${-t.x * 100}%, ${-(1 - t.y) * 100}%)`;
 }, rm = (e) => {
   const { backgroundColor: t, borderShadow: r } = nm(e), n = [r, e.shadow === void 0 || e.shadow === "none" ? void 0 : ot(e.shadow)].filter((o) => o !== void 0);
@@ -6882,7 +6882,7 @@ var sp = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n })
   };
 }, nm = (e) => {
   if (e.fill === "transparent") return {};
-  const t = V(e.fill), r = e.fillAlpha < 1 ? re(t, e.fillAlpha) : t;
+  const t = z(e.fill), r = e.fillAlpha < 1 ? re(t, e.fillAlpha) : t;
   if (e.strokeWidth <= 0) return { backgroundColor: r };
   const n = e.stroke ?? Rc(t, em);
   return {
@@ -7062,7 +7062,7 @@ var hm = (e, t, r, n) => t !== "comment" ? r : la(r, 140, (o) => e.measureText(o
       }, v.id);
     })
   });
-}, gm = (e, t) => e.isFillAuthored ? V(e.fill) : t ?? V(e.fill), fm = (e) => e.isTextColorAuthored ? e.textColor : Qr(e.textColor, V(e.fill)), pm = (e, t) => ({
+}, gm = (e, t) => e.hasAuthoredFill ? z(e.fill) : t ?? z(e.fill), fm = (e) => e.hasAuthoredTextColor ? e.textColor : Qr(e.textColor, z(e.fill)), pm = (e, t) => ({
   ..._e(e.fill, t),
   borderRadius: It(e.cornerRadius),
   padding: `${e.paddingBlock}px ${e.paddingInline}px`,
@@ -7132,7 +7132,7 @@ var hm = (e, t, r, n) => t !== "comment" ? r : la(r, 140, (o) => e.measureText(o
 } : {
   width: t * e,
   height: t
-}, km = "_1agclyl0", Em = "_1agclyl1", Pm = "_1agclyl2", as = ({ x: e, y: t, width: r, height: n, text: o, isRotated: a, labelRole: i, position: s, coordType: d, backdropColor: c }) => {
+}, km = "_1agclyl0", Em = "_1agclyl1", Pm = "_1agclyl2", as = ({ x: e, y: t, width: r, height: n, text: o, rotated: a, labelRole: i, position: s, coordType: d, backdropColor: c }) => {
   const u = O(), h = I(pr, u), g = I(Ov, u), f = a ? `rotate(-90 ${e} ${t})` : void 0, v = h[i][s], m = v.stroke !== void 0 && (v.strokeWidth ?? 0) > 0, p = Im(i, d, v), A = Cm(v, p, c, g), x = {
     x: e - r / 2,
     y: t - n / 2,
@@ -7140,7 +7140,7 @@ var hm = (e, t, r, n) => t !== "comment" ? r : la(r, 140, (o) => e.measureText(o
     height: n
   }, w = gr(v.cornerRadius), k = v.shadow === void 0 ? void 0 : Ye(v.shadow), E = {
     className: Em,
-    fill: v.fill === void 0 ? void 0 : V(v.fill),
+    fill: v.fill === void 0 ? void 0 : z(v.fill),
     style: k === void 0 ? void 0 : { filter: k },
     ...m ? {
       stroke: v.stroke,
@@ -7173,19 +7173,19 @@ var hm = (e, t, r, n) => t !== "comment" ? r : la(r, 140, (o) => e.measureText(o
       children: St(o, v.textTransform)
     })]
   });
-}, Rm = (e, t) => e.isTextColorAuthored || t === void 0 ? e.textColor : e.isTextColorThemed ? Qr(e.textColor, t) : $o(t), Cm = (e, t, r, n) => {
+}, Rm = (e, t) => e.hasAuthoredTextColor || t === void 0 ? e.textColor : e.hasThemedTextColor ? Qr(e.textColor, t) : $o(t), Cm = (e, t, r, n) => {
   if (r === void 0) return;
   const o = Lm(e);
   if (o !== void 0) return o;
-  const a = t && e.fill !== void 0 ? V(e.fill) : void 0, i = a === void 0 ? void 0 : Vt(void 0, a);
+  const a = t && e.fill !== void 0 ? z(e.fill) : void 0, i = a === void 0 ? void 0 : zt(void 0, a);
   if (i !== void 0) return i;
-  const s = Vt(r, n) ?? Ll(r);
+  const s = zt(r, n) ?? Ll(r);
   if (s !== void 0)
-    return Vt(a, s);
+    return zt(a, s);
 }, Lm = (e) => {
   if (!(e.textOutlineColor === void 0 || (e.textOutlineWidth ?? 0) <= 0))
-    return Vt(void 0, e.textOutlineColor);
-}, Im = (e, t, r) => r.fill === void 0 ? !1 : e === "aggregate" || t === "cartesian", Tm = ({ panelRect: e, formattingLocale: t, plotBottomY: r, isFooterChromeReserved: n }) => {
+    return zt(void 0, e.textOutlineColor);
+}, Im = (e, t, r) => r.fill === void 0 ? !1 : e === "aggregate" || t === "cartesian", Tm = ({ panelRect: e, formattingLocale: t, plotBottomY: r, hasReservedFooterSpace: n }) => {
   const o = Oe(), a = Ke(), i = B(oe((v) => ({
     layers: v.layers,
     coordSystem: v.coordSystem,
@@ -7207,7 +7207,7 @@ var hm = (e, t, r, n) => t !== "comment" ? r : la(r, 140, (o) => e.measureText(o
     readers: s,
     formattingLocale: t,
     plotBottomY: r,
-    isFooterChromeReserved: n,
+    hasReservedFooterSpace: n,
     resolvePlacement: d
   }), [
     i,
@@ -7233,7 +7233,7 @@ var hm = (e, t, r, n) => t !== "comment" ? r : la(r, 140, (o) => e.measureText(o
     width: v.width,
     height: v.height,
     text: v.text,
-    isRotated: v.isRotated,
+    rotated: v.rotated,
     labelRole: v.role,
     position: v.position,
     coordType: i.coordSystem.type,
@@ -7411,10 +7411,10 @@ var hm = (e, t, r, n) => t !== "comment" ? r : la(r, 140, (o) => e.measureText(o
     case "auto":
       return e - r;
   }
-}, Vm = {
+}, zm = {
   fill: "transparent",
   pointerEvents: "all"
-}, Nn = ({ placement: e, text: t, style: r, isHitTestable: n, bounds: o }) => /* @__PURE__ */ S(T, { children: [n && /* @__PURE__ */ l(zm, {
+}, Nn = ({ placement: e, text: t, style: r, hitTestable: n, bounds: o }) => /* @__PURE__ */ S(T, { children: [n && /* @__PURE__ */ l(Vm, {
   placement: e,
   text: t,
   style: r,
@@ -7428,7 +7428,7 @@ var hm = (e, t, r, n) => t !== "comment" ? r : la(r, 140, (o) => e.measureText(o
   ...ur(r),
   fill: r.textColor,
   children: St(t, r.textTransform)
-})] }), zm = ({ placement: e, text: t, style: r, bounds: n }) => {
+})] }), Vm = ({ placement: e, text: t, style: r, bounds: n }) => {
   const o = Oe(), { fonts: a } = Ke();
   return /* @__PURE__ */ l("rect", {
     ...b(() => Om(e, o.measureText(t, te(r, a.familyDefault)), 3, n), [
@@ -7439,9 +7439,9 @@ var hm = (e, t, r, n) => t !== "comment" ? r : la(r, 140, (o) => e.measureText(o
       a.familyDefault,
       n
     ]),
-    ...Vm
+    ...zm
   });
-}, Ym = ({ edge: e, position: t, labelRotation: r, label: n, tickLabelStyle: o, axisSize: a, stepPx: i = 1 / 0, isHitTestable: s = !1 }) => {
+}, Ym = ({ edge: e, position: t, labelRotation: r, label: n, tickLabelStyle: o, axisSize: a, stepPx: i = 1 / 0, hitTestable: s = !1 }) => {
   const { offset: d } = o, c = b(() => Bm({
     edge: e,
     position: t,
@@ -7458,7 +7458,7 @@ var hm = (e, t, r, n) => t !== "comment" ? r : la(r, 140, (o) => e.measureText(o
     placement: c,
     text: n,
     style: o,
-    isHitTestable: s,
+    hitTestable: s,
     bounds: b(() => ({
       edge: e,
       stepPx: i,
@@ -7495,7 +7495,7 @@ var hm = (e, t, r, n) => t !== "comment" ? r : la(r, 140, (o) => e.measureText(o
       return /* @__PURE__ */ S("g", {
         ...p ? Tn(e.scaleAestheticKey, g) : void 0,
         cursor: p ? "pointer" : void 0,
-        children: [e.ticksVisible && /* @__PURE__ */ l("line", {
+        children: [e.showTicks && /* @__PURE__ */ l("line", {
           ...m,
           stroke: i.stroke,
           strokeWidth: i.strokeWidth,
@@ -7509,7 +7509,7 @@ var hm = (e, t, r, n) => t !== "comment" ? r : la(r, 140, (o) => e.measureText(o
           tickLabelStyle: a,
           axisSize: d,
           stepPx: u?.[g],
-          isHitTestable: p
+          hitTestable: p
         })]
       }, g);
     })]
@@ -7550,14 +7550,14 @@ var hm = (e, t, r, n) => t !== "comment" ? r : la(r, 140, (o) => e.measureText(o
   const r = I(Si, O()), n = He();
   return /* @__PURE__ */ l(T, { children: e.map((o) => {
     const a = t[o.position];
-    return !a || !o.isVisible ? null : /* @__PURE__ */ l(Qm, {
+    return !a || !o.visible ? null : /* @__PURE__ */ l(Qm, {
       axis: o,
       rect: a,
       labelStyle: r[Ae(o.scaleAestheticKey)],
-      isHitTestable: n
+      hitTestable: n
     }, `axis-label-${o.position}`);
   }) });
-}, Qm = ({ axis: e, rect: t, labelStyle: r, isHitTestable: n }) => {
+}, Qm = ({ axis: e, rect: t, labelStyle: r, hitTestable: n }) => {
   const o = b(() => Mm(e.position, t), [e.position, t]), a = n && e.label !== null && e.label !== "", i = a ? Tn(e.scaleAestheticKey) : void 0;
   return /* @__PURE__ */ S("g", {
     transform: `translate(${t.x}, ${t.y})`,
@@ -7567,13 +7567,13 @@ var hm = (e, t, r, n) => t !== "comment" ? r : la(r, 140, (o) => e.measureText(o
       placement: o,
       text: e.label ?? "",
       style: r,
-      isHitTestable: a
+      hitTestable: a
     })]
   });
 }, Xm = ({ formattedAxes: e, tickRects: t }) => /* @__PURE__ */ l(T, { children: e.map((r) => {
   if (r.geometry !== "linear") return null;
   const n = t[r.position];
-  return !n || !r.isVisible ? null : /* @__PURE__ */ l(jm, {
+  return !n || !r.visible ? null : /* @__PURE__ */ l(jm, {
     formattedAxis: r,
     rect: n
   }, r.scaleAestheticKey);
@@ -7593,7 +7593,7 @@ var hm = (e, t, r, n) => t !== "comment" ? r : la(r, 140, (o) => e.measureText(o
     height: r.height,
     style: { overflow: "visible" },
     children: e.map((u) => {
-      if (u.geometry !== "linear" || !u.gridVisible) return null;
+      if (u.geometry !== "linear" || !u.showGrid) return null;
       const h = Ae(u.scaleAestheticKey) === "x" ? i : s;
       if (h.strokeWidth <= 0) return null;
       const g = u.position === "bottom" || u.position === "top", f = ma(h.dashArray, h.strokeWidth), v = rt(h.dashArray, f);
@@ -7704,14 +7704,14 @@ var ss = (e, t) => {
     height: t.height,
     overflow: "visible",
     "data-testid": "polar-axis-ticks",
-    children: [s?.isVisible && h.map(({ tick: f, tickIndex: v, radiusNorm: m }) => /* @__PURE__ */ l(Fo, {
+    children: [s?.visible && h.map(({ tick: f, tickIndex: v, radiusNorm: m }) => /* @__PURE__ */ l(Fo, {
       scaleAestheticKey: s.scaleAestheticKey,
       tickIndex: v,
       placement: Go(se(d, m, a), "middle"),
       label: f.formattedLabel,
       labelStyle: g(s),
-      isHitTestable: n
-    }, `radial-label-${v}`)), i.isVisible && i.ticks.map((f, v) => {
+      hitTestable: n
+    }, `radial-label-${v}`)), i.visible && i.ticks.map((f, v) => {
       if (f.position >= 1 - 1e-9) return null;
       const m = c(f.position), p = se(m, (a.radius + Is) / a.radius, a);
       return /* @__PURE__ */ l(Fo, {
@@ -7720,16 +7720,16 @@ var ss = (e, t) => {
         placement: Go(p, n0(m)),
         label: f.formattedLabel,
         labelStyle: g(i),
-        isHitTestable: n
+        hitTestable: n
       }, `rim-label-${v}`);
     })]
   });
-}, Fo = ({ scaleAestheticKey: e, tickIndex: t, placement: r, label: n, labelStyle: o, isHitTestable: a }) => {
+}, Fo = ({ scaleAestheticKey: e, tickIndex: t, placement: r, label: n, labelStyle: o, hitTestable: a }) => {
   const i = /* @__PURE__ */ l(Nn, {
     placement: r,
     text: n,
     style: o,
-    isHitTestable: a
+    hitTestable: a
   });
   return a ? /* @__PURE__ */ l("g", {
     ...Tn(e, t),
@@ -7772,12 +7772,12 @@ var ss = (e, t) => {
     overflow: "visible",
     "data-testid": "polar-grid",
     children: [
-      c?.gridVisible && c.ticks.map((f, v) => {
+      c?.showGrid && c.ticks.map((f, v) => {
         const m = g(f.position) * s.radius;
         return m <= 0 || f.position >= 1 ? null : /* @__PURE__ */ l(kr, {
           axis: Ae(c.scaleAestheticKey),
           lineStyle: o,
-          isHitTestable: n,
+          hitTestable: n,
           draw: (p) => /* @__PURE__ */ l("circle", {
             cx: s.centerX,
             cy: s.centerY,
@@ -7787,10 +7787,10 @@ var ss = (e, t) => {
           })
         }, `ring-${v}`);
       }),
-      c?.gridVisible && /* @__PURE__ */ l(kr, {
+      c?.showGrid && /* @__PURE__ */ l(kr, {
         axis: Ae(c.scaleAestheticKey),
         lineStyle: o,
-        isHitTestable: n,
+        hitTestable: n,
         draw: (f) => /* @__PURE__ */ l("circle", {
           cx: s.centerX,
           cy: s.centerY,
@@ -7799,13 +7799,13 @@ var ss = (e, t) => {
           ...f
         })
       }),
-      d.gridVisible && d.ticks.map((f, v) => {
+      d.showGrid && d.ticks.map((f, v) => {
         if (f.position >= 1 - 1e-9) return null;
         const m = h(f.position), p = se(m, u, s), A = se(m, 1, s);
         return /* @__PURE__ */ l(kr, {
           axis: Ae(d.scaleAestheticKey),
           lineStyle: a,
-          isHitTestable: n,
+          hitTestable: n,
           draw: (x) => /* @__PURE__ */ l("line", {
             x1: p.x,
             y1: p.y,
@@ -7817,7 +7817,7 @@ var ss = (e, t) => {
       })
     ]
   });
-}, kr = ({ axis: e, lineStyle: t, isHitTestable: r, draw: n }) => {
+}, kr = ({ axis: e, lineStyle: t, hitTestable: r, draw: n }) => {
   if (t.strokeWidth <= 0) return null;
   const o = n({
     stroke: t.stroke,
@@ -7834,13 +7834,13 @@ var ss = (e, t) => {
   }) : o;
 }, $t = ({ renderer: e, children: t, ...r }) => e.overpaintPlacement === "manual" ? t : /* @__PURE__ */ l(ui, {
   ...r,
-  isEmpty: Gr(t),
+  empty: Gr(t),
   children: t
-}), Gr = (e) => e == null || typeof e == "boolean" || e === "" ? !0 : Array.isArray(e) ? e.every(Gr) : Kl(e) && (e.type === Pt || e.type === "g") ? Gr(e.props.children) : !1, a0 = ({ layer: e, isDimmed: t, dimStyle: r, ...n }) => {
+}), Gr = (e) => e == null || typeof e == "boolean" || e === "" ? !0 : Array.isArray(e) ? e.every(Gr) : Kl(e) && (e.type === Pt || e.type === "g") ? Gr(e.props.children) : !1, a0 = ({ layer: e, dimmed: t, dimStyle: r, ...n }) => {
   const o = Ai(e.id), a = od(e, G(e)), i = t ? r.filter : void 0, s = a && i ? `${a} ${i}` : a || i, d = o?.type === "fade", c = b(() => ({
     layerId: e.id,
     paintsShadow: a !== void 0,
-    isFading: d
+    fading: d
   }), [
     e.id,
     a,
@@ -7858,19 +7858,19 @@ var ss = (e, t) => {
       })
     })
   });
-  return d ? /* @__PURE__ */ l(z.g, {
+  return d ? /* @__PURE__ */ l(V.g, {
     initial: { opacity: 0 },
     animate: { opacity: 1 },
     transition: ba(o),
     children: u
   }) : u;
-}, i0 = ({ layer: e, coordSystem: t, shouldAnimateTransitions: r, formattingLocale: n, panelRect: o, live: a }) => {
+}, i0 = ({ layer: e, coordSystem: t, animateTransitions: r, formattingLocale: n, panelRect: o, live: a }) => {
   const i = de(), s = Ai(e.id), { colorScheme: d } = ee(), c = G(e), u = i(e.geom, t.type);
   if (u === null) return null;
   const h = vr(u.render), g = {
     layer: e,
     coordSystem: t,
-    shouldAnimateTransitions: r,
+    animateTransitions: r,
     formattingLocale: n,
     intro: s,
     panelRect: o,
@@ -7909,7 +7909,7 @@ function s0({ renderer: e, layer: t, coordSystem: r, candidates: n }) {
   }
   return o;
 }
-var l0 = 4, d0 = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n, coordSystem: o, shouldAnimateTransitions: a, panelRect: i, formattingLocale: s }) => {
+var l0 = 4, d0 = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n, coordSystem: o, animateTransitions: a, panelRect: i, formattingLocale: s }) => {
   const d = B((w) => w.config.numberFormat), c = b(() => s0({
     renderer: e,
     layer: t,
@@ -7937,7 +7937,7 @@ var l0 = 4, d0 = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
       layer: r,
       sourceLayer: t,
       coordSystem: o,
-      shouldAnimateTransitions: a,
+      animateTransitions: a,
       formattingLocale: s,
       panelRect: i,
       colorScheme: u,
@@ -7953,7 +7953,7 @@ var l0 = 4, d0 = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     observation: w,
     anchor: E,
     panelRect: i,
-    fill: tr(g, t, w) ?? Vr,
+    fill: tr(g, t, w) ?? zr,
     symbol: h.get("symbol", w) ?? "circle",
     dotRadius: (h.get("size", w) ?? tt) / 2,
     readSegmentY: f,
@@ -7988,7 +7988,7 @@ var l0 = 4, d0 = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     width: m.width,
     height: m.height,
     text: v,
-    isRotated: !1,
+    rotated: !1,
     labelRole: "observation",
     position: "outside",
     coordType: "cartesian"
@@ -8044,7 +8044,7 @@ var l0 = 4, d0 = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
       filter: xa(kl(n))
     };
   }, [e, t]);
-}, g0 = "var(--to1jkx0)", f0 = "var(--to1jkx1)", ls = "to1jkx2", p0 = "to1jkx3", m0 = ({ shouldAnimateTransitions: e, panelRect: t, formattingLocale: r }) => {
+}, g0 = "var(--to1jkx0)", f0 = "var(--to1jkx1)", ls = "to1jkx2", p0 = "to1jkx3", m0 = ({ animateTransitions: e, panelRect: t, formattingLocale: r }) => {
   const { layers: n, coordSystem: o } = B(oe((s) => ({
     layers: s.layers,
     coordSystem: s.coordSystem
@@ -8065,7 +8065,7 @@ var l0 = 4, d0 = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
       children: a.map((s) => /* @__PURE__ */ S(Pt, { children: [/* @__PURE__ */ l(cs, {
         layer: s,
         coordSystem: o,
-        shouldAnimateTransitions: e,
+        animateTransitions: e,
         panelRect: t,
         formattingLocale: r
       }), /* @__PURE__ */ l(h0, {
@@ -8075,7 +8075,7 @@ var l0 = 4, d0 = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
       })] }, `${s.id}-${ds(o)}`))
     })
   });
-}, ds = (e) => e.type === "cartesian" ? `cartesian-${e.mainAxis}` : e.type, cs = ({ layer: e, coordSystem: t, shouldAnimateTransitions: r, panelRect: n, formattingLocale: o, live: a, shouldDimOnHover: i = !0 }) => {
+}, ds = (e) => e.type === "cartesian" ? `cartesian-${e.mainAxis}` : e.type, cs = ({ layer: e, coordSystem: t, animateTransitions: r, panelRect: n, formattingLocale: o, live: a, dimOnHover: i = !0 }) => {
   const s = de(), d = b(() => s(e.geom, t.type), [
     s,
     e,
@@ -8083,7 +8083,7 @@ var l0 = 4, d0 = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
   ]), c = e.highlight, u = v0(e), { colorScheme: h } = ee(), g = {
     layer: e,
     coordSystem: t,
-    shouldAnimateTransitions: r,
+    animateTransitions: r,
     formattingLocale: o,
     panelRect: n,
     colorScheme: h,
@@ -8096,8 +8096,8 @@ var l0 = 4, d0 = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
       /* @__PURE__ */ l(a0, {
         layer: e,
         coordSystem: t,
-        shouldAnimateTransitions: r,
-        isDimmed: c?.composition.isDimmed ?? !1,
+        animateTransitions: r,
+        dimmed: c?.composition.dimmed ?? !1,
         dimStyle: u,
         formattingLocale: o,
         panelRect: n,
@@ -8113,7 +8113,7 @@ var l0 = 4, d0 = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
         matchedLayer: c.composition.matchedLayer,
         overlayCandidates: c.composition.overlayCandidates,
         coordSystem: t,
-        shouldAnimateTransitions: r,
+        animateTransitions: r,
         panelRect: n,
         formattingLocale: o
       })
@@ -8125,7 +8125,7 @@ var l0 = 4, d0 = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
 }, x0 = (e) => rr({
   ...e.opacity === void 0 ? {} : { [g0]: String(e.opacity) },
   ...e.filter === void 0 ? {} : { [f0]: e.filter }
-}), A0 = ({ panelRect: e, shouldAnimateTransitions: t, formattingLocale: r }) => {
+}), A0 = ({ panelRect: e, animateTransitions: t, formattingLocale: r }) => {
   const { layers: n, coordSystem: o } = B(oe((c) => ({
     layers: c.layers,
     coordSystem: c.coordSystem
@@ -8149,7 +8149,7 @@ var l0 = 4, d0 = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     height: e.height,
     className: ls,
     "data-testid": "live-geom-layers",
-    ...Xi({ isLive: !0 }),
+    ...Xi({ live: !0 }),
     children: /* @__PURE__ */ l(sn, {
       size: s,
       children: d.map((c) => /* @__PURE__ */ l(b0, {
@@ -8157,12 +8157,12 @@ var l0 = 4, d0 = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
         coordSystem: o,
         readPanelPoint: i,
         panelRect: e,
-        shouldAnimateTransitions: t,
+        animateTransitions: t,
         formattingLocale: r
       }, `${c.id}-${ds(o)}`))
     })
   });
-}, b0 = ({ layer: e, coordSystem: t, readPanelPoint: r, panelRect: n, shouldAnimateTransitions: o, formattingLocale: a }) => {
+}, b0 = ({ layer: e, coordSystem: t, readPanelPoint: r, panelRect: n, animateTransitions: o, formattingLocale: a }) => {
   const i = xh(e.id), s = b(() => ({
     pushHover: i,
     readPanelPoint: r
@@ -8170,16 +8170,16 @@ var l0 = 4, d0 = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
   return W(() => () => i(null), [i]), /* @__PURE__ */ l(cs, {
     layer: e,
     coordSystem: t,
-    shouldAnimateTransitions: o,
+    animateTransitions: o,
     panelRect: n,
     formattingLocale: a,
     live: s,
-    shouldDimOnHover: !d
+    dimOnHover: !d
   });
 }, S0 = (e, t) => {
   const r = de();
   return Qe() ? [] : e.filter((n) => di(r(n.geom, t.type)));
-}, w0 = "_17uhij30", k0 = ({ formattedAxes: e, plotRect: t, panelBorder: r, panelFrameRect: n, panelRect: o, axisRects: a, axisLabelRects: i, shouldAnimateTransitions: s, formattingLocale: d, plotBottomY: c, isFooterChromeReserved: u, isEditable: h, showAnnotations: g }) => {
+}, w0 = "_17uhij30", k0 = ({ formattedAxes: e, plotRect: t, panelBorder: r, panelFrameRect: n, panelRect: o, axisRects: a, axisLabelRects: i, animateTransitions: s, formattingLocale: d, plotBottomY: c, hasReservedFooterSpace: u, editable: h, showAnnotations: g }) => {
   const f = F(null);
   Mp(f);
   const v = xe("Grid", Jm), m = xe("AxisTicks", Xm), p = xe("AxisLabel", qm), A = b(() => Wr(n, t), [n, t]), x = b(() => Wr(o, t), [o, t]), w = b(() => Wo(a, t), [a, t]), k = b(() => Wo(i, t), [i, t]), E = Qe(), R = g && !E;
@@ -8222,7 +8222,7 @@ var l0 = 4, d0 = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
         panelFrameRect: A
       }),
       /* @__PURE__ */ l(m0, {
-        shouldAnimateTransitions: s,
+        animateTransitions: s,
         panelRect: x,
         formattingLocale: d
       }),
@@ -8234,12 +8234,12 @@ var l0 = 4, d0 = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
         panelRect: x,
         formattingLocale: d,
         plotBottomY: c,
-        isFooterChromeReserved: u
+        hasReservedFooterSpace: u
       }),
       R && /* @__PURE__ */ S(T, { children: [
         /* @__PURE__ */ l(Xp, {
           panelRect: x,
-          isEditable: h
+          editable: h
         }),
         /* @__PURE__ */ l(Oo, {
           panelRect: x,
@@ -8249,9 +8249,9 @@ var l0 = 4, d0 = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
           panelRect: x,
           zOrder: "foreground"
         }),
-        /* @__PURE__ */ l(zp, {
+        /* @__PURE__ */ l(Vp, {
           panelRect: x,
-          isEditable: h
+          editable: h
         }),
         /* @__PURE__ */ l(im, { panelRect: x }),
         /* @__PURE__ */ l(bm, { panelRect: x }),
@@ -8259,7 +8259,7 @@ var l0 = 4, d0 = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
       ] }),
       /* @__PURE__ */ l(Tp, { panelRect: x }),
       /* @__PURE__ */ l(A0, {
-        shouldAnimateTransitions: s,
+        animateTransitions: s,
         panelRect: x,
         formattingLocale: d
       })
@@ -8277,23 +8277,23 @@ var l0 = 4, d0 = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
 }, E0 = (e) => {
   let t, r;
   return "aspectRatio" in e ? "intrinsicWidth" in e ? (t = e.intrinsicWidth, r = t / e.aspectRatio) : (r = e.intrinsicHeight, t = r * e.aspectRatio) : (t = e.intrinsicWidth, r = e.intrinsicHeight), {
-    width: Vo(t, "width"),
-    height: Vo(r, "height")
+    width: zo(t, "width"),
+    height: zo(r, "height")
   };
-}, Vo = (e, t) => {
+}, zo = (e, t) => {
   if (e <= 0 || Number.isNaN(e) || !Number.isFinite(e)) throw new Cs({ message: `Expected ${t} to be a positive, finite number, but got ${e}.` });
   return e;
 }, P0 = ({ sizing: e, onResize: t, children: r }) => {
   const n = hi({ onResize: t }), o = F(!1);
   if (W(() => {
-    e.mode === "responsive" && (n.isDefault || n.width > 0 && n.height > 0 || o.current || (o.current = !0, console.warn(`[graphy] ZERO_SIZE_CONTAINER: GraphRenderer measured ${n.width}×${n.height}; the chart will not paint until the host has a positive width and height.`)));
+    e.mode === "responsive" && (n.unmeasured || n.width > 0 && n.height > 0 || o.current || (o.current = !0, console.warn(`[graphy] ZERO_SIZE_CONTAINER: GraphRenderer measured ${n.width}×${n.height}; the chart will not paint until the host has a positive width and height.`)));
   }, [
     e.mode,
-    n.isDefault,
+    n.unmeasured,
     n.width,
     n.height
   ]), e.mode === "keepAspectRatio") {
-    const { intrinsicSize: i, canRender: s, outerStyles: d, innerStyles: c } = R0(e, n.width, !n.isDefault);
+    const { intrinsicSize: i, canRender: s, outerStyles: d, innerStyles: c } = R0(e, n.width, !n.unmeasured);
     return /* @__PURE__ */ l("div", {
       ref: n.setElement,
       style: d,
@@ -8316,7 +8316,7 @@ var l0 = 4, d0 = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
       height: e.height
     })
   });
-  const a = !n.isDefault && n.width > 0 && n.height > 0;
+  const a = !n.unmeasured && n.width > 0 && n.height > 0;
   return /* @__PURE__ */ l("div", {
     ref: n.setElement,
     style: {
@@ -8382,7 +8382,7 @@ var l0 = 4, d0 = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates: n
     measurements: o
   };
 }, I0 = (e, t) => e.headerSize.width !== t.headerSize.width || e.headerSize.height !== t.headerSize.height || e.footerSize.width !== t.footerSize.width || e.footerSize.height !== t.footerSize.height, T0 = () => null, B0 = "_1vl0pke0", M0 = "_1vl0pke1";
-var O0 = [], N0 = ({ graphChrome: e, isEditable: t, mode: r, style: n, contentRef: o, children: a }) => {
+var O0 = [], N0 = ({ graphChrome: e, editable: t, mode: r, style: n, contentRef: o, children: a }) => {
   const { themeClass: i, inlineVarsStyle: s } = En(), d = e.strokeWidth, c = d > 0 ? e.stroke : void 0, u = Math.max(0, e.cornerRadius), h = u === 0 ? 0 : u + d, { shadow: g, alpha: f, blendMode: v, fill: m, overpaint: p = O0 } = e, A = st([m, ...p]), x = A(m), w = typeof m != "string", k = b(() => ({
     ...n,
     borderRadius: `${h}px`,
@@ -8500,18 +8500,18 @@ var O0 = [], N0 = ({ graphChrome: e, isEditable: t, mode: r, style: n, contentRe
     h,
     L,
     a
-  ]), gs = Oe(), ke = O(), Dn = I(G0, ke), Fn = I(oa, ke), Gn = I(Cn, ke), Wn = I(W0, ke), fs = I(V0, ke), ps = I(z0, ke), ms = I(Y0, ke), { fontFamily: yr, textScale: ys, strokeWidth: xr, fill: xs } = Dn, Vn = b(() => ja(P, {}, yr), [P, yr]), ct = b(() => ({
+  ]), gs = Oe(), ke = O(), Dn = I(G0, ke), Fn = I(oa, ke), Gn = I(Cn, ke), Wn = I(W0, ke), fs = I(z0, ke), ps = I(V0, ke), ms = I(Y0, ke), { fontFamily: yr, textScale: ys, strokeWidth: xr, fill: xs } = Dn, zn = b(() => ja(P, {}, yr), [P, yr]), ct = b(() => ({
     width: Math.max(0, e - 2 * xr),
     height: Math.max(0, t - 2 * xr)
   }), [
     e,
     t,
     xr
-  ]), zn = b(() => Fg(p.brandMark.enabled, ct, p.brandMark.variant), [
+  ]), Vn = b(() => Fg(p.brandMark.enabled, ct, p.brandMark.variant), [
     p.brandMark.enabled,
     p.brandMark.variant,
     ct
-  ]), As = p.brandMark.placement === "footer" ? zn : "hidden", bs = p.brandMark.placement === "header" ? zn : "hidden", qe = b(() => dt ? {
+  ]), As = p.brandMark.placement === "footer" ? Vn : "hidden", bs = p.brandMark.placement === "header" ? Vn : "hidden", qe = b(() => dt ? {
     formatted: dt,
     size: m.size,
     position: m.position,
@@ -8523,7 +8523,7 @@ var O0 = [], N0 = ({ graphChrome: e, isEditable: t, mode: r, style: n, contentRe
     f
   ]), Ot = Jv({
     textMeasurer: gs,
-    metrics: Vn,
+    metrics: zn,
     overrides: du()
   }), Yn = b(() => Js(Fn), [Fn]), ut = Zv({
     measurer: Ot,
@@ -8562,16 +8562,16 @@ var O0 = [], N0 = ({ graphChrome: e, isEditable: t, mode: r, style: n, contentRe
     children: /* @__PURE__ */ l(Zh, {
       colorScheme: P,
       textScale: ys,
-      graphBackground: V(xs),
+      graphBackground: z(xs),
       graphFontFamily: yr,
       headingFontFamily: Wn.fontFamily,
-      children: /* @__PURE__ */ l(Vc, {
-        metrics: Vn,
+      children: /* @__PURE__ */ l(zc, {
+        metrics: zn,
         children: /* @__PURE__ */ l(tg, { children: /* @__PURE__ */ l(xg, {
           panelRect: ae.panel,
           children: /* @__PURE__ */ l(N0, {
             graphChrome: Dn,
-            isEditable: H,
+            editable: H,
             mode: i,
             contentRef: H ? ce : void 0,
             style: {
@@ -8587,9 +8587,9 @@ var O0 = [], N0 = ({ graphChrome: e, isEditable: t, mode: r, style: n, contentRe
                   headerRect: ae.header,
                   mode: i,
                   title: p.title,
-                  isTitleVisible: p.isTitleVisible,
+                  showTitle: p.showTitle,
                   subtitle: p.subtitle,
-                  isSubtitleVisible: p.isSubtitleVisible,
+                  showSubtitle: p.showSubtitle,
                   headingStyle: Wn,
                   subtitleStyle: fs,
                   brandMark: bs
@@ -8602,11 +8602,11 @@ var O0 = [], N0 = ({ graphChrome: e, isEditable: t, mode: r, style: n, contentRe
                   panelRect: ae.panel,
                   axisRects: ae.axes,
                   axisLabelRects: ae.axisLabels,
-                  shouldAnimateTransitions: w,
+                  animateTransitions: w,
                   formattingLocale: L ?? h,
                   plotBottomY: Ss,
-                  isFooterChromeReserved: ws,
-                  isEditable: H,
+                  hasReservedFooterSpace: ws,
+                  editable: H,
                   showAnnotations: M.annotations
                 }),
                 /* @__PURE__ */ l(Ce, {
@@ -8614,9 +8614,9 @@ var O0 = [], N0 = ({ graphChrome: e, isEditable: t, mode: r, style: n, contentRe
                   footerRect: ae.footer,
                   mode: i,
                   caption: p.caption,
-                  isCaptionVisible: p.isCaptionVisible,
+                  showCaption: p.showCaption,
                   source: p.source,
-                  isSourceVisible: p.isSourceVisible,
+                  showSource: p.showSource,
                   captionStyle: ps,
                   sourceStyle: ms,
                   brandMark: As
@@ -8630,13 +8630,13 @@ var O0 = [], N0 = ({ graphChrome: e, isEditable: t, mode: r, style: n, contentRe
                   rect: Nt.rect,
                   resolvedSize: Nt.resolvedSize,
                   visibleItemCount: Nt.visibleItemCount,
-                  isInDonutHole: qe !== void 0 && wl(qe)
+                  inDonutHole: qe !== void 0 && wl(qe)
                 }),
                 H && X !== null && /* @__PURE__ */ l(vs, {
                   frameElement: X,
                   panelRect: ae.panel,
                   formattedAxes: jn,
-                  shouldAnimateTransitions: w
+                  animateTransitions: w
                 }),
                 n && M.tooltips && /* @__PURE__ */ l(Rv, {})
               ]
@@ -8646,10 +8646,10 @@ var O0 = [], N0 = ({ graphChrome: e, isEditable: t, mode: r, style: n, contentRe
       })
     })
   });
-}, G0 = (e) => e.graph().resolve(), W0 = (e) => e.heading.h1().resolve(), V0 = (e) => e.heading.h2().resolve(), z0 = (e) => e.caption().resolve(), Y0 = (e) => ({
+}, G0 = (e) => e.graph().resolve(), W0 = (e) => e.heading.h1().resolve(), z0 = (e) => e.heading.h2().resolve(), V0 = (e) => e.caption().resolve(), Y0 = (e) => ({
   label: e.source().resolve(),
   link: e.source.link().resolve()
-}), Vy = (e) => {
+}), zy = (e) => {
   const t = N(ua), r = nn();
   return b(() => e || (t ? {
     commands: t.commands,
@@ -8667,7 +8667,7 @@ var O0 = [], N0 = ({ graphChrome: e, isEditable: t, mode: r, style: n, contentRe
     t,
     r
   ]);
-}, zy = (e) => Ql(e.subscribe, e.getScene, e.getScene), Yy = () => {
+}, Vy = (e) => Ql(e.subscribe, e.getScene, e.getScene), Yy = () => {
   const { commands: e } = ee();
   return e;
 }, jy = (e) => {
@@ -8684,7 +8684,7 @@ export {
   My as B,
   py as Bt,
   gp as C,
-  Ve as Cn,
+  ze as Cn,
   Ay as Ct,
   Xe as D,
   ha as Dn,
@@ -8765,7 +8765,7 @@ export {
   Yp as h,
   Sa as hn,
   Sy as ht,
-  Vy as i,
+  zy as i,
   cy as in,
   rg as it,
   Tn as j,
@@ -8791,7 +8791,7 @@ export {
   $h as pt,
   Bi as q,
   gy as qt,
-  zy as r,
+  Vy as r,
   lr as rn,
   og as rt,
   Jm as s,