levannta-ui 1.0.54-react18 → 1.0.55-react18

package/dist/index.esm.js

@@ -13,11 +13,11 @@ var Fe;
 function kr() {
   if (Fe) return ae;
   Fe = 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 f(h, u, v) {
+  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, v = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function f(h, u, m) {
     var o, p = {}, d = null, b = null;
-    v !== void 0 && (d = "" + v), 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) && (p[o] = u[o]);
+    m !== void 0 && (d = "" + m), u.key !== void 0 && (d = "" + u.key), u.ref !== void 0 && (b = u.ref);
+    for (o in u) i.call(u, o) && !v.hasOwnProperty(o) && (p[o] = u[o]);
     if (h && h.defaultProps) for (o in u = h.defaultProps, u) p[o] === void 0 && (p[o] = u[o]);
     return { $$typeof: s, type: h, key: d, ref: b, props: p, _owner: l.current };
   }
@@ -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"), f = Symbol.for("react.provider"), h = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), v = Symbol.for("react.suspense"), o = Symbol.for("react.suspense_list"), p = 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"), v = Symbol.for("react.profiler"), f = Symbol.for("react.provider"), h = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), m = Symbol.for("react.suspense"), o = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), d = Symbol.for("react.lazy"), b = Symbol.for("react.offscreen"), k = Symbol.iterator, j = "@@iterator";
     function g(e) {
       if (e === null || typeof e != "object")
         return null;
@@ -64,7 +64,7 @@ function Er() {
     var B = !1, G = !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 === v || e === o || I || e === b || B || G || W || typeof e == "object" && e !== null && (e.$$typeof === d || e.$$typeof === p || e.$$typeof === f || e.$$typeof === h || e.$$typeof === u || // This needs to include all possible module reference object
+      return !!(typeof e == "string" || typeof e == "function" || e === i || e === v || ee || e === l || e === m || e === o || I || e === b || B || G || W || typeof e == "object" && e !== null && (e.$$typeof === d || e.$$typeof === p || e.$$typeof === f || e.$$typeof === h || 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.
@@ -92,11 +92,11 @@ function Er() {
           return "Fragment";
         case n:
           return "Portal";
-        case m:
+        case v:
           return "Profiler";
         case l:
           return "StrictMode";
-        case v:
+        case m:
           return "Suspense";
         case o:
           return "SuspenseList";
@@ -292,7 +292,7 @@ function Er() {
       if (typeof e == "string")
         return oe(e);
       switch (e) {
-        case v:
+        case m:
           return oe("Suspense");
         case o:
           return oe("SuspenseList");
@@ -641,30 +641,30 @@ function Rr() {
 const We = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, Pe = Rr, H = (t, s) => (n) => {
   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, f = Object.keys(l).map((v) => {
-    const o = n == null ? void 0 : n[v], p = m == null ? void 0 : m[v];
+  const { variants: l, defaultVariants: v } = s, f = Object.keys(l).map((m) => {
+    const o = n == null ? void 0 : n[m], p = v == null ? void 0 : v[m];
     if (o === null) return null;
     const d = We(o) || We(p);
-    return l[v][d];
-  }), h = n && Object.entries(n).reduce((v, o) => {
+    return l[m][d];
+  }), h = n && Object.entries(n).reduce((m, o) => {
     let [p, d] = o;
-    return d === void 0 || (v[p] = d), v;
-  }, {}), u = s == null || (i = s.compoundVariants) === null || i === void 0 ? void 0 : i.reduce((v, o) => {
+    return d === void 0 || (m[p] = d), m;
+  }, {}), u = s == null || (i = s.compoundVariants) === null || i === void 0 ? void 0 : i.reduce((m, o) => {
     let { class: p, className: d, ...b } = o;
     return Object.entries(b).every((k) => {
       let [j, g] = k;
       return Array.isArray(g) ? g.includes({
-        ...m,
+        ...v,
         ...h
       }[j]) : {
-        ...m,
+        ...v,
         ...h
       }[j] === g;
     }) ? [
-      ...v,
+      ...m,
       p,
       d
-    ] : v;
+    ] : m;
   }, []);
   return Pe(t, f, u, n == null ? void 0 : n.class, n == null ? void 0 : n.className);
 }, Sr = H("button", {
@@ -735,11 +735,11 @@ const We = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, Pe = Rr, H
     color: n,
     size: i,
     pill: l,
-    active: m,
+    active: v,
     iconLeft: f,
     iconRight: h,
     iconLeftJustified: u,
-    iconRightJustified: v,
+    iconRightJustified: m,
     iconOnly: o,
     width: p,
     children: d,
@@ -758,11 +758,11 @@ const We = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, Pe = Rr, H
           color: n,
           size: i,
           pill: l,
-          active: m,
+          active: v,
           iconLeft: !!f,
           iconRight: !!h,
           iconLeftJustified: !!u,
-          iconRightJustified: !!v,
+          iconRightJustified: !!m,
           iconOnly: !!o,
           className: t
         }),
@@ -774,7 +774,7 @@ const We = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, Pe = Rr, H
           u && /* @__PURE__ */ r.jsx("span", { className: "button-icon-left", children: u }),
           o ? /* @__PURE__ */ r.jsx("span", { children: o }) : d,
           h && /* @__PURE__ */ r.jsx("span", { className: "button-icon-right", children: h }),
-          v && /* @__PURE__ */ r.jsx("span", { className: "button-icon-right", children: v })
+          m && /* @__PURE__ */ r.jsx("span", { className: "button-icon-right", children: m })
         ]
       }
     );
@@ -789,9 +789,9 @@ const Tr = ({ className: t }) => /* @__PURE__ */ r.jsx("svg", { width: "24", hei
     return null;
   }
 }, Ye = ({ to: t, href: s, className: n, onClick: i, children: l }) => {
-  const m = Lr();
-  return m ? ie.createElement(
-    m,
+  const v = Lr();
+  return v ? ie.createElement(
+    v,
     { to: t, className: n, onClick: i },
     l
   ) : ie.createElement(
@@ -805,21 +805,21 @@ const Tr = ({ className: t }) => /* @__PURE__ */ r.jsx("svg", { width: "24", hei
   label: n,
   submenu: i,
   collapsed: l,
-  active: m,
+  active: v,
   activePath: f,
   isOpen: h,
   onToggle: u,
-  onExpand: v,
+  onExpand: m,
   onSetActive: o,
   isMobile: p = !1
 }) => {
-  const d = i && i.length > 0, b = d && i.some((g) => g.url === f), k = m || h && d || b || s === f, j = (g) => {
+  const d = i && i.length > 0, b = d && i.some((g) => g.url === f), k = v || h && d || b || s === f, j = (g) => {
     if (g.preventDefault(), p && d) {
       u();
       return;
     }
-    if (o && o(s), l && v) {
-      v();
+    if (o && o(s), l && m) {
+      m();
       return;
     }
     d && !l && u();
@@ -916,11 +916,11 @@ const Tr = ({ className: t }) => /* @__PURE__ */ r.jsx("svg", { width: "24", hei
   items: n,
   logoutIcon: i,
   onLogout: l,
-  logoutLabel: m = "Cerrar sesión",
+  logoutLabel: v = "Cerrar sesión",
   collapsed: f = !1,
   onToggle: h,
   activePath: u,
-  onActiveChange: v,
+  onActiveChange: m,
   className: o,
   ...p
 }, d) => {
@@ -975,7 +975,7 @@ const Tr = ({ className: t }) => /* @__PURE__ */ r.jsx("svg", { width: "24", hei
       A.submenu && A.submenu.length > 0 ? g(T) : g(null);
     } else
       g(null);
-    v && v(y), I && (n.some(
+    m && m(y), I && (n.some(
       (F) => {
         var Y;
         return (Y = F.submenu) == null ? void 0 : Y.some((le) => le.url === y);
@@ -1059,7 +1059,7 @@ const Tr = ({ className: t }) => /* @__PURE__ */ r.jsx("svg", { width: "24", hei
             )) }),
             l && /* @__PURE__ */ r.jsx("div", { className: "sidebar-footer", children: /* @__PURE__ */ r.jsxs("button", { className: "logout-button", onClick: l, children: [
               i,
-              !b && /* @__PURE__ */ r.jsx("span", { children: m })
+              !b && /* @__PURE__ */ r.jsx("span", { children: v })
             ] }) })
           ] }),
           !I && /* @__PURE__ */ r.jsx(
@@ -1083,11 +1083,11 @@ const Mr = O(({
   title: n = "",
   children: i,
   position: l = "right",
-  size: m = "medium",
+  size: v = "medium",
   enableSwipeToClose: f = !0,
   className: h,
   ...u
-}, v) => {
+}, m) => {
   const [o, p] = U(!1), d = q(null), b = q(0), k = q(0), j = 50, g = () => {
     !o && t && (p(!0), setTimeout(() => {
       p(!1), s();
@@ -1115,9 +1115,9 @@ const Mr = O(({
       "div",
       {
         ref: (E) => {
-          d.current = E, typeof v == "function" ? v(E) : v && (v.current = E);
+          d.current = E, typeof m == "function" ? m(E) : m && (m.current = E);
         },
-        className: `drawer drawer-${l} drawer-${m} ${o ? "drawer-closing" : "drawer-open"} ${h || ""}`,
+        className: `drawer drawer-${l} drawer-${v} ${o ? "drawer-closing" : "drawer-open"} ${h || ""}`,
         onTouchStart: S,
         onTouchEnd: _,
         ...u,
@@ -1158,7 +1158,7 @@ const zr = H("modal-container", {
   active: n,
   onClose: i,
   size: l,
-  className: m,
+  className: v,
   ...f
 }, h) => {
   const u = q(null);
@@ -1170,13 +1170,13 @@ const zr = H("modal-container", {
       document.removeEventListener("keydown", o);
     };
   }, [n, i]);
-  const v = (o) => {
+  const m = (o) => {
     u.current && o.target === u.current && i();
   };
-  return n ? /* @__PURE__ */ r.jsx("div", { className: "modal-backdrop", ref: u, onClick: v, children: /* @__PURE__ */ r.jsxs(
+  return n ? /* @__PURE__ */ r.jsx("div", { className: "modal-backdrop", ref: u, onClick: m, children: /* @__PURE__ */ r.jsxs(
     "div",
     {
-      className: `${zr({ size: l })} ${m || ""}`,
+      className: `${zr({ size: l })} ${v || ""}`,
       ref: h,
       ...f,
       children: [
@@ -1197,12 +1197,12 @@ const Dr = O(({
   title: n,
   subtitle: i,
   children: l,
-  className: m,
+  className: v,
   ...f
 }, h) => /* @__PURE__ */ r.jsxs(
   "div",
   {
-    className: `collapsible ${t ? "open" : ""} ${m || ""}`,
+    className: `collapsible ${t ? "open" : ""} ${v || ""}`,
     ref: h,
     ...f,
     children: [
@@ -1287,11 +1287,11 @@ const Fr = H("tab-base", {
     state: n,
     outline: i,
     iconAlignment: l,
-    children: m,
+    children: v,
     icon: f,
     active: h = !1,
     disabled: u = !1,
-    ...v
+    ...m
   }, o) => {
     const p = u ? "disabled" : h ? "active" : n || "default", d = f ? l || "left" : "none";
     return /* @__PURE__ */ r.jsxs(
@@ -1306,10 +1306,10 @@ const Fr = H("tab-base", {
         }),
         ref: o,
         disabled: u,
-        ...v,
+        ...m,
         children: [
           f && d === "left" && /* @__PURE__ */ r.jsx("span", { className: "tab-icon", children: f }),
-          /* @__PURE__ */ r.jsx("span", { className: "tab-content", children: m })
+          /* @__PURE__ */ r.jsx("span", { className: "tab-content", children: v })
         ]
       }
     );
@@ -1322,16 +1322,16 @@ const Wr = O(({
   activeIndex: n,
   onTabChange: i,
   className: l = "",
-  variant: m = "default",
+  variant: v = "default",
   size: f = "md",
   outline: h = !1,
   ...u
-}, v) => {
+}, m) => {
   const [o, p] = U(s), d = n !== void 0 ? n : o, b = (j) => {
     n === void 0 && p(j), i == null || i(j);
   }, k = [
     "tab-group",
-    `tab-group-${m}`,
+    `tab-group-${v}`,
     l
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ r.jsx(
@@ -1339,7 +1339,7 @@ const Wr = O(({
     {
       className: k,
       role: "tablist",
-      ref: v,
+      ref: m,
       ...u,
       children: Nr.map(t, (j, g) => Cr(j) ? _r(j, {
         ...j.props,
@@ -1360,22 +1360,22 @@ const Wr = O(({
   );
 });
 Wr.displayName = "TabGroup";
-const Pr = O(({ buttonsData: t, size: s = "sm", className: n, activeIndex: i, ...l }, m) => {
-  const [f, h] = U(i), u = (v, o) => {
-    v.onClick(), h(o);
+const Pr = O(({ buttonsData: t, size: s = "sm", className: n, activeIndex: i, ...l }, v) => {
+  const [f, h] = U(i), u = (m, o) => {
+    m.onClick(), h(o);
   };
   return /* @__PURE__ */ r.jsx(
     "div",
     {
       className: `toggle-button-container ${n || ""}`,
-      ref: m,
+      ref: v,
       ...l,
-      children: t.map((v, o) => /* @__PURE__ */ r.jsx(
+      children: t.map((m, o) => /* @__PURE__ */ r.jsx(
         "div",
         {
           className: `toggle-button-inner ${f === o ? "active" : ""} ${s}`,
-          onClick: () => u(v, o),
-          children: /* @__PURE__ */ r.jsx("span", { children: v.label })
+          onClick: () => u(m, o),
+          children: /* @__PURE__ */ r.jsx("span", { children: m.label })
         },
         o
       ))
@@ -1601,11 +1601,11 @@ const Je = ({ className: t }) => /* @__PURE__ */ r.jsx(
     state: n,
     leadingIcon: i,
     trailingIcon: l,
-    hintText: m,
+    hintText: v,
     onClear: f,
     placeholder: h = "Placeholder",
     value: u,
-    onChange: v,
+    onChange: m,
     ...o
   }, p) => {
     const d = !!i, b = !!l, k = u && u.toString().length > 0;
@@ -1626,6 +1626,7 @@ const Je = ({ className: t }) => /* @__PURE__ */ r.jsx(
             placeholder: h,
             value: u,
             ref: p,
+            onChange: m,
             ...o
           }
         ),
@@ -1641,7 +1642,7 @@ const Je = ({ className: t }) => /* @__PURE__ */ r.jsx(
           }
         )
       ] }),
-      m && /* @__PURE__ */ r.jsx("div", { className: `input-hint input-hint-${j}`, children: m })
+      v && /* @__PURE__ */ r.jsx("div", { className: `input-hint input-hint-${j}`, children: v })
     ] });
   }
 );
@@ -1665,11 +1666,11 @@ const qr = H("alert", {
     title: n,
     description: i,
     children: l,
-    onDismiss: m,
+    onDismiss: v,
     icon: f,
     ...h
   }, u) => {
-    const v = {
+    const m = {
       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" }),
         /* @__PURE__ */ r.jsx("path", { d: "M10 6v4m0 4h.01", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" })
@@ -1686,7 +1687,7 @@ const qr = H("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" })
       ] })
-    }, o = f || (s ? v[s] : v.info);
+    }, o = f || (s ? m[s] : m.info);
     return /* @__PURE__ */ r.jsxs(
       "div",
       {
@@ -1700,11 +1701,11 @@ const qr = H("alert", {
             i && /* @__PURE__ */ r.jsx("div", { className: "alert-description", children: i }),
             l && /* @__PURE__ */ r.jsx("div", { className: "alert-children", children: l })
           ] }),
-          m && /* @__PURE__ */ r.jsx(
+          v && /* @__PURE__ */ r.jsx(
             "button",
             {
               className: "alert-dismiss",
-              onClick: m,
+              onClick: v,
               "aria-label": "Close alert",
               children: /* @__PURE__ */ r.jsx(Je, {})
             }
@@ -1767,11 +1768,11 @@ const et = H("social-login", {
     size: n,
     state: i,
     pill: l,
-    iconAlignment: m,
+    iconAlignment: v,
     provider: f,
     children: h,
     disabled: u,
-    onClick: v,
+    onClick: m,
     ...o
   }, p) => {
     const d = tt[f], b = h || rt[f], k = u ? "disabled" : i, g = {
@@ -1789,12 +1790,12 @@ const et = H("social-login", {
           size: n,
           state: k,
           pill: l,
-          iconAlignment: m,
+          iconAlignment: v,
           provider: f,
           className: t
         }),
         disabled: u,
-        onClick: v,
+        onClick: m,
         ref: p,
         ...o,
         children: [
@@ -1841,17 +1842,17 @@ const at = H("progress-bar", {
     size: n,
     color: i,
     animated: l,
-    amount: m,
+    amount: v,
     total: f,
     showPercentage: h = !1,
     label: u,
-    height: v,
+    height: m,
     style: o,
     ...p
   }, d) => {
-    const b = Math.min(Math.max(m / f * 100, 0), 100), k = {
+    const b = Math.min(Math.max(v / f * 100, 0), 100), k = {
       ...o || {},
-      ...v ? { height: v } : {}
+      ...m ? { height: m } : {}
     }, j = {
       width: `${b}%`
     };
@@ -1868,10 +1869,10 @@ const at = H("progress-bar", {
         style: k,
         ref: d,
         role: "progressbar",
-        "aria-valuenow": m,
+        "aria-valuenow": v,
         "aria-valuemin": 0,
         "aria-valuemax": f,
-        "aria-label": u || `Progreso: ${m} de ${f}`,
+        "aria-label": u || `Progreso: ${v} de ${f}`,
         ...p,
         children: [
           /* @__PURE__ */ r.jsx("div", { className: "progress-bar-track", children: /* @__PURE__ */ r.jsx(
@@ -1887,12 +1888,12 @@ const at = H("progress-bar", {
     );
   }
 ), st = (t, s) => `/logos/${`${t}_${s}.png`}`, Ke = O(
-  ({ type: t = "logo", color: s = "color", alt: n, className: i, ...l }, m) => {
+  ({ type: t = "logo", color: s = "color", alt: n, className: i, ...l }, v) => {
     const f = st(t, s), h = n || (t === "logo" ? "Levannta logo" : "Levannta isologo");
     return /* @__PURE__ */ r.jsx(
       "img",
       {
-        ref: m,
+        ref: v,
         className: ["logo", i].filter(Boolean).join(" "),
         src: f,
         alt: h,
@@ -1908,10 +1909,10 @@ const it = O(({
   className: n,
   showLogo: i = !0,
   logoProps: l,
-  ...m
+  ...v
 }, f) => {
   const h = ["header", n].filter(Boolean).join(" ");
-  return /* @__PURE__ */ r.jsx("header", { className: h, ref: f, ...m, children: /* @__PURE__ */ r.jsxs("div", { className: "header-content-wrapper", children: [
+  return /* @__PURE__ */ r.jsx("header", { className: h, ref: f, ...v, children: /* @__PURE__ */ r.jsxs("div", { className: "header-content-wrapper", children: [
     /* @__PURE__ */ r.jsx("h1", { className: "header-title", children: t }),
     i && /* @__PURE__ */ r.jsx(
       Ke,
@@ -1947,11 +1948,11 @@ const lt = H("pagination", {
     currentPage: n,
     totalPages: i,
     itemsPerPage: l,
-    totalItems: m,
+    totalItems: v,
     itemsPerPageOptions: f = [10, 20, 50, 100],
     onPageChange: h,
     onItemsPerPageChange: u,
-    resultsLabel: v = "Resultados",
+    resultsLabel: m = "Resultados",
     ofLabel: o = "de",
     pageLabel: p = "Página",
     prevDisabled: d,
@@ -1990,7 +1991,7 @@ const lt = H("pagination", {
         ...k,
         children: [
           /* @__PURE__ */ r.jsxs("div", { className: "pagination-results-section", children: [
-            /* @__PURE__ */ r.jsx("div", { className: "pagination-results", children: /* @__PURE__ */ r.jsx("span", { className: "pagination-results-text", children: v }) }),
+            /* @__PURE__ */ r.jsx("div", { className: "pagination-results", children: /* @__PURE__ */ r.jsx("span", { className: "pagination-results-text", children: m }) }),
             /* @__PURE__ */ r.jsx("div", { className: "pagination-items-selector", ref: _, children: /* @__PURE__ */ r.jsxs("div", { className: "pagination-items-dropdown", children: [
               /* @__PURE__ */ r.jsxs(
                 "button",
@@ -2028,7 +2029,7 @@ const lt = H("pagination", {
             /* @__PURE__ */ r.jsx("div", { className: "pagination-total", children: /* @__PURE__ */ r.jsxs("span", { className: "pagination-total-text", children: [
               o,
               " ",
-              m
+              v
             ] }) })
           ] }),
           /* @__PURE__ */ r.jsxs("div", { className: "pagination-navigation", children: [
@@ -2077,7 +2078,7 @@ const mt = ({
   onChange: i,
   className: l = ""
 }) => {
-  const [m, f] = U(!1), h = q(null);
+  const [v, f] = U(!1), h = q(null);
   Q(() => {
     const d = (b) => {
       h.current && !h.current.contains(b.target) && f(!1);
@@ -2085,8 +2086,8 @@ const mt = ({
     return document.addEventListener("mousedown", d), () => document.removeEventListener("mousedown", d);
   }, []);
   const u = () => {
-    f(!m);
-  }, v = (d) => {
+    f(!v);
+  }, m = (d) => {
     var b;
     d.disabled || (f(!1), i == null || i(d), (b = d.onSelect) == null || b.call(d));
   }, o = s, p = t || /* @__PURE__ */ r.jsx(Kr, { size: 20, color: "#00D4AA" });
@@ -2094,7 +2095,7 @@ const mt = ({
     /* @__PURE__ */ r.jsxs(
       "div",
       {
-        className: `selector ${m ? "selector--open" : ""}`,
+        className: `selector ${v ? "selector--open" : ""}`,
         onClick: u,
         children: [
           /* @__PURE__ */ r.jsx("div", { className: "selector__icon", children: p }),
@@ -2107,7 +2108,7 @@ const mt = ({
               viewBox: "0 0 12 7",
               fill: "none",
               xmlns: "http://www.w3.org/2000/svg",
-              className: `selector__chevron-icon ${m ? "selector__chevron-icon--open" : ""}`,
+              className: `selector__chevron-icon ${v ? "selector__chevron-icon--open" : ""}`,
               children: /* @__PURE__ */ r.jsx(
                 "path",
                 {
@@ -2123,11 +2124,11 @@ const mt = ({
         ]
       }
     ),
-    m && n.length > 0 && /* @__PURE__ */ r.jsx("div", { className: "selector__dropdown", children: /* @__PURE__ */ r.jsx("div", { className: "selector__dropdown-content", children: n.map((d) => /* @__PURE__ */ r.jsxs(
+    v && n.length > 0 && /* @__PURE__ */ r.jsx("div", { className: "selector__dropdown", children: /* @__PURE__ */ r.jsx("div", { className: "selector__dropdown-content", children: n.map((d) => /* @__PURE__ */ r.jsxs(
       "div",
       {
         className: `selector__option ${d.active ? "selector__option--selected" : ""} ${d.disabled ? "selector__option--disabled" : ""}`,
-        onClick: () => v(d),
+        onClick: () => m(d),
         children: [
           d.icon && /* @__PURE__ */ r.jsx("div", { className: "selector__option-icon", children: d.icon }),
           /* @__PURE__ */ r.jsxs("div", { className: "selector__option-content", children: [
@@ -2145,18 +2146,18 @@ const mt = ({
   buttonText: n,
   buttonVariant: i = "filled",
   onClick: l,
-  image: m = "src/assets/images/default_card_wallpaper.png",
+  image: v = "src/assets/images/default_card_wallpaper.png",
   icon: f,
   disabled: h = !1,
   className: u = "",
-  size: v = "md",
+  size: m = "md",
   ...o
 }, p) => /* @__PURE__ */ r.jsxs(
   "div",
   {
-    className: `cardcta-container cardcta-size-${v} ${u}`,
+    className: `cardcta-container cardcta-size-${m} ${u}`,
     style: {
-      backgroundImage: `url('${m}')`,
+      backgroundImage: `url('${v}')`,
       backgroundSize: "cover",
       backgroundPosition: "center",
       position: "relative",
@@ -2196,7 +2197,7 @@ const ut = H("tag", {
     children: n,
     icon: i,
     onClick: l,
-    ...m
+    ...v
   }, f) => /* @__PURE__ */ r.jsxs(
     "span",
     {
@@ -2205,7 +2206,7 @@ const ut = H("tag", {
         className: t
       }),
       ref: f,
-      ...m,
+      ...v,
       children: [
         i && /* @__PURE__ */ r.jsx("span", { className: "tag-icon", children: i }),
         /* @__PURE__ */ r.jsx("span", { className: "tag-content", children: n })