@object-ui/plugin-charts 0.5.0 → 3.0.0

package/dist/{AdvancedChartImpl-DcIHnCct.js → AdvancedChartImpl-BPJDgZhN.js}

@@ -1,4 +1,4 @@
-import { j as A } from "./index-DgxI83zT.js";
+import { j as A } from "./index-B49zCCfG.js";
 import * as o from "react";
 import { useMemo as le, useEffect as St, useRef as Z, useState as Re, useCallback as re, isValidElement as Fr, cloneElement as Vr, Component as Xa, PureComponent as Ya, useLayoutEffect as nr, forwardRef as Oe } from "react";
 import { c as W, s as de, r as Ha, i as Q, b as Gr, d as N, e as w, f as nt, g as Ua, h as qr, j as Ja, k as ye, p as ce, l as Qa, m as ee, n as en, o as tn, q as rn, t as kt, u as an, v as nn, w as ln, x as on, y as sn, z as cn, A as un, D as dn, E as vn, F as pn, G as K, H as fn, I as Zr, J as mn, K as Xr, M as Dt, N as yn, O as hn, P as gn, Q as bn, S as z, U as $, Z as X, V as ae, W as it, _ as G, $ as Yr, a0 as Hr, a1 as Ur, a2 as lt, a3 as Jr, a4 as $e, a5 as xn, a6 as Pn, a7 as An, a8 as L, a9 as On, aa as En, ab as Qr, ac as pe, ad as ot, ae as _t, af as Lt, ag as jn, ah as In, ai as wn, aj as ue, ak as Ue, al as ne, am as Sn, an as Ne, ao as ea, ap as Ct, aq as ta, ar as st, as as Ke, at as Be, au as Me, av as kn, aw as R, ax as He, ay as Dn, az as Tt, aA as _n, aB as Ln, aC as ra, aD as aa, aE as na, aF as ia, aG as Cn, aH as Je, aI as We, aJ as Tn, aK as Se, aL as ke, aM as Rt, aN as Rn, aO as $n, aP as H, aQ as ct, aR as Pe, aS as Nn, aT as ut, aU as la, aV as Ee, aW as je, aX as $t, aY as Nt, aZ as Kt, a_ as Bt, a$ as Mt, b0 as oa, b1 as sa, b2 as Wt, b3 as ca, b4 as Ae, b5 as Kn, b6 as Bn, b7 as zt, b8 as Ft, b9 as Mn, ba as Wn, bb as zn, bc as Fn, bd as Vn, be as Gn, bf as Qe, bg as qn, bh as Zn, bi as Xn, bj as oe, bk as Yn, bl as Hn, bm as Un, bn as Jn, bo as Qn, bp as ei, bq as Vt, br as ze, bs as ti, bt as ri, bu as ai, bv as ni, bw as ii, bx as li, T as oi, L as si, R as ci, C as ir, X as lr, Y as ui, B as or, a as di } from "./BarChart-C_I0OFbj.js";
@@ -245,14 +245,14 @@ var Ri = (e, t, r, a) => {
   return /* @__PURE__ */ o.createElement("g", {
     className: "recharts-polar-grid-angle"
   }, i.map((c) => {
-    var u = G(t, r, a, c), v = G(t, r, n, c);
+    var u = G(t, r, a, c), d = G(t, r, n, c);
     return /* @__PURE__ */ o.createElement("line", U({
       key: "line-".concat(c)
     }, s, {
       x1: u.x,
       y1: u.y,
-      x2: v.x,
-      y2: v.y
+      x2: d.x,
+      y2: d.y
     }));
   }));
 }, vr = (e) => {
@@ -320,25 +320,25 @@ var Ri = (e, t, r, a) => {
   zIndex: ae.grid
 }, ma = (e) => {
   var t, r, a, n, i, l, s, c, u = z(e, Ki), {
-    gridType: v,
-    radialLines: d,
+    gridType: d,
+    radialLines: v,
     angleAxisId: p,
-    radiusAxisId: m,
-    cx: g,
-    cy: h,
+    radiusAxisId: f,
+    cx: h,
+    cy: g,
     innerRadius: y,
-    outerRadius: f,
+    outerRadius: m,
     polarAngles: b,
     polarRadius: x,
     zIndex: O
-  } = u, I = Di(u, ki), P = $(it), j = $((C) => Ii(C, p)), E = $((C) => Si(C, m)), S = Array.isArray(b) ? b : j, D = Array.isArray(x) ? x : E;
+  } = u, I = Di(u, ki), P = $(it), j = $((C) => Ii(C, p)), E = $((C) => Si(C, f)), S = Array.isArray(b) ? b : j, D = Array.isArray(x) ? x : E;
   if (S == null || D == null)
     return null;
   var _ = pt({
-    cx: (t = (r = P?.cx) !== null && r !== void 0 ? r : g) !== null && t !== void 0 ? t : 0,
-    cy: (a = (n = P?.cy) !== null && n !== void 0 ? n : h) !== null && a !== void 0 ? a : 0,
+    cx: (t = (r = P?.cx) !== null && r !== void 0 ? r : h) !== null && t !== void 0 ? t : 0,
+    cy: (a = (n = P?.cy) !== null && n !== void 0 ? n : g) !== null && a !== void 0 ? a : 0,
     innerRadius: (i = (l = P?.innerRadius) !== null && l !== void 0 ? l : y) !== null && i !== void 0 ? i : 0,
-    outerRadius: (s = (c = P?.outerRadius) !== null && c !== void 0 ? c : f) !== null && s !== void 0 ? s : 0,
+    outerRadius: (s = (c = P?.outerRadius) !== null && c !== void 0 ? c : m) !== null && s !== void 0 ? s : 0,
     polarAngles: S,
     polarRadius: D,
     zIndex: O
@@ -350,14 +350,14 @@ var Ri = (e, t, r, a) => {
   }, /* @__PURE__ */ o.createElement("g", {
     className: "recharts-polar-grid"
   }, /* @__PURE__ */ o.createElement(Ni, U({
-    gridType: v,
-    radialLines: d
+    gridType: d,
+    radialLines: v
   }, _, {
     polarAngles: S,
     polarRadius: D
   })), /* @__PURE__ */ o.createElement($i, U({
-    gridType: v,
-    radialLines: d
+    gridType: d,
+    radialLines: v
   }, _, {
     polarAngles: S,
     polarRadius: D
@@ -551,7 +551,7 @@ var nl = (e, t, r, a) => {
     cy: a,
     angle: n,
     axisLine: i
-  } = e, l = Yt(e, Hi), s = t.reduce((d, p) => [Math.min(d[0], p.coordinate), Math.max(d[1], p.coordinate)], [1 / 0, -1 / 0]), c = G(r, a, s[0], n), u = G(r, a, s[1], n), v = J(J(J({}, N(l)), {}, {
+  } = e, l = Yt(e, Hi), s = t.reduce((v, p) => [Math.min(v[0], p.coordinate), Math.max(v[1], p.coordinate)], [1 / 0, -1 / 0]), c = G(r, a, s[0], n), u = G(r, a, s[1], n), d = J(J(J({}, N(l)), {}, {
     fill: "none"
   }, N(i)), {}, {
     x1: c.x,
@@ -561,7 +561,7 @@ var nl = (e, t, r, a) => {
   });
   return /* @__PURE__ */ o.createElement("line", Le({
     className: "recharts-polar-radius-axis-line"
-  }, v));
+  }, d));
 }, sl = (e, t, r) => {
   var a;
   return /* @__PURE__ */ o.isValidElement(e) ? a = /* @__PURE__ */ o.cloneElement(e, t) : typeof e == "function" ? a = e(t) : a = /* @__PURE__ */ o.createElement(Lt, Le({}, t, {
@@ -573,26 +573,26 @@ var nl = (e, t, r, a) => {
     tickFormatter: a,
     stroke: n,
     tick: i
-  } = e, l = Yt(e, Ui), s = il(e.orientation), c = N(l), u = pe(i), v = t.map((d, p) => {
-    var m = nl(d, e.angle, e.cx, e.cy), g = J(J(J(J({
+  } = e, l = Yt(e, Ui), s = il(e.orientation), c = N(l), u = pe(i), d = t.map((v, p) => {
+    var f = nl(v, e.angle, e.cx, e.cy), h = J(J(J(J({
       textAnchor: s,
-      transform: "rotate(".concat(90 - r, ", ").concat(m.x, ", ").concat(m.y, ")")
+      transform: "rotate(".concat(90 - r, ", ").concat(f.x, ", ").concat(f.y, ")")
     }, c), {}, {
       stroke: "none",
       fill: n
     }, u), {}, {
       index: p
-    }, m), {}, {
-      payload: d
+    }, f), {}, {
+      payload: v
     });
     return /* @__PURE__ */ o.createElement(L, Le({
       className: W("recharts-polar-radius-axis-tick", _t(i)),
-      key: "tick-".concat(d.coordinate)
-    }, ot(e, d, p)), sl(i, g, a ? a(d.value, p) : d.value));
+      key: "tick-".concat(v.coordinate)
+    }, ot(e, v, p)), sl(i, h, a ? a(v.value, p) : v.value));
   });
   return /* @__PURE__ */ o.createElement(L, {
     className: "recharts-polar-radius-axis-ticks"
-  }, v);
+  }, d);
 }, ul = (e) => {
   var {
     radiusAxisId: t
@@ -782,30 +782,30 @@ var xl = (e, t) => {
     ticks: i
   } = e, l = N(e), s = pe(t), c = q(q({}, l), {}, {
     fill: "none"
-  }, N(r)), u = i.map((v, d) => {
-    var p = xl(v, e), m = Pl(v, e.orientation), g = Al(v), h = q(q(q({}, l), {}, {
+  }, N(r)), u = i.map((d, v) => {
+    var p = xl(d, e), f = Pl(d, e.orientation), h = Al(d), g = q(q(q({}, l), {}, {
       // @ts-expect-error customTickProps is contributing unknown props
-      textAnchor: m,
-      verticalAnchor: g,
+      textAnchor: f,
+      verticalAnchor: h,
       // @ts-expect-error customTickProps is contributing unknown props
       stroke: "none",
       // @ts-expect-error customTickProps is contributing unknown props
       fill: n
     }, s), {}, {
-      index: d,
-      payload: v,
+      index: v,
+      payload: d,
       x: p.x2,
       y: p.y2
     });
     return /* @__PURE__ */ o.createElement(L, fe({
       className: W("recharts-polar-angle-axis-tick", _t(t)),
-      key: "tick-".concat(v.coordinate)
-    }, ot(e, v, d)), r && /* @__PURE__ */ o.createElement("line", fe({
+      key: "tick-".concat(d.coordinate)
+    }, ot(e, d, v)), r && /* @__PURE__ */ o.createElement("line", fe({
       className: "recharts-polar-angle-axis-tick-line"
     }, c, p)), /* @__PURE__ */ o.createElement(El, {
       tick: t,
-      tickProps: h,
-      value: a ? a(v.value, d) : v.value
+      tickProps: g,
+      value: a ? a(d.value, v) : d.value
     }));
   });
   return /* @__PURE__ */ o.createElement(L, {
@@ -1000,12 +1000,12 @@ var Fl = /* @__PURE__ */ o.memo((e) => {
     name: s,
     hide: c,
     tooltipType: u,
-    id: v
-  } = e, d = {
+    id: d
+  } = e, v = {
     dataDefinedOnItem: a.map((p) => p.tooltipPayload),
     getPosition: (p) => {
-      var m;
-      return (m = a[Number(p)]) === null || m === void 0 ? void 0 : m.tooltipPosition;
+      var f;
+      return (f = a[Number(p)]) === null || f === void 0 ? void 0 : f.tooltipPosition;
     },
     settings: {
       stroke: n,
@@ -1019,11 +1019,11 @@ var Fl = /* @__PURE__ */ o.memo((e) => {
       color: l,
       unit: "",
       // why doesn't Pie support unit?
-      graphicalItemId: v
+      graphicalItemId: d
     }
   };
   return /* @__PURE__ */ o.createElement(Ke, {
-    tooltipEntrySettings: d
+    tooltipEntrySettings: v
   });
 }), Vl = (e, t) => e > t ? "start" : e < t ? "end" : "middle", Gl = (e, t, r) => typeof t == "function" ? Se(t(e), r, r * 0.8) : Se(t, r, r * 0.8), ql = (e, t, r) => {
   var {
@@ -1031,12 +1031,12 @@ var Fl = /* @__PURE__ */ o.memo((e) => {
     left: n,
     width: i,
     height: l
-  } = t, s = Tn(i, l), c = n + Se(e.cx, i, i / 2), u = a + Se(e.cy, l, l / 2), v = Se(e.innerRadius, s, 0), d = Gl(r, e.outerRadius, s), p = e.maxRadius || Math.sqrt(i * i + l * l) / 2;
+  } = t, s = Tn(i, l), c = n + Se(e.cx, i, i / 2), u = a + Se(e.cy, l, l / 2), d = Se(e.innerRadius, s, 0), v = Gl(r, e.outerRadius, s), p = e.maxRadius || Math.sqrt(i * i + l * l) / 2;
   return {
     cx: c,
     cy: u,
-    innerRadius: v,
-    outerRadius: d,
+    innerRadius: d,
+    outerRadius: v,
     maxRadius: p
   };
 }, Zl = (e, t) => {
@@ -1078,31 +1078,31 @@ function Hl(e) {
   } = r;
   if (!a || !n || !t)
     return null;
-  var s = N(r), c = pe(n), u = pe(i), v = typeof n == "object" && "offsetRadius" in n && typeof n.offsetRadius == "number" && n.offsetRadius || 20, d = t.map((p, m) => {
-    var g = (p.startAngle + p.endAngle) / 2, h = G(p.cx, p.cy, p.outerRadius + v, g), y = T(T(T(T({}, s), p), {}, {
+  var s = N(r), c = pe(n), u = pe(i), d = typeof n == "object" && "offsetRadius" in n && typeof n.offsetRadius == "number" && n.offsetRadius || 20, v = t.map((p, f) => {
+    var h = (p.startAngle + p.endAngle) / 2, g = G(p.cx, p.cy, p.outerRadius + d, h), y = T(T(T(T({}, s), p), {}, {
       // @ts-expect-error customLabelProps is contributing unknown props
       stroke: "none"
     }, c), {}, {
-      index: m,
-      textAnchor: Vl(h.x, p.cx)
-    }, h), f = T(T(T(T({}, s), p), {}, {
+      index: f,
+      textAnchor: Vl(g.x, p.cx)
+    }, g), m = T(T(T(T({}, s), p), {}, {
       // @ts-expect-error customLabelLineProps is contributing unknown props
       fill: "none",
       // @ts-expect-error customLabelLineProps is contributing unknown props
       stroke: p.fill
     }, u), {}, {
-      index: m,
-      points: [G(p.cx, p.cy, p.outerRadius, g), h],
+      index: f,
+      points: [G(p.cx, p.cy, p.outerRadius, h), g],
       key: "line"
     });
     return /* @__PURE__ */ o.createElement(X, {
       zIndex: ae.label,
-      key: "label-".concat(p.startAngle, "-").concat(p.endAngle, "-").concat(p.midAngle, "-").concat(m)
-    }, /* @__PURE__ */ o.createElement(L, null, i && Xl(i, f), Yl(n, y, K(p, l))));
+      key: "label-".concat(p.startAngle, "-").concat(p.endAngle, "-").concat(p.midAngle, "-").concat(f)
+    }, /* @__PURE__ */ o.createElement(L, null, i && Xl(i, m), Yl(n, y, K(p, l))));
   });
   return /* @__PURE__ */ o.createElement(L, {
     className: "recharts-pie-labels"
-  }, d);
+  }, v);
 }
 function Ul(e) {
   var {
@@ -1129,27 +1129,27 @@ function Jl(e) {
     shape: i,
     id: l
   } = e, s = $(Tt), c = $(_n), u = $(Ln), {
-    onMouseEnter: v,
-    onClick: d,
+    onMouseEnter: d,
+    onClick: v,
     onMouseLeave: p
-  } = n, m = ft(n, Rl), g = ra(v, n.dataKey, l), h = aa(p), y = na(d, n.dataKey, l);
-  return t == null || t.length === 0 ? null : /* @__PURE__ */ o.createElement(o.Fragment, null, t.map((f, b) => {
-    if (f?.startAngle === 0 && f?.endAngle === 0 && t.length !== 1) return null;
-    var x = u == null || u === l, O = String(b) === s && (c == null || n.dataKey === c) && x, I = s ? a : null, P = r && O ? r : I, j = T(T({}, f), {}, {
-      stroke: f.stroke,
+  } = n, f = ft(n, Rl), h = ra(d, n.dataKey, l), g = aa(p), y = na(v, n.dataKey, l);
+  return t == null || t.length === 0 ? null : /* @__PURE__ */ o.createElement(o.Fragment, null, t.map((m, b) => {
+    if (m?.startAngle === 0 && m?.endAngle === 0 && t.length !== 1) return null;
+    var x = u == null || u === l, O = String(b) === s && (c == null || n.dataKey === c) && x, I = s ? a : null, P = r && O ? r : I, j = T(T({}, m), {}, {
+      stroke: m.stroke,
       tabIndex: -1,
       [Cn]: b,
       [ia]: l
     });
     return /* @__PURE__ */ o.createElement(L, se({
-      key: "sector-".concat(f?.startAngle, "-").concat(f?.endAngle, "-").concat(f.midAngle, "-").concat(b),
+      key: "sector-".concat(m?.startAngle, "-").concat(m?.endAngle, "-").concat(m.midAngle, "-").concat(b),
       tabIndex: -1,
       className: "recharts-pie-sector"
-    }, ot(m, f, b), {
+    }, ot(f, m, b), {
       // @ts-expect-error the types need a bit of attention
-      onMouseEnter: g(f, b),
-      onMouseLeave: h(f, b),
-      onClick: y(f, b)
+      onMouseEnter: h(m, b),
+      onMouseLeave: g(m, b),
+      onClick: y(m, b)
     }), /* @__PURE__ */ o.createElement(Je, se({
       option: i ?? P,
       index: b,
@@ -1169,23 +1169,23 @@ function Ql(e) {
     startAngle: s,
     endAngle: c,
     dataKey: u,
-    nameKey: v,
-    tooltipType: d
-  } = r, p = Math.abs(r.minAngle), m = Zl(s, c), g = Math.abs(m), h = a.length <= 1 ? 0 : (t = r.paddingAngle) !== null && t !== void 0 ? t : 0, y = a.filter((P) => K(P, u, 0) !== 0).length, f = (g >= 360 ? y : y - 1) * h, b = g - y * p - f, x = a.reduce((P, j) => {
+    nameKey: d,
+    tooltipType: v
+  } = r, p = Math.abs(r.minAngle), f = Zl(s, c), h = Math.abs(f), g = a.length <= 1 ? 0 : (t = r.paddingAngle) !== null && t !== void 0 ? t : 0, y = a.filter((P) => K(P, u, 0) !== 0).length, m = (h >= 360 ? y : y - 1) * g, b = h - y * p - m, x = a.reduce((P, j) => {
     var E = K(j, u, 0);
     return P + (Q(E) ? E : 0);
   }, 0), O;
   if (x > 0) {
     var I;
     O = a.map((P, j) => {
-      var E = K(P, u, 0), S = K(P, v, j), D = ql(r, i, P), _ = (Q(E) ? E : 0) / x, k, C = T(T({}, P), n && n[j] && n[j].props);
-      j ? k = I.endAngle + He(m) * h * (E !== 0 ? 1 : 0) : k = s;
-      var B = k + He(m) * ((E !== 0 ? p : 0) + _ * b), M = (k + B) / 2, he = (D.innerRadius + D.outerRadius) / 2, ge = [{
+      var E = K(P, u, 0), S = K(P, d, j), D = ql(r, i, P), _ = (Q(E) ? E : 0) / x, k, C = T(T({}, P), n && n[j] && n[j].props);
+      j ? k = I.endAngle + He(f) * g * (E !== 0 ? 1 : 0) : k = s;
+      var B = k + He(f) * ((E !== 0 ? p : 0) + _ * b), M = (k + B) / 2, he = (D.innerRadius + D.outerRadius) / 2, ge = [{
         name: S,
         value: E,
         payload: C,
         dataKey: u,
-        type: d,
+        type: v,
         graphicalItemId: r.id
       }], Fe = G(D.cx, D.cy, he, M);
       return I = T(T(T(T({}, r.presentationProps), {}, {
@@ -1202,7 +1202,7 @@ function Ql(e) {
         startAngle: k,
         endAngle: B,
         payload: C,
-        paddingAngle: He(m) * h
+        paddingAngle: He(f) * g
       }), I;
     });
   }
@@ -1245,30 +1245,30 @@ function to(e) {
     animationDuration: s,
     animationEasing: c,
     activeShape: u,
-    inactiveShape: v,
-    onAnimationStart: d,
+    inactiveShape: d,
+    onAnimationStart: v,
     onAnimationEnd: p
-  } = t, m = Be(t, "recharts-pie-"), g = r.current, [h, y] = Re(!1), f = re(() => {
+  } = t, f = Be(t, "recharts-pie-"), h = r.current, [g, y] = Re(!1), m = re(() => {
     typeof p == "function" && p(), y(!1);
   }, [p]), b = re(() => {
-    typeof d == "function" && d(), y(!0);
-  }, [d]);
+    typeof v == "function" && v(), y(!0);
+  }, [v]);
   return /* @__PURE__ */ o.createElement(eo, {
-    showLabels: !h,
+    showLabels: !g,
     sectors: n
   }, /* @__PURE__ */ o.createElement(Me, {
-    animationId: m,
+    animationId: f,
     begin: l,
     duration: s,
     isActive: i,
     easing: c,
     onAnimationStart: b,
-    onAnimationEnd: f,
-    key: m
+    onAnimationEnd: m,
+    key: f
   }, (x) => {
     var O, I = [], P = n && n[0], j = (O = P?.startAngle) !== null && O !== void 0 ? O : 0;
     return n?.forEach((E, S) => {
-      var D = g && g[S], _ = S > 0 ? kn(E, "paddingAngle", 0) : 0;
+      var D = h && h[S], _ = S > 0 ? kn(E, "paddingAngle", 0) : 0;
       if (D) {
         var k = R(D.endAngle - D.startAngle, E.endAngle - E.startAngle, x), C = T(T({}, E), {}, {
           startAngle: j + _,
@@ -1288,13 +1288,13 @@ function to(e) {
     }), r.current = I, /* @__PURE__ */ o.createElement(L, null, /* @__PURE__ */ o.createElement(Jl, {
       sectors: I,
       activeShape: u,
-      inactiveShape: v,
+      inactiveShape: d,
       allOtherPieProps: t,
       shape: t.shape,
       id: a
     }));
   }), /* @__PURE__ */ o.createElement(Ul, {
-    showLabels: !h,
+    showLabels: !g,
     sectors: n,
     props: t
   }), t.children);
@@ -1330,7 +1330,7 @@ function ao(e) {
     hide: a,
     className: n,
     rootTabIndex: i
-  } = e, l = le(() => Ct(e.children, st), [e.children]), s = $((v) => Cl(v, t, l)), c = Z(null), u = W("recharts-pie", n);
+  } = e, l = le(() => Ct(e.children, st), [e.children]), s = $((d) => Cl(d, t, l)), c = Z(null), u = W("recharts-pie", n);
   return a || s == null ? (c.current = null, /* @__PURE__ */ o.createElement(L, {
     tabIndex: i,
     className: u
@@ -1496,30 +1496,30 @@ function Jt(e) {
   } = e;
   if (!vo(t, r))
     return null;
-  var v = Rt(r), d = Rn(r), p = t.map((g, h) => {
-    var y, f, b = Pt(Pt(Pt({
+  var d = Rt(r), v = Rn(r), p = t.map((h, g) => {
+    var y, m, b = Pt(Pt(Pt({
       r: 3
-    }, l), d), {}, {
-      index: h,
-      cx: (y = g.x) !== null && y !== void 0 ? y : void 0,
-      cy: (f = g.y) !== null && f !== void 0 ? f : void 0,
+    }, l), v), {}, {
+      index: g,
+      cx: (y = h.x) !== null && y !== void 0 ? y : void 0,
+      cy: (m = h.y) !== null && m !== void 0 ? m : void 0,
       dataKey: i,
-      value: g.value,
-      payload: g.payload,
+      value: h.value,
+      payload: h.payload,
       points: t
     });
     return /* @__PURE__ */ o.createElement(uo, {
-      key: "dot-".concat(h),
+      key: "dot-".concat(g),
       option: r,
       dotProps: b,
       className: n
     });
-  }), m = {};
-  return s && c != null && (m.clipPath = "url(#clipPath-".concat(v ? "" : "dots-").concat(c, ")")), /* @__PURE__ */ o.createElement(X, {
+  }), f = {};
+  return s && c != null && (f.clipPath = "url(#clipPath-".concat(d ? "" : "dots-").concat(c, ")")), /* @__PURE__ */ o.createElement(X, {
     zIndex: u
   }, /* @__PURE__ */ o.createElement(L, et({
     className: a
-  }, m), p));
+  }, f), p));
 }
 function wr(e, t) {
   var r = Object.keys(e);
@@ -1598,7 +1598,7 @@ function tt(e) {
   } = e, s = $(Tt), c = $n();
   if (t == null || c == null)
     return null;
-  var u = t.find((v) => c.includes(v.payload));
+  var u = t.find((d) => c.includes(d.payload));
   return H(u) ? null : /* @__PURE__ */ o.createElement(X, {
     zIndex: l
   }, /* @__PURE__ */ o.createElement(yo, {
@@ -1847,14 +1847,14 @@ function Bo(e) {
   } = e, {
     cx: l,
     cy: s
-  } = r, c = !1, u = [], v = r.type !== "number" ? i ?? 0 : 0;
-  a.forEach((p, m) => {
-    var g, h, y = K(p, r.dataKey, m), f = K(p, n), b = ((g = r.scale.map(y)) !== null && g !== void 0 ? g : 0) + v, x = Array.isArray(f) ? Nn(f) : f, O = H(x) ? 0 : (h = t.scale.map(x)) !== null && h !== void 0 ? h : 0;
-    Array.isArray(f) && f.length >= 2 && (c = !0), u.push(F(F({}, G(l, s, O, b)), {}, {
+  } = r, c = !1, u = [], d = r.type !== "number" ? i ?? 0 : 0;
+  a.forEach((p, f) => {
+    var h, g, y = K(p, r.dataKey, f), m = K(p, n), b = ((h = r.scale.map(y)) !== null && h !== void 0 ? h : 0) + d, x = Array.isArray(m) ? Nn(m) : m, O = H(x) ? 0 : (g = t.scale.map(x)) !== null && g !== void 0 ? g : 0;
+    Array.isArray(m) && m.length >= 2 && (c = !0), u.push(F(F({}, G(l, s, O, b)), {}, {
       // @ts-expect-error getValueByDataKey does not validate the output type
       name: y,
       // @ts-expect-error getValueByDataKey does not validate the output type
-      value: f,
+      value: m,
       cx: l,
       cy: s,
       radius: O,
@@ -1862,19 +1862,19 @@ function Bo(e) {
       payload: p
     }));
   });
-  var d = [];
+  var v = [];
   return c && u.forEach((p) => {
     if (Array.isArray(p.value)) {
-      var m, g = p.value[0], h = H(g) ? 0 : (m = t.scale.map(g)) !== null && m !== void 0 ? m : 0;
-      d.push(F(F({}, p), {}, {
-        radius: h
-      }, G(l, s, h, p.angle)));
+      var f, h = p.value[0], g = H(h) ? 0 : (f = t.scale.map(h)) !== null && f !== void 0 ? f : 0;
+      v.push(F(F({}, p), {}, {
+        radius: g
+      }, G(l, s, g, p.angle)));
     } else
-      d.push(p);
+      v.push(p);
   }), {
     points: u,
     isRange: c,
-    baseLinePoints: d
+    baseLinePoints: v
   };
 }
 function Mo(e) {
@@ -1915,16 +1915,16 @@ function Wo(e) {
     shape: n,
     isRange: i,
     connectNulls: l
-  } = a, s = (v) => {
+  } = a, s = (d) => {
     var {
-      onMouseEnter: d
+      onMouseEnter: v
     } = a;
-    d && d(a, v);
-  }, c = (v) => {
+    v && v(a, d);
+  }, c = (d) => {
     var {
-      onMouseLeave: d
+      onMouseLeave: v
     } = a;
-    d && d(a, v);
+    v && v(a, d);
   }, u;
   return /* @__PURE__ */ o.isValidElement(n) ? u = /* @__PURE__ */ o.cloneElement(n, F(F({}, a), {}, {
     points: t
@@ -1965,13 +1965,13 @@ function zo(e) {
     animationBegin: s,
     animationDuration: c,
     animationEasing: u,
-    onAnimationEnd: v,
-    onAnimationStart: d
-  } = t, p = r.current, m = a.current, g = p ? p.length / n.length : 1, h = m ? m.length / i.length : 1, y = Be(t, "recharts-radar-"), [f, b] = Re(!1), x = !f, O = re(() => {
-    typeof v == "function" && v(), b(!1);
-  }, [v]), I = re(() => {
-    typeof d == "function" && d(), b(!0);
-  }, [d]);
+    onAnimationEnd: d,
+    onAnimationStart: v
+  } = t, p = r.current, f = a.current, h = p ? p.length / n.length : 1, g = f ? f.length / i.length : 1, y = Be(t, "recharts-radar-"), [m, b] = Re(!1), x = !m, O = re(() => {
+    typeof d == "function" && d(), b(!1);
+  }, [d]), I = re(() => {
+    typeof v == "function" && v(), b(!0);
+  }, [v]);
   return /* @__PURE__ */ o.createElement(Mo, {
     showLabels: x,
     points: n
@@ -1985,7 +1985,7 @@ function zo(e) {
     onAnimationEnd: O,
     onAnimationStart: I
   }, (P) => {
-    var j = P === 1 ? n : n.map(Dr(p, g, P)), E = P === 1 ? i : i?.map(Dr(m, h, P));
+    var j = P === 1 ? n : n.map(Dr(p, h, P)), E = P === 1 ? i : i?.map(Dr(f, g, P));
     return P > 0 && (r.current = j, a.current = E), /* @__PURE__ */ o.createElement(Wo, {
       points: j,
       baseLinePoints: E,
@@ -2082,23 +2082,23 @@ var Ho = w([$t, Xo], (e, t) => e.filter(Yo).find((r) => r.id === t)), Uo = w([ee
   var {
     chartData: c,
     dataStartIndex: u,
-    dataEndIndex: v
+    dataEndIndex: d
   } = s;
   if (!(i == null || t == null || r == null || a == null || n == null || a.length === 0 || n.length === 0 || l == null || e !== "horizontal" && e !== "vertical")) {
     var {
-      dataKey: d,
+      dataKey: v,
       data: p
-    } = i, m;
-    if (p != null && p.length > 0 ? m = p : m = c?.slice(u, v + 1), m != null)
+    } = i, f;
+    if (p != null && p.length > 0 ? f = p : f = c?.slice(u, d + 1), f != null)
       return hs({
         layout: e,
         xAxis: t,
         yAxis: r,
         xAxisTicks: a,
         yAxisTicks: n,
-        dataKey: d,
+        dataKey: v,
         bandSize: l,
-        displayedData: m
+        displayedData: f
       });
   }
 });
@@ -2212,8 +2212,8 @@ var is = (e) => {
     hide: s,
     unit: c,
     tooltipType: u,
-    id: v
-  } = e, d = {
+    id: d
+  } = e, v = {
     dataDefinedOnItem: r,
     getPosition: $e,
     settings: {
@@ -2227,11 +2227,11 @@ var is = (e) => {
       type: u,
       color: a,
       unit: c,
-      graphicalItemId: v
+      graphicalItemId: d
     }
   };
   return /* @__PURE__ */ o.createElement(Ke, {
-    tooltipEntrySettings: d
+    tooltipEntrySettings: v
   });
 }), ka = (e, t) => "".concat(t, "px ").concat(e - t, "px");
 function os(e, t) {
@@ -2240,18 +2240,18 @@ function os(e, t) {
   return a;
 }
 var ss = (e, t, r) => {
-  var a = r.reduce((m, g) => m + g);
+  var a = r.reduce((f, h) => f + h);
   if (!a)
     return ka(t, e);
-  for (var n = Math.floor(e / a), i = e % a, l = t - e, s = [], c = 0, u = 0; c < r.length; u += (v = r[c]) !== null && v !== void 0 ? v : 0, ++c) {
-    var v, d = r[c];
-    if (d != null && u + d > i) {
+  for (var n = Math.floor(e / a), i = e % a, l = t - e, s = [], c = 0, u = 0; c < r.length; u += (d = r[c]) !== null && d !== void 0 ? d : 0, ++c) {
+    var d, v = r[c];
+    if (v != null && u + v > i) {
       s = [...r.slice(0, c), i - u];
       break;
     }
   }
   var p = s.length % 2 === 0 ? [0, l] : [l];
-  return [...os(r, n), ...s, ...p].map((m) => "".concat(m, "px")).join(", ");
+  return [...os(r, n), ...s, ...p].map((f) => "".concat(f, "px")).join(", ");
 };
 function cs(e) {
   var {
@@ -2318,8 +2318,8 @@ function Lr(e) {
     layout: s,
     connectNulls: c,
     needClip: u,
-    shape: v
-  } = i, d = er(i, Qo), p = te(te({}, de(d)), {}, {
+    shape: d
+  } = i, v = er(i, Qo), p = te(te({}, de(v)), {}, {
     fill: "none",
     className: "recharts-line-curve",
     clipPath: u ? "url(#clipPath-".concat(t, ")") : void 0,
@@ -2331,7 +2331,7 @@ function Lr(e) {
   });
   return /* @__PURE__ */ o.createElement(o.Fragment, null, a?.length > 1 && /* @__PURE__ */ o.createElement(Je, Te({
     shapeType: "curve",
-    option: v
+    option: d
   }, p, {
     pathRef: r
   })), /* @__PURE__ */ o.createElement(cs, {
@@ -2359,16 +2359,16 @@ function vs(e) {
     strokeDasharray: s,
     isAnimationActive: c,
     animationBegin: u,
-    animationDuration: v,
-    animationEasing: d,
+    animationDuration: d,
+    animationEasing: v,
     animateNewValues: p,
-    width: m,
-    height: g,
-    onAnimationEnd: h,
+    width: f,
+    height: h,
+    onAnimationEnd: g,
     onAnimationStart: y
-  } = r, f = n.current, b = Be(l, "recharts-line-"), x = Z(b), [O, I] = Re(!1), P = !O, j = re(() => {
-    typeof h == "function" && h(), I(!1);
-  }, [h]), E = re(() => {
+  } = r, m = n.current, b = Be(l, "recharts-line-"), x = Z(b), [O, I] = Re(!1), P = !O, j = re(() => {
+    typeof g == "function" && g(), I(!1);
+  }, [g]), E = re(() => {
     typeof y == "function" && y(), I(!0);
   }, [y]), S = ds(a.current), D = Z(0);
   x.current !== b && (D.current = i.current, x.current = b);
@@ -2379,9 +2379,9 @@ function vs(e) {
   }, r.children, /* @__PURE__ */ o.createElement(Me, {
     animationId: b,
     begin: u,
-    duration: v,
+    duration: d,
     isActive: c,
-    easing: d,
+    easing: v,
     onAnimationEnd: j,
     onAnimationStart: E,
     key: b
@@ -2395,19 +2395,19 @@ function vs(e) {
         M = ka(S, B);
     else
       M = s == null ? void 0 : String(s);
-    if (k > 0 && S > 0 && (n.current = l, i.current = Math.max(i.current, B)), f) {
-      var ge = f.length / l.length, Fe = k === 1 ? l : l.map((Y, Za) => {
+    if (k > 0 && S > 0 && (n.current = l, i.current = Math.max(i.current, B)), m) {
+      var ge = m.length / l.length, Fe = k === 1 ? l : l.map((Y, Za) => {
         var rr = Math.floor(Za * ge);
-        if (f[rr]) {
-          var ar = f[rr];
+        if (m[rr]) {
+          var ar = m[rr];
           return te(te({}, Y), {}, {
             x: R(ar.x, Y.x, k),
             y: R(ar.y, Y.y, k)
           });
         }
         return p ? te(te({}, Y), {}, {
-          x: R(m * 2, Y.x, k),
-          y: R(g / 2, Y.y, k)
+          x: R(f * 2, Y.x, k),
+          y: R(h / 2, Y.y, k)
         }) : te(te({}, Y), {}, {
           x: Y.x,
           y: Y.y
@@ -2467,32 +2467,32 @@ class ms extends Xa {
       top: s,
       left: c,
       width: u,
-      height: v,
-      id: d,
+      height: d,
+      id: v,
       needClip: p,
-      zIndex: m
+      zIndex: f
     } = this.props;
     if (t)
       return null;
-    var g = W("recharts-line", n), h = d, {
+    var h = W("recharts-line", n), g = v, {
       r: y,
-      strokeWidth: f
-    } = Sa(r), b = Rt(r), x = y * 2 + f, O = p ? "url(#clipPath-".concat(b ? "" : "dots-").concat(h, ")") : void 0;
+      strokeWidth: m
+    } = Sa(r), b = Rt(r), x = y * 2 + m, O = p ? "url(#clipPath-".concat(b ? "" : "dots-").concat(g, ")") : void 0;
     return /* @__PURE__ */ o.createElement(X, {
-      zIndex: m
+      zIndex: f
     }, /* @__PURE__ */ o.createElement(L, {
-      className: g
+      className: h
     }, p && /* @__PURE__ */ o.createElement("defs", null, /* @__PURE__ */ o.createElement(Wt, {
-      clipPathId: h,
+      clipPathId: g,
       xAxisId: i,
       yAxisId: l
     }), !b && /* @__PURE__ */ o.createElement("clipPath", {
-      id: "clipPath-dots-".concat(h)
+      id: "clipPath-dots-".concat(g)
     }, /* @__PURE__ */ o.createElement("rect", {
       x: c - x / 2,
       y: s - x / 2,
       width: u + x,
-      height: v + x
+      height: d + x
     }))), /* @__PURE__ */ o.createElement(ca, {
       xAxisId: i,
       yAxisId: l,
@@ -2501,7 +2501,7 @@ class ms extends Xa {
       errorBarOffset: 0
     }, /* @__PURE__ */ o.createElement(ps, {
       props: this.props,
-      clipPathId: h
+      clipPathId: g
     }))), /* @__PURE__ */ o.createElement(tt, {
       activeDot: this.props.activeDot,
       points: a,
@@ -2541,15 +2541,15 @@ function ys(e) {
     connectNulls: s,
     dot: c,
     hide: u,
-    isAnimationActive: v,
-    label: d,
+    isAnimationActive: d,
+    label: v,
     legendType: p,
-    xAxisId: m,
-    yAxisId: g,
-    id: h
+    xAxisId: f,
+    yAxisId: h,
+    id: g
   } = t, y = er(t, es), {
-    needClip: f
-  } = Mt(m, g), b = oa(), x = sa(), O = ue(), I = $((D) => Uo(D, m, g, O, h));
+    needClip: m
+  } = Mt(f, h), b = oa(), x = sa(), O = ue(), I = $((D) => Uo(D, f, h, O, g));
   if (x !== "horizontal" && x !== "vertical" || I == null || b == null)
     return null;
   var {
@@ -2559,7 +2559,7 @@ function ys(e) {
     y: S
   } = b;
   return /* @__PURE__ */ o.createElement(ms, Te({}, y, {
-    id: h,
+    id: g,
     connectNulls: s,
     dot: c,
     activeDot: r,
@@ -2567,19 +2567,19 @@ function ys(e) {
     animationBegin: n,
     animationDuration: i,
     animationEasing: l,
-    isAnimationActive: v,
+    isAnimationActive: d,
     hide: u,
-    label: d,
+    label: v,
     legendType: p,
-    xAxisId: m,
-    yAxisId: g,
+    xAxisId: f,
+    yAxisId: h,
     points: I,
     layout: x,
     height: P,
     width: j,
     left: E,
     top: S,
-    needClip: f
+    needClip: m
   }));
 }
 function hs(e) {
@@ -2593,34 +2593,34 @@ function hs(e) {
     bandSize: s,
     displayedData: c
   } = e;
-  return c.map((u, v) => {
-    var d = K(u, l);
+  return c.map((u, d) => {
+    var v = K(u, l);
     if (t === "horizontal") {
       var p = Ae({
         axis: r,
         ticks: n,
         bandSize: s,
         entry: u,
-        index: v
-      }), m = H(d) ? null : a.scale.map(d);
+        index: d
+      }), f = H(v) ? null : a.scale.map(v);
       return {
         x: p,
-        y: m ?? null,
-        value: d,
+        y: f ?? null,
+        value: v,
         payload: u
       };
     }
-    var g = H(d) ? null : r.scale.map(d), h = Ae({
+    var h = H(v) ? null : r.scale.map(v), g = Ae({
       axis: a,
       ticks: i,
       bandSize: s,
       entry: u,
-      index: v
+      index: d
     });
-    return g == null || h == null ? null : {
-      x: g,
-      y: h,
-      value: d,
+    return h == null || g == null ? null : {
+      x: h,
+      y: g,
+      value: v,
       payload: u
     };
   }).filter(Boolean);
@@ -2679,25 +2679,25 @@ var La = (e, t, r) => Ee(e, "xAxis", zt(e, t), r), Ca = (e, t, r) => je(e, "xAxi
   }
 }), Es = w([ee, La, Ta, Ca, Ra, Os, Kn, bs, $a, Bn], (e, t, r, a, n, i, l, s, c, u) => {
   var {
-    chartData: v,
-    dataStartIndex: d,
+    chartData: d,
+    dataStartIndex: v,
     dataEndIndex: p
   } = l;
   if (!(c == null || e !== "horizontal" && e !== "vertical" || t == null || r == null || a == null || n == null || a.length === 0 || n.length === 0 || s == null)) {
     var {
-      data: m
-    } = c, g;
-    if (m && m.length > 0 ? g = m : g = v?.slice(d, p + 1), g != null)
+      data: f
+    } = c, h;
+    if (f && f.length > 0 ? h = f : h = d?.slice(v, p + 1), h != null)
       return Fs({
         layout: e,
         xAxis: t,
         yAxis: r,
         xAxisTicks: a,
         yAxisTicks: n,
-        dataStartIndex: d,
+        dataStartIndex: v,
         areaSettings: c,
         stackedData: i,
-        displayedData: g,
+        displayedData: h,
         chartBaseValue: u,
         bandSize: s
       });
@@ -2799,8 +2799,8 @@ var _s = (e) => {
     hide: s,
     unit: c,
     tooltipType: u,
-    id: v
-  } = e, d = {
+    id: d
+  } = e, v = {
     dataDefinedOnItem: r,
     getPosition: $e,
     settings: {
@@ -2814,11 +2814,11 @@ var _s = (e) => {
       type: u,
       color: at(a, i),
       unit: c,
-      graphicalItemId: v
+      graphicalItemId: d
     }
   };
   return /* @__PURE__ */ o.createElement(Ke, {
-    tooltipEntrySettings: d
+    tooltipEntrySettings: v
   });
 });
 function Cs(e) {
@@ -2880,14 +2880,14 @@ function Tr(e) {
     type: s,
     stroke: c,
     connectNulls: u,
-    isRange: v
+    isRange: d
   } = i, {
-    id: d
-  } = i, p = Ka(i, js), m = N(p), g = de(p);
+    id: v
+  } = i, p = Ka(i, js), f = N(p), h = de(p);
   return /* @__PURE__ */ o.createElement(o.Fragment, null, t?.length > 1 && /* @__PURE__ */ o.createElement(L, {
     clipPath: a ? "url(#clipPath-".concat(n, ")") : void 0
-  }, /* @__PURE__ */ o.createElement(ke, ve({}, g, {
-    id: d,
+  }, /* @__PURE__ */ o.createElement(ke, ve({}, h, {
+    id: v,
     points: t,
     connectNulls: u,
     type: s,
@@ -2895,14 +2895,14 @@ function Tr(e) {
     layout: l,
     stroke: "none",
     className: "recharts-area-area"
-  })), c !== "none" && /* @__PURE__ */ o.createElement(ke, ve({}, m, {
+  })), c !== "none" && /* @__PURE__ */ o.createElement(ke, ve({}, f, {
     className: "recharts-area-curve",
     layout: l,
     type: s,
     connectNulls: u,
     fill: "none",
     points: t
-  })), c !== "none" && v && /* @__PURE__ */ o.createElement(ke, ve({}, m, {
+  })), c !== "none" && d && /* @__PURE__ */ o.createElement(ke, ve({}, f, {
     className: "recharts-area-curve",
     layout: l,
     type: s,
@@ -2924,11 +2924,11 @@ function Rs(e) {
   } = e, s = (t = i[0]) === null || t === void 0 ? void 0 : t.y, c = (r = i[i.length - 1]) === null || r === void 0 ? void 0 : r.y;
   if (!Qe(s) || !Qe(c))
     return null;
-  var u = a * Math.abs(s - c), v = Math.max(...i.map((d) => d.x || 0));
-  return Q(n) ? v = Math.max(n, v) : n && Array.isArray(n) && n.length && (v = Math.max(...n.map((d) => d.x || 0), v)), Q(v) ? /* @__PURE__ */ o.createElement("rect", {
+  var u = a * Math.abs(s - c), d = Math.max(...i.map((v) => v.x || 0));
+  return Q(n) ? d = Math.max(n, d) : n && Array.isArray(n) && n.length && (d = Math.max(...n.map((v) => v.x || 0), d)), Q(d) ? /* @__PURE__ */ o.createElement("rect", {
     x: 0,
     y: s < c ? s : s - u,
-    width: v + (l ? parseInt("".concat(l), 10) : 1),
+    width: d + (l ? parseInt("".concat(l), 10) : 1),
     height: Math.floor(u)
   }) : null;
 }
@@ -2941,12 +2941,12 @@ function $s(e) {
   } = e, s = (t = i[0]) === null || t === void 0 ? void 0 : t.x, c = (r = i[i.length - 1]) === null || r === void 0 ? void 0 : r.x;
   if (!Qe(s) || !Qe(c))
     return null;
-  var u = a * Math.abs(s - c), v = Math.max(...i.map((d) => d.y || 0));
-  return Q(n) ? v = Math.max(n, v) : n && Array.isArray(n) && n.length && (v = Math.max(...n.map((d) => d.y || 0), v)), Q(v) ? /* @__PURE__ */ o.createElement("rect", {
+  var u = a * Math.abs(s - c), d = Math.max(...i.map((v) => v.y || 0));
+  return Q(n) ? d = Math.max(n, d) : n && Array.isArray(n) && n.length && (d = Math.max(...n.map((v) => v.y || 0), d)), Q(d) ? /* @__PURE__ */ o.createElement("rect", {
     x: s < c ? s : s - u,
     y: 0,
     width: u,
-    height: Math.floor(v + (l ? parseInt("".concat(l), 10) : 1))
+    height: Math.floor(d + (l ? parseInt("".concat(l), 10) : 1))
   }) : null;
 }
 function Ns(e) {
@@ -2981,16 +2981,16 @@ function Ks(e) {
     baseLine: s,
     isAnimationActive: c,
     animationBegin: u,
-    animationDuration: v,
-    animationEasing: d,
+    animationDuration: d,
+    animationEasing: v,
     onAnimationStart: p,
-    onAnimationEnd: m
-  } = a, g = le(() => ({
+    onAnimationEnd: f
+  } = a, h = le(() => ({
     points: l,
     baseLine: s
-  }), [l, s]), h = Be(g, "recharts-area-"), y = Vn(), [f, b] = Re(!1), x = !f, O = re(() => {
-    typeof m == "function" && m(), b(!1);
-  }, [m]), I = re(() => {
+  }), [l, s]), g = Be(h, "recharts-area-"), y = Vn(), [m, b] = Re(!1), x = !m, O = re(() => {
+    typeof f == "function" && f(), b(!1);
+  }, [f]), I = re(() => {
     typeof p == "function" && p(), b(!0);
   }, [p]);
   if (y == null)
@@ -3000,14 +3000,14 @@ function Ks(e) {
     showLabels: x,
     points: l
   }, a.children, /* @__PURE__ */ o.createElement(Me, {
-    animationId: h,
+    animationId: g,
     begin: u,
-    duration: v,
+    duration: d,
     isActive: c,
-    easing: d,
+    easing: v,
     onAnimationEnd: O,
     onAnimationStart: I,
-    key: h
+    key: g
   }, (E) => {
     if (P) {
       var S = P.length / l.length, D = (
@@ -3095,22 +3095,22 @@ class Ms extends Ya {
       needClip: s,
       xAxisId: c,
       yAxisId: u,
-      width: v,
-      height: d,
+      width: d,
+      height: v,
       id: p,
-      baseLine: m,
-      zIndex: g
+      baseLine: f,
+      zIndex: h
     } = this.props;
     if (t)
       return null;
-    var h = W("recharts-area", n), y = p, {
-      r: f,
+    var g = W("recharts-area", n), y = p, {
+      r: m,
       strokeWidth: b
-    } = Sa(r), x = Rt(r), O = f * 2 + b, I = s ? "url(#clipPath-".concat(x ? "" : "dots-").concat(y, ")") : void 0;
+    } = Sa(r), x = Rt(r), O = m * 2 + b, I = s ? "url(#clipPath-".concat(x ? "" : "dots-").concat(y, ")") : void 0;
     return /* @__PURE__ */ o.createElement(X, {
-      zIndex: g
+      zIndex: h
     }, /* @__PURE__ */ o.createElement(L, {
-      className: h
+      className: g
     }, s && /* @__PURE__ */ o.createElement("defs", null, /* @__PURE__ */ o.createElement(Wt, {
       clipPathId: y,
       xAxisId: c,
@@ -3120,8 +3120,8 @@ class Ms extends Ya {
     }, /* @__PURE__ */ o.createElement("rect", {
       x: l - O / 2,
       y: i - O / 2,
-      width: v + O,
-      height: d + O
+      width: d + O,
+      height: v + O
     }))), /* @__PURE__ */ o.createElement(Bs, {
       needClip: s,
       clipPathId: y,
@@ -3132,8 +3132,8 @@ class Ms extends Ya {
       itemDataKey: this.props.dataKey,
       activeDot: this.props.activeDot,
       clipPath: I
-    }), this.props.isRange && Array.isArray(m) && /* @__PURE__ */ o.createElement(tt, {
-      points: m,
+    }), this.props.isRange && Array.isArray(f) && /* @__PURE__ */ o.createElement(tt, {
+      points: f,
       mainColor: at(this.props.stroke, this.props.fill),
       itemDataKey: this.props.dataKey,
       activeDot: this.props.activeDot,
@@ -3170,16 +3170,16 @@ function Ws(e) {
     connectNulls: s,
     dot: c,
     fill: u,
-    fillOpacity: v,
-    hide: d,
+    fillOpacity: d,
+    hide: v,
     isAnimationActive: p,
-    legendType: m,
-    stroke: g,
-    xAxisId: h,
+    legendType: f,
+    stroke: h,
+    xAxisId: g,
     yAxisId: y
-  } = r, f = Ka(r, Is), b = sa(), x = Fn(), {
+  } = r, m = Ka(r, Is), b = sa(), x = Fn(), {
     needClip: O
-  } = Mt(h, y), I = ue(), {
+  } = Mt(g, y), I = ue(), {
     points: P,
     isRange: j,
     baseLine: E
@@ -3192,7 +3192,7 @@ function Ws(e) {
     x: k,
     y: C
   } = S;
-  return !P || !P.length ? null : /* @__PURE__ */ o.createElement(Ms, ve({}, f, {
+  return !P || !P.length ? null : /* @__PURE__ */ o.createElement(Ms, ve({}, m, {
     activeDot: a,
     animationBegin: n,
     animationDuration: i,
@@ -3201,20 +3201,20 @@ function Ws(e) {
     connectNulls: s,
     dot: c,
     fill: u,
-    fillOpacity: v,
+    fillOpacity: d,
     height: D,
-    hide: d,
+    hide: v,
     layout: b,
     isAnimationActive: p === "auto" ? !qn.isSsr : p,
     isRange: j,
-    legendType: m,
+    legendType: f,
     needClip: O,
     points: P,
-    stroke: g,
+    stroke: h,
     width: _,
     left: k,
     top: C,
-    xAxisId: h,
+    xAxisId: g,
     yAxisId: y
   }));
 }
@@ -3242,26 +3242,26 @@ function Fs(e) {
     xAxis: s,
     yAxis: c,
     displayedData: u,
-    dataStartIndex: v,
-    xAxisTicks: d,
+    dataStartIndex: d,
+    xAxisTicks: v,
     yAxisTicks: p,
-    bandSize: m
-  } = e, g = n && n.length, h = zs(i, l, r, s, c), y = i === "horizontal", f = !1, b = u.map((O, I) => {
+    bandSize: f
+  } = e, h = n && n.length, g = zs(i, l, r, s, c), y = i === "horizontal", m = !1, b = u.map((O, I) => {
     var P, j, E, S;
-    if (g)
-      S = n[v + I];
+    if (h)
+      S = n[d + I];
     else {
       var D = K(O, a);
-      Array.isArray(D) ? (S = D, f = !0) : S = [h, D];
+      Array.isArray(D) ? (S = D, m = !0) : S = [g, D];
     }
-    var _ = (P = (j = S) === null || j === void 0 ? void 0 : j[1]) !== null && P !== void 0 ? P : null, k = _ == null || g && !t && K(O, a) == null;
+    var _ = (P = (j = S) === null || j === void 0 ? void 0 : j[1]) !== null && P !== void 0 ? P : null, k = _ == null || h && !t && K(O, a) == null;
     if (y) {
       var C;
       return {
         x: Ae({
           axis: s,
-          ticks: d,
-          bandSize: m,
+          ticks: v,
+          bandSize: f,
           entry: O,
           index: I
         }),
@@ -3275,7 +3275,7 @@ function Fs(e) {
       y: Ae({
         axis: c,
         ticks: p,
-        bandSize: m,
+        bandSize: f,
         entry: O,
         index: I
       }),
@@ -3283,7 +3283,7 @@ function Fs(e) {
       payload: O
     };
   }), x;
-  return g || f ? x = b.map((O) => {
+  return h || m ? x = b.map((O) => {
     var I, P = Array.isArray(O.value) ? O.value[0] : null;
     if (y) {
       var j;
@@ -3298,10 +3298,10 @@ function Fs(e) {
       y: O.y,
       payload: O.payload
     };
-  }) : x = y ? c.scale.map(h) : s.scale.map(h), {
+  }) : x = y ? c.scale.map(g) : s.scale.map(g), {
     points: b,
     baseLine: x ?? 0,
-    isRange: f
+    isRange: m
   };
 }
 function Vs(e) {
@@ -3391,13 +3391,13 @@ var Ys = (e, t, r, a, n, i, l) => Ee(e, "xAxis", t, l), Hs = (e, t, r, a, n, i,
   var {
     chartData: c,
     dataStartIndex: u,
-    dataEndIndex: v
+    dataEndIndex: d
   } = e;
   if (l != null) {
-    var d;
-    if (l?.data != null && l.data.length > 0 ? d = l.data : d = c?.slice(u, v + 1), !(d == null || t == null || a == null || r == null || n == null || r?.length === 0 || n?.length === 0))
+    var v;
+    if (l?.data != null && l.data.length > 0 ? v = l.data : v = c?.slice(u, d + 1), !(v == null || t == null || a == null || r == null || n == null || r?.length === 0 || n?.length === 0))
       return gc({
-        displayedData: d,
+        displayedData: v,
         xAxis: t,
         yAxis: a,
         zAxis: i,
@@ -3500,11 +3500,11 @@ var vc = (e) => {
     hide: s,
     tooltipType: c,
     id: u
-  } = e, v = {
-    dataDefinedOnItem: r?.map((d) => d.tooltipPayload),
-    getPosition: (d) => {
+  } = e, d = {
+    dataDefinedOnItem: r?.map((v) => v.tooltipPayload),
+    getPosition: (v) => {
       var p;
-      return r == null || (p = r[Number(d)]) === null || p === void 0 ? void 0 : p.tooltipPosition;
+      return r == null || (p = r[Number(v)]) === null || p === void 0 ? void 0 : p.tooltipPosition;
     },
     settings: {
       stroke: a,
@@ -3522,7 +3522,7 @@ var vc = (e) => {
     }
   };
   return /* @__PURE__ */ o.createElement(Ke, {
-    tooltipEntrySettings: v
+    tooltipEntrySettings: d
   });
 });
 function fc(e) {
@@ -3539,28 +3539,28 @@ function fc(e) {
   var l = N(r), s = pe(a), c, u;
   if (n === "joint")
     c = t.map((y) => {
-      var f, b;
+      var m, b;
       return {
-        x: (f = y.cx) !== null && f !== void 0 ? f : null,
+        x: (m = y.cx) !== null && m !== void 0 ? m : null,
         y: (b = y.cy) !== null && b !== void 0 ? b : null
       };
     });
   else if (n === "fitting") {
     var {
-      xmin: v,
-      xmax: d,
+      xmin: d,
+      xmax: v,
       a: p,
-      b: m
-    } = Un(t), g = (y) => p * y + m;
+      b: f
+    } = Un(t), h = (y) => p * y + f;
     c = [{
-      x: v,
-      y: g(v)
-    }, {
       x: d,
-      y: g(d)
+      y: h(d)
+    }, {
+      x: v,
+      y: h(v)
     }];
   }
-  var h = V(V(V({}, l), {}, {
+  var g = V(V(V({}, l), {}, {
     // @ts-expect-error customLineProps is contributing unknown props
     fill: "none",
     // @ts-expect-error customLineProps is contributing unknown props
@@ -3569,7 +3569,7 @@ function fc(e) {
     // @ts-expect-error linePoints is used before it is assigned (???)
     points: c
   });
-  return /* @__PURE__ */ o.isValidElement(a) ? u = /* @__PURE__ */ o.cloneElement(a, h) : typeof a == "function" ? u = a(h) : u = /* @__PURE__ */ o.createElement(ke, me({}, h, {
+  return /* @__PURE__ */ o.isValidElement(a) ? u = /* @__PURE__ */ o.cloneElement(a, g) : typeof a == "function" ? u = a(g) : u = /* @__PURE__ */ o.createElement(ke, me({}, g, {
     type: i
   })), /* @__PURE__ */ o.createElement(L, {
     className: "recharts-scatter-line",
@@ -3627,30 +3627,30 @@ function yc(e) {
     id: l
   } = r, s = jt(r, ic), c = $(Tt), {
     onMouseEnter: u,
-    onClick: v,
-    onMouseLeave: d
-  } = r, p = jt(r, lc), m = ra(u, i, l), g = aa(d), h = na(v, i, l);
+    onClick: d,
+    onMouseLeave: v
+  } = r, p = jt(r, lc), f = ra(u, i, l), h = aa(v), g = na(d, i, l);
   if (!Hn(t))
     return null;
   var y = N(s);
   return /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(fc, {
     points: t,
     props: s
-  }), t.map((f, b) => {
-    var x = n != null && n !== !1, O = x && c === String(b), I = x && O ? n : a, P = V(V(V({}, y), f), {}, {
+  }), t.map((m, b) => {
+    var x = n != null && n !== !1, O = x && c === String(b), I = x && O ? n : a, P = V(V(V({}, y), m), {}, {
       index: b,
       [ia]: String(l)
     });
     return /* @__PURE__ */ o.createElement(X, {
-      key: "symbol-".concat(f?.cx, "-").concat(f?.cy, "-").concat(f?.size, "-").concat(b),
+      key: "symbol-".concat(m?.cx, "-").concat(m?.cy, "-").concat(m?.size, "-").concat(b),
       zIndex: O ? ae.activeDot : void 0
     }, /* @__PURE__ */ o.createElement(L, me({
       className: "recharts-scatter-symbol"
-    }, ot(p, f, b), {
+    }, ot(p, m, b), {
       // @ts-expect-error the types need a bit of attention
-      onMouseEnter: m(f, b),
-      onMouseLeave: g(f, b),
-      onClick: h(f, b)
+      onMouseEnter: f(m, b),
+      onMouseLeave: h(m, b),
+      onClick: g(m, b)
     }), /* @__PURE__ */ o.createElement(Xs, me({
       option: I,
       isActive: O
@@ -3667,13 +3667,13 @@ function hc(e) {
     animationBegin: i,
     animationDuration: l,
     animationEasing: s
-  } = r, c = t.current, u = Be(r, "recharts-scatter-"), [v, d] = Re(!1), p = re(() => {
-    d(!1);
-  }, []), m = re(() => {
-    d(!0);
-  }, []), g = !v;
+  } = r, c = t.current, u = Be(r, "recharts-scatter-"), [d, v] = Re(!1), p = re(() => {
+    v(!1);
+  }, []), f = re(() => {
+    v(!0);
+  }, []), h = !d;
   return /* @__PURE__ */ o.createElement(mc, {
-    showLabels: g,
+    showLabels: h,
     points: a
   }, r.children, /* @__PURE__ */ o.createElement(Me, {
     animationId: u,
@@ -3682,23 +3682,23 @@ function hc(e) {
     isActive: n,
     easing: s,
     onAnimationEnd: p,
-    onAnimationStart: m,
+    onAnimationStart: f,
     key: u
-  }, (h) => {
-    var y = h === 1 ? a : a?.map((f, b) => {
+  }, (g) => {
+    var y = g === 1 ? a : a?.map((m, b) => {
       var x = c && c[b];
-      return x ? V(V({}, f), {}, {
-        cx: f.cx == null ? void 0 : R(x.cx, f.cx, h),
-        cy: f.cy == null ? void 0 : R(x.cy, f.cy, h),
-        size: R(x.size, f.size, h)
-      }) : V(V({}, f), {}, {
-        size: R(0, f.size, h)
+      return x ? V(V({}, m), {}, {
+        cx: m.cx == null ? void 0 : R(x.cx, m.cx, g),
+        cy: m.cy == null ? void 0 : R(x.cy, m.cy, g),
+        size: R(x.size, m.size, g)
+      }) : V(V({}, m), {}, {
+        size: R(0, m.size, g)
       });
     });
-    return h > 0 && (t.current = y), /* @__PURE__ */ o.createElement(L, null, /* @__PURE__ */ o.createElement(yc, {
+    return g > 0 && (t.current = y), /* @__PURE__ */ o.createElement(L, null, /* @__PURE__ */ o.createElement(yc, {
       points: y,
       allOtherScatterProps: r,
-      showLabels: g
+      showLabels: h
     }));
   }), /* @__PURE__ */ o.createElement(We, {
     label: r.label
@@ -3714,9 +3714,9 @@ function gc(e) {
     xAxisTicks: l,
     yAxisTicks: s,
     cells: c
-  } = e, u = H(r.dataKey) ? i.dataKey : r.dataKey, v = H(a.dataKey) ? i.dataKey : a.dataKey, d = n && n.dataKey, p = n ? n.range : oe.range, m = p && p[0], g = r.scale.bandwidth ? r.scale.bandwidth() : 0, h = a.scale.bandwidth ? a.scale.bandwidth() : 0;
-  return t.map((y, f) => {
-    var b = K(y, u), x = K(y, v), O = !H(d) && K(y, d) || "-", I = [{
+  } = e, u = H(r.dataKey) ? i.dataKey : r.dataKey, d = H(a.dataKey) ? i.dataKey : a.dataKey, v = n && n.dataKey, p = n ? n.range : oe.range, f = p && p[0], h = r.scale.bandwidth ? r.scale.bandwidth() : 0, g = a.scale.bandwidth ? a.scale.bandwidth() : 0;
+  return t.map((y, m) => {
+    var b = K(y, u), x = K(y, d), O = !H(v) && K(y, v) || "-", I = [{
       name: H(r.dataKey) ? i.name : r.name || String(r.dataKey),
       unit: r.unit || "",
       // @ts-expect-error getValueByDataKey does not validate the output type
@@ -3730,7 +3730,7 @@ function gc(e) {
       // @ts-expect-error getValueByDataKey does not validate the output type
       value: x,
       payload: y,
-      dataKey: v,
+      dataKey: d,
       type: i.tooltipType
     }];
     O !== "-" && n != null && I.push({
@@ -3740,24 +3740,24 @@ function gc(e) {
       // @ts-expect-error getValueByDataKey does not validate the output type
       value: O,
       payload: y,
-      dataKey: d,
+      dataKey: v,
       type: i.tooltipType
     });
     var P = Ae({
       axis: r,
       ticks: l,
-      bandSize: g,
+      bandSize: h,
       entry: y,
-      index: f,
+      index: m,
       dataKey: u
     }), j = Ae({
       axis: a,
       ticks: s,
-      bandSize: h,
+      bandSize: g,
       entry: y,
-      index: f,
-      dataKey: v
-    }), E = O !== "-" && n != null ? n.scale.map(O) : m, S = E == null ? 0 : Math.sqrt(Math.max(E, 0) / Math.PI);
+      index: m,
+      dataKey: d
+    }), E = O !== "-" && n != null ? n.scale.map(O) : f, S = E == null ? 0 : Math.sqrt(Math.max(E, 0) / Math.PI);
     return V(V({}, y), {}, {
       cx: P,
       cy: j,
@@ -3777,7 +3777,7 @@ function gc(e) {
         y: j
       },
       payload: y
-    }, c && c[f] && c[f].props);
+    }, c && c[m] && c[m].props);
   });
 }
 var bc = (e, t, r) => ({
@@ -3799,15 +3799,15 @@ function xc(e) {
   } = e, c = Z(null);
   if (t)
     return null;
-  var u = W("recharts-scatter", a), v = s;
+  var u = W("recharts-scatter", a), d = s;
   return /* @__PURE__ */ o.createElement(X, {
     zIndex: e.zIndex
   }, /* @__PURE__ */ o.createElement(L, {
     className: u,
-    clipPath: n ? "url(#clipPath-".concat(v, ")") : void 0,
+    clipPath: n ? "url(#clipPath-".concat(d, ")") : void 0,
     id: s
   }, n && /* @__PURE__ */ o.createElement("defs", null, /* @__PURE__ */ o.createElement(Wt, {
-    clipPathId: v,
+    clipPathId: d,
     xAxisId: i,
     yAxisId: l
   })), /* @__PURE__ */ o.createElement(ca, {
@@ -3850,14 +3850,14 @@ function Pc(e) {
     legendType: s,
     lineJointType: c,
     lineType: u,
-    shape: v,
-    xAxisId: d,
+    shape: d,
+    xAxisId: v,
     yAxisId: p,
-    zAxisId: m
-  } = t, g = jt(t, oc), {
-    needClip: h
-  } = Mt(d, p), y = le(() => Ct(e.children, st), [e.children]), f = ue(), b = $((x) => nc(x, d, p, m, e.id, y, f));
-  return h == null || b == null ? null : /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(pc, {
+    zAxisId: f
+  } = t, h = jt(t, oc), {
+    needClip: g
+  } = Mt(v, p), y = le(() => Ct(e.children, st), [e.children]), m = ue(), b = $((x) => nc(x, v, p, f, e.id, y, m));
+  return g == null || b == null ? null : /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(pc, {
     dataKey: e.dataKey,
     points: b,
     stroke: e.stroke,
@@ -3867,21 +3867,21 @@ function Pc(e) {
     hide: e.hide,
     tooltipType: e.tooltipType,
     id: e.id
-  }), /* @__PURE__ */ o.createElement(xc, me({}, g, {
-    xAxisId: d,
+  }), /* @__PURE__ */ o.createElement(xc, me({}, h, {
+    xAxisId: v,
     yAxisId: p,
-    zAxisId: m,
+    zAxisId: f,
     lineType: u,
     lineJointType: c,
     legendType: s,
-    shape: v,
+    shape: d,
     hide: i,
     isAnimationActive: l,
     animationBegin: r,
     animationDuration: a,
     animationEasing: n,
     points: b,
-    needClip: h
+    needClip: g
   })));
 }
 function Ac(e) {
@@ -4012,17 +4012,17 @@ var _c = {
     chartName: s,
     defaultTooltipEventType: c,
     validateTooltipEventTypes: u,
-    tooltipPayloadSearcher: v
-  } = t, d = {
+    tooltipPayloadSearcher: d
+  } = t, v = {
     chartName: s,
     defaultTooltipEventType: c,
     validateTooltipEventTypes: u,
-    tooltipPayloadSearcher: v,
+    tooltipPayloadSearcher: d,
     eventEmitter: void 0
   };
   return /* @__PURE__ */ o.createElement(ri, {
     preloadedState: {
-      options: d
+      options: v
     },
     reduxStoreName: (a = n.id) !== null && a !== void 0 ? a : s
   }, /* @__PURE__ */ o.createElement(ai, {
@@ -4240,14 +4240,14 @@ function qe({
   labelFormatter: s,
   labelClassName: c,
   formatter: u,
-  color: v,
-  nameKey: d,
+  color: d,
+  nameKey: v,
   labelKey: p
 }) {
-  const { config: m } = qa(), g = o.useMemo(() => {
+  const { config: f } = qa(), h = o.useMemo(() => {
     if (n || !t?.length)
       return null;
-    const [y] = t, f = `${p || y?.dataKey || y?.name || "value"}`, b = wt(m, y, f), x = !p && typeof l == "string" ? m[l]?.label || l : b?.label;
+    const [y] = t, m = `${p || y?.dataKey || y?.name || "value"}`, b = wt(f, y, m), x = !p && typeof l == "string" ? f[l]?.label || l : b?.label;
     return s ? /* @__PURE__ */ A.jsx("div", { className: ie("font-medium", c), children: s(x, t) }) : x ? /* @__PURE__ */ A.jsx("div", { className: ie("font-medium", c), children: x }) : null;
   }, [
     l,
@@ -4255,12 +4255,12 @@ function qe({
     t,
     n,
     c,
-    m,
+    f,
     p
   ]);
   if (!e || !t?.length)
     return null;
-  const h = t.length === 1 && a !== "dot";
+  const g = t.length === 1 && a !== "dot";
   return /* @__PURE__ */ A.jsxs(
     "div",
     {
@@ -4269,9 +4269,9 @@ function qe({
         r
       ),
       children: [
-        h ? null : g,
-        /* @__PURE__ */ A.jsx("div", { className: "grid gap-1.5", children: t.filter((y) => y.type !== "none").map((y, f) => {
-          const b = `${d || y.name || y.dataKey || "value"}`, x = wt(m, y, b), O = v || y.payload.fill || y.color;
+        g ? null : h,
+        /* @__PURE__ */ A.jsx("div", { className: "grid gap-1.5", children: t.filter((y) => y.type !== "none").map((y, m) => {
+          const b = `${v || y.name || y.dataKey || "value"}`, x = wt(f, y, b), O = d || y.payload.fill || y.color;
           return /* @__PURE__ */ A.jsx(
             "div",
             {
@@ -4279,7 +4279,7 @@ function qe({
                 "[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5",
                 a === "dot" ? "items-center" : ""
               ),
-              children: u && y?.value !== void 0 && y.name ? u(y.value, y.name, y, f, y.payload) : /* @__PURE__ */ A.jsxs(A.Fragment, { children: [
+              children: u && y?.value !== void 0 && y.name ? u(y.value, y.name, y, m, y.payload) : /* @__PURE__ */ A.jsxs(A.Fragment, { children: [
                 x?.icon ? /* @__PURE__ */ A.jsx(x.icon, {}) : !i && /* @__PURE__ */ A.jsx(
                   "div",
                   {
@@ -4288,7 +4288,7 @@ function qe({
                       a === "dot" ? "h-2.5 w-2.5" : "",
                       a === "line" ? "w-1" : "",
                       a === "dashed" ? "w-0 border-[1.5px] border-dashed bg-transparent" : "",
-                      h && a === "dashed" ? "my-0.5" : ""
+                      g && a === "dashed" ? "my-0.5" : ""
                     ),
                     style: {
                       "--color-bg": O,
@@ -4301,11 +4301,11 @@ function qe({
                   {
                     className: ie(
                       "flex flex-1 justify-between leading-none",
-                      h ? "items-end" : "items-center"
+                      g ? "items-end" : "items-center"
                     ),
                     children: [
                       /* @__PURE__ */ A.jsxs("div", { className: "grid gap-1.5", children: [
-                        h ? g : null,
+                        g ? h : null,
                         /* @__PURE__ */ A.jsx("span", { className: "text-muted-foreground", children: x?.label || y.name })
                       ] }),
                       y.value && /* @__PURE__ */ A.jsx("span", { className: "text-foreground font-mono font-medium tabular-nums", children: y.value.toLocaleString() })
@@ -4404,7 +4404,12 @@ function Uc({
   series: n = [],
   className: i = ""
 }) {
-  const l = {
+  const [l, s] = o.useState(!1);
+  o.useEffect(() => {
+    const d = () => s(window.innerWidth < 640);
+    return d(), window.addEventListener("resize", d), () => window.removeEventListener("resize", d);
+  }, []);
+  const c = {
     bar: or,
     line: Ic,
     area: Vc,
@@ -4414,7 +4419,7 @@ function Uc({
     scatter: Wr
   }[e] || or;
   console.log("📈 Rendering Chart:", { chartType: e, dataLength: t.length, config: r, series: n, xAxisKey: a });
-  const s = () => [
+  const u = () => [
     "hsl(var(--chart-1))",
     "hsl(var(--chart-2))",
     "hsl(var(--chart-3))",
@@ -4422,7 +4427,7 @@ function Uc({
     "hsl(var(--chart-5))"
   ];
   if (e === "pie" || e === "donut") {
-    const c = e === "donut" ? 60 : 0;
+    const d = e === "donut" ? 60 : 0;
     return /* @__PURE__ */ A.jsx(Ve, { config: r, className: i, children: /* @__PURE__ */ A.jsxs(Ot, { children: [
       /* @__PURE__ */ A.jsx(Ge, { cursor: !1, content: /* @__PURE__ */ A.jsx(qe, { hideLabel: !0 }) }),
       /* @__PURE__ */ A.jsx(
@@ -4431,21 +4436,27 @@ function Uc({
           data: t,
           dataKey: n[0]?.dataKey || "value",
           nameKey: a || "name",
-          innerRadius: c,
+          innerRadius: d,
           strokeWidth: 5,
           paddingAngle: 2,
           outerRadius: 80,
-          children: t.map((u, v) => {
-            let d = r[u[a]]?.color;
-            if (!d) {
-              const p = s();
-              d = p[v % p.length];
+          children: t.map((v, p) => {
+            let f = r[v[a]]?.color;
+            if (!f) {
+              const h = u();
+              f = h[p % h.length];
             }
-            return /* @__PURE__ */ A.jsx(st, { fill: Ye(d) }, `cell-${v}`);
+            return /* @__PURE__ */ A.jsx(st, { fill: Ye(f) }, `cell-${p}`);
           })
         }
       ),
-      /* @__PURE__ */ A.jsx(Ze, { content: /* @__PURE__ */ A.jsx(Xe, { nameKey: a }) })
+      /* @__PURE__ */ A.jsx(
+        Ze,
+        {
+          content: /* @__PURE__ */ A.jsx(Xe, { nameKey: a }),
+          ...l && { verticalAlign: "bottom", wrapperStyle: { fontSize: "11px", paddingTop: "8px" } }
+        }
+      )
     ] }) });
   }
   return e === "radar" ? /* @__PURE__ */ A.jsx(Ve, { config: r, className: i, children: /* @__PURE__ */ A.jsxs(Mr, { data: t, children: [
@@ -4453,18 +4464,24 @@ function Uc({
     /* @__PURE__ */ A.jsx(ha, { dataKey: a }),
     /* @__PURE__ */ A.jsx(ya, {}),
     /* @__PURE__ */ A.jsx(Ge, { content: /* @__PURE__ */ A.jsx(qe, {}) }),
-    /* @__PURE__ */ A.jsx(Ze, { content: /* @__PURE__ */ A.jsx(Xe, {}) }),
-    n.map((c) => {
-      const u = Ye(r[c.dataKey]?.color || zr);
+    /* @__PURE__ */ A.jsx(
+      Ze,
+      {
+        content: /* @__PURE__ */ A.jsx(Xe, {}),
+        ...l && { verticalAlign: "bottom", wrapperStyle: { fontSize: "11px", paddingTop: "8px" } }
+      }
+    ),
+    n.map((d) => {
+      const v = Ye(r[d.dataKey]?.color || zr);
       return /* @__PURE__ */ A.jsx(
         Oa,
         {
-          dataKey: c.dataKey,
-          stroke: u,
-          fill: u,
+          dataKey: d.dataKey,
+          stroke: v,
+          fill: v,
           fillOpacity: 0.6
         },
-        c.dataKey
+        d.dataKey
       );
     })
   ] }) }) : e === "scatter" ? /* @__PURE__ */ A.jsx(Ve, { config: r, className: i, children: /* @__PURE__ */ A.jsxs(Wr, { children: [
@@ -4476,7 +4493,8 @@ function Uc({
         dataKey: a,
         name: String(r[a]?.label || a),
         tickLine: !1,
-        axisLine: !1
+        axisLine: !1,
+        interval: l ? Math.ceil(t.length / 5) : 0
       }
     ),
     /* @__PURE__ */ A.jsx(
@@ -4491,20 +4509,26 @@ function Uc({
     ),
     /* @__PURE__ */ A.jsx(Fa, { type: "number", range: [60, 400] }),
     /* @__PURE__ */ A.jsx(Ge, { content: /* @__PURE__ */ A.jsx(qe, {}) }),
-    /* @__PURE__ */ A.jsx(Ze, { content: /* @__PURE__ */ A.jsx(Xe, {}) }),
-    n.map((c, u) => {
-      const v = s(), d = Ye(r[c.dataKey]?.color || v[u % v.length]);
+    /* @__PURE__ */ A.jsx(
+      Ze,
+      {
+        content: /* @__PURE__ */ A.jsx(Xe, {}),
+        ...l && { verticalAlign: "bottom", wrapperStyle: { fontSize: "11px", paddingTop: "8px" } }
+      }
+    ),
+    n.map((d, v) => {
+      const p = u(), f = Ye(r[d.dataKey]?.color || p[v % p.length]);
       return /* @__PURE__ */ A.jsx(
         za,
         {
-          name: r[c.dataKey]?.label || c.dataKey,
+          name: r[d.dataKey]?.label || d.dataKey,
           data: t,
-          fill: d
+          fill: f
         },
-        c.dataKey
+        d.dataKey
       );
     })
-  ] }) }) : /* @__PURE__ */ A.jsx(Ve, { config: r, className: i, children: /* @__PURE__ */ A.jsxs(l, { data: t, children: [
+  ] }) }) : /* @__PURE__ */ A.jsx(Ve, { config: r, className: i, children: /* @__PURE__ */ A.jsxs(c, { data: t, children: [
     /* @__PURE__ */ A.jsx(ir, { vertical: !1 }),
     /* @__PURE__ */ A.jsx(
       lr,
@@ -4513,14 +4537,21 @@ function Uc({
         tickLine: !1,
         tickMargin: 10,
         axisLine: !1,
-        tickFormatter: (c) => c && typeof c == "string" ? c.slice(0, 3) : c
+        interval: l ? Math.ceil(t.length / 5) : 0,
+        tickFormatter: (d) => d && typeof d == "string" ? d.slice(0, 3) : d
       }
     ),
     /* @__PURE__ */ A.jsx(Ge, { content: /* @__PURE__ */ A.jsx(qe, {}) }),
-    /* @__PURE__ */ A.jsx(Ze, { content: /* @__PURE__ */ A.jsx(Xe, {}) }),
-    n.map((c) => {
-      const u = Ye(r[c.dataKey]?.color || zr);
-      return e === "bar" ? /* @__PURE__ */ A.jsx(di, { dataKey: c.dataKey, fill: u, radius: 4 }, c.dataKey) : e === "line" ? /* @__PURE__ */ A.jsx(_a, { type: "monotone", dataKey: c.dataKey, stroke: u, strokeWidth: 2, dot: !1 }, c.dataKey) : e === "area" ? /* @__PURE__ */ A.jsx(Ma, { type: "monotone", dataKey: c.dataKey, fill: u, stroke: u, fillOpacity: 0.4 }, c.dataKey) : null;
+    /* @__PURE__ */ A.jsx(
+      Ze,
+      {
+        content: /* @__PURE__ */ A.jsx(Xe, {}),
+        ...l && { verticalAlign: "bottom", wrapperStyle: { fontSize: "11px", paddingTop: "8px" } }
+      }
+    ),
+    n.map((d) => {
+      const v = Ye(r[d.dataKey]?.color || zr);
+      return e === "bar" ? /* @__PURE__ */ A.jsx(di, { dataKey: d.dataKey, fill: v, radius: 4 }, d.dataKey) : e === "line" ? /* @__PURE__ */ A.jsx(_a, { type: "monotone", dataKey: d.dataKey, stroke: v, strokeWidth: 2, dot: !1 }, d.dataKey) : e === "area" ? /* @__PURE__ */ A.jsx(Ma, { type: "monotone", dataKey: d.dataKey, fill: v, stroke: v, fillOpacity: 0.4 }, d.dataKey) : null;
     })
   ] }) });
 }