master-components-react 4.3.11 → 4.3.12

package/dist/index.js

@@ -65,9 +65,9 @@ const hr = ({ loadingColor: r }) => /* @__PURE__ */ l(
   onClick: c,
   size: m = "md",
   disabled: _ = !1,
-  loading: $,
+  loading: x,
   withIcons: i,
-  iconOne: k,
+  iconOne: v,
   iconTwo: w,
   onlyIcon: y,
   buttonStyle: S,
@@ -77,7 +77,7 @@ const hr = ({ loadingColor: r }) => /* @__PURE__ */ l(
   loadingColor: d,
   theme: f = "light"
 }) => {
-  const x = Ye();
+  const D = Ye();
   return /* @__PURE__ */ e(
     "button",
     {
@@ -85,19 +85,19 @@ const hr = ({ loadingColor: r }) => /* @__PURE__ */ l(
       style: _ ? I ?? {} : S ?? {},
       className: `
             ${f === "dark" ? qe.dark : ""}
-            ${qe[x]}
+            ${qe[D]}
             ${qe.mainButton}
             ${_ ? qe.disabled : t ? qe[t] : ""}
             ${y ? qe.onlyIcon : ""}
-            ${$ ? qe.loading : ""}
+            ${x ? qe.loading : ""}
             ${m ? qe[m] : ""}
           `,
       onClick: () => {
         !_ && c && typeof c == "function" && c();
       },
       children: /* @__PURE__ */ l("div", { className: qe.buttonSlot, style: !_ && U ? U : {}, children: [
-        y || i && k ? k : "",
-        !y && /* @__PURE__ */ e(Ze, { children: $ ? /* @__PURE__ */ e("div", { style: { display: "grid", placeItems: "center" }, children: /* @__PURE__ */ e(hr, { loadingColor: d }) }) : /* @__PURE__ */ e("span", { style: !_ && C ? C : {}, className: qe.buttonLabel, children: r ?? "Button" }) }),
+        y || i && v ? v : "",
+        !y && /* @__PURE__ */ e(Ze, { children: x ? /* @__PURE__ */ e("div", { style: { display: "grid", placeItems: "center" }, children: /* @__PURE__ */ e(hr, { loadingColor: d }) }) : /* @__PURE__ */ e("span", { style: !_ && C ? C : {}, className: qe.buttonLabel, children: r ?? "Button" }) }),
         i && w ? w : ""
       ] })
     }
@@ -169,9 +169,9 @@ const hr = ({ loadingColor: r }) => /* @__PURE__ */ l(
   required: c = !1,
   multipleChecked: m = !1,
   size: _ = "md",
-  activeStyle: $,
+  activeStyle: x,
   checkBoxStyle: i,
-  withActive: k = !0,
+  withActive: v = !0,
   theme: w = "light"
 }) => {
   const y = Ye(), S = ee(null), [C, I] = z(!1), U = () => {
@@ -180,7 +180,7 @@ const hr = ({ loadingColor: r }) => /* @__PURE__ */ l(
   return /* @__PURE__ */ l(
     "div",
     {
-      style: C ? t ? { boxShadow: "none" } : $ ?? {} : i ?? {},
+      style: C ? t ? { boxShadow: "none" } : x ?? {} : i ?? {},
       className: ` ${w === "dark" ? en.dark : ""}  ${en[y]} ${en.checkboxWrapper} ${en[_]} ${r ? en.checked : en.unChecked} ${t ? en.disabled : ""}`,
       onMouseDown: () => I(!0),
       onMouseUp: () => I(!1),
@@ -209,9 +209,9 @@ const hr = ({ loadingColor: r }) => /* @__PURE__ */ l(
   withClose: c,
   withCheckbox: m,
   withNumber: _,
-  number: $,
+  number: x,
   checkboxProps: i,
-  disable: k,
+  disable: v,
   size: w,
   onClose: y,
   tagContainerStyle: S,
@@ -220,7 +220,7 @@ const hr = ({ loadingColor: r }) => /* @__PURE__ */ l(
   tagCloseStlye: U,
   theme: d
 }) => {
-  const f = () => !m && !t && !c && !_, x = () => t, b = () => {
+  const f = () => !m && !t && !c && !_, D = () => t, b = () => {
     y && typeof y == "function" && y(r ?? null);
   };
   return /* @__PURE__ */ l(
@@ -230,9 +230,9 @@ const hr = ({ loadingColor: r }) => /* @__PURE__ */ l(
       className: `${d === "dark" ? nn.dark : ""} ${nn.tagContainer} ${f() ? nn.onlyLabel : ""} ${nn[w ?? "md"]}`,
       children: [
         m && /* @__PURE__ */ e(Dn, { ...i }),
-        t && x(),
+        t && D(),
         o && /* @__PURE__ */ e("p", { style: C ?? {}, className: nn.tagLabel, children: o ?? "" }),
-        _ && /* @__PURE__ */ e("div", { style: I ?? {}, className: nn.tagNumber, children: $ ?? "" }),
+        _ && /* @__PURE__ */ e("div", { style: I ?? {}, className: nn.tagNumber, children: x ?? "" }),
         c && /* @__PURE__ */ e("div", { style: U ?? {}, className: nn.tagClose, onClick: b, children: /* @__PURE__ */ e(gn, { width: U?.width ?? "14", height: U?.height ?? "14", color: U?.color ?? "#A4A7AE" }) })
       ]
     }
@@ -244,9 +244,9 @@ const hr = ({ loadingColor: r }) => /* @__PURE__ */ l(
   required: c,
   disabled: m,
   type: _,
-  size: $,
+  size: x,
   onChange: i,
-  onFocus: k,
+  onFocus: v,
   onBlur: w,
   msg: y,
   readOnly: S,
@@ -255,7 +255,7 @@ const hr = ({ loadingColor: r }) => /* @__PURE__ */ l(
   tagValues: U,
   customAction: d,
   onRightIconIconClick: f,
-  onRightIconIconMouseEnter: x,
+  onRightIconIconMouseEnter: D,
   onRightIconIconMouseLeave: b,
   onLeftIconIconClick: u,
   onLeftIconIconMouseEnter: B,
@@ -272,7 +272,7 @@ const hr = ({ loadingColor: r }) => /* @__PURE__ */ l(
   tagProps: n,
   withLink: L,
   withCopy: s,
-  onCopy: v,
+  onCopy: $,
   inputWrapperStyle: j,
   inputLabelStyle: Z,
   requiredStyle: ae,
@@ -284,7 +284,7 @@ const hr = ({ loadingColor: r }) => /* @__PURE__ */ l(
   liStyle: A,
   httpStyle: P,
   inputStyle: q,
-  rightIconStyle: D,
+  rightIconStyle: k,
   withCopyStyle: E,
   inputHelperTextStyle: p,
   theme: H = "light"
@@ -295,14 +295,14 @@ const hr = ({ loadingColor: r }) => /* @__PURE__ */ l(
     let ge = le.target.value;
     ge.length === 1 && (ge = ge.trim()), i && typeof i == "function" && i(I ? ge.replace(/\d/g, "") : ge);
   }, ye = () => {
-    ne(!0), k && typeof k == "function" && k();
+    ne(!0), v && typeof v == "function" && v();
   }, Me = () => {
     ne(!1), w && typeof w == "function" && w();
   }, Q = (le) => {
     const ge = le.target.value, ze = ge.length === 0;
     _ === "number" && (le.keyCode === 69 || !ze && (le.keyCode === 187 || le.keyCode === 107 || le.keyCode === 189 || le.keyCode === 109)) && le.preventDefault(), le.key === "Enter" && ge && ge.length > 0 && W && typeof W == "function" && W(ge);
   }, be = () => {
-    v && typeof v == "function" && v(r);
+    $ && typeof $ == "function" && $(r);
   }, Ge = (le) => le, Be = () => {
     let le = {};
     return (s || d) && (le.borderTopRightRadius = 0, le.borderBottomRightRadius = 0, le.borderRight = 0), J && (O === "right" ? le.flexDirection = "row-reverse" : J && (le.paddingLeft = 0)), { ...le, ...me ?? {} };
@@ -337,7 +337,7 @@ const hr = ({ loadingColor: r }) => /* @__PURE__ */ l(
         {
           style: Be(),
           ref: _e,
-          className: `${ve.inputContainer} ${Ce && !S ? ve.focused : ""} ${m ? ve.disabled : ""} ${y?.error ? ve.error : ""} ${ve[$ ?? "sm"]}`,
+          className: `${ve.inputContainer} ${Ce && !S ? ve.focused : ""} ${m ? ve.disabled : ""} ${y?.error ? ve.error : ""} ${ve[x ?? "sm"]}`,
           children: [
             !J && !L && F && /* @__PURE__ */ e(
               "div",
@@ -389,12 +389,12 @@ const hr = ({ loadingColor: r }) => /* @__PURE__ */ l(
               "div",
               {
                 className: ve.rightIcon,
-                style: D ?? {},
+                style: k ?? {},
                 onClick: () => {
                   f && typeof f == "function" && f();
                 },
                 onMouseEnter: () => {
-                  x && typeof x == "function" && x();
+                  D && typeof D == "function" && D();
                 },
                 onMouseLeave: () => {
                   b && typeof b == "function" && b();
@@ -481,9 +481,9 @@ const hr = ({ loadingColor: r }) => /* @__PURE__ */ l(
   cols: c,
   rows: m,
   value: _,
-  withEmoji: $ = !1,
+  withEmoji: x = !1,
   maxLength: i,
-  withResize: k = !0,
+  withResize: v = !0,
   onChange: w,
   onFocus: y,
   onBlur: S,
@@ -492,7 +492,7 @@ const hr = ({ loadingColor: r }) => /* @__PURE__ */ l(
   textareaContainerStyle: U,
   textareaLabelStyle: d,
   requiredStyle: f,
-  textareaStyle: x,
+  textareaStyle: D,
   focusStyle: b,
   textareaHelperTextStyle: u,
   labelIcon: B,
@@ -505,11 +505,11 @@ const hr = ({ loadingColor: r }) => /* @__PURE__ */ l(
     F(!0), y && typeof y == "function" && y();
   }, s = () => {
     F(!1), S && typeof S == "function" && S();
-  }, v = (Y) => {
+  }, $ = (Y) => {
     const g = M.current.querySelector("textarea");
     if (!g) return;
-    const A = g.selectionStart, P = g.selectionEnd, q = g.scrollTop, D = _.slice(0, A) + Y + _.slice(P);
-    w && typeof w == "function" && w(D), setTimeout(() => {
+    const A = g.selectionStart, P = g.selectionEnd, q = g.scrollTop, k = _.slice(0, A) + Y + _.slice(P);
+    w && typeof w == "function" && w(k), setTimeout(() => {
       g.focus(), g.setSelectionRange(A + Y.length, A + Y.length), g.scrollTop = q;
     }, 0);
   }, j = () => {
@@ -533,8 +533,8 @@ const hr = ({ loadingColor: r }) => /* @__PURE__ */ l(
     if (!Y) return;
     let g = !1;
     const A = (q) => {
-      const D = Y.getBoundingClientRect();
-      q.clientX > D.right - 20 && q.clientY > D.bottom - 20 && (g = !0);
+      const k = Y.getBoundingClientRect();
+      q.clientX > k.right - 20 && q.clientY > k.bottom - 20 && (g = !0);
     }, P = new ResizeObserver(() => {
       g && (ae = !0, g = !1);
     });
@@ -555,7 +555,7 @@ const hr = ({ loadingColor: r }) => /* @__PURE__ */ l(
   const fe = (Y) => {
     ae = !1, w?.(Y.target.value), me();
   }, he = () => {
-    let Y = x ?? {};
+    let Y = D ?? {};
     return b && (Y = { ...Y, ...b ?? {} }), Y;
   };
   return /* @__PURE__ */ l(
@@ -569,7 +569,7 @@ const hr = ({ loadingColor: r }) => /* @__PURE__ */ l(
           /* @__PURE__ */ e("span", { style: f ?? {}, className: Ee.required, children: I && "*" }),
           B && n(B)
         ] }),
-        /* @__PURE__ */ l("div", { className: `${Ee.wrap} ${k ? Ee.resize : ""}`, ref: M, children: [
+        /* @__PURE__ */ l("div", { className: `${Ee.wrap} ${v ? Ee.resize : ""}`, ref: M, children: [
           /* @__PURE__ */ e(
             "textarea",
             {
@@ -591,7 +591,7 @@ const hr = ({ loadingColor: r }) => /* @__PURE__ */ l(
               }
             }
           ),
-          $ && /* @__PURE__ */ l("div", { ref: O, className: Ee.popupEmojiContainer, children: [
+          x && /* @__PURE__ */ l("div", { ref: O, className: Ee.popupEmojiContainer, children: [
             /* @__PURE__ */ e(
               "div",
               {
@@ -606,7 +606,7 @@ const hr = ({ loadingColor: r }) => /* @__PURE__ */ l(
               "div",
               {
                 onClick: (A) => {
-                  A.preventDefault(), v(Y);
+                  A.preventDefault(), $(Y);
                 },
                 className: Ee.popupEmojiItem,
                 children: Y
@@ -633,9 +633,9 @@ const hr = ({ loadingColor: r }) => /* @__PURE__ */ l(
   required: c,
   withActive: m = !0,
   activeStyle: _,
-  bgStyle: $,
+  bgStyle: x,
   checkedBgStyle: i,
-  disabledBgStyle: k,
+  disabledBgStyle: v,
   circleStyle: w,
   checkedCircleStyle: y,
   disabledCircleStyle: S,
@@ -643,15 +643,15 @@ const hr = ({ loadingColor: r }) => /* @__PURE__ */ l(
 }) => {
   const I = Ye(), [U, d] = z(!1), f = () => {
     !t && o && typeof o == "function" && o(!r);
-  }, x = () => {
+  }, D = () => {
     if (U)
       return !m || t ? { boxShadow: "none", ..._ } : _ ?? {};
     if (r) {
       if (i) return i;
     } else if (r) {
-      if (t && k)
-        return k;
-    } else if ($) return $;
+      if (t && v)
+        return v;
+    } else if (x) return x;
     return {};
   }, b = () => {
     if (r) {
@@ -665,7 +665,7 @@ const hr = ({ loadingColor: r }) => /* @__PURE__ */ l(
   return /* @__PURE__ */ e(
     "div",
     {
-      style: x(),
+      style: D(),
       onMouseDown: () => d(!0),
       onMouseUp: () => d(!1),
       onMouseLeave: () => d(!1),
@@ -691,9 +691,9 @@ const hr = ({ loadingColor: r }) => /* @__PURE__ */ l(
   required: c,
   withUncheckState: m = !1,
   size: _,
-  radioWrapperStyle: $,
+  radioWrapperStyle: x,
   radioStateStyle: i,
-  innerCircleStyle: k,
+  innerCircleStyle: v,
   theme: w = "light"
 }) => {
   const y = Ye();
@@ -705,11 +705,11 @@ const hr = ({ loadingColor: r }) => /* @__PURE__ */ l(
     "div",
     {
       className: `${w === "dark" ? Xe.dark : ""} ${Xe[y]} ${Xe.radioWrapper} ${Xe[_] ?? Xe.md} ${r ? Xe.checked : ""} ${t ? Xe.disabled : ""}`,
-      style: $ ?? {},
+      style: x ?? {},
       onClick: S,
       children: [
         /* @__PURE__ */ e("input", { type: "radio", checked: !0, readOnly: !0, hidden: !0, disabled: t ?? !1, required: c }),
-        /* @__PURE__ */ e("div", { style: i ?? {}, className: Xe.radioState, children: /* @__PURE__ */ e("div", { style: k ?? {}, className: Xe.innerCircle }) })
+        /* @__PURE__ */ e("div", { style: i ?? {}, className: Xe.radioState, children: /* @__PURE__ */ e("div", { style: v ?? {}, className: Xe.innerCircle }) })
       ]
     }
   );
@@ -768,9 +768,9 @@ const hr = ({ loadingColor: r }) => /* @__PURE__ */ l(
   size: c = "md",
   placeholder: m,
   msg: _,
-  readOnly: $,
+  readOnly: x,
   searchValue: i,
-  onClearAll: k,
+  onClearAll: v,
   onSelectAll: w,
   onBottomScroll: y,
   withSearch: S = !1,
@@ -779,7 +779,7 @@ const hr = ({ loadingColor: r }) => /* @__PURE__ */ l(
   checkboxProps: U,
   onCollapse: d,
   onFocus: f,
-  onBlur: x,
+  onBlur: D,
   withClearAll: b = !0,
   withSelectAll: u = !0,
   withPlus: B = !1,
@@ -796,7 +796,7 @@ const hr = ({ loadingColor: r }) => /* @__PURE__ */ l(
   withMultiSelect: n = !1,
   skipSelected: L,
   closeOnSelect: s = !0,
-  labelIcon: v,
+  labelIcon: $,
   closeIcon: j,
   dropdownIcon: Z,
   iconDown: ae,
@@ -808,7 +808,7 @@ const hr = ({ loadingColor: r }) => /* @__PURE__ */ l(
   requiredStyle: A,
   labelIconStyle: P,
   dropdownContainerStyle: q,
-  placeHolderStyle: D,
+  placeHolderStyle: k,
   selectedTagsStyle: E,
   selectedListStyle: p,
   additionalStyle: H,
@@ -844,7 +844,7 @@ const hr = ({ loadingColor: r }) => /* @__PURE__ */ l(
   }, Ln = () => {
     N.forEach((h) => {
       h.selected = !1;
-    }), Q.current = [], F([], !0), G(""), k && typeof k == "function" && k(), ue((h) => !h);
+    }), Q.current = [], F([], !0), G(""), v && typeof v == "function" && v(), ue((h) => !h);
   }, Mn = () => {
     N.forEach((h) => {
       h?.id && h?.id !== null && h?.label && h?.label !== "" && h?.label !== "-" && !h.disabled && (h.selected = !0);
@@ -855,7 +855,7 @@ const hr = ({ loadingColor: r }) => /* @__PURE__ */ l(
       bn.current = !1;
       return;
     }
-    _e || x && typeof x == "function" && x();
+    _e || D && typeof D == "function" && D();
   }, [_e]);
   const Tn = () => {
     f && typeof f == "function" && f();
@@ -913,7 +913,7 @@ const hr = ({ loadingColor: r }) => /* @__PURE__ */ l(
           },
           children: [
             " ",
-            an(v)
+            an($)
           ]
         }
       )
@@ -924,14 +924,14 @@ const hr = ({ loadingColor: r }) => /* @__PURE__ */ l(
         onFocus: Tn,
         ref: be,
         onClick: () => (we((h) => !h), kn()),
-        className: `${De.dropdownContainer} ${_e && !$ ? De.focused : ""} ${o ? De.disabled : ""} ${_?.error ? De.error : ""} ${De[c]}`,
+        className: `${De.dropdownContainer} ${_e && !x ? De.focused : ""} ${o ? De.disabled : ""} ${_?.error ? De.error : ""} ${De[c]}`,
         style: q ?? {},
         children: [
           T ? /* @__PURE__ */ l("div", { children: [
             " ",
             /* @__PURE__ */ e(On, {})
           ] }) : /* @__PURE__ */ e(Ze, { children: Z && /* @__PURE__ */ e("div", { style: { display: "grid", alignItems: "center", marginRight: "0.5rem" }, children: an(Z) }) }),
-          !T && (C || n) && m && !_e && Q.current.length === 0 && /* @__PURE__ */ e("span", { className: De.placeHolder, style: D ?? {}, children: m ?? "" }),
+          !T && (C || n) && m && !_e && Q.current.length === 0 && /* @__PURE__ */ e("span", { className: De.placeHolder, style: k ?? {}, children: m ?? "" }),
           (n || C) && /* @__PURE__ */ e(
             "div",
             {
@@ -1059,9 +1059,9 @@ const hr = ({ loadingColor: r }) => /* @__PURE__ */ l(
   triggerClear: c = !1,
   placement: m = "top",
   trigger: _ = "hover",
-  title: $,
+  title: x,
   text: i,
-  customText: k,
+  customText: v,
   tooltipContentStyle: w,
   tooltipTitlestyle: y,
   tooltipTextStyle: S,
@@ -1070,7 +1070,7 @@ const hr = ({ loadingColor: r }) => /* @__PURE__ */ l(
   withPointer: U = !1,
   theme: d,
   topCustomOffset: f = 0,
-  bottomCustomOffset: x = 0,
+  bottomCustomOffset: D = 0,
   leftCustomOffset: b = 0,
   rightCustomOffset: u = 0,
   forceClose: B = !1,
@@ -1080,7 +1080,7 @@ const hr = ({ loadingColor: r }) => /* @__PURE__ */ l(
 }) => {
   const F = ee(null), X = ee(null);
   let J;
-  const [M, O] = z(!1), V = o || $ || i || k, R = () => {
+  const [M, O] = z(!1), V = o || x || i || v, R = () => {
     _ === "hover" && V && (J = setTimeout(() => {
       O(!0);
     }, t));
@@ -1089,17 +1089,17 @@ const hr = ({ loadingColor: r }) => /* @__PURE__ */ l(
       O(!1);
     }, t));
   }, L = () => {
-    _ === "click" && (W && typeof W == "function" && W(), O((v) => !v));
+    _ === "click" && (W && typeof W == "function" && W(), O(($) => !$));
   }, s = () => {
-    const v = F.current, j = X.current;
-    if (!j || !v) return;
-    const Z = v.getBoundingClientRect();
+    const $ = F.current, j = X.current;
+    if (!j || !$) return;
+    const Z = $.getBoundingClientRect();
     switch (j.style.position = "fixed", m) {
       case "top":
         j.style.top = `${Z.top - j.offsetHeight - 8}px`, j.style.left = `${Z.left + f}px`;
         break;
       case "bottom":
-        j.style.top = `${Z.bottom + 8}px`, j.style.left = `${Z.left + x}px`;
+        j.style.top = `${Z.bottom + 8}px`, j.style.left = `${Z.left + D}px`;
         break;
       case "left":
         j.style.top = `${Z.top + Z.height / 2 - j.offsetHeight / 2}px`, j.style.left = `${Z.left - j.offsetWidth - 8 + b}px`;
@@ -1111,20 +1111,20 @@ const hr = ({ loadingColor: r }) => /* @__PURE__ */ l(
   };
   return te(() => {
     s();
-  }, [F, M, r, m, o, k, $, i]), te(() => {
-    const v = (Z) => {
+  }, [F, M, r, m, o, v, x, i]), te(() => {
+    const $ = (Z) => {
       F.current?.contains(Z.target) || O(!1);
     }, j = (Z) => {
       Z.composedPath().includes(F.current) || O(!1);
     };
-    return document.addEventListener("click", j), document.addEventListener("scroll", v, !0), () => {
-      document.removeEventListener("scroll", v, !0), document.removeEventListener("click", j);
+    return document.addEventListener("click", j), document.addEventListener("scroll", $, !0), () => {
+      document.removeEventListener("scroll", $, !0), document.removeEventListener("click", j);
     };
   }, []), te(() => {
     B && O(!1);
   }, [B]), te(() => {
-    const v = X.current;
-    v && (v.style.setProperty("--pointer-position", `${I}`), U || v.classList.add(Oe.withoutPointer));
+    const $ = X.current;
+    $ && ($.style.setProperty("--pointer-position", `${I}`), U || $.classList.add(Oe.withoutPointer));
   }, [M]), te(() => {
     N && typeof N == "function" && N(M);
   }, [M, N]), /* @__PURE__ */ l(
@@ -1142,7 +1142,7 @@ const hr = ({ loadingColor: r }) => /* @__PURE__ */ l(
           "div",
           {
             style: w ?? {},
-            onClick: (v) => v.stopPropagation(),
+            onClick: ($) => $.stopPropagation(),
             ref: X,
             className: `${Oe.tooltipContent} ${m ? Oe[m] : Oe.bottom}`,
             children: o()
@@ -1151,12 +1151,12 @@ const hr = ({ loadingColor: r }) => /* @__PURE__ */ l(
           "div",
           {
             style: w ?? {},
-            onClick: (v) => v.stopPropagation(),
+            onClick: ($) => $.stopPropagation(),
             ref: X,
             className: `${Oe.tooltipContent} ${m ? Oe[m] : Oe.bottom}`,
             children: [
-              k && typeof k == "function" && k(),
-              $ && $.length > 0 && /* @__PURE__ */ e("h2", { className: Oe.tooltipTitle, style: y ?? {}, children: $ }),
+              v && typeof v == "function" && v(),
+              x && x.length > 0 && /* @__PURE__ */ e("h2", { className: Oe.tooltipTitle, style: y ?? {}, children: x }),
               i && i.length > 0 && /* @__PURE__ */ e("p", { className: Oe.tooltipText, style: S ?? {}, children: i })
             ]
           }
@@ -1226,10 +1226,10 @@ const Zn = (r, o) => {
   children: c,
   onClickOutside: m,
   onClose: _,
-  widthType: $,
+  widthType: x,
   // "horizontal"
   modalOverlayStyle: i,
-  popupContainerStyle: k,
+  popupContainerStyle: v,
   templateWrapperStyle: w,
   popupHeaderStyle: y,
   popupTitleStyle: S,
@@ -1248,11 +1248,11 @@ const Zn = (r, o) => {
       }
   }, d = () => {
     _ && typeof _ == "function" && _(!1);
-  }, f = ee(null), x = (b) => {
+  }, f = ee(null), D = (b) => {
     b.target === f.current && m && typeof m == "function" && m(!1);
   };
-  return te(() => (document.addEventListener("click", x), () => {
-    document.removeEventListener("click", x);
+  return te(() => (document.addEventListener("click", D), () => {
+    document.removeEventListener("click", D);
   }), []), r && /* @__PURE__ */ e(
     "div",
     {
@@ -1266,12 +1266,12 @@ const Zn = (r, o) => {
       children: /* @__PURE__ */ l(
         "div",
         {
-          style: k ?? {},
+          style: v ?? {},
           className: `
                         mcPopup_global
                         ${Ke.popupContainer}
                         ${t?.type ? Ke.withOptions : ""}
-                        ${$ === "horizontal" ? Ke.horizontal : ""}
+                        ${x === "horizontal" ? Ke.horizontal : ""}
                     `,
           children: [
             /* @__PURE__ */ e("div", { className: Ke.closeButton, style: C ?? {}, onClick: d, children: /* @__PURE__ */ e(
@@ -1371,29 +1371,29 @@ var Yn = { exports: {} };
   (function(t, c) {
     r.exports = c();
   })(Bc, 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/, _ = /\d\d/, $ = /\d\d?/, i = /\d*[^-_:/,()\s\d]+/, k = {}, w = function(f) {
+    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/, _ = /\d\d/, x = /\d\d?/, i = /\d*[^-_:/,()\s\d]+/, v = {}, w = function(f) {
       return (f = +f) + (f > 68 ? 1900 : 2e3);
     }, y = function(f) {
-      return function(x) {
-        this[f] = +x;
+      return function(D) {
+        this[f] = +D;
       };
     }, S = [/[+-]\d\d:?(\d\d)?|Z/, function(f) {
-      (this.zone || (this.zone = {})).offset = function(x) {
-        if (!x || x === "Z") return 0;
-        var b = x.match(/([+-]|\d\d)/g), u = 60 * b[1] + (+b[2] || 0);
+      (this.zone || (this.zone = {})).offset = function(D) {
+        if (!D || D === "Z") return 0;
+        var b = D.match(/([+-]|\d\d)/g), u = 60 * b[1] + (+b[2] || 0);
         return u === 0 ? 0 : b[0] === "+" ? -u : u;
       }(f);
     }], C = function(f) {
-      var x = k[f];
-      return x && (x.indexOf ? x : x.s.concat(x.f));
-    }, I = function(f, x) {
-      var b, u = k.meridiem;
+      var D = v[f];
+      return D && (D.indexOf ? D : D.s.concat(D.f));
+    }, I = function(f, D) {
+      var b, u = v.meridiem;
       if (u) {
-        for (var B = 1; B <= 24; B += 1) if (f.indexOf(u(B, 0, x)) > -1) {
+        for (var B = 1; B <= 24; B += 1) if (f.indexOf(u(B, 0, D)) > -1) {
           b = B > 12;
           break;
         }
-      } else b = f === (x ? "pm" : "PM");
+      } else b = f === (D ? "pm" : "PM");
       return b;
     }, U = { A: [i, function(f) {
       this.afternoon = I(f, !1);
@@ -1407,26 +1407,26 @@ var Yn = { exports: {} };
       this.milliseconds = 10 * +f;
     }], SSS: [/\d{3}/, function(f) {
       this.milliseconds = +f;
-    }], s: [$, y("seconds")], ss: [$, y("seconds")], m: [$, y("minutes")], mm: [$, y("minutes")], H: [$, y("hours")], h: [$, y("hours")], HH: [$, y("hours")], hh: [$, y("hours")], D: [$, y("day")], DD: [_, y("day")], Do: [i, function(f) {
-      var x = k.ordinal, b = f.match(/\d+/);
-      if (this.day = b[0], x) for (var u = 1; u <= 31; u += 1) x(u).replace(/\[|\]/g, "") === f && (this.day = u);
-    }], w: [$, y("week")], ww: [_, y("week")], M: [$, y("month")], MM: [_, y("month")], MMM: [i, function(f) {
-      var x = C("months"), b = (C("monthsShort") || x.map(function(u) {
+    }], s: [x, y("seconds")], ss: [x, y("seconds")], m: [x, y("minutes")], mm: [x, y("minutes")], H: [x, y("hours")], h: [x, y("hours")], HH: [x, y("hours")], hh: [x, y("hours")], D: [x, y("day")], DD: [_, y("day")], Do: [i, function(f) {
+      var D = v.ordinal, b = f.match(/\d+/);
+      if (this.day = b[0], D) for (var u = 1; u <= 31; u += 1) D(u).replace(/\[|\]/g, "") === f && (this.day = u);
+    }], w: [x, y("week")], ww: [_, y("week")], M: [x, y("month")], MM: [_, y("month")], MMM: [i, function(f) {
+      var D = C("months"), b = (C("monthsShort") || D.map(function(u) {
         return u.slice(0, 3);
       })).indexOf(f) + 1;
       if (b < 1) throw new Error();
       this.month = b % 12 || b;
     }], MMMM: [i, function(f) {
-      var x = C("months").indexOf(f) + 1;
-      if (x < 1) throw new Error();
-      this.month = x % 12 || x;
+      var D = C("months").indexOf(f) + 1;
+      if (D < 1) throw new Error();
+      this.month = D % 12 || D;
     }], Y: [/[+-]?\d+/, y("year")], YY: [_, function(f) {
       this.year = w(f);
     }], YYYY: [/\d{4}/, y("year")], Z: S, ZZ: S };
     function d(f) {
-      var x, b;
-      x = f, b = k && k.formats;
-      for (var u = (f = x.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, function(J, M, O) {
+      var D, b;
+      D = f, b = v && v.formats;
+      for (var u = (f = D.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, function(J, M, O) {
         var V = O && O.toUpperCase();
         return M || b[O] || t[O] || b[V].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(R, n, L) {
           return n || L.slice(1);
@@ -1440,8 +1440,8 @@ var Yn = { exports: {} };
           var R = u[O];
           if (typeof R == "string") V += R.length;
           else {
-            var n = R.regex, L = R.parser, s = J.slice(V), v = n.exec(s)[0];
-            L.call(M, v), J = J.replace(v, "");
+            var n = R.regex, L = R.parser, s = J.slice(V), $ = n.exec(s)[0];
+            L.call(M, $), J = J.replace($, "");
           }
         }
         return function(j) {
@@ -1453,26 +1453,26 @@ var Yn = { exports: {} };
         }(M), M;
       };
     }
-    return function(f, x, b) {
+    return function(f, D, b) {
       b.p.customParseFormat = !0, f && f.parseTwoDigitYear && (w = f.parseTwoDigitYear);
-      var u = x.prototype, B = u.parse;
+      var u = D.prototype, B = u.parse;
       u.parse = function(T) {
         var W = T.date, N = T.utc, F = T.args;
         this.$u = N;
         var X = F[1];
         if (typeof X == "string") {
           var J = F[2] === !0, M = F[3] === !0, O = J || M, V = F[2];
-          M && (V = F[2]), k = this.$locale(), !J && V && (k = b.Ls[V]), this.$d = function(s, v, j, Z) {
+          M && (V = F[2]), v = this.$locale(), !J && V && (v = b.Ls[V]), this.$d = function(s, $, j, Z) {
             try {
-              if (["x", "X"].indexOf(v) > -1) return new Date((v === "X" ? 1e3 : 1) * s);
-              var ae = d(v)(s), me = ae.year, fe = ae.month, he = ae.day, Y = ae.hours, g = ae.minutes, A = ae.seconds, P = ae.milliseconds, q = ae.zone, D = ae.week, E = /* @__PURE__ */ new Date(), p = he || (me || fe ? 1 : E.getDate()), H = me || E.getFullYear(), oe = 0;
+              if (["x", "X"].indexOf($) > -1) return new Date(($ === "X" ? 1e3 : 1) * s);
+              var ae = d($)(s), me = ae.year, fe = ae.month, he = ae.day, Y = ae.hours, g = ae.minutes, A = ae.seconds, P = ae.milliseconds, q = ae.zone, k = ae.week, E = /* @__PURE__ */ new Date(), p = he || (me || fe ? 1 : E.getDate()), H = me || E.getFullYear(), oe = 0;
               me && !fe || (oe = fe > 0 ? fe - 1 : E.getMonth());
               var de, ke = Y || 0, pe = g || 0, Ce = A || 0, ne = P || 0;
-              return q ? new Date(Date.UTC(H, oe, p, ke, pe, Ce, ne + 60 * q.offset * 1e3)) : j ? new Date(Date.UTC(H, oe, p, ke, pe, Ce, ne)) : (de = new Date(H, oe, p, ke, pe, Ce, ne), D && (de = Z(de).week(D).toDate()), de);
+              return q ? new Date(Date.UTC(H, oe, p, ke, pe, Ce, ne + 60 * q.offset * 1e3)) : j ? new Date(Date.UTC(H, oe, p, ke, pe, Ce, ne)) : (de = new Date(H, oe, p, ke, pe, Ce, ne), k && (de = Z(de).week(k).toDate()), de);
             } catch {
               return /* @__PURE__ */ new Date("");
             }
-          }(W, X, N, b), this.init(), V && V !== !0 && (this.$L = this.locale(V).$L), O && W != this.format(X) && (this.$d = /* @__PURE__ */ new Date("")), k = {};
+          }(W, X, N, b), this.init(), V && V !== !0 && (this.$L = this.locale(V).$L), O && W != this.format(X) && (this.$d = /* @__PURE__ */ new Date("")), v = {};
         } else if (X instanceof Array) for (var R = X.length, n = 1; n <= R; n += 1) {
           F[1] = X[n - 1];
           var L = b.apply(this, F);
@@ -1497,9 +1497,9 @@ const Hc = ({
   format: c = "HH:mm",
   defaultHour: m,
   defaultMinute: _,
-  defaultValue: $,
+  defaultValue: x,
   size: i = "md",
-  msg: k,
+  msg: v,
   onTimeChange: w,
   onFocus: y,
   onBlur: S,
@@ -1508,7 +1508,7 @@ const Hc = ({
   hoursListStyle: U,
   minutesListStyle: d,
   timepickerHelperTextStyle: f,
-  timepickerLabelStyle: x,
+  timepickerLabelStyle: D,
   requiredStyle: b,
   fixedDropdown: u = !0,
   theme: B,
@@ -1519,8 +1519,8 @@ const Hc = ({
 }) => {
   const X = Ye(), [J, M] = z(!1);
   ee(!1);
-  const [O, V] = z(""), R = ee(null), n = ee(null), L = ee(null), s = ee(null), v = ee(null), j = ee(null), Z = _n(() => Array.from({ length: 60 }, (E, p) => p < 10 ? `0${p}` : `${p}`), []), ae = _n(() => Array.from({ length: 23 }, (E, p) => p < 9 ? `0${p + 1}` : `${p + 1}`), []), me = _n((D, E) => {
-    const p = K().hour(parseInt(D, 10)).minute(parseInt(E, 10));
+  const [O, V] = z(""), R = ee(null), n = ee(null), L = ee(null), s = ee(null), $ = ee(null), j = ee(null), Z = _n(() => Array.from({ length: 60 }, (E, p) => p < 10 ? `0${p}` : `${p}`), []), ae = _n(() => Array.from({ length: 23 }, (E, p) => p < 9 ? `0${p + 1}` : `${p + 1}`), []), me = _n((k, E) => {
+    const p = K().hour(parseInt(k, 10)).minute(parseInt(E, 10));
     if (T) {
       const H = K(T, c, !0);
       if (p.isSame(H) || p.isAfter(H))
@@ -1538,35 +1538,35 @@ const Hc = ({
           return !0;
       }
     return !1;
-  }, [T, W, N, c]), fe = (D, E, p) => {
-    D.stopPropagation();
+  }, [T, W, N, c]), fe = (k, E, p) => {
+    k.stopPropagation();
     let H = n.current, oe = R.current;
     if (p === "hour" && (H = E, oe || (oe = "00")), p === "minute" && (oe = E, H || (H = "00")), me(H, oe))
       return;
-    D.target.scrollIntoView({ behavior: "smooth", block: "start" }), p === "hour" && (n.current = E, R.current || (R.current = "00")), p === "minute" && (R.current = E, n.current || (n.current = "00"));
+    k.target.scrollIntoView({ behavior: "smooth", block: "start" }), p === "hour" && (n.current = E, R.current || (R.current = "00")), p === "minute" && (R.current = E, n.current || (n.current = "00"));
     const de = K().hour(parseInt(n.current ?? "0", 10)).minute(parseInt(R.current ?? "0", 10)).format(c ?? "HH:mm");
     V(de), w && typeof w == "function" && w(de);
-  }, he = (D) => {
-    D.stopPropagation(), n.current = null, R.current = null, V(""), w && typeof w == "function" && w("");
-  }, Y = (D) => {
-    D.composedPath().includes(L.current) || M(!1);
-  }, g = (D) => {
-    u && D.composedPath().includes(L.current) || M(!1);
+  }, he = (k) => {
+    k.stopPropagation(), n.current = null, R.current = null, V(""), w && typeof w == "function" && w("");
+  }, Y = (k) => {
+    k.composedPath().includes(L.current) || M(!1);
+  }, g = (k) => {
+    u && k.composedPath().includes(L.current) || M(!1);
   }, A = () => {
     y && typeof y == "function" && y();
   }, P = () => {
-    const D = L.current, E = s.current;
-    if (!E || !D) return;
-    const p = D.getBoundingClientRect(), H = window.innerHeight;
+    const k = L.current, E = s.current;
+    if (!E || !k) return;
+    const p = k.getBoundingClientRect(), H = window.innerHeight;
     u ? (E.style.position = "fixed", E.style.left = `${p.left + window.pageXOffset}px`, p.bottom + E.offsetHeight > H ? (E.style.top = `${window.scrollY + p.top - E.offsetHeight - 8}px`, E.style.bottom = "unset") : (E.style.top = `${window.scrollY + p.bottom}px`, E.style.bottom = "unset")) : p.bottom > H ? (E.style.top = "unset", E.style.bottom = "calc(100% + 8px)") : (E.style.bottom = "unset", E.style.top = "calc(100% + 8px)");
   }, q = ee(!0);
   return te(() => {
-    if ($) {
-      const D = K($, [c], !0);
-      n.current = D.format("HH"), R.current = D.format("mm"), V(D.format(c));
+    if (x) {
+      const k = K(x, [c], !0);
+      n.current = k.format("HH"), R.current = k.format("mm"), V(k.format(c));
     } else if (m) {
-      const D = K().hour(parseInt(m, 10)).minute(parseInt(_ ?? "0", 10)).format(c ?? "HH:mm");
-      n.current = m, R.current = _ ?? "00", V(D);
+      const k = K().hour(parseInt(m, 10)).minute(parseInt(_ ?? "0", 10)).format(c ?? "HH:mm");
+      n.current = m, R.current = _ ?? "00", V(k);
     }
   }, []), te(() => {
     if (q.current) {
@@ -1579,11 +1579,11 @@ const Hc = ({
   }, [L, J]), te(() => (document.addEventListener("click", Y), document.addEventListener("wheel", g), () => {
     document.removeEventListener("click", Y), document.removeEventListener("wheel", g);
   }), []), te(() => {
-    if (J && F && v.current && j.current) {
-      const D = K(F, [c], !0);
-      if (D.isValid()) {
-        const E = D.format("HH"), p = D.format("mm");
-        v.current.querySelectorAll("li").forEach((de) => {
+    if (J && F && $.current && j.current) {
+      const k = K(F, [c], !0);
+      if (k.isValid()) {
+        const E = k.format("HH"), p = k.format("mm");
+        $.current.querySelectorAll("li").forEach((de) => {
           de.textContent === E && de.scrollIntoView({ behavior: "smooth", block: "center" });
         }), j.current.querySelectorAll("li").forEach((de) => {
           de.textContent === p && de.scrollIntoView({ behavior: "smooth", block: "center" });
@@ -1591,7 +1591,7 @@ const Hc = ({
       }
     }
   }, [J, F, c]), /* @__PURE__ */ l("div", { className: `${B === "dark" ? Fe.dark : ""} ${X === "namespaceHr" ? Fe.namespaceHr : ""} ${Fe.timepickerWrapper}`, children: [
-    r && /* @__PURE__ */ l("label", { className: Fe.timepickerLabel, style: x ?? {}, children: [
+    r && /* @__PURE__ */ l("label", { className: Fe.timepickerLabel, style: D ?? {}, children: [
       r,
       " ",
       /* @__PURE__ */ e("span", { className: Fe.required, style: b ?? {}, children: o && "*" })
@@ -1602,12 +1602,12 @@ const Hc = ({
         ref: L,
         onFocus: A,
         className: `${Fe.timepicker} ${J ? Fe.focused : ""} ${Fe[i]}`,
-        onClick: () => M((D) => !D),
+        onClick: () => M((k) => !k),
         style: C ?? {},
         children: [
           /* @__PURE__ */ e("div", { style: { display: "grid", placeItems: "center" }, children: /* @__PURE__ */ e(Fc, {}) }),
           /* @__PURE__ */ e("input", { type: "text", readOnly: !0, placeholder: t ?? "", value: O }),
-          O ? /* @__PURE__ */ e("div", { onClick: (D) => he(D), style: { display: "grid", placeItems: "center" }, children: /* @__PURE__ */ e(gn, {}) }) : /* @__PURE__ */ e(
+          O ? /* @__PURE__ */ e("div", { onClick: (k) => he(k), style: { display: "grid", placeItems: "center" }, children: /* @__PURE__ */ e(gn, {}) }) : /* @__PURE__ */ e(
             "div",
             {
               style: {
@@ -1623,49 +1623,49 @@ const Hc = ({
             }
           ),
           J && /* @__PURE__ */ l("div", { ref: s, className: Fe.dropdownList, style: I ?? {}, children: [
-            /* @__PURE__ */ e("ul", { ref: v, className: Fe.hours, children: ae().map((D) => {
-              const E = me(D, R.current || "00");
+            /* @__PURE__ */ e("ul", { ref: $, className: Fe.hours, onClick: (k) => k.stopPropagation(), children: ae().map((k) => {
+              const E = me(k, R.current || "00");
               return /* @__PURE__ */ e(
                 "li",
                 {
                   style: U ?? {},
-                  className: `${D === n.current ? Fe.selected : ""} ${E ? Fe.disabled : ""}`,
+                  className: `${k === n.current ? Fe.selected : ""} ${E ? Fe.disabled : ""}`,
                   onClick: (p) => {
                     if (E) {
                       p.stopPropagation();
                       return;
                     }
-                    fe(p, D, "hour");
+                    fe(p, k, "hour");
                   },
-                  children: D
+                  children: k
                 },
-                D
+                k
               );
             }) }),
-            /* @__PURE__ */ e("ul", { ref: j, className: Fe.minutes, children: Z().map((D) => {
-              const E = me(n.current || "00", D);
+            /* @__PURE__ */ e("ul", { ref: j, className: Fe.minutes, onClick: (k) => k.stopPropagation(), children: Z().map((k) => {
+              const E = me(n.current || "00", k);
               return /* @__PURE__ */ e(
                 "li",
                 {
                   style: d ?? {},
-                  className: `${D === R.current ? Fe.selected : ""} ${E ? Fe.disabled : ""}`,
+                  className: `${k === R.current ? Fe.selected : ""} ${E ? Fe.disabled : ""}`,
                   onClick: (p) => {
                     if (E) {
                       p.stopPropagation();
                       return;
                     }
-                    fe(p, D, "minute");
+                    fe(p, k, "minute");
                   },
-                  children: D
+                  children: k
                 },
-                D
+                k
               );
             }) })
           ] })
         ]
       }
     ),
-    k && k?.visible && /* @__PURE__ */ e("div", { style: f ?? {}, className: `${Fe.timepickerHelperText} ${k?.error ? Fe.error : ""}`, children: /* @__PURE__ */ e("p", { style: k?.style ?? {}, children: k.text }) })
+    v && v?.visible && /* @__PURE__ */ e("div", { style: f ?? {}, className: `${Fe.timepickerHelperText} ${v?.error ? Fe.error : ""}`, children: /* @__PURE__ */ e("p", { style: v?.style ?? {}, children: v.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 = {
   datepickerContainer: Wc,
@@ -1714,9 +1714,9 @@ const ka = ({
   CurrentMonth: c,
   setCurrentMonth: m,
   SelectedDate: _,
-  namespace: $,
+  namespace: x,
   customYears: i,
-  setSelectedDate: k,
+  setSelectedDate: v,
   IsFocused: w,
   setIsFocused: y,
   mode: S,
@@ -1725,7 +1725,7 @@ const ka = ({
   type: U,
   disabledDatesRange: d,
   disabledDatesTill: f,
-  disabledDatesFrom: x,
+  disabledDatesFrom: D,
   CalendarRef: b,
   defaultValue: u,
   selectedStyle: B,
@@ -1742,7 +1742,7 @@ const ka = ({
   const R = ["Mo", "Tu", "We", "Th", "Fr", "Sa", "Su"], n = ee([]), L = (g) => {
     if (i?.length && !i.includes(g.year().toString()))
       return [];
-    const A = (g.startOf("month").day() + 6) % 7, P = g.endOf("month").date(), q = g.subtract(1, "month").endOf("month").date(), D = [];
+    const A = (g.startOf("month").day() + 6) % 7, P = g.endOf("month").date(), q = g.subtract(1, "month").endOf("month").date(), k = [];
     let E = [], p = 1;
     for (let oe = 0; oe < A; oe++)
       E.push({
@@ -1750,10 +1750,10 @@ const ka = ({
         currentMonth: !1
       });
     for (; p <= P; )
-      E.push({ date: g.date(p++), currentMonth: !0 }), E.length === 7 && (D.push(E), E = []);
+      E.push({ date: g.date(p++), currentMonth: !0 }), E.length === 7 && (k.push(E), E = []);
     let H = 1;
-    for (; D.length < 5; )
-      E.length === 7 && (D.push(E), E = []), E.push({
+    for (; k.length < 5; )
+      E.length === 7 && (k.push(E), E = []), E.push({
         date: g.add(1, "month").date(H++),
         currentMonth: !1
       });
@@ -1763,10 +1763,10 @@ const ka = ({
           date: g.add(1, "month").date(H++),
           currentMonth: !1
         });
-      D.push(E);
+      k.push(E);
     }
-    return D;
-  }, s = L(c), v = U === "dual" ? L(c.add(1, "month")) : null, j = () => {
+    return k;
+  }, s = L(c), $ = U === "dual" ? L(c.add(1, "month")) : null, j = () => {
     let g = [];
     return o && Array.isArray(o) && o.length > 0 && o.forEach((A) => {
       switch (A) {
@@ -1801,7 +1801,7 @@ const ka = ({
     }), n.current = Zn(n.current, "key"), g = n.current, g;
   }, Z = (g) => {
     let A = { start: "", end: "" };
-    switch (k(null), g.key.toLowerCase()) {
+    switch (v(null), g.key.toLowerCase()) {
       case "today":
         I({
           start: K(),
@@ -1809,7 +1809,7 @@ const ka = ({
         }), A.start = K();
         break;
       case "yesterday":
-        k(K().subtract(1, "day")), I({
+        v(K().subtract(1, "day")), I({
           start: K().subtract(1, "day"),
           end: K().subtract(1, "day")
         }), A.start = K().subtract(1, "day");
@@ -1878,7 +1878,7 @@ const ka = ({
     }), { start: g ?? "", end: q?.start ?? "" }) : (t({
       ...q,
       end: g ?? ""
-    }), { ...q, end: g ?? "" }) : q) : (I({ start: null, end: null }), k(g), P || (y(!1), t && typeof t == "function" && t(g.format(r ?? r))));
+    }), { ...q, end: g ?? "" }) : q) : (I({ start: null, end: null }), v(g), P || (y(!1), t && typeof t == "function" && t(g.format(r ?? r))));
   }, me = () => {
     m(c.add(1, "month"));
   }, fe = () => {
@@ -1894,7 +1894,7 @@ const ka = ({
     "div",
     {
       ref: b,
-      className: `${V === "dark" ? se.dark : ""} ${$ === "namespaceHr" ? se.namespaceHr : ""} ${se.datePicker} ${w ? se.focused : ""} ${U === "dual" ? o && o.length ? se.dualCalendarWithQuick : se.dualCalendar : ""} `,
+      className: `${V === "dark" ? se.dark : ""} ${x === "namespaceHr" ? se.namespaceHr : ""} ${se.datePicker} ${w ? se.focused : ""} ${U === "dual" ? o && o.length ? se.dualCalendarWithQuick : se.dualCalendar : ""} `,
       onClick: (g) => g.stopPropagation(),
       style: U === "dual" && o && o.length > 0 ? { width: "848px" } : {},
       children: [
@@ -1944,8 +1944,8 @@ const ka = ({
           /* @__PURE__ */ l("div", { className: se.calendarWrapper, children: [
             /* @__PURE__ */ l("table", { children: [
               /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ e("tr", { children: R.map((g) => /* @__PURE__ */ e("th", { style: J ?? {}, children: g }, g)) }) }),
-              /* @__PURE__ */ e("tbody", { children: s.map((g, A) => /* @__PURE__ */ e("tr", { children: g.map(({ date: P, currentMonth: q }, D) => {
-                const E = C.start && C.end && P.isAfter(C.start, "day") && P.isBefore(C.end, "day"), p = C.start && P.isSame(C.start, "day"), H = C.end && P.isSame(C.end, "day"), oe = S === "single" && _ && P.isSame(_, "day"), de = f && P.isBefore(K(f), "day"), ke = x && P.isAfter(K(x), "day");
+              /* @__PURE__ */ e("tbody", { children: s.map((g, A) => /* @__PURE__ */ e("tr", { children: g.map(({ date: P, currentMonth: q }, k) => {
+                const E = C.start && C.end && P.isAfter(C.start, "day") && P.isBefore(C.end, "day"), p = C.start && P.isSame(C.start, "day"), H = C.end && P.isSame(C.end, "day"), oe = S === "single" && _ && P.isSame(_, "day"), de = f && P.isBefore(K(f), "day"), ke = D && P.isAfter(K(D), "day");
                 let pe = !1;
                 if (d?.length === 2) {
                   const [ne, ie] = d.map((ue) => K(ue));
@@ -1974,15 +1974,15 @@ const ka = ({
                     onClick: () => ae(P, q),
                     children: P.date()
                   },
-                  D
+                  k
                 );
               }) }, A)) })
             ] }),
             U === "dual" && /* @__PURE__ */ e("div", { className: se.border }),
             U === "dual" && /* @__PURE__ */ l("table", { children: [
               /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ e("tr", { children: R.map((g) => /* @__PURE__ */ e("th", { style: J ?? {}, children: g }, g)) }) }),
-              /* @__PURE__ */ e("tbody", { children: v.map((g, A) => /* @__PURE__ */ e("tr", { children: g.map(({ date: P, currentMonth: q }, D) => {
-                const E = C.start && C.end && P.isAfter(C.start, "day") && P.isBefore(C.end, "day"), p = C.start && P.isSame(C.start, "day"), H = C.end && P.isSame(C.end, "day"), oe = S === "single" && _ && P.isSame(_, "day"), de = f && P.isBefore(K(f), "day"), ke = x && P.isAfter(K(x), "day");
+              /* @__PURE__ */ e("tbody", { children: $.map((g, A) => /* @__PURE__ */ e("tr", { children: g.map(({ date: P, currentMonth: q }, k) => {
+                const E = C.start && C.end && P.isAfter(C.start, "day") && P.isBefore(C.end, "day"), p = C.start && P.isSame(C.start, "day"), H = C.end && P.isSame(C.end, "day"), oe = S === "single" && _ && P.isSame(_, "day"), de = f && P.isBefore(K(f), "day"), ke = D && P.isAfter(K(D), "day");
                 let pe = !1;
                 if (d?.length === 2) {
                   const [ne, ie] = d.map((ue) => K(ue));
@@ -2011,7 +2011,7 @@ const ka = ({
                     onClick: () => ae(P, q),
                     children: P.date()
                   },
-                  D
+                  k
                 );
               }) }, A)) })
             ] })
@@ -2038,9 +2038,9 @@ const va = ({
   defaultValue: c,
   size: m = "md",
   valueFormat: _ = "DD-MM-YYYY",
-  onlyIcon: $ = !1,
+  onlyIcon: x = !1,
   onChange: i,
-  onBlur: k,
+  onBlur: v,
   onFocus: w,
   customYears: y,
   fixedDropdown: S = !0,
@@ -2049,7 +2049,7 @@ const va = ({
   disabledDatesRange: U,
   datepickerStyle: d,
   placeholder: f,
-  datepickerLabelStyle: x,
+  datepickerLabelStyle: D,
   requiredStyle: b,
   datepickerHelperTextStyle: u,
   selectedStyle: B,
@@ -2067,7 +2067,7 @@ const va = ({
   theme: L = "light",
   disabled: s = !1
 }) => {
-  const v = Ye(), [j, Z] = z(!1), [ae, me] = z(""), fe = ee({ state: !1, value: "" });
+  const $ = Ye(), [j, Z] = z(!1), [ae, me] = z(""), fe = ee({ state: !1, value: "" });
   z(!1);
   const he = ee(null), [Y, g] = z(() => {
     const ne = K().year().toString();
@@ -2077,14 +2077,14 @@ const va = ({
     const ne = K().year().toString();
     y?.length && g(y.includes(ne) ? K() : K(`${Math.min(...y.map(Number))}-01-01`));
   }, [y]);
-  const [A, P] = z(""), [q, D] = z({
+  const [A, P] = z(""), [q, k] = z({
     start: null,
     end: null
   }), E = ee(null), p = (ne, ie, ue) => {
     let _e = "", we = { start: "", end: "" };
     !ie && (R === "single" || typeof ne == "string") && (_e = ne, me(_e)), !ie && (R !== "single" || typeof ne != "string") && (_e = `${K(ne?.start ?? "").format(_)} / ${ne?.end ? K(ne.end).format(_) : ""}`, we.start = K(ne?.start ?? "").format(_), we.end = ne?.end ? K(ne.end).format(_) : "", me(_e)), ie && (_e = K(ne).format(_), me(_e)), ne?.end && Z(!1), i && typeof i == "function" && !ue && (i(we.start !== "" ? we : _e), fe.current.value = we.start !== "" ? we : _e);
   }, H = (ne) => {
-    ne.stopPropagation(), P(""), fe.current.value = "", me(""), D({
+    ne.stopPropagation(), P(""), fe.current.value = "", me(""), k({
       start: null,
       end: null
     }), i && typeof i == "function" && i("");
@@ -2095,7 +2095,7 @@ const va = ({
   }, ke = () => {
     w && typeof w == "function" && w();
   }, pe = () => {
-    k && typeof k == "function" && k();
+    v && typeof v == "function" && v();
   }, Ce = () => {
     const ne = E.current, ie = he.current;
     if (!ie || !ne) return;
@@ -2116,13 +2116,13 @@ const va = ({
     j && Ce();
   }, [he, j]), te(() => (document.addEventListener("click", oe), document.addEventListener("wheel", de), () => {
     document.removeEventListener("click", oe), document.removeEventListener("wheel", de);
-  }), []), /* @__PURE__ */ l("div", { className: `${L === "dark" ? We.dark : ""} ${v === "namespaceHr" ? We.namespaceHr : ""} ${We.datepickerContainer}`, children: [
-    r && /* @__PURE__ */ l("label", { className: We.datepickerLabel, style: x ?? {}, children: [
+  }), []), /* @__PURE__ */ l("div", { className: `${L === "dark" ? We.dark : ""} ${$ === "namespaceHr" ? We.namespaceHr : ""} ${We.datepickerContainer}`, children: [
+    r && /* @__PURE__ */ l("label", { className: We.datepickerLabel, style: D ?? {}, children: [
       r,
       " ",
       /* @__PURE__ */ e("span", { className: We.required, style: b ?? {}, children: o && "*" })
     ] }),
-    $ ? /* @__PURE__ */ e(
+    x ? /* @__PURE__ */ e(
       "div",
       {
         ref: E,
@@ -2171,7 +2171,7 @@ const va = ({
       ka,
       {
         theme: L,
-        namespace: v,
+        namespace: $,
         defaultValue: fe.current,
         CalendarRef: he,
         disabledDatesFrom: C,
@@ -2189,7 +2189,7 @@ const va = ({
         quickPick: V,
         mode: R,
         RangeSelection: q,
-        setRangeSelection: D,
+        setRangeSelection: k,
         type: n,
         selectedStyle: B,
         endDateStyle: T,
@@ -2233,9 +2233,9 @@ const va = ({
   max: c = 100,
   label: m = "top",
   showLabels: _ = !1,
-  withPercent: $ = !1,
+  withPercent: x = !1,
   debounceTime: i,
-  onChange: k,
+  onChange: v,
   theme: w,
   sliderContainerStyle: y,
   sliderStyle: S,
@@ -2244,25 +2244,25 @@ const va = ({
   thumbValueStyle: U,
   thumbStyle: d,
   hoverStyle: f,
-  isDraggingStyle: x
+  isDraggingStyle: D
 }) => {
   const b = ee(!0), [u, B] = z({
     minValue: r ?? t,
     maxValue: o ?? c
   }), [T, W] = z({ min: !1, max: !1 }), [N, F] = z({ min: !1, max: !1 }), X = Ea(), J = ee(null), M = (n) => {
-    const s = J.current.getBoundingClientRect(), v = Math.min(Math.max(0, (n - s.left) / s.width), 1);
-    return Math.round(v * (c - t) + t);
+    const s = J.current.getBoundingClientRect(), $ = Math.min(Math.max(0, (n - s.left) / s.width), 1);
+    return Math.round($ * (c - t) + t);
   }, O = (n) => (L) => {
     L.preventDefault(), F((j) => ({ ...j, [n]: !0 }));
     const s = (j) => {
       const Z = M(j.clientX);
       B((ae) => n === "min" ? { ...ae, minValue: Math.min(Z, ae.maxValue - 1) } : { ...ae, maxValue: Math.max(Z, ae.minValue + 1) });
-    }, v = () => {
-      F((j) => ({ ...j, [n]: !1 })), document.removeEventListener("mousemove", s), document.removeEventListener("mouseup", v);
+    }, $ = () => {
+      F((j) => ({ ...j, [n]: !1 })), document.removeEventListener("mousemove", s), document.removeEventListener("mouseup", $);
     };
-    document.addEventListener("mousemove", s), document.addEventListener("mouseup", v);
+    document.addEventListener("mousemove", s), document.addEventListener("mouseup", $);
   }, V = (n) => {
-    const L = M(n.clientX), s = Math.abs(L - u.minValue), v = Math.abs(L - u.maxValue), j = s < v ? "min" : "max";
+    const L = M(n.clientX), s = Math.abs(L - u.minValue), $ = Math.abs(L - u.maxValue), j = s < $ ? "min" : "max";
     B((Z) => j === "min" ? { ...Z, minValue: Math.min(L, Z.maxValue - 1) } : { ...Z, maxValue: Math.max(L, Z.minValue + 1) }), O(j)(n);
   }, R = {
     left: `${(u.minValue - t) / (c - t) * 100}%`,
@@ -2273,7 +2273,7 @@ const va = ({
       b.current = !1;
       return;
     }
-    k && typeof k == "function" && X(() => k([u.minValue, u.maxValue]), i ?? 100);
+    v && typeof v == "function" && X(() => v([u.minValue, u.maxValue]), i ?? 100);
   }, [u]), /* @__PURE__ */ e("div", { style: y ?? {}, className: `${w === "dark" ? je.dark : ""} ${je.sliderContainer}`, children: /* @__PURE__ */ l("div", { ref: J, style: S ?? {}, className: je.slider, onMouseDown: V, children: [
     /* @__PURE__ */ e("div", { className: je.sliderProgress, style: { ...R, ...C ?? {} } }),
     /* @__PURE__ */ e(
@@ -2289,7 +2289,7 @@ const va = ({
         onMouseDown: O("min"),
         children: _ && (T.min || N.min) && /* @__PURE__ */ e("div", { style: I ?? {}, className: `${je.values} ${je[m]}`, children: /* @__PURE__ */ l("span", { style: U ?? {}, children: [
           u.minValue,
-          $ && "%"
+          x && "%"
         ] }) })
       }
     ),
@@ -2306,7 +2306,7 @@ const va = ({
         onMouseDown: O("max"),
         children: _ && (T.max || N.max) && /* @__PURE__ */ e("div", { style: I ?? {}, className: `${je.values} ${je[m]}`, children: /* @__PURE__ */ l("span", { style: U ?? {}, children: [
           u.maxValue,
-          $ && "%"
+          x && "%"
         ] }) })
       }
     )
@@ -2318,29 +2318,29 @@ const va = ({
   deleteDate: c,
   setdeleteDate: m,
   setdeleteTime: _,
-  deleteTime: $,
+  deleteTime: x,
   renderComp: i,
-  isLastElement: k,
+  isLastElement: v,
   theme: w,
   onSingleChange: y,
   fieldGap: S,
   fieldStyle: C,
   MultiselectKey: I
 }) => {
-  const [U, d] = z(!1), [f, x] = z(!1), [b, u] = z(""), [B, T] = z(""), W = ee([]);
+  const [U, d] = z(!1), [f, D] = z(!1), [b, u] = z(""), [B, T] = z(""), W = ee([]);
   te(() => {
     r.options[0].type == "slider" && (u(r.options[0].min), T(r.options[0].max));
   }, [r]), te(() => {
-    x((n) => !n), r.options[0].type == "slider" && (u(r.options[0].min), T(r.options[0].max));
+    D((n) => !n), r.options[0].type == "slider" && (u(r.options[0].min), T(r.options[0].max));
   }, [i]);
   const N = (n) => {
-    let L = o.map((v) => v.options);
+    let L = o.map(($) => $.options);
     W.current = L;
     let s = [];
-    for (let v = 0; v < W.current.length; v++)
-      s.push(...W.current[v]);
+    for (let $ = 0; $ < W.current.length; $++)
+      s.push(...W.current[$]);
     y && typeof y == "function" && y(
-      s.filter((v) => v.value !== ""),
+      s.filter(($) => $.value !== ""),
       n
     );
   }, F = (n) => n?.style && Object.keys(n?.style).length > 0 ? n?.style : { width: n.width ? n.width * 13.6875 + (n.width - 1) * 1.9375 + "rem" : "13.6875rem" }, X = (n) => n && Object.keys(n).length > 0 ? n : {
@@ -2354,9 +2354,9 @@ const va = ({
   const O = (n) => /* @__PURE__ */ e(Bn, { ...n.tooltipProps, children: n?.titleIcon }), V = (n, L, s) => {
     switch (L) {
       case "min":
-        let v = s.value !== "" && s.value[0].range[1] !== 0 ? s.value[0].range[1] : B;
-        if (+n >= v) {
-          J.current = v - 1, u(v - 1);
+        let $ = s.value !== "" && s.value[0].range[1] !== 0 ? s.value[0].range[1] : B;
+        if (+n >= $) {
+          J.current = $ - 1, u($ - 1);
           break;
         }
         J.current = n, u(n);
@@ -2370,7 +2370,7 @@ const va = ({
         label: `${J.current} - ${M.current}`,
         range: [+J.current, +M.current]
       }
-    ], d((v) => !v), x((v) => !v);
+    ], d(($) => !$), D(($) => !$);
   }, R = () => /* @__PURE__ */ e("div", { style: X(C), children: r.options.map((n, L) => {
     switch (n.type) {
       case "slider":
@@ -2396,7 +2396,7 @@ const va = ({
               minValue: n.value !== "" && n.value[0].range[0] ? n.value[0]?.range[0] : b,
               maxValue: n.value !== "" && n.value[0].range[1] !== 0 ? n.value[0]?.range[1] : B,
               onChange: (s) => {
-                u(s[0]), T(s[1]), J.current = b, M.current = B, n.value = [{ label: `${s ? s[0] : b} - ${s ? s[1] : B}`, range: s }], d((v) => !v), N(n.key);
+                u(s[0]), T(s[1]), J.current = b, M.current = B, n.value = [{ label: `${s ? s[0] : b} - ${s ? s[1] : B}`, range: s }], d(($) => !$), N(n.key);
               }
             },
             f
@@ -2466,7 +2466,7 @@ const va = ({
           {
             ...n.props,
             label: n.label,
-            key: $,
+            key: x,
             theme: w,
             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,
@@ -2475,7 +2475,7 @@ const va = ({
               n.value = "", _(!0), N(n.key), d((s) => !s);
             },
             onTimeChange: (s) => {
-              s === "" ? n.value = "" : (n.value = [{ label: s, time: s }], N(n.key), d((v) => !v));
+              s === "" ? n.value = "" : (n.value = [{ label: s, time: s }], N(n.key), d(($) => !$));
             }
           }
         ) }, L);
@@ -2488,7 +2488,7 @@ const va = ({
             value: n.value[0]?.id ? n.value[0]?.id : n.value,
             label: n.label,
             onChange: (s) => {
-              s !== "" ? n.value = [{ id: s, label: s }] : n.value = "", N(n.key), d((v) => !v);
+              s !== "" ? n.value = [{ id: s, label: s }] : n.value = "", N(n.key), d(($) => !$);
             }
           }
         ) }, L);
@@ -2543,7 +2543,7 @@ const va = ({
                     id: n.label,
                     checked: n.checked
                   }
-                ] : n.value = "", d((v) => !v), N(n.key);
+                ] : n.value = "", d(($) => !$), N(n.key);
               }
             }
           ),
@@ -2565,7 +2565,7 @@ const va = ({
                     id: n.label,
                     checked: n.checked
                   }
-                ] : n.value = "", d((v) => !v), N(n.key);
+                ] : n.value = "", d(($) => !$), N(n.key);
               }
             }
           ),
@@ -2583,7 +2583,7 @@ const va = ({
       /* @__PURE__ */ e("p", { className: Ne.titleSubText, children: r?.subText ?? "" })
     ] }),
     /* @__PURE__ */ e("div", { className: Ne.renderComponent, children: R() }),
-    !k && /* @__PURE__ */ e("hr", {})
+    !v && /* @__PURE__ */ e("hr", {})
   ] });
 }, qn = () => /* @__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" }) }), Cs = ({
   onApply: r,
@@ -2593,9 +2593,9 @@ const va = ({
   tagPosition: m = "bottom",
   // sude,bottom
   rowReverse: _ = !0,
-  filterIcon: $,
+  filterIcon: x,
   withSearch: i = !1,
-  searchProps: k,
+  searchProps: v,
   onSearch: w,
   visibleTagsNumber: y,
   children: S,
@@ -2604,7 +2604,7 @@ const va = ({
   buttonLoading: U,
   resultNumber: d,
   popupMode: f = "modal",
-  onSingleChange: x,
+  onSingleChange: D,
   loaded: b,
   onFilterClick: u,
   popupWidth: B,
@@ -2619,7 +2619,7 @@ const va = ({
   popupProps: V,
   tagsProps: R
 }) => {
-  const [n, L] = z(!1), [s, v] = z(""), [j, Z] = z(d ?? null), [ae, me] = z(!1);
+  const [n, L] = z(!1), [s, $] = z(""), [j, Z] = z(d ?? null), [ae, me] = z(!1);
   te(() => {
     b && L(b);
   }, [b]), te(() => {
@@ -2627,7 +2627,7 @@ const va = ({
   }, [d]), te(() => {
     X && Ce();
   }, []);
-  const [fe, he] = z(!1), [Y, g] = z(!1), [A, P] = z(!1), [q, D] = z(!1), [E, p] = z(!1), [H, oe] = z(0), de = ee([]), ke = ee([]), pe = ee([]), Ce = () => {
+  const [fe, he] = z(!1), [Y, g] = z(!1), [A, P] = z(!1), [q, k] = z(!1), [E, p] = z(!1), [H, oe] = z(0), de = ee([]), ke = ee([]), pe = ee([]), Ce = () => {
     let G = o.map((Q) => Q.options);
     de.current = G;
     let ye = [];
@@ -2647,7 +2647,7 @@ const va = ({
       Q.options.map((be) => {
         be.value.includes(ye[0]) && (be.data && (be.data.filter((Ge) => Ge.itemNodeID === ye[0].itemNodeID)[0].selected = !1, be.value = be.value.filter((Ge) => Ge.selected !== !1)), be.type == "dropdown" && (be.value = ""), be.type == "input" && (be.value = ""), (be.type == "checkBox" || be.type == "toggle" || be.type == "radio") && (be.value = "", be.checked = !1), be.type == "slider" && (be.value = ""), (be.type == "datePicker" || be.type == "timePicker") && (be.value = ""));
       });
-    }), D((Q) => !Q), p((Q) => !Q), g((Q) => !Q), P((Q) => !Q);
+    }), k((Q) => !Q), p((Q) => !Q), g((Q) => !Q), P((Q) => !Q);
     let Me = ke.current.filter((Q) => Q.value.length > 0);
     r && typeof r == "function" && r(Me, !0), pe.current = pe.current.filter((Q) => Q.label + Q.id !== G.label + G.id), pe.current.length === 0 && ne(), he((Q) => !Q);
   }, [ue, _e] = z(y), [we, Ae] = z(!0), [Pe, Ie] = z(!1);
@@ -2676,12 +2676,12 @@ const va = ({
             i && /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
               xn,
               {
-                ...k ?? {},
+                ...v ?? {},
                 leftIcon: /* @__PURE__ */ e(On, {}),
                 value: s,
                 placeholder: "Search",
                 onChange: (G) => {
-                  v(G), w && typeof w == "function" && w(G);
+                  $(G), w && typeof w == "function" && w(G);
                 }
               }
             ) }),
@@ -2702,7 +2702,7 @@ const va = ({
                         justifyContent: "center",
                         alignItems: "center"
                       },
-                      children: $ || /* @__PURE__ */ e(qn, {})
+                      children: x || /* @__PURE__ */ e(qn, {})
                     }
                   ),
                   /* @__PURE__ */ l("span", { className: Ne.filter, style: F?.style ?? {}, children: [
@@ -2741,7 +2741,7 @@ const va = ({
                     setrenderComp: Ie,
                     renderComp: Pe,
                     deleteDate: q,
-                    setdeleteDate: D,
+                    setdeleteDate: k,
                     setdeleteTime: p,
                     deleteTime: E,
                     setopenPopup: L,
@@ -2755,7 +2755,7 @@ const va = ({
                     isLastElement: Me,
                     setcounter: oe,
                     theme: I,
-                    onSingleChange: x
+                    onSingleChange: D
                   }
                 ) }, ye);
               }) }),
@@ -2765,13 +2765,13 @@ const va = ({
                   {
                     className: Ne.clear,
                     onClick: () => {
-                      x && typeof x == "function" && x([]), o.forEach((G) => {
+                      D && typeof D == "function" && D([]), o.forEach((G) => {
                         G.options.forEach((ye) => {
                           ye.value = "", ye.type == "multiselect" && ye.data.forEach((Me) => {
                             Me.selected = !1;
                           }), (ye.type == "radio" || ye.type == "checkBox") && (ye.checked = !1);
                         });
-                      }), pe.current = [], g((G) => !G), P((G) => !G), D((G) => !G), p((G) => !G), oe(0), ne(), r && typeof r == "function" && r(pe.current), Ie((G) => !G), me((G) => !G), he((G) => !G);
+                      }), pe.current = [], g((G) => !G), P((G) => !G), k((G) => !G), p((G) => !G), oe(0), ne(), r && typeof r == "function" && r(pe.current), Ie((G) => !G), me((G) => !G), he((G) => !G);
                     },
                     style: W?.clearAllName?.style ?? {},
                     children: W?.clearAllName?.label || W?.clearAllName?.label?.length > 0 ? W?.clearAllName?.label : "Clear"
@@ -2823,7 +2823,7 @@ const va = ({
                       Me.selected = !1;
                     }), (ye.type == "radio" || ye.type == "checkBox") && (ye.checked = !1);
                   });
-                }), pe.current = [], g((G) => !G), P((G) => !G), D((G) => !G), p((G) => !G), oe(0), ne(), me((G) => !G), r && typeof r == "function" && r(pe.current), Ie((G) => !G), he((G) => !G);
+                }), pe.current = [], g((G) => !G), P((G) => !G), k((G) => !G), p((G) => !G), oe(0), ne(), me((G) => !G), r && typeof r == "function" && r(pe.current), Ie((G) => !G), he((G) => !G);
               },
               children: "Clear All"
             }
@@ -2868,9 +2868,9 @@ const va = ({
   independentStep: c,
   fillIcon: m,
   stepIcon: _,
-  emptyIcon: $,
+  emptyIcon: x,
   gap: i = 20,
-  vertical: k = !1,
+  vertical: v = !1,
   stepsStyle: w,
   currentStepStyle: y,
   progressBarStyle: S,
@@ -2880,7 +2880,7 @@ const va = ({
 }) => {
   const d = Ye(), f = (u) => {
     t && typeof t == "function" && c && t(u);
-  }, x = (u) => k ? { ...u.id === o[o.length - 1].id ? { height: "0", top: 0, left: 0 } : u.id === o[o.length - 2].id ? {
+  }, D = (u) => v ? { ...u.id === o[o.length - 1].id ? { height: "0", top: 0, left: 0 } : u.id === o[o.length - 2].id ? {
     height: `calc(100% + ${i}px`,
     top: "50%",
     backgroundColor: r > u?.id ? d === "namespaceHr" ? "#00813A" : "#7F56D9" : "#E9EAEB"
@@ -2900,7 +2900,7 @@ const va = ({
   return /* @__PURE__ */ e(
     "div",
     {
-      className: `${U === "dark" ? $e.dark : ""} ${$e[d]} ${$e.steps} ${k ? $e.vertical : ""}`,
+      className: `${U === "dark" ? $e.dark : ""} ${$e[d]} ${$e.steps} ${v ? $e.vertical : ""}`,
       style: { ...w, gap: i + "px" },
       children: o.map((u) => /* @__PURE__ */ l(
         "div",
@@ -2909,8 +2909,8 @@ const va = ({
           className: `${$e.currentStep} ${u.disabled ? $e.disabled : ""}`,
           onClick: () => f(u),
           children: [
-            k ? /* @__PURE__ */ e("div", { className: $e.progressBarVertical, style: x(u) }) : /* @__PURE__ */ e("div", { style: x(u), className: $e.progressBar }),
-            /* @__PURE__ */ e("div", { className: $e.singleStep, style: C ?? {}, children: /* @__PURE__ */ e(Ze, { children: u.isAllFilled ? /* @__PURE__ */ e(Ze, { children: m ? b(m) : /* @__PURE__ */ e(el, { color: d === "namespaceHr" && "#29A756", width: "24px" }) }) : r < u?.id ? /* @__PURE__ */ e(Ze, { children: $ ? b($) : /* @__PURE__ */ e("div", { className: `${$e.radioWrapper} ${$e.md} ${$e.checked} ${$e.disabled}`, children: /* @__PURE__ */ e("div", { className: $e.radioState, children: /* @__PURE__ */ e("div", { className: $e.innerCircle }) }) }) }) : /* @__PURE__ */ e(Ze, { children: _ ? b(_) : /* @__PURE__ */ e("div", { className: `${$e.radioWrapper} ${$e.md} ${$e.checked} `, children: /* @__PURE__ */ e("div", { className: $e.radioState, children: /* @__PURE__ */ e("div", { className: $e.innerCircle }) }) }) }) }) }),
+            v ? /* @__PURE__ */ e("div", { className: $e.progressBarVertical, style: D(u) }) : /* @__PURE__ */ e("div", { style: D(u), className: $e.progressBar }),
+            /* @__PURE__ */ e("div", { className: $e.singleStep, style: C ?? {}, children: /* @__PURE__ */ e(Ze, { children: u.isAllFilled ? /* @__PURE__ */ e(Ze, { children: m ? b(m) : /* @__PURE__ */ e(el, { color: d === "namespaceHr" && "#29A756", width: "24px" }) }) : r < u?.id ? /* @__PURE__ */ e(Ze, { children: x ? b(x) : /* @__PURE__ */ e("div", { className: `${$e.radioWrapper} ${$e.md} ${$e.checked} ${$e.disabled}`, children: /* @__PURE__ */ e("div", { className: $e.radioState, children: /* @__PURE__ */ e("div", { className: $e.innerCircle }) }) }) }) : /* @__PURE__ */ e(Ze, { children: _ ? b(_) : /* @__PURE__ */ e("div", { className: `${$e.radioWrapper} ${$e.md} ${$e.checked} `, children: /* @__PURE__ */ e("div", { className: $e.radioState, children: /* @__PURE__ */ e("div", { className: $e.innerCircle }) }) }) }) }) }),
             /* @__PURE__ */ l("div", { className: `${$e.texts} ${u.id === r ? $e.currentText : {}}`, style: I ?? {}, children: [
               /* @__PURE__ */ e("p", { style: u?.titleStyle ?? {}, className: $e.name, children: u?.name }),
               typeof u?.subTitle == "function" ? u.subTitle() : /* @__PURE__ */ e("p", { className: $e.subTitle, style: u?.subTitleStyle ? { ...u.subTitleStyle } : {}, children: u?.subTitle ?? "" }) ?? ""
@@ -2934,7 +2934,7 @@ const va = ({
     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"
   }
 ) }), ll = ({ items: r, change: o, theme: t }) => {
-  const c = ee(r), [m, _] = z(null), [$, i] = z(!1), [k, w] = z(!1), y = ee(null), S = ee(null);
+  const c = ee(r), [m, _] = z(null), [x, i] = z(!1), [v, w] = z(!1), y = ee(null), S = ee(null);
   te(() => (document.addEventListener("click", C), () => {
     document.removeEventListener("click", C);
   }), []);
@@ -2949,8 +2949,8 @@ const va = ({
     const W = [...c.current], N = W[m];
     W.splice(m, 1), W.splice(T, 0, N), c.current = W, _(T);
   }, f = () => {
-    _(null), x(), o(c.current);
-  }, x = () => {
+    _(null), D(), o(c.current);
+  }, D = () => {
     w((B) => !B);
   };
   te(() => {
@@ -2961,9 +2961,9 @@ const va = ({
   }, u = () => {
     i((B) => !B);
   };
-  return /* @__PURE__ */ l("div", { className: `${t === "dark" ? mn.dark : ""} ${mn.configureWrapper} ${$ ? mn.active : ""}`, ref: S, children: [
+  return /* @__PURE__ */ l("div", { className: `${t === "dark" ? mn.dark : ""} ${mn.configureWrapper} ${x ? mn.active : ""}`, ref: S, children: [
     /* @__PURE__ */ e("div", { className: mn.iconWrapper, onClick: u, children: /* @__PURE__ */ e(qn, {}) }),
-    $ && /* @__PURE__ */ e("ul", { className: "draggable-list", ref: y, children: c.current.map((B, T) => /* @__PURE__ */ l(
+    x && /* @__PURE__ */ e("ul", { className: "draggable-list", ref: y, children: c.current.map((B, T) => /* @__PURE__ */ l(
       "li",
       {
         className: `draggable-item${T === m ? " dragged" : ""} ${B.visible ? "" : mn.notVisible}`,
@@ -3011,21 +3011,21 @@ const va = ({
       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"
     }
   )
-] }), pl = ({ actions: r, onExpand: o, rowID: t, visible: c, rowData: m, hiddenActionTypes: _, theme: $ }) => {
-  const i = ee(null), k = ee(null), w = ee({
+] }), pl = ({ actions: r, onExpand: o, rowID: t, visible: c, rowData: m, hiddenActionTypes: _, theme: x }) => {
+  const i = ee(null), v = ee(null), w = ee({
     top: 0,
     left: 0
   }), y = (d) => {
     o && typeof o == "function" && (o(!c), S());
   }, S = () => {
-    const d = i.current.getBoundingClientRect(), f = k.current.getBoundingClientRect();
+    const d = i.current.getBoundingClientRect(), f = v.current.getBoundingClientRect();
     w.current.top = d.top + f.height + 20, w.current.left = d.left - f.width / 1.5;
   }, C = (d, f) => {
     m[f.disableKey] || f.event && typeof f.event == "function" && f.event(f.type, m);
   }, I = (d) => {
     let f;
-    const x = ["delete", "edit"];
-    if (d.type && x.includes(d.type))
+    const D = ["delete", "edit"];
+    if (d.type && D.includes(d.type))
       switch (d.type === "delete" && (d.style = { color: "#D92D20" }), String(d.type)) {
         case "delete": {
           f = /* @__PURE__ */ e(Rn, {});
@@ -3043,7 +3043,7 @@ const va = ({
     "div",
     {
       id: `datagrid_action_data_id_${t}`,
-      className: `${$ === "dark" ? rn.dark : ""}${rn.actionsWrapper} datagrid_action_data_controller`,
+      className: `${x === "dark" ? rn.dark : ""}${rn.actionsWrapper} datagrid_action_data_controller`,
       onClick: (d) => d.stopPropagation(),
       children: [
         /* @__PURE__ */ l("div", { className: rn.moreActionsButton, onClick: (d) => y(), ref: i, children: [
@@ -3051,7 +3051,7 @@ const va = ({
           /* @__PURE__ */ e("div", {}),
           /* @__PURE__ */ e("div", {})
         ] }),
-        /* @__PURE__ */ e("ul", { ref: k, children: r && r.map((d, f) => d.hiddenActionRows && Array.isArray(d.hiddenActionRows) && d.hiddenActionRows.includes(t) ? null : /* @__PURE__ */ l(
+        /* @__PURE__ */ e("ul", { ref: v, children: r && r.map((d, f) => d.hiddenActionRows && Array.isArray(d.hiddenActionRows) && d.hiddenActionRows.includes(t) ? null : /* @__PURE__ */ l(
           "li",
           {
             onClick: (b) => C(b, d),
@@ -3093,8 +3093,8 @@ const va = ({
   dark: bl,
   datagridDeleteAllAction: Cl
 }, wl = rr((r, o) => {
-  const [t, c] = z(0), m = ($) => {
-    c($);
+  const [t, c] = z(0), m = (x) => {
+    c(x);
   };
   tr(o, () => ({
     setValue: m
@@ -3117,9 +3117,9 @@ const va = ({
   keyExpr: c,
   theme: m,
   height: _,
-  focusedRowEnabled: $ = !0,
+  focusedRowEnabled: x = !0,
   rowAlternationEnabled: i,
-  columnAutoWidth: k = !0,
+  columnAutoWidth: v = !0,
   // custom store
   withCustomStore: w,
   withGrouping: y,
@@ -3129,7 +3129,7 @@ const va = ({
   updateFunction: U,
   insertFunction: d,
   removeFunction: f,
-  withColumnConfigure: x,
+  withColumnConfigure: D,
   withDeleteAll: b,
   withMasterDetail: u,
   detailTemplate: B,
@@ -3146,7 +3146,7 @@ const va = ({
   focusedRowChanging: n,
   focusedRowChanged: L,
   onRowClick: s,
-  onWheelClick: v,
+  onWheelClick: $,
   showPagination: j = !0,
   refresh: Z,
   diselectAll: ae,
@@ -3158,7 +3158,7 @@ const va = ({
   withCustomActions: A,
   multiExpand: P,
   onFilterValueChange: q,
-  onRowExpand: D,
+  onRowExpand: k,
   onRowCollaps: E,
   onOptionChanged: p,
   onRowPrepared: H,
@@ -3210,7 +3210,7 @@ const va = ({
       xe ? re = !xe.classList.contains("dx-hidden") : re = !1, h.style.display = re ? "block" : "none";
     }
   }, on = (a) => {
-    $ && F?.mode === "multiple" && b && Me.current.setValue(a.selectedRowKeys.length), R && typeof R == "function" && R(a);
+    x && F?.mode === "multiple" && b && Me.current.setValue(a.selectedRowKeys.length), R && typeof R == "function" && R(a);
   }, Qe = (a) => {
     n && typeof n == "function" && n(a);
   }, cn = (a) => {
@@ -3220,7 +3220,7 @@ const va = ({
   }, ge = (a) => {
     s && typeof s == "function" && s(a.data);
   }, ze = (a, ce) => {
-    a.button === 1 && (v && typeof v == "function" && v(ce.data), a.preventDefault());
+    a.button === 1 && ($ && typeof $ == "function" && $(ce.data), a.preventDefault());
   }, fn = (a) => {
     a.rowElement && a.data && a.rowElement.addEventListener("mousedown", (ce) => ze(ce, a)), H && typeof H == "function" && H(a);
   }, Je = () => {
@@ -3247,7 +3247,7 @@ const va = ({
   }, Mn = (a) => {
     Ae.current = a, we((ce) => !ce), fe && typeof fe == "function" && fe(Ae.current);
   }, bn = (a) => {
-    P || a.component.collapseAll(-1), D && typeof D == "function" && D(a);
+    P || a.component.collapseAll(-1), k && typeof k == "function" && k(a);
   }, Tn = (a) => {
     E && typeof E == "function" && E(a);
   }, an = (a) => {
@@ -3314,9 +3314,9 @@ const va = ({
         style: { height: "100%", position: "relative" },
         className: `gridWrapper __dx_DataGrid_Component__ light ${m && !["dark", "light"].includes(m) ? "light" : m}`,
         children: [
-          (x || b && F?.mode === "multiple") && /* @__PURE__ */ l("div", { className: "__dx_DataGrid_Toolbar", children: [
+          (D || b && F?.mode === "multiple") && /* @__PURE__ */ l("div", { className: "__dx_DataGrid_Toolbar", children: [
             /* @__PURE__ */ e("div", { className: "__dx_DataGrid_Toolbar_Leftside", children: b && F?.mode === "multiple" && /* @__PURE__ */ e(wl, { theme: m, ref: Me, onDeleteAll: Je }) }),
-            /* @__PURE__ */ e("div", { className: "__dx_DataGrid_Toolbar_Righttside", children: x && /* @__PURE__ */ e("div", { className: "column_configure_wrapper", children: /* @__PURE__ */ e(
+            /* @__PURE__ */ e("div", { className: "__dx_DataGrid_Toolbar_Righttside", children: D && /* @__PURE__ */ e("div", { className: "column_configure_wrapper", children: /* @__PURE__ */ e(
               ll,
               {
                 theme: m,
@@ -3411,7 +3411,7 @@ const va = ({
               keyExpr: c ?? "id",
               allowColumnReordering: !1,
               allowColumnResizing: ne,
-              columnAutoWidth: k,
+              columnAutoWidth: v,
               noDataText: ke ?? "No Data",
               showColumnLines: !1,
               showRowLines: !0,
@@ -3433,7 +3433,7 @@ const va = ({
               onEditCanceled: (a) => Te(a, "onEditCanceled"),
               onContentReady: (a) => Te(a, "onContentReady"),
               onOptionChanged: (a) => Nn(a),
-              focusedRowEnabled: $,
+              focusedRowEnabled: x,
               autoNavigateToFocusedRow: !1,
               onFocusedRowChanging: Qe,
               onFocusedRowChanged: cn,
@@ -3559,18 +3559,18 @@ const va = ({
   onItemClick: c,
   tabContainerStyle: m,
   singleTabStyle: _,
-  theme: $
+  theme: x
 }) => {
-  const [i, k] = z(!1), w = (y) => {
+  const [i, v] = z(!1), w = (y) => {
     y.active = !0, r.forEach((S) => {
       S.id === y.id ? S.active = !0 : S.active = !1;
-    }), c && typeof c == "function" && c(y), k((S) => !S);
+    }), c && typeof c == "function" && c(y), v((S) => !S);
   };
   return /* @__PURE__ */ e(
     "div",
     {
       style: m ?? {},
-      className: `${$ === "dark" ? tn.dark : ""} ${tn.tabContainer} ${tn[o]} ${t ? tn.vertical : ""}`,
+      className: `${x === "dark" ? tn.dark : ""} ${tn.tabContainer} ${tn[o]} ${t ? tn.vertical : ""}`,
       children: r.map((y) => /* @__PURE__ */ e("div", { style: _ ?? {}, className: `${tn.singleTab} ${y.active ? tn.active : ""}`, onClick: () => w(y), children: typeof y.label == "function" ? /* @__PURE__ */ e("span", { className: tn.labelWrapper, children: y.label() }) : y.label }, y.id))
     }
   );
@@ -3589,17 +3589,17 @@ const va = ({
     strokeLinecap: "round",
     strokeLinejoin: "round"
   }
-) }), Pl = ({ theme: r, file: o, onDelete: t, fileBlockWrapperStyle: c, fileNameStyle: m, textsStyle: _, nameStyle: $, sizeStyle: i, clearIcon: k, fileIcon: w }) => {
+) }), Pl = ({ theme: r, file: o, onDelete: t, fileBlockWrapperStyle: c, fileNameStyle: m, textsStyle: _, nameStyle: x, sizeStyle: i, clearIcon: v, fileIcon: w }) => {
   const y = () => {
     t && typeof t == "function" && t(o);
   };
   return /* @__PURE__ */ e("div", { className: `${r === "dark" ? yn.dark : ""} ${yn.fileBlockWrapper}`, style: c ?? {}, children: /* @__PURE__ */ l("div", { className: yn.fileName, style: m ?? {}, children: [
     /* @__PURE__ */ e("div", { style: { display: "flex", alignItems: "center" }, children: w ?? /* @__PURE__ */ e(Rl, {}) }),
     /* @__PURE__ */ l("div", { className: yn.texts, style: _ ?? {}, children: [
-      /* @__PURE__ */ e("span", { title: o && o?.fileName ? o.fileName : "-", style: $ ?? {}, children: o && o?.fileName ? o.fileName : "-" }),
+      /* @__PURE__ */ e("span", { title: o && o?.fileName ? o.fileName : "-", style: x ?? {}, children: o && o?.fileName ? o.fileName : "-" }),
       /* @__PURE__ */ e("span", { style: i ?? {}, className: yn.size, children: o && o?.unitSize ? o?.unitSize : "" })
     ] }),
-    /* @__PURE__ */ e("div", { className: yn.deleteFile, onClick: y, children: k ?? /* @__PURE__ */ e(Rn, { width: 16 }) })
+    /* @__PURE__ */ e("div", { className: yn.deleteFile, onClick: y, children: v ?? /* @__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 = {
   fileUploaderWrapper: Hl,
@@ -3630,9 +3630,9 @@ const va = ({
   acceptedFileFormats: m,
   //  example: ['jpeg','png','svg','jpg'],
   title: _,
-  subTitle: $,
+  subTitle: x,
   withResults: i = !0,
-  onFormatError: k,
+  onFormatError: v,
   onMaxSizeError: w,
   defaultValue: y,
   type: S = "default",
@@ -3642,7 +3642,7 @@ const va = ({
   fileUploaderWrapperStyle: U,
   fileUploaderContentStyle: d,
   draganddropStyle: f,
-  labelsStyle: x,
+  labelsStyle: D,
   titleStyle: b,
   clickToUploadStyle: u,
   subTitleStyle: B,
@@ -3658,16 +3658,16 @@ const va = ({
   te(() => {
     y && (s.current = y);
   }, []);
-  const v = (A) => {
+  const $ = (A) => {
     L(A);
   }, j = (A) => {
-    A.preventDefault(), v(!0);
+    A.preventDefault(), $(!0);
   }, Z = (A) => {
-    A.preventDefault(), v(!1);
+    A.preventDefault(), $(!1);
   }, ae = (A) => {
-    A.preventDefault(), v(!0);
+    A.preventDefault(), $(!0);
   }, me = (A) => {
-    A.preventDefault(), g(A.dataTransfer.files), v(!1);
+    A.preventDefault(), g(A.dataTransfer.files), $(!1);
   }, fe = (A) => {
     s.current = s.current.filter((P, q) => P.fileID !== A.fileID), R((P) => !P), Y();
   }, he = (A) => {
@@ -3676,23 +3676,23 @@ const va = ({
     o && typeof o == "function" && o(s.current);
   }, g = async (A) => {
     let P = A, q = [];
-    for (let D = 0; D < P.length; D++) {
+    for (let k = 0; k < P.length; k++) {
       let E = {
-        fileName: P[D].name,
-        size: P[D].size,
-        unitSize: Jo(P[D].size),
-        type: P[D].type,
-        format: Qo(P[D].name),
-        base64: await ec(P[D]),
+        fileName: P[k].name,
+        size: P[k].size,
+        unitSize: Jo(P[k].size),
+        type: P[k].type,
+        format: Qo(P[k].name),
+        base64: await ec(P[k]),
         fileID: crypto.randomUUID()
       };
       if (c && m && !m.includes(E.format.toLowerCase())) {
-        k && typeof k == "function" && k(E.format.toLowerCase());
+        v && typeof v == "function" && v(E.format.toLowerCase());
         return;
       }
-      t && P[D].size > t ? w && typeof w == "function" && w({ Error: "Max_Size_Error", MaxSize: t }) : q.push(E);
+      t && P[k].size > t ? w && typeof w == "function" && w({ Error: "Max_Size_Error", MaxSize: t }) : q.push(E);
     }
-    r ? s.current = [...s.current, ...q] : (q = q.slice(-1), s.current = q), R((D) => !D), Y();
+    r ? s.current = [...s.current, ...q] : (q = q.slice(-1), s.current = q), R((k) => !k), Y();
   };
   return /* @__PURE__ */ l(
     "div",
@@ -3713,7 +3713,7 @@ const va = ({
               children: [
                 /* @__PURE__ */ l("div", { className: Ue.draganddrop, style: f ?? {}, children: [
                   S !== "row" && C && /* @__PURE__ */ e("div", { className: Ue.uploadSvg, children: I || /* @__PURE__ */ e(Kn, {}) }),
-                  /* @__PURE__ */ l("div", { className: `${Ue.labels} `, style: x ?? {}, htmlFor: O.current, children: [
+                  /* @__PURE__ */ l("div", { className: `${Ue.labels} `, style: D ?? {}, htmlFor: O.current, children: [
                     _ && typeof _ == "function" ? _() : /* @__PURE__ */ e("div", { style: b ?? {}, className: Ue.title, children: _ || /* @__PURE__ */ e("div", { children: /* @__PURE__ */ l(Ze, { children: [
                       /* @__PURE__ */ e("span", { style: u ?? {}, className: S !== "row" ? Ue.brandColor : "", children: S !== "row" ? "Click to upload" : "Click to " }),
                       /* @__PURE__ */ l("span", { className: S === "row" ? Ue.brandColor : "", children: [
@@ -3721,7 +3721,7 @@ const va = ({
                         S !== "row" ? "or drag and drop" : "upload"
                       ] })
                     ] }) }) }),
-                    $ && typeof $ == "function" ? $() : /* @__PURE__ */ e("p", { style: B ?? {}, className: Ue.subTitle, children: $ ?? "" })
+                    x && typeof x == "function" ? x() : /* @__PURE__ */ e("p", { style: B ?? {}, className: Ue.subTitle, children: x ?? "" })
                   ] })
                 ] }),
                 /* @__PURE__ */ e("div", { className: Ue.uploadAction, children: /* @__PURE__ */ e("input", { type: "file", name: "", id: O.current, multiple: !!r, onChange: he, accept: "" }) })
@@ -3883,12 +3883,12 @@ const va = ({
     },
     t ? 0 : o
   );
-}, xs = (r, o, t, c, m, _, $) => {
+}, xs = (r, o, t, c, m, _, x) => {
   document.querySelector('style[id="toast_notification_style_key"]') && document.querySelector('style[id="toast_notification_style_key"]').remove(), ql();
   let i = document.createElement("div");
   i.classList.add("notifications_wrapper", t || "bottom-right");
-  const k = crypto.randomUUID();
-  let w = `data-key-${k}`, y = document.querySelector("body > .notifications_wrapper");
+  const v = crypto.randomUUID();
+  let w = `data-key-${v}`, y = document.querySelector("body > .notifications_wrapper");
   if (!y)
     document.querySelector("body").appendChild(i);
   else {
@@ -3896,14 +3896,14 @@ const va = ({
     y.classList.remove(u), y.classList.add(t);
   }
   if (c && document.querySelector(".notifications_wrapper").childElementCount >= c) return;
-  let S = document.createElement("div"), C = document.createElement("div"), I = document.createElement("div"), U = m ? document.createElement("div") : null, d = document.createElement("div"), f = document.createElement("p"), x = "info";
-  S.setAttribute("id", `toast_notification_${k}`), S.classList.add("toast_notification", x, "enter"), C.classList.add("notification_content"), d.classList.add("closeicon"), d.setAttribute("id", `closeicon_${k}`), m && U.classList.add("icon"), I.classList.add("text_content"), f.textContent = r, d.innerHTML = _ ?? `<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
+  let S = document.createElement("div"), C = document.createElement("div"), I = document.createElement("div"), U = m ? document.createElement("div") : null, d = document.createElement("div"), f = document.createElement("p"), D = "info";
+  S.setAttribute("id", `toast_notification_${v}`), S.classList.add("toast_notification", D, "enter"), C.classList.add("notification_content"), d.classList.add("closeicon"), d.setAttribute("id", `closeicon_${v}`), m && U.classList.add("icon"), I.classList.add("text_content"), f.textContent = r, d.innerHTML = _ ?? `<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 && (U.innerHTML = m), S && $?.contentStyle && Object.assign(S.style, $?.contentStyle), f && $?.textStyle && Object.assign(f.style, $?.textStyle), m && C.appendChild(U), I.appendChild(f), C.appendChild(I), C.appendChild(d), S.appendChild(C), S.setAttribute(`${w}`, ""), C.setAttribute(`${w}`, ""), d.setAttribute(`${w}`, ""), f.setAttribute(`${w}`, ""), document.querySelector("body > .notifications_wrapper").appendChild(S);
+    </svg>`, m && (U.innerHTML = m), S && x?.contentStyle && Object.assign(S.style, x?.contentStyle), f && x?.textStyle && Object.assign(f.style, x?.textStyle), m && C.appendChild(U), I.appendChild(f), C.appendChild(I), C.appendChild(d), S.appendChild(C), S.setAttribute(`${w}`, ""), C.setAttribute(`${w}`, ""), d.setAttribute(`${w}`, ""), f.setAttribute(`${w}`, ""), document.querySelector("body > .notifications_wrapper").appendChild(S);
   let b = !1;
-  document.querySelector(`#closeicon_${k}`).addEventListener("click", () => {
-    b = !0, Vn(k, o || 3500, b);
-  }), Vn(k, o || 3500);
+  document.querySelector(`#closeicon_${v}`).addEventListener("click", () => {
+    b = !0, Vn(v, o || 3500, b);
+  }), Vn(v, o || 3500);
 }, Xl = "InlineLoading-module__inlineLoadingWrapper", Jl = "InlineLoading-module__loading", Ql = "InlineLoading-module__dark", An = {
   inlineLoadingWrapper: Xl,
   loading: Jl,
@@ -3983,9 +3983,9 @@ const va = ({
   onCollapse: c,
   onSelect: m,
   fromDropdown: _ = !1,
-  withSelectAll: $ = !1,
+  withSelectAll: x = !1,
   withClearAll: i = !1,
-  expandedNodes: k,
+  expandedNodes: v,
   setExpandedNodes: w,
   SearchValue: y,
   SelectedData: S,
@@ -3994,7 +3994,7 @@ const va = ({
   treeFooterStyle: U,
   treeFooterTextStyle: d,
   treeNodeStyle: f,
-  labelRowStyle: x,
+  labelRowStyle: D,
   collapseToggleStyle: b,
   theme: u,
   checkIndividualOnly: B = !1
@@ -4012,11 +4012,11 @@ const va = ({
         selected: n,
         children: s.children ? F(s.children, n) : []
       };
-    const v = s.children ? N(R, n, s.children) : [], j = v.some((Z) => !Z.selected);
+    const $ = s.children ? N(R, n, s.children) : [], j = $.some((Z) => !Z.selected);
     return {
       ...s,
-      selected: v.length ? !j : s.selected,
-      children: v
+      selected: $.length ? !j : s.selected,
+      children: $
     };
   }), F = (R, n) => R.map((L) => ({
     ...L,
@@ -4029,7 +4029,7 @@ const va = ({
     m?.(s);
   }, J = (R, n) => {
     w((L) => {
-      let s = R ? [...L, n] : L.filter((v) => v.id !== n.id);
+      let s = R ? [...L, n] : L.filter(($) => $.id !== n.id);
       return Zn(s, "id");
     }), c?.(R, n);
   }, M = (R) => {
@@ -4056,7 +4056,7 @@ const va = ({
         checkboxProps: t,
         onCollapse: J,
         depth: 0,
-        expandedNodes: k,
+        expandedNodes: v,
         SearchValue: y,
         SelectedData: S,
         theme: u,
@@ -4065,7 +4065,7 @@ const va = ({
         treeFooterStyle: U,
         treeFooterTextStyle: d,
         treeNodeStyle: f,
-        labelRowStyle: x,
+        labelRowStyle: D,
         collapseToggleStyle: b,
         checkIndividualOnly: B
       },
@@ -4073,7 +4073,7 @@ const va = ({
     )) }),
     _ && /* @__PURE__ */ l("div", { className: Ve.dropdownListFooter, style: U, children: [
       i && /* @__PURE__ */ e("span", { onClick: O, style: d, children: "Clear All" }),
-      $ && y === "" && /* @__PURE__ */ e("span", { onClick: V, style: d, children: "Select All" })
+      x && y === "" && /* @__PURE__ */ e("span", { onClick: V, style: d, children: "Select All" })
     ] })
   ] });
 }, Jn = ({
@@ -4083,9 +4083,9 @@ const va = ({
   checkboxProps: c,
   onCollapse: m,
   depth: _,
-  expandedNodes: $,
+  expandedNodes: x,
   SearchValue: i,
-  SelectedData: k,
+  SelectedData: v,
   theme: w,
   treeContainerStyle: y,
   treeNodeItemStyle: S,
@@ -4094,9 +4094,9 @@ const va = ({
   treeNodeStyle: U,
   labelRowStyle: d,
   collapseToggleStyle: f,
-  checkIndividualOnly: x
+  checkIndividualOnly: D
 }) => {
-  const b = $?.find((M) => M.id === r.id), u = k?.find((M) => M.id === r.id), [B, T] = z(b ? !1 : t), [W, N] = z(!1), F = () => {
+  const b = x?.find((M) => M.id === r.id), u = v?.find((M) => M.id === r.id), [B, T] = z(b ? !1 : t), [W, N] = z(!1), F = () => {
     T((M) => !M), m?.(B, r);
   }, X = () => {
     r.selected = !r.selected, o(r.id, r.selected, r), N((M) => !M);
@@ -4140,9 +4140,9 @@ const va = ({
         checkboxProps: c,
         onCollapse: m,
         depth: _ + 1,
-        expandedNodes: $,
+        expandedNodes: x,
         SearchValue: i,
-        SelectedData: k,
+        SelectedData: v,
         theme: w,
         treeContainerStyle: y,
         treeNodeItemStyle: S,
@@ -4151,7 +4151,7 @@ const va = ({
         treeNodeStyle: U,
         labelRowStyle: d,
         collapseToggleStyle: f,
-        checkIndividualOnly: x
+        checkIndividualOnly: D
       },
       M.id
     )) })
@@ -4186,9 +4186,9 @@ const va = ({
   withLabel: c = !0,
   progressType: m = "circle",
   labelPosition: _ = "right",
-  progressSize: $ = "xs",
+  progressSize: x = "xs",
   withTooltip: i = !1,
-  progressContainerStyle: k,
+  progressContainerStyle: v,
   progressBarStyle: w,
   progressFillStyle: y,
   progressTextStyle: S,
@@ -4202,7 +4202,7 @@ const va = ({
       size: null,
       strokeWidth: null
     };
-    switch ($) {
+    switch (x) {
       case "xxs":
         n.size = 60, n.strokeWidth = 6;
         break;
@@ -4220,13 +4220,13 @@ const va = ({
         break;
     }
     return n;
-  }, [$]), x = _n(() => {
+  }, [x]), D = _n(() => {
     let n = {
       size: { width: null, height: null },
       strokeWidth: null,
       d: null
     };
-    switch ($) {
+    switch (x) {
       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;
@@ -4244,7 +4244,7 @@ const va = ({
         break;
     }
     return n;
-  }, [$]), { size: b, strokeWidth: u } = m === "circle" ? f() : m === "semicircle" ? x() : {}, B = (b - u) / 2, T = 2 * Math.PI * B, W = T - r / 100 * T, [N, F] = z(0), [X, J] = z(!1), M = ee(null);
+  }, [x]), { size: b, strokeWidth: u } = m === "circle" ? f() : m === "semicircle" ? D() : {}, B = (b - u) / 2, T = 2 * Math.PI * B, W = T - r / 100 * T, [N, F] = z(0), [X, J] = z(!1), M = ee(null);
   te(() => {
     if (M.current) {
       const L = M.current.getTotalLength();
@@ -4254,7 +4254,7 @@ const va = ({
       J(!0);
     }, 0);
     return () => clearTimeout(n);
-  }, [x()]);
+  }, [D()]);
   const O = (n) => {
     I && typeof I == "function" && I("enter", n);
   }, V = (n) => {
@@ -4262,11 +4262,11 @@ const va = ({
   };
   let R = i ? Bn : "div";
   return /* @__PURE__ */ l(Ze, { children: [
-    m === "bar" && /* @__PURE__ */ l("div", { style: k ?? {}, className: `${d === "dark" ? Se.dark : ""} ${Se.progressContainer} ${Se[_]}`, children: [
+    m === "bar" && /* @__PURE__ */ l("div", { style: v ?? {}, className: `${d === "dark" ? Se.dark : ""} ${Se.progressContainer} ${Se[_]}`, children: [
       /* @__PURE__ */ e("div", { className: Se.progressBar, style: w ?? {}, children: /* @__PURE__ */ e("div", { className: Se.progressFill, style: { width: `${r}%`, ...y ?? {} } }) }),
       /* @__PURE__ */ e("div", { className: Se.progressText, style: S ?? {}, children: c && (t && typeof t == "function" ? t() : `${r}${o ? "%" : ""}`) })
     ] }),
-    m === "circle" && /* @__PURE__ */ l("div", { className: `${d === "dark" ? Se.dark : ""} ${Se.wrapper}`, style: { width: b, height: b, ...k ?? {} }, children: [
+    m === "circle" && /* @__PURE__ */ l("div", { className: `${d === "dark" ? Se.dark : ""} ${Se.wrapper}`, style: { width: b, height: b, ...v ?? {} }, children: [
       /* @__PURE__ */ e(R, { ...C, children: /* @__PURE__ */ l("svg", { className: Se.svg, width: b, height: b, children: [
         /* @__PURE__ */ e(
           "circle",
@@ -4297,7 +4297,7 @@ const va = ({
           }
         )
       ] }) }),
-      /* @__PURE__ */ e("div", { className: `${Se.progressText} ${Se[$]}`, style: S ?? {}, children: c && (t && typeof t == "function" ? t() : `${r}${o ? "%" : ""}`) })
+      /* @__PURE__ */ e("div", { className: `${Se.progressText} ${Se[x]}`, style: S ?? {}, children: c && (t && typeof t == "function" ? t() : `${r}${o ? "%" : ""}`) })
     ] }),
     m === "semicircle" && /* @__PURE__ */ l("div", { className: `${d === "dark" ? Se.dark : ""} ${Se.wrapper}`, style: { width: b.width, height: b.height }, children: [
       /* @__PURE__ */ e(Bn, { ...C, children: /* @__PURE__ */ l(
@@ -4316,7 +4316,7 @@ const va = ({
                 onMouseEnter: () => O("bar"),
                 onMouseLeave: () => V("bar"),
                 className: Se.semiBg,
-                d: x().d,
+                d: D().d,
                 strokeWidth: u,
                 strokeLinecap: "round",
                 strokeLinejoin: "round"
@@ -4329,7 +4329,7 @@ const va = ({
                 onMouseLeave: () => V("fill"),
                 className: Se.semiFg,
                 ref: M,
-                d: x().d,
+                d: D().d,
                 strokeWidth: u,
                 strokeLinecap: "round",
                 strokeLinejoin: "round",
@@ -4343,7 +4343,7 @@ const va = ({
           ]
         }
       ) }),
-      c && /* @__PURE__ */ e("div", { className: `${Se.progressText} ${Se.semicircle} ${Se[$]}`, style: S ?? {}, children: t ? typeof t == "function" ? t() : t : `${r}${o ? "%" : ""}` })
+      c && /* @__PURE__ */ e("div", { className: `${Se.progressText} ${Se.semicircle} ${Se[x]}`, 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 = {
@@ -6930,9 +6930,9 @@ const va = ({
   required: c,
   disabled: m,
   disableDropdown: _,
-  maxLength: $,
+  maxLength: x,
   currencyData: i,
-  type: k = "text",
+  type: v = "text",
   readOnly: w,
   msg: y,
   size: S = "md",
@@ -6943,7 +6943,7 @@ const va = ({
   // left, right
   defaultCountry: d,
   inputWithDropdownWrapperStyle: f,
-  inputLabelStyle: x,
+  inputLabelStyle: D,
   requiredStyle: b,
   inputWithDropdownStyle: u,
   inputContainerStyle: B,
@@ -6964,7 +6964,7 @@ const va = ({
       C === "currency" ? p.currencyCode = p?.currency_code : (p.countryCode = p?.code, p.dialCode = p?.dial_code), L(p), M && typeof M == "function" && M(p);
     }
   }, [d, V.current]), z(!1);
-  const s = ee(!0), v = ee(null), j = ee(null), [Z, ae] = z(!1), [me, fe] = z(!1), he = ee(null), Y = (p) => {
+  const s = ee(!0), $ = ee(null), j = ee(null), [Z, ae] = z(!1), [me, fe] = z(!1), he = ee(null), Y = (p) => {
     let H = p.target.value;
     if (C === "country" && (H = H.replace(/[^0-9+ ]/g, "")), N && typeof N == "function" && N(H), !H) {
       V.current = i || Fn;
@@ -6985,13 +6985,13 @@ const va = ({
       currencyCode: p?.currency_code,
       currencyName: p?.currency
     };
-    L(H), v.current.focus(), M && typeof M == "function" && M(C === "country" ? H : p), fe(!1);
+    L(H), $.current.focus(), M && typeof M == "function" && M(C === "country" ? H : p), fe(!1);
   }, A = () => {
-    ae(!0), D(), F && typeof F == "function" && F();
+    ae(!0), k(), F && typeof F == "function" && F();
   }, P = (p) => {
     const H = p.target.value, oe = H.length === 0;
-    k === "number" && (p.keyCode === 69 || !oe && (p.keyCode === 187 || p.keyCode === 107 || p.keyCode === 189 || p.keyCode === 109)) && p.preventDefault(), p.key === "Enter" && H && H.length > 0 && J && typeof J == "function" && J(H);
-  }, q = () => ({ ...{}, ...B ?? {} }), D = () => {
+    v === "number" && (p.keyCode === 69 || !oe && (p.keyCode === 187 || p.keyCode === 107 || p.keyCode === 189 || p.keyCode === 109)) && p.preventDefault(), p.key === "Enter" && H && H.length > 0 && J && typeof J == "function" && J(H);
+  }, q = () => ({ ...{}, ...B ?? {} }), k = () => {
     const p = he.current, H = j.current;
     if (!H || !p) return;
     const oe = p.getBoundingClientRect(), de = window.innerHeight;
@@ -7006,11 +7006,11 @@ const va = ({
     }
     Z || X && typeof X == "function" && X();
   }, [Z]), te(() => {
-    D();
+    k();
   }, [j, Z, me]), te(() => (document.addEventListener("click", E), () => {
     document.removeEventListener("click", E);
   }), []), /* @__PURE__ */ l("div", { className: `${W === "dark" ? Re.dark : ""} ${Re[O]} ${Re.inputWithDropdownWrapper}`, style: f ?? {}, children: [
-    r && /* @__PURE__ */ l("label", { className: Re.inputLabel, style: x ?? {}, children: [
+    r && /* @__PURE__ */ l("label", { className: Re.inputLabel, style: D ?? {}, children: [
       r,
       " ",
       /* @__PURE__ */ e("span", { className: Re.required, style: b ?? {}, children: c && "*" })
@@ -7027,7 +7027,7 @@ const va = ({
             ref: he,
             style: { ...u, ...U === "right" ? { flexDirection: "row-reverse" } : {} },
             onClick: () => {
-              !m && !_ && v.current && v.current.focus();
+              !m && !_ && $.current && $.current.focus();
             },
             children: [
               /* @__PURE__ */ l(
@@ -7036,7 +7036,7 @@ const va = ({
                   className: Re.inputIcon,
                   style: { cursor: m || _ ? "not-allowed" : "pointer" },
                   onClick: () => {
-                    m || _ || (D(), fe((p) => !p));
+                    m || _ || (k(), fe((p) => !p));
                   },
                   children: [
                     n && /* @__PURE__ */ l(Ze, { children: [
@@ -7070,9 +7070,9 @@ const va = ({
               /* @__PURE__ */ e(
                 "input",
                 {
-                  ref: v,
+                  ref: $,
                   style: { ...T, ...U === "right" ? { borderLeft: "none", borderRight: "1px solid #D5D7DA" } : {} },
-                  type: k ?? "text",
+                  type: v ?? "text",
                   value: o,
                   onChange: (p) => Y(p),
                   onFocus: A,
@@ -7083,7 +7083,7 @@ const va = ({
                   spellCheck: !1,
                   placeholder: t ?? "",
                   autoComplete: "off",
-                  maxLength: $
+                  maxLength: x
                 }
               ),
               me && /* @__PURE__ */ e("ul", { ref: j, className: Re.inputDropDown, onClick: (p) => p.stopPropagation(), children: V.current.map((p, H) => /* @__PURE__ */ l("li", { onClick: () => g(p), children: [