@kashifd/jwero-components 0.8.39 → 0.8.40

package/dist/index.es.js

@@ -28034,8 +28034,8 @@ const Ra = () => {
   return H.useMemo(() => N({}, e, {
     localeText: t
   }), [e, t]);
-}, Ut = () => Ra().utils, Ia = () => Ra().defaultDates, mn = () => Ra().localeText, Li = (e) => {
-  const t = Ut(), r = H.useRef();
+}, Xt = () => Ra().utils, Ia = () => Ra().defaultDates, mn = () => Ra().localeText, Li = (e) => {
+  const t = Xt(), r = H.useRef();
   return r.current === void 0 && (r.current = t.date(void 0, e)), r.current;
 };
 function Yb(e) {
@@ -28173,7 +28173,7 @@ const qO = ["value", "isLandscape", "onChange", "toolbarFormat", "toolbarPlaceho
     toolbarPlaceholder: g = "––",
     views: b,
     className: v
-  } = a, w = Be(a, qO), S = Ut(), O = mn(), j = QO(a), M = H.useMemo(() => {
+  } = a, w = Be(a, qO), S = Xt(), O = mn(), j = QO(a), M = H.useMemo(() => {
     if (!s)
       return g;
     const E = sc(S, {
@@ -28247,7 +28247,7 @@ process.env.NODE_ENV !== "production" && (Vb.propTypes = {
   views: i.arrayOf(i.oneOf(["day", "month", "year"]).isRequired).isRequired
 });
 function JO(e, t) {
-  const r = Ut(), a = Ia(), s = et({
+  const r = Xt(), a = Ia(), s = et({
     props: e,
     name: t
   }), c = H.useMemo(() => {
@@ -28558,7 +28558,7 @@ const th = ({
   onChange: a,
   valueManager: s
 }) => {
-  const c = Ut(), u = H.useRef(r), g = t ?? u.current ?? s.emptyValue, b = H.useMemo(() => s.getTimezone(c, g), [c, s, g]), v = st((j) => b == null ? j : s.setTimezone(c, b, j)), w = e ?? b ?? "default", S = H.useMemo(() => s.setTimezone(c, w, g), [s, c, w, g]), O = st((j, ...M) => {
+  const c = Xt(), u = H.useRef(r), g = t ?? u.current ?? s.emptyValue, b = H.useMemo(() => s.getTimezone(c, g), [c, s, g]), v = st((j) => b == null ? j : s.setTimezone(c, b, j)), w = e ?? b ?? "default", S = H.useMemo(() => s.setTimezone(c, w, g), [s, c, w, g]), O = st((j, ...M) => {
     const R = v(j);
     a == null || a(R, ...M);
   });
@@ -28639,7 +28639,7 @@ const th = ({
     !O && S !== b && console.error(["MUI X: A component is changing the defaultValue of an uncontrolled picker after being initialized. To suppress this warning opt to use a controlled value."].join(`
 `));
   }, [JSON.stringify(S)]));
-  const j = Ut(), M = Ra(), {
+  const j = Xt(), M = Ra(), {
     isOpen: R,
     setIsOpen: E
   } = cD(e), {
@@ -29447,7 +29447,7 @@ const OD = ["props", "getOpenDialogAriaText"], DD = ["ownerState"], MD = ["owner
     autoFocus: W,
     localeText: V,
     reduceAnimations: F
-  } = t, G = Ut(), K = H.useRef(null), ae = H.useRef(null), ee = Co(), U = ((ye = c == null ? void 0 : c.toolbar) == null ? void 0 : ye.hidden) ?? !1, {
+  } = t, G = Xt(), K = H.useRef(null), ae = H.useRef(null), ee = Co(), U = ((ye = c == null ? void 0 : c.toolbar) == null ? void 0 : ye.hidden) ?? !1, {
     open: oe,
     actions: fe,
     hasUIView: J,
@@ -29738,7 +29738,7 @@ const OD = ["props", "getOpenDialogAriaText"], DD = ["ownerState"], MD = ["owner
     sections: a
   }));
 }, YD = (e) => {
-  const t = Ut(), r = mn(), a = Ra(), s = qr(), {
+  const t = Xt(), r = mn(), a = Ra(), s = qr(), {
     valueManager: c,
     fieldValueManager: u,
     valueType: g,
@@ -29927,7 +29927,7 @@ const OD = ["props", "getOpenDialogAriaText"], DD = ["ownerState"], MD = ["owner
   setTempAndroidValueStr: s,
   timezone: c
 }) => {
-  const u = Ut(), [g, b] = H.useState(null), v = st(() => b(null));
+  const u = Xt(), [g, b] = H.useState(null), v = st(() => b(null));
   H.useEffect(() => {
     var M;
     g != null && ((M = e[g.sectionIndex]) == null ? void 0 : M.type) !== g.sectionType && v();
@@ -30104,7 +30104,7 @@ const OD = ["props", "getOpenDialogAriaText"], DD = ["ownerState"], MD = ["owner
     sectionOrder: F,
     areAllSectionsEmpty: G,
     sectionsValueBoundaries: K
-  } = e, ae = H.useRef(null), ee = Ht(a, ae), U = mn(), oe = Ut(), fe = Co(), [J, $] = H.useState(!1), Z = H.useMemo(() => ({
+  } = e, ae = H.useRef(null), ee = Ht(a, ae), U = mn(), oe = Xt(), fe = Co(), [J, $] = H.useState(!1), Z = H.useMemo(() => ({
     syncSelectionToDOM: () => {
       if (!ae.current)
         return;
@@ -30490,7 +30490,7 @@ const OD = ["props", "getOpenDialogAriaText"], DD = ["ownerState"], MD = ["owner
     }
   };
 }, ah = (e) => {
-  const t = Ut(), {
+  const t = Xt(), {
     internalProps: r,
     internalProps: {
       unstableFieldRef: a,
@@ -30623,7 +30623,7 @@ const OD = ["props", "getOpenDialogAriaText"], DD = ["ownerState"], MD = ["owner
     internalProps: a
   };
 }, ZD = (e) => {
-  const t = Ut(), r = Ia();
+  const t = Xt(), r = Ia();
   return N({}, e, {
     disablePast: e.disablePast ?? !1,
     disableFuture: e.disableFuture ?? !1,
@@ -30632,14 +30632,14 @@ const OD = ["props", "getOpenDialogAriaText"], DD = ["ownerState"], MD = ["owner
     maxDate: rn(t, e.maxDate, r.maxDate)
   });
 }, JD = (e) => {
-  const t = Ut(), a = e.ampm ?? t.is12HourCycleInCurrentLocale() ? t.formats.fullTime12h : t.formats.fullTime24h;
+  const t = Xt(), a = e.ampm ?? t.is12HourCycleInCurrentLocale() ? t.formats.fullTime12h : t.formats.fullTime24h;
   return N({}, e, {
     disablePast: e.disablePast ?? !1,
     disableFuture: e.disableFuture ?? !1,
     format: e.format ?? a
   });
 }, _D = (e) => {
-  const t = Ut(), r = Ia(), s = e.ampm ?? t.is12HourCycleInCurrentLocale() ? t.formats.keyboardDateTime12h : t.formats.keyboardDateTime24h;
+  const t = Xt(), r = Ia(), s = e.ampm ?? t.is12HourCycleInCurrentLocale() ? t.formats.keyboardDateTime12h : t.formats.keyboardDateTime24h;
   return N({}, e, {
     disablePast: e.disablePast ?? !1,
     disableFuture: e.disableFuture ?? !1,
@@ -32603,7 +32603,7 @@ const lv = ({
     reduceAnimations: v,
     shouldDisableDate: w,
     timezone: S
-  } = e, O = Ut(), j = H.useRef(WM(!!v, c, O)).current, M = H.useMemo(
+  } = e, O = Xt(), j = H.useRef(WM(!!v, c, O)).current, M = H.useMemo(
     () => pn.getInitialReferenceValue({
       value: t,
       utils: O,
@@ -32836,7 +32836,7 @@ const la = $e("MuiPickersDay", ["root", "dayWithMargin", "dayOutsideMonth", "hid
     selected: W,
     showDaysOutsideCurrentMonth: V,
     today: G
-  }), ee = QM(ae), U = Ut(), oe = H.useRef(null), fe = Ht(oe, r);
+  }), ee = QM(ae), U = Xt(), oe = H.useRef(null), fe = Ht(oe, r);
   jr(() => {
     s && !g && !w && !P && oe.current.focus();
   }, [s, g, w, P]);
@@ -33245,7 +33245,7 @@ function mP(e) {
     slots: j,
     slotProps: M,
     timezone: R
-  } = t, E = Ut(), L = Li(R), P = a !== null && E.isSameDay(r, a), W = s.some((fe) => E.isSameDay(fe, r)), V = E.isSameDay(r, L), F = (j == null ? void 0 : j.day) ?? JM, G = Nt({
+  } = t, E = Xt(), L = Li(R), P = a !== null && E.isSameDay(r, a), W = s.some((fe) => E.isSameDay(fe, r)), V = E.isSameDay(r, L), F = (j == null ? void 0 : j.day) ?? JM, G = Nt({
     elementType: F,
     externalSlotProps: M == null ? void 0 : M.day,
     additionalProps: N({
@@ -33285,7 +33285,7 @@ function bP(e) {
   const t = et({
     props: e,
     name: "MuiDayCalendar"
-  }), r = Ut(), {
+  }), r = Xt(), {
     onFocusedDayChange: a,
     className: s,
     currentMonth: c,
@@ -33604,7 +33604,7 @@ const SP = ["className", "value", "defaultValue", "referenceDate", "disabled", "
   }, kP, t);
 };
 function OP(e, t) {
-  const r = Ut(), a = Ia(), s = et({
+  const r = Xt(), a = Ia(), s = et({
     props: e,
     name: t
   });
@@ -33662,7 +33662,7 @@ const DP = Te("div", {
     defaultValue: u,
     onChange: j,
     valueManager: pn
-  }), J = Li(fe), $ = qr(), Z = Ut(), ne = H.useMemo(
+  }), J = Li(fe), $ = qr(), Z = Xt(), ne = H.useMemo(
     () => pn.getInitialReferenceValue({
       value: U,
       utils: Z,
@@ -33980,7 +33980,7 @@ const LP = ["autoFocus", "className", "value", "defaultValue", "referenceDate",
   }, NP, t);
 };
 function FP(e, t) {
-  const r = Ut(), a = Ia(), s = et({
+  const r = Xt(), a = Ia(), s = et({
     props: e,
     name: t
   });
@@ -34043,7 +34043,7 @@ const zP = Te("div", {
     defaultValue: g,
     onChange: M,
     valueManager: pn
-  }), J = Li(fe), $ = qr(), Z = Ut(), ne = H.useMemo(
+  }), J = Li(fe), $ = qr(), Z = Xt(), ne = H.useMemo(
     () => pn.getInitialReferenceValue({
       value: U,
       utils: Z,
@@ -34376,7 +34376,7 @@ function ZP(e, {
   maxDate: r,
   timezone: a
 }) {
-  const s = Ut();
+  const s = Xt();
   return H.useMemo(() => {
     const c = s.date(void 0, a), u = s.startOfMonth(t && s.isBefore(c, r) ? c : r);
     return !s.isAfter(u, e);
@@ -34387,14 +34387,14 @@ function JP(e, {
   minDate: r,
   timezone: a
 }) {
-  const s = Ut();
+  const s = Xt();
   return H.useMemo(() => {
     const c = s.date(void 0, a), u = s.startOfMonth(t && s.isAfter(c, r) ? c : r);
     return !s.isBefore(u, e);
   }, [t, r, e, s, a]);
 }
 function ph(e, t, r, a) {
-  const s = Ut(), c = AO(e, s), u = H.useCallback((g) => {
+  const s = Xt(), c = AO(e, s), u = H.useCallback((g) => {
     const b = e == null ? null : wO(e, g, !!t, s);
     r(b, a ?? "partial");
   }, [t, e, r, a, s]);
@@ -34475,7 +34475,7 @@ const _P = ["slots", "slotProps", "currentMonth", "disabled", "disableFuture", "
   transition: e.transitions.create("transform"),
   transform: "rotate(0deg)"
 })), mv = /* @__PURE__ */ H.forwardRef(function(t, r) {
-  const a = mn(), s = Ut(), c = et({
+  const a = mn(), s = Xt(), c = et({
     props: t,
     name: "MuiPickersCalendarHeader"
   }), {
@@ -34633,7 +34633,7 @@ const sE = ["autoFocus", "onViewChange", "value", "defaultValue", "referenceDate
   }, iE, t);
 };
 function cE(e, t) {
-  const r = Ut(), a = Ia(), s = Ub(), c = et({
+  const r = Xt(), a = Ia(), s = Ub(), c = et({
     props: e,
     name: t
   });
@@ -34664,7 +34664,7 @@ const dE = Te(gh, {
   slot: "ViewTransitionContainer",
   overridesResolver: (e, t) => t.viewTransitionContainer
 })({}), bv = /* @__PURE__ */ H.forwardRef(function(t, r) {
-  const a = Ut(), s = Co(), c = cE(t, "MuiDateCalendar"), {
+  const a = Xt(), s = Co(), c = cE(t, "MuiDateCalendar"), {
     autoFocus: u,
     onViewChange: g,
     value: b,
@@ -35166,7 +35166,7 @@ const ui = ({
   timezone: he
 }), vv = /* @__PURE__ */ H.forwardRef(function(t, r) {
   var v, w;
-  const a = mn(), s = Ut(), c = JO(t, "MuiDesktopDatePicker"), u = N({
+  const a = mn(), s = Xt(), c = JO(t, "MuiDesktopDatePicker"), u = N({
     day: ui,
     month: ui,
     year: ui
@@ -36282,7 +36282,7 @@ function wv(e) {
     className: E
   } = t, L = Be(t, OE), P = qr(), W = N({}, t, {
     isRtl: P
-  }), V = Ut(), {
+  }), V = Xt(), {
     meridiemMode: F,
     handleMeridiemChange: G
   } = ph(s, r, c), K = !!(r && !a), ae = M === "desktop", ee = mn(), U = DE(W), oe = R ?? ee.dateTimePickerToolbarTitle, fe = ($) => r ? V.format($, "hours12h") : V.format($, "hours24h"), J = H.useMemo(() => s ? v ? V.formatByString(s, v) : V.format(s, "shortDate") : w, [s, v, w, V]);
@@ -36434,7 +36434,7 @@ process.env.NODE_ENV !== "production" && (wv.propTypes = {
 });
 function jE(e, t) {
   var g;
-  const r = Ut(), a = Ia(), s = et({
+  const r = Xt(), a = Ia(), s = et({
     props: e,
     name: t
   }), c = s.ampm ?? r.is12HourCycleInCurrentLocale(), u = H.useMemo(() => {
@@ -36603,7 +36603,7 @@ const HE = $e("MuiDigitalClock", ["root", "list", "item"]), WE = ["ampm", "timeS
     backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.focusOpacity})` : so(e.palette.primary.main, e.palette.action.focusOpacity)
   }
 })), Sv = /* @__PURE__ */ H.forwardRef(function(t, r) {
-  const a = Ut(), s = H.useRef(null), c = Ht(r, s), u = et({
+  const a = Xt(), s = H.useRef(null), c = Ht(r, s), u = et({
     props: t,
     name: "MuiDigitalClock"
   }), {
@@ -37090,7 +37090,7 @@ const QE = $e("MuiMultiSectionDigitalClockSection", ["root", "item"]), KE = ["au
   width: "100%",
   borderBottom: `1px solid ${(e.vars || e).palette.divider}`
 })), Tv = /* @__PURE__ */ H.forwardRef(function(t, r) {
-  const a = Ut(), s = qr(), c = et({
+  const a = Xt(), s = qr(), c = et({
     props: t,
     name: "MuiMultiSectionDigitalClock"
   }), {
@@ -37726,7 +37726,7 @@ const oR = ["openTo", "focusedView", "timeViewsCount"], aR = function(t, r, a) {
   });
 }, Mv = /* @__PURE__ */ H.forwardRef(function(t, r) {
   var P, W, V, F;
-  const a = mn(), s = Ut(), c = jE(t, "MuiDesktopDateTimePicker"), {
+  const a = mn(), s = Xt(), c = jE(t, "MuiDesktopDateTimePicker"), {
     shouldRenderTimeInASingleColumn: u,
     thresholdToRenderTimeInASingleColumn: g,
     views: b,
@@ -38561,7 +38561,7 @@ function Ev(e) {
     disabled: w,
     readOnly: S,
     className: O
-  } = t, j = Be(t, cR), M = Ut(), R = mn(), E = qr(), L = !!(r && !a && v.includes("hours")), {
+  } = t, j = Be(t, cR), M = Xt(), R = mn(), E = qr(), L = !!(r && !a && v.includes("hours")), {
     meridiemMode: P,
     handleMeridiemChange: W
   } = ph(s, r, u), V = (ae) => r ? M.format(ae, "hours12h") : M.format(ae, "hours24h"), F = N({}, t, {
@@ -38677,7 +38677,7 @@ process.env.NODE_ENV !== "production" && (Ev.propTypes = {
 });
 function gR(e, t) {
   var u;
-  const r = Ut(), a = et({
+  const r = Xt(), a = et({
     props: e,
     name: t
   }), s = a.ampm ?? r.is12HourCycleInCurrentLocale(), c = H.useMemo(() => {
@@ -38710,7 +38710,7 @@ function gR(e, t) {
 }
 const Rv = /* @__PURE__ */ H.forwardRef(function(t, r) {
   var L, P, W, V;
-  const a = mn(), s = Ut(), c = gR(t, "MuiDesktopTimePicker"), {
+  const a = mn(), s = Xt(), c = gR(t, "MuiDesktopTimePicker"), {
     shouldRenderTimeInASingleColumn: u,
     views: g,
     timeSteps: b
@@ -46652,7 +46652,7 @@ const za = ({ stroke: e = "#000", ...t }) => /* @__PURE__ */ m.jsxs(
       )
     ]
   }
-), Xt = ({
+), Ut = ({
   children: e,
   title: t,
   placement: r = "bottom",
@@ -46933,7 +46933,7 @@ const az = Te(eo)(({ theme: e }) => ({
               children: e
             }
           ),
-          O && /* @__PURE__ */ m.jsx(Xt, { title: O, children: /* @__PURE__ */ m.jsx($c, { height: 18, width: 18 }) })
+          O && /* @__PURE__ */ m.jsx(Ut, { title: O, children: /* @__PURE__ */ m.jsx($c, { height: 18, width: 18 }) })
         ] }),
         g && g
       ] }),
@@ -47073,7 +47073,7 @@ const az = Te(eo)(({ theme: e }) => ({
                     cursor: (ne = J == null ? void 0 : J.disableProps) != null && ne.disable ? "not-allowed" : "pointer",
                     padding: "0.45rem 1.5rem"
                   },
-                  children: /* @__PURE__ */ m.jsx(Xt, { title: (J == null ? void 0 : J.tooltip) ?? "", children: /* @__PURE__ */ m.jsx(rt, { sx: { fontSize: "0.8rem" }, children: J == null ? void 0 : J.label }) })
+                  children: /* @__PURE__ */ m.jsx(Ut, { title: (J == null ? void 0 : J.tooltip) ?? "", children: /* @__PURE__ */ m.jsx(rt, { sx: { fontSize: "0.8rem" }, children: J == null ? void 0 : J.label }) })
                 },
                 J.value
               );
@@ -47502,7 +47502,7 @@ const az = Te(eo)(({ theme: e }) => ({
               sx: { padding: "0.25rem 1rem" },
               children: [
                 /* @__PURE__ */ m.jsx(rt, { variant: "xlSemibold", children: "Select date" }),
-                /* @__PURE__ */ m.jsx(Kt, { onClick: ee, sx: { padding: "0.3rem" }, children: /* @__PURE__ */ m.jsx(Xt, { title: "Close", children: /* @__PURE__ */ m.jsx(za, {}) }) })
+                /* @__PURE__ */ m.jsx(Kt, { onClick: ee, sx: { padding: "0.3rem" }, children: /* @__PURE__ */ m.jsx(Ut, { title: "Close", children: /* @__PURE__ */ m.jsx(za, {}) }) })
               ]
             }
           ),
@@ -48782,7 +48782,7 @@ const JW = ({
                                   P.icon && P.iconAtStart && P.icon,
                                   !P.onlyIcon && /* @__PURE__ */ m.jsx(rt, { children: P.label }),
                                   P.icon && !P.iconAtStart && P.icon,
-                                  (P == null ? void 0 : P.tooltip) && /* @__PURE__ */ m.jsx(Xt, { title: P == null ? void 0 : P.tooltip, children: /* @__PURE__ */ m.jsx(Kt, { sx: { padding: "0.25rem" }, children: /* @__PURE__ */ m.jsx($c, { height: 16, width: 16 }) }) }),
+                                  (P == null ? void 0 : P.tooltip) && /* @__PURE__ */ m.jsx(Ut, { title: P == null ? void 0 : P.tooltip, children: /* @__PURE__ */ m.jsx(Kt, { sx: { padding: "0.25rem" }, children: /* @__PURE__ */ m.jsx($c, { height: 16, width: 16 }) }) }),
                                   P.count && /* @__PURE__ */ m.jsx(
                                     je,
                                     {
@@ -48966,7 +48966,7 @@ const JW = ({
                                       G.icon && G.iconAtStart && G.icon,
                                       !G.onlyIcon && /* @__PURE__ */ m.jsx(rt, { children: G.label }),
                                       G.icon && !G.iconAtStart && G.icon,
-                                      (G == null ? void 0 : G.tooltip) && /* @__PURE__ */ m.jsx(Xt, { title: G == null ? void 0 : G.tooltip, children: /* @__PURE__ */ m.jsx(Kt, { sx: { padding: "0.25rem" }, children: /* @__PURE__ */ m.jsx($c, { height: 16, width: 16 }) }) }),
+                                      (G == null ? void 0 : G.tooltip) && /* @__PURE__ */ m.jsx(Ut, { title: G == null ? void 0 : G.tooltip, children: /* @__PURE__ */ m.jsx(Kt, { sx: { padding: "0.25rem" }, children: /* @__PURE__ */ m.jsx($c, { height: 16, width: 16 }) }) }),
                                       G.count && /* @__PURE__ */ m.jsx(
                                         je,
                                         {
@@ -49073,7 +49073,7 @@ const JW = ({
         var v, w, S, O;
         const g = u === 0, b = u === e.length - 1;
         return /* @__PURE__ */ m.jsx(
-          Xt,
+          Ut,
           {
             title: (c == null ? void 0 : c.tooltip) || "",
             childrenSx: { height: "100%", width: "100%" },
@@ -49586,7 +49586,7 @@ const Rz = /* @__PURE__ */ ea(Ez), Iz = ({ ...e }) => /* @__PURE__ */ m.jsxs(
       className: O ? "checked" : "",
       children: [
         /* @__PURE__ */ m.jsx($m, { className: "overlay" }),
-        /* @__PURE__ */ m.jsx(Xt, { title: M, children: /* @__PURE__ */ m.jsx(
+        /* @__PURE__ */ m.jsx(Ut, { title: M, children: /* @__PURE__ */ m.jsx(
           Hz,
           {
             src: t && (t == null ? void 0 : t.trim()) !== "" ? t : void 0,
@@ -49786,7 +49786,7 @@ const Rz = /* @__PURE__ */ ea(Ez), Iz = ({ ...e }) => /* @__PURE__ */ m.jsxs(
             children: /* @__PURE__ */ m.jsx(je, { alignItems: "center", sx: { gap: "1rem" }, children: mr.isArrayWithValues(t) && t.map((g) => {
               var b;
               return /* @__PURE__ */ m.jsx(
-                Xt,
+                Ut,
                 {
                   title: g.label,
                   placement: "right",
@@ -49848,7 +49848,7 @@ const Rz = /* @__PURE__ */ ea(Ez), Iz = ({ ...e }) => /* @__PURE__ */ m.jsxs(
           }
         ),
         /* @__PURE__ */ m.jsx(je, { alignItems: "center", sx: { gap: "1rem" }, children: mr.isArrayWithValues(r) && r.map((g) => /* @__PURE__ */ m.jsx(
-          Xt,
+          Ut,
           {
             title: g.label,
             placement: "right",
@@ -50301,7 +50301,7 @@ const Rz = /* @__PURE__ */ ea(Ez), Iz = ({ ...e }) => /* @__PURE__ */ m.jsxs(
             }
           },
           onClick: fe,
-          children: /* @__PURE__ */ m.jsx(Xt, { title: "Scroll left", enterDelay: 1500, children: /* @__PURE__ */ m.jsx(pz, { sx: { color: "#000" } }) })
+          children: /* @__PURE__ */ m.jsx(Ut, { title: "Scroll left", enterDelay: 1500, children: /* @__PURE__ */ m.jsx(pz, { sx: { color: "#000" } }) })
         }
       ),
       G && /* @__PURE__ */ m.jsx(
@@ -50323,7 +50323,7 @@ const Rz = /* @__PURE__ */ ea(Ez), Iz = ({ ...e }) => /* @__PURE__ */ m.jsxs(
             }
           },
           onClick: oe,
-          children: /* @__PURE__ */ m.jsx(Xt, { title: "Scroll right", enterDelay: 1500, children: /* @__PURE__ */ m.jsx(gz, { sx: { color: "#000" } }) })
+          children: /* @__PURE__ */ m.jsx(Ut, { title: "Scroll right", enterDelay: 1500, children: /* @__PURE__ */ m.jsx(gz, { sx: { color: "#000" } }) })
         }
       )
     ] })
@@ -50334,7 +50334,7 @@ const Rz = /* @__PURE__ */ ea(Ez), Iz = ({ ...e }) => /* @__PURE__ */ m.jsxs(
   tableTitleNoLineBreak: r = !1
 }) => {
   const a = kt(), s = (t == null ? void 0 : t.trim()) !== "";
-  return /* @__PURE__ */ m.jsx(Xt, { title: s ? t : "", children: /* @__PURE__ */ m.jsx(
+  return /* @__PURE__ */ m.jsx(Ut, { title: s ? t : "", children: /* @__PURE__ */ m.jsx(
     rt,
     {
       sx: {
@@ -50573,7 +50573,7 @@ const Rz = /* @__PURE__ */ ea(Ez), Iz = ({ ...e }) => /* @__PURE__ */ m.jsxs(
                     (j = s.options) == null ? void 0 : j.map((M, R) => {
                       var E, L, P, W, V, F;
                       return /* @__PURE__ */ m.jsx(
-                        Xt,
+                        Ut,
                         {
                           title: M != null && M.tooltip ? M == null ? void 0 : M.tooltip : "",
                           placement: "right",
@@ -50642,35 +50642,36 @@ const Rz = /* @__PURE__ */ ea(Ez), Iz = ({ ...e }) => /* @__PURE__ */ m.jsxs(
   innerBoxSx: g,
   labelProps: b,
   menuSx: v,
-  popperSx: w,
-  popperProps: S
+  tooltip: w,
+  popperSx: S,
+  popperProps: O
 }) => {
-  const O = kt(), j = Qo(null), [M, R] = pr(!1), E = () => {
-    R(!0), t && t();
-  }, L = () => {
-    R(!1);
+  const j = kt(), M = Qo(null), [R, E] = pr(!1), L = () => {
+    E(!0), t && t();
+  }, P = () => {
+    E(!1);
   };
   return xo(() => {
-    r && R(!1);
+    r && E(!1);
   }, [r]), /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
-    /* @__PURE__ */ m.jsxs(
+    /* @__PURE__ */ m.jsx(Ut, { title: w || "", children: /* @__PURE__ */ m.jsxs(
       je,
       {
-        onClick: E,
-        ref: j,
+        onClick: L,
+        ref: M,
         direction: "row",
         alignItems: "center",
         justifyContent: "space-between",
         sx: {
           gap: "1rem",
           padding: "0.5rem 0.75rem 0.5rem 0.5rem",
-          backgroundColor: O.palette.background.paper,
+          backgroundColor: j.palette.background.paper,
           borderRadius: "0.5rem",
           border: "1px solid rgba(0, 0, 0, 0.08)",
           boxShadow: "0px 0px 1px 0px rgba(0, 0, 0, 0.40)",
           "&:hover": {
             cursor: "pointer",
-            bgcolor: O.palette.mode === "light" ? "#f5f5f5" : "#2e2d2d",
+            bgcolor: j.palette.mode === "light" ? "#f5f5f5" : "#2e2d2d",
             boxShadow: "0px 0px 1px 0px rgba(0, 0, 0, 0.50)"
           },
           ...u
@@ -50692,16 +50693,16 @@ const Rz = /* @__PURE__ */ ea(Ez), Iz = ({ ...e }) => /* @__PURE__ */ m.jsxs(
           c && c
         ]
       }
-    ),
+    ) }),
     /* @__PURE__ */ m.jsx(
       Zh,
       {
-        open: M,
-        onClose: L,
-        anchorEl: j == null ? void 0 : j.current,
+        open: R,
+        onClose: P,
+        anchorEl: M == null ? void 0 : M.current,
         placement: "bottom-start",
-        boxSx: { boxShadow: "none", ...w },
-        popperProps: S,
+        boxSx: { boxShadow: "none", ...S },
+        popperProps: O,
         children: /* @__PURE__ */ m.jsx(my, { menuList: a, boxSx: { boxShadow: 2, ...v } })
       }
     )
@@ -59863,7 +59864,7 @@ const aH = ({ name: e, data: t, labels: r }) => {
                     ) : /* @__PURE__ */ m.jsx(rt, { variant: "xxlSemibold", ...c, children: e == null ? void 0 : e.total_number }),
                     (t || a && (e == null ? void 0 : e.subData)) && /* @__PURE__ */ m.jsxs(je, { sx: { gap: "0.75rem", width: "100%" }, children: [
                       t && /* @__PURE__ */ m.jsx(
-                        Xt,
+                        Ut,
                         {
                           title: O ? (R = e == null ? void 0 : e.customChipProps) == null ? void 0 : R.label : "",
                           children: /* @__PURE__ */ m.jsx(
@@ -59995,7 +59996,7 @@ const aH = ({ name: e, data: t, labels: r }) => {
             sx: { gap: "1rem", height: "100%", overflowY: "auto", ...u },
             children: [
               /* @__PURE__ */ m.jsx(je, { sx: { gap: "1rem", ...S }, children: j ? E(M) : mr.isArrayWithValues(c) && c.map((L, P) => /* @__PURE__ */ m.jsx(
-                Xt,
+                Ut,
                 {
                   title: L.access ? "" : `You don't have permission to edit ${L.label.toLowerCase() || ""}`,
                   children: /* @__PURE__ */ m.jsxs(
@@ -60048,7 +60049,7 @@ const aH = ({ name: e, data: t, labels: r }) => {
                 `${L.value}_${P}`
               )) }),
               mr.isArrayWithValues(r || []) && /* @__PURE__ */ m.jsx(je, { sx: { gap: "1rem", mb: 2, ...O }, children: j ? E(Math.ceil(M / 2)) : r && r.map((L, P) => /* @__PURE__ */ m.jsx(
-                Xt,
+                Ut,
                 {
                   title: L.access ? "" : `You don't have permission to edit ${L.label.toLowerCase() || ""}`,
                   children: /* @__PURE__ */ m.jsxs(
@@ -60146,7 +60147,7 @@ const dY = ({
           transition: "0.3s ease"
         },
         children: [
-          /* @__PURE__ */ m.jsx(Xt, { title: e == null ? void 0 : e.tooltip, children: /* @__PURE__ */ m.jsx(
+          /* @__PURE__ */ m.jsx(Ut, { title: e == null ? void 0 : e.tooltip, children: /* @__PURE__ */ m.jsx(
             je,
             {
               onClick: e == null ? void 0 : e.onClick,
@@ -60172,7 +60173,7 @@ const dY = ({
               )
             }
           ) }),
-          /* @__PURE__ */ m.jsx(Xt, { title: t == null ? void 0 : t.tooltip, children: /* @__PURE__ */ m.jsx(
+          /* @__PURE__ */ m.jsx(Ut, { title: t == null ? void 0 : t.tooltip, children: /* @__PURE__ */ m.jsx(
             je,
             {
               onClick: w,
@@ -60500,7 +60501,7 @@ const Cy = (e, t = 10) => {
         boxShadow: "0px 4px 16px 0px rgba(0, 0, 0, 0.12)"
       },
       children: [
-        s && /* @__PURE__ */ m.jsx(Xt, { title: "Edit", children: /* @__PURE__ */ m.jsx(
+        s && /* @__PURE__ */ m.jsx(Ut, { title: "Edit", children: /* @__PURE__ */ m.jsx(
           Kt,
           {
             onClick: (b) => {
@@ -60516,7 +60517,7 @@ const Cy = (e, t = 10) => {
             )
           }
         ) }),
-        c && /* @__PURE__ */ m.jsx(Xt, { title: "Delete", children: /* @__PURE__ */ m.jsx(
+        c && /* @__PURE__ */ m.jsx(Ut, { title: "Delete", children: /* @__PURE__ */ m.jsx(
           Kt,
           {
             onClick: (b) => {
@@ -60681,7 +60682,7 @@ const Cy = (e, t = 10) => {
                   children: [
                     /* @__PURE__ */ m.jsx(s0, { contributors: (e == null ? void 0 : e.contributors) || [] }),
                     (e == null ? void 0 : e.dueDate) && /* @__PURE__ */ m.jsxs(je, { direction: "row", alignItems: "center", sx: { gap: "0.25rem" }, children: [
-                      /* @__PURE__ */ m.jsx(Xt, { title: "Due Date", children: /* @__PURE__ */ m.jsx(
+                      /* @__PURE__ */ m.jsx(Ut, { title: "Due Date", children: /* @__PURE__ */ m.jsx(
                         ev,
                         {
                           sx: { color: S.colors.text_secondary },
@@ -60747,7 +60748,7 @@ const Cy = (e, t = 10) => {
                     }
                   ),
                   /* @__PURE__ */ m.jsx(
-                    Xt,
+                    Ut,
                     {
                       title: ((ee = (ae = e == null ? void 0 : e.createdBy) == null ? void 0 : ae.name) == null ? void 0 : ee.length) > 30 ? (U = e == null ? void 0 : e.createdBy) == null ? void 0 : U.name : "",
                       children: /* @__PURE__ */ m.jsx(
@@ -60769,7 +60770,7 @@ const Cy = (e, t = 10) => {
               (e == null ? void 0 : e.createdAt) && /* @__PURE__ */ m.jsxs(je, { direction: "row", alignItems: "center", sx: { gap: "0.25rem" }, children: [
                 /* @__PURE__ */ m.jsx(rt, { variant: "lRegular", children: "On" }),
                 /* @__PURE__ */ m.jsxs(je, { direction: "row", alignItems: "center", sx: { gap: "0.25rem" }, children: [
-                  /* @__PURE__ */ m.jsx(Xt, { title: "Created At", children: /* @__PURE__ */ m.jsx(
+                  /* @__PURE__ */ m.jsx(Ut, { title: "Created At", children: /* @__PURE__ */ m.jsx(
                     pH,
                     {
                       stroke: S.colors.text_secondary,
@@ -60814,7 +60815,7 @@ const Cy = (e, t = 10) => {
   const t = kt();
   if (e.length === 0) return null;
   const r = ((c = e == null ? void 0 : e[0]) == null ? void 0 : c.name) || "", a = e == null ? void 0 : e.map((u) => u == null ? void 0 : u.name).join(", "), s = (e == null ? void 0 : e.length) - 1;
-  return mr.isArrayWithValues ? /* @__PURE__ */ m.jsx(Xt, { title: a, children: /* @__PURE__ */ m.jsxs(
+  return mr.isArrayWithValues ? /* @__PURE__ */ m.jsx(Ut, { title: a, children: /* @__PURE__ */ m.jsxs(
     je,
     {
       sx: {
@@ -61127,7 +61128,7 @@ const My = ({ ...e }) => /* @__PURE__ */ m.jsxs(
                     )
                   ] }),
                   /* @__PURE__ */ m.jsxs(je, { sx: { gap: "0.125rem" }, children: [
-                    M && /* @__PURE__ */ m.jsx(Xt, { title: `Transaction ID: ${M}`, children: /* @__PURE__ */ m.jsx(rt, { children: M }) }),
+                    M && /* @__PURE__ */ m.jsx(Ut, { title: `Transaction ID: ${M}`, children: /* @__PURE__ */ m.jsx(rt, { children: M }) }),
                     j && j
                   ] })
                 ]
@@ -61214,7 +61215,7 @@ const My = ({ ...e }) => /* @__PURE__ */ m.jsxs(
     website: /* @__PURE__ */ m.jsx(My, {}),
     sales_app: /* @__PURE__ */ m.jsx(Py, {})
   };
-  return mr.isArrayWithValues(e) ? /* @__PURE__ */ m.jsx(je, { direction: "row", alignItems: "center", sx: { gap: "0.125rem" }, children: e == null ? void 0 : e.map((r) => /* @__PURE__ */ m.jsx(Xt, { title: Ed(r), children: /* @__PURE__ */ m.jsx(Kt, { sx: { padding: "0.35rem" }, children: t[r] }) }, r)) }) : null;
+  return mr.isArrayWithValues(e) ? /* @__PURE__ */ m.jsx(je, { direction: "row", alignItems: "center", sx: { gap: "0.125rem" }, children: e == null ? void 0 : e.map((r) => /* @__PURE__ */ m.jsx(Ut, { title: Ed(r), children: /* @__PURE__ */ m.jsx(Kt, { sx: { padding: "0.35rem" }, children: t[r] }) }, r)) }) : null;
 }, NH = ({
   data: e,
   sx: t,
@@ -62177,7 +62178,7 @@ const _H = ({
                       padding: "0rem",
                       boxShadow: "0px 0px 1px 0px rgba(0, 0, 0, 0.40)"
                     },
-                    children: /* @__PURE__ */ m.jsx(Xt, { title: "Remove", children: /* @__PURE__ */ m.jsx(
+                    children: /* @__PURE__ */ m.jsx(Ut, { title: "Remove", children: /* @__PURE__ */ m.jsx(
                       za,
                       {
                         stroke: a.palette.error.main,
@@ -62191,7 +62192,7 @@ const _H = ({
             }
           ),
           /* @__PURE__ */ m.jsx(
-            Xt,
+            Ut,
             {
               title: ((g = c == null ? void 0 : c.name) == null ? void 0 : g.length) > 10 ? c.name : "",
               children: /* @__PURE__ */ m.jsx(
@@ -62231,7 +62232,7 @@ const _H = ({
           t && /* @__PURE__ */ m.jsx(bz, { sx: { color: r.colors.black } }),
           /* @__PURE__ */ m.jsx(rt, { variant: "xxlSemibold", children: "Add New Note" })
         ] }),
-        e && /* @__PURE__ */ m.jsx(Xt, { title: "Close", children: /* @__PURE__ */ m.jsx(Kt, { onClick: e, sx: { padding: "0.125rem" }, children: /* @__PURE__ */ m.jsx(za, {}) }) })
+        e && /* @__PURE__ */ m.jsx(Ut, { title: "Close", children: /* @__PURE__ */ m.jsx(Kt, { onClick: e, sx: { padding: "0.125rem" }, children: /* @__PURE__ */ m.jsx(za, {}) }) })
       ]
     }
   );
@@ -62284,7 +62285,7 @@ const _H = ({
             onChange: a
           }
         ),
-        /* @__PURE__ */ m.jsx(Kt, { onClick: e, children: /* @__PURE__ */ m.jsx(Xt, { title: "Attach", children: /* @__PURE__ */ m.jsx(eW, {}) }) })
+        /* @__PURE__ */ m.jsx(Kt, { onClick: e, children: /* @__PURE__ */ m.jsx(Ut, { title: "Attach", children: /* @__PURE__ */ m.jsx(eW, {}) }) })
       ] }),
       /* @__PURE__ */ m.jsx(
         Zo,
@@ -62628,7 +62629,7 @@ const iW = ({
         ) : u[s] || /* @__PURE__ */ m.jsx("span", { children: "No Preview" })
       }
     ),
-    /* @__PURE__ */ m.jsx(Xt, { title: (r == null ? void 0 : r.length) > 10 ? r : "", children: /* @__PURE__ */ m.jsx(
+    /* @__PURE__ */ m.jsx(Ut, { title: (r == null ? void 0 : r.length) > 10 ? r : "", children: /* @__PURE__ */ m.jsx(
       rt,
       {
         sx: {
@@ -62750,8 +62751,8 @@ const iW = ({
               transition: "0.3s ease"
             },
             children: [
-              /* @__PURE__ */ m.jsx(Xt, { title: "Edit", children: /* @__PURE__ */ m.jsx(Kt, { onClick: (b) => c({ e: b, note: e, isEdit: !0 }), children: /* @__PURE__ */ m.jsx(ky, {}) }) }),
-              /* @__PURE__ */ m.jsx(Xt, { title: "Delete", children: /* @__PURE__ */ m.jsx(Kt, { onClick: () => u(e), children: /* @__PURE__ */ m.jsx(Gf, { height: 14, width: 14 }) }) })
+              /* @__PURE__ */ m.jsx(Ut, { title: "Edit", children: /* @__PURE__ */ m.jsx(Kt, { onClick: (b) => c({ e: b, note: e, isEdit: !0 }), children: /* @__PURE__ */ m.jsx(ky, {}) }) }),
+              /* @__PURE__ */ m.jsx(Ut, { title: "Delete", children: /* @__PURE__ */ m.jsx(Kt, { onClick: () => u(e), children: /* @__PURE__ */ m.jsx(Gf, { height: 14, width: 14 }) }) })
             ]
           }
         )
@@ -63232,7 +63233,7 @@ const iW = ({
   if (!mr.isArrayWithValues(e))
     return null;
   const r = "Product viewed on - " + e.map((a) => Ed(a)).join(", ");
-  return /* @__PURE__ */ m.jsx(je, { width: "fit-content", children: /* @__PURE__ */ m.jsx(Xt, { title: r, children: /* @__PURE__ */ m.jsx(
+  return /* @__PURE__ */ m.jsx(je, { width: "fit-content", children: /* @__PURE__ */ m.jsx(Ut, { title: r, children: /* @__PURE__ */ m.jsx(
     je,
     {
       direction: "row",
@@ -63395,7 +63396,7 @@ const SW = ({
       {
         onClick: () => g(b.link),
         style: { cursor: "pointer", display: "flex", alignItems: "center" },
-        children: /* @__PURE__ */ m.jsx(Xt, { title: b.tooltip, children: b.icon })
+        children: /* @__PURE__ */ m.jsx(Ut, { title: b.tooltip, children: b.icon })
       },
       b.value
     )) })
@@ -64635,7 +64636,7 @@ export {
   _W as JweroTabs2,
   fY as JweroTaskCard,
   mY as JweroToggleButton,
-  Xt as JweroTooltip,
+  Ut as JweroTooltip,
   rt as JweroTypography,
   Yu as JweroUserAvatar,
   cY as JweroVerticalTabs,