npm - @graphysdk/react-renderer - Versions diffs - 0.0.1-experimental.1 → 0.0.1-experimental.2 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/index.mjs CHANGED Viewed

@@ -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 { jsx as a, jsxs as m, Fragment as T } from "react/jsx-runtime";
+import re, { clsx as ce } from "clsx";
+import bo, { useMemo as v, useState as E, useRef as C, useEffect as L, useCallback as mt, useContext as ee, createContext as fe, useId as vt, Fragment as hn, memo as oe } from "react";
 import { useStore as Ce } from "zustand";
-import { isGraphConfig as 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 { isGraphConfig as xo, createCompiler as So, convertSpecToInput as ko, isCompilerCachingEnabled as Lo, setCompilerCachingEnabled as Co, COMPILER_STAGE_KEYS as yt, RESTING_HOVER_STATE as gn, HoverEngine as To, buildTooltipContent as wo, getDifferenceArrowDimensions as Ao, createHeadlineItemRows as pn, LayoutCompiler as Eo, BORDER_PRESET_GRADIENTS as _o, isSafeUrl as fn, SetContentCaptionCommand as Po, SetContentTitleCommand as Ho, SetContentSubtitleCommand as Fo, computeDirectLabelsLayout as No, buildFontString as Bo, CachedTextMeasurer as It, HeuristicTextMeasurer as Io, getColor as z, getAlpha as W, getSize as Re, toPercent as x, toViewBoxY as ze, toViewBoxX as Ge, createAreaPathGenerators as mn, createStableKeyGenerator as We, GROUP_VARIABLES as we, prepareAreaObservations as vn, resolveStrokeWidth as $e, getDashArray as Xe, getLineType as Ve, isDefined as yn, getGroup as bn, getX as ue, getYMax as Mo, getY as he, getXMax as Do, getBarRectBounds as xn, createLinePathGenerator as Sn, prepareLineObservations as kn, getStrokeWidth as Oo, buildAverageLineSymbols as Ro, formatRuleValue as zo, getAngleExtent as Ln, getRadiusExtent as Cn, buildPolarBarArcPath as Ie, getHoverGuideRectProps as Go, getHoverGuideLineProps as Wo, buildDataLabelsContent as $o, computeDifferenceArrow as Xo, computeFreeformArrow as Vo, createSegmentYReader as Uo, buildLayerYValueFormatter as Yo, formatLegends as jo, formatHeadline as qo, resolveHeadlinePlacement as Ko } from "@graphysdk/viz-engine";
 import { 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 Tn, animate as Jo, motion as Y, useSpring as Mt, useReducedMotion as Zo } from "motion/react";
+import { useShallow as j } from "zustand/react/shallow";
+import { useI18n as J, IntlProvider as Qo } from "@graphysdk/i18n/react";
+import { useFloating as xt, offset as St, flip as kt, shift as Lt, autoUpdate as ea } from "@floating-ui/react-dom";
+import { Extension as ta } from "@tiptap/core";
+import { Bold as wn } from "@tiptap/extension-bold";
 import { 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 An } from "@tiptap/extension-hard-break";
+import { Heading as En } from "@tiptap/extension-heading";
+import { Italic as _n } from "@tiptap/extension-italic";
+import { Link as Pn } from "@tiptap/extension-link";
+import { Text as Hn } from "@tiptap/extension-text";
+import { TextAlign as Fn } from "@tiptap/extension-text-align";
+import { TextStyle as Nn, Color as Bn, FontFamily as In } from "@tiptap/extension-text-style";
+import { Underline as Mn } from "@tiptap/extension-underline";
+import { UndoRedo as Dn, Placeholder as On } from "@tiptap/extensions";
+import { Paragraph as na } from "@tiptap/extension-paragraph";
+import { useEditorState as ra, EditorContent as oa, useEditor as aa } from "@tiptap/react";
 import { 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 ia } from "react-dom";
+import { assignInlineVars as sa } 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 la, HexColorInput as ca } 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 da } from "@base-ui/react/toggle";
+import { interpolatePath as ua } 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.2");
+const ha = 5, ga = (e) => {
   if (process.env.NODE_ENV === "production")
     return {
       emit: () => {
       },
-      subscribe: () => pa,
+      subscribe: () => fa,
       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) => ({
+}, pa = () => 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: ma(t),
       stages: n.stages,
       durationMs: n.durationMs
     };
     return {
       lastCompile: o,
-      history: ma(r.history, o, ua),
+      history: va(r.history, o, ha),
       nextId: r.nextId + 1,
       lastSnapshot: n
     };
   })
-})), pa = () => {
-}, fa = (e) => {
+})), fa = () => {
+}, ma = (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) => {
+}, va = (e, t, n) => {
   const r = e.length >= n ? e.length - (n - 1) : 0;
   return [...e.slice(r), t];
-}, va = (e) => bt((t) => ({
+}, ya = (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 ba(e, t) {
+  const n = xo(e) ? e.themeOverrides : void 0;
   return v(() => ({ ...t, ...n }), [t, n]);
 }
-const On = fe(null), Kh = ({
+const Rn = fe(null), rg = ({
   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(() => So()), [u] = E(() => ga(d)), h = ba(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" }), ya(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 _ = ko(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(Rn.Provider, { value: S, children: l });
 }, me = () => {
-  const e = re(On);
+  const e = ee(Rn);
   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 = () => {
+}, zn = () => {
   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 xa = "drqe3u0", Sa = "drqe3u1", ka = "drqe3u2", La = "drqe3u3", He = "drqe3u4", Ca = "drqe3u5", Ta = "drqe3u6", wa = "drqe3u7", et = "drqe3u8", Aa = "drqe3u9", Ea = "drqe3ua", _a = "drqe3ub", Pa = "drqe3uc", Ha = "drqe3ud", Fa = "drqe3ue", Na = "drqe3uf", Ba = "drqe3ug", Ia = "drqe3uh", Ma = "drqe3ui", Dt = { enabled: "drqe3uk drqe3uj", disabled: "drqe3ul drqe3uj" }, Ot = { ran: "drqe3un drqe3um", dim: "drqe3uo drqe3um" }, Gn = { ran: "drqe3uq drqe3up", cached: "drqe3ur drqe3up", untouched: "drqe3us drqe3up" };
+const og = ({ width: e = 380, style: t, className: n } = {}) => {
+  const { compileBus: r } = me(), [o] = E(() => pa()), [i, c] = E(!1), [l, d] = E(Lo);
   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 = Ce(o, (y) => y.lastCompile), h = Ce(o, (y) => y.history), g = r.getCacheStats(), p = u === null && h.length === 0, f = () => {
     d((y) => {
       const S = !y;
-      return Lo(S), S;
+      return Co(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(Ea, n), style: { width: e, ...t }, children: [
+    /* @__PURE__ */ m("div", { className: xa, children: [
+      /* @__PURE__ */ m("div", { children: [
+        /* @__PURE__ */ a("div", { className: Sa, children: "compile cache" }),
+        /* @__PURE__ */ a("div", { className: Fa, children: p ? "production: stats disabled" : u ? `last: ${u.label} · ${Wn(u.durationMs)}` : "awaiting first compile…" })
       ] }),
-      /* @__PURE__ */ a("button", { type: "button", onClick: () => c((y) => !y), className: Fa, children: i ? "▾" : "▴" })
+      /* @__PURE__ */ a("button", { type: "button", onClick: () => c((y) => !y), className: Na, children: i ? "▾" : "▴" })
     ] }),
-    !i && /* @__PURE__ */ f("div", { className: Ea, children: [
-      /* @__PURE__ */ f(
+    !i && /* @__PURE__ */ m("div", { className: _a, 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: Ba, 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(Da, { delta: u?.stages, cumulative: g }),
+      /* @__PURE__ */ a(Oa, { 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" }),
+}, Da = ({ delta: e, cumulative: t }) => /* @__PURE__ */ m("table", { className: ka, children: [
+  /* @__PURE__ */ a("thead", { children: /* @__PURE__ */ m("tr", { className: Ia, children: [
+    /* @__PURE__ */ a("th", { className: La, children: "stage" }),
     /* @__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 = Ra(r);
+    return /* @__PURE__ */ m("tr", { className: Pa, children: [
+      /* @__PURE__ */ m("td", { className: Ca, children: [
+        /* @__PURE__ */ a("span", { className: Gn[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" }),
+] }), Oa = ({ entries: e }) => e.length === 0 ? null : /* @__PURE__ */ m("div", { className: Ha, children: [
+  /* @__PURE__ */ a("div", { className: Ma, 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 = za(t.stages, (i) => i.misses > 0), r = yt.length;
+    return /* @__PURE__ */ m("div", { className: Ta, children: [
+      /* @__PURE__ */ a("span", { className: Gn[n === 0 ? "cached" : "ran"], "aria-hidden": !0 }),
+      /* @__PURE__ */ a("span", { className: wa, title: t.label, children: t.label }),
+      /* @__PURE__ */ m("span", { className: Aa, children: [
         n,
         "/",
         r,
         " ran · ",
-        Gn(t.durationMs)
+        Wn(t.durationMs)
       ] })
     ] }, t.id);
   })
-] }), Oa = (e) => !e || e.hits === 0 && e.misses === 0 ? "untouched" : e.misses > 0 ? "ran" : "cached", Ra = (e, t) => {
+] }), Ra = (e) => !e || e.hits === 0 && e.misses === 0 ? "untouched" : e.misses > 0 ? "ran" : "cached", za = (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,
+}, Wn = (e) => e >= 10 ? `${e.toFixed(0)}ms` : `${e.toFixed(2)}ms`, Ga = () => 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);
+})), Wa = (e, t) => {
+  const n = v(() => ({ layers: e, coordSystem: t }), [e, t]), r = C(null);
+  r.current === null && (r.current = new To(n));
+  const o = r.current, i = C(!1);
   return L(() => {
     if (!i.current) {
       i.current = !0;
@@ -249,37 +249,37 @@ const Jh = ({ width: e = 380, style: t, className: n } = {}) => {
     }
     o.update(n);
   }, [o, n]), o;
-}, Wn = fe(null), Wa = ({ children: e }) => {
+}, $n = fe(null), $a = ({ 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 = Wa(t, n), [o] = E(() => Ga()), i = C(null), c = C(null);
+  return c.current === null && (c.current = { engine: r, store: o, overlayRef: i }), /* @__PURE__ */ a($n.Provider, { value: c.current, children: e });
 }, Ue = () => {
-  const e = re(Wn);
+  const e = ee($n);
   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 Xa = "_2qyyu60";
+const Rt = 2, Va = 12, Ua = 12, zt = 1, Gt = 2, Ya = 4, Ye = ({
   shape: e,
   color: t,
   lineType: n = "solid",
-  width: r = Xa,
-  height: o = Va
+  width: r = Va,
+  height: o = Ua
 }) => /* @__PURE__ */ a(
   "svg",
   {
-    className: $a,
+    className: Xa,
     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: ja({ shape: e, color: t, lineType: n, width: r, height: o })
   }
-), Ya = ({ shape: e, color: t, lineType: n, width: r, height: o }) => {
+), ja = ({ shape: e, color: t, lineType: n, width: r, height: o }) => {
   const i = qa(n, r);
   switch (e) {
     case "square":
@@ -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
           }
@@ -328,22 +328,36 @@ const Ot = 2, Xa = 12, Va = 12, Rt = 1, zt = 2, Ua = 4, Ye = ({
   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 / (Ya - 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;
+}, Xn = Object.freeze({}), Ct = fe(Xn), Ka = ({ slots: e, children: t }) => /* @__PURE__ */ a(Ct.Provider, { value: e ?? Xn, children: t });
+function Q(e, t) {
+  const n = ee(Ct)[e];
+  return n === void 0 ? t : typeof n == "object" && Za(n) ? n.render : n;
 }
-function Ct(e) {
+function Ja() {
+  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 Za(e) {
+  return "render" in e && typeof e.render == "function";
+}
+function Tt(e) {
   const { store: t } = Ue();
   return Ce(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 Qa = "_19519k80", ei = "_19519k81", ti = "_19519k82", ni = "_19519k83", ri = "_19519k85", oi = "_19519k86", ai = "_19519k87", ii = "_19519k88", si = "_19519k89";
+const li = (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 = {
+}, ci = 16, di = 8, ui = {
   x: 0,
   y: 0,
   top: 0,
@@ -366,49 +380,49 @@ const ai = (e) => {
   width: 0,
   height: 0,
   toJSON: () => ({})
-}, ci = () => {
+}, hi = () => {
   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", gi), o = C(() => {
+  }), { cursorRef: i, isInside: c } = li(() => o.current()), l = v(
+    () => wo({ ...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 ? ui : pi(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(ci), kt(), Lt({ padding: di })],
     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: ii,
       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) => ({
+}, gi = ({ content: e, isVisible: t }) => t ? /* @__PURE__ */ m("div", { className: si, children: [
+  e.header !== null && /* @__PURE__ */ a("div", { className: Qa, children: e.header }),
+  /* @__PURE__ */ a("div", { className: ei, children: e.rows.map((n) => /* @__PURE__ */ a(fi, { row: n, shouldHighlight: n.isPrimary && e.rows.length > 1 }, n.key)) })
+] }) : null, pi = (e) => ({
   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 })
+}), fi = ({ row: e, shouldHighlight: t }) => /* @__PURE__ */ m("div", { className: re(ti, { [ni]: t }), "data-testid": "chart-tooltip-row", children: [
+  e.swatchColor === null ? /* @__PURE__ */ a("span", { className: ri, "aria-hidden": !0 }) : /* @__PURE__ */ a(Ye, { shape: e.swatchShape, color: e.swatchColor, lineType: e.swatchLineType }),
+  /* @__PURE__ */ a("span", { className: oi, children: e.label }),
+  /* @__PURE__ */ a("span", { className: ai, children: e.value })
 ] });
-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 Vn = ["canvasDefault", "canvasBlue", "canvasCyan", "canvasGreen", "canvasYellow", "canvasOrange", "canvasRed", "canvasPink", "canvasPurple", "canvasGray", "canvasInverse"], s = { white: "var(--graphy-white)", black: "var(--graphy-black)", transparent: "var(--graphy-transparent)", grey100: "var(--graphy-grey-100)", grey95: "var(--graphy-grey-95)", grey90: "var(--graphy-grey-90)", grey85: "var(--graphy-grey-85)", grey80: "var(--graphy-grey-80)", grey75: "var(--graphy-grey-75)", grey70: "var(--graphy-grey-70)", grey60: "var(--graphy-grey-60)", grey50: "var(--graphy-grey-50)", grey0: "var(--graphy-grey-0)", greyGradient80: "var(--graphy-grey-gradient-80)", green60: "var(--graphy-green-60)", green50: "var(--graphy-green-50)", red60: "var(--graphy-red-60)", red50: "var(--graphy-red-50)", amber70: "var(--graphy-amber-70)", amber50: "var(--graphy-amber-50)", amber40: "var(--graphy-amber-40)", amber30: "var(--graphy-amber-30)", blue80: "var(--graphy-blue-80)", blue60: "var(--graphy-blue-60)", purple50: "var(--graphy-purple-50)", purple30: "var(--graphy-purple-30)", brand: "var(--graphy-brand)", success: "var(--graphy-success)", warning: "var(--graphy-warning)", alert: "var(--graphy-alert)", textPrimary: "var(--graphy-text-primary)", textSecondary: "var(--graphy-text-secondary)", textDisabled: "var(--graphy-text-disabled)", iconPrimary: "var(--graphy-icon-primary)", iconSecondary: "var(--graphy-icon-secondary)", iconStickerBackground: "var(--graphy-icon-sticker-background)", border100: "var(--graphy-border-100)", border50: "var(--graphy-border-50)", border10: "var(--graphy-border-10)", sunkenBackground: "var(--graphy-sunken-background)", defaultBackground: "var(--graphy-default-background)", raisedBackground: "var(--graphy-raised-background)", overlayBackground: "var(--graphy-overlay-background)", overlayBorderGradient: "var(--graphy-overlay-border-gradient)", graphBackground: "var(--graphy-graph-background)", gridLineColor: "var(--graphy-grid-line-color)", originLineColor: "var(--graphy-origin-line-color)", targetLineColor: "var(--graphy-target-line-color)", targetLineMarkerColor: "var(--graphy-target-line-marker-color)", targetLineLabelTextColor: "var(--graphy-target-line-label-text-color)", legendBackground: "var(--graphy-legend-background)", legendBorderColor: "var(--graphy-legend-border-color)", legendFocusOutlineColor: "var(--graphy-legend-focus-outline-color)", legendTextColor: "var(--graphy-legend-text-color)", dimmedSeriesLabelTextColor: "var(--graphy-dimmed-series-label-text-color)", dimmedSeriesLabelLineColor: "var(--graphy-dimmed-series-label-line-color)", trendNegativeColor: "var(--graphy-trend-negative-color)", trendPositiveColor: "var(--graphy-trend-positive-color)", trendNeutralColor: "var(--graphy-trend-neutral-color)", defaultAnnotationArrowStroke: "var(--graphy-default-annotation-arrow-stroke)", defaultAnnotationShapeStroke: "var(--graphy-default-annotation-shape-stroke)", defaultAnnotationShapeFill: "var(--graphy-default-annotation-shape-fill)", arrowAnnotationStickerOutlineColor: "var(--graphy-arrow-annotation-sticker-outline-color)", arrowAnnotationStickerOutlineColorInverse: "var(--graphy-arrow-annotation-sticker-outline-color-inverse)", annotationFrameBorderColor: "var(--graphy-annotation-frame-border-color)", annotationMenuTriggerIconColor: "var(--graphy-annotation-menu-trigger-icon-color)", heatmapEmptyTileBackground: "var(--graphy-heatmap-empty-tile-background)", dataLabelOutsideBackground: "var(--graphy-data-label-outside-background)", gridLineWidth: "var(--graphy-grid-line-width)", gridLineDash: "var(--graphy-grid-line-dash)", tooltipBorderRadius: "var(--graphy-tooltip-border-radius)", tooltipBorderWidth: "var(--graphy-tooltip-border-width)", tooltipPaddingBlock: "var(--graphy-tooltip-padding-block)", tooltipPaddingInline: "var(--graphy-tooltip-padding-inline)", tooltipRowGap: "var(--graphy-tooltip-row-gap)", tooltipShadow: "var(--graphy-tooltip-shadow)", tickLabelOffset: "var(--graphy-tick-label-offset)", legendItemGap: "var(--graphy-legend-item-gap)", legendSwatchGap: "var(--graphy-legend-swatch-gap)", legendSwatchWidth: "var(--graphy-legend-swatch-width)", legendSwatchHeight: "var(--graphy-legend-swatch-height)", legendPillPaddingInline: "var(--graphy-legend-pill-padding-inline)", legendPillPaddingBlock: "var(--graphy-legend-pill-padding-block)", legendPillBorderWidth: "var(--graphy-legend-pill-border-width)", headlineRowGap: "var(--graphy-headline-row-gap)", headlineItemGap: "var(--graphy-headline-item-gap)", canvasDefault: "var(--graphy-canvas-default)", canvasBlue: "var(--graphy-canvas-blue)", canvasCyan: "var(--graphy-canvas-cyan)", canvasGreen: "var(--graphy-canvas-green)", canvasYellow: "var(--graphy-canvas-yellow)", canvasOrange: "var(--graphy-canvas-orange)", canvasRed: "var(--graphy-canvas-red)", canvasPink: "var(--graphy-canvas-pink)", canvasPurple: "var(--graphy-canvas-purple)", canvasGray: "var(--graphy-canvas-gray)", canvasInverse: "var(--graphy-canvas-inverse)", elevationXs: "var(--graphy-elevation-xs)", elevationSm: "var(--graphy-elevation-sm)", elevationMd: "var(--graphy-elevation-md)", elevationLg: "var(--graphy-elevation-lg)", radiiXs: "var(--graphy-radii-xs)", radiiSm: "var(--graphy-radii-sm)", radiiMd: "var(--graphy-radii-md)", radiiLg: "var(--graphy-radii-lg)", spaceXxs: "var(--graphy-space-xxs)", spaceXs: "var(--graphy-space-xs)", spaceSm: "var(--graphy-space-sm)", spaceMd: "var(--graphy-space-md)", spaceLg: "var(--graphy-space-lg)", spaceXl: "var(--graphy-space-xl)", zIndexToolbar: "var(--graphy-z-index-toolbar)", zIndexToolbarTooltip: "var(--graphy-z-index-toolbar-tooltip)", zIndexToolbarPopover: "var(--graphy-z-index-toolbar-popover)", toolbarBackgroundColor: "var(--graphy-toolbar-background-color)", toolbarButtonBackgroundColor: "var(--graphy-toolbar-button-background-color)", toolbarButtonBackgroundColorHovered: "var(--graphy-toolbar-button-background-color-hovered)", toolbarButtonBackgroundColorSelected: "var(--graphy-toolbar-button-background-color-selected)", toolbarSeparatorColor: "var(--graphy-toolbar-separator-color)", tooltipBackground: "var(--graphy-tooltip-background)", tooltipBorderColor: "var(--graphy-tooltip-border-color)", tooltipHeadingTextColor: "var(--graphy-tooltip-heading-text-color)", tooltipLabelTextColor: "var(--graphy-tooltip-label-text-color)", tooltipValueTextColor: "var(--graphy-tooltip-value-text-color)", tooltipPrimaryRowColor: "var(--graphy-tooltip-primary-row-color)", hoverGuideLineColor: "var(--graphy-hover-guide-line-color)", hoverGuideFillColor: "var(--graphy-hover-guide-fill-color)", hoveredBarBorderColor: "var(--graphy-hovered-bar-border-color)", hoveredPointRingColor: "var(--graphy-hovered-point-ring-color)", pointStrokeColor: "var(--graphy-point-stroke-color)", stackedBarHoverBorderColor: "var(--graphy-stacked-bar-hover-border-color)", fontFamilyDefault: "var(--graphy-font-family-default)", fontFamilyHeading: "var(--graphy-font-family-heading)", fontWeightRegular: "var(--graphy-font-weight-regular)", fontWeightMedium: "var(--graphy-font-weight-medium)", fontWeightSemibold: "var(--graphy-font-weight-semibold)", fontWeightBold: "var(--graphy-font-weight-bold)", fontWeightExtraBold: "var(--graphy-font-weight-extra-bold)", fontWeightBlack: "var(--graphy-font-weight-black)", textScale: "var(--graphy-text-scale)", fontSizeXxs: "var(--graphy-font-size-xxs)", fontSizeXs: "var(--graphy-font-size-xs)", fontSizeSm: "var(--graphy-font-size-sm)", fontSizeMd: "var(--graphy-font-size-md)", fontSizeLg: "var(--graphy-font-size-lg)", fontSizeXl: "var(--graphy-font-size-xl)", fontLineHeightXxs: "var(--graphy-font-line-height-xxs)", fontLineHeightXs: "var(--graphy-font-line-height-xs)", fontLineHeightSm: "var(--graphy-font-line-height-sm)", fontLineHeightMd: "var(--graphy-font-line-height-md)", fontLineHeightLg: "var(--graphy-font-line-height-lg)", fontLineHeightXl: "var(--graphy-font-line-height-xl)", fontSizeEditorBody: "var(--graphy-font-size-editor-body)", fontSizeHeadingSm: "var(--graphy-font-size-heading-sm)", fontSizeHeadingMd: "var(--graphy-font-size-heading-md)", fontSizeHeadingLg: "var(--graphy-font-size-heading-lg)", fontLineHeightEditorBody: "var(--graphy-font-line-height-editor-body)", fontLineHeightHeadingSm: "var(--graphy-font-line-height-heading-sm)", fontLineHeightHeadingMd: "var(--graphy-font-line-height-heading-md)", fontLineHeightHeadingLg: "var(--graphy-font-line-height-heading-lg)", fontTickLabel: "var(--graphy-font-tick-label)", fontAxisLabel: "var(--graphy-font-axis-label)", fontDataLabel: "var(--graphy-font-data-label)", fontStackTotal: "var(--graphy-font-stack-total)", fontLegendLabel: "var(--graphy-font-legend-label)", fontSeriesLabel: "var(--graphy-font-series-label)", fontTooltipLabel: "var(--graphy-font-tooltip-label)", fontTooltipHeading: "var(--graphy-font-tooltip-heading)", fontTooltipFooter: "var(--graphy-font-tooltip-footer)", fontJumboTooltipLabel: "var(--graphy-font-jumbo-tooltip-label)", fontJumboTooltip: "var(--graphy-font-jumbo-tooltip)", fontMiniTooltipLabel: "var(--graphy-font-mini-tooltip-label)", fontMiniTooltipFooter: "var(--graphy-font-mini-tooltip-footer)", fontTooltipCaption: "var(--graphy-font-tooltip-caption)", fontTooltipCaptionSmall: "var(--graphy-font-tooltip-caption-small)", fontTrendTag: "var(--graphy-font-trend-tag)", fontTrendTagSmall: "var(--graphy-font-trend-tag-small)", fontGoalLineLabel: "var(--graphy-font-goal-line-label)", fontPieLabel: "var(--graphy-font-pie-label)", fontPieChartTotal: "var(--graphy-font-pie-chart-total)", fontDifferenceArrowSmall: "var(--graphy-font-difference-arrow-small)", fontDifferenceArrowMedium: "var(--graphy-font-difference-arrow-medium)", fontDifferenceArrowLarge: "var(--graphy-font-difference-arrow-large)", fontButton: "var(--graphy-font-button)", fontInput: "var(--graphy-font-input)", fontInputLabel: "var(--graphy-font-input-label)", fontSelectLabel: "var(--graphy-font-select-label)", fontSelectDescription: "var(--graphy-font-select-description)", fontColorSelectLabel: "var(--graphy-font-color-select-label)", fontMenuTitle: "var(--graphy-font-menu-title)", fontMenuGroupTitle: "var(--graphy-font-menu-group-title)", fontMenuItemLabel: "var(--graphy-font-menu-item-label)", fontMenuItemLabelSecondary: "var(--graphy-font-menu-item-label-secondary)", fontUITooltip: "var(--graphy-font-uitooltip)", fontUITooltipSecondary: "var(--graphy-font-uitooltip-secondary)", fontErrorBoundaryTitle: "var(--graphy-font-error-boundary-title)", fontErrorBoundaryMessage: "var(--graphy-font-error-boundary-message)", fontTableCell: "var(--graphy-font-table-cell)", fontTableHeaderCell: "var(--graphy-font-table-header-cell)", fontSourceLabel: "var(--graphy-font-source-label)", fontSourceLink: "var(--graphy-font-source-link)", fontTextEditorH1: "var(--graphy-font-text-editor-h1)", fontTextEditorH2: "var(--graphy-font-text-editor-h2)", fontTextEditorH3: "var(--graphy-font-text-editor-h3)", fontTextEditorH6: "var(--graphy-font-text-editor-h6)", fontTextEditorBody: "var(--graphy-font-text-editor-body)", fontTextEditorLink: "var(--graphy-font-text-editor-link)", fontHighlightModeTitle: "var(--graphy-font-highlight-mode-title)", fontHighlightModeSubtitle: "var(--graphy-font-highlight-mode-subtitle)" };
 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'`, mi = 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 = {
+}, vi = `var(--typography-chart-font-family, ${s.fontFamilyDefault})`, tt = `var(--typography-chart-heading-font-family, ${s.fontFamilyHeading})`, U = (e) => `${e}em`, Un = {
   textScale: "1",
   fontFamilyDefault: R,
-  fontFamilyHeading: gi,
+  fontFamilyHeading: mi,
   fontWeightRegular: K.regular.toString(),
   fontWeightMedium: K.medium.toString(),
   fontWeightSemibold: K.semibold.toString(),
@@ -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 = vi) => `${e} ${t}/${n} ${r}`, jn = {
   // Axes
   fontTickLabel: b(s.fontWeightMedium, s.fontSizeSm, s.fontLineHeightSm),
   fontAxisLabel: b(s.fontWeightMedium, s.fontSizeSm, s.fontLineHeightSm),
@@ -557,20 +571,22 @@ 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 = {
+}, yi = {
   small: 1.9,
   medium: 2.3,
   large: 2.6
-}, mi = {
+}, bi = {
   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 = {
+}, xi = R, qn = D.sm, Kn = 2, Jn = 24, Zn = 12, Qn = 10, er = 8, tr = 8, nr = 8, rr = 2, or = 1, ar = 2, ir = 4, sr = N.sm, lr = D.sm, cr = R, Si = ar * ir, dr = !1, Fe = 6, ur = 10, P = (e, t) => `color-mix(in srgb, transparent, ${e} ${t * 100}%)`, je = (e, t) => `hsl(from ${e} h s calc(l * ${1 - t}))`, hr = (e, t) => `hsl(from ${e} h s calc(l * ${1 + t}))`, dt = (e, t, n) => `color-mix(in srgb, ${e}, ${t} ${n * 100}%)`, ki = (e) => /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(e), Li = (e) => e.length === 0 ? !1 : typeof CSS < "u" && typeof CSS.supports == "function" ? CSS.supports("color", e) : /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{4}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/.test(e), X = (e) => `${e}px`, gr = {
   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),
@@ -596,7 +612,7 @@ const R = `'Inter', -apple-system, BlinkMacSystemFont, 'Open Sans', 'Segoe UI',
   zIndexToolbar: "10",
   zIndexToolbarTooltip: "20",
   zIndexToolbarPopover: "30"
-}, Si = 8, se = (e) => `${Si * e}px`, vr = {
+}, Ci = 8, se = (e) => `${Ci * e}px`, vr = {
   spaceXxs: se(0.25),
   // space(0.25) → 2px
   spaceXs: se(0.5),
@@ -609,7 +625,7 @@ const R = `'Inter', -apple-system, BlinkMacSystemFont, 'Open Sans', 'Segoe UI',
   //   space(1.5)  → 12px
   spaceXl: se(2)
   //     space(2)    → 16px
-}, ki = {
+}, Ti = {
   transparent: "transparent",
   white: "#FFFFFF",
   black: "#000000",
@@ -636,7 +652,7 @@ const R = `'Inter', -apple-system, BlinkMacSystemFont, 'Open Sans', 'Segoe UI',
   purple50: "#7B56EA",
   purple30: "#E093FE",
   greyGradient80: "linear-gradient(to top, #222429, #31353f)"
-}, Li = {
+}, wi = {
   textPrimary: s.grey0,
   textSecondary: P(s.textPrimary, 0.8),
   textDisabled: P(s.textPrimary, 0.5),
@@ -655,7 +671,7 @@ const R = `'Inter', -apple-system, BlinkMacSystemFont, 'Open Sans', 'Segoe UI',
   raisedBackground: s.grey80,
   overlayBackground: s.grey90,
   overlayBorderGradient: s.greyGradient80
-}, Ci = {
+}, Ai = {
   graphBackground: s.grey90,
   gridLineColor: s.border10,
   originLineColor: s.grey0,
@@ -700,7 +716,7 @@ const R = `'Inter', -apple-system, BlinkMacSystemFont, 'Open Sans', 'Segoe UI',
   arrowAnnotationStickerOutlineColorInverse: "#1D2129",
   annotationFrameBorderColor: s.blue60,
   annotationMenuTriggerIconColor: s.white
-}, Ti = {
+}, Ei = {
   canvasDefault: "#FFFFFF",
   canvasBlue: "#60a5fa",
   canvasCyan: "#22d3ee",
@@ -712,20 +728,20 @@ const R = `'Inter', -apple-system, BlinkMacSystemFont, 'Open Sans', 'Segoe UI',
   canvasPurple: "#a78bfa",
   canvasGray: "#a8a29e",
   canvasInverse: "#000000"
-}, wi = {
-  ...ki,
-  ...Li,
+}, _i = {
+  ...Ti,
+  ...wi,
   ...pr,
   ...fr,
   ...vr,
   ...mr,
-  ...Ci,
-  ...Ti,
+  ...Ai,
+  ...Ei,
   ...gr,
   ...Un,
   ...Yn,
-  ...qn
-}, Ai = {
+  ...jn
+}, Pi = {
   transparent: "transparent",
   white: "#FFFFFF",
   black: "#000000",
@@ -752,7 +768,7 @@ const R = `'Inter', -apple-system, BlinkMacSystemFont, 'Open Sans', 'Segoe UI',
   purple50: "#7B56EA",
   purple30: "#E093FE",
   greyGradient80: "linear-gradient(to top, #F0F0F1, #F9F9FF)"
-}, Ei = {
+}, Hi = {
   textPrimary: s.black,
   textSecondary: P(s.textPrimary, 0.6),
   textDisabled: P(s.textPrimary, 0.5),
@@ -771,7 +787,7 @@ const R = `'Inter', -apple-system, BlinkMacSystemFont, 'Open Sans', 'Segoe UI',
   raisedBackground: s.grey85,
   overlayBackground: s.grey100,
   overlayBorderGradient: s.border10
-}, _i = {
+}, Fi = {
   graphBackground: s.grey100,
   gridLineColor: s.border10,
   originLineColor: s.grey0,
@@ -816,7 +832,7 @@ const R = `'Inter', -apple-system, BlinkMacSystemFont, 'Open Sans', 'Segoe UI',
   arrowAnnotationStickerOutlineColorInverse: "#FFFFFF",
   annotationFrameBorderColor: s.blue60,
   annotationMenuTriggerIconColor: "#3d414c"
-}, Pi = {
+}, Ni = {
   canvasDefault: "#000000",
   canvasBlue: "#3b82f6",
   canvasCyan: "#06b6d4",
@@ -828,21 +844,21 @@ const R = `'Inter', -apple-system, BlinkMacSystemFont, 'Open Sans', 'Segoe UI',
   canvasPurple: "#8b5cf6",
   canvasGray: "#78716c",
   canvasInverse: "#ffffff"
-}, Hi = {
-  ...Ai,
-  ...Ei,
+}, Bi = {
+  ...Pi,
+  ...Hi,
   ...pr,
   ...fr,
   ...vr,
   ...mr,
-  ..._i,
-  ...Pi,
+  ...Fi,
+  ...Ni,
   ...gr,
   ...Un,
   ...Yn,
-  ...qn
+  ...jn
 }, yr = (e, t = {}) => ({
-  ...e === "dark" ? wi : Hi,
+  ...e === "dark" ? _i : Bi,
   ...t
 }), br = (e, t) => {
   const n = yr(e, t), r = V(n.legendPillPaddingInline, nr), o = V(n.legendPillPaddingBlock, rr), i = V(n.legendPillBorderWidth, or);
@@ -860,85 +876,83 @@ const R = `'Inter', -apple-system, BlinkMacSystemFont, 'Open Sans', 'Segoe UI',
     headlineRowGap: V(n.headlineRowGap, Kn),
     headlineItemGap: V(n.headlineItemGap, Jn)
   };
-}, Fi = Object.freeze(br("light"));
+}, Ii = Object.freeze(br("light"));
 function V(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 xr = fe(Ii), Mi = ({ metrics: e, children: t }) => /* @__PURE__ */ a(xr.Provider, { value: e, children: t }), wt = () => ee(xr), At = N.sm, Sr = R, kr = 10, te = (e, t) => e * kr * t, Di = (e, t, n) => {
   const { 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)
+        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), Oi = (e) => () => te(At, e), Ri = (e, t) => (n, r) => {
+  const { labelLineHeight: o, labelFontWeight: i } = Ao(r, t);
   return e.measureText(n, {
     family: R,
     size: o,
     weight: i
   });
-}, Di = (e, t, n) => (r, o) => {
+}, zi = (e, t, n) => (r, o) => {
   const i = Lr(r, o, e, t, n.headlineRowGap), c = Cr(i.map((d) => d.width)), l = Math.max(0, i.length - 1) * n.headlineItemGap;
   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(
+}, Gi = (e, t, n) => (r, o) => Lr(r, o, e, t, n.headlineRowGap).map(
   (i) => i.width
-), Ri = (e, t) => (n, r) => {
+), Wi = (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 * qn };
+}, $i = (e, t, n) => {
+  const r = zi(e, t, n), o = Wi(e, t);
   return (i, c) => i.kind === "perGroup" ? r(i, c) : o(i.value, c);
 }, Lr = (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) => Xi(l, i, n);
   return e.items.map((l) => {
-    const d = gn(l).map(c), u = Math.max(0, d.length - 1) * o;
+    const d = pn(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
     };
   });
-}, Gi = (e, t, n) => {
+}, Xi = (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 * qn);
     } 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) };
+  const r = e === "value" ? yi[t] : bi[t];
+  return { family: xi, size: te(r, n) };
 }, Cr = (e) => e.reduce((t, n) => t + n, 0), Tr = (e) => {
-  const t = Q(sr, e);
+  const t = te(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;
+}, wr = (e, t) => e ? t : 0, Vi = (e, t, n) => (r) => {
   const { fontSizePx: o, lineBoxHeight: i } = Tr(t), c = { family: cr, size: o };
   if (r.position === "top" || r.position === "bottom")
     return Math.max(i, n.legendSwatchHeight) + n.legendPillVerticalChrome;
@@ -947,18 +961,39 @@ const xr = fe(Fi), Ni = ({ metrics: e, children: t }) => /* @__PURE__ */ a(xr.Pr
     return g + (g > 0 ? n.legendSwatchGap : 0) + h;
   });
   return Math.max(...d) + n.legendPillHorizontalChrome;
-}, $i = (e, t) => (n) => e.measureText(n, {
+}, Ui = (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 = ({
+  size: te(At, t)
+}), Yi = Object.freeze({}), ji = (e, t, n, r = Yi) => {
+  const o = C(r);
+  return o.current = r, v(() => {
+    if (!e) return null;
+    const i = Di(e, t, n), c = Oi(t), l = Vi(e, t, n), d = $i(e, t, n), u = Gi(e, t, n), h = {
+      measureText: (g, p) => e.measureText(g, p),
+      textScale: t
+    };
+    return {
+      measureAxis: (g) => {
+        if (Ki(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 (Ji(g)) return 0;
+        const p = o.current.measureLegend;
+        return p ? p(g, h) : l(g);
+      },
+      measureHeadline: (g, p) => (o.current.measureHeadline ?? d)(g, p),
+      measureHeadlineItemWidths: (g, p) => (o.current.measureHeadlineItemWidths ?? u)(g, p),
+      measureTickLabel: Ui(e, t),
+      measureDifferenceArrowLabel: Ri(e, t)
+    };
+  }, [e, t, n]);
+}, qi = ({
   measurer: e,
   axes: t,
   numberFormat: n,
@@ -971,7 +1006,7 @@ const xr = fe(Fi), Ni = ({ metrics: e, children: t }) => /* @__PURE__ */ a(xr.Pr
   annotations: u,
   coordSystem: h,
   textScale: g
-}) => v(() => e ? new Ao(e).compile({
+}) => v(() => e ? new Eo(e).compile({
   axes: t,
   numberFormat: n,
   parsingLocale: r,
@@ -996,17 +1031,17 @@ const xr = fe(Fi), Ni = ({ metrics: e, children: t }) => /* @__PURE__ */ a(xr.Pr
   h,
   g,
   e
-]), Wt = "data-variant", Ar = ta.extend({
+]), Ki = (e) => !e.isVisible || e.ticks.length === 0, Ji = (e) => e.items.length === 0, $t = "data-variant", Ar = na.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({
+}), Zi = ta.create({
   name: "preventBackspaceAcrossTitleBoundary",
   addOptions() {
     return { isTitleVisible: !0 };
@@ -1022,28 +1057,28 @@ const xr = fe(Fi), Ni = ({ metrics: e, children: t }) => /* @__PURE__ */ a(xr.Pr
       }
     };
   }
-}), Yi = ({
+}), Qi = ({
   titlePlaceholder: e,
   subtitlePlaceholder: t,
   isTitleVisible: n,
   isSubtitleVisible: r
 }) => [
-  ji({ isTitleVisible: n, isSubtitleVisible: r }),
+  ts({ isTitleVisible: n, isSubtitleVisible: r }),
   Ar,
-  Pn,
+  Hn,
+  Dn,
+  En.configure({ levels: [1, 2, 3] }),
+  wn,
+  _n,
   Mn,
-  An.configure({ levels: [1, 2, 3] }),
-  Tn,
-  En,
-  In,
-  Hn.configure({ types: ["heading", "paragraph"] }),
-  _n.configure({ openOnClick: !1, autolink: !0 }),
-  Fn,
+  Fn.configure({ types: ["heading", "paragraph"] }),
+  Pn.configure({ openOnClick: !1, autolink: !0 }),
   Nn,
   Bn,
-  wn,
-  Ui.configure({ isTitleVisible: n }),
-  Dn.configure({
+  In,
+  An,
+  Zi.configure({ isTitleVisible: n }),
+  On.configure({
     showOnlyCurrent: !1,
     placeholder: ({ pos: o, editor: i }) => {
       if (n && o === 0) return e;
@@ -1051,83 +1086,83 @@ const xr = fe(Fi), Ni = ({ metrics: e, children: t }) => /* @__PURE__ */ a(xr.Pr
       return r && o === c ? t : "";
     }
   })
-], qi = ({ placeholder: e }) => [
+], es = ({ placeholder: e }) => [
   lt,
   Ar,
-  Pn,
+  Hn,
+  Dn,
+  En.configure({ levels: [1, 2, 3] }),
+  wn,
+  _n,
   Mn,
-  An.configure({ levels: [1, 2, 3] }),
-  Tn,
-  En,
-  In,
-  Hn.configure({ types: ["heading", "paragraph"] }),
-  _n.configure({ openOnClick: !1, autolink: !0 }),
-  Fn,
+  Fn.configure({ types: ["heading", "paragraph"] }),
+  Pn.configure({ openOnClick: !1, autolink: !0 }),
   Nn,
   Bn,
-  wn,
-  Dn.configure({
+  In,
+  An,
+  On.configure({
     showOnlyCurrent: !1,
     placeholder: ({ pos: t }) => t === 0 ? e : ""
   })
-], ji = ({
+], ts = ({
   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, ns = { light: 0.05, dark: 0.1 }, rs = (e, t) => {
   switch (e.type) {
     case "none":
       return null;
     case "solid":
       return e.color;
     case "tinted":
-      return es(e.color, t);
+      return is(e.color, t);
     case "gradient":
-      return ts(e.color, t);
+      return ss(e.color, t);
     case "preset":
-      return Eo[e.preset];
+      return _o[e.preset];
   }
-}, Zi = (e) => e.type === "none" ? 0 : e.width, Qi = (e, t, n) => {
+}, os = (e) => e.type === "none" ? 0 : e.width, as = (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, ns[t]);
+}, is = (e, t) => t === "dark" ? je(e, Me) : hr(e, Me), ss = (e, t, n = 90) => {
+  const r = e, o = t === "dark" ? je(e, Me) : hr(e, Me);
   return `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 ls = "bow4tg0", cs = "bow4tg1", ds = "bow4tg2", us = "bow4tg3", hs = "_1ii3bsb0", gs = "_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 }) => {
+}, ps = ({ theme: e, themeOverrides: t = {}, appearance: n, children: r }) => {
   const o = v(() => yr(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 = as(n.background, e, o.graphBackground);
+    return d !== void 0 && (l[s.graphBackground] = d), sa(l);
   }, [n.textScale, n.background, e, o.graphBackground, t]), c = v(
     () => ({
       theme: e,
-      themeClass: e === "dark" ? ss : is,
+      themeClass: e === "dark" ? gs : hs,
       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(
+  const r = ee(Et), o = r ? re(r.themeClass, cs) : void 0, i = r ? { ...r.inlineVarsStyle, ...n } : n;
+  return /* @__PURE__ */ a("div", { className: re(o, t), style: i, children: e });
+}, fs = "graphy_root", ie = () => typeof document > "u" ? null : document.getElementById(fs) ?? document.body;
+var ms = "yp3g0k0", vs = "yp3g0k1", Er = "yp3g0k3", ys = "yp3g0k4", _r = "yp3g0k5", ht = "yp3g0k6", bs = "yp3g0k7", xs = "yp3g0k8", Pr = "yp3g0k9", Ss = "yp3g0ka", ks = "yp3g0kb", Ls = "yp3g0kc", Cs = "yp3g0kd", Ts = "yp3g0ke";
+const ws = Vn.map((e) => s[e]), As = Object.fromEntries(
   Vn.map((e) => [s[e], e])
-), ks = ({ editor: e, currentColor: t, isOpen: n, onOpenChange: r }) => {
-  const o = J(), i = Cs(), c = mt(
+), Es = ({ editor: e, currentColor: t, isOpen: n, onOpenChange: r }) => {
+  const o = J(), i = Ps(), c = mt(
     (d) => {
       e.chain().setColor(d).run();
     },
@@ -1135,29 +1170,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: ms,
         onMouseDown: (d) => d.preventDefault(),
-        children: /* @__PURE__ */ a("span", { className: us, style: { background: t ?? "transparent" } })
+        children: /* @__PURE__ */ a("span", { className: vs, 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: Er, children: /* @__PURE__ */ m(F.Popup, { className: ys, onMouseDown: (d) => d.preventDefault(), children: [
       /* @__PURE__ */ a(
-        $t,
+        Xt,
         {
           title: o("graph.colorDropdown.colors"),
-          colors: xs,
+          colors: ws,
           currentColor: t,
           onPick: l
         }
       ),
       i.length > 0 && /* @__PURE__ */ a(
-        $t,
+        Xt,
         {
           title: o("graph.colorDropdown.chartColors"),
           colors: i,
@@ -1165,58 +1200,58 @@ const xs = Vn.map((e) => s[e]), Ss = Object.fromEntries(
           onPick: l
         }
       ),
-      /* @__PURE__ */ a(Ls, { value: t ?? "#000000", onChange: c })
+      /* @__PURE__ */ a(_s, { 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: _r, children: [
   /* @__PURE__ */ a("div", { className: ht, children: e }),
-  /* @__PURE__ */ a("div", { className: gs, children: t.map((o) => /* @__PURE__ */ a(
+  /* @__PURE__ */ a("div", { className: bs, children: t.map((o) => /* @__PURE__ */ a(
     "button",
     {
       type: "button",
       "aria-label": o,
-      className: ps,
-      "data-active": ws(o, n),
+      className: xs,
+      "data-active": Fs(o, n),
       onMouseDown: (i) => i.preventDefault(),
       onClick: () => r(o),
       children: /* @__PURE__ */ a("span", { className: Pr, style: Hr(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: [
+] }), _s = ({ value: e, onChange: t }) => {
+  const n = J(), [r, o] = E(!1), i = Li(e) ? e : "#000000", c = Hs(i);
+  return /* @__PURE__ */ m(F.Root, { open: r, onOpenChange: o, children: [
+    /* @__PURE__ */ m("div", { className: _r, children: [
       /* @__PURE__ */ a("div", { className: ht, children: n("graph.colorDropdown.custom") }),
-      /* @__PURE__ */ f(
+      /* @__PURE__ */ m(
         F.Trigger,
         {
-          className: fs,
+          className: Ss,
           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: ks, 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: Er, children: /* @__PURE__ */ m(F.Popup, { className: Ls, 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(la, { color: c, onChange: t, className: Cs }),
       /* @__PURE__ */ a(
-        la,
+        ca,
         {
           color: c,
           onChange: t,
           prefixed: !0,
-          className: bs,
+          className: Ts,
           onMouseDown: (l) => l.stopPropagation()
         }
       )
     ] }) }) }) })
   ] });
-}, Cs = () => {
+}, Ps = () => {
   const e = B((t) => t.scales.color);
   return v(() => {
     if (!e || e.kind !== "visual") return [];
@@ -1229,13 +1264,13 @@ const xs = Vn.map((e) => s[e]), Ss = Object.fromEntries(
   }, [e]);
 }, Hr = (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)}`
+}), Hs = (e) => {
+  const { themeValues: t } = _t();
+  if (ki(e)) return e.toUpperCase();
+  const n = As[e];
   return n ? t[n].toUpperCase() : "#000000";
-}, ws = (e, t) => t === null ? !1 : e.toLowerCase() === t.toLowerCase(), As = {
+}, Fs = (e, t) => t === null ? !1 : e.toLowerCase() === t.toLowerCase(), Ns = {
   xxs: 8,
   xs: 12,
   sm: 16,
@@ -1243,13 +1278,13 @@ const xs = Vn.map((e) => s[e]), Ss = Object.fromEntries(
   lg: 24,
   xl: 36
 };
-var Es = { primary: "asohov1 asohov0", secondary: "asohov2 asohov0" };
+var Bs = { 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 = Ns[r];
+  return /* @__PURE__ */ m(
     "svg",
     {
-      className: Es[n],
+      className: Bs[n],
       "aria-labelledby": t ? i : void 0,
       height: c,
       width: c,
@@ -1263,21 +1298,21 @@ 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 = [
+}, Fr = (e) => /* @__PURE__ */ a(Z, { ...e, children: /* @__PURE__ */ a("g", { stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ a("path", { d: "m6 9 6 6 6-6" }) }) }), Is = "'Noto Serif', Georgia, 'Times New Roman', serif, 'Apple Color Emoji', 'NotoColorEmoji'", Nr = `'Aeonik', 'Aeonik Fallback', ${R}`, Ms = "'PT Mono', 'Courier New', monospace, 'Apple Color Emoji', 'NotoColorEmoji'", Ds = "'Intruding Cat', cursive, 'Apple Color Emoji', 'NotoColorEmoji'", Os = `var(--brand-font-family), ${Nr}`, gt = [
   { 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;
+  { id: "timeless", label: "Timeless", preview: "Aa", fontFamily: Is },
+  { id: "technical", label: "Technical", preview: "00", fontFamily: Ms },
+  { id: "fineliner", label: "Fineliner", preview: "Aa", fontFamily: Ds },
+  { id: "brand", label: "Brand", preview: "Aa", fontFamily: Os }
+], Rs = (e) => e ? gt.find((t) => t.fontFamily === e) ?? null : null;
 var Br = "_1qkyw7q0", Ir = "_1qkyw7q1", Mr = "_1qkyw7q3", Dr = "_1qkyw7q4", Or = "_1qkyw7q5";
-const Bs = ({ editor: e, currentFontFamily: t, isOpen: n, onOpenChange: r }) => {
-  const o = J(), i = Ns(t) ?? gt[0], c = (l) => {
+const zs = ({ editor: e, currentFontFamily: t, isOpen: n, onOpenChange: r }) => {
+  const o = J(), i = Rs(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, {}),
@@ -1305,16 +1340,16 @@ const Bs = ({ editor: e, currentFontFamily: t, isOpen: n, onOpenChange: r }) =>
   id: "text",
   translationKey: "graph.toolbar.heading.text",
   previewFont: s.fontTextEditorBody
-}, Xt = [
+}, Vt = [
   { id: "caption", translationKey: "graph.toolbar.heading.caption", previewFont: s.fontTextEditorH6 },
   Rr,
   { 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(
+], Gs = ({ editor: e, activeStyle: t, isOpen: n, onOpenChange: r }) => {
+  const o = J(), i = Vt.find((c) => c.id === t) ?? Rr;
+  return /* @__PURE__ */ m(M.Root, { open: n, onOpenChange: r, children: [
+    /* @__PURE__ */ m(
       M.Trigger,
       {
         render: /* @__PURE__ */ a(H.Button, {}),
@@ -1327,18 +1362,18 @@ const Bs = ({ editor: e, currentFontFamily: t, isOpen: n, onOpenChange: r }) =>
         ]
       }
     ),
-    /* @__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: Mr, children: /* @__PURE__ */ a(M.Popup, { className: Dr, onMouseDown: (c) => c.preventDefault(), children: Vt.map((c) => /* @__PURE__ */ a(
       M.Item,
       {
         className: Or,
         "data-selected": c.id === i.id,
-        onClick: () => Ms(e, c.id),
-        children: /* @__PURE__ */ a(Ds, { font: c.previewFont, children: o(c.translationKey) })
+        onClick: () => Ws(e, c.id),
+        children: /* @__PURE__ */ a($s, { font: c.previewFont, children: o(c.translationKey) })
       },
       c.id
     )) }) }) }) })
   ] });
-}, Ms = (e, t) => {
+}, Ws = (e, t) => {
   switch (t) {
     case "caption": {
       e.chain().focus().setNode("paragraph", { variant: "caption" }).run();
@@ -1357,53 +1392,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: [
+}, $s = ({ font: e, children: t }) => /* @__PURE__ */ a("span", { style: { font: e, margin: 0 }, children: t }), Xs = (e) => /* @__PURE__ */ a(Z, { ...e, children: /* @__PURE__ */ a("g", { stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ a("path", { d: "M20 6 9 17l-5-5" }) }) }), Vs = (e) => /* @__PURE__ */ a(Z, { ...e, children: /* @__PURE__ */ m("g", { stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
   /* @__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: [
+] }) }), Us = (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) => {
+] }) }), Ys = (e) => !e.content || e.content.length === 0 ? !0 : e.content.every((t) => !t.content || t.content.length === 0), js = (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 qs = "b5kquu0", Ks = "b5kquu1", Js = "b5kquu2", Zs = "b5kquu3", Yt = "b5kquu4";
+const Qs = ({ 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);
+    el(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: qs,
+        onMouseDown: (f) => f.preventDefault(),
+        children: /* @__PURE__ */ a(Vs, {})
       }
     ),
-    /* @__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: Ks, children: /* @__PURE__ */ m(
       F.Popup,
       {
-        className: Vs,
+        className: Js,
         initialFocus: d,
-        onMouseDown: (p) => p.preventDefault(),
+        onMouseDown: (f) => f.preventDefault(),
         children: [
           /* @__PURE__ */ a(
             "input",
@@ -1413,28 +1448,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: Zs,
+              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(Us, {}) }),
           /* @__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(Xs, {})
             }
           )
         ]
       }
     ) }) }) })
   ] });
-}, qs = (e, t) => {
+}, el = (e, t) => {
   const n = t.trim(), { selection: r } = e.state;
   if (!n) {
     e.chain().focus().extendMarkRange("link").unsetLink().run();
@@ -1448,47 +1483,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 = js(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: [
+}, tl = (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: [
+] }) }), 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: "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: [
+] }) }), 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: "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 ol = "k91gos0", al = "k91gos1";
+const il = 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(da, { render: /* @__PURE__ */ a(H.Button, {}), pressed: t, onPressedChange: () => n() }),
         "aria-label": e,
-        className: Zs,
+        className: ol,
         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: il, children: /* @__PURE__ */ a(le.Popup, { className: al, children: e }) }) }) })
   ] });
-}, tl = ({ editor: e, activeAlignment: t = "left" }) => {
+}, sl = ({ 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(rl, {})
       }
     ),
     /* @__PURE__ */ a(
@@ -1497,7 +1532,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(tl, {})
       }
     ),
     /* @__PURE__ */ a(
@@ -1506,13 +1541,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(nl, {})
       }
     )
   ] });
 };
-var nl = "_1bp10ig0", Se = "_1bp10ig1", Ne = "_1bp10ig2";
-const rl = ({ editor: e }) => ({
+var ll = "_1bp10ig0", Se = "_1bp10ig1", Ne = "_1bp10ig2";
+const cl = ({ editor: e }) => ({
   isBold: e?.isActive("bold") ?? !1,
   isItalic: e?.isActive("italic") ?? !1,
   isUnderline: e?.isActive("underline") ?? !1,
@@ -1520,20 +1555,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: dl(e),
+  textAlign: ul(e)
+}), dl = (e) => e ? e.isActive("heading", { level: 1 }) ? "h1" : e.isActive("heading", { level: 2 }) ? "h2" : e.isActive("heading", { level: 3 }) ? "h3" : e.isActive("paragraph", { variant: "caption" }) ? "caption" : "text" : "text", ul = (e) => e ? e.isActive({ textAlign: "center" }) ? "center" : e.isActive({ textAlign: "right" }) ? "right" : "left" : "left", hl = 8, gl = 8, pl = ({ editor: e }) => {
   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(hl), kt(), Lt({ padding: gl })],
+    whileElementsMounted: ea
+  }), h = C(null), g = ra({
     editor: e,
-    selector: rl
-  }), m = mt(
+    selector: cl
+  }), p = mt(
     (y) => {
       h.current = y, d.setFloating(y);
     },
@@ -1551,12 +1586,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 ? ia(
+    /* @__PURE__ */ a(ae, { children: /* @__PURE__ */ a(le.Provider, { children: /* @__PURE__ */ m(H.Root, { ref: p, className: ll, style: u, children: [
+      /* @__PURE__ */ m(H.Group, { className: Se, children: [
         /* @__PURE__ */ a(
-          ks,
+          Es,
           {
             editor: e,
             currentColor: g?.color ?? null,
@@ -1565,7 +1600,7 @@ const rl = ({ editor: e }) => ({
           }
         ),
         /* @__PURE__ */ a(
-          Bs,
+          zs,
           {
             editor: e,
             currentFontFamily: g?.fontFamily ?? null,
@@ -1576,7 +1611,7 @@ const rl = ({ editor: e }) => ({
       ] }),
       /* @__PURE__ */ a(H.Separator, { className: Ne }),
       /* @__PURE__ */ a(H.Group, { className: Se, children: /* @__PURE__ */ a(
-        Is,
+        Gs,
         {
           editor: e,
           activeStyle: g?.fontSize ?? "text",
@@ -1585,7 +1620,7 @@ const rl = ({ editor: e }) => ({
         }
       ) }),
       /* @__PURE__ */ a(H.Separator, { className: Ne }),
-      /* @__PURE__ */ f(H.Group, { className: Se, children: [
+      /* @__PURE__ */ m(H.Group, { className: Se, children: [
         /* @__PURE__ */ a(
           de,
           {
@@ -1615,10 +1650,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: Se, children: /* @__PURE__ */ a(sl, { editor: e, activeAlignment: g?.textAlign }) }),
       /* @__PURE__ */ a(H.Separator, { className: Ne }),
       /* @__PURE__ */ a(H.Group, { className: Se, children: /* @__PURE__ */ a(
-        Ys,
+        Qs,
         {
           editor: e,
           currentUrl: g?.linkUrl ?? null,
@@ -1628,19 +1663,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 fl = "_2ngohc0";
+const zr = ({ editor: e, ariaLabel: t }) => /* @__PURE__ */ m("div", { className: fl, children: [
+  /* @__PURE__ */ a(pl, { editor: e }),
+  /* @__PURE__ */ a(oa, { editor: e, "aria-label": t })
+] }), ml = (e, t) => {
+  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 +1694,16 @@ const zr = ({ editor: e, ariaLabel: t }) => /* @__PURE__ */ f("div", { className
   return L(() => () => {
     i.current !== null && clearTimeout(i.current);
   }, []), c;
-}, ul = 200, Gr = ({
+}, vl = 200, Gr = ({
   content: e,
   extensions: t,
   isEditable: n,
   onUpdate: r,
-  updateDebounceMs: o = ul
+  updateDebounceMs: o = vl
 }) => {
-  const i = T(Yt(e)), c = T(!1), l = dl((u) => {
+  const i = C(jt(e)), c = C(!1), l = ml((u) => {
     c.current = !0, r?.(u);
-  }, o), d = oa({
+  }, o), d = aa({
     extensions: t,
     content: i.current,
     editable: n,
@@ -1683,12 +1718,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();
+    yl(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, yl = (e, t) => JSON.stringify(e) === JSON.stringify(t);
+var bl = "_1cocly40";
+const xl = {
   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 +1731,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: Wr(e.content ?? [e]) }), Wr = (e) => e.map((t, n) => Sl(t, n)), Sl = (e, t) => {
   if (e.type === "text")
-    return ml(e, t);
+    return kl(e, t);
   if (e.type === "hardBreak" || e.type === "hard_break")
     return /* @__PURE__ */ a("br", {}, t);
   const n = e.content ? Wr(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 = wl(e.attrs?.level);
+      return Al(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: $r(Kt(e.attrs)), children: n }, t);
     }
     case "blockquote":
       return /* @__PURE__ */ a("blockquote", { children: n }, t);
@@ -1727,10 +1762,10 @@ const pl = {
     default:
       return /* @__PURE__ */ a("span", { children: n }, t);
   }
-}, ml = (e, t) => {
+}, kl = (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) => Ll(o, r, `${t}-${i}`), n);
+}, Ll = (e, t, n) => {
   switch (e.type) {
     case "bold":
     case "strong":
@@ -1748,10 +1783,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 fn(r) ? /* @__PURE__ */ a("a", { className: bl, 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 = Cl(e.attrs);
       return r ? /* @__PURE__ */ a("span", { style: r, children: t }, n) : /* @__PURE__ */ a("span", { children: t }, n);
     }
     default:
@@ -1760,16 +1795,16 @@ const pl = {
 }, qt = (e) => {
   const t = ge(e && typeof e == "object" ? e.fontFamily : e);
   if (t)
-    return pl[t] ?? t;
-}, yl = (e) => {
+    return xl[t] ?? t;
+}, Cl = (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 = Tl(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) => {
+}, Tl = (e) => typeof e == "number" && Number.isFinite(e) ? `${e / 10}em` : ge(e), ge = (e) => typeof e == "string" && e.length > 0 ? e : void 0, wl = (e) => typeof e != "number" ? 3 : e < 1 ? 1 : e > 3 ? 3 : Math.round(e), Al = (e, t, n, r) => {
   const o = $r(r);
   switch (e) {
     case 1:
@@ -1779,12 +1814,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 = ({
+var El = "_4dlrid0", Xr = "_4dlrid1", _l = "xfz7dq0", Pl = "xfz7dq1", Hl = "xfz7dq2", Fl = "xfz7dq3", Nl = "xfz7dq4";
+const Bl = ({
   ref: e,
   footerRect: t,
   mode: n = "readonly",
@@ -1793,73 +1828,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 && Ol(i);
+  return !d && !u ? null : /* @__PURE__ */ m(
     "div",
     {
       ref: e,
-      className: Ll,
+      className: _l,
       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(Rl, { caption: r }) : /* @__PURE__ */ a(Il, { caption: r }) : null,
+        u && /* @__PURE__ */ a(Ml, { 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 })
+}, Il = ({ caption: e }) => e === null ? null : typeof e == "string" ? /* @__PURE__ */ a("p", { className: Xr, children: e }) : /* @__PURE__ */ a(De, { content: e }), Ml = ({ source: e }) => {
+  const t = fn(e.url) ? e.url : void 0, n = e.label ?? (t !== void 0 ? Dl(t) : "");
+  return n === "" && t === void 0 ? null : /* @__PURE__ */ m("div", { className: Pl, children: [
+    /* @__PURE__ */ a("span", { className: Fl, children: "Source:" }),
+    t !== void 0 ? /* @__PURE__ */ a("a", { className: Hl, href: t, target: "_blank", rel: "noopener noreferrer", children: n }) : /* @__PURE__ */ a("span", { className: Nl, children: n })
   ] });
-}, Hl = (e) => {
+}, Dl = (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({
+}, Ol = (e) => e.label !== void 0 && e.label !== "" || e.url !== void 0 && e.url !== "", Rl = ({ caption: e }) => {
+  const t = zn(), n = v(() => es({ placeholder: "Add caption" }), []), r = Gr({
     content: e,
     extensions: n,
     isEditable: !0,
     onUpdate: (o) => {
-      const i = Gs(o) ? null : o;
-      t(new _o({ caption: i }));
+      const i = Ys(o) ? null : o;
+      t(new Po({ caption: i }));
     }
   });
   return /* @__PURE__ */ a(zr, { editor: r, ariaLabel: "Chart caption" });
 };
-var Bl = "_1k4qtbg0";
-const Il = 3, Ml = ({
+var zl = "_1k4qtbg0";
+const Gl = 3, Wl = ({
   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: Gl }, content: Xl(e) }), r && o.push(...Vl(n)), { type: "doc", content: o };
+}, $l = (e) => {
   const t = e.content ?? [], [n, ...r] = t;
   return {
-    title: zl(n?.content ?? []),
-    subtitle: Gl(r)
+    title: Ul(n?.content ?? []),
+    subtitle: Yl(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) => {
+}), Xl = (e) => e === null ? [] : typeof e == "string" ? e === "" ? [] : [{ type: "text", text: e }] : e.type === "doc" && e.content ? e.content.flatMap((t) => t.content ?? []) : e.type === "text" || e.type === "hardBreak" ? [e] : e.content ?? [], Vl = (e) => e === null ? [{ type: "paragraph" }] : typeof e == "string" ? e === "" ? [{ type: "paragraph" }] : [{ type: "paragraph", content: [{ type: "text", text: e }] }] : e.type === "doc" && e.content ? e.content.length === 0 ? [{ type: "paragraph" }] : e.content.map(Jt) : [Jt(e)], Jt = (e) => e.type === "paragraph" ? e : { type: "paragraph", content: e.content ?? [e] }, Ul = (e) => {
   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) };
+}, Yl = (e) => {
   const t = e.filter((r) => (r.content ?? []).length > 0);
   if (t.length === 0) return null;
   const [n] = t;
@@ -1868,8 +1903,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) };
+}, jl = ({
   ref: e,
   headerRect: t,
   mode: n = "readonly",
@@ -1883,14 +1918,14 @@ const Il = 3, Ml = ({
     "div",
     {
       ref: e,
-      className: Bl,
+      className: zl,
       style: {
         left: t.x,
         top: t.y,
         width: t.width
       },
       children: l ? /* @__PURE__ */ a(
-        Xl,
+        Kl,
         {
           title: r,
           isTitleVisible: o,
@@ -1899,7 +1934,7 @@ const Il = 3, Ml = ({
         },
         [o ? "title" : "", c ? "subtitle" : ""].join("-")
       ) : /* @__PURE__ */ a(
-        $l,
+        ql,
         {
           title: r,
           isTitleVisible: o,
@@ -1909,22 +1944,22 @@ const Il = 3, Ml = ({
       )
     }
   );
-}, $l = ({
+}, ql = ({
   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 })),
+}) => /* @__PURE__ */ m(T, { children: [
+  t && e !== null && (typeof e == "string" ? /* @__PURE__ */ a("h1", { className: El, children: e }) : /* @__PURE__ */ a(De, { content: e })),
   n && r !== null && (typeof r == "string" ? /* @__PURE__ */ a("p", { className: Xr, children: r }) : /* @__PURE__ */ a(De, { content: r }))
-] }), Xl = ({
+] }), Kl = ({
   title: e,
   isTitleVisible: t,
   isSubtitleVisible: n,
   subtitle: r
 }) => {
-  const o = Rn(), i = v(
-    () => Yi({
+  const o = zn(), i = v(
+    () => Qi({
       titlePlaceholder: "Untitled",
       subtitlePlaceholder: "Untitled",
       isTitleVisible: t,
@@ -1932,84 +1967,84 @@ const Il = 3, Ml = ({
     }),
     [t, n]
   ), c = v(
-    () => Ml({ title: e, isTitleVisible: t, subtitle: r, isSubtitleVisible: n }),
+    () => Wl({ title: e, isTitleVisible: t, subtitle: r, isSubtitleVisible: n }),
     [e, t, r, n]
   ), l = Gr({
     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 = $l(d);
+      t && o(new Ho({ title: u.title })), n && o(new Fo({ subtitle: u.subtitle }));
     }
   });
   return /* @__PURE__ */ a(zr, { 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 Jl = "_1u9qprb0", Zl = "_1u9qprb1", Ql = "_9aen060", ec = "_9aen061", tc = "_9aen062", Vr = "_9aen063";
+const nc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  groupRow: jl,
+  groupRow: tc,
   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: [
+  trendRow: ec,
+  valueRow: Ql
+}, Symbol.toStringTag, { value: "Module" })), rc = (e) => /* @__PURE__ */ a(Z, { ...e, children: /* @__PURE__ */ m("g", { stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
   /* @__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 }) => {
+] }) }), oc = (e) => /* @__PURE__ */ a(Z, { ...e, children: /* @__PURE__ */ a("g", { stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ a("path", { d: "M5 12h14" }) }) });
+var Ur = "n7clvo0", ac = "n7clvo1", ic = "n7clvo2", sc = "n7clvo3", Yr = { small: "n7clvo4", medium: "n7clvo5", large: "n7clvo6" }, lc = { small: "n7clvo7", medium: "n7clvo8", large: "n7clvo9" }, cc = { up: "n7clvoa", down: "n7clvob", flat: "n7clvoc" }, dc = { up: "n7clvoe n7clvod", down: "n7clvof n7clvod", flat: "n7clvog n7clvod" };
+const uc = ({ segment: e, resolvedSize: t }) => {
   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: dc[e.direction], children: e.direction === "flat" ? /* @__PURE__ */ a(oc, { size: "xs", title: "" }) : /* @__PURE__ */ a(rc, { size: "xs", title: "" }) });
+  const n = e.fontRole === "value" ? Yr[t] : lc[t];
+  return /* @__PURE__ */ a("span", { className: ce(hc(e), n), children: e.text });
+}, hc = (e) => {
   switch (e.textRole) {
     case "value":
       return Ur;
     case "observation":
-      return Ql;
+      return ac;
     case "trendPercentage":
-      return rc[e.trendDirection ?? "up"];
+      return cc[e.trendDirection ?? "up"];
     case "trendReference":
-      return ec;
+      return ic;
     case "label":
-      return tc;
+      return sc;
   }
-}, 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 }) => {
+}, gc = ({ item: e, resolvedSize: t }) => /* @__PURE__ */ a("div", { className: Vr, children: pn(e).map((n) => /* @__PURE__ */ a(pc, { row: n, resolvedSize: t }, n.role)) }), pc = ({ row: e, resolvedSize: t }) => {
   const n = e.role === "trendRow";
   return /* @__PURE__ */ a(
     "div",
     {
-      className: Kl[e.role],
+      className: nc[e.role],
       "data-testid": n ? "headline-trend" : void 0,
-      "data-direction": n ? cc(e) : void 0,
+      "data-direction": n ? fc(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(uc, { segment: r, resolvedSize: t }, o))
     }
   );
-}, cc = (e) => {
+}, fc = (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 }) => {
+}, mc = ({ 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: Zl, style: o, children: /* @__PURE__ */ a("span", { className: ce(Ur, Yr[n]), children: e.value }) }) : /* @__PURE__ */ a("div", { className: Jl, style: o, children: e.items.slice(0, r).map((i, c) => /* @__PURE__ */ a(gc, { item: i, resolvedSize: n }, `${i.label}-${c}`)) });
 };
-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 vc = "_1oj6yix0", yc = "_1oj6yix1", bc = "_1oj6yix2";
+const xc = 8, Sc = 16, kc = 2, Lc = ({ legends: e, containerRect: t, textScale: n }) => {
+  const { lineBoxHeight: r } = Tr(n), { placements: o, hasOverlap: i } = Cc(e, t, r);
   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 ? Sc : xc, l = c - kc;
+  return /* @__PURE__ */ m("div", { className: vc, children: [
+    i && /* @__PURE__ */ a("svg", { className: yc, width: t.width, height: t.height, children: o.map((d) => /* @__PURE__ */ a(
+      Tc,
       {
         anchorY: d.anchorY,
         labelY: d.y,
@@ -2021,14 +2056,14 @@ const pc = 8, fc = 16, mc = 2, vc = ({ legends: e, containerRect: t, textScale:
     o.map((d) => /* @__PURE__ */ a(
       "span",
       {
-        className: gc,
+        className: bc,
         style: { left: c, top: d.y, color: d.payload.color },
         children: d.payload.label
       },
       d.payload.key
     ))
   ] });
-}, yc = (e, t, n) => v(() => {
+}, Cc = (e, t, n) => v(() => {
   const r = [];
   for (const o of e)
     for (const i of o.items) {
@@ -2039,12 +2074,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 } : No({
     items: r,
     containerHeight: t.height,
     labelHeight: n
   });
-}, [e, t.height, n]), bc = ({ anchorY: e, labelY: t, endX: n, color: r }) => {
+}, [e, t.height, n]), Tc = ({ anchorY: e, labelY: t, endX: n, color: r }) => {
   const o = n / 2;
   return /* @__PURE__ */ a(
     "path",
@@ -2057,9 +2092,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 wc = "_6a636s0";
+const Ac = /\p{Emoji_Presentation}|\p{Emoji}\uFE0F/gu, jr = "😀";
+class Ht {
   constructor() {
     this.emojiCorrections = /* @__PURE__ */ new Map(), this.currentFont = "";
     const n = new OffscreenCanvas(1, 1).getContext("2d");
@@ -2078,14 +2113,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 = Bo(n);
     this.setFont(r);
     const { width: o, fontBoundingBoxAscent: i, fontBoundingBoxDescent: c } = this.ctx.measureText(t);
     let l = o;
-    const d = kc(t);
+    const d = Ec(t);
     if (d > 0) {
       const u = this.getEmojiCorrection(r);
       l -= u * d;
@@ -2113,7 +2148,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(jr).width, o = _c(t);
     let i = 0;
     if (o !== null) {
       const c = r - o;
@@ -2122,20 +2157,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 Ec = (e) => {
+  const t = e.match(Ac);
   return t ? t.length : 0;
-}, Lc = (e) => {
-  const t = Cc();
+}, _c = (e) => {
+  const t = Pc();
   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 }) => {
+}, Pc = () => typeof document > "u" ? null : (q || (q = document.createElement("span"), q.style.position = "absolute", q.style.visibility = "hidden", q.style.whiteSpace = "nowrap", q.style.left = "-9999px", q.textContent = jr, document.body.appendChild(q)), q), qr = fe(null), Hc = ({ children: e, measurer: t }) => {
   const [n, r] = E(null);
   L(() => {
     if (t !== void 0) return;
     let i = !1;
     const c = () => {
-      i || r(wc());
+      i || r(Fc());
     };
     return (async () => {
       typeof document < "u" && "fonts" in document && await document.fonts.ready, c();
@@ -2144,21 +2179,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(qr.Provider, { value: o, children: e });
 }, ve = () => {
-  const e = re(jr);
+  const e = ee(qr);
   if (e === null)
     throw new Error("useTextMeasurer must be used inside a <TextMeasurerProvider>.");
   return e;
-}, wc = () => {
+}, Fc = () => {
   try {
-    return new Bt(new Pt());
+    return new It(new Ht());
   } catch {
-    return new Bt(new Bo());
+    return new It(new Io());
   }
 };
-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 Nc = "_1kjk02r0", Bc = "_1kjk02r1", Ic = "_1kjk02r2", Mc = "_1kjk02r3", Dc = "_1kjk02r4", Oc = "_1kjk02r5", Rc = "_1kjk02r6", zc = "_1kjk02r7", Gc = "_1kjk02r8", Wc = "_1kjk02r9", $c = "_1kjk02ra", Xc = "_1kjk02rb", Vc = "_1dw9dgx0";
+const Uc = "#9ca3af", nt = "\0", Yc = (e) => {
   const t = [];
   return e.forEach((n, r) => {
     const o = n.aesthetics.includes("size");
@@ -2178,29 +2213,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();
+}, Kr = ({ pill: e }) => e.isBubble ? /* @__PURE__ */ a(Kc, { pill: e }) : /* @__PURE__ */ a(qc, { pill: e }), jc = ({ 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 }),
+}, qc = ({ pill: e }) => /* @__PURE__ */ m(T, { children: [
+  /* @__PURE__ */ a(jc, { color: e.visual.color, lineType: e.primaryLineType, shape: e.swatchShape }),
   /* @__PURE__ */ a("span", { children: e.formattedLabel })
-] }), Xc = ({ pill: e }) => {
+] }), Kc = ({ pill: e }) => {
   const t = Number(e.visual.size);
-  return /* @__PURE__ */ f(C, { children: [
+  return /* @__PURE__ */ m(T, { children: [
     /* @__PURE__ */ a(
       "span",
       {
-        className: Rc,
+        className: Vc,
         style: {
           width: t,
           height: t,
-          backgroundColor: e.visual.color ?? zc
+          backgroundColor: e.visual.color ?? Uc
         }
       }
     ),
     /* @__PURE__ */ a("span", { children: e.formattedLabel })
   ] });
-}, Vc = ({ hiddenPills: e, placement: t }) => {
+}, Jc = ({ hiddenPills: e, placement: t }) => {
   const n = J(), [r, o] = E(!1), { refs: i, floatingStyles: c } = xt({
     open: r,
     placement: t,
@@ -2208,37 +2243,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(
+  return /* @__PURE__ */ m(T, { children: [
+    /* @__PURE__ */ m(
       "div",
       {
         ref: i.setReference,
-        className: ce(Ac, {
-          [_c]: l,
-          [Ec]: !l
+        className: ce(Nc, {
+          [Ic]: l,
+          [Bc]: !l
         }),
         children: [
           u.map((h) => /* @__PURE__ */ a(
             "span",
             {
-              className: ce(Pc, {
-                [Fc]: l,
-                [Hc]: !l
+              className: ce(Mc, {
+                [Oc]: l,
+                [Dc]: !l
               }),
-              style: Uc(h, l),
+              style: Zc(h, l),
               "aria-hidden": !0
             },
             h
@@ -2247,12 +2282,12 @@ const zc = "#9ca3af", nt = "\0", Gc = (e) => {
             "button",
             {
               type: "button",
-              className: ce(Nc, { [Bc]: r }),
+              className: ce(Rc, { [zc]: 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: Gc, children: [
                 "+",
                 e.length
               ] })
@@ -2267,43 +2302,43 @@ const zc = "#9ca3af", nt = "\0", Gc = (e) => {
         ref: i.setFloating,
         role: "dialog",
         "aria-label": n("graph.legend.hiddenItems"),
-        className: Mc,
+        className: Wc,
         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: $c, children: e.map((h) => /* @__PURE__ */ a("li", { className: Xc, children: /* @__PURE__ */ a(Kr, { pill: h }) }, h.key)) })
       }
     )
   ] });
-}, Uc = (e, t) => {
+}, Zc = (e, t) => {
   const n = -e * ir;
   return { transform: t ? `translateY(${n}px)` : `translateX(${n}px)` };
 };
-var Yc = "_1cecisi0", qc = "_1cecisi1", jc = "_1cecisi2", Kc = "_1cecisi3";
-const Jc = ({
+var Qc = "_1cecisi0", ed = "_1cecisi1", td = "_1cecisi2", nd = "_1cecisi3";
+const rd = ({
   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(() => Yc(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({
+    const y = te(sr, o), S = { family: cr, size: y }, k = y * lr, w = ($) => d ? od($, k, c) : Zt({
       label: $.formattedLabel,
-      swatchInlineSize: Qc($, c.legendSwatchWidth),
+      swatchInlineSize: ad($, 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({
+    })) + Si;
+    return sd({
       pillSizes: A,
       overflowPillSize: _,
       containerSize: u,
@@ -2311,21 +2346,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(Qc, {
+        [td]: d,
+        [ed]: !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: nd, children: /* @__PURE__ */ a(Kr, { pill: y }) }, y.key)),
+        f && /* @__PURE__ */ a(Jc, { hiddenPills: p, placement: ld(e) })
       ]
     }
   );
-}, Jt = ({
+}, Zt = ({
   label: e,
   swatchInlineSize: t,
   textMeasurer: n,
@@ -2335,10 +2370,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);
+}, od = (e, t, n) => {
+  const r = id(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 = ({
+}, ad = (e, t) => e.isBubble ? Number(e.visual.size) : wr(e.visual.color, t), id = (e, t) => e.isBubble ? Number(e.visual.size) : t, sd = ({
   pillSizes: e,
   overflowPillSize: t,
   containerSize: n,
@@ -2357,7 +2392,7 @@ const Jc = ({
     i = d, c += 1;
   }
   return { visibleCount: c, hasOverflow: !0 };
-}, nd = (e) => {
+}, ld = (e) => {
   switch (e) {
     case "top":
       return "bottom";
@@ -2368,7 +2403,7 @@ const Jc = ({
     case "right":
       return "left";
   }
-}, rd = oe(function({ formattedLegends: t, rects: n, textScale: r }) {
+}, cd = oe(function({ formattedLegends: t, rects: n, textScale: r }) {
   const o = v(() => {
     const i = /* @__PURE__ */ new Map();
     for (const c of t) {
@@ -2377,12 +2412,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: wc,
         style: {
           left: l.x,
           top: l.y,
@@ -2391,7 +2426,7 @@ const Jc = ({
         },
         children: [
           /* @__PURE__ */ a(
-            Jc,
+            rd,
             {
               edge: i,
               formattedLegends: c.pill,
@@ -2400,17 +2435,17 @@ const Jc = ({
               textScale: r
             }
           ),
-          /* @__PURE__ */ a(vc, { legends: c.direct, containerRect: l, textScale: r })
+          /* @__PURE__ */ a(Lc, { legends: c.direct, containerRect: l, textScale: r })
         ]
       },
       i
     );
   }) });
 });
-const Ht = 1, Jr = 8, od = 12;
+const Ft = 1, Jr = 8, dd = 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 ud = 1, hd = 2, gd = 0.7, pe = ({ hit: e }) => {
+  const t = z(e.observation), n = (W(e.observation) ?? Ft) * gd, r = (Re(e.observation) ?? Jr) / 2;
   return /* @__PURE__ */ a(
     "circle",
     {
@@ -2420,7 +2455,7 @@ const ad = 1, id = 2, sd = 0.7, pe = ({ hit: e }) => {
       fill: t,
       opacity: n,
       stroke: s.hoveredPointRingColor,
-      strokeWidth: id,
+      strokeWidth: hd,
       "data-testid": "companion-point"
     }
   );
@@ -2430,10 +2465,10 @@ const ad = 1, id = 2, sd = 0.7, pe = ({ hit: e }) => {
   damping: 60,
   mass: 1
 }, pt = (e, t) => {
-  const n = Cn(e);
+  const n = Tn(e);
   return L(() => {
-    const r = da(n.get(), e);
-    Ko(0, 1, {
+    const r = ua(n.get(), e);
+    Jo(0, 1, {
       ...t,
       onUpdate: (o) => {
         const i = r(o);
@@ -2443,26 +2478,26 @@ const ad = 1, id = 2, sd = 0.7, pe = ({ hit: e }) => {
   }, [t, e, n]), n;
 };
 var ye = "_1d8mpa10";
-const ld = oe(function({
+const pd = oe(function({
   layer: t,
   coordSystem: n,
   isAnimated: r
 }) {
   const { lineGenerator: o, areaGenerator: i } = v(
-    () => fn(n, t.params),
+    () => mn(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));
+      const h = vn([...u], t.params.missingValues), g = i(h), p = o(h);
+      if (!g || !p) return;
+      const f = h[0];
+      if (!f) return;
+      const y = z(f), S = W(f), k = $e(f, t.params), w = Xe(Ve(f));
       d.push({
-        key: l(p),
+        key: l(f),
         areaPath: g,
-        linePath: m,
+        linePath: p,
         color: y,
         fillOpacity: S ?? Zr,
         strokeWidth: k,
@@ -2481,7 +2516,7 @@ const ld = oe(function({
       "data-geom": "area",
       className: ye,
       children: c.map((l) => /* @__PURE__ */ a(
-        cd,
+        fd,
         {
           areaPath: l.areaPath,
           linePath: l.linePath,
@@ -2496,7 +2531,7 @@ const ld = oe(function({
       ))
     }
   );
-}), cd = ({
+}), fd = ({
   areaPath: e,
   linePath: t,
   color: n,
@@ -2506,7 +2541,7 @@ const ld = oe(function({
   strokeDasharray: c,
   isAnimated: l
 }) => l ? /* @__PURE__ */ a(
-  dd,
+  md,
   {
     areaPath: e,
     linePath: t,
@@ -2516,7 +2551,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 +2565,7 @@ const ld = oe(function({
       vectorEffect: "non-scaling-stroke"
     }
   )
-] }), dd = ({
+] }), md = ({
   areaPath: e,
   linePath: t,
   color: n,
@@ -2540,7 +2575,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 +2591,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 vd = "_46ebsf0";
+const rt = 1, yd = 2, bd = 1, xd = dd / 2, Sd = 2.25, Nt = ({ hit: e, ...t }) => {
+  const n = kd(e.observation), r = z(e.observation), o = W(e.observation) ?? Ft, i = x(Ge(e.x)), c = x(ze(e.y)), d = n + rt / 2 + bd + rt / 2;
+  return /* @__PURE__ */ m("g", { ...t, className: vd, children: [
     /* @__PURE__ */ a(
       "circle",
       {
@@ -2568,7 +2603,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: yd
       }
     ),
     /* @__PURE__ */ a(
@@ -2584,24 +2619,24 @@ const rt = 1, hd = 2, gd = 1, pd = od / 2, fd = 2.25, Ft = ({ hit: e, ...t }) =>
       }
     )
   ] });
-}, md = (e) => {
+}, kd = (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 yn(t) ? t / Sd : xd;
+}, Ld = ({ layer: e, coordSystem: t, primary: n, companions: r }) => {
+  const o = bn(n.observation), i = v(() => {
+    const p = e.data.filter(we.group, "eq", o);
+    return vn([...p], e.params.missingValues);
   }, [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 } = mn(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(
+  return /* @__PURE__ */ m("g", { "data-testid": "hovered-area", children: [
+    /* @__PURE__ */ m(
       "svg",
       {
         viewBox: "0 0 1 1",
@@ -2628,25 +2663,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 = {
+}, Cd = {
   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(pd, { layer: e, coordSystem: t, isAnimated: n }),
+  renderHover: ({ layer: e, coordSystem: t, primary: n, group: r, related: o }) => /* @__PURE__ */ a(Ld, { layer: e, coordSystem: t, primary: n, companions: [...r, ...o] }),
+  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 = Mo(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 = Do(e) ?? ue(e);
     return n === null || r === null ? null : { x: r, y: n };
   }
-}, eo = 1, Te = 4, bd = oe(function({
+}, eo = 1, Te = 4, Td = oe(function({
   layer: t,
   coordSystem: n,
   isAnimated: r
@@ -2654,37 +2689,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 = xn(n.mainAxis, u);
       if (!h) continue;
-      const g = Sd(n.mainAxis, h), m = d.get(g), p = {
+      const g = Ad(n.mainAxis, h), p = d.get(g), f = {
         key: l(u),
         ...h,
         fill: z(u),
         opacity: W(u) ?? eo
       };
-      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)
+      ...Ed(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(wd, { 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: Te, 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,7 +2748,7 @@ 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(
+), wd = ({ column: e, isAnimated: t }) => t ? /* @__PURE__ */ a(
   Y.rect,
   {
     initial: !1,
@@ -2736,18 +2771,18 @@ const rt = 1, hd = 2, gd = 1, pd = od / 2, fd = 2.25, Ft = ({ hit: e, ...t }) =>
     height: x(e.height),
     rx: Te
   }
-), Sd = (e, t) => e === "x" ? `${t.x}-${t.width}` : `${t.y}-${t.height}`, kd = (e) => {
+), Ad = (e, t) => e === "x" ? `${t.x}-${t.width}` : `${t.y}-${t.height}`, Ed = (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 _d = "_1suo8ub0";
+const ke = 3, Pd = ({ coordSystem: e, primary: t, panelRect: n }) => {
+  const r = xn(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 - ke, u = i - ke, h = c + ke * 2, g = l + ke * 2, p = Te + ke, f = z(t.observation), y = W(t.observation) ?? eo;
+  return /* @__PURE__ */ m("g", { "data-testid": "hovered-bar", children: [
     /* @__PURE__ */ a(
       "rect",
       {
@@ -2755,9 +2790,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: _d,
         "data-testid": "hovered-bar-border"
       }
     ),
@@ -2768,38 +2803,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,
         "data-testid": "hovered-bar-fill"
       }
     )
   ] });
-}, Td = {
+}, Hd = {
   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(Td, { layer: e, coordSystem: t, isAnimated: n }),
+  renderHover: ({ coordSystem: e, primary: t, panelRect: n }) => /* @__PURE__ */ a(Pd, { coordSystem: e, primary: t, panelRect: n }),
   renderHoverCompanions: () => null
-}, to = 1, wd = oe(function({
+}, to = 1, Fd = oe(function({
   layer: t,
   isAnimated: n
 }) {
-  const r = v(() => xn(t.params), [t.params]), o = v(() => {
+  const r = v(() => Sn(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);
+      const d = kn([...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 = W(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 ?? to,
+        strokeWidth: f,
         strokeDasharray: y
       });
     }), c;
@@ -2814,7 +2849,7 @@ const ke = 3, Cd = ({ coordSystem: e, primary: t, panelRect: n }) => {
       "data-geom": "line",
       className: ye,
       children: o.map((i) => /* @__PURE__ */ a(
-        Ad,
+        Nd,
         {
           pathData: i.pathData,
           color: i.color,
@@ -2827,8 +2862,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,
+}), Nd = ({ pathData: e, color: t, strokeWidth: n, opacity: r, strokeDasharray: o, isAnimated: i }) => i ? /* @__PURE__ */ a(
+  Bd,
   {
     pathData: e,
     color: t,
@@ -2847,7 +2882,7 @@ const ke = 3, Cd = ({ coordSystem: e, primary: t, panelRect: n }) => {
     strokeDasharray: o,
     vectorEffect: "non-scaling-stroke"
   }
-), Ed = ({
+), Bd = ({
   pathData: e,
   color: t,
   strokeWidth: n,
@@ -2867,14 +2902,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(() => {
+}, Id = ({ layer: e, primary: t, companions: n }) => {
+  const r = bn(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]);
+    return kn([...h], e.params.missingValues);
+  }, [e.data, e.params.missingValues, r]), i = v(() => Sn(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: [
+  return /* @__PURE__ */ m("g", { "data-testid": "hovered-line", children: [
     /* @__PURE__ */ a(
       "svg",
       {
@@ -2900,20 +2935,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 = {
+}, Md = {
   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(Fd, { layer: e, isAnimated: t }),
+  renderHover: ({ layer: e, primary: t, group: n, related: r }) => /* @__PURE__ */ a(Id, { 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({
+}, Dd = oe(function({
   layer: t,
   isAnimated: n
 }) {
@@ -2924,22 +2959,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 = W(c), p = Re(c), f = Oo(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 ?? ud
       });
     }
     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 +3003,43 @@ const ke = 3, Cd = ({ coordSystem: e, primary: t, panelRect: n }) => {
     },
     o.key
   )) });
-}), Fd = {
+}), Od = {
   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(Dd, { 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) => {
+}, Rd = 11.7, zd = N.xs, Gd = R, Wd = K.medium, Le = 5, $d = 5, en = 10, tn = 10, Xd = 4, Oe = 13, no = 6, ot = 12, nn = 21.6, Vd = "0 0 10 18", Ud = "M2.48935 16.9323L9.07098 9.82964C9.51595 9.34944 9.51504 8.60728 9.0689 8.12818L2.48866 1.06172C1.85811 0.384586 0.974477 0 0.049217 0H0V18H0.0443689C0.972463 18 1.85854 17.6131 2.48935 16.9323Z", rn = "#FFFFFF", at = "#1A1A1A";
+var Yd = "_16vokpr0";
+const jd = (e, t) => {
   const n = e.mapping.y !== void 0, r = t.mainAxis === "y";
   return n !== r;
-}, $d = (e, t) => {
+}, qd = (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" } : {
+}, Kd = (e, t) => e === "solid" ? {} : e === "dotted" ? { strokeDasharray: `0 ${t * 2}`, strokeLinecap: "round" } : {
   strokeDasharray: `${t * 2} ${t * 3}`,
   strokeLinecap: "round",
   strokeMiterlimit: 16
-}, Vd = (e) => {
+}, Jd = (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 = ({
+}, Zd = (e, t) => Be(e) && Be(t) ? `${e}: ${t}` : Be(e) ? e : Be(t) ? t : null, Be = (e) => e != null && e.trim() !== "", Qd = ({
   labelPosition: e,
   linePosition: t,
   color: n,
@@ -3013,18 +3048,18 @@ 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: [
+  const l = e === "start", d = l ? -Oe : -(r - Oe), u = l ? d + r - Le : d + Le - ot, h = l ? void 0 : `rotate(180 ${u + ot / 2} ${o / 2})`, g = l ? "0%" : "100%", p = x(1 - t), f = /* @__PURE__ */ m("g", { transform: `translate(0, ${-o / 2})`, pointerEvents: "none", children: [
     /* @__PURE__ */ a("rect", { x: d, y: 0, width: r, height: o, rx: no, fill: n }),
     /* @__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: Vd,
         overflow: "visible",
-        children: /* @__PURE__ */ a("path", { d: zd, fill: n })
+        children: /* @__PURE__ */ a("path", { d: Ud, fill: n })
       }
     ) }),
     /* @__PURE__ */ a("g", { transform: `translate(${d + Le}, ${o / 2})`, children: i })
@@ -3035,12 +3070,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 });
+}, eu = ({
   labelPosition: e,
   linePosition: t,
   color: n,
@@ -3049,7 +3084,7 @@ 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: [
+  const l = e === "start", d = l ? -Oe : -(o - Oe), u = x(t), h = l ? "100%" : "0%", g = /* @__PURE__ */ m("g", { transform: `translate(${-r / 2}, 0)`, pointerEvents: "none", children: [
     /* @__PURE__ */ a("rect", { x: 0, y: d, width: r, height: o, rx: no, fill: n }),
     /* @__PURE__ */ a("g", { transform: `translate(${Le}, ${d + o / 2})`, children: i })
   ] });
@@ -3064,7 +3099,7 @@ const Wd = (e, t) => {
       children: g
     }
   ) : /* @__PURE__ */ a("svg", { x: u, y: h, overflow: "visible", children: g });
-}, jd = ({
+}, tu = ({
   label: e,
   textWidth: t,
   labelPosition: n,
@@ -3076,8 +3111,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 + Xd, g = t + h + Le * 2, p = Rd + $d * 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 +3126,30 @@ const Wd = (e, t) => {
     )
   ] });
   return r ? /* @__PURE__ */ a(
-    Yd,
+    Qd,
     {
       labelPosition: n,
       linePosition: o,
       color: i,
       pillWidth: g,
-      pillHeight: m,
-      text: p,
+      pillHeight: p,
+      text: f,
       isAnimated: u
     }
   ) : /* @__PURE__ */ a(
-    qd,
+    eu,
     {
       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);
+}, nu = ({ layer: e, isHorizontalLine: t, position: n, lineColor: r, isAnimated: o }) => {
+  const i = qd(t, n), c = Kd(e.params.lineType, e.params.strokeWidth);
   return o ? /* @__PURE__ */ a(
     Y.line,
     {
@@ -3136,14 +3171,14 @@ const Wd = (e, t) => {
       vectorEffect: "non-scaling-stroke"
     }
   );
-}, Jd = oe(function({
+}, ru = 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 +3186,27 @@ const Wd = (e, t) => {
       colorScale: _.scales.color
     }))
   ), g = v(
-    () => Oo(u, h, n).get(t.id) ?? null,
+    () => Ro(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(
+    () => Zd(t.params.label, zo({ guides: c, numberFormat: l, layer: t, locale: r })),
+    [c, l, r, t]
+  ), f = v(
     () => ({
-      family: Id,
-      size: Q(Bd, d),
-      weight: Md
+      family: Gd,
+      size: te(zd, d),
+      weight: Wd
     }),
     [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 } = Jd(t), A = jd(t, n), I = A ? he(S) : ue(S);
+  return I === null ? null : /* @__PURE__ */ m("g", { "data-geom": "rule", className: Yd, children: [
     /* @__PURE__ */ a(
-      Kd,
+      nu,
       {
         layer: t,
         isHorizontalLine: A,
@@ -3180,10 +3215,10 @@ const Wd = (e, t) => {
         isAnimated: o
       }
     ),
-    m !== null && /* @__PURE__ */ a(
-      jd,
+    p !== null && /* @__PURE__ */ a(
+      tu,
       {
-        label: m,
+        label: p,
         textWidth: y,
         labelPosition: t.params.labelPosition,
         isHorizontalLine: A,
@@ -3196,12 +3231,12 @@ const Wd = (e, t) => {
       }
     )
   ] });
-}), Zd = {
+}), ou = {
   geom: "rule",
   coord: "cartesian",
   guideMode: null,
   render: ({ layer: e, coordSystem: t, formattingLocale: n, isAnimated: r }) => /* @__PURE__ */ a(
-    Jd,
+    ru,
     {
       layer: e,
       coordSystem: t,
@@ -3211,24 +3246,24 @@ const Wd = (e, t) => {
   ),
   renderHover: () => null,
   renderHoverCompanions: () => null
-}, ro = 1, rn = Math.PI * 2, Qd = oe(function({
+}, ro = 1, on = Math.PI * 2, au = 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 } = Ln(l), { innerRadius: g, outerRadius: p } = Cn(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
       });
@@ -3247,7 +3282,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(iu, { isInitialRender: !r.current, ...l }, c);
         }
         return /* @__PURE__ */ a(
           "path",
@@ -3266,7 +3301,7 @@ const Wd = (e, t) => {
       })
     }
   );
-}), eu = ({
+}), iu = ({
   startAngle: e,
   endAngle: t,
   innerRadius: n,
@@ -3275,24 +3310,24 @@ 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 = Tn(
     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);
+}, su = ({ primary: e }) => {
+  const { startAngle: t, endAngle: n } = Ln(e.observation), { innerRadius: r, outerRadius: o } = Cn(e.observation);
   if (t === null || n === null || r === null || o === null)
     return null;
   const i = Ie({ startAngle: t, endAngle: n, innerRadius: r, outerRadius: o });
@@ -3311,57 +3346,57 @@ const Wd = (e, t) => {
       children: /* @__PURE__ */ a("path", { d: i, fill: c, opacity: l })
     }
   );
-}, nu = {
+}, lu = {
   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(au, { layer: e, isAnimated: t }),
+  renderHover: ({ primary: e }) => /* @__PURE__ */ a(su, { primary: e }),
   renderHoverCompanions: () => null
-}, ru = {
+}, cu = {
   bar: {
-    cartesian: Td,
-    polar: nu
+    cartesian: Hd,
+    polar: lu
   },
   line: {
-    cartesian: Pd
+    cartesian: Md
   },
   area: {
-    cartesian: yd
+    cartesian: Cd
   },
   point: {
-    cartesian: Fd
+    cartesian: Od
   },
   rule: {
-    cartesian: Zd
+    cartesian: ou
   }
-}, je = (e, t) => ru[e.geom]?.[t.type] ?? null, ou = (e, t) => {
+}, qe = (e, t) => cu[e.geom]?.[t.type] ?? null, du = (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 }) => {
+}, uu = 1, hu = "4 3", gu = ({ 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);
+  const i = du(n, t);
+  return i === null ? null : i === "bar" ? /* @__PURE__ */ a(fu, { coordSystem: t, scales: r, primary: o, panelRect: e }) : /* @__PURE__ */ a(pu, { coordSystem: t, primary: o, panelRect: e });
+}, pu = ({ coordSystem: e, primary: t, panelRect: n }) => {
+  const r = Wo(e, t);
   return /* @__PURE__ */ a(oo, { panelRect: n, children: /* @__PURE__ */ a(
     "line",
     {
       ...r,
       stroke: s.hoverGuideLineColor,
-      strokeWidth: au,
-      strokeDasharray: iu,
+      strokeWidth: uu,
+      strokeDasharray: hu,
       strokeLinecap: "round",
       "data-testid": "hover-guide-line"
     }
   ) });
-}, cu = ({ coordSystem: e, scales: t, primary: n, panelRect: r }) => {
-  const o = zo(e, t, n);
+}, fu = ({ coordSystem: e, scales: t, primary: n, panelRect: r }) => {
+  const o = Go(e, t, n);
   return o === null ? null : /* @__PURE__ */ a(oo, { panelRect: r, children: /* @__PURE__ */ a("rect", { ...o, fill: s.hoverGuideFillColor, "data-testid": "hover-guide-rect" }) });
 }, oo = ({ panelRect: e, children: t }) => /* @__PURE__ */ a(
   "svg",
@@ -3374,16 +3409,16 @@ const Wd = (e, t) => {
     "data-testid": "hover-guide",
     children: t
   }
-), du = 200, uu = ({ engine: e, store: t, overlayRef: n }) => {
+), mu = 200, vu = ({ 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 = yu(r, e), i = bu(r, e, t);
     return () => {
       i(), o();
     };
   }, [e, t, n]);
-}, hu = (e, t) => {
+}, yu = (e, t) => {
   const n = () => {
     const c = e.getBoundingClientRect();
     c.width === 0 || c.height === 0 || t.setViewport({ width: c.width, height: c.height });
@@ -3392,12 +3427,12 @@ const Wd = (e, t) => {
   const o = () => {
     r !== null && clearTimeout(r), r = setTimeout(() => {
       r = null, n();
-    }, du);
+    }, mu);
   }, i = new ResizeObserver(o);
   return i.observe(e), n(), () => {
     i.disconnect(), r !== null && clearTimeout(r);
   };
-}, gu = (e, t, n) => {
+}, bu = (e, t, n) => {
   let r = null, o = null;
   const i = () => {
     o = null;
@@ -3415,14 +3450,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 }) => {
+}, xu = ({ panelRect: e }) => {
   const { engine: t, store: n, overlayRef: r } = Ue();
-  return uu({ engine: t, store: n, overlayRef: r }), /* @__PURE__ */ a(
+  return vu({ engine: t, store: n, overlayRef: r }), /* @__PURE__ */ a(
     "rect",
     {
       ref: r,
@@ -3435,7 +3470,7 @@ const Wd = (e, t) => {
       "data-testid": "pointer-capture-layer"
     }
   );
-}, it = "data-hover-active", fu = (e) => {
+}, it = "data-hover-active", Su = (e) => {
   const { store: t } = Ue(), n = Ce(t, (r) => r.hover.primary !== null);
   L(() => {
     const r = e.current;
@@ -3444,11 +3479,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";
+}, ao = N.xs, ft = R, io = K.medium, ku = K.semibold, so = 6, lo = 2, Lu = 4, Cu = 2, an = 4;
+var Tu = "_1agclyl0", wu = "_1agclyl1", Au = "_1agclyl2", Eu = { inside: "_1agclyl4 _1agclyl3", outside: "_1agclyl5 _1agclyl3" }, _u = "_1agclyl6 _1agclyl3";
 const co = ({ x: e, y: t, width: n, height: r, text: o, isRotated: i, target: c, position: l, coordType: d }) => {
-  const u = i ? `rotate(-90 ${e} ${t})` : void 0, h = c === "aggregate" ? Lu : ku[l], g = Cu(c, l, d);
-  return /* @__PURE__ */ f("g", { transform: u, children: [
+  const u = i ? `rotate(-90 ${e} ${t})` : void 0, h = c === "aggregate" ? _u : Eu[l], g = Pu(c, l, d);
+  return /* @__PURE__ */ m("g", { transform: u, children: [
     g && /* @__PURE__ */ a(
       "rect",
       {
@@ -3457,21 +3492,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 = {
+}, Pu = (e, t, n) => {
+  if (e === "aggregate") return Au;
+  if (t === "outside" && n === "cartesian") return wu;
+}, Hu = {
   dataLabel: { x: so, y: lo },
-  stackTotal: { x: vu, y: yu }
-}, wu = ({ panelRect: e, formattingLocale: t }) => {
+  stackTotal: { x: Lu, y: Cu }
+}, Fu = ({ 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 +3515,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(ao, r.textScale);
     return {
       dataLabel: { family: ft, size: l, weight: io },
-      stackTotal: { family: ft, size: l, weight: mu }
+      stackTotal: { family: ft, size: l, weight: ku }
     };
   }, [r.textScale]), i = v(
     () => (l, d) => {
-      const u = n.measureText(d, o[l]), h = Tu[l];
+      const u = n.measureText(d, o[l]), h = Hu[l];
       return {
         ...u,
         width: u.width + h.x * 2,
@@ -3496,10 +3531,10 @@ 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 }),
+    () => $o({ ...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(
+  return /* @__PURE__ */ a("g", { className: Tu, transform: `translate(${e.x}, ${e.y})`, "data-testid": "data-labels", children: c.labels.map((l) => /* @__PURE__ */ a(
     co,
     {
       x: l.x,
@@ -3514,13 +3549,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 }) => {
+}, Nu = ({ 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 = ({
+}, Bu = ({
   x: e,
   y: t,
   text: n,
@@ -3534,15 +3569,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 +3597,16 @@ const co = ({ x: e, y: t, width: n, height: r, text: o, isRotated: i, target: c,
       }
     )
   ] });
-}, _u = ({ panelRect: e, formattingLocale: t }) => {
+}, Iu = ({ 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) => Xo({
         arrow: o,
         mainAxis: n.mainAxis,
         panelWidth: e.width,
@@ -3592,15 +3627,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(bo.Fragment, { children: [
         /* @__PURE__ */ a(
-          Au,
+          Nu,
           {
             linePath: c,
             arrowheadPath: l,
@@ -3609,14 +3644,14 @@ const co = ({ x: e, y: t, width: n, height: r, text: o, isRotated: i, target: c,
           }
         ),
         /* @__PURE__ */ a(
-          Eu,
+          Bu,
           {
             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 +3660,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 = ({
+}, Mu = 0, Du = 1.15, sn = 1.15, Ou = "rgba(0, 0, 0, 0.16)", ln = 2, Ru = 1.4, zu = ({
   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 = Gu(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: Mu,
+        dy: Du,
+        stdDeviation: sn,
+        floodColor: Ou
       }
     ) }) }),
-    /* @__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 +3726,20 @@ const co = ({ x: e, y: t, width: n, height: r, text: o, isRotated: i, target: c,
       )
     ] })
   ] });
-}, Iu = (e, t, n) => {
+}, Gu = (e, t, n) => {
   if (e === null) return n;
   try {
-    return ct(e, t) < Nu ? n : t;
+    return ct(e, t) < Ru ? 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),
+}, Wu = ({ panelRect: e }) => {
+  const { themeValues: t } = _t(), n = B((o) => o.annotations.freeformArrows), r = v(
+    () => n.map((o) => Vo({ arrow: o, panelWidth: e.width, panelHeight: e.height })).filter((o) => o !== null),
     [n, 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,
+    zu,
     {
       arrow: o,
       fallbackColor: s.defaultAnnotationArrowStroke,
@@ -3713,10 +3748,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) => {
+}, $u = ({ edge: e, areTicksVisible: t, position: n, labelRotation: r, label: o }) => {
+  const { tickLabelOffset: i } = wt(), c = x(n), l = (t ? 1 : 0) * i, d = { style: { font: s.fontTickLabel }, fill: s.textSecondary }, u = r !== 0 && (e === "top" || e === "bottom"), h = e === "top";
+  return u ? /* @__PURE__ */ a("svg", { x: c, y: h ? "100%" : 0, style: { overflow: "visible" }, children: /* @__PURE__ */ a("text", { ...Vu(h, l, r), ...d, children: o }) }) : /* @__PURE__ */ a("text", { ...Xu(e, c, l), ...d, children: o });
+}, Xu = (e, t, n) => {
   switch (e) {
     case "bottom":
       return {
@@ -3749,7 +3784,7 @@ const co = ({ x: e, y: t, width: n, height: r, text: o, isRotated: i, target: c,
         dominantBaseline: "central"
       };
   }
-}, Ru = (e, t, n) => {
+}, Vu = (e, t, n) => {
   const r = e ? -t : t;
   return {
     x: 0,
@@ -3758,16 +3793,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 }) => {
+}, Uu = ({ 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: [
+  return /* @__PURE__ */ m("svg", { x: t.x, y: t.y, width: t.width, height: t.height, style: { overflow: "visible" }, children: [
     dr,
     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 = Yu(e.position, c, t);
+      return /* @__PURE__ */ m("g", { children: [
         e.ticksVisible && /* @__PURE__ */ a("line", { ...l, stroke: s.gridLineColor, strokeWidth: 1 }),
         /* @__PURE__ */ a(
-          Du,
+          $u,
           {
             edge: e.position,
             areTicksVisible: e.ticksVisible,
@@ -3779,7 +3814,7 @@ const co = ({ x: e, y: t, width: n, height: r, text: o, isRotated: i, target: c,
       ] }, o);
     })
   ] });
-}, Gu = (e, t, n) => {
+}, Yu = (e, t, n) => {
   const r = x(t);
   switch (e) {
     case "bottom":
@@ -3791,15 +3826,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) => {
+}, ju = ({ 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: [
+  const o = qu(n.position, r);
+  return /* @__PURE__ */ m("g", { transform: `translate(${r.x}, ${r.y})`, children: [
     dr,
     /* @__PURE__ */ a("text", { style: { font: s.fontAxisLabel }, fill: s.textPrimary, ...o, children: n.label })
   ] }, `axis-label-${n.position}`);
-}) }), $u = (e, t) => {
+}) }), qu = (e, t) => {
   const n = {
     x: t.width / 2,
     y: t.height / 2,
@@ -3807,18 +3842,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 = {
+}, Ku = ({ formattedAxes: e, tickRects: t }) => /* @__PURE__ */ a(T, { children: e.map((n) => {
+  const r = t[n.position];
+  return !r || !n.isVisible ? null : /* @__PURE__ */ a(Uu, { formattedAxis: n, rect: r }, n.scaleAestheticKey);
+}) }), Ju = ({ formattedAxes: e, labelRects: t }) => /* @__PURE__ */ a(ju, { axes: e, rects: t }), cn = {
   strokeWidth: s.gridLineWidth,
   strokeDashoffset: "0",
   strokeDasharray: s.gridLineDash,
   strokeLinecap: "round"
-}, Vu = ({ axes: e, panel: t, panelRect: n }) => /* @__PURE__ */ f(
+}, Zu = ({ axes: e, panel: t, panelRect: n }) => /* @__PURE__ */ m(
   "svg",
   {
     x: n.x,
@@ -3838,7 +3870,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 +3879,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 +3895,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 +3904,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 +3912,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 Qu = "_120wioc0";
+const eh = ({ panelRect: e }) => {
   const t = B((n) => n.annotations.textAnnotations);
   return t.length === 0 ? null : /* @__PURE__ */ a(
     "svg",
@@ -3903,8 +3935,8 @@ const Yu = ({ panelRect: e }) => {
           children: /* @__PURE__ */ a(
             "div",
             {
-              className: Uu,
-              style: qu(n.backgroundColor, n.backgroundColorStyle),
+              className: Qu,
+              style: th(n.backgroundColor, n.backgroundColorStyle),
               children: /* @__PURE__ */ a(De, { content: n.content })
             }
           )
@@ -3913,17 +3945,17 @@ const Yu = ({ panelRect: e }) => {
       ))
     }
   );
-}, qu = (e, t) => e === null || e === "transparent" ? { color: s.textPrimary } : t === "fade" ? {
+}, th = (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 nh = "usd3ea0", rh = "usd3ea1";
+const oh = ({
   layer: e,
   coordSystem: t,
   isAnimated: n,
@@ -3931,22 +3963,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({
+        [rh]: r && o === "desaturate",
+        [nh]: r && o === "dim"
       }),
       children: c.render({ layer: e, coordSystem: t, isAnimated: n, formattingLocale: i })
     }
   );
 };
-function Zu({
+function ah({
   plugin: e,
   layer: t,
   coordSystem: n,
@@ -3960,7 +3992,7 @@ function Zu({
   }
   return o;
 }
-const Qu = 4, eh = ({
+const ih = 4, sh = ({
   plugin: e,
   layer: t,
   matchedLayer: n,
@@ -3971,33 +4003,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 }),
+    () => ah({ 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(() => Uo(t), [t]), p = v(
+    () => Yo({ 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 = ao * kr * 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,
+      lh,
       {
         observation: y,
         anchor: k,
         panelRect: c,
         readSegmentY: g,
-        formatYValue: m,
-        labelFontSizePx: p
+        formatYValue: p,
+        labelFontSizePx: f
       },
-      nh(y, S)
+      ch(y, S)
     ))
   ] });
-}, th = ({
+}, lh = ({
   observation: e,
   anchor: t,
   panelRect: n,
@@ -4005,19 +4037,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) ?? Jr) / 2, h = r(e), g = yn(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
     });
     return {
-      width: p.width + so * 2,
-      height: p.height + lo * 2
+      width: f.width + so * 2,
+      height: f.height + lo * 2
     };
   }, [g, c, i]);
-  return /* @__PURE__ */ f(C, { children: [
+  return /* @__PURE__ */ m(T, { children: [
     /* @__PURE__ */ a(
       "circle",
       {
@@ -4028,13 +4060,13 @@ const Qu = 4, eh = ({
         fill: z(e)
       }
     ),
-    g !== null && m !== null && /* @__PURE__ */ a(
+    g !== null && p !== null && /* @__PURE__ */ a(
       co,
       {
         x: l * n.width,
-        y: d * n.height - u - Qu - m.height / 2,
-        width: m.width,
-        height: m.height,
+        y: d * n.height - u - ih - p.height / 2,
+        width: p.width,
+        height: p.height,
         text: g,
         isRotated: !1,
         target: "observation",
@@ -4043,19 +4075,19 @@ const Qu = 4, eh = ({
       }
     )
   ] });
-}, nh = (e, t) => {
+}, ch = (e, t) => {
   const n = e[we.group];
   return `${String(n ?? "")}\0${t}`;
-}, rh = ({ layer: e, coordSystem: t, panelRect: n }) => {
-  const { primary: r, group: o, related: i } = Ct(
-    q((d) => ({
+}, dh = ({ 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 +4099,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 uh = "to1jkx0", hh = "to1jkx1";
+const gh = ({ 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 +4115,11 @@ const ih = ({ shouldAnimate: e, panelRect: t, formattingLocale: n }) => {
       y: t.y,
       width: t.width,
       height: t.height,
-      className: oh,
+      className: uh,
       "data-testid": "geom-layers",
-      children: r.map((c) => /* @__PURE__ */ f(un, { children: [
+      children: r.map((c) => /* @__PURE__ */ m(hn, { children: [
         /* @__PURE__ */ a(
-          ch,
+          mh,
           {
             layer: c,
             coordSystem: o,
@@ -4097,14 +4129,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(dh, { layer: c, coordSystem: o, panelRect: t })
+      ] }, `${c.id}-${ph(o)}`))
     }
   );
-}, sh = (e) => e.type === "cartesian" ? `cartesian-${e.mainAxis}` : e.type, lh = (e) => {
+}, ph = (e) => e.type === "cartesian" ? `cartesian-${e.mainAxis}` : e.type, fh = (e) => {
   if (e.geom !== "rule")
-    return ah;
-}, ch = ({
+    return hh;
+}, mh = ({
   layer: e,
   coordSystem: t,
   highlightStyle: n,
@@ -4112,10 +4144,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: fh(e), children: [
     /* @__PURE__ */ a(
-      Ju,
+      oh,
       {
         layer: e,
         coordSystem: t,
@@ -4126,7 +4158,7 @@ const ih = ({ shouldAnimate: e, panelRect: t, formattingLocale: n }) => {
       }
     ),
     l !== null && /* @__PURE__ */ a(
-      eh,
+      sh,
       {
         plugin: c,
         layer: e,
@@ -4140,8 +4172,8 @@ const ih = ({ shouldAnimate: e, panelRect: t, formattingLocale: n }) => {
     )
   ] });
 };
-var dh = "_17uhij30";
-const uh = ({
+var vh = "_17uhij30";
+const yh = ({
   formattedAxes: e,
   panelGuide: t,
   plotRect: n,
@@ -4151,30 +4183,31 @@ 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);
+  Su(d);
+  const u = Q("Grid", Zu), h = Q("AxisTicks", Ku), g = Q("AxisLabel", Ju), p = v(() => uo(r, n), [r, n]), f = v(() => un(o, n), [o, n]), y = v(() => un(i, n), [i, n]);
+  return /* @__PURE__ */ m(
     "svg",
     {
       ref: d,
-      className: dh,
+      className: vh,
       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(gu, { panelRect: p }),
+        /* @__PURE__ */ a(h, { formattedAxes: e, tickRects: f }),
+        /* @__PURE__ */ a(g, { formattedAxes: e, labelRects: y }),
+        /* @__PURE__ */ a(dn, { panelRect: p, zOrder: "background" }),
+        /* @__PURE__ */ a(gh, { shouldAnimate: c, panelRect: p, formattingLocale: l }),
+        /* @__PURE__ */ a(Fu, { panelRect: p, formattingLocale: l }),
+        /* @__PURE__ */ a(Iu, { panelRect: p, formattingLocale: l }),
+        /* @__PURE__ */ a(dn, { panelRect: p, zOrder: "foreground" }),
+        /* @__PURE__ */ a(Wu, { panelRect: p }),
+        /* @__PURE__ */ a(eh, { panelRect: p }),
+        /* @__PURE__ */ a(xu, { panelRect: p })
       ]
     }
   );
@@ -4183,7 +4216,7 @@ const uh = ({
   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);
@@ -4191,41 +4224,41 @@ const uh = ({
 }, st = {
   headerSize: { width: 0, height: 0 },
   footerSize: { width: 0, height: 0 }
-}, hh = () => {
+}, bh = () => {
   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) => xh(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;
+}, xh = (e, t) => e.headerSize.width !== t.headerSize.width || e.headerSize.height !== t.headerSize.height || e.footerSize.width !== t.footerSize.width || e.footerSize.height !== t.footerSize.height, Sh = ({ appearance: e, isEditable: t, style: n, children: r }) => {
+  const { theme: o, themeClass: i, inlineVarsStyle: c } = _t(), l = os(e.border), d = Math.max(0, e.cornerRadius), u = d === 0 ? 0 : d + l, h = v(() => {
+    const f = { ...n, borderRadius: `${u}px`, ...c }, y = rs(e.border, o);
+    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(ls, i), style: h, children: /* @__PURE__ */ a(
     "div",
     {
       "data-testid": "graph-inner",
-      className: ne(os, { [as]: m }),
+      className: re(ds, { [us]: p }),
       style: g,
       children: r
     }
   ) });
-}, Zh = ({ slots: e, ...t }) => {
+}, ag = ({ 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($a, { children: /* @__PURE__ */ a(Hc, { children: /* @__PURE__ */ a(Qo, { locale: n ?? r, children: /* @__PURE__ */ a(Ka, { slots: e, children: /* @__PURE__ */ a(kh, { ...t }) }) }) }) });
+}, kh = ({
   width: e,
   height: t,
   isAnimated: n,
@@ -4239,13 +4272,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,8 +4291,8 @@ 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: $ }),
+  ), w = Zo(), { headerRef: A, footerRef: I, measurements: _ } = bh(), { formattingLocale: $, theme: Ke, themeOverrides: Je } = me(), Ae = v(() => br(Ke, Je), [Ke, Je]), ho = Q("Header", jl), go = Q("Footer", Bl), po = Q("Legend", cd), fo = Q("Headline", mc), Bt = v(
+    () => jo({ legends: d, numberFormat: u, parsingLocale: h, formattingLocale: $ }),
     [d, u, h, $]
   ), be = v(
     () => qo({ headline: y, show: S.show, numberFormat: u, parsingLocale: h, formattingLocale: $, t: i }),
@@ -4275,23 +4308,23 @@ const uh = ({
       formatted: be,
       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({
+    [be, S.size, S.position, f]
+  ), vo = Ja(), _e = ji(mo, g.textScale, Ae, vo), xe = qi({
     measurer: _e,
     axes: c,
     numberFormat: u,
     parsingLocale: h,
-    formattedLegends: Nt,
+    formattedLegends: Bt,
     containerSize: Qe,
     externalMeasurements: _,
     headline: Ee,
     formattingLocale: $,
-    annotations: m,
-    coordSystem: p,
+    annotations: p,
+    coordSystem: f,
     textScale: g.textScale
-  }), Pe = v(() => !xe || !Ee || !_e ? null : jo({
+  }), Pe = v(() => !xe || !Ee || !_e ? null : Ko({
     headline: Ee,
     layout: xe.layout,
     containerSize: Qe,
@@ -4299,13 +4332,13 @@ const uh = ({
     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: [
+  const { layout: ne, formattedAxes: yo } = xe;
+  return /* @__PURE__ */ a(ps, { theme: Ke, themeOverrides: Je, appearance: g, children: /* @__PURE__ */ a(Mi, { metrics: Ae, children: /* @__PURE__ */ m(Sh, { appearance: g, isEditable: o === "editable", style: { width: e, height: t }, children: [
     /* @__PURE__ */ a(
       ho,
       {
         ref: A,
-        headerRect: ee.header,
+        headerRect: ne.header,
         mode: o,
         title: k.title,
         isTitleVisible: k.isTitleVisible,
@@ -4314,14 +4347,14 @@ const uh = ({
       }
     ),
     /* @__PURE__ */ a(
-      uh,
+      yh,
       {
-        formattedAxes: vo,
+        formattedAxes: yo,
         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
       }
@@ -4330,7 +4363,7 @@ const uh = ({
       go,
       {
         ref: I,
-        footerRect: ee.footer,
+        footerRect: ne.footer,
         mode: o,
         caption: k.caption,
         isCaptionVisible: k.isCaptionVisible,
@@ -4338,7 +4371,7 @@ const uh = ({
         isSourceVisible: k.isSourceVisible
       }
     ),
-    /* @__PURE__ */ a(po, { formattedLegends: Nt, rects: ee.legends, textScale: g.textScale }),
+    /* @__PURE__ */ a(po, { formattedLegends: Bt, rects: ne.legends, textScale: g.textScale }),
     be && Pe && /* @__PURE__ */ a(
       fo,
       {
@@ -4348,29 +4381,26 @@ const uh = ({
         visibleItemCount: Pe.visibleItemCount
       }
     ),
-    r && /* @__PURE__ */ a(ci, {})
+    r && /* @__PURE__ */ a(hi, {})
   ] }) }) });
 };
 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,
+  Bl as DefaultFooter,
+  Zu as DefaultGrid,
+  jl as DefaultHeader,
+  gi as DefaultTooltip,
+  og as DevToolsPanel,
+  rg as GraphProvider,
+  ag as GraphRenderer,
+  $a as HoverProvider,
+  Hc as TextMeasurerProvider,
+  ps as ThemeProvider,
+  gs as darkTheme,
+  hs as lightTheme,
   B as useCompiledSelector,
-  Rn as useGraphCommandDispatcher,
-  Ct as useHoverState,
+  zn as useGraphCommandDispatcher,
+  Tt as useHoverState,
   ve as useTextMeasurer,
   s as vars
 };