drizzle-cube 0.1.11 → 0.1.12

package/dist/client/index.js

@@ -3,7 +3,7 @@ var eO = (e, t, r) => t in e ? J1(e, t, { enumerable: !0, configurable: !0, writ
 var Yi = (e, t, r) => eO(e, typeof t != "symbol" ? t + "" : t, r);
 import { jsx as v, jsxs as E, Fragment as Be } from "react/jsx-runtime";
 import * as V from "react";
-import P, { useState as J, useCallback as de, useEffect as Se, createContext as Br, useContext as nr, useRef as Ve, Component as ad, isValidElement as Rt, Children as cn, PureComponent as at, forwardRef as ji, useImperativeHandle as od, useMemo as Qt, cloneElement as We, createElement as Ea, useLayoutEffect as tO } from "react";
+import $, { useState as J, useCallback as de, useEffect as Se, createContext as Br, useContext as nr, useRef as Ve, Component as ad, isValidElement as Rt, Children as cn, PureComponent as at, forwardRef as ji, useImperativeHandle as od, useMemo as Qt, cloneElement as We, createElement as Ea, useLayoutEffect as tO } from "react";
 import { WidthProvider as rO, Responsive as nO } from "react-grid-layout";
 const iO = 15 * 60 * 1e3;
 let en = null;
@@ -1111,7 +1111,7 @@ function J_() {
         }
       }
     }
-    var w = o, S = a, _ = e, $ = l, j = r, T = d, M = f, k = t, N = i, C = n, B = c, R = u, D = !1, z = !1;
+    var w = o, S = a, _ = e, P = l, j = r, T = d, M = f, k = t, N = i, C = n, B = c, R = u, D = !1, z = !1;
     function I(U) {
       return D || (D = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 18+.")), !1;
     }
@@ -1154,7 +1154,7 @@ function J_() {
     function fe(U) {
       return g(U) === u;
     }
-    be.ContextConsumer = w, be.ContextProvider = S, be.Element = _, be.ForwardRef = $, be.Fragment = j, be.Lazy = T, be.Memo = M, be.Portal = k, be.Profiler = N, be.StrictMode = C, be.Suspense = B, be.SuspenseList = R, be.isAsyncMode = I, be.isConcurrentMode = F, be.isContextConsumer = q, be.isContextProvider = K, be.isElement = Y, be.isForwardRef = te, be.isFragment = ie, be.isLazy = ce, be.isMemo = re, be.isPortal = H, be.isProfiler = X, be.isStrictMode = ne, be.isSuspense = L, be.isSuspenseList = fe, be.isValidElementType = A, be.typeOf = g;
+    be.ContextConsumer = w, be.ContextProvider = S, be.Element = _, be.ForwardRef = P, be.Fragment = j, be.Lazy = T, be.Memo = M, be.Portal = k, be.Profiler = N, be.StrictMode = C, be.Suspense = B, be.SuspenseList = R, be.isAsyncMode = I, be.isConcurrentMode = F, be.isContextConsumer = q, be.isContextProvider = K, be.isElement = Y, be.isForwardRef = te, be.isFragment = ie, be.isLazy = ce, be.isMemo = re, be.isPortal = H, be.isProfiler = X, be.isStrictMode = ne, be.isSuspense = L, be.isSuspenseList = fe, be.isValidElementType = A, be.typeOf = g;
   }()), be;
 }
 process.env.NODE_ENV === "production" ? cu.exports = Z_() : cu.exports = J_();
@@ -1767,13 +1767,13 @@ function is(e) {
     x: 0,
     y: 0
   }, f = se("recharts-surface", a);
-  return /* @__PURE__ */ P.createElement("svg", pu({}, Q(c, !0, "svg"), {
+  return /* @__PURE__ */ $.createElement("svg", pu({}, Q(c, !0, "svg"), {
     className: f,
     width: r,
     height: n,
     style: o,
     viewBox: "".concat(u.x, " ").concat(u.y, " ").concat(u.width, " ").concat(u.height)
-  }), /* @__PURE__ */ P.createElement("title", null, s), /* @__PURE__ */ P.createElement("desc", null, l), t);
+  }), /* @__PURE__ */ $.createElement("title", null, s), /* @__PURE__ */ $.createElement("desc", null, l), t);
 }
 var EP = ["children", "className"];
 function mu() {
@@ -1806,9 +1806,9 @@ function NP(e, t) {
     }
   return r;
 }
-var oe = /* @__PURE__ */ P.forwardRef(function(e, t) {
+var oe = /* @__PURE__ */ $.forwardRef(function(e, t) {
   var r = e.children, n = e.className, i = TP(e, EP), a = se("recharts-layer", n);
-  return /* @__PURE__ */ P.createElement("g", mu({
+  return /* @__PURE__ */ $.createElement("g", mu({
     className: a
   }, Q(i, !0), {
     ref: t
@@ -2671,7 +2671,7 @@ var Nb = {
     var p = s2(n), b = R$().type(p).size(l2(a, s, n));
     return b();
   }, f = c.className, d = c.cx, h = c.cy, y = Q(c, !0);
-  return d === +d && h === +h && a === +a ? /* @__PURE__ */ P.createElement("path", Ou({}, y, {
+  return d === +d && h === +h && a === +a ? /* @__PURE__ */ $.createElement("path", Ou({}, y, {
     className: se("recharts-symbols", f),
     transform: "translate(".concat(d, ", ").concat(h, ")"),
     d: u()
@@ -2802,7 +2802,7 @@ var _t = 32, vd = /* @__PURE__ */ function(e) {
       function(n) {
         var i = this.props.inactiveColor, a = _t / 2, o = _t / 6, s = _t / 3, l = n.inactive ? i : n.color;
         if (n.type === "plainline")
-          return /* @__PURE__ */ P.createElement("line", {
+          return /* @__PURE__ */ $.createElement("line", {
             strokeWidth: 4,
             fill: "none",
             stroke: l,
@@ -2814,7 +2814,7 @@ var _t = 32, vd = /* @__PURE__ */ function(e) {
             className: "recharts-legend-icon"
           });
         if (n.type === "line")
-          return /* @__PURE__ */ P.createElement("path", {
+          return /* @__PURE__ */ $.createElement("path", {
             strokeWidth: 4,
             fill: "none",
             stroke: l,
@@ -2825,17 +2825,17 @@ var _t = 32, vd = /* @__PURE__ */ function(e) {
             className: "recharts-legend-icon"
           });
         if (n.type === "rect")
-          return /* @__PURE__ */ P.createElement("path", {
+          return /* @__PURE__ */ $.createElement("path", {
             stroke: "none",
             fill: l,
             d: "M0,".concat(_t / 8, "h").concat(_t, "v").concat(_t * 3 / 4, "h").concat(-_t, "z"),
             className: "recharts-legend-icon"
           });
-        if (/* @__PURE__ */ P.isValidElement(n.legendIcon)) {
+        if (/* @__PURE__ */ $.isValidElement(n.legendIcon)) {
           var c = u2({}, n);
-          return delete c.legendIcon, /* @__PURE__ */ P.cloneElement(n.legendIcon, c);
+          return delete c.legendIcon, /* @__PURE__ */ $.cloneElement(n.legendIcon, c);
         }
-        return /* @__PURE__ */ P.createElement(Dl, {
+        return /* @__PURE__ */ $.createElement(Dl, {
           fill: l,
           cx: a,
           cy: a,
@@ -2878,16 +2878,16 @@ var _t = 32, vd = /* @__PURE__ */ function(e) {
           // eslint-disable-line max-len
         );
         var O = h.inactive ? c : h.color;
-        return /* @__PURE__ */ P.createElement("li", Au({
+        return /* @__PURE__ */ $.createElement("li", Au({
           className: p,
           style: f,
           key: "legend-item-".concat(y)
-        }, er(n.props, h, y)), /* @__PURE__ */ P.createElement(is, {
+        }, er(n.props, h, y)), /* @__PURE__ */ $.createElement(is, {
           width: o,
           height: o,
           viewBox: u,
           style: d
-        }, n.renderIcon(h)), /* @__PURE__ */ P.createElement("span", {
+        }, n.renderIcon(h)), /* @__PURE__ */ $.createElement("span", {
           className: "recharts-legend-item-text",
           style: {
             color: O
@@ -2906,7 +2906,7 @@ var _t = 32, vd = /* @__PURE__ */ function(e) {
         margin: 0,
         textAlign: a === "horizontal" ? o : "left"
       };
-      return /* @__PURE__ */ P.createElement("ul", {
+      return /* @__PURE__ */ $.createElement("ul", {
         className: "recharts-default-legend",
         style: s
       }, this.renderItems());
@@ -3569,13 +3569,13 @@ function Hk(e) {
   return e.value;
 }
 function Kk(e, t) {
-  if (/* @__PURE__ */ P.isValidElement(e))
-    return /* @__PURE__ */ P.cloneElement(e, t);
+  if (/* @__PURE__ */ $.isValidElement(e))
+    return /* @__PURE__ */ $.cloneElement(e, t);
   if (typeof e == "function")
-    return /* @__PURE__ */ P.createElement(e, t);
+    return /* @__PURE__ */ $.createElement(e, t);
   t.ref;
   var r = Uk(t, Dk);
-  return /* @__PURE__ */ P.createElement(vd, r);
+  return /* @__PURE__ */ $.createElement(vd, r);
 }
 var Ep = 1, gt = /* @__PURE__ */ function(e) {
   function t() {
@@ -3659,7 +3659,7 @@ var Ep = 1, gt = /* @__PURE__ */ function(e) {
         width: o || "auto",
         height: s || "auto"
       }, this.getDefaultPosition(l)), l);
-      return /* @__PURE__ */ P.createElement("div", {
+      return /* @__PURE__ */ $.createElement("div", {
         className: "recharts-legend-wrapper",
         style: f,
         ref: function(h) {
@@ -3985,22 +3985,22 @@ var SI = function(t) {
         }
         return (
           // eslint-disable-next-line react/no-array-index-key
-          /* @__PURE__ */ P.createElement("li", {
+          /* @__PURE__ */ $.createElement("li", {
             className: "recharts-tooltip-item",
             key: "tooltip-item-".concat(C),
             style: B
-          }, Ue(F) ? /* @__PURE__ */ P.createElement("span", {
+          }, Ue(F) ? /* @__PURE__ */ $.createElement("span", {
             className: "recharts-tooltip-item-name"
-          }, F) : null, Ue(F) ? /* @__PURE__ */ P.createElement("span", {
+          }, F) : null, Ue(F) ? /* @__PURE__ */ $.createElement("span", {
             className: "recharts-tooltip-item-separator"
-          }, n) : null, /* @__PURE__ */ P.createElement("span", {
+          }, n) : null, /* @__PURE__ */ $.createElement("span", {
             className: "recharts-tooltip-item-value"
-          }, I), /* @__PURE__ */ P.createElement("span", {
+          }, I), /* @__PURE__ */ $.createElement("span", {
             className: "recharts-tooltip-item-unit"
           }, N.unit || ""))
         );
       });
-      return /* @__PURE__ */ P.createElement("ul", {
+      return /* @__PURE__ */ $.createElement("ul", {
         className: "recharts-tooltip-item-list",
         style: M
       }, k);
@@ -4014,19 +4014,19 @@ var SI = function(t) {
     whiteSpace: "nowrap"
   }, a), g = Pc({
     margin: 0
-  }, c), w = !ae(m), S = w ? m : "", _ = se("recharts-default-tooltip", h), $ = se("recharts-tooltip-label", y);
+  }, c), w = !ae(m), S = w ? m : "", _ = se("recharts-default-tooltip", h), P = se("recharts-tooltip-label", y);
   w && p && u !== void 0 && u !== null && (S = p(m, u));
   var j = O ? {
     role: "status",
     "aria-live": "assertive"
   } : {};
-  return /* @__PURE__ */ P.createElement("div", ju({
+  return /* @__PURE__ */ $.createElement("div", ju({
     className: _,
     style: A
-  }, j), /* @__PURE__ */ P.createElement("p", {
-    className: $,
+  }, j), /* @__PURE__ */ $.createElement("p", {
+    className: P,
     style: g
-  }, /* @__PURE__ */ P.isValidElement(S) ? S : "".concat(S)), x());
+  }, /* @__PURE__ */ $.isValidElement(S) ? S : "".concat(S)), x());
 };
 function ka(e) {
   "@babel/helpers - typeof";
@@ -4301,7 +4301,7 @@ var Fp = 1, BI = /* @__PURE__ */ function(e) {
       return (
         // This element allow listening to the `Escape` key.
         // See https://github.com/recharts/recharts/pull/2925
-        /* @__PURE__ */ P.createElement("div", {
+        /* @__PURE__ */ $.createElement("div", {
           tabIndex: -1,
           className: A,
           style: w,
@@ -4420,7 +4420,7 @@ function YI(e) {
   return e.dataKey;
 }
 function XI(e, t) {
-  return /* @__PURE__ */ P.isValidElement(e) ? /* @__PURE__ */ P.cloneElement(e, t) : typeof e == "function" ? /* @__PURE__ */ P.createElement(e, t) : /* @__PURE__ */ P.createElement(SI, t);
+  return /* @__PURE__ */ $.isValidElement(e) ? /* @__PURE__ */ $.cloneElement(e, t) : typeof e == "function" ? /* @__PURE__ */ $.createElement(e, t) : /* @__PURE__ */ $.createElement(SI, t);
 }
 var yt = /* @__PURE__ */ function(e) {
   function t() {
@@ -4434,7 +4434,7 @@ var yt = /* @__PURE__ */ function(e) {
         return S.value != null && (S.hide !== !0 || n.props.includeHidden);
       }), m, YI));
       var w = g.length > 0;
-      return /* @__PURE__ */ P.createElement(BI, {
+      return /* @__PURE__ */ $.createElement(BI, {
         allowEscapeViewBox: o,
         animationDuration: s,
         animationEasing: l,
@@ -4532,8 +4532,8 @@ function gC(e, t, r) {
     return c = w, s = setTimeout(b, t), u ? h(w) : o;
   }
   function m(w) {
-    var S = w - l, _ = w - c, $ = t - S;
-    return f ? vC($, a - _) : $;
+    var S = w - l, _ = w - c, P = t - S;
+    return f ? vC(P, a - _) : P;
   }
   function p(w) {
     var S = w - l, _ = w - c;
@@ -4682,7 +4682,7 @@ var Gp = /* @__PURE__ */ ji(function(e, t) {
   var S = J({
     containerWidth: i.width,
     containerHeight: i.height
-  }), _ = EC(S, 2), $ = _[0], j = _[1], T = de(function(k, N) {
+  }), _ = EC(S, 2), P = _[0], j = _[1], T = de(function(k, N) {
     j(function(C) {
       var B = Math.round(k), R = Math.round(N);
       return C.containerWidth === B && C.containerHeight === R ? C : {
@@ -4706,7 +4706,7 @@ var Gp = /* @__PURE__ */ ji(function(e, t) {
     };
   }, [T, m]);
   var M = Qt(function() {
-    var k = $.containerWidth, N = $.containerHeight;
+    var k = P.containerWidth, N = P.containerHeight;
     if (k < 0 || N < 0)
       return null;
     Bt(rn(o) || rn(l), `The width(%s) and height(%s) are both fixed numbers,
@@ -4717,8 +4717,8 @@ var Gp = /* @__PURE__ */ ji(function(e, t) {
        or add a minWidth(%s) or minHeight(%s) or use aspect(%s) to control the
        height and width.`, C, B, o, l, u, f, r);
     var R = !Array.isArray(h) && yr(h.type).endsWith("Chart");
-    return P.Children.map(h, function(D) {
-      return /* @__PURE__ */ P.isValidElement(D) ? /* @__PURE__ */ We(D, ko({
+    return $.Children.map(h, function(D) {
+      return /* @__PURE__ */ $.isValidElement(D) ? /* @__PURE__ */ We(D, ko({
         width: C,
         height: B
       }, R ? {
@@ -4730,8 +4730,8 @@ var Gp = /* @__PURE__ */ ji(function(e, t) {
         }, D.props.style)
       } : {})) : D;
     });
-  }, [r, h, l, d, f, u, $, o]);
-  return /* @__PURE__ */ P.createElement("div", {
+  }, [r, h, l, d, f, u, P, o]);
+  return /* @__PURE__ */ $.createElement("div", {
     id: p ? "".concat(p) : void 0,
     className: se("recharts-responsive-container", b),
     style: ko(ko({}, A), {}, {
@@ -5143,8 +5143,8 @@ var p0 = /[ \f\n\r\t\v\u2028\u2029]+/, m0 = function(t) {
     }).wordsWithComputedWidth, D = d(R), z = D.length > o || y(D).width > Number(i);
     return [z, D];
   }, b = 0, O = f.length - 1, x = 0, A; b <= O && x <= f.length - 1; ) {
-    var g = Math.floor((b + O) / 2), w = g - 1, S = p(w), _ = nm(S, 2), $ = _[0], j = _[1], T = p(g), M = nm(T, 1), k = M[0];
-    if (!$ && !k && (b = g + 1), $ && k && (O = g - 1), !$ && k) {
+    var g = Math.floor((b + O) / 2), w = g - 1, S = p(w), _ = nm(S, 2), P = _[0], j = _[1], T = p(g), M = nm(T, 1), k = M[0];
+    if (!P && !k && (b = g + 1), P && k && (O = g - 1), !P && k) {
       A = j;
       break;
     }
@@ -5187,7 +5187,7 @@ var p0 = /[ \f\n\r\t\v\u2028\u2029]+/, m0 = function(t) {
       style: O.style,
       width: O.width
     });
-  }, [O.breakAll, O.children, O.maxLines, f, O.style, O.width]), A = O.dx, g = O.dy, w = O.angle, S = O.className, _ = O.breakAll, $ = rm(O, rD);
+  }, [O.breakAll, O.children, O.maxLines, f, O.style, O.width]), A = O.dx, g = O.dy, w = O.angle, S = O.className, _ = O.breakAll, P = rm(O, rD);
   if (!Ue(n) || !Ue(a))
     return null;
   var j = n + (G(A) ? A : 0), T = a + (G(g) ? g : 0), M;
@@ -5207,7 +5207,7 @@ var p0 = /[ \f\n\r\t\v\u2028\u2029]+/, m0 = function(t) {
     var N = x[0].width, C = O.width;
     k.push("scale(".concat((G(C) ? C / N : 1) / N, ")"));
   }
-  return w && k.push("rotate(".concat(w, ", ").concat(j, ", ").concat(T, ")")), k.length && ($.transform = k.join(" ")), /* @__PURE__ */ P.createElement("text", Du({}, Q($, !0), {
+  return w && k.push("rotate(".concat(w, ", ").concat(j, ", ").concat(T, ")")), k.length && (P.transform = k.join(" ")), /* @__PURE__ */ $.createElement("text", Du({}, Q(P, !0), {
     x: j,
     y: T,
     className: se("recharts-text", S),
@@ -5218,7 +5218,7 @@ var p0 = /[ \f\n\r\t\v\u2028\u2029]+/, m0 = function(t) {
     return (
       // duplicate words will cause duplicate keys
       // eslint-disable-next-line react/no-array-index-key
-      /* @__PURE__ */ P.createElement("tspan", {
+      /* @__PURE__ */ $.createElement("tspan", {
         x: j,
         dy: R === 0 ? M : s,
         key: "".concat(D, "-").concat(R)
@@ -6157,7 +6157,7 @@ function s5(e) {
     f = Ba(f);
     var d = f.fill, h = f.align, y = f.sign, m = f.symbol, p = f.zero, b = f.width, O = f.comma, x = f.precision, A = f.trim, g = f.type;
     g === "n" ? (O = !0, g = "g") : Om[g] || (x === void 0 && (x = 12), A = !0, g = "g"), (p || d === "0" && h === "=") && (p = !0, d = "0", h = "=");
-    var w = m === "$" ? r : m === "#" && /[boxX]/.test(g) ? "0" + g.toLowerCase() : "", S = m === "$" ? n : /[%p]/.test(g) ? o : "", _ = Om[g], $ = /[defgprs%]/.test(g);
+    var w = m === "$" ? r : m === "#" && /[boxX]/.test(g) ? "0" + g.toLowerCase() : "", S = m === "$" ? n : /[%p]/.test(g) ? o : "", _ = Om[g], P = /[defgprs%]/.test(g);
     x = x === void 0 ? 6 : /[gprs]/.test(g) ? Math.max(1, Math.min(21, x)) : Math.max(0, Math.min(20, x));
     function j(T) {
       var M = w, k = S, N, C, B;
@@ -6166,7 +6166,7 @@ function s5(e) {
       else {
         T = +T;
         var R = T < 0 || 1 / T < 0;
-        if (T = isNaN(T) ? l : _(Math.abs(T), x), A && (T = a5(T)), R && +T == 0 && y !== "+" && (R = !1), M = (R ? y === "(" ? y : s : y === "-" || y === "(" ? "" : y) + M, k = (g === "s" ? _m[8 + P0 / 3] : "") + k + (R && y === "(" ? ")" : ""), $) {
+        if (T = isNaN(T) ? l : _(Math.abs(T), x), A && (T = a5(T)), R && +T == 0 && y !== "+" && (R = !1), M = (R ? y === "(" ? y : s : y === "-" || y === "(" ? "" : y) + M, k = (g === "s" ? _m[8 + P0 / 3] : "") + k + (R && y === "(" ? ")" : ""), P) {
           for (N = -1, C = T.length; ++N < C; )
             if (B = T.charCodeAt(N), 48 > B || B > 57) {
               k = (B === 46 ? i + T.slice(N + 1) : T.slice(N)) + k, T = T.slice(0, N);
@@ -6817,7 +6817,7 @@ function k5(e) {
     L: K5,
     m: W5,
     M: V5,
-    p: $,
+    p: P,
     q: q5,
     Q: X5,
     s: Q5,
@@ -6866,7 +6866,7 @@ function k5(e) {
     }
     return L;
   }
-  function $(H, X, ne) {
+  function P(H, X, ne) {
     var L = c.exec(X.slice(ne));
     return L ? (H.p = u.get(L[0].toLowerCase()), ne + L[0].length) : -1;
   }
@@ -7700,11 +7700,11 @@ var vr = /* @__PURE__ */ function() {
     for (; !n[0] && n.length > 1; ) n.shift();
   }
   return function(n, i, a, o) {
-    var s, l, c, u, f, d, h, y, m, p, b, O, x, A, g, w, S, _, $ = n.constructor, j = n.s == i.s ? 1 : -1, T = n.d, M = i.d;
-    if (!n.s) return new $(n);
+    var s, l, c, u, f, d, h, y, m, p, b, O, x, A, g, w, S, _, P = n.constructor, j = n.s == i.s ? 1 : -1, T = n.d, M = i.d;
+    if (!n.s) return new P(n);
     if (!i.s) throw Error(Tt + "Division by zero");
-    for (l = n.e - i.e, S = M.length, g = T.length, h = new $(j), y = h.d = [], c = 0; M[c] == (T[c] || 0); ) ++c;
-    if (M[c] > (T[c] || 0) && --l, a == null ? O = a = $.precision : o ? O = a + (Fe(n) - Fe(i)) + 1 : O = a, O < 0) return new $(0);
+    for (l = n.e - i.e, S = M.length, g = T.length, h = new P(j), y = h.d = [], c = 0; M[c] == (T[c] || 0); ) ++c;
+    if (M[c] > (T[c] || 0) && --l, a == null ? O = a = P.precision : o ? O = a + (Fe(n) - Fe(i)) + 1 : O = a, O < 0) return new P(0);
     if (O = O / Ce + 2 | 0, c = 0, S == 1)
       for (u = 0, M = M[0], O++; (c < g || u) && O--; c++)
         x = u * Ge + (T[c] || 0), y[c] = x / M | 0, u = x % M | 0;
@@ -8308,7 +8308,7 @@ var Hi = /* @__PURE__ */ function(e) {
         } else
           w = S = A;
         if (a === "vertical") {
-          var $ = u.scale, j = O + i, T = j + o, M = j - o, k = $(x - w), N = $(x + S);
+          var P = u.scale, j = O + i, T = j + o, M = j - o, k = P(x - w), N = P(x + S);
           g.push({
             x1: N,
             y1: T,
@@ -8344,23 +8344,23 @@ var Hi = /* @__PURE__ */ function(e) {
             y2: z
           });
         }
-        return /* @__PURE__ */ P.createElement(oe, Es({
+        return /* @__PURE__ */ $.createElement(oe, Es({
           className: "recharts-errorBar",
           key: "bar-".concat(g.map(function(F) {
             return "".concat(F.x1, "-").concat(F.x2, "-").concat(F.y1, "-").concat(F.y2);
           }))
         }, h), g.map(function(F) {
-          return /* @__PURE__ */ P.createElement("line", Es({}, F, {
+          return /* @__PURE__ */ $.createElement("line", Es({}, F, {
             key: "line-".concat(F.x1, "-").concat(F.x2, "-").concat(F.y1, "-").concat(F.y2)
           }));
         }));
       });
-      return /* @__PURE__ */ P.createElement(oe, {
+      return /* @__PURE__ */ $.createElement(oe, {
         className: "recharts-errorBars"
       }, y);
     }
   }]);
-}(P.Component);
+}($.Component);
 hx(Hi, "defaultProps", {
   stroke: "black",
   strokeWidth: 1.5,
@@ -9150,14 +9150,14 @@ var ks = Math.PI / 180, M3 = function(t) {
       var w = g, S = E3(w, 2);
       l = S[0], c = S[1];
     }
-    var _ = xx(O, a), $ = _.realScaleType, j = _.scale;
+    var _ = xx(O, a), P = _.realScaleType, j = _.scale;
     j.domain(x).range(g), wx(j);
     var T = Sx(j, fr(fr({}, O), {}, {
-      realScaleType: $
+      realScaleType: P
     })), M = fr(fr(fr({}, O), T), {}, {
       range: g,
       radius: y,
-      realScaleType: $,
+      realScaleType: P,
       scale: j,
       cx: u,
       cy: f,
@@ -9343,13 +9343,13 @@ var Y3 = function(t) {
   var g = ye(c, u, p, x), w = ye(c, u, p, x + (A ? 1 : -1) * 359), S = "M".concat(g.x, ",").concat(g.y, `
     A`).concat(p, ",").concat(p, ",0,1,").concat(A ? 0 : 1, `,
     `).concat(w.x, ",").concat(w.y), _ = ae(t.id) ? $r("recharts-radial-line-") : t.id;
-  return /* @__PURE__ */ P.createElement("text", Ha({}, n, {
+  return /* @__PURE__ */ $.createElement("text", Ha({}, n, {
     dominantBaseline: "central",
     className: se("recharts-radial-bar-label", s)
-  }), /* @__PURE__ */ P.createElement("defs", null, /* @__PURE__ */ P.createElement("path", {
+  }), /* @__PURE__ */ $.createElement("defs", null, /* @__PURE__ */ $.createElement("path", {
     id: _,
     d: S
-  })), /* @__PURE__ */ P.createElement("textPath", {
+  })), /* @__PURE__ */ $.createElement("textPath", {
     xlinkHref: "#".concat(_)
   }, r));
 }, Z3 = function(t) {
@@ -9517,7 +9517,7 @@ function Ye(e) {
   if (y && (o === "insideStart" || o === "insideEnd" || o === "end"))
     return Q3(i, h, m);
   var p = y ? Z3(i) : J3(i);
-  return /* @__PURE__ */ P.createElement(mn, Ha({
+  return /* @__PURE__ */ $.createElement(mn, Ha({
     className: se("recharts-label", f)
   }, m, p, {
     breakAll: d
@@ -9559,25 +9559,25 @@ var Nx = function(t) {
     clockWise: b
   } : t.viewBox ? t.viewBox : {};
 }, t4 = function(t, r) {
-  return t ? t === !0 ? /* @__PURE__ */ P.createElement(Ye, {
+  return t ? t === !0 ? /* @__PURE__ */ $.createElement(Ye, {
     key: "label-implicit",
     viewBox: r
-  }) : Ue(t) ? /* @__PURE__ */ P.createElement(Ye, {
+  }) : Ue(t) ? /* @__PURE__ */ $.createElement(Ye, {
     key: "label-implicit",
     viewBox: r,
     value: t
   }) : /* @__PURE__ */ Rt(t) ? t.type === Ye ? /* @__PURE__ */ We(t, {
     key: "label-implicit",
     viewBox: r
-  }) : /* @__PURE__ */ P.createElement(Ye, {
+  }) : /* @__PURE__ */ $.createElement(Ye, {
     key: "label-implicit",
     content: t,
     viewBox: r
-  }) : ee(t) ? /* @__PURE__ */ P.createElement(Ye, {
+  }) : ee(t) ? /* @__PURE__ */ $.createElement(Ye, {
     key: "label-implicit",
     content: t,
     viewBox: r
-  }) : Ii(t) ? /* @__PURE__ */ P.createElement(Ye, Ha({
+  }) : Ii(t) ? /* @__PURE__ */ $.createElement(Ye, Ha({
     viewBox: r
   }, t, {
     key: "label-implicit"
@@ -9714,13 +9714,13 @@ var m4 = function(t) {
 };
 function bt(e) {
   var t = e.valueAccessor, r = t === void 0 ? m4 : t, n = ly(e, i4), i = n.data, a = n.dataKey, o = n.clockWise, s = n.id, l = n.textBreakAll, c = ly(n, a4);
-  return !i || !i.length ? null : /* @__PURE__ */ P.createElement(oe, {
+  return !i || !i.length ? null : /* @__PURE__ */ $.createElement(oe, {
     className: "recharts-label-list"
   }, i.map(function(u, f) {
     var d = ae(a) ? r(u, f) : _e(u && u.payload, a), h = ae(s) ? {} : {
       id: "".concat(s, "-").concat(f)
     };
-    return /* @__PURE__ */ P.createElement(Ye, Ms({}, Q(u, !0), c, h, {
+    return /* @__PURE__ */ $.createElement(Ye, Ms({}, Q(u, !0), c, h, {
       parentViewBox: u.parentViewBox,
       value: d,
       textBreakAll: l,
@@ -9734,14 +9734,14 @@ function bt(e) {
 }
 bt.displayName = "LabelList";
 function y4(e, t) {
-  return e ? e === !0 ? /* @__PURE__ */ P.createElement(bt, {
+  return e ? e === !0 ? /* @__PURE__ */ $.createElement(bt, {
     key: "labelList-implicit",
     data: t
-  }) : /* @__PURE__ */ P.isValidElement(e) || ee(e) ? /* @__PURE__ */ P.createElement(bt, {
+  }) : /* @__PURE__ */ $.isValidElement(e) || ee(e) ? /* @__PURE__ */ $.createElement(bt, {
     key: "labelList-implicit",
     data: t,
     content: e
-  }) : Ii(e) ? /* @__PURE__ */ P.createElement(bt, Ms({
+  }) : Ii(e) ? /* @__PURE__ */ $.createElement(bt, Ms({
     data: t
   }, e, {
     key: "labelList-implicit"
@@ -9891,7 +9891,7 @@ var w4 = function(t, r) {
       isExternal: !0,
       cornerRadius: o,
       cornerIsExternal: l
-    }), S = w.circleTangency, _ = w.lineTangency, $ = w.theta, j = Bo({
+    }), S = w.circleTangency, _ = w.lineTangency, P = w.theta, j = Bo({
       cx: r,
       cy: n,
       radius: i,
@@ -9900,7 +9900,7 @@ var w4 = function(t, r) {
       isExternal: !0,
       cornerRadius: o,
       cornerIsExternal: l
-    }), T = j.circleTangency, M = j.lineTangency, k = j.theta, N = l ? Math.abs(c - u) : Math.abs(c - u) - $ - k;
+    }), T = j.circleTangency, M = j.lineTangency, k = j.theta, N = l ? Math.abs(c - u) : Math.abs(c - u) - P - k;
     if (N < 0 && o === 0)
       return "".concat(g, "L").concat(r, ",").concat(n, "Z");
     g += "L".concat(M.x, ",").concat(M.y, `
@@ -9942,7 +9942,7 @@ var w4 = function(t, r) {
     outerRadius: o,
     startAngle: u,
     endAngle: f
-  }), /* @__PURE__ */ P.createElement("path", rf({}, Q(r, !0), {
+  }), /* @__PURE__ */ $.createElement("path", rf({}, Q(r, !0), {
     className: h,
     d: p,
     role: "img"
@@ -10182,7 +10182,7 @@ function N4() {
         }
       }
     }
-    var g = l, w = c, S = s, _ = o, $ = t, j = u, T = n, M = y, k = h, N = r, C = a, B = i, R = f, D = !1;
+    var g = l, w = c, S = s, _ = o, P = t, j = u, T = n, M = y, k = h, N = r, C = a, B = i, R = f, D = !1;
     function z(L) {
       return D || (D = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), I(L) || A(L) === l;
     }
@@ -10222,7 +10222,7 @@ function N4() {
     function ne(L) {
       return A(L) === f;
     }
-    we.AsyncMode = g, we.ConcurrentMode = w, we.ContextConsumer = S, we.ContextProvider = _, we.Element = $, we.ForwardRef = j, we.Fragment = T, we.Lazy = M, we.Memo = k, we.Portal = N, we.Profiler = C, we.StrictMode = B, we.Suspense = R, we.isAsyncMode = z, we.isConcurrentMode = I, we.isContextConsumer = F, we.isContextProvider = q, we.isElement = K, we.isForwardRef = Y, we.isFragment = te, we.isLazy = ie, we.isMemo = ce, we.isPortal = re, we.isProfiler = H, we.isStrictMode = X, we.isSuspense = ne, we.isValidElementType = x, we.typeOf = A;
+    we.AsyncMode = g, we.ConcurrentMode = w, we.ContextConsumer = S, we.ContextProvider = _, we.Element = P, we.ForwardRef = j, we.Fragment = T, we.Lazy = M, we.Memo = k, we.Portal = N, we.Profiler = C, we.StrictMode = B, we.Suspense = R, we.isAsyncMode = z, we.isConcurrentMode = I, we.isContextConsumer = F, we.isContextProvider = q, we.isElement = K, we.isForwardRef = Y, we.isFragment = te, we.isLazy = ie, we.isMemo = ce, we.isPortal = re, we.isProfiler = H, we.isStrictMode = X, we.isSuspense = ne, we.isValidElementType = x, we.typeOf = A;
   }()), we;
 }
 var yy;
@@ -10381,7 +10381,7 @@ function M4() {
       node: j(),
       objectOf: _,
       oneOf: S,
-      oneOfType: $,
+      oneOfType: P,
       shape: M,
       exact: k
     };
@@ -10516,7 +10516,7 @@ function M4() {
       }
       return p(F);
     }
-    function $(I) {
+    function P(I) {
       if (!Array.isArray(I))
         return process.env.NODE_ENV !== "production" && a("Invalid argument supplied to oneOfType, expected an instance of array."), o;
       for (var F = 0; F < I.length; F++) {
@@ -11696,7 +11696,7 @@ var it = /* @__PURE__ */ function(e) {
       var a = this, o = i.steps, s = i.begin, l = i.onAnimationStart, c = o[0], u = c.style, f = c.duration, d = f === void 0 ? 0 : f, h = function(m, p, b) {
         if (b === 0)
           return m;
-        var O = p.duration, x = p.easing, A = x === void 0 ? "ease" : x, g = p.style, w = p.properties, S = p.onAnimationEnd, _ = b > 0 ? o[b - 1] : p, $ = w || Object.keys(g);
+        var O = p.duration, x = p.easing, A = x === void 0 ? "ease" : x, g = p.style, w = p.properties, S = p.onAnimationEnd, _ = b > 0 ? o[b - 1] : p, P = w || Object.keys(g);
         if (typeof A == "function" || A === "spring")
           return [].concat(Vc(m), [a.runJSAnimation.bind(a, {
             from: _.style,
@@ -11704,7 +11704,7 @@ var it = /* @__PURE__ */ function(e) {
             duration: O,
             easing: A
           }), O]);
-        var j = Cy($, O, A), T = jt(jt(jt({}, _.style), g), {}, {
+        var j = Cy(P, O, A), T = jt(jt(jt({}, _.style), g), {}, {
           transition: j
         });
         return [].concat(Vc(m), [T, O, S]).filter(TB);
@@ -11750,7 +11750,7 @@ var it = /* @__PURE__ */ function(e) {
         }));
         return O;
       };
-      return c === 1 ? f(cn.only(a)) : /* @__PURE__ */ P.createElement("div", null, cn.map(a, function(d) {
+      return c === 1 ? f(cn.only(a)) : /* @__PURE__ */ $.createElement("div", null, cn.map(a, function(d) {
         return f(d);
       }));
     }
@@ -11953,7 +11953,7 @@ var Uy = function(t, r, n, i, a) {
   if (l !== +l || c !== +c || u !== +u || f !== +f || u === 0 || f === 0)
     return null;
   var x = se("recharts-rectangle", h);
-  return O ? /* @__PURE__ */ P.createElement(it, {
+  return O ? /* @__PURE__ */ $.createElement(it, {
     canBegin: o > 0,
     from: {
       width: u,
@@ -11972,7 +11972,7 @@ var Uy = function(t, r, n, i, a) {
     isActive: O
   }, function(A) {
     var g = A.width, w = A.height, S = A.x, _ = A.y;
-    return /* @__PURE__ */ P.createElement(it, {
+    return /* @__PURE__ */ $.createElement(it, {
       canBegin: o > 0,
       from: "0px ".concat(o === -1 ? 1 : o, "px"),
       to: "".concat(o, "px 0px"),
@@ -11981,12 +11981,12 @@ var Uy = function(t, r, n, i, a) {
       duration: m,
       isActive: b,
       easing: y
-    }, /* @__PURE__ */ P.createElement("path", Ls({}, Q(r, !0), {
+    }, /* @__PURE__ */ $.createElement("path", Ls({}, Q(r, !0), {
       className: x,
       d: Uy(S, _, g, w, d),
       ref: n
     })));
-  }) : /* @__PURE__ */ P.createElement("path", Ls({}, Q(r, !0), {
+  }) : /* @__PURE__ */ $.createElement("path", Ls({}, Q(r, !0), {
     className: x,
     d: Uy(l, c, u, f, d)
   }));
@@ -12075,22 +12075,22 @@ var Hy = function(t) {
   var s = se("recharts-polygon", n);
   if (i && i.length) {
     var l = o.stroke && o.stroke !== "none", c = kF(r, i, a);
-    return /* @__PURE__ */ P.createElement("g", {
+    return /* @__PURE__ */ $.createElement("g", {
       className: s
-    }, /* @__PURE__ */ P.createElement("path", Dn({}, Q(o, !0), {
+    }, /* @__PURE__ */ $.createElement("path", Dn({}, Q(o, !0), {
       fill: c.slice(-1) === "Z" ? o.fill : "none",
       stroke: "none",
       d: c
-    })), l ? /* @__PURE__ */ P.createElement("path", Dn({}, Q(o, !0), {
+    })), l ? /* @__PURE__ */ $.createElement("path", Dn({}, Q(o, !0), {
       fill: "none",
       d: ba(r, a)
-    })) : null, l ? /* @__PURE__ */ P.createElement("path", Dn({}, Q(o, !0), {
+    })) : null, l ? /* @__PURE__ */ $.createElement("path", Dn({}, Q(o, !0), {
       fill: "none",
       d: ba(i, a)
     })) : null);
   }
   var u = ba(r, a);
-  return /* @__PURE__ */ P.createElement("path", Dn({}, Q(o, !0), {
+  return /* @__PURE__ */ $.createElement("path", Dn({}, Q(o, !0), {
     fill: u.slice(-1) === "Z" ? o.fill : "none",
     className: s,
     d: u
@@ -12203,7 +12203,7 @@ var FF = function(t, r, n, i, a, o) {
     width: f,
     height: h
   }, m);
-  return !G(n) || !G(a) || !G(f) || !G(h) || !G(s) || !G(c) ? null : /* @__PURE__ */ P.createElement("path", vf({}, Q(p, !0), {
+  return !G(n) || !G(a) || !G(f) || !G(h) || !G(s) || !G(c) ? null : /* @__PURE__ */ $.createElement("path", vf({}, Q(p, !0), {
     className: se("recharts-cross", y),
     d: FF(n, a, f, h, s, c)
   }));
@@ -12297,11 +12297,11 @@ var GF = function(t, r, n, i) {
   var l = to({
     stroke: "#ccc"
   }, Q(t, !1));
-  return /* @__PURE__ */ P.createElement("g", {
+  return /* @__PURE__ */ $.createElement("g", {
     className: "recharts-polar-grid-angle"
   }, o.map(function(c) {
     var u = ye(r, n, i, c), f = ye(r, n, a, c);
-    return /* @__PURE__ */ P.createElement("line", Or({}, l, {
+    return /* @__PURE__ */ $.createElement("line", Or({}, l, {
       key: "line-".concat(c),
       x1: u.x,
       y1: u.y,
@@ -12315,7 +12315,7 @@ var GF = function(t, r, n, i) {
   }, Q(t, !1)), {}, {
     fill: "none"
   });
-  return /* @__PURE__ */ P.createElement("circle", Or({}, o, {
+  return /* @__PURE__ */ $.createElement("circle", Or({}, o, {
     className: se("recharts-polar-grid-concentric-circle", t.className),
     key: "circle-".concat(a),
     cx: r,
@@ -12328,23 +12328,23 @@ var GF = function(t, r, n, i) {
   }, Q(t, !1)), {}, {
     fill: "none"
   });
-  return /* @__PURE__ */ P.createElement("path", Or({}, i, {
+  return /* @__PURE__ */ $.createElement("path", Or({}, i, {
     className: se("recharts-polar-grid-concentric-polygon", t.className),
     key: "path-".concat(n),
     d: GF(r, t.cx, t.cy, t.polarAngles)
   }));
 }, ZF = function(t) {
   var r = t.polarRadius, n = t.gridType;
-  return !r || !r.length ? null : /* @__PURE__ */ P.createElement("g", {
+  return !r || !r.length ? null : /* @__PURE__ */ $.createElement("g", {
     className: "recharts-polar-grid-concentric"
   }, r.map(function(i, a) {
     var o = a;
-    return n === "circle" ? /* @__PURE__ */ P.createElement(XF, Or({
+    return n === "circle" ? /* @__PURE__ */ $.createElement(XF, Or({
       key: o
     }, t, {
       radius: i,
       index: a
-    })) : /* @__PURE__ */ P.createElement(QF, Or({
+    })) : /* @__PURE__ */ $.createElement(QF, Or({
       key: o
     }, t, {
       radius: i,
@@ -12353,16 +12353,16 @@ var GF = function(t, r, n, i) {
   }));
 }, Ux = function(t) {
   var r = t.cx, n = r === void 0 ? 0 : r, i = t.cy, a = i === void 0 ? 0 : i, o = t.innerRadius, s = o === void 0 ? 0 : o, l = t.outerRadius, c = l === void 0 ? 0 : l, u = t.gridType, f = u === void 0 ? "polygon" : u, d = t.radialLines, h = d === void 0 ? !0 : d, y = WF(t, qF);
-  return c <= 0 ? null : /* @__PURE__ */ P.createElement("g", {
+  return c <= 0 ? null : /* @__PURE__ */ $.createElement("g", {
     className: "recharts-polar-grid"
-  }, /* @__PURE__ */ P.createElement(YF, Or({
+  }, /* @__PURE__ */ $.createElement(YF, Or({
     cx: n,
     cy: a,
     innerRadius: s,
     outerRadius: c,
     gridType: f,
     radialLines: h
-  }, y)), /* @__PURE__ */ P.createElement(ZF, Or({
+  }, y)), /* @__PURE__ */ $.createElement(ZF, Or({
     cx: n,
     cy: a,
     innerRadius: s,
@@ -12578,7 +12578,7 @@ var Sn = /* @__PURE__ */ function(e) {
         x2: d.x,
         y2: d.y
       });
-      return /* @__PURE__ */ P.createElement("line", xa({
+      return /* @__PURE__ */ $.createElement("line", xa({
         className: "recharts-polar-radius-axis-line"
       }, h));
     }
@@ -12597,12 +12597,12 @@ var Sn = /* @__PURE__ */ function(e) {
         }, b), {}, {
           payload: m
         });
-        return /* @__PURE__ */ P.createElement(oe, xa({
+        return /* @__PURE__ */ $.createElement(oe, xa({
           className: se("recharts-polar-radius-axis-tick", Tx(o)),
           key: "tick-".concat(m.coordinate)
         }, er(n.props, m, p)), t.renderTickItem(o, O, l ? l(m.value, p) : m.value));
       });
-      return /* @__PURE__ */ P.createElement(oe, {
+      return /* @__PURE__ */ $.createElement(oe, {
         className: "recharts-polar-radius-axis-ticks"
       }, y);
     }
@@ -12610,7 +12610,7 @@ var Sn = /* @__PURE__ */ function(e) {
     key: "render",
     value: function() {
       var n = this.props, i = n.ticks, a = n.axisLine, o = n.tick;
-      return !i || !i.length ? null : /* @__PURE__ */ P.createElement(oe, {
+      return !i || !i.length ? null : /* @__PURE__ */ $.createElement(oe, {
         className: se("recharts-polar-radius-axis", this.props.className)
       }, a && this.renderAxisLine(), o && this.renderTicks(), Ye.renderCallByParent(this.props, this.getViewBox()));
     }
@@ -12618,7 +12618,7 @@ var Sn = /* @__PURE__ */ function(e) {
     key: "renderTickItem",
     value: function(n, i, a) {
       var o;
-      return /* @__PURE__ */ P.isValidElement(n) ? o = /* @__PURE__ */ P.cloneElement(n, i) : ee(n) ? o = n(i) : o = /* @__PURE__ */ P.createElement(mn, xa({}, i, {
+      return /* @__PURE__ */ $.isValidElement(n) ? o = /* @__PURE__ */ $.cloneElement(n, i) : ee(n) ? o = n(i) : o = /* @__PURE__ */ $.createElement(mn, xa({}, i, {
         className: "recharts-polar-radius-axis-tick-value"
       }), a), o;
     }
@@ -12792,7 +12792,7 @@ var E6 = Math.PI / 180, ev = 1e-5, _n = /* @__PURE__ */ function(e) {
         fill: "none"
       }, Q(s, !1));
       if (l === "circle")
-        return /* @__PURE__ */ P.createElement(Ki, tn({
+        return /* @__PURE__ */ $.createElement(Ki, tn({
           className: "recharts-polar-angle-axis-line"
         }, c, {
           cx: i,
@@ -12802,7 +12802,7 @@ var E6 = Math.PI / 180, ev = 1e-5, _n = /* @__PURE__ */ function(e) {
       var u = this.props.ticks, f = u.map(function(d) {
         return ye(i, a, o, d.coordinate);
       });
-      return /* @__PURE__ */ P.createElement(oh, tn({
+      return /* @__PURE__ */ $.createElement(oh, tn({
         className: "recharts-polar-angle-axis-line"
       }, c, {
         points: f
@@ -12825,14 +12825,14 @@ var E6 = Math.PI / 180, ev = 1e-5, _n = /* @__PURE__ */ function(e) {
           x: p.x2,
           y: p.y2
         });
-        return /* @__PURE__ */ P.createElement(oe, tn({
+        return /* @__PURE__ */ $.createElement(oe, tn({
           className: se("recharts-polar-angle-axis-tick", Tx(o)),
           key: "tick-".concat(y.coordinate)
-        }, er(n.props, y, m)), s && /* @__PURE__ */ P.createElement("line", tn({
+        }, er(n.props, y, m)), s && /* @__PURE__ */ $.createElement("line", tn({
           className: "recharts-polar-angle-axis-tick-line"
         }, d, p)), o && t.renderTickItem(o, O, l ? l(y.value, m) : y.value));
       });
-      return /* @__PURE__ */ P.createElement(oe, {
+      return /* @__PURE__ */ $.createElement(oe, {
         className: "recharts-polar-angle-axis-ticks"
       }, h);
     }
@@ -12840,7 +12840,7 @@ var E6 = Math.PI / 180, ev = 1e-5, _n = /* @__PURE__ */ function(e) {
     key: "render",
     value: function() {
       var n = this.props, i = n.ticks, a = n.radius, o = n.axisLine;
-      return a <= 0 || !i || !i.length ? null : /* @__PURE__ */ P.createElement(oe, {
+      return a <= 0 || !i || !i.length ? null : /* @__PURE__ */ $.createElement(oe, {
         className: se("recharts-polar-angle-axis", this.props.className)
       }, o && this.renderAxisLine(), this.renderTicks());
     }
@@ -12848,7 +12848,7 @@ var E6 = Math.PI / 180, ev = 1e-5, _n = /* @__PURE__ */ function(e) {
     key: "renderTickItem",
     value: function(n, i, a) {
       var o;
-      return /* @__PURE__ */ P.isValidElement(n) ? o = /* @__PURE__ */ P.cloneElement(n, i) : ee(n) ? o = n(i) : o = /* @__PURE__ */ P.createElement(mn, tn({}, i, {
+      return /* @__PURE__ */ $.isValidElement(n) ? o = /* @__PURE__ */ $.cloneElement(n, i) : ee(n) ? o = n(i) : o = /* @__PURE__ */ $.createElement(mn, tn({}, i, {
         className: "recharts-polar-angle-axis-tick-value"
       }), a), o;
     }
@@ -13012,7 +13012,7 @@ var iv = function(t, r, n, i, a) {
   if (l !== +l || c !== +c || u !== +u || f !== +f || d !== +d || u === 0 && f === 0 || d === 0)
     return null;
   var O = se("recharts-trapezoid", h);
-  return b ? /* @__PURE__ */ P.createElement(it, {
+  return b ? /* @__PURE__ */ $.createElement(it, {
     canBegin: o > 0,
     from: {
       upperWidth: 0,
@@ -13033,7 +13033,7 @@ var iv = function(t, r, n, i, a) {
     isActive: b
   }, function(x) {
     var A = x.upperWidth, g = x.lowerWidth, w = x.height, S = x.x, _ = x.y;
-    return /* @__PURE__ */ P.createElement(it, {
+    return /* @__PURE__ */ $.createElement(it, {
       canBegin: o > 0,
       from: "0px ".concat(o === -1 ? 1 : o, "px"),
       to: "".concat(o, "px 0px"),
@@ -13041,12 +13041,12 @@ var iv = function(t, r, n, i, a) {
       begin: p,
       duration: m,
       easing: y
-    }, /* @__PURE__ */ P.createElement("path", zs({}, Q(r, !0), {
+    }, /* @__PURE__ */ $.createElement("path", zs({}, Q(r, !0), {
       className: O,
       d: iv(S, _, A, g, w),
       ref: n
     })));
-  }) : /* @__PURE__ */ P.createElement("g", null, /* @__PURE__ */ P.createElement("path", zs({}, Q(r, !0), {
+  }) : /* @__PURE__ */ $.createElement("g", null, /* @__PURE__ */ $.createElement("path", zs({}, Q(r, !0), {
     className: O,
     d: iv(l, c, u, f, d)
   })));
@@ -13127,14 +13127,14 @@ function ov(e) {
   var t = e.shapeType, r = e.elementProps;
   switch (t) {
     case "rectangle":
-      return /* @__PURE__ */ P.createElement(Zl, r);
+      return /* @__PURE__ */ $.createElement(Zl, r);
     case "trapezoid":
-      return /* @__PURE__ */ P.createElement(r8, r);
+      return /* @__PURE__ */ $.createElement(r8, r);
     case "sector":
-      return /* @__PURE__ */ P.createElement(Ix, r);
+      return /* @__PURE__ */ $.createElement(Ix, r);
     case "symbols":
       if (u8(t))
-        return /* @__PURE__ */ P.createElement(Dl, r);
+        return /* @__PURE__ */ $.createElement(Dl, r);
       break;
     default:
       return null;
@@ -13151,18 +13151,18 @@ function io(e) {
     c = t(l);
   else if (F6(t) && !H6(t)) {
     var u = i(t, l);
-    c = /* @__PURE__ */ P.createElement(ov, {
+    c = /* @__PURE__ */ $.createElement(ov, {
       shapeType: r,
       elementProps: u
     });
   } else {
     var f = l;
-    c = /* @__PURE__ */ P.createElement(ov, {
+    c = /* @__PURE__ */ $.createElement(ov, {
       shapeType: r,
       elementProps: f
     });
   }
-  return s ? /* @__PURE__ */ P.createElement(oe, {
+  return s ? /* @__PURE__ */ $.createElement(oe, {
     className: o
   }, c) : c;
 }
@@ -13378,11 +13378,11 @@ var Tr = /* @__PURE__ */ function(e) {
           points: [ye(m.cx, m.cy, m.outerRadius, b), O]
         }), g = l;
         return ae(l) && ae(c) ? g = "value" : ae(l) && (g = c), // eslint-disable-next-line react/no-array-index-key
-        /* @__PURE__ */ P.createElement(oe, {
+        /* @__PURE__ */ $.createElement(oe, {
           key: "label-".concat(m.startAngle, "-").concat(m.endAngle, "-").concat(m.midAngle, "-").concat(p)
         }, s && t.renderLabelLineItem(s, A, "line"), t.renderLabelItem(o, x, _e(m, g)));
       });
-      return /* @__PURE__ */ P.createElement(oe, {
+      return /* @__PURE__ */ $.createElement(oe, {
         className: "recharts-pie-labels"
       }, y);
     }
@@ -13396,7 +13396,7 @@ var Tr = /* @__PURE__ */ function(e) {
           stroke: s ? c.fill : c.stroke,
           tabIndex: -1
         });
-        return /* @__PURE__ */ P.createElement(oe, Rn({
+        return /* @__PURE__ */ $.createElement(oe, Rn({
           ref: function(p) {
             p && !i.sectorRefs.includes(p) && i.sectorRefs.push(p);
           },
@@ -13405,7 +13405,7 @@ var Tr = /* @__PURE__ */ function(e) {
         }, er(i.props, c, u), {
           // eslint-disable-next-line react/no-array-index-key
           key: "sector-".concat(c == null ? void 0 : c.startAngle, "-").concat(c == null ? void 0 : c.endAngle, "-").concat(c.midAngle, "-").concat(u)
-        }), /* @__PURE__ */ P.createElement(io, Rn({
+        }), /* @__PURE__ */ $.createElement(io, Rn({
           option: h,
           isActive: f,
           shapeType: "sector"
@@ -13416,7 +13416,7 @@ var Tr = /* @__PURE__ */ function(e) {
     key: "renderSectorsWithAnimation",
     value: function() {
       var n = this, i = this.props, a = i.sectors, o = i.isAnimationActive, s = i.animationBegin, l = i.animationDuration, c = i.animationEasing, u = i.animationId, f = this.state, d = f.prevSectors, h = f.prevIsAnimationActive;
-      return /* @__PURE__ */ P.createElement(it, {
+      return /* @__PURE__ */ $.createElement(it, {
         begin: s,
         duration: l,
         isActive: o,
@@ -13441,13 +13441,13 @@ var Tr = /* @__PURE__ */ function(e) {
             });
             p.push(_), O = _.endAngle;
           } else {
-            var $ = x.endAngle, j = x.startAngle, T = Ae(0, $ - j), M = T(m), k = ke(ke({}, x), {}, {
+            var P = x.endAngle, j = x.startAngle, T = Ae(0, P - j), M = T(m), k = ke(ke({}, x), {}, {
               startAngle: O + w,
               endAngle: O + M + w
             });
             p.push(k), O = k.endAngle;
           }
-        }), /* @__PURE__ */ P.createElement(oe, null, n.renderSectorsStatically(p));
+        }), /* @__PURE__ */ $.createElement(oe, null, n.renderSectorsStatically(p));
       });
     }
   }, {
@@ -13498,7 +13498,7 @@ var Tr = /* @__PURE__ */ function(e) {
       if (a || !o || !o.length || !G(c) || !G(u) || !G(f) || !G(d))
         return null;
       var m = se("recharts-pie", s);
-      return /* @__PURE__ */ P.createElement(oe, {
+      return /* @__PURE__ */ $.createElement(oe, {
         tabIndex: this.props.rootTabIndex,
         className: m,
         ref: function(b) {
@@ -13533,12 +13533,12 @@ var Tr = /* @__PURE__ */ function(e) {
   }, {
     key: "renderLabelLineItem",
     value: function(n, i, a) {
-      if (/* @__PURE__ */ P.isValidElement(n))
-        return /* @__PURE__ */ P.cloneElement(n, i);
+      if (/* @__PURE__ */ $.isValidElement(n))
+        return /* @__PURE__ */ $.cloneElement(n, i);
       if (ee(n))
         return n(i);
       var o = se("recharts-pie-label-line", typeof n != "boolean" ? n.className : "");
-      return /* @__PURE__ */ P.createElement(Lr, Rn({}, i, {
+      return /* @__PURE__ */ $.createElement(Lr, Rn({}, i, {
         key: a,
         type: "linear",
         className: o
@@ -13547,13 +13547,13 @@ var Tr = /* @__PURE__ */ function(e) {
   }, {
     key: "renderLabelItem",
     value: function(n, i, a) {
-      if (/* @__PURE__ */ P.isValidElement(n))
-        return /* @__PURE__ */ P.cloneElement(n, i);
+      if (/* @__PURE__ */ $.isValidElement(n))
+        return /* @__PURE__ */ $.cloneElement(n, i);
       var o = a;
-      if (ee(n) && (o = n(i), /* @__PURE__ */ P.isValidElement(o)))
+      if (ee(n) && (o = n(i), /* @__PURE__ */ $.isValidElement(o)))
         return o;
       var s = se("recharts-pie-label-text", typeof n != "boolean" && !ee(n) ? n.className : "");
-      return /* @__PURE__ */ P.createElement(mn, Rn({}, i, {
+      return /* @__PURE__ */ $.createElement(mn, Rn({}, i, {
         alignmentBaseline: "middle",
         className: s
       }), o);
@@ -13618,15 +13618,15 @@ $t(Tr, "getComposedData", function(e) {
       the props "valueKey" will be deprecated in 1.1.0`), b = f);
   var O = i.filter(function(_) {
     return _e(_, b, 0) !== 0;
-  }).length, x = (p >= 360 ? O : O - 1) * l, A = p - O * h - x, g = i.reduce(function(_, $) {
-    var j = _e($, b, 0);
+  }).length, x = (p >= 360 ? O : O - 1) * l, A = p - O * h - x, g = i.reduce(function(_, P) {
+    var j = _e(P, b, 0);
     return _ + (G(j) ? j : 0);
   }, 0), w;
   if (g > 0) {
     var S;
-    w = i.map(function(_, $) {
-      var j = _e(_, b, 0), T = _e(_, u, $), M = (G(j) ? j : 0) / g, k;
-      $ ? k = S.endAngle + Xe(m) * l * (j !== 0 ? 1 : 0) : k = o;
+    w = i.map(function(_, P) {
+      var j = _e(_, b, 0), T = _e(_, u, P), M = (G(j) ? j : 0) / g, k;
+      P ? k = S.endAngle + Xe(m) * l * (j !== 0 ? 1 : 0) : k = o;
       var N = k + Xe(m) * ((j !== 0 ? h : 0) + M * A), C = (k + N) / 2, B = (y.innerRadius + y.outerRadius) / 2, R = [{
         name: T,
         value: j,
@@ -13833,7 +13833,7 @@ var wo = /* @__PURE__ */ function(e) {
         });
         return t.renderDotItem(a, d);
       });
-      return /* @__PURE__ */ P.createElement(oe, {
+      return /* @__PURE__ */ $.createElement(oe, {
         className: "recharts-radar-dots"
       }, c);
     }
@@ -13841,17 +13841,17 @@ var wo = /* @__PURE__ */ function(e) {
     key: "renderPolygonStatically",
     value: function(n) {
       var i = this.props, a = i.shape, o = i.dot, s = i.isRange, l = i.baseLinePoints, c = i.connectNulls, u;
-      return /* @__PURE__ */ P.isValidElement(a) ? u = /* @__PURE__ */ P.cloneElement(a, ot(ot({}, this.props), {}, {
+      return /* @__PURE__ */ $.isValidElement(a) ? u = /* @__PURE__ */ $.cloneElement(a, ot(ot({}, this.props), {}, {
         points: n
       })) : ee(a) ? u = a(ot(ot({}, this.props), {}, {
         points: n
-      })) : u = /* @__PURE__ */ P.createElement(oh, Us({}, Q(this.props, !0), {
+      })) : u = /* @__PURE__ */ $.createElement(oh, Us({}, Q(this.props, !0), {
         onMouseEnter: this.handleMouseEnter,
         onMouseLeave: this.handleMouseLeave,
         points: n,
         baseLinePoints: s ? l : null,
         connectNulls: c
-      })), /* @__PURE__ */ P.createElement(oe, {
+      })), /* @__PURE__ */ $.createElement(oe, {
         className: "recharts-radar-polygon"
       }, u, o ? this.renderDots(n) : null);
     }
@@ -13859,7 +13859,7 @@ var wo = /* @__PURE__ */ function(e) {
     key: "renderPolygonWithAnimation",
     value: function() {
       var n = this, i = this.props, a = i.points, o = i.isAnimationActive, s = i.animationBegin, l = i.animationDuration, c = i.animationEasing, u = i.animationId, f = this.state.prevPoints;
-      return /* @__PURE__ */ P.createElement(it, {
+      return /* @__PURE__ */ $.createElement(it, {
         begin: s,
         duration: l,
         isActive: o,
@@ -13905,7 +13905,7 @@ var wo = /* @__PURE__ */ function(e) {
       if (i || !o || !o.length)
         return null;
       var l = this.state.isAnimationFinished, c = se("recharts-radar", a);
-      return /* @__PURE__ */ P.createElement(oe, {
+      return /* @__PURE__ */ $.createElement(oe, {
         className: c
       }, this.renderPolygon(), (!s || l) && bt.renderCallByParent(this.props, o));
     }
@@ -13924,13 +13924,13 @@ var wo = /* @__PURE__ */ function(e) {
     key: "renderDotItem",
     value: function(n, i) {
       var a;
-      if (/* @__PURE__ */ P.isValidElement(n))
-        a = /* @__PURE__ */ P.cloneElement(n, i);
+      if (/* @__PURE__ */ $.isValidElement(n))
+        a = /* @__PURE__ */ $.cloneElement(n, i);
       else if (ee(n))
         a = n(i);
       else {
         var o = i.key, s = j8(i, N8);
-        a = /* @__PURE__ */ P.createElement(Ki, Us({}, s, {
+        a = /* @__PURE__ */ $.createElement(Ki, Us({}, s, {
           key: o,
           className: se("recharts-radar-dot", typeof n != "boolean" ? n.className : "")
         }));
@@ -14048,7 +14048,7 @@ function W8(e, t) {
   });
 }
 function hv(e) {
-  return /* @__PURE__ */ P.createElement(io, Of({
+  return /* @__PURE__ */ $.createElement(io, Of({
     shapeType: "sector",
     propTransformer: W8
   }, e));
@@ -14223,7 +14223,7 @@ var Oo = /* @__PURE__ */ function(e) {
           isActive: y,
           option: y ? s : o
         });
-        return /* @__PURE__ */ P.createElement(hv, Hs({}, m, {
+        return /* @__PURE__ */ $.createElement(hv, Hs({}, m, {
           key: "sector-".concat(h)
         }));
       });
@@ -14232,7 +14232,7 @@ var Oo = /* @__PURE__ */ function(e) {
     key: "renderSectorsWithAnimation",
     value: function() {
       var n = this, i = this.props, a = i.data, o = i.isAnimationActive, s = i.animationBegin, l = i.animationDuration, c = i.animationEasing, u = i.animationId, f = this.state.prevData;
-      return /* @__PURE__ */ P.createElement(it, {
+      return /* @__PURE__ */ $.createElement(it, {
         begin: s,
         duration: l,
         isActive: o,
@@ -14261,7 +14261,7 @@ var Oo = /* @__PURE__ */ function(e) {
             endAngle: w(h)
           });
         });
-        return /* @__PURE__ */ P.createElement(oe, null, n.renderSectorsStatically(y));
+        return /* @__PURE__ */ $.createElement(oe, null, n.renderSectorsStatically(y));
       });
     }
   }, {
@@ -14289,7 +14289,7 @@ var Oo = /* @__PURE__ */ function(e) {
           option: c,
           isActive: !1
         });
-        return /* @__PURE__ */ P.createElement(hv, Hs({}, f, {
+        return /* @__PURE__ */ $.createElement(hv, Hs({}, f, {
           key: "sector-".concat(l)
         }));
       });
@@ -14301,11 +14301,11 @@ var Oo = /* @__PURE__ */ function(e) {
       if (i || !a || !a.length)
         return null;
       var c = this.state.isAnimationFinished, u = se("recharts-area", o);
-      return /* @__PURE__ */ P.createElement(oe, {
+      return /* @__PURE__ */ $.createElement(oe, {
         className: u
-      }, s && /* @__PURE__ */ P.createElement(oe, {
+      }, s && /* @__PURE__ */ $.createElement(oe, {
         className: "recharts-radial-bar-background"
-      }, this.renderBackground(a)), /* @__PURE__ */ P.createElement(oe, {
+      }, this.renderBackground(a)), /* @__PURE__ */ $.createElement(oe, {
         className: "recharts-radial-bar-sectors"
       }, this.renderSectors()), (!l || c) && bt.renderCallByParent(Ke({}, this.props), a));
     }
@@ -14343,15 +14343,15 @@ dn(Oo, "getComposedData", function(e) {
     return null;
   var y = a.cx, m = a.cy, p = r.layout, b = t.props, O = b.children, x = b.minPointSize, A = p === "radial" ? a : n, g = c ? A.scale.domain() : null, w = _x({
     numericAxis: A
-  }), S = nt(O, zr), _ = s.map(function($, j) {
+  }), S = nt(O, zr), _ = s.map(function(P, j) {
     var T, M, k, N, C, B;
-    if (c ? T = Ax(c[d + j], g) : (T = _e($, l), Array.isArray(T) || (T = [w, T])), p === "radial") {
+    if (c ? T = Ax(c[d + j], g) : (T = _e(P, l), Array.isArray(T) || (T = [w, T])), p === "radial") {
       M = Ns({
         axis: n,
         ticks: i,
         bandSize: f,
         offset: h.offset,
-        entry: $,
+        entry: P,
         index: j
       }), C = a.scale(T[1]), N = a.scale(T[0]), k = M + h.size;
       var R = C - N;
@@ -14375,7 +14375,7 @@ dn(Oo, "getComposedData", function(e) {
         ticks: o,
         bandSize: f,
         offset: h.offset,
-        entry: $,
+        entry: P,
         index: j
       }), C = N + h.size;
       var z = k - M;
@@ -14384,8 +14384,8 @@ dn(Oo, "getComposedData", function(e) {
         k += I;
       }
     }
-    return Ke(Ke(Ke(Ke({}, $), B), {}, {
-      payload: $,
+    return Ke(Ke(Ke(Ke({}, P), B), {}, {
+      payload: P,
       value: c ? T : T[1],
       cx: y,
       cy: m,
@@ -14394,7 +14394,7 @@ dn(Oo, "getComposedData", function(e) {
       startAngle: N,
       endAngle: C
     }, S && S[j] && S[j].props), {}, {
-      tooltipPayload: [nh(t, $)],
+      tooltipPayload: [nh(t, P)],
       tooltipPosition: ye(y, m, (M + k) / 2, (N + C) / 2)
     });
   });
@@ -14742,7 +14742,7 @@ var _7 = function(t) {
     key: "renderBackground",
     value: function() {
       var n = this.props, i = n.x, a = n.y, o = n.width, s = n.height, l = n.fill, c = n.stroke;
-      return /* @__PURE__ */ P.createElement("rect", {
+      return /* @__PURE__ */ $.createElement("rect", {
         stroke: c,
         fill: l,
         x: i,
@@ -14755,7 +14755,7 @@ var _7 = function(t) {
     key: "renderPanorama",
     value: function() {
       var n = this.props, i = n.x, a = n.y, o = n.width, s = n.height, l = n.data, c = n.children, u = n.padding, f = cn.only(c);
-      return f ? /* @__PURE__ */ P.cloneElement(f, {
+      return f ? /* @__PURE__ */ $.cloneElement(f, {
         x: i,
         y: a,
         width: o,
@@ -14774,7 +14774,7 @@ var _7 = function(t) {
         width: u,
         height: f
       }), x = h || "Min value: ".concat((a = y[m]) === null || a === void 0 ? void 0 : a.name, ", Max value: ").concat((o = y[p]) === null || o === void 0 ? void 0 : o.name);
-      return /* @__PURE__ */ P.createElement(oe, {
+      return /* @__PURE__ */ $.createElement(oe, {
         tabIndex: 0,
         role: "slider",
         "aria-label": x,
@@ -14806,7 +14806,7 @@ var _7 = function(t) {
     key: "renderSlide",
     value: function(n, i) {
       var a = this.props, o = a.y, s = a.height, l = a.stroke, c = a.travellerWidth, u = Math.min(n, i) + c, f = Math.max(Math.abs(i - n) - c, 0);
-      return /* @__PURE__ */ P.createElement("rect", {
+      return /* @__PURE__ */ $.createElement("rect", {
         className: "recharts-brush-slide",
         onMouseEnter: this.handleEnterSlideOrTraveller,
         onMouseLeave: this.handleLeaveSlideOrTraveller,
@@ -14831,14 +14831,14 @@ var _7 = function(t) {
         pointerEvents: "none",
         fill: c
       };
-      return /* @__PURE__ */ P.createElement(oe, {
+      return /* @__PURE__ */ $.createElement(oe, {
         className: "recharts-brush-texts"
-      }, /* @__PURE__ */ P.createElement(mn, Ys({
+      }, /* @__PURE__ */ $.createElement(mn, Ys({
         textAnchor: "end",
         verticalAnchor: "middle",
         x: Math.min(f, d) - h,
         y: o + s / 2
-      }, y), this.getTextOfTick(i)), /* @__PURE__ */ P.createElement(mn, Ys({
+      }, y), this.getTextOfTick(i)), /* @__PURE__ */ $.createElement(mn, Ys({
         textAnchor: "start",
         verticalAnchor: "middle",
         x: Math.max(f, d) + l + h,
@@ -14851,8 +14851,8 @@ var _7 = function(t) {
       var n = this.props, i = n.data, a = n.className, o = n.children, s = n.x, l = n.y, c = n.width, u = n.height, f = n.alwaysShowText, d = this.state, h = d.startX, y = d.endX, m = d.isTextActive, p = d.isSlideMoving, b = d.isTravellerMoving, O = d.isTravellerFocused;
       if (!i || !i.length || !G(s) || !G(l) || !G(c) || !G(u) || c <= 0 || u <= 0)
         return null;
-      var x = se("recharts-brush", a), A = P.Children.count(o) === 1, g = v7("userSelect", "none");
-      return /* @__PURE__ */ P.createElement(oe, {
+      var x = se("recharts-brush", a), A = $.Children.count(o) === 1, g = v7("userSelect", "none");
+      return /* @__PURE__ */ $.createElement(oe, {
         className: x,
         onMouseLeave: this.handleLeaveWrapper,
         onTouchMove: this.handleTouchMove,
@@ -14863,21 +14863,21 @@ var _7 = function(t) {
     key: "renderDefaultTraveller",
     value: function(n) {
       var i = n.x, a = n.y, o = n.width, s = n.height, l = n.stroke, c = Math.floor(a + s / 2) - 1;
-      return /* @__PURE__ */ P.createElement(P.Fragment, null, /* @__PURE__ */ P.createElement("rect", {
+      return /* @__PURE__ */ $.createElement($.Fragment, null, /* @__PURE__ */ $.createElement("rect", {
         x: i,
         y: a,
         width: o,
         height: s,
         fill: l,
         stroke: "none"
-      }), /* @__PURE__ */ P.createElement("line", {
+      }), /* @__PURE__ */ $.createElement("line", {
         x1: i + 1,
         y1: c,
         x2: i + o - 1,
         y2: c,
         fill: "none",
         stroke: "#fff"
-      }), /* @__PURE__ */ P.createElement("line", {
+      }), /* @__PURE__ */ $.createElement("line", {
         x1: i + 1,
         y1: c + 2,
         x2: i + o - 1,
@@ -14890,7 +14890,7 @@ var _7 = function(t) {
     key: "renderTraveller",
     value: function(n, i) {
       var a;
-      return /* @__PURE__ */ P.isValidElement(n) ? a = /* @__PURE__ */ P.cloneElement(n, i) : ee(n) ? a = n(i) : a = t.renderDefaultTraveller(i), a;
+      return /* @__PURE__ */ $.isValidElement(n) ? a = /* @__PURE__ */ $.cloneElement(n, i) : ee(n) ? a = n(i) : a = t.renderDefaultTraveller(i), a;
     }
   }, {
     key: "getDerivedStateFromProps",
@@ -15105,7 +15105,7 @@ function lz(e, t) {
   });
 }
 function _v(e) {
-  return /* @__PURE__ */ P.createElement(io, _f({
+  return /* @__PURE__ */ $.createElement(io, _f({
     shapeType: "rectangle",
     propTransformer: lz,
     activeClassName: "recharts-active-bar"
@@ -15281,20 +15281,20 @@ var Pn = /* @__PURE__ */ function(e) {
           onAnimationStart: i.handleAnimationStart,
           onAnimationEnd: i.handleAnimationEnd
         });
-        return /* @__PURE__ */ P.createElement(oe, Qs({
+        return /* @__PURE__ */ $.createElement(oe, Qs({
           className: "recharts-bar-rectangle"
         }, er(i.props, f, d), {
           // https://github.com/recharts/recharts/issues/5415
           // eslint-disable-next-line react/no-array-index-key
           key: "rectangle-".concat(f == null ? void 0 : f.x, "-").concat(f == null ? void 0 : f.y, "-").concat(f == null ? void 0 : f.value, "-").concat(d)
-        }), /* @__PURE__ */ P.createElement(_v, m));
+        }), /* @__PURE__ */ $.createElement(_v, m));
       });
     }
   }, {
     key: "renderRectanglesWithAnimation",
     value: function() {
       var n = this, i = this.props, a = i.data, o = i.layout, s = i.isAnimationActive, l = i.animationBegin, c = i.animationDuration, u = i.animationEasing, f = i.animationId, d = this.state.prevData;
-      return /* @__PURE__ */ P.createElement(it, {
+      return /* @__PURE__ */ $.createElement(it, {
         begin: l,
         duration: c,
         isActive: s,
@@ -15327,12 +15327,12 @@ var Pn = /* @__PURE__ */ function(e) {
               height: _
             });
           }
-          var $ = Ae(0, p.width), j = $(y);
+          var P = Ae(0, p.width), j = P(y);
           return Le(Le({}, p), {}, {
             width: j
           });
         });
-        return /* @__PURE__ */ P.createElement(oe, null, n.renderRectanglesStatically(m));
+        return /* @__PURE__ */ $.createElement(oe, null, n.renderRectanglesStatically(m));
       });
     }
   }, {
@@ -15359,7 +15359,7 @@ var Pn = /* @__PURE__ */ function(e) {
           index: u,
           className: "recharts-bar-background-rectangle"
         });
-        return /* @__PURE__ */ P.createElement(_v, Qs({
+        return /* @__PURE__ */ $.createElement(_v, Qs({
           key: "background-bar-".concat(u),
           option: n.props.background,
           isActive: u === s
@@ -15385,8 +15385,8 @@ var Pn = /* @__PURE__ */ function(e) {
       }, y = {
         clipPath: n ? "url(#clipPath-".concat(i, ")") : null
       };
-      return /* @__PURE__ */ P.createElement(oe, y, f.map(function(m) {
-        return /* @__PURE__ */ P.cloneElement(m, {
+      return /* @__PURE__ */ $.createElement(oe, y, f.map(function(m) {
+        return /* @__PURE__ */ $.cloneElement(m, {
           key: "error-bar-".concat(i, "-").concat(m.props.dataKey),
           data: o,
           xAxis: s,
@@ -15404,16 +15404,16 @@ var Pn = /* @__PURE__ */ function(e) {
       if (i || !a || !a.length)
         return null;
       var p = this.state.isAnimationFinished, b = se("recharts-bar", o), O = s && s.allowDataOverflow, x = l && l.allowDataOverflow, A = O || x, g = ae(m) ? this.id : m;
-      return /* @__PURE__ */ P.createElement(oe, {
+      return /* @__PURE__ */ $.createElement(oe, {
         className: b
-      }, O || x ? /* @__PURE__ */ P.createElement("defs", null, /* @__PURE__ */ P.createElement("clipPath", {
+      }, O || x ? /* @__PURE__ */ $.createElement("defs", null, /* @__PURE__ */ $.createElement("clipPath", {
         id: "clipPath-".concat(g)
-      }, /* @__PURE__ */ P.createElement("rect", {
+      }, /* @__PURE__ */ $.createElement("rect", {
         x: O ? c : c - f / 2,
         y: x ? u : u - d / 2,
         width: O ? f : f * 2,
         height: x ? d : d * 2
-      }))) : null, /* @__PURE__ */ P.createElement(oe, {
+      }))) : null, /* @__PURE__ */ $.createElement(oe, {
         className: "recharts-bar-rectangles",
         clipPath: A ? "url(#clipPath-".concat(g, ")") : null
       }, y ? this.renderBackground() : null, this.renderRectangles()), this.renderErrorBar(A, g), (!h || p) && bt.renderCallByParent(this.props, a));
@@ -15453,9 +15453,9 @@ Cr(Pn, "getComposedData", function(e) {
     return null;
   var y = t.layout, m = r.type.defaultProps, p = m !== void 0 ? Le(Le({}, m), r.props) : r.props, b = p.dataKey, O = p.children, x = p.minPointSize, A = y === "horizontal" ? o : a, g = c ? A.scale.domain() : null, w = _x({
     numericAxis: A
-  }), S = nt(O, zr), _ = f.map(function($, j) {
+  }), S = nt(O, zr), _ = f.map(function(P, j) {
     var T, M, k, N, C, B;
-    c ? T = Ax(c[u + j], g) : (T = _e($, b), Array.isArray(T) || (T = [w, T]));
+    c ? T = Ax(c[u + j], g) : (T = _e(P, b), Array.isArray(T) || (T = [w, T]));
     var R = cz(x, lw.defaultProps.minPointSize)(T[1], j);
     if (y === "horizontal") {
       var D, z = [o.scale(T[0]), o.scale(T[1])], I = z[0], F = z[1];
@@ -15464,7 +15464,7 @@ Cr(Pn, "getComposedData", function(e) {
         ticks: s,
         bandSize: i,
         offset: h.offset,
-        entry: $,
+        entry: P,
         index: j
       }), k = (D = F ?? I) !== null && D !== void 0 ? D : void 0, N = h.size;
       var q = I - F;
@@ -15484,7 +15484,7 @@ Cr(Pn, "getComposedData", function(e) {
         ticks: l,
         bandSize: i,
         offset: h.offset,
-        entry: $,
+        entry: P,
         index: j
       }), N = ie - te, C = h.size, B = {
         x: a.x,
@@ -15496,16 +15496,16 @@ Cr(Pn, "getComposedData", function(e) {
         N += ce;
       }
     }
-    return Le(Le(Le({}, $), {}, {
+    return Le(Le(Le({}, P), {}, {
       x: M,
       y: k,
       width: N,
       height: C,
       value: c ? T : T[1],
-      payload: $,
+      payload: P,
       background: B
     }, S && S[j] && S[j].props), {}, {
-      tooltipPayload: [nh(r, $)],
+      tooltipPayload: [nh(r, P)],
       tooltipPosition: {
         x: M + N / 2,
         y: k + C / 2
@@ -15588,7 +15588,7 @@ var ic = function(t, r, n, i, a) {
     bottomMirror: s - n.bottom
   }, d = !!tt(c, Pn);
   return u.reduce(function(h, y) {
-    var m = r[y], p = m.orientation, b = m.domain, O = m.padding, x = O === void 0 ? {} : O, A = m.mirror, g = m.reversed, w = "".concat(p).concat(A ? "Mirror" : ""), S, _, $, j, T;
+    var m = r[y], p = m.orientation, b = m.domain, O = m.padding, x = O === void 0 ? {} : O, A = m.mirror, g = m.reversed, w = "".concat(p).concat(A ? "Mirror" : ""), S, _, P, j, T;
     if (m.type === "number" && (m.padding === "gap" || m.padding === "no-gap")) {
       var M = b[1] - b[0], k = 1 / 0, N = m.categoricalDomain.sort(hP);
       if (N.forEach(function(Y, te) {
@@ -15607,10 +15607,10 @@ var ic = function(t, r, n, i, a) {
     var q = Sx(I, Mt(Mt({}, m), {}, {
       realScaleType: F
     }));
-    i === "xAxis" ? (T = p === "top" && !A || p === "bottom" && A, $ = n.left, j = f[w] - T * m.height) : i === "yAxis" && (T = p === "left" && !A || p === "right" && A, $ = f[w] - T * m.width, j = n.top);
+    i === "xAxis" ? (T = p === "top" && !A || p === "bottom" && A, P = n.left, j = f[w] - T * m.height) : i === "yAxis" && (T = p === "left" && !A || p === "right" && A, P = f[w] - T * m.width, j = n.top);
     var K = Mt(Mt(Mt({}, m), q), {}, {
       realScaleType: F,
-      x: $,
+      x: P,
       y: j,
       scale: I,
       width: i === "xAxis" ? n.width : m.width,
@@ -15781,19 +15781,19 @@ function Js(e) {
 }
 var uh = /* @__PURE__ */ Br(void 0), fh = /* @__PURE__ */ Br(void 0), pw = /* @__PURE__ */ Br(void 0), mw = /* @__PURE__ */ Br({}), yw = /* @__PURE__ */ Br(void 0), vw = /* @__PURE__ */ Br(0), gw = /* @__PURE__ */ Br(0), Nv = function(t) {
   var r = t.state, n = r.xAxisMap, i = r.yAxisMap, a = r.offset, o = t.clipPathId, s = t.children, l = t.width, c = t.height, u = Vz(a);
-  return /* @__PURE__ */ P.createElement(uh.Provider, {
+  return /* @__PURE__ */ $.createElement(uh.Provider, {
     value: n
-  }, /* @__PURE__ */ P.createElement(fh.Provider, {
+  }, /* @__PURE__ */ $.createElement(fh.Provider, {
     value: i
-  }, /* @__PURE__ */ P.createElement(mw.Provider, {
+  }, /* @__PURE__ */ $.createElement(mw.Provider, {
     value: a
-  }, /* @__PURE__ */ P.createElement(pw.Provider, {
+  }, /* @__PURE__ */ $.createElement(pw.Provider, {
     value: u
-  }, /* @__PURE__ */ P.createElement(yw.Provider, {
+  }, /* @__PURE__ */ $.createElement(yw.Provider, {
     value: o
-  }, /* @__PURE__ */ P.createElement(vw.Provider, {
+  }, /* @__PURE__ */ $.createElement(vw.Provider, {
     value: c
-  }, /* @__PURE__ */ P.createElement(gw.Provider, {
+  }, /* @__PURE__ */ $.createElement(gw.Provider, {
     value: l
   }, s)))))));
 }, Hz = function() {
@@ -15983,7 +15983,7 @@ function Ef() {
 }
 var u9 = function(t, r) {
   var n;
-  return /* @__PURE__ */ P.isValidElement(t) ? n = /* @__PURE__ */ P.cloneElement(t, r) : ee(t) ? n = t(r) : n = /* @__PURE__ */ P.createElement("line", Ef({}, r, {
+  return /* @__PURE__ */ $.isValidElement(t) ? n = /* @__PURE__ */ $.cloneElement(t, r) : ee(t) ? n = t(r) : n = /* @__PURE__ */ $.createElement("line", Ef({}, r, {
     className: "recharts-reference-line-line"
   })), n;
 }, f9 = function(t, r, n, i, a, o, s, l, c) {
@@ -16041,15 +16041,15 @@ function d9(e) {
   }), y = Ue(t), m = Ue(r), p = n && n.length === 2, b = f9(h, y, m, p, d, e.position, u.orientation, f.orientation, e);
   if (!b)
     return null;
-  var O = a9(b, 2), x = O[0], A = x.x, g = x.y, w = O[1], S = w.x, _ = w.y, $ = Jt(e, "hidden") ? "url(#".concat(c, ")") : void 0, j = kv(kv({
-    clipPath: $
+  var O = a9(b, 2), x = O[0], A = x.x, g = x.y, w = O[1], S = w.x, _ = w.y, P = Jt(e, "hidden") ? "url(#".concat(c, ")") : void 0, j = kv(kv({
+    clipPath: P
   }, Q(e, !0)), {}, {
     x1: A,
     y1: g,
     x2: S,
     y2: _
   });
-  return /* @__PURE__ */ P.createElement(oe, {
+  return /* @__PURE__ */ $.createElement(oe, {
     className: se("recharts-reference-line", s)
   }, u9(o, j), Ye.renderCallByParent(e, Az({
     x1: A,
@@ -16065,10 +16065,10 @@ var mh = /* @__PURE__ */ function(e) {
   return n9(t, e), Jz(t, [{
     key: "render",
     value: function() {
-      return /* @__PURE__ */ P.createElement(d9, this.props);
+      return /* @__PURE__ */ $.createElement(d9, this.props);
     }
   }]);
-}(P.Component);
+}($.Component);
 ph(mh, "displayName", "ReferenceLine");
 ph(mh, "defaultProps", {
   isFront: !1,
@@ -16220,7 +16220,7 @@ var w9 = function(t) {
         cx: d,
         cy: h
       });
-      return /* @__PURE__ */ P.createElement(oe, {
+      return /* @__PURE__ */ $.createElement(oe, {
         className: se("recharts-reference-dot", p)
       }, t.renderDot(m, O), Ye.renderCallByParent(this.props, {
         x: d - o,
@@ -16230,7 +16230,7 @@ var w9 = function(t) {
       }));
     }
   }]);
-}(P.Component);
+}($.Component);
 ac(oc, "displayName", "ReferenceDot");
 ac(oc, "defaultProps", {
   isFront: !1,
@@ -16245,7 +16245,7 @@ ac(oc, "defaultProps", {
 });
 ac(oc, "renderDot", function(e, t) {
   var r;
-  return /* @__PURE__ */ P.isValidElement(e) ? r = /* @__PURE__ */ P.cloneElement(e, t) : ee(e) ? r = e(t) : r = /* @__PURE__ */ P.createElement(Ki, Tf({}, t, {
+  return /* @__PURE__ */ $.isValidElement(e) ? r = /* @__PURE__ */ $.cloneElement(e, t) : ee(e) ? r = e(t) : r = /* @__PURE__ */ $.createElement(Ki, Tf({}, t, {
     cx: t.cx,
     cy: t.cy,
     className: "recharts-reference-dot-dot"
@@ -16398,14 +16398,14 @@ var N9 = function(t, r, n, i, a) {
       if (!p && !m)
         return null;
       var b = Jt(this.props, "hidden") ? "url(#".concat(u, ")") : void 0;
-      return /* @__PURE__ */ P.createElement(oe, {
+      return /* @__PURE__ */ $.createElement(oe, {
         className: se("recharts-reference-area", l)
       }, t.renderRect(m, Rv(Rv({
         clipPath: b
       }, Q(this.props, !0)), p)), Ye.renderCallByParent(this.props, p));
     }
   }]);
-}(P.Component);
+}($.Component);
 sc(lc, "displayName", "ReferenceArea");
 sc(lc, "defaultProps", {
   isFront: !1,
@@ -16420,7 +16420,7 @@ sc(lc, "defaultProps", {
 });
 sc(lc, "renderRect", function(e, t) {
   var r;
-  return /* @__PURE__ */ P.isValidElement(e) ? r = /* @__PURE__ */ P.cloneElement(e, t) : ee(e) ? r = e(t) : r = /* @__PURE__ */ P.createElement(Zl, jf({}, t, {
+  return /* @__PURE__ */ $.isValidElement(e) ? r = /* @__PURE__ */ $.cloneElement(e, t) : ee(e) ? r = e(t) : r = /* @__PURE__ */ $.createElement(Zl, jf({}, t, {
     className: "recharts-reference-area-rect"
   })), r;
 });
@@ -16854,7 +16854,7 @@ var Gi = /* @__PURE__ */ function(e) {
           y2: a + s
         });
       }
-      return /* @__PURE__ */ P.createElement("line", Ln({}, f, {
+      return /* @__PURE__ */ $.createElement("line", Ln({}, f, {
         className: se("recharts-cartesian-axis-line", ht(u, "className"))
       }));
     }
@@ -16874,7 +16874,7 @@ var Gi = /* @__PURE__ */ function(e) {
         }), i, a), y = this.getTickTextAnchor(), m = this.getTickVerticalAnchor(), p = Q(this.props, !1), b = Q(u, !1), O = ze(ze({}, p), {}, {
           fill: "none"
         }, Q(l, !1)), x = h.map(function(A, g) {
-          var w = o.getTickLineCoord(A), S = w.line, _ = w.tick, $ = ze(ze(ze(ze({
+          var w = o.getTickLineCoord(A), S = w.line, _ = w.tick, P = ze(ze(ze(ze({
             textAnchor: y,
             verticalAnchor: m
           }, p), {}, {
@@ -16886,14 +16886,14 @@ var Gi = /* @__PURE__ */ function(e) {
             visibleTicksCount: h.length,
             tickFormatter: f
           });
-          return /* @__PURE__ */ P.createElement(oe, Ln({
+          return /* @__PURE__ */ $.createElement(oe, Ln({
             className: "recharts-cartesian-axis-tick",
             key: "tick-".concat(A.value, "-").concat(A.coordinate, "-").concat(A.tickCoord)
-          }, er(o.props, A, g)), l && /* @__PURE__ */ P.createElement("line", Ln({}, O, S, {
+          }, er(o.props, A, g)), l && /* @__PURE__ */ $.createElement("line", Ln({}, O, S, {
             className: se("recharts-cartesian-axis-tick-line", ht(l, "className"))
-          })), u && t.renderTickItem(u, $, "".concat(ee(f) ? f(A.value, g) : A.value).concat(d || "")));
+          })), u && t.renderTickItem(u, P, "".concat(ee(f) ? f(A.value, g) : A.value).concat(d || "")));
         });
-        return /* @__PURE__ */ P.createElement("g", {
+        return /* @__PURE__ */ $.createElement("g", {
           className: "recharts-cartesian-axis-ticks"
         }, x);
       }
@@ -16905,7 +16905,7 @@ var Gi = /* @__PURE__ */ function(e) {
       if (u)
         return null;
       var f = this.props, d = f.ticks, h = Yc(f, q9), y = d;
-      return ee(l) && (y = d && d.length > 0 ? l(this.props) : l(h)), o <= 0 || s <= 0 || !y || !y.length ? null : /* @__PURE__ */ P.createElement(oe, {
+      return ee(l) && (y = d && d.length > 0 ? l(this.props) : l(h)), o <= 0 || s <= 0 || !y || !y.length ? null : /* @__PURE__ */ $.createElement(oe, {
         className: se("recharts-cartesian-axis", c),
         ref: function(p) {
           n.layerReference = p;
@@ -16916,11 +16916,11 @@ var Gi = /* @__PURE__ */ function(e) {
     key: "renderTickItem",
     value: function(n, i, a) {
       var o, s = se(i.className, "recharts-cartesian-axis-tick-value");
-      return /* @__PURE__ */ P.isValidElement(n) ? o = /* @__PURE__ */ P.cloneElement(n, ze(ze({}, i), {}, {
+      return /* @__PURE__ */ $.isValidElement(n) ? o = /* @__PURE__ */ $.cloneElement(n, ze(ze({}, i), {}, {
         className: s
       })) : ee(n) ? o = n(ze(ze({}, i), {}, {
         className: s
-      })) : o = /* @__PURE__ */ P.createElement(mn, Ln({}, i, {
+      })) : o = /* @__PURE__ */ $.createElement(mn, Ln({}, i, {
         className: "recharts-cartesian-axis-tick-value"
       }), a), o;
     }
@@ -17035,7 +17035,7 @@ var nq = function(t) {
   if (!r || r === "none")
     return null;
   var n = t.fillOpacity, i = t.x, a = t.y, o = t.width, s = t.height, l = t.ry;
-  return /* @__PURE__ */ P.createElement("rect", {
+  return /* @__PURE__ */ $.createElement("rect", {
     x: i,
     y: a,
     ry: l,
@@ -17049,15 +17049,15 @@ var nq = function(t) {
 };
 function jw(e, t) {
   var r;
-  if (/* @__PURE__ */ P.isValidElement(e))
-    r = /* @__PURE__ */ P.cloneElement(e, t);
+  if (/* @__PURE__ */ $.isValidElement(e))
+    r = /* @__PURE__ */ $.cloneElement(e, t);
   else if (ee(e))
     r = e(t);
   else {
     var n = t.x1, i = t.y1, a = t.x2, o = t.y2, s = t.key, l = qv(t, Q9), c = Q(l, !1);
     c.offset;
     var u = qv(c, Z9);
-    r = /* @__PURE__ */ P.createElement("line", on({}, u, {
+    r = /* @__PURE__ */ $.createElement("line", on({}, u, {
       x1: n,
       y1: i,
       x2: a,
@@ -17083,7 +17083,7 @@ function iq(e) {
     });
     return jw(i, c);
   });
-  return /* @__PURE__ */ P.createElement("g", {
+  return /* @__PURE__ */ $.createElement("g", {
     className: "recharts-cartesian-grid-horizontal"
   }, o);
 }
@@ -17102,7 +17102,7 @@ function aq(e) {
     });
     return jw(i, c);
   });
-  return /* @__PURE__ */ P.createElement("g", {
+  return /* @__PURE__ */ $.createElement("g", {
     className: "recharts-cartesian-grid-vertical"
   }, o);
 }
@@ -17121,7 +17121,7 @@ function oq(e) {
     if (m <= 0)
       return null;
     var p = h % t.length;
-    return /* @__PURE__ */ P.createElement("rect", {
+    return /* @__PURE__ */ $.createElement("rect", {
       key: "react-".concat(h),
       y: d,
       x: n,
@@ -17133,7 +17133,7 @@ function oq(e) {
       className: "recharts-cartesian-grid-bg"
     });
   });
-  return /* @__PURE__ */ P.createElement("g", {
+  return /* @__PURE__ */ $.createElement("g", {
     className: "recharts-cartesian-gridstripes-horizontal"
   }, f);
 }
@@ -17152,7 +17152,7 @@ function sq(e) {
     if (m <= 0)
       return null;
     var p = h % n.length;
-    return /* @__PURE__ */ P.createElement("rect", {
+    return /* @__PURE__ */ $.createElement("rect", {
       key: "react-".concat(h),
       x: d,
       y: o,
@@ -17164,7 +17164,7 @@ function sq(e) {
       className: "recharts-cartesian-grid-bg"
     });
   });
-  return /* @__PURE__ */ P.createElement("g", {
+  return /* @__PURE__ */ $.createElement("g", {
     className: "recharts-cartesian-gridstripes-vertical"
   }, f);
 }
@@ -17216,7 +17216,7 @@ function Ao(e) {
     return null;
   var A = u.verticalCoordinatesGenerator || lq, g = u.horizontalCoordinatesGenerator || cq, w = u.horizontalPoints, S = u.verticalPoints;
   if ((!w || !w.length) && ee(g)) {
-    var _ = p && p.length, $ = g({
+    var _ = p && p.length, P = g({
       yAxis: x ? rt(rt({}, x), {}, {
         ticks: _ ? p : x.ticks
       }) : void 0,
@@ -17224,7 +17224,7 @@ function Ao(e) {
       height: l,
       offset: c
     }, _ ? !0 : m);
-    Bt(Array.isArray($), "horizontalCoordinatesGenerator should return Array but instead it returned [".concat(gn($), "]")), Array.isArray($) && (w = $);
+    Bt(Array.isArray(P), "horizontalCoordinatesGenerator should return Array but instead it returned [".concat(gn(P), "]")), Array.isArray(P) && (w = P);
   }
   if ((!S || !S.length) && ee(A)) {
     var j = b && b.length, T = A({
@@ -17237,9 +17237,9 @@ function Ao(e) {
     }, j ? !0 : m);
     Bt(Array.isArray(T), "verticalCoordinatesGenerator should return Array but instead it returned [".concat(gn(T), "]")), Array.isArray(T) && (S = T);
   }
-  return /* @__PURE__ */ P.createElement("g", {
+  return /* @__PURE__ */ $.createElement("g", {
     className: "recharts-cartesian-grid"
-  }, /* @__PURE__ */ P.createElement(nq, {
+  }, /* @__PURE__ */ $.createElement(nq, {
     fill: u.fill,
     fillOpacity: u.fillOpacity,
     x: u.x,
@@ -17247,19 +17247,19 @@ function Ao(e) {
     width: u.width,
     height: u.height,
     ry: u.ry
-  }), /* @__PURE__ */ P.createElement(iq, on({}, u, {
+  }), /* @__PURE__ */ $.createElement(iq, on({}, u, {
     offset: c,
     horizontalPoints: w,
     xAxis: O,
     yAxis: x
-  })), /* @__PURE__ */ P.createElement(aq, on({}, u, {
+  })), /* @__PURE__ */ $.createElement(aq, on({}, u, {
     offset: c,
     verticalPoints: S,
     xAxis: O,
     yAxis: x
-  })), /* @__PURE__ */ P.createElement(oq, on({}, u, {
+  })), /* @__PURE__ */ $.createElement(oq, on({}, u, {
     horizontalPoints: w
-  })), /* @__PURE__ */ P.createElement(sq, on({}, u, {
+  })), /* @__PURE__ */ $.createElement(sq, on({}, u, {
     verticalPoints: S
   })));
 }
@@ -17506,8 +17506,8 @@ var So = /* @__PURE__ */ function(e) {
       }, h = {
         clipPath: n ? "url(#clipPath-".concat(i, ")") : null
       };
-      return /* @__PURE__ */ P.createElement(oe, h, f.map(function(y) {
-        return /* @__PURE__ */ P.cloneElement(y, {
+      return /* @__PURE__ */ $.createElement(oe, h, f.map(function(y) {
+        return /* @__PURE__ */ $.cloneElement(y, {
           key: "bar-".concat(y.props.dataKey),
           data: o,
           xAxis: s,
@@ -17540,7 +17540,7 @@ var So = /* @__PURE__ */ function(e) {
       }), y = {
         clipPath: n ? "url(#clipPath-".concat(i ? "" : "dots-").concat(a, ")") : null
       };
-      return /* @__PURE__ */ P.createElement(oe, wa({
+      return /* @__PURE__ */ $.createElement(oe, wa({
         className: "recharts-line-dots",
         key: "dots"
       }, y), h);
@@ -17560,7 +17560,7 @@ var So = /* @__PURE__ */ function(e) {
         layout: c,
         connectNulls: u
       });
-      return /* @__PURE__ */ P.createElement(Lr, wa({}, d, {
+      return /* @__PURE__ */ $.createElement(Lr, wa({}, d, {
         pathRef: this.pathRef
       }));
     }
@@ -17568,7 +17568,7 @@ var So = /* @__PURE__ */ function(e) {
     key: "renderCurveWithAnimation",
     value: function(n, i) {
       var a = this, o = this.props, s = o.points, l = o.strokeDasharray, c = o.isAnimationActive, u = o.animationBegin, f = o.animationDuration, d = o.animationEasing, h = o.animationId, y = o.animateNewValues, m = o.width, p = o.height, b = this.state, O = b.prevPoints, x = b.totalLength;
-      return /* @__PURE__ */ P.createElement(it, {
+      return /* @__PURE__ */ $.createElement(it, {
         begin: u,
         duration: f,
         isActive: c,
@@ -17608,14 +17608,14 @@ var So = /* @__PURE__ */ function(e) {
           });
           return a.renderCurveStatically(S, n, i);
         }
-        var _ = Ae(0, x), $ = _(g), j;
+        var _ = Ae(0, x), P = _(g), j;
         if (l) {
           var T = "".concat(l).split(/[,\s]+/gim).map(function(M) {
             return parseFloat(M);
           });
-          j = a.getStrokeDasharray($, x, T);
+          j = a.getStrokeDasharray(P, x, T);
         } else
-          j = a.generateSimpleStrokeDasharray(x, $);
+          j = a.generateSimpleStrokeDasharray(x, P);
         return a.renderCurveStatically(s, n, i, {
           strokeDasharray: j
         });
@@ -17636,19 +17636,19 @@ var So = /* @__PURE__ */ function(e) {
       var b = this.state.isAnimationFinished, O = s.length === 1, x = se("recharts-line", l), A = c && c.allowDataOverflow, g = u && u.allowDataOverflow, w = A || g, S = ae(p) ? this.id : p, _ = (n = Q(o, !1)) !== null && n !== void 0 ? n : {
         r: 3,
         strokeWidth: 2
-      }, $ = _.r, j = $ === void 0 ? 3 : $, T = _.strokeWidth, M = T === void 0 ? 2 : T, k = ab(o) ? o : {}, N = k.clipDot, C = N === void 0 ? !0 : N, B = j * 2 + M;
-      return /* @__PURE__ */ P.createElement(oe, {
+      }, P = _.r, j = P === void 0 ? 3 : P, T = _.strokeWidth, M = T === void 0 ? 2 : T, k = ab(o) ? o : {}, N = k.clipDot, C = N === void 0 ? !0 : N, B = j * 2 + M;
+      return /* @__PURE__ */ $.createElement(oe, {
         className: x
-      }, A || g ? /* @__PURE__ */ P.createElement("defs", null, /* @__PURE__ */ P.createElement("clipPath", {
+      }, A || g ? /* @__PURE__ */ $.createElement("defs", null, /* @__PURE__ */ $.createElement("clipPath", {
         id: "clipPath-".concat(S)
-      }, /* @__PURE__ */ P.createElement("rect", {
+      }, /* @__PURE__ */ $.createElement("rect", {
         x: A ? d : d - h / 2,
         y: g ? f : f - y / 2,
         width: A ? h : h * 2,
         height: g ? y : y * 2
-      })), !C && /* @__PURE__ */ P.createElement("clipPath", {
+      })), !C && /* @__PURE__ */ $.createElement("clipPath", {
         id: "clipPath-dots-".concat(S)
-      }, /* @__PURE__ */ P.createElement("rect", {
+      }, /* @__PURE__ */ $.createElement("rect", {
         x: d - B / 2,
         y: f - B / 2,
         width: h + B,
@@ -17677,13 +17677,13 @@ var So = /* @__PURE__ */ function(e) {
     key: "renderDotItem",
     value: function(n, i) {
       var a;
-      if (/* @__PURE__ */ P.isValidElement(n))
-        a = /* @__PURE__ */ P.cloneElement(n, i);
+      if (/* @__PURE__ */ $.isValidElement(n))
+        a = /* @__PURE__ */ $.cloneElement(n, i);
       else if (ee(n))
         a = n(i);
       else {
         var o = i.key, s = Wv(i, fq), l = se("recharts-line-dot", typeof n != "boolean" ? n.className : "");
-        a = /* @__PURE__ */ P.createElement(Ki, wa({
+        a = /* @__PURE__ */ $.createElement(Ki, wa({
           key: o
         }, s, {
           className: l
@@ -17918,7 +17918,7 @@ var Vr = /* @__PURE__ */ function(e) {
       }), m = {
         clipPath: n ? "url(#clipPath-".concat(i ? "" : "dots-").concat(a, ")") : null
       };
-      return /* @__PURE__ */ P.createElement(oe, sn({
+      return /* @__PURE__ */ $.createElement(oe, sn({
         className: "recharts-area-dots"
       }, m), y);
     }
@@ -17930,7 +17930,7 @@ var Vr = /* @__PURE__ */ function(e) {
       }));
       return G(a) && typeof a == "number" ? f = Math.max(a, f) : a && Array.isArray(a) && a.length && (f = Math.max(Ir(a.map(function(d) {
         return d.y || 0;
-      })), f)), G(f) ? /* @__PURE__ */ P.createElement("rect", {
+      })), f)), G(f) ? /* @__PURE__ */ $.createElement("rect", {
         x: l < c ? l : l - u,
         y: 0,
         width: u,
@@ -17945,7 +17945,7 @@ var Vr = /* @__PURE__ */ function(e) {
       }));
       return G(a) && typeof a == "number" ? f = Math.max(a, f) : a && Array.isArray(a) && a.length && (f = Math.max(Ir(a.map(function(d) {
         return d.x || 0;
-      })), f)), G(f) ? /* @__PURE__ */ P.createElement("rect", {
+      })), f)), G(f) ? /* @__PURE__ */ $.createElement("rect", {
         x: 0,
         y: l < c ? l : l - u,
         width: f + (s ? parseInt("".concat(s), 10) : 1),
@@ -17964,9 +17964,9 @@ var Vr = /* @__PURE__ */ function(e) {
       var s = this.props, l = s.layout, c = s.type, u = s.stroke, f = s.connectNulls, d = s.isRange;
       s.ref;
       var h = Cw(s, Sq);
-      return /* @__PURE__ */ P.createElement(oe, {
+      return /* @__PURE__ */ $.createElement(oe, {
         clipPath: a ? "url(#clipPath-".concat(o, ")") : null
-      }, /* @__PURE__ */ P.createElement(Lr, sn({}, Q(h, !0), {
+      }, /* @__PURE__ */ $.createElement(Lr, sn({}, Q(h, !0), {
         points: n,
         connectNulls: f,
         type: c,
@@ -17974,14 +17974,14 @@ var Vr = /* @__PURE__ */ function(e) {
         layout: l,
         stroke: "none",
         className: "recharts-area-area"
-      })), u !== "none" && /* @__PURE__ */ P.createElement(Lr, sn({}, Q(this.props, !1), {
+      })), u !== "none" && /* @__PURE__ */ $.createElement(Lr, sn({}, Q(this.props, !1), {
         className: "recharts-area-curve",
         layout: l,
         type: c,
         connectNulls: f,
         fill: "none",
         points: n
-      })), u !== "none" && d && /* @__PURE__ */ P.createElement(Lr, sn({}, Q(this.props, !1), {
+      })), u !== "none" && d && /* @__PURE__ */ $.createElement(Lr, sn({}, Q(this.props, !1), {
         className: "recharts-area-curve",
         layout: l,
         type: c,
@@ -17994,7 +17994,7 @@ var Vr = /* @__PURE__ */ function(e) {
     key: "renderAreaWithAnimation",
     value: function(n, i) {
       var a = this, o = this.props, s = o.points, l = o.baseLine, c = o.isAnimationActive, u = o.animationBegin, f = o.animationDuration, d = o.animationEasing, h = o.animationId, y = this.state, m = y.prevPoints, p = y.prevBaseLine;
-      return /* @__PURE__ */ P.createElement(it, {
+      return /* @__PURE__ */ $.createElement(it, {
         begin: u,
         duration: f,
         isActive: c,
@@ -18011,8 +18011,8 @@ var Vr = /* @__PURE__ */ function(e) {
       }, function(b) {
         var O = b.t;
         if (m) {
-          var x = m.length / s.length, A = s.map(function(_, $) {
-            var j = Math.floor($ * x);
+          var x = m.length / s.length, A = s.map(function(_, P) {
+            var j = Math.floor(P * x);
             if (m[j]) {
               var T = m[j], M = Ae(T.x, _.x), k = Ae(T.y, _.y);
               return jr(jr({}, _), {}, {
@@ -18029,8 +18029,8 @@ var Vr = /* @__PURE__ */ function(e) {
             var S = Ae(p, 0);
             g = S(O);
           } else
-            g = l.map(function(_, $) {
-              var j = Math.floor($ * x);
+            g = l.map(function(_, P) {
+              var j = Math.floor(P * x);
               if (p[j]) {
                 var T = p[j], M = Ae(T.x, _.x), k = Ae(T.y, _.y);
                 return jr(jr({}, _), {}, {
@@ -18042,9 +18042,9 @@ var Vr = /* @__PURE__ */ function(e) {
             });
           return a.renderAreaStatically(A, g, n, i);
         }
-        return /* @__PURE__ */ P.createElement(oe, null, /* @__PURE__ */ P.createElement("defs", null, /* @__PURE__ */ P.createElement("clipPath", {
+        return /* @__PURE__ */ $.createElement(oe, null, /* @__PURE__ */ $.createElement("defs", null, /* @__PURE__ */ $.createElement("clipPath", {
           id: "animationClipPath-".concat(i)
-        }, a.renderClipRect(O))), /* @__PURE__ */ P.createElement(oe, {
+        }, a.renderClipRect(O))), /* @__PURE__ */ $.createElement(oe, {
           clipPath: "url(#animationClipPath-".concat(i, ")")
         }, a.renderAreaStatically(s, l, n, i)));
       });
@@ -18064,19 +18064,19 @@ var Vr = /* @__PURE__ */ function(e) {
       var b = this.state.isAnimationFinished, O = s.length === 1, x = se("recharts-area", l), A = f && f.allowDataOverflow, g = d && d.allowDataOverflow, w = A || g, S = ae(p) ? this.id : p, _ = (n = Q(o, !1)) !== null && n !== void 0 ? n : {
         r: 3,
         strokeWidth: 2
-      }, $ = _.r, j = $ === void 0 ? 3 : $, T = _.strokeWidth, M = T === void 0 ? 2 : T, k = ab(o) ? o : {}, N = k.clipDot, C = N === void 0 ? !0 : N, B = j * 2 + M;
-      return /* @__PURE__ */ P.createElement(oe, {
+      }, P = _.r, j = P === void 0 ? 3 : P, T = _.strokeWidth, M = T === void 0 ? 2 : T, k = ab(o) ? o : {}, N = k.clipDot, C = N === void 0 ? !0 : N, B = j * 2 + M;
+      return /* @__PURE__ */ $.createElement(oe, {
         className: x
-      }, A || g ? /* @__PURE__ */ P.createElement("defs", null, /* @__PURE__ */ P.createElement("clipPath", {
+      }, A || g ? /* @__PURE__ */ $.createElement("defs", null, /* @__PURE__ */ $.createElement("clipPath", {
         id: "clipPath-".concat(S)
-      }, /* @__PURE__ */ P.createElement("rect", {
+      }, /* @__PURE__ */ $.createElement("rect", {
         x: A ? u : u - h / 2,
         y: g ? c : c - y / 2,
         width: A ? h : h * 2,
         height: g ? y : y * 2
-      })), !C && /* @__PURE__ */ P.createElement("clipPath", {
+      })), !C && /* @__PURE__ */ $.createElement("clipPath", {
         id: "clipPath-dots-".concat(S)
-      }, /* @__PURE__ */ P.createElement("rect", {
+      }, /* @__PURE__ */ $.createElement("rect", {
         x: u - B / 2,
         y: c - B / 2,
         width: h + B,
@@ -18177,13 +18177,13 @@ Xt(Vr, "getComposedData", function(e) {
 });
 Xt(Vr, "renderDotItem", function(e, t) {
   var r;
-  if (/* @__PURE__ */ P.isValidElement(e))
-    r = /* @__PURE__ */ P.cloneElement(e, t);
+  if (/* @__PURE__ */ $.isValidElement(e))
+    r = /* @__PURE__ */ $.cloneElement(e, t);
   else if (ee(e))
     r = e(t);
   else {
     var n = se("recharts-area-dot", typeof e != "boolean" ? e.className : ""), i = t.key, a = Cw(t, _q);
-    r = /* @__PURE__ */ P.createElement(Ki, sn({}, a, {
+    r = /* @__PURE__ */ $.createElement(Ki, sn({}, a, {
       key: i,
       className: n
     }));
@@ -18464,12 +18464,12 @@ var wi = /* @__PURE__ */ function(e) {
       var i = this, a = this.props, o = a.shape, s = a.activeShape, l = a.activeIndex, c = Q(this.props, !1);
       return n.map(function(u, f) {
         var d = l === f, h = d ? s : o, y = Pt(Pt({}, c), u);
-        return /* @__PURE__ */ P.createElement(oe, Aa({
+        return /* @__PURE__ */ $.createElement(oe, Aa({
           className: "recharts-scatter-symbol",
           key: "symbol-".concat(u == null ? void 0 : u.cx, "-").concat(u == null ? void 0 : u.cy, "-").concat(u == null ? void 0 : u.size, "-").concat(f)
         }, er(i.props, u, f), {
           role: "img"
-        }), /* @__PURE__ */ P.createElement(Vq, Aa({
+        }), /* @__PURE__ */ $.createElement(Vq, Aa({
           option: h,
           isActive: d,
           key: "symbol-".concat(f)
@@ -18480,7 +18480,7 @@ var wi = /* @__PURE__ */ function(e) {
     key: "renderSymbolsWithAnimation",
     value: function() {
       var n = this, i = this.props, a = i.points, o = i.isAnimationActive, s = i.animationBegin, l = i.animationDuration, c = i.animationEasing, u = i.animationId, f = this.state.prevPoints;
-      return /* @__PURE__ */ P.createElement(it, {
+      return /* @__PURE__ */ $.createElement(it, {
         begin: s,
         duration: l,
         isActive: o,
@@ -18510,7 +18510,7 @@ var wi = /* @__PURE__ */ function(e) {
             size: g(h)
           });
         });
-        return /* @__PURE__ */ P.createElement(oe, null, n.renderSymbolsStatically(y));
+        return /* @__PURE__ */ $.createElement(oe, null, n.renderSymbolsStatically(y));
       });
     }
   }, {
@@ -18528,7 +18528,7 @@ var wi = /* @__PURE__ */ function(e) {
       var i = this.props, a = i.points, o = i.xAxis, s = i.yAxis, l = i.children, c = nt(l, Hi);
       return c ? c.map(function(u, f) {
         var d = u.props, h = d.direction, y = d.dataKey;
-        return /* @__PURE__ */ P.cloneElement(u, {
+        return /* @__PURE__ */ $.cloneElement(u, {
           key: "".concat(h, "-").concat(y, "-").concat(a[f]),
           data: a,
           xAxis: o,
@@ -18574,9 +18574,9 @@ var wi = /* @__PURE__ */ function(e) {
       }, c), {}, {
         points: u
       });
-      return /* @__PURE__ */ P.isValidElement(a) ? f = /* @__PURE__ */ P.cloneElement(a, O) : ee(a) ? f = a(O) : f = /* @__PURE__ */ P.createElement(Lr, Aa({}, O, {
+      return /* @__PURE__ */ $.isValidElement(a) ? f = /* @__PURE__ */ $.cloneElement(a, O) : ee(a) ? f = a(O) : f = /* @__PURE__ */ $.createElement(Lr, Aa({}, O, {
         type: s
-      })), /* @__PURE__ */ P.createElement(oe, {
+      })), /* @__PURE__ */ $.createElement(oe, {
         className: "recharts-scatter-line",
         key: "recharts-scatter-line"
       }, f);
@@ -18588,17 +18588,17 @@ var wi = /* @__PURE__ */ function(e) {
       if (i || !a || !a.length)
         return null;
       var p = this.state.isAnimationFinished, b = se("recharts-scatter", s), O = l && l.allowDataOverflow, x = c && c.allowDataOverflow, A = O || x, g = ae(y) ? this.id : y;
-      return /* @__PURE__ */ P.createElement(oe, {
+      return /* @__PURE__ */ $.createElement(oe, {
         className: b,
         clipPath: A ? "url(#clipPath-".concat(g, ")") : null
-      }, O || x ? /* @__PURE__ */ P.createElement("defs", null, /* @__PURE__ */ P.createElement("clipPath", {
+      }, O || x ? /* @__PURE__ */ $.createElement("defs", null, /* @__PURE__ */ $.createElement("clipPath", {
         id: "clipPath-".concat(g)
-      }, /* @__PURE__ */ P.createElement("rect", {
+      }, /* @__PURE__ */ $.createElement("rect", {
         x: O ? u : u - d / 2,
         y: x ? f : f - h / 2,
         width: O ? d : d * 2,
         height: x ? h : h * 2
-      }))) : null, o && this.renderLine(), this.renderErrorBar(), /* @__PURE__ */ P.createElement(oe, {
+      }))) : null, o && this.renderLine(), this.renderErrorBar(), /* @__PURE__ */ $.createElement(oe, {
         key: "recharts-scatter-symbols"
       }, this.renderSymbols()), (!m || p) && bt.renderCallByParent(this.props, a));
     }
@@ -18656,7 +18656,7 @@ Dr(wi, "getComposedData", function(e) {
       dataKey: h,
       type: c
     });
-    var $ = ri({
+    var P = ri({
       axis: t,
       ticks: o,
       bandSize: p,
@@ -18672,9 +18672,9 @@ Dr(wi, "getComposedData", function(e) {
       dataKey: d
     }), T = S !== "-" ? n.scale(S) : m, M = Math.sqrt(Math.max(T, 0) / Math.PI);
     return Pt(Pt({}, x), {}, {
-      cx: $,
+      cx: P,
       cy: j,
-      x: $ - M,
+      x: P - M,
       y: j - M,
       xAxis: t,
       yAxis: r,
@@ -18689,7 +18689,7 @@ Dr(wi, "getComposedData", function(e) {
       },
       tooltipPayload: _,
       tooltipPosition: {
-        x: $,
+        x: P,
         y: j
       },
       payload: x
@@ -19618,13 +19618,13 @@ var Kf = function(t, r, n, i) {
 }, rU = function(t, r) {
   var n = r.axes, i = r.graphicalItems, a = r.axisType, o = r.axisIdKey, s = r.stackGroups, l = r.dataStartIndex, c = r.dataEndIndex, u = t.layout, f = t.children, d = t.stackOffset, h = gx(u, a);
   return n.reduce(function(y, m) {
-    var p, b = m.type.defaultProps !== void 0 ? W(W({}, m.type.defaultProps), m.props) : m.props, O = b.type, x = b.dataKey, A = b.allowDataOverflow, g = b.allowDuplicatedCategory, w = b.scale, S = b.ticks, _ = b.includeHidden, $ = b[o];
-    if (y[$])
+    var p, b = m.type.defaultProps !== void 0 ? W(W({}, m.type.defaultProps), m.props) : m.props, O = b.type, x = b.dataKey, A = b.allowDataOverflow, g = b.allowDuplicatedCategory, w = b.scale, S = b.ticks, _ = b.includeHidden, P = b[o];
+    if (y[P])
       return y;
     var j = uc(t.data, {
       graphicalItems: i.filter(function(q) {
         var K, Y = o in q.props ? q.props[o] : (K = q.type.defaultProps) === null || K === void 0 ? void 0 : K[o];
-        return Y === $;
+        return Y === P;
       }),
       dataStartIndex: l,
       dataEndIndex: c
@@ -19648,17 +19648,17 @@ var Kf = function(t, r, n, i) {
         else if (O === "number") {
           var z = g3(j, i.filter(function(q) {
             var K, Y, te = o in q.props ? q.props[o] : (K = q.type.defaultProps) === null || K === void 0 ? void 0 : K[o], ie = "hide" in q.props ? q.props.hide : (Y = q.type.defaultProps) === null || Y === void 0 ? void 0 : Y.hide;
-            return te === $ && (_ || !ie);
+            return te === P && (_ || !ie);
           }), x, a, u);
           z && (M = z);
         }
         h && (O === "number" || w !== "auto") && (N = va(j, x, "category"));
-      } else h ? M = Gs(0, T) : s && s[$] && s[$].hasStack && O === "number" ? M = d === "expand" ? [0, 1] : Px(s[$].stackGroups, l, c) : M = vx(j, i.filter(function(q) {
+      } else h ? M = Gs(0, T) : s && s[P] && s[P].hasStack && O === "number" ? M = d === "expand" ? [0, 1] : Px(s[P].stackGroups, l, c) : M = vx(j, i.filter(function(q) {
         var K = o in q.props ? q.props[o] : q.type.defaultProps[o], Y = "hide" in q.props ? q.props.hide : q.type.defaultProps.hide;
-        return K === $ && (_ || !Y);
+        return K === P && (_ || !Y);
       }), O, u, !0);
       if (O === "number")
-        M = Uf(f, M, $, a, S), R && (M = Ju(R, M, A));
+        M = Uf(f, M, P, a, S), R && (M = Ju(R, M, A));
       else if (O === "category" && R) {
         var I = R, F = M.every(function(q) {
           return I.indexOf(q) >= 0;
@@ -19666,7 +19666,7 @@ var Kf = function(t, r, n, i) {
         F && (M = I);
       }
     }
-    return W(W({}, y), {}, le({}, $, W(W({}, b), {}, {
+    return W(W({}, y), {}, le({}, P, W(W({}, b), {}, {
       axisType: a,
       domain: M,
       categoricalDomain: N,
@@ -19688,8 +19688,8 @@ var Kf = function(t, r, n, i) {
       m++;
       var g;
       return y ? g = Gs(0, h) : s && s[x] && s[x].hasStack ? (g = Px(s[x].stackGroups, l, c), g = Uf(f, g, x, a)) : (g = Ju(A, vx(d, n.filter(function(w) {
-        var S, _, $ = o in w.props ? w.props[o] : (S = w.type.defaultProps) === null || S === void 0 ? void 0 : S[o], j = "hide" in w.props ? w.props.hide : (_ = w.type.defaultProps) === null || _ === void 0 ? void 0 : _.hide;
-        return $ === x && !j;
+        var S, _, P = o in w.props ? w.props[o] : (S = w.type.defaultProps) === null || S === void 0 ? void 0 : S[o], j = "hide" in w.props ? w.props.hide : (_ = w.type.defaultProps) === null || _ === void 0 ? void 0 : _.hide;
+        return P === x && !j;
       }), "number", u), i.defaultProps.allowDataOverflow), g = Uf(f, g, x, a)), W(W({}, p), {}, le({}, x, W(W({
         axisType: a
       }, i.defaultProps), {}, {
@@ -19793,7 +19793,7 @@ var Kf = function(t, r, n, i) {
     return t[r].height;
 }, $n = function(t) {
   var r = t.chartName, n = t.GraphicalChild, i = t.defaultTooltipEventType, a = i === void 0 ? "axis" : i, o = t.validateTooltipEventTypes, s = o === void 0 ? ["axis"] : o, l = t.axisComponents, c = t.legendContent, u = t.formatAxisMap, f = t.defaultProps, d = function(b, O) {
-    var x = O.graphicalItems, A = O.stackGroups, g = O.offset, w = O.updateId, S = O.dataStartIndex, _ = O.dataEndIndex, $ = b.barSize, j = b.layout, T = b.barGap, M = b.barCategoryGap, k = b.maxBarSize, N = ng(j), C = N.numericAxisName, B = N.cateAxisName, R = oU(x), D = [];
+    var x = O.graphicalItems, A = O.stackGroups, g = O.offset, w = O.updateId, S = O.dataStartIndex, _ = O.dataEndIndex, P = b.barSize, j = b.layout, T = b.barGap, M = b.barCategoryGap, k = b.maxBarSize, N = ng(j), C = N.numericAxisName, B = N.cateAxisName, R = oU(x), D = [];
     return x.forEach(function(z, I) {
       var F = uc(b.data, {
         graphicalItems: [z],
@@ -19808,7 +19808,7 @@ var Kf = function(t, r, n, i) {
         var ut = he[mc];
         return W(W({}, Kt), {}, le(le({}, Ot.axisType, ut), "".concat(Ot.axisType, "Ticks"), mr(ut)));
       }, ce), H = re[B], X = re["".concat(B, "Ticks")], ne = A && A[te] && A[te].hasStack && S3(z, A[te].stackGroups), L = yr(z.type).indexOf("Bar") >= 0, fe = js(H, X), U = [], ue = R && p3({
-        barSize: $,
+        barSize: P,
         stackGroups: A,
         totalSize: lU(re, B)
       });
@@ -19855,7 +19855,7 @@ var Kf = function(t, r, n, i) {
       props: x
     }))
       return null;
-    var S = x.children, _ = x.layout, $ = x.stackOffset, j = x.data, T = x.reverseStackOrder, M = ng(_), k = M.numericAxisName, N = M.cateAxisName, C = nt(S, n), B = A3(j, C, "".concat(k, "Id"), "".concat(N, "Id"), $, T), R = l.reduce(function(q, K) {
+    var S = x.children, _ = x.layout, P = x.stackOffset, j = x.data, T = x.reverseStackOrder, M = ng(_), k = M.numericAxisName, N = M.cateAxisName, C = nt(S, n), B = A3(j, C, "".concat(k, "Id"), "".concat(N, "Id"), P, T), R = l.reduce(function(q, K) {
       var Y = "".concat(K.axisType, "Map");
       return W(W({}, q), {}, le({}, Y, iU(x, W(W({}, K), {}, {
         graphicalItems: C,
@@ -19889,13 +19889,13 @@ var Kf = function(t, r, n, i) {
       var x, A, g;
       return zW(this, b), g = UW(this, b, [O]), le(g, "eventEmitterSymbol", Symbol("rechartsEventEmitter")), le(g, "accessibilityManager", new $W()), le(g, "handleLegendBBoxUpdate", function(w) {
         if (w) {
-          var S = g.state, _ = S.dataStartIndex, $ = S.dataEndIndex, j = S.updateId;
+          var S = g.state, _ = S.dataStartIndex, P = S.dataEndIndex, j = S.updateId;
           g.setState(W({
             legendBBox: w
           }, h({
             props: g.props,
             dataStartIndex: _,
-            dataEndIndex: $,
+            dataEndIndex: P,
             updateId: j
           }, W(W({}, g.state), {}, {
             legendBBox: w
@@ -19910,7 +19910,7 @@ var Kf = function(t, r, n, i) {
       }), le(g, "handleBrushChange", function(w) {
         var S = w.startIndex, _ = w.endIndex;
         if (S !== g.state.dataStartIndex || _ !== g.state.dataEndIndex) {
-          var $ = g.state.updateId;
+          var P = g.state.updateId;
           g.setState(function() {
             return W({
               dataStartIndex: S,
@@ -19919,7 +19919,7 @@ var Kf = function(t, r, n, i) {
               props: g.props,
               dataStartIndex: S,
               dataEndIndex: _,
-              updateId: $
+              updateId: P
             }, g.state));
           }), g.triggerSyncEvent({
             dataStartIndex: S,
@@ -19933,8 +19933,8 @@ var Kf = function(t, r, n, i) {
             isTooltipActive: !0
           });
           g.setState(_), g.triggerSyncEvent(_);
-          var $ = g.props.onMouseEnter;
-          ee($) && $(_, w);
+          var P = g.props.onMouseEnter;
+          ee(P) && P(_, w);
         }
       }), le(g, "triggeredAfterMouseMove", function(w) {
         var S = g.getMouseInfo(w), _ = S ? W(W({}, S), {}, {
@@ -19943,8 +19943,8 @@ var Kf = function(t, r, n, i) {
           isTooltipActive: !1
         };
         g.setState(_), g.triggerSyncEvent(_);
-        var $ = g.props.onMouseMove;
-        ee($) && $(_, w);
+        var P = g.props.onMouseMove;
+        ee(P) && P(_, w);
       }), le(g, "handleItemMouseEnter", function(w) {
         g.setState(function() {
           return {
@@ -19976,8 +19976,8 @@ var Kf = function(t, r, n, i) {
       }), le(g, "handleOuterEvent", function(w) {
         var S = AP(w), _ = ht(g.props, "".concat(S));
         if (S && ee(_)) {
-          var $, j;
-          /.*touch.*/i.test(S) ? j = g.getMouseInfo(w.changedTouches[0]) : j = g.getMouseInfo(w), _(($ = j) !== null && $ !== void 0 ? $ : {}, w);
+          var P, j;
+          /.*touch.*/i.test(S) ? j = g.getMouseInfo(w.changedTouches[0]) : j = g.getMouseInfo(w), _((P = j) !== null && P !== void 0 ? P : {}, w);
         }
       }), le(g, "handleClick", function(w) {
         var S = g.getMouseInfo(w);
@@ -19986,8 +19986,8 @@ var Kf = function(t, r, n, i) {
             isTooltipActive: !0
           });
           g.setState(_), g.triggerSyncEvent(_);
-          var $ = g.props.onClick;
-          ee($) && $(_, w);
+          var P = g.props.onClick;
+          ee(P) && P(_, w);
         }
       }), le(g, "handleMouseDown", function(w) {
         var S = g.props.onMouseDown;
@@ -20022,7 +20022,7 @@ var Kf = function(t, r, n, i) {
       }), le(g, "triggerSyncEvent", function(w) {
         g.props.syncId !== void 0 && Xc.emit(Qc, g.props.syncId, w, g.eventEmitterSymbol);
       }), le(g, "applySyncEvent", function(w) {
-        var S = g.props, _ = S.layout, $ = S.syncMethod, j = g.state.updateId, T = w.dataStartIndex, M = w.dataEndIndex;
+        var S = g.props, _ = S.layout, P = S.syncMethod, j = g.state.updateId, T = w.dataStartIndex, M = w.dataEndIndex;
         if (w.dataStartIndex !== void 0 || w.dataEndIndex !== void 0)
           g.setState(W({
             dataStartIndex: T,
@@ -20037,9 +20037,9 @@ var Kf = function(t, r, n, i) {
           var k = w.chartX, N = w.chartY, C = w.activeTooltipIndex, B = g.state, R = B.offset, D = B.tooltipTicks;
           if (!R)
             return;
-          if (typeof $ == "function")
-            C = $(D, w);
-          else if ($ === "value") {
+          if (typeof P == "function")
+            C = P(D, w);
+          else if (P === "value") {
             C = -1;
             for (var z = 0; z < D.length; z++)
               if (D[z].value === w.activeLabel) {
@@ -20063,8 +20063,8 @@ var Kf = function(t, r, n, i) {
         } else
           g.setState(w);
       }), le(g, "renderCursor", function(w) {
-        var S, _ = g.state, $ = _.isTooltipActive, j = _.activeCoordinate, T = _.activePayload, M = _.offset, k = _.activeTooltipIndex, N = _.tooltipAxisBandSize, C = g.getTooltipEventType(), B = (S = w.props.active) !== null && S !== void 0 ? S : $, R = g.props.layout, D = w.key || "_recharts-cursor";
-        return /* @__PURE__ */ P.createElement(IW, {
+        var S, _ = g.state, P = _.isTooltipActive, j = _.activeCoordinate, T = _.activePayload, M = _.offset, k = _.activeTooltipIndex, N = _.tooltipAxisBandSize, C = g.getTooltipEventType(), B = (S = w.props.active) !== null && S !== void 0 ? S : P, R = g.props.layout, D = w.key || "_recharts-cursor";
+        return /* @__PURE__ */ $.createElement(IW, {
           key: D,
           activeCoordinate: j,
           activePayload: T,
@@ -20078,16 +20078,16 @@ var Kf = function(t, r, n, i) {
           tooltipEventType: C
         });
       }), le(g, "renderPolarAxis", function(w, S, _) {
-        var $ = ht(w, "type.axisType"), j = ht(g.state, "".concat($, "Map")), T = w.type.defaultProps, M = T !== void 0 ? W(W({}, T), w.props) : w.props, k = j && j[M["".concat($, "Id")]];
+        var P = ht(w, "type.axisType"), j = ht(g.state, "".concat(P, "Map")), T = w.type.defaultProps, M = T !== void 0 ? W(W({}, T), w.props) : w.props, k = j && j[M["".concat(P, "Id")]];
         return /* @__PURE__ */ We(w, W(W({}, k), {}, {
-          className: se($, k.className),
+          className: se(P, k.className),
           key: w.key || "".concat(S, "-").concat(_),
           ticks: mr(k, !0)
         }));
       }), le(g, "renderPolarGrid", function(w) {
-        var S = w.props, _ = S.radialLines, $ = S.polarAngles, j = S.polarRadius, T = g.state, M = T.radiusAxisMap, k = T.angleAxisMap, N = Mr(M), C = Mr(k), B = C.cx, R = C.cy, D = C.innerRadius, z = C.outerRadius;
+        var S = w.props, _ = S.radialLines, P = S.polarAngles, j = S.polarRadius, T = g.state, M = T.radiusAxisMap, k = T.angleAxisMap, N = Mr(M), C = Mr(k), B = C.cx, R = C.cy, D = C.innerRadius, z = C.outerRadius;
         return /* @__PURE__ */ We(w, {
-          polarAngles: Array.isArray($) ? $ : mr(C, !0).map(function(I) {
+          polarAngles: Array.isArray(P) ? P : mr(C, !0).map(function(I) {
             return I.coordinate;
           }),
           polarRadius: Array.isArray(j) ? j : mr(N, !0).map(function(I) {
@@ -20101,7 +20101,7 @@ var Kf = function(t, r, n, i) {
           radialLines: _
         });
       }), le(g, "renderLegend", function() {
-        var w = g.state.formattedGraphicalItems, S = g.props, _ = S.children, $ = S.width, j = S.height, T = g.props.margin || {}, M = $ - (T.left || 0) - (T.right || 0), k = mx({
+        var w = g.state.formattedGraphicalItems, S = g.props, _ = S.children, P = S.width, j = S.height, T = g.props.margin || {}, M = P - (T.left || 0) - (T.right || 0), k = mx({
           children: _,
           formattedGraphicalItems: w,
           legendWidth: M,
@@ -20111,13 +20111,13 @@ var Kf = function(t, r, n, i) {
           return null;
         var N = k.item, C = Jv(k, CW);
         return /* @__PURE__ */ We(N, W(W({}, C), {}, {
-          chartWidth: $,
+          chartWidth: P,
           chartHeight: j,
           margin: T,
           onBBoxUpdate: g.handleLegendBBoxUpdate
         }));
       }), le(g, "renderTooltip", function() {
-        var w, S = g.props, _ = S.children, $ = S.accessibilityLayer, j = tt(_, yt);
+        var w, S = g.props, _ = S.children, P = S.accessibilityLayer, j = tt(_, yt);
         if (!j)
           return null;
         var T = g.state, M = T.isTooltipActive, k = T.activeCoordinate, N = T.activePayload, C = T.activeLabel, B = T.offset, R = (w = j.props.active) !== null && w !== void 0 ? w : M;
@@ -20130,14 +20130,14 @@ var Kf = function(t, r, n, i) {
           label: C,
           payload: R ? N : [],
           coordinate: k,
-          accessibilityLayer: $
+          accessibilityLayer: P
         });
       }), le(g, "renderBrush", function(w) {
-        var S = g.props, _ = S.margin, $ = S.data, j = g.state, T = j.offset, M = j.dataStartIndex, k = j.dataEndIndex, N = j.updateId;
+        var S = g.props, _ = S.margin, P = S.data, j = g.state, T = j.offset, M = j.dataStartIndex, k = j.dataEndIndex, N = j.updateId;
         return /* @__PURE__ */ We(w, {
           key: w.key || "_recharts-brush",
           onChange: Lo(g.handleBrushChange, w.props.onChange),
-          data: $,
+          data: P,
           x: G(w.props.x) ? w.props.x : T.left,
           y: G(w.props.y) ? w.props.y : T.top + T.height + T.brushBottom - (_.bottom || 0),
           width: G(w.props.width) ? w.props.width : T.width,
@@ -20148,7 +20148,7 @@ var Kf = function(t, r, n, i) {
       }), le(g, "renderReferenceElement", function(w, S, _) {
         if (!w)
           return null;
-        var $ = g, j = $.clipPathId, T = g.state, M = T.xAxisMap, k = T.yAxisMap, N = T.offset, C = w.type.defaultProps || {}, B = w.props, R = B.xAxisId, D = R === void 0 ? C.xAxisId : R, z = B.yAxisId, I = z === void 0 ? C.yAxisId : z;
+        var P = g, j = P.clipPathId, T = g.state, M = T.xAxisMap, k = T.yAxisMap, N = T.offset, C = w.type.defaultProps || {}, B = w.props, R = B.xAxisId, D = R === void 0 ? C.xAxisId : R, z = B.yAxisId, I = z === void 0 ? C.yAxisId : z;
         return /* @__PURE__ */ We(w, {
           key: w.key || "".concat(S, "-").concat(_),
           xAxis: M[D],
@@ -20162,7 +20162,7 @@ var Kf = function(t, r, n, i) {
           clipPathId: j
         });
       }), le(g, "renderActivePoints", function(w) {
-        var S = w.item, _ = w.activePoint, $ = w.basePoint, j = w.childIndex, T = w.isRange, M = [], k = S.props.key, N = S.item.type.defaultProps !== void 0 ? W(W({}, S.item.type.defaultProps), S.item.props) : S.item.props, C = N.activeDot, B = N.dataKey, R = W(W({
+        var S = w.item, _ = w.activePoint, P = w.basePoint, j = w.childIndex, T = w.isRange, M = [], k = S.props.key, N = S.item.type.defaultProps !== void 0 ? W(W({}, S.item.type.defaultProps), S.item.props) : S.item.props, C = N.activeDot, B = N.dataKey, R = W(W({
           index: j,
           dataKey: B,
           cx: _.x,
@@ -20174,22 +20174,22 @@ var Kf = function(t, r, n, i) {
           payload: _.payload,
           value: _.value
         }, Q(C, !1)), ns(C));
-        return M.push(b.renderActiveDot(C, R, "".concat(k, "-activePoint-").concat(j))), $ ? M.push(b.renderActiveDot(C, W(W({}, R), {}, {
-          cx: $.x,
-          cy: $.y
+        return M.push(b.renderActiveDot(C, R, "".concat(k, "-activePoint-").concat(j))), P ? M.push(b.renderActiveDot(C, W(W({}, R), {}, {
+          cx: P.x,
+          cy: P.y
         }), "".concat(k, "-basePoint-").concat(j))) : T && M.push(null), M;
       }), le(g, "renderGraphicChild", function(w, S, _) {
-        var $ = g.filterFormatItem(w, S, _);
-        if (!$)
+        var P = g.filterFormatItem(w, S, _);
+        if (!P)
           return null;
-        var j = g.getTooltipEventType(), T = g.state, M = T.isTooltipActive, k = T.tooltipAxis, N = T.activeTooltipIndex, C = T.activeLabel, B = g.props.children, R = tt(B, yt), D = $.props, z = D.points, I = D.isRange, F = D.baseLine, q = $.item.type.defaultProps !== void 0 ? W(W({}, $.item.type.defaultProps), $.item.props) : $.item.props, K = q.activeDot, Y = q.hide, te = q.activeBar, ie = q.activeShape, ce = !!(!Y && M && R && (K || te || ie)), re = {};
+        var j = g.getTooltipEventType(), T = g.state, M = T.isTooltipActive, k = T.tooltipAxis, N = T.activeTooltipIndex, C = T.activeLabel, B = g.props.children, R = tt(B, yt), D = P.props, z = D.points, I = D.isRange, F = D.baseLine, q = P.item.type.defaultProps !== void 0 ? W(W({}, P.item.type.defaultProps), P.item.props) : P.item.props, K = q.activeDot, Y = q.hide, te = q.activeBar, ie = q.activeShape, ce = !!(!Y && M && R && (K || te || ie)), re = {};
         j !== "axis" && R && R.props.trigger === "click" ? re = {
           onClick: Lo(g.handleItemMouseEnter, w.props.onClick)
         } : j !== "axis" && (re = {
           onMouseLeave: Lo(g.handleItemMouseLeave, w.props.onMouseLeave),
           onMouseEnter: Lo(g.handleItemMouseEnter, w.props.onMouseEnter)
         });
-        var H = /* @__PURE__ */ We(w, W(W({}, $.props), re));
+        var H = /* @__PURE__ */ We(w, W(W({}, P.props), re));
         function X(Ot) {
           return typeof k.dataKey == "function" ? k.dataKey(Ot.payload) : null;
         }
@@ -20203,13 +20203,13 @@ var Kf = function(t, r, n, i) {
               ne = z == null ? void 0 : z[N], L = I && F && F[N];
             if (ie || te) {
               var U = w.props.activeIndex !== void 0 ? w.props.activeIndex : N;
-              return [/* @__PURE__ */ We(w, W(W(W({}, $.props), re), {}, {
+              return [/* @__PURE__ */ We(w, W(W(W({}, P.props), re), {}, {
                 activeIndex: U
               })), null, null];
             }
             if (!ae(ne))
               return [H].concat(_i(g.renderActivePoints({
-                item: $,
+                item: P,
                 activePoint: ne,
                 basePoint: L,
                 childIndex: N,
@@ -20218,7 +20218,7 @@ var Kf = function(t, r, n, i) {
           } else {
             var ue, pe = (ue = g.getItemByXY(g.state.activeCoordinate)) !== null && ue !== void 0 ? ue : {
               graphicalItem: H
-            }, Ee = pe.graphicalItem, Ze = Ee.item, Ht = Ze === void 0 ? w : Ze, Kr = Ee.childIndex, Kt = W(W(W({}, $.props), re), {}, {
+            }, Ee = pe.graphicalItem, Ze = Ee.item, Ht = Ze === void 0 ? w : Ze, Kr = Ee.childIndex, Kt = W(W(W({}, P.props), re), {}, {
               activeIndex: Kr
             });
             return [/* @__PURE__ */ We(Ht, Kt), null, null];
@@ -20315,9 +20315,9 @@ var Kf = function(t, r, n, i) {
       value: function() {
         var x = this.props, A = x.children, g = x.data, w = x.height, S = x.layout, _ = tt(A, yt);
         if (_) {
-          var $ = _.props.defaultIndex;
-          if (!(typeof $ != "number" || $ < 0 || $ > this.state.tooltipTicks.length - 1)) {
-            var j = this.state.tooltipTicks[$] && this.state.tooltipTicks[$].value, T = Kf(this.state, g, $, j), M = this.state.tooltipTicks[$].coordinate, k = (this.state.offset.top + w) / 2, N = S === "horizontal", C = N ? {
+          var P = _.props.defaultIndex;
+          if (!(typeof P != "number" || P < 0 || P > this.state.tooltipTicks.length - 1)) {
+            var j = this.state.tooltipTicks[P] && this.state.tooltipTicks[P].value, T = Kf(this.state, g, P, j), M = this.state.tooltipTicks[P].coordinate, k = (this.state.offset.top + w) / 2, N = S === "horizontal", C = N ? {
               x: M,
               y: k
             } : {
@@ -20327,15 +20327,15 @@ var Kf = function(t, r, n, i) {
               var z = D.item;
               return z.type.name === "Scatter";
             });
-            B && (C = W(W({}, C), B.props.points[$].tooltipPosition), T = B.props.points[$].tooltipPayload);
+            B && (C = W(W({}, C), B.props.points[P].tooltipPosition), T = B.props.points[P].tooltipPayload);
             var R = {
-              activeTooltipIndex: $,
+              activeTooltipIndex: P,
               isTooltipActive: !0,
               activeLabel: j,
               activePayload: T,
               activeCoordinate: C
             };
-            this.setState(R), this.renderCursor(_), this.accessibilityManager.setIndex($);
+            this.setState(R), this.renderCursor(_), this.accessibilityManager.setIndex(P);
           }
         }
       }
@@ -20392,10 +20392,10 @@ var Kf = function(t, r, n, i) {
         var A = this.container, g = A.getBoundingClientRect(), w = BC(g), S = {
           chartX: Math.round(x.pageX - w.left),
           chartY: Math.round(x.pageY - w.top)
-        }, _ = g.width / A.offsetWidth || 1, $ = this.inRange(S.chartX, S.chartY, _);
-        if (!$)
+        }, _ = g.width / A.offsetWidth || 1, P = this.inRange(S.chartX, S.chartY, _);
+        if (!P)
           return null;
-        var j = this.state, T = j.xAxisMap, M = j.yAxisMap, k = this.getTooltipEventType(), N = tg(this.state, this.props.data, this.props.layout, $);
+        var j = this.state, T = j.xAxisMap, M = j.yAxisMap, k = this.getTooltipEventType(), N = tg(this.state, this.props.data, this.props.layout, P);
         if (k !== "axis" && T && M) {
           var C = Mr(T).scale, B = Mr(M).scale, R = C && C.invert ? C.invert(S.chartX) : null, D = B && B.invert ? B.invert(S.chartY) : null;
           return W(W({}, S), {}, {
@@ -20410,7 +20410,7 @@ var Kf = function(t, r, n, i) {
       value: function(x, A) {
         var g = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 1, w = this.props.layout, S = x / g, _ = A / g;
         if (w === "horizontal" || w === "vertical") {
-          var $ = this.state.offset, j = S >= $.left && S <= $.left + $.width && _ >= $.top && _ <= $.top + $.height;
+          var P = this.state.offset, j = S >= P.left && S <= P.left + P.width && _ >= P.top && _ <= P.top + P.height;
           return j ? {
             x: S,
             y: _
@@ -20459,9 +20459,9 @@ var Kf = function(t, r, n, i) {
       key: "filterFormatItem",
       value: function(x, A, g) {
         for (var w = this.state.formattedGraphicalItems, S = 0, _ = w.length; S < _; S++) {
-          var $ = w[S];
-          if ($.item === x || $.props.key === x.key || A === yr($.item.type) && g === $.childIndex)
-            return $;
+          var P = w[S];
+          if (P.item === x || P.props.key === x.key || A === yr(P.item.type) && g === P.childIndex)
+            return P;
         }
         return null;
       }
@@ -20469,9 +20469,9 @@ var Kf = function(t, r, n, i) {
       key: "renderClipPath",
       value: function() {
         var x = this.clipPathId, A = this.state.offset, g = A.left, w = A.top, S = A.height, _ = A.width;
-        return /* @__PURE__ */ P.createElement("defs", null, /* @__PURE__ */ P.createElement("clipPath", {
+        return /* @__PURE__ */ $.createElement("defs", null, /* @__PURE__ */ $.createElement("clipPath", {
           id: x
-        }, /* @__PURE__ */ P.createElement("rect", {
+        }, /* @__PURE__ */ $.createElement("rect", {
           x: g,
           y: w,
           height: S,
@@ -20514,14 +20514,14 @@ var Kf = function(t, r, n, i) {
         var A = this.state, g = A.formattedGraphicalItems, w = A.activeItem;
         if (g && g.length)
           for (var S = 0, _ = g.length; S < _; S++) {
-            var $ = g[S], j = $.props, T = $.item, M = T.type.defaultProps !== void 0 ? W(W({}, T.type.defaultProps), T.props) : T.props, k = yr(T.type);
+            var P = g[S], j = P.props, T = P.item, M = T.type.defaultProps !== void 0 ? W(W({}, T.type.defaultProps), T.props) : T.props, k = yr(T.type);
             if (k === "Bar") {
               var N = (j.data || []).find(function(D) {
                 return OF(x, D);
               });
               if (N)
                 return {
-                  graphicalItem: $,
+                  graphicalItem: P,
                   payload: N
                 };
             } else if (k === "RadialBar") {
@@ -20530,20 +20530,20 @@ var Kf = function(t, r, n, i) {
               });
               if (C)
                 return {
-                  graphicalItem: $,
+                  graphicalItem: P,
                   payload: C
                 };
-            } else if (tc($, w) || rc($, w) || ao($, w)) {
+            } else if (tc(P, w) || rc(P, w) || ao(P, w)) {
               var B = g8({
-                graphicalItem: $,
+                graphicalItem: P,
                 activeTooltipItem: w,
                 itemData: M.data
               }), R = M.activeIndex === void 0 ? B : M.activeIndex;
               return {
-                graphicalItem: W(W({}, $), {}, {
+                graphicalItem: W(W({}, P), {}, {
                   childIndex: R
                 }),
-                payload: ao($, w) ? M.data[B] : $.props.data[B]
+                payload: ao(P, w) ? M.data[B] : P.props.data[B]
               };
             }
           }
@@ -20555,14 +20555,14 @@ var Kf = function(t, r, n, i) {
         var x = this;
         if (!du(this))
           return null;
-        var A = this.props, g = A.children, w = A.className, S = A.width, _ = A.height, $ = A.style, j = A.compact, T = A.title, M = A.desc, k = Jv(A, DW), N = Q(k, !1);
+        var A = this.props, g = A.children, w = A.className, S = A.width, _ = A.height, P = A.style, j = A.compact, T = A.title, M = A.desc, k = Jv(A, DW), N = Q(k, !1);
         if (j)
-          return /* @__PURE__ */ P.createElement(Nv, {
+          return /* @__PURE__ */ $.createElement(Nv, {
             state: this.state,
             width: this.props.width,
             height: this.props.height,
             clipPathId: this.clipPathId
-          }, /* @__PURE__ */ P.createElement(is, Bn({}, N, {
+          }, /* @__PURE__ */ $.createElement(is, Bn({}, N, {
             width: S,
             height: _,
             title: T,
@@ -20577,24 +20577,24 @@ var Kf = function(t, r, n, i) {
           };
         }
         var R = this.parseEventsOfWrapper();
-        return /* @__PURE__ */ P.createElement(Nv, {
+        return /* @__PURE__ */ $.createElement(Nv, {
           state: this.state,
           width: this.props.width,
           height: this.props.height,
           clipPathId: this.clipPathId
-        }, /* @__PURE__ */ P.createElement("div", Bn({
+        }, /* @__PURE__ */ $.createElement("div", Bn({
           className: se("recharts-wrapper", w),
           style: W({
             position: "relative",
             cursor: "default",
             width: S,
             height: _
-          }, $)
+          }, P)
         }, R, {
           ref: function(z) {
             x.container = z;
           }
-        }), /* @__PURE__ */ P.createElement(is, Bn({}, N, {
+        }), /* @__PURE__ */ $.createElement(is, Bn({}, N, {
           width: S,
           height: _,
           title: T,
@@ -20618,7 +20618,7 @@ var Kf = function(t, r, n, i) {
     reverseStackOrder: !1,
     syncMethod: "index"
   }, f)), le(y, "getDerivedStateFromProps", function(p, b) {
-    var O = p.dataKey, x = p.data, A = p.children, g = p.width, w = p.height, S = p.layout, _ = p.stackOffset, $ = p.margin, j = b.dataStartIndex, T = b.dataEndIndex;
+    var O = p.dataKey, x = p.data, A = p.children, g = p.width, w = p.height, S = p.layout, _ = p.stackOffset, P = p.margin, j = b.dataStartIndex, T = b.dataEndIndex;
     if (b.updateId === void 0) {
       var M = rg(p);
       return W(W(W({}, M), {}, {
@@ -20634,11 +20634,11 @@ var Kf = function(t, r, n, i) {
         prevHeight: w,
         prevLayout: S,
         prevStackOffset: _,
-        prevMargin: $,
+        prevMargin: P,
         prevChildren: A
       });
     }
-    if (O !== b.prevDataKey || x !== b.prevData || g !== b.prevWidth || w !== b.prevHeight || S !== b.prevLayout || _ !== b.prevStackOffset || !Fn($, b.prevMargin)) {
+    if (O !== b.prevDataKey || x !== b.prevData || g !== b.prevWidth || w !== b.prevHeight || S !== b.prevLayout || _ !== b.prevStackOffset || !Fn(P, b.prevMargin)) {
       var k = rg(p), N = {
         // (chartX, chartY) are (0,0) in default state, but we want to keep the last mouse position to avoid
         // any flickering
@@ -20659,7 +20659,7 @@ var Kf = function(t, r, n, i) {
         prevHeight: w,
         prevLayout: S,
         prevStackOffset: _,
-        prevMargin: $,
+        prevMargin: P,
         prevChildren: A
       });
     }
@@ -20682,13 +20682,13 @@ var Kf = function(t, r, n, i) {
     return null;
   }), le(y, "renderActiveDot", function(p, b, O) {
     var x;
-    return /* @__PURE__ */ Rt(p) ? x = /* @__PURE__ */ We(p, b) : ee(p) ? x = p(b) : x = /* @__PURE__ */ P.createElement(Ki, b), /* @__PURE__ */ P.createElement(oe, {
+    return /* @__PURE__ */ Rt(p) ? x = /* @__PURE__ */ We(p, b) : ee(p) ? x = p(b) : x = /* @__PURE__ */ $.createElement(Ki, b), /* @__PURE__ */ $.createElement(oe, {
       className: "recharts-active-dot",
       key: O
     }, x);
   });
   var m = /* @__PURE__ */ ji(function(b, O) {
-    return /* @__PURE__ */ P.createElement(y, Bn({}, b, {
+    return /* @__PURE__ */ $.createElement(y, Bn({}, b, {
       ref: O
     }));
   });
@@ -21290,7 +21290,7 @@ var ho = "value", Jc = function e(t) {
         onMouseEnter: this.handleMouseEnter.bind(this, i),
         onMouseLeave: this.handleMouseLeave.bind(this, i),
         onClick: this.handleClick.bind(this, i)
-      }), l ? /* @__PURE__ */ P.createElement(it, {
+      }), l ? /* @__PURE__ */ $.createElement(it, {
         begin: c,
         duration: u,
         isActive: l,
@@ -21311,8 +21311,8 @@ var ho = "value", Jc = function e(t) {
         onAnimationStart: this.handleAnimationStart,
         onAnimationEnd: this.handleAnimationEnd
       }, function(_) {
-        var $ = _.x, j = _.y, T = _.width, M = _.height;
-        return /* @__PURE__ */ P.createElement(it, {
+        var P = _.x, j = _.y, T = _.width, M = _.height;
+        return /* @__PURE__ */ $.createElement(it, {
           from: "translate(".concat(w, "px, ").concat(w, "px)"),
           to: "translate(0, 0)",
           attributeName: "transform",
@@ -21320,17 +21320,17 @@ var ho = "value", Jc = function e(t) {
           easing: f,
           isActive: l,
           duration: u
-        }, /* @__PURE__ */ P.createElement(oe, S, function() {
+        }, /* @__PURE__ */ $.createElement(oe, S, function() {
           return g > 2 && !p ? null : o.constructor.renderContentItem(n, je(je({}, i), {}, {
             isAnimationActive: l,
             isUpdateAnimationActive: !d,
             width: T,
             height: M,
-            x: $,
+            x: P,
             y: j
           }), h, m);
         }()));
-      }) : /* @__PURE__ */ P.createElement(oe, S, this.constructor.renderContentItem(n, je(je({}, i), {}, {
+      }) : /* @__PURE__ */ $.createElement(oe, S, this.constructor.renderContentItem(n, je(je({}, i), {}, {
         isAnimationActive: !1,
         isUpdateAnimationActive: !1,
         width: b,
@@ -21347,7 +21347,7 @@ var ho = "value", Jc = function e(t) {
       }), u = !i.children || !i.children.length, f = this.state.currentRoot, d = (f.children || []).filter(function(h) {
         return h.depth === i.depth && h.name === i.name;
       });
-      return !d.length && n.depth && l === "nest" ? null : /* @__PURE__ */ P.createElement(oe, {
+      return !d.length && n.depth && l === "nest" ? null : /* @__PURE__ */ $.createElement(oe, {
         key: "recharts-treemap-node-".concat(c.x, "-").concat(c.y, "-").concat(c.name),
         className: "recharts-treemap-depth-".concat(i.depth)
       }, this.renderItem(s, c, u), i.children && i.children.length ? i.children.map(function(h) {
@@ -21379,7 +21379,7 @@ var ho = "value", Jc = function e(t) {
         name: _e(d, a, ""),
         value: _e(d, ho)
       }] : [];
-      return /* @__PURE__ */ P.cloneElement(o, {
+      return /* @__PURE__ */ $.cloneElement(o, {
         viewBox: h,
         active: f,
         coordinate: y,
@@ -21392,7 +21392,7 @@ var ho = "value", Jc = function e(t) {
     key: "renderNestIndex",
     value: function() {
       var n = this, i = this.props, a = i.nameKey, o = i.nestIndexContent, s = this.state.nestIndex;
-      return /* @__PURE__ */ P.createElement("div", {
+      return /* @__PURE__ */ $.createElement("div", {
         className: "recharts-treemap-nest-index-wrapper",
         style: {
           marginTop: "8px",
@@ -21400,8 +21400,8 @@ var ho = "value", Jc = function e(t) {
         }
       }, s.map(function(l, c) {
         var u = ht(l, a, "root"), f = null;
-        return /* @__PURE__ */ P.isValidElement(o) && (f = /* @__PURE__ */ P.cloneElement(o, l, c)), ee(o) ? f = o(l, c) : f = u, // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
-        /* @__PURE__ */ P.createElement("div", {
+        return /* @__PURE__ */ $.isValidElement(o) && (f = /* @__PURE__ */ $.cloneElement(o, l, c)), ee(o) ? f = o(l, c) : f = u, // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
+        /* @__PURE__ */ $.createElement("div", {
           onClick: n.handleNestIndex.bind(n, l, c),
           key: "nest-index-".concat($r()),
           className: "recharts-treemap-nest-index-box",
@@ -21422,7 +21422,7 @@ var ho = "value", Jc = function e(t) {
       if (!du(this))
         return null;
       var n = this.props, i = n.width, a = n.height, o = n.className, s = n.style, l = n.children, c = n.type, u = rG(n, tG), f = Q(u, !1);
-      return /* @__PURE__ */ P.createElement("div", {
+      return /* @__PURE__ */ $.createElement("div", {
         className: se("recharts-wrapper", o),
         style: je(je({}, s), {}, {
           position: "relative",
@@ -21431,7 +21431,7 @@ var ho = "value", Jc = function e(t) {
           height: a
         }),
         role: "region"
-      }, /* @__PURE__ */ P.createElement(is, hl({}, f, {
+      }, /* @__PURE__ */ $.createElement(is, hl({}, f, {
         width: i,
         height: c === "nest" ? a - 30 : a
       }), this.renderAllNodes(), OP(l)), this.renderTooltip(), c === "nest" && this.renderNestIndex());
@@ -21469,12 +21469,12 @@ var ho = "value", Jc = function e(t) {
   }, {
     key: "renderContentItem",
     value: function(n, i, a, o) {
-      if (/* @__PURE__ */ P.isValidElement(n))
-        return /* @__PURE__ */ P.cloneElement(n, i);
+      if (/* @__PURE__ */ $.isValidElement(n))
+        return /* @__PURE__ */ $.cloneElement(n, i);
       if (ee(n))
         return n(i);
       var s = i.x, l = i.y, c = i.width, u = i.height, f = i.index, d = null;
-      c > 10 && u > 10 && i.children && a === "nest" && (d = /* @__PURE__ */ P.createElement(oh, {
+      c > 10 && u > 10 && i.children && a === "nest" && (d = /* @__PURE__ */ $.createElement(oh, {
         points: [{
           x: s + 2,
           y: l + u / 2
@@ -21487,13 +21487,13 @@ var ho = "value", Jc = function e(t) {
         }]
       }));
       var h = null, y = zn(i.name);
-      c > 20 && u > 20 && y.width < c && y.height < u && (h = /* @__PURE__ */ P.createElement("text", {
+      c > 20 && u > 20 && y.width < c && y.height < u && (h = /* @__PURE__ */ $.createElement("text", {
         x: s + 8,
         y: l + u / 2 + 7,
         fontSize: 14
       }, i.name));
       var m = o || eG;
-      return /* @__PURE__ */ P.createElement("g", null, /* @__PURE__ */ P.createElement(Zl, hl({
+      return /* @__PURE__ */ $.createElement("g", null, /* @__PURE__ */ $.createElement(Zl, hl({
         fill: i.depth < 2 ? m[f % m.length] : "rgba(255,255,255,0)",
         stroke: "#fff"
       }, JK(i, "children"), {
@@ -22268,11 +22268,11 @@ function $G({
       e.forEach((g) => {
         const w = String(g[x] || "Default");
         y[w] || (y[w] = []);
-        const S = Ar(n, u), _ = Ft(g[u], S) || g[u], $ = typeof g[f] == "string" ? parseFloat(g[f]) : g[f] || 0;
+        const S = Ar(n, u), _ = Ft(g[u], S) || g[u], P = typeof g[f] == "string" ? parseFloat(g[f]) : g[f] || 0;
         y[w].push({
           x: typeof _ == "string" ? parseFloat(_) || 0 : _,
-          y: $,
-          name: `${w} (${_}, ${$})`
+          y: P,
+          name: `${w} (${_}, ${P})`
         });
       });
       const A = Object.keys(y);
@@ -22608,10 +22608,10 @@ function CG() {
 function f1(e, t) {
   var r = [], n = null, i = null, a = 6, o = 6, s = 3, l = typeof window < "u" && window.devicePixelRatio > 1 ? 0 : 0.5, c = e === tu || e === fa ? -1 : 1, u = e === fa || e === ru ? "x" : "y", f = e === tu || e === Xf ? jG : kG;
   function d(h) {
-    var y = n ?? (t.ticks ? t.ticks.apply(t, r) : t.domain()), m = i ?? (t.tickFormat ? t.tickFormat.apply(t, r) : NG), p = Math.max(a, 0) + s, b = t.range(), O = +b[0] + l, x = +b[b.length - 1] + l, A = (t.bandwidth ? IG : MG)(t.copy(), l), g = h.selection ? h.selection() : h, w = g.selectAll(".domain").data([null]), S = g.selectAll(".tick").data(y, t).order(), _ = S.exit(), $ = S.enter().append("g").attr("class", "tick"), j = S.select("line"), T = S.select("text");
-    w = w.merge(w.enter().insert("path", ".tick").attr("class", "domain").attr("stroke", "currentColor")), S = S.merge($), j = j.merge($.append("line").attr("stroke", "currentColor").attr(u + "2", c * a)), T = T.merge($.append("text").attr("fill", "currentColor").attr(u, c * p).attr("dy", e === tu ? "0em" : e === Xf ? "0.71em" : "0.32em")), h !== g && (w = w.transition(h), S = S.transition(h), j = j.transition(h), T = T.transition(h), _ = _.transition(h).attr("opacity", vg).attr("transform", function(M) {
+    var y = n ?? (t.ticks ? t.ticks.apply(t, r) : t.domain()), m = i ?? (t.tickFormat ? t.tickFormat.apply(t, r) : NG), p = Math.max(a, 0) + s, b = t.range(), O = +b[0] + l, x = +b[b.length - 1] + l, A = (t.bandwidth ? IG : MG)(t.copy(), l), g = h.selection ? h.selection() : h, w = g.selectAll(".domain").data([null]), S = g.selectAll(".tick").data(y, t).order(), _ = S.exit(), P = S.enter().append("g").attr("class", "tick"), j = S.select("line"), T = S.select("text");
+    w = w.merge(w.enter().insert("path", ".tick").attr("class", "domain").attr("stroke", "currentColor")), S = S.merge(P), j = j.merge(P.append("line").attr("stroke", "currentColor").attr(u + "2", c * a)), T = T.merge(P.append("text").attr("fill", "currentColor").attr(u, c * p).attr("dy", e === tu ? "0em" : e === Xf ? "0.71em" : "0.32em")), h !== g && (w = w.transition(h), S = S.transition(h), j = j.transition(h), T = T.transition(h), _ = _.transition(h).attr("opacity", vg).attr("transform", function(M) {
       return isFinite(M = A(M)) ? f(M + l) : this.getAttribute("transform");
-    }), $.attr("opacity", vg).attr("transform", function(M) {
+    }), P.attr("opacity", vg).attr("transform", function(M) {
       var k = this.parentNode.__axis;
       return f((k && isFinite(k = k(M)) ? k : A(M)) + l);
     })), _.remove(), w.attr("d", e === fa || e === ru ? o ? "M" + c * o + "," + O + "H" + l + "V" + x + "H" + c * o : "M" + l + "," + O + "V" + x : o ? "M" + O + "," + c * o + "V" + l + "H" + x + "V" + c * o : "M" + O + "," + l + "H" + x), S.attr("opacity", 1).attr("transform", function(M) {
@@ -23939,19 +23939,19 @@ function TQ({
           rawValues: e.map((w) => w[f])
         }), u) {
           const w = Math.min(...g), S = Math.max(...g), _ = ql().domain([w, S]).range(ln);
-          c = e.map(($) => {
-            const j = typeof $[f] == "string" ? parseFloat($[f]) : $[f], T = _(j);
+          c = e.map((P) => {
+            const j = typeof P[f] == "string" ? parseFloat(P[f]) : P[f], T = _(j);
             return console.log("TreeMap Color Assignment:", {
-              item: $[O],
+              item: P[O],
               seriesValue: j,
               color: T,
               minValue: w,
               maxValue: S
             }), {
-              name: Ft($[O], A) || String($[O]) || "Unknown",
-              size: typeof $[x] == "string" ? parseFloat($[x]) : $[x] || 0,
+              name: Ft(P[O], A) || String(P[O]) || "Unknown",
+              size: typeof P[x] == "string" ? parseFloat(P[x]) : P[x] || 0,
               fill: T,
-              series: String($[f])
+              series: String(P[f])
             };
           });
         } else {
@@ -23984,12 +23984,12 @@ function TQ({
           /* @__PURE__ */ v("div", { className: "text-xs", children: "No numeric field found for treemap chart size" })
         ] }) });
       c = e.map((w, S) => {
-        var $;
+        var P;
         let _ = w[A];
         return typeof _ == "boolean" ? _ = _ ? "Active" : "Inactive" : _ === "true" || _ === "false" ? _ = _ === "true" ? "Active" : "Inactive" : _ = String(_), {
           name: _,
           size: typeof w[g] == "string" ? parseFloat(w[g]) : w[g] || 0,
-          fill: (($ = r.colors) == null ? void 0 : $[S]) || me[S % me.length]
+          fill: ((P = r.colors) == null ? void 0 : P[S]) || me[S % me.length]
         };
       });
     }
@@ -24000,7 +24000,7 @@ function TQ({
       ] }) });
     const d = (O) => {
       var j;
-      const { x, y: A, width: g, height: w, index: S, name: _, size: $ } = O;
+      const { x, y: A, width: g, height: w, index: S, name: _, size: P } = O;
       return g < 20 || w < 20 ? null : /* @__PURE__ */ E("g", { children: [
         /* @__PURE__ */ v(
           "rect",
@@ -24020,30 +24020,61 @@ function TQ({
             onMouseLeave: () => o(null)
           }
         ),
-        g > 40 && w > 30 && /* @__PURE__ */ v(
-          "text",
-          {
-            x: x + g / 2,
-            y: A + w / 2,
-            textAnchor: "middle",
-            dominantBaseline: "middle",
-            fontSize: Math.min(12, g / 8, w / 4),
-            fill: "#fff",
-            fontWeight: "bold",
-            children: _
-          }
-        ),
-        g > 60 && w > 45 && /* @__PURE__ */ v(
-          "text",
+        /* @__PURE__ */ v(
+          "foreignObject",
           {
-            x: x + g / 2,
-            y: A + w / 2 + 15,
-            textAnchor: "middle",
-            dominantBaseline: "middle",
-            fontSize: Math.min(10, g / 10, w / 6),
-            fill: "#fff",
-            opacity: 0.9,
-            children: $
+            x,
+            y: A,
+            width: g,
+            height: w,
+            style: { pointerEvents: "none", overflow: "visible" },
+            children: /* @__PURE__ */ E(
+              "div",
+              {
+                style: {
+                  width: "100%",
+                  height: "100%",
+                  display: "flex",
+                  flexDirection: "column",
+                  alignItems: "center",
+                  justifyContent: "center",
+                  padding: "4px",
+                  boxSizing: "border-box",
+                  color: "#ffffff",
+                  textShadow: "0 1px 2px rgba(0,0,0,0.8)",
+                  fontFamily: "system-ui, -apple-system, sans-serif",
+                  overflow: "hidden"
+                },
+                children: [
+                  g > 40 && w > 30 && /* @__PURE__ */ v(
+                    "div",
+                    {
+                      style: {
+                        fontSize: `${Math.max(10, Math.min(g / 8, w / 8, 16))}px`,
+                        fontWeight: "600",
+                        textAlign: "center",
+                        lineHeight: "1.2",
+                        marginBottom: g > 60 && w > 45 ? "4px" : "0",
+                        wordBreak: "break-word",
+                        hyphens: "auto"
+                      },
+                      children: _
+                    }
+                  ),
+                  g > 60 && w > 45 && /* @__PURE__ */ v(
+                    "div",
+                    {
+                      style: {
+                        fontSize: `${Math.max(8, Math.min(g / 10, w / 10, 14))}px`,
+                        textAlign: "center",
+                        opacity: 0.9
+                      },
+                      children: typeof P == "number" ? P.toLocaleString() : P
+                    }
+                  )
+                ]
+              }
+            )
           }
         )
       ] });
@@ -24213,7 +24244,7 @@ function NQ({
       // Add extra 30px left margin for Y-axis label
       bottom: f.showLegend && b ? 100 : 40
       // Add extra space for legend
-    }, g = l.width - A.left - A.right, w = l.height - A.top - A.bottom, S = oa(a.current).attr("width", l.width).attr("height", l.height), _ = S.append("g").attr("transform", `translate(${A.left},${A.top})`), $ = Zn().domain(sm(x, (R) => R.x)).range([0, g]).nice(), j = Zn().domain(sm(x, (R) => R.y)).range([w, 0]).nice(), T = M0().domain([0, Fu(x, (R) => R.size)]).range([f.minBubbleSize, f.maxBubbleSize]);
+    }, g = l.width - A.left - A.right, w = l.height - A.top - A.bottom, S = oa(a.current).attr("width", l.width).attr("height", l.height), _ = S.append("g").attr("transform", `translate(${A.left},${A.top})`), P = Zn().domain(sm(x, (R) => R.x)).range([0, g]).nice(), j = Zn().domain(sm(x, (R) => R.y)).range([w, 0]).nice(), T = M0().domain([0, Fu(x, (R) => R.size)]).range([f.minBubbleSize, f.maxBubbleSize]);
     let M, k = !1, N = [];
     if (b && x.length > 0) {
       const R = x.map((D) => {
@@ -24228,11 +24259,11 @@ function NQ({
     } else
       M = Xn().domain(["default"]).range([me[0]]);
     f.showGrid && (_.append("g").attr("class", "grid").attr("transform", `translate(0,${w})`).call(
-      gg($).tickSize(-w).tickFormat(() => "")
+      gg(P).tickSize(-w).tickFormat(() => "")
     ).style("stroke-dasharray", "3,3").style("opacity", 0.3), _.append("g").attr("class", "grid").call(
       bg(j).tickSize(-g).tickFormat(() => "")
-    ).style("stroke-dasharray", "3,3").style("opacity", 0.3)), _.append("g").attr("transform", `translate(0,${w})`).call(gg($)).append("text").attr("x", g / 2).attr("y", 35).attr("fill", "currentColor").style("text-anchor", "middle").style("font-size", "12px").text(u(h)), _.append("g").call(bg(j)).append("text").attr("transform", "rotate(-90)").attr("y", -35).attr("x", -w / 2).attr("fill", "currentColor").style("text-anchor", "middle").style("font-size", "12px").text(u(y));
-    const C = oa("body").append("div").attr("class", "bubble-chart-tooltip").style("position", "absolute").style("padding", "8px").style("background", "rgba(0, 0, 0, 0.8)").style("color", "white").style("border-radius", "4px").style("font-size", "12px").style("pointer-events", "none").style("opacity", 0).style("z-index", 1e3), B = _.selectAll(".bubble").data(x).enter().append("circle").attr("class", "bubble").attr("cx", (R) => $(R.x)).attr("cy", (R) => j(R.y)).attr("r", (R) => T(R.size)).style("fill", (R) => b && R.color !== void 0 ? M(k ? R.color : String(R.color)) : me[0]).style("opacity", f.bubbleOpacity).style("stroke", "#fff").style("stroke-width", 1).style("cursor", "pointer");
+    ).style("stroke-dasharray", "3,3").style("opacity", 0.3)), _.append("g").attr("transform", `translate(0,${w})`).call(gg(P)).append("text").attr("x", g / 2).attr("y", 35).attr("fill", "currentColor").style("text-anchor", "middle").style("font-size", "12px").text(u(h)), _.append("g").call(bg(j)).append("text").attr("transform", "rotate(-90)").attr("y", -35).attr("x", -w / 2).attr("fill", "currentColor").style("text-anchor", "middle").style("font-size", "12px").text(u(y));
+    const C = oa("body").append("div").attr("class", "bubble-chart-tooltip").style("position", "absolute").style("padding", "8px").style("background", "rgba(0, 0, 0, 0.8)").style("color", "white").style("border-radius", "4px").style("font-size", "12px").style("pointer-events", "none").style("opacity", 0).style("z-index", 1e3), B = _.selectAll(".bubble").data(x).enter().append("circle").attr("class", "bubble").attr("cx", (R) => P(R.x)).attr("cy", (R) => j(R.y)).attr("r", (R) => T(R.size)).style("fill", (R) => b && R.color !== void 0 ? M(k ? R.color : String(R.color)) : me[0]).style("opacity", f.bubbleOpacity).style("stroke", "#fff").style("stroke-width", 1).style("cursor", "pointer");
     if (f.showTooltip && B.on("mouseover", function(R, D) {
       oa(this).transition().duration(200).style("opacity", 1).attr("r", T(D.size) * 1.1);
       const z = [
@@ -24951,7 +24982,7 @@ const xl = /* @__PURE__ */ V.forwardRef(BQ), $g = ({
         default:
           return "bg-blue-100 text-blue-800 border border-blue-200";
       }
-    }, $ = () => {
+    }, P = () => {
       if (!S) return "text-gray-400";
       switch (g) {
         case "measures":
@@ -24982,7 +25013,7 @@ const xl = /* @__PURE__ */ V.forwardRef(BQ), $g = ({
         onClick: () => p(A, g),
         title: A.description || A.title,
         children: [
-          /* @__PURE__ */ v("div", { className: `mr-1.5 ${$()}`, children: P.cloneElement(w, { className: "w-3 h-3" }) }),
+          /* @__PURE__ */ v("div", { className: `mr-1.5 ${P()}`, children: $.cloneElement(w, { className: "w-3 h-3" }) }),
           /* @__PURE__ */ E("div", { className: "flex-1 min-w-0", children: [
             /* @__PURE__ */ v("div", { className: "font-medium truncate text-xs", children: A.shortTitle }),
             /* @__PURE__ */ v("div", { className: "text-xs text-gray-500 truncate", children: A.name })
@@ -25000,7 +25031,7 @@ const xl = /* @__PURE__ */ V.forwardRef(BQ), $g = ({
         onClick: () => m(w),
         children: [
           /* @__PURE__ */ v("div", { className: "mr-1.5", children: _ ? /* @__PURE__ */ v(Un, { className: "w-3 h-3" }) : /* @__PURE__ */ v(Mh, { className: "w-3 h-3" }) }),
-          /* @__PURE__ */ v("div", { className: "mr-1.5 text-gray-500", children: P.cloneElement(S, { className: "w-3 h-3" }) }),
+          /* @__PURE__ */ v("div", { className: "mr-1.5 text-gray-500", children: $.cloneElement(S, { className: "w-3 h-3" }) }),
           /* @__PURE__ */ v("span", { className: "flex-1", children: A }),
           /* @__PURE__ */ v("span", { className: "text-xs text-gray-500 bg-gray-200 px-1.5 py-0.5 rounded-full", children: g })
         ]
@@ -25359,7 +25390,7 @@ const qQ = [
   }, [o]), _ = de((N) => {
     const C = N.target.value;
     c(C);
-  }, []), $ = de((N) => {
+  }, []), P = de((N) => {
     a.supportsMultipleValues ? r.includes(N) || n([...r, N]) : (n([N]), s(!1)), c("");
   }, [a.supportsMultipleValues, r, n]), j = de((N) => {
     n(r.filter((C) => C !== N));
@@ -25490,14 +25521,14 @@ const qQ = [
       "button",
       {
         onClick: S,
-        className: "w-full text-left text-sm border border-gray-300 rounded px-2 py-1 bg-white hover:bg-gray-50 focus:ring-2 focus:ring-blue-500 focus:border-blue-500 flex items-center justify-between",
+        className: "w-full text-left text-sm border border-gray-300 rounded px-2 py-1 bg-white hover:bg-gray-50 focus:ring-2 focus:ring-blue-500 focus:border-blue-500 flex items-center justify-between min-w-0",
         children: [
-          /* @__PURE__ */ v("span", { className: "text-gray-500", children: A && !u ? "Loading values..." : "Select value..." }),
+          /* @__PURE__ */ v("span", { className: "text-gray-500 truncate", children: A && !u ? "Loading values..." : "Select value..." }),
           /* @__PURE__ */ v(Un, { className: "w-4 h-4 text-gray-400" })
         ]
       }
     ),
-    o && /* @__PURE__ */ E("div", { className: "absolute z-10 w-full mt-1 bg-white border border-gray-300 rounded-md shadow-lg max-h-60 overflow-y-auto", children: [
+    o && /* @__PURE__ */ E("div", { className: "absolute z-30 left-0 right-0 mt-1 bg-white border border-gray-300 rounded-md shadow-lg max-h-60 overflow-y-auto", children: [
       /* @__PURE__ */ v("div", { className: "p-2 border-b border-gray-200", children: /* @__PURE__ */ v(
         "input",
         {
@@ -25517,7 +25548,7 @@ const qQ = [
         return /* @__PURE__ */ E(
           "button",
           {
-            onClick: () => $(N),
+            onClick: () => P(N),
             className: `w-full text-left px-3 py-2 text-sm hover:bg-gray-100 focus:outline-none focus:bg-gray-100 ${B ? "bg-blue-50 text-blue-700" : "text-gray-700"}`,
             children: [
               String(N),
@@ -25689,8 +25720,8 @@ const C1 = ({
       )
     ] }) });
   const b = (g) => {
-    var $;
-    const w = KQ(g, i), _ = (($ = Eg(w)[0]) == null ? void 0 : $.operator) || "equals";
+    var P;
+    const w = KQ(g, i), _ = ((P = Eg(w)[0]) == null ? void 0 : P.operator) || "equals";
     r(t, {
       member: g,
       operator: _,
@@ -25709,22 +25740,22 @@ const C1 = ({
       values: g
     });
   };
-  return /* @__PURE__ */ v("div", { ref: u, className: "bg-white border border-gray-200 rounded-lg p-3", children: /* @__PURE__ */ E("div", { className: "flex flex-col md:flex-row md:items-center gap-3", children: [
-    /* @__PURE__ */ E("div", { className: "flex items-center gap-3 flex-1", children: [
+  return /* @__PURE__ */ v("div", { ref: u, className: "bg-white border border-gray-200 rounded-lg p-3", children: /* @__PURE__ */ E("div", { className: "flex flex-col sm:flex-row sm:items-center gap-3 min-w-0", children: [
+    /* @__PURE__ */ E("div", { className: "flex items-center gap-2 flex-1 min-w-0", children: [
       /* @__PURE__ */ v(lu, { className: "w-4 h-4 text-gray-500 flex-shrink-0" }),
       /* @__PURE__ */ E("div", { className: "relative flex-1 min-w-0", children: [
         /* @__PURE__ */ E(
           "button",
           {
             onClick: f,
-            className: "w-full flex items-center justify-between text-left text-sm border border-gray-300 rounded px-2 py-1 bg-white hover:bg-gray-50 focus:ring-2 focus:ring-blue-500 focus:border-blue-500",
+            className: "w-full flex items-center justify-between text-left text-sm border border-gray-300 rounded px-2 py-1 bg-white hover:bg-gray-50 focus:ring-2 focus:ring-blue-500 focus:border-blue-500 min-w-0",
             children: [
               /* @__PURE__ */ v("span", { className: "truncate", children: y ? /* @__PURE__ */ v("span", { className: "font-medium", children: y.name }) : /* @__PURE__ */ v("span", { className: "text-gray-500", children: "Select field..." }) }),
               /* @__PURE__ */ v(Un, { className: `w-4 h-4 text-gray-400 flex-shrink-0 ml-1 transition-transform ${o ? "transform rotate-180" : ""}` })
             ]
           }
         ),
-        o && /* @__PURE__ */ v("div", { className: "absolute z-20 w-full mt-1 bg-white border border-gray-300 rounded-md shadow-lg max-h-60 overflow-y-auto", children: h.map((g) => /* @__PURE__ */ E(
+        o && /* @__PURE__ */ v("div", { className: "absolute z-20 left-0 right-0 mt-1 bg-white border border-gray-300 rounded-md shadow-lg max-h-60 overflow-y-auto", children: h.map((g) => /* @__PURE__ */ E(
           "button",
           {
             onClick: () => b(g.name),
@@ -25742,20 +25773,20 @@ const C1 = ({
         )) })
       ] })
     ] }),
-    y && /* @__PURE__ */ E("div", { className: "flex flex-col md:flex-row md:items-center gap-3 flex-1 md:flex-initial", children: [
-      /* @__PURE__ */ E("div", { className: "relative w-full md:w-32 flex-shrink-0", children: [
+    y && /* @__PURE__ */ E("div", { className: "flex items-center gap-2 flex-1 sm:flex-initial min-w-0", children: [
+      /* @__PURE__ */ E("div", { className: "relative flex-shrink-0", children: [
         /* @__PURE__ */ E(
           "button",
           {
             onClick: d,
-            className: "w-full flex items-center justify-between text-left text-sm border border-gray-300 rounded px-2 py-1 bg-white hover:bg-gray-50 focus:ring-2 focus:ring-blue-500 focus:border-blue-500",
+            className: "w-full sm:w-32 flex items-center justify-between text-left text-sm border border-gray-300 rounded px-2 py-1 bg-white hover:bg-gray-50 focus:ring-2 focus:ring-blue-500 focus:border-blue-500",
             children: [
               /* @__PURE__ */ v("span", { className: "truncate", children: ((A = p.find((g) => g.operator === e.operator)) == null ? void 0 : A.label) || e.operator }),
               /* @__PURE__ */ v(Un, { className: `w-4 h-4 text-gray-400 flex-shrink-0 ml-1 transition-transform ${l ? "transform rotate-180" : ""}` })
             ]
           }
         ),
-        l && /* @__PURE__ */ v("div", { className: "absolute z-20 w-full mt-1 bg-white border border-gray-300 rounded-md shadow-lg max-h-60 overflow-y-auto", children: p.map((g) => /* @__PURE__ */ v(
+        l && /* @__PURE__ */ v("div", { className: "absolute z-20 left-0 right-0 mt-1 bg-white border border-gray-300 rounded-md shadow-lg max-h-60 overflow-y-auto", children: p.map((g) => /* @__PURE__ */ v(
           "button",
           {
             onClick: () => O(g.operator),
@@ -25776,15 +25807,15 @@ const C1 = ({
         }
       ) })
     ] }),
-    /* @__PURE__ */ v(
+    /* @__PURE__ */ v("div", { className: "flex justify-end sm:justify-start", children: /* @__PURE__ */ v(
       "button",
       {
         onClick: () => n(t),
-        className: "text-gray-400 hover:text-red-600 focus:outline-none flex-shrink-0 self-start md:self-center",
+        className: "text-gray-400 hover:text-red-600 focus:outline-none flex-shrink-0",
         title: "Remove filter",
         children: /* @__PURE__ */ v(Lt, { className: "w-4 h-4" })
       }
-    )
+    ) })
   ] }) });
 }, D1 = ({
   group: e,
@@ -25798,11 +25829,11 @@ const C1 = ({
 }) => {
   const [l, c] = J(!1), u = e.type === "and", f = u ? "AND" : "OR", d = e.filters, h = s > 0 ? `ml-${Math.min(s * 4, 16)}` : "", y = u ? "border-blue-200" : "border-orange-200", m = u ? "bg-blue-50" : "bg-orange-50", p = u ? "text-blue-800" : "text-orange-800", b = () => {
     if (u) {
-      const $ = Gt(d);
-      r(t, $);
+      const P = Gt(d);
+      r(t, P);
     } else {
-      const $ = kt(d);
-      r(t, $);
+      const P = kt(d);
+      r(t, P);
     }
   }, O = () => {
     var k;
@@ -25819,11 +25850,11 @@ const C1 = ({
     if (!a) return;
     const j = ((k = Pa(a, o)[0]) == null ? void 0 : k.name) || "", T = Gt([Zo(j, "equals", [])]), M = [...d, T];
     u ? r(t, kt(M)) : r(t, Gt(M)), c(!1);
-  }, g = ($, j) => {
+  }, g = (P, j) => {
     const T = [...d];
-    T[$] = j, u ? r(t, kt(T)) : r(t, Gt(T));
-  }, w = ($) => {
-    const j = d.filter((M, k) => k !== $);
+    T[P] = j, u ? r(t, kt(T)) : r(t, Gt(T));
+  }, w = (P) => {
+    const j = d.filter((M, k) => k !== P);
     if (j.length === 0) {
       i(t);
       return;
@@ -25835,11 +25866,11 @@ const C1 = ({
     }
     const T = e.type === "and" ? kt(j) : Gt(j);
     r(t, T);
-  }, S = ($, j) => {
+  }, S = (P, j) => {
     const T = [...d];
-    T[$] = j, u ? r(t, kt(T)) : r(t, Gt(T));
-  }, _ = ($) => {
-    w($);
+    T[P] = j, u ? r(t, kt(T)) : r(t, Gt(T));
+  }, _ = (P) => {
+    w(P);
   };
   return /* @__PURE__ */ E("div", { className: `${h} ${y} border-2 ${m} rounded-lg p-4 space-y-3`, children: [
     /* @__PURE__ */ E("div", { className: "flex items-center justify-between", children: [
@@ -25908,10 +25939,10 @@ const C1 = ({
       ] })
     ] }),
     /* @__PURE__ */ E("div", { className: "space-y-3", children: [
-      d.map(($, j) => hn($) ? /* @__PURE__ */ v(
+      d.map((P, j) => hn(P) ? /* @__PURE__ */ v(
         C1,
         {
-          filter: $,
+          filter: P,
           index: j,
           onFilterChange: g,
           onFilterRemove: w,
@@ -25919,10 +25950,10 @@ const C1 = ({
           query: o
         },
         j
-      ) : En($) ? /* @__PURE__ */ v(
+      ) : En(P) ? /* @__PURE__ */ v(
         D1,
         {
-          group: $,
+          group: P,
           index: j,
           onGroupChange: S,
           onGroupRemove: _,
@@ -26075,11 +26106,11 @@ const C1 = ({
       await navigator.clipboard.writeText(JSON.stringify(S, null, 2));
     } catch (_) {
       console.error("Failed to copy query:", _);
-      const $ = document.createElement("textarea");
-      $.value = JSON.stringify(S, null, 2), document.body.appendChild($), $.select(), document.execCommand("copy"), document.body.removeChild($);
+      const P = document.createElement("textarea");
+      P.value = JSON.stringify(S, null, 2), document.body.appendChild(P), P.select(), document.execCommand("copy"), document.body.removeChild(P);
     }
-  }, A = ({ label: S, fieldName: _, fieldType: $, icon: j }) => /* @__PURE__ */ E("div", { className: `inline-flex items-center text-sm px-3 py-1 rounded-lg border w-full ${(() => {
-    switch ($) {
+  }, A = ({ label: S, fieldName: _, fieldType: P, icon: j }) => /* @__PURE__ */ E("div", { className: `inline-flex items-center text-sm px-3 py-1 rounded-lg border w-full ${(() => {
+    switch (P) {
       case "measures":
         return "bg-amber-100 text-amber-800 border-amber-200";
       case "dimensions":
@@ -26095,7 +26126,7 @@ const C1 = ({
     /* @__PURE__ */ v(
       "button",
       {
-        onClick: () => s(_, $),
+        onClick: () => s(_, P),
         className: "text-gray-600 hover:text-red-600 focus:outline-none flex-shrink-0",
         children: /* @__PURE__ */ v(Lt, { className: "w-4 h-4" })
       }
@@ -26119,10 +26150,10 @@ const C1 = ({
         "select",
         {
           value: S.granularity || "month",
-          onChange: ($) => l(S.dimension, $.target.value),
+          onChange: (P) => l(S.dimension, P.target.value),
           className: "bg-blue-100 border-none text-blue-800 text-xs rounded focus:ring-2 focus:ring-blue-500 flex-1",
-          onClick: ($) => $.stopPropagation(),
-          children: qQ.map(($) => /* @__PURE__ */ v("option", { value: $.value, children: $.label }, $.value))
+          onClick: (P) => P.stopPropagation(),
+          children: qQ.map((P) => /* @__PURE__ */ v("option", { value: P.value, children: P.label }, P.value))
         }
       )
     ] })
@@ -26748,7 +26779,7 @@ const C1 = ({
       }
       return ma(F);
     });
-  }, [w]), $ = de((D, z) => {
+  }, [w]), P = de((D, z) => {
     w((I) => {
       const F = {
         ...I,
@@ -26971,7 +27002,7 @@ const C1 = ({
             onValidate: T,
             onExecute: M,
             onRemoveField: _,
-            onTimeDimensionGranularityChange: $,
+            onTimeDimensionGranularityChange: P,
             onFiltersChange: j,
             onClearQuery: k,
             showSettings: !i,
@@ -27719,12 +27750,12 @@ function DZ(e, t, r, n) {
     }), d = [];
   }
   function A(w, S, _) {
-    const $ = S !== "success";
+    const P = S !== "success";
     switch (d = d.filter((j) => j !== w), l) {
       case "pending":
         break;
       case "failed":
-        if ($ || !e.dataAfterTimeout)
+        if (P || !e.dataAfterTimeout)
           return;
         break;
       default:
@@ -27734,7 +27765,7 @@ function DZ(e, t, r, n) {
       u = _, O();
       return;
     }
-    if ($) {
+    if (P) {
       u = _, d.length || (o.length ? g() : O());
       return;
     }
@@ -27764,8 +27795,8 @@ function DZ(e, t, r, n) {
     const S = {
       status: "pending",
       resource: w,
-      callback: (_, $) => {
-        A(S, _, $);
+      callback: (_, P) => {
+        A(S, _, P);
       }
     };
     d.push(S), c++, f = setTimeout(g, e.rotate), r(w, t, S.callback);
@@ -28705,7 +28736,7 @@ function _J({
     const O = JSON.parse(p.dataTransfer.getData("text/plain")), { field: x, fromAxis: A } = O, g = { ...t };
     if (A !== "available" && A !== b) {
       const _ = g[A];
-      Array.isArray(_) ? g[A] = _.filter(($) => $ !== x) : _ === x && delete g[A];
+      Array.isArray(_) ? g[A] = _.filter((P) => P !== x) : _ === x && delete g[A];
     }
     const w = g[b], S = o.dropZones.find((_) => _.key === b);
     (S == null ? void 0 : S.maxItems) === 1 ? g[b] = x : Array.isArray(w) ? w.includes(x) || (g[b] = [...w, x]) : g[b] = [x], i(g);
@@ -28983,7 +29014,7 @@ function qg({
   apiUrl: o = "/cubejs-api/v1"
 }) {
   var L, fe;
-  const [s, l] = J(""), [c, u] = J(""), [f, d] = J("bar"), [h, y] = J(!1), [m, p] = J(null), [b, O] = J(""), [x, A] = J(null), [g, w] = J({ xAxis: [], yAxis: [], series: [] }), [S, _] = J({ showLegend: !0, showGrid: !0, showTooltip: !0, stacked: !1 }), [$, j] = J(!1), [T, M] = J(null), k = Ve(null), N = Qt(() => $h(void 0, { apiUrl: o }), [o]), C = (U) => {
+  const [s, l] = J(""), [c, u] = J(""), [f, d] = J("bar"), [h, y] = J(!1), [m, p] = J(null), [b, O] = J(""), [x, A] = J(null), [g, w] = J({ xAxis: [], yAxis: [], series: [] }), [S, _] = J({ showLegend: !0, showGrid: !0, showTooltip: !0, stacked: !1 }), [P, j] = J(!1), [T, M] = J(null), k = Ve(null), N = Qt(() => $h(void 0, { apiUrl: o }), [o]), C = (U) => {
   }, B = 5, R = 4;
   Se(() => {
     if (e) {
@@ -29110,7 +29141,7 @@ function qg({
     dimensions: x.pivotQuery.query.dimensions || [],
     timeDimensions: ((fe = x.pivotQuery.query.timeDimensions) == null ? void 0 : fe.map((U) => U.dimension)) || [],
     measures: x.pivotQuery.query.measures || []
-  } : null, ne = $ ? /* @__PURE__ */ E(Be, { children: [
+  } : null, ne = P ? /* @__PURE__ */ E(Be, { children: [
     /* @__PURE__ */ v(
       "button",
       {
@@ -29157,11 +29188,11 @@ function qg({
     {
       isOpen: e,
       onClose: ie,
-      title: $ ? "Query Builder" : i,
+      title: P ? "Query Builder" : i,
       size: "fullscreen-mobile",
       footer: ne,
-      noPadding: $,
-      children: $ ? /* @__PURE__ */ v(
+      noPadding: P,
+      children: P ? /* @__PURE__ */ v(
         R1,
         {
           ref: k,
@@ -29537,7 +29568,7 @@ function TJ({
     m(null), h(!0);
   }, []), _ = de((k) => {
     m(k), h(!0);
-  }, []), $ = de(async (k) => {
+  }, []), P = de(async (k) => {
     if (!r) return;
     let N = [...e.portlets];
     if (y) {
@@ -29605,7 +29636,7 @@ function TJ({
           onClose: () => {
             h(!1), m(null);
           },
-          onSave: $,
+          onSave: P,
           portlet: y,
           title: y ? "Edit Portlet" : "Add New Portlet",
           submitText: y ? "Update Portlet" : "Add Portlet",
@@ -29745,7 +29776,7 @@ function TJ({
         onClose: () => {
           h(!1), m(null);
         },
-        onSave: $,
+        onSave: P,
         portlet: y,
         title: y ? "Edit Portlet" : "Add New Portlet",
         submitText: y ? "Update Portlet" : "Add Portlet",