master-components-react 4.3.23 → 4.3.24

package/dist/index.js

@@ -65,9 +65,9 @@ const wr = ({ loadingColor: r }) => /* @__PURE__ */ i(
   onClick: c,
   size: m = "md",
   disabled: f = !1,
-  loading: C,
+  loading: w,
   withIcons: u,
-  iconOne: w,
+  iconOne: k,
   iconTwo: g,
   onlyIcon: y,
   buttonStyle: M,
@@ -89,15 +89,15 @@ const wr = ({ loadingColor: r }) => /* @__PURE__ */ i(
             ${Je.mainButton}
             ${f ? Je.disabled : t ? Je[t] : ""}
             ${y ? Je.onlyIcon : ""}
-            ${C ? Je.loading : ""}
+            ${w ? Je.loading : ""}
             ${m ? Je[m] : ""}
           `,
       onClick: () => {
         !f && c && typeof c == "function" && c();
       },
       children: /* @__PURE__ */ i("div", { className: Je.buttonSlot, style: !f && W ? W : {}, children: [
-        y || u && w ? w : "",
-        !y && /* @__PURE__ */ e(Ze, { children: C ? /* @__PURE__ */ e("div", { style: { display: "grid", placeItems: "center" }, children: /* @__PURE__ */ e(wr, { loadingColor: D }) }) : /* @__PURE__ */ e("span", { style: !f && b ? b : {}, className: Je.buttonLabel, children: r ?? "Button" }) }),
+        y || u && k ? k : "",
+        !y && /* @__PURE__ */ e(Ze, { children: w ? /* @__PURE__ */ e("div", { style: { display: "grid", placeItems: "center" }, children: /* @__PURE__ */ e(wr, { loadingColor: D }) }) : /* @__PURE__ */ e("span", { style: !f && b ? b : {}, className: Je.buttonLabel, children: r ?? "Button" }) }),
         u && g ? g : ""
       ] })
     }
@@ -169,9 +169,9 @@ const wr = ({ loadingColor: r }) => /* @__PURE__ */ i(
   required: c = !1,
   multipleChecked: m = !1,
   size: f = "md",
-  activeStyle: C,
+  activeStyle: w,
   checkBoxStyle: u,
-  withActive: w = !0,
+  withActive: k = !0,
   theme: g = "light"
 }) => {
   const y = Ye(), M = re(null), [b, B] = O(!1), W = () => {
@@ -180,7 +180,7 @@ const wr = ({ loadingColor: r }) => /* @__PURE__ */ i(
   return /* @__PURE__ */ i(
     "div",
     {
-      style: b ? t ? { boxShadow: "none" } : C ?? {} : u ?? {},
+      style: b ? t ? { boxShadow: "none" } : w ?? {} : u ?? {},
       className: ` ${g === "dark" ? on.dark : ""}  ${on[y]} ${on.checkboxWrapper} ${on[f]} ${r ? on.checked : on.unChecked} ${t ? on.disabled : ""}`,
       onMouseDown: () => B(!0),
       onMouseUp: () => B(!1),
@@ -209,9 +209,9 @@ const wr = ({ loadingColor: r }) => /* @__PURE__ */ i(
   withClose: c,
   withCheckbox: m,
   withNumber: f,
-  number: C,
+  number: w,
   checkboxProps: u,
-  disable: w,
+  disable: k,
   size: g,
   onClose: y,
   tagContainerStyle: M,
@@ -232,7 +232,7 @@ const wr = ({ loadingColor: r }) => /* @__PURE__ */ i(
         m && /* @__PURE__ */ e(Dn, { ...u }),
         t && p(),
         o && /* @__PURE__ */ e("p", { style: b ?? {}, className: cn.tagLabel, children: o ?? "" }),
-        f && /* @__PURE__ */ e("div", { style: B ?? {}, className: cn.tagNumber, children: C ?? "" }),
+        f && /* @__PURE__ */ e("div", { style: B ?? {}, className: cn.tagNumber, children: w ?? "" }),
         c && /* @__PURE__ */ e("div", { style: W ?? {}, className: cn.tagClose, onClick: h, children: /* @__PURE__ */ e(wn, { width: W?.width ?? "14", height: W?.height ?? "14", color: W?.color ?? "#A4A7AE" }) })
       ]
     }
@@ -244,9 +244,9 @@ const wr = ({ loadingColor: r }) => /* @__PURE__ */ i(
   required: c,
   disabled: m,
   type: f,
-  size: C,
+  size: w,
   onChange: u,
-  onFocus: w,
+  onFocus: k,
   onBlur: g,
   msg: y,
   readOnly: M,
@@ -295,7 +295,7 @@ const wr = ({ loadingColor: r }) => /* @__PURE__ */ i(
     let be = oe.target.value;
     be.length === 1 && (be = be.trim()), u && typeof u == "function" && u(B ? be.replace(/\d/g, "") : be);
   }, ye = () => {
-    ne(!0), w && typeof w == "function" && w();
+    ne(!0), k && typeof k == "function" && k();
   }, Fe = () => {
     ne(!1), g && typeof g == "function" && g();
   }, ie = (oe) => {
@@ -337,7 +337,7 @@ const wr = ({ loadingColor: r }) => /* @__PURE__ */ i(
         {
           style: ve(),
           ref: we,
-          className: `${$e.inputContainer} ${ke && !M ? $e.focused : ""} ${m ? $e.disabled : ""} ${y?.error ? $e.error : ""} ${$e[C ?? "sm"]}`,
+          className: `${$e.inputContainer} ${ke && !M ? $e.focused : ""} ${m ? $e.disabled : ""} ${y?.error ? $e.error : ""} ${$e[w ?? "sm"]}`,
           children: [
             !X && !v && A && /* @__PURE__ */ e(
               "div",
@@ -481,9 +481,9 @@ const wr = ({ loadingColor: r }) => /* @__PURE__ */ i(
   cols: c,
   rows: m,
   value: f,
-  withEmoji: C = !1,
+  withEmoji: w = !1,
   maxLength: u,
-  withResize: w = !0,
+  withResize: k = !0,
   onChange: g,
   onFocus: y,
   onBlur: M,
@@ -569,7 +569,7 @@ const wr = ({ loadingColor: r }) => /* @__PURE__ */ i(
           /* @__PURE__ */ e("span", { style: l ?? {}, className: Be.required, children: B && "*" }),
           F && n(F)
         ] }),
-        /* @__PURE__ */ i("div", { className: `${Be.wrap} ${w ? Be.resize : ""}`, ref: N, children: [
+        /* @__PURE__ */ i("div", { className: `${Be.wrap} ${k ? Be.resize : ""}`, ref: N, children: [
           /* @__PURE__ */ e(
             "textarea",
             {
@@ -591,7 +591,7 @@ const wr = ({ loadingColor: r }) => /* @__PURE__ */ i(
               }
             }
           ),
-          C && /* @__PURE__ */ i("div", { ref: q, className: Be.popupEmojiContainer, children: [
+          w && /* @__PURE__ */ i("div", { ref: q, className: Be.popupEmojiContainer, children: [
             /* @__PURE__ */ e(
               "div",
               {
@@ -633,9 +633,9 @@ const wr = ({ loadingColor: r }) => /* @__PURE__ */ i(
   required: c,
   withActive: m = !0,
   activeStyle: f,
-  bgStyle: C,
+  bgStyle: w,
   checkedBgStyle: u,
-  disabledBgStyle: w,
+  disabledBgStyle: k,
   circleStyle: g,
   checkedCircleStyle: y,
   disabledCircleStyle: M,
@@ -649,9 +649,9 @@ const wr = ({ loadingColor: r }) => /* @__PURE__ */ i(
     if (r) {
       if (u) return u;
     } else if (r) {
-      if (t && w)
-        return w;
-    } else if (C) return C;
+      if (t && k)
+        return k;
+    } else if (w) return w;
     return {};
   }, h = () => {
     if (r) {
@@ -691,9 +691,9 @@ const wr = ({ loadingColor: r }) => /* @__PURE__ */ i(
   required: c,
   withUncheckState: m = !1,
   size: f,
-  radioWrapperStyle: C,
+  radioWrapperStyle: w,
   radioStateStyle: u,
-  innerCircleStyle: w,
+  innerCircleStyle: k,
   theme: g = "light"
 }) => {
   const y = Ye();
@@ -705,11 +705,11 @@ const wr = ({ loadingColor: r }) => /* @__PURE__ */ i(
     "div",
     {
       className: `${g === "dark" ? en.dark : ""} ${en[y]} ${en.radioWrapper} ${en[f] ?? en.md} ${r ? en.checked : ""} ${t ? en.disabled : ""}`,
-      style: C ?? {},
+      style: w ?? {},
       onClick: M,
       children: [
         /* @__PURE__ */ e("input", { type: "radio", checked: !0, readOnly: !0, hidden: !0, disabled: t ?? !1, required: c }),
-        /* @__PURE__ */ e("div", { style: u ?? {}, className: en.radioState, children: /* @__PURE__ */ e("div", { style: w ?? {}, className: en.innerCircle }) })
+        /* @__PURE__ */ e("div", { style: u ?? {}, className: en.radioState, children: /* @__PURE__ */ e("div", { style: k ?? {}, className: en.innerCircle }) })
       ]
     }
   );
@@ -768,9 +768,9 @@ const wr = ({ loadingColor: r }) => /* @__PURE__ */ i(
   size: c = "md",
   placeholder: m,
   msg: f,
-  readOnly: C,
+  readOnly: w,
   searchValue: u,
-  onClearAll: w,
+  onClearAll: k,
   onSelectAll: g,
   onBottomScroll: y,
   withSearch: M = !1,
@@ -819,39 +819,39 @@ const wr = ({ loadingColor: r }) => /* @__PURE__ */ i(
   treeProps: ke,
   theme: ne = "light"
 }) => {
-  const de = Ye(), [me, we] = O(!1), [ge, Ee] = O(!1), [Me, Se] = O(!1), [ee, ye] = O([]), [Fe, ie] = O(""), [Ce, He] = O(""), ve = re([]), [rn, Ie] = O(/* @__PURE__ */ new Set()), qe = re(null), nn = re(null), oe = re({}), be = re([]), je = (k, U) => {
+  const de = Ye(), [me, we] = O(!1), [ge, Ee] = O(!1), [Me, Se] = O(!1), [ee, ye] = O([]), [Fe, ie] = O(""), [Ce, He] = O(""), ve = re([]), [rn, Ie] = O(/* @__PURE__ */ new Set()), qe = re(null), nn = re(null), oe = re({}), be = re([]), je = (C, U) => {
     const Ne = /* @__PURE__ */ new Set();
-    return k.filter((We) => Ne.has(We[U]) ? !1 : (Ne.add(We[U]), !0));
-  }, sn = (k) => {
-    oe.current = k, ie(oe.current?.label), A && typeof A == "function" && A(oe.current), Ee(!1);
-  }, tn = (k) => {
+    return C.filter((We) => Ne.has(We[U]) ? !1 : (Ne.add(We[U]), !0));
+  }, sn = (C) => {
+    oe.current = C, ie(oe.current?.label), A && typeof A == "function" && A(oe.current), Ee(!1);
+  }, tn = (C) => {
     Ie((U) => {
       const Ne = new Set(U);
-      Ne.has(k.id) ? Ne.delete(k.id) : Ne.add(k.id);
+      Ne.has(C.id) ? Ne.delete(C.id) : Ne.add(C.id);
       const We = I.filter((Bn) => Ne.has(Bn.id));
       return ve.current = je(We, "id"), A && typeof A == "function" && A(ve.current), T || ie(ve.current.map((Bn) => Bn.label).join(", ")), Ne;
     }), we((U) => !U);
-  }, Nn = (k) => {
-    k.stopPropagation(), n || b ? M && (He(""), be.current = I, we((U) => !U)) : (ve.current = [], Y = null, _n(""), oe.current = {}, A({}), ie("")), V && typeof V == "function" && V("");
-  }, _n = (k) => {
-    if (V && typeof V == "function" && V(k), n && M) {
-      let U = I, Ne = U.filter((We) => We?.label?.toLowerCase().includes(k?.toLowerCase() || ""));
-      be.current = k?.length > 0 ? Ne : U, He(k), we((We) => !We);
+  }, Nn = (C) => {
+    C.stopPropagation(), n || b ? M && (He(""), be.current = I, we((U) => !U)) : (ve.current = [], Y = null, _n(""), oe.current = {}, A({}), ie("")), V && typeof V == "function" && V("");
+  }, _n = (C) => {
+    if (V && typeof V == "function" && V(C), n && M) {
+      let U = I, Ne = U.filter((We) => We?.label?.toLowerCase().includes(C?.toLowerCase() || ""));
+      be.current = C?.length > 0 ? Ne : U, He(C), we((We) => !We);
     } else
-      He(k), ie(k);
+      He(C), ie(C);
   }, Ln = () => {
     if (Y || Y === 0) {
-      let k = I.filter((U) => Number(U.id) === Number(Y));
-      k && k[0] && (oe.current = k[0], v ? (V && typeof V == "function" && V(oe.current.label), ie(oe.current.label), d && Ee((U) => !1)) : sn(k[0]));
+      let C = I.filter((U) => Number(U.id) === Number(Y));
+      C && C[0] && (oe.current = C[0], v ? (V && typeof V == "function" && V(oe.current.label), ie(oe.current.label), d && Ee((U) => !1)) : sn(C[0]));
     }
-  }, [Mn, kn] = O(!1), Tn = (k) => {
+  }, [Mn, kn] = O(!1), Tn = (C) => {
     let U = qe.current.querySelector("ul"), We = Math.abs(U.scrollTop + U.clientHeight - U.scrollHeight) <= 2;
     R && We && !Mn && (y && typeof y == "function" && y(!0), kn(!0)), We || kn(!1);
   }, Sn = () => {
-    Ie(/* @__PURE__ */ new Set()), ve.current = [], A([], !0), ie(""), w && typeof w == "function" && w(), we((k) => !k);
+    Ie(/* @__PURE__ */ new Set()), ve.current = [], A([], !0), ie(""), k && typeof k == "function" && k(), we((C) => !C);
   }, In = () => {
-    const k = I.filter((U) => U?.id && U?.id !== null && U?.label && U?.label !== "" && U?.label !== "-" && !U.disabled);
-    Ie(new Set(k.map((U) => U.id))), ve.current = je(k, "id"), ie(ve.current.map((U) => U.label).join(", ")), g && typeof g == "function" && g(), A(ve.current, !0), we((U) => !U);
+    const C = I.filter((U) => U?.id && U?.id !== null && U?.label && U?.label !== "" && U?.label !== "-" && !U.disabled);
+    Ie(new Set(C.map((U) => U.id))), ve.current = je(C, "id"), ie(ve.current.map((U) => U.label).join(", ")), g && typeof g == "function" && g(), A(ve.current, !0), we((U) => !U);
   }, vn = re(!0);
   te(() => {
     if (vn.current) {
@@ -863,50 +863,56 @@ const wr = ({ loadingColor: r }) => /* @__PURE__ */ i(
   const An = () => {
     l && typeof l == "function" && l();
   }, En = async () => {
-    if (!(Me || C)) {
+    if (!(Me || w)) {
       if (Z && typeof Z == "function") {
         Se(!0);
         try {
-          await Z();
-        } catch (k) {
-          console.error("Error loading dropdown data:", k);
+          await Z(), await new Promise((C) => {
+            requestAnimationFrame(() => {
+              requestAnimationFrame(() => {
+                C();
+              });
+            });
+          });
+        } catch (C) {
+          console.error("Error loading dropdown data:", C);
         } finally {
           Se(!1);
         }
       }
-      Ee((k) => !k), Qe();
+      Ee((C) => !C), Qe();
     }
-  }, a = (k) => k, ce = (k) => {
+  }, a = (C) => C, ce = (C) => {
     let U = !0, Ne = Fe;
-    return X && k && !k.toLowerCase().split(" ").join("").trim().includes(Ne.toLowerCase().split(" ").join("").trim()) && Ne.trim() !== "" && (U = !1), Ce.length > 0 && k === "-" ? "hidden" : U ? "visible" : "hidden";
-  }, Te = (k) => {
-    k.composedPath().includes(qe.current) || Ee(!1);
-  }, Xe = (k) => {
+    return X && C && !C.toLowerCase().split(" ").join("").trim().includes(Ne.toLowerCase().split(" ").join("").trim()) && Ne.trim() !== "" && (U = !1), Ce.length > 0 && C === "-" ? "hidden" : U ? "visible" : "hidden";
+  }, Te = (C) => {
+    C.composedPath().includes(qe.current) || Ee(!1);
+  }, Xe = (C) => {
     if (q) {
-      if (k.composedPath().includes(qe.current)) return;
+      if (C.composedPath().includes(qe.current)) return;
       Ee(!1);
     }
   }, Qe = () => {
-    const k = qe.current, U = nn.current;
-    if (!U || !k) return;
-    const Ne = k.getBoundingClientRect(), We = window.innerHeight;
+    const C = qe.current, U = nn.current;
+    if (!U || !C) return;
+    const Ne = C.getBoundingClientRect(), We = window.innerHeight;
     q ? (U.style.position = "fixed", U.style.width = Ne.width + "px", U.style.left = `${Ne.left}px`, Ne.bottom + U.offsetHeight > We ? (U.style.top = `${Ne.top - U.offsetHeight - 8}px`, U.style.bottom = "unset") : (U.style.top = `${Ne.bottom}px`, U.style.bottom = "unset")) : Ne.bottom > We ? (U.style.top = "unset", U.style.bottom = "calc(100% + 8px)") : (U.style.bottom = "unset", U.style.top = "calc(100% + 8px)");
-  }, dn = (k) => {
-    ve.current = k, A && typeof A == "function" && A(k);
-  }, Fn = (k, U) => {
-    D && typeof D == "function" && D(k, U);
+  }, dn = (C) => {
+    ve.current = C, A && typeof A == "function" && A(C);
+  }, Fn = (C, U) => {
+    D && typeof D == "function" && D(C, U);
   }, hn = re(null);
   return te(() => {
     ge && hn.current && hn.current.focus();
   }, [ge]), te(() => {
     if (n) {
-      const k = I.filter((U) => U.selected);
-      ve.current = k, Ie(new Set(k.map((U) => U.id))), ie(k.map((U) => U.label).join(", "));
+      const C = I.filter((U) => U.selected);
+      ve.current = C, Ie(new Set(C.map((U) => U.id))), ie(C.map((U) => U.label).join(", "));
     }
   }, []), te(() => {
     if (n && I) {
-      const k = I.filter((U) => U.selected);
-      k.length > 0 && (Ie(new Set(k.map((U) => U.id))), ve.current = k, ie(k.map((U) => U.label).join(", ")));
+      const C = I.filter((U) => U.selected);
+      C.length > 0 && (Ie(new Set(C.map((U) => U.id))), ve.current = C, ie(C.map((U) => U.label).join(", ")));
     }
   }, [I, n]), te(() => {
     T && u && u.length > 0 && He(u), be.current = I;
@@ -947,7 +953,7 @@ const wr = ({ loadingColor: r }) => /* @__PURE__ */ i(
         onFocus: An,
         ref: qe,
         onClick: En,
-        className: `${xe.dropdownContainer} ${ge && !C ? xe.focused : ""} ${o ? xe.disabled : ""} ${f?.error ? xe.error : ""} ${xe[c]} ${Me ? xe.loading : ""}`,
+        className: `${xe.dropdownContainer} ${ge && !w ? xe.focused : ""} ${o ? xe.disabled : ""} ${f?.error ? xe.error : ""} ${xe[c]} ${Me ? xe.loading : ""}`,
         style: $ ?? {},
         children: [
           T ? /* @__PURE__ */ i("div", { children: [
@@ -961,13 +967,13 @@ const wr = ({ loadingColor: r }) => /* @__PURE__ */ i(
               className: xe.selectedTags,
               style: { width: !ge && ve.current.length === 0 ? 0 : "calc(100% - 2.25rem)", ...z ?? {} },
               children: !T && !ge ? /* @__PURE__ */ i("div", { style: { display: "flex", alignItems: "center", justifyContent: "flex-start", width: "100%" }, children: [
-                ve.current.slice(0, 3).map((k, U) => {
+                ve.current.slice(0, 3).map((C, U) => {
                   let Ne = ve.current[ve.current.length - 1];
                   return /* @__PURE__ */ i("span", { className: xe.selectedList, style: le ?? {}, children: [
-                    k.label,
-                    k.id !== Ne.id && U !== 2 ? "," : "",
+                    C.label,
+                    C.id !== Ne.id && U !== 2 ? "," : "",
                     "  "
-                  ] }, k?.id);
+                  ] }, C?.id);
                 }),
                 ve.current.length > 3 && /* @__PURE__ */ i("div", { className: xe.additional, style: G ?? {}, children: [
                   "+",
@@ -977,13 +983,13 @@ const wr = ({ loadingColor: r }) => /* @__PURE__ */ i(
                 "input",
                 {
                   ref: hn,
-                  onClick: (k) => (k.stopPropagation(), Ee(!0)),
+                  onClick: (C) => (C.stopPropagation(), Ee(!0)),
                   autoCorrect: "off",
                   placeholder: Me ? "Loading..." : "Search...",
                   type: "text",
                   readOnly: Me,
                   ...T || M ? { value: Ce } : {},
-                  onChange: (k) => _n(k.target.value)
+                  onChange: (C) => _n(C.target.value)
                 },
                 Y
               )
@@ -998,11 +1004,11 @@ const wr = ({ loadingColor: r }) => /* @__PURE__ */ i(
               readOnly: !X || !ge || n || b || Me,
               type: "text",
               value: (n || b) && !T && ge ? "" : Fe,
-              onChange: (k) => _n(k.target.value)
+              onChange: (C) => _n(C.target.value)
             },
             Y
           ),
-          I && I.length > 0 && ge && !Me && /* @__PURE__ */ i("div", { ref: nn, onClick: (k) => k.stopPropagation(), className: xe.dropdownListContainer, children: [
+          I && I.length > 0 && ge && !Me && /* @__PURE__ */ i("div", { ref: nn, onClick: (C) => C.stopPropagation(), className: xe.dropdownListContainer, children: [
             b ? /* @__PURE__ */ e(
               $i,
               {
@@ -1021,25 +1027,25 @@ const wr = ({ loadingColor: r }) => /* @__PURE__ */ i(
                 theme: ne,
                 ...ke
               }
-            ) : /* @__PURE__ */ e("ul", { onScroll: (k) => Tn(), onClick: (k) => k.stopPropagation(), className: xe.dropdownList, style: fe ?? {}, children: (n && X ? be.current : I).map((k) => {
-              const U = n ? k.selected || rn.has(k.id) : oe.current?.id && oe.current?.id === k.id;
+            ) : /* @__PURE__ */ e("ul", { onScroll: (C) => Tn(), onClick: (C) => C.stopPropagation(), className: xe.dropdownList, style: fe ?? {}, children: (n && X ? be.current : I).map((C) => {
+              const U = n ? C.selected || rn.has(C.id) : oe.current?.id && oe.current?.id === C.id;
               return /* @__PURE__ */ i(
                 "li",
                 {
                   style: se ?? {},
-                  className: `${!n && M ? xe[ce(k?.label ?? "-")] : ""} ${!k?.label || k.label === void 0 || k?.disabled ? xe.disabled : ""} ${U ? xe.selected : ""}`,
+                  className: `${!n && M ? xe[ce(C?.label ?? "-")] : ""} ${!C?.label || C.label === void 0 || C?.disabled ? xe.disabled : ""} ${U ? xe.selected : ""}`,
                   onClick: () => {
-                    n ? tn(k) : sn(k);
+                    n ? tn(C) : sn(C);
                   },
                   children: [
                     /* @__PURE__ */ i("p", { children: [
                       " ",
-                      k?.customLabel ? k.customLabel() : k?.label ?? "-"
+                      C?.customLabel ? C.customLabel() : C?.label ?? "-"
                     ] }),
                     F ? /* @__PURE__ */ e(Ze, { children: U ? /* @__PURE__ */ e(Io, {}) : /* @__PURE__ */ e(So, {}) }) : U && /* @__PURE__ */ e("span", { className: xe.checkIcon, children: /* @__PURE__ */ e(qn, { color: de === "namespaceHr" ? "#32B45F" : "#7F56D9", width: 20, height: 20 }) })
                   ]
                 },
-                k?.id
+                C?.id
               );
             }) }),
             n && P && /* @__PURE__ */ i("div", { className: xe.dropdownListFooter, children: [
@@ -1047,7 +1053,7 @@ const wr = ({ loadingColor: r }) => /* @__PURE__ */ i(
               h && /* @__PURE__ */ e("span", { onClick: Sn, children: "Clear All" })
             ] })
           ] }),
-          N && (n ? ge ? Ce.length > 0 : !1 : Fe.length > 0 || Ce.length > 0) && /* @__PURE__ */ e("div", { onClick: (k) => Nn(k), style: { display: "grid", placeItems: "center", cursor: "pointer" }, children: j ? a(j) : /* @__PURE__ */ e(wn, { width: 16, height: 16 }) }),
+          N && (n ? ge ? Ce.length > 0 : !1 : Fe.length > 0 || Ce.length > 0) && /* @__PURE__ */ e("div", { onClick: (C) => Nn(C), style: { display: "grid", placeItems: "center", cursor: "pointer" }, children: j ? a(j) : /* @__PURE__ */ e(wn, { width: 16, height: 16 }) }),
           ae ? a(ae) : /* @__PURE__ */ e(
             "div",
             {
@@ -1086,9 +1092,9 @@ const wr = ({ loadingColor: r }) => /* @__PURE__ */ i(
   triggerClear: c = !1,
   placement: m = "top",
   trigger: f = "hover",
-  title: C,
+  title: w,
   text: u,
-  customText: w,
+  customText: k,
   tooltipContentStyle: g,
   tooltipTitlestyle: y,
   tooltipTextStyle: M,
@@ -1107,7 +1113,7 @@ const wr = ({ loadingColor: r }) => /* @__PURE__ */ i(
 }) => {
   const A = re(null), Y = re(null);
   let X;
-  const [N, q] = O(!1), V = o || C || u || w, R = () => {
+  const [N, q] = O(!1), V = o || w || u || k, R = () => {
     f === "hover" && V && (X = setTimeout(() => {
       q(!0);
     }, t));
@@ -1138,7 +1144,7 @@ const wr = ({ loadingColor: r }) => /* @__PURE__ */ i(
   };
   return te(() => {
     d();
-  }, [A, N, r, m, o, w, C, u]), te(() => {
+  }, [A, N, r, m, o, k, w, u]), te(() => {
     const x = (Q) => {
       A.current?.contains(Q.target) || q(!1);
     }, j = (Q) => {
@@ -1182,8 +1188,8 @@ const wr = ({ loadingColor: r }) => /* @__PURE__ */ i(
             ref: Y,
             className: `${Oe.tooltipContent} ${m ? Oe[m] : Oe.bottom}`,
             children: [
-              w && typeof w == "function" && w(),
-              C && C.length > 0 && /* @__PURE__ */ e("h2", { className: Oe.tooltipTitle, style: y ?? {}, children: C }),
+              k && typeof k == "function" && k(),
+              w && w.length > 0 && /* @__PURE__ */ e("h2", { className: Oe.tooltipTitle, style: y ?? {}, children: w }),
               u && u.length > 0 && /* @__PURE__ */ e("p", { className: Oe.tooltipText, style: M ?? {}, children: u })
             ]
           }
@@ -1253,10 +1259,10 @@ const Qn = (r, o) => {
   children: c,
   onClickOutside: m,
   onClose: f,
-  widthType: C,
+  widthType: w,
   // "horizontal"
   modalOverlayStyle: u,
-  popupContainerStyle: w,
+  popupContainerStyle: k,
   templateWrapperStyle: g,
   popupHeaderStyle: y,
   popupTitleStyle: M,
@@ -1293,12 +1299,12 @@ const Qn = (r, o) => {
       children: /* @__PURE__ */ i(
         "div",
         {
-          style: w ?? {},
+          style: k ?? {},
           className: `
                         mcPopup_global
                         ${Ke.popupContainer}
                         ${t?.type ? Ke.withOptions : ""}
-                        ${C === "horizontal" ? Ke.horizontal : ""}
+                        ${w === "horizontal" ? Ke.horizontal : ""}
                     `,
           children: [
             /* @__PURE__ */ e("div", { className: Ke.closeButton, style: b ?? {}, onClick: D, children: /* @__PURE__ */ e(
@@ -1398,7 +1404,7 @@ var er = { exports: {} };
   (function(t, c) {
     r.exports = c();
   })(Wc, function() {
-    var t = { LTS: "h:mm:ss A", LT: "h:mm A", L: "MM/DD/YYYY", LL: "MMMM D, YYYY", LLL: "MMMM D, YYYY h:mm A", LLLL: "dddd, MMMM D, YYYY h:mm A" }, c = /(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|Q|YYYY|YY?|ww?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g, m = /\d/, f = /\d\d/, C = /\d\d?/, u = /\d*[^-_:/,()\s\d]+/, w = {}, g = function(l) {
+    var t = { LTS: "h:mm:ss A", LT: "h:mm A", L: "MM/DD/YYYY", LL: "MMMM D, YYYY", LLL: "MMMM D, YYYY h:mm A", LLLL: "dddd, MMMM D, YYYY h:mm A" }, c = /(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|Q|YYYY|YY?|ww?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g, m = /\d/, f = /\d\d/, w = /\d\d?/, u = /\d*[^-_:/,()\s\d]+/, k = {}, g = function(l) {
       return (l = +l) + (l > 68 ? 1900 : 2e3);
     }, y = function(l) {
       return function(p) {
@@ -1411,10 +1417,10 @@ var er = { exports: {} };
         return s === 0 ? 0 : h[0] === "+" ? -s : s;
       }(l);
     }], b = function(l) {
-      var p = w[l];
+      var p = k[l];
       return p && (p.indexOf ? p : p.s.concat(p.f));
     }, B = function(l, p) {
-      var h, s = w.meridiem;
+      var h, s = k.meridiem;
       if (s) {
         for (var F = 1; F <= 24; F += 1) if (l.indexOf(s(F, 0, p)) > -1) {
           h = F > 12;
@@ -1434,10 +1440,10 @@ var er = { exports: {} };
       this.milliseconds = 10 * +l;
     }], SSS: [/\d{3}/, function(l) {
       this.milliseconds = +l;
-    }], s: [C, y("seconds")], ss: [C, y("seconds")], m: [C, y("minutes")], mm: [C, y("minutes")], H: [C, y("hours")], h: [C, y("hours")], HH: [C, y("hours")], hh: [C, y("hours")], D: [C, y("day")], DD: [f, y("day")], Do: [u, function(l) {
-      var p = w.ordinal, h = l.match(/\d+/);
+    }], s: [w, y("seconds")], ss: [w, y("seconds")], m: [w, y("minutes")], mm: [w, y("minutes")], H: [w, y("hours")], h: [w, y("hours")], HH: [w, y("hours")], hh: [w, y("hours")], D: [w, y("day")], DD: [f, y("day")], Do: [u, function(l) {
+      var p = k.ordinal, h = l.match(/\d+/);
       if (this.day = h[0], p) for (var s = 1; s <= 31; s += 1) p(s).replace(/\[|\]/g, "") === l && (this.day = s);
-    }], w: [C, y("week")], ww: [f, y("week")], M: [C, y("month")], MM: [f, y("month")], MMM: [u, function(l) {
+    }], w: [w, y("week")], ww: [f, y("week")], M: [w, y("month")], MM: [f, y("month")], MMM: [u, function(l) {
       var p = b("months"), h = (b("monthsShort") || p.map(function(s) {
         return s.slice(0, 3);
       })).indexOf(l) + 1;
@@ -1452,7 +1458,7 @@ var er = { exports: {} };
     }], YYYY: [/\d{4}/, y("year")], Z: M, ZZ: M };
     function D(l) {
       var p, h;
-      p = l, h = w && w.formats;
+      p = l, h = k && k.formats;
       for (var s = (l = p.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, function(X, N, q) {
         var V = q && q.toUpperCase();
         return N || h[q] || t[q] || h[V].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(R, n, v) {
@@ -1489,7 +1495,7 @@ var er = { exports: {} };
         var Y = A[1];
         if (typeof Y == "string") {
           var X = A[2] === !0, N = A[3] === !0, q = X || N, V = A[2];
-          N && (V = A[2]), w = this.$locale(), !X && V && (w = h.Ls[V]), this.$d = function(d, x, j, Q) {
+          N && (V = A[2]), k = this.$locale(), !X && V && (k = h.Ls[V]), this.$d = function(d, x, j, Q) {
             try {
               if (["x", "X"].indexOf(x) > -1) return new Date((x === "X" ? 1e3 : 1) * d);
               var ae = D(x)(d), pe = ae.year, _e = ae.month, he = ae.day, Z = ae.hours, _ = ae.minutes, S = ae.seconds, H = ae.milliseconds, J = ae.zone, $ = ae.week, E = /* @__PURE__ */ new Date(), z = he || (pe || _e ? 1 : E.getDate()), le = pe || E.getFullYear(), L = 0;
@@ -1499,7 +1505,7 @@ var er = { exports: {} };
             } catch {
               return /* @__PURE__ */ new Date("");
             }
-          }(P, Y, I, h), this.init(), V && V !== !0 && (this.$L = this.locale(V).$L), q && P != this.format(Y) && (this.$d = /* @__PURE__ */ new Date("")), w = {};
+          }(P, Y, I, h), this.init(), V && V !== !0 && (this.$L = this.locale(V).$L), q && P != this.format(Y) && (this.$d = /* @__PURE__ */ new Date("")), k = {};
         } else if (Y instanceof Array) for (var R = Y.length, n = 1; n <= R; n += 1) {
           A[1] = Y[n - 1];
           var v = h.apply(this, A);
@@ -1524,9 +1530,9 @@ const Kc = ({
   format: c = "HH:mm",
   defaultHour: m,
   defaultMinute: f,
-  defaultValue: C,
+  defaultValue: w,
   size: u = "md",
-  msg: w,
+  msg: k,
   onTimeChange: g,
   onFocus: y,
   onBlur: M,
@@ -1588,8 +1594,8 @@ const Kc = ({
     s ? (E.style.position = "fixed", E.style.left = `${z.left + window.pageXOffset}px`, z.bottom + E.offsetHeight > le ? (E.style.top = `${window.scrollY + z.top - E.offsetHeight - 8}px`, E.style.bottom = "unset") : (E.style.top = `${window.scrollY + z.bottom}px`, E.style.bottom = "unset")) : z.bottom > le ? (E.style.top = "unset", E.style.bottom = "calc(100% + 8px)") : (E.style.bottom = "unset", E.style.top = "calc(100% + 8px)");
   }, J = re(!0);
   return te(() => {
-    if (C) {
-      const $ = K(C, [c], !0);
+    if (w) {
+      const $ = K(w, [c], !0);
       n.current = $.format("HH"), R.current = $.format("mm"), V($.format(c));
     } else if (m) {
       const $ = K().hour(parseInt(m, 10)).minute(parseInt(f ?? "0", 10)).format(c ?? "HH:mm");
@@ -1692,7 +1698,7 @@ const Kc = ({
         ]
       }
     ),
-    w && w?.visible && /* @__PURE__ */ e("div", { style: l ?? {}, className: `${Pe.timepickerHelperText} ${w?.error ? Pe.error : ""}`, children: /* @__PURE__ */ e("p", { style: w?.style ?? {}, children: w.text }) })
+    k && k?.visible && /* @__PURE__ */ e("div", { style: l ?? {}, className: `${Pe.timepickerHelperText} ${k?.error ? Pe.error : ""}`, children: /* @__PURE__ */ e("p", { style: k?.style ?? {}, children: k.text }) })
   ] });
 }, Vc = "Datepicker-module__datepickerContainer", jc = "Datepicker-module__datepickerLabel", zc = "Datepicker-module__required", Oc = "Datepicker-module__datepickerIcon", Zc = "Datepicker-module__sm", Yc = "Datepicker-module__md", qc = "Datepicker-module__hasValue", Xc = "Datepicker-module__datepicker", Jc = "Datepicker-module__focused", Qc = "Datepicker-module__error", ea = "Datepicker-module__disabled", na = "Datepicker-module__datepickerHelperText", ra = "Datepicker-module__namespaceHr", ta = "Datepicker-module__dark", Ue = {
   datepickerContainer: Vc,
@@ -1741,9 +1747,9 @@ const Da = ({
   CurrentMonth: c,
   setCurrentMonth: m,
   SelectedDate: f,
-  namespace: C,
+  namespace: w,
   customYears: u,
-  setSelectedDate: w,
+  setSelectedDate: k,
   IsFocused: g,
   setIsFocused: y,
   mode: M,
@@ -1828,7 +1834,7 @@ const Da = ({
     }), n.current = Qn(n.current, "key"), _ = n.current, _;
   }, Q = (_) => {
     let S = { start: "", end: "" };
-    switch (w(null), _.key.toLowerCase()) {
+    switch (k(null), _.key.toLowerCase()) {
       case "today":
         B({
           start: K(),
@@ -1836,7 +1842,7 @@ const Da = ({
         }), S.start = K();
         break;
       case "yesterday":
-        w(K().subtract(1, "day")), B({
+        k(K().subtract(1, "day")), B({
           start: K().subtract(1, "day"),
           end: K().subtract(1, "day")
         }), S.start = K().subtract(1, "day");
@@ -1905,7 +1911,7 @@ const Da = ({
     }), { start: _ ?? "", end: J?.start ?? "" }) : (t({
       ...J,
       end: _ ?? ""
-    }), { ...J, end: _ ?? "" }) : J) : (B({ start: null, end: null }), w(_), H || (y(!1), t && typeof t == "function" && t(_.format(r ?? r))));
+    }), { ...J, end: _ ?? "" }) : J) : (B({ start: null, end: null }), k(_), H || (y(!1), t && typeof t == "function" && t(_.format(r ?? r))));
   }, pe = () => {
     m(c.add(1, "month"));
   }, _e = () => {
@@ -1921,7 +1927,7 @@ const Da = ({
     "div",
     {
       ref: h,
-      className: `${V === "dark" ? ue.dark : ""} ${C === "namespaceHr" ? ue.namespaceHr : ""} ${ue.datePicker} ${g ? ue.focused : ""} ${W === "dual" ? o && o.length ? ue.dualCalendarWithQuick : ue.dualCalendar : ""} `,
+      className: `${V === "dark" ? ue.dark : ""} ${w === "namespaceHr" ? ue.namespaceHr : ""} ${ue.datePicker} ${g ? ue.focused : ""} ${W === "dual" ? o && o.length ? ue.dualCalendarWithQuick : ue.dualCalendar : ""} `,
       onClick: (_) => _.stopPropagation(),
       style: W === "dual" && o && o.length > 0 ? { width: "848px" } : {},
       children: [
@@ -2065,9 +2071,9 @@ const Na = ({
   defaultValue: c,
   size: m = "md",
   valueFormat: f = "DD-MM-YYYY",
-  onlyIcon: C = !1,
+  onlyIcon: w = !1,
   onChange: u,
-  onBlur: w,
+  onBlur: k,
   onFocus: g,
   customYears: y,
   fixedDropdown: M = !0,
@@ -2122,7 +2128,7 @@ const Na = ({
   }, fe = () => {
     g && typeof g == "function" && g();
   }, se = () => {
-    w && typeof w == "function" && w();
+    k && typeof k == "function" && k();
   }, ke = () => {
     const ne = E.current, de = he.current;
     if (!de || !ne) return;
@@ -2149,7 +2155,7 @@ const Na = ({
       " ",
       /* @__PURE__ */ e("span", { className: Ue.required, style: h ?? {}, children: o && "*" })
     ] }),
-    C ? /* @__PURE__ */ e(
+    w ? /* @__PURE__ */ e(
       "div",
       {
         ref: E,
@@ -2260,9 +2266,9 @@ const Na = ({
   max: c = 100,
   label: m = "top",
   showLabels: f = !1,
-  withPercent: C = !1,
+  withPercent: w = !1,
   debounceTime: u,
-  onChange: w,
+  onChange: k,
   theme: g,
   sliderContainerStyle: y,
   sliderStyle: M,
@@ -2300,7 +2306,7 @@ const Na = ({
       h.current = !1;
       return;
     }
-    w && typeof w == "function" && Y(() => w([s.minValue, s.maxValue]), u ?? 100);
+    k && typeof k == "function" && Y(() => k([s.minValue, s.maxValue]), u ?? 100);
   }, [s]), /* @__PURE__ */ e("div", { style: y ?? {}, className: `${g === "dark" ? ze.dark : ""} ${ze.sliderContainer}`, children: /* @__PURE__ */ i("div", { ref: X, style: M ?? {}, className: ze.slider, onMouseDown: V, children: [
     /* @__PURE__ */ e("div", { className: ze.sliderProgress, style: { ...R, ...b ?? {} } }),
     /* @__PURE__ */ e(
@@ -2316,7 +2322,7 @@ const Na = ({
         onMouseDown: q("min"),
         children: f && (T.min || I.min) && /* @__PURE__ */ e("div", { style: B ?? {}, className: `${ze.values} ${ze[m]}`, children: /* @__PURE__ */ i("span", { style: W ?? {}, children: [
           s.minValue,
-          C && "%"
+          w && "%"
         ] }) })
       }
     ),
@@ -2333,7 +2339,7 @@ const Na = ({
         onMouseDown: q("max"),
         children: f && (T.max || I.max) && /* @__PURE__ */ e("div", { style: B ?? {}, className: `${ze.values} ${ze[m]}`, children: /* @__PURE__ */ i("span", { style: W ?? {}, children: [
           s.maxValue,
-          C && "%"
+          w && "%"
         ] }) })
       }
     )
@@ -2345,9 +2351,9 @@ const Na = ({
   deleteDate: c,
   setdeleteDate: m,
   setdeleteTime: f,
-  deleteTime: C,
+  deleteTime: w,
   renderComp: u,
-  isLastElement: w,
+  isLastElement: k,
   theme: g,
   onSingleChange: y,
   fieldGap: M,
@@ -2493,7 +2499,7 @@ const Na = ({
           {
             ...n.props,
             label: n.label,
-            key: C,
+            key: w,
             theme: g,
             defaultHour: n.value.length > 0 ? n.value[0].time.split(":")[0] : n.value,
             defaultMinute: n.value.length > 0 ? n.value[0].time.split(":")[1] : n.value,
@@ -2610,7 +2616,7 @@ const Na = ({
       /* @__PURE__ */ e("p", { className: Le.titleSubText, children: r?.subText ?? "" })
     ] }),
     /* @__PURE__ */ e("div", { className: Le.renderComponent, children: R() }),
-    !w && /* @__PURE__ */ e("hr", {})
+    !k && /* @__PURE__ */ e("hr", {})
   ] });
 }, nr = () => /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ e("path", { d: "M5 10H15M2.5 5H17.5M7.5 15H12.5", stroke: "#414651", strokeWidth: "1.66667", strokeLinecap: "round", strokeLinejoin: "round" }) }), $s = ({
   onApply: r,
@@ -2620,9 +2626,9 @@ const Na = ({
   tagPosition: m = "bottom",
   // sude,bottom
   rowReverse: f = !0,
-  filterIcon: C,
+  filterIcon: w,
   withSearch: u = !1,
-  searchProps: w,
+  searchProps: k,
   onSearch: g,
   visibleTagsNumber: y,
   children: M,
@@ -2703,7 +2709,7 @@ const Na = ({
             u && /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
               xn,
               {
-                ...w ?? {},
+                ...k ?? {},
                 leftIcon: /* @__PURE__ */ e(Jn, {}),
                 value: d,
                 placeholder: "Search",
@@ -2729,7 +2735,7 @@ const Na = ({
                         justifyContent: "center",
                         alignItems: "center"
                       },
-                      children: C || /* @__PURE__ */ e(nr, {})
+                      children: w || /* @__PURE__ */ e(nr, {})
                     }
                   ),
                   /* @__PURE__ */ i("span", { className: Le.filter, style: A?.style ?? {}, children: [
@@ -2895,9 +2901,9 @@ const Na = ({
   independentStep: c,
   fillIcon: m,
   stepIcon: f,
-  emptyIcon: C,
+  emptyIcon: w,
   gap: u = 20,
-  vertical: w = !1,
+  vertical: k = !1,
   stepsStyle: g,
   currentStepStyle: y,
   progressBarStyle: M,
@@ -2907,7 +2913,7 @@ const Na = ({
 }) => {
   const D = Ye(), l = (s) => {
     t && typeof t == "function" && c && t(s);
-  }, p = (s) => w ? { ...s.id === o[o.length - 1].id ? { height: "0", top: 0, left: 0 } : s.id === o[o.length - 2].id ? {
+  }, p = (s) => k ? { ...s.id === o[o.length - 1].id ? { height: "0", top: 0, left: 0 } : s.id === o[o.length - 2].id ? {
     height: `calc(100% + ${u}px`,
     top: "50%",
     backgroundColor: r > s?.id ? D === "namespaceHr" ? "#00813A" : "#7F56D9" : "#E9EAEB"
@@ -2927,7 +2933,7 @@ const Na = ({
   return /* @__PURE__ */ e(
     "div",
     {
-      className: `${W === "dark" ? De.dark : ""} ${De[D]} ${De.steps} ${w ? De.vertical : ""}`,
+      className: `${W === "dark" ? De.dark : ""} ${De[D]} ${De.steps} ${k ? De.vertical : ""}`,
       style: { ...g, gap: u + "px" },
       children: o.map((s) => /* @__PURE__ */ i(
         "div",
@@ -2936,8 +2942,8 @@ const Na = ({
           className: `${De.currentStep} ${s.disabled ? De.disabled : ""}`,
           onClick: () => l(s),
           children: [
-            w ? /* @__PURE__ */ e("div", { className: De.progressBarVertical, style: p(s) }) : /* @__PURE__ */ e("div", { style: p(s), className: De.progressBar }),
-            /* @__PURE__ */ e("div", { className: De.singleStep, style: b ?? {}, children: /* @__PURE__ */ e(Ze, { children: s.isAllFilled ? /* @__PURE__ */ e(Ze, { children: m ? h(m) : /* @__PURE__ */ e(ol, { color: D === "namespaceHr" && "#29A756", width: "24px" }) }) : r < s?.id ? /* @__PURE__ */ e(Ze, { children: C ? h(C) : /* @__PURE__ */ e("div", { className: `${De.radioWrapper} ${De.md} ${De.checked} ${De.disabled}`, children: /* @__PURE__ */ e("div", { className: De.radioState, children: /* @__PURE__ */ e("div", { className: De.innerCircle }) }) }) }) : /* @__PURE__ */ e(Ze, { children: f ? h(f) : /* @__PURE__ */ e("div", { className: `${De.radioWrapper} ${De.md} ${De.checked} `, children: /* @__PURE__ */ e("div", { className: De.radioState, children: /* @__PURE__ */ e("div", { className: De.innerCircle }) }) }) }) }) }),
+            k ? /* @__PURE__ */ e("div", { className: De.progressBarVertical, style: p(s) }) : /* @__PURE__ */ e("div", { style: p(s), className: De.progressBar }),
+            /* @__PURE__ */ e("div", { className: De.singleStep, style: b ?? {}, children: /* @__PURE__ */ e(Ze, { children: s.isAllFilled ? /* @__PURE__ */ e(Ze, { children: m ? h(m) : /* @__PURE__ */ e(ol, { color: D === "namespaceHr" && "#29A756", width: "24px" }) }) : r < s?.id ? /* @__PURE__ */ e(Ze, { children: w ? h(w) : /* @__PURE__ */ e("div", { className: `${De.radioWrapper} ${De.md} ${De.checked} ${De.disabled}`, children: /* @__PURE__ */ e("div", { className: De.radioState, children: /* @__PURE__ */ e("div", { className: De.innerCircle }) }) }) }) : /* @__PURE__ */ e(Ze, { children: f ? h(f) : /* @__PURE__ */ e("div", { className: `${De.radioWrapper} ${De.md} ${De.checked} `, children: /* @__PURE__ */ e("div", { className: De.radioState, children: /* @__PURE__ */ e("div", { className: De.innerCircle }) }) }) }) }) }),
             /* @__PURE__ */ i("div", { className: `${De.texts} ${s.id === r ? De.currentText : {}}`, style: B ?? {}, children: [
               /* @__PURE__ */ e("p", { style: s?.titleStyle ?? {}, className: De.name, children: s?.name }),
               typeof s?.subTitle == "function" ? s.subTitle() : /* @__PURE__ */ e("p", { className: De.subTitle, style: s?.subTitleStyle ? { ...s.subTitleStyle } : {}, children: s?.subTitle ?? "" }) ?? ""
@@ -2961,7 +2967,7 @@ const Na = ({
     d: "M2 1a1 1 0 11-2 0 1 1 0 012 0zM6 1a1 1 0 11-2 0 1 1 0 012 0zM2 5a1 1 0 11-2 0 1 1 0 012 0zM6 5a1 1 0 11-2 0 1 1 0 012 0zM2 9a1 1 0 11-2 0 1 1 0 012 0zM6 9a1 1 0 11-2 0 1 1 0 012 0z"
   }
 ) }), ul = ({ items: r, change: o, theme: t }) => {
-  const c = re(r), [m, f] = O(null), [C, u] = O(!1), [w, g] = O(!1), y = re(null), M = re(null);
+  const c = re(r), [m, f] = O(null), [w, u] = O(!1), [k, g] = O(!1), y = re(null), M = re(null);
   te(() => (document.addEventListener("click", b), () => {
     document.removeEventListener("click", b);
   }), []);
@@ -2988,9 +2994,9 @@ const Na = ({
   }, s = () => {
     u((F) => !F);
   };
-  return /* @__PURE__ */ i("div", { className: `${t === "dark" ? fn.dark : ""} ${fn.configureWrapper} ${C ? fn.active : ""}`, ref: M, children: [
+  return /* @__PURE__ */ i("div", { className: `${t === "dark" ? fn.dark : ""} ${fn.configureWrapper} ${w ? fn.active : ""}`, ref: M, children: [
     /* @__PURE__ */ e("div", { className: fn.iconWrapper, onClick: s, children: /* @__PURE__ */ e(nr, {}) }),
-    C && /* @__PURE__ */ e("ul", { className: "draggable-list", ref: y, children: c.current.map((F, T) => /* @__PURE__ */ i(
+    w && /* @__PURE__ */ e("ul", { className: "draggable-list", ref: y, children: c.current.map((F, T) => /* @__PURE__ */ i(
       "li",
       {
         className: `draggable-item${T === m ? " dragged" : ""} ${F.visible ? "" : fn.notVisible}`,
@@ -3038,14 +3044,14 @@ const Na = ({
       d: "M13.367 2.517L6.8 9.083c-.25.25-.5.742-.55 1.1l-.358 2.509c-.134.908.508 1.541 1.416 1.416l2.509-.358c.35-.05.841-.3 1.1-.55l6.566-6.567c1.134-1.133 1.667-2.45 0-4.116-1.666-1.667-2.983-1.134-4.116 0zM12.425 3.458a5.954 5.954 0 004.117 4.117"
     }
   )
-] }), bl = ({ actions: r, onExpand: o, rowID: t, visible: c, rowData: m, hiddenActionTypes: f, theme: C, actionUlStyle: u }) => {
-  const w = re(null), g = re(null), y = re({
+] }), bl = ({ actions: r, onExpand: o, rowID: t, visible: c, rowData: m, hiddenActionTypes: f, theme: w, actionUlStyle: u }) => {
+  const k = re(null), g = re(null), y = re({
     top: 0,
     left: 0
   }), M = (l) => {
     o && typeof o == "function" && (o(!c), b());
   }, b = () => {
-    const l = w.current.getBoundingClientRect(), p = g.current.getBoundingClientRect();
+    const l = k.current.getBoundingClientRect(), p = g.current.getBoundingClientRect();
     y.current.top = l.top + p.height + 20, y.current.left = l.left - p.width / 1.5;
   }, B = (l, p) => {
     m[p.disableKey] || p.event && typeof p.event == "function" && p.event(p.type, m);
@@ -3070,10 +3076,10 @@ const Na = ({
     "div",
     {
       id: `datagrid_action_data_id_${t}`,
-      className: `${C === "dark" ? an.dark : ""} ${an.actionsWrapper} datagrid_action_data_controller`,
+      className: `${w === "dark" ? an.dark : ""} ${an.actionsWrapper} datagrid_action_data_controller`,
       onClick: (l) => l.stopPropagation(),
       children: [
-        /* @__PURE__ */ i("div", { className: an.moreActionsButton, onClick: (l) => M(), ref: w, children: [
+        /* @__PURE__ */ i("div", { className: an.moreActionsButton, onClick: (l) => M(), ref: k, children: [
           /* @__PURE__ */ e("div", {}),
           /* @__PURE__ */ e("div", {}),
           /* @__PURE__ */ e("div", {})
@@ -3121,8 +3127,8 @@ const Na = ({
   dark: vl,
   datagridDeleteAllAction: $l
 }, xl = ar((r, o) => {
-  const [t, c] = O(0), m = (C) => {
-    c(C);
+  const [t, c] = O(0), m = (w) => {
+    c(w);
   };
   lr(o, () => ({
     setValue: m
@@ -3145,9 +3151,9 @@ const Na = ({
   keyExpr: c,
   theme: m,
   height: f,
-  focusedRowEnabled: C = !0,
+  focusedRowEnabled: w = !0,
   rowAlternationEnabled: u,
-  columnAutoWidth: w = !0,
+  columnAutoWidth: k = !0,
   // custom store
   withCustomStore: g,
   withGrouping: y,
@@ -3239,7 +3245,7 @@ const Na = ({
       Te ? Qe = !Te.classList.contains("dx-hidden") : Qe = !1, Xe.style.display = Qe ? "block" : "none";
     }
   }, qe = (a) => {
-    C && Y?.mode === "multiple" && s && ie.current.setValue(a.selectedRowKeys.length), n && typeof n == "function" && n(a);
+    w && Y?.mode === "multiple" && s && ie.current.setValue(a.selectedRowKeys.length), n && typeof n == "function" && n(a);
   }, nn = (a) => {
     v && typeof v == "function" && v(a);
   }, oe = (a) => {
@@ -3263,7 +3269,7 @@ const Na = ({
       U.querySelector("ul") ? U.style.overflow = "unset" : U.style.overflow = "hidden";
     });
     const Fn = Te.getBoundingClientRect(), hn = document.querySelector(".gridWrapper").getBoundingClientRect();
-    let k = {
+    let C = {
       width: p?.width ?? "8rem",
       display: "block",
       position: "absolute",
@@ -3272,9 +3278,9 @@ const Na = ({
       right: "18px",
       left: "auto"
     };
-    Fn.bottom > hn.bottom - 150 && (k.top = "unset", k.bottom = "100%", k.left = "-100px"), Xe.forEach((U) => {
+    Fn.bottom > hn.bottom - 150 && (C.top = "unset", C.bottom = "100%", C.left = "-100px"), Xe.forEach((U) => {
       U.style.display = "none", U.style.pointerEvents = "none";
-    }), Object.assign(Qe.style, k);
+    }), Object.assign(Qe.style, C);
   }, Mn = (a) => {
     Me.current = a, Ee((ce) => !ce), he && typeof he == "function" && he(Me.current);
   }, kn = (a) => {
@@ -3397,7 +3403,7 @@ const Na = ({
               keyExpr: c ?? "id",
               allowColumnReordering: !1,
               allowColumnResizing: de,
-              columnAutoWidth: w,
+              columnAutoWidth: k,
               noDataText: se ?? "No Data",
               showColumnLines: !1,
               showRowLines: !0,
@@ -3419,7 +3425,7 @@ const Na = ({
               onEditCanceled: (a) => Ie(a, "onEditCanceled"),
               onContentReady: (a) => Ie(a, "onContentReady"),
               onOptionChanged: (a) => _n(a),
-              focusedRowEnabled: C,
+              focusedRowEnabled: w,
               autoNavigateToFocusedRow: !1,
               onFocusedRowChanging: nn,
               onFocusedRowChanged: oe,
@@ -3545,18 +3551,18 @@ const Na = ({
   onItemClick: c,
   tabContainerStyle: m,
   singleTabStyle: f,
-  theme: C
+  theme: w
 }) => {
-  const [u, w] = O(!1), g = (y) => {
+  const [u, k] = O(!1), g = (y) => {
     y.active = !0, r.forEach((M) => {
       M.id === y.id ? M.active = !0 : M.active = !1;
-    }), c && typeof c == "function" && c(y), w((M) => !M);
+    }), c && typeof c == "function" && c(y), k((M) => !M);
   };
   return /* @__PURE__ */ e(
     "div",
     {
       style: m ?? {},
-      className: `${C === "dark" ? ln.dark : ""} ${ln.tabContainer} ${ln[o]} ${t ? ln.vertical : ""}`,
+      className: `${w === "dark" ? ln.dark : ""} ${ln.tabContainer} ${ln[o]} ${t ? ln.vertical : ""}`,
       children: r.map((y) => /* @__PURE__ */ e("div", { style: f ?? {}, className: `${ln.singleTab} ${y.active ? ln.active : ""}`, onClick: () => g(y), children: typeof y.label == "function" ? /* @__PURE__ */ e("span", { className: ln.labelWrapper, children: y.label() }) : y.label }, y.id))
     }
   );
@@ -3575,17 +3581,17 @@ const Na = ({
     strokeLinecap: "round",
     strokeLinejoin: "round"
   }
-) }), Gl = ({ theme: r, file: o, onDelete: t, fileBlockWrapperStyle: c, fileNameStyle: m, textsStyle: f, nameStyle: C, sizeStyle: u, clearIcon: w, fileIcon: g }) => {
+) }), Gl = ({ theme: r, file: o, onDelete: t, fileBlockWrapperStyle: c, fileNameStyle: m, textsStyle: f, nameStyle: w, sizeStyle: u, clearIcon: k, fileIcon: g }) => {
   const y = () => {
     t && typeof t == "function" && t(o);
   };
   return /* @__PURE__ */ e("div", { className: `${r === "dark" ? pn.dark : ""} ${pn.fileBlockWrapper}`, style: c ?? {}, children: /* @__PURE__ */ i("div", { className: pn.fileName, style: m ?? {}, children: [
     /* @__PURE__ */ e("div", { style: { display: "flex", alignItems: "center" }, children: g ?? /* @__PURE__ */ e(Ul, {}) }),
     /* @__PURE__ */ i("div", { className: pn.texts, style: f ?? {}, children: [
-      /* @__PURE__ */ e("span", { title: o && o?.fileName ? o.fileName : "-", style: C ?? {}, children: o && o?.fileName ? o.fileName : "-" }),
+      /* @__PURE__ */ e("span", { title: o && o?.fileName ? o.fileName : "-", style: w ?? {}, children: o && o?.fileName ? o.fileName : "-" }),
       /* @__PURE__ */ e("span", { style: u ?? {}, className: pn.size, children: o && o?.unitSize ? o?.unitSize : "" })
     ] }),
-    /* @__PURE__ */ e("div", { className: pn.deleteFile, onClick: y, children: w ?? /* @__PURE__ */ e(Gn, { width: 16 }) })
+    /* @__PURE__ */ e("div", { className: pn.deleteFile, onClick: y, children: k ?? /* @__PURE__ */ e(Gn, { width: 16 }) })
   ] }) });
 }, Kl = "FileUploader-module__fileUploaderWrapper", Vl = "FileUploader-module__rowStyle", jl = "FileUploader-module__fileUploaderContent", zl = "FileUploader-module__labels", Ol = "FileUploader-module__draganddrop", Zl = "FileUploader-module__uploadSvg", Yl = "FileUploader-module__title", ql = "FileUploader-module__brandColor", Xl = "FileUploader-module__subTitle", Jl = "FileUploader-module__uploadAction", Ql = "FileUploader-module__dark", Ge = {
   fileUploaderWrapper: Kl,
@@ -3616,9 +3622,9 @@ const Na = ({
   acceptedFileFormats: m,
   //  example: ['jpeg','png','svg','jpg'],
   title: f,
-  subTitle: C,
+  subTitle: w,
   withResults: u = !0,
-  onFormatError: w,
+  onFormatError: k,
   onMaxSizeError: g,
   defaultValue: y,
   type: M = "default",
@@ -3673,7 +3679,7 @@ const Na = ({
         fileID: crypto.randomUUID()
       };
       if (c && m && !m.includes(E.format.toLowerCase())) {
-        w && typeof w == "function" && w(E.format.toLowerCase());
+        k && typeof k == "function" && k(E.format.toLowerCase());
         return;
       }
       t && H[$].size > t ? g && typeof g == "function" && g({ Error: "Max_Size_Error", MaxSize: t }) : J.push(E);
@@ -3707,7 +3713,7 @@ const Na = ({
                         M !== "row" ? "or drag and drop" : "upload"
                       ] })
                     ] }) }) }),
-                    C && typeof C == "function" ? C() : /* @__PURE__ */ e("p", { style: F ?? {}, className: Ge.subTitle, children: C ?? "" })
+                    w && typeof w == "function" ? w() : /* @__PURE__ */ e("p", { style: F ?? {}, className: Ge.subTitle, children: w ?? "" })
                   ] })
                 ] }),
                 /* @__PURE__ */ e("div", { className: Ge.uploadAction, children: /* @__PURE__ */ e("input", { type: "file", name: "", id: q.current, multiple: !!r, onChange: he, accept: "" }) })
@@ -3869,12 +3875,12 @@ const Na = ({
     },
     t ? 0 : o
   );
-}, Ms = (r, o, t, c, m, f, C) => {
+}, Ms = (r, o, t, c, m, f, w) => {
   document.querySelector('style[id="toast_notification_style_key"]') && document.querySelector('style[id="toast_notification_style_key"]').remove(), ei();
   let u = document.createElement("div");
   u.classList.add("notifications_wrapper", t || "bottom-right");
-  const w = crypto.randomUUID();
-  let g = `data-key-${w}`, y = document.querySelector("body > .notifications_wrapper");
+  const k = crypto.randomUUID();
+  let g = `data-key-${k}`, y = document.querySelector("body > .notifications_wrapper");
   if (!y)
     document.querySelector("body").appendChild(u);
   else {
@@ -3883,13 +3889,13 @@ const Na = ({
   }
   if (c && document.querySelector(".notifications_wrapper").childElementCount >= c) return;
   let M = document.createElement("div"), b = document.createElement("div"), B = document.createElement("div"), W = m ? document.createElement("div") : null, D = document.createElement("div"), l = document.createElement("p"), p = "info";
-  M.setAttribute("id", `toast_notification_${w}`), M.classList.add("toast_notification", p, "enter"), b.classList.add("notification_content"), D.classList.add("closeicon"), D.setAttribute("id", `closeicon_${w}`), m && W.classList.add("icon"), B.classList.add("text_content"), l.textContent = r, D.innerHTML = f ?? `<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
+  M.setAttribute("id", `toast_notification_${k}`), M.classList.add("toast_notification", p, "enter"), b.classList.add("notification_content"), D.classList.add("closeicon"), D.setAttribute("id", `closeicon_${k}`), m && W.classList.add("icon"), B.classList.add("text_content"), l.textContent = r, D.innerHTML = f ?? `<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
       <path fill-rule="evenodd" clip-rule="evenodd" d="M10.2929 10.2929C10.6834 9.90237 11.3166 9.90237 11.7071 10.2929L16 14.5858L20.2929 10.2929C20.6834 9.90237 21.3166 9.90237 21.7071 10.2929C22.0976 10.6834 22.0976 11.3166 21.7071 11.7071L17.4142 16L21.7071 20.2929C22.0976 20.6834 22.0976 21.3166 21.7071 21.7071C21.3166 22.0976 20.6834 22.0976 20.2929 21.7071L16 17.4142L11.7071 21.7071C11.3166 22.0976 10.6834 22.0976 10.2929 21.7071C9.90237 21.3166 9.90237 20.6834 10.2929 20.2929L14.5858 16L10.2929 11.7071C9.90237 11.3166 9.90237 10.6834 10.2929 10.2929Z" fill="white"/>
-    </svg>`, m && (W.innerHTML = m), M && C?.contentStyle && Object.assign(M.style, C?.contentStyle), l && C?.textStyle && Object.assign(l.style, C?.textStyle), m && b.appendChild(W), B.appendChild(l), b.appendChild(B), b.appendChild(D), M.appendChild(b), M.setAttribute(`${g}`, ""), b.setAttribute(`${g}`, ""), D.setAttribute(`${g}`, ""), l.setAttribute(`${g}`, ""), document.querySelector("body > .notifications_wrapper").appendChild(M);
+    </svg>`, m && (W.innerHTML = m), M && w?.contentStyle && Object.assign(M.style, w?.contentStyle), l && w?.textStyle && Object.assign(l.style, w?.textStyle), m && b.appendChild(W), B.appendChild(l), b.appendChild(B), b.appendChild(D), M.appendChild(b), M.setAttribute(`${g}`, ""), b.setAttribute(`${g}`, ""), D.setAttribute(`${g}`, ""), l.setAttribute(`${g}`, ""), document.querySelector("body > .notifications_wrapper").appendChild(M);
   let h = !1;
-  document.querySelector(`#closeicon_${w}`).addEventListener("click", () => {
-    h = !0, Yn(w, o || 3500, h);
-  }), Yn(w, o || 3500);
+  document.querySelector(`#closeicon_${k}`).addEventListener("click", () => {
+    h = !0, Yn(k, o || 3500, h);
+  }), Yn(k, o || 3500);
 }, ni = "InlineLoading-module__inlineLoadingWrapper", ri = "InlineLoading-module__loading", ti = "InlineLoading-module__dark", Rn = {
   inlineLoadingWrapper: ni,
   loading: ri,
@@ -3969,9 +3975,9 @@ const Na = ({
   onCollapse: c,
   onSelect: m,
   fromDropdown: f = !1,
-  withSelectAll: C = !1,
+  withSelectAll: w = !1,
   withClearAll: u = !1,
-  expandedNodes: w,
+  expandedNodes: k,
   setExpandedNodes: g,
   SearchValue: y,
   SelectedData: M,
@@ -4042,7 +4048,7 @@ const Na = ({
         checkboxProps: t,
         onCollapse: X,
         depth: 0,
-        expandedNodes: w,
+        expandedNodes: k,
         SearchValue: y,
         SelectedData: M,
         theme: s,
@@ -4059,7 +4065,7 @@ const Na = ({
     )) }),
     f && /* @__PURE__ */ i("div", { className: Ve.dropdownListFooter, style: W, children: [
       u && /* @__PURE__ */ e("span", { onClick: q, style: D, children: "Clear All" }),
-      C && y === "" && /* @__PURE__ */ e("span", { onClick: V, style: D, children: "Select All" })
+      w && y === "" && /* @__PURE__ */ e("span", { onClick: V, style: D, children: "Select All" })
     ] })
   ] });
 }, tr = ({
@@ -4069,9 +4075,9 @@ const Na = ({
   checkboxProps: c,
   onCollapse: m,
   depth: f,
-  expandedNodes: C,
+  expandedNodes: w,
   SearchValue: u,
-  SelectedData: w,
+  SelectedData: k,
   theme: g,
   treeContainerStyle: y,
   treeNodeItemStyle: M,
@@ -4082,7 +4088,7 @@ const Na = ({
   collapseToggleStyle: l,
   checkIndividualOnly: p
 }) => {
-  const h = C?.find((N) => N.id === r.id), s = w?.find((N) => N.id === r.id), [F, T] = O(h ? !1 : t), [P, I] = O(!1), A = () => {
+  const h = w?.find((N) => N.id === r.id), s = k?.find((N) => N.id === r.id), [F, T] = O(h ? !1 : t), [P, I] = O(!1), A = () => {
     T((N) => !N), m?.(F, r);
   }, Y = () => {
     r.selected = !r.selected, o(r.id, r.selected, r), I((N) => !N);
@@ -4123,9 +4129,9 @@ const Na = ({
         checkboxProps: c,
         onCollapse: m,
         depth: f + 1,
-        expandedNodes: C,
+        expandedNodes: w,
         SearchValue: u,
-        SelectedData: w,
+        SelectedData: k,
         theme: g,
         treeContainerStyle: y,
         treeNodeItemStyle: M,
@@ -4169,9 +4175,9 @@ const Na = ({
   withLabel: c = !0,
   progressType: m = "circle",
   labelPosition: f = "right",
-  progressSize: C = "xs",
+  progressSize: w = "xs",
   withTooltip: u = !1,
-  progressContainerStyle: w,
+  progressContainerStyle: k,
   progressBarStyle: g,
   progressFillStyle: y,
   progressTextStyle: M,
@@ -4185,7 +4191,7 @@ const Na = ({
       size: null,
       strokeWidth: null
     };
-    switch (C) {
+    switch (w) {
       case "xxs":
         n.size = 60, n.strokeWidth = 6;
         break;
@@ -4203,13 +4209,13 @@ const Na = ({
         break;
     }
     return n;
-  }, [C]), p = bn(() => {
+  }, [w]), p = bn(() => {
     let n = {
       size: { width: null, height: null },
       strokeWidth: null,
       d: null
     };
-    switch (C) {
+    switch (w) {
       case "xxs":
         n.size.width = 64, n.size.height = 36, n.strokeWidth = 6, n.d = "M61 32C61 28.1917 60.2499 24.4206 58.7925 20.9022C57.3351 17.3837 55.199 14.1868 52.5061 11.4939C49.8132 8.80101 46.6163 6.66488 43.0978 5.20749C39.5794 3.75011 35.8083 3 32 3C28.1917 3 24.4206 3.7501 20.9022 5.20749C17.3838 6.66487 14.1868 8.80099 11.4939 11.4939C8.80101 14.1868 6.66489 17.3837 5.2075 20.9022C3.75011 24.4206 3 28.1917 3 32";
         break;
@@ -4227,7 +4233,7 @@ const Na = ({
         break;
     }
     return n;
-  }, [C]), { size: h, strokeWidth: s } = m === "circle" ? l() : m === "semicircle" ? p() : {}, F = (h - s) / 2, T = 2 * Math.PI * F, P = T - r / 100 * T, [I, A] = O(0), [Y, X] = O(!1), N = re(null);
+  }, [w]), { size: h, strokeWidth: s } = m === "circle" ? l() : m === "semicircle" ? p() : {}, F = (h - s) / 2, T = 2 * Math.PI * F, P = T - r / 100 * T, [I, A] = O(0), [Y, X] = O(!1), N = re(null);
   te(() => {
     if (N.current) {
       const v = N.current.getTotalLength();
@@ -4245,11 +4251,11 @@ const Na = ({
   };
   let R = u ? Un : "div";
   return /* @__PURE__ */ i(Ze, { children: [
-    m === "bar" && /* @__PURE__ */ i("div", { style: w ?? {}, className: `${D === "dark" ? Ae.dark : ""} ${Ae.progressContainer} ${Ae[f]}`, children: [
+    m === "bar" && /* @__PURE__ */ i("div", { style: k ?? {}, className: `${D === "dark" ? Ae.dark : ""} ${Ae.progressContainer} ${Ae[f]}`, children: [
       /* @__PURE__ */ e("div", { className: Ae.progressBar, style: g ?? {}, children: /* @__PURE__ */ e("div", { className: Ae.progressFill, style: { width: `${r}%`, ...y ?? {} } }) }),
       /* @__PURE__ */ e("div", { className: Ae.progressText, style: M ?? {}, children: c && (t && typeof t == "function" ? t() : `${r}${o ? "%" : ""}`) })
     ] }),
-    m === "circle" && /* @__PURE__ */ i("div", { className: `${D === "dark" ? Ae.dark : ""} ${Ae.wrapper}`, style: { width: h, height: h, ...w ?? {} }, children: [
+    m === "circle" && /* @__PURE__ */ i("div", { className: `${D === "dark" ? Ae.dark : ""} ${Ae.wrapper}`, style: { width: h, height: h, ...k ?? {} }, children: [
       /* @__PURE__ */ e(R, { ...b, children: /* @__PURE__ */ i("svg", { className: Ae.svg, width: h, height: h, children: [
         /* @__PURE__ */ e(
           "circle",
@@ -4280,7 +4286,7 @@ const Na = ({
           }
         )
       ] }) }),
-      /* @__PURE__ */ e("div", { className: `${Ae.progressText} ${Ae[C]}`, style: M ?? {}, children: c && (t && typeof t == "function" ? t() : `${r}${o ? "%" : ""}`) })
+      /* @__PURE__ */ e("div", { className: `${Ae.progressText} ${Ae[w]}`, style: M ?? {}, children: c && (t && typeof t == "function" ? t() : `${r}${o ? "%" : ""}`) })
     ] }),
     m === "semicircle" && /* @__PURE__ */ i("div", { className: `${D === "dark" ? Ae.dark : ""} ${Ae.wrapper}`, style: { width: h.width, height: h.height }, children: [
       /* @__PURE__ */ e(Un, { ...b, children: /* @__PURE__ */ i(
@@ -4326,7 +4332,7 @@ const Na = ({
           ]
         }
       ) }),
-      c && /* @__PURE__ */ e("div", { className: `${Ae.progressText} ${Ae.semicircle} ${Ae[C]}`, style: M ?? {}, children: t ? typeof t == "function" ? t() : t : `${r}${o ? "%" : ""}` })
+      c && /* @__PURE__ */ e("div", { className: `${Ae.progressText} ${Ae.semicircle} ${Ae[w]}`, style: M ?? {}, children: t ? typeof t == "function" ? t() : t : `${r}${o ? "%" : ""}` })
     ] })
   ] });
 }, Oi = "InputWithDropdown-module__inputWithDropdownWrapper", Zi = "InputWithDropdown-module__inputLabel", Yi = "InputWithDropdown-module__required", qi = "InputWithDropdown-module__inputContainer", Xi = "InputWithDropdown-module__inputWithDropdownContent", Ji = "InputWithDropdown-module__inputIcon", Qi = "InputWithDropdown-module__iconDown", es = "InputWithDropdown-module__currentCurrencyCode", ns = "InputWithDropdown-module__inputDropDown", rs = "InputWithDropdown-module__countryName", ts = "InputWithDropdown-module__hidden", os = "InputWithDropdown-module__visible", cs = "InputWithDropdown-module__checkIcon", as = "InputWithDropdown-module__disabled", ls = "InputWithDropdown-module__selected", is = "InputWithDropdown-module__focused", ss = "InputWithDropdown-module__error", ds = "InputWithDropdown-module__sm", us = "InputWithDropdown-module__md", ms = "InputWithDropdown-module__inputHelperText", ys = "InputWithDropdown-module__Namespace_Hr", fs = "InputWithDropdown-module__dark", ps = "InputWithDropdown-module__inputWrapper", _s = "InputWithDropdown-module__http", Re = {
@@ -6913,9 +6919,9 @@ const Na = ({
   required: c,
   disabled: m,
   disableDropdown: f,
-  maxLength: C,
+  maxLength: w,
   currencyData: u,
-  type: w = "text",
+  type: k = "text",
   readOnly: g,
   msg: y,
   size: M = "md",
@@ -6983,7 +6989,7 @@ const Na = ({
     _e(!0), z(), A && typeof A == "function" && A();
   }, $ = (L) => {
     const G = L.target.value, fe = G.length === 0;
-    w === "number" && (L.keyCode === 69 || !fe && (L.keyCode === 187 || L.keyCode === 107 || L.keyCode === 189 || L.keyCode === 109)) && L.preventDefault(), L.key === "Enter" && G && G.length > 0 && X && typeof X == "function" && X(G);
+    k === "number" && (L.keyCode === 69 || !fe && (L.keyCode === 187 || L.keyCode === 107 || L.keyCode === 189 || L.keyCode === 109)) && L.preventDefault(), L.key === "Enter" && G && G.length > 0 && X && typeof X == "function" && X(G);
   }, E = () => ({ ...{}, ...F ?? {} }), z = () => {
     const L = _.current, G = ae.current;
     if (!G || !L) return;
@@ -7065,7 +7071,7 @@ const Na = ({
                 {
                   ref: Q,
                   style: { ...T, ...W === "right" ? { borderLeft: "none", borderRight: "1px solid #D5D7DA" } : {} },
-                  type: w ?? "text",
+                  type: k ?? "text",
                   value: o,
                   onChange: (L) => S(L),
                   onFocus: J,
@@ -7076,7 +7082,7 @@ const Na = ({
                   spellCheck: !1,
                   placeholder: t ?? "",
                   autoComplete: "off",
-                  maxLength: C
+                  maxLength: w
                 }
               ),
               he && /* @__PURE__ */ e("ul", { ref: ae, className: Re.inputDropDown, onClick: (L) => L.stopPropagation(), children: V.current.map((L, G) => /* @__PURE__ */ i("li", { onClick: () => H(L), children: [

package/package.json

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