anarock-widgets 1.0.274 → 1.0.276

package/dist/index.es.js

@@ -1,5 +1,5 @@
 import * as O from "react";
-import B, { forwardRef as Gt, useContext as Gr, useLayoutEffect as Bp, cloneElement as $i, createRef as na, Component as en, useRef as Pe, useEffect as Oe, useCallback as dt, createElement as Js, useState as Te, isValidElement as ri, Children as lI, createContext as Xr, PureComponent as yu, useMemo as dn, useImperativeHandle as jk } from "react";
+import B, { forwardRef as Gt, useContext as Gr, useLayoutEffect as Bp, cloneElement as $i, createRef as na, Component as en, useRef as Ee, useEffect as Oe, useCallback as dt, createElement as Js, useState as Ae, isValidElement as ri, Children as lI, createContext as Xr, PureComponent as yu, useMemo as dn, useImperativeHandle as jk } from "react";
 import * as Rk from "react-dom";
 import vc, { createPortal as ob } from "react-dom";
 function Po(e) {
@@ -5434,7 +5434,7 @@ process.env.NODE_ENV !== "production" && (vC.propTypes = {
 function yC(e) {
   return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
 }
-const ko = (e) => yC(e) && e !== "classes", Ae = DL({
+const ko = (e) => yC(e) && e !== "classes", Te = DL({
   themeId: wb,
   defaultTheme: xb,
   rootShouldForwardProp: ko
@@ -5470,7 +5470,7 @@ const N5 = (e) => {
     root: ["root", t !== "inherit" && `color${yn(t)}`, `fontSize${yn(n)}`]
   };
   return Ln(i, M5, r);
-}, j5 = Ae("svg", {
+}, j5 = Te("svg", {
   name: "MuiSvgIcon",
   slot: "Root",
   overridesResolver: (e, t) => {
@@ -7271,7 +7271,7 @@ function Qo(e) {
 function Vv(e) {
   return +me(e);
 }
-function Ee(e, t) {
+function Pe(e, t) {
   return me(e, t?.in).getFullYear();
 }
 function uo(e, t) {
@@ -10352,7 +10352,7 @@ var T6 = function(e) {
   var t = e.showTimeSelectOnly, n = t === void 0 ? !1 : t, r = e.showTime, i = r === void 0 ? !1 : r, o = e.className, a = e.children, s = e.inline, l = n ? "Choose Time" : "Choose Date".concat(i ? " and Time" : "");
   return B.createElement("div", { className: o, "aria-label": l, role: s ? void 0 : "dialog", "aria-modal": s ? void 0 : "true", translate: "no" }, a);
 }, M6 = function(e, t) {
-  var n = Pe(null), r = Pe(e);
+  var n = Ee(null), r = Ee(e);
   Oe(function() {
     r.current = e;
   }, [e]);
@@ -10610,7 +10610,7 @@ function QC(e, t) {
   }) || s && !s(Ne(e)) || !1;
 }
 function ud(e, t, n, r) {
-  var i = Ee(e), o = nr(e), a = Ee(t), s = nr(t), l = Ee(r);
+  var i = Pe(e), o = nr(e), a = Pe(t), s = nr(t), l = Pe(r);
   return i === a && i === l ? o <= n && n <= s : i < a ? l === i && o <= n || l === a && s >= n || l < a && l > i : !1;
 }
 function H6(e, t) {
@@ -10632,7 +10632,7 @@ function dd(e, t) {
 function fd(e, t, n) {
   if (!t || !n || !il(t) || !il(n))
     return !1;
-  var r = Ee(t), i = Ee(n);
+  var r = Pe(t), i = Pe(n);
   return r <= e && i >= e;
 }
 function mf(e, t) {
@@ -10650,7 +10650,7 @@ function mf(e, t) {
   }) || s && !s(Ne(c)) || !1;
 }
 function pd(e, t, n, r) {
-  var i = Ee(e), o = Yo(e), a = Ee(t), s = Yo(t), l = Ee(r);
+  var i = Pe(e), o = Yo(e), a = Pe(t), s = Yo(t), l = Pe(r);
   return i === a && i === l ? o <= n && n <= s : i < a ? l === i && o <= n || l === a && s >= n || l < a && l > i : !1;
 }
 function Pu(e, t) {
@@ -10715,7 +10715,7 @@ function r_(e, t) {
   }) || !1;
 }
 function K6(e, t) {
-  var n = t === void 0 ? {} : t, r = n.minDate, i = n.yearItemNumber, o = i === void 0 ? Eu : i, a = wc(oa(e, o)), s = oo(a, o).endPeriod, l = r && Ee(r);
+  var n = t === void 0 ? {} : t, r = n.minDate, i = n.yearItemNumber, o = i === void 0 ? Eu : i, a = wc(oa(e, o)), s = oo(a, o).endPeriod, l = r && Pe(r);
   return l && l > s || !1;
 }
 function i_(e, t) {
@@ -10725,7 +10725,7 @@ function i_(e, t) {
   }) || !1;
 }
 function q6(e, t) {
-  var n = t === void 0 ? {} : t, r = n.maxDate, i = n.yearItemNumber, o = i === void 0 ? Eu : i, a = oi(e, o), s = oo(a, o).startPeriod, l = r && Ee(r);
+  var n = t === void 0 ? {} : t, r = n.maxDate, i = n.yearItemNumber, o = i === void 0 ? Eu : i, a = oi(e, o), s = oo(a, o).startPeriod, l = r && Pe(r);
   return l && l < s || !1;
 }
 function ZC(e) {
@@ -10805,7 +10805,7 @@ function Ns(e) {
 }
 function oo(e, t) {
   t === void 0 && (t = Eu);
-  var n = Math.ceil(Ee(e) / t) * t, r = n - (t - 1);
+  var n = Math.ceil(Pe(e) / t) * t, r = n - (t - 1);
   return { startPeriod: r, endPeriod: n };
 }
 function Z6(e) {
@@ -11270,17 +11270,17 @@ var r3 = (
         var i = n.props.day, o = ii(r, 6);
         return Wn(r, i) || Wn(o, i);
       }, n.isCurrentMonth = function(r, i) {
-        return Ee(r) === Ee(Ne()) && i === nr(Ne());
+        return Pe(r) === Pe(Ne()) && i === nr(Ne());
       }, n.isCurrentQuarter = function(r, i) {
-        return Ee(r) === Ee(Ne()) && i === Yo(Ne());
+        return Pe(r) === Pe(Ne()) && i === Yo(Ne());
       }, n.isSelectedMonth = function(r, i, o) {
-        return nr(o) === i && Ee(r) === Ee(o);
+        return nr(o) === i && Pe(r) === Pe(o);
       }, n.isSelectMonthInList = function(r, i, o) {
         return o.some(function(a) {
           return n.isSelectedMonth(r, i, a);
         });
       }, n.isSelectedQuarter = function(r, i, o) {
-        return Yo(o) === i && Ee(r) === Ee(o);
+        return Yo(o) === i && Pe(r) === Pe(o);
       }, n.isSelectQuarterInList = function(r, i, o) {
         return o.some(function(a) {
           return n.isSelectedQuarter(r, i, a);
@@ -11864,7 +11864,7 @@ var s3 = (
       }, r.isSameDay = function(i, o) {
         return De(i, o);
       }, r.isCurrentYear = function(i) {
-        return i === Ee(Ne());
+        return i === Pe(Ne());
       }, r.isRangeStart = function(i) {
         return r.props.startDate && r.props.endDate && xi(vi(Ne(), i), r.props.startDate);
       }, r.isRangeEnd = function(i) {
@@ -11894,8 +11894,8 @@ var s3 = (
       }, r.isSelectedYear = function(i) {
         var o = r.props, a = o.selectsMultiple, s = o.selected, l = o.selectedDates;
         return a ? l?.some(function(c) {
-          return i === Ee(c);
-        }) : !!s && i === Ee(s);
+          return i === Pe(c);
+        }) : !!s && i === Pe(s);
       }, r.onYearClick = function(i, o) {
         var a = r.props.date;
         a !== void 0 && r.handleYearClick(wc(vi(a, o)), i);
@@ -11959,7 +11959,7 @@ var s3 = (
       }, r.getYearTabIndex = function(i) {
         if (r.props.disabledKeyboardNavigation || r.props.preSelection == null)
           return "-1";
-        var o = Ee(r.props.preSelection), a = mf(i, r.props);
+        var o = Pe(r.props.preSelection), a = mf(i, r.props);
         return i === o && !a ? "0" : "-1";
       }, r.getYearContent = function(i) {
         return r.props.renderYearContent ? r.props.renderYearContent(i) : i;
@@ -11996,7 +11996,7 @@ var s3 = (
 function d3(e, t, n, r) {
   for (var i = [], o = 0; o < 2 * t + 1; o++) {
     var a = e + t - o, s = !0;
-    n && (s = Ee(n) <= a), r && s && (s = Ee(r) >= a), s && i.push(a);
+    n && (s = Pe(n) <= a), r && s && (s = Pe(r) >= a), s && i.push(a);
   }
   return i;
 }
@@ -12034,7 +12034,7 @@ var f3 = (
             s === d ? B.createElement("span", { className: "react-datepicker__year-option--selected" }, "✓") : "",
             d
           );
-        }), c = r.props.minDate ? Ee(r.props.minDate) : null, u = r.props.maxDate ? Ee(r.props.maxDate) : null;
+        }), c = r.props.minDate ? Pe(r.props.minDate) : null, u = r.props.maxDate ? Pe(r.props.maxDate) : null;
         return (!u || !r.state.yearsList.find(function(d) {
           return d === u;
         })) && l.unshift(B.createElement(
@@ -12094,7 +12094,7 @@ var f3 = (
       return n.state = {
         dropdownVisible: !1
       }, n.renderSelectOptions = function() {
-        for (var r = n.props.minDate ? Ee(n.props.minDate) : 1900, i = n.props.maxDate ? Ee(n.props.maxDate) : 2100, o = [], a = r; a <= i; a++)
+        for (var r = n.props.minDate ? Pe(n.props.minDate) : 1900, i = n.props.maxDate ? Pe(n.props.maxDate) : 2100, o = [], a = r; a <= i; a++)
           o.push(B.createElement("option", { key: a, value: a }, a));
         return o;
       }, n.onSelectChange = function(r) {
@@ -12243,7 +12243,7 @@ var f3 = (
         r.setState(function(o) {
           var a = o.date;
           return {
-            date: vi(gr(a, nr(i)), Ee(i))
+            date: vi(gr(a, nr(i)), Pe(i))
           };
         }, function() {
           return r.handleMonthYearChange(r.state.date);
@@ -12382,7 +12382,7 @@ var f3 = (
         return r.props.showYearDropdown && o.push("react-datepicker__current-month--hasYearDropdown"), r.props.showMonthDropdown && o.push("react-datepicker__current-month--hasMonthDropdown"), r.props.showMonthYearDropdown && o.push("react-datepicker__current-month--hasMonthYearDropdown"), B.createElement("h2", { className: o.join(" ") }, tr(i) ? vt(i, r.props.dateFormat, r.props.locale) : "");
       }, r.renderYearDropdown = function(i) {
         if (i === void 0 && (i = !1), !(!r.props.showYearDropdown || i))
-          return B.createElement(p3, _e({}, t.defaultProps, r.props, { date: r.state.date, onChange: r.changeYear, year: Ee(r.state.date) }));
+          return B.createElement(p3, _e({}, t.defaultProps, r.props, { date: r.state.date, onChange: r.changeYear, year: Pe(r.state.date) }));
       }, r.renderMonthDropdown = function(i) {
         if (i === void 0 && (i = !1), !(!r.props.showMonthDropdown || i))
           return B.createElement(o3, _e({}, t.defaultProps, r.props, { month: nr(r.state.date), onChange: r.changeMonth }));
@@ -12436,7 +12436,7 @@ var f3 = (
         return B.createElement("div", { className: "react-datepicker__header react-datepicker__header--custom", onFocus: r.props.onDropdownFocus }, (a = (o = r.props).renderCustomHeader) === null || a === void 0 ? void 0 : a.call(o, _e(_e(_e({}, r.state), u && { visibleYearsRange: f }), { customHeaderCount: l, monthDate: s, changeMonth: r.changeMonth, changeYear: r.changeYear, decreaseMonth: r.decreaseMonth, increaseMonth: r.increaseMonth, decreaseYear: r.decreaseYear, increaseYear: r.increaseYear, prevMonthButtonDisabled: v, nextMonthButtonDisabled: b, prevYearButtonDisabled: S, nextYearButtonDisabled: w })));
       }, r.renderYearHeader = function(i) {
         var o = i.monthDate, a = r.props, s = a.showYearPicker, l = a.yearItemNumber, c = l === void 0 ? t.defaultProps.yearItemNumber : l, u = oo(o, c), d = u.startPeriod, f = u.endPeriod;
-        return B.createElement("div", { className: "react-datepicker__header react-datepicker-year-header" }, s ? "".concat(d, " - ").concat(f) : Ee(o));
+        return B.createElement("div", { className: "react-datepicker__header react-datepicker-year-header" }, s ? "".concat(d, " - ").concat(f) : Pe(o));
       }, r.renderHeader = function(i) {
         var o = i.monthDate, a = i.i, s = a === void 0 ? 0 : a, l = { monthDate: o, i: s };
         switch (!0) {
@@ -12503,7 +12503,7 @@ var f3 = (
         if (!tr(r.state.date))
           return B.createElement("span", { role: "alert", "aria-live": "polite", className: "react-datepicker__aria-live" });
         var o = oo(r.state.date, (i = r.props.yearItemNumber) !== null && i !== void 0 ? i : t.defaultProps.yearItemNumber), a = o.startPeriod, s = o.endPeriod, l;
-        return r.props.showYearPicker ? l = "".concat(a, " - ").concat(s) : r.props.showMonthYearPicker || r.props.showQuarterYearPicker ? l = Ee(r.state.date) : l = "".concat(Nb(nr(r.state.date), r.props.locale), " ").concat(Ee(r.state.date)), B.createElement("span", { role: "alert", "aria-live": "polite", className: "react-datepicker__aria-live" }, r.state.isRenderAriaLiveMessage && l);
+        return r.props.showYearPicker ? l = "".concat(a, " - ").concat(s) : r.props.showMonthYearPicker || r.props.showQuarterYearPicker ? l = Pe(r.state.date) : l = "".concat(Nb(nr(r.state.date), r.props.locale), " ").concat(Pe(r.state.date)), B.createElement("span", { role: "alert", "aria-live": "polite", className: "react-datepicker__aria-live" }, r.state.isRenderAriaLiveMessage && l);
       }, r.renderChildren = function() {
         if (r.props.children)
           return B.createElement("div", { className: "react-datepicker__children-container" }, r.props.children);
@@ -12644,7 +12644,7 @@ var f3 = (
 );
 function x3(e) {
   function t(n) {
-    var r, i = typeof n.hidePopper == "boolean" ? n.hidePopper : !0, o = Pe(null), a = A6(_e({ open: !i, whileElementsMounted: a6, placement: n.popperPlacement, middleware: Ei([
+    var r, i = typeof n.hidePopper == "boolean" ? n.hidePopper : !0, o = Ee(null), a = A6(_e({ open: !i, whileElementsMounted: a6, placement: n.popperPlacement, middleware: Ei([
       m6({ padding: 15 }),
       h6(10),
       // eslint-disable-next-line react-hooks/refs -- Floating UI requires refs to be passed during render
@@ -12683,7 +12683,7 @@ var w3 = function(e) {
   );
 }, _3 = x3(w3);
 function f_(e, t) {
-  return e && t ? nr(e) !== nr(t) || Ee(e) !== Ee(t) : e !== t;
+  return e && t ? nr(e) !== nr(t) || Pe(e) !== Pe(t) : e !== t;
 }
 var Mm = "Date input not valid.", oD = (
   /** @class */
@@ -12855,7 +12855,7 @@ var Mm = "Date input not valid.", oD = (
       }, r.setSelected = function(i, o, a, s) {
         var l, c, u = r.props.timeZone, d = i;
         if (d && u && (d = Gi(d, u)), r.props.showYearPicker) {
-          if (d !== null && mf(Ee(d), r.props))
+          if (d !== null && mf(Pe(d), r.props))
             return;
         } else if (r.props.showMonthYearPicker) {
           if (d !== null && QC(d, r.props))
@@ -13300,7 +13300,7 @@ var Mm = "Date input not valid.", oD = (
   })(en)
 ), S3 = "input", Nm = "navigate";
 function sfe({ title: e, description: t, onExport: n }) {
-  const [r, i] = Te(!1), [o, a] = Te(!1), [s, l] = Te("Last 7 Days"), [c, u] = Te(null), [d, f] = Te(null), [p, h] = Te(!1), [m, v] = Te(!1), b = Pe(null), S = Pe(null), w = [
+  const [r, i] = Ae(!1), [o, a] = Ae(!1), [s, l] = Ae("Last 7 Days"), [c, u] = Ae(null), [d, f] = Ae(null), [p, h] = Ae(!1), [m, v] = Ae(!1), b = Ee(null), S = Ee(null), w = [
     "Last 7 Days",
     "Last 30 Days",
     "This Month",
@@ -13631,7 +13631,7 @@ const R3 = [
   { name: "Engagement", icon: cD }
 ];
 function lfe() {
-  const [e, t] = Te("Overview");
+  const [e, t] = Ae("Overview");
   return /* @__PURE__ */ g.jsx("div", { className: "flex gap-[8px] p-[12px]", children: R3.map((n) => {
     const r = n.icon, i = e === n.name;
     return /* @__PURE__ */ g.jsxs(
@@ -16608,7 +16608,7 @@ function YW() {
 }
 var bd = 1;
 function QD() {
-  var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [], [t, n] = Te({
+  var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [], [t, n] = Ae({
     height: 0,
     left: 0,
     top: 0,
@@ -20038,7 +20038,7 @@ function Cl(e) {
     onAnimationEnd: s,
     onAnimationStart: l,
     children: c
-  } = t, u = JV(t.animationId, t.animationManager), [d, f] = Te(n ? sO : Rg), p = Pe(null);
+  } = t, u = JV(t.animationId, t.animationManager), [d, f] = Ae(n ? sO : Rg), p = Ee(null);
   return Oe(() => {
     n || f(Rg);
   }, [n]), Oe(() => {
@@ -20053,7 +20053,7 @@ function Cl(e) {
   }, [n, r, i, o, a, l, s, u]), c(d.t);
 }
 function Dl(e) {
-  var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "animation-", n = Pe(Gc(t)), r = Pe(e);
+  var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "animation-", n = Ee(Gc(t)), r = Ee(e);
   return r.current !== e && (n.current = Gc(t), r.current = e), n.current;
 }
 function lO(e, t) {
@@ -20140,7 +20140,7 @@ var uO = (e, t, n, r, i) => {
   animationDuration: 1500,
   animationEasing: "ease"
 }, VA = (e) => {
-  var t = nn(e, iH), n = Pe(null), [r, i] = Te(-1);
+  var t = nn(e, iH), n = Ee(null), [r, i] = Ae(-1);
   Oe(() => {
     if (n.current && n.current.getTotalLength)
       try {
@@ -20162,7 +20162,7 @@ var uO = (e, t, n, r, i) => {
     animationBegin: p,
     isAnimationActive: h,
     isUpdateAnimationActive: m
-  } = t, v = Pe(s), b = Pe(l), S = Pe(o), w = Pe(a), x = dn(() => ({
+  } = t, v = Ee(s), b = Ee(l), S = Ee(o), w = Ee(a), x = dn(() => ({
     x: o,
     y: a,
     width: s,
@@ -25225,9 +25225,9 @@ var Pt = /* @__PURE__ */ Gt((e, t) => {
     className: f,
     onResize: p,
     style: h = {}
-  } = e, m = Pe(null), v = Pe();
+  } = e, m = Ee(null), v = Ee();
   v.current = p, jk(t, () => m.current);
-  var [b, S] = Te({
+  var [b, S] = Ae({
     containerWidth: r.width,
     containerHeight: r.height
   }), w = dt((_, E) => {
@@ -26431,7 +26431,7 @@ var KE = (e, t, n, r, i) => {
     animationDuration: c,
     animationBegin: u,
     isUpdateAnimationActive: d
-  } = t, f = Pe(), [p, h] = Te(-1), m = Pe(i), v = Pe(o), b = Pe(a), S = Pe(n), w = Pe(r), x = Dl(e, "trapezoid-");
+  } = t, f = Ee(), [p, h] = Ae(-1), m = Ee(i), v = Ee(o), b = Ee(a), S = Ee(n), w = Ee(r), x = Dl(e, "trapezoid-");
   if (Oe(() => {
     if (f.current && f.current.getTotalLength)
       try {
@@ -26697,7 +26697,7 @@ var kX = /* @__PURE__ */ Xr(void 0), Xh = (e) => {
   removePolarGraphicalItem: NX
 } = bN.actions, jX = bN.reducer;
 function Sx(e) {
-  var t = Ot(), n = Pe(null);
+  var t = Ot(), n = Ee(null);
   return Oe(() => {
     n.current === null ? t(DX(e)) : n.current !== e && t(AX({
       prev: n.current,
@@ -27033,7 +27033,7 @@ function rQ(e) {
     inactiveShape: c,
     onAnimationStart: u,
     onAnimationEnd: d
-  } = t, f = Dl(t, "recharts-pie-"), p = n.current, [h, m] = Te(!1), v = dt(() => {
+  } = t, f = Dl(t, "recharts-pie-"), p = n.current, [h, m] = Ae(!1), v = dt(() => {
     typeof d == "function" && d(), m(!1);
   }, [d]), b = dt(() => {
     typeof u == "function" && u(), m(!0);
@@ -27111,7 +27111,7 @@ function oQ(e) {
     hide: r,
     className: i,
     rootTabIndex: o
-  } = e, a = dn(() => zb(e.children, xn), [e.children]), s = ue((u) => iX(u, t, a)), l = Pe(null), c = ae("recharts-pie", i);
+  } = e, a = dn(() => zb(e.children, xn), [e.children]), s = ue((u) => iX(u, t, a)), l = Ee(null), c = ae("recharts-pie", i);
   return r || s == null ? (l.current = null, /* @__PURE__ */ O.createElement(Dt, {
     tabIndex: o,
     className: c
@@ -27824,7 +27824,7 @@ function eZ(e) {
     animationEasing: l,
     onAnimationEnd: c,
     onAnimationStart: u
-  } = t, d = n.current, f = Dl(t, "recharts-bar-"), [p, h] = Te(!1), m = !p, v = dt(() => {
+  } = t, d = n.current, f = Dl(t, "recharts-bar-"), [p, h] = Ae(!1), m = !p, v = dt(() => {
     typeof c == "function" && c(), h(!1);
   }, [c]), b = dt(() => {
     typeof u == "function" && u(), h(!0);
@@ -27872,7 +27872,7 @@ function eZ(e) {
   }), t.children);
 }
 function tZ(e) {
-  var t = Pe(null);
+  var t = Ee(null);
   return /* @__PURE__ */ O.createElement(eZ, {
     previousRectanglesRef: t,
     props: e
@@ -28486,7 +28486,7 @@ var WZ = function(t) {
 } = CN.actions, YZ = CN.reducer, DN = /* @__PURE__ */ Xr(void 0), UZ = (e) => {
   var {
     children: t
-  } = e, [n] = Te("".concat(Gc("recharts"), "-clip")), r = Qh();
+  } = e, [n] = Ae("".concat(Gc("recharts"), "-clip")), r = Qh();
   if (r == null)
     return null;
   var {
@@ -29170,7 +29170,7 @@ var OJ = /* @__PURE__ */ Gt((e, t) => {
     className: o,
     hide: a,
     ticks: s
-  } = e, l = Fy(e, dJ), [c, u] = Te(""), [d, f] = Te(""), p = Pe([]);
+  } = e, l = Fy(e, dJ), [c, u] = Ae(""), [d, f] = Ae(""), p = Ee([]);
   jk(t, () => ({
     getCalculatedWidth: () => {
       var m;
@@ -29906,7 +29906,7 @@ function cee(e) {
     height: h,
     onAnimationEnd: m,
     onAnimationStart: v
-  } = n, b = i.current, S = Dl(n, "recharts-line-"), [w, x] = Te(!1), _ = !w, E = dt(() => {
+  } = n, b = i.current, S = Dl(n, "recharts-line-"), [w, x] = Ae(!1), _ = !w, E = dt(() => {
     typeof m == "function" && m(), x(!1);
   }, [m]), k = dt(() => {
     typeof v == "function" && v(), x(!0);
@@ -29974,7 +29974,7 @@ function uee(e) {
   var {
     clipPathId: t,
     props: n
-  } = e, r = Pe(null), i = Pe(0), o = Pe(null);
+  } = e, r = Ee(null), i = Ee(0), o = Ee(null);
   return /* @__PURE__ */ O.createElement(cee, {
     props: n,
     clipPathId: t,
@@ -30530,7 +30530,7 @@ function Ree(e) {
     animationEasing: d,
     onAnimationStart: f,
     onAnimationEnd: p
-  } = r, h = Dl(r, "recharts-area-"), [m, v] = Te(!1), b = !m, S = dt(() => {
+  } = r, h = Dl(r, "recharts-area-"), [m, v] = Ae(!1), b = !m, S = dt(() => {
     typeof p == "function" && p(), v(!1);
   }, [p]), w = dt(() => {
     typeof f == "function" && f(), v(!0);
@@ -30613,7 +30613,7 @@ function Iee(e) {
     needClip: t,
     clipPathId: n,
     props: r
-  } = e, i = Pe(null), o = Pe();
+  } = e, i = Ee(null), o = Ee();
   return /* @__PURE__ */ O.createElement(Ree, {
     needClip: t,
     clipPathId: n,
@@ -31006,7 +31006,7 @@ var ite = (e) => {
     className: n,
     width: r,
     label: i
-  } = e, o = Pe(null), a = Pe(null), s = ue(i0), l = Sn(), c = Ot(), u = "yAxis", d = ue((_) => sa(_, u, t, l)), f = ue((_) => _M(_, t)), p = ue((_) => GU(_, t)), h = ue((_) => EM(_, u, t, l)), m = ue((_) => JT(_, t));
+  } = e, o = Ee(null), a = Ee(null), s = ue(i0), l = Sn(), c = Ot(), u = "yAxis", d = ue((_) => sa(_, u, t, l)), f = ue((_) => _M(_, t)), p = ue((_) => GU(_, t)), h = ue((_) => EM(_, u, t, l)), m = ue((_) => JT(_, t));
   if (Bp(() => {
     if (!(r !== "auto" || !f || fx(i) || /* @__PURE__ */ ri(i) || m == null)) {
       var _ = o.current;
@@ -31571,7 +31571,7 @@ function tj(e) {
     preloadedState: t,
     children: n,
     reduxStoreName: r
-  } = e, i = Sn(), o = Pe(null);
+  } = e, i = Sn(), o = Ee(null);
   if (i)
     return n;
   o.current == null && (o.current = jte(t));
@@ -31679,7 +31679,7 @@ var Lte = {
   }, r), n);
 });
 function Wte() {
-  var e = Ot(), [t, n] = Te(null), r = ue(D7);
+  var e = Ot(), [t, n] = Ae(null), r = ue(D7);
   return Oe(() => {
     if (t != null) {
       var i = t.getBoundingClientRect(), o = i.width / t.offsetWidth;
@@ -31743,7 +31743,7 @@ var Ute = /* @__PURE__ */ Gt((e, t) => {
     onTouchStart: m,
     style: v,
     width: b
-  } = e, S = Ot(), [w, x] = Te(null), [_, E] = Te(null);
+  } = e, S = Ot(), [w, x] = Ae(null), [_, E] = Ae(null);
   Dq();
   var k = Wte(), C = dt((q) => {
     k(q), typeof t == "function" && t(q), x(q), E(q);
@@ -32590,7 +32590,7 @@ const One = (e) => {
     root: ["root", r, !t && "rounded", r === "elevation" && `elevation${n}`]
   };
   return Ln(o, Sne, i);
-}, Ene = Ae("div", {
+}, Ene = Te("div", {
   name: "MuiPaper",
   slot: "Root",
   overridesResolver: (e, t) => {
@@ -34154,7 +34154,7 @@ process.env.NODE_ENV !== "production" && (Dj.propTypes = {
    */
   transition: y.bool
 });
-const $re = Ae(Dj, {
+const $re = Te(Dj, {
   name: "MuiPopper",
   slot: "Root"
 })({}), Kx = /* @__PURE__ */ O.forwardRef(function(t, n) {
@@ -34539,7 +34539,7 @@ const rm = (e, t) => {
     input: ["input", r && "disabled", h === "search" && "inputTypeSearch", u && "inputMultiline", f === "small" && "inputSizeSmall", c && "inputHiddenLabel", p && "inputAdornedStart", o && "inputAdornedEnd", d && "readOnly"]
   };
   return Ln(m, zre, t);
-}, om = Ae("div", {
+}, om = Te("div", {
   name: "MuiInputBase",
   slot: "Root",
   overridesResolver: rm
@@ -34583,7 +34583,7 @@ const rm = (e, t) => {
       width: "100%"
     }
   }]
-}))), am = Ae("input", {
+}))), am = Te("input", {
   name: "MuiInputBase",
   slot: "Input",
   overridesResolver: im
@@ -35336,7 +35336,7 @@ const Qre = (e) => {
   return Ln({
     root: ["root", n && "invisible"]
   }, Xre, t);
-}, Zre = Ae("div", {
+}, Zre = Te("div", {
   name: "MuiBackdrop",
   slot: "Root",
   overridesResolver: (e, t) => {
@@ -35907,7 +35907,7 @@ const hie = (e) => {
     root: ["root", !t && n && "hidden"],
     backdrop: ["backdrop"]
   }, pie, r);
-}, mie = Ae("div", {
+}, mie = Te("div", {
   name: "MuiModal",
   slot: "Root",
   overridesResolver: (e, t) => {
@@ -35933,7 +35933,7 @@ const hie = (e) => {
       visibility: "hidden"
     }
   }]
-}))), gie = Ae(jj, {
+}))), gie = Te(jj, {
   name: "MuiModal",
   slot: "Backdrop"
 })({
@@ -36247,7 +36247,7 @@ const vie = (e) => {
     // forward classes to the InputBase
     ...c
   };
-}, yie = Ae(om, {
+}, yie = Te(om, {
   shouldForwardProp: (e) => ko(e) || e === "classes",
   name: "MuiFilledInput",
   slot: "Root",
@@ -36390,7 +36390,7 @@ const vie = (e) => {
       }
     }]
   };
-})), bie = Ae(am, {
+})), bie = Te(am, {
   name: "MuiFilledInput",
   slot: "Input",
   overridesResolver: im
@@ -36911,7 +36911,7 @@ const wie = (e) => {
     // forward classes to the InputBase
     ...i
   };
-}, _ie = Ae(om, {
+}, _ie = Te(om, {
   shouldForwardProp: (e) => ko(e) || e === "classes",
   name: "MuiInput",
   slot: "Root",
@@ -37001,7 +37001,7 @@ const wie = (e) => {
       }
     }))]
   };
-})), Sie = Ae(am, {
+})), Sie = Te(am, {
   name: "MuiInput",
   slot: "Input",
   overridesResolver: im
@@ -37244,7 +37244,7 @@ const Eie = (e) => {
   return Ln({
     root: ["root", !n && "padding", r && "dense", i && "subheader"]
   }, Oie, t);
-}, Pie = Ae("ul", {
+}, Pie = Te("ul", {
   name: "MuiList",
   slot: "Root",
   overridesResolver: (e, t) => {
@@ -37531,10 +37531,10 @@ const Cie = (e) => {
     root: ["root"],
     paper: ["paper"]
   }, kie, t);
-}, Die = Ae(Ij, {
+}, Die = Te(Ij, {
   name: "MuiPopover",
   slot: "Root"
-})({}), Wj = Ae(fj, {
+})({}), Wj = Te(fj, {
   name: "MuiPopover",
   slot: "Paper"
 })({
@@ -37977,11 +37977,11 @@ const Tie = {
     paper: ["paper"],
     list: ["list"]
   }, Aie, t);
-}, jie = Ae(zj, {
+}, jie = Te(zj, {
   shouldForwardProp: (e) => ko(e) || e === "classes",
   name: "MuiMenu",
   slot: "Root"
-})({}), Rie = Ae(Wj, {
+})({}), Rie = Te(Wj, {
   name: "MuiMenu",
   slot: "Paper"
 })({
@@ -37991,7 +37991,7 @@ const Tie = {
   maxHeight: "calc(100% - 96px)",
   // Add iOS momentum scrolling for iOS < 13.0
   WebkitOverflowScrolling: "touch"
-}), Iie = Ae(Bj, {
+}), Iie = Te(Bj, {
   name: "MuiMenu",
   slot: "List"
 })({
@@ -38244,7 +38244,7 @@ const Jx = Yn("MuiNativeSelect", ["root", "select", "multiple", "filled", "outli
     icon: ["icon", `icon${yn(n)}`, o && "iconOpen", r && "disabled"]
   };
   return Ln(s, Fie, t);
-}, Hj = Ae("select", {
+}, Hj = Te("select", {
   name: "MuiNativeSelect"
 })(({
   theme: e
@@ -38308,7 +38308,7 @@ const Jx = Yn("MuiNativeSelect", ["root", "select", "multiple", "filled", "outli
       }
     }
   }]
-})), $ie = Ae(Hj, {
+})), $ie = Te(Hj, {
   name: "MuiNativeSelect",
   slot: "Select",
   shouldForwardProp: ko,
@@ -38320,7 +38320,7 @@ const Jx = Yn("MuiNativeSelect", ["root", "select", "multiple", "filled", "outli
       [`&.${Jx.multiple}`]: t.multiple
     }];
   }
-})({}), Yj = Ae("svg", {
+})({}), Yj = Te("svg", {
   name: "MuiNativeSelect"
 })(({
   theme: e
@@ -38359,7 +38359,7 @@ const Jx = Yn("MuiNativeSelect", ["root", "select", "multiple", "filled", "outli
       right: 7
     }
   }]
-})), Bie = Ae(Yj, {
+})), Bie = Te(Yj, {
   name: "MuiNativeSelect",
   slot: "Icon",
   overridesResolver: (e, t) => {
@@ -38453,7 +38453,7 @@ process.env.NODE_ENV !== "production" && (Uj.propTypes = {
   variant: y.oneOf(["standard", "outlined", "filled"])
 });
 var q2;
-const Wie = Ae("fieldset", {
+const Wie = Te("fieldset", {
   name: "MuiNotchedOutlined",
   shouldForwardProp: ko
 })({
@@ -38471,7 +38471,7 @@ const Wie = Ae("fieldset", {
   borderWidth: 1,
   overflow: "hidden",
   minWidth: "0%"
-}), zie = Ae("legend", {
+}), zie = Te("legend", {
   name: "MuiNotchedOutlined",
   shouldForwardProp: ko
 })(Un(({
@@ -38608,7 +38608,7 @@ const Vie = (e) => {
     // forward classes to the InputBase
     ...r
   };
-}, Hie = Ae(om, {
+}, Hie = Te(om, {
   shouldForwardProp: (e) => ko(e) || e === "classes",
   name: "MuiOutlinedInput",
   slot: "Root",
@@ -38683,7 +38683,7 @@ const Vie = (e) => {
       }
     }]
   };
-})), Yie = Ae(Kj, {
+})), Yie = Te(Kj, {
   name: "MuiOutlinedInput",
   slot: "NotchedOutline"
 })(Un(({
@@ -38693,7 +38693,7 @@ const Vie = (e) => {
   return {
     borderColor: e.vars ? e.alpha(e.vars.palette.common.onBackground, 0.23) : t
   };
-})), Uie = Ae(am, {
+})), Uie = Te(am, {
   name: "MuiOutlinedInput",
   slot: "Input",
   overridesResolver: im
@@ -38996,7 +38996,7 @@ function qj(e) {
 }
 const uc = Yn("MuiSelect", ["root", "select", "multiple", "filled", "outlined", "standard", "disabled", "focused", "icon", "iconOpen", "iconFilled", "iconOutlined", "iconStandard", "nativeInput", "error"]);
 var G2;
-const Kie = Ae(Hj, {
+const Kie = Te(Hj, {
   name: "MuiSelect",
   slot: "Select",
   overridesResolver: (e, t) => {
@@ -39030,7 +39030,7 @@ const Kie = Ae(Hj, {
     whiteSpace: "nowrap",
     overflow: "hidden"
   }
-}), qie = Ae(Yj, {
+}), qie = Te(Yj, {
   name: "MuiSelect",
   slot: "Icon",
   overridesResolver: (e, t) => {
@@ -39039,7 +39039,7 @@ const Kie = Ae(Hj, {
     } = e;
     return [t.icon, n.variant && t[`icon${yn(n.variant)}`], n.open && t.iconOpen];
   }
-})({}), Gie = Ae("input", {
+})({}), Gie = Te("input", {
   shouldForwardProp: (e) => yC(e) && e !== "classes",
   name: "MuiSelect",
   slot: "NativeInput"
@@ -39495,7 +39495,7 @@ const Zie = (e) => {
   name: "MuiSelect",
   slot: "Root",
   shouldForwardProp: (e) => ko(e) && e !== "variant"
-}, Jie = Ae(Zx, t1)(""), eoe = Ae(e1, t1)(""), toe = Ae(Qx, t1)(""), n1 = /* @__PURE__ */ O.forwardRef(function(t, n) {
+}, Jie = Te(Zx, t1)(""), eoe = Te(e1, t1)(""), toe = Te(Qx, t1)(""), n1 = /* @__PURE__ */ O.forwardRef(function(t, n) {
   const r = dr({
     name: "MuiSelect",
     props: t
@@ -39760,7 +39760,7 @@ const ioe = (e) => {
     arrow: ["arrow"]
   };
   return Ln(a, noe, t);
-}, ooe = Ae(Kx, {
+}, ooe = Te(Kx, {
   name: "MuiTooltip",
   slot: "Popper",
   overridesResolver: (e, t) => {
@@ -39863,7 +39863,7 @@ const ioe = (e) => {
       }
     }
   }]
-}))), aoe = Ae("div", {
+}))), aoe = Te("div", {
   name: "MuiTooltip",
   slot: "Tooltip",
   overridesResolver: (e, t) => {
@@ -39984,7 +39984,7 @@ const ioe = (e) => {
       }
     }
   }]
-}))), soe = Ae("span", {
+}))), soe = Te("span", {
   name: "MuiTooltip",
   slot: "Arrow"
 })(Un(({
@@ -40479,7 +40479,7 @@ function Wl({
   onExport: i = () => {
   }
 }) {
-  const o = JSON.parse(sessionStorage.getItem("community_id")) || [], [a, s] = Te(o), [l, c] = Te("");
+  const o = JSON.parse(sessionStorage.getItem("community_id")) || [], [a, s] = Ae(o), [l, c] = Ae("");
   t.filter(
     (d) => d.community_name.toLowerCase().includes(l.toLowerCase())
   );
@@ -41677,7 +41677,7 @@ function Voe(e, t) {
 }
 var yv = oR ? Bp : Oe;
 function Hoe(e) {
-  var t = Pe();
+  var t = Ee();
   return t.current || (t.current = typeof e == "function" ? e() : e), t.current;
 }
 function lP(e, t, n) {
@@ -41714,7 +41714,7 @@ function Uoe(e) {
   function t(n) {
     var r = n.children, i = n.content, o = n.visible, a = n.singleton, s = n.render, l = n.reference, c = n.disabled, u = c === void 0 ? !1 : c, d = n.ignoreAttributes, f = d === void 0 ? !0 : d;
     n.__source, n.__self;
-    var p = iR(n, ["children", "content", "visible", "singleton", "render", "reference", "disabled", "ignoreAttributes", "__source", "__self"]), h = o !== void 0, m = a !== void 0, v = Te(!1), b = v[0], S = v[1], w = Te({}), x = w[0], _ = w[1], E = Te(), k = E[0], C = E[1], A = Hoe(function() {
+    var p = iR(n, ["children", "content", "visible", "singleton", "render", "reference", "disabled", "ignoreAttributes", "__source", "__self"]), h = o !== void 0, m = a !== void 0, v = Ae(!1), b = v[0], S = v[1], w = Ae({}), x = w[0], _ = w[1], E = Ae(), k = E[0], C = E[1], A = Hoe(function() {
       return {
         container: sP(),
         renders: 1
@@ -49753,7 +49753,7 @@ function mue(e) {
   return GR(n, e.labels), XR(n, e.datasets, t), n;
 }
 function gue(e, t) {
-  const { height: n = 150, width: r = 300, redraw: i = !1, datasetIdKey: o, type: a, data: s, options: l, plugins: c = [], fallbackContent: u, updateMode: d, ...f } = e, p = Pe(null), h = Pe(null), m = () => {
+  const { height: n = 150, width: r = 300, redraw: i = !1, datasetIdKey: o, type: a, data: s, options: l, plugins: c = [], fallbackContent: u, updateMode: d, ...f } = e, p = Ee(null), h = Ee(null), m = () => {
     p.current && (h.current = new qn(p.current, {
       type: a,
       data: mue(s, o),
@@ -51421,11 +51421,11 @@ const cde = [
     )
   }
 ), fde = ({ chartRef: e }) => {
-  const t = (n) => {
-    const r = e.current;
-    if (!r) return;
-    const i = r.getDatasetMeta(n);
-    i.hidden = i.hidden === null ? !r.data.datasets[n].hidden : null, r.update();
+  const [t, n] = Ae({}), r = (i) => {
+    const o = e.current;
+    if (!o) return;
+    const a = o.getDatasetMeta(i), s = !!a.hidden;
+    a.hidden = !s, o.update(), n((l) => ({ ...l, [i]: !s }));
   };
   return /* @__PURE__ */ g.jsx(
     "div",
@@ -51436,43 +51436,50 @@ const cde = [
         justifyContent: "center",
         alignItems: "center",
         gap: "32px",
-        // horizontal gap between legend items
         marginTop: "12px",
+        paddingBottom: "16px",
         flexWrap: "wrap"
       },
-      children: ude.map(({ key: n, datasetIndex: r, color: i }) => /* @__PURE__ */ g.jsxs(
-        "div",
-        {
-          onClick: () => t(r),
-          style: {
-            display: "flex",
-            alignItems: "center",
-            gap: "6px",
-            cursor: "pointer",
-            userSelect: "none"
+      children: ude.map(({ key: i, datasetIndex: o, color: a }) => {
+        const s = !!t[o];
+        return /* @__PURE__ */ g.jsxs(
+          "div",
+          {
+            onClick: () => r(o),
+            style: {
+              display: "flex",
+              alignItems: "center",
+              gap: "6px",
+              cursor: "pointer",
+              userSelect: "none",
+              opacity: s ? 0.45 : 1,
+              transition: "opacity 0.2s ease"
+            },
+            children: [
+              /* @__PURE__ */ g.jsx(dde, { color: a, size: 12 }),
+              /* @__PURE__ */ g.jsx(
+                "span",
+                {
+                  style: {
+                    fontSize: "13px",
+                    color: "#64748B",
+                    fontWeight: 400,
+                    lineHeight: 1,
+                    textDecoration: s ? "line-through" : "none",
+                    transition: "text-decoration 0.15s ease"
+                  },
+                  children: i
+                }
+              )
+            ]
           },
-          children: [
-            /* @__PURE__ */ g.jsx(dde, { color: i, size: 12 }),
-            /* @__PURE__ */ g.jsx(
-              "span",
-              {
-                style: {
-                  fontSize: "13px",
-                  color: "#64748B",
-                  fontWeight: 400,
-                  lineHeight: 1
-                },
-                children: n
-              }
-            )
-          ]
-        },
-        n
-      ))
+          i
+        );
+      })
     }
   );
 }, qfe = ({ data: e }) => {
-  const t = useRef(null), r = {
+  const t = Ee(null), r = {
     labels: Array.isArray(e?.labels) && e.labels.length > 0 ? e.labels : cde,
     datasets: [
       {
@@ -51517,18 +51524,7 @@ const cde = [
     maintainAspectRatio: !1,
     interaction: { mode: "index", intersect: !1 },
     plugins: {
-      legend: {
-        display: !1
-        // position: "bottom",
-        // align: "center",
-        // fullSize: false,
-        // labels: {
-        //   usePointStyle: true,
-        //   boxWidth: 10,
-        //   boxHeight: 10,
-        //   padding: 20,
-        // },
-      },
+      legend: { display: !1 },
       tooltip: {
         backgroundColor: "#0F172A",
         titleColor: "#FFFFFF",
@@ -51559,17 +51555,10 @@ const cde = [
       point: { radius: 0, hoverRadius: 3, hitRadius: 10 }
     }
   };
-  return /* @__PURE__ */ g.jsxs(
-    Ke,
-    {
-      title: "Hourly Traffic Flow",
-      className: "w-full h-[362px]",
-      children: [
-        /* @__PURE__ */ g.jsx(O1, { ref: t, data: r, options: i }),
-        /* @__PURE__ */ g.jsx(fde, { chartRef: t })
-      ]
-    }
-  );
+  return /* @__PURE__ */ g.jsxs(Ke, { title: "Hourly Traffic Flow", className: "w-full h-[362px]", children: [
+    /* @__PURE__ */ g.jsx("div", { style: { height: "calc(100% - 56px)", width: "100%" }, children: /* @__PURE__ */ g.jsx(O1, { ref: t, data: r, options: i }) }),
+    /* @__PURE__ */ g.jsx(fde, { chartRef: t })
+  ] });
 }, pde = {
   open: 4,
   in_progress: 7,
@@ -53692,7 +53681,7 @@ function vpe({
   ] });
 }
 const ype = ({ data: e = [], onDateChange: t }) => {
-  const [n, r] = Te(/* @__PURE__ */ new Date()), [i, o] = Te(!1), s = ((v) => {
+  const [n, r] = Ae(/* @__PURE__ */ new Date()), [i, o] = Ae(!1), s = ((v) => {
     const b = new Date(v);
     return b.setDate(b.getDate() - 6), b;
   })(n), l = (v) => {
@@ -54343,7 +54332,7 @@ const of = ["#8CB33E", "#F59E0B", "#3B82F6", "#06B6D4", "#CFCFCF"], rfe = [
     ] }) })
   ] }) });
 }, Epe = ({ data: e }) => {
-  const [t, n] = Te({}), r = [
+  const [t, n] = Ae({}), r = [
     {
       name: "Lifts",
       Cancelled: 55,
@@ -54891,7 +54880,7 @@ function Cpe({
   ] });
 }
 const eI = ({ options: e = [], value: t, onChange: n }) => {
-  const [r, i] = Te(!1), o = Pe(null);
+  const [r, i] = Ae(!1), o = Ee(null);
   return Oe(() => {
     const a = (s) => {
       o.current && !o.current.contains(s.target) && i(!1);
@@ -54924,7 +54913,7 @@ const eI = ({ options: e = [], value: t, onChange: n }) => {
     )) })
   ] });
 }, Dpe = ({ data: e }) => {
-  const [t, n] = Te({}), [r, i] = Te("Kosmo One"), o = ["Kosmo One", "Kosmo Two", "Kosmo Three"], a = [
+  const [t, n] = Ae({}), [r, i] = Ae("Kosmo One"), o = ["Kosmo One", "Kosmo Two", "Kosmo Three"], a = [
     {
       name: "L1",
       Cancelled: 55,
@@ -55146,7 +55135,7 @@ const eI = ({ options: e = [], value: t, onChange: n }) => {
     }
   );
 }, Ape = ({ data: e = [] }) => {
-  const [t, n] = Te("Kosmo One"), r = ["Kosmo One", "Kosmo Two", "Kosmo Three"], i = Array.isArray(e) ? e : [], o = !i.length || i.every((a) => a.no_of_visitors === 0);
+  const [t, n] = Ae("Kosmo One"), r = ["Kosmo One", "Kosmo Two", "Kosmo Three"], i = Array.isArray(e) ? e : [], o = !i.length || i.every((a) => a.no_of_visitors === 0);
   return /* @__PURE__ */ g.jsx(
     At,
     {