@gobolt/genesis 0.1.1 → 0.1.3

package/dist/components/Dashboard/__stories__/DashboardLayoutContent.js

@@ -1,63 +1,61 @@
-import { jsxs as S, jsx as f } from "react/jsx-runtime";
-import * as b from "react";
-import h, { PureComponent as Ce, useState as De } from "react";
+import { jsxs as C, jsx as f } from "react/jsx-runtime";
+import * as x from "react";
+import m, { PureComponent as Ce, useState as De } from "react";
 import "../../Avatar/styles.js";
 import "../../Badge/styles.js";
 import "../../../providers/BreakpointThemeProvider.js";
-import { u as Pe, a as I } from "../../../Typography-CoZ5qD-t.js";
+import { u as Pe, a as I } from "../../../Typography-B2J8CPnt.js";
 import { BREAKPOINTS as Ne } from "../../../constants/index.js";
 import "../../Breadcrumb/styles.js";
 import "../../Button/styles.js";
 import H from "../../Card/Card.js";
 import "../../Checkbox/styles.js";
+import "../../DateRangePicker/DateRangePicker.js";
 import "../../ErrorBoundaryFallback/styles.js";
-import "../../Input/styles.js";
+import "../../../styles-XuoEGUZZ.js";
 import "../../Layout/Content/styles.js";
 import "../../Message/styles.js";
 import "../../Notification/NotificationBadge/styles.js";
 import "../../Notification/styles.js";
-import "../../../styles-CWdUpZom.js";
+import "../../../styles-DNay6iFa.js";
 import "../../Progress/styles.js";
-import "../../../styles/global-styles.js";
 import je from "../../Radio/RadioGroup.js";
 import "../../Row/styles.js";
+import "../../../styles/global-styles.js";
 import "../../Row/RowLabelValue/styles.js";
 import "../../Row/RowActions/styles.js";
 import "../../SegmentedControls/styles.js";
 import "../../Select/styles.js";
 import "../../Switch/styles.js";
-import { S as ie, F as Te } from "../../../styles-qerRs7Rn.js";
+import { S as ie, F as Te } from "../../../styles-Wpm1RiGr.js";
 import "../../Tabs/styles.js";
 import "../../Tile/styles.js";
 import "../../Toast/styles.js";
 import "../../Tooltip/styles.js";
-import { columns as ke, deliveryData as J } from "../__mocks__/dashboard-data.js";
-import { R as _e, C as Q } from "../../../styles-D1vKDy9V.js";
-import { a as Ie } from "../../../useBreakpoint-TkMv121M.js";
-import { c as Le } from "../../../reactNode-sKPeiqPL.js";
-import { d as ve, e as Re } from "../../../presets-Djh_L_6R.js";
-import { p as $e } from "../../../pickAttrs-CleuMJFR.js";
-import { j as Ve, m as Me, k as Be, C as ze } from "../../../index-BbTV2Cw5.js";
-import { S as Fe } from "../../../Skeleton-BVN4pcVe.js";
-import "../../../index-DLdU7Tpd.js";
-import { I as he } from "../../../AntdIcon-nCNB0J1E.js";
-import { G as Ke, n as B, g as oe, a as se, D as We, u as Ge, b as V, L as K, o as X, C as Z, A as He, c as M, i as le, p as Xe, d as ce, h as Ue, e as Ye, j as ye, B as ee, X as U, Y, k as ge, l as ue, T as pe, m as de } from "../../../generateCategoricalChart-7ceYaiZ2.js";
-import { c as be } from "../../../clsx-OuTLNxxd.js";
-import { i as te } from "../../../_baseIsEqual-L0-w1QRI.js";
-import { L as qe } from "../../../index-BvOLXELm.js";
+import { deliveryData as J, columns as ke } from "../__mocks__/dashboard-data.js";
+import { L as _e } from "../../../index-B7FXyiY_.js";
+import { R as Ie, C as Q } from "../../../index-CupwdUIJ.js";
+import { a as Le } from "../../../useBreakpoint-ByLol0R9.js";
+import { c as Re } from "../../../reactNode-sKPeiqPL.js";
+import { e as ve, c as $e } from "../../../presets-CSXMiWyc.js";
+import { p as Ve } from "../../../pickAttrs-yFE4_vFd.js";
+import { g as Me, m as Be, j as ze, l as Fe } from "../../../CSSMotionList-DB0khM6h.js";
+import { S as Ke } from "../../../Skeleton-CudViN0a.js";
+import { I as he } from "../../../AntdIcon-DP6hPDqu.js";
+import { a as M, L as K, p as X, q as z, C as Z, A as We, b as B, e as oe, r as Ge, d as se, c as ye, h as He, g as Xe, u as Ue, i as ee, G as Ye, j as le, k as ce, D as qe, l as ge, B as te, X as U, Y, m as be, n as ue, T as pe, o as de } from "../../../generateCategoricalChart-CqByWmje.js";
 var Je = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M862 465.3h-81c-4.6 0-9 2-12.1 5.5L550 723.1V160c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v563.1L255.1 470.8c-3-3.5-7.4-5.5-12.1-5.5h-81c-6.8 0-10.5 8.1-6 13.2L487.9 861a31.96 31.96 0 0048.3 0L868 478.5c4.5-5.2.8-13.2-6-13.2z" } }] }, name: "arrow-down", theme: "outlined" }, Qe = function(r, n) {
-  return /* @__PURE__ */ b.createElement(he, ve({}, r, {
+  return /* @__PURE__ */ x.createElement(he, ve({}, r, {
     ref: n,
     icon: Je
   }));
-}, xe = /* @__PURE__ */ b.forwardRef(Qe);
+}, xe = /* @__PURE__ */ x.forwardRef(Qe);
 process.env.NODE_ENV !== "production" && (xe.displayName = "ArrowDownOutlined");
 var Ze = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M868 545.5L536.1 163a31.96 31.96 0 00-48.3 0L156 545.5a7.97 7.97 0 006 13.2h81c4.6 0 9-2 12.1-5.5L474 300.9V864c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V300.9l218.9 252.3c3 3.5 7.4 5.5 12.1 5.5h81c6.8 0 10.5-8 6-13.2z" } }] }, name: "arrow-up", theme: "outlined" }, et = function(r, n) {
-  return /* @__PURE__ */ b.createElement(he, ve({}, r, {
+  return /* @__PURE__ */ x.createElement(he, ve({}, r, {
     ref: n,
     icon: Ze
   }));
-}, Ae = /* @__PURE__ */ b.forwardRef(et);
+}, Ae = /* @__PURE__ */ x.forwardRef(et);
 process.env.NODE_ENV !== "production" && (Ae.displayName = "ArrowUpOutlined");
 const tt = (e) => {
   const {
@@ -78,16 +76,16 @@ const tt = (e) => {
     else {
       const c = u[1];
       let p = u[2] || "0", d = u[4] || "";
-      p = p.replace(/\B(?=(\d{3})+(?!\d))/g, o), typeof t == "number" && (d = d.padEnd(t, "0").slice(0, t > 0 ? t : 0)), d && (d = `${a}${d}`), i = [/* @__PURE__ */ b.createElement("span", {
+      p = p.replace(/\B(?=(\d{3})+(?!\d))/g, o), typeof t == "number" && (d = d.padEnd(t, "0").slice(0, t > 0 ? t : 0)), d && (d = `${a}${d}`), i = [/* @__PURE__ */ x.createElement("span", {
         key: "int",
         className: `${s}-content-value-int`
-      }, c, p), d && /* @__PURE__ */ b.createElement("span", {
+      }, c, p), d && /* @__PURE__ */ x.createElement("span", {
         key: "decimal",
         className: `${s}-content-value-decimal`
       }, d)];
     }
   }
-  return /* @__PURE__ */ b.createElement("span", {
+  return /* @__PURE__ */ x.createElement("span", {
     className: `${s}-content-value`
   }, i);
 }, rt = (e) => {
@@ -102,7 +100,7 @@ const tt = (e) => {
     fontFamily: l
   } = e;
   return {
-    [r]: Object.assign(Object.assign({}, Be(e)), {
+    [r]: Object.assign(Object.assign({}, ze(e)), {
       [`${r}-title`]: {
         marginBottom: n,
         color: a,
@@ -140,8 +138,8 @@ const tt = (e) => {
     titleFontSize: n,
     contentFontSize: r
   };
-}, at = Ve("Statistic", (e) => {
-  const r = Me(e, {});
+}, at = Me("Statistic", (e) => {
+  const r = Be(e, {});
   return [rt(r)];
 }, nt);
 var it = function(e, r) {
@@ -166,47 +164,48 @@ const W = (e) => {
     loading: p = !1,
     /* --- FormatConfig starts --- */
     formatter: d,
-    precision: g,
+    precision: y,
     decimalSeparator: A = ".",
-    groupSeparator: O = ",",
+    groupSeparator: w = ",",
     /* --- FormatConfig starts --- */
-    onMouseEnter: x,
-    onMouseLeave: C
+    onMouseEnter: b,
+    onMouseLeave: D
   } = e, E = it(e, ["prefixCls", "className", "rootClassName", "style", "valueStyle", "value", "title", "valueRender", "prefix", "suffix", "loading", "formatter", "precision", "decimalSeparator", "groupSeparator", "onMouseEnter", "onMouseLeave"]), {
-    getPrefixCls: P,
-    direction: y,
-    statistic: m
-  } = b.useContext(ze), v = P("statistic", r), [D, w, _] = at(v), N = /* @__PURE__ */ b.createElement(tt, {
+    getPrefixCls: N,
+    direction: v,
+    className: h,
+    style: O
+  } = Fe("statistic"), g = N("statistic", r), [S, _, T] = at(g), P = /* @__PURE__ */ x.createElement(tt, {
     decimalSeparator: A,
-    groupSeparator: O,
-    prefixCls: v,
+    groupSeparator: w,
+    prefixCls: g,
     formatter: d,
-    precision: g,
+    precision: y,
     value: s
-  }), j = Re(v, {
-    [`${v}-rtl`]: y === "rtl"
-  }, m == null ? void 0 : m.className, n, t, w, _), R = $e(E, {
+  }), R = $e(g, {
+    [`${g}-rtl`]: v === "rtl"
+  }, h, n, t, _, T), $ = Ve(E, {
     aria: !0,
     data: !0
   });
-  return D(/* @__PURE__ */ b.createElement("div", Object.assign({}, R, {
-    className: j,
-    style: Object.assign(Object.assign({}, m == null ? void 0 : m.style), a),
-    onMouseEnter: x,
-    onMouseLeave: C
-  }), i && /* @__PURE__ */ b.createElement("div", {
-    className: `${v}-title`
-  }, i), /* @__PURE__ */ b.createElement(Fe, {
+  return S(/* @__PURE__ */ x.createElement("div", Object.assign({}, $, {
+    className: R,
+    style: Object.assign(Object.assign({}, O), a),
+    onMouseEnter: b,
+    onMouseLeave: D
+  }), i && /* @__PURE__ */ x.createElement("div", {
+    className: `${g}-title`
+  }, i), /* @__PURE__ */ x.createElement(Ke, {
     paragraph: !1,
     loading: p,
-    className: `${v}-skeleton`
-  }, /* @__PURE__ */ b.createElement("div", {
+    className: `${g}-skeleton`
+  }, /* @__PURE__ */ x.createElement("div", {
     style: o,
-    className: `${v}-content`
-  }, u && /* @__PURE__ */ b.createElement("span", {
-    className: `${v}-content-prefix`
-  }, u), l ? l(N) : N, c && /* @__PURE__ */ b.createElement("span", {
-    className: `${v}-content-suffix`
+    className: `${g}-content`
+  }, u && /* @__PURE__ */ x.createElement("span", {
+    className: `${g}-content-prefix`
+  }, u), l ? l(P) : P, c && /* @__PURE__ */ x.createElement("span", {
+    className: `${g}-content-suffix`
   }, c)))));
 };
 process.env.NODE_ENV !== "production" && (W.displayName = "Statistic");
@@ -232,8 +231,8 @@ function st(e, r) {
     let [c, p] = u;
     if (l.includes(c)) {
       const d = Math.floor(n / p);
-      return n -= d * p, l.replace(new RegExp(`${c}+`, "g"), (g) => {
-        const A = g.length;
+      return n -= d * p, l.replace(new RegExp(`${c}+`, "g"), (y) => {
+        const A = y.length;
         return d.toString().padStart(A, "0");
       });
     }
@@ -268,7 +267,7 @@ const dt = (e) => {
     format: n = "HH:mm:ss",
     onChange: t,
     onFinish: a
-  } = e, o = ct(e, ["value", "format", "onChange", "onFinish"]), s = Ie(), i = b.useRef(null), l = () => {
+  } = e, o = ct(e, ["value", "format", "onChange", "onFinish"]), s = Le(), i = x.useRef(null), l = () => {
     a == null || a(), i.current && (clearInterval(i.current), i.current = null);
   }, u = () => {
     const d = pt(r);
@@ -276,29 +275,29 @@ const dt = (e) => {
       s(), t == null || t(d - Date.now()), d < Date.now() && l();
     }, ut));
   };
-  b.useEffect(() => (u(), () => {
+  x.useEffect(() => (u(), () => {
     i.current && (clearInterval(i.current), i.current = null);
   }), [r]);
-  const c = (d, g) => lt(d, Object.assign(Object.assign({}, g), {
+  const c = (d, y) => lt(d, Object.assign(Object.assign({}, y), {
     format: n
-  })), p = (d) => Le(d, {
+  })), p = (d) => Re(d, {
     title: void 0
   });
-  return /* @__PURE__ */ b.createElement(W, Object.assign({}, o, {
+  return /* @__PURE__ */ x.createElement(W, Object.assign({}, o, {
     value: r,
     valueRender: p,
     formatter: c
   }));
-}, ft = /* @__PURE__ */ b.memo(dt);
+}, ft = /* @__PURE__ */ x.memo(dt);
 W.Countdown = ft;
 var mt = ["layout", "type", "stroke", "connectNulls", "isRange", "ref"], vt = ["key"], Ee;
-function z(e) {
+function F(e) {
   "@babel/helpers - typeof";
-  return z = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(r) {
+  return F = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(r) {
     return typeof r;
   } : function(r) {
     return r && typeof Symbol == "function" && r.constructor === Symbol && r !== Symbol.prototype ? "symbol" : typeof r;
-  }, z(e);
+  }, F(e);
 }
 function Oe(e, r) {
   if (e == null) return {};
@@ -320,15 +319,15 @@ function ht(e, r) {
     }
   return n;
 }
-function $() {
-  return $ = Object.assign ? Object.assign.bind() : function(e) {
+function V() {
+  return V = Object.assign ? Object.assign.bind() : function(e) {
     for (var r = 1; r < arguments.length; r++) {
       var n = arguments[r];
       for (var t in n)
         Object.prototype.hasOwnProperty.call(n, t) && (e[t] = n[t]);
     }
     return e;
-  }, $.apply(this, arguments);
+  }, V.apply(this, arguments);
 }
 function fe(e, r) {
   var n = Object.keys(e);
@@ -344,7 +343,7 @@ function L(e) {
   for (var r = 1; r < arguments.length; r++) {
     var n = arguments[r] != null ? arguments[r] : {};
     r % 2 ? fe(Object(n), !0).forEach(function(t) {
-      T(e, t, n[t]);
+      j(e, t, n[t]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : fe(Object(n)).forEach(function(t) {
       Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
     });
@@ -362,13 +361,13 @@ function me(e, r) {
   }
 }
 function gt(e, r, n) {
-  return me(e.prototype, r), me(e, n), Object.defineProperty(e, "prototype", { writable: !1 }), e;
+  return r && me(e.prototype, r), n && me(e, n), Object.defineProperty(e, "prototype", { writable: !1 }), e;
 }
 function bt(e, r, n) {
-  return r = q(r), xt(e, we() ? Reflect.construct(r, n, q(e).constructor) : r.apply(e, n));
+  return r = q(r), xt(e, we() ? Reflect.construct(r, n || [], q(e).constructor) : r.apply(e, n));
 }
 function xt(e, r) {
-  if (r && (z(r) === "object" || typeof r == "function"))
+  if (r && (F(r) === "object" || typeof r == "function"))
     return r;
   if (r !== void 0)
     throw new TypeError("Derived constructors may only return object or undefined");
@@ -404,22 +403,22 @@ function re(e, r) {
     return t.__proto__ = a, t;
   }, re(e, r);
 }
-function T(e, r, n) {
+function j(e, r, n) {
   return r = Se(r), r in e ? Object.defineProperty(e, r, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = n, e;
 }
 function Se(e) {
   var r = Ot(e, "string");
-  return z(r) == "symbol" ? r : r + "";
+  return F(r) == "symbol" ? r : r + "";
 }
 function Ot(e, r) {
-  if (z(e) != "object" || !e) return e;
+  if (F(e) != "object" || !e) return e;
   var n = e[Symbol.toPrimitive];
   if (n !== void 0) {
-    var t = n.call(e, r || "default");
-    if (z(t) != "object") return t;
+    var t = n.call(e, r);
+    if (F(t) != "object") return t;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return (r === "string" ? String : Number)(e);
+  return String(e);
 }
 var k = /* @__PURE__ */ function(e) {
   function r() {
@@ -427,18 +426,18 @@ var k = /* @__PURE__ */ function(e) {
     yt(this, r);
     for (var t = arguments.length, a = new Array(t), o = 0; o < t; o++)
       a[o] = arguments[o];
-    return n = bt(this, r, [].concat(a)), T(n, "state", {
+    return n = bt(this, r, [].concat(a)), j(n, "state", {
       isAnimationFinished: !0
-    }), T(n, "id", Ge("recharts-area-")), T(n, "handleAnimationEnd", function() {
+    }), j(n, "id", Ue("recharts-area-")), j(n, "handleAnimationEnd", function() {
       var s = n.props.onAnimationEnd;
       n.setState({
         isAnimationFinished: !0
-      }), te(s) && s();
-    }), T(n, "handleAnimationStart", function() {
+      }), ee(s) && s();
+    }), j(n, "handleAnimationStart", function() {
       var s = n.props.onAnimationStart;
       n.setState({
         isAnimationFinished: !1
-      }), te(s) && s();
+      }), ee(s) && s();
     }), n;
   }
   return Et(r, e), gt(r, [{
@@ -447,26 +446,26 @@ var k = /* @__PURE__ */ function(e) {
       var s = this.props.isAnimationActive, i = this.state.isAnimationFinished;
       if (s && !i)
         return null;
-      var l = this.props, u = l.dot, c = l.points, p = l.dataKey, d = V(this.props, !1), g = V(u, !0), A = c.map(function(x, C) {
+      var l = this.props, u = l.dot, c = l.points, p = l.dataKey, d = M(this.props, !1), y = M(u, !0), A = c.map(function(b, D) {
         var E = L(L(L({
-          key: "dot-".concat(C),
+          key: "dot-".concat(D),
           r: 3
-        }, d), g), {}, {
-          index: C,
-          cx: x.x,
-          cy: x.y,
+        }, d), y), {}, {
+          index: D,
+          cx: b.x,
+          cy: b.y,
           dataKey: p,
-          value: x.value,
-          payload: x.payload,
+          value: b.value,
+          payload: b.payload,
           points: c
         });
         return r.renderDotItem(u, E);
-      }), O = {
+      }), w = {
         clipPath: t ? "url(#clipPath-".concat(a ? "" : "dots-").concat(o, ")") : null
       };
-      return /* @__PURE__ */ h.createElement(K, $({
+      return /* @__PURE__ */ m.createElement(K, V({
         className: "recharts-area-dots"
-      }, O), A);
+      }, w), A);
     }
   }, {
     key: "renderHorizontalRect",
@@ -474,9 +473,9 @@ var k = /* @__PURE__ */ function(e) {
       var a = this.props, o = a.baseLine, s = a.points, i = a.strokeWidth, l = s[0].x, u = s[s.length - 1].x, c = t * Math.abs(l - u), p = X(s.map(function(d) {
         return d.y || 0;
       }));
-      return B(o) && typeof o == "number" ? p = Math.max(o, p) : o && Array.isArray(o) && o.length && (p = Math.max(X(o.map(function(d) {
+      return z(o) && typeof o == "number" ? p = Math.max(o, p) : o && Array.isArray(o) && o.length && (p = Math.max(X(o.map(function(d) {
         return d.y || 0;
-      })), p)), B(p) ? /* @__PURE__ */ h.createElement("rect", {
+      })), p)), z(p) ? /* @__PURE__ */ m.createElement("rect", {
         x: l < u ? l : l - c,
         y: 0,
         width: c,
@@ -489,9 +488,9 @@ var k = /* @__PURE__ */ function(e) {
       var a = this.props, o = a.baseLine, s = a.points, i = a.strokeWidth, l = s[0].y, u = s[s.length - 1].y, c = t * Math.abs(l - u), p = X(s.map(function(d) {
         return d.x || 0;
       }));
-      return B(o) && typeof o == "number" ? p = Math.max(o, p) : o && Array.isArray(o) && o.length && (p = Math.max(X(o.map(function(d) {
+      return z(o) && typeof o == "number" ? p = Math.max(o, p) : o && Array.isArray(o) && o.length && (p = Math.max(X(o.map(function(d) {
         return d.x || 0;
-      })), p)), B(p) ? /* @__PURE__ */ h.createElement("rect", {
+      })), p)), z(p) ? /* @__PURE__ */ m.createElement("rect", {
         x: 0,
         y: l < u ? l : l - c,
         width: p + (i ? parseInt("".concat(i), 10) : 1),
@@ -509,10 +508,10 @@ var k = /* @__PURE__ */ function(e) {
     value: function(t, a, o, s) {
       var i = this.props, l = i.layout, u = i.type, c = i.stroke, p = i.connectNulls, d = i.isRange;
       i.ref;
-      var g = Oe(i, mt);
-      return /* @__PURE__ */ h.createElement(K, {
+      var y = Oe(i, mt);
+      return /* @__PURE__ */ m.createElement(K, {
         clipPath: o ? "url(#clipPath-".concat(s, ")") : null
-      }, /* @__PURE__ */ h.createElement(Z, $({}, V(g, !0), {
+      }, /* @__PURE__ */ m.createElement(Z, V({}, M(y, !0), {
         points: t,
         connectNulls: p,
         type: u,
@@ -520,14 +519,14 @@ var k = /* @__PURE__ */ function(e) {
         layout: l,
         stroke: "none",
         className: "recharts-area-area"
-      })), c !== "none" && /* @__PURE__ */ h.createElement(Z, $({}, V(this.props, !1), {
+      })), c !== "none" && /* @__PURE__ */ m.createElement(Z, V({}, M(this.props, !1), {
         className: "recharts-area-curve",
         layout: l,
         type: u,
         connectNulls: p,
         fill: "none",
         points: t
-      })), c !== "none" && d && /* @__PURE__ */ h.createElement(Z, $({}, V(this.props, !1), {
+      })), c !== "none" && d && /* @__PURE__ */ m.createElement(Z, V({}, M(this.props, !1), {
         className: "recharts-area-curve",
         layout: l,
         type: u,
@@ -539,8 +538,8 @@ var k = /* @__PURE__ */ function(e) {
   }, {
     key: "renderAreaWithAnimation",
     value: function(t, a) {
-      var o = this, s = this.props, i = s.points, l = s.baseLine, u = s.isAnimationActive, c = s.animationBegin, p = s.animationDuration, d = s.animationEasing, g = s.animationId, A = this.state, O = A.prevPoints, x = A.prevBaseLine;
-      return /* @__PURE__ */ h.createElement(He, {
+      var o = this, s = this.props, i = s.points, l = s.baseLine, u = s.isAnimationActive, c = s.animationBegin, p = s.animationDuration, d = s.animationEasing, y = s.animationId, A = this.state, w = A.prevPoints, b = A.prevBaseLine;
+      return /* @__PURE__ */ m.createElement(We, {
         begin: c,
         duration: p,
         isActive: u,
@@ -551,46 +550,46 @@ var k = /* @__PURE__ */ function(e) {
         to: {
           t: 1
         },
-        key: "area-".concat(g),
+        key: "area-".concat(y),
         onAnimationEnd: this.handleAnimationEnd,
         onAnimationStart: this.handleAnimationStart
-      }, function(C) {
-        var E = C.t;
-        if (O) {
-          var P = O.length / i.length, y = i.map(function(w, _) {
-            var N = Math.floor(_ * P);
-            if (O[N]) {
-              var j = O[N], R = M(j.x, w.x), F = M(j.y, w.y);
-              return L(L({}, w), {}, {
+      }, function(D) {
+        var E = D.t;
+        if (w) {
+          var N = w.length / i.length, v = i.map(function(S, _) {
+            var T = Math.floor(_ * N);
+            if (w[T]) {
+              var P = w[T], R = B(P.x, S.x), $ = B(P.y, S.y);
+              return L(L({}, S), {}, {
                 x: R(E),
-                y: F(E)
+                y: $(E)
               });
             }
-            return w;
-          }), m;
-          if (B(l) && typeof l == "number") {
-            var v = M(x, l);
-            m = v(E);
-          } else if (le(l) || Xe(l)) {
-            var D = M(x, 0);
-            m = D(E);
+            return S;
+          }), h;
+          if (z(l) && typeof l == "number") {
+            var O = B(b, l);
+            h = O(E);
+          } else if (oe(l) || Ge(l)) {
+            var g = B(b, 0);
+            h = g(E);
           } else
-            m = l.map(function(w, _) {
-              var N = Math.floor(_ * P);
-              if (x[N]) {
-                var j = x[N], R = M(j.x, w.x), F = M(j.y, w.y);
-                return L(L({}, w), {}, {
+            h = l.map(function(S, _) {
+              var T = Math.floor(_ * N);
+              if (b[T]) {
+                var P = b[T], R = B(P.x, S.x), $ = B(P.y, S.y);
+                return L(L({}, S), {}, {
                   x: R(E),
-                  y: F(E)
+                  y: $(E)
                 });
               }
-              return w;
+              return S;
             });
-          return o.renderAreaStatically(y, m, t, a);
+          return o.renderAreaStatically(v, h, t, a);
         }
-        return /* @__PURE__ */ h.createElement(K, null, /* @__PURE__ */ h.createElement("defs", null, /* @__PURE__ */ h.createElement("clipPath", {
+        return /* @__PURE__ */ m.createElement(K, null, /* @__PURE__ */ m.createElement("defs", null, /* @__PURE__ */ m.createElement("clipPath", {
           id: "animationClipPath-".concat(a)
-        }, o.renderClipRect(E))), /* @__PURE__ */ h.createElement(K, {
+        }, o.renderClipRect(E))), /* @__PURE__ */ m.createElement(K, {
           clipPath: "url(#animationClipPath-".concat(a, ")")
         }, o.renderAreaStatically(i, l, t, a)));
       });
@@ -599,35 +598,35 @@ var k = /* @__PURE__ */ function(e) {
     key: "renderArea",
     value: function(t, a) {
       var o = this.props, s = o.points, i = o.baseLine, l = o.isAnimationActive, u = this.state, c = u.prevPoints, p = u.prevBaseLine, d = u.totalLength;
-      return l && s && s.length && (!c && d > 0 || !ce(c, s) || !ce(p, i)) ? this.renderAreaWithAnimation(t, a) : this.renderAreaStatically(s, i, t, a);
+      return l && s && s.length && (!c && d > 0 || !se(c, s) || !se(p, i)) ? this.renderAreaWithAnimation(t, a) : this.renderAreaStatically(s, i, t, a);
     }
   }, {
     key: "render",
     value: function() {
-      var t, a = this.props, o = a.hide, s = a.dot, i = a.points, l = a.className, u = a.top, c = a.left, p = a.xAxis, d = a.yAxis, g = a.width, A = a.height, O = a.isAnimationActive, x = a.id;
+      var t, a = this.props, o = a.hide, s = a.dot, i = a.points, l = a.className, u = a.top, c = a.left, p = a.xAxis, d = a.yAxis, y = a.width, A = a.height, w = a.isAnimationActive, b = a.id;
       if (o || !i || !i.length)
         return null;
-      var C = this.state.isAnimationFinished, E = i.length === 1, P = be("recharts-area", l), y = p && p.allowDataOverflow, m = d && d.allowDataOverflow, v = y || m, D = le(x) ? this.id : x, w = (t = V(s, !1)) !== null && t !== void 0 ? t : {
+      var D = this.state.isAnimationFinished, E = i.length === 1, N = ye("recharts-area", l), v = p && p.allowDataOverflow, h = d && d.allowDataOverflow, O = v || h, g = oe(b) ? this.id : b, S = (t = M(s, !1)) !== null && t !== void 0 ? t : {
         r: 3,
         strokeWidth: 2
-      }, _ = w.r, N = _ === void 0 ? 3 : _, j = w.strokeWidth, R = j === void 0 ? 2 : j, F = Ue(s) ? s : {}, ne = F.clipDot, ae = ne === void 0 ? !0 : ne, G = N * 2 + R;
-      return /* @__PURE__ */ h.createElement(K, {
-        className: P
-      }, y || m ? /* @__PURE__ */ h.createElement("defs", null, /* @__PURE__ */ h.createElement("clipPath", {
-        id: "clipPath-".concat(D)
-      }, /* @__PURE__ */ h.createElement("rect", {
-        x: y ? c : c - g / 2,
-        y: m ? u : u - A / 2,
-        width: y ? g : g * 2,
-        height: m ? A : A * 2
-      })), !ae && /* @__PURE__ */ h.createElement("clipPath", {
-        id: "clipPath-dots-".concat(D)
-      }, /* @__PURE__ */ h.createElement("rect", {
+      }, _ = S.r, T = _ === void 0 ? 3 : _, P = S.strokeWidth, R = P === void 0 ? 2 : P, $ = He(s) ? s : {}, ne = $.clipDot, ae = ne === void 0 ? !0 : ne, G = T * 2 + R;
+      return /* @__PURE__ */ m.createElement(K, {
+        className: N
+      }, v || h ? /* @__PURE__ */ m.createElement("defs", null, /* @__PURE__ */ m.createElement("clipPath", {
+        id: "clipPath-".concat(g)
+      }, /* @__PURE__ */ m.createElement("rect", {
+        x: v ? c : c - y / 2,
+        y: h ? u : u - A / 2,
+        width: v ? y : y * 2,
+        height: h ? A : A * 2
+      })), !ae && /* @__PURE__ */ m.createElement("clipPath", {
+        id: "clipPath-dots-".concat(g)
+      }, /* @__PURE__ */ m.createElement("rect", {
         x: c - G / 2,
         y: u - G / 2,
-        width: g + G,
+        width: y + G,
         height: A + G
-      }))) : null, E ? null : this.renderArea(v, D), (s || E) && this.renderDots(v, ae, D), (!O || C) && Ye.renderCallByParent(this.props, i));
+      }))) : null, E ? null : this.renderArea(O, g), (s || E) && this.renderDots(O, ae, g), (!w || D) && Xe.renderCallByParent(this.props, i));
     }
   }], [{
     key: "getDerivedStateFromProps",
@@ -646,8 +645,8 @@ var k = /* @__PURE__ */ function(e) {
   }]);
 }(Ce);
 Ee = k;
-T(k, "displayName", "Area");
-T(k, "defaultProps", {
+j(k, "displayName", "Area");
+j(k, "defaultProps", {
   stroke: "#3182bd",
   fill: "#3182bd",
   fillOpacity: 0.6,
@@ -660,14 +659,14 @@ T(k, "defaultProps", {
   dot: !1,
   activeDot: !0,
   hide: !1,
-  isAnimationActive: !Ke.isSsr,
+  isAnimationActive: !Ye.isSsr,
   animationBegin: 0,
   animationDuration: 1500,
   animationEasing: "ease"
 });
-T(k, "getBaseValue", function(e, r, n, t) {
+j(k, "getBaseValue", function(e, r, n, t) {
   var a = e.layout, o = e.baseValue, s = r.props.baseValue, i = s ?? o;
-  if (B(i) && typeof i == "number")
+  if (z(i) && typeof i == "number")
     return i;
   var l = a === "horizontal" ? t : n, u = l.scale.domain();
   if (l.type === "number") {
@@ -676,69 +675,69 @@ T(k, "getBaseValue", function(e, r, n, t) {
   }
   return i === "dataMin" ? u[0] : i === "dataMax" ? u[1] : u[0];
 });
-T(k, "getComposedData", function(e) {
-  var r = e.props, n = e.item, t = e.xAxis, a = e.yAxis, o = e.xAxisTicks, s = e.yAxisTicks, i = e.bandSize, l = e.dataKey, u = e.stackedData, c = e.dataStartIndex, p = e.displayedData, d = e.offset, g = r.layout, A = u && u.length, O = Ee.getBaseValue(r, n, t, a), x = g === "horizontal", C = !1, E = p.map(function(y, m) {
-    var v;
-    A ? v = u[c + m] : (v = oe(y, l), Array.isArray(v) ? C = !0 : v = [O, v]);
-    var D = v[1] == null || A && oe(y, l) == null;
-    return x ? {
-      x: se({
+j(k, "getComposedData", function(e) {
+  var r = e.props, n = e.item, t = e.xAxis, a = e.yAxis, o = e.xAxisTicks, s = e.yAxisTicks, i = e.bandSize, l = e.dataKey, u = e.stackedData, c = e.dataStartIndex, p = e.displayedData, d = e.offset, y = r.layout, A = u && u.length, w = Ee.getBaseValue(r, n, t, a), b = y === "horizontal", D = !1, E = p.map(function(v, h) {
+    var O;
+    A ? O = u[c + h] : (O = le(v, l), Array.isArray(O) ? D = !0 : O = [w, O]);
+    var g = O[1] == null || A && le(v, l) == null;
+    return b ? {
+      x: ce({
         axis: t,
         ticks: o,
         bandSize: i,
-        entry: y,
-        index: m
+        entry: v,
+        index: h
       }),
-      y: D ? null : a.scale(v[1]),
-      value: v,
-      payload: y
+      y: g ? null : a.scale(O[1]),
+      value: O,
+      payload: v
     } : {
-      x: D ? null : t.scale(v[1]),
-      y: se({
+      x: g ? null : t.scale(O[1]),
+      y: ce({
         axis: a,
         ticks: s,
         bandSize: i,
-        entry: y,
-        index: m
+        entry: v,
+        index: h
       }),
-      value: v,
-      payload: y
+      value: O,
+      payload: v
     };
-  }), P;
-  return A || C ? P = E.map(function(y) {
-    var m = Array.isArray(y.value) ? y.value[0] : null;
-    return x ? {
-      x: y.x,
-      y: m != null && y.y != null ? a.scale(m) : null
+  }), N;
+  return A || D ? N = E.map(function(v) {
+    var h = Array.isArray(v.value) ? v.value[0] : null;
+    return b ? {
+      x: v.x,
+      y: h != null && v.y != null ? a.scale(h) : null
     } : {
-      x: m != null ? t.scale(m) : null,
-      y: y.y
+      x: h != null ? t.scale(h) : null,
+      y: v.y
     };
-  }) : P = x ? a.scale(O) : t.scale(O), L({
+  }) : N = b ? a.scale(w) : t.scale(w), L({
     points: E,
-    baseLine: P,
-    layout: g,
-    isRange: C
+    baseLine: N,
+    layout: y,
+    isRange: D
   }, d);
 });
-T(k, "renderDotItem", function(e, r) {
+j(k, "renderDotItem", function(e, r) {
   var n;
-  if (/* @__PURE__ */ h.isValidElement(e))
-    n = /* @__PURE__ */ h.cloneElement(e, r);
-  else if (te(e))
+  if (/* @__PURE__ */ m.isValidElement(e))
+    n = /* @__PURE__ */ m.cloneElement(e, r);
+  else if (ee(e))
     n = e(r);
   else {
-    var t = be("recharts-area-dot", typeof e != "boolean" ? e.className : ""), a = r.key, o = Oe(r, vt);
-    n = /* @__PURE__ */ h.createElement(We, $({}, o, {
+    var t = ye("recharts-area-dot", typeof e != "boolean" ? e.className : ""), a = r.key, o = Oe(r, vt);
+    n = /* @__PURE__ */ m.createElement(qe, V({}, o, {
       key: a,
       className: t
     }));
   }
   return n;
 });
-var wt = ye({
+var wt = ge({
   chartName: "BarChart",
-  GraphicalChild: ee,
+  GraphicalChild: te,
   defaultTooltipEventType: "axis",
   validateTooltipEventTypes: ["axis", "item"],
   axisComponents: [{
@@ -748,8 +747,8 @@ var wt = ye({
     axisType: "yAxis",
     AxisComp: Y
   }],
-  formatAxisMap: ge
-}), St = ye({
+  formatAxisMap: be
+}), St = ge({
   chartName: "AreaChart",
   GraphicalChild: k,
   axisComponents: [{
@@ -759,18 +758,18 @@ var wt = ye({
     axisType: "yAxis",
     AxisComp: Y
   }],
-  formatAxisMap: ge
+  formatAxisMap: be
 });
-const { Content: Ct } = qe, br = () => {
-  const [e, r] = h.useState("line"), { breakpoint: n } = Pe(), t = n === Ne.narrow, [a, o] = De("1"), s = (c) => {
+const { Content: Ct } = _e, yr = () => {
+  const [e, r] = m.useState("line"), { breakpoint: n } = Pe(), t = n === Ne.narrow, [a, o] = De("1"), s = (c) => {
     o(c.id), r(c.id === "1" ? "line" : "bar");
   }, i = {
     totalDeliveries: 107,
     evDeliveries: 89,
     iceDeliveries: 68
   };
-  return /* @__PURE__ */ S(Ct, { style: { margin: "24px 16px", padding: 24, background: "#fff" }, children: [
-    /* @__PURE__ */ S(
+  return /* @__PURE__ */ C(Ct, { style: { margin: "24px 16px", padding: 24, background: "#fff" }, children: [
+    /* @__PURE__ */ C(
       ie,
       {
         direction: t ? "vertical" : "horizontal",
@@ -788,14 +787,14 @@ const { Content: Ct } = qe, br = () => {
           width: "100%"
         },
         children: [
-          /* @__PURE__ */ S(
-            _e,
+          /* @__PURE__ */ C(
+            Ie,
             {
               style: {
                 width: "100%"
               },
               children: [
-                /* @__PURE__ */ f(Q, { span: 8, style: { textAlign: "center", padding: "0 4px" }, children: /* @__PURE__ */ S(H, { children: [
+                /* @__PURE__ */ f(Q, { span: 8, style: { textAlign: "center", padding: "0 4px" }, children: /* @__PURE__ */ C(H, { children: [
                   /* @__PURE__ */ f(
                     I,
                     {
@@ -809,11 +808,11 @@ const { Content: Ct } = qe, br = () => {
                   ),
                   /* @__PURE__ */ f(I, { variant: "digits2", level: 2, children: i.totalDeliveries })
                 ] }) }),
-                /* @__PURE__ */ f(Q, { span: 8, style: { textAlign: "center", padding: "0 4px" }, children: /* @__PURE__ */ S(H, { children: [
+                /* @__PURE__ */ f(Q, { span: 8, style: { textAlign: "center", padding: "0 4px" }, children: /* @__PURE__ */ C(H, { children: [
                   /* @__PURE__ */ f(I, { variant: "heading3", level: 4, children: "EV Deliveries" }),
                   /* @__PURE__ */ f(I, { variant: "digits2", level: 2, children: i.evDeliveries })
                 ] }) }),
-                /* @__PURE__ */ f(Q, { span: 8, style: { textAlign: "center", padding: "0 4px" }, children: /* @__PURE__ */ S(H, { children: [
+                /* @__PURE__ */ f(Q, { span: 8, style: { textAlign: "center", padding: "0 4px" }, children: /* @__PURE__ */ C(H, { children: [
                   /* @__PURE__ */ f(I, { variant: "heading3", level: 4, children: "ICE Deliveries" }),
                   /* @__PURE__ */ f(I, { variant: "digits2", level: 2, children: i.iceDeliveries })
                 ] }) })
@@ -855,9 +854,9 @@ const { Content: Ct } = qe, br = () => {
         scroll: { x: "max-content" }
       }
     ),
-    /* @__PURE__ */ S(H, { style: { marginTop: 24 }, children: [
+    /* @__PURE__ */ C(H, { style: { marginTop: 24 }, children: [
       /* @__PURE__ */ f("div", { style: { marginBottom: 24 }, children: /* @__PURE__ */ f(I, { variant: "heading3", level: 4, children: "Delivery Trends" }) }),
-      e === "line" ? /* @__PURE__ */ S(
+      e === "line" ? /* @__PURE__ */ C(
         St,
         {
           width: t ? window.innerWidth - 50 : 800,
@@ -873,12 +872,12 @@ const { Content: Ct } = qe, br = () => {
             /* @__PURE__ */ f(Y, {}),
             /* @__PURE__ */ f(pe, {}),
             /* @__PURE__ */ f(de, {}),
-            /* @__PURE__ */ S("defs", { children: [
-              /* @__PURE__ */ S("linearGradient", { id: "colorEV", x1: "0", y1: "0", x2: "0", y2: "1", children: [
+            /* @__PURE__ */ C("defs", { children: [
+              /* @__PURE__ */ C("linearGradient", { id: "colorEV", x1: "0", y1: "0", x2: "0", y2: "1", children: [
                 /* @__PURE__ */ f("stop", { offset: "5%", stopColor: "#8884d8", stopOpacity: 0.8 }),
                 /* @__PURE__ */ f("stop", { offset: "95%", stopColor: "#8884d8", stopOpacity: 0.1 })
               ] }),
-              /* @__PURE__ */ S("linearGradient", { id: "colorICE", x1: "0", y1: "0", x2: "0", y2: "1", children: [
+              /* @__PURE__ */ C("linearGradient", { id: "colorICE", x1: "0", y1: "0", x2: "0", y2: "1", children: [
                 /* @__PURE__ */ f("stop", { offset: "5%", stopColor: "#82ca9d", stopOpacity: 0.8 }),
                 /* @__PURE__ */ f("stop", { offset: "95%", stopColor: "#82ca9d", stopOpacity: 0.1 })
               ] })
@@ -905,7 +904,7 @@ const { Content: Ct } = qe, br = () => {
             )
           ]
         }
-      ) : /* @__PURE__ */ S(
+      ) : /* @__PURE__ */ C(
         wt,
         {
           width: t ? window.innerWidth - 50 : 800,
@@ -921,12 +920,12 @@ const { Content: Ct } = qe, br = () => {
             /* @__PURE__ */ f(Y, {}),
             /* @__PURE__ */ f(pe, {}),
             /* @__PURE__ */ f(de, {}),
-            /* @__PURE__ */ f(ee, { dataKey: "EV", fill: "#8884d8", name: "EV Deliveries" }),
-            /* @__PURE__ */ f(ee, { dataKey: "ICE", fill: "#82ca9d", name: "ICE Deliveries" })
+            /* @__PURE__ */ f(te, { dataKey: "EV", fill: "#8884d8", name: "EV Deliveries" }),
+            /* @__PURE__ */ f(te, { dataKey: "ICE", fill: "#82ca9d", name: "ICE Deliveries" })
           ]
         }
       ),
-      /* @__PURE__ */ f("div", { style: { marginBottom: 16 }, children: /* @__PURE__ */ S(ie, { direction: "vertical", size: "small", children: [
+      /* @__PURE__ */ f("div", { style: { marginBottom: 16 }, children: /* @__PURE__ */ C(ie, { direction: "vertical", size: "small", children: [
         /* @__PURE__ */ f(I, { variant: "body2", children: "Chart Type:" }),
         /* @__PURE__ */ f(
           je,
@@ -944,5 +943,5 @@ const { Content: Ct } = qe, br = () => {
   ] });
 };
 export {
-  br as default
+  yr as default
 };