master-components-react-ts 2.3.2 → 2.3.4

package/dist/index.js

@@ -61,9 +61,9 @@ const Pe = 50 / 2, Mt = ({ size: t = 24, strokeWidth: o = 5, linecap: r = "round
   d = "M10.5 3.5L3.5 10.5M3.5 3.5L10.5 10.5",
   stroke: i = "#A4A7AE",
   strokeWidth: v = "1.66667",
-  strokeLinecap: S = "round",
-  strokeLinejoin: h = "round"
-}) => /* @__PURE__ */ e("svg", { xmlns: n, width: t, height: o, viewBox: s, fill: a, children: /* @__PURE__ */ e("path", { d, stroke: i, strokeWidth: v, strokeLinecap: S, strokeLinejoin: h }) }), yt = ({ color: t = "#131314" }) => /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", color: t, children: /* @__PURE__ */ e(
+  strokeLinecap: M = "round",
+  strokeLinejoin: p = "round"
+}) => /* @__PURE__ */ e("svg", { xmlns: n, width: t, height: o, viewBox: s, fill: a, children: /* @__PURE__ */ e("path", { d, stroke: i, strokeWidth: v, strokeLinecap: M, strokeLinejoin: p }) }), yt = ({ color: t = "#131314" }) => /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", color: t, children: /* @__PURE__ */ e(
   "path",
   {
     fillRule: "evenodd",
@@ -254,26 +254,26 @@ const Pe = 50 / 2, Mt = ({ size: t = 24, strokeWidth: o = 5, linecap: r = "round
   colorType: d = "neutral",
   buttonType: i = "primary",
   withFocus: v = !1,
-  customFocus: S,
-  disabled: h,
+  customFocus: M,
+  disabled: p,
   loading: f = !1,
   spaceBetween: g = !1,
   buttonStyle: b,
-  mainButtonContentStyle: M,
+  mainButtonContentStyle: D,
   mainButtonLabelStyle: I,
-  leftSlotStyle: p,
+  leftSlotStyle: h,
   rightSlotStyle: w,
   onClick: L
 }) => {
-  const [k, K] = E(S || !1), V = oe(null), Z = (A) => {
-    h || f || (v && K((j) => !j), L?.(A));
+  const [k, K] = E(M || !1), V = oe(null), Z = (A) => {
+    p || f || (v && K((j) => !j), L?.(A));
   }, G = () => {
     let A = "#ffffff";
     return d === "neutral" && i !== "primary" && (A = "#0058FF"), d === "positive" && i !== "primary" && (A = "#328707"), d === "negative" && i !== "primary" && (A = "#E3292F"), A;
   };
   return X(() => {
     const A = (j) => {
-      !V.current || h || j.composedPath().includes(V.current) || K(!1);
+      !V.current || p || j.composedPath().includes(V.current) || K(!1);
     };
     return document.addEventListener("click", A), () => {
       document.removeEventListener("click", A);
@@ -284,11 +284,11 @@ const Pe = 50 / 2, Mt = ({ size: t = 24, strokeWidth: o = 5, linecap: r = "round
       ref: V,
       style: b,
       type: a,
-      disabled: h,
-      className: `${Te.mainButton} ${Te[o]} ${f ? Te.loading : ""} ${k ? Te.focused : ""} ${Te[i]} ${Te[d]} ${h ? Te.disabled : ""}`,
+      disabled: p,
+      className: `${Te.mainButton} ${Te[o]} ${f ? Te.loading : ""} ${k ? Te.focused : ""} ${Te[i]} ${Te[d]} ${p ? Te.disabled : ""}`,
       onClick: Z,
-      children: f ? /* @__PURE__ */ e(Mt, { size: 20, stroke: G() }) : s || /* @__PURE__ */ l("div", { className: Te.mainButtonContent, style: { ...M, justifyContent: g ? "space-between" : "center" }, children: [
-        r && /* @__PURE__ */ e("div", { className: Te.leftSlot, style: p, children: r }),
+      children: f ? /* @__PURE__ */ e(Mt, { size: 20, stroke: G() }) : s || /* @__PURE__ */ l("div", { className: Te.mainButtonContent, style: { ...D, justifyContent: g ? "space-between" : "center" }, children: [
+        r && /* @__PURE__ */ e("div", { className: Te.leftSlot, style: h, children: r }),
         /* @__PURE__ */ e("p", { className: Te.mainButtonLabel, style: I, children: t }),
         n && /* @__PURE__ */ e("div", { className: Te.rightSlot, style: w, children: n })
       ] })
@@ -348,14 +348,14 @@ const co = "mc__FormInput-module__inputWrapper", uo = "mc__FormInput-module__sm"
   withFocus: d = !0,
   withActive: i = !0,
   searchComponent: v = !1,
-  size: S = "md",
-  toggleFocus: h = !1,
+  size: M = "md",
+  toggleFocus: p = !1,
   rightSlot: f,
   leftSlot: g,
   helperSlot: b,
-  type: M = "text",
+  type: D = "text",
   value: I,
-  maxLength: p,
+  maxLength: h,
   forDropdown: w = !1,
   customFocus: L = null,
   focus: k = !1,
@@ -378,10 +378,10 @@ const co = "mc__FormInput-module__inputWrapper", uo = "mc__FormInput-module__sm"
   }, ue = () => {
     G?.(), !w && U(!0);
   }, ge = () => {
-    U(h ? L ?? !1 : !1), A?.();
+    U(p ? L ?? !1 : !1), A?.();
   }, he = (J) => {
-    const u = J.currentTarget.value, D = u.length === 0;
-    M === "number" && (J.keyCode === 69 || !D && (J.keyCode === 187 || J.keyCode === 107 || J.keyCode === 189 || J.keyCode === 109)) && J.preventDefault(), J.key === "Enter" && u && u.length > 0 && j?.();
+    const u = J.currentTarget.value, S = u.length === 0;
+    D === "number" && (J.keyCode === 69 || !S && (J.keyCode === 187 || J.keyCode === 107 || J.keyCode === 189 || J.keyCode === 109)) && J.preventDefault(), J.key === "Enter" && u && u.length > 0 && j?.();
   }, ae = (J) => J, le = () => {
     v && (B(""), Z?.(""));
   };
@@ -389,7 +389,7 @@ const co = "mc__FormInput-module__inputWrapper", uo = "mc__FormInput-module__sm"
     ee?.(Q);
   }, [Q]), X(() => {
     L != null && U(L);
-  }, [L]), /* @__PURE__ */ l("div", { className: `${ce.inputWrapper} ${s ? ce.disabled : ""} ${ce[S]}`, style: R ?? {}, children: [
+  }, [L]), /* @__PURE__ */ l("div", { className: `${ce.inputWrapper} ${s ? ce.disabled : ""} ${ce[M]}`, style: R ?? {}, children: [
     t && /* @__PURE__ */ l("div", { className: ce.formInputLabelWrapper, children: [
       /* @__PURE__ */ l("label", { style: c ?? {}, className: ce.formInputLabel, children: [
         t,
@@ -403,7 +403,7 @@ const co = "mc__FormInput-module__inputWrapper", uo = "mc__FormInput-module__sm"
       {
         className: `${ce.formInputWrapper} ${K.error ? ce.errorState : ""} ${d && Q ? K.error ? ce.errorFocused : ce.focused : ""} ${i && ne ? K.error ? ce.errorActive : ce.active : ""} ${K.error ? ce.error : ""} ${K.success ? ce.success : ""}`,
         style: W ?? {},
-        onClick: () => h && U((J) => !J),
+        onClick: () => p && U((J) => !J),
         children: [
           g && /* @__PURE__ */ e("div", { className: ce.formInputSlot, children: ae(g) }),
           v && /* @__PURE__ */ e("div", { className: ce.formInputSlot, children: ae(/* @__PURE__ */ e(Dt, {})) }),
@@ -413,7 +413,7 @@ const co = "mc__FormInput-module__inputWrapper", uo = "mc__FormInput-module__sm"
               className: ce.formInput,
               ref: C,
               style: z ?? {},
-              type: M ?? "text",
+              type: D ?? "text",
               value: v ? N : I,
               onChange: (J) => pe(J),
               onMouseDown: () => !w && de(!0),
@@ -428,7 +428,7 @@ const co = "mc__FormInput-module__inputWrapper", uo = "mc__FormInput-module__sm"
               spellCheck: !1,
               placeholder: o ?? "",
               autoComplete: "off",
-              maxLength: p
+              maxLength: h
             }
           ),
           f && /* @__PURE__ */ e("div", { style: v ? { cursor: "pointer" } : {}, className: ce.formInputSlot, children: ae(f) }),
@@ -506,14 +506,14 @@ const $o = "mc__Textarea-module__textareaContainer", Mo = "mc__Textarea-module__
   maxLength: d = 20,
   withFocus: i = !0,
   withActive: v = !0,
-  withResize: S = !0,
-  withClose: h = !0,
+  withResize: M = !0,
+  withClose: p = !0,
   onChange: f,
   onFocus: g,
   onBlur: b,
-  disabled: M,
+  disabled: D,
   required: I,
-  textareaContainerStyle: p,
+  textareaContainerStyle: h,
   textareaLabelStyle: w,
   requiredStyle: L,
   labelSlot: k,
@@ -563,19 +563,19 @@ const $o = "mc__Textarea-module__textareaContainer", Mo = "mc__Textarea-module__
   return /* @__PURE__ */ l(
     "div",
     {
-      style: p ?? {},
-      className: `${Ce.textareaContainer} ${a.error ? Ce.error : ""} ${M ? Ce.disabled : null}`,
+      style: h ?? {},
+      className: `${Ce.textareaContainer} ${a.error ? Ce.error : ""} ${D ? Ce.disabled : null}`,
       children: [
         o && /* @__PURE__ */ l("div", { style: w, className: Ce.textAreaLabel, children: [
           /* @__PURE__ */ e("p", { children: o }),
           /* @__PURE__ */ e("span", { style: L ?? {}, className: Ce.required, children: I && "*" }),
           k && W(k)
         ] }),
-        /* @__PURE__ */ l("div", { className: `${Ce.wrap} ${S ? Ce.resize : ""}`, ref: V, children: [
+        /* @__PURE__ */ l("div", { className: `${Ce.wrap} ${M ? Ce.resize : ""}`, ref: V, children: [
           /* @__PURE__ */ e(
             "textarea",
             {
-              className: `${Ce.textarea} ${Z ? Ce.focused : ""} ${M ? Ce.disabled : ""}  ${i && Z ? a.error ? Ce.errorFocused : Ce.focused : ""} ${v && A ? a.error ? Ce.errorActive : Ce.active : ""} ${a.error ? Ce.error : ""} ${a.success ? Ce.success : ""}`,
+              className: `${Ce.textarea} ${Z ? Ce.focused : ""} ${D ? Ce.disabled : ""}  ${i && Z ? a.error ? Ce.errorFocused : Ce.focused : ""} ${v && A ? a.error ? Ce.errorActive : Ce.active : ""} ${a.error ? Ce.error : ""} ${a.success ? Ce.success : ""}`,
               value: s,
               placeholder: t ?? "",
               cols: r,
@@ -583,7 +583,7 @@ const $o = "mc__Textarea-module__textareaContainer", Mo = "mc__Textarea-module__
               maxLength: d ?? void 0,
               onInput: T,
               onFocus: R,
-              disabled: M,
+              disabled: D,
               onBlur: z,
               onChange: ee,
               onMouseDown: () => j(!0),
@@ -591,7 +591,7 @@ const $o = "mc__Textarea-module__textareaContainer", Mo = "mc__Textarea-module__
               onMouseLeave: () => j(!1)
             }
           ),
-          h && s && /* @__PURE__ */ e("div", { className: Ce.textareaIconClose, onClick: C, children: /* @__PURE__ */ e(Vt, {}) })
+          p && s && /* @__PURE__ */ e("div", { className: Ce.textareaIconClose, onClick: C, children: /* @__PURE__ */ e(Vt, {}) })
         ] }),
         /* @__PURE__ */ e("div", { style: K ?? {}, className: Ce.textareaFooter, children: /* @__PURE__ */ l("p", { children: [
           s?.length,
@@ -668,20 +668,20 @@ const qo = "mc__Checkbox-module__checkboxWrapper", Xo = "mc__Checkbox-module__ch
   checkBoxStyle: i,
   theme: v = "light"
 }) => {
-  const S = tt(), h = oe(null), [f, g] = E(!1), b = () => {
+  const M = tt(), p = oe(null), [f, g] = E(!1), b = () => {
     n || o && typeof o == "function" && o(!t);
   };
   return /* @__PURE__ */ l(
     "div",
     {
       style: f ? n ? { boxShadow: "none" } : d ?? {} : i ?? {},
-      className: `${v === "dark" ? Me.dark : ""}  ${Me[S]} ${Me.checkboxWrapper} ${r === "error" ? Me.error : ""} ${t ? Me.checked : Me.unChecked} ${n ? Me.disabled : ""}`,
+      className: `${v === "dark" ? Me.dark : ""}  ${Me[M]} ${Me.checkboxWrapper} ${r === "error" ? Me.error : ""} ${t ? Me.checked : Me.unChecked} ${n ? Me.disabled : ""}`,
       onMouseDown: () => g(!0),
       onMouseUp: () => g(!1),
       onMouseLeave: () => g(!1),
       onClick: b,
       children: [
-        /* @__PURE__ */ e("input", { ref: h, type: "checkbox", disabled: n, checked: t ?? !1, hidden: !0, readOnly: !0, required: s ?? !1 }),
+        /* @__PURE__ */ e("input", { ref: p, type: "checkbox", disabled: n, checked: t ?? !1, hidden: !0, readOnly: !0, required: s ?? !1 }),
         t ? a ? /* @__PURE__ */ e(Pt, {}) : /* @__PURE__ */ e(Ht, {}) : ""
       ]
     }
@@ -744,14 +744,14 @@ const nn = "mc__Dropdown-module__dropdownWrapper", rn = "mc__Dropdown-module__dr
   withSelectAll: d = !1,
   withClearAll: i = !1,
   expandedNodes: v,
-  SearchValue: S,
-  SelectedData: h,
+  SearchValue: M,
+  SelectedData: p,
   treeContainerStyle: f,
   treeNodeItemStyle: g,
   treeFooterStyle: b,
-  treeFooterTextStyle: M,
+  treeFooterTextStyle: D,
   treeNodeStyle: I,
-  labelRowStyle: p,
+  labelRowStyle: h,
   collapseToggleStyle: w
 }) => {
   const [L, k] = E(t || []), K = (W, R, z = L) => z.map((_) => {
@@ -810,21 +810,21 @@ const nn = "mc__Dropdown-module__dropdownWrapper", rn = "mc__Dropdown-module__dr
         onCollapse: G,
         depth: 0,
         expandedNodes: v,
-        SearchValue: S,
-        SelectedData: h,
+        SearchValue: M,
+        SelectedData: p,
         treeContainerStyle: f,
         treeNodeItemStyle: g,
         treeFooterStyle: b,
-        treeFooterTextStyle: M,
+        treeFooterTextStyle: D,
         treeNodeStyle: I,
-        labelRowStyle: p,
+        labelRowStyle: h,
         collapseToggleStyle: w
       },
       W.id
     )) }),
     a && /* @__PURE__ */ l("div", { className: ke.dropdownListFooter, style: b, children: [
-      i && /* @__PURE__ */ e("span", { onClick: j, style: M, children: "Clear All" }),
-      d && S === "" && /* @__PURE__ */ e("span", { onClick: ee, style: M, children: "Select All" })
+      i && /* @__PURE__ */ e("span", { onClick: j, style: D, children: "Clear All" }),
+      d && M === "" && /* @__PURE__ */ e("span", { onClick: ee, style: D, children: "Select All" })
     ] })
   ] });
 }, bt = ({
@@ -837,17 +837,17 @@ const nn = "mc__Dropdown-module__dropdownWrapper", rn = "mc__Dropdown-module__dr
   expandedNodes: d,
   SearchValue: i,
   SelectedData: v,
-  treeContainerStyle: S,
-  treeNodeItemStyle: h,
+  treeContainerStyle: M,
+  treeNodeItemStyle: p,
   treeFooterStyle: f,
   treeFooterTextStyle: g,
   treeNodeStyle: b,
-  labelRowStyle: M,
+  labelRowStyle: D,
   collapseToggleStyle: I
 }) => {
-  const p = d?.find((Z) => Z.id === t.id);
+  const h = d?.find((Z) => Z.id === t.id);
   v?.find((Z) => Z.id === t.id);
-  const [w, L] = E(p ? !1 : r || !0), k = () => {
+  const [w, L] = E(h ? !1 : r || !0), k = () => {
     L((Z) => !Z), s?.(w, t);
   }, K = () => {
     o?.(t.id, !t.selected);
@@ -861,7 +861,7 @@ const nn = "mc__Dropdown-module__dropdownWrapper", rn = "mc__Dropdown-module__dr
   return X(() => {
     i && L(!1);
   }, [i]), /* @__PURE__ */ l("div", { className: `${ke.treeNode} ${V(i) ? ke.visible : ke.hidden}`, style: b, children: [
-    /* @__PURE__ */ l("div", { className: ke.labelRow, onClick: k, style: M, children: [
+    /* @__PURE__ */ l("div", { className: ke.labelRow, onClick: k, style: D, children: [
       /* @__PURE__ */ e("div", { style: { display: "grid", placeItems: "center", marginLeft: `${a}rem` }, onClick: (Z) => Z.stopPropagation(), children: /* @__PURE__ */ e(Fe, { checked: t?.selected ?? !1, change: K, ...n, withActive: !1 }) }),
       /* @__PURE__ */ e("span", { className: ke.collapseToggle, style: I, children: /* @__PURE__ */ e(
         "div",
@@ -889,12 +889,12 @@ const nn = "mc__Dropdown-module__dropdownWrapper", rn = "mc__Dropdown-module__dr
         expandedNodes: d,
         SearchValue: i,
         SelectedData: v,
-        treeContainerStyle: S,
-        treeNodeItemStyle: h,
+        treeContainerStyle: M,
+        treeNodeItemStyle: p,
         treeFooterStyle: f,
         treeFooterTextStyle: g,
         treeNodeStyle: b,
-        labelRowStyle: M,
+        labelRowStyle: D,
         collapseToggleStyle: I
       },
       Z.id
@@ -910,14 +910,14 @@ const nn = "mc__Dropdown-module__dropdownWrapper", rn = "mc__Dropdown-module__dr
   withInput: d = !1,
   withTree: i = !1,
   withSelectAll: v = !0,
-  dropdownType: S = "country",
-  onSelect: h,
+  dropdownType: M = "country",
+  onSelect: p,
   onFocus: f,
   onBlur: g,
   onValueChange: b,
-  customInputSlot: M,
+  customInputSlot: D,
   dropdownWrapperStyle: I,
-  dropdownInputWrapperStyle: p,
+  dropdownInputWrapperStyle: h,
   dropdownInputSlotStyle: w,
   dropdownInputSlotItemStyle: L,
   dropdownInputSlotItemLabelStyle: k,
@@ -931,14 +931,14 @@ const nn = "mc__Dropdown-module__dropdownWrapper", rn = "mc__Dropdown-module__dr
   treeProps: W,
   ...R
 }) => {
-  const [z, _] = E(!1), [c, T] = E(""), [C, N] = E(!1), [B, Q] = E(!1), [U, ne] = E(!1), de = oe(null), pe = oe(null), ue = oe(null), ge = oe(null), [he, ae] = E([]), le = oe([]), J = oe(0), [u, D] = E(""), [$, Y] = E(null), ie = (m) => `https://flagsapi.com/${m}/flat/64.png`, re = (m) => {
+  const [z, _] = E(!1), [c, T] = E(""), [C, N] = E(!1), [B, Q] = E(!1), [U, ne] = E(!1), de = oe(null), pe = oe(null), ue = oe(null), ge = oe(null), [he, ae] = E([]), le = oe([]), J = oe(0), [u, S] = E(""), [$, Y] = E(null), ie = (m) => `https://flagsapi.com/${m}/flat/64.png`, re = (m) => {
     if (m.selected = !m.selected, !s) {
-      h?.(m);
+      p?.(m);
       return;
     }
-    le.current = [...le.current, ...he.filter((H) => H.selected == !0), ...he.filter((H) => H.id === m.id)], le.current = vt(le.current, "id").filter((H) => H.selected).filter((H) => H.id !== "SELECT_ALL"), m.id === "SELECT_ALL" ? (N(m.selected), Q(!0)) : (N(!1), h?.(le.current), Q(!1)), _((H) => !H);
+    le.current = [...le.current, ...he.filter((H) => H.selected == !0), ...he.filter((H) => H.id === m.id)], le.current = vt(le.current, "id").filter((H) => H.selected).filter((H) => H.id !== "SELECT_ALL"), m.id === "SELECT_ALL" ? (N(m.selected), Q(!0)) : (N(!1), p?.(le.current), Q(!1)), _((H) => !H);
   }, we = (m) => {
-    Y(m), h?.(m), ne(!1);
+    Y(m), p?.(m), ne(!1);
   }, _e = () => {
     f?.();
   }, fe = () => {
@@ -967,7 +967,7 @@ const nn = "mc__Dropdown-module__dropdownWrapper", rn = "mc__Dropdown-module__dr
       const m = he.map((H) => H.id === "SELECT_ALL" ? { ...H, selected: C } : H.disabled ? H : { ...H, selected: C });
       ae(m), t?.forEach((H) => {
         H.id === "SELECT_ALL" ? H.selected = C : H.disabled || (H.selected = C);
-      }), le.current = m.filter((H) => H.selected && H.id !== "SELECT_ALL"), h?.(le.current);
+      }), le.current = m.filter((H) => H.selected && H.id !== "SELECT_ALL"), p?.(le.current);
     }
   }, [z]), X(() => {
     const m = (Le) => {
@@ -1003,7 +1003,7 @@ const nn = "mc__Dropdown-module__dropdownWrapper", rn = "mc__Dropdown-module__dr
       {
         ref: pe,
         className: se.dropdownInputWrapper,
-        style: p ?? {},
+        style: h ?? {},
         onClick: () => (ne((m) => !m), fe()),
         onFocus: _e,
         children: /* @__PURE__ */ e(
@@ -1020,7 +1020,7 @@ const nn = "mc__Dropdown-module__dropdownWrapper", rn = "mc__Dropdown-module__dr
             toggleFocus: !0,
             formInputStyle: { cursor: d ? "text" : "pointer" },
             leftSlot: d && /* @__PURE__ */ l("div", { className: se.dropdownInputSlot, children: [
-              S === "currency" ? /* @__PURE__ */ e("p", { children: $?.label }) : /* @__PURE__ */ e("img", { src: ie($?.code), alt: "flag" }),
+              M === "currency" ? /* @__PURE__ */ e("p", { children: $?.label }) : /* @__PURE__ */ e("img", { src: ie($?.code), alt: "flag" }),
               /* @__PURE__ */ e("div", { className: `${se.dropdownRightIconArrow} ${U ? se.focused : ""}`, children: /* @__PURE__ */ e(ze, {}) })
             ] }),
             rightSlot: /* @__PURE__ */ l("div", { className: `${se.dropdownRightIcon} ${U ? se.focused : ""}`, children: [
@@ -1039,7 +1039,7 @@ const nn = "mc__Dropdown-module__dropdownWrapper", rn = "mc__Dropdown-module__dr
             readOnly: !d,
             forDropdown: !0,
             inputSlotStyle: { width: "100%" },
-            inputSlot: s && le.current.length > 0 ? M || /* @__PURE__ */ l("ul", { className: se.dropdownInputSlot, style: w ?? {}, children: [
+            inputSlot: s && le.current.length > 0 ? D || /* @__PURE__ */ l("ul", { className: se.dropdownInputSlot, style: w ?? {}, children: [
               le.current.slice(0, J.current).map((m, H) => /* @__PURE__ */ l(
                 "li",
                 {
@@ -1079,10 +1079,10 @@ const nn = "mc__Dropdown-module__dropdownWrapper", rn = "mc__Dropdown-module__dr
           withFocus: !1,
           withActive: !1,
           value: u,
-          onChange: (m) => D(m)
+          onChange: (m) => S(m)
         }
       ),
-      i ? /* @__PURE__ */ e(Wn, { SearchValue: u, data: t, onSelect: h, ...W }) : /* @__PURE__ */ e("ul", { onClick: (m) => m.stopPropagation(), className: se.dropdownList, ref: ue, style: ee ?? {}, children: he.filter((m) => m?.label?.toLowerCase().includes(u.toLowerCase())).map((m, H) => /* @__PURE__ */ l(
+      i ? /* @__PURE__ */ e(Wn, { SearchValue: u, data: t, onSelect: p, ...W }) : /* @__PURE__ */ e("ul", { onClick: (m) => m.stopPropagation(), className: se.dropdownList, ref: ue, style: ee ?? {}, children: he.filter((m) => m?.label?.toLowerCase().includes(u.toLowerCase())).map((m, H) => /* @__PURE__ */ l(
         "li",
         {
           style: { ...Z, cursor: !s && m?.disabled ? "not-allowed" : "pointer" },
@@ -1104,7 +1104,7 @@ const nn = "mc__Dropdown-module__dropdownWrapper", rn = "mc__Dropdown-module__dr
               d ? /* @__PURE__ */ l("div", { className: se.dropdownItemLabelInput, children: [
                 /* @__PURE__ */ e("img", { src: ie(m.code), style: { width: "1.375rem", height: "1.375rem", objectFit: "contain" }, alt: m.name }),
                 /* @__PURE__ */ e("span", { title: m.name, className: se.countryName, children: m.name || m.label }),
-                /* @__PURE__ */ e("span", { className: se.countryDialCode, children: S === "country" ? m.dialCode : m?.label })
+                /* @__PURE__ */ e("span", { className: se.countryDialCode, children: M === "country" ? m.dialCode : m?.label })
               ] }) : /* @__PURE__ */ e(
                 "p",
                 {
@@ -1159,8 +1159,8 @@ const Fn = "mc__Radio-module__radioWrapper", En = {
   const d = () => {
     r || o?.(s ? !t : !0);
   }, i = () => {
-    let v = null, S = r ? "#95969C" : a === "error" ? "#E3292F" : "#0058FF";
-    return t ? r ? v = /* @__PURE__ */ e(Bt, { color: S }) : v = /* @__PURE__ */ e(At, { color: S }) : r ? v = /* @__PURE__ */ e(Wt, { color: S }) : v = /* @__PURE__ */ e(Rt, { color: S }), v;
+    let v = null, M = r ? "#95969C" : a === "error" ? "#E3292F" : "#0058FF";
+    return t ? r ? v = /* @__PURE__ */ e(Bt, { color: M }) : v = /* @__PURE__ */ e(At, { color: M }) : r ? v = /* @__PURE__ */ e(Wt, { color: M }) : v = /* @__PURE__ */ e(Rt, { color: M }), v;
   };
   return /* @__PURE__ */ l("div", { className: En.radioWrapper, style: { cursor: r ? "not-allowed" : "pointer" }, onClick: d, children: [
     /* @__PURE__ */ e("input", { type: "radio", checked: !0, readOnly: !0, hidden: !0, disabled: r ?? !1, required: n }),
@@ -1191,14 +1191,14 @@ const On = "mc__Tooltip-module__tooltipContainer", Vn = "mc__Tooltip-module__too
   text: d,
   customText: i,
   tooltipContentStyle: v,
-  tooltipTitlestyle: S,
-  tooltipTextStyle: h,
+  tooltipTitlestyle: M,
+  tooltipTextStyle: p,
   tooltipContainerStyle: f,
   pointerPosition: g = "10%",
   withPointer: b = !1,
-  theme: M,
+  theme: D,
   topCustomOffset: I = 0,
-  bottomCustomOffset: p = 0,
+  bottomCustomOffset: h = 0,
   leftCustomOffset: w = 0,
   rightCustomOffset: L = 0,
   forceClose: k = !1,
@@ -1225,7 +1225,7 @@ const On = "mc__Tooltip-module__tooltipContainer", Vn = "mc__Tooltip-module__too
         T.style.top = `${C.top - T.offsetHeight - 8}px`, T.style.left = `${C.left + I}px`;
         break;
       case "bottom":
-        T.style.top = `${C.bottom + 8}px`, T.style.left = `${C.left + p}px`;
+        T.style.top = `${C.bottom + 8}px`, T.style.left = `${C.left + h}px`;
         break;
       case "left":
         T.style.top = `${C.top + C.height / 2 - T.offsetHeight / 2}px`, T.style.left = `${C.left - T.offsetWidth - 8 + w}px`;
@@ -1255,7 +1255,7 @@ const On = "mc__Tooltip-module__tooltipContainer", Vn = "mc__Tooltip-module__too
     "div",
     {
       ref: V,
-      className: `${M === "dark" ? xe.dark : ""} ${xe.tooltipContainer}`,
+      className: `${D === "dark" ? xe.dark : ""} ${xe.tooltipContainer}`,
       onClick: z,
       onMouseEnter: W,
       onMouseLeave: R,
@@ -1280,8 +1280,8 @@ const On = "mc__Tooltip-module__tooltipContainer", Vn = "mc__Tooltip-module__too
             className: `${xe.tooltipContent} ${n ? xe[n] : xe.bottom}`,
             children: [
               i && typeof i == "string" && i,
-              a && a.length > 0 && typeof a == "string" && /* @__PURE__ */ e("h2", { className: xe.tooltipTitle, style: S ?? {}, children: a }),
-              d && d.length > 0 && typeof d == "string" && /* @__PURE__ */ e("p", { className: xe.tooltipText, style: h ?? {}, children: d })
+              a && a.length > 0 && typeof a == "string" && /* @__PURE__ */ e("h2", { className: xe.tooltipTitle, style: M ?? {}, children: a }),
+              d && d.length > 0 && typeof d == "string" && /* @__PURE__ */ e("p", { className: xe.tooltipText, style: p ?? {}, children: d })
             ]
           }
         )
@@ -1332,13 +1332,13 @@ const Qn = "mc__Popup-module__modalOverlay", Jn = "mc__Popup-module__popupDrawer
   // "horizontal"
   modalOverlayStyle: i,
   popupContainerStyle: v,
-  templateWrapperStyle: S,
-  closeButtonStyle: h
+  templateWrapperStyle: M,
+  closeButtonStyle: p
 }) => {
   const f = () => {
     a && typeof a == "function" && a();
-  }, g = oe(null), b = (M) => {
-    M.target === g.current && s && typeof s == "function" && s();
+  }, g = oe(null), b = (D) => {
+    D.target === g.current && s && typeof s == "function" && s();
   };
   return X(() => (document.addEventListener("click", b), () => {
     document.removeEventListener("click", b);
@@ -1361,8 +1361,8 @@ const Qn = "mc__Popup-module__modalOverlay", Jn = "mc__Popup-module__popupDrawer
                         ${d === "horizontal" ? We.horizontal : ""}
                     `,
           children: [
-            /* @__PURE__ */ e("div", { className: We.closeButton, style: h ?? {}, onClick: f, children: /* @__PURE__ */ e(yt, { color: "#131314" }) }),
-            /* @__PURE__ */ l("div", { className: We.templateWrapper, style: S ?? {}, children: [
+            /* @__PURE__ */ e("div", { className: We.closeButton, style: p ?? {}, onClick: f, children: /* @__PURE__ */ e(yt, { color: "#131314" }) }),
+            /* @__PURE__ */ l("div", { className: We.templateWrapper, style: M ?? {}, children: [
               o && o,
               n && n
             ] })
@@ -1418,38 +1418,38 @@ const nr = "mc__NotificationToast-module__toastContainer", rr = "mc__Notificatio
   description: d,
   customAction: i,
   timeout: v = 4e3,
-  children: S,
-  onUndo: h,
+  children: M,
+  onUndo: p,
   onClose: f
 }) => {
   const [g, b] = E("fadeIn");
   X(() => {
-    const I = v, p = 300, w = setTimeout(() => {
+    const I = v, h = 300, w = setTimeout(() => {
       b("fadeOut"), setTimeout(() => {
         f?.();
-      }, p);
+      }, h);
     }, I);
     return () => {
       clearTimeout(w);
     };
   }, [f]);
-  const M = () => {
+  const D = () => {
     let I = {};
     return d && (I.padding = "12px"), I;
   };
-  return /* @__PURE__ */ e("div", { className: `${ye.notificationToast} ${ye[o]} ${r ? "" : ye.filled} ${ye[g]}`, style: M(), children: /* @__PURE__ */ l("div", { className: ye.notificationToastContent, style: d ? { alignItems: "flex-start" } : {}, children: [
+  return /* @__PURE__ */ e("div", { className: `${ye.notificationToast} ${ye[o]} ${r ? "" : ye.filled} ${ye[g]}`, style: D(), children: /* @__PURE__ */ l("div", { className: ye.notificationToastContent, style: d ? { alignItems: "flex-start" } : {}, children: [
     /* @__PURE__ */ l("div", { className: ye.notificationToastContentLeft, style: d ? { alignItems: "flex-start" } : {}, children: [
       a && /* @__PURE__ */ e("div", { className: ye.notificationToastContentInfoIcon, children: o === "success" ? /* @__PURE__ */ e(Et, { color: r ? "#fff" : "#328707" }) : /* @__PURE__ */ e(Ft, { color: r ? "#fff" : o === "neutral" ? "#131314" : o === "error" ? "#E3292F" : "#0058FF" }) }),
       /* @__PURE__ */ l("div", { className: ye.notificationToastContentLeftText, children: [
         t && /* @__PURE__ */ e("p", { className: ye.notificationToastContentLeftTextTitle, children: t }),
         d && /* @__PURE__ */ e("p", { className: ye.notificationToastContentLeftTextDescription, children: d }),
-        S && S
+        M && M
       ] })
     ] }),
     /* @__PURE__ */ e("div", { className: ye.notificationToastContentDescription }),
     /* @__PURE__ */ l("div", { className: ye.notificationToastContentRight, children: [
       i && i,
-      !d && s && /* @__PURE__ */ e("p", { className: ye.notificationToastContentRightUndoText, onClick: () => h?.(), children: "Undo" }),
+      !d && s && /* @__PURE__ */ e("p", { className: ye.notificationToastContentRightUndoText, onClick: () => p?.(), children: "Undo" }),
       n && /* @__PURE__ */ e("div", { className: ye.notificationToastContentRightClose, style: d || !s ? { border: "none" } : {}, onClick: () => f?.(), children: /* @__PURE__ */ e(
         yt,
         {
@@ -1467,7 +1467,7 @@ const kr = ({ children: t }) => {
       if (d.length >= i) return d;
       const v = br++;
       return setTimeout(() => {
-        r((S) => S.filter((h) => h.id !== v));
+        r((M) => M.filter((p) => p.id !== v));
       }, a.timeout || 4e3), [...d, { id: v, props: a }];
     });
   }, s = je(() => {
@@ -1551,68 +1551,68 @@ var Lt = { exports: {} };
   (function(r, n) {
     t.exports = n();
   })(Fr, function() {
-    var r = { 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" }, n = /(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|Q|YYYY|YY?|ww?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g, s = /\d/, a = /\d\d/, d = /\d\d?/, i = /\d*[^-_:/,()\s\d]+/, v = {}, S = function(p) {
-      return (p = +p) + (p > 68 ? 1900 : 2e3);
-    }, h = function(p) {
+    var r = { 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" }, n = /(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|Q|YYYY|YY?|ww?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g, s = /\d/, a = /\d\d/, d = /\d\d?/, i = /\d*[^-_:/,()\s\d]+/, v = {}, M = function(h) {
+      return (h = +h) + (h > 68 ? 1900 : 2e3);
+    }, p = function(h) {
       return function(w) {
-        this[p] = +w;
+        this[h] = +w;
       };
-    }, f = [/[+-]\d\d:?(\d\d)?|Z/, function(p) {
+    }, f = [/[+-]\d\d:?(\d\d)?|Z/, function(h) {
       (this.zone || (this.zone = {})).offset = function(w) {
         if (!w || w === "Z") return 0;
         var L = w.match(/([+-]|\d\d)/g), k = 60 * L[1] + (+L[2] || 0);
         return k === 0 ? 0 : L[0] === "+" ? -k : k;
-      }(p);
-    }], g = function(p) {
-      var w = v[p];
+      }(h);
+    }], g = function(h) {
+      var w = v[h];
       return w && (w.indexOf ? w : w.s.concat(w.f));
-    }, b = function(p, w) {
+    }, b = function(h, w) {
       var L, k = v.meridiem;
       if (k) {
-        for (var K = 1; K <= 24; K += 1) if (p.indexOf(k(K, 0, w)) > -1) {
+        for (var K = 1; K <= 24; K += 1) if (h.indexOf(k(K, 0, w)) > -1) {
           L = K > 12;
           break;
         }
-      } else L = p === (w ? "pm" : "PM");
+      } else L = h === (w ? "pm" : "PM");
       return L;
-    }, M = { A: [i, function(p) {
-      this.afternoon = b(p, !1);
-    }], a: [i, function(p) {
-      this.afternoon = b(p, !0);
-    }], Q: [s, function(p) {
-      this.month = 3 * (p - 1) + 1;
-    }], S: [s, function(p) {
-      this.milliseconds = 100 * +p;
-    }], SS: [a, function(p) {
-      this.milliseconds = 10 * +p;
-    }], SSS: [/\d{3}/, function(p) {
-      this.milliseconds = +p;
-    }], s: [d, h("seconds")], ss: [d, h("seconds")], m: [d, h("minutes")], mm: [d, h("minutes")], H: [d, h("hours")], h: [d, h("hours")], HH: [d, h("hours")], hh: [d, h("hours")], D: [d, h("day")], DD: [a, h("day")], Do: [i, function(p) {
-      var w = v.ordinal, L = p.match(/\d+/);
-      if (this.day = L[0], w) for (var k = 1; k <= 31; k += 1) w(k).replace(/\[|\]/g, "") === p && (this.day = k);
-    }], w: [d, h("week")], ww: [a, h("week")], M: [d, h("month")], MM: [a, h("month")], MMM: [i, function(p) {
+    }, D = { A: [i, function(h) {
+      this.afternoon = b(h, !1);
+    }], a: [i, function(h) {
+      this.afternoon = b(h, !0);
+    }], Q: [s, function(h) {
+      this.month = 3 * (h - 1) + 1;
+    }], S: [s, function(h) {
+      this.milliseconds = 100 * +h;
+    }], SS: [a, function(h) {
+      this.milliseconds = 10 * +h;
+    }], SSS: [/\d{3}/, function(h) {
+      this.milliseconds = +h;
+    }], s: [d, p("seconds")], ss: [d, p("seconds")], m: [d, p("minutes")], mm: [d, p("minutes")], H: [d, p("hours")], h: [d, p("hours")], HH: [d, p("hours")], hh: [d, p("hours")], D: [d, p("day")], DD: [a, p("day")], Do: [i, function(h) {
+      var w = v.ordinal, L = h.match(/\d+/);
+      if (this.day = L[0], w) for (var k = 1; k <= 31; k += 1) w(k).replace(/\[|\]/g, "") === h && (this.day = k);
+    }], w: [d, p("week")], ww: [a, p("week")], M: [d, p("month")], MM: [a, p("month")], MMM: [i, function(h) {
       var w = g("months"), L = (g("monthsShort") || w.map(function(k) {
         return k.slice(0, 3);
-      })).indexOf(p) + 1;
+      })).indexOf(h) + 1;
       if (L < 1) throw new Error();
       this.month = L % 12 || L;
-    }], MMMM: [i, function(p) {
-      var w = g("months").indexOf(p) + 1;
+    }], MMMM: [i, function(h) {
+      var w = g("months").indexOf(h) + 1;
       if (w < 1) throw new Error();
       this.month = w % 12 || w;
-    }], Y: [/[+-]?\d+/, h("year")], YY: [a, function(p) {
-      this.year = S(p);
-    }], YYYY: [/\d{4}/, h("year")], Z: f, ZZ: f };
-    function I(p) {
+    }], Y: [/[+-]?\d+/, p("year")], YY: [a, function(h) {
+      this.year = M(h);
+    }], YYYY: [/\d{4}/, p("year")], Z: f, ZZ: f };
+    function I(h) {
       var w, L;
-      w = p, L = v && v.formats;
-      for (var k = (p = w.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, function(ee, W, R) {
+      w = h, L = v && v.formats;
+      for (var k = (h = w.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, function(ee, W, R) {
         var z = R && R.toUpperCase();
         return W || L[R] || r[R] || L[z].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(_, c, T) {
           return c || T.slice(1);
         });
       })).match(n), K = k.length, V = 0; V < K; V += 1) {
-        var Z = k[V], G = M[Z], A = G && G[0], j = G && G[1];
+        var Z = k[V], G = D[Z], A = G && G[0], j = G && G[1];
         k[V] = j ? { regex: A, parser: j } : Z.replace(/^\[|\]$/g, "");
       }
       return function(ee) {
@@ -1633,8 +1633,8 @@ var Lt = { exports: {} };
         }(W), W;
       };
     }
-    return function(p, w, L) {
-      L.p.customParseFormat = !0, p && p.parseTwoDigitYear && (S = p.parseTwoDigitYear);
+    return function(h, w, L) {
+      L.p.customParseFormat = !0, h && h.parseTwoDigitYear && (M = h.parseTwoDigitYear);
       var k = w.prototype, K = k.parse;
       k.parse = function(V) {
         var Z = V.date, G = V.utc, A = V.args;
@@ -1645,10 +1645,10 @@ var Lt = { exports: {} };
           W && (z = A[2]), v = this.$locale(), !ee && z && (v = L.Ls[z]), this.$d = function(C, N, B, Q) {
             try {
               if (["x", "X"].indexOf(N) > -1) return new Date((N === "X" ? 1e3 : 1) * C);
-              var U = I(N)(C), ne = U.year, de = U.month, pe = U.day, ue = U.hours, ge = U.minutes, he = U.seconds, ae = U.milliseconds, le = U.zone, J = U.week, u = /* @__PURE__ */ new Date(), D = pe || (ne || de ? 1 : u.getDate()), $ = ne || u.getFullYear(), Y = 0;
+              var U = I(N)(C), ne = U.year, de = U.month, pe = U.day, ue = U.hours, ge = U.minutes, he = U.seconds, ae = U.milliseconds, le = U.zone, J = U.week, u = /* @__PURE__ */ new Date(), S = pe || (ne || de ? 1 : u.getDate()), $ = ne || u.getFullYear(), Y = 0;
               ne && !de || (Y = de > 0 ? de - 1 : u.getMonth());
               var ie, re = ue || 0, we = ge || 0, _e = he || 0, fe = ae || 0;
-              return le ? new Date(Date.UTC($, Y, D, re, we, _e, fe + 60 * le.offset * 1e3)) : B ? new Date(Date.UTC($, Y, D, re, we, _e, fe)) : (ie = new Date($, Y, D, re, we, _e, fe), J && (ie = Q(ie).week(J).toDate()), ie);
+              return le ? new Date(Date.UTC($, Y, S, re, we, _e, fe + 60 * le.offset * 1e3)) : B ? new Date(Date.UTC($, Y, S, re, we, _e, fe)) : (ie = new Date($, Y, S, re, we, _e, fe), J && (ie = Q(ie).week(J).toDate()), ie);
             } catch {
               return /* @__PURE__ */ new Date("");
             }
@@ -1681,8 +1681,8 @@ const st = ({
   onBlur: i,
   ...v
 }) => {
-  const S = oe(null), h = oe(null), [f, g] = E(!1), [b, M] = E(o), I = Array.from({ length: 12 }, (_, c) => c < 10 ? `0${c}` : `${c}`), p = Array.from({ length: 24 }, (_, c) => c < 10 ? `0${c}` : `${c}`), w = Array.from({ length: 60 }, (_, c) => c < 10 ? `0${c}` : `${c}`), [L, k] = E(""), [K, V] = E(null), [Z, G] = E(null), [A, j] = E(r), ee = () => {
-    const _ = S.current, c = h.current;
+  const M = oe(null), p = oe(null), [f, g] = E(!1), [b, D] = E(o), I = Array.from({ length: 12 }, (_, c) => c < 10 ? `0${c}` : `${c}`), h = Array.from({ length: 24 }, (_, c) => c < 10 ? `0${c}` : `${c}`), w = Array.from({ length: 60 }, (_, c) => c < 10 ? `0${c}` : `${c}`), [L, k] = E(""), [K, V] = E(null), [Z, G] = E(null), [A, j] = E(r), ee = () => {
+    const _ = M.current, c = p.current;
     if (!c || !_) return;
     const T = _.getBoundingClientRect(), C = window.innerHeight;
     c.style.position = "fixed", c.style.left = `${T.left}px`, T.bottom + c.offsetHeight > C ? (c.style.top = `${T.top - c.offsetHeight + 18}px`, c.style.bottom = "unset") : (c.style.top = `${T.bottom + 8}px`, c.style.bottom = "unset");
@@ -1707,11 +1707,11 @@ const st = ({
     f || i?.();
   }, [f]), X(() => {
     ee();
-  }, [S, f]), X(() => {
+  }, [M, f]), X(() => {
     const _ = (C) => {
-      !S.current || !h.current || C.composedPath().includes(S.current) || C.composedPath().includes(h.current) || g(!1);
+      !M.current || !p.current || C.composedPath().includes(M.current) || C.composedPath().includes(p.current) || g(!1);
     }, c = (C) => {
-      !S.current || h.current || g(!1);
+      !M.current || p.current || g(!1);
     }, T = () => {
       f && ee();
     };
@@ -1719,7 +1719,7 @@ const st = ({
       document.removeEventListener("click", _), document.removeEventListener("wheel", c), window.removeEventListener("scroll", T);
     };
   }, [f]), /* @__PURE__ */ l("div", { className: `${me.timepickerWrapper} ${f ? me.focused : ""}`, children: [
-    /* @__PURE__ */ e("div", { ref: S, className: me.timepickerInputWrapper, onClick: () => (g((_) => !_), ee()), onFocus: W, children: /* @__PURE__ */ e(
+    /* @__PURE__ */ e("div", { ref: M, className: me.timepickerInputWrapper, onClick: () => (g((_) => !_), ee()), onFocus: W, children: /* @__PURE__ */ e(
       He,
       {
         ...v,
@@ -1746,14 +1746,14 @@ const st = ({
         forDropdown: !0
       }
     ) }),
-    f && /* @__PURE__ */ l("div", { ref: h, className: me.timepickerDropdownWrapper, children: [
+    f && /* @__PURE__ */ l("div", { ref: p, className: me.timepickerDropdownWrapper, children: [
       /* @__PURE__ */ e("div", { className: me.timepickerDropdownHeader, children: /* @__PURE__ */ l("div", { className: me.timepickerDropdownHeaderButtons, children: [
         /* @__PURE__ */ e(
           "p",
           {
             className: b === "12" ? me.active : "",
             onClick: () => {
-              R(), M("12");
+              R(), D("12");
             },
             children: "AM -PM"
           }
@@ -1763,14 +1763,14 @@ const st = ({
           {
             className: b === "24" ? me.active : "",
             onClick: () => {
-              R(), M("24");
+              R(), D("24");
             },
             children: "24 Hours"
           }
         )
       ] }) }),
       /* @__PURE__ */ l("div", { className: me.timepickerDropdownBody, children: [
-        /* @__PURE__ */ e("div", { className: me.timepickerDropdownBodyHours, children: (b === "12" ? I : p).map((_) => /* @__PURE__ */ e("p", { className: Z === _ || L?.split(":")[0] === _ ? me.active : "", onClick: () => G(_), children: _ }, _)) }),
+        /* @__PURE__ */ e("div", { className: me.timepickerDropdownBodyHours, children: (b === "12" ? I : h).map((_) => /* @__PURE__ */ e("p", { className: Z === _ || L?.split(":")[0] === _ ? me.active : "", onClick: () => G(_), children: _ }, _)) }),
         /* @__PURE__ */ e("div", { className: me.timepickerDropdownBodyMinutes, children: w.map((_) => /* @__PURE__ */ e("p", { className: K === _ || L?.split(":")[1] === _ ? me.active : "", onClick: () => V(_), children: _ }, _)) }),
         b === "12" && /* @__PURE__ */ l("div", { className: me.timepickerDropdownBodyAmPm, children: [
           /* @__PURE__ */ e("p", { className: A === "AM" ? me.active : "", onClick: () => j("AM"), children: "AM" }, "AM"),
@@ -1828,14 +1828,14 @@ const gl = ({
   namespace: d,
   customYears: i,
   setSelectedDate: v,
-  IsFocused: S,
-  setIsFocused: h,
+  IsFocused: M,
+  setIsFocused: p,
   mode: f,
   RangeSelection: g,
   setRangeSelection: b,
-  pickerType: M,
+  pickerType: D,
   disabledDatesRange: I,
-  disabledDatesTill: p,
+  disabledDatesTill: h,
   disabledDatesFrom: w,
   CalendarRef: L,
   defaultValue: k,
@@ -1854,11 +1854,11 @@ const gl = ({
   const [c, T] = E(""), C = oe([]), [N, B] = E(!1), Q = (u) => {
     if (i?.length && !i.includes(u.year().toString()))
       return [];
-    const D = (u.startOf("month").day() + 6) % 7, $ = u.endOf("month").date(), Y = u.subtract(1, "month").endOf("month").date(), ie = [];
+    const S = (u.startOf("month").day() + 6) % 7, $ = u.endOf("month").date(), Y = u.subtract(1, "month").endOf("month").date(), ie = [];
     let re = [], we = 1;
-    for (let fe = 0; fe < D; fe++)
+    for (let fe = 0; fe < S; fe++)
       re.push({
-        date: u.subtract(1, "month").date(Y - D + fe + 1),
+        date: u.subtract(1, "month").date(Y - S + fe + 1),
         currentMonth: !1
       });
     for (; we <= $; )
@@ -1878,10 +1878,10 @@ const gl = ({
       ie.push(re);
     }
     return ie;
-  }, U = Q(n), ne = M === "dual" ? Q(n.add(1, "month")) : null, de = () => {
+  }, U = Q(n), ne = D === "dual" ? Q(n.add(1, "month")) : null, de = () => {
     let u = [];
-    return o && Array.isArray(o) && o.length > 0 && o.forEach((D) => {
-      switch (D) {
+    return o && Array.isArray(o) && o.length > 0 && o.forEach((S) => {
+      switch (S) {
         case "today":
           C.current.push({ name: "Today", key: "Today" });
           break;
@@ -1912,61 +1912,61 @@ const gl = ({
       }
     }), C.current = vt(C.current, "key"), u = C.current, u;
   }, pe = (u) => {
-    let D = { start: "", end: "" };
+    let S = { start: "", end: "" };
     switch (v(null), u.key?.toLowerCase()) {
       case "today":
         b({
           start: x(),
           end: x()
-        }), D.start = x();
+        }), S.start = x();
         break;
       case "yesterday":
         v(x().subtract(1, "day")), b({
           start: x().subtract(1, "day"),
           end: x().subtract(1, "day")
-        }), D.start = x().subtract(1, "day");
+        }), S.start = x().subtract(1, "day");
         break;
       case "thisweek":
         b({
           start: x().startOf("week"),
           end: x().endOf("week")
-        }), D.start = x().startOf("week"), D.end = x().endOf("week");
+        }), S.start = x().startOf("week"), S.end = x().endOf("week");
         break;
       case "lastweek":
         b({
           start: x().subtract(1, "week").startOf("week"),
           end: x().subtract(1, "week").endOf("week")
-        }), D.start = x().subtract(1, "week").startOf("week"), D.end = x().subtract(1, "week").endOf("week");
+        }), S.start = x().subtract(1, "week").startOf("week"), S.end = x().subtract(1, "week").endOf("week");
         break;
       case "thismonth":
         b({
           start: x().startOf("month"),
           end: x().endOf("month")
-        }), D.start = x().startOf("month"), D.end = x().endOf("month");
+        }), S.start = x().startOf("month"), S.end = x().endOf("month");
         break;
       case "lastmonth":
         b({
           start: x().subtract(1, "month").startOf("month"),
           end: x().subtract(1, "month").endOf("month")
-        }), D.start = x().subtract(1, "month").startOf("month"), D.end = x().subtract(1, "month").endOf("month");
+        }), S.start = x().subtract(1, "month").startOf("month"), S.end = x().subtract(1, "month").endOf("month");
         break;
       case "thisyear":
         b({
           start: x().startOf("year"),
           end: x().endOf("year")
-        }), D.start = x().startOf("year"), D.end = x().endOf("year");
+        }), S.start = x().startOf("year"), S.end = x().endOf("year");
         break;
       case "lastyear":
         b({
           start: x().subtract(1, "year").startOf("year"),
           end: x().subtract(1, "year").endOf("year")
-        }), D.start = x().subtract(1, "year").startOf("year"), D.end = x().subtract(1, "year").endOf("year");
+        }), S.start = x().subtract(1, "year").startOf("year"), S.end = x().subtract(1, "year").endOf("year");
         break;
       case "alltime":
         b({
           start: "",
           end: ""
-        }), D.start = "", D.end = "";
+        }), S.start = "", S.end = "";
         break;
       default:
         console.warn("Unsupported quick pick option:", u);
@@ -1974,14 +1974,14 @@ const gl = ({
     }
     if (r && typeof r == "function") {
       const $ = {
-        start: D.start ? D.start : "",
-        end: D.end ? D.end : ""
+        start: S.start ? S.start : "",
+        end: S.end ? S.end : ""
       };
-      h(!1), r($.end === "" ? $.start : $);
+      p(!1), r($.end === "" ? $.start : $);
     }
   }, ue = () => {
-  }, ge = (u, D, $ = !1) => {
-    D || s(u.startOf("month")), f === "range" ? b((Y) => !Y.start || Y.start && Y.end ? (r && typeof r == "function" && r({
+  }, ge = (u, S, $ = !1) => {
+    S || s(u.startOf("month")), f === "range" ? b((Y) => !Y.start || Y.start && Y.end ? (r && typeof r == "function" && r({
       start: u ?? "",
       end: ""
     }), { start: u ?? "", end: "" }) : Y.start && !Y.end ? u.isBefore(Y.start, "day") ? (r && typeof r == "function" && r({
@@ -1990,7 +1990,7 @@ const gl = ({
     }), { start: u ?? "", end: Y?.start ?? "" }) : (r({
       ...Y,
       end: u ?? ""
-    }), { ...Y, end: u ?? "" }) : Y) : (b({ start: null, end: null }), v(u), $ || (h(!1), r && typeof r == "function" && r(u.format(t))));
+    }), { ...Y, end: u ?? "" }) : Y) : (b({ start: null, end: null }), v(u), $ || (p(!1), r && typeof r == "function" && r(u.format(t))));
   }, he = () => {
     s(n.add(1, "month"));
   }, ae = () => {
@@ -2006,11 +2006,11 @@ const gl = ({
     "div",
     {
       ref: L,
-      className: `${d === "namespaceHr" ? q.namespaceHr : ""} ${q.datePicker} ${S ? q.focused : ""} ${M === "dual" ? o && Array.isArray(o) && o.length > 0 ? q.dualCalendarWithQuick : q.dualCalendar : ""} `,
+      className: `${d === "namespaceHr" ? q.namespaceHr : ""} ${q.datePicker} ${M ? q.focused : ""} ${D === "dual" ? o && Array.isArray(o) && o.length > 0 ? q.dualCalendarWithQuick : q.dualCalendar : ""} `,
       onClick: (u) => u.stopPropagation(),
-      style: M === "dual" && o && Array.isArray(o) && o.length > 0 ? { width: "848px" } : {},
+      style: D === "dual" && o && Array.isArray(o) && o.length > 0 ? { width: "848px" } : {},
       children: /* @__PURE__ */ l("div", { className: q.div, children: [
-        M === "dual" ? /* @__PURE__ */ l("div", { style: { width: "100%", display: "flex", justifyContent: "space-between" }, children: [
+        D === "dual" ? /* @__PURE__ */ l("div", { style: { width: "100%", display: "flex", justifyContent: "space-between" }, children: [
           /* @__PURE__ */ l("div", { style: { width: "50%", display: "flex", alignItems: "center", justifyContent: "flex-start", gap: "80px" }, children: [
             /* @__PURE__ */ l("div", { className: q.left, children: [
               (!i || i.length > 1) && (!i || n.year() > Math.min(...i.map(Number))) ? /* @__PURE__ */ l("div", { className: q.doubleIcon, onClick: J, children: [
@@ -2049,15 +2049,15 @@ const gl = ({
               ] }) : /* @__PURE__ */ e("div", { className: q.doubleIcon })
             ] })
           ] }),
-          M === "single" && o && Array.isArray(o) && o.length > 0 && /* @__PURE__ */ e("ul", { className: q.quickPick, children: de().slice(0, 3).map((u) => /* @__PURE__ */ e("li", { style: W ?? {}, onClick: () => pe(u), children: u.name }, u.key)) })
+          D === "single" && o && Array.isArray(o) && o.length > 0 && /* @__PURE__ */ e("ul", { className: q.quickPick, children: de().slice(0, 3).map((u) => /* @__PURE__ */ e("li", { style: W ?? {}, onClick: () => pe(u), children: u.name }, u.key)) })
         ] }),
         /* @__PURE__ */ l("div", { className: q.calendarWrapper, children: [
           N ? /* @__PURE__ */ e("ul", { className: q.monthsWrapper, children: _.map((u) => /* @__PURE__ */ e("li", { className: `${q.month} ${c === u ? q.pickedMonth : ""}`, onClick: () => T(u), children: /* @__PURE__ */ e("div", { className: q.monthName, children: u }) })) }) : /* @__PURE__ */ l("table", { children: [
             /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ e("tr", { children: z.map((u) => /* @__PURE__ */ e("th", { style: ee ?? {}, children: u }, u)) }) }),
             /* @__PURE__ */ l("tbody", { children: [
               /* @__PURE__ */ e("tr", { className: q.spacerRow, children: /* @__PURE__ */ e("td", {}) }),
-              U.map((u, D) => /* @__PURE__ */ e("tr", { children: u.map(({ date: $, currentMonth: Y }, ie) => {
-                const re = g.start && g.end && $.isAfter(g.start, "day") && $.isBefore(g.end, "day"), we = g.start && $.isSame(g.start, "day"), _e = g.end && $.isSame(g.end, "day"), fe = f === "single" && a && $.isSame(a, "day"), ve = p && $.isBefore(x(p), "day"), m = w && $.isAfter(x(w), "day");
+              U.map((u, S) => /* @__PURE__ */ e("tr", { children: u.map(({ date: $, currentMonth: Y }, ie) => {
+                const re = g.start && g.end && $.isAfter(g.start, "day") && $.isBefore(g.end, "day"), we = g.start && $.isSame(g.start, "day"), _e = g.end && $.isSame(g.end, "day"), fe = f === "single" && a && $.isSame(a, "day"), ve = h && $.isBefore(x(h), "day"), m = w && $.isAfter(x(w), "day");
                 let H = !1;
                 if (I?.length === 2) {
                   const [Le, Ee] = I.map((Oe) => x(Oe));
@@ -2088,15 +2088,15 @@ const gl = ({
                   },
                   ie
                 );
-              }) }, D))
+              }) }, S))
             ] })
           ] }),
           /* @__PURE__ */ e("div", { className: q.buttonWrapper, children: /* @__PURE__ */ e(Ne, { label: "Current date", onClick: () => ge(x(), !0) }) }),
-          M === "dual" && /* @__PURE__ */ e("div", { className: q.border }),
-          M === "dual" && /* @__PURE__ */ l("table", { children: [
+          D === "dual" && /* @__PURE__ */ e("div", { className: q.border }),
+          D === "dual" && /* @__PURE__ */ l("table", { children: [
             /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ e("tr", { children: z.map((u) => /* @__PURE__ */ e("th", { style: ee ?? {}, children: u }, u)) }) }),
-            /* @__PURE__ */ e("tbody", { children: ne?.map((u, D) => /* @__PURE__ */ e("tr", { children: u.map(({ date: $, currentMonth: Y }, ie) => {
-              const re = g.start && g.end && $.isAfter(g.start, "day") && $.isBefore(g.end, "day"), we = g.start && $.isSame(g.start, "day"), _e = g.end && $.isSame(g.end, "day"), fe = f === "single" && a && $.isSame(a, "day"), ve = p && $.isBefore(x(p), "day"), m = w && $.isAfter(x(w), "day");
+            /* @__PURE__ */ e("tbody", { children: ne?.map((u, S) => /* @__PURE__ */ e("tr", { children: u.map(({ date: $, currentMonth: Y }, ie) => {
+              const re = g.start && g.end && $.isAfter(g.start, "day") && $.isBefore(g.end, "day"), we = g.start && $.isSame(g.start, "day"), _e = g.end && $.isSame(g.end, "day"), fe = f === "single" && a && $.isSame(a, "day"), ve = h && $.isBefore(x(h), "day"), m = w && $.isAfter(x(w), "day");
               let H = !1;
               if (I?.length === 2) {
                 const [Le, Ee] = I.map((Oe) => x(Oe));
@@ -2127,7 +2127,7 @@ const gl = ({
                 },
                 ie
               );
-            }) }, D)) })
+            }) }, S)) })
           ] })
         ] })
       ] })
@@ -2145,14 +2145,14 @@ const at = ({
   fixedDropdown: d = !0,
   disabledDatesFrom: i,
   disabledDatesTill: v,
-  disabledDatesRange: S,
-  datepickerStyle: h,
+  disabledDatesRange: M,
+  datepickerStyle: p,
   datepickerLabelStyle: f,
   requiredStyle: g,
   datepickerHelperTextStyle: b,
-  selectedStyle: M,
+  selectedStyle: D,
   endDateStyle: I,
-  startDateStyle: p,
+  startDateStyle: h,
   inRangeStyle: w,
   otherMonthStyle: L,
   todayStyle: k,
@@ -2176,7 +2176,7 @@ const at = ({
   const [U, ne] = E(""), [de, pe] = E({
     start: null,
     end: null
-  }), ue = oe(null), ge = (u, D, $) => {
+  }), ue = oe(null), ge = (u, S, $) => {
     let Y = "", ie = { start: "", end: "" };
     (A === "single" || typeof u == "string") && (Y = u, T(Y)), (A !== "single" || typeof u != "string") && (Y = `${x(u?.start ?? "").format(o)} / ${u?.end ? x(u?.end).format(o) : ""}`, ie.start = x(u?.start ?? "").format(o), ie.end = u?.end ? x(u?.end).format(o) : "", T(Y)), u?.end && _(!1), r && typeof r == "function" && !$ && (r(ie.start !== "" ? ie : Y), C.current.value = ie.start !== "" ? ie : Y);
   }, he = (u) => {
@@ -2190,10 +2190,10 @@ const at = ({
     !ue.current || !N.current || u.composedPath().includes(ue.current) || u.composedPath().includes(N.current) || _(!1);
   }, J = () => {
     if (!ue.current || !N.current) return;
-    const u = ue.current, D = N.current;
-    if (!D || !u) return;
+    const u = ue.current, S = N.current;
+    if (!S || !u) return;
     const $ = u.getBoundingClientRect(), Y = window.innerHeight, ie = window.innerWidth;
-    D.style.position = "fixed", $.bottom + D.offsetHeight > Y ? (D.style.top = `${$.top - D.offsetHeight + 20}px`, D.style.bottom = "unset") : (D.style.top = `${$.bottom + 8}px`, D.style.bottom = "unset"), $.right + $.width > ie - 120 ? D.style.left = `${$.left + $.width - D.offsetWidth}px` : D.style.left = `${$.left}px`;
+    S.style.position = "fixed", $.bottom + S.offsetHeight > Y ? (S.style.top = `${$.top - S.offsetHeight + 20}px`, S.style.bottom = "unset") : (S.style.top = `${$.bottom + 8}px`, S.style.bottom = "unset"), $.right + $.width > ie - 120 ? S.style.left = `${$.left + $.width - S.offsetWidth}px` : S.style.left = `${$.left}px`;
   };
   return X(() => {
     if (t && C.current.value === "") {
@@ -2235,7 +2235,7 @@ const at = ({
         CalendarRef: N,
         disabledDatesFrom: i,
         disabledDatesTill: v,
-        disabledDatesRange: S,
+        disabledDatesRange: M,
         valueFormat: o,
         onChange: (u) => ge(u, !1, !1),
         customYears: a,
@@ -2250,9 +2250,9 @@ const at = ({
         RangeSelection: de,
         setRangeSelection: pe,
         pickerType: j,
-        selectedStyle: M,
+        selectedStyle: D,
         endDateStyle: I,
-        startDateStyle: p,
+        startDateStyle: h,
         inRangeStyle: w,
         otherMonthStyle: L,
         todayStyle: k,
@@ -2314,23 +2314,23 @@ const Ll = "mc__ActionDropdown-module__actionDropdownContainer", Tl = "mc__Actio
   actionDropdownItem: Ml,
   selected: Dl
 }, dt = ({ title: t, data: o, onSelect: r }) => {
-  const [n, s] = E(!1), a = oe(null), d = oe(null), [i, v] = E(null), S = (f) => {
+  const [n, s] = E(!1), a = oe(null), d = oe(null), [i, v] = E(null), M = (f) => {
     v(f), r?.(f), s(!1);
-  }, h = () => {
+  }, p = () => {
     const f = a.current, g = d.current;
     if (!g || !f) return;
-    const b = f.getBoundingClientRect(), M = window.innerHeight;
-    g.style.position = "fixed", g.style.width = b.width + "px", g.style.left = `${b.left}px`, b.bottom + g.offsetHeight > M ? (g.style.top = `${b.top - g.offsetHeight - 4}px`, g.style.bottom = "unset") : (g.style.top = `${b.bottom + 8}px`, g.style.bottom = "unset");
+    const b = f.getBoundingClientRect(), D = window.innerHeight;
+    g.style.position = "fixed", g.style.width = b.width + "px", g.style.left = `${b.left}px`, b.bottom + g.offsetHeight > D ? (g.style.top = `${b.top - g.offsetHeight - 4}px`, g.style.bottom = "unset") : (g.style.top = `${b.bottom + 8}px`, g.style.bottom = "unset");
   };
   return X(() => {
-    h();
+    p();
   }, [a, n]), X(() => {
-    const f = (M) => {
-      a.current && (M.composedPath().includes(a.current) || s(!1));
-    }, g = (M) => {
-      !a.current || !d.current || d.current.contains(M.target) || s(!1);
+    const f = (D) => {
+      a.current && (D.composedPath().includes(a.current) || s(!1));
+    }, g = (D) => {
+      !a.current || !d.current || d.current.contains(D.target) || s(!1);
     }, b = () => {
-      n && h();
+      n && p();
     };
     return document.addEventListener("click", f), document.addEventListener("wheel", g), window.addEventListener("scroll", b), () => {
       document.removeEventListener("click", f), document.removeEventListener("wheel", g), window.removeEventListener("scroll", b);
@@ -2344,7 +2344,7 @@ const Ll = "mc__ActionDropdown-module__actionDropdownContainer", Tl = "mc__Actio
       "li",
       {
         onClick: (g) => {
-          g.stopPropagation(), S(f);
+          g.stopPropagation(), M(f);
         },
         className: `${$e.actionDropdownItem} ${i?.id === f.id ? $e.selected : ""}`,
         children: f.label
@@ -2437,12 +2437,12 @@ const Bl = "mc__Slider-module__sliderContainer", Wl = "mc__Slider-module__slider
   debounceTime: d,
   onChange: i,
   sliderContainerStyle: v,
-  sliderStyle: S,
-  sliderProgressStyle: h,
+  sliderStyle: M,
+  sliderProgressStyle: p,
   thumbStyle: f,
   unit: g
 }) => {
-  const b = oe(!0), M = a || o !== void 0 && r !== void 0, [I, p] = E({
+  const b = oe(!0), D = a || o !== void 0 && r !== void 0, [I, h] = E({
     minValue: o ?? n,
     maxValue: r ?? s,
     singleValue: t ?? n
@@ -2461,19 +2461,19 @@ const Bl = "mc__Slider-module__sliderContainer", Wl = "mc__Slider-module__slider
     T.preventDefault(), K((B) => ({ ...B, [c]: !0 })), L((B) => ({ ...B, [c]: !0 }));
     const C = (B) => {
       const Q = ee(B.clientX);
-      p((U) => c === "single" ? { ...U, singleValue: Q } : c === "min" ? { ...U, minValue: Math.min(Q, U.maxValue - 1) } : { ...U, maxValue: Math.max(Q, U.minValue + 1) });
+      h((U) => c === "single" ? { ...U, singleValue: Q } : c === "min" ? { ...U, minValue: Math.min(Q, U.maxValue - 1) } : { ...U, maxValue: Math.max(Q, U.minValue + 1) });
     }, N = () => {
       K((B) => ({ ...B, [c]: !1 })), L((B) => ({ ...B, [c]: !1 })), document.removeEventListener("mousemove", C), document.removeEventListener("mouseup", N);
     };
     document.addEventListener("mousemove", C), document.addEventListener("mouseup", N);
   }, R = (c) => {
     const T = ee(c.clientX);
-    if (M) {
+    if (D) {
       const C = Math.abs(T - I.minValue), N = Math.abs(T - I.maxValue), B = C < N ? "min" : "max";
-      p((Q) => B === "min" ? { ...Q, minValue: Math.min(T, Q.maxValue - 1) } : { ...Q, maxValue: Math.max(T, Q.minValue + 1) }), W(B)(c);
+      h((Q) => B === "min" ? { ...Q, minValue: Math.min(T, Q.maxValue - 1) } : { ...Q, maxValue: Math.max(T, Q.minValue + 1) }), W(B)(c);
     } else
-      p((C) => ({ ...C, singleValue: T })), W("single")(c);
-  }, z = M ? {
+      h((C) => ({ ...C, singleValue: T })), W("single")(c);
+  }, z = D ? {
     left: `${(I.minValue - n) / (s - n) * 100}%`,
     width: `${(I.maxValue - I.minValue) / (s - n) * 100}%`
   } : {
@@ -2504,10 +2504,10 @@ const Bl = "mc__Slider-module__sliderContainer", Wl = "mc__Slider-module__slider
       b.current = !1;
       return;
     }
-    i && typeof i == "function" && V(M ? () => i([I.minValue, I.maxValue]) : () => i(I.singleValue), d ?? 100);
-  }, [I]), /* @__PURE__ */ e("div", { style: v ?? {}, className: `${be.sliderContainer}`, children: /* @__PURE__ */ l("div", { ref: Z, style: S ?? {}, className: be.slider, onMouseDown: R, children: [
-    /* @__PURE__ */ e("div", { className: be.sliderProgress, style: { ...z, ...h ?? {} } }),
-    M ? /* @__PURE__ */ l($t, { children: [
+    i && typeof i == "function" && V(D ? () => i([I.minValue, I.maxValue]) : () => i(I.singleValue), d ?? 100);
+  }, [I]), /* @__PURE__ */ e("div", { style: v ?? {}, className: `${be.sliderContainer}`, children: /* @__PURE__ */ l("div", { ref: Z, style: M ?? {}, className: be.slider, onMouseDown: R, children: [
+    /* @__PURE__ */ e("div", { className: be.sliderProgress, style: { ...z, ...p ?? {} } }),
+    D ? /* @__PURE__ */ l($t, { children: [
       /* @__PURE__ */ e(
         "div",
         {
@@ -2594,10 +2594,19 @@ const Yl = "mc__FilterWithTags-module__filterWithTagsContainer", jl = "mc__Filte
   filterContentOptionLast: oi
 }, ni = ({ filterOptions: t }) => /* @__PURE__ */ e("div", { className: Se.filterContent, children: t?.map((o, r) => /* @__PURE__ */ l("div", { className: `${Se.filterContentOption} ${r === t.length - 1 ? Se.filterContentOptionLast : ""}`, children: [
   /* @__PURE__ */ e("div", { className: Se.filterContentOptionHeader, children: /* @__PURE__ */ e("h3", { className: Se.filterContentOptionTitle, children: o.title }) }),
-  /* @__PURE__ */ e("div", { className: Se.filterContentOptionBody, children: o.options?.map((n, s) => /* @__PURE__ */ e("div", { className: Se.filterContentOptionBodyItem, children: n.component && /* @__PURE__ */ e(n.component, { ...n.props }) }, s)) })
-] }, r)) }), pt = ({ filterOptions: t, customOpenPopup: o = !0, onApply: r, onClearAll: n, mainButtonProps: s, popupProps: a }) => {
-  const [d, i] = E(!1), v = () => {
-    o && i(!0);
+  /* @__PURE__ */ e("div", { style: o?.style ?? {}, className: Se.filterContentOptionBody, children: o.options?.map((n, s) => /* @__PURE__ */ e("div", { style: n.style ?? {}, className: Se.filterContentOptionBodyItem, children: n.component && /* @__PURE__ */ e(n.component, { ...n.props }) }, s)) })
+] }, r)) }), pt = ({
+  filterOptions: t,
+  customOpenPopup: o = !0,
+  onApply: r,
+  onClearAll: n,
+  mainButtonProps: s,
+  popupProps: a,
+  cancelButtonProps: d,
+  applyButtonProps: i
+}) => {
+  const [v, M] = E(!1), p = () => {
+    o && M(!0);
   };
   return /* @__PURE__ */ l("div", { className: De.filterWithTagsContainer, children: [
     /* @__PURE__ */ e("div", { className: De.filterWithTagsContent, children: /* @__PURE__ */ e("div", { className: De.filterWithTagsButton, children: /* @__PURE__ */ e(
@@ -2607,16 +2616,16 @@ const Yl = "mc__FilterWithTags-module__filterWithTagsContainer", jl = "mc__Filte
         buttonStyle: { minWidth: "initial" },
         buttonType: "tertiaryV3",
         buttonSlot: /* @__PURE__ */ e(zt, {}),
-        onClick: v,
+        onClick: p,
         ...s
       }
     ) }) }),
-    /* @__PURE__ */ l(qe, { ...a, popupContainerStyle: { width: "725px" }, onClose: () => i(!1), visible: d, children: [
+    /* @__PURE__ */ l(qe, { ...a, popupContainerStyle: { width: "725px" }, onClose: () => M(!1), visible: v, children: [
       /* @__PURE__ */ e("h2", { className: De.filterWithTagsPopupTitle, children: "Filter" }),
       /* @__PURE__ */ e("div", { className: `${De.filterWithTagsPopupContent} ${a?.mode === "drawer" ? De.filterWithTagsPopupContentDrawer : ""}`, children: /* @__PURE__ */ e(ni, { filterOptions: t }) }),
       /* @__PURE__ */ l("div", { className: De.filterWithTagsPopupFooter, children: [
-        /* @__PURE__ */ e(Ne, { buttonStyle: { width: "130px" }, label: "Clear", buttonType: "tertiaryV2", onClick: n }),
-        /* @__PURE__ */ e(Ne, { buttonStyle: { width: "130px" }, label: "Show", onClick: r })
+        /* @__PURE__ */ e(Ne, { buttonStyle: { width: "130px" }, ...d, label: "Clear", buttonType: "tertiaryV2", onClick: n }),
+        /* @__PURE__ */ e(Ne, { buttonStyle: { width: "130px" }, ...i, label: "Show", onClick: r })
       ] })
     ] })
   ] });
@@ -2685,34 +2694,34 @@ function Ye() {
 const ji = (t, o = {}) => {
   const [r, n] = E(() => {
     const I = {};
-    return t.forEach((p) => {
-      p.key && (I[p.key] = o[p.key] || p.width || 200);
+    return t.forEach((h) => {
+      h.key && (I[h.key] = o[h.key] || h.width || 200);
     }), I;
-  }), [s, a] = E(!1), [d, i] = E(null), [v, S] = E(0), [h, f] = E(0), g = je(
-    (I, p) => {
-      console.log("Resize start for column:", p), I.preventDefault(), I.stopPropagation(), a(!0), i(p), S(I.clientX), f(r[p]);
+  }), [s, a] = E(!1), [d, i] = E(null), [v, M] = E(0), [p, f] = E(0), g = je(
+    (I, h) => {
+      console.log("Resize start for column:", h), I.preventDefault(), I.stopPropagation(), a(!0), i(h), M(I.clientX), f(r[h]);
     },
     [r]
   ), b = je(
     (I) => {
       if (!s || !d) return;
       I.preventDefault();
-      const p = I.clientX - v, w = Math.max(50, h + p);
+      const h = I.clientX - v, w = Math.max(50, p + h);
       console.log("Resizing column:", d, "new width:", w), n((L) => ({
         ...L,
         [d]: w
       }));
     },
-    [s, d, v, h]
-  ), M = je(() => {
+    [s, d, v, p]
+  ), D = je(() => {
     console.log("Resize end"), a(!1), i(null);
   }, []);
   return X(() => {
     if (s)
-      return document.addEventListener("mousemove", b), document.addEventListener("mouseup", M), () => {
-        document.removeEventListener("mousemove", b), document.removeEventListener("mouseup", M);
+      return document.addEventListener("mousemove", b), document.addEventListener("mouseup", D), () => {
+        document.removeEventListener("mousemove", b), document.removeEventListener("mouseup", D);
       };
-  }, [s, b, M]), {
+  }, [s, b, D]), {
     columnWidths: r,
     isResizing: s,
     resizeColumn: d,
@@ -2723,19 +2732,19 @@ function Ki({ currentValue: t, options: o, onChange: r }) {
   const [n, s] = E(!1), [a, d] = E(!1), i = oe(null), v = oe(null);
   X(() => {
     if (n && i.current && v.current) {
-      const h = i.current.getBoundingClientRect(), f = v.current.offsetHeight, b = window.innerHeight - h.bottom, M = h.top;
-      d(b < f && M >= f);
+      const p = i.current.getBoundingClientRect(), f = v.current.offsetHeight, b = window.innerHeight - p.bottom, D = p.top;
+      d(b < f && D >= f);
     }
   }, [n]), X(() => {
-    const h = (f) => {
+    const p = (f) => {
       i.current && !i.current.contains(f.target) && s(!1);
     };
-    return document.addEventListener("mousedown", h), () => {
-      document.removeEventListener("mousedown", h);
+    return document.addEventListener("mousedown", p), () => {
+      document.removeEventListener("mousedown", p);
     };
   }, []);
-  const S = (h) => {
-    r(h), s(!1);
+  const M = (p) => {
+    r(p), s(!1);
   };
   return /* @__PURE__ */ l("div", { ref: i, className: F.rowsPerPageDropdown, children: [
     /* @__PURE__ */ e(
@@ -2762,16 +2771,16 @@ function Ki({ currentValue: t, options: o, onChange: r }) {
         onClick: () => s(!n)
       }
     ),
-    n && /* @__PURE__ */ e("ul", { ref: v, className: `${F.rowsPerPageList} ${a ? F.openUpward : F.openDownward}`, role: "listbox", children: o.map((h) => /* @__PURE__ */ e(
+    n && /* @__PURE__ */ e("ul", { ref: v, className: `${F.rowsPerPageList} ${a ? F.openUpward : F.openDownward}`, role: "listbox", children: o.map((p) => /* @__PURE__ */ e(
       "li",
       {
-        className: `${F.rowsPerPageOption} ${h === t ? F.selected : ""}`,
-        onClick: () => S(h),
+        className: `${F.rowsPerPageOption} ${p === t ? F.selected : ""}`,
+        onClick: () => M(p),
         role: "option",
-        "aria-selected": h === t,
-        children: h
+        "aria-selected": p === t,
+        children: p
       },
-      h
+      p
     )) })
   ] });
 }
@@ -2785,14 +2794,14 @@ const ht = ({
   onSelectionChange: d,
   withSelectAll: i = !1,
   actionButtonText: v,
-  actionButtonIcon: S,
-  onActionButtonClick: h,
+  actionButtonIcon: M,
+  onActionButtonClick: p,
   actionButtons: f,
   withColumnConfiguration: g = !1,
   headerSlot: b,
-  onColumnOrderChange: M,
+  onColumnOrderChange: D,
   onColumnVisibilityChange: I,
-  withActions: p = !1,
+  withActions: h = !1,
   // Pagination props
   currentPage: w = 0,
   totalPages: L = 1,
@@ -2810,7 +2819,7 @@ const ht = ({
   onRowDelete: R,
   rowActions: z = []
 }) => {
-  const { columnWidths: _, isResizing: c, resizeColumn: T, handleResizeStart: C } = ji(t), N = oe(null), [B, Q] = E(null), [U, ne] = E(null), de = oe({}), pe = oe(null), ue = oe(null), [ge, he] = E(!1), [ae, le] = E(null), [J, u] = E(null), [D, $] = E(t);
+  const { columnWidths: _, isResizing: c, resizeColumn: T, handleResizeStart: C } = ji(t), N = oe(null), [B, Q] = E(null), [U, ne] = E(null), de = oe({}), pe = oe(null), ue = oe(null), [ge, he] = E(!1), [ae, le] = E(null), [J, u] = E(null), [S, $] = E(t);
   X(() => {
     const y = t.map((P) => ({
       ...P,
@@ -2829,16 +2838,16 @@ const ht = ({
       le(null), u(null);
       return;
     }
-    const O = [...D], Ie = O[ae];
+    const O = [...S], Ie = O[ae];
     O.splice(ae, 1);
     const Ue = ae < P ? P - 1 : P;
-    O.splice(Ue, 0, Ie), $(O), le(null), u(null), M?.(O);
+    O.splice(Ue, 0, Ie), $(O), le(null), u(null), D?.(O);
   }, _e = () => {
     le(null), u(null);
   }, fe = (y) => {
-    const P = D.map((O) => O.key === y.key ? { ...O, visible: !O.visible } : O);
+    const P = S.map((O) => O.key === y.key ? { ...O, visible: !O.visible } : O);
     $(P), I?.(P);
-  }, ve = D.filter((y) => y.visible), m = (y) => {
+  }, ve = S.filter((y) => y.visible), m = (y) => {
     d?.(y ? o.map((P, O) => O) : []);
   }, H = (y, P) => {
     d?.(P ? [...a, y] : a.filter((O) => O !== y));
@@ -2892,7 +2901,7 @@ const ht = ({
       /* @__PURE__ */ e("div", { children: b }),
       g && /* @__PURE__ */ l("div", { className: F.columnConfiguration, children: [
         /* @__PURE__ */ e("div", { className: F.columnConfigurationIcon, ref: pe, onClick: () => he((y) => !y), children: /* @__PURE__ */ e(Zt, {}) }),
-        ge && /* @__PURE__ */ e("ul", { className: F.columnConfigurationDropdown, ref: ue, children: D.map((y, P) => /* @__PURE__ */ l(
+        ge && /* @__PURE__ */ e("ul", { className: F.columnConfigurationDropdown, ref: ue, children: S.map((y, P) => /* @__PURE__ */ l(
           "li",
           {
             className: `${F.columnConfigurationItem} ${ae === P ? F.dragging : ""} ${J === P ? F.dragOver : ""}`,
@@ -2927,9 +2936,9 @@ const ht = ({
           Array.isArray(f) && f.length > 0 ? f.map((y, P) => /* @__PURE__ */ l("div", { className: F.actionButton, onClick: () => y.onClick?.(a), children: [
             y.text,
             y.icon && /* @__PURE__ */ e("div", { dangerouslySetInnerHTML: { __html: y.icon } })
-          ] }, y.text || P)) : /* @__PURE__ */ l("div", { className: F.actionButton, onClick: () => h?.(a), children: [
+          ] }, y.text || P)) : /* @__PURE__ */ l("div", { className: F.actionButton, onClick: () => p?.(a), children: [
             v || "Delete",
-            S && /* @__PURE__ */ e("div", { dangerouslySetInnerHTML: { __html: S } })
+            M && /* @__PURE__ */ e("div", { dangerouslySetInnerHTML: { __html: M } })
           ] })
         ] })
       }
@@ -3009,7 +3018,7 @@ const ht = ({
           },
           y.key
         )),
-        p && /* @__PURE__ */ e("th", { className: F.actionsHeader, children: /* @__PURE__ */ e("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ e(
+        h && /* @__PURE__ */ e("th", { className: F.actionsHeader, children: /* @__PURE__ */ e("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ e(
           "path",
           {
             d: "M13.8194 22H10.1794C9.70955 22 9.30299 21.673 9.20243 21.214L8.79543 19.33C8.25248 19.0921 7.73765 18.7946 7.26043 18.443L5.42343 19.028C4.97543 19.1709 4.48842 18.9823 4.25343 18.575L2.42943 15.424C2.19702 15.0165 2.27709 14.5025 2.62243 14.185L4.04743 12.885C3.98263 12.2961 3.98263 11.7019 4.04743 11.113L2.62243 9.816C2.27658 9.49837 2.19648 8.98372 2.42943 8.576L4.24943 5.423C4.48442 5.0157 4.97143 4.82714 5.41943 4.97L7.25643 5.555C7.50049 5.37416 7.75456 5.20722 8.01743 5.055C8.26977 4.91269 8.52947 4.78385 8.79543 4.669L9.20343 2.787C9.3035 2.32797 9.70962 2.00049 10.1794 2H13.8194C14.2892 2.00049 14.6954 2.32797 14.7954 2.787L15.2074 4.67C15.4882 4.79352 15.7617 4.93308 16.0264 5.088C16.2734 5.23081 16.5121 5.38739 16.7414 5.557L18.5794 4.972C19.0271 4.82967 19.5135 5.01816 19.7484 5.425L21.5684 8.578C21.8008 8.98548 21.7208 9.49951 21.3754 9.817L19.9504 11.117C20.0152 11.7059 20.0152 12.3001 19.9504 12.889L21.3754 14.189C21.7208 14.5065 21.8008 15.0205 21.5684 15.428L19.7484 18.581C19.5135 18.9878 19.0271 19.1763 18.5794 19.034L16.7414 18.449C16.5089 18.6203 16.2672 18.7789 16.0174 18.924C15.7553 19.0759 15.4848 19.2131 15.2074 19.335L14.7954 21.214C14.695 21.6726 14.2889 21.9996 13.8194 22ZM7.61943 16.229L8.43943 16.829C8.62428 16.9652 8.81694 17.0904 9.01643 17.204C9.20413 17.3127 9.3974 17.4115 9.59543 17.5L10.5284 17.909L10.9854 20H13.0154L13.4724 17.908L14.4054 17.499C14.8127 17.3194 15.1993 17.0961 15.5584 16.833L16.3794 16.233L18.4204 16.883L19.4354 15.125L17.8524 13.682L17.9644 12.67C18.0136 12.2274 18.0136 11.7806 17.9644 11.338L17.8524 10.326L19.4364 8.88L18.4204 7.121L16.3794 7.771L15.5584 7.171C15.1992 6.90671 14.8127 6.68175 14.4054 6.5L13.4724 6.091L13.0154 4H10.9854L10.5264 6.092L9.59543 6.5C9.39724 6.58704 9.20395 6.68486 9.01643 6.793C8.81817 6.90633 8.62652 7.03086 8.44243 7.166L7.62143 7.766L5.58143 7.116L4.56443 8.88L6.14743 10.321L6.03543 11.334C5.98623 11.7766 5.98623 12.2234 6.03543 12.666L6.14743 13.678L4.56443 15.121L5.57943 16.879L7.61943 16.229ZM11.9954 16C9.78629 16 7.99543 14.2091 7.99543 12C7.99543 9.79086 9.78629 8 11.9954 8C14.2046 8 15.9954 9.79086 15.9954 12C15.9927 14.208 14.2034 15.9972 11.9954 16ZM11.9954 10C10.9028 10.0011 10.0133 10.8788 9.99766 11.9713C9.98201 13.0638 10.846 13.9667 11.9381 13.9991C13.0302 14.0315 13.9463 13.1815 13.9954 12.09V12.49V12C13.9954 10.8954 13.1 10 11.9954 10Z",
@@ -3036,7 +3045,7 @@ const ht = ({
               }
             ) }),
             ve.map((O) => /* @__PURE__ */ e("td", { style: { width: _[O.key] }, children: O.render ? O.render(y) : y[O.key] }, O.key)),
-            p && /* @__PURE__ */ e("td", { className: F.actionsCell, children: /* @__PURE__ */ e(
+            h && /* @__PURE__ */ e("td", { className: F.actionsCell, children: /* @__PURE__ */ e(
               "div",
               {
                 className: F.actionsContainer,