master-components-react 4.3.14 → 4.3.15

package/dist/index.js

@@ -102,7 +102,7 @@ const hr = ({ loadingColor: r }) => /* @__PURE__ */ l(
       ] })
     }
   );
-}, Hr = "FormInput-module__inputWrapper", Wr = "FormInput-module__inputLabel", Ur = "FormInput-module__required", Gr = "FormInput-module__inputContainer", Kr = "FormInput-module__inputContent", Vr = "FormInput-module__inputTags", jr = "FormInput-module__focused", zr = "FormInput-module__error", Or = "FormInput-module__rightIcon", Zr = "FormInput-module__leftIcon", Yr = "FormInput-module__inputDropDown", qr = "FormInput-module__http", Xr = "FormInput-module__disabled", Jr = "FormInput-module__sm", Qr = "FormInput-module__md", et = "FormInput-module__withCopy", nt = "FormInput-module__inputHelperText", rt = "FormInput-module__Namespace_Hr", tt = "FormInput-module__dark", ve = {
+}, Hr = "FormInput-module__inputWrapper", Wr = "FormInput-module__inputLabel", Ur = "FormInput-module__required", Gr = "FormInput-module__inputContainer", Kr = "FormInput-module__inputContent", Vr = "FormInput-module__inputTags", jr = "FormInput-module__focused", Or = "FormInput-module__error", zr = "FormInput-module__rightIcon", Zr = "FormInput-module__leftIcon", Yr = "FormInput-module__inputDropDown", qr = "FormInput-module__http", Xr = "FormInput-module__disabled", Jr = "FormInput-module__sm", Qr = "FormInput-module__md", et = "FormInput-module__withCopy", nt = "FormInput-module__inputHelperText", rt = "FormInput-module__Namespace_Hr", tt = "FormInput-module__dark", ve = {
   inputWrapper: Hr,
   inputLabel: Wr,
   required: Ur,
@@ -110,8 +110,8 @@ const hr = ({ loadingColor: r }) => /* @__PURE__ */ l(
   inputContent: Kr,
   inputTags: Vr,
   focused: jr,
-  error: zr,
-  rightIcon: Or,
+  error: Or,
+  rightIcon: zr,
   leftIcon: Zr,
   inputDropDown: Yr,
   http: qr,
@@ -202,7 +202,7 @@ const hr = ({ loadingColor: r }) => /* @__PURE__ */ l(
   tagNumber: Ct,
   tagClose: wt,
   dark: kt
-}, zn = ({
+}, On = ({
   id: r,
   label: o,
   icon: t,
@@ -273,13 +273,13 @@ const hr = ({ loadingColor: r }) => /* @__PURE__ */ l(
   withLink: $,
   withCopy: d,
   onCopy: N,
-  inputWrapperStyle: z,
+  inputWrapperStyle: O,
   inputLabelStyle: q,
   requiredStyle: ae,
   inputContainerStyle: ye,
   leftIconStyle: _e,
   customActionStyle: ge,
-  inputDropDownStyle: O,
+  inputDropDownStyle: z,
   ulStyle: h,
   liStyle: A,
   httpStyle: P,
@@ -299,8 +299,8 @@ const hr = ({ loadingColor: r }) => /* @__PURE__ */ l(
   }, Me = () => {
     re(!1), b && typeof b == "function" && b();
   }, ee = (ie) => {
-    const be = ie.target.value, ze = be.length === 0;
-    p === "number" && (ie.keyCode === 69 || !ze && (ie.keyCode === 187 || ie.keyCode === 107 || ie.keyCode === 189 || ie.keyCode === 109)) && ie.preventDefault(), ie.key === "Enter" && be && be.length > 0 && H && typeof H == "function" && H(be);
+    const be = ie.target.value, Oe = be.length === 0;
+    p === "number" && (ie.keyCode === 69 || !Oe && (ie.keyCode === 187 || ie.keyCode === 107 || ie.keyCode === 189 || ie.keyCode === 109)) && ie.preventDefault(), ie.key === "Enter" && be && be.length > 0 && H && typeof H == "function" && H(be);
   }, Ce = () => {
     N && typeof N == "function" && N(r);
   }, Ge = (ie) => ie, Be = () => {
@@ -313,8 +313,8 @@ const hr = ({ loadingColor: r }) => /* @__PURE__ */ l(
   }, Qe = () => {
     const ie = he.current, be = ue.current;
     if (!be || !ie) return;
-    const ze = ie.getBoundingClientRect(), fn = window.innerHeight, Je = 80;
-    J && (be.style.position = "fixed", be.style.width = Je + "px", Y === "right" ? be.style.left = `${ze.right - Je / 2}px` : be.style.left = `${ze.left + Je / 2}px`, ze.bottom + be.offsetHeight > fn ? (be.style.top = `${window.scrollY + ze.top - be.offsetHeight}px`, be.style.bottom = "unset") : (be.style.top = `${window.scrollY + ze.bottom}px`, be.style.bottom = "unset"));
+    const Oe = ie.getBoundingClientRect(), fn = window.innerHeight, Je = 80;
+    J && (be.style.position = "fixed", be.style.width = Je + "px", Y === "right" ? be.style.left = `${Oe.right - Je / 2}px` : be.style.left = `${Oe.left + Je / 2}px`, Oe.bottom + be.offsetHeight > fn ? (be.style.top = `${window.scrollY + Oe.top - be.offsetHeight}px`, be.style.bottom = "unset") : (be.style.top = `${window.scrollY + Oe.bottom}px`, be.style.bottom = "unset"));
   };
   oe(() => {
     Qe();
@@ -326,7 +326,7 @@ const hr = ({ loadingColor: r }) => /* @__PURE__ */ l(
     cn.current ? setTimeout(() => {
       fe((ie) => !ie);
     }, 0) : cn.current = !0;
-  }, []), /* @__PURE__ */ l("div", { className: `${le === "dark" ? ve.dark : ""} ${ve[M]} ${ve.inputWrapper}`, style: z ?? {}, children: [
+  }, []), /* @__PURE__ */ l("div", { className: `${le === "dark" ? ve.dark : ""} ${ve[M]} ${ve.inputWrapper}`, style: O ?? {}, children: [
     o && /* @__PURE__ */ l("label", { className: ve.inputLabel, style: q ?? {}, children: [
       typeof o == "function" ? o() : o,
       /* @__PURE__ */ e("span", { className: ve.required, style: ae ?? {}, children: c && "*" })
@@ -356,14 +356,14 @@ const hr = ({ loadingColor: r }) => /* @__PURE__ */ l(
                 children: Ge(E)
               }
             ),
-            !$ && Q && /* @__PURE__ */ l("div", { className: ve.inputDropDown, style: O ?? {}, onClick: () => (Ae(!0), Qe()), ref: se, children: [
+            !$ && Q && /* @__PURE__ */ l("div", { className: ve.inputDropDown, style: z ?? {}, onClick: () => (Ae(!0), Qe()), ref: se, children: [
               L.find((ie) => ie.id === Pe).label,
               ke && /* @__PURE__ */ e("ul", { ref: ue, style: h ?? {}, children: L && L.length && L.map((ie, be) => /* @__PURE__ */ e("li", { style: A ?? {}, onClick: () => on(ie), children: ie?.label ?? "-" }, ie.id)) }),
               /* @__PURE__ */ e(hn, {})
             ] }),
             $ && /* @__PURE__ */ e("div", { className: `${ve.inputDropDown} ${ve.http}`, style: P ?? {}, onClick: () => Ae(!0), ref: se, children: "http://" }),
             /* @__PURE__ */ l("div", { className: ve.inputContent, children: [
-              R && W && W.length > 0 && /* @__PURE__ */ e("div", { className: ve.inputTags, children: W.map((ie, be) => /* @__PURE__ */ e("div", { className: ve.inputSingleTags, children: /* @__PURE__ */ e(zn, { ...n, id: ie, label: ie, withClose: !0 }) }, be)) }),
+              R && W && W.length > 0 && /* @__PURE__ */ e("div", { className: ve.inputTags, children: W.map((ie, be) => /* @__PURE__ */ e("div", { className: ve.inputSingleTags, children: /* @__PURE__ */ e(On, { ...n, id: ie, label: ie, withClose: !0 }) }, be)) }),
               /* @__PURE__ */ e(
                 "input",
                 {
@@ -498,65 +498,65 @@ const hr = ({ loadingColor: r }) => /* @__PURE__ */ l(
   labelIcon: B,
   theme: T
 }) => {
-  const H = Ye(), [D, E] = Z(!1), [J, Q] = Z(!1), L = ne(null), Y = ne(null), V = ne(null), R = (O) => {
-    let h = O.target.value;
+  const H = Ye(), [D, E] = Z(!1), [J, Q] = Z(!1), L = ne(null), Y = ne(null), V = ne(null), R = (z) => {
+    let h = z.target.value;
     b && typeof b == "function" && b(h);
-  }, n = (O) => O, $ = () => {
+  }, n = (z) => z, $ = () => {
     E(!0), y && typeof y == "function" && y();
   }, d = () => {
     E(!1), S && typeof S == "function" && S();
-  }, N = (O) => {
+  }, N = (z) => {
     const h = L.current.querySelector("textarea");
     if (!h) return;
-    const A = h.selectionStart, P = h.selectionEnd, X = h.scrollTop, x = p.slice(0, A) + O + p.slice(P);
+    const A = h.selectionStart, P = h.selectionEnd, X = h.scrollTop, x = p.slice(0, A) + z + p.slice(P);
     b && typeof b == "function" && b(x), setTimeout(() => {
-      h.focus(), h.setSelectionRange(A + O.length, A + O.length), h.scrollTop = X;
+      h.focus(), h.setSelectionRange(A + z.length, A + z.length), h.scrollTop = X;
     }, 0);
-  }, z = () => {
-    const O = L.current, h = V.current;
-    if (!h || !O) return;
-    const A = O.getBoundingClientRect();
+  }, O = () => {
+    const z = L.current, h = V.current;
+    if (!h || !z) return;
+    const A = z.getBoundingClientRect();
     window.innerHeight - A.bottom >= 220 ? (h.style.top = "calc(100% + 8px)", h.style.bottom = "unset") : (h.style.bottom = "calc(100% + 8px)", h.style.top = "unset"), A.right > window.innerWidth ? h.style.left = `calc(100% - ${A.width}px)` : A.left < 0 ? h.style.left = "0px" : h.style.left = "";
   };
-  oe(() => (J && (z(), document.addEventListener("mousedown", q)), () => {
+  oe(() => (J && (O(), document.addEventListener("mousedown", q)), () => {
     document.removeEventListener("mousedown", q);
   }), [J]);
-  const q = (O) => {
-    Y.current && !Y.current.contains(O.target) && Q(!1);
+  const q = (z) => {
+    Y.current && !Y.current.contains(z.target) && Q(!1);
   };
   oe(() => (J && document.addEventListener("mousedown", q), () => {
     document.removeEventListener("mousedown", q);
   }), [J]);
   let ae = !1;
   oe(() => {
-    const O = L.current?.querySelector("textarea");
-    if (!O) return;
+    const z = L.current?.querySelector("textarea");
+    if (!z) return;
     let h = !1;
     const A = (X) => {
-      const x = O.getBoundingClientRect();
+      const x = z.getBoundingClientRect();
       X.clientX > x.right - 20 && X.clientY > x.bottom - 20 && (h = !0);
     }, P = new ResizeObserver(() => {
       h && (ae = !0, h = !1);
     });
-    return O.addEventListener("mousedown", A), P.observe(O), () => {
-      O.removeEventListener("mousedown", A), P.disconnect();
+    return z.addEventListener("mousedown", A), P.observe(z), () => {
+      z.removeEventListener("mousedown", A), P.disconnect();
     };
   }, []);
   const ye = () => {
-    const O = L.current.querySelector("textarea");
-    !O || ae || (O.style.height = "auto", O.style.height = `${O.scrollHeight}px`);
+    const z = L.current.querySelector("textarea");
+    !z || ae || (z.style.height = "auto", z.style.height = `${z.scrollHeight}px`);
   };
   oe(() => {
-    const O = L.current.querySelector("textarea"), h = new ResizeObserver(() => {
-      ae = O.offsetHeight < O.scrollHeight;
+    const z = L.current.querySelector("textarea"), h = new ResizeObserver(() => {
+      ae = z.offsetHeight < z.scrollHeight;
     });
-    return h.observe(O), () => h.disconnect();
+    return h.observe(z), () => h.disconnect();
   }, []);
-  const _e = (O) => {
-    ae = !1, b?.(O.target.value), ye();
+  const _e = (z) => {
+    ae = !1, b?.(z.target.value), ye();
   }, ge = () => {
-    let O = v ?? {};
-    return g && (O = { ...O, ...g ?? {} }), O;
+    let z = v ?? {};
+    return g && (z = { ...z, ...g ?? {} }), z;
   };
   return /* @__PURE__ */ l(
     "div",
@@ -596,20 +596,20 @@ const hr = ({ loadingColor: r }) => /* @__PURE__ */ l(
               "div",
               {
                 className: Ee.popupEmojiIcon,
-                onClick: (O) => {
-                  O.preventDefault(), E(!0), Q((h) => !h);
+                onClick: (z) => {
+                  z.preventDefault(), E(!0), Q((h) => !h);
                 },
                 children: /* @__PURE__ */ e(Ht, {})
               }
             ),
-            J && /* @__PURE__ */ e("div", { ref: V, className: Ee.popupEmojiList, children: Wt.map((O, h) => /* @__PURE__ */ e(
+            J && /* @__PURE__ */ e("div", { ref: V, className: Ee.popupEmojiList, children: Wt.map((z, h) => /* @__PURE__ */ e(
               "div",
               {
                 onClick: (A) => {
-                  A.preventDefault(), N(O);
+                  A.preventDefault(), N(z);
                 },
                 className: Ee.popupEmojiItem,
-                children: O
+                children: z
               },
               h
             )) })
@@ -619,13 +619,13 @@ const hr = ({ loadingColor: r }) => /* @__PURE__ */ l(
       ]
     }
   );
-}, Ut = "Toggle-module__toggleWrapper", Gt = "Toggle-module__toggleState", Kt = "Toggle-module__checked", Vt = "Toggle-module__disabled", jt = "Toggle-module__Namespace_Hr", zt = "Toggle-module__dark", sn = {
+}, Ut = "Toggle-module__toggleWrapper", Gt = "Toggle-module__toggleState", Kt = "Toggle-module__checked", Vt = "Toggle-module__disabled", jt = "Toggle-module__Namespace_Hr", Ot = "Toggle-module__dark", sn = {
   toggleWrapper: Ut,
   toggleState: Gt,
   checked: Kt,
   disabled: Vt,
   namespaceHr: jt,
-  dark: zt
+  dark: Ot
 }, bs = ({
   checked: r,
   change: o,
@@ -674,8 +674,8 @@ const hr = ({ loadingColor: r }) => /* @__PURE__ */ l(
       children: /* @__PURE__ */ e("div", { style: g(), className: sn.toggleState, children: /* @__PURE__ */ e("input", { type: "checkbox", checked: r, readOnly: !0, disabled: t ?? !1, hidden: !0, required: c ?? !1 }) })
     }
   );
-}, Ot = "Radio-module__radioWrapper", Zt = "Radio-module__sm", Yt = "Radio-module__md", qt = "Radio-module__checked", Xt = "Radio-module__innerCircle", Jt = "Radio-module__radioState", Qt = "Radio-module__disabled", eo = "Radio-module__Namespace_Hr", no = "Radio-module__dark", Xe = {
-  radioWrapper: Ot,
+}, zt = "Radio-module__radioWrapper", Zt = "Radio-module__sm", Yt = "Radio-module__md", qt = "Radio-module__checked", Xt = "Radio-module__innerCircle", Jt = "Radio-module__radioState", Qt = "Radio-module__disabled", eo = "Radio-module__Namespace_Hr", no = "Radio-module__dark", Xe = {
+  radioWrapper: zt,
   sm: Zt,
   md: Yt,
   checked: qt,
@@ -752,7 +752,7 @@ const hr = ({ loadingColor: r }) => /* @__PURE__ */ l(
     d: "M12 22C6.48571 22 2 17.5143 2 12C2 6.48571 6.48571 2 12 2C17.5143 2 22 6.48571 22 12C22 17.5143 17.5143 22 12 22ZM12 3.66679C7.405 3.66679 3.66679 7.405 3.66679 12C3.66679 16.595 7.405 20.3332 12 20.3332C16.595 20.3332 20.3332 16.595 20.3332 12C20.3332 7.405 16.595 3.66679 12 3.66679ZM15.3333 12.8332H8.6665C8.20654 12.8332 7.83321 12.4599 7.83321 11.9999C7.83321 11.54 8.20654 11.1666 8.6665 11.1666H15.3333C15.7941 11.1666 16.1666 11.54 16.1666 11.9999C16.1666 12.4599 15.7941 12.8332 15.3333 12.8332Z",
     fill: r.color ? r.color : "#EF4343"
   }
-) }), On = () => /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", children: /* @__PURE__ */ e(
+) }), zn = () => /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", children: /* @__PURE__ */ e(
   "path",
   {
     d: "M16.5 16.5L13.5834 13.5833M15.6667 8.58333C15.6667 12.4954 12.4954 15.6667 8.58333 15.6667C4.67132 15.6667 1.5 12.4954 1.5 8.58333C1.5 4.67132 4.67132 1.5 8.58333 1.5C12.4954 1.5 15.6667 4.67132 15.6667 8.58333Z",
@@ -797,13 +797,13 @@ const hr = ({ loadingColor: r }) => /* @__PURE__ */ l(
   skipSelected: $,
   closeOnSelect: d = !0,
   labelIcon: N,
-  closeIcon: z,
+  closeIcon: O,
   dropdownIcon: q,
   iconDown: ae,
   onLabelIconClick: ye,
   onLabelIconMouseEnter: _e,
   onLabelIconMouseLeave: ge,
-  dropdownWrapperStyle: O,
+  dropdownWrapperStyle: z,
   dropdownLabelStyle: h,
   requiredStyle: A,
   labelIconStyle: P,
@@ -833,7 +833,7 @@ const hr = ({ loadingColor: r }) => /* @__PURE__ */ l(
       Te.current = _?.length > 0 ? Le : te, Me(_), ue((He) => !He);
     } else
       Me(_), G(_);
-  }, ze = () => {
+  }, Oe = () => {
     if (J || J === 0) {
       let _ = D.filter((te) => Number(te.id) === Number(J));
       _ && _[0] && (Be.current = _[0], $ ? (V && typeof V == "function" && V(Be.current.label), G(Be.current.label), d && ke((te) => !1)) : Qe(_[0]));
@@ -890,10 +890,10 @@ const hr = ({ loadingColor: r }) => /* @__PURE__ */ l(
   }, []), oe(() => {
     kn();
   }, [Ge, he]), oe(() => {
-    n || ze();
+    n || Oe();
   }, [J]), oe(() => (document.addEventListener("click", Cn), document.addEventListener("wheel", wn), () => {
     document.removeEventListener("click", Cn), document.removeEventListener("wheel", wn);
-  }), []), /* @__PURE__ */ l("div", { className: `${we === "dark" ? De.dark : ""} ${De[re]} ${De.dropdownWrapper}`, style: O ?? {}, children: [
+  }), []), /* @__PURE__ */ l("div", { className: `${we === "dark" ? De.dark : ""} ${De[re]} ${De.dropdownWrapper}`, style: z ?? {}, children: [
     r && /* @__PURE__ */ l("label", { className: De.dropdownLabel, style: h ?? {}, children: [
       typeof r == "function" ? r() : r,
       " ",
@@ -929,7 +929,7 @@ const hr = ({ loadingColor: r }) => /* @__PURE__ */ l(
         children: [
           T ? /* @__PURE__ */ l("div", { children: [
             " ",
-            /* @__PURE__ */ e(On, {})
+            /* @__PURE__ */ e(zn, {})
           ] }) : /* @__PURE__ */ e(Ze, { children: q && /* @__PURE__ */ e("div", { style: { display: "grid", alignItems: "center", marginRight: "0.5rem" }, children: an(q) }) }),
           !T && (C || n) && m && !he && ee.current.length === 0 && /* @__PURE__ */ e("span", { className: De.placeHolder, style: x ?? {}, children: m ?? "" }),
           (n || C) && /* @__PURE__ */ e(
@@ -1020,7 +1020,7 @@ const hr = ({ loadingColor: r }) => /* @__PURE__ */ l(
               g && /* @__PURE__ */ e("span", { onClick: Ln, children: "Clear All" })
             ] })
           ] }),
-          L && (n ? he ? pe.length > 0 : !1 : Ie.length > 0 || pe.length > 0) && /* @__PURE__ */ e("div", { onClick: (_) => ie(_), style: { display: "grid", placeItems: "center", cursor: "pointer" }, children: z ? an(z) : /* @__PURE__ */ e(gn, { width: 16, height: 16 }) }),
+          L && (n ? he ? pe.length > 0 : !1 : Ie.length > 0 || pe.length > 0) && /* @__PURE__ */ e("div", { onClick: (_) => ie(_), style: { display: "grid", placeItems: "center", cursor: "pointer" }, children: O ? an(O) : /* @__PURE__ */ e(gn, { width: 16, height: 16 }) }),
           ae ? an(ae) : /* @__PURE__ */ e(
             "div",
             {
@@ -1041,7 +1041,7 @@ const hr = ({ loadingColor: r }) => /* @__PURE__ */ l(
     ),
     p && p?.visible && /* @__PURE__ */ e("div", { className: `${De.dropdownHelperText} ${p?.error ? De.error : ""}`, children: !he && /* @__PURE__ */ e("p", { style: p?.style ?? {}, children: p.text }) })
   ] });
-}, Mo = "Tooltip-module__tooltipContainer", To = "Tooltip-module__tooltipContent", So = "Tooltip-module__withoutPointer", Io = "Tooltip-module__top", Ao = "Tooltip-module__right", Eo = "Tooltip-module__bottom", Fo = "Tooltip-module__left", Bo = "Tooltip-module__tooltipTitle", Ro = "Tooltip-module__tooltipText", Po = "Tooltip-module__dark", Oe = {
+}, Mo = "Tooltip-module__tooltipContainer", To = "Tooltip-module__tooltipContent", So = "Tooltip-module__withoutPointer", Io = "Tooltip-module__top", Ao = "Tooltip-module__right", Eo = "Tooltip-module__bottom", Fo = "Tooltip-module__left", Bo = "Tooltip-module__tooltipTitle", Ro = "Tooltip-module__tooltipText", Po = "Tooltip-module__dark", ze = {
   tooltipContainer: Mo,
   tooltipContent: To,
   withoutPointer: So,
@@ -1091,21 +1091,21 @@ const hr = ({ loadingColor: r }) => /* @__PURE__ */ l(
   }, $ = () => {
     p === "click" && (H && typeof H == "function" && H(), Y((N) => !N));
   }, d = () => {
-    const N = E.current, z = J.current;
-    if (!z || !N) return;
+    const N = E.current, O = J.current;
+    if (!O || !N) return;
     const q = N.getBoundingClientRect();
-    switch (z.style.position = "fixed", m) {
+    switch (O.style.position = "fixed", m) {
       case "top":
-        z.style.top = `${q.top - z.offsetHeight - 8}px`, z.style.left = `${q.left + f}px`;
+        O.style.top = `${q.top - O.offsetHeight - 8}px`, O.style.left = `${q.left + f}px`;
         break;
       case "bottom":
-        z.style.top = `${q.bottom + 8}px`, z.style.left = `${q.left + v}px`;
+        O.style.top = `${q.bottom + 8}px`, O.style.left = `${q.left + v}px`;
         break;
       case "left":
-        z.style.top = `${q.top + q.height / 2 - z.offsetHeight / 2}px`, z.style.left = `${q.left - z.offsetWidth - 8 + g}px`;
+        O.style.top = `${q.top + q.height / 2 - O.offsetHeight / 2}px`, O.style.left = `${q.left - O.offsetWidth - 8 + g}px`;
         break;
       case "right":
-        z.style.top = `${q.top + q.height / 2 - z.offsetHeight / 2}px`, z.style.left = `${q.right + 8 + u}px`;
+        O.style.top = `${q.top + q.height / 2 - O.offsetHeight / 2}px`, O.style.left = `${q.right + 8 + u}px`;
         break;
     }
   };
@@ -1114,24 +1114,24 @@ const hr = ({ loadingColor: r }) => /* @__PURE__ */ l(
   }, [E, L, r, m, o, w, k, i]), oe(() => {
     const N = (q) => {
       E.current?.contains(q.target) || Y(!1);
-    }, z = (q) => {
+    }, O = (q) => {
       q.composedPath().includes(E.current) || Y(!1);
     };
-    return document.addEventListener("click", z), document.addEventListener("scroll", N, !0), () => {
-      document.removeEventListener("scroll", N, !0), document.removeEventListener("click", z);
+    return document.addEventListener("click", O), document.addEventListener("scroll", N, !0), () => {
+      document.removeEventListener("scroll", N, !0), document.removeEventListener("click", O);
     };
   }, []), oe(() => {
     B && Y(!1);
   }, [B]), oe(() => {
     const N = J.current;
-    N && (N.style.setProperty("--pointer-position", `${I}`), W || N.classList.add(Oe.withoutPointer));
+    N && (N.style.setProperty("--pointer-position", `${I}`), W || N.classList.add(ze.withoutPointer));
   }, [L]), oe(() => {
     D && typeof D == "function" && D(L);
   }, [L, D]), /* @__PURE__ */ l(
     "div",
     {
       ref: E,
-      className: `${s === "dark" ? Oe.dark : ""} ${Oe.tooltipContainer}`,
+      className: `${s === "dark" ? ze.dark : ""} ${ze.tooltipContainer}`,
       onClick: $,
       onMouseEnter: R,
       onMouseLeave: n,
@@ -1144,7 +1144,7 @@ const hr = ({ loadingColor: r }) => /* @__PURE__ */ l(
             style: b ?? {},
             onClick: (N) => N.stopPropagation(),
             ref: J,
-            className: `${Oe.tooltipContent} ${m ? Oe[m] : Oe.bottom}`,
+            className: `${ze.tooltipContent} ${m ? ze[m] : ze.bottom}`,
             children: o()
           }
         ) : L && /* @__PURE__ */ l(
@@ -1153,18 +1153,18 @@ const hr = ({ loadingColor: r }) => /* @__PURE__ */ l(
             style: b ?? {},
             onClick: (N) => N.stopPropagation(),
             ref: J,
-            className: `${Oe.tooltipContent} ${m ? Oe[m] : Oe.bottom}`,
+            className: `${ze.tooltipContent} ${m ? ze[m] : ze.bottom}`,
             children: [
               w && typeof w == "function" && w(),
-              k && k.length > 0 && /* @__PURE__ */ e("h2", { className: Oe.tooltipTitle, style: y ?? {}, children: k }),
-              i && i.length > 0 && /* @__PURE__ */ e("p", { className: Oe.tooltipText, style: S ?? {}, children: i })
+              k && k.length > 0 && /* @__PURE__ */ e("h2", { className: ze.tooltipTitle, style: y ?? {}, children: k }),
+              i && i.length > 0 && /* @__PURE__ */ e("p", { className: ze.tooltipText, style: S ?? {}, children: i })
             ]
           }
         )
       ]
     }
   );
-}, Ho = "Popup-module__modalOverlay", Wo = "Popup-module__popupDrawerMode", Uo = "Popup-module__popupContainer", Go = "Popup-module__closeButton", Ko = "Popup-module__withOptions", Vo = "Popup-module__horizontal", jo = "Popup-module__popupHeader", zo = "Popup-module__popupTitle", Oo = "Popup-module__popupDescription", Zo = "Popup-module__typeIcon", Yo = "Popup-module__icon", qo = "Popup-module__templateWrapper", Xo = "Popup-module__dark", Ke = {
+}, Ho = "Popup-module__modalOverlay", Wo = "Popup-module__popupDrawerMode", Uo = "Popup-module__popupContainer", Go = "Popup-module__closeButton", Ko = "Popup-module__withOptions", Vo = "Popup-module__horizontal", jo = "Popup-module__popupHeader", Oo = "Popup-module__popupTitle", zo = "Popup-module__popupDescription", Zo = "Popup-module__typeIcon", Yo = "Popup-module__icon", qo = "Popup-module__templateWrapper", Xo = "Popup-module__dark", Ke = {
   modalOverlay: Ho,
   popupDrawerMode: Wo,
   popupContainer: Uo,
@@ -1172,8 +1172,8 @@ const hr = ({ loadingColor: r }) => /* @__PURE__ */ l(
   withOptions: Ko,
   horizontal: Vo,
   popupHeader: jo,
-  popupTitle: zo,
-  popupDescription: Oo,
+  popupTitle: Oo,
+  popupDescription: zo,
   typeIcon: Zo,
   icon: Yo,
   templateWrapper: qo,
@@ -1444,11 +1444,11 @@ var Yn = { exports: {} };
             $.call(L, N), Q = Q.replace(N, "");
           }
         }
-        return function(z) {
-          var q = z.afternoon;
+        return function(O) {
+          var q = O.afternoon;
           if (q !== void 0) {
-            var ae = z.hours;
-            q ? ae < 12 && (z.hours += 12) : ae === 12 && (z.hours = 0), delete z.afternoon;
+            var ae = O.hours;
+            q ? ae < 12 && (O.hours += 12) : ae === 12 && (O.hours = 0), delete O.afternoon;
           }
         }(L), L;
       };
@@ -1462,13 +1462,13 @@ var Yn = { exports: {} };
         var J = E[1];
         if (typeof J == "string") {
           var Q = E[2] === !0, L = E[3] === !0, Y = Q || L, V = E[2];
-          L && (V = E[2]), w = this.$locale(), !Q && V && (w = g.Ls[V]), this.$d = function(d, N, z, q) {
+          L && (V = E[2]), w = this.$locale(), !Q && V && (w = g.Ls[V]), this.$d = function(d, N, O, q) {
             try {
               if (["x", "X"].indexOf(N) > -1) return new Date((N === "X" ? 1e3 : 1) * d);
-              var ae = s(N)(d), ye = ae.year, _e = ae.month, ge = ae.day, O = ae.hours, h = ae.minutes, A = ae.seconds, P = ae.milliseconds, X = ae.zone, x = ae.week, F = /* @__PURE__ */ new Date(), j = ge || (ye || _e ? 1 : F.getDate()), le = ye || F.getFullYear(), M = 0;
+              var ae = s(N)(d), ye = ae.year, _e = ae.month, ge = ae.day, z = ae.hours, h = ae.minutes, A = ae.seconds, P = ae.milliseconds, X = ae.zone, x = ae.week, F = /* @__PURE__ */ new Date(), j = ge || (ye || _e ? 1 : F.getDate()), le = ye || F.getFullYear(), M = 0;
               ye && !_e || (M = _e > 0 ? _e - 1 : F.getMonth());
-              var U, fe = O || 0, de = h || 0, we = A || 0, re = P || 0;
-              return X ? new Date(Date.UTC(le, M, j, fe, de, we, re + 60 * X.offset * 1e3)) : z ? new Date(Date.UTC(le, M, j, fe, de, we, re)) : (U = new Date(le, M, j, fe, de, we, re), x && (U = q(U).week(x).toDate()), U);
+              var U, fe = z || 0, de = h || 0, we = A || 0, re = P || 0;
+              return X ? new Date(Date.UTC(le, M, j, fe, de, we, re + 60 * X.offset * 1e3)) : O ? new Date(Date.UTC(le, M, j, fe, de, we, re)) : (U = new Date(le, M, j, fe, de, we, re), x && (U = q(U).week(x).toDate()), U);
             } catch {
               return /* @__PURE__ */ new Date("");
             }
@@ -1519,7 +1519,7 @@ const Hc = ({
 }) => {
   const J = Ye(), [Q, L] = Z(!1);
   ne(!1);
-  const [Y, V] = Z(""), R = ne(null), n = ne(null), $ = ne(null), d = ne(null), N = ne(null), z = ne(null), q = _n(() => Array.from({ length: 60 }, (F, j) => j < 10 ? `0${j}` : `${j}`), []), ae = _n(() => Array.from({ length: 23 }, (F, j) => j < 9 ? `0${j + 1}` : `${j + 1}`), []), ye = _n((x, F) => {
+  const [Y, V] = Z(""), R = ne(null), n = ne(null), $ = ne(null), d = ne(null), N = ne(null), O = ne(null), q = _n(() => Array.from({ length: 60 }, (F, j) => j < 10 ? `0${j}` : `${j}`), []), ae = _n(() => Array.from({ length: 23 }, (F, j) => j < 9 ? `0${j + 1}` : `${j + 1}`), []), ye = _n((x, F) => {
     const j = K().hour(parseInt(x, 10)).minute(parseInt(F, 10));
     if (T) {
       const le = K(T, c, !0);
@@ -1548,7 +1548,7 @@ const Hc = ({
     V(U), b && typeof b == "function" && b(U);
   }, ge = (x) => {
     x.stopPropagation(), n.current = null, R.current = null, V(""), b && typeof b == "function" && b("");
-  }, O = (x) => {
+  }, z = (x) => {
     x.composedPath().includes($.current) || L(!1);
   }, h = (x) => {
     u && x.composedPath().includes($.current) || L(!1);
@@ -1576,16 +1576,16 @@ const Hc = ({
     Q || S && typeof S == "function" && S();
   }, [Q]), oe(() => {
     P();
-  }, [$, Q]), oe(() => (document.addEventListener("click", O), document.addEventListener("wheel", h), () => {
-    document.removeEventListener("click", O), document.removeEventListener("wheel", h);
+  }, [$, Q]), oe(() => (document.addEventListener("click", z), document.addEventListener("wheel", h), () => {
+    document.removeEventListener("click", z), document.removeEventListener("wheel", h);
   }), []), oe(() => {
-    if (Q && E && N.current && z.current) {
+    if (Q && E && N.current && O.current) {
       const x = K(E, [c], !0);
       if (x.isValid()) {
         const F = x.format("HH"), j = x.format("mm");
         N.current.querySelectorAll("li").forEach((U) => {
           U.textContent === F && U.scrollIntoView({ behavior: "smooth", block: "center" });
-        }), z.current.querySelectorAll("li").forEach((U) => {
+        }), O.current.querySelectorAll("li").forEach((U) => {
           U.textContent === j && U.scrollIntoView({ behavior: "smooth", block: "center" });
         });
       }
@@ -1642,7 +1642,7 @@ const Hc = ({
                 x
               );
             }) }),
-            /* @__PURE__ */ e("ul", { ref: z, className: Fe.minutes, onClick: (x) => x.stopPropagation(), children: q().map((x) => {
+            /* @__PURE__ */ e("ul", { ref: O, className: Fe.minutes, onClick: (x) => x.stopPropagation(), children: q().map((x) => {
               const F = ye(n.current || "00", x);
               return /* @__PURE__ */ e(
                 "li",
@@ -1667,15 +1667,15 @@ const Hc = ({
     ),
     w && w?.visible && /* @__PURE__ */ e("div", { style: f ?? {}, className: `${Fe.timepickerHelperText} ${w?.error ? Fe.error : ""}`, children: /* @__PURE__ */ e("p", { style: w?.style ?? {}, children: w.text }) })
   ] });
-}, Wc = "Datepicker-module__datepickerContainer", Uc = "Datepicker-module__datepickerLabel", Gc = "Datepicker-module__required", Kc = "Datepicker-module__datepickerIcon", Vc = "Datepicker-module__sm", jc = "Datepicker-module__md", zc = "Datepicker-module__hasValue", Oc = "Datepicker-module__datepicker", Zc = "Datepicker-module__focused", Yc = "Datepicker-module__error", qc = "Datepicker-module__disabled", Xc = "Datepicker-module__datepickerHelperText", Jc = "Datepicker-module__namespaceHr", Qc = "Datepicker-module__dark", We = {
+}, Wc = "Datepicker-module__datepickerContainer", Uc = "Datepicker-module__datepickerLabel", Gc = "Datepicker-module__required", Kc = "Datepicker-module__datepickerIcon", Vc = "Datepicker-module__sm", jc = "Datepicker-module__md", Oc = "Datepicker-module__hasValue", zc = "Datepicker-module__datepicker", Zc = "Datepicker-module__focused", Yc = "Datepicker-module__error", qc = "Datepicker-module__disabled", Xc = "Datepicker-module__datepickerHelperText", Jc = "Datepicker-module__namespaceHr", Qc = "Datepicker-module__dark", We = {
   datepickerContainer: Wc,
   datepickerLabel: Uc,
   required: Gc,
   datepickerIcon: Kc,
   sm: Vc,
   md: jc,
-  hasValue: zc,
-  datepicker: Oc,
+  hasValue: Oc,
+  datepicker: zc,
   focused: Zc,
   error: Yc,
   disabled: qc,
@@ -1766,7 +1766,7 @@ const ka = ({
       x.push(F);
     }
     return x;
-  }, d = $(c), N = W === "dual" ? $(c.add(1, "month")) : null, z = () => {
+  }, d = $(c), N = W === "dual" ? $(c.add(1, "month")) : null, O = () => {
     let h = [];
     return o && Array.isArray(o) && o.length > 0 && o.forEach((A) => {
       switch (A) {
@@ -1885,7 +1885,7 @@ const ka = ({
     m(c.subtract(1, "month"));
   }, ge = () => {
     m(c.add(1, "year"));
-  }, O = () => {
+  }, z = () => {
     m(c.subtract(1, "year"));
   };
   return oe(() => {
@@ -1898,12 +1898,12 @@ const ka = ({
       onClick: (h) => h.stopPropagation(),
       style: W === "dual" && o && o.length > 0 ? { width: "848px" } : {},
       children: [
-        W === "dual" && o && o.length > 0 && /* @__PURE__ */ e("div", { children: o && o.length > 0 && /* @__PURE__ */ e("ul", { className: me.quickPick, children: z().map((h) => /* @__PURE__ */ e("li", { style: L ?? {}, onClick: () => q(h), children: h.name }, h.key)) }) }),
+        W === "dual" && o && o.length > 0 && /* @__PURE__ */ e("div", { children: o && o.length > 0 && /* @__PURE__ */ e("ul", { className: me.quickPick, children: O().map((h) => /* @__PURE__ */ e("li", { style: L ?? {}, onClick: () => q(h), children: h.name }, h.key)) }) }),
         /* @__PURE__ */ l("div", { className: me.div, children: [
           W === "dual" ? /* @__PURE__ */ l("div", { style: { width: "100%", display: "flex", justifyContent: "space-between" }, children: [
             /* @__PURE__ */ l("div", { style: { width: "50%", display: "flex", alignItems: "center", justifyContent: "flex-start", gap: "80px" }, children: [
               /* @__PURE__ */ l("div", { className: me.left, children: [
-                (!i || i.length > 1) && (!i || c.year() > Math.min(...i.map(Number))) ? /* @__PURE__ */ l("div", { className: me.doubleIcon, onClick: O, children: [
+                (!i || i.length > 1) && (!i || c.year() > Math.min(...i.map(Number))) ? /* @__PURE__ */ l("div", { className: me.doubleIcon, onClick: z, children: [
                   /* @__PURE__ */ e(dn, {}),
                   /* @__PURE__ */ e(dn, {})
                 ] }) : /* @__PURE__ */ e("div", { style: { width: "20px", height: "20px" } }),
@@ -1924,7 +1924,7 @@ const ka = ({
           ] }) : /* @__PURE__ */ l("div", { className: me.datePickerHeader, children: [
             /* @__PURE__ */ l("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
               /* @__PURE__ */ l("div", { className: me.left, children: [
-                (!i || i.length > 1) && (!i || c.year() > Math.min(...i.map(Number))) ? /* @__PURE__ */ l("div", { className: me.doubleIcon, onClick: O, children: [
+                (!i || i.length > 1) && (!i || c.year() > Math.min(...i.map(Number))) ? /* @__PURE__ */ l("div", { className: me.doubleIcon, onClick: z, children: [
                   /* @__PURE__ */ e(dn, {}),
                   /* @__PURE__ */ e(dn, {})
                 ] }) : /* @__PURE__ */ e("div", { style: { width: "20px", height: "20px" } }),
@@ -1939,7 +1939,7 @@ const ka = ({
                 ] }) : /* @__PURE__ */ e("div", { className: me.doubleIcon })
               ] })
             ] }),
-            W === "single" && o && o.length > 0 && /* @__PURE__ */ e("ul", { className: me.quickPick, children: z().slice(0, 3).map((h) => /* @__PURE__ */ e("li", { style: L ?? {}, onClick: () => q(h), children: h.name }, h.key)) })
+            W === "single" && o && o.length > 0 && /* @__PURE__ */ e("ul", { className: me.quickPick, children: O().slice(0, 3).map((h) => /* @__PURE__ */ e("li", { style: L ?? {}, onClick: () => q(h), children: h.name }, h.key)) })
           ] }),
           /* @__PURE__ */ l("div", { className: me.calendarWrapper, children: [
             /* @__PURE__ */ l("table", { children: [
@@ -2067,9 +2067,9 @@ const va = ({
   theme: $ = "light",
   disabled: d = !1
 }) => {
-  const N = Ye(), [z, q] = Z(!1), [ae, ye] = Z(""), _e = ne({ state: !1, value: "" });
+  const N = Ye(), [O, q] = Z(!1), [ae, ye] = Z(""), _e = ne({ state: !1, value: "" });
   Z(!1);
-  const ge = ne(null), [O, h] = Z(() => {
+  const ge = ne(null), [z, h] = Z(() => {
     const re = K().year().toString();
     return y?.length ? y.includes(re) ? K() : K(`${Math.min(...y.map(Number))}-01-01`) : K();
   });
@@ -2113,8 +2113,8 @@ const va = ({
       _e.current.value = c, _e.current.state = !0, re && j(re, !1, !0);
     }
   }, []), oe(() => {
-    z && we();
-  }, [ge, z]), oe(() => (document.addEventListener("click", M), document.addEventListener("wheel", U), () => {
+    O && we();
+  }, [ge, O]), oe(() => (document.addEventListener("click", M), document.addEventListener("wheel", U), () => {
     document.removeEventListener("click", M), document.removeEventListener("wheel", U);
   }), []), /* @__PURE__ */ l("div", { className: `${$ === "dark" ? We.dark : ""} ${N === "namespaceHr" ? We.namespaceHr : ""} ${We.datepickerContainer}`, children: [
     r && /* @__PURE__ */ l("label", { className: We.datepickerLabel, style: v ?? {}, children: [
@@ -2141,7 +2141,7 @@ const va = ({
         ref: F,
         onFocus: fe,
         onBlur: de,
-        className: `${We.datepicker} ${z ? We.focused : ""} ${We[m]}  ${d ? We.disabled : ""}`,
+        className: `${We.datepicker} ${O ? We.focused : ""} ${We[m]}  ${d ? We.disabled : ""}`,
         onClick: () => {
           d || q((re) => !re);
         },
@@ -2155,7 +2155,7 @@ const va = ({
               style: {
                 display: "grid",
                 placeItems: "center",
-                transform: z ? "rotate(180deg)" : "",
+                transform: O ? "rotate(180deg)" : "",
                 transition: "transform 0.2s ease-in-out",
                 // Add transition here
                 cursor: "pointer",
@@ -2167,7 +2167,7 @@ const va = ({
         ]
       }
     ),
-    z && /* @__PURE__ */ e(
+    O && /* @__PURE__ */ e(
       ka,
       {
         theme: $,
@@ -2180,11 +2180,11 @@ const va = ({
         valueFormat: p,
         onChange: j,
         customYears: y,
-        CurrentMonth: O,
+        CurrentMonth: z,
         setCurrentMonth: h,
         SelectedDate: A,
         setSelectedDate: P,
-        IsFocused: z,
+        IsFocused: O,
         setIsFocused: q,
         quickPick: V,
         mode: R,
@@ -2253,17 +2253,17 @@ const va = ({
     const d = Q.current.getBoundingClientRect(), N = Math.min(Math.max(0, (n - d.left) / d.width), 1);
     return Math.round(N * (c - t) + t);
   }, Y = (n) => ($) => {
-    $.preventDefault(), E((z) => ({ ...z, [n]: !0 }));
-    const d = (z) => {
-      const q = L(z.clientX);
+    $.preventDefault(), E((O) => ({ ...O, [n]: !0 }));
+    const d = (O) => {
+      const q = L(O.clientX);
       B((ae) => n === "min" ? { ...ae, minValue: Math.min(q, ae.maxValue - 1) } : { ...ae, maxValue: Math.max(q, ae.minValue + 1) });
     }, N = () => {
-      E((z) => ({ ...z, [n]: !1 })), document.removeEventListener("mousemove", d), document.removeEventListener("mouseup", N);
+      E((O) => ({ ...O, [n]: !1 })), document.removeEventListener("mousemove", d), document.removeEventListener("mouseup", N);
     };
     document.addEventListener("mousemove", d), document.addEventListener("mouseup", N);
   }, V = (n) => {
-    const $ = L(n.clientX), d = Math.abs($ - u.minValue), N = Math.abs($ - u.maxValue), z = d < N ? "min" : "max";
-    B((q) => z === "min" ? { ...q, minValue: Math.min($, q.maxValue - 1) } : { ...q, maxValue: Math.max($, q.minValue + 1) }), Y(z)(n);
+    const $ = L(n.clientX), d = Math.abs($ - u.minValue), N = Math.abs($ - u.maxValue), O = d < N ? "min" : "max";
+    B((q) => O === "min" ? { ...q, minValue: Math.min($, q.maxValue - 1) } : { ...q, maxValue: Math.max($, q.minValue + 1) }), Y(O)(n);
   }, R = {
     left: `${(u.minValue - t) / (c - t) * 100}%`,
     width: `${(u.maxValue - u.minValue) / (c - t) * 100}%`
@@ -2619,7 +2619,7 @@ const va = ({
   popupProps: V,
   tagsProps: R
 }) => {
-  const [n, $] = Z(!1), [d, N] = Z(""), [z, q] = Z(s ?? null), [ae, ye] = Z(!1);
+  const [n, $] = Z(!1), [d, N] = Z(""), [O, q] = Z(s ?? null), [ae, ye] = Z(!1);
   oe(() => {
     g && $(g);
   }, [g]), oe(() => {
@@ -2627,7 +2627,7 @@ const va = ({
   }, [s]), oe(() => {
     J && we();
   }, []);
-  const [_e, ge] = Z(!1), [O, h] = Z(!1), [A, P] = Z(!1), [X, x] = Z(!1), [F, j] = Z(!1), [le, M] = Z(0), U = ne([]), fe = ne([]), de = ne([]), we = () => {
+  const [_e, ge] = Z(!1), [z, h] = Z(!1), [A, P] = Z(!1), [X, x] = Z(!1), [F, j] = Z(!1), [le, M] = Z(0), U = ne([]), fe = ne([]), de = ne([]), we = () => {
     let G = o.map((ee) => ee.options);
     U.current = G;
     let pe = [];
@@ -2677,7 +2677,7 @@ const va = ({
               xn,
               {
                 ...w ?? {},
-                leftIcon: /* @__PURE__ */ e(On, {}),
+                leftIcon: /* @__PURE__ */ e(zn, {}),
                 value: d,
                 placeholder: "Search",
                 onChange: (G) => {
@@ -2707,7 +2707,7 @@ const va = ({
                   ),
                   /* @__PURE__ */ l("span", { className: Ne.filter, style: E?.style ?? {}, children: [
                     E?.label ?? "",
-                    z && /* @__PURE__ */ e("span", { className: Ne.resultNumber, style: H?.showResultName?.style ?? {}, children: z ?? "1211" })
+                    O && /* @__PURE__ */ e("span", { className: Ne.resultNumber, style: H?.showResultName?.style ?? {}, children: O ?? "1211" })
                   ] })
                 ]
               }
@@ -2748,7 +2748,7 @@ const va = ({
                     options: G,
                     filterOptions: o,
                     tagValue: de.current,
-                    selectedDropdown: O,
+                    selectedDropdown: z,
                     setselectedDropdown: h,
                     deleteMultiSelect: A,
                     setdeleteMultiSelect: P,
@@ -2782,7 +2782,7 @@ const va = ({
                   {
                     buttonStyle: H?.showResultName?.style ? { ...H?.showResultName?.style, borderRadius: "0.375rem" } : { borderRadius: "0.375rem" },
                     loading: W,
-                    label: H?.showResultName?.label || H?.showResultName?.label?.length > 0 ? H?.showResultName?.label : `Show ${z ?? ""}`,
+                    label: H?.showResultName?.label || H?.showResultName?.label?.length > 0 ? H?.showResultName?.label : `Show ${O ?? ""}`,
                     onClick: we
                   }
                 ) })
@@ -2791,7 +2791,7 @@ const va = ({
           }
         ),
         Q && de.current.length > 0 && /* @__PURE__ */ l("div", { style: m == "side" ? { marginTop: 0 } : {}, className: Ne.tag, children: [
-          de.current.slice(0, ue).map((G, pe) => /* @__PURE__ */ e(zn, { id: G.id, label: G.label, withClose: !0, theme: I, ...R, onClose: (Me) => se(G) }, pe)),
+          de.current.slice(0, ue).map((G, pe) => /* @__PURE__ */ e(On, { id: G.id, label: G.label, withClose: !0, theme: I, ...R, onClose: (Me) => se(G) }, pe)),
           de.current.length > y && ue <= y && ke && /* @__PURE__ */ e(
             "button",
             {
@@ -2832,7 +2832,7 @@ const va = ({
       ]
     }
   );
-}, Ra = "ProgressSteps-module__steps", Pa = "ProgressSteps-module__currentStep", Ha = "ProgressSteps-module__progressBar", Wa = "ProgressSteps-module__progressBarVertical", Ua = "ProgressSteps-module__singleStep", Ga = "ProgressSteps-module__texts", Ka = "ProgressSteps-module__currentText", Va = "ProgressSteps-module__name", ja = "ProgressSteps-module__subTitle", za = "ProgressSteps-module__vertical", Oa = "ProgressSteps-module__radioWrapper", Za = "ProgressSteps-module__checked", Ya = "ProgressSteps-module__innerCircle", qa = "ProgressSteps-module__radioState", Xa = "ProgressSteps-module__disabled", Ja = "ProgressSteps-module__Namespace_Hr", Qa = "ProgressSteps-module__dark", $e = {
+}, Ra = "ProgressSteps-module__steps", Pa = "ProgressSteps-module__currentStep", Ha = "ProgressSteps-module__progressBar", Wa = "ProgressSteps-module__progressBarVertical", Ua = "ProgressSteps-module__singleStep", Ga = "ProgressSteps-module__texts", Ka = "ProgressSteps-module__currentText", Va = "ProgressSteps-module__name", ja = "ProgressSteps-module__subTitle", Oa = "ProgressSteps-module__vertical", za = "ProgressSteps-module__radioWrapper", Za = "ProgressSteps-module__checked", Ya = "ProgressSteps-module__innerCircle", qa = "ProgressSteps-module__radioState", Xa = "ProgressSteps-module__disabled", Ja = "ProgressSteps-module__Namespace_Hr", Qa = "ProgressSteps-module__dark", $e = {
   steps: Ra,
   currentStep: Pa,
   progressBar: Ha,
@@ -2842,8 +2842,8 @@ const va = ({
   currentText: Ka,
   name: Va,
   subTitle: ja,
-  vertical: za,
-  radioWrapper: Oa,
+  vertical: Oa,
+  radioWrapper: za,
   checked: Za,
   innerCircle: Ya,
   radioState: qa,
@@ -3043,7 +3043,7 @@ const va = ({
     "div",
     {
       id: `datagrid_action_data_id_${t}`,
-      className: `${k === "dark" ? rn.dark : ""}${rn.actionsWrapper} datagrid_action_data_controller`,
+      className: `${k === "dark" ? rn.dark : ""} ${rn.actionsWrapper} datagrid_action_data_controller`,
       onClick: (s) => s.stopPropagation(),
       children: [
         /* @__PURE__ */ l("div", { className: rn.moreActionsButton, onClick: (s) => y(), ref: i, children: [
@@ -3147,13 +3147,13 @@ const va = ({
   focusedRowChanged: $,
   onRowClick: d,
   onWheelClick: N,
-  showPagination: z = !0,
+  showPagination: O = !0,
   refresh: q,
   diselectAll: ae,
   customActions: ye,
   onColumnConfigure: _e,
   onDeleteAll: ge,
-  onDelete: O,
+  onDelete: z,
   onEdit: h,
   withCustomActions: A,
   multiExpand: P,
@@ -3219,10 +3219,10 @@ const va = ({
     M && typeof M == "function" && M(a);
   }, be = (a) => {
     d && typeof d == "function" && d(a.data);
-  }, ze = (a, ce) => {
+  }, Oe = (a, ce) => {
     a.button === 1 && (N && typeof N == "function" && N(ce.data), a.preventDefault());
   }, fn = (a) => {
-    a.rowElement && a.data && a.rowElement.addEventListener("mousedown", (ce) => ze(ce, a)), le && typeof le == "function" && le(a);
+    a.rowElement && a.data && a.rowElement.addEventListener("mousedown", (ce) => Oe(ce, a)), le && typeof le == "function" && le(a);
   }, Je = () => {
     ge && typeof ge == "function" && ge(Ie.current.SelectedRowKeys());
   }, Nn = (a) => {
@@ -3260,7 +3260,7 @@ const va = ({
       X && typeof X == "function" && X(xe);
     });
   }, Sn = (a, ce) => {
-    O && typeof O == "function" && O(ce);
+    z && typeof z == "function" && z(ce);
   }, Cn = (a, ce) => {
     h && typeof h == "function" && h(ce);
   };
@@ -3326,78 +3326,33 @@ const va = ({
             ) }) })
           ] }),
           /* @__PURE__ */ l("div", { id: "pagination-container", children: [
-            /* @__PURE__ */ e("div", { className: "custom-pagination-controls", style: { position: "absolute", bottom: "18px", right: "24px", zIndex: "100" }, children: /* @__PURE__ */ l(
-              "button",
-              {
-                className: "custom-pagination-button",
-                onClick: kn,
-                size: "sm",
-                style: {
-                  backgroundColor: "transparent",
-                  border: "1px solid #D5D7DA",
-                  borderRadius: "8px",
-                  height: "32px",
-                  padding: "16px 12px",
-                  color: "#414651",
-                  fontFamily: "Inter-SemiBold, sans-serif",
-                  fontSize: "14px",
-                  cursor: "pointer",
-                  display: "flex",
-                  alignItems: "center",
-                  gap: "4px"
-                },
-                children: [
-                  "Next",
-                  " ",
-                  /* @__PURE__ */ e("svg", { width: "20", height: "21", viewBox: "0 0 20 21", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ e(
-                    "path",
-                    {
-                      d: "M4.1665 10.5001H15.8332M15.8332 10.5001L9.99984 4.66675M15.8332 10.5001L9.99984 16.3334",
-                      stroke: "#414651",
-                      strokeWidth: "1.66667",
-                      strokeLinecap: "round",
-                      strokeLinejoin: "round"
-                    }
-                  ) })
-                ]
-              }
-            ) }),
-            /* @__PURE__ */ e("div", { className: "custom-pagination-controls", style: { position: "absolute", bottom: "18px", left: "24px", zIndex: "100" }, children: /* @__PURE__ */ l(
-              "button",
-              {
-                className: "custom-pagination-button",
-                onClick: wn,
-                size: "sm",
-                style: {
-                  backgroundColor: "transparent",
-                  border: "1px solid #D5D7DA",
-                  borderRadius: "8px",
-                  height: "32px",
-                  padding: "16px 12px",
-                  color: "#414651",
-                  fontSize: "14px",
-                  cursor: "pointer",
-                  display: "flex",
-                  alignItems: "center",
-                  gap: "4px",
-                  fontFamily: "Inter-SemiBold, sans-serif"
-                },
-                children: [
-                  /* @__PURE__ */ e("svg", { width: "20", height: "21", viewBox: "0 0 20 21", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ e(
-                    "path",
-                    {
-                      d: "M15.8334 10.5001H4.16675M4.16675 10.5001L10.0001 16.3334M4.16675 10.5001L10.0001 4.66675",
-                      stroke: "#414651",
-                      strokeWidth: "1.66667",
-                      strokeLinecap: "round",
-                      strokeLinejoin: "round"
-                    }
-                  ) }),
-                  " ",
-                  "Previous"
-                ]
-              }
-            ) })
+            /* @__PURE__ */ e("div", { className: "dx-custom-pagination-controls", style: { position: "absolute", bottom: "18px", right: "24px", zIndex: "100" }, children: /* @__PURE__ */ l("button", { className: "custom-pagination-button", onClick: kn, size: "sm", children: [
+              "Next",
+              " ",
+              /* @__PURE__ */ e("svg", { width: "20", height: "21", viewBox: "0 0 20 21", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ e(
+                "path",
+                {
+                  d: "M4.1665 10.5001H15.8332M15.8332 10.5001L9.99984 4.66675M15.8332 10.5001L9.99984 16.3334",
+                  stroke: "#414651",
+                  strokeWidth: "1.66667",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round"
+                }
+              ) })
+            ] }) }),
+            /* @__PURE__ */ e("div", { className: "dx-custom-pagination-controls", style: { position: "absolute", bottom: "18px", left: "24px", zIndex: "100" }, children: /* @__PURE__ */ l("button", { className: "custom-pagination-button", onClick: wn, size: "sm", style: {}, children: [
+              /* @__PURE__ */ e("svg", { width: "20", height: "21", viewBox: "0 0 20 21", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ e(
+                "path",
+                {
+                  d: "M15.8334 10.5001H4.16675M4.16675 10.5001L10.0001 16.3334M4.16675 10.5001L10.0001 4.66675",
+                  stroke: "#414651",
+                  strokeWidth: "1.66667",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round"
+                }
+              ) }),
+              "Previous"
+            ] }) })
           ] }),
           /* @__PURE__ */ l(
             or,
@@ -3510,7 +3465,7 @@ const va = ({
                             rowData: a.data,
                             rowID: a.data[c],
                             actions: G.filter((ce) => ce.disabledForKeys && ce.disabledForKeys.length ? !ce.disabledForKeys.includes(a.data[c]) : ce),
-                            hiddenActionTypes: [O ? "" : "delete", h ? "" : "edit"],
+                            hiddenActionTypes: [z ? "" : "delete", h ? "" : "edit"],
                             onExpand: (ce) => {
                               Ln(a.data), ue && typeof ue == "function" && ue(a.data);
                             }
@@ -3601,7 +3556,7 @@ const va = ({
     ] }),
     /* @__PURE__ */ e("div", { className: yn.deleteFile, onClick: y, children: w ?? /* @__PURE__ */ e(Rn, { width: 16 }) })
   ] }) });
-}, Hl = "FileUploader-module__fileUploaderWrapper", Wl = "FileUploader-module__rowStyle", Ul = "FileUploader-module__fileUploaderContent", Gl = "FileUploader-module__labels", Kl = "FileUploader-module__draganddrop", Vl = "FileUploader-module__uploadSvg", jl = "FileUploader-module__title", zl = "FileUploader-module__brandColor", Ol = "FileUploader-module__subTitle", Zl = "FileUploader-module__uploadAction", Yl = "FileUploader-module__dark", Ue = {
+}, Hl = "FileUploader-module__fileUploaderWrapper", Wl = "FileUploader-module__rowStyle", Ul = "FileUploader-module__fileUploaderContent", Gl = "FileUploader-module__labels", Kl = "FileUploader-module__draganddrop", Vl = "FileUploader-module__uploadSvg", jl = "FileUploader-module__title", Ol = "FileUploader-module__brandColor", zl = "FileUploader-module__subTitle", Zl = "FileUploader-module__uploadAction", Yl = "FileUploader-module__dark", Ue = {
   fileUploaderWrapper: Hl,
   rowStyle: Wl,
   fileUploaderContent: Ul,
@@ -3609,8 +3564,8 @@ const va = ({
   draganddrop: Kl,
   uploadSvg: Vl,
   title: jl,
-  brandColor: zl,
-  subTitle: Ol,
+  brandColor: Ol,
+  subTitle: zl,
   uploadAction: Zl,
   dark: Yl
 }, Kn = (r) => /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", width: "21", height: "20", viewBox: "0 0 21 20", fill: "none", children: /* @__PURE__ */ e(
@@ -3660,7 +3615,7 @@ const va = ({
   }, []);
   const N = (A) => {
     $(A);
-  }, z = (A) => {
+  }, O = (A) => {
     A.preventDefault(), N(!0);
   }, q = (A) => {
     A.preventDefault(), N(!1);
@@ -3669,10 +3624,10 @@ const va = ({
   }, ye = (A) => {
     A.preventDefault(), h(A.dataTransfer.files), N(!1);
   }, _e = (A) => {
-    d.current = d.current.filter((P, X) => P.fileID !== A.fileID), R((P) => !P), O();
+    d.current = d.current.filter((P, X) => P.fileID !== A.fileID), R((P) => !P), z();
   }, ge = (A) => {
     h(A.target.files);
-  }, O = () => {
+  }, z = () => {
     o && typeof o == "function" && o(d.current);
   }, h = async (A) => {
     let P = A, X = [];
@@ -3692,7 +3647,7 @@ const va = ({
       }
       t && P[x].size > t ? b && typeof b == "function" && b({ Error: "Max_Size_Error", MaxSize: t }) : X.push(F);
     }
-    r ? d.current = [...d.current, ...X] : (X = X.slice(-1), d.current = X), R((x) => !x), O();
+    r ? d.current = [...d.current, ...X] : (X = X.slice(-1), d.current = X), R((x) => !x), z();
   };
   return /* @__PURE__ */ l(
     "div",
@@ -3706,7 +3661,7 @@ const va = ({
             {
               style: s ?? {},
               className: `${Ue.fileUploaderContent} `,
-              onDragEnter: z,
+              onDragEnter: O,
               onDragLeave: q,
               onDragOver: ae,
               onDrop: ye,
@@ -4012,10 +3967,10 @@ const va = ({
         selected: n,
         children: d.children ? E(d.children, n) : []
       };
-    const N = d.children ? D(R, n, d.children) : [], z = N.some((q) => !q.selected);
+    const N = d.children ? D(R, n, d.children) : [], O = N.some((q) => !q.selected);
     return {
       ...d,
-      selected: N.length ? !z : d.selected,
+      selected: N.length ? !O : d.selected,
       children: N
     };
   }), E = (R, n) => R.map(($) => ({
@@ -4346,12 +4301,12 @@ const va = ({
       c && /* @__PURE__ */ e("div", { className: `${Se.progressText} ${Se.semicircle} ${Se[k]}`, style: S ?? {}, children: t ? typeof t == "function" ? t() : t : `${r}${o ? "%" : ""}` })
     ] })
   ] });
-}, Ki = "InputWithDropdown-module__inputWithDropdownWrapper", Vi = "InputWithDropdown-module__inputLabel", ji = "InputWithDropdown-module__required", zi = "InputWithDropdown-module__inputContainer", Oi = "InputWithDropdown-module__inputWithDropdownContent", Zi = "InputWithDropdown-module__inputIcon", Yi = "InputWithDropdown-module__iconDown", qi = "InputWithDropdown-module__currentCurrencyCode", Xi = "InputWithDropdown-module__inputDropDown", Ji = "InputWithDropdown-module__countryName", Qi = "InputWithDropdown-module__hidden", es = "InputWithDropdown-module__visible", ns = "InputWithDropdown-module__checkIcon", rs = "InputWithDropdown-module__disabled", ts = "InputWithDropdown-module__selected", os = "InputWithDropdown-module__focused", cs = "InputWithDropdown-module__error", as = "InputWithDropdown-module__sm", ls = "InputWithDropdown-module__md", is = "InputWithDropdown-module__inputHelperText", ss = "InputWithDropdown-module__Namespace_Hr", ds = "InputWithDropdown-module__dark", us = "InputWithDropdown-module__inputWrapper", ms = "InputWithDropdown-module__http", Re = {
+}, Ki = "InputWithDropdown-module__inputWithDropdownWrapper", Vi = "InputWithDropdown-module__inputLabel", ji = "InputWithDropdown-module__required", Oi = "InputWithDropdown-module__inputContainer", zi = "InputWithDropdown-module__inputWithDropdownContent", Zi = "InputWithDropdown-module__inputIcon", Yi = "InputWithDropdown-module__iconDown", qi = "InputWithDropdown-module__currentCurrencyCode", Xi = "InputWithDropdown-module__inputDropDown", Ji = "InputWithDropdown-module__countryName", Qi = "InputWithDropdown-module__hidden", es = "InputWithDropdown-module__visible", ns = "InputWithDropdown-module__checkIcon", rs = "InputWithDropdown-module__disabled", ts = "InputWithDropdown-module__selected", os = "InputWithDropdown-module__focused", cs = "InputWithDropdown-module__error", as = "InputWithDropdown-module__sm", ls = "InputWithDropdown-module__md", is = "InputWithDropdown-module__inputHelperText", ss = "InputWithDropdown-module__Namespace_Hr", ds = "InputWithDropdown-module__dark", us = "InputWithDropdown-module__inputWrapper", ms = "InputWithDropdown-module__http", Re = {
   inputWithDropdownWrapper: Ki,
   inputLabel: Vi,
   required: ji,
-  inputContainer: zi,
-  inputWithDropdownContent: Oi,
+  inputContainer: Oi,
+  inputWithDropdownContent: zi,
   inputIcon: Zi,
   iconDown: Yi,
   currentCurrencyCode: qi,
@@ -6971,10 +6926,10 @@ const va = ({
         };
         d(U), L && typeof L == "function" && L(C === "country" ? U : M);
       }
-      z((U) => !U);
+      O((U) => !U);
     }
   }, [s, V.current]);
-  const [N, z] = Z(!1), q = ne(null), ae = ne(null), [ye, _e] = Z(!1), [ge, O] = Z(!1), h = ne(null), A = (M) => {
+  const [N, O] = Z(!1), q = ne(null), ae = ne(null), [ye, _e] = Z(!1), [ge, z] = Z(!1), h = ne(null), A = (M) => {
     let U = M.target.value;
     if (C === "country" && (U = U.replace(/[^0-9+ ]/g, "")), D && typeof D == "function" && D(U), !U) {
       V.current = i || Fn;
@@ -6995,7 +6950,7 @@ const va = ({
       currencyCode: M?.currency_code,
       currencyName: M?.currency
     };
-    d(U), q.current.focus(), L && typeof L == "function" && L(C === "country" ? U : M), O(!1);
+    d(U), q.current.focus(), L && typeof L == "function" && L(C === "country" ? U : M), z(!1);
   }, X = () => {
     _e(!0), j(), E && typeof E == "function" && E();
   }, x = (M) => {
@@ -7007,7 +6962,7 @@ const va = ({
     const fe = M.getBoundingClientRect(), de = window.innerHeight;
     I ? (U.style.position = "fixed", U.style.width = fe.width + "px", U.style.left = `${fe.left + window.pageXOffset}px`, fe.bottom + U.offsetHeight > de ? (U.style.top = `${window.scrollY + fe.top - U.offsetHeight - 8}px`, U.style.bottom = "unset") : (U.style.top = `${window.scrollY + fe.bottom + 8}px`, U.style.bottom = "unset")) : fe.bottom > de ? (U.style.top = "unset", U.style.bottom = "calc(100% + 8px)") : (U.style.bottom = "unset", U.style.top = "calc(100% + 8px)");
   }, le = (M) => {
-    M.composedPath().includes(h.current) || (_e(!1), O(!1));
+    M.composedPath().includes(h.current) || (_e(!1), z(!1));
   };
   return oe(() => {
     if (R.current) {
@@ -7046,7 +7001,7 @@ const va = ({
                   className: Re.inputIcon,
                   style: { cursor: m || p ? "not-allowed" : "pointer" },
                   onClick: () => {
-                    m || p || (j(), O((M) => !M));
+                    m || p || (j(), z((M) => !M));
                   },
                   children: [
                     $ && /* @__PURE__ */ l(Ze, { children: [
@@ -7130,7 +7085,7 @@ export {
   Ns as Skeleton,
   Fa as Slider,
   vs as Tabs,
-  zn as Tag,
+  On as Tag,
   gs as Textarea,
   Hc as TimePicker,
   bs as Toggle,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "master-components-react",
   "private": false,
-  "version": "4.3.14",
+  "version": "4.3.15",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",