@actioneer/ads 0.6.0 → 0.7.0

package/components/chart.js

@@ -1,61 +1,61 @@
 "use client";
 import { jsxs as A, jsx as e, Fragment as K } from "react/jsx-runtime";
 import * as R from "react";
-import { ResponsiveContainer as j, LineChart as be, Tooltip as O, Line as se, AreaChart as pe, Area as Ne, CartesianGrid as te, XAxis as ne, YAxis as U, BarChart as we, Bar as ce, Cell as de, ComposedChart as Ae, ScatterChart as Ce, Scatter as ye, PieChart as Re, Pie as ke, RadarChart as Me, PolarGrid as $e, PolarAngleAxis as ue, PolarRadiusAxis as Se, Radar as Le, RadialBarChart as Fe, RadialBar as Oe, Treemap as Te, ReferenceArea as Ie, ReferenceLine as Be, ReferenceDot as De } from "recharts";
-import { MotionConfig as Ee, AnimatePresence as We, motion as ze } from "motion/react";
+import { ResponsiveContainer as _, LineChart as pe, Tooltip as O, Line as se, AreaChart as Ne, Area as we, CartesianGrid as te, XAxis as re, YAxis as V, BarChart as Ae, Bar as ce, Cell as de, ComposedChart as Ce, ScatterChart as ye, Scatter as Re, PieChart as ke, Pie as Me, RadarChart as $e, PolarGrid as Se, PolarAngleAxis as ue, PolarRadiusAxis as Le, Radar as Fe, RadialBarChart as Oe, RadialBar as Te, Treemap as Ie, ReferenceArea as Be, ReferenceLine as De, ReferenceDot as Ee } from "recharts";
+import { MotionConfig as We, AnimatePresence as ze, motion as _e } from "motion/react";
 import { cn as $ } from "../lib/cn.js";
 import { floatVariants as je } from "../lib/motion.js";
-const V = (t) => `var(--color-chart-${t % 6 + 1})`, ee = (t) => V(t), re = "var(--chart-context)", Y = 2.5, He = 2.5, W = {
+const U = (t) => `var(--color-chart-${t % 6 + 1})`, ee = (t) => U(t), ne = "var(--chart-context)", me = { fillOpacity: "var(--chart-active-bar-opacity)" }, Y = 2.5, He = 2.5, W = {
   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" }
-}, F = (t) => new Intl.NumberFormat("en-US", { notation: "compact", maximumFractionDigits: 1 }).format(t), me = (t, r) => {
+}, F = (t) => new Intl.NumberFormat("en-US", { notation: "compact", maximumFractionDigits: 1 }).format(t), fe = (t, n) => {
   const a = [];
   for (const i of t)
     for (const o of Object.keys(i))
-      o !== r && typeof i[o] == "number" && !a.includes(o) && a.push(o);
+      o !== n && typeof i[o] == "number" && !a.includes(o) && a.push(o);
   return a;
 };
-function D({ x: t, y: r, payload: a, anchor: i, dy: o, format: n }) {
-  const l = (a == null ? void 0 : a.value) ?? "", x = n ? n(l) : l;
-  return /* @__PURE__ */ e("text", { x: t, y: r, dy: o, textAnchor: i, className: "fill-tertiary text-xs tabular-nums", children: x });
+function D({ x: t, y: n, payload: a, anchor: i, dy: o, format: r }) {
+  const l = (a == null ? void 0 : a.value) ?? "", x = r ? r(l) : l;
+  return /* @__PURE__ */ e("text", { x: t, y: n, dy: o, textAnchor: i, className: "fill-tertiary text-xs tabular-nums", children: x });
 }
-function fe({
+function he({
   x: t,
-  y: r,
+  y: n,
   value: a,
   hidden: i,
   color: o,
-  format: n
+  format: r
 }) {
-  if (i || t == null || r == null || a == null || a === "") return null;
+  if (i || t == null || n == null || a == null || a === "") return null;
   const l = Number(a);
   return Number.isNaN(l) ? null : /* @__PURE__ */ e(
     "text",
     {
       x: Number(t),
-      y: Number(r) - 10,
+      y: Number(n) - 10,
       textAnchor: "middle",
       fill: o,
       className: $(!o && "fill-secondary", "text-xs tabular-nums"),
-      children: n(l)
+      children: r(l)
     }
   );
 }
 function E({
   cx: t,
-  cy: r,
+  cy: n,
   color: a,
   active: i = !1
 }) {
-  return t == null || r == null ? null : /* @__PURE__ */ e(
+  return t == null || n == null ? null : /* @__PURE__ */ e(
     "circle",
     {
       "aria-hidden": !0,
       cx: t,
-      cy: r,
+      cy: n,
       r: i ? 5.5 : 4,
       fill: "var(--background)",
       stroke: a,
@@ -65,17 +65,17 @@ function E({
 }
 function Pe({
   x: t,
-  y: r,
+  y: n,
   width: a,
   height: i,
   value: o,
-  format: n,
+  format: r,
   horizontal: l
 }) {
-  if (t == null || r == null || o == null || o === "") return null;
+  if (t == null || n == null || o == null || o === "") return null;
   const x = Number(o);
   if (Number.isNaN(x)) return null;
-  const c = Number(t), m = Number(r), u = Number(a ?? 0), N = Number(i ?? 0);
+  const c = Number(t), m = Number(n), u = Number(a ?? 0), N = Number(i ?? 0);
   return l ? /* @__PURE__ */ e(
     "text",
     {
@@ -84,7 +84,7 @@ function Pe({
       dy: "0.32em",
       textAnchor: "start",
       className: "fill-secondary text-xs tabular-nums",
-      children: n(x)
+      children: r(x)
     }
   ) : /* @__PURE__ */ e(
     "text",
@@ -93,20 +93,20 @@ function Pe({
       y: m - 8,
       textAnchor: "middle",
       className: "fill-secondary text-xs tabular-nums",
-      children: n(x)
+      children: r(x)
     }
   );
 }
 function T({
   active: t,
-  payload: r,
+  payload: n,
   label: a,
   format: i,
   labelKey: o,
-  renderer: n
+  renderer: r
 }) {
   var N, b;
-  const l = (r ?? []).map((f, y) => {
+  const l = (n ?? []).map((f, y) => {
     const C = f.payload && typeof f.payload == "object" ? f.payload : void 0;
     return {
       key: f.dataKey ?? y,
@@ -121,7 +121,7 @@ function T({
     items: l,
     formatValue: i
   };
-  if (n) return /* @__PURE__ */ e(K, { children: n(c) });
+  if (r) return /* @__PURE__ */ e(K, { children: r(c) });
   if (!c.active || !l.length) return null;
   const m = l.length === 1, u = c.label ?? (m ? l[0].name : void 0);
   return /* @__PURE__ */ A("div", { className: "rounded-md bg-foreground px-2.5 py-1.5 text-xs text-background", children: [
@@ -135,35 +135,35 @@ function T({
     ] }, f.key))
   ] });
 }
-const he = "pointer-events-none inline-flex min-h-4 items-center rounded-full px-2 py-0.5 text-xs font-normal whitespace-nowrap";
-function _e({
+const xe = "pointer-events-none inline-flex min-h-4 items-center rounded-full px-2 py-0.5 text-xs font-normal whitespace-nowrap";
+function Ge({
   viewBox: t,
-  label: r,
+  label: n,
   value: a,
   color: i,
   axis: o
 }) {
-  const n = t ?? {}, l = /* @__PURE__ */ A("span", { className: $(he, W[i].pill), children: [
-    r,
+  const r = t ?? {}, l = /* @__PURE__ */ A("span", { className: $(xe, W[i].pill), children: [
+    n,
     a != null && /* @__PURE__ */ e("span", { className: "ml-1 tabular-nums", children: a })
   ] });
-  return o === "y" ? /* @__PURE__ */ e("foreignObject", { x: n.x ?? 0, y: (n.y ?? 0) - 12, width: n.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: (n.x ?? 0) - 90, y: (n.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 o === "y" ? /* @__PURE__ */ e("foreignObject", { x: r.x ?? 0, y: (r.y ?? 0) - 12, width: r.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: (r.x ?? 0) - 90, y: (r.y ?? 0) - 12, width: 180, height: 24, className: "overflow-visible", children: /* @__PURE__ */ e("div", { className: "flex h-full items-center justify-center", children: l }) });
 }
-function Ge({ viewBox: t, label: r, color: a }) {
+function Ve({ viewBox: t, label: n, color: a }) {
   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: $(he, W[a].pill), children: r }) }) });
+  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: $(xe, W[a].pill), children: n }) }) });
 }
 function Ue({
   cx: t,
-  cy: r,
+  cy: n,
   n: a,
   ann: i,
   onEnter: o,
-  onLeave: n
+  onLeave: r
 }) {
   const [l, x] = R.useState(!1);
-  if (t == null || r == null || !Number.isFinite(t) || !Number.isFinite(r)) return /* @__PURE__ */ e("g", {});
-  const c = () => o({ ann: i, n: a, cx: t, cy: r }), m = () => n();
+  if (t == null || n == null || !Number.isFinite(t) || !Number.isFinite(n)) return /* @__PURE__ */ e("g", {});
+  const c = () => o({ ann: i, n: a, cx: t, cy: n }), m = () => r();
   return /* @__PURE__ */ A(
     "g",
     {
@@ -180,14 +180,14 @@ function Ue({
         x(!1), m();
       },
       children: [
-        l && /* @__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: W[i.color ?? "primary"].ref }),
+        l && /* @__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: W[i.color ?? "primary"].ref }),
         /* @__PURE__ */ e(
           "text",
           {
             x: t,
-            y: r,
+            y: n,
             dy: "0.35em",
             textAnchor: "middle",
             className: "pointer-events-none fill-brand-foreground text-xs font-medium select-none",
@@ -198,17 +198,17 @@ function Ue({
     }
   );
 }
-function Ve({ hovered: t, frameWidth: r, format: a }) {
-  return /* @__PURE__ */ e(Ee, { reducedMotion: "user", children: /* @__PURE__ */ e(We, { children: t && /* @__PURE__ */ e(
+function Ye({ hovered: t, frameWidth: n, format: a }) {
+  return /* @__PURE__ */ e(We, { reducedMotion: "user", children: /* @__PURE__ */ e(ze, { children: t && /* @__PURE__ */ e(
     "div",
     {
       className: "pointer-events-none absolute z-10",
       style: {
-        left: Math.max(96, Math.min(t.cx, Math.max(r - 96, 96))),
+        left: Math.max(96, Math.min(t.cx, Math.max(n - 96, 96))),
         top: t.cy - 16
       },
       children: /* @__PURE__ */ A(
-        ze.div,
+        _e.div,
         {
           variants: je,
           initial: "hidden",
@@ -240,8 +240,8 @@ function Ve({ hovered: t, frameWidth: r, format: a }) {
     }
   ) }) });
 }
-function xe(t, r) {
-  const [a, i] = R.useState(null), o = R.useCallback(() => i(null), []), { back: n, front: l } = R.useMemo(() => {
+function ve(t, n) {
+  const [a, i] = R.useState(null), o = R.useCallback(() => i(null), []), { back: r, front: l } = R.useMemo(() => {
     const x = [], c = [];
     let m = 0;
     return (t ?? []).forEach((u, N) => {
@@ -250,14 +250,14 @@ function xe(t, r) {
         const f = u.axis ?? "y";
         x.push(
           /* @__PURE__ */ e(
-            Ie,
+            Be,
             {
               ...f === "y" ? { y1: u.from, y2: u.to } : { x1: u.from, x2: u.to },
               fill: W[b].ref,
               fillOpacity: 0.06,
               stroke: "none",
               ifOverflow: f === "y" ? "extendDomain" : "visible",
-              label: u.label ? /* @__PURE__ */ e(Ge, { label: u.label, color: b }) : void 0
+              label: u.label ? /* @__PURE__ */ e(Ve, { label: u.label, color: b }) : void 0
             },
             `ann-${N}`
           )
@@ -266,7 +266,7 @@ function xe(t, r) {
         const f = u.axis ?? "y";
         c.push(
           /* @__PURE__ */ e(
-            Be,
+            De,
             {
               ...f === "y" ? { y: u.value } : { x: u.value },
               stroke: W[b].ref,
@@ -274,10 +274,10 @@ function xe(t, r) {
               strokeDasharray: "4 4",
               ifOverflow: f === "y" ? "extendDomain" : "visible",
               label: u.label ? /* @__PURE__ */ e(
-                _e,
+                Ge,
                 {
                   label: u.label,
-                  value: typeof u.value == "number" ? r(u.value) : String(u.value),
+                  value: typeof u.value == "number" ? n(u.value) : String(u.value),
                   color: b,
                   axis: f
                 }
@@ -291,7 +291,7 @@ function xe(t, r) {
         const f = m;
         c.push(
           /* @__PURE__ */ e(
-            De,
+            Ee,
             {
               x: u.x,
               y: u.y,
@@ -303,12 +303,12 @@ function xe(t, r) {
         );
       }
     }), { back: x, front: c };
-  }, [t, r, o]);
-  return { back: n, front: l, hovered: a };
+  }, [t, n, o]);
+  return { back: r, front: l, hovered: a };
 }
 function X({
   items: t,
-  align: r = "end",
+  align: n = "end",
   className: a,
   onToggle: i
 }) {
@@ -316,20 +316,20 @@ function X({
     start: "justify-start",
     center: "justify-center",
     end: "justify-end"
-  }[r];
+  }[n];
   return /* @__PURE__ */ e("div", { className: $("mb-3 flex flex-wrap items-center gap-x-4 gap-y-1", o, a), children: t.map(
-    (n) => i && n.key !== void 0 ? /* @__PURE__ */ A(
+    (r) => i && r.key !== void 0 ? /* @__PURE__ */ A(
       "button",
       {
         type: "button",
-        "aria-pressed": !n.hidden,
-        "aria-label": `Toggle ${n.label} series`,
-        onClick: () => i(n.key),
+        "aria-pressed": !r.hidden,
+        "aria-label": `Toggle ${r.label} series`,
+        onClick: () => i(r.key),
         className: $(
           "inline-flex cursor-pointer items-center gap-1.5 rounded-sm text-xs outline-none",
           "transition-colors duration-150 ease-out motion-reduce:transition-none",
           "focus-visible:ring-2 focus-visible:ring-ring",
-          n.hidden ? "text-tertiary" : "text-secondary hover:text-foreground"
+          r.hidden ? "text-tertiary" : "text-secondary hover:text-foreground"
         ),
         children: [
           /* @__PURE__ */ e(
@@ -338,42 +338,42 @@ function X({
               "aria-hidden": !0,
               className: $(
                 "size-2 rounded-dot transition-opacity duration-150 ease-out motion-reduce:transition-none",
-                n.hidden && "opacity-25"
+                r.hidden && "opacity-25"
               ),
-              style: { background: n.color }
+              style: { background: r.color }
             }
           ),
-          n.label
+          r.label
         ]
       },
-      n.label
+      r.label
     ) : /* @__PURE__ */ A("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: n.color } }),
-      n.label
-    ] }, n.label)
+      /* @__PURE__ */ e("span", { "aria-hidden": !0, className: "size-2 rounded-dot", style: { background: r.color } }),
+      r.label
+    ] }, r.label)
   ) });
 }
 const z = R.forwardRef(
-  ({ className: t, height: r, legendItems: a, hovered: i, format: o, onLegendToggle: n, children: l, ...x }, c) => {
+  ({ className: t, height: n, legendItems: a, hovered: i, format: o, onLegendToggle: r, children: l, ...x }, c) => {
     var N;
     const m = R.useRef(null);
     return /* @__PURE__ */ A("div", { ref: (b) => {
       m.current = b, typeof c == "function" ? c(b) : c && (c.current = b);
     }, className: $("relative w-full font-sans", t), ...x, children: [
-      a && /* @__PURE__ */ e(X, { items: a, onToggle: n }),
-      /* @__PURE__ */ e(j, { width: "100%", height: Math.max(r, I), children: l }),
-      /* @__PURE__ */ e(Ve, { hovered: i, frameWidth: ((N = m.current) == null ? void 0 : N.clientWidth) ?? 0, format: o })
+      a && /* @__PURE__ */ e(X, { items: a, onToggle: r }),
+      /* @__PURE__ */ e(_, { width: "100%", height: Math.max(n, I), children: l }),
+      /* @__PURE__ */ e(Ye, { hovered: i, frameWidth: ((N = m.current) == null ? void 0 : N.clientWidth) ?? 0, format: o })
     ] });
   }
 );
 z.displayName = "ChartFrame";
 function Z(t) {
   const {
-    data: r,
+    data: n,
     categoryKey: a,
     series: i,
     seriesLabels: o,
-    highlight: n,
+    highlight: r,
     annotations: l,
     grid: x = !1,
     legend: c,
@@ -385,18 +385,18 @@ function Z(t) {
     xTickFormatter: y,
     yTickFormatter: C,
     yAxisWidth: w = 44
-  } = t, p = R.useMemo(() => i ?? me(r, a), [i, r, a]), h = u ?? F, k = C ?? ((M) => typeof M == "number" ? h(M) : M), d = xe(l, h), s = (M, B) => n && p.includes(n) ? M === n ? "var(--color-chart-1)" : re : V(B), v = (M) => (o == null ? void 0 : o[M]) ?? M, [g, S] = R.useState(
+  } = t, p = R.useMemo(() => i ?? fe(n, a), [i, n, a]), h = u ?? F, k = C ?? ((M) => typeof M == "number" ? h(M) : M), d = ve(l, h), s = (M, B) => r && p.includes(r) ? M === r ? "var(--color-chart-1)" : ne : U(B), g = (M) => (o == null ? void 0 : o[M]) ?? M, [v, S] = R.useState(
     () => /* @__PURE__ */ new Set()
   ), L = R.useCallback((M) => {
     S((B) => {
-      const _ = new Set(B);
-      return _.has(M) ? _.delete(M) : _.add(M), _;
+      const P = new Set(B);
+      return P.has(M) ? P.delete(M) : P.add(M), P;
     });
-  }, []), P = (M) => g.has(M), Q = c ?? p.length > 1 ? p.map((M, B) => ({
+  }, []), H = (M) => v.has(M), Q = c ?? p.length > 1 ? p.map((M, B) => ({
     key: M,
-    label: v(M),
+    label: g(M),
     color: s(M, B),
-    hidden: g.has(M)
+    hidden: v.has(M)
   })) : null;
   return {
     names: p,
@@ -407,7 +407,7 @@ function Z(t) {
       /* Gridlines one step below the border token — guides, not content. */
       x ? /* @__PURE__ */ e(te, { vertical: !1, stroke: "var(--chart-grid)" }, "grid") : null,
       /* @__PURE__ */ e(
-        ne,
+        re,
         {
           dataKey: a,
           type: N === "time" ? "number" : "category",
@@ -425,7 +425,7 @@ function Z(t) {
         "x"
       ),
       m ? /* @__PURE__ */ e(
-        U,
+        V,
         {
           width: w,
           domain: f,
@@ -439,44 +439,44 @@ function Z(t) {
       ) : null
     ],
     colorFor: s,
-    labelFor: v,
+    labelFor: g,
     toggleSeries: L,
-    isHidden: P
+    isHidden: H
   };
 }
-const I = 300, H = { top: 24, right: 12, bottom: 8, left: 0 };
-function ae(t, r, a, i) {
+const I = 300, j = { top: 24, right: 12, bottom: 8, left: 0 };
+function ae(t, n, a, i) {
   if (i === !0) return new Set(t);
   if (i === !1) return /* @__PURE__ */ new Set();
   if (a && t.includes(a)) {
-    const n = (r ?? []).filter((l) => l !== a);
-    return /* @__PURE__ */ new Set([a, ...n]);
+    const r = (n ?? []).filter((l) => l !== a);
+    return /* @__PURE__ */ new Set([a, ...r]);
   }
-  return t.filter((n) => !(r != null && r.includes(n))).length === 1 ? new Set(t) : /* @__PURE__ */ new Set();
+  return t.filter((r) => !(n != null && n.includes(r))).length === 1 ? new Set(t) : /* @__PURE__ */ new Set();
 }
-function ge(t, r, a) {
+function ge(t, n, a) {
   return R.useCallback(
     (i, o) => {
-      if (!(r != null && r.includes(i))) return a(i, o);
-      const n = t.filter((x) => !r.includes(x)), l = n[r.indexOf(i)] ?? n[0];
+      if (!(n != null && n.includes(i))) return a(i, o);
+      const r = t.filter((x) => !n.includes(x)), l = r[n.indexOf(i)] ?? r[0];
       return l ? a(l, t.indexOf(l)) : a(i, o);
     },
-    [t, r, a]
+    [t, n, a]
   );
 }
-const Ye = R.forwardRef(
+const Xe = R.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 = I, curve: r = "linear", forecastKeys: a, animatedSeriesKeys: i, showValues: o, className: n, ...l }, x) => {
+  ({ height: t = I, curve: n = "linear", forecastKeys: a, animatedSeriesKeys: i, showValues: o, className: r, ...l }, x) => {
     const { names: c, format: m, layers: u, legendItems: N, furniture: b, colorFor: f, labelFor: y, toggleSeries: C, isHidden: w } = Z(l), p = ge(c, a, f), h = ae(c, a, l.highlight, o), [k, d] = R.useState(null);
-    return /* @__PURE__ */ e(z, { ref: x, className: n, height: t, legendItems: N, hovered: u.hovered, format: m, onLegendToggle: C, children: /* @__PURE__ */ A(
-      be,
+    return /* @__PURE__ */ e(z, { ref: x, className: r, height: t, legendItems: N, hovered: u.hovered, format: m, onLegendToggle: C, children: /* @__PURE__ */ A(
+      pe,
       {
         data: l.data,
-        margin: H,
+        margin: j,
         onMouseMove: (s) => d((s == null ? void 0 : s.activeTooltipIndex) ?? null),
         onMouseLeave: () => d(null),
         children: [
@@ -496,21 +496,21 @@ const Ye = R.forwardRef(
             }
           ),
           u.back,
-          c.map((s, v) => /* @__PURE__ */ e(
+          c.map((s, g) => /* @__PURE__ */ e(
             se,
             {
               dataKey: s,
               name: y(s),
-              type: r,
-              stroke: p(s, v),
+              type: n,
+              stroke: p(s, g),
               strokeWidth: Y,
               strokeDasharray: a != null && a.includes(s) ? "6 4" : void 0,
-              dot: /* @__PURE__ */ e(E, { color: p(s, v) }),
-              activeDot: /* @__PURE__ */ e(E, { color: p(s, v), active: !0 }),
+              dot: /* @__PURE__ */ e(E, { color: p(s, g) }),
+              activeDot: /* @__PURE__ */ e(E, { color: p(s, g), active: !0 }),
               label: h.has(s) ? /* @__PURE__ */ e(
-                fe,
+                he,
                 {
-                  color: p(s, v),
+                  color: p(s, g),
                   format: m,
                   hidden: k != null
                 }
@@ -526,22 +526,22 @@ const Ye = R.forwardRef(
     ) });
   }
 );
-Ye.displayName = "LineChart";
-const Xe = R.forwardRef(
-  ({ height: t = I, curve: r = "linear", stacked: a = !1, forecastKeys: i, showValues: o, className: n, ...l }, x) => {
+Xe.displayName = "LineChart";
+const Ze = R.forwardRef(
+  ({ height: t = I, curve: n = "linear", stacked: a = !1, forecastKeys: i, showValues: o, className: r, ...l }, x) => {
     const { names: c, format: m, layers: u, legendItems: N, furniture: b, colorFor: f, labelFor: y, toggleSeries: C, isHidden: w } = Z(l), p = ge(c, i, f), h = a ? /* @__PURE__ */ new Set() : ae(c, i, l.highlight, o), [k, d] = R.useState(null), s = R.useId().replace(/[^a-zA-Z0-9]/g, "");
-    return /* @__PURE__ */ e(z, { ref: x, className: n, height: t, legendItems: N, hovered: u.hovered, format: m, onLegendToggle: C, children: /* @__PURE__ */ A(
-      pe,
+    return /* @__PURE__ */ e(z, { ref: x, className: r, height: t, legendItems: N, hovered: u.hovered, format: m, onLegendToggle: C, children: /* @__PURE__ */ A(
+      Ne,
       {
         data: l.data,
-        margin: H,
-        onMouseMove: (v) => d((v == null ? void 0 : v.activeTooltipIndex) ?? null),
+        margin: j,
+        onMouseMove: (g) => d((g == null ? void 0 : g.activeTooltipIndex) ?? null),
         onMouseLeave: () => d(null),
         children: [
-          /* @__PURE__ */ e("defs", { children: c.map((v, g) => /* @__PURE__ */ A("linearGradient", { id: `${s}-${g}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [
-            /* @__PURE__ */ e("stop", { offset: "0%", stopColor: f(v, g), stopOpacity: 0.18 }),
-            /* @__PURE__ */ e("stop", { offset: "100%", stopColor: f(v, g), stopOpacity: 0.02 })
-          ] }, v)) }),
+          /* @__PURE__ */ e("defs", { children: c.map((g, v) => /* @__PURE__ */ A("linearGradient", { id: `${s}-${v}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+            /* @__PURE__ */ e("stop", { offset: "0%", stopColor: f(g, v), stopOpacity: 0.18 }),
+            /* @__PURE__ */ e("stop", { offset: "100%", stopColor: f(g, v), stopOpacity: 0.02 })
+          ] }, g)) }),
           b,
           l.tooltip !== !1 && /* @__PURE__ */ e(
             O,
@@ -558,24 +558,24 @@ const Xe = R.forwardRef(
             }
           ),
           u.back,
-          c.map((v, g) => /* @__PURE__ */ e(
-            Ne,
+          c.map((g, v) => /* @__PURE__ */ e(
+            we,
             {
-              dataKey: v,
-              name: y(v),
-              type: r,
+              dataKey: g,
+              name: y(g),
+              type: n,
               stackId: a ? "stack" : void 0,
-              stroke: p(v, g),
+              stroke: p(g, v),
               strokeWidth: Y,
-              strokeDasharray: i != null && i.includes(v) ? "6 4" : void 0,
-              fill: `url(#${s}-${g})`,
-              dot: /* @__PURE__ */ e(E, { color: p(v, g) }),
-              activeDot: /* @__PURE__ */ e(E, { color: p(v, g), active: !0 }),
-              label: h.has(v) ? /* @__PURE__ */ e(fe, { color: p(v, g), format: m, hidden: k != null }) : void 0,
-              hide: w(v),
+              strokeDasharray: i != null && i.includes(g) ? "6 4" : void 0,
+              fill: `url(#${s}-${v})`,
+              dot: /* @__PURE__ */ e(E, { color: p(g, v) }),
+              activeDot: /* @__PURE__ */ e(E, { color: p(g, v), active: !0 }),
+              label: h.has(g) ? /* @__PURE__ */ e(he, { color: p(g, v), format: m, hidden: k != null }) : void 0,
+              hide: w(g),
               isAnimationActive: !1
             },
-            v
+            g
           )),
           u.front
         ]
@@ -583,18 +583,18 @@ const Xe = R.forwardRef(
     ) });
   }
 );
-Xe.displayName = "AreaChart";
-const Ze = R.forwardRef(
+Ze.displayName = "AreaChart";
+const Qe = R.forwardRef(
   ({
     height: t = I,
-    stacked: r = !1,
+    stacked: n = !1,
     layout: a = "vertical",
     showValues: i,
     className: o,
-    ...n
+    ...r
   }, l) => {
-    const { names: x, format: c, layers: m, legendItems: u, furniture: N, colorFor: b, labelFor: f, toggleSeries: y, isHidden: C } = Z(n), w = a === "horizontal", p = r ? /* @__PURE__ */ new Set() : ae(x, void 0, n.highlight, i), h = n.xTickFormatter ?? ((s) => typeof s == "number" ? c(s) : s), k = [
-      n.grid !== !1 ? /* @__PURE__ */ e(
+    const { names: x, format: c, layers: m, legendItems: u, furniture: N, colorFor: b, labelFor: f, toggleSeries: y, isHidden: C } = Z(r), w = a === "horizontal", p = n ? /* @__PURE__ */ new Set() : ae(x, void 0, r.highlight, i), h = r.xTickFormatter ?? ((s) => typeof s == "number" ? c(s) : s), k = [
+      r.grid !== !1 ? /* @__PURE__ */ e(
         te,
         {
           horizontal: !1,
@@ -604,11 +604,11 @@ const Ze = R.forwardRef(
         "grid"
       ) : null,
       /* @__PURE__ */ e(
-        ne,
+        re,
         {
           type: "number",
-          domain: n.xDomain,
-          allowDataOverflow: !!n.xDomain,
+          domain: r.xDomain,
+          allowDataOverflow: !!r.xDomain,
           axisLine: !1,
           tickLine: !1,
           minTickGap: 28,
@@ -617,12 +617,12 @@ const Ze = R.forwardRef(
         },
         "x"
       ),
-      n.showYAxis !== !1 ? /* @__PURE__ */ e(
-        U,
+      r.showYAxis !== !1 ? /* @__PURE__ */ e(
+        V,
         {
           type: "category",
-          dataKey: n.categoryKey,
-          width: n.yAxisWidth ?? 144,
+          dataKey: r.categoryKey,
+          width: r.yAxisWidth ?? 144,
           axisLine: !1,
           tickLine: !1,
           tickMargin: 6,
@@ -631,30 +631,30 @@ const Ze = R.forwardRef(
             {
               anchor: "end",
               dy: "0.32em",
-              format: n.yTickFormatter
+              format: r.yTickFormatter
             }
           )
         },
         "y"
       ) : null
-    ], d = n.highlight && x.length === 1 && !x.includes(n.highlight) ? n.highlight : null;
+    ], d = r.highlight && x.length === 1 && !x.includes(r.highlight) ? r.highlight : null;
     return /* @__PURE__ */ e(z, { ref: l, className: o, height: t, legendItems: u, hovered: m.hovered, format: c, onLegendToggle: y, children: /* @__PURE__ */ A(
-      we,
+      Ae,
       {
-        data: n.data,
+        data: r.data,
         layout: w ? "vertical" : "horizontal",
-        margin: H,
+        margin: j,
         barCategoryGap: "24%",
         children: [
           w ? k : N,
-          n.tooltip !== !1 && /* @__PURE__ */ e(
+          r.tooltip !== !1 && /* @__PURE__ */ e(
             O,
             {
               content: /* @__PURE__ */ e(
                 T,
                 {
                   format: c,
-                  renderer: n.tooltip
+                  renderer: r.tooltip
                 }
               ),
               cursor: { fill: "var(--muted)" },
@@ -662,26 +662,27 @@ const Ze = R.forwardRef(
             }
           ),
           m.back,
-          x.map((s, v) => {
-            const g = r ? v === x.length - 1 : !0, S = w ? [0, 4, 4, 0] : [4, 4, 0, 0];
+          x.map((s, g) => {
+            const v = n ? g === x.length - 1 : !0, S = w ? [0, 4, 4, 0] : [4, 4, 0, 0];
             return /* @__PURE__ */ e(
               ce,
               {
                 dataKey: s,
                 name: f(s),
-                stackId: r ? "stack" : void 0,
-                fill: b(s, v),
-                radius: g ? S : 0,
+                stackId: n ? "stack" : void 0,
+                fill: b(s, g),
+                activeBar: me,
+                radius: v ? S : 0,
                 maxBarSize: 48,
                 label: p.has(s) ? /* @__PURE__ */ e(Pe, { format: c, horizontal: w }) : void 0,
                 hide: C(s),
                 isAnimationActive: !1,
-                children: d && n.data.map((L) => /* @__PURE__ */ e(
+                children: d && r.data.map((L) => /* @__PURE__ */ e(
                   de,
                   {
-                    fill: L[n.categoryKey] === d ? "var(--color-chart-1)" : re
+                    fill: L[r.categoryKey] === d ? "var(--color-chart-1)" : ne
                   },
-                  String(L[n.categoryKey])
+                  String(L[r.categoryKey])
                 ))
               },
               s
@@ -693,27 +694,27 @@ const Ze = R.forwardRef(
     ) });
   }
 );
-Ze.displayName = "BarChart";
-const ve = R.forwardRef(
-  ({ height: t = I, lineKeys: r, dualAxis: a = !1, stacked: i = !1, forecastKeys: o, className: n, ...l }, x) => {
-    const { names: c, format: m, layers: u, furniture: N, colorFor: b, labelFor: f, toggleSeries: y, isHidden: C } = Z(l), w = c.filter((d) => !r.includes(d)), p = (d, s) => r.length ? "var(--chart-axis)" : b(d, s), h = (d, s) => r.length ? "var(--color-chart-1)" : b(d, s), k = c.length > 1 ? [
+Qe.displayName = "BarChart";
+const be = R.forwardRef(
+  ({ height: t = I, lineKeys: n, dualAxis: a = !1, stacked: i = !1, forecastKeys: o, className: r, ...l }, x) => {
+    const { names: c, format: m, layers: u, furniture: N, colorFor: b, labelFor: f, toggleSeries: y, isHidden: C } = Z(l), w = c.filter((d) => !n.includes(d)), p = (d, s) => n.length ? "var(--chart-axis)" : b(d, s), h = (d, s) => n.length ? "var(--color-chart-1)" : b(d, s), k = c.length > 1 ? [
       ...w.map((d) => ({
         key: d,
         label: f(d),
         color: p(d, c.indexOf(d)),
         hidden: C(d)
       })),
-      ...r.map((d) => ({
+      ...n.map((d) => ({
         key: d,
         label: f(d),
         color: h(d, c.indexOf(d)),
         hidden: C(d)
       }))
     ] : null;
-    return /* @__PURE__ */ e(z, { ref: x, className: n, height: t, legendItems: k, hovered: u.hovered, format: m, onLegendToggle: y, children: /* @__PURE__ */ A(Ae, { data: l.data, margin: H, barCategoryGap: "24%", children: [
+    return /* @__PURE__ */ e(z, { ref: x, className: r, height: t, legendItems: k, hovered: u.hovered, format: m, onLegendToggle: y, children: /* @__PURE__ */ A(Ce, { data: l.data, margin: j, barCategoryGap: "24%", children: [
       N,
       a && /* @__PURE__ */ e(
-        U,
+        V,
         {
           yAxisId: "right",
           orientation: "right",
@@ -747,7 +748,7 @@ const ve = R.forwardRef(
       ),
       u.back,
       w.map((d) => {
-        const s = c.indexOf(d), v = i ? d === w[w.length - 1] : !0;
+        const s = c.indexOf(d), g = i ? d === w[w.length - 1] : !0;
         return /* @__PURE__ */ e(
           ce,
           {
@@ -755,7 +756,8 @@ const ve = R.forwardRef(
             name: f(d),
             stackId: i ? "stack" : void 0,
             fill: p(d, s),
-            radius: v ? [4, 4, 0, 0] : 0,
+            activeBar: me,
+            radius: g ? [4, 4, 0, 0] : 0,
             maxBarSize: 48,
             hide: C(d),
             isAnimationActive: !1
@@ -763,7 +765,7 @@ const ve = R.forwardRef(
           d
         );
       }),
-      r.map((d) => {
+      n.map((d) => {
         const s = c.indexOf(d);
         return /* @__PURE__ */ e(
           se,
@@ -787,19 +789,19 @@ const ve = R.forwardRef(
     ] }) });
   }
 );
-ve.displayName = "ComboChart";
-const Qe = R.forwardRef(
-  (t, r) => /* @__PURE__ */ e(ve, { ref: r, ...t })
-);
-Qe.displayName = "ComposedChart";
+be.displayName = "ComboChart";
 const qe = R.forwardRef(
+  (t, n) => /* @__PURE__ */ e(be, { ref: n, ...t })
+);
+qe.displayName = "ComposedChart";
+const Je = R.forwardRef(
   ({
     data: t,
-    xKey: r,
+    xKey: n,
     yKey: a,
     labelKey: i,
     annotations: o,
-    height: n = I,
+    height: r = I,
     grid: l = !1,
     showYAxis: x = !0,
     formatValue: c,
@@ -812,14 +814,14 @@ const qe = R.forwardRef(
     tooltip: C,
     className: w
   }, p) => {
-    const h = c ?? F, k = b ?? ((v) => typeof v == "number" ? F(v) : v), d = f ?? ((v) => typeof v == "number" ? h(v) : v), s = xe(o, h);
-    return /* @__PURE__ */ e(z, { ref: p, className: w, height: n, legendItems: null, hovered: s.hovered, format: h, children: /* @__PURE__ */ A(Ce, { margin: H, children: [
+    const h = c ?? F, k = b ?? ((g) => typeof g == "number" ? F(g) : g), d = f ?? ((g) => typeof g == "number" ? h(g) : g), s = ve(o, h);
+    return /* @__PURE__ */ e(z, { ref: p, className: w, height: r, legendItems: null, hovered: s.hovered, format: h, children: /* @__PURE__ */ A(ye, { margin: j, children: [
       l && /* @__PURE__ */ e(te, { vertical: !1, stroke: "var(--chart-grid)" }),
       /* @__PURE__ */ e(
-        ne,
+        re,
         {
           type: "number",
-          dataKey: r,
+          dataKey: n,
           scale: m === "time" ? "time" : "auto",
           domain: u ?? (m === "time" ? ["dataMin", "dataMax"] : ["auto", "auto"]),
           allowDataOverflow: !!u,
@@ -831,7 +833,7 @@ const qe = R.forwardRef(
         }
       ),
       x && /* @__PURE__ */ e(
-        U,
+        V,
         {
           type: "number",
           dataKey: a,
@@ -861,11 +863,11 @@ const qe = R.forwardRef(
       ),
       s.back,
       /* @__PURE__ */ e(
-        ye,
+        Re,
         {
           data: t,
           fill: "var(--color-chart-1)",
-          shape: (v) => /* @__PURE__ */ e("circle", { cx: v.cx, cy: v.cy, r: 4.5, fill: "var(--color-chart-1)", fillOpacity: 0.75 }),
+          shape: (g) => /* @__PURE__ */ e("circle", { cx: g.cx, cy: g.cy, r: 4.5, fill: "var(--color-chart-1)", fillOpacity: 0.75 }),
           isAnimationActive: !1
         }
       ),
@@ -873,29 +875,29 @@ const qe = R.forwardRef(
     ] }) });
   }
 );
-qe.displayName = "ScatterChart";
-const Je = R.forwardRef(
+Je.displayName = "ScatterChart";
+const Ke = R.forwardRef(
   ({
     data: t,
-    nameKey: r,
+    nameKey: n,
     valueKey: a,
     donut: i = !0,
     centerLabel: o,
-    highlight: n,
+    highlight: r,
     height: l = 260,
     legend: x = !0,
     formatValue: c,
     tooltip: m,
     className: u
   }, N) => {
-    const b = c ?? F, f = t.reduce((p, h) => p + (typeof h[a] == "number" ? h[a] : 0), 0), y = (p, h) => V(h), C = (p) => n && p !== n ? 0.3 : 1, w = x ? t.map((p, h) => ({
-      label: `${p[r]} · ${f ? Math.round(Number(p[a]) / f * 100) : 0}%`,
-      color: y(String(p[r]), h)
+    const b = c ?? F, f = t.reduce((p, h) => p + (typeof h[a] == "number" ? h[a] : 0), 0), y = (p, h) => U(h), C = (p) => r && p !== r ? 0.3 : 1, w = x ? t.map((p, h) => ({
+      label: `${p[n]} · ${f ? Math.round(Number(p[a]) / f * 100) : 0}%`,
+      color: y(String(p[n]), h)
     })) : null;
     return /* @__PURE__ */ A("div", { ref: N, className: $("relative w-full font-sans", u), children: [
       w && /* @__PURE__ */ e(X, { items: w }),
       /* @__PURE__ */ A("div", { className: "relative", children: [
-        /* @__PURE__ */ e(j, { width: "100%", height: l, children: /* @__PURE__ */ A(Re, { margin: { top: 8, right: 8, bottom: 8, left: 8 }, children: [
+        /* @__PURE__ */ e(_, { width: "100%", height: l, children: /* @__PURE__ */ A(ke, { margin: { top: 8, right: 8, bottom: 8, left: 8 }, children: [
           m !== !1 && /* @__PURE__ */ e(
             O,
             {
@@ -910,11 +912,11 @@ const Je = R.forwardRef(
             }
           ),
           /* @__PURE__ */ e(
-            ke,
+            Me,
             {
               data: t,
               dataKey: a,
-              nameKey: r,
+              nameKey: n,
               innerRadius: i ? "62%" : 0,
               outerRadius: "88%",
               paddingAngle: i ? 2 : 1,
@@ -926,10 +928,10 @@ const Je = R.forwardRef(
                 {
                   role: "presentation",
                   "aria-hidden": "true",
-                  fill: y(String(p[r]), h),
-                  fillOpacity: C(String(p[r]))
+                  fill: y(String(p[n]), h),
+                  fillOpacity: C(String(p[n]))
                 },
-                String(p[r])
+                String(p[n])
               ))
             }
           )
@@ -942,15 +944,15 @@ const Je = R.forwardRef(
     ] });
   }
 );
-Je.displayName = "PieChart";
-const Ke = R.forwardRef(
+Ke.displayName = "PieChart";
+const et = R.forwardRef(
   ({
     data: t,
-    categoryKey: r,
+    categoryKey: n,
     series: a,
     seriesLabels: i,
     highlight: o,
-    maxValue: n,
+    maxValue: r,
     height: l = 300,
     legend: x,
     formatValue: c,
@@ -958,20 +960,20 @@ const Ke = R.forwardRef(
     className: u
   }, N) => {
     const b = R.useMemo(
-      () => a ?? me(t, r),
-      [r, t, a]
-    ), f = c ?? F, y = n ?? Math.max(
+      () => a ?? fe(t, n),
+      [n, t, a]
+    ), f = c ?? F, y = r ?? Math.max(
       1,
       ...t.flatMap(
         (h) => b.map(
           (k) => typeof h[k] == "number" ? h[k] : 0
         )
       )
-    ), C = (h) => (i == null ? void 0 : i[h]) ?? h, w = (h, k) => o && b.includes(o) ? h === o ? "var(--color-chart-1)" : re : V(k), p = x ?? b.length > 1 ? b.map((h, k) => ({ label: C(h), color: w(h, k) })) : null;
+    ), C = (h) => (i == null ? void 0 : i[h]) ?? h, w = (h, k) => o && b.includes(o) ? h === o ? "var(--color-chart-1)" : ne : U(k), p = x ?? b.length > 1 ? b.map((h, k) => ({ label: C(h), color: w(h, k) })) : null;
     return /* @__PURE__ */ A("div", { ref: N, className: $("relative w-full font-sans", u), children: [
       p && /* @__PURE__ */ e(X, { items: p, align: "center" }),
-      /* @__PURE__ */ e("div", { className: "mx-auto w-full max-w-[520px]", children: /* @__PURE__ */ e(j, { width: "100%", height: l, children: /* @__PURE__ */ A(
-        Me,
+      /* @__PURE__ */ e("div", { className: "mx-auto w-full max-w-[520px]", children: /* @__PURE__ */ e(_, { width: "100%", height: l, children: /* @__PURE__ */ A(
+        $e,
         {
           data: t,
           cx: "50%",
@@ -979,16 +981,16 @@ const Ke = R.forwardRef(
           outerRadius: "68%",
           margin: { top: 10, right: 56, bottom: 16, left: 56 },
           children: [
-            /* @__PURE__ */ e($e, { stroke: "var(--border)", radialLines: !0 }),
+            /* @__PURE__ */ e(Se, { stroke: "var(--border)", radialLines: !0 }),
             /* @__PURE__ */ e(
               ue,
               {
-                dataKey: r,
+                dataKey: n,
                 tick: { fill: "var(--text-secondary)", fontSize: 11, fontWeight: 500 }
               }
             ),
             /* @__PURE__ */ e(
-              Se,
+              Le,
               {
                 angle: 90,
                 domain: [0, y],
@@ -1011,7 +1013,7 @@ const Ke = R.forwardRef(
               }
             ),
             b.map((h, k) => /* @__PURE__ */ e(
-              Le,
+              Fe,
               {
                 dataKey: h,
                 name: C(h),
@@ -1030,15 +1032,15 @@ const Ke = R.forwardRef(
     ] });
   }
 );
-Ke.displayName = "RadarChart";
-const et = R.forwardRef(
+et.displayName = "RadarChart";
+const tt = R.forwardRef(
   ({
     data: t,
-    nameKey: r,
+    nameKey: n,
     valueKey: a,
     maxValue: i = 100,
     centerLabel: o,
-    height: n = I,
+    height: r = I,
     legend: l = !0,
     formatValue: x,
     tooltip: c,
@@ -1046,19 +1048,19 @@ const et = R.forwardRef(
   }, u) => {
     const N = x ?? F, b = t.map((C, w) => ({
       ...C,
-      name: String(C[r]),
+      name: String(C[n]),
       fill: ee(w)
     })), f = b.length ? b.reduce(
       (C, w) => C + (typeof w[a] == "number" ? w[a] : 0),
       0
     ) / b.length : 0, y = l ? b.map((C, w) => ({
-      label: String(C[r]),
+      label: String(C[n]),
       color: ee(w)
     })) : null;
     return /* @__PURE__ */ A("div", { ref: u, className: $("relative w-full font-sans", m), children: [
       /* @__PURE__ */ A("div", { className: "relative mx-auto w-full max-w-[420px]", children: [
-        /* @__PURE__ */ e(j, { width: "100%", height: n, children: /* @__PURE__ */ A(
-          Fe,
+        /* @__PURE__ */ e(_, { width: "100%", height: r, children: /* @__PURE__ */ A(
+          Oe,
           {
             data: b,
             innerRadius: "48%",
@@ -1082,7 +1084,7 @@ const et = R.forwardRef(
                 }
               ),
               /* @__PURE__ */ e(
-                Oe,
+                Te,
                 {
                   dataKey: a,
                   background: { fill: "var(--muted)" },
@@ -1103,26 +1105,26 @@ const et = R.forwardRef(
     ] });
   }
 );
-et.displayName = "RadialBarChart";
-function tt({
+tt.displayName = "RadialBarChart";
+function rt({
   x: t = 0,
-  y: r = 0,
+  y: n = 0,
   width: a = 0,
   height: i = 0,
   depth: o = 0,
-  index: n = 0,
+  index: r = 0,
   name: l,
   value: x,
   format: c = F
 }) {
   if (o === 0) return /* @__PURE__ */ e("g", {});
-  const m = o === 0 ? "transparent" : ee(n), u = o > 0 && n < 4, N = a > 72 && i > 38;
+  const m = o === 0 ? "transparent" : ee(r), u = o > 0 && r < 4, N = a > 72 && i > 38;
   return /* @__PURE__ */ A("g", { children: [
     /* @__PURE__ */ e(
       "rect",
       {
         x: t,
-        y: r,
+        y: n,
         width: a,
         height: i,
         rx: 6,
@@ -1136,7 +1138,7 @@ function tt({
       "foreignObject",
       {
         x: t + 8,
-        y: r + 8,
+        y: n + 8,
         width: Math.max(0, a - 16),
         height: Math.max(0, i - 16),
         className: "pointer-events-none overflow-hidden",
@@ -1166,53 +1168,53 @@ function tt({
     )
   ] });
 }
-function nt(t, r, a) {
-  const i = [], o = (n) => {
-    const l = Array.isArray(n.children) ? n.children : void 0;
+function nt(t, n, a) {
+  const i = [], o = (r) => {
+    const l = Array.isArray(r.children) ? r.children : void 0;
     if (l != null && l.length) {
       l.forEach(o);
       return;
     }
-    typeof n[a] == "number" && i.push({
-      ...n,
-      name: String(n[r] ?? ""),
-      value: n[a]
+    typeof r[a] == "number" && i.push({
+      ...r,
+      name: String(r[n] ?? ""),
+      value: r[a]
     });
   };
   return t.forEach(o), i.length ? i : t;
 }
-const rt = R.forwardRef(
+const at = R.forwardRef(
   ({
     data: t,
-    nameKey: r,
+    nameKey: n,
     valueKey: a,
     height: i = I,
     formatValue: o,
-    tooltip: n,
+    tooltip: r,
     className: l
   }, x) => {
     const c = o ?? F, m = R.useMemo(
-      () => nt(t, r, a),
-      [t, r, a]
+      () => nt(t, n, a),
+      [t, n, a]
     );
-    return /* @__PURE__ */ e("div", { ref: x, className: $("relative w-full font-sans", l), children: /* @__PURE__ */ e(j, { width: "100%", height: i, children: /* @__PURE__ */ e(
-      Te,
+    return /* @__PURE__ */ e("div", { ref: x, className: $("relative w-full font-sans", l), children: /* @__PURE__ */ e(_, { width: "100%", height: i, children: /* @__PURE__ */ e(
+      Ie,
       {
         data: m,
-        nameKey: r,
+        nameKey: n,
         dataKey: a,
         type: "flat",
         aspectRatio: 1.6,
-        content: /* @__PURE__ */ e(tt, { format: c }),
+        content: /* @__PURE__ */ e(rt, { format: c }),
         isAnimationActive: !1,
-        children: n !== !1 && /* @__PURE__ */ e(
+        children: r !== !1 && /* @__PURE__ */ e(
           O,
           {
             content: /* @__PURE__ */ e(
               T,
               {
                 format: c,
-                renderer: n
+                renderer: r
               }
             ),
             isAnimationActive: !1
@@ -1222,44 +1224,44 @@ const rt = R.forwardRef(
     ) }) });
   }
 );
-rt.displayName = "TreemapChart";
-const J = "var(--color-chart-1)", at = "var(--chart-track)", G = 24, it = 44, ie = 0.55, oe = 4, le = (t, r, a, i, o) => {
-  const n = Math.min(o, a / 2, i);
-  return `M ${t},${r + i} L ${t},${r + n} Q ${t},${r} ${t + n},${r} L ${t + a - n},${r} Q ${t + a},${r} ${t + a},${r + n} L ${t + a},${r + i} Z`;
+at.displayName = "TreemapChart";
+const J = "var(--color-chart-1)", it = "var(--chart-track)", G = 24, ot = 44, ie = 0.55, oe = 4, le = (t, n, a, i, o) => {
+  const r = Math.min(o, a / 2, i);
+  return `M ${t},${n + i} L ${t},${n + r} Q ${t},${n} ${t + r},${n} L ${t + a - r},${n} Q ${t + a},${n} ${t + a},${n + r} L ${t + a},${n + i} Z`;
 };
-function ot() {
-  const t = R.useRef(null), [r, a] = R.useState(0);
+function lt() {
+  const t = R.useRef(null), [n, a] = R.useState(0);
   return R.useLayoutEffect(() => {
     const i = t.current;
     if (!i) return;
     a(i.getBoundingClientRect().width);
-    const o = new ResizeObserver((n) => {
+    const o = new ResizeObserver((r) => {
       var x;
-      const l = ((x = n[0]) == null ? void 0 : x.contentRect.width) ?? 0;
+      const l = ((x = r[0]) == null ? void 0 : x.contentRect.width) ?? 0;
       a((c) => Math.abs(c - l) > 0.5 ? l : c);
     });
     return o.observe(i), () => o.disconnect();
-  }, []), { ref: t, width: r };
+  }, []), { ref: t, width: n };
 }
-const lt = R.forwardRef(
+const st = R.forwardRef(
   ({
     data: t,
-    nameKey: r,
+    nameKey: n,
     valueKey: a,
     height: i = I,
     formatValue: o,
-    label: n,
+    label: r,
     tooltip: l,
     className: x
   }, c) => {
-    var v;
-    const m = o ?? F, { ref: u, width: N } = ot(), [b, f] = R.useState(null), y = Number(((v = t[0]) == null ? void 0 : v[a]) ?? 0), C = t.length, w = Math.max(0, i - G - it), p = G + w, h = C > 0 ? N / (C + (C - 1) * ie) : 0, k = h * ie, d = t.map((g, S) => {
+    var g;
+    const m = o ?? F, { ref: u, width: N } = lt(), [b, f] = R.useState(null), y = Number(((g = t[0]) == null ? void 0 : g[a]) ?? 0), C = t.length, w = Math.max(0, i - G - ot), p = G + w, h = C > 0 ? N / (C + (C - 1) * ie) : 0, k = h * ie, d = t.map((v, S) => {
       var B;
-      const L = Number(g[a]), P = Number(((B = t[S - 1]) == null ? void 0 : B[a]) ?? L), Q = y ? L / y * 100 : 0, q = P ? L / P * 100 : 0, M = y && L > 0 ? Math.max(2, L / y * w) : 0;
+      const L = Number(v[a]), H = Number(((B = t[S - 1]) == null ? void 0 : B[a]) ?? L), Q = y ? L / y * 100 : 0, q = H ? L / H * 100 : 0, M = y && L > 0 ? Math.max(2, L / y * w) : 0;
       return {
-        datum: g,
+        datum: v,
         index: S,
-        name: String(g[r]),
+        name: String(v[n]),
         value: L,
         conversionFromFirst: Q,
         conversionFromPrevious: q,
@@ -1273,47 +1275,47 @@ const lt = R.forwardRef(
     }), s = b != null ? d[b] : void 0;
     return /* @__PURE__ */ e("div", { ref: c, className: $("relative w-full font-sans", x), children: /* @__PURE__ */ A("div", { ref: u, className: "relative w-full", style: { height: i }, children: [
       N > 0 && C > 0 && /* @__PURE__ */ A("svg", { width: N, height: i, className: "block", children: [
-        d.slice(1).map((g) => {
-          const S = d[g.index - 1];
+        d.slice(1).map((v) => {
+          const S = d[v.index - 1];
           return /* @__PURE__ */ e(
             "path",
             {
-              d: `M ${S.x + S.width},${S.y} L ${g.x},${g.y} L ${g.x},${p} L ${S.x + S.width},${p} Z`,
+              d: `M ${S.x + S.width},${S.y} L ${v.x},${v.y} L ${v.x},${p} L ${S.x + S.width},${p} Z`,
               fill: J,
               opacity: 0.14
             },
-            `connector-${g.index}`
+            `connector-${v.index}`
           );
         }),
-        d.map((g) => /* @__PURE__ */ A(
+        d.map((v) => /* @__PURE__ */ A(
           "g",
           {
             role: "img",
-            "aria-label": `${g.name}: ${m(g.value)} (${Math.round(g.conversionFromFirst)}% of ${d[0].name})`,
+            "aria-label": `${v.name}: ${m(v.value)} (${Math.round(v.conversionFromFirst)}% of ${d[0].name})`,
             children: [
               /* @__PURE__ */ e(
                 "path",
                 {
-                  d: le(g.x, G, g.width, w, oe),
-                  fill: at
+                  d: le(v.x, G, v.width, w, oe),
+                  fill: it
                 }
               ),
-              g.height > 0 && /* @__PURE__ */ e(
+              v.height > 0 && /* @__PURE__ */ e(
                 "path",
                 {
-                  d: le(g.x, g.y, g.width, g.height, oe),
+                  d: le(v.x, v.y, v.width, v.height, oe),
                   fill: J
                 }
               ),
-              n !== !1 && (n ? n(g) : /* @__PURE__ */ A(
+              r !== !1 && (r ? r(v) : /* @__PURE__ */ A(
                 "text",
                 {
-                  x: g.x,
-                  y: g.y - 8,
+                  x: v.x,
+                  y: v.y - 8,
                   textAnchor: "start",
                   className: "fill-secondary text-xs font-normal tabular-nums",
                   children: [
-                    Math.round(g.conversionFromFirst),
+                    Math.round(v.conversionFromFirst),
                     "%"
                   ]
                 }
@@ -1321,38 +1323,38 @@ const lt = R.forwardRef(
               /* @__PURE__ */ e(
                 "text",
                 {
-                  x: g.x,
+                  x: v.x,
                   y: p + 18,
                   textAnchor: "start",
                   className: "fill-primary text-xs font-normal",
-                  children: g.name
+                  children: v.name
                 }
               ),
               /* @__PURE__ */ e(
                 "text",
                 {
-                  x: g.x,
+                  x: v.x,
                   y: p + 34,
                   textAnchor: "start",
                   className: "fill-tertiary text-xs tabular-nums",
-                  children: m(g.value)
+                  children: m(v.value)
                 }
               ),
               /* @__PURE__ */ e(
                 "rect",
                 {
-                  x: g.x,
+                  x: v.x,
                   y: G,
-                  width: g.index === C - 1 ? h : h + k,
+                  width: v.index === C - 1 ? h : h + k,
                   height: w,
                   fill: "transparent",
-                  onMouseEnter: () => f(g.index),
+                  onMouseEnter: () => f(v.index),
                   onMouseLeave: () => f(null)
                 }
               )
             ]
           },
-          `${g.name}-${g.index}`
+          `${v.name}-${v.index}`
         ))
       ] }),
       l !== !1 && s && /* @__PURE__ */ e(
@@ -1392,18 +1394,18 @@ const lt = R.forwardRef(
     ] }) });
   }
 );
-lt.displayName = "FunnelChart";
+st.displayName = "FunnelChart";
 export {
-  Xe as AreaChart,
-  Ze as BarChart,
-  ve as ComboChart,
-  Qe as ComposedChart,
-  lt as FunnelChart,
-  Ye as LineChart,
+  Ze as AreaChart,
+  Qe as BarChart,
+  be as ComboChart,
+  qe as ComposedChart,
+  st as FunnelChart,
+  Xe as LineChart,
   I as MIN_HEIGHT,
-  Je as PieChart,
-  Ke as RadarChart,
-  et as RadialBarChart,
-  qe as ScatterChart,
-  rt as TreemapChart
+  Ke as PieChart,
+  et as RadarChart,
+  tt as RadialBarChart,
+  Je as ScatterChart,
+  at as TreemapChart
 };