@graphysdk/react-renderer 0.0.1-experimental.1 → 0.0.1-experimental.3

package/dist/index.mjs

@@ -1,45 +1,45 @@
 import './index.css';
-import { jsx as a, jsxs as f, Fragment as C } from "react/jsx-runtime";
-import ne, { clsx as ce } from "clsx";
-import yo, { useMemo as v, useState as E, useRef as T, useEffect as L, useCallback as mt, useContext as re, createContext as fe, useId as vt, Fragment as un, memo as oe } from "react";
-import { useStore as Ce } from "zustand";
-import { isGraphConfig as bo, createCompiler as xo, convertSpecToInput as So, isCompilerCachingEnabled as ko, setCompilerCachingEnabled as Lo, COMPILER_STAGE_KEYS as yt, RESTING_HOVER_STATE as hn, HoverEngine as Co, buildTooltipContent as To, getDifferenceArrowDimensions as wo, createHeadlineItemRows as gn, LayoutCompiler as Ao, BORDER_PRESET_GRADIENTS as Eo, isSafeUrl as pn, SetContentCaptionCommand as _o, SetContentTitleCommand as Po, SetContentSubtitleCommand as Ho, computeDirectLabelsLayout as Fo, buildFontString as No, CachedTextMeasurer as Bt, HeuristicTextMeasurer as Bo, getColor as z, getAlpha as W, getSize as Re, toPercent as x, toViewBoxY as ze, toViewBoxX as Ge, createAreaPathGenerators as fn, createStableKeyGenerator as We, GROUP_VARIABLES as we, prepareAreaObservations as mn, resolveStrokeWidth as $e, getDashArray as Xe, getLineType as Ve, isDefined as vn, getGroup as yn, getX as ue, getYMax as Io, getY as he, getXMax as Mo, getBarRectBounds as bn, createLinePathGenerator as xn, prepareLineObservations as Sn, getStrokeWidth as Do, buildAverageLineSymbols as Oo, formatRuleValue as Ro, getAngleExtent as kn, getRadiusExtent as Ln, buildPolarBarArcPath as Ie, getHoverGuideRectProps as zo, getHoverGuideLineProps as Go, buildDataLabelsContent as Wo, computeDifferenceArrow as $o, computeFreeformArrow as Xo, createSegmentYReader as Vo, buildLayerYValueFormatter as Uo, formatLegends as Yo, formatHeadline as qo, resolveHeadlinePlacement as jo } from "@graphysdk/viz-engine";
+import { jsx as a, jsxs as m, Fragment as T } from "react/jsx-runtime";
+import re, { clsx as ce } from "clsx";
+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 Cn, animate as Ko, motion as Y, useSpring as It, useReducedMotion as Jo } from "motion/react";
-import { useShallow as q } from "zustand/react/shallow";
-import { useI18n as J, IntlProvider as Zo } from "@graphysdk/i18n/react";
-import { useFloating as xt, offset as St, flip as kt, shift as Lt, autoUpdate as Qo } from "@floating-ui/react-dom";
-import { Extension as ea } from "@tiptap/core";
-import { Bold as Tn } from "@tiptap/extension-bold";
+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 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 wn } from "@tiptap/extension-hard-break";
-import { Heading as An } from "@tiptap/extension-heading";
-import { Italic as En } from "@tiptap/extension-italic";
-import { Link as _n } from "@tiptap/extension-link";
-import { Text as Pn } from "@tiptap/extension-text";
-import { TextAlign as Hn } from "@tiptap/extension-text-align";
-import { TextStyle as Fn, Color as Nn, FontFamily as Bn } from "@tiptap/extension-text-style";
-import { Underline as In } from "@tiptap/extension-underline";
-import { UndoRedo as Mn, Placeholder as Dn } from "@tiptap/extensions";
-import { Paragraph as ta } from "@tiptap/extension-paragraph";
-import { useEditorState as na, EditorContent as ra, useEditor as oa } 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 aa } from "react-dom";
-import { assignInlineVars as ia } 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 sa, HexColorInput as la } 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 ca } from "@base-ui/react/toggle";
-import { interpolatePath as da } 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.1");
-const ua = 5, ha = (e) => {
+typeof window < "u" && (window.__GRAPHY_SDK__ ??= {}, window.__GRAPHY_SDK__.reactRenderer = "0.0.1-experimental.3");
+const ga = 5, pa = (e) => {
   if (process.env.NODE_ENV === "production")
     return {
       emit: () => {
       },
-      subscribe: () => pa,
+      subscribe: () => ma,
       getLastTrigger: () => null,
       getLastCompile: () => null,
       getCacheStats: () => e.getCacheStats()
@@ -61,7 +61,7 @@ const ua = 5, ha = (e) => {
     getLastCompile: () => e.getLastCompile(),
     getCacheStats: () => e.getCacheStats()
   };
-}, ga = () => bt((e) => ({
+}, fa = () => bt((e) => ({
   lastCompile: null,
   history: [],
   nextId: 1,
@@ -70,19 +70,19 @@ const ua = 5, ha = (e) => {
     if (r.lastSnapshot === n) return r;
     const o = {
       id: r.nextId,
-      label: fa(t),
+      label: va(t),
       stages: n.stages,
       durationMs: n.durationMs
     };
     return {
       lastCompile: o,
-      history: ma(r.history, o, ua),
+      history: ya(r.history, o, ga),
       nextId: r.nextId + 1,
       lastSnapshot: n
     };
   })
-})), pa = () => {
-}, fa = (e) => {
+})), ma = () => {
+}, va = (e) => {
   switch (e.kind) {
     case "init":
       return "init";
@@ -93,18 +93,18 @@ const ua = 5, ha = (e) => {
     case "command":
       return e.command.metadata.description;
   }
-}, ma = (e, t, n) => {
+}, ya = (e, t, n) => {
   const r = e.length >= n ? e.length - (n - 1) : 0;
   return [...e.slice(r), t];
-}, va = (e) => bt((t) => ({
+}, ba = (e) => bt((t) => ({
   compiled: e,
   setCompiled: (n) => t((r) => r.compiled === n ? r : { compiled: n })
 }));
-function ya(e, t) {
-  const n = bo(e) ? e.themeOverrides : void 0;
+function xa(e, t) {
+  const n = So(e) ? e.themeOverrides : void 0;
   return v(() => ({ ...t, ...n }), [t, n]);
 }
-const On = fe(null), Kh = ({
+const zn = fe(null), og = ({
   data: e,
   input: t,
   formattingLocale: n,
@@ -114,70 +114,70 @@ const On = fe(null), Kh = ({
   themeOverrides: c,
   children: l
 }) => {
-  const [d] = E(() => xo()), [u] = E(() => ha(d)), h = ya(t, c), g = v(() => ({ customPalettes: o, theme: i }), [o, i]), [m] = 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" }), va(k);
-  }), p = T({ input: t, data: e, ctx: g });
+    return u.emit({ kind: "init" }), ba(k);
+  }), f = C({ input: t, data: e, ctx: g });
   L(() => {
-    const k = t !== p.current.input, w = e !== p.current.data, A = g !== p.current.ctx;
+    const k = t !== f.current.input, w = e !== f.current.data, A = g !== f.current.ctx;
     if (!k && !w && !A) return;
-    const I = m.getState(), _ = k || A ? d.compile({ input: t, data: e, ctx: g }) : d.recompile({ spec: I.compiled.spec, data: e });
-    p.current = { input: t, data: e, ctx: g }, I.setCompiled(_), u.emit({ kind: k ? "input" : "data" });
-  }, [t, e, g, d, m, u]);
+    const I = p.getState(), _ = k || A ? d.compile({ input: t, data: e, ctx: g }) : d.recompile({ spec: I.compiled.spec, data: e });
+    f.current = { input: t, data: e, ctx: g }, I.setCompiled(_), u.emit({ kind: k ? "input" : "data" });
+  }, [t, e, g, d, p, u]);
   const y = mt(
     (k) => {
-      const w = m.getState(), A = k.apply(w.compiled.spec);
+      const w = p.getState(), A = k.apply(w.compiled.spec);
       if (!A) return;
       const I = d.recompile({ spec: A.spec });
       if (w.setCompiled(I), u.emit({ kind: "command", command: k }), !r) return;
-      const _ = So(A.spec);
-      p.current = { input: _, data: p.current.data, ctx: p.current.ctx }, r(_);
+      const _ = Lo(A.spec);
+      f.current = { input: _, data: f.current.data, ctx: f.current.ctx }, r(_);
     },
-    [r, d, u, m]
+    [r, d, u, p]
   ), S = v(
-    () => ({ store: m, dispatch: y, formattingLocale: n, compileBus: u, theme: i, themeOverrides: h }),
-    [m, y, n, u, i, h]
+    () => ({ store: p, dispatch: y, formattingLocale: n, compileBus: u, theme: i, themeOverrides: h }),
+    [p, y, n, u, i, h]
   );
-  return /* @__PURE__ */ a(On.Provider, { value: S, children: l });
+  return /* @__PURE__ */ a(zn.Provider, { value: S, children: l });
 }, me = () => {
-  const e = re(On);
+  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));
-}, Rn = () => {
+  return Te(t, (n) => e(n.compiled));
+}, Gn = () => {
   const { dispatch: e } = me();
   return e;
 };
-var ba = "drqe3u0", xa = "drqe3u1", Sa = "drqe3u2", ka = "drqe3u3", He = "drqe3u4", La = "drqe3u5", Ca = "drqe3u6", Ta = "drqe3u7", et = "drqe3u8", wa = "drqe3u9", Aa = "drqe3ua", Ea = "drqe3ub", _a = "drqe3uc", Pa = "drqe3ud", Ha = "drqe3ue", Fa = "drqe3uf", Na = "drqe3ug", Ba = "drqe3uh", Ia = "drqe3ui", Mt = { enabled: "drqe3uk drqe3uj", disabled: "drqe3ul drqe3uj" }, Dt = { ran: "drqe3un drqe3um", dim: "drqe3uo drqe3um" }, zn = { ran: "drqe3uq drqe3up", cached: "drqe3ur drqe3up", untouched: "drqe3us drqe3up" };
-const Jh = ({ width: e = 380, style: t, className: n } = {}) => {
-  const { compileBus: r } = me(), [o] = E(() => ga()), [i, c] = E(!1), [l, d] = E(ko);
+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(), m = u === null && h.length === 0, p = () => {
+  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 Lo(S), S;
+      return To(S), S;
     });
   };
-  return /* @__PURE__ */ f("div", { className: ne(Aa, n), style: { width: e, ...t }, children: [
-    /* @__PURE__ */ f("div", { className: ba, children: [
-      /* @__PURE__ */ f("div", { children: [
-        /* @__PURE__ */ a("div", { className: xa, children: "compile cache" }),
-        /* @__PURE__ */ a("div", { className: Ha, children: m ? "production: stats disabled" : u ? `last: ${u.label} · ${Gn(u.durationMs)}` : "awaiting first compile…" })
+  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: 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: Fa, children: i ? "▾" : "▴" })
+      /* @__PURE__ */ a("button", { type: "button", onClick: () => c((y) => !y), className: Ba, children: i ? "▾" : "▴" })
     ] }),
-    !i && /* @__PURE__ */ f("div", { className: Ea, children: [
-      /* @__PURE__ */ f(
+    !i && /* @__PURE__ */ m("div", { className: Pa, children: [
+      /* @__PURE__ */ m(
         "button",
         {
           type: "button",
-          onClick: p,
-          className: l ? Mt.enabled : Mt.disabled,
+          onClick: f,
+          className: l ? Dt.enabled : Dt.disabled,
           "aria-pressed": l,
           children: [
             "cache ",
@@ -185,63 +185,63 @@ const Jh = ({ width: e = 380, style: t, className: n } = {}) => {
           ]
         }
       ),
-      /* @__PURE__ */ a("span", { className: Na, children: "next compile reflects this toggle" })
+      /* @__PURE__ */ a("span", { className: Ia, children: "next compile reflects this toggle" })
     ] }),
-    !i && !m && /* @__PURE__ */ f(C, { children: [
-      /* @__PURE__ */ a(Ma, { delta: u?.stages, cumulative: g }),
-      /* @__PURE__ */ a(Da, { entries: h })
+    !i && !p && /* @__PURE__ */ m(T, { children: [
+      /* @__PURE__ */ a(Oa, { delta: u?.stages, cumulative: g }),
+      /* @__PURE__ */ a(Ra, { entries: h })
     ] })
   ] });
-}, Ma = ({ delta: e, cumulative: t }) => /* @__PURE__ */ f("table", { className: Sa, children: [
-  /* @__PURE__ */ a("thead", { children: /* @__PURE__ */ f("tr", { className: Ba, children: [
-    /* @__PURE__ */ a("th", { className: ka, 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 = Oa(r);
-    return /* @__PURE__ */ f("tr", { className: _a, children: [
-      /* @__PURE__ */ f("td", { className: La, children: [
-        /* @__PURE__ */ a("span", { className: zn[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
       ] }),
-      /* @__PURE__ */ a("td", { className: o === "ran" ? Dt.ran : Dt.dim, children: r?.misses ?? 0 }),
+      /* @__PURE__ */ a("td", { className: o === "ran" ? Ot.ran : Ot.dim, children: r?.misses ?? 0 }),
       /* @__PURE__ */ a("td", { className: et, children: r?.hits ?? 0 }),
       /* @__PURE__ */ a("td", { className: et, children: t[n].misses }),
       /* @__PURE__ */ a("td", { className: et, children: t[n].hits })
     ] }, n);
   }) })
-] }), Da = ({ entries: e }) => e.length === 0 ? null : /* @__PURE__ */ f("div", { className: Pa, children: [
-  /* @__PURE__ */ a("div", { className: Ia, 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 = Ra(t.stages, (i) => i.misses > 0), r = yt.length;
-    return /* @__PURE__ */ f("div", { className: Ca, children: [
-      /* @__PURE__ */ a("span", { className: zn[n === 0 ? "cached" : "ran"], "aria-hidden": !0 }),
-      /* @__PURE__ */ a("span", { className: Ta, title: t.label, children: t.label }),
-      /* @__PURE__ */ f("span", { className: wa, 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 · ",
-        Gn(t.durationMs)
+        $n(t.durationMs)
       ] })
     ] }, t.id);
   })
-] }), Oa = (e) => !e || e.hits === 0 && e.misses === 0 ? "untouched" : e.misses > 0 ? "ran" : "cached", Ra = (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;
-}, Gn = (e) => e >= 10 ? `${e.toFixed(0)}ms` : `${e.toFixed(2)}ms`, za = () => bt((e) => ({
-  hover: hn,
+}, $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 })
-})), Ga = (e, t) => {
-  const n = v(() => ({ layers: e, coordSystem: t }), [e, t]), r = T(null);
-  r.current === null && (r.current = new Co(n));
-  const o = r.current, i = T(!1);
+})), $a = (e, t) => {
+  const n = v(() => ({ layers: e, coordSystem: t }), [e, t]), r = C(null);
+  r.current === null && (r.current = new wo(n));
+  const o = r.current, i = C(!1);
   return L(() => {
     if (!i.current) {
       i.current = !0;
@@ -249,38 +249,38 @@ const Jh = ({ width: e = 380, style: t, className: n } = {}) => {
     }
     o.update(n);
   }, [o, n]), o;
-}, Wn = fe(null), Wa = ({ children: e }) => {
+}, Xn = fe(null), Xa = ({ children: e }) => {
   const { layers: t, coordSystem: n } = B(
-    q((l) => ({ layers: l.layers, coordSystem: l.coordSystem }))
-  ), r = Ga(t, n), [o] = E(() => za()), i = T(null), c = T(null);
-  return c.current === null && (c.current = { engine: r, store: o, overlayRef: i }), /* @__PURE__ */ a(Wn.Provider, { value: c.current, children: e });
+    j((l) => ({ layers: l.layers, coordSystem: l.coordSystem }))
+  ), 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 = re(Wn);
+  const e = ee(Xn);
   if (e === null)
     throw new Error("useHoverContext must be used inside a <HoverProvider>.");
   return e;
 };
-var $a = "_2qyyu60";
-const Ot = 2, Xa = 12, Va = 12, Rt = 1, zt = 2, Ua = 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 = Xa,
-  height: o = Va
+  width: r = Ua,
+  height: o = Ya
 }) => /* @__PURE__ */ a(
   "svg",
   {
-    className: $a,
+    className: Va,
     width: r,
     height: o,
     viewBox: `0 0 ${r} ${o}`,
     "aria-hidden": !0,
     "data-testid": "chart-swatch",
     "data-shape": e,
-    children: Ya({ shape: e, color: t, lineType: n, width: r, height: o })
+    children: qa({ shape: e, color: t, lineType: n, width: r, height: o })
   }
-), Ya = ({ 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 });
@@ -293,7 +293,7 @@ const Ot = 2, Xa = 12, Va = 12, Rt = 1, zt = 2, Ua = 4, Ye = ({
           x2: i.x2,
           y2: o / 2,
           stroke: t,
-          strokeWidth: Ot,
+          strokeWidth: Rt,
           strokeLinecap: i.linecap,
           strokeDasharray: i.dashArray
         }
@@ -304,7 +304,7 @@ const Ot = 2, Xa = 12, Va = 12, Rt = 1, zt = 2, Ua = 4, Ye = ({
     }
     case "area": {
       const c = o / 2 - 1;
-      return /* @__PURE__ */ f(C, { children: [
+      return /* @__PURE__ */ m(T, { children: [
         /* @__PURE__ */ a("rect", { x: 1, y: c, width: r - 2, height: o - c - 1, fill: t, opacity: 0.45 }),
         /* @__PURE__ */ a(
           "line",
@@ -314,7 +314,7 @@ const Ot = 2, Xa = 12, Va = 12, Rt = 1, zt = 2, Ua = 4, Ye = ({
             x2: i.x2,
             y2: c,
             stroke: t,
-            strokeWidth: Ot,
+            strokeWidth: Rt,
             strokeLinecap: i.linecap,
             strokeDasharray: i.dashArray
           }
@@ -324,26 +324,40 @@ const Ot = 2, Xa = 12, Va = 12, Rt = 1, zt = 2, Ua = 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 - Rt * (zt - 1)) / zt;
-    return { x1: 0, x2: t, dashArray: `${r} ${Rt}`, linecap: "butt" };
+    const r = (t - zt * (Gt - 1)) / Gt;
+    return { x1: 0, x2: t, dashArray: `${r} ${zt}`, linecap: "butt" };
   }
-  const n = t / (Ua - 1);
+  const n = t / (ja - 1);
   return { x1: 0, x2: t, dashArray: `1 ${n}`, linecap: "round" };
-}, $n = Object.freeze({}), Xn = fe($n), ja = ({ slots: e, children: t }) => /* @__PURE__ */ a(Xn.Provider, { value: e ?? $n, children: t });
-function te(e, t) {
-  return re(Xn)[e] ?? 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" && Qa(n) ? n.render : n;
 }
-function Ct(e) {
+function Za() {
+  const e = ee(Ct);
+  return {
+    measureAxis: e.AxisTicks?.measure,
+    measureAxisLabel: e.AxisLabel?.measure,
+    measureLegend: e.Legend?.measure,
+    measureHeadline: e.Headline?.measure.measureHeadline,
+    measureHeadlineItemWidths: e.Headline?.measure.measureHeadlineItemWidths
+  };
+}
+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 Ka = "_19519k80", Ja = "_19519k81", Za = "_19519k82", Qa = "_19519k83", ei = "_19519k85", ti = "_19519k86", ni = "_19519k87", ri = "_19519k88", oi = "_19519k89";
-const ai = (e) => {
-  const { overlayRef: t } = Ue(), n = T(null), [r, o] = E(!1), i = T(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;
     if (!c) return;
@@ -356,7 +370,7 @@ const ai = (e) => {
       c.removeEventListener("pointermove", l), c.removeEventListener("pointerleave", d);
     };
   }, [t]), { cursorRef: n, isInside: r };
-}, ii = 16, si = 8, li = {
+}, di = 16, ui = 8, hi = {
   x: 0,
   y: 0,
   top: 0,
@@ -366,49 +380,49 @@ const ai = (e) => {
   width: 0,
   height: 0,
   toJSON: () => ({})
-}, ci = () => {
+}, gi = () => {
   const e = B(
-    q((p) => ({
-      layers: p.layers,
-      coordSystem: p.coordSystem,
-      scales: p.scales,
-      guides: p.guides,
-      numberFormat: p.config.numberFormat,
-      parsingLocale: p.config.parsingLocale
+    j((f) => ({
+      layers: f.layers,
+      coordSystem: f.coordSystem,
+      scales: f.scales,
+      guides: f.guides,
+      numberFormat: f.config.numberFormat,
+      parsingLocale: f.config.parsingLocale
     }))
-  ), { formattingLocale: t } = me(), n = Ct((p) => p.hover), r = te("Tooltip", di), o = T(() => {
-  }), { cursorRef: i, isInside: c } = ai(() => o.current()), l = v(
-    () => To({ ...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 p = i.current;
-        return p === null ? li : ui(p);
+        const f = i.current;
+        return f === null ? hi : fi(f);
       }
     }),
     [i]
-  ), { refs: h, floatingStyles: g, update: m } = xt({
+  ), { refs: h, floatingStyles: g, update: p } = xt({
     open: d,
     placement: "right",
-    middleware: [St(ii), kt(), Lt({ padding: si })],
+    middleware: [St(di), kt(), Lt({ padding: ui })],
     elements: { reference: u }
   });
-  return o.current = m, d ? /* @__PURE__ */ a(
+  return o.current = p, d ? /* @__PURE__ */ a(
     "div",
     {
       ref: h.setFloating,
       role: "tooltip",
-      className: ri,
+      className: si,
       style: g,
       "data-testid": "chart-tooltip",
       children: /* @__PURE__ */ a(r, { content: l, isVisible: d })
     }
   ) : null;
-}, di = ({ content: e, isVisible: t }) => t ? /* @__PURE__ */ f("div", { className: oi, children: [
-  e.header !== null && /* @__PURE__ */ a("div", { className: Ka, children: e.header }),
-  /* @__PURE__ */ a("div", { className: Ja, children: e.rows.map((n) => /* @__PURE__ */ a(hi, { row: n, shouldHighlight: n.isPrimary && e.rows.length > 1 }, n.key)) })
-] }) : null, ui = (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,
@@ -418,14 +432,14 @@ const ai = (e) => {
   width: 0,
   height: 0,
   toJSON: () => ({})
-}), hi = ({ row: e, shouldHighlight: t }) => /* @__PURE__ */ f("div", { className: ne(Za, { [Qa]: t }), "data-testid": "chart-tooltip-row", children: [
-  e.swatchColor === null ? /* @__PURE__ */ a("span", { className: ei, "aria-hidden": !0 }) : /* @__PURE__ */ a(Ye, { shape: e.swatchShape, color: e.swatchColor, lineType: e.swatchLineType }),
-  /* @__PURE__ */ a("span", { className: ti, children: e.label }),
-  /* @__PURE__ */ a("span", { className: ni, 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)", tooltipPaddingBlock: "var(--graphy-tooltip-padding-block)", tooltipPaddingInline: "var(--graphy-tooltip-padding-inline)", 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'`, gi = 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,
@@ -454,10 +468,10 @@ const R = `'Inter', -apple-system, BlinkMacSystemFont, 'Open Sans', 'Segoe UI',
   headingSm: 1.25,
   headingMd: 1.41,
   headingLg: 1.29
-}, pi = `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: gi,
+  fontFamilyHeading: vi,
   fontWeightRegular: K.regular.toString(),
   fontWeightMedium: K.medium.toString(),
   fontWeightSemibold: K.semibold.toString(),
@@ -476,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),
@@ -485,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 = pi) => `${e} ${t}/${n} ${r}`, qn = {
+}, 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),
@@ -557,46 +571,49 @@ 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)
-}, fi = {
+}, bi = {
   small: 1.9,
   medium: 2.3,
   large: 2.6
-}, mi = {
+}, xi = {
   small: 1,
   medium: 1,
   large: 1.2
-}, vi = R, jn = 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, yi = ar * ir, dr = !1, Fe = 6, ur = 10, P = (e, t) => `color-mix(in srgb, transparent, ${e} ${t * 100}%)`, qe = (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}%)`, bi = (e) => /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(e), xi = (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",
+  tooltipBorderWidth: "1px",
   tooltipPaddingBlock: "8px",
   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"
-}, Si = 8, se = (e) => `${Si * e}px`, vr = {
+}, Ti = 8, se = (e) => `${Ti * e}px`, yr = {
   spaceXxs: se(0.25),
   // space(0.25) → 2px
   spaceXs: se(0.5),
@@ -609,7 +626,7 @@ const R = `'Inter', -apple-system, BlinkMacSystemFont, 'Open Sans', 'Segoe UI',
   //   space(1.5)  → 12px
   spaceXl: se(2)
   //     space(2)    → 16px
-}, ki = {
+}, wi = {
   transparent: "transparent",
   white: "#FFFFFF",
   black: "#000000",
@@ -636,7 +653,7 @@ const R = `'Inter', -apple-system, BlinkMacSystemFont, 'Open Sans', 'Segoe UI',
   purple50: "#7B56EA",
   purple30: "#E093FE",
   greyGradient80: "linear-gradient(to top, #222429, #31353f)"
-}, Li = {
+}, Ai = {
   textPrimary: s.grey0,
   textSecondary: P(s.textPrimary, 0.8),
   textDisabled: P(s.textPrimary, 0.5),
@@ -655,7 +672,7 @@ const R = `'Inter', -apple-system, BlinkMacSystemFont, 'Open Sans', 'Segoe UI',
   raisedBackground: s.grey80,
   overlayBackground: s.grey90,
   overlayBorderGradient: s.greyGradient80
-}, Ci = {
+}, Ei = {
   graphBackground: s.grey90,
   gridLineColor: s.border10,
   originLineColor: s.grey0,
@@ -700,7 +717,7 @@ const R = `'Inter', -apple-system, BlinkMacSystemFont, 'Open Sans', 'Segoe UI',
   arrowAnnotationStickerOutlineColorInverse: "#1D2129",
   annotationFrameBorderColor: s.blue60,
   annotationMenuTriggerIconColor: s.white
-}, Ti = {
+}, _i = {
   canvasDefault: "#FFFFFF",
   canvasBlue: "#60a5fa",
   canvasCyan: "#22d3ee",
@@ -712,20 +729,20 @@ const R = `'Inter', -apple-system, BlinkMacSystemFont, 'Open Sans', 'Segoe UI',
   canvasPurple: "#a78bfa",
   canvasGray: "#a8a29e",
   canvasInverse: "#000000"
-}, wi = {
-  ...ki,
-  ...Li,
-  ...pr,
+}, Pi = {
+  ...wi,
+  ...Ai,
   ...fr,
-  ...vr,
   ...mr,
-  ...Ci,
-  ...Ti,
-  ...gr,
-  ...Un,
+  ...yr,
+  ...vr,
+  ...Ei,
+  ..._i,
+  ...pr,
   ...Yn,
+  ...jn,
   ...qn
-}, Ai = {
+}, Hi = {
   transparent: "transparent",
   white: "#FFFFFF",
   black: "#000000",
@@ -752,7 +769,7 @@ const R = `'Inter', -apple-system, BlinkMacSystemFont, 'Open Sans', 'Segoe UI',
   purple50: "#7B56EA",
   purple30: "#E093FE",
   greyGradient80: "linear-gradient(to top, #F0F0F1, #F9F9FF)"
-}, Ei = {
+}, Fi = {
   textPrimary: s.black,
   textSecondary: P(s.textPrimary, 0.6),
   textDisabled: P(s.textPrimary, 0.5),
@@ -771,7 +788,7 @@ const R = `'Inter', -apple-system, BlinkMacSystemFont, 'Open Sans', 'Segoe UI',
   raisedBackground: s.grey85,
   overlayBackground: s.grey100,
   overlayBorderGradient: s.border10
-}, _i = {
+}, Ni = {
   graphBackground: s.grey100,
   gridLineColor: s.border10,
   originLineColor: s.grey0,
@@ -816,7 +833,7 @@ const R = `'Inter', -apple-system, BlinkMacSystemFont, 'Open Sans', 'Segoe UI',
   arrowAnnotationStickerOutlineColorInverse: "#FFFFFF",
   annotationFrameBorderColor: s.blue60,
   annotationMenuTriggerIconColor: "#3d414c"
-}, Pi = {
+}, Bi = {
   canvasDefault: "#000000",
   canvasBlue: "#3b82f6",
   canvasCyan: "#06b6d4",
@@ -828,137 +845,157 @@ const R = `'Inter', -apple-system, BlinkMacSystemFont, 'Open Sans', 'Segoe UI',
   canvasPurple: "#8b5cf6",
   canvasGray: "#78716c",
   canvasInverse: "#ffffff"
-}, Hi = {
-  ...Ai,
-  ...Ei,
-  ...pr,
+}, Ii = {
+  ...Hi,
+  ...Fi,
   ...fr,
-  ...vr,
   ...mr,
-  ..._i,
-  ...Pi,
-  ...gr,
-  ...Un,
+  ...yr,
+  ...vr,
+  ...Ni,
+  ...Bi,
+  ...pr,
   ...Yn,
+  ...jn,
   ...qn
-}, yr = (e, t = {}) => ({
-  ...e === "dark" ? wi : Hi,
+}, 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)
   };
-}, Fi = 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(Fi), Ni = ({ metrics: e, children: t }) => /* @__PURE__ */ a(xr.Provider, { value: e, children: t }), Tt = () => re(xr), wt = N.sm, Sr = R, kr = 10, Q = (e, t) => e * kr * t, Bi = (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) => {
-    if (!o.isVisible || o.ticks.length === 0) return 0;
     const i = o.position === "top" || o.position === "bottom", c = o.ticks.map(
       (u) => e.measureText(u.formattedLabel, {
-        family: Sr,
-        size: Q(wt, t)
+        family: kr,
+        size: te(At, t)
       })
     ), l = o.labelMaxWidthPx ?? Number.POSITIVE_INFINITY;
     if (i) {
       if (o.labelRotation !== 0) {
         const u = c.map((g) => g.width);
-        return Gt(u, l) + 2 * r;
+        return Wt(u, l) + 2 * r;
       }
       return Math.max(...c.map((u) => u.height)) + r;
     }
-    return Gt(
+    return Wt(
       c.map((u) => u.width),
       l
     ) + r;
   };
-}, Gt = (e, t) => Math.min(Math.max(...e), t), Ii = (e) => () => Q(wt, e), Mi = (e, t) => (n, r) => {
-  const { labelLineHeight: o, labelFontWeight: i } = wo(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
   });
-}, Di = (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))
   };
-}, Oi = (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
-), Ri = (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 * jn };
-}, zi = (e, t, n) => {
-  const r = Di(e, t, n), o = Ri(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) => Gi(l, i, n);
+  }, c = (l) => Vi(l, i, n);
   return e.items.map((l) => {
-    const d = gn(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
     };
   });
-}, Gi = (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 * jn);
+      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" ? fi[t] : mi[t];
-  return { family: vi, size: Q(r, n) };
-}, Cr = (e) => e.reduce((t, n) => t + n, 0), Tr = (e) => {
-  const t = Q(sr, e);
-  return { fontSizePx: t, lineBoxHeight: t * lr };
-}, wr = (e, t) => e ? t : 0, Wi = (e, t, n) => (r) => {
-  if (r.items.length === 0) return 0;
-  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;
-}, $i = (e, t) => (n) => e.measureText(n, {
-  family: Sr,
-  size: Q(wt, t)
-}), Xi = (e, t, n) => v(() => e ? {
-  measureAxis: Bi(e, t, n),
-  measureAxisLabel: Ii(t),
-  measureLegend: Wi(e, t, n),
-  measureHeadline: zi(e, t, n),
-  measureHeadlineItemWidths: Oi(e, t, n),
-  measureTickLabel: $i(e, t),
-  measureDifferenceArrowLabel: Mi(e, t)
-} : null, [e, t, n]), Vi = ({
+}, Yi = (e, t) => (n) => e.measureText(n, {
+  family: kr,
+  size: te(At, t)
+}), ji = Object.freeze({}), qi = (e, t, n, r = ji) => {
+  const o = C(r);
+  return o.current = r, v(() => {
+    if (!e) return null;
+    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 (Ji(g)) return 0;
+        const p = o.current.measureAxis;
+        return p ? p(g, h) : i(g);
+      },
+      measureAxisLabel: (g) => {
+        const p = o.current.measureAxisLabel;
+        return p ? p(g, h) : c();
+      },
+      measureLegend: (g) => {
+        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: Yi(e, t),
+      measureDifferenceArrowLabel: zi(e, t)
+    };
+  }, [e, t, n]);
+}, Ki = ({
   measurer: e,
   axes: t,
   numberFormat: n,
@@ -970,8 +1007,9 @@ const xr = fe(Fi), Ni = ({ metrics: e, children: t }) => /* @__PURE__ */ a(xr.Pr
   formattingLocale: d,
   annotations: u,
   coordSystem: h,
-  textScale: g
-}) => v(() => e ? new Ao(e).compile({
+  textScale: g,
+  graphPadding: p
+}) => v(() => e ? new _o(e).compile({
   axes: t,
   numberFormat: n,
   parsingLocale: r,
@@ -982,7 +1020,8 @@ const xr = fe(Fi), Ni = ({ metrics: e, children: t }) => /* @__PURE__ */ a(xr.Pr
   formattingLocale: d,
   annotations: u,
   coordSystem: h,
-  textScale: g
+  textScale: g,
+  padding: p
 }) : null, [
   t,
   n,
@@ -995,18 +1034,19 @@ const xr = fe(Fi), Ni = ({ metrics: e, children: t }) => /* @__PURE__ */ a(xr.Pr
   u,
   h,
   g,
+  p,
   e
-]), Wt = "data-variant", Ar = ta.extend({
+]), Ji = (e) => !e.isVisible || e.ticks.length === 0, Zi = (e) => e.items.length === 0, $t = "data-variant", Er = ra.extend({
   addAttributes() {
     return {
       variant: {
         default: null,
-        parseHTML: (e) => e.getAttribute(Wt) ?? null,
-        renderHTML: (e) => e.variant ? { [Wt]: e.variant } : {}
+        parseHTML: (e) => e.getAttribute($t) ?? null,
+        renderHTML: (e) => e.variant ? { [$t]: e.variant } : {}
       }
     };
   }
-}), Ui = ea.create({
+}), Qi = na.create({
   name: "preventBackspaceAcrossTitleBoundary",
   addOptions() {
     return { isTitleVisible: !0 };
@@ -1022,28 +1062,28 @@ const xr = fe(Fi), Ni = ({ metrics: e, children: t }) => /* @__PURE__ */ a(xr.Pr
       }
     };
   }
-}), Yi = ({
+}), es = ({
   titlePlaceholder: e,
   subtitlePlaceholder: t,
   isTitleVisible: n,
   isSubtitleVisible: r
 }) => [
-  ji({ isTitleVisible: n, isSubtitleVisible: r }),
-  Ar,
+  ns({ isTitleVisible: n, isSubtitleVisible: r }),
+  Er,
+  Fn,
+  On,
+  _n.configure({ levels: [1, 2, 3] }),
+  An,
   Pn,
+  Dn,
+  Nn.configure({ types: ["heading", "paragraph"] }),
+  Hn.configure({ openOnClick: !1, autolink: !0 }),
+  Bn,
+  In,
   Mn,
-  An.configure({ levels: [1, 2, 3] }),
-  Tn,
   En,
-  In,
-  Hn.configure({ types: ["heading", "paragraph"] }),
-  _n.configure({ openOnClick: !1, autolink: !0 }),
-  Fn,
-  Nn,
-  Bn,
-  wn,
-  Ui.configure({ isTitleVisible: n }),
-  Dn.configure({
+  Qi.configure({ isTitleVisible: n }),
+  Rn.configure({
     showOnlyCurrent: !1,
     placeholder: ({ pos: o, editor: i }) => {
       if (n && o === 0) return e;
@@ -1051,83 +1091,83 @@ const xr = fe(Fi), Ni = ({ metrics: e, children: t }) => /* @__PURE__ */ a(xr.Pr
       return r && o === c ? t : "";
     }
   })
-], qi = ({ placeholder: e }) => [
+], ts = ({ placeholder: e }) => [
   lt,
-  Ar,
+  Er,
+  Fn,
+  On,
+  _n.configure({ levels: [1, 2, 3] }),
+  An,
   Pn,
+  Dn,
+  Nn.configure({ types: ["heading", "paragraph"] }),
+  Hn.configure({ openOnClick: !1, autolink: !0 }),
+  Bn,
+  In,
   Mn,
-  An.configure({ levels: [1, 2, 3] }),
-  Tn,
   En,
-  In,
-  Hn.configure({ types: ["heading", "paragraph"] }),
-  _n.configure({ openOnClick: !1, autolink: !0 }),
-  Fn,
-  Nn,
-  Bn,
-  wn,
-  Dn.configure({
+  Rn.configure({
     showOnlyCurrent: !1,
     placeholder: ({ pos: t }) => t === 0 ? e : ""
   })
-], ji = ({
+], ns = ({
   isTitleVisible: e,
   isSubtitleVisible: t
-}) => e && t ? lt.extend({ content: "block{2,}" }) : lt, Me = 0.1, Ki = { light: 0.05, dark: 0.1 }, Ji = (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 es(e.color, t);
+      return ss(e.color, t);
     case "gradient":
-      return ts(e.color, t);
+      return ls(e.color, t);
     case "preset":
-      return Eo[e.preset];
+      return Po[e.preset];
   }
-}, Zi = (e) => e.type === "none" ? 0 : e.width, Qi = (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, Ki[t]);
-}, es = (e, t) => t === "dark" ? qe(e, Me) : hr(e, Me), ts = (e, t, n = 90) => {
-  const r = e, o = t === "dark" ? qe(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 ns = "bow4tg0", rs = "bow4tg1", os = "bow4tg2", as = "bow4tg3", is = "_1ii3bsb0", ss = "_1ii3bsb1";
-const At = fe(null), Et = () => {
-  const e = re(At);
+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;
-}, ls = ({ 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 = Qi(n.background, e, o.graphBackground);
-    return d !== void 0 && (l[s.graphBackground] = d), ia(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" ? ss : is,
+      themeClass: e === "dark" ? ps : gs,
       inlineVarsStyle: i,
       themeValues: o
     }),
     [e, i, o]
   );
-  return /* @__PURE__ */ a(At.Provider, { value: c, children: r });
+  return /* @__PURE__ */ a(Et.Provider, { value: c, children: r });
 }, ae = ({ children: e, className: t, style: n }) => {
-  const r = re(At), o = r ? ne(r.themeClass, rs) : void 0, i = r ? { ...r.inlineVarsStyle, ...n } : n;
-  return /* @__PURE__ */ a("div", { className: ne(o, t), style: i, children: e });
-}, cs = "graphy_root", ie = () => typeof document > "u" ? null : document.getElementById(cs) ?? document.body;
-var ds = "yp3g0k0", us = "yp3g0k1", Er = "yp3g0k3", hs = "yp3g0k4", _r = "yp3g0k5", ht = "yp3g0k6", gs = "yp3g0k7", ps = "yp3g0k8", Pr = "yp3g0k9", fs = "yp3g0ka", ms = "yp3g0kb", vs = "yp3g0kc", ys = "yp3g0kd", bs = "yp3g0ke";
-const xs = Vn.map((e) => s[e]), Ss = Object.fromEntries(
-  Vn.map((e) => [s[e], e])
-), ks = ({ editor: e, currentColor: t, isOpen: n, onOpenChange: r }) => {
-  const o = J(), i = Cs(), c = mt(
+  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 });
+}, 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();
     },
@@ -1135,29 +1175,29 @@ const xs = Vn.map((e) => s[e]), Ss = Object.fromEntries(
   ), l = (d) => {
     e.chain().focus().setColor(d).run(), r(!1);
   };
-  return /* @__PURE__ */ f(F.Root, { open: n, onOpenChange: r, children: [
+  return /* @__PURE__ */ m(F.Root, { open: n, onOpenChange: r, children: [
     /* @__PURE__ */ a(
       F.Trigger,
       {
         render: /* @__PURE__ */ a(H.Button, {}),
         "aria-label": o("graph.toolbar.color.label"),
-        className: ds,
+        className: vs,
         onMouseDown: (d) => d.preventDefault(),
-        children: /* @__PURE__ */ a("span", { className: us, 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__ */ f(F.Popup, { className: hs, 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(
-        $t,
+        Xt,
         {
           title: o("graph.colorDropdown.colors"),
-          colors: xs,
+          colors: As,
           currentColor: t,
           onPick: l
         }
       ),
       i.length > 0 && /* @__PURE__ */ a(
-        $t,
+        Xt,
         {
           title: o("graph.colorDropdown.chartColors"),
           colors: i,
@@ -1165,58 +1205,58 @@ const xs = Vn.map((e) => s[e]), Ss = Object.fromEntries(
           onPick: l
         }
       ),
-      /* @__PURE__ */ a(Ls, { value: t ?? "#000000", onChange: c })
+      /* @__PURE__ */ a(Ps, { value: t ?? "#000000", onChange: c })
     ] }) }) }) })
   ] });
-}, $t = ({ title: e, colors: t, currentColor: n, onPick: r }) => /* @__PURE__ */ f("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: gs, children: t.map((o) => /* @__PURE__ */ a(
+  /* @__PURE__ */ a("div", { className: xs, children: t.map((o) => /* @__PURE__ */ a(
     "button",
     {
       type: "button",
       "aria-label": o,
-      className: ps,
-      "data-active": ws(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
   )) })
-] }), Ls = ({ value: e, onChange: t }) => {
-  const n = J(), [r, o] = E(!1), i = xi(e) ? e : "#000000", c = Ts(i);
-  return /* @__PURE__ */ f(F.Root, { open: r, onOpenChange: o, children: [
-    /* @__PURE__ */ f("div", { className: _r, children: [
+] }), 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: Pr, children: [
       /* @__PURE__ */ a("div", { className: ht, children: n("graph.colorDropdown.custom") }),
-      /* @__PURE__ */ f(
+      /* @__PURE__ */ m(
         F.Trigger,
         {
-          className: fs,
+          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: ms, 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__ */ f(F.Popup, { className: vs, 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(sa, { color: c, onChange: t, className: ys }),
+      /* @__PURE__ */ a(ca, { color: c, onChange: t, className: Ts }),
       /* @__PURE__ */ a(
-        la,
+        da,
         {
           color: c,
           onChange: t,
           prefixed: !0,
-          className: bs,
+          className: ws,
           onMouseDown: (l) => l.stopPropagation()
         }
       )
     ] }) }) }) })
   ] });
-}, Cs = () => {
+}, Hs = () => {
   const e = B((t) => t.scales.color);
   return v(() => {
     if (!e || e.kind !== "visual") return [];
@@ -1227,15 +1267,15 @@ const xs = Vn.map((e) => s[e]), Ss = Object.fromEntries(
     }
     return [...t];
   }, [e]);
-}, Hr = (e) => ({
+}, Fr = (e) => ({
   background: e,
-  border: `1px solid ${qe(e, 0.1)}`
-}), Ts = (e) => {
-  const { themeValues: t } = Et();
-  if (bi(e)) return e.toUpperCase();
-  const n = Ss[e];
+  border: `1px solid ${je(e, 0.1)}`
+}), Fs = (e) => {
+  const { themeValues: t } = _t();
+  if (Li(e)) return e.toUpperCase();
+  const n = Es[e];
   return n ? t[n].toUpperCase() : "#000000";
-}, ws = (e, t) => t === null ? !1 : e.toLowerCase() === t.toLowerCase(), As = {
+}, Ns = (e, t) => t === null ? !1 : e.toLowerCase() === t.toLowerCase(), Bs = {
   xxs: 8,
   xs: 12,
   sm: 16,
@@ -1243,13 +1283,13 @@ const xs = Vn.map((e) => s[e]), Ss = Object.fromEntries(
   lg: 24,
   xl: 36
 };
-var Es = { 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 = As[r];
-  return /* @__PURE__ */ f(
+  const i = vt(), c = Bs[r];
+  return /* @__PURE__ */ m(
     "svg",
     {
-      className: Es[n],
+      className: Is[n],
       "aria-labelledby": t ? i : void 0,
       height: c,
       width: c,
@@ -1263,37 +1303,37 @@ 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" }) }) }), _s = "'Noto Serif', Georgia, 'Times New Roman', serif, 'Apple Color Emoji', 'NotoColorEmoji'", Nr = `'Aeonik', 'Aeonik Fallback', ${R}`, Ps = "'PT Mono', 'Courier New', monospace, 'Apple Color Emoji', 'NotoColorEmoji'", Hs = "'Intruding Cat', cursive, 'Apple Color Emoji', 'NotoColorEmoji'", Fs = `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: _s },
-  { id: "technical", label: "Technical", preview: "00", fontFamily: Ps },
-  { id: "fineliner", label: "Fineliner", preview: "Aa", fontFamily: Hs },
-  { id: "brand", label: "Brand", preview: "Aa", fontFamily: Fs }
-], Ns = (e) => e ? gt.find((t) => t.fontFamily === e) ?? null : null;
-var Br = "_1qkyw7q0", Ir = "_1qkyw7q1", Mr = "_1qkyw7q3", Dr = "_1qkyw7q4", Or = "_1qkyw7q5";
-const Bs = ({ editor: e, currentFontFamily: t, isOpen: n, onOpenChange: r }) => {
-  const o = J(), i = Ns(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__ */ f(M.Root, { open: n, onOpenChange: r, children: [
-    /* @__PURE__ */ f(
+  return /* @__PURE__ */ m(M.Root, { open: n, onOpenChange: r, children: [
+    /* @__PURE__ */ m(
       M.Trigger,
       {
         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 })
@@ -1301,44 +1341,44 @@ const Bs = ({ editor: e, currentFontFamily: t, isOpen: n, onOpenChange: r }) =>
       l.id
     )) }) }) }) })
   ] });
-}, Rr = {
+}, zr = {
   id: "text",
   translationKey: "graph.toolbar.heading.text",
   previewFont: s.fontTextEditorBody
-}, Xt = [
+}, 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 }
-], Is = ({ editor: e, activeStyle: t, isOpen: n, onOpenChange: r }) => {
-  const o = J(), i = Xt.find((c) => c.id === t) ?? Rr;
-  return /* @__PURE__ */ f(M.Root, { open: n, onOpenChange: r, children: [
-    /* @__PURE__ */ f(
+], 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: Xt.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: () => Ms(e, c.id),
-        children: /* @__PURE__ */ a(Ds, { 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
     )) }) }) }) })
   ] });
-}, Ms = (e, t) => {
+}, $s = (e, t) => {
   switch (t) {
     case "caption": {
       e.chain().focus().setNode("paragraph", { variant: "caption" }).run();
@@ -1357,53 +1397,53 @@ const Bs = ({ editor: e, currentFontFamily: t, isOpen: n, onOpenChange: r }) =>
     case "h3":
       e.chain().focus().setHeading({ level: 3 }).run();
   }
-}, Ds = ({ font: e, children: t }) => /* @__PURE__ */ a("span", { style: { font: e, margin: 0 }, children: t }), Os = (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" }) }) }), Rs = (e) => /* @__PURE__ */ a(Z, { ...e, children: /* @__PURE__ */ f("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" })
-] }) }), zs = (e) => /* @__PURE__ */ a(Z, { ...e, children: /* @__PURE__ */ f("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" })
-] }) }), Gs = (e) => !e.content || e.content.length === 0 ? !0 : e.content.every((t) => !t.content || t.content.length === 0), Ws = (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 && Vt(n[i - 1]); ) i -= 1;
+  for (; i > 0 && Ut(n[i - 1]); ) i -= 1;
   let c = r;
-  for (; c < n.length && Vt(n[c]); ) c += 1;
+  for (; c < n.length && Ut(n[c]); ) c += 1;
   return { from: o + i, to: o + c };
-}, Vt = (e) => e !== void 0 && /\S/.test(e);
-var $s = "b5kquu0", Xs = "b5kquu1", Vs = "b5kquu2", Us = "b5kquu3", Ut = "b5kquu4";
-const Ys = ({ editor: e, currentUrl: t, isActive: n, isOpen: r, onOpenChange: o }) => {
-  const i = J(), [c, l] = E(""), d = T(null);
+}, Ut = (e) => e !== void 0 && /\S/.test(e);
+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 = () => {
-    qs(e, c), o(!1);
+    tl(e, c), o(!1);
   }, h = () => {
     l(""), o(!1);
-  }, g = (p) => {
-    l(p.target.value);
-  }, m = (p) => {
-    p.key === "Enter" && (p.preventDefault(), u());
+  }, g = (f) => {
+    l(f.target.value);
+  }, p = (f) => {
+    f.key === "Enter" && (f.preventDefault(), u());
   };
-  return /* @__PURE__ */ f(F.Root, { open: r, onOpenChange: o, children: [
+  return /* @__PURE__ */ m(F.Root, { open: r, onOpenChange: o, children: [
     /* @__PURE__ */ a(
       F.Trigger,
       {
         render: /* @__PURE__ */ a(H.Button, {}),
         "aria-label": i("graph.toolbar.formatting.link"),
         "data-active": n,
-        className: $s,
-        onMouseDown: (p) => p.preventDefault(),
-        children: /* @__PURE__ */ a(Rs, {})
+        className: Ks,
+        onMouseDown: (f) => f.preventDefault(),
+        children: /* @__PURE__ */ a(Us, {})
       }
     ),
-    /* @__PURE__ */ a(F.Portal, { container: ie(), children: /* @__PURE__ */ a(ae, { children: /* @__PURE__ */ a(F.Positioner, { sideOffset: 6, align: "end", className: Xs, children: /* @__PURE__ */ f(
+    /* @__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: Vs,
+        className: Zs,
         initialFocus: d,
-        onMouseDown: (p) => p.preventDefault(),
+        onMouseDown: (f) => f.preventDefault(),
         children: [
           /* @__PURE__ */ a(
             "input",
@@ -1413,28 +1453,28 @@ const Ys = ({ 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: Us,
-              onMouseDown: (p) => p.stopPropagation(),
+              className: Qs,
+              onMouseDown: (f) => f.stopPropagation(),
               onChange: g,
-              onKeyDown: m
+              onKeyDown: p
             }
           ),
-          /* @__PURE__ */ a("button", { type: "button", "aria-label": i("common.cancel"), className: Ut, onClick: h, children: /* @__PURE__ */ a(zs, {}) }),
+          /* @__PURE__ */ a("button", { type: "button", "aria-label": i("common.cancel"), className: Yt, onClick: h, children: /* @__PURE__ */ a(Ys, {}) }),
           /* @__PURE__ */ a(
             "button",
             {
               type: "button",
               "aria-label": i("graph.toolbar.link.apply"),
-              className: Ut,
+              className: Yt,
               onClick: u,
-              children: /* @__PURE__ */ a(Os, {})
+              children: /* @__PURE__ */ a(Vs, {})
             }
           )
         ]
       }
     ) }) }) })
   ] });
-}, qs = (e, t) => {
+}, tl = (e, t) => {
   const n = t.trim(), { selection: r } = e.state;
   if (!n) {
     e.chain().focus().extendMarkRange("link").unsetLink().run();
@@ -1448,47 +1488,47 @@ const Ys = ({ editor: e, currentUrl: t, isActive: n, isOpen: r, onOpenChange: o
     e.chain().focus().extendMarkRange("link").setLink({ href: n }).run();
     return;
   }
-  const o = Ws(e);
+  const o = qs(e);
   e.chain().focus().setTextSelection(o).setLink({ href: n }).run();
-}, js = (e) => /* @__PURE__ */ a(Z, { ...e, children: /* @__PURE__ */ f("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" })
-] }) }), Ks = (e) => /* @__PURE__ */ a(Z, { ...e, children: /* @__PURE__ */ f("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" })
-] }) }), Js = (e) => /* @__PURE__ */ a(Z, { ...e, children: /* @__PURE__ */ f("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 Zs = "k91gos0", Qs = "k91gos1";
-const el = 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__ */ f(le.Root, { children: [
+  return /* @__PURE__ */ m(le.Root, { children: [
     /* @__PURE__ */ a(
       le.Trigger,
       {
-        render: /* @__PURE__ */ a(ca, { 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: Zs,
+        className: al,
         onMouseDown: o,
         children: r
       }
     ),
-    /* @__PURE__ */ a(le.Portal, { container: ie(), children: /* @__PURE__ */ a(ae, { children: /* @__PURE__ */ a(le.Positioner, { sideOffset: el, children: /* @__PURE__ */ a(le.Popup, { className: Qs, 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 }) }) }) })
   ] });
-}, tl = ({ editor: e, activeAlignment: t = "left" }) => {
+}, ll = ({ editor: e, activeAlignment: t = "left" }) => {
   const n = J();
-  return /* @__PURE__ */ f(C, { children: [
+  return /* @__PURE__ */ m(T, { children: [
     /* @__PURE__ */ a(
       de,
       {
         label: n("graph.toolbar.textAlign.left"),
         isActive: t === "left",
         onToggle: () => e.chain().focus().setTextAlign("left").run(),
-        children: /* @__PURE__ */ a(Js, {})
+        children: /* @__PURE__ */ a(ol, {})
       }
     ),
     /* @__PURE__ */ a(
@@ -1497,7 +1537,7 @@ const el = 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(js, {})
+        children: /* @__PURE__ */ a(nl, {})
       }
     ),
     /* @__PURE__ */ a(
@@ -1506,13 +1546,13 @@ const el = 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(Ks, {})
+        children: /* @__PURE__ */ a(rl, {})
       }
     )
   ] });
 };
-var nl = "_1bp10ig0", Se = "_1bp10ig1", Ne = "_1bp10ig2";
-const rl = ({ 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,
@@ -1520,20 +1560,20 @@ const rl = ({ editor: e }) => ({
   linkUrl: e?.getAttributes("link").href ?? null,
   color: e?.getAttributes("textStyle").color ?? null,
   fontFamily: e?.getAttributes("textStyle").fontFamily ?? null,
-  fontSize: ol(e),
-  textAlign: al(e)
-}), ol = (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", al = (e) => e ? e.isActive({ textAlign: "center" }) ? "center" : e.isActive({ textAlign: "right" }) ? "right" : "left" : "left", il = 8, sl = 8, ll = ({ 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(il), kt(), Lt({ padding: sl })],
-    whileElementsMounted: Qo
-  }), h = T(null), g = na({
+    middleware: [St(gl), kt(), Lt({ padding: pl })],
+    whileElementsMounted: ta
+  }), h = C(null), g = oa({
     editor: e,
-    selector: rl
-  }), m = mt(
+    selector: dl
+  }), p = mt(
     (y) => {
       h.current = y, d.setFloating(y);
     },
@@ -1551,12 +1591,12 @@ const rl = ({ editor: e }) => ({
       e.off("focus", y), e.off("blur", S);
     };
   }, [e]), !e || !n && !c) return null;
-  const p = ie();
-  return p ? aa(
-    /* @__PURE__ */ a(ae, { children: /* @__PURE__ */ a(le.Provider, { children: /* @__PURE__ */ f(H.Root, { ref: m, className: nl, style: u, children: [
-      /* @__PURE__ */ f(H.Group, { className: Se, children: [
+  const f = ie();
+  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(
-          ks,
+          _s,
           {
             editor: e,
             currentColor: g?.color ?? null,
@@ -1565,7 +1605,7 @@ const rl = ({ editor: e }) => ({
           }
         ),
         /* @__PURE__ */ a(
-          Bs,
+          Gs,
           {
             editor: e,
             currentFontFamily: g?.fontFamily ?? null,
@@ -1575,8 +1615,8 @@ const rl = ({ editor: e }) => ({
         )
       ] }),
       /* @__PURE__ */ a(H.Separator, { className: Ne }),
-      /* @__PURE__ */ a(H.Group, { className: Se, children: /* @__PURE__ */ a(
-        Is,
+      /* @__PURE__ */ a(H.Group, { className: ke, children: /* @__PURE__ */ a(
+        Ws,
         {
           editor: e,
           activeStyle: g?.fontSize ?? "text",
@@ -1585,7 +1625,7 @@ const rl = ({ editor: e }) => ({
         }
       ) }),
       /* @__PURE__ */ a(H.Separator, { className: Ne }),
-      /* @__PURE__ */ f(H.Group, { className: Se, children: [
+      /* @__PURE__ */ m(H.Group, { className: ke, children: [
         /* @__PURE__ */ a(
           de,
           {
@@ -1615,10 +1655,10 @@ const rl = ({ editor: e }) => ({
         )
       ] }),
       /* @__PURE__ */ a(H.Separator, { className: Ne }),
-      /* @__PURE__ */ a(H.Group, { className: Se, children: /* @__PURE__ */ a(tl, { 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(
-        Ys,
+      /* @__PURE__ */ a(H.Group, { className: ke, children: /* @__PURE__ */ a(
+        el,
         {
           editor: e,
           currentUrl: g?.linkUrl ?? null,
@@ -1628,19 +1668,19 @@ const rl = ({ editor: e }) => ({
         }
       ) })
     ] }) }) }),
-    p
+    f
   ) : null;
 };
-var cl = "_2ngohc0";
-const zr = ({ editor: e, ariaLabel: t }) => /* @__PURE__ */ f("div", { className: cl, children: [
-  /* @__PURE__ */ a(ll, { editor: e }),
-  /* @__PURE__ */ a(ra, { editor: e, "aria-label": t })
-] }), dl = (e, t) => {
-  const n = T(e);
+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 = T(t);
+  const r = C(t);
   r.current = t;
-  const o = T(null), i = T(null), c = v(() => {
+  const o = C(null), i = C(null), c = v(() => {
     const l = () => {
       i.current !== null && (clearTimeout(i.current), i.current = null), o.current = null;
     }, d = () => {
@@ -1659,16 +1699,16 @@ const zr = ({ editor: e, ariaLabel: t }) => /* @__PURE__ */ f("div", { className
   return L(() => () => {
     i.current !== null && clearTimeout(i.current);
   }, []), c;
-}, ul = 200, Gr = ({
+}, yl = 200, Wr = ({
   content: e,
   extensions: t,
   isEditable: n,
   onUpdate: r,
-  updateDebounceMs: o = ul
+  updateDebounceMs: o = yl
 }) => {
-  const i = T(Yt(e)), c = T(!1), l = dl((u) => {
+  const i = C(jt(e)), c = C(!1), l = vl((u) => {
     c.current = !0, r?.(u);
-  }, o), d = oa({
+  }, o), d = ia({
     extensions: t,
     content: i.current,
     editable: n,
@@ -1683,12 +1723,12 @@ const zr = ({ editor: e, ariaLabel: t }) => /* @__PURE__ */ f("div", { className
       c.current = !1;
       return;
     }
-    const u = Yt(e), h = d.getJSON();
-    hl(h, u) || (l.cancel(), d.commands.setContent(u, { emitUpdate: !1 }));
+    const u = jt(e), h = d.getJSON();
+    bl(h, u) || (l.cancel(), d.commands.setContent(u, { emitUpdate: !1 }));
   }, [d, e, l]), L(() => () => l.flush(), [l]), d;
-}, Yt = (e) => e === null ? { type: "doc", content: [] } : typeof e == "string" ? { type: "doc", content: [{ type: "paragraph", content: e ? [{ type: "text", text: e }] : [] }] } : e, hl = (e, t) => JSON.stringify(e) === JSON.stringify(t);
-var gl = "_1cocly40";
-const pl = {
+}, 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",
@@ -1696,22 +1736,22 @@ const pl = {
   handwritten: "'Permanent Marker', cursive",
   fineliner: "'Intruding Cat', cursive",
   brand: "var(--brand-font-family), 'Aeonik', 'Inter', sans-serif"
-}, De = ({ content: e }) => /* @__PURE__ */ a(C, { children: Wr(e.content ?? [e]) }), Wr = (e) => e.map((t, n) => fl(t, n)), fl = (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 ml(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(un, { children: n }, t);
+      return /* @__PURE__ */ a(hn, { children: n }, t);
     case "heading": {
-      const r = xl(e.attrs?.level);
-      return Sl(r, t, n, jt(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(jt(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);
@@ -1727,10 +1767,10 @@ const pl = {
     default:
       return /* @__PURE__ */ a("span", { children: n }, t);
   }
-}, ml = (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) => vl(o, r, `${t}-${i}`), n);
-}, vl = (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":
@@ -1748,10 +1788,10 @@ const pl = {
       return /* @__PURE__ */ a("code", { children: t }, n);
     case "link": {
       const r = ge(e.attrs?.href);
-      return pn(r) ? /* @__PURE__ */ a("a", { className: gl, 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 = yl(e.attrs);
+      const r = Tl(e.attrs);
       return r ? /* @__PURE__ */ a("span", { style: r, children: t }, n) : /* @__PURE__ */ a("span", { children: t }, n);
     }
     default:
@@ -1760,17 +1800,17 @@ const pl = {
 }, qt = (e) => {
   const t = ge(e && typeof e == "object" ? e.fontFamily : e);
   if (t)
-    return pl[t] ?? t;
-}, yl = (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 = bl(e.fontSize);
+  const o = wl(e.fontSize);
   return o && (t.fontSize = o), Object.keys(t).length > 0 ? t : null;
-}, bl = (e) => typeof e == "number" && Number.isFinite(e) ? `${e / 10}em` : ge(e), ge = (e) => typeof e == "string" && e.length > 0 ? e : void 0, xl = (e) => typeof e != "number" ? 3 : e < 1 ? 1 : e > 3 ? 3 : Math.round(e), Sl = (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);
@@ -1779,12 +1819,12 @@ const pl = {
     case 3:
       return /* @__PURE__ */ a("h3", { style: o, children: n }, t);
   }
-}, jt = (e) => {
+}, 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 kl = "_4dlrid0", Xr = "_4dlrid1", Ll = "xfz7dq0", Cl = "xfz7dq1", Tl = "xfz7dq2", wl = "xfz7dq3", Al = "xfz7dq4";
-const El = ({
+}, 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",
@@ -1793,73 +1833,73 @@ const El = ({
   source: i,
   isSourceVisible: c
 }) => {
-  const l = n === "editable", d = o && (l || r !== null), u = c && i !== null && Fl(i);
-  return !d && !u ? null : /* @__PURE__ */ f(
+  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: Ll,
+      className: Pl,
       style: {
         left: t.x,
         top: t.y,
         width: t.width
       },
       children: [
-        d ? l ? /* @__PURE__ */ a(Nl, { caption: r }) : /* @__PURE__ */ a(_l, { caption: r }) : null,
-        u && /* @__PURE__ */ a(Pl, { source: i })
+        d ? l ? /* @__PURE__ */ a(zl, { caption: r }) : /* @__PURE__ */ a(Ml, { caption: r }) : null,
+        u && /* @__PURE__ */ a(Dl, { source: i })
       ]
     }
   );
-}, _l = ({ caption: e }) => e === null ? null : typeof e == "string" ? /* @__PURE__ */ a("p", { className: Xr, children: e }) : /* @__PURE__ */ a(De, { content: e }), Pl = ({ source: e }) => {
-  const t = pn(e.url) ? e.url : void 0, n = e.label ?? (t !== void 0 ? Hl(t) : "");
-  return n === "" && t === void 0 ? null : /* @__PURE__ */ f("div", { className: Cl, children: [
-    /* @__PURE__ */ a("span", { className: wl, children: "Source:" }),
-    t !== void 0 ? /* @__PURE__ */ a("a", { className: Tl, href: t, target: "_blank", rel: "noopener noreferrer", children: n }) : /* @__PURE__ */ a("span", { className: Al, 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 })
   ] });
-}, Hl = (e) => {
+}, Ol = (e) => {
   try {
     return new URL(e).hostname;
   } catch {
     return e;
   }
-}, Fl = (e) => e.label !== void 0 && e.label !== "" || e.url !== void 0 && e.url !== "", Nl = ({ caption: e }) => {
-  const t = Rn(), n = v(() => qi({ 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 = Gs(o) ? null : o;
-      t(new _o({ 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 Bl = "_1k4qtbg0";
-const Il = 3, Ml = ({
+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: Il }, content: Ol(e) }), r && o.push(...Rl(n)), { type: "doc", content: o };
-}, Dl = (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: zl(n?.content ?? []),
-    subtitle: Gl(r)
+    title: Yl(n?.content ?? []),
+    subtitle: jl(r)
   };
-}, _t = (e) => ({
+}, Pt = (e) => ({
   type: e.type ?? "text",
-  ...e.content !== void 0 ? { content: e.content.map(_t) } : {},
+  ...e.content !== void 0 ? { content: e.content.map(Pt) } : {},
   ...e.text !== void 0 ? { text: e.text } : {},
   ...e.marks !== void 0 ? { marks: e.marks } : {},
   ...e.attrs !== void 0 ? { attrs: e.attrs } : {}
-}), Ol = (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 ?? [], Rl = (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(Kt) : [Kt(e)], Kt = (e) => e.type === "paragraph" ? e : { type: "paragraph", content: e.content ?? [e] }, zl = (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(_t) };
-}, Gl = (e) => {
+  return t && e.length === 1 && t.type === "text" && (!t.marks || t.marks.length === 0) ? t.text ?? null : { type: "paragraph", content: e.map(Pt) };
+}, jl = (e) => {
   const t = e.filter((r) => (r.content ?? []).length > 0);
   if (t.length === 0) return null;
   const [n] = t;
@@ -1868,8 +1908,8 @@ const Il = 3, Ml = ({
     if (o && r.length === 1 && o.type === "text" && (!o.marks || o.marks.length === 0))
       return o.text ?? null;
   }
-  return { type: "doc", content: t.map(_t) };
-}, Wl = ({
+  return { type: "doc", content: t.map(Pt) };
+}, ql = ({
   ref: e,
   headerRect: t,
   mode: n = "readonly",
@@ -1883,14 +1923,14 @@ const Il = 3, Ml = ({
     "div",
     {
       ref: e,
-      className: Bl,
+      className: Gl,
       style: {
         left: t.x,
         top: t.y,
         width: t.width
       },
       children: l ? /* @__PURE__ */ a(
-        Xl,
+        Jl,
         {
           title: r,
           isTitleVisible: o,
@@ -1899,7 +1939,7 @@ const Il = 3, Ml = ({
         },
         [o ? "title" : "", c ? "subtitle" : ""].join("-")
       ) : /* @__PURE__ */ a(
-        $l,
+        Kl,
         {
           title: r,
           isTitleVisible: o,
@@ -1909,22 +1949,22 @@ const Il = 3, Ml = ({
       )
     }
   );
-}, $l = ({
+}, Kl = ({
   title: e,
   isTitleVisible: t,
   isSubtitleVisible: n,
   subtitle: r
-}) => /* @__PURE__ */ f(C, { children: [
-  t && e !== null && (typeof e == "string" ? /* @__PURE__ */ a("h1", { className: kl, 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 }))
-] }), Xl = ({
+}) => /* @__PURE__ */ m(T, { children: [
+  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 = Rn(), i = v(
-    () => Yi({
+  const o = Gn(), i = v(
+    () => es({
       titlePlaceholder: "Untitled",
       subtitlePlaceholder: "Untitled",
       isTitleVisible: t,
@@ -1932,84 +1972,84 @@ const Il = 3, Ml = ({
     }),
     [t, n]
   ), c = v(
-    () => Ml({ 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 = Dl(d);
-      t && o(new Po({ title: u.title })), n && o(new Ho({ 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 Vl = "_1u9qprb0", Ul = "_1u9qprb1", Yl = "_9aen060", ql = "_9aen061", jl = "_9aen062", Vr = "_9aen063";
-const Kl = /* @__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: jl,
-  item: Vr,
-  trendRow: ql,
-  valueRow: Yl
-}, Symbol.toStringTag, { value: "Module" })), Jl = (e) => /* @__PURE__ */ a(Z, { ...e, children: /* @__PURE__ */ f("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" })
-] }) }), Zl = (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", Ql = "n7clvo1", ec = "n7clvo2", tc = "n7clvo3", Yr = { small: "n7clvo4", medium: "n7clvo5", large: "n7clvo6" }, nc = { small: "n7clvo7", medium: "n7clvo8", large: "n7clvo9" }, rc = { up: "n7clvoa", down: "n7clvob", flat: "n7clvoc" }, oc = { up: "n7clvoe n7clvod", down: "n7clvof n7clvod", flat: "n7clvog n7clvod" };
-const ac = ({ 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: oc[e.direction], children: e.direction === "flat" ? /* @__PURE__ */ a(Zl, { size: "xs", title: "" }) : /* @__PURE__ */ a(Jl, { size: "xs", title: "" }) });
-  const n = e.fontRole === "value" ? Yr[t] : nc[t];
-  return /* @__PURE__ */ a("span", { className: ce(ic(e), n), children: e.text });
-}, ic = (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 Ql;
+      return ic;
     case "trendPercentage":
-      return rc[e.trendDirection ?? "up"];
+      return dc[e.trendDirection ?? "up"];
     case "trendReference":
-      return ec;
+      return sc;
     case "label":
-      return tc;
+      return lc;
   }
-}, sc = ({ item: e, resolvedSize: t }) => /* @__PURE__ */ a("div", { className: Vr, children: gn(e).map((n) => /* @__PURE__ */ a(lc, { row: n, resolvedSize: t }, n.role)) }), lc = ({ 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: Kl[e.role],
+      className: rc[e.role],
       "data-testid": n ? "headline-trend" : void 0,
-      "data-direction": n ? cc(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(ac, { segment: r, resolvedSize: t }, o))
+      children: e.segments.map((r, o) => /* @__PURE__ */ a(hc, { segment: r, resolvedSize: t }, o))
     }
   );
-}, cc = (e) => {
+}, mc = (e) => {
   const t = e.segments.find((n) => n.kind === "trendArrow");
   return t?.kind === "trendArrow" ? t.direction : void 0;
-}, dc = ({ 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: Ul, style: o, children: /* @__PURE__ */ a("span", { className: ce(Ur, Yr[n]), children: e.value }) }) : /* @__PURE__ */ a("div", { className: Vl, style: o, children: e.items.slice(0, r).map((i, c) => /* @__PURE__ */ a(sc, { 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 uc = "_1oj6yix0", hc = "_1oj6yix1", gc = "_1oj6yix2";
-const pc = 8, fc = 16, mc = 2, vc = ({ legends: e, containerRect: t, textScale: n }) => {
-  const { lineBoxHeight: r } = Tr(n), { placements: o, hasOverlap: i } = yc(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 ? fc : pc, l = c - mc;
-  return /* @__PURE__ */ f("div", { className: uc, children: [
-    i && /* @__PURE__ */ a("svg", { className: hc, width: t.width, height: t.height, children: o.map((d) => /* @__PURE__ */ a(
-      bc,
+  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,
@@ -2021,14 +2061,14 @@ const pc = 8, fc = 16, mc = 2, vc = ({ legends: e, containerRect: t, textScale:
     o.map((d) => /* @__PURE__ */ a(
       "span",
       {
-        className: gc,
+        className: xc,
         style: { left: c, top: d.y, color: d.payload.color },
         children: d.payload.label
       },
       d.payload.key
     ))
   ] });
-}, yc = (e, t, n) => v(() => {
+}, Tc = (e, t, n) => v(() => {
   const r = [];
   for (const o of e)
     for (const i of o.items) {
@@ -2039,12 +2079,12 @@ const pc = 8, fc = 16, mc = 2, vc = ({ 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 } : Fo({
+  return r.length === 0 || t.height <= 0 ? { placements: [], hasOverlap: !1 } : Bo({
     items: r,
     containerHeight: t.height,
     labelHeight: n
   });
-}, [e, t.height, n]), bc = ({ 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",
@@ -2057,9 +2097,9 @@ const pc = 8, fc = 16, mc = 2, vc = ({ legends: e, containerRect: t, textScale:
     }
   );
 };
-var xc = "_6a636s0";
-const Sc = /\p{Emoji_Presentation}|\p{Emoji}\uFE0F/gu, qr = "😀";
-class Pt {
+var Ac = "_6a636s0";
+const Ec = /\p{Emoji_Presentation}|\p{Emoji}\uFE0F/gu, qr = "😀";
+class Ht {
   constructor() {
     this.emojiCorrections = /* @__PURE__ */ new Map(), this.currentFont = "";
     const n = new OffscreenCanvas(1, 1).getContext("2d");
@@ -2078,14 +2118,14 @@ class Pt {
    * Note: document.fonts.ready still resolves even if some fonts fail to load.
    */
   static async create() {
-    return typeof document < "u" && "fonts" in document && await document.fonts.ready, new Pt();
+    return typeof document < "u" && "fonts" in document && await document.fonts.ready, new Ht();
   }
   measureText(t, n) {
-    const r = No(n);
+    const r = Io(n);
     this.setFont(r);
     const { width: o, fontBoundingBoxAscent: i, fontBoundingBoxDescent: c } = this.ctx.measureText(t);
     let l = o;
-    const d = kc(t);
+    const d = _c(t);
     if (d > 0) {
       const u = this.getEmojiCorrection(r);
       l -= u * d;
@@ -2113,7 +2153,7 @@ class Pt {
     const n = this.emojiCorrections.get(t);
     if (n !== void 0) return n;
     this.setFont(t);
-    const r = this.ctx.measureText(qr).width, o = Lc(t);
+    const r = this.ctx.measureText(qr).width, o = Pc(t);
     let i = 0;
     if (o !== null) {
       const c = r - o;
@@ -2122,20 +2162,20 @@ class Pt {
     return this.emojiCorrections.set(t, i), i;
   }
 }
-let j = null;
-const kc = (e) => {
-  const t = e.match(Sc);
+let q = null;
+const _c = (e) => {
+  const t = e.match(Ec);
   return t ? t.length : 0;
-}, Lc = (e) => {
-  const t = Cc();
+}, Pc = (e) => {
+  const t = Hc();
   return t ? (t.style.font = e, t.getBoundingClientRect().width) : null;
-}, Cc = () => typeof document > "u" ? null : (j || (j = document.createElement("span"), j.style.position = "absolute", j.style.visibility = "hidden", j.style.whiteSpace = "nowrap", j.style.left = "-9999px", j.textContent = qr, document.body.appendChild(j)), j), jr = fe(null), Tc = ({ 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(wc());
+      i || r(Nc());
     };
     return (async () => {
       typeof document < "u" && "fonts" in document && await document.fonts.ready, c();
@@ -2144,21 +2184,21 @@ const kc = (e) => {
     };
   }, [t]);
   const o = t ?? n;
-  return o === null ? null : /* @__PURE__ */ a(jr.Provider, { value: o, children: e });
+  return o === null ? null : /* @__PURE__ */ a(Kr.Provider, { value: o, children: e });
 }, ve = () => {
-  const e = re(jr);
+  const e = ee(Kr);
   if (e === null)
     throw new Error("useTextMeasurer must be used inside a <TextMeasurerProvider>.");
   return e;
-}, wc = () => {
+}, Nc = () => {
   try {
-    return new Bt(new Pt());
+    return new It(new Ht());
   } catch {
-    return new Bt(new Bo());
+    return new It(new Mo());
   }
 };
-var Ac = "_1kjk02r0", Ec = "_1kjk02r1", _c = "_1kjk02r2", Pc = "_1kjk02r3", Hc = "_1kjk02r4", Fc = "_1kjk02r5", Nc = "_1kjk02r6", Bc = "_1kjk02r7", Ic = "_1kjk02r8", Mc = "_1kjk02r9", Dc = "_1kjk02ra", Oc = "_1kjk02rb", Rc = "_1dw9dgx0";
-const zc = "#9ca3af", nt = "\0", Gc = (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");
@@ -2178,29 +2218,29 @@ const zc = "#9ca3af", nt = "\0", Gc = (e) => {
       });
     }
   }), t;
-}, Kr = ({ pill: e }) => e.isBubble ? /* @__PURE__ */ a(Xc, { pill: e }) : /* @__PURE__ */ a($c, { pill: e }), Wc = ({ color: e, lineType: t, shape: n }) => {
-  const { legendSwatchWidth: r, legendSwatchHeight: o } = Tt();
+}, 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;
-}, $c = ({ pill: e }) => /* @__PURE__ */ f(C, { children: [
-  /* @__PURE__ */ a(Wc, { 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 })
-] }), Xc = ({ pill: e }) => {
+] }), Jc = ({ pill: e }) => {
   const t = Number(e.visual.size);
-  return /* @__PURE__ */ f(C, { children: [
+  return /* @__PURE__ */ m(T, { children: [
     /* @__PURE__ */ a(
       "span",
       {
-        className: Rc,
+        className: Uc,
         style: {
           width: t,
           height: t,
-          backgroundColor: e.visual.color ?? zc
+          backgroundColor: e.visual.color ?? Yc
         }
       }
     ),
     /* @__PURE__ */ a("span", { children: e.formattedLabel })
   ] });
-}, Vc = ({ 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,
@@ -2208,37 +2248,37 @@ const zc = "#9ca3af", nt = "\0", Gc = (e) => {
   });
   L(() => {
     if (!r) return;
-    const h = (m) => {
-      const p = m.target;
-      if (!p) return;
+    const h = (p) => {
+      const f = p.target;
+      if (!f) return;
       const y = i.reference.current, S = i.floating.current;
-      y instanceof Element && y.contains(p) || S instanceof Element && S.contains(p) || o(!1);
-    }, g = (m) => {
-      m.key === "Escape" && o(!1);
+      y instanceof Element && y.contains(f) || S instanceof Element && S.contains(f) || o(!1);
+    }, g = (p) => {
+      p.key === "Escape" && o(!1);
     };
     return document.addEventListener("pointerdown", h), document.addEventListener("keydown", g), () => {
       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);
-  return /* @__PURE__ */ f(C, { children: [
-    /* @__PURE__ */ f(
+  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(Ac, {
-          [_c]: l,
-          [Ec]: !l
+        className: ce(Bc, {
+          [Mc]: l,
+          [Ic]: !l
         }),
         children: [
           u.map((h) => /* @__PURE__ */ a(
             "span",
             {
-              className: ce(Pc, {
-                [Fc]: l,
-                [Hc]: !l
+              className: ce(Dc, {
+                [Rc]: l,
+                [Oc]: !l
               }),
-              style: Uc(h, l),
+              style: Qc(h, l),
               "aria-hidden": !0
             },
             h
@@ -2247,12 +2287,12 @@ const zc = "#9ca3af", nt = "\0", Gc = (e) => {
             "button",
             {
               type: "button",
-              className: ce(Nc, { [Bc]: 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__ */ f("span", { className: Ic, children: [
+              children: /* @__PURE__ */ m("span", { className: Wc, children: [
                 "+",
                 e.length
               ] })
@@ -2267,43 +2307,43 @@ const zc = "#9ca3af", nt = "\0", Gc = (e) => {
         ref: i.setFloating,
         role: "dialog",
         "aria-label": n("graph.legend.hiddenItems"),
-        className: Mc,
+        className: $c,
         style: c,
-        children: /* @__PURE__ */ a("ul", { className: Dc, children: e.map((h) => /* @__PURE__ */ a("li", { className: Oc, 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)) })
       }
     )
   ] });
-}, Uc = (e, t) => {
-  const n = -e * ir;
+}, Qc = (e, t) => {
+  const n = -e * sr;
   return { transform: t ? `translateY(${n}px)` : `translateX(${n}px)` };
 };
-var Yc = "_1cecisi0", qc = "_1cecisi1", jc = "_1cecisi2", Kc = "_1cecisi3";
-const Jc = ({
+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 = Tt(), l = v(() => Gc(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 = Q(sr, o), S = { family: cr, size: y }, k = y * lr, w = ($) => d ? Zc($, k, c) : Jt({
-      label: $.formattedLabel,
-      swatchInlineSize: Qc($, 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,
       horizontalChrome: c.legendPillHorizontalChrome
-    }), A = l.map(w), _ = (d ? k + c.legendPillVerticalChrome : Jt({
+    }), A = l.map(w), _ = (d ? k + c.legendPillVerticalChrome : Zt({
       label: `+${l.length}`,
       swatchInlineSize: 0,
       textMeasurer: i,
       font: S,
       swatchGap: c.legendSwatchGap,
       horizontalChrome: c.legendPillHorizontalChrome
-    })) + yi;
-    return td({
+    })) + ki;
+    return ld({
       pillSizes: A,
       overflowPillSize: _,
       containerSize: u,
@@ -2311,21 +2351,21 @@ const Jc = ({
     });
   }, [l, u, d, i, o, c]);
   if (l.length === 0) return null;
-  const g = l.slice(0, h.visibleCount), m = l.slice(h.visibleCount), p = h.hasOverflow && m.length > 0;
-  return /* @__PURE__ */ f(
+  const g = l.slice(0, h.visibleCount), p = l.slice(h.visibleCount), f = h.hasOverflow && p.length > 0;
+  return /* @__PURE__ */ m(
     "div",
     {
-      className: ce(Yc, {
-        [jc]: d,
-        [qc]: !d
+      className: ce(ed, {
+        [nd]: d,
+        [td]: !d
       }),
       children: [
-        g.map((y) => /* @__PURE__ */ a("div", { className: Kc, children: /* @__PURE__ */ a(Kr, { pill: y }) }, y.key)),
-        p && /* @__PURE__ */ a(Vc, { hiddenPills: m, placement: nd(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) })
       ]
     }
   );
-}, Jt = ({
+}, Zt = ({
   label: e,
   swatchInlineSize: t,
   textMeasurer: n,
@@ -2335,10 +2375,10 @@ const Jc = ({
 }) => {
   const c = n.measureText(e, r).width, l = t > 0 ? o : 0;
   return t + l + c + i;
-}, Zc = (e, t, n) => {
-  const r = ed(e, n.legendSwatchHeight);
+}, ad = (e, t, n) => {
+  const r = sd(e, n.legendSwatchHeight);
   return Math.max(t, r) + n.legendPillVerticalChrome;
-}, Qc = (e, t) => e.isBubble ? Number(e.visual.size) : wr(e.visual.color, t), ed = (e, t) => e.isBubble ? Number(e.visual.size) : t, td = ({
+}, 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,
@@ -2357,7 +2397,7 @@ const Jc = ({
     i = d, c += 1;
   }
   return { visibleCount: c, hasOverflow: !0 };
-}, nd = (e) => {
+}, cd = (e) => {
   switch (e) {
     case "top":
       return "bottom";
@@ -2368,7 +2408,7 @@ const Jc = ({
     case "right":
       return "left";
   }
-}, rd = 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) {
@@ -2377,12 +2417,12 @@ const Jc = ({
     }
     return i;
   }, [t]);
-  return /* @__PURE__ */ a(C, { children: Array.from(o, ([i, c]) => {
+  return /* @__PURE__ */ a(T, { children: Array.from(o, ([i, c]) => {
     const l = n[i];
-    return l === void 0 ? null : /* @__PURE__ */ f(
+    return l === void 0 ? null : /* @__PURE__ */ m(
       "div",
       {
-        className: xc,
+        className: Ac,
         style: {
           left: l.x,
           top: l.y,
@@ -2391,7 +2431,7 @@ const Jc = ({
         },
         children: [
           /* @__PURE__ */ a(
-            Jc,
+            od,
             {
               edge: i,
               formattedLegends: c.pill,
@@ -2400,17 +2440,17 @@ const Jc = ({
               textScale: r
             }
           ),
-          /* @__PURE__ */ a(vc, { legends: c.direct, containerRect: l, textScale: r })
+          /* @__PURE__ */ a(Cc, { legends: c.direct, containerRect: l, textScale: r })
         ]
       },
       i
     );
   }) });
 });
-const Ht = 1, Jr = 8, od = 12;
+const Ft = 1, Zr = 8, ud = 12;
 s.pointStrokeColor;
-const ad = 1, id = 2, sd = 0.7, pe = ({ hit: e }) => {
-  const t = z(e.observation), n = (W(e.observation) ?? Ht) * sd, 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",
     {
@@ -2420,20 +2460,20 @@ const ad = 1, id = 2, sd = 0.7, pe = ({ hit: e }) => {
       fill: t,
       opacity: n,
       stroke: s.hoveredPointRingColor,
-      strokeWidth: id,
+      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 = Cn(e);
+  const n = wn(e);
   return L(() => {
-    const r = da(n.get(), e);
-    Ko(0, 1, {
+    const r = ha(n.get(), e);
+    Zo(0, 1, {
       ...t,
       onUpdate: (o) => {
         const i = r(o);
@@ -2443,30 +2483,30 @@ const ad = 1, id = 2, sd = 0.7, pe = ({ hit: e }) => {
   }, [t, e, n]), n;
 };
 var ye = "_1d8mpa10";
-const ld = oe(function({
+const fd = oe(function({
   layer: t,
   coordSystem: n,
   isAnimated: r
 }) {
   const { lineGenerator: o, areaGenerator: i } = v(
-    () => fn(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 = mn([...u], t.params.missingValues), g = i(h), m = o(h);
-      if (!g || !m) return;
-      const p = h[0];
-      if (!p) return;
-      const y = z(p), S = W(p), k = $e(p, t.params), w = Xe(Ve(p));
+    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 = X(f), k = $e(f, t.params), w = Xe(Ve(f));
       d.push({
-        key: l(p),
+        key: l(f),
         areaPath: g,
-        linePath: m,
+        linePath: p,
         color: y,
-        fillOpacity: S ?? Zr,
+        fillOpacity: S ?? Qr,
         strokeWidth: k,
-        strokeOpacity: Qr,
+        strokeOpacity: eo,
         strokeDasharray: w
       });
     }), d;
@@ -2481,7 +2521,7 @@ const ld = oe(function({
       "data-geom": "area",
       className: ye,
       children: c.map((l) => /* @__PURE__ */ a(
-        cd,
+        md,
         {
           areaPath: l.areaPath,
           linePath: l.linePath,
@@ -2496,7 +2536,7 @@ const ld = oe(function({
       ))
     }
   );
-}), cd = ({
+}), md = ({
   areaPath: e,
   linePath: t,
   color: n,
@@ -2506,7 +2546,7 @@ const ld = oe(function({
   strokeDasharray: c,
   isAnimated: l
 }) => l ? /* @__PURE__ */ a(
-  dd,
+  vd,
   {
     areaPath: e,
     linePath: t,
@@ -2516,7 +2556,7 @@ const ld = oe(function({
     strokeOpacity: i,
     strokeDasharray: c
   }
-) : /* @__PURE__ */ f("g", { children: [
+) : /* @__PURE__ */ m("g", { children: [
   /* @__PURE__ */ a("path", { d: e, fill: n, fillOpacity: r, stroke: "none" }),
   /* @__PURE__ */ a(
     "path",
@@ -2530,7 +2570,7 @@ const ld = oe(function({
       vectorEffect: "non-scaling-stroke"
     }
   )
-] }), dd = ({
+] }), vd = ({
   areaPath: e,
   linePath: t,
   color: n,
@@ -2540,7 +2580,7 @@ const ld = oe(function({
   strokeDasharray: c
 }) => {
   const l = pt(e, O), d = pt(t, O);
-  return /* @__PURE__ */ f("g", { children: [
+  return /* @__PURE__ */ m("g", { children: [
     /* @__PURE__ */ a(Y.path, { d: l, fill: n, fillOpacity: r, stroke: "none" }),
     /* @__PURE__ */ a(
       Y.path,
@@ -2556,10 +2596,10 @@ const ld = oe(function({
     )
   ] });
 };
-var ud = "_46ebsf0";
-const rt = 1, hd = 2, gd = 1, pd = od / 2, fd = 2.25, Ft = ({ hit: e, ...t }) => {
-  const n = md(e.observation), r = z(e.observation), o = W(e.observation) ?? Ht, i = x(Ge(e.x)), c = x(ze(e.y)), d = n + rt / 2 + gd + rt / 2;
-  return /* @__PURE__ */ f("g", { ...t, className: ud, 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",
       {
@@ -2568,7 +2608,7 @@ const rt = 1, hd = 2, gd = 1, pd = od / 2, fd = 2.25, Ft = ({ hit: e, ...t }) =>
         r: d,
         fill: "none",
         stroke: s.hoveredPointRingColor,
-        strokeWidth: hd
+        strokeWidth: bd
       }
     ),
     /* @__PURE__ */ a(
@@ -2584,24 +2624,24 @@ const rt = 1, hd = 2, gd = 1, pd = od / 2, fd = 2.25, Ft = ({ hit: e, ...t }) =>
       }
     )
   ] });
-}, md = (e) => {
+}, Ld = (e) => {
   const t = Re(e);
-  return vn(t) ? t / fd : pd;
-}, vd = ({ layer: e, coordSystem: t, primary: n, companions: r }) => {
-  const o = yn(n.observation), i = v(() => {
-    const m = e.data.filter(we.group, "eq", o);
-    return mn([...m], 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: m, areaGenerator: p } = fn(t, e.params);
+    const { lineGenerator: p, areaGenerator: f } = vn(t, e.params);
     return {
-      areaPath: p(i) ?? "",
-      linePath: m(i) ?? ""
+      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));
-  return /* @__PURE__ */ f("g", { "data-testid": "hovered-area", children: [
-    /* @__PURE__ */ f(
+  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",
       {
         viewBox: "0 0 1 1",
@@ -2619,7 +2659,7 @@ const rt = 1, hd = 2, gd = 1, pd = od / 2, fd = 2.25, Ft = ({ hit: e, ...t }) =>
               fill: "none",
               stroke: d,
               strokeWidth: h,
-              strokeOpacity: Qr,
+              strokeOpacity: eo,
               strokeDasharray: g,
               vectorEffect: "non-scaling-stroke",
               "data-testid": "hovered-area-edge"
@@ -2628,25 +2668,25 @@ const rt = 1, hd = 2, gd = 1, pd = od / 2, fd = 2.25, Ft = ({ hit: e, ...t }) =>
         ]
       }
     ),
-    r.map((m) => /* @__PURE__ */ a(pe, { hit: m }, `companion-${m.layerId}-${m.pointIndex}`)),
-    /* @__PURE__ */ a(Ft, { hit: n, "data-testid": "hovered-area-point" })
+    r.map((p) => /* @__PURE__ */ a(pe, { hit: p }, `companion-${p.layerId}-${p.pointIndex}`)),
+    /* @__PURE__ */ a(Nt, { hit: n, "data-testid": "hovered-area-point" })
   ] });
-}, yd = {
+}, Td = {
   geom: "area",
   coord: "cartesian",
   guideMode: "continuous",
-  render: ({ layer: e, coordSystem: t, isAnimated: n }) => /* @__PURE__ */ a(ld, { layer: e, coordSystem: t, isAnimated: n }),
-  renderHover: ({ layer: e, coordSystem: t, primary: n, group: r, related: o }) => /* @__PURE__ */ a(vd, { layer: e, coordSystem: t, primary: n, companions: [...r, ...o] }),
-  renderHoverCompanions: ({ related: e }) => /* @__PURE__ */ a(C, { children: e.map((t) => /* @__PURE__ */ a(pe, { hit: t }, `companion-${t.layerId}-${t.pointIndex}`)) }),
+  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 = Io(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 = Mo(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, bd = oe(function({
+}, to = 1, we = 4, wd = oe(function({
   layer: t,
   coordSystem: n,
   isAnimated: r
@@ -2654,37 +2694,37 @@ const rt = 1, hd = 2, gd = 1, pd = od / 2, fd = 2.25, Ft = ({ 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 = bn(n.mainAxis, u);
+      const h = Sn(n.mainAxis, u);
       if (!h) continue;
-      const g = Sd(n.mainAxis, h), m = d.get(g), p = {
+      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
       };
-      m ? m.push(p) : d.set(g, [p]);
+      p ? p.push(f) : d.set(g, [f]);
     }
     return [...d.entries()].map(([u, h]) => ({
       id: `${o}${u}`,
       bars: h,
-      ...kd(h)
+      ..._d(h)
     }));
   }, [o, n.mainAxis, t]), c = i.filter((l) => l.bars.length > 1);
-  return /* @__PURE__ */ f(C, { children: [
-    c.length > 0 && /* @__PURE__ */ a("defs", { children: c.map((l) => /* @__PURE__ */ a("clipPath", { id: l.id, children: /* @__PURE__ */ a(xd, { column: l, isAnimated: r }) }, l.id)) }),
+  return /* @__PURE__ */ m(T, { children: [
+    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(Zt, { ...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;
-        return /* @__PURE__ */ a(Zt, { ...g, isAnimated: r }, h);
+        return /* @__PURE__ */ a(Qt, { ...g, isAnimated: r }, h);
       }) }, l.id);
     })
   ] });
-}), Zt = ({ isAnimated: e, rx: t, ...n }) => e ? /* @__PURE__ */ a(
+}), Qt = ({ isAnimated: e, rx: t, ...n }) => e ? /* @__PURE__ */ a(
   Y.rect,
   {
     initial: !1,
@@ -2713,13 +2753,13 @@ const rt = 1, hd = 2, gd = 1, pd = od / 2, fd = 2.25, Ft = ({ hit: e, ...t }) =>
     opacity: n.opacity,
     rx: t
   }
-), xd = ({ 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),
@@ -2734,20 +2774,20 @@ const rt = 1, hd = 2, gd = 1, pd = od / 2, fd = 2.25, Ft = ({ hit: e, ...t }) =>
     y: x(e.y),
     width: x(e.width),
     height: x(e.height),
-    rx: Te
+    rx: we
   }
-), Sd = (e, t) => e === "x" ? `${t.x}-${t.width}` : `${t.y}-${t.height}`, kd = (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 Ld = "_1suo8ub0";
-const ke = 3, Cd = ({ coordSystem: e, primary: t, panelRect: n }) => {
-  const r = bn(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, m = Te + ke, p = z(t.observation), y = W(t.observation) ?? eo;
-  return /* @__PURE__ */ f("g", { "data-testid": "hovered-bar", children: [
+  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",
       {
@@ -2755,9 +2795,9 @@ const ke = 3, Cd = ({ coordSystem: e, primary: t, panelRect: n }) => {
         y: u,
         width: h,
         height: g,
-        rx: m,
+        rx: p,
         fill: s.hoveredBarBorderColor,
-        className: Ld,
+        className: Pd,
         "data-testid": "hovered-bar-border"
       }
     ),
@@ -2768,38 +2808,38 @@ const ke = 3, Cd = ({ coordSystem: e, primary: t, panelRect: n }) => {
         y: x(r.y),
         width: x(r.width),
         height: x(r.height),
-        fill: p,
+        fill: f,
         opacity: y,
-        rx: Te,
+        rx: we,
         "data-testid": "hovered-bar-fill"
       }
     )
   ] });
-}, Td = {
+}, Fd = {
   geom: "bar",
   coord: "cartesian",
   guideMode: "bar",
-  render: ({ layer: e, coordSystem: t, isAnimated: n }) => /* @__PURE__ */ a(bd, { layer: e, coordSystem: t, isAnimated: n }),
-  renderHover: ({ coordSystem: e, primary: t, panelRect: n }) => /* @__PURE__ */ a(Cd, { 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, wd = oe(function({
+}, no = 1, Nd = oe(function({
   layer: t,
   isAnimated: n
 }) {
-  const r = v(() => xn(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 = Sn([...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), m = W(h), p = $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: m ?? to,
-        strokeWidth: p,
+        opacity: p ?? no,
+        strokeWidth: f,
         strokeDasharray: y
       });
     }), c;
@@ -2814,7 +2854,7 @@ const ke = 3, Cd = ({ coordSystem: e, primary: t, panelRect: n }) => {
       "data-geom": "line",
       className: ye,
       children: o.map((i) => /* @__PURE__ */ a(
-        Ad,
+        Bd,
         {
           pathData: i.pathData,
           color: i.color,
@@ -2827,8 +2867,8 @@ const ke = 3, Cd = ({ coordSystem: e, primary: t, panelRect: n }) => {
       ))
     }
   );
-}), Ad = ({ pathData: e, color: t, strokeWidth: n, opacity: r, strokeDasharray: o, isAnimated: i }) => i ? /* @__PURE__ */ a(
-  Ed,
+}), Bd = ({ pathData: e, color: t, strokeWidth: n, opacity: r, strokeDasharray: o, isAnimated: i }) => i ? /* @__PURE__ */ a(
+  Id,
   {
     pathData: e,
     color: t,
@@ -2847,7 +2887,7 @@ const ke = 3, Cd = ({ coordSystem: e, primary: t, panelRect: n }) => {
     strokeDasharray: o,
     vectorEffect: "non-scaling-stroke"
   }
-), Ed = ({
+), Id = ({
   pathData: e,
   color: t,
   strokeWidth: n,
@@ -2867,14 +2907,14 @@ const ke = 3, Cd = ({ coordSystem: e, primary: t, panelRect: n }) => {
       vectorEffect: "non-scaling-stroke"
     }
   );
-}, _d = ({ layer: e, primary: t, companions: n }) => {
-  const r = yn(t.observation), o = v(() => {
-    const h = e.data.filter(we.group, "eq", r);
-    return Sn([...h], e.params.missingValues);
-  }, [e.data, e.params.missingValues, r]), i = v(() => xn(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));
-  return /* @__PURE__ */ f("g", { "data-testid": "hovered-line", children: [
+  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",
       {
@@ -2900,20 +2940,20 @@ const ke = 3, Cd = ({ coordSystem: e, primary: t, panelRect: n }) => {
       }
     ),
     n.map((h) => /* @__PURE__ */ a(pe, { hit: h }, `companion-${h.layerId}-${h.pointIndex}`)),
-    /* @__PURE__ */ a(Ft, { hit: t, "data-testid": "hovered-line-point" })
+    /* @__PURE__ */ a(Nt, { hit: t, "data-testid": "hovered-line-point" })
   ] });
-}, Pd = {
+}, Dd = {
   geom: "line",
   coord: "cartesian",
   guideMode: "continuous",
-  render: ({ layer: e, isAnimated: t }) => /* @__PURE__ */ a(wd, { layer: e, isAnimated: t }),
-  renderHover: ({ layer: e, primary: t, group: n, related: r }) => /* @__PURE__ */ a(_d, { layer: e, primary: t, companions: [...n, ...r] }),
-  renderHoverCompanions: ({ related: e }) => /* @__PURE__ */ a(C, { children: e.map((t) => /* @__PURE__ */ a(pe, { hit: t }, `companion-${t.layerId}-${t.pointIndex}`)) }),
+  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 };
   }
-}, Hd = oe(function({
+}, Od = oe(function({
   layer: t,
   isAnimated: n
 }) {
@@ -2924,22 +2964,22 @@ const ke = 3, Cd = ({ 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), m = Re(c), p = Do(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
         cx: Ge(d),
         cy: ze(u),
-        radius: (m ?? t.params.size) / 2,
+        radius: (p ?? t.params.size) / 2,
         fill: h,
         stroke: s.pointStrokeColor,
-        opacity: g ?? Ht,
-        strokeWidth: p ?? ad
+        opacity: g ?? Ft,
+        strokeWidth: f ?? hd
       });
     }
     return o;
   }, [t.data, t.params.size]);
-  return /* @__PURE__ */ a(C, { children: r.map((o) => n ? /* @__PURE__ */ a(
+  return /* @__PURE__ */ a(T, { children: r.map((o) => n ? /* @__PURE__ */ a(
     Y.circle,
     {
       initial: !1,
@@ -2968,43 +3008,43 @@ const ke = 3, Cd = ({ coordSystem: e, primary: t, panelRect: n }) => {
     },
     o.key
   )) });
-}), Fd = {
+}), Rd = {
   geom: "point",
   coord: "cartesian",
   guideMode: null,
-  render: ({ layer: e, isAnimated: t }) => /* @__PURE__ */ a(Hd, { layer: e, isAnimated: t }),
-  renderHover: ({ primary: e, group: t, related: n }) => /* @__PURE__ */ f("g", { "data-testid": "hovered-point", children: [
+  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(Ft, { hit: e })
+    /* @__PURE__ */ a(Nt, { hit: e })
   ] }),
-  renderHoverCompanions: ({ related: e }) => /* @__PURE__ */ a(C, { children: e.map((t) => /* @__PURE__ */ a(pe, { hit: t }, `companion-${t.layerId}-${t.pointIndex}`)) }),
+  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 };
   }
-}, Nd = 11.7, Bd = N.xs, Id = R, Md = K.medium, Le = 5, Dd = 5, Qt = 10, en = 10, Od = 4, Oe = 13, no = 6, ot = 12, tn = 21.6, Rd = "0 0 10 18", zd = "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", nn = "#FFFFFF", at = "#1A1A1A";
-var Gd = "_16vokpr0";
-const Wd = (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;
-}, $d = (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%" };
-}, Xd = (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
-}, Vd = (e) => {
+}, Zd = (e) => {
   const t = e.params.color, n = t ?? s.targetLineColor;
   let r = s.targetLineLabelTextColor;
   if (t !== void 0)
     try {
-      r = ct(t, nn) > ct(t, at) ? nn : at;
+      r = ct(t, rn) > ct(t, at) ? rn : at;
     } catch {
       r = at;
     }
   return { lineColor: n, labelTextColor: r };
-}, Ud = (e, t) => Be(e) && Be(t) ? `${e}: ${t}` : Be(e) ? e : Be(t) ? t : null, Be = (e) => e != null && e.trim() !== "", Yd = ({
+}, 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,
@@ -3013,21 +3053,21 @@ const Wd = (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%", m = x(1 - t), p = /* @__PURE__ */ f("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",
       {
         x: u,
-        y: (o - tn) / 2,
+        y: (o - nn) / 2,
         width: ot,
-        height: tn,
-        viewBox: Rd,
+        height: nn,
+        viewBox: Ud,
         overflow: "visible",
-        children: /* @__PURE__ */ a("path", { d: zd, 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,
@@ -3035,12 +3075,12 @@ const Wd = (e, t) => {
       initial: !1,
       transition: O,
       x: g,
-      animate: { y: m },
+      animate: { y: p },
       overflow: "visible",
-      children: p
+      children: f
     }
-  ) : /* @__PURE__ */ a("svg", { x: g, y: m, overflow: "visible", children: p });
-}, qd = ({
+  ) : /* @__PURE__ */ a("svg", { x: g, y: p, overflow: "visible", children: f });
+}, tu = ({
   labelPosition: e,
   linePosition: t,
   color: n,
@@ -3049,9 +3089,9 @@ const Wd = (e, t) => {
   text: i,
   isAnimated: c
 }) => {
-  const l = e === "start", d = l ? -Oe : -(o - Oe), u = x(t), h = l ? "100%" : "0%", g = /* @__PURE__ */ f("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 })
+  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: ro, fill: n }),
+    /* @__PURE__ */ a("g", { transform: `translate(${Ce}, ${d + o / 2})`, children: i })
   ] });
   return c ? /* @__PURE__ */ a(
     Y.svg,
@@ -3064,7 +3104,7 @@ const Wd = (e, t) => {
       children: g
     }
   ) : /* @__PURE__ */ a("svg", { x: u, y: h, overflow: "visible", children: g });
-}, jd = ({
+}, nu = ({
   label: e,
   textWidth: t,
   labelPosition: n,
@@ -3076,8 +3116,8 @@ const Wd = (e, t) => {
   symbolColor: d,
   isAnimated: u
 }) => {
-  const h = l === null ? 0 : Qt + Od, g = t + h + Le * 2, m = Nd + Dd * 2, p = /* @__PURE__ */ f(C, { children: [
-    l !== null && d !== null && /* @__PURE__ */ a("g", { transform: `translate(0, ${-en / 2})`, children: /* @__PURE__ */ a(Ye, { shape: l, color: d, width: Qt, height: en }) }),
+  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",
       {
@@ -3091,30 +3131,30 @@ const Wd = (e, t) => {
     )
   ] });
   return r ? /* @__PURE__ */ a(
-    Yd,
+    eu,
     {
       labelPosition: n,
       linePosition: o,
       color: i,
       pillWidth: g,
-      pillHeight: m,
-      text: p,
+      pillHeight: p,
+      text: f,
       isAnimated: u
     }
   ) : /* @__PURE__ */ a(
-    qd,
+    tu,
     {
       labelPosition: n,
       linePosition: o,
       color: i,
       pillWidth: g,
-      pillHeight: m,
-      text: p,
+      pillHeight: p,
+      text: f,
       isAnimated: u
     }
   );
-}, Kd = ({ layer: e, isHorizontalLine: t, position: n, lineColor: r, isAnimated: o }) => {
-  const i = $d(t, n), c = Xd(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,
     {
@@ -3136,14 +3176,14 @@ const Wd = (e, t) => {
       vectorEffect: "non-scaling-stroke"
     }
   );
-}, Jd = oe(function({
+}, ou = oe(function({
   layer: t,
   coordSystem: n,
   formattingLocale: r,
   isAnimated: o
 }) {
   const i = ve(), { guides: c, numberFormat: l, textScale: d, layers: u, colorScale: h } = B(
-    q((_) => ({
+    j((_) => ({
       guides: _.guides,
       numberFormat: _.config.numberFormat,
       textScale: _.config.appearance.textScale,
@@ -3151,27 +3191,27 @@ const Wd = (e, t) => {
       colorScale: _.scales.color
     }))
   ), g = v(
-    () => Oo(u, h, n).get(t.id) ?? null,
+    () => zo(u, h, n).get(t.id) ?? null,
     [u, h, n, t.id]
-  ), m = v(
-    () => Ud(t.params.label, Ro({ guides: c, numberFormat: l, layer: t, locale: r })),
-    [c, l, r, t]
   ), p = v(
+    () => Qd(t.params.label, Go({ guides: c, numberFormat: l, layer: t, locale: r })),
+    [c, l, r, t]
+  ), f = v(
     () => ({
-      family: Id,
-      size: Q(Bd, d),
-      weight: Md
+      family: Wd,
+      size: te(Gd, d),
+      weight: $d
     }),
     [d]
   ), y = v(
-    () => m === null ? 0 : i.measureText(m, p).width,
-    [m, p, i]
+    () => p === null ? 0 : i.measureText(p, f).width,
+    [p, f, i]
   ), S = t.data.getFirst();
   if (!S) return null;
-  const { lineColor: k, labelTextColor: w } = Vd(t), A = Wd(t, n), I = A ? he(S) : ue(S);
-  return I === null ? null : /* @__PURE__ */ f("g", { "data-geom": "rule", className: Gd, 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(
-      Kd,
+      ru,
       {
         layer: t,
         isHorizontalLine: A,
@@ -3180,10 +3220,10 @@ const Wd = (e, t) => {
         isAnimated: o
       }
     ),
-    m !== null && /* @__PURE__ */ a(
-      jd,
+    p !== null && /* @__PURE__ */ a(
+      nu,
       {
-        label: m,
+        label: p,
         textWidth: y,
         labelPosition: t.params.labelPosition,
         isHorizontalLine: A,
@@ -3196,12 +3236,12 @@ const Wd = (e, t) => {
       }
     )
   ] });
-}), Zd = {
+}), au = {
   geom: "rule",
   coord: "cartesian",
   guideMode: null,
   render: ({ layer: e, coordSystem: t, formattingLocale: n, isAnimated: r }) => /* @__PURE__ */ a(
-    Jd,
+    ou,
     {
       layer: e,
       coordSystem: t,
@@ -3211,26 +3251,26 @@ const Wd = (e, t) => {
   ),
   renderHover: () => null,
   renderHoverCompanions: () => null
-}, ro = 1, rn = Math.PI * 2, Qd = oe(function({
+}, oo = 1, on = Math.PI * 2, iu = oe(function({
   layer: t,
   isAnimated: n
 }) {
-  const r = T(!1);
+  const r = C(!1);
   L(() => {
     r.current = !0;
   }, []);
   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 } = kn(l), { innerRadius: g, outerRadius: m } = Ln(l);
-      u === null || h === null || g === null || m === null || c.push({
+      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,
         endAngle: h,
         innerRadius: g,
-        outerRadius: m,
+        outerRadius: p,
         fill: z(l),
-        opacity: W(l) ?? ro
+        opacity: X(l) ?? oo
       });
     }
     return c;
@@ -3247,7 +3287,7 @@ const Wd = (e, t) => {
       children: o.map((i) => {
         if (n) {
           const { key: c, ...l } = i;
-          return /* @__PURE__ */ a(eu, { isInitialRender: !r.current, ...l }, c);
+          return /* @__PURE__ */ a(su, { isInitialRender: !r.current, ...l }, c);
         }
         return /* @__PURE__ */ a(
           "path",
@@ -3266,7 +3306,7 @@ const Wd = (e, t) => {
       })
     }
   );
-}), eu = ({
+}), su = ({
   startAngle: e,
   endAngle: t,
   innerRadius: n,
@@ -3275,29 +3315,29 @@ const Wd = (e, t) => {
   opacity: i,
   isInitialRender: c
 }) => {
-  const l = c ? e : rn, d = c ? t : rn, u = It(l, O), h = It(d, O), g = Cn(
+  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(() => {
     u.set(e), h.set(t);
   }, [u, h, e, t]), L(() => {
-    const m = () => {
+    const p = () => {
       const S = u.get(), k = h.get();
       g.set(
         Ie({ startAngle: S, endAngle: k, innerRadius: n, outerRadius: r }) ?? ""
       );
-    }, p = u.on("change", m), y = h.on("change", m);
+    }, f = u.on("change", p), y = h.on("change", p);
     return () => {
-      p(), y();
+      f(), y();
     };
   }, [u, h, n, r, g]), /* @__PURE__ */ a(Y.path, { d: g, fill: o, opacity: i, transition: O });
-}, tu = ({ primary: e }) => {
-  const { startAngle: t, endAngle: n } = kn(e.observation), { innerRadius: r, outerRadius: o } = Ln(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",
     {
@@ -3311,59 +3351,59 @@ const Wd = (e, t) => {
       children: /* @__PURE__ */ a("path", { d: i, fill: c, opacity: l })
     }
   );
-}, nu = {
+}, cu = {
   geom: "bar",
   coord: "polar",
   guideMode: null,
-  render: ({ layer: e, isAnimated: t }) => /* @__PURE__ */ a(Qd, { layer: e, isAnimated: t }),
-  renderHover: ({ primary: e }) => /* @__PURE__ */ a(tu, { primary: e }),
+  render: ({ layer: e, isAnimated: t }) => /* @__PURE__ */ a(iu, { layer: e, isAnimated: t }),
+  renderHover: ({ primary: e }) => /* @__PURE__ */ a(lu, { primary: e }),
   renderHoverCompanions: () => null
-}, ru = {
+}, du = {
   bar: {
-    cartesian: Td,
-    polar: nu
+    cartesian: Fd,
+    polar: cu
   },
   line: {
-    cartesian: Pd
+    cartesian: Dd
   },
   area: {
-    cartesian: yd
+    cartesian: Td
   },
   point: {
-    cartesian: Fd
+    cartesian: Rd
   },
   rule: {
-    cartesian: Zd
+    cartesian: au
   }
-}, je = (e, t) => ru[e.geom]?.[t.type] ?? null, ou = (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) => je(o, t)).filter((o) => o !== null).map((o) => o.guideMode);
+  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;
-}, au = 1, iu = "4 3", su = ({ panelRect: e }) => {
+}, hu = 1, gu = "4 3", pu = ({ panelRect: e }) => {
   const { coordSystem: t, layers: n, scales: r } = B(
-    q((c) => ({ coordSystem: c.coordSystem, layers: c.layers, scales: c.scales }))
-  ), o = Ct((c) => c.hover.primary);
+    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 = ou(n, t);
-  return i === null ? null : i === "bar" ? /* @__PURE__ */ a(cu, { coordSystem: t, scales: r, primary: o, panelRect: e }) : /* @__PURE__ */ a(lu, { coordSystem: t, primary: o, panelRect: e });
-}, lu = ({ coordSystem: e, primary: t, panelRect: n }) => {
-  const r = Go(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: au,
-      strokeDasharray: iu,
+      strokeWidth: hu,
+      strokeDasharray: gu,
       strokeLinecap: "round",
       "data-testid": "hover-guide-line"
     }
   ) });
-}, cu = ({ coordSystem: e, scales: t, primary: n, panelRect: r }) => {
-  const o = zo(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,
@@ -3374,16 +3414,16 @@ const Wd = (e, t) => {
     "data-testid": "hover-guide",
     children: t
   }
-), du = 200, uu = ({ 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 = hu(r, e), i = gu(r, e, t);
+    const o = bu(r, e), i = xu(r, e, t);
     return () => {
       i(), o();
     };
   }, [e, t, n]);
-}, hu = (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 });
@@ -3392,12 +3432,12 @@ const Wd = (e, t) => {
   const o = () => {
     r !== null && clearTimeout(r), r = setTimeout(() => {
       r = null, n();
-    }, du);
+    }, vu);
   }, i = new ResizeObserver(o);
   return i.observe(e), n(), () => {
     i.disconnect(), r !== null && clearTimeout(r);
   };
-}, gu = (e, t, n) => {
+}, xu = (e, t, n) => {
   let r = null, o = null;
   const i = () => {
     o = null;
@@ -3415,14 +3455,14 @@ const Wd = (e, t) => {
   }, l = () => {
     r = null, o !== null && (cancelAnimationFrame(o), o = null);
     const d = n.getState();
-    d.hover.primary !== null && d.setHoverState(hn);
+    d.hover.primary !== null && d.setHoverState(gn);
   };
   return e.addEventListener("pointermove", c), e.addEventListener("pointerleave", l), () => {
     e.removeEventListener("pointermove", c), e.removeEventListener("pointerleave", l), o !== null && cancelAnimationFrame(o), r = null;
   };
-}, pu = ({ panelRect: e }) => {
+}, Su = ({ panelRect: e }) => {
   const { engine: t, store: n, overlayRef: r } = Ue();
-  return uu({ engine: t, store: n, overlayRef: r }), /* @__PURE__ */ a(
+  return yu({ engine: t, store: n, overlayRef: r }), /* @__PURE__ */ a(
     "rect",
     {
       ref: r,
@@ -3435,8 +3475,8 @@ const Wd = (e, t) => {
       "data-testid": "pointer-capture-layer"
     }
   );
-}, it = "data-hover-active", fu = (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)
@@ -3444,11 +3484,11 @@ const Wd = (e, t) => {
         r.removeAttribute(it);
       };
   }, [e, n]);
-}, ao = N.xs, ft = R, io = K.medium, mu = K.semibold, so = 6, lo = 2, vu = 4, yu = 2, on = 4;
-var bu = "_1agclyl0", xu = "_1agclyl1", Su = "_1agclyl2", ku = { inside: "_1agclyl4 _1agclyl3", outside: "_1agclyl5 _1agclyl3" }, Lu = "_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" ? Lu : ku[l], g = Cu(c, l, d);
-  return /* @__PURE__ */ f("g", { transform: u, children: [
+}, 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",
       {
@@ -3457,21 +3497,21 @@ const co = ({ x: e, y: t, width: n, height: r, text: o, isRotated: i, target: c,
         y: t - r / 2,
         width: n,
         height: r,
-        rx: on,
-        ry: on
+        rx: an,
+        ry: an
       }
     ),
     /* @__PURE__ */ a("text", { className: h, x: e, y: t, textAnchor: "middle", dominantBaseline: "central", children: o })
   ] });
-}, Cu = (e, t, n) => {
-  if (e === "aggregate") return Su;
-  if (t === "outside" && n === "cartesian") return xu;
-}, Tu = {
-  dataLabel: { x: so, y: lo },
-  stackTotal: { x: vu, y: yu }
-}, wu = ({ 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(
-    q((l) => ({
+    j((l) => ({
       layers: l.layers,
       coordSystem: l.coordSystem,
       axes: l.guides.axes,
@@ -3480,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 = Q(ao, r.textScale);
+    const l = te(io, r.textScale);
     return {
-      dataLabel: { family: ft, size: l, weight: io },
-      stackTotal: { family: ft, size: l, weight: mu }
+      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 = Tu[l];
+      const u = n.measureText(d, o[l]), h = Fu[l];
       return {
         ...u,
         width: u.width + h.x * 2,
@@ -3496,11 +3536,11 @@ const co = ({ x: e, y: t, width: n, height: r, text: o, isRotated: i, target: c,
     },
     [n, o]
   ), c = v(
-    () => Wo({ ...r, panelRect: e, measureDataLabel: i, formattingLocale: t }),
+    () => Xo({ ...r, panelRect: e, measureDataLabel: i, formattingLocale: t }),
     [r, e, i, t]
   );
-  return /* @__PURE__ */ a("g", { className: bu, 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,
@@ -3514,13 +3554,13 @@ const co = ({ x: e, y: t, width: n, height: r, text: o, isRotated: i, target: c,
     },
     l.key
   )) });
-}, Au = ({ 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__ */ f("g", { children: [
+  return /* @__PURE__ */ m("g", { children: [
     /* @__PURE__ */ a("path", { d: e, ...o }),
     /* @__PURE__ */ a("path", { d: t, ...o, strokeLinejoin: "round" })
   ] });
-}, Eu = ({
+}, Iu = ({
   x: e,
   y: t,
   text: n,
@@ -3534,15 +3574,15 @@ const co = ({ x: e, y: t, width: n, height: r, text: o, isRotated: i, target: c,
   const u = ve(), g = v(
     () => u.measureText(n, { family: R, size: r, weight: d }),
     [u, n, r, d]
-  ).width + o * 2, m = r + i * 2;
-  return /* @__PURE__ */ f("g", { style: { pointerEvents: "none" }, children: [
+  ).width + o * 2, p = r + i * 2;
+  return /* @__PURE__ */ m("g", { style: { pointerEvents: "none" }, children: [
     /* @__PURE__ */ a(
       "rect",
       {
         x: e - g / 2,
-        y: t - m / 2,
+        y: t - p / 2,
         width: g,
-        height: m,
+        height: p,
         rx: 4,
         fill: s.graphBackground,
         stroke: l,
@@ -3562,16 +3602,16 @@ const co = ({ x: e, y: t, width: n, height: r, text: o, isRotated: i, target: c,
       }
     )
   ] });
-}, _u = ({ panelRect: e, formattingLocale: t }) => {
+}, Mu = ({ panelRect: e, formattingLocale: t }) => {
   const n = B(
-    q((o) => ({
+    j((o) => ({
       differenceArrows: o.annotations.differenceArrows,
       mainAxis: o.coordSystem.type === "cartesian" ? o.coordSystem.mainAxis : "x",
       textScale: o.config.appearance.textScale
     }))
   ), r = v(
     () => n.differenceArrows.map(
-      (o) => $o({
+      (o) => Vo({
         arrow: o,
         mainAxis: n.mainAxis,
         panelWidth: e.width,
@@ -3592,15 +3632,15 @@ const co = ({ x: e, y: t, width: n, height: r, text: o, isRotated: i, target: c,
       labelPosition: u,
       labelText: h,
       labelLineHeight: g,
-      labelPaddingX: m,
-      labelPaddingY: p,
+      labelPaddingX: p,
+      labelPaddingY: f,
       labelStrokeWidth: y,
       labelFontWeight: S
     }) => {
       const k = o ?? s.defaultAnnotationArrowStroke;
-      return /* @__PURE__ */ f(yo.Fragment, { children: [
+      return /* @__PURE__ */ m(xo.Fragment, { children: [
         /* @__PURE__ */ a(
-          Au,
+          Bu,
           {
             linePath: c,
             arrowheadPath: l,
@@ -3609,14 +3649,14 @@ const co = ({ x: e, y: t, width: n, height: r, text: o, isRotated: i, target: c,
           }
         ),
         /* @__PURE__ */ a(
-          Eu,
+          Iu,
           {
             x: u.x,
             y: u.y,
             text: h,
             lineHeight: g,
-            paddingX: m,
-            paddingY: p,
+            paddingX: p,
+            paddingY: f,
             strokeWidth: y,
             strokeColor: k,
             fontWeight: S
@@ -3625,35 +3665,35 @@ const co = ({ x: e, y: t, width: n, height: r, text: o, isRotated: i, target: c,
       ] }, i);
     }
   ) });
-}, Pu = 0, Hu = 1.15, an = 1.15, Fu = "rgba(0, 0, 0, 0.16)", sn = 2, Nu = 1.4, Bu = ({
+}, 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 = Iu(e.color, n, r), l = e.dashArray ? { strokeDasharray: e.dashArray, strokeDashoffset: e.dashOffset } : {}, d = e.arrowheadExtent + e.strokeWidth + sn + an, 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,
     height: Math.abs(e.endY - e.startY) + 2 * d
   }, h = [e.linePath, e.startArrowheadPath, e.endArrowheadPath].filter((g) => g.length > 0).join(" ");
-  return /* @__PURE__ */ f("g", { children: [
+  return /* @__PURE__ */ m("g", { children: [
     e.hasStickerStyle && /* @__PURE__ */ a("defs", { children: /* @__PURE__ */ a("filter", { id: o, filterUnits: "userSpaceOnUse", ...u, children: /* @__PURE__ */ a(
       "feDropShadow",
       {
-        dx: Pu,
-        dy: Hu,
-        stdDeviation: an,
-        floodColor: Fu
+        dx: Du,
+        dy: Ou,
+        stdDeviation: sn,
+        floodColor: Ru
       }
     ) }) }),
-    /* @__PURE__ */ f("g", { filter: e.hasStickerStyle ? `url(#${o})` : void 0, children: [
+    /* @__PURE__ */ m("g", { filter: e.hasStickerStyle ? `url(#${o})` : void 0, children: [
       e.hasStickerStyle && /* @__PURE__ */ a(
         "path",
         {
           d: h,
           stroke: c,
-          strokeWidth: e.strokeWidth + 2 * sn,
+          strokeWidth: e.strokeWidth + 2 * ln,
           strokeLinecap: "round",
           fill: "none"
         }
@@ -3691,20 +3731,20 @@ const co = ({ x: e, y: t, width: n, height: r, text: o, isRotated: i, target: c,
       )
     ] })
   ] });
-}, Iu = (e, t, n) => {
+}, Wu = (e, t, n) => {
   if (e === null) return n;
   try {
-    return ct(e, t) < Nu ? n : t;
+    return ct(e, t) < zu ? n : t;
   } catch {
     return n;
   }
-}, Mu = ({ panelRect: e }) => {
-  const { themeValues: t } = Et(), n = B((o) => o.annotations.freeformArrows), r = v(
-    () => n.map((o) => Xo({ arrow: o, panelWidth: e.width, panelHeight: e.height })).filter((o) => o !== null),
+}, $u = ({ panelRect: e }) => {
+  const { themeValues: t } = _t(), n = B((o) => o.annotations.freeformArrows), r = v(
+    () => 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(
-    Bu,
+    Gu,
     {
       arrow: o,
       fallbackColor: s.defaultAnnotationArrowStroke,
@@ -3713,10 +3753,10 @@ const co = ({ x: e, y: t, width: n, height: r, text: o, isRotated: i, target: c,
     },
     o.id
   )) });
-}, Du = ({ edge: e, areTicksVisible: t, position: n, labelRotation: r, label: o }) => {
-  const { tickLabelOffset: i } = Tt(), 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", { ...Ru(h, l, r), ...d, children: o }) }) : /* @__PURE__ */ a("text", { ...Ou(e, c, l), ...d, children: o });
-}, Ou = (e, t, n) => {
+}, 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", { ...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 {
@@ -3749,7 +3789,7 @@ const co = ({ x: e, y: t, width: n, height: r, text: o, isRotated: i, target: c,
         dominantBaseline: "central"
       };
   }
-}, Ru = (e, t, n) => {
+}, Uu = (e, t, n) => {
   const r = e ? -t : t;
   return {
     x: 0,
@@ -3758,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})`
   };
-}, zu = ({ formattedAxis: e, rect: t }) => {
+}, Yu = ({ formattedAxis: e, rect: t }) => {
   const n = e.position === "bottom" || e.position === "top";
-  return /* @__PURE__ */ f("svg", { x: t.x, y: t.y, width: t.width, height: t.height, style: { overflow: "visible" }, children: [
-    dr,
+  return /* @__PURE__ */ m("svg", { x: t.x, y: t.y, width: t.width, height: t.height, style: { overflow: "visible" }, children: [
+    ur,
     e.ticks.map((r, o) => {
-      const i = r.formattedLabel, c = n ? r.position : 1 - r.position, l = Gu(e.position, c, t);
-      return /* @__PURE__ */ f("g", { children: [
+      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(
-          Du,
+          Xu,
           {
             edge: e.position,
             areTicksVisible: e.ticksVisible,
@@ -3779,7 +3819,7 @@ const co = ({ x: e, y: t, width: n, height: r, text: o, isRotated: i, target: c,
       ] }, o);
     })
   ] });
-}, Gu = (e, t, n) => {
+}, ju = (e, t, n) => {
   const r = x(t);
   switch (e) {
     case "bottom":
@@ -3791,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 };
   }
-}, Wu = ({ axes: e, rects: t }) => /* @__PURE__ */ a(C, { 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 = $u(n.position, r);
-  return /* @__PURE__ */ f("g", { transform: `translate(${r.x}, ${r.y})`, children: [
-    dr,
+  const o = Ku(n.position, r);
+  return /* @__PURE__ */ m("g", { transform: `translate(${r.x}, ${r.y})`, children: [
+    ur,
     /* @__PURE__ */ a("text", { style: { font: s.fontAxisLabel }, fill: s.textPrimary, ...o, children: n.label })
   ] }, `axis-label-${n.position}`);
-}) }), $u = (e, t) => {
+}) }), Ku = (e, t) => {
   const n = {
     x: t.width / 2,
     y: t.height / 2,
@@ -3807,18 +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;
-}, Xu = ({ formattedAxes: e, tickRects: t, labelRects: n }) => /* @__PURE__ */ f(C, { children: [
-  e.map((r) => {
-    const o = t[r.position];
-    return !o || !r.isVisible ? null : /* @__PURE__ */ a(zu, { formattedAxis: r, rect: o }, r.scaleAestheticKey);
-  }),
-  /* @__PURE__ */ a(Wu, { axes: e, rects: n })
-] }), ln = {
+}, Ju = ({ formattedAxes: e, tickRects: t }) => /* @__PURE__ */ a(T, { children: e.map((n) => {
+  const r = t[n.position];
+  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"
-}, Vu = ({ axes: e, panel: t, panelRect: n }) => /* @__PURE__ */ f(
+}, Qu = ({ axes: e, panel: t, panelRect: n }) => /* @__PURE__ */ m(
   "svg",
   {
     x: n.x,
@@ -3838,7 +3875,7 @@ const co = ({ x: e, y: t, width: n, height: r, text: o, isRotated: i, target: c,
           stroke: s.gridLineColor,
           rx: 8,
           ry: 8,
-          ...ln
+          ...cn
         }
       ),
       e.map((r) => {
@@ -3847,12 +3884,12 @@ const co = ({ x: e, y: t, width: n, height: r, text: o, isRotated: i, target: c,
         return /* @__PURE__ */ a("g", { children: r.ticks.map((i, c) => {
           if (i.position <= 0 || i.position >= 1) return null;
           const l = o ? i.position : 1 - i.position, d = x(l);
-          return /* @__PURE__ */ a("line", { ...o ? { x1: d, y1: 0, x2: d, y2: "100%" } : { x1: 0, y1: d, x2: "100%", y2: d }, ...ln, stroke: s.gridLineColor }, c);
+          return /* @__PURE__ */ a("line", { ...o ? { x1: d, y1: 0, x2: d, y2: "100%" } : { x1: 0, y1: d, x2: "100%", y2: d }, ...cn, stroke: s.gridLineColor }, c);
         }) }, r.scaleAestheticKey);
       })
     ]
   }
-), cn = ({ panelRect: e, zOrder: t }) => {
+), dn = ({ panelRect: e, zOrder: t }) => {
   const r = B((o) => o.annotations.shapes).filter((o) => o.zOrder === t);
   return r.length === 0 ? null : /* @__PURE__ */ a(
     "svg",
@@ -3863,7 +3900,7 @@ const co = ({ x: e, y: t, width: n, height: r, text: o, isRotated: i, target: c,
       height: e.height,
       overflow: "visible",
       "data-testid": `shapes-${t}`,
-      children: r.map(({ id: o, x: i, y: c, width: l, height: d, fillColor: u, fillOpacity: h, strokeWidth: g, strokeColor: m }) => /* @__PURE__ */ a(
+      children: r.map(({ id: o, x: i, y: c, width: l, height: d, fillColor: u, fillOpacity: h, strokeWidth: g, strokeColor: p }) => /* @__PURE__ */ a(
         "rect",
         {
           x: x(i),
@@ -3872,7 +3909,7 @@ const co = ({ x: e, y: t, width: n, height: r, text: o, isRotated: i, target: c,
           height: x(d),
           fill: u,
           fillOpacity: h,
-          stroke: g > 0 ? m ?? s.defaultAnnotationShapeStroke : "none",
+          stroke: g > 0 ? p ?? s.defaultAnnotationShapeStroke : "none",
           strokeWidth: g
         },
         o
@@ -3880,8 +3917,8 @@ const co = ({ x: e, y: t, width: n, height: r, text: o, isRotated: i, target: c,
     }
   );
 };
-var Uu = "_120wioc0";
-const Yu = ({ panelRect: e }) => {
+var eh = "_120wioc0";
+const th = ({ panelRect: e }) => {
   const t = B((n) => n.annotations.textAnnotations);
   return t.length === 0 ? null : /* @__PURE__ */ a(
     "svg",
@@ -3903,8 +3940,8 @@ const Yu = ({ panelRect: e }) => {
           children: /* @__PURE__ */ a(
             "div",
             {
-              className: Uu,
-              style: qu(n.backgroundColor, n.backgroundColorStyle),
+              className: eh,
+              style: nh(n.backgroundColor, n.backgroundColorStyle),
               children: /* @__PURE__ */ a(De, { content: n.content })
             }
           )
@@ -3913,17 +3950,17 @@ const Yu = ({ panelRect: e }) => {
       ))
     }
   );
-}, qu = (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)}`
 } : {
   color: s.textPrimary,
   backgroundColor: e,
-  boxShadow: `0 0 0 1.5px ${qe(e, 0.1)}`
+  boxShadow: `0 0 0 1.5px ${je(e, 0.1)}`
 };
-var ju = "usd3ea0", Ku = "usd3ea1";
-const Ju = ({
+var rh = "usd3ea0", oh = "usd3ea1";
+const ah = ({
   layer: e,
   coordSystem: t,
   isAnimated: n,
@@ -3931,22 +3968,22 @@ const Ju = ({
   highlightStyle: o,
   formattingLocale: i
 }) => {
-  const c = je(e, t);
-  return c === null ? /* @__PURE__ */ f("text", { children: [
+  const c = qe(e, t);
+  return c === null ? /* @__PURE__ */ m("text", { children: [
     e.geom,
     " not implemented"
   ] }) : /* @__PURE__ */ a(
     "g",
     {
-      className: ne({
-        [Ku]: r && o === "desaturate",
-        [ju]: r && o === "dim"
+      className: re({
+        [oh]: r && o === "desaturate",
+        [rh]: r && o === "dim"
       }),
       children: c.render({ layer: e, coordSystem: t, isAnimated: n, formattingLocale: i })
     }
   );
 };
-function Zu({
+function ih({
   plugin: e,
   layer: t,
   coordSystem: n,
@@ -3960,7 +3997,7 @@ function Zu({
   }
   return o;
 }
-const Qu = 4, eh = ({
+const sh = 4, lh = ({
   plugin: e,
   layer: t,
   matchedLayer: n,
@@ -3971,33 +4008,33 @@ const Qu = 4, eh = ({
   formattingLocale: l
 }) => {
   const { numberFormat: d, textScale: u } = B(
-    q((y) => ({
+    j((y) => ({
       numberFormat: y.config.numberFormat,
       textScale: y.config.appearance.textScale
     }))
   ), h = v(
-    () => Zu({ plugin: e, layer: t, coordSystem: o, candidates: r }),
+    () => ih({ plugin: e, layer: t, coordSystem: o, candidates: r }),
     [e, t, o, r]
-  ), g = v(() => Vo(t), [t]), m = v(
-    () => Uo({ layer: t, numberFormat: d, locale: l }),
+  ), g = v(() => Yo(t), [t]), p = v(
+    () => jo({ layer: t, numberFormat: d, locale: l }),
     [d, t, l]
-  ), p = ao * kr * u;
-  return e === null || n === null && h.length === 0 ? null : /* @__PURE__ */ f(C, { children: [
+  ), 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(
-      th,
+      ch,
       {
         observation: y,
         anchor: k,
         panelRect: c,
         readSegmentY: g,
-        formatYValue: m,
-        labelFontSizePx: p
+        formatYValue: p,
+        labelFontSizePx: f
       },
-      nh(y, S)
+      dh(y, S)
     ))
   ] });
-}, th = ({
+}, ch = ({
   observation: e,
   anchor: t,
   panelRect: n,
@@ -4005,19 +4042,19 @@ const Qu = 4, eh = ({
   formatYValue: o,
   labelFontSizePx: i
 }) => {
-  const c = ve(), l = Ge(t.x), d = ze(t.y), u = (Re(e) ?? Jr) / 2, h = r(e), g = vn(h) ? o(h, e) : null, m = 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 p = c.measureText(g, {
+    const f = c.measureText(g, {
       family: ft,
       size: i,
-      weight: io
+      weight: so
     });
     return {
-      width: p.width + so * 2,
-      height: p.height + lo * 2
+      width: f.width + lo * 2,
+      height: f.height + co * 2
     };
   }, [g, c, i]);
-  return /* @__PURE__ */ f(C, { children: [
+  return /* @__PURE__ */ m(T, { children: [
     /* @__PURE__ */ a(
       "circle",
       {
@@ -4028,13 +4065,13 @@ const Qu = 4, eh = ({
         fill: z(e)
       }
     ),
-    g !== null && m !== null && /* @__PURE__ */ a(
-      co,
+    g !== null && p !== null && /* @__PURE__ */ a(
+      uo,
       {
         x: l * n.width,
-        y: d * n.height - u - Qu - m.height / 2,
-        width: m.width,
-        height: m.height,
+        y: d * n.height - u - sh - p.height / 2,
+        width: p.width,
+        height: p.height,
         text: g,
         isRotated: !1,
         target: "observation",
@@ -4043,19 +4080,19 @@ const Qu = 4, eh = ({
       }
     )
   ] });
-}, nh = (e, t) => {
-  const n = e[we.group];
+}, dh = (e, t) => {
+  const n = e[Ae.group];
   return `${String(n ?? "")}\0${t}`;
-}, rh = ({ layer: e, coordSystem: t, panelRect: n }) => {
-  const { primary: r, group: o, related: i } = Ct(
-    q((d) => ({
+}, uh = ({ layer: e, coordSystem: t, panelRect: n }) => {
+  const { primary: r, group: o, related: i } = Tt(
+    j((d) => ({
       primary: d.hover.primary,
       group: d.hover.group,
       related: d.hover.related
     }))
   );
   if (r === null) return null;
-  const c = je(e, t);
+  const c = qe(e, t);
   if (c === null) return null;
   const l = i.get(e.id) ?? [];
   return r.layerId === e.id ? c.renderHover({
@@ -4067,10 +4104,10 @@ const Qu = 4, eh = ({
     panelRect: n
   }) : l.length === 0 ? null : c.renderHoverCompanions({ layer: e, primary: r, related: l });
 };
-var oh = "to1jkx0", ah = "to1jkx1";
-const ih = ({ 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(
-    q((c) => ({
+    j((c) => ({
       layers: c.layers,
       coordSystem: c.coordSystem,
       highlightStyle: c.config.appearance.highlightStyle
@@ -4083,11 +4120,11 @@ const ih = ({ shouldAnimate: e, panelRect: t, formattingLocale: n }) => {
       y: t.y,
       width: t.width,
       height: t.height,
-      className: oh,
+      className: hh,
       "data-testid": "geom-layers",
-      children: r.map((c) => /* @__PURE__ */ f(un, { children: [
+      children: r.map((c) => /* @__PURE__ */ m(hn, { children: [
         /* @__PURE__ */ a(
-          ch,
+          vh,
           {
             layer: c,
             coordSystem: o,
@@ -4097,14 +4134,14 @@ const ih = ({ shouldAnimate: e, panelRect: t, formattingLocale: n }) => {
             formattingLocale: n
           }
         ),
-        /* @__PURE__ */ a(rh, { layer: c, coordSystem: o, panelRect: t })
-      ] }, `${c.id}-${sh(o)}`))
+        /* @__PURE__ */ a(uh, { layer: c, coordSystem: o, panelRect: t })
+      ] }, `${c.id}-${fh(o)}`))
     }
   );
-}, sh = (e) => e.type === "cartesian" ? `cartesian-${e.mainAxis}` : e.type, lh = (e) => {
+}, fh = (e) => e.type === "cartesian" ? `cartesian-${e.mainAxis}` : e.type, mh = (e) => {
   if (e.geom !== "rule")
-    return ah;
-}, ch = ({
+    return gh;
+}, vh = ({
   layer: e,
   coordSystem: t,
   highlightStyle: n,
@@ -4112,10 +4149,10 @@ const ih = ({ shouldAnimate: e, panelRect: t, formattingLocale: n }) => {
   panelRect: o,
   formattingLocale: i
 }) => {
-  const c = v(() => je(e, t), [e, t]), l = e.highlight;
-  return /* @__PURE__ */ f("g", { className: lh(e), children: [
+  const c = v(() => qe(e, t), [e, t]), l = e.highlight;
+  return /* @__PURE__ */ m("g", { className: mh(e), children: [
     /* @__PURE__ */ a(
-      Ju,
+      ah,
       {
         layer: e,
         coordSystem: t,
@@ -4126,7 +4163,7 @@ const ih = ({ shouldAnimate: e, panelRect: t, formattingLocale: n }) => {
       }
     ),
     l !== null && /* @__PURE__ */ a(
-      eh,
+      lh,
       {
         plugin: c,
         layer: e,
@@ -4140,8 +4177,8 @@ const ih = ({ shouldAnimate: e, panelRect: t, formattingLocale: n }) => {
     )
   ] });
 };
-var dh = "_17uhij30";
-const uh = ({
+var yh = "_17uhij30";
+const bh = ({
   formattedAxes: e,
   panelGuide: t,
   plotRect: n,
@@ -4151,81 +4188,82 @@ const uh = ({
   shouldAnimate: c,
   formattingLocale: l
 }) => {
-  const d = T(null);
-  fu(d);
-  const u = te("Grid", Vu), h = te("Axes", Xu), g = v(() => uo(r, n), [r, n]), m = v(() => dn(o, n), [o, n]), p = v(() => dn(i, n), [i, n]);
-  return /* @__PURE__ */ f(
+  const d = C(null);
+  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: dh,
+      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: g }),
-        /* @__PURE__ */ a(su, { panelRect: g }),
-        /* @__PURE__ */ a(h, { formattedAxes: e, tickRects: m, labelRects: p }),
-        /* @__PURE__ */ a(cn, { panelRect: g, zOrder: "background" }),
-        /* @__PURE__ */ a(ih, { shouldAnimate: c, panelRect: g, formattingLocale: l }),
-        /* @__PURE__ */ a(wu, { panelRect: g, formattingLocale: l }),
-        /* @__PURE__ */ a(_u, { panelRect: g, formattingLocale: l }),
-        /* @__PURE__ */ a(cn, { panelRect: g, zOrder: "foreground" }),
-        /* @__PURE__ */ a(Mu, { panelRect: g }),
-        /* @__PURE__ */ a(Yu, { panelRect: g }),
-        /* @__PURE__ */ a(pu, { panelRect: g })
+        /* @__PURE__ */ a(u, { axes: e, panel: t, 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(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($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,
   height: e.height
-}), dn = (e, t) => {
+}), 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 }
-}, hh = () => {
+}, 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) => gh(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 };
-}, gh = (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, ph = ({ appearance: e, isEditable: t, style: n, children: r }) => {
-  const { theme: o, themeClass: i, inlineVarsStyle: c } = Et(), l = Zi(e.border), d = Math.max(0, e.cornerRadius), u = d === 0 ? 0 : d + l, h = v(() => {
-    const p = { ...n, borderRadius: `${u}px`, ...c }, y = Ji(e.border, o);
-    return y !== null && (p.background = y), p;
+}, 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(
     () => ({
       inset: `${l}px`,
       borderRadius: `${d}px`
     }),
     [l, d]
-  ), m = t && e.background.type === "solid" && e.background.color === "transparent";
-  return /* @__PURE__ */ a("div", { "data-testid": "graph-wrapper", className: ne(ns, i), style: h, children: /* @__PURE__ */ a(
+  ), p = t && e.background.type === "solid" && e.background.color === "transparent";
+  return /* @__PURE__ */ a("div", { "data-testid": "graph-wrapper", className: re(cs, i), style: h, children: /* @__PURE__ */ a(
     "div",
     {
       "data-testid": "graph-inner",
-      className: ne(os, { [as]: m }),
+      className: re(us, { [hs]: p }),
       style: g,
       children: r
     }
   ) });
-}, Zh = ({ slots: e, ...t }) => {
+}, ig = ({ slots: e, ...t }) => {
   const { formattingLocale: n } = me(), r = B((o) => o.config.parsingLocale);
-  return /* @__PURE__ */ a(Wa, { children: /* @__PURE__ */ a(Tc, { children: /* @__PURE__ */ a(Zo, { locale: n ?? r, children: /* @__PURE__ */ a(ja, { slots: e, children: /* @__PURE__ */ a(fh, { ...t }) }) }) }) });
-}, fh = ({
+  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,
@@ -4239,13 +4277,13 @@ const uh = ({
     numberFormat: u,
     parsingLocale: h,
     appearance: g,
-    annotations: m,
-    coordSystem: p,
+    annotations: p,
+    coordSystem: f,
     headline: y,
     headlineConfig: S,
     content: k
   } = B(
-    q((G) => ({
+    j((G) => ({
       axes: G.guides.axes,
       panel: G.guides.panel,
       legends: G.guides.legends,
@@ -4258,54 +4296,55 @@ const uh = ({
       headlineConfig: G.config.headline,
       content: G.config.content
     }))
-  ), w = Jo(), { headerRef: A, footerRef: I, measurements: _ } = hh(), { formattingLocale: $, theme: Ke, themeOverrides: Je } = me(), Ae = v(() => br(Ke, Je), [Ke, Je]), ho = te("Header", Wl), go = te("Footer", El), po = te("Legend", rd), fo = te("Headline", dc), Nt = v(
-    () => Yo({ 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: p.type === "polar" ? p.innerRadius : 0
+      innerRadius: f.type === "polar" ? f.innerRadius : 0
     } : void 0,
-    [be, S.size, S.position, p]
-  ), _e = Xi(mo, g.textScale, Ae), xe = Vi({
+    [xe, S.size, S.position, f]
+  ), yo = Za(), _e = qi(vo, g.textScale, be, yo), Se = Ki({
     measurer: _e,
     axes: c,
     numberFormat: u,
     parsingLocale: h,
-    formattedLegends: Nt,
+    formattedLegends: Bt,
     containerSize: Qe,
     externalMeasurements: _,
     headline: Ee,
-    formattingLocale: $,
-    annotations: m,
-    coordSystem: p,
-    textScale: g.textScale
-  }), Pe = v(() => !xe || !Ee || !_e ? null : jo({
+    formattingLocale: V,
+    annotations: p,
+    coordSystem: f,
+    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: ee, formattedAxes: vo } = xe;
-  return /* @__PURE__ */ a(ls, { theme: Ke, themeOverrides: Je, appearance: g, children: /* @__PURE__ */ a(Ni, { metrics: Ae, children: /* @__PURE__ */ f(ph, { 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: ee.header,
+        headerRect: ne.header,
         mode: o,
         title: k.title,
         isTitleVisible: k.isTitleVisible,
@@ -4314,23 +4353,23 @@ const uh = ({
       }
     ),
     /* @__PURE__ */ a(
-      uh,
+      bh,
       {
-        formattedAxes: vo,
+        formattedAxes: bo,
         panelGuide: l,
-        plotRect: ee.plot,
-        panelRect: ee.panel,
-        axisRects: ee.axes,
-        axisLabelRects: ee.axisLabels,
+        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: ee.footer,
+        footerRect: ne.footer,
         mode: o,
         caption: k.caption,
         isCaptionVisible: k.isCaptionVisible,
@@ -4338,39 +4377,36 @@ const uh = ({
         isSourceVisible: k.isSourceVisible
       }
     ),
-    /* @__PURE__ */ a(po, { formattedLegends: Nt, rects: ee.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(ci, {})
+    r && /* @__PURE__ */ a(gi, {})
   ] }) }) });
 };
 export {
-  Pt as CanvasTextMeasurer,
-  Xu as DefaultAxes,
-  El as DefaultFooter,
-  Vu as DefaultGrid,
-  Wl as DefaultHeader,
-  dc as DefaultHeadline,
-  rd as DefaultLegend,
-  di as DefaultTooltip,
-  Jh as DevToolsPanel,
-  Kh as GraphProvider,
-  Zh as GraphRenderer,
-  Wa as HoverProvider,
-  Tc as TextMeasurerProvider,
-  ls as ThemeProvider,
-  ss as darkTheme,
-  is as lightTheme,
+  Ht as CanvasTextMeasurer,
+  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,
-  Rn as useGraphCommandDispatcher,
-  Ct as useHoverState,
+  Gn as useGraphCommandDispatcher,
+  Tt as useHoverState,
   ve as useTextMeasurer,
   s as vars
 };