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

package/dist/index.mjs

@@ -1,65 +1,65 @@
 import './index.css';
-import { jsxs as g, jsx as o, Fragment as _ } from "react/jsx-runtime";
-import j, { clsx as W } from "clsx";
-import Rr, { useState as F, useEffect as E, useRef as N, useMemo as y, createContext as Hr, useContext as ct, useCallback as dt, useId as ut, Fragment as ht, memo as Mr } from "react";
+import { jsxs as g, jsx as o, Fragment as N } from "react/jsx-runtime";
+import j, { clsx as q } from "clsx";
+import $r, { useState as P, useEffect as _, useRef as F, useMemo as b, createContext as zr, useContext as ht, useCallback as gt, useId as ft, Fragment as pt, memo as Vr } from "react";
 import { useStore as le } from "zustand";
-import { isCompilerCachingEnabled as Gr, setCompilerCachingEnabled as zr, COMPILER_STAGE_KEYS as Ee, buildTooltipContent as $r, getDifferenceArrowDimensions as Vr, LayoutCompiler as Wr, BORDER_PRESET_GRADIENTS as qr, SetContentCaptionCommand as jr, SetContentTitleCommand as Ur, SetContentSubtitleCommand as Xr, computeDirectLabelsLayout as Yr, getY as Kr, getX as Zr, getMainAxisCoordinate as Jr, getYMin as Qr, getYMax as en, getXMin as tn, getXMax as rn, RESTING_HOVER_STATE as nn, buildDataLabelsContent as on, computeDifferenceArrow as sn, computeFreeformArrow as an, createSegmentYReader as ln, buildLayerYValueFormatter as cn, getSize as dn, isDefined as un, getColor as hn, GROUP_VARIABLES as gn, formatLegends as fn, formatHeadline as pn, resolveHeadlinePlacement as mn } from "@graphysdk/viz-engine";
-import { u as Le, c as vn, F as gt, D as B, a as ue, b as A, d as Q, r as yn, T as bn, e as _e, f as M, g as ft, s as pt, h as mt, v as c, C as vt, i as yt, S as bt, j as ee, t as k, k as Ne, l as Fe, m as xn, n as xt, o as kn, R as Cn, H as Tn, p as wn } from "./tooltip-body-Cp_va3oW.js";
-import { q as id, G as ad } from "./tooltip-body-Cp_va3oW.js";
-import { useReducedMotion as Sn } from "motion/react";
-import { useShallow as P } from "zustand/react/shallow";
-import { useFloating as Pe, offset as De, flip as Oe, shift as Be, autoUpdate as An } from "@floating-ui/react-dom";
-import { Extension as En } from "@tiptap/core";
-import { Bold as kt } from "@tiptap/extension-bold";
+import { isCompilerCachingEnabled as Wr, setCompilerCachingEnabled as qr, COMPILER_STAGE_KEYS as Le, buildTooltipContent as Xr, getDifferenceArrowDimensions as jr, LayoutCompiler as Yr, BORDER_PRESET_GRADIENTS as Ur, SetContentCaptionCommand as Kr, SetContentTitleCommand as Zr, SetContentSubtitleCommand as Jr, computeDirectLabelsLayout as Qr, getY as en, getX as tn, getMainAxisCoordinate as rn, getYMin as nn, getYMax as on, getXMin as sn, getXMax as an, RESTING_HOVER_STATE as ln, buildDataLabelsContent as cn, computeDifferenceArrow as dn, computeFreeformArrow as un, createSegmentYReader as hn, buildLayerYValueFormatter as gn, getSize as fn, isDefined as pn, getColor as mn, GROUP_VARIABLES as yn, formatLegends as vn, formatHeadline as bn, resolveHeadlinePlacement as xn } from "@graphysdk/viz-engine";
+import { u as _e, c as kn, F as mt, D as I, a as ue, b as L, d as Q, r as Cn, T as Tn, e as Ee, f as G, g as yt, s as vt, h as bt, v as c, C as xt, i as kt, S as Ct, j as ee, t as C, k as Ne, l as Fe, m as wn, n as Tt, o as Sn, R as An, H as Ln, p as _n } from "./tooltip-body-Cp_va3oW.js";
+import { q as ud, G as hd } from "./tooltip-body-Cp_va3oW.js";
+import { useReducedMotion as En } from "motion/react";
+import { useShallow as D } from "zustand/react/shallow";
+import { useFloating as Pe, offset as De, flip as Oe, shift as Be, autoUpdate as Nn } from "@floating-ui/react-dom";
+import { Extension as Fn } from "@tiptap/core";
+import { Bold as wt } from "@tiptap/extension-bold";
 import { Document as ke } from "@tiptap/extension-document";
-import { HardBreak as Ct } from "@tiptap/extension-hard-break";
-import { Heading as Tt } from "@tiptap/extension-heading";
-import { Italic as wt } from "@tiptap/extension-italic";
-import { Link as St } from "@tiptap/extension-link";
-import { Text as At } from "@tiptap/extension-text";
-import { TextAlign as Et } from "@tiptap/extension-text-align";
-import { TextStyle as Lt, Color as _t, FontFamily as Nt } from "@tiptap/extension-text-style";
-import { Underline as Ft } from "@tiptap/extension-underline";
-import { UndoRedo as Pt, Placeholder as Dt } from "@tiptap/extensions";
-import { Paragraph as Ln } from "@tiptap/extension-paragraph";
-import { useEditorState as _n, EditorContent as Nn, useEditor as Fn } from "@tiptap/react";
-import { Toolbar as w } from "@base-ui/react/toolbar";
-import { Tooltip as V } from "@base-ui/react/tooltip";
-import { createPortal as Pn } from "react-dom";
-import { assignInlineVars as Dn } from "@vanilla-extract/dynamic";
-import { Popover as S } from "@base-ui/react/popover";
-import { HexColorPicker as On, HexColorInput as Bn } from "react-colorful";
-import { Menu as L } from "@base-ui/react/menu";
-import { Toggle as In } from "@base-ui/react/toggle";
-import { getContrast as Rn } from "color2k";
-typeof window < "u" && (window.__GRAPHY_SDK__ ??= {}, window.__GRAPHY_SDK__.reactRenderer = "0.0.1-plugins.1");
-var Hn = "drqe3u0", Mn = "drqe3u1", Gn = "drqe3u2", zn = "drqe3u3", oe = "drqe3u4", $n = "drqe3u5", Vn = "drqe3u6", Wn = "drqe3u7", me = "drqe3u8", qn = "drqe3u9", jn = "drqe3ua", Un = "drqe3ub", Xn = "drqe3uc", Yn = "drqe3ud", Kn = "drqe3ue", Zn = "drqe3uf", Jn = "drqe3ug", Qn = "drqe3uh", eo = "drqe3ui", Ve = { enabled: "drqe3uk drqe3uj", disabled: "drqe3ul drqe3uj" }, We = { ran: "drqe3un drqe3um", dim: "drqe3uo drqe3um" }, Ot = { ran: "drqe3uq drqe3up", cached: "drqe3ur drqe3up", untouched: "drqe3us drqe3up" };
-const rd = ({ width: e = 380, style: t, className: r } = {}) => {
-  const { compileBus: n } = Le(), [s] = F(() => vn()), [i, l] = F(!1), [a, d] = F(Gr);
-  E(() => {
-    const { recordCompile: v } = s.getState(), x = n.getLastTrigger(), C = n.getLastCompile();
-    return x && C && v(x, C), n.subscribe(v);
+import { HardBreak as St } from "@tiptap/extension-hard-break";
+import { Heading as At } from "@tiptap/extension-heading";
+import { Italic as Lt } from "@tiptap/extension-italic";
+import { Link as _t } from "@tiptap/extension-link";
+import { Text as Et } from "@tiptap/extension-text";
+import { TextAlign as Nt } from "@tiptap/extension-text-align";
+import { TextStyle as Ft, Color as Pt, FontFamily as Dt } from "@tiptap/extension-text-style";
+import { Underline as Ot } from "@tiptap/extension-underline";
+import { UndoRedo as Bt, Placeholder as It } from "@tiptap/extensions";
+import { Paragraph as Pn } from "@tiptap/extension-paragraph";
+import { useEditorState as Dn, EditorContent as On, useEditor as Bn } from "@tiptap/react";
+import { Toolbar as S } from "@base-ui/react/toolbar";
+import { Tooltip as W } from "@base-ui/react/tooltip";
+import { createPortal as In } from "react-dom";
+import { assignInlineVars as Rn } from "@vanilla-extract/dynamic";
+import { Popover as A } from "@base-ui/react/popover";
+import { HexColorPicker as Hn, HexColorInput as Mn } from "react-colorful";
+import { Menu as E } from "@base-ui/react/menu";
+import { Toggle as Gn } from "@base-ui/react/toggle";
+import { getContrast as $n } from "color2k";
+typeof window < "u" && (window.__GRAPHY_SDK__ ??= {}, window.__GRAPHY_SDK__.reactRenderer = "0.0.1-plugins.2");
+var zn = "drqe3u0", Vn = "drqe3u1", Wn = "drqe3u2", qn = "drqe3u3", oe = "drqe3u4", Xn = "drqe3u5", jn = "drqe3u6", Yn = "drqe3u7", me = "drqe3u8", Un = "drqe3u9", Kn = "drqe3ua", Zn = "drqe3ub", Jn = "drqe3uc", Qn = "drqe3ud", eo = "drqe3ue", to = "drqe3uf", ro = "drqe3ug", no = "drqe3uh", oo = "drqe3ui", Ve = { enabled: "drqe3uk drqe3uj", disabled: "drqe3ul drqe3uj" }, We = { ran: "drqe3un drqe3um", dim: "drqe3uo drqe3um" }, Rt = { ran: "drqe3uq drqe3up", cached: "drqe3ur drqe3up", untouched: "drqe3us drqe3up" };
+const ad = ({ width: e = 380, style: t, className: r } = {}) => {
+  const { compileBus: n } = _e(), [s] = P(() => kn()), [i, l] = P(!1), [a, d] = P(Wr);
+  _(() => {
+    const { recordCompile: y } = s.getState(), m = n.getLastTrigger(), x = n.getLastCompile();
+    return m && x && y(m, x), n.subscribe(y);
   }, [s, n]);
-  const u = le(s, (v) => v.lastCompile), h = le(s, (v) => v.history), f = n.getCacheStats(), p = u === null && h.length === 0, m = () => {
-    d((v) => {
-      const x = !v;
-      return zr(x), x;
+  const u = le(s, (y) => y.lastCompile), h = le(s, (y) => y.history), p = n.getCacheStats(), f = u === null && h.length === 0, v = () => {
+    d((y) => {
+      const m = !y;
+      return qr(m), m;
     });
   };
-  return /* @__PURE__ */ g("div", { className: j(jn, r), style: { width: e, ...t }, children: [
-    /* @__PURE__ */ g("div", { className: Hn, children: [
+  return /* @__PURE__ */ g("div", { className: j(Kn, r), style: { width: e, ...t }, children: [
+    /* @__PURE__ */ g("div", { className: zn, children: [
       /* @__PURE__ */ g("div", { children: [
-        /* @__PURE__ */ o("div", { className: Mn, children: "compile cache" }),
-        /* @__PURE__ */ o("div", { className: Kn, children: p ? "production: stats disabled" : u ? `last: ${u.label} · ${Bt(u.durationMs)}` : "awaiting first compile…" })
+        /* @__PURE__ */ o("div", { className: Vn, children: "compile cache" }),
+        /* @__PURE__ */ o("div", { className: eo, children: f ? "production: stats disabled" : u ? `last: ${u.label} · ${Ht(u.durationMs)}` : "awaiting first compile…" })
       ] }),
-      /* @__PURE__ */ o("button", { type: "button", onClick: () => l((v) => !v), className: Zn, children: i ? "▾" : "▴" })
+      /* @__PURE__ */ o("button", { type: "button", onClick: () => l((y) => !y), className: to, children: i ? "▾" : "▴" })
     ] }),
-    !i && /* @__PURE__ */ g("div", { className: Un, children: [
+    !i && /* @__PURE__ */ g("div", { className: Zn, children: [
       /* @__PURE__ */ g(
         "button",
         {
           type: "button",
-          onClick: m,
+          onClick: v,
           className: a ? Ve.enabled : Ve.disabled,
           "aria-pressed": a,
           children: [
@@ -68,26 +68,26 @@ const rd = ({ width: e = 380, style: t, className: r } = {}) => {
           ]
         }
       ),
-      /* @__PURE__ */ o("span", { className: Jn, children: "next compile reflects this toggle" })
+      /* @__PURE__ */ o("span", { className: ro, children: "next compile reflects this toggle" })
     ] }),
-    !i && !p && /* @__PURE__ */ g(_, { children: [
-      /* @__PURE__ */ o(to, { delta: u?.stages, cumulative: f }),
-      /* @__PURE__ */ o(ro, { entries: h })
+    !i && !f && /* @__PURE__ */ g(N, { children: [
+      /* @__PURE__ */ o(so, { delta: u?.stages, cumulative: p }),
+      /* @__PURE__ */ o(io, { entries: h })
     ] })
   ] });
-}, to = ({ delta: e, cumulative: t }) => /* @__PURE__ */ g("table", { className: Gn, children: [
-  /* @__PURE__ */ o("thead", { children: /* @__PURE__ */ g("tr", { className: Qn, children: [
-    /* @__PURE__ */ o("th", { className: zn, children: "stage" }),
+}, so = ({ delta: e, cumulative: t }) => /* @__PURE__ */ g("table", { className: Wn, children: [
+  /* @__PURE__ */ o("thead", { children: /* @__PURE__ */ g("tr", { className: no, children: [
+    /* @__PURE__ */ o("th", { className: qn, children: "stage" }),
     /* @__PURE__ */ o("th", { className: oe, children: "Δ miss" }),
     /* @__PURE__ */ o("th", { className: oe, children: "Δ hit" }),
     /* @__PURE__ */ o("th", { className: oe, children: "total miss" }),
     /* @__PURE__ */ o("th", { className: oe, children: "total hit" })
   ] }) }),
-  /* @__PURE__ */ o("tbody", { children: Ee.map((r) => {
-    const n = e?.[r], s = no(n);
-    return /* @__PURE__ */ g("tr", { className: Xn, children: [
-      /* @__PURE__ */ g("td", { className: $n, children: [
-        /* @__PURE__ */ o("span", { className: Ot[s], "aria-hidden": !0 }),
+  /* @__PURE__ */ o("tbody", { children: Le.map((r) => {
+    const n = e?.[r], s = ao(n);
+    return /* @__PURE__ */ g("tr", { className: Jn, children: [
+      /* @__PURE__ */ g("td", { className: Xn, children: [
+        /* @__PURE__ */ o("span", { className: Rt[s], "aria-hidden": !0 }),
         " ",
         r
       ] }),
@@ -97,44 +97,44 @@ const rd = ({ width: e = 380, style: t, className: r } = {}) => {
       /* @__PURE__ */ o("td", { className: me, children: t[r].hits })
     ] }, r);
   }) })
-] }), ro = ({ entries: e }) => e.length === 0 ? null : /* @__PURE__ */ g("div", { className: Yn, children: [
-  /* @__PURE__ */ o("div", { className: eo, children: "recent compiles" }),
+] }), io = ({ entries: e }) => e.length === 0 ? null : /* @__PURE__ */ g("div", { className: Qn, children: [
+  /* @__PURE__ */ o("div", { className: oo, children: "recent compiles" }),
   e.map((t) => {
-    const r = oo(t.stages, (i) => i.misses > 0), n = Ee.length;
-    return /* @__PURE__ */ g("div", { className: Vn, children: [
-      /* @__PURE__ */ o("span", { className: Ot[r === 0 ? "cached" : "ran"], "aria-hidden": !0 }),
-      /* @__PURE__ */ o("span", { className: Wn, title: t.label, children: t.label }),
-      /* @__PURE__ */ g("span", { className: qn, children: [
+    const r = lo(t.stages, (i) => i.misses > 0), n = Le.length;
+    return /* @__PURE__ */ g("div", { className: jn, children: [
+      /* @__PURE__ */ o("span", { className: Rt[r === 0 ? "cached" : "ran"], "aria-hidden": !0 }),
+      /* @__PURE__ */ o("span", { className: Yn, title: t.label, children: t.label }),
+      /* @__PURE__ */ g("span", { className: Un, children: [
         r,
         "/",
         n,
         " ran · ",
-        Bt(t.durationMs)
+        Ht(t.durationMs)
       ] })
     ] }, t.id);
   })
-] }), no = (e) => !e || e.hits === 0 && e.misses === 0 ? "untouched" : e.misses > 0 ? "ran" : "cached", oo = (e, t) => {
+] }), ao = (e) => !e || e.hits === 0 && e.misses === 0 ? "untouched" : e.misses > 0 ? "ran" : "cached", lo = (e, t) => {
   let r = 0;
-  for (const n of Ee)
+  for (const n of Le)
     t(e[n]) && (r += 1);
   return r;
-}, Bt = (e) => e >= 10 ? `${e.toFixed(0)}ms` : `${e.toFixed(2)}ms`, so = {
+}, Ht = (e) => e >= 10 ? `${e.toFixed(0)}ms` : `${e.toFixed(2)}ms`, co = {
   small: 1.9,
   medium: 2.3,
   large: 2.6
-}, io = {
+}, uo = {
   small: 1,
   medium: 1,
   large: 1.2
-}, ao = B, It = gt.sm, lo = 12, co = 4, uo = 4, ho = 12, go = 4, fo = 2, Rt = 24;
+}, ho = I, Mt = mt.sm, go = 12, fo = 4, po = 4, mo = 12, yo = 4, vo = 2, Gt = 24;
 function he(e) {
   const { store: t } = ue();
   return le(t, e);
 }
-const po = (e) => {
-  const { cursorRef: t, subscribeCursorMove: r } = ue(), n = he((i) => i.isPointerInside), s = N(e);
-  return s.current = e, E(() => r(() => s.current?.()), [r]), { cursorRef: t, isInside: n };
-}, mo = 16, vo = 8, yo = {
+const bo = (e) => {
+  const { cursorRef: t, subscribeCursorMove: r } = ue(), n = he((i) => i.isPointerInside), s = F(e);
+  return s.current = e, _(() => r(() => s.current?.()), [r]), { cursorRef: t, isInside: n };
+}, xo = 16, ko = 8, Co = {
   x: 0,
   y: 0,
   top: 0,
@@ -144,40 +144,40 @@ const po = (e) => {
   width: 0,
   height: 0,
   toJSON: () => ({})
-}, bo = () => {
-  const e = A(
-    P((b) => ({
-      layers: b.layers,
-      coordSystem: b.coordSystem,
-      scales: b.scales,
-      guides: b.guides,
-      numberFormat: b.config.numberFormat,
-      parsingLocale: b.config.parsingLocale
+}, To = () => {
+  const e = L(
+    D((k) => ({
+      layers: k.layers,
+      coordSystem: k.coordSystem,
+      scales: k.scales,
+      guides: k.guides,
+      numberFormat: k.config.numberFormat,
+      parsingLocale: k.config.parsingLocale
     }))
-  ), { formattingLocale: t } = Le(), r = he((b) => b.hover), n = Q(), s = N(() => {
-  }), { cursorRef: i, isInside: l } = po(() => s.current()), a = y(
-    () => $r({ ...e, hover: r, formattingLocale: t }),
+  ), { formattingLocale: t } = _e(), r = he((k) => k.hover), n = Q(), s = F(() => {
+  }), { cursorRef: i, isInside: l } = bo(() => s.current()), a = b(
+    () => Xr({ ...e, hover: r, formattingLocale: t }),
     [e, r, t]
-  ), d = a !== null && l, u = y(
+  ), d = a !== null && l, u = b(
     () => ({
       getBoundingClientRect: () => {
-        const b = i.current;
-        return b === null ? yo : xo(b);
+        const k = i.current;
+        return k === null ? Co : wo(k);
       }
     }),
     [i]
-  ), { refs: h, floatingStyles: f, update: p } = Pe({
+  ), { refs: h, floatingStyles: p, update: f } = Pe({
     open: d,
     placement: "right",
-    middleware: [De(mo), Oe(), Be({ padding: vo })],
+    middleware: [De(xo), Oe(), Be({ padding: ko })],
     elements: { reference: u }
   });
-  if (s.current = p, !d) return null;
-  const m = r.primary, v = m === null ? null : e.layers.find((b) => b.id === m.layerId) ?? null, x = v === null ? null : n(v, e.coordSystem), C = m !== null && v !== null && x?.renderTooltip ? x.renderTooltip({
+  if (s.current = f, !d) return null;
+  const v = r.primary, y = v === null ? null : e.layers.find((k) => k.id === v.layerId) ?? null, m = y === null ? null : n(y, e.coordSystem), x = v !== null && y !== null && m?.renderTooltip ? m.renderTooltip({
     content: a,
-    layer: v,
+    layer: y,
     coordSystem: e.coordSystem,
-    primary: m,
+    primary: v,
     group: r.group,
     related: r.related
   }) : null;
@@ -186,13 +186,13 @@ const po = (e) => {
     {
       ref: h.setFloating,
       role: "tooltip",
-      className: yn,
-      style: f,
+      className: Cn,
+      style: p,
       "data-testid": "chart-tooltip",
-      children: C ?? /* @__PURE__ */ o(bn, { content: a })
+      children: x ?? /* @__PURE__ */ o(Tn, { content: a })
     }
   );
-}, xo = (e) => ({
+}, wo = (e) => ({
   x: e.clientX,
   y: e.clientY,
   top: e.clientY,
@@ -202,66 +202,66 @@ const po = (e) => {
   width: 0,
   height: 0,
   toJSON: () => ({})
-}), Ie = _e.sm, Ht = B, Mt = !1, se = 6, R = 10, ko = (e, t) => (r) => {
+}), Ie = Ee.sm, $t = I, zt = !1, se = 6, H = 10, So = (e, t) => (r) => {
   if (!r.isVisible || r.ticks.length === 0) return 0;
   const n = r.position === "top" || r.position === "bottom", s = r.ticks.map(
     (a) => e.measureText(a.formattedLabel, {
-      family: Ht,
-      size: M(Ie, t)
+      family: $t,
+      size: G(Ie, t)
     })
   ), i = r.labelMaxWidthPx ?? Number.POSITIVE_INFINITY;
   if (n) {
     if (r.labelRotation !== 0) {
       const a = s.map((u) => u.width);
-      return qe(a, i) + 2 * R;
+      return qe(a, i) + 2 * H;
     }
-    return Math.max(...s.map((a) => a.height)) + R;
+    return Math.max(...s.map((a) => a.height)) + H;
   }
   return qe(
     s.map((a) => a.width),
     i
-  ) + R;
-}, qe = (e, t) => Math.min(Math.max(...e), t), Co = (e) => () => M(Ie, e), To = (e, t) => (r, n) => {
-  const { labelLineHeight: s, labelFontWeight: i } = Vr(n, t);
+  ) + H;
+}, qe = (e, t) => Math.min(Math.max(...e), t), Ao = (e) => () => G(Ie, e), Lo = (e, t) => (r, n) => {
+  const { labelLineHeight: s, labelFontWeight: i } = jr(n, t);
   return e.measureText(r, {
-    family: B,
+    family: I,
     size: s,
     weight: i
   });
-}, Gt = (e) => {
+}, Vt = (e) => {
   const { value: t, observationLabel: r, comparison: n, swatch: s, label: i } = e;
   return [
     {
       role: "valueRow",
-      gap: uo,
-      segments: ve([
+      gap: po,
+      segments: ye([
         ie("value", "value", t ?? "–"),
         ie("observation", "label", r)
       ])
     },
     {
       role: "trendRow",
-      gap: go,
-      ariaLabel: n === null ? void 0 : Eo(n),
-      segments: ve([
-        So(n),
-        Ao(n),
+      gap: yo,
+      ariaLabel: n === null ? void 0 : Fo(n),
+      segments: ye([
+        Eo(n),
+        No(n),
         ie("trendReference", "label", n?.reference ?? null)
       ])
     },
     {
       role: "groupRow",
-      gap: co,
-      segments: ve([wo(s), ie("label", "label", i)])
+      gap: fo,
+      segments: ye([_o(s), ie("label", "label", i)])
     }
   ].filter((a) => a.segments.length > 0);
-}, ie = (e, t, r) => r === null ? null : { kind: "text", textRole: e, fontRole: t, text: r }, wo = (e) => e === null ? null : { kind: "swatch", swatch: e, size: lo }, So = (e) => e === null ? null : { kind: "trendArrow", direction: e.direction, size: ho }, Ao = (e) => e === null ? null : {
+}, ie = (e, t, r) => r === null ? null : { kind: "text", textRole: e, fontRole: t, text: r }, _o = (e) => e === null ? null : { kind: "swatch", swatch: e, size: go }, Eo = (e) => e === null ? null : { kind: "trendArrow", direction: e.direction, size: mo }, No = (e) => e === null ? null : {
   kind: "text",
   textRole: "trendPercentage",
   fontRole: "label",
   text: e.percentage,
   trendDirection: e.direction
-}, Eo = (e) => {
+}, Fo = (e) => {
   switch (e.direction) {
     case "up":
       return `Increased ${e.percentage} ${e.reference}`;
@@ -270,67 +270,67 @@ const po = (e) => {
     case "flat":
       return `No change ${e.reference}`;
   }
-}, ve = (e) => e.filter((t) => t !== null), Lo = (e, t) => (r, n) => {
-  const s = zt(r, n, e, t), i = $t(s.map((a) => a.width)), l = Math.max(0, s.length - 1) * Rt;
+}, ye = (e) => e.filter((t) => t !== null), Po = (e, t) => (r, n) => {
+  const s = Wt(r, n, e, t), i = qt(s.map((a) => a.width)), l = Math.max(0, s.length - 1) * Gt;
   return {
     width: i + l,
     height: Math.max(0, ...s.map((a) => a.height))
   };
-}, _o = (e, t) => (r, n) => zt(r, n, e, t).map((s) => s.width), No = (e, t) => (r, n) => {
+}, Do = (e, t) => (r, n) => Wt(r, n, e, t).map((s) => s.width), Oo = (e, t) => (r, n) => {
   const s = Ce("value", n, t);
-  return { width: e.measureText(r, s).width, height: s.size * It };
-}, Fo = (e, t) => {
-  const r = Lo(e, t), n = No(e, t);
+  return { width: e.measureText(r, s).width, height: s.size * Mt };
+}, Bo = (e, t) => {
+  const r = Po(e, t), n = Oo(e, t);
   return (s, i) => s.kind === "perGroup" ? r(s, i) : n(s.value, i);
-}, zt = (e, t, r, n) => {
+}, Wt = (e, t, r, n) => {
   const s = {
     value: Ce("value", t, n),
     label: Ce("label", t, n)
-  }, i = (l) => Po(l, s, r);
+  }, i = (l) => Io(l, s, r);
   return e.items.map((l) => {
-    const a = Gt(l).map(i), d = Math.max(0, a.length - 1) * fo;
+    const a = Vt(l).map(i), d = Math.max(0, a.length - 1) * vo;
     return {
       width: Math.max(0, ...a.map((u) => u.width)),
-      height: $t(a.map((u) => u.height)) + d
+      height: qt(a.map((u) => u.height)) + d
     };
   });
-}, Po = (e, t, r) => {
+}, Io = (e, t, r) => {
   let n = 0, s = 0;
   for (const i of e.segments)
     if (i.kind === "text") {
       const l = t[i.fontRole];
-      n += r.measureText(i.text, l).width, s = Math.max(s, l.size * It);
+      n += r.measureText(i.text, l).width, s = Math.max(s, l.size * Mt);
     } else
       n += i.size, s = Math.max(s, i.size);
   return { width: n + Math.max(0, e.segments.length - 1) * e.gap, height: s };
 }, Ce = (e, t, r) => {
-  const n = e === "value" ? so[t] : io[t];
-  return { family: ao, size: M(n, r) };
-}, $t = (e) => e.reduce((t, r) => t + r, 0), Re = 12, Vt = 10, Wt = 8, Do = 8, Oo = 8, Bo = 2, qt = 1, jt = 2, Ut = 4, Xt = _e.sm, Yt = gt.sm, Kt = B, Zt = 2 * (Oo + qt), He = 2 * (Bo + qt), Io = jt * Ut, Jt = (e) => {
-  const t = M(Xt, e);
-  return { fontSizePx: t, lineBoxHeight: t * Yt };
-}, Qt = (e) => e ? Vt : 0, Ro = (e, t) => (r) => {
+  const n = e === "value" ? co[t] : uo[t];
+  return { family: ho, size: G(n, r) };
+}, qt = (e) => e.reduce((t, r) => t + r, 0), Re = 12, Xt = 10, jt = 8, Ro = 8, Ho = 8, Mo = 2, Yt = 1, Ut = 2, Kt = 4, Zt = Ee.sm, Jt = mt.sm, Qt = I, er = 2 * (Ho + Yt), He = 2 * (Mo + Yt), Go = Ut * Kt, tr = (e) => {
+  const t = G(Zt, e);
+  return { fontSizePx: t, lineBoxHeight: t * Jt };
+}, rr = (e) => e ? Xt : 0, $o = (e, t) => (r) => {
   if (r.items.length === 0) return 0;
-  const { fontSizePx: n, lineBoxHeight: s } = Jt(t), i = { family: Kt, size: n };
+  const { fontSizePx: n, lineBoxHeight: s } = tr(t), i = { family: Qt, size: n };
   if (r.position === "top" || r.position === "bottom")
     return Math.max(s, Re) + He;
   const a = r.items.map((d) => {
-    const u = e.measureText(d.formattedLabel, i).width, h = Qt(d.visual.color);
-    return h + (h > 0 ? Wt : 0) + u;
+    const u = e.measureText(d.formattedLabel, i).width, h = rr(d.visual.color);
+    return h + (h > 0 ? jt : 0) + u;
   });
-  return Math.max(...a) + Zt;
-}, Ho = (e, t) => (r) => e.measureText(r, {
-  family: Ht,
-  size: M(Ie, t)
-}), Mo = (e, t) => y(() => e ? {
-  measureAxis: ko(e, t),
-  measureAxisLabel: Co(t),
-  measureLegend: Ro(e, t),
-  measureHeadline: Fo(e, t),
-  measureHeadlineItemWidths: _o(e, t),
-  measureTickLabel: Ho(e, t),
-  measureDifferenceArrowLabel: To(e, t)
-} : null, [e, t]), Go = ({
+  return Math.max(...a) + er;
+}, zo = (e, t) => (r) => e.measureText(r, {
+  family: $t,
+  size: G(Ie, t)
+}), Vo = (e, t) => b(() => e ? {
+  measureAxis: So(e, t),
+  measureAxisLabel: Ao(t),
+  measureLegend: $o(e, t),
+  measureHeadline: Bo(e, t),
+  measureHeadlineItemWidths: Do(e, t),
+  measureTickLabel: zo(e, t),
+  measureDifferenceArrowLabel: Lo(e, t)
+} : null, [e, t]), Wo = ({
   measurer: e,
   axes: t,
   numberFormat: r,
@@ -342,8 +342,8 @@ const po = (e) => {
   formattingLocale: d,
   annotations: u,
   coordSystem: h,
-  textScale: f
-}) => y(() => e ? new Wr(e).compile({
+  textScale: p
+}) => b(() => e ? new Yr(e).compile({
   axes: t,
   numberFormat: r,
   parsingLocale: n,
@@ -354,7 +354,7 @@ const po = (e) => {
   formattingLocale: d,
   annotations: u,
   coordSystem: h,
-  textScale: f
+  textScale: p
 }) : null, [
   t,
   r,
@@ -366,19 +366,19 @@ const po = (e) => {
   d,
   u,
   h,
-  f,
+  p,
   e
-]), je = "data-variant", er = Ln.extend({
+]), Xe = "data-variant", nr = Pn.extend({
   addAttributes() {
     return {
       variant: {
         default: null,
-        parseHTML: (e) => e.getAttribute(je) ?? null,
-        renderHTML: (e) => e.variant ? { [je]: e.variant } : {}
+        parseHTML: (e) => e.getAttribute(Xe) ?? null,
+        renderHTML: (e) => e.variant ? { [Xe]: e.variant } : {}
       }
     };
   }
-}), zo = En.create({
+}), qo = Fn.create({
   name: "preventBackspaceAcrossTitleBoundary",
   addOptions() {
     return { isTitleVisible: !0 };
@@ -394,28 +394,28 @@ const po = (e) => {
       }
     };
   }
-}), $o = ({
+}), Xo = ({
   titlePlaceholder: e,
   subtitlePlaceholder: t,
   isTitleVisible: r,
   isSubtitleVisible: n
 }) => [
-  Wo({ isTitleVisible: r, isSubtitleVisible: n }),
-  er,
-  At,
-  Pt,
-  Tt.configure({ levels: [1, 2, 3] }),
-  kt,
+  Yo({ isTitleVisible: r, isSubtitleVisible: n }),
+  nr,
+  Et,
+  Bt,
+  At.configure({ levels: [1, 2, 3] }),
   wt,
-  Ft,
-  Et.configure({ types: ["heading", "paragraph"] }),
-  St.configure({ openOnClick: !1, autolink: !0 }),
   Lt,
-  _t,
-  Nt,
-  Ct,
-  zo.configure({ isTitleVisible: r }),
-  Dt.configure({
+  Ot,
+  Nt.configure({ types: ["heading", "paragraph"] }),
+  _t.configure({ openOnClick: !1, autolink: !0 }),
+  Ft,
+  Pt,
+  Dt,
+  St,
+  qo.configure({ isTitleVisible: r }),
+  It.configure({
     showOnlyCurrent: !1,
     placeholder: ({ pos: s, editor: i }) => {
       if (r && s === 0) return e;
@@ -423,56 +423,56 @@ const po = (e) => {
       return n && s === l ? t : "";
     }
   })
-], Vo = ({ placeholder: e }) => [
+], jo = ({ placeholder: e }) => [
   ke,
-  er,
-  At,
-  Pt,
-  Tt.configure({ levels: [1, 2, 3] }),
-  kt,
+  nr,
+  Et,
+  Bt,
+  At.configure({ levels: [1, 2, 3] }),
   wt,
-  Ft,
-  Et.configure({ types: ["heading", "paragraph"] }),
-  St.configure({ openOnClick: !1, autolink: !0 }),
   Lt,
-  _t,
-  Nt,
-  Ct,
-  Dt.configure({
+  Ot,
+  Nt.configure({ types: ["heading", "paragraph"] }),
+  _t.configure({ openOnClick: !1, autolink: !0 }),
+  Ft,
+  Pt,
+  Dt,
+  St,
+  It.configure({
     showOnlyCurrent: !1,
     placeholder: ({ pos: t }) => t === 0 ? e : ""
   })
-], Wo = ({
+], Yo = ({
   isTitleVisible: e,
   isSubtitleVisible: t
-}) => e && t ? ke.extend({ content: "block{2,}" }) : ke, T = (e, t) => `color-mix(in srgb, transparent, ${e} ${t * 100}%)`, ge = (e, t) => `hsl(from ${e} h s calc(l * ${1 - t}))`, tr = (e, t) => `hsl(from ${e} h s calc(l * ${1 + t}))`, Te = (e, t, r) => `color-mix(in srgb, ${e}, ${t} ${r * 100}%)`, qo = (e) => /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(e), jo = (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), rr = {
+}) => e && t ? ke.extend({ content: "block{2,}" }) : ke, T = (e, t) => `color-mix(in srgb, transparent, ${e} ${t * 100}%)`, ge = (e, t) => `hsl(from ${e} h s calc(l * ${1 - t}))`, or = (e, t) => `hsl(from ${e} h s calc(l * ${1 + t}))`, Te = (e, t, r) => `color-mix(in srgb, ${e}, ${t} ${r * 100}%)`, Uo = (e) => /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(e), Ko = (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), sr = {
   elevationXs: "0 0 2px rgba(15, 15, 24, 0.12), 0 2px 2px rgba(14, 14, 52, 0.08)",
   elevationSm: "0 0 4px rgba(15, 15, 24, 0.12), 0 4px 4px rgba(14, 14, 52, 0.08)",
   elevationMd: "0 0 8px rgba(15, 15, 24, 0.12), 0 8px 8px rgba(14, 14, 52, 0.08)",
   elevationLg: "0 0 16px rgba(15, 15, 24, 0.12), 0 16px 16px rgba(14, 14, 52, 0.08)"
-}, nr = {
+}, ir = {
   radiiXs: "4px",
   radiiSm: "6px",
   radiiMd: "8px",
   radiiLg: "12px"
-}, or = {
+}, ar = {
   zIndexToolbar: "10",
   zIndexToolbarTooltip: "20",
   zIndexToolbarPopover: "30"
-}, Uo = 8, $ = (e) => `${Uo * e}px`, sr = {
-  spaceXxs: $(0.25),
+}, Zo = 8, V = (e) => `${Zo * e}px`, lr = {
+  spaceXxs: V(0.25),
   // space(0.25) → 2px
-  spaceXs: $(0.5),
+  spaceXs: V(0.5),
   //   space(0.5)  → 4px
-  spaceSm: $(0.75),
+  spaceSm: V(0.75),
   //  space(0.75) → 6px
-  spaceMd: $(1),
+  spaceMd: V(1),
   //     space(1)    → 8px
-  spaceLg: $(1.5),
+  spaceLg: V(1.5),
   //   space(1.5)  → 12px
-  spaceXl: $(2)
+  spaceXl: V(2)
   //     space(2)    → 16px
-}, Xo = {
+}, Jo = {
   transparent: "transparent",
   white: "#FFFFFF",
   black: "#000000",
@@ -499,7 +499,7 @@ const po = (e) => {
   purple50: "#7B56EA",
   purple30: "#E093FE",
   greyGradient80: "linear-gradient(to top, #222429, #31353f)"
-}, Yo = {
+}, Qo = {
   textPrimary: c.grey0,
   textSecondary: T(c.textPrimary, 0.8),
   textDisabled: T(c.textPrimary, 0.5),
@@ -518,7 +518,7 @@ const po = (e) => {
   raisedBackground: c.grey80,
   overlayBackground: c.grey90,
   overlayBorderGradient: c.greyGradient80
-}, Ko = {
+}, es = {
   graphBackground: c.grey90,
   gridLineColor: c.border10,
   originLineColor: c.grey0,
@@ -563,7 +563,7 @@ const po = (e) => {
   arrowAnnotationStickerOutlineColorInverse: "#1D2129",
   annotationFrameBorderColor: c.blue60,
   annotationMenuTriggerIconColor: c.white
-}, Zo = {
+}, ts = {
   canvasDefault: "#FFFFFF",
   canvasBlue: "#60a5fa",
   canvasCyan: "#22d3ee",
@@ -575,19 +575,19 @@ const po = (e) => {
   canvasPurple: "#a78bfa",
   canvasGray: "#a8a29e",
   canvasInverse: "#000000"
-}, Jo = {
-  ...Xo,
-  ...Yo,
-  ...rr,
-  ...nr,
+}, rs = {
+  ...Jo,
+  ...Qo,
   ...sr,
-  ...or,
-  ...Ko,
-  ...Zo,
-  ...mt,
-  ...pt,
-  ...ft
-}, Qo = {
+  ...ir,
+  ...lr,
+  ...ar,
+  ...es,
+  ...ts,
+  ...bt,
+  ...vt,
+  ...yt
+}, ns = {
   transparent: "transparent",
   white: "#FFFFFF",
   black: "#000000",
@@ -614,7 +614,7 @@ const po = (e) => {
   purple50: "#7B56EA",
   purple30: "#E093FE",
   greyGradient80: "linear-gradient(to top, #F0F0F1, #F9F9FF)"
-}, es = {
+}, os = {
   textPrimary: c.black,
   textSecondary: T(c.textPrimary, 0.6),
   textDisabled: T(c.textPrimary, 0.5),
@@ -633,7 +633,7 @@ const po = (e) => {
   raisedBackground: c.grey85,
   overlayBackground: c.grey100,
   overlayBorderGradient: c.border10
-}, ts = {
+}, ss = {
   graphBackground: c.grey100,
   gridLineColor: c.border10,
   originLineColor: c.grey0,
@@ -678,7 +678,7 @@ const po = (e) => {
   arrowAnnotationStickerOutlineColorInverse: "#FFFFFF",
   annotationFrameBorderColor: c.blue60,
   annotationMenuTriggerIconColor: "#3d414c"
-}, rs = {
+}, is = {
   canvasDefault: "#000000",
   canvasBlue: "#3b82f6",
   canvasCyan: "#06b6d4",
@@ -690,76 +690,76 @@ const po = (e) => {
   canvasPurple: "#8b5cf6",
   canvasGray: "#78716c",
   canvasInverse: "#ffffff"
-}, ns = {
-  ...Qo,
-  ...es,
-  ...rr,
-  ...nr,
+}, as = {
+  ...ns,
+  ...os,
   ...sr,
-  ...or,
-  ...ts,
-  ...rs,
-  ...mt,
-  ...pt,
-  ...ft
-}, ce = 0.1, os = { light: 0.05, dark: 0.1 }, ss = (e, t) => {
+  ...ir,
+  ...lr,
+  ...ar,
+  ...ss,
+  ...is,
+  ...bt,
+  ...vt,
+  ...yt
+}, ce = 0.1, ls = { light: 0.05, dark: 0.1 }, cs = (e, t) => {
   switch (e.type) {
     case "none":
       return null;
     case "solid":
       return e.color;
     case "tinted":
-      return ls(e.color, t);
+      return hs(e.color, t);
     case "gradient":
-      return cs(e.color, t);
+      return gs(e.color, t);
     case "preset":
-      return qr[e.preset];
+      return Ur[e.preset];
   }
-}, is = (e) => e.type === "none" ? 0 : e.width, as = (e, t, r) => {
+}, ds = (e) => e.type === "none" ? 0 : e.width, us = (e, t, r) => {
   if (e.type === "solid")
     return e.color;
   if (e.type === "tinted")
-    return Te(r, e.color, os[t]);
-}, ls = (e, t) => t === "dark" ? ge(e, ce) : tr(e, ce), cs = (e, t, r = 90) => {
-  const n = e, s = t === "dark" ? ge(e, ce) : tr(e, ce);
+    return Te(r, e.color, ls[t]);
+}, hs = (e, t) => t === "dark" ? ge(e, ce) : or(e, ce), gs = (e, t, r = 90) => {
+  const n = e, s = t === "dark" ? ge(e, ce) : or(e, ce);
   return `linear-gradient(${r}deg, ${n} 0%, ${s} 100%)`;
 };
-var ds = "bow4tg0", us = "bow4tg1", hs = "bow4tg2", gs = "bow4tg3", fs = "_1ii3bsb0", ps = "_1ii3bsb1";
-const Me = Hr(null), Ge = () => {
-  const e = ct(Me);
+var fs = "bow4tg0", ps = "bow4tg1", ms = "bow4tg2", ys = "bow4tg3", vs = "_1ii3bsb0", bs = "_1ii3bsb1";
+const Me = zr(null), Ge = () => {
+  const e = ht(Me);
   if (!e) throw new Error("useThemeContext must be used inside a <ThemeProvider>.");
   return e;
-}, ms = ({ theme: e, themeOverrides: t = {}, appearance: r, children: n }) => {
-  const s = y(
-    () => ({ ...e === "dark" ? Jo : ns, ...t }),
+}, xs = ({ theme: e, themeOverrides: t = {}, appearance: r, children: n }) => {
+  const s = b(
+    () => ({ ...e === "dark" ? rs : as, ...t }),
     [e, t]
-  ), i = y(() => {
+  ), i = b(() => {
     const a = {
       [c.textScale]: String(r.textScale)
     };
     for (const [u, h] of Object.entries(t))
       a[c[u]] = h;
-    const d = as(r.background, e, s.graphBackground);
-    return d !== void 0 && (a[c.graphBackground] = d), Dn(a);
-  }, [r.textScale, r.background, e, s.graphBackground, t]), l = y(
+    const d = us(r.background, e, s.graphBackground);
+    return d !== void 0 && (a[c.graphBackground] = d), Rn(a);
+  }, [r.textScale, r.background, e, s.graphBackground, t]), l = b(
     () => ({
       theme: e,
-      themeClass: e === "dark" ? ps : fs,
+      themeClass: e === "dark" ? bs : vs,
       inlineVarsStyle: i,
       themeValues: s
     }),
     [e, i, s]
   );
   return /* @__PURE__ */ o(Me.Provider, { value: l, children: n });
-}, G = ({ children: e, className: t, style: r }) => {
-  const n = ct(Me), s = n ? j(n.themeClass, us) : void 0, i = n ? { ...n.inlineVarsStyle, ...r } : r;
+}, $ = ({ children: e, className: t, style: r }) => {
+  const n = ht(Me), s = n ? j(n.themeClass, ps) : void 0, i = n ? { ...n.inlineVarsStyle, ...r } : r;
   return /* @__PURE__ */ o("div", { className: j(s, t), style: i, children: e });
-}, vs = "graphy_root", z = () => typeof document > "u" ? null : document.getElementById(vs) ?? document.body;
-var ys = "yp3g0k0", bs = "yp3g0k1", ir = "yp3g0k3", xs = "yp3g0k4", ar = "yp3g0k5", we = "yp3g0k6", ks = "yp3g0k7", Cs = "yp3g0k8", lr = "yp3g0k9", Ts = "yp3g0ka", ws = "yp3g0kb", Ss = "yp3g0kc", As = "yp3g0kd", Es = "yp3g0ke";
-const Ls = vt.map((e) => c[e]), _s = Object.fromEntries(
-  vt.map((e) => [c[e], e])
-), Ns = ({ editor: e, currentColor: t, isOpen: r, onOpenChange: n }) => {
-  const s = Ps(), i = dt(
+}, ks = "graphy_root", z = () => typeof document > "u" ? null : document.getElementById(ks) ?? document.body;
+var Cs = "yp3g0k0", Ts = "yp3g0k1", cr = "yp3g0k3", ws = "yp3g0k4", dr = "yp3g0k5", we = "yp3g0k6", Ss = "yp3g0k7", As = "yp3g0k8", ur = "yp3g0k9", Ls = "yp3g0ka", _s = "yp3g0kb", Es = "yp3g0kc", Ns = "yp3g0kd", Fs = "yp3g0ke";
+const Ps = xt.map((e) => c[e]), Ds = Object.fromEntries(
+  xt.map((e) => [c[e], e])
+), Os = ({ editor: e, currentColor: t, isOpen: r, onOpenChange: n }) => {
+  const s = Is(), i = gt(
     (a) => {
       e.chain().setColor(a).run();
     },
@@ -767,29 +767,29 @@ const Ls = vt.map((e) => c[e]), _s = Object.fromEntries(
   ), l = (a) => {
     e.chain().focus().setColor(a).run(), n(!1);
   };
-  return /* @__PURE__ */ g(S.Root, { open: r, onOpenChange: n, children: [
+  return /* @__PURE__ */ g(A.Root, { open: r, onOpenChange: n, children: [
     /* @__PURE__ */ o(
-      S.Trigger,
+      A.Trigger,
       {
-        render: /* @__PURE__ */ o(w.Button, {}),
+        render: /* @__PURE__ */ o(S.Button, {}),
         "aria-label": "Text color",
-        className: ys,
+        className: Cs,
         onMouseDown: (a) => a.preventDefault(),
-        children: /* @__PURE__ */ o("span", { className: bs, style: { background: t ?? "transparent" } })
+        children: /* @__PURE__ */ o("span", { className: Ts, style: { background: t ?? "transparent" } })
       }
     ),
-    /* @__PURE__ */ o(S.Portal, { container: z(), children: /* @__PURE__ */ o(G, { children: /* @__PURE__ */ o(S.Positioner, { sideOffset: 6, align: "start", className: ir, children: /* @__PURE__ */ g(S.Popup, { className: xs, onMouseDown: (a) => a.preventDefault(), children: [
+    /* @__PURE__ */ o(A.Portal, { container: z(), children: /* @__PURE__ */ o($, { children: /* @__PURE__ */ o(A.Positioner, { sideOffset: 6, align: "start", className: cr, children: /* @__PURE__ */ g(A.Popup, { className: ws, onMouseDown: (a) => a.preventDefault(), children: [
       /* @__PURE__ */ o(
-        Ue,
+        je,
         {
           title: "Colors",
-          colors: Ls,
+          colors: Ps,
           currentColor: t,
           onPick: l
         }
       ),
       s.length > 0 && /* @__PURE__ */ o(
-        Ue,
+        je,
         {
           title: "Chart colors",
           colors: s,
@@ -797,60 +797,60 @@ const Ls = vt.map((e) => c[e]), _s = Object.fromEntries(
           onPick: l
         }
       ),
-      /* @__PURE__ */ o(Fs, { value: t ?? "#000000", onChange: i })
+      /* @__PURE__ */ o(Bs, { value: t ?? "#000000", onChange: i })
     ] }) }) }) })
   ] });
-}, Ue = ({ title: e, colors: t, currentColor: r, onPick: n }) => /* @__PURE__ */ g("div", { className: ar, children: [
+}, je = ({ title: e, colors: t, currentColor: r, onPick: n }) => /* @__PURE__ */ g("div", { className: dr, children: [
   /* @__PURE__ */ o("div", { className: we, children: e }),
-  /* @__PURE__ */ o("div", { className: ks, children: t.map((s) => /* @__PURE__ */ o(
+  /* @__PURE__ */ o("div", { className: Ss, children: t.map((s) => /* @__PURE__ */ o(
     "button",
     {
       type: "button",
       "aria-label": s,
-      className: Cs,
-      "data-active": Os(s, r),
+      className: As,
+      "data-active": Hs(s, r),
       onMouseDown: (i) => i.preventDefault(),
       onClick: () => n(s),
-      children: /* @__PURE__ */ o("span", { className: lr, style: cr(s) })
+      children: /* @__PURE__ */ o("span", { className: ur, style: hr(s) })
     },
     s
   )) })
-] }), Fs = ({ value: e, onChange: t }) => {
-  const [r, n] = F(!1), s = jo(e) ? e : "#000000", i = Ds(s);
-  return /* @__PURE__ */ g(S.Root, { open: r, onOpenChange: n, children: [
-    /* @__PURE__ */ g("div", { className: ar, children: [
+] }), Bs = ({ value: e, onChange: t }) => {
+  const [r, n] = P(!1), s = Ko(e) ? e : "#000000", i = Rs(s);
+  return /* @__PURE__ */ g(A.Root, { open: r, onOpenChange: n, children: [
+    /* @__PURE__ */ g("div", { className: dr, children: [
       /* @__PURE__ */ o("div", { className: we, children: "Custom" }),
       /* @__PURE__ */ g(
-        S.Trigger,
+        A.Trigger,
         {
-          className: Ts,
+          className: Ls,
           onMouseDown: (l) => l.preventDefault(),
           "aria-label": "Pick custom color",
           children: [
-            /* @__PURE__ */ o("span", { className: lr, style: cr(s) }),
-            /* @__PURE__ */ o("span", { className: ws, children: i })
+            /* @__PURE__ */ o("span", { className: ur, style: hr(s) }),
+            /* @__PURE__ */ o("span", { className: _s, children: i })
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ o(S.Portal, { container: z(), children: /* @__PURE__ */ o(G, { children: /* @__PURE__ */ o(S.Positioner, { side: "right", align: "start", sideOffset: 18, className: ir, children: /* @__PURE__ */ g(S.Popup, { className: Ss, onMouseDown: (l) => l.preventDefault(), children: [
+    /* @__PURE__ */ o(A.Portal, { container: z(), children: /* @__PURE__ */ o($, { children: /* @__PURE__ */ o(A.Positioner, { side: "right", align: "start", sideOffset: 18, className: cr, children: /* @__PURE__ */ g(A.Popup, { className: Es, onMouseDown: (l) => l.preventDefault(), children: [
       /* @__PURE__ */ o("div", { className: we, children: "Pick color" }),
-      /* @__PURE__ */ o(On, { color: i, onChange: t, className: As }),
+      /* @__PURE__ */ o(Hn, { color: i, onChange: t, className: Ns }),
       /* @__PURE__ */ o(
-        Bn,
+        Mn,
         {
           color: i,
           onChange: t,
           prefixed: !0,
-          className: Es,
+          className: Fs,
           onMouseDown: (l) => l.stopPropagation()
         }
       )
     ] }) }) }) })
   ] });
-}, Ps = () => {
-  const e = A((t) => t.scales.color);
-  return y(() => {
+}, Is = () => {
+  const e = L((t) => t.scales.color);
+  return b(() => {
     if (!e || e.kind !== "visual") return [];
     const t = /* @__PURE__ */ new Set();
     for (const r of e.domain) {
@@ -859,15 +859,15 @@ const Ls = vt.map((e) => c[e]), _s = Object.fromEntries(
     }
     return [...t];
   }, [e]);
-}, cr = (e) => ({
+}, hr = (e) => ({
   background: e,
   border: `1px solid ${ge(e, 0.1)}`
-}), Ds = (e) => {
+}), Rs = (e) => {
   const { themeValues: t } = Ge();
-  if (qo(e)) return e.toUpperCase();
-  const r = _s[e];
+  if (Uo(e)) return e.toUpperCase();
+  const r = Ds[e];
   return r ? t[r].toUpperCase() : "#000000";
-}, Os = (e, t) => t === null ? !1 : e.toLowerCase() === t.toLowerCase(), Bs = {
+}, Hs = (e, t) => t === null ? !1 : e.toLowerCase() === t.toLowerCase(), Ms = {
   xxs: 8,
   xs: 12,
   sm: 16,
@@ -875,13 +875,13 @@ const Ls = vt.map((e) => c[e]), _s = Object.fromEntries(
   lg: 24,
   xl: 36
 };
-var Is = { primary: "asohov1 asohov0", secondary: "asohov2 asohov0" };
-const I = ({ children: e, title: t, variant: r = "primary", size: n = "sm", ...s }) => {
-  const i = ut(), l = Bs[n];
+var Gs = { primary: "asohov1 asohov0", secondary: "asohov2 asohov0" };
+const R = ({ children: e, title: t, variant: r = "primary", size: n = "sm", ...s }) => {
+  const i = ft(), l = Ms[n];
   return /* @__PURE__ */ g(
     "svg",
     {
-      className: Is[r],
+      className: Gs[r],
       "aria-labelledby": t ? i : void 0,
       height: l,
       width: l,
@@ -895,37 +895,37 @@ const I = ({ children: e, title: t, variant: r = "primary", size: n = "sm", ...s
       ]
     }
   );
-}, dr = (e) => /* @__PURE__ */ o(I, { ...e, children: /* @__PURE__ */ o("g", { stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ o("path", { d: "m6 9 6 6 6-6" }) }) }), Rs = "'Noto Serif', Georgia, 'Times New Roman', serif, 'Apple Color Emoji', 'NotoColorEmoji'", ur = `'Aeonik', 'Aeonik Fallback', ${B}`, Hs = "'PT Mono', 'Courier New', monospace, 'Apple Color Emoji', 'NotoColorEmoji'", Ms = "'Intruding Cat', cursive, 'Apple Color Emoji', 'NotoColorEmoji'", Gs = `var(--brand-font-family), ${ur}`, Se = [
-  { id: "modern", label: "Modern", preview: "Aa", fontFamily: B },
-  { id: "fresh", label: "Fresh", preview: "Aa", fontFamily: ur },
-  { id: "timeless", label: "Timeless", preview: "Aa", fontFamily: Rs },
-  { id: "technical", label: "Technical", preview: "00", fontFamily: Hs },
-  { id: "fineliner", label: "Fineliner", preview: "Aa", fontFamily: Ms },
-  { id: "brand", label: "Brand", preview: "Aa", fontFamily: Gs }
-], zs = (e) => e ? Se.find((t) => t.fontFamily === e) ?? null : null;
-var hr = "_1qkyw7q0", gr = "_1qkyw7q1", fr = "_1qkyw7q3", pr = "_1qkyw7q4", mr = "_1qkyw7q5";
-const $s = ({ editor: e, currentFontFamily: t, isOpen: r, onOpenChange: n }) => {
-  const s = zs(t) ?? Se[0], i = (l) => {
+}, gr = (e) => /* @__PURE__ */ o(R, { ...e, children: /* @__PURE__ */ o("g", { stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ o("path", { d: "m6 9 6 6 6-6" }) }) }), $s = "'Noto Serif', Georgia, 'Times New Roman', serif, 'Apple Color Emoji', 'NotoColorEmoji'", fr = `'Aeonik', 'Aeonik Fallback', ${I}`, zs = "'PT Mono', 'Courier New', monospace, 'Apple Color Emoji', 'NotoColorEmoji'", Vs = "'Intruding Cat', cursive, 'Apple Color Emoji', 'NotoColorEmoji'", Ws = `var(--brand-font-family), ${fr}`, Se = [
+  { id: "modern", label: "Modern", preview: "Aa", fontFamily: I },
+  { id: "fresh", label: "Fresh", preview: "Aa", fontFamily: fr },
+  { id: "timeless", label: "Timeless", preview: "Aa", fontFamily: $s },
+  { id: "technical", label: "Technical", preview: "00", fontFamily: zs },
+  { id: "fineliner", label: "Fineliner", preview: "Aa", fontFamily: Vs },
+  { id: "brand", label: "Brand", preview: "Aa", fontFamily: Ws }
+], qs = (e) => e ? Se.find((t) => t.fontFamily === e) ?? null : null;
+var pr = "_1qkyw7q0", mr = "_1qkyw7q1", yr = "_1qkyw7q3", vr = "_1qkyw7q4", br = "_1qkyw7q5";
+const Xs = ({ editor: e, currentFontFamily: t, isOpen: r, onOpenChange: n }) => {
+  const s = qs(t) ?? Se[0], i = (l) => {
     e.chain().focus().setFontFamily(l.fontFamily).run();
   };
-  return /* @__PURE__ */ g(L.Root, { open: r, onOpenChange: n, children: [
+  return /* @__PURE__ */ g(E.Root, { open: r, onOpenChange: n, children: [
     /* @__PURE__ */ g(
-      L.Trigger,
+      E.Trigger,
       {
-        render: /* @__PURE__ */ o(w.Button, {}),
+        render: /* @__PURE__ */ o(S.Button, {}),
         "aria-label": "Font family",
-        className: hr,
+        className: pr,
         onMouseDown: (l) => l.preventDefault(),
         children: [
-          /* @__PURE__ */ o("span", { className: gr, style: { fontFamily: s?.fontFamily }, children: s?.preview }),
-          /* @__PURE__ */ o(dr, { size: "sm" })
+          /* @__PURE__ */ o("span", { className: mr, style: { fontFamily: s?.fontFamily }, children: s?.preview }),
+          /* @__PURE__ */ o(gr, { size: "sm" })
         ]
       }
     ),
-    /* @__PURE__ */ o(L.Portal, { container: z(), children: /* @__PURE__ */ o(G, { children: /* @__PURE__ */ o(L.Positioner, { side: "bottom", align: "start", sideOffset: 6, className: fr, children: /* @__PURE__ */ o(L.Popup, { className: pr, onMouseDown: (l) => l.preventDefault(), children: Se.map((l) => /* @__PURE__ */ o(
-      L.Item,
+    /* @__PURE__ */ o(E.Portal, { container: z(), children: /* @__PURE__ */ o($, { children: /* @__PURE__ */ o(E.Positioner, { side: "bottom", align: "start", sideOffset: 6, className: yr, children: /* @__PURE__ */ o(E.Popup, { className: vr, onMouseDown: (l) => l.preventDefault(), children: Se.map((l) => /* @__PURE__ */ o(
+      E.Item,
       {
-        className: mr,
+        className: br,
         "data-selected": l.id === s?.id,
         onClick: () => i(l),
         children: /* @__PURE__ */ o("span", { style: { fontFamily: l.fontFamily }, children: l.label })
@@ -933,40 +933,40 @@ const $s = ({ editor: e, currentFontFamily: t, isOpen: r, onOpenChange: n }) =>
       l.id
     )) }) }) }) })
   ] });
-}, vr = { id: "text", label: "Text", previewFont: c.fontTextEditorBody }, Xe = [
+}, xr = { id: "text", label: "Text", previewFont: c.fontTextEditorBody }, Ye = [
   { id: "caption", label: "Caption", previewFont: c.fontTextEditorH6 },
-  vr,
+  xr,
   { id: "h3", label: "Heading 3", previewFont: c.fontTextEditorH3 },
   { id: "h2", label: "Heading 2", previewFont: c.fontTextEditorH2 },
   { id: "h1", label: "Heading 1", previewFont: c.fontTextEditorH1 }
-], Vs = ({ editor: e, activeStyle: t, isOpen: r, onOpenChange: n }) => {
-  const s = Xe.find((i) => i.id === t) ?? vr;
-  return /* @__PURE__ */ g(L.Root, { open: r, onOpenChange: n, children: [
+], js = ({ editor: e, activeStyle: t, isOpen: r, onOpenChange: n }) => {
+  const s = Ye.find((i) => i.id === t) ?? xr;
+  return /* @__PURE__ */ g(E.Root, { open: r, onOpenChange: n, children: [
     /* @__PURE__ */ g(
-      L.Trigger,
+      E.Trigger,
       {
-        render: /* @__PURE__ */ o(w.Button, {}),
+        render: /* @__PURE__ */ o(S.Button, {}),
         "aria-label": "Text style",
-        className: hr,
+        className: pr,
         onMouseDown: (i) => i.preventDefault(),
         children: [
-          /* @__PURE__ */ o("span", { className: gr, children: s.label }),
-          /* @__PURE__ */ o(dr, { size: "sm" })
+          /* @__PURE__ */ o("span", { className: mr, children: s.label }),
+          /* @__PURE__ */ o(gr, { size: "sm" })
         ]
       }
     ),
-    /* @__PURE__ */ o(L.Portal, { container: z(), children: /* @__PURE__ */ o(G, { children: /* @__PURE__ */ o(L.Positioner, { side: "bottom", align: "start", sideOffset: 6, className: fr, children: /* @__PURE__ */ o(L.Popup, { className: pr, onMouseDown: (i) => i.preventDefault(), children: Xe.map((i) => /* @__PURE__ */ o(
-      L.Item,
+    /* @__PURE__ */ o(E.Portal, { container: z(), children: /* @__PURE__ */ o($, { children: /* @__PURE__ */ o(E.Positioner, { side: "bottom", align: "start", sideOffset: 6, className: yr, children: /* @__PURE__ */ o(E.Popup, { className: vr, onMouseDown: (i) => i.preventDefault(), children: Ye.map((i) => /* @__PURE__ */ o(
+      E.Item,
       {
-        className: mr,
+        className: br,
         "data-selected": i.id === s.id,
-        onClick: () => Ws(e, i.id),
-        children: /* @__PURE__ */ o(qs, { font: i.previewFont, children: i.label })
+        onClick: () => Ys(e, i.id),
+        children: /* @__PURE__ */ o(Us, { font: i.previewFont, children: i.label })
       },
       i.id
     )) }) }) }) })
   ] });
-}, Ws = (e, t) => {
+}, Ys = (e, t) => {
   switch (t) {
     case "caption": {
       e.chain().focus().setNode("paragraph", { variant: "caption" }).run();
@@ -985,53 +985,53 @@ const $s = ({ editor: e, currentFontFamily: t, isOpen: r, onOpenChange: n }) =>
     case "h3":
       e.chain().focus().setHeading({ level: 3 }).run();
   }
-}, qs = ({ font: e, children: t }) => /* @__PURE__ */ o("span", { style: { font: e, margin: 0 }, children: t }), js = (e) => /* @__PURE__ */ o(I, { ...e, children: /* @__PURE__ */ o("g", { stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ o("path", { d: "M20 6 9 17l-5-5" }) }) }), Us = (e) => /* @__PURE__ */ o(I, { ...e, children: /* @__PURE__ */ g("g", { stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
+}, Us = ({ font: e, children: t }) => /* @__PURE__ */ o("span", { style: { font: e, margin: 0 }, children: t }), Ks = (e) => /* @__PURE__ */ o(R, { ...e, children: /* @__PURE__ */ o("g", { stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ o("path", { d: "M20 6 9 17l-5-5" }) }) }), Zs = (e) => /* @__PURE__ */ o(R, { ...e, children: /* @__PURE__ */ g("g", { stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
   /* @__PURE__ */ o("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__ */ o("path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" })
-] }) }), Xs = (e) => /* @__PURE__ */ o(I, { ...e, children: /* @__PURE__ */ g("g", { stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
+] }) }), Js = (e) => /* @__PURE__ */ o(R, { ...e, children: /* @__PURE__ */ g("g", { stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
   /* @__PURE__ */ o("path", { d: "M18 6 6 18" }),
   /* @__PURE__ */ o("path", { d: "m6 6 12 12" })
-] }) }), Ys = (e) => !e.content || e.content.length === 0 ? !0 : e.content.every((t) => !t.content || t.content.length === 0), Ks = (e) => {
+] }) }), Qs = (e) => !e.content || e.content.length === 0 ? !0 : e.content.every((t) => !t.content || t.content.length === 0), ei = (e) => {
   const { $from: t } = e.state.selection, r = t.parent.textContent, n = t.parentOffset, s = t.start();
   let i = n;
-  for (; i > 0 && Ye(r[i - 1]); ) i -= 1;
+  for (; i > 0 && Ue(r[i - 1]); ) i -= 1;
   let l = n;
-  for (; l < r.length && Ye(r[l]); ) l += 1;
+  for (; l < r.length && Ue(r[l]); ) l += 1;
   return { from: s + i, to: s + l };
-}, Ye = (e) => e !== void 0 && /\S/.test(e);
-var Zs = "b5kquu0", Js = "b5kquu1", Qs = "b5kquu2", ei = "b5kquu3", Ke = "b5kquu4";
-const ti = ({ editor: e, currentUrl: t, isActive: r, isOpen: n, onOpenChange: s }) => {
-  const [i, l] = F(""), a = N(null);
-  E(() => {
+}, Ue = (e) => e !== void 0 && /\S/.test(e);
+var ti = "b5kquu0", ri = "b5kquu1", ni = "b5kquu2", oi = "b5kquu3", Ke = "b5kquu4";
+const si = ({ editor: e, currentUrl: t, isActive: r, isOpen: n, onOpenChange: s }) => {
+  const [i, l] = P(""), a = F(null);
+  _(() => {
     n && l(t ?? "");
   }, [n, t]);
   const d = () => {
-    ri(e, i), s(!1);
+    ii(e, i), s(!1);
   }, u = () => {
     l(""), s(!1);
-  }, h = (p) => {
-    l(p.target.value);
-  }, f = (p) => {
-    p.key === "Enter" && (p.preventDefault(), d());
+  }, h = (f) => {
+    l(f.target.value);
+  }, p = (f) => {
+    f.key === "Enter" && (f.preventDefault(), d());
   };
-  return /* @__PURE__ */ g(S.Root, { open: n, onOpenChange: s, children: [
+  return /* @__PURE__ */ g(A.Root, { open: n, onOpenChange: s, children: [
     /* @__PURE__ */ o(
-      S.Trigger,
+      A.Trigger,
       {
-        render: /* @__PURE__ */ o(w.Button, {}),
+        render: /* @__PURE__ */ o(S.Button, {}),
         "aria-label": "Link",
         "data-active": r,
-        className: Zs,
-        onMouseDown: (p) => p.preventDefault(),
-        children: /* @__PURE__ */ o(Us, {})
+        className: ti,
+        onMouseDown: (f) => f.preventDefault(),
+        children: /* @__PURE__ */ o(Zs, {})
       }
     ),
-    /* @__PURE__ */ o(S.Portal, { container: z(), children: /* @__PURE__ */ o(G, { children: /* @__PURE__ */ o(S.Positioner, { sideOffset: 6, align: "end", className: Js, children: /* @__PURE__ */ g(
-      S.Popup,
+    /* @__PURE__ */ o(A.Portal, { container: z(), children: /* @__PURE__ */ o($, { children: /* @__PURE__ */ o(A.Positioner, { sideOffset: 6, align: "end", className: ri, children: /* @__PURE__ */ g(
+      A.Popup,
       {
-        className: Qs,
+        className: ni,
         initialFocus: a,
-        onMouseDown: (p) => p.preventDefault(),
+        onMouseDown: (f) => f.preventDefault(),
         children: [
           /* @__PURE__ */ o(
             "input",
@@ -1041,19 +1041,19 @@ const ti = ({ editor: e, currentUrl: t, isActive: r, isOpen: n, onOpenChange: s
               value: i,
               placeholder: "Type or paste a link...",
               "aria-label": "Link URL",
-              className: ei,
-              onMouseDown: (p) => p.stopPropagation(),
+              className: oi,
+              onMouseDown: (f) => f.stopPropagation(),
               onChange: h,
-              onKeyDown: f
+              onKeyDown: p
             }
           ),
-          /* @__PURE__ */ o("button", { type: "button", "aria-label": "Cancel", className: Ke, onClick: u, children: /* @__PURE__ */ o(Xs, {}) }),
-          /* @__PURE__ */ o("button", { type: "button", "aria-label": "Apply link", className: Ke, onClick: d, children: /* @__PURE__ */ o(js, {}) })
+          /* @__PURE__ */ o("button", { type: "button", "aria-label": "Cancel", className: Ke, onClick: u, children: /* @__PURE__ */ o(Js, {}) }),
+          /* @__PURE__ */ o("button", { type: "button", "aria-label": "Apply link", className: Ke, onClick: d, children: /* @__PURE__ */ o(Ks, {}) })
         ]
       }
     ) }) }) })
   ] });
-}, ri = (e, t) => {
+}, ii = (e, t) => {
   const r = t.trim(), { selection: n } = e.state;
   if (!r) {
     e.chain().focus().extendMarkRange("link").unsetLink().run();
@@ -1067,68 +1067,68 @@ const ti = ({ editor: e, currentUrl: t, isActive: r, isOpen: n, onOpenChange: s
     e.chain().focus().extendMarkRange("link").setLink({ href: r }).run();
     return;
   }
-  const s = Ks(e);
+  const s = ei(e);
   e.chain().focus().setTextSelection(s).setLink({ href: r }).run();
-}, ni = (e) => /* @__PURE__ */ o(I, { ...e, children: /* @__PURE__ */ g("g", { stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
+}, ai = (e) => /* @__PURE__ */ o(R, { ...e, children: /* @__PURE__ */ g("g", { stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
   /* @__PURE__ */ o("path", { d: "M21 5H3" }),
   /* @__PURE__ */ o("path", { d: "M17 12H7" }),
   /* @__PURE__ */ o("path", { d: "M19 19H5" })
-] }) }), oi = (e) => /* @__PURE__ */ o(I, { ...e, children: /* @__PURE__ */ g("g", { stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
+] }) }), li = (e) => /* @__PURE__ */ o(R, { ...e, children: /* @__PURE__ */ g("g", { stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
   /* @__PURE__ */ o("path", { d: "M21 5H3" }),
   /* @__PURE__ */ o("path", { d: "M21 12H9" }),
   /* @__PURE__ */ o("path", { d: "M21 19H7" })
-] }) }), si = (e) => /* @__PURE__ */ o(I, { ...e, children: /* @__PURE__ */ g("g", { stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
+] }) }), ci = (e) => /* @__PURE__ */ o(R, { ...e, children: /* @__PURE__ */ g("g", { stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
   /* @__PURE__ */ o("path", { d: "M21 5H3" }),
   /* @__PURE__ */ o("path", { d: "M15 12H3" }),
   /* @__PURE__ */ o("path", { d: "M17 19H3" })
 ] }) });
-var ii = "k91gos0", ai = "k91gos1";
-const li = 6, q = ({ label: e, isActive: t, onToggle: r, children: n }) => {
+var di = "k91gos0", ui = "k91gos1";
+const hi = 6, X = ({ label: e, isActive: t, onToggle: r, children: n }) => {
   const s = (i) => i.preventDefault();
-  return /* @__PURE__ */ g(V.Root, { children: [
+  return /* @__PURE__ */ g(W.Root, { children: [
     /* @__PURE__ */ o(
-      V.Trigger,
+      W.Trigger,
       {
-        render: /* @__PURE__ */ o(In, { render: /* @__PURE__ */ o(w.Button, {}), pressed: t, onPressedChange: () => r() }),
+        render: /* @__PURE__ */ o(Gn, { render: /* @__PURE__ */ o(S.Button, {}), pressed: t, onPressedChange: () => r() }),
         "aria-label": e,
-        className: ii,
+        className: di,
         onMouseDown: s,
         children: n
       }
     ),
-    /* @__PURE__ */ o(V.Portal, { container: z(), children: /* @__PURE__ */ o(G, { children: /* @__PURE__ */ o(V.Positioner, { sideOffset: li, children: /* @__PURE__ */ o(V.Popup, { className: ai, children: e }) }) }) })
+    /* @__PURE__ */ o(W.Portal, { container: z(), children: /* @__PURE__ */ o($, { children: /* @__PURE__ */ o(W.Positioner, { sideOffset: hi, children: /* @__PURE__ */ o(W.Popup, { className: ui, children: e }) }) }) })
   ] });
-}, ci = ({ editor: e, activeAlignment: t = "left" }) => /* @__PURE__ */ g(_, { children: [
+}, gi = ({ editor: e, activeAlignment: t = "left" }) => /* @__PURE__ */ g(N, { children: [
   /* @__PURE__ */ o(
-    q,
+    X,
     {
       label: "Align left",
       isActive: t === "left",
       onToggle: () => e.chain().focus().setTextAlign("left").run(),
-      children: /* @__PURE__ */ o(si, {})
+      children: /* @__PURE__ */ o(ci, {})
     }
   ),
   /* @__PURE__ */ o(
-    q,
+    X,
     {
       label: "Align center",
       isActive: t === "center",
       onToggle: () => e.chain().focus().setTextAlign("center").run(),
-      children: /* @__PURE__ */ o(ni, {})
+      children: /* @__PURE__ */ o(ai, {})
     }
   ),
   /* @__PURE__ */ o(
-    q,
+    X,
     {
       label: "Align right",
       isActive: t === "right",
       onToggle: () => e.chain().focus().setTextAlign("right").run(),
-      children: /* @__PURE__ */ o(oi, {})
+      children: /* @__PURE__ */ o(li, {})
     }
   )
 ] });
-var di = "_1bp10ig0", J = "_1bp10ig1", ae = "_1bp10ig2";
-const ui = ({ editor: e }) => ({
+var fi = "_1bp10ig0", J = "_1bp10ig1", ae = "_1bp10ig2";
+const pi = ({ editor: e }) => ({
   isBold: e?.isActive("bold") ?? !1,
   isItalic: e?.isActive("italic") ?? !1,
   isUnderline: e?.isActive("underline") ?? !1,
@@ -1136,43 +1136,43 @@ const ui = ({ editor: e }) => ({
   linkUrl: e?.getAttributes("link").href ?? null,
   color: e?.getAttributes("textStyle").color ?? null,
   fontFamily: e?.getAttributes("textStyle").fontFamily ?? null,
-  fontSize: hi(e),
-  textAlign: gi(e)
-}), hi = (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", gi = (e) => e ? e.isActive({ textAlign: "center" }) ? "center" : e.isActive({ textAlign: "right" }) ? "right" : "left" : "left", fi = 8, pi = 8, mi = ({ editor: e }) => {
-  const [t, r] = F(!1), [n, s] = F(null), i = n !== null, l = (m) => (v) => {
-    s(v ? m : null);
+  fontSize: mi(e),
+  textAlign: yi(e)
+}), mi = (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", yi = (e) => e ? e.isActive({ textAlign: "center" }) ? "center" : e.isActive({ textAlign: "right" }) ? "right" : "left" : "left", vi = 8, bi = 8, xi = ({ editor: e }) => {
+  const [t, r] = P(!1), [n, s] = P(null), i = n !== null, l = (v) => (y) => {
+    s(y ? v : null);
   }, { refs: a, floatingStyles: d } = Pe({
     placement: "top-start",
     strategy: "fixed",
-    middleware: [De(fi), Oe(), Be({ padding: pi })],
-    whileElementsMounted: An
-  }), u = N(null), h = _n({
+    middleware: [De(vi), Oe(), Be({ padding: bi })],
+    whileElementsMounted: Nn
+  }), u = F(null), h = Dn({
     editor: e,
-    selector: ui
-  }), f = dt(
-    (m) => {
-      u.current = m, a.setFloating(m);
+    selector: pi
+  }), p = gt(
+    (v) => {
+      u.current = v, a.setFloating(v);
     },
     [a]
   );
-  if (E(() => {
+  if (_(() => {
     e && a.setReference(e.view.dom);
-  }, [e, a]), E(() => {
+  }, [e, a]), _(() => {
     if (!e) return;
-    const m = () => r(!0), v = ({ event: x }) => {
-      const { relatedTarget: C, currentTarget: b } = x, D = C instanceof Node && u.current?.contains(C), X = C instanceof Node && b instanceof Node && b.contains(C);
-      !D && !X && r(!1);
+    const v = () => r(!0), y = ({ event: m }) => {
+      const { relatedTarget: x, currentTarget: k } = m, w = x instanceof Node && u.current?.contains(x), O = x instanceof Node && k instanceof Node && k.contains(x);
+      !w && !O && r(!1);
     };
-    return e.on("focus", m), e.on("blur", v), () => {
-      e.off("focus", m), e.off("blur", v);
+    return e.on("focus", v), e.on("blur", y), () => {
+      e.off("focus", v), e.off("blur", y);
     };
   }, [e]), !e || !t && !i) return null;
-  const p = z();
-  return p ? Pn(
-    /* @__PURE__ */ o(G, { children: /* @__PURE__ */ o(V.Provider, { children: /* @__PURE__ */ g(w.Root, { ref: f, className: di, style: d, children: [
-      /* @__PURE__ */ g(w.Group, { className: J, children: [
+  const f = z();
+  return f ? In(
+    /* @__PURE__ */ o($, { children: /* @__PURE__ */ o(W.Provider, { children: /* @__PURE__ */ g(S.Root, { ref: p, className: fi, style: d, children: [
+      /* @__PURE__ */ g(S.Group, { className: J, children: [
         /* @__PURE__ */ o(
-          Ns,
+          Os,
           {
             editor: e,
             currentColor: h?.color ?? null,
@@ -1181,7 +1181,7 @@ const ui = ({ editor: e }) => ({
           }
         ),
         /* @__PURE__ */ o(
-          $s,
+          Xs,
           {
             editor: e,
             currentFontFamily: h?.fontFamily ?? null,
@@ -1190,9 +1190,9 @@ const ui = ({ editor: e }) => ({
           }
         )
       ] }),
-      /* @__PURE__ */ o(w.Separator, { className: ae }),
-      /* @__PURE__ */ o(w.Group, { className: J, children: /* @__PURE__ */ o(
-        Vs,
+      /* @__PURE__ */ o(S.Separator, { className: ae }),
+      /* @__PURE__ */ o(S.Group, { className: J, children: /* @__PURE__ */ o(
+        js,
         {
           editor: e,
           activeStyle: h?.fontSize ?? "text",
@@ -1200,10 +1200,10 @@ const ui = ({ editor: e }) => ({
           onOpenChange: l("fontSize")
         }
       ) }),
-      /* @__PURE__ */ o(w.Separator, { className: ae }),
-      /* @__PURE__ */ g(w.Group, { className: J, children: [
+      /* @__PURE__ */ o(S.Separator, { className: ae }),
+      /* @__PURE__ */ g(S.Group, { className: J, children: [
         /* @__PURE__ */ o(
-          q,
+          X,
           {
             label: "Bold",
             isActive: h?.isBold ?? !1,
@@ -1212,7 +1212,7 @@ const ui = ({ editor: e }) => ({
           }
         ),
         /* @__PURE__ */ o(
-          q,
+          X,
           {
             label: "Italic",
             isActive: h?.isItalic ?? !1,
@@ -1221,7 +1221,7 @@ const ui = ({ editor: e }) => ({
           }
         ),
         /* @__PURE__ */ o(
-          q,
+          X,
           {
             label: "Underline",
             isActive: h?.isUnderline ?? !1,
@@ -1230,11 +1230,11 @@ const ui = ({ editor: e }) => ({
           }
         )
       ] }),
-      /* @__PURE__ */ o(w.Separator, { className: ae }),
-      /* @__PURE__ */ o(w.Group, { className: J, children: /* @__PURE__ */ o(ci, { editor: e, activeAlignment: h?.textAlign }) }),
-      /* @__PURE__ */ o(w.Separator, { className: ae }),
-      /* @__PURE__ */ o(w.Group, { className: J, children: /* @__PURE__ */ o(
-        ti,
+      /* @__PURE__ */ o(S.Separator, { className: ae }),
+      /* @__PURE__ */ o(S.Group, { className: J, children: /* @__PURE__ */ o(gi, { editor: e, activeAlignment: h?.textAlign }) }),
+      /* @__PURE__ */ o(S.Separator, { className: ae }),
+      /* @__PURE__ */ o(S.Group, { className: J, children: /* @__PURE__ */ o(
+        si,
         {
           editor: e,
           currentUrl: h?.linkUrl ?? null,
@@ -1244,19 +1244,19 @@ const ui = ({ editor: e }) => ({
         }
       ) })
     ] }) }) }),
-    p
+    f
   ) : null;
 };
-var vi = "_2ngohc0";
-const yr = ({ editor: e, ariaLabel: t }) => /* @__PURE__ */ g("div", { className: vi, children: [
-  /* @__PURE__ */ o(mi, { editor: e }),
-  /* @__PURE__ */ o(Nn, { editor: e, "aria-label": t })
-] }), yi = (e, t) => {
-  const r = N(e);
+var ki = "_2ngohc0";
+const kr = ({ editor: e, ariaLabel: t }) => /* @__PURE__ */ g("div", { className: ki, children: [
+  /* @__PURE__ */ o(xi, { editor: e }),
+  /* @__PURE__ */ o(On, { editor: e, "aria-label": t })
+] }), Ci = (e, t) => {
+  const r = F(e);
   r.current = e;
-  const n = N(t);
+  const n = F(t);
   n.current = t;
-  const s = N(null), i = N(null), l = y(() => {
+  const s = F(null), i = F(null), l = b(() => {
     const a = () => {
       i.current !== null && (clearTimeout(i.current), i.current = null), s.current = null;
     }, d = () => {
@@ -1272,43 +1272,43 @@ const yr = ({ editor: e, ariaLabel: t }) => /* @__PURE__ */ g("div", { className
       s.current = h, i.current !== null && clearTimeout(i.current), i.current = setTimeout(d, n.current);
     }, flush: d, cancel: a };
   }, []);
-  return E(() => () => {
+  return _(() => () => {
     i.current !== null && clearTimeout(i.current);
   }, []), l;
-}, bi = 200, br = ({
+}, Ti = 200, Cr = ({
   content: e,
   extensions: t,
   isEditable: r,
   onUpdate: n,
-  updateDebounceMs: s = bi
+  updateDebounceMs: s = Ti
 }) => {
-  const i = N(Ze(e)), l = N(!1), a = yi((u) => {
+  const i = F(Ze(e)), l = F(!1), a = Ci((u) => {
     l.current = !0, n?.(u);
-  }, s), d = Fn({
+  }, s), d = Bn({
     extensions: t,
     content: i.current,
     editable: r,
     immediatelyRender: !1,
     onUpdate: ({ editor: u }) => a.run(u.getJSON())
   });
-  return E(() => {
+  return _(() => {
     d?.setEditable(r);
-  }, [d, r]), E(() => {
+  }, [d, r]), _(() => {
     if (!d) return;
     if (l.current) {
       l.current = !1;
       return;
     }
     const u = Ze(e), h = d.getJSON();
-    xi(h, u) || (a.cancel(), d.commands.setContent(u, { emitUpdate: !1 }));
-  }, [d, e, a]), E(() => () => a.flush(), [a]), d;
-}, Ze = (e) => e === null ? { type: "doc", content: [] } : typeof e == "string" ? { type: "doc", content: [{ type: "paragraph", content: e ? [{ type: "text", text: e }] : [] }] } : e, xi = (e, t) => JSON.stringify(e) === JSON.stringify(t), ki = /^(?:https?:|mailto:)/i, xr = (e) => {
+    wi(h, u) || (a.cancel(), d.commands.setContent(u, { emitUpdate: !1 }));
+  }, [d, e, a]), _(() => () => a.flush(), [a]), d;
+}, Ze = (e) => e === null ? { type: "doc", content: [] } : typeof e == "string" ? { type: "doc", content: [{ type: "paragraph", content: e ? [{ type: "text", text: e }] : [] }] } : e, wi = (e, t) => JSON.stringify(e) === JSON.stringify(t), Si = /^(?:https?:|mailto:)/i, Tr = (e) => {
   if (typeof e != "string") return !1;
   const t = e.replace(/^[\x00-\x20]+/, "");
-  return t.length === 0 ? !1 : ki.test(t);
+  return t.length === 0 ? !1 : Si.test(t);
 };
-var Ci = "_1cocly40";
-const Ti = {
+var Ai = "_1cocly40";
+const Li = {
   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",
@@ -1316,22 +1316,22 @@ const Ti = {
   handwritten: "'Permanent Marker', cursive",
   fineliner: "'Intruding Cat', cursive",
   brand: "var(--brand-font-family), 'Aeonik', 'Inter', sans-serif"
-}, de = ({ content: e }) => /* @__PURE__ */ o(_, { children: kr(e.content ?? [e]) }), kr = (e) => e.map((t, r) => wi(t, r)), wi = (e, t) => {
+}, de = ({ content: e }) => /* @__PURE__ */ o(N, { children: wr(e.content ?? [e]) }), wr = (e) => e.map((t, r) => _i(t, r)), _i = (e, t) => {
   if (e.type === "text")
-    return Si(e, t);
+    return Ei(e, t);
   if (e.type === "hardBreak" || e.type === "hard_break")
     return /* @__PURE__ */ o("br", {}, t);
-  const r = e.content ? kr(e.content) : null;
+  const r = e.content ? wr(e.content) : null;
   switch (e.type) {
     case "doc":
-      return /* @__PURE__ */ o(ht, { children: r }, t);
+      return /* @__PURE__ */ o(pt, { children: r }, t);
     case "heading": {
-      const n = _i(e.attrs?.level);
-      return Ni(n, t, r, Qe(e.attrs));
+      const n = Di(e.attrs?.level);
+      return Oi(n, t, r, Qe(e.attrs));
     }
     case "paragraph": {
-      const n = U(e.attrs?.variant);
-      return /* @__PURE__ */ o("p", { "data-variant": n ?? void 0, style: Cr(Qe(e.attrs)), children: r }, t);
+      const n = Y(e.attrs?.variant);
+      return /* @__PURE__ */ o("p", { "data-variant": n ?? void 0, style: Sr(Qe(e.attrs)), children: r }, t);
     }
     case "blockquote":
       return /* @__PURE__ */ o("blockquote", { children: r }, t);
@@ -1347,10 +1347,10 @@ const Ti = {
     default:
       return /* @__PURE__ */ o("span", { children: r }, t);
   }
-}, Si = (e, t) => {
+}, Ei = (e, t) => {
   const r = e.text ?? "";
-  return !e.marks || e.marks.length === 0 ? /* @__PURE__ */ o("span", { children: r }, t) : e.marks.reduceRight((n, s, i) => Ai(s, n, `${t}-${i}`), r);
-}, Ai = (e, t, r) => {
+  return !e.marks || e.marks.length === 0 ? /* @__PURE__ */ o("span", { children: r }, t) : e.marks.reduceRight((n, s, i) => Ni(s, n, `${t}-${i}`), r);
+}, Ni = (e, t, r) => {
   switch (e.type) {
     case "bold":
     case "strong":
@@ -1367,30 +1367,30 @@ const Ti = {
     case "code":
       return /* @__PURE__ */ o("code", { children: t }, r);
     case "link": {
-      const n = U(e.attrs?.href);
-      return xr(n) ? /* @__PURE__ */ o("a", { className: Ci, href: n, rel: "noopener noreferrer", target: "_blank", children: t }, r) : /* @__PURE__ */ o("span", { children: t }, r);
+      const n = Y(e.attrs?.href);
+      return Tr(n) ? /* @__PURE__ */ o("a", { className: Ai, href: n, rel: "noopener noreferrer", target: "_blank", children: t }, r) : /* @__PURE__ */ o("span", { children: t }, r);
     }
     case "textStyle": {
-      const n = Ei(e.attrs);
+      const n = Fi(e.attrs);
       return n ? /* @__PURE__ */ o("span", { style: n, children: t }, r) : /* @__PURE__ */ o("span", { children: t }, r);
     }
     default:
       return /* @__PURE__ */ o("span", { children: t }, r);
   }
 }, Je = (e) => {
-  const t = U(e && typeof e == "object" ? e.fontFamily : e);
+  const t = Y(e && typeof e == "object" ? e.fontFamily : e);
   if (t)
-    return Ti[t] ?? t;
-}, Ei = (e) => {
+    return Li[t] ?? t;
+}, Fi = (e) => {
   if (!e) return null;
-  const t = {}, r = U(e.color);
+  const t = {}, r = Y(e.color);
   r && (t.color = r);
   const n = Je(e.font) ?? Je(e.fontFamily);
   n && (t.fontFamily = n);
-  const s = Li(e.fontSize);
+  const s = Pi(e.fontSize);
   return s && (t.fontSize = s), Object.keys(t).length > 0 ? t : null;
-}, Li = (e) => typeof e == "number" && Number.isFinite(e) ? `${e / 10}em` : U(e), U = (e) => typeof e == "string" && e.length > 0 ? e : void 0, _i = (e) => typeof e != "number" ? 3 : e < 1 ? 1 : e > 3 ? 3 : Math.round(e), Ni = (e, t, r, n) => {
-  const s = Cr(n);
+}, Pi = (e) => typeof e == "number" && Number.isFinite(e) ? `${e / 10}em` : Y(e), Y = (e) => typeof e == "string" && e.length > 0 ? e : void 0, Di = (e) => typeof e != "number" ? 3 : e < 1 ? 1 : e > 3 ? 3 : Math.round(e), Oi = (e, t, r, n) => {
+  const s = Sr(n);
   switch (e) {
     case 1:
       return /* @__PURE__ */ o("h1", { style: s, children: r }, t);
@@ -1402,83 +1402,83 @@ const Ti = {
 }, Qe = (e) => {
   const t = e?.textAlign;
   if (t === "left" || t === "right" || t === "center" || t === "justify") return t;
-}, Cr = (e) => e ? { textAlign: e } : void 0;
-var Fi = "_4dlrid0", Tr = "_4dlrid1", Pi = "xfz7dq0", Di = "xfz7dq1", Oi = "xfz7dq2", Bi = "xfz7dq3", Ii = "xfz7dq4";
-const Ri = ({ ref: e, footerRect: t, mode: r = "readonly" }) => {
-  const { caption: n, isCaptionVisible: s, source: i, isSourceVisible: l } = A(
-    P((h) => ({
+}, Sr = (e) => e ? { textAlign: e } : void 0;
+var Bi = "_4dlrid0", Ar = "_4dlrid1", Ii = "xfz7dq0", Ri = "xfz7dq1", Hi = "xfz7dq2", Mi = "xfz7dq3", Gi = "xfz7dq4";
+const $i = ({ ref: e, footerRect: t, mode: r = "readonly" }) => {
+  const { caption: n, isCaptionVisible: s, source: i, isSourceVisible: l } = L(
+    D((h) => ({
       caption: h.config.content.caption,
       isCaptionVisible: h.config.content.isCaptionVisible,
       source: h.config.content.source,
       isSourceVisible: h.config.content.isSourceVisible
     }))
-  ), a = r === "editable", d = s && (a || n !== null), u = l && i !== null && zi(i);
+  ), a = r === "editable", d = s && (a || n !== null), u = l && i !== null && qi(i);
   return !d && !u ? null : /* @__PURE__ */ g(
     "div",
     {
       ref: e,
-      className: Pi,
+      className: Ii,
       style: {
         left: t.x,
         top: t.y,
         width: t.width
       },
       children: [
-        d ? a ? /* @__PURE__ */ o($i, { caption: n }) : /* @__PURE__ */ o(Hi, { caption: n }) : null,
-        u && /* @__PURE__ */ o(Mi, { source: i })
+        d ? a ? /* @__PURE__ */ o(Xi, { caption: n }) : /* @__PURE__ */ o(zi, { caption: n }) : null,
+        u && /* @__PURE__ */ o(Vi, { source: i })
       ]
     }
   );
-}, Hi = ({ caption: e }) => e === null ? null : typeof e == "string" ? /* @__PURE__ */ o("p", { className: Tr, children: e }) : /* @__PURE__ */ o(de, { content: e }), Mi = ({ source: e }) => {
-  const t = xr(e.url) ? e.url : void 0, r = e.label ?? (t !== void 0 ? Gi(t) : "");
-  return r === "" && t === void 0 ? null : /* @__PURE__ */ g("div", { className: Di, children: [
-    /* @__PURE__ */ o("span", { className: Bi, children: "Source:" }),
-    t !== void 0 ? /* @__PURE__ */ o("a", { className: Oi, href: t, target: "_blank", rel: "noopener noreferrer", children: r }) : /* @__PURE__ */ o("span", { className: Ii, children: r })
+}, zi = ({ caption: e }) => e === null ? null : typeof e == "string" ? /* @__PURE__ */ o("p", { className: Ar, children: e }) : /* @__PURE__ */ o(de, { content: e }), Vi = ({ source: e }) => {
+  const t = Tr(e.url) ? e.url : void 0, r = e.label ?? (t !== void 0 ? Wi(t) : "");
+  return r === "" && t === void 0 ? null : /* @__PURE__ */ g("div", { className: Ri, children: [
+    /* @__PURE__ */ o("span", { className: Mi, children: "Source:" }),
+    t !== void 0 ? /* @__PURE__ */ o("a", { className: Hi, href: t, target: "_blank", rel: "noopener noreferrer", children: r }) : /* @__PURE__ */ o("span", { className: Gi, children: r })
   ] });
-}, Gi = (e) => {
+}, Wi = (e) => {
   try {
     return new URL(e).hostname;
   } catch {
     return e;
   }
-}, zi = (e) => e.label !== void 0 && e.label !== "" || e.url !== void 0 && e.url !== "", $i = ({ caption: e }) => {
-  const t = yt(), r = y(() => Vo({ placeholder: "Add caption" }), []), n = br({
+}, qi = (e) => e.label !== void 0 && e.label !== "" || e.url !== void 0 && e.url !== "", Xi = ({ caption: e }) => {
+  const t = kt(), r = b(() => jo({ placeholder: "Add caption" }), []), n = Cr({
     content: e,
     extensions: r,
     isEditable: !0,
     onUpdate: (s) => {
-      const i = Ys(s) ? null : s;
-      t(new jr({ caption: i }));
+      const i = Qs(s) ? null : s;
+      t(new Kr({ caption: i }));
     }
   });
-  return /* @__PURE__ */ o(yr, { editor: n, ariaLabel: "Chart caption" });
+  return /* @__PURE__ */ o(kr, { editor: n, ariaLabel: "Chart caption" });
 };
-var Vi = "_1k4qtbg0";
-const Wi = 3, qi = ({
+var ji = "_1k4qtbg0";
+const Yi = 3, Ui = ({
   title: e,
   isTitleVisible: t,
   subtitle: r,
   isSubtitleVisible: n
 }) => {
   const s = [];
-  return t && s.push({ type: "heading", attrs: { level: Wi }, content: Ui(e) }), n && s.push(...Xi(r)), { type: "doc", content: s };
-}, ji = (e) => {
+  return t && s.push({ type: "heading", attrs: { level: Yi }, content: Zi(e) }), n && s.push(...Ji(r)), { type: "doc", content: s };
+}, Ki = (e) => {
   const t = e.content ?? [], [r, ...n] = t;
   return {
-    title: Yi(r?.content ?? []),
-    subtitle: Ki(n)
+    title: Qi(r?.content ?? []),
+    subtitle: ea(n)
   };
-}, ze = (e) => ({
+}, $e = (e) => ({
   type: e.type ?? "text",
-  ...e.content !== void 0 ? { content: e.content.map(ze) } : {},
+  ...e.content !== void 0 ? { content: e.content.map($e) } : {},
   ...e.text !== void 0 ? { text: e.text } : {},
   ...e.marks !== void 0 ? { marks: e.marks } : {},
   ...e.attrs !== void 0 ? { attrs: e.attrs } : {}
-}), Ui = (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 ?? [], Xi = (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(et) : [et(e)], et = (e) => e.type === "paragraph" ? e : { type: "paragraph", content: e.content ?? [e] }, Yi = (e) => {
+}), Zi = (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 ?? [], Ji = (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(et) : [et(e)], et = (e) => e.type === "paragraph" ? e : { type: "paragraph", content: e.content ?? [e] }, Qi = (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(ze) };
-}, Ki = (e) => {
+  return t && e.length === 1 && t.type === "text" && (!t.marks || t.marks.length === 0) ? t.text ?? null : { type: "paragraph", content: e.map($e) };
+}, ea = (e) => {
   const t = e.filter((n) => (n.content ?? []).length > 0);
   if (t.length === 0) return null;
   const [r] = t;
@@ -1487,10 +1487,10 @@ const Wi = 3, qi = ({
     if (s && n.length === 1 && s.type === "text" && (!s.marks || s.marks.length === 0))
       return s.text ?? null;
   }
-  return { type: "doc", content: t.map(ze) };
-}, Zi = ({ ref: e, headerRect: t, mode: r = "readonly" }) => {
-  const { title: n, isTitleVisible: s, subtitle: i, isSubtitleVisible: l } = A(
-    P((h) => ({
+  return { type: "doc", content: t.map($e) };
+}, ta = ({ ref: e, headerRect: t, mode: r = "readonly" }) => {
+  const { title: n, isTitleVisible: s, subtitle: i, isSubtitleVisible: l } = L(
+    D((h) => ({
       isTitleVisible: h.config.content.isTitleVisible,
       isSubtitleVisible: h.config.content.isSubtitleVisible,
       title: h.config.content.title,
@@ -1501,14 +1501,14 @@ const Wi = 3, qi = ({
     "div",
     {
       ref: e,
-      className: Vi,
+      className: ji,
       style: {
         left: t.x,
         top: t.y,
         width: t.width
       },
       children: a ? /* @__PURE__ */ o(
-        Qi,
+        na,
         {
           title: n,
           isTitleVisible: s,
@@ -1517,7 +1517,7 @@ const Wi = 3, qi = ({
         },
         [s ? "title" : "", l ? "subtitle" : ""].join("-")
       ) : /* @__PURE__ */ o(
-        Ji,
+        ra,
         {
           title: n,
           isTitleVisible: s,
@@ -1527,107 +1527,107 @@ const Wi = 3, qi = ({
       )
     }
   );
-}, Ji = ({
+}, ra = ({
   title: e,
   isTitleVisible: t,
   isSubtitleVisible: r,
   subtitle: n
-}) => /* @__PURE__ */ g(_, { children: [
-  t && e !== null && (typeof e == "string" ? /* @__PURE__ */ o("h1", { className: Fi, children: e }) : /* @__PURE__ */ o(de, { content: e })),
-  r && n !== null && (typeof n == "string" ? /* @__PURE__ */ o("p", { className: Tr, children: n }) : /* @__PURE__ */ o(de, { content: n }))
-] }), Qi = ({
+}) => /* @__PURE__ */ g(N, { children: [
+  t && e !== null && (typeof e == "string" ? /* @__PURE__ */ o("h1", { className: Bi, children: e }) : /* @__PURE__ */ o(de, { content: e })),
+  r && n !== null && (typeof n == "string" ? /* @__PURE__ */ o("p", { className: Ar, children: n }) : /* @__PURE__ */ o(de, { content: n }))
+] }), na = ({
   title: e,
   isTitleVisible: t,
   isSubtitleVisible: r,
   subtitle: n
 }) => {
-  const s = yt(), i = y(
-    () => $o({
+  const s = kt(), i = b(
+    () => Xo({
       titlePlaceholder: "Untitled",
       subtitlePlaceholder: "Untitled",
       isTitleVisible: t,
       isSubtitleVisible: r
     }),
     [t, r]
-  ), l = y(
-    () => qi({ title: e, isTitleVisible: t, subtitle: n, isSubtitleVisible: r }),
+  ), l = b(
+    () => Ui({ title: e, isTitleVisible: t, subtitle: n, isSubtitleVisible: r }),
     [e, t, n, r]
-  ), a = br({
+  ), a = Cr({
     content: l,
     extensions: i,
     isEditable: !0,
     onUpdate: (d) => {
-      const u = ji(d);
-      t && s(new Ur({ title: u.title })), r && s(new Xr({ subtitle: u.subtitle }));
+      const u = Ki(d);
+      t && s(new Zr({ title: u.title })), r && s(new Jr({ subtitle: u.subtitle }));
     }
   });
-  return /* @__PURE__ */ o(yr, { editor: a, ariaLabel: "Chart title and subtitle" });
+  return /* @__PURE__ */ o(kr, { editor: a, ariaLabel: "Chart title and subtitle" });
 };
-var ea = "_1u9qprb0", ta = "_1u9qprb1", ra = "_9aen060", na = "_9aen061", oa = "_9aen062", wr = "_9aen063";
-const sa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+var oa = "_1u9qprb0", sa = "_1u9qprb1", ia = "_9aen060", aa = "_9aen061", la = "_9aen062", Lr = "_9aen063";
+const ca = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  groupRow: oa,
-  item: wr,
-  trendRow: na,
-  valueRow: ra
-}, Symbol.toStringTag, { value: "Module" })), ia = (e) => /* @__PURE__ */ o(I, { ...e, children: /* @__PURE__ */ g("g", { stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
+  groupRow: la,
+  item: Lr,
+  trendRow: aa,
+  valueRow: ia
+}, Symbol.toStringTag, { value: "Module" })), da = (e) => /* @__PURE__ */ o(R, { ...e, children: /* @__PURE__ */ g("g", { stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
   /* @__PURE__ */ o("path", { d: "m5 12 7-7 7 7" }),
   /* @__PURE__ */ o("path", { d: "M12 19V5" })
-] }) }), aa = (e) => /* @__PURE__ */ o(I, { ...e, children: /* @__PURE__ */ o("g", { stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ o("path", { d: "M5 12h14" }) }) });
-var Sr = "n7clvo0", la = "n7clvo1", ca = "n7clvo2", da = "n7clvo3", Ar = { small: "n7clvo4", medium: "n7clvo5", large: "n7clvo6" }, ua = { small: "n7clvo7", medium: "n7clvo8", large: "n7clvo9" }, ha = { up: "n7clvoa", down: "n7clvob", flat: "n7clvoc" }, ga = { up: "n7clvoe n7clvod", down: "n7clvof n7clvod", flat: "n7clvog n7clvod" };
-const fa = ({ segment: e, resolvedSize: t }) => {
+] }) }), ua = (e) => /* @__PURE__ */ o(R, { ...e, children: /* @__PURE__ */ o("g", { stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ o("path", { d: "M5 12h14" }) }) });
+var _r = "n7clvo0", ha = "n7clvo1", ga = "n7clvo2", fa = "n7clvo3", Er = { small: "n7clvo4", medium: "n7clvo5", large: "n7clvo6" }, pa = { small: "n7clvo7", medium: "n7clvo8", large: "n7clvo9" }, ma = { up: "n7clvoa", down: "n7clvob", flat: "n7clvoc" }, ya = { up: "n7clvoe n7clvod", down: "n7clvof n7clvod", flat: "n7clvog n7clvod" };
+const va = ({ segment: e, resolvedSize: t }) => {
   if (e.kind === "swatch")
-    return /* @__PURE__ */ o(bt, { shape: e.swatch.shape, color: e.swatch.color, width: e.size, height: e.size });
+    return /* @__PURE__ */ o(Ct, { shape: e.swatch.shape, color: e.swatch.color, width: e.size, height: e.size });
   if (e.kind === "trendArrow")
-    return /* @__PURE__ */ o("div", { className: ga[e.direction], children: e.direction === "flat" ? /* @__PURE__ */ o(aa, { size: "xs", title: "" }) : /* @__PURE__ */ o(ia, { size: "xs", title: "" }) });
-  const r = e.fontRole === "value" ? Ar[t] : ua[t];
-  return /* @__PURE__ */ o("span", { className: W(pa(e), r), children: e.text });
-}, pa = (e) => {
+    return /* @__PURE__ */ o("div", { className: ya[e.direction], children: e.direction === "flat" ? /* @__PURE__ */ o(ua, { size: "xs", title: "" }) : /* @__PURE__ */ o(da, { size: "xs", title: "" }) });
+  const r = e.fontRole === "value" ? Er[t] : pa[t];
+  return /* @__PURE__ */ o("span", { className: q(ba(e), r), children: e.text });
+}, ba = (e) => {
   switch (e.textRole) {
     case "value":
-      return Sr;
+      return _r;
     case "observation":
-      return la;
+      return ha;
     case "trendPercentage":
-      return ha[e.trendDirection ?? "up"];
+      return ma[e.trendDirection ?? "up"];
     case "trendReference":
-      return ca;
+      return ga;
     case "label":
-      return da;
+      return fa;
   }
-}, ma = ({ item: e, resolvedSize: t }) => /* @__PURE__ */ o("div", { className: wr, children: Gt(e).map((r) => /* @__PURE__ */ o(va, { row: r, resolvedSize: t }, r.role)) }), va = ({ row: e, resolvedSize: t }) => {
+}, xa = ({ item: e, resolvedSize: t }) => /* @__PURE__ */ o("div", { className: Lr, children: Vt(e).map((r) => /* @__PURE__ */ o(ka, { row: r, resolvedSize: t }, r.role)) }), ka = ({ row: e, resolvedSize: t }) => {
   const r = e.role === "trendRow";
   return /* @__PURE__ */ o(
     "div",
     {
-      className: sa[e.role],
+      className: ca[e.role],
       "data-testid": r ? "headline-trend" : void 0,
-      "data-direction": r ? ya(e) : void 0,
+      "data-direction": r ? Ca(e) : void 0,
       role: r ? "img" : void 0,
       "aria-label": r ? e.ariaLabel : void 0,
-      children: e.segments.map((n, s) => /* @__PURE__ */ o(fa, { segment: n, resolvedSize: t }, s))
+      children: e.segments.map((n, s) => /* @__PURE__ */ o(va, { segment: n, resolvedSize: t }, s))
     }
   );
-}, ya = (e) => {
+}, Ca = (e) => {
   const t = e.segments.find((r) => r.kind === "trendArrow");
   return t?.kind === "trendArrow" ? t.direction : void 0;
-}, ba = ({ headline: e, rect: t, resolvedSize: r, visibleItemCount: n }) => {
+}, Ta = ({ headline: e, rect: t, resolvedSize: r, visibleItemCount: n }) => {
   const s = {
     left: t.x,
     top: t.y,
     width: t.width,
     height: t.height
   };
-  return e.kind === "grandTotal" ? /* @__PURE__ */ o("div", { className: ta, style: s, children: /* @__PURE__ */ o("span", { className: W(Sr, Ar[r]), children: e.value }) }) : /* @__PURE__ */ o("div", { className: ea, style: s, children: e.items.slice(0, n).map((i, l) => /* @__PURE__ */ o(ma, { item: i, resolvedSize: r }, `${i.label}-${l}`)) });
+  return e.kind === "grandTotal" ? /* @__PURE__ */ o("div", { className: sa, style: s, children: /* @__PURE__ */ o("span", { className: q(_r, Er[r]), children: e.value }) }) : /* @__PURE__ */ o("div", { className: oa, style: s, children: e.items.slice(0, n).map((i, l) => /* @__PURE__ */ o(xa, { item: i, resolvedSize: r }, `${i.label}-${l}`)) });
 };
-var xa = "_1oj6yix0", ka = "_1oj6yix1", Ca = "_1oj6yix2";
-const Ta = 8, wa = 16, Sa = 2, Aa = ({ legends: e, containerRect: t, textScale: r }) => {
-  const { lineBoxHeight: n } = Jt(r), { placements: s, hasOverlap: i } = Ea(e, t, n);
+var wa = "_1oj6yix0", Sa = "_1oj6yix1", Aa = "_1oj6yix2";
+const La = 8, _a = 16, Ea = 2, Na = ({ legends: e, containerRect: t, textScale: r }) => {
+  const { lineBoxHeight: n } = tr(r), { placements: s, hasOverlap: i } = Fa(e, t, n);
   if (s.length === 0) return null;
-  const l = i ? wa : Ta, a = l - Sa;
-  return /* @__PURE__ */ g("div", { className: xa, children: [
-    i && /* @__PURE__ */ o("svg", { className: ka, width: t.width, height: t.height, children: s.map((d) => /* @__PURE__ */ o(
-      La,
+  const l = i ? _a : La, a = l - Ea;
+  return /* @__PURE__ */ g("div", { className: wa, children: [
+    i && /* @__PURE__ */ o("svg", { className: Sa, width: t.width, height: t.height, children: s.map((d) => /* @__PURE__ */ o(
+      Pa,
       {
         anchorY: d.anchorY,
         labelY: d.y,
@@ -1639,14 +1639,14 @@ const Ta = 8, wa = 16, Sa = 2, Aa = ({ legends: e, containerRect: t, textScale:
     s.map((d) => /* @__PURE__ */ o(
       "span",
       {
-        className: Ca,
+        className: Aa,
         style: { left: l, top: d.y, color: d.payload.color },
         children: d.payload.label
       },
       d.payload.key
     ))
   ] });
-}, Ea = (e, t, r) => y(() => {
+}, Fa = (e, t, r) => b(() => {
   const n = [];
   for (const s of e)
     for (const i of s.items) {
@@ -1657,12 +1657,12 @@ const Ta = 8, wa = 16, Sa = 2, Aa = ({ legends: e, containerRect: t, textScale:
         payload: { key: String(n.length), label: i.formattedLabel, color: l }
       });
     }
-  return n.length === 0 || t.height <= 0 ? { placements: [], hasOverlap: !1 } : Yr({
+  return n.length === 0 || t.height <= 0 ? { placements: [], hasOverlap: !1 } : Qr({
     items: n,
     containerHeight: t.height,
     labelHeight: r
   });
-}, [e, t.height, r]), La = ({ anchorY: e, labelY: t, endX: r, color: n }) => {
+}, [e, t.height, r]), Pa = ({ anchorY: e, labelY: t, endX: r, color: n }) => {
   const s = r / 2;
   return /* @__PURE__ */ o(
     "path",
@@ -1675,8 +1675,8 @@ const Ta = 8, wa = 16, Sa = 2, Aa = ({ legends: e, containerRect: t, textScale:
     }
   );
 };
-var _a = "_6a636s0", Na = "_1kjk02r0", Fa = "_1kjk02r1", Pa = "_1kjk02r2", Da = "_1kjk02r3", Oa = "_1kjk02r4", Ba = "_1kjk02r5", Ia = "_1kjk02r6", Ra = "_1kjk02r7", Ha = "_1kjk02r8", Ma = "_1kjk02r9", Ga = "_1kjk02ra", za = "_1kjk02rb", $a = "_1dw9dgx0";
-const Va = "#9ca3af", ye = "\0", Wa = (e) => {
+var Da = "_6a636s0", Oa = "_1kjk02r0", Ba = "_1kjk02r1", Ia = "_1kjk02r2", Ra = "_1kjk02r3", Ha = "_1kjk02r4", Ma = "_1kjk02r5", Ga = "_1kjk02r6", $a = "_1kjk02r7", za = "_1kjk02r8", Va = "_1kjk02r9", Wa = "_1kjk02ra", qa = "_1kjk02rb", Xa = "_1dw9dgx0";
+const ja = "#9ca3af", ve = "\0", Ya = (e) => {
   const t = [];
   return e.forEach((r, n) => {
     const s = r.aesthetics.includes("size");
@@ -1685,9 +1685,9 @@ const Va = "#9ca3af", ye = "\0", Wa = (e) => {
         const u = Number(i.visual.size);
         if (!Number.isFinite(u) || u <= 0) continue;
       }
-      const l = i.visual.color ?? "", a = s ? `${ye}${Number(i.visual.size)}` : "", d = i.visual.lineType;
+      const l = i.visual.color ?? "", a = s ? `${ve}${Number(i.visual.size)}` : "", d = i.visual.lineType;
       t.push({
-        key: `${n}${ye}${String(i.value)}${ye}${l}${a}`,
+        key: `${n}${ve}${String(i.value)}${ve}${l}${a}`,
         formattedLabel: i.formattedLabel,
         visual: i.visual,
         swatchShape: i.swatchShape,
@@ -1696,64 +1696,64 @@ const Va = "#9ca3af", ye = "\0", Wa = (e) => {
       });
     }
   }), t;
-}, Er = ({ pill: e }) => e.isBubble ? /* @__PURE__ */ o(Ua, { pill: e }) : /* @__PURE__ */ o(ja, { pill: e }), qa = ({ color: e, lineType: t, shape: r }) => e ? /* @__PURE__ */ o(bt, { shape: r, color: e, lineType: t, width: Vt, height: Re }) : null, ja = ({ pill: e }) => /* @__PURE__ */ g(_, { children: [
-  /* @__PURE__ */ o(qa, { color: e.visual.color, lineType: e.primaryLineType, shape: e.swatchShape }),
+}, Nr = ({ pill: e }) => e.isBubble ? /* @__PURE__ */ o(Za, { pill: e }) : /* @__PURE__ */ o(Ka, { pill: e }), Ua = ({ color: e, lineType: t, shape: r }) => e ? /* @__PURE__ */ o(Ct, { shape: r, color: e, lineType: t, width: Xt, height: Re }) : null, Ka = ({ pill: e }) => /* @__PURE__ */ g(N, { children: [
+  /* @__PURE__ */ o(Ua, { color: e.visual.color, lineType: e.primaryLineType, shape: e.swatchShape }),
   /* @__PURE__ */ o("span", { children: e.formattedLabel })
-] }), Ua = ({ pill: e }) => {
+] }), Za = ({ pill: e }) => {
   const t = Number(e.visual.size);
-  return /* @__PURE__ */ g(_, { children: [
+  return /* @__PURE__ */ g(N, { children: [
     /* @__PURE__ */ o(
       "span",
       {
-        className: $a,
+        className: Xa,
         style: {
           width: t,
           height: t,
-          backgroundColor: e.visual.color ?? Va
+          backgroundColor: e.visual.color ?? ja
         }
       }
     ),
     /* @__PURE__ */ o("span", { children: e.formattedLabel })
   ] });
-}, Xa = ({ hiddenPills: e, placement: t }) => {
-  const [r, n] = F(!1), { refs: s, floatingStyles: i } = Pe({
+}, Ja = ({ hiddenPills: e, placement: t }) => {
+  const [r, n] = P(!1), { refs: s, floatingStyles: i } = Pe({
     open: r,
     placement: t,
     middleware: [De(4), Oe(), Be({ padding: 8 })]
   });
-  E(() => {
+  _(() => {
     if (!r) return;
-    const u = (f) => {
-      const p = f.target;
-      if (!p) return;
-      const m = s.reference.current, v = s.floating.current;
-      m instanceof Element && m.contains(p) || v instanceof Element && v.contains(p) || n(!1);
-    }, h = (f) => {
-      f.key === "Escape" && n(!1);
+    const u = (p) => {
+      const f = p.target;
+      if (!f) return;
+      const v = s.reference.current, y = s.floating.current;
+      v instanceof Element && v.contains(f) || y instanceof Element && y.contains(f) || n(!1);
+    }, h = (p) => {
+      p.key === "Escape" && n(!1);
     };
     return document.addEventListener("pointerdown", u), document.addEventListener("keydown", h), () => {
       document.removeEventListener("pointerdown", u), document.removeEventListener("keydown", h);
     };
   }, [r, s.floating, s.reference]);
-  const l = t === "left" || t === "right", a = Math.min(e.length - 1, jt), d = Array.from({ length: a }, (u, h) => a - h);
-  return /* @__PURE__ */ g(_, { children: [
+  const l = t === "left" || t === "right", a = Math.min(e.length - 1, Ut), d = Array.from({ length: a }, (u, h) => a - h);
+  return /* @__PURE__ */ g(N, { children: [
     /* @__PURE__ */ g(
       "div",
       {
         ref: s.setReference,
-        className: W(Na, {
-          [Pa]: l,
-          [Fa]: !l
+        className: q(Oa, {
+          [Ia]: l,
+          [Ba]: !l
         }),
         children: [
           d.map((u) => /* @__PURE__ */ o(
             "span",
             {
-              className: W(Da, {
-                [Ba]: l,
-                [Oa]: !l
+              className: q(Ra, {
+                [Ma]: l,
+                [Ha]: !l
               }),
-              style: Ya(u, l),
+              style: Qa(u, l),
               "aria-hidden": !0
             },
             u
@@ -1762,12 +1762,12 @@ const Va = "#9ca3af", ye = "\0", Wa = (e) => {
             "button",
             {
               type: "button",
-              className: W(Ia, { [Ra]: r }),
+              className: q(Ga, { [$a]: r }),
               onClick: () => n((u) => !u),
               "aria-haspopup": "dialog",
               "aria-expanded": r,
               "aria-label": `Show ${e.length} hidden legend ${e.length === 1 ? "item" : "items"}`,
-              children: /* @__PURE__ */ g("span", { className: Ha, children: [
+              children: /* @__PURE__ */ g("span", { className: za, children: [
                 "+",
                 e.length
               ] })
@@ -1782,67 +1782,67 @@ const Va = "#9ca3af", ye = "\0", Wa = (e) => {
         ref: s.setFloating,
         role: "dialog",
         "aria-label": "Hidden legend items",
-        className: Ma,
+        className: Va,
         style: i,
-        children: /* @__PURE__ */ o("ul", { className: Ga, children: e.map((u) => /* @__PURE__ */ o("li", { className: za, children: /* @__PURE__ */ o(Er, { pill: u }) }, u.key)) })
+        children: /* @__PURE__ */ o("ul", { className: Wa, children: e.map((u) => /* @__PURE__ */ o("li", { className: qa, children: /* @__PURE__ */ o(Nr, { pill: u }) }, u.key)) })
       }
     )
   ] });
-}, Ya = (e, t) => {
-  const r = -e * Ut;
+}, Qa = (e, t) => {
+  const r = -e * Kt;
   return { transform: t ? `translateY(${r}px)` : `translateX(${r}px)` };
 };
-var Ka = "_1cecisi0", Za = "_1cecisi1", Ja = "_1cecisi2", Qa = "_1cecisi3";
-const el = ({
+var el = "_1cecisi0", tl = "_1cecisi1", rl = "_1cecisi2", nl = "_1cecisi3";
+const ol = ({
   edge: e,
   formattedLegends: t,
   containerWidth: r,
   containerHeight: n,
   textScale: s
 }) => {
-  const i = ee(), l = y(() => Wa(t), [t]), a = e === "left" || e === "right", d = a ? n : r, u = y(() => {
+  const i = ee(), l = b(() => Ya(t), [t]), a = e === "left" || e === "right", d = a ? n : r, u = b(() => {
     if (l.length === 0) return { visibleCount: 0, hasOverflow: !1 };
     if (d <= 0) return { visibleCount: l.length, hasOverflow: !1 };
-    const m = M(Xt, s), v = { family: Kt, size: m }, x = m * Yt, C = (Y) => a ? tl(Y, x) : tt({
-      label: Y.formattedLabel,
-      swatchInlineSize: rl(Y),
+    const v = G(Zt, s), y = { family: Qt, size: v }, m = v * Jt, x = (U) => a ? sl(U, m) : tt({
+      label: U.formattedLabel,
+      swatchInlineSize: il(U),
       textMeasurer: i,
-      font: v
-    }), b = l.map(C), X = (a ? x + He : tt({
+      font: y
+    }), k = l.map(x), O = (a ? m + He : tt({
       label: `+${l.length}`,
       swatchInlineSize: 0,
       textMeasurer: i,
-      font: v
-    })) + Io;
-    return ol({
-      pillSizes: b,
-      overflowPillSize: X,
+      font: y
+    })) + Go;
+    return ll({
+      pillSizes: k,
+      overflowPillSize: O,
       containerSize: d,
-      gap: Do
+      gap: Ro
     });
   }, [l, d, a, i, s]);
   if (l.length === 0) return null;
-  const h = l.slice(0, u.visibleCount), f = l.slice(u.visibleCount), p = u.hasOverflow && f.length > 0;
+  const h = l.slice(0, u.visibleCount), p = l.slice(u.visibleCount), f = u.hasOverflow && p.length > 0;
   return /* @__PURE__ */ g(
     "div",
     {
-      className: W(Ka, {
-        [Ja]: a,
-        [Za]: !a
+      className: q(el, {
+        [rl]: a,
+        [tl]: !a
       }),
       children: [
-        h.map((m) => /* @__PURE__ */ o("div", { className: Qa, children: /* @__PURE__ */ o(Er, { pill: m }) }, m.key)),
-        p && /* @__PURE__ */ o(Xa, { hiddenPills: f, placement: sl(e) })
+        h.map((v) => /* @__PURE__ */ o("div", { className: nl, children: /* @__PURE__ */ o(Nr, { pill: v }) }, v.key)),
+        f && /* @__PURE__ */ o(Ja, { hiddenPills: p, placement: cl(e) })
       ]
     }
   );
 }, tt = ({ label: e, swatchInlineSize: t, textMeasurer: r, font: n }) => {
-  const s = r.measureText(e, n).width, i = t > 0 ? Wt : 0;
-  return t + i + s + Zt;
-}, tl = (e, t) => {
-  const r = nl(e);
+  const s = r.measureText(e, n).width, i = t > 0 ? jt : 0;
+  return t + i + s + er;
+}, sl = (e, t) => {
+  const r = al(e);
   return Math.max(t, r) + He;
-}, rl = (e) => e.isBubble ? Number(e.visual.size) : Qt(e.visual.color), nl = (e) => e.isBubble ? Number(e.visual.size) : Re, ol = ({
+}, il = (e) => e.isBubble ? Number(e.visual.size) : rr(e.visual.color), al = (e) => e.isBubble ? Number(e.visual.size) : Re, ll = ({
   pillSizes: e,
   overflowPillSize: t,
   containerSize: r,
@@ -1861,7 +1861,7 @@ const el = ({
     i = d, l += 1;
   }
   return { visibleCount: l, hasOverflow: !0 };
-}, sl = (e) => {
+}, cl = (e) => {
   switch (e) {
     case "top":
       return "bottom";
@@ -1872,12 +1872,12 @@ const el = ({
     case "right":
       return "left";
   }
-}, il = Mr(function({
+}, dl = Vr(function({
   formattedLegends: t,
   rects: r,
   textScale: n
 }) {
-  const s = y(() => {
+  const s = b(() => {
     const i = /* @__PURE__ */ new Map();
     for (const l of t) {
       let a = i.get(l.position);
@@ -1885,12 +1885,12 @@ const el = ({
     }
     return i;
   }, [t]);
-  return /* @__PURE__ */ o(_, { children: Array.from(s, ([i, l]) => {
+  return /* @__PURE__ */ o(N, { children: Array.from(s, ([i, l]) => {
     const a = r[i];
     return a === void 0 ? null : /* @__PURE__ */ g(
       "div",
       {
-        className: _a,
+        className: Da,
         style: {
           left: a.x,
           top: a.y,
@@ -1899,7 +1899,7 @@ const el = ({
         },
         children: [
           /* @__PURE__ */ o(
-            el,
+            ol,
             {
               edge: i,
               formattedLegends: l.pill,
@@ -1908,72 +1908,72 @@ const el = ({
               textScale: n
             }
           ),
-          /* @__PURE__ */ o(Aa, { legends: l.direct, containerRect: a, textScale: n })
+          /* @__PURE__ */ o(Na, { legends: l.direct, containerRect: a, textScale: n })
         ]
       },
       i
     );
   }) });
-}), al = (e, t, r) => {
+}), ul = (e, t, r) => {
   const n = e.filter((i) => i.interactive);
   if (n.length === 0) return null;
   const s = n.map((i) => r(i, t)).filter((i) => i !== null).map((i) => i.guideMode);
   return s.length === 0 ? null : s.some((i) => i === "bar") ? "bar" : s.every((i) => i === "continuous") ? "continuous" : null;
 };
-function ll(e, t) {
-  const r = Jr(e.mainAxis, t);
+function hl(e, t) {
+  const r = rn(e.mainAxis, t);
   if (e.mainAxis === "y") {
-    const s = k(Ne(r));
+    const s = C(Ne(r));
     return { x1: 0, x2: "100%", y1: s, y2: s };
   }
-  const n = k(Fe(r));
+  const n = C(Fe(r));
   return { x1: n, x2: n, y1: 0, y2: "100%" };
 }
-function cl(e, t, r) {
-  const n = e.mainAxis === "y" ? Kr(r.observation) : Zr(r.observation);
+function gl(e, t, r) {
+  const n = e.mainAxis === "y" ? en(r.observation) : tn(r.observation);
   if (n === null) return null;
-  const s = e.mainAxis === "y" ? ul(r) : dl(r), l = (t.x?.kind === "position" ? t.x : null)?.bandwidth ?? s;
+  const s = e.mainAxis === "y" ? pl(r) : fl(r), l = (t.x?.kind === "position" ? t.x : null)?.bandwidth ?? s;
   if (l === null || l <= 0) return null;
   const a = l / 2;
   if (e.mainAxis === "y") {
-    const h = k(Ne(n + a)), f = k(l);
-    return { x: 0, y: h, width: "100%", height: f };
+    const h = C(Ne(n + a)), p = C(l);
+    return { x: 0, y: h, width: "100%", height: p };
   }
-  const d = k(Fe(n - a)), u = k(l);
+  const d = C(Fe(n - a)), u = C(l);
   return { x: d, y: 0, width: u, height: "100%" };
 }
-function dl(e) {
-  const t = tn(e.observation), r = rn(e.observation);
+function fl(e) {
+  const t = sn(e.observation), r = an(e.observation);
   return t === null || r === null ? null : r - t;
 }
-function ul(e) {
-  const t = Qr(e.observation), r = en(e.observation);
+function pl(e) {
+  const t = nn(e.observation), r = on(e.observation);
   return t === null || r === null ? null : r - t;
 }
-const hl = 1, gl = "4 3", fl = ({ panelRect: e }) => {
-  const { coordSystem: t, layers: r, scales: n } = A(
-    P((a) => ({ coordSystem: a.coordSystem, layers: a.layers, scales: a.scales }))
+const ml = 1, yl = "4 3", vl = ({ panelRect: e }) => {
+  const { coordSystem: t, layers: r, scales: n } = L(
+    D((a) => ({ coordSystem: a.coordSystem, layers: a.layers, scales: a.scales }))
   ), s = he((a) => a.hover.primary), i = Q();
   if (t.type !== "cartesian" || r.length === 0 || s === null) return null;
-  const l = al(r, t, i);
-  return l === null ? null : l === "bar" ? /* @__PURE__ */ o(ml, { coordSystem: t, scales: n, primary: s, panelRect: e }) : /* @__PURE__ */ o(pl, { coordSystem: t, primary: s, panelRect: e });
-}, pl = ({ coordSystem: e, primary: t, panelRect: r }) => {
-  const n = ll(e, t);
-  return /* @__PURE__ */ o(Lr, { panelRect: r, children: /* @__PURE__ */ o(
+  const l = ul(r, t, i);
+  return l === null ? null : l === "bar" ? /* @__PURE__ */ o(xl, { coordSystem: t, scales: n, primary: s, panelRect: e }) : /* @__PURE__ */ o(bl, { coordSystem: t, primary: s, panelRect: e });
+}, bl = ({ coordSystem: e, primary: t, panelRect: r }) => {
+  const n = hl(e, t);
+  return /* @__PURE__ */ o(Fr, { panelRect: r, children: /* @__PURE__ */ o(
     "line",
     {
       ...n,
       stroke: c.hoverGuideLineColor,
-      strokeWidth: hl,
-      strokeDasharray: gl,
+      strokeWidth: ml,
+      strokeDasharray: yl,
       strokeLinecap: "round",
       "data-testid": "hover-guide-line"
     }
   ) });
-}, ml = ({ coordSystem: e, scales: t, primary: r, panelRect: n }) => {
-  const s = cl(e, t, r);
-  return s === null ? null : /* @__PURE__ */ o(Lr, { panelRect: n, children: /* @__PURE__ */ o("rect", { ...s, fill: c.hoverGuideFillColor, "data-testid": "hover-guide-rect" }) });
-}, Lr = ({ panelRect: e, children: t }) => /* @__PURE__ */ o(
+}, xl = ({ coordSystem: e, scales: t, primary: r, panelRect: n }) => {
+  const s = gl(e, t, r);
+  return s === null ? null : /* @__PURE__ */ o(Fr, { panelRect: n, children: /* @__PURE__ */ o("rect", { ...s, fill: c.hoverGuideFillColor, "data-testid": "hover-guide-rect" }) });
+}, Fr = ({ panelRect: e, children: t }) => /* @__PURE__ */ o(
   "svg",
   {
     x: e.x,
@@ -1984,17 +1984,17 @@ const hl = 1, gl = "4 3", fl = ({ panelRect: e }) => {
     "data-testid": "hover-guide",
     children: t
   }
-), vl = 200, yl = ({ engine: e, store: t, overlayRef: r, setCursor: n = bl }) => {
-  E(() => {
+), kl = 200, Cl = ({ engine: e, store: t, overlayRef: r, setCursor: n = Tl }) => {
+  _(() => {
     const s = r.current;
     if (!s) return;
-    const i = xl(s, e), l = kl(s, e, t, n);
+    const i = wl(s, e), l = Sl(s, e, t, n);
     return () => {
       l(), i();
     };
   }, [e, t, r, n]);
-}, bl = () => {
-}, xl = (e, t) => {
+}, Tl = () => {
+}, wl = (e, t) => {
   const r = () => {
     const l = e.getBoundingClientRect();
     l.width === 0 || l.height === 0 || t.setViewport({ width: l.width, height: l.height });
@@ -2003,12 +2003,12 @@ const hl = 1, gl = "4 3", fl = ({ panelRect: e }) => {
   const s = () => {
     n !== null && clearTimeout(n), n = setTimeout(() => {
       n = null, r();
-    }, vl);
+    }, kl);
   }, i = new ResizeObserver(s);
   return i.observe(e), r(), () => {
     i.disconnect(), n !== null && clearTimeout(n);
   };
-}, kl = (e, t, r, n) => {
+}, Sl = (e, t, r, n) => {
   let s = null, i = null;
   const l = () => {
     i = null;
@@ -2017,24 +2017,24 @@ const hl = 1, gl = "4 3", fl = ({ panelRect: e }) => {
     n({ clientX: u.clientX, clientY: u.clientY });
     const h = e.getBoundingClientRect();
     if (h.width === 0 || h.height === 0) return;
-    const f = {
+    const p = {
       x: (u.clientX - h.left) / h.width,
       y: 1 - (u.clientY - h.top) / h.height
     };
-    r.getState().setHoverState(t.query(f));
+    r.getState().setHoverState(t.query(p));
   }, a = (u) => {
     s = u, i === null && (i = requestAnimationFrame(l));
   }, d = () => {
     s = null, i !== null && (cancelAnimationFrame(i), i = null), n(null);
     const u = r.getState();
-    u.hover.primary !== null && u.setHoverState(nn);
+    u.hover.primary !== null && u.setHoverState(ln);
   };
   return e.addEventListener("pointermove", a), e.addEventListener("pointerleave", d), () => {
     e.removeEventListener("pointermove", a), e.removeEventListener("pointerleave", d), i !== null && cancelAnimationFrame(i), s = null;
   };
-}, Cl = ({ panelRect: e }) => {
+}, Al = ({ panelRect: e }) => {
   const { engine: t, store: r, overlayRef: n, setCursor: s } = ue();
-  return yl({ engine: t, store: r, overlayRef: n, setCursor: s }), /* @__PURE__ */ o(
+  return Cl({ engine: t, store: r, overlayRef: n, setCursor: s }), /* @__PURE__ */ o(
     "rect",
     {
       ref: n,
@@ -2047,9 +2047,9 @@ const hl = 1, gl = "4 3", fl = ({ panelRect: e }) => {
       "data-testid": "pointer-capture-layer"
     }
   );
-}, be = "data-hover-active", Tl = (e) => {
+}, be = "data-hover-active", Ll = (e) => {
   const { store: t } = ue(), r = le(t, (n) => n.hover.primary !== null);
-  E(() => {
+  _(() => {
     const n = e.current;
     if (n)
       return r ? n.setAttribute(be, "true") : n.removeAttribute(be), () => {
@@ -2057,7 +2057,7 @@ const hl = 1, gl = "4 3", fl = ({ panelRect: e }) => {
       };
   }, [e, r]);
 }, rt = ({ panelRect: e, zOrder: t }) => {
-  const r = A((l) => l.annotations.custom), n = xn(), s = r.filter((l) => {
+  const r = L((l) => l.annotations.custom), n = wn(), s = r.filter((l) => {
     const a = n(l.type);
     return a !== null && (l.zOrder ?? a.zOrder) === t;
   });
@@ -2078,15 +2078,15 @@ const hl = 1, gl = "4 3", fl = ({ panelRect: e }) => {
       })
     }
   );
-}, _r = _e.xs, Ae = B, Nr = xt.medium, wl = xt.semibold, Fr = 6, Pr = 2, Sl = 4, Al = 2, nt = 4;
-var El = "_1agclyl0", Ll = "_1agclyl1", _l = "_1agclyl2", Nl = { inside: "_1agclyl4 _1agclyl3", outside: "_1agclyl5 _1agclyl3" }, Fl = "_1agclyl6 _1agclyl3";
-const Dr = ({ x: e, y: t, width: r, height: n, text: s, isRotated: i, target: l, position: a, coordType: d }) => {
-  const u = i ? `rotate(-90 ${e} ${t})` : void 0, h = l === "aggregate" ? Fl : Nl[a], f = Pl(l, a, d);
+}, Pr = Ee.xs, Ae = I, Dr = Tt.medium, _l = Tt.semibold, Or = 6, Br = 2, El = 4, Nl = 2, nt = 4;
+var Fl = "_1agclyl0", Pl = "_1agclyl1", Dl = "_1agclyl2", Ol = { inside: "_1agclyl4 _1agclyl3", outside: "_1agclyl5 _1agclyl3" }, Bl = "_1agclyl6 _1agclyl3";
+const Ir = ({ x: e, y: t, width: r, height: n, text: s, isRotated: i, target: l, position: a, coordType: d }) => {
+  const u = i ? `rotate(-90 ${e} ${t})` : void 0, h = l === "aggregate" ? Bl : Ol[a], p = Il(l, a, d);
   return /* @__PURE__ */ g("g", { transform: u, children: [
-    f && /* @__PURE__ */ o(
+    p && /* @__PURE__ */ o(
       "rect",
       {
-        className: f,
+        className: p,
         x: e - r / 2,
         y: t - n / 2,
         width: r,
@@ -2097,15 +2097,15 @@ const Dr = ({ x: e, y: t, width: r, height: n, text: s, isRotated: i, target: l,
     ),
     /* @__PURE__ */ o("text", { className: h, x: e, y: t, textAnchor: "middle", dominantBaseline: "central", children: s })
   ] });
-}, Pl = (e, t, r) => {
-  if (e === "aggregate") return _l;
-  if (t === "outside" && r === "cartesian") return Ll;
-}, Dl = {
-  dataLabel: { x: Fr, y: Pr },
-  stackTotal: { x: Sl, y: Al }
-}, Ol = ({ panelRect: e, formattingLocale: t }) => {
-  const r = ee(), n = A(
-    P((a) => ({
+}, Il = (e, t, r) => {
+  if (e === "aggregate") return Dl;
+  if (t === "outside" && r === "cartesian") return Pl;
+}, Rl = {
+  dataLabel: { x: Or, y: Br },
+  stackTotal: { x: El, y: Nl }
+}, Hl = ({ panelRect: e, formattingLocale: t }) => {
+  const r = ee(), n = L(
+    D((a) => ({
       layers: a.layers,
       coordSystem: a.coordSystem,
       axes: a.guides.axes,
@@ -2113,15 +2113,15 @@ const Dr = ({ x: e, y: t, width: r, height: n, text: s, isRotated: i, target: l,
       parsingLocale: a.config.parsingLocale,
       textScale: a.config.appearance.textScale
     }))
-  ), s = y(() => {
-    const a = M(_r, n.textScale);
+  ), s = b(() => {
+    const a = G(Pr, n.textScale);
     return {
-      dataLabel: { family: Ae, size: a, weight: Nr },
-      stackTotal: { family: Ae, size: a, weight: wl }
+      dataLabel: { family: Ae, size: a, weight: Dr },
+      stackTotal: { family: Ae, size: a, weight: _l }
     };
-  }, [n.textScale]), i = y(
+  }, [n.textScale]), i = b(
     () => (a, d) => {
-      const u = r.measureText(d, s[a]), h = Dl[a];
+      const u = r.measureText(d, s[a]), h = Rl[a];
       return {
         ...u,
         width: u.width + h.x * 2,
@@ -2129,12 +2129,12 @@ const Dr = ({ x: e, y: t, width: r, height: n, text: s, isRotated: i, target: l,
       };
     },
     [r, s]
-  ), l = y(
-    () => on({ ...n, panelRect: e, measureDataLabel: i, formattingLocale: t }),
+  ), l = b(
+    () => cn({ ...n, panelRect: e, measureDataLabel: i, formattingLocale: t }),
     [n, e, i, t]
   );
-  return /* @__PURE__ */ o("g", { className: El, transform: `translate(${e.x}, ${e.y})`, "data-testid": "data-labels", children: l.labels.map((a) => /* @__PURE__ */ o(
-    Dr,
+  return /* @__PURE__ */ o("g", { className: Fl, transform: `translate(${e.x}, ${e.y})`, "data-testid": "data-labels", children: l.labels.map((a) => /* @__PURE__ */ o(
+    Ir,
     {
       x: a.x,
       y: a.y,
@@ -2148,13 +2148,13 @@ const Dr = ({ x: e, y: t, width: r, height: n, text: s, isRotated: i, target: l,
     },
     a.key
   )) });
-}, Bl = ({ linePath: e, arrowheadPath: t, stroke: r, strokeWidth: n }) => {
+}, Ml = ({ linePath: e, arrowheadPath: t, stroke: r, strokeWidth: n }) => {
   const s = { stroke: r, strokeWidth: n, strokeLinecap: "round", fill: "none" };
   return /* @__PURE__ */ g("g", { children: [
     /* @__PURE__ */ o("path", { d: e, ...s }),
     /* @__PURE__ */ o("path", { d: t, ...s, strokeLinejoin: "round" })
   ] });
-}, Il = ({
+}, Gl = ({
   x: e,
   y: t,
   text: r,
@@ -2165,18 +2165,18 @@ const Dr = ({ x: e, y: t, width: r, height: n, text: s, isRotated: i, target: l,
   strokeColor: a,
   fontWeight: d
 }) => {
-  const u = ee(), f = y(
-    () => u.measureText(r, { family: B, size: n, weight: d }),
+  const u = ee(), p = b(
+    () => u.measureText(r, { family: I, size: n, weight: d }),
     [u, r, n, d]
-  ).width + s * 2, p = n + i * 2;
+  ).width + s * 2, f = n + i * 2;
   return /* @__PURE__ */ g("g", { style: { pointerEvents: "none" }, children: [
     /* @__PURE__ */ o(
       "rect",
       {
-        x: e - f / 2,
-        y: t - p / 2,
-        width: f,
-        height: p,
+        x: e - p / 2,
+        y: t - f / 2,
+        width: p,
+        height: f,
         rx: 4,
         fill: c.graphBackground,
         stroke: a,
@@ -2191,21 +2191,21 @@ const Dr = ({ x: e, y: t, width: r, height: n, text: s, isRotated: i, target: l,
         dominantBaseline: "central",
         textAnchor: "middle",
         fill: c.textPrimary,
-        style: { fontFamily: B, fontSize: n, fontWeight: d },
+        style: { fontFamily: I, fontSize: n, fontWeight: d },
         children: r
       }
     )
   ] });
-}, Rl = ({ panelRect: e, formattingLocale: t }) => {
-  const r = A(
-    P((s) => ({
+}, $l = ({ panelRect: e, formattingLocale: t }) => {
+  const r = L(
+    D((s) => ({
       differenceArrows: s.annotations.differenceArrows,
       mainAxis: s.coordSystem.type === "cartesian" ? s.coordSystem.mainAxis : "x",
       textScale: s.config.appearance.textScale
     }))
-  ), n = y(
+  ), n = b(
     () => r.differenceArrows.map(
-      (s) => sn({
+      (s) => dn({
         arrow: s,
         mainAxis: r.mainAxis,
         panelWidth: e.width,
@@ -2225,60 +2225,60 @@ const Dr = ({ x: e, y: t, width: r, height: n, text: s, isRotated: i, target: l,
       strokeWidth: d,
       labelPosition: u,
       labelText: h,
-      labelLineHeight: f,
-      labelPaddingX: p,
-      labelPaddingY: m,
-      labelStrokeWidth: v,
-      labelFontWeight: x
+      labelLineHeight: p,
+      labelPaddingX: f,
+      labelPaddingY: v,
+      labelStrokeWidth: y,
+      labelFontWeight: m
     }) => {
-      const C = s ?? c.defaultAnnotationArrowStroke;
-      return /* @__PURE__ */ g(Rr.Fragment, { children: [
+      const x = s ?? c.defaultAnnotationArrowStroke;
+      return /* @__PURE__ */ g($r.Fragment, { children: [
         /* @__PURE__ */ o(
-          Bl,
+          Ml,
           {
             linePath: l,
             arrowheadPath: a,
-            stroke: C,
+            stroke: x,
             strokeWidth: d
           }
         ),
         /* @__PURE__ */ o(
-          Il,
+          Gl,
           {
             x: u.x,
             y: u.y,
             text: h,
-            lineHeight: f,
-            paddingX: p,
-            paddingY: m,
-            strokeWidth: v,
-            strokeColor: C,
-            fontWeight: x
+            lineHeight: p,
+            paddingX: f,
+            paddingY: v,
+            strokeWidth: y,
+            strokeColor: x,
+            fontWeight: m
           }
         )
       ] }, i);
     }
   ) });
-}, Hl = 0, Ml = 1.15, ot = 1.15, Gl = "rgba(0, 0, 0, 0.16)", st = 2, zl = 1.4, $l = ({
+}, zl = 0, Vl = 1.15, ot = 1.15, Wl = "rgba(0, 0, 0, 0.16)", st = 2, ql = 1.4, Xl = ({
   arrow: e,
   fallbackColor: t,
   stickerOutlineColor: r,
   stickerOutlineColorInverse: n
 }) => {
-  const s = ut(), i = e.color ?? t, l = Vl(e.color, r, n), a = e.dashArray ? { strokeDasharray: e.dashArray, strokeDashoffset: e.dashOffset } : {}, d = e.arrowheadExtent + e.strokeWidth + st + ot, u = {
+  const s = ft(), i = e.color ?? t, l = jl(e.color, r, n), a = e.dashArray ? { strokeDasharray: e.dashArray, strokeDashoffset: e.dashOffset } : {}, d = e.arrowheadExtent + e.strokeWidth + st + ot, u = {
     x: Math.min(e.startX, e.endX) - d,
     y: Math.min(e.startY, e.endY) - d,
     width: Math.abs(e.endX - e.startX) + 2 * d,
     height: Math.abs(e.endY - e.startY) + 2 * d
-  }, h = [e.linePath, e.startArrowheadPath, e.endArrowheadPath].filter((f) => f.length > 0).join(" ");
+  }, h = [e.linePath, e.startArrowheadPath, e.endArrowheadPath].filter((p) => p.length > 0).join(" ");
   return /* @__PURE__ */ g("g", { children: [
     e.hasStickerStyle && /* @__PURE__ */ o("defs", { children: /* @__PURE__ */ o("filter", { id: s, filterUnits: "userSpaceOnUse", ...u, children: /* @__PURE__ */ o(
       "feDropShadow",
       {
-        dx: Hl,
-        dy: Ml,
+        dx: zl,
+        dy: Vl,
         stdDeviation: ot,
-        floodColor: Gl
+        floodColor: Wl
       }
     ) }) }),
     /* @__PURE__ */ g("g", { filter: e.hasStickerStyle ? `url(#${s})` : void 0, children: [
@@ -2325,20 +2325,20 @@ const Dr = ({ x: e, y: t, width: r, height: n, text: s, isRotated: i, target: l,
       )
     ] })
   ] });
-}, Vl = (e, t, r) => {
+}, jl = (e, t, r) => {
   if (e === null) return r;
   try {
-    return Rn(e, t) < zl ? r : t;
+    return $n(e, t) < ql ? r : t;
   } catch {
     return r;
   }
-}, Wl = ({ panelRect: e }) => {
-  const { themeValues: t } = Ge(), r = A((s) => s.annotations.freeformArrows), n = y(
-    () => r.map((s) => an({ arrow: s, panelWidth: e.width, panelHeight: e.height })).filter((s) => s !== null),
+}, Yl = ({ panelRect: e }) => {
+  const { themeValues: t } = Ge(), r = L((s) => s.annotations.freeformArrows), n = b(
+    () => r.map((s) => un({ arrow: s, panelWidth: e.width, panelHeight: e.height })).filter((s) => s !== null),
     [r, e.width, e.height]
   );
   return n.length === 0 ? null : /* @__PURE__ */ o("g", { transform: `translate(${e.x}, ${e.y})`, "data-testid": "freeform-arrows", children: n.map((s) => /* @__PURE__ */ o(
-    $l,
+    Xl,
     {
       arrow: s,
       fallbackColor: c.defaultAnnotationArrowStroke,
@@ -2347,15 +2347,15 @@ const Dr = ({ x: e, y: t, width: r, height: n, text: s, isRotated: i, target: l,
     },
     s.id
   )) });
-}, ql = ({ edge: e, areTicksVisible: t, position: r, labelRotation: n, label: s }) => {
-  const i = k(r), l = t ? 1 : 0, a = { style: { font: c.fontTickLabel }, fill: c.textSecondary }, d = n !== 0 && (e === "top" || e === "bottom"), u = e === "top";
-  return d ? /* @__PURE__ */ o("svg", { x: i, y: u ? "100%" : 0, style: { overflow: "visible" }, children: /* @__PURE__ */ o("text", { ...Ul(u, l, n), ...a, children: s }) }) : /* @__PURE__ */ o("text", { ...jl(e, i, l), ...a, children: s });
-}, jl = (e, t, r) => {
+}, Ul = ({ edge: e, areTicksVisible: t, position: r, labelRotation: n, label: s }) => {
+  const i = C(r), l = t ? 1 : 0, a = { style: { font: c.fontTickLabel }, fill: c.textSecondary }, d = n !== 0 && (e === "top" || e === "bottom"), u = e === "top";
+  return d ? /* @__PURE__ */ o("svg", { x: i, y: u ? "100%" : 0, style: { overflow: "visible" }, children: /* @__PURE__ */ o("text", { ...Zl(u, l, n), ...a, children: s }) }) : /* @__PURE__ */ o("text", { ...Kl(e, i, l), ...a, children: s });
+}, Kl = (e, t, r) => {
   switch (e) {
     case "bottom":
       return {
         x: t,
-        y: R * r,
+        y: H * r,
         textAnchor: "middle",
         dominantBaseline: "hanging"
       };
@@ -2363,28 +2363,28 @@ const Dr = ({ x: e, y: t, width: r, height: n, text: s, isRotated: i, target: l,
       return {
         x: t,
         y: "100%",
-        dy: -R * r,
+        dy: -H * r,
         textAnchor: "middle",
         dominantBaseline: "auto"
       };
     case "left":
       return {
         x: "100%",
-        dx: -R * r,
+        dx: -H * r,
         y: t,
         textAnchor: "end",
         dominantBaseline: "central"
       };
     case "right":
       return {
-        x: R * r,
+        x: H * r,
         y: t,
         textAnchor: "start",
         dominantBaseline: "central"
       };
   }
-}, Ul = (e, t, r) => {
-  const n = R * t, s = e ? -n : n;
+}, Zl = (e, t, r) => {
+  const n = H * t, s = e ? -n : n;
   return {
     x: 0,
     y: s,
@@ -2392,16 +2392,16 @@ const Dr = ({ x: e, y: t, width: r, height: n, text: s, isRotated: i, target: l,
     dominantBaseline: "central",
     transform: `rotate(${r}, 0, ${s})`
   };
-}, Xl = ({ formattedAxis: e, rect: t }) => {
+}, Jl = ({ formattedAxis: e, rect: t }) => {
   const r = e.position === "bottom" || e.position === "top";
   return /* @__PURE__ */ g("svg", { x: t.x, y: t.y, width: t.width, height: t.height, style: { overflow: "visible" }, children: [
-    Mt,
+    zt,
     e.ticks.map((n, s) => {
-      const i = n.formattedLabel, l = r ? n.position : 1 - n.position, a = Yl(e.position, l, t);
+      const i = n.formattedLabel, l = r ? n.position : 1 - n.position, a = Ql(e.position, l, t);
       return /* @__PURE__ */ g("g", { children: [
         e.ticksVisible && /* @__PURE__ */ o("line", { ...a, stroke: c.gridLineColor, strokeWidth: 1 }),
         /* @__PURE__ */ o(
-          ql,
+          Ul,
           {
             edge: e.position,
             areTicksVisible: e.ticksVisible,
@@ -2413,8 +2413,8 @@ const Dr = ({ x: e, y: t, width: r, height: n, text: s, isRotated: i, target: l,
       ] }, s);
     })
   ] });
-}, Yl = (e, t, r) => {
-  const n = k(t);
+}, Ql = (e, t, r) => {
+  const n = C(t);
   switch (e) {
     case "bottom":
       return { x1: n, y1: 0, x2: n, y2: se };
@@ -2425,18 +2425,18 @@ const Dr = ({ x: e, y: t, width: r, height: n, text: s, isRotated: i, target: l,
     case "right":
       return { x1: 0, y1: n, x2: se, y2: n };
   }
-}, Kl = ({ formattedAxes: e, rects: t }) => /* @__PURE__ */ o(_, { children: e.map((r) => {
+}, ec = ({ formattedAxes: e, rects: t }) => /* @__PURE__ */ o(N, { children: e.map((r) => {
   const n = t[r.position];
-  return !n || !r.isVisible ? null : /* @__PURE__ */ o(Xl, { formattedAxis: r, rect: n }, r.scaleAestheticKey);
-}) }), Zl = ({ axes: e, rects: t }) => /* @__PURE__ */ o(_, { children: e.map((r) => {
+  return !n || !r.isVisible ? null : /* @__PURE__ */ o(Jl, { formattedAxis: r, rect: n }, r.scaleAestheticKey);
+}) }), tc = ({ axes: e, rects: t }) => /* @__PURE__ */ o(N, { children: e.map((r) => {
   const n = t[r.position];
   if (!n || !r.isVisible) return null;
-  const s = Jl(r.position, n);
+  const s = rc(r.position, n);
   return /* @__PURE__ */ g("g", { transform: `translate(${n.x}, ${n.y})`, children: [
-    Mt,
+    zt,
     /* @__PURE__ */ o("text", { style: { font: c.fontAxisLabel }, fill: c.textPrimary, ...s, children: r.label })
   ] }, `axis-label-${r.position}`);
-}) }), Jl = (e, t) => {
+}) }), rc = (e, t) => {
   const r = {
     x: t.width / 2,
     y: t.height / 2,
@@ -2449,7 +2449,7 @@ const Dr = ({ x: e, y: t, width: r, height: n, text: s, isRotated: i, target: l,
   strokeDashoffset: "0",
   strokeDasharray: "2 3",
   strokeLinecap: "round"
-}, Ql = ({ axes: e, panel: t, panelRect: r }) => /* @__PURE__ */ g(
+}, nc = ({ axes: e, panel: t, panelRect: r }) => /* @__PURE__ */ g(
   "svg",
   {
     x: r.x,
@@ -2477,14 +2477,52 @@ const Dr = ({ x: e, y: t, width: r, height: n, text: s, isRotated: i, target: l,
         const s = n.position === "bottom" || n.position === "top";
         return /* @__PURE__ */ o("g", { children: n.ticks.map((i, l) => {
           if (i.position <= 0 || i.position >= 1) return null;
-          const a = s ? i.position : 1 - i.position, d = k(a);
+          const a = s ? i.position : 1 - i.position, d = C(a);
           return /* @__PURE__ */ o("line", { ...s ? { x1: d, y1: 0, x2: d, y2: "100%" } : { x1: 0, y1: d, x2: "100%", y2: d }, ...it, stroke: c.gridLineColor }, l);
         }) }, n.scaleAestheticKey);
       })
     ]
   }
-), at = ({ panelRect: e, zOrder: t }) => {
-  const n = A((s) => s.annotations.shapes).filter((s) => s.zOrder === t);
+), at = 8, lt = 0.5, ct = { strokeWidth: 1, strokeLinecap: "round" }, oc = ({ axes: e, panelRect: t, coordSystem: r }) => {
+  const n = e.find((m) => m.geometry === "circular"), s = e.find((m) => m.geometry === "radial");
+  if (!n || n.ticks.length === 0) return null;
+  const i = t.x + t.width / 2, l = t.y + t.height / 2, a = Math.min(t.width, t.height) / 2, { startAngle: d, innerRadius: u } = r, h = (m) => m * 2 * Math.PI + d, p = (m, x) => {
+    const k = i + x * Math.sin(m), w = l - x * Math.cos(m);
+    return `${k.toFixed(2)},${w.toFixed(2)}`;
+  }, f = n.ticks.map((m) => h(m.position)), v = (m) => `${f.map((x, k) => `${k === 0 ? "M" : "L"} ${p(x, m)}`).join(" ")} Z`, y = (s?.ticks ?? []).map((m) => (u + m.position * (1 - u)) * a).filter((m) => m > lt);
+  return y.some((m) => Math.abs(m - a) < lt) || y.push(a), /* @__PURE__ */ g("g", { "data-guide": "polar", style: { overflow: "visible" }, children: [
+    y.map((m, x) => /* @__PURE__ */ o("path", { d: v(m), fill: "none", stroke: c.gridLineColor, ...ct }, `ring-${x}`)),
+    f.map((m, x) => /* @__PURE__ */ o(
+      "line",
+      {
+        x1: i,
+        y1: l,
+        x2: i + a * Math.sin(m),
+        y2: l - a * Math.cos(m),
+        stroke: c.gridLineColor,
+        ...ct
+      },
+      `spoke-${x}`
+    )),
+    n.ticks.map((m, x) => {
+      const k = h(m.position), w = Math.sin(k), O = -Math.cos(k);
+      return /* @__PURE__ */ o(
+        "text",
+        {
+          x: i + w * (a + at),
+          y: l + O * (a + at),
+          textAnchor: w > 0.1 ? "start" : w < -0.1 ? "end" : "middle",
+          dominantBaseline: O > 0.1 ? "hanging" : O < -0.1 ? "auto" : "central",
+          style: { font: c.fontTickLabel },
+          fill: c.textSecondary,
+          children: m.formattedLabel
+        },
+        `label-${x}`
+      );
+    })
+  ] });
+}, dt = ({ panelRect: e, zOrder: t }) => {
+  const n = L((s) => s.annotations.shapes).filter((s) => s.zOrder === t);
   return n.length === 0 ? null : /* @__PURE__ */ o(
     "svg",
     {
@@ -2494,26 +2532,26 @@ const Dr = ({ x: e, y: t, width: r, height: n, text: s, isRotated: i, target: l,
       height: e.height,
       overflow: "visible",
       "data-testid": `shapes-${t}`,
-      children: n.map(({ id: s, x: i, y: l, width: a, height: d, fillColor: u, fillOpacity: h, strokeWidth: f, strokeColor: p }) => /* @__PURE__ */ o(
+      children: n.map(({ id: s, x: i, y: l, width: a, height: d, fillColor: u, fillOpacity: h, strokeWidth: p, strokeColor: f }) => /* @__PURE__ */ o(
         "rect",
         {
-          x: k(i),
-          y: k(l),
-          width: k(a),
-          height: k(d),
+          x: C(i),
+          y: C(l),
+          width: C(a),
+          height: C(d),
           fill: u,
           fillOpacity: h,
-          stroke: f > 0 ? p ?? c.defaultAnnotationShapeStroke : "none",
-          strokeWidth: f
+          stroke: p > 0 ? f ?? c.defaultAnnotationShapeStroke : "none",
+          strokeWidth: p
         },
         s
       ))
     }
   );
 };
-var ec = "_120wioc0";
-const tc = ({ panelRect: e }) => {
-  const t = A((r) => r.annotations.textAnnotations);
+var sc = "_120wioc0";
+const ic = ({ panelRect: e }) => {
+  const t = L((r) => r.annotations.textAnnotations);
   return t.length === 0 ? null : /* @__PURE__ */ o(
     "svg",
     {
@@ -2526,16 +2564,16 @@ const tc = ({ panelRect: e }) => {
       children: t.map((r) => /* @__PURE__ */ o(
         "foreignObject",
         {
-          x: k(r.x),
-          y: k(r.y),
-          width: k(r.width),
-          height: k(1 - r.y),
+          x: C(r.x),
+          y: C(r.y),
+          width: C(r.width),
+          height: C(1 - r.y),
           overflow: "visible",
           children: /* @__PURE__ */ o(
             "div",
             {
-              className: ec,
-              style: rc(r.backgroundColor, r.backgroundColorStyle),
+              className: sc,
+              style: ac(r.backgroundColor, r.backgroundColorStyle),
               children: /* @__PURE__ */ o(de, { content: r.content })
             }
           )
@@ -2544,7 +2582,7 @@ const tc = ({ panelRect: e }) => {
       ))
     }
   );
-}, rc = (e, t) => e === null || e === "transparent" ? { color: c.textPrimary } : t === "fade" ? {
+}, ac = (e, t) => e === null || e === "transparent" ? { color: c.textPrimary } : t === "fade" ? {
   color: c.textPrimary,
   backgroundColor: Te(e, c.grey100, 0.5),
   boxShadow: `0 0 0 1.5px ${Te(e, c.grey0, 0.2)}`
@@ -2553,8 +2591,8 @@ const tc = ({ panelRect: e }) => {
   backgroundColor: e,
   boxShadow: `0 0 0 1.5px ${ge(e, 0.1)}`
 };
-var nc = "usd3ea0", oc = "usd3ea1";
-const sc = ({
+var lc = "usd3ea0", cc = "usd3ea1";
+const dc = ({
   layer: e,
   coordSystem: t,
   isAnimated: r,
@@ -2570,14 +2608,14 @@ const sc = ({
     "g",
     {
       className: j({
-        [oc]: n && s === "desaturate",
-        [nc]: n && s === "dim"
+        [cc]: n && s === "desaturate",
+        [lc]: n && s === "dim"
       }),
       children: a.render({ layer: e, coordSystem: t, isAnimated: r, formattingLocale: i })
     }
   );
 };
-function ic({
+function uc({
   plugin: e,
   layer: t,
   coordSystem: r,
@@ -2591,7 +2629,7 @@ function ic({
   }
   return s;
 }
-const ac = 4, lc = ({
+const hc = 4, gc = ({
   plugin: e,
   layer: t,
   matchedLayer: r,
@@ -2601,34 +2639,34 @@ const ac = 4, lc = ({
   panelRect: l,
   formattingLocale: a
 }) => {
-  const { numberFormat: d, textScale: u } = A(
-    P((v) => ({
-      numberFormat: v.config.numberFormat,
-      textScale: v.config.appearance.textScale
+  const { numberFormat: d, textScale: u } = L(
+    D((y) => ({
+      numberFormat: y.config.numberFormat,
+      textScale: y.config.appearance.textScale
     }))
-  ), h = y(
-    () => ic({ plugin: e, layer: t, coordSystem: s, candidates: n }),
+  ), h = b(
+    () => uc({ plugin: e, layer: t, coordSystem: s, candidates: n }),
     [e, t, s, n]
-  ), f = y(() => ln(t), [t]), p = y(
-    () => cn({ layer: t, numberFormat: d, locale: a }),
+  ), p = b(() => hn(t), [t]), f = b(
+    () => gn({ layer: t, numberFormat: d, locale: a }),
     [d, t, a]
-  ), m = _r * Cn * u;
-  return e === null || r === null && h.length === 0 ? null : /* @__PURE__ */ g(_, { children: [
+  ), v = Pr * An * u;
+  return e === null || r === null && h.length === 0 ? null : /* @__PURE__ */ g(N, { children: [
     r ? e.render({ layer: r, coordSystem: s, isAnimated: i, formattingLocale: a }) : null,
-    h.map(({ observation: v, observationIndex: x, anchor: C }) => /* @__PURE__ */ o(
-      cc,
+    h.map(({ observation: y, observationIndex: m, anchor: x }) => /* @__PURE__ */ o(
+      fc,
       {
-        observation: v,
-        anchor: C,
+        observation: y,
+        anchor: x,
         panelRect: l,
-        readSegmentY: f,
-        formatYValue: p,
-        labelFontSizePx: m
+        readSegmentY: p,
+        formatYValue: f,
+        labelFontSizePx: v
       },
-      dc(v, x)
+      pc(y, m)
     ))
   ] });
-}, cc = ({
+}, fc = ({
   observation: e,
   anchor: t,
   panelRect: r,
@@ -2636,37 +2674,37 @@ const ac = 4, lc = ({
   formatYValue: s,
   labelFontSizePx: i
 }) => {
-  const l = ee(), a = Fe(t.x), d = Ne(t.y), u = (dn(e) ?? kn) / 2, h = n(e), f = un(h) ? s(h, e) : null, p = y(() => {
-    if (f === null) return null;
-    const m = l.measureText(f, {
+  const l = ee(), a = Fe(t.x), d = Ne(t.y), u = (fn(e) ?? Sn) / 2, h = n(e), p = pn(h) ? s(h, e) : null, f = b(() => {
+    if (p === null) return null;
+    const v = l.measureText(p, {
       family: Ae,
       size: i,
-      weight: Nr
+      weight: Dr
     });
     return {
-      width: m.width + Fr * 2,
-      height: m.height + Pr * 2
+      width: v.width + Or * 2,
+      height: v.height + Br * 2
     };
-  }, [f, l, i]);
-  return /* @__PURE__ */ g(_, { children: [
+  }, [p, l, i]);
+  return /* @__PURE__ */ g(N, { children: [
     /* @__PURE__ */ o(
       "circle",
       {
         "data-testid": "highlight-overlay-dot",
-        cx: k(a),
-        cy: k(d),
+        cx: C(a),
+        cy: C(d),
         r: u,
-        fill: hn(e)
+        fill: mn(e)
       }
     ),
-    f !== null && p !== null && /* @__PURE__ */ o(
-      Dr,
+    p !== null && f !== null && /* @__PURE__ */ o(
+      Ir,
       {
         x: a * r.width,
-        y: d * r.height - u - ac - p.height / 2,
-        width: p.width,
-        height: p.height,
-        text: f,
+        y: d * r.height - u - hc - f.height / 2,
+        width: f.width,
+        height: f.height,
+        text: p,
         isRotated: !1,
         target: "observation",
         position: "outside",
@@ -2674,12 +2712,12 @@ const ac = 4, lc = ({
       }
     )
   ] });
-}, dc = (e, t) => {
-  const r = e[gn.group];
+}, pc = (e, t) => {
+  const r = e[yn.group];
   return `${String(r ?? "")}\0${t}`;
-}, uc = ({ layer: e, coordSystem: t, panelRect: r }) => {
+}, mc = ({ layer: e, coordSystem: t, panelRect: r }) => {
   const n = Q(), { primary: s, group: i, related: l } = he(
-    P((u) => ({
+    D((u) => ({
       primary: u.hover.primary,
       group: u.hover.group,
       related: u.hover.related
@@ -2698,10 +2736,10 @@ const ac = 4, lc = ({
     panelRect: r
   }) : d.length === 0 ? null : a.renderHoverCompanions({ layer: e, primary: s, related: d });
 };
-var hc = "to1jkx0", gc = "to1jkx1";
-const fc = ({ shouldAnimate: e, panelRect: t, formattingLocale: r }) => {
-  const { layers: n, coordSystem: s, highlightStyle: i } = A(
-    P((l) => ({
+var yc = "to1jkx0", vc = "to1jkx1";
+const bc = ({ shouldAnimate: e, panelRect: t, formattingLocale: r }) => {
+  const { layers: n, coordSystem: s, highlightStyle: i } = L(
+    D((l) => ({
       layers: l.layers,
       coordSystem: l.coordSystem,
       highlightStyle: l.config.appearance.highlightStyle
@@ -2714,11 +2752,11 @@ const fc = ({ shouldAnimate: e, panelRect: t, formattingLocale: r }) => {
       y: t.y,
       width: t.width,
       height: t.height,
-      className: hc,
+      className: yc,
       "data-testid": "geom-layers",
-      children: n.map((l) => /* @__PURE__ */ g(ht, { children: [
+      children: n.map((l) => /* @__PURE__ */ g(pt, { children: [
         /* @__PURE__ */ o(
-          vc,
+          Cc,
           {
             layer: l,
             coordSystem: s,
@@ -2728,14 +2766,14 @@ const fc = ({ shouldAnimate: e, panelRect: t, formattingLocale: r }) => {
             formattingLocale: r
           }
         ),
-        /* @__PURE__ */ o(uc, { layer: l, coordSystem: s, panelRect: t })
-      ] }, `${l.id}-${pc(s)}`))
+        /* @__PURE__ */ o(mc, { layer: l, coordSystem: s, panelRect: t })
+      ] }, `${l.id}-${xc(s)}`))
     }
   );
-}, pc = (e) => e.type === "cartesian" ? `cartesian-${e.mainAxis}` : e.type, mc = (e) => {
+}, xc = (e) => e.type === "cartesian" ? `cartesian-${e.mainAxis}` : e.type, kc = (e) => {
   if (e.highlight !== null)
-    return gc;
-}, vc = ({
+    return vc;
+}, Cc = ({
   layer: e,
   coordSystem: t,
   highlightStyle: r,
@@ -2743,10 +2781,10 @@ const fc = ({ shouldAnimate: e, panelRect: t, formattingLocale: r }) => {
   panelRect: s,
   formattingLocale: i
 }) => {
-  const l = Q(), a = y(() => l(e, t), [l, e, t]), d = e.highlight;
-  return /* @__PURE__ */ g("g", { className: mc(e), children: [
+  const l = Q(), a = b(() => l(e, t), [l, e, t]), d = e.highlight;
+  return /* @__PURE__ */ g("g", { className: kc(e), children: [
     /* @__PURE__ */ o(
-      sc,
+      dc,
       {
         layer: e,
         coordSystem: t,
@@ -2757,7 +2795,7 @@ const fc = ({ shouldAnimate: e, panelRect: t, formattingLocale: r }) => {
       }
     ),
     d !== null && /* @__PURE__ */ o(
-      lc,
+      gc,
       {
         plugin: a,
         layer: e,
@@ -2771,171 +2809,178 @@ const fc = ({ shouldAnimate: e, panelRect: t, formattingLocale: r }) => {
     )
   ] });
 };
-var yc = "_17uhij30";
-const bc = ({
+var Tc = "_17uhij30";
+const wc = ({
   formattedAxes: e,
-  plotRect: t,
-  panelRect: r,
-  axisRects: n,
-  axisLabelRects: s,
-  shouldAnimate: i,
-  formattingLocale: l
+  formattedPolarAxes: t,
+  plotRect: r,
+  panelRect: n,
+  axisRects: s,
+  axisLabelRects: i,
+  shouldAnimate: l,
+  formattingLocale: a
 }) => {
-  const a = N(null);
-  Tl(a);
-  const { axes: d, panelGuide: u } = A(
-    P((m) => ({ axes: m.guides.axes, panelGuide: m.guides.panel }))
-  ), h = y(() => Or(r, t), [r, t]), f = y(() => lt(n, t), [n, t]), p = y(() => lt(s, t), [s, t]);
+  const d = F(null);
+  Ll(d);
+  const { axes: u, panelGuide: h, coordSystem: p } = L(
+    D((x) => ({
+      axes: x.guides.axes,
+      panelGuide: x.guides.panel,
+      coordSystem: x.coordSystem
+    }))
+  ), f = b(() => Rr(n, r), [n, r]), v = b(() => ut(s, r), [s, r]), y = b(() => ut(i, r), [i, r]), m = b(() => u.filter((x) => x.geometry === "linear"), [u]);
   return /* @__PURE__ */ g(
     "svg",
     {
-      ref: a,
-      className: yc,
-      width: t.width,
-      height: t.height,
-      style: { transform: `translate(${t.x}px, ${t.y}px)` },
+      ref: d,
+      className: Tc,
+      width: r.width,
+      height: r.height,
+      style: { transform: `translate(${r.x}px, ${r.y}px)` },
       "data-testid": "plot",
       children: [
-        /* @__PURE__ */ o(Ql, { axes: e, panel: u, panelRect: h }),
-        /* @__PURE__ */ o(fl, { panelRect: h }),
-        /* @__PURE__ */ o(Kl, { formattedAxes: e, rects: f }),
-        /* @__PURE__ */ o(Zl, { axes: d, rects: p }),
-        /* @__PURE__ */ o(at, { panelRect: h, zOrder: "background" }),
-        /* @__PURE__ */ o(rt, { panelRect: h, zOrder: "background" }),
-        /* @__PURE__ */ o(fc, { shouldAnimate: i, panelRect: h, formattingLocale: l }),
-        /* @__PURE__ */ o(Ol, { panelRect: h, formattingLocale: l }),
-        /* @__PURE__ */ o(Rl, { panelRect: h, formattingLocale: l }),
-        /* @__PURE__ */ o(at, { panelRect: h, zOrder: "foreground" }),
-        /* @__PURE__ */ o(rt, { panelRect: h, zOrder: "foreground" }),
-        /* @__PURE__ */ o(Wl, { panelRect: h }),
-        /* @__PURE__ */ o(tc, { panelRect: h }),
-        /* @__PURE__ */ o(Cl, { panelRect: h })
+        /* @__PURE__ */ o(nc, { axes: e, panel: h, panelRect: f }),
+        p.type === "polar" && /* @__PURE__ */ o(oc, { axes: t, panelRect: f, coordSystem: p }),
+        /* @__PURE__ */ o(vl, { panelRect: f }),
+        /* @__PURE__ */ o(ec, { formattedAxes: e, rects: v }),
+        /* @__PURE__ */ o(tc, { axes: m, rects: y }),
+        /* @__PURE__ */ o(dt, { panelRect: f, zOrder: "background" }),
+        /* @__PURE__ */ o(rt, { panelRect: f, zOrder: "background" }),
+        /* @__PURE__ */ o(bc, { shouldAnimate: l, panelRect: f, formattingLocale: a }),
+        /* @__PURE__ */ o(Hl, { panelRect: f, formattingLocale: a }),
+        /* @__PURE__ */ o($l, { panelRect: f, formattingLocale: a }),
+        /* @__PURE__ */ o(dt, { panelRect: f, zOrder: "foreground" }),
+        /* @__PURE__ */ o(rt, { panelRect: f, zOrder: "foreground" }),
+        /* @__PURE__ */ o(Yl, { panelRect: f }),
+        /* @__PURE__ */ o(ic, { panelRect: f }),
+        /* @__PURE__ */ o(Al, { panelRect: f })
       ]
     }
   );
-}, Or = (e, t) => ({
+}, Rr = (e, t) => ({
   x: e.x - t.x,
   y: e.y - t.y,
   width: e.width,
   height: e.height
-}), lt = (e, t) => {
+}), ut = (e, t) => {
   const r = {};
   for (const [n, s] of Object.entries(e))
-    r[n] = Or(s, t);
+    r[n] = Rr(s, t);
   return r;
 }, xe = {
   headerSize: { width: 0, height: 0 },
   footerSize: { width: 0, height: 0 }
-}, xc = () => {
-  const [e, t] = F(null), [r, n] = F(null), [s, i] = F(xe);
-  return E(() => {
+}, Sc = () => {
+  const [e, t] = P(null), [r, n] = P(null), [s, i] = P(xe);
+  return _(() => {
     const l = () => {
       const d = e ? { width: e.offsetWidth, height: e.offsetHeight } : xe.headerSize, u = r ? { width: r.offsetWidth, height: r.offsetHeight } : xe.footerSize;
-      i((h) => kc(h, { headerSize: d, footerSize: u }) ? { headerSize: d, footerSize: u } : h);
+      i((h) => Ac(h, { headerSize: d, footerSize: u }) ? { headerSize: d, footerSize: u } : h);
     };
     l();
     const a = new ResizeObserver(l);
     return e && a.observe(e), r && a.observe(r), () => a.disconnect();
   }, [e, r]), { headerRef: t, footerRef: n, measurements: s };
-}, kc = (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, Cc = ({ appearance: e, isEditable: t, style: r, children: n }) => {
-  const { theme: s, themeClass: i, inlineVarsStyle: l } = Ge(), a = is(e.border), d = Math.max(0, e.cornerRadius), u = d === 0 ? 0 : d + a, h = y(() => {
-    const m = { ...r, borderRadius: `${u}px`, ...l }, v = ss(e.border, s);
-    return v !== null && (m.background = v), m;
-  }, [r, u, l, e.border, s]), f = y(
+}, Ac = (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, Lc = ({ appearance: e, isEditable: t, style: r, children: n }) => {
+  const { theme: s, themeClass: i, inlineVarsStyle: l } = Ge(), a = ds(e.border), d = Math.max(0, e.cornerRadius), u = d === 0 ? 0 : d + a, h = b(() => {
+    const v = { ...r, borderRadius: `${u}px`, ...l }, y = cs(e.border, s);
+    return y !== null && (v.background = y), v;
+  }, [r, u, l, e.border, s]), p = b(
     () => ({
       inset: `${a}px`,
       borderRadius: `${d}px`
     }),
     [a, d]
-  ), p = t && e.background.type === "solid" && e.background.color === "transparent";
-  return /* @__PURE__ */ o("div", { "data-testid": "graph-wrapper", className: j(ds, i), style: h, children: /* @__PURE__ */ o(
+  ), f = t && e.background.type === "solid" && e.background.color === "transparent";
+  return /* @__PURE__ */ o("div", { "data-testid": "graph-wrapper", className: j(fs, i), style: h, children: /* @__PURE__ */ o(
     "div",
     {
       "data-testid": "graph-inner",
-      className: j(hs, { [gs]: p }),
-      style: f,
+      className: j(ms, { [ys]: f }),
+      style: p,
       children: n
     }
   ) });
-}, nd = (e) => /* @__PURE__ */ o(Tn, { children: /* @__PURE__ */ o(wn, { children: /* @__PURE__ */ o(Tc, { ...e }) }) }), Tc = ({
+}, ld = (e) => /* @__PURE__ */ o(Ln, { children: /* @__PURE__ */ o(_n, { children: /* @__PURE__ */ o(_c, { ...e }) }) }), _c = ({
   width: e,
   height: t,
   isAnimated: r,
   showTooltips: n = !0,
   mode: s = "readonly"
 }) => {
-  const { axes: i, legends: l, numberFormat: a, parsingLocale: d, appearance: u, annotations: h, coordSystem: f, headline: p, headlineConfig: m } = A(
-    P((O) => ({
-      axes: O.guides.axes,
-      legends: O.guides.legends,
-      numberFormat: O.config.numberFormat,
-      parsingLocale: O.config.parsingLocale,
-      appearance: O.config.appearance,
-      annotations: O.annotations,
-      coordSystem: O.coordSystem,
-      headline: O.guides.headline,
-      headlineConfig: O.config.headline
+  const { axes: i, legends: l, numberFormat: a, parsingLocale: d, appearance: u, annotations: h, coordSystem: p, headline: f, headlineConfig: v } = L(
+    D((B) => ({
+      axes: B.guides.axes,
+      legends: B.guides.legends,
+      numberFormat: B.config.numberFormat,
+      parsingLocale: B.config.parsingLocale,
+      appearance: B.config.appearance,
+      annotations: B.annotations,
+      coordSystem: B.coordSystem,
+      headline: B.guides.headline,
+      headlineConfig: B.config.headline
     }))
-  ), v = Sn(), { headerRef: x, footerRef: C, measurements: b } = xc(), { formattingLocale: D, theme: X, themeOverrides: Y } = Le(), $e = y(
-    () => fn({ legends: l, numberFormat: a, parsingLocale: d, formattingLocale: D }),
-    [l, a, d, D]
-  ), K = y(
-    () => pn({ headline: p, show: m.show, numberFormat: a, parsingLocale: d, formattingLocale: D }),
-    [p, m.show, a, d, D]
-  ), Br = ee(), fe = u.border.type === "none" ? 0 : u.border.width, pe = y(
+  ), y = En(), { headerRef: m, footerRef: x, measurements: k } = Sc(), { formattingLocale: w, theme: O, themeOverrides: U } = _e(), ze = b(
+    () => vn({ legends: l, numberFormat: a, parsingLocale: d, formattingLocale: w }),
+    [l, a, d, w]
+  ), K = b(
+    () => bn({ headline: f, show: v.show, numberFormat: a, parsingLocale: d, formattingLocale: w }),
+    [f, v.show, a, d, w]
+  ), Hr = ee(), fe = u.border.type === "none" ? 0 : u.border.width, pe = b(
     () => ({
       width: Math.max(0, e - 2 * fe),
       height: Math.max(0, t - 2 * fe)
     }),
     [e, t, fe]
-  ), te = y(
+  ), te = b(
     () => K ? {
       formatted: K,
-      size: m.size,
-      position: m.position,
-      innerRadius: f.type === "polar" ? f.innerRadius : 0
+      size: v.size,
+      position: v.position,
+      innerRadius: p.type === "polar" ? p.innerRadius : 0
     } : void 0,
-    [K, m.size, m.position, f]
-  ), re = Mo(Br, u.textScale), Z = Go({
+    [K, v.size, v.position, p]
+  ), re = Vo(Hr, u.textScale), Z = Wo({
     measurer: re,
     axes: i,
     numberFormat: a,
     parsingLocale: d,
-    formattedLegends: $e,
+    formattedLegends: ze,
     containerSize: pe,
-    externalMeasurements: b,
+    externalMeasurements: k,
     headline: te,
-    formattingLocale: D,
+    formattingLocale: w,
     annotations: h,
-    coordSystem: f,
+    coordSystem: p,
     textScale: u.textScale
-  }), ne = y(() => !Z || !te || !re ? null : mn({
+  }), ne = b(() => !Z || !te || !re ? null : xn({
     headline: te,
     layout: Z.layout,
     containerSize: pe,
     measurer: re,
-    itemGap: Rt
+    itemGap: Gt
   }), [Z, te, pe, re]);
   if (!Z) return null;
-  const { layout: H, formattedAxes: Ir } = Z;
-  return /* @__PURE__ */ o(ms, { theme: X, themeOverrides: Y, appearance: u, children: /* @__PURE__ */ g(Cc, { appearance: u, isEditable: s === "editable", style: { width: e, height: t }, children: [
-    /* @__PURE__ */ o(Zi, { ref: x, headerRect: H.header, mode: s }),
+  const { layout: M, formattedAxes: Mr, formattedPolarAxes: Gr } = Z;
+  return /* @__PURE__ */ o(xs, { theme: O, themeOverrides: U, appearance: u, children: /* @__PURE__ */ g(Lc, { appearance: u, isEditable: s === "editable", style: { width: e, height: t }, children: [
+    /* @__PURE__ */ o(ta, { ref: m, headerRect: M.header, mode: s }),
     /* @__PURE__ */ o(
-      bc,
+      wc,
       {
-        formattedAxes: Ir,
-        plotRect: H.plot,
-        panelRect: H.panel,
-        axisRects: H.axes,
-        axisLabelRects: H.axisLabels,
-        shouldAnimate: r ?? !v,
-        formattingLocale: D ?? d
+        formattedAxes: Mr,
+        formattedPolarAxes: Gr,
+        plotRect: M.plot,
+        panelRect: M.panel,
+        axisRects: M.axes,
+        axisLabelRects: M.axisLabels,
+        shouldAnimate: r ?? !y,
+        formattingLocale: w ?? d
       }
     ),
-    /* @__PURE__ */ o(Ri, { ref: C, footerRect: H.footer, mode: s }),
-    /* @__PURE__ */ o(il, { formattedLegends: $e, rects: H.legends, textScale: u.textScale }),
+    /* @__PURE__ */ o($i, { ref: x, footerRect: M.footer, mode: s }),
+    /* @__PURE__ */ o(dl, { formattedLegends: ze, rects: M.legends, textScale: u.textScale }),
     K && ne && /* @__PURE__ */ o(
-      ba,
+      Ta,
       {
         headline: K,
         rect: ne.rect,
@@ -2943,21 +2988,21 @@ const bc = ({
         visibleItemCount: ne.visibleItemCount
       }
     ),
-    n && /* @__PURE__ */ o(bo, {})
+    n && /* @__PURE__ */ o(To, {})
   ] }) });
 };
 export {
-  id as CanvasTextMeasurer,
-  rd as DevToolsPanel,
-  ad as GraphProvider,
-  nd as GraphRenderer,
-  Tn as HoverProvider,
-  wn as TextMeasurerProvider,
-  ms as ThemeProvider,
-  ps as darkTheme,
-  fs as lightTheme,
-  A as useCompiledSelector,
-  yt as useGraphCommandDispatcher,
+  ud as CanvasTextMeasurer,
+  ad as DevToolsPanel,
+  hd as GraphProvider,
+  ld as GraphRenderer,
+  Ln as HoverProvider,
+  _n as TextMeasurerProvider,
+  xs as ThemeProvider,
+  bs as darkTheme,
+  vs as lightTheme,
+  L as useCompiledSelector,
+  kt as useGraphCommandDispatcher,
   he as useHoverState,
   ee as useTextMeasurer,
   c as vars