@actioneer/ads 0.5.3 → 0.5.5

package/components/chart.js

@@ -1,154 +1,224 @@
 "use client";
-import { jsxs as y, jsx as e, Fragment as H } from "react/jsx-runtime";
+import { jsxs as N, jsx as e, Fragment as V } from "react/jsx-runtime";
 import * as k from "react";
-import { ResponsiveContainer as I, LineChart as me, Tooltip as O, Line as re, AreaChart as fe, Area as ue, CartesianGrid as X, XAxis as Z, YAxis as z, BarChart as he, Bar as ne, Cell as ie, ComposedChart as xe, ScatterChart as ve, Scatter as ge, PieChart as be, Pie as pe, RadarChart as ye, PolarGrid as Ne, PolarAngleAxis as oe, PolarRadiusAxis as ke, Radar as we, RadialBarChart as Ae, RadialBar as Ce, Treemap as Re, ReferenceArea as $e, ReferenceLine as Fe, ReferenceDot as Me } from "recharts";
-import { MotionConfig as Le, AnimatePresence as Oe, motion as Se } from "motion/react";
+import { ResponsiveContainer as j, LineChart as ve, Tooltip as S, Line as ie, AreaChart as be, Area as ge, CartesianGrid as X, XAxis as Z, YAxis as E, BarChart as pe, Bar as le, Cell as oe, ComposedChart as Ne, ScatterChart as we, Scatter as Ae, PieChart as ye, Pie as Ce, RadarChart as ke, PolarGrid as Re, PolarAngleAxis as se, PolarRadiusAxis as Me, Radar as $e, RadialBarChart as Le, RadialBar as Fe, Treemap as Se, ReferenceArea as Oe, ReferenceLine as Te, ReferenceDot as Ie } from "recharts";
+import { MotionConfig as Be, AnimatePresence as De, motion as We } from "motion/react";
 import { cn as $ } from "../lib/cn.js";
-import { floatVariants as Te } from "../lib/motion.js";
-const E = (t) => `var(--color-chart-${t % 6 + 1})`, V = (t) => E(t), Q = "var(--color-ink-300)", T = {
+import { floatVariants as je } from "../lib/motion.js";
+const _ = (t) => `var(--color-chart-${t % 6 + 1})`, Y = (t) => _(t), Q = "var(--chart-context)", D = {
   primary: { ref: "var(--brand)", pill: "bg-fill text-fill-foreground" },
   success: { ref: "var(--color-success-600)", pill: "bg-success-50 text-success-700" },
   warning: { ref: "var(--color-warning-500)", pill: "bg-warning-50 text-warning-700" },
   danger: { ref: "var(--color-danger-500)", pill: "bg-danger-50 text-danger-700" },
   info: { ref: "var(--color-info-500)", pill: "bg-info-50 text-info-700" }
-}, L = (t) => new Intl.NumberFormat("en-US", { notation: "compact", maximumFractionDigits: 1 }).format(t), le = (t, n) => {
-  const r = [];
-  for (const i of t)
-    for (const a of Object.keys(i))
-      a !== n && typeof i[a] == "number" && !r.includes(a) && r.push(a);
-  return r;
+}, F = (t) => new Intl.NumberFormat("en-US", { notation: "compact", maximumFractionDigits: 1 }).format(t), ce = (t, r) => {
+  const n = [];
+  for (const l of t)
+    for (const o of Object.keys(l))
+      o !== r && typeof l[o] == "number" && !n.includes(o) && n.push(o);
+  return n;
 };
-function B({ x: t, y: n, payload: r, anchor: i, dy: a, format: l }) {
-  const s = (r == null ? void 0 : r.value) ?? "", d = l ? l(s) : s;
-  return /* @__PURE__ */ e("text", { x: t, y: n, dy: a, textAnchor: i, className: "fill-tertiary text-xs tabular-nums", children: d });
+function I({ x: t, y: r, payload: n, anchor: l, dy: o, format: a }) {
+  const s = (n == null ? void 0 : n.value) ?? "", u = a ? a(s) : s;
+  return /* @__PURE__ */ e("text", { x: t, y: r, dy: o, textAnchor: l, className: "fill-tertiary text-xs tabular-nums", children: u });
 }
-function S({
+function de({
+  x: t,
+  y: r,
+  value: n,
+  hidden: l,
+  format: o
+}) {
+  if (l || t == null || r == null || n == null || n === "") return null;
+  const a = Number(n);
+  return Number.isNaN(a) ? null : /* @__PURE__ */ e(
+    "text",
+    {
+      x: Number(t),
+      y: Number(r) - 10,
+      textAnchor: "middle",
+      className: "fill-secondary text-xs tabular-nums",
+      children: o(a)
+    }
+  );
+}
+function ze({
+  x: t,
+  y: r,
+  width: n,
+  height: l,
+  value: o,
+  format: a,
+  horizontal: s
+}) {
+  if (t == null || r == null || o == null || o === "") return null;
+  const u = Number(o);
+  if (Number.isNaN(u)) return null;
+  const c = Number(t), f = Number(r), d = Number(n ?? 0), x = Number(l ?? 0);
+  return s ? /* @__PURE__ */ e(
+    "text",
+    {
+      x: c + d + 8,
+      y: f + x / 2,
+      dy: "0.32em",
+      textAnchor: "start",
+      className: "fill-secondary text-xs tabular-nums",
+      children: a(u)
+    }
+  ) : /* @__PURE__ */ e(
+    "text",
+    {
+      x: c + d / 2,
+      y: f - 8,
+      textAnchor: "middle",
+      className: "fill-secondary text-xs tabular-nums",
+      children: a(u)
+    }
+  );
+}
+function q({
+  cx: t,
+  cy: r,
+  fill: n
+}) {
+  return t == null || r == null ? null : /* @__PURE__ */ e("circle", { cx: t, cy: r, r: 4.5, fill: n, stroke: "var(--background)", strokeWidth: 2 });
+}
+function O({
   active: t,
-  payload: n,
-  label: r,
-  format: i,
-  labelKey: a,
-  renderer: l
+  payload: r,
+  label: n,
+  format: l,
+  labelKey: o,
+  renderer: a
 }) {
-  var g, u;
-  const s = (n ?? []).map((m, N) => {
-    const v = m.payload && typeof m.payload == "object" ? m.payload : void 0;
+  var x, v;
+  const s = (r ?? []).map((m, b) => {
+    const w = m.payload && typeof m.payload == "object" ? m.payload : void 0;
     return {
-      key: m.dataKey ?? N,
-      name: m.name ?? m.dataKey ?? N,
+      key: m.dataKey ?? b,
+      name: m.name ?? m.dataKey ?? b,
       value: m.value,
       color: m.color,
-      datum: v
+      datum: w
     };
-  }), d = a ? (u = (g = s[0]) == null ? void 0 : g.datum) == null ? void 0 : u[a] : void 0, f = {
+  }), u = o ? (v = (x = s[0]) == null ? void 0 : x.datum) == null ? void 0 : v[o] : void 0, c = {
     active: !!t,
-    label: typeof d == "string" || typeof d == "number" ? d : r,
+    label: typeof u == "string" || typeof u == "number" ? u : n,
     items: s,
-    formatValue: i
+    formatValue: l
   };
-  if (l) return /* @__PURE__ */ e(H, { children: l(f) });
-  if (!f.active || !s.length) return null;
-  const o = s.length === 1, p = f.label ?? (o ? s[0].name : void 0);
-  return /* @__PURE__ */ y("div", { className: "rounded-md bg-foreground px-2.5 py-1.5 text-xs text-background", children: [
-    /* @__PURE__ */ e("div", { className: $("text-xs font-medium tracking-wide uppercase text-background/60", !o && "mb-1"), children: p }),
-    s.map((m) => /* @__PURE__ */ y("div", { className: "flex items-center gap-1.5", children: [
-      !o && /* @__PURE__ */ y(H, { children: [
+  if (a) return /* @__PURE__ */ e(V, { children: a(c) });
+  if (!c.active || !s.length) return null;
+  const f = s.length === 1, d = c.label ?? (f ? s[0].name : void 0);
+  return /* @__PURE__ */ N("div", { className: "rounded-md bg-foreground px-2.5 py-1.5 text-xs text-background", children: [
+    /* @__PURE__ */ e("div", { className: $("text-xs font-normal tracking-wide uppercase text-background/60", !f && "mb-1"), children: d }),
+    s.map((m) => /* @__PURE__ */ N("div", { className: "flex items-center gap-1.5", children: [
+      !f && /* @__PURE__ */ N(V, { children: [
         /* @__PURE__ */ e("span", { "aria-hidden": !0, className: "size-1.5 rounded-dot", style: { background: m.color } }),
         /* @__PURE__ */ e("span", { className: "text-background/70", children: m.name })
       ] }),
-      /* @__PURE__ */ e("span", { className: "ml-auto pl-3 font-medium tabular-nums", children: typeof m.value == "number" ? i(m.value) : String(m.value ?? "") })
+      /* @__PURE__ */ e("span", { className: "ml-auto pl-3 font-normal tabular-nums", children: typeof m.value == "number" ? l(m.value) : String(m.value ?? "") })
     ] }, m.key))
   ] });
 }
-const Y = "pointer-events-none inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium whitespace-nowrap";
-function Be({ viewBox: t, label: n, color: r, axis: i }) {
-  const a = t ?? {};
-  return i === "y" ? /* @__PURE__ */ e("foreignObject", { x: a.x ?? 0, y: (a.y ?? 0) - 10, width: a.width ?? 0, height: 20, className: "overflow-visible", children: /* @__PURE__ */ e("div", { className: "flex h-full items-center justify-end pr-1", children: /* @__PURE__ */ e("span", { className: $(Y, T[r].pill), children: n }) }) }) : /* @__PURE__ */ e("foreignObject", { x: (a.x ?? 0) - 90, y: (a.y ?? 0) - 10, width: 180, height: 20, className: "overflow-visible", children: /* @__PURE__ */ e("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ e("span", { className: $(Y, T[r].pill), children: n }) }) });
+const ue = "pointer-events-none inline-flex min-h-4 items-center rounded-full px-2 py-0.5 text-xs font-normal whitespace-nowrap";
+function Pe({
+  viewBox: t,
+  label: r,
+  value: n,
+  color: l,
+  axis: o
+}) {
+  const a = t ?? {}, s = /* @__PURE__ */ N("span", { className: $(ue, D[l].pill), children: [
+    r,
+    n != null && /* @__PURE__ */ e("span", { className: "ml-1 tabular-nums opacity-70", children: n })
+  ] });
+  return o === "y" ? /* @__PURE__ */ e("foreignObject", { x: a.x ?? 0, y: (a.y ?? 0) - 12, width: a.width ?? 0, height: 24, className: "overflow-visible", children: /* @__PURE__ */ e("div", { className: "flex h-full items-center justify-end pr-1", children: s }) }) : /* @__PURE__ */ e("foreignObject", { x: (a.x ?? 0) - 90, y: (a.y ?? 0) - 12, width: 180, height: 24, className: "overflow-visible", children: /* @__PURE__ */ e("div", { className: "flex h-full items-center justify-center", children: s }) });
 }
-function De({ viewBox: t, label: n, color: r }) {
-  const i = t ?? {};
-  return /* @__PURE__ */ e("foreignObject", { x: i.x ?? 0, y: i.y ?? 0, width: i.width ?? 0, height: 28, className: "overflow-visible", children: /* @__PURE__ */ e("div", { className: "flex h-full items-center pl-1.5", children: /* @__PURE__ */ e("span", { className: $(Y, T[r].pill), children: n }) }) });
+function Ee({ viewBox: t, label: r, color: n }) {
+  const l = t ?? {};
+  return /* @__PURE__ */ e("foreignObject", { x: l.x ?? 0, y: l.y ?? 0, width: l.width ?? 0, height: 28, className: "overflow-visible", children: /* @__PURE__ */ e("div", { className: "flex h-full items-center pl-1.5", children: /* @__PURE__ */ e("span", { className: $(ue, D[n].pill), children: r }) }) });
 }
-function We({
+function _e({
   cx: t,
-  cy: n,
-  n: r,
-  ann: i,
-  onEnter: a,
-  onLeave: l
+  cy: r,
+  n,
+  ann: l,
+  onEnter: o,
+  onLeave: a
 }) {
-  const [s, d] = k.useState(!1);
-  if (t == null || n == null || !Number.isFinite(t) || !Number.isFinite(n)) return /* @__PURE__ */ e("g", {});
-  const f = () => a({ ann: i, n: r, cx: t, cy: n }), o = () => l();
-  return /* @__PURE__ */ y(
+  const [s, u] = k.useState(!1);
+  if (t == null || r == null || !Number.isFinite(t) || !Number.isFinite(r)) return /* @__PURE__ */ e("g", {});
+  const c = () => o({ ann: l, n, cx: t, cy: r }), f = () => a();
+  return /* @__PURE__ */ N(
     "g",
     {
       tabIndex: 0,
       role: "img",
-      "aria-label": `Annotation ${r}: ${i.label}`,
+      "aria-label": `Annotation ${n}: ${l.label}`,
       className: "cursor-default outline-none [transform-box:fill-box] origin-center transition-transform ease-out [transition-duration:var(--duration-fast)] hover:scale-110 focus-visible:scale-110",
-      onMouseEnter: f,
-      onMouseLeave: o,
+      onMouseEnter: c,
+      onMouseLeave: f,
       onFocus: () => {
-        d(!0), f();
+        u(!0), c();
       },
       onBlur: () => {
-        d(!1), o();
+        u(!1), f();
       },
       children: [
-        s && /* @__PURE__ */ e("circle", { cx: t, cy: n, r: 12, fill: "none", stroke: "var(--ring)", strokeWidth: 2 }),
-        /* @__PURE__ */ e("circle", { cx: t, cy: n, r: 10, fill: "var(--background)" }),
-        /* @__PURE__ */ e("circle", { cx: t, cy: n, r: 8, fill: T[i.color ?? "primary"].ref }),
+        s && /* @__PURE__ */ e("circle", { cx: t, cy: r, r: 12, fill: "none", stroke: "var(--ring)", strokeWidth: 2 }),
+        /* @__PURE__ */ e("circle", { cx: t, cy: r, r: 10, fill: "var(--background)" }),
+        /* @__PURE__ */ e("circle", { cx: t, cy: r, r: 8, fill: D[l.color ?? "primary"].ref }),
         /* @__PURE__ */ e(
           "text",
           {
             x: t,
-            y: n,
+            y: r,
             dy: "0.35em",
             textAnchor: "middle",
-            className: "pointer-events-none fill-brand-foreground text-xs font-bold select-none",
-            children: r
+            className: "pointer-events-none fill-brand-foreground text-xs font-semibold select-none",
+            children: n
           }
         )
       ]
     }
   );
 }
-function Ie({ hovered: t, frameWidth: n, format: r }) {
-  return /* @__PURE__ */ e(Le, { reducedMotion: "user", children: /* @__PURE__ */ e(Oe, { children: t && /* @__PURE__ */ e(
+function Ge({ hovered: t, frameWidth: r, format: n }) {
+  return /* @__PURE__ */ e(Be, { reducedMotion: "user", children: /* @__PURE__ */ e(De, { children: t && /* @__PURE__ */ e(
     "div",
     {
       className: "pointer-events-none absolute z-10",
       style: {
-        left: Math.max(96, Math.min(t.cx, Math.max(n - 96, 96))),
+        left: Math.max(96, Math.min(t.cx, Math.max(r - 96, 96))),
         top: t.cy - 16
       },
-      children: /* @__PURE__ */ y(
-        Se.div,
+      children: /* @__PURE__ */ N(
+        We.div,
         {
-          variants: Te,
+          variants: je,
           initial: "hidden",
           animate: "visible",
           exit: "hidden",
           className: "w-max max-w-60 -translate-x-1/2 -translate-y-full origin-bottom rounded-lg bg-elevated p-3 shadow-elevation",
           children: [
-            /* @__PURE__ */ y("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ N("div", { className: "flex items-center gap-2", children: [
               /* @__PURE__ */ e(
                 "span",
                 {
                   "aria-hidden": !0,
-                  className: "flex size-4.5 shrink-0 items-center justify-center rounded-full text-xs font-bold text-brand-foreground",
-                  style: { background: T[t.ann.color ?? "primary"].ref },
+                  className: "flex size-4.5 shrink-0 items-center justify-center rounded-full text-xs font-semibold text-brand-foreground",
+                  style: { background: D[t.ann.color ?? "primary"].ref },
                   children: t.n
                 }
               ),
-              /* @__PURE__ */ e("span", { className: "text-xs font-medium text-foreground", children: t.ann.label })
+              /* @__PURE__ */ e("span", { className: "text-xs font-normal text-foreground", children: t.ann.label })
             ] }),
             t.ann.description && /* @__PURE__ */ e("p", { className: "mt-1.5 text-xs leading-relaxed text-secondary", children: t.ann.description }),
-            /* @__PURE__ */ y("div", { className: "mt-1.5 text-xs font-medium tracking-wide uppercase text-tertiary tabular-nums", children: [
+            /* @__PURE__ */ N("div", { className: "mt-1.5 text-xs font-normal tracking-wide uppercase text-tertiary tabular-nums", children: [
               t.ann.x,
               " · ",
-              r(t.ann.y)
+              n(t.ann.y)
             ] })
           ]
         }
@@ -156,245 +226,303 @@ function Ie({ hovered: t, frameWidth: n, format: r }) {
     }
   ) }) });
 }
-function se(t) {
-  const [n, r] = k.useState(null), i = k.useCallback(() => r(null), []), { back: a, front: l } = k.useMemo(() => {
-    const s = [], d = [];
+function me(t, r) {
+  const [n, l] = k.useState(null), o = k.useCallback(() => l(null), []), { back: a, front: s } = k.useMemo(() => {
+    const u = [], c = [];
     let f = 0;
-    return (t ?? []).forEach((o, p) => {
-      const g = o.color ?? "primary";
-      if (o.kind === "band") {
-        const u = o.axis ?? "y";
-        s.push(
+    return (t ?? []).forEach((d, x) => {
+      const v = d.color ?? "primary";
+      if (d.kind === "band") {
+        const m = d.axis ?? "y";
+        u.push(
           /* @__PURE__ */ e(
-            $e,
+            Oe,
             {
-              ...u === "y" ? { y1: o.from, y2: o.to } : { x1: o.from, x2: o.to },
-              fill: T[g].ref,
+              ...m === "y" ? { y1: d.from, y2: d.to } : { x1: d.from, x2: d.to },
+              fill: D[v].ref,
               fillOpacity: 0.06,
               stroke: "none",
-              ifOverflow: u === "y" ? "extendDomain" : "visible",
-              label: o.label ? /* @__PURE__ */ e(De, { label: o.label, color: g }) : void 0
+              ifOverflow: m === "y" ? "extendDomain" : "visible",
+              label: d.label ? /* @__PURE__ */ e(Ee, { label: d.label, color: v }) : void 0
             },
-            `ann-${p}`
+            `ann-${x}`
           )
         );
-      } else if (o.kind === "line") {
-        const u = o.axis ?? "y";
-        d.push(
+      } else if (d.kind === "line") {
+        const m = d.axis ?? "y";
+        c.push(
           /* @__PURE__ */ e(
-            Fe,
+            Te,
             {
-              ...u === "y" ? { y: o.value } : { x: o.value },
-              stroke: T[g].ref,
+              ...m === "y" ? { y: d.value } : { x: d.value },
+              stroke: D[v].ref,
               strokeWidth: 1,
               strokeDasharray: "4 4",
-              ifOverflow: u === "y" ? "extendDomain" : "visible",
-              label: o.label ? /* @__PURE__ */ e(Be, { label: o.label, color: g, axis: u }) : void 0
+              ifOverflow: m === "y" ? "extendDomain" : "visible",
+              label: d.label ? /* @__PURE__ */ e(
+                Pe,
+                {
+                  label: d.label,
+                  value: typeof d.value == "number" ? r(d.value) : String(d.value),
+                  color: v,
+                  axis: m
+                }
+              ) : void 0
             },
-            `ann-${p}`
+            `ann-${x}`
           )
         );
       } else {
         f += 1;
-        const u = f;
-        d.push(
+        const m = f;
+        c.push(
           /* @__PURE__ */ e(
-            Me,
+            Ie,
             {
-              x: o.x,
-              y: o.y,
+              x: d.x,
+              y: d.y,
               ifOverflow: "visible",
-              shape: (m) => /* @__PURE__ */ e(We, { cx: m.cx, cy: m.cy, n: u, ann: o, onEnter: r, onLeave: i })
+              shape: (b) => /* @__PURE__ */ e(_e, { cx: b.cx, cy: b.cy, n: m, ann: d, onEnter: l, onLeave: o })
             },
-            `ann-${p}`
+            `ann-${x}`
           )
         );
       }
-    }), { back: s, front: d };
-  }, [t, i]);
-  return { back: a, front: l, hovered: n };
+    }), { back: u, front: c };
+  }, [t, r, o]);
+  return { back: a, front: s, hovered: n };
 }
-function _({
+function G({
   items: t,
-  align: n = "end",
-  className: r
+  align: r = "end",
+  className: n
 }) {
-  const i = {
+  const l = {
     start: "justify-start",
     center: "justify-center",
     end: "justify-end"
-  }[n];
-  return /* @__PURE__ */ e("div", { className: $("mb-3 flex flex-wrap items-center gap-x-4 gap-y-1", i, r), children: t.map((a) => /* @__PURE__ */ y("span", { className: "inline-flex items-center gap-1.5 text-xs text-secondary", children: [
-    /* @__PURE__ */ e("span", { "aria-hidden": !0, className: "size-2 rounded-dot", style: { background: a.color } }),
-    a.label
-  ] }, a.label)) });
+  }[r];
+  return /* @__PURE__ */ e("div", { className: $("mb-3 flex flex-wrap items-center gap-x-4 gap-y-1", l, n), children: t.map((o) => /* @__PURE__ */ N("span", { className: "inline-flex items-center gap-1.5 text-xs text-secondary", children: [
+    /* @__PURE__ */ e("span", { "aria-hidden": !0, className: "size-2 rounded-dot", style: { background: o.color } }),
+    o.label
+  ] }, o.label)) });
 }
 const W = k.forwardRef(
-  ({ className: t, height: n, legendItems: r, hovered: i, format: a, children: l, ...s }, d) => {
-    var p;
-    const f = k.useRef(null);
-    return /* @__PURE__ */ y("div", { ref: (g) => {
-      f.current = g, typeof d == "function" ? d(g) : d && (d.current = g);
+  ({ className: t, height: r, legendItems: n, hovered: l, format: o, children: a, ...s }, u) => {
+    var d;
+    const c = k.useRef(null);
+    return /* @__PURE__ */ N("div", { ref: (x) => {
+      c.current = x, typeof u == "function" ? u(x) : u && (u.current = x);
     }, className: $("relative w-full font-sans", t), ...s, children: [
-      r && /* @__PURE__ */ e(_, { items: r }),
-      /* @__PURE__ */ e(I, { width: "100%", height: n, children: l }),
-      /* @__PURE__ */ e(Ie, { hovered: i, frameWidth: ((p = f.current) == null ? void 0 : p.clientWidth) ?? 0, format: a })
+      n && /* @__PURE__ */ e(G, { items: n }),
+      /* @__PURE__ */ e(j, { width: "100%", height: Math.max(r, T), children: a }),
+      /* @__PURE__ */ e(Ge, { hovered: l, frameWidth: ((d = c.current) == null ? void 0 : d.clientWidth) ?? 0, format: o })
     ] });
   }
 );
 W.displayName = "ChartFrame";
-function G(t) {
+function H(t) {
   const {
-    data: n,
-    categoryKey: r,
-    series: i,
-    seriesLabels: a,
-    highlight: l,
+    data: r,
+    categoryKey: n,
+    series: l,
+    seriesLabels: o,
+    highlight: a,
     annotations: s,
-    grid: d = !0,
-    legend: f,
-    showYAxis: o = !0,
-    formatValue: p,
-    xScale: g = "category",
-    xDomain: u,
+    grid: u = !1,
+    legend: c,
+    showYAxis: f = !0,
+    formatValue: d,
+    xScale: x = "category",
+    xDomain: v,
     yDomain: m,
-    xTickFormatter: N,
-    yTickFormatter: v,
-    yAxisWidth: c = 44
-  } = t, x = k.useMemo(() => i ?? le(n, r), [i, n, r]), h = p ?? L, A = v ?? ((C) => typeof C == "number" ? h(C) : C), F = se(s), w = (C, D) => l && x.includes(l) ? C === l ? "var(--color-chart-1)" : Q : E(D), R = (C) => (a == null ? void 0 : a[C]) ?? C, b = f ?? x.length > 1 ? x.map((C, D) => ({ label: R(C), color: w(C, D) })) : null;
-  return { names: x, format: h, layers: F, legendItems: b, furniture: [
-    d ? /* @__PURE__ */ e(X, { vertical: !1, stroke: "var(--border)" }, "grid") : null,
+    xTickFormatter: b,
+    yTickFormatter: w,
+    yAxisWidth: A = 44
+  } = t, p = k.useMemo(() => l ?? ce(r, n), [l, r, n]), i = d ?? F, h = w ?? ((M) => typeof M == "number" ? i(M) : M), y = me(s, i), C = (M, B) => a && p.includes(a) ? M === a ? "var(--color-chart-1)" : Q : _(B), R = (M) => (o == null ? void 0 : o[M]) ?? M, g = c ?? p.length > 1 ? p.map((M, B) => ({ label: R(M), color: C(M, B) })) : null;
+  return { names: p, format: i, layers: y, legendItems: g, furniture: [
+    /* Gridlines one step below the border token — guides, not content. */
+    u ? /* @__PURE__ */ e(X, { vertical: !1, stroke: "var(--chart-grid)" }, "grid") : null,
     /* @__PURE__ */ e(
       Z,
       {
-        dataKey: r,
-        type: g === "time" ? "number" : "category",
-        scale: g === "time" ? "time" : "auto",
-        domain: g === "time" ? u ?? ["dataMin", "dataMax"] : u,
-        allowDataOverflow: !!u,
-        axisLine: !1,
+        dataKey: n,
+        type: x === "time" ? "number" : "category",
+        scale: x === "time" ? "time" : "auto",
+        domain: x === "time" ? v ?? ["dataMin", "dataMax"] : v,
+        allowDataOverflow: !!v,
+        axisLine: { stroke: "var(--chart-axis)" },
         tickLine: !1,
         minTickGap: 28,
-        tickMargin: 10,
-        tick: /* @__PURE__ */ e(B, { anchor: "middle", dy: 0, format: N })
+        tickMargin: 24,
+        padding: { left: 16, right: 16 },
+        height: 40,
+        tick: /* @__PURE__ */ e(I, { anchor: "middle", dy: 0, format: b })
       },
       "x"
     ),
-    o ? /* @__PURE__ */ e(
-      z,
+    f ? /* @__PURE__ */ e(
+      E,
       {
-        width: c,
+        width: A,
         domain: m,
         allowDataOverflow: !!m,
-        axisLine: !1,
+        axisLine: { stroke: "var(--chart-axis)" },
         tickLine: !1,
-        tickMargin: 6,
-        tick: /* @__PURE__ */ e(B, { anchor: "end", dy: "0.32em", format: A })
+        tickMargin: 12,
+        tick: /* @__PURE__ */ e(I, { anchor: "end", dy: "0.32em", format: h })
       },
       "y"
     ) : null
-  ], colorFor: w, labelFor: R };
+  ], colorFor: C, labelFor: R };
 }
-const j = { top: 20, right: 12, bottom: 4, left: 0 }, je = k.forwardRef(
-  ({ height: t = 280, curve: n = "natural", forecastKeys: r, className: i, ...a }, l) => {
-    const { names: s, format: d, layers: f, legendItems: o, furniture: p, colorFor: g, labelFor: u } = G(a);
-    return /* @__PURE__ */ e(W, { ref: l, className: i, height: t, legendItems: o, hovered: f.hovered, format: d, children: /* @__PURE__ */ y(me, { data: a.data, margin: j, children: [
-      p,
-      a.tooltip !== !1 && /* @__PURE__ */ e(
-        O,
-        {
-          content: /* @__PURE__ */ e(
+const T = 300, z = { top: 24, right: 12, bottom: 8, left: 0 };
+function J(t, r, n, l) {
+  if (l === !0) return new Set(t);
+  if (l === !1) return /* @__PURE__ */ new Set();
+  if (n && t.includes(n)) {
+    const a = (r ?? []).filter((s) => s !== n);
+    return /* @__PURE__ */ new Set([n, ...a]);
+  }
+  return t.filter((a) => !(r != null && r.includes(a))).length === 1 ? new Set(t) : /* @__PURE__ */ new Set();
+}
+function fe(t, r, n) {
+  return k.useCallback(
+    (l, o) => {
+      if (!(r != null && r.includes(l))) return n(l, o);
+      const a = t.filter((u) => !r.includes(u)), s = a[r.indexOf(l)] ?? a[0];
+      return s ? n(s, t.indexOf(s)) : n(l, o);
+    },
+    [t, r, n]
+  );
+}
+const He = k.forwardRef(
+  // Straight segments by default: the house line is a solid stroke with a DOT
+  // at every observation — the data points are visible, the path connects them
+  // without inventing values between them.
+  // A smooth curve invents values between observations; opt back in with
+  // `curve="natural"` when the interpolation is the point.
+  ({ height: t = T, curve: r = "linear", forecastKeys: n, showValues: l, className: o, ...a }, s) => {
+    const { names: u, format: c, layers: f, legendItems: d, furniture: x, colorFor: v, labelFor: m } = H(a), b = fe(u, n, v), w = J(u, n, a.highlight, l), [A, p] = k.useState(null);
+    return /* @__PURE__ */ e(W, { ref: s, className: o, height: t, legendItems: d, hovered: f.hovered, format: c, children: /* @__PURE__ */ N(
+      ve,
+      {
+        data: a.data,
+        margin: z,
+        onMouseMove: (i) => p((i == null ? void 0 : i.activeTooltipIndex) ?? null),
+        onMouseLeave: () => p(null),
+        children: [
+          x,
+          a.tooltip !== !1 && /* @__PURE__ */ e(
             S,
             {
-              format: d,
-              renderer: a.tooltip
+              content: /* @__PURE__ */ e(
+                O,
+                {
+                  format: c,
+                  renderer: a.tooltip
+                }
+              ),
+              cursor: { stroke: "var(--border-strong)" },
+              isAnimationActive: !1
             }
           ),
-          cursor: { stroke: "var(--border-strong)" },
-          isAnimationActive: !1
-        }
-      ),
-      f.back,
-      s.map((m, N) => /* @__PURE__ */ e(
-        re,
-        {
-          dataKey: m,
-          name: u(m),
-          type: n,
-          stroke: g(m, N),
-          strokeWidth: 2,
-          strokeDasharray: r != null && r.includes(m) ? "6 4" : void 0,
-          dot: !1,
-          activeDot: { r: 4, strokeWidth: 2, stroke: "var(--background)" },
-          isAnimationActive: !1
-        },
-        m
-      )),
-      f.front
-    ] }) });
+          f.back,
+          u.map((i, h) => /* @__PURE__ */ e(
+            ie,
+            {
+              dataKey: i,
+              name: m(i),
+              type: r,
+              stroke: b(i, h),
+              strokeWidth: 1.5,
+              strokeDasharray: n != null && n.includes(i) ? "6 4" : void 0,
+              dot: { r: 3, fill: b(i, h), strokeWidth: 0 },
+              activeDot: /* @__PURE__ */ e(q, { fill: b(i, h) }),
+              label: w.has(i) ? /* @__PURE__ */ e(de, { format: c, hidden: A != null }) : void 0,
+              isAnimationActive: !1
+            },
+            i
+          )),
+          f.front
+        ]
+      }
+    ) });
   }
 );
-je.displayName = "LineChart";
-const Pe = k.forwardRef(
-  ({ height: t = 280, curve: n = "natural", stacked: r = !1, forecastKeys: i, className: a, ...l }, s) => {
-    const { names: d, format: f, layers: o, legendItems: p, furniture: g, colorFor: u, labelFor: m } = G(l), N = k.useId().replace(/[^a-zA-Z0-9]/g, "");
-    return /* @__PURE__ */ e(W, { ref: s, className: a, height: t, legendItems: p, hovered: o.hovered, format: f, children: /* @__PURE__ */ y(fe, { data: l.data, margin: j, children: [
-      /* @__PURE__ */ e("defs", { children: d.map((v, c) => /* @__PURE__ */ y("linearGradient", { id: `${N}-${c}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [
-        /* @__PURE__ */ e("stop", { offset: "0%", stopColor: u(v, c), stopOpacity: 0.18 }),
-        /* @__PURE__ */ e("stop", { offset: "100%", stopColor: u(v, c), stopOpacity: 0.02 })
-      ] }, v)) }),
-      g,
-      l.tooltip !== !1 && /* @__PURE__ */ e(
-        O,
-        {
-          content: /* @__PURE__ */ e(
+He.displayName = "LineChart";
+const Ue = k.forwardRef(
+  ({ height: t = T, curve: r = "linear", stacked: n = !1, forecastKeys: l, showValues: o, className: a, ...s }, u) => {
+    const { names: c, format: f, layers: d, legendItems: x, furniture: v, colorFor: m, labelFor: b } = H(s), w = fe(c, l, m), A = n ? /* @__PURE__ */ new Set() : J(c, l, s.highlight, o), [p, i] = k.useState(null), h = k.useId().replace(/[^a-zA-Z0-9]/g, "");
+    return /* @__PURE__ */ e(W, { ref: u, className: a, height: t, legendItems: x, hovered: d.hovered, format: f, children: /* @__PURE__ */ N(
+      be,
+      {
+        data: s.data,
+        margin: z,
+        onMouseMove: (y) => i((y == null ? void 0 : y.activeTooltipIndex) ?? null),
+        onMouseLeave: () => i(null),
+        children: [
+          /* @__PURE__ */ e("defs", { children: c.map((y, C) => /* @__PURE__ */ N("linearGradient", { id: `${h}-${C}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+            /* @__PURE__ */ e("stop", { offset: "0%", stopColor: m(y, C), stopOpacity: 0.18 }),
+            /* @__PURE__ */ e("stop", { offset: "100%", stopColor: m(y, C), stopOpacity: 0.02 })
+          ] }, y)) }),
+          v,
+          s.tooltip !== !1 && /* @__PURE__ */ e(
             S,
             {
-              format: f,
-              renderer: l.tooltip
+              content: /* @__PURE__ */ e(
+                O,
+                {
+                  format: f,
+                  renderer: s.tooltip
+                }
+              ),
+              cursor: { stroke: "var(--border-strong)" },
+              isAnimationActive: !1
             }
           ),
-          cursor: { stroke: "var(--border-strong)" },
-          isAnimationActive: !1
-        }
-      ),
-      o.back,
-      d.map((v, c) => /* @__PURE__ */ e(
-        ue,
-        {
-          dataKey: v,
-          name: m(v),
-          type: n,
-          stackId: r ? "stack" : void 0,
-          stroke: u(v, c),
-          strokeWidth: 2,
-          strokeDasharray: i != null && i.includes(v) ? "6 4" : void 0,
-          fill: `url(#${N}-${c})`,
-          activeDot: { r: 4, strokeWidth: 2, stroke: "var(--background)" },
-          isAnimationActive: !1
-        },
-        v
-      )),
-      o.front
-    ] }) });
+          d.back,
+          c.map((y, C) => /* @__PURE__ */ e(
+            ge,
+            {
+              dataKey: y,
+              name: b(y),
+              type: r,
+              stackId: n ? "stack" : void 0,
+              stroke: w(y, C),
+              strokeWidth: 1.5,
+              strokeDasharray: l != null && l.includes(y) ? "6 4" : void 0,
+              fill: `url(#${h}-${C})`,
+              dot: { r: 3, fill: m(y, C), strokeWidth: 0 },
+              activeDot: /* @__PURE__ */ e(q, { fill: w(y, C) }),
+              label: A.has(y) ? /* @__PURE__ */ e(de, { format: f, hidden: p != null }) : void 0,
+              isAnimationActive: !1
+            },
+            y
+          )),
+          d.front
+        ]
+      }
+    ) });
   }
 );
-Pe.displayName = "AreaChart";
-const ze = k.forwardRef(
+Ue.displayName = "AreaChart";
+const Ve = k.forwardRef(
   ({
-    height: t = 280,
-    stacked: n = !1,
-    layout: r = "vertical",
-    className: i,
+    height: t = T,
+    stacked: r = !1,
+    layout: n = "vertical",
+    showValues: l,
+    className: o,
     ...a
-  }, l) => {
-    const { names: s, format: d, layers: f, legendItems: o, furniture: p, colorFor: g, labelFor: u } = G(a), m = r === "horizontal", N = a.xTickFormatter ?? ((x) => typeof x == "number" ? d(x) : x), v = [
+  }, s) => {
+    const { names: u, format: c, layers: f, legendItems: d, furniture: x, colorFor: v, labelFor: m } = H(a), b = n === "horizontal", w = r ? /* @__PURE__ */ new Set() : J(u, void 0, a.highlight, l), A = a.xTickFormatter ?? ((h) => typeof h == "number" ? c(h) : h), p = [
       a.grid !== !1 ? /* @__PURE__ */ e(
         X,
         {
           horizontal: !1,
           vertical: !0,
-          stroke: "var(--border)"
+          stroke: "var(--chart-grid)"
         },
         "grid"
       ) : null,
@@ -408,12 +536,12 @@ const ze = k.forwardRef(
           tickLine: !1,
           minTickGap: 28,
           tickMargin: 10,
-          tick: /* @__PURE__ */ e(B, { anchor: "middle", dy: 0, format: N })
+          tick: /* @__PURE__ */ e(I, { anchor: "middle", dy: 0, format: A })
         },
         "x"
       ),
       a.showYAxis !== !1 ? /* @__PURE__ */ e(
-        z,
+        E,
         {
           type: "category",
           dataKey: a.categoryKey,
@@ -422,7 +550,7 @@ const ze = k.forwardRef(
           tickLine: !1,
           tickMargin: 6,
           tick: /* @__PURE__ */ e(
-            B,
+            I,
             {
               anchor: "end",
               dy: "0.32em",
@@ -432,23 +560,23 @@ const ze = k.forwardRef(
         },
         "y"
       ) : null
-    ], c = a.highlight && s.length === 1 && !s.includes(a.highlight) ? a.highlight : null;
-    return /* @__PURE__ */ e(W, { ref: l, className: i, height: t, legendItems: o, hovered: f.hovered, format: d, children: /* @__PURE__ */ y(
-      he,
+    ], i = a.highlight && u.length === 1 && !u.includes(a.highlight) ? a.highlight : null;
+    return /* @__PURE__ */ e(W, { ref: s, className: o, height: t, legendItems: d, hovered: f.hovered, format: c, children: /* @__PURE__ */ N(
+      pe,
       {
         data: a.data,
-        layout: m ? "vertical" : "horizontal",
-        margin: j,
+        layout: b ? "vertical" : "horizontal",
+        margin: z,
         barCategoryGap: "24%",
         children: [
-          m ? v : p,
+          b ? p : x,
           a.tooltip !== !1 && /* @__PURE__ */ e(
-            O,
+            S,
             {
               content: /* @__PURE__ */ e(
-                S,
+                O,
                 {
-                  format: d,
+                  format: c,
                   renderer: a.tooltip
                 }
               ),
@@ -457,27 +585,28 @@ const ze = k.forwardRef(
             }
           ),
           f.back,
-          s.map((x, h) => {
-            const A = n ? h === s.length - 1 : !0, F = m ? [0, 4, 4, 0] : [4, 4, 0, 0];
+          u.map((h, y) => {
+            const C = r ? y === u.length - 1 : !0, R = b ? [0, 4, 4, 0] : [4, 4, 0, 0];
             return /* @__PURE__ */ e(
-              ne,
+              le,
               {
-                dataKey: x,
-                name: u(x),
-                stackId: n ? "stack" : void 0,
-                fill: g(x, h),
-                radius: A ? F : 0,
+                dataKey: h,
+                name: m(h),
+                stackId: r ? "stack" : void 0,
+                fill: v(h, y),
+                radius: C ? R : 0,
                 maxBarSize: 48,
+                label: w.has(h) ? /* @__PURE__ */ e(ze, { format: c, horizontal: b }) : void 0,
                 isAnimationActive: !1,
-                children: c && a.data.map((w) => /* @__PURE__ */ e(
-                  ie,
+                children: i && a.data.map((g) => /* @__PURE__ */ e(
+                  oe,
                   {
-                    fill: w[a.categoryKey] === c ? "var(--color-chart-1)" : Q
+                    fill: g[a.categoryKey] === i ? "var(--color-chart-1)" : Q
                   },
-                  String(w[a.categoryKey])
+                  String(g[a.categoryKey])
                 ))
               },
-              x
+              h
             );
           }),
           f.front
@@ -486,14 +615,17 @@ const ze = k.forwardRef(
     ) });
   }
 );
-ze.displayName = "BarChart";
-const ce = k.forwardRef(
-  ({ height: t = 280, lineKeys: n, dualAxis: r = !1, stacked: i = !1, forecastKeys: a, className: l, ...s }, d) => {
-    const { names: f, format: o, layers: p, legendItems: g, furniture: u, colorFor: m, labelFor: N } = G(s), v = f.filter((c) => !n.includes(c));
-    return /* @__PURE__ */ e(W, { ref: d, className: l, height: t, legendItems: g, hovered: p.hovered, format: o, children: /* @__PURE__ */ y(xe, { data: s.data, margin: j, barCategoryGap: "24%", children: [
-      u,
-      r && /* @__PURE__ */ e(
-        z,
+Ve.displayName = "BarChart";
+const he = k.forwardRef(
+  ({ height: t = T, lineKeys: r, dualAxis: n = !1, stacked: l = !1, forecastKeys: o, className: a, ...s }, u) => {
+    const { names: c, format: f, layers: d, furniture: x, colorFor: v, labelFor: m } = H(s), b = c.filter((i) => !r.includes(i)), w = (i, h) => r.length ? "var(--chart-axis)" : v(i, h), A = (i, h) => r.length ? "var(--color-chart-1)" : v(i, h), p = c.length > 1 ? [
+      ...b.map((i) => ({ label: m(i), color: w(i, c.indexOf(i)) })),
+      ...r.map((i) => ({ label: m(i), color: A(i, c.indexOf(i)) }))
+    ] : null;
+    return /* @__PURE__ */ e(W, { ref: u, className: a, height: t, legendItems: p, hovered: d.hovered, format: f, children: /* @__PURE__ */ N(Ne, { data: s.data, margin: z, barCategoryGap: "24%", children: [
+      x,
+      n && /* @__PURE__ */ e(
+        E,
         {
           yAxisId: "right",
           orientation: "right",
@@ -502,22 +634,22 @@ const ce = k.forwardRef(
           tickLine: !1,
           tickMargin: 6,
           tick: /* @__PURE__ */ e(
-            B,
+            I,
             {
               anchor: "start",
               dy: "0.32em",
-              format: (c) => typeof c == "number" ? o(c) : c
+              format: (i) => typeof i == "number" ? f(i) : i
             }
           )
         }
       ),
       s.tooltip !== !1 && /* @__PURE__ */ e(
-        O,
+        S,
         {
           content: /* @__PURE__ */ e(
-            S,
+            O,
             {
-              format: o,
+              format: f,
               renderer: s.tooltip
             }
           ),
@@ -525,121 +657,121 @@ const ce = k.forwardRef(
           isAnimationActive: !1
         }
       ),
-      p.back,
-      v.map((c) => {
-        const x = f.indexOf(c), h = i ? c === v[v.length - 1] : !0;
+      d.back,
+      b.map((i) => {
+        const h = c.indexOf(i), y = l ? i === b[b.length - 1] : !0;
         return /* @__PURE__ */ e(
-          ne,
+          le,
           {
-            dataKey: c,
-            name: N(c),
-            stackId: i ? "stack" : void 0,
-            fill: m(c, x),
-            radius: h ? [4, 4, 0, 0] : 0,
+            dataKey: i,
+            name: m(i),
+            stackId: l ? "stack" : void 0,
+            fill: w(i, h),
+            radius: y ? [4, 4, 0, 0] : 0,
             maxBarSize: 48,
             isAnimationActive: !1
           },
-          c
+          i
         );
       }),
-      n.map((c) => {
-        const x = f.indexOf(c);
+      r.map((i) => {
+        const h = c.indexOf(i);
         return /* @__PURE__ */ e(
-          re,
+          ie,
           {
-            dataKey: c,
-            name: N(c),
-            yAxisId: r ? "right" : void 0,
-            type: "natural",
-            stroke: m(c, x),
+            dataKey: i,
+            name: m(i),
+            yAxisId: n ? "right" : void 0,
+            type: "linear",
+            stroke: A(i, h),
             strokeWidth: 2,
-            strokeDasharray: a != null && a.includes(c) ? "6 4" : void 0,
-            dot: !1,
-            activeDot: { r: 4, strokeWidth: 2, stroke: "var(--background)" },
+            strokeDasharray: o != null && o.includes(i) ? "6 4" : void 0,
+            dot: { r: 3, fill: A(i, h), strokeWidth: 0 },
+            activeDot: /* @__PURE__ */ e(q, { fill: A(i, h) }),
             isAnimationActive: !1
           },
-          c
+          i
         );
       }),
-      p.front
+      d.front
     ] }) });
   }
 );
-ce.displayName = "ComboChart";
-const Ee = k.forwardRef(
-  (t, n) => /* @__PURE__ */ e(ce, { ref: n, ...t })
+he.displayName = "ComboChart";
+const Ye = k.forwardRef(
+  (t, r) => /* @__PURE__ */ e(he, { ref: r, ...t })
 );
-Ee.displayName = "ComposedChart";
-const _e = k.forwardRef(
+Ye.displayName = "ComposedChart";
+const Xe = k.forwardRef(
   ({
     data: t,
-    xKey: n,
-    yKey: r,
-    labelKey: i,
-    annotations: a,
-    height: l = 280,
-    grid: s = !0,
-    showYAxis: d = !0,
-    formatValue: f,
-    xScale: o = "number",
-    xDomain: p,
-    yDomain: g,
-    xTickFormatter: u,
+    xKey: r,
+    yKey: n,
+    labelKey: l,
+    annotations: o,
+    height: a = T,
+    grid: s = !1,
+    showYAxis: u = !0,
+    formatValue: c,
+    xScale: f = "number",
+    xDomain: d,
+    yDomain: x,
+    xTickFormatter: v,
     yTickFormatter: m,
-    yAxisWidth: N = 44,
-    tooltip: v,
-    className: c
-  }, x) => {
-    const h = f ?? L, A = u ?? ((R) => typeof R == "number" ? L(R) : R), F = m ?? ((R) => typeof R == "number" ? h(R) : R), w = se(a);
-    return /* @__PURE__ */ e(W, { ref: x, className: c, height: l, legendItems: null, hovered: w.hovered, format: h, children: /* @__PURE__ */ y(ve, { margin: j, children: [
-      s && /* @__PURE__ */ e(X, { vertical: !1, stroke: "var(--border)" }),
+    yAxisWidth: b = 44,
+    tooltip: w,
+    className: A
+  }, p) => {
+    const i = c ?? F, h = v ?? ((R) => typeof R == "number" ? F(R) : R), y = m ?? ((R) => typeof R == "number" ? i(R) : R), C = me(o, i);
+    return /* @__PURE__ */ e(W, { ref: p, className: A, height: a, legendItems: null, hovered: C.hovered, format: i, children: /* @__PURE__ */ N(we, { margin: z, children: [
+      s && /* @__PURE__ */ e(X, { vertical: !1, stroke: "var(--chart-grid)" }),
       /* @__PURE__ */ e(
         Z,
         {
           type: "number",
-          dataKey: n,
-          scale: o === "time" ? "time" : "auto",
-          domain: p ?? (o === "time" ? ["dataMin", "dataMax"] : ["auto", "auto"]),
-          allowDataOverflow: !!p,
+          dataKey: r,
+          scale: f === "time" ? "time" : "auto",
+          domain: d ?? (f === "time" ? ["dataMin", "dataMax"] : ["auto", "auto"]),
+          allowDataOverflow: !!d,
           axisLine: !1,
           tickLine: !1,
           minTickGap: 28,
           tickMargin: 10,
-          tick: /* @__PURE__ */ e(B, { anchor: "middle", dy: 0, format: A })
+          tick: /* @__PURE__ */ e(I, { anchor: "middle", dy: 0, format: h })
         }
       ),
-      d && /* @__PURE__ */ e(
-        z,
+      u && /* @__PURE__ */ e(
+        E,
         {
           type: "number",
-          dataKey: r,
-          width: N,
-          domain: g,
-          allowDataOverflow: !!g,
+          dataKey: n,
+          width: b,
+          domain: x,
+          allowDataOverflow: !!x,
           axisLine: !1,
           tickLine: !1,
           tickMargin: 6,
-          tick: /* @__PURE__ */ e(B, { anchor: "end", dy: "0.32em", format: F })
+          tick: /* @__PURE__ */ e(I, { anchor: "end", dy: "0.32em", format: y })
         }
       ),
-      v !== !1 && /* @__PURE__ */ e(
-        O,
+      w !== !1 && /* @__PURE__ */ e(
+        S,
         {
           content: /* @__PURE__ */ e(
-            S,
+            O,
             {
-              format: h,
-              labelKey: i,
-              renderer: v
+              format: i,
+              labelKey: l,
+              renderer: w
             }
           ),
           cursor: { stroke: "var(--border-strong)", strokeDasharray: "4 4" },
           isAnimationActive: !1
         }
       ),
-      w.back,
+      C.back,
       /* @__PURE__ */ e(
-        ge,
+        Ae,
         {
           data: t,
           fill: "var(--color-chart-1)",
@@ -647,107 +779,107 @@ const _e = k.forwardRef(
           isAnimationActive: !1
         }
       ),
-      w.front
+      C.front
     ] }) });
   }
 );
-_e.displayName = "ScatterChart";
-const Ge = k.forwardRef(
+Xe.displayName = "ScatterChart";
+const Ze = k.forwardRef(
   ({
     data: t,
-    nameKey: n,
-    valueKey: r,
-    donut: i = !0,
-    centerLabel: a,
-    highlight: l,
+    nameKey: r,
+    valueKey: n,
+    donut: l = !0,
+    centerLabel: o,
+    highlight: a,
     height: s = 260,
-    legend: d = !0,
-    formatValue: f,
-    tooltip: o,
-    className: p
-  }, g) => {
-    const u = f ?? L, m = t.reduce((x, h) => x + (typeof h[r] == "number" ? h[r] : 0), 0), N = (x, h) => E(h), v = (x) => l && x !== l ? 0.3 : 1, c = d ? t.map((x, h) => ({
-      label: `${x[n]} · ${m ? Math.round(Number(x[r]) / m * 100) : 0}%`,
-      color: N(String(x[n]), h)
+    legend: u = !0,
+    formatValue: c,
+    tooltip: f,
+    className: d
+  }, x) => {
+    const v = c ?? F, m = t.reduce((p, i) => p + (typeof i[n] == "number" ? i[n] : 0), 0), b = (p, i) => _(i), w = (p) => a && p !== a ? 0.3 : 1, A = u ? t.map((p, i) => ({
+      label: `${p[r]} · ${m ? Math.round(Number(p[n]) / m * 100) : 0}%`,
+      color: b(String(p[r]), i)
     })) : null;
-    return /* @__PURE__ */ y("div", { ref: g, className: $("relative w-full font-sans", p), children: [
-      c && /* @__PURE__ */ e(_, { items: c }),
-      /* @__PURE__ */ y("div", { className: "relative", children: [
-        /* @__PURE__ */ e(I, { width: "100%", height: s, children: /* @__PURE__ */ y(be, { margin: { top: 8, right: 8, bottom: 8, left: 8 }, children: [
-          o !== !1 && /* @__PURE__ */ e(
-            O,
+    return /* @__PURE__ */ N("div", { ref: x, className: $("relative w-full font-sans", d), children: [
+      A && /* @__PURE__ */ e(G, { items: A }),
+      /* @__PURE__ */ N("div", { className: "relative", children: [
+        /* @__PURE__ */ e(j, { width: "100%", height: s, children: /* @__PURE__ */ N(ye, { margin: { top: 8, right: 8, bottom: 8, left: 8 }, children: [
+          f !== !1 && /* @__PURE__ */ e(
+            S,
             {
               content: /* @__PURE__ */ e(
-                S,
+                O,
                 {
-                  format: u,
-                  renderer: o
+                  format: v,
+                  renderer: f
                 }
               ),
               isAnimationActive: !1
             }
           ),
           /* @__PURE__ */ e(
-            pe,
+            Ce,
             {
               data: t,
-              dataKey: r,
-              nameKey: n,
-              innerRadius: i ? "62%" : 0,
+              dataKey: n,
+              nameKey: r,
+              innerRadius: l ? "62%" : 0,
               outerRadius: "88%",
-              paddingAngle: i ? 2 : 1,
-              cornerRadius: i ? 4 : 2,
+              paddingAngle: l ? 2 : 1,
+              cornerRadius: l ? 4 : 2,
               stroke: "none",
               isAnimationActive: !1,
-              children: t.map((x, h) => /* @__PURE__ */ e(
-                ie,
+              children: t.map((p, i) => /* @__PURE__ */ e(
+                oe,
                 {
-                  fill: N(String(x[n]), h),
-                  fillOpacity: v(String(x[n]))
+                  fill: b(String(p[r]), i),
+                  fillOpacity: w(String(p[r]))
                 },
-                String(x[n])
+                String(p[r])
               ))
             }
           )
         ] }) }),
-        i && /* @__PURE__ */ y("div", { className: "pointer-events-none absolute inset-0 flex flex-col items-center justify-center", children: [
-          /* @__PURE__ */ e("div", { className: "text-xl font-bold text-foreground tabular-nums", children: u(m) }),
-          a && /* @__PURE__ */ e("div", { className: "mt-0.5 text-xs font-medium tracking-wide uppercase text-tertiary", children: a })
+        l && /* @__PURE__ */ N("div", { className: "pointer-events-none absolute inset-0 flex flex-col items-center justify-center", children: [
+          /* @__PURE__ */ e("div", { className: "text-xl font-semibold text-foreground tabular-nums", children: v(m) }),
+          o && /* @__PURE__ */ e("div", { className: "mt-0.5 text-xs font-normal tracking-wide uppercase text-tertiary", children: o })
         ] })
       ] })
     ] });
   }
 );
-Ge.displayName = "PieChart";
-const Ue = k.forwardRef(
+Ze.displayName = "PieChart";
+const Qe = k.forwardRef(
   ({
     data: t,
-    categoryKey: n,
-    series: r,
-    seriesLabels: i,
-    highlight: a,
-    maxValue: l,
+    categoryKey: r,
+    series: n,
+    seriesLabels: l,
+    highlight: o,
+    maxValue: a,
     height: s = 300,
-    legend: d,
-    formatValue: f,
-    tooltip: o,
-    className: p
-  }, g) => {
-    const u = k.useMemo(
-      () => r ?? le(t, n),
-      [n, t, r]
-    ), m = f ?? L, N = l ?? Math.max(
+    legend: u,
+    formatValue: c,
+    tooltip: f,
+    className: d
+  }, x) => {
+    const v = k.useMemo(
+      () => n ?? ce(t, r),
+      [r, t, n]
+    ), m = c ?? F, b = a ?? Math.max(
       1,
       ...t.flatMap(
-        (h) => u.map(
-          (A) => typeof h[A] == "number" ? h[A] : 0
+        (i) => v.map(
+          (h) => typeof i[h] == "number" ? i[h] : 0
         )
       )
-    ), v = (h) => (i == null ? void 0 : i[h]) ?? h, c = (h, A) => a && u.includes(a) ? h === a ? "var(--color-chart-1)" : Q : E(A), x = d ?? u.length > 1 ? u.map((h, A) => ({ label: v(h), color: c(h, A) })) : null;
-    return /* @__PURE__ */ y("div", { ref: g, className: $("relative w-full font-sans", p), children: [
-      x && /* @__PURE__ */ e(_, { items: x, align: "center" }),
-      /* @__PURE__ */ e("div", { className: "mx-auto w-full max-w-[520px]", children: /* @__PURE__ */ e(I, { width: "100%", height: s, children: /* @__PURE__ */ y(
-        ye,
+    ), w = (i) => (l == null ? void 0 : l[i]) ?? i, A = (i, h) => o && v.includes(o) ? i === o ? "var(--color-chart-1)" : Q : _(h), p = u ?? v.length > 1 ? v.map((i, h) => ({ label: w(i), color: A(i, h) })) : null;
+    return /* @__PURE__ */ N("div", { ref: x, className: $("relative w-full font-sans", d), children: [
+      p && /* @__PURE__ */ e(G, { items: p, align: "center" }),
+      /* @__PURE__ */ e("div", { className: "mx-auto w-full max-w-[520px]", children: /* @__PURE__ */ e(j, { width: "100%", height: s, children: /* @__PURE__ */ N(
+        ke,
         {
           data: t,
           cx: "50%",
@@ -755,50 +887,50 @@ const Ue = k.forwardRef(
           outerRadius: "68%",
           margin: { top: 10, right: 56, bottom: 16, left: 56 },
           children: [
-            /* @__PURE__ */ e(Ne, { stroke: "var(--border)", radialLines: !0 }),
+            /* @__PURE__ */ e(Re, { stroke: "var(--border)", radialLines: !0 }),
             /* @__PURE__ */ e(
-              oe,
+              se,
               {
-                dataKey: n,
+                dataKey: r,
                 tick: { fill: "var(--text-secondary)", fontSize: 11, fontWeight: 500 }
               }
             ),
             /* @__PURE__ */ e(
-              ke,
+              Me,
               {
                 angle: 90,
-                domain: [0, N],
+                domain: [0, b],
                 tick: !1,
                 axisLine: !1,
                 tickLine: !1
               }
             ),
-            o !== !1 && /* @__PURE__ */ e(
-              O,
+            f !== !1 && /* @__PURE__ */ e(
+              S,
               {
                 content: /* @__PURE__ */ e(
-                  S,
+                  O,
                   {
                     format: m,
-                    renderer: o
+                    renderer: f
                   }
                 ),
                 isAnimationActive: !1
               }
             ),
-            u.map((h, A) => /* @__PURE__ */ e(
-              we,
+            v.map((i, h) => /* @__PURE__ */ e(
+              $e,
               {
-                dataKey: h,
-                name: v(h),
-                stroke: c(h, A),
-                fill: c(h, A),
-                fillOpacity: a ? h === a ? 0.16 : 0.05 : 0.1,
+                dataKey: i,
+                name: w(i),
+                stroke: A(i, h),
+                fill: A(i, h),
+                fillOpacity: o ? i === o ? 0.16 : 0.05 : 0.1,
                 strokeWidth: 2,
-                dot: { r: 2.5, fill: c(h, A), strokeWidth: 0 },
+                dot: { r: 2.5, fill: A(i, h), strokeWidth: 0 },
                 isAnimationActive: !1
               },
-              h
+              i
             ))
           ]
         }
@@ -806,61 +938,61 @@ const Ue = k.forwardRef(
     ] });
   }
 );
-Ue.displayName = "RadarChart";
-const He = k.forwardRef(
+Qe.displayName = "RadarChart";
+const qe = k.forwardRef(
   ({
     data: t,
-    nameKey: n,
-    valueKey: r,
-    maxValue: i = 100,
-    centerLabel: a,
-    height: l = 280,
+    nameKey: r,
+    valueKey: n,
+    maxValue: l = 100,
+    centerLabel: o,
+    height: a = T,
     legend: s = !0,
-    formatValue: d,
-    tooltip: f,
-    className: o
-  }, p) => {
-    const g = d ?? L, u = t.map((v, c) => ({
-      ...v,
-      name: String(v[n]),
-      fill: V(c)
-    })), m = u.length ? u.reduce(
-      (v, c) => v + (typeof c[r] == "number" ? c[r] : 0),
+    formatValue: u,
+    tooltip: c,
+    className: f
+  }, d) => {
+    const x = u ?? F, v = t.map((w, A) => ({
+      ...w,
+      name: String(w[r]),
+      fill: Y(A)
+    })), m = v.length ? v.reduce(
+      (w, A) => w + (typeof A[n] == "number" ? A[n] : 0),
       0
-    ) / u.length : 0, N = s ? u.map((v, c) => ({
-      label: String(v[n]),
-      color: V(c)
+    ) / v.length : 0, b = s ? v.map((w, A) => ({
+      label: String(w[r]),
+      color: Y(A)
     })) : null;
-    return /* @__PURE__ */ y("div", { ref: p, className: $("relative w-full font-sans", o), children: [
-      /* @__PURE__ */ y("div", { className: "relative mx-auto w-full max-w-[420px]", children: [
-        /* @__PURE__ */ e(I, { width: "100%", height: l, children: /* @__PURE__ */ y(
-          Ae,
+    return /* @__PURE__ */ N("div", { ref: d, className: $("relative w-full font-sans", f), children: [
+      /* @__PURE__ */ N("div", { className: "relative mx-auto w-full max-w-[420px]", children: [
+        /* @__PURE__ */ e(j, { width: "100%", height: a, children: /* @__PURE__ */ N(
+          Le,
           {
-            data: u,
+            data: v,
             innerRadius: "48%",
             outerRadius: "82%",
             startAngle: 90,
             endAngle: -270,
             margin: { top: 6, right: 6, bottom: 6, left: 6 },
             children: [
-              /* @__PURE__ */ e(oe, { type: "number", domain: [0, i], tick: !1 }),
-              f !== !1 && /* @__PURE__ */ e(
-                O,
+              /* @__PURE__ */ e(se, { type: "number", domain: [0, l], tick: !1 }),
+              c !== !1 && /* @__PURE__ */ e(
+                S,
                 {
                   content: /* @__PURE__ */ e(
-                    S,
+                    O,
                     {
-                      format: g,
-                      renderer: f
+                      format: x,
+                      renderer: c
                     }
                   ),
                   isAnimationActive: !1
                 }
               ),
               /* @__PURE__ */ e(
-                Ce,
+                Fe,
                 {
-                  dataKey: r,
+                  dataKey: n,
                   background: { fill: "var(--muted)" },
                   cornerRadius: 999,
                   maxBarSize: 18,
@@ -870,71 +1002,71 @@ const He = k.forwardRef(
             ]
           }
         ) }),
-        /* @__PURE__ */ y("div", { className: "pointer-events-none absolute inset-0 flex flex-col items-center justify-center", children: [
-          /* @__PURE__ */ e("div", { className: "text-xl font-bold text-foreground tabular-nums", children: g(Math.round(m)) }),
-          a && /* @__PURE__ */ e("div", { className: "mt-0.5 text-xs font-medium tracking-wide uppercase text-tertiary", children: a })
+        /* @__PURE__ */ N("div", { className: "pointer-events-none absolute inset-0 flex flex-col items-center justify-center", children: [
+          /* @__PURE__ */ e("div", { className: "text-xl font-semibold text-foreground tabular-nums", children: x(Math.round(m)) }),
+          o && /* @__PURE__ */ e("div", { className: "mt-0.5 text-xs font-normal tracking-wide uppercase text-tertiary", children: o })
         ] })
       ] }),
-      N && /* @__PURE__ */ e(_, { items: N, align: "center", className: "mb-0 mt-3" })
+      b && /* @__PURE__ */ e(G, { items: b, align: "center", className: "mb-0 mt-3" })
     ] });
   }
 );
-He.displayName = "RadialBarChart";
-function Ve({
+qe.displayName = "RadialBarChart";
+function Je({
   x: t = 0,
-  y: n = 0,
-  width: r = 0,
-  height: i = 0,
-  depth: a = 0,
-  index: l = 0,
+  y: r = 0,
+  width: n = 0,
+  height: l = 0,
+  depth: o = 0,
+  index: a = 0,
   name: s,
-  value: d,
-  format: f = L
+  value: u,
+  format: c = F
 }) {
-  if (a === 0) return /* @__PURE__ */ e("g", {});
-  const o = a === 0 ? "transparent" : V(l), p = a > 0 && l < 4, g = r > 72 && i > 38;
-  return /* @__PURE__ */ y("g", { children: [
+  if (o === 0) return /* @__PURE__ */ e("g", {});
+  const f = o === 0 ? "transparent" : Y(a), d = o > 0 && a < 4, x = n > 72 && l > 38;
+  return /* @__PURE__ */ N("g", { children: [
     /* @__PURE__ */ e(
       "rect",
       {
         x: t,
-        y: n,
-        width: r,
-        height: i,
+        y: r,
+        width: n,
+        height: l,
         rx: 6,
         ry: 6,
-        fill: o,
+        fill: f,
         stroke: "var(--background)",
         strokeWidth: 4
       }
     ),
-    g && /* @__PURE__ */ e(
+    x && /* @__PURE__ */ e(
       "foreignObject",
       {
         x: t + 8,
-        y: n + 8,
-        width: Math.max(0, r - 16),
-        height: Math.max(0, i - 16),
+        y: r + 8,
+        width: Math.max(0, n - 16),
+        height: Math.max(0, l - 16),
         className: "pointer-events-none overflow-hidden",
-        children: /* @__PURE__ */ y("div", { className: "flex h-full flex-col justify-between", children: [
+        children: /* @__PURE__ */ N("div", { className: "flex h-full flex-col justify-between", children: [
           /* @__PURE__ */ e(
             "p",
             {
               className: $(
                 "truncate text-xs font-semibold",
-                p ? "text-background" : "text-foreground"
+                d ? "text-background" : "text-foreground"
               ),
               children: s
             }
           ),
-          typeof d == "number" && i > 58 && /* @__PURE__ */ e(
+          typeof u == "number" && l > 58 && /* @__PURE__ */ e(
             "p",
             {
               className: $(
                 "text-xs tabular-nums",
-                p ? "text-background/70" : "text-tertiary"
+                d ? "text-background/70" : "text-tertiary"
               ),
-              children: f(d)
+              children: c(u)
             }
           )
         ] })
@@ -942,53 +1074,53 @@ function Ve({
     )
   ] });
 }
-function Ye(t, n, r) {
-  const i = [], a = (l) => {
-    const s = Array.isArray(l.children) ? l.children : void 0;
+function Ke(t, r, n) {
+  const l = [], o = (a) => {
+    const s = Array.isArray(a.children) ? a.children : void 0;
     if (s != null && s.length) {
-      s.forEach(a);
+      s.forEach(o);
       return;
     }
-    typeof l[r] == "number" && i.push({
-      ...l,
-      name: String(l[n] ?? ""),
-      value: l[r]
+    typeof a[n] == "number" && l.push({
+      ...a,
+      name: String(a[r] ?? ""),
+      value: a[n]
     });
   };
-  return t.forEach(a), i.length ? i : t;
+  return t.forEach(o), l.length ? l : t;
 }
-const Xe = k.forwardRef(
+const et = k.forwardRef(
   ({
     data: t,
-    nameKey: n,
-    valueKey: r,
-    height: i = 280,
-    formatValue: a,
-    tooltip: l,
+    nameKey: r,
+    valueKey: n,
+    height: l = T,
+    formatValue: o,
+    tooltip: a,
     className: s
-  }, d) => {
-    const f = a ?? L, o = k.useMemo(
-      () => Ye(t, n, r),
-      [t, n, r]
+  }, u) => {
+    const c = o ?? F, f = k.useMemo(
+      () => Ke(t, r, n),
+      [t, r, n]
     );
-    return /* @__PURE__ */ e("div", { ref: d, className: $("relative w-full font-sans", s), children: /* @__PURE__ */ e(I, { width: "100%", height: i, children: /* @__PURE__ */ e(
-      Re,
+    return /* @__PURE__ */ e("div", { ref: u, className: $("relative w-full font-sans", s), children: /* @__PURE__ */ e(j, { width: "100%", height: l, children: /* @__PURE__ */ e(
+      Se,
       {
-        data: o,
-        nameKey: n,
-        dataKey: r,
+        data: f,
+        nameKey: r,
+        dataKey: n,
         type: "flat",
         aspectRatio: 1.6,
-        content: /* @__PURE__ */ e(Ve, { format: f }),
+        content: /* @__PURE__ */ e(Je, { format: c }),
         isAnimationActive: !1,
-        children: l !== !1 && /* @__PURE__ */ e(
-          O,
+        children: a !== !1 && /* @__PURE__ */ e(
+          S,
           {
             content: /* @__PURE__ */ e(
-              S,
+              O,
               {
-                format: f,
-                renderer: l
+                format: c,
+                renderer: a
               }
             ),
             isAnimationActive: !1
@@ -998,98 +1130,98 @@ const Xe = k.forwardRef(
     ) }) });
   }
 );
-Xe.displayName = "TreemapChart";
-const U = "var(--color-chart-1)", Ze = "var(--color-ink-100)", P = 24, Qe = 44, ee = 0.55, te = 4, ae = (t, n, r, i, a) => {
-  const l = Math.min(a, r / 2, i);
-  return `M ${t},${n + i} L ${t},${n + l} Q ${t},${n} ${t + l},${n} L ${t + r - l},${n} Q ${t + r},${n} ${t + r},${n + l} L ${t + r},${n + i} Z`;
+et.displayName = "TreemapChart";
+const U = "var(--color-chart-1)", tt = "var(--chart-track)", P = 24, rt = 44, re = 0.55, ne = 4, ae = (t, r, n, l, o) => {
+  const a = Math.min(o, n / 2, l);
+  return `M ${t},${r + l} L ${t},${r + a} Q ${t},${r} ${t + a},${r} L ${t + n - a},${r} Q ${t + n},${r} ${t + n},${r + a} L ${t + n},${r + l} Z`;
 };
-function qe() {
-  const t = k.useRef(null), [n, r] = k.useState(0);
+function nt() {
+  const t = k.useRef(null), [r, n] = k.useState(0);
   return k.useLayoutEffect(() => {
-    const i = t.current;
-    if (!i) return;
-    r(i.getBoundingClientRect().width);
-    const a = new ResizeObserver((l) => {
-      var d;
-      const s = ((d = l[0]) == null ? void 0 : d.contentRect.width) ?? 0;
-      r((f) => Math.abs(f - s) > 0.5 ? s : f);
+    const l = t.current;
+    if (!l) return;
+    n(l.getBoundingClientRect().width);
+    const o = new ResizeObserver((a) => {
+      var u;
+      const s = ((u = a[0]) == null ? void 0 : u.contentRect.width) ?? 0;
+      n((c) => Math.abs(c - s) > 0.5 ? s : c);
     });
-    return a.observe(i), () => a.disconnect();
-  }, []), { ref: t, width: n };
+    return o.observe(l), () => o.disconnect();
+  }, []), { ref: t, width: r };
 }
-const Je = k.forwardRef(
+const at = k.forwardRef(
   ({
     data: t,
-    nameKey: n,
-    valueKey: r,
-    height: i = 280,
-    formatValue: a,
-    label: l,
+    nameKey: r,
+    valueKey: n,
+    height: l = T,
+    formatValue: o,
+    label: a,
     tooltip: s,
-    className: d
-  }, f) => {
+    className: u
+  }, c) => {
     var R;
-    const o = a ?? L, { ref: p, width: g } = qe(), [u, m] = k.useState(null), N = Number(((R = t[0]) == null ? void 0 : R[r]) ?? 0), v = t.length, c = Math.max(0, i - P - Qe), x = P + c, h = v > 0 ? g / (v + (v - 1) * ee) : 0, A = h * ee, F = t.map((b, M) => {
-      var K;
-      const C = Number(b[r]), D = Number(((K = t[M - 1]) == null ? void 0 : K[r]) ?? C), de = N ? C / N * 100 : 0, q = D ? C / D * 100 : 0, J = N && C > 0 ? Math.max(2, C / N * c) : 0;
+    const f = o ?? F, { ref: d, width: x } = nt(), [v, m] = k.useState(null), b = Number(((R = t[0]) == null ? void 0 : R[n]) ?? 0), w = t.length, A = Math.max(0, l - P - rt), p = P + A, i = w > 0 ? x / (w + (w - 1) * re) : 0, h = i * re, y = t.map((g, L) => {
+      var te;
+      const M = Number(g[n]), B = Number(((te = t[L - 1]) == null ? void 0 : te[n]) ?? M), xe = b ? M / b * 100 : 0, K = B ? M / B * 100 : 0, ee = b && M > 0 ? Math.max(2, M / b * A) : 0;
       return {
-        datum: b,
-        index: M,
-        name: String(b[n]),
-        value: C,
-        conversionFromFirst: de,
-        conversionFromPrevious: q,
-        dropOffFromPrevious: M === 0 ? 0 : 100 - q,
-        x: M * (h + A),
-        y: x - J,
-        width: h,
-        height: J,
-        formatValue: o
+        datum: g,
+        index: L,
+        name: String(g[r]),
+        value: M,
+        conversionFromFirst: xe,
+        conversionFromPrevious: K,
+        dropOffFromPrevious: L === 0 ? 0 : 100 - K,
+        x: L * (i + h),
+        y: p - ee,
+        width: i,
+        height: ee,
+        formatValue: f
       };
-    }), w = u != null ? F[u] : void 0;
-    return /* @__PURE__ */ e("div", { ref: f, className: $("relative w-full font-sans", d), children: /* @__PURE__ */ y("div", { ref: p, className: "relative w-full", style: { height: i }, children: [
-      g > 0 && v > 0 && /* @__PURE__ */ y("svg", { width: g, height: i, className: "block", children: [
-        F.slice(1).map((b) => {
-          const M = F[b.index - 1];
+    }), C = v != null ? y[v] : void 0;
+    return /* @__PURE__ */ e("div", { ref: c, className: $("relative w-full font-sans", u), children: /* @__PURE__ */ N("div", { ref: d, className: "relative w-full", style: { height: l }, children: [
+      x > 0 && w > 0 && /* @__PURE__ */ N("svg", { width: x, height: l, className: "block", children: [
+        y.slice(1).map((g) => {
+          const L = y[g.index - 1];
           return /* @__PURE__ */ e(
             "path",
             {
-              d: `M ${M.x + M.width},${M.y} L ${b.x},${b.y} L ${b.x},${x} L ${M.x + M.width},${x} Z`,
+              d: `M ${L.x + L.width},${L.y} L ${g.x},${g.y} L ${g.x},${p} L ${L.x + L.width},${p} Z`,
               fill: U,
               opacity: 0.14
             },
-            `connector-${b.index}`
+            `connector-${g.index}`
           );
         }),
-        F.map((b) => /* @__PURE__ */ y(
+        y.map((g) => /* @__PURE__ */ N(
           "g",
           {
             role: "img",
-            "aria-label": `${b.name}: ${o(b.value)} (${Math.round(b.conversionFromFirst)}% of ${F[0].name})`,
+            "aria-label": `${g.name}: ${f(g.value)} (${Math.round(g.conversionFromFirst)}% of ${y[0].name})`,
             children: [
               /* @__PURE__ */ e(
                 "path",
                 {
-                  d: ae(b.x, P, b.width, c, te),
-                  fill: Ze
+                  d: ae(g.x, P, g.width, A, ne),
+                  fill: tt
                 }
               ),
-              b.height > 0 && /* @__PURE__ */ e(
+              g.height > 0 && /* @__PURE__ */ e(
                 "path",
                 {
-                  d: ae(b.x, b.y, b.width, b.height, te),
+                  d: ae(g.x, g.y, g.width, g.height, ne),
                   fill: U
                 }
               ),
-              l !== !1 && (l ? l(b) : /* @__PURE__ */ y(
+              a !== !1 && (a ? a(g) : /* @__PURE__ */ N(
                 "text",
                 {
-                  x: b.x,
-                  y: b.y - 8,
+                  x: g.x,
+                  y: g.y - 8,
                   textAnchor: "start",
-                  className: "fill-secondary text-xs font-medium tabular-nums",
+                  className: "fill-secondary text-xs font-normal tabular-nums",
                   children: [
-                    Math.round(b.conversionFromFirst),
+                    Math.round(g.conversionFromFirst),
                     "%"
                   ]
                 }
@@ -1097,68 +1229,68 @@ const Je = k.forwardRef(
               /* @__PURE__ */ e(
                 "text",
                 {
-                  x: b.x,
-                  y: x + 18,
+                  x: g.x,
+                  y: p + 18,
                   textAnchor: "start",
-                  className: "fill-primary text-xs font-medium",
-                  children: b.name
+                  className: "fill-primary text-xs font-normal",
+                  children: g.name
                 }
               ),
               /* @__PURE__ */ e(
                 "text",
                 {
-                  x: b.x,
-                  y: x + 34,
+                  x: g.x,
+                  y: p + 34,
                   textAnchor: "start",
                   className: "fill-tertiary text-xs tabular-nums",
-                  children: o(b.value)
+                  children: f(g.value)
                 }
               ),
               /* @__PURE__ */ e(
                 "rect",
                 {
-                  x: b.x,
+                  x: g.x,
                   y: P,
-                  width: b.index === v - 1 ? h : h + A,
-                  height: c,
+                  width: g.index === w - 1 ? i : i + h,
+                  height: A,
                   fill: "transparent",
-                  onMouseEnter: () => m(b.index),
+                  onMouseEnter: () => m(g.index),
                   onMouseLeave: () => m(null)
                 }
               )
             ]
           },
-          `${b.name}-${b.index}`
+          `${g.name}-${g.index}`
         ))
       ] }),
-      s !== !1 && w && /* @__PURE__ */ e(
+      s !== !1 && C && /* @__PURE__ */ e(
         "div",
         {
           className: "pointer-events-none absolute z-10 -translate-x-1/2 -translate-y-full",
-          style: { left: w.x + w.width / 2, top: w.y - 10 },
+          style: { left: C.x + C.width / 2, top: C.y - 10 },
           children: s ? s({
             active: !0,
-            label: w.name,
+            label: C.name,
             items: [
               {
-                key: w.name,
-                name: w.name,
-                value: w.value,
+                key: C.name,
+                name: C.name,
+                value: C.value,
                 color: U,
-                datum: w.datum
+                datum: C.datum
               }
             ],
-            formatValue: o
-          }) : /* @__PURE__ */ y("div", { className: "rounded-md bg-foreground px-2.5 py-1.5 text-xs whitespace-nowrap text-background", children: [
-            /* @__PURE__ */ e("div", { className: "text-xs font-medium tracking-wide uppercase text-background/60", children: w.name }),
-            /* @__PURE__ */ e("div", { className: "font-medium tabular-nums", children: o(w.value) }),
-            /* @__PURE__ */ y("div", { className: "text-background/70 tabular-nums", children: [
-              Math.round(w.conversionFromFirst),
+            formatValue: f
+          }) : /* @__PURE__ */ N("div", { className: "rounded-md bg-foreground px-2.5 py-1.5 text-xs whitespace-nowrap text-background", children: [
+            /* @__PURE__ */ e("div", { className: "text-xs font-normal tracking-wide uppercase text-background/60", children: C.name }),
+            /* @__PURE__ */ e("div", { className: "font-normal tabular-nums", children: f(C.value) }),
+            /* @__PURE__ */ N("div", { className: "text-background/70 tabular-nums", children: [
+              Math.round(C.conversionFromFirst),
               "% of ",
-              F[0].name,
-              w.index > 0 && /* @__PURE__ */ y(H, { children: [
+              y[0].name,
+              C.index > 0 && /* @__PURE__ */ N(V, { children: [
                 " · −",
-                Math.round(w.dropOffFromPrevious),
+                Math.round(C.dropOffFromPrevious),
                 "% step"
               ] })
             ] })
@@ -1168,17 +1300,18 @@ const Je = k.forwardRef(
     ] }) });
   }
 );
-Je.displayName = "FunnelChart";
+at.displayName = "FunnelChart";
 export {
-  Pe as AreaChart,
-  ze as BarChart,
-  ce as ComboChart,
-  Ee as ComposedChart,
-  Je as FunnelChart,
-  je as LineChart,
-  Ge as PieChart,
-  Ue as RadarChart,
-  He as RadialBarChart,
-  _e as ScatterChart,
-  Xe as TreemapChart
+  Ue as AreaChart,
+  Ve as BarChart,
+  he as ComboChart,
+  Ye as ComposedChart,
+  at as FunnelChart,
+  He as LineChart,
+  T as MIN_HEIGHT,
+  Ze as PieChart,
+  Qe as RadarChart,
+  qe as RadialBarChart,
+  Xe as ScatterChart,
+  et as TreemapChart
 };