@kashifd/jwero-components 0.5.78 → 0.5.80

package/dist/index.es.js

@@ -600,8 +600,8 @@ Check the top-level render call using <` + lt + ">.");
         ke.ref !== null && (Ft(ke), R("Invalid attribute `ref` supplied to `React.Fragment`."), Ft(null));
       }
     }
-    var jr = {};
-    function Fr(ke, qe, lt, Ie, Ne, _e) {
+    var Lr = {};
+    function jr(ke, qe, lt, Ie, Ne, _e) {
       {
         var Xe = U(ke);
         if (!Xe) {
@@ -632,24 +632,24 @@ Check the top-level render call using <` + lt + ">.");
           var l = ue(ke), u = Object.keys(qe).filter(function(p) {
             return p !== "key";
           }), f = u.length > 0 ? "{key: someKey, " + u.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!jr[l + f]) {
+          if (!Lr[l + f]) {
             var h = u.length > 0 ? "{" + u.join(": ..., ") + ": ...}" : "{}";
             R(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, f, l, h, l), jr[l + f] = !0;
+  <%s key={someKey} {...props} />`, f, l, h, l), Lr[l + f] = !0;
           }
         }
         return ke === a ? sr($) : Sr($), $;
       }
     }
     function en(ke, qe, lt) {
-      return Fr(ke, qe, lt, !0);
+      return jr(ke, qe, lt, !0);
     }
     function _n(ke, qe, lt) {
-      return Fr(ke, qe, lt, !1);
+      return jr(ke, qe, lt, !1);
     }
     var Wr = _n, tn = en;
     Pi.Fragment = a, Pi.jsx = Wr, Pi.jsxs = tn;
@@ -3034,7 +3034,7 @@ function Gs(e, t) {
 function Ow(e, t) {
   return e.map(t).join("");
 }
-var bc = 1, ai = 1, $m = 0, gn = 0, zr = 0, yi = "";
+var bc = 1, ai = 1, $m = 0, gn = 0, Br = 0, yi = "";
 function xc(e, t, n, a, s, c, d) {
   return { value: e, root: t, parent: n, type: a, props: s, children: c, line: bc, column: ai, length: d, return: "" };
 }
@@ -3042,13 +3042,13 @@ function Ei(e, t) {
   return Sw(xc("", null, null, "", null, null, 0), e, { length: -e.length }, t);
 }
 function Dw() {
-  return zr;
+  return Br;
 }
 function Mw() {
-  return zr = gn > 0 ? Xr(yi, --gn) : 0, ai--, zr === 10 && (ai = 1, bc--), zr;
+  return Br = gn > 0 ? Xr(yi, --gn) : 0, ai--, Br === 10 && (ai = 1, bc--), Br;
 }
 function Tn() {
-  return zr = gn < $m ? Xr(yi, gn++) : 0, ai++, zr === 10 && (ai = 1, bc++), zr;
+  return Br = gn < $m ? Xr(yi, gn++) : 0, ai++, Br === 10 && (ai = 1, bc++), Br;
 }
 function fo() {
   return Xr(yi, gn);
@@ -3101,23 +3101,23 @@ function xl(e) {
   return Um(Os(gn - 1, Zu(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
 }
 function Pw(e) {
-  for (; (zr = fo()) && zr < 33; )
+  for (; (Br = fo()) && Br < 33; )
     Tn();
-  return cs(e) > 2 || cs(zr) > 3 ? "" : " ";
+  return cs(e) > 2 || cs(Br) > 3 ? "" : " ";
 }
 function Ew(e, t) {
-  for (; --t && Tn() && !(zr < 48 || zr > 102 || zr > 57 && zr < 65 || zr > 70 && zr < 97); )
+  for (; --t && Tn() && !(Br < 48 || Br > 102 || Br > 57 && Br < 65 || Br > 70 && Br < 97); )
     ;
   return Os(e, bl() + (t < 6 && fo() == 32 && Tn() == 32));
 }
 function Zu(e) {
   for (; Tn(); )
-    switch (zr) {
+    switch (Br) {
       case e:
         return gn;
       case 34:
       case 39:
-        e !== 34 && e !== 39 && Zu(zr);
+        e !== 34 && e !== 39 && Zu(Br);
         break;
       case 40:
         e === 41 && Zu(e);
@@ -3129,8 +3129,8 @@ function Zu(e) {
   return gn;
 }
 function Rw(e, t) {
-  for (; Tn() && e + zr !== 57; )
-    if (e + zr === 84 && fo() === 47)
+  for (; Tn() && e + Br !== 57; )
+    if (e + Br === 84 && fo() === 47)
       break;
   return "/*" + Os(t, gn - 1) + "*" + vc(e === 47 ? e : Tn());
 }
@@ -5476,7 +5476,7 @@ function zC(e = {}) {
     sx: i.oneOfType([i.arrayOf(i.oneOfType([i.func, i.object, i.bool])), i.func, i.object])
   }), d;
 }
-function Lr() {
+function zr() {
   const e = yc(Ac);
   return process.env.NODE_ENV !== "production" && z.useDebugValue(e), e[Ds] || e;
 }
@@ -6556,7 +6556,7 @@ const aS = ["addEndListener", "children", "className", "collapsedSize", "compone
   } = a, B = je(a, aS), _ = N({}, a, {
     orientation: W,
     collapsedSize: g
-  }), G = iS(_), ae = Lr(), J = Wo(), U = z.useRef(null), te = z.useRef(), de = typeof g == "number" ? `${g}px` : g, ue = W === "horizontal", ie = ue ? "width" : "height", ee = z.useRef(null), ne = zt(n, ee), fe = (se) => (ge) => {
+  }), G = iS(_), ae = zr(), J = Wo(), U = z.useRef(null), te = z.useRef(), de = typeof g == "number" ? `${g}px` : g, ue = W === "horizontal", ie = ue ? "width" : "height", ee = z.useRef(null), ne = zt(n, ee), fe = (se) => (ge) => {
     if (se) {
       const oe = ee.current;
       ge === void 0 ? se(oe) : se(oe, ge);
@@ -6806,7 +6806,7 @@ const dS = ["className", "component", "elevation", "square", "variant"], fS = (e
     square: g,
     variant: m
   }), T = fS(w);
-  return process.env.NODE_ENV !== "production" && Lr().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" && zr().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__ */ k.jsx(hS, N({
     as: c,
     ownerState: w,
@@ -10745,13 +10745,13 @@ function UT(e) {
       index: Ne,
       reason: "mouse"
     });
-  }, jr = (Ie) => {
+  }, Lr = (Ie) => {
     dt({
       event: Ie,
       index: Number(Ie.currentTarget.getAttribute("data-option-index")),
       reason: "touch"
     }), yr.current = !0;
-  }, Fr = (Ie) => {
+  }, jr = (Ie) => {
     const Ne = Number(Ie.currentTarget.getAttribute("data-option-index"));
     dr(Ie, ot[Ne], "selectOption"), yr.current = !1;
   }, en = (Ie) => (Ne) => {
@@ -10858,8 +10858,8 @@ function UT(e) {
         role: "option",
         id: `${he}-option-${Ie}`,
         onMouseMove: sr,
-        onClick: Fr,
-        onTouchStart: jr,
+        onClick: jr,
+        onTouchStart: Lr,
         "data-option-index": Ie,
         "aria-disabled": nt,
         "aria-selected": Xe
@@ -12730,13 +12730,13 @@ const b2 = ["autoComplete", "autoHighlight", "autoSelect", "blurOnSelect", "Chip
     popupOpen: mr,
     size: Be
   }), sr = C2(Sr);
-  let jr;
+  let Lr;
   if (ce && ot.length > 0) {
     const Xe = (nt) => N({
       className: sr.tag,
       disabled: G
     }, Dt(nt));
-    Re ? jr = Re(ot, Xe, Sr) : jr = ot.map((nt, Ke) => {
+    Re ? Lr = Re(ot, Xe, Sr) : Lr = ot.map((nt, Ke) => {
       const bt = Xe({
         index: Ke
       }), {
@@ -12748,12 +12748,12 @@ const b2 = ["autoComplete", "autoHighlight", "autoSelect", "blurOnSelect", "Chip
       }, r, D), $);
     });
   }
-  if (pe > -1 && Array.isArray(jr)) {
-    const Xe = jr.length - pe;
-    !dt && Xe > 0 && (jr = jr.splice(0, pe), jr.push(/* @__PURE__ */ k.jsx("span", {
+  if (pe > -1 && Array.isArray(Lr)) {
+    const Xe = Lr.length - pe;
+    !dt && Xe > 0 && (Lr = Lr.splice(0, pe), Lr.push(/* @__PURE__ */ k.jsx("span", {
       className: sr.tag,
       children: ee(Xe)
-    }, jr.length)));
+    }, Lr.length)));
   }
   const en = xe || ((Xe) => /* @__PURE__ */ k.jsxs("li", {
     children: [/* @__PURE__ */ k.jsx(I2, {
@@ -12844,7 +12844,7 @@ const b2 = ["autoComplete", "autoHighlight", "autoSelect", "blurOnSelect", "Chip
         InputProps: N({
           ref: yt,
           className: sr.inputRoot,
-          startAdornment: jr,
+          startAdornment: Lr,
           onClick: (Xe) => {
             Xe.target === Xe.currentTarget && yr(Xe);
           }
@@ -13546,7 +13546,7 @@ const X2 = ["addEndListener", "appear", "children", "easing", "in", "onEnter", "
     opacity: 1
   }
 }, Aa = /* @__PURE__ */ z.forwardRef(function(t, n) {
-  const a = Lr(), s = {
+  const a = zr(), s = {
     enter: a.transitions.duration.enteringScreen,
     exit: a.transitions.duration.leavingScreen
   }, {
@@ -15655,7 +15655,7 @@ const KO = ["aria-describedby", "aria-labelledby", "BackdropComponent", "Backdro
   const a = et({
     props: t,
     name: "MuiDialog"
-  }), s = Lr(), c = {
+  }), s = zr(), c = {
     enter: s.transitions.duration.enteringScreen,
     exit: s.transitions.duration.leavingScreen
   }, {
@@ -16198,7 +16198,7 @@ function nl(e, t, n) {
   s && (t.style.webkitTransform = s, t.style.transform = s);
 }
 const nb = /* @__PURE__ */ z.forwardRef(function(t, n) {
-  const a = Lr(), s = {
+  const a = zr(), s = {
     enter: a.transitions.easing.easeOut,
     exit: a.transitions.easing.sharp
   }, c = {
@@ -16493,7 +16493,7 @@ const ib = /* @__PURE__ */ z.forwardRef(function(t, n) {
   const a = et({
     props: t,
     name: "MuiDrawer"
-  }), s = Lr(), c = Hr(), d = {
+  }), s = zr(), c = Hr(), d = {
     enter: s.transitions.duration.enteringScreen,
     exit: s.transitions.duration.leavingScreen
   }, {
@@ -17633,7 +17633,7 @@ const VD = {
     timeout: I = "auto",
     // eslint-disable-next-line react/prop-types
     TransitionComponent: L = vn
-  } = t, W = je(t, zD), R = Wo(), H = z.useRef(), X = Lr(), B = z.useRef(null), _ = zt(B, c.ref, n), G = (ee) => (ne) => {
+  } = t, W = je(t, zD), R = Wo(), H = z.useRef(), X = zr(), B = z.useRef(null), _ = zt(B, c.ref, n), G = (ee) => (ne) => {
     if (ee) {
       const fe = B.current;
       ne === void 0 ? ee(fe) : ee(fe, ne);
@@ -22686,7 +22686,7 @@ const ZP = ["onEnter", "onExited"], JP = ["action", "anchorOrigin", "autoHideDur
   const a = et({
     props: t,
     name: "MuiSnackbar"
-  }), s = Lr(), c = {
+  }), s = zr(), c = {
     enter: s.transitions.duration.enteringScreen,
     exit: s.transitions.duration.leavingScreen
   }, {
@@ -23105,7 +23105,7 @@ const to = /* @__PURE__ */ z.forwardRef(function(t, n) {
     TransitionProps: xe
   } = _, we = je(_, rE), De = /* @__PURE__ */ z.isValidElement(ae) ? ae : /* @__PURE__ */ k.jsx("span", {
     children: ae
-  }), Re = Lr(), Ve = Hr(), [Be, Ge] = z.useState(), [Qe, ft] = z.useState(null), Pt = z.useRef(!1), Et = ie || Ce, Ot = Wo(), At = Wo(), Dt = Wo(), Vt = Wo(), [vt, ot] = $r({
+  }), Re = zr(), Ve = Hr(), [Be, Ge] = z.useState(), [Qe, ft] = z.useState(null), Pt = z.useRef(!1), Et = ie || Ce, Ot = Wo(), At = Wo(), Dt = Wo(), Vt = Wo(), [vt, ot] = $r({
     controlled: ce,
     default: !1,
     name: "Tooltip",
@@ -23186,21 +23186,21 @@ const to = /* @__PURE__ */ z.forwardRef(function(t, n) {
       x: Ke.clientX,
       y: Ke.clientY
     }, Jr.current && Jr.current.update();
-  }, sr = {}, jr = typeof Pe == "string";
-  te ? (sr.title = !jt && jr && !ue ? Pe : null, sr["aria-describedby"] = jt ? or : null) : (sr["aria-label"] = jr ? Pe : null, sr["aria-labelledby"] = jt && !jr ? or : null);
-  const Fr = N({}, sr, we, De.props, {
+  }, sr = {}, Lr = typeof Pe == "string";
+  te ? (sr.title = !jt && Lr && !ue ? Pe : null, sr["aria-describedby"] = jt ? or : null) : (sr["aria-label"] = Lr ? Pe : null, sr["aria-labelledby"] = jt && !Lr ? or : null);
+  const jr = N({}, sr, we, De.props, {
     className: He(we.className, De.props.className),
     onTouchStart: Dn,
     ref: wo
   }, Ce ? {
     onMouseMove: Sr
   } : {});
-  process.env.NODE_ENV !== "production" && (Fr["data-mui-internal-clone-element"] = !0, z.useEffect(() => {
+  process.env.NODE_ENV !== "production" && (jr["data-mui-internal-clone-element"] = !0, z.useEffect(() => {
     Be && !Be.getAttribute("data-mui-internal-clone-element") && console.error(["MUI: The `children` component of the Tooltip is not forwarding its props correctly.", "Please make sure that props are spread on the same element that the ref is applied to."].join(`
 `));
   }, [Be]));
   const en = {};
-  ee || (Fr.onTouchStart = Mn, Fr.onTouchEnd = yo), ue || (Fr.onMouseOver = al(at, Fr.onMouseOver), Fr.onMouseLeave = al(yt, Fr.onMouseLeave), Et || (en.onMouseOver = at, en.onMouseLeave = yt)), de || (Fr.onFocus = al(_r, Fr.onFocus), Fr.onBlur = al(dr, Fr.onBlur), Et || (en.onFocus = _r, en.onBlur = dr)), process.env.NODE_ENV !== "production" && De.props.title && console.error(["MUI: You have provided a `title` prop to the child of <Tooltip />.", `Remove this title prop \`${De.props.title}\` or the Tooltip component.`].join(`
+  ee || (jr.onTouchStart = Mn, jr.onTouchEnd = yo), ue || (jr.onMouseOver = al(at, jr.onMouseOver), jr.onMouseLeave = al(yt, jr.onMouseLeave), Et || (en.onMouseOver = at, en.onMouseLeave = yt)), de || (jr.onFocus = al(_r, jr.onFocus), jr.onBlur = al(dr, jr.onBlur), Et || (en.onFocus = _r, en.onBlur = dr)), process.env.NODE_ENV !== "production" && De.props.title && console.error(["MUI: You have provided a `title` prop to the child of <Tooltip />.", `Remove this title prop \`${De.props.title}\` or the Tooltip component.`].join(`
 `));
   const _n = z.useMemo(() => {
     var Ke;
@@ -23230,7 +23230,7 @@ const to = /* @__PURE__ */ z.forwardRef(function(t, n) {
     className: He(tn.arrow, (X = (B = me.arrow) != null ? B : U.arrow) == null ? void 0 : X.className)
   }), Wr);
   return /* @__PURE__ */ k.jsxs(z.Fragment, {
-    children: [/* @__PURE__ */ z.cloneElement(De, Fr), /* @__PURE__ */ k.jsx(ke, N({
+    children: [/* @__PURE__ */ z.cloneElement(De, jr), /* @__PURE__ */ k.jsx(ke, N({
       as: ge ?? wa,
       placement: se,
       anchorEl: Ce ? {
@@ -24620,7 +24620,7 @@ const kf = /* @__PURE__ */ z.forwardRef(function(t, n) {
   const a = et({
     props: t,
     name: "MuiTabs"
-  }), s = Lr(), c = Hr(), {
+  }), s = zr(), c = Hr(), {
     "aria-label": d,
     "aria-labelledby": g,
     action: m,
@@ -31672,7 +31672,7 @@ function hx(e) {
     className: a,
     reduceAnimations: s,
     transKey: c
-  } = t, d = r5(t), g = Lr();
+  } = t, d = r5(t), g = zr();
   return s ? n : /* @__PURE__ */ k.jsx(n5, {
     className: He(d.root, a),
     children: /* @__PURE__ */ k.jsx(Aa, {
@@ -32084,7 +32084,7 @@ function p5(e) {
     reduceAnimations: s,
     transKey: c
     // extracting `classes` from `other`
-  } = t, d = je(t, d5), g = f5(t), m = Lr();
+  } = t, d = je(t, d5), g = f5(t), m = zr();
   if (s)
     return /* @__PURE__ */ k.jsx("div", {
       className: He(g.root, a),
@@ -43466,7 +43466,7 @@ Object.defineProperty(nu, "__esModule", {
   value: !0
 });
 nu.default = void 0;
-var ua = Qy(pr), ur = hz(Un), _y = Qy(Eo), Br = Da, fz = Lo;
+var ua = Qy(pr), ur = hz(Un), _y = Qy(Eo), Fr = Da, fz = Lo;
 function hz(e) {
   return e && e.__esModule ? e : { default: e };
 }
@@ -43503,13 +43503,13 @@ function pz(e, t, n) {
   const a = /* @__PURE__ */ new Date();
   return /* @__PURE__ */ ua.default.createElement("div", {
     className: e.weekDays
-  }, (0, Br.eachDayOfInterval)({
-    start: (0, Br.startOfWeek)(a, t),
-    end: (0, Br.endOfWeek)(a, t)
+  }, (0, Fr.eachDayOfInterval)({
+    start: (0, Fr.startOfWeek)(a, t),
+    end: (0, Fr.endOfWeek)(a, t)
   }).map((s, c) => /* @__PURE__ */ ua.default.createElement("span", {
     className: e.weekDay,
     key: c
-  }, (0, Br.format)(s, n, t))));
+  }, (0, Fr.format)(s, n, t))));
 }
 class wh extends ua.PureComponent {
   render() {
@@ -43520,7 +43520,7 @@ class wh extends ua.PureComponent {
       styles: c,
       disabledDates: d,
       disabledDay: g
-    } = this.props, m = this.props.minDate && (0, Br.startOfDay)(this.props.minDate), b = this.props.maxDate && (0, Br.endOfDay)(this.props.maxDate), w = (0, fz.getMonthDisplayRange)(this.props.month, this.props.dateOptions, this.props.fixedHeight);
+    } = this.props, m = this.props.minDate && (0, Fr.startOfDay)(this.props.minDate), b = this.props.maxDate && (0, Fr.endOfDay)(this.props.maxDate), w = (0, fz.getMonthDisplayRange)(this.props.month, this.props.dateOptions, this.props.fixedHeight);
     let T = this.props.ranges;
     if (n === "dateRange" && s.status) {
       let {
@@ -43539,27 +43539,27 @@ class wh extends ua.PureComponent {
       style: this.props.style
     }, this.props.showMonthName ? /* @__PURE__ */ ua.default.createElement("div", {
       className: c.monthName
-    }, (0, Br.format)(this.props.month, this.props.monthDisplayFormat, this.props.dateOptions)) : null, this.props.showWeekDays && pz(c, this.props.dateOptions, this.props.weekdayDisplayFormat), /* @__PURE__ */ ua.default.createElement("div", {
+    }, (0, Fr.format)(this.props.month, this.props.monthDisplayFormat, this.props.dateOptions)) : null, this.props.showWeekDays && pz(c, this.props.dateOptions, this.props.weekdayDisplayFormat), /* @__PURE__ */ ua.default.createElement("div", {
       className: c.days,
       onMouseLeave: this.props.onMouseLeave
-    }, (0, Br.eachDayOfInterval)({
+    }, (0, Fr.eachDayOfInterval)({
       start: w.start,
       end: w.end
     }).map((P, E) => {
-      const I = (0, Br.isSameDay)(P, w.startDateOfMonth), L = (0, Br.isSameDay)(P, w.endDateOfMonth), W = m && (0, Br.isBefore)(P, m) || b && (0, Br.isAfter)(P, b), R = d.some((X) => (0, Br.isSameDay)(X, P)), H = g(P);
+      const I = (0, Fr.isSameDay)(P, w.startDateOfMonth), L = (0, Fr.isSameDay)(P, w.endDateOfMonth), W = m && (0, Fr.isBefore)(P, m) || b && (0, Fr.isAfter)(P, b), R = d.some((X) => (0, Fr.isSameDay)(X, P)), H = g(P);
       return /* @__PURE__ */ ua.default.createElement(_y.default, wd({}, this.props, {
         ranges: T,
         day: P,
         preview: D ? this.props.preview : null,
-        isWeekend: (0, Br.isWeekend)(P, this.props.dateOptions),
-        isToday: (0, Br.isSameDay)(P, t),
-        isStartOfWeek: (0, Br.isSameDay)(P, (0, Br.startOfWeek)(P, this.props.dateOptions)),
-        isEndOfWeek: (0, Br.isSameDay)(P, (0, Br.endOfWeek)(P, this.props.dateOptions)),
+        isWeekend: (0, Fr.isWeekend)(P, this.props.dateOptions),
+        isToday: (0, Fr.isSameDay)(P, t),
+        isStartOfWeek: (0, Fr.isSameDay)(P, (0, Fr.startOfWeek)(P, this.props.dateOptions)),
+        isEndOfWeek: (0, Fr.isSameDay)(P, (0, Fr.endOfWeek)(P, this.props.dateOptions)),
         isStartOfMonth: I,
         isEndOfMonth: L,
         key: E,
         disabled: W || R || H,
-        isPassive: !(0, Br.isWithinInterval)(P, {
+        isPassive: !(0, Fr.isWithinInterval)(P, {
           start: w.startDateOfMonth,
           end: w.endDateOfMonth
         }),
@@ -45650,7 +45650,7 @@ const $s = (e) => /* @__PURE__ */ k.jsxs(
   enterDelay: s = 500,
   sx: c
 }) => {
-  const d = Lr(), g = a === "primary" ? d.colors.secondary : a === "secondary" ? "#ffffff" : d.colors.positive, m = a === "primary" ? "#ffffff" : a === "secondary" ? "black" : d.colors.positive;
+  const d = zr(), g = a === "primary" ? d.colors.secondary : a === "secondary" ? "#ffffff" : d.colors.positive, m = a === "primary" ? "#ffffff" : a === "secondary" ? "black" : d.colors.positive;
   return /* @__PURE__ */ k.jsx(
     to,
     {
@@ -46056,7 +46056,7 @@ const $s = (e) => /* @__PURE__ */ k.jsxs(
   loading: b = !1
 }) => {
   var T, D;
-  const w = Lr();
+  const w = zr();
   return /* @__PURE__ */ k.jsx(
     eb,
     {
@@ -46601,7 +46601,7 @@ const v8 = ({
   type: c = "positive"
 }) => {
   var T;
-  const d = Lr(), [g, m] = Jn(!1), b = (D, P) => {
+  const d = zr(), [g, m] = Jn(!1), b = (D, P) => {
     if (P === "clickaway") {
       console.log(D);
       return;
@@ -47186,7 +47186,7 @@ const $V = ({
   panelSx: T
 }) => {
   var L;
-  const D = Lr(), [P, E] = Jn(
+  const D = zr(), [P, E] = Jn(
     d || ((L = t == null ? void 0 : t[0]) == null ? void 0 : L.value)
   ), I = (W, R) => {
     E(R), a && a(W, R);
@@ -47332,7 +47332,6 @@ const $V = ({
   currentView: t,
   onChangeView: n
 }) => {
-  const a = Lr();
   if (!Array.isArray(e) || e.length === 0)
     throw new Error(
       "The 'options' prop must be an array with at least one element."
@@ -47349,28 +47348,28 @@ const $V = ({
         overflow: "hidden",
         display: "inline-flex"
       },
-      children: e == null ? void 0 : e.map((s, c) => {
-        var d, g, m, b, w;
-        return /* @__PURE__ */ k.jsx(to, { title: (d = s.labelProps) == null ? void 0 : d.text, children: /* @__PURE__ */ k.jsxs(
+      children: e == null ? void 0 : e.map((a, s) => {
+        var c, d, g, m, b;
+        return /* @__PURE__ */ k.jsx(to, { title: (c = a.labelProps) == null ? void 0 : c.text, children: /* @__PURE__ */ k.jsxs(
           rt,
           {
-            onClick: () => n == null ? void 0 : n(s.value),
+            onClick: () => n == null ? void 0 : n(a.value),
             direction: "row",
             alignItems: "center",
             sx: {
               gap: "0.25rem",
               padding: "0.4rem 0.75rem",
               transition: "0.3s ease",
-              borderRight: c !== (e == null ? void 0 : e.length) - 1 ? `1px solid ${a.colors.surface2_lightgrey}` : "1px solid transparent",
-              backgroundColor: t === s.value ? a.colors.surface2_lightgrey : "white"
+              borderRight: s !== (e == null ? void 0 : e.length) - 1 ? "1px solid #E9EFFF" : "1px solid transparent",
+              backgroundColor: t === a.value ? "#E9EFFF" : "white"
             },
             children: [
-              ((g = s.labelProps) == null ? void 0 : g.position) === "left" && /* @__PURE__ */ k.jsx(wt, { ...s == null ? void 0 : s.labelTypographyProps, children: (m = s.labelProps) == null ? void 0 : m.text }),
-              s.icon,
-              ((b = s.labelProps) == null ? void 0 : b.position) === "right" && /* @__PURE__ */ k.jsx(wt, { ...s == null ? void 0 : s.labelTypographyProps, children: (w = s.labelProps) == null ? void 0 : w.text })
+              ((d = a.labelProps) == null ? void 0 : d.position) === "left" && /* @__PURE__ */ k.jsx(wt, { ...a == null ? void 0 : a.labelTypographyProps, children: (g = a.labelProps) == null ? void 0 : g.text }),
+              a.icon,
+              ((m = a.labelProps) == null ? void 0 : m.position) === "right" && /* @__PURE__ */ k.jsx(wt, { ...a == null ? void 0 : a.labelTypographyProps, children: (b = a.labelProps) == null ? void 0 : b.text })
             ]
           }
-        ) }, s.value);
+        ) }, a.value);
       })
     }
   );
@@ -47527,7 +47526,7 @@ const $V = ({
   customSecondaryBox: a,
   customMessageBox: s
 }) => {
-  const c = Lr();
+  const c = zr();
   return /* @__PURE__ */ k.jsxs(
     rt,
     {
@@ -48147,7 +48146,7 @@ const V8 = /* @__PURE__ */ _o(z8), W8 = (e) => /* @__PURE__ */ k.jsxs(
     }
   ) });
 }, pm = "start", gm = "end", b0 = ({ menuList: e = [], boxSx: t }) => {
-  const n = Lr();
+  const n = zr();
   if (No.isArrayWithValues(e))
     return /* @__PURE__ */ k.jsx(
       rt,
@@ -48543,7 +48542,7 @@ const nW = ({
   options: n,
   customClose: a
 }) => {
-  const s = Lr(), [c, d] = Jn(!1), [g, m] = Jn(
+  const s = zr(), [c, d] = Jn(!1), [g, m] = Jn(
     null
   ), b = (T) => {
     T.stopPropagation(), c ? (d(!1), m(null)) : (d(!0), m(T.currentTarget), t != null && t.onClick && (t == null || t.onClick(T)));
@@ -48631,7 +48630,7 @@ const nW = ({
   showButton: w = !0,
   showAddButton: T = !0
 }) => {
-  const D = Lr();
+  const D = zr();
   let P = t, E = n, I = a;
   return e === "search" && (P = t || tV, E = n || "No results found", I = a || `We could not find any results for ${m ? `"${m}"` : "your searched text"}`), e === "data" && (P = t || J8, E = n || "No data found", I = a || "There is no data present, please add data."), /* @__PURE__ */ k.jsxs(
     rt,
@@ -55035,7 +55034,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
     }($), h = $.length - 1, p = [], v = 0; v < h; v++) l = en($[v], $[v + 1]), Math.abs(l) < 1e-6 ? f[v] = f[v + 1] = 0 : (u = (r = f[v] / l) * r + (o = f[v + 1] / l) * o) > 9 && (u = 3 * l / Math.sqrt(u), f[v] = u * r, f[v + 1] = u * o);
     for (var y = 0; y <= h; y++) u = ($[Math.min(h, y + 1)][0] - $[Math.max(0, y - 1)][0]) / (6 * (1 + f[y] * f[y])), p.push([u || 0, f[y] * u || 0]);
     return p;
-  }, jr = function($) {
+  }, Lr = function($) {
     var r = sr($), o = $[1], l = $[0], u = [], f = r[1], h = r[0];
     u.push(l, [l[0] + h[0], l[1] + h[1], o[0] - f[0], o[1] - f[1], o[0], o[1]]);
     for (var p = 2, v = r.length; p < v; p++) {
@@ -55043,7 +55042,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       u.push([y[0] - A[0], y[1] - A[1], y[0], y[1]]);
     }
     return u;
-  }, Fr = function($, r, o) {
+  }, jr = function($, r, o) {
     var l = $.slice(r, o);
     if (r) {
       if (o - r > 1 && l[1].length < 6) {
@@ -55192,7 +55191,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
                 return [Jt, Z[Gt]];
               }).filter(function(Jt) {
                 return Jt[1] !== null;
-              })), st = Ue.length > 1 ? jr(Ue) : Ue, mt = [];
+              })), st = Ue.length > 1 ? Lr(Ue) : Ue, mt = [];
               be && (ve ? x = Ue : mt = x.reverse());
               var xt = 0, kt = 0;
               if (function(Jt, Gt) {
@@ -55201,7 +55200,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
                   return Di.forEach(function(D0) {
                     D0 !== null ? Ao++ : Ao > 0 && (rn.push(Ao), Ao = 0);
                   }), Ao > 0 && rn.push(Ao), rn;
-                }(Jt), Gr = [], Qr = 0, no = 0; Qr < ir.length; no += ir[Qr++]) Gr[Qr] = Fr(Gt, no, no + ir[Qr]);
+                }(Jt), Gr = [], Qr = 0, no = 0; Qr < ir.length; no += ir[Qr++]) Gr[Qr] = jr(Gt, no, no + ir[Qr]);
                 return Gr;
               }(Fe, st).forEach(function(Jt) {
                 xt++;
@@ -58726,7 +58725,16 @@ const MV = ({ name: e, labels: t, data: n }) => {
       data: n == null ? void 0 : n.map((c, d) => (d + 1) * 20).reverse()
     }
   ];
-  return /* @__PURE__ */ k.jsx(jo, { options: a, series: s, type: "bar" });
+  return /* @__PURE__ */ k.jsx(
+    jo,
+    {
+      options: a,
+      series: s,
+      type: "bar",
+      height: "100%",
+      width: "100%"
+    }
+  );
 }, RV = ({ name: e, data: t, labels: n }) => {
   const a = {
     chart: {
@@ -58953,7 +58961,7 @@ const NV = ({
   };
 }, jV = ({
   completionRate: e,
-  size: t,
+  size: t = 70,
   labelOptions: n
 }) => {
   const a = typeof e == "number" && e >= 0 && e <= 100 ? e : 0, c = { ...{
@@ -58965,7 +58973,7 @@ const NV = ({
       color: ut.colors.text_tertiary
     },
     valueSx: {
-      fontSize: "2rem",
+      fontSize: t > 60 ? "2rem" : t > 50 ? "1.5rem" : "1rem",
       fontWeight: 600,
       fontFamily: "Inter, sans-serif",
       color: ut.colors.positive
@@ -58973,14 +58981,16 @@ const NV = ({
   }, ...n }, d = bm(c.nameSx), g = bm(c.valueSx), m = {
     chart: {
       type: "radialBar",
-      offsetY: 0
+      offsetY: 0,
+      height: "100%",
+      width: "100%"
     },
     plotOptions: {
       radialBar: {
         startAngle: 0,
         endAngle: 360,
         hollow: {
-          size: `${t}%` || "70%"
+          size: `${t}%`
         },
         dataLabels: {
           name: {
@@ -58989,7 +58999,7 @@ const NV = ({
             ...d
           },
           value: {
-            offsetY: -18,
+            offsetY: -7,
             formatter: function(w) {
               return `${w}%`;
             },
@@ -59006,7 +59016,16 @@ const NV = ({
     },
     labels: [c.name]
   }, b = [a];
-  return /* @__PURE__ */ k.jsx(jo, { options: m, series: b, type: "radialBar" });
+  return /* @__PURE__ */ k.jsx(
+    jo,
+    {
+      options: m,
+      series: b,
+      type: "radialBar",
+      height: "100%",
+      width: "100%"
+    }
+  );
 }, FV = ({
   series: e,
   label: t