master-components-react-ts 2.4.9 → 2.4.11

package/dist/index.js

@@ -2,9 +2,9 @@
 import { jsx as e, jsxs as i, Fragment as $t } from "react/jsx-runtime";
 import { useState as E, useRef as ne, useEffect as X, useContext as gt, createContext as wt, useCallback as Ke } from "react";
 import N from "dayjs";
-const Re = 50 / 2, Mt = ({ size: t = 24, strokeWidth: o = 5, linecap: r = "round", duration: n = 1, stroke: a = "#2753dd", ...c }) => {
+const Re = 50 / 2, Mt = ({ size: t = 24, strokeWidth: o = 5, linecap: r = "round", duration: n = 1, stroke: a = "#2753dd", ...d }) => {
   const s = Re;
-  return /* @__PURE__ */ e("svg", { ...c, viewBox: `0 0 ${Re * 2} ${Re * 2}`, width: t, height: t, children: /* @__PURE__ */ i(
+  return /* @__PURE__ */ e("svg", { ...d, viewBox: `0 0 ${Re * 2} ${Re * 2}`, width: t, height: t, children: /* @__PURE__ */ i(
     "circle",
     {
       fill: "none",
@@ -57,13 +57,13 @@ const Re = 50 / 2, Mt = ({ size: t = 24, strokeWidth: o = 5, linecap: r = "round
   color: r = "#A4A7AE",
   xmlns: n = "http://www.w3.org/2000/svg",
   viewBox: a = "0 0 14 14",
-  fill: c = "none",
+  fill: d = "none",
   d: s = "M10.5 3.5L3.5 10.5M3.5 3.5L10.5 10.5",
   stroke: l = "#A4A7AE",
   strokeWidth: y = "1.66667",
   strokeLinecap: A = "round",
   strokeLinejoin: C = "round"
-}) => /* @__PURE__ */ e("svg", { xmlns: n, width: t, height: o, viewBox: a, fill: c, children: /* @__PURE__ */ e("path", { d: s, stroke: l, strokeWidth: y, strokeLinecap: A, strokeLinejoin: C }) }), 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(
+}) => /* @__PURE__ */ e("svg", { xmlns: n, width: t, height: o, viewBox: a, fill: d, children: /* @__PURE__ */ e("path", { d: s, stroke: l, strokeWidth: y, strokeLinecap: A, strokeLinejoin: C }) }), 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",
@@ -250,23 +250,23 @@ const Re = 50 / 2, Mt = ({ size: t = 24, strokeWidth: o = 5, linecap: r = "round
   leftSlot: r,
   rightSlot: n,
   buttonSlot: a,
-  type: c = "button",
+  type: d = "button",
   colorType: s = "neutral",
   buttonType: l = "primary",
   withFocus: y = !1,
   customFocus: A,
   disabled: C,
-  loading: x = !1,
+  loading: I = !1,
   spaceBetween: k = !1,
   buttonStyle: $,
   mainButtonContentStyle: M,
-  mainButtonLabelStyle: h,
-  leftSlotStyle: u,
-  rightSlotStyle: _,
-  onClick: I
+  mainButtonLabelStyle: p,
+  leftSlotStyle: c,
+  rightSlotStyle: f,
+  onClick: x
 }) => {
   const [L, Y] = E(A || !1), R = ne(null), z = (U) => {
-    C || x || (y && Y((V) => !V), I?.(U));
+    C || I || (y && Y((V) => !V), x?.(U));
   }, G = () => {
     let U = "#ffffff";
     return s === "neutral" && l !== "primary" && (U = "#0058FF"), s === "positive" && l !== "primary" && (U = "#328707"), s === "negative" && l !== "primary" && (U = "#E3292F"), U;
@@ -283,14 +283,14 @@ const Re = 50 / 2, Mt = ({ size: t = 24, strokeWidth: o = 5, linecap: r = "round
     {
       ref: R,
       style: $,
-      type: c,
+      type: d,
       disabled: C,
-      className: `${Le.mainButton} ${Le[o]} ${x ? Le.loading : ""} ${L ? Le.focused : ""} ${Le[l]} ${Le[s]} ${C ? Le.disabled : ""}`,
+      className: `${Le.mainButton} ${Le[o]} ${I ? Le.loading : ""} ${L ? Le.focused : ""} ${Le[l]} ${Le[s]} ${C ? Le.disabled : ""}`,
       onClick: z,
-      children: x ? /* @__PURE__ */ e(Mt, { size: 20, stroke: G() }) : a || /* @__PURE__ */ i("div", { className: Le.mainButtonContent, style: { ...M, justifyContent: k ? "space-between" : "center" }, children: [
-        r && /* @__PURE__ */ e("div", { className: Le.leftSlot, style: u, children: r }),
-        /* @__PURE__ */ e("p", { className: Le.mainButtonLabel, style: h, children: t }),
-        n && /* @__PURE__ */ e("div", { className: Le.rightSlot, style: _, children: n })
+      children: I ? /* @__PURE__ */ e(Mt, { size: 20, stroke: G() }) : a || /* @__PURE__ */ i("div", { className: Le.mainButtonContent, style: { ...M, justifyContent: k ? "space-between" : "center" }, children: [
+        r && /* @__PURE__ */ e("div", { className: Le.leftSlot, style: c, children: r }),
+        /* @__PURE__ */ e("p", { className: Le.mainButtonLabel, style: p, children: t }),
+        n && /* @__PURE__ */ e("div", { className: Le.rightSlot, style: f, children: n })
       ] })
     }
   );
@@ -344,20 +344,20 @@ const co = "mc__FormInput-module__inputWrapper", uo = "mc__FormInput-module__sm"
   helperText: r,
   required: n = !1,
   disabled: a = !1,
-  readOnly: c = !1,
+  readOnly: d = !1,
   withFocus: s = !0,
   withActive: l = !0,
   searchComponent: y = !1,
   size: A = "md",
   toggleFocus: C = !1,
-  rightSlot: x,
+  rightSlot: I,
   leftSlot: k,
   helperSlot: $,
   type: M = "text",
-  value: h,
-  maxLength: u,
-  forDropdown: _ = !1,
-  customFocus: I = null,
+  value: p,
+  maxLength: c,
+  forDropdown: f = !1,
+  customFocus: x = null,
   focus: L = !1,
   inputState: Y = { error: !1, success: !1, loading: !1 },
   inputSlot: R,
@@ -371,25 +371,25 @@ const co = "mc__FormInput-module__inputWrapper", uo = "mc__FormInput-module__sm"
   formInputStyle: K,
   helperTextStyle: W,
   labelStyle: g,
-  inputSlotStyle: p
+  inputSlotStyle: h
 }) => {
-  const m = ne(null), [w, T] = E(h ?? ""), [J, q] = E(!1), [oe, se] = E(!1), he = (Q) => {
+  const m = ne(null), [w, T] = E(p ?? ""), [J, q] = E(!1), [oe, se] = E(!1), he = (Q) => {
     y && T(Q.target.value), z?.(Q.target.value);
   }, ue = () => {
-    G?.(), !_ && q(!0);
+    G?.(), !f && q(!0);
   }, de = () => {
-    q(C ? I ?? !1 : !1), U?.();
+    q(C ? x ?? !1 : !1), U?.();
   }, ve = (Q) => {
-    const v = Q.currentTarget.value, f = v.length === 0;
-    M === "number" && (Q.keyCode === 69 || !f && (Q.keyCode === 187 || Q.keyCode === 107 || Q.keyCode === 189 || Q.keyCode === 109)) && Q.preventDefault(), Q.key === "Enter" && v && v.length > 0 && V?.();
+    const v = Q.currentTarget.value, _ = v.length === 0;
+    M === "number" && (Q.keyCode === 69 || !_ && (Q.keyCode === 187 || Q.keyCode === 107 || Q.keyCode === 189 || Q.keyCode === 109)) && Q.preventDefault(), Q.key === "Enter" && v && v.length > 0 && V?.();
   }, ie = (Q) => Q, pe = () => {
     y && (T(""), z?.(""));
   };
   return X(() => {
     te?.(J);
   }, [J]), X(() => {
-    I != null && q(I);
-  }, [I]), /* @__PURE__ */ i("div", { className: `${ce.inputWrapper} ${a ? ce.disabled : ""} ${ce[A]}`, style: P ?? {}, children: [
+    x != null && q(x);
+  }, [x]), /* @__PURE__ */ i("div", { className: `${ce.inputWrapper} ${a ? ce.disabled : ""} ${ce[A]}`, style: P ?? {}, children: [
     t && /* @__PURE__ */ i("div", { className: ce.formInputLabelWrapper, children: [
       /* @__PURE__ */ i("label", { style: g ?? {}, className: ce.formInputLabel, children: [
         t,
@@ -407,31 +407,31 @@ const co = "mc__FormInput-module__inputWrapper", uo = "mc__FormInput-module__sm"
         children: [
           k && /* @__PURE__ */ e("div", { className: ce.formInputSlot, children: ie(k) }),
           y && /* @__PURE__ */ e("div", { className: ce.formInputSlot, children: ie(/* @__PURE__ */ e(Dt, {})) }),
-          R ? /* @__PURE__ */ e("div", { className: ce.formInputSlot, style: p ?? {}, children: ie(R) }) : /* @__PURE__ */ e(
+          R ? /* @__PURE__ */ e("div", { className: ce.formInputSlot, style: h ?? {}, children: ie(R) }) : /* @__PURE__ */ e(
             "input",
             {
               className: ce.formInput,
               ref: m,
               style: K ?? {},
               type: M ?? "text",
-              value: y ? w : h,
+              value: y ? w : p,
               onChange: (Q) => he(Q),
-              onMouseDown: () => !_ && se(!0),
-              onMouseUp: () => !_ && se(!1),
-              onMouseLeave: () => !_ && se(!1),
+              onMouseDown: () => !f && se(!0),
+              onMouseUp: () => !f && se(!1),
+              onMouseLeave: () => !f && se(!1),
               onFocus: ue,
               onBlur: de,
               disabled: a,
               required: n,
               onKeyDown: ve,
-              readOnly: c,
+              readOnly: d,
               spellCheck: !1,
               placeholder: o ?? "",
               autoComplete: "off",
-              maxLength: u
+              maxLength: c
             }
           ),
-          x && /* @__PURE__ */ e("div", { style: y ? { cursor: "pointer" } : {}, className: ce.formInputSlot, children: ie(x) }),
+          I && /* @__PURE__ */ e("div", { style: y ? { cursor: "pointer" } : {}, className: ce.formInputSlot, children: ie(I) }),
           y && /* @__PURE__ */ e("div", { className: ce.formInputSlot, children: /* @__PURE__ */ e("div", { onClick: pe, style: y ? { cursor: "pointer" } : {}, className: ce.formInputSlot, children: w?.length > 0 ? ie(/* @__PURE__ */ e(qe, {})) : null }) })
         ]
       }
@@ -502,26 +502,26 @@ const $o = "mc__Textarea-module__textareaContainer", Mo = "mc__Textarea-module__
   cols: r = 30,
   rows: n = 5,
   value: a,
-  inputState: c = { error: !1, success: !0 },
+  inputState: d = { error: !1, success: !0 },
   maxLength: s = 20,
   withFocus: l = !0,
   withActive: y = !0,
   withResize: A = !0,
   withClose: C = !0,
-  onChange: x,
+  onChange: I,
   onFocus: k,
   onBlur: $,
   disabled: M,
-  required: h,
-  textareaContainerStyle: u,
-  textareaLabelStyle: _,
-  requiredStyle: I,
+  required: p,
+  textareaContainerStyle: c,
+  textareaLabelStyle: f,
+  requiredStyle: x,
   labelSlot: L,
   textareaFooterStyle: Y
 }) => {
   const R = ne(null), [z, G] = E(!1), [U, V] = E(!1), te = (w) => {
     let T = w.target.value;
-    x && typeof x == "function" && x(T);
+    I && typeof I == "function" && I(T);
   }, F = (w) => w, P = (w) => {
     G(!0), k && typeof k == "function" && k(w);
   }, K = (w) => {
@@ -555,33 +555,33 @@ const $o = "mc__Textarea-module__textareaContainer", Mo = "mc__Textarea-module__
     });
     return T.observe(w), () => T.disconnect();
   }, []);
-  const p = (w) => {
-    W = !1, x?.(w.target.value), g();
+  const h = (w) => {
+    W = !1, I?.(w.target.value), g();
   }, m = () => {
-    x && typeof x == "function" && x("");
+    I && typeof I == "function" && I("");
   };
   return /* @__PURE__ */ i(
     "div",
     {
-      style: u ?? {},
-      className: `${_e.textareaContainer} ${c.error ? _e.error : ""} ${M ? _e.disabled : null}`,
+      style: c ?? {},
+      className: `${_e.textareaContainer} ${d.error ? _e.error : ""} ${M ? _e.disabled : null}`,
       children: [
-        o && /* @__PURE__ */ i("div", { style: _, className: _e.textAreaLabel, children: [
+        o && /* @__PURE__ */ i("div", { style: f, className: _e.textAreaLabel, children: [
           /* @__PURE__ */ e("p", { children: o }),
-          /* @__PURE__ */ e("span", { style: I ?? {}, className: _e.required, children: h && "*" }),
+          /* @__PURE__ */ e("span", { style: x ?? {}, className: _e.required, children: p && "*" }),
           L && F(L)
         ] }),
         /* @__PURE__ */ i("div", { className: `${_e.wrap} ${A ? _e.resize : ""}`, ref: R, children: [
           /* @__PURE__ */ e(
             "textarea",
             {
-              className: `${_e.textarea} ${z ? _e.focused : ""} ${M ? _e.disabled : ""}  ${l && z ? c.error ? _e.errorFocused : _e.focused : ""} ${y && U ? c.error ? _e.errorActive : _e.active : ""} ${c.error ? _e.error : ""} ${c.success ? _e.success : ""}`,
+              className: `${_e.textarea} ${z ? _e.focused : ""} ${M ? _e.disabled : ""}  ${l && z ? d.error ? _e.errorFocused : _e.focused : ""} ${y && U ? d.error ? _e.errorActive : _e.active : ""} ${d.error ? _e.error : ""} ${d.success ? _e.success : ""}`,
               value: a,
               placeholder: t ?? "",
               cols: r,
               rows: n,
               maxLength: s ?? void 0,
-              onInput: p,
+              onInput: h,
               onFocus: P,
               disabled: M,
               onBlur: K,
@@ -636,14 +636,14 @@ const Oo = "mc__Toggle-module__toggleWrapper", Vo = "mc__Toggle-module__checked"
   toggleState: Yo,
   md: jo,
   lg: Ko
-}, et = ({ checked: t, change: o, disabled: r = !1, size: n = "md", toggleType: a = "default", required: c = !1 }) => /* @__PURE__ */ e(
+}, et = ({ checked: t, change: o, disabled: r = !1, size: n = "md", toggleType: a = "default", required: d = !1 }) => /* @__PURE__ */ e(
   "div",
   {
     onClick: () => {
       r || o?.(!t);
     },
     className: `${Ee.toggleWrapper}  ${a === "error" ? Ee.error : ""} ${Ee[n]} ${t ? Ee.checked : ""} ${r ? Ee.disabled : ""}`,
-    children: /* @__PURE__ */ e("div", { className: Ee.toggleState, children: /* @__PURE__ */ e("input", { type: "checkbox", checked: t, readOnly: !0, disabled: r ?? !1, hidden: !0, required: c }) })
+    children: /* @__PURE__ */ e("div", { className: Ee.toggleState, children: /* @__PURE__ */ e("input", { type: "checkbox", checked: t, readOnly: !0, disabled: r ?? !1, hidden: !0, required: d }) })
   }
 );
 et.propKeys = ["checked", "change", "disabled", "required", "size", "toggleType"];
@@ -663,18 +663,18 @@ const qo = "mc__Checkbox-module__checkboxWrapper", Xo = "mc__Checkbox-module__ch
   type: r = "default",
   disabled: n = !1,
   required: a = !1,
-  multipleChecked: c = !1,
+  multipleChecked: d = !1,
   activeStyle: s,
   checkBoxStyle: l,
   theme: y = "light"
 }) => {
-  const A = tt(), C = ne(null), [x, k] = E(!1), $ = () => {
+  const A = tt(), C = ne(null), [I, k] = E(!1), $ = () => {
     n || o && typeof o == "function" && o(!t);
   };
   return /* @__PURE__ */ i(
     "div",
     {
-      style: x ? n ? { boxShadow: "none" } : s ?? {} : l ?? {},
+      style: I ? n ? { boxShadow: "none" } : s ?? {} : l ?? {},
       className: `${y === "dark" ? Se.dark : ""}  ${Se[A]} ${Se.checkboxWrapper} ${r === "error" ? Se.error : ""} ${t ? Se.checked : Se.unChecked} ${n ? Se.disabled : ""}`,
       onMouseDown: () => k(!0),
       onMouseUp: () => k(!1),
@@ -682,7 +682,7 @@ const qo = "mc__Checkbox-module__checkboxWrapper", Xo = "mc__Checkbox-module__ch
       onClick: $,
       children: [
         /* @__PURE__ */ e("input", { ref: C, type: "checkbox", disabled: n, checked: t ?? !1, hidden: !0, readOnly: !0, required: a ?? !1 }),
-        t ? c ? /* @__PURE__ */ e(Ht, {}) : /* @__PURE__ */ e(Pt, {}) : ""
+        t ? d ? /* @__PURE__ */ e(Ht, {}) : /* @__PURE__ */ e(Pt, {}) : ""
       ]
     }
   );
@@ -740,21 +740,21 @@ const nn = "mc__Dropdown-module__dropdownWrapper", rn = "mc__Dropdown-module__dr
   checkboxProps: r,
   onCollapse: n,
   onSelect: a,
-  fromDropdown: c = !1,
+  fromDropdown: d = !1,
   withSelectAll: s = !1,
   withClearAll: l = !1,
   expandedNodes: y,
   SearchValue: A,
   SelectedData: C,
-  treeContainerStyle: x,
+  treeContainerStyle: I,
   treeNodeItemStyle: k,
   treeFooterStyle: $,
   treeFooterTextStyle: M,
-  treeNodeStyle: h,
-  labelRowStyle: u,
-  collapseToggleStyle: _
+  treeNodeStyle: p,
+  labelRowStyle: c,
+  collapseToggleStyle: f
 }) => {
-  const [I, L] = E(t || []), Y = (F, P, K = I) => K.map((W) => {
+  const [x, L] = E(t || []), Y = (F, P, K = x) => K.map((W) => {
     if (W.id === F) {
       const g = P && W.children && W.children.length > 0;
       return {
@@ -789,18 +789,18 @@ const nn = "mc__Dropdown-module__dropdownWrapper", rn = "mc__Dropdown-module__dr
       K.selected && P.push(K), K.children?.length && (P = [...P, ...U(K.children)]);
     }), P;
   }, V = () => {
-    const F = R(I, !1);
+    const F = R(x, !1);
     L(F), a?.([]);
   }, te = () => {
-    const F = R(I, !0);
+    const F = R(x, !0);
     L(F);
     const P = U(F);
     a?.(P);
   };
   return X(() => {
     L(t || []);
-  }, [t]), /* @__PURE__ */ i("div", { className: `${ke.treeNodeContainer}`, style: x, children: [
-    /* @__PURE__ */ e("div", { className: `${ke.treeNodeItem} ${c ? ke.inDropDown : ""}`, style: k, children: I.map((F) => /* @__PURE__ */ e(
+  }, [t]), /* @__PURE__ */ i("div", { className: `${ke.treeNodeContainer}`, style: I, children: [
+    /* @__PURE__ */ e("div", { className: `${ke.treeNodeItem} ${d ? ke.inDropDown : ""}`, style: k, children: x.map((F) => /* @__PURE__ */ e(
       bt,
       {
         node: F,
@@ -812,17 +812,17 @@ const nn = "mc__Dropdown-module__dropdownWrapper", rn = "mc__Dropdown-module__dr
         expandedNodes: y,
         SearchValue: A,
         SelectedData: C,
-        treeContainerStyle: x,
+        treeContainerStyle: I,
         treeNodeItemStyle: k,
         treeFooterStyle: $,
         treeFooterTextStyle: M,
-        treeNodeStyle: h,
-        labelRowStyle: u,
-        collapseToggleStyle: _
+        treeNodeStyle: p,
+        labelRowStyle: c,
+        collapseToggleStyle: f
       },
       F.id
     )) }),
-    c && /* @__PURE__ */ i("div", { className: ke.dropdownListFooter, style: $, children: [
+    d && /* @__PURE__ */ i("div", { className: ke.dropdownListFooter, style: $, children: [
       l && /* @__PURE__ */ e("span", { onClick: V, style: M, children: "Clear All" }),
       s && A === "" && /* @__PURE__ */ e("span", { onClick: te, style: M, children: "Select All" })
     ] })
@@ -833,22 +833,22 @@ const nn = "mc__Dropdown-module__dropdownWrapper", rn = "mc__Dropdown-module__dr
   defaultCollapsed: r,
   checkboxProps: n,
   onCollapse: a,
-  depth: c,
+  depth: d,
   expandedNodes: s,
   SearchValue: l,
   SelectedData: y,
   treeContainerStyle: A,
   treeNodeItemStyle: C,
-  treeFooterStyle: x,
+  treeFooterStyle: I,
   treeFooterTextStyle: k,
   treeNodeStyle: $,
   labelRowStyle: M,
-  collapseToggleStyle: h
+  collapseToggleStyle: p
 }) => {
-  const u = s?.find((z) => z.id === t.id);
+  const c = s?.find((z) => z.id === t.id);
   y?.find((z) => z.id === t.id);
-  const [_, I] = E(u ? !1 : r || !0), L = () => {
-    I((z) => !z), a?.(_, t);
+  const [f, x] = E(c ? !1 : r || !0), L = () => {
+    x((z) => !z), a?.(f, t);
   }, Y = () => {
     o?.(t.id, !t.selected);
   }, R = (z) => {
@@ -859,25 +859,25 @@ const nn = "mc__Dropdown-module__dropdownWrapper", rn = "mc__Dropdown-module__dr
     return !z || z.trim() === "" ? !0 : (V(z, t), G);
   };
   return X(() => {
-    l && I(!1);
+    l && x(!1);
   }, [l]), /* @__PURE__ */ i("div", { className: `${ke.treeNode} ${R(l) ? ke.visible : ke.hidden}`, style: $, children: [
     /* @__PURE__ */ i("div", { className: ke.labelRow, onClick: L, style: M, children: [
-      /* @__PURE__ */ e("div", { style: { display: "grid", placeItems: "center", marginLeft: `${c}rem` }, onClick: (z) => z.stopPropagation(), children: /* @__PURE__ */ e(Oe, { checked: t?.selected ?? !1, change: Y, ...n, withActive: !1 }) }),
-      /* @__PURE__ */ e("span", { className: ke.collapseToggle, style: h, children: /* @__PURE__ */ e(
+      /* @__PURE__ */ e("div", { style: { display: "grid", placeItems: "center", marginLeft: `${d}rem` }, onClick: (z) => z.stopPropagation(), children: /* @__PURE__ */ e(Oe, { checked: t?.selected ?? !1, change: Y, ...n, withActive: !1 }) }),
+      /* @__PURE__ */ e("span", { className: ke.collapseToggle, style: p, children: /* @__PURE__ */ e(
         "div",
         {
           style: {
             display: "flex",
             alignItems: "center",
             justifyContent: "center",
-            transform: _ ? "rotate(0deg)" : "rotate(90deg)"
+            transform: f ? "rotate(0deg)" : "rotate(90deg)"
           },
           children: /* @__PURE__ */ e(Wn, {})
         }
       ) }),
       /* @__PURE__ */ e("span", { className: `${ke.label} ${t.selected ? ke.selected : ""}`, children: t.label })
     ] }),
-    t.children && t.children.length > 0 && /* @__PURE__ */ e("div", { className: ke.children, style: { display: _ ? "none" : "block" }, children: t.children.map((z) => /* @__PURE__ */ e(
+    t.children && t.children.length > 0 && /* @__PURE__ */ e("div", { className: ke.children, style: { display: f ? "none" : "block" }, children: t.children.map((z) => /* @__PURE__ */ e(
       bt,
       {
         node: z,
@@ -885,17 +885,17 @@ const nn = "mc__Dropdown-module__dropdownWrapper", rn = "mc__Dropdown-module__dr
         defaultCollapsed: r,
         checkboxProps: n,
         onCollapse: a,
-        depth: c + 1,
+        depth: d + 1,
         expandedNodes: s,
         SearchValue: l,
         SelectedData: y,
         treeContainerStyle: A,
         treeNodeItemStyle: C,
-        treeFooterStyle: x,
+        treeFooterStyle: I,
         treeFooterTextStyle: k,
         treeNodeStyle: $,
         labelRowStyle: M,
-        collapseToggleStyle: h
+        collapseToggleStyle: p
       },
       z.id
     )) })
@@ -906,20 +906,20 @@ const nn = "mc__Dropdown-module__dropdownWrapper", rn = "mc__Dropdown-module__dr
   withClose: r = !0,
   disableAll: n = !1,
   withMultiselect: a = !1,
-  selectedOptionID: c,
+  selectedOptionID: d,
   withInput: s = !1,
   withTree: l = !1,
   withSelectAll: y = !0,
   dropdownType: A = "country",
   closeOnScroll: C = !1,
-  onSelect: x,
+  onSelect: I,
   onFocus: k,
   onBlur: $,
   onValueChange: M,
-  customInputSlot: h,
-  dropdownWrapperStyle: u,
-  dropdownInputWrapperStyle: _,
-  dropdownInputSlotStyle: I,
+  customInputSlot: p,
+  dropdownWrapperStyle: c,
+  dropdownInputWrapperStyle: f,
+  dropdownInputSlotStyle: x,
   dropdownInputSlotItemStyle: L,
   dropdownInputSlotItemLabelStyle: Y,
   dropdownInputSlotItemCloseStyle: R,
@@ -932,19 +932,19 @@ const nn = "mc__Dropdown-module__dropdownWrapper", rn = "mc__Dropdown-module__dr
   treeProps: P,
   ...K
 }) => {
-  const [W, g] = E(!1), [p, m] = E(""), [w, T] = E(!1), [J, q] = E(!1), [oe, se] = E(!1), he = ne(null), ue = ne(null), de = ne(null), ve = ne(null), [ie, pe] = E([]), Q = ne([]), v = ne(0), [f, D] = E(""), [H, re] = E(null), ee = (d) => `https://flagsapi.com/${d}/flat/64.png`, Ce = (d) => {
-    if (d.selected = !d.selected, !a) {
-      x?.(d);
+  const [W, g] = E(!1), [h, m] = E(""), [w, T] = E(!1), [J, q] = E(!1), [oe, se] = E(!1), he = ne(null), ue = ne(null), de = ne(null), ve = ne(null), [ie, pe] = E([]), Q = ne([]), v = ne(0), [_, D] = E(""), [H, re] = E(null), ee = (u) => `https://flagsapi.com/${u}/flat/64.png`, Ce = (u) => {
+    if (u.selected = !u.selected, !a) {
+      I?.(u);
       return;
     }
-    Q.current = [...Q.current, ...ie.filter((Z) => Z.selected == !0), ...ie.filter((Z) => Z.id === d.id)], Q.current = vt(Q.current, "id").filter((Z) => Z.selected).filter((Z) => Z.id !== "SELECT_ALL"), d.id === "SELECT_ALL" ? (T(d.selected), q(!0)) : (T(!1), x?.(Q.current), q(!1)), g((Z) => !Z);
-  }, fe = (d) => {
-    re(d), x?.(d), se(!1);
+    Q.current = [...Q.current, ...ie.filter((Z) => Z.selected == !0), ...ie.filter((Z) => Z.id === u.id)], Q.current = vt(Q.current, "id").filter((Z) => Z.selected).filter((Z) => Z.id !== "SELECT_ALL"), u.id === "SELECT_ALL" ? (T(u.selected), q(!0)) : (T(!1), I?.(Q.current), q(!1)), g((Z) => !Z);
+  }, fe = (u) => {
+    re(u), I?.(u), se(!1);
   }, ge = () => {
     if (!ue.current || !he.current) return;
-    const d = ue.current, Z = he.current;
-    if (!Z || !d) return;
-    const le = d.getBoundingClientRect(), Ve = window.innerHeight;
+    const u = ue.current, Z = he.current;
+    if (!Z || !u) return;
+    const le = u.getBoundingClientRect(), Ve = window.innerHeight;
     Z.style.width = le.width + "px", Z.style.position = "fixed", le.bottom + Z.offsetHeight > Ve ? (Z.style.top = `${le.top - Z.offsetHeight + 20}px`, Z.style.bottom = "unset") : (Z.style.top = `${le.bottom + 8}px`, Z.style.bottom = "unset");
   }, we = () => {
     requestAnimationFrame(() => {
@@ -958,43 +958,43 @@ const nn = "mc__Dropdown-module__dropdownWrapper", rn = "mc__Dropdown-module__dr
       pe(t);
       return;
     }
-    const d = t?.some((le) => "selected" in le), Z = y ? [{ id: "SELECT_ALL", label: "Select All", selected: w }] : [];
-    d ? pe([...Z, ...t]) : (t?.forEach((le) => {
+    const u = t?.some((le) => "selected" in le), Z = y ? [{ id: "SELECT_ALL", label: "Select All", selected: w }] : [];
+    u ? pe([...Z, ...t]) : (t?.forEach((le) => {
       le.selected = !1;
     }), pe([...Z, ...t])), we();
   }, [JSON.stringify(t)]), X(() => {
-    a && (t?.every((d) => d.selected) || T(!1));
+    a && (t?.every((u) => u.selected) || T(!1));
   }, [Q.current.length]), X(() => {
-    !a && c && re(t?.find((d) => d.id === c));
-  }, [c]), X(() => {
+    !a && d && re(t?.find((u) => u.id === d));
+  }, [d]), X(() => {
     if (a && ie.length > 0 && J) {
-      const d = ie.map((Z) => Z.id === "SELECT_ALL" ? { ...Z, selected: w } : Z.disabled ? Z : { ...Z, selected: w });
-      pe(d), t?.forEach((Z) => {
+      const u = ie.map((Z) => Z.id === "SELECT_ALL" ? { ...Z, selected: w } : Z.disabled ? Z : { ...Z, selected: w });
+      pe(u), t?.forEach((Z) => {
         Z.id === "SELECT_ALL" ? Z.selected = w : Z.disabled || (Z.selected = w);
-      }), Q.current = d.filter((Z) => Z.selected && Z.id !== "SELECT_ALL"), x?.(Q.current);
+      }), Q.current = u.filter((Z) => Z.selected && Z.id !== "SELECT_ALL"), I?.(Q.current);
     }
   }, [W]);
-  const $e = (d) => {
-    ue.current && (d.composedPath().includes(ue.current) || se(!1));
-  }, xe = (d) => {
-    C && (!ue.current || !he.current || d.composedPath().includes(ue.current) || d.composedPath().includes(he.current) || se(!1));
+  const $e = (u) => {
+    ue.current && (u.composedPath().includes(ue.current) || se(!1));
+  }, xe = (u) => {
+    C && (!ue.current || !he.current || u.composedPath().includes(ue.current) || u.composedPath().includes(he.current) || se(!1));
   };
   X(() => {
-    const d = () => {
+    const u = () => {
       oe && we();
     };
-    return document.addEventListener("click", $e), document.addEventListener("wheel", xe), window.addEventListener("scroll", d), () => {
-      document.removeEventListener("click", $e), document.removeEventListener("wheel", xe), window.removeEventListener("scroll", d);
+    return document.addEventListener("click", $e), document.addEventListener("wheel", xe), window.addEventListener("scroll", u), () => {
+      document.removeEventListener("click", $e), document.removeEventListener("wheel", xe), window.removeEventListener("scroll", u);
     };
   }, [oe]), X(() => {
     if (!a) return;
-    const d = () => {
+    const u = () => {
       const Z = ue.current?.getBoundingClientRect();
       if (!Z) return;
       const le = Z.width;
       le <= 150 ? v.current = 0 : le <= 250 ? v.current = 1 : le <= 350 ? v.current = 2 : le <= 450 ? v.current = 3 : v.current = 4;
     };
-    return d(), window.addEventListener("resize", d), () => window.removeEventListener("resize", d);
+    return u(), window.addEventListener("resize", u), () => window.removeEventListener("resize", u);
   }, []);
   const Me = ne(!0);
   return X(() => {
@@ -1003,24 +1003,24 @@ const nn = "mc__Dropdown-module__dropdownWrapper", rn = "mc__Dropdown-module__dr
       return;
     }
     oe || $?.(), oe && k?.();
-  }, [oe]), /* @__PURE__ */ i("div", { className: `${ae.dropdownWrapper}`, style: u ?? {}, children: [
+  }, [oe]), /* @__PURE__ */ i("div", { className: `${ae.dropdownWrapper}`, style: c ?? {}, children: [
     /* @__PURE__ */ e(
       "div",
       {
         ref: ue,
         className: ae.dropdownInputWrapper,
-        style: _ ?? {},
-        onClick: () => (se((d) => !d), we()),
+        style: f ?? {},
+        onClick: () => (se((u) => !u), we()),
         children: /* @__PURE__ */ e(
           Ae,
           {
             ...K,
-            onFocusChange: (d) => se(d),
+            onFocusChange: (u) => se(u),
             customFocus: oe,
             withActive: !1,
-            value: s ? p : H?.label ?? "",
-            onChange: (d) => {
-              m(d), M?.(d);
+            value: s ? h : H?.label ?? "",
+            onChange: (u) => {
+              m(u), M?.(u);
             },
             toggleFocus: !0,
             formInputStyle: { cursor: s ? "text" : "pointer" },
@@ -1029,11 +1029,11 @@ const nn = "mc__Dropdown-module__dropdownWrapper", rn = "mc__Dropdown-module__dr
               /* @__PURE__ */ e("div", { className: `${ae.dropdownRightIconArrow} ${oe ? ae.focused : ""}`, children: /* @__PURE__ */ e(Ue, {}) })
             ] }),
             rightSlot: /* @__PURE__ */ i("div", { className: `${ae.dropdownRightIcon} ${oe ? ae.focused : ""}`, children: [
-              (s ? p : !a && H) && /* @__PURE__ */ e(
+              (s ? h : !a && H) && /* @__PURE__ */ e(
                 "div",
                 {
-                  onClick: (d) => {
-                    d.stopPropagation(), s ? (m(""), se(!1)) : re(null);
+                  onClick: (u) => {
+                    u.stopPropagation(), s ? (m(""), se(!1)) : re(null);
                   },
                   className: ae.dropdownRightIconClose,
                   children: /* @__PURE__ */ e(qe, {})
@@ -1044,8 +1044,8 @@ const nn = "mc__Dropdown-module__dropdownWrapper", rn = "mc__Dropdown-module__dr
             readOnly: !s,
             forDropdown: !0,
             inputSlotStyle: { width: "100%" },
-            inputSlot: a && Q.current.length > 0 ? h || /* @__PURE__ */ i("ul", { className: ae.dropdownInputSlot, style: I ?? {}, children: [
-              Q.current.slice(0, v.current).map((d, Z) => /* @__PURE__ */ i(
+            inputSlot: a && Q.current.length > 0 ? p || /* @__PURE__ */ i("ul", { className: ae.dropdownInputSlot, style: x ?? {}, children: [
+              Q.current.slice(0, v.current).map((u, Z) => /* @__PURE__ */ i(
                 "li",
                 {
                   ref: ve,
@@ -1053,14 +1053,14 @@ const nn = "mc__Dropdown-module__dropdownWrapper", rn = "mc__Dropdown-module__dr
                   style: L ?? {},
                   onClick: (le) => le.stopPropagation(),
                   children: [
-                    /* @__PURE__ */ e("p", { title: d.label, className: ae.dropdownInputSlotItemLabel, style: Y ?? {}, children: typeof d.customLabel == "function" ? d.customLabel(d) : d.label }),
+                    /* @__PURE__ */ e("div", { title: u.label, className: ae.dropdownInputSlotItemLabel, style: Y ?? {}, children: typeof u.customLabel == "function" ? u.customLabel(u) : u.label }),
                     /* @__PURE__ */ e(
                       "div",
                       {
                         style: R ?? {},
                         className: ae.dropdownInputSlotItemClose,
                         onClick: (le) => {
-                          le.stopPropagation(), Ce(d);
+                          le.stopPropagation(), Ce(u);
                         },
                         children: /* @__PURE__ */ e(St, { width: "16", height: "16", viewBox: "0 0 16 16", stroke: "#95969C" })
                       }
@@ -1075,7 +1075,7 @@ const nn = "mc__Dropdown-module__dropdownWrapper", rn = "mc__Dropdown-module__dr
         )
       }
     ),
-    t && t.length > 0 && oe && /* @__PURE__ */ i("div", { ref: he, onClick: (d) => d.stopPropagation(), className: ae.dropdownListContainer, children: [
+    t && t.length > 0 && oe && /* @__PURE__ */ i("div", { ref: he, onClick: (u) => u.stopPropagation(), className: ae.dropdownListContainer, children: [
       o && /* @__PURE__ */ e(
         Ae,
         {
@@ -1083,54 +1083,54 @@ const nn = "mc__Dropdown-module__dropdownWrapper", rn = "mc__Dropdown-module__dr
           searchComponent: !0,
           withFocus: !1,
           withActive: !1,
-          value: f,
-          onChange: (d) => D(d)
+          value: _,
+          onChange: (u) => D(u)
         }
       ),
       l ? /* @__PURE__ */ e(
         Bn,
         {
-          SearchValue: f,
+          SearchValue: _,
           data: t,
-          onSelect: x,
-          onCollapse: (d, Z) => {
-            we(), P?.onCollapse?.(d, Z);
+          onSelect: I,
+          onCollapse: (u, Z) => {
+            we(), P?.onCollapse?.(u, Z);
           },
           ...P
         }
-      ) : /* @__PURE__ */ e("ul", { onClick: (d) => d.stopPropagation(), className: ae.dropdownList, ref: de, style: F ?? {}, children: ie.filter((d) => d?.label?.toLowerCase().includes(f.toLowerCase())).map((d, Z) => /* @__PURE__ */ i(
+      ) : /* @__PURE__ */ e("ul", { onClick: (u) => u.stopPropagation(), className: ae.dropdownList, ref: de, style: F ?? {}, children: ie.filter((u) => u?.label?.toLowerCase().includes(_.toLowerCase())).map((u, Z) => /* @__PURE__ */ i(
         "li",
         {
-          style: { ...G, cursor: !a && d?.disabled ? "not-allowed" : "pointer" },
-          className: `${ae.dropdownItem} ${!a && H?.id === d.id ? ae.selected : ""}  ${!d?.label || d.label === void 0 || n || d?.disabled ? ae.disabled : ""} ${!a && !d?.disabled ? ae.hovered : ""}`,
+          style: { ...G, cursor: !a && u?.disabled ? "not-allowed" : "pointer" },
+          className: `${ae.dropdownItem} ${!a && H?.id === u.id ? ae.selected : ""}  ${!u?.label || u.label === void 0 || n || u?.disabled ? ae.disabled : ""} ${!a && !u?.disabled ? ae.hovered : ""}`,
           onClick: (le) => {
-            le.stopPropagation(), !a && !d?.disabled && fe(d);
+            le.stopPropagation(), !a && !u?.disabled && fe(u);
           },
           children: [
-            a && !d.noCheckbox && /* @__PURE__ */ e("div", { className: ae.itemCheckbox, style: V ?? {}, children: /* @__PURE__ */ e(
+            a && !u.noCheckbox && /* @__PURE__ */ e("div", { className: ae.itemCheckbox, style: V ?? {}, children: /* @__PURE__ */ e(
               Oe,
               {
-                multipleChecked: d.id === "SELECT_ALL",
-                disabled: n || d?.disabled,
-                checked: d?.selected,
-                change: () => Ce(d)
+                multipleChecked: u.id === "SELECT_ALL",
+                disabled: n || u?.disabled,
+                checked: u?.selected,
+                change: () => Ce(u)
               }
             ) }),
             /* @__PURE__ */ i("div", { className: ae.dropdownItemLabel, style: U ?? {}, children: [
               s ? /* @__PURE__ */ i("div", { className: ae.dropdownItemLabelInput, children: [
-                /* @__PURE__ */ e("img", { src: ee(d.code), style: { width: "1.375rem", height: "1.375rem", objectFit: "contain" }, alt: d.name }),
-                /* @__PURE__ */ e("span", { title: d.name, className: ae.countryName, children: d.name || d.label }),
-                /* @__PURE__ */ e("span", { className: ae.countryDialCode, children: A === "country" ? d.dialCode : d?.label })
+                /* @__PURE__ */ e("img", { src: ee(u.code), style: { width: "1.375rem", height: "1.375rem", objectFit: "contain" }, alt: u.name }),
+                /* @__PURE__ */ e("span", { title: u.name, className: ae.countryName, children: u.name || u.label }),
+                /* @__PURE__ */ e("span", { className: ae.countryDialCode, children: A === "country" ? u.dialCode : u?.label })
               ] }) : /* @__PURE__ */ e(
                 "p",
                 {
-                  title: typeof d.label == "string" ? d.label : "",
-                  className: `${d.id === "SELECT_ALL" ? ae.selectAll : ""}`,
+                  title: typeof u.label == "string" ? u.label : "",
+                  className: `${u.id === "SELECT_ALL" ? ae.selectAll : ""}`,
                   style: te ?? {},
-                  children: typeof d.customLabel == "function" ? d.customLabel(d) : d.label
+                  children: typeof u.customLabel == "function" ? u.customLabel(u) : u.label
                 }
               ),
-              a && /* @__PURE__ */ e("p", { children: d.id === "SELECT_ALL" ? `${ie.filter((le) => le.id !== "SELECT_ALL" && le.selected).length}/${t.length}` : "" })
+              a && /* @__PURE__ */ e("p", { children: u.id === "SELECT_ALL" ? `${ie.filter((le) => le.id !== "SELECT_ALL" && le.selected).length}/${t.length}` : "" })
             ] })
           ]
         },
@@ -1171,12 +1171,12 @@ ot.displayName = "Dropdown";
 ot.description = "A feature-rich dropdown component with multi-select, filtering, and smart positioning capabilities.";
 const En = "mc__Radio-module__radioWrapper", Fn = {
   radioWrapper: En
-}, nt = ({ checked: t, change: o, disabled: r, required: n, withUncheckState: a = !1, radioType: c = "default" }) => {
+}, nt = ({ checked: t, change: o, disabled: r, required: n, withUncheckState: a = !1, radioType: d = "default" }) => {
   tt(), E(!1);
   const s = () => {
     r || o?.(a ? !t : !0);
   }, l = () => {
-    let y = null, A = r ? "#95969C" : c === "error" ? "#E3292F" : "#0058FF";
+    let y = null, A = r ? "#95969C" : d === "error" ? "#E3292F" : "#0058FF";
     return t ? r ? y = /* @__PURE__ */ e(Wt, { color: A }) : y = /* @__PURE__ */ e(At, { color: A }) : r ? y = /* @__PURE__ */ e(Bt, { color: A }) : y = /* @__PURE__ */ e(Rt, { color: A }), y;
   };
   return /* @__PURE__ */ i("div", { className: Fn.radioWrapper, style: { cursor: r ? "not-allowed" : "pointer" }, onClick: s, children: [
@@ -1204,26 +1204,26 @@ const On = "mc__Tooltip-module__tooltipContainer", Vn = "mc__Tooltip-module__too
   delay: r = 400,
   placement: n = "top",
   trigger: a = "hover",
-  title: c,
+  title: d,
   text: s,
   customText: l,
   tooltipContentStyle: y,
   tooltipTitlestyle: A,
   tooltipTextStyle: C,
-  tooltipContainerStyle: x,
+  tooltipContainerStyle: I,
   pointerPosition: k = "10%",
   withPointer: $ = !1,
   theme: M,
-  topCustomOffset: h = 0,
-  bottomCustomOffset: u = 0,
-  leftCustomOffset: _ = 0,
-  rightCustomOffset: I = 0,
+  topCustomOffset: p = 0,
+  bottomCustomOffset: c = 0,
+  leftCustomOffset: f = 0,
+  rightCustomOffset: x = 0,
   forceClose: L = !1,
   onClick: Y
 }) => {
   const R = ne(null), z = ne(null);
   let G;
-  const [U, V] = E(!1), te = o || c || s || l, F = () => {
+  const [U, V] = E(!1), te = o || d || s || l, F = () => {
     a === "hover" && te && (G = setTimeout(() => {
       V(!0);
     }, r));
@@ -1234,34 +1234,34 @@ const On = "mc__Tooltip-module__tooltipContainer", Vn = "mc__Tooltip-module__too
   }, K = () => {
     a === "click" && (Y?.(), V((g) => !g));
   }, W = () => {
-    const g = R.current, p = z.current;
-    if (!p || !g) return;
+    const g = R.current, h = z.current;
+    if (!h || !g) return;
     const m = g.getBoundingClientRect();
-    switch (p.style.position = "fixed", n) {
+    switch (h.style.position = "fixed", n) {
       case "top":
-        p.style.top = `${m.top - p.offsetHeight - 8}px`, p.style.left = `${m.left + h}px`;
+        h.style.top = `${m.top - h.offsetHeight - 8 + p - c}px`, h.style.left = `${m.left + f - x}px`;
         break;
       case "bottom":
-        p.style.top = `${m.bottom + 8}px`, p.style.left = `${m.left + u}px`;
+        h.style.top = `${m.bottom + 8 + c - p}px`, h.style.left = `${m.left + f - x}px`;
         break;
       case "left":
-        p.style.top = `${m.top + m.height / 2 - p.offsetHeight / 2}px`, p.style.left = `${m.left - p.offsetWidth - 8 + _}px`;
+        h.style.top = `${m.top + m.height / 2 - h.offsetHeight / 2 + p - c}px`, h.style.left = `${m.left - h.offsetWidth - 8 + f - x}px`;
         break;
       case "right":
-        p.style.top = `${m.top + m.height / 2 - p.offsetHeight / 2}px`, p.style.left = `${m.right + 8 + I}px`;
+        h.style.top = `${m.top + m.height / 2 - h.offsetHeight / 2 + p - c}px`, h.style.left = `${m.right + 8 + x - f}px`;
         break;
     }
   };
   return X(() => {
     W();
-  }, [R, U, t, n, o, l, c, s]), X(() => {
+  }, [R, U, t, n, o, l, d, s]), X(() => {
     const g = (m) => {
       R.current?.contains(m.target) || V(!1);
-    }, p = (m) => {
+    }, h = (m) => {
       m.composedPath().includes(R.current) || V(!1);
     };
-    return document.addEventListener("click", p), document.addEventListener("scroll", g, !0), () => {
-      document.removeEventListener("scroll", g, !0), document.removeEventListener("click", p);
+    return document.addEventListener("click", h), document.addEventListener("scroll", g, !0), () => {
+      document.removeEventListener("scroll", g, !0), document.removeEventListener("click", h);
     };
   }, []), X(() => {
     L && V(!1);
@@ -1276,7 +1276,7 @@ const On = "mc__Tooltip-module__tooltipContainer", Vn = "mc__Tooltip-module__too
       onClick: K,
       onMouseEnter: F,
       onMouseLeave: P,
-      style: x ?? {},
+      style: I ?? {},
       children: [
         t,
         U && o ? /* @__PURE__ */ e(
@@ -1297,7 +1297,7 @@ const On = "mc__Tooltip-module__tooltipContainer", Vn = "mc__Tooltip-module__too
             className: `${Te.tooltipContent} ${n ? Te[n] : Te.bottom}`,
             children: [
               l && typeof l == "string" && l,
-              c && c.length > 0 && typeof c == "string" && /* @__PURE__ */ e("h2", { className: Te.tooltipTitle, style: A ?? {}, children: c }),
+              d && d.length > 0 && typeof d == "string" && /* @__PURE__ */ e("h2", { className: Te.tooltipTitle, style: A ?? {}, children: d }),
               s && s.length > 0 && typeof s == "string" && /* @__PURE__ */ e("p", { className: Te.tooltipText, style: C ?? {}, children: s })
             ]
           }
@@ -1344,7 +1344,7 @@ const Qn = "mc__Popup-module__modalOverlay", Jn = "mc__Popup-module__popupDrawer
   mode: r,
   children: n,
   onClickOutside: a,
-  onClose: c,
+  onClose: d,
   widthType: s,
   // "horizontal"
   modalOverlayStyle: l,
@@ -1352,8 +1352,8 @@ const Qn = "mc__Popup-module__modalOverlay", Jn = "mc__Popup-module__popupDrawer
   templateWrapperStyle: A,
   closeButtonStyle: C
 }) => {
-  const x = () => {
-    c && typeof c == "function" && c();
+  const I = () => {
+    d && typeof d == "function" && d();
   }, k = ne(null), $ = (M) => {
     M.target === k.current && a && typeof a == "function" && a();
   };
@@ -1385,7 +1385,7 @@ const Qn = "mc__Popup-module__modalOverlay", Jn = "mc__Popup-module__popupDrawer
                         ${s === "horizontal" ? Fe.horizontal : ""}
                     `,
           children: [
-            /* @__PURE__ */ e("div", { className: Fe.closeButton, style: C ?? {}, onClick: x, children: /* @__PURE__ */ e(yt, { color: "#131314" }) }),
+            /* @__PURE__ */ e("div", { className: Fe.closeButton, style: C ?? {}, onClick: I, children: /* @__PURE__ */ e(yt, { color: "#131314" }) }),
             /* @__PURE__ */ i("div", { className: Fe.templateWrapper, style: A ?? {}, children: [
               o && o,
               n && n
@@ -1438,32 +1438,32 @@ const nr = "mc__NotificationToast-module__toastContainer", rr = "mc__Notificatio
   filled: r = !1,
   withClose: n = !1,
   withUndo: a = !1,
-  withInfoIcon: c = !0,
+  withInfoIcon: d = !0,
   description: s,
   customAction: l,
   timeout: y = 4e3,
   children: A,
   onUndo: C,
-  onClose: x
+  onClose: I
 }) => {
   const [k, $] = E("fadeIn");
   X(() => {
-    const h = y, u = 300, _ = setTimeout(() => {
+    const p = y, c = 300, f = setTimeout(() => {
       $("fadeOut"), setTimeout(() => {
-        x?.();
-      }, u);
-    }, h);
+        I?.();
+      }, c);
+    }, p);
     return () => {
-      clearTimeout(_);
+      clearTimeout(f);
     };
-  }, [x]);
+  }, [I]);
   const M = () => {
-    let h = {};
-    return s && (h.padding = "12px"), h;
+    let p = {};
+    return s && (p.padding = "12px"), p;
   };
   return /* @__PURE__ */ e("div", { className: `${ye.notificationToast} ${ye[o]} ${r ? "" : ye.filled} ${ye[k]}`, style: M(), children: /* @__PURE__ */ i("div", { className: ye.notificationToastContent, style: s ? { alignItems: "flex-start" } : {}, children: [
     /* @__PURE__ */ i("div", { className: ye.notificationToastContentLeft, style: s ? { alignItems: "flex-start" } : {}, children: [
-      c && /* @__PURE__ */ e("div", { className: ye.notificationToastContentInfoIcon, children: o === "success" ? /* @__PURE__ */ e(Ft, { color: r ? "#fff" : "#328707" }) : /* @__PURE__ */ e(Et, { color: r ? "#fff" : o === "neutral" ? "#131314" : o === "error" ? "#E3292F" : "#0058FF" }) }),
+      d && /* @__PURE__ */ e("div", { className: ye.notificationToastContentInfoIcon, children: o === "success" ? /* @__PURE__ */ e(Ft, { color: r ? "#fff" : "#328707" }) : /* @__PURE__ */ e(Et, { color: r ? "#fff" : o === "neutral" ? "#131314" : o === "error" ? "#E3292F" : "#0058FF" }) }),
       /* @__PURE__ */ i("div", { className: ye.notificationToastContentLeftText, children: [
         t && /* @__PURE__ */ e("p", { className: ye.notificationToastContentLeftTextTitle, children: t }),
         s && /* @__PURE__ */ e("p", { className: ye.notificationToastContentLeftTextDescription, children: s }),
@@ -1474,7 +1474,7 @@ const nr = "mc__NotificationToast-module__toastContainer", rr = "mc__Notificatio
     /* @__PURE__ */ i("div", { className: ye.notificationToastContentRight, children: [
       l && l,
       !s && a && /* @__PURE__ */ e("p", { className: ye.notificationToastContentRightUndoText, onClick: () => C?.(), children: "Undo" }),
-      n && /* @__PURE__ */ e("div", { className: ye.notificationToastContentRightClose, style: s || !a ? { border: "none" } : {}, onClick: () => x?.(), children: /* @__PURE__ */ e(
+      n && /* @__PURE__ */ e("div", { className: ye.notificationToastContentRightClose, style: s || !a ? { border: "none" } : {}, onClick: () => I?.(), children: /* @__PURE__ */ e(
         yt,
         {
           color: r ? "#fff" : o === "neutral" ? "#131314" : o === "error" ? "#E3292F" : o === "info" ? "#0058FF" : "#328707"
@@ -1485,14 +1485,14 @@ const nr = "mc__NotificationToast-module__toastContainer", rr = "mc__Notificatio
 }, kt = wt(null);
 let br = 0;
 const kr = ({ children: t }) => {
-  const [o, r] = E([]), n = (c) => {
+  const [o, r] = E([]), n = (d) => {
     r((s) => {
-      const l = c.max ?? 1 / 0;
+      const l = d.max ?? 1 / 0;
       if (s.length >= l) return s;
       const y = br++;
       return setTimeout(() => {
         r((A) => A.filter((C) => C.id !== y));
-      }, c.timeout || 4e3), [...s, { id: y, props: c }];
+      }, d.timeout || 4e3), [...s, { id: y, props: d }];
     });
   }, a = Ke(() => {
     if (o.length > 0)
@@ -1515,15 +1515,15 @@ const kr = ({ children: t }) => {
   }, [o.length]);
   return /* @__PURE__ */ i(kt.Provider, { value: { showToast: n }, children: [
     t,
-    o.length > 0 && /* @__PURE__ */ e("div", { className: ye.toastContainer, style: a(), children: o.map(({ id: c, props: s }) => /* @__PURE__ */ e(
+    o.length > 0 && /* @__PURE__ */ e("div", { className: ye.toastContainer, style: a(), children: o.map(({ id: d, props: s }) => /* @__PURE__ */ e(
       vr,
       {
         ...s,
         onClose: () => {
-          r((l) => l.filter((y) => y.id !== c));
+          r((l) => l.filter((y) => y.id !== d));
         }
       },
-      c
+      d
     )) })
   ] });
 };
@@ -1575,65 +1575,65 @@ var Lt = { exports: {} };
   (function(r, n) {
     t.exports = n();
   })(Er, 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, a = /\d/, c = /\d\d/, s = /\d\d?/, l = /\d*[^-_:/,()\s\d]+/, y = {}, A = function(u) {
-      return (u = +u) + (u > 68 ? 1900 : 2e3);
-    }, C = function(u) {
-      return function(_) {
-        this[u] = +_;
+    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, a = /\d/, d = /\d\d/, s = /\d\d?/, l = /\d*[^-_:/,()\s\d]+/, y = {}, A = function(c) {
+      return (c = +c) + (c > 68 ? 1900 : 2e3);
+    }, C = function(c) {
+      return function(f) {
+        this[c] = +f;
       };
-    }, x = [/[+-]\d\d:?(\d\d)?|Z/, function(u) {
-      (this.zone || (this.zone = {})).offset = function(_) {
-        if (!_ || _ === "Z") return 0;
-        var I = _.match(/([+-]|\d\d)/g), L = 60 * I[1] + (+I[2] || 0);
-        return L === 0 ? 0 : I[0] === "+" ? -L : L;
-      }(u);
-    }], k = function(u) {
-      var _ = y[u];
-      return _ && (_.indexOf ? _ : _.s.concat(_.f));
-    }, $ = function(u, _) {
-      var I, L = y.meridiem;
+    }, I = [/[+-]\d\d:?(\d\d)?|Z/, function(c) {
+      (this.zone || (this.zone = {})).offset = function(f) {
+        if (!f || f === "Z") return 0;
+        var x = f.match(/([+-]|\d\d)/g), L = 60 * x[1] + (+x[2] || 0);
+        return L === 0 ? 0 : x[0] === "+" ? -L : L;
+      }(c);
+    }], k = function(c) {
+      var f = y[c];
+      return f && (f.indexOf ? f : f.s.concat(f.f));
+    }, $ = function(c, f) {
+      var x, L = y.meridiem;
       if (L) {
-        for (var Y = 1; Y <= 24; Y += 1) if (u.indexOf(L(Y, 0, _)) > -1) {
-          I = Y > 12;
+        for (var Y = 1; Y <= 24; Y += 1) if (c.indexOf(L(Y, 0, f)) > -1) {
+          x = Y > 12;
           break;
         }
-      } else I = u === (_ ? "pm" : "PM");
-      return I;
-    }, M = { A: [l, function(u) {
-      this.afternoon = $(u, !1);
-    }], a: [l, function(u) {
-      this.afternoon = $(u, !0);
-    }], Q: [a, function(u) {
-      this.month = 3 * (u - 1) + 1;
-    }], S: [a, function(u) {
-      this.milliseconds = 100 * +u;
-    }], SS: [c, function(u) {
-      this.milliseconds = 10 * +u;
-    }], SSS: [/\d{3}/, function(u) {
-      this.milliseconds = +u;
-    }], s: [s, C("seconds")], ss: [s, C("seconds")], m: [s, C("minutes")], mm: [s, C("minutes")], H: [s, C("hours")], h: [s, C("hours")], HH: [s, C("hours")], hh: [s, C("hours")], D: [s, C("day")], DD: [c, C("day")], Do: [l, function(u) {
-      var _ = y.ordinal, I = u.match(/\d+/);
-      if (this.day = I[0], _) for (var L = 1; L <= 31; L += 1) _(L).replace(/\[|\]/g, "") === u && (this.day = L);
-    }], w: [s, C("week")], ww: [c, C("week")], M: [s, C("month")], MM: [c, C("month")], MMM: [l, function(u) {
-      var _ = k("months"), I = (k("monthsShort") || _.map(function(L) {
+      } else x = c === (f ? "pm" : "PM");
+      return x;
+    }, M = { A: [l, function(c) {
+      this.afternoon = $(c, !1);
+    }], a: [l, function(c) {
+      this.afternoon = $(c, !0);
+    }], Q: [a, function(c) {
+      this.month = 3 * (c - 1) + 1;
+    }], S: [a, function(c) {
+      this.milliseconds = 100 * +c;
+    }], SS: [d, function(c) {
+      this.milliseconds = 10 * +c;
+    }], SSS: [/\d{3}/, function(c) {
+      this.milliseconds = +c;
+    }], s: [s, C("seconds")], ss: [s, C("seconds")], m: [s, C("minutes")], mm: [s, C("minutes")], H: [s, C("hours")], h: [s, C("hours")], HH: [s, C("hours")], hh: [s, C("hours")], D: [s, C("day")], DD: [d, C("day")], Do: [l, function(c) {
+      var f = y.ordinal, x = c.match(/\d+/);
+      if (this.day = x[0], f) for (var L = 1; L <= 31; L += 1) f(L).replace(/\[|\]/g, "") === c && (this.day = L);
+    }], w: [s, C("week")], ww: [d, C("week")], M: [s, C("month")], MM: [d, C("month")], MMM: [l, function(c) {
+      var f = k("months"), x = (k("monthsShort") || f.map(function(L) {
         return L.slice(0, 3);
-      })).indexOf(u) + 1;
-      if (I < 1) throw new Error();
-      this.month = I % 12 || I;
-    }], MMMM: [l, function(u) {
-      var _ = k("months").indexOf(u) + 1;
-      if (_ < 1) throw new Error();
-      this.month = _ % 12 || _;
-    }], Y: [/[+-]?\d+/, C("year")], YY: [c, function(u) {
-      this.year = A(u);
-    }], YYYY: [/\d{4}/, C("year")], Z: x, ZZ: x };
-    function h(u) {
-      var _, I;
-      _ = u, I = y && y.formats;
-      for (var L = (u = _.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, function(te, F, P) {
+      })).indexOf(c) + 1;
+      if (x < 1) throw new Error();
+      this.month = x % 12 || x;
+    }], MMMM: [l, function(c) {
+      var f = k("months").indexOf(c) + 1;
+      if (f < 1) throw new Error();
+      this.month = f % 12 || f;
+    }], Y: [/[+-]?\d+/, C("year")], YY: [d, function(c) {
+      this.year = A(c);
+    }], YYYY: [/\d{4}/, C("year")], Z: I, ZZ: I };
+    function p(c) {
+      var f, x;
+      f = c, x = y && y.formats;
+      for (var L = (c = f.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, function(te, F, P) {
         var K = P && P.toUpperCase();
-        return F || I[P] || r[P] || I[K].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(W, g, p) {
-          return g || p.slice(1);
+        return F || x[P] || r[P] || x[K].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(W, g, h) {
+          return g || h.slice(1);
         });
       })).match(n), Y = L.length, R = 0; R < Y; R += 1) {
         var z = L[R], G = M[z], U = G && G[0], V = G && G[1];
@@ -1644,8 +1644,8 @@ var Lt = { exports: {} };
           var W = L[P];
           if (typeof W == "string") K += W.length;
           else {
-            var g = W.regex, p = W.parser, m = te.slice(K), w = g.exec(m)[0];
-            p.call(F, w), te = te.replace(w, "");
+            var g = W.regex, h = W.parser, m = te.slice(K), w = g.exec(m)[0];
+            h.call(F, w), te = te.replace(w, "");
           }
         }
         return function(T) {
@@ -1657,31 +1657,31 @@ var Lt = { exports: {} };
         }(F), F;
       };
     }
-    return function(u, _, I) {
-      I.p.customParseFormat = !0, u && u.parseTwoDigitYear && (A = u.parseTwoDigitYear);
-      var L = _.prototype, Y = L.parse;
+    return function(c, f, x) {
+      x.p.customParseFormat = !0, c && c.parseTwoDigitYear && (A = c.parseTwoDigitYear);
+      var L = f.prototype, Y = L.parse;
       L.parse = function(R) {
         var z = R.date, G = R.utc, U = R.args;
         this.$u = G;
         var V = U[1];
         if (typeof V == "string") {
           var te = U[2] === !0, F = U[3] === !0, P = te || F, K = U[2];
-          F && (K = U[2]), y = this.$locale(), !te && K && (y = I.Ls[K]), this.$d = function(m, w, T, J) {
+          F && (K = U[2]), y = this.$locale(), !te && K && (y = x.Ls[K]), this.$d = function(m, w, T, J) {
             try {
               if (["x", "X"].indexOf(w) > -1) return new Date((w === "X" ? 1e3 : 1) * m);
-              var q = h(w)(m), oe = q.year, se = q.month, he = q.day, ue = q.hours, de = q.minutes, ve = q.seconds, ie = q.milliseconds, pe = q.zone, Q = q.week, v = /* @__PURE__ */ new Date(), f = he || (oe || se ? 1 : v.getDate()), D = oe || v.getFullYear(), H = 0;
+              var q = p(w)(m), oe = q.year, se = q.month, he = q.day, ue = q.hours, de = q.minutes, ve = q.seconds, ie = q.milliseconds, pe = q.zone, Q = q.week, v = /* @__PURE__ */ new Date(), _ = he || (oe || se ? 1 : v.getDate()), D = oe || v.getFullYear(), H = 0;
               oe && !se || (H = se > 0 ? se - 1 : v.getMonth());
               var re, ee = ue || 0, Ce = de || 0, fe = ve || 0, ge = ie || 0;
-              return pe ? new Date(Date.UTC(D, H, f, ee, Ce, fe, ge + 60 * pe.offset * 1e3)) : T ? new Date(Date.UTC(D, H, f, ee, Ce, fe, ge)) : (re = new Date(D, H, f, ee, Ce, fe, ge), Q && (re = J(re).week(Q).toDate()), re);
+              return pe ? new Date(Date.UTC(D, H, _, ee, Ce, fe, ge + 60 * pe.offset * 1e3)) : T ? new Date(Date.UTC(D, H, _, ee, Ce, fe, ge)) : (re = new Date(D, H, _, ee, Ce, fe, ge), Q && (re = J(re).week(Q).toDate()), re);
             } catch {
               return /* @__PURE__ */ new Date("");
             }
-          }(z, V, G, I), this.init(), K && K !== !0 && (this.$L = this.locale(K).$L), P && z != this.format(V) && (this.$d = /* @__PURE__ */ new Date("")), y = {};
+          }(z, V, G, x), this.init(), K && K !== !0 && (this.$L = this.locale(K).$L), P && z != this.format(V) && (this.$d = /* @__PURE__ */ new Date("")), y = {};
         } else if (V instanceof Array) for (var W = V.length, g = 1; g <= W; g += 1) {
           U[1] = V[g - 1];
-          var p = I.apply(this, U);
-          if (p.isValid()) {
-            this.$d = p.$d, this.$L = p.$L, this.init();
+          var h = x.apply(this, U);
+          if (h.isValid()) {
+            this.$d = h.$d, this.$L = h.$L, this.init();
             break;
           }
           g === W && (this.$d = /* @__PURE__ */ new Date(""));
@@ -1700,17 +1700,17 @@ const st = ({
   defaultAmPm: r = "AM",
   withConfirm: n = !0,
   mode: a = "single",
-  closeOnScroll: c = !1,
+  closeOnScroll: d = !1,
   onChange: s,
   onFocus: l,
   onBlur: y,
   ...A
 }) => {
-  const C = ne(null), x = ne(null), [k, $] = E(!1), [M, h] = E(o), u = Array.from({ length: 12 }, (p, m) => m < 10 ? `0${m}` : `${m}`), _ = Array.from({ length: 24 }, (p, m) => m < 10 ? `0${m}` : `${m}`), I = Array.from({ length: 60 }, (p, m) => m < 10 ? `0${m}` : `${m}`), [L, Y] = E(""), [R, z] = E(null), [G, U] = E(null), [V, te] = E(r), F = () => {
-    if (!C.current || !x.current) return;
-    const p = C.current, m = x.current;
-    if (!m || !p) return;
-    const w = p.getBoundingClientRect(), T = window.innerHeight, J = window.innerWidth;
+  const C = ne(null), I = ne(null), [k, $] = E(!1), [M, p] = E(o), c = Array.from({ length: 12 }, (h, m) => m < 10 ? `0${m}` : `${m}`), f = Array.from({ length: 24 }, (h, m) => m < 10 ? `0${m}` : `${m}`), x = Array.from({ length: 60 }, (h, m) => m < 10 ? `0${m}` : `${m}`), [L, Y] = E(""), [R, z] = E(null), [G, U] = E(null), [V, te] = E(r), F = () => {
+    if (!C.current || !I.current) return;
+    const h = C.current, m = I.current;
+    if (!m || !h) return;
+    const w = h.getBoundingClientRect(), T = window.innerHeight, J = window.innerWidth;
     m.style.position = "fixed", w.bottom + m.offsetHeight > T ? (m.style.top = `${w.top - m.offsetHeight + 20}px`, m.style.bottom = "unset") : (m.style.top = `${w.bottom + 8}px`, m.style.bottom = "unset"), w.right + w.width > J - 120 ? m.style.left = `${w.left + w.width - m.offsetWidth}px` : m.style.left = `${w.left}px`;
   }, P = () => {
     requestAnimationFrame(() => {
@@ -1725,7 +1725,7 @@ const st = ({
     t && t.length > 0 && Y(t);
   }, [t]), X(() => {
     if (!G && !R) return;
-    const p = parseInt(G ?? "0", 10), m = parseInt(R ?? "0", 10), w = M === "12" ? V === "PM" && p < 12 ? p + 12 : V === "AM" && p === 12 ? 0 : p : p, T = N().hour(w).minute(m).format(M === "12" ? "hh:mm A" : "HH:mm");
+    const h = parseInt(G ?? "0", 10), m = parseInt(R ?? "0", 10), w = M === "12" ? V === "PM" && h < 12 ? h + 12 : V === "AM" && h === 12 ? 0 : h : h, T = N().hour(w).minute(m).format(M === "12" ? "hh:mm A" : "HH:mm");
     Y(T), n || s?.(T);
   }, [G, R, V, M]);
   const g = ne(!0);
@@ -1738,22 +1738,22 @@ const st = ({
   }, [k]), X(() => {
     P();
   }, [C, k]), X(() => {
-    const p = (T) => {
-      !C.current || !x.current || T.composedPath().includes(C.current) || T.composedPath().includes(x.current) || $(!1);
+    const h = (T) => {
+      !C.current || !I.current || T.composedPath().includes(C.current) || T.composedPath().includes(I.current) || $(!1);
     }, m = (T) => {
-      !C.current || x.current || $(!1);
+      !C.current || I.current || $(!1);
     }, w = () => {
       k && P();
     };
-    return document.addEventListener("click", p), document.addEventListener("wheel", m), window.addEventListener("scroll", w), () => {
-      document.removeEventListener("click", p), document.removeEventListener("wheel", m), window.removeEventListener("scroll", w);
+    return document.addEventListener("click", h), document.addEventListener("wheel", m), window.addEventListener("scroll", w), () => {
+      document.removeEventListener("click", h), document.removeEventListener("wheel", m), window.removeEventListener("scroll", w);
     };
   }, [k]), /* @__PURE__ */ i("div", { className: `${me.timepickerWrapper} ${k ? me.focused : ""}`, children: [
-    /* @__PURE__ */ e("div", { ref: C, className: me.timepickerInputWrapper, onClick: () => ($((p) => !p), P()), onFocus: K, children: /* @__PURE__ */ e(
+    /* @__PURE__ */ e("div", { ref: C, className: me.timepickerInputWrapper, onClick: () => ($((h) => !h), P()), onFocus: K, children: /* @__PURE__ */ e(
       Ae,
       {
         ...A,
-        onFocusChange: (p) => $(p),
+        onFocusChange: (h) => $(h),
         customFocus: k,
         withActive: !1,
         value: L,
@@ -1763,8 +1763,8 @@ const st = ({
           L && /* @__PURE__ */ e(
             "div",
             {
-              onClick: (p) => {
-                p.stopPropagation(), W();
+              onClick: (h) => {
+                h.stopPropagation(), W();
               },
               className: me.dropdownRightIconClose,
               children: /* @__PURE__ */ e(qe, {})
@@ -1776,14 +1776,14 @@ const st = ({
         forDropdown: !0
       }
     ) }),
-    k && /* @__PURE__ */ i("div", { ref: x, className: me.timepickerDropdownWrapper, children: [
+    k && /* @__PURE__ */ i("div", { ref: I, className: me.timepickerDropdownWrapper, children: [
       /* @__PURE__ */ e("div", { className: me.timepickerDropdownHeader, children: /* @__PURE__ */ i("div", { className: me.timepickerDropdownHeaderButtons, children: [
         /* @__PURE__ */ e(
           "p",
           {
             className: M === "12" ? me.active : "",
             onClick: () => {
-              W(), h("12");
+              W(), p("12");
             },
             children: "AM -PM"
           }
@@ -1793,15 +1793,15 @@ const st = ({
           {
             className: M === "24" ? me.active : "",
             onClick: () => {
-              W(), h("24");
+              W(), p("24");
             },
             children: "24 Hours"
           }
         )
       ] }) }),
       /* @__PURE__ */ i("div", { className: me.timepickerDropdownBody, children: [
-        /* @__PURE__ */ e("div", { className: me.timepickerDropdownBodyHours, children: (M === "12" ? u : _).map((p) => /* @__PURE__ */ e("p", { className: G === p || L?.split(":")[0] === p ? me.active : "", onClick: () => U(p), children: p }, p)) }),
-        /* @__PURE__ */ e("div", { className: me.timepickerDropdownBodyMinutes, children: I.map((p) => /* @__PURE__ */ e("p", { className: R === p || L?.split(":")[1] === p ? me.active : "", onClick: () => z(p), children: p }, p)) }),
+        /* @__PURE__ */ e("div", { className: me.timepickerDropdownBodyHours, children: (M === "12" ? c : f).map((h) => /* @__PURE__ */ e("p", { className: G === h || L?.split(":")[0] === h ? me.active : "", onClick: () => U(h), children: h }, h)) }),
+        /* @__PURE__ */ e("div", { className: me.timepickerDropdownBodyMinutes, children: x.map((h) => /* @__PURE__ */ e("p", { className: R === h || L?.split(":")[1] === h ? me.active : "", onClick: () => z(h), children: h }, h)) }),
         M === "12" && /* @__PURE__ */ i("div", { className: me.timepickerDropdownBodyAmPm, children: [
           /* @__PURE__ */ e("p", { className: V === "AM" ? me.active : "", onClick: () => te("AM"), children: "AM" }, "AM"),
           /* @__PURE__ */ e("p", { className: V === "PM" ? me.active : "", onClick: () => te("PM"), children: "PM" }, "PM")
@@ -1854,20 +1854,20 @@ const gl = ({
   onChange: r,
   CurrentMonth: n,
   setCurrentMonth: a,
-  SelectedDate: c,
+  SelectedDate: d,
   namespace: s,
   customYears: l,
   setSelectedDate: y,
   IsFocused: A,
   setIsFocused: C,
-  mode: x,
+  mode: I,
   RangeSelection: k,
   setRangeSelection: $,
   pickerType: M,
-  disabledDatesRange: h,
-  disabledDatesTill: u,
-  disabledDatesFrom: _,
-  CalendarRef: I,
+  disabledDatesRange: p,
+  disabledDatesTill: c,
+  disabledDatesFrom: f,
+  CalendarRef: x,
   defaultValue: L,
   selectedStyle: Y,
   endDateStyle: R,
@@ -1881,14 +1881,14 @@ const gl = ({
 }) => {
   const K = ["Mo", "Tu", "We", "Th", "Fr", "Sa", "Su"], W = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
   N().year();
-  const [g, p] = E(""), m = ne([]), [w, T] = E(!1), J = (v) => {
+  const [g, h] = E(""), m = ne([]), [w, T] = E(!1), J = (v) => {
     if (l?.length && !l.includes(v.year().toString()))
       return [];
-    const f = (v.startOf("month").day() + 6) % 7, D = v.endOf("month").date(), H = v.subtract(1, "month").endOf("month").date(), re = [];
+    const _ = (v.startOf("month").day() + 6) % 7, D = v.endOf("month").date(), H = v.subtract(1, "month").endOf("month").date(), re = [];
     let ee = [], Ce = 1;
-    for (let ge = 0; ge < f; ge++)
+    for (let ge = 0; ge < _; ge++)
       ee.push({
-        date: v.subtract(1, "month").date(H - f + ge + 1),
+        date: v.subtract(1, "month").date(H - _ + ge + 1),
         currentMonth: !1
       });
     for (; Ce <= D; )
@@ -1910,8 +1910,8 @@ const gl = ({
     return re;
   }, q = J(n), oe = M === "dual" ? J(n.add(1, "month")) : null, se = () => {
     let v = [];
-    return o && Array.isArray(o) && o.length > 0 && o.forEach((f) => {
-      switch (f) {
+    return o && Array.isArray(o) && o.length > 0 && o.forEach((_) => {
+      switch (_) {
         case "today":
           m.current.push({ name: "Today", key: "Today" });
           break;
@@ -1942,61 +1942,61 @@ const gl = ({
       }
     }), m.current = vt(m.current, "key"), v = m.current, v;
   }, he = (v) => {
-    let f = { start: "", end: "" };
+    let _ = { start: "", end: "" };
     switch (y(null), v.key?.toLowerCase()) {
       case "today":
         $({
           start: N(),
           end: N()
-        }), f.start = N();
+        }), _.start = N();
         break;
       case "yesterday":
         y(N().subtract(1, "day")), $({
           start: N().subtract(1, "day"),
           end: N().subtract(1, "day")
-        }), f.start = N().subtract(1, "day");
+        }), _.start = N().subtract(1, "day");
         break;
       case "thisweek":
         $({
           start: N().startOf("week"),
           end: N().endOf("week")
-        }), f.start = N().startOf("week"), f.end = N().endOf("week");
+        }), _.start = N().startOf("week"), _.end = N().endOf("week");
         break;
       case "lastweek":
         $({
           start: N().subtract(1, "week").startOf("week"),
           end: N().subtract(1, "week").endOf("week")
-        }), f.start = N().subtract(1, "week").startOf("week"), f.end = N().subtract(1, "week").endOf("week");
+        }), _.start = N().subtract(1, "week").startOf("week"), _.end = N().subtract(1, "week").endOf("week");
         break;
       case "thismonth":
         $({
           start: N().startOf("month"),
           end: N().endOf("month")
-        }), f.start = N().startOf("month"), f.end = N().endOf("month");
+        }), _.start = N().startOf("month"), _.end = N().endOf("month");
         break;
       case "lastmonth":
         $({
           start: N().subtract(1, "month").startOf("month"),
           end: N().subtract(1, "month").endOf("month")
-        }), f.start = N().subtract(1, "month").startOf("month"), f.end = N().subtract(1, "month").endOf("month");
+        }), _.start = N().subtract(1, "month").startOf("month"), _.end = N().subtract(1, "month").endOf("month");
         break;
       case "thisyear":
         $({
           start: N().startOf("year"),
           end: N().endOf("year")
-        }), f.start = N().startOf("year"), f.end = N().endOf("year");
+        }), _.start = N().startOf("year"), _.end = N().endOf("year");
         break;
       case "lastyear":
         $({
           start: N().subtract(1, "year").startOf("year"),
           end: N().subtract(1, "year").endOf("year")
-        }), f.start = N().subtract(1, "year").startOf("year"), f.end = N().subtract(1, "year").endOf("year");
+        }), _.start = N().subtract(1, "year").startOf("year"), _.end = N().subtract(1, "year").endOf("year");
         break;
       case "alltime":
         $({
           start: "",
           end: ""
-        }), f.start = "", f.end = "";
+        }), _.start = "", _.end = "";
         break;
       default:
         console.warn("Unsupported quick pick option:", v);
@@ -2004,14 +2004,14 @@ const gl = ({
     }
     if (r && typeof r == "function") {
       const D = {
-        start: f.start ? f.start : "",
-        end: f.end ? f.end : ""
+        start: _.start ? _.start : "",
+        end: _.end ? _.end : ""
       };
       C(!1), r(D.end === "" ? D.start : D);
     }
   }, ue = () => {
-  }, de = (v, f, D = !1) => {
-    f || a(v.startOf("month")), x === "range" ? $((H) => !H.start || H.start && H.end ? (r && typeof r == "function" && r({
+  }, de = (v, _, D = !1) => {
+    _ || a(v.startOf("month")), I === "range" ? $((H) => !H.start || H.start && H.end ? (r && typeof r == "function" && r({
       start: v ?? "",
       end: ""
     }), { start: v ?? "", end: "" }) : H.start && !H.end ? v.isBefore(H.start, "day") ? (r && typeof r == "function" && r({
@@ -2035,7 +2035,7 @@ const gl = ({
   }, []), /* @__PURE__ */ e(
     "div",
     {
-      ref: I,
+      ref: x,
       className: `${s === "namespaceHr" ? j.namespaceHr : ""} ${j.datePicker} ${A ? j.focused : ""} ${M === "dual" ? o && Array.isArray(o) && o.length > 0 ? j.dualCalendarWithQuick : j.dualCalendar : ""} `,
       onClick: (v) => v.stopPropagation(),
       style: M === "dual" && o && Array.isArray(o) && o.length > 0 ? { width: "848px" } : {},
@@ -2082,16 +2082,16 @@ const gl = ({
           M === "single" && o && Array.isArray(o) && o.length > 0 && /* @__PURE__ */ e("ul", { className: j.quickPick, children: se().slice(0, 3).map((v) => /* @__PURE__ */ e("li", { style: F ?? {}, onClick: () => he(v), children: v.name }, v.key)) })
         ] }),
         /* @__PURE__ */ i("div", { className: j.calendarWrapper, children: [
-          w ? /* @__PURE__ */ e("ul", { className: j.monthsWrapper, children: W.map((v) => /* @__PURE__ */ e("li", { className: `${j.month} ${g === v ? j.pickedMonth : ""}`, onClick: () => p(v), children: /* @__PURE__ */ e("div", { className: j.monthName, children: v }) })) }) : /* @__PURE__ */ i("table", { children: [
+          w ? /* @__PURE__ */ e("ul", { className: j.monthsWrapper, children: W.map((v) => /* @__PURE__ */ e("li", { className: `${j.month} ${g === v ? j.pickedMonth : ""}`, onClick: () => h(v), children: /* @__PURE__ */ e("div", { className: j.monthName, children: v }) })) }) : /* @__PURE__ */ i("table", { children: [
             /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ e("tr", { children: K.map((v) => /* @__PURE__ */ e("th", { style: te ?? {}, children: v }, v)) }) }),
             /* @__PURE__ */ i("tbody", { children: [
               /* @__PURE__ */ e("tr", { className: j.spacerRow, children: /* @__PURE__ */ e("td", {}) }),
-              q.map((v, f) => /* @__PURE__ */ e("tr", { children: v.map(({ date: D, currentMonth: H }, re) => {
-                const ee = k.start && k.end && D.isAfter(k.start, "day") && D.isBefore(k.end, "day"), Ce = k.start && D.isSame(k.start, "day"), fe = k.end && D.isSame(k.end, "day"), ge = x === "single" && c && D.isSame(c, "day"), we = u && D.isBefore(N(u), "day"), $e = _ && D.isAfter(N(_), "day");
+              q.map((v, _) => /* @__PURE__ */ e("tr", { children: v.map(({ date: D, currentMonth: H }, re) => {
+                const ee = k.start && k.end && D.isAfter(k.start, "day") && D.isBefore(k.end, "day"), Ce = k.start && D.isSame(k.start, "day"), fe = k.end && D.isSame(k.end, "day"), ge = I === "single" && d && D.isSame(d, "day"), we = c && D.isBefore(N(c), "day"), $e = f && D.isAfter(N(f), "day");
                 let xe = !1;
-                if (h?.length === 2) {
-                  const [d, Z] = h.map((le) => N(le));
-                  xe = D.isAfter(d.subtract(1, "day")) && D.isBefore(Z.add(1, "day"));
+                if (p?.length === 2) {
+                  const [u, Z] = p.map((le) => N(le));
+                  xe = D.isAfter(u.subtract(1, "day")) && D.isBefore(Z.add(1, "day"));
                 }
                 const Me = $e || we || xe;
                 return /* @__PURE__ */ e(
@@ -2118,19 +2118,19 @@ const gl = ({
                   },
                   re
                 );
-              }) }, f))
+              }) }, _))
             ] })
           ] }),
           /* @__PURE__ */ e("div", { className: j.buttonWrapper, children: /* @__PURE__ */ e(Ne, { label: "Current date", onClick: () => de(N(), !0) }) }),
           M === "dual" && /* @__PURE__ */ e("div", { className: j.border }),
           M === "dual" && /* @__PURE__ */ i("table", { children: [
             /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ e("tr", { children: K.map((v) => /* @__PURE__ */ e("th", { style: te ?? {}, children: v }, v)) }) }),
-            /* @__PURE__ */ e("tbody", { children: oe?.map((v, f) => /* @__PURE__ */ e("tr", { children: v.map(({ date: D, currentMonth: H }, re) => {
-              const ee = k.start && k.end && D.isAfter(k.start, "day") && D.isBefore(k.end, "day"), Ce = k.start && D.isSame(k.start, "day"), fe = k.end && D.isSame(k.end, "day"), ge = x === "single" && c && D.isSame(c, "day"), we = u && D.isBefore(N(u), "day"), $e = _ && D.isAfter(N(_), "day");
+            /* @__PURE__ */ e("tbody", { children: oe?.map((v, _) => /* @__PURE__ */ e("tr", { children: v.map(({ date: D, currentMonth: H }, re) => {
+              const ee = k.start && k.end && D.isAfter(k.start, "day") && D.isBefore(k.end, "day"), Ce = k.start && D.isSame(k.start, "day"), fe = k.end && D.isSame(k.end, "day"), ge = I === "single" && d && D.isSame(d, "day"), we = c && D.isBefore(N(c), "day"), $e = f && D.isAfter(N(f), "day");
               let xe = !1;
-              if (h?.length === 2) {
-                const [d, Z] = h.map((le) => N(le));
-                xe = D.isAfter(d.subtract(1, "day")) && D.isBefore(Z.add(1, "day"));
+              if (p?.length === 2) {
+                const [u, Z] = p.map((le) => N(le));
+                xe = D.isAfter(u.subtract(1, "day")) && D.isBefore(Z.add(1, "day"));
               }
               const Me = $e || we || xe;
               return /* @__PURE__ */ e(
@@ -2157,7 +2157,7 @@ const gl = ({
                 },
                 re
               );
-            }) }, f)) })
+            }) }, _)) })
           ] })
         ] })
       ] })
@@ -2171,20 +2171,20 @@ const at = ({
   onChange: r,
   onBlur: n,
   onFocus: a,
-  customYears: c,
+  customYears: d,
   fixedDropdown: s = !0,
   disabledDatesFrom: l,
   disabledDatesTill: y,
   disabledDatesRange: A,
   datepickerStyle: C,
-  datepickerLabelStyle: x,
+  datepickerLabelStyle: I,
   closeOnScroll: k = !0,
   requiredStyle: $,
   datepickerHelperTextStyle: M,
-  selectedStyle: h,
-  endDateStyle: u,
-  startDateStyle: _,
-  inRangeStyle: I,
+  selectedStyle: p,
+  endDateStyle: c,
+  startDateStyle: f,
+  inRangeStyle: x,
   otherMonthStyle: L,
   todayStyle: Y,
   weekDayStyle: R,
@@ -2196,65 +2196,65 @@ const at = ({
   disabled: F = !1,
   ...P
 }) => {
-  const K = tt(), [W, g] = E(!1), [p, m] = E(""), w = ne({ state: !1, value: "" }), T = ne(null), [J, q] = E(() => {
-    const f = N().year().toString();
-    return c?.length ? c.includes(f) ? N() : N(`${Math.min(...c.map(Number))}-01-01`) : N();
+  const K = tt(), [W, g] = E(!1), [h, m] = E(""), w = ne({ state: !1, value: "" }), T = ne(null), [J, q] = E(() => {
+    const _ = N().year().toString();
+    return d?.length ? d.includes(_) ? N() : N(`${Math.min(...d.map(Number))}-01-01`) : N();
   });
   X(() => {
-    const f = N().year().toString();
-    c?.length && q(c.includes(f) ? N() : N(`${Math.min(...c.map(Number))}-01-01`));
-  }, [c]);
+    const _ = N().year().toString();
+    d?.length && q(d.includes(_) ? N() : N(`${Math.min(...d.map(Number))}-01-01`));
+  }, [d]);
   const [oe, se] = E(""), [he, ue] = E({
     start: null,
     end: null
-  }), de = ne(null), ve = (f, D, H) => {
+  }), de = ne(null), ve = (_, D, H) => {
     let re = "", ee = { start: "", end: "" };
-    (V === "single" || typeof f == "string") && (re = f, m(re)), (V !== "single" || typeof f != "string") && (f?.start || f?.end ? re = `${f?.start ? N(f?.start).format(o) : ""} / ${f?.end ? N(f?.end).format(o) : ""}` : re = "", ee.start = f?.start ? N(f?.start).format(o) : "", ee.end = f?.end ? N(f?.end).format(o) : "", m(re)), f?.end && g(!1), r && typeof r == "function" && !H && (r(ee.start !== "" ? ee : re), w.current.value = ee.start !== "" ? ee : re);
-  }, ie = (f) => {
-    f.stopPropagation(), se(""), w.current.value = "", m(""), ue({
+    (V === "single" || typeof _ == "string") && (re = _, m(re)), (V !== "single" || typeof _ != "string") && (_?.start || _?.end ? re = `${_?.start ? N(_?.start).format(o) : ""} / ${_?.end ? N(_?.end).format(o) : ""}` : re = "", ee.start = _?.start ? N(_?.start).format(o) : "", ee.end = _?.end ? N(_?.end).format(o) : "", m(re)), _?.end && g(!1), r && typeof r == "function" && !H && (r(ee.start !== "" ? ee : re), w.current.value = ee.start !== "" ? ee : re);
+  }, ie = (_) => {
+    _.stopPropagation(), se(""), w.current.value = "", m(""), ue({
       start: null,
       end: null
     }), r && typeof r == "function" && r("");
-  }, pe = (f) => {
-    de.current && (f.composedPath().includes(de.current) || g(!1));
-  }, Q = (f) => {
-    k && (!de.current || !T.current || f.composedPath().includes(de.current) || f.composedPath().includes(T.current) || g(!1));
+  }, pe = (_) => {
+    de.current && (_.composedPath().includes(de.current) || g(!1));
+  }, Q = (_) => {
+    k && (!de.current || !T.current || _.composedPath().includes(de.current) || _.composedPath().includes(T.current) || g(!1));
   }, v = () => {
     if (!de.current || !T.current) return;
-    const f = de.current, D = T.current;
-    if (!D || !f) return;
-    const H = f.getBoundingClientRect(), re = window.innerHeight, ee = window.innerWidth;
+    const _ = de.current, D = T.current;
+    if (!D || !_) return;
+    const H = _.getBoundingClientRect(), re = window.innerHeight, ee = window.innerWidth;
     D.style.position = "fixed", H.bottom + D.offsetHeight > re ? (D.style.top = `${H.top - D.offsetHeight + 20}px`, D.style.bottom = "unset") : (D.style.top = `${H.bottom + 8}px`, D.style.bottom = "unset"), H.right + H.width > ee - 120 ? D.style.left = `${H.left + H.width - D.offsetWidth}px` : D.style.left = `${H.left}px`;
   };
   return X(() => {
     if (t && t.length > 0 && w.current.value === "") {
-      let f = Array.isArray(t) ? {
+      let _ = Array.isArray(t) ? {
         start: t[0] ? N(t[0], o) : "",
         end: t[1] ? N(t[1], o) : null
       } : N(t, o).format(o);
-      w.current.value = t, w.current.state = !0, f && ve(f, !1, !0);
+      w.current.value = t, w.current.state = !0, _ && ve(_, !1, !0);
     }
   }, []), X(() => {
     W && v();
   }, [T, W]), X(() => {
-    const f = () => {
+    const _ = () => {
       W && v();
     };
-    return document.addEventListener("click", pe), document.addEventListener("wheel", Q), window.addEventListener("scroll", f), () => {
-      document.removeEventListener("click", pe), document.removeEventListener("wheel", Q), window.removeEventListener("scroll", f);
+    return document.addEventListener("click", pe), document.addEventListener("wheel", Q), window.addEventListener("scroll", _), () => {
+      document.removeEventListener("click", pe), document.removeEventListener("wheel", Q), window.removeEventListener("scroll", _);
     };
   }, [W]), /* @__PURE__ */ i("div", { className: `${K === "namespaceHr" ? ze.namespaceHr : ""} ${ze.datepickerContainer}`, children: [
-    /* @__PURE__ */ e("div", { ref: de, className: ze.datepickerInputWrapper, onClick: () => (g((f) => !f), v()), children: /* @__PURE__ */ e(
+    /* @__PURE__ */ e("div", { ref: de, className: ze.datepickerInputWrapper, onClick: () => (g((_) => !_), v()), children: /* @__PURE__ */ e(
       Ae,
       {
         ...P,
         customFocus: W,
         withActive: !1,
-        value: p,
+        value: h,
         toggleFocus: !0,
         formInputStyle: { cursor: "pointer" },
         leftSlot: /* @__PURE__ */ e("div", { className: ze.datepickerLeftIcon, children: /* @__PURE__ */ e(Ot, {}) }),
-        rightSlot: /* @__PURE__ */ e("div", { className: `${ze.datepickerRightIcon}`, onClick: ie, children: p && /* @__PURE__ */ e(qe, {}) }),
+        rightSlot: /* @__PURE__ */ e("div", { className: `${ze.datepickerRightIcon}`, onClick: ie, children: h && /* @__PURE__ */ e(qe, {}) }),
         readOnly: !0
       }
     ) }),
@@ -2268,8 +2268,8 @@ const at = ({
         disabledDatesTill: y,
         disabledDatesRange: A,
         valueFormat: o,
-        onChange: (f) => ve(f, !1, !1),
-        customYears: c,
+        onChange: (_) => ve(_, !1, !1),
+        customYears: d,
         CurrentMonth: J,
         setCurrentMonth: q,
         SelectedDate: oe,
@@ -2281,10 +2281,10 @@ const at = ({
         RangeSelection: he,
         setRangeSelection: ue,
         pickerType: te,
-        selectedStyle: h,
-        endDateStyle: u,
-        startDateStyle: _,
-        inRangeStyle: I,
+        selectedStyle: p,
+        endDateStyle: c,
+        startDateStyle: f,
+        inRangeStyle: x,
         otherMonthStyle: L,
         todayStyle: Y,
         weekDayStyle: R,
@@ -2346,49 +2346,49 @@ const Ll = "mc__ActionDropdown-module__actionDropdownContainer", Tl = "mc__Actio
   actionDropdownItem: Ml,
   selected: Dl
 }, dt = ({ title: t, data: o, closeOnScroll: r = !1, onSelect: n }) => {
-  const [a, c] = E(!1), s = ne(null), l = ne(null), [y, A] = E(null), C = (h) => {
-    A(h), n?.(h), c(!1);
-  }, x = () => {
+  const [a, d] = E(!1), s = ne(null), l = ne(null), [y, A] = E(null), C = (p) => {
+    A(p), n?.(p), d(!1);
+  }, I = () => {
     if (!s.current || !l.current) return;
-    const h = s.current, u = l.current;
-    if (!u || !h) return;
-    const _ = h.getBoundingClientRect(), I = window.innerHeight;
-    u.style.width = _.width + "px", u.style.position = "fixed", _.bottom + u.offsetHeight > I ? (u.style.top = `${_.top - u.offsetHeight - 8}px`, u.style.bottom = "unset") : (u.style.top = `${_.bottom + 8}px`, u.style.bottom = "unset");
+    const p = s.current, c = l.current;
+    if (!c || !p) return;
+    const f = p.getBoundingClientRect(), x = window.innerHeight;
+    c.style.width = f.width + "px", c.style.position = "fixed", f.bottom + c.offsetHeight > x ? (c.style.top = `${f.top - c.offsetHeight - 8}px`, c.style.bottom = "unset") : (c.style.top = `${f.bottom + 8}px`, c.style.bottom = "unset");
   }, k = () => {
     requestAnimationFrame(() => {
-      x();
+      I();
     });
   };
   X(() => {
     k();
   }, [s, a]);
-  const $ = (h) => {
-    s.current && (h.composedPath().includes(s.current) || c(!1));
-  }, M = (h) => {
-    r && (!s.current || !l.current || h.composedPath().includes(s.current) || h.composedPath().includes(l.current) || c(!1));
+  const $ = (p) => {
+    s.current && (p.composedPath().includes(s.current) || d(!1));
+  }, M = (p) => {
+    r && (!s.current || !l.current || p.composedPath().includes(s.current) || p.composedPath().includes(l.current) || d(!1));
   };
   return X(() => {
-    const h = () => {
+    const p = () => {
       a && k();
     };
-    return document.addEventListener("click", $), document.addEventListener("wheel", M), window.addEventListener("scroll", h), () => {
-      document.removeEventListener("click", $), document.removeEventListener("wheel", M), window.removeEventListener("scroll", h);
+    return document.addEventListener("click", $), document.addEventListener("wheel", M), window.addEventListener("scroll", p), () => {
+      document.removeEventListener("click", $), document.removeEventListener("wheel", M), window.removeEventListener("scroll", p);
     };
   }, [a]), /* @__PURE__ */ i("div", { className: `${De.actionDropdownContainer} ${a ? De.collapsed : ""}`, children: [
-    /* @__PURE__ */ i("div", { ref: s, className: De.actionDropdownContent, onClick: () => (c((h) => !h), k()), children: [
+    /* @__PURE__ */ i("div", { ref: s, className: De.actionDropdownContent, onClick: () => (d((p) => !p), k()), children: [
       /* @__PURE__ */ e("p", { title: t, className: De.actionDropdownTitle, children: y?.label || t }),
       /* @__PURE__ */ e("div", { className: De.actionDropdownIcon, children: /* @__PURE__ */ e(Ue, { width: "10", height: "6", color: "#131314" }) })
     ] }),
-    a && /* @__PURE__ */ e("ul", { ref: l, onClick: (h) => h.stopPropagation(), className: De.actionDropdownList, children: o.map((h) => /* @__PURE__ */ e(
+    a && /* @__PURE__ */ e("ul", { ref: l, onClick: (p) => p.stopPropagation(), className: De.actionDropdownList, children: o.map((p) => /* @__PURE__ */ e(
       "li",
       {
-        onClick: (u) => {
-          u.stopPropagation(), C(h);
+        onClick: (c) => {
+          c.stopPropagation(), C(p);
         },
-        className: `${De.actionDropdownItem} ${y?.id === h.id ? De.selected : ""}`,
-        children: h.label
+        className: `${De.actionDropdownItem} ${y?.id === p.id ? De.selected : ""}`,
+        children: p.label
       },
-      h.id
+      p.id
     )) }, o.length)
   ] });
 };
@@ -2472,20 +2472,20 @@ const Wl = "mc__Slider-module__sliderContainer", Bl = "mc__Slider-module__slider
   maxValue: r,
   min: n = 0,
   max: a = 100,
-  range: c = !0,
+  range: d = !0,
   debounceTime: s,
   onChange: l,
   sliderContainerStyle: y,
   sliderStyle: A,
   sliderProgressStyle: C,
-  thumbStyle: x,
+  thumbStyle: I,
   unit: k
 }) => {
-  const $ = ne(!0), M = c || o !== void 0 && r !== void 0, [h, u] = E({
+  const $ = ne(!0), M = d || o !== void 0 && r !== void 0, [p, c] = E({
     minValue: o ?? n,
     maxValue: r ?? a,
     singleValue: t ?? n
-  }), [_, I] = E({
+  }), [f, x] = E({
     min: !1,
     max: !1,
     single: !1
@@ -2496,55 +2496,55 @@ const Wl = "mc__Slider-module__sliderContainer", Bl = "mc__Slider-module__slider
   }), R = Ul(), z = ne(null), G = ne(null), U = ne(null), V = ne(null), te = (g) => {
     const m = z.current?.getBoundingClientRect(), w = Math.min(Math.max(0, (g - m.left) / m.width), 1);
     return Math.round(w * (a - n) + n);
-  }, F = (g) => (p) => {
-    p.preventDefault(), Y((T) => ({ ...T, [g]: !0 })), I((T) => ({ ...T, [g]: !0 }));
+  }, F = (g) => (h) => {
+    h.preventDefault(), Y((T) => ({ ...T, [g]: !0 })), x((T) => ({ ...T, [g]: !0 }));
     const m = (T) => {
       const J = te(T.clientX);
-      u((q) => g === "single" ? { ...q, singleValue: J } : g === "min" ? { ...q, minValue: Math.min(J, q.maxValue - 1) } : { ...q, maxValue: Math.max(J, q.minValue + 1) });
+      c((q) => g === "single" ? { ...q, singleValue: J } : g === "min" ? { ...q, minValue: Math.min(J, q.maxValue - 1) } : { ...q, maxValue: Math.max(J, q.minValue + 1) });
     }, w = () => {
-      Y((T) => ({ ...T, [g]: !1 })), I((T) => ({ ...T, [g]: !1 })), document.removeEventListener("mousemove", m), document.removeEventListener("mouseup", w);
+      Y((T) => ({ ...T, [g]: !1 })), x((T) => ({ ...T, [g]: !1 })), document.removeEventListener("mousemove", m), document.removeEventListener("mouseup", w);
     };
     document.addEventListener("mousemove", m), document.addEventListener("mouseup", w);
   }, P = (g) => {
-    const p = te(g.clientX);
+    const h = te(g.clientX);
     if (M) {
-      const m = Math.abs(p - h.minValue), w = Math.abs(p - h.maxValue), T = m < w ? "min" : "max";
-      u((J) => T === "min" ? { ...J, minValue: Math.min(p, J.maxValue - 1) } : { ...J, maxValue: Math.max(p, J.minValue + 1) }), F(T)(g);
+      const m = Math.abs(h - p.minValue), w = Math.abs(h - p.maxValue), T = m < w ? "min" : "max";
+      c((J) => T === "min" ? { ...J, minValue: Math.min(h, J.maxValue - 1) } : { ...J, maxValue: Math.max(h, J.minValue + 1) }), F(T)(g);
     } else
-      u((m) => ({ ...m, singleValue: p })), F("single")(g);
+      c((m) => ({ ...m, singleValue: h })), F("single")(g);
   }, K = M ? {
-    left: `${(h.minValue - n) / (a - n) * 100}%`,
-    width: `${(h.maxValue - h.minValue) / (a - n) * 100}%`
+    left: `${(p.minValue - n) / (a - n) * 100}%`,
+    width: `${(p.maxValue - p.minValue) / (a - n) * 100}%`
   } : {
     left: "0%",
-    width: `${(h.singleValue - n) / (a - n) * 100}%`
+    width: `${(p.singleValue - n) / (a - n) * 100}%`
   }, W = (g) => {
-    const p = g.current;
-    if (!p) return;
-    const m = p.getBoundingClientRect(), w = window.innerWidth, T = m.width;
-    p.style.transform = "translateX(-50%)";
+    const h = g.current;
+    if (!h) return;
+    const m = h.getBoundingClientRect(), w = window.innerWidth, T = m.width;
+    h.style.transform = "translateX(-50%)";
     let J = "50%";
     if (m.right > w - 10) {
       const q = m.right - w + 10;
-      p.style.transform = `translateX(calc(-50% - ${q}px))`;
+      h.style.transform = `translateX(calc(-50% - ${q}px))`;
       const oe = T - 10;
       J = `${Math.min(T / 2 + q, oe)}px`;
     }
     if (m.left < 10) {
       const q = 10 - m.left;
-      p.style.transform = `translateX(calc(-50% + ${q}px))`, J = `${Math.max(T / 2 - q, 10)}px`;
+      h.style.transform = `translateX(calc(-50% + ${q}px))`, J = `${Math.max(T / 2 - q, 10)}px`;
     }
-    p.style.setProperty("--arrow-position", J);
+    h.style.setProperty("--arrow-position", J);
   };
   return X(() => {
-    (_.min || L.min) && W(G), (_.max || L.max) && W(U), (_.single || L.single) && W(V);
-  }, [h, _, L]), X(() => {
+    (f.min || L.min) && W(G), (f.max || L.max) && W(U), (f.single || L.single) && W(V);
+  }, [p, f, L]), X(() => {
     if ($.current) {
       $.current = !1;
       return;
     }
-    l && typeof l == "function" && R(M ? () => l([h.minValue, h.maxValue]) : () => l(h.singleValue), s ?? 100);
-  }, [h]), /* @__PURE__ */ e("div", { style: y ?? {}, className: `${be.sliderContainer}`, children: /* @__PURE__ */ i("div", { ref: z, style: A ?? {}, className: be.slider, onMouseDown: P, children: [
+    l && typeof l == "function" && R(M ? () => l([p.minValue, p.maxValue]) : () => l(p.singleValue), s ?? 100);
+  }, [p]), /* @__PURE__ */ e("div", { style: y ?? {}, className: `${be.sliderContainer}`, children: /* @__PURE__ */ i("div", { ref: z, style: A ?? {}, className: be.slider, onMouseDown: P, children: [
     /* @__PURE__ */ e("div", { className: be.sliderProgress, style: { ...K, ...C ?? {} } }),
     M ? /* @__PURE__ */ i($t, { children: [
       /* @__PURE__ */ e(
@@ -2552,14 +2552,14 @@ const Wl = "mc__Slider-module__sliderContainer", Bl = "mc__Slider-module__slider
         {
           className: `${be.thumb} ${be.thumbLeft}`,
           style: {
-            left: `${(h.minValue - n) / (a - n) * 100}%`,
-            ...x ?? {}
+            left: `${(p.minValue - n) / (a - n) * 100}%`,
+            ...I ?? {}
           },
-          onMouseEnter: () => !L.min && I((g) => ({ ...g, min: !0 })),
-          onMouseLeave: () => !L.min && I((g) => ({ ...g, min: !1 })),
+          onMouseEnter: () => !L.min && x((g) => ({ ...g, min: !0 })),
+          onMouseLeave: () => !L.min && x((g) => ({ ...g, min: !1 })),
           onMouseDown: F("min"),
-          children: (_.min || L.min) && /* @__PURE__ */ i("div", { ref: G, className: be.tooltip, children: [
-            h.minValue,
+          children: (f.min || L.min) && /* @__PURE__ */ i("div", { ref: G, className: be.tooltip, children: [
+            p.minValue,
             "%"
           ] })
         }
@@ -2569,14 +2569,14 @@ const Wl = "mc__Slider-module__sliderContainer", Bl = "mc__Slider-module__slider
         {
           className: `${be.thumb} ${be.thumbRight}`,
           style: {
-            left: `${(h.maxValue - n) / (a - n) * 100}%`,
-            ...x ?? {}
+            left: `${(p.maxValue - n) / (a - n) * 100}%`,
+            ...I ?? {}
           },
-          onMouseEnter: () => !L.max && I((g) => ({ ...g, max: !0 })),
-          onMouseLeave: () => !L.max && I((g) => ({ ...g, max: !1 })),
+          onMouseEnter: () => !L.max && x((g) => ({ ...g, max: !0 })),
+          onMouseLeave: () => !L.max && x((g) => ({ ...g, max: !1 })),
           onMouseDown: F("max"),
-          children: (_.max || L.max) && /* @__PURE__ */ i("div", { ref: U, className: be.tooltip, children: [
-            h.maxValue,
+          children: (f.max || L.max) && /* @__PURE__ */ i("div", { ref: U, className: be.tooltip, children: [
+            p.maxValue,
             "%"
           ] })
         }
@@ -2586,14 +2586,14 @@ const Wl = "mc__Slider-module__sliderContainer", Bl = "mc__Slider-module__slider
       {
         className: `${be.thumb} ${be.thumbSingle}`,
         style: {
-          left: `${(h.singleValue - n) / (a - n) * 100}%`,
-          ...x ?? {}
+          left: `${(p.singleValue - n) / (a - n) * 100}%`,
+          ...I ?? {}
         },
-        onMouseEnter: () => !L.single && I((g) => ({ ...g, single: !0 })),
-        onMouseLeave: () => !L.single && I((g) => ({ ...g, single: !1 })),
+        onMouseEnter: () => !L.single && x((g) => ({ ...g, single: !0 })),
+        onMouseLeave: () => !L.single && x((g) => ({ ...g, single: !1 })),
         onMouseDown: F("single"),
-        children: (_.single || L.single) && /* @__PURE__ */ i("div", { ref: V, className: be.tooltip, children: [
-          h.singleValue,
+        children: (f.single || L.single) && /* @__PURE__ */ i("div", { ref: V, className: be.tooltip, children: [
+          p.singleValue,
           " ",
           k
         ] })
@@ -2640,7 +2640,7 @@ const Yl = "mc__FilterWithTags-module__filterWithTagsContainer", jl = "mc__Filte
   onApply: r,
   onClearAll: n,
   mainButtonProps: a,
-  popupProps: c,
+  popupProps: d,
   cancelButtonProps: s,
   applyButtonProps: l
 }) => {
@@ -2659,9 +2659,9 @@ const Yl = "mc__FilterWithTags-module__filterWithTagsContainer", jl = "mc__Filte
         ...a
       }
     ) }) }),
-    /* @__PURE__ */ i(Xe, { ...c, popupContainerStyle: { width: "725px" }, onClose: () => A(!1), visible: y, children: [
+    /* @__PURE__ */ i(Xe, { ...d, popupContainerStyle: { width: "725px" }, onClose: () => A(!1), visible: y, children: [
       /* @__PURE__ */ e("h2", { className: Pe.filterWithTagsPopupTitle, children: "Filter" }),
-      /* @__PURE__ */ e("div", { className: `${Pe.filterWithTagsPopupContent} ${c?.mode === "drawer" ? Pe.filterWithTagsPopupContentDrawer : ""}`, children: /* @__PURE__ */ e(ni, { filterOptions: t }) }),
+      /* @__PURE__ */ e("div", { className: `${Pe.filterWithTagsPopupContent} ${d?.mode === "drawer" ? Pe.filterWithTagsPopupContentDrawer : ""}`, children: /* @__PURE__ */ e(ni, { filterOptions: t }) }),
       /* @__PURE__ */ i("div", { className: Pe.filterWithTagsPopupFooter, children: [
         /* @__PURE__ */ e(Ne, { buttonStyle: { width: "130px" }, ...s, label: "Clear", buttonType: "tertiaryV2", onClick: n }),
         /* @__PURE__ */ e(Ne, { buttonStyle: { width: "130px" }, ...l, label: "Show", onClick: r })
@@ -2732,28 +2732,28 @@ function je() {
 }
 const ji = (t, o = {}) => {
   const [r, n] = E(() => {
-    const h = {};
-    return t.forEach((u) => {
-      u.key && (h[u.key] = o[u.key] || u.width || 200);
-    }), h;
-  }), [a, c] = E(!1), [s, l] = E(null), [y, A] = E(0), [C, x] = E(0), k = Ke(
-    (h, u) => {
-      console.log("Resize start for column:", u), h.preventDefault(), h.stopPropagation(), c(!0), l(u), A(h.clientX), x(r[u]);
+    const p = {};
+    return t.forEach((c) => {
+      c.key && (p[c.key] = o[c.key] || c.width || 200);
+    }), p;
+  }), [a, d] = E(!1), [s, l] = E(null), [y, A] = E(0), [C, I] = E(0), k = Ke(
+    (p, c) => {
+      console.log("Resize start for column:", c), p.preventDefault(), p.stopPropagation(), d(!0), l(c), A(p.clientX), I(r[c]);
     },
     [r]
   ), $ = Ke(
-    (h) => {
+    (p) => {
       if (!a || !s) return;
-      h.preventDefault();
-      const u = h.clientX - y, _ = Math.max(50, C + u);
-      console.log("Resizing column:", s, "new width:", _), n((I) => ({
-        ...I,
-        [s]: _
+      p.preventDefault();
+      const c = p.clientX - y, f = Math.max(50, C + c);
+      console.log("Resizing column:", s, "new width:", f), n((x) => ({
+        ...x,
+        [s]: f
       }));
     },
     [a, s, y, C]
   ), M = Ke(() => {
-    console.log("Resize end"), c(!1), l(null);
+    console.log("Resize end"), d(!1), l(null);
   }, []);
   return X(() => {
     if (a)
@@ -2768,15 +2768,15 @@ const ji = (t, o = {}) => {
   };
 };
 function Ki({ currentValue: t, options: o, onChange: r }) {
-  const [n, a] = E(!1), [c, s] = E(!1), l = ne(null), y = ne(null);
+  const [n, a] = E(!1), [d, s] = E(!1), l = ne(null), y = ne(null);
   X(() => {
     if (n && l.current && y.current) {
-      const C = l.current.getBoundingClientRect(), x = y.current.offsetHeight, $ = window.innerHeight - C.bottom, M = C.top;
-      s($ < x && M >= x);
+      const C = l.current.getBoundingClientRect(), I = y.current.offsetHeight, $ = window.innerHeight - C.bottom, M = C.top;
+      s($ < I && M >= I);
     }
   }, [n]), X(() => {
-    const C = (x) => {
-      l.current && !l.current.contains(x.target) && a(!1);
+    const C = (I) => {
+      l.current && !l.current.contains(I.target) && a(!1);
     };
     return document.addEventListener("mousedown", C), () => {
       document.removeEventListener("mousedown", C);
@@ -2810,7 +2810,7 @@ function Ki({ currentValue: t, options: o, onChange: r }) {
         onClick: () => a(!n)
       }
     ),
-    n && /* @__PURE__ */ e("ul", { ref: y, className: `${B.rowsPerPageList} ${c ? B.openUpward : B.openDownward}`, role: "listbox", children: o.map((C) => /* @__PURE__ */ e(
+    n && /* @__PURE__ */ e("ul", { ref: y, className: `${B.rowsPerPageList} ${d ? B.openUpward : B.openDownward}`, role: "listbox", children: o.map((C) => /* @__PURE__ */ e(
       "li",
       {
         className: `${B.rowsPerPageOption} ${C === t ? B.selected : ""}`,
@@ -2829,21 +2829,21 @@ const ht = ({
   onRowClick: r,
   onHeaderClick: n,
   sort: a = [],
-  selectedRows: c = [],
+  selectedRows: d = [],
   onSelectionChange: s,
   withSelectAll: l = !1,
   actionButtonText: y,
   actionButtonIcon: A,
   onActionButtonClick: C,
-  actionButtons: x,
+  actionButtons: I,
   withColumnConfiguration: k = !1,
   headerSlot: $,
   onColumnOrderChange: M,
-  onColumnVisibilityChange: h,
-  withActions: u = !1,
+  onColumnVisibilityChange: p,
+  withActions: c = !1,
   // Pagination props
-  currentPage: _ = 0,
-  totalPages: I = 1,
+  currentPage: f = 0,
+  totalPages: x = 1,
   onPageChange: L,
   showPagination: Y = !1,
   // Rows per page props
@@ -2858,7 +2858,7 @@ const ht = ({
   onRowDelete: P,
   rowActions: K = []
 }) => {
-  const { columnWidths: W, isResizing: g, resizeColumn: p, handleResizeStart: m } = ji(t), w = ne(null), [T, J] = E(null), [q, oe] = E(null), se = ne({}), he = ne(null), ue = ne(null), [de, ve] = E(!1), [ie, pe] = E(null), [Q, v] = E(null), [f, D] = E(t);
+  const { columnWidths: W, isResizing: g, resizeColumn: h, handleResizeStart: m } = ji(t), w = ne(null), [T, J] = E(null), [q, oe] = E(null), se = ne({}), he = ne(null), ue = ne(null), [de, ve] = E(!1), [ie, pe] = E(null), [Q, v] = E(null), [_, D] = E(t);
   X(() => {
     const b = t.map((S) => ({
       ...S,
@@ -2877,20 +2877,20 @@ const ht = ({
       pe(null), v(null);
       return;
     }
-    const O = [...f], Ie = O[ie];
+    const O = [..._], Ie = O[ie];
     O.splice(ie, 1);
     const Ye = ie < S ? S - 1 : S;
     O.splice(Ye, 0, Ie), D(O), pe(null), v(null), M?.(O);
   }, fe = () => {
     pe(null), v(null);
   }, ge = (b) => {
-    const S = f.map((O) => O.key === b.key ? { ...O, visible: !O.visible } : O);
-    D(S), h?.(S);
-  }, we = f.filter((b) => b.visible), $e = (b) => {
+    const S = _.map((O) => O.key === b.key ? { ...O, visible: !O.visible } : O);
+    D(S), p?.(S);
+  }, we = _.filter((b) => b.visible), $e = (b) => {
     s?.(b ? o.map((S, O) => O) : []);
   }, xe = (b, S) => {
-    s?.(S ? [...c, b] : c.filter((O) => O !== b));
-  }, Me = o.length > 0 && c.length === o.length, d = c.length > 0 && c.length < o.length, Z = (b, S) => {
+    s?.(S ? [...d, b] : d.filter((O) => O !== b));
+  }, Me = o.length > 0 && d.length === o.length, u = d.length > 0 && d.length < o.length, Z = (b, S) => {
     F?.(b, S);
   }, le = (b, S) => {
     P?.(b, S);
@@ -2940,7 +2940,7 @@ const ht = ({
       /* @__PURE__ */ e("div", { children: $ }),
       k && /* @__PURE__ */ i("div", { className: B.columnConfiguration, children: [
         /* @__PURE__ */ e("div", { className: B.columnConfigurationIcon, ref: he, onClick: () => ve((b) => !b), children: /* @__PURE__ */ e(Zt, {}) }),
-        de && /* @__PURE__ */ e("ul", { className: B.columnConfigurationDropdown, ref: ue, children: f.map((b, S) => /* @__PURE__ */ i(
+        de && /* @__PURE__ */ e("ul", { className: B.columnConfigurationDropdown, ref: ue, children: _.map((b, S) => /* @__PURE__ */ i(
           "li",
           {
             className: `${B.columnConfigurationItem} ${ie === S ? B.dragging : ""} ${Q === S ? B.dragOver : ""}`,
@@ -2960,22 +2960,22 @@ const ht = ({
         )) })
       ] })
     ] }),
-    l && c.length > 0 && /* @__PURE__ */ e(
+    l && d.length > 0 && /* @__PURE__ */ e(
       "div",
       {
         className: je(B.tableHeader, {
-          [B.visible]: c.length > 0
+          [B.visible]: d.length > 0
         }),
         children: /* @__PURE__ */ i("div", { className: B.tableHeaderLeftContent, children: [
           /* @__PURE__ */ i("p", { children: [
-            c.length,
+            d.length,
             " rows selected"
           ] }),
           /* @__PURE__ */ e("div", { className: B.tableHeaderSeparator }),
-          Array.isArray(x) && x.length > 0 ? x.map((b, S) => /* @__PURE__ */ i("div", { className: B.actionButton, onClick: () => b.onClick?.(c), children: [
+          Array.isArray(I) && I.length > 0 ? I.map((b, S) => /* @__PURE__ */ i("div", { className: B.actionButton, onClick: () => b.onClick?.(d), children: [
             b.text,
             b.icon
-          ] }, b.text || S)) : /* @__PURE__ */ i("div", { className: B.actionButton, onClick: () => C?.(c), children: [
+          ] }, b.text || S)) : /* @__PURE__ */ i("div", { className: B.actionButton, onClick: () => C?.(d), children: [
             y || "Delete",
             A && A
           ] })
@@ -2990,7 +2990,7 @@ const ht = ({
             type: "checkbox",
             checked: Me,
             ref: (b) => {
-              b && (b.indeterminate = d);
+              b && (b.indeterminate = u);
             },
             onChange: (b) => $e(b.target.checked),
             className: B.checkbox
@@ -3048,7 +3048,7 @@ const ht = ({
                 "div",
                 {
                   className: je(B.resizeHandle, {
-                    [B.resizing]: g && p === b.key
+                    [B.resizing]: g && h === b.key
                   }),
                   onMouseDown: (S) => m(S, b.key)
                 }
@@ -3057,7 +3057,7 @@ const ht = ({
           },
           b.key
         )),
-        u && /* @__PURE__ */ e("th", { className: B.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(
+        c && /* @__PURE__ */ e("th", { className: B.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",
@@ -3077,14 +3077,14 @@ const ht = ({
               "input",
               {
                 type: "checkbox",
-                checked: c.includes(S),
+                checked: d.includes(S),
                 onChange: (O) => xe(S, O.target.checked),
                 onClick: (O) => O.stopPropagation(),
                 className: B.checkbox
               }
             ) }),
             we.map((O) => /* @__PURE__ */ e("td", { style: { width: W[O.key] }, children: O.render ? O.render(b) : b[O.key] }, O.key)),
-            u && /* @__PURE__ */ e("td", { className: B.actionsCell, children: /* @__PURE__ */ e(
+            c && /* @__PURE__ */ e("td", { className: B.actionsCell, children: /* @__PURE__ */ e(
               "div",
               {
                 className: B.actionsContainer,
@@ -3220,7 +3220,7 @@ const ht = ({
     ),
     Y && /* @__PURE__ */ i("div", { className: B.paginationFooter, children: [
       /* @__PURE__ */ i("div", { className: B.pagination, children: [
-        /* @__PURE__ */ e("button", { className: B.paginationButton, onClick: () => L?.(Math.max(_ - 1, 0)), disabled: _ === 0, children: /* @__PURE__ */ e("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", style: { transform: "rotate(180deg)" }, children: /* @__PURE__ */ e(
+        /* @__PURE__ */ e("button", { className: B.paginationButton, onClick: () => L?.(Math.max(f - 1, 0)), disabled: f === 0, children: /* @__PURE__ */ e("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", style: { transform: "rotate(180deg)" }, children: /* @__PURE__ */ e(
           "path",
           {
             d: "M12.6008 12.0047L8.70078 8.10469C8.51745 7.92135 8.42578 7.68802 8.42578 7.40469C8.42578 7.12135 8.51745 6.88802 8.70078 6.70469C8.88411 6.52135 9.11745 6.42969 9.40078 6.42969C9.68411 6.42969 9.91745 6.52135 10.1008 6.70469L14.7008 11.3047C14.8008 11.4047 14.8716 11.513 14.9133 11.6297C14.9549 11.7464 14.9758 11.8714 14.9758 12.0047C14.9758 12.138 14.9549 12.263 14.9133 12.3797C14.8716 12.4964 14.8008 12.6047 14.7008 12.7047L10.1008 17.3047C9.91745 17.488 9.68411 17.5797 9.40078 17.5797C9.11745 17.5797 8.88411 17.488 8.70078 17.3047C8.51745 17.1214 8.42578 16.888 8.42578 16.6047C8.42578 16.3214 8.51745 16.088 8.70078 15.9047L12.6008 12.0047Z",
@@ -3229,16 +3229,16 @@ const ht = ({
         ) }) }),
         /* @__PURE__ */ i("span", { className: B.paginationInfo, children: [
           "Page ",
-          _ + 1,
+          f + 1,
           " of ",
-          I
+          x
         ] }),
         /* @__PURE__ */ e(
           "button",
           {
             className: B.paginationButton,
-            onClick: () => L?.(_ + 1 < I ? _ + 1 : _),
-            disabled: _ + 1 >= I,
+            onClick: () => L?.(f + 1 < x ? f + 1 : f),
+            disabled: f + 1 >= x,
             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",
               {