@kashifd/jwero-components 0.5.34 → 0.5.36

package/dist/index.es.js

@@ -1,5 +1,5 @@
 import * as x from "react";
-import Mt, { Children as oh, isValidElement as Ts, cloneElement as Os, useRef as Sd, useState as Js, useEffect as rh } from "react";
+import jt, { Children as oh, isValidElement as Ts, cloneElement as Os, useRef as Sd, useState as Js, useEffect as rh } from "react";
 import sh from "@emotion/styled";
 import { CacheProvider as ih, Global as ah, ThemeContext as Ed, css as za, keyframes as er } from "@emotion/react";
 import * as lh from "react-dom";
@@ -41,7 +41,7 @@ var lc;
 function ch() {
   if (lc) return ar;
   lc = 1;
-  var e = Mt, t = Symbol.for("react.element"), o = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, s = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
+  var e = jt, t = Symbol.for("react.element"), o = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, s = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
   function a(l, c, u) {
     var d, f = {}, h = null, y = null;
     u !== void 0 && (h = "" + u), c.key !== void 0 && (h = "" + c.key), c.ref !== void 0 && (y = c.ref);
@@ -64,7 +64,7 @@ var lr = {};
 var cc;
 function uh() {
   return cc || (cc = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = Mt, t = Symbol.for("react.element"), o = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), a = Symbol.for("react.provider"), l = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), u = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), f = Symbol.for("react.memo"), h = Symbol.for("react.lazy"), y = Symbol.for("react.offscreen"), g = Symbol.iterator, b = "@@iterator";
+    var e = jt, t = Symbol.for("react.element"), o = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), a = Symbol.for("react.provider"), l = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), u = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), f = Symbol.for("react.memo"), h = Symbol.for("react.lazy"), y = Symbol.for("react.offscreen"), g = Symbol.iterator, b = "@@iterator";
     function v(B) {
       if (B === null || typeof B != "object")
         return null;
@@ -2980,7 +2980,7 @@ var Kb = /* @__PURE__ */ function() {
       return r.parentNode && r.parentNode.removeChild(r);
     }), this.tags = [], this.ctr = 0, process.env.NODE_ENV !== "production" && (this._alreadyInsertedOrderInsensitiveRule = !1);
   }, e;
-}(), jt = "-ms-", _s = "-moz-", Je = "-webkit-", Za = "comm", Ja = "rule", Qa = "decl", Gb = "@import", Jd = "@keyframes", Xb = "@layer", Zb = Math.abs, ai = String.fromCharCode, Jb = Object.assign;
+}(), $t = "-ms-", _s = "-moz-", Je = "-webkit-", Za = "comm", Ja = "rule", Qa = "decl", Gb = "@import", Jd = "@keyframes", Xb = "@layer", Zb = Math.abs, ai = String.fromCharCode, Jb = Object.assign;
 function Qb(e, t) {
   return Dt(e, 0) ^ 45 ? (((t << 2 ^ Dt(e, 0)) << 2 ^ Dt(e, 1)) << 2 ^ Dt(e, 2)) << 2 ^ Dt(e, 3) : 0;
 }
@@ -3376,24 +3376,24 @@ function rp(e, t) {
     case 4810:
     case 6968:
     case 2756:
-      return Je + e + _s + e + jt + e + e;
+      return Je + e + _s + e + $t + e + e;
     case 6828:
     case 4268:
-      return Je + e + jt + e + e;
+      return Je + e + $t + e + e;
     case 6165:
-      return Je + e + jt + "flex-" + e + e;
+      return Je + e + $t + "flex-" + e + e;
     case 5187:
-      return Je + e + Qe(e, /(\w+).+(:[^]+)/, Je + "box-$1$2" + jt + "flex-$1$2") + e;
+      return Je + e + Qe(e, /(\w+).+(:[^]+)/, Je + "box-$1$2" + $t + "flex-$1$2") + e;
     case 5443:
-      return Je + e + jt + "flex-item-" + Qe(e, /flex-|-self/, "") + e;
+      return Je + e + $t + "flex-item-" + Qe(e, /flex-|-self/, "") + e;
     case 4675:
-      return Je + e + jt + "flex-line-pack" + Qe(e, /align-content|flex-|-self/, "") + e;
+      return Je + e + $t + "flex-line-pack" + Qe(e, /align-content|flex-|-self/, "") + e;
     case 5548:
-      return Je + e + jt + Qe(e, "shrink", "negative") + e;
+      return Je + e + $t + Qe(e, "shrink", "negative") + e;
     case 5292:
-      return Je + e + jt + Qe(e, "basis", "preferred-size") + e;
+      return Je + e + $t + Qe(e, "basis", "preferred-size") + e;
     case 6060:
-      return Je + "box-" + Qe(e, "-grow", "") + Je + e + jt + Qe(e, "grow", "positive") + e;
+      return Je + "box-" + Qe(e, "-grow", "") + Je + e + $t + Qe(e, "grow", "positive") + e;
     case 4554:
       return Je + Qe(e, /([^-])(transform)/g, "$1" + Je + "$2") + e;
     case 6187:
@@ -3402,7 +3402,7 @@ function rp(e, t) {
     case 3959:
       return Qe(e, /(image-set\([^]*)/, Je + "$1$`$1");
     case 4968:
-      return Qe(Qe(e, /(.+:)(flex-)?(.*)/, Je + "box-pack:$3" + jt + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + Je + e + e;
+      return Qe(Qe(e, /(.+:)(flex-)?(.*)/, Je + "box-pack:$3" + $t + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + Je + e + e;
     case 4095:
     case 3583:
     case 4068:
@@ -3436,19 +3436,19 @@ function rp(e, t) {
         case 107:
           return Qe(e, ":", ":" + Je) + e;
         case 101:
-          return Qe(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + Je + (Dt(e, 14) === 45 ? "inline-" : "") + "box$3$1" + Je + "$2$3$1" + jt + "$2box$3") + e;
+          return Qe(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + Je + (Dt(e, 14) === 45 ? "inline-" : "") + "box$3$1" + Je + "$2$3$1" + $t + "$2box$3") + e;
       }
       break;
     case 5936:
       switch (Dt(e, t + 11)) {
         case 114:
-          return Je + e + jt + Qe(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
+          return Je + e + $t + Qe(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
         case 108:
-          return Je + e + jt + Qe(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
+          return Je + e + $t + Qe(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
         case 45:
-          return Je + e + jt + Qe(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
+          return Je + e + $t + Qe(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
       }
-      return Je + e + jt + e + e;
+      return Je + e + $t + e + e;
   }
   return e;
 }
@@ -3475,7 +3475,7 @@ var Tg = function(t, o, r, s) {
             }), cr(t, {
               props: [Qe(i, /:(plac\w+)/, ":" + _s + "$1")]
             }), cr(t, {
-              props: [Qe(i, /:(plac\w+)/, jt + "input-$1")]
+              props: [Qe(i, /:(plac\w+)/, $t + "input-$1")]
             })], s);
         }
         return "";
@@ -4605,10 +4605,10 @@ function Ay(e = {}) {
 function Cp(e) {
   return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
 }
-const $t = (e) => Cp(e) && e !== "classes", U = wy({
+const It = (e) => Cp(e) && e !== "classes", U = wy({
   themeId: Qr,
   defaultTheme: pi,
-  rootShouldForwardProp: $t
+  rootShouldForwardProp: It
 });
 function al(e) {
   return be;
@@ -5684,7 +5684,7 @@ var wv = process.env.NODE_ENV !== "production" ? n.oneOfType([n.number, n.shape(
   exitDone: n.string,
   exitActive: n.string
 })]) : null;
-const Bs = Mt.createContext(null);
+const Bs = jt.createContext(null);
 var Rp = function(t) {
   return t.scrollTop;
 }, Cr = "unmounted", io = "exited", ao = "entering", Io = "entered", Ra = "exiting", nn = /* @__PURE__ */ function(e) {
@@ -5809,12 +5809,12 @@ var Rp = function(t) {
     var l = oe(i, ["children", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "nodeRef"]);
     return (
       // allows for nested Transitions
-      /* @__PURE__ */ Mt.createElement(Bs.Provider, {
+      /* @__PURE__ */ jt.createElement(Bs.Provider, {
         value: null
-      }, typeof a == "function" ? a(s, l) : Mt.cloneElement(Mt.Children.only(a), l))
+      }, typeof a == "function" ? a(s, l) : jt.cloneElement(jt.Children.only(a), l))
     );
   }, t;
-}(Mt.Component);
+}(jt.Component);
 nn.contextType = Bs;
 nn.propTypes = process.env.NODE_ENV !== "production" ? {
   /**
@@ -6063,7 +6063,7 @@ var Ov = function(t, o) {
     var s = this.props;
     s.classNames;
     var i = oe(s, ["classNames"]);
-    return /* @__PURE__ */ Mt.createElement(nn, m({}, i, {
+    return /* @__PURE__ */ jt.createElement(nn, m({}, i, {
       onEnter: this.onEnter,
       onEntered: this.onEntered,
       onEntering: this.onEntering,
@@ -6072,7 +6072,7 @@ var Ov = function(t, o) {
       onExited: this.onExited
     }));
   }, t;
-}(Mt.Component);
+}(jt.Component);
 ul.defaultProps = {
   classNames: ""
 };
@@ -6319,13 +6319,13 @@ var Pv = Object.values || function(e) {
     }));
   }, o.render = function() {
     var s = this.props, i = s.component, a = s.childFactory, l = oe(s, ["component", "childFactory"]), c = this.state.contextValue, u = Pv(this.state.children).map(a);
-    return delete l.appear, delete l.enter, delete l.exit, i === null ? /* @__PURE__ */ Mt.createElement(Bs.Provider, {
+    return delete l.appear, delete l.enter, delete l.exit, i === null ? /* @__PURE__ */ jt.createElement(Bs.Provider, {
       value: c
-    }, u) : /* @__PURE__ */ Mt.createElement(Bs.Provider, {
+    }, u) : /* @__PURE__ */ jt.createElement(Bs.Provider, {
       value: c
-    }, /* @__PURE__ */ Mt.createElement(i, l, u));
+    }, /* @__PURE__ */ jt.createElement(i, l, u));
   }, t;
-}(Mt.Component);
+}(jt.Component);
 ts.propTypes = process.env.NODE_ENV !== "production" ? {
   /**
    * `<TransitionGroup>` renders a `<div>` by default. You can change this
@@ -7417,7 +7417,7 @@ const r0 = ["align", "className", "component", "gutterBottom", "noWrap", "paragr
   secondary: "secondary.main",
   textSecondary: "text.secondary",
   error: "error.main"
-}, l0 = (e) => a0[e] || e, It = /* @__PURE__ */ x.forwardRef(function(t, o) {
+}, l0 = (e) => a0[e] || e, Mt = /* @__PURE__ */ x.forwardRef(function(t, o) {
   const r = be({
     props: t,
     name: "MuiTypography"
@@ -7450,7 +7450,7 @@ const r0 = ["align", "className", "component", "gutterBottom", "noWrap", "paragr
     className: ue(C.root, l)
   }, g));
 });
-process.env.NODE_ENV !== "production" && (It.propTypes = {
+process.env.NODE_ENV !== "production" && (Mt.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -10051,7 +10051,7 @@ var xl = {};
 Object.defineProperty(xl, "__esModule", {
   value: !0
 });
-var Up = xl.default = void 0, Zx = Qx(Mt), Jx = vp;
+var Up = xl.default = void 0, Zx = Qx(jt), Jx = vp;
 function Hp(e) {
   if (typeof WeakMap != "function") return null;
   var t = /* @__PURE__ */ new WeakMap(), o = /* @__PURE__ */ new WeakMap();
@@ -13135,7 +13135,7 @@ const lC = ve("MuiBreadcrumbs", ["root", "ol", "li", "separator"]), cC = ["child
     ol: ["ol"],
     separator: ["separator"]
   }, aC, t);
-}, dC = U(It, {
+}, dC = U(Mt, {
   name: "MuiBreadcrumbs",
   slot: "Root",
   overridesResolver: (e, t) => [{
@@ -13340,7 +13340,7 @@ const bC = ["children", "color", "component", "className", "disabled", "disableE
     fontSize: 22
   }
 }), yC = U(en, {
-  shouldForwardProp: (e) => $t(e) || e === "classes",
+  shouldForwardProp: (e) => It(e) || e === "classes",
   name: "MuiButton",
   slot: "Root",
   overridesResolver: (e, t) => {
@@ -13677,7 +13677,7 @@ const wC = ["autoFocus", "checked", "checkedIcon", "className", "defaultChecked"
 }, e.edge === "end" && {
   marginRight: e.size === "small" ? -3 : -12
 })), SC = U("input", {
-  shouldForwardProp: $t
+  shouldForwardProp: It
 })({
   cursor: "inherit",
   position: "absolute",
@@ -13892,7 +13892,7 @@ const aa = ve("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "c
   }, a = ye(i, PC, t);
   return m({}, t, a);
 }, IC = U(Sl, {
-  shouldForwardProp: (e) => $t(e) || e === "classes",
+  shouldForwardProp: (e) => It(e) || e === "classes",
   name: "MuiCheckbox",
   slot: "Root",
   overridesResolver: (e, t) => {
@@ -15474,7 +15474,7 @@ const mw = ["BackdropProps"], hw = ["anchor", "BackdropProps", "children", "clas
 }) => ({
   zIndex: (e.vars || e).zIndex.drawer
 })), wu = U("div", {
-  shouldForwardProp: $t,
+  shouldForwardProp: It,
   name: "MuiDrawer",
   slot: "Docked",
   skipVariantsResolver: !1,
@@ -15724,7 +15724,7 @@ const Cw = ["disableUnderline", "components", "componentsProps", "fullWidth", "h
   }, C1, t);
   return m({}, t, s);
 }, Tw = U(yi, {
-  shouldForwardProp: (e) => $t(e) || e === "classes",
+  shouldForwardProp: (e) => It(e) || e === "classes",
   name: "MuiFilledInput",
   slot: "Root",
   overridesResolver: (e, t) => {
@@ -16851,7 +16851,7 @@ const Vw = ["disableUnderline", "components", "componentsProps", "fullWidth", "i
   }, v1, t);
   return m({}, t, s);
 }, zw = U(yi, {
-  shouldForwardProp: (e) => $t(e) || e === "classes",
+  shouldForwardProp: (e) => It(e) || e === "classes",
   name: "MuiInput",
   slot: "Root",
   overridesResolver: (e, t) => {
@@ -17232,7 +17232,7 @@ const Hw = ["children", "className", "component", "disablePointerEvents", "disab
       className: ue(b.root, i),
       ref: o
     }, f, {
-      children: typeof s == "string" && !c ? /* @__PURE__ */ p.jsx(It, {
+      children: typeof s == "string" && !c ? /* @__PURE__ */ p.jsx(Mt, {
         color: "text.secondary",
         children: s
       }) : /* @__PURE__ */ p.jsxs(x.Fragment, {
@@ -17314,7 +17314,7 @@ const Xw = ["disableAnimation", "margin", "shrink", "variant", "className"], Zw
   }, u = ye(c, Gw, t);
   return m({}, t, u);
 }, Jw = U(df, {
-  shouldForwardProp: (e) => $t(e) || e === "classes",
+  shouldForwardProp: (e) => It(e) || e === "classes",
   name: "MuiInputLabel",
   slot: "Root",
   overridesResolver: (e, t) => {
@@ -17511,7 +17511,7 @@ const eT = ve("MuiLink", ["root", "underlineNone", "underlineHover", "underlineA
     root: ["root", `underline${ae(s)}`, o === "button" && "button", r && "focusVisible"]
   };
   return ye(i, Qw, t);
-}, sT = U(It, {
+}, sT = U(Mt, {
   name: "MuiLink",
   slot: "Root",
   overridesResolver: (e, t) => {
@@ -18252,14 +18252,14 @@ const Hs = ve("MuiListItemText", ["root", "multiline", "dense", "inset", "primar
     secondary: !!b,
     dense: y
   }), C = OT(v);
-  return g != null && g.type !== It && !a && (g = /* @__PURE__ */ p.jsx(It, m({
+  return g != null && g.type !== Mt && !a && (g = /* @__PURE__ */ p.jsx(Mt, m({
     variant: y ? "body2" : "body1",
     className: C.primary,
     component: u != null && u.variant ? void 0 : "span",
     display: "block"
   }, u, {
     children: g
-  }))), b != null && b.type !== It && !a && (b = /* @__PURE__ */ p.jsx(It, m({
+  }))), b != null && b.type !== Mt && !a && (b = /* @__PURE__ */ p.jsx(Mt, m({
     variant: "body2",
     className: C.secondary,
     color: "text.secondary",
@@ -18896,7 +18896,7 @@ const jT = ["onEntering"], NT = ["autoFocus", "children", "className", "disableA
     list: ["list"]
   }, $T, t);
 }, LT = U(yf, {
-  shouldForwardProp: (e) => $t(e) || e === "classes",
+  shouldForwardProp: (e) => It(e) || e === "classes",
   name: "MuiMenu",
   slot: "Root",
   overridesResolver: (e, t) => t.root
@@ -19135,7 +19135,7 @@ const fr = ve("MuiMenuItem", ["root", "focusVisible", "dense", "disabled", "divi
   }, zT, a);
   return m({}, a, c);
 }, qT = U(en, {
-  shouldForwardProp: (e) => $t(e) || e === "classes",
+  shouldForwardProp: (e) => It(e) || e === "classes",
   name: "MuiMenuItem",
   slot: "Root",
   overridesResolver: UT
@@ -19407,7 +19407,7 @@ const Dl = ve("MuiNativeSelect", ["root", "select", "multiple", "filled", "outli
 }), XT = U("select", {
   name: "MuiNativeSelect",
   slot: "Select",
-  shouldForwardProp: $t,
+  shouldForwardProp: It,
   overridesResolver: (e, t) => {
     const {
       ownerState: o
@@ -19530,7 +19530,7 @@ process.env.NODE_ENV !== "production" && (wf.propTypes = {
 });
 var Iu;
 const JT = ["children", "classes", "className", "label", "notched"], QT = U("fieldset", {
-  shouldForwardProp: $t
+  shouldForwardProp: It
 })({
   textAlign: "left",
   position: "absolute",
@@ -19547,7 +19547,7 @@ const JT = ["children", "classes", "className", "label", "notched"], QT = U("fie
   overflow: "hidden",
   minWidth: "0%"
 }), eO = U("legend", {
-  shouldForwardProp: $t
+  shouldForwardProp: It
 })(({
   ownerState: e,
   theme: t
@@ -19658,7 +19658,7 @@ const tO = ["components", "fullWidth", "inputComponent", "label", "multiline", "
   }, x1, t);
   return m({}, t, r);
 }, oO = U(yi, {
-  shouldForwardProp: (e) => $t(e) || e === "classes",
+  shouldForwardProp: (e) => It(e) || e === "classes",
   name: "MuiOutlinedInput",
   slot: "Root",
   overridesResolver: bi
@@ -20619,7 +20619,7 @@ const xO = ct(/* @__PURE__ */ p.jsx("path", {
 }), "RadioButtonUnchecked"), CO = ct(/* @__PURE__ */ p.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"), wO = U("span", {
-  shouldForwardProp: $t
+  shouldForwardProp: It
 })({
   position: "relative",
   display: "flex"
@@ -20699,7 +20699,7 @@ const Fu = ve("MuiRadio", ["root", "checked", "disabled", "colorPrimary", "color
   };
   return m({}, t, ye(s, EO, t));
 }, PO = U(Sl, {
-  shouldForwardProp: (e) => $t(e) || e === "classes",
+  shouldForwardProp: (e) => It(e) || e === "classes",
   name: "MuiRadio",
   slot: "Root",
   overridesResolver: (e, t) => {
@@ -21335,7 +21335,7 @@ const _O = ["autoWidth", "children", "classes", "className", "defaultOpen", "dis
 }, $l = {
   name: "MuiSelect",
   overridesResolver: (e, t) => t.root,
-  shouldForwardProp: (e) => $t(e) && e !== "variant",
+  shouldForwardProp: (e) => It(e) && e !== "variant",
   slot: "Root"
 }, BO = U(Si, $l)(""), zO = U(ki, $l)(""), WO = U(Oi, $l)(""), Wr = /* @__PURE__ */ x.forwardRef(function(t, o) {
   const r = be({
@@ -24545,7 +24545,7 @@ const Ff = (e) => /* @__PURE__ */ p.jsxs(
     letterSpacing: "-0.015rem",
     lineHeight: "normal"
   }
-}, cE = ll(It)(({ customVariant: e }) => lE[e]), et = ({
+}, cE = ll(Mt)(({ customVariant: e }) => lE[e]), et = ({
   variant: e = "xlMedium",
   children: t,
   onClick: o,
@@ -26169,7 +26169,7 @@ const ZE = ve("MuiPickersToolbar", ["root", "content"]), JE = ["children", "clas
     className: ue(f.root, i),
     ownerState: d
   }, u, {
-    children: [/* @__PURE__ */ p.jsx(It, {
+    children: [/* @__PURE__ */ p.jsx(Mt, {
       color: "text.secondary",
       variant: "overline",
       id: c,
@@ -26197,7 +26197,7 @@ const oR = ["value", "isLandscape", "onChange", "toolbarFormat", "toolbarPlaceho
   name: "MuiDatePickerToolbar",
   slot: "Root",
   overridesResolver: (e, t) => t.root
-})({}), iR = U(It, {
+})({}), iR = U(Mt, {
   name: "MuiDatePickerToolbar",
   slot: "Title",
   overridesResolver: (e, t) => t.title
@@ -31199,7 +31199,7 @@ const hP = ["parentProps", "day", "focusableDay", "selectedDays", "isDateDisable
   display: "flex",
   justifyContent: "center",
   alignItems: "center"
-}), xP = U(It, {
+}), xP = U(Mt, {
   name: "MuiDayCalendar",
   slot: "WeekDayLabel",
   overridesResolver: (e, t) => t.weekDayLabel
@@ -31214,7 +31214,7 @@ const hP = ["parentProps", "day", "focusableDay", "selectedDays", "isDateDisable
   justifyContent: "center",
   alignItems: "center",
   color: (e.vars || e).palette.text.secondary
-})), CP = U(It, {
+})), CP = U(Mt, {
   name: "MuiDayCalendar",
   slot: "WeekNumberLabel",
   overridesResolver: (e, t) => t.weekNumberLabel
@@ -31229,7 +31229,7 @@ const hP = ["parentProps", "day", "focusableDay", "selectedDays", "isDateDisable
   justifyContent: "center",
   alignItems: "center",
   color: e.palette.text.disabled
-})), wP = U(It, {
+})), wP = U(Mt, {
   name: "MuiDayCalendar",
   slot: "WeekNumber",
   overridesResolver: (e, t) => t.weekNumber
@@ -32406,7 +32406,7 @@ const eD = ["children", "className", "slots", "slotProps", "isNextDisabled", "is
   }, w, {
     children: [/* @__PURE__ */ p.jsx(k, m({}, N, {
       children: r ? /* @__PURE__ */ p.jsx($, m({}, I)) : /* @__PURE__ */ p.jsx(M, m({}, A))
-    })), i ? /* @__PURE__ */ p.jsx(It, {
+    })), i ? /* @__PURE__ */ p.jsx(Mt, {
       variant: "subtitle1",
       component: "span",
       id: C,
@@ -34061,7 +34061,7 @@ const Va = ve("MuiPickersToolbarText", ["root", "selected"]), MD = ["className",
   return ye({
     root: ["root", o && "selected"]
   }, DD, t);
-}, $D = U(It, {
+}, $D = U(Mt, {
   name: "MuiPickersToolbarText",
   slot: "Root",
   overridesResolver: (e, t) => [t.root, {
@@ -38832,7 +38832,7 @@ const SI = ({
                 boxShadow: "0px 0px 1px 0px rgba(0, 0, 0, 0.40)"
               },
               children: /* @__PURE__ */ p.jsxs(
-                It,
+                Mt,
                 {
                   sx: {
                     fontSize: "0.75rem",
@@ -39143,7 +39143,7 @@ const SI = ({
 var Qm = { exports: {} };
 (function(e, t) {
   (function(o, r) {
-    e.exports = r(Mt);
+    e.exports = r(jt);
   })(wn, function(o) {
     return function(r) {
       var s = {};
@@ -39371,7 +39371,7 @@ const lI = /* @__PURE__ */ Gn(aI), yd = U(kt)(({}) => ({
   onCheckboxClick: c = () => {
   }
 }) => {
-  const u = e.split(" ").map((g) => g[0]).join(""), d = o === "small" ? 40 : o === "medium" ? 60 : 80, [f, h] = Mt.useState(!1), y = () => {
+  const u = e.split(" ").map((g) => g[0]).join(""), d = o === "small" ? 40 : o === "medium" ? 60 : 80, [f, h] = jt.useState(!1), y = () => {
     h(!f), c();
   };
   return /* @__PURE__ */ p.jsx(p.Fragment, { children: l !== "webchat" ? /* @__PURE__ */ p.jsxs(yd, { className: f ? "checked" : "", children: [
@@ -39681,34 +39681,42 @@ const lI = /* @__PURE__ */ Gn(aI), yd = U(kt)(({}) => ({
 })), AI = ({
   boxSx: e,
   icon: t,
-  iconPosition: o,
+  iconPosition: o = "before",
   avatar: r,
-  avatarPosition: s,
+  avatarPosition: s = "before",
   radioButton: i,
-  radioButtonPosition: a,
+  radioButtonPosition: a = "before",
   checkBox: l,
-  checkBoxPosition: c,
-  label: u,
-  onCheckboxClick: d,
-  onClose: f,
-  labelProps: h
-}) => {
-  const [y, g] = Mt.useState(!1), b = () => {
-    g(!y), d && d();
-  };
-  return /* @__PURE__ */ p.jsxs(bI, { direction: "row", alignItems: "center", sx: e, children: [
-    r && s === "before" && /* @__PURE__ */ p.jsx(Cd, { size: "small", name: u || "" }),
-    i && a === "before" && /* @__PURE__ */ p.jsx(Ba, { checked: y, onChange: b }),
-    l && c === "before" && /* @__PURE__ */ p.jsx(gd, { checked: y, onChange: b }),
-    t && o === "before" && /* @__PURE__ */ p.jsx(Qt, { children: t }),
-    /* @__PURE__ */ p.jsx(et, { variant: "lMedium", ...h, children: u }),
-    t && o === "after" && /* @__PURE__ */ p.jsx(Qt, { children: t }),
-    l && c === "after" && /* @__PURE__ */ p.jsx(gd, { checked: y, onChange: b }),
-    i && a === "after" && /* @__PURE__ */ p.jsx(Ba, { checked: y, onChange: b }),
-    r && s === "after" && /* @__PURE__ */ p.jsx(Cd, { size: "small", name: u || "" }),
-    f && /* @__PURE__ */ p.jsx(Qt, { onClick: f, sx: { margin: 0, padding: "0.125rem" }, children: /* @__PURE__ */ p.jsx(Ui, { height: 20, width: 20 }) })
-  ] });
-}, FI = ({
+  checkBoxPosition: c = "before",
+  value: u,
+  label: d,
+  onClick: f,
+  onClose: h,
+  isChecked: y,
+  labelProps: g
+}) => /* @__PURE__ */ p.jsxs(
+  bI,
+  {
+    direction: "row",
+    alignItems: "center",
+    onClick: () => {
+      f && f(u);
+    },
+    sx: e,
+    children: [
+      r && s === "before" && /* @__PURE__ */ p.jsx(Cd, { size: "small", name: d || "" }),
+      i && a === "before" && /* @__PURE__ */ p.jsx(Ba, { checked: y }),
+      l && c === "before" && /* @__PURE__ */ p.jsx(gd, { checked: y }),
+      t && o === "before" && /* @__PURE__ */ p.jsx(Qt, { children: t }),
+      /* @__PURE__ */ p.jsx(et, { variant: "lMedium", ...g, children: d }),
+      t && o === "after" && /* @__PURE__ */ p.jsx(Qt, { children: t }),
+      l && c === "after" && /* @__PURE__ */ p.jsx(gd, { checked: y }),
+      i && a === "after" && /* @__PURE__ */ p.jsx(Ba, { checked: y }),
+      r && s === "after" && /* @__PURE__ */ p.jsx(Cd, { size: "small", name: d || "" }),
+      h && /* @__PURE__ */ p.jsx(Qt, { onClick: h, sx: { margin: 0, padding: "0.125rem" }, children: /* @__PURE__ */ p.jsx(Ui, { height: 20, width: 20 }) })
+    ]
+  }
+), FI = ({
   title: e,
   currentMenu: t,
   titleProps: o,
@@ -39725,11 +39733,11 @@ const lI = /* @__PURE__ */ Gn(aI), yd = U(kt)(({}) => ({
     sx: {
       backgroundColor: dt.colors.surface_white,
       minWidth: "200px",
-      padding: "1rem",
+      // padding: "1rem",
       ...l
     },
     children: [
-      /* @__PURE__ */ p.jsx(
+      e && /* @__PURE__ */ p.jsx(
         $e,
         {
           sx: {