@actioneer/ads 1.0.9 → 1.0.10

package/components/chart.js

@@ -1,94 +1,94 @@
 "use client";
-import { jsxs as w, jsx as e, Fragment as oe } from "react/jsx-runtime";
+import { jsxs as A, jsx as e, Fragment as ce } from "react/jsx-runtime";
 import * as C from "react";
-import { ResponsiveContainer as q, LineChart as Fe, Tooltip as z, Line as be, AreaChart as Te, Area as Ie, CartesianGrid as ce, XAxis as de, YAxis as ee, BarChart as De, Bar as ge, LabelList as me, Cell as te, ComposedChart as Ee, ScatterChart as ke, Scatter as Be, PieChart as He, Pie as _e, RadarChart as ze, PolarGrid as je, PolarAngleAxis as pe, PolarRadiusAxis as Pe, Radar as We, RadialBarChart as Ge, RadialBar as Ve, Treemap as Ue, ReferenceArea as Ye, ReferenceLine as Xe, ReferenceDot as Ze } from "recharts";
-import { MotionConfig as Qe, AnimatePresence as qe, motion as Je } from "motion/react";
-import { cn as D } from "../lib/cn.js";
-import { floatVariants as Ke } from "../lib/motion.js";
-const ne = (t) => `var(--color-chart-${t % 6 + 1})`, se = (t) => ne(t), re = "var(--chart-context)", ae = 2.5, et = /* @__PURE__ */ new Set([
+import { ResponsiveContainer as J, ComposedChart as pe, Tooltip as j, Area as Ne, Line as we, AreaChart as Be, CartesianGrid as ue, XAxis as me, YAxis as ne, BarChart as He, Bar as Ae, LabelList as he, Cell as re, ScatterChart as _e, Scatter as ze, PieChart as ke, Pie as je, RadarChart as Ge, PolarGrid as Pe, PolarAngleAxis as Ce, PolarRadiusAxis as We, Radar as Ue, RadialBarChart as Ve, RadialBar as Ye, Treemap as Xe, ReferenceArea as Ze, ReferenceLine as Qe, ReferenceDot as qe } from "recharts";
+import { MotionConfig as Je, AnimatePresence as Ke, motion as et } from "motion/react";
+import { cn as I } from "../lib/cn.js";
+import { floatVariants as tt } from "../lib/motion.js";
+const ae = (t) => `var(--color-chart-${t % 6 + 1})`, de = (t) => ae(t), ie = "var(--chart-context)", le = 2.5, nt = /* @__PURE__ */ new Set([
   "var(--color-chart-2)",
   "var(--color-chart-6)",
-  re
-]), Ne = (t) => et.has(t), fe = 20, tt = 0.55, W = "transition-opacity duration-150 ease-out motion-reduce:transition-none", X = (t, n, r = tt) => n == null || n === t ? 1 : r, we = (t) => t != null && t.isTooltipActive && t.activeTooltipIndex != null ? t.activeTooltipIndex : null;
-function Ae() {
+  ie
+]), Me = (t) => nt.has(t), xe = 20, rt = 0.55, z = "transition-opacity duration-150 ease-out motion-reduce:transition-none", Y = (t, n, r = rt) => n == null || n === t ? 1 : r, Se = (t) => t != null && t.isTooltipActive && t.activeTooltipIndex != null ? t.activeTooltipIndex : null;
+function Re() {
   const [t, n] = C.useState(null), r = C.useMemo(
     () => ({
-      onMouseMove: (i) => n(we(i)),
+      onMouseMove: (i) => n(Se(i)),
       onMouseLeave: () => n(null)
     }),
     []
   );
   return { activeIndex: t, handlers: r };
 }
-function Ce(t, n) {
-  const r = C.useRef(null), [i, o] = C.useState(null), [a, l] = C.useState(null);
-  return { frameRef: r, activeIndex: i, isDimmed: (d) => a != null && t(d) !== a, handlers: { onMouseMove: (d) => {
-    const b = we(d);
-    o(b);
-    const v = d == null ? void 0 : d.chartY;
-    if (b == null || !n || v == null || !r.current) {
-      l(null);
+function ye(t, n) {
+  const r = C.useRef(null), [i, l] = C.useState(null), [a, o] = C.useState(null);
+  return { frameRef: r, activeIndex: i, isDimmed: (c) => a != null && t(c) !== a, handlers: { onMouseMove: (c) => {
+    const b = Se(c);
+    l(b);
+    const g = c == null ? void 0 : c.chartY;
+    if (b == null || !n || g == null || !r.current) {
+      o(null);
       return;
     }
-    let f = null, p = 1 / 0;
+    let h = null, N = 1 / 0;
     r.current.querySelectorAll(`circle[data-chart-index="${b}"]`).forEach((M) => {
-      const y = M.dataset.chartSeries, x = Number(M.getAttribute("cy"));
-      if (y == null || Number.isNaN(x)) return;
-      const u = Math.abs(x - v);
-      u < p && (p = u, f = t(y));
-    }), l(f);
+      const R = M.dataset.chartSeries, p = Number(M.getAttribute("cy"));
+      if (R == null || Number.isNaN(p)) return;
+      const m = Math.abs(p - g);
+      m < N && (N = m, h = t(R));
+    }), o(h);
   }, onMouseLeave: () => {
-    o(null), l(null);
+    l(null), o(null);
   } } };
 }
-function Me(t, n) {
+function Le(t, n) {
   return (r) => {
     if (!(n != null && n.includes(r))) return r;
-    const i = t.filter((o) => !n.includes(o));
+    const i = t.filter((l) => !n.includes(l));
     return i[n.indexOf(r)] ?? i[0] ?? r;
   };
 }
-const nt = 2.5, Y = {
+const at = 2.5, V = {
   primary: { ref: "var(--brand)", pill: "bg-action-primary-soft text-brand-text" },
   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" }
-}, _ = (t) => new Intl.NumberFormat("en-US", { notation: "compact", maximumFractionDigits: 1 }).format(t), ye = (t, n) => {
+}, k = (t) => new Intl.NumberFormat("en-US", { notation: "compact", maximumFractionDigits: 1 }).format(t), $e = (t, n) => {
   const r = [];
   for (const i of t)
-    for (const o of Object.keys(i))
-      o !== n && typeof i[o] == "number" && !r.includes(o) && r.push(o);
+    for (const l of Object.keys(i))
+      l !== n && typeof i[l] == "number" && !r.includes(l) && r.push(l);
   return r;
 };
-function V({ x: t, y: n, payload: r, anchor: i, dy: o, format: a }) {
-  const l = (r == null ? void 0 : r.value) ?? "", h = a ? a(l) : l;
-  return /* @__PURE__ */ e("text", { x: t, y: n, dy: o, textAnchor: i, className: "fill-tertiary text-xs tabular-nums", children: h });
+function W({ x: t, y: n, payload: r, anchor: i, dy: l, format: a }) {
+  const o = (r == null ? void 0 : r.value) ?? "", f = a ? a(o) : o;
+  return /* @__PURE__ */ e("text", { x: t, y: n, dy: l, textAnchor: i, className: "fill-tertiary text-xs tabular-nums", children: f });
 }
-function Se({
+function Oe({
   x: t,
   y: n,
   value: r,
   index: i,
-  hidden: o,
+  hidden: l,
   skip: a,
-  below: l,
-  color: h,
-  format: c
+  below: o,
+  color: f,
+  format: d
 }) {
-  if (o || i != null && (a != null && a(i)) || t == null || n == null || r == null || r === "") return null;
-  const m = Number(r);
-  if (Number.isNaN(m)) return null;
-  const d = i != null && (l == null ? void 0 : l(i));
+  if (l || i != null && (a != null && a(i)) || t == null || n == null || r == null || r === "") return null;
+  const u = Number(r);
+  if (Number.isNaN(u)) return null;
+  const c = i != null && (o == null ? void 0 : o(i));
   return /* @__PURE__ */ e(
     "text",
     {
       x: Number(t),
-      y: d ? Number(n) + 20 : Number(n) - 10,
+      y: c ? Number(n) + 20 : Number(n) - 10,
       textAnchor: "middle",
-      fill: h,
-      className: D(!h && "fill-secondary", "text-xs tabular-nums"),
-      children: c(m)
+      fill: f,
+      className: I(!f && "fill-secondary", "text-xs tabular-nums"),
+      children: d(u)
     }
   );
 }
@@ -97,208 +97,208 @@ function U({
   cy: n,
   color: r,
   active: i = !1,
-  seriesKey: o,
+  seriesKey: l,
   index: a
 }) {
   if (t == null || n == null) return null;
-  const l = o != null && !i;
+  const o = l != null && !i;
   return /* @__PURE__ */ e(
     "circle",
     {
       "aria-hidden": !0,
-      "data-chart-series": l ? o : void 0,
-      "data-chart-index": l ? a : void 0,
+      "data-chart-series": o ? l : void 0,
+      "data-chart-index": o ? a : void 0,
       cx: t,
       cy: n,
       r: i ? 5.5 : 4,
       fill: "var(--background)",
       stroke: r,
-      strokeWidth: i ? 3 : nt
+      strokeWidth: i ? 3 : at
     }
   );
 }
-function rt({
+function it({
   x: t,
   y: n,
   width: r,
   height: i,
-  value: o,
+  value: l,
   format: a,
-  horizontal: l
+  horizontal: o
 }) {
-  if (t == null || n == null || o == null || o === "") return null;
-  const h = Number(o);
-  if (Number.isNaN(h)) return null;
-  const c = Number(t), m = Number(n), d = Number(r ?? 0), b = Number(i ?? 0);
-  return l ? /* @__PURE__ */ e(
+  if (t == null || n == null || l == null || l === "") return null;
+  const f = Number(l);
+  if (Number.isNaN(f)) return null;
+  const d = Number(t), u = Number(n), c = Number(r ?? 0), b = Number(i ?? 0);
+  return o ? /* @__PURE__ */ e(
     "text",
     {
-      x: c + d + 8,
-      y: m + b / 2,
+      x: d + c + 8,
+      y: u + b / 2,
       dy: "0.32em",
       textAnchor: "start",
       className: "fill-secondary text-xs tabular-nums",
-      children: a(h)
+      children: a(f)
     }
   ) : /* @__PURE__ */ e(
     "text",
     {
-      x: c + d / 2,
-      y: m - 8,
+      x: d + c / 2,
+      y: u - 8,
       textAnchor: "middle",
       className: "fill-secondary text-xs tabular-nums",
-      children: a(h)
+      children: a(f)
     }
   );
 }
-function at({
+function lt({
   x: t,
   y: n,
   width: r,
   height: i,
-  value: o,
+  value: l,
   format: a,
-  horizontal: l,
-  light: h
+  horizontal: o,
+  light: f
 }) {
-  if (t == null || n == null || o == null || o === "") return null;
-  const c = Number(o);
-  if (Number.isNaN(c) || c === 0) return null;
-  const m = Number(t), d = Number(n), b = Math.abs(Number(r ?? 0)), v = Math.abs(Number(i ?? 0)), f = a(c), p = l ? Math.max(fe, f.length * 6 + 8) : fe;
-  return (l ? b : v) < p ? null : /* @__PURE__ */ e(
+  if (t == null || n == null || l == null || l === "") return null;
+  const d = Number(l);
+  if (Number.isNaN(d) || d === 0) return null;
+  const u = Number(t), c = Number(n), b = Math.abs(Number(r ?? 0)), g = Math.abs(Number(i ?? 0)), h = a(d), N = o ? Math.max(xe, h.length * 6 + 8) : xe;
+  return (o ? b : g) < N ? null : /* @__PURE__ */ e(
     "text",
     {
-      x: m + Number(r ?? 0) / 2,
-      y: d + Number(i ?? 0) / 2,
+      x: u + Number(r ?? 0) / 2,
+      y: c + Number(i ?? 0) / 2,
       dy: "0.32em",
       textAnchor: "middle",
       pointerEvents: "none",
-      className: D("text-xs tabular-nums", h ? "fill-primary" : "fill-white"),
-      children: f
+      className: I("text-xs tabular-nums", f ? "fill-primary" : "fill-white"),
+      children: h
     }
   );
 }
-function it({
+function ot({
   x: t,
   y: n,
   width: r,
   height: i,
-  index: o,
+  index: l,
   totals: a,
-  format: l,
-  horizontal: h
+  format: o,
+  horizontal: f
 }) {
-  if (t == null || n == null || o == null) return null;
-  const c = a[o];
-  if (c == null) return null;
-  const m = Number(t), d = Number(n), b = Number(r ?? 0), v = Number(i ?? 0);
-  return h ? /* @__PURE__ */ e(
+  if (t == null || n == null || l == null) return null;
+  const d = a[l];
+  if (d == null) return null;
+  const u = Number(t), c = Number(n), b = Number(r ?? 0), g = Number(i ?? 0);
+  return f ? /* @__PURE__ */ e(
     "text",
     {
-      x: m + b + 8,
-      y: d + v / 2,
+      x: u + b + 8,
+      y: c + g / 2,
       dy: "0.32em",
       textAnchor: "start",
       className: "fill-primary text-xs font-medium tabular-nums",
-      children: l(c)
+      children: o(d)
     }
   ) : /* @__PURE__ */ e(
     "text",
     {
-      x: m + b / 2,
-      y: d - 8,
+      x: u + b / 2,
+      y: c - 8,
       textAnchor: "middle",
       className: "fill-primary text-xs font-medium tabular-nums",
-      children: l(c)
+      children: o(d)
     }
   );
 }
-function j({
+function G({
   active: t,
   payload: n,
   label: r,
   format: i,
-  labelKey: o,
+  labelKey: l,
   renderer: a
 }) {
-  var b, v;
-  const l = (n ?? []).map((f, p) => {
-    const M = f.payload && typeof f.payload == "object" ? f.payload : void 0;
+  var b, g;
+  const o = (n ?? []).map((h, N) => {
+    const M = h.payload && typeof h.payload == "object" ? h.payload : void 0;
     return {
-      key: f.dataKey ?? p,
-      name: f.name ?? f.dataKey ?? p,
-      value: f.value,
-      color: f.color,
+      key: h.dataKey ?? N,
+      name: h.name ?? h.dataKey ?? N,
+      value: h.value,
+      color: h.color,
       datum: M
     };
-  }), h = o ? (v = (b = l[0]) == null ? void 0 : b.datum) == null ? void 0 : v[o] : void 0, c = {
+  }), f = l ? (g = (b = o[0]) == null ? void 0 : b.datum) == null ? void 0 : g[l] : void 0, d = {
     active: !!t,
-    label: typeof h == "string" || typeof h == "number" ? h : r,
-    items: l,
+    label: typeof f == "string" || typeof f == "number" ? f : r,
+    items: o,
     formatValue: i
   };
-  if (a) return /* @__PURE__ */ e(oe, { children: a(c) });
-  if (!c.active || !l.length) return null;
-  const m = l.length === 1, d = c.label ?? (m ? l[0].name : void 0);
-  return /* @__PURE__ */ w("div", { className: "rounded-md bg-foreground px-2.5 py-1.5 text-xs text-background", children: [
-    /* @__PURE__ */ e("div", { className: D("text-xs font-normal tracking-wide uppercase text-background/60", !m && "mb-1"), children: d }),
-    l.map((f) => /* @__PURE__ */ w("div", { className: "flex items-center gap-1.5", children: [
-      !m && /* @__PURE__ */ w(oe, { children: [
-        /* @__PURE__ */ e("span", { "aria-hidden": !0, className: "size-1.5 rounded-dot", style: { background: f.color } }),
-        /* @__PURE__ */ e("span", { className: "text-background/70", children: f.name })
+  if (a) return /* @__PURE__ */ e(ce, { children: a(d) });
+  if (!d.active || !o.length) return null;
+  const u = o.length === 1, c = d.label ?? (u ? o[0].name : void 0);
+  return /* @__PURE__ */ A("div", { className: "rounded-md bg-foreground px-2.5 py-1.5 text-xs text-background", children: [
+    /* @__PURE__ */ e("div", { className: I("text-xs font-normal tracking-wide uppercase text-background/60", !u && "mb-1"), children: c }),
+    o.map((h) => /* @__PURE__ */ A("div", { className: "flex items-center gap-1.5", children: [
+      !u && /* @__PURE__ */ A(ce, { children: [
+        /* @__PURE__ */ e("span", { "aria-hidden": !0, className: "size-1.5 rounded-dot", style: { background: h.color } }),
+        /* @__PURE__ */ e("span", { className: "text-background/70", children: h.name })
       ] }),
-      /* @__PURE__ */ e("span", { className: "ml-auto pl-3 font-normal tabular-nums", children: typeof f.value == "number" ? i(f.value) : String(f.value ?? "") })
-    ] }, f.key))
+      /* @__PURE__ */ e("span", { className: "ml-auto pl-3 font-normal tabular-nums", children: typeof h.value == "number" ? i(h.value) : String(h.value ?? "") })
+    ] }, h.key))
   ] });
 }
-const Re = "pointer-events-none inline-flex min-h-4 items-center rounded-full px-2 py-0.5 text-xs font-normal whitespace-nowrap";
-function lt({
+const Te = "pointer-events-none inline-flex min-h-4 items-center rounded-full px-2 py-0.5 text-xs font-normal whitespace-nowrap";
+function st({
   viewBox: t,
   label: n,
   value: r,
   color: i,
-  axis: o
+  axis: l
 }) {
-  const a = t ?? {}, l = /* @__PURE__ */ w("span", { className: D(Re, Y[i].pill), children: [
+  const a = t ?? {}, o = /* @__PURE__ */ A("span", { className: I(Te, V[i].pill), children: [
     n,
     r != null && /* @__PURE__ */ e("span", { className: "ml-1 tabular-nums", children: r })
   ] });
-  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: l }) }) : /* @__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: l }) });
+  return l === "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: o }) }) : /* @__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: o }) });
 }
-function ot({ viewBox: t, label: n, color: r }) {
+function ct({ 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: D(Re, Y[r].pill), children: n }) }) });
+  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: I(Te, V[r].pill), children: n }) }) });
 }
-function st({
+function dt({
   cx: t,
   cy: n,
   n: r,
   ann: i,
-  onEnter: o,
+  onEnter: l,
   onLeave: a
 }) {
-  const [l, h] = C.useState(!1);
+  const [o, f] = C.useState(!1);
   if (t == null || n == null || !Number.isFinite(t) || !Number.isFinite(n)) return /* @__PURE__ */ e("g", {});
-  const c = () => o({ ann: i, n: r, cx: t, cy: n }), m = () => a();
-  return /* @__PURE__ */ w(
+  const d = () => l({ ann: i, n: r, cx: t, cy: n }), u = () => a();
+  return /* @__PURE__ */ A(
     "g",
     {
       tabIndex: 0,
       role: "img",
       "aria-label": `Annotation ${r}: ${i.label}`,
       className: "cursor-default outline-none [transform-box:fill-box] origin-center transition-transform ease-out [transition-duration:150ms] hover:scale-110 focus-visible:scale-110 motion-reduce:transition-none motion-reduce:hover:scale-100 motion-reduce:focus-visible:scale-100",
-      onMouseEnter: c,
-      onMouseLeave: m,
+      onMouseEnter: d,
+      onMouseLeave: u,
       onFocus: () => {
-        h(!0), c();
+        f(!0), d();
       },
       onBlur: () => {
-        h(!1), m();
+        f(!1), u();
       },
       children: [
-        l && /* @__PURE__ */ e("circle", { cx: t, cy: n, r: 12, fill: "none", stroke: "var(--ring)", strokeWidth: 2 }),
+        o && /* @__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: Y[i.color ?? "primary"].ref }),
+        /* @__PURE__ */ e("circle", { cx: t, cy: n, r: 8, fill: V[i.color ?? "primary"].ref }),
         /* @__PURE__ */ e(
           "text",
           {
@@ -314,8 +314,8 @@ function st({
     }
   );
 }
-function ct({ hovered: t, frameWidth: n, format: r }) {
-  return /* @__PURE__ */ e(Qe, { reducedMotion: "user", children: /* @__PURE__ */ e(qe, { children: t && /* @__PURE__ */ e(
+function ut({ hovered: t, frameWidth: n, format: r }) {
+  return /* @__PURE__ */ e(Je, { reducedMotion: "user", children: /* @__PURE__ */ e(Ke, { children: t && /* @__PURE__ */ e(
     "div",
     {
       className: "pointer-events-none absolute z-10",
@@ -323,29 +323,29 @@ function ct({ hovered: t, frameWidth: n, format: r }) {
         left: Math.max(96, Math.min(t.cx, Math.max(n - 96, 96))),
         top: t.cy - 16
       },
-      children: /* @__PURE__ */ w(
-        Je.div,
+      children: /* @__PURE__ */ A(
+        et.div,
         {
-          variants: Ke,
+          variants: tt,
           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",
           children: [
-            /* @__PURE__ */ w("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ A("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-s font-medium text-brand-foreground",
-                  style: { background: Y[t.ann.color ?? "primary"].ref },
+                  style: { background: V[t.ann.color ?? "primary"].ref },
                   children: t.n
                 }
               ),
               /* @__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__ */ w("div", { className: "mt-1.5 text-xs font-normal tracking-wide uppercase text-tertiary tabular-nums", children: [
+            /* @__PURE__ */ A("div", { className: "mt-1.5 text-xs font-normal tracking-wide uppercase text-tertiary tabular-nums", children: [
               t.ann.x,
               " · ",
               r(t.ann.y)
@@ -356,46 +356,46 @@ function ct({ hovered: t, frameWidth: n, format: r }) {
     }
   ) }) });
 }
-function Le(t, n) {
-  const [r, i] = C.useState(null), o = C.useCallback(() => i(null), []), { back: a, front: l } = C.useMemo(() => {
-    const h = [], c = [];
-    let m = 0;
-    return (t ?? []).forEach((d, b) => {
-      const v = d.color ?? "primary";
-      if (d.kind === "band") {
-        const f = d.axis ?? "y";
-        h.push(
+function Fe(t, n) {
+  const [r, i] = C.useState(null), l = C.useCallback(() => i(null), []), { back: a, front: o } = C.useMemo(() => {
+    const f = [], d = [];
+    let u = 0;
+    return (t ?? []).forEach((c, b) => {
+      const g = c.color ?? "primary";
+      if (c.kind === "band") {
+        const h = c.axis ?? "y";
+        f.push(
           /* @__PURE__ */ e(
-            Ye,
+            Ze,
             {
-              ...f === "y" ? { y1: d.from, y2: d.to } : { x1: d.from, x2: d.to },
-              fill: Y[v].ref,
+              ...h === "y" ? { y1: c.from, y2: c.to } : { x1: c.from, x2: c.to },
+              fill: V[g].ref,
               fillOpacity: 0.06,
               stroke: "none",
-              ifOverflow: f === "y" ? "extendDomain" : "visible",
-              label: d.label ? /* @__PURE__ */ e(ot, { label: d.label, color: v }) : void 0
+              ifOverflow: h === "y" ? "extendDomain" : "visible",
+              label: c.label ? /* @__PURE__ */ e(ct, { label: c.label, color: g }) : void 0
             },
             `ann-${b}`
           )
         );
-      } else if (d.kind === "line") {
-        const f = d.axis ?? "y";
-        c.push(
+      } else if (c.kind === "line") {
+        const h = c.axis ?? "y";
+        d.push(
           /* @__PURE__ */ e(
-            Xe,
+            Qe,
             {
-              ...f === "y" ? { y: d.value } : { x: d.value },
-              stroke: Y[v].ref,
+              ...h === "y" ? { y: c.value } : { x: c.value },
+              stroke: V[g].ref,
               strokeWidth: 1,
               strokeDasharray: "4 4",
-              ifOverflow: f === "y" ? "extendDomain" : "visible",
-              label: d.label ? /* @__PURE__ */ e(
-                lt,
+              ifOverflow: h === "y" ? "extendDomain" : "visible",
+              label: c.label ? /* @__PURE__ */ e(
+                st,
                 {
-                  label: d.label,
-                  value: typeof d.value == "number" ? n(d.value) : String(d.value),
-                  color: v,
-                  axis: f
+                  label: c.label,
+                  value: typeof c.value == "number" ? n(c.value) : String(c.value),
+                  color: g,
+                  axis: h
                 }
               ) : void 0
             },
@@ -403,45 +403,45 @@ function Le(t, n) {
           )
         );
       } else {
-        m += 1;
-        const f = m;
-        c.push(
+        u += 1;
+        const h = u;
+        d.push(
           /* @__PURE__ */ e(
-            Ze,
+            qe,
             {
-              x: d.x,
-              y: d.y,
+              x: c.x,
+              y: c.y,
               ifOverflow: "visible",
-              shape: (p) => /* @__PURE__ */ e(st, { cx: p.cx, cy: p.cy, n: f, ann: d, onEnter: i, onLeave: o })
+              shape: (N) => /* @__PURE__ */ e(dt, { cx: N.cx, cy: N.cy, n: h, ann: c, onEnter: i, onLeave: l })
             },
             `ann-${b}`
           )
         );
       }
-    }), { back: h, front: c };
-  }, [t, n, o]);
-  return { back: a, front: l, hovered: r };
+    }), { back: f, front: d };
+  }, [t, n, l]);
+  return { back: a, front: o, hovered: r };
 }
-function Q({
+function q({
   items: t,
   align: n = "end",
   className: r,
   onToggle: i
 }) {
-  const o = {
+  const l = {
     start: "justify-start",
     center: "justify-center",
     end: "justify-end"
   }[n];
-  return /* @__PURE__ */ e("div", { className: D("mb-3 flex flex-wrap items-center gap-x-4 gap-y-1", o, r), children: t.map(
-    (a) => i && a.key !== void 0 ? /* @__PURE__ */ w(
+  return /* @__PURE__ */ e("div", { className: I("mb-3 flex flex-wrap items-center gap-x-4 gap-y-1", l, r), children: t.map(
+    (a) => i && a.key !== void 0 ? /* @__PURE__ */ A(
       "button",
       {
         type: "button",
         "aria-pressed": !a.hidden,
         "aria-label": `Toggle ${a.label} series`,
         onClick: () => i(a.key),
-        className: D(
+        className: I(
           "inline-flex cursor-pointer items-center gap-1.5 rounded-sm text-s outline-none",
           "transition-colors duration-150 ease-out motion-reduce:transition-none",
           "focus-visible:ring-2 focus-visible:ring-ring",
@@ -452,7 +452,7 @@ function Q({
             "span",
             {
               "aria-hidden": !0,
-              className: D(
+              className: I(
                 "size-2 rounded-dot transition-opacity duration-150 ease-out motion-reduce:transition-none",
                 a.hidden && "opacity-25"
               ),
@@ -463,313 +463,334 @@ function Q({
         ]
       },
       a.label
-    ) : /* @__PURE__ */ w("span", { className: "inline-flex items-center gap-1.5 text-s text-secondary", children: [
+    ) : /* @__PURE__ */ A("span", { className: "inline-flex items-center gap-1.5 text-s text-secondary", children: [
       /* @__PURE__ */ e("span", { "aria-hidden": !0, className: "size-2 rounded-dot", style: { background: a.color } }),
       a.label
     ] }, a.label)
   ) });
 }
-const Z = C.forwardRef(
+const X = C.forwardRef(
   ({
     className: t,
     height: n,
     legendItems: r,
     title: i,
-    subtitle: o,
+    subtitle: l,
     legendPlacement: a,
-    hovered: l,
-    format: h,
-    onLegendToggle: c,
-    hoverRef: m,
-    children: d,
+    hovered: o,
+    format: f,
+    onLegendToggle: d,
+    hoverRef: u,
+    children: c,
     ...b
-  }, v) => {
-    var u;
-    const f = C.useRef(null), p = (g) => {
-      f.current = g, m && (m.current = g), typeof v == "function" ? v(g) : v && (v.current = g);
-    }, M = i != null || o != null, x = (a ?? (M ? "header" : "top")) === "header" && r != null;
-    return /* @__PURE__ */ w("div", { ref: p, className: D("relative w-full font-sans", t), ...b, children: [
-      (M || x) && // The header row: title block leads, the legend trails on the same
+  }, g) => {
+    var m;
+    const h = C.useRef(null), N = (x) => {
+      h.current = x, u && (u.current = x), typeof g == "function" ? g(x) : g && (g.current = x);
+    }, M = i != null || l != null, p = (a ?? (M ? "header" : "top")) === "header" && r != null;
+    return /* @__PURE__ */ A("div", { ref: N, className: I("relative w-full font-sans", t), ...b, children: [
+      (M || p) && // The header row: title block leads, the legend trails on the same
       // row. 36px separates the header block from the plot.
-      /* @__PURE__ */ w(
+      /* @__PURE__ */ A(
         "div",
         {
           "data-slot": "chart-header",
-          className: D(
+          className: I(
             "flex flex-wrap items-start gap-x-6 gap-y-2",
             M ? "justify-between" : "justify-end",
-            x ? "mb-9" : "mb-3"
+            p ? "mb-9" : "mb-3"
           ),
           children: [
-            M && /* @__PURE__ */ w("div", { className: "flex min-w-0 flex-col gap-0.5", children: [
-              i != null && /* @__PURE__ */ e("div", { className: "text-l font-medium text-on-white-primary", children: i }),
-              o != null && /* @__PURE__ */ e("div", { className: "text-s text-on-white-secondary", children: o })
+            M && /* @__PURE__ */ A("div", { className: "flex min-w-0 flex-col gap-0.5", children: [
+              i != null && /* @__PURE__ */ e("div", { className: "font-heading text-l font-medium text-on-white-primary", children: i }),
+              l != null && /* @__PURE__ */ e("div", { className: "text-s text-on-white-secondary", children: l })
             ] }),
-            x && r && /* @__PURE__ */ e(Q, { items: r, onToggle: c, className: "mb-0 pt-1" })
+            p && r && /* @__PURE__ */ e(q, { items: r, onToggle: d, className: "mb-0 pt-1" })
           ]
         }
       ),
-      r && !x && /* @__PURE__ */ e(Q, { items: r, onToggle: c }),
-      /* @__PURE__ */ e(q, { width: "100%", height: Math.max(n, P), children: d }),
-      /* @__PURE__ */ e(ct, { hovered: l, frameWidth: ((u = f.current) == null ? void 0 : u.clientWidth) ?? 0, format: h })
+      r && !p && /* @__PURE__ */ e(q, { items: r, onToggle: d }),
+      /* @__PURE__ */ e(J, { width: "100%", height: Math.max(n, P), children: c }),
+      /* @__PURE__ */ e(ut, { hovered: o, frameWidth: ((m = h.current) == null ? void 0 : m.clientWidth) ?? 0, format: f })
     ] });
   }
 );
-Z.displayName = "ChartFrame";
-function ie(t) {
+X.displayName = "ChartFrame";
+function oe(t) {
   const {
     data: n,
     categoryKey: r,
     series: i,
-    seriesLabels: o,
+    seriesLabels: l,
     highlight: a,
-    annotations: l,
-    grid: h = !1,
-    legend: c,
-    showYAxis: m = !0,
-    formatValue: d,
+    annotations: o,
+    grid: f = !1,
+    legend: d,
+    showYAxis: u = !0,
+    formatValue: c,
     xScale: b = "category",
-    xDomain: v,
-    yDomain: f,
-    xTickFormatter: p,
+    xDomain: g,
+    yDomain: h,
+    xTickFormatter: N,
     yTickFormatter: M,
-    yAxisWidth: y = 44,
-    title: x,
-    subtitle: u,
-    legendPlacement: g
-  } = t, S = { title: x, subtitle: u, legendPlacement: g }, $ = C.useMemo(() => i ?? ye(n, r), [i, n, r]), R = d ?? _, s = M ?? ((T) => typeof T == "number" ? R(T) : T), O = Le(l, R), A = (T, G) => a && $.includes(a) ? T === a ? "var(--color-chart-1)" : re : ne(G), I = (T) => (o == null ? void 0 : o[T]) ?? T, [L, E] = C.useState(
+    yAxisWidth: R = 44,
+    title: p,
+    subtitle: m,
+    legendPlacement: x
+  } = t, y = { title: p, subtitle: m, legendPlacement: x }, L = C.useMemo(() => i ?? $e(n, r), [i, n, r]), $ = c ?? k, s = M ?? ((S) => typeof S == "number" ? $(S) : S), O = Fe(o, $), w = (S, H) => a && L.includes(a) ? S === a ? "var(--color-chart-1)" : ie : ae(H), F = (S) => (l == null ? void 0 : l[S]) ?? S, [T, D] = C.useState(
     () => /* @__PURE__ */ new Set()
-  ), N = C.useCallback((T) => {
-    E((G) => {
-      const H = new Set(G);
-      return H.has(T) ? H.delete(T) : H.add(T), H;
+  ), _ = C.useCallback((S) => {
+    D((H) => {
+      const B = new Set(H);
+      return B.has(S) ? B.delete(S) : B.add(S), B;
     });
-  }, []), F = (T) => L.has(T), B = c ?? $.length > 1 ? $.map((T, G) => ({
-    key: T,
-    label: I(T),
-    color: A(T, G),
-    hidden: L.has(T)
+  }, []), E = (S) => T.has(S), Z = d ?? L.length > 1 ? L.map((S, H) => ({
+    key: S,
+    label: F(S),
+    color: w(S, H),
+    hidden: T.has(S)
   })) : null;
   return {
-    names: $,
-    format: R,
+    names: L,
+    format: $,
     layers: O,
-    legendItems: B,
-    header: S,
+    legendItems: Z,
+    header: y,
     furniture: [
       /* Gridlines one step below the border token — guides, not content. */
-      h ? /* @__PURE__ */ e(ce, { vertical: !1, stroke: "var(--chart-grid)" }, "grid") : null,
+      f ? /* @__PURE__ */ e(ue, { vertical: !1, stroke: "var(--chart-grid)" }, "grid") : null,
       /* @__PURE__ */ e(
-        de,
+        me,
         {
           dataKey: r,
           type: b === "time" ? "number" : "category",
           scale: b === "time" ? "time" : "auto",
-          domain: b === "time" ? v ?? ["dataMin", "dataMax"] : v,
-          allowDataOverflow: !!v,
+          domain: b === "time" ? g ?? ["dataMin", "dataMax"] : g,
+          allowDataOverflow: !!g,
           axisLine: { stroke: "var(--chart-axis)" },
           tickLine: !1,
           minTickGap: 28,
           tickMargin: 24,
           padding: { left: 16, right: 16 },
           height: 40,
-          tick: /* @__PURE__ */ e(V, { anchor: "middle", dy: 0, format: p })
+          tick: /* @__PURE__ */ e(W, { anchor: "middle", dy: 0, format: N })
         },
         "x"
       ),
-      m ? /* @__PURE__ */ e(
-        ee,
+      u ? /* @__PURE__ */ e(
+        ne,
         {
-          width: y,
-          domain: f,
-          allowDataOverflow: !!f,
+          width: R,
+          domain: h,
+          allowDataOverflow: !!h,
           axisLine: { stroke: "var(--chart-axis)" },
           tickLine: !1,
           tickMargin: 12,
-          tick: /* @__PURE__ */ e(V, { anchor: "end", dy: "0.32em", format: s })
+          tick: /* @__PURE__ */ e(W, { anchor: "end", dy: "0.32em", format: s })
         },
         "y"
       ) : null
     ],
-    colorFor: A,
-    labelFor: I,
-    toggleSeries: N,
-    isHidden: F
+    colorFor: w,
+    labelFor: F,
+    toggleSeries: _,
+    isHidden: E
   };
 }
-const P = 300, J = { top: 24, right: 12, bottom: 8, left: 0 };
-function ue(t, n, r, i) {
+const P = 300, K = { top: 24, right: 12, bottom: 8, left: 0 };
+function fe(t, n, r, i) {
   if (i === !0) return new Set(t);
   if (i === !1) return /* @__PURE__ */ new Set();
   if (r && t.includes(r)) {
-    const a = (n ?? []).filter((l) => l !== r);
+    const a = (n ?? []).filter((o) => o !== r);
     return /* @__PURE__ */ new Set([r, ...a]);
   }
   return t.filter((a) => !(n != null && n.includes(a))).length === 1 ? new Set(t) : /* @__PURE__ */ new Set();
 }
-function $e(t, n, r) {
+function Ie(t, n, r) {
   return C.useCallback(
-    (i, o) => {
-      if (!(n != null && n.includes(i))) return r(i, o);
-      const a = t.filter((h) => !n.includes(h)), l = a[n.indexOf(i)] ?? a[0];
-      return l ? r(l, t.indexOf(l)) : r(i, o);
+    (i, l) => {
+      if (!(n != null && n.includes(i))) return r(i, l);
+      const a = t.filter((f) => !n.includes(f)), o = a[n.indexOf(i)] ?? a[0];
+      return o ? r(o, t.indexOf(o)) : r(i, l);
     },
     [t, n, r]
   );
 }
-const dt = C.forwardRef(
+const mt = C.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 = P, curve: n = "linear", forecastKeys: r, animatedSeriesKeys: i, showValues: o = !0, className: a, ...l }, h) => {
-    const { names: c, format: m, layers: d, legendItems: b, header: v, furniture: f, colorFor: p, labelFor: M, toggleSeries: y, isHidden: x } = ie(l), u = $e(c, r, p), g = ue(c, r, l.highlight, o), S = Me(c, r), $ = new Set(c.filter((N) => !x(N)).map(S)), R = Ce(S, $.size > 1), { activeIndex: s } = R, O = (N) => {
-      if (!(r != null && r.includes(N))) return;
-      const F = S(N);
-      if (F !== N)
-        return (B) => {
-          var T;
-          const k = (T = l.data[B]) == null ? void 0 : T[F];
-          return k != null && k !== "" && !x(F);
+  ({ height: t = P, curve: n = "linear", forecastKeys: r, animatedSeriesKeys: i, showValues: l = !0, gradientFill: a = !0, className: o, ...f }, d) => {
+    const { names: u, format: c, layers: b, legendItems: g, header: h, furniture: N, colorFor: M, labelFor: R, toggleSeries: p, isHidden: m } = oe(f), x = Ie(u, r, M), y = fe(u, r, f.highlight, l), L = C.useId().replace(/[^a-zA-Z0-9]/g, ""), $ = a ? u.filter((v) => !(r != null && r.includes(v))) : [], s = Le(u, r), O = new Set(u.filter((v) => !m(v)).map(s)), w = ye(s, O.size > 1), { activeIndex: F } = w, T = (v) => {
+      if (!(r != null && r.includes(v))) return;
+      const S = s(v);
+      if (S !== v)
+        return (H) => {
+          var Q;
+          const B = (Q = f.data[H]) == null ? void 0 : Q[S];
+          return B != null && B !== "" && !m(S);
         };
-    }, A = c.filter((N) => g.has(N) && !x(N)), I = (N, F) => {
-      var k;
-      const B = (k = l.data[N]) == null ? void 0 : k[F];
-      return typeof B == "number" && !Number.isNaN(B) ? B : null;
+    }, D = u.filter((v) => y.has(v) && !m(v)), _ = (v, S) => {
+      var B;
+      const H = (B = f.data[v]) == null ? void 0 : B[S];
+      return typeof H == "number" && !Number.isNaN(H) ? H : null;
     };
-    let L = 0;
-    for (let N = 0; N < l.data.length; N++)
-      for (const F of A) L = Math.max(L, Math.abs(I(N, F) ?? 0));
-    const E = (N) => {
-      if (A.length < 2 || L === 0) return;
-      const F = A.indexOf(N);
-      return (B) => {
-        const k = I(B, N);
-        return k == null ? !1 : A.some((T, G) => {
-          if (T === N) return !1;
-          const H = I(B, T);
-          return H == null ? !1 : (H > k || H === k && G < F) && (H - k) / L < 0.1;
+    let E = 0;
+    for (let v = 0; v < f.data.length; v++)
+      for (const S of D) E = Math.max(E, Math.abs(_(v, S) ?? 0));
+    const Z = (v) => {
+      if (D.length < 2 || E === 0) return;
+      const S = D.indexOf(v);
+      return (H) => {
+        const B = _(H, v);
+        return B == null ? !1 : D.some((Q, Ee) => {
+          if (Q === v) return !1;
+          const ee = _(H, Q);
+          return ee == null ? !1 : (ee > B || ee === B && Ee < S) && (ee - B) / E < 0.1;
         });
       };
     };
-    return /* @__PURE__ */ e(Z, { ref: h, className: a, height: t, legendItems: b, ...v, hovered: d.hovered, format: m, onLegendToggle: y, hoverRef: R.frameRef, children: /* @__PURE__ */ w(Fe, { data: l.data, margin: J, ...R.handlers, children: [
-      f,
-      l.tooltip !== !1 && /* @__PURE__ */ e(
-        z,
+    return /* @__PURE__ */ e(X, { ref: d, className: o, height: t, legendItems: g, ...h, hovered: b.hovered, format: c, onLegendToggle: p, hoverRef: w.frameRef, children: /* @__PURE__ */ A(pe, { data: f.data, margin: K, ...w.handlers, children: [
+      $.length > 0 && /* @__PURE__ */ e("defs", { children: $.map((v) => /* @__PURE__ */ A("linearGradient", { id: `${L}-${u.indexOf(v)}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+        /* @__PURE__ */ e("stop", { offset: "0%", stopColor: x(v, u.indexOf(v)), stopOpacity: 0.2 }),
+        /* @__PURE__ */ e("stop", { offset: "100%", stopColor: x(v, u.indexOf(v)), stopOpacity: 0 })
+      ] }, v)) }),
+      N,
+      f.tooltip !== !1 && /* @__PURE__ */ e(
+        j,
         {
           content: /* @__PURE__ */ e(
-            j,
+            G,
             {
-              format: m,
-              renderer: l.tooltip
+              format: c,
+              renderer: f.tooltip
             }
           ),
           cursor: !1,
           isAnimationActive: !1
         }
       ),
-      d.back,
-      c.map((N, F) => /* @__PURE__ */ e(
-        be,
+      b.back,
+      $.map((v) => /* @__PURE__ */ e(
+        Ne,
         {
-          dataKey: N,
-          name: M(N),
+          dataKey: v,
           type: n,
-          className: D(W, R.isDimmed(N) && "opacity-30"),
-          stroke: u(N, F),
-          strokeWidth: ae,
-          strokeDasharray: r != null && r.includes(N) ? "6 4" : void 0,
-          dot: /* @__PURE__ */ e(U, { color: u(N, F), seriesKey: N }),
-          activeDot: R.isDimmed(N) ? !1 : /* @__PURE__ */ e(U, { color: u(N, F), active: !0 }),
-          label: g.has(N) ? /* @__PURE__ */ e(
-            Se,
+          className: I(z, w.isDimmed(v) && "opacity-30"),
+          stroke: "none",
+          fill: `url(#${L}-${u.indexOf(v)})`,
+          dot: !1,
+          activeDot: !1,
+          legendType: "none",
+          tooltipType: "none",
+          hide: m(v),
+          isAnimationActive: !1
+        },
+        `${v}-fill`
+      )),
+      u.map((v, S) => /* @__PURE__ */ e(
+        we,
+        {
+          dataKey: v,
+          name: R(v),
+          type: n,
+          className: I(z, w.isDimmed(v) && "opacity-30"),
+          stroke: x(v, S),
+          strokeWidth: le,
+          strokeDasharray: r != null && r.includes(v) ? "6 4" : void 0,
+          dot: /* @__PURE__ */ e(U, { color: x(v, S), seriesKey: v }),
+          activeDot: w.isDimmed(v) ? !1 : /* @__PURE__ */ e(U, { color: x(v, S), active: !0 }),
+          label: y.has(v) ? /* @__PURE__ */ e(
+            Oe,
             {
-              color: Ne(u(N, F)) ? void 0 : u(N, F),
-              format: m,
-              hidden: s != null,
-              skip: O(N),
-              below: E(N)
+              color: Me(x(v, S)) ? void 0 : x(v, S),
+              format: c,
+              hidden: F != null,
+              skip: T(v),
+              below: Z(v)
             }
           ) : void 0,
-          hide: x(N),
-          isAnimationActive: (i == null ? void 0 : i.includes(N)) ?? !1
+          hide: m(v),
+          isAnimationActive: (i == null ? void 0 : i.includes(v)) ?? !1
         },
-        N
+        v
       )),
-      d.front
+      b.front
     ] }) });
   }
 );
-dt.displayName = "LineChart";
-const ut = C.forwardRef(
-  ({ height: t = P, curve: n = "linear", stacked: r = !1, forecastKeys: i, showValues: o, className: a, ...l }, h) => {
-    const { names: c, format: m, layers: d, legendItems: b, header: v, furniture: f, colorFor: p, labelFor: M, toggleSeries: y, isHidden: x } = ie(l), u = $e(c, i, p), g = r ? /* @__PURE__ */ new Set() : ue(c, i, l.highlight, o), S = Me(c, i), $ = new Set(c.filter((A) => !x(A)).map(S)), R = Ce(S, $.size > 1), { activeIndex: s } = R, O = C.useId().replace(/[^a-zA-Z0-9]/g, "");
-    return /* @__PURE__ */ e(Z, { ref: h, className: a, height: t, legendItems: b, ...v, hovered: d.hovered, format: m, onLegendToggle: y, hoverRef: R.frameRef, children: /* @__PURE__ */ w(Te, { data: l.data, margin: J, ...R.handlers, children: [
-      /* @__PURE__ */ e("defs", { children: c.map((A, I) => /* @__PURE__ */ w("linearGradient", { id: `${O}-${I}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [
-        /* @__PURE__ */ e("stop", { offset: "0%", stopColor: p(A, I), stopOpacity: 0.18 }),
-        /* @__PURE__ */ e("stop", { offset: "100%", stopColor: p(A, I), stopOpacity: 0.02 })
-      ] }, A)) }),
-      f,
-      l.tooltip !== !1 && /* @__PURE__ */ e(
-        z,
+mt.displayName = "LineChart";
+const ft = C.forwardRef(
+  ({ height: t = P, curve: n = "linear", stacked: r = !1, forecastKeys: i, showValues: l, className: a, ...o }, f) => {
+    const { names: d, format: u, layers: c, legendItems: b, header: g, furniture: h, colorFor: N, labelFor: M, toggleSeries: R, isHidden: p } = oe(o), m = Ie(d, i, N), x = r ? /* @__PURE__ */ new Set() : fe(d, i, o.highlight, l), y = Le(d, i), L = new Set(d.filter((w) => !p(w)).map(y)), $ = ye(y, L.size > 1), { activeIndex: s } = $, O = C.useId().replace(/[^a-zA-Z0-9]/g, "");
+    return /* @__PURE__ */ e(X, { ref: f, className: a, height: t, legendItems: b, ...g, hovered: c.hovered, format: u, onLegendToggle: R, hoverRef: $.frameRef, children: /* @__PURE__ */ A(Be, { data: o.data, margin: K, ...$.handlers, children: [
+      /* @__PURE__ */ e("defs", { children: d.map((w, F) => /* @__PURE__ */ A("linearGradient", { id: `${O}-${F}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+        /* @__PURE__ */ e("stop", { offset: "0%", stopColor: N(w, F), stopOpacity: 0.18 }),
+        /* @__PURE__ */ e("stop", { offset: "100%", stopColor: N(w, F), stopOpacity: 0.02 })
+      ] }, w)) }),
+      h,
+      o.tooltip !== !1 && /* @__PURE__ */ e(
+        j,
         {
           content: /* @__PURE__ */ e(
-            j,
+            G,
             {
-              format: m,
-              renderer: l.tooltip
+              format: u,
+              renderer: o.tooltip
             }
           ),
           cursor: !1,
           isAnimationActive: !1
         }
       ),
-      d.back,
-      c.map((A, I) => /* @__PURE__ */ e(
-        Ie,
+      c.back,
+      d.map((w, F) => /* @__PURE__ */ e(
+        Ne,
         {
-          dataKey: A,
-          name: M(A),
+          dataKey: w,
+          name: M(w),
           type: n,
-          className: D(W, R.isDimmed(A) && "opacity-30"),
+          className: I(z, $.isDimmed(w) && "opacity-30"),
           stackId: r ? "stack" : void 0,
-          stroke: u(A, I),
-          strokeWidth: ae,
-          strokeDasharray: i != null && i.includes(A) ? "6 4" : void 0,
-          fill: `url(#${O}-${I})`,
-          dot: /* @__PURE__ */ e(U, { color: u(A, I), seriesKey: A }),
-          activeDot: R.isDimmed(A) ? !1 : /* @__PURE__ */ e(U, { color: u(A, I), active: !0 }),
-          label: g.has(A) ? /* @__PURE__ */ e(Se, { color: u(A, I), format: m, hidden: s != null }) : void 0,
-          hide: x(A),
+          stroke: m(w, F),
+          strokeWidth: le,
+          strokeDasharray: i != null && i.includes(w) ? "6 4" : void 0,
+          fill: `url(#${O}-${F})`,
+          dot: /* @__PURE__ */ e(U, { color: m(w, F), seriesKey: w }),
+          activeDot: $.isDimmed(w) ? !1 : /* @__PURE__ */ e(U, { color: m(w, F), active: !0 }),
+          label: x.has(w) ? /* @__PURE__ */ e(Oe, { color: m(w, F), format: u, hidden: s != null }) : void 0,
+          hide: p(w),
           isAnimationActive: !1
         },
-        A
+        w
       )),
-      d.front
+      c.front
     ] }) });
   }
 );
-ut.displayName = "AreaChart";
-const mt = C.forwardRef(
+ft.displayName = "AreaChart";
+const ht = C.forwardRef(
   ({
     height: t = P,
     stacked: n = !1,
     layout: r = "vertical",
     showValues: i = !0,
-    className: o,
+    className: l,
     ...a
-  }, l) => {
-    const { names: h, format: c, layers: m, legendItems: d, header: b, furniture: v, colorFor: f, labelFor: p, toggleSeries: M, isHidden: y } = ie(a), x = r === "horizontal", u = n ? /* @__PURE__ */ new Set() : ue(h, void 0, a.highlight, i), g = h.filter((L) => !y(L)), S = n ? g[g.length - 1] : void 0, $ = a.data.map((L) => {
-      let E = null;
-      for (const N of g) {
-        const F = L[N];
-        typeof F == "number" && !Number.isNaN(F) && (E = (E ?? 0) + F);
+  }, o) => {
+    const { names: f, format: d, layers: u, legendItems: c, header: b, furniture: g, colorFor: h, labelFor: N, toggleSeries: M, isHidden: R } = oe(a), p = r === "horizontal", m = n ? /* @__PURE__ */ new Set() : fe(f, void 0, a.highlight, i), x = f.filter((T) => !R(T)), y = n ? x[x.length - 1] : void 0, L = a.data.map((T) => {
+      let D = null;
+      for (const _ of x) {
+        const E = T[_];
+        typeof E == "number" && !Number.isNaN(E) && (D = (D ?? 0) + E);
       }
-      return E;
-    }), R = a.xTickFormatter ?? ((L) => typeof L == "number" ? c(L) : L), s = [
+      return D;
+    }), $ = a.xTickFormatter ?? ((T) => typeof T == "number" ? d(T) : T), s = [
       a.grid !== !1 ? /* @__PURE__ */ e(
-        ce,
+        ue,
         {
           horizontal: !1,
           vertical: !0,
@@ -778,7 +799,7 @@ const mt = C.forwardRef(
         "grid"
       ) : null,
       /* @__PURE__ */ e(
-        de,
+        me,
         {
           type: "number",
           domain: a.xDomain,
@@ -787,12 +808,12 @@ const mt = C.forwardRef(
           tickLine: !1,
           minTickGap: 28,
           tickMargin: 10,
-          tick: /* @__PURE__ */ e(V, { anchor: "middle", dy: 0, format: R })
+          tick: /* @__PURE__ */ e(W, { anchor: "middle", dy: 0, format: $ })
         },
         "x"
       ),
       a.showYAxis !== !1 ? /* @__PURE__ */ e(
-        ee,
+        ne,
         {
           type: "category",
           dataKey: a.categoryKey,
@@ -801,7 +822,7 @@ const mt = C.forwardRef(
           tickLine: !1,
           tickMargin: 6,
           tick: /* @__PURE__ */ e(
-            V,
+            W,
             {
               anchor: "end",
               dy: "0.32em",
@@ -811,24 +832,24 @@ const mt = C.forwardRef(
         },
         "y"
       ) : null
-    ], O = a.highlight && h.length === 1 && !h.includes(a.highlight) ? a.highlight : null, { activeIndex: A, handlers: I } = Ae();
-    return /* @__PURE__ */ e(Z, { ref: l, className: o, height: t, legendItems: d, ...b, hovered: m.hovered, format: c, onLegendToggle: M, children: /* @__PURE__ */ w(
-      De,
+    ], O = a.highlight && f.length === 1 && !f.includes(a.highlight) ? a.highlight : null, { activeIndex: w, handlers: F } = Re();
+    return /* @__PURE__ */ e(X, { ref: o, className: l, height: t, legendItems: c, ...b, hovered: u.hovered, format: d, onLegendToggle: M, children: /* @__PURE__ */ A(
+      He,
       {
         data: a.data,
-        layout: x ? "vertical" : "horizontal",
-        margin: J,
+        layout: p ? "vertical" : "horizontal",
+        margin: K,
         barCategoryGap: "24%",
-        ...I,
+        ...F,
         children: [
-          x ? s : v,
+          p ? s : g,
           a.tooltip !== !1 && /* @__PURE__ */ e(
-            z,
+            j,
             {
               content: /* @__PURE__ */ e(
-                j,
+                G,
                 {
-                  format: c,
+                  format: d,
                   renderer: a.tooltip
                 }
               ),
@@ -836,91 +857,91 @@ const mt = C.forwardRef(
               isAnimationActive: !1
             }
           ),
-          m.back,
-          h.map((L, E) => {
-            const N = n ? L === S : !0, F = x ? [0, 4, 4, 0] : [4, 4, 0, 0];
-            return /* @__PURE__ */ w(
-              ge,
+          u.back,
+          f.map((T, D) => {
+            const _ = n ? T === y : !0, E = p ? [0, 4, 4, 0] : [4, 4, 0, 0];
+            return /* @__PURE__ */ A(
+              Ae,
               {
-                dataKey: L,
-                name: p(L),
+                dataKey: T,
+                name: N(T),
                 stackId: n ? "stack" : void 0,
-                fill: f(L, E),
-                radius: N ? F : 0,
+                fill: h(T, D),
+                radius: _ ? E : 0,
                 maxBarSize: 48,
-                label: u.has(L) ? /* @__PURE__ */ e(rt, { format: c, horizontal: x }) : void 0,
-                hide: y(L),
+                label: m.has(T) ? /* @__PURE__ */ e(it, { format: d, horizontal: p }) : void 0,
+                hide: R(T),
                 isAnimationActive: !1,
                 children: [
                   n && i && /* @__PURE__ */ e(
-                    me,
+                    he,
                     {
-                      dataKey: L,
+                      dataKey: T,
                       content: /* @__PURE__ */ e(
-                        at,
+                        lt,
                         {
-                          format: c,
-                          horizontal: x,
-                          light: Ne(f(L, E))
+                          format: d,
+                          horizontal: p,
+                          light: Me(h(T, D))
                         }
                       )
                     }
                   ),
-                  n && i && L === S && /* @__PURE__ */ e(
-                    me,
+                  n && i && T === y && /* @__PURE__ */ e(
+                    he,
                     {
-                      dataKey: L,
+                      dataKey: T,
                       content: /* @__PURE__ */ e(
-                        it,
+                        ot,
                         {
-                          totals: $,
-                          format: c,
-                          horizontal: x
+                          totals: L,
+                          format: d,
+                          horizontal: p
                         }
                       )
                     }
                   ),
-                  a.data.map((B, k) => /* @__PURE__ */ e(
-                    te,
+                  a.data.map((Z, v) => /* @__PURE__ */ e(
+                    re,
                     {
-                      fill: O ? B[a.categoryKey] === O ? "var(--color-chart-1)" : re : f(L, E),
-                      className: W,
-                      opacity: X(k, A)
+                      fill: O ? Z[a.categoryKey] === O ? "var(--color-chart-1)" : ie : h(T, D),
+                      className: z,
+                      opacity: Y(v, w)
                     },
-                    k
+                    v
                   ))
                 ]
               },
-              L
+              T
             );
           }),
-          m.front
+          u.front
         ]
       }
     ) });
   }
 );
-mt.displayName = "BarChart";
-const Oe = C.forwardRef(
-  ({ height: t = P, lineKeys: n, dualAxis: r = !1, stacked: i = !1, forecastKeys: o, className: a, ...l }, h) => {
-    const { names: c, format: m, layers: d, header: b, furniture: v, colorFor: f, labelFor: p, toggleSeries: M, isHidden: y } = ie(l), x = c.filter((s) => !n.includes(s)), u = (s, O) => n.length ? "var(--chart-axis)" : f(s, O), g = (s, O) => n.length ? "var(--color-chart-1)" : f(s, O), S = c.length > 1 ? [
-      ...x.map((s) => ({
+ht.displayName = "BarChart";
+const De = C.forwardRef(
+  ({ height: t = P, lineKeys: n, dualAxis: r = !1, stacked: i = !1, forecastKeys: l, className: a, ...o }, f) => {
+    const { names: d, format: u, layers: c, header: b, furniture: g, colorFor: h, labelFor: N, toggleSeries: M, isHidden: R } = oe(o), p = d.filter((s) => !n.includes(s)), m = (s, O) => n.length ? "var(--chart-axis)" : h(s, O), x = (s, O) => n.length ? "var(--color-chart-1)" : h(s, O), y = d.length > 1 ? [
+      ...p.map((s) => ({
         key: s,
-        label: p(s),
-        color: u(s, c.indexOf(s)),
-        hidden: y(s)
+        label: N(s),
+        color: m(s, d.indexOf(s)),
+        hidden: R(s)
       })),
       ...n.map((s) => ({
         key: s,
-        label: p(s),
-        color: g(s, c.indexOf(s)),
-        hidden: y(s)
+        label: N(s),
+        color: x(s, d.indexOf(s)),
+        hidden: R(s)
       }))
-    ] : null, { activeIndex: $, handlers: R } = Ae();
-    return /* @__PURE__ */ e(Z, { ref: h, className: a, height: t, legendItems: S, ...b, hovered: d.hovered, format: m, onLegendToggle: M, children: /* @__PURE__ */ w(Ee, { data: l.data, margin: J, barCategoryGap: "24%", ...R, children: [
-      v,
+    ] : null, { activeIndex: L, handlers: $ } = Re();
+    return /* @__PURE__ */ e(X, { ref: f, className: a, height: t, legendItems: y, ...b, hovered: c.hovered, format: u, onLegendToggle: M, children: /* @__PURE__ */ A(pe, { data: o.data, margin: K, barCategoryGap: "24%", ...$, children: [
+      g,
       r && /* @__PURE__ */ e(
-        ee,
+        ne,
         {
           yAxisId: "right",
           orientation: "right",
@@ -929,144 +950,144 @@ const Oe = C.forwardRef(
           tickLine: !1,
           tickMargin: 6,
           tick: /* @__PURE__ */ e(
-            V,
+            W,
             {
               anchor: "start",
               dy: "0.32em",
-              format: (s) => typeof s == "number" ? m(s) : s
+              format: (s) => typeof s == "number" ? u(s) : s
             }
           )
         }
       ),
-      l.tooltip !== !1 && /* @__PURE__ */ e(
-        z,
+      o.tooltip !== !1 && /* @__PURE__ */ e(
+        j,
         {
           content: /* @__PURE__ */ e(
-            j,
+            G,
             {
-              format: m,
-              renderer: l.tooltip
+              format: u,
+              renderer: o.tooltip
             }
           ),
           cursor: !1,
           isAnimationActive: !1
         }
       ),
-      d.back,
-      x.map((s) => {
-        const O = c.indexOf(s), A = i ? s === x[x.length - 1] : !0;
+      c.back,
+      p.map((s) => {
+        const O = d.indexOf(s), w = i ? s === p[p.length - 1] : !0;
         return /* @__PURE__ */ e(
-          ge,
+          Ae,
           {
             dataKey: s,
-            name: p(s),
+            name: N(s),
             stackId: i ? "stack" : void 0,
-            fill: u(s, O),
-            radius: A ? [4, 4, 0, 0] : 0,
+            fill: m(s, O),
+            radius: w ? [4, 4, 0, 0] : 0,
             maxBarSize: 48,
-            hide: y(s),
+            hide: R(s),
             isAnimationActive: !1,
-            children: l.data.map((I, L) => /* @__PURE__ */ e(
-              te,
+            children: o.data.map((F, T) => /* @__PURE__ */ e(
+              re,
               {
-                fill: u(s, O),
-                className: W,
-                opacity: X(L, $)
+                fill: m(s, O),
+                className: z,
+                opacity: Y(T, L)
               },
-              L
+              T
             ))
           },
           s
         );
       }),
       n.map((s) => {
-        const O = c.indexOf(s);
+        const O = d.indexOf(s);
         return /* @__PURE__ */ e(
-          be,
+          we,
           {
             dataKey: s,
-            name: p(s),
+            name: N(s),
             yAxisId: r ? "right" : void 0,
             type: "linear",
-            stroke: g(s, O),
-            strokeWidth: ae,
-            strokeDasharray: o != null && o.includes(s) ? "6 4" : void 0,
-            dot: /* @__PURE__ */ e(U, { color: g(s, O) }),
-            activeDot: /* @__PURE__ */ e(U, { color: g(s, O), active: !0 }),
-            hide: y(s),
+            stroke: x(s, O),
+            strokeWidth: le,
+            strokeDasharray: l != null && l.includes(s) ? "6 4" : void 0,
+            dot: /* @__PURE__ */ e(U, { color: x(s, O) }),
+            activeDot: /* @__PURE__ */ e(U, { color: x(s, O), active: !0 }),
+            hide: R(s),
             isAnimationActive: !1
           },
           s
         );
       }),
-      d.front
+      c.front
     ] }) });
   }
 );
-Oe.displayName = "ComboChart";
-const ft = C.forwardRef(
-  (t, n) => /* @__PURE__ */ e(Oe, { ref: n, ...t })
+De.displayName = "ComboChart";
+const xt = C.forwardRef(
+  (t, n) => /* @__PURE__ */ e(De, { ref: n, ...t })
 );
-ft.displayName = "ComposedChart";
-const ht = C.forwardRef(
+xt.displayName = "ComposedChart";
+const vt = C.forwardRef(
   ({
     data: t,
     xKey: n,
     yKey: r,
     labelKey: i,
-    annotations: o,
+    annotations: l,
     height: a = P,
-    grid: l = !1,
-    showYAxis: h = !0,
-    formatValue: c,
-    xScale: m = "number",
-    xDomain: d,
+    grid: o = !1,
+    showYAxis: f = !0,
+    formatValue: d,
+    xScale: u = "number",
+    xDomain: c,
     yDomain: b,
-    xTickFormatter: v,
-    yTickFormatter: f,
-    yAxisWidth: p = 44,
+    xTickFormatter: g,
+    yTickFormatter: h,
+    yAxisWidth: N = 44,
     tooltip: M,
-    className: y
-  }, x) => {
-    const u = c ?? _, g = v ?? ((R) => typeof R == "number" ? _(R) : R), S = f ?? ((R) => typeof R == "number" ? u(R) : R), $ = Le(o, u);
-    return /* @__PURE__ */ e(Z, { ref: x, className: y, height: a, legendItems: null, hovered: $.hovered, format: u, children: /* @__PURE__ */ w(ke, { margin: J, children: [
-      l && /* @__PURE__ */ e(ce, { vertical: !1, stroke: "var(--chart-grid)" }),
+    className: R
+  }, p) => {
+    const m = d ?? k, x = g ?? (($) => typeof $ == "number" ? k($) : $), y = h ?? (($) => typeof $ == "number" ? m($) : $), L = Fe(l, m);
+    return /* @__PURE__ */ e(X, { ref: p, className: R, height: a, legendItems: null, hovered: L.hovered, format: m, children: /* @__PURE__ */ A(_e, { margin: K, children: [
+      o && /* @__PURE__ */ e(ue, { vertical: !1, stroke: "var(--chart-grid)" }),
       /* @__PURE__ */ e(
-        de,
+        me,
         {
           type: "number",
           dataKey: n,
-          scale: m === "time" ? "time" : "auto",
-          domain: d ?? (m === "time" ? ["dataMin", "dataMax"] : ["auto", "auto"]),
-          allowDataOverflow: !!d,
+          scale: u === "time" ? "time" : "auto",
+          domain: c ?? (u === "time" ? ["dataMin", "dataMax"] : ["auto", "auto"]),
+          allowDataOverflow: !!c,
           axisLine: !1,
           tickLine: !1,
           minTickGap: 28,
           tickMargin: 10,
-          tick: /* @__PURE__ */ e(V, { anchor: "middle", dy: 0, format: g })
+          tick: /* @__PURE__ */ e(W, { anchor: "middle", dy: 0, format: x })
         }
       ),
-      h && /* @__PURE__ */ e(
-        ee,
+      f && /* @__PURE__ */ e(
+        ne,
         {
           type: "number",
           dataKey: r,
-          width: p,
+          width: N,
           domain: b,
           allowDataOverflow: !!b,
           axisLine: !1,
           tickLine: !1,
           tickMargin: 6,
-          tick: /* @__PURE__ */ e(V, { anchor: "end", dy: "0.32em", format: S })
+          tick: /* @__PURE__ */ e(W, { anchor: "end", dy: "0.32em", format: y })
         }
       ),
       M !== !1 && /* @__PURE__ */ e(
-        z,
+        j,
         {
           content: /* @__PURE__ */ e(
-            j,
+            G,
             {
-              format: u,
+              format: m,
               labelKey: i,
               renderer: M
             }
@@ -1075,58 +1096,58 @@ const ht = C.forwardRef(
           isAnimationActive: !1
         }
       ),
-      $.back,
+      L.back,
       /* @__PURE__ */ e(
-        Be,
+        ze,
         {
           data: t,
           fill: "var(--color-chart-1)",
-          shape: (R) => /* @__PURE__ */ e("circle", { cx: R.cx, cy: R.cy, r: 4.5, fill: "var(--color-chart-1)", fillOpacity: 0.75 }),
+          shape: ($) => /* @__PURE__ */ e("circle", { cx: $.cx, cy: $.cy, r: 4.5, fill: "var(--color-chart-1)", fillOpacity: 0.75 }),
           isAnimationActive: !1
         }
       ),
-      $.front
+      L.front
     ] }) });
   }
 );
-ht.displayName = "ScatterChart";
-const xt = C.forwardRef(
+vt.displayName = "ScatterChart";
+const bt = C.forwardRef(
   ({
     data: t,
     nameKey: n,
     valueKey: r,
     donut: i = !0,
-    centerLabel: o,
+    centerLabel: l,
     highlight: a,
-    height: l = 260,
-    legend: h = !0,
-    formatValue: c,
-    tooltip: m,
-    className: d
+    height: o = 260,
+    legend: f = !0,
+    formatValue: d,
+    tooltip: u,
+    className: c
   }, b) => {
-    const v = c ?? _, f = t.reduce((g, S) => g + (typeof S[r] == "number" ? S[r] : 0), 0), p = (g, S) => ne(S), M = (g) => a && g !== a ? 0.3 : 1, [y, x] = C.useState(null), u = h ? t.map((g, S) => ({
-      label: `${g[n]} · ${f ? Math.round(Number(g[r]) / f * 100) : 0}%`,
-      color: p(String(g[n]), S)
+    const g = d ?? k, h = t.reduce((x, y) => x + (typeof y[r] == "number" ? y[r] : 0), 0), N = (x, y) => ae(y), M = (x) => a && x !== a ? 0.3 : 1, [R, p] = C.useState(null), m = f ? t.map((x, y) => ({
+      label: `${x[n]} · ${h ? Math.round(Number(x[r]) / h * 100) : 0}%`,
+      color: N(String(x[n]), y)
     })) : null;
-    return /* @__PURE__ */ w("div", { ref: b, className: D("relative w-full font-sans", d), children: [
-      u && /* @__PURE__ */ e(Q, { items: u }),
-      /* @__PURE__ */ w("div", { className: "relative", children: [
-        /* @__PURE__ */ e(q, { width: "100%", height: l, children: /* @__PURE__ */ w(He, { margin: { top: 8, right: 8, bottom: 8, left: 8 }, children: [
-          m !== !1 && /* @__PURE__ */ e(
-            z,
+    return /* @__PURE__ */ A("div", { ref: b, className: I("relative w-full font-sans", c), children: [
+      m && /* @__PURE__ */ e(q, { items: m }),
+      /* @__PURE__ */ A("div", { className: "relative", children: [
+        /* @__PURE__ */ e(J, { width: "100%", height: o, children: /* @__PURE__ */ A(ke, { margin: { top: 8, right: 8, bottom: 8, left: 8 }, children: [
+          u !== !1 && /* @__PURE__ */ e(
+            j,
             {
               content: /* @__PURE__ */ e(
-                j,
+                G,
                 {
-                  format: v,
-                  renderer: m
+                  format: g,
+                  renderer: u
                 }
               ),
               isAnimationActive: !1
             }
           ),
           /* @__PURE__ */ e(
-            _e,
+            je,
             {
               data: t,
               dataKey: r,
@@ -1137,61 +1158,61 @@ const xt = C.forwardRef(
               cornerRadius: i ? 4 : 2,
               stroke: "none",
               isAnimationActive: !1,
-              onMouseEnter: (g, S) => x(S),
-              onMouseLeave: () => x(null),
-              children: t.map((g, S) => /* @__PURE__ */ e(
-                te,
+              onMouseEnter: (x, y) => p(y),
+              onMouseLeave: () => p(null),
+              children: t.map((x, y) => /* @__PURE__ */ e(
+                re,
                 {
                   role: "presentation",
                   "aria-hidden": "true",
-                  className: W,
-                  fill: p(String(g[n]), S),
-                  fillOpacity: M(String(g[n])),
-                  opacity: X(S, y)
+                  className: z,
+                  fill: N(String(x[n]), y),
+                  fillOpacity: M(String(x[n])),
+                  opacity: Y(y, R)
                 },
-                String(g[n])
+                String(x[n])
               ))
             }
           )
         ] }) }),
-        i && /* @__PURE__ */ w("div", { className: "pointer-events-none absolute inset-0 flex flex-col items-center justify-center", children: [
-          /* @__PURE__ */ e("div", { className: "text-xl font-medium text-foreground tabular-nums", children: v(f) }),
-          o && /* @__PURE__ */ e("div", { className: "mt-0.5 text-xs font-normal tracking-wide uppercase text-tertiary", children: o })
+        i && /* @__PURE__ */ A("div", { className: "pointer-events-none absolute inset-0 flex flex-col items-center justify-center", children: [
+          /* @__PURE__ */ e("div", { className: "text-xl font-medium text-foreground tabular-nums", children: g(h) }),
+          l && /* @__PURE__ */ e("div", { className: "mt-0.5 text-xs font-normal tracking-wide uppercase text-tertiary", children: l })
         ] })
       ] })
     ] });
   }
 );
-xt.displayName = "PieChart";
-const vt = C.forwardRef(
+bt.displayName = "PieChart";
+const gt = C.forwardRef(
   ({
     data: t,
     categoryKey: n,
     series: r,
     seriesLabels: i,
-    highlight: o,
+    highlight: l,
     maxValue: a,
-    height: l = 300,
-    legend: h,
-    formatValue: c,
-    tooltip: m,
-    className: d
+    height: o = 300,
+    legend: f,
+    formatValue: d,
+    tooltip: u,
+    className: c
   }, b) => {
-    const v = C.useMemo(
-      () => r ?? ye(t, n),
+    const g = C.useMemo(
+      () => r ?? $e(t, n),
       [n, t, r]
-    ), f = c ?? _, p = a ?? Math.max(
+    ), h = d ?? k, N = a ?? Math.max(
       1,
       ...t.flatMap(
-        (u) => v.map(
-          (g) => typeof u[g] == "number" ? u[g] : 0
+        (m) => g.map(
+          (x) => typeof m[x] == "number" ? m[x] : 0
         )
       )
-    ), M = (u) => (i == null ? void 0 : i[u]) ?? u, y = (u, g) => o && v.includes(o) ? u === o ? "var(--color-chart-1)" : re : ne(g), x = h ?? v.length > 1 ? v.map((u, g) => ({ label: M(u), color: y(u, g) })) : null;
-    return /* @__PURE__ */ w("div", { ref: b, className: D("relative w-full font-sans", d), children: [
-      x && /* @__PURE__ */ e(Q, { items: x, align: "center" }),
-      /* @__PURE__ */ e("div", { className: "mx-auto w-full max-w-[520px]", children: /* @__PURE__ */ e(q, { width: "100%", height: l, children: /* @__PURE__ */ w(
-        ze,
+    ), M = (m) => (i == null ? void 0 : i[m]) ?? m, R = (m, x) => l && g.includes(l) ? m === l ? "var(--color-chart-1)" : ie : ae(x), p = f ?? g.length > 1 ? g.map((m, x) => ({ label: M(m), color: R(m, x) })) : null;
+    return /* @__PURE__ */ A("div", { ref: b, className: I("relative w-full font-sans", c), children: [
+      p && /* @__PURE__ */ e(q, { items: p, align: "center" }),
+      /* @__PURE__ */ e("div", { className: "mx-auto w-full max-w-[520px]", children: /* @__PURE__ */ e(J, { width: "100%", height: o, children: /* @__PURE__ */ A(
+        Ge,
         {
           data: t,
           cx: "50%",
@@ -1199,50 +1220,50 @@ const vt = C.forwardRef(
           outerRadius: "68%",
           margin: { top: 10, right: 56, bottom: 16, left: 56 },
           children: [
-            /* @__PURE__ */ e(je, { stroke: "var(--border)", radialLines: !0 }),
+            /* @__PURE__ */ e(Pe, { stroke: "var(--border)", radialLines: !0 }),
             /* @__PURE__ */ e(
-              pe,
+              Ce,
               {
                 dataKey: n,
                 tick: { fill: "var(--text-secondary)", fontSize: "var(--text-s)", fontWeight: 500 }
               }
             ),
             /* @__PURE__ */ e(
-              Pe,
+              We,
               {
                 angle: 90,
-                domain: [0, p],
+                domain: [0, N],
                 tick: !1,
                 axisLine: !1,
                 tickLine: !1
               }
             ),
-            m !== !1 && /* @__PURE__ */ e(
-              z,
+            u !== !1 && /* @__PURE__ */ e(
+              j,
               {
                 content: /* @__PURE__ */ e(
-                  j,
+                  G,
                   {
-                    format: f,
-                    renderer: m
+                    format: h,
+                    renderer: u
                   }
                 ),
                 isAnimationActive: !1
               }
             ),
-            v.map((u, g) => /* @__PURE__ */ e(
-              We,
+            g.map((m, x) => /* @__PURE__ */ e(
+              Ue,
               {
-                dataKey: u,
-                name: M(u),
-                stroke: y(u, g),
-                fill: y(u, g),
-                fillOpacity: o ? u === o ? 0.16 : 0.05 : 0.1,
-                strokeWidth: ae,
-                dot: /* @__PURE__ */ e(U, { color: y(u, g) }),
+                dataKey: m,
+                name: M(m),
+                stroke: R(m, x),
+                fill: R(m, x),
+                fillOpacity: l ? m === l ? 0.16 : 0.05 : 0.1,
+                strokeWidth: le,
+                dot: /* @__PURE__ */ e(U, { color: R(m, x) }),
                 isAnimationActive: !1
               },
-              u
+              m
             ))
           ]
         }
@@ -1250,106 +1271,106 @@ const vt = C.forwardRef(
     ] });
   }
 );
-vt.displayName = "RadarChart";
-const bt = C.forwardRef(
+gt.displayName = "RadarChart";
+const pt = C.forwardRef(
   ({
     data: t,
     nameKey: n,
     valueKey: r,
     maxValue: i = 100,
-    centerLabel: o,
+    centerLabel: l,
     height: a = P,
-    legend: l = !0,
-    formatValue: h,
-    tooltip: c,
-    className: m
-  }, d) => {
-    const b = h ?? _, [v, f] = C.useState(null), p = t.map((x, u) => ({
-      ...x,
-      name: String(x[n]),
-      fill: se(u)
-    })), M = p.length ? p.reduce(
-      (x, u) => x + (typeof u[r] == "number" ? u[r] : 0),
+    legend: o = !0,
+    formatValue: f,
+    tooltip: d,
+    className: u
+  }, c) => {
+    const b = f ?? k, [g, h] = C.useState(null), N = t.map((p, m) => ({
+      ...p,
+      name: String(p[n]),
+      fill: de(m)
+    })), M = N.length ? N.reduce(
+      (p, m) => p + (typeof m[r] == "number" ? m[r] : 0),
       0
-    ) / p.length : 0, y = l ? p.map((x, u) => ({
-      label: String(x[n]),
-      color: se(u)
+    ) / N.length : 0, R = o ? N.map((p, m) => ({
+      label: String(p[n]),
+      color: de(m)
     })) : null;
-    return /* @__PURE__ */ w("div", { ref: d, className: D("relative w-full font-sans", m), children: [
-      /* @__PURE__ */ w("div", { className: "relative mx-auto w-full max-w-[420px]", children: [
-        /* @__PURE__ */ e(q, { width: "100%", height: a, children: /* @__PURE__ */ w(
-          Ge,
+    return /* @__PURE__ */ A("div", { ref: c, className: I("relative w-full font-sans", u), children: [
+      /* @__PURE__ */ A("div", { className: "relative mx-auto w-full max-w-[420px]", children: [
+        /* @__PURE__ */ e(J, { width: "100%", height: a, children: /* @__PURE__ */ A(
+          Ve,
           {
-            data: p,
+            data: N,
             innerRadius: "48%",
             outerRadius: "82%",
             startAngle: 90,
             endAngle: -270,
             margin: { top: 6, right: 6, bottom: 6, left: 6 },
             children: [
-              /* @__PURE__ */ e(pe, { type: "number", domain: [0, i], tick: !1 }),
-              c !== !1 && /* @__PURE__ */ e(
-                z,
+              /* @__PURE__ */ e(Ce, { type: "number", domain: [0, i], tick: !1 }),
+              d !== !1 && /* @__PURE__ */ e(
+                j,
                 {
                   content: /* @__PURE__ */ e(
-                    j,
+                    G,
                     {
                       format: b,
-                      renderer: c
+                      renderer: d
                     }
                   ),
                   isAnimationActive: !1
                 }
               ),
               /* @__PURE__ */ e(
-                Ve,
+                Ye,
                 {
                   dataKey: r,
                   background: { fill: "var(--muted)" },
                   cornerRadius: 999,
                   maxBarSize: 18,
                   isAnimationActive: !1,
-                  onMouseEnter: (x, u) => f(u),
-                  onMouseLeave: () => f(null),
-                  children: p.map((x, u) => /* @__PURE__ */ e(
-                    te,
+                  onMouseEnter: (p, m) => h(m),
+                  onMouseLeave: () => h(null),
+                  children: N.map((p, m) => /* @__PURE__ */ e(
+                    re,
                     {
-                      fill: x.fill,
-                      className: W,
-                      opacity: X(u, v)
+                      fill: p.fill,
+                      className: z,
+                      opacity: Y(m, g)
                     },
-                    `${x.name}-${u}`
+                    `${p.name}-${m}`
                   ))
                 }
               )
             ]
           }
         ) }),
-        /* @__PURE__ */ w("div", { className: "pointer-events-none absolute inset-0 flex flex-col items-center justify-center", children: [
+        /* @__PURE__ */ A("div", { className: "pointer-events-none absolute inset-0 flex flex-col items-center justify-center", children: [
           /* @__PURE__ */ e("div", { className: "text-xl font-medium text-foreground tabular-nums", children: b(Math.round(M)) }),
-          o && /* @__PURE__ */ e("div", { className: "mt-0.5 text-xs font-normal tracking-wide uppercase text-tertiary", children: o })
+          l && /* @__PURE__ */ e("div", { className: "mt-0.5 text-xs font-normal tracking-wide uppercase text-tertiary", children: l })
         ] })
       ] }),
-      y && /* @__PURE__ */ e(Q, { items: y, align: "center", className: "mb-0 mt-3" })
+      R && /* @__PURE__ */ e(q, { items: R, align: "center", className: "mb-0 mt-3" })
     ] });
   }
 );
-bt.displayName = "RadialBarChart";
-function gt({
+pt.displayName = "RadialBarChart";
+function Nt({
   x: t = 0,
   y: n = 0,
   width: r = 0,
   height: i = 0,
-  depth: o = 0,
+  depth: l = 0,
   index: a = 0,
-  name: l,
-  value: h,
-  format: c = _,
-  activeIndex: m = null
+  name: o,
+  value: f,
+  format: d = k,
+  activeIndex: u = null
 }) {
-  if (o === 0) return /* @__PURE__ */ e("g", {});
-  const d = o === 0 ? "transparent" : se(a), b = o > 0 && a < 4, v = r > 72 && i > 38;
-  return /* @__PURE__ */ w("g", { className: W, opacity: X(a, m), children: [
+  if (l === 0) return /* @__PURE__ */ e("g", {});
+  const c = l === 0 ? "transparent" : de(a), b = l > 0 && a < 4, g = r > 72 && i > 38;
+  return /* @__PURE__ */ A("g", { className: z, opacity: Y(a, u), children: [
     /* @__PURE__ */ e(
       "rect",
       {
@@ -1359,12 +1380,12 @@ function gt({
         height: i,
         rx: 6,
         ry: 6,
-        fill: d,
+        fill: c,
         stroke: "var(--background)",
         strokeWidth: 4
       }
     ),
-    v && /* @__PURE__ */ e(
+    g && /* @__PURE__ */ e(
       "foreignObject",
       {
         x: t + 8,
@@ -1372,25 +1393,25 @@ function gt({
         width: Math.max(0, r - 16),
         height: Math.max(0, i - 16),
         className: "pointer-events-none overflow-hidden",
-        children: /* @__PURE__ */ w("div", { className: "flex h-full flex-col justify-between", children: [
+        children: /* @__PURE__ */ A("div", { className: "flex h-full flex-col justify-between", children: [
           /* @__PURE__ */ e(
             "p",
             {
-              className: D(
+              className: I(
                 "truncate text-xs font-medium",
                 b ? "text-background" : "text-foreground"
               ),
-              children: l
+              children: o
             }
           ),
-          typeof h == "number" && i > 58 && /* @__PURE__ */ e(
+          typeof f == "number" && i > 58 && /* @__PURE__ */ e(
             "p",
             {
-              className: D(
+              className: I(
                 "text-xs tabular-nums",
                 b ? "text-background/70" : "text-tertiary"
               ),
-              children: c(h)
+              children: d(f)
             }
           )
         ] })
@@ -1398,11 +1419,11 @@ function gt({
     )
   ] });
 }
-function pt(t, n, r) {
-  const i = [], o = (a) => {
-    const l = Array.isArray(a.children) ? a.children : void 0;
-    if (l != null && l.length) {
-      l.forEach(o);
+function wt(t, n, r) {
+  const i = [], l = (a) => {
+    const o = Array.isArray(a.children) ? a.children : void 0;
+    if (o != null && o.length) {
+      o.forEach(l);
       return;
     }
     typeof a[r] == "number" && i.push({
@@ -1411,41 +1432,41 @@ function pt(t, n, r) {
       value: a[r]
     });
   };
-  return t.forEach(o), i.length ? i : t;
+  return t.forEach(l), i.length ? i : t;
 }
-const Nt = C.forwardRef(
+const At = C.forwardRef(
   ({
     data: t,
     nameKey: n,
     valueKey: r,
     height: i = P,
-    formatValue: o,
+    formatValue: l,
     tooltip: a,
-    className: l
-  }, h) => {
-    const c = o ?? _, m = C.useMemo(
-      () => pt(t, n, r),
+    className: o
+  }, f) => {
+    const d = l ?? k, u = C.useMemo(
+      () => wt(t, n, r),
       [t, n, r]
-    ), [d, b] = C.useState(null);
-    return /* @__PURE__ */ e("div", { ref: h, className: D("relative w-full font-sans", l), children: /* @__PURE__ */ e(q, { width: "100%", height: i, children: /* @__PURE__ */ e(
-      Ue,
+    ), [c, b] = C.useState(null);
+    return /* @__PURE__ */ e("div", { ref: f, className: I("relative w-full font-sans", o), children: /* @__PURE__ */ e(J, { width: "100%", height: i, children: /* @__PURE__ */ e(
+      Xe,
       {
-        data: m,
+        data: u,
         nameKey: n,
         dataKey: r,
         type: "flat",
         aspectRatio: 1.6,
-        content: /* @__PURE__ */ e(gt, { format: c, activeIndex: d }),
+        content: /* @__PURE__ */ e(Nt, { format: d, activeIndex: c }),
         isAnimationActive: !1,
-        onMouseEnter: (v) => b(v.depth ? v.index ?? null : null),
+        onMouseEnter: (g) => b(g.depth ? g.index ?? null : null),
         onMouseLeave: () => b(null),
         children: a !== !1 && /* @__PURE__ */ e(
-          z,
+          j,
           {
             content: /* @__PURE__ */ e(
-              j,
+              G,
               {
-                format: c,
+                format: d,
                 renderer: a
               }
             ),
@@ -1456,92 +1477,92 @@ const Nt = C.forwardRef(
     ) }) });
   }
 );
-Nt.displayName = "TreemapChart";
-const le = "var(--color-chart-1)", wt = "var(--chart-track)", K = 24, At = 44, he = 0.55, xe = 4, ve = (t, n, r, i, o) => {
-  const a = Math.min(o, r / 2, i);
+At.displayName = "TreemapChart";
+const se = "var(--color-chart-1)", Ct = "var(--chart-track)", te = 24, Mt = 44, ve = 0.55, be = 4, ge = (t, n, r, i, l) => {
+  const a = Math.min(l, r / 2, i);
   return `M ${t},${n + i} L ${t},${n + a} Q ${t},${n} ${t + a},${n} L ${t + r - a},${n} Q ${t + r},${n} ${t + r},${n + a} L ${t + r},${n + i} Z`;
 };
-function Ct() {
+function St() {
   const t = C.useRef(null), [n, r] = C.useState(0);
   return C.useLayoutEffect(() => {
     const i = t.current;
     if (!i) return;
     r(i.getBoundingClientRect().width);
-    const o = new ResizeObserver((a) => {
-      var h;
-      const l = ((h = a[0]) == null ? void 0 : h.contentRect.width) ?? 0;
-      r((c) => Math.abs(c - l) > 0.5 ? l : c);
+    const l = new ResizeObserver((a) => {
+      var f;
+      const o = ((f = a[0]) == null ? void 0 : f.contentRect.width) ?? 0;
+      r((d) => Math.abs(d - o) > 0.5 ? o : d);
     });
-    return o.observe(i), () => o.disconnect();
+    return l.observe(i), () => l.disconnect();
   }, []), { ref: t, width: n };
 }
-const Mt = C.forwardRef(
+const Rt = C.forwardRef(
   ({
     data: t,
     nameKey: n,
     valueKey: r,
     height: i = P,
-    formatValue: o,
+    formatValue: l,
     label: a,
-    tooltip: l,
-    className: h
-  }, c) => {
-    var R;
-    const m = o ?? _, { ref: d, width: b } = Ct(), [v, f] = C.useState(null), p = Number(((R = t[0]) == null ? void 0 : R[r]) ?? 0), M = t.length, y = Math.max(0, i - K - At), x = K + y, u = M > 0 ? b / (M + (M - 1) * he) : 0, g = u * he, S = t.map((s, O) => {
-      var F;
-      const A = Number(s[r]), I = Number(((F = t[O - 1]) == null ? void 0 : F[r]) ?? A), L = p ? A / p * 100 : 0, E = I ? A / I * 100 : 0, N = p && A > 0 ? Math.max(2, A / p * y) : 0;
+    tooltip: o,
+    className: f
+  }, d) => {
+    var $;
+    const u = l ?? k, { ref: c, width: b } = St(), [g, h] = C.useState(null), N = Number((($ = t[0]) == null ? void 0 : $[r]) ?? 0), M = t.length, R = Math.max(0, i - te - Mt), p = te + R, m = M > 0 ? b / (M + (M - 1) * ve) : 0, x = m * ve, y = t.map((s, O) => {
+      var E;
+      const w = Number(s[r]), F = Number(((E = t[O - 1]) == null ? void 0 : E[r]) ?? w), T = N ? w / N * 100 : 0, D = F ? w / F * 100 : 0, _ = N && w > 0 ? Math.max(2, w / N * R) : 0;
       return {
         datum: s,
         index: O,
         name: String(s[n]),
-        value: A,
-        conversionFromFirst: L,
-        conversionFromPrevious: E,
-        dropOffFromPrevious: O === 0 ? 0 : 100 - E,
-        x: O * (u + g),
-        y: x - N,
-        width: u,
-        height: N,
-        formatValue: m
+        value: w,
+        conversionFromFirst: T,
+        conversionFromPrevious: D,
+        dropOffFromPrevious: O === 0 ? 0 : 100 - D,
+        x: O * (m + x),
+        y: p - _,
+        width: m,
+        height: _,
+        formatValue: u
       };
-    }), $ = v != null ? S[v] : void 0;
-    return /* @__PURE__ */ e("div", { ref: c, className: D("relative w-full font-sans", h), children: /* @__PURE__ */ w("div", { ref: d, className: "relative w-full", style: { height: i }, children: [
-      b > 0 && M > 0 && /* @__PURE__ */ w("svg", { width: b, height: i, className: "block", children: [
-        S.slice(1).map((s) => {
-          const O = S[s.index - 1];
+    }), L = g != null ? y[g] : void 0;
+    return /* @__PURE__ */ e("div", { ref: d, className: I("relative w-full font-sans", f), children: /* @__PURE__ */ A("div", { ref: c, className: "relative w-full", style: { height: i }, children: [
+      b > 0 && M > 0 && /* @__PURE__ */ A("svg", { width: b, height: i, className: "block", children: [
+        y.slice(1).map((s) => {
+          const O = y[s.index - 1];
           return /* @__PURE__ */ e(
             "path",
             {
-              d: `M ${O.x + O.width},${O.y} L ${s.x},${s.y} L ${s.x},${x} L ${O.x + O.width},${x} Z`,
-              fill: le,
+              d: `M ${O.x + O.width},${O.y} L ${s.x},${s.y} L ${s.x},${p} L ${O.x + O.width},${p} Z`,
+              fill: se,
               opacity: 0.14
             },
             `connector-${s.index}`
           );
         }),
-        S.map((s) => /* @__PURE__ */ w(
+        y.map((s) => /* @__PURE__ */ A(
           "g",
           {
             role: "img",
-            "aria-label": `${s.name}: ${m(s.value)} (${Math.round(s.conversionFromFirst)}% of ${S[0].name})`,
+            "aria-label": `${s.name}: ${u(s.value)} (${Math.round(s.conversionFromFirst)}% of ${y[0].name})`,
             children: [
               /* @__PURE__ */ e(
                 "path",
                 {
-                  d: ve(s.x, K, s.width, y, xe),
-                  fill: wt
+                  d: ge(s.x, te, s.width, R, be),
+                  fill: Ct
                 }
               ),
               s.height > 0 && /* @__PURE__ */ e(
                 "path",
                 {
-                  d: ve(s.x, s.y, s.width, s.height, xe),
-                  fill: le,
-                  className: W,
-                  opacity: X(s.index, v)
+                  d: ge(s.x, s.y, s.width, s.height, be),
+                  fill: se,
+                  className: z,
+                  opacity: Y(s.index, g)
                 }
               ),
-              a !== !1 && (a ? a(s) : /* @__PURE__ */ w(
+              a !== !1 && (a ? a(s) : /* @__PURE__ */ A(
                 "text",
                 {
                   x: s.x,
@@ -1558,7 +1579,7 @@ const Mt = C.forwardRef(
                 "text",
                 {
                   x: s.x,
-                  y: x + 18,
+                  y: p + 18,
                   textAnchor: "start",
                   className: "fill-primary text-xs font-normal",
                   children: s.name
@@ -1568,22 +1589,22 @@ const Mt = C.forwardRef(
                 "text",
                 {
                   x: s.x,
-                  y: x + 34,
+                  y: p + 34,
                   textAnchor: "start",
                   className: "fill-tertiary text-xs tabular-nums",
-                  children: m(s.value)
+                  children: u(s.value)
                 }
               ),
               /* @__PURE__ */ e(
                 "rect",
                 {
                   x: s.x,
-                  y: K,
-                  width: s.index === M - 1 ? u : u + g,
-                  height: y,
+                  y: te,
+                  width: s.index === M - 1 ? m : m + x,
+                  height: R,
                   fill: "transparent",
-                  onMouseEnter: () => f(s.index),
-                  onMouseLeave: () => f(null)
+                  onMouseEnter: () => h(s.index),
+                  onMouseLeave: () => h(null)
                 }
               )
             ]
@@ -1591,34 +1612,34 @@ const Mt = C.forwardRef(
           `${s.name}-${s.index}`
         ))
       ] }),
-      l !== !1 && $ && /* @__PURE__ */ e(
+      o !== !1 && L && /* @__PURE__ */ e(
         "div",
         {
           className: "pointer-events-none absolute z-10 -translate-x-1/2 -translate-y-full",
-          style: { left: $.x + $.width / 2, top: $.y - 10 },
-          children: l ? l({
+          style: { left: L.x + L.width / 2, top: L.y - 10 },
+          children: o ? o({
             active: !0,
-            label: $.name,
+            label: L.name,
             items: [
               {
-                key: $.name,
-                name: $.name,
-                value: $.value,
-                color: le,
-                datum: $.datum
+                key: L.name,
+                name: L.name,
+                value: L.value,
+                color: se,
+                datum: L.datum
               }
             ],
-            formatValue: m
-          }) : /* @__PURE__ */ w("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: $.name }),
-            /* @__PURE__ */ e("div", { className: "font-normal tabular-nums", children: m($.value) }),
-            /* @__PURE__ */ w("div", { className: "text-background/70 tabular-nums", children: [
-              Math.round($.conversionFromFirst),
+            formatValue: u
+          }) : /* @__PURE__ */ A("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: L.name }),
+            /* @__PURE__ */ e("div", { className: "font-normal tabular-nums", children: u(L.value) }),
+            /* @__PURE__ */ A("div", { className: "text-background/70 tabular-nums", children: [
+              Math.round(L.conversionFromFirst),
               "% of ",
-              S[0].name,
-              $.index > 0 && /* @__PURE__ */ w(oe, { children: [
+              y[0].name,
+              L.index > 0 && /* @__PURE__ */ A(ce, { children: [
                 " · −",
-                Math.round($.dropOffFromPrevious),
+                Math.round(L.dropOffFromPrevious),
                 "% step"
               ] })
             ] })
@@ -1628,18 +1649,18 @@ const Mt = C.forwardRef(
     ] }) });
   }
 );
-Mt.displayName = "FunnelChart";
+Rt.displayName = "FunnelChart";
 export {
-  ut as AreaChart,
-  mt as BarChart,
-  Oe as ComboChart,
-  ft as ComposedChart,
-  Mt as FunnelChart,
-  dt as LineChart,
+  ft as AreaChart,
+  ht as BarChart,
+  De as ComboChart,
+  xt as ComposedChart,
+  Rt as FunnelChart,
+  mt as LineChart,
   P as MIN_HEIGHT,
-  xt as PieChart,
-  vt as RadarChart,
-  bt as RadialBarChart,
-  ht as ScatterChart,
-  Nt as TreemapChart
+  bt as PieChart,
+  gt as RadarChart,
+  pt as RadialBarChart,
+  vt as ScatterChart,
+  At as TreemapChart
 };