master-components-react-ts 2.5.17 → 2.5.18

package/dist/index.d.ts

@@ -20,7 +20,7 @@ export { default as InlineLoading } from './components/InlineLoading/InlineLoadi
 export type { Loading, Success, Error } from './components/InlineLoading/InlineLoading.types';
 export { default as Slider } from './components/Slider/Slider';
 export { default as TreeNode } from './components/TreeNode/TreeNode';
-export type { TreeNodeDataType } from './components/TreeNode/TreeNode.types';
+export type { TreeNodeDataType, TreeNodeProps } from './components/TreeNode/TreeNode.types';
 export { default as FilterWithTags } from './components/FilterWithTags/FilterWithTags';
 export type { FilterOptionsTypes } from './components/FilterWithTags/FilterWithTags.types';
 export { default as Table } from './components/Table/Table';

package/dist/index.js

@@ -261,10 +261,10 @@ const ze = 50 / 2, Wt = ({ size: t = 24, strokeWidth: o = 5, linecap: l = "round
   spaceBetween: P = !1,
   customLoader: D,
   buttonStyle: g,
-  mainButtonContentStyle: d,
+  mainButtonContentStyle: u,
   mainButtonLabelStyle: C,
   leftSlotStyle: L,
-  rightSlotStyle: u,
+  rightSlotStyle: p,
   onClick: Z
 }) => {
   const [q, K] = V(b || !1), E = ae(null), ne = (Y) => {
@@ -289,10 +289,10 @@ const ze = 50 / 2, Wt = ({ size: t = 24, strokeWidth: o = 5, linecap: l = "round
       disabled: A,
       className: `${Le.mainButton} ${Le[o]} ${w ? Le.loading : ""} ${q ? Le.focused : ""} ${Le[n]} ${Le[a]} ${A ? Le.disabled : ""}`,
       onClick: ne,
-      children: w ? D || /* @__PURE__ */ e(Wt, { size: 20, stroke: j() }) : s || /* @__PURE__ */ i("div", { className: Le.mainButtonContent, style: { ...d, justifyContent: P ? "space-between" : "center" }, children: [
+      children: w ? D || /* @__PURE__ */ e(Wt, { size: 20, stroke: j() }) : s || /* @__PURE__ */ i("div", { className: Le.mainButtonContent, style: { ...u, justifyContent: P ? "space-between" : "center" }, children: [
         l && /* @__PURE__ */ e("div", { className: Le.leftSlot, style: L, children: l }),
         /* @__PURE__ */ e("p", { className: Le.mainButtonLabel, style: C, children: t }),
-        r && /* @__PURE__ */ e("div", { className: Le.rightSlot, style: u, children: r })
+        r && /* @__PURE__ */ e("div", { className: Le.rightSlot, style: p, children: r })
       ] })
     }
   );
@@ -359,10 +359,10 @@ const Co = "mc__FormInput-module__inputWrapper", go = "mc__FormInput-module__sm"
   helperSlot: P,
   type: D = "text",
   value: g,
-  maxLength: d,
+  maxLength: u,
   forDropdown: C = !1,
   customFocus: L = null,
-  inputState: u = { error: !1, success: !1, loading: !1 },
+  inputState: p = { error: !1, success: !1, loading: !1 },
   inputSlot: Z,
   onChange: q,
   onFocus: K,
@@ -404,7 +404,7 @@ const Co = "mc__FormInput-module__inputWrapper", go = "mc__FormInput-module__sm"
     /* @__PURE__ */ i(
       "div",
       {
-        className: `${me.formInputWrapper} ${u.error ? me.errorState : ""} ${a && m ? u.error ? me.errorFocused : me.focused : ""} ${n && Q ? u.error ? me.errorActive : me.active : ""} ${u.error ? me.error : ""} ${u.success ? me.success : ""}`,
+        className: `${me.formInputWrapper} ${p.error ? me.errorState : ""} ${a && m ? p.error ? me.errorFocused : me.focused : ""} ${n && Q ? p.error ? me.errorActive : me.active : ""} ${p.error ? me.error : ""} ${p.success ? me.success : ""}`,
         style: Y ?? {},
         onClick: () => b && W((J) => !J),
         children: [
@@ -431,7 +431,7 @@ const Co = "mc__FormInput-module__inputWrapper", go = "mc__FormInput-module__sm"
               spellCheck: !1,
               placeholder: o ?? "",
               autoComplete: "off",
-              maxLength: d
+              maxLength: u
             }
           ),
           A && /* @__PURE__ */ e("div", { style: v ? { cursor: "pointer" } : {}, className: me.formInputSlot, children: se(A) }),
@@ -443,7 +443,7 @@ const Co = "mc__FormInput-module__inputWrapper", go = "mc__FormInput-module__sm"
       "p",
       {
         style: z ?? {},
-        className: `${me.formInputHelperText} ${u.error ? me.errorHelperText : u.success ? me.successHelperText : ""}`,
+        className: `${me.formInputHelperText} ${p.error ? me.errorHelperText : p.success ? me.successHelperText : ""}`,
         children: l
       }
     )
@@ -516,10 +516,10 @@ const Ro = "mc__Textarea-module__textareaContainer", Wo = "mc__Textarea-module__
   onFocus: P,
   onBlur: D,
   disabled: g,
-  required: d,
+  required: u,
   textareaContainerStyle: C,
   textareaLabelStyle: L,
-  requiredStyle: u,
+  requiredStyle: p,
   labelSlot: Z,
   textareaFooterStyle: q
 }) => {
@@ -572,7 +572,7 @@ const Ro = "mc__Textarea-module__textareaContainer", Wo = "mc__Textarea-module__
       children: [
         o && /* @__PURE__ */ i("div", { style: L, className: ye.textAreaLabel, children: [
           /* @__PURE__ */ e("p", { children: o }),
-          /* @__PURE__ */ e("span", { style: u ?? {}, className: ye.required, children: d && "*" }),
+          /* @__PURE__ */ e("span", { style: p ?? {}, className: ye.required, children: u && "*" }),
           Z && O(Z)
         ] }),
         /* @__PURE__ */ i("div", { className: `${ye.wrap} ${b ? ye.resize : ""}`, ref: K, children: [
@@ -757,11 +757,11 @@ const un = "mc__Dropdown-module__dropdownWrapper", pn = "mc__Dropdown-module__dr
   treeFooterStyle: P,
   treeFooterTextStyle: D,
   treeNodeStyle: g,
-  labelRowStyle: d,
+  labelRowStyle: u,
   collapseToggleStyle: C,
   checkIndividualItems: L = !1
 }) => {
-  const [u, Z] = V(t || []), q = (O, z, U = u) => U.map((k) => {
+  const [p, Z] = V(t || []), q = (O, z, U = p) => U.map((k) => {
     if (k.id === O) {
       if (L)
         return {
@@ -807,10 +807,10 @@ const un = "mc__Dropdown-module__dropdownWrapper", pn = "mc__Dropdown-module__dr
       U.selected && z.push(U), U.children?.length && (z = [...z, ...j(U.children)]);
     }), z;
   }, Y = () => {
-    const O = K(u, !1);
+    const O = K(p, !1);
     Z(O), s?.([]);
   }, te = () => {
-    const O = K(u, !0);
+    const O = K(p, !0);
     Z(O);
     const z = j(O);
     s?.(z);
@@ -818,7 +818,7 @@ const un = "mc__Dropdown-module__dropdownWrapper", pn = "mc__Dropdown-module__dr
   return ee(() => {
     Z(t || []);
   }, [t]), /* @__PURE__ */ i("div", { className: `${ke.treeNodeContainer}`, style: A, children: [
-    /* @__PURE__ */ e("div", { className: `${ke.treeNodeItem} ${f ? ke.inDropDown : ""}`, style: w, children: u.map((O) => /* @__PURE__ */ e(
+    /* @__PURE__ */ e("div", { className: `${ke.treeNodeItem} ${f ? ke.inDropDown : ""}`, style: w, children: p.map((O) => /* @__PURE__ */ e(
       Dt,
       {
         node: O,
@@ -835,7 +835,7 @@ const un = "mc__Dropdown-module__dropdownWrapper", pn = "mc__Dropdown-module__dr
         treeFooterStyle: P,
         treeFooterTextStyle: D,
         treeNodeStyle: g,
-        labelRowStyle: d,
+        labelRowStyle: u,
         collapseToggleStyle: C,
         checkIndividualItems: L
       },
@@ -863,12 +863,12 @@ const un = "mc__Dropdown-module__dropdownWrapper", pn = "mc__Dropdown-module__dr
   treeNodeStyle: P,
   labelRowStyle: D,
   collapseToggleStyle: g,
-  checkIndividualItems: d
+  checkIndividualItems: u
 }) => {
   const C = a?.find((E) => E.id === t.id);
   v?.find((E) => E.id === t.id);
-  const [L, u] = V(C ? !1 : l || !0), Z = () => {
-    u((E) => !E), s?.(L, t);
+  const [L, p] = V(C ? !1 : l || !0), Z = () => {
+    p((E) => !E), s?.(L, t);
   }, q = () => {
     o?.(t.id, !t.selected);
   }, K = (E) => {
@@ -879,7 +879,7 @@ const un = "mc__Dropdown-module__dropdownWrapper", pn = "mc__Dropdown-module__dr
     return !E || E.trim() === "" ? !0 : (Y(E, t), ne);
   };
   return ee(() => {
-    n && u(!1);
+    n && p(!1);
   }, [n]), /* @__PURE__ */ i("div", { className: `${ke.treeNode} ${K(n) ? ke.visible : ke.hidden}`, style: P, children: [
     /* @__PURE__ */ i("div", { className: ke.labelRow, onClick: Z, style: D, children: [
       /* @__PURE__ */ e("div", { style: { display: "grid", placeItems: "center", marginLeft: `${f}rem` }, onClick: (E) => E.stopPropagation(), children: /* @__PURE__ */ e(Re, { checked: t?.selected ?? !1, change: q, ...r, withActive: !1 }) }),
@@ -916,7 +916,7 @@ const un = "mc__Dropdown-module__dropdownWrapper", pn = "mc__Dropdown-module__dr
         treeNodeStyle: P,
         labelRowStyle: D,
         collapseToggleStyle: g,
-        checkIndividualItems: d
+        checkIndividualItems: u
       },
       E.id
     )) })
@@ -938,10 +938,10 @@ const un = "mc__Dropdown-module__dropdownWrapper", pn = "mc__Dropdown-module__dr
   onFocus: P,
   onBlur: D,
   onValueChange: g,
-  onApply: d,
+  onApply: u,
   customInputSlot: C,
   dropdownWrapperStyle: L,
-  dropdownInputWrapperStyle: u,
+  dropdownInputWrapperStyle: p,
   dropdownInputSlotStyle: Z,
   dropdownInputSlotItemStyle: q,
   dropdownInputSlotItemLabelStyle: K,
@@ -957,35 +957,35 @@ const un = "mc__Dropdown-module__dropdownWrapper", pn = "mc__Dropdown-module__dr
   applyButtonProps: y = { label: "Apply" },
   ...h
 }) => {
-  const [H, m] = V(!1), [W, Q] = V(""), [ce, le] = V(!1), [he, ie] = V(!1), [F, se] = V(!1), de = ae(null), J = ae(null), fe = ae(null), R = ae(null), [_, S] = V([]), N = ae([]), re = ae(0), [G, we] = V(""), [_e, ge] = V(null), Me = (p) => `https://flagsapi.com/${p}/flat/64.png`, Se = (p, x) => {
-    p.forEach((oe) => {
-      oe.selected = x.some((c) => c.id === oe.id), oe.children && Array.isArray(oe.children) && Se(oe.children, x);
+  const [H, m] = V(!1), [W, Q] = V(""), [ce, le] = V(!1), [he, ie] = V(!1), [F, se] = V(!1), de = ae(null), J = ae(null), fe = ae(null), R = ae(null), [_, S] = V([]), N = ae([]), re = ae(0), [G, we] = V(""), [_e, ge] = V(null), Me = (c) => `https://flagsapi.com/${c}/flat/64.png`, Se = (c, x) => {
+    c.forEach((oe) => {
+      oe.selected = x.some((d) => d.id === oe.id), oe.children && Array.isArray(oe.children) && Se(oe.children, x);
     });
-  }, De = (p) => {
-    let x = p.flatMap((oe) => [
+  }, De = (c) => {
+    let x;
+    U?.checkIndividualItems ? x = c : x = c.flatMap((oe) => [
       oe,
       // Include the parent item
       ...oe.children || []
       // Spread the children
-    ]);
-    x = at(x, "id"), Se(_, x), N.current = x, w?.(p), m((oe) => !oe);
-  }, Pe = (p) => {
-    if (p.selected = !p.selected, !s && !n) {
-      w?.(p);
+    ]), x = at(x, "id"), Se(_, x), N.current = x, w?.(c), m((oe) => !oe);
+  }, Pe = (c) => {
+    if (c.selected = !c.selected, !s && !n) {
+      w?.(c);
       return;
     }
-    N.current = [...N.current, ..._.filter((x) => x.selected == !0), ..._.filter((x) => x.id === p.id)], N.current = at(N.current, "id").filter((x) => x.selected).filter((x) => x.id !== "SELECT_ALL"), p.id === "SELECT_ALL" ? (le(p.selected), ie(!0)) : (le(!1), w?.(N.current), ie(!1)), m((x) => !x);
-  }, Te = (p) => {
-    ge(p), w?.(p), se(!1);
+    N.current = [...N.current, ..._.filter((x) => x.selected == !0), ..._.filter((x) => x.id === c.id)], N.current = at(N.current, "id").filter((x) => x.selected).filter((x) => x.id !== "SELECT_ALL"), c.id === "SELECT_ALL" ? (le(c.selected), ie(!0)) : (le(!1), w?.(N.current), ie(!1)), m((x) => !x);
+  }, Te = (c) => {
+    ge(c), w?.(c), se(!1);
   }, We = () => {
-    d?.(), se(!1);
+    u?.(), se(!1);
   }, Be = () => {
     if (!J.current || !de.current) return;
-    const p = J.current, x = de.current;
-    if (!x || !p) return;
-    const oe = p.getBoundingClientRect(), c = window.innerHeight, T = 16;
+    const c = J.current, x = de.current;
+    if (!x || !c) return;
+    const oe = c.getBoundingClientRect(), d = window.innerHeight, T = 16;
     x.style.width = oe.width + "px", x.style.position = "fixed", x.style.left = `${oe.left}px`, x.style.overflowY = "visible", x.style.maxHeight = "none";
-    const I = c - oe.bottom - T, ue = oe.top - T;
+    const I = d - oe.bottom - T, ue = oe.top - T;
     I >= x.offsetHeight ? (x.style.top = `${oe.bottom + 8}px`, x.style.bottom = "unset") : ue >= x.offsetHeight ? (x.style.top = `${oe.top - x.offsetHeight - 8}px`, x.style.bottom = "unset") : I >= ue ? (x.style.top = `${oe.bottom + 8}px`, x.style.bottom = "unset", x.style.maxHeight = `${I - 8}px`, x.style.overflowY = "auto") : (x.style.top = `${T}px`, x.style.bottom = "unset", x.style.maxHeight = `${ue - 8}px`, x.style.overflowY = "auto");
   }, He = () => {
     requestAnimationFrame(() => {
@@ -999,43 +999,43 @@ const un = "mc__Dropdown-module__dropdownWrapper", pn = "mc__Dropdown-module__dr
       S(t);
       return;
     }
-    const p = t?.some((oe) => "selected" in oe), x = v && s ? [{ id: "SELECT_ALL", label: "Select All", selected: ce }] : [];
-    p ? S([...x, ...t]) : (t?.forEach((oe) => {
+    const c = t?.some((oe) => "selected" in oe), x = v && s ? [{ id: "SELECT_ALL", label: "Select All", selected: ce }] : [];
+    c ? S([...x, ...t]) : (t?.forEach((oe) => {
       oe.selected = !1;
     }), S([...x, ...t])), He();
   }, [JSON.stringify(t)]), ee(() => {
-    !s && !n || t?.every((p) => p.selected) || le(!1);
+    !s && !n || t?.every((c) => c.selected) || le(!1);
   }, [N.current.length]), ee(() => {
-    !s && !n && f && ge(t?.find((p) => p.id === f));
+    !s && !n && f && ge(t?.find((c) => c.id === f));
   }, [f]), ee(() => {
     if (!(!s && !n) && _.length > 0 && he) {
-      const p = _.map((x) => x.id === "SELECT_ALL" ? { ...x, selected: ce } : x.disabled ? x : { ...x, selected: ce });
-      S(p), t?.forEach((x) => {
+      const c = _.map((x) => x.id === "SELECT_ALL" ? { ...x, selected: ce } : x.disabled ? x : { ...x, selected: ce });
+      S(c), t?.forEach((x) => {
         x.id === "SELECT_ALL" ? x.selected = ce : x.disabled || (x.selected = ce);
-      }), N.current = p.filter((x) => x.selected && x.id !== "SELECT_ALL"), w?.(N.current);
+      }), N.current = c.filter((x) => x.selected && x.id !== "SELECT_ALL"), w?.(N.current);
     }
   }, [H]);
-  const qe = (p) => {
-    J.current && (p.composedPath().includes(J.current) || se(!1));
-  }, et = (p) => {
-    b && (!J.current || !de.current || p.composedPath().includes(J.current) || p.composedPath().includes(de.current) || se(!1));
+  const qe = (c) => {
+    J.current && (c.composedPath().includes(J.current) || se(!1));
+  }, et = (c) => {
+    b && (!J.current || !de.current || c.composedPath().includes(J.current) || c.composedPath().includes(de.current) || se(!1));
   };
   ee(() => {
-    const p = () => {
+    const c = () => {
       F && He();
     };
-    return document.addEventListener("click", qe), document.addEventListener("wheel", et), window.addEventListener("scroll", p), () => {
-      document.removeEventListener("click", qe), document.removeEventListener("wheel", et), window.removeEventListener("scroll", p);
+    return document.addEventListener("click", qe), document.addEventListener("wheel", et), window.addEventListener("scroll", c), () => {
+      document.removeEventListener("click", qe), document.removeEventListener("wheel", et), window.removeEventListener("scroll", c);
     };
   }, [F]), ee(() => {
     if (!s && !n) return;
-    const p = () => {
+    const c = () => {
       const x = J.current?.getBoundingClientRect();
       if (!x) return;
       const oe = x.width;
       oe <= 150 ? re.current = 0 : oe <= 250 ? re.current = 1 : oe <= 350 ? re.current = 2 : oe <= 450 ? re.current = 3 : re.current = 4;
     };
-    return p(), window.addEventListener("resize", p), () => window.removeEventListener("resize", p);
+    return c(), window.addEventListener("resize", c), () => window.removeEventListener("resize", c);
   }, []);
   const tt = ae(!0);
   return ee(() => {
@@ -1050,18 +1050,18 @@ const un = "mc__Dropdown-module__dropdownWrapper", pn = "mc__Dropdown-module__dr
       {
         ref: J,
         className: pe.dropdownInputWrapper,
-        style: u ?? {},
-        onClick: () => (se((p) => !p), He()),
+        style: p ?? {},
+        onClick: () => (se((c) => !c), He()),
         children: /* @__PURE__ */ e(
           Ze,
           {
             ...h,
-            onFocusChange: (p) => se(p),
+            onFocusChange: (c) => se(c),
             customFocus: F,
             withActive: !1,
             value: a ? W : _e?.label ?? "",
-            onChange: (p) => {
-              Q(p), g?.(p);
+            onChange: (c) => {
+              Q(c), g?.(c);
             },
             toggleFocus: !0,
             formInputStyle: { cursor: a ? "text" : "pointer" },
@@ -1073,8 +1073,8 @@ const un = "mc__Dropdown-module__dropdownWrapper", pn = "mc__Dropdown-module__dr
               l && (a ? W : !s && !n && _e) && /* @__PURE__ */ e(
                 "div",
                 {
-                  onClick: (p) => {
-                    p.stopPropagation(), a ? (Q(""), se(!1), g?.("")) : (ge(null), w?.(null));
+                  onClick: (c) => {
+                    c.stopPropagation(), a ? (Q(""), se(!1), g?.("")) : (ge(null), w?.(null));
                   },
                   className: pe.dropdownRightIconClose,
                   children: /* @__PURE__ */ e(nt, {})
@@ -1086,7 +1086,7 @@ const un = "mc__Dropdown-module__dropdownWrapper", pn = "mc__Dropdown-module__dr
             forDropdown: !0,
             inputSlotStyle: { width: "100%", placeItems: A ? "initial" : "center" },
             inputSlot: A || ((n || s) && N.current.length > 0 ? C || /* @__PURE__ */ i("ul", { className: pe.dropdownInputSlot, style: Z ?? {}, children: [
-              N.current.slice(0, re.current).map((p, x) => /* @__PURE__ */ i(
+              N.current.slice(0, re.current).map((c, x) => /* @__PURE__ */ i(
                 "li",
                 {
                   ref: R,
@@ -1094,14 +1094,14 @@ const un = "mc__Dropdown-module__dropdownWrapper", pn = "mc__Dropdown-module__dr
                   style: q ?? {},
                   onClick: n ? void 0 : (oe) => oe.stopPropagation(),
                   children: [
-                    /* @__PURE__ */ e("div", { title: p.label, className: pe.dropdownInputSlotItemLabel, style: K ?? {}, children: typeof p.customLabel == "function" ? p.customLabel(p) : p.label }),
+                    /* @__PURE__ */ e("div", { title: c.label, className: pe.dropdownInputSlotItemLabel, style: K ?? {}, children: typeof c.customLabel == "function" ? c.customLabel(c) : c.label }),
                     !n && /* @__PURE__ */ e(
                       "div",
                       {
                         style: E ?? {},
                         className: pe.dropdownInputSlotItemClose,
                         onClick: (oe) => {
-                          oe.stopPropagation(), Pe(p);
+                          oe.stopPropagation(), Pe(c);
                         },
                         children: /* @__PURE__ */ e(Et, { width: "16", height: "16", viewBox: "0 0 16 16", stroke: "#95969C" })
                       }
@@ -1116,7 +1116,7 @@ const un = "mc__Dropdown-module__dropdownWrapper", pn = "mc__Dropdown-module__dr
         )
       }
     ),
-    t && t.length > 0 && F && /* @__PURE__ */ i("div", { ref: de, onClick: (p) => p.stopPropagation(), className: pe.dropdownListContainer, children: [
+    t && t.length > 0 && F && /* @__PURE__ */ i("div", { ref: de, onClick: (c) => c.stopPropagation(), className: pe.dropdownListContainer, children: [
       o && /* @__PURE__ */ e(
         Ze,
         {
@@ -1125,7 +1125,7 @@ const un = "mc__Dropdown-module__dropdownWrapper", pn = "mc__Dropdown-module__dr
           withFocus: !1,
           withActive: !1,
           value: G,
-          onChange: (p) => we(p)
+          onChange: (c) => we(c)
         }
       ),
       n ? /* @__PURE__ */ e(
@@ -1133,45 +1133,45 @@ const un = "mc__Dropdown-module__dropdownWrapper", pn = "mc__Dropdown-module__dr
         {
           SearchValue: G,
           data: t,
-          onSelect: (p) => De(p),
-          onCollapse: (p, x) => {
-            He(), U?.onCollapse?.(p, x);
+          onSelect: (c) => De(c),
+          onCollapse: (c, x) => {
+            He(), U?.onCollapse?.(c, x);
           },
           ...U
         }
-      ) : /* @__PURE__ */ e("ul", { onClick: (p) => p.stopPropagation(), className: pe.dropdownList, ref: fe, style: z ?? {}, children: _.filter((p) => p?.label?.toLowerCase().includes(G.toLowerCase())).map((p, x) => /* @__PURE__ */ i(
+      ) : /* @__PURE__ */ e("ul", { onClick: (c) => c.stopPropagation(), className: pe.dropdownList, ref: fe, style: z ?? {}, children: _.filter((c) => c?.label?.toLowerCase().includes(G.toLowerCase())).map((c, x) => /* @__PURE__ */ i(
         "li",
         {
-          style: { ...j, cursor: !s && !n && p?.disabled ? "not-allowed" : "pointer" },
-          className: `${pe.dropdownItem} ${!s && !n && _e?.id === p.id ? pe.selected : ""}  ${!p?.label || p.label === void 0 || r || p?.disabled ? pe.disabled : ""} ${!s && !n && !p?.disabled ? pe.hovered : ""}`,
+          style: { ...j, cursor: !s && !n && c?.disabled ? "not-allowed" : "pointer" },
+          className: `${pe.dropdownItem} ${!s && !n && _e?.id === c.id ? pe.selected : ""}  ${!c?.label || c.label === void 0 || r || c?.disabled ? pe.disabled : ""} ${!s && !n && !c?.disabled ? pe.hovered : ""}`,
           onClick: (oe) => {
-            oe.stopPropagation(), !s && !n && !p?.disabled && Te(p);
+            oe.stopPropagation(), !s && !n && !c?.disabled && Te(c);
           },
           children: [
-            (s || n) && !p.noCheckbox && /* @__PURE__ */ e("div", { className: pe.itemCheckbox, style: te ?? {}, children: /* @__PURE__ */ e(
+            (s || n) && !c.noCheckbox && /* @__PURE__ */ e("div", { className: pe.itemCheckbox, style: te ?? {}, children: /* @__PURE__ */ e(
               Re,
               {
-                multipleChecked: p.id === "SELECT_ALL",
-                disabled: r || p?.disabled,
-                checked: p?.selected,
-                change: () => Pe(p)
+                multipleChecked: c.id === "SELECT_ALL",
+                disabled: r || c?.disabled,
+                checked: c?.selected,
+                change: () => Pe(c)
               }
             ) }),
             /* @__PURE__ */ i("div", { className: pe.dropdownItemLabel, style: Y ?? {}, children: [
               a ? /* @__PURE__ */ i("div", { className: pe.dropdownItemLabelInput, children: [
-                /* @__PURE__ */ e("img", { src: Me(p.code), style: { width: "1.375rem", height: "1.375rem", objectFit: "contain" }, alt: p.name }),
-                /* @__PURE__ */ e("span", { title: p.name, className: pe.countryName, children: p.name || p.label }),
-                /* @__PURE__ */ e("span", { className: pe.countryDialCode, children: B === "country" ? p.dialCode : p?.label })
+                /* @__PURE__ */ e("img", { src: Me(c.code), style: { width: "1.375rem", height: "1.375rem", objectFit: "contain" }, alt: c.name }),
+                /* @__PURE__ */ e("span", { title: c.name, className: pe.countryName, children: c.name || c.label }),
+                /* @__PURE__ */ e("span", { className: pe.countryDialCode, children: B === "country" ? c.dialCode : c?.label })
               ] }) : /* @__PURE__ */ e(
                 "p",
                 {
-                  title: typeof p.label == "string" ? p.label : "",
-                  className: `${p.id === "SELECT_ALL" ? pe.selectAll : ""}`,
+                  title: typeof c.label == "string" ? c.label : "",
+                  className: `${c.id === "SELECT_ALL" ? pe.selectAll : ""}`,
                   style: O ?? {},
-                  children: typeof p.customLabel == "function" ? p.customLabel(p) : p.label
+                  children: typeof c.customLabel == "function" ? c.customLabel(c) : c.label
                 }
               ),
-              (s || n) && /* @__PURE__ */ e("p", { children: p.id === "SELECT_ALL" ? `${_.filter((oe) => oe.id !== "SELECT_ALL" && oe.selected).length}/${t.length}` : "" })
+              (s || n) && /* @__PURE__ */ e("p", { children: c.id === "SELECT_ALL" ? `${_.filter((oe) => oe.id !== "SELECT_ALL" && oe.selected).length}/${t.length}` : "" })
             ] })
           ]
         },
@@ -1258,10 +1258,10 @@ const Kn = "mc__Tooltip-module__tooltipContainer", qn = "mc__Tooltip-module__too
   pointerPosition: P = "10%",
   withPointer: D = !1,
   theme: g,
-  topCustomOffset: d = 0,
+  topCustomOffset: u = 0,
   bottomCustomOffset: C = 0,
   leftCustomOffset: L = 0,
-  rightCustomOffset: u = 0,
+  rightCustomOffset: p = 0,
   forceClose: Z = !1,
   onClick: q
 }) => {
@@ -1293,24 +1293,24 @@ const Kn = "mc__Tooltip-module__tooltipContainer", qn = "mc__Tooltip-module__too
     let ie, F;
     switch (r) {
       case "top":
-        ie = m.top - W.height - 8 + d - C, F = m.left + L - u;
+        ie = m.top - W.height - 8 + u - C, F = m.left + L - p;
         const se = le(ie, F);
-        se.fitsTop || (ie = m.bottom + 8 + C - d), se.fitsLeft ? se.fitsRight || (F = Q - W.width) : F = 0, he(ie, F);
+        se.fitsTop || (ie = m.bottom + 8 + C - u), se.fitsLeft ? se.fitsRight || (F = Q - W.width) : F = 0, he(ie, F);
         break;
       case "bottom":
-        ie = m.bottom + 8 + C - d, F = m.left + L - u;
+        ie = m.bottom + 8 + C - u, F = m.left + L - p;
         const de = le(ie, F);
-        de.fitsBottom || (ie = m.top - W.height - 8 + d - C), de.fitsLeft ? de.fitsRight || (F = Q - W.width) : F = 0, he(ie, F);
+        de.fitsBottom || (ie = m.top - W.height - 8 + u - C), de.fitsLeft ? de.fitsRight || (F = Q - W.width) : F = 0, he(ie, F);
         break;
       case "left":
-        ie = m.top + d - C, F = m.left - W.width - 8 + L - u;
+        ie = m.top + u - C, F = m.left - W.width - 8 + L - p;
         const J = le(ie, F);
-        J.fitsLeft || (F = m.right + 8 + u - L), J.fitsTop ? J.fitsBottom || (ie = ce - W.height) : ie = 0, he(ie, F);
+        J.fitsLeft || (F = m.right + 8 + p - L), J.fitsTop ? J.fitsBottom || (ie = ce - W.height) : ie = 0, he(ie, F);
         break;
       case "right":
-        ie = m.top + d - C, F = m.right + 8 + u - L;
+        ie = m.top + u - C, F = m.right + 8 + p - L;
         const fe = le(ie, F);
-        fe.fitsRight || (F = m.left - W.width - 8 + L - u), fe.fitsTop ? fe.fitsBottom || (ie = ce - W.height) : ie = 0, he(ie, F);
+        fe.fitsRight || (F = m.left - W.width - 8 + L - p), fe.fitsTop ? fe.fitsBottom || (ie = ce - W.height) : ie = 0, he(ie, F);
         break;
     }
   };
@@ -1522,10 +1522,10 @@ const dl = "mc__NotificationToast-module__toastContainer", ul = "mc__Notificatio
 }) => {
   const [w, P] = V("fadeIn");
   ee(() => {
-    const g = v, d = 300, C = setTimeout(() => {
+    const g = v, u = 300, C = setTimeout(() => {
       P("fadeOut"), setTimeout(() => {
         A?.();
-      }, d);
+      }, u);
     }, g);
     return () => {
       clearTimeout(C);
@@ -1649,73 +1649,73 @@ var Pt = { exports: {} };
   (function(l, r) {
     t.exports = r();
   })(Yl, function() {
-    var l = { 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" }, r = /(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|Q|YYYY|YY?|ww?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g, s = /\d/, f = /\d\d/, a = /\d\d?/, n = /\d*[^-_:/,()\s\d]+/, v = {}, B = function(d) {
-      return (d = +d) + (d > 68 ? 1900 : 2e3);
-    }, b = function(d) {
+    var l = { 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" }, r = /(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|Q|YYYY|YY?|ww?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g, s = /\d/, f = /\d\d/, a = /\d\d?/, n = /\d*[^-_:/,()\s\d]+/, v = {}, B = function(u) {
+      return (u = +u) + (u > 68 ? 1900 : 2e3);
+    }, b = function(u) {
       return function(C) {
-        this[d] = +C;
+        this[u] = +C;
       };
-    }, A = [/[+-]\d\d:?(\d\d)?|Z/, function(d) {
+    }, A = [/[+-]\d\d:?(\d\d)?|Z/, function(u) {
       (this.zone || (this.zone = {})).offset = function(C) {
         if (!C || C === "Z") return 0;
-        var L = C.match(/([+-]|\d\d)/g), u = 60 * L[1] + (+L[2] || 0);
-        return u === 0 ? 0 : L[0] === "+" ? -u : u;
-      }(d);
-    }], w = function(d) {
-      var C = v[d];
+        var L = C.match(/([+-]|\d\d)/g), p = 60 * L[1] + (+L[2] || 0);
+        return p === 0 ? 0 : L[0] === "+" ? -p : p;
+      }(u);
+    }], w = function(u) {
+      var C = v[u];
       return C && (C.indexOf ? C : C.s.concat(C.f));
-    }, P = function(d, C) {
-      var L, u = v.meridiem;
-      if (u) {
-        for (var Z = 1; Z <= 24; Z += 1) if (d.indexOf(u(Z, 0, C)) > -1) {
+    }, P = function(u, C) {
+      var L, p = v.meridiem;
+      if (p) {
+        for (var Z = 1; Z <= 24; Z += 1) if (u.indexOf(p(Z, 0, C)) > -1) {
           L = Z > 12;
           break;
         }
-      } else L = d === (C ? "pm" : "PM");
+      } else L = u === (C ? "pm" : "PM");
       return L;
-    }, D = { A: [n, function(d) {
-      this.afternoon = P(d, !1);
-    }], a: [n, function(d) {
-      this.afternoon = P(d, !0);
-    }], Q: [s, function(d) {
-      this.month = 3 * (d - 1) + 1;
-    }], S: [s, function(d) {
-      this.milliseconds = 100 * +d;
-    }], SS: [f, function(d) {
-      this.milliseconds = 10 * +d;
-    }], SSS: [/\d{3}/, function(d) {
-      this.milliseconds = +d;
-    }], s: [a, b("seconds")], ss: [a, b("seconds")], m: [a, b("minutes")], mm: [a, b("minutes")], H: [a, b("hours")], h: [a, b("hours")], HH: [a, b("hours")], hh: [a, b("hours")], D: [a, b("day")], DD: [f, b("day")], Do: [n, function(d) {
-      var C = v.ordinal, L = d.match(/\d+/);
-      if (this.day = L[0], C) for (var u = 1; u <= 31; u += 1) C(u).replace(/\[|\]/g, "") === d && (this.day = u);
-    }], w: [a, b("week")], ww: [f, b("week")], M: [a, b("month")], MM: [f, b("month")], MMM: [n, function(d) {
-      var C = w("months"), L = (w("monthsShort") || C.map(function(u) {
-        return u.slice(0, 3);
-      })).indexOf(d) + 1;
+    }, D = { A: [n, function(u) {
+      this.afternoon = P(u, !1);
+    }], a: [n, function(u) {
+      this.afternoon = P(u, !0);
+    }], Q: [s, function(u) {
+      this.month = 3 * (u - 1) + 1;
+    }], S: [s, function(u) {
+      this.milliseconds = 100 * +u;
+    }], SS: [f, function(u) {
+      this.milliseconds = 10 * +u;
+    }], SSS: [/\d{3}/, function(u) {
+      this.milliseconds = +u;
+    }], s: [a, b("seconds")], ss: [a, b("seconds")], m: [a, b("minutes")], mm: [a, b("minutes")], H: [a, b("hours")], h: [a, b("hours")], HH: [a, b("hours")], hh: [a, b("hours")], D: [a, b("day")], DD: [f, b("day")], Do: [n, function(u) {
+      var C = v.ordinal, L = u.match(/\d+/);
+      if (this.day = L[0], C) for (var p = 1; p <= 31; p += 1) C(p).replace(/\[|\]/g, "") === u && (this.day = p);
+    }], w: [a, b("week")], ww: [f, b("week")], M: [a, b("month")], MM: [f, b("month")], MMM: [n, function(u) {
+      var C = w("months"), L = (w("monthsShort") || C.map(function(p) {
+        return p.slice(0, 3);
+      })).indexOf(u) + 1;
       if (L < 1) throw new Error();
       this.month = L % 12 || L;
-    }], MMMM: [n, function(d) {
-      var C = w("months").indexOf(d) + 1;
+    }], MMMM: [n, function(u) {
+      var C = w("months").indexOf(u) + 1;
       if (C < 1) throw new Error();
       this.month = C % 12 || C;
-    }], Y: [/[+-]?\d+/, b("year")], YY: [f, function(d) {
-      this.year = B(d);
+    }], Y: [/[+-]?\d+/, b("year")], YY: [f, function(u) {
+      this.year = B(u);
     }], YYYY: [/\d{4}/, b("year")], Z: A, ZZ: A };
-    function g(d) {
+    function g(u) {
       var C, L;
-      C = d, L = v && v.formats;
-      for (var u = (d = C.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, function(Y, te, O) {
+      C = u, L = v && v.formats;
+      for (var p = (u = C.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, function(Y, te, O) {
         var z = O && O.toUpperCase();
         return te || L[O] || l[O] || L[z].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(U, k, y) {
           return k || y.slice(1);
         });
-      })).match(r), Z = u.length, q = 0; q < Z; q += 1) {
-        var K = u[q], E = D[K], ne = E && E[0], j = E && E[1];
-        u[q] = j ? { regex: ne, parser: j } : K.replace(/^\[|\]$/g, "");
+      })).match(r), Z = p.length, q = 0; q < Z; q += 1) {
+        var K = p[q], E = D[K], ne = E && E[0], j = E && E[1];
+        p[q] = j ? { regex: ne, parser: j } : K.replace(/^\[|\]$/g, "");
       }
       return function(Y) {
         for (var te = {}, O = 0, z = 0; O < Z; O += 1) {
-          var U = u[O];
+          var U = p[O];
           if (typeof U == "string") z += U.length;
           else {
             var k = U.regex, y = U.parser, h = Y.slice(z), H = k.exec(h)[0];
@@ -1731,10 +1731,10 @@ var Pt = { exports: {} };
         }(te), te;
       };
     }
-    return function(d, C, L) {
-      L.p.customParseFormat = !0, d && d.parseTwoDigitYear && (B = d.parseTwoDigitYear);
-      var u = C.prototype, Z = u.parse;
-      u.parse = function(q) {
+    return function(u, C, L) {
+      L.p.customParseFormat = !0, u && u.parseTwoDigitYear && (B = u.parseTwoDigitYear);
+      var p = C.prototype, Z = p.parse;
+      p.parse = function(q) {
         var K = q.date, E = q.utc, ne = q.args;
         this.$u = E;
         var j = ne[1];
@@ -1780,7 +1780,7 @@ const _t = ({
   onBlur: v,
   ...B
 }) => {
-  const b = ae(null), A = ae(null), [w, P] = V(!1), [D, g] = V(o), d = Array.from({ length: 12 }, (y, h) => h < 10 ? `0${h}` : `${h}`), C = Array.from({ length: 24 }, (y, h) => h < 10 ? `0${h}` : `${h}`), L = Array.from({ length: 60 }, (y, h) => h < 10 ? `0${h}` : `${h}`), [u, Z] = V(""), [q, K] = V(null), [E, ne] = V(null), [j, Y] = V(l), te = () => {
+  const b = ae(null), A = ae(null), [w, P] = V(!1), [D, g] = V(o), u = Array.from({ length: 12 }, (y, h) => h < 10 ? `0${h}` : `${h}`), C = Array.from({ length: 24 }, (y, h) => h < 10 ? `0${h}` : `${h}`), L = Array.from({ length: 60 }, (y, h) => h < 10 ? `0${h}` : `${h}`), [p, Z] = V(""), [q, K] = V(null), [E, ne] = V(null), [j, Y] = V(l), te = () => {
     if (!b.current || !A.current) return;
     const y = b.current, h = A.current;
     if (!h || !y) return;
@@ -1830,11 +1830,11 @@ const _t = ({
         onFocusChange: (y) => P(y),
         customFocus: w,
         withActive: !1,
-        value: u,
+        value: p,
         toggleFocus: !0,
         formInputStyle: { cursor: "pointer" },
         rightSlot: /* @__PURE__ */ i("div", { className: `${Ce.dropdownRightIcon} ${w ? Ce.focused : ""}`, children: [
-          u && /* @__PURE__ */ e(
+          p && /* @__PURE__ */ e(
             "div",
             {
               onClick: (y) => {
@@ -1874,14 +1874,14 @@ const _t = ({
         )
       ] }) }),
       /* @__PURE__ */ i("div", { className: Ce.timepickerDropdownBody, children: [
-        /* @__PURE__ */ e("div", { className: Ce.timepickerDropdownBodyHours, children: (D === "12" ? d : C).map((y) => /* @__PURE__ */ e("p", { className: E === y || u?.split(":")[0] === y ? Ce.active : "", onClick: () => ne(y), children: y }, y)) }),
-        /* @__PURE__ */ e("div", { className: Ce.timepickerDropdownBodyMinutes, children: L.map((y) => /* @__PURE__ */ e("p", { className: q === y || u?.split(":")[1] === y ? Ce.active : "", onClick: () => K(y), children: y }, y)) }),
+        /* @__PURE__ */ e("div", { className: Ce.timepickerDropdownBodyHours, children: (D === "12" ? u : C).map((y) => /* @__PURE__ */ e("p", { className: E === y || p?.split(":")[0] === y ? Ce.active : "", onClick: () => ne(y), children: y }, y)) }),
+        /* @__PURE__ */ e("div", { className: Ce.timepickerDropdownBodyMinutes, children: L.map((y) => /* @__PURE__ */ e("p", { className: q === y || p?.split(":")[1] === y ? Ce.active : "", onClick: () => K(y), children: y }, y)) }),
         D === "12" && /* @__PURE__ */ i("div", { className: Ce.timepickerDropdownBodyAmPm, children: [
           /* @__PURE__ */ e("p", { className: j === "AM" ? Ce.active : "", onClick: () => Y("AM"), children: "AM" }, "AM"),
           /* @__PURE__ */ e("p", { className: j === "PM" ? Ce.active : "", onClick: () => Y("PM"), children: "PM" }, "PM")
         ] })
       ] }),
-      r && /* @__PURE__ */ e("div", { className: Ce.timepickerDropdownFooter, children: /* @__PURE__ */ e($e, { label: "Confirm time", onClick: () => a?.(u) }) })
+      r && /* @__PURE__ */ e("div", { className: Ce.timepickerDropdownFooter, children: /* @__PURE__ */ e($e, { label: "Confirm time", onClick: () => a?.(p) }) })
     ] })
   ] });
 };
@@ -1939,10 +1939,10 @@ const xr = ({
   setRangeSelection: P,
   pickerType: D,
   disabledDatesRange: g,
-  disabledDatesTill: d,
+  disabledDatesTill: u,
   disabledDatesFrom: C,
   CalendarRef: L,
-  defaultValue: u,
+  defaultValue: p,
   selectedStyle: Z,
   endDateStyle: q,
   startDateStyle: K,
@@ -2105,7 +2105,7 @@ const xr = ({
     s(r.subtract(1, "year"));
   };
   return ee(() => {
-    u?.state && (Array.isArray(u?.value) ? P({ start: $(u?.value[0], t), end: $(u?.value[1], t) }) : F($(u.value), !1, !0), u.state = !1);
+    p?.state && (Array.isArray(p?.value) ? P({ start: $(p?.value[0], t), end: $(p?.value[1], t) }) : F($(p.value), !1, !0), p.state = !1);
   }, []), /* @__PURE__ */ e(
     "div",
     {
@@ -2161,7 +2161,7 @@ const xr = ({
             /* @__PURE__ */ i("tbody", { children: [
               /* @__PURE__ */ e("tr", { className: X.spacerRow, children: /* @__PURE__ */ e("td", {}) }),
               Q.map((R, _) => /* @__PURE__ */ e("tr", { children: R.map(({ date: S, currentMonth: N }, re) => {
-                const G = w.start && w.end && S.isAfter(w.start, "day") && S.isBefore(w.end, "day"), we = w.start && S.isSame(w.start, "day"), _e = w.end && S.isSame(w.end, "day"), ge = A === "single" && f && S.isSame(f, "day"), Me = d && S.isBefore($(d), "day"), Se = C && S.isAfter($(C), "day");
+                const G = w.start && w.end && S.isAfter(w.start, "day") && S.isBefore(w.end, "day"), we = w.start && S.isSame(w.start, "day"), _e = w.end && S.isSame(w.end, "day"), ge = A === "single" && f && S.isSame(f, "day"), Me = u && S.isBefore($(u), "day"), Se = C && S.isAfter($(C), "day");
                 let De = !1;
                 if (g?.length === 2) {
                   const [Te, We] = g.map((Be) => $(Be));
@@ -2200,7 +2200,7 @@ const xr = ({
           D === "dual" && /* @__PURE__ */ i("table", { children: [
             /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ e("tr", { children: z.map((R) => /* @__PURE__ */ e("th", { style: Y ?? {}, children: R }, R)) }) }),
             /* @__PURE__ */ e("tbody", { children: ce?.map((R, _) => /* @__PURE__ */ e("tr", { children: R.map(({ date: S, currentMonth: N }, re) => {
-              const G = w.start && w.end && S.isAfter(w.start, "day") && S.isBefore(w.end, "day"), we = w.start && S.isSame(w.start, "day"), _e = w.end && S.isSame(w.end, "day"), ge = A === "single" && f && S.isSame(f, "day"), Me = d && S.isBefore($(d), "day"), Se = C && S.isAfter($(C), "day");
+              const G = w.start && w.end && S.isAfter(w.start, "day") && S.isBefore(w.end, "day"), we = w.start && S.isSame(w.start, "day"), _e = w.end && S.isSame(w.end, "day"), ge = A === "single" && f && S.isSame(f, "day"), Me = u && S.isBefore($(u), "day"), Se = C && S.isAfter($(C), "day");
               let De = !1;
               if (g?.length === 2) {
                 const [Te, We] = g.map((Be) => $(Be));
@@ -2256,10 +2256,10 @@ const Ct = ({
   requiredStyle: P,
   datepickerHelperTextStyle: D,
   selectedStyle: g,
-  endDateStyle: d,
+  endDateStyle: u,
   startDateStyle: C,
   inRangeStyle: L,
-  otherMonthStyle: u,
+  otherMonthStyle: p,
   todayStyle: Z,
   weekDayStyle: q,
   quickPickStyle: K,
@@ -2356,10 +2356,10 @@ const Ct = ({
         setRangeSelection: ie,
         pickerType: Y,
         selectedStyle: g,
-        endDateStyle: d,
+        endDateStyle: u,
         startDateStyle: C,
         inRangeStyle: L,
-        otherMonthStyle: u,
+        otherMonthStyle: p,
         todayStyle: Z,
         weekDayStyle: q,
         quickPickStyle: K,
@@ -2424,10 +2424,10 @@ const Dr = "mc__ActionDropdown-module__actionDropdownContainer", Sr = "mc__Actio
     B(g), r?.(g), f(!1);
   }, A = () => {
     if (!a.current || !n.current) return;
-    const g = a.current, d = n.current;
-    if (!d || !g) return;
+    const g = a.current, u = n.current;
+    if (!u || !g) return;
     const C = g.getBoundingClientRect(), L = window.innerHeight;
-    d.style.width = C.width + "px", d.style.position = "fixed", C.bottom + d.offsetHeight > L ? (d.style.top = `${C.top - d.offsetHeight - 8}px`, d.style.bottom = "unset") : (d.style.top = `${C.bottom + 8}px`, d.style.bottom = "unset");
+    u.style.width = C.width + "px", u.style.position = "fixed", C.bottom + u.offsetHeight > L ? (u.style.top = `${C.top - u.offsetHeight - 8}px`, u.style.bottom = "unset") : (u.style.top = `${C.bottom + 8}px`, u.style.bottom = "unset");
   }, w = () => {
     requestAnimationFrame(() => {
       A();
@@ -2456,8 +2456,8 @@ const Dr = "mc__ActionDropdown-module__actionDropdownContainer", Sr = "mc__Actio
     s && /* @__PURE__ */ e("ul", { ref: n, onClick: (g) => g.stopPropagation(), className: Ae.actionDropdownList, children: o.map((g) => /* @__PURE__ */ e(
       "li",
       {
-        onClick: (d) => {
-          d.stopPropagation(), b(g);
+        onClick: (u) => {
+          u.stopPropagation(), b(g);
         },
         className: `${Ae.actionDropdownItem} ${v?.id === g.id ? Ae.selected : ""}`,
         children: g.label
@@ -2555,7 +2555,7 @@ const zr = "mc__Slider-module__sliderContainer", Ur = "mc__Slider-module__slider
   thumbStyle: A,
   unit: w
 }) => {
-  const P = ae(!0), D = f || o !== void 0 && l !== void 0, [g, d] = V({
+  const P = ae(!0), D = f || o !== void 0 && l !== void 0, [g, u] = V({
     minValue: o ?? r,
     maxValue: l ?? s,
     singleValue: t ?? r
@@ -2563,7 +2563,7 @@ const zr = "mc__Slider-module__sliderContainer", Ur = "mc__Slider-module__slider
     min: !1,
     max: !1,
     single: !1
-  }), [u, Z] = V({
+  }), [p, Z] = V({
     min: !1,
     max: !1,
     single: !1
@@ -2574,7 +2574,7 @@ const zr = "mc__Slider-module__sliderContainer", Ur = "mc__Slider-module__slider
     y.preventDefault(), Z((m) => ({ ...m, [k]: !0 })), L((m) => ({ ...m, [k]: !0 }));
     const h = (m) => {
       const W = Y(m.clientX);
-      d((Q) => k === "single" ? { ...Q, singleValue: W } : k === "min" ? { ...Q, minValue: Math.min(W, Q.maxValue - 1) } : { ...Q, maxValue: Math.max(W, Q.minValue + 1) });
+      u((Q) => k === "single" ? { ...Q, singleValue: W } : k === "min" ? { ...Q, minValue: Math.min(W, Q.maxValue - 1) } : { ...Q, maxValue: Math.max(W, Q.minValue + 1) });
     }, H = () => {
       Z((m) => ({ ...m, [k]: !1 })), L((m) => ({ ...m, [k]: !1 })), document.removeEventListener("mousemove", h), document.removeEventListener("mouseup", H);
     };
@@ -2583,9 +2583,9 @@ const zr = "mc__Slider-module__sliderContainer", Ur = "mc__Slider-module__slider
     const y = Y(k.clientX);
     if (D) {
       const h = Math.abs(y - g.minValue), H = Math.abs(y - g.maxValue), m = h < H ? "min" : "max";
-      d((W) => m === "min" ? { ...W, minValue: Math.min(y, W.maxValue - 1) } : { ...W, maxValue: Math.max(y, W.minValue + 1) }), te(m)(k);
+      u((W) => m === "min" ? { ...W, minValue: Math.min(y, W.maxValue - 1) } : { ...W, maxValue: Math.max(y, W.minValue + 1) }), te(m)(k);
     } else
-      d((h) => ({ ...h, singleValue: y })), te("single")(k);
+      u((h) => ({ ...h, singleValue: y })), te("single")(k);
   }, z = D ? {
     left: `${(g.minValue - r) / (s - r) * 100}%`,
     width: `${(g.maxValue - g.minValue) / (s - r) * 100}%`
@@ -2611,8 +2611,8 @@ const zr = "mc__Slider-module__sliderContainer", Ur = "mc__Slider-module__slider
     y.style.setProperty("--arrow-position", W);
   };
   return ee(() => {
-    (C.min || u.min) && U(E), (C.max || u.max) && U(ne), (C.single || u.single) && U(j);
-  }, [g, C, u]), ee(() => {
+    (C.min || p.min) && U(E), (C.max || p.max) && U(ne), (C.single || p.single) && U(j);
+  }, [g, C, p]), ee(() => {
     if (P.current) {
       P.current = !1;
       return;
@@ -2629,10 +2629,10 @@ const zr = "mc__Slider-module__sliderContainer", Ur = "mc__Slider-module__slider
             left: `${(g.minValue - r) / (s - r) * 100}%`,
             ...A ?? {}
           },
-          onMouseEnter: () => !u.min && L((k) => ({ ...k, min: !0 })),
-          onMouseLeave: () => !u.min && L((k) => ({ ...k, min: !1 })),
+          onMouseEnter: () => !p.min && L((k) => ({ ...k, min: !0 })),
+          onMouseLeave: () => !p.min && L((k) => ({ ...k, min: !1 })),
           onMouseDown: te("min"),
-          children: (C.min || u.min) && /* @__PURE__ */ i("div", { ref: E, className: be.tooltip, children: [
+          children: (C.min || p.min) && /* @__PURE__ */ i("div", { ref: E, className: be.tooltip, children: [
             g.minValue,
             "%"
           ] })
@@ -2646,10 +2646,10 @@ const zr = "mc__Slider-module__sliderContainer", Ur = "mc__Slider-module__slider
             left: `${(g.maxValue - r) / (s - r) * 100}%`,
             ...A ?? {}
           },
-          onMouseEnter: () => !u.max && L((k) => ({ ...k, max: !0 })),
-          onMouseLeave: () => !u.max && L((k) => ({ ...k, max: !1 })),
+          onMouseEnter: () => !p.max && L((k) => ({ ...k, max: !0 })),
+          onMouseLeave: () => !p.max && L((k) => ({ ...k, max: !1 })),
           onMouseDown: te("max"),
-          children: (C.max || u.max) && /* @__PURE__ */ i("div", { ref: ne, className: be.tooltip, children: [
+          children: (C.max || p.max) && /* @__PURE__ */ i("div", { ref: ne, className: be.tooltip, children: [
             g.maxValue,
             "%"
           ] })
@@ -2663,10 +2663,10 @@ const zr = "mc__Slider-module__sliderContainer", Ur = "mc__Slider-module__slider
           left: `${(g.singleValue - r) / (s - r) * 100}%`,
           ...A ?? {}
         },
-        onMouseEnter: () => !u.single && L((k) => ({ ...k, single: !0 })),
-        onMouseLeave: () => !u.single && L((k) => ({ ...k, single: !1 })),
+        onMouseEnter: () => !p.single && L((k) => ({ ...k, single: !0 })),
+        onMouseLeave: () => !p.single && L((k) => ({ ...k, single: !1 })),
         onMouseDown: te("single"),
-        children: (C.single || u.single) && /* @__PURE__ */ i("div", { ref: j, className: be.tooltip, children: [
+        children: (C.single || p.single) && /* @__PURE__ */ i("div", { ref: j, className: be.tooltip, children: [
           g.singleValue,
           " ",
           w
@@ -2808,24 +2808,24 @@ function Ve() {
 }
 const os = (t, o, l = {}) => {
   const [r, s] = V(() => {
-    const d = {};
+    const u = {};
     return o.forEach((C) => {
-      C.key && C.customWidth && (d[C.key] = typeof C.customWidth == "number" ? C.customWidth : parseInt(C.customWidth.toString(), 10));
-    }), d;
+      C.key && C.customWidth && (u[C.key] = typeof C.customWidth == "number" ? C.customWidth : parseInt(C.customWidth.toString(), 10));
+    }), u;
   }), [f, a] = V(!1), [n, v] = V(null), [B, b] = V(0), [A, w] = V(0), P = ot(
-    (d, C) => {
-      console.log("Resize start for column:", C), d.preventDefault(), d.stopPropagation();
-      const L = d.target.closest("th"), u = L ? L.offsetWidth : r[C];
-      a(!0), v(C), b(d.clientX), w(u || 0);
+    (u, C) => {
+      console.log("Resize start for column:", C), u.preventDefault(), u.stopPropagation();
+      const L = u.target.closest("th"), p = L ? L.offsetWidth : r[C];
+      a(!0), v(C), b(u.clientX), w(p || 0);
     },
     [r]
   ), D = ot(
-    (d) => {
+    (u) => {
       if (!f || !n) return;
-      d.preventDefault();
-      const C = d.clientX - B, L = Math.max(50, A + C);
-      console.log("Resizing column:", n, "new width:", L), s((u) => ({
-        ...u,
+      u.preventDefault();
+      const C = u.clientX - B, L = Math.max(50, A + C);
+      console.log("Resizing column:", n, "new width:", L), s((p) => ({
+        ...p,
         [n]: L
       }));
     },
@@ -2918,11 +2918,11 @@ const kt = ({
   actionButtons: P,
   withColumnConfiguration: D = !1,
   headerSlot: g,
-  onColumnOrderChange: d,
+  onColumnOrderChange: u,
   onColumnVisibilityChange: C,
   withActions: L = !1,
   // Pagination props
-  currentPage: u = 0,
+  currentPage: p = 0,
   totalPages: Z = 1,
   onPageChange: q,
   showPagination: K = !1,
@@ -2942,62 +2942,62 @@ const kt = ({
 }) => {
   const { columnWidths: H, isResizing: m, resizeColumn: W, handleResizeStart: Q } = os(
     l,
-    o.map((c) => ({ ...c, customWidth: c.customWidth }))
+    o.map((d) => ({ ...d, customWidth: d.customWidth }))
   ), ce = ae(null), [le, he] = V(null), [ie, F] = V(null), se = ae({}), de = ae(null), J = ae(null), [fe, R] = V(!1), [_, S] = V(null), [N, re] = V(null), [G, we] = V(o);
   ee(() => {
-    const c = o.map((T) => ({
+    const d = o.map((T) => ({
       ...T,
       visible: T.visible !== void 0 ? T.visible : !0,
       sortable: T.sortable !== void 0 ? T.sortable : !0,
       customWidth: T?.customWidth || 500
     }));
-    we(c);
+    we(d);
   }, [o]);
-  const _e = (c, T) => {
-    S(T), c.dataTransfer.effectAllowed = "move", c.dataTransfer.setData("text/html", c.currentTarget.outerHTML);
-  }, ge = (c, T) => {
-    c.preventDefault(), c.dataTransfer.dropEffect = "move", T !== _ && re(T);
+  const _e = (d, T) => {
+    S(T), d.dataTransfer.effectAllowed = "move", d.dataTransfer.setData("text/html", d.currentTarget.outerHTML);
+  }, ge = (d, T) => {
+    d.preventDefault(), d.dataTransfer.dropEffect = "move", T !== _ && re(T);
   }, Me = () => {
     re(null);
-  }, Se = (c, T) => {
-    if (c.preventDefault(), _ === null || _ === T) {
+  }, Se = (d, T) => {
+    if (d.preventDefault(), _ === null || _ === T) {
       S(null), re(null);
       return;
     }
     const I = [...G], ue = I[_];
     I.splice(_, 1);
     const Ie = _ < T ? T - 1 : T;
-    I.splice(Ie, 0, ue), we(I), S(null), re(null), d?.(I);
+    I.splice(Ie, 0, ue), we(I), S(null), re(null), u?.(I);
   }, De = () => {
     S(null), re(null);
-  }, Pe = (c) => {
-    const T = G.map((I) => I.key === c.key ? { ...I, visible: !I.visible } : I);
+  }, Pe = (d) => {
+    const T = G.map((I) => I.key === d.key ? { ...I, visible: !I.visible } : I);
     we(T), C?.(T);
-  }, Te = G.filter((c) => c.visible), We = (c) => {
+  }, Te = G.filter((d) => d.visible), We = (d) => {
     const T = l.map((I) => I[t]);
-    if (c) {
+    if (d) {
       const I = [.../* @__PURE__ */ new Set([...n, ...T])];
       v?.(I);
     } else {
       const I = n.filter((ue) => !T.includes(ue));
       v?.(I);
     }
-  }, Be = (c, T, I = null) => {
-    v?.(T ? [...n, c] : n.filter((ue) => ue !== c), I);
-  }, He = l.map((c) => c[t]), qe = l.length > 0 && He.every((c) => n.includes(c)), et = He.some((c) => n.includes(c)) && !qe, tt = (c, T) => {
-    k?.(c, T);
-  }, p = (c, T) => {
-    y?.(c, T);
-  }, x = (c) => {
-    const T = se.current[c];
+  }, Be = (d, T, I = null) => {
+    v?.(T ? [...n, d] : n.filter((ue) => ue !== d), I);
+  }, He = l.map((d) => d[t]), qe = l.length > 0 && He.every((d) => n.includes(d)), et = He.some((d) => n.includes(d)) && !qe, tt = (d, T) => {
+    k?.(d, T);
+  }, c = (d, T) => {
+    y?.(d, T);
+  }, x = (d) => {
+    const T = se.current[d];
     if (!T) return null;
     const I = T.getBoundingClientRect(), ue = window.innerHeight, Ie = window.innerWidth, Ne = 120, it = 120;
     let Xe = I.right - it - 50;
     Xe < 0 && (Xe = I.left), Xe + it > Ie && (Xe = Ie - it - 10);
     const At = ue - I.bottom, Rt = I.top, xt = At < Ne && Rt >= Ne;
     return { top: xt ? I.top - Ne + 8 : I.bottom + 4, left: Xe, shouldOpenUpward: xt };
-  }, oe = (c, T) => {
-    if (c.stopPropagation(), le === T)
+  }, oe = (d, T) => {
+    if (d.stopPropagation(), le === T)
       he(null), F(null);
     else {
       he(T);
@@ -3006,7 +3006,7 @@ const kt = ({
     }
   };
   return ee(() => {
-    const c = (ue) => {
+    const d = (ue) => {
       (!ue.target || !ue.target.closest(`.${M.actionsCell}`)) && (he(null), F(null));
     }, T = () => {
       if (le !== null) {
@@ -3019,22 +3019,22 @@ const kt = ({
         F(ue);
       }
     };
-    return document.addEventListener("click", c), window.addEventListener("scroll", T, !0), window.addEventListener("resize", I), () => {
-      document.removeEventListener("click", c), window.removeEventListener("scroll", T, !0), window.removeEventListener("resize", I);
+    return document.addEventListener("click", d), window.addEventListener("scroll", T, !0), window.addEventListener("resize", I), () => {
+      document.removeEventListener("click", d), window.removeEventListener("scroll", T, !0), window.removeEventListener("resize", I);
     };
   }, [le]), ee(() => {
-    const c = (T) => {
+    const d = (T) => {
       fe && de.current && J.current && !de.current.contains(T.target) && !J.current.contains(T.target) && R(!1);
     };
-    return document.addEventListener("click", c), () => {
-      document.removeEventListener("click", c);
+    return document.addEventListener("click", d), () => {
+      document.removeEventListener("click", d);
     };
   }, [fe]), /* @__PURE__ */ i("div", { className: M.tableContainer, children: [
     (g || D) && /* @__PURE__ */ i("div", { className: M.gridHeader, children: [
       /* @__PURE__ */ e("div", { children: g }),
       D && /* @__PURE__ */ i("div", { className: M.columnConfiguration, children: [
-        /* @__PURE__ */ e("div", { className: M.columnConfigurationIcon, ref: de, onClick: () => R((c) => !c), children: /* @__PURE__ */ e(Xt, {}) }),
-        fe && /* @__PURE__ */ e("ul", { className: M.columnConfigurationDropdown, ref: J, children: G.map((c, T) => /* @__PURE__ */ i(
+        /* @__PURE__ */ e("div", { className: M.columnConfigurationIcon, ref: de, onClick: () => R((d) => !d), children: /* @__PURE__ */ e(Xt, {}) }),
+        fe && /* @__PURE__ */ e("ul", { className: M.columnConfigurationDropdown, ref: J, children: G.map((d, T) => /* @__PURE__ */ i(
           "li",
           {
             className: `${M.columnConfigurationItem} ${_ === T ? M.dragging : ""} ${N === T ? M.dragOver : ""}`,
@@ -3046,11 +3046,11 @@ const kt = ({
             onDragEnd: De,
             children: [
               /* @__PURE__ */ e("div", { className: M.columnConfigurationItemIcon, children: /* @__PURE__ */ e(Jt, {}) }),
-              /* @__PURE__ */ e("div", { className: M.columnConfigurationItemCheckbox, onClick: (I) => I.stopPropagation(), children: /* @__PURE__ */ e(Re, { checked: c.visible, change: () => Pe(c) }) }),
-              /* @__PURE__ */ e("p", { children: c.label })
+              /* @__PURE__ */ e("div", { className: M.columnConfigurationItemCheckbox, onClick: (I) => I.stopPropagation(), children: /* @__PURE__ */ e(Re, { checked: d.visible, change: () => Pe(d) }) }),
+              /* @__PURE__ */ e("p", { children: d.label })
             ]
           },
-          c.key || c.id || T
+          d.key || d.id || T
         )) })
       ] })
     ] }),
@@ -3066,10 +3066,10 @@ const kt = ({
             " rows selected"
           ] }),
           /* @__PURE__ */ e("div", { className: M.tableHeaderSeparator }),
-          Array.isArray(P) && P.length > 0 ? P.map((c, T) => /* @__PURE__ */ i("div", { className: M.actionButton, onClick: () => c.onClick?.(n), children: [
-            c.text,
-            c.icon
-          ] }, c.text || T)) : /* @__PURE__ */ i("div", { className: M.actionButton, onClick: () => w?.(n), children: [
+          Array.isArray(P) && P.length > 0 ? P.map((d, T) => /* @__PURE__ */ i("div", { className: M.actionButton, onClick: () => d.onClick?.(n), children: [
+            d.text,
+            d.icon
+          ] }, d.text || T)) : /* @__PURE__ */ i("div", { className: M.actionButton, onClick: () => w?.(n), children: [
             b || "Delete",
             A && A
           ] })
@@ -3088,17 +3088,17 @@ const kt = ({
             B && /* @__PURE__ */ e("th", { className: M.checkboxHeader, children: /* @__PURE__ */ e(
               Re,
               {
-                ref: (c) => {
-                  c && (c.indeterminate = et);
+                ref: (d) => {
+                  d && (d.indeterminate = et);
                 },
                 checked: qe,
-                change: (c) => We(c)
+                change: (d) => We(d)
               }
             ) }),
-            Te.map((c) => /* @__PURE__ */ i("th", { style: { width: H[c.key], position: "relative" }, children: [
-              /* @__PURE__ */ i("div", { className: M.headerContent, onClick: c.sortable ? () => s?.(c.key) : void 0, children: [
-                c.label,
-                f && c.sortable && a?.[0]?.selector !== c.key && a?.[1]?.selector !== c.key && /* @__PURE__ */ i("svg", { width: "13", height: "13", viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+            Te.map((d) => /* @__PURE__ */ i("th", { style: { width: H[d.key], position: "relative" }, children: [
+              /* @__PURE__ */ i("div", { className: M.headerContent, onClick: d.sortable ? () => s?.(d.key) : void 0, children: [
+                d.label,
+                f && d.sortable && a?.[0]?.selector !== d.key && a?.[1]?.selector !== d.key && /* @__PURE__ */ i("svg", { width: "13", height: "13", viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
                   /* @__PURE__ */ e(
                     "path",
                     {
@@ -3136,7 +3136,7 @@ const kt = ({
                     }
                   )
                 ] }),
-                a?.[0]?.selector === c.key && (a[0].desc ? /* @__PURE__ */ i("svg", { width: "14", height: "14", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+                a?.[0]?.selector === d.key && (a[0].desc ? /* @__PURE__ */ i("svg", { width: "14", height: "14", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
                   /* @__PURE__ */ e(
                     "path",
                     {
@@ -3180,12 +3180,12 @@ const kt = ({
                 "div",
                 {
                   className: Ve(M.resizeHandle, {
-                    [M.resizing]: m && W === c.key
+                    [M.resizing]: m && W === d.key
                   }),
-                  onMouseDown: (T) => Q(T, c.key)
+                  onMouseDown: (T) => Q(T, d.key)
                 }
               )
-            ] }, c.key)),
+            ] }, d.key)),
             L && /* @__PURE__ */ e("th", { className: M.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",
               {
@@ -3194,18 +3194,18 @@ const kt = ({
               }
             ) }) })
           ] }) }),
-          /* @__PURE__ */ e("tbody", { children: l.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: B ? Te.length + 2 : Te.length + 1, className: M.empty, children: "No data available" }) }) : l.map((c, T) => /* @__PURE__ */ i(
+          /* @__PURE__ */ e("tbody", { children: l.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: B ? Te.length + 2 : Te.length + 1, className: M.empty, children: "No data available" }) }) : l.map((d, T) => /* @__PURE__ */ i(
             "tr",
             {
               className: Ve({ [M.clickable]: !!r }),
               onClick: (I) => {
-                I.target.type !== "checkbox" && !I.target.closest(`.${M.actionsCell}`) && r?.(c, T);
+                I.target.type !== "checkbox" && !I.target.closest(`.${M.actionsCell}`) && r?.(d, T);
               },
               children: [
-                B && /* @__PURE__ */ e("td", { className: M.checkboxCell, onClick: (I) => I.stopPropagation(), children: /* @__PURE__ */ e(Re, { checked: n.includes(c[t]), change: (I) => Be(c[t], I, c) }) }),
+                B && /* @__PURE__ */ e("td", { className: M.checkboxCell, onClick: (I) => I.stopPropagation(), children: /* @__PURE__ */ e(Re, { checked: n.includes(d[t]), change: (I) => Be(d[t], I, d) }) }),
                 Te.map((I) => {
-                  const ue = typeof I.rowTooltipProps == "function" ? I.rowTooltipProps(c) : I.rowTooltipProps;
-                  return /* @__PURE__ */ e("td", { style: { width: H[I.key] }, children: /* @__PURE__ */ e(lt, { ...ue, tooltipContainerStyle: { width: H[I.key] }, text: ue?.text || "", children: /* @__PURE__ */ e("div", { style: { width: "100%", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: I.render ? I.render(c) : c[I.key] }) }) }, I.key);
+                  const ue = typeof I.rowTooltipProps == "function" ? I.rowTooltipProps(d) : I.rowTooltipProps;
+                  return /* @__PURE__ */ e("td", { style: { width: H[I.key] }, children: /* @__PURE__ */ e(lt, { ...ue, tooltipContainerStyle: { width: H[I.key] }, text: ue?.text || "", children: /* @__PURE__ */ e("div", { style: { width: "100%", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: I.render ? I.render(d) : d[I.key] }) }) }, I.key);
                 }),
                 L && /* @__PURE__ */ e("td", { className: M.actionsCell, children: /* @__PURE__ */ e(
                   "div",
@@ -3261,8 +3261,8 @@ const kt = ({
             "div",
             {
               className: M.actionItem,
-              onClick: (c) => {
-                c.stopPropagation(), tt(l[le], le), he(null), F(null);
+              onClick: (d) => {
+                d.stopPropagation(), tt(l[le], le), he(null), F(null);
               },
               children: [
                 /* @__PURE__ */ e("svg", { width: "23", height: "23", viewBox: "0 0 23 23", fill: "none", xmlns: "http://www.w3.org/2000/svg", style: { transform: "scale(0.7)" }, children: /* @__PURE__ */ e(
@@ -3284,8 +3284,8 @@ const kt = ({
             {
               className: M.actionItem,
               style: { color: "#E3292F" },
-              onClick: (c) => {
-                c.stopPropagation(), p(l[le], le), he(null), F(null);
+              onClick: (d) => {
+                d.stopPropagation(), c(l[le], le), he(null), F(null);
               },
               children: [
                 /* @__PURE__ */ i("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
@@ -3326,16 +3326,16 @@ const kt = ({
               ]
             }
           ),
-          h.map((c, T) => /* @__PURE__ */ i(
+          h.map((d, T) => /* @__PURE__ */ i(
             "div",
             {
               className: M.actionItem,
               onClick: (I) => {
-                I.stopPropagation(), c.onClick?.(l[le], le), he(null), F(null);
+                I.stopPropagation(), d.onClick?.(l[le], le), he(null), F(null);
               },
               children: [
-                c.icon && /* @__PURE__ */ e("div", { children: c.icon }),
-                c.text
+                d.icon && /* @__PURE__ */ e("div", { children: d.icon }),
+                d.text
               ]
             },
             T
@@ -3345,7 +3345,7 @@ const kt = ({
     ),
     K && /* @__PURE__ */ i("div", { className: M.paginationFooter, children: [
       /* @__PURE__ */ e("div", { className: M.pagination, style: E === "numbered" ? { maxWidth: "400px", gap: "6px" } : {}, children: E === "numbered" ? /* @__PURE__ */ i(st, { children: [
-        /* @__PURE__ */ e("button", { className: M.paginationButton, onClick: () => q?.(Math.max(u - 1, 0)), disabled: u === 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: M.paginationButton, onClick: () => q?.(Math.max(p - 1, 0)), disabled: p === 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",
@@ -3353,20 +3353,20 @@ const kt = ({
           }
         ) }) }),
         (() => {
-          const c = [], T = ne || 5, I = Math.floor(T / 2);
-          let ue = Math.max(0, u - I), Ie = Math.min(Z - 1, ue + T - 1);
-          Ie - ue < T - 1 && (ue = Math.max(0, Ie - T + 1)), ue > 0 && (c.push(
+          const d = [], T = ne || 5, I = Math.floor(T / 2);
+          let ue = Math.max(0, p - I), Ie = Math.min(Z - 1, ue + T - 1);
+          Ie - ue < T - 1 && (ue = Math.max(0, Ie - T + 1)), ue > 0 && (d.push(
             /* @__PURE__ */ e("button", { className: Ve(M.paginationButton, M.pageNumber), onClick: () => q?.(0), children: "1" }, 0)
-          ), ue > 1 && c.push(
+          ), ue > 1 && d.push(
             /* @__PURE__ */ e("span", { className: M.ellipsis, children: "..." }, "ellipsis1")
           ));
           for (let Ne = ue; Ne <= Ie; Ne++)
-            c.push(
+            d.push(
               /* @__PURE__ */ e(
                 "button",
                 {
                   className: Ve(M.paginationButton, M.pageNumber, {
-                    [M.active]: Ne === u
+                    [M.active]: Ne === p
                   }),
                   onClick: () => q?.(Ne),
                   children: Ne + 1
@@ -3374,18 +3374,18 @@ const kt = ({
                 Ne
               )
             );
-          return Ie < Z - 1 && (Ie < Z - 2 && c.push(
+          return Ie < Z - 1 && (Ie < Z - 2 && d.push(
             /* @__PURE__ */ e("span", { className: M.ellipsis, children: "..." }, "ellipsis2")
-          ), c.push(
+          ), d.push(
             /* @__PURE__ */ e("button", { className: Ve(M.paginationButton, M.pageNumber), onClick: () => q?.(Z - 1), children: Z }, Z - 1)
-          )), c;
+          )), d;
         })(),
         /* @__PURE__ */ e(
           "button",
           {
             className: M.paginationButton,
-            onClick: () => q?.(u + 1 < Z ? u + 1 : u),
-            disabled: u + 1 >= Z,
+            onClick: () => q?.(p + 1 < Z ? p + 1 : p),
+            disabled: p + 1 >= Z,
             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",
               {
@@ -3396,7 +3396,7 @@ const kt = ({
           }
         )
       ] }) : /* @__PURE__ */ i(st, { children: [
-        /* @__PURE__ */ e("button", { className: M.paginationButton, onClick: () => q?.(Math.max(u - 1, 0)), disabled: u === 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: M.paginationButton, onClick: () => q?.(Math.max(p - 1, 0)), disabled: p === 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",
@@ -3405,7 +3405,7 @@ const kt = ({
         ) }) }),
         /* @__PURE__ */ i("span", { className: M.paginationInfo, children: [
           "Page ",
-          u + 1,
+          p + 1,
           " of ",
           Z
         ] }),
@@ -3413,8 +3413,8 @@ const kt = ({
           "button",
           {
             className: M.paginationButton,
-            onClick: () => q?.(u + 1 < Z ? u + 1 : u),
-            disabled: u + 1 >= Z,
+            onClick: () => q?.(p + 1 < Z ? p + 1 : p),
+            disabled: p + 1 >= Z,
             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",
               {

package/package.json

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