@kashifd/jwero-components 0.6.78 → 0.6.80

package/dist/index.es.js

@@ -5476,7 +5476,7 @@ function CC(e = {}) {
     sx: i.oneOfType([i.arrayOf(i.oneOfType([i.func, i.object, i.bool])), i.func, i.object])
   }), d;
 }
-function br() {
+function pr() {
   const e = Pc(Ec);
   return process.env.NODE_ENV !== "production" && V.useDebugValue(e), e[Hs] || e;
 }
@@ -5678,7 +5678,7 @@ process.env.NODE_ENV !== "production" && (Xl.propTypes = {
   viewBox: i.string
 });
 Xl.muiName = "SvgIcon";
-function pr(e, t) {
+function gr(e, t) {
   function r(a, s) {
     return /* @__PURE__ */ b.jsx(Xl, N({
       "data-testid": `${t}Icon`,
@@ -5698,7 +5698,7 @@ const MC = {
   __proto__: null,
   capitalize: Ge,
   createChainedFunction: Hl,
-  createSvgIcon: pr,
+  createSvgIcon: gr,
   debounce: Ti,
   deprecatedPropType: Hy,
   isMuiElement: ei,
@@ -6557,7 +6557,7 @@ const YC = ["addEndListener", "children", "className", "collapsedSize", "compone
   } = a, B = He(a, YC), K = N({}, a, {
     orientation: H,
     collapsedSize: g
-  }), ee = UC(K), se = br(), Q = Go(), X = V.useRef(null), oe = V.useRef(), ge = typeof g == "number" ? `${g}px` : g, me = H === "horizontal", re = me ? "width" : "height", J = V.useRef(null), ne = Yt(r, J), he = (ie) => (be) => {
+  }), ee = UC(K), se = pr(), Q = Go(), X = V.useRef(null), oe = V.useRef(), ge = typeof g == "number" ? `${g}px` : g, me = H === "horizontal", re = me ? "width" : "height", J = V.useRef(null), ne = Yt(r, J), he = (ie) => (be) => {
     if (ie) {
       const ae = J.current;
       be === void 0 ? ie(ae) : ie(ae, be);
@@ -6807,7 +6807,7 @@ const KC = ["className", "component", "elevation", "square", "variant"], ZC = (e
     square: g,
     variant: m
   }), T = ZC(w);
-  return process.env.NODE_ENV !== "production" && br().shadows[d] === void 0 && console.error([`MUI: The elevation provided <Paper elevation={${d}}> is not available in the theme.`, `Please make sure that \`theme.shadows[${d}]\` is defined.`].join(`
+  return process.env.NODE_ENV !== "production" && pr().shadows[d] === void 0 && console.error([`MUI: The elevation provided <Paper elevation={${d}}> is not available in the theme.`, `Please make sure that \`theme.shadows[${d}]\` is defined.`].join(`
 `)), /* @__PURE__ */ b.jsx(JC, N({
     as: c,
     ownerState: w,
@@ -8185,7 +8185,7 @@ process.env.NODE_ENV !== "production" && (wr.propTypes = {
    */
   sx: i.oneOfType([i.arrayOf(i.oneOfType([i.func, i.object, i.bool])), i.func, i.object])
 });
-const N3 = pr(/* @__PURE__ */ b.jsx("path", {
+const N3 = gr(/* @__PURE__ */ b.jsx("path", {
   d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
 }), "Close");
 function L3(e) {
@@ -11208,7 +11208,7 @@ process.env.NODE_ENV !== "production" && (yf.propTypes = {
    */
   sx: i.oneOfType([i.arrayOf(i.oneOfType([i.func, i.object, i.bool])), i.func, i.object])
 });
-const W4 = pr(/* @__PURE__ */ b.jsx("path", {
+const W4 = gr(/* @__PURE__ */ b.jsx("path", {
   d: "M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"
 }), "Cancel");
 function V4(e) {
@@ -12267,7 +12267,7 @@ const Mn = N({}, En, lt("MuiOutlinedInput", ["root", "notchedOutline", "input"])
 function e6(e) {
   return ht("MuiFilledInput", e);
 }
-const Rn = N({}, En, lt("MuiFilledInput", ["root", "underline", "input"])), w0 = pr(/* @__PURE__ */ b.jsx("path", {
+const Rn = N({}, En, lt("MuiFilledInput", ["root", "underline", "input"])), w0 = gr(/* @__PURE__ */ b.jsx("path", {
   d: "M7 10l5 5 5-5z"
 }), "ArrowDropDown");
 function t6(e) {
@@ -13299,7 +13299,7 @@ process.env.NODE_ENV !== "production" && (Ll.propTypes = {
   value: un(i.any, (e) => e.multiple && e.value !== void 0 && !Array.isArray(e.value) ? new Error(["MUI: The Autocomplete expects the `value` prop to be an array when `multiple={true}` or undefined.", `However, ${e.value} was provided.`].join(`
 `)) : null)
 });
-const x6 = pr(/* @__PURE__ */ b.jsx("path", {
+const x6 = gr(/* @__PURE__ */ b.jsx("path", {
   d: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
 }), "Person");
 function y6(e) {
@@ -13704,7 +13704,7 @@ const j6 = ["addEndListener", "appear", "children", "easing", "in", "onEnter", "
     opacity: 1
   }
 }, Da = /* @__PURE__ */ V.forwardRef(function(t, r) {
-  const a = br(), s = {
+  const a = pr(), s = {
     enter: a.transitions.duration.enteringScreen,
     exit: a.transitions.duration.leavingScreen
   }, {
@@ -14041,7 +14041,7 @@ process.env.NODE_ENV !== "production" && (rr.propTypes = {
    */
   sx: i.oneOfType([i.arrayOf(i.oneOfType([i.func, i.object, i.bool])), i.func, i.object])
 });
-const V6 = pr(/* @__PURE__ */ b.jsx("path", {
+const V6 = gr(/* @__PURE__ */ b.jsx("path", {
   d: "M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"
 }), "MoreHoriz"), Y6 = ["slots", "slotProps"], U6 = Ee(kn)(({
   theme: e
@@ -14970,11 +14970,11 @@ process.env.NODE_ENV !== "production" && (kf.propTypes = {
    */
   value: i.any
 });
-const v7 = pr(/* @__PURE__ */ b.jsx("path", {
+const v7 = gr(/* @__PURE__ */ b.jsx("path", {
   d: "M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
-}), "CheckBoxOutlineBlank"), b7 = pr(/* @__PURE__ */ b.jsx("path", {
+}), "CheckBoxOutlineBlank"), b7 = gr(/* @__PURE__ */ b.jsx("path", {
   d: "M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
-}), "CheckBox"), x7 = pr(/* @__PURE__ */ b.jsx("path", {
+}), "CheckBox"), x7 = gr(/* @__PURE__ */ b.jsx("path", {
   d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"
 }), "IndeterminateCheckBox");
 function y7(e) {
@@ -15813,7 +15813,7 @@ const W7 = ["aria-describedby", "aria-labelledby", "BackdropComponent", "Backdro
   const a = ct({
     props: t,
     name: "MuiDialog"
-  }), s = br(), c = {
+  }), s = pr(), c = {
     enter: s.transitions.duration.enteringScreen,
     exit: s.transitions.duration.leavingScreen
   }, {
@@ -16356,7 +16356,7 @@ function hl(e, t, r) {
   s && (t.style.webkitTransform = s, t.style.transform = s);
 }
 const R0 = /* @__PURE__ */ V.forwardRef(function(t, r) {
-  const a = br(), s = {
+  const a = pr(), s = {
     enter: a.transitions.easing.easeOut,
     exit: a.transitions.easing.sharp
   }, c = {
@@ -16651,7 +16651,7 @@ const N0 = /* @__PURE__ */ V.forwardRef(function(t, r) {
   const a = ct({
     props: t,
     name: "MuiDrawer"
-  }), s = br(), c = Qr(), d = {
+  }), s = pr(), c = Qr(), d = {
     enter: s.transitions.duration.enteringScreen,
     exit: s.transitions.duration.leavingScreen
   }, {
@@ -18039,7 +18039,7 @@ const W9 = (e) => {
     name: "MuiGrid"
   }), {
     breakpoints: s
-  } = br(), c = zs(a), {
+  } = pr(), c = zs(a), {
     className: d,
     columns: g,
     columnSpacing: m,
@@ -18249,7 +18249,7 @@ const Y9 = {
     timeout: I = "auto",
     // eslint-disable-next-line react/prop-types
     TransitionComponent: P = Tn
-  } = t, H = He(t, V9), M = Go(), Y = V.useRef(), U = br(), B = V.useRef(null), K = Yt(B, c.ref, r), ee = (J) => (ne) => {
+  } = t, H = He(t, V9), M = Go(), Y = V.useRef(), U = pr(), B = V.useRef(null), K = Yt(B, c.ref, r), ee = (J) => (ne) => {
     if (J) {
       const he = B.current;
       ne === void 0 ? J(he) : J(he, ne);
@@ -21624,13 +21624,13 @@ function fk(e = {}) {
 function hk(e) {
   return ht("MuiPaginationItem", e);
 }
-const Wn = lt("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "text", "textPrimary", "textSecondary", "outlined", "outlinedPrimary", "outlinedSecondary", "rounded", "ellipsis", "firstLast", "previousNext", "focusVisible", "disabled", "selected", "icon", "colorPrimary", "colorSecondary"]), Dg = pr(/* @__PURE__ */ b.jsx("path", {
+const Wn = lt("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "text", "textPrimary", "textSecondary", "outlined", "outlinedPrimary", "outlinedSecondary", "rounded", "ellipsis", "firstLast", "previousNext", "focusVisible", "disabled", "selected", "icon", "colorPrimary", "colorSecondary"]), Dg = gr(/* @__PURE__ */ b.jsx("path", {
   d: "M18.41 16.59L13.82 12l4.59-4.59L17 6l-6 6 6 6zM6 6h2v12H6z"
-}), "FirstPage"), Mg = pr(/* @__PURE__ */ b.jsx("path", {
+}), "FirstPage"), Mg = gr(/* @__PURE__ */ b.jsx("path", {
   d: "M5.59 7.41L10.18 12l-4.59 4.59L7 18l6-6-6-6zM16 6h2v12h-2z"
-}), "LastPage"), Pg = pr(/* @__PURE__ */ b.jsx("path", {
+}), "LastPage"), Pg = gr(/* @__PURE__ */ b.jsx("path", {
   d: "M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"
-}), "NavigateBefore"), Eg = pr(/* @__PURE__ */ b.jsx("path", {
+}), "NavigateBefore"), Eg = gr(/* @__PURE__ */ b.jsx("path", {
   d: "M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
 }), "NavigateNext"), pk = ["className", "color", "component", "components", "disabled", "page", "selected", "shape", "size", "slots", "type", "variant"], K0 = (e, t) => {
   const {
@@ -22171,9 +22171,9 @@ process.env.NODE_ENV !== "production" && (J0.propTypes = {
    */
   variant: i.oneOfType([i.oneOf(["outlined", "text"]), i.string])
 });
-const kk = pr(/* @__PURE__ */ b.jsx("path", {
+const kk = gr(/* @__PURE__ */ b.jsx("path", {
   d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
-}), "RadioButtonUnchecked"), Sk = pr(/* @__PURE__ */ b.jsx("path", {
+}), "RadioButtonUnchecked"), Sk = gr(/* @__PURE__ */ b.jsx("path", {
   d: "M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
 }), "RadioButtonChecked"), Tk = Ee("span", {
   shouldForwardProp: en
@@ -23302,7 +23302,7 @@ const tS = ["onEnter", "onExited"], rS = ["action", "anchorOrigin", "autoHideDur
   const a = ct({
     props: t,
     name: "MuiSnackbar"
-  }), s = br(), c = {
+  }), s = pr(), c = {
     enter: s.transitions.duration.enteringScreen,
     exit: s.transitions.duration.leavingScreen
   }, {
@@ -23721,7 +23721,7 @@ const Co = /* @__PURE__ */ V.forwardRef(function(t, r) {
     TransitionProps: Ce
   } = K, we = He(K, aS), ue = /* @__PURE__ */ V.isValidElement(se) ? se : /* @__PURE__ */ b.jsx("span", {
     children: se
-  }), ye = br(), je = Qr(), [Ne, Ve] = V.useState(), [Ye, Je] = V.useState(null), At = V.useRef(!1), et = re || Oe, nt = Go(), pt = Go(), tt = Go(), ut = Go(), [mt, ot] = $r({
+  }), ye = pr(), je = Qr(), [Ne, Ve] = V.useState(), [Ye, Je] = V.useState(null), At = V.useRef(!1), et = re || Oe, nt = Go(), pt = Go(), tt = Go(), ut = Go(), [mt, ot] = $r({
     controlled: G,
     default: !1,
     name: "Tooltip",
@@ -24785,9 +24785,9 @@ process.env.NODE_ENV !== "production" && (av.propTypes = {
    */
   sx: i.oneOfType([i.arrayOf(i.oneOfType([i.func, i.object, i.bool])), i.func, i.object])
 });
-const FS = pr(/* @__PURE__ */ b.jsx("path", {
+const FS = gr(/* @__PURE__ */ b.jsx("path", {
   d: "M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z"
-}), "KeyboardArrowLeft"), zS = pr(/* @__PURE__ */ b.jsx("path", {
+}), "KeyboardArrowLeft"), zS = gr(/* @__PURE__ */ b.jsx("path", {
   d: "M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"
 }), "KeyboardArrowRight");
 function HS(e) {
@@ -25236,7 +25236,7 @@ const Ff = /* @__PURE__ */ V.forwardRef(function(t, r) {
   const a = ct({
     props: t,
     name: "MuiTabs"
-  }), s = br(), c = Qr(), {
+  }), s = pr(), c = Qr(), {
     "aria-label": d,
     "aria-labelledby": g,
     action: m,
@@ -29159,29 +29159,29 @@ const HO = ["props", "getOpenDialogAriaText"], WO = ["ownerState"], VO = ["owner
       }))]
     })
   };
-}, YO = pr(/* @__PURE__ */ b.jsx("path", {
+}, YO = gr(/* @__PURE__ */ b.jsx("path", {
   d: "M7 10l5 5 5-5z"
-}), "ArrowDropDown"), UO = pr(/* @__PURE__ */ b.jsx("path", {
+}), "ArrowDropDown"), UO = gr(/* @__PURE__ */ b.jsx("path", {
   d: "M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z"
-}), "ArrowLeft"), XO = pr(/* @__PURE__ */ b.jsx("path", {
+}), "ArrowLeft"), XO = gr(/* @__PURE__ */ b.jsx("path", {
   d: "M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z"
-}), "ArrowRight"), Jf = pr(/* @__PURE__ */ b.jsx("path", {
+}), "ArrowRight"), Jf = gr(/* @__PURE__ */ b.jsx("path", {
   d: "M17 12h-5v5h5v-5zM16 1v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-1V1h-2zm3 18H5V8h14v11z"
-}), "Calendar"), GO = pr(/* @__PURE__ */ b.jsxs(V.Fragment, {
+}), "Calendar"), GO = gr(/* @__PURE__ */ b.jsxs(V.Fragment, {
   children: [/* @__PURE__ */ b.jsx("path", {
     d: "M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
   }), /* @__PURE__ */ b.jsx("path", {
     d: "M12.5 7H11v6l5.25 3.15.75-1.23-4.5-2.67z"
   })]
-}), "Clock"), qO = pr(/* @__PURE__ */ b.jsx("path", {
+}), "Clock"), qO = gr(/* @__PURE__ */ b.jsx("path", {
   d: "M9 11H7v2h2v-2zm4 0h-2v2h2v-2zm4 0h-2v2h2v-2zm2-7h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V9h14v11z"
-}), "DateRange"), QO = pr(/* @__PURE__ */ b.jsxs(V.Fragment, {
+}), "DateRange"), QO = gr(/* @__PURE__ */ b.jsxs(V.Fragment, {
   children: [/* @__PURE__ */ b.jsx("path", {
     d: "M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
   }), /* @__PURE__ */ b.jsx("path", {
     d: "M12.5 7H11v6l5.25 3.15.75-1.23-4.5-2.67z"
   })]
-}), "Time"), KO = pr(/* @__PURE__ */ b.jsx("path", {
+}), "Time"), KO = gr(/* @__PURE__ */ b.jsx("path", {
   d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
 }), "Clear"), ZO = ({
   utils: e,
@@ -32289,7 +32289,7 @@ function Yv(e) {
     className: a,
     reduceAnimations: s,
     transKey: c
-  } = t, d = oM(t), g = br();
+  } = t, d = oM(t), g = pr();
   return s ? r : /* @__PURE__ */ b.jsx(aM, {
     className: Xe(d.root, a),
     children: /* @__PURE__ */ b.jsx(Da, {
@@ -32701,7 +32701,7 @@ function mM(e) {
     reduceAnimations: s,
     transKey: c
     // extracting `classes` from `other`
-  } = t, d = He(t, hM), g = pM(t), m = br();
+  } = t, d = He(t, hM), g = pM(t), m = pr();
   if (s)
     return /* @__PURE__ */ b.jsx("div", {
       className: Xe(g.root, a),
@@ -44083,7 +44083,7 @@ Object.defineProperty(fu, "__esModule", {
   value: !0
 });
 fu.default = void 0;
-var ga = Tx(Ar), vr = gB(eo), kx = Tx(Lo), Yr = ja, pB = Ho;
+var ga = Tx(Ar), br = gB(eo), kx = Tx(Lo), Yr = ja, pB = Ho;
 function gB(e) {
   return e && e.__esModule ? e : { default: e };
 }
@@ -44192,33 +44192,33 @@ class Nh extends ga.PureComponent {
 }
 Nh.defaultProps = {};
 Nh.propTypes = {
-  style: vr.default.object,
-  styles: vr.default.object,
-  month: vr.default.object,
-  drag: vr.default.object,
-  dateOptions: vr.default.object,
-  disabledDates: vr.default.array,
-  disabledDay: vr.default.func,
-  preview: vr.default.shape({
-    startDate: vr.default.object,
-    endDate: vr.default.object
+  style: br.default.object,
+  styles: br.default.object,
+  month: br.default.object,
+  drag: br.default.object,
+  dateOptions: br.default.object,
+  disabledDates: br.default.array,
+  disabledDay: br.default.func,
+  preview: br.default.shape({
+    startDate: br.default.object,
+    endDate: br.default.object
   }),
-  showPreview: vr.default.bool,
-  displayMode: vr.default.oneOf(["dateRange", "date"]),
-  minDate: vr.default.object,
-  maxDate: vr.default.object,
-  ranges: vr.default.arrayOf(kx.rangeShape),
-  focusedRange: vr.default.arrayOf(vr.default.number),
-  onDragSelectionStart: vr.default.func,
-  onDragSelectionEnd: vr.default.func,
-  onDragSelectionMove: vr.default.func,
-  onMouseLeave: vr.default.func,
-  monthDisplayFormat: vr.default.string,
-  weekdayDisplayFormat: vr.default.string,
-  dayDisplayFormat: vr.default.string,
-  showWeekDays: vr.default.bool,
-  showMonthName: vr.default.bool,
-  fixedHeight: vr.default.bool
+  showPreview: br.default.bool,
+  displayMode: br.default.oneOf(["dateRange", "date"]),
+  minDate: br.default.object,
+  maxDate: br.default.object,
+  ranges: br.default.arrayOf(kx.rangeShape),
+  focusedRange: br.default.arrayOf(br.default.number),
+  onDragSelectionStart: br.default.func,
+  onDragSelectionEnd: br.default.func,
+  onDragSelectionMove: br.default.func,
+  onMouseLeave: br.default.func,
+  monthDisplayFormat: br.default.string,
+  weekdayDisplayFormat: br.default.string,
+  dayDisplayFormat: br.default.string,
+  showWeekDays: br.default.bool,
+  showMonthName: br.default.bool,
+  fixedHeight: br.default.bool
 };
 fu.default = Nh;
 var hu = {};
@@ -46267,7 +46267,7 @@ const aa = ({ stroke: e = "#000", ...t }) => /* @__PURE__ */ b.jsxs(
   enterDelay: s = 500,
   sx: c
 }) => {
-  const d = br(), g = a === "primary" ? d.colors.secondary : a === "secondary" ? "#ffffff" : d.colors.positive, m = a === "primary" ? "#ffffff" : a === "secondary" ? "black" : d.colors.positive;
+  const d = pr(), g = a === "primary" ? d.colors.secondary : a === "secondary" ? "#ffffff" : d.colors.positive, m = a === "primary" ? "#ffffff" : a === "secondary" ? "black" : d.colors.positive;
   return /* @__PURE__ */ b.jsx(
     Co,
     {
@@ -46316,6 +46316,11 @@ const aa = ({ stroke: e = "#000", ...t }) => /* @__PURE__ */ b.jsxs(
     },
     background: {
       default: "#F5F6F7"
+    },
+    text: {
+      primary: "#091E42",
+      secondary: "#555770",
+      tertiary: "rgba(85, 87, 112, 0.50)"
     }
   },
   colors: {
@@ -46879,7 +46884,7 @@ const aa = ({ stroke: e = "#000", ...t }) => /* @__PURE__ */ b.jsxs(
   loading: v = !1
 }) => {
   var T, O;
-  const w = br();
+  const w = pr();
   return /* @__PURE__ */ b.jsx(
     Tf,
     {
@@ -47426,7 +47431,7 @@ const bF = ({
   type: c = "positive"
 }) => {
   var T;
-  const d = br(), [g, m] = on(!1), v = (O, R) => {
+  const d = pr(), [g, m] = on(!1), v = (O, R) => {
     if (R === "clickaway") {
       console.log(O);
       return;
@@ -47525,11 +47530,11 @@ const bF = ({
       )
     }
   );
-}, Im = pr(/* @__PURE__ */ b.jsx("path", {
+}, Im = gr(/* @__PURE__ */ b.jsx("path", {
   d: "m10 17 5-5-5-5z"
-}), "ArrowRight"), CF = pr(/* @__PURE__ */ b.jsx("path", {
+}), "ArrowRight"), CF = gr(/* @__PURE__ */ b.jsx("path", {
   d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
-}), "Close"), kF = pr([/* @__PURE__ */ b.jsx("path", {
+}), "Close"), kF = gr([/* @__PURE__ */ b.jsx("path", {
   d: "M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2M12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8"
 }, "0"), /* @__PURE__ */ b.jsx("path", {
   d: "M12.5 7H11v6l5.25 3.15.75-1.23-4.5-2.67z"
@@ -47912,7 +47917,7 @@ const nW = ({
   panelSx: O
 }) => {
   var H;
-  const R = br(), [j, I] = on(
+  const R = pr(), [j, I] = on(
     d || ((H = t == null ? void 0 : t[0]) == null ? void 0 : H.value)
   ), P = (M, Y) => {
     I(Y), a && a(M, Y);
@@ -48255,7 +48260,7 @@ const nW = ({
   customSecondaryBox: a,
   customMessageBox: s
 }) => {
-  const c = br();
+  const c = pr();
   return /* @__PURE__ */ b.jsxs(
     Ue,
     {
@@ -48889,7 +48894,7 @@ const VF = /* @__PURE__ */ zo(WF), YF = ({ ...e }) => /* @__PURE__ */ b.jsxs(
     }
   ) });
 }, Bm = "start", Fm = "end", Qx = ({ menuList: e = [], boxSx: t }) => {
-  const r = br();
+  const r = pr();
   if (pn.isArrayWithValues(e))
     return /* @__PURE__ */ b.jsx(
       Ue,
@@ -49108,77 +49113,80 @@ const VF = /* @__PURE__ */ zo(WF), YF = ({ ...e }) => /* @__PURE__ */ b.jsxs(
   dataProps: c,
   boxSx: d,
   customFooter: g
-}) => /* @__PURE__ */ b.jsxs(
-  rr,
-  {
-    sx: {
-      padding: "1rem",
-      display: "flex",
-      // backgroundColor: "#fff",
-      borderRadius: "1rem",
-      backgroundImage: r && (e != null && e.backgroundImage) ? `url(${e.backgroundImage})` : "",
-      backgroundSize: "cover",
-      ...d
-    },
-    children: [
-      /* @__PURE__ */ b.jsxs(Ue, { sx: { gap: "0.5rem" }, children: [
-        /* @__PURE__ */ b.jsx(xt, { variant: "xlMedium", ...s, children: e == null ? void 0 : e.label }),
-        /* @__PURE__ */ b.jsxs(
-          Ue,
-          {
-            sx: {
-              gap: "0.5rem",
-              alignItems: "flex-start"
-            },
-            children: [
-              /* @__PURE__ */ b.jsx(xt, { 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" }, children: [
-                t && /* @__PURE__ */ b.jsx(
-                  Ue,
-                  {
-                    sx: {
-                      gap: "0.5rem",
-                      alignItems: "flex-start"
-                    },
-                    children: /* @__PURE__ */ b.jsx(
-                      Ta,
-                      {
-                        type: (e == null ? void 0 : e.chipType) || "custom",
-                        customProps: e == null ? void 0 : e.customChipProps,
-                        textSx: {
-                          textAlign: "center",
-                          fontFamily: "Inter,sans-serif",
-                          fontSize: "0.75rem",
-                          fontStyle: "normal",
-                          fontWeight: 600,
-                          lineHeight: "1.25rem",
-                          letterSpacing: "-0.015rem"
+}) => {
+  const m = pr();
+  return /* @__PURE__ */ b.jsxs(
+    rr,
+    {
+      sx: {
+        padding: "1rem",
+        display: "flex",
+        backgroundColor: m.palette.background.paper,
+        borderRadius: "1rem",
+        backgroundImage: r && (e != null && e.backgroundImage) ? `url(${e.backgroundImage})` : "",
+        backgroundSize: "cover",
+        ...d
+      },
+      children: [
+        /* @__PURE__ */ b.jsxs(Ue, { sx: { gap: "0.5rem" }, children: [
+          /* @__PURE__ */ b.jsx(xt, { variant: "xlMedium", ...s, children: e == null ? void 0 : e.label }),
+          /* @__PURE__ */ b.jsxs(
+            Ue,
+            {
+              sx: {
+                gap: "0.5rem",
+                alignItems: "flex-start"
+              },
+              children: [
+                /* @__PURE__ */ b.jsx(xt, { 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" }, children: [
+                  t && /* @__PURE__ */ b.jsx(
+                    Ue,
+                    {
+                      sx: {
+                        gap: "0.5rem",
+                        alignItems: "flex-start"
+                      },
+                      children: /* @__PURE__ */ b.jsx(
+                        Ta,
+                        {
+                          type: (e == null ? void 0 : e.chipType) || "custom",
+                          customProps: e == null ? void 0 : e.customChipProps,
+                          textSx: {
+                            textAlign: "center",
+                            fontFamily: "Inter,sans-serif",
+                            fontSize: "0.75rem",
+                            fontStyle: "normal",
+                            fontWeight: 600,
+                            lineHeight: "1.25rem",
+                            letterSpacing: "-0.015rem"
+                          }
                         }
-                      }
-                    )
-                  }
-                ),
-                a && (e == null ? void 0 : e.subData) && /* @__PURE__ */ b.jsx(
-                  Ue,
-                  {
-                    direction: "row",
-                    spacing: 2,
-                    sx: { width: "100%", justifyContent: "space-between" },
-                    children: e.subData.map((m) => /* @__PURE__ */ b.jsxs(rr, { textAlign: "center", children: [
-                      /* @__PURE__ */ b.jsx(xt, { variant: "lRegular", children: m.label }),
-                      /* @__PURE__ */ b.jsx(xt, { variant: "xlSemibold", children: m.value })
-                    ] }, m.label))
-                  }
-                )
-              ] })
-            ]
-          }
-        )
-      ] }),
-      g && g
-    ]
-  }
-), JF = of(Ue)(() => ({
+                      )
+                    }
+                  ),
+                  a && (e == null ? void 0 : e.subData) && /* @__PURE__ */ b.jsx(
+                    Ue,
+                    {
+                      direction: "row",
+                      spacing: 2,
+                      sx: { width: "100%", justifyContent: "space-between" },
+                      children: e.subData.map((v) => /* @__PURE__ */ b.jsxs(rr, { textAlign: "center", children: [
+                        /* @__PURE__ */ b.jsx(xt, { variant: "lRegular", children: v.label }),
+                        /* @__PURE__ */ b.jsx(xt, { variant: "xlSemibold", children: v.value })
+                      ] }, v.label))
+                    }
+                  )
+                ] })
+              ]
+            }
+          )
+        ] }),
+        g && g
+      ]
+    }
+  );
+}, JF = of(Ue)(() => ({
   boxShadow: "0px 0px 0.8px 0px rgba(0, 0, 0, 0.40)",
   padding: "0.25rem 0.5rem",
   alignItems: "center",
@@ -49302,7 +49310,7 @@ const pW = ({
   customClose: a,
   popperProps: s
 }) => {
-  const c = br(), [d, g] = on(!1), [m, v] = on(
+  const c = pr(), [d, g] = on(!1), [m, v] = on(
     null
   ), w = (O) => {
     O.stopPropagation(), d ? (g(!1), v(null)) : (g(!0), v(O.currentTarget), t != null && t.onClick && (t == null || t.onClick(O)));
@@ -49394,7 +49402,7 @@ const pW = ({
   showButton: T = !0,
   showAddButton: O = !0
 }) => {
-  const R = br();
+  const R = pr();
   let j = t, I = a, P = s;
   return e === "search" && (j = t || rz, I = a || "No results found", P = s || `We could not find any results for ${v ? `"${v}"` : "your searched text"}`), e === "data" && (j = t || tz, I = a || "No data found", P = s || "There is no data present, please add data."), /* @__PURE__ */ b.jsxs(
     Ue,
@@ -49531,7 +49539,7 @@ const pW = ({
   avatarGroupSx: r,
   avatarSx: a
 }) => {
-  const s = br(), c = py(
+  const s = pr(), c = py(
     (d) => nz(d),
     []
   );
@@ -49555,7 +49563,7 @@ const pW = ({
           alt: d == null ? void 0 : d.name,
           sx: {
             bgcolor: !(d != null && d.url) || (d == null ? void 0 : d.url) !== "" ? s.colors.secondary : "transparent",
-            color: "#fff",
+            color: s.palette.getContrastText(s.palette.secondary.main),
             ...a
           },
           children: !(d != null && d.url) && (d == null ? void 0 : d.url) !== "" && c(d == null ? void 0 : d.name)
@@ -49732,7 +49740,7 @@ const iz = (e, t = 10) => {
         gap: "0.75rem",
         padding: "1rem 1.5rem 1.25rem 1.5rem",
         borderRadius: "1rem",
-        backgroundColor: "#fff",
+        backgroundColor: rt.palette.background.paper,
         position: "relative",
         width: "100%",
         height: "fit-content",
@@ -49808,7 +49816,7 @@ const iz = (e, t = 10) => {
                 /* @__PURE__ */ b.jsx(
                   Wm,
                   {
-                    stroke: rt.colors.text_tertiary,
+                    stroke: rt.palette.text.tertiary,
                     height: "14",
                     width: "14"
                   }
@@ -49817,7 +49825,7 @@ const iz = (e, t = 10) => {
                   xt,
                   {
                     variant: "lRegular",
-                    sx: { color: rt.colors.text_tertiary },
+                    sx: { color: rt.palette.text.tertiary },
                     children: Nd({ date: e == null ? void 0 : e.dueDate })
                   }
                 ),
@@ -49852,7 +49860,7 @@ const iz = (e, t = 10) => {
                   /* @__PURE__ */ b.jsx(
                     Wm,
                     {
-                      stroke: rt.colors.text_tertiary,
+                      stroke: rt.palette.text.tertiary,
                       height: "14",
                       width: "14"
                     }
@@ -49861,7 +49869,7 @@ const iz = (e, t = 10) => {
                     xt,
                     {
                       variant: "lRegular",
-                      sx: { color: rt.colors.text_tertiary },
+                      sx: { color: rt.palette.text.tertiary },
                       children: Nd({ date: e == null ? void 0 : e.createdAt })
                     }
                   )
@@ -52994,8 +53002,8 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       if (S || f || h || (q = Math.ceil((Z - x) / ($ + x))) > 16 && M.getPrimeFactors(q).length < 2 && q++, !S && l.forceNiceScale && C.yValueDecimal === 0 && q > Z && (q = Z, $ = Math.round(Z / q)), q > u && (!S && !k || l.forceNiceScale)) {
         var gt = M.getPrimeFactors(q), wt = gt.length - 1, Tt = q;
         e: for (var Pt = 0; Pt < wt; Pt++) for (var jt = 0; jt <= wt - Pt; jt++) {
-          for (var It = Math.min(jt + Pt, wt), zt = Tt, gr = 1, mr = jt; mr <= It; mr++) gr *= gt[mr];
-          if ((zt /= gr) < u) {
+          for (var It = Math.min(jt + Pt, wt), zt = Tt, mr = 1, vr = jt; vr <= It; vr++) mr *= gt[vr];
+          if ((zt /= mr) < u) {
             Tt = zt;
             break e;
           }
@@ -54936,9 +54944,9 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       var Te = this.tooltipUtil.hasMarkers(l), ke = this.tooltipUtil.getElBars();
       if (te.config.legend.tooltipHoverFormatter) {
         var We = te.config.legend.tooltipHoverFormatter, qe = Array.from(this.legendLabels);
-        qe.forEach(function(gr) {
-          var mr = gr.getAttribute("data:default-text");
-          gr.innerHTML = decodeURIComponent(mr);
+        qe.forEach(function(mr) {
+          var vr = mr.getAttribute("data:default-text");
+          mr.innerHTML = decodeURIComponent(vr);
         });
         for (var ze = 0; ze < qe.length; ze++) {
           var Qe = qe[ze], gt = parseInt(Qe.getAttribute("i"), 10), wt = decodeURIComponent(Qe.getAttribute("data:default-text")), Tt = We(wt, { seriesIndex: _ ? gt : l, dataPointIndex: u, w: te });
@@ -55299,8 +55307,8 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         var We = f.graphics.group({ class: "apexcharts-series", seriesName: M.escapeString(h.globals.seriesNames[D]), rel: L + 1, "data:realIndex": D });
         f.ctx.series.addCollapsedClassToSeries(We, D);
         var qe = f.graphics.group({ class: "apexcharts-datalabels", "data:realIndex": D }), ze = f.graphics.group({ class: "apexcharts-bar-goals-markers" }), Qe = 0, gt = 0, wt = f.initialPositions(A, C, q, Z, $, y, ke);
-        C = wt.y, Qe = wt.barHeight, Z = wt.yDivision, y = wt.zeroW, A = wt.x, gt = wt.barWidth, q = wt.xDivision, $ = wt.zeroH, h.globals.barHeight = Qe, h.globals.barWidth = gt, f.barHelpers.initializeStackedXYVars(f), f.groupCtx.prevY.length === 1 && f.groupCtx.prevY[0].every(function(mr) {
-          return isNaN(mr);
+        C = wt.y, Qe = wt.barHeight, Z = wt.yDivision, y = wt.zeroW, A = wt.x, gt = wt.barWidth, q = wt.xDivision, $ = wt.zeroH, h.globals.barHeight = Qe, h.globals.barWidth = gt, f.barHelpers.initializeStackedXYVars(f), f.groupCtx.prevY.length === 1 && f.groupCtx.prevY[0].every(function(vr) {
+          return isNaN(vr);
         }) && (f.groupCtx.prevY[0] = f.groupCtx.prevY[0].map(function() {
           return $;
         }), f.groupCtx.prevYF[0] = f.groupCtx.prevYF[0].map(function() {
@@ -55311,8 +55319,8 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
           f.isHorizontal ? (It = f.drawStackedBarPaths(a(a({}, jt), {}, { zeroW: y, barHeight: Qe, yDivision: Z })), gt = f.series[L][Tt] / f.invertedYRatio) : (It = f.drawStackedColumnPaths(a(a({}, jt), {}, { xDivision: q, barWidth: gt, zeroH: $ })), Qe = f.series[L][Tt] / f.yRatio[ke]);
           var zt = f.barHelpers.drawGoalLine({ barXPosition: It.barXPosition, barYPosition: It.barYPosition, goalX: It.goalX, goalY: It.goalY, barHeight: Qe, barWidth: gt });
           zt && ze.add(zt), C = It.y, A = It.x, ce.push(A), Te.push(C);
-          var gr = f.barHelpers.getPathFillColor(l, L, Tt, D);
-          We = f.renderSeries({ realIndex: D, pathFill: gr, j: Tt, i: L, columnGroupIndex: te, pathFrom: It.pathFrom, pathTo: It.pathTo, strokeWidth: Pt, elSeries: We, x: A, y: C, series: l, barHeight: Qe, barWidth: gt, elDataLabelsWrap: qe, elGoalsMarkers: ze, type: "bar", visibleSeries: te });
+          var mr = f.barHelpers.getPathFillColor(l, L, Tt, D);
+          We = f.renderSeries({ realIndex: D, pathFill: mr, j: Tt, i: L, columnGroupIndex: te, pathFrom: It.pathFrom, pathTo: It.pathTo, strokeWidth: Pt, elSeries: We, x: A, y: C, series: l, barHeight: Qe, barWidth: gt, elDataLabelsWrap: qe, elGoalsMarkers: ze, type: "bar", visibleSeries: te });
         }
         h.globals.seriesXvalues[D] = ce, h.globals.seriesYvalues[D] = Te, f.groupCtx.prevY.push(f.groupCtx.yArrj), f.groupCtx.prevYF.push(f.groupCtx.yArrjF), f.groupCtx.prevYVal.push(f.groupCtx.yArrjVal), f.groupCtx.prevX.push(f.groupCtx.xArrj), f.groupCtx.prevXF.push(f.groupCtx.xArrjF), f.groupCtx.prevXVal.push(f.groupCtx.xArrjVal), x.add(We);
       }, S = 0, E = 0; S < l.length; S++, E++) k(S, E);
@@ -55401,9 +55409,9 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         W = Qe.y, We = Qe.barHeight, Z = Qe.yDivision, y = Qe.zeroW, D = Qe.x, qe = Qe.barWidth, q = Qe.xDivision, $ = Qe.zeroH, te.push(D + qe / 2);
         for (var gt = x.group({ class: "apexcharts-datalabels", "data:realIndex": ce }), wt = function(Pt) {
           var jt = h.barHelpers.getStrokeWidth(z, Pt, ce), It = null, zt = { indexes: { i: z, j: Pt, realIndex: ce, translationsIndex: ze }, x: D, y: W, strokeWidth: jt, elSeries: ke };
-          It = h.isHorizontal ? h.drawHorizontalBoxPaths(a(a({}, zt), {}, { yDivision: Z, barHeight: We, zeroW: y })) : h.drawVerticalBoxPaths(a(a({}, zt), {}, { xDivision: q, barWidth: qe, zeroH: $ })), W = It.y, D = It.x, Pt > 0 && te.push(D + qe / 2), _.push(W), It.pathTo.forEach(function(gr, mr) {
-            var _t = !h.isBoxPlot && h.candlestickOptions.wick.useFillColor ? It.color[mr] : p.globals.stroke.colors[z], On = C.fillPath({ seriesNumber: ce, dataPointIndex: Pt, color: It.color[mr], value: l[z][Pt] });
-            h.renderSeries({ realIndex: ce, pathFill: On, lineFill: _t, j: Pt, i: z, pathFrom: It.pathFrom, pathTo: gr, strokeWidth: jt, elSeries: ke, x: D, y: W, series: l, columnGroupIndex: Te, barHeight: We, barWidth: qe, elDataLabelsWrap: gt, visibleSeries: h.visibleI, type: p.config.chart.type });
+          It = h.isHorizontal ? h.drawHorizontalBoxPaths(a(a({}, zt), {}, { yDivision: Z, barHeight: We, zeroW: y })) : h.drawVerticalBoxPaths(a(a({}, zt), {}, { xDivision: q, barWidth: qe, zeroH: $ })), W = It.y, D = It.x, Pt > 0 && te.push(D + qe / 2), _.push(W), It.pathTo.forEach(function(mr, vr) {
+            var _t = !h.isBoxPlot && h.candlestickOptions.wick.useFillColor ? It.color[vr] : p.globals.stroke.colors[z], On = C.fillPath({ seriesNumber: ce, dataPointIndex: Pt, color: It.color[vr], value: l[z][Pt] });
+            h.renderSeries({ realIndex: ce, pathFill: On, lineFill: _t, j: Pt, i: z, pathFrom: It.pathFrom, pathTo: mr, strokeWidth: jt, elSeries: ke, x: D, y: W, series: l, columnGroupIndex: Te, barHeight: We, barWidth: qe, elDataLabelsWrap: gt, visibleSeries: h.visibleI, type: p.config.chart.type });
           });
         }, Tt = 0; Tt < p.globals.dataPoints; Tt++) wt(Tt);
         p.globals.seriesXvalues[ce] = te, p.globals.seriesYvalues[ce] = _, S.add(ke);
@@ -55888,8 +55896,8 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
           var jt = gt.x + this.barLabels.offsetX, It = gt.y + this.barLabels.offsetY, zt = f.drawText({ x: jt, y: It, text: wt, textAnchor: "end", dominantBaseline: "middle", fontFamily: this.barLabels.fontFamily, fontWeight: this.barLabels.fontWeight, fontSize: this.barLabels.fontSize, foreColor: Pt, cssClass: Tt.join(" ") });
           zt.on("click", this.onBarLabelClick), zt.attr({ rel: y + 1 }), _ !== 0 && zt.attr({ "transform-origin": "".concat(jt, " ").concat(It), transform: "rotate(".concat(_, " 0 0)") }), D.add(zt);
         }
-        var gr = 0;
-        !this.initialAnim || u.globals.resized || u.globals.dataChanged || (gr = u.config.chart.animations.speed), u.globals.dataChanged && (gr = u.config.chart.animations.dynamicAnimation.speed), this.animDur = gr / (1.2 * l.series.length) + this.animDur, this.animBeginArr.push(this.animDur), this.animatePaths(ze, { centerX: l.centerX, centerY: l.centerY, endAngle: Te, startAngle: _, prevEndAngle: ke, prevStartAngle: te, size: l.size, i: y, totalItems: 2, animBeginArr: this.animBeginArr, dur: gr, shouldSetPrevPaths: !0, easing: u.globals.easing });
+        var mr = 0;
+        !this.initialAnim || u.globals.resized || u.globals.dataChanged || (mr = u.config.chart.animations.speed), u.globals.dataChanged && (mr = u.config.chart.animations.dynamicAnimation.speed), this.animDur = mr / (1.2 * l.series.length) + this.animDur, this.animBeginArr.push(this.animDur), this.animatePaths(ze, { centerX: l.centerX, centerY: l.centerY, endAngle: Te, startAngle: _, prevEndAngle: ke, prevStartAngle: te, size: l.size, i: y, totalItems: 2, animBeginArr: this.animBeginArr, dur: mr, shouldSetPrevPaths: !0, easing: u.globals.easing });
       }
       return { g: x, elHollow: E, dataLabels: q };
     } }, { key: "drawHollow", value: function(l) {
@@ -55958,8 +55966,8 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
           }
           var zt = this.barHelpers.drawGoalLine({ barXPosition: qe.barXPosition, barYPosition: Qe, goalX: qe.goalX, goalY: qe.goalY, barHeight: $, barWidth: y });
           zt && te.add(zt), L = qe.y, E = qe.x;
-          var gr = this.barHelpers.getPathFillColor(l, x, ce, z), mr = f.globals.stroke.colors[z];
-          this.renderSeries({ realIndex: z, pathFill: gr, lineFill: mr, j: ce, i: x, x: E, y: L, y1: ke, y2: We, pathFrom: qe.pathFrom, pathTo: qe.pathTo, strokeWidth: Te, elSeries: Z, series: l, barHeight: $, barWidth: y, barXPosition: ze, barYPosition: Qe, columnGroupIndex: q, elDataLabelsWrap: _, elGoalsMarkers: te, visibleSeries: this.visibleI, type: "rangebar" });
+          var mr = this.barHelpers.getPathFillColor(l, x, ce, z), vr = f.globals.stroke.colors[z];
+          this.renderSeries({ realIndex: z, pathFill: mr, lineFill: vr, j: ce, i: x, x: E, y: L, y1: ke, y2: We, pathFrom: qe.pathFrom, pathTo: qe.pathTo, strokeWidth: Te, elSeries: Z, series: l, barHeight: $, barWidth: y, barXPosition: ze, barYPosition: Qe, columnGroupIndex: q, elDataLabelsWrap: _, elGoalsMarkers: te, visibleSeries: this.visibleI, type: "rangebar" });
         }
         p.add(Z);
       }
@@ -56142,7 +56150,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         return rn - tn / We[A] + 2 * (u.isReversed ? tn / We[A] : 0);
       }, jt = S, It = Te.config.chart.stacked && !Te.globals.comboCharts || Te.config.chart.stacked && Te.globals.comboCharts && (!this.w.config.chart.stackOnlyBar || ((o = this.w.config.series[x]) === null || o === void 0 ? void 0 : o.type) === "bar" || ((l = this.w.config.series[x]) === null || l === void 0 ? void 0 : l.type) === "column"), zt = Te.config.stroke.curve;
       Array.isArray(zt) && (zt = Array.isArray($) ? zt[$[C]] : zt[C]);
-      for (var gr, mr = 0, _t = 0; _t < p; _t++) {
+      for (var mr, vr = 0, _t = 0; _t < p; _t++) {
         var On = h[C][_t + 1] === void 0 || h[C][_t + 1] === null;
         if (Te.globals.isXNumeric) {
           var ar = Te.globals.seriesX[x][_t + 1];
@@ -56155,8 +56163,8 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
           }
           return 0;
         }(C - 1)][_t + 1] : y = this.zeroY : y = this.zeroY, On ? S = Pt(Tt, y) : (S = Pt(h[C][_t + 1], y), f === "rangeArea" && (jt = Pt(ce[C][_t + 1], y))), D.push(k), !On || Te.config.stroke.curve !== "smooth" && Te.config.stroke.curve !== "monotoneCubic" ? (W.push(S), _.push(jt)) : (W.push(null), _.push(null));
-        var $t = this.lineHelpers.calculatePoints({ series: h, x: k, y: S, realIndex: x, i: C, j: _t, prevY: qe }), dr = this._createPaths({ type: f, series: h, i: C, realIndex: x, j: _t, x: k, y: S, y2: jt, xArrj: D, yArrj: W, y2Arrj: _, pX: E, pY: L, pathState: mr, segmentStartX: gr, linePath: ze, areaPath: Qe, linePaths: q, areaPaths: Z, curve: zt, isRangeStart: te });
-        Z = dr.areaPaths, q = dr.linePaths, E = dr.pX, L = dr.pY, mr = dr.pathState, gr = dr.segmentStartX, Qe = dr.areaPath, ze = dr.linePath, !this.appendPathFrom || zt === "monotoneCubic" && f === "rangeArea" || (gt += ke.line(k, this.zeroY), wt += ke.line(k, this.zeroY)), this.handleNullDataPoints(h, $t, C, _t, x), this._handleMarkersAndLabels({ type: f, pointsPos: $t, i: C, j: _t, realIndex: x, isRangeStart: te });
+        var $t = this.lineHelpers.calculatePoints({ series: h, x: k, y: S, realIndex: x, i: C, j: _t, prevY: qe }), dr = this._createPaths({ type: f, series: h, i: C, realIndex: x, j: _t, x: k, y: S, y2: jt, xArrj: D, yArrj: W, y2Arrj: _, pX: E, pY: L, pathState: vr, segmentStartX: mr, linePath: ze, areaPath: Qe, linePaths: q, areaPaths: Z, curve: zt, isRangeStart: te });
+        Z = dr.areaPaths, q = dr.linePaths, E = dr.pX, L = dr.pY, vr = dr.pathState, mr = dr.segmentStartX, Qe = dr.areaPath, ze = dr.linePath, !this.appendPathFrom || zt === "monotoneCubic" && f === "rangeArea" || (gt += ke.line(k, this.zeroY), wt += ke.line(k, this.zeroY)), this.handleNullDataPoints(h, $t, C, _t, x), this._handleMarkersAndLabels({ type: f, pointsPos: $t, i: C, j: _t, realIndex: x, isRangeStart: te });
       }
       return { yArrj: W, xArrj: D, pathFromArea: wt, areaPaths: Z, pathFromLine: gt, linePaths: q, linePath: ze, areaPath: Qe };
     } }, { key: "_handleMarkersAndLabels", value: function(n) {
@@ -56232,14 +56240,14 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
             case 1:
               if (l[u][f + 1] === null) q += ke ? te.line(S, C) : te.move(S, E), Z += te.line(S, ce) + te.line(z, ce) + "z", $.push(q), y.push(Z), L = -1;
               else {
-                var gr = te.curve(S + It, E, h - It, p, h, p);
-                q += gr, Z += gr, f >= l[u].length - 2 && (ke && (q += te.curve(h, p, h, p, h, C) + te.move(h, C)), Z += te.curve(h, p, h, p, h, ce) + te.line(z, ce) + "z", $.push(q), y.push(Z), L = -1);
+                var mr = te.curve(S + It, E, h - It, p, h, p);
+                q += mr, Z += mr, f >= l[u].length - 2 && (ke && (q += te.curve(h, p, h, p, h, C) + te.move(h, C)), Z += te.curve(h, p, h, p, h, ce) + te.line(z, ce) + "z", $.push(q), y.push(Z), L = -1);
               }
           }
           S = h, E = p;
           break;
         default:
-          var mr = function(ar, $t, dr) {
+          var vr = function(ar, $t, dr) {
             var tn = [];
             switch (ar) {
               case "stepline":
@@ -56257,14 +56265,14 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
           else switch (L) {
             case 0:
               if (z = S, q = ke ? te.move(S, k[f]) + te.line(S, E) : te.move(S, E), Z = te.move(S, E), L = 1, f < l[u].length - 2) {
-                var _t = mr(D, h, p);
+                var _t = vr(D, h, p);
                 q += _t, Z += _t;
                 break;
               }
             case 1:
               if (l[u][f + 1] === null) q += ke ? te.line(S, C) : te.move(S, E), Z += te.line(S, ce) + te.line(z, ce) + "z", $.push(q), y.push(Z), L = -1;
               else {
-                var On = mr(D, h, p);
+                var On = vr(D, h, p);
                 q += On, Z += On, f >= l[u].length - 2 && (ke && (q += te.line(h, C)), Z += te.line(h, ce) + te.line(z, ce) + "z", $.push(q), y.push(Z), L = -1);
               }
           }
@@ -58094,9 +58102,9 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
           break;
         case "A":
           h = function(p, x) {
-            var A, C, k, S, E, L, z, q, Z, $, y, D, W, _, te, ce, Te, ke, We, qe, ze, Qe, gt, wt, Tt, Pt, jt = Math.abs(x[1]), It = Math.abs(x[2]), zt = x[3] % 360, gr = x[4], mr = x[5], _t = x[6], On = x[7], ar = new SVG.Point(p), $t = new SVG.Point(_t, On), dr = [];
+            var A, C, k, S, E, L, z, q, Z, $, y, D, W, _, te, ce, Te, ke, We, qe, ze, Qe, gt, wt, Tt, Pt, jt = Math.abs(x[1]), It = Math.abs(x[2]), zt = x[3] % 360, mr = x[4], vr = x[5], _t = x[6], On = x[7], ar = new SVG.Point(p), $t = new SVG.Point(_t, On), dr = [];
             if (jt === 0 || It === 0 || ar.x === $t.x && ar.y === $t.y) return [["C", ar.x, ar.y, $t.x, $t.y, $t.x, $t.y]];
-            for (A = new SVG.Point((ar.x - $t.x) / 2, (ar.y - $t.y) / 2).transform(new SVG.Matrix().rotate(zt)), (C = A.x * A.x / (jt * jt) + A.y * A.y / (It * It)) > 1 && (jt *= C = Math.sqrt(C), It *= C), k = new SVG.Matrix().rotate(zt).scale(1 / jt, 1 / It).rotate(-zt), ar = ar.transform(k), $t = $t.transform(k), S = [$t.x - ar.x, $t.y - ar.y], L = S[0] * S[0] + S[1] * S[1], E = Math.sqrt(L), S[0] /= E, S[1] /= E, z = L < 4 ? Math.sqrt(1 - L / 4) : 0, gr === mr && (z *= -1), q = new SVG.Point(($t.x + ar.x) / 2 + z * -S[1], ($t.y + ar.y) / 2 + z * S[0]), Z = new SVG.Point(ar.x - q.x, ar.y - q.y), $ = new SVG.Point($t.x - q.x, $t.y - q.y), y = Math.acos(Z.x / Math.sqrt(Z.x * Z.x + Z.y * Z.y)), Z.y < 0 && (y *= -1), D = Math.acos($.x / Math.sqrt($.x * $.x + $.y * $.y)), $.y < 0 && (D *= -1), mr && y > D && (D += 2 * Math.PI), !mr && y < D && (D -= 2 * Math.PI), _ = Math.ceil(2 * Math.abs(y - D) / Math.PI), ce = [], Te = y, W = (D - y) / _, te = 4 * Math.tan(W / 4) / 3, ze = 0; ze <= _; ze++) We = Math.cos(Te), ke = Math.sin(Te), qe = new SVG.Point(q.x + We, q.y + ke), ce[ze] = [new SVG.Point(qe.x + te * ke, qe.y - te * We), qe, new SVG.Point(qe.x - te * ke, qe.y + te * We)], Te += W;
+            for (A = new SVG.Point((ar.x - $t.x) / 2, (ar.y - $t.y) / 2).transform(new SVG.Matrix().rotate(zt)), (C = A.x * A.x / (jt * jt) + A.y * A.y / (It * It)) > 1 && (jt *= C = Math.sqrt(C), It *= C), k = new SVG.Matrix().rotate(zt).scale(1 / jt, 1 / It).rotate(-zt), ar = ar.transform(k), $t = $t.transform(k), S = [$t.x - ar.x, $t.y - ar.y], L = S[0] * S[0] + S[1] * S[1], E = Math.sqrt(L), S[0] /= E, S[1] /= E, z = L < 4 ? Math.sqrt(1 - L / 4) : 0, mr === vr && (z *= -1), q = new SVG.Point(($t.x + ar.x) / 2 + z * -S[1], ($t.y + ar.y) / 2 + z * S[0]), Z = new SVG.Point(ar.x - q.x, ar.y - q.y), $ = new SVG.Point($t.x - q.x, $t.y - q.y), y = Math.acos(Z.x / Math.sqrt(Z.x * Z.x + Z.y * Z.y)), Z.y < 0 && (y *= -1), D = Math.acos($.x / Math.sqrt($.x * $.x + $.y * $.y)), $.y < 0 && (D *= -1), vr && y > D && (D += 2 * Math.PI), !vr && y < D && (D -= 2 * Math.PI), _ = Math.ceil(2 * Math.abs(y - D) / Math.PI), ce = [], Te = y, W = (D - y) / _, te = 4 * Math.tan(W / 4) / 3, ze = 0; ze <= _; ze++) We = Math.cos(Te), ke = Math.sin(Te), qe = new SVG.Point(q.x + We, q.y + ke), ce[ze] = [new SVG.Point(qe.x + te * ke, qe.y - te * We), qe, new SVG.Point(qe.x - te * ke, qe.y + te * We)], Te += W;
             for (ce[0][0] = ce[0][1].clone(), ce[ce.length - 1][2] = ce[ce.length - 1][1].clone(), k = new SVG.Matrix().rotate(zt).scale(jt, It).rotate(-zt), ze = 0, Qe = ce.length; ze < Qe; ze++) ce[ze][0] = ce[ze][0].transform(k), ce[ze][1] = ce[ze][1].transform(k), ce[ze][2] = ce[ze][2].transform(k);
             for (ze = 1, Qe = ce.length; ze < Qe; ze++) gt = (qe = ce[ze - 1][2]).x, wt = qe.y, Tt = (qe = ce[ze][0]).x, Pt = qe.y, _t = (qe = ce[ze][1]).x, On = qe.y, dr.push(["C", gt, wt, Tt, Pt, _t, On]);
             return dr;
@@ -60319,7 +60327,7 @@ const rH = ({
   attachments: e,
   onDelete: t
 }) => {
-  const r = br(), a = {
+  const r = pr(), a = {
     video: /* @__PURE__ */ b.jsx(Zh, { fontSize: "small" }),
     doc: /* @__PURE__ */ b.jsx(_h, { fontSize: "small" })
   };
@@ -60631,7 +60639,7 @@ const rH = ({
   fileType: s,
   onOpenMediaPreview: c
 }) => {
-  br();
+  pr();
   const d = {
     video: /* @__PURE__ */ b.jsx(Zh, { fontSize: "small" }),
     doc: /* @__PURE__ */ b.jsx(_h, { fontSize: "small" })
@@ -60735,7 +60743,7 @@ const rH = ({
   onEdit: c,
   onDelete: d
 }) => {
-  const g = br();
+  const g = pr();
   return /* @__PURE__ */ b.jsxs(
     Ue,
     {
@@ -60813,7 +60821,7 @@ ly = $h.default = (0, fH.default)(/* @__PURE__ */ (0, hH.jsx)("path", {
 const pH = ({
   onClose: e
 }) => {
-  const t = br();
+  const t = pr();
   return /* @__PURE__ */ b.jsxs(
     Ue,
     {
@@ -61392,7 +61400,7 @@ const DH = ({
   showUpgrade: r = !0,
   showLogout: a = !0
 }) => {
-  const s = br();
+  const s = pr();
   return /* @__PURE__ */ b.jsxs(Ue, { alignItems: "center", sx: { gap: "1rem" }, children: [
     /* @__PURE__ */ b.jsxs(Ue, { alignItems: "center", sx: { gap: "0.4rem", width: "50%" }, children: [
       /* @__PURE__ */ b.jsx(xt, { variant: "xxlSemibold", sx: { textAlign: "center" }, children: "Plan Expired" }),
@@ -63083,16 +63091,16 @@ var qH = function(e) {
           for (var jt = We; ++gt < ze; ) {
             wt = qe[gt];
             var It = W[wt], zt = _[wt];
-            if (ce) var gr = We ? ce(zt, It, wt, _, W, ke) : ce(It, zt, wt, W, _, ke);
-            if (!(gr === void 0 ? It === zt || te(It, zt, ce, Te, ke) : gr)) {
+            if (ce) var mr = We ? ce(zt, It, wt, _, W, ke) : ce(It, zt, wt, W, _, ke);
+            if (!(mr === void 0 ? It === zt || te(It, zt, ce, Te, ke) : mr)) {
               Pt = !1;
               break;
             }
             jt || (jt = wt == "constructor");
           }
           if (Pt && !jt) {
-            var mr = W.constructor, _t = _.constructor;
-            mr == _t || !("constructor" in W) || !("constructor" in _) || typeof mr == "function" && mr instanceof mr && typeof _t == "function" && _t instanceof _t || (Pt = !1);
+            var vr = W.constructor, _t = _.constructor;
+            vr == _t || !("constructor" in W) || !("constructor" in _) || typeof vr == "function" && vr instanceof vr && typeof _t == "function" && _t instanceof _t || (Pt = !1);
           }
           return ke.delete(W), ke.delete(_), Pt;
         }(u, f, h, p, x, A)) : !1;