@kashifd/jwero-components 0.7.14 → 0.7.16

package/dist/index.es.js

@@ -349,7 +349,7 @@ function Ay() {
       } else
         Ne.setExtraStackFrame(null);
     }
-    function Ye(Pe, $e, mt, Be, Fe) {
+    function Ue(Pe, $e, mt, Be, Fe) {
       {
         var _e = Function.call.bind(ye);
         for (var Ze in Pe)
@@ -579,7 +579,7 @@ Check the top-level render call using <` + mt + ">.");
           return;
         if (mt) {
           var Be = me($e);
-          Ye(mt, Pe.props, "prop", Be, Pe);
+          Ue(mt, Pe.props, "prop", Be, Pe);
         } else if ($e.PropTypes !== void 0 && !xr) {
           xr = !0;
           var Fe = me($e);
@@ -7623,17 +7623,17 @@ const y3 = st("MuiButtonBase", ["root", "disabled", "focusVisible"]), A3 = ["act
     Ie(nt), fe.current === !1 && G(!1), I && I(nt);
   }, !1), Ve = vt((nt) => {
     he.current || (he.current = nt.currentTarget), ve(nt), fe.current === !0 && (G(!0), U && U(nt)), M && M(nt);
-  }), Ye = () => {
+  }), Ue = () => {
     const nt = he.current;
     return m && m !== "button" && !(nt.tagName === "A" && nt.href);
   }, Je = Y.useRef(!1), yt = vt((nt) => {
     O && !Je.current && le && de.current && nt.key === " " && (Je.current = !0, de.current.stop(nt, () => {
       de.current.start(nt);
-    })), nt.target === nt.currentTarget && Ye() && nt.key === " " && nt.preventDefault(), X && X(nt), nt.target === nt.currentTarget && Ye() && nt.key === "Enter" && !v && (nt.preventDefault(), j && j(nt));
+    })), nt.target === nt.currentTarget && Ue() && nt.key === " " && nt.preventDefault(), X && X(nt), nt.target === nt.currentTarget && Ue() && nt.key === "Enter" && !v && (nt.preventDefault(), j && j(nt));
   }), et = vt((nt) => {
     O && nt.key === " " && de.current && le && !nt.defaultPrevented && (Je.current = !1, de.current.stop(nt, () => {
       de.current.pulsate(nt);
-    })), L && L(nt), j && nt.target === nt.currentTarget && Ye() && nt.key === " " && !nt.defaultPrevented && j(nt);
+    })), L && L(nt), j && nt.target === nt.currentTarget && Ue() && nt.key === " " && !nt.defaultPrevented && j(nt);
   });
   let rt = m;
   rt === "button" && (oe.href || oe.to) && (rt = P);
@@ -9602,8 +9602,8 @@ function r4(e) {
       Q[X] = ye, ge[X] = ye - he;
     }
     if (g) {
-      var je, Ne = X === "x" ? yn : An, Ve = X === "x" ? Zn : Jn, Ye = Q[L], Je = L === "y" ? "height" : "width", yt = Ye + R[Ne], et = Ye - R[Ve], rt = [yn, An].indexOf(z) !== -1, ht = (je = te == null ? void 0 : te[L]) != null ? je : 0, tt = rt ? yt : Ye - J[Je] - ie[Je] - ht + W.altAxis, ct = rt ? Ye + J[Je] + ie[Je] - ht - W.altAxis : et, gt = P && rt ? T5(tt, Ye, ct) : us(P ? tt : yt, Ye, P ? ct : et);
-      Q[L] = gt, ge[L] = gt - Ye;
+      var je, Ne = X === "x" ? yn : An, Ve = X === "x" ? Zn : Jn, Ue = Q[L], Je = L === "y" ? "height" : "width", yt = Ue + R[Ne], et = Ue - R[Ve], rt = [yn, An].indexOf(z) !== -1, ht = (je = te == null ? void 0 : te[L]) != null ? je : 0, tt = rt ? yt : Ue - J[Je] - ie[Je] - ht + W.altAxis, ct = rt ? Ue + J[Je] + ie[Je] - ht - W.altAxis : et, gt = P && rt ? T5(tt, Ue, ct) : us(P ? tt : yt, Ue, P ? ct : et);
+      Q[L] = gt, ge[L] = gt - Ue;
     }
     t.modifiersData[a] = ge;
   }
@@ -10414,7 +10414,7 @@ function P4(e) {
     default: "",
     name: v,
     state: "inputValue"
-  }), [Ye, Je] = Y.useState(!1), yt = Y.useCallback((Be, Fe) => {
+  }), [Ue, Je] = Y.useState(!1), yt = Y.useCallback((Be, Fe) => {
     if (!(ge ? ye.length < Fe.length : Fe !== null) && !g)
       return;
     let Ze;
@@ -10447,8 +10447,8 @@ function P4(e) {
   });
   Y.useEffect(() => {
     const Be = ye !== Tt.value;
-    Ye && !Be || M && !Be || yt(null, ye);
-  }, [ye, yt, Ye, Tt.value, M]);
+    Ue && !Be || M && !Be || yt(null, ye);
+  }, [ye, yt, Ue, Tt.value, M]);
   const Wt = et && nt.length > 0 && !ve;
   if (process.env.NODE_ENV !== "production" && ye !== null && !M && fe.length > 0) {
     const Be = (ge ? ye : [ye]).filter((Fe) => !fe.some((_e) => te(_e, Fe)));
@@ -10785,7 +10785,7 @@ function P4(e) {
       })), _e;
     }, []);
   }
-  return P && Ye && Kr(), {
+  return P && Ue && Kr(), {
     getRootProps: (Be = {}) => N({
       "aria-owns": Wt ? `${le}-listbox` : null
     }, Be, {
@@ -10872,7 +10872,7 @@ function P4(e) {
     dirty: $e,
     expanded: gt && Se,
     popupOpen: gt,
-    focused: Ye || Ae !== -1,
+    focused: Ue || Ae !== -1,
     anchorEl: Se,
     setAnchorEl: Re,
     focusedTag: Ae,
@@ -11948,8 +11948,8 @@ const En = st("MuiInputBase", ["root", "formControl", "focused", "disabled", "ad
   const Ve = (gt) => {
     se.current && gt.currentTarget === gt.target && se.current.focus(), W && W(gt);
   };
-  let Ye = z, Je = M;
-  Q && Ye === "input" && (he ? (process.env.NODE_ENV !== "production" && (L || X) && console.warn("MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set."), Je = N({
+  let Ue = z, Je = M;
+  Q && Ue === "input" && (he ? (process.env.NODE_ENV !== "production" && (L || X) && console.warn("MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set."), Je = N({
     type: void 0,
     minRows: he,
     maxRows: he
@@ -11957,7 +11957,7 @@ const En = st("MuiInputBase", ["root", "formControl", "focused", "disabled", "ad
     type: void 0,
     maxRows: X,
     minRows: L
-  }, Je), Ye = v0);
+  }, Je), Ue = v0);
   const yt = (gt) => {
     ue(gt.animationName === "mui-auto-fill-cancel" ? se.current : {
       value: "x"
@@ -12010,7 +12010,7 @@ const En = st("MuiInputBase", ["root", "formControl", "focused", "disabled", "ad
           onKeyUp: me,
           type: ve
         }, Je, !ui(ct) && {
-          as: Ye,
+          as: Ue,
           ownerState: N({}, et, Je.ownerState)
         }, {
           ref: ae,
@@ -12688,7 +12688,7 @@ const n6 = ["autoComplete", "autoHighlight", "autoSelect", "blurOnSelect", "Chip
     selectOnFocus: je = !g.freeSolo,
     size: Ne = "medium",
     slotProps: Ve = {}
-  } = g, Ye = He(g, n6), {
+  } = g, Ue = He(g, n6), {
     getRootProps: Je,
     getInputProps: yt,
     getInputLabelProps: et,
@@ -12835,7 +12835,7 @@ const n6 = ["autoComplete", "autoHighlight", "autoSelect", "blurOnSelect", "Chip
       ref: r,
       className: Xe(ar.root, P),
       ownerState: kr
-    }, Je(Ye), {
+    }, Je(Ue), {
       children: we({
         id: Vt,
         disabled: J,
@@ -17421,7 +17421,7 @@ process.env.NODE_ENV !== "production" && (Df.propTypes = {
    */
   variant: i.oneOf(["filled", "outlined", "standard"])
 });
-const Ue = kC({
+const Ye = kC({
   createStyledComponent: Ee("div", {
     name: "MuiStack",
     slot: "Root",
@@ -17432,7 +17432,7 @@ const Ue = kC({
     name: "MuiStack"
   })
 });
-process.env.NODE_ENV !== "production" && (Ue.propTypes = {
+process.env.NODE_ENV !== "production" && (Ye.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -20155,7 +20155,7 @@ const L8 = (e) => {
       };
     const ye = he();
     let je = ye.top - ue.vertical, Ne = ye.left - ue.horizontal;
-    const Ve = je + we.height, Ye = Ne + we.width, Je = Qn(Fl(m)), yt = Je.innerHeight - R, et = Je.innerWidth - R;
+    const Ve = je + we.height, Ue = Ne + we.width, Je = Qn(Fl(m)), yt = Je.innerHeight - R, et = Je.innerWidth - R;
     if (R !== null && je < R) {
       const rt = je - R;
       je -= rt, ue.vertical += rt;
@@ -20167,8 +20167,8 @@ const L8 = (e) => {
 `)), R !== null && Ne < R) {
       const rt = Ne - R;
       Ne -= rt, ue.horizontal += rt;
-    } else if (Ye > et) {
-      const rt = Ye - et;
+    } else if (Ue > et) {
+      const rt = Ue - et;
       Ne -= rt, ue.horizontal += rt;
     }
     return {
@@ -22606,7 +22606,7 @@ const Vk = (e) => {
       // https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-select-only/
       "Enter"
     ].indexOf(ot.key) !== -1 && (ot.preventDefault(), Ae(!0, ot));
-  }, Ve = le !== null && fe, Ye = (ot) => {
+  }, Ve = le !== null && fe, Ue = (ot) => {
     !Ve && L && (Object.defineProperty(ot, "target", {
       writable: !0,
       value: {
@@ -22679,7 +22679,7 @@ const Vk = (e) => {
       "aria-describedby": s,
       onKeyDown: Ne,
       onMouseDown: O || te ? null : Ce,
-      onBlur: Ye,
+      onBlur: Ue,
       onFocus: ie
     }, me, {
       ownerState: Tt,
@@ -23721,7 +23721,7 @@ const lo = /* @__PURE__ */ Y.forwardRef(function(t, r) {
     TransitionProps: Ce
   } = Q, we = He(Q, iS), ue = /* @__PURE__ */ Y.isValidElement(ie) ? ie : /* @__PURE__ */ b.jsx("span", {
     children: ie
-  }), ye = jt(), je = Qr(), [Ne, Ve] = Y.useState(), [Ye, Je] = Y.useState(null), yt = Y.useRef(!1), et = ne || Oe, rt = Go(), ht = Go(), tt = Go(), ct = Go(), [gt, nt] = en({
+  }), ye = jt(), je = Qr(), [Ne, Ve] = Y.useState(), [Ue, Je] = Y.useState(null), yt = Y.useRef(!1), et = ne || Oe, rt = Go(), ht = Go(), tt = Go(), ct = Go(), [gt, nt] = en({
     controlled: G,
     default: !1,
     name: "Tooltip",
@@ -23822,16 +23822,16 @@ const lo = /* @__PURE__ */ Y.forwardRef(function(t, r) {
     var at;
     let pe = [{
       name: "arrow",
-      enabled: !!Ye,
+      enabled: !!Ue,
       options: {
-        element: Ye,
+        element: Ue,
         padding: 4
       }
     }];
     return (at = ae.popperOptions) != null && at.modifiers && (pe = pe.concat(ae.popperOptions.modifiers)), N({}, ae.popperOptions, {
       modifiers: pe
     });
-  }, [Ye, ae]), Rr = N({}, Q, {
+  }, [Ue, ae]), Rr = N({}, Q, {
     isRtl: je,
     arrow: J,
     disableInteractive: et,
@@ -25320,7 +25320,7 @@ const zf = /* @__PURE__ */ Y.forwardRef(function(t, r) {
       tabsMeta: ut,
       tabMeta: Ot
     };
-  }, Ye = vt(() => {
+  }, Ue = vt(() => {
     const {
       tabsMeta: Ke,
       tabMeta: ut
@@ -25431,7 +25431,7 @@ const zf = /* @__PURE__ */ Y.forwardRef(function(t, r) {
   });
   Y.useEffect(() => {
     const Ke = Ti(() => {
-      je.current && Ye();
+      je.current && Ue();
     });
     let ut;
     const Ot = (Lt) => {
@@ -25455,7 +25455,7 @@ const zf = /* @__PURE__ */ Y.forwardRef(function(t, r) {
       var Lt, zt;
       Ke.clear(), wt.removeEventListener("resize", Ke), (Lt = Dt) == null || Lt.disconnect(), (zt = ut) == null || zt.disconnect();
     };
-  }, [Ye, nt]), Y.useEffect(() => {
+  }, [Ue, nt]), Y.useEffect(() => {
     const Ke = Array.from(Ne.current.children), ut = Ke.length;
     if (typeof IntersectionObserver < "u" && ut > 0 && me && M !== !1) {
       const Ot = Ke[0], wt = Ke[ut - 1], Dt = {
@@ -25475,13 +25475,13 @@ const zf = /* @__PURE__ */ Y.forwardRef(function(t, r) {
   }, [me, M, Ae, w == null ? void 0 : w.length]), Y.useEffect(() => {
     G(!0);
   }, []), Y.useEffect(() => {
-    Ye();
+    Ue();
   }), Y.useEffect(() => {
     gt(qg !== se);
   }, [gt, se]), Y.useImperativeHandle(m, () => ({
-    updateIndicator: Ye,
+    updateIndicator: Ue,
     updateScrollButtons: nt
-  }), [Ye, nt]);
+  }), [Ue, nt]);
   const Tt = /* @__PURE__ */ b.jsx(iT, N({}, Q, {
     className: Xe(ve.indicator, Q.className),
     ownerState: fe,
@@ -26131,7 +26131,7 @@ const lv = (e) => /* @__PURE__ */ b.jsxs(
 }) => {
   const v = jt();
   return /* @__PURE__ */ b.jsxs(
-    Ue,
+    Ye,
     {
       onClick: t,
       direction: "row",
@@ -32964,11 +32964,11 @@ function RM(e) {
         G(r.addDays(Ne, 7)), je.preventDefault();
         break;
       case "ArrowLeft": {
-        const Ve = r.addDays(Ne, he ? 1 : -1), Ye = r.addMonths(Ne, he ? 1 : -1), Je = ps({
+        const Ve = r.addDays(Ne, he ? 1 : -1), Ue = r.addMonths(Ne, he ? 1 : -1), Je = ps({
           utils: r,
           date: Ve,
-          minDate: he ? Ve : r.startOfMonth(Ye),
-          maxDate: he ? r.endOfMonth(Ye) : Ve,
+          minDate: he ? Ve : r.startOfMonth(Ue),
+          maxDate: he ? r.endOfMonth(Ue) : Ve,
           isDateDisabled: de,
           timezone: ne
         });
@@ -32976,11 +32976,11 @@ function RM(e) {
         break;
       }
       case "ArrowRight": {
-        const Ve = r.addDays(Ne, he ? -1 : 1), Ye = r.addMonths(Ne, he ? -1 : 1), Je = ps({
+        const Ve = r.addDays(Ne, he ? -1 : 1), Ue = r.addMonths(Ne, he ? -1 : 1), Je = ps({
           utils: r,
           date: Ve,
-          minDate: he ? r.startOfMonth(Ye) : Ve,
-          maxDate: he ? Ve : r.endOfMonth(Ye),
+          minDate: he ? r.startOfMonth(Ue) : Ve,
+          maxDate: he ? Ve : r.endOfMonth(Ue),
           isDateDisabled: de,
           timezone: ne
         });
@@ -33018,8 +33018,8 @@ function RM(e) {
     const je = r.setTimezone(c, ne), Ne = r.getWeekArray(je);
     let Ve = r.addMonths(je, 1);
     for (; ge && Ne.length < ge; ) {
-      const Ye = r.getWeekArray(Ve), Je = r.isSameDay(Ne[Ne.length - 1][0], Ye[0][0]);
-      Ye.slice(Je ? 1 : 0).forEach((yt) => {
+      const Ue = r.getWeekArray(Ve), Je = r.isSameDay(Ne[Ne.length - 1][0], Ue[0][0]);
+      Ue.slice(Je ? 1 : 0).forEach((yt) => {
         Ne.length < ge && Ne.push(yt);
       }), Ve = r.addMonths(Ve, 1);
     }
@@ -33069,7 +33069,7 @@ function RM(e) {
             role: "rowheader",
             "aria-label": Oe.calendarWeekNumberAriaLabelText(r.getWeekNumber(je[0])),
             children: Oe.calendarWeekNumberText(r.getWeekNumber(je[0]))
-          }), je.map((Ve, Ye) => /* @__PURE__ */ b.jsx(EM, {
+          }), je.map((Ve, Ue) => /* @__PURE__ */ b.jsx(EM, {
             parentProps: t,
             day: Ve,
             selectedDays: Re,
@@ -33081,7 +33081,7 @@ function RM(e) {
             isDateDisabled: de,
             currentMonthNumber: xe,
             isViewFocused: fe,
-            "aria-colindex": Ye + 1
+            "aria-colindex": Ue + 1
           }, Ve.toString()))]
         }, `week-${je[0]}`))
       })
@@ -34354,7 +34354,7 @@ const SP = Ee(ch, {
     calendarState: je,
     changeFocusedDay: Ne,
     changeMonth: Ve,
-    handleChangeMonth: Ye,
+    handleChangeMonth: Ue,
     isDateDisabled: Je,
     onMonthSwitchingAnimationEnd: yt
   } = nM({
@@ -34376,7 +34376,7 @@ const SP = Ee(ch, {
       view: Se,
       currentMonth: je.currentMonth,
       onViewChange: Re,
-      onMonthChange: (wt, Dt) => Ye({
+      onMonthChange: (wt, Dt) => Ue({
         newMonth: wt,
         direction: Dt
       }),
@@ -36763,7 +36763,7 @@ const cE = st("MuiMultiSectionDigitalClockSection", ["root", "item"]), uE = ["au
     utils: a,
     props: c,
     timezone: fe
-  }), G = vt((Ve, Ye, Je) => Oe(Ve, Ye, Je)), se = Y.useMemo(() => !d || !J.includes("hours") || J.includes("meridiem") ? J : [...J, "meridiem"], [d, J]), {
+  }), G = vt((Ve, Ue, Je) => Oe(Ve, Ue, Je)), se = Y.useMemo(() => !d || !J.includes("hours") || J.includes("meridiem") ? J : [...J, "meridiem"], [d, J]), {
     view: be,
     setValueAndGoToNextView: ae,
     focusedView: xe
@@ -36780,15 +36780,15 @@ const cE = st("MuiMultiSectionDigitalClockSection", ["root", "item"]), uE = ["au
   }), {
     meridiemMode: Re,
     handleMeridiemChange: Ae
-  } = lh(le, d, Se, "finish"), Ce = Y.useCallback((Ve, Ye) => {
-    const Je = Kc(I, a), yt = Ye === "hours" || Ye === "minutes" && se.includes("seconds"), et = ({
+  } = lh(le, d, Se, "finish"), Ce = Y.useCallback((Ve, Ue) => {
+    const Je = Kc(I, a), yt = Ue === "hours" || Ue === "minutes" && se.includes("seconds"), et = ({
       start: ht,
       end: tt
     }) => !(R && Je(R, tt) || j && Je(ht, j) || z && Je(ht, Ie) || M && Je(Ie, yt ? tt : ht)), rt = (ht, tt = 1) => {
       if (ht % tt !== 0)
         return !1;
       if (X)
-        switch (Ye) {
+        switch (Ue) {
           case "hours":
             return !X(a.setHours(le, ht), "hours");
           case "minutes":
@@ -36800,7 +36800,7 @@ const cE = st("MuiMultiSectionDigitalClockSection", ["root", "item"]), uE = ["au
         }
       return !0;
     };
-    switch (Ye) {
+    switch (Ue) {
       case "hours": {
         const ht = Ad(Ve, Re, d), tt = a.setHours(le, ht), ct = a.setSeconds(a.setMinutes(tt, 0), 0), gt = a.setSeconds(a.setMinutes(tt, 59), 59);
         return !et({
@@ -36829,8 +36829,8 @@ const cE = st("MuiMultiSectionDigitalClockSection", ["root", "item"]), uE = ["au
     switch (Ve) {
       case "hours":
         return {
-          onChange: (Ye) => {
-            const Je = Ad(Ye, Re, d);
+          onChange: (Ue) => {
+            const Je = Ad(Ue, Re, d);
             ae(a.setHours(le, Je), "finish", "hours");
           },
           items: gE({
@@ -36838,7 +36838,7 @@ const cE = st("MuiMultiSectionDigitalClockSection", ["root", "item"]), uE = ["au
             value: de,
             ampm: d,
             utils: a,
-            isDisabled: (Ye) => Ce(Ye, "hours"),
+            isDisabled: (Ue) => Ce(Ue, "hours"),
             timeStep: De.hours,
             resolveAriaLabel: ve.hoursClockNumberText,
             valueOrReferenceDate: le
@@ -36846,14 +36846,14 @@ const cE = st("MuiMultiSectionDigitalClockSection", ["root", "item"]), uE = ["au
         };
       case "minutes":
         return {
-          onChange: (Ye) => {
-            ae(a.setMinutes(le, Ye), "finish", "minutes");
+          onChange: (Ue) => {
+            ae(a.setMinutes(le, Ue), "finish", "minutes");
           },
           items: fm({
             value: a.getMinutes(le),
             utils: a,
-            isDisabled: (Ye) => Ce(Ye, "minutes"),
-            resolveLabel: (Ye) => a.format(a.setMinutes(Ie, Ye), "minutes"),
+            isDisabled: (Ue) => Ce(Ue, "minutes"),
+            resolveLabel: (Ue) => a.format(a.setMinutes(Ie, Ue), "minutes"),
             timeStep: De.minutes,
             hasValue: !!de,
             resolveAriaLabel: ve.minutesClockNumberText
@@ -36861,29 +36861,29 @@ const cE = st("MuiMultiSectionDigitalClockSection", ["root", "item"]), uE = ["au
         };
       case "seconds":
         return {
-          onChange: (Ye) => {
-            ae(a.setSeconds(le, Ye), "finish", "seconds");
+          onChange: (Ue) => {
+            ae(a.setSeconds(le, Ue), "finish", "seconds");
           },
           items: fm({
             value: a.getSeconds(le),
             utils: a,
-            isDisabled: (Ye) => Ce(Ye, "seconds"),
-            resolveLabel: (Ye) => a.format(a.setSeconds(Ie, Ye), "seconds"),
+            isDisabled: (Ue) => Ce(Ue, "seconds"),
+            resolveLabel: (Ue) => a.format(a.setSeconds(Ie, Ue), "seconds"),
             timeStep: De.seconds,
             hasValue: !!de,
             resolveAriaLabel: ve.secondsClockNumberText
           })
         };
       case "meridiem": {
-        const Ye = ya(a, "am"), Je = ya(a, "pm");
+        const Ue = ya(a, "am"), Je = ya(a, "pm");
         return {
           onChange: Ae,
           items: [{
             value: "am",
-            label: Ye,
+            label: Ue,
             isSelected: () => !!de && Re === "am",
             isFocused: () => !!le && Re === "am",
-            ariaLabel: Ye
+            ariaLabel: Ue
           }, {
             value: "pm",
             label: Je,
@@ -36899,10 +36899,10 @@ const cE = st("MuiMultiSectionDigitalClockSection", ["root", "item"]), uE = ["au
   }, [Ie, de, d, a, De.hours, De.minutes, De.seconds, ve.hoursClockNumberText, ve.minutesClockNumberText, ve.secondsClockNumberText, Re, ae, le, Ce, Ae]), ue = Y.useMemo(() => {
     if (!s)
       return se;
-    const Ye = se.filter((Je) => Je !== "meridiem").toReversed();
-    return se.includes("meridiem") && Ye.push("meridiem"), Ye;
-  }, [s, se]), ye = Y.useMemo(() => se.reduce((Ve, Ye) => N({}, Ve, {
-    [Ye]: we(Ye)
+    const Ue = se.filter((Je) => Je !== "meridiem").toReversed();
+    return se.includes("meridiem") && Ue.push("meridiem"), Ue;
+  }, [s, se]), ye = Y.useMemo(() => se.reduce((Ve, Ue) => N({}, Ve, {
+    [Ue]: we(Ue)
   }), {}), [se, we]), je = c, Ne = vE(je);
   return /* @__PURE__ */ b.jsx(bE, N({
     ref: r,
@@ -44691,7 +44691,7 @@ var Mx = { exports: {} };
           if ((isNaN(je) || je >= 1) && (Ae = ye), !Ae) return {};
           var Ne = te[xe], Ve = ue[Ne];
           Ce = 1;
-          for (var Ye = we[Ce]; Ye && Ye[Ne] === Ve; Ye = we[Ce])
+          for (var Ue = we[Ce]; Ue && Ue[Ne] === Ve; Ue = we[Ce])
             ++Ce;
           return {
             itemSize: Ae,
@@ -44750,10 +44750,10 @@ var Mx = { exports: {} };
             if (Ve == null || ue + Ve > Se) break;
             ue += Ve, ++ye;
           }
-          for (var Ye = Ce - ye; je < Ye && ue < Re; ) {
+          for (var Ue = Ce - ye; je < Ue && ue < Re; ) {
             var Je = this.getSizeOfItem(ye + je);
             if (Je == null) {
-              je = Math.min(je + we, Ye);
+              je = Math.min(je + we, Ue);
               break;
             }
             ue += Je, ++je;
@@ -44813,8 +44813,8 @@ var Mx = { exports: {} };
           if (Ce) return Ce(ae);
           if (ae in xe) return xe[ae];
           if (ue === "simple" && ae >= je && ae < je + Ve && Se) {
-            var Ye = Se.children[ae - je];
-            if (Ye) return Ye[W[Ae]];
+            var Ue = Se.children[ae - je];
+            if (Ue) return Ue[W[Ae]];
           }
           if (we) return we(ae, xe);
         }
@@ -44855,7 +44855,7 @@ var Mx = { exports: {} };
           if (Ae === "simple") return je;
           var Ne = {
             position: "relative"
-          }, Ve = {}, Ye = Math.ceil(Re / ye) * ye, Je = this.getSpaceBefore(Ye, Ve);
+          }, Ve = {}, Ue = Math.ceil(Re / ye) * ye, Je = this.getSpaceBefore(Ue, Ve);
           Je && (Ne[Z[Se]] = Je, Se === "x" && (Ne.overflowX = "hidden"));
           var yt = this.getSpaceBefore(ue, Ve), et = Se === "x" ? yt : 0, rt = Se === "y" ? yt : 0, ht = Ce ? "translate3d(".concat(et, "px, ").concat(rt, "px, 0)") : "translate(".concat(et, "px, ").concat(rt, "px)"), tt = {
             msTransform: ht,
@@ -46308,7 +46308,7 @@ const ia = ({ stroke: e = "#000", ...t }) => /* @__PURE__ */ b.jsxs(
           }
         }
       },
-      children: /* @__PURE__ */ b.jsx(Ue, { children: e })
+      children: /* @__PURE__ */ b.jsx(Ye, { children: e })
     }
   );
 }, iF = ({
@@ -46338,8 +46338,8 @@ const ia = ({ stroke: e = "#000", ...t }) => /* @__PURE__ */ b.jsxs(
   };
   return /* @__PURE__ */ b.jsxs(b.Fragment, { children: [
     /* @__PURE__ */ b.jsxs($t, { sx: g, children: [
-      (e || d) && /* @__PURE__ */ b.jsxs(Ue, { direction: "row", justifyContent: "space-between", children: [
-        (e || T) && /* @__PURE__ */ b.jsxs(Ue, { direction: "row", alignItems: "center", sx: { gap: 1 }, children: [
+      (e || d) && /* @__PURE__ */ b.jsxs(Ye, { direction: "row", justifyContent: "space-between", children: [
+        (e || T) && /* @__PURE__ */ b.jsxs(Ye, { direction: "row", alignItems: "center", sx: { gap: 1 }, children: [
           e && /* @__PURE__ */ b.jsx(
             bt,
             {
@@ -46745,9 +46745,9 @@ const ia = ({ stroke: e = "#000", ...t }) => /* @__PURE__ */ b.jsxs(
           vertical: "top",
           horizontal: "center"
         },
-        children: /* @__PURE__ */ b.jsxs(Ue, { children: [
+        children: /* @__PURE__ */ b.jsxs(Ye, { children: [
           /* @__PURE__ */ b.jsxs(
-            Ue,
+            Ye,
             {
               direction: "row",
               alignItems: "center",
@@ -46805,10 +46805,10 @@ const ia = ({ stroke: e = "#000", ...t }) => /* @__PURE__ */ b.jsxs(
       open: e,
       onClose: t,
       PaperProps: { sx: { borderRadius: "1rem" } },
-      children: /* @__PURE__ */ b.jsxs(Ue, { sx: { gap: "1.5rem", padding: "1rem" }, children: [
-        /* @__PURE__ */ b.jsxs(Ue, { sx: { gap: "0.75rem" }, children: [
+      children: /* @__PURE__ */ b.jsxs(Ye, { sx: { gap: "1.5rem", padding: "1rem" }, children: [
+        /* @__PURE__ */ b.jsxs(Ye, { sx: { gap: "0.75rem" }, children: [
           /* @__PURE__ */ b.jsxs(
-            Ue,
+            Ye,
             {
               direction: "row",
               alignItems: "center",
@@ -46838,7 +46838,7 @@ const ia = ({ stroke: e = "#000", ...t }) => /* @__PURE__ */ b.jsxs(
               ]
             }
           ),
-          /* @__PURE__ */ b.jsxs(Ue, { sx: { gap: "0.25rem" }, children: [
+          /* @__PURE__ */ b.jsxs(Ye, { sx: { gap: "0.25rem" }, children: [
             /* @__PURE__ */ b.jsx(bt, { variant: "xxlSemibold", children: r }),
             a && /* @__PURE__ */ b.jsx(
               bt,
@@ -46855,7 +46855,7 @@ const ia = ({ stroke: e = "#000", ...t }) => /* @__PURE__ */ b.jsxs(
             ((O = g.addComponent) == null ? void 0 : O.position) === "after" && g.addComponent.component
           ] }),
           (m == null ? void 0 : m.infoTitle) && /* @__PURE__ */ b.jsxs(
-            Ue,
+            Ye,
             {
               alignItems: "center",
               direction: "row",
@@ -46876,7 +46876,7 @@ const ia = ({ stroke: e = "#000", ...t }) => /* @__PURE__ */ b.jsxs(
           )
         ] }),
         /* @__PURE__ */ b.jsxs(
-          Ue,
+          Ye,
           {
             direction: "row",
             alignItems: "center",
@@ -46938,7 +46938,7 @@ const ia = ({ stroke: e = "#000", ...t }) => /* @__PURE__ */ b.jsxs(
       sx: { zIndex: 9999 },
       ...d,
       children: ({ TransitionProps: w }) => /* @__PURE__ */ b.jsx(As, { onClickAway: a, children: /* @__PURE__ */ b.jsx(Da, { ...w, timeout: 350, children: /* @__PURE__ */ b.jsx(
-        Ue,
+        Ye,
         {
           sx: {
             margin: "0.5rem",
@@ -47109,14 +47109,14 @@ const xF = ({
   value: t,
   onChange: r
 }) => ($r(""), /* @__PURE__ */ b.jsx(
-  Ue,
+  Ye,
   {
     sx: {
       gap: "1rem",
       padding: "1rem 4rem 1rem 1.5rem"
     },
     children: pn.isArrayWithValues(e) && e.map((a) => /* @__PURE__ */ b.jsxs(
-      Ue,
+      Ye,
       {
         onClick: () => r(a.value),
         direction: "row",
@@ -47191,7 +47191,7 @@ const xF = ({
   )) == null ? void 0 : P.label;
   return /* @__PURE__ */ b.jsxs(b.Fragment, { children: [
     /* @__PURE__ */ b.jsxs(
-      Ue,
+      Ye,
       {
         onClick: v,
         ref: d,
@@ -47213,7 +47213,7 @@ const xF = ({
           }
         },
         children: [
-          /* @__PURE__ */ b.jsxs(Ue, { direction: "row", alignItems: "center", spacing: 0.75, children: [
+          /* @__PURE__ */ b.jsxs(Ye, { direction: "row", alignItems: "center", spacing: 0.75, children: [
             /* @__PURE__ */ b.jsx(
               _f,
               {
@@ -47391,14 +47391,14 @@ const xF = ({
             maxWidth: "30vw"
           },
           children: /* @__PURE__ */ b.jsxs(
-            Ue,
+            Ye,
             {
               direction: "row",
               alignItems: "center",
               justifyContent: "space-between",
               sx: { padding: "0.75rem 1rem 0.75rem 0rem", gap: "2.5rem" },
               children: [
-                /* @__PURE__ */ b.jsxs(Ue, { direction: "row", sx: { gap: "1rem" }, children: [
+                /* @__PURE__ */ b.jsxs(Ye, { direction: "row", sx: { gap: "1rem" }, children: [
                   /* @__PURE__ */ b.jsx(
                     $t,
                     {
@@ -47409,7 +47409,7 @@ const xF = ({
                       }
                     }
                   ),
-                  /* @__PURE__ */ b.jsxs(Ue, { sx: { gap: "0.25rem", padding: "0.25rem 0" }, children: [
+                  /* @__PURE__ */ b.jsxs(Ye, { sx: { gap: "0.25rem", padding: "0.25rem 0" }, children: [
                     /* @__PURE__ */ b.jsx(
                       bt,
                       {
@@ -47429,7 +47429,7 @@ const xF = ({
                   ] })
                 ] }),
                 (s == null ? void 0 : s.text) && /* @__PURE__ */ b.jsx(
-                  Ue,
+                  Ye,
                   {
                     onClick: s.onClick ? s.onClick : v,
                     sx: { cursor: "pointer" },
@@ -47763,7 +47763,7 @@ const xF = ({
     color: It.colors.text_primary
   };
   return /* @__PURE__ */ b.jsxs(
-    Ue,
+    Ye,
     {
       direction: "row",
       alignItems: "center",
@@ -47977,7 +47977,7 @@ const sW = ({
               width: "100%"
             },
             children: [
-              /* @__PURE__ */ b.jsxs(Ue, { direction: "row", sx: { gap: "0.5rem" }, children: [
+              /* @__PURE__ */ b.jsxs(Ye, { direction: "row", sx: { gap: "0.5rem" }, children: [
                 /* @__PURE__ */ b.jsx(
                   Ux,
                   {
@@ -48007,7 +48007,7 @@ const sW = ({
                       $l,
                       {
                         label: /* @__PURE__ */ b.jsxs(
-                          Ue,
+                          Ye,
                           {
                             direction: "row",
                             sx: {
@@ -48021,7 +48021,7 @@ const sW = ({
                               !M.onlyIcon && /* @__PURE__ */ b.jsx(bt, { children: M.label }),
                               M.icon && !M.iconAtStart && M.icon,
                               M.count && /* @__PURE__ */ b.jsx(
-                                Ue,
+                                Ye,
                                 {
                                   sx: {
                                     paddingLeft: M.icon && !M.iconAtStart ? "0.75rem" : "1rem"
@@ -48102,7 +48102,7 @@ const sW = ({
       "The 'options' prop must be an array with at least one element."
     );
   return /* @__PURE__ */ b.jsx(
-    Ue,
+    Ye,
     {
       direction: "row",
       alignItems: "center",
@@ -48116,7 +48116,7 @@ const sW = ({
       children: e == null ? void 0 : e.map((s, c) => {
         var d, g, m, v, w;
         return /* @__PURE__ */ b.jsx(lo, { title: (d = s.labelProps) == null ? void 0 : d.text, children: /* @__PURE__ */ b.jsxs(
-          Ue,
+          Ye,
           {
             onClick: () => r == null ? void 0 : r(s.value),
             direction: "row",
@@ -48180,7 +48180,7 @@ const sW = ({
 }) => {
   const m = jt();
   return /* @__PURE__ */ b.jsx(
-    Ue,
+    Ye,
     {
       direction: "row",
       alignItems: "center",
@@ -48191,8 +48191,8 @@ const sW = ({
         borderBottom: "1px solid rgba(85, 87, 112, 0.08)",
         ...g
       },
-      children: /* @__PURE__ */ b.jsxs(Ue, { sx: { gap: "0.65rem", width: "100%" }, children: [
-        /* @__PURE__ */ b.jsxs(Ue, { direction: "row", alignItems: "center", sx: { gap: "0.5rem" }, children: [
+      children: /* @__PURE__ */ b.jsxs(Ye, { sx: { gap: "0.65rem", width: "100%" }, children: [
+        /* @__PURE__ */ b.jsxs(Ye, { direction: "row", alignItems: "center", sx: { gap: "0.5rem" }, children: [
           (c == null ? void 0 : c.flag) && /* @__PURE__ */ b.jsx(
             wr,
             {
@@ -48210,7 +48210,7 @@ const sW = ({
             }
           ),
           (d == null ? void 0 : d.flag) && /* @__PURE__ */ b.jsx(
-            Ue,
+            Ye,
             {
               sx: {
                 padding: "0.35rem 0.5rem",
@@ -48243,18 +48243,18 @@ const sW = ({
             }
           )
         ] }),
-        /* @__PURE__ */ b.jsxs(Ue, { sx: { width: "100%" }, children: [
+        /* @__PURE__ */ b.jsxs(Ye, { sx: { width: "100%" }, children: [
           /* @__PURE__ */ b.jsxs(
-            Ue,
+            Ye,
             {
               direction: "row",
               alignItems: "center",
               justifyContent: "space-between",
               sx: { gap: "1rem", width: "100%" },
               children: [
-                /* @__PURE__ */ b.jsxs(Ue, { direction: "row", alignItems: "center", sx: { gap: "0.5rem" }, children: [
+                /* @__PURE__ */ b.jsxs(Ye, { direction: "row", alignItems: "center", sx: { gap: "0.5rem" }, children: [
                   (s == null ? void 0 : s.icon) && (s == null ? void 0 : s.position) === "start" && /* @__PURE__ */ b.jsx(
-                    Ue,
+                    Ye,
                     {
                       sx: {
                         borderRadius: "0.5rem",
@@ -48267,7 +48267,7 @@ const sW = ({
                   ),
                   /* @__PURE__ */ b.jsx(bt, { sx: { color: "#012687" }, variant: "xxxlSemibold", children: e }),
                   (s == null ? void 0 : s.icon) && (s == null ? void 0 : s.position) === "end" && /* @__PURE__ */ b.jsx(
-                    Ue,
+                    Ye,
                     {
                       sx: {
                         borderRadius: "0.5rem",
@@ -48297,7 +48297,7 @@ const sW = ({
 }) => {
   const c = jt();
   return /* @__PURE__ */ b.jsxs(
-    Ue,
+    Ye,
     {
       direction: "row",
       alignItems: "center",
@@ -48308,11 +48308,11 @@ const sW = ({
         borderTop: "1px solid rgba(85, 87, 112, 0.08)"
       },
       children: [
-        /* @__PURE__ */ b.jsxs(Ue, { direction: "row", alignItems: "center", children: [
+        /* @__PURE__ */ b.jsxs(Ye, { direction: "row", alignItems: "center", children: [
           a && a,
           t && /* @__PURE__ */ b.jsx(Jo, { ...t })
         ] }),
-        /* @__PURE__ */ b.jsxs(Ue, { direction: "row", alignItems: "center", sx: { gap: "1.5rem" }, children: [
+        /* @__PURE__ */ b.jsxs(Ye, { direction: "row", alignItems: "center", sx: { gap: "1.5rem" }, children: [
           s && s,
           (r == null ? void 0 : r.label) && /* @__PURE__ */ b.jsx(
             bt,
@@ -48362,11 +48362,11 @@ const sW = ({
       },
       children: [
         /* @__PURE__ */ b.jsx(
-          Ue,
+          Ye,
           {
             alignItems: "center",
             sx: { gap: "2rem", height: "100%", padding: "0 0.5rem" },
-            children: /* @__PURE__ */ b.jsx(Ue, { alignItems: "center", sx: { gap: "1rem" }, children: t.map((d) => {
+            children: /* @__PURE__ */ b.jsx(Ye, { alignItems: "center", sx: { gap: "1rem" }, children: t.map((d) => {
               var g;
               return /* @__PURE__ */ b.jsx(lo, { title: d.label, placement: "right", children: /* @__PURE__ */ b.jsxs(
                 $t,
@@ -48405,7 +48405,7 @@ const sW = ({
             }) })
           }
         ),
-        /* @__PURE__ */ b.jsx(Ue, { alignItems: "center", sx: { gap: "1rem" }, children: r.map((d) => /* @__PURE__ */ b.jsx(lo, { title: d.label, placement: "right", children: /* @__PURE__ */ b.jsx(
+        /* @__PURE__ */ b.jsx(Ye, { alignItems: "center", sx: { gap: "1rem" }, children: r.map((d) => /* @__PURE__ */ b.jsx(lo, { title: d.label, placement: "right", children: /* @__PURE__ */ b.jsx(
           $t,
           {
             onClick: () => a(d),
@@ -48559,7 +48559,7 @@ const sW = ({
     title: (w) => /* @__PURE__ */ b.jsx(bt, { children: "TITLE" }),
     event: (w) => /* @__PURE__ */ b.jsx(bt, { children: "EVENT" })
   };
-  return /* @__PURE__ */ b.jsxs(Ue, { sx: { gap: "1rem", ...g }, children: [
+  return /* @__PURE__ */ b.jsxs(Ye, { sx: { gap: "1rem", ...g }, children: [
     s,
     /* @__PURE__ */ b.jsx(
       HF,
@@ -48571,7 +48571,7 @@ const sW = ({
         onClick: c
       }
     ),
-    d.flag && /* @__PURE__ */ b.jsx(Ue, { direction: "row", justifyContent: "center", children: /* @__PURE__ */ b.jsx(
+    d.flag && /* @__PURE__ */ b.jsx(Ye, { direction: "row", justifyContent: "center", children: /* @__PURE__ */ b.jsx(
       WF,
       {
         currentPage: d.currentPage,
@@ -48911,7 +48911,7 @@ const YF = /* @__PURE__ */ Ho(VF), UF = ({ ...e }) => /* @__PURE__ */ b.jsxs(
         s && /* @__PURE__ */ b.jsx(GF, { size: M }),
         c && /* @__PURE__ */ b.jsx(qF, { size: M }),
         /* @__PURE__ */ b.jsx(
-          Ue,
+          Ye,
           {
             onClick: w,
             direction: "row",
@@ -48950,7 +48950,7 @@ const YF = /* @__PURE__ */ Ho(VF), UF = ({ ...e }) => /* @__PURE__ */ b.jsxs(
           }
         ),
         /* @__PURE__ */ b.jsx(
-          Ue,
+          Ye,
           {
             direction: "row",
             justifyContent: "center",
@@ -48975,7 +48975,7 @@ const YF = /* @__PURE__ */ Ho(VF), UF = ({ ...e }) => /* @__PURE__ */ b.jsxs(
   const r = jt();
   if (pn.isArrayWithValues(e))
     return /* @__PURE__ */ b.jsx(
-      Ue,
+      Ye,
       {
         sx: {
           padding: "0.5rem 0",
@@ -48986,7 +48986,7 @@ const YF = /* @__PURE__ */ Ho(VF), UF = ({ ...e }) => /* @__PURE__ */ b.jsxs(
         children: e.map((a, s) => {
           var c, d, g, m, v, w, T, O;
           return /* @__PURE__ */ b.jsxs(
-            Ue,
+            Ye,
             {
               sx: {
                 width: "100%",
@@ -48996,7 +48996,7 @@ const YF = /* @__PURE__ */ Ho(VF), UF = ({ ...e }) => /* @__PURE__ */ b.jsxs(
               },
               children: [
                 (a.title || ((c = a == null ? void 0 : a.iconProps) == null ? void 0 : c.icon)) && /* @__PURE__ */ b.jsxs(
-                  Ue,
+                  Ye,
                   {
                     direction: "row",
                     alignItems: "center",
@@ -49022,7 +49022,7 @@ const YF = /* @__PURE__ */ Ho(VF), UF = ({ ...e }) => /* @__PURE__ */ b.jsxs(
                     {
                       title: P != null && P.tooltip ? P == null ? void 0 : P.tooltip : "",
                       children: /* @__PURE__ */ b.jsxs(
-                        Ue,
+                        Ye,
                         {
                           onClick: P.onClick,
                           direction: "row",
@@ -49032,17 +49032,17 @@ const YF = /* @__PURE__ */ Ho(VF), UF = ({ ...e }) => /* @__PURE__ */ b.jsxs(
                             gap: "1rem",
                             width: "100%",
                             padding: "0.625rem 3rem 0.625rem 1rem",
-                            cursor: P != null && P.disable ? "allowed" : "pointer",
+                            cursor: P != null && P.disable ? "not-allowed" : "pointer",
                             backgroundColor: P != null && P.disable ? r.colors.surface2_lightgrey : r.palette.background.paper,
                             opacity: P != null && P.disable ? 0.3 : 1,
                             "&:hover": {
-                              backgroundColor: r.colors.surface2_lightgrey
+                              backgroundColor: r.palette.mode === "dark" ? "#090A0B" : "#E9EFFF"
                             },
                             ...P == null ? void 0 : P.sx
                           },
                           children: [
                             /* @__PURE__ */ b.jsxs(
-                              Ue,
+                              Ye,
                               {
                                 direction: "row",
                                 alignItems: "center",
@@ -49095,7 +49095,7 @@ const YF = /* @__PURE__ */ Ho(VF), UF = ({ ...e }) => /* @__PURE__ */ b.jsxs(
     r && I(!1);
   }, [r]), /* @__PURE__ */ b.jsxs(b.Fragment, { children: [
     /* @__PURE__ */ b.jsxs(
-      Ue,
+      Ye,
       {
         onClick: j,
         ref: O,
@@ -49118,7 +49118,7 @@ const YF = /* @__PURE__ */ Ho(VF), UF = ({ ...e }) => /* @__PURE__ */ b.jsxs(
         },
         children: [
           /* @__PURE__ */ b.jsxs(
-            Ue,
+            Ye,
             {
               direction: "row",
               alignItems: "center",
@@ -52148,7 +52148,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       var o = new fe(n).init({ responsiveOverride: !0 });
       this.w.config = o;
     } }]), F;
-  }(), Ye = function() {
+  }(), Ue = function() {
     function F(n) {
       c(this, F), this.ctx = n, this.colors = [], this.w = n.w;
       var o = this.w;
@@ -57100,7 +57100,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       c(this, F), this.ctx = n, this.w = n.w;
     }
     return g(F, [{ key: "initModules", value: function() {
-      this.ctx.publicMethods = ["updateOptions", "updateSeries", "appendData", "appendSeries", "isSeriesHidden", "toggleSeries", "showSeries", "hideSeries", "setLocale", "resetSeries", "zoomX", "toggleDataPointSelection", "dataURI", "exportToCSV", "addXaxisAnnotation", "addYaxisAnnotation", "addPointAnnotation", "clearAnnotations", "removeAnnotation", "paper", "destroy"], this.ctx.eventList = ["click", "mousedown", "mousemove", "mouseleave", "touchstart", "touchmove", "touchleave", "mouseup", "touchend"], this.ctx.animations = new U(this.ctx), this.ctx.axes = new je(this.ctx), this.ctx.core = new Fe(this.ctx.el, this.ctx), this.ctx.config = new fe({}), this.ctx.data = new ae(this.ctx), this.ctx.grid = new Re(this.ctx), this.ctx.graphics = new L(this.ctx), this.ctx.coreUtils = new Q(this.ctx), this.ctx.crosshairs = new Ne(this.ctx), this.ctx.events = new ue(this.ctx), this.ctx.exports = new xe(this.ctx), this.ctx.localization = new ye(this.ctx), this.ctx.options = new Z(), this.ctx.responsive = new Ve(this.ctx), this.ctx.series = new be(this.ctx), this.ctx.theme = new Ye(this.ctx), this.ctx.formatters = new W(this.ctx), this.ctx.titleSubtitle = new Je(this.ctx), this.ctx.legend = new gt(this.ctx), this.ctx.toolbar = new nt(this.ctx), this.ctx.tooltip = new Ot(this.ctx), this.ctx.dimensions = new tt(this.ctx), this.ctx.updateHelpers = new _e(this.ctx), this.ctx.zoomPanSelection = new Tt(this.ctx), this.ctx.w.globals.tooltip = new Ot(this.ctx);
+      this.ctx.publicMethods = ["updateOptions", "updateSeries", "appendData", "appendSeries", "isSeriesHidden", "toggleSeries", "showSeries", "hideSeries", "setLocale", "resetSeries", "zoomX", "toggleDataPointSelection", "dataURI", "exportToCSV", "addXaxisAnnotation", "addYaxisAnnotation", "addPointAnnotation", "clearAnnotations", "removeAnnotation", "paper", "destroy"], this.ctx.eventList = ["click", "mousedown", "mousemove", "mouseleave", "touchstart", "touchmove", "touchleave", "mouseup", "touchend"], this.ctx.animations = new U(this.ctx), this.ctx.axes = new je(this.ctx), this.ctx.core = new Fe(this.ctx.el, this.ctx), this.ctx.config = new fe({}), this.ctx.data = new ae(this.ctx), this.ctx.grid = new Re(this.ctx), this.ctx.graphics = new L(this.ctx), this.ctx.coreUtils = new Q(this.ctx), this.ctx.crosshairs = new Ne(this.ctx), this.ctx.events = new ue(this.ctx), this.ctx.exports = new xe(this.ctx), this.ctx.localization = new ye(this.ctx), this.ctx.options = new Z(), this.ctx.responsive = new Ve(this.ctx), this.ctx.series = new be(this.ctx), this.ctx.theme = new Ue(this.ctx), this.ctx.formatters = new W(this.ctx), this.ctx.titleSubtitle = new Je(this.ctx), this.ctx.legend = new gt(this.ctx), this.ctx.toolbar = new nt(this.ctx), this.ctx.tooltip = new Ot(this.ctx), this.ctx.dimensions = new tt(this.ctx), this.ctx.updateHelpers = new _e(this.ctx), this.ctx.zoomPanSelection = new Tt(this.ctx), this.ctx.w.globals.tooltip = new Ot(this.ctx);
     } }]), F;
   }(), dt = function() {
     function F(n) {
@@ -58228,7 +58228,7 @@ const uz = ({ name: e, data: t, labels: r }) => {
       },
       children: [
         /* @__PURE__ */ b.jsxs(
-          Ue,
+          Ye,
           {
             sx: {
               gap: "0.5rem",
@@ -58238,7 +58238,7 @@ const uz = ({ name: e, data: t, labels: r }) => {
             children: [
               /* @__PURE__ */ b.jsx(bt, { variant: "xlMedium", ...s, children: e == null ? void 0 : e.label }),
               /* @__PURE__ */ b.jsxs(
-                Ue,
+                Ye,
                 {
                   sx: {
                     gap: "0.5rem",
@@ -58246,7 +58246,7 @@ const uz = ({ name: e, data: t, labels: r }) => {
                   },
                   children: [
                     /* @__PURE__ */ b.jsx(bt, { variant: "xxlSemibold", ...c, children: e == null ? void 0 : e.total_number }),
-                    (t || a && (e == null ? void 0 : e.subData)) && /* @__PURE__ */ b.jsxs(Ue, { sx: { gap: "0.75rem", width: "100%" }, children: [
+                    (t || a && (e == null ? void 0 : e.subData)) && /* @__PURE__ */ b.jsxs(Ye, { sx: { gap: "0.75rem", width: "100%" }, children: [
                       t && /* @__PURE__ */ b.jsx(
                         lo,
                         {
@@ -58296,7 +58296,7 @@ const uz = ({ name: e, data: t, labels: r }) => {
                         }
                       ),
                       a && (e == null ? void 0 : e.subData) && /* @__PURE__ */ b.jsx(
-                        Ue,
+                        Ye,
                         {
                           direction: "row",
                           spacing: 2,
@@ -58315,11 +58315,11 @@ const uz = ({ name: e, data: t, labels: r }) => {
             ]
           }
         ),
-        (m == null ? void 0 : m.flag) && /* @__PURE__ */ b.jsx(Ue, { sx: { height: "7.5rem", width: "50%" }, children: /* @__PURE__ */ b.jsx(uz, { data: m.data, labels: m.label }) })
+        (m == null ? void 0 : m.flag) && /* @__PURE__ */ b.jsx(Ye, { sx: { height: "7.5rem", width: "50%" }, children: /* @__PURE__ */ b.jsx(uz, { data: m.data, labels: m.label }) })
       ]
     }
   );
-}, fz = af(Ue)(() => ({
+}, fz = af(Ye)(() => ({
   boxShadow: "0px 0px 0.8px 0px rgba(0, 0, 0, 0.40)",
   padding: "0.25rem 0.5rem",
   alignItems: "center",
@@ -58382,7 +58382,7 @@ const uz = ({ name: e, data: t, labels: r }) => {
 }) => {
   const w = jt();
   return /* @__PURE__ */ b.jsxs(
-    Ue,
+    Ye,
     {
       sx: {
         backgroundColor: w.colors.white,
@@ -58392,7 +58392,7 @@ const uz = ({ name: e, data: t, labels: r }) => {
       },
       children: [
         e && /* @__PURE__ */ b.jsx(
-          Ue,
+          Ye,
           {
             sx: {
               paddingBottom: "1rem",
@@ -58404,7 +58404,7 @@ const uz = ({ name: e, data: t, labels: r }) => {
             children: /* @__PURE__ */ b.jsx(bt, { variant: "xxxlSemibold", ...r, children: e })
           }
         ),
-        /* @__PURE__ */ b.jsx(Ue, { sx: { gap: "1rem", ...c }, children: pn.isArrayWithValues(s) && s.map((T, O) => /* @__PURE__ */ b.jsx(
+        /* @__PURE__ */ b.jsx(Ye, { sx: { gap: "1rem", ...c }, children: pn.isArrayWithValues(s) && s.map((T, O) => /* @__PURE__ */ b.jsx(
           lo,
           {
             title: T.access ? "" : `You don't have permission to edit ${T.label.toLowerCase() || ""}`,
@@ -58461,7 +58461,7 @@ const bW = ({
     a && (v(null), g(!1));
   }, [a]), /* @__PURE__ */ b.jsxs(b.Fragment, { children: [
     /* @__PURE__ */ b.jsxs(
-      Ue,
+      Ye,
       {
         direction: "row",
         alignItems: "center",
@@ -58475,7 +58475,7 @@ const bW = ({
         },
         children: [
           /* @__PURE__ */ b.jsx(lo, { title: e == null ? void 0 : e.tooltip, children: /* @__PURE__ */ b.jsx(
-            Ue,
+            Ye,
             {
               onClick: e == null ? void 0 : e.onClick,
               alignItems: "center",
@@ -58501,7 +58501,7 @@ const bW = ({
             }
           ) }),
           /* @__PURE__ */ b.jsx(lo, { title: t == null ? void 0 : t.tooltip, children: /* @__PURE__ */ b.jsx(
-            Ue,
+            Ye,
             {
               onClick: w,
               alignItems: "center",
@@ -58552,7 +58552,7 @@ const bW = ({
   const P = jt();
   let I = t, j = a, R = s;
   return e === "search" && (I = t || vz, j = a || "No results found", R = s || `We could not find any results for ${v ? `"${v}"` : "your searched text"}`), e === "data" && (I = t || mz, j = a || "No data found", R = s || "There is no data present, please add data."), /* @__PURE__ */ b.jsxs(
-    Ue,
+    Ye,
     {
       alignItems: "center",
       justifyContent: "center",
@@ -58577,7 +58577,7 @@ const bW = ({
           }
         ),
         /* @__PURE__ */ b.jsxs(
-          Ue,
+          Ye,
           {
             alignItems: "center",
             justifyContent: "center",
@@ -58812,7 +58812,7 @@ const Az = (e, t = 10) => {
 }) => {
   const a = jt(), s = e == null ? void 0 : e.flag, c = t == null ? void 0 : t.flag, d = e == null ? void 0 : e.onClick, g = t == null ? void 0 : t.onClick;
   return /* @__PURE__ */ b.jsx(b.Fragment, { children: r && (s || c) && /* @__PURE__ */ b.jsxs(
-    Ue,
+    Ye,
     {
       direction: "row",
       alignItems: "center",
@@ -58906,7 +58906,7 @@ const Az = (e, t = 10) => {
   }
   const J = g && (e == null ? void 0 : e.status) !== "completed";
   return /* @__PURE__ */ b.jsxs(
-    Ue,
+    Ye,
     {
       onClick: s,
       sx: {
@@ -58933,14 +58933,14 @@ const Az = (e, t = 10) => {
           }
         ),
         /* @__PURE__ */ b.jsxs(
-          Ue,
+          Ye,
           {
             direction: "row",
             alignItems: "center",
             justifyContent: "space-between",
             sx: { gap: "1rem" },
             children: [
-              /* @__PURE__ */ b.jsxs(Ue, { direction: "row", alignItems: "center", gap: "0.35rem", children: [
+              /* @__PURE__ */ b.jsxs(Ye, { direction: "row", alignItems: "center", gap: "0.35rem", children: [
                 J && c === "checkbox" ? /* @__PURE__ */ b.jsx(vc, { checked: a, onChange: d }) : J && c === "radio" ? /* @__PURE__ */ b.jsx(mc, { checked: a, onChange: d }) : null,
                 /* @__PURE__ */ b.jsx(
                   bt,
@@ -58987,70 +58987,81 @@ const Az = (e, t = 10) => {
           }
         ),
         /* @__PURE__ */ b.jsxs(
-          Ue,
+          Ye,
           {
             direction: "row",
             alignItems: "center",
-            sx: { gap: "0.75rem", flexWrap: "wrap" },
+            justifyContent: "space-between",
+            sx: { gap: "0.5rem", flexWrap: "wrap", width: "100%" },
             children: [
-              /* @__PURE__ */ b.jsx(ed, { contributors: (e == null ? void 0 : e.contributors) || [] }),
-              (e == null ? void 0 : e.dueDate) && /* @__PURE__ */ b.jsxs(Ue, { direction: "row", alignItems: "center", sx: { gap: "0.25rem" }, children: [
-                /* @__PURE__ */ b.jsx(
-                  Vm,
-                  {
-                    stroke: T.colors.text_secondary,
-                    height: "14",
-                    width: "14"
-                  }
-                ),
-                /* @__PURE__ */ b.jsx(
-                  bt,
-                  {
-                    variant: "lRegular",
-                    sx: { color: T.colors.text_secondary },
-                    children: Fd({ date: e == null ? void 0 : e.dueDate })
-                  }
-                ),
-                w && /* @__PURE__ */ b.jsx(Ue, { sx: { gap: "0.25rem" }, children: /* @__PURE__ */ b.jsx(
-                  Ko,
-                  {
-                    type: (e == null ? void 0 : e.status) === "overdue" ? "pending" : e == null ? void 0 : e.status
-                  }
-                ) }),
-                L && /* @__PURE__ */ b.jsx(
-                  Ko,
-                  {
-                    type: "custom",
-                    customProps: {
-                      backgroundColor: T.colors.light_red,
-                      color: T.colors.negative,
-                      value: Q,
-                      label: Q
-                    }
+              /* @__PURE__ */ b.jsxs(
+                Ye,
+                {
+                  direction: "row",
+                  alignItems: "center",
+                  sx: { gap: "0.75rem", flexWrap: "wrap" },
+                  children: [
+                    /* @__PURE__ */ b.jsx(ed, { contributors: (e == null ? void 0 : e.contributors) || [] }),
+                    (e == null ? void 0 : e.dueDate) && /* @__PURE__ */ b.jsxs(Ye, { direction: "row", alignItems: "center", sx: { gap: "0.25rem" }, children: [
+                      /* @__PURE__ */ b.jsx(
+                        Vm,
+                        {
+                          stroke: T.colors.text_secondary,
+                          height: "14",
+                          width: "14"
+                        }
+                      ),
+                      /* @__PURE__ */ b.jsx(
+                        bt,
+                        {
+                          variant: "lRegular",
+                          sx: { color: T.colors.text_secondary },
+                          children: Fd({ date: e == null ? void 0 : e.dueDate })
+                        }
+                      ),
+                      w && /* @__PURE__ */ b.jsx(Ye, { sx: { gap: "0.25rem" }, children: /* @__PURE__ */ b.jsx(
+                        Ko,
+                        {
+                          type: (e == null ? void 0 : e.status) === "overdue" ? "pending" : e == null ? void 0 : e.status
+                        }
+                      ) })
+                    ] })
+                  ]
+                }
+              ),
+              L && /* @__PURE__ */ b.jsx(
+                Ko,
+                {
+                  type: "custom",
+                  customProps: {
+                    backgroundColor: T.colors.light_red,
+                    color: T.colors.negative,
+                    value: Q,
+                    label: Q
                   }
-                )
-              ] })
+                }
+              )
             ]
           }
         ),
         /* @__PURE__ */ b.jsxs(
-          Ue,
+          Ye,
           {
             direction: "row",
             alignItems: "center",
             sx: { gap: "0.5rem", flexWrap: "wrap" },
             children: [
-              /* @__PURE__ */ b.jsxs(Ue, { direction: "row", alignItems: "center", sx: { gap: "0.25rem" }, children: [
+              /* @__PURE__ */ b.jsxs(Ye, { direction: "row", alignItems: "center", sx: { gap: "0.25rem" }, children: [
                 /* @__PURE__ */ b.jsx(bt, { variant: "lRegular", children: "Created by" }),
                 /* @__PURE__ */ b.jsx(ed, { contributors: [e == null ? void 0 : e.createdBy] })
               ] }),
-              /* @__PURE__ */ b.jsxs(Ue, { direction: "row", alignItems: "center", sx: { gap: "0.5rem" }, children: [
+              /* @__PURE__ */ b.jsxs(Ye, { direction: "row", alignItems: "center", sx: { gap: "0.5rem" }, children: [
                 /* @__PURE__ */ b.jsx(bt, { variant: "lRegular", children: "For" }),
                 /* @__PURE__ */ b.jsx(ed, { contributors: (e == null ? void 0 : e.contacts) || [] })
               ] }),
-              (e == null ? void 0 : e.createdAt) && /* @__PURE__ */ b.jsxs(Ue, { direction: "row", alignItems: "center", sx: { gap: "0.25rem" }, children: [
+              (e == null ? void 0 : e.createdAt) && /* @__PURE__ */ b.jsxs(Ye, { direction: "row", alignItems: "center", sx: { gap: "0.25rem" }, children: [
                 /* @__PURE__ */ b.jsx(bt, { variant: "lRegular", children: "On" }),
-                /* @__PURE__ */ b.jsxs(Ue, { direction: "row", alignItems: "center", sx: { gap: "0.25rem" }, children: [
+                /* @__PURE__ */ b.jsxs(Ye, { direction: "row", alignItems: "center", sx: { gap: "0.25rem" }, children: [
                   /* @__PURE__ */ b.jsx(
                     Vm,
                     {
@@ -59097,7 +59108,7 @@ const Az = (e, t = 10) => {
   if (e.length === 0) return null;
   const r = ((c = e == null ? void 0 : e[0]) == null ? void 0 : c.name) || "", a = e == null ? void 0 : e.map((d) => d == null ? void 0 : d.name).join(", "), s = (e == null ? void 0 : e.length) - 1;
   return pn.isArrayWithValues ? /* @__PURE__ */ b.jsx(Bn, { title: a, children: /* @__PURE__ */ b.jsxs(
-    Ue,
+    Ye,
     {
       sx: {
         borderRadius: "0.625rem",
@@ -59332,7 +59343,7 @@ const Az = (e, t = 10) => {
     ...d
   };
   return /* @__PURE__ */ b.jsxs(
-    Ue,
+    Ye,
     {
       borderRadius: "0.5rem",
       direction: "row",
@@ -59340,9 +59351,9 @@ const Az = (e, t = 10) => {
       justifyContent: "space-between",
       sx: w,
       children: [
-        /* @__PURE__ */ b.jsxs(Ue, { direction: "row", alignItems: "center", spacing: 1, children: [
+        /* @__PURE__ */ b.jsxs(Ye, { direction: "row", alignItems: "center", spacing: 1, children: [
           s === "filled" ? t === "error" && /* @__PURE__ */ b.jsx(oy, { color: "white" }) || t === "success" && /* @__PURE__ */ b.jsx(ny, { color: "white" }) || t === "info" && /* @__PURE__ */ b.jsx(ry, { color: "white" }) || t === "warning" && /* @__PURE__ */ b.jsx(ty, { color: "white" }) : kz[t],
-          /* @__PURE__ */ b.jsxs(Ue, { direction: "column", children: [
+          /* @__PURE__ */ b.jsxs(Ye, { direction: "column", children: [
             s === "filled" ? /* @__PURE__ */ b.jsx(bt, { variant: "xlMedium", sx: { color: "white" }, children: e }) : /* @__PURE__ */ b.jsx(
               bt,
               {
@@ -59488,7 +59499,7 @@ const wW = ({
   orderStatus: m,
   customPaymentIcon: v
 }) => /* @__PURE__ */ b.jsxs(
-  Ue,
+  Ye,
   {
     minWidth: "40rem",
     sx: {
@@ -59500,7 +59511,7 @@ const wW = ({
     },
     children: [
       /* @__PURE__ */ b.jsxs(
-        Ue,
+        Ye,
         {
           direction: "row",
           alignItems: "center",
@@ -59508,7 +59519,7 @@ const wW = ({
           sx: { gap: "0.25rem", width: "100%" },
           children: [
             /* @__PURE__ */ b.jsxs(
-              Ue,
+              Ye,
               {
                 direction: "row",
                 justifyContent: "start",
@@ -59542,7 +59553,7 @@ const wW = ({
                 ]
               }
             ),
-            /* @__PURE__ */ b.jsxs(Ue, { flexDirection: "row", children: [
+            /* @__PURE__ */ b.jsxs(Ye, { flexDirection: "row", children: [
               /* @__PURE__ */ b.jsx(bt, { variant: "xlSemibold", sx: { marginRight: 0.5 }, children: "₹" }),
               /* @__PURE__ */ b.jsx(bt, { variant: "xlSemibold", children: e })
             ] })
@@ -59550,7 +59561,7 @@ const wW = ({
         }
       ),
       /* @__PURE__ */ b.jsxs(
-        Ue,
+        Ye,
         {
           direction: "row",
           alignItems: "center",
@@ -59559,7 +59570,7 @@ const wW = ({
           gap: 2,
           children: [
             /* @__PURE__ */ b.jsx(
-              Ue,
+              Ye,
               {
                 flexDirection: "row",
                 gap: 0.2,
@@ -59614,7 +59625,7 @@ const wW = ({
               }
             ),
             /* @__PURE__ */ b.jsx(
-              Ue,
+              Ye,
               {
                 flexDirection: "row",
                 gap: 0.2,
@@ -59642,7 +59653,7 @@ const wW = ({
         }
       ),
       /* @__PURE__ */ b.jsxs(
-        Ue,
+        Ye,
         {
           direction: "row",
           alignItems: "center",
@@ -59650,7 +59661,7 @@ const wW = ({
           sx: { gap: "0.25rem", width: "100%" },
           children: [
             /* @__PURE__ */ b.jsx(
-              Ue,
+              Ye,
               {
                 direction: "row",
                 justifyContent: "start",
@@ -59669,7 +59680,7 @@ const wW = ({
               }
             ),
             /* @__PURE__ */ b.jsx(
-              Ue,
+              Ye,
               {
                 flexDirection: "row",
                 alignItems: "center",
@@ -59682,15 +59693,15 @@ const wW = ({
         }
       ),
       /* @__PURE__ */ b.jsxs(
-        Ue,
+        Ye,
         {
           direction: "row",
           alignItems: "center",
           justifyContent: "space-between",
           children: [
-            /* @__PURE__ */ b.jsxs(Ue, { flexDirection: "row", alignItems: "center", gap: 1.2, children: [
+            /* @__PURE__ */ b.jsxs(Ye, { flexDirection: "row", alignItems: "center", gap: 1.2, children: [
               /* @__PURE__ */ b.jsx(
-                Ue,
+                Ye,
                 {
                   alignItems: "center",
                   sx: {
@@ -59706,7 +59717,7 @@ const wW = ({
               ),
               /* @__PURE__ */ b.jsx(bt, { variant: "lMedium", sx: { fontSize: 12 }, children: s })
             ] }),
-            /* @__PURE__ */ b.jsx(Ue, { flexDirection: "row", flex: 0.4 })
+            /* @__PURE__ */ b.jsx(Ye, { flexDirection: "row", flex: 0.4 })
           ]
         }
       )
@@ -59717,7 +59728,7 @@ const wW = ({
   sx: t,
   labelName: r
 }) => /* @__PURE__ */ b.jsxs(
-  Ue,
+  Ye,
   {
     alignItems: "center",
     justifyContent: "center",
@@ -60376,7 +60387,7 @@ const Kz = ({
     width: "100%",
     ...d
   };
-  return /* @__PURE__ */ b.jsxs(Ue, { sx: O, children: [
+  return /* @__PURE__ */ b.jsxs(Ye, { sx: O, children: [
     e === "radial" && /* @__PURE__ */ b.jsx(
       Jz,
       {
@@ -60619,7 +60630,7 @@ const iH = ({
       },
       children: e.map((s, c) => {
         var d;
-        return /* @__PURE__ */ b.jsxs(Ue, { sx: { gap: "0.25rem" }, children: [
+        return /* @__PURE__ */ b.jsxs(Ye, { sx: { gap: "0.25rem" }, children: [
           /* @__PURE__ */ b.jsxs(
             $t,
             {
@@ -60702,7 +60713,7 @@ const iH = ({
     }
   );
 }, sH = ({ onClose: e }) => /* @__PURE__ */ b.jsxs(
-  Ue,
+  Ye,
   {
     direction: "row",
     alignItems: "center",
@@ -60921,7 +60932,7 @@ const iH = ({
     video: /* @__PURE__ */ b.jsx(Jh, { fontSize: "small" }),
     doc: /* @__PURE__ */ b.jsx($h, { fontSize: "small" })
   };
-  return /* @__PURE__ */ b.jsxs(Ue, { sx: { gap: "0.25rem" }, children: [
+  return /* @__PURE__ */ b.jsxs(Ye, { sx: { gap: "0.25rem" }, children: [
     /* @__PURE__ */ b.jsx(
       $t,
       {
@@ -61022,17 +61033,17 @@ const iH = ({
 }) => {
   const g = jt();
   return /* @__PURE__ */ b.jsxs(
-    Ue,
+    Ye,
     {
       direction: "row",
       justifyContent: "space-between",
       alignItems: "center",
       sx: { gap: "1rem" },
       children: [
-        /* @__PURE__ */ b.jsxs(Ue, { direction: "row", sx: { gap: "0.75rem" }, children: [
+        /* @__PURE__ */ b.jsxs(Ye, { direction: "row", sx: { gap: "0.75rem" }, children: [
           /* @__PURE__ */ b.jsx(jd, { name: t, size: "small" }),
           /* @__PURE__ */ b.jsxs(
-            Ue,
+            Ye,
             {
               direction: "row",
               alignItems: "center",
@@ -61068,7 +61079,7 @@ const iH = ({
           )
         ] }),
         /* @__PURE__ */ b.jsxs(
-          Ue,
+          Ye,
           {
             direction: "row",
             alignItems: "center",
@@ -61100,7 +61111,7 @@ const bH = ({
 }) => {
   const t = jt();
   return /* @__PURE__ */ b.jsxs(
-    Ue,
+    Ye,
     {
       direction: "row",
       alignItems: "center",
@@ -61123,7 +61134,7 @@ const bH = ({
     }
   );
 }, xH = ({ mediaFiles: e }) => /* @__PURE__ */ b.jsx(
-  Ue,
+  Ye,
   {
     sx: {
       padding: "2rem 2rem",
@@ -61208,7 +61219,7 @@ const bH = ({
       PaperProps: {
         sx: { borderRadius: "1rem", minHeight: "80vh", maxHeight: "80vh" }
       },
-      children: /* @__PURE__ */ b.jsxs(Ue, { sx: { flex: 1 }, children: [
+      children: /* @__PURE__ */ b.jsxs(Ye, { sx: { flex: 1 }, children: [
         /* @__PURE__ */ b.jsx(bH, { onClose: a }),
         /* @__PURE__ */ b.jsx(xH, { mediaFiles: r })
       ] })
@@ -61232,7 +61243,7 @@ const bH = ({
   };
   return /* @__PURE__ */ b.jsxs(b.Fragment, { children: [
     /* @__PURE__ */ b.jsxs(
-      Ue,
+      Ye,
       {
         flexDirection: "column",
         sx: {
@@ -61259,7 +61270,7 @@ const bH = ({
             }
           ),
           /* @__PURE__ */ b.jsxs(
-            Ue,
+            Ye,
             {
               sx: {
                 width: "100rem",
@@ -61287,7 +61298,7 @@ const bH = ({
             }
           ),
           /* @__PURE__ */ b.jsx(
-            Ue,
+            Ye,
             {
               direction: "row",
               alignItems: "center",
@@ -61454,7 +61465,7 @@ const bH = ({
   height: m = 190,
   image: v
 }) => /* @__PURE__ */ b.jsxs(
-  Ue,
+  Ye,
   {
     sx: {
       width: "100%",
@@ -61465,7 +61476,7 @@ const bH = ({
       ...g
     },
     children: [
-      /* @__PURE__ */ b.jsx(Ue, { position: "relative", spacing: 0.5, children: /* @__PURE__ */ b.jsx(
+      /* @__PURE__ */ b.jsx(Ye, { position: "relative", spacing: 0.5, children: /* @__PURE__ */ b.jsx(
         Ii,
         {
           component: "img",
@@ -61478,14 +61489,14 @@ const bH = ({
           }
         }
       ) }),
-      /* @__PURE__ */ b.jsxs(Ue, { sx: { paddingY: 1, paddingX: 1 }, children: [
+      /* @__PURE__ */ b.jsxs(Ye, { sx: { paddingY: 1, paddingX: 1 }, children: [
         /* @__PURE__ */ b.jsx(bt, { variant: "xlSemibold", sx: { lineHeight: "150%" }, children: d }),
         c == "default" && /* @__PURE__ */ b.jsxs(b.Fragment, { children: [
-          /* @__PURE__ */ b.jsx(Ue, { direction: "row", alignItems: "center", mt: "0.5rem", children: /* @__PURE__ */ b.jsxs(bt, { variant: "xlMedium", children: [
+          /* @__PURE__ */ b.jsx(Ye, { direction: "row", alignItems: "center", mt: "0.5rem", children: /* @__PURE__ */ b.jsxs(bt, { variant: "xlMedium", children: [
             "₹ ",
             e
           ] }) }),
-          /* @__PURE__ */ b.jsxs(Ue, { mt: "0.5rem", spacing: "0.5rem", alignItems: "left", children: [
+          /* @__PURE__ */ b.jsxs(Ye, { mt: "0.5rem", spacing: "0.5rem", alignItems: "left", children: [
             t && /* @__PURE__ */ b.jsx(
               Ko,
               {
@@ -61507,7 +61518,7 @@ const bH = ({
             ),
             /* @__PURE__ */ b.jsxs(oi, { container: !0, spacing: 0.5, alignItems: "center", children: [
               r && /* @__PURE__ */ b.jsxs(
-                Ue,
+                Ye,
                 {
                   direction: "row",
                   alignItems: "center",
@@ -61534,7 +61545,7 @@ const bH = ({
                 }
               ),
               s && /* @__PURE__ */ b.jsxs(
-                Ue,
+                Ye,
                 {
                   direction: "row",
                   alignItems: "center",
@@ -61563,8 +61574,8 @@ const bH = ({
             ] })
           ] })
         ] }),
-        c == "product details" && /* @__PURE__ */ b.jsx(b.Fragment, { children: /* @__PURE__ */ b.jsxs(Ue, { mt: "0.5rem", spacing: "0.5rem", alignItems: "left", children: [
-          /* @__PURE__ */ b.jsx(Ue, { direction: "row", px: "0.25", children: /* @__PURE__ */ b.jsx(
+        c == "product details" && /* @__PURE__ */ b.jsx(b.Fragment, { children: /* @__PURE__ */ b.jsxs(Ye, { mt: "0.5rem", spacing: "0.5rem", alignItems: "left", children: [
+          /* @__PURE__ */ b.jsx(Ye, { direction: "row", px: "0.25", children: /* @__PURE__ */ b.jsx(
             Ko,
             {
               type: "custom",
@@ -61583,7 +61594,7 @@ const bH = ({
           ) }),
           /* @__PURE__ */ b.jsxs(oi, { container: !0, spacing: 0.5, alignItems: "center", children: [
             /* @__PURE__ */ b.jsxs(
-              Ue,
+              Ye,
               {
                 direction: "row",
                 alignItems: "center",
@@ -61607,7 +61618,7 @@ const bH = ({
               }
             ),
             /* @__PURE__ */ b.jsxs(
-              Ue,
+              Ye,
               {
                 direction: "row",
                 alignItems: "center",
@@ -61654,7 +61665,7 @@ const bH = ({
     /* @__PURE__ */ b.jsx("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_2139_1076" }),
     /* @__PURE__ */ b.jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_2139_1076", result: "shape" })
   ] }) })
-] }), SH = () => /* @__PURE__ */ b.jsx(Ue, { alignItems: "center", sx: { mb: "0.5rem" }, children: /* @__PURE__ */ b.jsx(kH, {}) });
+] }), SH = () => /* @__PURE__ */ b.jsx(Ye, { alignItems: "center", sx: { mb: "0.5rem" }, children: /* @__PURE__ */ b.jsx(kH, {}) });
 var tp = {}, TH = Sn;
 Object.defineProperty(tp, "__esModule", {
   value: !0
@@ -61678,12 +61689,12 @@ const RH = ({
   showLogout: a = !0
 }) => {
   const s = jt();
-  return /* @__PURE__ */ b.jsxs(Ue, { alignItems: "center", sx: { gap: "1rem" }, children: [
-    /* @__PURE__ */ b.jsxs(Ue, { alignItems: "center", sx: { gap: "0.4rem", width: "50%" }, children: [
+  return /* @__PURE__ */ b.jsxs(Ye, { alignItems: "center", sx: { gap: "1rem" }, children: [
+    /* @__PURE__ */ b.jsxs(Ye, { alignItems: "center", sx: { gap: "0.4rem", width: "50%" }, children: [
       /* @__PURE__ */ b.jsx(bt, { variant: "xxlSemibold", sx: { textAlign: "center" }, children: "Plan Expired" }),
       /* @__PURE__ */ b.jsx(bt, { variant: "xlRegular", sx: { textAlign: "center", color: s.colors.text_tertiary }, children: "Looks like your current plan has expired, upgrade your plan to continue using Jwero" })
     ] }),
-    /* @__PURE__ */ b.jsxs(Ue, { direction: "row", alignItems: "center", justifyContent: "center", sx: { gap: "0.4rem", width: "50%" }, children: [
+    /* @__PURE__ */ b.jsxs(Ye, { direction: "row", alignItems: "center", justifyContent: "center", sx: { gap: "0.4rem", width: "50%" }, children: [
       r && /* @__PURE__ */ b.jsx(
         Jo,
         {
@@ -61760,9 +61771,9 @@ const RH = ({
   ], g = (m) => {
     window.open(m, "_blank", "noopener,noreferrer");
   };
-  return /* @__PURE__ */ b.jsxs(Ue, { alignItems: "center", sx: { gap: "1rem", mt: "1rem" }, children: [
+  return /* @__PURE__ */ b.jsxs(Ye, { alignItems: "center", sx: { gap: "1rem", mt: "1rem" }, children: [
     /* @__PURE__ */ b.jsx(bt, { variant: "lRegular", sx: { fontWeight: 500 }, children: "Or contact us on to upgrade" }),
-    /* @__PURE__ */ b.jsxs(Ue, { direction: "row", sx: { gap: "1rem" }, children: [
+    /* @__PURE__ */ b.jsxs(Ye, { direction: "row", sx: { gap: "1rem" }, children: [
       /* @__PURE__ */ b.jsx(
         Ld,
         {
@@ -61784,7 +61795,7 @@ const RH = ({
         }
       )
     ] }),
-    /* @__PURE__ */ b.jsx(Ue, { direction: "row", alignItems: "center", sx: { gap: "0.25rem", mt: "0.65rem", mb: "0.5rem" }, children: d.map((m) => /* @__PURE__ */ b.jsx(
+    /* @__PURE__ */ b.jsx(Ye, { direction: "row", alignItems: "center", sx: { gap: "0.25rem", mt: "0.65rem", mb: "0.5rem" }, children: d.map((m) => /* @__PURE__ */ b.jsx(
       wr,
       {
         onClick: () => g(m.link),
@@ -61800,7 +61811,7 @@ const RH = ({
   showUpgrade: r = !0,
   showLogout: a = !0
 }) => /* @__PURE__ */ b.jsxs(
-  Ue,
+  Ye,
   {
     sx: {
       boxShadow: "0px 4px 16px 0px rgba(0, 0, 0, 0.12)",
@@ -62723,7 +62734,7 @@ const RH = ({
     s ? Qm : Qm.filter((P) => r.includes(P.value))
   );
   return /* @__PURE__ */ b.jsxs(
-    Ue,
+    Ye,
     {
       sx: {
         bgcolor: d.colors.surface_white,
@@ -62733,7 +62744,7 @@ const RH = ({
         ...e
       },
       children: [
-        /* @__PURE__ */ b.jsxs(Ue, { children: [
+        /* @__PURE__ */ b.jsxs(Ye, { children: [
           /* @__PURE__ */ b.jsxs(
             $t,
             {
@@ -62793,7 +62804,7 @@ const RH = ({
           )
         ] }),
         /* @__PURE__ */ b.jsxs(
-          Ue,
+          Ye,
           {
             sx: {
               gap: "2rem",
@@ -62806,7 +62817,7 @@ const RH = ({
               "scrollbar-width": "none"
             },
             children: [
-              T.length > 0 && /* @__PURE__ */ b.jsxs(Ue, { sx: { gap: "1rem" }, children: [
+              T.length > 0 && /* @__PURE__ */ b.jsxs(Ye, { sx: { gap: "1rem" }, children: [
                 /* @__PURE__ */ b.jsxs(
                   bt,
                   {
@@ -62823,7 +62834,7 @@ const RH = ({
                   }
                 ),
                 /* @__PURE__ */ b.jsx(
-                  Ue,
+                  Ye,
                   {
                     direction: "row",
                     sx: { gap: "8rem", width: "100%", padding: "1rem 3rem" },
@@ -62840,7 +62851,7 @@ const RH = ({
                   }
                 )
               ] }),
-              O.length > 0 && /* @__PURE__ */ b.jsxs(Ue, { sx: { gap: "1rem" }, children: [
+              O.length > 0 && /* @__PURE__ */ b.jsxs(Ye, { sx: { gap: "1rem" }, children: [
                 /* @__PURE__ */ b.jsxs(
                   bt,
                   {
@@ -62854,7 +62865,7 @@ const RH = ({
                   }
                 ),
                 /* @__PURE__ */ b.jsx(
-                  Ue,
+                  Ye,
                   {
                     direction: "row",
                     sx: {
@@ -62891,7 +62902,7 @@ const RH = ({
 }) => {
   const s = jt();
   return /* @__PURE__ */ b.jsxs(
-    Ue,
+    Ye,
     {
       onClick: e,
       alignItems: "center",
@@ -62918,7 +62929,7 @@ const RH = ({
             children: t
           }
         ),
-        /* @__PURE__ */ b.jsx(Ue, { direction: "row", alignItems: "center", sx: { gap: "0.5rem" }, children: /* @__PURE__ */ b.jsx(
+        /* @__PURE__ */ b.jsx(Ye, { direction: "row", alignItems: "center", sx: { gap: "0.5rem" }, children: /* @__PURE__ */ b.jsx(
           bt,
           {
             variant: "xlSemibold",
@@ -62930,7 +62941,7 @@ const RH = ({
             children: r
           }
         ) }),
-        a && /* @__PURE__ */ b.jsx(Ue, { sx: { position: "absolute", top: "-0.75rem", right: "-2rem" }, children: /* @__PURE__ */ b.jsx(
+        a && /* @__PURE__ */ b.jsx(Ye, { sx: { position: "absolute", top: "-0.75rem", right: "-2rem" }, children: /* @__PURE__ */ b.jsx(
           Ld,
           {
             label: "Coming soon",
@@ -63293,7 +63304,7 @@ var JH = function(e) {
     }
     var Z, oe, he, de = Array.prototype, Oe = Function.prototype, fe = Object.prototype, ve = U["__core-js_shared__"], Ie = (Z = /[^.]+$/.exec(ve && ve.keys && ve.keys.IE_PROTO || "")) ? "Symbol(src)_1." + Z : "", De = Oe.toString, le = fe.hasOwnProperty, G = fe.toString, se = RegExp("^" + De.call(le).replace(/[\\^$.*+?()[\]{}|]/g, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"), be = U.Symbol, ae = U.Uint8Array, xe = fe.propertyIsEnumerable, Se = de.splice, Re = (oe = Object.keys, he = Object, function(pe) {
       return oe(he(pe));
-    }), Ae = Gr(U, "DataView"), Ce = Gr(U, "Map"), we = Gr(U, "Promise"), ue = Gr(U, "Set"), ye = Gr(U, "WeakMap"), je = Gr(Object, "create"), Ne = hr(Ae), Ve = hr(Ce), Ye = hr(we), Je = hr(ue), yt = hr(ye), et = be ? be.prototype : void 0, rt = et ? et.valueOf : void 0, ht = et ? et.toString : void 0;
+    }), Ae = Gr(U, "DataView"), Ce = Gr(U, "Map"), we = Gr(U, "Promise"), ue = Gr(U, "Set"), ye = Gr(U, "WeakMap"), je = Gr(Object, "create"), Ne = hr(Ae), Ve = hr(Ce), Ue = hr(we), Je = hr(ue), yt = hr(ye), et = be ? be.prototype : void 0, rt = et ? et.valueOf : void 0, ht = et ? et.toString : void 0;
     function tt(pe) {
       var F = -1, n = pe ? pe.length : 0;
       for (this.clear(); ++F < n; ) {
@@ -63623,7 +63634,7 @@ var JH = function(e) {
           return "[object DataView]";
         case Ve:
           return d;
-        case Ye:
+        case Ue:
           return "[object Promise]";
         case Je:
           return m;
@@ -63919,12 +63930,12 @@ var JH = function(e) {
     var ue = function(et, rt, ht) {
       var tt = [];
       return oe(tt, 1, et, !0), oe(tt, 3, rt), oe(tt, 2, ht), tt;
-    }(ae, xe, Se), ye = he(JSON.parse(JSON.stringify(ge)), ue), je = he(JSON.parse(JSON.stringify(me)), ue), Ne = te(Z(ye, ve, Ae, Ce, we), 2), Ve = Ne[0], Ye = Ne[1];
+    }(ae, xe, Se), ye = he(JSON.parse(JSON.stringify(ge)), ue), je = he(JSON.parse(JSON.stringify(me)), ue), Ne = te(Z(ye, ve, Ae, Ce, we), 2), Ve = Ne[0], Ue = Ne[1];
     if (Ie) {
       var Je = te(Z(je, ve, Ae, Ce, we), 2), yt = Je[0];
       Je[1], Ve = this.sortTerritories(yt, Ve);
     }
-    De && (Ve = this.filterRegions(De, Ve)), this.onlyCountries = this.localizeCountries(this.excludeCountries(this.getFilteredCountryList(le, Ve, be.includes("onlyCountries")), se), Re, be.includes("onlyCountries")), this.preferredCountries = G.length === 0 ? [] : this.localizeCountries(this.getFilteredCountryList(G, Ve, be.includes("preferredCountries")), Re, be.includes("preferredCountries")), this.hiddenAreaCodes = this.excludeCountries(this.getFilteredCountryList(le, Ye), se);
+    De && (Ve = this.filterRegions(De, Ve)), this.onlyCountries = this.localizeCountries(this.excludeCountries(this.getFilteredCountryList(le, Ve, be.includes("onlyCountries")), se), Re, be.includes("onlyCountries")), this.preferredCountries = G.length === 0 ? [] : this.localizeCountries(this.getFilteredCountryList(G, Ve, be.includes("preferredCountries")), Re, be.includes("preferredCountries")), this.hiddenAreaCodes = this.excludeCountries(this.getFilteredCountryList(le, Ue), se);
   }, Oe = function(fe) {
     function ve(le) {
       var G;
@@ -63941,14 +63952,14 @@ var JH = function(e) {
             if (yt.iso2 === et.iso2 && et.mainCode) return Ve = et, !0;
           }), !0;
         }), Ve)) return Ve;
-        var Ye = je.find(function(yt) {
+        var Ue = je.find(function(yt) {
           return yt.iso2 == ye;
         });
-        if (ue.trim() === "") return Ye;
+        if (ue.trim() === "") return Ue;
         var Je = je.reduce(function(yt, et) {
           return ie()(ue, et.dialCode) && (et.dialCode.length > yt.dialCode.length || et.dialCode.length === yt.dialCode.length && et.priority < yt.priority) ? et : yt;
         }, { dialCode: "", priority: 10001 }, O(O(G)));
-        return Je.name ? Je : Ye;
+        return Je.name ? Je : Ue;
       }), G.updateCountry = function(ue) {
         var ye, je = G.state.onlyCountries;
         (ye = ue.indexOf(0) >= "0" && ue.indexOf(0) <= "9" ? je.find(function(Ne) {
@@ -63960,9 +63971,9 @@ var JH = function(e) {
         if (ue) {
           var je = G.dropdownRef;
           if (je && document.body) {
-            var Ne = je.offsetHeight, Ve = je.getBoundingClientRect().top + document.body.scrollTop, Ye = Ve + Ne, Je = ue, yt = Je.getBoundingClientRect(), et = Je.offsetHeight, rt = yt.top + document.body.scrollTop, ht = rt + et, tt = rt - Ve + je.scrollTop, ct = Ne / 2 - et / 2;
+            var Ne = je.offsetHeight, Ve = je.getBoundingClientRect().top + document.body.scrollTop, Ue = Ve + Ne, Je = ue, yt = Je.getBoundingClientRect(), et = Je.offsetHeight, rt = yt.top + document.body.scrollTop, ht = rt + et, tt = rt - Ve + je.scrollTop, ct = Ne / 2 - et / 2;
             if (G.props.enableSearch ? rt < Ve + 32 : rt < Ve) ye && (tt -= ct), je.scrollTop = tt;
-            else if (ht > Ye) {
+            else if (ht > Ue) {
               ye && (tt += ct);
               var gt = Ne - et;
               je.scrollTop = tt - gt;
@@ -63974,9 +63985,9 @@ var JH = function(e) {
         ue && document.body && (ue.scrollTop = 0);
       }, G.formatNumber = function(ue, ye) {
         if (!ye) return ue;
-        var je, Ne = ye.format, Ve = G.props, Ye = Ve.disableCountryCode, Je = Ve.enableAreaCodeStretch, yt = Ve.enableLongNumbers, et = Ve.autoFormat;
-        if (Ye ? ((je = Ne.split(" ")).shift(), je = je.join(" ")) : Je && ye.isAreaCode ? ((je = Ne.split(" "))[1] = je[1].replace(/\.+/, "".padEnd(ye.areaCodeLength, ".")), je = je.join(" ")) : je = Ne, !ue || ue.length === 0) return Ye ? "" : G.props.prefix;
-        if (ue && ue.length < 2 || !je || !et) return Ye ? ue : G.props.prefix + ue;
+        var je, Ne = ye.format, Ve = G.props, Ue = Ve.disableCountryCode, Je = Ve.enableAreaCodeStretch, yt = Ve.enableLongNumbers, et = Ve.autoFormat;
+        if (Ue ? ((je = Ne.split(" ")).shift(), je = je.join(" ")) : Je && ye.isAreaCode ? ((je = Ne.split(" "))[1] = je[1].replace(/\.+/, "".padEnd(ye.areaCodeLength, ".")), je = je.join(" ")) : je = Ne, !ue || ue.length === 0) return Ue ? "" : G.props.prefix;
+        if (ue && ue.length < 2 || !je || !et) return Ue ? ue : G.props.prefix + ue;
         var rt, ht = Q()(je, function(tt, ct) {
           if (tt.remainingText.length === 0) return tt;
           if (ct !== ".") return { formattedText: tt.formattedText + ct, remainingText: tt.remainingText };
@@ -63997,15 +64008,15 @@ var JH = function(e) {
         return G.state.selectedCountry ? { name: G.state.selectedCountry.name || "", dialCode: G.state.selectedCountry.dialCode || "", countryCode: G.state.selectedCountry.iso2 || "", format: G.state.selectedCountry.format || "" } : {};
       }, G.handleFlagDropdownClick = function(ue) {
         if (ue.preventDefault(), G.state.showDropdown || !G.props.disabled) {
-          var ye = G.state, je = ye.preferredCountries, Ne = ye.onlyCountries, Ve = ye.selectedCountry, Ye = G.concatPreferredCountries(je, Ne).findIndex(function(Je) {
+          var ye = G.state, je = ye.preferredCountries, Ne = ye.onlyCountries, Ve = ye.selectedCountry, Ue = G.concatPreferredCountries(je, Ne).findIndex(function(Je) {
             return Je.dialCode === Ve.dialCode && Je.iso2 === Ve.iso2;
           });
-          G.setState({ showDropdown: !G.state.showDropdown, highlightCountryIndex: Ye }, function() {
+          G.setState({ showDropdown: !G.state.showDropdown, highlightCountryIndex: Ue }, function() {
             G.state.showDropdown && G.scrollTo(G.getElement(G.state.highlightCountryIndex));
           });
         }
       }, G.handleInput = function(ue) {
-        var ye = ue.target.value, je = G.props, Ne = je.prefix, Ve = je.onChange, Ye = G.props.disableCountryCode ? "" : Ne, Je = G.state.selectedCountry, yt = G.state.freezeSelection;
+        var ye = ue.target.value, je = G.props, Ne = je.prefix, Ve = je.onChange, Ue = G.props.disableCountryCode ? "" : Ne, Je = G.state.selectedCountry, yt = G.state.freezeSelection;
         if (!G.props.countryCodeEditable) {
           var et = Ne + (Je.hasAreaCodes ? G.state.onlyCountries.find(function(ot) {
             return ot.iso2 === Je.iso2 && ot.mainCode;
@@ -64018,11 +64029,11 @@ var JH = function(e) {
           var rt = G.props.country, ht = G.state, tt = ht.onlyCountries, ct = ht.selectedCountry, gt = ht.hiddenAreaCodes;
           if (Ve && ue.persist(), ye.length > 0) {
             var nt = ye.replace(/\D/g, "");
-            (!G.state.freezeSelection || ct && ct.dialCode.length > nt.length) && (Je = G.props.disableCountryGuess ? ct : G.guessSelectedCountry(nt.substring(0, 6), rt, tt, gt) || ct, yt = !1), Ye = G.formatNumber(nt, Je), Je = Je.dialCode ? Je : ct;
+            (!G.state.freezeSelection || ct && ct.dialCode.length > nt.length) && (Je = G.props.disableCountryGuess ? ct : G.guessSelectedCountry(nt.substring(0, 6), rt, tt, gt) || ct, yt = !1), Ue = G.formatNumber(nt, Je), Je = Je.dialCode ? Je : ct;
           }
-          var Tt = ue.target.selectionStart, Wt = ue.target.selectionStart, Vt = G.state.formattedNumber, Qt = Ye.length - Vt.length;
-          G.setState({ formattedNumber: Ye, freezeSelection: yt, selectedCountry: Je }, function() {
-            Qt > 0 && (Wt -= Qt), Ye.charAt(Ye.length - 1) == ")" ? G.numberInputRef.setSelectionRange(Ye.length - 1, Ye.length - 1) : Wt > 0 && Vt.length >= Ye.length ? G.numberInputRef.setSelectionRange(Wt, Wt) : Tt < Vt.length && G.numberInputRef.setSelectionRange(Tt, Tt), Ve && Ve(Ye.replace(/[^0-9]+/g, ""), G.getCountryData(), ue, Ye);
+          var Tt = ue.target.selectionStart, Wt = ue.target.selectionStart, Vt = G.state.formattedNumber, Qt = Ue.length - Vt.length;
+          G.setState({ formattedNumber: Ue, freezeSelection: yt, selectedCountry: Je }, function() {
+            Qt > 0 && (Wt -= Qt), Ue.charAt(Ue.length - 1) == ")" ? G.numberInputRef.setSelectionRange(Ue.length - 1, Ue.length - 1) : Wt > 0 && Vt.length >= Ue.length ? G.numberInputRef.setSelectionRange(Wt, Wt) : Tt < Vt.length && G.numberInputRef.setSelectionRange(Tt, Tt), Ve && Ve(Ue.replace(/[^0-9]+/g, ""), G.getCountryData(), ue, Ue);
           });
         }
       }, G.handleInputClick = function(ue) {
@@ -64035,7 +64046,7 @@ var JH = function(e) {
           return yt == ue;
         });
         if (Ne) {
-          var Ve = G.state.formattedNumber.replace(" ", "").replace("(", "").replace(")", "").replace("-", ""), Ye = Ve.length > 1 ? Ve.replace(je.dialCode, Ne.dialCode) : Ne.dialCode, Je = G.formatNumber(Ye.replace(/\D/g, ""), Ne);
+          var Ve = G.state.formattedNumber.replace(" ", "").replace("(", "").replace(")", "").replace("-", ""), Ue = Ve.length > 1 ? Ve.replace(je.dialCode, Ne.dialCode) : Ne.dialCode, Je = G.formatNumber(Ue.replace(/\D/g, ""), Ne);
           G.setState({ showDropdown: !1, selectedCountry: Ne, freezeSelection: !0, formattedNumber: Je, searchValue: "" }, function() {
             G.cursorToEnd(), G.props.onChange && G.props.onChange(Je.replace(/[^0-9]+/g, ""), G.getCountryData(), ye, Je);
           });
@@ -64094,35 +64105,35 @@ var JH = function(e) {
       }, G.handleClickOutside = function(ue) {
         G.dropdownRef && !G.dropdownContainerRef.contains(ue.target) && G.state.showDropdown && G.setState({ showDropdown: !1 });
       }, G.handleSearchChange = function(ue) {
-        var ye = ue.currentTarget.value, je = G.state, Ne = je.preferredCountries, Ve = je.selectedCountry, Ye = 0;
+        var ye = ue.currentTarget.value, je = G.state, Ne = je.preferredCountries, Ve = je.selectedCountry, Ue = 0;
         if (ye === "" && Ve) {
           var Je = G.state.onlyCountries;
-          Ye = G.concatPreferredCountries(Ne, Je).findIndex(function(yt) {
+          Ue = G.concatPreferredCountries(Ne, Je).findIndex(function(yt) {
             return yt == Ve;
           }), setTimeout(function() {
-            return G.scrollTo(G.getElement(Ye));
+            return G.scrollTo(G.getElement(Ue));
           }, 100);
         }
-        G.setState({ searchValue: ye, highlightCountryIndex: Ye });
+        G.setState({ searchValue: ye, highlightCountryIndex: Ue });
       }, G.concatPreferredCountries = function(ue, ye) {
         return ue.length > 0 ? c(new Set(ue.concat(ye))) : ye;
       }, G.getDropdownCountryName = function(ue) {
         return ue.localName || ue.name;
       }, G.getSearchFilteredCountries = function() {
-        var ue = G.state, ye = ue.preferredCountries, je = ue.onlyCountries, Ne = ue.searchValue, Ve = G.props.enableSearch, Ye = G.concatPreferredCountries(ye, je), Je = Ne.trim().toLowerCase().replace("+", "");
+        var ue = G.state, ye = ue.preferredCountries, je = ue.onlyCountries, Ne = ue.searchValue, Ve = G.props.enableSearch, Ue = G.concatPreferredCountries(ye, je), Je = Ne.trim().toLowerCase().replace("+", "");
         if (Ve && Je) {
-          if (/^\d+$/.test(Je)) return Ye.filter(function(rt) {
+          if (/^\d+$/.test(Je)) return Ue.filter(function(rt) {
             var ht = rt.dialCode;
             return ["".concat(ht)].some(function(tt) {
               return tt.toLowerCase().includes(Je);
             });
           });
-          var yt = Ye.filter(function(rt) {
+          var yt = Ue.filter(function(rt) {
             var ht = rt.iso2;
             return ["".concat(ht)].some(function(tt) {
               return tt.toLowerCase().includes(Je);
             });
-          }), et = Ye.filter(function(rt) {
+          }), et = Ue.filter(function(rt) {
             var ht = rt.name, tt = rt.localName;
             return rt.iso2, ["".concat(ht), "".concat(tt || "")].some(function(ct) {
               return ct.toLowerCase().includes(Je);
@@ -64130,9 +64141,9 @@ var JH = function(e) {
           });
           return G.scrollToTop(), c(new Set([].concat(yt, et)));
         }
-        return Ye;
+        return Ue;
       }, G.getCountryDropdownList = function() {
-        var ue = G.state, ye = ue.preferredCountries, je = ue.highlightCountryIndex, Ne = ue.showDropdown, Ve = ue.searchValue, Ye = G.props, Je = Ye.disableDropdown, yt = Ye.prefix, et = G.props, rt = et.enableSearch, ht = et.searchNotFound, tt = et.disableSearchIcon, ct = et.searchClass, gt = et.searchStyle, nt = et.searchPlaceholder, Tt = et.autocompleteSearch, Wt = G.getSearchFilteredCountries().map(function(ot, Ke) {
+        var ue = G.state, ye = ue.preferredCountries, je = ue.highlightCountryIndex, Ne = ue.showDropdown, Ve = ue.searchValue, Ue = G.props, Je = Ue.disableDropdown, yt = Ue.prefix, et = G.props, rt = et.enableSearch, ht = et.searchNotFound, tt = et.disableSearchIcon, ct = et.searchClass, gt = et.searchStyle, nt = et.searchPlaceholder, Tt = et.autocompleteSearch, Wt = G.getSearchFilteredCountries().map(function(ot, Ke) {
           var ut = je === Ke, Ot = W()({ country: !0, preferred: ot.iso2 === "us" || ot.iso2 === "gb", active: ot.iso2 === "us", highlight: ut }), wt = "flag ".concat(ot.iso2);
           return R.a.createElement("li", Object.assign({ ref: function(Dt) {
             return G["flag_no_".concat(Ke)] = Dt;
@@ -64181,8 +64192,8 @@ var JH = function(e) {
       var le, G, se, be = this, ae = this.state, xe = ae.onlyCountries, Se = ae.selectedCountry, Re = ae.showDropdown, Ae = ae.formattedNumber, Ce = ae.hiddenAreaCodes, we = this.props, ue = we.disableDropdown, ye = we.renderStringAsFlag, je = we.isValid, Ne = we.defaultErrorMessage, Ve = we.specialLabel;
       if (typeof je == "boolean") G = je;
       else {
-        var Ye = je(Ae.replace(/\D/g, ""), Se, xe, Ce);
-        typeof Ye == "boolean" ? (G = Ye) === !1 && (se = Ne) : (G = !1, se = Ye);
+        var Ue = je(Ae.replace(/\D/g, ""), Se, xe, Ce);
+        typeof Ue == "boolean" ? (G = Ue) === !1 && (se = Ne) : (G = !1, se = Ue);
       }
       var Je = W()((a(le = {}, this.props.containerClass, !0), a(le, "react-tel-input", !0), le)), yt = W()({ arrow: !0, up: Re }), et = W()(a({ "form-control": !0, "invalid-number": !G, open: Re }, this.props.inputClass, !0)), rt = W()({ "selected-flag": !0, open: Re }), ht = W()(a({ "flag-dropdown": !0, "invalid-number": !G, open: Re }, this.props.buttonClass, !0)), tt = "flag ".concat(Se && Se.iso2);
       return R.a.createElement("div", { className: "".concat(Je, " ").concat(this.props.className), style: this.props.style || this.props.containerStyle, onKeyDown: this.handleKeydown }, Ve && R.a.createElement("div", { className: "special-label" }, Ve), se && R.a.createElement("div", { className: "invalid-number-message" }, se), R.a.createElement("input", Object.assign({ className: et, style: this.props.inputStyle, onChange: this.handleInput, onClick: this.handleInputClick, onDoubleClick: this.handleDoubleClick, onFocus: this.handleInputFocus, onBlur: this.handleInputBlur, onCopy: this.handleInputCopy, value: Ae, onKeyDown: this.handleInputKeyDown, placeholder: this.props.placeholder, disabled: this.props.disabled, type: "tel" }, this.props.inputProps, { ref: function(ct) {