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

package/dist/index.mjs

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