levannta-ui 1.0.52-react18 → 1.0.53-react18

package/dist/components/ui/ToggleButton/ToggleButton.d.ts

@@ -6,5 +6,6 @@ export interface ToggleButtonProps extends React.HTMLAttributes<HTMLDivElement>
         onClick: () => void;
     }[];
     size?: "xs" | "sm" | "md";
+    activeIndex: number;
 }
 export declare const ToggleButton: React.ForwardRefExoticComponent<ToggleButtonProps & React.RefAttributes<HTMLDivElement>>;

package/dist/index.esm.js

@@ -14,11 +14,11 @@ function kr() {
   if (Ve) return ae;
   Ve = 1;
   var t = ie, s = Symbol.for("react.element"), n = Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, l = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, m = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function v(f, o, h) {
-    var u, g = {}, d = null, b = null;
-    h !== void 0 && (d = "" + h), o.key !== void 0 && (d = "" + o.key), o.ref !== void 0 && (b = o.ref);
-    for (u in o) i.call(o, u) && !m.hasOwnProperty(u) && (g[u] = o[u]);
-    if (f && f.defaultProps) for (u in o = f.defaultProps, o) g[u] === void 0 && (g[u] = o[u]);
+  function v(f, u, h) {
+    var o, g = {}, d = null, b = null;
+    h !== void 0 && (d = "" + h), u.key !== void 0 && (d = "" + u.key), u.ref !== void 0 && (b = u.ref);
+    for (o in u) i.call(u, o) && !m.hasOwnProperty(o) && (g[o] = u[o]);
+    if (f && f.defaultProps) for (o in u = f.defaultProps, u) g[o] === void 0 && (g[o] = u[o]);
     return { $$typeof: s, type: f, key: d, ref: b, props: g, _owner: l.current };
   }
   return ae.Fragment = n, ae.jsx = v, ae.jsxs = v, ae;
@@ -36,7 +36,7 @@ var se = {};
 var Be;
 function Er() {
   return Be || (Be = 1, process.env.NODE_ENV !== "production" && function() {
-    var t = ie, s = Symbol.for("react.element"), n = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), l = Symbol.for("react.strict_mode"), m = Symbol.for("react.profiler"), v = Symbol.for("react.provider"), f = Symbol.for("react.context"), o = Symbol.for("react.forward_ref"), h = Symbol.for("react.suspense"), u = Symbol.for("react.suspense_list"), g = Symbol.for("react.memo"), d = Symbol.for("react.lazy"), b = Symbol.for("react.offscreen"), k = Symbol.iterator, j = "@@iterator";
+    var t = ie, s = Symbol.for("react.element"), n = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), l = Symbol.for("react.strict_mode"), m = Symbol.for("react.profiler"), v = Symbol.for("react.provider"), f = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), h = Symbol.for("react.suspense"), o = Symbol.for("react.suspense_list"), g = Symbol.for("react.memo"), d = Symbol.for("react.lazy"), b = Symbol.for("react.offscreen"), k = Symbol.iterator, j = "@@iterator";
     function p(e) {
       if (e === null || typeof e != "object")
         return null;
@@ -64,7 +64,7 @@ function Er() {
     var B = !1, H = !1, W = !1, I = !1, ee = !1, K;
     K = Symbol.for("react.module.reference");
     function re(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === i || e === m || ee || e === l || e === h || e === u || I || e === b || B || H || W || typeof e == "object" && e !== null && (e.$$typeof === d || e.$$typeof === g || e.$$typeof === v || e.$$typeof === f || e.$$typeof === o || // This needs to include all possible module reference object
+      return !!(typeof e == "string" || typeof e == "function" || e === i || e === m || ee || e === l || e === h || e === o || I || e === b || B || H || W || typeof e == "object" && e !== null && (e.$$typeof === d || e.$$typeof === g || e.$$typeof === v || e.$$typeof === f || e.$$typeof === u || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
@@ -98,7 +98,7 @@ function Er() {
           return "StrictMode";
         case h:
           return "Suspense";
-        case u:
+        case o:
           return "SuspenseList";
       }
       if (typeof e == "object")
@@ -109,7 +109,7 @@ function Er() {
           case v:
             var c = e;
             return M(c._context) + ".Provider";
-          case o:
+          case u:
             return te(e, e.render, "ForwardRef");
           case g:
             var x = e.displayName || null;
@@ -294,12 +294,12 @@ function Er() {
       switch (e) {
         case h:
           return oe("Suspense");
-        case u:
+        case o:
           return oe("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case o:
+          case u:
             return Qe(e.render);
           case g:
             return ue(e.type, a, c);
@@ -539,7 +539,7 @@ Check the top-level render call using <` + c + ">.");
         var c;
         if (typeof a == "function")
           c = a.propTypes;
-        else if (typeof a == "object" && (a.$$typeof === o || // Note: Memo only checks outer props here.
+        else if (typeof a == "object" && (a.$$typeof === u || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
         a.$$typeof === g))
           c = a.propTypes;
@@ -642,15 +642,15 @@ const We = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, Pe = Rr, G
   var i;
   if ((s == null ? void 0 : s.variants) == null) return Pe(t, n == null ? void 0 : n.class, n == null ? void 0 : n.className);
   const { variants: l, defaultVariants: m } = s, v = Object.keys(l).map((h) => {
-    const u = n == null ? void 0 : n[h], g = m == null ? void 0 : m[h];
-    if (u === null) return null;
-    const d = We(u) || We(g);
+    const o = n == null ? void 0 : n[h], g = m == null ? void 0 : m[h];
+    if (o === null) return null;
+    const d = We(o) || We(g);
     return l[h][d];
-  }), f = n && Object.entries(n).reduce((h, u) => {
-    let [g, d] = u;
+  }), f = n && Object.entries(n).reduce((h, o) => {
+    let [g, d] = o;
     return d === void 0 || (h[g] = d), h;
-  }, {}), o = s == null || (i = s.compoundVariants) === null || i === void 0 ? void 0 : i.reduce((h, u) => {
-    let { class: g, className: d, ...b } = u;
+  }, {}), u = s == null || (i = s.compoundVariants) === null || i === void 0 ? void 0 : i.reduce((h, o) => {
+    let { class: g, className: d, ...b } = o;
     return Object.entries(b).every((k) => {
       let [j, p] = k;
       return Array.isArray(p) ? p.includes({
@@ -666,7 +666,7 @@ const We = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, Pe = Rr, G
       d
     ] : h;
   }, []);
-  return Pe(t, v, o, n == null ? void 0 : n.class, n == null ? void 0 : n.className);
+  return Pe(t, v, u, n == null ? void 0 : n.class, n == null ? void 0 : n.className);
 }, Sr = G("button", {
   variants: {
     variant: {
@@ -738,9 +738,9 @@ const We = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, Pe = Rr, G
     active: m,
     iconLeft: v,
     iconRight: f,
-    iconLeftJustified: o,
+    iconLeftJustified: u,
     iconRightJustified: h,
-    iconOnly: u,
+    iconOnly: o,
     width: g,
     children: d,
     style: b,
@@ -761,9 +761,9 @@ const We = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, Pe = Rr, G
           active: m,
           iconLeft: !!v,
           iconRight: !!f,
-          iconLeftJustified: !!o,
+          iconLeftJustified: !!u,
           iconRightJustified: !!h,
-          iconOnly: !!u,
+          iconOnly: !!o,
           className: t
         }),
         style: p,
@@ -771,8 +771,8 @@ const We = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, Pe = Rr, G
         ...k,
         children: [
           v && /* @__PURE__ */ r.jsx("span", { className: "button-icon-left", children: v }),
-          o && /* @__PURE__ */ r.jsx("span", { className: "button-icon-left", children: o }),
-          u ? /* @__PURE__ */ r.jsx("span", { children: u }) : d,
+          u && /* @__PURE__ */ r.jsx("span", { className: "button-icon-left", children: u }),
+          o ? /* @__PURE__ */ r.jsx("span", { children: o }) : d,
           f && /* @__PURE__ */ r.jsx("span", { className: "button-icon-right", children: f }),
           h && /* @__PURE__ */ r.jsx("span", { className: "button-icon-right", children: h })
         ]
@@ -808,21 +808,21 @@ const Tr = ({ className: t }) => /* @__PURE__ */ r.jsx("svg", { width: "24", hei
   active: m,
   activePath: v,
   isOpen: f,
-  onToggle: o,
+  onToggle: u,
   onExpand: h,
-  onSetActive: u,
+  onSetActive: o,
   isMobile: g = !1
 }) => {
   const d = i && i.length > 0, b = d && i.some((p) => p.url === v), k = m || f && d || b || s === v, j = (p) => {
     if (p.preventDefault(), g && d) {
-      o();
+      u();
       return;
     }
-    if (u && u(s), l && h) {
+    if (o && o(s), l && h) {
       h();
       return;
     }
-    d && !l && o();
+    d && !l && u();
   };
   return /* @__PURE__ */ r.jsx("div", { className: `sidebar-item ${f ? "open" : ""} `, children: /* @__PURE__ */ r.jsxs("div", { className: `sidebar-item-wrapper ${k && !l ? "active" : ""}`, children: [
     /* @__PURE__ */ r.jsxs(
@@ -849,7 +849,7 @@ const Tr = ({ className: t }) => /* @__PURE__ */ r.jsx("svg", { width: "24", hei
           to: p.url,
           href: p.url,
           className: `submenu-item ${_ ? "active-text" : ""}`,
-          onClick: () => u && u(p.url),
+          onClick: () => o && o(p.url),
           children: /* @__PURE__ */ r.jsx("span", { className: "submenu-label", children: p.label })
         },
         S
@@ -919,12 +919,12 @@ const Tr = ({ className: t }) => /* @__PURE__ */ r.jsx("svg", { width: "24", hei
   logoutLabel: m = "Cerrar sesión",
   collapsed: v = !1,
   onToggle: f,
-  activePath: o,
+  activePath: u,
   onActiveChange: h,
-  className: u,
+  className: o,
   ...g
 }, d) => {
-  const [b, k] = U(v), [j, p] = U(null), [S, _] = U(o), [E, B] = U(!1), [H, W] = U(!1), [I, ee] = U(!1);
+  const [b, k] = U(v), [j, p] = U(null), [S, _] = U(u), [E, B] = U(!1), [H, W] = U(!1), [I, ee] = U(!1);
   Q(() => {
     const y = () => {
       ee(window.innerWidth <= 768);
@@ -934,17 +934,17 @@ const Tr = ({ className: t }) => /* @__PURE__ */ r.jsx("svg", { width: "24", hei
     };
   }, []), ie.useEffect(() => {
     var y;
-    if (o) {
-      _(o);
+    if (u) {
+      _(u);
       const T = n.findIndex(
         (A) => {
           var V;
-          return A.url === o || ((V = A.submenu) == null ? void 0 : V.some((Y) => Y.url === o));
+          return A.url === u || ((V = A.submenu) == null ? void 0 : V.some((Y) => Y.url === u));
         }
       );
       T !== -1 && ((y = n[T].submenu) != null && y.length ? p(T) : p(null));
     }
-  }, [o, n]);
+  }, [u, n]);
   const K = () => {
     k(!b), f && f();
   }, re = () => {
@@ -1021,7 +1021,7 @@ const Tr = ({ className: t }) => /* @__PURE__ */ r.jsx("svg", { width: "24", hei
     /* @__PURE__ */ r.jsxs(
       "div",
       {
-        className: `sidebar-wrapper ${E ? "mobile-open" : ""} ${H ? "mobile-closing" : ""} ${u || ""}`,
+        className: `sidebar-wrapper ${E ? "mobile-open" : ""} ${H ? "mobile-closing" : ""} ${o || ""}`,
         ref: d,
         ...g,
         children: [
@@ -1086,10 +1086,10 @@ const Mr = O(({
   size: m = "medium",
   enableSwipeToClose: v = !0,
   className: f,
-  ...o
+  ...u
 }, h) => {
-  const [u, g] = U(!1), d = q(null), b = q(0), k = q(0), j = 50, p = () => {
-    !u && t && (g(!0), setTimeout(() => {
+  const [o, g] = U(!1), d = q(null), b = q(0), k = q(0), j = 50, p = () => {
+    !o && t && (g(!0), setTimeout(() => {
       g(!1), s();
     }, 500));
   }, S = (E) => {
@@ -1101,13 +1101,13 @@ const Mr = O(({
   };
   return Q(() => {
     t && g(!1);
-  }, [t]), Q(() => (t && !u ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
+  }, [t]), Q(() => (t && !o ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
     document.body.style.overflow = "";
-  }), [t, u]), !t && !u ? null : /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+  }), [t, o]), !t && !o ? null : /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsx(
       "div",
       {
-        className: `drawer-overlay ${u ? "fade-out" : "fade-in"}`,
+        className: `drawer-overlay ${o ? "fade-out" : "fade-in"}`,
         onClick: p
       }
     ),
@@ -1117,10 +1117,10 @@ const Mr = O(({
         ref: (E) => {
           d.current = E, typeof h == "function" ? h(E) : h && (h.current = E);
         },
-        className: `drawer drawer-${l} drawer-${m} ${u ? "drawer-closing" : "drawer-open"} ${f || ""}`,
+        className: `drawer drawer-${l} drawer-${m} ${o ? "drawer-closing" : "drawer-open"} ${f || ""}`,
         onTouchStart: S,
         onTouchEnd: _,
-        ...o,
+        ...u,
         children: [
           /* @__PURE__ */ r.jsxs("div", { className: `drawer-header ${n ? "has-title" : "no-title"}`, children: [
             n && /* @__PURE__ */ r.jsx("h2", { className: "drawer-title", children: n }),
@@ -1161,19 +1161,19 @@ const zr = G("modal-container", {
   className: m,
   ...v
 }, f) => {
-  const o = q(null);
+  const u = q(null);
   Q(() => {
-    const u = (g) => {
+    const o = (g) => {
       g.key === "Escape" && i();
     };
-    return n && document.addEventListener("keydown", u), () => {
-      document.removeEventListener("keydown", u);
+    return n && document.addEventListener("keydown", o), () => {
+      document.removeEventListener("keydown", o);
     };
   }, [n, i]);
-  const h = (u) => {
-    o.current && u.target === o.current && i();
+  const h = (o) => {
+    u.current && o.target === u.current && i();
   };
-  return n ? /* @__PURE__ */ r.jsx("div", { className: "modal-backdrop", ref: o, onClick: h, children: /* @__PURE__ */ r.jsxs(
+  return n ? /* @__PURE__ */ r.jsx("div", { className: "modal-backdrop", ref: u, onClick: h, children: /* @__PURE__ */ r.jsxs(
     "div",
     {
       className: `${zr({ size: l })} ${m || ""}`,
@@ -1290,10 +1290,10 @@ const Vr = G("tab-base", {
     children: m,
     icon: v,
     active: f = !1,
-    disabled: o = !1,
+    disabled: u = !1,
     ...h
-  }, u) => {
-    const g = o ? "disabled" : f ? "active" : n || "default", d = v ? l || "left" : "none";
+  }, o) => {
+    const g = u ? "disabled" : f ? "active" : n || "default", d = v ? l || "left" : "none";
     return /* @__PURE__ */ r.jsxs(
       "button",
       {
@@ -1304,8 +1304,8 @@ const Vr = G("tab-base", {
           iconAlignment: d,
           className: t
         }),
-        ref: u,
-        disabled: o,
+        ref: o,
+        disabled: u,
         ...h,
         children: [
           v && d === "left" && /* @__PURE__ */ r.jsx("span", { className: "tab-icon", children: v }),
@@ -1325,9 +1325,9 @@ const Wr = O(({
   variant: m = "default",
   size: v = "md",
   outline: f = !1,
-  ...o
+  ...u
 }, h) => {
-  const [u, g] = U(s), d = n !== void 0 ? n : u, b = (j) => {
+  const [o, g] = U(s), d = n !== void 0 ? n : o, b = (j) => {
     n === void 0 && g(j), i == null || i(j);
   }, k = [
     "tab-group",
@@ -1340,7 +1340,7 @@ const Wr = O(({
       className: k,
       role: "tablist",
       ref: h,
-      ...o,
+      ...u,
       children: Nr.map(t, (j, p) => Cr(j) ? _r(j, {
         ...j.props,
         active: p === d,
@@ -1360,24 +1360,24 @@ const Wr = O(({
   );
 });
 Wr.displayName = "TabGroup";
-const Pr = O(({ buttonsData: t, size: s = "sm", className: n, ...i }, l) => {
-  const [m, v] = U(0), f = (o, h) => {
-    o.onClick(), v(h);
+const Pr = O(({ buttonsData: t, size: s = "sm", className: n, activeIndex: i, ...l }, m) => {
+  const [v, f] = U(i), u = (h, o) => {
+    h.onClick(), f(o);
   };
   return /* @__PURE__ */ r.jsx(
     "div",
     {
       className: `toggle-button-container ${n || ""}`,
-      ref: l,
-      ...i,
-      children: t.map((o, h) => /* @__PURE__ */ r.jsx(
+      ref: m,
+      ...l,
+      children: t.map((h, o) => /* @__PURE__ */ r.jsx(
         "div",
         {
-          className: `toggle-button-inner ${m === h ? "active" : ""} ${s}`,
-          onClick: () => f(o, h),
-          children: /* @__PURE__ */ r.jsx("span", { children: o.label })
+          className: `toggle-button-inner ${v === o ? "active" : ""} ${s}`,
+          onClick: () => u(h, o),
+          children: /* @__PURE__ */ r.jsx("span", { children: h.label })
         },
-        h
+        o
       ))
     }
   );
@@ -1604,11 +1604,11 @@ const Je = ({ className: t }) => /* @__PURE__ */ r.jsx(
     hintText: m,
     onClear: v,
     placeholder: f = "Placeholder",
-    value: o,
+    value: u,
     onChange: h,
-    ...u
+    ...o
   }, g) => {
-    const d = !!i, b = !!l, k = o && o.toString().length > 0;
+    const d = !!i, b = !!l, k = u && u.toString().length > 0;
     let j = n;
     return n === "default" && k && (j = "filled"), /* @__PURE__ */ r.jsxs("div", { className: "input-container", children: [
       /* @__PURE__ */ r.jsxs("div", { className: "input-wrapper", children: [
@@ -1624,13 +1624,13 @@ const Je = ({ className: t }) => /* @__PURE__ */ r.jsx(
               className: t
             }),
             placeholder: f,
-            value: o,
+            value: u,
             ref: g,
-            ...u
+            ...o
           }
         ),
         b && /* @__PURE__ */ r.jsx("span", { className: "input-trailing-icon", children: l }),
-        v && o && o.toString().length > 0 && /* @__PURE__ */ r.jsx(
+        v && u && u.toString().length > 0 && /* @__PURE__ */ r.jsx(
           "button",
           {
             type: "button",
@@ -1668,7 +1668,7 @@ const qr = G("alert", {
     onDismiss: m,
     icon: v,
     ...f
-  }, o) => {
+  }, u) => {
     const h = {
       info: /* @__PURE__ */ r.jsxs("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
         /* @__PURE__ */ r.jsx("circle", { cx: "10", cy: "10", r: "9", stroke: "currentColor", strokeWidth: "2", fill: "none" }),
@@ -1686,15 +1686,15 @@ const qr = G("alert", {
         /* @__PURE__ */ r.jsx("circle", { cx: "10", cy: "10", r: "9", stroke: "currentColor", strokeWidth: "2", fill: "none" }),
         /* @__PURE__ */ r.jsx("path", { d: "M10 6v4m0 4h.01", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" })
       ] })
-    }, u = v || (s ? h[s] : h.info);
+    }, o = v || (s ? h[s] : h.info);
     return /* @__PURE__ */ r.jsxs(
       "div",
       {
         className: qr({ variant: s, className: t }),
-        ref: o,
+        ref: u,
         ...f,
         children: [
-          /* @__PURE__ */ r.jsx("div", { className: "alert-icon", children: u }),
+          /* @__PURE__ */ r.jsx("div", { className: "alert-icon", children: o }),
           /* @__PURE__ */ r.jsxs("div", { className: "alert-content", children: [
             n && /* @__PURE__ */ r.jsx("div", { className: "alert-title", children: n }),
             i && /* @__PURE__ */ r.jsx("div", { className: "alert-description", children: i }),
@@ -1770,11 +1770,11 @@ const et = G("social-login", {
     iconAlignment: m,
     provider: v,
     children: f,
-    disabled: o,
+    disabled: u,
     onClick: h,
-    ...u
+    ...o
   }, g) => {
-    const d = tt[v], b = f || rt[v], k = o ? "disabled" : i, p = {
+    const d = tt[v], b = f || rt[v], k = u ? "disabled" : i, p = {
       xs: 16,
       sm: 18,
       md: 20,
@@ -1793,10 +1793,10 @@ const et = G("social-login", {
           provider: v,
           className: t
         }),
-        disabled: o,
+        disabled: u,
         onClick: h,
         ref: g,
-        ...u,
+        ...o,
         children: [
           /* @__PURE__ */ r.jsx("span", { className: "social-login-icon", children: /* @__PURE__ */ r.jsx(d, { size: p }) }),
           /* @__PURE__ */ r.jsx("span", { className: "social-login-text", children: b })
@@ -1844,13 +1844,13 @@ const at = G("progress-bar", {
     amount: m,
     total: v,
     showPercentage: f = !1,
-    label: o,
+    label: u,
     height: h,
-    style: u,
+    style: o,
     ...g
   }, d) => {
     const b = Math.min(Math.max(m / v * 100, 0), 100), k = {
-      ...u || {},
+      ...o || {},
       ...h ? { height: h } : {}
     }, j = {
       width: `${b}%`
@@ -1871,7 +1871,7 @@ const at = G("progress-bar", {
         "aria-valuenow": m,
         "aria-valuemin": 0,
         "aria-valuemax": v,
-        "aria-label": o || `Progreso: ${m} de ${v}`,
+        "aria-label": u || `Progreso: ${m} de ${v}`,
         ...g,
         children: [
           /* @__PURE__ */ r.jsx("div", { className: "progress-bar-track", children: /* @__PURE__ */ r.jsx(
@@ -1881,7 +1881,7 @@ const at = G("progress-bar", {
               style: j
             }
           ) }),
-          (f || o) && /* @__PURE__ */ r.jsx("div", { className: "progress-bar-text", children: o || `${Math.round(b)}%` })
+          (f || u) && /* @__PURE__ */ r.jsx("div", { className: "progress-bar-text", children: u || `${Math.round(b)}%` })
         ]
       }
     );
@@ -1950,9 +1950,9 @@ const lt = G("pagination", {
     totalItems: m,
     itemsPerPageOptions: v = [10, 20, 50, 100],
     onPageChange: f,
-    onItemsPerPageChange: o,
+    onItemsPerPageChange: u,
     resultsLabel: h = "Resultados",
-    ofLabel: u = "de",
+    ofLabel: o = "de",
     pageLabel: g = "Página",
     prevDisabled: d,
     nextDisabled: b,
@@ -1968,7 +1968,7 @@ const lt = G("pagination", {
     }, K = () => {
       !B && f && f(n + 1);
     }, re = (M) => {
-      o && o(M), S(!1);
+      u && u(M), S(!1);
     }, te = () => {
       S(!p);
     };
@@ -2026,7 +2026,7 @@ const lt = G("pagination", {
               )) })
             ] }) }),
             /* @__PURE__ */ r.jsx("div", { className: "pagination-total", children: /* @__PURE__ */ r.jsxs("span", { className: "pagination-total-text", children: [
-              u,
+              o,
               " ",
               m
             ] }) })
@@ -2048,7 +2048,7 @@ const lt = G("pagination", {
               " ",
               n,
               " ",
-              u,
+              o,
               " ",
               i
             ] }) }),
@@ -2084,21 +2084,21 @@ const ft = ({
     };
     return document.addEventListener("mousedown", d), () => document.removeEventListener("mousedown", d);
   }, []);
-  const o = () => {
+  const u = () => {
     v(!m);
   }, h = (d) => {
     var b;
     d.disabled || (v(!1), i == null || i(d), (b = d.onSelect) == null || b.call(d));
-  }, u = s, g = t || /* @__PURE__ */ r.jsx(Kr, { size: 20, color: "#00D4AA" });
+  }, o = s, g = t || /* @__PURE__ */ r.jsx(Kr, { size: 20, color: "#00D4AA" });
   return /* @__PURE__ */ r.jsxs("div", { className: `selector-container ${l}`, ref: f, children: [
     /* @__PURE__ */ r.jsxs(
       "div",
       {
         className: `selector ${m ? "selector--open" : ""}`,
-        onClick: o,
+        onClick: u,
         children: [
           /* @__PURE__ */ r.jsx("div", { className: "selector__icon", children: g }),
-          /* @__PURE__ */ r.jsx("div", { className: "selector__title", children: u }),
+          /* @__PURE__ */ r.jsx("div", { className: "selector__title", children: o }),
           /* @__PURE__ */ r.jsx("div", { className: "selector__chevron", children: /* @__PURE__ */ r.jsx(
             "svg",
             {
@@ -2148,13 +2148,13 @@ const ft = ({
   image: m = "src/assets/images/default_card_wallpaper.png",
   icon: v,
   disabled: f = !1,
-  className: o = "",
+  className: u = "",
   size: h = "md",
-  ...u
+  ...o
 }, g) => /* @__PURE__ */ r.jsxs(
   "div",
   {
-    className: `cardcta-container cardcta-size-${h} ${o}`,
+    className: `cardcta-container cardcta-size-${h} ${u}`,
     style: {
       backgroundImage: `url('${m}')`,
       backgroundSize: "cover",
@@ -2163,7 +2163,7 @@ const ft = ({
       overflow: "hidden"
     },
     ref: g,
-    ...u,
+    ...o,
     children: [
       /* @__PURE__ */ r.jsx("div", { className: "cardcta-gradient-overlay" }),
       f && /* @__PURE__ */ r.jsx("div", { className: "cardcta-bg-disabled" }),