@graphysdk/react-renderer 0.0.1-experimental.2 → 0.0.1-experimental.4

package/dist/index.mjs

@@ -1,45 +1,45 @@
 import './index.css';
 import { jsx as a, jsxs as m, Fragment as T } from "react/jsx-runtime";
 import re, { clsx as ce } from "clsx";
-import bo, { useMemo as v, useState as E, useRef as C, useEffect as L, useCallback as mt, useContext as ee, createContext as fe, useId as vt, Fragment as hn, memo as oe } from "react";
-import { useStore as Ce } from "zustand";
-import { isGraphConfig as xo, createCompiler as So, convertSpecToInput as ko, isCompilerCachingEnabled as Lo, setCompilerCachingEnabled as Co, COMPILER_STAGE_KEYS as yt, RESTING_HOVER_STATE as gn, HoverEngine as To, buildTooltipContent as wo, getDifferenceArrowDimensions as Ao, createHeadlineItemRows as pn, LayoutCompiler as Eo, BORDER_PRESET_GRADIENTS as _o, isSafeUrl as fn, SetContentCaptionCommand as Po, SetContentTitleCommand as Ho, SetContentSubtitleCommand as Fo, computeDirectLabelsLayout as No, buildFontString as Bo, CachedTextMeasurer as It, HeuristicTextMeasurer as Io, getColor as z, getAlpha as W, getSize as Re, toPercent as x, toViewBoxY as ze, toViewBoxX as Ge, createAreaPathGenerators as mn, createStableKeyGenerator as We, GROUP_VARIABLES as we, prepareAreaObservations as vn, resolveStrokeWidth as $e, getDashArray as Xe, getLineType as Ve, isDefined as yn, getGroup as bn, getX as ue, getYMax as Mo, getY as he, getXMax as Do, getBarRectBounds as xn, createLinePathGenerator as Sn, prepareLineObservations as kn, getStrokeWidth as Oo, buildAverageLineSymbols as Ro, formatRuleValue as zo, getAngleExtent as Ln, getRadiusExtent as Cn, buildPolarBarArcPath as Ie, getHoverGuideRectProps as Go, getHoverGuideLineProps as Wo, buildDataLabelsContent as $o, computeDifferenceArrow as Xo, computeFreeformArrow as Vo, createSegmentYReader as Uo, buildLayerYValueFormatter as Yo, formatLegends as jo, formatHeadline as qo, resolveHeadlinePlacement as Ko } from "@graphysdk/viz-engine";
+import xo, { useMemo as v, useState as E, useRef as C, useEffect as L, useCallback as mt, useContext as ee, createContext as fe, useId as vt, Fragment as hn, memo as oe } from "react";
+import { useStore as Te } from "zustand";
+import { isGraphConfig as So, createCompiler as ko, convertSpecToInput as Lo, isCompilerCachingEnabled as Co, setCompilerCachingEnabled as To, COMPILER_STAGE_KEYS as yt, RESTING_HOVER_STATE as gn, HoverEngine as wo, buildTooltipContent as Ao, LAYOUT_PADDING as pn, getDifferenceArrowDimensions as Eo, createHeadlineItemRows as fn, LayoutCompiler as _o, BORDER_PRESET_GRADIENTS as Po, isSafeUrl as mn, SetContentCaptionCommand as Ho, SetContentTitleCommand as Fo, SetContentSubtitleCommand as No, computeDirectLabelsLayout as Bo, buildFontString as Io, CachedTextMeasurer as It, HeuristicTextMeasurer as Mo, getColor as z, getAlpha as X, getSize as Re, toPercent as x, toViewBoxY as ze, toViewBoxX as Ge, createAreaPathGenerators as vn, createStableKeyGenerator as We, GROUP_VARIABLES as Ae, prepareAreaObservations as yn, resolveStrokeWidth as $e, getDashArray as Xe, getLineType as Ve, isDefined as bn, getGroup as xn, getX as ue, getYMax as Do, getY as he, getXMax as Oo, getBarRectBounds as Sn, createLinePathGenerator as kn, prepareLineObservations as Ln, getStrokeWidth as Ro, buildAverageLineSymbols as zo, formatRuleValue as Go, getAngleExtent as Cn, getRadiusExtent as Tn, buildPolarBarArcPath as Ie, getHoverGuideRectProps as Wo, getHoverGuideLineProps as $o, buildDataLabelsContent as Xo, computeDifferenceArrow as Vo, computeFreeformArrow as Uo, createSegmentYReader as Yo, buildLayerYValueFormatter as jo, formatLegends as qo, formatHeadline as Ko, resolveHeadlinePlacement as Jo } from "@graphysdk/viz-engine";
 import { createStore as bt } from "zustand/vanilla";
-import { useMotionValue as Tn, animate as Jo, motion as Y, useSpring as Mt, useReducedMotion as Zo } from "motion/react";
+import { useMotionValue as wn, animate as Zo, motion as Y, useSpring as Mt, useReducedMotion as Qo } from "motion/react";
 import { useShallow as j } from "zustand/react/shallow";
-import { useI18n as J, IntlProvider as Qo } from "@graphysdk/i18n/react";
-import { useFloating as xt, offset as St, flip as kt, shift as Lt, autoUpdate as ea } from "@floating-ui/react-dom";
-import { Extension as ta } from "@tiptap/core";
-import { Bold as wn } from "@tiptap/extension-bold";
+import { useI18n as J, IntlProvider as ea } from "@graphysdk/i18n/react";
+import { useFloating as xt, offset as St, flip as kt, shift as Lt, autoUpdate as ta } from "@floating-ui/react-dom";
+import { Extension as na } from "@tiptap/core";
+import { Bold as An } from "@tiptap/extension-bold";
 import { Document as lt } from "@tiptap/extension-document";
-import { HardBreak as An } from "@tiptap/extension-hard-break";
-import { Heading as En } from "@tiptap/extension-heading";
-import { Italic as _n } from "@tiptap/extension-italic";
-import { Link as Pn } from "@tiptap/extension-link";
-import { Text as Hn } from "@tiptap/extension-text";
-import { TextAlign as Fn } from "@tiptap/extension-text-align";
-import { TextStyle as Nn, Color as Bn, FontFamily as In } from "@tiptap/extension-text-style";
-import { Underline as Mn } from "@tiptap/extension-underline";
-import { UndoRedo as Dn, Placeholder as On } from "@tiptap/extensions";
-import { Paragraph as na } from "@tiptap/extension-paragraph";
-import { useEditorState as ra, EditorContent as oa, useEditor as aa } from "@tiptap/react";
+import { HardBreak as En } from "@tiptap/extension-hard-break";
+import { Heading as _n } from "@tiptap/extension-heading";
+import { Italic as Pn } from "@tiptap/extension-italic";
+import { Link as Hn } from "@tiptap/extension-link";
+import { Text as Fn } from "@tiptap/extension-text";
+import { TextAlign as Nn } from "@tiptap/extension-text-align";
+import { TextStyle as Bn, Color as In, FontFamily as Mn } from "@tiptap/extension-text-style";
+import { Underline as Dn } from "@tiptap/extension-underline";
+import { UndoRedo as On, Placeholder as Rn } from "@tiptap/extensions";
+import { Paragraph as ra } from "@tiptap/extension-paragraph";
+import { useEditorState as oa, EditorContent as aa, useEditor as ia } from "@tiptap/react";
 import { Toolbar as H } from "@base-ui/react/toolbar";
 import { Tooltip as le } from "@base-ui/react/tooltip";
-import { createPortal as ia } from "react-dom";
-import { assignInlineVars as sa } from "@vanilla-extract/dynamic";
+import { createPortal as sa } from "react-dom";
+import { assignInlineVars as la } from "@vanilla-extract/dynamic";
 import { Popover as F } from "@base-ui/react/popover";
-import { HexColorPicker as la, HexColorInput as ca } from "react-colorful";
+import { HexColorPicker as ca, HexColorInput as da } from "react-colorful";
 import { Menu as M } from "@base-ui/react/menu";
-import { Toggle as da } from "@base-ui/react/toggle";
-import { interpolatePath as ua } from "d3-interpolate-path";
+import { Toggle as ua } from "@base-ui/react/toggle";
+import { interpolatePath as ha } from "d3-interpolate-path";
 import { getContrast as ct } from "color2k";
-typeof window < "u" && (window.__GRAPHY_SDK__ ??= {}, window.__GRAPHY_SDK__.reactRenderer = "0.0.1-experimental.2");
-const ha = 5, ga = (e) => {
+typeof window < "u" && (window.__GRAPHY_SDK__ ??= {}, window.__GRAPHY_SDK__.reactRenderer = "0.0.1-experimental.4");
+const ga = 5, pa = (e) => {
   if (process.env.NODE_ENV === "production")
     return {
       emit: () => {
       },
-      subscribe: () => fa,
+      subscribe: () => ma,
       getLastTrigger: () => null,
       getLastCompile: () => null,
       getCacheStats: () => e.getCacheStats()
@@ -61,7 +61,7 @@ const ha = 5, ga = (e) => {
     getLastCompile: () => e.getLastCompile(),
     getCacheStats: () => e.getCacheStats()
   };
-}, pa = () => bt((e) => ({
+}, fa = () => bt((e) => ({
   lastCompile: null,
   history: [],
   nextId: 1,
@@ -70,19 +70,19 @@ const ha = 5, ga = (e) => {
     if (r.lastSnapshot === n) return r;
     const o = {
       id: r.nextId,
-      label: ma(t),
+      label: va(t),
       stages: n.stages,
       durationMs: n.durationMs
     };
     return {
       lastCompile: o,
-      history: va(r.history, o, ha),
+      history: ya(r.history, o, ga),
       nextId: r.nextId + 1,
       lastSnapshot: n
     };
   })
-})), fa = () => {
-}, ma = (e) => {
+})), ma = () => {
+}, va = (e) => {
   switch (e.kind) {
     case "init":
       return "init";
@@ -93,18 +93,18 @@ const ha = 5, ga = (e) => {
     case "command":
       return e.command.metadata.description;
   }
-}, va = (e, t, n) => {
+}, ya = (e, t, n) => {
   const r = e.length >= n ? e.length - (n - 1) : 0;
   return [...e.slice(r), t];
-}, ya = (e) => bt((t) => ({
+}, ba = (e) => bt((t) => ({
   compiled: e,
   setCompiled: (n) => t((r) => r.compiled === n ? r : { compiled: n })
 }));
-function ba(e, t) {
-  const n = xo(e) ? e.themeOverrides : void 0;
+function xa(e, t) {
+  const n = So(e) ? e.themeOverrides : void 0;
   return v(() => ({ ...t, ...n }), [t, n]);
 }
-const Rn = fe(null), rg = ({
+const zn = fe(null), og = ({
   data: e,
   input: t,
   formattingLocale: n,
@@ -114,9 +114,9 @@ const Rn = fe(null), rg = ({
   themeOverrides: c,
   children: l
 }) => {
-  const [d] = E(() => So()), [u] = E(() => ga(d)), h = ba(t, c), g = v(() => ({ customPalettes: o, theme: i }), [o, i]), [p] = E(() => {
+  const [d] = E(() => ko()), [u] = E(() => pa(d)), h = xa(t, c), g = v(() => ({ customPalettes: o, theme: i }), [o, i]), [p] = E(() => {
     const k = d.compile({ input: t, data: e, ctx: g });
-    return u.emit({ kind: "init" }), ya(k);
+    return u.emit({ kind: "init" }), ba(k);
   }), f = C({ input: t, data: e, ctx: g });
   L(() => {
     const k = t !== f.current.input, w = e !== f.current.data, A = g !== f.current.ctx;
@@ -130,7 +130,7 @@ const Rn = fe(null), rg = ({
       if (!A) return;
       const I = d.recompile({ spec: A.spec });
       if (w.setCompiled(I), u.emit({ kind: "command", command: k }), !r) return;
-      const _ = ko(A.spec);
+      const _ = Lo(A.spec);
       f.current = { input: _, data: f.current.data, ctx: f.current.ctx }, r(_);
     },
     [r, d, u, p]
@@ -138,40 +138,40 @@ const Rn = fe(null), rg = ({
     () => ({ store: p, dispatch: y, formattingLocale: n, compileBus: u, theme: i, themeOverrides: h }),
     [p, y, n, u, i, h]
   );
-  return /* @__PURE__ */ a(Rn.Provider, { value: S, children: l });
+  return /* @__PURE__ */ a(zn.Provider, { value: S, children: l });
 }, me = () => {
-  const e = ee(Rn);
+  const e = ee(zn);
   if (!e) throw new Error("useGraph* hooks must be used inside a <GraphProvider>");
   return e;
 }, B = (e) => {
   const { store: t } = me();
-  return Ce(t, (n) => e(n.compiled));
-}, zn = () => {
+  return Te(t, (n) => e(n.compiled));
+}, Gn = () => {
   const { dispatch: e } = me();
   return e;
 };
-var xa = "drqe3u0", Sa = "drqe3u1", ka = "drqe3u2", La = "drqe3u3", He = "drqe3u4", Ca = "drqe3u5", Ta = "drqe3u6", wa = "drqe3u7", et = "drqe3u8", Aa = "drqe3u9", Ea = "drqe3ua", _a = "drqe3ub", Pa = "drqe3uc", Ha = "drqe3ud", Fa = "drqe3ue", Na = "drqe3uf", Ba = "drqe3ug", Ia = "drqe3uh", Ma = "drqe3ui", Dt = { enabled: "drqe3uk drqe3uj", disabled: "drqe3ul drqe3uj" }, Ot = { ran: "drqe3un drqe3um", dim: "drqe3uo drqe3um" }, Gn = { ran: "drqe3uq drqe3up", cached: "drqe3ur drqe3up", untouched: "drqe3us drqe3up" };
-const og = ({ width: e = 380, style: t, className: n } = {}) => {
-  const { compileBus: r } = me(), [o] = E(() => pa()), [i, c] = E(!1), [l, d] = E(Lo);
+var Sa = "drqe3u0", ka = "drqe3u1", La = "drqe3u2", Ca = "drqe3u3", He = "drqe3u4", Ta = "drqe3u5", wa = "drqe3u6", Aa = "drqe3u7", et = "drqe3u8", Ea = "drqe3u9", _a = "drqe3ua", Pa = "drqe3ub", Ha = "drqe3uc", Fa = "drqe3ud", Na = "drqe3ue", Ba = "drqe3uf", Ia = "drqe3ug", Ma = "drqe3uh", Da = "drqe3ui", Dt = { enabled: "drqe3uk drqe3uj", disabled: "drqe3ul drqe3uj" }, Ot = { ran: "drqe3un drqe3um", dim: "drqe3uo drqe3um" }, Wn = { ran: "drqe3uq drqe3up", cached: "drqe3ur drqe3up", untouched: "drqe3us drqe3up" };
+const ag = ({ width: e = 380, style: t, className: n } = {}) => {
+  const { compileBus: r } = me(), [o] = E(() => fa()), [i, c] = E(!1), [l, d] = E(Co);
   L(() => {
     const { recordCompile: y } = o.getState(), S = r.getLastTrigger(), k = r.getLastCompile();
     return S && k && y(S, k), r.subscribe(y);
   }, [o, r]);
-  const u = Ce(o, (y) => y.lastCompile), h = Ce(o, (y) => y.history), g = r.getCacheStats(), p = u === null && h.length === 0, f = () => {
+  const u = Te(o, (y) => y.lastCompile), h = Te(o, (y) => y.history), g = r.getCacheStats(), p = u === null && h.length === 0, f = () => {
     d((y) => {
       const S = !y;
-      return Co(S), S;
+      return To(S), S;
     });
   };
-  return /* @__PURE__ */ m("div", { className: re(Ea, n), style: { width: e, ...t }, children: [
-    /* @__PURE__ */ m("div", { className: xa, children: [
+  return /* @__PURE__ */ m("div", { className: re(_a, n), style: { width: e, ...t }, children: [
+    /* @__PURE__ */ m("div", { className: Sa, children: [
       /* @__PURE__ */ m("div", { children: [
-        /* @__PURE__ */ a("div", { className: Sa, children: "compile cache" }),
-        /* @__PURE__ */ a("div", { className: Fa, children: p ? "production: stats disabled" : u ? `last: ${u.label} · ${Wn(u.durationMs)}` : "awaiting first compile…" })
+        /* @__PURE__ */ a("div", { className: ka, children: "compile cache" }),
+        /* @__PURE__ */ a("div", { className: Na, children: p ? "production: stats disabled" : u ? `last: ${u.label} · ${$n(u.durationMs)}` : "awaiting first compile…" })
       ] }),
-      /* @__PURE__ */ a("button", { type: "button", onClick: () => c((y) => !y), className: Na, children: i ? "▾" : "▴" })
+      /* @__PURE__ */ a("button", { type: "button", onClick: () => c((y) => !y), className: Ba, children: i ? "▾" : "▴" })
     ] }),
-    !i && /* @__PURE__ */ m("div", { className: _a, children: [
+    !i && /* @__PURE__ */ m("div", { className: Pa, children: [
       /* @__PURE__ */ m(
         "button",
         {
@@ -185,26 +185,26 @@ const og = ({ width: e = 380, style: t, className: n } = {}) => {
           ]
         }
       ),
-      /* @__PURE__ */ a("span", { className: Ba, children: "next compile reflects this toggle" })
+      /* @__PURE__ */ a("span", { className: Ia, children: "next compile reflects this toggle" })
     ] }),
     !i && !p && /* @__PURE__ */ m(T, { children: [
-      /* @__PURE__ */ a(Da, { delta: u?.stages, cumulative: g }),
-      /* @__PURE__ */ a(Oa, { entries: h })
+      /* @__PURE__ */ a(Oa, { delta: u?.stages, cumulative: g }),
+      /* @__PURE__ */ a(Ra, { entries: h })
     ] })
   ] });
-}, Da = ({ delta: e, cumulative: t }) => /* @__PURE__ */ m("table", { className: ka, children: [
-  /* @__PURE__ */ a("thead", { children: /* @__PURE__ */ m("tr", { className: Ia, children: [
-    /* @__PURE__ */ a("th", { className: La, children: "stage" }),
+}, Oa = ({ delta: e, cumulative: t }) => /* @__PURE__ */ m("table", { className: La, children: [
+  /* @__PURE__ */ a("thead", { children: /* @__PURE__ */ m("tr", { className: Ma, children: [
+    /* @__PURE__ */ a("th", { className: Ca, children: "stage" }),
     /* @__PURE__ */ a("th", { className: He, children: "Δ miss" }),
     /* @__PURE__ */ a("th", { className: He, children: "Δ hit" }),
     /* @__PURE__ */ a("th", { className: He, children: "total miss" }),
     /* @__PURE__ */ a("th", { className: He, children: "total hit" })
   ] }) }),
   /* @__PURE__ */ a("tbody", { children: yt.map((n) => {
-    const r = e?.[n], o = Ra(r);
-    return /* @__PURE__ */ m("tr", { className: Pa, children: [
-      /* @__PURE__ */ m("td", { className: Ca, children: [
-        /* @__PURE__ */ a("span", { className: Gn[o], "aria-hidden": !0 }),
+    const r = e?.[n], o = za(r);
+    return /* @__PURE__ */ m("tr", { className: Ha, children: [
+      /* @__PURE__ */ m("td", { className: Ta, children: [
+        /* @__PURE__ */ a("span", { className: Wn[o], "aria-hidden": !0 }),
         " ",
         n
       ] }),
@@ -214,33 +214,33 @@ const og = ({ width: e = 380, style: t, className: n } = {}) => {
       /* @__PURE__ */ a("td", { className: et, children: t[n].hits })
     ] }, n);
   }) })
-] }), Oa = ({ entries: e }) => e.length === 0 ? null : /* @__PURE__ */ m("div", { className: Ha, children: [
-  /* @__PURE__ */ a("div", { className: Ma, children: "recent compiles" }),
+] }), Ra = ({ entries: e }) => e.length === 0 ? null : /* @__PURE__ */ m("div", { className: Fa, children: [
+  /* @__PURE__ */ a("div", { className: Da, children: "recent compiles" }),
   e.map((t) => {
-    const n = za(t.stages, (i) => i.misses > 0), r = yt.length;
-    return /* @__PURE__ */ m("div", { className: Ta, children: [
-      /* @__PURE__ */ a("span", { className: Gn[n === 0 ? "cached" : "ran"], "aria-hidden": !0 }),
-      /* @__PURE__ */ a("span", { className: wa, title: t.label, children: t.label }),
-      /* @__PURE__ */ m("span", { className: Aa, children: [
+    const n = Ga(t.stages, (i) => i.misses > 0), r = yt.length;
+    return /* @__PURE__ */ m("div", { className: wa, children: [
+      /* @__PURE__ */ a("span", { className: Wn[n === 0 ? "cached" : "ran"], "aria-hidden": !0 }),
+      /* @__PURE__ */ a("span", { className: Aa, title: t.label, children: t.label }),
+      /* @__PURE__ */ m("span", { className: Ea, children: [
         n,
         "/",
         r,
         " ran · ",
-        Wn(t.durationMs)
+        $n(t.durationMs)
       ] })
     ] }, t.id);
   })
-] }), Ra = (e) => !e || e.hits === 0 && e.misses === 0 ? "untouched" : e.misses > 0 ? "ran" : "cached", za = (e, t) => {
+] }), za = (e) => !e || e.hits === 0 && e.misses === 0 ? "untouched" : e.misses > 0 ? "ran" : "cached", Ga = (e, t) => {
   let n = 0;
   for (const r of yt)
     t(e[r]) && (n += 1);
   return n;
-}, Wn = (e) => e >= 10 ? `${e.toFixed(0)}ms` : `${e.toFixed(2)}ms`, Ga = () => bt((e) => ({
+}, $n = (e) => e >= 10 ? `${e.toFixed(0)}ms` : `${e.toFixed(2)}ms`, Wa = () => bt((e) => ({
   hover: gn,
   setHoverState: (t) => e((n) => n.hover === t ? n : { hover: t })
-})), Wa = (e, t) => {
+})), $a = (e, t) => {
   const n = v(() => ({ layers: e, coordSystem: t }), [e, t]), r = C(null);
-  r.current === null && (r.current = new To(n));
+  r.current === null && (r.current = new wo(n));
   const o = r.current, i = C(!1);
   return L(() => {
     if (!i.current) {
@@ -249,38 +249,38 @@ const og = ({ width: e = 380, style: t, className: n } = {}) => {
     }
     o.update(n);
   }, [o, n]), o;
-}, $n = fe(null), $a = ({ children: e }) => {
+}, Xn = fe(null), Xa = ({ children: e }) => {
   const { layers: t, coordSystem: n } = B(
     j((l) => ({ layers: l.layers, coordSystem: l.coordSystem }))
-  ), r = Wa(t, n), [o] = E(() => Ga()), i = C(null), c = C(null);
-  return c.current === null && (c.current = { engine: r, store: o, overlayRef: i }), /* @__PURE__ */ a($n.Provider, { value: c.current, children: e });
+  ), r = $a(t, n), [o] = E(() => Wa()), i = C(null), c = C(null);
+  return c.current === null && (c.current = { engine: r, store: o, overlayRef: i }), /* @__PURE__ */ a(Xn.Provider, { value: c.current, children: e });
 }, Ue = () => {
-  const e = ee($n);
+  const e = ee(Xn);
   if (e === null)
     throw new Error("useHoverContext must be used inside a <HoverProvider>.");
   return e;
 };
-var Xa = "_2qyyu60";
-const Rt = 2, Va = 12, Ua = 12, zt = 1, Gt = 2, Ya = 4, Ye = ({
+var Va = "_2qyyu60";
+const Rt = 2, Ua = 12, Ya = 12, zt = 1, Gt = 2, ja = 4, Ye = ({
   shape: e,
   color: t,
   lineType: n = "solid",
-  width: r = Va,
-  height: o = Ua
+  width: r = Ua,
+  height: o = Ya
 }) => /* @__PURE__ */ a(
   "svg",
   {
-    className: Xa,
+    className: Va,
     width: r,
     height: o,
     viewBox: `0 0 ${r} ${o}`,
     "aria-hidden": !0,
     "data-testid": "chart-swatch",
     "data-shape": e,
-    children: ja({ shape: e, color: t, lineType: n, width: r, height: o })
+    children: qa({ shape: e, color: t, lineType: n, width: r, height: o })
   }
-), ja = ({ shape: e, color: t, lineType: n, width: r, height: o }) => {
-  const i = qa(n, r);
+), qa = ({ shape: e, color: t, lineType: n, width: r, height: o }) => {
+  const i = Ka(n, r);
   switch (e) {
     case "square":
       return /* @__PURE__ */ a("rect", { x: 1, y: 1, width: r - 2, height: o - 2, rx: 2, fill: t });
@@ -324,21 +324,21 @@ const Rt = 2, Va = 12, Ua = 12, zt = 1, Gt = 2, Ya = 4, Ye = ({
     case "slice":
       return /* @__PURE__ */ a("path", { d: `M 0 ${o} L ${r} ${o} A ${r} ${o} 0 0 0 0 0 Z`, fill: t });
   }
-}, qa = (e, t) => {
+}, Ka = (e, t) => {
   if (e === "solid")
     return { x1: 0, x2: t, dashArray: void 0, linecap: "round" };
   if (e === "dashed") {
     const r = (t - zt * (Gt - 1)) / Gt;
     return { x1: 0, x2: t, dashArray: `${r} ${zt}`, linecap: "butt" };
   }
-  const n = t / (Ya - 1);
+  const n = t / (ja - 1);
   return { x1: 0, x2: t, dashArray: `1 ${n}`, linecap: "round" };
-}, Xn = Object.freeze({}), Ct = fe(Xn), Ka = ({ slots: e, children: t }) => /* @__PURE__ */ a(Ct.Provider, { value: e ?? Xn, children: t });
+}, Vn = Object.freeze({}), Ct = fe(Vn), Ja = ({ slots: e, children: t }) => /* @__PURE__ */ a(Ct.Provider, { value: e ?? Vn, children: t });
 function Q(e, t) {
   const n = ee(Ct)[e];
-  return n === void 0 ? t : typeof n == "object" && Za(n) ? n.render : n;
+  return n === void 0 ? t : typeof n == "object" && Qa(n) ? n.render : n;
 }
-function Ja() {
+function Za() {
   const e = ee(Ct);
   return {
     measureAxis: e.AxisTicks?.measure,
@@ -348,15 +348,15 @@ function Ja() {
     measureHeadlineItemWidths: e.Headline?.measure.measureHeadlineItemWidths
   };
 }
-function Za(e) {
+function Qa(e) {
   return "render" in e && typeof e.render == "function";
 }
 function Tt(e) {
   const { store: t } = Ue();
-  return Ce(t, e);
+  return Te(t, e);
 }
-var Qa = "_19519k80", ei = "_19519k81", ti = "_19519k82", ni = "_19519k83", ri = "_19519k85", oi = "_19519k86", ai = "_19519k87", ii = "_19519k88", si = "_19519k89";
-const li = (e) => {
+var ei = "_19519k80", ti = "_19519k81", ni = "_19519k82", ri = "_19519k83", oi = "_19519k85", ai = "_19519k86", ii = "_19519k87", si = "_19519k88", li = "_19519k89";
+const ci = (e) => {
   const { overlayRef: t } = Ue(), n = C(null), [r, o] = E(!1), i = C(e);
   return i.current = e, L(() => {
     const c = t.current;
@@ -370,7 +370,7 @@ const li = (e) => {
       c.removeEventListener("pointermove", l), c.removeEventListener("pointerleave", d);
     };
   }, [t]), { cursorRef: n, isInside: r };
-}, ci = 16, di = 8, ui = {
+}, di = 16, ui = 8, hi = {
   x: 0,
   y: 0,
   top: 0,
@@ -380,7 +380,7 @@ const li = (e) => {
   width: 0,
   height: 0,
   toJSON: () => ({})
-}, hi = () => {
+}, gi = () => {
   const e = B(
     j((f) => ({
       layers: f.layers,
@@ -390,22 +390,22 @@ const li = (e) => {
       numberFormat: f.config.numberFormat,
       parsingLocale: f.config.parsingLocale
     }))
-  ), { formattingLocale: t } = me(), n = Tt((f) => f.hover), r = Q("Tooltip", gi), o = C(() => {
-  }), { cursorRef: i, isInside: c } = li(() => o.current()), l = v(
-    () => wo({ ...e, hover: n, formattingLocale: t }),
+  ), { formattingLocale: t } = me(), n = Tt((f) => f.hover), r = Q("Tooltip", pi), o = C(() => {
+  }), { cursorRef: i, isInside: c } = ci(() => o.current()), l = v(
+    () => Ao({ ...e, hover: n, formattingLocale: t }),
     [e, n, t]
   ), d = l !== null && c, u = v(
     () => ({
       getBoundingClientRect: () => {
         const f = i.current;
-        return f === null ? ui : pi(f);
+        return f === null ? hi : fi(f);
       }
     }),
     [i]
   ), { refs: h, floatingStyles: g, update: p } = xt({
     open: d,
     placement: "right",
-    middleware: [St(ci), kt(), Lt({ padding: di })],
+    middleware: [St(di), kt(), Lt({ padding: ui })],
     elements: { reference: u }
   });
   return o.current = p, d ? /* @__PURE__ */ a(
@@ -413,16 +413,16 @@ const li = (e) => {
     {
       ref: h.setFloating,
       role: "tooltip",
-      className: ii,
+      className: si,
       style: g,
       "data-testid": "chart-tooltip",
       children: /* @__PURE__ */ a(r, { content: l, isVisible: d })
     }
   ) : null;
-}, gi = ({ content: e, isVisible: t }) => t ? /* @__PURE__ */ m("div", { className: si, children: [
-  e.header !== null && /* @__PURE__ */ a("div", { className: Qa, children: e.header }),
-  /* @__PURE__ */ a("div", { className: ei, children: e.rows.map((n) => /* @__PURE__ */ a(fi, { row: n, shouldHighlight: n.isPrimary && e.rows.length > 1 }, n.key)) })
-] }) : null, pi = (e) => ({
+}, pi = ({ content: e, isVisible: t }) => t ? /* @__PURE__ */ m("div", { className: li, children: [
+  e.header !== null && /* @__PURE__ */ a("div", { className: ei, children: e.header }),
+  /* @__PURE__ */ a("div", { className: ti, children: e.rows.map((n) => /* @__PURE__ */ a(mi, { row: n, shouldHighlight: n.isPrimary && e.rows.length > 1 }, n.key)) })
+] }) : null, fi = (e) => ({
   x: e.clientX,
   y: e.clientY,
   top: e.clientY,
@@ -432,14 +432,14 @@ const li = (e) => {
   width: 0,
   height: 0,
   toJSON: () => ({})
-}), fi = ({ row: e, shouldHighlight: t }) => /* @__PURE__ */ m("div", { className: re(ti, { [ni]: t }), "data-testid": "chart-tooltip-row", children: [
-  e.swatchColor === null ? /* @__PURE__ */ a("span", { className: ri, "aria-hidden": !0 }) : /* @__PURE__ */ a(Ye, { shape: e.swatchShape, color: e.swatchColor, lineType: e.swatchLineType }),
-  /* @__PURE__ */ a("span", { className: oi, children: e.label }),
-  /* @__PURE__ */ a("span", { className: ai, children: e.value })
+}), mi = ({ row: e, shouldHighlight: t }) => /* @__PURE__ */ m("div", { className: re(ni, { [ri]: t }), "data-testid": "chart-tooltip-row", children: [
+  e.swatchColor === null ? /* @__PURE__ */ a("span", { className: oi, "aria-hidden": !0 }) : /* @__PURE__ */ a(Ye, { shape: e.swatchShape, color: e.swatchColor, lineType: e.swatchLineType }),
+  /* @__PURE__ */ a("span", { className: ai, children: e.label }),
+  /* @__PURE__ */ a("span", { className: ii, children: e.value })
 ] });
-var Vn = ["canvasDefault", "canvasBlue", "canvasCyan", "canvasGreen", "canvasYellow", "canvasOrange", "canvasRed", "canvasPink", "canvasPurple", "canvasGray", "canvasInverse"], s = { white: "var(--graphy-white)", black: "var(--graphy-black)", transparent: "var(--graphy-transparent)", grey100: "var(--graphy-grey-100)", grey95: "var(--graphy-grey-95)", grey90: "var(--graphy-grey-90)", grey85: "var(--graphy-grey-85)", grey80: "var(--graphy-grey-80)", grey75: "var(--graphy-grey-75)", grey70: "var(--graphy-grey-70)", grey60: "var(--graphy-grey-60)", grey50: "var(--graphy-grey-50)", grey0: "var(--graphy-grey-0)", greyGradient80: "var(--graphy-grey-gradient-80)", green60: "var(--graphy-green-60)", green50: "var(--graphy-green-50)", red60: "var(--graphy-red-60)", red50: "var(--graphy-red-50)", amber70: "var(--graphy-amber-70)", amber50: "var(--graphy-amber-50)", amber40: "var(--graphy-amber-40)", amber30: "var(--graphy-amber-30)", blue80: "var(--graphy-blue-80)", blue60: "var(--graphy-blue-60)", purple50: "var(--graphy-purple-50)", purple30: "var(--graphy-purple-30)", brand: "var(--graphy-brand)", success: "var(--graphy-success)", warning: "var(--graphy-warning)", alert: "var(--graphy-alert)", textPrimary: "var(--graphy-text-primary)", textSecondary: "var(--graphy-text-secondary)", textDisabled: "var(--graphy-text-disabled)", iconPrimary: "var(--graphy-icon-primary)", iconSecondary: "var(--graphy-icon-secondary)", iconStickerBackground: "var(--graphy-icon-sticker-background)", border100: "var(--graphy-border-100)", border50: "var(--graphy-border-50)", border10: "var(--graphy-border-10)", sunkenBackground: "var(--graphy-sunken-background)", defaultBackground: "var(--graphy-default-background)", raisedBackground: "var(--graphy-raised-background)", overlayBackground: "var(--graphy-overlay-background)", overlayBorderGradient: "var(--graphy-overlay-border-gradient)", graphBackground: "var(--graphy-graph-background)", gridLineColor: "var(--graphy-grid-line-color)", originLineColor: "var(--graphy-origin-line-color)", targetLineColor: "var(--graphy-target-line-color)", targetLineMarkerColor: "var(--graphy-target-line-marker-color)", targetLineLabelTextColor: "var(--graphy-target-line-label-text-color)", legendBackground: "var(--graphy-legend-background)", legendBorderColor: "var(--graphy-legend-border-color)", legendFocusOutlineColor: "var(--graphy-legend-focus-outline-color)", legendTextColor: "var(--graphy-legend-text-color)", dimmedSeriesLabelTextColor: "var(--graphy-dimmed-series-label-text-color)", dimmedSeriesLabelLineColor: "var(--graphy-dimmed-series-label-line-color)", trendNegativeColor: "var(--graphy-trend-negative-color)", trendPositiveColor: "var(--graphy-trend-positive-color)", trendNeutralColor: "var(--graphy-trend-neutral-color)", defaultAnnotationArrowStroke: "var(--graphy-default-annotation-arrow-stroke)", defaultAnnotationShapeStroke: "var(--graphy-default-annotation-shape-stroke)", defaultAnnotationShapeFill: "var(--graphy-default-annotation-shape-fill)", arrowAnnotationStickerOutlineColor: "var(--graphy-arrow-annotation-sticker-outline-color)", arrowAnnotationStickerOutlineColorInverse: "var(--graphy-arrow-annotation-sticker-outline-color-inverse)", annotationFrameBorderColor: "var(--graphy-annotation-frame-border-color)", annotationMenuTriggerIconColor: "var(--graphy-annotation-menu-trigger-icon-color)", heatmapEmptyTileBackground: "var(--graphy-heatmap-empty-tile-background)", dataLabelOutsideBackground: "var(--graphy-data-label-outside-background)", gridLineWidth: "var(--graphy-grid-line-width)", gridLineDash: "var(--graphy-grid-line-dash)", tooltipBorderRadius: "var(--graphy-tooltip-border-radius)", tooltipBorderWidth: "var(--graphy-tooltip-border-width)", tooltipPaddingBlock: "var(--graphy-tooltip-padding-block)", tooltipPaddingInline: "var(--graphy-tooltip-padding-inline)", tooltipRowGap: "var(--graphy-tooltip-row-gap)", tooltipShadow: "var(--graphy-tooltip-shadow)", tickLabelOffset: "var(--graphy-tick-label-offset)", legendItemGap: "var(--graphy-legend-item-gap)", legendSwatchGap: "var(--graphy-legend-swatch-gap)", legendSwatchWidth: "var(--graphy-legend-swatch-width)", legendSwatchHeight: "var(--graphy-legend-swatch-height)", legendPillPaddingInline: "var(--graphy-legend-pill-padding-inline)", legendPillPaddingBlock: "var(--graphy-legend-pill-padding-block)", legendPillBorderWidth: "var(--graphy-legend-pill-border-width)", headlineRowGap: "var(--graphy-headline-row-gap)", headlineItemGap: "var(--graphy-headline-item-gap)", canvasDefault: "var(--graphy-canvas-default)", canvasBlue: "var(--graphy-canvas-blue)", canvasCyan: "var(--graphy-canvas-cyan)", canvasGreen: "var(--graphy-canvas-green)", canvasYellow: "var(--graphy-canvas-yellow)", canvasOrange: "var(--graphy-canvas-orange)", canvasRed: "var(--graphy-canvas-red)", canvasPink: "var(--graphy-canvas-pink)", canvasPurple: "var(--graphy-canvas-purple)", canvasGray: "var(--graphy-canvas-gray)", canvasInverse: "var(--graphy-canvas-inverse)", elevationXs: "var(--graphy-elevation-xs)", elevationSm: "var(--graphy-elevation-sm)", elevationMd: "var(--graphy-elevation-md)", elevationLg: "var(--graphy-elevation-lg)", radiiXs: "var(--graphy-radii-xs)", radiiSm: "var(--graphy-radii-sm)", radiiMd: "var(--graphy-radii-md)", radiiLg: "var(--graphy-radii-lg)", spaceXxs: "var(--graphy-space-xxs)", spaceXs: "var(--graphy-space-xs)", spaceSm: "var(--graphy-space-sm)", spaceMd: "var(--graphy-space-md)", spaceLg: "var(--graphy-space-lg)", spaceXl: "var(--graphy-space-xl)", zIndexToolbar: "var(--graphy-z-index-toolbar)", zIndexToolbarTooltip: "var(--graphy-z-index-toolbar-tooltip)", zIndexToolbarPopover: "var(--graphy-z-index-toolbar-popover)", toolbarBackgroundColor: "var(--graphy-toolbar-background-color)", toolbarButtonBackgroundColor: "var(--graphy-toolbar-button-background-color)", toolbarButtonBackgroundColorHovered: "var(--graphy-toolbar-button-background-color-hovered)", toolbarButtonBackgroundColorSelected: "var(--graphy-toolbar-button-background-color-selected)", toolbarSeparatorColor: "var(--graphy-toolbar-separator-color)", tooltipBackground: "var(--graphy-tooltip-background)", tooltipBorderColor: "var(--graphy-tooltip-border-color)", tooltipHeadingTextColor: "var(--graphy-tooltip-heading-text-color)", tooltipLabelTextColor: "var(--graphy-tooltip-label-text-color)", tooltipValueTextColor: "var(--graphy-tooltip-value-text-color)", tooltipPrimaryRowColor: "var(--graphy-tooltip-primary-row-color)", hoverGuideLineColor: "var(--graphy-hover-guide-line-color)", hoverGuideFillColor: "var(--graphy-hover-guide-fill-color)", hoveredBarBorderColor: "var(--graphy-hovered-bar-border-color)", hoveredPointRingColor: "var(--graphy-hovered-point-ring-color)", pointStrokeColor: "var(--graphy-point-stroke-color)", stackedBarHoverBorderColor: "var(--graphy-stacked-bar-hover-border-color)", fontFamilyDefault: "var(--graphy-font-family-default)", fontFamilyHeading: "var(--graphy-font-family-heading)", fontWeightRegular: "var(--graphy-font-weight-regular)", fontWeightMedium: "var(--graphy-font-weight-medium)", fontWeightSemibold: "var(--graphy-font-weight-semibold)", fontWeightBold: "var(--graphy-font-weight-bold)", fontWeightExtraBold: "var(--graphy-font-weight-extra-bold)", fontWeightBlack: "var(--graphy-font-weight-black)", textScale: "var(--graphy-text-scale)", fontSizeXxs: "var(--graphy-font-size-xxs)", fontSizeXs: "var(--graphy-font-size-xs)", fontSizeSm: "var(--graphy-font-size-sm)", fontSizeMd: "var(--graphy-font-size-md)", fontSizeLg: "var(--graphy-font-size-lg)", fontSizeXl: "var(--graphy-font-size-xl)", fontLineHeightXxs: "var(--graphy-font-line-height-xxs)", fontLineHeightXs: "var(--graphy-font-line-height-xs)", fontLineHeightSm: "var(--graphy-font-line-height-sm)", fontLineHeightMd: "var(--graphy-font-line-height-md)", fontLineHeightLg: "var(--graphy-font-line-height-lg)", fontLineHeightXl: "var(--graphy-font-line-height-xl)", fontSizeEditorBody: "var(--graphy-font-size-editor-body)", fontSizeHeadingSm: "var(--graphy-font-size-heading-sm)", fontSizeHeadingMd: "var(--graphy-font-size-heading-md)", fontSizeHeadingLg: "var(--graphy-font-size-heading-lg)", fontLineHeightEditorBody: "var(--graphy-font-line-height-editor-body)", fontLineHeightHeadingSm: "var(--graphy-font-line-height-heading-sm)", fontLineHeightHeadingMd: "var(--graphy-font-line-height-heading-md)", fontLineHeightHeadingLg: "var(--graphy-font-line-height-heading-lg)", fontTickLabel: "var(--graphy-font-tick-label)", fontAxisLabel: "var(--graphy-font-axis-label)", fontDataLabel: "var(--graphy-font-data-label)", fontStackTotal: "var(--graphy-font-stack-total)", fontLegendLabel: "var(--graphy-font-legend-label)", fontSeriesLabel: "var(--graphy-font-series-label)", fontTooltipLabel: "var(--graphy-font-tooltip-label)", fontTooltipHeading: "var(--graphy-font-tooltip-heading)", fontTooltipFooter: "var(--graphy-font-tooltip-footer)", fontJumboTooltipLabel: "var(--graphy-font-jumbo-tooltip-label)", fontJumboTooltip: "var(--graphy-font-jumbo-tooltip)", fontMiniTooltipLabel: "var(--graphy-font-mini-tooltip-label)", fontMiniTooltipFooter: "var(--graphy-font-mini-tooltip-footer)", fontTooltipCaption: "var(--graphy-font-tooltip-caption)", fontTooltipCaptionSmall: "var(--graphy-font-tooltip-caption-small)", fontTrendTag: "var(--graphy-font-trend-tag)", fontTrendTagSmall: "var(--graphy-font-trend-tag-small)", fontGoalLineLabel: "var(--graphy-font-goal-line-label)", fontPieLabel: "var(--graphy-font-pie-label)", fontPieChartTotal: "var(--graphy-font-pie-chart-total)", fontDifferenceArrowSmall: "var(--graphy-font-difference-arrow-small)", fontDifferenceArrowMedium: "var(--graphy-font-difference-arrow-medium)", fontDifferenceArrowLarge: "var(--graphy-font-difference-arrow-large)", fontButton: "var(--graphy-font-button)", fontInput: "var(--graphy-font-input)", fontInputLabel: "var(--graphy-font-input-label)", fontSelectLabel: "var(--graphy-font-select-label)", fontSelectDescription: "var(--graphy-font-select-description)", fontColorSelectLabel: "var(--graphy-font-color-select-label)", fontMenuTitle: "var(--graphy-font-menu-title)", fontMenuGroupTitle: "var(--graphy-font-menu-group-title)", fontMenuItemLabel: "var(--graphy-font-menu-item-label)", fontMenuItemLabelSecondary: "var(--graphy-font-menu-item-label-secondary)", fontUITooltip: "var(--graphy-font-uitooltip)", fontUITooltipSecondary: "var(--graphy-font-uitooltip-secondary)", fontErrorBoundaryTitle: "var(--graphy-font-error-boundary-title)", fontErrorBoundaryMessage: "var(--graphy-font-error-boundary-message)", fontTableCell: "var(--graphy-font-table-cell)", fontTableHeaderCell: "var(--graphy-font-table-header-cell)", fontSourceLabel: "var(--graphy-font-source-label)", fontSourceLink: "var(--graphy-font-source-link)", fontTextEditorH1: "var(--graphy-font-text-editor-h1)", fontTextEditorH2: "var(--graphy-font-text-editor-h2)", fontTextEditorH3: "var(--graphy-font-text-editor-h3)", fontTextEditorH6: "var(--graphy-font-text-editor-h6)", fontTextEditorBody: "var(--graphy-font-text-editor-body)", fontTextEditorLink: "var(--graphy-font-text-editor-link)", fontHighlightModeTitle: "var(--graphy-font-highlight-mode-title)", fontHighlightModeSubtitle: "var(--graphy-font-highlight-mode-subtitle)" };
+var Un = ["canvasDefault", "canvasBlue", "canvasCyan", "canvasGreen", "canvasYellow", "canvasOrange", "canvasRed", "canvasPink", "canvasPurple", "canvasGray", "canvasInverse"], s = { white: "var(--graphy-white)", black: "var(--graphy-black)", transparent: "var(--graphy-transparent)", grey100: "var(--graphy-grey-100)", grey95: "var(--graphy-grey-95)", grey90: "var(--graphy-grey-90)", grey85: "var(--graphy-grey-85)", grey80: "var(--graphy-grey-80)", grey75: "var(--graphy-grey-75)", grey70: "var(--graphy-grey-70)", grey60: "var(--graphy-grey-60)", grey50: "var(--graphy-grey-50)", grey0: "var(--graphy-grey-0)", greyGradient80: "var(--graphy-grey-gradient-80)", green60: "var(--graphy-green-60)", green50: "var(--graphy-green-50)", red60: "var(--graphy-red-60)", red50: "var(--graphy-red-50)", amber70: "var(--graphy-amber-70)", amber50: "var(--graphy-amber-50)", amber40: "var(--graphy-amber-40)", amber30: "var(--graphy-amber-30)", blue80: "var(--graphy-blue-80)", blue60: "var(--graphy-blue-60)", purple50: "var(--graphy-purple-50)", purple30: "var(--graphy-purple-30)", brand: "var(--graphy-brand)", success: "var(--graphy-success)", warning: "var(--graphy-warning)", alert: "var(--graphy-alert)", textPrimary: "var(--graphy-text-primary)", textSecondary: "var(--graphy-text-secondary)", textDisabled: "var(--graphy-text-disabled)", iconPrimary: "var(--graphy-icon-primary)", iconSecondary: "var(--graphy-icon-secondary)", iconStickerBackground: "var(--graphy-icon-sticker-background)", border100: "var(--graphy-border-100)", border50: "var(--graphy-border-50)", border10: "var(--graphy-border-10)", sunkenBackground: "var(--graphy-sunken-background)", defaultBackground: "var(--graphy-default-background)", raisedBackground: "var(--graphy-raised-background)", overlayBackground: "var(--graphy-overlay-background)", overlayBorderGradient: "var(--graphy-overlay-border-gradient)", graphBackground: "var(--graphy-graph-background)", gridLineColor: "var(--graphy-grid-line-color)", originLineColor: "var(--graphy-origin-line-color)", targetLineColor: "var(--graphy-target-line-color)", targetLineMarkerColor: "var(--graphy-target-line-marker-color)", targetLineLabelTextColor: "var(--graphy-target-line-label-text-color)", legendBackground: "var(--graphy-legend-background)", legendBorderColor: "var(--graphy-legend-border-color)", legendFocusOutlineColor: "var(--graphy-legend-focus-outline-color)", legendTextColor: "var(--graphy-legend-text-color)", dimmedSeriesLabelTextColor: "var(--graphy-dimmed-series-label-text-color)", dimmedSeriesLabelLineColor: "var(--graphy-dimmed-series-label-line-color)", trendNegativeColor: "var(--graphy-trend-negative-color)", trendPositiveColor: "var(--graphy-trend-positive-color)", trendNeutralColor: "var(--graphy-trend-neutral-color)", defaultAnnotationArrowStroke: "var(--graphy-default-annotation-arrow-stroke)", defaultAnnotationShapeStroke: "var(--graphy-default-annotation-shape-stroke)", defaultAnnotationShapeFill: "var(--graphy-default-annotation-shape-fill)", arrowAnnotationStickerOutlineColor: "var(--graphy-arrow-annotation-sticker-outline-color)", arrowAnnotationStickerOutlineColorInverse: "var(--graphy-arrow-annotation-sticker-outline-color-inverse)", annotationFrameBorderColor: "var(--graphy-annotation-frame-border-color)", annotationMenuTriggerIconColor: "var(--graphy-annotation-menu-trigger-icon-color)", heatmapEmptyTileBackground: "var(--graphy-heatmap-empty-tile-background)", dataLabelOutsideBackground: "var(--graphy-data-label-outside-background)", graphPadding: "var(--graphy-graph-padding)", gridLineWidth: "var(--graphy-grid-line-width)", gridLineDash: "var(--graphy-grid-line-dash)", tooltipBorderRadius: "var(--graphy-tooltip-border-radius)", tooltipBorderWidth: "var(--graphy-tooltip-border-width)", tooltipPaddingBlock: "var(--graphy-tooltip-padding-block)", tooltipPaddingInline: "var(--graphy-tooltip-padding-inline)", tooltipRowGap: "var(--graphy-tooltip-row-gap)", tooltipShadow: "var(--graphy-tooltip-shadow)", tickLabelOffset: "var(--graphy-tick-label-offset)", legendItemGap: "var(--graphy-legend-item-gap)", legendSwatchGap: "var(--graphy-legend-swatch-gap)", legendSwatchWidth: "var(--graphy-legend-swatch-width)", legendSwatchHeight: "var(--graphy-legend-swatch-height)", legendPillPaddingInline: "var(--graphy-legend-pill-padding-inline)", legendPillPaddingBlock: "var(--graphy-legend-pill-padding-block)", legendPillBorderWidth: "var(--graphy-legend-pill-border-width)", headlineRowGap: "var(--graphy-headline-row-gap)", headlineItemGap: "var(--graphy-headline-item-gap)", canvasDefault: "var(--graphy-canvas-default)", canvasBlue: "var(--graphy-canvas-blue)", canvasCyan: "var(--graphy-canvas-cyan)", canvasGreen: "var(--graphy-canvas-green)", canvasYellow: "var(--graphy-canvas-yellow)", canvasOrange: "var(--graphy-canvas-orange)", canvasRed: "var(--graphy-canvas-red)", canvasPink: "var(--graphy-canvas-pink)", canvasPurple: "var(--graphy-canvas-purple)", canvasGray: "var(--graphy-canvas-gray)", canvasInverse: "var(--graphy-canvas-inverse)", elevationXs: "var(--graphy-elevation-xs)", elevationSm: "var(--graphy-elevation-sm)", elevationMd: "var(--graphy-elevation-md)", elevationLg: "var(--graphy-elevation-lg)", radiiXs: "var(--graphy-radii-xs)", radiiSm: "var(--graphy-radii-sm)", radiiMd: "var(--graphy-radii-md)", radiiLg: "var(--graphy-radii-lg)", spaceXxs: "var(--graphy-space-xxs)", spaceXs: "var(--graphy-space-xs)", spaceSm: "var(--graphy-space-sm)", spaceMd: "var(--graphy-space-md)", spaceLg: "var(--graphy-space-lg)", spaceXl: "var(--graphy-space-xl)", zIndexToolbar: "var(--graphy-z-index-toolbar)", zIndexToolbarTooltip: "var(--graphy-z-index-toolbar-tooltip)", zIndexToolbarPopover: "var(--graphy-z-index-toolbar-popover)", toolbarBackgroundColor: "var(--graphy-toolbar-background-color)", toolbarButtonBackgroundColor: "var(--graphy-toolbar-button-background-color)", toolbarButtonBackgroundColorHovered: "var(--graphy-toolbar-button-background-color-hovered)", toolbarButtonBackgroundColorSelected: "var(--graphy-toolbar-button-background-color-selected)", toolbarSeparatorColor: "var(--graphy-toolbar-separator-color)", tooltipBackground: "var(--graphy-tooltip-background)", tooltipBorderColor: "var(--graphy-tooltip-border-color)", tooltipHeadingTextColor: "var(--graphy-tooltip-heading-text-color)", tooltipLabelTextColor: "var(--graphy-tooltip-label-text-color)", tooltipValueTextColor: "var(--graphy-tooltip-value-text-color)", tooltipPrimaryRowColor: "var(--graphy-tooltip-primary-row-color)", hoverGuideLineColor: "var(--graphy-hover-guide-line-color)", hoverGuideFillColor: "var(--graphy-hover-guide-fill-color)", hoveredBarBorderColor: "var(--graphy-hovered-bar-border-color)", hoveredPointRingColor: "var(--graphy-hovered-point-ring-color)", pointStrokeColor: "var(--graphy-point-stroke-color)", stackedBarHoverBorderColor: "var(--graphy-stacked-bar-hover-border-color)", fontFamilyDefault: "var(--graphy-font-family-default)", fontFamilyHeading: "var(--graphy-font-family-heading)", fontWeightRegular: "var(--graphy-font-weight-regular)", fontWeightMedium: "var(--graphy-font-weight-medium)", fontWeightSemibold: "var(--graphy-font-weight-semibold)", fontWeightBold: "var(--graphy-font-weight-bold)", fontWeightExtraBold: "var(--graphy-font-weight-extra-bold)", fontWeightBlack: "var(--graphy-font-weight-black)", textScale: "var(--graphy-text-scale)", fontSizeXxs: "var(--graphy-font-size-xxs)", fontSizeXs: "var(--graphy-font-size-xs)", fontSizeSm: "var(--graphy-font-size-sm)", fontSizeMd: "var(--graphy-font-size-md)", fontSizeLg: "var(--graphy-font-size-lg)", fontSizeXl: "var(--graphy-font-size-xl)", fontLineHeightXxs: "var(--graphy-font-line-height-xxs)", fontLineHeightXs: "var(--graphy-font-line-height-xs)", fontLineHeightSm: "var(--graphy-font-line-height-sm)", fontLineHeightMd: "var(--graphy-font-line-height-md)", fontLineHeightLg: "var(--graphy-font-line-height-lg)", fontLineHeightXl: "var(--graphy-font-line-height-xl)", fontSizeEditorBody: "var(--graphy-font-size-editor-body)", fontSizeHeadingSm: "var(--graphy-font-size-heading-sm)", fontSizeHeadingMd: "var(--graphy-font-size-heading-md)", fontSizeHeadingLg: "var(--graphy-font-size-heading-lg)", fontLineHeightEditorBody: "var(--graphy-font-line-height-editor-body)", fontLineHeightHeadingSm: "var(--graphy-font-line-height-heading-sm)", fontLineHeightHeadingMd: "var(--graphy-font-line-height-heading-md)", fontLineHeightHeadingLg: "var(--graphy-font-line-height-heading-lg)", fontTickLabel: "var(--graphy-font-tick-label)", fontAxisLabel: "var(--graphy-font-axis-label)", fontDataLabel: "var(--graphy-font-data-label)", fontStackTotal: "var(--graphy-font-stack-total)", fontLegendLabel: "var(--graphy-font-legend-label)", fontSeriesLabel: "var(--graphy-font-series-label)", fontTooltipLabel: "var(--graphy-font-tooltip-label)", fontTooltipHeading: "var(--graphy-font-tooltip-heading)", fontTooltipFooter: "var(--graphy-font-tooltip-footer)", fontJumboTooltipLabel: "var(--graphy-font-jumbo-tooltip-label)", fontJumboTooltip: "var(--graphy-font-jumbo-tooltip)", fontMiniTooltipLabel: "var(--graphy-font-mini-tooltip-label)", fontMiniTooltipFooter: "var(--graphy-font-mini-tooltip-footer)", fontTooltipCaption: "var(--graphy-font-tooltip-caption)", fontTooltipCaptionSmall: "var(--graphy-font-tooltip-caption-small)", fontTrendTag: "var(--graphy-font-trend-tag)", fontTrendTagSmall: "var(--graphy-font-trend-tag-small)", fontGoalLineLabel: "var(--graphy-font-goal-line-label)", fontPieLabel: "var(--graphy-font-pie-label)", fontPieChartTotal: "var(--graphy-font-pie-chart-total)", fontDifferenceArrowSmall: "var(--graphy-font-difference-arrow-small)", fontDifferenceArrowMedium: "var(--graphy-font-difference-arrow-medium)", fontDifferenceArrowLarge: "var(--graphy-font-difference-arrow-large)", fontButton: "var(--graphy-font-button)", fontInput: "var(--graphy-font-input)", fontInputLabel: "var(--graphy-font-input-label)", fontSelectLabel: "var(--graphy-font-select-label)", fontSelectDescription: "var(--graphy-font-select-description)", fontColorSelectLabel: "var(--graphy-font-color-select-label)", fontMenuTitle: "var(--graphy-font-menu-title)", fontMenuGroupTitle: "var(--graphy-font-menu-group-title)", fontMenuItemLabel: "var(--graphy-font-menu-item-label)", fontMenuItemLabelSecondary: "var(--graphy-font-menu-item-label-secondary)", fontUITooltip: "var(--graphy-font-uitooltip)", fontUITooltipSecondary: "var(--graphy-font-uitooltip-secondary)", fontErrorBoundaryTitle: "var(--graphy-font-error-boundary-title)", fontErrorBoundaryMessage: "var(--graphy-font-error-boundary-message)", fontTableCell: "var(--graphy-font-table-cell)", fontTableHeaderCell: "var(--graphy-font-table-header-cell)", fontSourceLabel: "var(--graphy-font-source-label)", fontSourceLink: "var(--graphy-font-source-link)", fontTextEditorH1: "var(--graphy-font-text-editor-h1)", fontTextEditorH2: "var(--graphy-font-text-editor-h2)", fontTextEditorH3: "var(--graphy-font-text-editor-h3)", fontTextEditorH6: "var(--graphy-font-text-editor-h6)", fontTextEditorBody: "var(--graphy-font-text-editor-body)", fontTextEditorLink: "var(--graphy-font-text-editor-link)", fontHighlightModeTitle: "var(--graphy-font-highlight-mode-title)", fontHighlightModeSubtitle: "var(--graphy-font-highlight-mode-subtitle)" };
 const R = `'Inter', -apple-system, BlinkMacSystemFont, 'Open Sans', 'Segoe UI', 'Roboto', 'Oxygen-Sans', 'Ubuntu',
-'Cantarell', 'Helvetica Neue', 'NotoSansArabic', 'NotoSansJP', 'NotoSansSC', 'NotoSansKR', 'NotoSerifKR', sans-serif, 'Apple Color Emoji', 'NotoColorEmoji'`, mi = R, K = {
+'Cantarell', 'Helvetica Neue', 'NotoSansArabic', 'NotoSansJP', 'NotoSansSC', 'NotoSansKR', 'NotoSerifKR', sans-serif, 'Apple Color Emoji', 'NotoColorEmoji'`, vi = R, K = {
   regular: 400,
   medium: 500,
   semibold: 600,
@@ -468,10 +468,10 @@ const R = `'Inter', -apple-system, BlinkMacSystemFont, 'Open Sans', 'Segoe UI',
   headingSm: 1.25,
   headingMd: 1.41,
   headingLg: 1.29
-}, vi = `var(--typography-chart-font-family, ${s.fontFamilyDefault})`, tt = `var(--typography-chart-heading-font-family, ${s.fontFamilyHeading})`, U = (e) => `${e}em`, Un = {
+}, yi = `var(--typography-chart-font-family, ${s.fontFamilyDefault})`, tt = `var(--typography-chart-heading-font-family, ${s.fontFamilyHeading})`, U = (e) => `${e}em`, Yn = {
   textScale: "1",
   fontFamilyDefault: R,
-  fontFamilyHeading: mi,
+  fontFamilyHeading: vi,
   fontWeightRegular: K.regular.toString(),
   fontWeightMedium: K.medium.toString(),
   fontWeightSemibold: K.semibold.toString(),
@@ -490,7 +490,7 @@ const R = `'Inter', -apple-system, BlinkMacSystemFont, 'Open Sans', 'Segoe UI',
   fontLineHeightMd: D.md.toString(),
   fontLineHeightLg: D.lg.toString(),
   fontLineHeightXl: D.xl.toString()
-}, Yn = {
+}, jn = {
   fontSizeEditorBody: U(N.editorBody),
   fontSizeHeadingSm: U(N.headingSm),
   fontSizeHeadingMd: U(N.headingMd),
@@ -499,7 +499,7 @@ const R = `'Inter', -apple-system, BlinkMacSystemFont, 'Open Sans', 'Segoe UI',
   fontLineHeightHeadingSm: D.headingSm.toString(),
   fontLineHeightHeadingMd: D.headingMd.toString(),
   fontLineHeightHeadingLg: D.headingLg.toString()
-}, b = (e, t, n, r = vi) => `${e} ${t}/${n} ${r}`, jn = {
+}, b = (e, t, n, r = yi) => `${e} ${t}/${n} ${r}`, qn = {
   // Axes
   fontTickLabel: b(s.fontWeightMedium, s.fontSizeSm, s.fontLineHeightSm),
   fontAxisLabel: b(s.fontWeightMedium, s.fontSizeSm, s.fontLineHeightSm),
@@ -571,15 +571,16 @@ const R = `'Inter', -apple-system, BlinkMacSystemFont, 'Open Sans', 'Segoe UI',
   // Highlight mode
   fontHighlightModeTitle: b(s.fontWeightBold, s.fontSizeMd, s.fontLineHeightMd),
   fontHighlightModeSubtitle: b(s.fontWeightMedium, s.fontSizeSm, s.fontLineHeightSm)
-}, yi = {
+}, bi = {
   small: 1.9,
   medium: 2.3,
   large: 2.6
-}, bi = {
+}, xi = {
   small: 1,
   medium: 1,
   large: 1.2
-}, xi = R, qn = D.sm, Kn = 2, Jn = 24, Zn = 12, Qn = 10, er = 8, tr = 8, nr = 8, rr = 2, or = 1, ar = 2, ir = 4, sr = N.sm, lr = D.sm, cr = R, Si = ar * ir, dr = !1, Fe = 6, ur = 10, P = (e, t) => `color-mix(in srgb, transparent, ${e} ${t * 100}%)`, je = (e, t) => `hsl(from ${e} h s calc(l * ${1 - t}))`, hr = (e, t) => `hsl(from ${e} h s calc(l * ${1 + t}))`, dt = (e, t, n) => `color-mix(in srgb, ${e}, ${t} ${n * 100}%)`, ki = (e) => /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(e), Li = (e) => e.length === 0 ? !1 : typeof CSS < "u" && typeof CSS.supports == "function" ? CSS.supports("color", e) : /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{4}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/.test(e), X = (e) => `${e}px`, gr = {
+}, Si = R, Kn = D.sm, Jn = 2, Zn = 24, Qn = 12, er = 10, tr = 8, nr = 8, rr = 8, or = 2, ar = 1, ir = 2, sr = 4, lr = N.sm, cr = D.sm, dr = R, ki = ir * sr, ur = !1, Fe = 6, hr = 10, P = (e, t) => `color-mix(in srgb, transparent, ${e} ${t * 100}%)`, je = (e, t) => `hsl(from ${e} h s calc(l * ${1 - t}))`, gr = (e, t) => `hsl(from ${e} h s calc(l * ${1 + t}))`, dt = (e, t, n) => `color-mix(in srgb, ${e}, ${t} ${n * 100}%)`, Li = (e) => /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(e), Ci = (e) => e.length === 0 ? !1 : typeof CSS < "u" && typeof CSS.supports == "function" ? CSS.supports("color", e) : /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{4}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/.test(e), W = (e) => `${e}px`, pr = {
+  graphPadding: W(pn),
   gridLineWidth: "1px",
   gridLineDash: "2 3",
   tooltipBorderRadius: "6px",
@@ -588,31 +589,31 @@ const R = `'Inter', -apple-system, BlinkMacSystemFont, 'Open Sans', 'Segoe UI',
   tooltipPaddingInline: "10px",
   tooltipRowGap: "4px",
   tooltipShadow: "0 4px 12px rgba(0, 0, 0, 0.18)",
-  tickLabelOffset: X(ur),
-  legendItemGap: X(tr),
-  legendSwatchGap: X(er),
-  legendSwatchWidth: X(Qn),
-  legendSwatchHeight: X(Zn),
-  legendPillPaddingInline: X(nr),
-  legendPillPaddingBlock: X(rr),
-  legendPillBorderWidth: X(or),
-  headlineRowGap: X(Kn),
-  headlineItemGap: X(Jn)
-}, pr = {
+  tickLabelOffset: W(hr),
+  legendItemGap: W(nr),
+  legendSwatchGap: W(tr),
+  legendSwatchWidth: W(er),
+  legendSwatchHeight: W(Qn),
+  legendPillPaddingInline: W(rr),
+  legendPillPaddingBlock: W(or),
+  legendPillBorderWidth: W(ar),
+  headlineRowGap: W(Jn),
+  headlineItemGap: W(Zn)
+}, fr = {
   elevationXs: "0 0 2px rgba(15, 15, 24, 0.12), 0 2px 2px rgba(14, 14, 52, 0.08)",
   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)"
-}, fr = {
+}, mr = {
   radiiXs: "4px",
   radiiSm: "6px",
   radiiMd: "8px",
   radiiLg: "12px"
-}, mr = {
+}, vr = {
   zIndexToolbar: "10",
   zIndexToolbarTooltip: "20",
   zIndexToolbarPopover: "30"
-}, Ci = 8, se = (e) => `${Ci * e}px`, vr = {
+}, Ti = 8, se = (e) => `${Ti * e}px`, yr = {
   spaceXxs: se(0.25),
   // space(0.25) → 2px
   spaceXs: se(0.5),
@@ -625,7 +626,7 @@ const R = `'Inter', -apple-system, BlinkMacSystemFont, 'Open Sans', 'Segoe UI',
   //   space(1.5)  → 12px
   spaceXl: se(2)
   //     space(2)    → 16px
-}, Ti = {
+}, wi = {
   transparent: "transparent",
   white: "#FFFFFF",
   black: "#000000",
@@ -652,7 +653,7 @@ const R = `'Inter', -apple-system, BlinkMacSystemFont, 'Open Sans', 'Segoe UI',
   purple50: "#7B56EA",
   purple30: "#E093FE",
   greyGradient80: "linear-gradient(to top, #222429, #31353f)"
-}, wi = {
+}, Ai = {
   textPrimary: s.grey0,
   textSecondary: P(s.textPrimary, 0.8),
   textDisabled: P(s.textPrimary, 0.5),
@@ -671,7 +672,7 @@ const R = `'Inter', -apple-system, BlinkMacSystemFont, 'Open Sans', 'Segoe UI',
   raisedBackground: s.grey80,
   overlayBackground: s.grey90,
   overlayBorderGradient: s.greyGradient80
-}, Ai = {
+}, Ei = {
   graphBackground: s.grey90,
   gridLineColor: s.border10,
   originLineColor: s.grey0,
@@ -716,7 +717,7 @@ const R = `'Inter', -apple-system, BlinkMacSystemFont, 'Open Sans', 'Segoe UI',
   arrowAnnotationStickerOutlineColorInverse: "#1D2129",
   annotationFrameBorderColor: s.blue60,
   annotationMenuTriggerIconColor: s.white
-}, Ei = {
+}, _i = {
   canvasDefault: "#FFFFFF",
   canvasBlue: "#60a5fa",
   canvasCyan: "#22d3ee",
@@ -728,20 +729,20 @@ const R = `'Inter', -apple-system, BlinkMacSystemFont, 'Open Sans', 'Segoe UI',
   canvasPurple: "#a78bfa",
   canvasGray: "#a8a29e",
   canvasInverse: "#000000"
-}, _i = {
-  ...Ti,
+}, Pi = {
   ...wi,
-  ...pr,
+  ...Ai,
   ...fr,
-  ...vr,
   ...mr,
-  ...Ai,
+  ...yr,
+  ...vr,
   ...Ei,
-  ...gr,
-  ...Un,
+  ..._i,
+  ...pr,
   ...Yn,
-  ...jn
-}, Pi = {
+  ...jn,
+  ...qn
+}, Hi = {
   transparent: "transparent",
   white: "#FFFFFF",
   black: "#000000",
@@ -768,7 +769,7 @@ const R = `'Inter', -apple-system, BlinkMacSystemFont, 'Open Sans', 'Segoe UI',
   purple50: "#7B56EA",
   purple30: "#E093FE",
   greyGradient80: "linear-gradient(to top, #F0F0F1, #F9F9FF)"
-}, Hi = {
+}, Fi = {
   textPrimary: s.black,
   textSecondary: P(s.textPrimary, 0.6),
   textDisabled: P(s.textPrimary, 0.5),
@@ -787,7 +788,7 @@ const R = `'Inter', -apple-system, BlinkMacSystemFont, 'Open Sans', 'Segoe UI',
   raisedBackground: s.grey85,
   overlayBackground: s.grey100,
   overlayBorderGradient: s.border10
-}, Fi = {
+}, Ni = {
   graphBackground: s.grey100,
   gridLineColor: s.border10,
   originLineColor: s.grey0,
@@ -832,7 +833,7 @@ const R = `'Inter', -apple-system, BlinkMacSystemFont, 'Open Sans', 'Segoe UI',
   arrowAnnotationStickerOutlineColorInverse: "#FFFFFF",
   annotationFrameBorderColor: s.blue60,
   annotationMenuTriggerIconColor: "#3d414c"
-}, Ni = {
+}, Bi = {
   canvasDefault: "#000000",
   canvasBlue: "#3b82f6",
   canvasCyan: "#06b6d4",
@@ -844,51 +845,52 @@ const R = `'Inter', -apple-system, BlinkMacSystemFont, 'Open Sans', 'Segoe UI',
   canvasPurple: "#8b5cf6",
   canvasGray: "#78716c",
   canvasInverse: "#ffffff"
-}, Bi = {
-  ...Pi,
+}, Ii = {
   ...Hi,
-  ...pr,
+  ...Fi,
   ...fr,
-  ...vr,
   ...mr,
-  ...Fi,
+  ...yr,
+  ...vr,
   ...Ni,
-  ...gr,
-  ...Un,
+  ...Bi,
+  ...pr,
   ...Yn,
-  ...jn
-}, yr = (e, t = {}) => ({
-  ...e === "dark" ? _i : Bi,
+  ...jn,
+  ...qn
+}, br = (e, t = {}) => ({
+  ...e === "dark" ? Pi : Ii,
   ...t
-}), br = (e, t) => {
-  const n = yr(e, t), r = V(n.legendPillPaddingInline, nr), o = V(n.legendPillPaddingBlock, rr), i = V(n.legendPillBorderWidth, or);
+}), xr = (e, t) => {
+  const n = br(e, t), r = $(n.legendPillPaddingInline, rr), o = $(n.legendPillPaddingBlock, or), i = $(n.legendPillBorderWidth, ar);
   return {
-    tickLabelOffset: V(n.tickLabelOffset, ur),
-    legendSwatchWidth: V(n.legendSwatchWidth, Qn),
-    legendSwatchHeight: V(n.legendSwatchHeight, Zn),
-    legendSwatchGap: V(n.legendSwatchGap, er),
-    legendItemGap: V(n.legendItemGap, tr),
+    graphPadding: $(n.graphPadding, pn),
+    tickLabelOffset: $(n.tickLabelOffset, hr),
+    legendSwatchWidth: $(n.legendSwatchWidth, er),
+    legendSwatchHeight: $(n.legendSwatchHeight, Qn),
+    legendSwatchGap: $(n.legendSwatchGap, tr),
+    legendItemGap: $(n.legendItemGap, nr),
     legendPillPaddingInline: r,
     legendPillPaddingBlock: o,
     legendPillBorderWidth: i,
     legendPillHorizontalChrome: 2 * (r + i),
     legendPillVerticalChrome: 2 * (o + i),
-    headlineRowGap: V(n.headlineRowGap, Kn),
-    headlineItemGap: V(n.headlineItemGap, Jn)
+    headlineRowGap: $(n.headlineRowGap, Jn),
+    headlineItemGap: $(n.headlineItemGap, Zn)
   };
-}, Ii = Object.freeze(br("light"));
-function V(e, t) {
+}, Mi = Object.freeze(xr("light"));
+function $(e, t) {
   const n = e.trim();
   if (!/^-?\d*\.?\d+(px)?$/.test(n)) return t;
   const r = Number.parseFloat(n);
   return Number.isFinite(r) ? r : t;
 }
-const xr = fe(Ii), Mi = ({ metrics: e, children: t }) => /* @__PURE__ */ a(xr.Provider, { value: e, children: t }), wt = () => ee(xr), At = N.sm, Sr = R, kr = 10, te = (e, t) => e * kr * t, Di = (e, t, n) => {
+const Sr = fe(Mi), Di = ({ metrics: e, children: t }) => /* @__PURE__ */ a(Sr.Provider, { value: e, children: t }), wt = () => ee(Sr), At = N.sm, kr = R, Lr = 10, te = (e, t) => e * Lr * t, Oi = (e, t, n) => {
   const { tickLabelOffset: r } = n;
   return (o) => {
     const i = o.position === "top" || o.position === "bottom", c = o.ticks.map(
       (u) => e.measureText(u.formattedLabel, {
-        family: Sr,
+        family: kr,
         size: te(At, t)
       })
     ), l = o.labelMaxWidthPx ?? Number.POSITIVE_INFINITY;
@@ -904,77 +906,77 @@ const xr = fe(Ii), Mi = ({ metrics: e, children: t }) => /* @__PURE__ */ a(xr.Pr
       l
     ) + r;
   };
-}, Wt = (e, t) => Math.min(Math.max(...e), t), Oi = (e) => () => te(At, e), Ri = (e, t) => (n, r) => {
-  const { labelLineHeight: o, labelFontWeight: i } = Ao(r, t);
+}, Wt = (e, t) => Math.min(Math.max(...e), t), Ri = (e) => () => te(At, e), zi = (e, t) => (n, r) => {
+  const { labelLineHeight: o, labelFontWeight: i } = Eo(r, t);
   return e.measureText(n, {
     family: R,
     size: o,
     weight: i
   });
-}, zi = (e, t, n) => (r, o) => {
-  const i = Lr(r, o, e, t, n.headlineRowGap), c = Cr(i.map((d) => d.width)), l = Math.max(0, i.length - 1) * n.headlineItemGap;
+}, Gi = (e, t, n) => (r, o) => {
+  const i = Cr(r, o, e, t, n.headlineRowGap), c = Tr(i.map((d) => d.width)), l = Math.max(0, i.length - 1) * n.headlineItemGap;
   return {
     width: c + l,
     height: Math.max(0, ...i.map((d) => d.height))
   };
-}, Gi = (e, t, n) => (r, o) => Lr(r, o, e, t, n.headlineRowGap).map(
+}, Wi = (e, t, n) => (r, o) => Cr(r, o, e, t, n.headlineRowGap).map(
   (i) => i.width
-), Wi = (e, t) => (n, r) => {
+), $i = (e, t) => (n, r) => {
   const o = ut("value", r, t);
-  return { width: e.measureText(n, o).width, height: o.size * qn };
-}, $i = (e, t, n) => {
-  const r = zi(e, t, n), o = Wi(e, t);
+  return { width: e.measureText(n, o).width, height: o.size * Kn };
+}, Xi = (e, t, n) => {
+  const r = Gi(e, t, n), o = $i(e, t);
   return (i, c) => i.kind === "perGroup" ? r(i, c) : o(i.value, c);
-}, Lr = (e, t, n, r, o) => {
+}, Cr = (e, t, n, r, o) => {
   const i = {
     value: ut("value", t, r),
     label: ut("label", t, r)
-  }, c = (l) => Xi(l, i, n);
+  }, c = (l) => Vi(l, i, n);
   return e.items.map((l) => {
-    const d = pn(l).map(c), u = Math.max(0, d.length - 1) * o;
+    const d = fn(l).map(c), u = Math.max(0, d.length - 1) * o;
     return {
       width: Math.max(0, ...d.map((h) => h.width)),
-      height: Cr(d.map((h) => h.height)) + u
+      height: Tr(d.map((h) => h.height)) + u
     };
   });
-}, Xi = (e, t, n) => {
+}, Vi = (e, t, n) => {
   let r = 0, o = 0;
   for (const i of e.segments)
     if (i.kind === "text") {
       const c = t[i.fontRole];
-      r += n.measureText(i.text, c).width, o = Math.max(o, c.size * qn);
+      r += n.measureText(i.text, c).width, o = Math.max(o, c.size * Kn);
     } else
       r += i.size, o = Math.max(o, i.size);
   return { width: r + Math.max(0, e.segments.length - 1) * e.gap, height: o };
 }, ut = (e, t, n) => {
-  const r = e === "value" ? yi[t] : bi[t];
-  return { family: xi, size: te(r, n) };
-}, Cr = (e) => e.reduce((t, n) => t + n, 0), Tr = (e) => {
-  const t = te(sr, e);
-  return { fontSizePx: t, lineBoxHeight: t * lr };
-}, wr = (e, t) => e ? t : 0, Vi = (e, t, n) => (r) => {
-  const { fontSizePx: o, lineBoxHeight: i } = Tr(t), c = { family: cr, size: o };
+  const r = e === "value" ? bi[t] : xi[t];
+  return { family: Si, size: te(r, n) };
+}, Tr = (e) => e.reduce((t, n) => t + n, 0), wr = (e) => {
+  const t = te(lr, e);
+  return { fontSizePx: t, lineBoxHeight: t * cr };
+}, Ar = (e, t) => e ? t : 0, Ui = (e, t, n) => (r) => {
+  const { fontSizePx: o, lineBoxHeight: i } = wr(t), c = { family: dr, size: o };
   if (r.position === "top" || r.position === "bottom")
     return Math.max(i, n.legendSwatchHeight) + n.legendPillVerticalChrome;
   const d = r.items.map((u) => {
-    const h = e.measureText(u.formattedLabel, c).width, g = wr(u.visual.color, n.legendSwatchWidth);
+    const h = e.measureText(u.formattedLabel, c).width, g = Ar(u.visual.color, n.legendSwatchWidth);
     return g + (g > 0 ? n.legendSwatchGap : 0) + h;
   });
   return Math.max(...d) + n.legendPillHorizontalChrome;
-}, Ui = (e, t) => (n) => e.measureText(n, {
-  family: Sr,
+}, Yi = (e, t) => (n) => e.measureText(n, {
+  family: kr,
   size: te(At, t)
-}), Yi = Object.freeze({}), ji = (e, t, n, r = Yi) => {
+}), ji = Object.freeze({}), qi = (e, t, n, r = ji) => {
   const o = C(r);
   return o.current = r, v(() => {
     if (!e) return null;
-    const i = Di(e, t, n), c = Oi(t), l = Vi(e, t, n), d = $i(e, t, n), u = Gi(e, t, n), h = {
+    const i = Oi(e, t, n), c = Ri(t), l = Ui(e, t, n), d = Xi(e, t, n), u = Wi(e, t, n), h = {
       measureText: (g, p) => e.measureText(g, p),
       textScale: t
     };
     return {
       measureAxis: (g) => {
-        if (Ki(g)) return 0;
+        if (Ji(g)) return 0;
         const p = o.current.measureAxis;
         return p ? p(g, h) : i(g);
       },
@@ -983,17 +985,17 @@ const xr = fe(Ii), Mi = ({ metrics: e, children: t }) => /* @__PURE__ */ a(xr.Pr
         return p ? p(g, h) : c();
       },
       measureLegend: (g) => {
-        if (Ji(g)) return 0;
+        if (Zi(g)) return 0;
         const p = o.current.measureLegend;
         return p ? p(g, h) : l(g);
       },
       measureHeadline: (g, p) => (o.current.measureHeadline ?? d)(g, p),
       measureHeadlineItemWidths: (g, p) => (o.current.measureHeadlineItemWidths ?? u)(g, p),
-      measureTickLabel: Ui(e, t),
-      measureDifferenceArrowLabel: Ri(e, t)
+      measureTickLabel: Yi(e, t),
+      measureDifferenceArrowLabel: zi(e, t)
     };
   }, [e, t, n]);
-}, qi = ({
+}, Ki = ({
   measurer: e,
   axes: t,
   numberFormat: n,
@@ -1005,8 +1007,9 @@ const xr = fe(Ii), Mi = ({ metrics: e, children: t }) => /* @__PURE__ */ a(xr.Pr
   formattingLocale: d,
   annotations: u,
   coordSystem: h,
-  textScale: g
-}) => v(() => e ? new Eo(e).compile({
+  textScale: g,
+  graphPadding: p
+}) => v(() => e ? new _o(e).compile({
   axes: t,
   numberFormat: n,
   parsingLocale: r,
@@ -1017,7 +1020,8 @@ const xr = fe(Ii), Mi = ({ metrics: e, children: t }) => /* @__PURE__ */ a(xr.Pr
   formattingLocale: d,
   annotations: u,
   coordSystem: h,
-  textScale: g
+  textScale: g,
+  padding: p
 }) : null, [
   t,
   n,
@@ -1030,8 +1034,9 @@ const xr = fe(Ii), Mi = ({ metrics: e, children: t }) => /* @__PURE__ */ a(xr.Pr
   u,
   h,
   g,
+  p,
   e
-]), Ki = (e) => !e.isVisible || e.ticks.length === 0, Ji = (e) => e.items.length === 0, $t = "data-variant", Ar = na.extend({
+]), Ji = (e) => !e.isVisible || e.ticks.length === 0, Zi = (e) => e.items.length === 0, $t = "data-variant", Er = ra.extend({
   addAttributes() {
     return {
       variant: {
@@ -1041,7 +1046,7 @@ const xr = fe(Ii), Mi = ({ metrics: e, children: t }) => /* @__PURE__ */ a(xr.Pr
       }
     };
   }
-}), Zi = ta.create({
+}), Qi = na.create({
   name: "preventBackspaceAcrossTitleBoundary",
   addOptions() {
     return { isTitleVisible: !0 };
@@ -1057,28 +1062,28 @@ const xr = fe(Ii), Mi = ({ metrics: e, children: t }) => /* @__PURE__ */ a(xr.Pr
       }
     };
   }
-}), Qi = ({
+}), es = ({
   titlePlaceholder: e,
   subtitlePlaceholder: t,
   isTitleVisible: n,
   isSubtitleVisible: r
 }) => [
-  ts({ isTitleVisible: n, isSubtitleVisible: r }),
-  Ar,
-  Hn,
+  ns({ isTitleVisible: n, isSubtitleVisible: r }),
+  Er,
+  Fn,
+  On,
+  _n.configure({ levels: [1, 2, 3] }),
+  An,
+  Pn,
   Dn,
-  En.configure({ levels: [1, 2, 3] }),
-  wn,
-  _n,
-  Mn,
-  Fn.configure({ types: ["heading", "paragraph"] }),
-  Pn.configure({ openOnClick: !1, autolink: !0 }),
-  Nn,
+  Nn.configure({ types: ["heading", "paragraph"] }),
+  Hn.configure({ openOnClick: !1, autolink: !0 }),
   Bn,
   In,
-  An,
-  Zi.configure({ isTitleVisible: n }),
-  On.configure({
+  Mn,
+  En,
+  Qi.configure({ isTitleVisible: n }),
+  Rn.configure({
     showOnlyCurrent: !1,
     placeholder: ({ pos: o, editor: i }) => {
       if (n && o === 0) return e;
@@ -1086,68 +1091,68 @@ const xr = fe(Ii), Mi = ({ metrics: e, children: t }) => /* @__PURE__ */ a(xr.Pr
       return r && o === c ? t : "";
     }
   })
-], es = ({ placeholder: e }) => [
+], ts = ({ placeholder: e }) => [
   lt,
-  Ar,
-  Hn,
+  Er,
+  Fn,
+  On,
+  _n.configure({ levels: [1, 2, 3] }),
+  An,
+  Pn,
   Dn,
-  En.configure({ levels: [1, 2, 3] }),
-  wn,
-  _n,
-  Mn,
-  Fn.configure({ types: ["heading", "paragraph"] }),
-  Pn.configure({ openOnClick: !1, autolink: !0 }),
-  Nn,
+  Nn.configure({ types: ["heading", "paragraph"] }),
+  Hn.configure({ openOnClick: !1, autolink: !0 }),
   Bn,
   In,
-  An,
-  On.configure({
+  Mn,
+  En,
+  Rn.configure({
     showOnlyCurrent: !1,
     placeholder: ({ pos: t }) => t === 0 ? e : ""
   })
-], ts = ({
+], ns = ({
   isTitleVisible: e,
   isSubtitleVisible: t
-}) => e && t ? lt.extend({ content: "block{2,}" }) : lt, Me = 0.1, ns = { light: 0.05, dark: 0.1 }, rs = (e, t) => {
+}) => e && t ? lt.extend({ content: "block{2,}" }) : lt, Me = 0.1, rs = { light: 0.05, dark: 0.1 }, os = (e, t) => {
   switch (e.type) {
     case "none":
       return null;
     case "solid":
       return e.color;
     case "tinted":
-      return is(e.color, t);
-    case "gradient":
       return ss(e.color, t);
+    case "gradient":
+      return ls(e.color, t);
     case "preset":
-      return _o[e.preset];
+      return Po[e.preset];
   }
-}, os = (e) => e.type === "none" ? 0 : e.width, as = (e, t, n) => {
+}, as = (e) => e.type === "none" ? 0 : e.width, is = (e, t, n) => {
   if (e.type === "solid")
     return e.color;
   if (e.type === "tinted")
-    return dt(n, e.color, ns[t]);
-}, is = (e, t) => t === "dark" ? je(e, Me) : hr(e, Me), ss = (e, t, n = 90) => {
-  const r = e, o = t === "dark" ? je(e, Me) : hr(e, Me);
+    return dt(n, e.color, rs[t]);
+}, ss = (e, t) => t === "dark" ? je(e, Me) : gr(e, Me), ls = (e, t, n = 90) => {
+  const r = e, o = t === "dark" ? je(e, Me) : gr(e, Me);
   return `linear-gradient(${n}deg, ${r} 0%, ${o} 100%)`;
 };
-var ls = "bow4tg0", cs = "bow4tg1", ds = "bow4tg2", us = "bow4tg3", hs = "_1ii3bsb0", gs = "_1ii3bsb1";
+var cs = "bow4tg0", ds = "bow4tg1", us = "bow4tg2", hs = "bow4tg3", gs = "_1ii3bsb0", ps = "_1ii3bsb1";
 const Et = fe(null), _t = () => {
   const e = ee(Et);
   if (!e) throw new Error("useThemeContext must be used inside a <ThemeProvider>.");
   return e;
-}, ps = ({ theme: e, themeOverrides: t = {}, appearance: n, children: r }) => {
-  const o = v(() => yr(e, t), [e, t]), i = v(() => {
+}, fs = ({ theme: e, themeOverrides: t = {}, appearance: n, children: r }) => {
+  const o = v(() => br(e, t), [e, t]), i = v(() => {
     const l = {
       [s.textScale]: String(n.textScale)
     };
     for (const [u, h] of Object.entries(t))
       l[s[u]] = h;
-    const d = as(n.background, e, o.graphBackground);
-    return d !== void 0 && (l[s.graphBackground] = d), sa(l);
+    const d = is(n.background, e, o.graphBackground);
+    return d !== void 0 && (l[s.graphBackground] = d), la(l);
   }, [n.textScale, n.background, e, o.graphBackground, t]), c = v(
     () => ({
       theme: e,
-      themeClass: e === "dark" ? gs : hs,
+      themeClass: e === "dark" ? ps : gs,
       inlineVarsStyle: i,
       themeValues: o
     }),
@@ -1155,14 +1160,14 @@ const Et = fe(null), _t = () => {
   );
   return /* @__PURE__ */ a(Et.Provider, { value: c, children: r });
 }, ae = ({ children: e, className: t, style: n }) => {
-  const r = ee(Et), o = r ? re(r.themeClass, cs) : void 0, i = r ? { ...r.inlineVarsStyle, ...n } : n;
+  const r = ee(Et), o = r ? re(r.themeClass, ds) : void 0, i = r ? { ...r.inlineVarsStyle, ...n } : n;
   return /* @__PURE__ */ a("div", { className: re(o, t), style: i, children: e });
-}, fs = "graphy_root", ie = () => typeof document > "u" ? null : document.getElementById(fs) ?? document.body;
-var ms = "yp3g0k0", vs = "yp3g0k1", Er = "yp3g0k3", ys = "yp3g0k4", _r = "yp3g0k5", ht = "yp3g0k6", bs = "yp3g0k7", xs = "yp3g0k8", Pr = "yp3g0k9", Ss = "yp3g0ka", ks = "yp3g0kb", Ls = "yp3g0kc", Cs = "yp3g0kd", Ts = "yp3g0ke";
-const ws = Vn.map((e) => s[e]), As = Object.fromEntries(
-  Vn.map((e) => [s[e], e])
-), Es = ({ editor: e, currentColor: t, isOpen: n, onOpenChange: r }) => {
-  const o = J(), i = Ps(), c = mt(
+}, ms = "graphy_root", ie = () => typeof document > "u" ? null : document.getElementById(ms) ?? document.body;
+var vs = "yp3g0k0", ys = "yp3g0k1", _r = "yp3g0k3", bs = "yp3g0k4", Pr = "yp3g0k5", ht = "yp3g0k6", xs = "yp3g0k7", Ss = "yp3g0k8", Hr = "yp3g0k9", ks = "yp3g0ka", Ls = "yp3g0kb", Cs = "yp3g0kc", Ts = "yp3g0kd", ws = "yp3g0ke";
+const As = Un.map((e) => s[e]), Es = Object.fromEntries(
+  Un.map((e) => [s[e], e])
+), _s = ({ editor: e, currentColor: t, isOpen: n, onOpenChange: r }) => {
+  const o = J(), i = Hs(), c = mt(
     (d) => {
       e.chain().setColor(d).run();
     },
@@ -1176,17 +1181,17 @@ const ws = Vn.map((e) => s[e]), As = Object.fromEntries(
       {
         render: /* @__PURE__ */ a(H.Button, {}),
         "aria-label": o("graph.toolbar.color.label"),
-        className: ms,
+        className: vs,
         onMouseDown: (d) => d.preventDefault(),
-        children: /* @__PURE__ */ a("span", { className: vs, style: { background: t ?? "transparent" } })
+        children: /* @__PURE__ */ a("span", { className: ys, style: { background: t ?? "transparent" } })
       }
     ),
-    /* @__PURE__ */ a(F.Portal, { container: ie(), children: /* @__PURE__ */ a(ae, { children: /* @__PURE__ */ a(F.Positioner, { sideOffset: 6, align: "start", className: Er, children: /* @__PURE__ */ m(F.Popup, { className: ys, onMouseDown: (d) => d.preventDefault(), children: [
+    /* @__PURE__ */ a(F.Portal, { container: ie(), children: /* @__PURE__ */ a(ae, { children: /* @__PURE__ */ a(F.Positioner, { sideOffset: 6, align: "start", className: _r, children: /* @__PURE__ */ m(F.Popup, { className: bs, onMouseDown: (d) => d.preventDefault(), children: [
       /* @__PURE__ */ a(
         Xt,
         {
           title: o("graph.colorDropdown.colors"),
-          colors: ws,
+          colors: As,
           currentColor: t,
           onPick: l
         }
@@ -1200,58 +1205,58 @@ const ws = Vn.map((e) => s[e]), As = Object.fromEntries(
           onPick: l
         }
       ),
-      /* @__PURE__ */ a(_s, { value: t ?? "#000000", onChange: c })
+      /* @__PURE__ */ a(Ps, { value: t ?? "#000000", onChange: c })
     ] }) }) }) })
   ] });
-}, Xt = ({ title: e, colors: t, currentColor: n, onPick: r }) => /* @__PURE__ */ m("div", { className: _r, children: [
+}, Xt = ({ title: e, colors: t, currentColor: n, onPick: r }) => /* @__PURE__ */ m("div", { className: Pr, children: [
   /* @__PURE__ */ a("div", { className: ht, children: e }),
-  /* @__PURE__ */ a("div", { className: bs, children: t.map((o) => /* @__PURE__ */ a(
+  /* @__PURE__ */ a("div", { className: xs, children: t.map((o) => /* @__PURE__ */ a(
     "button",
     {
       type: "button",
       "aria-label": o,
-      className: xs,
-      "data-active": Fs(o, n),
+      className: Ss,
+      "data-active": Ns(o, n),
       onMouseDown: (i) => i.preventDefault(),
       onClick: () => r(o),
-      children: /* @__PURE__ */ a("span", { className: Pr, style: Hr(o) })
+      children: /* @__PURE__ */ a("span", { className: Hr, style: Fr(o) })
     },
     o
   )) })
-] }), _s = ({ value: e, onChange: t }) => {
-  const n = J(), [r, o] = E(!1), i = Li(e) ? e : "#000000", c = Hs(i);
+] }), Ps = ({ value: e, onChange: t }) => {
+  const n = J(), [r, o] = E(!1), i = Ci(e) ? e : "#000000", c = Fs(i);
   return /* @__PURE__ */ m(F.Root, { open: r, onOpenChange: o, children: [
-    /* @__PURE__ */ m("div", { className: _r, children: [
+    /* @__PURE__ */ m("div", { className: Pr, children: [
       /* @__PURE__ */ a("div", { className: ht, children: n("graph.colorDropdown.custom") }),
       /* @__PURE__ */ m(
         F.Trigger,
         {
-          className: Ss,
+          className: ks,
           onMouseDown: (l) => l.preventDefault(),
           "aria-label": n("graph.colorDropdown.pickCustom"),
           children: [
-            /* @__PURE__ */ a("span", { className: Pr, style: Hr(i) }),
-            /* @__PURE__ */ a("span", { className: ks, children: c })
+            /* @__PURE__ */ a("span", { className: Hr, style: Fr(i) }),
+            /* @__PURE__ */ a("span", { className: Ls, children: c })
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ a(F.Portal, { container: ie(), children: /* @__PURE__ */ a(ae, { children: /* @__PURE__ */ a(F.Positioner, { side: "right", align: "start", sideOffset: 18, className: Er, children: /* @__PURE__ */ m(F.Popup, { className: Ls, onMouseDown: (l) => l.preventDefault(), children: [
+    /* @__PURE__ */ a(F.Portal, { container: ie(), children: /* @__PURE__ */ a(ae, { children: /* @__PURE__ */ a(F.Positioner, { side: "right", align: "start", sideOffset: 18, className: _r, children: /* @__PURE__ */ m(F.Popup, { className: Cs, onMouseDown: (l) => l.preventDefault(), children: [
       /* @__PURE__ */ a("div", { className: ht, children: n("graph.colorDropdown.pickColor") }),
-      /* @__PURE__ */ a(la, { color: c, onChange: t, className: Cs }),
+      /* @__PURE__ */ a(ca, { color: c, onChange: t, className: Ts }),
       /* @__PURE__ */ a(
-        ca,
+        da,
         {
           color: c,
           onChange: t,
           prefixed: !0,
-          className: Ts,
+          className: ws,
           onMouseDown: (l) => l.stopPropagation()
         }
       )
     ] }) }) }) })
   ] });
-}, Ps = () => {
+}, Hs = () => {
   const e = B((t) => t.scales.color);
   return v(() => {
     if (!e || e.kind !== "visual") return [];
@@ -1262,15 +1267,15 @@ const ws = Vn.map((e) => s[e]), As = Object.fromEntries(
     }
     return [...t];
   }, [e]);
-}, Hr = (e) => ({
+}, Fr = (e) => ({
   background: e,
   border: `1px solid ${je(e, 0.1)}`
-}), Hs = (e) => {
+}), Fs = (e) => {
   const { themeValues: t } = _t();
-  if (ki(e)) return e.toUpperCase();
-  const n = As[e];
+  if (Li(e)) return e.toUpperCase();
+  const n = Es[e];
   return n ? t[n].toUpperCase() : "#000000";
-}, Fs = (e, t) => t === null ? !1 : e.toLowerCase() === t.toLowerCase(), Ns = {
+}, Ns = (e, t) => t === null ? !1 : e.toLowerCase() === t.toLowerCase(), Bs = {
   xxs: 8,
   xs: 12,
   sm: 16,
@@ -1278,13 +1283,13 @@ const ws = Vn.map((e) => s[e]), As = Object.fromEntries(
   lg: 24,
   xl: 36
 };
-var Bs = { primary: "asohov1 asohov0", secondary: "asohov2 asohov0" };
+var Is = { primary: "asohov1 asohov0", secondary: "asohov2 asohov0" };
 const Z = ({ children: e, title: t, variant: n = "primary", size: r = "sm", ...o }) => {
-  const i = vt(), c = Ns[r];
+  const i = vt(), c = Bs[r];
   return /* @__PURE__ */ m(
     "svg",
     {
-      className: Bs[n],
+      className: Is[n],
       "aria-labelledby": t ? i : void 0,
       height: c,
       width: c,
@@ -1298,17 +1303,17 @@ const Z = ({ children: e, title: t, variant: n = "primary", size: r = "sm", ...o
       ]
     }
   );
-}, Fr = (e) => /* @__PURE__ */ a(Z, { ...e, children: /* @__PURE__ */ a("g", { stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ a("path", { d: "m6 9 6 6 6-6" }) }) }), Is = "'Noto Serif', Georgia, 'Times New Roman', serif, 'Apple Color Emoji', 'NotoColorEmoji'", Nr = `'Aeonik', 'Aeonik Fallback', ${R}`, Ms = "'PT Mono', 'Courier New', monospace, 'Apple Color Emoji', 'NotoColorEmoji'", Ds = "'Intruding Cat', cursive, 'Apple Color Emoji', 'NotoColorEmoji'", Os = `var(--brand-font-family), ${Nr}`, gt = [
+}, Nr = (e) => /* @__PURE__ */ a(Z, { ...e, children: /* @__PURE__ */ a("g", { stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ a("path", { d: "m6 9 6 6 6-6" }) }) }), Ms = "'Noto Serif', Georgia, 'Times New Roman', serif, 'Apple Color Emoji', 'NotoColorEmoji'", Br = `'Aeonik', 'Aeonik Fallback', ${R}`, Ds = "'PT Mono', 'Courier New', monospace, 'Apple Color Emoji', 'NotoColorEmoji'", Os = "'Intruding Cat', cursive, 'Apple Color Emoji', 'NotoColorEmoji'", Rs = `var(--brand-font-family), ${Br}`, gt = [
   { id: "modern", label: "Modern", preview: "Aa", fontFamily: R },
-  { id: "fresh", label: "Fresh", preview: "Aa", fontFamily: Nr },
-  { id: "timeless", label: "Timeless", preview: "Aa", fontFamily: Is },
-  { id: "technical", label: "Technical", preview: "00", fontFamily: Ms },
-  { id: "fineliner", label: "Fineliner", preview: "Aa", fontFamily: Ds },
-  { id: "brand", label: "Brand", preview: "Aa", fontFamily: Os }
-], Rs = (e) => e ? gt.find((t) => t.fontFamily === e) ?? null : null;
-var Br = "_1qkyw7q0", Ir = "_1qkyw7q1", Mr = "_1qkyw7q3", Dr = "_1qkyw7q4", Or = "_1qkyw7q5";
-const zs = ({ editor: e, currentFontFamily: t, isOpen: n, onOpenChange: r }) => {
-  const o = J(), i = Rs(t) ?? gt[0], c = (l) => {
+  { id: "fresh", label: "Fresh", preview: "Aa", fontFamily: Br },
+  { id: "timeless", label: "Timeless", preview: "Aa", fontFamily: Ms },
+  { id: "technical", label: "Technical", preview: "00", fontFamily: Ds },
+  { id: "fineliner", label: "Fineliner", preview: "Aa", fontFamily: Os },
+  { id: "brand", label: "Brand", preview: "Aa", fontFamily: Rs }
+], zs = (e) => e ? gt.find((t) => t.fontFamily === e) ?? null : null;
+var Ir = "_1qkyw7q0", Mr = "_1qkyw7q1", Dr = "_1qkyw7q3", Or = "_1qkyw7q4", Rr = "_1qkyw7q5";
+const Gs = ({ editor: e, currentFontFamily: t, isOpen: n, onOpenChange: r }) => {
+  const o = J(), i = zs(t) ?? gt[0], c = (l) => {
     e.chain().focus().setFontFamily(l.fontFamily).run();
   };
   return /* @__PURE__ */ m(M.Root, { open: n, onOpenChange: r, children: [
@@ -1317,18 +1322,18 @@ const zs = ({ editor: e, currentFontFamily: t, isOpen: n, onOpenChange: r }) =>
       {
         render: /* @__PURE__ */ a(H.Button, {}),
         "aria-label": o("graph.toolbar.font.ariaLabel"),
-        className: Br,
+        className: Ir,
         onMouseDown: (l) => l.preventDefault(),
         children: [
-          /* @__PURE__ */ a("span", { className: Ir, style: { fontFamily: i?.fontFamily }, children: i?.preview }),
-          /* @__PURE__ */ a(Fr, { size: "sm" })
+          /* @__PURE__ */ a("span", { className: Mr, style: { fontFamily: i?.fontFamily }, children: i?.preview }),
+          /* @__PURE__ */ a(Nr, { size: "sm" })
         ]
       }
     ),
-    /* @__PURE__ */ a(M.Portal, { container: ie(), children: /* @__PURE__ */ a(ae, { children: /* @__PURE__ */ a(M.Positioner, { side: "bottom", align: "start", sideOffset: 6, className: Mr, children: /* @__PURE__ */ a(M.Popup, { className: Dr, onMouseDown: (l) => l.preventDefault(), children: gt.map((l) => /* @__PURE__ */ a(
+    /* @__PURE__ */ a(M.Portal, { container: ie(), children: /* @__PURE__ */ a(ae, { children: /* @__PURE__ */ a(M.Positioner, { side: "bottom", align: "start", sideOffset: 6, className: Dr, children: /* @__PURE__ */ a(M.Popup, { className: Or, onMouseDown: (l) => l.preventDefault(), children: gt.map((l) => /* @__PURE__ */ a(
       M.Item,
       {
-        className: Or,
+        className: Rr,
         "data-selected": l.id === i?.id,
         onClick: () => c(l),
         children: /* @__PURE__ */ a("span", { style: { fontFamily: l.fontFamily }, children: l.label })
@@ -1336,44 +1341,44 @@ const zs = ({ editor: e, currentFontFamily: t, isOpen: n, onOpenChange: r }) =>
       l.id
     )) }) }) }) })
   ] });
-}, Rr = {
+}, zr = {
   id: "text",
   translationKey: "graph.toolbar.heading.text",
   previewFont: s.fontTextEditorBody
 }, Vt = [
   { id: "caption", translationKey: "graph.toolbar.heading.caption", previewFont: s.fontTextEditorH6 },
-  Rr,
+  zr,
   { id: "h3", translationKey: "graph.toolbar.heading.heading3", previewFont: s.fontTextEditorH3 },
   { id: "h2", translationKey: "graph.toolbar.heading.heading2", previewFont: s.fontTextEditorH2 },
   { id: "h1", translationKey: "graph.toolbar.heading.heading1", previewFont: s.fontTextEditorH1 }
-], Gs = ({ editor: e, activeStyle: t, isOpen: n, onOpenChange: r }) => {
-  const o = J(), i = Vt.find((c) => c.id === t) ?? Rr;
+], Ws = ({ editor: e, activeStyle: t, isOpen: n, onOpenChange: r }) => {
+  const o = J(), i = Vt.find((c) => c.id === t) ?? zr;
   return /* @__PURE__ */ m(M.Root, { open: n, onOpenChange: r, children: [
     /* @__PURE__ */ m(
       M.Trigger,
       {
         render: /* @__PURE__ */ a(H.Button, {}),
         "aria-label": o("graph.toolbar.heading.ariaLabel"),
-        className: Br,
+        className: Ir,
         onMouseDown: (c) => c.preventDefault(),
         children: [
-          /* @__PURE__ */ a("span", { className: Ir, children: o(i.translationKey) }),
-          /* @__PURE__ */ a(Fr, { size: "sm" })
+          /* @__PURE__ */ a("span", { className: Mr, children: o(i.translationKey) }),
+          /* @__PURE__ */ a(Nr, { size: "sm" })
         ]
       }
     ),
-    /* @__PURE__ */ a(M.Portal, { container: ie(), children: /* @__PURE__ */ a(ae, { children: /* @__PURE__ */ a(M.Positioner, { side: "bottom", align: "start", sideOffset: 6, className: Mr, children: /* @__PURE__ */ a(M.Popup, { className: Dr, onMouseDown: (c) => c.preventDefault(), children: Vt.map((c) => /* @__PURE__ */ a(
+    /* @__PURE__ */ a(M.Portal, { container: ie(), children: /* @__PURE__ */ a(ae, { children: /* @__PURE__ */ a(M.Positioner, { side: "bottom", align: "start", sideOffset: 6, className: Dr, children: /* @__PURE__ */ a(M.Popup, { className: Or, onMouseDown: (c) => c.preventDefault(), children: Vt.map((c) => /* @__PURE__ */ a(
       M.Item,
       {
-        className: Or,
+        className: Rr,
         "data-selected": c.id === i.id,
-        onClick: () => Ws(e, c.id),
-        children: /* @__PURE__ */ a($s, { font: c.previewFont, children: o(c.translationKey) })
+        onClick: () => $s(e, c.id),
+        children: /* @__PURE__ */ a(Xs, { font: c.previewFont, children: o(c.translationKey) })
       },
       c.id
     )) }) }) }) })
   ] });
-}, Ws = (e, t) => {
+}, $s = (e, t) => {
   switch (t) {
     case "caption": {
       e.chain().focus().setNode("paragraph", { variant: "caption" }).run();
@@ -1392,13 +1397,13 @@ const zs = ({ editor: e, currentFontFamily: t, isOpen: n, onOpenChange: r }) =>
     case "h3":
       e.chain().focus().setHeading({ level: 3 }).run();
   }
-}, $s = ({ font: e, children: t }) => /* @__PURE__ */ a("span", { style: { font: e, margin: 0 }, children: t }), Xs = (e) => /* @__PURE__ */ a(Z, { ...e, children: /* @__PURE__ */ a("g", { stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ a("path", { d: "M20 6 9 17l-5-5" }) }) }), Vs = (e) => /* @__PURE__ */ a(Z, { ...e, children: /* @__PURE__ */ m("g", { stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
+}, Xs = ({ font: e, children: t }) => /* @__PURE__ */ a("span", { style: { font: e, margin: 0 }, children: t }), Vs = (e) => /* @__PURE__ */ a(Z, { ...e, children: /* @__PURE__ */ a("g", { stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ a("path", { d: "M20 6 9 17l-5-5" }) }) }), Us = (e) => /* @__PURE__ */ a(Z, { ...e, children: /* @__PURE__ */ m("g", { stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
   /* @__PURE__ */ a("path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" }),
   /* @__PURE__ */ a("path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" })
-] }) }), Us = (e) => /* @__PURE__ */ a(Z, { ...e, children: /* @__PURE__ */ m("g", { stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
+] }) }), Ys = (e) => /* @__PURE__ */ a(Z, { ...e, children: /* @__PURE__ */ m("g", { stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
   /* @__PURE__ */ a("path", { d: "M18 6 6 18" }),
   /* @__PURE__ */ a("path", { d: "m6 6 12 12" })
-] }) }), Ys = (e) => !e.content || e.content.length === 0 ? !0 : e.content.every((t) => !t.content || t.content.length === 0), js = (e) => {
+] }) }), js = (e) => !e.content || e.content.length === 0 ? !0 : e.content.every((t) => !t.content || t.content.length === 0), qs = (e) => {
   const { $from: t } = e.state.selection, n = t.parent.textContent, r = t.parentOffset, o = t.start();
   let i = r;
   for (; i > 0 && Ut(n[i - 1]); ) i -= 1;
@@ -1406,14 +1411,14 @@ const zs = ({ editor: e, currentFontFamily: t, isOpen: n, onOpenChange: r }) =>
   for (; c < n.length && Ut(n[c]); ) c += 1;
   return { from: o + i, to: o + c };
 }, Ut = (e) => e !== void 0 && /\S/.test(e);
-var qs = "b5kquu0", Ks = "b5kquu1", Js = "b5kquu2", Zs = "b5kquu3", Yt = "b5kquu4";
-const Qs = ({ editor: e, currentUrl: t, isActive: n, isOpen: r, onOpenChange: o }) => {
+var Ks = "b5kquu0", Js = "b5kquu1", Zs = "b5kquu2", Qs = "b5kquu3", Yt = "b5kquu4";
+const el = ({ editor: e, currentUrl: t, isActive: n, isOpen: r, onOpenChange: o }) => {
   const i = J(), [c, l] = E(""), d = C(null);
   L(() => {
     r && l(t ?? "");
   }, [r, t]);
   const u = () => {
-    el(e, c), o(!1);
+    tl(e, c), o(!1);
   }, h = () => {
     l(""), o(!1);
   }, g = (f) => {
@@ -1428,15 +1433,15 @@ const Qs = ({ editor: e, currentUrl: t, isActive: n, isOpen: r, onOpenChange: o
         render: /* @__PURE__ */ a(H.Button, {}),
         "aria-label": i("graph.toolbar.formatting.link"),
         "data-active": n,
-        className: qs,
+        className: Ks,
         onMouseDown: (f) => f.preventDefault(),
-        children: /* @__PURE__ */ a(Vs, {})
+        children: /* @__PURE__ */ a(Us, {})
       }
     ),
-    /* @__PURE__ */ a(F.Portal, { container: ie(), children: /* @__PURE__ */ a(ae, { children: /* @__PURE__ */ a(F.Positioner, { sideOffset: 6, align: "end", className: Ks, children: /* @__PURE__ */ m(
+    /* @__PURE__ */ a(F.Portal, { container: ie(), children: /* @__PURE__ */ a(ae, { children: /* @__PURE__ */ a(F.Positioner, { sideOffset: 6, align: "end", className: Js, children: /* @__PURE__ */ m(
       F.Popup,
       {
-        className: Js,
+        className: Zs,
         initialFocus: d,
         onMouseDown: (f) => f.preventDefault(),
         children: [
@@ -1448,13 +1453,13 @@ const Qs = ({ editor: e, currentUrl: t, isActive: n, isOpen: r, onOpenChange: o
               value: c,
               placeholder: i("graph.toolbar.link.placeholder"),
               "aria-label": i("graph.toolbar.link.urlLabel"),
-              className: Zs,
+              className: Qs,
               onMouseDown: (f) => f.stopPropagation(),
               onChange: g,
               onKeyDown: p
             }
           ),
-          /* @__PURE__ */ a("button", { type: "button", "aria-label": i("common.cancel"), className: Yt, onClick: h, children: /* @__PURE__ */ a(Us, {}) }),
+          /* @__PURE__ */ a("button", { type: "button", "aria-label": i("common.cancel"), className: Yt, onClick: h, children: /* @__PURE__ */ a(Ys, {}) }),
           /* @__PURE__ */ a(
             "button",
             {
@@ -1462,14 +1467,14 @@ const Qs = ({ editor: e, currentUrl: t, isActive: n, isOpen: r, onOpenChange: o
               "aria-label": i("graph.toolbar.link.apply"),
               className: Yt,
               onClick: u,
-              children: /* @__PURE__ */ a(Xs, {})
+              children: /* @__PURE__ */ a(Vs, {})
             }
           )
         ]
       }
     ) }) }) })
   ] });
-}, el = (e, t) => {
+}, tl = (e, t) => {
   const n = t.trim(), { selection: r } = e.state;
   if (!n) {
     e.chain().focus().extendMarkRange("link").unsetLink().run();
@@ -1483,38 +1488,38 @@ const Qs = ({ editor: e, currentUrl: t, isActive: n, isOpen: r, onOpenChange: o
     e.chain().focus().extendMarkRange("link").setLink({ href: n }).run();
     return;
   }
-  const o = js(e);
+  const o = qs(e);
   e.chain().focus().setTextSelection(o).setLink({ href: n }).run();
-}, tl = (e) => /* @__PURE__ */ a(Z, { ...e, children: /* @__PURE__ */ m("g", { stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
+}, nl = (e) => /* @__PURE__ */ a(Z, { ...e, children: /* @__PURE__ */ m("g", { stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
   /* @__PURE__ */ a("path", { d: "M21 5H3" }),
   /* @__PURE__ */ a("path", { d: "M17 12H7" }),
   /* @__PURE__ */ a("path", { d: "M19 19H5" })
-] }) }), nl = (e) => /* @__PURE__ */ a(Z, { ...e, children: /* @__PURE__ */ m("g", { stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
+] }) }), rl = (e) => /* @__PURE__ */ a(Z, { ...e, children: /* @__PURE__ */ m("g", { stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
   /* @__PURE__ */ a("path", { d: "M21 5H3" }),
   /* @__PURE__ */ a("path", { d: "M21 12H9" }),
   /* @__PURE__ */ a("path", { d: "M21 19H7" })
-] }) }), rl = (e) => /* @__PURE__ */ a(Z, { ...e, children: /* @__PURE__ */ m("g", { stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
+] }) }), ol = (e) => /* @__PURE__ */ a(Z, { ...e, children: /* @__PURE__ */ m("g", { stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
   /* @__PURE__ */ a("path", { d: "M21 5H3" }),
   /* @__PURE__ */ a("path", { d: "M15 12H3" }),
   /* @__PURE__ */ a("path", { d: "M17 19H3" })
 ] }) });
-var ol = "k91gos0", al = "k91gos1";
-const il = 6, de = ({ label: e, isActive: t, onToggle: n, children: r }) => {
+var al = "k91gos0", il = "k91gos1";
+const sl = 6, de = ({ label: e, isActive: t, onToggle: n, children: r }) => {
   const o = (i) => i.preventDefault();
   return /* @__PURE__ */ m(le.Root, { children: [
     /* @__PURE__ */ a(
       le.Trigger,
       {
-        render: /* @__PURE__ */ a(da, { render: /* @__PURE__ */ a(H.Button, {}), pressed: t, onPressedChange: () => n() }),
+        render: /* @__PURE__ */ a(ua, { render: /* @__PURE__ */ a(H.Button, {}), pressed: t, onPressedChange: () => n() }),
         "aria-label": e,
-        className: ol,
+        className: al,
         onMouseDown: o,
         children: r
       }
     ),
-    /* @__PURE__ */ a(le.Portal, { container: ie(), children: /* @__PURE__ */ a(ae, { children: /* @__PURE__ */ a(le.Positioner, { sideOffset: il, children: /* @__PURE__ */ a(le.Popup, { className: al, children: e }) }) }) })
+    /* @__PURE__ */ a(le.Portal, { container: ie(), children: /* @__PURE__ */ a(ae, { children: /* @__PURE__ */ a(le.Positioner, { sideOffset: sl, children: /* @__PURE__ */ a(le.Popup, { className: il, children: e }) }) }) })
   ] });
-}, sl = ({ editor: e, activeAlignment: t = "left" }) => {
+}, ll = ({ editor: e, activeAlignment: t = "left" }) => {
   const n = J();
   return /* @__PURE__ */ m(T, { children: [
     /* @__PURE__ */ a(
@@ -1523,7 +1528,7 @@ const il = 6, de = ({ label: e, isActive: t, onToggle: n, children: r }) => {
         label: n("graph.toolbar.textAlign.left"),
         isActive: t === "left",
         onToggle: () => e.chain().focus().setTextAlign("left").run(),
-        children: /* @__PURE__ */ a(rl, {})
+        children: /* @__PURE__ */ a(ol, {})
       }
     ),
     /* @__PURE__ */ a(
@@ -1532,7 +1537,7 @@ const il = 6, de = ({ label: e, isActive: t, onToggle: n, children: r }) => {
         label: n("graph.toolbar.textAlign.center"),
         isActive: t === "center",
         onToggle: () => e.chain().focus().setTextAlign("center").run(),
-        children: /* @__PURE__ */ a(tl, {})
+        children: /* @__PURE__ */ a(nl, {})
       }
     ),
     /* @__PURE__ */ a(
@@ -1541,13 +1546,13 @@ const il = 6, de = ({ label: e, isActive: t, onToggle: n, children: r }) => {
         label: n("graph.toolbar.textAlign.right"),
         isActive: t === "right",
         onToggle: () => e.chain().focus().setTextAlign("right").run(),
-        children: /* @__PURE__ */ a(nl, {})
+        children: /* @__PURE__ */ a(rl, {})
       }
     )
   ] });
 };
-var ll = "_1bp10ig0", Se = "_1bp10ig1", Ne = "_1bp10ig2";
-const cl = ({ editor: e }) => ({
+var cl = "_1bp10ig0", ke = "_1bp10ig1", Ne = "_1bp10ig2";
+const dl = ({ editor: e }) => ({
   isBold: e?.isActive("bold") ?? !1,
   isItalic: e?.isActive("italic") ?? !1,
   isUnderline: e?.isActive("underline") ?? !1,
@@ -1555,19 +1560,19 @@ const cl = ({ editor: e }) => ({
   linkUrl: e?.getAttributes("link").href ?? null,
   color: e?.getAttributes("textStyle").color ?? null,
   fontFamily: e?.getAttributes("textStyle").fontFamily ?? null,
-  fontSize: dl(e),
-  textAlign: ul(e)
-}), dl = (e) => e ? e.isActive("heading", { level: 1 }) ? "h1" : e.isActive("heading", { level: 2 }) ? "h2" : e.isActive("heading", { level: 3 }) ? "h3" : e.isActive("paragraph", { variant: "caption" }) ? "caption" : "text" : "text", ul = (e) => e ? e.isActive({ textAlign: "center" }) ? "center" : e.isActive({ textAlign: "right" }) ? "right" : "left" : "left", hl = 8, gl = 8, pl = ({ editor: e }) => {
+  fontSize: ul(e),
+  textAlign: hl(e)
+}), ul = (e) => e ? e.isActive("heading", { level: 1 }) ? "h1" : e.isActive("heading", { level: 2 }) ? "h2" : e.isActive("heading", { level: 3 }) ? "h3" : e.isActive("paragraph", { variant: "caption" }) ? "caption" : "text" : "text", hl = (e) => e ? e.isActive({ textAlign: "center" }) ? "center" : e.isActive({ textAlign: "right" }) ? "right" : "left" : "left", gl = 8, pl = 8, fl = ({ editor: e }) => {
   const t = J(), [n, r] = E(!1), [o, i] = E(null), c = o !== null, l = (y) => (S) => {
     i(S ? y : null);
   }, { refs: d, floatingStyles: u } = xt({
     placement: "top-start",
     strategy: "fixed",
-    middleware: [St(hl), kt(), Lt({ padding: gl })],
-    whileElementsMounted: ea
-  }), h = C(null), g = ra({
+    middleware: [St(gl), kt(), Lt({ padding: pl })],
+    whileElementsMounted: ta
+  }), h = C(null), g = oa({
     editor: e,
-    selector: cl
+    selector: dl
   }), p = mt(
     (y) => {
       h.current = y, d.setFloating(y);
@@ -1587,11 +1592,11 @@ const cl = ({ editor: e }) => ({
     };
   }, [e]), !e || !n && !c) return null;
   const f = ie();
-  return f ? ia(
-    /* @__PURE__ */ a(ae, { children: /* @__PURE__ */ a(le.Provider, { children: /* @__PURE__ */ m(H.Root, { ref: p, className: ll, style: u, children: [
-      /* @__PURE__ */ m(H.Group, { className: Se, children: [
+  return f ? sa(
+    /* @__PURE__ */ a(ae, { children: /* @__PURE__ */ a(le.Provider, { children: /* @__PURE__ */ m(H.Root, { ref: p, className: cl, style: u, children: [
+      /* @__PURE__ */ m(H.Group, { className: ke, children: [
         /* @__PURE__ */ a(
-          Es,
+          _s,
           {
             editor: e,
             currentColor: g?.color ?? null,
@@ -1600,7 +1605,7 @@ const cl = ({ editor: e }) => ({
           }
         ),
         /* @__PURE__ */ a(
-          zs,
+          Gs,
           {
             editor: e,
             currentFontFamily: g?.fontFamily ?? null,
@@ -1610,8 +1615,8 @@ const cl = ({ editor: e }) => ({
         )
       ] }),
       /* @__PURE__ */ a(H.Separator, { className: Ne }),
-      /* @__PURE__ */ a(H.Group, { className: Se, children: /* @__PURE__ */ a(
-        Gs,
+      /* @__PURE__ */ a(H.Group, { className: ke, children: /* @__PURE__ */ a(
+        Ws,
         {
           editor: e,
           activeStyle: g?.fontSize ?? "text",
@@ -1620,7 +1625,7 @@ const cl = ({ editor: e }) => ({
         }
       ) }),
       /* @__PURE__ */ a(H.Separator, { className: Ne }),
-      /* @__PURE__ */ m(H.Group, { className: Se, children: [
+      /* @__PURE__ */ m(H.Group, { className: ke, children: [
         /* @__PURE__ */ a(
           de,
           {
@@ -1650,10 +1655,10 @@ const cl = ({ editor: e }) => ({
         )
       ] }),
       /* @__PURE__ */ a(H.Separator, { className: Ne }),
-      /* @__PURE__ */ a(H.Group, { className: Se, children: /* @__PURE__ */ a(sl, { editor: e, activeAlignment: g?.textAlign }) }),
+      /* @__PURE__ */ a(H.Group, { className: ke, children: /* @__PURE__ */ a(ll, { editor: e, activeAlignment: g?.textAlign }) }),
       /* @__PURE__ */ a(H.Separator, { className: Ne }),
-      /* @__PURE__ */ a(H.Group, { className: Se, children: /* @__PURE__ */ a(
-        Qs,
+      /* @__PURE__ */ a(H.Group, { className: ke, children: /* @__PURE__ */ a(
+        el,
         {
           editor: e,
           currentUrl: g?.linkUrl ?? null,
@@ -1666,11 +1671,11 @@ const cl = ({ editor: e }) => ({
     f
   ) : null;
 };
-var fl = "_2ngohc0";
-const zr = ({ editor: e, ariaLabel: t }) => /* @__PURE__ */ m("div", { className: fl, children: [
-  /* @__PURE__ */ a(pl, { editor: e }),
-  /* @__PURE__ */ a(oa, { editor: e, "aria-label": t })
-] }), ml = (e, t) => {
+var ml = "_2ngohc0";
+const Gr = ({ editor: e, ariaLabel: t }) => /* @__PURE__ */ m("div", { className: ml, children: [
+  /* @__PURE__ */ a(fl, { editor: e }),
+  /* @__PURE__ */ a(aa, { editor: e, "aria-label": t })
+] }), vl = (e, t) => {
   const n = C(e);
   n.current = e;
   const r = C(t);
@@ -1694,16 +1699,16 @@ const zr = ({ editor: e, ariaLabel: t }) => /* @__PURE__ */ m("div", { className
   return L(() => () => {
     i.current !== null && clearTimeout(i.current);
   }, []), c;
-}, vl = 200, Gr = ({
+}, yl = 200, Wr = ({
   content: e,
   extensions: t,
   isEditable: n,
   onUpdate: r,
-  updateDebounceMs: o = vl
+  updateDebounceMs: o = yl
 }) => {
-  const i = C(jt(e)), c = C(!1), l = ml((u) => {
+  const i = C(jt(e)), c = C(!1), l = vl((u) => {
     c.current = !0, r?.(u);
-  }, o), d = aa({
+  }, o), d = ia({
     extensions: t,
     content: i.current,
     editable: n,
@@ -1719,11 +1724,11 @@ const zr = ({ editor: e, ariaLabel: t }) => /* @__PURE__ */ m("div", { className
       return;
     }
     const u = jt(e), h = d.getJSON();
-    yl(h, u) || (l.cancel(), d.commands.setContent(u, { emitUpdate: !1 }));
+    bl(h, u) || (l.cancel(), d.commands.setContent(u, { emitUpdate: !1 }));
   }, [d, e, l]), L(() => () => l.flush(), [l]), d;
-}, jt = (e) => e === null ? { type: "doc", content: [] } : typeof e == "string" ? { type: "doc", content: [{ type: "paragraph", content: e ? [{ type: "text", text: e }] : [] }] } : e, yl = (e, t) => JSON.stringify(e) === JSON.stringify(t);
-var bl = "_1cocly40";
-const xl = {
+}, jt = (e) => e === null ? { type: "doc", content: [] } : typeof e == "string" ? { type: "doc", content: [{ type: "paragraph", content: e ? [{ type: "text", text: e }] : [] }] } : e, bl = (e, t) => JSON.stringify(e) === JSON.stringify(t);
+var xl = "_1cocly40";
+const Sl = {
   modern: "'Inter', -apple-system, BlinkMacSystemFont, 'Open Sans', 'Segoe UI', 'Roboto', 'Oxygen-Sans', 'Ubuntu', 'Cantarell', 'Helvetica Neue', sans-serif",
   timeless: "'Noto Serif', Georgia, 'Times New Roman', serif",
   fresh: "'Aeonik', 'Aeonik Fallback', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif",
@@ -1731,22 +1736,22 @@ const xl = {
   handwritten: "'Permanent Marker', cursive",
   fineliner: "'Intruding Cat', cursive",
   brand: "var(--brand-font-family), 'Aeonik', 'Inter', sans-serif"
-}, De = ({ content: e }) => /* @__PURE__ */ a(T, { children: Wr(e.content ?? [e]) }), Wr = (e) => e.map((t, n) => Sl(t, n)), Sl = (e, t) => {
+}, De = ({ content: e }) => /* @__PURE__ */ a(T, { children: $r(e.content ?? [e]) }), $r = (e) => e.map((t, n) => kl(t, n)), kl = (e, t) => {
   if (e.type === "text")
-    return kl(e, t);
+    return Ll(e, t);
   if (e.type === "hardBreak" || e.type === "hard_break")
     return /* @__PURE__ */ a("br", {}, t);
-  const n = e.content ? Wr(e.content) : null;
+  const n = e.content ? $r(e.content) : null;
   switch (e.type) {
     case "doc":
       return /* @__PURE__ */ a(hn, { children: n }, t);
     case "heading": {
-      const r = wl(e.attrs?.level);
-      return Al(r, t, n, Kt(e.attrs));
+      const r = Al(e.attrs?.level);
+      return El(r, t, n, Kt(e.attrs));
     }
     case "paragraph": {
       const r = ge(e.attrs?.variant);
-      return /* @__PURE__ */ a("p", { "data-variant": r ?? void 0, style: $r(Kt(e.attrs)), children: n }, t);
+      return /* @__PURE__ */ a("p", { "data-variant": r ?? void 0, style: Xr(Kt(e.attrs)), children: n }, t);
     }
     case "blockquote":
       return /* @__PURE__ */ a("blockquote", { children: n }, t);
@@ -1762,10 +1767,10 @@ const xl = {
     default:
       return /* @__PURE__ */ a("span", { children: n }, t);
   }
-}, kl = (e, t) => {
+}, Ll = (e, t) => {
   const n = e.text ?? "";
-  return !e.marks || e.marks.length === 0 ? /* @__PURE__ */ a("span", { children: n }, t) : e.marks.reduceRight((r, o, i) => Ll(o, r, `${t}-${i}`), n);
-}, Ll = (e, t, n) => {
+  return !e.marks || e.marks.length === 0 ? /* @__PURE__ */ a("span", { children: n }, t) : e.marks.reduceRight((r, o, i) => Cl(o, r, `${t}-${i}`), n);
+}, Cl = (e, t, n) => {
   switch (e.type) {
     case "bold":
     case "strong":
@@ -1783,10 +1788,10 @@ const xl = {
       return /* @__PURE__ */ a("code", { children: t }, n);
     case "link": {
       const r = ge(e.attrs?.href);
-      return fn(r) ? /* @__PURE__ */ a("a", { className: bl, href: r, rel: "noopener noreferrer", target: "_blank", children: t }, n) : /* @__PURE__ */ a("span", { children: t }, n);
+      return mn(r) ? /* @__PURE__ */ a("a", { className: xl, href: r, rel: "noopener noreferrer", target: "_blank", children: t }, n) : /* @__PURE__ */ a("span", { children: t }, n);
     }
     case "textStyle": {
-      const r = Cl(e.attrs);
+      const r = Tl(e.attrs);
       return r ? /* @__PURE__ */ a("span", { style: r, children: t }, n) : /* @__PURE__ */ a("span", { children: t }, n);
     }
     default:
@@ -1795,17 +1800,17 @@ const xl = {
 }, qt = (e) => {
   const t = ge(e && typeof e == "object" ? e.fontFamily : e);
   if (t)
-    return xl[t] ?? t;
-}, Cl = (e) => {
+    return Sl[t] ?? t;
+}, Tl = (e) => {
   if (!e) return null;
   const t = {}, n = ge(e.color);
   n && (t.color = n);
   const r = qt(e.font) ?? qt(e.fontFamily);
   r && (t.fontFamily = r);
-  const o = Tl(e.fontSize);
+  const o = wl(e.fontSize);
   return o && (t.fontSize = o), Object.keys(t).length > 0 ? t : null;
-}, Tl = (e) => typeof e == "number" && Number.isFinite(e) ? `${e / 10}em` : ge(e), ge = (e) => typeof e == "string" && e.length > 0 ? e : void 0, wl = (e) => typeof e != "number" ? 3 : e < 1 ? 1 : e > 3 ? 3 : Math.round(e), Al = (e, t, n, r) => {
-  const o = $r(r);
+}, wl = (e) => typeof e == "number" && Number.isFinite(e) ? `${e / 10}em` : ge(e), ge = (e) => typeof e == "string" && e.length > 0 ? e : void 0, Al = (e) => typeof e != "number" ? 3 : e < 1 ? 1 : e > 3 ? 3 : Math.round(e), El = (e, t, n, r) => {
+  const o = Xr(r);
   switch (e) {
     case 1:
       return /* @__PURE__ */ a("h1", { style: o, children: n }, t);
@@ -1817,9 +1822,9 @@ const xl = {
 }, Kt = (e) => {
   const t = e?.textAlign;
   if (t === "left" || t === "right" || t === "center" || t === "justify") return t;
-}, $r = (e) => e ? { textAlign: e } : void 0;
-var El = "_4dlrid0", Xr = "_4dlrid1", _l = "xfz7dq0", Pl = "xfz7dq1", Hl = "xfz7dq2", Fl = "xfz7dq3", Nl = "xfz7dq4";
-const Bl = ({
+}, Xr = (e) => e ? { textAlign: e } : void 0;
+var _l = "_4dlrid0", Vr = "_4dlrid1", Pl = "xfz7dq0", Hl = "xfz7dq1", Fl = "xfz7dq2", Nl = "xfz7dq3", Bl = "xfz7dq4";
+const Il = ({
   ref: e,
   footerRect: t,
   mode: n = "readonly",
@@ -1828,61 +1833,61 @@ const Bl = ({
   source: i,
   isSourceVisible: c
 }) => {
-  const l = n === "editable", d = o && (l || r !== null), u = c && i !== null && Ol(i);
+  const l = n === "editable", d = o && (l || r !== null), u = c && i !== null && Rl(i);
   return !d && !u ? null : /* @__PURE__ */ m(
     "div",
     {
       ref: e,
-      className: _l,
+      className: Pl,
       style: {
         left: t.x,
         top: t.y,
         width: t.width
       },
       children: [
-        d ? l ? /* @__PURE__ */ a(Rl, { caption: r }) : /* @__PURE__ */ a(Il, { caption: r }) : null,
-        u && /* @__PURE__ */ a(Ml, { source: i })
+        d ? l ? /* @__PURE__ */ a(zl, { caption: r }) : /* @__PURE__ */ a(Ml, { caption: r }) : null,
+        u && /* @__PURE__ */ a(Dl, { source: i })
       ]
     }
   );
-}, Il = ({ caption: e }) => e === null ? null : typeof e == "string" ? /* @__PURE__ */ a("p", { className: Xr, children: e }) : /* @__PURE__ */ a(De, { content: e }), Ml = ({ source: e }) => {
-  const t = fn(e.url) ? e.url : void 0, n = e.label ?? (t !== void 0 ? Dl(t) : "");
-  return n === "" && t === void 0 ? null : /* @__PURE__ */ m("div", { className: Pl, children: [
-    /* @__PURE__ */ a("span", { className: Fl, children: "Source:" }),
-    t !== void 0 ? /* @__PURE__ */ a("a", { className: Hl, href: t, target: "_blank", rel: "noopener noreferrer", children: n }) : /* @__PURE__ */ a("span", { className: Nl, children: n })
+}, Ml = ({ caption: e }) => e === null ? null : typeof e == "string" ? /* @__PURE__ */ a("p", { className: Vr, children: e }) : /* @__PURE__ */ a(De, { content: e }), Dl = ({ source: e }) => {
+  const t = mn(e.url) ? e.url : void 0, n = e.label ?? (t !== void 0 ? Ol(t) : "");
+  return n === "" && t === void 0 ? null : /* @__PURE__ */ m("div", { className: Hl, children: [
+    /* @__PURE__ */ a("span", { className: Nl, children: "Source:" }),
+    t !== void 0 ? /* @__PURE__ */ a("a", { className: Fl, href: t, target: "_blank", rel: "noopener noreferrer", children: n }) : /* @__PURE__ */ a("span", { className: Bl, children: n })
   ] });
-}, Dl = (e) => {
+}, Ol = (e) => {
   try {
     return new URL(e).hostname;
   } catch {
     return e;
   }
-}, Ol = (e) => e.label !== void 0 && e.label !== "" || e.url !== void 0 && e.url !== "", Rl = ({ caption: e }) => {
-  const t = zn(), n = v(() => es({ placeholder: "Add caption" }), []), r = Gr({
+}, Rl = (e) => e.label !== void 0 && e.label !== "" || e.url !== void 0 && e.url !== "", zl = ({ caption: e }) => {
+  const t = Gn(), n = v(() => ts({ placeholder: "Add caption" }), []), r = Wr({
     content: e,
     extensions: n,
     isEditable: !0,
     onUpdate: (o) => {
-      const i = Ys(o) ? null : o;
-      t(new Po({ caption: i }));
+      const i = js(o) ? null : o;
+      t(new Ho({ caption: i }));
     }
   });
-  return /* @__PURE__ */ a(zr, { editor: r, ariaLabel: "Chart caption" });
+  return /* @__PURE__ */ a(Gr, { editor: r, ariaLabel: "Chart caption" });
 };
-var zl = "_1k4qtbg0";
-const Gl = 3, Wl = ({
+var Gl = "_1k4qtbg0";
+const Wl = 3, $l = ({
   title: e,
   isTitleVisible: t,
   subtitle: n,
   isSubtitleVisible: r
 }) => {
   const o = [];
-  return t && o.push({ type: "heading", attrs: { level: Gl }, content: Xl(e) }), r && o.push(...Vl(n)), { type: "doc", content: o };
-}, $l = (e) => {
+  return t && o.push({ type: "heading", attrs: { level: Wl }, content: Vl(e) }), r && o.push(...Ul(n)), { type: "doc", content: o };
+}, Xl = (e) => {
   const t = e.content ?? [], [n, ...r] = t;
   return {
-    title: Ul(n?.content ?? []),
-    subtitle: Yl(r)
+    title: Yl(n?.content ?? []),
+    subtitle: jl(r)
   };
 }, Pt = (e) => ({
   type: e.type ?? "text",
@@ -1890,11 +1895,11 @@ const Gl = 3, Wl = ({
   ...e.text !== void 0 ? { text: e.text } : {},
   ...e.marks !== void 0 ? { marks: e.marks } : {},
   ...e.attrs !== void 0 ? { attrs: e.attrs } : {}
-}), Xl = (e) => e === null ? [] : typeof e == "string" ? e === "" ? [] : [{ type: "text", text: e }] : e.type === "doc" && e.content ? e.content.flatMap((t) => t.content ?? []) : e.type === "text" || e.type === "hardBreak" ? [e] : e.content ?? [], Vl = (e) => e === null ? [{ type: "paragraph" }] : typeof e == "string" ? e === "" ? [{ type: "paragraph" }] : [{ type: "paragraph", content: [{ type: "text", text: e }] }] : e.type === "doc" && e.content ? e.content.length === 0 ? [{ type: "paragraph" }] : e.content.map(Jt) : [Jt(e)], Jt = (e) => e.type === "paragraph" ? e : { type: "paragraph", content: e.content ?? [e] }, Ul = (e) => {
+}), Vl = (e) => e === null ? [] : typeof e == "string" ? e === "" ? [] : [{ type: "text", text: e }] : e.type === "doc" && e.content ? e.content.flatMap((t) => t.content ?? []) : e.type === "text" || e.type === "hardBreak" ? [e] : e.content ?? [], Ul = (e) => e === null ? [{ type: "paragraph" }] : typeof e == "string" ? e === "" ? [{ type: "paragraph" }] : [{ type: "paragraph", content: [{ type: "text", text: e }] }] : e.type === "doc" && e.content ? e.content.length === 0 ? [{ type: "paragraph" }] : e.content.map(Jt) : [Jt(e)], Jt = (e) => e.type === "paragraph" ? e : { type: "paragraph", content: e.content ?? [e] }, Yl = (e) => {
   if (e.length === 0) return null;
   const [t] = e;
   return t && e.length === 1 && t.type === "text" && (!t.marks || t.marks.length === 0) ? t.text ?? null : { type: "paragraph", content: e.map(Pt) };
-}, Yl = (e) => {
+}, jl = (e) => {
   const t = e.filter((r) => (r.content ?? []).length > 0);
   if (t.length === 0) return null;
   const [n] = t;
@@ -1904,7 +1909,7 @@ const Gl = 3, Wl = ({
       return o.text ?? null;
   }
   return { type: "doc", content: t.map(Pt) };
-}, jl = ({
+}, ql = ({
   ref: e,
   headerRect: t,
   mode: n = "readonly",
@@ -1918,14 +1923,14 @@ const Gl = 3, Wl = ({
     "div",
     {
       ref: e,
-      className: zl,
+      className: Gl,
       style: {
         left: t.x,
         top: t.y,
         width: t.width
       },
       children: l ? /* @__PURE__ */ a(
-        Kl,
+        Jl,
         {
           title: r,
           isTitleVisible: o,
@@ -1934,7 +1939,7 @@ const Gl = 3, Wl = ({
         },
         [o ? "title" : "", c ? "subtitle" : ""].join("-")
       ) : /* @__PURE__ */ a(
-        ql,
+        Kl,
         {
           title: r,
           isTitleVisible: o,
@@ -1944,22 +1949,22 @@ const Gl = 3, Wl = ({
       )
     }
   );
-}, ql = ({
+}, Kl = ({
   title: e,
   isTitleVisible: t,
   isSubtitleVisible: n,
   subtitle: r
 }) => /* @__PURE__ */ m(T, { children: [
-  t && e !== null && (typeof e == "string" ? /* @__PURE__ */ a("h1", { className: El, children: e }) : /* @__PURE__ */ a(De, { content: e })),
-  n && r !== null && (typeof r == "string" ? /* @__PURE__ */ a("p", { className: Xr, children: r }) : /* @__PURE__ */ a(De, { content: r }))
-] }), Kl = ({
+  t && e !== null && (typeof e == "string" ? /* @__PURE__ */ a("h1", { className: _l, children: e }) : /* @__PURE__ */ a(De, { content: e })),
+  n && r !== null && (typeof r == "string" ? /* @__PURE__ */ a("p", { className: Vr, children: r }) : /* @__PURE__ */ a(De, { content: r }))
+] }), Jl = ({
   title: e,
   isTitleVisible: t,
   isSubtitleVisible: n,
   subtitle: r
 }) => {
-  const o = zn(), i = v(
-    () => Qi({
+  const o = Gn(), i = v(
+    () => es({
       titlePlaceholder: "Untitled",
       subtitlePlaceholder: "Untitled",
       isTitleVisible: t,
@@ -1967,84 +1972,84 @@ const Gl = 3, Wl = ({
     }),
     [t, n]
   ), c = v(
-    () => Wl({ title: e, isTitleVisible: t, subtitle: r, isSubtitleVisible: n }),
+    () => $l({ title: e, isTitleVisible: t, subtitle: r, isSubtitleVisible: n }),
     [e, t, r, n]
-  ), l = Gr({
+  ), l = Wr({
     content: c,
     extensions: i,
     isEditable: !0,
     onUpdate: (d) => {
-      const u = $l(d);
-      t && o(new Ho({ title: u.title })), n && o(new Fo({ subtitle: u.subtitle }));
+      const u = Xl(d);
+      t && o(new Fo({ title: u.title })), n && o(new No({ subtitle: u.subtitle }));
     }
   });
-  return /* @__PURE__ */ a(zr, { editor: l, ariaLabel: "Chart title and subtitle" });
+  return /* @__PURE__ */ a(Gr, { editor: l, ariaLabel: "Chart title and subtitle" });
 };
-var Jl = "_1u9qprb0", Zl = "_1u9qprb1", Ql = "_9aen060", ec = "_9aen061", tc = "_9aen062", Vr = "_9aen063";
-const nc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+var Zl = "_1u9qprb0", Ql = "_1u9qprb1", ec = "_9aen060", tc = "_9aen061", nc = "_9aen062", Ur = "_9aen063";
+const rc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  groupRow: tc,
-  item: Vr,
-  trendRow: ec,
-  valueRow: Ql
-}, Symbol.toStringTag, { value: "Module" })), rc = (e) => /* @__PURE__ */ a(Z, { ...e, children: /* @__PURE__ */ m("g", { stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
+  groupRow: nc,
+  item: Ur,
+  trendRow: tc,
+  valueRow: ec
+}, Symbol.toStringTag, { value: "Module" })), oc = (e) => /* @__PURE__ */ a(Z, { ...e, children: /* @__PURE__ */ m("g", { stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
   /* @__PURE__ */ a("path", { d: "m5 12 7-7 7 7" }),
   /* @__PURE__ */ a("path", { d: "M12 19V5" })
-] }) }), oc = (e) => /* @__PURE__ */ a(Z, { ...e, children: /* @__PURE__ */ a("g", { stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ a("path", { d: "M5 12h14" }) }) });
-var Ur = "n7clvo0", ac = "n7clvo1", ic = "n7clvo2", sc = "n7clvo3", Yr = { small: "n7clvo4", medium: "n7clvo5", large: "n7clvo6" }, lc = { small: "n7clvo7", medium: "n7clvo8", large: "n7clvo9" }, cc = { up: "n7clvoa", down: "n7clvob", flat: "n7clvoc" }, dc = { up: "n7clvoe n7clvod", down: "n7clvof n7clvod", flat: "n7clvog n7clvod" };
-const uc = ({ segment: e, resolvedSize: t }) => {
+] }) }), ac = (e) => /* @__PURE__ */ a(Z, { ...e, children: /* @__PURE__ */ a("g", { stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ a("path", { d: "M5 12h14" }) }) });
+var Yr = "n7clvo0", ic = "n7clvo1", sc = "n7clvo2", lc = "n7clvo3", jr = { small: "n7clvo4", medium: "n7clvo5", large: "n7clvo6" }, cc = { small: "n7clvo7", medium: "n7clvo8", large: "n7clvo9" }, dc = { up: "n7clvoa", down: "n7clvob", flat: "n7clvoc" }, uc = { up: "n7clvoe n7clvod", down: "n7clvof n7clvod", flat: "n7clvog n7clvod" };
+const hc = ({ segment: e, resolvedSize: t }) => {
   if (e.kind === "swatch")
     return /* @__PURE__ */ a(Ye, { shape: e.swatch.shape, color: e.swatch.color, width: e.size, height: e.size });
   if (e.kind === "trendArrow")
-    return /* @__PURE__ */ a("div", { className: dc[e.direction], children: e.direction === "flat" ? /* @__PURE__ */ a(oc, { size: "xs", title: "" }) : /* @__PURE__ */ a(rc, { size: "xs", title: "" }) });
-  const n = e.fontRole === "value" ? Yr[t] : lc[t];
-  return /* @__PURE__ */ a("span", { className: ce(hc(e), n), children: e.text });
-}, hc = (e) => {
+    return /* @__PURE__ */ a("div", { className: uc[e.direction], children: e.direction === "flat" ? /* @__PURE__ */ a(ac, { size: "xs", title: "" }) : /* @__PURE__ */ a(oc, { size: "xs", title: "" }) });
+  const n = e.fontRole === "value" ? jr[t] : cc[t];
+  return /* @__PURE__ */ a("span", { className: ce(gc(e), n), children: e.text });
+}, gc = (e) => {
   switch (e.textRole) {
     case "value":
-      return Ur;
+      return Yr;
     case "observation":
-      return ac;
+      return ic;
     case "trendPercentage":
-      return cc[e.trendDirection ?? "up"];
+      return dc[e.trendDirection ?? "up"];
     case "trendReference":
-      return ic;
-    case "label":
       return sc;
+    case "label":
+      return lc;
   }
-}, gc = ({ item: e, resolvedSize: t }) => /* @__PURE__ */ a("div", { className: Vr, children: pn(e).map((n) => /* @__PURE__ */ a(pc, { row: n, resolvedSize: t }, n.role)) }), pc = ({ row: e, resolvedSize: t }) => {
+}, pc = ({ item: e, resolvedSize: t }) => /* @__PURE__ */ a("div", { className: Ur, children: fn(e).map((n) => /* @__PURE__ */ a(fc, { row: n, resolvedSize: t }, n.role)) }), fc = ({ row: e, resolvedSize: t }) => {
   const n = e.role === "trendRow";
   return /* @__PURE__ */ a(
     "div",
     {
-      className: nc[e.role],
+      className: rc[e.role],
       "data-testid": n ? "headline-trend" : void 0,
-      "data-direction": n ? fc(e) : void 0,
+      "data-direction": n ? mc(e) : void 0,
       role: n ? "img" : void 0,
       "aria-label": n ? e.ariaLabel : void 0,
-      children: e.segments.map((r, o) => /* @__PURE__ */ a(uc, { segment: r, resolvedSize: t }, o))
+      children: e.segments.map((r, o) => /* @__PURE__ */ a(hc, { segment: r, resolvedSize: t }, o))
     }
   );
-}, fc = (e) => {
+}, mc = (e) => {
   const t = e.segments.find((n) => n.kind === "trendArrow");
   return t?.kind === "trendArrow" ? t.direction : void 0;
-}, mc = ({ headline: e, rect: t, resolvedSize: n, visibleItemCount: r }) => {
+}, vc = ({ headline: e, rect: t, resolvedSize: n, visibleItemCount: r }) => {
   const o = {
     left: t.x,
     top: t.y,
     width: t.width,
     height: t.height
   };
-  return e.kind === "grandTotal" ? /* @__PURE__ */ a("div", { className: Zl, style: o, children: /* @__PURE__ */ a("span", { className: ce(Ur, Yr[n]), children: e.value }) }) : /* @__PURE__ */ a("div", { className: Jl, style: o, children: e.items.slice(0, r).map((i, c) => /* @__PURE__ */ a(gc, { item: i, resolvedSize: n }, `${i.label}-${c}`)) });
+  return e.kind === "grandTotal" ? /* @__PURE__ */ a("div", { className: Ql, style: o, children: /* @__PURE__ */ a("span", { className: ce(Yr, jr[n]), children: e.value }) }) : /* @__PURE__ */ a("div", { className: Zl, style: o, children: e.items.slice(0, r).map((i, c) => /* @__PURE__ */ a(pc, { item: i, resolvedSize: n }, `${i.label}-${c}`)) });
 };
-var vc = "_1oj6yix0", yc = "_1oj6yix1", bc = "_1oj6yix2";
-const xc = 8, Sc = 16, kc = 2, Lc = ({ legends: e, containerRect: t, textScale: n }) => {
-  const { lineBoxHeight: r } = Tr(n), { placements: o, hasOverlap: i } = Cc(e, t, r);
+var yc = "_1oj6yix0", bc = "_1oj6yix1", xc = "_1oj6yix2";
+const Sc = 8, kc = 16, Lc = 2, Cc = ({ legends: e, containerRect: t, textScale: n }) => {
+  const { lineBoxHeight: r } = wr(n), { placements: o, hasOverlap: i } = Tc(e, t, r);
   if (o.length === 0) return null;
-  const c = i ? Sc : xc, l = c - kc;
-  return /* @__PURE__ */ m("div", { className: vc, children: [
-    i && /* @__PURE__ */ a("svg", { className: yc, width: t.width, height: t.height, children: o.map((d) => /* @__PURE__ */ a(
-      Tc,
+  const c = i ? kc : Sc, l = c - Lc;
+  return /* @__PURE__ */ m("div", { className: yc, children: [
+    i && /* @__PURE__ */ a("svg", { className: bc, width: t.width, height: t.height, children: o.map((d) => /* @__PURE__ */ a(
+      wc,
       {
         anchorY: d.anchorY,
         labelY: d.y,
@@ -2056,14 +2061,14 @@ const xc = 8, Sc = 16, kc = 2, Lc = ({ legends: e, containerRect: t, textScale:
     o.map((d) => /* @__PURE__ */ a(
       "span",
       {
-        className: bc,
+        className: xc,
         style: { left: c, top: d.y, color: d.payload.color },
         children: d.payload.label
       },
       d.payload.key
     ))
   ] });
-}, Cc = (e, t, n) => v(() => {
+}, Tc = (e, t, n) => v(() => {
   const r = [];
   for (const o of e)
     for (const i of o.items) {
@@ -2074,12 +2079,12 @@ const xc = 8, Sc = 16, kc = 2, Lc = ({ legends: e, containerRect: t, textScale:
         payload: { key: String(r.length), label: i.formattedLabel, color: c }
       });
     }
-  return r.length === 0 || t.height <= 0 ? { placements: [], hasOverlap: !1 } : No({
+  return r.length === 0 || t.height <= 0 ? { placements: [], hasOverlap: !1 } : Bo({
     items: r,
     containerHeight: t.height,
     labelHeight: n
   });
-}, [e, t.height, n]), Tc = ({ anchorY: e, labelY: t, endX: n, color: r }) => {
+}, [e, t.height, n]), wc = ({ anchorY: e, labelY: t, endX: n, color: r }) => {
   const o = n / 2;
   return /* @__PURE__ */ a(
     "path",
@@ -2092,8 +2097,8 @@ const xc = 8, Sc = 16, kc = 2, Lc = ({ legends: e, containerRect: t, textScale:
     }
   );
 };
-var wc = "_6a636s0";
-const Ac = /\p{Emoji_Presentation}|\p{Emoji}\uFE0F/gu, jr = "😀";
+var Ac = "_6a636s0";
+const Ec = /\p{Emoji_Presentation}|\p{Emoji}\uFE0F/gu, qr = "😀";
 class Ht {
   constructor() {
     this.emojiCorrections = /* @__PURE__ */ new Map(), this.currentFont = "";
@@ -2116,11 +2121,11 @@ class Ht {
     return typeof document < "u" && "fonts" in document && await document.fonts.ready, new Ht();
   }
   measureText(t, n) {
-    const r = Bo(n);
+    const r = Io(n);
     this.setFont(r);
     const { width: o, fontBoundingBoxAscent: i, fontBoundingBoxDescent: c } = this.ctx.measureText(t);
     let l = o;
-    const d = Ec(t);
+    const d = _c(t);
     if (d > 0) {
       const u = this.getEmojiCorrection(r);
       l -= u * d;
@@ -2148,7 +2153,7 @@ class Ht {
     const n = this.emojiCorrections.get(t);
     if (n !== void 0) return n;
     this.setFont(t);
-    const r = this.ctx.measureText(jr).width, o = _c(t);
+    const r = this.ctx.measureText(qr).width, o = Pc(t);
     let i = 0;
     if (o !== null) {
       const c = r - o;
@@ -2158,19 +2163,19 @@ class Ht {
   }
 }
 let q = null;
-const Ec = (e) => {
-  const t = e.match(Ac);
+const _c = (e) => {
+  const t = e.match(Ec);
   return t ? t.length : 0;
-}, _c = (e) => {
-  const t = Pc();
+}, Pc = (e) => {
+  const t = Hc();
   return t ? (t.style.font = e, t.getBoundingClientRect().width) : null;
-}, Pc = () => typeof document > "u" ? null : (q || (q = document.createElement("span"), q.style.position = "absolute", q.style.visibility = "hidden", q.style.whiteSpace = "nowrap", q.style.left = "-9999px", q.textContent = jr, document.body.appendChild(q)), q), qr = fe(null), Hc = ({ children: e, measurer: t }) => {
+}, Hc = () => typeof document > "u" ? null : (q || (q = document.createElement("span"), q.style.position = "absolute", q.style.visibility = "hidden", q.style.whiteSpace = "nowrap", q.style.left = "-9999px", q.textContent = qr, document.body.appendChild(q)), q), Kr = fe(null), Fc = ({ children: e, measurer: t }) => {
   const [n, r] = E(null);
   L(() => {
     if (t !== void 0) return;
     let i = !1;
     const c = () => {
-      i || r(Fc());
+      i || r(Nc());
     };
     return (async () => {
       typeof document < "u" && "fonts" in document && await document.fonts.ready, c();
@@ -2179,21 +2184,21 @@ const Ec = (e) => {
     };
   }, [t]);
   const o = t ?? n;
-  return o === null ? null : /* @__PURE__ */ a(qr.Provider, { value: o, children: e });
+  return o === null ? null : /* @__PURE__ */ a(Kr.Provider, { value: o, children: e });
 }, ve = () => {
-  const e = ee(qr);
+  const e = ee(Kr);
   if (e === null)
     throw new Error("useTextMeasurer must be used inside a <TextMeasurerProvider>.");
   return e;
-}, Fc = () => {
+}, Nc = () => {
   try {
     return new It(new Ht());
   } catch {
-    return new It(new Io());
+    return new It(new Mo());
   }
 };
-var Nc = "_1kjk02r0", Bc = "_1kjk02r1", Ic = "_1kjk02r2", Mc = "_1kjk02r3", Dc = "_1kjk02r4", Oc = "_1kjk02r5", Rc = "_1kjk02r6", zc = "_1kjk02r7", Gc = "_1kjk02r8", Wc = "_1kjk02r9", $c = "_1kjk02ra", Xc = "_1kjk02rb", Vc = "_1dw9dgx0";
-const Uc = "#9ca3af", nt = "\0", Yc = (e) => {
+var Bc = "_1kjk02r0", Ic = "_1kjk02r1", Mc = "_1kjk02r2", Dc = "_1kjk02r3", Oc = "_1kjk02r4", Rc = "_1kjk02r5", zc = "_1kjk02r6", Gc = "_1kjk02r7", Wc = "_1kjk02r8", $c = "_1kjk02r9", Xc = "_1kjk02ra", Vc = "_1kjk02rb", Uc = "_1dw9dgx0";
+const Yc = "#9ca3af", nt = "\0", jc = (e) => {
   const t = [];
   return e.forEach((n, r) => {
     const o = n.aesthetics.includes("size");
@@ -2213,29 +2218,29 @@ const Uc = "#9ca3af", nt = "\0", Yc = (e) => {
       });
     }
   }), t;
-}, Kr = ({ pill: e }) => e.isBubble ? /* @__PURE__ */ a(Kc, { pill: e }) : /* @__PURE__ */ a(qc, { pill: e }), jc = ({ color: e, lineType: t, shape: n }) => {
+}, Jr = ({ pill: e }) => e.isBubble ? /* @__PURE__ */ a(Jc, { pill: e }) : /* @__PURE__ */ a(Kc, { pill: e }), qc = ({ color: e, lineType: t, shape: n }) => {
   const { legendSwatchWidth: r, legendSwatchHeight: o } = wt();
   return e ? /* @__PURE__ */ a(Ye, { shape: n, color: e, lineType: t, width: r, height: o }) : null;
-}, qc = ({ pill: e }) => /* @__PURE__ */ m(T, { children: [
-  /* @__PURE__ */ a(jc, { color: e.visual.color, lineType: e.primaryLineType, shape: e.swatchShape }),
+}, Kc = ({ pill: e }) => /* @__PURE__ */ m(T, { children: [
+  /* @__PURE__ */ a(qc, { color: e.visual.color, lineType: e.primaryLineType, shape: e.swatchShape }),
   /* @__PURE__ */ a("span", { children: e.formattedLabel })
-] }), Kc = ({ pill: e }) => {
+] }), Jc = ({ pill: e }) => {
   const t = Number(e.visual.size);
   return /* @__PURE__ */ m(T, { children: [
     /* @__PURE__ */ a(
       "span",
       {
-        className: Vc,
+        className: Uc,
         style: {
           width: t,
           height: t,
-          backgroundColor: e.visual.color ?? Uc
+          backgroundColor: e.visual.color ?? Yc
         }
       }
     ),
     /* @__PURE__ */ a("span", { children: e.formattedLabel })
   ] });
-}, Jc = ({ hiddenPills: e, placement: t }) => {
+}, Zc = ({ hiddenPills: e, placement: t }) => {
   const n = J(), [r, o] = E(!1), { refs: i, floatingStyles: c } = xt({
     open: r,
     placement: t,
@@ -2255,25 +2260,25 @@ const Uc = "#9ca3af", nt = "\0", Yc = (e) => {
       document.removeEventListener("pointerdown", h), document.removeEventListener("keydown", g);
     };
   }, [r, i.floating, i.reference]);
-  const l = t === "left" || t === "right", d = Math.min(e.length - 1, ar), u = Array.from({ length: d }, (h, g) => d - g);
+  const l = t === "left" || t === "right", d = Math.min(e.length - 1, ir), u = Array.from({ length: d }, (h, g) => d - g);
   return /* @__PURE__ */ m(T, { children: [
     /* @__PURE__ */ m(
       "div",
       {
         ref: i.setReference,
-        className: ce(Nc, {
-          [Ic]: l,
-          [Bc]: !l
+        className: ce(Bc, {
+          [Mc]: l,
+          [Ic]: !l
         }),
         children: [
           u.map((h) => /* @__PURE__ */ a(
             "span",
             {
-              className: ce(Mc, {
-                [Oc]: l,
-                [Dc]: !l
+              className: ce(Dc, {
+                [Rc]: l,
+                [Oc]: !l
               }),
-              style: Zc(h, l),
+              style: Qc(h, l),
               "aria-hidden": !0
             },
             h
@@ -2282,12 +2287,12 @@ const Uc = "#9ca3af", nt = "\0", Yc = (e) => {
             "button",
             {
               type: "button",
-              className: ce(Rc, { [zc]: r }),
+              className: ce(zc, { [Gc]: r }),
               onClick: () => o((h) => !h),
               "aria-haspopup": "dialog",
               "aria-expanded": r,
               "aria-label": `Show ${e.length} hidden legend ${e.length === 1 ? "item" : "items"}`,
-              children: /* @__PURE__ */ m("span", { className: Gc, children: [
+              children: /* @__PURE__ */ m("span", { className: Wc, children: [
                 "+",
                 e.length
               ] })
@@ -2302,30 +2307,30 @@ const Uc = "#9ca3af", nt = "\0", Yc = (e) => {
         ref: i.setFloating,
         role: "dialog",
         "aria-label": n("graph.legend.hiddenItems"),
-        className: Wc,
+        className: $c,
         style: c,
-        children: /* @__PURE__ */ a("ul", { className: $c, children: e.map((h) => /* @__PURE__ */ a("li", { className: Xc, children: /* @__PURE__ */ a(Kr, { pill: h }) }, h.key)) })
+        children: /* @__PURE__ */ a("ul", { className: Xc, children: e.map((h) => /* @__PURE__ */ a("li", { className: Vc, children: /* @__PURE__ */ a(Jr, { pill: h }) }, h.key)) })
       }
     )
   ] });
-}, Zc = (e, t) => {
-  const n = -e * ir;
+}, Qc = (e, t) => {
+  const n = -e * sr;
   return { transform: t ? `translateY(${n}px)` : `translateX(${n}px)` };
 };
-var Qc = "_1cecisi0", ed = "_1cecisi1", td = "_1cecisi2", nd = "_1cecisi3";
-const rd = ({
+var ed = "_1cecisi0", td = "_1cecisi1", nd = "_1cecisi2", rd = "_1cecisi3";
+const od = ({
   edge: e,
   formattedLegends: t,
   containerWidth: n,
   containerHeight: r,
   textScale: o
 }) => {
-  const i = ve(), c = wt(), l = v(() => Yc(t), [t]), d = e === "left" || e === "right", u = d ? r : n, h = v(() => {
+  const i = ve(), c = wt(), l = v(() => jc(t), [t]), d = e === "left" || e === "right", u = d ? r : n, h = v(() => {
     if (l.length === 0) return { visibleCount: 0, hasOverflow: !1 };
     if (u <= 0) return { visibleCount: l.length, hasOverflow: !1 };
-    const y = te(sr, o), S = { family: cr, size: y }, k = y * lr, w = ($) => d ? od($, k, c) : Zt({
-      label: $.formattedLabel,
-      swatchInlineSize: ad($, c.legendSwatchWidth),
+    const y = te(lr, o), S = { family: dr, size: y }, k = y * cr, w = (V) => d ? ad(V, k, c) : Zt({
+      label: V.formattedLabel,
+      swatchInlineSize: id(V, c.legendSwatchWidth),
       textMeasurer: i,
       font: S,
       swatchGap: c.legendSwatchGap,
@@ -2337,8 +2342,8 @@ const rd = ({
       font: S,
       swatchGap: c.legendSwatchGap,
       horizontalChrome: c.legendPillHorizontalChrome
-    })) + Si;
-    return sd({
+    })) + ki;
+    return ld({
       pillSizes: A,
       overflowPillSize: _,
       containerSize: u,
@@ -2350,13 +2355,13 @@ const rd = ({
   return /* @__PURE__ */ m(
     "div",
     {
-      className: ce(Qc, {
-        [td]: d,
-        [ed]: !d
+      className: ce(ed, {
+        [nd]: d,
+        [td]: !d
       }),
       children: [
-        g.map((y) => /* @__PURE__ */ a("div", { className: nd, children: /* @__PURE__ */ a(Kr, { pill: y }) }, y.key)),
-        f && /* @__PURE__ */ a(Jc, { hiddenPills: p, placement: ld(e) })
+        g.map((y) => /* @__PURE__ */ a("div", { className: rd, children: /* @__PURE__ */ a(Jr, { pill: y }) }, y.key)),
+        f && /* @__PURE__ */ a(Zc, { hiddenPills: p, placement: cd(e) })
       ]
     }
   );
@@ -2370,10 +2375,10 @@ const rd = ({
 }) => {
   const c = n.measureText(e, r).width, l = t > 0 ? o : 0;
   return t + l + c + i;
-}, od = (e, t, n) => {
-  const r = id(e, n.legendSwatchHeight);
+}, ad = (e, t, n) => {
+  const r = sd(e, n.legendSwatchHeight);
   return Math.max(t, r) + n.legendPillVerticalChrome;
-}, ad = (e, t) => e.isBubble ? Number(e.visual.size) : wr(e.visual.color, t), id = (e, t) => e.isBubble ? Number(e.visual.size) : t, sd = ({
+}, id = (e, t) => e.isBubble ? Number(e.visual.size) : Ar(e.visual.color, t), sd = (e, t) => e.isBubble ? Number(e.visual.size) : t, ld = ({
   pillSizes: e,
   overflowPillSize: t,
   containerSize: n,
@@ -2392,7 +2397,7 @@ const rd = ({
     i = d, c += 1;
   }
   return { visibleCount: c, hasOverflow: !0 };
-}, ld = (e) => {
+}, cd = (e) => {
   switch (e) {
     case "top":
       return "bottom";
@@ -2403,7 +2408,7 @@ const rd = ({
     case "right":
       return "left";
   }
-}, cd = oe(function({ formattedLegends: t, rects: n, textScale: r }) {
+}, dd = oe(function({ formattedLegends: t, rects: n, textScale: r }) {
   const o = v(() => {
     const i = /* @__PURE__ */ new Map();
     for (const c of t) {
@@ -2417,7 +2422,7 @@ const rd = ({
     return l === void 0 ? null : /* @__PURE__ */ m(
       "div",
       {
-        className: wc,
+        className: Ac,
         style: {
           left: l.x,
           top: l.y,
@@ -2426,7 +2431,7 @@ const rd = ({
         },
         children: [
           /* @__PURE__ */ a(
-            rd,
+            od,
             {
               edge: i,
               formattedLegends: c.pill,
@@ -2435,17 +2440,17 @@ const rd = ({
               textScale: r
             }
           ),
-          /* @__PURE__ */ a(Lc, { legends: c.direct, containerRect: l, textScale: r })
+          /* @__PURE__ */ a(Cc, { legends: c.direct, containerRect: l, textScale: r })
         ]
       },
       i
     );
   }) });
 });
-const Ft = 1, Jr = 8, dd = 12;
+const Ft = 1, Zr = 8, ud = 12;
 s.pointStrokeColor;
-const ud = 1, hd = 2, gd = 0.7, pe = ({ hit: e }) => {
-  const t = z(e.observation), n = (W(e.observation) ?? Ft) * gd, r = (Re(e.observation) ?? Jr) / 2;
+const hd = 1, gd = 2, pd = 0.7, pe = ({ hit: e }) => {
+  const t = z(e.observation), n = (X(e.observation) ?? Ft) * pd, r = (Re(e.observation) ?? Zr) / 2;
   return /* @__PURE__ */ a(
     "circle",
     {
@@ -2455,20 +2460,20 @@ const ud = 1, hd = 2, gd = 0.7, pe = ({ hit: e }) => {
       fill: t,
       opacity: n,
       stroke: s.hoveredPointRingColor,
-      strokeWidth: hd,
+      strokeWidth: gd,
       "data-testid": "companion-point"
     }
   );
-}, Zr = 0.3, Qr = 1, O = {
+}, Qr = 0.3, eo = 1, O = {
   type: "spring",
   stiffness: 500,
   damping: 60,
   mass: 1
 }, pt = (e, t) => {
-  const n = Tn(e);
+  const n = wn(e);
   return L(() => {
-    const r = ua(n.get(), e);
-    Jo(0, 1, {
+    const r = ha(n.get(), e);
+    Zo(0, 1, {
       ...t,
       onUpdate: (o) => {
         const i = r(o);
@@ -2478,30 +2483,30 @@ const ud = 1, hd = 2, gd = 0.7, pe = ({ hit: e }) => {
   }, [t, e, n]), n;
 };
 var ye = "_1d8mpa10";
-const pd = oe(function({
+const fd = oe(function({
   layer: t,
   coordSystem: n,
   isAnimated: r
 }) {
   const { lineGenerator: o, areaGenerator: i } = v(
-    () => mn(n, t.params),
+    () => vn(n, t.params),
     [t.params, n]
   ), c = v(() => {
     const l = We(t.data, t.mapping, t.id), d = [];
-    return t.data.groupBy(we.group).forEach((u) => {
-      const h = vn([...u], t.params.missingValues), g = i(h), p = o(h);
+    return t.data.groupBy(Ae.group).forEach((u) => {
+      const h = yn([...u], t.params.missingValues), g = i(h), p = o(h);
       if (!g || !p) return;
       const f = h[0];
       if (!f) return;
-      const y = z(f), S = W(f), k = $e(f, t.params), w = Xe(Ve(f));
+      const y = z(f), S = X(f), k = $e(f, t.params), w = Xe(Ve(f));
       d.push({
         key: l(f),
         areaPath: g,
         linePath: p,
         color: y,
-        fillOpacity: S ?? Zr,
+        fillOpacity: S ?? Qr,
         strokeWidth: k,
-        strokeOpacity: Qr,
+        strokeOpacity: eo,
         strokeDasharray: w
       });
     }), d;
@@ -2516,7 +2521,7 @@ const pd = oe(function({
       "data-geom": "area",
       className: ye,
       children: c.map((l) => /* @__PURE__ */ a(
-        fd,
+        md,
         {
           areaPath: l.areaPath,
           linePath: l.linePath,
@@ -2531,7 +2536,7 @@ const pd = oe(function({
       ))
     }
   );
-}), fd = ({
+}), md = ({
   areaPath: e,
   linePath: t,
   color: n,
@@ -2541,7 +2546,7 @@ const pd = oe(function({
   strokeDasharray: c,
   isAnimated: l
 }) => l ? /* @__PURE__ */ a(
-  md,
+  vd,
   {
     areaPath: e,
     linePath: t,
@@ -2565,7 +2570,7 @@ const pd = oe(function({
       vectorEffect: "non-scaling-stroke"
     }
   )
-] }), md = ({
+] }), vd = ({
   areaPath: e,
   linePath: t,
   color: n,
@@ -2591,10 +2596,10 @@ const pd = oe(function({
     )
   ] });
 };
-var vd = "_46ebsf0";
-const rt = 1, yd = 2, bd = 1, xd = dd / 2, Sd = 2.25, Nt = ({ hit: e, ...t }) => {
-  const n = kd(e.observation), r = z(e.observation), o = W(e.observation) ?? Ft, i = x(Ge(e.x)), c = x(ze(e.y)), d = n + rt / 2 + bd + rt / 2;
-  return /* @__PURE__ */ m("g", { ...t, className: vd, children: [
+var yd = "_46ebsf0";
+const rt = 1, bd = 2, xd = 1, Sd = ud / 2, kd = 2.25, Nt = ({ hit: e, ...t }) => {
+  const n = Ld(e.observation), r = z(e.observation), o = X(e.observation) ?? Ft, i = x(Ge(e.x)), c = x(ze(e.y)), d = n + rt / 2 + xd + rt / 2;
+  return /* @__PURE__ */ m("g", { ...t, className: yd, children: [
     /* @__PURE__ */ a(
       "circle",
       {
@@ -2603,7 +2608,7 @@ const rt = 1, yd = 2, bd = 1, xd = dd / 2, Sd = 2.25, Nt = ({ hit: e, ...t }) =>
         r: d,
         fill: "none",
         stroke: s.hoveredPointRingColor,
-        strokeWidth: yd
+        strokeWidth: bd
       }
     ),
     /* @__PURE__ */ a(
@@ -2619,22 +2624,22 @@ const rt = 1, yd = 2, bd = 1, xd = dd / 2, Sd = 2.25, Nt = ({ hit: e, ...t }) =>
       }
     )
   ] });
-}, kd = (e) => {
+}, Ld = (e) => {
   const t = Re(e);
-  return yn(t) ? t / Sd : xd;
-}, Ld = ({ layer: e, coordSystem: t, primary: n, companions: r }) => {
-  const o = bn(n.observation), i = v(() => {
-    const p = e.data.filter(we.group, "eq", o);
-    return vn([...p], e.params.missingValues);
+  return bn(t) ? t / kd : Sd;
+}, Cd = ({ layer: e, coordSystem: t, primary: n, companions: r }) => {
+  const o = xn(n.observation), i = v(() => {
+    const p = e.data.filter(Ae.group, "eq", o);
+    return yn([...p], e.params.missingValues);
   }, [e.data, e.params.missingValues, o]), { areaPath: c, linePath: l } = v(() => {
-    const { lineGenerator: p, areaGenerator: f } = mn(t, e.params);
+    const { lineGenerator: p, areaGenerator: f } = vn(t, e.params);
     return {
       areaPath: f(i) ?? "",
       linePath: p(i) ?? ""
     };
   }, [t, e.params, i]);
   if (!c || !l) return null;
-  const d = z(n.observation), u = W(n.observation) ?? Zr, h = $e(n.observation, e.params), g = Xe(Ve(n.observation));
+  const d = z(n.observation), u = X(n.observation) ?? Qr, h = $e(n.observation, e.params), g = Xe(Ve(n.observation));
   return /* @__PURE__ */ m("g", { "data-testid": "hovered-area", children: [
     /* @__PURE__ */ m(
       "svg",
@@ -2654,7 +2659,7 @@ const rt = 1, yd = 2, bd = 1, xd = dd / 2, Sd = 2.25, Nt = ({ hit: e, ...t }) =>
               fill: "none",
               stroke: d,
               strokeWidth: h,
-              strokeOpacity: Qr,
+              strokeOpacity: eo,
               strokeDasharray: g,
               vectorEffect: "non-scaling-stroke",
               "data-testid": "hovered-area-edge"
@@ -2666,22 +2671,22 @@ const rt = 1, yd = 2, bd = 1, xd = dd / 2, Sd = 2.25, Nt = ({ hit: e, ...t }) =>
     r.map((p) => /* @__PURE__ */ a(pe, { hit: p }, `companion-${p.layerId}-${p.pointIndex}`)),
     /* @__PURE__ */ a(Nt, { hit: n, "data-testid": "hovered-area-point" })
   ] });
-}, Cd = {
+}, Td = {
   geom: "area",
   coord: "cartesian",
   guideMode: "continuous",
-  render: ({ layer: e, coordSystem: t, isAnimated: n }) => /* @__PURE__ */ a(pd, { layer: e, coordSystem: t, isAnimated: n }),
-  renderHover: ({ layer: e, coordSystem: t, primary: n, group: r, related: o }) => /* @__PURE__ */ a(Ld, { layer: e, coordSystem: t, primary: n, companions: [...r, ...o] }),
+  render: ({ layer: e, coordSystem: t, isAnimated: n }) => /* @__PURE__ */ a(fd, { layer: e, coordSystem: t, isAnimated: n }),
+  renderHover: ({ layer: e, coordSystem: t, primary: n, group: r, related: o }) => /* @__PURE__ */ a(Cd, { layer: e, coordSystem: t, primary: n, companions: [...r, ...o] }),
   renderHoverCompanions: ({ related: e }) => /* @__PURE__ */ a(T, { children: e.map((t) => /* @__PURE__ */ a(pe, { hit: t }, `companion-${t.layerId}-${t.pointIndex}`)) }),
   getOverlayAnchor: ({ observation: e, coordSystem: t }) => {
     if (t.mainAxis === "x") {
-      const o = ue(e), i = Mo(e) ?? he(e);
+      const o = ue(e), i = Do(e) ?? he(e);
       return o === null || i === null ? null : { x: o, y: i };
     }
-    const n = he(e), r = Do(e) ?? ue(e);
+    const n = he(e), r = Oo(e) ?? ue(e);
     return n === null || r === null ? null : { x: r, y: n };
   }
-}, eo = 1, Te = 4, Td = oe(function({
+}, to = 1, we = 4, wd = oe(function({
   layer: t,
   coordSystem: n,
   isAnimated: r
@@ -2689,29 +2694,29 @@ const rt = 1, yd = 2, bd = 1, xd = dd / 2, Sd = 2.25, Nt = ({ hit: e, ...t }) =>
   const o = vt(), i = v(() => {
     const l = We(t.data, t.mapping, t.id), d = /* @__PURE__ */ new Map();
     for (const u of t.data) {
-      const h = xn(n.mainAxis, u);
+      const h = Sn(n.mainAxis, u);
       if (!h) continue;
-      const g = Ad(n.mainAxis, h), p = d.get(g), f = {
+      const g = Ed(n.mainAxis, h), p = d.get(g), f = {
         key: l(u),
         ...h,
         fill: z(u),
-        opacity: W(u) ?? eo
+        opacity: X(u) ?? to
       };
       p ? p.push(f) : d.set(g, [f]);
     }
     return [...d.entries()].map(([u, h]) => ({
       id: `${o}${u}`,
       bars: h,
-      ...Ed(h)
+      ..._d(h)
     }));
   }, [o, n.mainAxis, t]), c = i.filter((l) => l.bars.length > 1);
   return /* @__PURE__ */ m(T, { children: [
-    c.length > 0 && /* @__PURE__ */ a("defs", { children: c.map((l) => /* @__PURE__ */ a("clipPath", { id: l.id, children: /* @__PURE__ */ a(wd, { column: l, isAnimated: r }) }, l.id)) }),
+    c.length > 0 && /* @__PURE__ */ a("defs", { children: c.map((l) => /* @__PURE__ */ a("clipPath", { id: l.id, children: /* @__PURE__ */ a(Ad, { column: l, isAnimated: r }) }, l.id)) }),
     i.map((l) => {
       const [d] = l.bars;
       if (l.bars.length === 1 && d !== void 0) {
         const { key: u, ...h } = d;
-        return /* @__PURE__ */ a(Qt, { ...h, rx: Te, isAnimated: r }, u);
+        return /* @__PURE__ */ a(Qt, { ...h, rx: we, isAnimated: r }, u);
       }
       return /* @__PURE__ */ a("g", { clipPath: `url(#${l.id})`, children: l.bars.map((u) => {
         const { key: h, ...g } = u;
@@ -2748,13 +2753,13 @@ const rt = 1, yd = 2, bd = 1, xd = dd / 2, Sd = 2.25, Nt = ({ hit: e, ...t }) =>
     opacity: n.opacity,
     rx: t
   }
-), wd = ({ column: e, isAnimated: t }) => t ? /* @__PURE__ */ a(
+), Ad = ({ column: e, isAnimated: t }) => t ? /* @__PURE__ */ a(
   Y.rect,
   {
     initial: !1,
     style: { transformBox: "view-box" },
     transition: O,
-    rx: Te,
+    rx: we,
     animate: {
       x: x(e.x),
       y: x(e.y),
@@ -2769,19 +2774,19 @@ const rt = 1, yd = 2, bd = 1, xd = dd / 2, Sd = 2.25, Nt = ({ hit: e, ...t }) =>
     y: x(e.y),
     width: x(e.width),
     height: x(e.height),
-    rx: Te
+    rx: we
   }
-), Ad = (e, t) => e === "x" ? `${t.x}-${t.width}` : `${t.y}-${t.height}`, Ed = (e) => {
+), Ed = (e, t) => e === "x" ? `${t.x}-${t.width}` : `${t.y}-${t.height}`, _d = (e) => {
   let t = 1 / 0, n = 1 / 0, r = -1 / 0, o = -1 / 0;
   for (const i of e)
     i.x < t && (t = i.x), i.y < n && (n = i.y), i.x + i.width > r && (r = i.x + i.width), i.y + i.height > o && (o = i.y + i.height);
   return { x: t, y: n, width: r - t, height: o - n };
 };
-var _d = "_1suo8ub0";
-const ke = 3, Pd = ({ coordSystem: e, primary: t, panelRect: n }) => {
-  const r = xn(e.mainAxis, t.observation);
+var Pd = "_1suo8ub0";
+const Le = 3, Hd = ({ coordSystem: e, primary: t, panelRect: n }) => {
+  const r = Sn(e.mainAxis, t.observation);
   if (!r) return null;
-  const o = r.x * n.width, i = r.y * n.height, c = r.width * n.width, l = r.height * n.height, d = o - ke, u = i - ke, h = c + ke * 2, g = l + ke * 2, p = Te + ke, f = z(t.observation), y = W(t.observation) ?? eo;
+  const o = r.x * n.width, i = r.y * n.height, c = r.width * n.width, l = r.height * n.height, d = o - Le, u = i - Le, h = c + Le * 2, g = l + Le * 2, p = we + Le, f = z(t.observation), y = X(t.observation) ?? to;
   return /* @__PURE__ */ m("g", { "data-testid": "hovered-bar", children: [
     /* @__PURE__ */ a(
       "rect",
@@ -2792,7 +2797,7 @@ const ke = 3, Pd = ({ coordSystem: e, primary: t, panelRect: n }) => {
         height: g,
         rx: p,
         fill: s.hoveredBarBorderColor,
-        className: _d,
+        className: Pd,
         "data-testid": "hovered-bar-border"
       }
     ),
@@ -2805,35 +2810,35 @@ const ke = 3, Pd = ({ coordSystem: e, primary: t, panelRect: n }) => {
         height: x(r.height),
         fill: f,
         opacity: y,
-        rx: Te,
+        rx: we,
         "data-testid": "hovered-bar-fill"
       }
     )
   ] });
-}, Hd = {
+}, Fd = {
   geom: "bar",
   coord: "cartesian",
   guideMode: "bar",
-  render: ({ layer: e, coordSystem: t, isAnimated: n }) => /* @__PURE__ */ a(Td, { layer: e, coordSystem: t, isAnimated: n }),
-  renderHover: ({ coordSystem: e, primary: t, panelRect: n }) => /* @__PURE__ */ a(Pd, { coordSystem: e, primary: t, panelRect: n }),
+  render: ({ layer: e, coordSystem: t, isAnimated: n }) => /* @__PURE__ */ a(wd, { layer: e, coordSystem: t, isAnimated: n }),
+  renderHover: ({ coordSystem: e, primary: t, panelRect: n }) => /* @__PURE__ */ a(Hd, { coordSystem: e, primary: t, panelRect: n }),
   renderHoverCompanions: () => null
-}, to = 1, Fd = oe(function({
+}, no = 1, Nd = oe(function({
   layer: t,
   isAnimated: n
 }) {
-  const r = v(() => Sn(t.params), [t.params]), o = v(() => {
+  const r = v(() => kn(t.params), [t.params]), o = v(() => {
     const i = We(t.data, t.mapping, t.id), c = [];
-    return t.data.groupBy(we.group).forEach((l) => {
-      const d = kn([...l], t.params.missingValues), u = r(d);
+    return t.data.groupBy(Ae.group).forEach((l) => {
+      const d = Ln([...l], t.params.missingValues), u = r(d);
       if (!u) return;
       const h = d[0];
       if (!h) return;
-      const g = z(h), p = W(h), f = $e(h, t.params), y = Xe(Ve(h));
+      const g = z(h), p = X(h), f = $e(h, t.params), y = Xe(Ve(h));
       c.push({
         key: i(h),
         pathData: u,
         color: g,
-        opacity: p ?? to,
+        opacity: p ?? no,
         strokeWidth: f,
         strokeDasharray: y
       });
@@ -2849,7 +2854,7 @@ const ke = 3, Pd = ({ coordSystem: e, primary: t, panelRect: n }) => {
       "data-geom": "line",
       className: ye,
       children: o.map((i) => /* @__PURE__ */ a(
-        Nd,
+        Bd,
         {
           pathData: i.pathData,
           color: i.color,
@@ -2862,8 +2867,8 @@ const ke = 3, Pd = ({ coordSystem: e, primary: t, panelRect: n }) => {
       ))
     }
   );
-}), Nd = ({ pathData: e, color: t, strokeWidth: n, opacity: r, strokeDasharray: o, isAnimated: i }) => i ? /* @__PURE__ */ a(
-  Bd,
+}), Bd = ({ pathData: e, color: t, strokeWidth: n, opacity: r, strokeDasharray: o, isAnimated: i }) => i ? /* @__PURE__ */ a(
+  Id,
   {
     pathData: e,
     color: t,
@@ -2882,7 +2887,7 @@ const ke = 3, Pd = ({ coordSystem: e, primary: t, panelRect: n }) => {
     strokeDasharray: o,
     vectorEffect: "non-scaling-stroke"
   }
-), Bd = ({
+), Id = ({
   pathData: e,
   color: t,
   strokeWidth: n,
@@ -2902,13 +2907,13 @@ const ke = 3, Pd = ({ coordSystem: e, primary: t, panelRect: n }) => {
       vectorEffect: "non-scaling-stroke"
     }
   );
-}, Id = ({ layer: e, primary: t, companions: n }) => {
-  const r = bn(t.observation), o = v(() => {
-    const h = e.data.filter(we.group, "eq", r);
-    return kn([...h], e.params.missingValues);
-  }, [e.data, e.params.missingValues, r]), i = v(() => Sn(e.params)(o), [e.params, o]);
+}, Md = ({ layer: e, primary: t, companions: n }) => {
+  const r = xn(t.observation), o = v(() => {
+    const h = e.data.filter(Ae.group, "eq", r);
+    return Ln([...h], e.params.missingValues);
+  }, [e.data, e.params.missingValues, r]), i = v(() => kn(e.params)(o), [e.params, o]);
   if (!i) return null;
-  const c = z(t.observation), l = W(t.observation) ?? to, d = $e(t.observation, e.params), u = Xe(Ve(t.observation));
+  const c = z(t.observation), l = X(t.observation) ?? no, d = $e(t.observation, e.params), u = Xe(Ve(t.observation));
   return /* @__PURE__ */ m("g", { "data-testid": "hovered-line", children: [
     /* @__PURE__ */ a(
       "svg",
@@ -2937,18 +2942,18 @@ const ke = 3, Pd = ({ coordSystem: e, primary: t, panelRect: n }) => {
     n.map((h) => /* @__PURE__ */ a(pe, { hit: h }, `companion-${h.layerId}-${h.pointIndex}`)),
     /* @__PURE__ */ a(Nt, { hit: t, "data-testid": "hovered-line-point" })
   ] });
-}, Md = {
+}, Dd = {
   geom: "line",
   coord: "cartesian",
   guideMode: "continuous",
-  render: ({ layer: e, isAnimated: t }) => /* @__PURE__ */ a(Fd, { layer: e, isAnimated: t }),
-  renderHover: ({ layer: e, primary: t, group: n, related: r }) => /* @__PURE__ */ a(Id, { layer: e, primary: t, companions: [...n, ...r] }),
+  render: ({ layer: e, isAnimated: t }) => /* @__PURE__ */ a(Nd, { layer: e, isAnimated: t }),
+  renderHover: ({ layer: e, primary: t, group: n, related: r }) => /* @__PURE__ */ a(Md, { layer: e, primary: t, companions: [...n, ...r] }),
   renderHoverCompanions: ({ related: e }) => /* @__PURE__ */ a(T, { children: e.map((t) => /* @__PURE__ */ a(pe, { hit: t }, `companion-${t.layerId}-${t.pointIndex}`)) }),
   getOverlayAnchor: ({ observation: e }) => {
     const t = ue(e), n = he(e);
     return t === null || n === null ? null : { x: t, y: n };
   }
-}, Dd = oe(function({
+}, Od = oe(function({
   layer: t,
   isAnimated: n
 }) {
@@ -2959,7 +2964,7 @@ const ke = 3, Pd = ({ coordSystem: e, primary: t, panelRect: n }) => {
       const l = i++, d = ue(c), u = he(c);
       if (d === null || u === null)
         continue;
-      const h = z(c), g = W(c), p = Re(c), f = Oo(c);
+      const h = z(c), g = X(c), p = Re(c), f = Ro(c);
       o.push({
         key: String(l),
         // using the observation index as key for points leads to nicer transitions
@@ -2969,7 +2974,7 @@ const ke = 3, Pd = ({ coordSystem: e, primary: t, panelRect: n }) => {
         fill: h,
         stroke: s.pointStrokeColor,
         opacity: g ?? Ft,
-        strokeWidth: f ?? ud
+        strokeWidth: f ?? hd
       });
     }
     return o;
@@ -3003,11 +3008,11 @@ const ke = 3, Pd = ({ coordSystem: e, primary: t, panelRect: n }) => {
     },
     o.key
   )) });
-}), Od = {
+}), Rd = {
   geom: "point",
   coord: "cartesian",
   guideMode: null,
-  render: ({ layer: e, isAnimated: t }) => /* @__PURE__ */ a(Dd, { layer: e, isAnimated: t }),
+  render: ({ layer: e, isAnimated: t }) => /* @__PURE__ */ a(Od, { layer: e, isAnimated: t }),
   renderHover: ({ primary: e, group: t, related: n }) => /* @__PURE__ */ m("g", { "data-testid": "hovered-point", children: [
     [...t, ...n].map((r) => /* @__PURE__ */ a(pe, { hit: r }, `companion-${r.layerId}-${r.pointIndex}`)),
     /* @__PURE__ */ a(Nt, { hit: e })
@@ -3017,19 +3022,19 @@ const ke = 3, Pd = ({ coordSystem: e, primary: t, panelRect: n }) => {
     const t = ue(e), n = he(e);
     return t === null || n === null ? null : { x: t, y: n };
   }
-}, Rd = 11.7, zd = N.xs, Gd = R, Wd = K.medium, Le = 5, $d = 5, en = 10, tn = 10, Xd = 4, Oe = 13, no = 6, ot = 12, nn = 21.6, Vd = "0 0 10 18", Ud = "M2.48935 16.9323L9.07098 9.82964C9.51595 9.34944 9.51504 8.60728 9.0689 8.12818L2.48866 1.06172C1.85811 0.384586 0.974477 0 0.049217 0H0V18H0.0443689C0.972463 18 1.85854 17.6131 2.48935 16.9323Z", rn = "#FFFFFF", at = "#1A1A1A";
-var Yd = "_16vokpr0";
-const jd = (e, t) => {
+}, zd = 11.7, Gd = N.xs, Wd = R, $d = K.medium, Ce = 5, Xd = 5, en = 10, tn = 10, Vd = 4, Oe = 13, ro = 6, ot = 12, nn = 21.6, Ud = "0 0 10 18", Yd = "M2.48935 16.9323L9.07098 9.82964C9.51595 9.34944 9.51504 8.60728 9.0689 8.12818L2.48866 1.06172C1.85811 0.384586 0.974477 0 0.049217 0H0V18H0.0443689C0.972463 18 1.85854 17.6131 2.48935 16.9323Z", rn = "#FFFFFF", at = "#1A1A1A";
+var jd = "_16vokpr0";
+const qd = (e, t) => {
   const n = e.mapping.y !== void 0, r = t.mainAxis === "y";
   return n !== r;
-}, qd = (e, t) => {
+}, Kd = (e, t) => {
   const n = x(e ? 1 - t : t);
   return e ? { x1: "0%", y1: n, x2: "100%", y2: n } : { x1: n, y1: "0%", x2: n, y2: "100%" };
-}, Kd = (e, t) => e === "solid" ? {} : e === "dotted" ? { strokeDasharray: `0 ${t * 2}`, strokeLinecap: "round" } : {
+}, Jd = (e, t) => e === "solid" ? {} : e === "dotted" ? { strokeDasharray: `0 ${t * 2}`, strokeLinecap: "round" } : {
   strokeDasharray: `${t * 2} ${t * 3}`,
   strokeLinecap: "round",
   strokeMiterlimit: 16
-}, Jd = (e) => {
+}, Zd = (e) => {
   const t = e.params.color, n = t ?? s.targetLineColor;
   let r = s.targetLineLabelTextColor;
   if (t !== void 0)
@@ -3039,7 +3044,7 @@ const jd = (e, t) => {
       r = at;
     }
   return { lineColor: n, labelTextColor: r };
-}, Zd = (e, t) => Be(e) && Be(t) ? `${e}: ${t}` : Be(e) ? e : Be(t) ? t : null, Be = (e) => e != null && e.trim() !== "", Qd = ({
+}, Qd = (e, t) => Be(e) && Be(t) ? `${e}: ${t}` : Be(e) ? e : Be(t) ? t : null, Be = (e) => e != null && e.trim() !== "", eu = ({
   labelPosition: e,
   linePosition: t,
   color: n,
@@ -3048,8 +3053,8 @@ const jd = (e, t) => {
   text: i,
   isAnimated: c
 }) => {
-  const l = e === "start", d = l ? -Oe : -(r - Oe), u = l ? d + r - Le : d + Le - ot, h = l ? void 0 : `rotate(180 ${u + ot / 2} ${o / 2})`, g = l ? "0%" : "100%", p = x(1 - t), f = /* @__PURE__ */ m("g", { transform: `translate(0, ${-o / 2})`, pointerEvents: "none", children: [
-    /* @__PURE__ */ a("rect", { x: d, y: 0, width: r, height: o, rx: no, fill: n }),
+  const l = e === "start", d = l ? -Oe : -(r - Oe), u = l ? d + r - Ce : d + Ce - ot, h = l ? void 0 : `rotate(180 ${u + ot / 2} ${o / 2})`, g = l ? "0%" : "100%", p = x(1 - t), f = /* @__PURE__ */ m("g", { transform: `translate(0, ${-o / 2})`, pointerEvents: "none", children: [
+    /* @__PURE__ */ a("rect", { x: d, y: 0, width: r, height: o, rx: ro, fill: n }),
     /* @__PURE__ */ a("g", { transform: h, children: /* @__PURE__ */ a(
       "svg",
       {
@@ -3057,12 +3062,12 @@ const jd = (e, t) => {
         y: (o - nn) / 2,
         width: ot,
         height: nn,
-        viewBox: Vd,
+        viewBox: Ud,
         overflow: "visible",
-        children: /* @__PURE__ */ a("path", { d: Ud, fill: n })
+        children: /* @__PURE__ */ a("path", { d: Yd, fill: n })
       }
     ) }),
-    /* @__PURE__ */ a("g", { transform: `translate(${d + Le}, ${o / 2})`, children: i })
+    /* @__PURE__ */ a("g", { transform: `translate(${d + Ce}, ${o / 2})`, children: i })
   ] });
   return c ? /* @__PURE__ */ a(
     Y.svg,
@@ -3075,7 +3080,7 @@ const jd = (e, t) => {
       children: f
     }
   ) : /* @__PURE__ */ a("svg", { x: g, y: p, overflow: "visible", children: f });
-}, eu = ({
+}, tu = ({
   labelPosition: e,
   linePosition: t,
   color: n,
@@ -3085,8 +3090,8 @@ const jd = (e, t) => {
   isAnimated: c
 }) => {
   const l = e === "start", d = l ? -Oe : -(o - Oe), u = x(t), h = l ? "100%" : "0%", g = /* @__PURE__ */ m("g", { transform: `translate(${-r / 2}, 0)`, pointerEvents: "none", children: [
-    /* @__PURE__ */ a("rect", { x: 0, y: d, width: r, height: o, rx: no, fill: n }),
-    /* @__PURE__ */ a("g", { transform: `translate(${Le}, ${d + o / 2})`, children: i })
+    /* @__PURE__ */ a("rect", { x: 0, y: d, width: r, height: o, rx: ro, fill: n }),
+    /* @__PURE__ */ a("g", { transform: `translate(${Ce}, ${d + o / 2})`, children: i })
   ] });
   return c ? /* @__PURE__ */ a(
     Y.svg,
@@ -3099,7 +3104,7 @@ const jd = (e, t) => {
       children: g
     }
   ) : /* @__PURE__ */ a("svg", { x: u, y: h, overflow: "visible", children: g });
-}, tu = ({
+}, nu = ({
   label: e,
   textWidth: t,
   labelPosition: n,
@@ -3111,7 +3116,7 @@ const jd = (e, t) => {
   symbolColor: d,
   isAnimated: u
 }) => {
-  const h = l === null ? 0 : en + Xd, g = t + h + Le * 2, p = Rd + $d * 2, f = /* @__PURE__ */ m(T, { children: [
+  const h = l === null ? 0 : en + Vd, g = t + h + Ce * 2, p = zd + Xd * 2, f = /* @__PURE__ */ m(T, { children: [
     l !== null && d !== null && /* @__PURE__ */ a("g", { transform: `translate(0, ${-tn / 2})`, children: /* @__PURE__ */ a(Ye, { shape: l, color: d, width: en, height: tn }) }),
     /* @__PURE__ */ a(
       "text",
@@ -3126,7 +3131,7 @@ const jd = (e, t) => {
     )
   ] });
   return r ? /* @__PURE__ */ a(
-    Qd,
+    eu,
     {
       labelPosition: n,
       linePosition: o,
@@ -3137,7 +3142,7 @@ const jd = (e, t) => {
       isAnimated: u
     }
   ) : /* @__PURE__ */ a(
-    eu,
+    tu,
     {
       labelPosition: n,
       linePosition: o,
@@ -3148,8 +3153,8 @@ const jd = (e, t) => {
       isAnimated: u
     }
   );
-}, nu = ({ layer: e, isHorizontalLine: t, position: n, lineColor: r, isAnimated: o }) => {
-  const i = qd(t, n), c = Kd(e.params.lineType, e.params.strokeWidth);
+}, ru = ({ layer: e, isHorizontalLine: t, position: n, lineColor: r, isAnimated: o }) => {
+  const i = Kd(t, n), c = Jd(e.params.lineType, e.params.strokeWidth);
   return o ? /* @__PURE__ */ a(
     Y.line,
     {
@@ -3171,7 +3176,7 @@ const jd = (e, t) => {
       vectorEffect: "non-scaling-stroke"
     }
   );
-}, ru = oe(function({
+}, ou = oe(function({
   layer: t,
   coordSystem: n,
   formattingLocale: r,
@@ -3186,16 +3191,16 @@ const jd = (e, t) => {
       colorScale: _.scales.color
     }))
   ), g = v(
-    () => Ro(u, h, n).get(t.id) ?? null,
+    () => zo(u, h, n).get(t.id) ?? null,
     [u, h, n, t.id]
   ), p = v(
-    () => Zd(t.params.label, zo({ guides: c, numberFormat: l, layer: t, locale: r })),
+    () => Qd(t.params.label, Go({ guides: c, numberFormat: l, layer: t, locale: r })),
     [c, l, r, t]
   ), f = v(
     () => ({
-      family: Gd,
-      size: te(zd, d),
-      weight: Wd
+      family: Wd,
+      size: te(Gd, d),
+      weight: $d
     }),
     [d]
   ), y = v(
@@ -3203,10 +3208,10 @@ const jd = (e, t) => {
     [p, f, i]
   ), S = t.data.getFirst();
   if (!S) return null;
-  const { lineColor: k, labelTextColor: w } = Jd(t), A = jd(t, n), I = A ? he(S) : ue(S);
-  return I === null ? null : /* @__PURE__ */ m("g", { "data-geom": "rule", className: Yd, children: [
+  const { lineColor: k, labelTextColor: w } = Zd(t), A = qd(t, n), I = A ? he(S) : ue(S);
+  return I === null ? null : /* @__PURE__ */ m("g", { "data-geom": "rule", className: jd, children: [
     /* @__PURE__ */ a(
-      nu,
+      ru,
       {
         layer: t,
         isHorizontalLine: A,
@@ -3216,7 +3221,7 @@ const jd = (e, t) => {
       }
     ),
     p !== null && /* @__PURE__ */ a(
-      tu,
+      nu,
       {
         label: p,
         textWidth: y,
@@ -3231,12 +3236,12 @@ const jd = (e, t) => {
       }
     )
   ] });
-}), ou = {
+}), au = {
   geom: "rule",
   coord: "cartesian",
   guideMode: null,
   render: ({ layer: e, coordSystem: t, formattingLocale: n, isAnimated: r }) => /* @__PURE__ */ a(
-    ru,
+    ou,
     {
       layer: e,
       coordSystem: t,
@@ -3246,7 +3251,7 @@ const jd = (e, t) => {
   ),
   renderHover: () => null,
   renderHoverCompanions: () => null
-}, ro = 1, on = Math.PI * 2, au = oe(function({
+}, oo = 1, on = Math.PI * 2, iu = oe(function({
   layer: t,
   isAnimated: n
 }) {
@@ -3257,7 +3262,7 @@ const jd = (e, t) => {
   const o = v(() => {
     const i = We(t.data, t.mapping, t.id), c = [];
     for (const l of t.data) {
-      const d = i(l), { startAngle: u, endAngle: h } = Ln(l), { innerRadius: g, outerRadius: p } = Cn(l);
+      const d = i(l), { startAngle: u, endAngle: h } = Cn(l), { innerRadius: g, outerRadius: p } = Tn(l);
       u === null || h === null || g === null || p === null || c.push({
         key: d,
         startAngle: u,
@@ -3265,7 +3270,7 @@ const jd = (e, t) => {
         innerRadius: g,
         outerRadius: p,
         fill: z(l),
-        opacity: W(l) ?? ro
+        opacity: X(l) ?? oo
       });
     }
     return c;
@@ -3282,7 +3287,7 @@ const jd = (e, t) => {
       children: o.map((i) => {
         if (n) {
           const { key: c, ...l } = i;
-          return /* @__PURE__ */ a(iu, { isInitialRender: !r.current, ...l }, c);
+          return /* @__PURE__ */ a(su, { isInitialRender: !r.current, ...l }, c);
         }
         return /* @__PURE__ */ a(
           "path",
@@ -3301,7 +3306,7 @@ const jd = (e, t) => {
       })
     }
   );
-}), iu = ({
+}), su = ({
   startAngle: e,
   endAngle: t,
   innerRadius: n,
@@ -3310,7 +3315,7 @@ const jd = (e, t) => {
   opacity: i,
   isInitialRender: c
 }) => {
-  const l = c ? e : on, d = c ? t : on, u = Mt(l, O), h = Mt(d, O), g = Tn(
+  const l = c ? e : on, d = c ? t : on, u = Mt(l, O), h = Mt(d, O), g = wn(
     Ie({ startAngle: l, endAngle: d, innerRadius: n, outerRadius: r }) ?? ""
   );
   return L(() => {
@@ -3326,13 +3331,13 @@ const jd = (e, t) => {
       f(), y();
     };
   }, [u, h, n, r, g]), /* @__PURE__ */ a(Y.path, { d: g, fill: o, opacity: i, transition: O });
-}, su = ({ primary: e }) => {
-  const { startAngle: t, endAngle: n } = Ln(e.observation), { innerRadius: r, outerRadius: o } = Cn(e.observation);
+}, lu = ({ primary: e }) => {
+  const { startAngle: t, endAngle: n } = Cn(e.observation), { innerRadius: r, outerRadius: o } = Tn(e.observation);
   if (t === null || n === null || r === null || o === null)
     return null;
   const i = Ie({ startAngle: t, endAngle: n, innerRadius: r, outerRadius: o });
   if (!i) return null;
-  const c = z(e.observation), l = W(e.observation) ?? ro;
+  const c = z(e.observation), l = X(e.observation) ?? oo;
   return /* @__PURE__ */ a(
     "svg",
     {
@@ -3346,59 +3351,59 @@ const jd = (e, t) => {
       children: /* @__PURE__ */ a("path", { d: i, fill: c, opacity: l })
     }
   );
-}, lu = {
+}, cu = {
   geom: "bar",
   coord: "polar",
   guideMode: null,
-  render: ({ layer: e, isAnimated: t }) => /* @__PURE__ */ a(au, { layer: e, isAnimated: t }),
-  renderHover: ({ primary: e }) => /* @__PURE__ */ a(su, { primary: e }),
+  render: ({ layer: e, isAnimated: t }) => /* @__PURE__ */ a(iu, { layer: e, isAnimated: t }),
+  renderHover: ({ primary: e }) => /* @__PURE__ */ a(lu, { primary: e }),
   renderHoverCompanions: () => null
-}, cu = {
+}, du = {
   bar: {
-    cartesian: Hd,
-    polar: lu
+    cartesian: Fd,
+    polar: cu
   },
   line: {
-    cartesian: Md
+    cartesian: Dd
   },
   area: {
-    cartesian: Cd
+    cartesian: Td
   },
   point: {
-    cartesian: Od
+    cartesian: Rd
   },
   rule: {
-    cartesian: ou
+    cartesian: au
   }
-}, qe = (e, t) => cu[e.geom]?.[t.type] ?? null, du = (e, t) => {
+}, qe = (e, t) => du[e.geom]?.[t.type] ?? null, uu = (e, t) => {
   const n = e.filter((o) => o.interactive);
   if (n.length === 0) return null;
   const r = n.map((o) => qe(o, t)).filter((o) => o !== null).map((o) => o.guideMode);
   return r.length === 0 ? null : r.some((o) => o === "bar") ? "bar" : r.every((o) => o === "continuous") ? "continuous" : null;
-}, uu = 1, hu = "4 3", gu = ({ panelRect: e }) => {
+}, hu = 1, gu = "4 3", pu = ({ panelRect: e }) => {
   const { coordSystem: t, layers: n, scales: r } = B(
     j((c) => ({ coordSystem: c.coordSystem, layers: c.layers, scales: c.scales }))
   ), o = Tt((c) => c.hover.primary);
   if (t.type !== "cartesian" || n.length === 0 || o === null) return null;
-  const i = du(n, t);
-  return i === null ? null : i === "bar" ? /* @__PURE__ */ a(fu, { coordSystem: t, scales: r, primary: o, panelRect: e }) : /* @__PURE__ */ a(pu, { coordSystem: t, primary: o, panelRect: e });
-}, pu = ({ coordSystem: e, primary: t, panelRect: n }) => {
-  const r = Wo(e, t);
-  return /* @__PURE__ */ a(oo, { panelRect: n, children: /* @__PURE__ */ a(
+  const i = uu(n, t);
+  return i === null ? null : i === "bar" ? /* @__PURE__ */ a(mu, { coordSystem: t, scales: r, primary: o, panelRect: e }) : /* @__PURE__ */ a(fu, { coordSystem: t, primary: o, panelRect: e });
+}, fu = ({ coordSystem: e, primary: t, panelRect: n }) => {
+  const r = $o(e, t);
+  return /* @__PURE__ */ a(ao, { panelRect: n, children: /* @__PURE__ */ a(
     "line",
     {
       ...r,
       stroke: s.hoverGuideLineColor,
-      strokeWidth: uu,
-      strokeDasharray: hu,
+      strokeWidth: hu,
+      strokeDasharray: gu,
       strokeLinecap: "round",
       "data-testid": "hover-guide-line"
     }
   ) });
-}, fu = ({ coordSystem: e, scales: t, primary: n, panelRect: r }) => {
-  const o = Go(e, t, n);
-  return o === null ? null : /* @__PURE__ */ a(oo, { panelRect: r, children: /* @__PURE__ */ a("rect", { ...o, fill: s.hoverGuideFillColor, "data-testid": "hover-guide-rect" }) });
-}, oo = ({ panelRect: e, children: t }) => /* @__PURE__ */ a(
+}, mu = ({ coordSystem: e, scales: t, primary: n, panelRect: r }) => {
+  const o = Wo(e, t, n);
+  return o === null ? null : /* @__PURE__ */ a(ao, { panelRect: r, children: /* @__PURE__ */ a("rect", { ...o, fill: s.hoverGuideFillColor, "data-testid": "hover-guide-rect" }) });
+}, ao = ({ panelRect: e, children: t }) => /* @__PURE__ */ a(
   "svg",
   {
     x: e.x,
@@ -3409,16 +3414,16 @@ const jd = (e, t) => {
     "data-testid": "hover-guide",
     children: t
   }
-), mu = 200, vu = ({ engine: e, store: t, overlayRef: n }) => {
+), vu = 200, yu = ({ engine: e, store: t, overlayRef: n }) => {
   L(() => {
     const r = n.current;
     if (!r) return;
-    const o = yu(r, e), i = bu(r, e, t);
+    const o = bu(r, e), i = xu(r, e, t);
     return () => {
       i(), o();
     };
   }, [e, t, n]);
-}, yu = (e, t) => {
+}, bu = (e, t) => {
   const n = () => {
     const c = e.getBoundingClientRect();
     c.width === 0 || c.height === 0 || t.setViewport({ width: c.width, height: c.height });
@@ -3427,12 +3432,12 @@ const jd = (e, t) => {
   const o = () => {
     r !== null && clearTimeout(r), r = setTimeout(() => {
       r = null, n();
-    }, mu);
+    }, vu);
   }, i = new ResizeObserver(o);
   return i.observe(e), n(), () => {
     i.disconnect(), r !== null && clearTimeout(r);
   };
-}, bu = (e, t, n) => {
+}, xu = (e, t, n) => {
   let r = null, o = null;
   const i = () => {
     o = null;
@@ -3455,9 +3460,9 @@ const jd = (e, t) => {
   return e.addEventListener("pointermove", c), e.addEventListener("pointerleave", l), () => {
     e.removeEventListener("pointermove", c), e.removeEventListener("pointerleave", l), o !== null && cancelAnimationFrame(o), r = null;
   };
-}, xu = ({ panelRect: e }) => {
+}, Su = ({ panelRect: e }) => {
   const { engine: t, store: n, overlayRef: r } = Ue();
-  return vu({ engine: t, store: n, overlayRef: r }), /* @__PURE__ */ a(
+  return yu({ engine: t, store: n, overlayRef: r }), /* @__PURE__ */ a(
     "rect",
     {
       ref: r,
@@ -3470,8 +3475,8 @@ const jd = (e, t) => {
       "data-testid": "pointer-capture-layer"
     }
   );
-}, it = "data-hover-active", Su = (e) => {
-  const { store: t } = Ue(), n = Ce(t, (r) => r.hover.primary !== null);
+}, it = "data-hover-active", ku = (e) => {
+  const { store: t } = Ue(), n = Te(t, (r) => r.hover.primary !== null);
   L(() => {
     const r = e.current;
     if (r)
@@ -3479,10 +3484,10 @@ const jd = (e, t) => {
         r.removeAttribute(it);
       };
   }, [e, n]);
-}, ao = N.xs, ft = R, io = K.medium, ku = K.semibold, so = 6, lo = 2, Lu = 4, Cu = 2, an = 4;
-var Tu = "_1agclyl0", wu = "_1agclyl1", Au = "_1agclyl2", Eu = { inside: "_1agclyl4 _1agclyl3", outside: "_1agclyl5 _1agclyl3" }, _u = "_1agclyl6 _1agclyl3";
-const co = ({ x: e, y: t, width: n, height: r, text: o, isRotated: i, target: c, position: l, coordType: d }) => {
-  const u = i ? `rotate(-90 ${e} ${t})` : void 0, h = c === "aggregate" ? _u : Eu[l], g = Pu(c, l, d);
+}, io = N.xs, ft = R, so = K.medium, Lu = K.semibold, lo = 6, co = 2, Cu = 4, Tu = 2, an = 4;
+var wu = "_1agclyl0", Au = "_1agclyl1", Eu = "_1agclyl2", _u = { inside: "_1agclyl4 _1agclyl3", outside: "_1agclyl5 _1agclyl3" }, Pu = "_1agclyl6 _1agclyl3";
+const uo = ({ x: e, y: t, width: n, height: r, text: o, isRotated: i, target: c, position: l, coordType: d }) => {
+  const u = i ? `rotate(-90 ${e} ${t})` : void 0, h = c === "aggregate" ? Pu : _u[l], g = Hu(c, l, d);
   return /* @__PURE__ */ m("g", { transform: u, children: [
     g && /* @__PURE__ */ a(
       "rect",
@@ -3498,13 +3503,13 @@ const co = ({ x: e, y: t, width: n, height: r, text: o, isRotated: i, target: c,
     ),
     /* @__PURE__ */ a("text", { className: h, x: e, y: t, textAnchor: "middle", dominantBaseline: "central", children: o })
   ] });
-}, Pu = (e, t, n) => {
-  if (e === "aggregate") return Au;
-  if (t === "outside" && n === "cartesian") return wu;
-}, Hu = {
-  dataLabel: { x: so, y: lo },
-  stackTotal: { x: Lu, y: Cu }
-}, Fu = ({ panelRect: e, formattingLocale: t }) => {
+}, Hu = (e, t, n) => {
+  if (e === "aggregate") return Eu;
+  if (t === "outside" && n === "cartesian") return Au;
+}, Fu = {
+  dataLabel: { x: lo, y: co },
+  stackTotal: { x: Cu, y: Tu }
+}, Nu = ({ panelRect: e, formattingLocale: t }) => {
   const n = ve(), r = B(
     j((l) => ({
       layers: l.layers,
@@ -3515,14 +3520,14 @@ const co = ({ x: e, y: t, width: n, height: r, text: o, isRotated: i, target: c,
       textScale: l.config.appearance.textScale
     }))
   ), o = v(() => {
-    const l = te(ao, r.textScale);
+    const l = te(io, r.textScale);
     return {
-      dataLabel: { family: ft, size: l, weight: io },
-      stackTotal: { family: ft, size: l, weight: ku }
+      dataLabel: { family: ft, size: l, weight: so },
+      stackTotal: { family: ft, size: l, weight: Lu }
     };
   }, [r.textScale]), i = v(
     () => (l, d) => {
-      const u = n.measureText(d, o[l]), h = Hu[l];
+      const u = n.measureText(d, o[l]), h = Fu[l];
       return {
         ...u,
         width: u.width + h.x * 2,
@@ -3531,11 +3536,11 @@ const co = ({ x: e, y: t, width: n, height: r, text: o, isRotated: i, target: c,
     },
     [n, o]
   ), c = v(
-    () => $o({ ...r, panelRect: e, measureDataLabel: i, formattingLocale: t }),
+    () => Xo({ ...r, panelRect: e, measureDataLabel: i, formattingLocale: t }),
     [r, e, i, t]
   );
-  return /* @__PURE__ */ a("g", { className: Tu, transform: `translate(${e.x}, ${e.y})`, "data-testid": "data-labels", children: c.labels.map((l) => /* @__PURE__ */ a(
-    co,
+  return /* @__PURE__ */ a("g", { className: wu, transform: `translate(${e.x}, ${e.y})`, "data-testid": "data-labels", children: c.labels.map((l) => /* @__PURE__ */ a(
+    uo,
     {
       x: l.x,
       y: l.y,
@@ -3549,13 +3554,13 @@ const co = ({ x: e, y: t, width: n, height: r, text: o, isRotated: i, target: c,
     },
     l.key
   )) });
-}, Nu = ({ linePath: e, arrowheadPath: t, stroke: n, strokeWidth: r }) => {
+}, Bu = ({ linePath: e, arrowheadPath: t, stroke: n, strokeWidth: r }) => {
   const o = { stroke: n, strokeWidth: r, strokeLinecap: "round", fill: "none" };
   return /* @__PURE__ */ m("g", { children: [
     /* @__PURE__ */ a("path", { d: e, ...o }),
     /* @__PURE__ */ a("path", { d: t, ...o, strokeLinejoin: "round" })
   ] });
-}, Bu = ({
+}, Iu = ({
   x: e,
   y: t,
   text: n,
@@ -3597,7 +3602,7 @@ const co = ({ x: e, y: t, width: n, height: r, text: o, isRotated: i, target: c,
       }
     )
   ] });
-}, Iu = ({ panelRect: e, formattingLocale: t }) => {
+}, Mu = ({ panelRect: e, formattingLocale: t }) => {
   const n = B(
     j((o) => ({
       differenceArrows: o.annotations.differenceArrows,
@@ -3606,7 +3611,7 @@ const co = ({ x: e, y: t, width: n, height: r, text: o, isRotated: i, target: c,
     }))
   ), r = v(
     () => n.differenceArrows.map(
-      (o) => Xo({
+      (o) => Vo({
         arrow: o,
         mainAxis: n.mainAxis,
         panelWidth: e.width,
@@ -3633,9 +3638,9 @@ const co = ({ x: e, y: t, width: n, height: r, text: o, isRotated: i, target: c,
       labelFontWeight: S
     }) => {
       const k = o ?? s.defaultAnnotationArrowStroke;
-      return /* @__PURE__ */ m(bo.Fragment, { children: [
+      return /* @__PURE__ */ m(xo.Fragment, { children: [
         /* @__PURE__ */ a(
-          Nu,
+          Bu,
           {
             linePath: c,
             arrowheadPath: l,
@@ -3644,7 +3649,7 @@ const co = ({ x: e, y: t, width: n, height: r, text: o, isRotated: i, target: c,
           }
         ),
         /* @__PURE__ */ a(
-          Bu,
+          Iu,
           {
             x: u.x,
             y: u.y,
@@ -3660,13 +3665,13 @@ const co = ({ x: e, y: t, width: n, height: r, text: o, isRotated: i, target: c,
       ] }, i);
     }
   ) });
-}, Mu = 0, Du = 1.15, sn = 1.15, Ou = "rgba(0, 0, 0, 0.16)", ln = 2, Ru = 1.4, zu = ({
+}, Du = 0, Ou = 1.15, sn = 1.15, Ru = "rgba(0, 0, 0, 0.16)", ln = 2, zu = 1.4, Gu = ({
   arrow: e,
   fallbackColor: t,
   stickerOutlineColor: n,
   stickerOutlineColorInverse: r
 }) => {
-  const o = vt(), i = e.color ?? t, c = Gu(e.color, n, r), l = e.dashArray ? { strokeDasharray: e.dashArray, strokeDashoffset: e.dashOffset } : {}, d = e.arrowheadExtent + e.strokeWidth + ln + sn, u = {
+  const o = vt(), i = e.color ?? t, c = Wu(e.color, n, r), l = e.dashArray ? { strokeDasharray: e.dashArray, strokeDashoffset: e.dashOffset } : {}, d = e.arrowheadExtent + e.strokeWidth + ln + sn, u = {
     x: Math.min(e.startX, e.endX) - d,
     y: Math.min(e.startY, e.endY) - d,
     width: Math.abs(e.endX - e.startX) + 2 * d,
@@ -3676,10 +3681,10 @@ const co = ({ x: e, y: t, width: n, height: r, text: o, isRotated: i, target: c,
     e.hasStickerStyle && /* @__PURE__ */ a("defs", { children: /* @__PURE__ */ a("filter", { id: o, filterUnits: "userSpaceOnUse", ...u, children: /* @__PURE__ */ a(
       "feDropShadow",
       {
-        dx: Mu,
-        dy: Du,
+        dx: Du,
+        dy: Ou,
         stdDeviation: sn,
-        floodColor: Ou
+        floodColor: Ru
       }
     ) }) }),
     /* @__PURE__ */ m("g", { filter: e.hasStickerStyle ? `url(#${o})` : void 0, children: [
@@ -3726,20 +3731,20 @@ const co = ({ x: e, y: t, width: n, height: r, text: o, isRotated: i, target: c,
       )
     ] })
   ] });
-}, Gu = (e, t, n) => {
+}, Wu = (e, t, n) => {
   if (e === null) return n;
   try {
-    return ct(e, t) < Ru ? n : t;
+    return ct(e, t) < zu ? n : t;
   } catch {
     return n;
   }
-}, Wu = ({ panelRect: e }) => {
+}, $u = ({ panelRect: e }) => {
   const { themeValues: t } = _t(), n = B((o) => o.annotations.freeformArrows), r = v(
-    () => n.map((o) => Vo({ arrow: o, panelWidth: e.width, panelHeight: e.height })).filter((o) => o !== null),
+    () => n.map((o) => Uo({ arrow: o, panelWidth: e.width, panelHeight: e.height })).filter((o) => o !== null),
     [n, e.width, e.height]
   );
   return r.length === 0 ? null : /* @__PURE__ */ a("g", { transform: `translate(${e.x}, ${e.y})`, "data-testid": "freeform-arrows", children: r.map((o) => /* @__PURE__ */ a(
-    zu,
+    Gu,
     {
       arrow: o,
       fallbackColor: s.defaultAnnotationArrowStroke,
@@ -3748,10 +3753,10 @@ const co = ({ x: e, y: t, width: n, height: r, text: o, isRotated: i, target: c,
     },
     o.id
   )) });
-}, $u = ({ edge: e, areTicksVisible: t, position: n, labelRotation: r, label: o }) => {
+}, Xu = ({ edge: e, areTicksVisible: t, position: n, labelRotation: r, label: o }) => {
   const { tickLabelOffset: i } = wt(), c = x(n), l = (t ? 1 : 0) * i, d = { style: { font: s.fontTickLabel }, fill: s.textSecondary }, u = r !== 0 && (e === "top" || e === "bottom"), h = e === "top";
-  return u ? /* @__PURE__ */ a("svg", { x: c, y: h ? "100%" : 0, style: { overflow: "visible" }, children: /* @__PURE__ */ a("text", { ...Vu(h, l, r), ...d, children: o }) }) : /* @__PURE__ */ a("text", { ...Xu(e, c, l), ...d, children: o });
-}, Xu = (e, t, n) => {
+  return u ? /* @__PURE__ */ a("svg", { x: c, y: h ? "100%" : 0, style: { overflow: "visible" }, children: /* @__PURE__ */ a("text", { ...Uu(h, l, r), ...d, children: o }) }) : /* @__PURE__ */ a("text", { ...Vu(e, c, l), ...d, children: o });
+}, Vu = (e, t, n) => {
   switch (e) {
     case "bottom":
       return {
@@ -3784,7 +3789,7 @@ const co = ({ x: e, y: t, width: n, height: r, text: o, isRotated: i, target: c,
         dominantBaseline: "central"
       };
   }
-}, Vu = (e, t, n) => {
+}, Uu = (e, t, n) => {
   const r = e ? -t : t;
   return {
     x: 0,
@@ -3793,16 +3798,16 @@ const co = ({ x: e, y: t, width: n, height: r, text: o, isRotated: i, target: c,
     dominantBaseline: "central",
     transform: `rotate(${n}, 0, ${r})`
   };
-}, Uu = ({ formattedAxis: e, rect: t }) => {
+}, Yu = ({ formattedAxis: e, rect: t }) => {
   const n = e.position === "bottom" || e.position === "top";
   return /* @__PURE__ */ m("svg", { x: t.x, y: t.y, width: t.width, height: t.height, style: { overflow: "visible" }, children: [
-    dr,
+    ur,
     e.ticks.map((r, o) => {
-      const i = r.formattedLabel, c = n ? r.position : 1 - r.position, l = Yu(e.position, c, t);
+      const i = r.formattedLabel, c = n ? r.position : 1 - r.position, l = ju(e.position, c, t);
       return /* @__PURE__ */ m("g", { children: [
         e.ticksVisible && /* @__PURE__ */ a("line", { ...l, stroke: s.gridLineColor, strokeWidth: 1 }),
         /* @__PURE__ */ a(
-          $u,
+          Xu,
           {
             edge: e.position,
             areTicksVisible: e.ticksVisible,
@@ -3814,7 +3819,7 @@ const co = ({ x: e, y: t, width: n, height: r, text: o, isRotated: i, target: c,
       ] }, o);
     })
   ] });
-}, Yu = (e, t, n) => {
+}, ju = (e, t, n) => {
   const r = x(t);
   switch (e) {
     case "bottom":
@@ -3826,15 +3831,15 @@ const co = ({ x: e, y: t, width: n, height: r, text: o, isRotated: i, target: c,
     case "right":
       return { x1: 0, y1: r, x2: Fe, y2: r };
   }
-}, ju = ({ axes: e, rects: t }) => /* @__PURE__ */ a(T, { children: e.map((n) => {
+}, qu = ({ axes: e, rects: t }) => /* @__PURE__ */ a(T, { children: e.map((n) => {
   const r = t[n.position];
   if (!r || !n.isVisible) return null;
-  const o = qu(n.position, r);
+  const o = Ku(n.position, r);
   return /* @__PURE__ */ m("g", { transform: `translate(${r.x}, ${r.y})`, children: [
-    dr,
+    ur,
     /* @__PURE__ */ a("text", { style: { font: s.fontAxisLabel }, fill: s.textPrimary, ...o, children: n.label })
   ] }, `axis-label-${n.position}`);
-}) }), qu = (e, t) => {
+}) }), Ku = (e, t) => {
   const n = {
     x: t.width / 2,
     y: t.height / 2,
@@ -3842,15 +3847,15 @@ const co = ({ x: e, y: t, width: n, height: r, text: o, isRotated: i, target: c,
     dominantBaseline: "middle"
   };
   return e === "left" ? (n.x = 0, n.textAnchor = "start") : e === "right" && (n.x = t.width, n.textAnchor = "end"), n;
-}, Ku = ({ formattedAxes: e, tickRects: t }) => /* @__PURE__ */ a(T, { children: e.map((n) => {
+}, Ju = ({ formattedAxes: e, tickRects: t }) => /* @__PURE__ */ a(T, { children: e.map((n) => {
   const r = t[n.position];
-  return !r || !n.isVisible ? null : /* @__PURE__ */ a(Uu, { formattedAxis: n, rect: r }, n.scaleAestheticKey);
-}) }), Ju = ({ formattedAxes: e, labelRects: t }) => /* @__PURE__ */ a(ju, { axes: e, rects: t }), cn = {
+  return !r || !n.isVisible ? null : /* @__PURE__ */ a(Yu, { formattedAxis: n, rect: r }, n.scaleAestheticKey);
+}) }), Zu = ({ formattedAxes: e, labelRects: t }) => /* @__PURE__ */ a(qu, { axes: e, rects: t }), cn = {
   strokeWidth: s.gridLineWidth,
   strokeDashoffset: "0",
   strokeDasharray: s.gridLineDash,
   strokeLinecap: "round"
-}, Zu = ({ axes: e, panel: t, panelRect: n }) => /* @__PURE__ */ m(
+}, Qu = ({ axes: e, panel: t, panelRect: n }) => /* @__PURE__ */ m(
   "svg",
   {
     x: n.x,
@@ -3912,8 +3917,8 @@ const co = ({ x: e, y: t, width: n, height: r, text: o, isRotated: i, target: c,
     }
   );
 };
-var Qu = "_120wioc0";
-const eh = ({ panelRect: e }) => {
+var eh = "_120wioc0";
+const th = ({ panelRect: e }) => {
   const t = B((n) => n.annotations.textAnnotations);
   return t.length === 0 ? null : /* @__PURE__ */ a(
     "svg",
@@ -3935,8 +3940,8 @@ const eh = ({ panelRect: e }) => {
           children: /* @__PURE__ */ a(
             "div",
             {
-              className: Qu,
-              style: th(n.backgroundColor, n.backgroundColorStyle),
+              className: eh,
+              style: nh(n.backgroundColor, n.backgroundColorStyle),
               children: /* @__PURE__ */ a(De, { content: n.content })
             }
           )
@@ -3945,7 +3950,7 @@ const eh = ({ panelRect: e }) => {
       ))
     }
   );
-}, th = (e, t) => e === null || e === "transparent" ? { color: s.textPrimary } : t === "fade" ? {
+}, nh = (e, t) => e === null || e === "transparent" ? { color: s.textPrimary } : t === "fade" ? {
   color: s.textPrimary,
   backgroundColor: dt(e, s.grey100, 0.5),
   boxShadow: `0 0 0 1.5px ${dt(e, s.grey0, 0.2)}`
@@ -3954,8 +3959,8 @@ const eh = ({ panelRect: e }) => {
   backgroundColor: e,
   boxShadow: `0 0 0 1.5px ${je(e, 0.1)}`
 };
-var nh = "usd3ea0", rh = "usd3ea1";
-const oh = ({
+var rh = "usd3ea0", oh = "usd3ea1";
+const ah = ({
   layer: e,
   coordSystem: t,
   isAnimated: n,
@@ -3971,14 +3976,14 @@ const oh = ({
     "g",
     {
       className: re({
-        [rh]: r && o === "desaturate",
-        [nh]: r && o === "dim"
+        [oh]: r && o === "desaturate",
+        [rh]: r && o === "dim"
       }),
       children: c.render({ layer: e, coordSystem: t, isAnimated: n, formattingLocale: i })
     }
   );
 };
-function ah({
+function ih({
   plugin: e,
   layer: t,
   coordSystem: n,
@@ -3992,7 +3997,7 @@ function ah({
   }
   return o;
 }
-const ih = 4, sh = ({
+const sh = 4, lh = ({
   plugin: e,
   layer: t,
   matchedLayer: n,
@@ -4008,16 +4013,16 @@ const ih = 4, sh = ({
       textScale: y.config.appearance.textScale
     }))
   ), h = v(
-    () => ah({ plugin: e, layer: t, coordSystem: o, candidates: r }),
+    () => ih({ plugin: e, layer: t, coordSystem: o, candidates: r }),
     [e, t, o, r]
-  ), g = v(() => Uo(t), [t]), p = v(
-    () => Yo({ layer: t, numberFormat: d, locale: l }),
+  ), g = v(() => Yo(t), [t]), p = v(
+    () => jo({ layer: t, numberFormat: d, locale: l }),
     [d, t, l]
-  ), f = ao * kr * u;
+  ), f = io * Lr * u;
   return e === null || n === null && h.length === 0 ? null : /* @__PURE__ */ m(T, { children: [
     n ? e.render({ layer: n, coordSystem: o, isAnimated: i, formattingLocale: l }) : null,
     h.map(({ observation: y, observationIndex: S, anchor: k }) => /* @__PURE__ */ a(
-      lh,
+      ch,
       {
         observation: y,
         anchor: k,
@@ -4026,10 +4031,10 @@ const ih = 4, sh = ({
         formatYValue: p,
         labelFontSizePx: f
       },
-      ch(y, S)
+      dh(y, S)
     ))
   ] });
-}, lh = ({
+}, ch = ({
   observation: e,
   anchor: t,
   panelRect: n,
@@ -4037,16 +4042,16 @@ const ih = 4, sh = ({
   formatYValue: o,
   labelFontSizePx: i
 }) => {
-  const c = ve(), l = Ge(t.x), d = ze(t.y), u = (Re(e) ?? Jr) / 2, h = r(e), g = yn(h) ? o(h, e) : null, p = v(() => {
+  const c = ve(), l = Ge(t.x), d = ze(t.y), u = (Re(e) ?? Zr) / 2, h = r(e), g = bn(h) ? o(h, e) : null, p = v(() => {
     if (g === null) return null;
     const f = c.measureText(g, {
       family: ft,
       size: i,
-      weight: io
+      weight: so
     });
     return {
-      width: f.width + so * 2,
-      height: f.height + lo * 2
+      width: f.width + lo * 2,
+      height: f.height + co * 2
     };
   }, [g, c, i]);
   return /* @__PURE__ */ m(T, { children: [
@@ -4061,10 +4066,10 @@ const ih = 4, sh = ({
       }
     ),
     g !== null && p !== null && /* @__PURE__ */ a(
-      co,
+      uo,
       {
         x: l * n.width,
-        y: d * n.height - u - ih - p.height / 2,
+        y: d * n.height - u - sh - p.height / 2,
         width: p.width,
         height: p.height,
         text: g,
@@ -4075,10 +4080,10 @@ const ih = 4, sh = ({
       }
     )
   ] });
-}, ch = (e, t) => {
-  const n = e[we.group];
+}, dh = (e, t) => {
+  const n = e[Ae.group];
   return `${String(n ?? "")}\0${t}`;
-}, dh = ({ layer: e, coordSystem: t, panelRect: n }) => {
+}, uh = ({ layer: e, coordSystem: t, panelRect: n }) => {
   const { primary: r, group: o, related: i } = Tt(
     j((d) => ({
       primary: d.hover.primary,
@@ -4099,8 +4104,8 @@ const ih = 4, sh = ({
     panelRect: n
   }) : l.length === 0 ? null : c.renderHoverCompanions({ layer: e, primary: r, related: l });
 };
-var uh = "to1jkx0", hh = "to1jkx1";
-const gh = ({ shouldAnimate: e, panelRect: t, formattingLocale: n }) => {
+var hh = "to1jkx0", gh = "to1jkx1";
+const ph = ({ shouldAnimate: e, panelRect: t, formattingLocale: n }) => {
   const { layers: r, coordSystem: o, highlightStyle: i } = B(
     j((c) => ({
       layers: c.layers,
@@ -4115,11 +4120,11 @@ const gh = ({ shouldAnimate: e, panelRect: t, formattingLocale: n }) => {
       y: t.y,
       width: t.width,
       height: t.height,
-      className: uh,
+      className: hh,
       "data-testid": "geom-layers",
       children: r.map((c) => /* @__PURE__ */ m(hn, { children: [
         /* @__PURE__ */ a(
-          mh,
+          vh,
           {
             layer: c,
             coordSystem: o,
@@ -4129,14 +4134,14 @@ const gh = ({ shouldAnimate: e, panelRect: t, formattingLocale: n }) => {
             formattingLocale: n
           }
         ),
-        /* @__PURE__ */ a(dh, { layer: c, coordSystem: o, panelRect: t })
-      ] }, `${c.id}-${ph(o)}`))
+        /* @__PURE__ */ a(uh, { layer: c, coordSystem: o, panelRect: t })
+      ] }, `${c.id}-${fh(o)}`))
     }
   );
-}, ph = (e) => e.type === "cartesian" ? `cartesian-${e.mainAxis}` : e.type, fh = (e) => {
+}, fh = (e) => e.type === "cartesian" ? `cartesian-${e.mainAxis}` : e.type, mh = (e) => {
   if (e.geom !== "rule")
-    return hh;
-}, mh = ({
+    return gh;
+}, vh = ({
   layer: e,
   coordSystem: t,
   highlightStyle: n,
@@ -4145,9 +4150,9 @@ const gh = ({ shouldAnimate: e, panelRect: t, formattingLocale: n }) => {
   formattingLocale: i
 }) => {
   const c = v(() => qe(e, t), [e, t]), l = e.highlight;
-  return /* @__PURE__ */ m("g", { className: fh(e), children: [
+  return /* @__PURE__ */ m("g", { className: mh(e), children: [
     /* @__PURE__ */ a(
-      oh,
+      ah,
       {
         layer: e,
         coordSystem: t,
@@ -4158,7 +4163,7 @@ const gh = ({ shouldAnimate: e, panelRect: t, formattingLocale: n }) => {
       }
     ),
     l !== null && /* @__PURE__ */ a(
-      sh,
+      lh,
       {
         plugin: c,
         layer: e,
@@ -4172,8 +4177,8 @@ const gh = ({ shouldAnimate: e, panelRect: t, formattingLocale: n }) => {
     )
   ] });
 };
-var vh = "_17uhij30";
-const yh = ({
+var yh = "_17uhij30";
+const bh = ({
   formattedAxes: e,
   panelGuide: t,
   plotRect: n,
@@ -4184,34 +4189,34 @@ const yh = ({
   formattingLocale: l
 }) => {
   const d = C(null);
-  Su(d);
-  const u = Q("Grid", Zu), h = Q("AxisTicks", Ku), g = Q("AxisLabel", Ju), p = v(() => uo(r, n), [r, n]), f = v(() => un(o, n), [o, n]), y = v(() => un(i, n), [i, n]);
+  ku(d);
+  const u = Q("Grid", Qu), h = Q("AxisTicks", Ju), g = Q("AxisLabel", Zu), p = v(() => ho(r, n), [r, n]), f = v(() => un(o, n), [o, n]), y = v(() => un(i, n), [i, n]);
   return /* @__PURE__ */ m(
     "svg",
     {
       ref: d,
-      className: vh,
+      className: yh,
       width: n.width,
       height: n.height,
       style: { transform: `translate(${n.x}px, ${n.y}px)` },
       "data-testid": "plot",
       children: [
         /* @__PURE__ */ a(u, { axes: e, panel: t, panelRect: p }),
-        /* @__PURE__ */ a(gu, { panelRect: p }),
+        /* @__PURE__ */ a(pu, { panelRect: p }),
         /* @__PURE__ */ a(h, { formattedAxes: e, tickRects: f }),
         /* @__PURE__ */ a(g, { formattedAxes: e, labelRects: y }),
         /* @__PURE__ */ a(dn, { panelRect: p, zOrder: "background" }),
-        /* @__PURE__ */ a(gh, { shouldAnimate: c, panelRect: p, formattingLocale: l }),
-        /* @__PURE__ */ a(Fu, { panelRect: p, formattingLocale: l }),
-        /* @__PURE__ */ a(Iu, { panelRect: p, formattingLocale: l }),
+        /* @__PURE__ */ a(ph, { shouldAnimate: c, panelRect: p, formattingLocale: l }),
+        /* @__PURE__ */ a(Nu, { panelRect: p, formattingLocale: l }),
+        /* @__PURE__ */ a(Mu, { panelRect: p, formattingLocale: l }),
         /* @__PURE__ */ a(dn, { panelRect: p, zOrder: "foreground" }),
-        /* @__PURE__ */ a(Wu, { panelRect: p }),
-        /* @__PURE__ */ a(eh, { panelRect: p }),
-        /* @__PURE__ */ a(xu, { panelRect: p })
+        /* @__PURE__ */ a($u, { panelRect: p }),
+        /* @__PURE__ */ a(th, { panelRect: p }),
+        /* @__PURE__ */ a(Su, { panelRect: p })
       ]
     }
   );
-}, uo = (e, t) => ({
+}, ho = (e, t) => ({
   x: e.x - t.x,
   y: e.y - t.y,
   width: e.width,
@@ -4219,25 +4224,25 @@ const yh = ({
 }), un = (e, t) => {
   const n = {};
   for (const [r, o] of Object.entries(e))
-    n[r] = uo(o, t);
+    n[r] = ho(o, t);
   return n;
 }, st = {
   headerSize: { width: 0, height: 0 },
   footerSize: { width: 0, height: 0 }
-}, bh = () => {
+}, xh = () => {
   const [e, t] = E(null), [n, r] = E(null), [o, i] = E(st);
   return L(() => {
     const c = () => {
       const d = e ? { width: e.offsetWidth, height: e.offsetHeight } : st.headerSize, u = n ? { width: n.offsetWidth, height: n.offsetHeight } : st.footerSize;
-      i((h) => xh(h, { headerSize: d, footerSize: u }) ? { headerSize: d, footerSize: u } : h);
+      i((h) => Sh(h, { headerSize: d, footerSize: u }) ? { headerSize: d, footerSize: u } : h);
     };
     c();
     const l = new ResizeObserver(c);
     return e && l.observe(e), n && l.observe(n), () => l.disconnect();
   }, [e, n]), { headerRef: t, footerRef: r, measurements: o };
-}, xh = (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, Sh = ({ appearance: e, isEditable: t, style: n, children: r }) => {
-  const { theme: o, themeClass: i, inlineVarsStyle: c } = _t(), l = os(e.border), d = Math.max(0, e.cornerRadius), u = d === 0 ? 0 : d + l, h = v(() => {
-    const f = { ...n, borderRadius: `${u}px`, ...c }, y = rs(e.border, o);
+}, Sh = (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, kh = ({ appearance: e, isEditable: t, style: n, children: r }) => {
+  const { theme: o, themeClass: i, inlineVarsStyle: c } = _t(), l = as(e.border), d = Math.max(0, e.cornerRadius), u = d === 0 ? 0 : d + l, h = v(() => {
+    const f = { ...n, borderRadius: `${u}px`, ...c }, y = os(e.border, o);
     return y !== null && (f.background = y), f;
   }, [n, u, c, e.border, o]), g = v(
     () => ({
@@ -4246,19 +4251,19 @@ const yh = ({
     }),
     [l, d]
   ), p = t && e.background.type === "solid" && e.background.color === "transparent";
-  return /* @__PURE__ */ a("div", { "data-testid": "graph-wrapper", className: re(ls, i), style: h, children: /* @__PURE__ */ a(
+  return /* @__PURE__ */ a("div", { "data-testid": "graph-wrapper", className: re(cs, i), style: h, children: /* @__PURE__ */ a(
     "div",
     {
       "data-testid": "graph-inner",
-      className: re(ds, { [us]: p }),
+      className: re(us, { [hs]: p }),
       style: g,
       children: r
     }
   ) });
-}, ag = ({ slots: e, ...t }) => {
+}, ig = ({ slots: e, ...t }) => {
   const { formattingLocale: n } = me(), r = B((o) => o.config.parsingLocale);
-  return /* @__PURE__ */ a($a, { children: /* @__PURE__ */ a(Hc, { children: /* @__PURE__ */ a(Qo, { locale: n ?? r, children: /* @__PURE__ */ a(Ka, { slots: e, children: /* @__PURE__ */ a(kh, { ...t }) }) }) }) });
-}, kh = ({
+  return /* @__PURE__ */ a(Xa, { children: /* @__PURE__ */ a(Fc, { children: /* @__PURE__ */ a(ea, { locale: n ?? r, children: /* @__PURE__ */ a(Ja, { slots: e, children: /* @__PURE__ */ a(Lh, { ...t }) }) }) }) });
+}, Lh = ({
   width: e,
   height: t,
   isAnimated: n,
@@ -4291,27 +4296,27 @@ const yh = ({
       headlineConfig: G.config.headline,
       content: G.config.content
     }))
-  ), w = Zo(), { headerRef: A, footerRef: I, measurements: _ } = bh(), { formattingLocale: $, theme: Ke, themeOverrides: Je } = me(), Ae = v(() => br(Ke, Je), [Ke, Je]), ho = Q("Header", jl), go = Q("Footer", Bl), po = Q("Legend", cd), fo = Q("Headline", mc), Bt = v(
-    () => jo({ legends: d, numberFormat: u, parsingLocale: h, formattingLocale: $ }),
-    [d, u, h, $]
-  ), be = v(
-    () => qo({ headline: y, show: S.show, numberFormat: u, parsingLocale: h, formattingLocale: $, t: i }),
-    [y, S.show, u, h, $, i]
-  ), mo = ve(), Ze = g.border.type === "none" ? 0 : g.border.width, Qe = v(
+  ), w = Qo(), { headerRef: A, footerRef: I, measurements: _ } = xh(), { formattingLocale: V, theme: Ke, themeOverrides: Je } = me(), be = v(() => xr(Ke, Je), [Ke, Je]), go = Q("Header", ql), po = Q("Footer", Il), fo = Q("Legend", dd), mo = Q("Headline", vc), Bt = v(
+    () => qo({ legends: d, numberFormat: u, parsingLocale: h, formattingLocale: V }),
+    [d, u, h, V]
+  ), xe = v(
+    () => Ko({ headline: y, show: S.show, numberFormat: u, parsingLocale: h, formattingLocale: V, t: i }),
+    [y, S.show, u, h, V, i]
+  ), vo = ve(), Ze = g.border.type === "none" ? 0 : g.border.width, Qe = v(
     () => ({
       width: Math.max(0, e - 2 * Ze),
       height: Math.max(0, t - 2 * Ze)
     }),
     [e, t, Ze]
   ), Ee = v(
-    () => be ? {
-      formatted: be,
+    () => xe ? {
+      formatted: xe,
       size: S.size,
       position: S.position,
       innerRadius: f.type === "polar" ? f.innerRadius : 0
     } : void 0,
-    [be, S.size, S.position, f]
-  ), vo = Ja(), _e = ji(mo, g.textScale, Ae, vo), xe = qi({
+    [xe, S.size, S.position, f]
+  ), yo = Za(), _e = qi(vo, g.textScale, be, yo), Se = Ki({
     measurer: _e,
     axes: c,
     numberFormat: u,
@@ -4320,22 +4325,23 @@ const yh = ({
     containerSize: Qe,
     externalMeasurements: _,
     headline: Ee,
-    formattingLocale: $,
+    formattingLocale: V,
     annotations: p,
     coordSystem: f,
-    textScale: g.textScale
-  }), Pe = v(() => !xe || !Ee || !_e ? null : Ko({
+    textScale: g.textScale,
+    graphPadding: be.graphPadding
+  }), Pe = v(() => !Se || !Ee || !_e ? null : Jo({
     headline: Ee,
-    layout: xe.layout,
+    layout: Se.layout,
     containerSize: Qe,
     measurer: _e,
-    itemGap: Ae.headlineItemGap
-  }), [xe, Ee, Qe, _e, Ae.headlineItemGap]);
-  if (!xe) return null;
-  const { layout: ne, formattedAxes: yo } = xe;
-  return /* @__PURE__ */ a(ps, { theme: Ke, themeOverrides: Je, appearance: g, children: /* @__PURE__ */ a(Mi, { metrics: Ae, children: /* @__PURE__ */ m(Sh, { appearance: g, isEditable: o === "editable", style: { width: e, height: t }, children: [
+    itemGap: be.headlineItemGap
+  }), [Se, Ee, Qe, _e, be.headlineItemGap]);
+  if (!Se) return null;
+  const { layout: ne, formattedAxes: bo } = Se;
+  return /* @__PURE__ */ a(fs, { theme: Ke, themeOverrides: Je, appearance: g, children: /* @__PURE__ */ a(Di, { metrics: be, children: /* @__PURE__ */ m(kh, { appearance: g, isEditable: o === "editable", style: { width: e, height: t }, children: [
     /* @__PURE__ */ a(
-      ho,
+      go,
       {
         ref: A,
         headerRect: ne.header,
@@ -4347,20 +4353,20 @@ const yh = ({
       }
     ),
     /* @__PURE__ */ a(
-      yh,
+      bh,
       {
-        formattedAxes: yo,
+        formattedAxes: bo,
         panelGuide: l,
         plotRect: ne.plot,
         panelRect: ne.panel,
         axisRects: ne.axes,
         axisLabelRects: ne.axisLabels,
         shouldAnimate: n ?? !w,
-        formattingLocale: $ ?? h
+        formattingLocale: V ?? h
       }
     ),
     /* @__PURE__ */ a(
-      go,
+      po,
       {
         ref: I,
         footerRect: ne.footer,
@@ -4371,35 +4377,35 @@ const yh = ({
         isSourceVisible: k.isSourceVisible
       }
     ),
-    /* @__PURE__ */ a(po, { formattedLegends: Bt, rects: ne.legends, textScale: g.textScale }),
-    be && Pe && /* @__PURE__ */ a(
-      fo,
+    /* @__PURE__ */ a(fo, { formattedLegends: Bt, rects: ne.legends, textScale: g.textScale }),
+    xe && Pe && /* @__PURE__ */ a(
+      mo,
       {
-        headline: be,
+        headline: xe,
         rect: Pe.rect,
         resolvedSize: Pe.resolvedSize,
         visibleItemCount: Pe.visibleItemCount
       }
     ),
-    r && /* @__PURE__ */ a(hi, {})
+    r && /* @__PURE__ */ a(gi, {})
   ] }) }) });
 };
 export {
   Ht as CanvasTextMeasurer,
-  Bl as DefaultFooter,
-  Zu as DefaultGrid,
-  jl as DefaultHeader,
-  gi as DefaultTooltip,
-  og as DevToolsPanel,
-  rg as GraphProvider,
-  ag as GraphRenderer,
-  $a as HoverProvider,
-  Hc as TextMeasurerProvider,
-  ps as ThemeProvider,
-  gs as darkTheme,
-  hs as lightTheme,
+  Il as DefaultFooter,
+  Qu as DefaultGrid,
+  ql as DefaultHeader,
+  pi as DefaultTooltip,
+  ag as DevToolsPanel,
+  og as GraphProvider,
+  ig as GraphRenderer,
+  Xa as HoverProvider,
+  Fc as TextMeasurerProvider,
+  fs as ThemeProvider,
+  ps as darkTheme,
+  gs as lightTheme,
   B as useCompiledSelector,
-  zn as useGraphCommandDispatcher,
+  Gn as useGraphCommandDispatcher,
   Tt as useHoverState,
   ve as useTextMeasurer,
   s as vars